@wordpress/global-styles-ui 1.1.0 → 1.2.0

package/build/background-panel.js

@@ -16,20 +16,22 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/background-panel.tsx
 var background_panel_exports = {};
 __export(background_panel_exports, {
   default: () => BackgroundPanel,
   hasBackgroundImageValue: () => hasBackgroundImageValue
 });
 module.exports = __toCommonJS(background_panel_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_block_editor = require("@wordpress/block-editor");
 var import_hooks = require("./hooks");
 var import_lock_unlock = require("./lock-unlock");
-const BACKGROUND_DEFAULT_VALUES = {
+var import_jsx_runtime = require("react/jsx-runtime");
+var BACKGROUND_DEFAULT_VALUES = {
   backgroundSize: "auto"
 };
-const { BackgroundPanel: StylesBackgroundPanel } = (0, import_lock_unlock.unlock)(
+var { BackgroundPanel: StylesBackgroundPanel } = (0, import_lock_unlock.unlock)(
   import_block_editor.privateApis
 );
 function hasBackgroundImageValue(style) {

package/build/background-panel.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/background-panel.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\n// @ts-expect-error: Not typed yet.\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { useStyle, useSetting } from './hooks';\nimport { unlock } from './lock-unlock';\n\n// Initial control values where no block style is set.\nconst BACKGROUND_DEFAULT_VALUES = {\n\tbackgroundSize: 'auto',\n};\n\nconst { BackgroundPanel: StylesBackgroundPanel } = unlock(\n\tblockEditorPrivateApis\n);\n\n/**\n * Checks if there is a current value in the background image block support\n * attributes.\n *\n * @param style Style attribute.\n * @return Whether the block has a background image value set.\n */\nexport function hasBackgroundImageValue( style: any ): boolean {\n\treturn (\n\t\t!! style?.background?.backgroundImage?.id ||\n\t\t!! style?.background?.backgroundImage?.url ||\n\t\ttypeof style?.background?.backgroundImage === 'string'\n\t);\n}\n\nexport default function BackgroundPanel() {\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 [ settings ] = useSetting( '' );\n\n\treturn (\n\t\t<StylesBackgroundPanel\n\t\t\tinheritedValue={ inheritedStyle }\n\t\t\tvalue={ style }\n\t\t\tonChange={ setStyle }\n\t\t\tsettings={ settings }\n\t\t\tdefaultValues={ BACKGROUND_DEFAULT_VALUES }\n\t\t/>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+CE;AA3CF,0BAAsD;AAKtD,mBAAqC;AACrC,yBAAuB;AAGvB,MAAM,4BAA4B;AAAA,EACjC,gBAAgB;AACjB;AAEA,MAAM,EAAE,iBAAiB,sBAAsB,QAAI;AAAA,EAClD,oBAAAA;AACD;AASO,SAAS,wBAAyB,OAAsB;AAC9D,SACC,CAAC,CAAE,OAAO,YAAY,iBAAiB,MACvC,CAAC,CAAE,OAAO,YAAY,iBAAiB,OACvC,OAAO,OAAO,YAAY,oBAAoB;AAEhD;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,QAAS,QAAI,yBAAY,EAAG;AAEpC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,gBAAiB;AAAA,MACjB,OAAQ;AAAA,MACR,UAAW;AAAA,MACX;AAAA,MACA,eAAgB;AAAA;AAAA,EACjB;AAEF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,0BAAsD;AAKtD,mBAAqC;AACrC,yBAAuB;AAqCrB;AAlCF,IAAM,4BAA4B;AAAA,EACjC,gBAAgB;AACjB;AAEA,IAAM,EAAE,iBAAiB,sBAAsB,QAAI;AAAA,EAClD,oBAAAA;AACD;AASO,SAAS,wBAAyB,OAAsB;AAC9D,SACC,CAAC,CAAE,OAAO,YAAY,iBAAiB,MACvC,CAAC,CAAE,OAAO,YAAY,iBAAiB,OACvC,OAAO,OAAO,YAAY,oBAAoB;AAEhD;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,QAAS,QAAI,yBAAY,EAAG;AAEpC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,gBAAiB;AAAA,MACjB,OAAQ;AAAA,MACR,UAAW;AAAA,MACX;AAAA,MACA,eAAgB;AAAA;AAAA,EACjB;AAEF;",
   "names": ["blockEditorPrivateApis"]
 }

package/build/block-preview-panel.js

@@ -16,18 +16,20 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/block-preview-panel.tsx
 var block_preview_panel_exports = {};
 __export(block_preview_panel_exports, {
   default: () => block_preview_panel_default
 });
 module.exports = __toCommonJS(block_preview_panel_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 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");
-const BlockPreviewPanel = ({
+var import_jsx_runtime = require("react/jsx-runtime");
+var BlockPreviewPanel = ({
   name,
   variation = ""
 }) => {

package/build/block-preview-panel.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/block-preview-panel.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\n// @ts-expect-error: Not typed yet.\nimport { BlockPreview } from '@wordpress/block-editor';\n// @ts-expect-error: Not typed yet.\nimport { getBlockType, getBlockFromExample } from '@wordpress/blocks';\nimport { __experimentalSpacer as Spacer } from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getVariationClassName } from './utils';\n\ninterface BlockPreviewPanelProps {\n\tname: string;\n\tvariation?: string;\n}\n\nconst BlockPreviewPanel = ( {\n\tname,\n\tvariation = '',\n}: BlockPreviewPanelProps ) => {\n\tconst blockExample = getBlockType( name )?.example;\n\tconst blocks = useMemo( () => {\n\t\tif ( ! blockExample ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst example = {\n\t\t\t...blockExample,\n\t\t\tattributes: {\n\t\t\t\t...blockExample.attributes,\n\t\t\t\tstyle: undefined,\n\t\t\t\tclassName: variation\n\t\t\t\t\t? getVariationClassName( variation )\n\t\t\t\t\t: blockExample.attributes?.className,\n\t\t\t},\n\t\t};\n\n\t\treturn getBlockFromExample( name, example );\n\t}, [ name, blockExample, variation ] );\n\n\tconst viewportWidth = blockExample?.viewportWidth ?? 500;\n\t// Same as height of InserterPreviewPanel.\n\tconst previewHeight = 144;\n\tconst sidebarWidth = 235;\n\tconst scale = sidebarWidth / viewportWidth;\n\tconst minHeight =\n\t\tscale !== 0 && scale < 1 && previewHeight\n\t\t\t? previewHeight / scale\n\t\t\t: previewHeight;\n\n\tif ( ! blockExample ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Spacer marginX={ 4 } marginBottom={ 4 }>\n\t\t\t<div\n\t\t\t\tclassName=\"global-styles-ui__block-preview-panel\"\n\t\t\t\tstyle={ { maxHeight: previewHeight, boxSizing: 'initial' } }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t\tminHeight={ previewHeight }\n\t\t\t\t\tadditionalStyles={\n\t\t\t\t\t\t//We want this CSS to be in sync with the one in InserterPreviewPanel.\n\t\t\t\t\t\t[\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tcss: `\n\t\t\t\t\t\t\t\tbody{\n\t\t\t\t\t\t\t\t\tpadding: 24px;\n\t\t\t\t\t\t\t\t\tmin-height:${ Math.round( minHeight ) }px;\n\t\t\t\t\t\t\t\t\tdisplay:flex;\n\t\t\t\t\t\t\t\t\talign-items:center;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t.is-root-container { width: 100%; }\n\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}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</Spacer>\n\t);\n};\n\nexport default BlockPreviewPanel;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgEI;AA5DJ,0BAA6B;AAE7B,oBAAkD;AAClD,wBAA+C;AAC/C,qBAAwB;AAKxB,mBAAsC;AAOtC,MAAM,oBAAoB,CAAE;AAAA,EAC3B;AAAA,EACA,YAAY;AACb,MAA+B;AAC9B,QAAM,mBAAe,4BAAc,IAAK,GAAG;AAC3C,QAAM,aAAS,wBAAS,MAAM;AAC7B,QAAK,CAAE,cAAe;AACrB,aAAO;AAAA,IACR;AAEA,UAAM,UAAU;AAAA,MACf,GAAG;AAAA,MACH,YAAY;AAAA,QACX,GAAG,aAAa;AAAA,QAChB,OAAO;AAAA,QACP,WAAW,gBACR,oCAAuB,SAAU,IACjC,aAAa,YAAY;AAAA,MAC7B;AAAA,IACD;AAEA,eAAO,mCAAqB,MAAM,OAAQ;AAAA,EAC3C,GAAG,CAAE,MAAM,cAAc,SAAU,CAAE;AAErC,QAAM,gBAAgB,cAAc,iBAAiB;AAErD,QAAM,gBAAgB;AACtB,QAAM,eAAe;AACrB,QAAM,QAAQ,eAAe;AAC7B,QAAM,YACL,UAAU,KAAK,QAAQ,KAAK,gBACzB,gBAAgB,QAChB;AAEJ,MAAK,CAAE,cAAe;AACrB,WAAO;AAAA,EACR;AAEA,SACC,4CAAC,kBAAAA,sBAAA,EAAO,SAAU,GAAI,cAAe,GACpC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,OAAQ,EAAE,WAAW,eAAe,WAAW,UAAU;AAAA,MAEzD;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA,WAAY;AAAA,UACZ;AAAA;AAAA,YAEC;AAAA,cACC;AAAA,gBACC,KAAK;AAAA;AAAA;AAAA,sBAGU,KAAK,MAAO,SAAU,CAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAMxC;AAAA,YACD;AAAA;AAAA;AAAA,MAEF;AAAA;AAAA,EACD,GACD;AAEF;AAEA,IAAO,8BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,0BAA6B;AAE7B,oBAAkD;AAClD,wBAA+C;AAC/C,qBAAwB;AAKxB,mBAAsC;AAmDlC;AA5CJ,IAAM,oBAAoB,CAAE;AAAA,EAC3B;AAAA,EACA,YAAY;AACb,MAA+B;AAC9B,QAAM,mBAAe,4BAAc,IAAK,GAAG;AAC3C,QAAM,aAAS,wBAAS,MAAM;AAC7B,QAAK,CAAE,cAAe;AACrB,aAAO;AAAA,IACR;AAEA,UAAM,UAAU;AAAA,MACf,GAAG;AAAA,MACH,YAAY;AAAA,QACX,GAAG,aAAa;AAAA,QAChB,OAAO;AAAA,QACP,WAAW,gBACR,oCAAuB,SAAU,IACjC,aAAa,YAAY;AAAA,MAC7B;AAAA,IACD;AAEA,eAAO,mCAAqB,MAAM,OAAQ;AAAA,EAC3C,GAAG,CAAE,MAAM,cAAc,SAAU,CAAE;AAErC,QAAM,gBAAgB,cAAc,iBAAiB;AAErD,QAAM,gBAAgB;AACtB,QAAM,eAAe;AACrB,QAAM,QAAQ,eAAe;AAC7B,QAAM,YACL,UAAU,KAAK,QAAQ,KAAK,gBACzB,gBAAgB,QAChB;AAEJ,MAAK,CAAE,cAAe;AACrB,WAAO;AAAA,EACR;AAEA,SACC,4CAAC,kBAAAA,sBAAA,EAAO,SAAU,GAAI,cAAe,GACpC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,OAAQ,EAAE,WAAW,eAAe,WAAW,UAAU;AAAA,MAEzD;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA,WAAY;AAAA,UACZ;AAAA;AAAA,YAEC;AAAA,cACC;AAAA,gBACC,KAAK;AAAA;AAAA;AAAA,sBAGU,KAAK,MAAO,SAAU,CAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAMxC;AAAA,YACD;AAAA;AAAA;AAAA,MAEF;AAAA;AAAA,EACD,GACD;AAEF;AAEA,IAAO,8BAAQ;",
   "names": ["Spacer"]
 }

package/build/color-indicator-wrapper.js

@@ -26,14 +26,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/color-indicator-wrapper.tsx
 var color_indicator_wrapper_exports = {};
 __export(color_indicator_wrapper_exports, {
   default: () => color_indicator_wrapper_default
 });
 module.exports = __toCommonJS(color_indicator_wrapper_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var import_components = require("@wordpress/components");
+var import_jsx_runtime = require("react/jsx-runtime");
 function ColorIndicatorWrapper({
   className,
   children,

package/build/color-indicator-wrapper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/color-indicator-wrapper.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Flex } from '@wordpress/components';\n\ninterface ColorIndicatorWrapperProps {\n\tclassName?: string;\n\t[ key: string ]: any;\n}\n\nfunction ColorIndicatorWrapper( {\n\tclassName,\n\tchildren,\n\t...props\n}: ColorIndicatorWrapperProps ) {\n\treturn (\n\t\t<Flex\n\t\t\tclassName={ clsx(\n\t\t\t\t'global-styles-ui__color-indicator-wrapper',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ children }\n\t\t</Flex>\n\t);\n}\n\nexport default ColorIndicatorWrapper;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBE;AAlBF,kBAAiB;AAKjB,wBAAqB;AAOrB,SAAS,sBAAuB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAgC;AAC/B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,eAAY,YAAAA;AAAA,QACX;AAAA,QACA;AAAA,MACD;AAAA,MACE,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEF;AAEA,IAAO,kCAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,wBAAqB;AAanB;AANF,SAAS,sBAAuB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAgC;AAC/B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,eAAY,YAAAA;AAAA,QACX;AAAA,QACA;AAAA,MACD;AAAA,MACE,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEF;AAEA,IAAO,kCAAQ;",
   "names": ["clsx"]
 }

package/build/color-palette-panel.js

@@ -26,19 +26,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/color-palette-panel.tsx
 var color_palette_panel_exports = {};
 __export(color_palette_panel_exports, {
   default: () => ColorPalettePanel
 });
 module.exports = __toCommonJS(color_palette_panel_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 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"));
-const mobilePopoverProps = { placement: "bottom-start", offset: 8 };
+var import_jsx_runtime = require("react/jsx-runtime");
+var mobilePopoverProps = { placement: "bottom-start", offset: 8 };
 function ColorPalettePanel({ name }) {
   const [themeColors, setThemeColors] = (0, import_hooks.useSetting)(
     "color.palette.theme",

package/build/color-palette-panel.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/color-palette-panel.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport type { Color } from '@wordpress/global-styles-engine';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalPaletteEdit as PaletteEdit,\n\t__experimentalVStack as VStack,\n\tButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { shuffle } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { useSetting, useColorRandomizer } from './hooks';\nimport ColorVariations from './variations/variations-color';\n\nconst mobilePopoverProps = { placement: 'bottom-start' as const, offset: 8 };\n\ninterface ColorPalettePanelProps {\n\tname?: string;\n}\n\nexport default function ColorPalettePanel( { name }: ColorPalettePanelProps ) {\n\tconst [ themeColors, setThemeColors ] = useSetting< Color[] >(\n\t\t'color.palette.theme',\n\t\tname\n\t);\n\tconst [ baseThemeColors ] = useSetting< Color[] >(\n\t\t'color.palette.theme',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ defaultColors, setDefaultColors ] = useSetting< Color[] >(\n\t\t'color.palette.default',\n\t\tname\n\t);\n\tconst [ baseDefaultColors ] = useSetting< Color[] >(\n\t\t'color.palette.default',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ customColors, setCustomColors ] = useSetting< Color[] >(\n\t\t'color.palette.custom',\n\t\tname\n\t);\n\n\tconst [ defaultPaletteEnabled ] = useSetting< boolean >(\n\t\t'color.defaultPalette',\n\t\tname\n\t);\n\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst popoverProps = isMobileViewport ? mobilePopoverProps : undefined;\n\n\tconst [ randomizeThemeColors ] = useColorRandomizer( name );\n\n\treturn (\n\t\t<VStack className=\"global-styles-ui-color-palette-panel\" spacing={ 8 }>\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t{ !! themeColors && !! themeColors.length && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ themeColors !== baseThemeColors }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tcolors={ themeColors }\n\t\t\t\t\t\tonChange={ setThemeColors }\n\t\t\t\t\t\tpaletteLabel={ __( 'Theme' ) }\n\t\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ( window as any ).__experimentalEnableColorRandomizer &&\n\t\t\t\t\tthemeColors?.length > 0 &&\n\t\t\t\t\trandomizeThemeColors && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\ticon={ shuffle }\n\t\t\t\t\t\t\tonClick={ randomizeThemeColors }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Randomize colors' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t</VStack>\n\t\t\t{ !! defaultColors &&\n\t\t\t\t!! defaultColors.length &&\n\t\t\t\t!! defaultPaletteEnabled && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ defaultColors !== baseDefaultColors }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tcolors={ defaultColors }\n\t\t\t\t\t\tonChange={ setDefaultColors }\n\t\t\t\t\t\tpaletteLabel={ __( 'Default' ) }\n\t\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t<PaletteEdit\n\t\t\t\tcolors={ customColors }\n\t\t\t\tonChange={ setCustomColors }\n\t\t\t\tpaletteLabel={ __( 'Custom' ) }\n\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\tslugPrefix=\"custom-\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t/>\n\t\t\t<ColorVariations title={ __( 'Palettes' ) } />\n\t\t</VStack>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6DG;AAzDH,qBAAiC;AACjC,wBAIO;AACP,kBAAmB;AACnB,mBAAwB;AAKxB,mBAA+C;AAC/C,8BAA4B;AAE5B,MAAM,qBAAqB,EAAE,WAAW,gBAAyB,QAAQ,EAAE;AAM5D,SAAR,kBAAoC,EAAE,KAAK,GAA4B;AAC7E,QAAM,CAAE,aAAa,cAAe,QAAI;AAAA,IACvC;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,eAAgB,QAAI;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,eAAe,gBAAiB,QAAI;AAAA,IAC3C;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,iBAAkB,QAAI;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,cAAc,eAAgB,QAAI;AAAA,IACzC;AAAA,IACA;AAAA,EACD;AAEA,QAAM,CAAE,qBAAsB,QAAI;AAAA,IACjC;AAAA,IACA;AAAA,EACD;AAEA,QAAM,uBAAmB,iCAAkB,SAAS,GAAI;AACxD,QAAM,eAAe,mBAAmB,qBAAqB;AAE7D,QAAM,CAAE,oBAAqB,QAAI,iCAAoB,IAAK;AAE1D,SACC,6CAAC,kBAAAA,sBAAA,EAAO,WAAU,wCAAuC,SAAU,GAClE;AAAA,iDAAC,kBAAAA,sBAAA,EAAO,SAAU,GACf;AAAA,OAAC,CAAE,eAAe,CAAC,CAAE,YAAY,UAClC;AAAA,QAAC,kBAAAC;AAAA,QAAA;AAAA,UACA,UAAW,gBAAgB;AAAA,UAC3B,qBAAmB;AAAA,UACnB,QAAS;AAAA,UACT,UAAW;AAAA,UACX,kBAAe,gBAAI,OAAQ;AAAA,UAC3B,0BAA2B;AAAA,UAC3B;AAAA;AAAA,MACD;AAAA,MAEG,OAAgB,uCACnB,aAAa,SAAS,KACtB,wBACC;AAAA,QAAC;AAAA;AAAA,UACA,uBAAqB;AAAA,UACrB,SAAQ;AAAA,UACR,MAAO;AAAA,UACP,SAAU;AAAA,UAER,8BAAI,kBAAmB;AAAA;AAAA,MAC1B;AAAA,OAEH;AAAA,IACE,CAAC,CAAE,iBACJ,CAAC,CAAE,cAAc,UACjB,CAAC,CAAE,yBACF;AAAA,MAAC,kBAAAA;AAAA,MAAA;AAAA,QACA,UAAW,kBAAkB;AAAA,QAC7B,qBAAmB;AAAA,QACnB,QAAS;AAAA,QACT,UAAW;AAAA,QACX,kBAAe,gBAAI,SAAU;AAAA,QAC7B,0BAA2B;AAAA,QAC3B;AAAA;AAAA,IACD;AAAA,IAEF;AAAA,MAAC,kBAAAA;AAAA,MAAA;AAAA,QACA,QAAS;AAAA,QACT,UAAW;AAAA,QACX,kBAAe,gBAAI,QAAS;AAAA,QAC5B,0BAA2B;AAAA,QAC3B,YAAW;AAAA,QACX;AAAA;AAAA,IACD;AAAA,IACA,4CAAC,wBAAAC,SAAA,EAAgB,WAAQ,gBAAI,UAAW,GAAI;AAAA,KAC7C;AAEF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,qBAAiC;AACjC,wBAIO;AACP,kBAAmB;AACnB,mBAAwB;AAKxB,mBAA+C;AAC/C,8BAA4B;AA4CzB;AA1CH,IAAM,qBAAqB,EAAE,WAAW,gBAAyB,QAAQ,EAAE;AAM5D,SAAR,kBAAoC,EAAE,KAAK,GAA4B;AAC7E,QAAM,CAAE,aAAa,cAAe,QAAI;AAAA,IACvC;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,eAAgB,QAAI;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,eAAe,gBAAiB,QAAI;AAAA,IAC3C;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,iBAAkB,QAAI;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,cAAc,eAAgB,QAAI;AAAA,IACzC;AAAA,IACA;AAAA,EACD;AAEA,QAAM,CAAE,qBAAsB,QAAI;AAAA,IACjC;AAAA,IACA;AAAA,EACD;AAEA,QAAM,uBAAmB,iCAAkB,SAAS,GAAI;AACxD,QAAM,eAAe,mBAAmB,qBAAqB;AAE7D,QAAM,CAAE,oBAAqB,QAAI,iCAAoB,IAAK;AAE1D,SACC,6CAAC,kBAAAA,sBAAA,EAAO,WAAU,wCAAuC,SAAU,GAClE;AAAA,iDAAC,kBAAAA,sBAAA,EAAO,SAAU,GACf;AAAA,OAAC,CAAE,eAAe,CAAC,CAAE,YAAY,UAClC;AAAA,QAAC,kBAAAC;AAAA,QAAA;AAAA,UACA,UAAW,gBAAgB;AAAA,UAC3B,qBAAmB;AAAA,UACnB,QAAS;AAAA,UACT,UAAW;AAAA,UACX,kBAAe,gBAAI,OAAQ;AAAA,UAC3B,0BAA2B;AAAA,UAC3B;AAAA;AAAA,MACD;AAAA,MAEG,OAAgB,uCACnB,aAAa,SAAS,KACtB,wBACC;AAAA,QAAC;AAAA;AAAA,UACA,uBAAqB;AAAA,UACrB,SAAQ;AAAA,UACR,MAAO;AAAA,UACP,SAAU;AAAA,UAER,8BAAI,kBAAmB;AAAA;AAAA,MAC1B;AAAA,OAEH;AAAA,IACE,CAAC,CAAE,iBACJ,CAAC,CAAE,cAAc,UACjB,CAAC,CAAE,yBACF;AAAA,MAAC,kBAAAA;AAAA,MAAA;AAAA,QACA,UAAW,kBAAkB;AAAA,QAC7B,qBAAmB;AAAA,QACnB,QAAS;AAAA,QACT,UAAW;AAAA,QACX,kBAAe,gBAAI,SAAU;AAAA,QAC7B,0BAA2B;AAAA,QAC3B;AAAA;AAAA,IACD;AAAA,IAEF;AAAA,MAAC,kBAAAA;AAAA,MAAA;AAAA,QACA,QAAS;AAAA,QACT,UAAW;AAAA,QACX,kBAAe,gBAAI,QAAS;AAAA,QAC5B,0BAA2B;AAAA,QAC3B,YAAW;AAAA,QACX;AAAA;AAAA,IACD;AAAA,IACA,4CAAC,wBAAAC,SAAA,EAAgB,WAAQ,gBAAI,UAAW,GAAI;AAAA,KAC7C;AAEF;",
   "names": ["VStack", "PaletteEdit", "ColorVariations"]
 }

package/build/color-preview.js

@@ -16,16 +16,18 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/color-preview.tsx
 var color_preview_exports = {};
 __export(color_preview_exports, {
   ColorPreview: () => ColorPreview
 });
 module.exports = __toCommonJS(color_preview_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 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_jsx_runtime = require("react/jsx-runtime");
 function ColorPreview() {
   const { merged } = (0, import_element.useContext)(import_context.GlobalStylesContext);
   const backgroundColor = (0, import_global_styles_engine.getStyle)(merged, "color.background") || "#ffffff";

package/build/color-preview.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/color-preview.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __experimentalHStack as HStack } from '@wordpress/components';\nimport { useContext } from '@wordpress/element';\nimport { getStyle } from '@wordpress/global-styles-engine';\nimport type { Color } from '@wordpress/global-styles-engine';\n\n/**\n * Internal dependencies\n */\nimport { GlobalStylesContext } from './context';\n\nexport function ColorPreview() {\n\tconst { merged } = useContext( GlobalStylesContext );\n\n\t// Extract main colors from the global styles\n\tconst backgroundColor = getStyle( merged, 'color.background' ) || '#ffffff';\n\tconst textColor = getStyle( merged, 'color.text' ) || '#000000';\n\n\t// Get color palette - handle both array and object formats\n\tconst palette = merged?.settings?.color?.palette;\n\tlet paletteColors: Color[] = [];\n\n\tif ( Array.isArray( palette ) ) {\n\t\tpaletteColors = palette;\n\t} else if ( palette && typeof palette === 'object' ) {\n\t\tpaletteColors = palette.theme || palette.custom || [];\n\t}\n\n\t// Get first few colors from palette for preview\n\tconst previewColors = paletteColors.slice( 0, 4 );\n\n\treturn (\n\t\t<HStack\n\t\t\tspacing={ 0 }\n\t\t\tjustify=\"center\"\n\t\t\tstyle={ {\n\t\t\t\theight: '100%',\n\t\t\t\toverflow: 'hidden',\n\t\t\t\tminHeight: '40px',\n\t\t\t} }\n\t\t>\n\t\t\t{ /* Background color swatch */ }\n\t\t\t<div\n\t\t\t\tstyle={ {\n\t\t\t\t\tbackgroundColor,\n\t\t\t\t\twidth: '25%',\n\t\t\t\t\theight: '100%',\n\t\t\t\t\tminHeight: '40px',\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t{ /* Text color swatch */ }\n\t\t\t<div\n\t\t\t\tstyle={ {\n\t\t\t\t\tbackgroundColor: textColor,\n\t\t\t\t\twidth: '25%',\n\t\t\t\t\theight: '100%',\n\t\t\t\t\tminHeight: '40px',\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t{ /* Palette colors */ }\n\t\t\t{ previewColors\n\t\t\t\t.slice( 0, 2 )\n\t\t\t\t.map( ( color: Color, index: number ) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\tbackgroundColor: color.color,\n\t\t\t\t\t\t\twidth: '25%',\n\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\tminHeight: '40px',\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t</HStack>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCE;AA/BF,wBAA+C;AAC/C,qBAA2B;AAC3B,kCAAyB;AAMzB,qBAAoC;AAE7B,SAAS,eAAe;AAC9B,QAAM,EAAE,OAAO,QAAI,2BAAY,kCAAoB;AAGnD,QAAM,sBAAkB,sCAAU,QAAQ,kBAAmB,KAAK;AAClE,QAAM,gBAAY,sCAAU,QAAQ,YAAa,KAAK;AAGtD,QAAM,UAAU,QAAQ,UAAU,OAAO;AACzC,MAAI,gBAAyB,CAAC;AAE9B,MAAK,MAAM,QAAS,OAAQ,GAAI;AAC/B,oBAAgB;AAAA,EACjB,WAAY,WAAW,OAAO,YAAY,UAAW;AACpD,oBAAgB,QAAQ,SAAS,QAAQ,UAAU,CAAC;AAAA,EACrD;AAGA,QAAM,gBAAgB,cAAc,MAAO,GAAG,CAAE;AAEhD,SACC;AAAA,IAAC,kBAAAA;AAAA,IAAA;AAAA,MACA,SAAU;AAAA,MACV,SAAQ;AAAA,MACR,OAAQ;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,WAAW;AAAA,MACZ;AAAA,MAGA;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,OAAQ;AAAA,cACP;AAAA,cACA,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,WAAW;AAAA,YACZ;AAAA;AAAA,QACD;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACA,OAAQ;AAAA,cACP,iBAAiB;AAAA,cACjB,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,WAAW;AAAA,YACZ;AAAA;AAAA,QACD;AAAA,QAEE,cACA,MAAO,GAAG,CAAE,EACZ,IAAK,CAAE,OAAc,UACrB;AAAA,UAAC;AAAA;AAAA,YAEA,OAAQ;AAAA,cACP,iBAAiB,MAAM;AAAA,cACvB,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,WAAW;AAAA,YACZ;AAAA;AAAA,UANM;AAAA,QAOP,CACC;AAAA;AAAA;AAAA,EACJ;AAEF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAA+C;AAC/C,qBAA2B;AAC3B,kCAAyB;AAMzB,qBAAoC;AAuBlC;AArBK,SAAS,eAAe;AAC9B,QAAM,EAAE,OAAO,QAAI,2BAAY,kCAAoB;AAGnD,QAAM,sBAAkB,sCAAU,QAAQ,kBAAmB,KAAK;AAClE,QAAM,gBAAY,sCAAU,QAAQ,YAAa,KAAK;AAGtD,QAAM,UAAU,QAAQ,UAAU,OAAO;AACzC,MAAI,gBAAyB,CAAC;AAE9B,MAAK,MAAM,QAAS,OAAQ,GAAI;AAC/B,oBAAgB;AAAA,EACjB,WAAY,WAAW,OAAO,YAAY,UAAW;AACpD,oBAAgB,QAAQ,SAAS,QAAQ,UAAU,CAAC;AAAA,EACrD;AAGA,QAAM,gBAAgB,cAAc,MAAO,GAAG,CAAE;AAEhD,SACC;AAAA,IAAC,kBAAAA;AAAA,IAAA;AAAA,MACA,SAAU;AAAA,MACV,SAAQ;AAAA,MACR,OAAQ;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,WAAW;AAAA,MACZ;AAAA,MAGA;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,OAAQ;AAAA,cACP;AAAA,cACA,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,WAAW;AAAA,YACZ;AAAA;AAAA,QACD;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACA,OAAQ;AAAA,cACP,iBAAiB;AAAA,cACjB,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,WAAW;AAAA,YACZ;AAAA;AAAA,QACD;AAAA,QAEE,cACA,MAAO,GAAG,CAAE,EACZ,IAAK,CAAE,OAAc,UACrB;AAAA,UAAC;AAAA;AAAA,YAEA,OAAQ;AAAA,cACP,iBAAiB,MAAM;AAAA,cACvB,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,WAAW;AAAA,YACZ;AAAA;AAAA,UANM;AAAA,QAOP,CACC;AAAA;AAAA;AAAA,EACJ;AAEF;",
   "names": ["HStack"]
 }

package/build/color-variations.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/color-variations.tsx
 var color_variations_exports = {};
 __export(color_variations_exports, {
   ColorVariations: () => ColorVariations
@@ -33,7 +35,7 @@ __export(color_variations_exports, {
 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");
-const ColorVariations = (0, import_with_global_styles_provider.withGlobalStylesProvider)(import_variations_color.default);
+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

package/build/color-variations.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/color-variations.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport type { GlobalStylesConfig } from '@wordpress/global-styles-engine';\n\n/**\n * Internal dependencies\n */\nimport ColorVariationsInternal from './variations/variations-color';\nimport { withGlobalStylesProvider } from './with-global-styles-provider';\n\nexport interface ColorVariationsProps {\n\tvalue: GlobalStylesConfig;\n\tbaseValue: GlobalStylesConfig;\n\tonChange: ( config: GlobalStylesConfig ) => void;\n\ttitle?: string;\n\tgap?: number;\n}\n\n/**\n * Render Global Styles Color Variations.\n *\n * @example\n * ```tsx\n * <ColorVariations\n *   value={userConfig}\n *   baseValue={baseConfig}\n *   onChange={setUserConfig}\n *   title=\"Palettes\"\n *   gap={3}\n * />\n * ```\n */\nexport const ColorVariations: React.ComponentType< ColorVariationsProps > =\n\twithGlobalStylesProvider( ColorVariationsInternal );\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,8BAAoC;AACpC,yCAAyC;AAwBlC,MAAM,sBACZ,6DAA0B,wBAAAA,OAAwB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,8BAAoC;AACpC,yCAAyC;AAwBlC,IAAM,sBACZ,6DAA0B,wBAAAA,OAAwB;",
   "names": ["ColorVariationsInternal"]
 }

package/build/confirm-reset-shadow-dialog.js

@@ -16,14 +16,16 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/confirm-reset-shadow-dialog.tsx
 var confirm_reset_shadow_dialog_exports = {};
 __export(confirm_reset_shadow_dialog_exports, {
   default: () => confirm_reset_shadow_dialog_default
 });
 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");
+var import_jsx_runtime = require("react/jsx-runtime");
 function ConfirmResetShadowDialog({
   text,
   confirmButtonText,

package/build/confirm-reset-shadow-dialog.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/confirm-reset-shadow-dialog.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\ninterface ConfirmResetShadowDialogProps {\n\ttext: string;\n\tconfirmButtonText: string;\n\tisOpen: boolean;\n\ttoggleOpen: () => void;\n\tonConfirm: () => void;\n}\n\nfunction ConfirmResetShadowDialog( {\n\ttext,\n\tconfirmButtonText,\n\tisOpen,\n\ttoggleOpen,\n\tonConfirm,\n}: ConfirmResetShadowDialogProps ) {\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;AA+BE;AA5BF,wBAA6D;AAC7D,kBAAmB;AAUnB,SAAS,yBAA0B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAmC;AAClC,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;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAA6D;AAC7D,kBAAmB;AA2BjB;AAjBF,SAAS,yBAA0B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAmC;AAClC,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/context.js

@@ -16,13 +16,15 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/context.ts
 var context_exports = {};
 __export(context_exports, {
   GlobalStylesContext: () => GlobalStylesContext
 });
 module.exports = __toCommonJS(context_exports);
 var import_element = require("@wordpress/element");
-const GlobalStylesContext = (0, import_element.createContext)({
+var GlobalStylesContext = (0, import_element.createContext)({
   user: { styles: {}, settings: {} },
   base: { styles: {}, settings: {} },
   merged: { styles: {}, settings: {} },

package/build/context.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/context.ts"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\nimport type { GlobalStylesConfig } from '@wordpress/global-styles-engine';\n\nexport interface GlobalStylesContextType {\n\tuser: GlobalStylesConfig;\n\tbase: GlobalStylesConfig;\n\tmerged: GlobalStylesConfig;\n\tonChange: ( newValue: GlobalStylesConfig ) => void;\n\tfontLibraryEnabled?: boolean;\n}\n\nexport const GlobalStylesContext = createContext< GlobalStylesContextType >( {\n\tuser: { styles: {}, settings: {} },\n\tbase: { styles: {}, settings: {} },\n\tmerged: { styles: {}, settings: {} },\n\tonChange: () => {},\n\tfontLibraryEnabled: false,\n} );\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA8B;AAWvB,MAAM,0BAAsB,8BAA0C;AAAA,EAC5E,MAAM,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,EAAE;AAAA,EACjC,MAAM,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,EAAE;AAAA,EACjC,QAAQ,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,EAAE;AAAA,EACnC,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,oBAAoB;AACrB,CAAE;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA8B;AAWvB,IAAM,0BAAsB,8BAA0C;AAAA,EAC5E,MAAM,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,EAAE;AAAA,EACjC,MAAM,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,EAAE;AAAA,EACjC,QAAQ,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,EAAE;AAAA,EACnC,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,oBAAoB;AACrB,CAAE;",
   "names": []
 }

package/build/dimensions-panel.js

@@ -16,18 +16,20 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/dimensions-panel.tsx
 var dimensions_panel_exports = {};
 __export(dimensions_panel_exports, {
   default: () => DimensionsPanel
 });
 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_hooks = require("./hooks");
 var import_lock_unlock = require("./lock-unlock");
-const { useSettingsForBlockElement, DimensionsPanel: StylesDimensionsPanel } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
-const DEFAULT_CONTROLS = {
+var import_jsx_runtime = require("react/jsx-runtime");
+var { useSettingsForBlockElement, DimensionsPanel: StylesDimensionsPanel } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
+var DEFAULT_CONTROLS = {
   contentSize: true,
   wideSize: true,
   padding: true,

package/build/dimensions-panel.js.map

@@ -2,6 +2,6 @@
   "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\tminHeight: 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;AA2EE;AAvEF,0BAAsD;AACtD,qBAAwB;AAKxB,mBAAqC;AACrC,yBAAuB;AAEvB,MAAM,EAAE,4BAA4B,iBAAiB,sBAAsB,QAC1E,2BAAQ,oBAAAA,WAAuB;AAEhC,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,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;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,0BAAsD;AACtD,qBAAwB;AAKxB,mBAAqC;AACrC,yBAAuB;AAgErB;AA9DF,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,WAAW;AAAA,EACX,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

@@ -26,12 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/font-families.tsx
 var font_families_exports = {};
 __export(font_families_exports, {
   default: () => FontFamilies
 });
 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_icons = require("@wordpress/icons");
@@ -42,6 +43,7 @@ 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_utils = require("./font-library-modal/utils");
+var import_jsx_runtime = require("react/jsx-runtime");
 function mapFontsWithSource(fonts, source) {
   return fonts ? fonts.map((f) => (0, import_utils.setUIValuesNeeded)(f, { source })) : [];
 }

package/build/font-families.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/font-families.tsx"],
   "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 { settings } from '@wordpress/icons';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { Subtitle } from './subtitle';\nimport { useSetting } from './hooks';\nimport FontLibraryProvider, {\n\tFontLibraryContext,\n} from './font-library-modal/context';\nimport FontLibraryModal from './font-library-modal';\nimport FontFamilyItem from './font-family-item';\nimport { setUIValuesNeeded } from './font-library-modal/utils';\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: any[], source: string ) {\n\treturn fonts\n\t\t? fonts.map( ( f ) => setUIValuesNeeded( f, { source } ) )\n\t\t: [];\n}\n\nfunction FontFamiliesInner() {\n\tconst { baseCustomFonts, modalTabOpen, setModalTabOpen } =\n\t\tuseContext( FontLibraryContext );\n\tconst [ fontFamilies ] = useSetting( 'typography.fontFamilies' );\n\tconst [ baseFontFamilies ] = useSetting(\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\t( baseCustomFonts?.length ?? 0 ) > 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?.( '' ) }\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=\"global-styles-ui-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 function FontFamilies( { ...props } ) {\n\treturn (\n\t\t<FontLibraryProvider>\n\t\t\t<FontFamiliesInner { ...props } />\n\t\t</FontLibraryProvider>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8DI;AA3DJ,kBAAmB;AACnB,wBAMO;AACP,mBAAyB;AACzB,qBAA2B;AAK3B,sBAAyB;AACzB,mBAA2B;AAC3B,qBAEO;AACP,gCAA6B;AAC7B,8BAA2B;AAC3B,mBAAkC;AASlC,SAAS,mBAAoB,OAAc,QAAiB;AAC3D,SAAO,QACJ,MAAM,IAAK,CAAE,UAAO,gCAAmB,GAAG,EAAE,OAAO,CAAE,CAAE,IACvD,CAAC;AACL;AAEA,SAAS,oBAAoB;AAC5B,QAAM,EAAE,iBAAiB,cAAc,gBAAgB,QACtD,2BAAY,iCAAmB;AAChC,QAAM,CAAE,YAAa,QAAI,yBAAY,yBAA0B;AAC/D,QAAM,CAAE,gBAAiB,QAAI;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,MAChC,iBAAiB,UAAU,KAAM;AAEpC,SACC,4EACG;AAAA,KAAC,CAAE,gBACJ;AAAA,MAAC,0BAAAA;AAAA,MAAA;AAAA,QACA,gBAAiB,MAAM,kBAAmB,EAAG;AAAA,QAC7C,cAAe;AAAA;AAAA,IAChB;AAAA,IAGD,6CAAC,kBAAAC,sBAAA,EAAO,SAAU,GACjB;AAAA,mDAAC,kBAAAC,sBAAA,EAAO,SAAQ,iBACf;AAAA,oDAAC,4BAAS,OAAQ,GAAM,8BAAI,OAAQ,GAAG;AAAA,QACvC;AAAA,UAAC;AAAA;AAAA,YACA,SAAU,MAAM,kBAAmB,iBAAkB;AAAA,YACrD,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;AAEe,SAAR,aAA+B,EAAE,GAAG,MAAM,GAAI;AACpD,SACC,4CAAC,eAAAC,SAAA,EACA,sDAAC,qBAAoB,GAAG,OAAQ,GACjC;AAEF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAmB;AACnB,wBAMO;AACP,mBAAyB;AACzB,qBAA2B;AAK3B,sBAAyB;AACzB,mBAA2B;AAC3B,qBAEO;AACP,gCAA6B;AAC7B,8BAA2B;AAC3B,mBAAkC;AAsC9B;AA7BJ,SAAS,mBAAoB,OAAc,QAAiB;AAC3D,SAAO,QACJ,MAAM,IAAK,CAAE,UAAO,gCAAmB,GAAG,EAAE,OAAO,CAAE,CAAE,IACvD,CAAC;AACL;AAEA,SAAS,oBAAoB;AAC5B,QAAM,EAAE,iBAAiB,cAAc,gBAAgB,QACtD,2BAAY,iCAAmB;AAChC,QAAM,CAAE,YAAa,QAAI,yBAAY,yBAA0B;AAC/D,QAAM,CAAE,gBAAiB,QAAI;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,MAChC,iBAAiB,UAAU,KAAM;AAEpC,SACC,4EACG;AAAA,KAAC,CAAE,gBACJ;AAAA,MAAC,0BAAAA;AAAA,MAAA;AAAA,QACA,gBAAiB,MAAM,kBAAmB,EAAG;AAAA,QAC7C,cAAe;AAAA;AAAA,IAChB;AAAA,IAGD,6CAAC,kBAAAC,sBAAA,EAAO,SAAU,GACjB;AAAA,mDAAC,kBAAAC,sBAAA,EAAO,SAAQ,iBACf;AAAA,oDAAC,4BAAS,OAAQ,GAAM,8BAAI,OAAQ,GAAG;AAAA,QACvC;AAAA,UAAC;AAAA;AAAA,YACA,SAAU,MAAM,kBAAmB,iBAAkB;AAAA,YACrD,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;AAEe,SAAR,aAA+B,EAAE,GAAG,MAAM,GAAI;AACpD,SACC,4CAAC,eAAAC,SAAA,EACA,sDAAC,qBAAoB,GAAG,OAAQ,GACjC;AAEF;",
   "names": ["FontLibraryModal", "VStack", "HStack", "ItemGroup", "FontFamilyItem", "Text", "FontLibraryProvider"]
 }

package/build/font-family-item.js

@@ -16,17 +16,19 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/font-family-item.tsx
 var font_family_item_exports = {};
 __export(font_family_item_exports, {
   default: () => font_family_item_default
 });
 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");
+var import_jsx_runtime = require("react/jsx-runtime");
 function FontFamilyItem({ font }) {
   const { handleSetLibraryFontSelected, setModalTabOpen } = (0, import_element.useContext)(import_context.FontLibraryContext);
   const variantsCount = font?.fontFace?.length || 1;

package/build/font-family-item.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/font-family-item.tsx"],
   "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';\nimport type { FontFamily } from './font-library-modal/types';\n\ninterface FontFamilyItemProps {\n\tfont: FontFamily;\n}\n\nfunction FontFamilyItem( { font }: FontFamilyItemProps ) {\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=\"global-styles-ui-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;AAqCG;AAlCH,kBAA4B;AAC5B,wBAIO;AACP,qBAA2B;AAK3B,qBAAmC;AACnC,4BAAsC;AAOtC,SAAS,eAAgB,EAAE,KAAK,GAAyB;AACxD,QAAM,EAAE,8BAA8B,gBAAgB,QACrD,2BAAY,iCAAmB;AAEhC,QAAM,gBAAgB,MAAM,UAAU,UAAU;AAEhD,QAAM,cAAc,MAAM;AACzB,mCAAgC,IAAK;AACrC,sBAAmB,iBAAkB;AAAA,EACtC;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,2DACjB;AAAA;AAAA,UAED,gBAAI,cAAc,eAAe,aAAc;AAAA,MAC/C;AAAA,IACD,GACD;AAAA,KACD,GACD;AAEF;AAEA,IAAO,2BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA4B;AAC5B,wBAIO;AACP,qBAA2B;AAK3B,qBAAmC;AACnC,4BAAsC;AAsBnC;AAfH,SAAS,eAAgB,EAAE,KAAK,GAAyB;AACxD,QAAM,EAAE,8BAA8B,gBAAgB,QACrD,2BAAY,iCAAmB;AAEhC,QAAM,gBAAgB,MAAM,UAAU,UAAU;AAEhD,QAAM,cAAc,MAAM;AACzB,mCAAgC,IAAK;AACrC,sBAAmB,iBAAkB;AAAA,EACtC;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,2DACjB;AAAA;AAAA,UAED,gBAAI,cAAc,eAAe,aAAc;AAAA,MAC/C;AAAA,IACD,GACD;AAAA,KACD,GACD;AAEF;AAEA,IAAO,2BAAQ;",
   "names": ["Item", "HStack"]
 }

package/build/font-library-modal/collection-font-variant.js

@@ -26,16 +26,18 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/font-library-modal/collection-font-variant.tsx
 var collection_font_variant_exports = {};
 __export(collection_font_variant_exports, {
   default: () => collection_font_variant_default
 });
 module.exports = __toCommonJS(collection_font_variant_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 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_jsx_runtime = require("react/jsx-runtime");
 function CollectionFontVariant({
   face,
   font,

package/build/font-library-modal/collection-font-variant.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/font-library-modal/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-modal__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;AAgCG;AA7BH,qBAAsB;AACtB,wBAAsC;AAKtC,mBAAuC;AACvC,uBAAqB;AAGrB,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,iCACd,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;",
+  "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,iCACd,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;",
   "names": ["FontDemo"]
 }

package/build/font-library-modal/context.js

@@ -16,13 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/font-library-modal/context.tsx
 var context_exports = {};
 __export(context_exports, {
   FontLibraryContext: () => FontLibraryContext,
   default: () => context_default
 });
 module.exports = __toCommonJS(context_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_element = require("@wordpress/element");
 var import_data = require("@wordpress/data");
 var import_core_data = require("@wordpress/core-data");
@@ -32,7 +33,8 @@ var import_utils = require("./utils");
 var import_set_immutably = require("./utils/set-immutably");
 var import_toggleFont = require("./utils/toggleFont");
 var import_hooks = require("../hooks");
-const FontLibraryContext = (0, import_element.createContext)(
+var import_jsx_runtime = require("react/jsx-runtime");
+var FontLibraryContext = (0, import_element.createContext)(
   {}
 );
 FontLibraryContext.displayName = "FontLibraryContext";

package/build/font-library-modal/context.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/font-library-modal/context.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useState, useEffect } from '@wordpress/element';\nimport { useSelect, useDispatch } 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';\n\n/**\n * Internal dependencies\n */\nimport {\n\tfetchGetFontFamilyBySlug,\n\tfetchInstallFontFamily,\n\tfetchUninstallFontFamily,\n\tfetchFontCollections,\n\tfetchFontCollection,\n} from './resolvers';\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 {\n\tCollectionFontFamily,\n\tFontCollection,\n\tFontFace,\n\tFontFamily,\n\tFontLibraryState,\n} 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 { saveEntityRecord } = 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\tconst [ refreshKey, setRefreshKey ] = useState( 0 );\n\n\tconst refreshLibrary = () => {\n\t\tsetRefreshKey( Date.now() );\n\t};\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\trefreshKey,\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\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\tsetImmutably(\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', updatedGlobalStyles );\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: FontFamily[] ) {\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\tlet installedFontFamily = await fetchGetFontFamilyBySlug(\n\t\t\t\t\tfontFamilyToInstall.slug\n\t\t\t\t);\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);\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\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);\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 fetchUninstallFontFamily( installedFontFamily.id );\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\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\n\t\t\t\trefreshLibrary();\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\tconst uninstalledFontFamily = await fetchUninstallFontFamily(\n\t\t\t\tfontFamilyToUninstall.id\n\t\t\t);\n\n\t\t\t// Deactivate the font family if delete request is successful\n\t\t\t// (Removes the font family from the global styles).\n\t\t\tif ( uninstalledFontFamily.deleted ) {\n\t\t\t\tconst activeFonts = deactivateFontFamily(\n\t\t\t\t\tfontFamilyToUninstall\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\t// Refresh the library (the library font families from database).\n\t\t\trefreshLibrary();\n\n\t\t\treturn uninstalledFontFamily;\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\t// Font Collections\n\tconst [ collections, setFontCollections ] = useState< FontCollection[] >(\n\t\t[]\n\t);\n\tconst getFontCollections = async () => {\n\t\tconst response = await fetchFontCollections();\n\t\tsetFontCollections( response );\n\t};\n\tconst getFontCollection = async ( slug: string ) => {\n\t\ttry {\n\t\t\tconst hasData = !! collections.find(\n\t\t\t\t( collection ) => collection.slug === slug\n\t\t\t)?.font_families;\n\t\t\tif ( hasData ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst response = await fetchFontCollection( slug );\n\t\t\tconst updatedCollections = collections.map( ( collection ) =>\n\t\t\t\tcollection.slug === slug\n\t\t\t\t\t? { ...collection, ...response }\n\t\t\t\t\t: collection\n\t\t\t);\n\t\t\tsetFontCollections( updatedCollections );\n\t\t} catch ( e ) {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\tconsole.error( e );\n\t\t\tthrow e;\n\t\t}\n\t};\n\n\tuseEffect( () => {\n\t\tgetFontCollections();\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\trefreshLibrary,\n\t\t\t\tsaveFontFamilies,\n\t\t\t\tisResolvingLibrary,\n\t\t\t\tisInstalling,\n\t\t\t\tcollections,\n\t\t\t\tgetFontCollection,\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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",
+  "mappings": "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",
   "names": ["coreStore"]
 }

package/build/font-library-modal/font-card.js

@@ -26,16 +26,18 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/global-styles-ui/src/font-library-modal/font-card.tsx
 var font_card_exports = {};
 __export(font_card_exports, {
   default: () => font_card_default
 });
 module.exports = __toCommonJS(font_card_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 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_jsx_runtime = require("react/jsx-runtime");
 function FontCard({
   font,
   onClick,