9B534B8686E580E0E01768F00155B461

at path：ROOT / wp-includes / js / dist / style-engine.js

run：R W Run

development

DIR

2026-09-09 19:08:38

R W Run

script-modules

DIR

2026-09-09 19:24:58

R W Run

vendor

DIR

2026-09-09 19:24:59

R W Run

a11y.js

5.56 KB

2026-09-09 19:24:58

R W Run

a11y.min.js

2.55 KB

2026-09-09 19:24:58

R W Run

annotations.js

15.58 KB

2026-09-09 19:24:58

R W Run

annotations.min.js

5.84 KB

2026-09-09 19:24:58

R W Run

api-fetch.js

19.53 KB

2026-09-09 19:24:57

R W Run

api-fetch.min.js

7.33 KB

2026-09-09 19:24:57

R W Run

autop.js

9.78 KB

2026-09-09 19:24:58

R W Run

autop.min.js

5.56 KB

2026-09-09 19:24:58

R W Run

base-styles.js

115 By

2026-09-09 19:24:57

R W Run

base-styles.min.js

142 By

2026-09-09 19:24:58

R W Run

blob.js

2.35 KB

2026-09-09 19:24:58

R W Run

blob.min.js

1.21 KB

2026-09-09 19:24:58

R W Run

block-directory.js

372.69 KB

2026-09-09 19:24:58

R W Run

block-directory.min.js

126.54 KB

2026-09-09 19:24:58

R W Run

block-editor.js

3.6 MB

2026-09-09 19:24:58

R W Run

block-editor.min.js

1.35 MB

2026-09-09 19:24:58

R W Run

block-library.js

2.88 MB

2026-09-09 19:24:58

R W Run

block-library.min.js

1.24 MB

2026-09-09 19:24:58

R W Run

block-serialization-default-parser.js

6.64 KB

2026-09-09 19:24:58

R W Run

block-serialization-default-parser.min.js

2.5 KB

2026-09-09 19:24:57

R W Run

block-serialization-spec-parser.js

50.58 KB

2026-09-09 19:24:58

R W Run

block-serialization-spec-parser.min.js

10.48 KB

2026-09-09 19:24:58

R W Run

blocks.js

292.88 KB

2026-09-09 19:24:58

R W Run

blocks.min.js

142.99 KB

2026-09-09 19:24:58

R W Run

commands.js

128.65 KB

2026-09-09 19:24:58

R W Run

commands.min.js

55.89 KB

2026-09-09 19:24:58

R W Run

components.js

3.64 MB

2026-09-09 19:24:58

R W Run

components.min.js

817.08 KB

2026-09-09 19:24:58

R W Run

compose.js

83.74 KB

2026-09-09 19:24:58

R W Run

compose.min.js

29.39 KB

2026-09-09 19:24:58

R W Run

core-commands.js

29.11 KB

2026-09-09 19:24:58

R W Run

core-commands.min.js

12.2 KB

2026-09-09 19:24:58

R W Run

core-data.js

660 KB

2026-09-09 19:24:58

R W Run

core-data.min.js

226.52 KB

2026-09-09 19:24:57

R W Run

customize-widgets.js

111.55 KB

2026-09-09 19:24:57

R W Run

customize-widgets.min.js

43.42 KB

2026-09-09 19:24:58

R W Run

data-controls.js

4.2 KB

2026-09-09 19:24:58

R W Run

data-controls.min.js

1.84 KB

2026-09-09 19:24:58

R W Run

data.js

83.69 KB

2026-09-09 19:24:58

R W Run

data.min.js

26.04 KB

2026-09-09 19:24:58

R W Run

date.js

176.69 KB

2026-09-09 19:24:58

R W Run

date.min.js

141.35 KB

2026-09-09 19:24:58

R W Run

deprecated.js

3.11 KB

2026-09-09 19:24:57

R W Run

deprecated.min.js

1.35 KB

2026-09-09 19:24:58

R W Run

dom-ready.js

1.53 KB

2026-09-09 19:24:58

R W Run

dom-ready.min.js

881 By

2026-09-09 19:24:58

R W Run

dom.js

35.12 KB

2026-09-09 19:24:58

R W Run

dom.min.js

12.86 KB

2026-09-09 19:24:58

R W Run

edit-post.js

440.78 KB

2026-09-09 19:24:58

R W Run

edit-post.min.js

156.4 KB

2026-09-09 19:24:57

R W Run

edit-site.js

2.2 MB

2026-09-09 19:24:57

R W Run

edit-site.min.js

884.07 KB

2026-09-09 19:24:58

R W Run

edit-widgets.js

180.29 KB

2026-09-09 19:24:58

R W Run

edit-widgets.min.js

68.81 KB

2026-09-09 19:24:58

R W Run

editor.js

3.78 MB

2026-09-09 19:24:58

R W Run

editor.min.js

1.5 MB

2026-09-09 19:24:58

R W Run

element.js

27.32 KB

2026-09-09 19:24:58

R W Run

element.min.js

12.18 KB

2026-09-09 19:24:58

R W Run

escape-html.js

2.36 KB

2026-09-09 19:24:58

R W Run

escape-html.min.js

1.13 KB

2026-09-09 19:24:57

R W Run

format-library.js

229.45 KB

2026-09-09 19:24:57

R W Run

format-library.min.js

96.19 KB

2026-09-09 19:24:58

R W Run

hooks.js

12.01 KB

2026-09-09 19:24:58

R W Run

hooks.min.js

4.99 KB

2026-09-09 19:24:58

R W Run

html-entities.js

1.71 KB

2026-09-09 19:24:58

R W Run

html-entities.min.js

950 By

2026-09-09 19:24:58

R W Run

i18n.js

15.36 KB

2026-09-09 19:24:58

R W Run

i18n.min.js

5.66 KB

2026-09-09 19:24:57

R W Run

is-shallow-equal.js

2.77 KB

2026-09-09 19:24:58

R W Run

is-shallow-equal.min.js

1.17 KB

2026-09-09 19:24:58

R W Run

keyboard-shortcuts.js

10.26 KB

2026-09-09 19:24:58

R W Run

keyboard-shortcuts.min.js

3.6 KB

2026-09-09 19:24:58

R W Run

keycodes.js

8.36 KB

2026-09-09 19:24:57

R W Run

keycodes.min.js

2.97 KB

2026-09-09 19:24:57

R W Run

list-reusable-blocks.js

13.34 KB

2026-09-09 19:24:57

R W Run

list-reusable-blocks.min.js

5.41 KB

2026-09-09 19:24:58

R W Run

media-utils.js

1.02 MB

2026-09-09 19:24:58

R W Run

media-utils.min.js

381.83 KB

2026-09-09 19:24:58

R W Run

notices.js

9.55 KB

2026-09-09 19:24:58

R W Run

notices.min.js

3.85 KB

2026-09-09 19:24:58

R W Run

nux.js

4.32 KB

2026-09-09 19:24:58

R W Run

nux.min.js

1.71 KB

2026-09-09 19:24:58

R W Run

patterns.js

88.07 KB

2026-09-09 19:24:58

R W Run

patterns.min.js

37.4 KB

2026-09-09 19:24:58

R W Run

plugins.js

20.72 KB

2026-09-09 19:24:58

R W Run

plugins.min.js

7.08 KB

2026-09-09 19:24:57

R W Run

preferences-persistence.js

17.3 KB

2026-09-09 19:24:58

R W Run

preferences-persistence.min.js

5.58 KB

2026-09-09 19:24:58

R W Run

preferences.js

21.03 KB

2026-09-09 19:24:57

R W Run

preferences.min.js

7.84 KB

2026-09-09 19:24:58

R W Run

primitives.js

5.15 KB

2026-09-09 19:24:57

R W Run

primitives.min.js

2.04 KB

2026-09-09 19:24:58

R W Run

priority-queue.js

10.1 KB

2026-09-09 19:24:58

R W Run

priority-queue.min.js

3.42 KB

2026-09-09 19:24:57

R W Run

private-apis.js

4.42 KB

2026-09-09 19:24:58

R W Run

private-apis.min.js

2.95 KB

2026-09-09 19:24:58

R W Run

react-i18n.js

3.97 KB

2026-09-09 19:24:58

R W Run

react-i18n.min.js

1.59 KB

2026-09-09 19:24:58

R W Run

redux-routine.js

24.75 KB

2026-09-09 19:24:58

R W Run

redux-routine.min.js

9.72 KB

2026-09-09 19:24:58

R W Run

reusable-blocks.js

21.87 KB

2026-09-09 19:24:58

R W Run

reusable-blocks.min.js

7.99 KB

2026-09-09 19:24:57

R W Run

rich-text.js

104.89 KB

2026-09-09 19:24:58

R W Run

rich-text.min.js

42.17 KB

2026-09-09 19:24:58

R W Run

router.js

36.21 KB

2026-09-09 19:24:58

R W Run

router.min.js

14.21 KB

2026-09-09 19:24:58

R W Run

server-side-render.js

11.32 KB

2026-09-09 19:24:57

R W Run

server-side-render.min.js

4.1 KB

2026-09-09 19:24:58

R W Run

shortcode.js

8.02 KB

2026-09-09 19:24:58

R W Run

shortcode.min.js

3.35 KB

2026-09-09 19:24:58

R W Run

style-engine.js

18.37 KB

2026-09-09 19:24:58

R W Run

style-engine.min.js

6.78 KB

2026-09-09 19:24:58

R W Run

theme.js

135.48 KB

2026-09-09 19:24:58

R W Run

theme.min.js

59.71 KB

2026-09-09 19:24:58

R W Run

token-list.js

6.18 KB

2026-09-09 19:24:58

R W Run

token-list.min.js

1.68 KB

2026-09-09 19:24:58

R W Run

undo-manager.js

5.36 KB

2026-09-09 19:24:58

R W Run

undo-manager.min.js

1.77 KB

2026-09-09 19:24:58

R W Run

upload-media.js

115.27 KB

2026-09-09 19:24:58

R W Run

upload-media.min.js

48.71 KB

2026-09-09 19:24:58

R W Run

url.js

23.4 KB

2026-09-09 19:24:58

R W Run

url.min.js

10.18 KB

2026-09-09 19:24:58

R W Run

viewport.js

7.14 KB

2026-09-09 19:24:58

R W Run

viewport.min.js

2.32 KB

2026-09-09 19:24:57

R W Run

warning.js

1.58 KB

2026-09-09 19:24:58

R W Run

warning.min.js

816 By

2026-09-09 19:24:58

R W Run

widgets.js

50.14 KB

2026-09-09 19:24:58

R W Run

widgets.min.js

20.97 KB

2026-09-09 19:24:58

R W Run

wordcount.js

7 KB

2026-09-09 19:24:58

R W Run

wordcount.min.js

2.51 KB

2026-09-09 19:24:58

R W Run

error_log

📄style-engine.js

// packages/style-engine/build-module/index.mjs
  var index_exports = {};
  __export(index_exports, {
    compileCSS: () => compileCSS,
    getCSSRules: () => getCSSRules,
    getCSSValueFromRawStyle: () => getCSSValueFromRawStyle
  });

// node_modules/tslib/tslib.es6.mjs
  var __assign = function() {
    __assign = Object.assign || function __assign2(t) {
      for (var s, i = 1, n = arguments.length; i < n; i++) {
        s = arguments[i];
        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
      }
      return t;
    };
    return __assign.apply(this, arguments);
  };

// node_modules/lower-case/dist.es2015/index.js
  function lowerCase(str) {
    return str.toLowerCase();
  }

// node_modules/no-case/dist.es2015/index.js
  var DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];
  var DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi;
  function noCase(input, options) {
    if (options === void 0) {
      options = {};
    }
    var _a = options.splitRegexp, splitRegexp = _a === void 0 ? DEFAULT_SPLIT_REGEXP : _a, _b = options.stripRegexp, stripRegexp = _b === void 0 ? DEFAULT_STRIP_REGEXP : _b, _c = options.transform, transform = _c === void 0 ? lowerCase : _c, _d = options.delimiter, delimiter = _d === void 0 ? " " : _d;
    var result = replace(replace(input, splitRegexp, "$1\0$2"), stripRegexp, "\0");
    var start = 0;
    var end = result.length;
    while (result.charAt(start) === "\0")
      start++;
    while (result.charAt(end - 1) === "\0")
      end--;
    return result.slice(start, end).split("\0").map(transform).join(delimiter);
  }
  function replace(input, re, value) {
    if (re instanceof RegExp)
      return input.replace(re, value);
    return re.reduce(function(input2, re2) {
      return input2.replace(re2, value);
    }, input);
  }

// node_modules/dot-case/dist.es2015/index.js
  function dotCase(input, options) {
    if (options === void 0) {
      options = {};
    }
    return noCase(input, __assign({ delimiter: "." }, options));
  }

// node_modules/param-case/dist.es2015/index.js
  function paramCase(input, options) {
    if (options === void 0) {
      options = {};
    }
    return dotCase(input, __assign({ delimiter: "-" }, options));
  }

// packages/style-engine/build-module/styles/constants.mjs
  var VARIABLE_REFERENCE_PREFIX = "var:";
  var VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE = "|";
  var VARIABLE_PATH_SEPARATOR_TOKEN_STYLE = "--";

// packages/style-engine/build-module/styles/utils.mjs
  var getStyleValueByPath = (object, path) => {
    let value = object;
    path.forEach((fieldName) => {
      value = value?.[fieldName];
    });
    return value;
  };
  function generateRule(style, options, path, ruleKey) {
    const styleValue = getStyleValueByPath(style, path);
    return styleValue ? [
      {
        selector: options?.selector,
        key: ruleKey,
        value: getCSSValueFromRawStyle(styleValue)
      }
    ] : [];
  }
  function generateBoxRules(style, options, path, ruleKeys, individualProperties = ["top", "right", "bottom", "left"]) {
    const boxStyle = getStyleValueByPath(
      style,
      path
    );
    if (!boxStyle) {
      return [];
    }
    const rules = [];
    if (typeof boxStyle === "string") {
      rules.push({
        selector: options?.selector,
        key: ruleKeys.default,
        value: getCSSValueFromRawStyle(boxStyle)
      });
    } else {
      const sideRules = individualProperties.reduce(
        (acc, side) => {
          const value = getCSSValueFromRawStyle(
            getStyleValueByPath(boxStyle, [side])
          );
          if (value) {
            acc.push({
              selector: options?.selector,
              key: ruleKeys?.individual.replace(
                "%s",
                upperFirst(side)
              ),
              value
            });
          }
          return acc;
        },
        []
      );
      rules.push(...sideRules);
    }
    return rules;
  }
  function getCSSValueFromRawStyle(styleValue) {
    if (typeof styleValue === "string" && styleValue.startsWith(VARIABLE_REFERENCE_PREFIX)) {
      const variable = styleValue.slice(VARIABLE_REFERENCE_PREFIX.length).split(VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE).map(
        (presetVariable) => paramCase(presetVariable, {
          splitRegexp: [
            /([a-z0-9])([A-Z])/g,
            // fooBar => foo-bar, 3Bar => 3-bar
            /([0-9])([a-z])/g,
            // 3bar => 3-bar
            /([A-Za-z])([0-9])/g,
            // Foo3 => foo-3, foo3 => foo-3
            /([A-Z])([A-Z][a-z])/g
            // FOOBar => foo-bar
          ]
        })
      ).join(VARIABLE_PATH_SEPARATOR_TOKEN_STYLE);
      return `var(--wp--${variable})`;
    }
    return styleValue;
  }
  function upperFirst(string) {
    const [firstLetter, ...rest] = string;
    return firstLetter.toUpperCase() + rest.join("");
  }
  function camelCaseJoin(strings) {
    const [firstItem, ...rest] = strings;
    return firstItem.toLowerCase() + rest.map(upperFirst).join("");
  }
  function safeDecodeURI(uri) {
    try {
      return decodeURI(uri);
    } catch {
      return uri;
    }
  }

// packages/style-engine/build-module/styles/border/index.mjs
  function createBorderGenerateFunction(path) {
    return (style, options) => generateRule(style, options, path, camelCaseJoin(path));
  }
  function createBorderEdgeGenerateFunction(edge) {
    return (style, options) => {
      return ["color", "style", "width"].flatMap((key) => {
        const path = ["border", edge, key];
        return createBorderGenerateFunction(path)(style, options);
      });
    };
  }
  var color = {
    name: "color",
    generate: createBorderGenerateFunction(["border", "color"])
  };
  var radius = {
    name: "radius",
    generate: (style, options) => {
      return generateBoxRules(
        style,
        options,
        ["border", "radius"],
        {
          default: "borderRadius",
          individual: "border%sRadius"
        },
        ["topLeft", "topRight", "bottomLeft", "bottomRight"]
      );
    }
  };
  var borderStyle = {
    name: "style",
    generate: createBorderGenerateFunction(["border", "style"])
  };
  var width = {
    name: "width",
    generate: createBorderGenerateFunction(["border", "width"])
  };
  var borderTop = {
    name: "borderTop",
    generate: createBorderEdgeGenerateFunction("top")
  };
  var borderRight = {
    name: "borderRight",
    generate: createBorderEdgeGenerateFunction("right")
  };
  var borderBottom = {
    name: "borderBottom",
    generate: createBorderEdgeGenerateFunction("bottom")
  };
  var borderLeft = {
    name: "borderLeft",
    generate: createBorderEdgeGenerateFunction("left")
  };
  var border_default = [
    color,
    borderStyle,
    width,
    radius,
    borderTop,
    borderRight,
    borderBottom,
    borderLeft
  ];

// packages/style-engine/build-module/styles/color/background.mjs
  var background = {
    name: "background",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["color", "background"],
        "backgroundColor"
      );
    }
  };
  var background_default = background;

// packages/style-engine/build-module/styles/color/gradient.mjs
  var gradient = {
    name: "gradient",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["color", "gradient"],
        "background"
      );
    }
  };
  var gradient_default = gradient;

// packages/style-engine/build-module/styles/color/text.mjs
  var text = {
    name: "text",
    generate: (style, options) => {
      return generateRule(style, options, ["color", "text"], "color");
    }
  };
  var text_default = text;

// packages/style-engine/build-module/styles/color/index.mjs
  var color_default = [text_default, gradient_default, background_default];

// packages/style-engine/build-module/styles/dimensions/index.mjs
  var height = {
    name: "height",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["dimensions", "height"],
        "height"
      );
    }
  };
  var minHeight = {
    name: "minHeight",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["dimensions", "minHeight"],
        "minHeight"
      );
    }
  };
  var minWidth = {
    name: "minWidth",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["dimensions", "minWidth"],
        "minWidth"
      );
    }
  };
  var aspectRatio = {
    name: "aspectRatio",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["dimensions", "aspectRatio"],
        "aspectRatio"
      );
    }
  };
  var width2 = {
    name: "width",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["dimensions", "width"],
        "width"
      );
    }
  };
  var objectFit = {
    name: "objectFit",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["dimensions", "objectFit"],
        "objectFit"
      );
    }
  };
  var dimensions_default = [height, minHeight, minWidth, aspectRatio, width2, objectFit];

// packages/style-engine/build-module/styles/background/index.mjs
  var backgroundImage = {
    name: "backgroundImage",
    generate: (style, options) => {
      const _backgroundImage = style?.background?.backgroundImage;
      const gradient2 = getCSSValueFromRawStyle(style?.background?.gradient) || "";
      if (!_backgroundImage && !gradient2) {
        return [];
      }
      const backgroundImageValue = typeof _backgroundImage === "object" && _backgroundImage?.url ? `url( '${encodeURI(
        safeDecodeURI(_backgroundImage.url)
      )}' )` : getCSSValueFromRawStyle(_backgroundImage);
      const cssValue = [gradient2, backgroundImageValue].filter(Boolean).join(", ");
      return !!cssValue ? [
        {
          selector: options.selector,
          key: "backgroundImage",
          value: cssValue
        }
      ] : [];
    }
  };
  var backgroundPosition = {
    name: "backgroundPosition",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["background", "backgroundPosition"],
        "backgroundPosition"
      );
    }
  };
  var backgroundRepeat = {
    name: "backgroundRepeat",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["background", "backgroundRepeat"],
        "backgroundRepeat"
      );
    }
  };
  var backgroundSize = {
    name: "backgroundSize",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["background", "backgroundSize"],
        "backgroundSize"
      );
    }
  };
  var backgroundAttachment = {
    name: "backgroundAttachment",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["background", "backgroundAttachment"],
        "backgroundAttachment"
      );
    }
  };
  var background_default2 = [
    backgroundImage,
    backgroundPosition,
    backgroundRepeat,
    backgroundSize,
    backgroundAttachment
  ];

// packages/style-engine/build-module/styles/shadow/index.mjs
  var shadow = {
    name: "shadow",
    generate: (style, options) => {
      return generateRule(style, options, ["shadow"], "boxShadow");
    }
  };
  var shadow_default = [shadow];

// packages/style-engine/build-module/styles/outline/index.mjs
  var color2 = {
    name: "color",
    generate: (style, options, path = ["outline", "color"], ruleKey = "outlineColor") => {
      return generateRule(style, options, path, ruleKey);
    }
  };
  var offset = {
    name: "offset",
    generate: (style, options, path = ["outline", "offset"], ruleKey = "outlineOffset") => {
      return generateRule(style, options, path, ruleKey);
    }
  };
  var outlineStyle = {
    name: "style",
    generate: (style, options, path = ["outline", "style"], ruleKey = "outlineStyle") => {
      return generateRule(style, options, path, ruleKey);
    }
  };
  var width3 = {
    name: "width",
    generate: (style, options, path = ["outline", "width"], ruleKey = "outlineWidth") => {
      return generateRule(style, options, path, ruleKey);
    }
  };
  var outline_default = [color2, outlineStyle, offset, width3];

// packages/style-engine/build-module/styles/spacing/padding.mjs
  var padding = {
    name: "padding",
    generate: (style, options) => {
      return generateBoxRules(style, options, ["spacing", "padding"], {
        default: "padding",
        individual: "padding%s"
      });
    }
  };
  var padding_default = padding;

// packages/style-engine/build-module/styles/spacing/margin.mjs
  var margin = {
    name: "margin",
    generate: (style, options) => {
      return generateBoxRules(style, options, ["spacing", "margin"], {
        default: "margin",
        individual: "margin%s"
      });
    }
  };
  var margin_default = margin;

// packages/style-engine/build-module/styles/spacing/index.mjs
  var spacing_default = [margin_default, padding_default];

// packages/style-engine/build-module/styles/typography/index.mjs
  var fontSize = {
    name: "fontSize",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["typography", "fontSize"],
        "fontSize"
      );
    }
  };
  var fontStyle = {
    name: "fontStyle",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["typography", "fontStyle"],
        "fontStyle"
      );
    }
  };
  var fontWeight = {
    name: "fontWeight",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["typography", "fontWeight"],
        "fontWeight"
      );
    }
  };
  var fontFamily = {
    name: "fontFamily",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["typography", "fontFamily"],
        "fontFamily"
      );
    }
  };
  var letterSpacing = {
    name: "letterSpacing",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["typography", "letterSpacing"],
        "letterSpacing"
      );
    }
  };
  var lineHeight = {
    name: "lineHeight",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["typography", "lineHeight"],
        "lineHeight"
      );
    }
  };
  var textColumns = {
    name: "textColumns",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["typography", "textColumns"],
        "columnCount"
      );
    }
  };
  var textDecoration = {
    name: "textDecoration",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["typography", "textDecoration"],
        "textDecoration"
      );
    }
  };
  var textIndent = {
    name: "textIndent",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["typography", "textIndent"],
        "textIndent"
      );
    }
  };
  var textTransform = {
    name: "textTransform",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["typography", "textTransform"],
        "textTransform"
      );
    }
  };
  var writingMode = {
    name: "writingMode",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["typography", "writingMode"],
        "writingMode"
      );
    }
  };
  var textShadow = {
    name: "textShadow",
    generate: (style, options) => {
      return generateRule(
        style,
        options,
        ["typography", "textShadow"],
        "textShadow"
      );
    }
  };
  var typography_default = [
    fontFamily,
    fontSize,
    fontStyle,
    fontWeight,
    letterSpacing,
    lineHeight,
    textColumns,
    textDecoration,
    textIndent,
    textShadow,
    textTransform,
    writingMode
  ];

// packages/style-engine/build-module/styles/index.mjs
  var styleDefinitions = [
    ...border_default,
    ...color_default,
    ...dimensions_default,
    ...outline_default,
    ...spacing_default,
    ...typography_default,
    ...shadow_default,
    ...background_default2
  ];

// packages/style-engine/build-module/index.mjs
  function compileCSS(style, options = {}) {
    const rules = getCSSRules(style, options);
    if (!options?.selector) {
      const inlineRules = [];
      rules.forEach((rule) => {
        inlineRules.push(`${paramCase(rule.key)}: ${rule.value};`);
      });
      return inlineRules.join(" ");
    }
    const groupedRules = rules.reduce(
      (acc, rule) => {
        const { selector } = rule;
        if (!selector) {
          return acc;
        }
        if (!acc[selector]) {
          acc[selector] = [];
        }
        acc[selector].push(rule);
        return acc;
      },
      {}
    );
    const selectorRules = Object.keys(groupedRules).reduce(
      (acc, subSelector) => {
        acc.push(
          `${subSelector} { ${groupedRules[subSelector].map(
            (rule) => `${paramCase(rule.key)}: ${rule.value};`
          ).join(" ")} }`
        );
        return acc;
      },
      []
    );
    return selectorRules.join("\n");
  }
  function getCSSRules(style, options = {}) {
    const rules = [];
    styleDefinitions.forEach((definition) => {
      if (typeof definition.generate === "function") {
        rules.push(...definition.generate(style, options));
      }
    });
    return rules;
  }
  return __toCommonJS(index_exports);
})();
(window.wp ||= {}).styleEngine = wp.styleEngine;
})();