@wordpress/editor 14.37.0 → 14.37.1-next.79a2f3cdd.0

package/build/hooks/pattern-overrides.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/pattern-overrides.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { addFilter } from '@wordpress/hooks';\nimport { privateApis as patternsPrivateApis } from '@wordpress/patterns';\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport {\n\tstore as blockEditorStore,\n\tuseBlockEditingMode,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { getBlockBindingsSource } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../store';\nimport { unlock } from '../lock-unlock';\n\n/** @typedef {import('@wordpress/blocks').WPBlockSettings} WPBlockSettings */\n\nconst {\n\tPatternOverridesControls,\n\tResetOverridesControl,\n\tPATTERN_TYPES,\n\tPATTERN_SYNC_TYPES,\n} = unlock( patternsPrivateApis );\n\n/**\n * Override the default edit UI to include a new block inspector control for\n * assigning a partial syncing controls to supported blocks in the pattern editor.\n *\n * @param {Component} BlockEdit Original component.\n *\n * @return {Component} Wrapped component.\n */\nconst withPatternOverrideControls = createHigherOrderComponent(\n\t( BlockEdit ) => ( props ) => {\n\t\tconst isSupportedBlock = useSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst { __experimentalBlockBindingsSupportedAttributes } =\n\t\t\t\t\tselect( blockEditorStore ).getSettings();\n\t\t\t\treturn !! __experimentalBlockBindingsSupportedAttributes?.[\n\t\t\t\t\tprops.name\n\t\t\t\t];\n\t\t\t},\n\t\t\t[ props.name ]\n\t\t);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<BlockEdit key=\"edit\" { ...props } />\n\t\t\t\t{ props.isSelected && isSupportedBlock && (\n\t\t\t\t\t<ControlsWithStoreSubscription { ...props } />\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t},\n\t'withPatternOverrideControls'\n);\n\n// Split into a separate component to avoid a store subscription\n// on every block.\nfunction ControlsWithStoreSubscription( props ) {\n\tconst blockEditingMode = useBlockEditingMode();\n\tconst { hasPatternOverridesSource, isEditingSyncedPattern } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCurrentPostType, getEditedPostAttribute } =\n\t\t\t\tselect( editorStore );\n\n\t\t\treturn {\n\t\t\t\t// For editing link to the site editor if the theme and user permissions support it.\n\t\t\t\thasPatternOverridesSource: !! getBlockBindingsSource(\n\t\t\t\t\t'core/pattern-overrides'\n\t\t\t\t),\n\t\t\t\tisEditingSyncedPattern:\n\t\t\t\t\tgetCurrentPostType() === PATTERN_TYPES.user &&\n\t\t\t\t\tgetEditedPostAttribute( 'meta' )?.wp_pattern_sync_status !==\n\t\t\t\t\t\tPATTERN_SYNC_TYPES.unsynced &&\n\t\t\t\t\tgetEditedPostAttribute( 'wp_pattern_sync_status' ) !==\n\t\t\t\t\t\tPATTERN_SYNC_TYPES.unsynced,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst bindings = props.attributes.metadata?.bindings;\n\tconst hasPatternBindings =\n\t\t!! bindings &&\n\t\tObject.values( bindings ).some(\n\t\t\t( binding ) => binding.source === 'core/pattern-overrides'\n\t\t);\n\n\tconst shouldShowPatternOverridesControls =\n\t\tisEditingSyncedPattern && blockEditingMode === 'default';\n\tconst shouldShowResetOverridesControl =\n\t\t! isEditingSyncedPattern &&\n\t\t!! props.attributes.metadata?.name &&\n\t\tblockEditingMode !== 'disabled' &&\n\t\thasPatternBindings;\n\n\tif ( ! hasPatternOverridesSource ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ shouldShowPatternOverridesControls && (\n\t\t\t\t<PatternOverridesControls { ...props } />\n\t\t\t) }\n\t\t\t{ shouldShowResetOverridesControl && (\n\t\t\t\t<ResetOverridesControl { ...props } />\n\t\t\t) }\n\t\t</>\n\t);\n}\n\naddFilter(\n\t'editor.BlockEdit',\n\t'core/editor/with-pattern-override-controls',\n\twithPatternOverrideControls\n);\n"],
+  "mappings": ";;;AAGA,mBAA0B;AAC1B,sBAAmD;AACnD,qBAA2C;AAC3C,0BAGO;AACP,kBAA0B;AAC1B,oBAAuC;AAKvC,mBAAqC;AACrC,yBAAuB;AAiCpB;AA7BH,IAAM;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,QAAI,2BAAQ,gBAAAA,WAAoB;AAUhC,IAAM,kCAA8B;AAAA,EACnC,CAAE,cAAe,CAAE,UAAW;AAC7B,UAAM,uBAAmB;AAAA,MACxB,CAAE,WAAY;AACb,cAAM,EAAE,+CAA+C,IACtD,OAAQ,oBAAAC,KAAiB,EAAE,YAAY;AACxC,eAAO,CAAC,CAAE,iDACT,MAAM,IACP;AAAA,MACD;AAAA,MACA,CAAE,MAAM,IAAK;AAAA,IACd;AAEA,WACC,4EACC;AAAA,kDAAC,aAAuB,GAAG,SAAZ,MAAoB;AAAA,MACjC,MAAM,cAAc,oBACrB,4CAAC,iCAAgC,GAAG,OAAQ;AAAA,OAE9C;AAAA,EAEF;AAAA,EACA;AACD;AAIA,SAAS,8BAA+B,OAAQ;AAC/C,QAAM,uBAAmB,yCAAoB;AAC7C,QAAM,EAAE,2BAA2B,uBAAuB,QAAI;AAAA,IAC7D,CAAE,WAAY;AACb,YAAM,EAAE,oBAAoB,uBAAuB,IAClD,OAAQ,aAAAC,KAAY;AAErB,aAAO;AAAA;AAAA,QAEN,2BAA2B,CAAC,KAAE;AAAA,UAC7B;AAAA,QACD;AAAA,QACA,wBACC,mBAAmB,MAAM,cAAc,QACvC,uBAAwB,MAAO,GAAG,2BACjC,mBAAmB,YACpB,uBAAwB,wBAAyB,MAChD,mBAAmB;AAAA,MACtB;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AAEA,QAAM,WAAW,MAAM,WAAW,UAAU;AAC5C,QAAM,qBACL,CAAC,CAAE,YACH,OAAO,OAAQ,QAAS,EAAE;AAAA,IACzB,CAAE,YAAa,QAAQ,WAAW;AAAA,EACnC;AAED,QAAM,qCACL,0BAA0B,qBAAqB;AAChD,QAAM,kCACL,CAAE,0BACF,CAAC,CAAE,MAAM,WAAW,UAAU,QAC9B,qBAAqB,cACrB;AAED,MAAK,CAAE,2BAA4B;AAClC,WAAO;AAAA,EACR;AAEA,SACC,4EACG;AAAA,0CACD,4CAAC,4BAA2B,GAAG,OAAQ;AAAA,IAEtC,mCACD,4CAAC,yBAAwB,GAAG,OAAQ;AAAA,KAEtC;AAEF;AAAA,IAEA;AAAA,EACC;AAAA,EACA;AAAA,EACA;AACD;",
+  "names": ["patternsPrivateApis", "blockEditorStore", "editorStore"]
+}

package/build/hooks/push-changes-to-global-styles/index.cjs

@@ -0,0 +1,323 @@
+"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 __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
+));
+
+// packages/editor/src/hooks/push-changes-to-global-styles/index.js
+var import_hooks = require("@wordpress/hooks");
+var import_compose = require("@wordpress/compose");
+var import_block_editor = require("@wordpress/block-editor");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_blocks = require("@wordpress/blocks");
+var import_element = require("@wordpress/element");
+var import_data = require("@wordpress/data");
+var import_notices = require("@wordpress/notices");
+var import_core_data = require("@wordpress/core-data");
+var import_lock_unlock = require("../../lock-unlock.cjs");
+var import_set_nested_value = __toESM(require("../../utils/set-nested-value.cjs"));
+var import_hooks2 = require("../../components/global-styles/hooks.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var { cleanEmptyObject } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
+var STYLE_PROPERTY = {
+  ...import_blocks.__EXPERIMENTAL_STYLE_PROPERTY,
+  blockGap: { value: ["spacing", "blockGap"] }
+};
+var STYLE_PATH_TO_CSS_VAR_INFIX = {
+  "border.color": "color",
+  "color.background": "color",
+  "color.text": "color",
+  "elements.link.color.text": "color",
+  "elements.link.:hover.color.text": "color",
+  "elements.link.typography.fontFamily": "font-family",
+  "elements.link.typography.fontSize": "font-size",
+  "elements.button.color.text": "color",
+  "elements.button.color.background": "color",
+  "elements.button.typography.fontFamily": "font-family",
+  "elements.button.typography.fontSize": "font-size",
+  "elements.caption.color.text": "color",
+  "elements.heading.color": "color",
+  "elements.heading.color.background": "color",
+  "elements.heading.typography.fontFamily": "font-family",
+  "elements.heading.gradient": "gradient",
+  "elements.heading.color.gradient": "gradient",
+  "elements.h1.color": "color",
+  "elements.h1.color.background": "color",
+  "elements.h1.typography.fontFamily": "font-family",
+  "elements.h1.color.gradient": "gradient",
+  "elements.h2.color": "color",
+  "elements.h2.color.background": "color",
+  "elements.h2.typography.fontFamily": "font-family",
+  "elements.h2.color.gradient": "gradient",
+  "elements.h3.color": "color",
+  "elements.h3.color.background": "color",
+  "elements.h3.typography.fontFamily": "font-family",
+  "elements.h3.color.gradient": "gradient",
+  "elements.h4.color": "color",
+  "elements.h4.color.background": "color",
+  "elements.h4.typography.fontFamily": "font-family",
+  "elements.h4.color.gradient": "gradient",
+  "elements.h5.color": "color",
+  "elements.h5.color.background": "color",
+  "elements.h5.typography.fontFamily": "font-family",
+  "elements.h5.color.gradient": "gradient",
+  "elements.h6.color": "color",
+  "elements.h6.color.background": "color",
+  "elements.h6.typography.fontFamily": "font-family",
+  "elements.h6.color.gradient": "gradient",
+  "color.gradient": "gradient",
+  blockGap: "spacing",
+  "typography.fontSize": "font-size",
+  "typography.fontFamily": "font-family"
+};
+var STYLE_PATH_TO_PRESET_BLOCK_ATTRIBUTE = {
+  "border.color": "borderColor",
+  "color.background": "backgroundColor",
+  "color.text": "textColor",
+  "color.gradient": "gradient",
+  "typography.fontSize": "fontSize",
+  "typography.fontFamily": "fontFamily"
+};
+var SUPPORTED_STYLES = ["border", "color", "spacing", "typography"];
+var getValueFromObjectPath = (object, path) => {
+  let value = object;
+  path.forEach((fieldName) => {
+    value = value?.[fieldName];
+  });
+  return value;
+};
+var flatBorderProperties = ["borderColor", "borderWidth", "borderStyle"];
+var sides = ["top", "right", "bottom", "left"];
+function getBorderStyleChanges(border, presetColor, userStyle) {
+  if (!border && !presetColor) {
+    return [];
+  }
+  const changes = [
+    ...getFallbackBorderStyleChange("top", border, userStyle),
+    ...getFallbackBorderStyleChange("right", border, userStyle),
+    ...getFallbackBorderStyleChange("bottom", border, userStyle),
+    ...getFallbackBorderStyleChange("left", border, userStyle)
+  ];
+  const { color: customColor, style, width } = border || {};
+  const hasColorOrWidth = presetColor || customColor || width;
+  if (hasColorOrWidth && !style) {
+    sides.forEach((side) => {
+      if (!userStyle?.[side]?.style) {
+        changes.push({
+          path: ["border", side, "style"],
+          value: "solid"
+        });
+      }
+    });
+  }
+  return changes;
+}
+function getFallbackBorderStyleChange(side, border, globalBorderStyle) {
+  if (!border?.[side] || globalBorderStyle?.[side]?.style) {
+    return [];
+  }
+  const { color, style, width } = border[side];
+  const hasColorOrWidth = color || width;
+  if (!hasColorOrWidth || style) {
+    return [];
+  }
+  return [{ path: ["border", side, "style"], value: "solid" }];
+}
+function useChangesToPush(name, attributes, userConfig) {
+  const supports = (0, import_data.useSelect)(
+    (select) => {
+      return (0, import_lock_unlock.unlock)(select(import_blocks.store)).getSupportedStyles(name);
+    },
+    [name]
+  );
+  const blockUserConfig = userConfig?.styles?.blocks?.[name];
+  return (0, import_element.useMemo)(() => {
+    const changes = supports.flatMap((key) => {
+      if (!STYLE_PROPERTY[key]) {
+        return [];
+      }
+      const { value: path } = STYLE_PROPERTY[key];
+      const presetAttributeKey = path.join(".");
+      const presetAttributeValue = attributes[STYLE_PATH_TO_PRESET_BLOCK_ATTRIBUTE[presetAttributeKey]];
+      const value = presetAttributeValue ? `var:preset|${STYLE_PATH_TO_CSS_VAR_INFIX[presetAttributeKey]}|${presetAttributeValue}` : getValueFromObjectPath(attributes.style, path);
+      if (key === "linkColor") {
+        const linkChanges = value ? [{ path, value }] : [];
+        const hoverPath = [
+          "elements",
+          "link",
+          ":hover",
+          "color",
+          "text"
+        ];
+        const hoverValue = getValueFromObjectPath(
+          attributes.style,
+          hoverPath
+        );
+        if (hoverValue) {
+          linkChanges.push({ path: hoverPath, value: hoverValue });
+        }
+        return linkChanges;
+      }
+      if (flatBorderProperties.includes(key) && value) {
+        const borderChanges = [{ path, value }];
+        sides.forEach((side) => {
+          const currentPath = [...path];
+          currentPath.splice(-1, 0, side);
+          borderChanges.push({ path: currentPath, value });
+        });
+        return borderChanges;
+      }
+      return value ? [{ path, value }] : [];
+    });
+    getBorderStyleChanges(
+      attributes.style?.border,
+      attributes.borderColor,
+      blockUserConfig?.border
+    ).forEach((change) => changes.push(change));
+    return changes;
+  }, [supports, attributes, blockUserConfig]);
+}
+function PushChangesToGlobalStylesControl({
+  name,
+  attributes,
+  setAttributes
+}) {
+  const { user: userConfig, setUser: setUserConfig } = (0, import_hooks2.useGlobalStyles)();
+  const changes = useChangesToPush(name, attributes, userConfig);
+  const { __unstableMarkNextChangeAsNotPersistent } = (0, import_data.useDispatch)(import_block_editor.store);
+  const { createSuccessNotice } = (0, import_data.useDispatch)(import_notices.store);
+  const pushChanges = (0, import_element.useCallback)(() => {
+    if (changes.length === 0) {
+      return;
+    }
+    if (changes.length > 0) {
+      const { style: blockStyles } = attributes;
+      const newBlockStyles = structuredClone(blockStyles);
+      const newUserConfig = structuredClone(userConfig);
+      for (const { path, value } of changes) {
+        (0, import_set_nested_value.default)(newBlockStyles, path, void 0);
+        (0, import_set_nested_value.default)(
+          newUserConfig,
+          ["styles", "blocks", name, ...path],
+          value
+        );
+      }
+      const newBlockAttributes = {
+        borderColor: void 0,
+        backgroundColor: void 0,
+        textColor: void 0,
+        gradient: void 0,
+        fontSize: void 0,
+        fontFamily: void 0,
+        style: cleanEmptyObject(newBlockStyles)
+      };
+      __unstableMarkNextChangeAsNotPersistent();
+      setAttributes(newBlockAttributes);
+      setUserConfig(newUserConfig, { undoIgnore: true });
+      createSuccessNotice(
+        (0, import_i18n.sprintf)(
+          // translators: %s: Title of the block e.g. 'Heading'.
+          (0, import_i18n.__)("%s styles applied."),
+          (0, import_blocks.getBlockType)(name).title
+        ),
+        {
+          type: "snackbar",
+          actions: [
+            {
+              label: (0, import_i18n.__)("Undo"),
+              onClick() {
+                __unstableMarkNextChangeAsNotPersistent();
+                setAttributes(attributes);
+                setUserConfig(userConfig, {
+                  undoIgnore: true
+                });
+              }
+            }
+          ]
+        }
+      );
+    }
+  }, [
+    __unstableMarkNextChangeAsNotPersistent,
+    attributes,
+    changes,
+    createSuccessNotice,
+    name,
+    setAttributes,
+    setUserConfig,
+    userConfig
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_components.BaseControl,
+    {
+      className: "editor-push-changes-to-global-styles-control",
+      help: (0, import_i18n.sprintf)(
+        // translators: %s: Title of the block e.g. 'Heading'.
+        (0, import_i18n.__)(
+          "Apply this block\u2019s typography, spacing, dimensions, and color styles to all %s blocks."
+        ),
+        (0, import_blocks.getBlockType)(name).title
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.BaseControl.VisualLabel, { children: (0, import_i18n.__)("Styles") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.Button,
+          {
+            __next40pxDefaultSize: true,
+            variant: "secondary",
+            accessibleWhenDisabled: true,
+            disabled: changes.length === 0,
+            onClick: pushChanges,
+            children: (0, import_i18n.__)("Apply globally")
+          }
+        )
+      ]
+    }
+  );
+}
+function PushChangesToGlobalStyles(props) {
+  const blockEditingMode = (0, import_block_editor.useBlockEditingMode)();
+  const isBlockBasedTheme = (0, import_data.useSelect)(
+    (select) => select(import_core_data.store).getCurrentTheme()?.is_block_theme,
+    []
+  );
+  const supportsStyles = SUPPORTED_STYLES.some(
+    (feature) => (0, import_blocks.hasBlockSupport)(props.name, feature)
+  );
+  const isDisplayed = blockEditingMode === "default" && supportsStyles && isBlockBasedTheme;
+  if (!isDisplayed) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.InspectorAdvancedControls, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PushChangesToGlobalStylesControl, { ...props }) });
+}
+var withPushChangesToGlobalStyles = (0, import_compose.createHigherOrderComponent)(
+  (BlockEdit) => (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BlockEdit, { ...props }, "edit"),
+    props.isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PushChangesToGlobalStyles, { ...props })
+  ] })
+);
+(0, import_hooks.addFilter)(
+  "editor.BlockEdit",
+  "core/editor/push-changes-to-global-styles",
+  withPushChangesToGlobalStyles
+);
+//# sourceMappingURL=index.cjs.map

package/build/hooks/push-changes-to-global-styles/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/push-changes-to-global-styles/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { addFilter } from '@wordpress/hooks';\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport {\n\tInspectorAdvancedControls,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n\tuseBlockEditingMode,\n} from '@wordpress/block-editor';\nimport { BaseControl, Button } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__EXPERIMENTAL_STYLE_PROPERTY,\n\tgetBlockType,\n\thasBlockSupport,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useMemo, useCallback } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport setNestedValue from '../../utils/set-nested-value';\nimport { useGlobalStyles } from '../../components/global-styles/hooks';\n\nconst { cleanEmptyObject } = unlock( blockEditorPrivateApis );\n\n// Block Gap is a special case and isn't defined within the blocks\n// style properties config. We'll add it here to allow it to be pushed\n// to global styles as well.\nconst STYLE_PROPERTY = {\n\t...__EXPERIMENTAL_STYLE_PROPERTY,\n\tblockGap: { value: [ 'spacing', 'blockGap' ] },\n};\n\n// TODO: Temporary duplication of constant in @wordpress/block-editor. Can be\n// removed by moving PushChangesToGlobalStylesControl to\n// @wordpress/block-editor.\nconst STYLE_PATH_TO_CSS_VAR_INFIX = {\n\t'border.color': 'color',\n\t'color.background': 'color',\n\t'color.text': 'color',\n\t'elements.link.color.text': 'color',\n\t'elements.link.:hover.color.text': 'color',\n\t'elements.link.typography.fontFamily': 'font-family',\n\t'elements.link.typography.fontSize': 'font-size',\n\t'elements.button.color.text': 'color',\n\t'elements.button.color.background': 'color',\n\t'elements.button.typography.fontFamily': 'font-family',\n\t'elements.button.typography.fontSize': 'font-size',\n\t'elements.caption.color.text': 'color',\n\t'elements.heading.color': 'color',\n\t'elements.heading.color.background': 'color',\n\t'elements.heading.typography.fontFamily': 'font-family',\n\t'elements.heading.gradient': 'gradient',\n\t'elements.heading.color.gradient': 'gradient',\n\t'elements.h1.color': 'color',\n\t'elements.h1.color.background': 'color',\n\t'elements.h1.typography.fontFamily': 'font-family',\n\t'elements.h1.color.gradient': 'gradient',\n\t'elements.h2.color': 'color',\n\t'elements.h2.color.background': 'color',\n\t'elements.h2.typography.fontFamily': 'font-family',\n\t'elements.h2.color.gradient': 'gradient',\n\t'elements.h3.color': 'color',\n\t'elements.h3.color.background': 'color',\n\t'elements.h3.typography.fontFamily': 'font-family',\n\t'elements.h3.color.gradient': 'gradient',\n\t'elements.h4.color': 'color',\n\t'elements.h4.color.background': 'color',\n\t'elements.h4.typography.fontFamily': 'font-family',\n\t'elements.h4.color.gradient': 'gradient',\n\t'elements.h5.color': 'color',\n\t'elements.h5.color.background': 'color',\n\t'elements.h5.typography.fontFamily': 'font-family',\n\t'elements.h5.color.gradient': 'gradient',\n\t'elements.h6.color': 'color',\n\t'elements.h6.color.background': 'color',\n\t'elements.h6.typography.fontFamily': 'font-family',\n\t'elements.h6.color.gradient': 'gradient',\n\t'color.gradient': 'gradient',\n\tblockGap: 'spacing',\n\t'typography.fontSize': 'font-size',\n\t'typography.fontFamily': 'font-family',\n};\n\n// TODO: Temporary duplication of constant in @wordpress/block-editor. Can be\n// removed by moving PushChangesToGlobalStylesControl to\n// @wordpress/block-editor.\nconst STYLE_PATH_TO_PRESET_BLOCK_ATTRIBUTE = {\n\t'border.color': 'borderColor',\n\t'color.background': 'backgroundColor',\n\t'color.text': 'textColor',\n\t'color.gradient': 'gradient',\n\t'typography.fontSize': 'fontSize',\n\t'typography.fontFamily': 'fontFamily',\n};\n\nconst SUPPORTED_STYLES = [ 'border', 'color', 'spacing', 'typography' ];\n\nconst getValueFromObjectPath = ( object, path ) => {\n\tlet value = object;\n\tpath.forEach( ( fieldName ) => {\n\t\tvalue = value?.[ fieldName ];\n\t} );\n\treturn value;\n};\n\nconst flatBorderProperties = [ 'borderColor', 'borderWidth', 'borderStyle' ];\nconst sides = [ 'top', 'right', 'bottom', 'left' ];\n\nfunction getBorderStyleChanges( border, presetColor, userStyle ) {\n\tif ( ! border && ! presetColor ) {\n\t\treturn [];\n\t}\n\n\tconst changes = [\n\t\t...getFallbackBorderStyleChange( 'top', border, userStyle ),\n\t\t...getFallbackBorderStyleChange( 'right', border, userStyle ),\n\t\t...getFallbackBorderStyleChange( 'bottom', border, userStyle ),\n\t\t...getFallbackBorderStyleChange( 'left', border, userStyle ),\n\t];\n\n\t// Handle a flat border i.e. all sides the same, CSS shorthand.\n\tconst { color: customColor, style, width } = border || {};\n\tconst hasColorOrWidth = presetColor || customColor || width;\n\n\tif ( hasColorOrWidth && ! style ) {\n\t\t// Global Styles need individual side configurations to overcome\n\t\t// theme.json configurations which are per side as well.\n\t\tsides.forEach( ( side ) => {\n\t\t\t// Only add fallback border-style if global styles don't already\n\t\t\t// have something set.\n\t\t\tif ( ! userStyle?.[ side ]?.style ) {\n\t\t\t\tchanges.push( {\n\t\t\t\t\tpath: [ 'border', side, 'style' ],\n\t\t\t\t\tvalue: 'solid',\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\t}\n\n\treturn changes;\n}\n\nfunction getFallbackBorderStyleChange( side, border, globalBorderStyle ) {\n\tif ( ! border?.[ side ] || globalBorderStyle?.[ side ]?.style ) {\n\t\treturn [];\n\t}\n\n\tconst { color, style, width } = border[ side ];\n\tconst hasColorOrWidth = color || width;\n\n\tif ( ! hasColorOrWidth || style ) {\n\t\treturn [];\n\t}\n\n\treturn [ { path: [ 'border', side, 'style' ], value: 'solid' } ];\n}\n\nfunction useChangesToPush( name, attributes, userConfig ) {\n\tconst supports = useSelect(\n\t\t( select ) => {\n\t\t\treturn unlock( select( blocksStore ) ).getSupportedStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\tconst blockUserConfig = userConfig?.styles?.blocks?.[ name ];\n\n\treturn useMemo( () => {\n\t\tconst changes = supports.flatMap( ( key ) => {\n\t\t\tif ( ! STYLE_PROPERTY[ key ] ) {\n\t\t\t\treturn [];\n\t\t\t}\n\t\t\tconst { value: path } = STYLE_PROPERTY[ key ];\n\t\t\tconst presetAttributeKey = path.join( '.' );\n\t\t\tconst presetAttributeValue =\n\t\t\t\tattributes[\n\t\t\t\t\tSTYLE_PATH_TO_PRESET_BLOCK_ATTRIBUTE[ presetAttributeKey ]\n\t\t\t\t];\n\t\t\tconst value = presetAttributeValue\n\t\t\t\t? `var:preset|${ STYLE_PATH_TO_CSS_VAR_INFIX[ presetAttributeKey ] }|${ presetAttributeValue }`\n\t\t\t\t: getValueFromObjectPath( attributes.style, path );\n\n\t\t\t// Links only have a single support entry but have two element\n\t\t\t// style properties, color and hover color. The following check\n\t\t\t// will add the hover color to the changes if required.\n\t\t\tif ( key === 'linkColor' ) {\n\t\t\t\tconst linkChanges = value ? [ { path, value } ] : [];\n\t\t\t\tconst hoverPath = [\n\t\t\t\t\t'elements',\n\t\t\t\t\t'link',\n\t\t\t\t\t':hover',\n\t\t\t\t\t'color',\n\t\t\t\t\t'text',\n\t\t\t\t];\n\t\t\t\tconst hoverValue = getValueFromObjectPath(\n\t\t\t\t\tattributes.style,\n\t\t\t\t\thoverPath\n\t\t\t\t);\n\n\t\t\t\tif ( hoverValue ) {\n\t\t\t\t\tlinkChanges.push( { path: hoverPath, value: hoverValue } );\n\t\t\t\t}\n\n\t\t\t\treturn linkChanges;\n\t\t\t}\n\n\t\t\t// The shorthand border styles can't be mapped directly as global\n\t\t\t// styles requires longhand config.\n\t\t\tif ( flatBorderProperties.includes( key ) && value ) {\n\t\t\t\t// The shorthand config path is included to clear the block attribute.\n\t\t\t\tconst borderChanges = [ { path, value } ];\n\t\t\t\tsides.forEach( ( side ) => {\n\t\t\t\t\tconst currentPath = [ ...path ];\n\t\t\t\t\tcurrentPath.splice( -1, 0, side );\n\t\t\t\t\tborderChanges.push( { path: currentPath, value } );\n\t\t\t\t} );\n\t\t\t\treturn borderChanges;\n\t\t\t}\n\n\t\t\treturn value ? [ { path, value } ] : [];\n\t\t} );\n\n\t\t// To ensure display of a visible border, global styles require a\n\t\t// default border style if a border color or width is present.\n\t\tgetBorderStyleChanges(\n\t\t\tattributes.style?.border,\n\t\t\tattributes.borderColor,\n\t\t\tblockUserConfig?.border\n\t\t).forEach( ( change ) => changes.push( change ) );\n\n\t\treturn changes;\n\t}, [ supports, attributes, blockUserConfig ] );\n}\n\nfunction PushChangesToGlobalStylesControl( {\n\tname,\n\tattributes,\n\tsetAttributes,\n} ) {\n\tconst { user: userConfig, setUser: setUserConfig } = useGlobalStyles();\n\n\tconst changes = useChangesToPush( name, attributes, userConfig );\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\n\tconst pushChanges = useCallback( () => {\n\t\tif ( changes.length === 0 ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( changes.length > 0 ) {\n\t\t\tconst { style: blockStyles } = attributes;\n\n\t\t\tconst newBlockStyles = structuredClone( blockStyles );\n\t\t\tconst newUserConfig = structuredClone( userConfig );\n\n\t\t\tfor ( const { path, value } of changes ) {\n\t\t\t\tsetNestedValue( newBlockStyles, path, undefined );\n\t\t\t\tsetNestedValue(\n\t\t\t\t\tnewUserConfig,\n\t\t\t\t\t[ 'styles', 'blocks', name, ...path ],\n\t\t\t\t\tvalue\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tconst newBlockAttributes = {\n\t\t\t\tborderColor: undefined,\n\t\t\t\tbackgroundColor: undefined,\n\t\t\t\ttextColor: undefined,\n\t\t\t\tgradient: undefined,\n\t\t\t\tfontSize: undefined,\n\t\t\t\tfontFamily: undefined,\n\t\t\t\tstyle: cleanEmptyObject( newBlockStyles ),\n\t\t\t};\n\n\t\t\t// @wordpress/core-data doesn't support editing multiple entity types in\n\t\t\t// a single undo level. So for now, we disable @wordpress/core-data undo\n\t\t\t// tracking and implement our own Undo button in the snackbar\n\t\t\t// notification.\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetAttributes( newBlockAttributes );\n\t\t\tsetUserConfig( newUserConfig, { undoIgnore: true } );\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: Title of the block e.g. 'Heading'.\n\t\t\t\t\t__( '%s styles applied.' ),\n\t\t\t\t\tgetBlockType( name ).title\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tactions: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Undo' ),\n\t\t\t\t\t\t\tonClick() {\n\t\t\t\t\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\t\t\t\t\tsetAttributes( attributes );\n\t\t\t\t\t\t\t\tsetUserConfig( userConfig, {\n\t\t\t\t\t\t\t\t\tundoIgnore: true,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t}, [\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\tattributes,\n\t\tchanges,\n\t\tcreateSuccessNotice,\n\t\tname,\n\t\tsetAttributes,\n\t\tsetUserConfig,\n\t\tuserConfig,\n\t] );\n\n\treturn (\n\t\t<BaseControl\n\t\t\tclassName=\"editor-push-changes-to-global-styles-control\"\n\t\t\thelp={ sprintf(\n\t\t\t\t// translators: %s: Title of the block e.g. 'Heading'.\n\t\t\t\t__(\n\t\t\t\t\t'Apply this block\u2019s typography, spacing, dimensions, and color styles to all %s blocks.'\n\t\t\t\t),\n\t\t\t\tgetBlockType( name ).title\n\t\t\t) }\n\t\t>\n\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t{ __( 'Styles' ) }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<Button\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\taccessibleWhenDisabled\n\t\t\t\tdisabled={ changes.length === 0 }\n\t\t\t\tonClick={ pushChanges }\n\t\t\t>\n\t\t\t\t{ __( 'Apply globally' ) }\n\t\t\t</Button>\n\t\t</BaseControl>\n\t);\n}\n\nfunction PushChangesToGlobalStyles( props ) {\n\tconst blockEditingMode = useBlockEditingMode();\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\tconst supportsStyles = SUPPORTED_STYLES.some( ( feature ) =>\n\t\thasBlockSupport( props.name, feature )\n\t);\n\tconst isDisplayed =\n\t\tblockEditingMode === 'default' && supportsStyles && isBlockBasedTheme;\n\n\tif ( ! isDisplayed ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<InspectorAdvancedControls>\n\t\t\t<PushChangesToGlobalStylesControl { ...props } />\n\t\t</InspectorAdvancedControls>\n\t);\n}\n\nconst withPushChangesToGlobalStyles = createHigherOrderComponent(\n\t( BlockEdit ) => ( props ) => (\n\t\t<>\n\t\t\t<BlockEdit key=\"edit\" { ...props } />\n\t\t\t{ props.isSelected && <PushChangesToGlobalStyles { ...props } /> }\n\t\t</>\n\t)\n);\n\naddFilter(\n\t'editor.BlockEdit',\n\t'core/editor/push-changes-to-global-styles',\n\twithPushChangesToGlobalStyles\n);\n"],
+  "mappings": "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",
+  "names": ["import_hooks", "blockEditorPrivateApis", "blocksStore", "blockEditorStore", "noticesStore", "setNestedValue", "coreStore"]
+}

package/build/hooks/template-part-navigation-edit-button.cjs

@@ -0,0 +1,90 @@
+"use strict";
+
+// packages/editor/src/hooks/template-part-navigation-edit-button.js
+var import_hooks = require("@wordpress/hooks");
+var import_compose = require("@wordpress/compose");
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_block_editor = require("@wordpress/block-editor");
+var import_components = require("@wordpress/components");
+var import_data = require("@wordpress/data");
+var import_interface = require("@wordpress/interface");
+var import_jsx_runtime = require("react/jsx-runtime");
+var NAVIGATION_BLOCK_NAME = "core/navigation";
+var TEMPLATE_PART_BLOCK_NAME = "core/template-part";
+var BLOCK_INSPECTOR_AREA = "edit-post/block";
+function TemplatePartNavigationEditButton({ clientId }) {
+  const { selectBlock, flashBlock } = (0, import_data.useDispatch)(import_block_editor.store);
+  const { enableComplementaryArea } = (0, import_data.useDispatch)(import_interface.store);
+  const {
+    hasNavigationBlocks,
+    firstNavigationBlockId,
+    isNavigationEditable
+  } = (0, import_data.useSelect)(
+    (select) => {
+      const {
+        getClientIdsOfDescendants,
+        getBlockName,
+        getBlockEditingMode
+      } = select(import_block_editor.store);
+      const descendants = getClientIdsOfDescendants(clientId);
+      const navigationBlocksInTemplatePart = descendants.filter(
+        (blockId) => getBlockName(blockId) === NAVIGATION_BLOCK_NAME
+      );
+      const _hasNavigationBlocks = navigationBlocksInTemplatePart.length > 0;
+      const _firstNavigationBlockId = _hasNavigationBlocks ? navigationBlocksInTemplatePart[0] : null;
+      return {
+        hasNavigationBlocks: _hasNavigationBlocks,
+        firstNavigationBlockId: _firstNavigationBlockId,
+        // We can't use the useBlockEditingMode hook here because the current
+        // context is the template part, not the navigation block.
+        isNavigationEditable: getBlockEditingMode(_firstNavigationBlockId) !== "disabled"
+      };
+    },
+    [clientId]
+  );
+  const onEditNavigation = (0, import_element.useCallback)(() => {
+    if (firstNavigationBlockId) {
+      selectBlock(firstNavigationBlockId);
+      flashBlock(firstNavigationBlockId, 500);
+      enableComplementaryArea("core", BLOCK_INSPECTOR_AREA);
+    }
+  }, [
+    firstNavigationBlockId,
+    selectBlock,
+    flashBlock,
+    enableComplementaryArea
+  ]);
+  if (!hasNavigationBlocks || !isNavigationEditable) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.__unstableBlockToolbarLastItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.ToolbarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.ToolbarButton,
+    {
+      label: (0, import_i18n.__)("Edit navigation"),
+      onClick: onEditNavigation,
+      children: (0, import_i18n.__)("Edit navigation")
+    }
+  ) }) });
+}
+var withTemplatePartNavigationEditButton = (0, import_compose.createHigherOrderComponent)(
+  (BlockEdit) => (props) => {
+    const isTemplatePart = props.name === TEMPLATE_PART_BLOCK_NAME;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BlockEdit, { ...props }, "edit"),
+      props.isSelected && isTemplatePart && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        TemplatePartNavigationEditButton,
+        {
+          clientId: props.clientId
+        }
+      )
+    ] });
+  },
+  "withTemplatePartNavigationEditButton"
+);
+(0, import_hooks.addFilter)(
+  "editor.BlockEdit",
+  "core/editor/with-template-part-navigation-edit-button",
+  withTemplatePartNavigationEditButton
+);
+//# sourceMappingURL=template-part-navigation-edit-button.cjs.map

package/build/hooks/use-global-styles-output.cjs

@@ -0,0 +1,76 @@
+"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/editor/src/hooks/use-global-styles-output.js
+var use_global_styles_output_exports = {};
+__export(use_global_styles_output_exports, {
+  useGlobalStylesOutput: () => useGlobalStylesOutput,
+  useGlobalStylesOutputWithConfig: () => useGlobalStylesOutputWithConfig
+});
+module.exports = __toCommonJS(use_global_styles_output_exports);
+var import_blocks = require("@wordpress/blocks");
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_global_styles_engine = require("@wordpress/global-styles-engine");
+var import_store = require("../store/index.cjs");
+var import_global_styles = require("../components/global-styles/index.cjs");
+function useGlobalStylesOutputWithConfig(mergedConfig = {}, disableRootPadding = false) {
+  const blockGap = (0, import_global_styles.useSetting)("spacing.blockGap");
+  const hasBlockGapSupport = blockGap !== null;
+  const hasFallbackGapSupport = !hasBlockGapSupport;
+  const { disableLayoutStyles, getBlockStyles } = (0, import_data.useSelect)((select) => {
+    const { getEditorSettings } = select(import_store.store);
+    const { getBlockStyles: getBlockStylesSelector } = select(import_blocks.store);
+    const settings = getEditorSettings();
+    return {
+      disableLayoutStyles: !!settings?.disableLayoutStyles,
+      getBlockStyles: getBlockStylesSelector
+    };
+  }, []);
+  return (0, import_element.useMemo)(() => {
+    if (!mergedConfig?.styles || !mergedConfig?.settings) {
+      return [[], {}];
+    }
+    const blockTypes = (0, import_blocks.getBlockTypes)();
+    return (0, import_global_styles_engine.generateGlobalStyles)(mergedConfig, blockTypes, {
+      hasBlockGapSupport,
+      hasFallbackGapSupport,
+      disableLayoutStyles,
+      disableRootPadding,
+      getBlockStyles
+    });
+  }, [
+    hasBlockGapSupport,
+    hasFallbackGapSupport,
+    mergedConfig,
+    disableLayoutStyles,
+    disableRootPadding,
+    getBlockStyles
+  ]);
+}
+function useGlobalStylesOutput(disableRootPadding = false) {
+  const { merged: mergedConfig } = (0, import_global_styles.useGlobalStyles)();
+  return useGlobalStylesOutputWithConfig(mergedConfig, disableRootPadding);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useGlobalStylesOutput,
+  useGlobalStylesOutputWithConfig
+});
+//# sourceMappingURL=use-global-styles-output.cjs.map

package/build/index.cjs

@@ -0,0 +1,46 @@
+"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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/index.js
+var index_exports = {};
+__export(index_exports, {
+  store: () => import_store.store,
+  storeConfig: () => import_store.storeConfig,
+  transformStyles: () => import_block_editor.transformStyles
+});
+module.exports = __toCommonJS(index_exports);
+var import_hooks = require("./hooks/index.cjs");
+var import_store = require("./store/index.cjs");
+__reExport(index_exports, require("./components/index.cjs"), module.exports);
+__reExport(index_exports, require("./utils/index.cjs"), module.exports);
+__reExport(index_exports, require("./private-apis.cjs"), module.exports);
+__reExport(index_exports, require("./dataviews/api.cjs"), module.exports);
+var import_block_editor = require("@wordpress/block-editor");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  store,
+  storeConfig,
+  transformStyles,
+  ...require("./components/index.cjs"),
+  ...require("./utils/index.cjs"),
+  ...require("./private-apis.cjs"),
+  ...require("./dataviews/api.cjs")
+});
+//# sourceMappingURL=index.cjs.map

package/build/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.js"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport './hooks';\n\nexport { storeConfig, store } from './store';\nexport * from './components';\nexport * from './utils';\nexport * from './private-apis';\nexport * from './dataviews/api';\n\n/*\n * Backward compatibility\n */\nexport { transformStyles } from '@wordpress/block-editor';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAO;AAEP,mBAAmC;AACnC,0BAAc,mCANd;AAOA,0BAAc,8BAPd;AAQA,0BAAc,+BARd;AASA,0BAAc,gCATd;AAcA,0BAAgC;",
+  "names": []
+}

package/build/lock-unlock.cjs

@@ -0,0 +1,37 @@
+"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/editor/src/lock-unlock.js
+var lock_unlock_exports = {};
+__export(lock_unlock_exports, {
+  lock: () => lock,
+  unlock: () => unlock
+});
+module.exports = __toCommonJS(lock_unlock_exports);
+var import_private_apis = require("@wordpress/private-apis");
+var { lock, unlock } = (0, import_private_apis.__dangerousOptInToUnstableAPIsOnlyForCoreModules)(
+  "I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.",
+  "@wordpress/editor"
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  lock,
+  unlock
+});
+//# sourceMappingURL=lock-unlock.cjs.map