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

package/build/components/block-switcher/preview-block-popover.cjs

@@ -0,0 +1,60 @@
+"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/components/block-switcher/preview-block-popover.js
+var preview_block_popover_exports = {};
+__export(preview_block_popover_exports, {
+  default: () => PreviewBlockPopover
+});
+module.exports = __toCommonJS(preview_block_popover_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_compose = require("@wordpress/compose");
+var import_block_preview = __toESM(require("../block-preview/index.cjs"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+function PreviewBlockPopover({ blocks }) {
+  const isMobile = (0, import_compose.useViewportMatch)("medium", "<");
+  if (isMobile) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block-editor-block-switcher__popover-preview-container", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Popover,
+    {
+      className: "block-editor-block-switcher__popover-preview",
+      placement: "right-start",
+      focusOnMount: false,
+      offset: 16,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "block-editor-block-switcher__preview", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block-editor-block-switcher__preview-title", children: (0, import_i18n.__)("Preview") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_preview.default, { viewportWidth: 601, blocks })
+      ] })
+    }
+  ) });
+}
+//# sourceMappingURL=preview-block-popover.cjs.map

package/build/components/block-switcher/use-transformed-patterns.cjs

@@ -0,0 +1,92 @@
+"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/components/block-switcher/use-transformed-patterns.js
+var use_transformed_patterns_exports = {};
+__export(use_transformed_patterns_exports, {
+  default: () => use_transformed_patterns_default,
+  getPatternTransformedBlocks: () => getPatternTransformedBlocks,
+  transformMatchingBlock: () => transformMatchingBlock
+});
+module.exports = __toCommonJS(use_transformed_patterns_exports);
+var import_element = require("@wordpress/element");
+var import_blocks = require("@wordpress/blocks");
+var import_utils = require("./utils.cjs");
+var transformMatchingBlock = (match, selectedBlock) => {
+  const retainedBlockAttributes = (0, import_utils.getRetainedBlockAttributes)(
+    selectedBlock.name,
+    selectedBlock.attributes
+  );
+  match.attributes = {
+    ...match.attributes,
+    ...retainedBlockAttributes
+  };
+};
+var getPatternTransformedBlocks = (selectedBlocks, patternBlocks) => {
+  const _patternBlocks = patternBlocks.map(
+    (block) => (0, import_blocks.cloneBlock)(block)
+  );
+  const consumedBlocks = /* @__PURE__ */ new Set();
+  for (const selectedBlock of selectedBlocks) {
+    let isMatch = false;
+    for (const patternBlock of _patternBlocks) {
+      const match = (0, import_utils.getMatchingBlockByName)(
+        patternBlock,
+        selectedBlock.name,
+        consumedBlocks
+      );
+      if (!match) {
+        continue;
+      }
+      isMatch = true;
+      consumedBlocks.add(match.clientId);
+      transformMatchingBlock(match, selectedBlock);
+      break;
+    }
+    if (!isMatch) {
+      return;
+    }
+  }
+  return _patternBlocks;
+};
+var useTransformedPatterns = (patterns, selectedBlocks) => {
+  return (0, import_element.useMemo)(
+    () => patterns.reduce((accumulator, _pattern) => {
+      const transformedBlocks = getPatternTransformedBlocks(
+        selectedBlocks,
+        _pattern.blocks
+      );
+      if (transformedBlocks) {
+        accumulator.push({
+          ..._pattern,
+          transformedBlocks
+        });
+      }
+      return accumulator;
+    }, []),
+    [patterns, selectedBlocks]
+  );
+};
+var use_transformed_patterns_default = useTransformedPatterns;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getPatternTransformedBlocks,
+  transformMatchingBlock
+});
+//# sourceMappingURL=use-transformed-patterns.cjs.map

package/build/components/block-switcher/utils.cjs

@@ -0,0 +1,64 @@
+"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/components/block-switcher/utils.js
+var utils_exports = {};
+__export(utils_exports, {
+  getMatchingBlockByName: () => getMatchingBlockByName,
+  getRetainedBlockAttributes: () => getRetainedBlockAttributes
+});
+module.exports = __toCommonJS(utils_exports);
+var import_blocks = require("@wordpress/blocks");
+var getMatchingBlockByName = (block, selectedBlockName, consumedBlocks = /* @__PURE__ */ new Set()) => {
+  const { clientId, name, innerBlocks = [] } = block;
+  if (consumedBlocks.has(clientId)) {
+    return;
+  }
+  if (name === selectedBlockName) {
+    return block;
+  }
+  for (const innerBlock of innerBlocks) {
+    const match = getMatchingBlockByName(
+      innerBlock,
+      selectedBlockName,
+      consumedBlocks
+    );
+    if (match) {
+      return match;
+    }
+  }
+};
+var getRetainedBlockAttributes = (name, attributes) => {
+  const contentAttributes = (0, import_blocks.getBlockAttributesNamesByRole)(name, "content");
+  if (!contentAttributes?.length) {
+    return attributes;
+  }
+  return contentAttributes.reduce((_accumulator, attribute) => {
+    if (attributes[attribute]) {
+      _accumulator[attribute] = attributes[attribute];
+    }
+    return _accumulator;
+  }, {});
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getMatchingBlockByName,
+  getRetainedBlockAttributes
+});
+//# sourceMappingURL=utils.cjs.map

package/build/components/block-title/index.cjs

@@ -0,0 +1,40 @@
+"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/components/block-title/index.js
+var block_title_exports = {};
+__export(block_title_exports, {
+  default: () => BlockTitle
+});
+module.exports = __toCommonJS(block_title_exports);
+var import_use_block_display_title = __toESM(require("./use-block-display-title.cjs"), 1);
+function BlockTitle({ clientId, maximumLength, context }) {
+  return (0, import_use_block_display_title.default)({ clientId, maximumLength, context });
+}
+//# sourceMappingURL=index.cjs.map

package/build/components/block-title/use-block-display-title.cjs

@@ -0,0 +1,65 @@
+"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/components/block-title/use-block-display-title.js
+var use_block_display_title_exports = {};
+__export(use_block_display_title_exports, {
+  default: () => useBlockDisplayTitle
+});
+module.exports = __toCommonJS(use_block_display_title_exports);
+var import_data = require("@wordpress/data");
+var import_blocks = require("@wordpress/blocks");
+var import_store = require("../../store/index.cjs");
+function useBlockDisplayTitle({
+  clientId,
+  maximumLength,
+  context
+}) {
+  const blockTitle = (0, import_data.useSelect)(
+    (select) => {
+      if (!clientId) {
+        return null;
+      }
+      const { getBlockName, getBlockAttributes } = select(import_store.store);
+      const { getBlockType, getActiveBlockVariation } = select(import_blocks.store);
+      const blockName = getBlockName(clientId);
+      const blockType = getBlockType(blockName);
+      if (!blockType) {
+        return null;
+      }
+      const attributes = getBlockAttributes(clientId);
+      const label = (0, import_blocks.__experimentalGetBlockLabel)(blockType, attributes, context);
+      if (label !== blockType.title) {
+        return label;
+      }
+      const match = getActiveBlockVariation(blockName, attributes);
+      return match?.title || blockType.title;
+    },
+    [clientId, context]
+  );
+  if (!blockTitle) {
+    return null;
+  }
+  if (maximumLength && maximumLength > 0 && blockTitle.length > maximumLength) {
+    const omission = "...";
+    return blockTitle.slice(0, maximumLength - omission.length) + omission;
+  }
+  return blockTitle;
+}
+//# sourceMappingURL=use-block-display-title.cjs.map

package/build/components/block-toolbar/block-toolbar-icon.cjs

@@ -0,0 +1,175 @@
+"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/components/block-toolbar/block-toolbar-icon.js
+var block_toolbar_icon_exports = {};
+__export(block_toolbar_icon_exports, {
+  default: () => BlockToolbarIcon
+});
+module.exports = __toCommonJS(block_toolbar_icon_exports);
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_data = require("@wordpress/data");
+var import_icons = require("@wordpress/icons");
+var import_blocks = require("@wordpress/blocks");
+var import_preferences = require("@wordpress/preferences");
+var import_block_switcher = __toESM(require("../block-switcher/index.cjs"), 1);
+var import_block_icon = __toESM(require("../block-icon/index.cjs"), 1);
+var import_pattern_overrides_dropdown = __toESM(require("./pattern-overrides-dropdown.cjs"), 1);
+var import_use_block_display_title = __toESM(require("../block-title/use-block-display-title.cjs"), 1);
+var import_store = require("../../store/index.cjs");
+var import_block_bindings = require("../../utils/block-bindings.cjs");
+var import_lock_unlock = require("../../lock-unlock.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function getBlockIconVariant({ select, clientIds }) {
+  const {
+    getBlockName,
+    getBlockAttributes,
+    getBlockParentsByBlockName,
+    canRemoveBlocks,
+    getTemplateLock,
+    getBlockEditingMode
+  } = (0, import_lock_unlock.unlock)(select(import_store.store));
+  const { getBlockStyles } = select(import_blocks.store);
+  const hasTemplateLock = clientIds.some(
+    (id) => getTemplateLock(id) === "contentOnly"
+  );
+  const isSingleBlock = clientIds.length === 1;
+  const blockName = isSingleBlock && getBlockName(clientIds[0]);
+  const hasBlockStyles = isSingleBlock && !!getBlockStyles(blockName)?.length;
+  const hasPatternNameInSelection = clientIds.some(
+    (id) => !!getBlockAttributes(id)?.metadata?.patternName
+  );
+  const hasPatternOverrides = clientIds.every(
+    (clientId) => (0, import_block_bindings.hasPatternOverridesDefaultBinding)(
+      getBlockAttributes(clientId)?.metadata?.bindings
+    )
+  );
+  const hasParentPattern = clientIds.every(
+    (clientId) => getBlockParentsByBlockName(clientId, "core/block", true).length > 0
+  );
+  const canRemove = canRemoveBlocks(clientIds);
+  const isDefaultEditingMode = getBlockEditingMode(clientIds[0]) === "default";
+  const _hideTransformsForSections = window?.__experimentalContentOnlyPatternInsertion && hasPatternNameInSelection;
+  const _showBlockSwitcher = !_hideTransformsForSections && isDefaultEditingMode && (hasBlockStyles || canRemove) && !hasTemplateLock;
+  const _showPatternOverrides = hasPatternOverrides && hasParentPattern;
+  if (_showBlockSwitcher) {
+    return "switcher";
+  } else if (_showPatternOverrides) {
+    return "pattern-overrides";
+  }
+  return "default";
+}
+function getBlockIcon({ select, clientIds }) {
+  const { getBlockName, getBlockAttributes } = (0, import_lock_unlock.unlock)(
+    select(import_store.store)
+  );
+  const _isSingleBlock = clientIds.length === 1;
+  const firstClientId = clientIds[0];
+  const blockAttributes = getBlockAttributes(firstClientId);
+  if (_isSingleBlock && blockAttributes?.metadata?.patternName && window?.__experimentalContentOnlyPatternInsertion) {
+    return import_icons.symbol;
+  }
+  const blockName = getBlockName(firstClientId);
+  const blockType = (0, import_blocks.getBlockType)(blockName);
+  if (_isSingleBlock) {
+    const { getActiveBlockVariation } = select(import_blocks.store);
+    const match = getActiveBlockVariation(blockName, blockAttributes);
+    return match?.icon || blockType?.icon;
+  }
+  const blockNames = clientIds.map((id) => getBlockName(id));
+  const isSelectionOfSameType = new Set(blockNames).size === 1;
+  return isSelectionOfSameType ? blockType?.icon : import_icons.copy;
+}
+function BlockToolbarIcon({ clientIds, isSynced }) {
+  const { icon, showIconLabels, variant } = (0, import_data.useSelect)(
+    (select) => {
+      return {
+        icon: getBlockIcon({ select, clientIds }),
+        showIconLabels: select(import_preferences.store).get(
+          "core",
+          "showIconLabels"
+        ),
+        variant: getBlockIconVariant({
+          select,
+          clientIds
+        })
+      };
+    },
+    [clientIds]
+  );
+  const blockTitle = (0, import_use_block_display_title.default)({
+    clientId: clientIds?.[0],
+    maximumLength: 35
+  });
+  const isSingleBlock = clientIds.length === 1;
+  const showBlockTitle = isSingleBlock && isSynced && !showIconLabels;
+  const label = isSingleBlock ? blockTitle : (0, import_i18n.__)("Multiple blocks selected");
+  const text = showBlockTitle && blockTitle ? blockTitle : void 0;
+  const BlockIconElement = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_block_icon.default,
+    {
+      className: "block-editor-block-toolbar__block-icon",
+      icon
+    }
+  );
+  if (variant === "switcher") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_block_switcher.default,
+      {
+        clientIds,
+        label,
+        text,
+        children: BlockIconElement
+      }
+    );
+  }
+  if (variant === "pattern-overrides") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_pattern_overrides_dropdown.default,
+      {
+        icon: BlockIconElement,
+        clientIds,
+        blockTitle,
+        label
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.ToolbarButton,
+    {
+      disabled: true,
+      className: "block-editor-block-toolbar__block-icon-button",
+      title: label,
+      icon: BlockIconElement,
+      text
+    }
+  );
+}
+//# sourceMappingURL=block-toolbar-icon.cjs.map

package/build/components/block-toolbar/block-toolbar-last-item.cjs

@@ -0,0 +1,32 @@
+"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/components/block-toolbar/block-toolbar-last-item.js
+var block_toolbar_last_item_exports = {};
+__export(block_toolbar_last_item_exports, {
+  default: () => block_toolbar_last_item_default
+});
+module.exports = __toCommonJS(block_toolbar_last_item_exports);
+var import_components = require("@wordpress/components");
+var { Fill: __unstableBlockToolbarLastItem, Slot } = (0, import_components.createSlotFill)(
+  "__unstableBlockToolbarLastItem"
+);
+__unstableBlockToolbarLastItem.Slot = Slot;
+var block_toolbar_last_item_default = __unstableBlockToolbarLastItem;
+//# sourceMappingURL=block-toolbar-last-item.cjs.map

package/build/components/block-toolbar/change-design.cjs

@@ -0,0 +1,133 @@
+"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/components/block-toolbar/change-design.js
+var change_design_exports = {};
+__export(change_design_exports, {
+  default: () => ChangeDesign
+});
+module.exports = __toCommonJS(change_design_exports);
+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_store = require("../../store/index.cjs");
+var import_block_patterns_list = __toESM(require("../block-patterns-list/index.cjs"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var EMPTY_ARRAY = [];
+var MAX_PATTERNS_TO_SHOW = 6;
+var POPOVER_PROPS = {
+  placement: "bottom-start"
+};
+function ChangeDesign({ clientId }) {
+  const { categories, currentPatternName, patterns } = (0, import_data.useSelect)(
+    (select) => {
+      const {
+        getBlockAttributes,
+        getBlockRootClientId,
+        __experimentalGetAllowedPatterns
+      } = select(import_store.store);
+      const attributes = getBlockAttributes(clientId);
+      const _categories = attributes?.metadata?.categories || EMPTY_ARRAY;
+      const rootBlock = getBlockRootClientId(clientId);
+      const _patterns = _categories.length > 0 ? __experimentalGetAllowedPatterns(rootBlock) : EMPTY_ARRAY;
+      return {
+        categories: _categories,
+        currentPatternName: attributes?.metadata?.patternName,
+        patterns: _patterns
+      };
+    },
+    [clientId]
+  );
+  const { replaceBlocks } = (0, import_data.useDispatch)(import_store.store);
+  const sameCategoryPatternsWithSingleWrapper = (0, import_element.useMemo)(() => {
+    if (categories.length === 0 || !patterns || patterns.length === 0) {
+      return EMPTY_ARRAY;
+    }
+    return patterns.filter((pattern) => {
+      const isCorePattern = pattern.source === "core" || pattern.source?.startsWith("pattern-directory") && pattern.source !== "pattern-directory/theme";
+      return (
+        // Check if the pattern has only one top level block,
+        // otherwise we may switch to a pattern that doesn't have replacement suggestions.
+        pattern.blocks.length === 1 && // We exclude the core patterns and pattern directory patterns that are not theme patterns.
+        !isCorePattern && // Exclude current pattern.
+        currentPatternName !== pattern.name && pattern.categories?.some((category) => {
+          return categories.includes(category);
+        }) && // Check if the pattern is not a synced pattern.
+        (pattern.syncStatus === "unsynced" || !pattern.id)
+      );
+    }).slice(0, MAX_PATTERNS_TO_SHOW);
+  }, [categories, currentPatternName, patterns]);
+  if (sameCategoryPatternsWithSingleWrapper.length < 2) {
+    return null;
+  }
+  const onClickPattern = (pattern) => {
+    const newBlocks = (pattern.blocks ?? []).map((block) => {
+      return (0, import_blocks.cloneBlock)(block);
+    });
+    newBlocks[0].attributes.metadata = {
+      ...newBlocks[0].attributes.metadata,
+      categories
+    };
+    replaceBlocks(clientId, newBlocks);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Dropdown,
+    {
+      popoverProps: POPOVER_PROPS,
+      renderToggle: ({ onToggle, isOpen }) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.ToolbarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.ToolbarButton,
+          {
+            onClick: () => onToggle(!isOpen),
+            "aria-expanded": isOpen,
+            children: (0, import_i18n.__)("Change design")
+          }
+        ) });
+      },
+      renderContent: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.__experimentalDropdownContentWrapper,
+        {
+          className: "block-editor-block-toolbar-change-design-content-wrapper",
+          paddingSize: "none",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_block_patterns_list.default,
+            {
+              blockPatterns: sameCategoryPatternsWithSingleWrapper,
+              onClickPattern,
+              showTitlesAsTooltip: true
+            }
+          )
+        }
+      )
+    }
+  );
+}
+//# sourceMappingURL=change-design.cjs.map