@wordpress/block-library 8.34.0 → 9.0.0

package/build/html/preview.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_blockEditor","_components","_data","_i18n","DEFAULT_STYLES","HTMLEditPreview","content","isSelected","settingStyles","useSelect","select","blockEditorStore","getSettings","styles","useMemo","transformStyles","filter","style","css","_react","createElement","Fragment","SandBox","html","title","__","tabIndex","className"],"sources":["@wordpress/block-library/src/html/preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport {\n\ttransformStyles,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { SandBox } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n// Default styles used to unset some of the styles\n// that might be inherited from the editor style.\nconst DEFAULT_STYLES = `\n\thtml,body,:root {\n\t\tmargin: 0 !important;\n\t\tpadding: 0 !important;\n\t\toverflow: visible !important;\n\t\tmin-height: auto !important;\n\t}\n`;\n\nexport default function HTMLEditPreview( { content, isSelected } ) {\n\tconst settingStyles = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings().styles\n\t);\n\n\tconst styles = useMemo(\n\t\t() => [\n\t\t\tDEFAULT_STYLES,\n\t\t\t...transformStyles(\n\t\t\t\tsettingStyles.filter( ( style ) => style.css )\n\t\t\t),\n\t\t],\n\t\t[ settingStyles ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<SandBox\n\t\t\t\thtml={ content }\n\t\t\t\tstyles={ styles }\n\t\t\t\ttitle={ __( 'Custom HTML Preview' ) }\n\t\t\t\ttabIndex={ -1 }\n\t\t\t/>\n\t\t\t{ /*\n\t\t\t\tAn overlay is added when the block is not selected in order to register click events.\n\t\t\t\tSome browsers do not bubble up the clicks from the sandboxed iframe, which makes it\n\t\t\t\tdifficult to reselect the block.\n\t\t\t*/ }\n\t\t\t{ ! isSelected && (\n\t\t\t\t<div className=\"block-library-html__preview-overlay\"></div>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAVA;AACA;AACA;;AAUA;AACA;AACA,MAAMK,cAAc,GAAI;AACxB;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEc,SAASC,eAAeA,CAAE;EAAEC,OAAO;EAAEC;AAAW,CAAC,EAAG;EAClE,MAAMC,aAAa,GAAG,IAAAC,eAAS,EAC5BC,MAAM,IAAMA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,WAAW,CAAC,CAAC,CAACC,MACxD,CAAC;EAED,MAAMA,MAAM,GAAG,IAAAC,gBAAO,EACrB,MAAM,CACLV,cAAc,EACd,GAAG,IAAAW,4BAAe,EACjBP,aAAa,CAACQ,MAAM,CAAIC,KAAK,IAAMA,KAAK,CAACC,GAAI,CAC9C,CAAC,CACD,EACD,CAAEV,aAAa,CAChB,CAAC;EAED,OACC,IAAAW,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAqB,OAAO;IACPC,IAAI,EAAGjB,OAAS;IAChBO,MAAM,EAAGA,MAAQ;IACjBW,KAAK,EAAG,IAAAC,QAAE,EAAE,qBAAsB,CAAG;IACrCC,QAAQ,EAAG,CAAC;EAAG,CACf,CAAC,EAMA,CAAEnB,UAAU,IACb,IAAAY,MAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAqC,CAAM,CAE1D,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["_element","require","_blockEditor","_components","_data","_i18n","_jsxRuntime","DEFAULT_STYLES","HTMLEditPreview","content","isSelected","settingStyles","useSelect","select","blockEditorStore","getSettings","styles","useMemo","transformStyles","filter","style","css","jsxs","Fragment","children","jsx","SandBox","html","title","__","tabIndex","className"],"sources":["@wordpress/block-library/src/html/preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport {\n\ttransformStyles,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { SandBox } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n// Default styles used to unset some of the styles\n// that might be inherited from the editor style.\nconst DEFAULT_STYLES = `\n\thtml,body,:root {\n\t\tmargin: 0 !important;\n\t\tpadding: 0 !important;\n\t\toverflow: visible !important;\n\t\tmin-height: auto !important;\n\t}\n`;\n\nexport default function HTMLEditPreview( { content, isSelected } ) {\n\tconst settingStyles = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings().styles\n\t);\n\n\tconst styles = useMemo(\n\t\t() => [\n\t\t\tDEFAULT_STYLES,\n\t\t\t...transformStyles(\n\t\t\t\tsettingStyles.filter( ( style ) => style.css )\n\t\t\t),\n\t\t],\n\t\t[ settingStyles ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<SandBox\n\t\t\t\thtml={ content }\n\t\t\t\tstyles={ styles }\n\t\t\t\ttitle={ __( 'Custom HTML Preview' ) }\n\t\t\t\ttabIndex={ -1 }\n\t\t\t/>\n\t\t\t{ /*\n\t\t\t\tAn overlay is added when the block is not selected in order to register click events.\n\t\t\t\tSome browsers do not bubble up the clicks from the sandboxed iframe, which makes it\n\t\t\t\tdifficult to reselect the block.\n\t\t\t*/ }\n\t\t\t{ ! isSelected && (\n\t\t\t\t<div className=\"block-library-html__preview-overlay\"></div>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAqC,IAAAK,WAAA,GAAAL,OAAA;AAVrC;AACA;AACA;;AAUA;AACA;AACA,MAAMM,cAAc,GAAI;AACxB;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEc,SAASC,eAAeA,CAAE;EAAEC,OAAO;EAAEC;AAAW,CAAC,EAAG;EAClE,MAAMC,aAAa,GAAG,IAAAC,eAAS,EAC5BC,MAAM,IAAMA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,WAAW,CAAC,CAAC,CAACC,MACxD,CAAC;EAED,MAAMA,MAAM,GAAG,IAAAC,gBAAO,EACrB,MAAM,CACLV,cAAc,EACd,GAAG,IAAAW,4BAAe,EACjBP,aAAa,CAACQ,MAAM,CAAIC,KAAK,IAAMA,KAAK,CAACC,GAAI,CAC9C,CAAC,CACD,EACD,CAAEV,aAAa,CAChB,CAAC;EAED,oBACC,IAAAL,WAAA,CAAAgB,IAAA,EAAAhB,WAAA,CAAAiB,QAAA;IAAAC,QAAA,gBACC,IAAAlB,WAAA,CAAAmB,GAAA,EAACtB,WAAA,CAAAuB,OAAO;MACPC,IAAI,EAAGlB,OAAS;MAChBO,MAAM,EAAGA,MAAQ;MACjBY,KAAK,EAAG,IAAAC,QAAE,EAAE,qBAAsB,CAAG;MACrCC,QAAQ,EAAG,CAAC;IAAG,CACf,CAAC,EAMA,CAAEpB,UAAU,iBACb,IAAAJ,WAAA,CAAAmB,GAAA;MAAKM,SAAS,EAAC;IAAqC,CAAM,CAC1D;EAAA,CACA,CAAC;AAEL","ignoreList":[]}

package/build/html/save.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = save;
-var _react = require("react");
 var _element = require("@wordpress/element");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -13,6 +13,8 @@ var _element = require("@wordpress/element");
 function save({
   attributes
 }) {
-  return (0, _react.createElement)(_element.RawHTML, null, attributes.content);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_element.RawHTML, {
+    children: attributes.content
+  });
 }
 //# sourceMappingURL=save.js.map

package/build/html/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","save","attributes","_react","createElement","RawHTML","content"],"sources":["@wordpress/block-library/src/html/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RawHTML } from '@wordpress/element';\n\nexport default function save( { attributes } ) {\n\treturn <RawHTML>{ attributes.content }</RawHTML>;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACL,QAAA,CAAAM,OAAO,QAAGH,UAAU,CAACI,OAAkB,CAAC;AACjD","ignoreList":[]}
+{"version":3,"names":["_element","require","_jsxRuntime","save","attributes","jsx","RawHTML","children","content"],"sources":["@wordpress/block-library/src/html/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RawHTML } from '@wordpress/element';\n\nexport default function save( { attributes } ) {\n\treturn <RawHTML>{ attributes.content }</RawHTML>;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAA6C,IAAAC,WAAA,GAAAD,OAAA;AAH7C;AACA;AACA;;AAGe,SAASE,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,oBAAO,IAAAF,WAAA,CAAAG,GAAA,EAACL,QAAA,CAAAM,OAAO;IAAAC,QAAA,EAAGH,UAAU,CAACI;EAAO,CAAW,CAAC;AACjD","ignoreList":[]}

package/build/image/deprecated.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _blockEditor = require("@wordpress/block-editor");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -21,8 +21,7 @@ var _blockEditor = require("@wordpress/block-editor");
  * responsive images.
  *
  * @see https://github.com/WordPress/gutenberg/pull/4898
- */
-const v1 = {
+ */const v1 = {
   attributes: {
     url: {
       type: 'string',
@@ -77,7 +76,7 @@ const v1 = {
       width,
       height
     } : {};
-    const image = (0, _react.createElement)("img", {
+    const image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: url,
       alt: alt,
       ...extraImageProps
@@ -92,15 +91,17 @@ const v1 = {
         maxWidth: '50%'
       };
     }
-    return (0, _react.createElement)("figure", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("figure", {
       className: align ? `align${align}` : null,
-      style: figureStyle
-    }, href ? (0, _react.createElement)("a", {
-      href: href
-    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _react.createElement)(_blockEditor.RichText.Content, {
-      tagName: "figcaption",
-      value: caption
-    }));
+      style: figureStyle,
+      children: [href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        href: href,
+        children: image
+      }) : image, !_blockEditor.RichText.isEmpty(caption) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        tagName: "figcaption",
+        value: caption
+      })]
+    });
   }
 };
 
@@ -162,21 +163,23 @@ const v2 = {
       height,
       id
     } = attributes;
-    const image = (0, _react.createElement)("img", {
+    const image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: url,
       alt: alt,
       className: id ? `wp-image-${id}` : null,
       width: width,
       height: height
     });
-    return (0, _react.createElement)("figure", {
-      className: align ? `align${align}` : null
-    }, href ? (0, _react.createElement)("a", {
-      href: href
-    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _react.createElement)(_blockEditor.RichText.Content, {
-      tagName: "figcaption",
-      value: caption
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("figure", {
+      className: align ? `align${align}` : null,
+      children: [href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        href: href,
+        children: image
+      }) : image, !_blockEditor.RichText.isEmpty(caption) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        tagName: "figcaption",
+        value: caption
+      })]
+    });
   }
 };
 
@@ -241,25 +244,27 @@ const v3 = {
       height,
       id
     } = attributes;
-    const classes = (0, _classnames.default)({
+    const classes = (0, _clsx.default)({
       [`align${align}`]: align,
       'is-resized': width || height
     });
-    const image = (0, _react.createElement)("img", {
+    const image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: url,
       alt: alt,
       className: id ? `wp-image-${id}` : null,
       width: width,
       height: height
     });
-    return (0, _react.createElement)("figure", {
-      className: classes
-    }, href ? (0, _react.createElement)("a", {
-      href: href
-    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _react.createElement)(_blockEditor.RichText.Content, {
-      tagName: "figcaption",
-      value: caption
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("figure", {
+      className: classes,
+      children: [href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        href: href,
+        children: image
+      }) : image, !_blockEditor.RichText.isEmpty(caption) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        tagName: "figcaption",
+        value: caption
+      })]
+    });
   }
 };
 
@@ -359,12 +364,12 @@ const v4 = {
       title
     } = attributes;
     const newRel = !rel ? undefined : rel;
-    const classes = (0, _classnames.default)({
+    const classes = (0, _clsx.default)({
       [`align${align}`]: align,
       [`size-${sizeSlug}`]: sizeSlug,
       'is-resized': width || height
     });
-    const image = (0, _react.createElement)("img", {
+    const image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: url,
       alt: alt,
       className: id ? `wp-image-${id}` : null,
@@ -372,27 +377,33 @@ const v4 = {
       height: height,
       title: title
     });
-    const figure = (0, _react.createElement)(_react.Fragment, null, href ? (0, _react.createElement)("a", {
-      className: linkClass,
-      href: href,
-      target: linkTarget,
-      rel: newRel
-    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _react.createElement)(_blockEditor.RichText.Content, {
-      tagName: "figcaption",
-      value: caption
-    }));
+    const figure = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        className: linkClass,
+        href: href,
+        target: linkTarget,
+        rel: newRel,
+        children: image
+      }) : image, !_blockEditor.RichText.isEmpty(caption) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        tagName: "figcaption",
+        value: caption
+      })]
+    });
     if ('left' === align || 'right' === align || 'center' === align) {
-      return (0, _react.createElement)("div", {
-        ..._blockEditor.useBlockProps.save()
-      }, (0, _react.createElement)("figure", {
-        className: classes
-      }, figure));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ..._blockEditor.useBlockProps.save(),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
+          className: classes,
+          children: figure
+        })
+      });
     }
-    return (0, _react.createElement)("figure", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
       ..._blockEditor.useBlockProps.save({
         className: classes
-      })
-    }, figure);
+      }),
+      children: figure
+    });
   }
 };
 
@@ -513,12 +524,12 @@ const v5 = {
       title
     } = attributes;
     const newRel = !rel ? undefined : rel;
-    const classes = (0, _classnames.default)({
+    const classes = (0, _clsx.default)({
       [`align${align}`]: align,
       [`size-${sizeSlug}`]: sizeSlug,
       'is-resized': width || height
     });
-    const image = (0, _react.createElement)("img", {
+    const image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: url,
       alt: alt,
       className: id ? `wp-image-${id}` : null,
@@ -526,20 +537,24 @@ const v5 = {
       height: height,
       title: title
     });
-    const figure = (0, _react.createElement)(_react.Fragment, null, href ? (0, _react.createElement)("a", {
-      className: linkClass,
-      href: href,
-      target: linkTarget,
-      rel: newRel
-    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _react.createElement)(_blockEditor.RichText.Content, {
-      tagName: "figcaption",
-      value: caption
-    }));
-    return (0, _react.createElement)("figure", {
+    const figure = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        className: linkClass,
+        href: href,
+        target: linkTarget,
+        rel: newRel,
+        children: image
+      }) : image, !_blockEditor.RichText.isEmpty(caption) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        tagName: "figcaption",
+        value: caption
+      })]
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
       ..._blockEditor.useBlockProps.save({
         className: classes
-      })
-    }, figure);
+      }),
+      children: figure
+    });
   }
 };
 
@@ -683,16 +698,16 @@ const v6 = {
     } = attributes;
     const newRel = !rel ? undefined : rel;
     const borderProps = (0, _blockEditor.__experimentalGetBorderClassesAndStyles)(attributes);
-    const classes = (0, _classnames.default)({
+    const classes = (0, _clsx.default)({
       [`align${align}`]: align,
       [`size-${sizeSlug}`]: sizeSlug,
       'is-resized': width || height,
       'has-custom-border': !!borderProps.className || borderProps.style && Object.keys(borderProps.style).length > 0
     });
-    const imageClasses = (0, _classnames.default)(borderProps.className, {
+    const imageClasses = (0, _clsx.default)(borderProps.className, {
       [`wp-image-${id}`]: !!id
     });
-    const image = (0, _react.createElement)("img", {
+    const image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: url,
       alt: alt,
       className: imageClasses || undefined,
@@ -705,21 +720,25 @@ const v6 = {
       height: height,
       title: title
     });
-    const figure = (0, _react.createElement)(_react.Fragment, null, href ? (0, _react.createElement)("a", {
-      className: linkClass,
-      href: href,
-      target: linkTarget,
-      rel: newRel
-    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _react.createElement)(_blockEditor.RichText.Content, {
-      className: (0, _blockEditor.__experimentalGetElementClassName)('caption'),
-      tagName: "figcaption",
-      value: caption
-    }));
-    return (0, _react.createElement)("figure", {
+    const figure = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        className: linkClass,
+        href: href,
+        target: linkTarget,
+        rel: newRel,
+        children: image
+      }) : image, !_blockEditor.RichText.isEmpty(caption) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        className: (0, _blockEditor.__experimentalGetElementClassName)('caption'),
+        tagName: "figcaption",
+        value: caption
+      })]
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
       ..._blockEditor.useBlockProps.save({
         className: classes
-      })
-    }, figure);
+      }),
+      children: figure
+    });
   }
 };
 
@@ -865,16 +884,16 @@ const v7 = {
     } = attributes;
     const newRel = !rel ? undefined : rel;
     const borderProps = (0, _blockEditor.__experimentalGetBorderClassesAndStyles)(attributes);
-    const classes = (0, _classnames.default)({
+    const classes = (0, _clsx.default)({
       [`align${align}`]: align,
       [`size-${sizeSlug}`]: sizeSlug,
       'is-resized': width || height,
       'has-custom-border': !!borderProps.className || borderProps.style && Object.keys(borderProps.style).length > 0
     });
-    const imageClasses = (0, _classnames.default)(borderProps.className, {
+    const imageClasses = (0, _clsx.default)(borderProps.className, {
       [`wp-image-${id}`]: !!id
     });
-    const image = (0, _react.createElement)("img", {
+    const image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: url,
       alt: alt,
       className: imageClasses || undefined,
@@ -889,21 +908,25 @@ const v7 = {
       height: height,
       title: title
     });
-    const figure = (0, _react.createElement)(_react.Fragment, null, href ? (0, _react.createElement)("a", {
-      className: linkClass,
-      href: href,
-      target: linkTarget,
-      rel: newRel
-    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _react.createElement)(_blockEditor.RichText.Content, {
-      className: (0, _blockEditor.__experimentalGetElementClassName)('caption'),
-      tagName: "figcaption",
-      value: caption
-    }));
-    return (0, _react.createElement)("figure", {
+    const figure = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        className: linkClass,
+        href: href,
+        target: linkTarget,
+        rel: newRel,
+        children: image
+      }) : image, !_blockEditor.RichText.isEmpty(caption) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        className: (0, _blockEditor.__experimentalGetElementClassName)('caption'),
+        tagName: "figcaption",
+        value: caption
+      })]
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
       ..._blockEditor.useBlockProps.save({
         className: classes
-      })
-    }, figure);
+      }),
+      children: figure
+    });
   }
 };
 const v8 = {
@@ -1065,16 +1088,16 @@ const v8 = {
     } = attributes;
     const newRel = !rel ? undefined : rel;
     const borderProps = (0, _blockEditor.__experimentalGetBorderClassesAndStyles)(attributes);
-    const classes = (0, _classnames.default)({
+    const classes = (0, _clsx.default)({
       [`align${align}`]: align,
       [`size-${sizeSlug}`]: sizeSlug,
       'is-resized': width || height,
       'has-custom-border': !!borderProps.className || borderProps.style && Object.keys(borderProps.style).length > 0
     });
-    const imageClasses = (0, _classnames.default)(borderProps.className, {
+    const imageClasses = (0, _clsx.default)(borderProps.className, {
       [`wp-image-${id}`]: !!id
     });
-    const image = (0, _react.createElement)("img", {
+    const image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: url,
       alt: alt,
       className: imageClasses || undefined,
@@ -1087,21 +1110,25 @@ const v8 = {
       },
       title: title
     });
-    const figure = (0, _react.createElement)(_react.Fragment, null, href ? (0, _react.createElement)("a", {
-      className: linkClass,
-      href: href,
-      target: linkTarget,
-      rel: newRel
-    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _react.createElement)(_blockEditor.RichText.Content, {
-      className: (0, _blockEditor.__experimentalGetElementClassName)('caption'),
-      tagName: "figcaption",
-      value: caption
-    }));
-    return (0, _react.createElement)("figure", {
+    const figure = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        className: linkClass,
+        href: href,
+        target: linkTarget,
+        rel: newRel,
+        children: image
+      }) : image, !_blockEditor.RichText.isEmpty(caption) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        className: (0, _blockEditor.__experimentalGetElementClassName)('caption'),
+        tagName: "figcaption",
+        value: caption
+      })]
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
       ..._blockEditor.useBlockProps.save({
         className: classes
-      })
-    }, figure);
+      }),
+      children: figure
+    });
   }
 };
 var _default = exports.default = [v8, v7, v6, v5, v4, v3, v2, v1];