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

package/build/components/block-tools/zoom-out-mode-inserter-button.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_icons","_i18n","_jsxRuntime","ZoomOutModeInserterButton","onClick","jsx","Button","variant","icon","plus","size","className","clsx","label","_x","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-tools/zoom-out-mode-inserter-button.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { plus } from '@wordpress/icons';\nimport { _x } from '@wordpress/i18n';\n\nfunction ZoomOutModeInserterButton( { onClick } ) {\n\treturn (\n\t\t<Button\n\t\t\tvariant=\"primary\"\n\t\t\ticon={ plus }\n\t\t\tsize=\"compact\"\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-button-pattern-inserter__button',\n\t\t\t\t'block-editor-block-tools__zoom-out-mode-inserter-button'\n\t\t\t) }\n\t\t\tonClick={ onClick }\n\t\t\tlabel={ _x(\n\t\t\t\t'Add pattern',\n\t\t\t\t'Generic label for pattern inserter button'\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default ZoomOutModeInserterButton;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAAqC,IAAAI,WAAA,GAAAJ,OAAA;AAVrC;AACA;AACA;;AAGA;AACA;AACA;;AAKA,SAASK,yBAAyBA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACjD,oBACC,IAAAF,WAAA,CAAAG,GAAA,EAACN,WAAA,CAAAO,MAAM;IACNC,OAAO,EAAC,SAAS;IACjBC,IAAI,EAAGC,WAAM;IACbC,IAAI,EAAC,SAAS;IACdC,SAAS,EAAG,IAAAC,aAAI,EACf,8CAA8C,EAC9C,yDACD,CAAG;IACHR,OAAO,EAAGA,OAAS;IACnBS,KAAK,EAAG,IAAAC,QAAE,EACT,aAAa,EACb,2CACD;EAAG,CACH,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcd,yBAAyB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-tools/zoom-out-mode-inserter-button.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { plus } from '@wordpress/icons';\nimport { _x } from '@wordpress/i18n';\n\nfunction ZoomOutModeInserterButton( { onClick } ) {\n\treturn (\n\t\t<Button\n\t\t\tvariant=\"primary\"\n\t\t\ticon={ plus }\n\t\t\tsize=\"compact\"\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-button-pattern-inserter__button',\n\t\t\t\t'block-editor-block-tools__zoom-out-mode-inserter-button'\n\t\t\t) }\n\t\t\tonClick={ onClick }\n\t\t\tlabel={ _x(\n\t\t\t\t'Add pattern',\n\t\t\t\t'Generic label for pattern inserter button'\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default ZoomOutModeInserterButton;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcE;AAXF,kBAAiB;AAKjB,wBAAuB;AACvB,mBAAqB;AACrB,kBAAmB;AAEnB,SAAS,0BAA2B,EAAE,QAAQ,GAAI;AACjD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,SAAQ;AAAA,MACR,MAAO;AAAA,MACP,MAAK;AAAA,MACL,eAAY,YAAAA;AAAA,QACX;AAAA,QACA;AAAA,MACD;AAAA,MACA;AAAA,MACA,WAAQ;AAAA,QACP;AAAA,QACA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,wCAAQ;",
+  "names": ["clsx"]
+}

package/build/components/block-tools/zoom-out-mode-inserters.js

@@ -1,27 +1,45 @@
 "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 zoom_out_mode_inserters_exports = {};
+__export(zoom_out_mode_inserters_exports, {
+  default: () => zoom_out_mode_inserters_default
 });
-exports.default = void 0;
-var _data = require("@wordpress/data");
-var _element = require("@wordpress/element");
-var _inbetween = _interopRequireDefault(require("../block-popover/inbetween"));
-var _zoomOutModeInserterButton = _interopRequireDefault(require("./zoom-out-mode-inserter-button"));
-var _store = require("../../store");
-var _lockUnlock = require("../../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(zoom_out_mode_inserters_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_inbetween = __toESM(require("../block-popover/inbetween"));
+var import_zoom_out_mode_inserter_button = __toESM(require("./zoom-out-mode-inserter-button"));
+var import_store = require("../../store");
+var import_lock_unlock = require("../../lock-unlock");
 function ZoomOutModeInserters() {
-  const [isReady, setIsReady] = (0, _element.useState)(false);
+  const [isReady, setIsReady] = (0, import_element.useState)(false);
   const {
     hasSelection,
     blockOrder,
@@ -30,7 +48,7 @@ function ZoomOutModeInserters() {
     selectedBlockClientId,
     blockInsertionPoint,
     insertionPointVisible
-  } = (0, _data.useSelect)(select => {
+  } = (0, import_data.useSelect)((select) => {
     const {
       getSettings,
       getBlockOrder,
@@ -39,7 +57,7 @@ function ZoomOutModeInserters() {
       getSectionRootClientId,
       getBlockInsertionPoint,
       isBlockInsertionPointVisible
-    } = (0, _lockUnlock.unlock)(select(_store.store));
+    } = (0, import_lock_unlock.unlock)(select(import_store.store));
     const root = getSectionRootClientId();
     return {
       hasSelection: !!getSelectionStart().clientId,
@@ -51,14 +69,8 @@ function ZoomOutModeInserters() {
       insertionPointVisible: isBlockInsertionPointVisible()
     };
   }, []);
-
-  // eslint-disable-next-line @wordpress/no-unused-vars-before-return
-  const {
-    showInsertionPoint
-  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
-
-  // Defer the initial rendering to avoid the jumps due to the animation.
-  (0, _element.useEffect)(() => {
+  const { showInsertionPoint } = (0, import_lock_unlock.unlock)((0, import_data.useDispatch)(import_store.store));
+  (0, import_element.useEffect)(() => {
     const timeout = setTimeout(() => {
       setIsReady(true);
     }, 500);
@@ -70,32 +82,37 @@ function ZoomOutModeInserters() {
     return null;
   }
   const previousClientId = selectedBlockClientId;
-  const index = blockOrder.findIndex(clientId => selectedBlockClientId === clientId);
+  const index = blockOrder.findIndex(
+    (clientId) => selectedBlockClientId === clientId
+  );
   const insertionIndex = index + 1;
   const nextClientId = blockOrder[insertionIndex];
-
-  // If the block insertion point is visible, and the insertion
-  // Indices match then we don't need to render the inserter.
   if (insertionPointVisible && blockInsertionPoint?.index === insertionIndex) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_inbetween.default, {
-    previousClientId: previousClientId,
-    nextClientId: nextClientId,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_zoomOutModeInserterButton.default, {
-      onClick: () => {
-        setInserterIsOpened({
-          rootClientId: sectionRootClientId,
-          insertionIndex,
-          tab: 'patterns',
-          category: 'all'
-        });
-        showInsertionPoint(sectionRootClientId, insertionIndex, {
-          operation: 'insert'
-        });
-      }
-    })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_inbetween.default,
+    {
+      previousClientId,
+      nextClientId,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_zoom_out_mode_inserter_button.default,
+        {
+          onClick: () => {
+            setInserterIsOpened({
+              rootClientId: sectionRootClientId,
+              insertionIndex,
+              tab: "patterns",
+              category: "all"
+            });
+            showInsertionPoint(sectionRootClientId, insertionIndex, {
+              operation: "insert"
+            });
+          }
+        }
+      )
+    }
+  );
 }
-var _default = exports.default = ZoomOutModeInserters;
-//# sourceMappingURL=zoom-out-mode-inserters.js.map
+var zoom_out_mode_inserters_default = ZoomOutModeInserters;
+//# sourceMappingURL=zoom-out-mode-inserters.js.map

package/build/components/block-tools/zoom-out-mode-inserters.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_data","require","_element","_inbetween","_interopRequireDefault","_zoomOutModeInserterButton","_store","_lockUnlock","_jsxRuntime","ZoomOutModeInserters","isReady","setIsReady","useState","hasSelection","blockOrder","setInserterIsOpened","sectionRootClientId","selectedBlockClientId","blockInsertionPoint","insertionPointVisible","useSelect","select","getSettings","getBlockOrder","getSelectionStart","getSelectedBlockClientId","getSectionRootClientId","getBlockInsertionPoint","isBlockInsertionPointVisible","unlock","blockEditorStore","root","clientId","__experimentalSetIsInserterOpened","showInsertionPoint","useDispatch","useEffect","timeout","setTimeout","clearTimeout","previousClientId","index","findIndex","insertionIndex","nextClientId","jsx","default","children","onClick","rootClientId","tab","category","operation","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-tools/zoom-out-mode-inserters.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockPopoverInbetween from '../block-popover/inbetween';\nimport ZoomOutModeInserterButton from './zoom-out-mode-inserter-button';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nfunction ZoomOutModeInserters() {\n\tconst [ isReady, setIsReady ] = useState( false );\n\tconst {\n\t\thasSelection,\n\t\tblockOrder,\n\t\tsetInserterIsOpened,\n\t\tsectionRootClientId,\n\t\tselectedBlockClientId,\n\t\tblockInsertionPoint,\n\t\tinsertionPointVisible,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetSettings,\n\t\t\tgetBlockOrder,\n\t\t\tgetSelectionStart,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetSectionRootClientId,\n\t\t\tgetBlockInsertionPoint,\n\t\t\tisBlockInsertionPointVisible,\n\t\t} = unlock( select( blockEditorStore ) );\n\n\t\tconst root = getSectionRootClientId();\n\n\t\treturn {\n\t\t\thasSelection: !! getSelectionStart().clientId,\n\t\t\tblockOrder: getBlockOrder( root ),\n\t\t\tsectionRootClientId: root,\n\t\t\tsetInserterIsOpened:\n\t\t\t\tgetSettings().__experimentalSetIsInserterOpened,\n\t\t\tselectedBlockClientId: getSelectedBlockClientId(),\n\t\t\tblockInsertionPoint: getBlockInsertionPoint(),\n\t\t\tinsertionPointVisible: isBlockInsertionPointVisible(),\n\t\t};\n\t}, [] );\n\n\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\tconst { showInsertionPoint } = unlock( useDispatch( blockEditorStore ) );\n\n\t// Defer the initial rendering to avoid the jumps due to the animation.\n\tuseEffect( () => {\n\t\tconst timeout = setTimeout( () => {\n\t\t\tsetIsReady( true );\n\t\t}, 500 );\n\t\treturn () => {\n\t\t\tclearTimeout( timeout );\n\t\t};\n\t}, [] );\n\n\tif ( ! isReady || ! hasSelection ) {\n\t\treturn null;\n\t}\n\n\tconst previousClientId = selectedBlockClientId;\n\tconst index = blockOrder.findIndex(\n\t\t( clientId ) => selectedBlockClientId === clientId\n\t);\n\n\tconst insertionIndex = index + 1;\n\n\tconst nextClientId = blockOrder[ insertionIndex ];\n\n\t// If the block insertion point is visible, and the insertion\n\t// Indices match then we don't need to render the inserter.\n\tif (\n\t\tinsertionPointVisible &&\n\t\tblockInsertionPoint?.index === insertionIndex\n\t) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BlockPopoverInbetween\n\t\t\tpreviousClientId={ previousClientId }\n\t\t\tnextClientId={ nextClientId }\n\t\t>\n\t\t\t<ZoomOutModeInserterButton\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetInserterIsOpened( {\n\t\t\t\t\t\trootClientId: sectionRootClientId,\n\t\t\t\t\t\tinsertionIndex,\n\t\t\t\t\t\ttab: 'patterns',\n\t\t\t\t\t\tcategory: 'all',\n\t\t\t\t\t} );\n\t\t\t\t\tshowInsertionPoint( sectionRootClientId, insertionIndex, {\n\t\t\t\t\t\toperation: 'insert',\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t/>\n\t\t</BlockPopoverInbetween>\n\t);\n}\n\nexport default ZoomOutModeInserters;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-tools/zoom-out-mode-inserters.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockPopoverInbetween from '../block-popover/inbetween';\nimport ZoomOutModeInserterButton from './zoom-out-mode-inserter-button';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nfunction ZoomOutModeInserters() {\n\tconst [ isReady, setIsReady ] = useState( false );\n\tconst {\n\t\thasSelection,\n\t\tblockOrder,\n\t\tsetInserterIsOpened,\n\t\tsectionRootClientId,\n\t\tselectedBlockClientId,\n\t\tblockInsertionPoint,\n\t\tinsertionPointVisible,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetSettings,\n\t\t\tgetBlockOrder,\n\t\t\tgetSelectionStart,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetSectionRootClientId,\n\t\t\tgetBlockInsertionPoint,\n\t\t\tisBlockInsertionPointVisible,\n\t\t} = unlock( select( blockEditorStore ) );\n\n\t\tconst root = getSectionRootClientId();\n\n\t\treturn {\n\t\t\thasSelection: !! getSelectionStart().clientId,\n\t\t\tblockOrder: getBlockOrder( root ),\n\t\t\tsectionRootClientId: root,\n\t\t\tsetInserterIsOpened:\n\t\t\t\tgetSettings().__experimentalSetIsInserterOpened,\n\t\t\tselectedBlockClientId: getSelectedBlockClientId(),\n\t\t\tblockInsertionPoint: getBlockInsertionPoint(),\n\t\t\tinsertionPointVisible: isBlockInsertionPointVisible(),\n\t\t};\n\t}, [] );\n\n\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\tconst { showInsertionPoint } = unlock( useDispatch( blockEditorStore ) );\n\n\t// Defer the initial rendering to avoid the jumps due to the animation.\n\tuseEffect( () => {\n\t\tconst timeout = setTimeout( () => {\n\t\t\tsetIsReady( true );\n\t\t}, 500 );\n\t\treturn () => {\n\t\t\tclearTimeout( timeout );\n\t\t};\n\t}, [] );\n\n\tif ( ! isReady || ! hasSelection ) {\n\t\treturn null;\n\t}\n\n\tconst previousClientId = selectedBlockClientId;\n\tconst index = blockOrder.findIndex(\n\t\t( clientId ) => selectedBlockClientId === clientId\n\t);\n\n\tconst insertionIndex = index + 1;\n\n\tconst nextClientId = blockOrder[ insertionIndex ];\n\n\t// If the block insertion point is visible, and the insertion\n\t// Indices match then we don't need to render the inserter.\n\tif (\n\t\tinsertionPointVisible &&\n\t\tblockInsertionPoint?.index === insertionIndex\n\t) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BlockPopoverInbetween\n\t\t\tpreviousClientId={ previousClientId }\n\t\t\tnextClientId={ nextClientId }\n\t\t>\n\t\t\t<ZoomOutModeInserterButton\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetInserterIsOpened( {\n\t\t\t\t\t\trootClientId: sectionRootClientId,\n\t\t\t\t\t\tinsertionIndex,\n\t\t\t\t\t\ttab: 'patterns',\n\t\t\t\t\t\tcategory: 'all',\n\t\t\t\t\t} );\n\t\t\t\t\tshowInsertionPoint( sectionRootClientId, insertionIndex, {\n\t\t\t\t\t\toperation: 'insert',\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t/>\n\t\t</BlockPopoverInbetween>\n\t);\n}\n\nexport default ZoomOutModeInserters;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyFG;AAtFH,kBAAuC;AACvC,qBAAoC;AAKpC,uBAAkC;AAClC,2CAAsC;AACtC,mBAA0C;AAC1C,yBAAuB;AAEvB,SAAS,uBAAuB;AAC/B,QAAM,CAAE,SAAS,UAAW,QAAI,yBAAU,KAAM;AAChD,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,QAAI,uBAAW,CAAE,WAAY;AAC5B,UAAM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD,QAAI,2BAAQ,OAAQ,aAAAA,KAAiB,CAAE;AAEvC,UAAM,OAAO,uBAAuB;AAEpC,WAAO;AAAA,MACN,cAAc,CAAC,CAAE,kBAAkB,EAAE;AAAA,MACrC,YAAY,cAAe,IAAK;AAAA,MAChC,qBAAqB;AAAA,MACrB,qBACC,YAAY,EAAE;AAAA,MACf,uBAAuB,yBAAyB;AAAA,MAChD,qBAAqB,uBAAuB;AAAA,MAC5C,uBAAuB,6BAA6B;AAAA,IACrD;AAAA,EACD,GAAG,CAAC,CAAE;AAGN,QAAM,EAAE,mBAAmB,QAAI,+BAAQ,yBAAa,aAAAA,KAAiB,CAAE;AAGvE,gCAAW,MAAM;AAChB,UAAM,UAAU,WAAY,MAAM;AACjC,iBAAY,IAAK;AAAA,IAClB,GAAG,GAAI;AACP,WAAO,MAAM;AACZ,mBAAc,OAAQ;AAAA,IACvB;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,MAAK,CAAE,WAAW,CAAE,cAAe;AAClC,WAAO;AAAA,EACR;AAEA,QAAM,mBAAmB;AACzB,QAAM,QAAQ,WAAW;AAAA,IACxB,CAAE,aAAc,0BAA0B;AAAA,EAC3C;AAEA,QAAM,iBAAiB,QAAQ;AAE/B,QAAM,eAAe,WAAY,cAAe;AAIhD,MACC,yBACA,qBAAqB,UAAU,gBAC9B;AACD,WAAO;AAAA,EACR;AAEA,SACC;AAAA,IAAC,iBAAAC;AAAA,IAAA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QAAC,qCAAAC;AAAA,QAAA;AAAA,UACA,SAAU,MAAM;AACf,gCAAqB;AAAA,cACpB,cAAc;AAAA,cACd;AAAA,cACA,KAAK;AAAA,cACL,UAAU;AAAA,YACX,CAAE;AACF,+BAAoB,qBAAqB,gBAAgB;AAAA,cACxD,WAAW;AAAA,YACZ,CAAE;AAAA,UACH;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,kCAAQ;",
+  "names": ["blockEditorStore", "BlockPopoverInbetween", "ZoomOutModeInserterButton"]
+}

package/build/components/block-types-list/index.js

@@ -1,23 +1,41 @@
 "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_types_list_exports = {};
+__export(block_types_list_exports, {
+  default: () => block_types_list_default
 });
-exports.default = void 0;
-var _blocks = require("@wordpress/blocks");
-var _compose = require("@wordpress/compose");
-var _inserterListItem = _interopRequireDefault(require("../inserter-list-item"));
-var _inserterListbox = require("../inserter-listbox");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(block_types_list_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_blocks = require("@wordpress/blocks");
+var import_compose = require("@wordpress/compose");
+var import_inserter_list_item = __toESM(require("../inserter-list-item"));
+var import_inserter_listbox = require("../inserter-listbox");
 function chunk(array, size) {
   const chunks = [];
   for (let i = 0, j = array.length; i < j; i += size) {
@@ -28,28 +46,32 @@ function chunk(array, size) {
 function BlockTypesList({
   items = [],
   onSelect,
-  onHover = () => {},
+  onHover = () => {
+  },
   children,
   label,
   isDraggable = true
 }) {
-  const className = 'block-editor-block-types-list';
-  const listId = (0, _compose.useInstanceId)(BlockTypesList, className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_inserterListbox.InserterListboxGroup, {
-    className: className,
-    "aria-label": label,
-    children: [chunk(items, 3).map((row, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_inserterListbox.InserterListboxRow, {
-      children: row.map((item, j) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_inserterListItem.default, {
-        item: item,
-        className: (0, _blocks.getBlockMenuDefaultClassName)(item.id),
-        onSelect: onSelect,
-        onHover: onHover,
+  const className = "block-editor-block-types-list";
+  const listId = (0, import_compose.useInstanceId)(BlockTypesList, className);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_inserter_listbox.InserterListboxGroup, { className, "aria-label": label, children: [
+    chunk(items, 3).map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_inserter_listbox.InserterListboxRow, { children: row.map((item, j) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_inserter_list_item.default,
+      {
+        item,
+        className: (0, import_blocks.getBlockMenuDefaultClassName)(
+          item.id
+        ),
+        onSelect,
+        onHover,
         isDraggable: isDraggable && !item.isDisabled,
         isFirst: i === 0 && j === 0,
         rowId: `${listId}-${i}`
-      }, item.id))
-    }, i)), children]
-  });
+      },
+      item.id
+    )) }, i)),
+    children
+  ] });
 }
-var _default = exports.default = BlockTypesList;
-//# sourceMappingURL=index.js.map
+var block_types_list_default = BlockTypesList;
+//# sourceMappingURL=index.js.map

package/build/components/block-types-list/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_blocks","require","_compose","_inserterListItem","_interopRequireDefault","_inserterListbox","_jsxRuntime","chunk","array","size","chunks","i","j","length","push","slice","BlockTypesList","items","onSelect","onHover","children","label","isDraggable","className","listId","useInstanceId","jsxs","InserterListboxGroup","map","row","jsx","InserterListboxRow","item","default","getBlockMenuDefaultClassName","id","isDisabled","isFirst","rowId","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-types-list/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockMenuDefaultClassName } from '@wordpress/blocks';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport InserterListItem from '../inserter-list-item';\nimport { InserterListboxGroup, InserterListboxRow } from '../inserter-listbox';\n\nfunction chunk( array, size ) {\n\tconst chunks = [];\n\tfor ( let i = 0, j = array.length; i < j; i += size ) {\n\t\tchunks.push( array.slice( i, i + size ) );\n\t}\n\treturn chunks;\n}\n\nfunction BlockTypesList( {\n\titems = [],\n\tonSelect,\n\tonHover = () => {},\n\tchildren,\n\tlabel,\n\tisDraggable = true,\n} ) {\n\tconst className = 'block-editor-block-types-list';\n\tconst listId = useInstanceId( BlockTypesList, className );\n\treturn (\n\t\t<InserterListboxGroup className={ className } aria-label={ label }>\n\t\t\t{ chunk( items, 3 ).map( ( row, i ) => (\n\t\t\t\t<InserterListboxRow key={ i }>\n\t\t\t\t\t{ row.map( ( item, j ) => (\n\t\t\t\t\t\t<InserterListItem\n\t\t\t\t\t\t\tkey={ item.id }\n\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\tclassName={ getBlockMenuDefaultClassName(\n\t\t\t\t\t\t\t\titem.id\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\t\tisDraggable={ isDraggable && ! item.isDisabled }\n\t\t\t\t\t\t\tisFirst={ i === 0 && j === 0 }\n\t\t\t\t\t\t\trowId={ `${ listId }-${ i }` }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</InserterListboxRow>\n\t\t\t) ) }\n\t\t\t{ children }\n\t\t</InserterListboxGroup>\n\t);\n}\n\nexport default BlockTypesList;\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,iBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAA+E,IAAAK,WAAA,GAAAL,OAAA;AAV/E;AACA;AACA;;AAIA;AACA;AACA;;AAIA,SAASM,KAAKA,CAAEC,KAAK,EAAEC,IAAI,EAAG;EAC7B,MAAMC,MAAM,GAAG,EAAE;EACjB,KAAM,IAAIC,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAGJ,KAAK,CAACK,MAAM,EAAEF,CAAC,GAAGC,CAAC,EAAED,CAAC,IAAIF,IAAI,EAAG;IACrDC,MAAM,CAACI,IAAI,CAAEN,KAAK,CAACO,KAAK,CAAEJ,CAAC,EAAEA,CAAC,GAAGF,IAAK,CAAE,CAAC;EAC1C;EACA,OAAOC,MAAM;AACd;AAEA,SAASM,cAAcA,CAAE;EACxBC,KAAK,GAAG,EAAE;EACVC,QAAQ;EACRC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;EAClBC,QAAQ;EACRC,KAAK;EACLC,WAAW,GAAG;AACf,CAAC,EAAG;EACH,MAAMC,SAAS,GAAG,+BAA+B;EACjD,MAAMC,MAAM,GAAG,IAAAC,sBAAa,EAAET,cAAc,EAAEO,SAAU,CAAC;EACzD,oBACC,IAAAjB,WAAA,CAAAoB,IAAA,EAACrB,gBAAA,CAAAsB,oBAAoB;IAACJ,SAAS,EAAGA,SAAW;IAAC,cAAaF,KAAO;IAAAD,QAAA,GAC/Db,KAAK,CAAEU,KAAK,EAAE,CAAE,CAAC,CAACW,GAAG,CAAE,CAAEC,GAAG,EAAElB,CAAC,kBAChC,IAAAL,WAAA,CAAAwB,GAAA,EAACzB,gBAAA,CAAA0B,kBAAkB;MAAAX,QAAA,EAChBS,GAAG,CAACD,GAAG,CAAE,CAAEI,IAAI,EAAEpB,CAAC,kBACnB,IAAAN,WAAA,CAAAwB,GAAA,EAAC3B,iBAAA,CAAA8B,OAAgB;QAEhBD,IAAI,EAAGA,IAAM;QACbT,SAAS,EAAG,IAAAW,oCAA4B,EACvCF,IAAI,CAACG,EACN,CAAG;QACHjB,QAAQ,EAAGA,QAAU;QACrBC,OAAO,EAAGA,OAAS;QACnBG,WAAW,EAAGA,WAAW,IAAI,CAAEU,IAAI,CAACI,UAAY;QAChDC,OAAO,EAAG1B,CAAC,KAAK,CAAC,IAAIC,CAAC,KAAK,CAAG;QAC9B0B,KAAK,EAAG,GAAId,MAAM,IAAMb,CAAC;MAAK,GATxBqB,IAAI,CAACG,EAUX,CACA;IAAC,GAdsBxB,CAeN,CACnB,CAAC,EACDS,QAAQ;EAAA,CACW,CAAC;AAEzB;AAAC,IAAAmB,QAAA,GAAAC,OAAA,CAAAP,OAAA,GAEcjB,cAAc","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-types-list/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { getBlockMenuDefaultClassName } from '@wordpress/blocks';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport InserterListItem from '../inserter-list-item';\nimport { InserterListboxGroup, InserterListboxRow } from '../inserter-listbox';\n\nfunction chunk( array, size ) {\n\tconst chunks = [];\n\tfor ( let i = 0, j = array.length; i < j; i += size ) {\n\t\tchunks.push( array.slice( i, i + size ) );\n\t}\n\treturn chunks;\n}\n\nfunction BlockTypesList( {\n\titems = [],\n\tonSelect,\n\tonHover = () => {},\n\tchildren,\n\tlabel,\n\tisDraggable = true,\n} ) {\n\tconst className = 'block-editor-block-types-list';\n\tconst listId = useInstanceId( BlockTypesList, className );\n\treturn (\n\t\t<InserterListboxGroup className={ className } aria-label={ label }>\n\t\t\t{ chunk( items, 3 ).map( ( row, i ) => (\n\t\t\t\t<InserterListboxRow key={ i }>\n\t\t\t\t\t{ row.map( ( item, j ) => (\n\t\t\t\t\t\t<InserterListItem\n\t\t\t\t\t\t\tkey={ item.id }\n\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\tclassName={ getBlockMenuDefaultClassName(\n\t\t\t\t\t\t\t\titem.id\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\t\tisDraggable={ isDraggable && ! item.isDisabled }\n\t\t\t\t\t\t\tisFirst={ i === 0 && j === 0 }\n\t\t\t\t\t\t\trowId={ `${ listId }-${ i }` }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</InserterListboxRow>\n\t\t\t) ) }\n\t\t\t{ children }\n\t\t</InserterListboxGroup>\n\t);\n}\n\nexport default BlockTypesList;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BE;AA5BF,oBAA6C;AAC7C,qBAA8B;AAK9B,gCAA6B;AAC7B,8BAAyD;AAEzD,SAAS,MAAO,OAAO,MAAO;AAC7B,QAAM,SAAS,CAAC;AAChB,WAAU,IAAI,GAAG,IAAI,MAAM,QAAQ,IAAI,GAAG,KAAK,MAAO;AACrD,WAAO,KAAM,MAAM,MAAO,GAAG,IAAI,IAAK,CAAE;AAAA,EACzC;AACA,SAAO;AACR;AAEA,SAAS,eAAgB;AAAA,EACxB,QAAQ,CAAC;AAAA,EACT;AAAA,EACA,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA,cAAc;AACf,GAAI;AACH,QAAM,YAAY;AAClB,QAAM,aAAS,8BAAe,gBAAgB,SAAU;AACxD,SACC,6CAAC,gDAAqB,WAAwB,cAAa,OACxD;AAAA,UAAO,OAAO,CAAE,EAAE,IAAK,CAAE,KAAK,MAC/B,4CAAC,8CACE,cAAI,IAAK,CAAE,MAAM,MAClB;AAAA,MAAC,0BAAAA;AAAA,MAAA;AAAA,QAEA;AAAA,QACA,eAAY;AAAA,UACX,KAAK;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAc,eAAe,CAAE,KAAK;AAAA,QACpC,SAAU,MAAM,KAAK,MAAM;AAAA,QAC3B,OAAQ,GAAI,MAAO,IAAK,CAAE;AAAA;AAAA,MATpB,KAAK;AAAA,IAUZ,CACC,KAduB,CAe1B,CACC;AAAA,IACA;AAAA,KACH;AAEF;AAEA,IAAO,2BAAQ;",
+  "names": ["InserterListItem"]
+}

package/build/components/block-variation-picker/index.js

@@ -1,67 +1,95 @@
 "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_variation_picker_exports = {};
+__export(block_variation_picker_exports, {
+  default: () => block_variation_picker_default
 });
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _i18n = require("@wordpress/i18n");
-var _components = require("@wordpress/components");
-var _icons = require("@wordpress/icons");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
+module.exports = __toCommonJS(block_variation_picker_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_icons = require("@wordpress/icons");
 function BlockVariationPicker({
-  icon = _icons.layout,
-  label = (0, _i18n.__)('Choose variation'),
-  instructions = (0, _i18n.__)('Select a variation to start with:'),
+  icon = import_icons.layout,
+  label = (0, import_i18n.__)("Choose variation"),
+  instructions = (0, import_i18n.__)("Select a variation to start with:"),
   variations,
   onSelect,
   allowSkip
 }) {
-  const classes = (0, _clsx.default)('block-editor-block-variation-picker', {
-    'has-many-variations': variations.length > 4
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Placeholder, {
-    icon: icon,
-    label: label,
-    instructions: instructions,
-    className: classes,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-      className: "block-editor-block-variation-picker__variations",
-      role: "list",
-      "aria-label": (0, _i18n.__)('Block variations'),
-      children: variations.map(variation => /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-          __next40pxDefaultSize: true,
-          variant: "tertiary",
-          icon: variation.icon && variation.icon.src ? variation.icon.src : variation.icon,
-          iconSize: 48,
-          onClick: () => onSelect(variation),
-          className: "block-editor-block-variation-picker__variation",
-          label: variation.description || variation.title
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "block-editor-block-variation-picker__variation-label",
-          children: variation.title
-        })]
-      }, variation.name))
-    }), allowSkip && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "block-editor-block-variation-picker__skip",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-        __next40pxDefaultSize: true,
-        variant: "link",
-        onClick: () => onSelect(),
-        children: (0, _i18n.__)('Skip')
-      })
-    })]
+  const classes = (0, import_clsx.default)("block-editor-block-variation-picker", {
+    "has-many-variations": variations.length > 4
   });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_components.Placeholder,
+    {
+      icon,
+      label,
+      instructions,
+      className: classes,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "ul",
+          {
+            className: "block-editor-block-variation-picker__variations",
+            role: "list",
+            "aria-label": (0, import_i18n.__)("Block variations"),
+            children: variations.map((variation) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_components.Button,
+                {
+                  __next40pxDefaultSize: true,
+                  variant: "tertiary",
+                  icon: variation.icon && variation.icon.src ? variation.icon.src : variation.icon,
+                  iconSize: 48,
+                  onClick: () => onSelect(variation),
+                  className: "block-editor-block-variation-picker__variation",
+                  label: variation.description || variation.title
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block-editor-block-variation-picker__variation-label", children: variation.title })
+            ] }, variation.name))
+          }
+        ),
+        allowSkip && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block-editor-block-variation-picker__skip", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.Button,
+          {
+            __next40pxDefaultSize: true,
+            variant: "link",
+            onClick: () => onSelect(),
+            children: (0, import_i18n.__)("Skip")
+          }
+        ) })
+      ]
+    }
+  );
 }
-var _default = exports.default = BlockVariationPicker;
-//# sourceMappingURL=index.js.map
+var block_variation_picker_default = BlockVariationPicker;
+//# sourceMappingURL=index.js.map

package/build/components/block-variation-picker/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_components","_icons","_jsxRuntime","BlockVariationPicker","icon","layout","label","__","instructions","variations","onSelect","allowSkip","classes","clsx","length","jsxs","Placeholder","className","children","jsx","role","map","variation","Button","__next40pxDefaultSize","variant","src","iconSize","onClick","description","title","name","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-variation-picker/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Button, Placeholder } from '@wordpress/components';\nimport { layout } from '@wordpress/icons';\n\nfunction BlockVariationPicker( {\n\ticon = layout,\n\tlabel = __( 'Choose variation' ),\n\tinstructions = __( 'Select a variation to start with:' ),\n\tvariations,\n\tonSelect,\n\tallowSkip,\n} ) {\n\tconst classes = clsx( 'block-editor-block-variation-picker', {\n\t\t'has-many-variations': variations.length > 4,\n\t} );\n\n\treturn (\n\t\t<Placeholder\n\t\t\ticon={ icon }\n\t\t\tlabel={ label }\n\t\t\tinstructions={ instructions }\n\t\t\tclassName={ classes }\n\t\t>\n\t\t\t{ /*\n\t\t\t * Disable reason: The `list` ARIA role is redundant but\n\t\t\t * Safari+VoiceOver won't announce the list otherwise.\n\t\t\t */\n\t\t\t/* eslint-disable jsx-a11y/no-redundant-roles */ }\n\t\t\t<ul\n\t\t\t\tclassName=\"block-editor-block-variation-picker__variations\"\n\t\t\t\trole=\"list\"\n\t\t\t\taria-label={ __( 'Block variations' ) }\n\t\t\t>\n\t\t\t\t{ variations.map( ( variation ) => (\n\t\t\t\t\t<li key={ variation.name }>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\tvariation.icon && variation.icon.src\n\t\t\t\t\t\t\t\t\t? variation.icon.src\n\t\t\t\t\t\t\t\t\t: variation.icon\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ticonSize={ 48 }\n\t\t\t\t\t\t\tonClick={ () => onSelect( variation ) }\n\t\t\t\t\t\t\tclassName=\"block-editor-block-variation-picker__variation\"\n\t\t\t\t\t\t\tlabel={ variation.description || variation.title }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span className=\"block-editor-block-variation-picker__variation-label\">\n\t\t\t\t\t\t\t{ variation.title }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</li>\n\t\t\t\t) ) }\n\t\t\t</ul>\n\t\t\t{ /* eslint-enable jsx-a11y/no-redundant-roles */ }\n\t\t\t{ allowSkip && (\n\t\t\t\t<div className=\"block-editor-block-variation-picker__skip\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\tonClick={ () => onSelect() }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Skip' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</Placeholder>\n\t);\n}\n\nexport default BlockVariationPicker;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA0C,IAAAI,WAAA,GAAAJ,OAAA;AAV1C;AACA;AACA;;AAGA;AACA;AACA;;AAKA,SAASK,oBAAoBA,CAAE;EAC9BC,IAAI,GAAGC,aAAM;EACbC,KAAK,GAAG,IAAAC,QAAE,EAAE,kBAAmB,CAAC;EAChCC,YAAY,GAAG,IAAAD,QAAE,EAAE,mCAAoC,CAAC;EACxDE,UAAU;EACVC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,OAAO,GAAG,IAAAC,aAAI,EAAE,qCAAqC,EAAE;IAC5D,qBAAqB,EAAEJ,UAAU,CAACK,MAAM,GAAG;EAC5C,CAAE,CAAC;EAEH,oBACC,IAAAZ,WAAA,CAAAa,IAAA,EAACf,WAAA,CAAAgB,WAAW;IACXZ,IAAI,EAAGA,IAAM;IACbE,KAAK,EAAGA,KAAO;IACfE,YAAY,EAAGA,YAAc;IAC7BS,SAAS,EAAGL,OAAS;IAAAM,QAAA,gBAOrB,IAAAhB,WAAA,CAAAiB,GAAA;MACCF,SAAS,EAAC,iDAAiD;MAC3DG,IAAI,EAAC,MAAM;MACX,cAAa,IAAAb,QAAE,EAAE,kBAAmB,CAAG;MAAAW,QAAA,EAErCT,UAAU,CAACY,GAAG,CAAIC,SAAS,iBAC5B,IAAApB,WAAA,CAAAa,IAAA;QAAAG,QAAA,gBACC,IAAAhB,WAAA,CAAAiB,GAAA,EAACnB,WAAA,CAAAuB,MAAM;UACNC,qBAAqB;UACrBC,OAAO,EAAC,UAAU;UAClBrB,IAAI,EACHkB,SAAS,CAAClB,IAAI,IAAIkB,SAAS,CAAClB,IAAI,CAACsB,GAAG,GACjCJ,SAAS,CAAClB,IAAI,CAACsB,GAAG,GAClBJ,SAAS,CAAClB,IACb;UACDuB,QAAQ,EAAG,EAAI;UACfC,OAAO,EAAGA,CAAA,KAAMlB,QAAQ,CAAEY,SAAU,CAAG;UACvCL,SAAS,EAAC,gDAAgD;UAC1DX,KAAK,EAAGgB,SAAS,CAACO,WAAW,IAAIP,SAAS,CAACQ;QAAO,CAClD,CAAC,eACF,IAAA5B,WAAA,CAAAiB,GAAA;UAAMF,SAAS,EAAC,sDAAsD;UAAAC,QAAA,EACnEI,SAAS,CAACQ;QAAK,CACZ,CAAC;MAAA,GAhBER,SAAS,CAACS,IAiBhB,CACH;IAAC,CACA,CAAC,EAEHpB,SAAS,iBACV,IAAAT,WAAA,CAAAiB,GAAA;MAAKF,SAAS,EAAC,2CAA2C;MAAAC,QAAA,eACzD,IAAAhB,WAAA,CAAAiB,GAAA,EAACnB,WAAA,CAAAuB,MAAM;QACNC,qBAAqB;QACrBC,OAAO,EAAC,MAAM;QACdG,OAAO,EAAGA,CAAA,KAAMlB,QAAQ,CAAC,CAAG;QAAAQ,QAAA,EAE1B,IAAAX,QAAE,EAAE,MAAO;MAAC,CACP;IAAC,CACL,CACL;EAAA,CACW,CAAC;AAEhB;AAAC,IAAAyB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc/B,oBAAoB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-variation-picker/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Button, Placeholder } from '@wordpress/components';\nimport { layout } from '@wordpress/icons';\n\nfunction BlockVariationPicker( {\n\ticon = layout,\n\tlabel = __( 'Choose variation' ),\n\tinstructions = __( 'Select a variation to start with:' ),\n\tvariations,\n\tonSelect,\n\tallowSkip,\n} ) {\n\tconst classes = clsx( 'block-editor-block-variation-picker', {\n\t\t'has-many-variations': variations.length > 4,\n\t} );\n\n\treturn (\n\t\t<Placeholder\n\t\t\ticon={ icon }\n\t\t\tlabel={ label }\n\t\t\tinstructions={ instructions }\n\t\t\tclassName={ classes }\n\t\t>\n\t\t\t{ /*\n\t\t\t * Disable reason: The `list` ARIA role is redundant but\n\t\t\t * Safari+VoiceOver won't announce the list otherwise.\n\t\t\t */\n\t\t\t/* eslint-disable jsx-a11y/no-redundant-roles */ }\n\t\t\t<ul\n\t\t\t\tclassName=\"block-editor-block-variation-picker__variations\"\n\t\t\t\trole=\"list\"\n\t\t\t\taria-label={ __( 'Block variations' ) }\n\t\t\t>\n\t\t\t\t{ variations.map( ( variation ) => (\n\t\t\t\t\t<li key={ variation.name }>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\tvariation.icon && variation.icon.src\n\t\t\t\t\t\t\t\t\t? variation.icon.src\n\t\t\t\t\t\t\t\t\t: variation.icon\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ticonSize={ 48 }\n\t\t\t\t\t\t\tonClick={ () => onSelect( variation ) }\n\t\t\t\t\t\t\tclassName=\"block-editor-block-variation-picker__variation\"\n\t\t\t\t\t\t\tlabel={ variation.description || variation.title }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span className=\"block-editor-block-variation-picker__variation-label\">\n\t\t\t\t\t\t\t{ variation.title }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</li>\n\t\t\t\t) ) }\n\t\t\t</ul>\n\t\t\t{ /* eslint-enable jsx-a11y/no-redundant-roles */ }\n\t\t\t{ allowSkip && (\n\t\t\t\t<div className=\"block-editor-block-variation-picker__skip\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\tonClick={ () => onSelect() }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Skip' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</Placeholder>\n\t);\n}\n\nexport default BlockVariationPicker;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0CK;AAvCL,kBAAiB;AAKjB,kBAAmB;AACnB,wBAAoC;AACpC,mBAAuB;AAEvB,SAAS,qBAAsB;AAAA,EAC9B,OAAO;AAAA,EACP,YAAQ,gBAAI,kBAAmB;AAAA,EAC/B,mBAAe,gBAAI,mCAAoC;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,cAAU,YAAAA,SAAM,uCAAuC;AAAA,IAC5D,uBAAuB,WAAW,SAAS;AAAA,EAC5C,CAAE;AAEF,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAY;AAAA,MAOZ;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,WAAU;AAAA,YACV,MAAK;AAAA,YACL,kBAAa,gBAAI,kBAAmB;AAAA,YAElC,qBAAW,IAAK,CAAE,cACnB,6CAAC,QACA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACA,uBAAqB;AAAA,kBACrB,SAAQ;AAAA,kBACR,MACC,UAAU,QAAQ,UAAU,KAAK,MAC9B,UAAU,KAAK,MACf,UAAU;AAAA,kBAEd,UAAW;AAAA,kBACX,SAAU,MAAM,SAAU,SAAU;AAAA,kBACpC,WAAU;AAAA,kBACV,OAAQ,UAAU,eAAe,UAAU;AAAA;AAAA,cAC5C;AAAA,cACA,4CAAC,UAAK,WAAU,wDACb,oBAAU,OACb;AAAA,iBAhBS,UAAU,IAiBpB,CACC;AAAA;AAAA,QACH;AAAA,QAEE,aACD,4CAAC,SAAI,WAAU,6CACd;AAAA,UAAC;AAAA;AAAA,YACA,uBAAqB;AAAA,YACrB,SAAQ;AAAA,YACR,SAAU,MAAM,SAAS;AAAA,YAEvB,8BAAI,MAAO;AAAA;AAAA,QACd,GACD;AAAA;AAAA;AAAA,EAEF;AAEF;AAEA,IAAO,iCAAQ;",
+  "names": ["clsx"]
+}