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

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

@@ -1,79 +1,89 @@
 "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_styles_exports = {};
+__export(block_styles_exports, {
+  default: () => block_styles_default
 });
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _element = require("@wordpress/element");
-var _compose = require("@wordpress/compose");
-var _components = require("@wordpress/components");
-var _previewPanel = _interopRequireDefault(require("./preview-panel"));
-var _useStylesForBlock = _interopRequireDefault(require("./use-styles-for-block"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const noop = () => {};
-
-// Block Styles component for the Settings Sidebar.
-function BlockStyles({
-  clientId,
-  onSwitch = noop,
-  onHoverClassName = noop
-}) {
+module.exports = __toCommonJS(block_styles_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_element = require("@wordpress/element");
+var import_compose = require("@wordpress/compose");
+var import_components = require("@wordpress/components");
+var import_preview_panel = __toESM(require("./preview-panel"));
+var import_use_styles_for_block = __toESM(require("./use-styles-for-block"));
+const noop = () => {
+};
+function BlockStyles({ clientId, onSwitch = noop, onHoverClassName = noop }) {
   const {
     onSelect,
     stylesToRender,
     activeStyle,
     genericPreviewBlock,
     className: previewClassName
-  } = (0, _useStylesForBlock.default)({
+  } = (0, import_use_styles_for_block.default)({
     clientId,
     onSwitch
   });
-  const [hoveredStyle, setHoveredStyle] = (0, _element.useState)(null);
-  const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
+  const [hoveredStyle, setHoveredStyle] = (0, import_element.useState)(null);
+  const isMobileViewport = (0, import_compose.useViewportMatch)("medium", "<");
   if (!stylesToRender || stylesToRender.length === 0) {
     return null;
   }
-  const debouncedSetHoveredStyle = (0, _compose.debounce)(setHoveredStyle, 250);
-  const onSelectStylePreview = style => {
+  const debouncedSetHoveredStyle = (0, import_compose.debounce)(setHoveredStyle, 250);
+  const onSelectStylePreview = (style) => {
     onSelect(style);
     onHoverClassName(null);
     setHoveredStyle(null);
     debouncedSetHoveredStyle.cancel();
   };
-  const styleItemHandler = item => {
-    var _item$name;
+  const styleItemHandler = (item) => {
     if (hoveredStyle === item) {
       debouncedSetHoveredStyle.cancel();
       return;
     }
     debouncedSetHoveredStyle(item);
-    onHoverClassName((_item$name = item?.name) !== null && _item$name !== void 0 ? _item$name : null);
+    onHoverClassName(item?.name ?? null);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "block-editor-block-styles",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "block-editor-block-styles__variants",
-      children: stylesToRender.map(style => {
-        const buttonText = style.label || style.name;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "block-editor-block-styles", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block-editor-block-styles__variants", children: stylesToRender.map((style) => {
+      const buttonText = style.label || style.name;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.Button,
+        {
           __next40pxDefaultSize: true,
-          className: (0, _clsx.default)('block-editor-block-styles__item', {
-            'is-active': activeStyle.name === style.name
-          }),
+          className: (0, import_clsx.default)(
+            "block-editor-block-styles__item",
+            {
+              "is-active": activeStyle.name === style.name
+            }
+          ),
           variant: "secondary",
           label: buttonText,
           onMouseEnter: () => styleItemHandler(style),
@@ -82,29 +92,43 @@ function BlockStyles({
           onBlur: () => styleItemHandler(null),
           onClick: () => onSelectStylePreview(style),
           "aria-current": activeStyle.name === style.name,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalTruncate, {
-            numberOfLines: 1,
-            className: "block-editor-block-styles__item-text",
-            children: buttonText
-          })
-        }, style.name);
-      })
-    }), hoveredStyle && !isMobileViewport && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popover, {
-      placement: "left-start",
-      offset: 34,
-      focusOnMount: false,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "block-editor-block-styles__preview-panel",
-        onMouseLeave: () => styleItemHandler(null),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_previewPanel.default, {
-          activeStyle: activeStyle,
-          className: previewClassName,
-          genericPreviewBlock: genericPreviewBlock,
-          style: hoveredStyle
-        })
-      })
-    })]
-  });
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.__experimentalTruncate,
+            {
+              numberOfLines: 1,
+              className: "block-editor-block-styles__item-text",
+              children: buttonText
+            }
+          )
+        },
+        style.name
+      );
+    }) }),
+    hoveredStyle && !isMobileViewport && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Popover,
+      {
+        placement: "left-start",
+        offset: 34,
+        focusOnMount: false,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: "block-editor-block-styles__preview-panel",
+            onMouseLeave: () => styleItemHandler(null),
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_preview_panel.default,
+              {
+                activeStyle,
+                className: previewClassName,
+                genericPreviewBlock,
+                style: hoveredStyle
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
 }
-var _default = exports.default = BlockStyles;
-//# sourceMappingURL=index.js.map
+var block_styles_default = BlockStyles;
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_compose","_components","_previewPanel","_useStylesForBlock","_jsxRuntime","noop","BlockStyles","clientId","onSwitch","onHoverClassName","onSelect","stylesToRender","activeStyle","genericPreviewBlock","className","previewClassName","useStylesForBlocks","hoveredStyle","setHoveredStyle","useState","isMobileViewport","useViewportMatch","length","debouncedSetHoveredStyle","debounce","onSelectStylePreview","style","cancel","styleItemHandler","item","_item$name","name","jsxs","children","jsx","map","buttonText","label","Button","__next40pxDefaultSize","clsx","variant","onMouseEnter","onFocus","onMouseLeave","onBlur","onClick","__experimentalTruncate","numberOfLines","Popover","placement","offset","focusOnMount","default","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-styles/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { debounce, useViewportMatch } from '@wordpress/compose';\nimport {\n\tButton,\n\t__experimentalTruncate as Truncate,\n\tPopover,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockStylesPreviewPanel from './preview-panel';\nimport useStylesForBlocks from './use-styles-for-block';\n\nconst noop = () => {};\n\n// Block Styles component for the Settings Sidebar.\nfunction BlockStyles( { clientId, onSwitch = noop, onHoverClassName = noop } ) {\n\tconst {\n\t\tonSelect,\n\t\tstylesToRender,\n\t\tactiveStyle,\n\t\tgenericPreviewBlock,\n\t\tclassName: previewClassName,\n\t} = useStylesForBlocks( {\n\t\tclientId,\n\t\tonSwitch,\n\t} );\n\tconst [ hoveredStyle, setHoveredStyle ] = useState( null );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tif ( ! stylesToRender || stylesToRender.length === 0 ) {\n\t\treturn null;\n\t}\n\n\tconst debouncedSetHoveredStyle = debounce( setHoveredStyle, 250 );\n\n\tconst onSelectStylePreview = ( style ) => {\n\t\tonSelect( style );\n\t\tonHoverClassName( null );\n\t\tsetHoveredStyle( null );\n\t\tdebouncedSetHoveredStyle.cancel();\n\t};\n\n\tconst styleItemHandler = ( item ) => {\n\t\tif ( hoveredStyle === item ) {\n\t\t\tdebouncedSetHoveredStyle.cancel();\n\t\t\treturn;\n\t\t}\n\t\tdebouncedSetHoveredStyle( item );\n\t\tonHoverClassName( item?.name ?? null );\n\t};\n\n\treturn (\n\t\t<div className=\"block-editor-block-styles\">\n\t\t\t<div className=\"block-editor-block-styles__variants\">\n\t\t\t\t{ stylesToRender.map( ( style ) => {\n\t\t\t\t\tconst buttonText = style.label || style.name;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t'block-editor-block-styles__item',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'is-active':\n\t\t\t\t\t\t\t\t\t\tactiveStyle.name === style.name,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tkey={ style.name }\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tlabel={ buttonText }\n\t\t\t\t\t\t\tonMouseEnter={ () => styleItemHandler( style ) }\n\t\t\t\t\t\t\tonFocus={ () => styleItemHandler( style ) }\n\t\t\t\t\t\t\tonMouseLeave={ () => styleItemHandler( null ) }\n\t\t\t\t\t\t\tonBlur={ () => styleItemHandler( null ) }\n\t\t\t\t\t\t\tonClick={ () => onSelectStylePreview( style ) }\n\t\t\t\t\t\t\taria-current={ activeStyle.name === style.name }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Truncate\n\t\t\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\t\t\tclassName=\"block-editor-block-styles__item-text\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ buttonText }\n\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t\t{ hoveredStyle && ! isMobileViewport && (\n\t\t\t\t<Popover\n\t\t\t\t\tplacement=\"left-start\"\n\t\t\t\t\toffset={ 34 }\n\t\t\t\t\tfocusOnMount={ false }\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"block-editor-block-styles__preview-panel\"\n\t\t\t\t\t\tonMouseLeave={ () => styleItemHandler( null ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockStylesPreviewPanel\n\t\t\t\t\t\t\tactiveStyle={ activeStyle }\n\t\t\t\t\t\t\tclassName={ previewClassName }\n\t\t\t\t\t\t\tgenericPreviewBlock={ genericPreviewBlock }\n\t\t\t\t\t\t\tstyle={ hoveredStyle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</Popover>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default BlockStyles;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-styles/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { debounce, useViewportMatch } from '@wordpress/compose';\nimport {\n\tButton,\n\t__experimentalTruncate as Truncate,\n\tPopover,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockStylesPreviewPanel from './preview-panel';\nimport useStylesForBlocks from './use-styles-for-block';\n\nconst noop = () => {};\n\n// Block Styles component for the Settings Sidebar.\nfunction BlockStyles( { clientId, onSwitch = noop, onHoverClassName = noop } ) {\n\tconst {\n\t\tonSelect,\n\t\tstylesToRender,\n\t\tactiveStyle,\n\t\tgenericPreviewBlock,\n\t\tclassName: previewClassName,\n\t} = useStylesForBlocks( {\n\t\tclientId,\n\t\tonSwitch,\n\t} );\n\tconst [ hoveredStyle, setHoveredStyle ] = useState( null );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tif ( ! stylesToRender || stylesToRender.length === 0 ) {\n\t\treturn null;\n\t}\n\n\tconst debouncedSetHoveredStyle = debounce( setHoveredStyle, 250 );\n\n\tconst onSelectStylePreview = ( style ) => {\n\t\tonSelect( style );\n\t\tonHoverClassName( null );\n\t\tsetHoveredStyle( null );\n\t\tdebouncedSetHoveredStyle.cancel();\n\t};\n\n\tconst styleItemHandler = ( item ) => {\n\t\tif ( hoveredStyle === item ) {\n\t\t\tdebouncedSetHoveredStyle.cancel();\n\t\t\treturn;\n\t\t}\n\t\tdebouncedSetHoveredStyle( item );\n\t\tonHoverClassName( item?.name ?? null );\n\t};\n\n\treturn (\n\t\t<div className=\"block-editor-block-styles\">\n\t\t\t<div className=\"block-editor-block-styles__variants\">\n\t\t\t\t{ stylesToRender.map( ( style ) => {\n\t\t\t\t\tconst buttonText = style.label || style.name;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t'block-editor-block-styles__item',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'is-active':\n\t\t\t\t\t\t\t\t\t\tactiveStyle.name === style.name,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tkey={ style.name }\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tlabel={ buttonText }\n\t\t\t\t\t\t\tonMouseEnter={ () => styleItemHandler( style ) }\n\t\t\t\t\t\t\tonFocus={ () => styleItemHandler( style ) }\n\t\t\t\t\t\t\tonMouseLeave={ () => styleItemHandler( null ) }\n\t\t\t\t\t\t\tonBlur={ () => styleItemHandler( null ) }\n\t\t\t\t\t\t\tonClick={ () => onSelectStylePreview( style ) }\n\t\t\t\t\t\t\taria-current={ activeStyle.name === style.name }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Truncate\n\t\t\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\t\t\tclassName=\"block-editor-block-styles__item-text\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ buttonText }\n\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t\t{ hoveredStyle && ! isMobileViewport && (\n\t\t\t\t<Popover\n\t\t\t\t\tplacement=\"left-start\"\n\t\t\t\t\toffset={ 34 }\n\t\t\t\t\tfocusOnMount={ false }\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"block-editor-block-styles__preview-panel\"\n\t\t\t\t\t\tonMouseLeave={ () => styleItemHandler( null ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockStylesPreviewPanel\n\t\t\t\t\t\t\tactiveStyle={ activeStyle }\n\t\t\t\t\t\t\tclassName={ previewClassName }\n\t\t\t\t\t\t\tgenericPreviewBlock={ genericPreviewBlock }\n\t\t\t\t\t\t\tstyle={ hoveredStyle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</Popover>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default BlockStyles;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8DE;AA3DF,kBAAiB;AAKjB,qBAAyB;AACzB,qBAA2C;AAC3C,wBAIO;AAKP,2BAAoC;AACpC,kCAA+B;AAE/B,MAAM,OAAO,MAAM;AAAC;AAGpB,SAAS,YAAa,EAAE,UAAU,WAAW,MAAM,mBAAmB,KAAK,GAAI;AAC9E,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,EACZ,QAAI,4BAAAA,SAAoB;AAAA,IACvB;AAAA,IACA;AAAA,EACD,CAAE;AACF,QAAM,CAAE,cAAc,eAAgB,QAAI,yBAAU,IAAK;AACzD,QAAM,uBAAmB,iCAAkB,UAAU,GAAI;AAEzD,MAAK,CAAE,kBAAkB,eAAe,WAAW,GAAI;AACtD,WAAO;AAAA,EACR;AAEA,QAAM,+BAA2B,yBAAU,iBAAiB,GAAI;AAEhE,QAAM,uBAAuB,CAAE,UAAW;AACzC,aAAU,KAAM;AAChB,qBAAkB,IAAK;AACvB,oBAAiB,IAAK;AACtB,6BAAyB,OAAO;AAAA,EACjC;AAEA,QAAM,mBAAmB,CAAE,SAAU;AACpC,QAAK,iBAAiB,MAAO;AAC5B,+BAAyB,OAAO;AAChC;AAAA,IACD;AACA,6BAA0B,IAAK;AAC/B,qBAAkB,MAAM,QAAQ,IAAK;AAAA,EACtC;AAEA,SACC,6CAAC,SAAI,WAAU,6BACd;AAAA,gDAAC,SAAI,WAAU,uCACZ,yBAAe,IAAK,CAAE,UAAW;AAClC,YAAM,aAAa,MAAM,SAAS,MAAM;AAExC,aACC;AAAA,QAAC;AAAA;AAAA,UACA,uBAAqB;AAAA,UACrB,eAAY,YAAAC;AAAA,YACX;AAAA,YACA;AAAA,cACC,aACC,YAAY,SAAS,MAAM;AAAA,YAC7B;AAAA,UACD;AAAA,UAEA,SAAQ;AAAA,UACR,OAAQ;AAAA,UACR,cAAe,MAAM,iBAAkB,KAAM;AAAA,UAC7C,SAAU,MAAM,iBAAkB,KAAM;AAAA,UACxC,cAAe,MAAM,iBAAkB,IAAK;AAAA,UAC5C,QAAS,MAAM,iBAAkB,IAAK;AAAA,UACtC,SAAU,MAAM,qBAAsB,KAAM;AAAA,UAC5C,gBAAe,YAAY,SAAS,MAAM;AAAA,UAE1C;AAAA,YAAC,kBAAAC;AAAA,YAAA;AAAA,cACA,eAAgB;AAAA,cAChB,WAAU;AAAA,cAER;AAAA;AAAA,UACH;AAAA;AAAA,QAfM,MAAM;AAAA,MAgBb;AAAA,IAEF,CAAE,GACH;AAAA,IACE,gBAAgB,CAAE,oBACnB;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,QAAS;AAAA,QACT,cAAe;AAAA,QAEf;AAAA,UAAC;AAAA;AAAA,YACA,WAAU;AAAA,YACV,cAAe,MAAM,iBAAkB,IAAK;AAAA,YAE5C;AAAA,cAAC,qBAAAC;AAAA,cAAA;AAAA,gBACA;AAAA,gBACA,WAAY;AAAA,gBACZ;AAAA,gBACA,OAAQ;AAAA;AAAA,YACT;AAAA;AAAA,QACD;AAAA;AAAA,IACD;AAAA,KAEF;AAEF;AAEA,IAAO,uBAAQ;",
+  "names": ["useStylesForBlocks", "clsx", "Truncate", "BlockStylesPreviewPanel"]
+}

package/build/components/block-styles/menu-items.js

@@ -1,53 +1,70 @@
 "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 menu_items_exports = {};
+__export(menu_items_exports, {
+  default: () => BlockStylesMenuItems
 });
-exports.default = BlockStylesMenuItems;
-var _components = require("@wordpress/components");
-var _icons = require("@wordpress/icons");
-var _useStylesForBlock = _interopRequireDefault(require("./use-styles-for-block"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const noop = () => {};
-function BlockStylesMenuItems({
-  clientId,
-  onSwitch = noop
-}) {
-  const {
-    onSelect,
-    stylesToRender,
-    activeStyle
-  } = (0, _useStylesForBlock.default)({
+module.exports = __toCommonJS(menu_items_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_icons = require("@wordpress/icons");
+var import_use_styles_for_block = __toESM(require("./use-styles-for-block"));
+const noop = () => {
+};
+function BlockStylesMenuItems({ clientId, onSwitch = noop }) {
+  const { onSelect, stylesToRender, activeStyle } = (0, import_use_styles_for_block.default)({
     clientId,
     onSwitch
   });
   if (!stylesToRender || stylesToRender.length === 0) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: stylesToRender.map(style => {
-      const menuItemText = style.label || style.name;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
-        icon: activeStyle.name === style.name ? _icons.check : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: stylesToRender.map((style) => {
+    const menuItemText = style.label || style.name;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.MenuItem,
+      {
+        icon: activeStyle.name === style.name ? import_icons.check : null,
         onClick: () => onSelect(style),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
-          as: "span",
-          limit: 18,
-          ellipsizeMode: "tail",
-          truncate: true,
-          children: menuItemText
-        })
-      }, style.name);
-    })
-  });
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.__experimentalText,
+          {
+            as: "span",
+            limit: 18,
+            ellipsizeMode: "tail",
+            truncate: true,
+            children: menuItemText
+          }
+        )
+      },
+      style.name
+    );
+  }) });
 }
-//# sourceMappingURL=menu-items.js.map
+//# sourceMappingURL=menu-items.js.map

package/build/components/block-styles/menu-items.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_icons","_useStylesForBlock","_interopRequireDefault","_jsxRuntime","noop","BlockStylesMenuItems","clientId","onSwitch","onSelect","stylesToRender","activeStyle","useStylesForBlocks","length","jsx","Fragment","children","map","style","menuItemText","label","name","MenuItem","icon","check","onClick","__experimentalText","as","limit","ellipsizeMode","truncate"],"sources":["@wordpress/block-editor/src/components/block-styles/menu-items.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem, __experimentalText as Text } from '@wordpress/components';\nimport { check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport useStylesForBlocks from './use-styles-for-block';\n\nconst noop = () => {};\n\nexport default function BlockStylesMenuItems( { clientId, onSwitch = noop } ) {\n\tconst { onSelect, stylesToRender, activeStyle } = useStylesForBlocks( {\n\t\tclientId,\n\t\tonSwitch,\n\t} );\n\n\tif ( ! stylesToRender || stylesToRender.length === 0 ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<>\n\t\t\t{ stylesToRender.map( ( style ) => {\n\t\t\t\tconst menuItemText = style.label || style.name;\n\t\t\t\treturn (\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tkey={ style.name }\n\t\t\t\t\t\ticon={ activeStyle.name === style.name ? check : null }\n\t\t\t\t\t\tonClick={ () => onSelect( style ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\tlimit={ 18 }\n\t\t\t\t\t\t\tellipsizeMode=\"tail\"\n\t\t\t\t\t\t\ttruncate\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ menuItemText }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAKA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAwD,IAAAI,WAAA,GAAAJ,OAAA;AATxD;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMK,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAEN,SAASC,oBAAoBA,CAAE;EAAEC,QAAQ;EAAEC,QAAQ,GAAGH;AAAK,CAAC,EAAG;EAC7E,MAAM;IAAEI,QAAQ;IAAEC,cAAc;IAAEC;EAAY,CAAC,GAAG,IAAAC,0BAAkB,EAAE;IACrEL,QAAQ;IACRC;EACD,CAAE,CAAC;EAEH,IAAK,CAAEE,cAAc,IAAIA,cAAc,CAACG,MAAM,KAAK,CAAC,EAAG;IACtD,OAAO,IAAI;EACZ;EACA,oBACC,IAAAT,WAAA,CAAAU,GAAA,EAAAV,WAAA,CAAAW,QAAA;IAAAC,QAAA,EACGN,cAAc,CAACO,GAAG,CAAIC,KAAK,IAAM;MAClC,MAAMC,YAAY,GAAGD,KAAK,CAACE,KAAK,IAAIF,KAAK,CAACG,IAAI;MAC9C,oBACC,IAAAjB,WAAA,CAAAU,GAAA,EAACf,WAAA,CAAAuB,QAAQ;QAERC,IAAI,EAAGZ,WAAW,CAACU,IAAI,KAAKH,KAAK,CAACG,IAAI,GAAGG,YAAK,GAAG,IAAM;QACvDC,OAAO,EAAGA,CAAA,KAAMhB,QAAQ,CAAES,KAAM,CAAG;QAAAF,QAAA,eAEnC,IAAAZ,WAAA,CAAAU,GAAA,EAACf,WAAA,CAAA2B,kBAAI;UACJC,EAAE,EAAC,MAAM;UACTC,KAAK,EAAG,EAAI;UACZC,aAAa,EAAC,MAAM;UACpBC,QAAQ;UAAAd,QAAA,EAENG;QAAY,CACT;MAAC,GAXDD,KAAK,CAACG,IAYH,CAAC;IAEb,CAAE;EAAC,CACF,CAAC;AAEL","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-styles/menu-items.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { MenuItem, __experimentalText as Text } from '@wordpress/components';\nimport { check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport useStylesForBlocks from './use-styles-for-block';\n\nconst noop = () => {};\n\nexport default function BlockStylesMenuItems( { clientId, onSwitch = noop } ) {\n\tconst { onSelect, stylesToRender, activeStyle } = useStylesForBlocks( {\n\t\tclientId,\n\t\tonSwitch,\n\t} );\n\n\tif ( ! stylesToRender || stylesToRender.length === 0 ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<>\n\t\t\t{ stylesToRender.map( ( style ) => {\n\t\t\t\tconst menuItemText = style.label || style.name;\n\t\t\t\treturn (\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tkey={ style.name }\n\t\t\t\t\t\ticon={ activeStyle.name === style.name ? check : null }\n\t\t\t\t\t\tonClick={ () => onSelect( style ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\tlimit={ 18 }\n\t\t\t\t\t\t\tellipsizeMode=\"tail\"\n\t\t\t\t\t\t\ttruncate\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ menuItemText }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBE;AApBF,wBAAqD;AACrD,mBAAsB;AAKtB,kCAA+B;AAE/B,MAAM,OAAO,MAAM;AAAC;AAEL,SAAR,qBAAuC,EAAE,UAAU,WAAW,KAAK,GAAI;AAC7E,QAAM,EAAE,UAAU,gBAAgB,YAAY,QAAI,4BAAAA,SAAoB;AAAA,IACrE;AAAA,IACA;AAAA,EACD,CAAE;AAEF,MAAK,CAAE,kBAAkB,eAAe,WAAW,GAAI;AACtD,WAAO;AAAA,EACR;AACA,SACC,2EACG,yBAAe,IAAK,CAAE,UAAW;AAClC,UAAM,eAAe,MAAM,SAAS,MAAM;AAC1C,WACC;AAAA,MAAC;AAAA;AAAA,QAEA,MAAO,YAAY,SAAS,MAAM,OAAO,qBAAQ;AAAA,QACjD,SAAU,MAAM,SAAU,KAAM;AAAA,QAEhC;AAAA,UAAC,kBAAAC;AAAA,UAAA;AAAA,YACA,IAAG;AAAA,YACH,OAAQ;AAAA,YACR,eAAc;AAAA,YACd,UAAQ;AAAA,YAEN;AAAA;AAAA,QACH;AAAA;AAAA,MAXM,MAAM;AAAA,IAYb;AAAA,EAEF,CAAE,GACH;AAEF;",
+  "names": ["useStylesForBlocks", "Text"]
+}

package/build/components/block-styles/preview-panel.js

@@ -1,45 +1,61 @@
 "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 preview_panel_exports = {};
+__export(preview_panel_exports, {
+  default: () => BlockStylesPreviewPanel
 });
-exports.default = BlockStylesPreviewPanel;
-var _blocks = require("@wordpress/blocks");
-var _element = require("@wordpress/element");
-var _previewPanel = _interopRequireDefault(require("../inserter/preview-panel"));
-var _utils = require("./utils");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(preview_panel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_blocks = require("@wordpress/blocks");
+var import_element = require("@wordpress/element");
+var import_preview_panel = __toESM(require("../inserter/preview-panel"));
+var import_utils = require("./utils");
 function BlockStylesPreviewPanel({
   genericPreviewBlock,
   style,
   className,
   activeStyle
 }) {
-  const example = (0, _blocks.getBlockType)(genericPreviewBlock.name)?.example;
-  const styleClassName = (0, _utils.replaceActiveStyle)(className, activeStyle, style);
-  const previewBlocks = (0, _element.useMemo)(() => {
+  const example = (0, import_blocks.getBlockType)(genericPreviewBlock.name)?.example;
+  const styleClassName = (0, import_utils.replaceActiveStyle)(className, activeStyle, style);
+  const previewBlocks = (0, import_element.useMemo)(() => {
     return {
       ...genericPreviewBlock,
       title: style.label || style.name,
       description: style.description,
       initialAttributes: {
         ...genericPreviewBlock.attributes,
-        className: styleClassName + ' block-editor-block-styles__block-preview-container'
+        className: styleClassName + " block-editor-block-styles__block-preview-container"
       },
       example
     };
   }, [genericPreviewBlock, styleClassName]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_previewPanel.default, {
-    item: previewBlocks
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_preview_panel.default, { item: previewBlocks });
 }
-//# sourceMappingURL=preview-panel.js.map
+//# sourceMappingURL=preview-panel.js.map

package/build/components/block-styles/preview-panel.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_blocks","require","_element","_previewPanel","_interopRequireDefault","_utils","_jsxRuntime","BlockStylesPreviewPanel","genericPreviewBlock","style","className","activeStyle","example","getBlockType","name","styleClassName","replaceActiveStyle","previewBlocks","useMemo","title","label","description","initialAttributes","attributes","jsx","default","item"],"sources":["@wordpress/block-editor/src/components/block-styles/preview-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockType } from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport InserterPreviewPanel from '../inserter/preview-panel';\nimport { replaceActiveStyle } from './utils';\n\nexport default function BlockStylesPreviewPanel( {\n\tgenericPreviewBlock,\n\tstyle,\n\tclassName,\n\tactiveStyle,\n} ) {\n\tconst example = getBlockType( genericPreviewBlock.name )?.example;\n\tconst styleClassName = replaceActiveStyle( className, activeStyle, style );\n\tconst previewBlocks = useMemo( () => {\n\t\treturn {\n\t\t\t...genericPreviewBlock,\n\t\t\ttitle: style.label || style.name,\n\t\t\tdescription: style.description,\n\t\t\tinitialAttributes: {\n\t\t\t\t...genericPreviewBlock.attributes,\n\t\t\t\tclassName:\n\t\t\t\t\tstyleClassName +\n\t\t\t\t\t' block-editor-block-styles__block-preview-container',\n\t\t\t},\n\t\t\texample,\n\t\t};\n\t}, [ genericPreviewBlock, styleClassName ] );\n\n\treturn <InserterPreviewPanel item={ previewBlocks } />;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA6C,IAAAK,WAAA,GAAAL,OAAA;AAV7C;AACA;AACA;;AAIA;AACA;AACA;;AAIe,SAASM,uBAAuBA,CAAE;EAChDC,mBAAmB;EACnBC,KAAK;EACLC,SAAS;EACTC;AACD,CAAC,EAAG;EACH,MAAMC,OAAO,GAAG,IAAAC,oBAAY,EAAEL,mBAAmB,CAACM,IAAK,CAAC,EAAEF,OAAO;EACjE,MAAMG,cAAc,GAAG,IAAAC,yBAAkB,EAAEN,SAAS,EAAEC,WAAW,EAAEF,KAAM,CAAC;EAC1E,MAAMQ,aAAa,GAAG,IAAAC,gBAAO,EAAE,MAAM;IACpC,OAAO;MACN,GAAGV,mBAAmB;MACtBW,KAAK,EAAEV,KAAK,CAACW,KAAK,IAAIX,KAAK,CAACK,IAAI;MAChCO,WAAW,EAAEZ,KAAK,CAACY,WAAW;MAC9BC,iBAAiB,EAAE;QAClB,GAAGd,mBAAmB,CAACe,UAAU;QACjCb,SAAS,EACRK,cAAc,GACd;MACF,CAAC;MACDH;IACD,CAAC;EACF,CAAC,EAAE,CAAEJ,mBAAmB,EAAEO,cAAc,CAAG,CAAC;EAE5C,oBAAO,IAAAT,WAAA,CAAAkB,GAAA,EAACrB,aAAA,CAAAsB,OAAoB;IAACC,IAAI,EAAGT;EAAe,CAAE,CAAC;AACvD","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-styles/preview-panel.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { getBlockType } from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport InserterPreviewPanel from '../inserter/preview-panel';\nimport { replaceActiveStyle } from './utils';\n\nexport default function BlockStylesPreviewPanel( {\n\tgenericPreviewBlock,\n\tstyle,\n\tclassName,\n\tactiveStyle,\n} ) {\n\tconst example = getBlockType( genericPreviewBlock.name )?.example;\n\tconst styleClassName = replaceActiveStyle( className, activeStyle, style );\n\tconst previewBlocks = useMemo( () => {\n\t\treturn {\n\t\t\t...genericPreviewBlock,\n\t\t\ttitle: style.label || style.name,\n\t\t\tdescription: style.description,\n\t\t\tinitialAttributes: {\n\t\t\t\t...genericPreviewBlock.attributes,\n\t\t\t\tclassName:\n\t\t\t\t\tstyleClassName +\n\t\t\t\t\t' block-editor-block-styles__block-preview-container',\n\t\t\t},\n\t\t\texample,\n\t\t};\n\t}, [ genericPreviewBlock, styleClassName ] );\n\n\treturn <InserterPreviewPanel item={ previewBlocks } />;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCQ;AAhCR,oBAA6B;AAC7B,qBAAwB;AAKxB,2BAAiC;AACjC,mBAAmC;AAEpB,SAAR,wBAA0C;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,cAAU,4BAAc,oBAAoB,IAAK,GAAG;AAC1D,QAAM,qBAAiB,iCAAoB,WAAW,aAAa,KAAM;AACzE,QAAM,oBAAgB,wBAAS,MAAM;AACpC,WAAO;AAAA,MACN,GAAG;AAAA,MACH,OAAO,MAAM,SAAS,MAAM;AAAA,MAC5B,aAAa,MAAM;AAAA,MACnB,mBAAmB;AAAA,QAClB,GAAG,oBAAoB;AAAA,QACvB,WACC,iBACA;AAAA,MACF;AAAA,MACA;AAAA,IACD;AAAA,EACD,GAAG,CAAE,qBAAqB,cAAe,CAAE;AAE3C,SAAO,4CAAC,qBAAAA,SAAA,EAAqB,MAAO,eAAgB;AACrD;",
+  "names": ["InserterPreviewPanel"]
+}

package/build/components/block-styles/use-styles-for-block.js

@@ -1,92 +1,75 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_styles_for_block_exports = {};
+__export(use_styles_for_block_exports, {
+  default: () => useStylesForBlocks
 });
-exports.default = useStylesForBlocks;
-var _data = require("@wordpress/data");
-var _blocks = require("@wordpress/blocks");
-var _element = require("@wordpress/element");
-var _utils = require("./utils");
-var _store = require("../../store");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- *
- * @param {WPBlock}     block Block object.
- * @param {WPBlockType} type  Block type settings.
- * @return {WPBlock}          A generic block ready for styles preview.
- */
+module.exports = __toCommonJS(use_styles_for_block_exports);
+var import_data = require("@wordpress/data");
+var import_blocks = require("@wordpress/blocks");
+var import_element = require("@wordpress/element");
+var import_utils = require("./utils");
+var import_store = require("../../store");
 function useGenericPreviewBlock(block, type) {
-  return (0, _element.useMemo)(() => {
+  return (0, import_element.useMemo)(() => {
     const example = type?.example;
     const blockName = type?.name;
     if (example && blockName) {
-      return (0, _blocks.getBlockFromExample)(blockName, {
+      return (0, import_blocks.getBlockFromExample)(blockName, {
         attributes: example.attributes,
         innerBlocks: example.innerBlocks
       });
     }
     if (block) {
-      return (0, _blocks.cloneBlock)(block);
+      return (0, import_blocks.cloneBlock)(block);
     }
   }, [type?.example ? block?.name : block, type]);
 }
-
-/**
- * @typedef useStylesForBlocksArguments
- * @property {string}     clientId Block client ID.
- * @property {() => void} onSwitch Block style switch callback function.
- */
-
-/**
- *
- * @param {useStylesForBlocksArguments} useStylesForBlocks arguments.
- * @return {Object}                                         Results of the select methods.
- */
-function useStylesForBlocks({
-  clientId,
-  onSwitch
-}) {
-  const selector = select => {
-    const {
-      getBlock
-    } = select(_store.store);
-    const block = getBlock(clientId);
-    if (!block) {
+function useStylesForBlocks({ clientId, onSwitch }) {
+  const selector = (select) => {
+    const { getBlock } = select(import_store.store);
+    const block2 = getBlock(clientId);
+    if (!block2) {
       return {};
     }
-    const blockType = (0, _blocks.getBlockType)(block.name);
-    const {
-      getBlockStyles
-    } = select(_blocks.store);
+    const blockType2 = (0, import_blocks.getBlockType)(block2.name);
+    const { getBlockStyles } = select(import_blocks.store);
     return {
-      block,
-      blockType,
-      styles: getBlockStyles(block.name),
-      className: block.attributes.className || ''
+      block: block2,
+      blockType: blockType2,
+      styles: getBlockStyles(block2.name),
+      className: block2.attributes.className || ""
     };
   };
-  const {
-    styles,
-    block,
-    blockType,
-    className
-  } = (0, _data.useSelect)(selector, [clientId]);
-  const {
-    updateBlockAttributes
-  } = (0, _data.useDispatch)(_store.store);
-  const stylesToRender = (0, _utils.getRenderedStyles)(styles);
-  const activeStyle = (0, _utils.getActiveStyle)(stylesToRender, className);
+  const { styles, block, blockType, className } = (0, import_data.useSelect)(selector, [
+    clientId
+  ]);
+  const { updateBlockAttributes } = (0, import_data.useDispatch)(import_store.store);
+  const stylesToRender = (0, import_utils.getRenderedStyles)(styles);
+  const activeStyle = (0, import_utils.getActiveStyle)(stylesToRender, className);
   const genericPreviewBlock = useGenericPreviewBlock(block, blockType);
-  const onSelect = style => {
-    const styleClassName = (0, _utils.replaceActiveStyle)(className, activeStyle, style);
+  const onSelect = (style) => {
+    const styleClassName = (0, import_utils.replaceActiveStyle)(
+      className,
+      activeStyle,
+      style
+    );
     updateBlockAttributes(clientId, {
       className: styleClassName
     });
@@ -100,4 +83,4 @@ function useStylesForBlocks({
     className
   };
 }
-//# sourceMappingURL=use-styles-for-block.js.map
+//# sourceMappingURL=use-styles-for-block.js.map