@wordpress/edit-site 6.33.3 → 6.34.0

package/build/components/global-styles/shadows-panel.js

@@ -1,206 +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 shadows_panel_exports = {};
-__export(shadows_panel_exports, {
-  default: () => ShadowsPanel,
-  defaultShadow: () => defaultShadow
-});
-module.exports = __toCommonJS(shadows_panel_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_components = require("@wordpress/components");
-var import_i18n = require("@wordpress/i18n");
-var import_block_editor = require("@wordpress/block-editor");
-var import_icons = require("@wordpress/icons");
-var import_lock_unlock = require("../../lock-unlock");
-var import_subtitle = __toESM(require("./subtitle"));
-var import_navigation_button = require("./navigation-button");
-var import_header = __toESM(require("./header"));
-var import_utils = require("./utils");
-var import_element = require("@wordpress/element");
-var import_confirm_reset_shadow_dialog = __toESM(require("./confirm-reset-shadow-dialog"));
-const { useGlobalSetting } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
-const { Menu } = (0, import_lock_unlock.unlock)(import_components.privateApis);
-const defaultShadow = "6px 6px 9px rgba(0, 0, 0, 0.2)";
-function ShadowsPanel() {
-  const [defaultShadows] = useGlobalSetting("shadow.presets.default");
-  const [defaultShadowsEnabled] = useGlobalSetting(
-    "shadow.defaultPresets"
-  );
-  const [themeShadows] = useGlobalSetting("shadow.presets.theme");
-  const [customShadows, setCustomShadows] = useGlobalSetting(
-    "shadow.presets.custom"
-  );
-  const onCreateShadow = (shadow) => {
-    setCustomShadows([...customShadows || [], shadow]);
-  };
-  const handleResetShadows = () => {
-    setCustomShadows([]);
-  };
-  const [isResetDialogOpen, setIsResetDialogOpen] = (0, import_element.useState)(false);
-  const toggleResetDialog = () => setIsResetDialogOpen(!isResetDialogOpen);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    isResetDialogOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_confirm_reset_shadow_dialog.default,
-      {
-        text: (0, import_i18n.__)(
-          "Are you sure you want to remove all custom shadows?"
-        ),
-        confirmButtonText: (0, import_i18n.__)("Remove"),
-        isOpen: isResetDialogOpen,
-        toggleOpen: toggleResetDialog,
-        onConfirm: handleResetShadows
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_header.default,
-      {
-        title: (0, import_i18n.__)("Shadows"),
-        description: (0, import_i18n.__)(
-          "Manage and create shadow styles for use across the site."
-        )
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "edit-site-global-styles-screen", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      import_components.__experimentalVStack,
-      {
-        className: "edit-site-global-styles__shadows-panel",
-        spacing: 7,
-        children: [
-          defaultShadowsEnabled && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            ShadowList,
-            {
-              label: (0, import_i18n.__)("Default"),
-              shadows: defaultShadows || [],
-              category: "default"
-            }
-          ),
-          themeShadows && themeShadows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            ShadowList,
-            {
-              label: (0, import_i18n.__)("Theme"),
-              shadows: themeShadows || [],
-              category: "theme"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            ShadowList,
-            {
-              label: (0, import_i18n.__)("Custom"),
-              shadows: customShadows || [],
-              category: "custom",
-              canCreate: true,
-              onCreate: onCreateShadow,
-              onReset: toggleResetDialog
-            }
-          )
-        ]
-      }
-    ) })
-  ] });
-}
-function ShadowList({
-  label,
-  shadows,
-  category,
-  canCreate,
-  onCreate,
-  onReset
-}) {
-  const handleAddShadow = () => {
-    const newIndex = (0, import_utils.getNewIndexFromPresets)(shadows, "shadow-");
-    onCreate({
-      name: (0, import_i18n.sprintf)(
-        /* translators: %s: is an index for a preset */
-        (0, import_i18n.__)("Shadow %s"),
-        newIndex
-      ),
-      shadow: defaultShadow,
-      slug: `shadow-${newIndex}`
-    });
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 2, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { justify: "space-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_subtitle.default, { level: 3, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.FlexItem, { className: "edit-site-global-styles__shadows-panel__options-container", children: [
-        canCreate && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components.Button,
-          {
-            size: "small",
-            icon: import_icons.plus,
-            label: (0, import_i18n.__)("Add shadow"),
-            onClick: () => {
-              handleAddShadow();
-            }
-          }
-        ),
-        !!shadows?.length && category === "custom" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Menu, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            Menu.TriggerButton,
-            {
-              render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_components.Button,
-                {
-                  size: "small",
-                  icon: import_icons.moreVertical,
-                  label: (0, import_i18n.__)("Shadow options")
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu.Popover, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu.Item, { onClick: onReset, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu.ItemLabel, { children: (0, import_i18n.__)("Remove all custom shadows") }) }) })
-        ] })
-      ] })
-    ] }),
-    shadows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalItemGroup, { isBordered: true, isSeparated: true, children: shadows.map((shadow) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      ShadowItem,
-      {
-        shadow,
-        category
-      },
-      shadow.slug
-    )) })
-  ] });
-}
-function ShadowItem({ shadow, category }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_navigation_button.NavigationButtonAsItem,
-    {
-      path: `/shadows/edit/${category}/${shadow.slug}`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: shadow.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, { icon: (0, import_i18n.isRTL)() ? import_icons.chevronLeft : import_icons.chevronRight })
-      ] })
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  defaultShadow
-});
-//# sourceMappingURL=shadows-panel.js.map

package/build/components/global-styles/shadows-panel.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/shadows-panel.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalItemGroup as ItemGroup,\n\tButton,\n\tFlexItem,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf, isRTL } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tIcon,\n\tchevronLeft,\n\tchevronRight,\n\tmoreVertical,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport ScreenHeader from './header';\nimport { getNewIndexFromPresets } from './utils';\nimport { useState } from '@wordpress/element';\nimport ConfirmResetShadowDialog from './confirm-reset-shadow-dialog';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\n\nexport const defaultShadow = '6px 6px 9px rgba(0, 0, 0, 0.2)';\n\nexport default function ShadowsPanel() {\n\tconst [ defaultShadows ] = useGlobalSetting( 'shadow.presets.default' );\n\tconst [ defaultShadowsEnabled ] = useGlobalSetting(\n\t\t'shadow.defaultPresets'\n\t);\n\tconst [ themeShadows ] = useGlobalSetting( 'shadow.presets.theme' );\n\tconst [ customShadows, setCustomShadows ] = useGlobalSetting(\n\t\t'shadow.presets.custom'\n\t);\n\n\tconst onCreateShadow = ( shadow ) => {\n\t\tsetCustomShadows( [ ...( customShadows || [] ), shadow ] );\n\t};\n\n\tconst handleResetShadows = () => {\n\t\tsetCustomShadows( [] );\n\t};\n\n\tconst [ isResetDialogOpen, setIsResetDialogOpen ] = useState( false );\n\n\tconst toggleResetDialog = () => setIsResetDialogOpen( ! isResetDialogOpen );\n\n\treturn (\n\t\t<>\n\t\t\t{ isResetDialogOpen && (\n\t\t\t\t<ConfirmResetShadowDialog\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Are you sure you want to remove all custom shadows?'\n\t\t\t\t\t) }\n\t\t\t\t\tconfirmButtonText={ __( 'Remove' ) }\n\t\t\t\t\tisOpen={ isResetDialogOpen }\n\t\t\t\t\ttoggleOpen={ toggleResetDialog }\n\t\t\t\t\tonConfirm={ handleResetShadows }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Shadows' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Manage and create shadow styles for use across the site.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel\"\n\t\t\t\t\tspacing={ 7 }\n\t\t\t\t>\n\t\t\t\t\t{ defaultShadowsEnabled && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Default' ) }\n\t\t\t\t\t\t\tshadows={ defaultShadows || [] }\n\t\t\t\t\t\t\tcategory=\"default\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ themeShadows && themeShadows.length > 0 && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Theme' ) }\n\t\t\t\t\t\t\tshadows={ themeShadows || [] }\n\t\t\t\t\t\t\tcategory=\"theme\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<ShadowList\n\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\tshadows={ customShadows || [] }\n\t\t\t\t\t\tcategory=\"custom\"\n\t\t\t\t\t\tcanCreate\n\t\t\t\t\t\tonCreate={ onCreateShadow }\n\t\t\t\t\t\tonReset={ toggleResetDialog }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nfunction ShadowList( {\n\tlabel,\n\tshadows,\n\tcategory,\n\tcanCreate,\n\tonCreate,\n\tonReset,\n} ) {\n\tconst handleAddShadow = () => {\n\t\tconst newIndex = getNewIndexFromPresets( shadows, 'shadow-' );\n\t\tonCreate( {\n\t\t\tname: sprintf(\n\t\t\t\t/* translators: %s: is an index for a preset */\n\t\t\t\t__( 'Shadow %s' ),\n\t\t\t\tnewIndex\n\t\t\t),\n\t\t\tshadow: defaultShadow,\n\t\t\tslug: `shadow-${ newIndex }`,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t{ canCreate && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thandleAddShadow();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ !! shadows?.length && category === 'custom' && (\n\t\t\t\t\t\t<Menu>\n\t\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Shadow options' ) }\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\t\t<Menu.Popover>\n\t\t\t\t\t\t\t\t<Menu.Item onClick={ onReset }>\n\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Remove all custom shadows' ) }\n\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t\t</Menu>\n\t\t\t\t\t) }\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t{ shadows.length > 0 && (\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t{ shadows.map( ( shadow ) => (\n\t\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\t\tkey={ shadow.slug }\n\t\t\t\t\t\t\tshadow={ shadow }\n\t\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowItem( { shadow, category } ) {\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ `/shadows/edit/${ category }/${ shadow.slug }` }\n\t\t>\n\t\t\t<HStack>\n\t\t\t\t<FlexItem>{ shadow.name }</FlexItem>\n\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n"],
-  "mappings": "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",
-  "names": ["blockEditorPrivateApis", "componentsPrivateApis", "ConfirmResetShadowDialog", "ScreenHeader", "VStack", "HStack", "Subtitle", "ItemGroup"]
-}

package/build/components/global-styles/size-control/index.js

@@ -1,80 +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 size_control_exports = {};
-__export(size_control_exports, {
-  default: () => size_control_default
-});
-module.exports = __toCommonJS(size_control_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_components = require("@wordpress/components");
-const DEFAULT_UNITS = ["px", "em", "rem", "vw", "vh"];
-function SizeControl({
-  // Do not allow manipulation of margin bottom
-  __nextHasNoMarginBottom,
-  ...props
-}) {
-  const { baseControlProps } = (0, import_components.useBaseControlProps)(props);
-  const { value, onChange, fallbackValue, disabled, label } = props;
-  const units = (0, import_components.__experimentalUseCustomUnits)({
-    availableUnits: DEFAULT_UNITS
-  });
-  const [valueQuantity, valueUnit = "px"] = (0, import_components.__experimentalParseQuantityAndUnitFromRawValue)(value, units);
-  const isValueUnitRelative = !!valueUnit && ["em", "rem", "vw", "vh"].includes(valueUnit);
-  const handleUnitControlChange = (newValue) => {
-    onChange(newValue);
-  };
-  const handleRangeControlChange = (newValue) => {
-    onChange?.(newValue + valueUnit);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.BaseControl, { ...baseControlProps, __nextHasNoMarginBottom: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Flex, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { isBlock: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_components.__experimentalUnitControl,
-      {
-        __next40pxDefaultSize: true,
-        __nextHasNoMarginBottom: true,
-        label,
-        hideLabelFromVision: true,
-        value,
-        onChange: handleUnitControlChange,
-        units,
-        min: 0,
-        disabled
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { isBlock: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalSpacer, { marginX: 2, marginBottom: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_components.RangeControl,
-      {
-        __next40pxDefaultSize: true,
-        __nextHasNoMarginBottom: true,
-        label,
-        hideLabelFromVision: true,
-        value: valueQuantity,
-        initialPosition: fallbackValue,
-        withInputField: false,
-        onChange: handleRangeControlChange,
-        min: 0,
-        max: isValueUnitRelative ? 10 : 100,
-        step: isValueUnitRelative ? 0.1 : 1,
-        disabled
-      }
-    ) }) })
-  ] }) });
-}
-var size_control_default = SizeControl;
-//# sourceMappingURL=index.js.map

package/build/components/global-styles/size-control/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/global-styles/size-control/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\n\n/**\n * Internal dependencies\n */\nimport {\n\tBaseControl,\n\tRangeControl,\n\tFlex,\n\tFlexItem,\n\tuseBaseControlProps,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalSpacer as Spacer,\n} from '@wordpress/components';\n\nconst DEFAULT_UNITS = [ 'px', 'em', 'rem', 'vw', 'vh' ];\n\nfunction SizeControl( {\n\t// Do not allow manipulation of margin bottom\n\t__nextHasNoMarginBottom,\n\t...props\n} ) {\n\tconst { baseControlProps } = useBaseControlProps( props );\n\tconst { value, onChange, fallbackValue, disabled, label } = props;\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: DEFAULT_UNITS,\n\t} );\n\n\tconst [ valueQuantity, valueUnit = 'px' ] =\n\t\tparseQuantityAndUnitFromRawValue( value, units );\n\n\tconst isValueUnitRelative =\n\t\t!! valueUnit && [ 'em', 'rem', 'vw', 'vh' ].includes( valueUnit );\n\n\t// Receives the new value from the UnitControl component as a string containing the value and unit.\n\tconst handleUnitControlChange = ( newValue ) => {\n\t\tonChange( newValue );\n\t};\n\n\t// Receives the new value from the RangeControl component as a number.\n\tconst handleRangeControlChange = ( newValue ) => {\n\t\tonChange?.( newValue + valueUnit );\n\t};\n\n\treturn (\n\t\t<BaseControl { ...baseControlProps } __nextHasNoMarginBottom>\n\t\t\t<Flex>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tonChange={ handleUnitControlChange }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<Spacer marginX={ 2 } marginBottom={ 0 }>\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\tvalue={ valueQuantity }\n\t\t\t\t\t\t\tinitialPosition={ fallbackValue }\n\t\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\t\tonChange={ handleRangeControlChange }\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={ isValueUnitRelative ? 10 : 100 }\n\t\t\t\t\t\t\tstep={ isValueUnitRelative ? 0.1 : 1 }\n\t\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</FlexItem>\n\t\t\t</Flex>\n\t\t</BaseControl>\n\t);\n}\n\nexport default SizeControl;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmDG;AA5CH,wBAUO;AAEP,MAAM,gBAAgB,CAAE,MAAM,MAAM,OAAO,MAAM,IAAK;AAEtD,SAAS,YAAa;AAAA;AAAA,EAErB;AAAA,EACA,GAAG;AACJ,GAAI;AACH,QAAM,EAAE,iBAAiB,QAAI,uCAAqB,KAAM;AACxD,QAAM,EAAE,OAAO,UAAU,eAAe,UAAU,MAAM,IAAI;AAE5D,QAAM,YAAQ,kBAAAA,8BAAgB;AAAA,IAC7B,gBAAgB;AAAA,EACjB,CAAE;AAEF,QAAM,CAAE,eAAe,YAAY,IAAK,QACvC,kBAAAC,gDAAkC,OAAO,KAAM;AAEhD,QAAM,sBACL,CAAC,CAAE,aAAa,CAAE,MAAM,OAAO,MAAM,IAAK,EAAE,SAAU,SAAU;AAGjE,QAAM,0BAA0B,CAAE,aAAc;AAC/C,aAAU,QAAS;AAAA,EACpB;AAGA,QAAM,2BAA2B,CAAE,aAAc;AAChD,eAAY,WAAW,SAAU;AAAA,EAClC;AAEA,SACC,4CAAC,iCAAc,GAAG,kBAAmB,yBAAuB,MAC3D,uDAAC,0BACA;AAAA,gDAAC,8BAAS,SAAO,MAChB;AAAA,MAAC,kBAAAC;AAAA,MAAA;AAAA,QACA,uBAAqB;AAAA,QACrB,yBAAuB;AAAA,QACvB;AAAA,QACA,qBAAmB;AAAA,QACnB;AAAA,QACA,UAAW;AAAA,QACX;AAAA,QACA,KAAM;AAAA,QACN;AAAA;AAAA,IACD,GACD;AAAA,IACA,4CAAC,8BAAS,SAAO,MAChB,sDAAC,kBAAAC,sBAAA,EAAO,SAAU,GAAI,cAAe,GACpC;AAAA,MAAC;AAAA;AAAA,QACA,uBAAqB;AAAA,QACrB,yBAAuB;AAAA,QACvB;AAAA,QACA,qBAAmB;AAAA,QACnB,OAAQ;AAAA,QACR,iBAAkB;AAAA,QAClB,gBAAiB;AAAA,QACjB,UAAW;AAAA,QACX,KAAM;AAAA,QACN,KAAM,sBAAsB,KAAK;AAAA,QACjC,MAAO,sBAAsB,MAAM;AAAA,QACnC;AAAA;AAAA,IACD,GACD,GACD;AAAA,KACD,GACD;AAEF;AAEA,IAAO,uBAAQ;",
-  "names": ["useCustomUnits", "parseQuantityAndUnitFromRawValue", "UnitControl", "Spacer"]
-}

package/build/components/global-styles/style-variations-container.js

@@ -1,124 +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 style_variations_container_exports = {};
-__export(style_variations_container_exports, {
-  default: () => StyleVariationsContainer
-});
-module.exports = __toCommonJS(style_variations_container_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_core_data = require("@wordpress/core-data");
-var import_data = require("@wordpress/data");
-var import_element = require("@wordpress/element");
-var import_components = require("@wordpress/components");
-var import_i18n = require("@wordpress/i18n");
-var import_block_editor = require("@wordpress/block-editor");
-var import_preview_styles = __toESM(require("./preview-styles"));
-var import_variation = __toESM(require("./variations/variation"));
-var import_use_theme_style_variations_by_property = require("../../hooks/use-theme-style-variations/use-theme-style-variations-by-property");
-var import_lock_unlock = require("../../lock-unlock");
-const { GlobalStylesContext } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
-function StyleVariationsContainer({ gap = 2 }) {
-  const { user } = (0, import_element.useContext)(GlobalStylesContext);
-  const userStyles = user?.styles;
-  const variations = (0, import_data.useSelect)((select) => {
-    return select(
-      import_core_data.store
-    ).__experimentalGetCurrentThemeGlobalStylesVariations();
-  }, []);
-  const fullStyleVariations = variations?.filter((variation) => {
-    return !(0, import_use_theme_style_variations_by_property.isVariationWithProperties)(variation, ["color"]) && !(0, import_use_theme_style_variations_by_property.isVariationWithProperties)(variation, [
-      "typography",
-      "spacing"
-    ]);
-  });
-  const themeVariations = (0, import_element.useMemo)(() => {
-    const withEmptyVariation = [
-      {
-        title: (0, import_i18n.__)("Default"),
-        settings: {},
-        styles: {}
-      },
-      ...fullStyleVariations ?? []
-    ];
-    return [
-      ...withEmptyVariation.map((variation) => {
-        const blockStyles = { ...variation?.styles?.blocks };
-        if (userStyles?.blocks) {
-          Object.keys(userStyles.blocks).forEach((blockName) => {
-            if (userStyles.blocks[blockName].css) {
-              const variationBlockStyles = blockStyles[blockName] || {};
-              const customCSS = {
-                css: `${blockStyles[blockName]?.css || ""} ${userStyles.blocks[blockName].css.trim() || ""}`
-              };
-              blockStyles[blockName] = {
-                ...variationBlockStyles,
-                ...customCSS
-              };
-            }
-          });
-        }
-        const css = userStyles?.css || variation.styles?.css ? {
-          css: `${variation.styles?.css || ""} ${userStyles?.css || ""}`
-        } : {};
-        const blocks = Object.keys(blockStyles).length > 0 ? { blocks: blockStyles } : {};
-        const styles = {
-          ...variation.styles,
-          ...css,
-          ...blocks
-        };
-        return {
-          ...variation,
-          settings: variation.settings ?? {},
-          styles
-        };
-      })
-    ];
-  }, [fullStyleVariations, userStyles?.blocks, userStyles?.css]);
-  if (!fullStyleVariations || fullStyleVariations?.length < 1) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_components.__experimentalGrid,
-    {
-      columns: 2,
-      className: "edit-site-global-styles-style-variations-container",
-      gap,
-      children: themeVariations.map((variation, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_variation.default, { variation, children: (isFocused) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_preview_styles.default,
-        {
-          label: variation?.title,
-          withHoverView: true,
-          isFocused,
-          variation
-        }
-      ) }, index))
-    }
-  );
-}
-//# sourceMappingURL=style-variations-container.js.map

package/build/components/global-styles/style-variations-container.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/style-variations-container.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useContext, useMemo } from '@wordpress/element';\nimport { __experimentalGrid as Grid } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport PreviewStyles from './preview-styles';\nimport Variation from './variations/variation';\nimport { isVariationWithProperties } from '../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\n\nexport default function StyleVariationsContainer( { gap = 2 } ) {\n\tconst { user } = useContext( GlobalStylesContext );\n\tconst userStyles = user?.styles;\n\n\tconst variations = useSelect( ( select ) => {\n\t\treturn select(\n\t\t\tcoreStore\n\t\t).__experimentalGetCurrentThemeGlobalStylesVariations();\n\t}, [] );\n\n\t// Filter out variations that are color or typography variations.\n\tconst fullStyleVariations = variations?.filter( ( variation ) => {\n\t\treturn (\n\t\t\t! isVariationWithProperties( variation, [ 'color' ] ) &&\n\t\t\t! isVariationWithProperties( variation, [\n\t\t\t\t'typography',\n\t\t\t\t'spacing',\n\t\t\t] )\n\t\t);\n\t} );\n\n\tconst themeVariations = useMemo( () => {\n\t\tconst withEmptyVariation = [\n\t\t\t{\n\t\t\t\ttitle: __( 'Default' ),\n\t\t\t\tsettings: {},\n\t\t\t\tstyles: {},\n\t\t\t},\n\t\t\t...( fullStyleVariations ?? [] ),\n\t\t];\n\t\treturn [\n\t\t\t...withEmptyVariation.map( ( variation ) => {\n\t\t\t\tconst blockStyles = { ...variation?.styles?.blocks } || {};\n\n\t\t\t\t// We need to copy any user custom CSS to the variation to prevent it being lost\n\t\t\t\t// when switching variations.\n\t\t\t\tif ( userStyles?.blocks ) {\n\t\t\t\t\tObject.keys( userStyles.blocks ).forEach( ( blockName ) => {\n\t\t\t\t\t\t// First get any block specific custom CSS from the current user styles and merge with any custom CSS for\n\t\t\t\t\t\t// that block in the variation.\n\t\t\t\t\t\tif ( userStyles.blocks[ blockName ].css ) {\n\t\t\t\t\t\t\tconst variationBlockStyles =\n\t\t\t\t\t\t\t\tblockStyles[ blockName ] || {};\n\t\t\t\t\t\t\tconst customCSS = {\n\t\t\t\t\t\t\t\tcss: `${\n\t\t\t\t\t\t\t\t\tblockStyles[ blockName ]?.css || ''\n\t\t\t\t\t\t\t\t} ${\n\t\t\t\t\t\t\t\t\tuserStyles.blocks[ blockName ].css.trim() ||\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\t\tblockStyles[ blockName ] = {\n\t\t\t\t\t\t\t\t...variationBlockStyles,\n\t\t\t\t\t\t\t\t...customCSS,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t\t// Now merge any global custom CSS from current user styles with global custom CSS in the variation.\n\t\t\t\tconst css =\n\t\t\t\t\tuserStyles?.css || variation.styles?.css\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tcss: `${ variation.styles?.css || '' } ${\n\t\t\t\t\t\t\t\t\tuserStyles?.css || ''\n\t\t\t\t\t\t\t\t}`,\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: {};\n\n\t\t\t\tconst blocks =\n\t\t\t\t\tObject.keys( blockStyles ).length > 0\n\t\t\t\t\t\t? { blocks: blockStyles }\n\t\t\t\t\t\t: {};\n\n\t\t\t\tconst styles = {\n\t\t\t\t\t...variation.styles,\n\t\t\t\t\t...css,\n\t\t\t\t\t...blocks,\n\t\t\t\t};\n\t\t\t\treturn {\n\t\t\t\t\t...variation,\n\t\t\t\t\tsettings: variation.settings ?? {},\n\t\t\t\t\tstyles,\n\t\t\t\t};\n\t\t\t} ),\n\t\t];\n\t}, [ fullStyleVariations, userStyles?.blocks, userStyles?.css ] );\n\n\tif ( ! fullStyleVariations || fullStyleVariations?.length < 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Grid\n\t\t\tcolumns={ 2 }\n\t\t\tclassName=\"edit-site-global-styles-style-variations-container\"\n\t\t\tgap={ gap }\n\t\t>\n\t\t\t{ themeVariations.map( ( variation, index ) => (\n\t\t\t\t<Variation key={ index } variation={ variation }>\n\t\t\t\t\t{ ( isFocused ) => (\n\t\t\t\t\t\t<PreviewStyles\n\t\t\t\t\t\t\tlabel={ variation?.title }\n\t\t\t\t\t\t\twithHoverView\n\t\t\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</Variation>\n\t\t\t) ) }\n\t\t</Grid>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwHM;AArHN,uBAAmC;AACnC,kBAA0B;AAC1B,qBAAoC;AACpC,wBAA2C;AAC3C,kBAAmB;AACnB,0BAAsD;AAKtD,4BAA0B;AAC1B,uBAAsB;AACtB,oDAA0C;AAC1C,yBAAuB;AAEvB,MAAM,EAAE,oBAAoB,QAAI,2BAAQ,oBAAAA,WAAuB;AAEhD,SAAR,yBAA2C,EAAE,MAAM,EAAE,GAAI;AAC/D,QAAM,EAAE,KAAK,QAAI,2BAAY,mBAAoB;AACjD,QAAM,aAAa,MAAM;AAEzB,QAAM,iBAAa,uBAAW,CAAE,WAAY;AAC3C,WAAO;AAAA,MACN,iBAAAC;AAAA,IACD,EAAE,oDAAoD;AAAA,EACvD,GAAG,CAAC,CAAE;AAGN,QAAM,sBAAsB,YAAY,OAAQ,CAAE,cAAe;AAChE,WACC,KAAE,yEAA2B,WAAW,CAAE,OAAQ,CAAE,KACpD,KAAE,yEAA2B,WAAW;AAAA,MACvC;AAAA,MACA;AAAA,IACD,CAAE;AAAA,EAEJ,CAAE;AAEF,QAAM,sBAAkB,wBAAS,MAAM;AACtC,UAAM,qBAAqB;AAAA,MAC1B;AAAA,QACC,WAAO,gBAAI,SAAU;AAAA,QACrB,UAAU,CAAC;AAAA,QACX,QAAQ,CAAC;AAAA,MACV;AAAA,MACA,GAAK,uBAAuB,CAAC;AAAA,IAC9B;AACA,WAAO;AAAA,MACN,GAAG,mBAAmB,IAAK,CAAE,cAAe;AAC3C,cAAM,cAAc,EAAE,GAAG,WAAW,QAAQ,OAAO;AAInD,YAAK,YAAY,QAAS;AACzB,iBAAO,KAAM,WAAW,MAAO,EAAE,QAAS,CAAE,cAAe;AAG1D,gBAAK,WAAW,OAAQ,SAAU,EAAE,KAAM;AACzC,oBAAM,uBACL,YAAa,SAAU,KAAK,CAAC;AAC9B,oBAAM,YAAY;AAAA,gBACjB,KAAK,GACJ,YAAa,SAAU,GAAG,OAAO,EAClC,IACC,WAAW,OAAQ,SAAU,EAAE,IAAI,KAAK,KACxC,EACD;AAAA,cACD;AACA,0BAAa,SAAU,IAAI;AAAA,gBAC1B,GAAG;AAAA,gBACH,GAAG;AAAA,cACJ;AAAA,YACD;AAAA,UACD,CAAE;AAAA,QACH;AAEA,cAAM,MACL,YAAY,OAAO,UAAU,QAAQ,MAClC;AAAA,UACA,KAAK,GAAI,UAAU,QAAQ,OAAO,EAAG,IACpC,YAAY,OAAO,EACpB;AAAA,QACA,IACA,CAAC;AAEL,cAAM,SACL,OAAO,KAAM,WAAY,EAAE,SAAS,IACjC,EAAE,QAAQ,YAAY,IACtB,CAAC;AAEL,cAAM,SAAS;AAAA,UACd,GAAG,UAAU;AAAA,UACb,GAAG;AAAA,UACH,GAAG;AAAA,QACJ;AACA,eAAO;AAAA,UACN,GAAG;AAAA,UACH,UAAU,UAAU,YAAY,CAAC;AAAA,UACjC;AAAA,QACD;AAAA,MACD,CAAE;AAAA,IACH;AAAA,EACD,GAAG,CAAE,qBAAqB,YAAY,QAAQ,YAAY,GAAI,CAAE;AAEhE,MAAK,CAAE,uBAAuB,qBAAqB,SAAS,GAAI;AAC/D,WAAO;AAAA,EACR;AAEA,SACC;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACA,SAAU;AAAA,MACV,WAAU;AAAA,MACV;AAAA,MAEE,0BAAgB,IAAK,CAAE,WAAW,UACnC,4CAAC,iBAAAC,SAAA,EAAwB,WACtB,WAAE,cACH;AAAA,QAAC,sBAAAC;AAAA,QAAA;AAAA,UACA,OAAQ,WAAW;AAAA,UACnB,eAAa;AAAA,UACb;AAAA,UACA;AAAA;AAAA,MACD,KAPe,KASjB,CACC;AAAA;AAAA,EACH;AAEF;",
-  "names": ["blockEditorPrivateApis", "coreStore", "Grid", "Variation", "PreviewStyles"]
-}

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

@@ -1,37 +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 subtitle_exports = {};
-__export(subtitle_exports, {
-  default: () => subtitle_default
-});
-module.exports = __toCommonJS(subtitle_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_components = require("@wordpress/components");
-function Subtitle({ children, level }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_components.__experimentalHeading,
-    {
-      className: "edit-site-global-styles-subtitle",
-      level: level ?? 2,
-      children
-    }
-  );
-}
-var subtitle_default = Subtitle;
-//# sourceMappingURL=subtitle.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/subtitle.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __experimentalHeading as Heading } from '@wordpress/components';\n\nfunction Subtitle( { children, level } ) {\n\treturn (\n\t\t<Heading\n\t\t\tclassName=\"edit-site-global-styles-subtitle\"\n\t\t\tlevel={ level ?? 2 }\n\t\t>\n\t\t\t{ children }\n\t\t</Heading>\n\t);\n}\n\nexport default Subtitle;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOE;AAJF,wBAAiD;AAEjD,SAAS,SAAU,EAAE,UAAU,MAAM,GAAI;AACxC,SACC;AAAA,IAAC,kBAAAA;AAAA,IAAA;AAAA,MACA,WAAU;AAAA,MACV,OAAQ,SAAS;AAAA,MAEf;AAAA;AAAA,EACH;AAEF;AAEA,IAAO,mBAAQ;",
-  "names": ["Heading"]
-}

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

@@ -1,78 +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 typeset_exports = {};
-__export(typeset_exports, {
-  default: () => typeset_default
-});
-module.exports = __toCommonJS(typeset_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_i18n = require("@wordpress/i18n");
-var import_components = require("@wordpress/components");
-var import_block_editor = require("@wordpress/block-editor");
-var import_editor = require("@wordpress/editor");
-var import_element = require("@wordpress/element");
-var import_context = __toESM(require("./font-library-modal/context"));
-var import_font_library_modal = __toESM(require("./font-library-modal"));
-var import_font_family_item = __toESM(require("./font-family-item"));
-var import_subtitle = __toESM(require("./subtitle"));
-var import_utils = require("./utils");
-var import_lock_unlock = require("../../lock-unlock");
-const { GlobalStylesContext } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
-const { mergeBaseAndUserConfigs } = (0, import_lock_unlock.unlock)(import_editor.privateApis);
-function Typesets() {
-  const { modalTabOpen, setModalTabOpen } = (0, import_element.useContext)(import_context.FontLibraryContext);
-  const { base } = (0, import_element.useContext)(GlobalStylesContext);
-  const { user: userConfig } = (0, import_element.useContext)(GlobalStylesContext);
-  const config = mergeBaseAndUserConfigs(base, userConfig);
-  const allFontFamilies = (0, import_utils.getFontFamilies)(config);
-  const hasFonts = allFontFamilies.filter((font) => font !== null).length > 0;
-  return hasFonts && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    !!modalTabOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_font_library_modal.default,
-      {
-        onRequestClose: () => setModalTabOpen(null),
-        defaultTabId: modalTabOpen
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalHStack, { justify: "space-between", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_subtitle.default, { level: 3, children: (0, import_i18n.__)("Fonts") }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalItemGroup, { isBordered: true, isSeparated: true, children: allFontFamilies.map(
-        (font) => font && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_font_family_item.default,
-          {
-            font
-          },
-          font.slug
-        )
-      ) })
-    ] })
-  ] });
-}
-var typeset_default = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typesets, { ...props }) });
-//# sourceMappingURL=typeset.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/typeset.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport FontLibraryProvider, {\n\tFontLibraryContext,\n} from './font-library-modal/context';\nimport FontLibraryModal from './font-library-modal';\nimport FontFamilyItem from './font-family-item';\nimport Subtitle from './subtitle';\nimport { getFontFamilies } from './utils';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\n\nfunction Typesets() {\n\tconst { modalTabOpen, setModalTabOpen } = useContext( FontLibraryContext );\n\tconst { base } = useContext( GlobalStylesContext );\n\tconst { user: userConfig } = useContext( GlobalStylesContext );\n\tconst config = mergeBaseAndUserConfigs( base, userConfig );\n\tconst allFontFamilies = getFontFamilies( config );\n\tconst hasFonts =\n\t\tallFontFamilies.filter( ( font ) => font !== null ).length > 0;\n\n\treturn (\n\t\thasFonts && (\n\t\t\t<>\n\t\t\t\t{ !! modalTabOpen && (\n\t\t\t\t\t<FontLibraryModal\n\t\t\t\t\t\tonRequestClose={ () => setModalTabOpen( null ) }\n\t\t\t\t\t\tdefaultTabId={ modalTabOpen }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Fonts' ) }</Subtitle>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t{ allFontFamilies.map(\n\t\t\t\t\t\t\t( font ) =>\n\t\t\t\t\t\t\t\tfont && (\n\t\t\t\t\t\t\t\t\t<FontFamilyItem\n\t\t\t\t\t\t\t\t\t\tkey={ font.slug }\n\t\t\t\t\t\t\t\t\t\tfont={ font }\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) }\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t</VStack>\n\t\t\t</>\n\t\t)\n\t);\n}\n\nexport default ( { ...props } ) => (\n\t<FontLibraryProvider>\n\t\t<Typesets { ...props } />\n\t</FontLibraryProvider>\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCG;AApCH,kBAAmB;AACnB,wBAIO;AACP,0BAAsD;AACtD,oBAAiD;AACjD,qBAA2B;AAK3B,qBAEO;AACP,gCAA6B;AAC7B,8BAA2B;AAC3B,sBAAqB;AACrB,mBAAgC;AAChC,yBAAuB;AAEvB,MAAM,EAAE,oBAAoB,QAAI,2BAAQ,oBAAAA,WAAuB;AAC/D,MAAM,EAAE,wBAAwB,QAAI,2BAAQ,cAAAC,WAAkB;AAE9D,SAAS,WAAW;AACnB,QAAM,EAAE,cAAc,gBAAgB,QAAI,2BAAY,iCAAmB;AACzE,QAAM,EAAE,KAAK,QAAI,2BAAY,mBAAoB;AACjD,QAAM,EAAE,MAAM,WAAW,QAAI,2BAAY,mBAAoB;AAC7D,QAAM,SAAS,wBAAyB,MAAM,UAAW;AACzD,QAAM,sBAAkB,8BAAiB,MAAO;AAChD,QAAM,WACL,gBAAgB,OAAQ,CAAE,SAAU,SAAS,IAAK,EAAE,SAAS;AAE9D,SACC,YACC,4EACG;AAAA,KAAC,CAAE,gBACJ;AAAA,MAAC,0BAAAC;AAAA,MAAA;AAAA,QACA,gBAAiB,MAAM,gBAAiB,IAAK;AAAA,QAC7C,cAAe;AAAA;AAAA,IAChB;AAAA,IAGD,6CAAC,kBAAAC,sBAAA,EAAO,SAAU,GACjB;AAAA,kDAAC,kBAAAC,sBAAA,EAAO,SAAQ,iBACf,sDAAC,gBAAAC,SAAA,EAAS,OAAQ,GAAM,8BAAI,OAAQ,GAAG,GACxC;AAAA,MACA,4CAAC,kBAAAC,yBAAA,EAAU,YAAU,MAAC,aAAW,MAC9B,0BAAgB;AAAA,QACjB,CAAE,SACD,QACC;AAAA,UAAC,wBAAAC;AAAA,UAAA;AAAA,YAEA;AAAA;AAAA,UADM,KAAK;AAAA,QAEZ;AAAA,MAEH,GACD;AAAA,OACD;AAAA,KACD;AAGH;AAEA,IAAO,kBAAQ,CAAE,EAAE,GAAG,MAAM,MAC3B,4CAAC,eAAAC,SAAA,EACA,sDAAC,YAAW,GAAG,OAAQ,GACxB;",
-  "names": ["blockEditorPrivateApis", "editorPrivateApis", "FontLibraryModal", "VStack", "HStack", "Subtitle", "ItemGroup", "FontFamilyItem", "FontLibraryProvider"]
-}