@wordpress/global-styles-ui 1.4.0 → 1.4.1-next.06ee73755.0

package/LICENSE.md

@@ -1,6 +1,6 @@
 ## Gutenberg
 
-    Copyright 2016-2025 by the contributors
+    Copyright 2016-2026 by the contributors
 
 **License for Contributions (on and after April 15, 2021)**
 

package/build/{background-panel.js → background-panel.cjs}

@@ -25,8 +25,8 @@ __export(background_panel_exports, {
 });
 module.exports = __toCommonJS(background_panel_exports);
 var import_block_editor = require("@wordpress/block-editor");
-var import_hooks = require("./hooks");
-var import_lock_unlock = require("./lock-unlock");
+var import_hooks = require("./hooks.cjs");
+var import_lock_unlock = require("./lock-unlock.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var BACKGROUND_DEFAULT_VALUES = {
   backgroundSize: "auto"
@@ -61,4 +61,4 @@ function BackgroundPanel() {
 0 && (module.exports = {
   hasBackgroundImageValue
 });
-//# sourceMappingURL=background-panel.js.map
+//# sourceMappingURL=background-panel.cjs.map

package/build/{block-preview-panel.js → block-preview-panel.cjs}

@@ -27,7 +27,7 @@ var import_block_editor = require("@wordpress/block-editor");
 var import_blocks = require("@wordpress/blocks");
 var import_components = require("@wordpress/components");
 var import_element = require("@wordpress/element");
-var import_utils = require("./utils");
+var import_utils = require("./utils.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var BlockPreviewPanel = ({
   name,
@@ -89,4 +89,4 @@ var BlockPreviewPanel = ({
   ) });
 };
 var block_preview_panel_default = BlockPreviewPanel;
-//# sourceMappingURL=block-preview-panel.js.map
+//# sourceMappingURL=block-preview-panel.cjs.map

package/build/{color-indicator-wrapper.js → color-indicator-wrapper.cjs}

@@ -54,4 +54,4 @@ function ColorIndicatorWrapper({
   );
 }
 var color_indicator_wrapper_default = ColorIndicatorWrapper;
-//# sourceMappingURL=color-indicator-wrapper.js.map
+//# sourceMappingURL=color-indicator-wrapper.cjs.map

package/build/{color-palette-panel.js → color-palette-panel.cjs}

@@ -37,8 +37,8 @@ var import_compose = require("@wordpress/compose");
 var import_components = require("@wordpress/components");
 var import_i18n = require("@wordpress/i18n");
 var import_icons = require("@wordpress/icons");
-var import_hooks = require("./hooks");
-var import_variations_color = __toESM(require("./variations/variations-color"));
+var import_hooks = require("./hooks.cjs");
+var import_variations_color = __toESM(require("./variations/variations-color.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var mobilePopoverProps = { placement: "bottom-start", offset: 8 };
 function ColorPalettePanel({ name }) {
@@ -122,4 +122,4 @@ function ColorPalettePanel({ name }) {
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_variations_color.default, { title: (0, import_i18n.__)("Palettes") })
   ] });
 }
-//# sourceMappingURL=color-palette-panel.js.map
+//# sourceMappingURL=color-palette-panel.cjs.map

package/build/{color-preview.js → color-preview.cjs}

@@ -26,7 +26,7 @@ module.exports = __toCommonJS(color_preview_exports);
 var import_components = require("@wordpress/components");
 var import_element = require("@wordpress/element");
 var import_global_styles_engine = require("@wordpress/global-styles-engine");
-var import_context = require("./context");
+var import_context = require("./context.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function ColorPreview() {
   const { merged } = (0, import_element.useContext)(import_context.GlobalStylesContext);
@@ -93,4 +93,4 @@ function ColorPreview() {
 0 && (module.exports = {
   ColorPreview
 });
-//# sourceMappingURL=color-preview.js.map
+//# sourceMappingURL=color-preview.cjs.map

package/build/{color-variations.js → color-variations.cjs}

@@ -33,11 +33,11 @@ __export(color_variations_exports, {
   ColorVariations: () => ColorVariations
 });
 module.exports = __toCommonJS(color_variations_exports);
-var import_variations_color = __toESM(require("./variations/variations-color"));
-var import_with_global_styles_provider = require("./with-global-styles-provider");
+var import_variations_color = __toESM(require("./variations/variations-color.cjs"));
+var import_with_global_styles_provider = require("./with-global-styles-provider.cjs");
 var ColorVariations = (0, import_with_global_styles_provider.withGlobalStylesProvider)(import_variations_color.default);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ColorVariations
 });
-//# sourceMappingURL=color-variations.js.map
+//# sourceMappingURL=color-variations.cjs.map

package/build/{confirm-reset-shadow-dialog.js → confirm-reset-shadow-dialog.cjs}

@@ -54,4 +54,4 @@ function ConfirmResetShadowDialog({
   );
 }
 var confirm_reset_shadow_dialog_default = ConfirmResetShadowDialog;
-//# sourceMappingURL=confirm-reset-shadow-dialog.js.map
+//# sourceMappingURL=confirm-reset-shadow-dialog.cjs.map

package/build/{context.js → context.cjs}

@@ -36,4 +36,4 @@ var GlobalStylesContext = (0, import_element.createContext)({
 0 && (module.exports = {
   GlobalStylesContext
 });
-//# sourceMappingURL=context.js.map
+//# sourceMappingURL=context.cjs.map

package/build/{dimensions-panel.js → dimensions-panel.cjs}

@@ -25,8 +25,8 @@ __export(dimensions_panel_exports, {
 module.exports = __toCommonJS(dimensions_panel_exports);
 var import_block_editor = require("@wordpress/block-editor");
 var import_element = require("@wordpress/element");
-var import_hooks = require("./hooks");
-var import_lock_unlock = require("./lock-unlock");
+var import_hooks = require("./hooks.cjs");
+var import_lock_unlock = require("./lock-unlock.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var { useSettingsForBlockElement, DimensionsPanel: StylesDimensionsPanel } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
 var DEFAULT_CONTROLS = {
@@ -35,6 +35,7 @@ var DEFAULT_CONTROLS = {
   padding: true,
   margin: true,
   blockGap: true,
+  height: true,
   minHeight: true,
   width: true,
   childLayout: false
@@ -89,4 +90,4 @@ function DimensionsPanel() {
     }
   );
 }
-//# sourceMappingURL=dimensions-panel.js.map
+//# sourceMappingURL=dimensions-panel.cjs.map

package/build/dimensions-panel.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/dimensions-panel.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\n// @ts-expect-error: Not typed yet.\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useStyle, useSetting } from './hooks';\nimport { unlock } from './lock-unlock';\n\nconst { useSettingsForBlockElement, DimensionsPanel: StylesDimensionsPanel } =\n\tunlock( blockEditorPrivateApis );\n\nconst DEFAULT_CONTROLS = {\n\tcontentSize: true,\n\twideSize: true,\n\tpadding: true,\n\tmargin: true,\n\tblockGap: true,\n\theight: true,\n\tminHeight: true,\n\twidth: true,\n\tchildLayout: false,\n};\n\nexport default function DimensionsPanel() {\n\tconst [ style ] = useStyle( '', undefined, 'user', false );\n\tconst [ inheritedStyle, setStyle ] = useStyle(\n\t\t'',\n\t\tundefined,\n\t\t'merged',\n\t\tfalse\n\t);\n\tconst [ userSettings ] = useSetting( '', undefined, 'user' );\n\tconst [ rawSettings, setSettings ] = useSetting( '' );\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: any ) => {\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;AAIA,0BAAsD;AACtD,qBAAwB;AAKxB,mBAAqC;AACrC,yBAAuB;AAkErB;AAhEF,IAAM,EAAE,4BAA4B,iBAAiB,sBAAsB,QAC1E,2BAAQ,oBAAAA,WAAuB;AAEhC,IAAM,mBAAmB;AAAA,EACxB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,OAAO;AAAA,EACP,aAAa;AACd;AAEe,SAAR,kBAAmC;AACzC,QAAM,CAAE,KAAM,QAAI,uBAAU,IAAI,QAAW,QAAQ,KAAM;AACzD,QAAM,CAAE,gBAAgB,QAAS,QAAI;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,YAAa,QAAI,yBAAY,IAAI,QAAW,MAAO;AAC3D,QAAM,CAAE,aAAa,WAAY,QAAI,yBAAY,EAAG;AACpD,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,aAAmB;AACrC,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/{font-families.js → font-families.cjs}

@@ -37,12 +37,12 @@ var import_i18n = require("@wordpress/i18n");
 var import_components = require("@wordpress/components");
 var import_icons = require("@wordpress/icons");
 var import_element = require("@wordpress/element");
-var import_subtitle = require("./subtitle");
-var import_hooks = require("./hooks");
-var import_context = __toESM(require("./font-library/context"));
-var import_modal = __toESM(require("./font-library/modal"));
-var import_font_family_item = __toESM(require("./font-family-item"));
-var import_utils = require("./font-library/utils");
+var import_subtitle = require("./subtitle.cjs");
+var import_hooks = require("./hooks.cjs");
+var import_context = __toESM(require("./font-library/context.cjs"));
+var import_modal = __toESM(require("./font-library/modal.cjs"));
+var import_font_family_item = __toESM(require("./font-family-item.cjs"));
+var import_utils = require("./font-library/utils/index.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function mapFontsWithSource(fonts, source) {
   return fonts ? fonts.map((f) => (0, import_utils.setUIValuesNeeded)(f, { source })) : [];
@@ -113,4 +113,4 @@ function FontFamiliesInner() {
 function FontFamilies({ ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FontFamiliesInner, { ...props }) });
 }
-//# sourceMappingURL=font-families.js.map
+//# sourceMappingURL=font-families.cjs.map

package/build/{font-family-item.js → font-family-item.cjs}

@@ -26,8 +26,8 @@ module.exports = __toCommonJS(font_family_item_exports);
 var import_i18n = require("@wordpress/i18n");
 var import_components = require("@wordpress/components");
 var import_element = require("@wordpress/element");
-var import_context = require("./font-library/context");
-var import_preview_styles = require("./font-library/utils/preview-styles");
+var import_context = require("./font-library/context.cjs");
+var import_preview_styles = require("./font-library/utils/preview-styles.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function FontFamilyItem({ font }) {
   const { handleSetLibraryFontSelected, setModalTabOpen } = (0, import_element.useContext)(import_context.FontLibraryContext);
@@ -47,4 +47,4 @@ function FontFamilyItem({ font }) {
   ] }) });
 }
 var font_family_item_default = FontFamilyItem;
-//# sourceMappingURL=font-family-item.js.map
+//# sourceMappingURL=font-family-item.cjs.map

package/build/font-library/{api.js → api.cjs}

@@ -80,4 +80,4 @@ async function fetchInstallFontFace(fontFamilyId, data, registry) {
   fetchInstallFontFace,
   fetchInstallFontFamily
 });
-//# sourceMappingURL=api.js.map
+//# sourceMappingURL=api.cjs.map

package/build/font-library/{collection-font-variant.js → collection-font-variant.cjs}

@@ -35,8 +35,8 @@ __export(collection_font_variant_exports, {
 module.exports = __toCommonJS(collection_font_variant_exports);
 var import_element = require("@wordpress/element");
 var import_components = require("@wordpress/components");
-var import_utils = require("./utils");
-var import_font_demo = __toESM(require("./font-demo"));
+var import_utils = require("./utils/index.cjs");
+var import_font_demo = __toESM(require("./font-demo.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
 function CollectionFontVariant({
   face,
@@ -59,7 +59,6 @@ function CollectionFontVariant({
       {
         checked: selected,
         onChange: handleToggleActivation,
-        __nextHasNoMarginBottom: true,
         id: checkboxId
       }
     ),
@@ -74,4 +73,4 @@ function CollectionFontVariant({
   ] }) });
 }
 var collection_font_variant_default = CollectionFontVariant;
-//# sourceMappingURL=collection-font-variant.js.map
+//# sourceMappingURL=collection-font-variant.cjs.map

package/build/font-library/{collection-font-variant.js.map → collection-font-variant.cjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/font-library/collection-font-variant.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useId } from '@wordpress/element';\nimport { CheckboxControl, Flex } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { getFontFaceVariantName } from './utils';\nimport FontDemo from './font-demo';\nimport type { CollectionFontVariantProps } from './types';\n\nfunction CollectionFontVariant( {\n\tface,\n\tfont,\n\thandleToggleVariant,\n\tselected,\n}: CollectionFontVariantProps ) {\n\tconst handleToggleActivation = () => {\n\t\tif ( font?.fontFace ) {\n\t\t\thandleToggleVariant( font, face );\n\t\t\treturn;\n\t\t}\n\t\thandleToggleVariant( font );\n\t};\n\n\tconst displayName = font.name + ' ' + getFontFaceVariantName( face );\n\tconst checkboxId = useId();\n\n\treturn (\n\t\t<div className=\"font-library__font-card\">\n\t\t\t<Flex justify=\"flex-start\" align=\"center\" gap=\"1rem\">\n\t\t\t\t<CheckboxControl\n\t\t\t\t\tchecked={ selected }\n\t\t\t\t\tonChange={ handleToggleActivation }\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tid={ checkboxId }\n\t\t\t\t/>\n\t\t\t\t<label htmlFor={ checkboxId }>\n\t\t\t\t\t<FontDemo\n\t\t\t\t\t\tfont={ face }\n\t\t\t\t\t\ttext={ displayName }\n\t\t\t\t\t\tonClick={ handleToggleActivation }\n\t\t\t\t\t/>\n\t\t\t\t</label>\n\t\t\t</Flex>\n\t\t</div>\n\t);\n}\n\nexport default CollectionFontVariant;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAsB;AACtB,wBAAsC;AAKtC,mBAAuC;AACvC,uBAAqB;AAsBlB;AAnBH,SAAS,sBAAuB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAgC;AAC/B,QAAM,yBAAyB,MAAM;AACpC,QAAK,MAAM,UAAW;AACrB,0BAAqB,MAAM,IAAK;AAChC;AAAA,IACD;AACA,wBAAqB,IAAK;AAAA,EAC3B;AAEA,QAAM,cAAc,KAAK,OAAO,UAAM,qCAAwB,IAAK;AACnE,QAAM,iBAAa,sBAAM;AAEzB,SACC,4CAAC,SAAI,WAAU,2BACd,uDAAC,0BAAK,SAAQ,cAAa,OAAM,UAAS,KAAI,QAC7C;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,SAAU;AAAA,QACV,UAAW;AAAA,QACX,yBAAuB;AAAA,QACvB,IAAK;AAAA;AAAA,IACN;AAAA,IACA,4CAAC,WAAM,SAAU,YAChB;AAAA,MAAC,iBAAAA;AAAA,MAAA;AAAA,QACA,MAAO;AAAA,QACP,MAAO;AAAA,QACP,SAAU;AAAA;AAAA,IACX,GACD;AAAA,KACD,GACD;AAEF;AAEA,IAAO,kCAAQ;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useId } from '@wordpress/element';\nimport { CheckboxControl, Flex } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { getFontFaceVariantName } from './utils';\nimport FontDemo from './font-demo';\nimport type { CollectionFontVariantProps } from './types';\n\nfunction CollectionFontVariant( {\n\tface,\n\tfont,\n\thandleToggleVariant,\n\tselected,\n}: CollectionFontVariantProps ) {\n\tconst handleToggleActivation = () => {\n\t\tif ( font?.fontFace ) {\n\t\t\thandleToggleVariant( font, face );\n\t\t\treturn;\n\t\t}\n\t\thandleToggleVariant( font );\n\t};\n\n\tconst displayName = font.name + ' ' + getFontFaceVariantName( face );\n\tconst checkboxId = useId();\n\n\treturn (\n\t\t<div className=\"font-library__font-card\">\n\t\t\t<Flex justify=\"flex-start\" align=\"center\" gap=\"1rem\">\n\t\t\t\t<CheckboxControl\n\t\t\t\t\tchecked={ selected }\n\t\t\t\t\tonChange={ handleToggleActivation }\n\t\t\t\t\tid={ checkboxId }\n\t\t\t\t/>\n\t\t\t\t<label htmlFor={ checkboxId }>\n\t\t\t\t\t<FontDemo\n\t\t\t\t\t\tfont={ face }\n\t\t\t\t\t\ttext={ displayName }\n\t\t\t\t\t\tonClick={ handleToggleActivation }\n\t\t\t\t\t/>\n\t\t\t\t</label>\n\t\t\t</Flex>\n\t\t</div>\n\t);\n}\n\nexport default CollectionFontVariant;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAsB;AACtB,wBAAsC;AAKtC,mBAAuC;AACvC,uBAAqB;AAsBlB;AAnBH,SAAS,sBAAuB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAgC;AAC/B,QAAM,yBAAyB,MAAM;AACpC,QAAK,MAAM,UAAW;AACrB,0BAAqB,MAAM,IAAK;AAChC;AAAA,IACD;AACA,wBAAqB,IAAK;AAAA,EAC3B;AAEA,QAAM,cAAc,KAAK,OAAO,UAAM,qCAAwB,IAAK;AACnE,QAAM,iBAAa,sBAAM;AAEzB,SACC,4CAAC,SAAI,WAAU,2BACd,uDAAC,0BAAK,SAAQ,cAAa,OAAM,UAAS,KAAI,QAC7C;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,SAAU;AAAA,QACV,UAAW;AAAA,QACX,IAAK;AAAA;AAAA,IACN;AAAA,IACA,4CAAC,WAAM,SAAU,YAChB;AAAA,MAAC,iBAAAA;AAAA,MAAA;AAAA,QACA,MAAO;AAAA,QACP,MAAO;AAAA,QACP,SAAU;AAAA;AAAA,IACX,GACD;AAAA,KACD,GACD;AAEF;AAEA,IAAO,kCAAQ;",
   "names": ["FontDemo"]
 }

package/build/font-library/{context.js → context.cjs}

@@ -28,11 +28,11 @@ var import_element = require("@wordpress/element");
 var import_data = require("@wordpress/data");
 var import_core_data = require("@wordpress/core-data");
 var import_i18n = require("@wordpress/i18n");
-var import_api = require("./api");
-var import_utils = require("./utils");
-var import_set_immutably = require("./utils/set-immutably");
-var import_toggleFont = require("./utils/toggleFont");
-var import_hooks = require("../hooks");
+var import_api = require("./api.cjs");
+var import_utils = require("./utils/index.cjs");
+var import_set_immutably = require("./utils/set-immutably.cjs");
+var import_toggleFont = require("./utils/toggleFont.cjs");
+var import_hooks = require("../hooks.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var FontLibraryContext = (0, import_element.createContext)(
   {}
@@ -73,12 +73,12 @@ function FontLibraryProvider({ children }) {
       return;
     }
     const updatedGlobalStyles = globalStyles.record;
-    (0, import_set_immutably.setImmutably)(
+    const finalGlobalStyles = (0, import_set_immutably.setImmutably)(
       updatedGlobalStyles ?? {},
       ["settings", "typography", "fontFamilies"],
       fonts
     );
-    await saveEntityRecord("root", "globalStyles", updatedGlobalStyles);
+    await saveEntityRecord("root", "globalStyles", finalGlobalStyles);
   };
   const [modalTabOpen, setModalTabOpen] = (0, import_element.useState)("");
   const [libraryFontSelected, setLibraryFontSelected] = (0, import_element.useState)(void 0);
@@ -145,11 +145,15 @@ function FontLibraryProvider({ children }) {
         let isANewFontFamily = false;
         const fontFamilyRecords = await (0, import_data.resolveSelect)(
           import_core_data.store
-        ).getEntityRecords("postType", "wp_font_family", {
-          slug: fontFamilyToInstall.slug,
-          per_page: 1,
-          _embed: true
-        });
+        ).getEntityRecords(
+          "postType",
+          "wp_font_family",
+          {
+            slug: fontFamilyToInstall.slug,
+            per_page: 1,
+            _embed: true
+          }
+        );
         const fontFamilyPost = fontFamilyRecords && fontFamilyRecords.length > 0 ? fontFamilyRecords[0] : null;
         let installedFontFamily = fontFamilyPost ? {
           id: fontFamilyPost.id,
@@ -183,6 +187,7 @@ function FontLibraryProvider({ children }) {
         let unsuccessfullyInstalledFontFaces = [];
         if (fontFamilyToInstall?.fontFace?.length ?? 0 > 0) {
           const response = await (0, import_utils.batchInstallFontFaces)(
+            // @ts-expect-error - Type mismatch: WpFontFamily.id can be number | string, but batchInstallFontFaces expects only string.
             installedFontFamily.id,
             (0, import_utils.makeFontFacesFormData)(
               fontFamilyToInstall
@@ -219,6 +224,7 @@ function FontLibraryProvider({ children }) {
       );
       if (fontFamiliesToActivate.length > 0) {
         const activeFonts = activateCustomFontFamilies(
+          // @ts-expect-error - Type mismatch: items may have id as number | string, but FontFamily.id should be string | undefined.
           fontFamiliesToActivate
         );
         await saveFontFamilies(activeFonts);
@@ -369,4 +375,4 @@ var context_default = FontLibraryProvider;
 0 && (module.exports = {
   FontLibraryContext
 });
-//# sourceMappingURL=context.js.map
+//# sourceMappingURL=context.cjs.map

package/build/font-library/context.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/font-library/context.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useState, useEffect } from '@wordpress/element';\nimport {\n\tuseSelect,\n\tuseDispatch,\n\tresolveSelect,\n\tuseRegistry,\n} from '@wordpress/data';\nimport {\n\tuseEntityRecord,\n\tuseEntityRecords,\n\tstore as coreStore,\n} from '@wordpress/core-data';\nimport { __ } from '@wordpress/i18n';\nimport type {\n\tFontFamilyPreset,\n\tGlobalStylesConfig,\n} from '@wordpress/global-styles-engine';\nimport type {\n\tCollectionFontFace,\n\tCollectionFontFamily,\n\tFontFace,\n\tFontFamily,\n\tWpFontFamily,\n} from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { fetchInstallFontFamily } from './api';\nimport {\n\tsetUIValuesNeeded,\n\tmergeFontFamilies,\n\tloadFontFaceInBrowser,\n\tunloadFontFaceInBrowser,\n\tgetDisplaySrcFromFontFace,\n\tmakeFontFacesFormData,\n\tmakeFontFamilyFormData,\n\tbatchInstallFontFaces,\n\tcheckFontFaceInstalled,\n} from './utils';\nimport { setImmutably } from './utils/set-immutably';\nimport { toggleFont } from './utils/toggleFont';\nimport type { FontFamilyToUpload, FontLibraryState } from './types';\nimport { useSetting } from '../hooks';\n\nexport const FontLibraryContext = createContext< FontLibraryState >(\n\t{} as FontLibraryState\n);\nFontLibraryContext.displayName = 'FontLibraryContext';\n\nfunction FontLibraryProvider( { children }: { children: React.ReactNode } ) {\n\tconst registry = useRegistry();\n\tconst { saveEntityRecord, deleteEntityRecord } = useDispatch( coreStore );\n\tconst { globalStylesId } = useSelect( ( select ) => {\n\t\tconst { __experimentalGetCurrentGlobalStylesId } = select( coreStore );\n\t\treturn { globalStylesId: __experimentalGetCurrentGlobalStylesId() };\n\t}, [] );\n\n\tconst globalStyles = useEntityRecord< GlobalStylesConfig >(\n\t\t'root',\n\t\t'globalStyles',\n\t\tglobalStylesId\n\t);\n\n\tconst [ isInstalling, setIsInstalling ] = useState( false );\n\n\tconst { records: libraryPosts = [], isResolving: isResolvingLibrary } =\n\t\tuseEntityRecords< CollectionFontFamily >(\n\t\t\t'postType',\n\t\t\t'wp_font_family',\n\t\t\t{\n\t\t\t\t_embed: true,\n\t\t\t}\n\t\t);\n\n\tconst libraryFonts: FontFamilyPreset[] =\n\t\t( libraryPosts || [] ).map( ( fontFamilyPost ) => {\n\t\t\treturn {\n\t\t\t\tid: fontFamilyPost.id,\n\t\t\t\t...( fontFamilyPost.font_family_settings || {} ),\n\t\t\t\tfontFace:\n\t\t\t\t\tfontFamilyPost?._embedded?.font_faces?.map(\n\t\t\t\t\t\t( face ) => face.font_face_settings\n\t\t\t\t\t) || [],\n\t\t\t};\n\t\t} ) || [];\n\n\t// Global Styles (settings) font families\n\tconst [ fontFamilies, setFontFamilies ] = useSetting<\n\t\tRecord< string, FontFamilyPreset[] > | undefined\n\t>( 'typography.fontFamilies' );\n\n\t/*\n\t * Save the font families to the database.\n\n\t * This function is called when the user activates or deactivates a font family.\n\t * It only updates the global styles post content in the database for new font families.\n\t * This avoids saving other styles/settings changed by the user using other parts of the editor.\n\t *\n\t * It uses the font families from the param to avoid using the font families from an outdated state.\n\t *\n\t * @param {Array} fonts - The font families that will be saved to the database.\n\t */\n\tconst saveFontFamilies = async (\n\t\tfonts:\n\t\t\t| FontFamilyPreset[]\n\t\t\t| Record< string, FontFamilyPreset[] >\n\t\t\t| undefined\n\t) => {\n\t\tif ( ! globalStyles.record ) {\n\t\t\treturn;\n\t\t}\n\t\t// Gets the global styles database post content.\n\t\tconst updatedGlobalStyles = globalStyles.record;\n\n\t\t// Updates the database version of global styles with the edited font families in the client.\n\t\tconst finalGlobalStyles = setImmutably(\n\t\t\tupdatedGlobalStyles ?? {},\n\t\t\t[ 'settings', 'typography', 'fontFamilies' ],\n\t\t\tfonts\n\t\t);\n\n\t\t// Saves a new version of the global styles in the database.\n\t\tawait saveEntityRecord( 'root', 'globalStyles', finalGlobalStyles );\n\t};\n\n\t// Library Fonts\n\tconst [ modalTabOpen, setModalTabOpen ] = useState( '' );\n\tconst [ libraryFontSelected, setLibraryFontSelected ] = useState<\n\t\tFontFamily | undefined\n\t>( undefined );\n\n\t// Themes Fonts are the fonts defined in the global styles (database persisted theme.json data).\n\tconst themeFonts = fontFamilies?.theme\n\t\t? fontFamilies.theme\n\t\t\t\t.map( ( f ) => setUIValuesNeeded( f, { source: 'theme' } ) )\n\t\t\t\t.sort( ( a, b ) => a.name.localeCompare( b.name ) )\n\t\t: [];\n\n\tconst customFonts = fontFamilies?.custom\n\t\t? fontFamilies.custom\n\t\t\t\t.map( ( f ) => setUIValuesNeeded( f, { source: 'custom' } ) )\n\t\t\t\t.sort( ( a, b ) => a.name.localeCompare( b.name ) )\n\t\t: [];\n\n\tconst baseCustomFonts = libraryFonts\n\t\t? libraryFonts\n\t\t\t\t.map( ( f ) => setUIValuesNeeded( f, { source: 'custom' } ) )\n\t\t\t\t.sort( ( a, b ) => a.name.localeCompare( b.name ) )\n\t\t: [];\n\n\tuseEffect( () => {\n\t\tif ( ! modalTabOpen ) {\n\t\t\tsetLibraryFontSelected( undefined );\n\t\t}\n\t}, [ modalTabOpen ] );\n\n\tconst handleSetLibraryFontSelected = ( font?: FontFamily ) => {\n\t\t// If font is null, reset the selected font\n\t\tif ( ! font ) {\n\t\t\tsetLibraryFontSelected( undefined );\n\t\t\treturn;\n\t\t}\n\n\t\tconst fonts = font.source === 'theme' ? themeFonts : baseCustomFonts;\n\n\t\t// Tries to find the font in the installed fonts\n\t\tconst fontSelected = fonts.find( ( f ) => f.slug === font.slug );\n\t\t// If the font is not found (it is only defined in custom styles), use the font from custom styles\n\t\tsetLibraryFontSelected( {\n\t\t\t...( fontSelected || font ),\n\t\t\tsource: font.source,\n\t\t} );\n\t};\n\n\t// Demo\n\tconst [ loadedFontUrls ] = useState( new Set() );\n\n\tconst getAvailableFontsOutline = (\n\t\tavailableFontFamilies: FontFamily[]\n\t) => {\n\t\tconst outline: Record< string, string[] > =\n\t\t\tavailableFontFamilies.reduce(\n\t\t\t\t( acc: Record< string, string[] >, font ) => {\n\t\t\t\t\tconst availableFontFaces =\n\t\t\t\t\t\tfont?.fontFace && font.fontFace?.length > 0\n\t\t\t\t\t\t\t? font?.fontFace.map(\n\t\t\t\t\t\t\t\t\t( face ) =>\n\t\t\t\t\t\t\t\t\t\t`${ face.fontStyle ?? '' }${\n\t\t\t\t\t\t\t\t\t\t\tface.fontWeight ?? ''\n\t\t\t\t\t\t\t\t\t\t}`\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t: [ 'normal400' ]; // If the font doesn't have fontFace, we assume it is a system font and we add the defaults: normal 400\n\n\t\t\t\t\tacc[ font.slug ] = availableFontFaces;\n\t\t\t\t\treturn acc;\n\t\t\t\t},\n\t\t\t\t{}\n\t\t\t);\n\t\treturn outline;\n\t};\n\n\tconst getActivatedFontsOutline = ( source?: string ) => {\n\t\tswitch ( source ) {\n\t\t\tcase 'theme':\n\t\t\t\treturn getAvailableFontsOutline( themeFonts );\n\t\t\tcase 'custom':\n\t\t\tdefault:\n\t\t\t\treturn getAvailableFontsOutline( customFonts );\n\t\t}\n\t};\n\n\tconst isFontActivated = (\n\t\tslug: string,\n\t\tstyle?: string,\n\t\tweight?: string | number,\n\t\tsource?: string\n\t) => {\n\t\tif ( ! style && ! weight ) {\n\t\t\treturn !! getActivatedFontsOutline( source )[ slug ];\n\t\t}\n\t\treturn !! getActivatedFontsOutline( source )[ slug ]?.includes(\n\t\t\t( style ?? '' ) + ( weight ?? '' )\n\t\t);\n\t};\n\n\tconst getFontFacesActivated = ( slug: string, source?: string ) => {\n\t\treturn getActivatedFontsOutline( source )[ slug ] || [];\n\t};\n\n\tasync function installFonts( fontFamiliesToInstall: FontFamilyToUpload[] ) {\n\t\tsetIsInstalling( true );\n\t\ttry {\n\t\t\tconst fontFamiliesToActivate = [];\n\t\t\tlet installationErrors: Array< {\n\t\t\t\tmessage: string;\n\t\t\t} > = [];\n\n\t\t\tfor ( const fontFamilyToInstall of fontFamiliesToInstall ) {\n\t\t\t\tlet isANewFontFamily = false;\n\n\t\t\t\t// Get the font family if it already exists.\n\t\t\t\tconst fontFamilyRecords = await resolveSelect(\n\t\t\t\t\tcoreStore\n\t\t\t\t).getEntityRecords< WpFontFamily >(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_font_family',\n\t\t\t\t\t{\n\t\t\t\t\t\tslug: fontFamilyToInstall.slug,\n\t\t\t\t\t\tper_page: 1,\n\t\t\t\t\t\t_embed: true,\n\t\t\t\t\t}\n\t\t\t\t);\n\n\t\t\t\tconst fontFamilyPost =\n\t\t\t\t\tfontFamilyRecords && fontFamilyRecords.length > 0\n\t\t\t\t\t\t? fontFamilyRecords[ 0 ]\n\t\t\t\t\t\t: null;\n\n\t\t\t\tlet installedFontFamily = fontFamilyPost\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tid: fontFamilyPost.id,\n\t\t\t\t\t\t\t...fontFamilyPost.font_family_settings,\n\t\t\t\t\t\t\tfontFace:\n\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\tfontFamilyPost?._embedded?.font_faces ?? []\n\t\t\t\t\t\t\t\t).map(\n\t\t\t\t\t\t\t\t\t( face: CollectionFontFace ) =>\n\t\t\t\t\t\t\t\t\t\tface.font_face_settings\n\t\t\t\t\t\t\t\t) || [],\n\t\t\t\t\t  }\n\t\t\t\t\t: null;\n\n\t\t\t\t// Otherwise create it.\n\t\t\t\tif ( ! installedFontFamily ) {\n\t\t\t\t\tisANewFontFamily = true;\n\t\t\t\t\t// Prepare font family form data to install.\n\t\t\t\t\tinstalledFontFamily = await fetchInstallFontFamily(\n\t\t\t\t\t\tmakeFontFamilyFormData( fontFamilyToInstall ),\n\t\t\t\t\t\tregistry\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\t// Collect font faces that have already been installed (to be activated later)\n\t\t\t\tconst alreadyInstalledFontFaces =\n\t\t\t\t\tinstalledFontFamily.fontFace && fontFamilyToInstall.fontFace\n\t\t\t\t\t\t? installedFontFamily.fontFace.filter(\n\t\t\t\t\t\t\t\t( fontFaceToInstall: FontFace ) =>\n\t\t\t\t\t\t\t\t\tfontFaceToInstall &&\n\t\t\t\t\t\t\t\t\tfontFamilyToInstall.fontFace &&\n\t\t\t\t\t\t\t\t\tcheckFontFaceInstalled(\n\t\t\t\t\t\t\t\t\t\tfontFaceToInstall,\n\t\t\t\t\t\t\t\t\t\tfontFamilyToInstall.fontFace\n\t\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\t// Filter out Font Faces that have already been installed (so that they are not re-installed)\n\t\t\t\tif (\n\t\t\t\t\tinstalledFontFamily.fontFace &&\n\t\t\t\t\tfontFamilyToInstall.fontFace\n\t\t\t\t) {\n\t\t\t\t\tfontFamilyToInstall.fontFace =\n\t\t\t\t\t\tfontFamilyToInstall.fontFace.filter(\n\t\t\t\t\t\t\t( fontFaceToInstall ) =>\n\t\t\t\t\t\t\t\t! checkFontFaceInstalled(\n\t\t\t\t\t\t\t\t\tfontFaceToInstall,\n\t\t\t\t\t\t\t\t\tinstalledFontFamily.fontFace\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\t// Install the fonts (upload the font files to the server and create the post in the database).\n\t\t\t\tlet successfullyInstalledFontFaces: FontFace[] = [];\n\t\t\t\tlet unsuccessfullyInstalledFontFaces: {\n\t\t\t\t\tmessage: string;\n\t\t\t\t}[] = [];\n\t\t\t\tif ( fontFamilyToInstall?.fontFace?.length ?? 0 > 0 ) {\n\t\t\t\t\tconst response = await batchInstallFontFaces(\n\t\t\t\t\t\t// @ts-expect-error - Type mismatch: WpFontFamily.id can be number | string, but batchInstallFontFaces expects only string.\n\t\t\t\t\t\tinstalledFontFamily.id,\n\t\t\t\t\t\tmakeFontFacesFormData(\n\t\t\t\t\t\t\tfontFamilyToInstall as FontFamily\n\t\t\t\t\t\t),\n\t\t\t\t\t\tregistry\n\t\t\t\t\t);\n\t\t\t\t\tsuccessfullyInstalledFontFaces = response?.successes;\n\t\t\t\t\tunsuccessfullyInstalledFontFaces = response?.errors;\n\t\t\t\t}\n\n\t\t\t\t// Use the successfully installed font faces\n\t\t\t\t// As well as any font faces that were already installed (those will be activated)\n\t\t\t\tif (\n\t\t\t\t\tsuccessfullyInstalledFontFaces?.length > 0 ||\n\t\t\t\t\talreadyInstalledFontFaces?.length > 0\n\t\t\t\t) {\n\t\t\t\t\t// Use font data from REST API not from client to ensure\n\t\t\t\t\t// correct font information is used.\n\t\t\t\t\tinstalledFontFamily.fontFace = [\n\t\t\t\t\t\t...successfullyInstalledFontFaces,\n\t\t\t\t\t];\n\n\t\t\t\t\tfontFamiliesToActivate.push( installedFontFamily );\n\t\t\t\t}\n\n\t\t\t\t// If it's a system font but was installed successfully, activate it.\n\t\t\t\tif (\n\t\t\t\t\tinstalledFontFamily &&\n\t\t\t\t\t! fontFamilyToInstall?.fontFace?.length\n\t\t\t\t) {\n\t\t\t\t\tfontFamiliesToActivate.push( installedFontFamily );\n\t\t\t\t}\n\n\t\t\t\t// If the font family is new and is not a system font, delete it to avoid having font families without font faces.\n\t\t\t\tif (\n\t\t\t\t\tisANewFontFamily &&\n\t\t\t\t\t( fontFamilyToInstall?.fontFace?.length ?? 0 ) > 0 &&\n\t\t\t\t\tsuccessfullyInstalledFontFaces?.length === 0\n\t\t\t\t) {\n\t\t\t\t\tawait deleteEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t'wp_font_family',\n\t\t\t\t\t\tinstalledFontFamily.id,\n\t\t\t\t\t\t{ force: true }\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tinstallationErrors = installationErrors.concat(\n\t\t\t\t\tunsuccessfullyInstalledFontFaces\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tconst installationErrorMessages: string[] =\n\t\t\t\tinstallationErrors.reduce(\n\t\t\t\t\t( unique: string[], item ) =>\n\t\t\t\t\t\tunique.includes( item.message )\n\t\t\t\t\t\t\t? unique\n\t\t\t\t\t\t\t: [ ...unique, item.message ],\n\t\t\t\t\t[]\n\t\t\t\t);\n\n\t\t\tif ( fontFamiliesToActivate.length > 0 ) {\n\t\t\t\t// Activate the font family (add the font family to the global styles).\n\t\t\t\tconst activeFonts = activateCustomFontFamilies(\n\t\t\t\t\t// @ts-expect-error - Type mismatch: items may have id as number | string, but FontFamily.id should be string | undefined.\n\t\t\t\t\tfontFamiliesToActivate\n\t\t\t\t);\n\t\t\t\t// Save the global styles to the database.\n\t\t\t\tawait saveFontFamilies( activeFonts );\n\t\t\t}\n\n\t\t\tif ( installationErrorMessages.length > 0 ) {\n\t\t\t\tconst installError: Error & {\n\t\t\t\t\tinstallationErrors?: string[];\n\t\t\t\t} = new Error( __( 'There was an error installing fonts.' ) );\n\n\t\t\t\tinstallError.installationErrors = installationErrorMessages;\n\n\t\t\t\tthrow installError;\n\t\t\t}\n\t\t} finally {\n\t\t\tsetIsInstalling( false );\n\t\t}\n\t}\n\n\tasync function uninstallFontFamily( fontFamilyToUninstall: FontFamily ) {\n\t\tif ( ! fontFamilyToUninstall?.id ) {\n\t\t\tthrow new Error( __( 'Font family to uninstall is not defined.' ) );\n\t\t}\n\t\ttry {\n\t\t\t// Uninstall the font family.\n\t\t\t// (Removes the font files from the server and the posts from the database).\n\t\t\tawait deleteEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_font_family',\n\t\t\t\tfontFamilyToUninstall.id,\n\t\t\t\t{ force: true }\n\t\t\t);\n\n\t\t\t// Deactivate the font family (remove from global styles).\n\t\t\tconst activeFonts = deactivateFontFamily( fontFamilyToUninstall );\n\t\t\t// Save the global styles to the database.\n\t\t\tawait saveFontFamilies( activeFonts );\n\t\t\treturn { deleted: true };\n\t\t} catch ( error ) {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\tconsole.error(\n\t\t\t\t`There was an error uninstalling the font family:`,\n\t\t\t\terror\n\t\t\t);\n\t\t\tthrow error;\n\t\t}\n\t}\n\n\tconst deactivateFontFamily = ( font: FontFamily ) => {\n\t\t// If the user doesn't have custom fonts defined, include as custom fonts all the theme fonts\n\t\t// We want to save as active all the theme fonts at the beginning\n\t\tconst initialCustomFonts = fontFamilies?.[ font.source ?? '' ] ?? [];\n\t\tconst newCustomFonts = initialCustomFonts.filter(\n\t\t\t( f ) => f.slug !== font.slug\n\t\t);\n\t\tconst activeFonts = {\n\t\t\t...fontFamilies,\n\t\t\t[ font.source ?? '' ]: newCustomFonts,\n\t\t};\n\t\tsetFontFamilies( activeFonts );\n\n\t\tif ( font.fontFace ) {\n\t\t\tfont.fontFace.forEach( ( face ) => {\n\t\t\t\tunloadFontFaceInBrowser( face, 'all' );\n\t\t\t} );\n\t\t}\n\t\treturn activeFonts;\n\t};\n\n\tconst activateCustomFontFamilies = ( fontsToAdd: FontFamily[] ) => {\n\t\tconst fontsToActivate = cleanFontsForSave( fontsToAdd );\n\n\t\tconst activeFonts = {\n\t\t\t...fontFamilies,\n\t\t\t// Merge the existing custom fonts with the new fonts.\n\t\t\tcustom: mergeFontFamilies( fontFamilies?.custom, fontsToActivate ),\n\t\t};\n\n\t\t// Activate the fonts by set the new custom fonts array.\n\t\tsetFontFamilies( activeFonts );\n\n\t\tloadFontsInBrowser( fontsToActivate );\n\n\t\treturn activeFonts;\n\t};\n\n\t// Removes the id from the families and faces to avoid saving that to global styles post content.\n\tconst cleanFontsForSave = ( fonts: FontFamily[] ) => {\n\t\treturn fonts.map( ( { id: _familyDbId, fontFace, ...font } ) => ( {\n\t\t\t...font,\n\t\t\t...( fontFace && fontFace.length > 0\n\t\t\t\t? {\n\t\t\t\t\t\tfontFace: fontFace.map(\n\t\t\t\t\t\t\t( { id: _faceDbId, ...face } ) => face\n\t\t\t\t\t\t),\n\t\t\t\t  }\n\t\t\t\t: {} ),\n\t\t} ) );\n\t};\n\n\tconst loadFontsInBrowser = ( fonts: FontFamily[] ) => {\n\t\t// Add custom fonts to the browser.\n\t\tfonts.forEach( ( font ) => {\n\t\t\tif ( font.fontFace ) {\n\t\t\t\tfont.fontFace.forEach( ( face ) => {\n\t\t\t\t\tconst displaySrc = getDisplaySrcFromFontFace(\n\t\t\t\t\t\tface?.src ?? ''\n\t\t\t\t\t);\n\t\t\t\t\tif ( displaySrc ) {\n\t\t\t\t\t\t// Load font faces just in the iframe because they already are in the document.\n\t\t\t\t\t\tloadFontFaceInBrowser( face, displaySrc, 'all' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\t};\n\n\tconst toggleActivateFont = ( font: FontFamily, face?: FontFace ) => {\n\t\t// If the user doesn't have custom fonts defined, include as custom fonts all the theme fonts\n\t\t// We want to save as active all the theme fonts at the beginning\n\t\tconst initialFonts = fontFamilies?.[ font.source ?? '' ] ?? [];\n\t\t// Toggles the received font family or font face\n\t\tconst newFonts = toggleFont( font, face, initialFonts );\n\t\t// Updates the font families activated in global settings:\n\t\tsetFontFamilies( {\n\t\t\t...fontFamilies,\n\t\t\t[ font.source ?? '' ]: newFonts,\n\t\t} );\n\n\t\tconst isFaceActivated = isFontActivated(\n\t\t\tfont.slug,\n\t\t\tface?.fontStyle ?? '',\n\t\t\tface?.fontWeight ?? '',\n\t\t\tfont.source ?? 'custom'\n\t\t);\n\n\t\tif ( face && isFaceActivated ) {\n\t\t\tunloadFontFaceInBrowser( face, 'all' );\n\t\t} else {\n\t\t\tconst displaySrc = getDisplaySrcFromFontFace( face?.src ?? '' );\n\t\t\t// If the font doesn't have a src, don't load it.\n\t\t\tif ( face && displaySrc ) {\n\t\t\t\tloadFontFaceInBrowser( face, displaySrc, 'all' );\n\t\t\t}\n\t\t}\n\t};\n\n\tconst loadFontFaceAsset = async ( fontFace: FontFace ) => {\n\t\t// If the font doesn't have a src, don't load it.\n\t\tif ( ! fontFace.src ) {\n\t\t\treturn;\n\t\t}\n\t\t// Get the src of the font.\n\t\tconst src = getDisplaySrcFromFontFace( fontFace.src );\n\t\t// If the font is already loaded, don't load it again.\n\t\tif ( ! src || loadedFontUrls.has( src ) ) {\n\t\t\treturn;\n\t\t}\n\t\t// Load the font in the browser.\n\t\tloadFontFaceInBrowser( fontFace, src, 'document' );\n\t\t// Add the font to the loaded fonts list.\n\t\tloadedFontUrls.add( src );\n\t};\n\n\treturn (\n\t\t<FontLibraryContext.Provider\n\t\t\tvalue={ {\n\t\t\t\tlibraryFontSelected,\n\t\t\t\thandleSetLibraryFontSelected,\n\t\t\t\tfontFamilies: fontFamilies ?? {},\n\t\t\t\tbaseCustomFonts,\n\t\t\t\tisFontActivated,\n\t\t\t\tgetFontFacesActivated,\n\t\t\t\tloadFontFaceAsset,\n\t\t\t\tinstallFonts,\n\t\t\t\tuninstallFontFamily,\n\t\t\t\ttoggleActivateFont,\n\t\t\t\tgetAvailableFontsOutline,\n\t\t\t\tmodalTabOpen,\n\t\t\t\tsetModalTabOpen,\n\t\t\t\tsaveFontFamilies,\n\t\t\t\tisResolvingLibrary,\n\t\t\t\tisInstalling,\n\t\t\t} }\n\t\t>\n\t\t\t{ children }\n\t\t</FontLibraryContext.Provider>\n\t);\n}\n\nexport default FontLibraryProvider;\n"],
+  "mappings": "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",
+  "names": ["coreStore"]
+}

package/build/font-library/{font-card.js → font-card.cjs}

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(font_card_exports);
 var import_i18n = require("@wordpress/i18n");
 var import_components = require("@wordpress/components");
 var import_icons = require("@wordpress/icons");
-var import_font_demo = __toESM(require("./font-demo"));
+var import_font_demo = __toESM(require("./font-demo.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
 function FontCard({
   font,
@@ -80,4 +80,4 @@ function FontCard({
   );
 }
 var font_card_default = FontCard;
-//# sourceMappingURL=font-card.js.map
+//# sourceMappingURL=font-card.cjs.map

package/build/font-library/{font-collection.js → font-collection.cjs}

@@ -39,15 +39,15 @@ var import_compose = require("@wordpress/compose");
 var import_i18n = require("@wordpress/i18n");
 var import_icons = require("@wordpress/icons");
 var import_core_data = require("@wordpress/core-data");
-var import_context = require("./context");
-var import_font_card = __toESM(require("./font-card"));
-var import_filter_fonts = __toESM(require("./utils/filter-fonts"));
-var import_toggleFont = require("./utils/toggleFont");
-var import_fonts_outline = require("./utils/fonts-outline");
-var import_google_fonts_confirm_dialog = __toESM(require("./google-fonts-confirm-dialog"));
-var import_utils = require("./utils");
-var import_sort_font_faces = require("./utils/sort-font-faces");
-var import_collection_font_variant = __toESM(require("./collection-font-variant"));
+var import_context = require("./context.cjs");
+var import_font_card = __toESM(require("./font-card.cjs"));
+var import_filter_fonts = __toESM(require("./utils/filter-fonts.cjs"));
+var import_toggleFont = require("./utils/toggleFont.cjs");
+var import_fonts_outline = require("./utils/fonts-outline.cjs");
+var import_google_fonts_confirm_dialog = __toESM(require("./google-fonts-confirm-dialog.cjs"));
+var import_utils = require("./utils/index.cjs");
+var import_sort_font_faces = require("./utils/sort-font-faces.cjs");
+var import_collection_font_variant = __toESM(require("./collection-font-variant.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var DEFAULT_CATEGORY = {
   slug: "all",
@@ -240,14 +240,12 @@ function FontCollection({ slug }) {
                     placeholder: (0, import_i18n.__)("Font name\u2026"),
                     label: (0, import_i18n.__)("Search"),
                     onChange: debouncedUpdateSearchInput,
-                    __nextHasNoMarginBottom: true,
                     hideLabelFromVision: false
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   import_components.SelectControl,
                   {
-                    __nextHasNoMarginBottom: true,
                     __next40pxDefaultSize: true,
                     label: (0, import_i18n.__)("Category"),
                     value: filters.category,
@@ -340,8 +338,7 @@ function FontCollection({ slug }) {
                   label: (0, import_i18n.__)("Select all"),
                   checked: isSelectAllChecked,
                   onChange: toggleSelectAll,
-                  indeterminate: isIndeterminate,
-                  __nextHasNoMarginBottom: true
+                  indeterminate: isIndeterminate
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalVStack, { spacing: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -444,7 +441,6 @@ function FontCollection({ slug }) {
                           parseInt(newPage)
                         ),
                         size: "small",
-                        __nextHasNoMarginBottom: true,
                         variant: "minimal"
                       }
                     )
@@ -487,4 +483,4 @@ function FontCollection({ slug }) {
   ] });
 }
 var font_collection_default = FontCollection;
-//# sourceMappingURL=font-collection.js.map
+//# sourceMappingURL=font-collection.cjs.map