@wordpress/global-styles-engine 1.5.0 → 1.6.0

package/build/core/render.cjs

@@ -436,6 +436,7 @@ var getNodesWithStyles = (tree, blockSelectors) => {
     ([blockName, node]) => {
       const blockStyles = pickStyleKeys(node);
       const typedNode = node;
+      const variationNodesToAdd = [];
       if (typedNode?.variations) {
         const variations = {};
         Object.entries(typedNode.variations).forEach(
@@ -450,7 +451,7 @@ var getNodesWithStyles = (tree, blockSelectors) => {
               typedVariation?.elements ?? {}
             ).forEach(([element, elementStyles]) => {
               if (elementStyles && import_blocks.__EXPERIMENTAL_ELEMENTS[element]) {
-                nodes.push({
+                variationNodesToAdd.push({
                   styles: elementStyles,
                   selector: (0, import_common.scopeSelector)(
                     variationSelector,
@@ -483,7 +484,7 @@ var getNodesWithStyles = (tree, blockSelectors) => {
                 if (!variationBlockSelector || typeof blockSelectors === "string") {
                   return;
                 }
-                nodes.push({
+                variationNodesToAdd.push({
                   selector: variationBlockSelector,
                   duotoneSelector: variationDuotoneSelector,
                   featureSelectors: variationFeatureSelectors,
@@ -499,7 +500,7 @@ var getNodesWithStyles = (tree, blockSelectors) => {
                     variationBlockElementStyles
                   ]) => {
                     if (variationBlockElementStyles && import_blocks.__EXPERIMENTAL_ELEMENTS[variationBlockElement]) {
-                      nodes.push({
+                      variationNodesToAdd.push({
                         styles: variationBlockElementStyles,
                         selector: (0, import_common.scopeSelector)(
                           variationBlockSelector,
@@ -541,6 +542,7 @@ var getNodesWithStyles = (tree, blockSelectors) => {
           }
         }
       );
+      nodes.push(...variationNodesToAdd);
     }
   );
   return nodes;
@@ -746,6 +748,16 @@ var transformToStyles = (tree, blockSelectors, hasBlockGapSupport, hasFallbackGa
                     `:root :where(${styleVariationSelector})`
                   );
                 }
+                if (hasLayoutSupport && styleVariations?.spacing?.blockGap) {
+                  const variationSelectorWithBlock = styleVariationSelector + selector;
+                  ruleset += getLayoutStyles({
+                    style: styleVariations,
+                    selector: variationSelectorWithBlock,
+                    hasBlockGapSupport: true,
+                    hasFallbackGapSupport,
+                    fallbackGapValue
+                  });
+                }
               }
             }
           );

package/build/core/render.cjs.map

@@ -1,7 +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\tnodes.push( {\n\t\t\t\tstyles: tree.styles?.elements?.[ name ] ?? {},\n\t\t\t\tselector: selector as string,\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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",
+  "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\tnodes.push( {\n\t\t\t\tstyles: tree.styles?.elements?.[ name ] ?? {},\n\t\t\t\tselector: selector as string,\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\t// Store variation data for later processing, but don't add to nodes yet.\n\t\t\t// Variations should be processed AFTER the main block styles to match PHP order.\n\t\t\tconst variationNodesToAdd: typeof nodes = [];\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\tvariationNodesToAdd.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\tvariationNodesToAdd.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\tvariationNodesToAdd.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\n\t\t\t// Add variation nodes AFTER the main block and its elements\n\t\t\t// to match PHP processing order.\n\t\t\tnodes.push( ...variationNodesToAdd );\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\t// Generate layout styles for the variation if it supports layout and has blockGap defined.\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\thasLayoutSupport &&\n\t\t\t\t\t\t\t\t\tstyleVariations?.spacing?.blockGap\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t// Append block selector to variation selector so layout classes are properly constructed.\n\t\t\t\t\t\t\t\t\tconst variationSelectorWithBlock =\n\t\t\t\t\t\t\t\t\t\tstyleVariationSelector + selector;\n\t\t\t\t\t\t\t\t\truleset += getLayoutStyles( {\n\t\t\t\t\t\t\t\t\t\tstyle: styleVariations,\n\t\t\t\t\t\t\t\t\t\tselector: variationSelectorWithBlock,\n\t\t\t\t\t\t\t\t\t\thasBlockGapSupport: true,\n\t\t\t\t\t\t\t\t\t\thasFallbackGapSupport,\n\t\t\t\t\t\t\t\t\t\tfallbackGapValue,\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/index.cjs

@@ -45,6 +45,7 @@ __export(index_exports, {
   getTypographyFontSizeValue: () => import_typography.getTypographyFontSizeValue,
   getValueFromVariable: () => import_common.getValueFromVariable,
   mergeGlobalStyles: () => import_merge.mergeGlobalStyles,
+  processCSSNesting: () => import_render2.processCSSNesting,
   setSetting: () => import_set_setting.setSetting,
   setStyle: () => import_set_style.setStyle,
   toStyles: () => import_render2.transformToStyles
@@ -81,6 +82,7 @@ var import_common = require("./utils/common.cjs");
   getTypographyFontSizeValue,
   getValueFromVariable,
   mergeGlobalStyles,
+  processCSSNesting,
   setSetting,
   setStyle,
   toStyles

package/build/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 { 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;",
+  "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\tprocessCSSNesting,\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;AAAA;AACA,yBAA2B;AAC3B,yBAA2B;AAC3B,uBAAyB;AACzB,uBAAyB;AACzB,yBAAuC;AAGvC,mBAAqC;AACrC,mBAAkC;AAClC,uCAAkD;AAGlD,oBAAqC;AACrC,IAAAA,iBAKO;AACP,uBAAiC;AAGjC,wBAA2C;AAC3C,wBAAyC;AACzC,oBAIO;",
   "names": ["import_render"]
 }

package/build-module/core/render.mjs

@@ -418,6 +418,7 @@ var getNodesWithStyles = (tree, blockSelectors) => {
     ([blockName, node]) => {
       const blockStyles = pickStyleKeys(node);
       const typedNode = node;
+      const variationNodesToAdd = [];
       if (typedNode?.variations) {
         const variations = {};
         Object.entries(typedNode.variations).forEach(
@@ -432,7 +433,7 @@ var getNodesWithStyles = (tree, blockSelectors) => {
               typedVariation?.elements ?? {}
             ).forEach(([element, elementStyles]) => {
               if (elementStyles && ELEMENTS[element]) {
-                nodes.push({
+                variationNodesToAdd.push({
                   styles: elementStyles,
                   selector: scopeSelector(
                     variationSelector,
@@ -465,7 +466,7 @@ var getNodesWithStyles = (tree, blockSelectors) => {
                 if (!variationBlockSelector || typeof blockSelectors === "string") {
                   return;
                 }
-                nodes.push({
+                variationNodesToAdd.push({
                   selector: variationBlockSelector,
                   duotoneSelector: variationDuotoneSelector,
                   featureSelectors: variationFeatureSelectors,
@@ -481,7 +482,7 @@ var getNodesWithStyles = (tree, blockSelectors) => {
                     variationBlockElementStyles
                   ]) => {
                     if (variationBlockElementStyles && ELEMENTS[variationBlockElement]) {
-                      nodes.push({
+                      variationNodesToAdd.push({
                         styles: variationBlockElementStyles,
                         selector: scopeSelector(
                           variationBlockSelector,
@@ -523,6 +524,7 @@ var getNodesWithStyles = (tree, blockSelectors) => {
           }
         }
       );
+      nodes.push(...variationNodesToAdd);
     }
   );
   return nodes;
@@ -728,6 +730,16 @@ var transformToStyles = (tree, blockSelectors, hasBlockGapSupport, hasFallbackGa
                     `:root :where(${styleVariationSelector})`
                   );
                 }
+                if (hasLayoutSupport && styleVariations?.spacing?.blockGap) {
+                  const variationSelectorWithBlock = styleVariationSelector + selector;
+                  ruleset += getLayoutStyles({
+                    style: styleVariations,
+                    selector: variationSelectorWithBlock,
+                    hasBlockGapSupport: true,
+                    hasFallbackGapSupport,
+                    fallbackGapValue
+                  });
+                }
               }
             }
           );

package/build-module/core/render.mjs.map

@@ -1,7 +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\tnodes.push( {\n\t\t\t\tstyles: tree.styles?.elements?.[ name ] ?? {},\n\t\t\t\tselector: selector as string,\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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",
+  "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\tnodes.push( {\n\t\t\t\tstyles: tree.styles?.elements?.[ name ] ?? {},\n\t\t\t\tselector: selector as string,\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\t// Store variation data for later processing, but don't add to nodes yet.\n\t\t\t// Variations should be processed AFTER the main block styles to match PHP order.\n\t\t\tconst variationNodesToAdd: typeof nodes = [];\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\tvariationNodesToAdd.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\tvariationNodesToAdd.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\tvariationNodesToAdd.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\n\t\t\t// Add variation nodes AFTER the main block and its elements\n\t\t\t// to match PHP processing order.\n\t\t\tnodes.push( ...variationNodesToAdd );\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\t// Generate layout styles for the variation if it supports layout and has blockGap defined.\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\thasLayoutSupport &&\n\t\t\t\t\t\t\t\t\tstyleVariations?.spacing?.blockGap\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t// Append block selector to variation selector so layout classes are properly constructed.\n\t\t\t\t\t\t\t\t\tconst variationSelectorWithBlock =\n\t\t\t\t\t\t\t\t\t\tstyleVariationSelector + selector;\n\t\t\t\t\t\t\t\t\truleset += getLayoutStyles( {\n\t\t\t\t\t\t\t\t\t\tstyle: styleVariations,\n\t\t\t\t\t\t\t\t\t\tselector: variationSelectorWithBlock,\n\t\t\t\t\t\t\t\t\t\thasBlockGapSupport: true,\n\t\t\t\t\t\t\t\t\t\thasFallbackGapSupport,\n\t\t\t\t\t\t\t\t\t\tfallbackGapValue,\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": ["presets"]
 }

package/build-module/index.mjs

@@ -11,7 +11,8 @@ import { generateGlobalStyles } from "./core/render.mjs";
 import {
   transformToStyles,
   getBlockSelectors,
-  getLayoutStyles
+  getLayoutStyles,
+  processCSSNesting
 } from "./core/render.mjs";
 import { getBlockSelector } from "./core/selectors.mjs";
 import { getTypographyFontSizeValue } from "./utils/typography.mjs";
@@ -37,6 +38,7 @@ export {
   getTypographyFontSizeValue,
   getValueFromVariable,
   mergeGlobalStyles,
+  processCSSNesting,
   setSetting,
   setStyle,
   transformToStyles as toStyles

package/build-module/index.mjs.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 { getDimensionPresetCssVar } from './utils/dimensions';\nexport {\n\tgetValueFromVariable,\n\tgetPresetVariableFromValue,\n\tgetResolvedValue,\n} from './utils/common';\n\n// Types\nexport type * from './types';\n"],
-  "mappings": ";AACA,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAoB,WAAXA,gBAA8B;AAGvC,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAClC,SAAoB,WAAXA,gBAAyC;AAGlD,SAAS,4BAA4B;AACrC;AAAA,EACsB;AAAA,EACrB;AAAA,EACA;AAAA,OACM;AACP,SAAS,wBAAwB;AAGjC,SAAS,kCAAkC;AAC3C,SAAS,gCAAgC;AACzC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,OACM;",
+  "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\tprocessCSSNesting,\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": ";AACA,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAoB,WAAXA,gBAA8B;AAGvC,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAClC,SAAoB,WAAXA,gBAAyC;AAGlD,SAAS,4BAA4B;AACrC;AAAA,EACsB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,wBAAwB;AAGjC,SAAS,kCAAkC;AAC3C,SAAS,gCAAgC;AACzC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,OACM;",
   "names": ["default"]
 }

package/build-types/core/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/core/render.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/core/render.tsx"],"names":[],"mappings":"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"}

package/build-types/index.d.ts

@@ -7,7 +7,7 @@ export { areGlobalStylesEqual } from './core/equal';
 export { mergeGlobalStyles } from './core/merge';
 export { default as getGlobalStylesChanges } from './utils/get-global-styles-changes';
 export { generateGlobalStyles } from './core/render';
-export { transformToStyles as toStyles, getBlockSelectors, getLayoutStyles, } from './core/render';
+export { transformToStyles as toStyles, getBlockSelectors, getLayoutStyles, processCSSNesting, } from './core/render';
 export { getBlockSelector } from './core/selectors';
 export { getTypographyFontSizeValue } from './utils/typography';
 export { getDimensionPresetCssVar } from './utils/dimensions';

package/build-types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAGtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EACN,iBAAiB,IAAI,QAAQ,EAC7B,iBAAiB,EACjB,eAAe,GACf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EACN,oBAAoB,EACpB,0BAA0B,EAC1B,gBAAgB,GAChB,MAAM,gBAAgB,CAAC;AAGxB,mBAAmB,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAGtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EACN,iBAAiB,IAAI,QAAQ,EAC7B,iBAAiB,EACjB,eAAe,EACf,iBAAiB,GACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EACN,oBAAoB,EACpB,0BAA0B,EAC1B,gBAAgB,GAChB,MAAM,gBAAgB,CAAC;AAGxB,mBAAmB,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/global-styles-engine",
-	"version": "1.5.0",
+	"version": "1.6.0",
 	"description": "Pure CSS generation engine for WordPress global styles.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -42,10 +42,10 @@
 	"types": "build-types/index.d.ts",
 	"sideEffects": false,
 	"dependencies": {
-		"@wordpress/blocks": "^15.11.0",
-		"@wordpress/data": "^10.38.0",
-		"@wordpress/i18n": "^6.11.0",
-		"@wordpress/style-engine": "^2.38.0",
+		"@wordpress/blocks": "^15.12.0",
+		"@wordpress/data": "^10.39.0",
+		"@wordpress/i18n": "^6.12.0",
+		"@wordpress/style-engine": "^2.39.0",
 		"colord": "^2.9.2",
 		"deepmerge": "^4.3.0",
 		"fast-deep-equal": "^3.1.3",
@@ -59,5 +59,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "50c4c0f51e4797c217946ce42adfaa5eb026f33f"
+	"gitHead": "eee1cfb1472f11183e40fb77465a5f13145df7ad"
 }

package/src/core/render.tsx

@@ -833,6 +833,10 @@ export const getNodesWithStyles = (
 			const blockStyles = pickStyleKeys( node );
 			const typedNode = node as BlockNode;
 
+			// Store variation data for later processing, but don't add to nodes yet.
+			// Variations should be processed AFTER the main block styles to match PHP order.
+			const variationNodesToAdd: typeof nodes = [];
+
 			if ( typedNode?.variations ) {
 				const variations: Record< string, any > = {};
 				Object.entries( typedNode.variations ).forEach(
@@ -860,7 +864,7 @@ export const getNodesWithStyles = (
 							typedVariation?.elements ?? {}
 						).forEach( ( [ element, elementStyles ] ) => {
 							if ( elementStyles && ELEMENTS[ element ] ) {
-								nodes.push( {
+								variationNodesToAdd.push( {
 									styles: elementStyles,
 									selector: scopeSelector(
 										variationSelector,
@@ -919,7 +923,7 @@ export const getNodesWithStyles = (
 									return;
 								}
 
-								nodes.push( {
+								variationNodesToAdd.push( {
 									selector: variationBlockSelector,
 									duotoneSelector: variationDuotoneSelector,
 									featureSelectors: variationFeatureSelectors,
@@ -945,7 +949,7 @@ export const getNodesWithStyles = (
 											variationBlockElementStyles &&
 											ELEMENTS[ variationBlockElement ]
 										) {
-											nodes.push( {
+											variationNodesToAdd.push( {
 												styles: variationBlockElementStyles,
 												selector: scopeSelector(
 													variationBlockSelector,
@@ -1009,6 +1013,10 @@ export const getNodesWithStyles = (
 					}
 				}
 			);
+
+			// Add variation nodes AFTER the main block and its elements
+			// to match PHP processing order.
+			nodes.push( ...variationNodesToAdd );
 		}
 	);
 
@@ -1308,6 +1316,22 @@ export const transformToStyles = (
 										`:root :where(${ styleVariationSelector })`
 									);
 								}
+								// Generate layout styles for the variation if it supports layout and has blockGap defined.
+								if (
+									hasLayoutSupport &&
+									styleVariations?.spacing?.blockGap
+								) {
+									// Append block selector to variation selector so layout classes are properly constructed.
+									const variationSelectorWithBlock =
+										styleVariationSelector + selector;
+									ruleset += getLayoutStyles( {
+										style: styleVariations,
+										selector: variationSelectorWithBlock,
+										hasBlockGapSupport: true,
+										hasFallbackGapSupport,
+										fallbackGapValue,
+									} );
+								}
 							}
 						}
 					);

package/src/index.ts

@@ -16,6 +16,7 @@ export {
 	transformToStyles as toStyles,
 	getBlockSelectors,
 	getLayoutStyles,
+	processCSSNesting,
 } from './core/render';
 export { getBlockSelector } from './core/selectors';
 

package/src/test/get-global-styles-changes.test.ts

@@ -194,6 +194,7 @@ describe( 'getGlobalStylesChanges and utils', () => {
 
 	beforeEach( () => {
 		registerBlockType( 'core/test-fiori-di-zucca', {
+			apiVersion: 3,
 			save: () => {},
 			category: 'text',
 			title: 'Test pumpkin flowers',