text: var __create = Object.create;
  var __defProp = Object.defineProperty;
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
  var __getOwnPropNames = Object.getOwnPropertyNames;
  var __getProtoOf = Object.getPrototypeOf;
  var __hasOwnProp = Object.prototype.hasOwnProperty;
  var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
  var __export = (target, all) => {
    for (var name in all)
      __defProp(target, name, { get: all[name], enumerable: true });
  };
  var __reExport = (target, module2, desc) => {
    if (module2 && typeof module2 === "object" || typeof module2 === "function") {
      for (let key of __getOwnPropNames(module2))
        if (!__hasOwnProp.call(target, key) && key !== "default")
          __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
    }
    return target;
  };
  var __toModule = (module2) => {
    return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
  };
  __markAsModule(exports);
  __export(exports, {
    containerBaseStyle: () => containerBaseStyle,
    responsiveContainerWidthStyle: () => responsiveContainerWidthStyle
  });
  var import_styles = __toModule(require("../../styles"));
  function containerBaseStyle() {
    return { width: "100%", margin: "0 auto" };
  }
  function responsiveContainerWidthStyle(props) {
    const { theme } = props;
    const { container, media } = theme.sanity;
    return (0, import_styles.responsive)(media, (0, import_styles.getResponsiveProp)(props.$width), (val) => ({
      maxWidth: val === "auto" ? "none" : (0, import_styles.rem)(container[val])
    }));
  }
  