@wordpress/global-styles-ui 1.1.0 → 1.2.0

package/build/with-global-styles-provider.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/with-global-styles-provider.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport type { GlobalStylesConfig } from '@wordpress/global-styles-engine';\n\n/**\n * Internal dependencies\n */\nimport { GlobalStylesProvider } from './provider';\n\ninterface GlobalStylesProviderProps {\n\tvalue: GlobalStylesConfig;\n\tbaseValue: GlobalStylesConfig;\n\tonChange: ( config: GlobalStylesConfig ) => void;\n}\n\n/**\n * Higher-order component that wraps a component with GlobalStylesProvider.\n * This allows components to access GlobalStylesContext without exposing\n * the provider directly in the public API.\n *\n * @param Component - The component to wrap\n * @return A wrapped component that accepts value, baseValue, and onChange props\n */\nexport function withGlobalStylesProvider< P extends object >(\n\tComponent: React.ComponentType< P >\n) {\n\treturn function WrappedComponent( {\n\t\tvalue,\n\t\tbaseValue,\n\t\tonChange,\n\t\t...props\n\t}: P & GlobalStylesProviderProps ) {\n\t\treturn (\n\t\t\t<GlobalStylesProvider\n\t\t\t\tvalue={ value }\n\t\t\t\tbaseValue={ baseValue }\n\t\t\t\tonChange={ onChange }\n\t\t\t>\n\t\t\t\t<Component { ...( props as P ) } />\n\t\t\t</GlobalStylesProvider>\n\t\t);\n\t};\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCI;AA/BJ,sBAAqC;AAgB9B,SAAS,yBACf,WACC;AACD,SAAO,SAAS,iBAAkB;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACJ,GAAmC;AAClC,WACC;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEA,sDAAC,aAAY,GAAK,OAAe;AAAA;AAAA,IAClC;AAAA,EAEF;AACD;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,sBAAqC;AA+BjC;AAfG,SAAS,yBACf,WACC;AACD,SAAO,SAAS,iBAAkB;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACJ,GAAmC;AAClC,WACC;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEA,sDAAC,aAAY,GAAK,OAAe;AAAA;AAAA,IAClC;AAAA,EAEF;AACD;",
   "names": []
 }

package/build-module/background-panel.js

@@ -1,11 +1,12 @@
-import { jsx } from "react/jsx-runtime";
+// packages/global-styles-ui/src/background-panel.tsx
 import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
 import { useStyle, useSetting } from "./hooks";
 import { unlock } from "./lock-unlock";
-const BACKGROUND_DEFAULT_VALUES = {
+import { jsx } from "react/jsx-runtime";
+var BACKGROUND_DEFAULT_VALUES = {
   backgroundSize: "auto"
 };
-const { BackgroundPanel: StylesBackgroundPanel } = unlock(
+var { BackgroundPanel: StylesBackgroundPanel } = unlock(
   blockEditorPrivateApis
 );
 function hasBackgroundImageValue(style) {

package/build-module/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": "AA+CE;AA3CF,SAAS,eAAe,8BAA8B;AAKtD,SAAS,UAAU,kBAAkB;AACrC,SAAS,cAAc;AAGvB,MAAM,4BAA4B;AAAA,EACjC,gBAAgB;AACjB;AAEA,MAAM,EAAE,iBAAiB,sBAAsB,IAAI;AAAA,EAClD;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,IAAI,SAAU,IAAI,QAAW,QAAQ,KAAM;AACzD,QAAM,CAAE,gBAAgB,QAAS,IAAI;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,QAAS,IAAI,WAAY,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": ";AAIA,SAAS,eAAe,8BAA8B;AAKtD,SAAS,UAAU,kBAAkB;AACrC,SAAS,cAAc;AAqCrB;AAlCF,IAAM,4BAA4B;AAAA,EACjC,gBAAgB;AACjB;AAEA,IAAM,EAAE,iBAAiB,sBAAsB,IAAI;AAAA,EAClD;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,IAAI,SAAU,IAAI,QAAW,QAAQ,KAAM;AACzD,QAAM,CAAE,gBAAgB,QAAS,IAAI;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,QAAS,IAAI,WAAY,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": []
 }

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

@@ -1,10 +1,11 @@
-import { jsx } from "react/jsx-runtime";
+// packages/global-styles-ui/src/block-preview-panel.tsx
 import { BlockPreview } from "@wordpress/block-editor";
 import { getBlockType, getBlockFromExample } from "@wordpress/blocks";
 import { __experimentalSpacer as Spacer } from "@wordpress/components";
 import { useMemo } from "@wordpress/element";
 import { getVariationClassName } from "./utils";
-const BlockPreviewPanel = ({
+import { jsx } from "react/jsx-runtime";
+var BlockPreviewPanel = ({
   name,
   variation = ""
 }) => {

package/build-module/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": "AAgEI;AA5DJ,SAAS,oBAAoB;AAE7B,SAAS,cAAc,2BAA2B;AAClD,SAAS,wBAAwB,cAAc;AAC/C,SAAS,eAAe;AAKxB,SAAS,6BAA6B;AAOtC,MAAM,oBAAoB,CAAE;AAAA,EAC3B;AAAA,EACA,YAAY;AACb,MAA+B;AAC9B,QAAM,eAAe,aAAc,IAAK,GAAG;AAC3C,QAAM,SAAS,QAAS,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,YACR,sBAAuB,SAAU,IACjC,aAAa,YAAY;AAAA,MAC7B;AAAA,IACD;AAEA,WAAO,oBAAqB,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,oBAAC,UAAO,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": ";AAIA,SAAS,oBAAoB;AAE7B,SAAS,cAAc,2BAA2B;AAClD,SAAS,wBAAwB,cAAc;AAC/C,SAAS,eAAe;AAKxB,SAAS,6BAA6B;AAmDlC;AA5CJ,IAAM,oBAAoB,CAAE;AAAA,EAC3B;AAAA,EACA,YAAY;AACb,MAA+B;AAC9B,QAAM,eAAe,aAAc,IAAK,GAAG;AAC3C,QAAM,SAAS,QAAS,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,YACR,sBAAuB,SAAU,IACjC,aAAa,YAAY;AAAA,MAC7B;AAAA,IACD;AAEA,WAAO,oBAAqB,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,oBAAC,UAAO,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": []
 }

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

@@ -1,6 +1,7 @@
-import { jsx } from "react/jsx-runtime";
+// packages/global-styles-ui/src/color-indicator-wrapper.tsx
 import clsx from "clsx";
 import { Flex } from "@wordpress/components";
+import { jsx } from "react/jsx-runtime";
 function ColorIndicatorWrapper({
   className,
   children,

package/build-module/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": "AAqBE;AAlBF,OAAO,UAAU;AAKjB,SAAS,YAAY;AAOrB,SAAS,sBAAuB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAgC;AAC/B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAY;AAAA,QACX;AAAA,QACA;AAAA,MACD;AAAA,MACE,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEF;AAEA,IAAO,kCAAQ;",
+  "mappings": ";AAGA,OAAO,UAAU;AAKjB,SAAS,YAAY;AAanB;AANF,SAAS,sBAAuB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAgC;AAC/B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAY;AAAA,QACX;AAAA,QACA;AAAA,MACD;AAAA,MACE,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEF;AAEA,IAAO,kCAAQ;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// packages/global-styles-ui/src/color-palette-panel.tsx
 import { useViewportMatch } from "@wordpress/compose";
 import {
   __experimentalPaletteEdit as PaletteEdit,
@@ -9,7 +9,8 @@ import { __ } from "@wordpress/i18n";
 import { shuffle } from "@wordpress/icons";
 import { useSetting, useColorRandomizer } from "./hooks";
 import ColorVariations from "./variations/variations-color";
-const mobilePopoverProps = { placement: "bottom-start", offset: 8 };
+import { jsx, jsxs } from "react/jsx-runtime";
+var mobilePopoverProps = { placement: "bottom-start", offset: 8 };
 function ColorPalettePanel({ name }) {
   const [themeColors, setThemeColors] = useSetting(
     "color.palette.theme",

package/build-module/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": "AA6DG,SAEE,KAFF;AAzDH,SAAS,wBAAwB;AACjC;AAAA,EACC,6BAA6B;AAAA,EAC7B,wBAAwB;AAAA,EACxB;AAAA,OACM;AACP,SAAS,UAAU;AACnB,SAAS,eAAe;AAKxB,SAAS,YAAY,0BAA0B;AAC/C,OAAO,qBAAqB;AAE5B,MAAM,qBAAqB,EAAE,WAAW,gBAAyB,QAAQ,EAAE;AAM5D,SAAR,kBAAoC,EAAE,KAAK,GAA4B;AAC7E,QAAM,CAAE,aAAa,cAAe,IAAI;AAAA,IACvC;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,eAAgB,IAAI;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,eAAe,gBAAiB,IAAI;AAAA,IAC3C;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,iBAAkB,IAAI;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,cAAc,eAAgB,IAAI;AAAA,IACzC;AAAA,IACA;AAAA,EACD;AAEA,QAAM,CAAE,qBAAsB,IAAI;AAAA,IACjC;AAAA,IACA;AAAA,EACD;AAEA,QAAM,mBAAmB,iBAAkB,SAAS,GAAI;AACxD,QAAM,eAAe,mBAAmB,qBAAqB;AAE7D,QAAM,CAAE,oBAAqB,IAAI,mBAAoB,IAAK;AAE1D,SACC,qBAAC,UAAO,WAAU,wCAAuC,SAAU,GAClE;AAAA,yBAAC,UAAO,SAAU,GACf;AAAA,OAAC,CAAE,eAAe,CAAC,CAAE,YAAY,UAClC;AAAA,QAAC;AAAA;AAAA,UACA,UAAW,gBAAgB;AAAA,UAC3B,qBAAmB;AAAA,UACnB,QAAS;AAAA,UACT,UAAW;AAAA,UACX,cAAe,GAAI,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,aAAI,kBAAmB;AAAA;AAAA,MAC1B;AAAA,OAEH;AAAA,IACE,CAAC,CAAE,iBACJ,CAAC,CAAE,cAAc,UACjB,CAAC,CAAE,yBACF;AAAA,MAAC;AAAA;AAAA,QACA,UAAW,kBAAkB;AAAA,QAC7B,qBAAmB;AAAA,QACnB,QAAS;AAAA,QACT,UAAW;AAAA,QACX,cAAe,GAAI,SAAU;AAAA,QAC7B,0BAA2B;AAAA,QAC3B;AAAA;AAAA,IACD;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACA,QAAS;AAAA,QACT,UAAW;AAAA,QACX,cAAe,GAAI,QAAS;AAAA,QAC5B,0BAA2B;AAAA,QAC3B,YAAW;AAAA,QACX;AAAA;AAAA,IACD;AAAA,IACA,oBAAC,mBAAgB,OAAQ,GAAI,UAAW,GAAI;AAAA,KAC7C;AAEF;",
+  "mappings": ";AAIA,SAAS,wBAAwB;AACjC;AAAA,EACC,6BAA6B;AAAA,EAC7B,wBAAwB;AAAA,EACxB;AAAA,OACM;AACP,SAAS,UAAU;AACnB,SAAS,eAAe;AAKxB,SAAS,YAAY,0BAA0B;AAC/C,OAAO,qBAAqB;AA4CzB,SAEE,KAFF;AA1CH,IAAM,qBAAqB,EAAE,WAAW,gBAAyB,QAAQ,EAAE;AAM5D,SAAR,kBAAoC,EAAE,KAAK,GAA4B;AAC7E,QAAM,CAAE,aAAa,cAAe,IAAI;AAAA,IACvC;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,eAAgB,IAAI;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,eAAe,gBAAiB,IAAI;AAAA,IAC3C;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,iBAAkB,IAAI;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,cAAc,eAAgB,IAAI;AAAA,IACzC;AAAA,IACA;AAAA,EACD;AAEA,QAAM,CAAE,qBAAsB,IAAI;AAAA,IACjC;AAAA,IACA;AAAA,EACD;AAEA,QAAM,mBAAmB,iBAAkB,SAAS,GAAI;AACxD,QAAM,eAAe,mBAAmB,qBAAqB;AAE7D,QAAM,CAAE,oBAAqB,IAAI,mBAAoB,IAAK;AAE1D,SACC,qBAAC,UAAO,WAAU,wCAAuC,SAAU,GAClE;AAAA,yBAAC,UAAO,SAAU,GACf;AAAA,OAAC,CAAE,eAAe,CAAC,CAAE,YAAY,UAClC;AAAA,QAAC;AAAA;AAAA,UACA,UAAW,gBAAgB;AAAA,UAC3B,qBAAmB;AAAA,UACnB,QAAS;AAAA,UACT,UAAW;AAAA,UACX,cAAe,GAAI,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,aAAI,kBAAmB;AAAA;AAAA,MAC1B;AAAA,OAEH;AAAA,IACE,CAAC,CAAE,iBACJ,CAAC,CAAE,cAAc,UACjB,CAAC,CAAE,yBACF;AAAA,MAAC;AAAA;AAAA,QACA,UAAW,kBAAkB;AAAA,QAC7B,qBAAmB;AAAA,QACnB,QAAS;AAAA,QACT,UAAW;AAAA,QACX,cAAe,GAAI,SAAU;AAAA,QAC7B,0BAA2B;AAAA,QAC3B;AAAA;AAAA,IACD;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACA,QAAS;AAAA,QACT,UAAW;AAAA,QACX,cAAe,GAAI,QAAS;AAAA,QAC5B,0BAA2B;AAAA,QAC3B,YAAW;AAAA,QACX;AAAA;AAAA,IACD;AAAA,IACA,oBAAC,mBAAgB,OAAQ,GAAI,UAAW,GAAI;AAAA,KAC7C;AAEF;",
   "names": []
 }

package/build-module/color-preview.js

@@ -1,8 +1,9 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// packages/global-styles-ui/src/color-preview.tsx
 import { __experimentalHStack as HStack } from "@wordpress/components";
 import { useContext } from "@wordpress/element";
 import { getStyle } from "@wordpress/global-styles-engine";
 import { GlobalStylesContext } from "./context";
+import { jsx, jsxs } from "react/jsx-runtime";
 function ColorPreview() {
   const { merged } = useContext(GlobalStylesContext);
   const backgroundColor = getStyle(merged, "color.background") || "#ffffff";

package/build-module/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": "AAkCE,SAUC,KAVD;AA/BF,SAAS,wBAAwB,cAAc;AAC/C,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AAMzB,SAAS,2BAA2B;AAE7B,SAAS,eAAe;AAC9B,QAAM,EAAE,OAAO,IAAI,WAAY,mBAAoB;AAGnD,QAAM,kBAAkB,SAAU,QAAQ,kBAAmB,KAAK;AAClE,QAAM,YAAY,SAAU,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;AAAA;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": ";AAGA,SAAS,wBAAwB,cAAc;AAC/C,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AAMzB,SAAS,2BAA2B;AAuBlC,SAUC,KAVD;AArBK,SAAS,eAAe;AAC9B,QAAM,EAAE,OAAO,IAAI,WAAY,mBAAoB;AAGnD,QAAM,kBAAkB,SAAU,QAAQ,kBAAmB,KAAK;AAClE,QAAM,YAAY,SAAU,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;AAAA;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": []
 }

package/build-module/color-variations.js

@@ -1,6 +1,7 @@
+// packages/global-styles-ui/src/color-variations.tsx
 import ColorVariationsInternal from "./variations/variations-color";
 import { withGlobalStylesProvider } from "./with-global-styles-provider";
-const ColorVariations = withGlobalStylesProvider(ColorVariationsInternal);
+var ColorVariations = withGlobalStylesProvider(ColorVariationsInternal);
 export {
   ColorVariations
 };

package/build-module/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": "AAQA,OAAO,6BAA6B;AACpC,SAAS,gCAAgC;AAwBlC,MAAM,kBACZ,yBAA0B,uBAAwB;",
+  "mappings": ";AAQA,OAAO,6BAA6B;AACpC,SAAS,gCAAgC;AAwBlC,IAAM,kBACZ,yBAA0B,uBAAwB;",
   "names": []
 }

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

@@ -1,6 +1,7 @@
-import { jsx } from "react/jsx-runtime";
+// packages/global-styles-ui/src/confirm-reset-shadow-dialog.tsx
 import { __experimentalConfirmDialog as ConfirmDialog } from "@wordpress/components";
 import { __ } from "@wordpress/i18n";
+import { jsx } from "react/jsx-runtime";
 function ConfirmResetShadowDialog({
   text,
   confirmButtonText,

package/build-module/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": "AA+BE;AA5BF,SAAS,+BAA+B,qBAAqB;AAC7D,SAAS,UAAU;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;AAAA;AAAA,MACA;AAAA,MACA,kBAAmB,GAAI,QAAS;AAAA,MAChC;AAAA,MACA,UAAW;AAAA,MACX,WAAY;AAAA,MACZ,MAAK;AAAA,MAEH;AAAA;AAAA,EACH;AAEF;AAEA,IAAO,sCAAQ;",
+  "mappings": ";AAGA,SAAS,+BAA+B,qBAAqB;AAC7D,SAAS,UAAU;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;AAAA;AAAA,MACA;AAAA,MACA,kBAAmB,GAAI,QAAS;AAAA,MAChC;AAAA,MACA,UAAW;AAAA,MACX,WAAY;AAAA,MACZ,MAAK;AAAA,MAEH;AAAA;AAAA,EACH;AAEF;AAEA,IAAO,sCAAQ;",
   "names": []
 }

package/build-module/context.js

@@ -1,5 +1,6 @@
+// packages/global-styles-ui/src/context.ts
 import { createContext } from "@wordpress/element";
-const GlobalStylesContext = createContext({
+var GlobalStylesContext = createContext({
   user: { styles: {}, settings: {} },
   base: { styles: {}, settings: {} },
   merged: { styles: {}, settings: {} },

package/build-module/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": "AAGA,SAAS,qBAAqB;AAWvB,MAAM,sBAAsB,cAA0C;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": ";AAGA,SAAS,qBAAqB;AAWvB,IAAM,sBAAsB,cAA0C;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-module/dimensions-panel.js

@@ -1,10 +1,11 @@
-import { jsx } from "react/jsx-runtime";
+// packages/global-styles-ui/src/dimensions-panel.tsx
 import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
 import { useMemo } from "@wordpress/element";
 import { useStyle, useSetting } from "./hooks";
 import { unlock } from "./lock-unlock";
-const { useSettingsForBlockElement, DimensionsPanel: StylesDimensionsPanel } = unlock(blockEditorPrivateApis);
-const DEFAULT_CONTROLS = {
+import { jsx } from "react/jsx-runtime";
+var { useSettingsForBlockElement, DimensionsPanel: StylesDimensionsPanel } = unlock(blockEditorPrivateApis);
+var DEFAULT_CONTROLS = {
   contentSize: true,
   wideSize: true,
   padding: true,

package/build-module/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": "AA2EE;AAvEF,SAAS,eAAe,8BAA8B;AACtD,SAAS,eAAe;AAKxB,SAAS,UAAU,kBAAkB;AACrC,SAAS,cAAc;AAEvB,MAAM,EAAE,4BAA4B,iBAAiB,sBAAsB,IAC1E,OAAQ,sBAAuB;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,IAAI,SAAU,IAAI,QAAW,QAAQ,KAAM;AACzD,QAAM,CAAE,gBAAgB,QAAS,IAAI;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,YAAa,IAAI,WAAY,IAAI,QAAW,MAAO;AAC3D,QAAM,CAAE,aAAa,WAAY,IAAI,WAAY,EAAG;AACpD,QAAM,WAAW,2BAA4B,WAAY;AAIzD,QAAM,2BAA2B,QAAS,MAAM;AAC/C,WAAO;AAAA,MACN,GAAG;AAAA,MACH,QAAQ,SAAS;AAAA,IAClB;AAAA,EACD,GAAG,CAAE,gBAAgB,SAAS,MAAO,CAAE;AAEvC,QAAM,kBAAkB,QAAS,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": ";AAIA,SAAS,eAAe,8BAA8B;AACtD,SAAS,eAAe;AAKxB,SAAS,UAAU,kBAAkB;AACrC,SAAS,cAAc;AAgErB;AA9DF,IAAM,EAAE,4BAA4B,iBAAiB,sBAAsB,IAC1E,OAAQ,sBAAuB;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,IAAI,SAAU,IAAI,QAAW,QAAQ,KAAM;AACzD,QAAM,CAAE,gBAAgB,QAAS,IAAI;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,YAAa,IAAI,WAAY,IAAI,QAAW,MAAO;AAC3D,QAAM,CAAE,aAAa,WAAY,IAAI,WAAY,EAAG;AACpD,QAAM,WAAW,2BAA4B,WAAY;AAIzD,QAAM,2BAA2B,QAAS,MAAM;AAC/C,WAAO;AAAA,MACN,GAAG;AAAA,MACH,QAAQ,SAAS;AAAA,IAClB;AAAA,EACD,GAAG,CAAE,gBAAgB,SAAS,MAAO,CAAE;AAEvC,QAAM,kBAAkB,QAAS,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": []
 }

package/build-module/font-families.js

@@ -1,4 +1,4 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// packages/global-styles-ui/src/font-families.tsx
 import { __ } from "@wordpress/i18n";
 import {
   __experimentalText as Text,
@@ -17,6 +17,7 @@ import FontLibraryProvider, {
 import FontLibraryModal from "./font-library-modal";
 import FontFamilyItem from "./font-family-item";
 import { setUIValuesNeeded } from "./font-library-modal/utils";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function mapFontsWithSource(fonts, source) {
   return fonts ? fonts.map((f) => setUIValuesNeeded(f, { source })) : [];
 }

package/build-module/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": "AA8DI,SAiBC,UAjBD,KAOA,YAPA;AA3DJ,SAAS,UAAU;AACnB;AAAA,EACC,sBAAsB;AAAA,EACtB,2BAA2B;AAAA,EAC3B,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB;AAAA,OACM;AACP,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAK3B,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,OAAO;AAAA,EACN;AAAA,OACM;AACP,OAAO,sBAAsB;AAC7B,OAAO,oBAAoB;AAC3B,SAAS,yBAAyB;AASlC,SAAS,mBAAoB,OAAc,QAAiB;AAC3D,SAAO,QACJ,MAAM,IAAK,CAAE,MAAO,kBAAmB,GAAG,EAAE,OAAO,CAAE,CAAE,IACvD,CAAC;AACL;AAEA,SAAS,oBAAoB;AAC5B,QAAM,EAAE,iBAAiB,cAAc,gBAAgB,IACtD,WAAY,kBAAmB;AAChC,QAAM,CAAE,YAAa,IAAI,WAAY,yBAA0B;AAC/D,QAAM,CAAE,gBAAiB,IAAI;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,aAAa,mBAAoB,cAAc,OAAO,OAAQ;AACpE,QAAM,cAAc,mBAAoB,cAAc,QAAQ,QAAS;AACvE,QAAM,cAAc,CAAE,GAAG,YAAY,GAAG,WAAY,EAAE;AAAA,IAAM,CAAE,GAAG,MAChE,EAAE,KAAK,cAAe,EAAE,IAAK;AAAA,EAC9B;AACA,QAAM,WAAW,IAAI,YAAY;AACjC,QAAM,oBACL,YACA,kBAAkB,OAAO,SAAS,MAChC,iBAAiB,UAAU,KAAM;AAEpC,SACC,iCACG;AAAA,KAAC,CAAE,gBACJ;AAAA,MAAC;AAAA;AAAA,QACA,gBAAiB,MAAM,kBAAmB,EAAG;AAAA,QAC7C,cAAe;AAAA;AAAA,IAChB;AAAA,IAGD,qBAAC,UAAO,SAAU,GACjB;AAAA,2BAAC,UAAO,SAAQ,iBACf;AAAA,4BAAC,YAAS,OAAQ,GAAM,aAAI,OAAQ,GAAG;AAAA,QACvC;AAAA,UAAC;AAAA;AAAA,YACA,SAAU,MAAM,kBAAmB,iBAAkB;AAAA,YACrD,OAAQ,GAAI,cAAe;AAAA,YAC3B,MAAO;AAAA,YACP,MAAK;AAAA;AAAA,QACN;AAAA,SACD;AAAA,MACE,YAAY,SAAS,KACtB,gCACC,8BAAC,aAAU,MAAK,SAAQ,YAAU,MAAC,aAAW,MAC3C,sBAAY,IAAK,CAAE,SACpB;AAAA,QAAC;AAAA;AAAA,UAEA;AAAA;AAAA,QADM,KAAK;AAAA,MAEZ,CACC,GACH,GACD;AAAA,MAEC,CAAE,YACH,iCACC;AAAA,4BAAC,QAAK,IAAG,KACN,8BACC,GAAI,qBAAsB,IAC1B,GAAI,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,8BACC,GAAI,cAAe,IACnB,GAAI,WAAY;AAAA;AAAA,QACpB;AAAA,SACD;AAAA,OAEF;AAAA,KACD;AAEF;AAEe,SAAR,aAA+B,EAAE,GAAG,MAAM,GAAI;AACpD,SACC,oBAAC,uBACA,8BAAC,qBAAoB,GAAG,OAAQ,GACjC;AAEF;",
+  "mappings": ";AAGA,SAAS,UAAU;AACnB;AAAA,EACC,sBAAsB;AAAA,EACtB,2BAA2B;AAAA,EAC3B,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB;AAAA,OACM;AACP,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAK3B,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,OAAO;AAAA,EACN;AAAA,OACM;AACP,OAAO,sBAAsB;AAC7B,OAAO,oBAAoB;AAC3B,SAAS,yBAAyB;AAsC9B,SAiBC,UAjBD,KAOA,YAPA;AA7BJ,SAAS,mBAAoB,OAAc,QAAiB;AAC3D,SAAO,QACJ,MAAM,IAAK,CAAE,MAAO,kBAAmB,GAAG,EAAE,OAAO,CAAE,CAAE,IACvD,CAAC;AACL;AAEA,SAAS,oBAAoB;AAC5B,QAAM,EAAE,iBAAiB,cAAc,gBAAgB,IACtD,WAAY,kBAAmB;AAChC,QAAM,CAAE,YAAa,IAAI,WAAY,yBAA0B;AAC/D,QAAM,CAAE,gBAAiB,IAAI;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,aAAa,mBAAoB,cAAc,OAAO,OAAQ;AACpE,QAAM,cAAc,mBAAoB,cAAc,QAAQ,QAAS;AACvE,QAAM,cAAc,CAAE,GAAG,YAAY,GAAG,WAAY,EAAE;AAAA,IAAM,CAAE,GAAG,MAChE,EAAE,KAAK,cAAe,EAAE,IAAK;AAAA,EAC9B;AACA,QAAM,WAAW,IAAI,YAAY;AACjC,QAAM,oBACL,YACA,kBAAkB,OAAO,SAAS,MAChC,iBAAiB,UAAU,KAAM;AAEpC,SACC,iCACG;AAAA,KAAC,CAAE,gBACJ;AAAA,MAAC;AAAA;AAAA,QACA,gBAAiB,MAAM,kBAAmB,EAAG;AAAA,QAC7C,cAAe;AAAA;AAAA,IAChB;AAAA,IAGD,qBAAC,UAAO,SAAU,GACjB;AAAA,2BAAC,UAAO,SAAQ,iBACf;AAAA,4BAAC,YAAS,OAAQ,GAAM,aAAI,OAAQ,GAAG;AAAA,QACvC;AAAA,UAAC;AAAA;AAAA,YACA,SAAU,MAAM,kBAAmB,iBAAkB;AAAA,YACrD,OAAQ,GAAI,cAAe;AAAA,YAC3B,MAAO;AAAA,YACP,MAAK;AAAA;AAAA,QACN;AAAA,SACD;AAAA,MACE,YAAY,SAAS,KACtB,gCACC,8BAAC,aAAU,MAAK,SAAQ,YAAU,MAAC,aAAW,MAC3C,sBAAY,IAAK,CAAE,SACpB;AAAA,QAAC;AAAA;AAAA,UAEA;AAAA;AAAA,QADM,KAAK;AAAA,MAEZ,CACC,GACH,GACD;AAAA,MAEC,CAAE,YACH,iCACC;AAAA,4BAAC,QAAK,IAAG,KACN,8BACC,GAAI,qBAAsB,IAC1B,GAAI,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,8BACC,GAAI,cAAe,IACnB,GAAI,WAAY;AAAA;AAAA,QACpB;AAAA,SACD;AAAA,OAEF;AAAA,KACD;AAEF;AAEe,SAAR,aAA+B,EAAE,GAAG,MAAM,GAAI;AACpD,SACC,oBAAC,uBACA,8BAAC,qBAAoB,GAAG,OAAQ,GACjC;AAEF;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// packages/global-styles-ui/src/font-family-item.tsx
 import { _n, sprintf } from "@wordpress/i18n";
 import {
   __experimentalHStack as HStack,
@@ -8,6 +8,7 @@ import {
 import { useContext } from "@wordpress/element";
 import { FontLibraryContext } from "./font-library-modal/context";
 import { getFamilyPreviewStyle } from "./font-library-modal/utils/preview-styles";
+import { jsx, jsxs } from "react/jsx-runtime";
 function FontFamilyItem({ font }) {
   const { handleSetLibraryFontSelected, setModalTabOpen } = useContext(FontLibraryContext);
   const variantsCount = font?.fontFace?.length || 1;

package/build-module/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": "AAqCG,SACC,KADD;AAlCH,SAAS,IAAI,eAAe;AAC5B;AAAA,EACC,wBAAwB;AAAA,EACxB,sBAAsB;AAAA,EACtB;AAAA,OACM;AACP,SAAS,kBAAkB;AAK3B,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AAOtC,SAAS,eAAgB,EAAE,KAAK,GAAyB;AACxD,QAAM,EAAE,8BAA8B,gBAAgB,IACrD,WAAY,kBAAmB;AAEhC,QAAM,gBAAgB,MAAM,UAAU,UAAU;AAEhD,QAAM,cAAc,MAAM;AACzB,mCAAgC,IAAK;AACrC,sBAAmB,iBAAkB;AAAA,EACtC;AAEA,QAAM,eAAe,sBAAuB,IAAK;AAEjD,SACC,oBAAC,QAAK,SAAU,aACf,+BAAC,UAAO,SAAQ,iBACf;AAAA,wBAAC,YAAS,OAAQ,cAAiB,eAAK,MAAM;AAAA,IAC9C,oBAAC,YAAS,WAAU,2DACjB;AAAA;AAAA,MAED,GAAI,cAAc,eAAe,aAAc;AAAA,MAC/C;AAAA,IACD,GACD;AAAA,KACD,GACD;AAEF;AAEA,IAAO,2BAAQ;",
+  "mappings": ";AAGA,SAAS,IAAI,eAAe;AAC5B;AAAA,EACC,wBAAwB;AAAA,EACxB,sBAAsB;AAAA,EACtB;AAAA,OACM;AACP,SAAS,kBAAkB;AAK3B,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AAsBnC,SACC,KADD;AAfH,SAAS,eAAgB,EAAE,KAAK,GAAyB;AACxD,QAAM,EAAE,8BAA8B,gBAAgB,IACrD,WAAY,kBAAmB;AAEhC,QAAM,gBAAgB,MAAM,UAAU,UAAU;AAEhD,QAAM,cAAc,MAAM;AACzB,mCAAgC,IAAK;AACrC,sBAAmB,iBAAkB;AAAA,EACtC;AAEA,QAAM,eAAe,sBAAuB,IAAK;AAEjD,SACC,oBAAC,QAAK,SAAU,aACf,+BAAC,UAAO,SAAQ,iBACf;AAAA,wBAAC,YAAS,OAAQ,cAAiB,eAAK,MAAM;AAAA,IAC9C,oBAAC,YAAS,WAAU,2DACjB;AAAA;AAAA,MAED,GAAI,cAAc,eAAe,aAAc;AAAA,MAC/C;AAAA,IACD,GACD;AAAA,KACD,GACD;AAEF;AAEA,IAAO,2BAAQ;",
   "names": []
 }

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

@@ -1,8 +1,9 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// packages/global-styles-ui/src/font-library-modal/collection-font-variant.tsx
 import { useId } from "@wordpress/element";
 import { CheckboxControl, Flex } from "@wordpress/components";
 import { getFontFaceVariantName } from "./utils";
 import FontDemo from "./font-demo";
+import { jsx, jsxs } from "react/jsx-runtime";
 function CollectionFontVariant({
   face,
   font,

package/build-module/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": "AAgCG,SACC,KADD;AA7BH,SAAS,aAAa;AACtB,SAAS,iBAAiB,YAAY;AAKtC,SAAS,8BAA8B;AACvC,OAAO,cAAc;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,MAAM,uBAAwB,IAAK;AACnE,QAAM,aAAa,MAAM;AAEzB,SACC,oBAAC,SAAI,WAAU,iCACd,+BAAC,QAAK,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,oBAAC,WAAM,SAAU,YAChB;AAAA,MAAC;AAAA;AAAA,QACA,MAAO;AAAA,QACP,MAAO;AAAA,QACP,SAAU;AAAA;AAAA,IACX,GACD;AAAA,KACD,GACD;AAEF;AAEA,IAAO,kCAAQ;",
+  "mappings": ";AAGA,SAAS,aAAa;AACtB,SAAS,iBAAiB,YAAY;AAKtC,SAAS,8BAA8B;AACvC,OAAO,cAAc;AAsBlB,SACC,KADD;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,MAAM,uBAAwB,IAAK;AACnE,QAAM,aAAa,MAAM;AAEzB,SACC,oBAAC,SAAI,WAAU,iCACd,+BAAC,QAAK,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,oBAAC,WAAM,SAAU,YAChB;AAAA,MAAC;AAAA;AAAA,QACA,MAAO;AAAA,QACP,MAAO;AAAA,QACP,SAAU;AAAA;AAAA,IACX,GACD;AAAA,KACD,GACD;AAEF;AAEA,IAAO,kCAAQ;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-import { jsx } from "react/jsx-runtime";
+// packages/global-styles-ui/src/font-library-modal/context.tsx
 import { createContext, useState, useEffect } from "@wordpress/element";
 import { useSelect, useDispatch } from "@wordpress/data";
 import {
@@ -28,7 +28,8 @@ import {
 import { setImmutably } from "./utils/set-immutably";
 import { toggleFont } from "./utils/toggleFont";
 import { useSetting } from "../hooks";
-const FontLibraryContext = createContext(
+import { jsx } from "react/jsx-runtime";
+var FontLibraryContext = createContext(
   {}
 );
 FontLibraryContext.displayName = "FontLibraryContext";

package/build-module/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": []
 }

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

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// packages/global-styles-ui/src/font-library-modal/font-card.tsx
 import { _n, sprintf, isRTL } from "@wordpress/i18n";
 import {
   useNavigator,
@@ -9,6 +9,7 @@ import {
 } from "@wordpress/components";
 import { Icon, chevronLeft, chevronRight } from "@wordpress/icons";
 import FontDemo from "./font-demo";
+import { jsx, jsxs } from "react/jsx-runtime";
 function FontCard({
   font,
   onClick,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/font-library-modal/font-card.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { _n, sprintf, isRTL } from '@wordpress/i18n';\nimport {\n\tuseNavigator,\n\t__experimentalText as Text,\n\tButton,\n\tFlex,\n\tFlexItem,\n} from '@wordpress/components';\nimport { Icon, chevronLeft, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport FontDemo from './font-demo';\nimport type { FontFamily } from './types';\n\nfunction FontCard( {\n\tfont,\n\tonClick,\n\tvariantsText,\n\tnavigatorPath,\n}: {\n\tfont: FontFamily;\n\tonClick: () => void;\n\tvariantsText?: string;\n\tnavigatorPath?: string;\n} ) {\n\tconst variantsCount = font.fontFace?.length || 1;\n\n\tconst style = {\n\t\tcursor: !! onClick ? 'pointer' : 'default',\n\t};\n\n\tconst navigator = useNavigator();\n\n\treturn (\n\t\t<Button\n\t\t\t__next40pxDefaultSize\n\t\t\tonClick={ () => {\n\t\t\t\tonClick();\n\t\t\t\tif ( navigatorPath ) {\n\t\t\t\t\tnavigator.goTo( navigatorPath );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tstyle={ style }\n\t\t\tclassName=\"font-library-modal__font-card\"\n\t\t>\n\t\t\t<Flex justify=\"space-between\" wrap={ false }>\n\t\t\t\t<FontDemo font={ font } />\n\t\t\t\t<Flex justify=\"flex-end\">\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Text className=\"font-library-modal__font-card__count\">\n\t\t\t\t\t\t\t{ variantsText ||\n\t\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %d: Number of font variants. */\n\t\t\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t\t\t'%d variant',\n\t\t\t\t\t\t\t\t\t\t'%d variants',\n\t\t\t\t\t\t\t\t\t\tvariantsCount\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\tvariantsCount\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t</Flex>\n\t\t</Button>\n\t);\n}\n\nexport default FontCard;\n"],
-  "mappings": "AAmDI,cACA,YADA;AAhDJ,SAAS,IAAI,SAAS,aAAa;AACnC;AAAA,EACC;AAAA,EACA,sBAAsB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,MAAM,aAAa,oBAAoB;AAKhD,OAAO,cAAc;AAGrB,SAAS,SAAU;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAKI;AACH,QAAM,gBAAgB,KAAK,UAAU,UAAU;AAE/C,QAAM,QAAQ;AAAA,IACb,QAAQ,CAAC,CAAE,UAAU,YAAY;AAAA,EAClC;AAEA,QAAM,YAAY,aAAa;AAE/B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,uBAAqB;AAAA,MACrB,SAAU,MAAM;AACf,gBAAQ;AACR,YAAK,eAAgB;AACpB,oBAAU,KAAM,aAAc;AAAA,QAC/B;AAAA,MACD;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MAEV,+BAAC,QAAK,SAAQ,iBAAgB,MAAO,OACpC;AAAA,4BAAC,YAAS,MAAc;AAAA,QACxB,qBAAC,QAAK,SAAQ,YACb;AAAA,8BAAC,YACA,8BAAC,QAAK,WAAU,wCACb,0BACD;AAAA;AAAA,YAEC;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,YACD;AAAA,YACA;AAAA,UACD,GACF,GACD;AAAA,UACA,oBAAC,YACA,8BAAC,QAAK,MAAO,MAAM,IAAI,cAAc,cAAe,GACrD;AAAA,WACD;AAAA,SACD;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,oBAAQ;",
+  "mappings": ";AAGA,SAAS,IAAI,SAAS,aAAa;AACnC;AAAA,EACC;AAAA,EACA,sBAAsB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,MAAM,aAAa,oBAAoB;AAKhD,OAAO,cAAc;AAmCjB,cACA,YADA;AAhCJ,SAAS,SAAU;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAKI;AACH,QAAM,gBAAgB,KAAK,UAAU,UAAU;AAE/C,QAAM,QAAQ;AAAA,IACb,QAAQ,CAAC,CAAE,UAAU,YAAY;AAAA,EAClC;AAEA,QAAM,YAAY,aAAa;AAE/B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,uBAAqB;AAAA,MACrB,SAAU,MAAM;AACf,gBAAQ;AACR,YAAK,eAAgB;AACpB,oBAAU,KAAM,aAAc;AAAA,QAC/B;AAAA,MACD;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MAEV,+BAAC,QAAK,SAAQ,iBAAgB,MAAO,OACpC;AAAA,4BAAC,YAAS,MAAc;AAAA,QACxB,qBAAC,QAAK,SAAQ,YACb;AAAA,8BAAC,YACA,8BAAC,QAAK,WAAU,wCACb,0BACD;AAAA;AAAA,YAEC;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,YACD;AAAA,YACA;AAAA,UACD,GACF,GACD;AAAA,UACA,oBAAC,YACA,8BAAC,QAAK,MAAO,MAAM,IAAI,cAAc,cAAe,GACrD;AAAA,WACD;AAAA,SACD;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,oBAAQ;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// packages/global-styles-ui/src/font-library-modal/font-collection.tsx
 import {
   useContext,
   useEffect,
@@ -43,12 +43,13 @@ import GoogleFontsConfirmDialog from "./google-fonts-confirm-dialog";
 import { downloadFontFaceAssets } from "./utils";
 import { sortFontFaces } from "./utils/sort-font-faces";
 import CollectionFontVariant from "./collection-font-variant";
-const DEFAULT_CATEGORY = {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_CATEGORY = {
   slug: "all",
   name: _x("All", "font categories")
 };
-const LOCAL_STORAGE_ITEM = "wp-font-library-google-fonts-permission";
-const MIN_WINDOW_HEIGHT = 500;
+var LOCAL_STORAGE_ITEM = "wp-font-library-google-fonts-permission";
+var MIN_WINDOW_HEIGHT = 500;
 function FontCollection({ slug }) {
   const requiresPermission = slug === "google-fonts";
   const getGoogleFontsPermissionFromStorage = () => {