@wordpress/style-engine 2.33.1 → 2.34.1-next.2f1c7c01b.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 2.34.0 (2025-10-29)
+
 ## 2.33.0 (2025-10-17)
 
 ## 2.32.0 (2025-10-01)

package/build/index.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/style-engine/src/index.ts
 var index_exports = {};
 __export(index_exports, {
   compileCSS: () => compileCSS,

package/build/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/index.ts"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport { paramCase as kebabCase } from 'change-case';\n\n/**\n * Internal dependencies\n */\nimport type {\n\tStyle,\n\tStyleOptions,\n\tGeneratedCSSRule,\n\tStyleDefinition,\n} from './types';\nimport { styleDefinitions } from './styles';\n\n/**\n * Generates a stylesheet for a given style object and selector.\n *\n * @since 6.1.0 Introduced in WordPress core.\n *\n * @param style   Style object, for example, the value of a block's attributes.style object or the top level styles in theme.json\n * @param options Options object with settings to adjust how the styles are generated.\n *\n * @return A generated stylesheet or inline style declarations.\n */\nexport function compileCSS( style: Style, options: StyleOptions = {} ): string {\n\tconst rules = getCSSRules( style, options );\n\n\t// If no selector is provided, treat generated rules as inline styles to be returned as a single string.\n\tif ( ! options?.selector ) {\n\t\tconst inlineRules: string[] = [];\n\t\trules.forEach( ( rule ) => {\n\t\t\tinlineRules.push( `${ kebabCase( rule.key ) }: ${ rule.value };` );\n\t\t} );\n\t\treturn inlineRules.join( ' ' );\n\t}\n\n\tconst groupedRules = rules.reduce(\n\t\t( acc: Record< string, GeneratedCSSRule[] >, rule ) => {\n\t\t\tconst { selector } = rule;\n\t\t\tif ( ! selector ) {\n\t\t\t\treturn acc;\n\t\t\t}\n\t\t\tif ( ! acc[ selector ] ) {\n\t\t\t\tacc[ selector ] = [];\n\t\t\t}\n\t\t\tacc[ selector ].push( rule );\n\t\t\treturn acc;\n\t\t},\n\t\t{}\n\t);\n\tconst selectorRules = Object.keys( groupedRules ).reduce(\n\t\t( acc: string[], subSelector: string ) => {\n\t\t\tacc.push(\n\t\t\t\t`${ subSelector } { ${ groupedRules[ subSelector ]\n\t\t\t\t\t.map(\n\t\t\t\t\t\t( rule: GeneratedCSSRule ) =>\n\t\t\t\t\t\t\t`${ kebabCase( rule.key ) }: ${ rule.value };`\n\t\t\t\t\t)\n\t\t\t\t\t.join( ' ' ) } }`\n\t\t\t);\n\t\t\treturn acc;\n\t\t},\n\t\t[]\n\t);\n\n\treturn selectorRules.join( '\\n' );\n}\n\n/**\n * Returns a JSON representation of the generated CSS rules.\n *\n * @since 6.1.0 Introduced in WordPress core.\n *\n * @param style   Style object, for example, the value of a block's attributes.style object or the top level styles in theme.json\n * @param options Options object with settings to adjust how the styles are generated.\n *\n * @return A collection of objects containing the selector, if any, the CSS property key (camelcase) and parsed CSS value.\n */\nexport function getCSSRules(\n\tstyle: Style,\n\toptions: StyleOptions = {}\n): GeneratedCSSRule[] {\n\tconst rules: GeneratedCSSRule[] = [];\n\tstyleDefinitions.forEach( ( definition: StyleDefinition ) => {\n\t\tif ( typeof definition.generate === 'function' ) {\n\t\t\trules.push( ...definition.generate( style, options ) );\n\t\t}\n\t} );\n\n\treturn rules;\n}\n\n// Export style utils.\nexport { getCSSValueFromRawStyle } from './styles/utils';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,yBAAuC;AAWvC,oBAAiC;AAiFjC,mBAAwC;AArEjC,SAAS,WAAY,OAAc,UAAwB,CAAC,GAAY;AAC9E,QAAM,QAAQ,YAAa,OAAO,OAAQ;AAG1C,MAAK,CAAE,SAAS,UAAW;AAC1B,UAAM,cAAwB,CAAC;AAC/B,UAAM,QAAS,CAAE,SAAU;AAC1B,kBAAY,KAAM,OAAI,mBAAAA,WAAW,KAAK,GAAI,CAAE,KAAM,KAAK,KAAM,GAAI;AAAA,IAClE,CAAE;AACF,WAAO,YAAY,KAAM,GAAI;AAAA,EAC9B;AAEA,QAAM,eAAe,MAAM;AAAA,IAC1B,CAAE,KAA2C,SAAU;AACtD,YAAM,EAAE,SAAS,IAAI;AACrB,UAAK,CAAE,UAAW;AACjB,eAAO;AAAA,MACR;AACA,UAAK,CAAE,IAAK,QAAS,GAAI;AACxB,YAAK,QAAS,IAAI,CAAC;AAAA,MACpB;AACA,UAAK,QAAS,EAAE,KAAM,IAAK;AAC3B,aAAO;AAAA,IACR;AAAA,IACA,CAAC;AAAA,EACF;AACA,QAAM,gBAAgB,OAAO,KAAM,YAAa,EAAE;AAAA,IACjD,CAAE,KAAe,gBAAyB;AACzC,UAAI;AAAA,QACH,GAAI,WAAY,MAAO,aAAc,WAAY,EAC/C;AAAA,UACA,CAAE,SACD,OAAI,mBAAAA,WAAW,KAAK,GAAI,CAAE,KAAM,KAAK,KAAM;AAAA,QAC7C,EACC,KAAM,GAAI,CAAE;AAAA,MACf;AACA,aAAO;AAAA,IACR;AAAA,IACA,CAAC;AAAA,EACF;AAEA,SAAO,cAAc,KAAM,IAAK;AACjC;AAYO,SAAS,YACf,OACA,UAAwB,CAAC,GACJ;AACrB,QAAM,QAA4B,CAAC;AACnC,iCAAiB,QAAS,CAAE,eAAiC;AAC5D,QAAK,OAAO,WAAW,aAAa,YAAa;AAChD,YAAM,KAAM,GAAG,WAAW,SAAU,OAAO,OAAQ,CAAE;AAAA,IACtD;AAAA,EACD,CAAE;AAEF,SAAO;AACR;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,yBAAuC;AAWvC,oBAAiC;AAiFjC,mBAAwC;AArEjC,SAAS,WAAY,OAAc,UAAwB,CAAC,GAAY;AAC9E,QAAM,QAAQ,YAAa,OAAO,OAAQ;AAG1C,MAAK,CAAE,SAAS,UAAW;AAC1B,UAAM,cAAwB,CAAC;AAC/B,UAAM,QAAS,CAAE,SAAU;AAC1B,kBAAY,KAAM,OAAI,mBAAAA,WAAW,KAAK,GAAI,CAAE,KAAM,KAAK,KAAM,GAAI;AAAA,IAClE,CAAE;AACF,WAAO,YAAY,KAAM,GAAI;AAAA,EAC9B;AAEA,QAAM,eAAe,MAAM;AAAA,IAC1B,CAAE,KAA2C,SAAU;AACtD,YAAM,EAAE,SAAS,IAAI;AACrB,UAAK,CAAE,UAAW;AACjB,eAAO;AAAA,MACR;AACA,UAAK,CAAE,IAAK,QAAS,GAAI;AACxB,YAAK,QAAS,IAAI,CAAC;AAAA,MACpB;AACA,UAAK,QAAS,EAAE,KAAM,IAAK;AAC3B,aAAO;AAAA,IACR;AAAA,IACA,CAAC;AAAA,EACF;AACA,QAAM,gBAAgB,OAAO,KAAM,YAAa,EAAE;AAAA,IACjD,CAAE,KAAe,gBAAyB;AACzC,UAAI;AAAA,QACH,GAAI,WAAY,MAAO,aAAc,WAAY,EAC/C;AAAA,UACA,CAAE,SACD,OAAI,mBAAAA,WAAW,KAAK,GAAI,CAAE,KAAM,KAAK,KAAM;AAAA,QAC7C,EACC,KAAM,GAAI,CAAE;AAAA,MACf;AACA,aAAO;AAAA,IACR;AAAA,IACA,CAAC;AAAA,EACF;AAEA,SAAO,cAAc,KAAM,IAAK;AACjC;AAYO,SAAS,YACf,OACA,UAAwB,CAAC,GACJ;AACrB,QAAM,QAA4B,CAAC;AACnC,iCAAiB,QAAS,CAAE,eAAiC;AAC5D,QAAK,OAAO,WAAW,aAAa,YAAa;AAChD,YAAM,KAAM,GAAG,WAAW,SAAU,OAAO,OAAQ,CAAE;AAAA,IACtD;AAAA,EACD,CAAE;AAEF,SAAO;AACR;",
   "names": ["kebabCase"]
 }

package/build/styles/background/index.js

@@ -16,13 +16,15 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/style-engine/src/styles/background/index.ts
 var background_exports = {};
 __export(background_exports, {
   default: () => background_default
 });
 module.exports = __toCommonJS(background_exports);
 var import_utils = require("../utils");
-const backgroundImage = {
+var backgroundImage = {
   name: "backgroundImage",
   generate: (style, options) => {
     const _backgroundImage = style?.background?.backgroundImage;
@@ -46,7 +48,7 @@ const backgroundImage = {
     );
   }
 };
-const backgroundPosition = {
+var backgroundPosition = {
   name: "backgroundPosition",
   generate: (style, options) => {
     return (0, import_utils.generateRule)(
@@ -57,7 +59,7 @@ const backgroundPosition = {
     );
   }
 };
-const backgroundRepeat = {
+var backgroundRepeat = {
   name: "backgroundRepeat",
   generate: (style, options) => {
     return (0, import_utils.generateRule)(
@@ -68,7 +70,7 @@ const backgroundRepeat = {
     );
   }
 };
-const backgroundSize = {
+var backgroundSize = {
   name: "backgroundSize",
   generate: (style, options) => {
     return (0, import_utils.generateRule)(
@@ -79,7 +81,7 @@ const backgroundSize = {
     );
   }
 };
-const backgroundAttachment = {
+var backgroundAttachment = {
   name: "backgroundAttachment",
   generate: (style, options) => {
     return (0, import_utils.generateRule)(

package/build/styles/background/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styles/background/index.ts"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { Style, StyleOptions } from '../../types';\nimport { generateRule, safeDecodeURI } from '../utils';\n\nconst backgroundImage = {\n\tname: 'backgroundImage',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\tconst _backgroundImage = style?.background?.backgroundImage;\n\n\t\t/*\n\t\t * The background image can be a string or an object.\n\t\t * If the background image is a string, it could already contain a url() function,\n\t\t * or have a linear-gradient value.\n\t\t */\n\t\tif ( typeof _backgroundImage === 'object' && _backgroundImage?.url ) {\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tselector: options.selector,\n\t\t\t\t\tkey: 'backgroundImage',\n\t\t\t\t\t// Passed `url` may already be encoded. To prevent double encoding, decodeURI is executed to revert to the original string.\n\t\t\t\t\tvalue: `url( '${ encodeURI(\n\t\t\t\t\t\tsafeDecodeURI( _backgroundImage.url )\n\t\t\t\t\t) }' )`,\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'background', 'backgroundImage' ],\n\t\t\t'backgroundImage'\n\t\t);\n\t},\n};\n\nconst backgroundPosition = {\n\tname: 'backgroundPosition',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'background', 'backgroundPosition' ],\n\t\t\t'backgroundPosition'\n\t\t);\n\t},\n};\n\nconst backgroundRepeat = {\n\tname: 'backgroundRepeat',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'background', 'backgroundRepeat' ],\n\t\t\t'backgroundRepeat'\n\t\t);\n\t},\n};\n\nconst backgroundSize = {\n\tname: 'backgroundSize',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'background', 'backgroundSize' ],\n\t\t\t'backgroundSize'\n\t\t);\n\t},\n};\n\nconst backgroundAttachment = {\n\tname: 'backgroundAttachment',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'background', 'backgroundAttachment' ],\n\t\t\t'backgroundAttachment'\n\t\t);\n\t},\n};\n\nexport default [\n\tbackgroundImage,\n\tbackgroundPosition,\n\tbackgroundRepeat,\n\tbackgroundSize,\n\tbackgroundAttachment,\n];\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA4C;AAE5C,MAAM,kBAAkB;AAAA,EACvB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,UAAM,mBAAmB,OAAO,YAAY;AAO5C,QAAK,OAAO,qBAAqB,YAAY,kBAAkB,KAAM;AACpE,aAAO;AAAA,QACN;AAAA,UACC,UAAU,QAAQ;AAAA,UAClB,KAAK;AAAA;AAAA,UAEL,OAAO,SAAU;AAAA,gBAChB,4BAAe,iBAAiB,GAAI;AAAA,UACrC,CAAE;AAAA,QACH;AAAA,MACD;AAAA,IACD;AAEA,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,cAAc,iBAAkB;AAAA,MAClC;AAAA,IACD;AAAA,EACD;AACD;AAEA,MAAM,qBAAqB;AAAA,EAC1B,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,cAAc,oBAAqB;AAAA,MACrC;AAAA,IACD;AAAA,EACD;AACD;AAEA,MAAM,mBAAmB;AAAA,EACxB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,cAAc,kBAAmB;AAAA,MACnC;AAAA,IACD;AAAA,EACD;AACD;AAEA,MAAM,iBAAiB;AAAA,EACtB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,cAAc,gBAAiB;AAAA,MACjC;AAAA,IACD;AAAA,EACD;AACD;AAEA,MAAM,uBAAuB;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,cAAc,sBAAuB;AAAA,MACvC;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAO,qBAAQ;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA4C;AAE5C,IAAM,kBAAkB;AAAA,EACvB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,UAAM,mBAAmB,OAAO,YAAY;AAO5C,QAAK,OAAO,qBAAqB,YAAY,kBAAkB,KAAM;AACpE,aAAO;AAAA,QACN;AAAA,UACC,UAAU,QAAQ;AAAA,UAClB,KAAK;AAAA;AAAA,UAEL,OAAO,SAAU;AAAA,gBAChB,4BAAe,iBAAiB,GAAI;AAAA,UACrC,CAAE;AAAA,QACH;AAAA,MACD;AAAA,IACD;AAEA,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,cAAc,iBAAkB;AAAA,MAClC;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAM,qBAAqB;AAAA,EAC1B,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,cAAc,oBAAqB;AAAA,MACrC;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAM,mBAAmB;AAAA,EACxB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,cAAc,kBAAmB;AAAA,MACnC;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAM,iBAAiB;AAAA,EACtB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,cAAc,gBAAiB;AAAA,MACjC;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAM,uBAAuB;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,cAAc,sBAAuB;AAAA,MACvC;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAO,qBAAQ;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;",
   "names": []
 }

package/build/styles/border/index.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/style-engine/src/styles/border/index.ts
 var border_exports = {};
 __export(border_exports, {
   default: () => border_default
@@ -33,11 +35,11 @@ function createBorderEdgeGenerateFunction(edge) {
     });
   };
 }
-const color = {
+var color = {
   name: "color",
   generate: createBorderGenerateFunction(["border", "color"])
 };
-const radius = {
+var radius = {
   name: "radius",
   generate: (style, options) => {
     return (0, import_utils.generateBoxRules)(
@@ -52,27 +54,27 @@ const radius = {
     );
   }
 };
-const borderStyle = {
+var borderStyle = {
   name: "style",
   generate: createBorderGenerateFunction(["border", "style"])
 };
-const width = {
+var width = {
   name: "width",
   generate: createBorderGenerateFunction(["border", "width"])
 };
-const borderTop = {
+var borderTop = {
   name: "borderTop",
   generate: createBorderEdgeGenerateFunction("top")
 };
-const borderRight = {
+var borderRight = {
   name: "borderRight",
   generate: createBorderEdgeGenerateFunction("right")
 };
-const borderBottom = {
+var borderBottom = {
   name: "borderBottom",
   generate: createBorderEdgeGenerateFunction("bottom")
 };
-const borderLeft = {
+var borderLeft = {
   name: "borderLeft",
   generate: createBorderEdgeGenerateFunction("left")
 };

package/build/styles/border/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styles/border/index.ts"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { BoxEdge, GenerateFunction, StyleDefinition } from '../../types';\nimport { generateRule, generateBoxRules, camelCaseJoin } from '../utils';\n\n/**\n * Creates a function for generating CSS rules when the style path is the same as the camelCase CSS property used in React.\n *\n * @param path An array of strings representing the path to the style value in the style object.\n *\n * @return A function that generates CSS rules.\n */\nfunction createBorderGenerateFunction( path: string[] ): GenerateFunction {\n\treturn ( style, options ) =>\n\t\tgenerateRule( style, options, path, camelCaseJoin( path ) );\n}\n\n/**\n * Creates a function for generating border-{top,bottom,left,right}-{color,style,width} CSS rules.\n *\n * @param edge The edge to create CSS rules for.\n *\n * @return A function that generates CSS rules.\n */\nfunction createBorderEdgeGenerateFunction( edge: BoxEdge ): GenerateFunction {\n\treturn ( style, options ) => {\n\t\treturn [ 'color', 'style', 'width' ].flatMap( ( key ) => {\n\t\t\tconst path = [ 'border', edge, key ];\n\t\t\treturn createBorderGenerateFunction( path )( style, options );\n\t\t} );\n\t};\n}\n\nconst color: StyleDefinition = {\n\tname: 'color',\n\tgenerate: createBorderGenerateFunction( [ 'border', 'color' ] ),\n};\n\nconst radius: StyleDefinition = {\n\tname: 'radius',\n\tgenerate: ( style, options ) => {\n\t\treturn generateBoxRules(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'border', 'radius' ],\n\t\t\t{\n\t\t\t\tdefault: 'borderRadius',\n\t\t\t\tindividual: 'border%sRadius',\n\t\t\t},\n\t\t\t[ 'topLeft', 'topRight', 'bottomLeft', 'bottomRight' ]\n\t\t);\n\t},\n};\n\nconst borderStyle: StyleDefinition = {\n\tname: 'style',\n\tgenerate: createBorderGenerateFunction( [ 'border', 'style' ] ),\n};\n\nconst width: StyleDefinition = {\n\tname: 'width',\n\tgenerate: createBorderGenerateFunction( [ 'border', 'width' ] ),\n};\n\nconst borderTop: StyleDefinition = {\n\tname: 'borderTop',\n\tgenerate: createBorderEdgeGenerateFunction( 'top' ),\n};\n\nconst borderRight: StyleDefinition = {\n\tname: 'borderRight',\n\tgenerate: createBorderEdgeGenerateFunction( 'right' ),\n};\n\nconst borderBottom: StyleDefinition = {\n\tname: 'borderBottom',\n\tgenerate: createBorderEdgeGenerateFunction( 'bottom' ),\n};\n\nconst borderLeft: StyleDefinition = {\n\tname: 'borderLeft',\n\tgenerate: createBorderEdgeGenerateFunction( 'left' ),\n};\n\nexport default [\n\tcolor,\n\tborderStyle,\n\twidth,\n\tradius,\n\tborderTop,\n\tborderRight,\n\tborderBottom,\n\tborderLeft,\n];\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA8D;AAS9D,SAAS,6BAA8B,MAAmC;AACzE,SAAO,CAAE,OAAO,gBACf,2BAAc,OAAO,SAAS,UAAM,4BAAe,IAAK,CAAE;AAC5D;AASA,SAAS,iCAAkC,MAAkC;AAC5E,SAAO,CAAE,OAAO,YAAa;AAC5B,WAAO,CAAE,SAAS,SAAS,OAAQ,EAAE,QAAS,CAAE,QAAS;AACxD,YAAM,OAAO,CAAE,UAAU,MAAM,GAAI;AACnC,aAAO,6BAA8B,IAAK,EAAG,OAAO,OAAQ;AAAA,IAC7D,CAAE;AAAA,EACH;AACD;AAEA,MAAM,QAAyB;AAAA,EAC9B,MAAM;AAAA,EACN,UAAU,6BAA8B,CAAE,UAAU,OAAQ,CAAE;AAC/D;AAEA,MAAM,SAA0B;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU,CAAE,OAAO,YAAa;AAC/B,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,UAAU,QAAS;AAAA,MACrB;AAAA,QACC,SAAS;AAAA,QACT,YAAY;AAAA,MACb;AAAA,MACA,CAAE,WAAW,YAAY,cAAc,aAAc;AAAA,IACtD;AAAA,EACD;AACD;AAEA,MAAM,cAA+B;AAAA,EACpC,MAAM;AAAA,EACN,UAAU,6BAA8B,CAAE,UAAU,OAAQ,CAAE;AAC/D;AAEA,MAAM,QAAyB;AAAA,EAC9B,MAAM;AAAA,EACN,UAAU,6BAA8B,CAAE,UAAU,OAAQ,CAAE;AAC/D;AAEA,MAAM,YAA6B;AAAA,EAClC,MAAM;AAAA,EACN,UAAU,iCAAkC,KAAM;AACnD;AAEA,MAAM,cAA+B;AAAA,EACpC,MAAM;AAAA,EACN,UAAU,iCAAkC,OAAQ;AACrD;AAEA,MAAM,eAAgC;AAAA,EACrC,MAAM;AAAA,EACN,UAAU,iCAAkC,QAAS;AACtD;AAEA,MAAM,aAA8B;AAAA,EACnC,MAAM;AAAA,EACN,UAAU,iCAAkC,MAAO;AACpD;AAEA,IAAO,iBAAQ;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA8D;AAS9D,SAAS,6BAA8B,MAAmC;AACzE,SAAO,CAAE,OAAO,gBACf,2BAAc,OAAO,SAAS,UAAM,4BAAe,IAAK,CAAE;AAC5D;AASA,SAAS,iCAAkC,MAAkC;AAC5E,SAAO,CAAE,OAAO,YAAa;AAC5B,WAAO,CAAE,SAAS,SAAS,OAAQ,EAAE,QAAS,CAAE,QAAS;AACxD,YAAM,OAAO,CAAE,UAAU,MAAM,GAAI;AACnC,aAAO,6BAA8B,IAAK,EAAG,OAAO,OAAQ;AAAA,IAC7D,CAAE;AAAA,EACH;AACD;AAEA,IAAM,QAAyB;AAAA,EAC9B,MAAM;AAAA,EACN,UAAU,6BAA8B,CAAE,UAAU,OAAQ,CAAE;AAC/D;AAEA,IAAM,SAA0B;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU,CAAE,OAAO,YAAa;AAC/B,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,UAAU,QAAS;AAAA,MACrB;AAAA,QACC,SAAS;AAAA,QACT,YAAY;AAAA,MACb;AAAA,MACA,CAAE,WAAW,YAAY,cAAc,aAAc;AAAA,IACtD;AAAA,EACD;AACD;AAEA,IAAM,cAA+B;AAAA,EACpC,MAAM;AAAA,EACN,UAAU,6BAA8B,CAAE,UAAU,OAAQ,CAAE;AAC/D;AAEA,IAAM,QAAyB;AAAA,EAC9B,MAAM;AAAA,EACN,UAAU,6BAA8B,CAAE,UAAU,OAAQ,CAAE;AAC/D;AAEA,IAAM,YAA6B;AAAA,EAClC,MAAM;AAAA,EACN,UAAU,iCAAkC,KAAM;AACnD;AAEA,IAAM,cAA+B;AAAA,EACpC,MAAM;AAAA,EACN,UAAU,iCAAkC,OAAQ;AACrD;AAEA,IAAM,eAAgC;AAAA,EACrC,MAAM;AAAA,EACN,UAAU,iCAAkC,QAAS;AACtD;AAEA,IAAM,aAA8B;AAAA,EACnC,MAAM;AAAA,EACN,UAAU,iCAAkC,MAAO;AACpD;AAEA,IAAO,iBAAQ;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;",
   "names": []
 }

package/build/styles/color/background.js

@@ -16,13 +16,15 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/style-engine/src/styles/color/background.ts
 var background_exports = {};
 __export(background_exports, {
   default: () => background_default
 });
 module.exports = __toCommonJS(background_exports);
 var import_utils = require("../utils");
-const background = {
+var background = {
   name: "background",
   generate: (style, options) => {
     return (0, import_utils.generateRule)(

package/build/styles/color/background.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styles/color/background.ts"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { Style, StyleOptions } from '../../types';\nimport { generateRule } from '../utils';\n\nconst background = {\n\tname: 'background',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'color', 'background' ],\n\t\t\t'backgroundColor'\n\t\t);\n\t},\n};\n\nexport default background;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA6B;AAE7B,MAAM,aAAa;AAAA,EAClB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,SAAS,YAAa;AAAA,MACxB;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAO,qBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA6B;AAE7B,IAAM,aAAa;AAAA,EAClB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,SAAS,YAAa;AAAA,MACxB;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAO,qBAAQ;",
   "names": []
 }

package/build/styles/color/gradient.js

@@ -16,13 +16,15 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/style-engine/src/styles/color/gradient.ts
 var gradient_exports = {};
 __export(gradient_exports, {
   default: () => gradient_default
 });
 module.exports = __toCommonJS(gradient_exports);
 var import_utils = require("../utils");
-const gradient = {
+var gradient = {
   name: "gradient",
   generate: (style, options) => {
     return (0, import_utils.generateRule)(

package/build/styles/color/gradient.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styles/color/gradient.ts"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { Style, StyleOptions } from '../../types';\nimport { generateRule } from '../utils';\n\nconst gradient = {\n\tname: 'gradient',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'color', 'gradient' ],\n\t\t\t'background'\n\t\t);\n\t},\n};\n\nexport default gradient;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA6B;AAE7B,MAAM,WAAW;AAAA,EAChB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,SAAS,UAAW;AAAA,MACtB;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAO,mBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA6B;AAE7B,IAAM,WAAW;AAAA,EAChB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,SAAS,UAAW;AAAA,MACtB;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAO,mBAAQ;",
   "names": []
 }

package/build/styles/color/index.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/style-engine/src/styles/color/index.ts
 var color_exports = {};
 __export(color_exports, {
   default: () => color_default

package/build/styles/color/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styles/color/index.ts"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\nimport background from './background';\nimport gradient from './gradient';\nimport text from './text';\n\nexport default [ text, gradient, background ];\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAuB;AACvB,sBAAqB;AACrB,kBAAiB;AAEjB,IAAO,gBAAQ,CAAE,YAAAA,SAAM,gBAAAC,SAAU,kBAAAC,OAAW;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAuB;AACvB,sBAAqB;AACrB,kBAAiB;AAEjB,IAAO,gBAAQ,CAAE,YAAAA,SAAM,gBAAAC,SAAU,kBAAAC,OAAW;",
   "names": ["text", "gradient", "background"]
 }

package/build/styles/color/text.js

@@ -16,13 +16,15 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/style-engine/src/styles/color/text.ts
 var text_exports = {};
 __export(text_exports, {
   default: () => text_default
 });
 module.exports = __toCommonJS(text_exports);
 var import_utils = require("../utils");
-const text = {
+var text = {
   name: "text",
   generate: (style, options) => {
     return (0, import_utils.generateRule)(style, options, ["color", "text"], "color");

package/build/styles/color/text.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styles/color/text.ts"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { Style, StyleOptions } from '../../types';\nimport { generateRule } from '../utils';\n\nconst text = {\n\tname: 'text',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule( style, options, [ 'color', 'text' ], 'color' );\n\t},\n};\n\nexport default text;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA6B;AAE7B,MAAM,OAAO;AAAA,EACZ,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO,2BAAc,OAAO,SAAS,CAAE,SAAS,MAAO,GAAG,OAAQ;AAAA,EACnE;AACD;AAEA,IAAO,eAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA6B;AAE7B,IAAM,OAAO;AAAA,EACZ,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO,2BAAc,OAAO,SAAS,CAAE,SAAS,MAAO,GAAG,OAAQ;AAAA,EACnE;AACD;AAEA,IAAO,eAAQ;",
   "names": []
 }

package/build/styles/constants.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/style-engine/src/styles/constants.ts
 var constants_exports = {};
 __export(constants_exports, {
   VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE: () => VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE,
@@ -23,9 +25,9 @@ __export(constants_exports, {
   VARIABLE_REFERENCE_PREFIX: () => VARIABLE_REFERENCE_PREFIX
 });
 module.exports = __toCommonJS(constants_exports);
-const VARIABLE_REFERENCE_PREFIX = "var:";
-const VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE = "|";
-const VARIABLE_PATH_SEPARATOR_TOKEN_STYLE = "--";
+var VARIABLE_REFERENCE_PREFIX = "var:";
+var VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE = "|";
+var VARIABLE_PATH_SEPARATOR_TOKEN_STYLE = "--";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE,

package/build/styles/constants.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/styles/constants.ts"],
   "sourcesContent": ["export const VARIABLE_REFERENCE_PREFIX = 'var:';\nexport const VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE = '|';\nexport const VARIABLE_PATH_SEPARATOR_TOKEN_STYLE = '--';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,4BAA4B;AAClC,MAAM,0CAA0C;AAChD,MAAM,sCAAsC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAM,4BAA4B;AAClC,IAAM,0CAA0C;AAChD,IAAM,sCAAsC;",
   "names": []
 }

package/build/styles/dimensions/index.js

@@ -16,13 +16,15 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/style-engine/src/styles/dimensions/index.ts
 var dimensions_exports = {};
 __export(dimensions_exports, {
   default: () => dimensions_default
 });
 module.exports = __toCommonJS(dimensions_exports);
 var import_utils = require("../utils");
-const minHeight = {
+var minHeight = {
   name: "minHeight",
   generate: (style, options) => {
     return (0, import_utils.generateRule)(
@@ -33,7 +35,7 @@ const minHeight = {
     );
   }
 };
-const aspectRatio = {
+var aspectRatio = {
   name: "aspectRatio",
   generate: (style, options) => {
     return (0, import_utils.generateRule)(

package/build/styles/dimensions/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styles/dimensions/index.ts"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { Style, StyleOptions } from '../../types';\nimport { generateRule } from '../utils';\n\nconst minHeight = {\n\tname: 'minHeight',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'dimensions', 'minHeight' ],\n\t\t\t'minHeight'\n\t\t);\n\t},\n};\n\nconst aspectRatio = {\n\tname: 'aspectRatio',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule(\n\t\t\tstyle,\n\t\t\toptions,\n\t\t\t[ 'dimensions', 'aspectRatio' ],\n\t\t\t'aspectRatio'\n\t\t);\n\t},\n};\n\nexport default [ minHeight, aspectRatio ];\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA6B;AAE7B,MAAM,YAAY;AAAA,EACjB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,cAAc,WAAY;AAAA,MAC5B;AAAA,IACD;AAAA,EACD;AACD;AAEA,MAAM,cAAc;AAAA,EACnB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,cAAc,aAAc;AAAA,MAC9B;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAO,qBAAQ,CAAE,WAAW,WAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA6B;AAE7B,IAAM,YAAY;AAAA,EACjB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,cAAc,WAAY;AAAA,MAC5B;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAM,cAAc;AAAA,EACnB,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO;AAAA,MACN;AAAA,MACA;AAAA,MACA,CAAE,cAAc,aAAc;AAAA,MAC9B;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAO,qBAAQ,CAAE,WAAW,WAAY;",
   "names": []
 }

package/build/styles/index.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/style-engine/src/styles/index.ts
 var styles_exports = {};
 __export(styles_exports, {
   styleDefinitions: () => styleDefinitions
@@ -39,7 +41,7 @@ var import_shadow = __toESM(require("./shadow"));
 var import_outline = __toESM(require("./outline"));
 var import_spacing = __toESM(require("./spacing"));
 var import_typography = __toESM(require("./typography"));
-const styleDefinitions = [
+var styleDefinitions = [
   ...import_border.default,
   ...import_color.default,
   ...import_dimensions.default,

package/build/styles/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/styles/index.ts"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\nimport border from './border';\nimport color from './color';\nimport dimensions from './dimensions';\nimport background from './background';\nimport shadow from './shadow';\nimport outline from './outline';\nimport spacing from './spacing';\nimport typography from './typography';\n\nexport const styleDefinitions = [\n\t...border,\n\t...color,\n\t...dimensions,\n\t...outline,\n\t...spacing,\n\t...typography,\n\t...shadow,\n\t...background,\n];\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAAmB;AACnB,mBAAkB;AAClB,wBAAuB;AACvB,wBAAuB;AACvB,oBAAmB;AACnB,qBAAoB;AACpB,qBAAoB;AACpB,wBAAuB;AAEhB,MAAM,mBAAmB;AAAA,EAC/B,GAAG,cAAAA;AAAA,EACH,GAAG,aAAAC;AAAA,EACH,GAAG,kBAAAC;AAAA,EACH,GAAG,eAAAC;AAAA,EACH,GAAG,eAAAC;AAAA,EACH,GAAG,kBAAAC;AAAA,EACH,GAAG,cAAAC;AAAA,EACH,GAAG,kBAAAC;AACJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAAmB;AACnB,mBAAkB;AAClB,wBAAuB;AACvB,wBAAuB;AACvB,oBAAmB;AACnB,qBAAoB;AACpB,qBAAoB;AACpB,wBAAuB;AAEhB,IAAM,mBAAmB;AAAA,EAC/B,GAAG,cAAAA;AAAA,EACH,GAAG,aAAAC;AAAA,EACH,GAAG,kBAAAC;AAAA,EACH,GAAG,eAAAC;AAAA,EACH,GAAG,eAAAC;AAAA,EACH,GAAG,kBAAAC;AAAA,EACH,GAAG,cAAAC;AAAA,EACH,GAAG,kBAAAC;AACJ;",
   "names": ["border", "color", "dimensions", "outline", "spacing", "typography", "shadow", "background"]
 }

package/build/styles/outline/index.js

@@ -16,31 +16,33 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/style-engine/src/styles/outline/index.ts
 var outline_exports = {};
 __export(outline_exports, {
   default: () => outline_default
 });
 module.exports = __toCommonJS(outline_exports);
 var import_utils = require("../utils");
-const color = {
+var color = {
   name: "color",
   generate: (style, options, path = ["outline", "color"], ruleKey = "outlineColor") => {
     return (0, import_utils.generateRule)(style, options, path, ruleKey);
   }
 };
-const offset = {
+var offset = {
   name: "offset",
   generate: (style, options, path = ["outline", "offset"], ruleKey = "outlineOffset") => {
     return (0, import_utils.generateRule)(style, options, path, ruleKey);
   }
 };
-const outlineStyle = {
+var outlineStyle = {
   name: "style",
   generate: (style, options, path = ["outline", "style"], ruleKey = "outlineStyle") => {
     return (0, import_utils.generateRule)(style, options, path, ruleKey);
   }
 };
-const width = {
+var width = {
   name: "width",
   generate: (style, options, path = ["outline", "width"], ruleKey = "outlineWidth") => {
     return (0, import_utils.generateRule)(style, options, path, ruleKey);

package/build/styles/outline/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styles/outline/index.ts"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { GeneratedCSSRule, Style, StyleOptions } from '../../types';\nimport { generateRule } from '../utils';\n\nconst color = {\n\tname: 'color',\n\tgenerate: (\n\t\tstyle: Style,\n\t\toptions: StyleOptions,\n\t\tpath: string[] = [ 'outline', 'color' ],\n\t\truleKey: string = 'outlineColor'\n\t): GeneratedCSSRule[] => {\n\t\treturn generateRule( style, options, path, ruleKey );\n\t},\n};\n\nconst offset = {\n\tname: 'offset',\n\tgenerate: (\n\t\tstyle: Style,\n\t\toptions: StyleOptions,\n\t\tpath: string[] = [ 'outline', 'offset' ],\n\t\truleKey: string = 'outlineOffset'\n\t): GeneratedCSSRule[] => {\n\t\treturn generateRule( style, options, path, ruleKey );\n\t},\n};\n\nconst outlineStyle = {\n\tname: 'style',\n\tgenerate: (\n\t\tstyle: Style,\n\t\toptions: StyleOptions,\n\t\tpath: string[] = [ 'outline', 'style' ],\n\t\truleKey: string = 'outlineStyle'\n\t): GeneratedCSSRule[] => {\n\t\treturn generateRule( style, options, path, ruleKey );\n\t},\n};\n\nconst width = {\n\tname: 'width',\n\tgenerate: (\n\t\tstyle: Style,\n\t\toptions: StyleOptions,\n\t\tpath: string[] = [ 'outline', 'width' ],\n\t\truleKey: string = 'outlineWidth'\n\t): GeneratedCSSRule[] => {\n\t\treturn generateRule( style, options, path, ruleKey );\n\t},\n};\n\nexport default [ color, outlineStyle, offset, width ];\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA6B;AAE7B,MAAM,QAAQ;AAAA,EACb,MAAM;AAAA,EACN,UAAU,CACT,OACA,SACA,OAAiB,CAAE,WAAW,OAAQ,GACtC,UAAkB,mBACM;AACxB,eAAO,2BAAc,OAAO,SAAS,MAAM,OAAQ;AAAA,EACpD;AACD;AAEA,MAAM,SAAS;AAAA,EACd,MAAM;AAAA,EACN,UAAU,CACT,OACA,SACA,OAAiB,CAAE,WAAW,QAAS,GACvC,UAAkB,oBACM;AACxB,eAAO,2BAAc,OAAO,SAAS,MAAM,OAAQ;AAAA,EACpD;AACD;AAEA,MAAM,eAAe;AAAA,EACpB,MAAM;AAAA,EACN,UAAU,CACT,OACA,SACA,OAAiB,CAAE,WAAW,OAAQ,GACtC,UAAkB,mBACM;AACxB,eAAO,2BAAc,OAAO,SAAS,MAAM,OAAQ;AAAA,EACpD;AACD;AAEA,MAAM,QAAQ;AAAA,EACb,MAAM;AAAA,EACN,UAAU,CACT,OACA,SACA,OAAiB,CAAE,WAAW,OAAQ,GACtC,UAAkB,mBACM;AACxB,eAAO,2BAAc,OAAO,SAAS,MAAM,OAAQ;AAAA,EACpD;AACD;AAEA,IAAO,kBAAQ,CAAE,OAAO,cAAc,QAAQ,KAAM;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA6B;AAE7B,IAAM,QAAQ;AAAA,EACb,MAAM;AAAA,EACN,UAAU,CACT,OACA,SACA,OAAiB,CAAE,WAAW,OAAQ,GACtC,UAAkB,mBACM;AACxB,eAAO,2BAAc,OAAO,SAAS,MAAM,OAAQ;AAAA,EACpD;AACD;AAEA,IAAM,SAAS;AAAA,EACd,MAAM;AAAA,EACN,UAAU,CACT,OACA,SACA,OAAiB,CAAE,WAAW,QAAS,GACvC,UAAkB,oBACM;AACxB,eAAO,2BAAc,OAAO,SAAS,MAAM,OAAQ;AAAA,EACpD;AACD;AAEA,IAAM,eAAe;AAAA,EACpB,MAAM;AAAA,EACN,UAAU,CACT,OACA,SACA,OAAiB,CAAE,WAAW,OAAQ,GACtC,UAAkB,mBACM;AACxB,eAAO,2BAAc,OAAO,SAAS,MAAM,OAAQ;AAAA,EACpD;AACD;AAEA,IAAM,QAAQ;AAAA,EACb,MAAM;AAAA,EACN,UAAU,CACT,OACA,SACA,OAAiB,CAAE,WAAW,OAAQ,GACtC,UAAkB,mBACM;AACxB,eAAO,2BAAc,OAAO,SAAS,MAAM,OAAQ;AAAA,EACpD;AACD;AAEA,IAAO,kBAAQ,CAAE,OAAO,cAAc,QAAQ,KAAM;",
   "names": []
 }

package/build/styles/shadow/index.js

@@ -16,13 +16,15 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/style-engine/src/styles/shadow/index.ts
 var shadow_exports = {};
 __export(shadow_exports, {
   default: () => shadow_default
 });
 module.exports = __toCommonJS(shadow_exports);
 var import_utils = require("../utils");
-const shadow = {
+var shadow = {
   name: "shadow",
   generate: (style, options) => {
     return (0, import_utils.generateRule)(style, options, ["shadow"], "boxShadow");

package/build/styles/shadow/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styles/shadow/index.ts"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { Style, StyleOptions } from '../../types';\nimport { generateRule } from '../utils';\n\nconst shadow = {\n\tname: 'shadow',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateRule( style, options, [ 'shadow' ], 'boxShadow' );\n\t},\n};\n\nexport default [ shadow ];\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA6B;AAE7B,MAAM,SAAS;AAAA,EACd,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO,2BAAc,OAAO,SAAS,CAAE,QAAS,GAAG,WAAY;AAAA,EAChE;AACD;AAEA,IAAO,iBAAQ,CAAE,MAAO;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA6B;AAE7B,IAAM,SAAS;AAAA,EACd,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO,2BAAc,OAAO,SAAS,CAAE,QAAS,GAAG,WAAY;AAAA,EAChE;AACD;AAEA,IAAO,iBAAQ,CAAE,MAAO;",
   "names": []
 }

package/build/styles/spacing/index.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/style-engine/src/styles/spacing/index.ts
 var spacing_exports = {};
 __export(spacing_exports, {
   default: () => spacing_default

package/build/styles/spacing/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styles/spacing/index.ts"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\nimport padding from './padding';\nimport margin from './margin';\n\nexport default [ margin, padding ];\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAoB;AACpB,oBAAmB;AAEnB,IAAO,kBAAQ,CAAE,cAAAA,SAAQ,eAAAC,OAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAoB;AACpB,oBAAmB;AAEnB,IAAO,kBAAQ,CAAE,cAAAA,SAAQ,eAAAC,OAAQ;",
   "names": ["margin", "padding"]
 }

package/build/styles/spacing/margin.js

@@ -16,13 +16,15 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/style-engine/src/styles/spacing/margin.ts
 var margin_exports = {};
 __export(margin_exports, {
   default: () => margin_default
 });
 module.exports = __toCommonJS(margin_exports);
 var import_utils = require("../utils");
-const margin = {
+var margin = {
   name: "margin",
   generate: (style, options) => {
     return (0, import_utils.generateBoxRules)(style, options, ["spacing", "margin"], {

package/build/styles/spacing/margin.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styles/spacing/margin.ts"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { Style, StyleOptions } from '../../types';\nimport { generateBoxRules } from '../utils';\n\nconst margin = {\n\tname: 'margin',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateBoxRules( style, options, [ 'spacing', 'margin' ], {\n\t\t\tdefault: 'margin',\n\t\t\tindividual: 'margin%s',\n\t\t} );\n\t},\n};\n\nexport default margin;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAAiC;AAEjC,MAAM,SAAS;AAAA,EACd,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO,+BAAkB,OAAO,SAAS,CAAE,WAAW,QAAS,GAAG;AAAA,MACjE,SAAS;AAAA,MACT,YAAY;AAAA,IACb,CAAE;AAAA,EACH;AACD;AAEA,IAAO,iBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAAiC;AAEjC,IAAM,SAAS;AAAA,EACd,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO,+BAAkB,OAAO,SAAS,CAAE,WAAW,QAAS,GAAG;AAAA,MACjE,SAAS;AAAA,MACT,YAAY;AAAA,IACb,CAAE;AAAA,EACH;AACD;AAEA,IAAO,iBAAQ;",
   "names": []
 }

package/build/styles/spacing/padding.js

@@ -16,13 +16,15 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/style-engine/src/styles/spacing/padding.ts
 var padding_exports = {};
 __export(padding_exports, {
   default: () => padding_default
 });
 module.exports = __toCommonJS(padding_exports);
 var import_utils = require("../utils");
-const padding = {
+var padding = {
   name: "padding",
   generate: (style, options) => {
     return (0, import_utils.generateBoxRules)(style, options, ["spacing", "padding"], {

package/build/styles/spacing/padding.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styles/spacing/padding.ts"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { Style, StyleOptions } from '../../types';\nimport { generateBoxRules } from '../utils';\n\nconst padding = {\n\tname: 'padding',\n\tgenerate: ( style: Style, options: StyleOptions ) => {\n\t\treturn generateBoxRules( style, options, [ 'spacing', 'padding' ], {\n\t\t\tdefault: 'padding',\n\t\t\tindividual: 'padding%s',\n\t\t} );\n\t},\n};\n\nexport default padding;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAAiC;AAEjC,MAAM,UAAU;AAAA,EACf,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO,+BAAkB,OAAO,SAAS,CAAE,WAAW,SAAU,GAAG;AAAA,MAClE,SAAS;AAAA,MACT,YAAY;AAAA,IACb,CAAE;AAAA,EACH;AACD;AAEA,IAAO,kBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAAiC;AAEjC,IAAM,UAAU;AAAA,EACf,MAAM;AAAA,EACN,UAAU,CAAE,OAAc,YAA2B;AACpD,eAAO,+BAAkB,OAAO,SAAS,CAAE,WAAW,SAAU,GAAG;AAAA,MAClE,SAAS;AAAA,MACT,YAAY;AAAA,IACb,CAAE;AAAA,EACH;AACD;AAEA,IAAO,kBAAQ;",
   "names": []
 }