@wordpress/edit-site 6.32.0 → 6.32.1-next.b8c8708f3.0

package/build/components/global-styles/confirm-reset-shadow-dialog.js

@@ -1,16 +1,29 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 confirm_reset_shadow_dialog_exports = {};
+__export(confirm_reset_shadow_dialog_exports, {
+  default: () => confirm_reset_shadow_dialog_default
 });
-exports.default = void 0;
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
+module.exports = __toCommonJS(confirm_reset_shadow_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
 function ConfirmResetShadowDialog({
   text,
   confirmButtonText,
@@ -25,15 +38,18 @@ function ConfirmResetShadowDialog({
   const handleCancel = () => {
     toggleOpen();
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalConfirmDialog, {
-    isOpen: isOpen,
-    cancelButtonText: (0, _i18n.__)('Cancel'),
-    confirmButtonText: confirmButtonText,
-    onCancel: handleCancel,
-    onConfirm: handleConfirm,
-    size: "medium",
-    children: text
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.__experimentalConfirmDialog,
+    {
+      isOpen,
+      cancelButtonText: (0, import_i18n.__)("Cancel"),
+      confirmButtonText,
+      onCancel: handleCancel,
+      onConfirm: handleConfirm,
+      size: "medium",
+      children: text
+    }
+  );
 }
-var _default = exports.default = ConfirmResetShadowDialog;
-//# sourceMappingURL=confirm-reset-shadow-dialog.js.map
+var confirm_reset_shadow_dialog_default = ConfirmResetShadowDialog;
+//# sourceMappingURL=confirm-reset-shadow-dialog.js.map

package/build/components/global-styles/confirm-reset-shadow-dialog.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_i18n","_jsxRuntime","ConfirmResetShadowDialog","text","confirmButtonText","isOpen","toggleOpen","onConfirm","handleConfirm","handleCancel","jsx","__experimentalConfirmDialog","cancelButtonText","__","onCancel","size","children","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/confirm-reset-shadow-dialog.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nfunction ConfirmResetShadowDialog( {\n\ttext,\n\tconfirmButtonText,\n\tisOpen,\n\ttoggleOpen,\n\tonConfirm,\n} ) {\n\tconst handleConfirm = async () => {\n\t\ttoggleOpen();\n\t\tonConfirm();\n\t};\n\n\tconst handleCancel = () => {\n\t\ttoggleOpen();\n\t};\n\n\treturn (\n\t\t<ConfirmDialog\n\t\t\tisOpen={ isOpen }\n\t\t\tcancelButtonText={ __( 'Cancel' ) }\n\t\t\tconfirmButtonText={ confirmButtonText }\n\t\t\tonCancel={ handleCancel }\n\t\t\tonConfirm={ handleConfirm }\n\t\t\tsize=\"medium\"\n\t\t>\n\t\t\t{ text }\n\t\t</ConfirmDialog>\n\t);\n}\n\nexport default ConfirmResetShadowDialog;\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAqC,IAAAE,WAAA,GAAAF,OAAA;AAJrC;AACA;AACA;;AAIA,SAASG,wBAAwBA,CAAE;EAClCC,IAAI;EACJC,iBAAiB;EACjBC,MAAM;EACNC,UAAU;EACVC;AACD,CAAC,EAAG;EACH,MAAMC,aAAa,GAAG,MAAAA,CAAA,KAAY;IACjCF,UAAU,CAAC,CAAC;IACZC,SAAS,CAAC,CAAC;EACZ,CAAC;EAED,MAAME,YAAY,GAAGA,CAAA,KAAM;IAC1BH,UAAU,CAAC,CAAC;EACb,CAAC;EAED,oBACC,IAAAL,WAAA,CAAAS,GAAA,EAACZ,WAAA,CAAAa,2BAAa;IACbN,MAAM,EAAGA,MAAQ;IACjBO,gBAAgB,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACnCT,iBAAiB,EAAGA,iBAAmB;IACvCU,QAAQ,EAAGL,YAAc;IACzBF,SAAS,EAAGC,aAAe;IAC3BO,IAAI,EAAC,QAAQ;IAAAC,QAAA,EAEXb;EAAI,CACQ,CAAC;AAElB;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcjB,wBAAwB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/confirm-reset-shadow-dialog.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nfunction ConfirmResetShadowDialog( {\n\ttext,\n\tconfirmButtonText,\n\tisOpen,\n\ttoggleOpen,\n\tonConfirm,\n} ) {\n\tconst handleConfirm = async () => {\n\t\ttoggleOpen();\n\t\tonConfirm();\n\t};\n\n\tconst handleCancel = () => {\n\t\ttoggleOpen();\n\t};\n\n\treturn (\n\t\t<ConfirmDialog\n\t\t\tisOpen={ isOpen }\n\t\t\tcancelButtonText={ __( 'Cancel' ) }\n\t\t\tconfirmButtonText={ confirmButtonText }\n\t\t\tonCancel={ handleCancel }\n\t\t\tonConfirm={ handleConfirm }\n\t\t\tsize=\"medium\"\n\t\t>\n\t\t\t{ text }\n\t\t</ConfirmDialog>\n\t);\n}\n\nexport default ConfirmResetShadowDialog;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBE;AApBF,wBAA6D;AAC7D,kBAAmB;AAEnB,SAAS,yBAA0B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,gBAAgB,YAAY;AACjC,eAAW;AACX,cAAU;AAAA,EACX;AAEA,QAAM,eAAe,MAAM;AAC1B,eAAW;AAAA,EACZ;AAEA,SACC;AAAA,IAAC,kBAAAA;AAAA,IAAA;AAAA,MACA;AAAA,MACA,sBAAmB,gBAAI,QAAS;AAAA,MAChC;AAAA,MACA,UAAW;AAAA,MACX,WAAY;AAAA,MACZ,MAAK;AAAA,MAEH;AAAA;AAAA,EACH;AAEF;AAEA,IAAO,sCAAQ;",
+  "names": ["ConfirmDialog"]
+}

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

@@ -1,27 +1,36 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 dimensions_panel_exports = {};
+__export(dimensions_panel_exports, {
+  default: () => DimensionsPanel
 });
-exports.default = DimensionsPanel;
-var _blockEditor = require("@wordpress/block-editor");
-var _element = require("@wordpress/element");
-var _lockUnlock = require("../../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(dimensions_panel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_block_editor = require("@wordpress/block-editor");
+var import_element = require("@wordpress/element");
+var import_lock_unlock = require("../../lock-unlock");
 const {
   useGlobalStyle,
   useGlobalSetting,
   useSettingsForBlockElement,
   DimensionsPanel: StylesDimensionsPanel
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+} = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
 const DEFAULT_CONTROLS = {
   contentSize: true,
   wideSize: true,
@@ -32,34 +41,29 @@ const DEFAULT_CONTROLS = {
   childLayout: false
 };
 function DimensionsPanel() {
-  const [style] = useGlobalStyle('', undefined, 'user', {
+  const [style] = useGlobalStyle("", void 0, "user", {
     shouldDecodeEncode: false
   });
-  const [inheritedStyle, setStyle] = useGlobalStyle('', undefined, 'all', {
+  const [inheritedStyle, setStyle] = useGlobalStyle("", void 0, "all", {
     shouldDecodeEncode: false
   });
-  const [userSettings] = useGlobalSetting('', undefined, 'user');
-  const [rawSettings, setSettings] = useGlobalSetting('');
+  const [userSettings] = useGlobalSetting("", void 0, "user");
+  const [rawSettings, setSettings] = useGlobalSetting("");
   const settings = useSettingsForBlockElement(rawSettings);
-
-  // These intermediary objects are needed because the "layout" property is stored
-  // in settings rather than styles.
-  const inheritedStyleWithLayout = (0, _element.useMemo)(() => {
+  const inheritedStyleWithLayout = (0, import_element.useMemo)(() => {
     return {
       ...inheritedStyle,
       layout: settings.layout
     };
   }, [inheritedStyle, settings.layout]);
-  const styleWithLayout = (0, _element.useMemo)(() => {
+  const styleWithLayout = (0, import_element.useMemo)(() => {
     return {
       ...style,
       layout: userSettings.layout
     };
   }, [style, userSettings.layout]);
-  const onChange = newStyle => {
-    const updatedStyle = {
-      ...newStyle
-    };
+  const onChange = (newStyle) => {
+    const updatedStyle = { ...newStyle };
     delete updatedStyle.layout;
     setStyle(updatedStyle);
     if (newStyle.layout !== userSettings.layout) {
@@ -67,21 +71,22 @@ function DimensionsPanel() {
         ...userSettings,
         layout: newStyle.layout
       };
-
-      // Ensure any changes to layout definitions are not persisted.
       if (updatedSettings.layout?.definitions) {
         delete updatedSettings.layout.definitions;
       }
       setSettings(updatedSettings);
     }
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StylesDimensionsPanel, {
-    inheritedValue: inheritedStyleWithLayout,
-    value: styleWithLayout,
-    onChange: onChange,
-    settings: settings,
-    includeLayoutControls: true,
-    defaultControls: DEFAULT_CONTROLS
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    StylesDimensionsPanel,
+    {
+      inheritedValue: inheritedStyleWithLayout,
+      value: styleWithLayout,
+      onChange,
+      settings,
+      includeLayoutControls: true,
+      defaultControls: DEFAULT_CONTROLS
+    }
+  );
 }
-//# sourceMappingURL=dimensions-panel.js.map
+//# sourceMappingURL=dimensions-panel.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_blockEditor","require","_element","_lockUnlock","_jsxRuntime","useGlobalStyle","useGlobalSetting","useSettingsForBlockElement","DimensionsPanel","StylesDimensionsPanel","unlock","blockEditorPrivateApis","DEFAULT_CONTROLS","contentSize","wideSize","padding","margin","blockGap","minHeight","childLayout","style","undefined","shouldDecodeEncode","inheritedStyle","setStyle","userSettings","rawSettings","setSettings","settings","inheritedStyleWithLayout","useMemo","layout","styleWithLayout","onChange","newStyle","updatedStyle","updatedSettings","definitions","jsx","inheritedValue","value","includeLayoutControls","defaultControls"],"sources":["@wordpress/edit-site/src/components/global-styles/dimensions-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tDimensionsPanel: StylesDimensionsPanel,\n} = unlock( blockEditorPrivateApis );\n\nconst DEFAULT_CONTROLS = {\n\tcontentSize: true,\n\twideSize: true,\n\tpadding: true,\n\tmargin: true,\n\tblockGap: true,\n\tminHeight: true,\n\tchildLayout: false,\n};\n\nexport default function DimensionsPanel() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ userSettings ] = useGlobalSetting( '', undefined, 'user' );\n\tconst [ rawSettings, setSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\n\t// These intermediary objects are needed because the \"layout\" property is stored\n\t// in settings rather than styles.\n\tconst inheritedStyleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...inheritedStyle,\n\t\t\tlayout: settings.layout,\n\t\t};\n\t}, [ inheritedStyle, settings.layout ] );\n\n\tconst styleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...style,\n\t\t\tlayout: userSettings.layout,\n\t\t};\n\t}, [ style, userSettings.layout ] );\n\n\tconst onChange = ( newStyle ) => {\n\t\tconst updatedStyle = { ...newStyle };\n\t\tdelete updatedStyle.layout;\n\t\tsetStyle( updatedStyle );\n\n\t\tif ( newStyle.layout !== userSettings.layout ) {\n\t\t\tconst updatedSettings = {\n\t\t\t\t...userSettings,\n\t\t\t\tlayout: newStyle.layout,\n\t\t\t};\n\n\t\t\t// Ensure any changes to layout definitions are not persisted.\n\t\t\tif ( updatedSettings.layout?.definitions ) {\n\t\t\t\tdelete updatedSettings.layout.definitions;\n\t\t\t}\n\n\t\t\tsetSettings( updatedSettings );\n\t\t}\n\t};\n\n\treturn (\n\t\t<StylesDimensionsPanel\n\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\tvalue={ styleWithLayout }\n\t\t\tonChange={ onChange }\n\t\t\tsettings={ settings }\n\t\t\tincludeLayoutControls\n\t\t\tdefaultControls={ DEFAULT_CONTROLS }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AAA2C,IAAAG,WAAA,GAAAH,OAAA;AAT3C;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAM;EACLI,cAAc;EACdC,gBAAgB;EAChBC,0BAA0B;EAC1BC,eAAe,EAAEC;AAClB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEpC,MAAMC,gBAAgB,GAAG;EACxBC,WAAW,EAAE,IAAI;EACjBC,QAAQ,EAAE,IAAI;EACdC,OAAO,EAAE,IAAI;EACbC,MAAM,EAAE,IAAI;EACZC,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACfC,WAAW,EAAE;AACd,CAAC;AAEc,SAASX,eAAeA,CAAA,EAAG;EACzC,MAAM,CAAEY,KAAK,CAAE,GAAGf,cAAc,CAAE,EAAE,EAAEgB,SAAS,EAAE,MAAM,EAAE;IACxDC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGnB,cAAc,CAAE,EAAE,EAAEgB,SAAS,EAAE,KAAK,EAAE;IAC1EC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEG,YAAY,CAAE,GAAGnB,gBAAgB,CAAE,EAAE,EAAEe,SAAS,EAAE,MAAO,CAAC;EAClE,MAAM,CAAEK,WAAW,EAAEC,WAAW,CAAE,GAAGrB,gBAAgB,CAAE,EAAG,CAAC;EAC3D,MAAMsB,QAAQ,GAAGrB,0BAA0B,CAAEmB,WAAY,CAAC;;EAE1D;EACA;EACA,MAAMG,wBAAwB,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC/C,OAAO;MACN,GAAGP,cAAc;MACjBQ,MAAM,EAAEH,QAAQ,CAACG;IAClB,CAAC;EACF,CAAC,EAAE,CAAER,cAAc,EAAEK,QAAQ,CAACG,MAAM,CAAG,CAAC;EAExC,MAAMC,eAAe,GAAG,IAAAF,gBAAO,EAAE,MAAM;IACtC,OAAO;MACN,GAAGV,KAAK;MACRW,MAAM,EAAEN,YAAY,CAACM;IACtB,CAAC;EACF,CAAC,EAAE,CAAEX,KAAK,EAAEK,YAAY,CAACM,MAAM,CAAG,CAAC;EAEnC,MAAME,QAAQ,GAAKC,QAAQ,IAAM;IAChC,MAAMC,YAAY,GAAG;MAAE,GAAGD;IAAS,CAAC;IACpC,OAAOC,YAAY,CAACJ,MAAM;IAC1BP,QAAQ,CAAEW,YAAa,CAAC;IAExB,IAAKD,QAAQ,CAACH,MAAM,KAAKN,YAAY,CAACM,MAAM,EAAG;MAC9C,MAAMK,eAAe,GAAG;QACvB,GAAGX,YAAY;QACfM,MAAM,EAAEG,QAAQ,CAACH;MAClB,CAAC;;MAED;MACA,IAAKK,eAAe,CAACL,MAAM,EAAEM,WAAW,EAAG;QAC1C,OAAOD,eAAe,CAACL,MAAM,CAACM,WAAW;MAC1C;MAEAV,WAAW,CAAES,eAAgB,CAAC;IAC/B;EACD,CAAC;EAED,oBACC,IAAAhC,WAAA,CAAAkC,GAAA,EAAC7B,qBAAqB;IACrB8B,cAAc,EAAGV,wBAA0B;IAC3CW,KAAK,EAAGR,eAAiB;IACzBC,QAAQ,EAAGA,QAAU;IACrBL,QAAQ,EAAGA,QAAU;IACrBa,qBAAqB;IACrBC,eAAe,EAAG9B;EAAkB,CACpC,CAAC;AAEJ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/dimensions-panel.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tDimensionsPanel: StylesDimensionsPanel,\n} = unlock( blockEditorPrivateApis );\n\nconst DEFAULT_CONTROLS = {\n\tcontentSize: true,\n\twideSize: true,\n\tpadding: true,\n\tmargin: true,\n\tblockGap: true,\n\tminHeight: true,\n\tchildLayout: false,\n};\n\nexport default function DimensionsPanel() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ userSettings ] = useGlobalSetting( '', undefined, 'user' );\n\tconst [ rawSettings, setSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\n\t// These intermediary objects are needed because the \"layout\" property is stored\n\t// in settings rather than styles.\n\tconst inheritedStyleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...inheritedStyle,\n\t\t\tlayout: settings.layout,\n\t\t};\n\t}, [ inheritedStyle, settings.layout ] );\n\n\tconst styleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...style,\n\t\t\tlayout: userSettings.layout,\n\t\t};\n\t}, [ style, userSettings.layout ] );\n\n\tconst onChange = ( newStyle ) => {\n\t\tconst updatedStyle = { ...newStyle };\n\t\tdelete updatedStyle.layout;\n\t\tsetStyle( updatedStyle );\n\n\t\tif ( newStyle.layout !== userSettings.layout ) {\n\t\t\tconst updatedSettings = {\n\t\t\t\t...userSettings,\n\t\t\t\tlayout: newStyle.layout,\n\t\t\t};\n\n\t\t\t// Ensure any changes to layout definitions are not persisted.\n\t\t\tif ( updatedSettings.layout?.definitions ) {\n\t\t\t\tdelete updatedSettings.layout.definitions;\n\t\t\t}\n\n\t\t\tsetSettings( updatedSettings );\n\t\t}\n\t};\n\n\treturn (\n\t\t<StylesDimensionsPanel\n\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\tvalue={ styleWithLayout }\n\t\t\tonChange={ onChange }\n\t\t\tsettings={ settings }\n\t\t\tincludeLayoutControls\n\t\t\tdefaultControls={ DEFAULT_CONTROLS }\n\t\t/>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4EE;AAzEF,0BAAsD;AACtD,qBAAwB;AAKxB,yBAAuB;AAEvB,MAAM;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAClB,QAAI,2BAAQ,oBAAAA,WAAuB;AAEnC,MAAM,mBAAmB;AAAA,EACxB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,aAAa;AACd;AAEe,SAAR,kBAAmC;AACzC,QAAM,CAAE,KAAM,IAAI,eAAgB,IAAI,QAAW,QAAQ;AAAA,IACxD,oBAAoB;AAAA,EACrB,CAAE;AACF,QAAM,CAAE,gBAAgB,QAAS,IAAI,eAAgB,IAAI,QAAW,OAAO;AAAA,IAC1E,oBAAoB;AAAA,EACrB,CAAE;AACF,QAAM,CAAE,YAAa,IAAI,iBAAkB,IAAI,QAAW,MAAO;AACjE,QAAM,CAAE,aAAa,WAAY,IAAI,iBAAkB,EAAG;AAC1D,QAAM,WAAW,2BAA4B,WAAY;AAIzD,QAAM,+BAA2B,wBAAS,MAAM;AAC/C,WAAO;AAAA,MACN,GAAG;AAAA,MACH,QAAQ,SAAS;AAAA,IAClB;AAAA,EACD,GAAG,CAAE,gBAAgB,SAAS,MAAO,CAAE;AAEvC,QAAM,sBAAkB,wBAAS,MAAM;AACtC,WAAO;AAAA,MACN,GAAG;AAAA,MACH,QAAQ,aAAa;AAAA,IACtB;AAAA,EACD,GAAG,CAAE,OAAO,aAAa,MAAO,CAAE;AAElC,QAAM,WAAW,CAAE,aAAc;AAChC,UAAM,eAAe,EAAE,GAAG,SAAS;AACnC,WAAO,aAAa;AACpB,aAAU,YAAa;AAEvB,QAAK,SAAS,WAAW,aAAa,QAAS;AAC9C,YAAM,kBAAkB;AAAA,QACvB,GAAG;AAAA,QACH,QAAQ,SAAS;AAAA,MAClB;AAGA,UAAK,gBAAgB,QAAQ,aAAc;AAC1C,eAAO,gBAAgB,OAAO;AAAA,MAC/B;AAEA,kBAAa,eAAgB;AAAA,IAC9B;AAAA,EACD;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,gBAAiB;AAAA,MACjB,OAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,uBAAqB;AAAA,MACrB,iBAAkB;AAAA;AAAA,EACnB;AAEF;",
+  "names": ["blockEditorPrivateApis"]
+}

package/build/components/global-styles/font-families.js

@@ -1,110 +1,114 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 font_families_exports = {};
+__export(font_families_exports, {
+  default: () => font_families_default
 });
-exports.default = void 0;
-var _i18n = require("@wordpress/i18n");
-var _components = require("@wordpress/components");
-var _blockEditor = require("@wordpress/block-editor");
-var _icons = require("@wordpress/icons");
-var _element = require("@wordpress/element");
-var _context = _interopRequireWildcard(require("./font-library-modal/context"));
-var _fontLibraryModal = _interopRequireDefault(require("./font-library-modal"));
-var _fontFamilyItem = _interopRequireDefault(require("./font-family-item"));
-var _subtitle = _interopRequireDefault(require("./subtitle"));
-var _utils = require("./font-library-modal/utils");
-var _lockUnlock = require("../../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  useGlobalSetting
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
-
-/**
- * Maps the fonts with the source, if available.
- *
- * @param {Array}  fonts  The fonts to map.
- * @param {string} source The source of the fonts.
- * @return {Array} The mapped fonts.
- */
+module.exports = __toCommonJS(font_families_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_icons = require("@wordpress/icons");
+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("./font-library-modal/utils");
+var import_lock_unlock = require("../../lock-unlock");
+const { useGlobalSetting } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
 function mapFontsWithSource(fonts, source) {
-  return fonts ? fonts.map(f => (0, _utils.setUIValuesNeeded)(f, {
-    source
-  })) : [];
+  return fonts ? fonts.map((f) => (0, import_utils.setUIValuesNeeded)(f, { source })) : [];
 }
 function FontFamilies() {
-  const {
-    baseCustomFonts,
-    modalTabOpen,
-    setModalTabOpen
-  } = (0, _element.useContext)(_context.FontLibraryContext);
-  const [fontFamilies] = useGlobalSetting('typography.fontFamilies');
-  const [baseFontFamilies] = useGlobalSetting('typography.fontFamilies', undefined, 'base');
-  const themeFonts = mapFontsWithSource(fontFamilies?.theme, 'theme');
-  const customFonts = mapFontsWithSource(fontFamilies?.custom, 'custom');
-  const activeFonts = [...themeFonts, ...customFonts].sort((a, b) => a.name.localeCompare(b.name));
+  const { baseCustomFonts, modalTabOpen, setModalTabOpen } = (0, import_element.useContext)(import_context.FontLibraryContext);
+  const [fontFamilies] = useGlobalSetting("typography.fontFamilies");
+  const [baseFontFamilies] = useGlobalSetting(
+    "typography.fontFamilies",
+    void 0,
+    "base"
+  );
+  const themeFonts = mapFontsWithSource(fontFamilies?.theme, "theme");
+  const customFonts = mapFontsWithSource(fontFamilies?.custom, "custom");
+  const activeFonts = [...themeFonts, ...customFonts].sort(
+    (a, b) => a.name.localeCompare(b.name)
+  );
   const hasFonts = 0 < activeFonts.length;
   const hasInstalledFonts = hasFonts || baseFontFamilies?.theme?.length > 0 || baseCustomFonts?.length > 0;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [!!modalTabOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontLibraryModal.default, {
-      onRequestClose: () => setModalTabOpen(null),
-      defaultTabId: modalTabOpen
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-      spacing: 2,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-        justify: "space-between",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
-          level: 3,
-          children: (0, _i18n.__)('Fonts')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-          onClick: () => setModalTabOpen('installed-fonts'),
-          label: (0, _i18n.__)('Manage fonts'),
-          icon: _icons.settings,
-          size: "small"
-        })]
-      }), activeFonts.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
-          size: "large",
-          isBordered: true,
-          isSeparated: true,
-          children: activeFonts.map(font => /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontFamilyItem.default, {
-            font: font
-          }, font.slug))
-        })
-      }), !hasFonts && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
-          as: "p",
-          children: hasInstalledFonts ? (0, _i18n.__)('No fonts activated.') : (0, _i18n.__)('No fonts installed.')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-          className: "edit-site-global-styles-font-families__manage-fonts",
-          variant: "secondary",
-          __next40pxDefaultSize: true,
-          onClick: () => {
-            setModalTabOpen(hasInstalledFonts ? 'installed-fonts' : 'upload-fonts');
-          },
-          children: hasInstalledFonts ? (0, _i18n.__)('Manage fonts') : (0, _i18n.__)('Add fonts')
-        })]
-      })]
-    })]
-  });
+  return /* @__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.jsxs)(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.Button,
+          {
+            onClick: () => setModalTabOpen("installed-fonts"),
+            label: (0, import_i18n.__)("Manage fonts"),
+            icon: import_icons.settings,
+            size: "small"
+          }
+        )
+      ] }),
+      activeFonts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalItemGroup, { size: "large", isBordered: true, isSeparated: true, children: activeFonts.map((font) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_font_family_item.default,
+        {
+          font
+        },
+        font.slug
+      )) }) }),
+      !hasFonts && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalText, { as: "p", children: hasInstalledFonts ? (0, import_i18n.__)("No fonts activated.") : (0, import_i18n.__)("No fonts installed.") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.Button,
+          {
+            className: "edit-site-global-styles-font-families__manage-fonts",
+            variant: "secondary",
+            __next40pxDefaultSize: true,
+            onClick: () => {
+              setModalTabOpen(
+                hasInstalledFonts ? "installed-fonts" : "upload-fonts"
+              );
+            },
+            children: hasInstalledFonts ? (0, import_i18n.__)("Manage fonts") : (0, import_i18n.__)("Add fonts")
+          }
+        )
+      ] })
+    ] })
+  ] });
 }
-var _default = ({
-  ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.default, {
-  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FontFamilies, {
-    ...props
-  })
-});
-exports.default = _default;
-//# sourceMappingURL=font-families.js.map
+var font_families_default = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FontFamilies, { ...props }) });
+//# sourceMappingURL=font-families.js.map

package/build/components/global-styles/font-families.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_components","_blockEditor","_icons","_element","_context","_interopRequireWildcard","_fontLibraryModal","_interopRequireDefault","_fontFamilyItem","_subtitle","_utils","_lockUnlock","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useGlobalSetting","unlock","blockEditorPrivateApis","mapFontsWithSource","fonts","source","map","f","setUIValuesNeeded","FontFamilies","baseCustomFonts","modalTabOpen","setModalTabOpen","useContext","FontLibraryContext","fontFamilies","baseFontFamilies","undefined","themeFonts","theme","customFonts","custom","activeFonts","sort","b","name","localeCompare","hasFonts","length","hasInstalledFonts","jsxs","Fragment","children","jsx","onRequestClose","defaultTabId","__experimentalVStack","spacing","__experimentalHStack","justify","level","__","Button","onClick","label","icon","settings","size","__experimentalItemGroup","isBordered","isSeparated","font","slug","__experimentalText","as","className","variant","__next40pxDefaultSize","_default","props","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/font-families.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalText as Text,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tButton,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { settings } from '@wordpress/icons';\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 { setUIValuesNeeded } from './font-library-modal/utils';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\n/**\n * Maps the fonts with the source, if available.\n *\n * @param {Array}  fonts  The fonts to map.\n * @param {string} source The source of the fonts.\n * @return {Array} The mapped fonts.\n */\nfunction mapFontsWithSource( fonts, source ) {\n\treturn fonts\n\t\t? fonts.map( ( f ) => setUIValuesNeeded( f, { source } ) )\n\t\t: [];\n}\n\nfunction FontFamilies() {\n\tconst { baseCustomFonts, modalTabOpen, setModalTabOpen } =\n\t\tuseContext( FontLibraryContext );\n\tconst [ fontFamilies ] = useGlobalSetting( 'typography.fontFamilies' );\n\tconst [ baseFontFamilies ] = useGlobalSetting(\n\t\t'typography.fontFamilies',\n\t\tundefined,\n\t\t'base'\n\t);\n\tconst themeFonts = mapFontsWithSource( fontFamilies?.theme, 'theme' );\n\tconst customFonts = mapFontsWithSource( fontFamilies?.custom, 'custom' );\n\tconst activeFonts = [ ...themeFonts, ...customFonts ].sort( ( a, b ) =>\n\t\ta.name.localeCompare( b.name )\n\t);\n\tconst hasFonts = 0 < activeFonts.length;\n\tconst hasInstalledFonts =\n\t\thasFonts ||\n\t\tbaseFontFamilies?.theme?.length > 0 ||\n\t\tbaseCustomFonts?.length > 0;\n\n\treturn (\n\t\t<>\n\t\t\t{ !! modalTabOpen && (\n\t\t\t\t<FontLibraryModal\n\t\t\t\t\tonRequestClose={ () => setModalTabOpen( null ) }\n\t\t\t\t\tdefaultTabId={ modalTabOpen }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Fonts' ) }</Subtitle>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ () => setModalTabOpen( 'installed-fonts' ) }\n\t\t\t\t\t\tlabel={ __( 'Manage fonts' ) }\n\t\t\t\t\t\ticon={ settings }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t\t{ activeFonts.length > 0 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ItemGroup size=\"large\" isBordered isSeparated>\n\t\t\t\t\t\t\t{ activeFonts.map( ( font ) => (\n\t\t\t\t\t\t\t\t<FontFamilyItem\n\t\t\t\t\t\t\t\t\tkey={ font.slug }\n\t\t\t\t\t\t\t\t\tfont={ font }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ ! hasFonts && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Text as=\"p\">\n\t\t\t\t\t\t\t{ hasInstalledFonts\n\t\t\t\t\t\t\t\t? __( 'No fonts activated.' )\n\t\t\t\t\t\t\t\t: __( 'No fonts installed.' ) }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-font-families__manage-fonts\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetModalTabOpen(\n\t\t\t\t\t\t\t\t\thasInstalledFonts\n\t\t\t\t\t\t\t\t\t\t? 'installed-fonts'\n\t\t\t\t\t\t\t\t\t\t: 'upload-fonts'\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ hasInstalledFonts\n\t\t\t\t\t\t\t\t? __( 'Manage fonts' )\n\t\t\t\t\t\t\t\t: __( 'Add fonts' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nexport default ( { ...props } ) => (\n\t<FontLibraryProvider>\n\t\t<FontFamilies { ...props } />\n\t</FontLibraryProvider>\n);\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/font-families.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalText as Text,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tButton,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { settings } from '@wordpress/icons';\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 { setUIValuesNeeded } from './font-library-modal/utils';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\n/**\n * Maps the fonts with the source, if available.\n *\n * @param {Array}  fonts  The fonts to map.\n * @param {string} source The source of the fonts.\n * @return {Array} The mapped fonts.\n */\nfunction mapFontsWithSource( fonts, source ) {\n\treturn fonts\n\t\t? fonts.map( ( f ) => setUIValuesNeeded( f, { source } ) )\n\t\t: [];\n}\n\nfunction FontFamilies() {\n\tconst { baseCustomFonts, modalTabOpen, setModalTabOpen } =\n\t\tuseContext( FontLibraryContext );\n\tconst [ fontFamilies ] = useGlobalSetting( 'typography.fontFamilies' );\n\tconst [ baseFontFamilies ] = useGlobalSetting(\n\t\t'typography.fontFamilies',\n\t\tundefined,\n\t\t'base'\n\t);\n\tconst themeFonts = mapFontsWithSource( fontFamilies?.theme, 'theme' );\n\tconst customFonts = mapFontsWithSource( fontFamilies?.custom, 'custom' );\n\tconst activeFonts = [ ...themeFonts, ...customFonts ].sort( ( a, b ) =>\n\t\ta.name.localeCompare( b.name )\n\t);\n\tconst hasFonts = 0 < activeFonts.length;\n\tconst hasInstalledFonts =\n\t\thasFonts ||\n\t\tbaseFontFamilies?.theme?.length > 0 ||\n\t\tbaseCustomFonts?.length > 0;\n\n\treturn (\n\t\t<>\n\t\t\t{ !! modalTabOpen && (\n\t\t\t\t<FontLibraryModal\n\t\t\t\t\tonRequestClose={ () => setModalTabOpen( null ) }\n\t\t\t\t\tdefaultTabId={ modalTabOpen }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Fonts' ) }</Subtitle>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ () => setModalTabOpen( 'installed-fonts' ) }\n\t\t\t\t\t\tlabel={ __( 'Manage fonts' ) }\n\t\t\t\t\t\ticon={ settings }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t\t{ activeFonts.length > 0 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ItemGroup size=\"large\" isBordered isSeparated>\n\t\t\t\t\t\t\t{ activeFonts.map( ( font ) => (\n\t\t\t\t\t\t\t\t<FontFamilyItem\n\t\t\t\t\t\t\t\t\tkey={ font.slug }\n\t\t\t\t\t\t\t\t\tfont={ font }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ ! hasFonts && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Text as=\"p\">\n\t\t\t\t\t\t\t{ hasInstalledFonts\n\t\t\t\t\t\t\t\t? __( 'No fonts activated.' )\n\t\t\t\t\t\t\t\t: __( 'No fonts installed.' ) }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-font-families__manage-fonts\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetModalTabOpen(\n\t\t\t\t\t\t\t\t\thasInstalledFonts\n\t\t\t\t\t\t\t\t\t\t? 'installed-fonts'\n\t\t\t\t\t\t\t\t\t\t: 'upload-fonts'\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ hasInstalledFonts\n\t\t\t\t\t\t\t\t? __( 'Manage fonts' )\n\t\t\t\t\t\t\t\t: __( 'Add fonts' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nexport default ( { ...props } ) => (\n\t<FontLibraryProvider>\n\t\t<FontFamilies { ...props } />\n\t</FontLibraryProvider>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiEI;AA9DJ,kBAAmB;AACnB,wBAMO;AACP,0BAAsD;AACtD,mBAAyB;AACzB,qBAA2B;AAK3B,qBAEO;AACP,gCAA6B;AAC7B,8BAA2B;AAC3B,sBAAqB;AACrB,mBAAkC;AAClC,yBAAuB;AAEvB,MAAM,EAAE,iBAAiB,QAAI,2BAAQ,oBAAAA,WAAuB;AAS5D,SAAS,mBAAoB,OAAO,QAAS;AAC5C,SAAO,QACJ,MAAM,IAAK,CAAE,UAAO,gCAAmB,GAAG,EAAE,OAAO,CAAE,CAAE,IACvD,CAAC;AACL;AAEA,SAAS,eAAe;AACvB,QAAM,EAAE,iBAAiB,cAAc,gBAAgB,QACtD,2BAAY,iCAAmB;AAChC,QAAM,CAAE,YAAa,IAAI,iBAAkB,yBAA0B;AACrE,QAAM,CAAE,gBAAiB,IAAI;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,aAAa,mBAAoB,cAAc,OAAO,OAAQ;AACpE,QAAM,cAAc,mBAAoB,cAAc,QAAQ,QAAS;AACvE,QAAM,cAAc,CAAE,GAAG,YAAY,GAAG,WAAY,EAAE;AAAA,IAAM,CAAE,GAAG,MAChE,EAAE,KAAK,cAAe,EAAE,IAAK;AAAA,EAC9B;AACA,QAAM,WAAW,IAAI,YAAY;AACjC,QAAM,oBACL,YACA,kBAAkB,OAAO,SAAS,KAClC,iBAAiB,SAAS;AAE3B,SACC,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,mDAAC,kBAAAC,sBAAA,EAAO,SAAQ,iBACf;AAAA,oDAAC,gBAAAC,SAAA,EAAS,OAAQ,GAAM,8BAAI,OAAQ,GAAG;AAAA,QACvC;AAAA,UAAC;AAAA;AAAA,YACA,SAAU,MAAM,gBAAiB,iBAAkB;AAAA,YACnD,WAAQ,gBAAI,cAAe;AAAA,YAC3B,MAAO;AAAA,YACP,MAAK;AAAA;AAAA,QACN;AAAA,SACD;AAAA,MACE,YAAY,SAAS,KACtB,2EACC,sDAAC,kBAAAC,yBAAA,EAAU,MAAK,SAAQ,YAAU,MAAC,aAAW,MAC3C,sBAAY,IAAK,CAAE,SACpB;AAAA,QAAC,wBAAAC;AAAA,QAAA;AAAA,UAEA;AAAA;AAAA,QADM,KAAK;AAAA,MAEZ,CACC,GACH,GACD;AAAA,MAEC,CAAE,YACH,4EACC;AAAA,oDAAC,kBAAAC,oBAAA,EAAK,IAAG,KACN,kCACC,gBAAI,qBAAsB,QAC1B,gBAAI,qBAAsB,GAC9B;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,uBAAqB;AAAA,YACrB,SAAU,MAAM;AACf;AAAA,gBACC,oBACG,oBACA;AAAA,cACJ;AAAA,YACD;AAAA,YAEE,kCACC,gBAAI,cAAe,QACnB,gBAAI,WAAY;AAAA;AAAA,QACpB;AAAA,SACD;AAAA,OAEF;AAAA,KACD;AAEF;AAEA,IAAO,wBAAQ,CAAE,EAAE,GAAG,MAAM,MAC3B,4CAAC,eAAAC,SAAA,EACA,sDAAC,gBAAe,GAAG,OAAQ,GAC5B;",
+  "names": ["blockEditorPrivateApis", "FontLibraryModal", "VStack", "HStack", "Subtitle", "ItemGroup", "FontFamilyItem", "Text", "FontLibraryProvider"]
+}

package/build/components/global-styles/font-family-item.js

@@ -1,50 +1,48 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 font_family_item_exports = {};
+__export(font_family_item_exports, {
+  default: () => font_family_item_default
 });
-exports.default = void 0;
-var _i18n = require("@wordpress/i18n");
-var _components = require("@wordpress/components");
-var _element = require("@wordpress/element");
-var _context = require("./font-library-modal/context");
-var _previewStyles = require("./font-library-modal/utils/preview-styles");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function FontFamilyItem({
-  font
-}) {
-  const {
-    handleSetLibraryFontSelected,
-    setModalTabOpen
-  } = (0, _element.useContext)(_context.FontLibraryContext);
+module.exports = __toCommonJS(font_family_item_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_element = require("@wordpress/element");
+var import_context = require("./font-library-modal/context");
+var import_preview_styles = require("./font-library-modal/utils/preview-styles");
+function FontFamilyItem({ font }) {
+  const { handleSetLibraryFontSelected, setModalTabOpen } = (0, import_element.useContext)(import_context.FontLibraryContext);
   const variantsCount = font?.fontFace?.length || 1;
   const handleClick = () => {
     handleSetLibraryFontSelected(font);
-    setModalTabOpen('installed-fonts');
+    setModalTabOpen("installed-fonts");
   };
-  const previewStyle = (0, _previewStyles.getFamilyPreviewStyle)(font);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItem, {
-    onClick: handleClick,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-      justify: "space-between",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-        style: previewStyle,
-        children: font.name
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-        className: "edit-site-global-styles-screen-typography__font-variants-count",
-        children: (0, _i18n.sprintf)(/* translators: %d: Number of font variants. */
-        (0, _i18n._n)('%d variant', '%d variants', variantsCount), variantsCount)
-      })]
-    })
-  });
+  const previewStyle = (0, import_preview_styles.getFamilyPreviewStyle)(font);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalItem, { onClick: handleClick, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { justify: "space-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { style: previewStyle, children: font.name }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { className: "edit-site-global-styles-screen-typography__font-variants-count", children: (0, import_i18n.sprintf)(
+      /* translators: %d: Number of font variants. */
+      (0, import_i18n._n)("%d variant", "%d variants", variantsCount),
+      variantsCount
+    ) })
+  ] }) });
 }
-var _default = exports.default = FontFamilyItem;
-//# sourceMappingURL=font-family-item.js.map
+var font_family_item_default = FontFamilyItem;
+//# sourceMappingURL=font-family-item.js.map

package/build/components/global-styles/font-family-item.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_components","_element","_context","_previewStyles","_jsxRuntime","FontFamilyItem","font","handleSetLibraryFontSelected","setModalTabOpen","useContext","FontLibraryContext","variantsCount","fontFace","length","handleClick","previewStyle","getFamilyPreviewStyle","jsx","__experimentalItem","onClick","children","jsxs","__experimentalHStack","justify","FlexItem","style","name","className","sprintf","_n","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/font-family-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { _n, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalItem as Item,\n\tFlexItem,\n} from '@wordpress/components';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { FontLibraryContext } from './font-library-modal/context';\nimport { getFamilyPreviewStyle } from './font-library-modal/utils/preview-styles';\n\nfunction FontFamilyItem( { font } ) {\n\tconst { handleSetLibraryFontSelected, setModalTabOpen } =\n\t\tuseContext( FontLibraryContext );\n\n\tconst variantsCount = font?.fontFace?.length || 1;\n\n\tconst handleClick = () => {\n\t\thandleSetLibraryFontSelected( font );\n\t\tsetModalTabOpen( 'installed-fonts' );\n\t};\n\n\tconst previewStyle = getFamilyPreviewStyle( font );\n\n\treturn (\n\t\t<Item onClick={ handleClick }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<FlexItem style={ previewStyle }>{ font.name }</FlexItem>\n\t\t\t\t<FlexItem className=\"edit-site-global-styles-screen-typography__font-variants-count\">\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: %d: Number of font variants. */\n\t\t\t\t\t\t_n( '%d variant', '%d variants', variantsCount ),\n\t\t\t\t\t\tvariantsCount\n\t\t\t\t\t) }\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t</Item>\n\t);\n}\n\nexport default FontFamilyItem;\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAAkF,IAAAK,WAAA,GAAAL,OAAA;AAflF;AACA;AACA;;AASA;AACA;AACA;;AAIA,SAASM,cAAcA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACnC,MAAM;IAAEC,4BAA4B;IAAEC;EAAgB,CAAC,GACtD,IAAAC,mBAAU,EAAEC,2BAAmB,CAAC;EAEjC,MAAMC,aAAa,GAAGL,IAAI,EAAEM,QAAQ,EAAEC,MAAM,IAAI,CAAC;EAEjD,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACzBP,4BAA4B,CAAED,IAAK,CAAC;IACpCE,eAAe,CAAE,iBAAkB,CAAC;EACrC,CAAC;EAED,MAAMO,YAAY,GAAG,IAAAC,oCAAqB,EAAEV,IAAK,CAAC;EAElD,oBACC,IAAAF,WAAA,CAAAa,GAAA,EAACjB,WAAA,CAAAkB,kBAAI;IAACC,OAAO,EAAGL,WAAa;IAAAM,QAAA,eAC5B,IAAAhB,WAAA,CAAAiB,IAAA,EAACrB,WAAA,CAAAsB,oBAAM;MAACC,OAAO,EAAC,eAAe;MAAAH,QAAA,gBAC9B,IAAAhB,WAAA,CAAAa,GAAA,EAACjB,WAAA,CAAAwB,QAAQ;QAACC,KAAK,EAAGV,YAAc;QAAAK,QAAA,EAAGd,IAAI,CAACoB;MAAI,CAAY,CAAC,eACzD,IAAAtB,WAAA,CAAAa,GAAA,EAACjB,WAAA,CAAAwB,QAAQ;QAACG,SAAS,EAAC,gEAAgE;QAAAP,QAAA,EACjF,IAAAQ,aAAO,EACR;QACA,IAAAC,QAAE,EAAE,YAAY,EAAE,aAAa,EAAElB,aAAc,CAAC,EAChDA,aACD;MAAC,CACQ,CAAC;IAAA,CACJ;EAAC,CACJ,CAAC;AAET;AAAC,IAAAmB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc3B,cAAc","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/font-family-item.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { _n, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalItem as Item,\n\tFlexItem,\n} from '@wordpress/components';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { FontLibraryContext } from './font-library-modal/context';\nimport { getFamilyPreviewStyle } from './font-library-modal/utils/preview-styles';\n\nfunction FontFamilyItem( { font } ) {\n\tconst { handleSetLibraryFontSelected, setModalTabOpen } =\n\t\tuseContext( FontLibraryContext );\n\n\tconst variantsCount = font?.fontFace?.length || 1;\n\n\tconst handleClick = () => {\n\t\thandleSetLibraryFontSelected( font );\n\t\tsetModalTabOpen( 'installed-fonts' );\n\t};\n\n\tconst previewStyle = getFamilyPreviewStyle( font );\n\n\treturn (\n\t\t<Item onClick={ handleClick }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<FlexItem style={ previewStyle }>{ font.name }</FlexItem>\n\t\t\t\t<FlexItem className=\"edit-site-global-styles-screen-typography__font-variants-count\">\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: %d: Number of font variants. */\n\t\t\t\t\t\t_n( '%d variant', '%d variants', variantsCount ),\n\t\t\t\t\t\tvariantsCount\n\t\t\t\t\t) }\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t</Item>\n\t);\n}\n\nexport default FontFamilyItem;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCG;AA7BH,kBAA4B;AAC5B,wBAIO;AACP,qBAA2B;AAK3B,qBAAmC;AACnC,4BAAsC;AAEtC,SAAS,eAAgB,EAAE,KAAK,GAAI;AACnC,QAAM,EAAE,8BAA8B,gBAAgB,QACrD,2BAAY,iCAAmB;AAEhC,QAAM,gBAAgB,MAAM,UAAU,UAAU;AAEhD,QAAM,cAAc,MAAM;AACzB,iCAA8B,IAAK;AACnC,oBAAiB,iBAAkB;AAAA,EACpC;AAEA,QAAM,mBAAe,6CAAuB,IAAK;AAEjD,SACC,4CAAC,kBAAAA,oBAAA,EAAK,SAAU,aACf,uDAAC,kBAAAC,sBAAA,EAAO,SAAQ,iBACf;AAAA,gDAAC,8BAAS,OAAQ,cAAiB,eAAK,MAAM;AAAA,IAC9C,4CAAC,8BAAS,WAAU,kEACjB;AAAA;AAAA,UAED,gBAAI,cAAc,eAAe,aAAc;AAAA,MAC/C;AAAA,IACD,GACD;AAAA,KACD,GACD;AAEF;AAEA,IAAO,2BAAQ;",
+  "names": ["Item", "HStack"]
+}