@wordpress/global-styles-engine 1.3.0 → 1.3.1-next.738bb1424.0

package/README.md

@@ -101,7 +101,7 @@ The global styles object follows the theme.json schema:
     color: { text: '#000', background: '#fff' },
     typography: { fontSize: '16px' },
     elements: {
-      button: { color: { background: '#blue' } }
+      button: { color: { background: 'blue' } }
     },
     blocks: {
       'core/paragraph': { color: { text: '#333' } }

package/build/core/{equal.js → equal.cjs}

@@ -33,7 +33,7 @@ __export(equal_exports, {
   areGlobalStylesEqual: () => areGlobalStylesEqual
 });
 module.exports = __toCommonJS(equal_exports);
-var import_es6 = __toESM(require("fast-deep-equal/es6"));
+var import_es6 = __toESM(require("fast-deep-equal/es6"), 1);
 function areGlobalStylesEqual(original, variation) {
   if (typeof original !== "object" || typeof variation !== "object") {
     return original === variation;
@@ -44,4 +44,4 @@ function areGlobalStylesEqual(original, variation) {
 0 && (module.exports = {
   areGlobalStylesEqual
 });
-//# sourceMappingURL=equal.js.map
+//# sourceMappingURL=equal.cjs.map

package/build/core/{merge.js → merge.cjs}

@@ -33,7 +33,7 @@ __export(merge_exports, {
   mergeGlobalStyles: () => mergeGlobalStyles
 });
 module.exports = __toCommonJS(merge_exports);
-var import_deepmerge = __toESM(require("deepmerge"));
+var import_deepmerge = __toESM(require("deepmerge"), 1);
 var import_is_plain_object = require("is-plain-object");
 function mergeGlobalStyles(base, user) {
   return (0, import_deepmerge.default)(base, user, {
@@ -60,4 +60,4 @@ function mergeGlobalStyles(base, user) {
 0 && (module.exports = {
   mergeGlobalStyles
 });
-//# sourceMappingURL=merge.js.map
+//# sourceMappingURL=merge.cjs.map

package/build/core/{render.js → render.cjs}

@@ -35,16 +35,16 @@ module.exports = __toCommonJS(render_exports);
 var import_blocks = require("@wordpress/blocks");
 var import_style_engine = require("@wordpress/style-engine");
 var import_data = require("@wordpress/data");
-var import_common = require("../utils/common");
-var import_selectors = require("./selectors");
-var import_typography = require("../utils/typography");
-var import_duotone = require("../utils/duotone");
-var import_string = require("../utils/string");
-var import_gap = require("../utils/gap");
-var import_background = require("../utils/background");
-var import_layout = require("../utils/layout");
-var import_object = require("../utils/object");
-var import_get_setting = require("../settings/get-setting");
+var import_common = require("../utils/common.cjs");
+var import_selectors = require("./selectors.cjs");
+var import_typography = require("../utils/typography.cjs");
+var import_duotone = require("../utils/duotone.cjs");
+var import_string = require("../utils/string.cjs");
+var import_gap = require("../utils/gap.cjs");
+var import_background = require("../utils/background.cjs");
+var import_layout = require("../utils/layout.cjs");
+var import_object = require("../utils/object.cjs");
+var import_get_setting = require("../settings/get-setting.cjs");
 var ELEMENT_CLASS_NAMES = {
   button: "wp-element-button",
   caption: "wp-element-caption"
@@ -423,9 +423,37 @@ var getNodesWithStyles = (tree, blockSelectors) => {
   }
   Object.entries(import_blocks.__EXPERIMENTAL_ELEMENTS).forEach(([name, selector]) => {
     if (tree.styles?.elements?.[name]) {
+      const elementStyles = tree.styles?.elements?.[name] ?? {};
+      const finalSelector = selector;
+      let textIndentStyles = null;
+      if (name === "text" && elementStyles?.typography?.textIndent) {
+        textIndentStyles = {
+          typography: {
+            textIndent: elementStyles.typography.textIndent
+          }
+        };
+        const stylesWithoutTextIndent = { ...elementStyles };
+        if (stylesWithoutTextIndent.typography) {
+          const { textIndent, ...restTypography } = stylesWithoutTextIndent.typography;
+          stylesWithoutTextIndent.typography = restTypography;
+        }
+        if (Object.keys(stylesWithoutTextIndent).length > 0) {
+          nodes.push({
+            styles: stylesWithoutTextIndent,
+            selector: finalSelector,
+            skipSelectorWrapper: !ELEMENT_CLASS_NAMES[name]
+          });
+        }
+        nodes.push({
+          styles: textIndentStyles,
+          selector: "p + p",
+          skipSelectorWrapper: true
+        });
+        return;
+      }
       nodes.push({
-        styles: tree.styles?.elements?.[name] ?? {},
-        selector,
+        styles: elementStyles,
+        selector: finalSelector,
         // Top level elements that don't use a class name should not receive the
         // `:root :where()` wrapper to maintain backwards compatibility.
         skipSelectorWrapper: !ELEMENT_CLASS_NAMES[name]
@@ -999,4 +1027,4 @@ function generateGlobalStyles(config = {}, blockTypes = [], options = {}) {
   processCSSNesting,
   transformToStyles
 });
-//# sourceMappingURL=render.js.map
+//# sourceMappingURL=render.cjs.map

package/build/core/render.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/core/render.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__EXPERIMENTAL_STYLE_PROPERTY as STYLE_PROPERTY,\n\t__EXPERIMENTAL_ELEMENTS as ELEMENTS,\n\tgetBlockSupport,\n\tgetBlockTypes,\n\tstore as blocksStore,\n\t// @ts-expect-error - @wordpress/blocks module doesn't have TypeScript declarations\n} from '@wordpress/blocks';\nimport { getCSSRules, getCSSValueFromRawStyle } from '@wordpress/style-engine';\nimport { select } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tPRESET_METADATA,\n\tROOT_BLOCK_SELECTOR,\n\tROOT_CSS_PROPERTIES_SELECTOR,\n\tscopeSelector,\n\tscopeFeatureSelectors,\n\tappendToSelector,\n\tgetBlockStyleVariationSelector,\n\tgetResolvedValue,\n} from '../utils/common';\nimport { getBlockSelector } from './selectors';\nimport { getTypographyFontSizeValue } from '../utils/typography';\nimport { getDuotoneFilter } from '../utils/duotone';\nimport { kebabCase } from '../utils/string';\nimport { getGapCSSValue } from '../utils/gap';\nimport { setBackgroundStyleDefaults } from '../utils/background';\nimport { LAYOUT_DEFINITIONS } from '../utils/layout';\nimport { getValueFromObjectPath, setImmutably } from '../utils/object';\nimport { getSetting } from '../settings/get-setting';\nimport type {\n\tBlockStyleVariation,\n\tBlockType,\n\tGlobalStylesConfig,\n\tGlobalStylesSettings,\n\tGlobalStylesStyles,\n} from '../types';\n\n// =============================================================================\n// LOCAL TYPE DEFINITIONS\n// =============================================================================\n\n/**\n * Preset metadata for CSS variable generation\n */\ninterface PresetMetadata {\n\tpath: string[];\n\tvalueKey?: string;\n\tvalueFunc?: ( preset: any, settings: any ) => string | number | null;\n\tcssVarInfix: string;\n\tclasses?: Array< {\n\t\tclassSuffix: string;\n\t\tpropertyName: string;\n\t} >;\n}\n\n/**\n * Preset collection by origin\n */\ninterface PresetsByOrigin {\n\t[ origin: string ]: any[];\n}\n\n/**\n * CSS class configuration\n */\ninterface CSSClassConfig {\n\tclassSuffix: string;\n\tpropertyName: string;\n}\n\n/**\n * Style property configuration from WordPress\n */\ninterface StylePropertyConfig {\n\tvalue: string[];\n\tproperties?: Record< string, string >;\n\tuseEngine?: boolean;\n\trootOnly?: boolean;\n}\n\n/**\n * Layout definition structure\n */\ninterface LayoutDefinition {\n\tclassName: string;\n\tname: string;\n\tdisplayMode?: string;\n\tspacingStyles?: Array< {\n\t\tselector?: string;\n\t\trules?: Record< string, any >;\n\t} >;\n\tbaseStyles?: Array< {\n\t\tselector?: string;\n\t\trules?: Record< string, any >;\n\t} >;\n}\n\n/**\n * CSS rule from style engine\n */\ninterface CSSRule {\n\tkey: string;\n\tvalue: any;\n}\n\n/**\n * Block variation in theme.json (different from BlockStyleVariation)\n */\ninterface BlockVariation {\n\tcss?: string;\n\telements?: Record< string, any >;\n\tblocks?: Record< string, any >;\n\t[ key: string ]: any; // For additional style properties\n}\n\n/**\n * Block node in theme.json\n */\ninterface BlockNode {\n\tvariations?: Record< string, BlockVariation >;\n\telements?: Record< string, any >;\n\t[ key: string ]: any; // For additional style properties\n}\n\nexport type BlockSelectors = Record<\n\tstring,\n\t{\n\t\tduotoneSelector?: string;\n\t\tselector: string;\n\t\tfallbackGapValue?: string;\n\t\thasLayoutSupport?: boolean;\n\t\tfeatureSelectors?:\n\t\t\t| string\n\t\t\t| Record< string, string | Record< string, string > >;\n\t\tname?: string;\n\t\tstyleVariationSelectors?: Record< string, string >;\n\t}\n>;\n\n// Elements that rely on class names in their selectors.\nconst ELEMENT_CLASS_NAMES = {\n\tbutton: 'wp-element-button',\n\tcaption: 'wp-element-caption',\n};\n\n// List of block support features that can have their related styles\n// generated under their own feature level selector rather than the block's.\nconst BLOCK_SUPPORT_FEATURE_LEVEL_SELECTORS = {\n\t__experimentalBorder: 'border',\n\tcolor: 'color',\n\tdimensions: 'dimensions',\n\tspacing: 'spacing',\n\ttypography: 'typography',\n};\n\n/**\n * Transform given preset tree into a set of style declarations.\n *\n * @param blockPresets   Block presets object\n * @param mergedSettings Merged theme.json settings\n * @return An array of style declarations\n */\nfunction getPresetsDeclarations(\n\tblockPresets: Record< string, any > = {},\n\tmergedSettings: GlobalStylesSettings\n): string[] {\n\treturn PRESET_METADATA.reduce(\n\t\t(\n\t\t\tdeclarations: string[],\n\t\t\t{ path, valueKey, valueFunc, cssVarInfix }: PresetMetadata\n\t\t) => {\n\t\t\tconst presetByOrigin = getValueFromObjectPath(\n\t\t\t\tblockPresets,\n\t\t\t\tpath,\n\t\t\t\t[]\n\t\t\t) as PresetsByOrigin;\n\t\t\t[ 'default', 'theme', 'custom' ].forEach( ( origin ) => {\n\t\t\t\tif ( presetByOrigin[ origin ] ) {\n\t\t\t\t\tpresetByOrigin[ origin ].forEach( ( value: any ) => {\n\t\t\t\t\t\tif ( valueKey && ! valueFunc ) {\n\t\t\t\t\t\t\tdeclarations.push(\n\t\t\t\t\t\t\t\t`--wp--preset--${ cssVarInfix }--${ kebabCase(\n\t\t\t\t\t\t\t\t\tvalue.slug\n\t\t\t\t\t\t\t\t) }: ${ value[ valueKey ] }`\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\tvalueFunc &&\n\t\t\t\t\t\t\ttypeof valueFunc === 'function'\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tdeclarations.push(\n\t\t\t\t\t\t\t\t`--wp--preset--${ cssVarInfix }--${ kebabCase(\n\t\t\t\t\t\t\t\t\tvalue.slug\n\t\t\t\t\t\t\t\t) }: ${ valueFunc( value, mergedSettings ) }`\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} );\n\n\t\t\treturn declarations;\n\t\t},\n\t\t[] as string[]\n\t);\n}\n\n/**\n * Transform given preset tree into a set of preset class declarations.\n *\n * @param blockSelector Block selector string\n * @param blockPresets  Block presets object\n * @return CSS declarations for the preset classes\n */\nfunction getPresetsClasses(\n\tblockSelector: string = '*',\n\tblockPresets: Record< string, any > = {}\n): string {\n\treturn PRESET_METADATA.reduce(\n\t\t(\n\t\t\tdeclarations: string,\n\t\t\t{ path, cssVarInfix, classes }: PresetMetadata\n\t\t) => {\n\t\t\tif ( ! classes ) {\n\t\t\t\treturn declarations;\n\t\t\t}\n\n\t\t\tconst presetByOrigin = getValueFromObjectPath(\n\t\t\t\tblockPresets,\n\t\t\t\tpath,\n\t\t\t\t[]\n\t\t\t) as PresetsByOrigin;\n\t\t\t[ 'default', 'theme', 'custom' ].forEach( ( origin ) => {\n\t\t\t\tif ( presetByOrigin[ origin ] ) {\n\t\t\t\t\tpresetByOrigin[ origin ].forEach(\n\t\t\t\t\t\t( { slug }: { slug: string } ) => {\n\t\t\t\t\t\t\tclasses!.forEach(\n\t\t\t\t\t\t\t\t( {\n\t\t\t\t\t\t\t\t\tclassSuffix,\n\t\t\t\t\t\t\t\t\tpropertyName,\n\t\t\t\t\t\t\t\t}: CSSClassConfig ) => {\n\t\t\t\t\t\t\t\t\tconst classSelectorToUse = `.has-${ kebabCase(\n\t\t\t\t\t\t\t\t\t\tslug\n\t\t\t\t\t\t\t\t\t) }-${ classSuffix }`;\n\t\t\t\t\t\t\t\t\tconst selectorToUse = blockSelector\n\t\t\t\t\t\t\t\t\t\t.split( ',' ) // Selector can be \"h1, h2, h3\"\n\t\t\t\t\t\t\t\t\t\t.map(\n\t\t\t\t\t\t\t\t\t\t\t( selector ) =>\n\t\t\t\t\t\t\t\t\t\t\t\t`${ selector }${ classSelectorToUse }`\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t.join( ',' );\n\t\t\t\t\t\t\t\t\tconst value = `var(--wp--preset--${ cssVarInfix }--${ kebabCase(\n\t\t\t\t\t\t\t\t\t\tslug\n\t\t\t\t\t\t\t\t\t) })`;\n\t\t\t\t\t\t\t\t\tdeclarations += `${ selectorToUse }{${ propertyName }: ${ value } !important;}`;\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);\n\t\t\t\t}\n\t\t\t} );\n\t\t\treturn declarations;\n\t\t},\n\t\t''\n\t);\n}\n\nfunction getPresetsSvgFilters(\n\tblockPresets: Record< string, any > = {}\n): string[] {\n\treturn PRESET_METADATA.filter(\n\t\t// Duotone are the only type of filters for now.\n\t\t( metadata: PresetMetadata ) => metadata.path.at( -1 ) === 'duotone'\n\t).flatMap( ( metadata: PresetMetadata ) => {\n\t\tconst presetByOrigin = getValueFromObjectPath(\n\t\t\tblockPresets,\n\t\t\tmetadata.path,\n\t\t\t{}\n\t\t) as PresetsByOrigin;\n\t\treturn [ 'default', 'theme' ]\n\t\t\t.filter( ( origin ) => presetByOrigin[ origin ] )\n\t\t\t.flatMap( ( origin ) =>\n\t\t\t\tpresetByOrigin[ origin ].map( ( preset: any ) =>\n\t\t\t\t\tgetDuotoneFilter(\n\t\t\t\t\t\t`wp-duotone-${ preset.slug }`,\n\t\t\t\t\t\tpreset.colors\n\t\t\t\t\t)\n\t\t\t\t)\n\t\t\t)\n\t\t\t.join( '' );\n\t} );\n}\n\nfunction flattenTree(\n\tinput: any = {},\n\tprefix: string,\n\ttoken: string\n): string[] {\n\tlet result: string[] = [];\n\tObject.keys( input ).forEach( ( key ) => {\n\t\tconst newKey = prefix + kebabCase( key.replace( '/', '-' ) );\n\t\tconst newLeaf = input[ key ];\n\n\t\tif ( newLeaf instanceof Object ) {\n\t\t\tconst newPrefix = newKey + token;\n\t\t\tresult = [ ...result, ...flattenTree( newLeaf, newPrefix, token ) ];\n\t\t} else {\n\t\t\tresult.push( `${ newKey }: ${ newLeaf }` );\n\t\t}\n\t} );\n\treturn result;\n}\n\n/**\n * Gets variation selector string from feature selector.\n *\n * @param featureSelector        The feature selector\n * @param styleVariationSelector The style variation selector\n * @return Combined selector string\n */\nfunction concatFeatureVariationSelectorString(\n\tfeatureSelector: string,\n\tstyleVariationSelector: string\n): string {\n\tconst featureSelectors = featureSelector.split( ',' );\n\tconst combinedSelectors: string[] = [];\n\tfeatureSelectors.forEach( ( selector ) => {\n\t\tcombinedSelectors.push(\n\t\t\t`${ styleVariationSelector.trim() }${ selector.trim() }`\n\t\t);\n\t} );\n\treturn combinedSelectors.join( ', ' );\n}\n\n/**\n * Generate style declarations for a block's custom feature and subfeature\n * selectors.\n *\n * NOTE: The passed `styles` object will be mutated by this function.\n *\n * @param selectors Custom selectors object for a block\n * @param styles    A block's styles object\n * @return Style declarations\n */\nconst getFeatureDeclarations = (\n\tselectors: Record< string, any >,\n\tstyles: Record< string, any >\n): Record< string, string[] > => {\n\tconst declarations: Record< string, string[] > = {};\n\n\tObject.entries( selectors ).forEach( ( [ feature, selector ] ) => {\n\t\t// We're only processing features/subfeatures that have styles.\n\t\tif ( feature === 'root' || ! styles?.[ feature ] ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst isShorthand = typeof selector === 'string';\n\n\t\t// If we have a selector object instead of shorthand process it.\n\t\tif (\n\t\t\t! isShorthand &&\n\t\t\ttypeof selector === 'object' &&\n\t\t\tselector !== null\n\t\t) {\n\t\t\tObject.entries( selector as Record< string, string > ).forEach(\n\t\t\t\t( [ subfeature, subfeatureSelector ] ) => {\n\t\t\t\t\t// Don't process root feature selector yet or any\n\t\t\t\t\t// subfeature that doesn't have a style.\n\t\t\t\t\tif (\n\t\t\t\t\t\tsubfeature === 'root' ||\n\t\t\t\t\t\t! styles?.[ feature ][ subfeature ]\n\t\t\t\t\t) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Create a temporary styles object and build\n\t\t\t\t\t// declarations for subfeature.\n\t\t\t\t\tconst subfeatureStyles = {\n\t\t\t\t\t\t[ feature ]: {\n\t\t\t\t\t\t\t[ subfeature ]: styles[ feature ][ subfeature ],\n\t\t\t\t\t\t},\n\t\t\t\t\t};\n\t\t\t\t\tconst newDeclarations =\n\t\t\t\t\t\tgetStylesDeclarations( subfeatureStyles );\n\n\t\t\t\t\t// Merge new declarations in with any others that\n\t\t\t\t\t// share the same selector.\n\t\t\t\t\tdeclarations[ subfeatureSelector ] = [\n\t\t\t\t\t\t...( declarations[ subfeatureSelector ] || [] ),\n\t\t\t\t\t\t...newDeclarations,\n\t\t\t\t\t];\n\n\t\t\t\t\t// Remove the subfeature's style now it will be\n\t\t\t\t\t// included under its own selector not the block's.\n\t\t\t\t\tdelete styles[ feature ][ subfeature ];\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\n\t\t// Now subfeatures have been processed and removed, we can\n\t\t// process root, or shorthand, feature selectors.\n\t\tif (\n\t\t\tisShorthand ||\n\t\t\t( typeof selector === 'object' &&\n\t\t\t\tselector !== null &&\n\t\t\t\t'root' in selector )\n\t\t) {\n\t\t\tconst featureSelector = isShorthand\n\t\t\t\t? ( selector as string )\n\t\t\t\t: ( selector as any ).root;\n\n\t\t\t// Create temporary style object and build declarations for feature.\n\t\t\tconst featureStyles = { [ feature ]: styles[ feature ] };\n\t\t\tconst newDeclarations = getStylesDeclarations( featureStyles );\n\n\t\t\t// Merge new declarations with any others that share the selector.\n\t\t\tdeclarations[ featureSelector ] = [\n\t\t\t\t...( declarations[ featureSelector ] || [] ),\n\t\t\t\t...newDeclarations,\n\t\t\t];\n\n\t\t\t// Remove the feature from the block's styles now as it will be\n\t\t\t// included under its own selector not the block's.\n\t\t\tdelete styles[ feature ];\n\t\t}\n\t} );\n\n\treturn declarations;\n};\n\n/**\n * Transform given style tree into a set of style declarations.\n *\n * @param blockStyles         Block styles\n * @param selector            The selector these declarations should attach to\n * @param useRootPaddingAlign Whether to use CSS custom properties in root selector\n * @param tree                A theme.json tree containing layout definitions\n * @param disableRootPadding  Whether to force disable the root padding styles\n * @return An array of style declarations\n */\nexport function getStylesDeclarations(\n\tblockStyles: any = {},\n\tselector: string = '',\n\tuseRootPaddingAlign?: boolean,\n\ttree: any = {},\n\tdisableRootPadding: boolean = false\n): string[] {\n\tconst isRoot = ROOT_BLOCK_SELECTOR === selector;\n\tconst output = Object.entries(\n\t\tSTYLE_PROPERTY as Record< string, StylePropertyConfig >\n\t).reduce(\n\t\t(\n\t\t\tdeclarations: string[],\n\t\t\t[ key, { value, properties, useEngine, rootOnly } ]: [\n\t\t\t\tstring,\n\t\t\t\tStylePropertyConfig,\n\t\t\t]\n\t\t) => {\n\t\t\tif ( rootOnly && ! isRoot ) {\n\t\t\t\treturn declarations;\n\t\t\t}\n\t\t\tconst pathToValue = value;\n\t\t\tif ( pathToValue[ 0 ] === 'elements' || useEngine ) {\n\t\t\t\treturn declarations;\n\t\t\t}\n\n\t\t\tconst styleValue = getValueFromObjectPath(\n\t\t\t\tblockStyles,\n\t\t\t\tpathToValue\n\t\t\t);\n\n\t\t\t// Root-level padding styles don't currently support strings with CSS shorthand values.\n\t\t\t// This may change: https://github.com/WordPress/gutenberg/issues/40132.\n\t\t\tif (\n\t\t\t\tkey === '--wp--style--root--padding' &&\n\t\t\t\t( typeof styleValue === 'string' || ! useRootPaddingAlign )\n\t\t\t) {\n\t\t\t\treturn declarations;\n\t\t\t}\n\n\t\t\tif ( properties && typeof styleValue !== 'string' ) {\n\t\t\t\tObject.entries( properties ).forEach( ( entry ) => {\n\t\t\t\t\tconst [ name, prop ] = entry;\n\n\t\t\t\t\tif (\n\t\t\t\t\t\t! getValueFromObjectPath( styleValue, [ prop ], false )\n\t\t\t\t\t) {\n\t\t\t\t\t\t// Do not create a declaration\n\t\t\t\t\t\t// for sub-properties that don't have any value.\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst cssProperty = name.startsWith( '--' )\n\t\t\t\t\t\t? name\n\t\t\t\t\t\t: kebabCase( name );\n\t\t\t\t\tdeclarations.push(\n\t\t\t\t\t\t`${ cssProperty }: ${ getCSSValueFromRawStyle(\n\t\t\t\t\t\t\tgetValueFromObjectPath( styleValue, [ prop ] )\n\t\t\t\t\t\t) }`\n\t\t\t\t\t);\n\t\t\t\t} );\n\t\t\t} else if (\n\t\t\t\tgetValueFromObjectPath( blockStyles, pathToValue, false )\n\t\t\t) {\n\t\t\t\tconst cssProperty = key.startsWith( '--' )\n\t\t\t\t\t? key\n\t\t\t\t\t: kebabCase( key );\n\t\t\t\tdeclarations.push(\n\t\t\t\t\t`${ cssProperty }: ${ getCSSValueFromRawStyle(\n\t\t\t\t\t\tgetValueFromObjectPath( blockStyles, pathToValue )\n\t\t\t\t\t) }`\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn declarations;\n\t\t},\n\t\t[] as string[]\n\t);\n\n\t/*\n\t * Preprocess background image values.\n\t *\n\t * Note: As we absorb more and more styles into the engine, we could simplify this function.\n\t * A refactor is for the style engine to handle ref resolution (and possibly defaults)\n\t * via a public util used internally and externally. Theme.json tree and defaults could be passed\n\t * as options.\n\t */\n\tif ( !! blockStyles.background ) {\n\t\t/*\n\t\t * Resolve dynamic values before they are compiled by the style engine,\n\t\t * which doesn't (yet) resolve dynamic values.\n\t\t */\n\t\tif ( blockStyles.background?.backgroundImage ) {\n\t\t\tblockStyles.background.backgroundImage = getResolvedValue(\n\t\t\t\tblockStyles.background.backgroundImage,\n\t\t\t\ttree\n\t\t\t);\n\t\t}\n\n\t\t/*\n\t\t * Set default values for block background styles.\n\t\t * Top-level styles are an exception as they are applied to the body.\n\t\t */\n\t\tif ( ! isRoot && !! blockStyles.background?.backgroundImage?.id ) {\n\t\t\tblockStyles = {\n\t\t\t\t...blockStyles,\n\t\t\t\tbackground: {\n\t\t\t\t\t...blockStyles.background,\n\t\t\t\t\t...setBackgroundStyleDefaults( blockStyles.background ),\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t}\n\n\tconst extraRules = getCSSRules( blockStyles );\n\textraRules.forEach( ( rule: CSSRule ) => {\n\t\t// Don't output padding properties if padding variables are set or if we're not editing a full template.\n\t\tif (\n\t\t\tisRoot &&\n\t\t\t( useRootPaddingAlign || disableRootPadding ) &&\n\t\t\trule.key.startsWith( 'padding' )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tconst cssProperty = rule.key.startsWith( '--' )\n\t\t\t? rule.key\n\t\t\t: kebabCase( rule.key );\n\n\t\tlet ruleValue = getResolvedValue( rule.value, tree );\n\n\t\t// Calculate fluid typography rules where available.\n\t\tif ( cssProperty === 'font-size' ) {\n\t\t\t/*\n\t\t\t * getTypographyFontSizeValue() will check\n\t\t\t * if fluid typography has been activated and also\n\t\t\t * whether the incoming value can be converted to a fluid value.\n\t\t\t * Values that already have a \"clamp()\" function will not pass the test,\n\t\t\t * and therefore the original $value will be returned.\n\t\t\t */\n\t\t\truleValue = getTypographyFontSizeValue(\n\t\t\t\t{ name: '', slug: '', size: ruleValue as string },\n\t\t\t\ttree?.settings\n\t\t\t);\n\t\t}\n\n\t\t// For aspect ratio to work, other dimensions rules (and Cover block defaults) must be unset.\n\t\t// This ensures that a fixed height does not override the aspect ratio.\n\t\tif ( cssProperty === 'aspect-ratio' ) {\n\t\t\toutput.push( 'min-height: unset' );\n\t\t}\n\n\t\toutput.push( `${ cssProperty }: ${ ruleValue }` );\n\t} );\n\n\treturn output;\n}\n\n/**\n * Get generated CSS for layout styles by looking up layout definitions provided\n * in theme.json, and outputting common layout styles, and specific blockGap values.\n *\n * @param props                       Layout styles configuration\n * @param props.layoutDefinitions     Layout definitions from theme.json\n * @param props.style                 Style object for the block\n * @param props.selector              Selector to apply the styles to\n * @param props.hasBlockGapSupport    Whether the block supports block gap styles\n * @param props.hasFallbackGapSupport Whether the block supports fallback gap styles\n * @param props.fallbackGapValue      Fallback gap value to use if block gap support is\n *\n * @return Generated CSS rules for the layout styles\n */\nexport function getLayoutStyles( {\n\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\tstyle,\n\tselector,\n\thasBlockGapSupport,\n\thasFallbackGapSupport,\n\tfallbackGapValue,\n}: {\n\tlayoutDefinitions?: Record< string, LayoutDefinition >;\n\tstyle?: GlobalStylesStyles;\n\tselector?: string;\n\thasBlockGapSupport?: boolean;\n\thasFallbackGapSupport?: boolean;\n\tfallbackGapValue?: string;\n} ): string {\n\tlet ruleset = '';\n\tlet gapValue = hasBlockGapSupport\n\t\t? getGapCSSValue( style?.spacing?.blockGap )\n\t\t: '';\n\n\t// Ensure a fallback gap value for the root layout definitions,\n\t// and use a fallback value if one is provided for the current block.\n\tif ( hasFallbackGapSupport ) {\n\t\tif ( selector === ROOT_BLOCK_SELECTOR ) {\n\t\t\tgapValue = ! gapValue ? '0.5em' : gapValue;\n\t\t} else if ( ! hasBlockGapSupport && fallbackGapValue ) {\n\t\t\tgapValue = fallbackGapValue;\n\t\t}\n\t}\n\n\tif ( gapValue && layoutDefinitions ) {\n\t\tObject.values( layoutDefinitions ).forEach(\n\t\t\t( { className, name, spacingStyles } ) => {\n\t\t\t\t// Allow outputting fallback gap styles for flex layout type when block gap support isn't available.\n\t\t\t\tif (\n\t\t\t\t\t! hasBlockGapSupport &&\n\t\t\t\t\t'flex' !== name &&\n\t\t\t\t\t'grid' !== name\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( spacingStyles?.length ) {\n\t\t\t\t\tspacingStyles.forEach( ( spacingStyle: any ) => {\n\t\t\t\t\t\tconst declarations: string[] = [];\n\n\t\t\t\t\t\tif ( spacingStyle.rules ) {\n\t\t\t\t\t\t\tObject.entries( spacingStyle.rules ).forEach(\n\t\t\t\t\t\t\t\t( [ cssProperty, cssValue ] ) => {\n\t\t\t\t\t\t\t\t\tdeclarations.push(\n\t\t\t\t\t\t\t\t\t\t`${ cssProperty }: ${\n\t\t\t\t\t\t\t\t\t\t\tcssValue ? cssValue : gapValue\n\t\t\t\t\t\t\t\t\t\t}`\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif ( declarations.length ) {\n\t\t\t\t\t\t\tlet combinedSelector = '';\n\n\t\t\t\t\t\t\tif ( ! hasBlockGapSupport ) {\n\t\t\t\t\t\t\t\t// For fallback gap styles, use lower specificity, to ensure styles do not unintentionally override theme styles.\n\t\t\t\t\t\t\t\tcombinedSelector =\n\t\t\t\t\t\t\t\t\tselector === ROOT_BLOCK_SELECTOR\n\t\t\t\t\t\t\t\t\t\t? `:where(.${ className }${\n\t\t\t\t\t\t\t\t\t\t\t\tspacingStyle?.selector || ''\n\t\t\t\t\t\t\t\t\t\t  })`\n\t\t\t\t\t\t\t\t\t\t: `:where(${ selector }.${ className }${\n\t\t\t\t\t\t\t\t\t\t\t\tspacingStyle?.selector || ''\n\t\t\t\t\t\t\t\t\t\t  })`;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tcombinedSelector =\n\t\t\t\t\t\t\t\t\tselector === ROOT_BLOCK_SELECTOR\n\t\t\t\t\t\t\t\t\t\t? `:root :where(.${ className })${\n\t\t\t\t\t\t\t\t\t\t\t\tspacingStyle?.selector || ''\n\t\t\t\t\t\t\t\t\t\t  }`\n\t\t\t\t\t\t\t\t\t\t: `:root :where(${ selector }-${ className })${\n\t\t\t\t\t\t\t\t\t\t\t\tspacingStyle?.selector || ''\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\truleset += `${ combinedSelector } { ${ declarations.join(\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} );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t\t// For backwards compatibility, ensure the legacy block gap CSS variable is still available.\n\t\tif ( selector === ROOT_BLOCK_SELECTOR && hasBlockGapSupport ) {\n\t\t\truleset += `${ ROOT_CSS_PROPERTIES_SELECTOR } { --wp--style--block-gap: ${ gapValue }; }`;\n\t\t}\n\t}\n\n\t// Output base styles\n\tif ( selector === ROOT_BLOCK_SELECTOR && layoutDefinitions ) {\n\t\tconst validDisplayModes = [ 'block', 'flex', 'grid' ];\n\t\tObject.values( layoutDefinitions ).forEach(\n\t\t\t( { className, displayMode, baseStyles }: LayoutDefinition ) => {\n\t\t\t\tif (\n\t\t\t\t\tdisplayMode &&\n\t\t\t\t\tvalidDisplayModes.includes( displayMode )\n\t\t\t\t) {\n\t\t\t\t\truleset += `${ selector } .${ className } { display:${ displayMode }; }`;\n\t\t\t\t}\n\n\t\t\t\tif ( baseStyles?.length ) {\n\t\t\t\t\tbaseStyles.forEach( ( baseStyle: any ) => {\n\t\t\t\t\t\tconst declarations: string[] = [];\n\n\t\t\t\t\t\tif ( baseStyle.rules ) {\n\t\t\t\t\t\t\tObject.entries( baseStyle.rules ).forEach(\n\t\t\t\t\t\t\t\t( [ cssProperty, cssValue ] ) => {\n\t\t\t\t\t\t\t\t\tdeclarations.push(\n\t\t\t\t\t\t\t\t\t\t`${ cssProperty }: ${ cssValue }`\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif ( declarations.length ) {\n\t\t\t\t\t\t\tconst combinedSelector = `.${ className }${\n\t\t\t\t\t\t\t\tbaseStyle?.selector || ''\n\t\t\t\t\t\t\t}`;\n\t\t\t\t\t\t\truleset += `${ combinedSelector } { ${ declarations.join(\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} );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t}\n\n\treturn ruleset;\n}\n\nconst STYLE_KEYS = [\n\t'border',\n\t'color',\n\t'dimensions',\n\t'spacing',\n\t'typography',\n\t'filter',\n\t'outline',\n\t'shadow',\n\t'background',\n];\n\nfunction pickStyleKeys( treeToPickFrom: any ): any {\n\tif ( ! treeToPickFrom ) {\n\t\treturn {};\n\t}\n\tconst entries = Object.entries( treeToPickFrom );\n\tconst pickedEntries = entries.filter( ( [ key ] ) =>\n\t\tSTYLE_KEYS.includes( key )\n\t);\n\t// clone the style objects so that `getFeatureDeclarations` can remove consumed keys from it\n\tconst clonedEntries = pickedEntries.map( ( [ key, style ] ) => [\n\t\tkey,\n\t\tJSON.parse( JSON.stringify( style ) ),\n\t] );\n\treturn Object.fromEntries( clonedEntries );\n}\n\nexport const getNodesWithStyles = (\n\ttree: GlobalStylesConfig,\n\tblockSelectors: string | BlockSelectors\n): any[] => {\n\tconst nodes: {\n\t\tstyles: Partial< Omit< GlobalStylesStyles, 'elements' | 'blocks' > >;\n\t\tselector: string;\n\t\tskipSelectorWrapper?: boolean;\n\t\tduotoneSelector?: string;\n\t\tfeatureSelectors?:\n\t\t\t| string\n\t\t\t| Record< string, string | Record< string, string > >;\n\t\tfallbackGapValue?: string;\n\t\thasLayoutSupport?: boolean;\n\t\tstyleVariationSelectors?: Record< string, string >;\n\t}[] = [];\n\n\tif ( ! tree?.styles ) {\n\t\treturn nodes;\n\t}\n\n\t// Top-level.\n\tconst styles = pickStyleKeys( tree.styles );\n\tif ( styles ) {\n\t\tnodes.push( {\n\t\t\tstyles,\n\t\t\tselector: ROOT_BLOCK_SELECTOR,\n\t\t\t// Root selector (body) styles should not be wrapped in `:root where()` to keep\n\t\t\t// specificity at (0,0,1) and maintain backwards compatibility.\n\t\t\tskipSelectorWrapper: true,\n\t\t} );\n\t}\n\n\tObject.entries( ELEMENTS ).forEach( ( [ name, selector ] ) => {\n\t\tif ( tree.styles?.elements?.[ name ] ) {\n\t\t\tconst elementStyles = tree.styles?.elements?.[ name ] ?? {};\n\n\t\t\t// Special handling for text element with textIndent - use p + p selector\n\t\t\tconst finalSelector = selector as string;\n\t\t\tlet textIndentStyles = null;\n\t\t\tif ( name === 'text' && elementStyles?.typography?.textIndent ) {\n\t\t\t\ttextIndentStyles = {\n\t\t\t\t\ttypography: {\n\t\t\t\t\t\ttextIndent: elementStyles.typography.textIndent,\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t\t// Remove textIndent from the main styles to avoid duplication\n\t\t\t\tconst stylesWithoutTextIndent = { ...elementStyles };\n\t\t\t\tif ( stylesWithoutTextIndent.typography ) {\n\t\t\t\t\tconst { textIndent, ...restTypography } =\n\t\t\t\t\t\tstylesWithoutTextIndent.typography;\n\t\t\t\t\tstylesWithoutTextIndent.typography = restTypography;\n\t\t\t\t}\n\n\t\t\t\t// Push the main styles with p selector (if there are any other styles)\n\t\t\t\tif ( Object.keys( stylesWithoutTextIndent ).length > 0 ) {\n\t\t\t\t\tnodes.push( {\n\t\t\t\t\t\tstyles: stylesWithoutTextIndent,\n\t\t\t\t\t\tselector: finalSelector,\n\t\t\t\t\t\tskipSelectorWrapper: ! (\n\t\t\t\t\t\t\tELEMENT_CLASS_NAMES as Record< string, string >\n\t\t\t\t\t\t )[ name ],\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t// Push textIndent with p + p selector\n\t\t\t\tnodes.push( {\n\t\t\t\t\tstyles: textIndentStyles,\n\t\t\t\t\tselector: 'p + p',\n\t\t\t\t\tskipSelectorWrapper: true,\n\t\t\t\t} );\n\t\t\t\treturn; // Skip the normal push below\n\t\t\t}\n\n\t\t\tnodes.push( {\n\t\t\t\tstyles: elementStyles,\n\t\t\t\tselector: finalSelector,\n\t\t\t\t// Top level elements that don't use a class name should not receive the\n\t\t\t\t// `:root :where()` wrapper to maintain backwards compatibility.\n\t\t\t\tskipSelectorWrapper: ! (\n\t\t\t\t\tELEMENT_CLASS_NAMES as Record< string, string >\n\t\t\t\t )[ name ],\n\t\t\t} );\n\t\t}\n\t} );\n\n\t// Iterate over blocks: they can have styles & elements.\n\tObject.entries( tree.styles?.blocks ?? {} ).forEach(\n\t\t( [ blockName, node ] ) => {\n\t\t\tconst blockStyles = pickStyleKeys( node );\n\t\t\tconst typedNode = node as BlockNode;\n\n\t\t\tif ( typedNode?.variations ) {\n\t\t\t\tconst variations: Record< string, any > = {};\n\t\t\t\tObject.entries( typedNode.variations ).forEach(\n\t\t\t\t\t( [ variationName, variation ] ) => {\n\t\t\t\t\t\tconst typedVariation = variation as BlockVariation;\n\t\t\t\t\t\tvariations[ variationName ] =\n\t\t\t\t\t\t\tpickStyleKeys( typedVariation );\n\t\t\t\t\t\tif ( typedVariation?.css ) {\n\t\t\t\t\t\t\tvariations[ variationName ].css =\n\t\t\t\t\t\t\t\ttypedVariation.css;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst variationSelector =\n\t\t\t\t\t\t\ttypeof blockSelectors !== 'string'\n\t\t\t\t\t\t\t\t? blockSelectors[ blockName ]\n\t\t\t\t\t\t\t\t\t\t?.styleVariationSelectors?.[\n\t\t\t\t\t\t\t\t\t\tvariationName\n\t\t\t\t\t\t\t\t  ]\n\t\t\t\t\t\t\t\t: undefined;\n\n\t\t\t\t\t\t// Process the variation's inner element styles.\n\t\t\t\t\t\t// This comes before the inner block styles so the\n\t\t\t\t\t\t// element styles within the block type styles take\n\t\t\t\t\t\t// precedence over these.\n\t\t\t\t\t\tObject.entries(\n\t\t\t\t\t\t\ttypedVariation?.elements ?? {}\n\t\t\t\t\t\t).forEach( ( [ element, elementStyles ] ) => {\n\t\t\t\t\t\t\tif ( elementStyles && ELEMENTS[ element ] ) {\n\t\t\t\t\t\t\t\tnodes.push( {\n\t\t\t\t\t\t\t\t\tstyles: elementStyles,\n\t\t\t\t\t\t\t\t\tselector: scopeSelector(\n\t\t\t\t\t\t\t\t\t\tvariationSelector,\n\t\t\t\t\t\t\t\t\t\tELEMENTS[ element ]\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} );\n\n\t\t\t\t\t\t// Process the variations inner block type styles.\n\t\t\t\t\t\tObject.entries( typedVariation?.blocks ?? {} ).forEach(\n\t\t\t\t\t\t\t( [\n\t\t\t\t\t\t\t\tvariationBlockName,\n\t\t\t\t\t\t\t\tvariationBlockStyles,\n\t\t\t\t\t\t\t] ) => {\n\t\t\t\t\t\t\t\tconst variationBlockSelector =\n\t\t\t\t\t\t\t\t\ttypeof blockSelectors !== 'string'\n\t\t\t\t\t\t\t\t\t\t? scopeSelector(\n\t\t\t\t\t\t\t\t\t\t\t\tvariationSelector,\n\t\t\t\t\t\t\t\t\t\t\t\tblockSelectors[\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariationBlockName\n\t\t\t\t\t\t\t\t\t\t\t\t]?.selector\n\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\t\t\tconst variationDuotoneSelector =\n\t\t\t\t\t\t\t\t\ttypeof blockSelectors !== 'string'\n\t\t\t\t\t\t\t\t\t\t? scopeSelector(\n\t\t\t\t\t\t\t\t\t\t\t\tvariationSelector,\n\t\t\t\t\t\t\t\t\t\t\t\tblockSelectors[\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariationBlockName\n\t\t\t\t\t\t\t\t\t\t\t\t]?.duotoneSelector as string\n\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\t\t\tconst variationFeatureSelectors =\n\t\t\t\t\t\t\t\t\ttypeof blockSelectors !== 'string'\n\t\t\t\t\t\t\t\t\t\t? scopeFeatureSelectors(\n\t\t\t\t\t\t\t\t\t\t\t\tvariationSelector,\n\t\t\t\t\t\t\t\t\t\t\t\tblockSelectors[\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariationBlockName\n\t\t\t\t\t\t\t\t\t\t\t\t]?.featureSelectors ?? {}\n\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t\t: undefined;\n\n\t\t\t\t\t\t\t\tconst variationBlockStyleNodes =\n\t\t\t\t\t\t\t\t\tpickStyleKeys( variationBlockStyles );\n\n\t\t\t\t\t\t\t\tif ( variationBlockStyles?.css ) {\n\t\t\t\t\t\t\t\t\tvariationBlockStyleNodes.css =\n\t\t\t\t\t\t\t\t\t\tvariationBlockStyles.css;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t! variationBlockSelector ||\n\t\t\t\t\t\t\t\t\ttypeof blockSelectors === 'string'\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tnodes.push( {\n\t\t\t\t\t\t\t\t\tselector: variationBlockSelector,\n\t\t\t\t\t\t\t\t\tduotoneSelector: variationDuotoneSelector,\n\t\t\t\t\t\t\t\t\tfeatureSelectors: variationFeatureSelectors,\n\t\t\t\t\t\t\t\t\tfallbackGapValue:\n\t\t\t\t\t\t\t\t\t\tblockSelectors[ variationBlockName ]\n\t\t\t\t\t\t\t\t\t\t\t?.fallbackGapValue,\n\t\t\t\t\t\t\t\t\thasLayoutSupport:\n\t\t\t\t\t\t\t\t\t\tblockSelectors[ variationBlockName ]\n\t\t\t\t\t\t\t\t\t\t\t?.hasLayoutSupport,\n\t\t\t\t\t\t\t\t\tstyles: variationBlockStyleNodes,\n\t\t\t\t\t\t\t\t} );\n\n\t\t\t\t\t\t\t\t// Process element styles for the inner blocks\n\t\t\t\t\t\t\t\t// of the variation.\n\t\t\t\t\t\t\t\tObject.entries(\n\t\t\t\t\t\t\t\t\tvariationBlockStyles.elements ?? {}\n\t\t\t\t\t\t\t\t).forEach(\n\t\t\t\t\t\t\t\t\t( [\n\t\t\t\t\t\t\t\t\t\tvariationBlockElement,\n\t\t\t\t\t\t\t\t\t\tvariationBlockElementStyles,\n\t\t\t\t\t\t\t\t\t] ) => {\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\tvariationBlockElementStyles &&\n\t\t\t\t\t\t\t\t\t\t\tELEMENTS[ variationBlockElement ]\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\tnodes.push( {\n\t\t\t\t\t\t\t\t\t\t\t\tstyles: variationBlockElementStyles,\n\t\t\t\t\t\t\t\t\t\t\t\tselector: scopeSelector(\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariationBlockSelector,\n\t\t\t\t\t\t\t\t\t\t\t\t\tELEMENTS[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariationBlockElement\n\t\t\t\t\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tblockStyles.variations = variations;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\ttypeof blockSelectors !== 'string' &&\n\t\t\t\tblockSelectors?.[ blockName ]?.selector\n\t\t\t) {\n\t\t\t\tnodes.push( {\n\t\t\t\t\tduotoneSelector:\n\t\t\t\t\t\tblockSelectors[ blockName ].duotoneSelector,\n\t\t\t\t\tfallbackGapValue:\n\t\t\t\t\t\tblockSelectors[ blockName ].fallbackGapValue,\n\t\t\t\t\thasLayoutSupport:\n\t\t\t\t\t\tblockSelectors[ blockName ].hasLayoutSupport,\n\t\t\t\t\tselector: blockSelectors[ blockName ].selector,\n\t\t\t\t\tstyles: blockStyles,\n\t\t\t\t\tfeatureSelectors:\n\t\t\t\t\t\tblockSelectors[ blockName ].featureSelectors,\n\t\t\t\t\tstyleVariationSelectors:\n\t\t\t\t\t\tblockSelectors[ blockName ].styleVariationSelectors,\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tObject.entries( typedNode?.elements ?? {} ).forEach(\n\t\t\t\t( [ elementName, value ] ) => {\n\t\t\t\t\tif (\n\t\t\t\t\t\ttypeof blockSelectors !== 'string' &&\n\t\t\t\t\t\tvalue &&\n\t\t\t\t\t\tblockSelectors?.[ blockName ] &&\n\t\t\t\t\t\tELEMENTS[ elementName ]\n\t\t\t\t\t) {\n\t\t\t\t\t\tnodes.push( {\n\t\t\t\t\t\t\tstyles: value,\n\t\t\t\t\t\t\tselector: blockSelectors[ blockName ]?.selector\n\t\t\t\t\t\t\t\t.split( ',' )\n\t\t\t\t\t\t\t\t.map( ( sel: string ) => {\n\t\t\t\t\t\t\t\t\tconst elementSelectors =\n\t\t\t\t\t\t\t\t\t\tELEMENTS[ elementName ].split( ',' );\n\t\t\t\t\t\t\t\t\treturn elementSelectors.map(\n\t\t\t\t\t\t\t\t\t\t( elementSelector: string ) =>\n\t\t\t\t\t\t\t\t\t\t\tsel + ' ' + elementSelector\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t.join( ',' ),\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t);\n\n\treturn nodes;\n};\n\nexport const getNodesWithSettings = (\n\ttree: GlobalStylesConfig,\n\tblockSelectors: string | BlockSelectors\n): any[] => {\n\tconst nodes: {\n\t\tpresets: Record< string, any >;\n\t\tcustom?: Record< string, any >;\n\t\tselector?: string;\n\t\tduotoneSelector?: string;\n\t\tfallbackGapValue?: string;\n\t\thasLayoutSupport?: boolean;\n\t\tfeatureSelectors?: Record< string, string >;\n\t\tstyleVariationSelectors?: Record< string, string >;\n\t}[] = [];\n\n\tif ( ! tree?.settings ) {\n\t\treturn nodes;\n\t}\n\n\tconst pickPresets = ( treeToPickFrom: any ): any => {\n\t\tlet presets = {};\n\t\tPRESET_METADATA.forEach( ( { path } ) => {\n\t\t\tconst value = getValueFromObjectPath( treeToPickFrom, path, false );\n\t\t\tif ( value !== false ) {\n\t\t\t\tpresets = setImmutably( presets, path, value );\n\t\t\t}\n\t\t} );\n\t\treturn presets;\n\t};\n\n\t// Top-level.\n\tconst presets = pickPresets( tree.settings );\n\tconst custom = tree.settings?.custom;\n\tif ( Object.keys( presets ).length > 0 || custom ) {\n\t\tnodes.push( {\n\t\t\tpresets,\n\t\t\tcustom,\n\t\t\tselector: ROOT_CSS_PROPERTIES_SELECTOR,\n\t\t} );\n\t}\n\n\t// Blocks.\n\tObject.entries( tree.settings?.blocks ?? {} ).forEach(\n\t\t( [ blockName, node ] ) => {\n\t\t\tconst blockCustom = node.custom;\n\t\t\tif (\n\t\t\t\ttypeof blockSelectors === 'string' ||\n\t\t\t\t! blockSelectors[ blockName ]\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst blockPresets = pickPresets( node );\n\t\t\tif ( Object.keys( blockPresets ).length > 0 || blockCustom ) {\n\t\t\t\tnodes.push( {\n\t\t\t\t\tpresets: blockPresets,\n\t\t\t\t\tcustom: blockCustom,\n\t\t\t\t\tselector: blockSelectors[ blockName ]?.selector,\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t);\n\n\treturn nodes;\n};\n\nexport const generateCustomProperties = (\n\ttree: GlobalStylesConfig,\n\tblockSelectors: BlockSelectors\n): string => {\n\tconst settings = getNodesWithSettings( tree, blockSelectors );\n\tlet ruleset = '';\n\tsettings.forEach( ( { presets, custom, selector } ) => {\n\t\tconst declarations = tree?.settings\n\t\t\t? getPresetsDeclarations( presets, tree?.settings )\n\t\t\t: [];\n\t\tconst customProps = flattenTree( custom, '--wp--custom--', '--' );\n\t\tif ( customProps.length > 0 ) {\n\t\t\tdeclarations.push( ...customProps );\n\t\t}\n\n\t\tif ( declarations.length > 0 ) {\n\t\t\truleset += `${ selector }{${ declarations.join( ';' ) };}`;\n\t\t}\n\t} );\n\n\treturn ruleset;\n};\n\nexport const transformToStyles = (\n\ttree: GlobalStylesConfig,\n\tblockSelectors: string | BlockSelectors,\n\thasBlockGapSupport?: boolean,\n\thasFallbackGapSupport?: boolean,\n\tdisableLayoutStyles: boolean = false,\n\tdisableRootPadding: boolean = false,\n\tstyleOptions: Record< string, boolean > = {}\n): string => {\n\t// These allow opting out of certain sets of styles.\n\tconst options = {\n\t\tblockGap: true,\n\t\tblockStyles: true,\n\t\tlayoutStyles: true,\n\t\tmarginReset: true,\n\t\tpresets: true,\n\t\trootPadding: true,\n\t\tvariationStyles: false,\n\t\t...styleOptions,\n\t};\n\tconst nodesWithStyles = getNodesWithStyles( tree, blockSelectors );\n\tconst nodesWithSettings = getNodesWithSettings( tree, blockSelectors );\n\tconst useRootPaddingAlign = tree?.settings?.useRootPaddingAwareAlignments;\n\tconst { contentSize, wideSize } = tree?.settings?.layout || {};\n\tconst hasBodyStyles =\n\t\toptions.marginReset || options.rootPadding || options.layoutStyles;\n\n\tlet ruleset = '';\n\n\tif ( options.presets && ( contentSize || wideSize ) ) {\n\t\truleset += `${ ROOT_CSS_PROPERTIES_SELECTOR } {`;\n\t\truleset = contentSize\n\t\t\t? ruleset + ` --wp--style--global--content-size: ${ contentSize };`\n\t\t\t: ruleset;\n\t\truleset = wideSize\n\t\t\t? ruleset + ` --wp--style--global--wide-size: ${ wideSize };`\n\t\t\t: ruleset;\n\t\truleset += '}';\n\t}\n\n\tif ( hasBodyStyles ) {\n\t\t/*\n\t\t * Reset default browser margin on the body element.\n\t\t * This is set on the body selector **before** generating the ruleset\n\t\t * from the `theme.json`. This is to ensure that if the `theme.json` declares\n\t\t * `margin` in its `spacing` declaration for the `body` element then these\n\t\t * user-generated values take precedence in the CSS cascade.\n\t\t * @link https://github.com/WordPress/gutenberg/issues/36147.\n\t\t */\n\t\truleset += ':where(body) {margin: 0;';\n\n\t\t// Root padding styles should be output for full templates, patterns and template parts.\n\t\tif ( options.rootPadding && useRootPaddingAlign ) {\n\t\t\t/*\n\t\t\t * These rules reproduce the ones from https://github.com/WordPress/gutenberg/blob/79103f124925d1f457f627e154f52a56228ed5ad/lib/class-wp-theme-json-gutenberg.php#L2508\n\t\t\t * almost exactly, but for the selectors that target block wrappers in the front end. This code only runs in the editor, so it doesn't need those selectors.\n\t\t\t */\n\t\t\truleset += `padding-right: 0; padding-left: 0; padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom) }\n\t\t\t\t.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }\n\t\t\t\t.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }\n\t\t\t\t.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; }\n\t\t\t\t.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) > .alignfull { margin-left: 0; margin-right: 0;\n\t\t\t\t`;\n\t\t}\n\n\t\truleset += '}';\n\t}\n\n\tif ( options.blockStyles ) {\n\t\tnodesWithStyles.forEach(\n\t\t\t( {\n\t\t\t\tselector,\n\t\t\t\tduotoneSelector,\n\t\t\t\tstyles,\n\t\t\t\tfallbackGapValue,\n\t\t\t\thasLayoutSupport,\n\t\t\t\tfeatureSelectors,\n\t\t\t\tstyleVariationSelectors,\n\t\t\t\tskipSelectorWrapper,\n\t\t\t} ) => {\n\t\t\t\t// Process styles for block support features with custom feature level\n\t\t\t\t// CSS selectors set.\n\t\t\t\tif ( featureSelectors ) {\n\t\t\t\t\tconst featureDeclarations = getFeatureDeclarations(\n\t\t\t\t\t\tfeatureSelectors,\n\t\t\t\t\t\tstyles\n\t\t\t\t\t);\n\n\t\t\t\t\tObject.entries( featureDeclarations ).forEach(\n\t\t\t\t\t\t( [ cssSelector, declarations ] ) => {\n\t\t\t\t\t\t\tif ( declarations.length ) {\n\t\t\t\t\t\t\t\tconst rules = declarations.join( ';' );\n\t\t\t\t\t\t\t\truleset += `:root :where(${ cssSelector }){${ rules };}`;\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\n\t\t\t\t// Process duotone styles.\n\t\t\t\tif ( duotoneSelector ) {\n\t\t\t\t\tconst duotoneStyles: any = {};\n\t\t\t\t\tif ( styles?.filter ) {\n\t\t\t\t\t\tduotoneStyles.filter = styles.filter;\n\t\t\t\t\t\tdelete styles.filter;\n\t\t\t\t\t}\n\t\t\t\t\tconst duotoneDeclarations =\n\t\t\t\t\t\tgetStylesDeclarations( duotoneStyles );\n\t\t\t\t\tif ( duotoneDeclarations.length ) {\n\t\t\t\t\t\truleset += `${ duotoneSelector }{${ duotoneDeclarations.join(\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\n\t\t\t\t// Process blockGap and layout styles.\n\t\t\t\tif (\n\t\t\t\t\t! disableLayoutStyles &&\n\t\t\t\t\t( ROOT_BLOCK_SELECTOR === selector || hasLayoutSupport )\n\t\t\t\t) {\n\t\t\t\t\truleset += getLayoutStyles( {\n\t\t\t\t\t\tstyle: styles,\n\t\t\t\t\t\tselector,\n\t\t\t\t\t\thasBlockGapSupport,\n\t\t\t\t\t\thasFallbackGapSupport,\n\t\t\t\t\t\tfallbackGapValue,\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t// Process the remaining block styles (they use either normal block class or __experimentalSelector).\n\t\t\t\tconst styleDeclarations = getStylesDeclarations(\n\t\t\t\t\tstyles,\n\t\t\t\t\tselector,\n\t\t\t\t\tuseRootPaddingAlign,\n\t\t\t\t\ttree,\n\t\t\t\t\tdisableRootPadding\n\t\t\t\t);\n\t\t\t\tif ( styleDeclarations?.length ) {\n\t\t\t\t\tconst generalSelector = skipSelectorWrapper\n\t\t\t\t\t\t? selector\n\t\t\t\t\t\t: `:root :where(${ selector })`;\n\t\t\t\t\truleset += `${ generalSelector }{${ styleDeclarations.join(\n\t\t\t\t\t\t';'\n\t\t\t\t\t) };}`;\n\t\t\t\t}\n\t\t\t\tif ( styles?.css ) {\n\t\t\t\t\truleset += processCSSNesting(\n\t\t\t\t\t\tstyles.css,\n\t\t\t\t\t\t`:root :where(${ selector })`\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif ( options.variationStyles && styleVariationSelectors ) {\n\t\t\t\t\tObject.entries( styleVariationSelectors ).forEach(\n\t\t\t\t\t\t( [ styleVariationName, styleVariationSelector ] ) => {\n\t\t\t\t\t\t\tconst styleVariations =\n\t\t\t\t\t\t\t\tstyles?.variations?.[ styleVariationName ];\n\t\t\t\t\t\t\tif ( styleVariations ) {\n\t\t\t\t\t\t\t\t// If the block uses any custom selectors for block support, add those first.\n\t\t\t\t\t\t\t\tif ( featureSelectors ) {\n\t\t\t\t\t\t\t\t\tconst featureDeclarations =\n\t\t\t\t\t\t\t\t\t\tgetFeatureDeclarations(\n\t\t\t\t\t\t\t\t\t\t\tfeatureSelectors,\n\t\t\t\t\t\t\t\t\t\t\tstyleVariations\n\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\tObject.entries(\n\t\t\t\t\t\t\t\t\t\tfeatureDeclarations\n\t\t\t\t\t\t\t\t\t).forEach(\n\t\t\t\t\t\t\t\t\t\t( [ baseSelector, declarations ]: [\n\t\t\t\t\t\t\t\t\t\t\tstring,\n\t\t\t\t\t\t\t\t\t\t\tstring[],\n\t\t\t\t\t\t\t\t\t\t] ) => {\n\t\t\t\t\t\t\t\t\t\t\tif ( declarations.length ) {\n\t\t\t\t\t\t\t\t\t\t\t\tconst cssSelector =\n\t\t\t\t\t\t\t\t\t\t\t\t\tconcatFeatureVariationSelectorString(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbaseSelector,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyleVariationSelector as string\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\tconst rules =\n\t\t\t\t\t\t\t\t\t\t\t\t\tdeclarations.join( ';' );\n\t\t\t\t\t\t\t\t\t\t\t\truleset += `:root :where(${ cssSelector }){${ rules };}`;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t// Otherwise add regular selectors.\n\t\t\t\t\t\t\t\tconst styleVariationDeclarations =\n\t\t\t\t\t\t\t\t\tgetStylesDeclarations(\n\t\t\t\t\t\t\t\t\t\tstyleVariations,\n\t\t\t\t\t\t\t\t\t\tstyleVariationSelector as string,\n\t\t\t\t\t\t\t\t\t\tuseRootPaddingAlign,\n\t\t\t\t\t\t\t\t\t\ttree\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tif ( styleVariationDeclarations.length ) {\n\t\t\t\t\t\t\t\t\truleset += `:root :where(${ styleVariationSelector }){${ styleVariationDeclarations.join(\n\t\t\t\t\t\t\t\t\t\t';'\n\t\t\t\t\t\t\t\t\t) };}`;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif ( styleVariations?.css ) {\n\t\t\t\t\t\t\t\t\truleset += processCSSNesting(\n\t\t\t\t\t\t\t\t\t\tstyleVariations.css,\n\t\t\t\t\t\t\t\t\t\t`:root :where(${ styleVariationSelector })`\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\t// Check for pseudo selector in `styles` and handle separately.\n\t\t\t\tconst pseudoSelectorStyles = Object.entries( styles ).filter(\n\t\t\t\t\t( [ key ] ) => key.startsWith( ':' )\n\t\t\t\t);\n\n\t\t\t\tif ( pseudoSelectorStyles?.length ) {\n\t\t\t\t\tpseudoSelectorStyles.forEach(\n\t\t\t\t\t\t( [ pseudoKey, pseudoStyle ] ) => {\n\t\t\t\t\t\t\tconst pseudoDeclarations =\n\t\t\t\t\t\t\t\tgetStylesDeclarations( pseudoStyle );\n\n\t\t\t\t\t\t\tif ( ! pseudoDeclarations?.length ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// `selector` may be provided in a form\n\t\t\t\t\t\t\t// where block level selectors have sub element\n\t\t\t\t\t\t\t// selectors appended to them as a comma separated\n\t\t\t\t\t\t\t// string.\n\t\t\t\t\t\t\t// e.g. `h1 a,h2 a,h3 a,h4 a,h5 a,h6 a`;\n\t\t\t\t\t\t\t// Split and append pseudo selector to create\n\t\t\t\t\t\t\t// the proper rules to target the elements.\n\t\t\t\t\t\t\tconst _selector = selector\n\t\t\t\t\t\t\t\t.split( ',' )\n\t\t\t\t\t\t\t\t.map( ( sel: string ) => sel + pseudoKey )\n\t\t\t\t\t\t\t\t.join( ',' );\n\n\t\t\t\t\t\t\t// As pseudo classes such as :hover, :focus etc. have class-level\n\t\t\t\t\t\t\t// specificity, they must use the `:root :where()` wrapper. This.\n\t\t\t\t\t\t\t// caps the specificity at `0-1-0` to allow proper nesting of variations\n\t\t\t\t\t\t\t// and block type element styles.\n\t\t\t\t\t\t\tconst pseudoRule = `:root :where(${ _selector }){${ pseudoDeclarations.join(\n\t\t\t\t\t\t\t\t';'\n\t\t\t\t\t\t\t) };}`;\n\n\t\t\t\t\t\t\truleset += pseudoRule;\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t}\n\n\tif ( options.layoutStyles ) {\n\t\t/* Add alignment / layout styles */\n\t\truleset =\n\t\t\truleset +\n\t\t\t'.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }';\n\t\truleset =\n\t\t\truleset +\n\t\t\t'.wp-site-blocks > .alignright { float: right; margin-left: 2em; }';\n\t\truleset =\n\t\t\truleset +\n\t\t\t'.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }';\n\t}\n\n\tif ( options.blockGap && hasBlockGapSupport ) {\n\t\t// Use fallback of `0.5em` just in case, however if there is blockGap support, there should nearly always be a real value.\n\t\tconst gapValue =\n\t\t\tgetGapCSSValue( tree?.styles?.spacing?.blockGap ) || '0.5em';\n\t\truleset =\n\t\t\truleset +\n\t\t\t`:root :where(.wp-site-blocks) > * { margin-block-start: ${ gapValue }; margin-block-end: 0; }`;\n\t\truleset =\n\t\t\truleset +\n\t\t\t':root :where(.wp-site-blocks) > :first-child { margin-block-start: 0; }';\n\t\truleset =\n\t\t\truleset +\n\t\t\t':root :where(.wp-site-blocks) > :last-child { margin-block-end: 0; }';\n\t}\n\n\tif ( options.presets ) {\n\t\tnodesWithSettings.forEach( ( { selector, presets } ) => {\n\t\t\tif (\n\t\t\t\tROOT_BLOCK_SELECTOR === selector ||\n\t\t\t\tROOT_CSS_PROPERTIES_SELECTOR === selector\n\t\t\t) {\n\t\t\t\t// Do not add extra specificity for top-level classes.\n\t\t\t\tselector = '';\n\t\t\t}\n\n\t\t\tconst classes = getPresetsClasses( selector, presets );\n\t\t\tif ( classes.length > 0 ) {\n\t\t\t\truleset += classes;\n\t\t\t}\n\t\t} );\n\t}\n\n\treturn ruleset;\n};\n\nexport function generateSvgFilters(\n\ttree: GlobalStylesConfig,\n\tblockSelectors: BlockSelectors\n): string[] {\n\tconst nodesWithSettings = getNodesWithSettings( tree, blockSelectors );\n\treturn nodesWithSettings.flatMap( ( { presets } ) => {\n\t\treturn getPresetsSvgFilters( presets );\n\t} );\n}\n\nconst getSelectorsConfig = ( blockType: BlockType, rootSelector: string ) => {\n\tif (\n\t\tblockType?.selectors &&\n\t\tObject.keys( blockType.selectors ).length > 0\n\t) {\n\t\treturn blockType.selectors;\n\t}\n\n\tconst config: Record< string, string > = {\n\t\troot: rootSelector,\n\t};\n\tObject.entries( BLOCK_SUPPORT_FEATURE_LEVEL_SELECTORS ).forEach(\n\t\t( [ featureKey, featureName ] ) => {\n\t\t\tconst featureSelector = getBlockSelector( blockType, featureKey );\n\n\t\t\tif ( featureSelector ) {\n\t\t\t\tconfig[ featureName ] = featureSelector;\n\t\t\t}\n\t\t}\n\t);\n\n\treturn config;\n};\n\nexport const getBlockSelectors = (\n\tblockTypes: BlockType[],\n\tvariationInstanceId?: string\n) => {\n\tconst { getBlockStyles } = select( blocksStore );\n\tconst result: BlockSelectors = {};\n\tblockTypes.forEach( ( blockType ) => {\n\t\tconst name = blockType.name;\n\t\tconst selector = getBlockSelector( blockType );\n\n\t\tif ( ! selector ) {\n\t\t\treturn; // Skip blocks without valid selectors\n\t\t}\n\t\tlet duotoneSelector = getBlockSelector( blockType, 'filter.duotone' );\n\t\t// Keep backwards compatibility for support.color.__experimentalDuotone.\n\t\tif ( ! duotoneSelector ) {\n\t\t\tconst rootSelector = getBlockSelector( blockType );\n\t\t\tconst duotoneSupport = getBlockSupport(\n\t\t\t\tblockType,\n\t\t\t\t'color.__experimentalDuotone',\n\t\t\t\tfalse\n\t\t\t);\n\t\t\tduotoneSelector =\n\t\t\t\tduotoneSupport &&\n\t\t\t\trootSelector &&\n\t\t\t\tscopeSelector( rootSelector, duotoneSupport );\n\t\t}\n\n\t\tconst hasLayoutSupport =\n\t\t\t!! blockType?.supports?.layout ||\n\t\t\t!! blockType?.supports?.__experimentalLayout;\n\t\tconst fallbackGapValue =\n\t\t\t// @ts-expect-error\n\t\t\tblockType?.supports?.spacing?.blockGap?.__experimentalDefault;\n\n\t\tconst blockStyleVariations = getBlockStyles( name );\n\t\tconst styleVariationSelectors: Record< string, string > = {};\n\t\tblockStyleVariations?.forEach( ( variation: BlockStyleVariation ) => {\n\t\t\tconst variationSuffix = variationInstanceId\n\t\t\t\t? `-${ variationInstanceId }`\n\t\t\t\t: '';\n\t\t\tconst variationName = `${ variation.name }${ variationSuffix }`;\n\t\t\tconst styleVariationSelector = getBlockStyleVariationSelector(\n\t\t\t\tvariationName,\n\t\t\t\tselector\n\t\t\t);\n\n\t\t\tstyleVariationSelectors[ variationName ] = styleVariationSelector;\n\t\t} );\n\n\t\t// For each block support feature add any custom selectors.\n\t\tconst featureSelectors = getSelectorsConfig( blockType, selector );\n\n\t\tresult[ name ] = {\n\t\t\tduotoneSelector: duotoneSelector ?? undefined,\n\t\t\tfallbackGapValue,\n\t\t\tfeatureSelectors: Object.keys( featureSelectors ).length\n\t\t\t\t? featureSelectors\n\t\t\t\t: undefined,\n\t\t\thasLayoutSupport,\n\t\t\tname,\n\t\t\tselector,\n\t\t\tstyleVariationSelectors: blockStyleVariations?.length\n\t\t\t\t? styleVariationSelectors\n\t\t\t\t: undefined,\n\t\t};\n\t} );\n\n\treturn result;\n};\n\n/**\n * If there is a separator block whose color is defined in theme.json via background,\n * update the separator color to the same value by using border color.\n *\n * @param config Theme.json configuration file object\n * @return Theme.json configuration file object updated\n */\nfunction updateConfigWithSeparator(\n\tconfig: GlobalStylesConfig\n): GlobalStylesConfig {\n\tconst blocks = config.styles?.blocks;\n\tconst separatorBlock = blocks?.[ 'core/separator' ];\n\tconst needsSeparatorStyleUpdate =\n\t\tseparatorBlock &&\n\t\tseparatorBlock.color?.background &&\n\t\t! separatorBlock.color?.text &&\n\t\t! separatorBlock.border?.color;\n\tif ( needsSeparatorStyleUpdate ) {\n\t\treturn {\n\t\t\t...config,\n\t\t\tstyles: {\n\t\t\t\t...config.styles,\n\t\t\t\tblocks: {\n\t\t\t\t\t...blocks,\n\t\t\t\t\t'core/separator': {\n\t\t\t\t\t\t...separatorBlock,\n\t\t\t\t\t\tcolor: {\n\t\t\t\t\t\t\t...separatorBlock.color,\n\t\t\t\t\t\t\ttext: separatorBlock.color?.background,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\treturn config;\n}\n\nexport function processCSSNesting( css: string, blockSelector: string ) {\n\tlet processedCSS = '';\n\n\tif ( ! css || css.trim() === '' ) {\n\t\treturn processedCSS;\n\t}\n\n\t// Split CSS nested rules.\n\tconst parts = css.split( '&' );\n\tparts.forEach( ( part: string ) => {\n\t\tif ( ! part || part.trim() === '' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst isRootCss = ! part.includes( '{' );\n\t\tif ( isRootCss ) {\n\t\t\t// If the part doesn't contain braces, it applies to the root level.\n\t\t\tprocessedCSS += `:root :where(${ blockSelector }){${ part.trim() }}`;\n\t\t} else {\n\t\t\t// If the part contains braces, it's a nested CSS rule.\n\t\t\tconst splitPart = part.replace( '}', '' ).split( '{' );\n\t\t\tif ( splitPart.length !== 2 ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst [ nestedSelector, cssValue ] = splitPart;\n\n\t\t\t// Handle pseudo elements such as ::before, ::after, etc. Regex will also\n\t\t\t// capture any leading combinator such as >, +, or ~, as well as spaces.\n\t\t\t// This allows pseudo elements as descendants e.g. `.parent ::before`.\n\t\t\tconst matches = nestedSelector.match( /([>+~\\s]*::[a-zA-Z-]+)/ );\n\t\t\tconst pseudoPart = matches ? matches[ 1 ] : '';\n\t\t\tconst withoutPseudoElement = matches\n\t\t\t\t? nestedSelector.replace( pseudoPart, '' ).trim()\n\t\t\t\t: nestedSelector.trim();\n\n\t\t\tlet combinedSelector;\n\t\t\tif ( withoutPseudoElement === '' ) {\n\t\t\t\t// Only contained a pseudo element to use the block selector to form\n\t\t\t\t// the final `:root :where()` selector.\n\t\t\t\tcombinedSelector = blockSelector;\n\t\t\t} else {\n\t\t\t\t// If the nested selector is a descendant of the block scope it with the\n\t\t\t\t// block selector. Otherwise append it to the block selector.\n\t\t\t\tcombinedSelector = nestedSelector.startsWith( ' ' )\n\t\t\t\t\t? scopeSelector( blockSelector, withoutPseudoElement )\n\t\t\t\t\t: appendToSelector( blockSelector, withoutPseudoElement );\n\t\t\t}\n\n\t\t\t// Build final rule, re-adding any pseudo element outside the `:where()`\n\t\t\t// to maintain valid CSS selector.\n\t\t\tprocessedCSS += `:root :where(${ combinedSelector })${ pseudoPart }{${ cssValue.trim() }}`;\n\t\t}\n\t} );\n\treturn processedCSS;\n}\n\nexport interface GlobalStylesRenderOptions {\n\thasBlockGapSupport?: boolean;\n\thasFallbackGapSupport?: boolean;\n\tdisableLayoutStyles?: boolean;\n\tdisableRootPadding?: boolean;\n\tgetBlockStyles?: ( blockName: string ) => any[];\n\tstyleOptions?: Record< string, boolean >;\n}\n\n/**\n * Returns the global styles output based on the current state of global styles config loaded in the editor context.\n *\n * @param config     Global styles configuration\n * @param blockTypes Array of block types from WordPress blocks store\n * @param options    Options for rendering global styles\n * @return Array of stylesheets and settings\n */\nexport function generateGlobalStyles(\n\tconfig: GlobalStylesConfig | undefined = {},\n\tblockTypes: any[] = [],\n\toptions: GlobalStylesRenderOptions = {}\n): [ any[], any ] {\n\tconst {\n\t\thasBlockGapSupport: hasBlockGapSupportOption,\n\t\thasFallbackGapSupport: hasFallbackGapSupportOption,\n\t\tdisableLayoutStyles = false,\n\t\tdisableRootPadding = false,\n\t\tstyleOptions = {},\n\t} = options;\n\n\t// Use provided block types or fall back to getBlockTypes()\n\tconst blocks = blockTypes.length > 0 ? blockTypes : getBlockTypes();\n\n\tconst blockGap = getSetting( config, 'spacing.blockGap' );\n\tconst hasBlockGapSupport = hasBlockGapSupportOption ?? blockGap !== null;\n\tconst hasFallbackGapSupport =\n\t\thasFallbackGapSupportOption ?? ! hasBlockGapSupport;\n\n\tif ( ! config?.styles || ! config?.settings ) {\n\t\treturn [ [], {} ];\n\t}\n\tconst updatedConfig = updateConfigWithSeparator( config );\n\tconst blockSelectors = getBlockSelectors( blocks );\n\tconst customProperties = generateCustomProperties(\n\t\tupdatedConfig,\n\t\tblockSelectors\n\t);\n\tconst globalStyles = transformToStyles(\n\t\tupdatedConfig,\n\t\tblockSelectors,\n\t\thasBlockGapSupport,\n\t\thasFallbackGapSupport,\n\t\tdisableLayoutStyles,\n\t\tdisableRootPadding,\n\t\tstyleOptions\n\t);\n\tconst svgs = generateSvgFilters( updatedConfig, blockSelectors );\n\tconst styles = [\n\t\t{\n\t\t\tcss: customProperties,\n\t\t\tisGlobalStyles: true,\n\t\t},\n\t\t{\n\t\t\tcss: globalStyles,\n\t\t\tisGlobalStyles: true,\n\t\t},\n\t\t// Load custom CSS in own stylesheet so that any invalid CSS entered in the input won't break all the global styles in the editor.\n\t\t{\n\t\t\tcss: updatedConfig?.styles?.css ?? '',\n\t\t\tisGlobalStyles: true,\n\t\t},\n\t\t{\n\t\t\tassets: svgs,\n\t\t\t__unstableType: 'svg',\n\t\t\tisGlobalStyles: true,\n\t\t},\n\t];\n\n\t// Loop through the blocks to check if there are custom CSS values.\n\t// If there are, get the block selector and push the selector together with\n\t// the CSS value to the 'stylesheets' array.\n\tblocks.forEach( ( blockType: BlockType ) => {\n\t\tconst blockStyles = updatedConfig?.styles?.blocks?.[ blockType.name ];\n\t\tif ( blockStyles?.css ) {\n\t\t\tconst selector = blockSelectors[ blockType.name ].selector;\n\t\t\tstyles.push( {\n\t\t\t\tcss: processCSSNesting( blockStyles.css, selector ),\n\t\t\t\tisGlobalStyles: true,\n\t\t\t} );\n\t\t}\n\t} );\n\n\treturn [ styles, updatedConfig.settings ];\n}\n"],
+  "mappings": "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",
+  "names": ["STYLE_PROPERTY", "ELEMENTS", "presets", "blocksStore"]
+}

package/build/core/{selectors.js → selectors.cjs}

@@ -23,8 +23,8 @@ __export(selectors_exports, {
   getBlockSelector: () => getBlockSelector
 });
 module.exports = __toCommonJS(selectors_exports);
-var import_common = require("../utils/common");
-var import_object = require("../utils/object");
+var import_common = require("../utils/common.cjs");
+var import_object = require("../utils/object.cjs");
 function getBlockSelector(blockType, target = "root", options = {}) {
   if (!target) {
     return null;
@@ -81,4 +81,4 @@ function getBlockSelector(blockType, target = "root", options = {}) {
 0 && (module.exports = {
   getBlockSelector
 });
-//# sourceMappingURL=selectors.js.map
+//# sourceMappingURL=selectors.cjs.map

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

@@ -34,6 +34,7 @@ __export(index_exports, {
   generateGlobalStyles: () => import_render.generateGlobalStyles,
   getBlockSelector: () => import_selectors.getBlockSelector,
   getBlockSelectors: () => import_render2.getBlockSelectors,
+  getDimensionPresetCssVar: () => import_dimensions.getDimensionPresetCssVar,
   getGlobalStylesChanges: () => import_get_global_styles_changes.default,
   getLayoutStyles: () => import_render2.getLayoutStyles,
   getPalettes: () => import_get_palette.default,
@@ -49,25 +50,27 @@ __export(index_exports, {
   toStyles: () => import_render2.transformToStyles
 });
 module.exports = __toCommonJS(index_exports);
-var import_get_setting = require("./settings/get-setting");
-var import_set_setting = require("./settings/set-setting");
-var import_get_style = require("./settings/get-style");
-var import_set_style = require("./settings/set-style");
-var import_get_palette = __toESM(require("./settings/get-palette"));
-var import_equal = require("./core/equal");
-var import_merge = require("./core/merge");
-var import_get_global_styles_changes = __toESM(require("./utils/get-global-styles-changes"));
-var import_render = require("./core/render");
-var import_render2 = require("./core/render");
-var import_selectors = require("./core/selectors");
-var import_typography = require("./utils/typography");
-var import_common = require("./utils/common");
+var import_get_setting = require("./settings/get-setting.cjs");
+var import_set_setting = require("./settings/set-setting.cjs");
+var import_get_style = require("./settings/get-style.cjs");
+var import_set_style = require("./settings/set-style.cjs");
+var import_get_palette = __toESM(require("./settings/get-palette.cjs"), 1);
+var import_equal = require("./core/equal.cjs");
+var import_merge = require("./core/merge.cjs");
+var import_get_global_styles_changes = __toESM(require("./utils/get-global-styles-changes.cjs"), 1);
+var import_render = require("./core/render.cjs");
+var import_render2 = require("./core/render.cjs");
+var import_selectors = require("./core/selectors.cjs");
+var import_typography = require("./utils/typography.cjs");
+var import_dimensions = require("./utils/dimensions.cjs");
+var import_common = require("./utils/common.cjs");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   areGlobalStylesEqual,
   generateGlobalStyles,
   getBlockSelector,
   getBlockSelectors,
+  getDimensionPresetCssVar,
   getGlobalStylesChanges,
   getLayoutStyles,
   getPalettes,
@@ -82,4 +85,4 @@ var import_common = require("./utils/common");
   setStyle,
   toStyles
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.cjs.map

package/build/{index.js.map → index.cjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/index.ts"],
-  "sourcesContent": ["// High-level Settings API\nexport { getSetting } from './settings/get-setting';\nexport { setSetting } from './settings/set-setting';\nexport { getStyle } from './settings/get-style';\nexport { setStyle } from './settings/set-style';\nexport { default as getPalettes } from './settings/get-palette';\n\n// Utilities\nexport { areGlobalStylesEqual } from './core/equal';\nexport { mergeGlobalStyles } from './core/merge';\nexport { default as getGlobalStylesChanges } from './utils/get-global-styles-changes';\n\n// Core rendering\nexport { generateGlobalStyles } from './core/render';\nexport {\n\ttransformToStyles as toStyles,\n\tgetBlockSelectors,\n\tgetLayoutStyles,\n} from './core/render';\nexport { getBlockSelector } from './core/selectors';\n\n// Utilities (Ideally these shouldn't be exposed)\nexport { getTypographyFontSizeValue } from './utils/typography';\nexport {\n\tgetValueFromVariable,\n\tgetPresetVariableFromValue,\n\tgetResolvedValue,\n} from './utils/common';\n\n// Types\nexport type * from './types';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,yBAA2B;AAC3B,yBAA2B;AAC3B,uBAAyB;AACzB,uBAAyB;AACzB,yBAAuC;AAGvC,mBAAqC;AACrC,mBAAkC;AAClC,uCAAkD;AAGlD,oBAAqC;AACrC,IAAAA,iBAIO;AACP,uBAAiC;AAGjC,wBAA2C;AAC3C,oBAIO;",
+  "sourcesContent": ["// High-level Settings API\nexport { getSetting } from './settings/get-setting';\nexport { setSetting } from './settings/set-setting';\nexport { getStyle } from './settings/get-style';\nexport { setStyle } from './settings/set-style';\nexport { default as getPalettes } from './settings/get-palette';\n\n// Utilities\nexport { areGlobalStylesEqual } from './core/equal';\nexport { mergeGlobalStyles } from './core/merge';\nexport { default as getGlobalStylesChanges } from './utils/get-global-styles-changes';\n\n// Core rendering\nexport { generateGlobalStyles } from './core/render';\nexport {\n\ttransformToStyles as toStyles,\n\tgetBlockSelectors,\n\tgetLayoutStyles,\n} from './core/render';\nexport { getBlockSelector } from './core/selectors';\n\n// Utilities (Ideally these shouldn't be exposed)\nexport { getTypographyFontSizeValue } from './utils/typography';\nexport { getDimensionPresetCssVar } from './utils/dimensions';\nexport {\n\tgetValueFromVariable,\n\tgetPresetVariableFromValue,\n\tgetResolvedValue,\n} from './utils/common';\n\n// Types\nexport type * from './types';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,yBAA2B;AAC3B,yBAA2B;AAC3B,uBAAyB;AACzB,uBAAyB;AACzB,yBAAuC;AAGvC,mBAAqC;AACrC,mBAAkC;AAClC,uCAAkD;AAGlD,oBAAqC;AACrC,IAAAA,iBAIO;AACP,uBAAiC;AAGjC,wBAA2C;AAC3C,wBAAyC;AACzC,oBAIO;",
   "names": ["import_render"]
 }

package/build/settings/{get-palette.js → get-palette.cjs}

@@ -24,7 +24,7 @@ __export(get_palette_exports, {
 });
 module.exports = __toCommonJS(get_palette_exports);
 var import_i18n = require("@wordpress/i18n");
-var import_get_setting = require("./get-setting");
+var import_get_setting = require("./get-setting.cjs");
 function getPalettes(settings) {
   if (!settings) {
     return {
@@ -162,4 +162,4 @@ function getPalettes(settings) {
   palettes.hasColorsOrGradients = !!palettes.colors?.length || !!palettes.gradients?.length;
   return palettes;
 }
-//# sourceMappingURL=get-palette.js.map
+//# sourceMappingURL=get-palette.cjs.map

package/build/settings/{get-setting.js → get-setting.cjs}

@@ -23,7 +23,7 @@ __export(get_setting_exports, {
   getSetting: () => getSetting
 });
 module.exports = __toCommonJS(get_setting_exports);
-var import_object = require("../utils/object");
+var import_object = require("../utils/object.cjs");
 var VALID_SETTINGS = [
   "appearanceTools",
   "useRootPaddingAwareAlignments",
@@ -55,8 +55,10 @@ var VALID_SETTINGS = [
   "color.text",
   "custom",
   "dimensions.aspectRatio",
+  "dimensions.height",
   "dimensions.minHeight",
   "dimensions.width",
+  "dimensions.dimensionSizes",
   "layout.contentSize",
   "layout.definitions",
   "layout.wideSize",
@@ -112,4 +114,4 @@ function getSetting(globalStyles, path, blockName) {
 0 && (module.exports = {
   getSetting
 });
-//# sourceMappingURL=get-setting.js.map
+//# sourceMappingURL=get-setting.cjs.map

package/build/settings/get-setting.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/settings/get-setting.ts"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { getValueFromObjectPath, setImmutably } from '../utils/object';\nimport type { GlobalStylesConfig } from '../types';\n\nconst VALID_SETTINGS = [\n\t'appearanceTools',\n\t'useRootPaddingAwareAlignments',\n\t'background.backgroundImage',\n\t'background.backgroundRepeat',\n\t'background.backgroundSize',\n\t'background.backgroundPosition',\n\t'border.color',\n\t'border.radius',\n\t'border.radiusSizes',\n\t'border.style',\n\t'border.width',\n\t'shadow.presets',\n\t'shadow.defaultPresets',\n\t'color.background',\n\t'color.button',\n\t'color.caption',\n\t'color.custom',\n\t'color.customDuotone',\n\t'color.customGradient',\n\t'color.defaultDuotone',\n\t'color.defaultGradients',\n\t'color.defaultPalette',\n\t'color.duotone',\n\t'color.gradients',\n\t'color.heading',\n\t'color.link',\n\t'color.palette',\n\t'color.text',\n\t'custom',\n\t'dimensions.aspectRatio',\n\t'dimensions.height',\n\t'dimensions.minHeight',\n\t'dimensions.width',\n\t'dimensions.dimensionSizes',\n\t'layout.contentSize',\n\t'layout.definitions',\n\t'layout.wideSize',\n\t'lightbox.enabled',\n\t'lightbox.allowEditing',\n\t'position.fixed',\n\t'position.sticky',\n\t'spacing.customSpacingSize',\n\t'spacing.defaultSpacingSizes',\n\t'spacing.spacingSizes',\n\t'spacing.spacingScale',\n\t'spacing.blockGap',\n\t'spacing.margin',\n\t'spacing.padding',\n\t'spacing.units',\n\t'typography.fluid',\n\t'typography.customFontSize',\n\t'typography.defaultFontSizes',\n\t'typography.dropCap',\n\t'typography.fontFamilies',\n\t'typography.fontSizes',\n\t'typography.fontStyle',\n\t'typography.fontWeight',\n\t'typography.letterSpacing',\n\t'typography.lineHeight',\n\t'typography.textAlign',\n\t'typography.textColumns',\n\t'typography.textDecoration',\n\t'typography.textTransform',\n\t'typography.writingMode',\n];\n\nexport function getSetting< T = any >(\n\tglobalStyles: GlobalStylesConfig,\n\tpath: string,\n\tblockName?: string\n): T {\n\tconst appendedBlockPath = blockName ? '.blocks.' + blockName : '';\n\tconst appendedPropertyPath = path ? '.' + path : '';\n\tconst contextualPath = `settings${ appendedBlockPath }${ appendedPropertyPath }`;\n\tconst globalPath = `settings${ appendedPropertyPath }`;\n\n\tif ( path ) {\n\t\treturn ( getValueFromObjectPath( globalStyles, contextualPath ) ??\n\t\t\tgetValueFromObjectPath( globalStyles, globalPath ) ) as T;\n\t}\n\n\tlet result = {};\n\tVALID_SETTINGS.forEach( ( setting ) => {\n\t\tconst value =\n\t\t\tgetValueFromObjectPath(\n\t\t\t\tglobalStyles,\n\t\t\t\t`settings${ appendedBlockPath }.${ setting }`\n\t\t\t) ??\n\t\t\tgetValueFromObjectPath( globalStyles, `settings.${ setting }` );\n\t\tif ( value !== undefined ) {\n\t\t\tresult = setImmutably( result, setting.split( '.' ), value );\n\t\t}\n\t} );\n\treturn result as T;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAAqD;AAGrD,IAAM,iBAAiB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;AAEO,SAAS,WACf,cACA,MACA,WACI;AACJ,QAAM,oBAAoB,YAAY,aAAa,YAAY;AAC/D,QAAM,uBAAuB,OAAO,MAAM,OAAO;AACjD,QAAM,iBAAiB,WAAY,iBAAkB,GAAI,oBAAqB;AAC9E,QAAM,aAAa,WAAY,oBAAqB;AAEpD,MAAK,MAAO;AACX,eAAS,sCAAwB,cAAc,cAAe,SAC7D,sCAAwB,cAAc,UAAW;AAAA,EACnD;AAEA,MAAI,SAAS,CAAC;AACd,iBAAe,QAAS,CAAE,YAAa;AACtC,UAAM,YACL;AAAA,MACC;AAAA,MACA,WAAY,iBAAkB,IAAK,OAAQ;AAAA,IAC5C,SACA,sCAAwB,cAAc,YAAa,OAAQ,EAAG;AAC/D,QAAK,UAAU,QAAY;AAC1B,mBAAS,4BAAc,QAAQ,QAAQ,MAAO,GAAI,GAAG,KAAM;AAAA,IAC5D;AAAA,EACD,CAAE;AACF,SAAO;AACR;",
+  "names": []
+}

package/build/settings/{get-style.js → get-style.cjs}

@@ -23,8 +23,8 @@ __export(get_style_exports, {
   getStyle: () => getStyle
 });
 module.exports = __toCommonJS(get_style_exports);
-var import_object = require("../utils/object");
-var import_common = require("../utils/common");
+var import_object = require("../utils/object.cjs");
+var import_common = require("../utils/common.cjs");
 function getStyle(globalStyles, path, blockName, shouldDecodeEncode = true) {
   const appendedPath = path ? "." + path : "";
   const finalPath = !blockName ? `styles${appendedPath}` : `styles.blocks.${blockName}${appendedPath}`;
@@ -39,4 +39,4 @@ function getStyle(globalStyles, path, blockName, shouldDecodeEncode = true) {
 0 && (module.exports = {
   getStyle
 });
-//# sourceMappingURL=get-style.js.map
+//# sourceMappingURL=get-style.cjs.map

package/build/settings/{set-setting.js → set-setting.cjs}

@@ -23,7 +23,7 @@ __export(set_setting_exports, {
   setSetting: () => setSetting
 });
 module.exports = __toCommonJS(set_setting_exports);
-var import_object = require("../utils/object");
+var import_object = require("../utils/object.cjs");
 function setSetting(globalStyles, path, newValue, blockName) {
   const appendedBlockPath = blockName ? ".blocks." + blockName : "";
   const appendedPropertyPath = path ? "." + path : "";
@@ -38,4 +38,4 @@ function setSetting(globalStyles, path, newValue, blockName) {
 0 && (module.exports = {
   setSetting
 });
-//# sourceMappingURL=set-setting.js.map
+//# sourceMappingURL=set-setting.cjs.map

package/build/settings/{set-style.js → set-style.cjs}

@@ -23,7 +23,7 @@ __export(set_style_exports, {
   setStyle: () => setStyle
 });
 module.exports = __toCommonJS(set_style_exports);
-var import_object = require("../utils/object");
+var import_object = require("../utils/object.cjs");
 function setStyle(globalStyles, path, newValue, blockName) {
   const appendedPath = path ? "." + path : "";
   const finalPath = !blockName ? `styles${appendedPath}` : `styles.blocks.${blockName}${appendedPath}`;
@@ -37,4 +37,4 @@ function setStyle(globalStyles, path, newValue, blockName) {
 0 && (module.exports = {
   setStyle
 });
-//# sourceMappingURL=set-style.js.map
+//# sourceMappingURL=set-style.cjs.map

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

@@ -16,4 +16,4 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // packages/global-styles-engine/src/types.ts
 var types_exports = {};
 module.exports = __toCommonJS(types_exports);
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.cjs.map

package/build/{types.js.map → types.cjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/types.ts"],
-  "sourcesContent": ["// =============================================================================\n// CORE PRIMITIVE TYPES\n// =============================================================================\n\n/**\n * Value that can be resolved from various sources (direct value, reference, or URL)\n */\nexport type UnresolvedValue =\n\t| string\n\t| number\n\t| { ref: string }\n\t| { url: string }\n\t| undefined\n\t| null;\n\n/**\n * Origin of a preset (theme, user customizations, or WordPress defaults)\n */\nexport type PresetOrigin = 'theme' | 'custom' | 'default';\n\n/**\n * Common properties for all preset types\n */\nexport interface BasePreset {\n\tname: string;\n\tslug: string;\n}\n\n// =============================================================================\n// COLOR SYSTEM TYPES\n// =============================================================================\n\n/**\n * Color preset definition\n */\nexport interface Color extends BasePreset {\n\tcolor: string;\n}\n\n/**\n * Gradient preset definition\n */\nexport interface Gradient extends BasePreset {\n\tgradient: string;\n}\n\n/**\n * Duotone filter preset definition\n */\nexport interface Duotone extends BasePreset {\n\tcolors: string[];\n}\n\n/**\n * Palette collection for a specific origin (theme, custom, default)\n */\nexport interface Palette {\n\tname: string;\n\tslug: PresetOrigin;\n\tcolors?: Color[];\n\tgradients?: Gradient[];\n\tduotones?: Duotone[];\n}\n\n/**\n * Multi-origin palette structure used by StyleBook\n */\nexport interface MultiOriginPalettes {\n\tcolors?: Palette[];\n\tgradients?: Palette[];\n\tduotones?: Palette[];\n\tdisableCustomColors?: boolean;\n\tdisableCustomGradients?: boolean;\n\thasColorsOrGradients?: boolean;\n}\n\n/**\n * Background style properties\n */\nexport interface BackgroundStyle {\n\tbackgroundColor?: UnresolvedValue;\n\tbackgroundImage?:\n\t\t| {\n\t\t\t\turl: string;\n\t\t\t\tid?: number;\n\t\t  }\n\t\t| UnresolvedValue;\n\tbackgroundSize?: UnresolvedValue;\n\tbackgroundPosition?: UnresolvedValue;\n\tbackgroundRepeat?: UnresolvedValue;\n\tbackgroundAttachment?: UnresolvedValue;\n\tbackgroundBlendMode?: UnresolvedValue;\n\tbackgroundOpacity?: UnresolvedValue;\n}\n\n// =============================================================================\n// TYPOGRAPHY SYSTEM TYPES\n// =============================================================================\n\n/**\n * Fluid typography settings for responsive font sizes\n */\nexport interface FluidTypographyConfig {\n\tmin?: string;\n\tmax?: string;\n}\n\n/**\n * Typography preset (font size) definition\n */\nexport interface TypographyPreset extends BasePreset {\n\tsize: string | number | null;\n\tpreviewFontSize?: string;\n\tfluid?: boolean | FluidTypographyConfig;\n}\n\n/**\n * Font size preset definition (alias for TypographyPreset for clarity)\n */\nexport interface FontSizePreset extends TypographyPreset {}\n\n/**\n * Convenience type alias for font size data\n */\nexport type FontSize = FontSizePreset;\n\n/**\n * Font face definition as found in theme.json\n */\nexport interface FontFace {\n\tfontFamily: string;\n\tfontWeight?: string | number;\n\tfontStyle?: string;\n\tfontStretch?: string;\n\tfontDisplay?: string;\n\tsrc?: string | string[];\n}\n\n/**\n * Font family preset definition as found in theme.json\n */\nexport interface FontFamilyPreset extends BasePreset {\n\tfontFamily: string;\n\tfontFace?: FontFace[];\n}\n\n/**\n * Global fluid typography settings\n */\nexport interface FluidTypographySettings {\n\tmaxViewportWidth?: string;\n\tminFontSize?: string;\n\tminViewportWidth?: string;\n}\n\n/**\n * Typography settings collection\n */\nexport interface TypographySettings {\n\tfluid?: boolean | FluidTypographySettings;\n\tfontSizes?: TypographyPreset[] | Record< string, TypographyPreset[] >;\n\tfontFamilies?: Record< string, FontFamilyPreset[] >;\n\tdefaultFontSizes?: boolean;\n}\n\n// =============================================================================\n// LAYOUT SYSTEM TYPES\n// =============================================================================\n\n/**\n * Layout constraint settings\n */\nexport interface LayoutSettings {\n\twideSize?: string;\n\tcontentSize?: string;\n}\n\n/**\n * Spacing settings\n */\nexport interface SpacingSettings {\n\tpadding?: string | Record< string, string >;\n\tmargin?: string | Record< string, string >;\n\tblockGap?: string;\n}\n\n// =============================================================================\n// BLOCK SYSTEM TYPES (need to move to the blocks package eventually)\n// =============================================================================\n\n/**\n * Block type definition with global styles support\n */\nexport interface BlockType {\n\tname: string;\n\ttitle: string;\n\tcategory: string;\n\texample?: any;\n\tattributes?: Record< string, unknown >;\n\tsupports?: {\n\t\t__experimentalSelector?: string;\n\t\tinserter?: boolean;\n\t\tspacing?:\n\t\t\t| boolean\n\t\t\t| {\n\t\t\t\t\tblockGap?:\n\t\t\t\t\t\t| boolean\n\t\t\t\t\t\t| string[]\n\t\t\t\t\t\t| {\n\t\t\t\t\t\t\t\t__experimentalDefault?: string;\n\t\t\t\t\t\t\t\tsides: string[];\n\t\t\t\t\t\t  };\n\t\t\t  };\n\t\t[ key: string ]: unknown;\n\t};\n\tselectors?: Record< string, string | Record< string, string > >;\n}\n\n/**\n * Block style variation\n */\nexport interface BlockStyleVariation {\n\tname: string;\n\tlabel: string;\n\tstyles?: Record< string, any >;\n}\n\n// =============================================================================\n// GLOBAL STYLES STRUCTURE TYPES\n// =============================================================================\n\n/**\n * Global styles settings node\n */\nexport interface GlobalStylesSettings {\n\tuseRootPaddingAwareAlignments?: boolean;\n\ttypography?: TypographySettings;\n\tlayout?: LayoutSettings;\n\tspacing?: SpacingSettings;\n\tcolor?: {\n\t\tpalette?:\n\t\t\t| Color[]\n\t\t\t| {\n\t\t\t\t\ttheme?: Color[];\n\t\t\t\t\tcustom?: Color[];\n\t\t\t\t\tdefault?: Color[];\n\t\t\t  };\n\t\tgradients?: {\n\t\t\ttheme?: Gradient[];\n\t\t\tcustom?: Gradient[];\n\t\t\tdefault?: Gradient[];\n\t\t};\n\t\tduotone?: {\n\t\t\ttheme?: Duotone[];\n\t\t\tcustom?: Duotone[];\n\t\t\tdefault?: Duotone[];\n\t\t};\n\t\tlink?: boolean;\n\t\tcustom?: boolean;\n\t\tcustomGradient?: boolean;\n\t\tcustomDuotone?: boolean;\n\t\tdefaultPalette?: boolean;\n\t\tdefaultGradients?: boolean;\n\t\tdefaultDuotone?: boolean;\n\t};\n\tcustom?: Record<\n\t\tstring,\n\t\tstring | number | Record< string, string | number >\n\t>;\n\tblocks?: Record< string, Omit< GlobalStylesSettings, 'blocks' > >;\n}\n\n/**\n * Global styles values node\n */\nexport interface GlobalStylesStyles {\n\tcolor?: {\n\t\tbackground?: UnresolvedValue;\n\t\ttext?: UnresolvedValue;\n\t};\n\ttypography?: {\n\t\tfontFamily?: UnresolvedValue;\n\t\tfontSize?: UnresolvedValue;\n\t\tfontWeight?: UnresolvedValue;\n\t\tlineHeight?: UnresolvedValue;\n\t\tletterSpacing?: UnresolvedValue;\n\t\ttextTransform?: UnresolvedValue;\n\t};\n\tspacing?: {\n\t\tpadding?: UnresolvedValue | Record< string, UnresolvedValue >;\n\t\tmargin?: UnresolvedValue | Record< string, UnresolvedValue >;\n\t\tblockGap?: string;\n\t};\n\tbackground?: BackgroundStyle;\n\tborder?: {\n\t\tcolor?: UnresolvedValue;\n\t\twidth?: UnresolvedValue;\n\t\tstyle?: UnresolvedValue;\n\t\tradius?:\n\t\t\t| UnresolvedValue\n\t\t\t| {\n\t\t\t\t\ttopLeft?: UnresolvedValue;\n\t\t\t\t\ttopRight?: UnresolvedValue;\n\t\t\t\t\tbottomRight?: UnresolvedValue;\n\t\t\t\t\tbottomLeft?: UnresolvedValue;\n\t\t\t  };\n\t\ttop?: {\n\t\t\tcolor?: UnresolvedValue;\n\t\t\twidth?: UnresolvedValue;\n\t\t\tstyle?: UnresolvedValue;\n\t\t};\n\t\tright?: {\n\t\t\tcolor?: UnresolvedValue;\n\t\t\twidth?: UnresolvedValue;\n\t\t\tstyle?: UnresolvedValue;\n\t\t};\n\t\tbottom?: {\n\t\t\tcolor?: UnresolvedValue;\n\t\t\twidth?: UnresolvedValue;\n\t\t\tstyle?: UnresolvedValue;\n\t\t};\n\t\tleft?: {\n\t\t\tcolor?: UnresolvedValue;\n\t\t\twidth?: UnresolvedValue;\n\t\t\tstyle?: UnresolvedValue;\n\t\t};\n\t};\n\tfilter?: {\n\t\tduotone?: UnresolvedValue;\n\t\topacity?: UnresolvedValue;\n\t};\n\tdimensions?: {\n\t\twidth?: UnresolvedValue;\n\t\theight?: UnresolvedValue;\n\t\tminWidth?: UnresolvedValue;\n\t\tminHeight?: UnresolvedValue;\n\t\tmaxWidth?: UnresolvedValue;\n\t\tmaxHeight?: UnresolvedValue;\n\t};\n\telements?: Record<\n\t\tstring,\n\t\tOmit< GlobalStylesStyles, 'blocks' | 'elements' | 'variations' > & {\n\t\t\t':hover'?: Omit<\n\t\t\t\tGlobalStylesStyles,\n\t\t\t\t'blocks' | 'elements' | 'variations'\n\t\t\t>;\n\t\t}\n\t>;\n\tblocks?: Record< string, Omit< GlobalStylesStyles, 'blocks' > >;\n\tvariations?: Record< string, Omit< GlobalStylesStyles, 'blocks' > >;\n\tcss?: string;\n}\n\n/**\n * Complete global styles configuration\n */\nexport interface GlobalStylesConfig {\n\tversion?: number;\n\tsettings?: GlobalStylesSettings;\n\tstyles?: GlobalStylesStyles;\n\t_links?: {\n\t\t[ 'wp:theme-file' ]?: ThemeFileLink[];\n\t\t[ 'wp:action-edit-css' ]?: Array< { href: string } >;\n\t};\n}\n\n/**\n * Style variation (extends GlobalStylesConfig with metadata)\n */\nexport interface StyleVariation extends GlobalStylesConfig {\n\ttitle?: string;\n\tdescription?: string;\n}\n\n/**\n * WordPress theme file link\n */\nexport interface ThemeFileLink {\n\tname: string;\n\thref: string;\n\ttarget?: string;\n}\n\n// =============================================================================\n// UTILITY TYPES\n// =============================================================================\n\n/**\n * Deep partial type for global styles merging\n */\nexport type DeepPartial< T > = {\n\t[ P in keyof T ]?: T[ P ] extends object ? DeepPartial< T[ P ] > : T[ P ];\n};\n\n/**\n * CSS selector string\n */\nexport type CSSSelector = string;\n\n/**\n * CSS property value\n */\nexport type CSSValue = string | number | undefined;\n\n/**\n * CSS rules object\n */\nexport type CSSRules = Record< string, CSSValue >;\n"],
+  "sourcesContent": ["// =============================================================================\n// CORE PRIMITIVE TYPES\n// =============================================================================\n\n/**\n * Value that can be resolved from various sources (direct value, reference, or URL)\n */\nexport type UnresolvedValue =\n\t| string\n\t| number\n\t| { ref: string }\n\t| { url: string }\n\t| undefined\n\t| null;\n\n/**\n * Origin of a preset (theme, user customizations, or WordPress defaults)\n */\nexport type PresetOrigin = 'theme' | 'custom' | 'default';\n\n/**\n * Common properties for all preset types\n */\nexport interface BasePreset {\n\tname: string;\n\tslug: string;\n}\n\n// =============================================================================\n// COLOR SYSTEM TYPES\n// =============================================================================\n\n/**\n * Color preset definition\n */\nexport interface Color extends BasePreset {\n\tcolor: string;\n}\n\n/**\n * Gradient preset definition\n */\nexport interface Gradient extends BasePreset {\n\tgradient: string;\n}\n\n/**\n * Duotone filter preset definition\n */\nexport interface Duotone extends BasePreset {\n\tcolors: string[];\n}\n\n/**\n * Palette collection for a specific origin (theme, custom, default)\n */\nexport interface Palette {\n\tname: string;\n\tslug: PresetOrigin;\n\tcolors?: Color[];\n\tgradients?: Gradient[];\n\tduotones?: Duotone[];\n}\n\n/**\n * Multi-origin palette structure used by StyleBook\n */\nexport interface MultiOriginPalettes {\n\tcolors?: Palette[];\n\tgradients?: Palette[];\n\tduotones?: Palette[];\n\tdisableCustomColors?: boolean;\n\tdisableCustomGradients?: boolean;\n\thasColorsOrGradients?: boolean;\n}\n\n/**\n * Background style properties\n */\nexport interface BackgroundStyle {\n\tbackgroundColor?: UnresolvedValue;\n\tbackgroundImage?:\n\t\t| {\n\t\t\t\turl: string;\n\t\t\t\tid?: number;\n\t\t  }\n\t\t| UnresolvedValue;\n\tbackgroundSize?: UnresolvedValue;\n\tbackgroundPosition?: UnresolvedValue;\n\tbackgroundRepeat?: UnresolvedValue;\n\tbackgroundAttachment?: UnresolvedValue;\n\tbackgroundBlendMode?: UnresolvedValue;\n\tbackgroundOpacity?: UnresolvedValue;\n}\n\n// =============================================================================\n// TYPOGRAPHY SYSTEM TYPES\n// =============================================================================\n\n/**\n * Fluid typography settings for responsive font sizes\n */\nexport interface FluidTypographyConfig {\n\tmin?: string;\n\tmax?: string;\n}\n\n/**\n * Typography preset (font size) definition\n */\nexport interface TypographyPreset extends BasePreset {\n\tsize: string | number | null;\n\tpreviewFontSize?: string;\n\tfluid?: boolean | FluidTypographyConfig;\n}\n\n/**\n * Font size preset definition (alias for TypographyPreset for clarity)\n */\nexport interface FontSizePreset extends TypographyPreset {}\n\n/**\n * Convenience type alias for font size data\n */\nexport type FontSize = FontSizePreset;\n\n/**\n * Font face definition as found in theme.json\n */\nexport interface FontFace {\n\tfontFamily: string;\n\tfontWeight?: string | number;\n\tfontStyle?: string;\n\tfontStretch?: string;\n\tfontDisplay?: string;\n\tsrc?: string | string[];\n}\n\n/**\n * Font family preset definition as found in theme.json\n */\nexport interface FontFamilyPreset extends BasePreset {\n\tfontFamily: string;\n\tfontFace?: FontFace[];\n}\n\n/**\n * Global fluid typography settings\n */\nexport interface FluidTypographySettings {\n\tmaxViewportWidth?: string;\n\tminFontSize?: string;\n\tminViewportWidth?: string;\n}\n\n/**\n * Typography settings collection\n */\nexport interface TypographySettings {\n\tfluid?: boolean | FluidTypographySettings;\n\tfontSizes?: TypographyPreset[] | Record< string, TypographyPreset[] >;\n\tfontFamilies?: Record< string, FontFamilyPreset[] >;\n\tdefaultFontSizes?: boolean;\n}\n\n// =============================================================================\n// LAYOUT SYSTEM TYPES\n// =============================================================================\n\n/**\n * Layout constraint settings\n */\nexport interface LayoutSettings {\n\twideSize?: string;\n\tcontentSize?: string;\n}\n\n/**\n * Spacing settings\n */\nexport interface SpacingSettings {\n\tpadding?: string | Record< string, string >;\n\tmargin?: string | Record< string, string >;\n\tblockGap?: string;\n}\n\n// =============================================================================\n// BLOCK SYSTEM TYPES (need to move to the blocks package eventually)\n// =============================================================================\n\n/**\n * Block type definition with global styles support\n */\nexport interface BlockType {\n\tname: string;\n\ttitle: string;\n\tcategory: string;\n\texample?: any;\n\tattributes?: Record< string, unknown >;\n\tsupports?: {\n\t\t__experimentalSelector?: string;\n\t\tinserter?: boolean;\n\t\tspacing?:\n\t\t\t| boolean\n\t\t\t| {\n\t\t\t\t\tblockGap?:\n\t\t\t\t\t\t| boolean\n\t\t\t\t\t\t| string[]\n\t\t\t\t\t\t| {\n\t\t\t\t\t\t\t\t__experimentalDefault?: string;\n\t\t\t\t\t\t\t\tsides: string[];\n\t\t\t\t\t\t  };\n\t\t\t  };\n\t\t[ key: string ]: unknown;\n\t};\n\tselectors?: Record< string, string | Record< string, string > >;\n}\n\n/**\n * Block style variation\n */\nexport interface BlockStyleVariation {\n\tname: string;\n\tlabel: string;\n\tstyles?: Record< string, any >;\n}\n\n// =============================================================================\n// GLOBAL STYLES STRUCTURE TYPES\n// =============================================================================\n\n/**\n * Global styles settings node\n */\nexport interface GlobalStylesSettings {\n\tuseRootPaddingAwareAlignments?: boolean;\n\ttypography?: TypographySettings;\n\tlayout?: LayoutSettings;\n\tspacing?: SpacingSettings;\n\tcolor?: {\n\t\tpalette?:\n\t\t\t| Color[]\n\t\t\t| {\n\t\t\t\t\ttheme?: Color[];\n\t\t\t\t\tcustom?: Color[];\n\t\t\t\t\tdefault?: Color[];\n\t\t\t  };\n\t\tgradients?: {\n\t\t\ttheme?: Gradient[];\n\t\t\tcustom?: Gradient[];\n\t\t\tdefault?: Gradient[];\n\t\t};\n\t\tduotone?: {\n\t\t\ttheme?: Duotone[];\n\t\t\tcustom?: Duotone[];\n\t\t\tdefault?: Duotone[];\n\t\t};\n\t\tlink?: boolean;\n\t\tcustom?: boolean;\n\t\tcustomGradient?: boolean;\n\t\tcustomDuotone?: boolean;\n\t\tdefaultPalette?: boolean;\n\t\tdefaultGradients?: boolean;\n\t\tdefaultDuotone?: boolean;\n\t};\n\tcustom?: Record<\n\t\tstring,\n\t\tstring | number | Record< string, string | number >\n\t>;\n\tblocks?: Record< string, Omit< GlobalStylesSettings, 'blocks' > >;\n}\n\n/**\n * Global styles values node\n */\nexport interface GlobalStylesStyles {\n\tcolor?: {\n\t\tbackground?: UnresolvedValue;\n\t\ttext?: UnresolvedValue;\n\t};\n\ttypography?: {\n\t\tfontFamily?: UnresolvedValue;\n\t\tfontSize?: UnresolvedValue;\n\t\tfontWeight?: UnresolvedValue;\n\t\tlineHeight?: UnresolvedValue;\n\t\tletterSpacing?: UnresolvedValue;\n\t\ttextTransform?: UnresolvedValue;\n\t\ttextIndent?: UnresolvedValue;\n\t};\n\tspacing?: {\n\t\tpadding?: UnresolvedValue | Record< string, UnresolvedValue >;\n\t\tmargin?: UnresolvedValue | Record< string, UnresolvedValue >;\n\t\tblockGap?: string;\n\t};\n\tbackground?: BackgroundStyle;\n\tborder?: {\n\t\tcolor?: UnresolvedValue;\n\t\twidth?: UnresolvedValue;\n\t\tstyle?: UnresolvedValue;\n\t\tradius?:\n\t\t\t| UnresolvedValue\n\t\t\t| {\n\t\t\t\t\ttopLeft?: UnresolvedValue;\n\t\t\t\t\ttopRight?: UnresolvedValue;\n\t\t\t\t\tbottomRight?: UnresolvedValue;\n\t\t\t\t\tbottomLeft?: UnresolvedValue;\n\t\t\t  };\n\t\ttop?: {\n\t\t\tcolor?: UnresolvedValue;\n\t\t\twidth?: UnresolvedValue;\n\t\t\tstyle?: UnresolvedValue;\n\t\t};\n\t\tright?: {\n\t\t\tcolor?: UnresolvedValue;\n\t\t\twidth?: UnresolvedValue;\n\t\t\tstyle?: UnresolvedValue;\n\t\t};\n\t\tbottom?: {\n\t\t\tcolor?: UnresolvedValue;\n\t\t\twidth?: UnresolvedValue;\n\t\t\tstyle?: UnresolvedValue;\n\t\t};\n\t\tleft?: {\n\t\t\tcolor?: UnresolvedValue;\n\t\t\twidth?: UnresolvedValue;\n\t\t\tstyle?: UnresolvedValue;\n\t\t};\n\t};\n\tfilter?: {\n\t\tduotone?: UnresolvedValue;\n\t\topacity?: UnresolvedValue;\n\t};\n\tdimensions?: {\n\t\twidth?: UnresolvedValue;\n\t\theight?: UnresolvedValue;\n\t\tminWidth?: UnresolvedValue;\n\t\tminHeight?: UnresolvedValue;\n\t\tmaxWidth?: UnresolvedValue;\n\t\tmaxHeight?: UnresolvedValue;\n\t};\n\telements?: Record<\n\t\tstring,\n\t\tOmit< GlobalStylesStyles, 'blocks' | 'elements' | 'variations' > & {\n\t\t\t':hover'?: Omit<\n\t\t\t\tGlobalStylesStyles,\n\t\t\t\t'blocks' | 'elements' | 'variations'\n\t\t\t>;\n\t\t}\n\t>;\n\tblocks?: Record< string, Omit< GlobalStylesStyles, 'blocks' > >;\n\tvariations?: Record< string, Omit< GlobalStylesStyles, 'blocks' > >;\n\tcss?: string;\n}\n\n/**\n * Complete global styles configuration\n */\nexport interface GlobalStylesConfig {\n\tversion?: number;\n\tsettings?: GlobalStylesSettings;\n\tstyles?: GlobalStylesStyles;\n\t_links?: {\n\t\t[ 'wp:theme-file' ]?: ThemeFileLink[];\n\t\t[ 'wp:action-edit-css' ]?: Array< { href: string } >;\n\t};\n}\n\n/**\n * Style variation (extends GlobalStylesConfig with metadata)\n */\nexport interface StyleVariation extends GlobalStylesConfig {\n\ttitle?: string;\n\tdescription?: string;\n}\n\n/**\n * WordPress theme file link\n */\nexport interface ThemeFileLink {\n\tname: string;\n\thref: string;\n\ttarget?: string;\n}\n\n// =============================================================================\n// UTILITY TYPES\n// =============================================================================\n\n/**\n * Deep partial type for global styles merging\n */\nexport type DeepPartial< T > = {\n\t[ P in keyof T ]?: T[ P ] extends object ? DeepPartial< T[ P ] > : T[ P ];\n};\n\n/**\n * CSS selector string\n */\nexport type CSSSelector = string;\n\n/**\n * CSS property value\n */\nexport type CSSValue = string | number | undefined;\n\n/**\n * CSS rules object\n */\nexport type CSSRules = Record< string, CSSValue >;\n"],
   "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/build/utils/{background.js → background.cjs}

@@ -52,4 +52,4 @@ function setBackgroundStyleDefaults(backgroundStyle) {
   BACKGROUND_BLOCK_DEFAULT_VALUES,
   setBackgroundStyleDefaults
 });
-//# sourceMappingURL=background.js.map
+//# sourceMappingURL=background.cjs.map

package/build/utils/{common.js → common.cjs}

@@ -36,8 +36,8 @@ __export(common_exports, {
 });
 module.exports = __toCommonJS(common_exports);
 var import_style_engine = require("@wordpress/style-engine");
-var import_typography = require("./typography");
-var import_object = require("./object");
+var import_typography = require("./typography.cjs");
+var import_object = require("./object.cjs");
 var ROOT_BLOCK_SELECTOR = "body";
 var ROOT_CSS_PROPERTIES_SELECTOR = ":root";
 var PRESET_METADATA = [
@@ -108,6 +108,12 @@ var PRESET_METADATA = [
     valueKey: "size",
     cssVarInfix: "border-radius",
     classes: []
+  },
+  {
+    path: ["dimensions", "dimensionSizes"],
+    valueKey: "size",
+    cssVarInfix: "dimension",
+    classes: []
   }
 ];
 var STYLE_PATH_TO_CSS_VAR_INFIX = {
@@ -417,4 +423,4 @@ function getPresetVariableFromValue(features, blockName, variableStylePath, pres
   scopeFeatureSelectors,
   scopeSelector
 });
-//# sourceMappingURL=common.js.map
+//# sourceMappingURL=common.cjs.map