@wordpress/block-editor 15.4.1-next.f56bd8138.0 → 15.5.1-next.47f435fc9.0

package/build/components/block-canvas/index.js

@@ -1,142 +1,140 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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);
+var block_canvas_exports = {};
+__export(block_canvas_exports, {
+  ExperimentalBlockCanvas: () => ExperimentalBlockCanvas,
+  default: () => block_canvas_default
 });
-exports.ExperimentalBlockCanvas = ExperimentalBlockCanvas;
-exports.default = void 0;
-var _compose = require("@wordpress/compose");
-var _element = require("@wordpress/element");
-var _data = require("@wordpress/data");
-var _blockList = _interopRequireDefault(require("../block-list"));
-var _blockTools = _interopRequireDefault(require("../block-tools"));
-var _editorStyles = _interopRequireDefault(require("../editor-styles"));
-var _iframe = _interopRequireDefault(require("../iframe"));
-var _writingFlow = _interopRequireDefault(require("../writing-flow"));
-var _observeTyping = require("../observe-typing");
-var _blockSelectionClearer = require("../block-selection-clearer");
-var _useBlockCommands = require("../use-block-commands");
-var _store = require("../../store");
-var _lockUnlock = require("../../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-// EditorStyles is a memoized component, so avoid passing a new
-// object reference on each render.
+module.exports = __toCommonJS(block_canvas_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_compose = require("@wordpress/compose");
+var import_element = require("@wordpress/element");
+var import_data = require("@wordpress/data");
+var import_block_list = __toESM(require("../block-list"));
+var import_block_tools = __toESM(require("../block-tools"));
+var import_editor_styles = __toESM(require("../editor-styles"));
+var import_iframe = __toESM(require("../iframe"));
+var import_writing_flow = __toESM(require("../writing-flow"));
+var import_observe_typing = require("../observe-typing");
+var import_block_selection_clearer = require("../block-selection-clearer");
+var import_use_block_commands = require("../use-block-commands");
+var import_store = require("../../store");
+var import_lock_unlock = require("../../lock-unlock");
 const EDITOR_STYLE_TRANSFORM_OPTIONS = {
   // Don't transform selectors that already specify `.editor-styles-wrapper`.
   ignoredSelectors: [/\.editor-styles-wrapper/gi]
 };
 function ExperimentalBlockCanvas({
   shouldIframe = true,
-  height = '300px',
-  children = /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockList.default, {}),
+  height = "300px",
+  children = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_list.default, {}),
   styles,
   contentRef: contentRefProp,
   iframeProps
 }) {
-  (0, _useBlockCommands.useBlockCommands)();
-  const isTabletViewport = (0, _compose.useViewportMatch)('medium', '<');
-  const resetTypingRef = (0, _observeTyping.useMouseMoveTypingReset)();
-  const clearerRef = (0, _blockSelectionClearer.useBlockSelectionClearer)();
-  const localRef = (0, _element.useRef)();
-  const contentRef = (0, _compose.useMergeRefs)([contentRefProp, clearerRef, localRef]);
-  const zoomLevel = (0, _data.useSelect)(select => (0, _lockUnlock.unlock)(select(_store.store)).getZoomLevel(), []);
+  (0, import_use_block_commands.useBlockCommands)();
+  const isTabletViewport = (0, import_compose.useViewportMatch)("medium", "<");
+  const resetTypingRef = (0, import_observe_typing.useMouseMoveTypingReset)();
+  const clearerRef = (0, import_block_selection_clearer.useBlockSelectionClearer)();
+  const localRef = (0, import_element.useRef)();
+  const contentRef = (0, import_compose.useMergeRefs)([contentRefProp, clearerRef, localRef]);
+  const zoomLevel = (0, import_data.useSelect)(
+    (select) => (0, import_lock_unlock.unlock)(select(import_store.store)).getZoomLevel(),
+    []
+  );
   const zoomOutIframeProps = zoomLevel !== 100 && !isTabletViewport ? {
     scale: zoomLevel,
-    frameSize: '40px'
+    frameSize: "40px"
   } : {};
   if (!shouldIframe) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockTools.default, {
-      __unstableContentRef: localRef,
-      style: {
-        height,
-        display: 'flex'
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_editorStyles.default, {
-        styles: styles,
-        scope: ":where(.editor-styles-wrapper)",
-        transformOptions: EDITOR_STYLE_TRANSFORM_OPTIONS
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_writingFlow.default, {
-        ref: contentRef,
-        className: "editor-styles-wrapper",
-        tabIndex: -1,
-        style: {
-          height: '100%',
-          width: '100%'
-        },
-        children: children
-      })]
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_block_tools.default,
+      {
+        __unstableContentRef: localRef,
+        style: { height, display: "flex" },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_editor_styles.default,
+            {
+              styles,
+              scope: ":where(.editor-styles-wrapper)",
+              transformOptions: EDITOR_STYLE_TRANSFORM_OPTIONS
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_writing_flow.default,
+            {
+              ref: contentRef,
+              className: "editor-styles-wrapper",
+              tabIndex: -1,
+              style: {
+                height: "100%",
+                width: "100%"
+              },
+              children
+            }
+          )
+        ]
+      }
+    );
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockTools.default, {
-    __unstableContentRef: localRef,
-    style: {
-      height,
-      display: 'flex'
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_iframe.default, {
-      ...iframeProps,
-      ...zoomOutIframeProps,
-      ref: resetTypingRef,
-      contentRef: contentRef,
-      style: {
-        ...iframeProps?.style
-      },
-      name: "editor-canvas",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_editorStyles.default, {
-        styles: styles
-      }), children]
-    })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_block_tools.default,
+    {
+      __unstableContentRef: localRef,
+      style: { height, display: "flex" },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_iframe.default,
+        {
+          ...iframeProps,
+          ...zoomOutIframeProps,
+          ref: resetTypingRef,
+          contentRef,
+          style: {
+            ...iframeProps?.style
+          },
+          name: "editor-canvas",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_editor_styles.default, { styles }),
+            children
+          ]
+        }
+      )
+    }
+  );
 }
-
-/**
- * BlockCanvas component is a component used to display the canvas of the block editor.
- * What we call the canvas is an iframe containing the block list that you can manipulate.
- * The component is also responsible of wiring up all the necessary hooks to enable
- * the keyboard navigation across blocks in the editor and inject content styles into the iframe.
- *
- * @example
- *
- * ```jsx
- * function MyBlockEditor() {
- *   const [ blocks, updateBlocks ] = useState([]);
- *   return (
- *     <BlockEditorProvider
- *       value={ blocks }
- *       onInput={ updateBlocks }
- *       onChange={ persistBlocks }
- *      >
- *        <BlockCanvas height="400px" />
- *      </BlockEditorProvider>
- *    );
- * }
- * ```
- *
- * @param {Object}  props          Component props.
- * @param {string}  props.height   Canvas height, defaults to 300px.
- * @param {Array}   props.styles   Content styles to inject into the iframe.
- * @param {Element} props.children Content of the canvas, defaults to the BlockList component.
- * @return {Element}               Block Breadcrumb.
- */
-function BlockCanvas({
-  children,
-  height,
-  styles
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ExperimentalBlockCanvas, {
-    height: height,
-    styles: styles,
-    children: children
-  });
+function BlockCanvas({ children, height, styles }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExperimentalBlockCanvas, { height, styles, children });
 }
-var _default = exports.default = BlockCanvas;
-//# sourceMappingURL=index.js.map
+var block_canvas_default = BlockCanvas;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ExperimentalBlockCanvas
+});
+//# sourceMappingURL=index.js.map

package/build/components/block-canvas/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_compose","require","_element","_data","_blockList","_interopRequireDefault","_blockTools","_editorStyles","_iframe","_writingFlow","_observeTyping","_blockSelectionClearer","_useBlockCommands","_store","_lockUnlock","_jsxRuntime","EDITOR_STYLE_TRANSFORM_OPTIONS","ignoredSelectors","ExperimentalBlockCanvas","shouldIframe","height","children","jsx","default","styles","contentRef","contentRefProp","iframeProps","useBlockCommands","isTabletViewport","useViewportMatch","resetTypingRef","useMouseMoveTypingReset","clearerRef","useBlockSelectionClearer","localRef","useRef","useMergeRefs","zoomLevel","useSelect","select","unlock","blockEditorStore","getZoomLevel","zoomOutIframeProps","scale","frameSize","jsxs","__unstableContentRef","style","display","scope","transformOptions","ref","className","tabIndex","width","name","BlockCanvas","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-canvas/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMergeRefs, useViewportMatch } from '@wordpress/compose';\nimport { useRef } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockList from '../block-list';\nimport BlockTools from '../block-tools';\nimport EditorStyles from '../editor-styles';\nimport Iframe from '../iframe';\nimport WritingFlow from '../writing-flow';\nimport { useMouseMoveTypingReset } from '../observe-typing';\nimport { useBlockSelectionClearer } from '../block-selection-clearer';\nimport { useBlockCommands } from '../use-block-commands';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\n// EditorStyles is a memoized component, so avoid passing a new\n// object reference on each render.\nconst EDITOR_STYLE_TRANSFORM_OPTIONS = {\n\t// Don't transform selectors that already specify `.editor-styles-wrapper`.\n\tignoredSelectors: [ /\\.editor-styles-wrapper/gi ],\n};\n\nexport function ExperimentalBlockCanvas( {\n\tshouldIframe = true,\n\theight = '300px',\n\tchildren = <BlockList />,\n\tstyles,\n\tcontentRef: contentRefProp,\n\tiframeProps,\n} ) {\n\tuseBlockCommands();\n\tconst isTabletViewport = useViewportMatch( 'medium', '<' );\n\tconst resetTypingRef = useMouseMoveTypingReset();\n\tconst clearerRef = useBlockSelectionClearer();\n\tconst localRef = useRef();\n\tconst contentRef = useMergeRefs( [ contentRefProp, clearerRef, localRef ] );\n\tconst zoomLevel = useSelect(\n\t\t( select ) => unlock( select( blockEditorStore ) ).getZoomLevel(),\n\t\t[]\n\t);\n\tconst zoomOutIframeProps =\n\t\tzoomLevel !== 100 && ! isTabletViewport\n\t\t\t? {\n\t\t\t\t\tscale: zoomLevel,\n\t\t\t\t\tframeSize: '40px',\n\t\t\t  }\n\t\t\t: {};\n\n\tif ( ! shouldIframe ) {\n\t\treturn (\n\t\t\t<BlockTools\n\t\t\t\t__unstableContentRef={ localRef }\n\t\t\t\tstyle={ { height, display: 'flex' } }\n\t\t\t>\n\t\t\t\t<EditorStyles\n\t\t\t\t\tstyles={ styles }\n\t\t\t\t\tscope=\":where(.editor-styles-wrapper)\"\n\t\t\t\t\ttransformOptions={ EDITOR_STYLE_TRANSFORM_OPTIONS }\n\t\t\t\t/>\n\t\t\t\t<WritingFlow\n\t\t\t\t\tref={ contentRef }\n\t\t\t\t\tclassName=\"editor-styles-wrapper\"\n\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</WritingFlow>\n\t\t\t</BlockTools>\n\t\t);\n\t}\n\n\treturn (\n\t\t<BlockTools\n\t\t\t__unstableContentRef={ localRef }\n\t\t\tstyle={ { height, display: 'flex' } }\n\t\t>\n\t\t\t<Iframe\n\t\t\t\t{ ...iframeProps }\n\t\t\t\t{ ...zoomOutIframeProps }\n\t\t\t\tref={ resetTypingRef }\n\t\t\t\tcontentRef={ contentRef }\n\t\t\t\tstyle={ {\n\t\t\t\t\t...iframeProps?.style,\n\t\t\t\t} }\n\t\t\t\tname=\"editor-canvas\"\n\t\t\t>\n\t\t\t\t<EditorStyles styles={ styles } />\n\t\t\t\t{ children }\n\t\t\t</Iframe>\n\t\t</BlockTools>\n\t);\n}\n\n/**\n * BlockCanvas component is a component used to display the canvas of the block editor.\n * What we call the canvas is an iframe containing the block list that you can manipulate.\n * The component is also responsible of wiring up all the necessary hooks to enable\n * the keyboard navigation across blocks in the editor and inject content styles into the iframe.\n *\n * @example\n *\n * ```jsx\n * function MyBlockEditor() {\n *   const [ blocks, updateBlocks ] = useState([]);\n *   return (\n *     <BlockEditorProvider\n *       value={ blocks }\n *       onInput={ updateBlocks }\n *       onChange={ persistBlocks }\n *      >\n *        <BlockCanvas height=\"400px\" />\n *      </BlockEditorProvider>\n *    );\n * }\n * ```\n *\n * @param {Object}  props          Component props.\n * @param {string}  props.height   Canvas height, defaults to 300px.\n * @param {Array}   props.styles   Content styles to inject into the iframe.\n * @param {Element} props.children Content of the canvas, defaults to the BlockList component.\n * @return {Element}               Block Breadcrumb.\n */\nfunction BlockCanvas( { children, height, styles } ) {\n\treturn (\n\t\t<ExperimentalBlockCanvas height={ height } styles={ styles }>\n\t\t\t{ children }\n\t\t</ExperimentalBlockCanvas>\n\t);\n}\n\nexport default BlockCanvas;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-canvas/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMergeRefs, useViewportMatch } from '@wordpress/compose';\nimport { useRef } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockList from '../block-list';\nimport BlockTools from '../block-tools';\nimport EditorStyles from '../editor-styles';\nimport Iframe from '../iframe';\nimport WritingFlow from '../writing-flow';\nimport { useMouseMoveTypingReset } from '../observe-typing';\nimport { useBlockSelectionClearer } from '../block-selection-clearer';\nimport { useBlockCommands } from '../use-block-commands';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\n// EditorStyles is a memoized component, so avoid passing a new\n// object reference on each render.\nconst EDITOR_STYLE_TRANSFORM_OPTIONS = {\n\t// Don't transform selectors that already specify `.editor-styles-wrapper`.\n\tignoredSelectors: [ /\\.editor-styles-wrapper/gi ],\n};\n\nexport function ExperimentalBlockCanvas( {\n\tshouldIframe = true,\n\theight = '300px',\n\tchildren = <BlockList />,\n\tstyles,\n\tcontentRef: contentRefProp,\n\tiframeProps,\n} ) {\n\tuseBlockCommands();\n\tconst isTabletViewport = useViewportMatch( 'medium', '<' );\n\tconst resetTypingRef = useMouseMoveTypingReset();\n\tconst clearerRef = useBlockSelectionClearer();\n\tconst localRef = useRef();\n\tconst contentRef = useMergeRefs( [ contentRefProp, clearerRef, localRef ] );\n\tconst zoomLevel = useSelect(\n\t\t( select ) => unlock( select( blockEditorStore ) ).getZoomLevel(),\n\t\t[]\n\t);\n\tconst zoomOutIframeProps =\n\t\tzoomLevel !== 100 && ! isTabletViewport\n\t\t\t? {\n\t\t\t\t\tscale: zoomLevel,\n\t\t\t\t\tframeSize: '40px',\n\t\t\t  }\n\t\t\t: {};\n\n\tif ( ! shouldIframe ) {\n\t\treturn (\n\t\t\t<BlockTools\n\t\t\t\t__unstableContentRef={ localRef }\n\t\t\t\tstyle={ { height, display: 'flex' } }\n\t\t\t>\n\t\t\t\t<EditorStyles\n\t\t\t\t\tstyles={ styles }\n\t\t\t\t\tscope=\":where(.editor-styles-wrapper)\"\n\t\t\t\t\ttransformOptions={ EDITOR_STYLE_TRANSFORM_OPTIONS }\n\t\t\t\t/>\n\t\t\t\t<WritingFlow\n\t\t\t\t\tref={ contentRef }\n\t\t\t\t\tclassName=\"editor-styles-wrapper\"\n\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</WritingFlow>\n\t\t\t</BlockTools>\n\t\t);\n\t}\n\n\treturn (\n\t\t<BlockTools\n\t\t\t__unstableContentRef={ localRef }\n\t\t\tstyle={ { height, display: 'flex' } }\n\t\t>\n\t\t\t<Iframe\n\t\t\t\t{ ...iframeProps }\n\t\t\t\t{ ...zoomOutIframeProps }\n\t\t\t\tref={ resetTypingRef }\n\t\t\t\tcontentRef={ contentRef }\n\t\t\t\tstyle={ {\n\t\t\t\t\t...iframeProps?.style,\n\t\t\t\t} }\n\t\t\t\tname=\"editor-canvas\"\n\t\t\t>\n\t\t\t\t<EditorStyles styles={ styles } />\n\t\t\t\t{ children }\n\t\t\t</Iframe>\n\t\t</BlockTools>\n\t);\n}\n\n/**\n * BlockCanvas component is a component used to display the canvas of the block editor.\n * What we call the canvas is an iframe containing the block list that you can manipulate.\n * The component is also responsible of wiring up all the necessary hooks to enable\n * the keyboard navigation across blocks in the editor and inject content styles into the iframe.\n *\n * @example\n *\n * ```jsx\n * function MyBlockEditor() {\n *   const [ blocks, updateBlocks ] = useState([]);\n *   return (\n *     <BlockEditorProvider\n *       value={ blocks }\n *       onInput={ updateBlocks }\n *       onChange={ persistBlocks }\n *      >\n *        <BlockCanvas height=\"400px\" />\n *      </BlockEditorProvider>\n *    );\n * }\n * ```\n *\n * @param {Object}  props          Component props.\n * @param {string}  props.height   Canvas height, defaults to 300px.\n * @param {Array}   props.styles   Content styles to inject into the iframe.\n * @param {Element} props.children Content of the canvas, defaults to the BlockList component.\n * @return {Element}               Block Breadcrumb.\n */\nfunction BlockCanvas( { children, height, styles } ) {\n\treturn (\n\t\t<ExperimentalBlockCanvas height={ height } styles={ styles }>\n\t\t\t{ children }\n\t\t</ExperimentalBlockCanvas>\n\t);\n}\n\nexport default BlockCanvas;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BY;AA5BZ,qBAA+C;AAC/C,qBAAuB;AACvB,kBAA0B;AAK1B,wBAAsB;AACtB,yBAAuB;AACvB,2BAAyB;AACzB,oBAAmB;AACnB,0BAAwB;AACxB,4BAAwC;AACxC,qCAAyC;AACzC,gCAAiC;AACjC,mBAA0C;AAC1C,yBAAuB;AAIvB,MAAM,iCAAiC;AAAA;AAAA,EAEtC,kBAAkB,CAAE,2BAA4B;AACjD;AAEO,SAAS,wBAAyB;AAAA,EACxC,eAAe;AAAA,EACf,SAAS;AAAA,EACT,WAAW,4CAAC,kBAAAA,SAAA,EAAU;AAAA,EACtB;AAAA,EACA,YAAY;AAAA,EACZ;AACD,GAAI;AACH,kDAAiB;AACjB,QAAM,uBAAmB,iCAAkB,UAAU,GAAI;AACzD,QAAM,qBAAiB,+CAAwB;AAC/C,QAAM,iBAAa,yDAAyB;AAC5C,QAAM,eAAW,uBAAO;AACxB,QAAM,iBAAa,6BAAc,CAAE,gBAAgB,YAAY,QAAS,CAAE;AAC1E,QAAM,gBAAY;AAAA,IACjB,CAAE,eAAY,2BAAQ,OAAQ,aAAAC,KAAiB,CAAE,EAAE,aAAa;AAAA,IAChE,CAAC;AAAA,EACF;AACA,QAAM,qBACL,cAAc,OAAO,CAAE,mBACpB;AAAA,IACA,OAAO;AAAA,IACP,WAAW;AAAA,EACX,IACA,CAAC;AAEL,MAAK,CAAE,cAAe;AACrB,WACC;AAAA,MAAC,mBAAAC;AAAA,MAAA;AAAA,QACA,sBAAuB;AAAA,QACvB,OAAQ,EAAE,QAAQ,SAAS,OAAO;AAAA,QAElC;AAAA;AAAA,YAAC,qBAAAC;AAAA,YAAA;AAAA,cACA;AAAA,cACA,OAAM;AAAA,cACN,kBAAmB;AAAA;AAAA,UACpB;AAAA,UACA;AAAA,YAAC,oBAAAC;AAAA,YAAA;AAAA,cACA,KAAM;AAAA,cACN,WAAU;AAAA,cACV,UAAW;AAAA,cACX,OAAQ;AAAA,gBACP,QAAQ;AAAA,gBACR,OAAO;AAAA,cACR;AAAA,cAEE;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IACD;AAAA,EAEF;AAEA,SACC;AAAA,IAAC,mBAAAF;AAAA,IAAA;AAAA,MACA,sBAAuB;AAAA,MACvB,OAAQ,EAAE,QAAQ,SAAS,OAAO;AAAA,MAElC;AAAA,QAAC,cAAAG;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACH,GAAG;AAAA,UACL,KAAM;AAAA,UACN;AAAA,UACA,OAAQ;AAAA,YACP,GAAG,aAAa;AAAA,UACjB;AAAA,UACA,MAAK;AAAA,UAEL;AAAA,wDAAC,qBAAAF,SAAA,EAAa,QAAkB;AAAA,YAC9B;AAAA;AAAA;AAAA,MACH;AAAA;AAAA,EACD;AAEF;AA+BA,SAAS,YAAa,EAAE,UAAU,QAAQ,OAAO,GAAI;AACpD,SACC,4CAAC,2BAAwB,QAAkB,QACxC,UACH;AAEF;AAEA,IAAO,uBAAQ;",
+  "names": ["BlockList", "blockEditorStore", "BlockTools", "EditorStyles", "WritingFlow", "Iframe"]
+}

package/build/components/block-card/index.js

@@ -1,66 +1,50 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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);
+var block_card_exports = {};
+__export(block_card_exports, {
+  default: () => block_card_default
 });
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _components = require("@wordpress/components");
-var _data = require("@wordpress/data");
-var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _lockUnlock = require("../../lock-unlock");
-var _store = require("../../store");
-var _blockIcon = _interopRequireDefault(require("../block-icon"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  Badge
-} = (0, _lockUnlock.unlock)(_components.privateApis);
-
-/**
- * A card component that displays block information including title, icon, and description.
- * Can be used to show block metadata and navigation controls for parent blocks.
- *
- * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-card/README.md
- *
- * @example
- * ```jsx
- * function Example() {
- *   return (
- *     <BlockCard
- *       title="My Block"
- *       icon="smiley"
- *       description="A simple block example"
- *       name="Custom Block"
- *     />
- *   );
- * }
- * ```
- *
- * @param {Object}        props             Component props.
- * @param {string}        props.title       The title of the block.
- * @param {string|Object} props.icon        The icon of the block. This can be any of [WordPress' Dashicons](https://developer.wordpress.org/resource/dashicons/), or a custom `svg` element.
- * @param {string}        props.description The description of the block.
- * @param {Object}        [props.blockType] Deprecated: Object containing block type data.
- * @param {string}        [props.className] Additional classes to apply to the card.
- * @param {string}        [props.name]      Custom block name to display before the title.
- * @param {Element}       [props.children]  Children.
- * @return {Element}                        Block card component.
- */
+module.exports = __toCommonJS(block_card_exports);
+var import_jsx_runtime = (
+  // This is only used by the Navigation block for now. It's not ideal having Navigation block specific code here.
+  require("react/jsx-runtime")
+);
+var import_clsx = __toESM(require("clsx"));
+var import_components = require("@wordpress/components");
+var import_data = require("@wordpress/data");
+var import_deprecated = __toESM(require("@wordpress/deprecated"));
+var import_i18n = require("@wordpress/i18n");
+var import_icons = require("@wordpress/icons");
+var import_lock_unlock = require("../../lock-unlock");
+var import_store = require("../../store");
+var import_block_icon = __toESM(require("../block-icon"));
+const { Badge } = (0, import_lock_unlock.unlock)(import_components.privateApis);
 function BlockCard({
   title,
   icon,
@@ -68,70 +52,57 @@ function BlockCard({
   blockType,
   className,
   name,
+  allowParentNavigation,
   children
 }) {
   if (blockType) {
-    (0, _deprecated.default)('`blockType` property in `BlockCard component`', {
-      since: '5.7',
-      alternative: '`title, icon and description` properties'
+    (0, import_deprecated.default)("`blockType` property in `BlockCard component`", {
+      since: "5.7",
+      alternative: "`title, icon and description` properties"
     });
-    ({
-      title,
-      icon,
-      description
-    } = blockType);
+    ({ title, icon, description } = blockType);
   }
-  const {
-    parentNavBlockClientId
-  } = (0, _data.useSelect)(select => {
-    const {
-      getSelectedBlockClientId,
-      getBlockParentsByBlockName
-    } = select(_store.store);
-    const _selectedBlockClientId = getSelectedBlockClientId();
-    return {
-      parentNavBlockClientId: getBlockParentsByBlockName(_selectedBlockClientId, 'core/navigation', true)[0]
-    };
-  }, []);
-  const {
-    selectBlock
-  } = (0, _data.useDispatch)(_store.store);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _clsx.default)('block-editor-block-card', className),
-    children: [parentNavBlockClientId &&
-    /*#__PURE__*/
-    // This is only used by the Navigation block for now. It's not ideal having Navigation block specific code here.
-    (0, _jsxRuntime.jsx)(_components.Button, {
-      onClick: () => selectBlock(parentNavBlockClientId),
-      label: (0, _i18n.__)('Go to parent Navigation block'),
-      style:
-      // TODO: This style override is also used in ToolsPanelHeader.
-      // It should be supported out-of-the-box by Button.
+  const parentNavBlockClientId = (0, import_data.useSelect)(
+    (select) => {
+      if (!allowParentNavigation) {
+        return;
+      }
+      const { getSelectedBlockClientId, getBlockParentsByBlockName } = select(import_store.store);
+      const _selectedBlockClientId = getSelectedBlockClientId();
+      return getBlockParentsByBlockName(
+        _selectedBlockClientId,
+        "core/navigation",
+        true
+      )[0];
+    },
+    [allowParentNavigation]
+  );
+  const { selectBlock } = (0, import_data.useDispatch)(import_store.store);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_clsx.default)("block-editor-block-card", className), children: [
+    allowParentNavigation && parentNavBlockClientId && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Button,
       {
-        minWidth: 24,
-        padding: 0
-      },
-      icon: (0, _i18n.isRTL)() ? _icons.chevronRight : _icons.chevronLeft,
-      size: "small"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockIcon.default, {
-      icon: icon,
-      showColors: true
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-      spacing: 1,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("h2", {
-        className: "block-editor-block-card__title",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "block-editor-block-card__name",
-          children: !!name?.length ? name : title
-        }), !!name?.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(Badge, {
-          children: title
-        })]
-      }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
-        className: "block-editor-block-card__description",
-        children: description
-      }), children]
-    })]
-  });
+        onClick: () => selectBlock(parentNavBlockClientId),
+        label: (0, import_i18n.__)("Go to parent Navigation block"),
+        style: (
+          // TODO: This style override is also used in ToolsPanelHeader.
+          // It should be supported out-of-the-box by Button.
+          { minWidth: 24, padding: 0 }
+        ),
+        icon: (0, import_i18n.isRTL)() ? import_icons.chevronRight : import_icons.chevronLeft,
+        size: "small"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_icon.default, { icon, showColors: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { className: "block-editor-block-card__title", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block-editor-block-card__name", children: !!name?.length ? name : title }),
+        !!name?.length && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, { children: title })
+      ] }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalText, { className: "block-editor-block-card__description", children: description }),
+      children
+    ] })
+  ] });
 }
-var _default = exports.default = BlockCard;
-//# sourceMappingURL=index.js.map
+var block_card_default = BlockCard;
+//# sourceMappingURL=index.js.map

package/build/components/block-card/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_data","_deprecated","_i18n","_icons","_lockUnlock","_store","_blockIcon","_jsxRuntime","Badge","unlock","componentsPrivateApis","BlockCard","title","icon","description","blockType","className","name","children","deprecated","since","alternative","parentNavBlockClientId","useSelect","select","getSelectedBlockClientId","getBlockParentsByBlockName","blockEditorStore","_selectedBlockClientId","selectBlock","useDispatch","jsxs","clsx","jsx","Button","onClick","label","__","style","minWidth","padding","isRTL","chevronRight","chevronLeft","size","default","showColors","__experimentalVStack","spacing","length","__experimentalText","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-card/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as blockEditorStore } from '../../store';\nimport BlockIcon from '../block-icon';\n\nconst { Badge } = unlock( componentsPrivateApis );\n\n/**\n * A card component that displays block information including title, icon, and description.\n * Can be used to show block metadata and navigation controls for parent blocks.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-card/README.md\n *\n * @example\n * ```jsx\n * function Example() {\n *   return (\n *     <BlockCard\n *       title=\"My Block\"\n *       icon=\"smiley\"\n *       description=\"A simple block example\"\n *       name=\"Custom Block\"\n *     />\n *   );\n * }\n * ```\n *\n * @param {Object}        props             Component props.\n * @param {string}        props.title       The title of the block.\n * @param {string|Object} props.icon        The icon of the block. This can be any of [WordPress' Dashicons](https://developer.wordpress.org/resource/dashicons/), or a custom `svg` element.\n * @param {string}        props.description The description of the block.\n * @param {Object}        [props.blockType] Deprecated: Object containing block type data.\n * @param {string}        [props.className] Additional classes to apply to the card.\n * @param {string}        [props.name]      Custom block name to display before the title.\n * @param {Element}       [props.children]  Children.\n * @return {Element}                        Block card component.\n */\nfunction BlockCard( {\n\ttitle,\n\ticon,\n\tdescription,\n\tblockType,\n\tclassName,\n\tname,\n\tchildren,\n} ) {\n\tif ( blockType ) {\n\t\tdeprecated( '`blockType` property in `BlockCard component`', {\n\t\t\tsince: '5.7',\n\t\t\talternative: '`title, icon and description` properties',\n\t\t} );\n\t\t( { title, icon, description } = blockType );\n\t}\n\n\tconst { parentNavBlockClientId } = useSelect( ( select ) => {\n\t\tconst { getSelectedBlockClientId, getBlockParentsByBlockName } =\n\t\t\tselect( blockEditorStore );\n\n\t\tconst _selectedBlockClientId = getSelectedBlockClientId();\n\n\t\treturn {\n\t\t\tparentNavBlockClientId: getBlockParentsByBlockName(\n\t\t\t\t_selectedBlockClientId,\n\t\t\t\t'core/navigation',\n\t\t\t\ttrue\n\t\t\t)[ 0 ],\n\t\t};\n\t}, [] );\n\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<div className={ clsx( 'block-editor-block-card', className ) }>\n\t\t\t{ parentNavBlockClientId && ( // This is only used by the Navigation block for now. It's not ideal having Navigation block specific code here.\n\t\t\t\t<Button\n\t\t\t\t\tonClick={ () => selectBlock( parentNavBlockClientId ) }\n\t\t\t\t\tlabel={ __( 'Go to parent Navigation block' ) }\n\t\t\t\t\tstyle={\n\t\t\t\t\t\t// TODO: This style override is also used in ToolsPanelHeader.\n\t\t\t\t\t\t// It should be supported out-of-the-box by Button.\n\t\t\t\t\t\t{ minWidth: 24, padding: 0 }\n\t\t\t\t\t}\n\t\t\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<BlockIcon icon={ icon } showColors />\n\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t<h2 className=\"block-editor-block-card__title\">\n\t\t\t\t\t<span className=\"block-editor-block-card__name\">\n\t\t\t\t\t\t{ !! name?.length ? name : title }\n\t\t\t\t\t</span>\n\t\t\t\t\t{ !! name?.length && <Badge>{ title }</Badge> }\n\t\t\t\t</h2>\n\t\t\t\t{ description && (\n\t\t\t\t\t<Text className=\"block-editor-block-card__description\">\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t\t{ children }\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nexport default BlockCard;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-card/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as blockEditorStore } from '../../store';\nimport BlockIcon from '../block-icon';\n\nconst { Badge } = unlock( componentsPrivateApis );\n\n/**\n * A card component that displays block information including title, icon, and description.\n * Can be used to show block metadata and navigation controls for parent blocks.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-card/README.md\n *\n * @example\n * ```jsx\n * function Example() {\n *   return (\n *     <BlockCard\n *       title=\"My Block\"\n *       icon=\"smiley\"\n *       description=\"A simple block example\"\n *       name=\"Custom Block\"\n *     />\n *   );\n * }\n * ```\n *\n * @param {Object}        props                         Component props.\n * @param {string}        props.title                   The title of the block.\n * @param {string|Object} props.icon                    The icon of the block. This can be any of [WordPress' Dashicons](https://developer.wordpress.org/resource/dashicons/), or a custom `svg` element.\n * @param {string}        props.description             The description of the block.\n * @param {Object}        [props.blockType]             Deprecated: Object containing block type data.\n * @param {string}        [props.className]             Additional classes to apply to the card.\n * @param {string}        [props.name]                  Custom block name to display before the title.\n * @param {string}        [props.allowParentNavigation] Show a back arrow to the parent block in some situations.\n * @param {Element}       [props.children]              Children.\n * @return {Element}                        Block card component.\n */\nfunction BlockCard( {\n\ttitle,\n\ticon,\n\tdescription,\n\tblockType,\n\tclassName,\n\tname,\n\tallowParentNavigation,\n\tchildren,\n} ) {\n\tif ( blockType ) {\n\t\tdeprecated( '`blockType` property in `BlockCard component`', {\n\t\t\tsince: '5.7',\n\t\t\talternative: '`title, icon and description` properties',\n\t\t} );\n\t\t( { title, icon, description } = blockType );\n\t}\n\n\tconst parentNavBlockClientId = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! allowParentNavigation ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst { getSelectedBlockClientId, getBlockParentsByBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\tconst _selectedBlockClientId = getSelectedBlockClientId();\n\n\t\t\treturn getBlockParentsByBlockName(\n\t\t\t\t_selectedBlockClientId,\n\t\t\t\t'core/navigation',\n\t\t\t\ttrue\n\t\t\t)[ 0 ];\n\t\t},\n\t\t[ allowParentNavigation ]\n\t);\n\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<div className={ clsx( 'block-editor-block-card', className ) }>\n\t\t\t{ allowParentNavigation &&\n\t\t\t\tparentNavBlockClientId && ( // This is only used by the Navigation block for now. It's not ideal having Navigation block specific code here.\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ () => selectBlock( parentNavBlockClientId ) }\n\t\t\t\t\t\tlabel={ __( 'Go to parent Navigation block' ) }\n\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t// TODO: This style override is also used in ToolsPanelHeader.\n\t\t\t\t\t\t\t// It should be supported out-of-the-box by Button.\n\t\t\t\t\t\t\t{ minWidth: 24, padding: 0 }\n\t\t\t\t\t\t}\n\t\t\t\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t<BlockIcon icon={ icon } showColors />\n\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t<h2 className=\"block-editor-block-card__title\">\n\t\t\t\t\t<span className=\"block-editor-block-card__name\">\n\t\t\t\t\t\t{ !! name?.length ? name : title }\n\t\t\t\t\t</span>\n\t\t\t\t\t{ !! name?.length && <Badge>{ title }</Badge> }\n\t\t\t\t</h2>\n\t\t\t\t{ description && (\n\t\t\t\t\t<Text className=\"block-editor-block-card__description\">\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t\t{ children }\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nexport default BlockCard;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsGK;AAAA;AAAA;AAAA;AAnGL,kBAAiB;AAKjB,wBAKO;AACP,kBAAuC;AACvC,wBAAuB;AACvB,kBAA0B;AAC1B,mBAA0C;AAK1C,yBAAuB;AACvB,mBAA0C;AAC1C,wBAAsB;AAEtB,MAAM,EAAE,MAAM,QAAI,2BAAQ,kBAAAA,WAAsB;AAiChD,SAAS,UAAW;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,MAAK,WAAY;AAChB,0BAAAC,SAAY,iDAAiD;AAAA,MAC5D,OAAO;AAAA,MACP,aAAa;AAAA,IACd,CAAE;AACF,KAAE,EAAE,OAAO,MAAM,YAAY,IAAI;AAAA,EAClC;AAEA,QAAM,6BAAyB;AAAA,IAC9B,CAAE,WAAY;AACb,UAAK,CAAE,uBAAwB;AAC9B;AAAA,MACD;AACA,YAAM,EAAE,0BAA0B,2BAA2B,IAC5D,OAAQ,aAAAC,KAAiB;AAE1B,YAAM,yBAAyB,yBAAyB;AAExD,aAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,MACD,EAAG,CAAE;AAAA,IACN;AAAA,IACA,CAAE,qBAAsB;AAAA,EACzB;AAEA,QAAM,EAAE,YAAY,QAAI,yBAAa,aAAAA,KAAiB;AAEtD,SACC,6CAAC,SAAI,eAAY,YAAAC,SAAM,2BAA2B,SAAU,GACzD;AAAA,6BACD,0BACC;AAAA,MAAC;AAAA;AAAA,QACA,SAAU,MAAM,YAAa,sBAAuB;AAAA,QACpD,WAAQ,gBAAI,+BAAgC;AAAA,QAC5C;AAAA;AAAA;AAAA,UAGC,EAAE,UAAU,IAAI,SAAS,EAAE;AAAA;AAAA,QAE5B,UAAO,mBAAM,IAAI,4BAAe;AAAA,QAChC,MAAK;AAAA;AAAA,IACN;AAAA,IAEF,4CAAC,kBAAAC,SAAA,EAAU,MAAc,YAAU,MAAC;AAAA,IACpC,6CAAC,kBAAAC,sBAAA,EAAO,SAAU,GACjB;AAAA,mDAAC,QAAG,WAAU,kCACb;AAAA,oDAAC,UAAK,WAAU,iCACb,WAAC,CAAE,MAAM,SAAS,OAAO,OAC5B;AAAA,QACE,CAAC,CAAE,MAAM,UAAU,4CAAC,SAAQ,iBAAO;AAAA,SACtC;AAAA,MACE,eACD,4CAAC,kBAAAC,oBAAA,EAAK,WAAU,wCACb,uBACH;AAAA,MAEC;AAAA,OACH;AAAA,KACD;AAEF;AAEA,IAAO,qBAAQ;",
+  "names": ["componentsPrivateApis", "deprecated", "blockEditorStore", "clsx", "BlockIcon", "VStack", "Text"]
+}