@wordpress/block-editor 15.7.0 → 15.8.0

package/build/components/block-alignment-matrix-control/index.js

@@ -16,16 +16,18 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/block-alignment-matrix-control/index.js
 var block_alignment_matrix_control_exports = {};
 __export(block_alignment_matrix_control_exports, {
   default: () => block_alignment_matrix_control_default
 });
 module.exports = __toCommonJS(block_alignment_matrix_control_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_i18n = require("@wordpress/i18n");
 var import_keycodes = require("@wordpress/keycodes");
 var import_components = require("@wordpress/components");
-const noop = () => {
+var import_jsx_runtime = require("react/jsx-runtime");
+var noop = () => {
 };
 function BlockAlignmentMatrixControl(props) {
   const {

package/build/components/block-alignment-matrix-control/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/block-alignment-matrix-control/index.js"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { DOWN } from '@wordpress/keycodes';\nimport {\n\tToolbarButton,\n\tDropdown,\n\tAlignmentMatrixControl,\n} from '@wordpress/components';\n\nconst noop = () => {};\n\n/**\n * The alignment matrix control allows users to quickly adjust inner block alignment.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-alignment-matrix-control/README.md\n *\n * @example\n * ```jsx\n * function Example() {\n *   return (\n *     <BlockControls>\n *       <BlockAlignmentMatrixControl\n *         label={ __( 'Change content position' ) }\n *         value=\"center\"\n *         onChange={ ( nextPosition ) =>\n *           setAttributes( { contentPosition: nextPosition } )\n *         }\n *       />\n *     </BlockControls>\n *   );\n * }\n * ```\n *\n * @param {Object}   props            Component props.\n * @param {string}   props.label      Label for the control. Defaults to 'Change matrix alignment'.\n * @param {Function} props.onChange   Function to execute upon change of matrix state.\n * @param {string}   props.value      Content alignment location. One of: 'center', 'center center',\n *                                    'center left', 'center right', 'top center', 'top left',\n *                                    'top right', 'bottom center', 'bottom left', 'bottom right'.\n * @param {boolean}  props.isDisabled Whether the control should be disabled.\n * @return {Element} The BlockAlignmentMatrixControl component.\n */\nfunction BlockAlignmentMatrixControl( props ) {\n\tconst {\n\t\tlabel = __( 'Change matrix alignment' ),\n\t\tonChange = noop,\n\t\tvalue = 'center',\n\t\tisDisabled,\n\t} = props;\n\n\tconst icon = <AlignmentMatrixControl.Icon value={ value } />;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst openOnArrowDown = ( event ) => {\n\t\t\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tonToggle();\n\t\t\t\t\t}\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<AlignmentMatrixControl\n\t\t\t\t\thasFocusBorder={ false }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default BlockAlignmentMatrixControl;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoDc;AAjDd,kBAAmB;AACnB,sBAAqB;AACrB,wBAIO;AAEP,MAAM,OAAO,MAAM;AAAC;AAiCpB,SAAS,4BAA6B,OAAQ;AAC7C,QAAM;AAAA,IACL,YAAQ,gBAAI,yBAA0B;AAAA,IACtC,WAAW;AAAA,IACX,QAAQ;AAAA,IACR;AAAA,EACD,IAAI;AAEJ,QAAM,OAAO,4CAAC,yCAAuB,MAAvB,EAA4B,OAAgB;AAE1D,SACC;AAAA,IAAC;AAAA;AAAA,MACA,cAAe,EAAE,WAAW,eAAe;AAAA,MAC3C,cAAe,CAAE,EAAE,UAAU,OAAO,MAAO;AAC1C,cAAM,kBAAkB,CAAE,UAAW;AACpC,cAAK,CAAE,UAAU,MAAM,YAAY,sBAAO;AACzC,kBAAM,eAAe;AACrB,qBAAS;AAAA,UACV;AAAA,QACD;AAEA,eACC;AAAA,UAAC;AAAA;AAAA,YACA,SAAU;AAAA,YACV,iBAAc;AAAA,YACd,iBAAgB;AAAA,YAChB,WAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA,aAAW;AAAA,YACX,UAAW;AAAA;AAAA,QACZ;AAAA,MAEF;AAAA,MACA,eAAgB,MACf;AAAA,QAAC;AAAA;AAAA,UACA,gBAAiB;AAAA,UACjB;AAAA,UACA;AAAA;AAAA,MACD;AAAA;AAAA,EAEF;AAEF;AAEA,IAAO,yCAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAmB;AACnB,sBAAqB;AACrB,wBAIO;AA2CO;AAzCd,IAAM,OAAO,MAAM;AAAC;AAiCpB,SAAS,4BAA6B,OAAQ;AAC7C,QAAM;AAAA,IACL,YAAQ,gBAAI,yBAA0B;AAAA,IACtC,WAAW;AAAA,IACX,QAAQ;AAAA,IACR;AAAA,EACD,IAAI;AAEJ,QAAM,OAAO,4CAAC,yCAAuB,MAAvB,EAA4B,OAAgB;AAE1D,SACC;AAAA,IAAC;AAAA;AAAA,MACA,cAAe,EAAE,WAAW,eAAe;AAAA,MAC3C,cAAe,CAAE,EAAE,UAAU,OAAO,MAAO;AAC1C,cAAM,kBAAkB,CAAE,UAAW;AACpC,cAAK,CAAE,UAAU,MAAM,YAAY,sBAAO;AACzC,kBAAM,eAAe;AACrB,qBAAS;AAAA,UACV;AAAA,QACD;AAEA,eACC;AAAA,UAAC;AAAA;AAAA,YACA,SAAU;AAAA,YACV,iBAAc;AAAA,YACd,iBAAgB;AAAA,YAChB,WAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA,aAAW;AAAA,YACX,UAAW;AAAA;AAAA,QACZ;AAAA,MAEF;AAAA,MACA,eAAgB,MACf;AAAA,QAAC;AAAA;AAAA,UACA,gBAAiB;AAAA,UACjB;AAAA,UACA;AAAA;AAAA,MACD;AAAA;AAAA,EAEF;AAEF;AAEA,IAAO,yCAAQ;",
   "names": []
 }

package/build/components/block-allowed-blocks/allowed-blocks-control.js

@@ -26,12 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/block-allowed-blocks/allowed-blocks-control.js
 var allowed_blocks_control_exports = {};
 __export(allowed_blocks_control_exports, {
   default: () => BlockAllowedBlocksControl
 });
 module.exports = __toCommonJS(allowed_blocks_control_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_components = require("@wordpress/components");
 var import_i18n = require("@wordpress/i18n");
 var import_element = require("@wordpress/element");
@@ -39,6 +40,7 @@ var import_data = require("@wordpress/data");
 var import_blocks = require("@wordpress/blocks");
 var import_modal = __toESM(require("./modal"));
 var import_store = require("../../store");
+var import_jsx_runtime = require("react/jsx-runtime");
 function BlockAllowedBlocksControl({ clientId }) {
   const [isBlockControlOpened, setIsBlockControlOpened] = (0, import_element.useState)(false);
   const { blockTypes, selectedBlockNames } = (0, import_data.useSelect)(

package/build/components/block-allowed-blocks/allowed-blocks-control.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/block-allowed-blocks/allowed-blocks-control.js"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { BaseControl, Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { hasBlockSupport, store as blocksStore } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport BlockAllowedBlocksModal from './modal';\nimport { store as blockEditorStore } from '../../store';\n\nexport default function BlockAllowedBlocksControl( { clientId } ) {\n\tconst [ isBlockControlOpened, setIsBlockControlOpened ] = useState( false );\n\tconst { blockTypes, selectedBlockNames } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockAttributes } = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\tblockTypes: select( blocksStore ).getBlockTypes(),\n\t\t\t\tselectedBlockNames:\n\t\t\t\t\tgetBlockAttributes( clientId )?.allowedBlocks,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst filteredBlockTypes = blockTypes.filter(\n\t\t( blockType ) =>\n\t\t\thasBlockSupport( blockType, 'inserter', true ) &&\n\t\t\t( ! blockType.parent ||\n\t\t\t\tblockType.parent.includes( 'core/post-content' ) )\n\t);\n\n\tif ( ! filteredBlockTypes ) {\n\t\treturn null;\n\t}\n\n\tconst selectedBlockTypes =\n\t\tselectedBlockNames === undefined\n\t\t\t? filteredBlockTypes\n\t\t\t: filteredBlockTypes.filter( ( blockType ) =>\n\t\t\t\t\tselectedBlockNames.includes( blockType.name )\n\t\t\t  );\n\n\treturn (\n\t\t<div className=\"block-editor-block-allowed-blocks-control\">\n\t\t\t<BaseControl\n\t\t\t\thelp={ __(\n\t\t\t\t\t'Specify which blocks are allowed inside this container.'\n\t\t\t\t) }\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t>\n\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t{ __( 'Allowed Blocks' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tsetIsBlockControlOpened( true );\n\t\t\t\t\t} }\n\t\t\t\t\tclassName=\"block-editor-block-allowed-blocks-control__button\"\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Manage allowed blocks' ) }\n\t\t\t\t</Button>\n\t\t\t</BaseControl>\n\t\t\t{ isBlockControlOpened && (\n\t\t\t\t<BlockAllowedBlocksModal\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tblockTypes={ filteredBlockTypes }\n\t\t\t\t\tselectedBlockTypes={ selectedBlockTypes }\n\t\t\t\t\tonClose={ () => setIsBlockControlOpened( false ) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiDG;AA9CH,wBAAoC;AACpC,kBAAmB;AACnB,qBAAyB;AACzB,kBAA0B;AAC1B,oBAAsD;AAKtD,mBAAoC;AACpC,mBAA0C;AAE3B,SAAR,0BAA4C,EAAE,SAAS,GAAI;AACjE,QAAM,CAAE,sBAAsB,uBAAwB,QAAI,yBAAU,KAAM;AAC1E,QAAM,EAAE,YAAY,mBAAmB,QAAI;AAAA,IAC1C,CAAE,WAAY;AACb,YAAM,EAAE,mBAAmB,IAAI,OAAQ,aAAAA,KAAiB;AACxD,aAAO;AAAA,QACN,YAAY,OAAQ,cAAAC,KAAY,EAAE,cAAc;AAAA,QAChD,oBACC,mBAAoB,QAAS,GAAG;AAAA,MAClC;AAAA,IACD;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AAEA,QAAM,qBAAqB,WAAW;AAAA,IACrC,CAAE,kBACD,+BAAiB,WAAW,YAAY,IAAK,MAC3C,CAAE,UAAU,UACb,UAAU,OAAO,SAAU,mBAAoB;AAAA,EAClD;AAEA,MAAK,CAAE,oBAAqB;AAC3B,WAAO;AAAA,EACR;AAEA,QAAM,qBACL,uBAAuB,SACpB,qBACA,mBAAmB;AAAA,IAAQ,CAAE,cAC7B,mBAAmB,SAAU,UAAU,IAAK;AAAA,EAC5C;AAEJ,SACC,6CAAC,SAAI,WAAU,6CACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,UAAO;AAAA,UACN;AAAA,QACD;AAAA,QACA,yBAAuB;AAAA,QAEvB;AAAA,sDAAC,8BAAY,aAAZ,EACE,8BAAI,gBAAiB,GACxB;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,uBAAqB;AAAA,cACrB,SAAQ;AAAA,cACR,SAAU,MAAM;AACf,wCAAyB,IAAK;AAAA,cAC/B;AAAA,cACA,WAAU;AAAA,cAER,8BAAI,uBAAwB;AAAA;AAAA,UAC/B;AAAA;AAAA;AAAA,IACD;AAAA,IACE,wBACD;AAAA,MAAC,aAAAC;AAAA,MAAA;AAAA,QACA;AAAA,QACA,YAAa;AAAA,QACb;AAAA,QACA,SAAU,MAAM,wBAAyB,KAAM;AAAA;AAAA,IAChD;AAAA,KAEF;AAEF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAoC;AACpC,kBAAmB;AACnB,qBAAyB;AACzB,kBAA0B;AAC1B,oBAAsD;AAKtD,mBAAoC;AACpC,mBAA0C;AAoCvC;AAlCY,SAAR,0BAA4C,EAAE,SAAS,GAAI;AACjE,QAAM,CAAE,sBAAsB,uBAAwB,QAAI,yBAAU,KAAM;AAC1E,QAAM,EAAE,YAAY,mBAAmB,QAAI;AAAA,IAC1C,CAAE,WAAY;AACb,YAAM,EAAE,mBAAmB,IAAI,OAAQ,aAAAA,KAAiB;AACxD,aAAO;AAAA,QACN,YAAY,OAAQ,cAAAC,KAAY,EAAE,cAAc;AAAA,QAChD,oBACC,mBAAoB,QAAS,GAAG;AAAA,MAClC;AAAA,IACD;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AAEA,QAAM,qBAAqB,WAAW;AAAA,IACrC,CAAE,kBACD,+BAAiB,WAAW,YAAY,IAAK,MAC3C,CAAE,UAAU,UACb,UAAU,OAAO,SAAU,mBAAoB;AAAA,EAClD;AAEA,MAAK,CAAE,oBAAqB;AAC3B,WAAO;AAAA,EACR;AAEA,QAAM,qBACL,uBAAuB,SACpB,qBACA,mBAAmB;AAAA,IAAQ,CAAE,cAC7B,mBAAmB,SAAU,UAAU,IAAK;AAAA,EAC5C;AAEJ,SACC,6CAAC,SAAI,WAAU,6CACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,UAAO;AAAA,UACN;AAAA,QACD;AAAA,QACA,yBAAuB;AAAA,QAEvB;AAAA,sDAAC,8BAAY,aAAZ,EACE,8BAAI,gBAAiB,GACxB;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,uBAAqB;AAAA,cACrB,SAAQ;AAAA,cACR,SAAU,MAAM;AACf,wCAAyB,IAAK;AAAA,cAC/B;AAAA,cACA,WAAU;AAAA,cAER,8BAAI,uBAAwB;AAAA;AAAA,UAC/B;AAAA;AAAA;AAAA,IACD;AAAA,IACE,wBACD;AAAA,MAAC,aAAAC;AAAA,MAAA;AAAA,QACA;AAAA,QACA,YAAa;AAAA,QACb;AAAA,QACA,SAAU,MAAM,wBAAyB,KAAM;AAAA;AAAA,IAChD;AAAA,KAEF;AAEF;",
   "names": ["blockEditorStore", "blocksStore", "BlockAllowedBlocksModal"]
 }

package/build/components/block-allowed-blocks/index.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/block-allowed-blocks/index.js
 var block_allowed_blocks_exports = {};
 __export(block_allowed_blocks_exports, {
   BlockAllowedBlocksControl: () => import_allowed_blocks_control.default,

package/build/components/block-allowed-blocks/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/block-allowed-blocks/index.js"],
   "sourcesContent": ["export { default as BlockAllowedBlocksControl } from './allowed-blocks-control';\nexport { default as BlockAllowedBlocksModal } from './modal';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAAqD;AACrD,mBAAmD;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAAqD;AACrD,mBAAmD;",
   "names": []
 }

package/build/components/block-allowed-blocks/modal.js

@@ -26,18 +26,20 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/block-allowed-blocks/modal.js
 var modal_exports = {};
 __export(modal_exports, {
   default: () => BlockAllowedBlocksModal
 });
 module.exports = __toCommonJS(modal_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_components = require("@wordpress/components");
 var import_element = require("@wordpress/element");
 var import_i18n = require("@wordpress/i18n");
 var import_data = require("@wordpress/data");
 var import_store = require("../../store");
 var import_block_manager = __toESM(require("../block-manager"));
+var import_jsx_runtime = require("react/jsx-runtime");
 function BlockAllowedBlocksModal({
   clientId,
   blockTypes,

package/build/components/block-allowed-blocks/modal.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/block-allowed-blocks/modal.js"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tFlex,\n\tFlexItem,\n\tModal,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport BlockManager from '../block-manager';\n\nexport default function BlockAllowedBlocksModal( {\n\tclientId,\n\tblockTypes,\n\tselectedBlockTypes,\n\tonClose,\n} ) {\n\tconst [ currentSelectedBlockTypes, setCurrentSelectedBlockTypes ] =\n\t\tuseState( selectedBlockTypes );\n\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst handleSubmit = () => {\n\t\tconst isFullySelected =\n\t\t\tcurrentSelectedBlockTypes.length === blockTypes.length;\n\t\tconst newBlockNames = currentSelectedBlockTypes.map(\n\t\t\t( { name } ) => name\n\t\t);\n\t\tupdateBlockAttributes( clientId, {\n\t\t\tallowedBlocks: isFullySelected ? undefined : newBlockNames,\n\t\t} );\n\t\tonClose();\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Manage allowed blocks' ) }\n\t\t\tonRequestClose={ onClose }\n\t\t\toverlayClassName=\"block-editor-block-allowed-blocks-modal\"\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\tsize=\"medium\"\n\t\t>\n\t\t\t<VStack\n\t\t\t\tas=\"form\"\n\t\t\t\tonSubmit={ ( e ) => {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\thandleSubmit();\n\t\t\t\t} }\n\t\t\t\tspacing=\"4\"\n\t\t\t>\n\t\t\t\t<Text>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Select which blocks can be added inside this container.'\n\t\t\t\t\t) }\n\t\t\t\t</Text>\n\t\t\t\t<BlockManager\n\t\t\t\t\tblockTypes={ blockTypes }\n\t\t\t\t\tselectedBlockTypes={ currentSelectedBlockTypes }\n\t\t\t\t\tonChange={ ( newSelectedBlockTypes ) => {\n\t\t\t\t\t\tsetCurrentSelectedBlockTypes( newSelectedBlockTypes );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"block-editor-block-allowed-blocks-modal__actions\"\n\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\texpanded={ false }\n\t\t\t\t>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t</VStack>\n\t\t</Modal>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4DI;AAzDJ,wBAOO;AACP,qBAAyB;AACzB,kBAAmB;AACnB,kBAA4B;AAK5B,mBAA0C;AAC1C,2BAAyB;AAEV,SAAR,wBAA0C;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,CAAE,2BAA2B,4BAA6B,QAC/D,yBAAU,kBAAmB;AAE9B,QAAM,EAAE,sBAAsB,QAAI,yBAAa,aAAAA,KAAiB;AAEhE,QAAM,eAAe,MAAM;AAC1B,UAAM,kBACL,0BAA0B,WAAW,WAAW;AACjD,UAAM,gBAAgB,0BAA0B;AAAA,MAC/C,CAAE,EAAE,KAAK,MAAO;AAAA,IACjB;AACA,0BAAuB,UAAU;AAAA,MAChC,eAAe,kBAAkB,SAAY;AAAA,IAC9C,CAAE;AACF,YAAQ;AAAA,EACT;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAQ,gBAAI,uBAAwB;AAAA,MACpC,gBAAiB;AAAA,MACjB,kBAAiB;AAAA,MACjB,cAAa;AAAA,MACb,MAAK;AAAA,MAEL;AAAA,QAAC,kBAAAC;AAAA,QAAA;AAAA,UACA,IAAG;AAAA,UACH,UAAW,CAAE,MAAO;AACnB,cAAE,eAAe;AACjB,yBAAa;AAAA,UACd;AAAA,UACA,SAAQ;AAAA,UAER;AAAA,wDAAC,kBAAAC,oBAAA,EACE;AAAA,cACD;AAAA,YACD,GACD;AAAA,YACA;AAAA,cAAC,qBAAAC;AAAA,cAAA;AAAA,gBACA;AAAA,gBACA,oBAAqB;AAAA,gBACrB,UAAW,CAAE,0BAA2B;AACvC,+CAA8B,qBAAsB;AAAA,gBACrD;AAAA;AAAA,YACD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACA,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,UAAW;AAAA,gBAEX;AAAA,8DAAC,8BACA;AAAA,oBAAC;AAAA;AAAA,sBACA,SAAQ;AAAA,sBACR,SAAU;AAAA,sBACV,uBAAqB;AAAA,sBAEnB,8BAAI,QAAS;AAAA;AAAA,kBAChB,GACD;AAAA,kBACA,4CAAC,8BACA;AAAA,oBAAC;AAAA;AAAA,sBACA,SAAQ;AAAA,sBACR,MAAK;AAAA,sBACL,uBAAqB;AAAA,sBAEnB,8BAAI,OAAQ;AAAA;AAAA,kBACf,GACD;AAAA;AAAA;AAAA,YACD;AAAA;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAOO;AACP,qBAAyB;AACzB,kBAAmB;AACnB,kBAA4B;AAK5B,mBAA0C;AAC1C,2BAAyB;AAyCrB;AAvCW,SAAR,wBAA0C;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,CAAE,2BAA2B,4BAA6B,QAC/D,yBAAU,kBAAmB;AAE9B,QAAM,EAAE,sBAAsB,QAAI,yBAAa,aAAAA,KAAiB;AAEhE,QAAM,eAAe,MAAM;AAC1B,UAAM,kBACL,0BAA0B,WAAW,WAAW;AACjD,UAAM,gBAAgB,0BAA0B;AAAA,MAC/C,CAAE,EAAE,KAAK,MAAO;AAAA,IACjB;AACA,0BAAuB,UAAU;AAAA,MAChC,eAAe,kBAAkB,SAAY;AAAA,IAC9C,CAAE;AACF,YAAQ;AAAA,EACT;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAQ,gBAAI,uBAAwB;AAAA,MACpC,gBAAiB;AAAA,MACjB,kBAAiB;AAAA,MACjB,cAAa;AAAA,MACb,MAAK;AAAA,MAEL;AAAA,QAAC,kBAAAC;AAAA,QAAA;AAAA,UACA,IAAG;AAAA,UACH,UAAW,CAAE,MAAO;AACnB,cAAE,eAAe;AACjB,yBAAa;AAAA,UACd;AAAA,UACA,SAAQ;AAAA,UAER;AAAA,wDAAC,kBAAAC,oBAAA,EACE;AAAA,cACD;AAAA,YACD,GACD;AAAA,YACA;AAAA,cAAC,qBAAAC;AAAA,cAAA;AAAA,gBACA;AAAA,gBACA,oBAAqB;AAAA,gBACrB,UAAW,CAAE,0BAA2B;AACvC,+CAA8B,qBAAsB;AAAA,gBACrD;AAAA;AAAA,YACD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACA,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,UAAW;AAAA,gBAEX;AAAA,8DAAC,8BACA;AAAA,oBAAC;AAAA;AAAA,sBACA,SAAQ;AAAA,sBACR,SAAU;AAAA,sBACV,uBAAqB;AAAA,sBAEnB,8BAAI,QAAS;AAAA;AAAA,kBAChB,GACD;AAAA,kBACA,4CAAC,8BACA;AAAA,oBAAC;AAAA;AAAA,sBACA,SAAQ;AAAA,sBACR,MAAK;AAAA,sBACL,uBAAqB;AAAA,sBAEnB,8BAAI,OAAQ;AAAA;AAAA,kBACf,GACD;AAAA;AAAA;AAAA,YACD;AAAA;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;",
   "names": ["blockEditorStore", "VStack", "Text", "BlockManager"]
 }

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

@@ -26,12 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/block-breadcrumb/index.js
 var block_breadcrumb_exports = {};
 __export(block_breadcrumb_exports, {
   default: () => block_breadcrumb_default
 });
 module.exports = __toCommonJS(block_breadcrumb_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_components = require("@wordpress/components");
 var import_data = require("@wordpress/data");
 var import_i18n = require("@wordpress/i18n");
@@ -42,6 +43,7 @@ var import_store = require("../../store");
 var import_lock_unlock = require("../../lock-unlock");
 var import_use_block_refs = require("../block-list/use-block-props/use-block-refs");
 var import_get_editor_region = __toESM(require("../../utils/get-editor-region"));
+var import_jsx_runtime = require("react/jsx-runtime");
 function BlockBreadcrumb({ rootLabelText }) {
   const { selectBlock, clearSelectedBlock } = (0, import_data.useDispatch)(import_store.store);
   const { clientId, parents, hasSelection } = (0, import_data.useSelect)((select) => {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/block-breadcrumb/index.js"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { chevronRightSmall, Icon } from '@wordpress/icons';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockTitle from '../block-title';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { useBlockElementRef } from '../block-list/use-block-props/use-block-refs';\nimport getEditorRegion from '../../utils/get-editor-region';\n\n/**\n * Block breadcrumb component, displaying the hierarchy of the current block selection as a breadcrumb.\n *\n * @param {Object} props               Component props.\n * @param {string} props.rootLabelText Translated label for the root element of the breadcrumb trail.\n * @return {Element}                   Block Breadcrumb.\n */\nfunction BlockBreadcrumb( { rootLabelText } ) {\n\tconst { selectBlock, clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { clientId, parents, hasSelection } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetSelectionStart,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetEnabledBlockParents,\n\t\t} = unlock( select( blockEditorStore ) );\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\treturn {\n\t\t\tparents: getEnabledBlockParents( selectedBlockClientId ),\n\t\t\tclientId: selectedBlockClientId,\n\t\t\thasSelection: !! getSelectionStart().clientId,\n\t\t};\n\t}, [] );\n\tconst rootLabel = rootLabelText || __( 'Document' );\n\n\t// We don't care about this specific ref, but this is a way\n\t// to get a ref within the editor canvas so we can focus it later.\n\tconst blockRef = useRef();\n\tuseBlockElementRef( clientId, blockRef );\n\n\t/*\n\t * Disable reason: The `list` ARIA role is redundant but\n\t * Safari+VoiceOver won't announce the list otherwise.\n\t */\n\t/* eslint-disable jsx-a11y/no-redundant-roles */\n\treturn (\n\t\t<ul\n\t\t\tclassName=\"block-editor-block-breadcrumb\"\n\t\t\trole=\"list\"\n\t\t\taria-label={ __( 'Block breadcrumb' ) }\n\t\t>\n\t\t\t<li\n\t\t\t\tclassName={\n\t\t\t\t\t! hasSelection\n\t\t\t\t\t\t? 'block-editor-block-breadcrumb__current'\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\taria-current={ ! hasSelection ? 'true' : undefined }\n\t\t\t>\n\t\t\t\t{ hasSelection && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__button\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t// Find the block editor wrapper for the selected block\n\t\t\t\t\t\t\tconst blockEditor = blockRef.current?.closest(\n\t\t\t\t\t\t\t\t'.editor-styles-wrapper'\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tclearSelectedBlock();\n\n\t\t\t\t\t\t\tgetEditorRegion( blockEditor )?.focus();\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ rootLabel }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\t{ ! hasSelection && <span>{ rootLabel }</span> }\n\t\t\t\t{ !! clientId && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__separator\"\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</li>\n\n\t\t\t{ parents.map( ( parentClientId ) => (\n\t\t\t\t<li key={ parentClientId }>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__button\"\n\t\t\t\t\t\tonClick={ () => selectBlock( parentClientId ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockTitle\n\t\t\t\t\t\t\tclientId={ parentClientId }\n\t\t\t\t\t\t\tmaximumLength={ 35 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__separator\"\n\t\t\t\t\t/>\n\t\t\t\t</li>\n\t\t\t) ) }\n\t\t\t{ !! clientId && (\n\t\t\t\t<li\n\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__current\"\n\t\t\t\t\taria-current=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<BlockTitle clientId={ clientId } maximumLength={ 35 } />\n\t\t\t\t</li>\n\t\t\t) }\n\t\t</ul>\n\t\t/* eslint-enable jsx-a11y/no-redundant-roles */\n\t);\n}\n\nexport default BlockBreadcrumb;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0DG;AAvDH,wBAAuB;AACvB,kBAAuC;AACvC,kBAAmB;AACnB,mBAAwC;AACxC,qBAAuB;AAKvB,yBAAuB;AACvB,mBAA0C;AAC1C,yBAAuB;AACvB,4BAAmC;AACnC,+BAA4B;AAS5B,SAAS,gBAAiB,EAAE,cAAc,GAAI;AAC7C,QAAM,EAAE,aAAa,mBAAmB,QAAI,yBAAa,aAAAA,KAAiB;AAC1E,QAAM,EAAE,UAAU,SAAS,aAAa,QAAI,uBAAW,CAAE,WAAY;AACpE,UAAM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACD,QAAI,2BAAQ,OAAQ,aAAAA,KAAiB,CAAE;AACvC,UAAM,wBAAwB,yBAAyB;AACvD,WAAO;AAAA,MACN,SAAS,uBAAwB,qBAAsB;AAAA,MACvD,UAAU;AAAA,MACV,cAAc,CAAC,CAAE,kBAAkB,EAAE;AAAA,IACtC;AAAA,EACD,GAAG,CAAC,CAAE;AACN,QAAM,YAAY,qBAAiB,gBAAI,UAAW;AAIlD,QAAM,eAAW,uBAAO;AACxB,gDAAoB,UAAU,QAAS;AAOvC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,MAAK;AAAA,MACL,kBAAa,gBAAI,kBAAmB;AAAA,MAEpC;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,WACC,CAAE,eACC,2CACA;AAAA,YAEJ,gBAAe,CAAE,eAAe,SAAS;AAAA,YAEvC;AAAA,8BACD;AAAA,gBAAC;AAAA;AAAA,kBACA,MAAK;AAAA,kBACL,WAAU;AAAA,kBACV,SAAU,MAAM;AAEf,0BAAM,cAAc,SAAS,SAAS;AAAA,sBACrC;AAAA,oBACD;AAEA,uCAAmB;AAEnB,iDAAAC,SAAiB,WAAY,GAAG,MAAM;AAAA,kBACvC;AAAA,kBAEE;AAAA;AAAA,cACH;AAAA,cAEC,CAAE,gBAAgB,4CAAC,UAAO,qBAAW;AAAA,cACrC,CAAC,CAAE,YACJ;AAAA,gBAAC;AAAA;AAAA,kBACA,MAAO;AAAA,kBACP,WAAU;AAAA;AAAA,cACX;AAAA;AAAA;AAAA,QAEF;AAAA,QAEE,QAAQ,IAAK,CAAE,mBAChB,6CAAC,QACA;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAU,MAAM,YAAa,cAAe;AAAA,cAE5C;AAAA,gBAAC,mBAAAC;AAAA,gBAAA;AAAA,kBACA,UAAW;AAAA,kBACX,eAAgB;AAAA;AAAA,cACjB;AAAA;AAAA,UACD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,MAAO;AAAA,cACP,WAAU;AAAA;AAAA,UACX;AAAA,aAdS,cAeV,CACC;AAAA,QACA,CAAC,CAAE,YACJ;AAAA,UAAC;AAAA;AAAA,YACA,WAAU;AAAA,YACV,gBAAa;AAAA,YAEb,sDAAC,mBAAAA,SAAA,EAAW,UAAsB,eAAgB,IAAK;AAAA;AAAA,QACxD;AAAA;AAAA;AAAA,EAEF;AAGF;AAEA,IAAO,2BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAuB;AACvB,kBAAuC;AACvC,kBAAmB;AACnB,mBAAwC;AACxC,qBAAuB;AAKvB,yBAAuB;AACvB,mBAA0C;AAC1C,yBAAuB;AACvB,4BAAmC;AACnC,+BAA4B;AA0CzB;AAjCH,SAAS,gBAAiB,EAAE,cAAc,GAAI;AAC7C,QAAM,EAAE,aAAa,mBAAmB,QAAI,yBAAa,aAAAA,KAAiB;AAC1E,QAAM,EAAE,UAAU,SAAS,aAAa,QAAI,uBAAW,CAAE,WAAY;AACpE,UAAM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACD,QAAI,2BAAQ,OAAQ,aAAAA,KAAiB,CAAE;AACvC,UAAM,wBAAwB,yBAAyB;AACvD,WAAO;AAAA,MACN,SAAS,uBAAwB,qBAAsB;AAAA,MACvD,UAAU;AAAA,MACV,cAAc,CAAC,CAAE,kBAAkB,EAAE;AAAA,IACtC;AAAA,EACD,GAAG,CAAC,CAAE;AACN,QAAM,YAAY,qBAAiB,gBAAI,UAAW;AAIlD,QAAM,eAAW,uBAAO;AACxB,gDAAoB,UAAU,QAAS;AAOvC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,MAAK;AAAA,MACL,kBAAa,gBAAI,kBAAmB;AAAA,MAEpC;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,WACC,CAAE,eACC,2CACA;AAAA,YAEJ,gBAAe,CAAE,eAAe,SAAS;AAAA,YAEvC;AAAA,8BACD;AAAA,gBAAC;AAAA;AAAA,kBACA,MAAK;AAAA,kBACL,WAAU;AAAA,kBACV,SAAU,MAAM;AAEf,0BAAM,cAAc,SAAS,SAAS;AAAA,sBACrC;AAAA,oBACD;AAEA,uCAAmB;AAEnB,iDAAAC,SAAiB,WAAY,GAAG,MAAM;AAAA,kBACvC;AAAA,kBAEE;AAAA;AAAA,cACH;AAAA,cAEC,CAAE,gBAAgB,4CAAC,UAAO,qBAAW;AAAA,cACrC,CAAC,CAAE,YACJ;AAAA,gBAAC;AAAA;AAAA,kBACA,MAAO;AAAA,kBACP,WAAU;AAAA;AAAA,cACX;AAAA;AAAA;AAAA,QAEF;AAAA,QAEE,QAAQ,IAAK,CAAE,mBAChB,6CAAC,QACA;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAU,MAAM,YAAa,cAAe;AAAA,cAE5C;AAAA,gBAAC,mBAAAC;AAAA,gBAAA;AAAA,kBACA,UAAW;AAAA,kBACX,eAAgB;AAAA;AAAA,cACjB;AAAA;AAAA,UACD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,MAAO;AAAA,cACP,WAAU;AAAA;AAAA,UACX;AAAA,aAdS,cAeV,CACC;AAAA,QACA,CAAC,CAAE,YACJ;AAAA,UAAC;AAAA;AAAA,YACA,WAAU;AAAA,YACV,gBAAa;AAAA,YAEb,sDAAC,mBAAAA,SAAA,EAAW,UAAsB,eAAgB,IAAK;AAAA;AAAA,QACxD;AAAA;AAAA;AAAA,EAEF;AAGF;AAEA,IAAO,2BAAQ;",
   "names": ["blockEditorStore", "getEditorRegion", "BlockTitle"]
 }

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

@@ -26,13 +26,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/block-canvas/index.js
 var block_canvas_exports = {};
 __export(block_canvas_exports, {
   ExperimentalBlockCanvas: () => ExperimentalBlockCanvas,
   default: () => block_canvas_default
 });
 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");
@@ -46,7 +47,8 @@ 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 = {
+var import_jsx_runtime = require("react/jsx-runtime");
+var EDITOR_STYLE_TRANSFORM_OPTIONS = {
   // Don't transform selectors that already specify `.editor-styles-wrapper`.
   ignoredSelectors: [/\.editor-styles-wrapper/gi]
 };

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

@@ -2,6 +2,6 @@
   "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;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,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;AAYX;AARZ,IAAM,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

@@ -26,15 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/block-card/index.js
 var block_card_exports = {};
 __export(block_card_exports, {
   default: () => block_card_default
 });
 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");
@@ -44,7 +42,22 @@ 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);
+var import_jsx_runtime = require("react/jsx-runtime");
+var { Badge } = (0, import_lock_unlock.unlock)(import_components.privateApis);
+function OptionalParentSelectButton({ children, onClick }) {
+  if (!onClick) {
+    return children;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Button,
+    {
+      __next40pxDefaultSize: true,
+      className: "block-editor-block-card__parent-select-button",
+      onClick,
+      children
+    }
+  );
+}
 function BlockCard({
   title,
   icon,
@@ -53,7 +66,10 @@ function BlockCard({
   className,
   name,
   allowParentNavigation,
-  children
+  parentClientId,
+  isChild,
+  children,
+  clientId
 }) {
   if (blockType) {
     (0, import_deprecated.default)("`blockType` property in `BlockCard component`", {
@@ -64,45 +80,73 @@ function BlockCard({
   }
   const parentNavBlockClientId = (0, import_data.useSelect)(
     (select) => {
-      if (!allowParentNavigation) {
+      if (parentClientId || isChild || !allowParentNavigation) {
         return;
       }
-      const { getSelectedBlockClientId, getBlockParentsByBlockName } = select(import_store.store);
-      const _selectedBlockClientId = getSelectedBlockClientId();
+      const { getBlockParentsByBlockName } = select(import_store.store);
       return getBlockParentsByBlockName(
-        _selectedBlockClientId,
+        clientId,
         "core/navigation",
         true
       )[0];
     },
-    [allowParentNavigation]
+    [clientId, allowParentNavigation, isChild, parentClientId]
   );
   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,
-      {
-        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 }
+  const TitleElement = parentClientId ? "div" : "h2";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_clsx.default)(
+        "block-editor-block-card",
+        {
+          "is-parent": parentClientId,
+          "is-child": isChild
+        },
+        className
+      ),
+      children: [
+        parentNavBlockClientId && // This is only used by the Navigation block for now. It's not ideal having Navigation block specific code here.
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.Button,
+          {
+            onClick: () => selectBlock(parentNavBlockClientId),
+            label: parentNavBlockClientId ? (0, import_i18n.__)("Go to parent Navigation block") : (
+              // TODO - improve copy, not sure that we should use the term 'section'
+              (0, import_i18n.__)("Go to parent section")
+            ),
+            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"
+          }
         ),
-        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
-    ] })
-  ] });
+        isChild && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block-editor-block-card__child-indicator-icon", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Icon, { icon: (0, import_i18n.isRTL)() ? import_icons.arrowLeft : import_icons.arrowRight }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          OptionalParentSelectButton,
+          {
+            onClick: parentClientId ? () => {
+              selectBlock(parentClientId);
+            } : void 0,
+            children: [
+              /* @__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)(TitleElement, { 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 }),
+                  !parentClientId && !isChild && !!name?.length && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, { children: title })
+                ] }),
+                !parentClientId && !isChild && description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalText, { className: "block-editor-block-card__description", children: description }),
+                children
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
 var block_card_default = BlockCard;
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "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;",
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tIcon,\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 {\n\tchevronLeft,\n\tchevronRight,\n\tarrowRight,\n\tarrowLeft,\n} 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\nfunction OptionalParentSelectButton( { children, onClick } ) {\n\tif ( ! onClick ) {\n\t\treturn children;\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\t__next40pxDefaultSize\n\t\t\tclassName=\"block-editor-block-card__parent-select-button\"\n\t\t\tonClick={ onClick }\n\t\t>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\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 {string}        [props.parentClientId]        The parent clientId, if this card is for a parent block.\n * @param {string}        [props.isChild]               Whether the block card is for a child block, in which case, indent the block using an arrow.\n * @param {string}        [props.clientId]              Whether the block card is for a child block, in which case, indent the block using an arrow.\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\tparentClientId,\n\tisChild,\n\tchildren,\n\tclientId,\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 ( parentClientId || isChild || ! allowParentNavigation ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst { getBlockParentsByBlockName } = select( blockEditorStore );\n\n\t\t\treturn getBlockParentsByBlockName(\n\t\t\t\tclientId,\n\t\t\t\t'core/navigation',\n\t\t\t\ttrue\n\t\t\t)[ 0 ];\n\t\t},\n\t\t[ clientId, allowParentNavigation, isChild, parentClientId ]\n\t);\n\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\tconst TitleElement = parentClientId ? 'div' : 'h2';\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-block-card',\n\t\t\t\t{\n\t\t\t\t\t'is-parent': parentClientId,\n\t\t\t\t\t'is-child': isChild,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\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={\n\t\t\t\t\t\tparentNavBlockClientId\n\t\t\t\t\t\t\t? __( 'Go to parent Navigation block' )\n\t\t\t\t\t\t\t: // TODO - improve copy, not sure that we should use the term 'section'\n\t\t\t\t\t\t\t  __( 'Go to parent section' )\n\t\t\t\t\t}\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{ isChild && (\n\t\t\t\t<span className=\"block-editor-block-card__child-indicator-icon\">\n\t\t\t\t\t<Icon icon={ isRTL() ? arrowLeft : arrowRight } />\n\t\t\t\t</span>\n\t\t\t) }\n\t\t\t<OptionalParentSelectButton\n\t\t\t\tonClick={\n\t\t\t\t\tparentClientId\n\t\t\t\t\t\t? () => {\n\t\t\t\t\t\t\t\tselectBlock( parentClientId );\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<BlockIcon icon={ icon } showColors />\n\t\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t\t<TitleElement className=\"block-editor-block-card__title\">\n\t\t\t\t\t\t<span className=\"block-editor-block-card__name\">\n\t\t\t\t\t\t\t{ !! name?.length ? name : title }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{ ! parentClientId && ! isChild && !! name?.length && (\n\t\t\t\t\t\t\t<Badge>{ title }</Badge>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</TitleElement>\n\t\t\t\t\t{ ! parentClientId && ! isChild && description && (\n\t\t\t\t\t\t<Text className=\"block-editor-block-card__description\">\n\t\t\t\t\t\t\t{ description }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) }\n\t\t\t\t\t{ children }\n\t\t\t\t</VStack>\n\t\t\t</OptionalParentSelectButton>\n\t\t</div>\n\t);\n}\n\nexport default BlockCard;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,wBAMO;AACP,kBAAuC;AACvC,wBAAuB;AACvB,kBAA0B;AAC1B,mBAKO;AAKP,yBAAuB;AACvB,mBAA0C;AAC1C,wBAAsB;AAUpB;AARF,IAAM,EAAE,MAAM,QAAI,2BAAQ,kBAAAA,WAAsB;AAEhD,SAAS,2BAA4B,EAAE,UAAU,QAAQ,GAAI;AAC5D,MAAK,CAAE,SAAU;AAChB,WAAO;AAAA,EACR;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,uBAAqB;AAAA,MACrB,WAAU;AAAA,MACV;AAAA,MAEE;AAAA;AAAA,EACH;AAEF;AAoCA,SAAS,UAAW;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;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,kBAAkB,WAAW,CAAE,uBAAwB;AAC3D;AAAA,MACD;AACA,YAAM,EAAE,2BAA2B,IAAI,OAAQ,aAAAC,KAAiB;AAEhE,aAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,MACD,EAAG,CAAE;AAAA,IACN;AAAA,IACA,CAAE,UAAU,uBAAuB,SAAS,cAAe;AAAA,EAC5D;AAEA,QAAM,EAAE,YAAY,QAAI,yBAAa,aAAAA,KAAiB;AAEtD,QAAM,eAAe,iBAAiB,QAAQ;AAE9C,SACC;AAAA,IAAC;AAAA;AAAA,MACA,eAAY,YAAAC;AAAA,QACX;AAAA,QACA;AAAA,UACC,aAAa;AAAA,UACb,YAAY;AAAA,QACb;AAAA,QACA;AAAA,MACD;AAAA,MAEE;AAAA;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACA,SAAU,MAAM,YAAa,sBAAuB;AAAA,YACpD,OACC,6BACG,gBAAI,+BAAgC;AAAA;AAAA,kBAEpC,gBAAI,sBAAuB;AAAA;AAAA,YAE/B;AAAA;AAAA;AAAA,cAGC,EAAE,UAAU,IAAI,SAAS,EAAE;AAAA;AAAA,YAE5B,UAAO,mBAAM,IAAI,4BAAe;AAAA,YAChC,MAAK;AAAA;AAAA,QACN;AAAA,QAEC,WACD,4CAAC,UAAK,WAAU,iDACf,sDAAC,0BAAK,UAAO,mBAAM,IAAI,yBAAY,yBAAa,GACjD;AAAA,QAED;AAAA,UAAC;AAAA;AAAA,YACA,SACC,iBACG,MAAM;AACN,0BAAa,cAAe;AAAA,YAC5B,IACA;AAAA,YAGJ;AAAA,0DAAC,kBAAAC,SAAA,EAAU,MAAc,YAAU,MAAC;AAAA,cACpC,6CAAC,kBAAAC,sBAAA,EAAO,SAAU,GACjB;AAAA,6DAAC,gBAAa,WAAU,kCACvB;AAAA,8DAAC,UAAK,WAAU,iCACb,WAAC,CAAE,MAAM,SAAS,OAAO,OAC5B;AAAA,kBACE,CAAE,kBAAkB,CAAE,WAAW,CAAC,CAAE,MAAM,UAC3C,4CAAC,SAAQ,iBAAO;AAAA,mBAElB;AAAA,gBACE,CAAE,kBAAkB,CAAE,WAAW,eAClC,4CAAC,kBAAAC,oBAAA,EAAK,WAAU,wCACb,uBACH;AAAA,gBAEC;AAAA,iBACH;AAAA;AAAA;AAAA,QACD;AAAA;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,qBAAQ;",
   "names": ["componentsPrivateApis", "deprecated", "blockEditorStore", "clsx", "BlockIcon", "VStack", "Text"]
 }

package/build/components/block-compare/block-view.js

@@ -16,15 +16,17 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/block-compare/block-view.js
 var block_view_exports = {};
 __export(block_view_exports, {
   default: () => BlockView
 });
 module.exports = __toCommonJS(block_view_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_components = require("@wordpress/components");
 var import_element = require("@wordpress/element");
 var import_dom = require("@wordpress/dom");
+var import_jsx_runtime = require("react/jsx-runtime");
 function BlockView({
   title,
   rawContent,

package/build/components/block-compare/block-view.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/block-compare/block-view.js"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { RawHTML } from '@wordpress/element';\nimport { safeHTML } from '@wordpress/dom';\n\nexport default function BlockView( {\n\ttitle,\n\trawContent,\n\trenderedContent,\n\taction,\n\tactionText,\n\tclassName,\n} ) {\n\treturn (\n\t\t<div className={ className }>\n\t\t\t<div className=\"block-editor-block-compare__content\">\n\t\t\t\t<h2 className=\"block-editor-block-compare__heading\">\n\t\t\t\t\t{ title }\n\t\t\t\t</h2>\n\n\t\t\t\t<div className=\"block-editor-block-compare__html\">\n\t\t\t\t\t{ rawContent }\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"block-editor-block-compare__preview edit-post-visual-editor\">\n\t\t\t\t\t<RawHTML>{ safeHTML( renderedContent ) }</RawHTML>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"block-editor-block-compare__action\">\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\ttabIndex=\"0\"\n\t\t\t\t\tonClick={ action }\n\t\t\t\t>\n\t\t\t\t\t{ actionText }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBG;AAdH,wBAAuB;AACvB,qBAAwB;AACxB,iBAAyB;AAEV,SAAR,UAA4B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,SACC,6CAAC,SAAI,WACJ;AAAA,iDAAC,SAAI,WAAU,uCACd;AAAA,kDAAC,QAAG,WAAU,uCACX,iBACH;AAAA,MAEA,4CAAC,SAAI,WAAU,oCACZ,sBACH;AAAA,MAEA,4CAAC,SAAI,WAAU,+DACd,sDAAC,0BAAU,mCAAU,eAAgB,GAAG,GACzC;AAAA,OACD;AAAA,IAEA,4CAAC,SAAI,WAAU,sCACd;AAAA,MAAC;AAAA;AAAA,QACA,uBAAqB;AAAA,QACrB,SAAQ;AAAA,QACR,UAAS;AAAA,QACT,SAAU;AAAA,QAER;AAAA;AAAA,IACH,GACD;AAAA,KACD;AAEF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAuB;AACvB,qBAAwB;AACxB,iBAAyB;AAYtB;AAVY,SAAR,UAA4B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,SACC,6CAAC,SAAI,WACJ;AAAA,iDAAC,SAAI,WAAU,uCACd;AAAA,kDAAC,QAAG,WAAU,uCACX,iBACH;AAAA,MAEA,4CAAC,SAAI,WAAU,oCACZ,sBACH;AAAA,MAEA,4CAAC,SAAI,WAAU,+DACd,sDAAC,0BAAU,mCAAU,eAAgB,GAAG,GACzC;AAAA,OACD;AAAA,IAEA,4CAAC,SAAI,WAAU,sCACd;AAAA,MAAC;AAAA;AAAA,QACA,uBAAqB;AAAA,QACrB,SAAQ;AAAA,QACR,UAAS;AAAA,QACT,SAAU;AAAA,QAER;AAAA;AAAA,IACH,GACD;AAAA,KACD;AAEF;",
   "names": []
 }

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

@@ -26,17 +26,19 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/block-compare/index.js
 var block_compare_exports = {};
 __export(block_compare_exports, {
   default: () => block_compare_default
 });
 module.exports = __toCommonJS(block_compare_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var import_character = require("diff/lib/diff/character");
 var import_i18n = require("@wordpress/i18n");
 var import_blocks = require("@wordpress/blocks");
 var import_block_view = __toESM(require("./block-view"));
+var import_jsx_runtime = require("react/jsx-runtime");
 function BlockCompare({
   block,
   onKeep,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/block-compare/index.js"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n// diff doesn't tree-shake correctly, so we import from the individual\n// module here, to avoid including too much of the library\nimport { diffChars } from 'diff/lib/diff/character';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { getSaveContent } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport BlockView from './block-view';\n\nfunction BlockCompare( {\n\tblock,\n\tonKeep,\n\tonConvert,\n\tconvertor,\n\tconvertButtonText,\n} ) {\n\tfunction getDifference( originalContent, newContent ) {\n\t\tconst difference = diffChars( originalContent, newContent );\n\n\t\treturn difference.map( ( item, pos ) => {\n\t\t\tconst classes = clsx( {\n\t\t\t\t'block-editor-block-compare__added': item.added,\n\t\t\t\t'block-editor-block-compare__removed': item.removed,\n\t\t\t} );\n\n\t\t\treturn (\n\t\t\t\t<span key={ pos } className={ classes }>\n\t\t\t\t\t{ item.value }\n\t\t\t\t</span>\n\t\t\t);\n\t\t} );\n\t}\n\n\tfunction getConvertedContent( convertedBlock ) {\n\t\t// The convertor may return an array of items or a single item.\n\t\tconst newBlocks = Array.isArray( convertedBlock )\n\t\t\t? convertedBlock\n\t\t\t: [ convertedBlock ];\n\n\t\t// Get converted block details.\n\t\tconst newContent = newBlocks.map( ( item ) =>\n\t\t\tgetSaveContent( item.name, item.attributes, item.innerBlocks )\n\t\t);\n\n\t\treturn newContent.join( '' );\n\t}\n\n\tconst converted = getConvertedContent( convertor( block ) );\n\tconst difference = getDifference( block.originalContent, converted );\n\n\treturn (\n\t\t<div className=\"block-editor-block-compare__wrapper\">\n\t\t\t<BlockView\n\t\t\t\ttitle={ __( 'Current' ) }\n\t\t\t\tclassName=\"block-editor-block-compare__current\"\n\t\t\t\taction={ onKeep }\n\t\t\t\tactionText={ __( 'Convert to HTML' ) }\n\t\t\t\trawContent={ block.originalContent }\n\t\t\t\trenderedContent={ block.originalContent }\n\t\t\t/>\n\n\t\t\t<BlockView\n\t\t\t\ttitle={ __( 'After Conversion' ) }\n\t\t\t\tclassName=\"block-editor-block-compare__converted\"\n\t\t\t\taction={ onConvert }\n\t\t\t\tactionText={ convertButtonText }\n\t\t\t\trawContent={ difference }\n\t\t\t\trenderedContent={ converted }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport default BlockCompare;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCI;AAjCJ,kBAAiB;AAGjB,uBAA0B;AAK1B,kBAAmB;AACnB,oBAA+B;AAK/B,wBAAsB;AAEtB,SAAS,aAAc;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,WAAS,cAAe,iBAAiB,YAAa;AACrD,UAAMA,kBAAa,4BAAW,iBAAiB,UAAW;AAE1D,WAAOA,YAAW,IAAK,CAAE,MAAM,QAAS;AACvC,YAAM,cAAU,YAAAC,SAAM;AAAA,QACrB,qCAAqC,KAAK;AAAA,QAC1C,uCAAuC,KAAK;AAAA,MAC7C,CAAE;AAEF,aACC,4CAAC,UAAiB,WAAY,SAC3B,eAAK,SADI,GAEZ;AAAA,IAEF,CAAE;AAAA,EACH;AAEA,WAAS,oBAAqB,gBAAiB;AAE9C,UAAM,YAAY,MAAM,QAAS,cAAe,IAC7C,iBACA,CAAE,cAAe;AAGpB,UAAM,aAAa,UAAU;AAAA,MAAK,CAAE,aACnC,8BAAgB,KAAK,MAAM,KAAK,YAAY,KAAK,WAAY;AAAA,IAC9D;AAEA,WAAO,WAAW,KAAM,EAAG;AAAA,EAC5B;AAEA,QAAM,YAAY,oBAAqB,UAAW,KAAM,CAAE;AAC1D,QAAM,aAAa,cAAe,MAAM,iBAAiB,SAAU;AAEnE,SACC,6CAAC,SAAI,WAAU,uCACd;AAAA;AAAA,MAAC,kBAAAC;AAAA,MAAA;AAAA,QACA,WAAQ,gBAAI,SAAU;AAAA,QACtB,WAAU;AAAA,QACV,QAAS;AAAA,QACT,gBAAa,gBAAI,iBAAkB;AAAA,QACnC,YAAa,MAAM;AAAA,QACnB,iBAAkB,MAAM;AAAA;AAAA,IACzB;AAAA,IAEA;AAAA,MAAC,kBAAAA;AAAA,MAAA;AAAA,QACA,WAAQ,gBAAI,kBAAmB;AAAA,QAC/B,WAAU;AAAA,QACV,QAAS;AAAA,QACT,YAAa;AAAA,QACb,YAAa;AAAA,QACb,iBAAkB;AAAA;AAAA,IACnB;AAAA,KACD;AAEF;AAEA,IAAO,wBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAGjB,uBAA0B;AAK1B,kBAAmB;AACnB,oBAA+B;AAK/B,wBAAsB;AAmBlB;AAjBJ,SAAS,aAAc;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,WAAS,cAAe,iBAAiB,YAAa;AACrD,UAAMA,kBAAa,4BAAW,iBAAiB,UAAW;AAE1D,WAAOA,YAAW,IAAK,CAAE,MAAM,QAAS;AACvC,YAAM,cAAU,YAAAC,SAAM;AAAA,QACrB,qCAAqC,KAAK;AAAA,QAC1C,uCAAuC,KAAK;AAAA,MAC7C,CAAE;AAEF,aACC,4CAAC,UAAiB,WAAY,SAC3B,eAAK,SADI,GAEZ;AAAA,IAEF,CAAE;AAAA,EACH;AAEA,WAAS,oBAAqB,gBAAiB;AAE9C,UAAM,YAAY,MAAM,QAAS,cAAe,IAC7C,iBACA,CAAE,cAAe;AAGpB,UAAM,aAAa,UAAU;AAAA,MAAK,CAAE,aACnC,8BAAgB,KAAK,MAAM,KAAK,YAAY,KAAK,WAAY;AAAA,IAC9D;AAEA,WAAO,WAAW,KAAM,EAAG;AAAA,EAC5B;AAEA,QAAM,YAAY,oBAAqB,UAAW,KAAM,CAAE;AAC1D,QAAM,aAAa,cAAe,MAAM,iBAAiB,SAAU;AAEnE,SACC,6CAAC,SAAI,WAAU,uCACd;AAAA;AAAA,MAAC,kBAAAC;AAAA,MAAA;AAAA,QACA,WAAQ,gBAAI,SAAU;AAAA,QACtB,WAAU;AAAA,QACV,QAAS;AAAA,QACT,gBAAa,gBAAI,iBAAkB;AAAA,QACnC,YAAa,MAAM;AAAA,QACnB,iBAAkB,MAAM;AAAA;AAAA,IACzB;AAAA,IAEA;AAAA,MAAC,kBAAAA;AAAA,MAAA;AAAA,QACA,WAAQ,gBAAI,kBAAmB;AAAA,QAC/B,WAAU;AAAA,QACV,QAAS;AAAA,QACT,YAAa;AAAA,QACb,YAAa;AAAA,QACb,iBAAkB;AAAA;AAAA,IACnB;AAAA,KACD;AAEF;AAEA,IAAO,wBAAQ;",
   "names": ["difference", "clsx", "BlockView"]
 }

package/build/components/block-content-overlay/index.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/block-content-overlay/index.js
 var block_content_overlay_exports = {};
 __export(block_content_overlay_exports, {
   default: () => useBlockOverlayActive

package/build/components/block-content-overlay/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/block-content-overlay/index.js"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nexport default function useBlockOverlayActive( clientId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst { __unstableHasActiveBlockOverlayActive } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\treturn __unstableHasActiveBlockOverlayActive( clientId );\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA0B;AAK1B,mBAA0C;AAE3B,SAAR,sBAAwC,UAAW;AACzD,aAAO;AAAA,IACN,CAAE,WAAY;AACb,YAAM,EAAE,sCAAsC,IAC7C,OAAQ,aAAAA,KAAiB;AAE1B,aAAO,sCAAuC,QAAS;AAAA,IACxD;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AACD;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA0B;AAK1B,mBAA0C;AAE3B,SAAR,sBAAwC,UAAW;AACzD,aAAO;AAAA,IACN,CAAE,WAAY;AACb,YAAM,EAAE,sCAAsC,IAC7C,OAAQ,aAAAA,KAAiB;AAE1B,aAAO,sCAAuC,QAAS;AAAA,IACxD;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AACD;",
   "names": ["blockEditorStore"]
 }

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

@@ -16,15 +16,17 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/block-context/index.js
 var block_context_exports = {};
 __export(block_context_exports, {
   BlockContextProvider: () => BlockContextProvider,
   default: () => block_context_default
 });
 module.exports = __toCommonJS(block_context_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_element = require("@wordpress/element");
-const Context = (0, import_element.createContext)({});
+var import_jsx_runtime = require("react/jsx-runtime");
+var Context = (0, import_element.createContext)({});
 Context.displayName = "BlockContext";
 function BlockContextProvider({ value, children }) {
   const context = (0, import_element.useContext)(Context);

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/block-context/index.js"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useContext, useMemo } from '@wordpress/element';\n\n/** @typedef {import('react').ReactNode} ReactNode */\n\n/**\n * @typedef BlockContextProviderProps\n *\n * @property {Record<string,*>} value    Context value to merge with current\n *                                       value.\n * @property {ReactNode}        children Component children.\n */\n\n/** @type {import('react').Context<Record<string,*>>} */\nconst Context = createContext( {} );\nContext.displayName = 'BlockContext';\n\n/**\n * Component which merges passed value with current consumed block context.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-context/README.md\n *\n * @param {BlockContextProviderProps} props\n */\nexport function BlockContextProvider( { value, children } ) {\n\tconst context = useContext( Context );\n\tconst nextValue = useMemo(\n\t\t() => ( { ...context, ...value } ),\n\t\t[ context, value ]\n\t);\n\n\treturn <Context.Provider value={ nextValue } children={ children } />;\n}\n\nexport default Context;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCQ;AA9BR,qBAAmD;AAanD,MAAM,cAAU,8BAAe,CAAC,CAAE;AAClC,QAAQ,cAAc;AASf,SAAS,qBAAsB,EAAE,OAAO,SAAS,GAAI;AAC3D,QAAM,cAAU,2BAAY,OAAQ;AACpC,QAAM,gBAAY;AAAA,IACjB,OAAQ,EAAE,GAAG,SAAS,GAAG,MAAM;AAAA,IAC/B,CAAE,SAAS,KAAM;AAAA,EAClB;AAEA,SAAO,4CAAC,QAAQ,UAAR,EAAiB,OAAQ,WAAY,UAAsB;AACpE;AAEA,IAAO,wBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAmD;AA8B3C;AAjBR,IAAM,cAAU,8BAAe,CAAC,CAAE;AAClC,QAAQ,cAAc;AASf,SAAS,qBAAsB,EAAE,OAAO,SAAS,GAAI;AAC3D,QAAM,cAAU,2BAAY,OAAQ;AACpC,QAAM,gBAAY;AAAA,IACjB,OAAQ,EAAE,GAAG,SAAS,GAAG,MAAM;AAAA,IAC/B,CAAE,SAAS,KAAM;AAAA,EAClB;AAEA,SAAO,4CAAC,QAAQ,UAAR,EAAiB,OAAQ,WAAY,UAAsB;AACpE;AAEA,IAAO,wBAAQ;",
   "names": []
 }

package/build/components/block-controls/fill.js

@@ -26,14 +26,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/block-controls/fill.js
 var fill_exports = {};
 __export(fill_exports, {
   default: () => BlockControlsFill
 });
 module.exports = __toCommonJS(fill_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_components = require("@wordpress/components");
 var import_hook = __toESM(require("./hook"));
+var import_jsx_runtime = require("react/jsx-runtime");
 function BlockControlsFill({
   group = "default",
   controls,