@wordpress/block-editor 15.9.1-next.6deb34194.0 → 15.9.1-next.738bb1424.0

package/build/hooks/spacing-visualizer.js

@@ -1,149 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/block-editor/src/hooks/spacing-visualizer.js
-var spacing_visualizer_exports = {};
-__export(spacing_visualizer_exports, {
-  MarginVisualizer: () => MarginVisualizer,
-  PaddingVisualizer: () => PaddingVisualizer
-});
-module.exports = __toCommonJS(spacing_visualizer_exports);
-var import_element = require("@wordpress/element");
-var import_is_shallow_equal = __toESM(require("@wordpress/is-shallow-equal"));
-var import_cover = __toESM(require("../components/block-popover/cover"));
-var import_use_block_refs = require("../components/block-list/use-block-props/use-block-refs");
-var import_jsx_runtime = require("react/jsx-runtime");
-function SpacingVisualizer({ clientId, value, computeStyle, forceShow }) {
-  const blockElement = (0, import_use_block_refs.useBlockElement)(clientId);
-  const [style, updateStyle] = (0, import_element.useReducer)(
-    () => computeStyle(blockElement)
-  );
-  (0, import_element.useEffect)(() => {
-    if (blockElement && forceShow) {
-      updateStyle();
-    }
-  }, [blockElement, forceShow]);
-  (0, import_element.useEffect)(() => {
-    if (!blockElement) {
-      return;
-    }
-    const observer = new window.MutationObserver(updateStyle);
-    observer.observe(blockElement, {
-      attributes: true,
-      attributeFilter: ["style", "class"]
-    });
-    return () => {
-      observer.disconnect();
-    };
-  }, [blockElement]);
-  const previousValueRef = (0, import_element.useRef)(value);
-  const [isActive, setIsActive] = (0, import_element.useState)(false);
-  (0, import_element.useEffect)(() => {
-    if ((0, import_is_shallow_equal.default)(value, previousValueRef.current) || forceShow) {
-      return;
-    }
-    setIsActive(true);
-    previousValueRef.current = value;
-    const timeout = setTimeout(() => {
-      setIsActive(false);
-    }, 400);
-    return () => {
-      setIsActive(false);
-      clearTimeout(timeout);
-    };
-  }, [value, forceShow]);
-  if (!isActive && !forceShow) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_cover.default,
-    {
-      clientId,
-      __unstablePopoverSlot: "block-toolbar",
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block-editor__spacing-visualizer", style })
-    }
-  );
-}
-function getComputedCSS(element, property) {
-  return element.ownerDocument.defaultView.getComputedStyle(element).getPropertyValue(property);
-}
-function MarginVisualizer({ clientId, value, forceShow }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    SpacingVisualizer,
-    {
-      clientId,
-      value: value?.spacing?.margin,
-      computeStyle: (blockElement) => {
-        const top = getComputedCSS(blockElement, "margin-top");
-        const right = getComputedCSS(blockElement, "margin-right");
-        const bottom = getComputedCSS(blockElement, "margin-bottom");
-        const left = getComputedCSS(blockElement, "margin-left");
-        return {
-          borderTopWidth: top,
-          borderRightWidth: right,
-          borderBottomWidth: bottom,
-          borderLeftWidth: left,
-          top: top ? `-${top}` : 0,
-          right: right ? `-${right}` : 0,
-          bottom: bottom ? `-${bottom}` : 0,
-          left: left ? `-${left}` : 0
-        };
-      },
-      forceShow
-    }
-  );
-}
-function PaddingVisualizer({ clientId, value, forceShow }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    SpacingVisualizer,
-    {
-      clientId,
-      value: value?.spacing?.padding,
-      computeStyle: (blockElement) => ({
-        borderTopWidth: getComputedCSS(blockElement, "padding-top"),
-        borderRightWidth: getComputedCSS(
-          blockElement,
-          "padding-right"
-        ),
-        borderBottomWidth: getComputedCSS(
-          blockElement,
-          "padding-bottom"
-        ),
-        borderLeftWidth: getComputedCSS(blockElement, "padding-left")
-      }),
-      forceShow
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  MarginVisualizer,
-  PaddingVisualizer
-});
-//# sourceMappingURL=spacing-visualizer.js.map

package/build/hooks/spacing-visualizer.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/hooks/spacing-visualizer.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState, useRef, useEffect, useReducer } from '@wordpress/element';\nimport isShallowEqual from '@wordpress/is-shallow-equal';\n\n/**\n * Internal dependencies\n */\nimport BlockPopoverCover from '../components/block-popover/cover';\nimport { useBlockElement } from '../components/block-list/use-block-props/use-block-refs';\n\nfunction SpacingVisualizer( { clientId, value, computeStyle, forceShow } ) {\n\tconst blockElement = useBlockElement( clientId );\n\tconst [ style, updateStyle ] = useReducer( () =>\n\t\tcomputeStyle( blockElement )\n\t);\n\n\t// Force style computation when forceShow becomes true (e.g., when hovering control)\n\t// to ensure visualizer displays correct dimensions on first render.\n\tuseEffect( () => {\n\t\tif ( blockElement && forceShow ) {\n\t\t\tupdateStyle();\n\t\t}\n\t}, [ blockElement, forceShow ] );\n\n\t// It's not sufficient to read the block's computed style when `value` changes because\n\t// the effect would run before the block\u2019s style has updated. Thus observing mutations\n\t// to the block\u2019s attributes is used to trigger updates to the visualizer\u2019s styles.\n\tuseEffect( () => {\n\t\tif ( ! blockElement ) {\n\t\t\treturn;\n\t\t}\n\t\tconst observer = new window.MutationObserver( updateStyle );\n\t\tobserver.observe( blockElement, {\n\t\t\tattributes: true,\n\t\t\tattributeFilter: [ 'style', 'class' ],\n\t\t} );\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, [ blockElement ] );\n\n\tconst previousValueRef = useRef( value );\n\tconst [ isActive, setIsActive ] = useState( false );\n\n\tuseEffect( () => {\n\t\tif ( isShallowEqual( value, previousValueRef.current ) || forceShow ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsActive( true );\n\t\tpreviousValueRef.current = value;\n\n\t\tconst timeout = setTimeout( () => {\n\t\t\tsetIsActive( false );\n\t\t}, 400 );\n\n\t\treturn () => {\n\t\t\tsetIsActive( false );\n\t\t\tclearTimeout( timeout );\n\t\t};\n\t}, [ value, forceShow ] );\n\n\tif ( ! isActive && ! forceShow ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BlockPopoverCover\n\t\t\tclientId={ clientId }\n\t\t\t__unstablePopoverSlot=\"block-toolbar\"\n\t\t>\n\t\t\t<div className=\"block-editor__spacing-visualizer\" style={ style } />\n\t\t</BlockPopoverCover>\n\t);\n}\n\nfunction getComputedCSS( element, property ) {\n\treturn element.ownerDocument.defaultView\n\t\t.getComputedStyle( element )\n\t\t.getPropertyValue( property );\n}\n\nexport function MarginVisualizer( { clientId, value, forceShow } ) {\n\treturn (\n\t\t<SpacingVisualizer\n\t\t\tclientId={ clientId }\n\t\t\tvalue={ value?.spacing?.margin }\n\t\t\tcomputeStyle={ ( blockElement ) => {\n\t\t\t\tconst top = getComputedCSS( blockElement, 'margin-top' );\n\t\t\t\tconst right = getComputedCSS( blockElement, 'margin-right' );\n\t\t\t\tconst bottom = getComputedCSS( blockElement, 'margin-bottom' );\n\t\t\t\tconst left = getComputedCSS( blockElement, 'margin-left' );\n\t\t\t\treturn {\n\t\t\t\t\tborderTopWidth: top,\n\t\t\t\t\tborderRightWidth: right,\n\t\t\t\t\tborderBottomWidth: bottom,\n\t\t\t\t\tborderLeftWidth: left,\n\t\t\t\t\ttop: top ? `-${ top }` : 0,\n\t\t\t\t\tright: right ? `-${ right }` : 0,\n\t\t\t\t\tbottom: bottom ? `-${ bottom }` : 0,\n\t\t\t\t\tleft: left ? `-${ left }` : 0,\n\t\t\t\t};\n\t\t\t} }\n\t\t\tforceShow={ forceShow }\n\t\t/>\n\t);\n}\n\nexport function PaddingVisualizer( { clientId, value, forceShow } ) {\n\treturn (\n\t\t<SpacingVisualizer\n\t\t\tclientId={ clientId }\n\t\t\tvalue={ value?.spacing?.padding }\n\t\t\tcomputeStyle={ ( blockElement ) => ( {\n\t\t\t\tborderTopWidth: getComputedCSS( blockElement, 'padding-top' ),\n\t\t\t\tborderRightWidth: getComputedCSS(\n\t\t\t\t\tblockElement,\n\t\t\t\t\t'padding-right'\n\t\t\t\t),\n\t\t\t\tborderBottomWidth: getComputedCSS(\n\t\t\t\t\tblockElement,\n\t\t\t\t\t'padding-bottom'\n\t\t\t\t),\n\t\t\t\tborderLeftWidth: getComputedCSS( blockElement, 'padding-left' ),\n\t\t\t} ) }\n\t\t\tforceShow={ forceShow }\n\t\t/>\n\t);\n}\n"],
-  "mappings": "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",
-  "names": ["isShallowEqual", "BlockPopoverCover"]
-}

package/build/hooks/style.js

@@ -1,282 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/block-editor/src/hooks/style.js
-var style_exports = {};
-__export(style_exports, {
-  addSaveProps: () => addSaveProps,
-  default: () => style_default,
-  getInlineStyles: () => getInlineStyles,
-  omitStyle: () => omitStyle
-});
-module.exports = __toCommonJS(style_exports);
-var import_element = require("@wordpress/element");
-var import_hooks = require("@wordpress/hooks");
-var import_blocks = require("@wordpress/blocks");
-var import_compose = require("@wordpress/compose");
-var import_style_engine = require("@wordpress/style-engine");
-var import_background = require("./background");
-var import_border = require("./border");
-var import_color = require("./color");
-var import_typography = require("./typography");
-var import_dimensions = require("./dimensions");
-var import_utils = require("./utils");
-var import_utils2 = require("../components/global-styles/utils");
-var import_block_editing_mode = require("../components/block-editing-mode");
-var import_jsx_runtime = require("react/jsx-runtime");
-var styleSupportKeys = [
-  ...import_typography.TYPOGRAPHY_SUPPORT_KEYS,
-  import_border.BORDER_SUPPORT_KEY,
-  import_color.COLOR_SUPPORT_KEY,
-  import_dimensions.DIMENSIONS_SUPPORT_KEY,
-  import_background.BACKGROUND_SUPPORT_KEY,
-  import_dimensions.SPACING_SUPPORT_KEY,
-  import_border.SHADOW_SUPPORT_KEY
-];
-var hasStyleSupport = (nameOrType) => styleSupportKeys.some((key) => (0, import_blocks.hasBlockSupport)(nameOrType, key));
-function getInlineStyles(styles = {}) {
-  const output = {};
-  (0, import_style_engine.getCSSRules)(styles).forEach((rule) => {
-    output[rule.key] = rule.value;
-  });
-  return output;
-}
-function addAttribute(settings) {
-  if (!hasStyleSupport(settings)) {
-    return settings;
-  }
-  if (!settings.attributes.style) {
-    Object.assign(settings.attributes, {
-      style: {
-        type: "object"
-      }
-    });
-  }
-  return settings;
-}
-var skipSerializationPathsEdit = {
-  [`${import_border.BORDER_SUPPORT_KEY}.__experimentalSkipSerialization`]: ["border"],
-  [`${import_color.COLOR_SUPPORT_KEY}.__experimentalSkipSerialization`]: [
-    import_color.COLOR_SUPPORT_KEY
-  ],
-  [`${import_typography.TYPOGRAPHY_SUPPORT_KEY}.__experimentalSkipSerialization`]: [
-    import_typography.TYPOGRAPHY_SUPPORT_KEY
-  ],
-  [`${import_dimensions.DIMENSIONS_SUPPORT_KEY}.__experimentalSkipSerialization`]: [
-    import_dimensions.DIMENSIONS_SUPPORT_KEY
-  ],
-  [`${import_dimensions.SPACING_SUPPORT_KEY}.__experimentalSkipSerialization`]: [
-    import_dimensions.SPACING_SUPPORT_KEY
-  ],
-  [`${import_border.SHADOW_SUPPORT_KEY}.__experimentalSkipSerialization`]: [
-    import_border.SHADOW_SUPPORT_KEY
-  ]
-};
-var skipSerializationPathsSave = {
-  ...skipSerializationPathsEdit,
-  [`${import_dimensions.DIMENSIONS_SUPPORT_KEY}.aspectRatio`]: [
-    `${import_dimensions.DIMENSIONS_SUPPORT_KEY}.aspectRatio`
-  ],
-  // Skip serialization of aspect ratio in save mode.
-  [`${import_background.BACKGROUND_SUPPORT_KEY}`]: [import_background.BACKGROUND_SUPPORT_KEY]
-  // Skip serialization of background support in save mode.
-};
-var skipSerializationPathsSaveChecks = {
-  [`${import_dimensions.DIMENSIONS_SUPPORT_KEY}.aspectRatio`]: true,
-  [`${import_background.BACKGROUND_SUPPORT_KEY}`]: true
-};
-var renamedFeatures = { gradients: "gradient" };
-function omitStyle(style, paths, preserveReference = false) {
-  if (!style) {
-    return style;
-  }
-  let newStyle = style;
-  if (!preserveReference) {
-    newStyle = JSON.parse(JSON.stringify(style));
-  }
-  if (!Array.isArray(paths)) {
-    paths = [paths];
-  }
-  paths.forEach((path) => {
-    if (!Array.isArray(path)) {
-      path = path.split(".");
-    }
-    if (path.length > 1) {
-      const [firstSubpath, ...restPath] = path;
-      omitStyle(newStyle[firstSubpath], [restPath], true);
-    } else if (path.length === 1) {
-      delete newStyle[path[0]];
-    }
-  });
-  return newStyle;
-}
-function addSaveProps(props, blockNameOrType, attributes, skipPaths = skipSerializationPathsSave) {
-  if (!hasStyleSupport(blockNameOrType)) {
-    return props;
-  }
-  let { style } = attributes;
-  Object.entries(skipPaths).forEach(([indicator, path]) => {
-    const skipSerialization = skipSerializationPathsSaveChecks[indicator] || (0, import_blocks.getBlockSupport)(blockNameOrType, indicator);
-    if (skipSerialization === true) {
-      style = omitStyle(style, path);
-    }
-    if (Array.isArray(skipSerialization)) {
-      skipSerialization.forEach((featureName) => {
-        const feature = renamedFeatures[featureName] || featureName;
-        style = omitStyle(style, [[...path, feature]]);
-      });
-    }
-  });
-  props.style = {
-    ...getInlineStyles(style),
-    ...props.style
-  };
-  return props;
-}
-function BlockStyleControls({
-  clientId,
-  name,
-  setAttributes,
-  __unstableParentLayout
-}) {
-  const settings = (0, import_utils.useBlockSettings)(name, __unstableParentLayout);
-  const blockEditingMode = (0, import_block_editing_mode.useBlockEditingMode)();
-  const passedProps = {
-    clientId,
-    name,
-    setAttributes,
-    settings: {
-      ...settings,
-      typography: {
-        ...settings.typography,
-        // The text alignment UI for individual blocks is rendered in
-        // the block toolbar, so disable it here.
-        textAlign: false
-      }
-    }
-  };
-  if (blockEditingMode !== "default") {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_color.ColorEdit, { ...passedProps }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_background.BackgroundImagePanel, { ...passedProps }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_typography.TypographyPanel, { ...passedProps }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_border.BorderPanel, { ...passedProps }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dimensions.DimensionsPanel, { ...passedProps })
-  ] });
-}
-var style_default = {
-  edit: BlockStyleControls,
-  hasSupport: hasStyleSupport,
-  addSaveProps,
-  attributeKeys: ["style"],
-  useBlockProps
-};
-var elementTypes = [
-  { elementType: "button" },
-  { elementType: "link", pseudo: [":hover"] },
-  {
-    elementType: "heading",
-    elements: ["h1", "h2", "h3", "h4", "h5", "h6"]
-  }
-];
-var STYLE_BLOCK_PROPS_REFERENCE = {};
-function useBlockProps({ name, style }) {
-  const blockElementsContainerIdentifier = (0, import_compose.useInstanceId)(
-    STYLE_BLOCK_PROPS_REFERENCE,
-    "wp-elements"
-  );
-  const baseElementSelector = `.${blockElementsContainerIdentifier}`;
-  const blockElementStyles = style?.elements;
-  const styles = (0, import_element.useMemo)(() => {
-    if (!blockElementStyles) {
-      return;
-    }
-    const elementCSSRules = [];
-    elementTypes.forEach(({ elementType, pseudo, elements }) => {
-      const skipSerialization = (0, import_utils.shouldSkipSerialization)(
-        name,
-        import_color.COLOR_SUPPORT_KEY,
-        elementType
-      );
-      if (skipSerialization) {
-        return;
-      }
-      const elementStyles = blockElementStyles?.[elementType];
-      if (elementStyles) {
-        const selector = (0, import_utils2.scopeSelector)(
-          baseElementSelector,
-          import_blocks.__EXPERIMENTAL_ELEMENTS[elementType]
-        );
-        elementCSSRules.push(
-          (0, import_style_engine.compileCSS)(elementStyles, { selector })
-        );
-        if (pseudo) {
-          pseudo.forEach((pseudoSelector) => {
-            if (elementStyles[pseudoSelector]) {
-              elementCSSRules.push(
-                (0, import_style_engine.compileCSS)(elementStyles[pseudoSelector], {
-                  selector: (0, import_utils2.scopeSelector)(
-                    baseElementSelector,
-                    `${import_blocks.__EXPERIMENTAL_ELEMENTS[elementType]}${pseudoSelector}`
-                  )
-                })
-              );
-            }
-          });
-        }
-      }
-      if (elements) {
-        elements.forEach((element) => {
-          if (blockElementStyles[element]) {
-            elementCSSRules.push(
-              (0, import_style_engine.compileCSS)(blockElementStyles[element], {
-                selector: (0, import_utils2.scopeSelector)(
-                  baseElementSelector,
-                  import_blocks.__EXPERIMENTAL_ELEMENTS[element]
-                )
-              })
-            );
-          }
-        });
-      }
-    });
-    return elementCSSRules.length > 0 ? elementCSSRules.join("") : void 0;
-  }, [baseElementSelector, blockElementStyles, name]);
-  (0, import_utils.useStyleOverride)({ css: styles });
-  return addSaveProps(
-    { className: blockElementsContainerIdentifier },
-    name,
-    { style },
-    skipSerializationPathsEdit
-  );
-}
-(0, import_hooks.addFilter)(
-  "blocks.registerBlockType",
-  "core/style/addAttribute",
-  addAttribute
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  addSaveProps,
-  getInlineStyles,
-  omitStyle
-});
-//# sourceMappingURL=style.js.map

package/build/hooks/supports.js

@@ -1,168 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/block-editor/src/hooks/supports.js
-var supports_exports = {};
-__export(supports_exports, {
-  getAlignSupport: () => getAlignSupport,
-  getAlignWideSupport: () => getAlignWideSupport,
-  getBorderSupport: () => getBorderSupport,
-  getColorSupport: () => getColorSupport,
-  getCustomClassNameSupport: () => getCustomClassNameSupport,
-  getFontFamilySupport: () => getFontFamilySupport,
-  getFontSizeSupport: () => getFontSizeSupport,
-  getLayoutSupport: () => getLayoutSupport,
-  getTextAlignSupport: () => getTextAlignSupport,
-  hasAlignSupport: () => hasAlignSupport,
-  hasAlignWideSupport: () => hasAlignWideSupport,
-  hasBackgroundColorSupport: () => hasBackgroundColorSupport,
-  hasBorderSupport: () => hasBorderSupport,
-  hasColorSupport: () => hasColorSupport,
-  hasCustomClassNameSupport: () => hasCustomClassNameSupport,
-  hasFontFamilySupport: () => hasFontFamilySupport,
-  hasFontSizeSupport: () => hasFontSizeSupport,
-  hasGradientSupport: () => hasGradientSupport,
-  hasLayoutSupport: () => hasLayoutSupport,
-  hasLinkColorSupport: () => hasLinkColorSupport,
-  hasStyleSupport: () => hasStyleSupport,
-  hasTextAlignSupport: () => hasTextAlignSupport,
-  hasTextColorSupport: () => hasTextColorSupport
-});
-module.exports = __toCommonJS(supports_exports);
-var import_blocks = require("@wordpress/blocks");
-var import_element = require("@wordpress/element");
-var ALIGN_SUPPORT_KEY = "align";
-var ALIGN_WIDE_SUPPORT_KEY = "alignWide";
-var BORDER_SUPPORT_KEY = "__experimentalBorder";
-var COLOR_SUPPORT_KEY = "color";
-var CUSTOM_CLASS_NAME_SUPPORT_KEY = "customClassName";
-var FONT_FAMILY_SUPPORT_KEY = "typography.__experimentalFontFamily";
-var FONT_SIZE_SUPPORT_KEY = "typography.fontSize";
-var LINE_HEIGHT_SUPPORT_KEY = "typography.lineHeight";
-var FONT_STYLE_SUPPORT_KEY = "typography.__experimentalFontStyle";
-var FONT_WEIGHT_SUPPORT_KEY = "typography.__experimentalFontWeight";
-var TEXT_ALIGN_SUPPORT_KEY = "typography.textAlign";
-var TEXT_COLUMNS_SUPPORT_KEY = "typography.textColumns";
-var TEXT_DECORATION_SUPPORT_KEY = "typography.__experimentalTextDecoration";
-var WRITING_MODE_SUPPORT_KEY = "typography.__experimentalWritingMode";
-var TEXT_TRANSFORM_SUPPORT_KEY = "typography.__experimentalTextTransform";
-var LETTER_SPACING_SUPPORT_KEY = "typography.__experimentalLetterSpacing";
-var LAYOUT_SUPPORT_KEY = "layout";
-var TYPOGRAPHY_SUPPORT_KEYS = [
-  LINE_HEIGHT_SUPPORT_KEY,
-  FONT_SIZE_SUPPORT_KEY,
-  FONT_STYLE_SUPPORT_KEY,
-  FONT_WEIGHT_SUPPORT_KEY,
-  FONT_FAMILY_SUPPORT_KEY,
-  TEXT_ALIGN_SUPPORT_KEY,
-  TEXT_COLUMNS_SUPPORT_KEY,
-  TEXT_DECORATION_SUPPORT_KEY,
-  TEXT_TRANSFORM_SUPPORT_KEY,
-  WRITING_MODE_SUPPORT_KEY,
-  LETTER_SPACING_SUPPORT_KEY
-];
-var EFFECTS_SUPPORT_KEYS = ["shadow"];
-var SPACING_SUPPORT_KEY = "spacing";
-var styleSupportKeys = [
-  ...EFFECTS_SUPPORT_KEYS,
-  ...TYPOGRAPHY_SUPPORT_KEYS,
-  BORDER_SUPPORT_KEY,
-  COLOR_SUPPORT_KEY,
-  SPACING_SUPPORT_KEY
-];
-var hasAlignSupport = (nameOrType) => (0, import_blocks.hasBlockSupport)(nameOrType, ALIGN_SUPPORT_KEY);
-var getAlignSupport = (nameOrType) => (0, import_blocks.getBlockSupport)(nameOrType, ALIGN_SUPPORT_KEY);
-var hasAlignWideSupport = (nameOrType) => (0, import_blocks.hasBlockSupport)(nameOrType, ALIGN_WIDE_SUPPORT_KEY);
-var getAlignWideSupport = (nameOrType) => (0, import_blocks.getBlockSupport)(nameOrType, ALIGN_WIDE_SUPPORT_KEY);
-function hasBorderSupport(nameOrType, feature = "any") {
-  if (import_element.Platform.OS !== "web") {
-    return false;
-  }
-  const support = (0, import_blocks.getBlockSupport)(nameOrType, BORDER_SUPPORT_KEY);
-  if (support === true) {
-    return true;
-  }
-  if (feature === "any") {
-    return !!(support?.color || support?.radius || support?.width || support?.style);
-  }
-  return !!support?.[feature];
-}
-var getBorderSupport = (nameOrType, feature) => (0, import_blocks.getBlockSupport)(nameOrType, [BORDER_SUPPORT_KEY, feature]);
-var hasColorSupport = (nameOrType) => {
-  const colorSupport = (0, import_blocks.getBlockSupport)(nameOrType, COLOR_SUPPORT_KEY);
-  return colorSupport && (colorSupport.link === true || colorSupport.gradient === true || colorSupport.background !== false || colorSupport.text !== false);
-};
-var hasLinkColorSupport = (nameOrType) => {
-  if (import_element.Platform.OS !== "web") {
-    return false;
-  }
-  const colorSupport = (0, import_blocks.getBlockSupport)(nameOrType, COLOR_SUPPORT_KEY);
-  return colorSupport !== null && typeof colorSupport === "object" && !!colorSupport.link;
-};
-var hasGradientSupport = (nameOrType) => {
-  const colorSupport = (0, import_blocks.getBlockSupport)(nameOrType, COLOR_SUPPORT_KEY);
-  return colorSupport !== null && typeof colorSupport === "object" && !!colorSupport.gradients;
-};
-var hasBackgroundColorSupport = (nameOrType) => {
-  const colorSupport = (0, import_blocks.getBlockSupport)(nameOrType, COLOR_SUPPORT_KEY);
-  return colorSupport && colorSupport.background !== false;
-};
-var hasTextAlignSupport = (nameOrType) => (0, import_blocks.hasBlockSupport)(nameOrType, TEXT_ALIGN_SUPPORT_KEY);
-var getTextAlignSupport = (nameOrType) => (0, import_blocks.getBlockSupport)(nameOrType, TEXT_ALIGN_SUPPORT_KEY);
-var hasTextColorSupport = (nameOrType) => {
-  const colorSupport = (0, import_blocks.getBlockSupport)(nameOrType, COLOR_SUPPORT_KEY);
-  return colorSupport && colorSupport.text !== false;
-};
-var getColorSupport = (nameOrType, feature) => (0, import_blocks.getBlockSupport)(nameOrType, [COLOR_SUPPORT_KEY, feature]);
-var hasCustomClassNameSupport = (nameOrType) => (0, import_blocks.hasBlockSupport)(nameOrType, CUSTOM_CLASS_NAME_SUPPORT_KEY, true);
-var getCustomClassNameSupport = (nameOrType) => (0, import_blocks.getBlockSupport)(nameOrType, CUSTOM_CLASS_NAME_SUPPORT_KEY, true);
-var hasFontFamilySupport = (nameOrType) => (0, import_blocks.hasBlockSupport)(nameOrType, FONT_FAMILY_SUPPORT_KEY);
-var getFontFamilySupport = (nameOrType) => (0, import_blocks.getBlockSupport)(nameOrType, FONT_FAMILY_SUPPORT_KEY);
-var hasFontSizeSupport = (nameOrType) => (0, import_blocks.hasBlockSupport)(nameOrType, FONT_SIZE_SUPPORT_KEY);
-var getFontSizeSupport = (nameOrType) => (0, import_blocks.getBlockSupport)(nameOrType, FONT_SIZE_SUPPORT_KEY);
-var hasLayoutSupport = (nameOrType) => (0, import_blocks.hasBlockSupport)(nameOrType, LAYOUT_SUPPORT_KEY);
-var getLayoutSupport = (nameOrType) => (0, import_blocks.getBlockSupport)(nameOrType, LAYOUT_SUPPORT_KEY);
-var hasStyleSupport = (nameOrType) => styleSupportKeys.some((key) => (0, import_blocks.hasBlockSupport)(nameOrType, key));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getAlignSupport,
-  getAlignWideSupport,
-  getBorderSupport,
-  getColorSupport,
-  getCustomClassNameSupport,
-  getFontFamilySupport,
-  getFontSizeSupport,
-  getLayoutSupport,
-  getTextAlignSupport,
-  hasAlignSupport,
-  hasAlignWideSupport,
-  hasBackgroundColorSupport,
-  hasBorderSupport,
-  hasColorSupport,
-  hasCustomClassNameSupport,
-  hasFontFamilySupport,
-  hasFontSizeSupport,
-  hasGradientSupport,
-  hasLayoutSupport,
-  hasLinkColorSupport,
-  hasStyleSupport,
-  hasTextAlignSupport,
-  hasTextColorSupport
-});
-//# sourceMappingURL=supports.js.map