@wordpress/edit-site 6.33.3-next.36001005c.0 → 6.34.0

package/build/components/global-styles/preview-styles.js

@@ -1,214 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var preview_styles_exports = {};
-__export(preview_styles_exports, {
-  default: () => preview_styles_default
-});
-module.exports = __toCommonJS(preview_styles_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_block_editor = require("@wordpress/block-editor");
-var import_components = require("@wordpress/components");
-var import_lock_unlock = require("../../lock-unlock");
-var import_hooks = require("./hooks");
-var import_typography_example = __toESM(require("./typography-example"));
-var import_highlighted_colors = __toESM(require("./highlighted-colors"));
-var import_preview_wrapper = __toESM(require("./preview-wrapper"));
-const { useGlobalStyle } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
-const firstFrameVariants = {
-  start: {
-    scale: 1,
-    opacity: 1
-  },
-  hover: {
-    scale: 0,
-    opacity: 0
-  }
-};
-const midFrameVariants = {
-  hover: {
-    opacity: 1
-  },
-  start: {
-    opacity: 0.5
-  }
-};
-const secondFrameVariants = {
-  hover: {
-    scale: 1,
-    opacity: 1
-  },
-  start: {
-    scale: 0,
-    opacity: 0
-  }
-};
-const PreviewStyles = ({ label, isFocused, withHoverView, variation }) => {
-  const [fontWeight] = useGlobalStyle("typography.fontWeight");
-  const [fontFamily = "serif"] = useGlobalStyle("typography.fontFamily");
-  const [headingFontFamily = fontFamily] = useGlobalStyle(
-    "elements.h1.typography.fontFamily"
-  );
-  const [headingFontWeight = fontWeight] = useGlobalStyle(
-    "elements.h1.typography.fontWeight"
-  );
-  const [textColor = "black"] = useGlobalStyle("color.text");
-  const [headingColor = textColor] = useGlobalStyle(
-    "elements.h1.color.text"
-  );
-  const { paletteColors } = (0, import_hooks.useStylesPreviewColors)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_preview_wrapper.default,
-    {
-      label,
-      isFocused,
-      withHoverView,
-      children: [
-        ({ ratio, key }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components.__unstableMotion.div,
-          {
-            variants: firstFrameVariants,
-            style: {
-              height: "100%",
-              overflow: "hidden"
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-              import_components.__experimentalHStack,
-              {
-                spacing: 10 * ratio,
-                justify: "center",
-                style: {
-                  height: "100%",
-                  overflow: "hidden"
-                },
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_typography_example.default,
-                    {
-                      fontSize: 65 * ratio,
-                      variation
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalVStack, { spacing: 4 * ratio, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_highlighted_colors.default,
-                    {
-                      normalizedColorSwatchSize: 32,
-                      ratio
-                    }
-                  ) })
-                ]
-              }
-            )
-          },
-          key
-        ),
-        ({ key }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components.__unstableMotion.div,
-          {
-            variants: withHoverView && midFrameVariants,
-            style: {
-              height: "100%",
-              width: "100%",
-              position: "absolute",
-              top: 0,
-              overflow: "hidden",
-              filter: "blur(60px)",
-              opacity: 0.1
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_components.__experimentalHStack,
-              {
-                spacing: 0,
-                justify: "flex-start",
-                style: {
-                  height: "100%",
-                  overflow: "hidden"
-                },
-                children: paletteColors.slice(0, 4).map(({ color }, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "div",
-                  {
-                    style: {
-                      height: "100%",
-                      background: color,
-                      flexGrow: 1
-                    }
-                  },
-                  index
-                ))
-              }
-            )
-          },
-          key
-        ),
-        ({ ratio, key }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components.__unstableMotion.div,
-          {
-            variants: secondFrameVariants,
-            style: {
-              height: "100%",
-              width: "100%",
-              overflow: "hidden",
-              position: "absolute",
-              top: 0
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_components.__experimentalVStack,
-              {
-                spacing: 3 * ratio,
-                justify: "center",
-                style: {
-                  height: "100%",
-                  overflow: "hidden",
-                  padding: 10 * ratio,
-                  boxSizing: "border-box"
-                },
-                children: label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "div",
-                  {
-                    style: {
-                      fontSize: 40 * ratio,
-                      fontFamily: headingFontFamily,
-                      color: headingColor,
-                      fontWeight: headingFontWeight,
-                      lineHeight: "1em",
-                      textAlign: "center"
-                    },
-                    children: label
-                  }
-                )
-              }
-            )
-          },
-          key
-        )
-      ]
-    }
-  );
-};
-var preview_styles_default = PreviewStyles;
-//# sourceMappingURL=preview-styles.js.map

package/build/components/global-styles/preview-styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/preview-styles.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { useStylesPreviewColors } from './hooks';\nimport TypographyExample from './typography-example';\nimport HighlightedColors from './highlighted-colors';\nimport PreviewWrapper from './preview-wrapper';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nconst firstFrameVariants = {\n\tstart: {\n\t\tscale: 1,\n\t\topacity: 1,\n\t},\n\thover: {\n\t\tscale: 0,\n\t\topacity: 0,\n\t},\n};\n\nconst midFrameVariants = {\n\thover: {\n\t\topacity: 1,\n\t},\n\tstart: {\n\t\topacity: 0.5,\n\t},\n};\n\nconst secondFrameVariants = {\n\thover: {\n\t\tscale: 1,\n\t\topacity: 1,\n\t},\n\tstart: {\n\t\tscale: 0,\n\t\topacity: 0,\n\t},\n};\n\nconst PreviewStyles = ( { label, isFocused, withHoverView, variation } ) => {\n\tconst [ fontWeight ] = useGlobalStyle( 'typography.fontWeight' );\n\tconst [ fontFamily = 'serif' ] = useGlobalStyle( 'typography.fontFamily' );\n\tconst [ headingFontFamily = fontFamily ] = useGlobalStyle(\n\t\t'elements.h1.typography.fontFamily'\n\t);\n\tconst [ headingFontWeight = fontWeight ] = useGlobalStyle(\n\t\t'elements.h1.typography.fontWeight'\n\t);\n\tconst [ textColor = 'black' ] = useGlobalStyle( 'color.text' );\n\tconst [ headingColor = textColor ] = useGlobalStyle(\n\t\t'elements.h1.color.text'\n\t);\n\n\tconst { paletteColors } = useStylesPreviewColors();\n\n\treturn (\n\t\t<PreviewWrapper\n\t\t\tlabel={ label }\n\t\t\tisFocused={ isFocused }\n\t\t\twithHoverView={ withHoverView }\n\t\t>\n\t\t\t{ ( { ratio, key } ) => (\n\t\t\t\t<motion.div\n\t\t\t\t\tkey={ key }\n\t\t\t\t\tvariants={ firstFrameVariants }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\tspacing={ 10 * ratio }\n\t\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<TypographyExample\n\t\t\t\t\t\t\tfontSize={ 65 * ratio }\n\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<VStack spacing={ 4 * ratio }>\n\t\t\t\t\t\t\t<HighlightedColors\n\t\t\t\t\t\t\t\tnormalizedColorSwatchSize={ 32 }\n\t\t\t\t\t\t\t\tratio={ ratio }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t</HStack>\n\t\t\t\t</motion.div>\n\t\t\t) }\n\t\t\t{ ( { key } ) => (\n\t\t\t\t<motion.div\n\t\t\t\t\tkey={ key }\n\t\t\t\t\tvariants={ withHoverView && midFrameVariants }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\tfilter: 'blur(60px)',\n\t\t\t\t\t\topacity: 0.1,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ paletteColors\n\t\t\t\t\t\t\t.slice( 0, 4 )\n\t\t\t\t\t\t\t.map( ( { color }, index ) => (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t\t\tbackground: color,\n\t\t\t\t\t\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t</HStack>\n\t\t\t\t</motion.div>\n\t\t\t) }\n\t\t\t{ ( { ratio, key } ) => (\n\t\t\t\t<motion.div\n\t\t\t\t\tkey={ key }\n\t\t\t\t\tvariants={ secondFrameVariants }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<VStack\n\t\t\t\t\t\tspacing={ 3 * ratio }\n\t\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\tpadding: 10 * ratio,\n\t\t\t\t\t\t\tboxSizing: 'border-box',\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ label && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tfontSize: 40 * ratio,\n\t\t\t\t\t\t\t\t\tfontFamily: headingFontFamily,\n\t\t\t\t\t\t\t\t\tcolor: headingColor,\n\t\t\t\t\t\t\t\t\tfontWeight: headingFontWeight,\n\t\t\t\t\t\t\t\t\tlineHeight: '1em',\n\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</VStack>\n\t\t\t\t</motion.div>\n\t\t\t) }\n\t\t</PreviewWrapper>\n\t);\n};\n\nexport default PreviewStyles;\n"],
-  "mappings": "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",
-  "names": ["blockEditorPrivateApis", "PreviewWrapper", "motion", "HStack", "TypographyExample", "VStack", "HighlightedColors"]
-}

package/build/components/global-styles/preview-typography.js

@@ -1,68 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var preview_typography_exports = {};
-__export(preview_typography_exports, {
-  default: () => preview_typography_default
-});
-module.exports = __toCommonJS(preview_typography_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_components = require("@wordpress/components");
-var import_typography_example = __toESM(require("./typography-example"));
-var import_preview_wrapper = __toESM(require("./preview-wrapper"));
-const StylesPreviewTypography = ({ variation, isFocused, withHoverView }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_preview_wrapper.default,
-    {
-      label: variation.title,
-      isFocused,
-      withHoverView,
-      children: ({ ratio, key }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_components.__experimentalHStack,
-        {
-          spacing: 10 * ratio,
-          justify: "center",
-          style: {
-            height: "100%",
-            overflow: "hidden"
-          },
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_typography_example.default,
-            {
-              variation,
-              fontSize: 85 * ratio
-            }
-          )
-        },
-        key
-      )
-    }
-  );
-};
-var preview_typography_default = StylesPreviewTypography;
-//# sourceMappingURL=preview-typography.js.map

package/build/components/global-styles/preview-typography.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/preview-typography.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __experimentalHStack as HStack } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport TypographyExample from './typography-example';\nimport PreviewWrapper from './preview-wrapper';\n\nconst StylesPreviewTypography = ( { variation, isFocused, withHoverView } ) => {\n\treturn (\n\t\t<PreviewWrapper\n\t\t\tlabel={ variation.title }\n\t\t\tisFocused={ isFocused }\n\t\t\twithHoverView={ withHoverView }\n\t\t>\n\t\t\t{ ( { ratio, key } ) => (\n\t\t\t\t<HStack\n\t\t\t\t\tkey={ key }\n\t\t\t\t\tspacing={ 10 * ratio }\n\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<TypographyExample\n\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\tfontSize={ 85 * ratio }\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t) }\n\t\t</PreviewWrapper>\n\t);\n};\n\nexport default StylesPreviewTypography;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BK;AAzBL,wBAA+C;AAK/C,gCAA8B;AAC9B,6BAA2B;AAE3B,MAAM,0BAA0B,CAAE,EAAE,WAAW,WAAW,cAAc,MAAO;AAC9E,SACC;AAAA,IAAC,uBAAAA;AAAA,IAAA;AAAA,MACA,OAAQ,UAAU;AAAA,MAClB;AAAA,MACA;AAAA,MAEE,WAAE,EAAE,OAAO,IAAI,MAChB;AAAA,QAAC,kBAAAC;AAAA,QAAA;AAAA,UAEA,SAAU,KAAK;AAAA,UACf,SAAQ;AAAA,UACR,OAAQ;AAAA,YACP,QAAQ;AAAA,YACR,UAAU;AAAA,UACX;AAAA,UAEA;AAAA,YAAC,0BAAAC;AAAA,YAAA;AAAA,cACA;AAAA,cACA,UAAW,KAAK;AAAA;AAAA,UACjB;AAAA;AAAA,QAXM;AAAA,MAYP;AAAA;AAAA,EAEF;AAEF;AAEA,IAAO,6BAAQ;",
-  "names": ["PreviewWrapper", "HStack", "TypographyExample"]
-}

package/build/components/global-styles/preview-wrapper.js

@@ -1,101 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var preview_wrapper_exports = {};
-__export(preview_wrapper_exports, {
-  default: () => PreviewWrapper
-});
-module.exports = __toCommonJS(preview_wrapper_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_block_editor = require("@wordpress/block-editor");
-var import_components = require("@wordpress/components");
-var import_compose = require("@wordpress/compose");
-var import_element = require("@wordpress/element");
-var import_lock_unlock = require("../../lock-unlock");
-const { useGlobalStyle } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
-const normalizedWidth = 248;
-const normalizedHeight = 152;
-const THROTTLE_OPTIONS = {
-  leading: true,
-  trailing: true
-};
-function PreviewWrapper({
-  children,
-  label,
-  isFocused,
-  withHoverView
-}) {
-  const [backgroundColor = "white"] = useGlobalStyle("color.background");
-  const [gradientValue] = useGlobalStyle("color.gradient");
-  const disableMotion = (0, import_compose.useReducedMotion)();
-  const [isHovered, setIsHovered] = (0, import_element.useState)(false);
-  const [containerResizeListener, { width }] = (0, import_compose.useResizeObserver)();
-  const [throttledWidth, setThrottledWidthState] = (0, import_element.useState)(width);
-  const [ratioState, setRatioState] = (0, import_element.useState)();
-  const setThrottledWidth = (0, import_compose.useThrottle)(
-    setThrottledWidthState,
-    250,
-    THROTTLE_OPTIONS
-  );
-  (0, import_element.useLayoutEffect)(() => {
-    if (width) {
-      setThrottledWidth(width);
-    }
-  }, [width, setThrottledWidth]);
-  (0, import_element.useLayoutEffect)(() => {
-    const newRatio = throttledWidth ? throttledWidth / normalizedWidth : 1;
-    const ratioDiff = newRatio - (ratioState || 0);
-    const isRatioDiffBigEnough = Math.abs(ratioDiff) > 0.1;
-    if (isRatioDiffBigEnough || !ratioState) {
-      setRatioState(newRatio);
-    }
-  }, [throttledWidth, ratioState]);
-  const fallbackRatio = width ? width / normalizedWidth : 1;
-  const ratio = ratioState ? ratioState : fallbackRatio;
-  const isReady = !!width;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { position: "relative" }, children: containerResizeListener }),
-    isReady && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      {
-        className: "edit-site-global-styles-preview__wrapper",
-        style: {
-          height: normalizedHeight * ratio
-        },
-        onMouseEnter: () => setIsHovered(true),
-        onMouseLeave: () => setIsHovered(false),
-        tabIndex: -1,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components.__unstableMotion.div,
-          {
-            style: {
-              height: normalizedHeight * ratio,
-              width: "100%",
-              background: gradientValue ?? backgroundColor,
-              cursor: withHoverView ? "pointer" : void 0
-            },
-            initial: "start",
-            animate: (isHovered || isFocused) && !disableMotion && label ? "hover" : "start",
-            children: [].concat(children).map((child, key) => child({ ratio, key }))
-          }
-        )
-      }
-    )
-  ] });
-}
-//# sourceMappingURL=preview-wrapper.js.map

package/build/components/global-styles/preview-wrapper.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/preview-wrapper.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { __unstableMotion as motion } from '@wordpress/components';\nimport {\n\tuseThrottle,\n\tuseReducedMotion,\n\tuseResizeObserver,\n} from '@wordpress/compose';\nimport { useLayoutEffect, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nconst normalizedWidth = 248;\nconst normalizedHeight = 152;\n\n// Throttle options for useThrottle. Must be defined outside of the component,\n// so that the object reference is the same on each render.\nconst THROTTLE_OPTIONS = {\n\tleading: true,\n\ttrailing: true,\n};\n\nexport default function PreviewWrapper( {\n\tchildren,\n\tlabel,\n\tisFocused,\n\twithHoverView,\n} ) {\n\tconst [ backgroundColor = 'white' ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst disableMotion = useReducedMotion();\n\tconst [ isHovered, setIsHovered ] = useState( false );\n\tconst [ containerResizeListener, { width } ] = useResizeObserver();\n\tconst [ throttledWidth, setThrottledWidthState ] = useState( width );\n\tconst [ ratioState, setRatioState ] = useState();\n\n\tconst setThrottledWidth = useThrottle(\n\t\tsetThrottledWidthState,\n\t\t250,\n\t\tTHROTTLE_OPTIONS\n\t);\n\n\t// Must use useLayoutEffect to avoid a flash of the container  at the wrong\n\t// size before the width is set.\n\tuseLayoutEffect( () => {\n\t\tif ( width ) {\n\t\t\tsetThrottledWidth( width );\n\t\t}\n\t}, [ width, setThrottledWidth ] );\n\n\t// Must use useLayoutEffect to avoid a flash of the container at the wrong\n\t// size before the width is set.\n\tuseLayoutEffect( () => {\n\t\tconst newRatio = throttledWidth ? throttledWidth / normalizedWidth : 1;\n\t\tconst ratioDiff = newRatio - ( ratioState || 0 );\n\n\t\t// Only update the ratio state if the difference is big enough\n\t\t// or if the ratio state is not yet set. This is to avoid an\n\t\t// endless loop of updates at particular viewport heights when the\n\t\t// presence of a scrollbar causes the width to change slightly.\n\t\tconst isRatioDiffBigEnough = Math.abs( ratioDiff ) > 0.1;\n\n\t\tif ( isRatioDiffBigEnough || ! ratioState ) {\n\t\t\tsetRatioState( newRatio );\n\t\t}\n\t}, [ throttledWidth, ratioState ] );\n\n\t// Set a fallbackRatio to use before the throttled ratio has been set.\n\tconst fallbackRatio = width ? width / normalizedWidth : 1;\n\t/*\n\t * Use the throttled ratio if it has been calculated, otherwise\n\t * use the fallback ratio. The throttled ratio is used to avoid\n\t * an endless loop of updates at particular viewport heights.\n\t * See: https://github.com/WordPress/gutenberg/issues/55112\n\t */\n\tconst ratio = ratioState ? ratioState : fallbackRatio;\n\n\tconst isReady = !! width;\n\n\treturn (\n\t\t<>\n\t\t\t<div style={ { position: 'relative' } }>\n\t\t\t\t{ containerResizeListener }\n\t\t\t</div>\n\t\t\t{ isReady && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"edit-site-global-styles-preview__wrapper\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\theight: normalizedHeight * ratio,\n\t\t\t\t\t} }\n\t\t\t\t\tonMouseEnter={ () => setIsHovered( true ) }\n\t\t\t\t\tonMouseLeave={ () => setIsHovered( false ) }\n\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t>\n\t\t\t\t\t<motion.div\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\theight: normalizedHeight * ratio,\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\tbackground: gradientValue ?? backgroundColor,\n\t\t\t\t\t\t\tcursor: withHoverView ? 'pointer' : undefined,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tinitial=\"start\"\n\t\t\t\t\t\tanimate={\n\t\t\t\t\t\t\t( isHovered || isFocused ) &&\n\t\t\t\t\t\t\t! disableMotion &&\n\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t? 'hover'\n\t\t\t\t\t\t\t\t: 'start'\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{ []\n\t\t\t\t\t\t\t.concat( children ) // This makes sure children is always an array.\n\t\t\t\t\t\t\t.map( ( child, key ) => child( { ratio, key } ) ) }\n\t\t\t\t\t</motion.div>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuFE;AApFF,0BAAsD;AACtD,wBAA2C;AAC3C,qBAIO;AACP,qBAA0C;AAK1C,yBAAuB;AAEvB,MAAM,EAAE,eAAe,QAAI,2BAAQ,oBAAAA,WAAuB;AAE1D,MAAM,kBAAkB;AACxB,MAAM,mBAAmB;AAIzB,MAAM,mBAAmB;AAAA,EACxB,SAAS;AAAA,EACT,UAAU;AACX;AAEe,SAAR,eAAiC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,CAAE,kBAAkB,OAAQ,IAAI,eAAgB,kBAAmB;AACzE,QAAM,CAAE,aAAc,IAAI,eAAgB,gBAAiB;AAC3D,QAAM,oBAAgB,iCAAiB;AACvC,QAAM,CAAE,WAAW,YAAa,QAAI,yBAAU,KAAM;AACpD,QAAM,CAAE,yBAAyB,EAAE,MAAM,CAAE,QAAI,kCAAkB;AACjE,QAAM,CAAE,gBAAgB,sBAAuB,QAAI,yBAAU,KAAM;AACnE,QAAM,CAAE,YAAY,aAAc,QAAI,yBAAS;AAE/C,QAAM,wBAAoB;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAIA,sCAAiB,MAAM;AACtB,QAAK,OAAQ;AACZ,wBAAmB,KAAM;AAAA,IAC1B;AAAA,EACD,GAAG,CAAE,OAAO,iBAAkB,CAAE;AAIhC,sCAAiB,MAAM;AACtB,UAAM,WAAW,iBAAiB,iBAAiB,kBAAkB;AACrE,UAAM,YAAY,YAAa,cAAc;AAM7C,UAAM,uBAAuB,KAAK,IAAK,SAAU,IAAI;AAErD,QAAK,wBAAwB,CAAE,YAAa;AAC3C,oBAAe,QAAS;AAAA,IACzB;AAAA,EACD,GAAG,CAAE,gBAAgB,UAAW,CAAE;AAGlC,QAAM,gBAAgB,QAAQ,QAAQ,kBAAkB;AAOxD,QAAM,QAAQ,aAAa,aAAa;AAExC,QAAM,UAAU,CAAC,CAAE;AAEnB,SACC,4EACC;AAAA,gDAAC,SAAI,OAAQ,EAAE,UAAU,WAAW,GACjC,mCACH;AAAA,IACE,WACD;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,OAAQ;AAAA,UACP,QAAQ,mBAAmB;AAAA,QAC5B;AAAA,QACA,cAAe,MAAM,aAAc,IAAK;AAAA,QACxC,cAAe,MAAM,aAAc,KAAM;AAAA,QACzC,UAAW;AAAA,QAEX;AAAA,UAAC,kBAAAC,iBAAO;AAAA,UAAP;AAAA,YACA,OAAQ;AAAA,cACP,QAAQ,mBAAmB;AAAA,cAC3B,OAAO;AAAA,cACP,YAAY,iBAAiB;AAAA,cAC7B,QAAQ,gBAAgB,YAAY;AAAA,YACrC;AAAA,YACA,SAAQ;AAAA,YACR,UACG,aAAa,cACf,CAAE,iBACF,QACG,UACA;AAAA,YAGF,WAAC,EACD,OAAQ,QAAS,EACjB,IAAK,CAAE,OAAO,QAAS,MAAO,EAAE,OAAO,IAAI,CAAE,CAAE;AAAA;AAAA,QAClD;AAAA;AAAA,IACD;AAAA,KAEF;AAEF;",
-  "names": ["blockEditorPrivateApis", "motion"]
-}

package/build/components/global-styles/root-menu.js

@@ -1,72 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var root_menu_exports = {};
-__export(root_menu_exports, {
-  default: () => root_menu_default
-});
-module.exports = __toCommonJS(root_menu_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_components = require("@wordpress/components");
-var import_icons = require("@wordpress/icons");
-var import_i18n = require("@wordpress/i18n");
-var import_block_editor = require("@wordpress/block-editor");
-var import_navigation_button = require("./navigation-button");
-var import_lock_unlock = require("../../lock-unlock");
-const {
-  useHasDimensionsPanel,
-  useHasTypographyPanel,
-  useHasColorPanel,
-  useGlobalSetting,
-  useSettingsForBlockElement,
-  useHasBackgroundPanel
-} = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
-function RootMenu() {
-  const [rawSettings] = useGlobalSetting("");
-  const settings = useSettingsForBlockElement(rawSettings);
-  const hasBackgroundPanel = useHasBackgroundPanel(rawSettings);
-  const hasTypographyPanel = useHasTypographyPanel(settings);
-  const hasColorPanel = useHasColorPanel(settings);
-  const hasShadowPanel = true;
-  const hasDimensionsPanel = useHasDimensionsPanel(settings);
-  const hasLayoutPanel = hasDimensionsPanel;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalItemGroup, { children: [
-    hasTypographyPanel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_navigation_button.NavigationButtonAsItem,
-      {
-        icon: import_icons.typography,
-        path: "/typography",
-        children: (0, import_i18n.__)("Typography")
-      }
-    ),
-    hasColorPanel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_button.NavigationButtonAsItem, { icon: import_icons.color, path: "/colors", children: (0, import_i18n.__)("Colors") }),
-    hasBackgroundPanel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_navigation_button.NavigationButtonAsItem,
-      {
-        icon: import_icons.background,
-        path: "/background",
-        "aria-label": (0, import_i18n.__)("Background styles"),
-        children: (0, import_i18n.__)("Background")
-      }
-    ),
-    hasShadowPanel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_button.NavigationButtonAsItem, { icon: import_icons.shadow, path: "/shadows", children: (0, import_i18n.__)("Shadows") }),
-    hasLayoutPanel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_button.NavigationButtonAsItem, { icon: import_icons.layout, path: "/layout", children: (0, import_i18n.__)("Layout") })
-  ] }) });
-}
-var root_menu_default = RootMenu;
-//# sourceMappingURL=root-menu.js.map

package/build/components/global-styles/root-menu.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/root-menu.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport {\n\tbackground,\n\ttypography,\n\tcolor,\n\tlayout,\n\tshadow as shadowIcon,\n} from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { NavigationButtonAsItem } from './navigation-button';\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseHasDimensionsPanel,\n\tuseHasTypographyPanel,\n\tuseHasColorPanel,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tuseHasBackgroundPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction RootMenu() {\n\tconst [ rawSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\t/*\n\t * Use the raw settings to determine if the background panel should be displayed,\n\t * as the background panel is not dependent on the block element settings.\n\t */\n\tconst hasBackgroundPanel = useHasBackgroundPanel( rawSettings );\n\tconst hasTypographyPanel = useHasTypographyPanel( settings );\n\tconst hasColorPanel = useHasColorPanel( settings );\n\tconst hasShadowPanel = true; // useHasShadowPanel( settings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\tconst hasLayoutPanel = hasDimensionsPanel;\n\n\treturn (\n\t\t<>\n\t\t\t<ItemGroup>\n\t\t\t\t{ hasTypographyPanel && (\n\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\ticon={ typography }\n\t\t\t\t\t\tpath=\"/typography\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Typography' ) }\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t) }\n\t\t\t\t{ hasColorPanel && (\n\t\t\t\t\t<NavigationButtonAsItem icon={ color } path=\"/colors\">\n\t\t\t\t\t\t{ __( 'Colors' ) }\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t) }\n\t\t\t\t{ hasBackgroundPanel && (\n\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\ticon={ background }\n\t\t\t\t\t\tpath=\"/background\"\n\t\t\t\t\t\taria-label={ __( 'Background styles' ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Background' ) }\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t) }\n\t\t\t\t{ hasShadowPanel && (\n\t\t\t\t\t<NavigationButtonAsItem icon={ shadowIcon } path=\"/shadows\">\n\t\t\t\t\t\t{ __( 'Shadows' ) }\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t) }\n\t\t\t\t{ hasLayoutPanel && (\n\t\t\t\t\t<NavigationButtonAsItem icon={ layout } path=\"/layout\">\n\t\t\t\t\t\t{ __( 'Layout' ) }\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t) }\n\t\t\t</ItemGroup>\n\t\t</>\n\t);\n}\n\nexport default RootMenu;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4CE;AAzCF,wBAAqD;AACrD,mBAMO;AACP,kBAAmB;AACnB,0BAAsD;AAKtD,+BAAuC;AACvC,yBAAuB;AAEvB,MAAM;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,QAAI,2BAAQ,oBAAAA,WAAuB;AAEnC,SAAS,WAAW;AACnB,QAAM,CAAE,WAAY,IAAI,iBAAkB,EAAG;AAC7C,QAAM,WAAW,2BAA4B,WAAY;AAKzD,QAAM,qBAAqB,sBAAuB,WAAY;AAC9D,QAAM,qBAAqB,sBAAuB,QAAS;AAC3D,QAAM,gBAAgB,iBAAkB,QAAS;AACjD,QAAM,iBAAiB;AACvB,QAAM,qBAAqB,sBAAuB,QAAS;AAC3D,QAAM,iBAAiB;AAEvB,SACC,2EACC,uDAAC,kBAAAC,yBAAA,EACE;AAAA,0BACD;AAAA,MAAC;AAAA;AAAA,QACA,MAAO;AAAA,QACP,MAAK;AAAA,QAEH,8BAAI,YAAa;AAAA;AAAA,IACpB;AAAA,IAEC,iBACD,4CAAC,mDAAuB,MAAO,oBAAQ,MAAK,WACzC,8BAAI,QAAS,GAChB;AAAA,IAEC,sBACD;AAAA,MAAC;AAAA;AAAA,QACA,MAAO;AAAA,QACP,MAAK;AAAA,QACL,kBAAa,gBAAI,mBAAoB;AAAA,QAEnC,8BAAI,YAAa;AAAA;AAAA,IACpB;AAAA,IAEC,kBACD,4CAAC,mDAAuB,MAAO,aAAAC,QAAa,MAAK,YAC9C,8BAAI,SAAU,GACjB;AAAA,IAEC,kBACD,4CAAC,mDAAuB,MAAO,qBAAS,MAAK,WAC1C,8BAAI,QAAS,GAChB;AAAA,KAEF,GACD;AAEF;AAEA,IAAO,oBAAQ;",
-  "names": ["blockEditorPrivateApis", "ItemGroup", "shadowIcon"]
-}

package/build/components/global-styles/screen-background.js

@@ -1,59 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var screen_background_exports = {};
-__export(screen_background_exports, {
-  default: () => screen_background_default
-});
-module.exports = __toCommonJS(screen_background_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_i18n = require("@wordpress/i18n");
-var import_block_editor = require("@wordpress/block-editor");
-var import_components = require("@wordpress/components");
-var import_background_panel = __toESM(require("./background-panel"));
-var import_header = __toESM(require("./header"));
-var import_lock_unlock = require("../../lock-unlock");
-const { useHasBackgroundPanel, useGlobalSetting } = (0, import_lock_unlock.unlock)(
-  import_block_editor.privateApis
-);
-function ScreenBackground() {
-  const [settings] = useGlobalSetting("");
-  const hasBackgroundPanel = useHasBackgroundPanel(settings);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_header.default,
-      {
-        title: (0, import_i18n.__)("Background"),
-        description: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalText, { children: (0, import_i18n.__)("Set styles for the site\u2019s background.") })
-      }
-    ),
-    hasBackgroundPanel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_background_panel.default, {})
-  ] });
-}
-var screen_background_default = ScreenBackground;
-//# sourceMappingURL=screen-background.js.map

package/build/components/global-styles/screen-background.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/screen-background.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { __experimentalText as Text } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BackgroundPanel from './background-panel';\nimport ScreenHeader from './header';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHasBackgroundPanel, useGlobalSetting } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction ScreenBackground() {\n\tconst [ settings ] = useGlobalSetting( '' );\n\tconst hasBackgroundPanel = useHasBackgroundPanel( settings );\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Background' ) }\n\t\t\t\tdescription={\n\t\t\t\t\t<Text>\n\t\t\t\t\t\t{ __( 'Set styles for the site\u2019s background.' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ hasBackgroundPanel && <BackgroundPanel /> }\n\t\t</>\n\t);\n}\n\nexport default ScreenBackground;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBE;AAnBF,kBAAmB;AACnB,0BAAsD;AACtD,wBAA2C;AAK3C,8BAA4B;AAC5B,oBAAyB;AACzB,yBAAuB;AAEvB,MAAM,EAAE,uBAAuB,iBAAiB,QAAI;AAAA,EACnD,oBAAAA;AACD;AAEA,SAAS,mBAAmB;AAC3B,QAAM,CAAE,QAAS,IAAI,iBAAkB,EAAG;AAC1C,QAAM,qBAAqB,sBAAuB,QAAS;AAC3D,SACC,4EACC;AAAA;AAAA,MAAC,cAAAC;AAAA,MAAA;AAAA,QACA,WAAQ,gBAAI,YAAa;AAAA,QACzB,aACC,4CAAC,kBAAAC,oBAAA,EACE,8BAAI,4CAAwC,GAC/C;AAAA;AAAA,IAEF;AAAA,IACE,sBAAsB,4CAAC,wBAAAC,SAAA,EAAgB;AAAA,KAC1C;AAEF;AAEA,IAAO,4BAAQ;",
-  "names": ["blockEditorPrivateApis", "ScreenHeader", "Text", "BackgroundPanel"]
-}