@wordpress/block-library 8.34.0 → 9.0.0

package/build-module/loginout/edit.js

@@ -1,10 +1,12 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
 import { PanelBody, ToggleControl } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 export default function LoginOutEdit({
   attributes,
   setAttributes
@@ -13,28 +15,35 @@ export default function LoginOutEdit({
     displayLoginAsForm,
     redirectToCurrent
   } = attributes;
-  return createElement(Fragment, null, createElement(InspectorControls, null, createElement(PanelBody, {
-    title: __('Settings')
-  }, createElement(ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Display login as form'),
-    checked: displayLoginAsForm,
-    onChange: () => setAttributes({
-      displayLoginAsForm: !displayLoginAsForm
-    })
-  }), createElement(ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Redirect to current URL'),
-    checked: redirectToCurrent,
-    onChange: () => setAttributes({
-      redirectToCurrent: !redirectToCurrent
-    })
-  }))), createElement("div", {
-    ...useBlockProps({
-      className: 'logged-in'
-    })
-  }, createElement("a", {
-    href: "#login-pseudo-link"
-  }, __('Log out'))));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(InspectorControls, {
+      children: /*#__PURE__*/_jsxs(PanelBody, {
+        title: __('Settings'),
+        children: [/*#__PURE__*/_jsx(ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: __('Display login as form'),
+          checked: displayLoginAsForm,
+          onChange: () => setAttributes({
+            displayLoginAsForm: !displayLoginAsForm
+          })
+        }), /*#__PURE__*/_jsx(ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: __('Redirect to current URL'),
+          checked: redirectToCurrent,
+          onChange: () => setAttributes({
+            redirectToCurrent: !redirectToCurrent
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      ...useBlockProps({
+        className: 'logged-in'
+      }),
+      children: /*#__PURE__*/_jsx("a", {
+        href: "#login-pseudo-link",
+        children: __('Log out')
+      })
+    })]
+  });
 }
 //# sourceMappingURL=edit.js.map

package/build-module/loginout/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["PanelBody","ToggleControl","__","InspectorControls","useBlockProps","LoginOutEdit","attributes","setAttributes","displayLoginAsForm","redirectToCurrent","createElement","Fragment","title","__nextHasNoMarginBottom","label","checked","onChange","className","href"],"sources":["@wordpress/block-library/src/loginout/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { PanelBody, ToggleControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { InspectorControls, useBlockProps } from '@wordpress/block-editor';\n\nexport default function LoginOutEdit( { attributes, setAttributes } ) {\n\tconst { displayLoginAsForm, redirectToCurrent } = attributes;\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display login as form' ) }\n\t\t\t\t\t\tchecked={ displayLoginAsForm }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tdisplayLoginAsForm: ! displayLoginAsForm,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Redirect to current URL' ) }\n\t\t\t\t\t\tchecked={ redirectToCurrent }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tredirectToCurrent: ! redirectToCurrent,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div\n\t\t\t\t{ ...useBlockProps( {\n\t\t\t\t\tclassName: 'logged-in',\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<a href=\"#login-pseudo-link\">{ __( 'Log out' ) }</a>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,aAAa,QAAQ,uBAAuB;AAChE,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,iBAAiB,EAAEC,aAAa,QAAQ,yBAAyB;AAE1E,eAAe,SAASC,YAAYA,CAAE;EAAEC,UAAU;EAAEC;AAAc,CAAC,EAAG;EACrE,MAAM;IAAEC,kBAAkB;IAAEC;EAAkB,CAAC,GAAGH,UAAU;EAE5D,OACCI,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACP,iBAAiB,QACjBO,aAAA,CAACV,SAAS;IAACY,KAAK,EAAGV,EAAE,CAAE,UAAW;EAAG,GACpCQ,aAAA,CAACT,aAAa;IACbY,uBAAuB;IACvBC,KAAK,EAAGZ,EAAE,CAAE,uBAAwB,CAAG;IACvCa,OAAO,EAAGP,kBAAoB;IAC9BQ,QAAQ,EAAGA,CAAA,KACVT,aAAa,CAAE;MACdC,kBAAkB,EAAE,CAAEA;IACvB,CAAE;EACF,CACD,CAAC,EACFE,aAAA,CAACT,aAAa;IACbY,uBAAuB;IACvBC,KAAK,EAAGZ,EAAE,CAAE,yBAA0B,CAAG;IACzCa,OAAO,EAAGN,iBAAmB;IAC7BO,QAAQ,EAAGA,CAAA,KACVT,aAAa,CAAE;MACdE,iBAAiB,EAAE,CAAEA;IACtB,CAAE;EACF,CACD,CACS,CACO,CAAC,EACpBC,aAAA;IAAA,GACMN,aAAa,CAAE;MACnBa,SAAS,EAAE;IACZ,CAAE;EAAC,GAEHP,aAAA;IAAGQ,IAAI,EAAC;EAAoB,GAAGhB,EAAE,CAAE,SAAU,CAAM,CAC/C,CACJ,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["PanelBody","ToggleControl","__","InspectorControls","useBlockProps","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","LoginOutEdit","attributes","setAttributes","displayLoginAsForm","redirectToCurrent","children","title","__nextHasNoMarginBottom","label","checked","onChange","className","href"],"sources":["@wordpress/block-library/src/loginout/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { PanelBody, ToggleControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { InspectorControls, useBlockProps } from '@wordpress/block-editor';\n\nexport default function LoginOutEdit( { attributes, setAttributes } ) {\n\tconst { displayLoginAsForm, redirectToCurrent } = attributes;\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display login as form' ) }\n\t\t\t\t\t\tchecked={ displayLoginAsForm }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tdisplayLoginAsForm: ! displayLoginAsForm,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Redirect to current URL' ) }\n\t\t\t\t\t\tchecked={ redirectToCurrent }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tredirectToCurrent: ! redirectToCurrent,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div\n\t\t\t\t{ ...useBlockProps( {\n\t\t\t\t\tclassName: 'logged-in',\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<a href=\"#login-pseudo-link\">{ __( 'Log out' ) }</a>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,aAAa,QAAQ,uBAAuB;AAChE,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,iBAAiB,EAAEC,aAAa,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAE3E,eAAe,SAASC,YAAYA,CAAE;EAAEC,UAAU;EAAEC;AAAc,CAAC,EAAG;EACrE,MAAM;IAAEC,kBAAkB;IAAEC;EAAkB,CAAC,GAAGH,UAAU;EAE5D,oBACCJ,KAAA,CAAAE,SAAA;IAAAM,QAAA,gBACCV,IAAA,CAACH,iBAAiB;MAAAa,QAAA,eACjBR,KAAA,CAACR,SAAS;QAACiB,KAAK,EAAGf,EAAE,CAAE,UAAW,CAAG;QAAAc,QAAA,gBACpCV,IAAA,CAACL,aAAa;UACbiB,uBAAuB;UACvBC,KAAK,EAAGjB,EAAE,CAAE,uBAAwB,CAAG;UACvCkB,OAAO,EAAGN,kBAAoB;UAC9BO,QAAQ,EAAGA,CAAA,KACVR,aAAa,CAAE;YACdC,kBAAkB,EAAE,CAAEA;UACvB,CAAE;QACF,CACD,CAAC,eACFR,IAAA,CAACL,aAAa;UACbiB,uBAAuB;UACvBC,KAAK,EAAGjB,EAAE,CAAE,yBAA0B,CAAG;UACzCkB,OAAO,EAAGL,iBAAmB;UAC7BM,QAAQ,EAAGA,CAAA,KACVR,aAAa,CAAE;YACdE,iBAAiB,EAAE,CAAEA;UACtB,CAAE;QACF,CACD,CAAC;MAAA,CACQ;IAAC,CACM,CAAC,eACpBT,IAAA;MAAA,GACMF,aAAa,CAAE;QACnBkB,SAAS,EAAE;MACZ,CAAE,CAAC;MAAAN,QAAA,eAEHV,IAAA;QAAGiB,IAAI,EAAC,oBAAoB;QAAAP,QAAA,EAAGd,EAAE,CAAE,SAAU;MAAC,CAAK;IAAC,CAChD,CAAC;EAAA,CACL,CAAC;AAEL","ignoreList":[]}

package/build-module/media-text/deprecated.js

@@ -1,8 +1,7 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -14,6 +13,8 @@ import { compose } from '@wordpress/compose';
  * Internal dependencies
  */
 import { DEFAULT_MEDIA_SIZE_SLUG } from './constants';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const v1ToV5ImageFillStyles = (url, focalPoint) => {
   return url ? {
     backgroundImage: `url(${url})`,
@@ -242,31 +243,32 @@ const v6 = {
     } = attributes;
     const mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;
     const newRel = !rel ? undefined : rel;
-    const imageClasses = classnames({
+    const imageClasses = clsx({
       [`wp-image-${mediaId}`]: mediaId && mediaType === 'image',
       [`size-${mediaSizeSlug}`]: mediaId && mediaType === 'image'
     });
-    let image = createElement("img", {
+    let image = /*#__PURE__*/_jsx("img", {
       src: mediaUrl,
       alt: mediaAlt,
       className: imageClasses || null
     });
     if (href) {
-      image = createElement("a", {
+      image = /*#__PURE__*/_jsx("a", {
         className: linkClass,
         href: href,
         target: linkTarget,
-        rel: newRel
-      }, image);
+        rel: newRel,
+        children: image
+      });
     }
     const mediaTypeRenders = {
       image: () => image,
-      video: () => createElement("video", {
+      video: () => /*#__PURE__*/_jsx("video", {
         controls: true,
         src: mediaUrl
       })
     };
-    const className = classnames({
+    const className = clsx({
       'has-media-on-the-right': 'right' === mediaPosition,
       'is-stacked-on-mobile': isStackedOnMobile,
       [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
@@ -281,33 +283,37 @@ const v6 = {
       gridTemplateColumns
     };
     if ('right' === mediaPosition) {
-      return createElement("div", {
+      return /*#__PURE__*/_jsxs("div", {
         ...useBlockProps.save({
           className,
           style
-        })
-      }, createElement("div", {
-        ...useInnerBlocksProps.save({
-          className: 'wp-block-media-text__content'
-        })
-      }), createElement("figure", {
-        className: "wp-block-media-text__media",
-        style: backgroundStyles
-      }, (mediaTypeRenders[mediaType] || noop)()));
+        }),
+        children: [/*#__PURE__*/_jsx("div", {
+          ...useInnerBlocksProps.save({
+            className: 'wp-block-media-text__content'
+          })
+        }), /*#__PURE__*/_jsx("figure", {
+          className: "wp-block-media-text__media",
+          style: backgroundStyles,
+          children: (mediaTypeRenders[mediaType] || noop)()
+        })]
+      });
     }
-    return createElement("div", {
+    return /*#__PURE__*/_jsxs("div", {
       ...useBlockProps.save({
         className,
         style
-      })
-    }, createElement("figure", {
-      className: "wp-block-media-text__media",
-      style: backgroundStyles
-    }, (mediaTypeRenders[mediaType] || noop)()), createElement("div", {
-      ...useInnerBlocksProps.save({
-        className: 'wp-block-media-text__content'
-      })
-    }));
+      }),
+      children: [/*#__PURE__*/_jsx("figure", {
+        className: "wp-block-media-text__media",
+        style: backgroundStyles,
+        children: (mediaTypeRenders[mediaType] || noop)()
+      }), /*#__PURE__*/_jsx("div", {
+        ...useInnerBlocksProps.save({
+          className: 'wp-block-media-text__content'
+        })
+      })]
+    });
   },
   migrate: migrateDefaultAlign,
   isEligible(attributes, innerBlocks, {
@@ -354,31 +360,32 @@ const v5 = {
     } = attributes;
     const mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;
     const newRel = !rel ? undefined : rel;
-    const imageClasses = classnames({
+    const imageClasses = clsx({
       [`wp-image-${mediaId}`]: mediaId && mediaType === 'image',
       [`size-${mediaSizeSlug}`]: mediaId && mediaType === 'image'
     });
-    let image = createElement("img", {
+    let image = /*#__PURE__*/_jsx("img", {
       src: mediaUrl,
       alt: mediaAlt,
       className: imageClasses || null
     });
     if (href) {
-      image = createElement("a", {
+      image = /*#__PURE__*/_jsx("a", {
         className: linkClass,
         href: href,
         target: linkTarget,
-        rel: newRel
-      }, image);
+        rel: newRel,
+        children: image
+      });
     }
     const mediaTypeRenders = {
       image: () => image,
-      video: () => createElement("video", {
+      video: () => /*#__PURE__*/_jsx("video", {
         controls: true,
         src: mediaUrl
       })
     };
-    const className = classnames({
+    const className = clsx({
       'has-media-on-the-right': 'right' === mediaPosition,
       'is-stacked-on-mobile': isStackedOnMobile,
       [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
@@ -393,33 +400,37 @@ const v5 = {
       gridTemplateColumns
     };
     if ('right' === mediaPosition) {
-      return createElement("div", {
+      return /*#__PURE__*/_jsxs("div", {
         ...useBlockProps.save({
           className,
           style
-        })
-      }, createElement("div", {
-        ...useInnerBlocksProps.save({
-          className: 'wp-block-media-text__content'
-        })
-      }), createElement("figure", {
-        className: "wp-block-media-text__media",
-        style: backgroundStyles
-      }, (mediaTypeRenders[mediaType] || noop)()));
+        }),
+        children: [/*#__PURE__*/_jsx("div", {
+          ...useInnerBlocksProps.save({
+            className: 'wp-block-media-text__content'
+          })
+        }), /*#__PURE__*/_jsx("figure", {
+          className: "wp-block-media-text__media",
+          style: backgroundStyles,
+          children: (mediaTypeRenders[mediaType] || noop)()
+        })]
+      });
     }
-    return createElement("div", {
+    return /*#__PURE__*/_jsxs("div", {
       ...useBlockProps.save({
         className,
         style
-      })
-    }, createElement("figure", {
-      className: "wp-block-media-text__media",
-      style: backgroundStyles
-    }, (mediaTypeRenders[mediaType] || noop)()), createElement("div", {
-      ...useInnerBlocksProps.save({
-        className: 'wp-block-media-text__content'
-      })
-    }));
+      }),
+      children: [/*#__PURE__*/_jsx("figure", {
+        className: "wp-block-media-text__media",
+        style: backgroundStyles,
+        children: (mediaTypeRenders[mediaType] || noop)()
+      }), /*#__PURE__*/_jsx("div", {
+        ...useInnerBlocksProps.save({
+          className: 'wp-block-media-text__content'
+        })
+      })]
+    });
   },
   migrate: migrateDefaultAlign
 };
@@ -450,31 +461,32 @@ const v4 = {
     } = attributes;
     const mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;
     const newRel = !rel ? undefined : rel;
-    const imageClasses = classnames({
+    const imageClasses = clsx({
       [`wp-image-${mediaId}`]: mediaId && mediaType === 'image',
       [`size-${mediaSizeSlug}`]: mediaId && mediaType === 'image'
     });
-    let image = createElement("img", {
+    let image = /*#__PURE__*/_jsx("img", {
       src: mediaUrl,
       alt: mediaAlt,
       className: imageClasses || null
     });
     if (href) {
-      image = createElement("a", {
+      image = /*#__PURE__*/_jsx("a", {
         className: linkClass,
         href: href,
         target: linkTarget,
-        rel: newRel
-      }, image);
+        rel: newRel,
+        children: image
+      });
     }
     const mediaTypeRenders = {
       image: () => image,
-      video: () => createElement("video", {
+      video: () => /*#__PURE__*/_jsx("video", {
         controls: true,
         src: mediaUrl
       })
     };
-    const className = classnames({
+    const className = clsx({
       'has-media-on-the-right': 'right' === mediaPosition,
       'is-stacked-on-mobile': isStackedOnMobile,
       [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
@@ -488,19 +500,21 @@ const v4 = {
     const style = {
       gridTemplateColumns
     };
-    return createElement("div", {
+    return /*#__PURE__*/_jsxs("div", {
       ...useBlockProps.save({
         className,
         style
-      })
-    }, createElement("figure", {
-      className: "wp-block-media-text__media",
-      style: backgroundStyles
-    }, (mediaTypeRenders[mediaType] || noop)()), createElement("div", {
-      ...useInnerBlocksProps.save({
-        className: 'wp-block-media-text__content'
-      })
-    }));
+      }),
+      children: [/*#__PURE__*/_jsx("figure", {
+        className: "wp-block-media-text__media",
+        style: backgroundStyles,
+        children: (mediaTypeRenders[mediaType] || noop)()
+      }), /*#__PURE__*/_jsx("div", {
+        ...useInnerBlocksProps.save({
+          className: 'wp-block-media-text__content'
+        })
+      })]
+    });
   },
   migrate: migrateDefaultAlign
 };
@@ -583,28 +597,29 @@ const v3 = {
       rel
     } = attributes;
     const newRel = !rel ? undefined : rel;
-    let image = createElement("img", {
+    let image = /*#__PURE__*/_jsx("img", {
       src: mediaUrl,
       alt: mediaAlt,
       className: mediaId && mediaType === 'image' ? `wp-image-${mediaId}` : null
     });
     if (href) {
-      image = createElement("a", {
+      image = /*#__PURE__*/_jsx("a", {
         className: linkClass,
         href: href,
         target: linkTarget,
-        rel: newRel
-      }, image);
+        rel: newRel,
+        children: image
+      });
     }
     const mediaTypeRenders = {
       image: () => image,
-      video: () => createElement("video", {
+      video: () => /*#__PURE__*/_jsx("video", {
         controls: true,
         src: mediaUrl
       })
     };
     const backgroundClass = getColorClassName('background-color', backgroundColor);
-    const className = classnames({
+    const className = clsx({
       'has-media-on-the-right': 'right' === mediaPosition,
       'has-background': backgroundClass || customBackgroundColor,
       [backgroundClass]: backgroundClass,
@@ -621,15 +636,18 @@ const v3 = {
       backgroundColor: backgroundClass ? undefined : customBackgroundColor,
       gridTemplateColumns
     };
-    return createElement("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: className,
-      style: style
-    }, createElement("figure", {
-      className: "wp-block-media-text__media",
-      style: backgroundStyles
-    }, (mediaTypeRenders[mediaType] || noop)()), createElement("div", {
-      className: "wp-block-media-text__content"
-    }, createElement(InnerBlocks.Content, null)));
+      style: style,
+      children: [/*#__PURE__*/_jsx("figure", {
+        className: "wp-block-media-text__media",
+        style: backgroundStyles,
+        children: (mediaTypeRenders[mediaType] || noop)()
+      }), /*#__PURE__*/_jsx("div", {
+        className: "wp-block-media-text__content",
+        children: /*#__PURE__*/_jsx(InnerBlocks.Content, {})
+      })]
+    });
   }
 };
 
@@ -679,18 +697,18 @@ const v2 = {
       focalPoint
     } = attributes;
     const mediaTypeRenders = {
-      image: () => createElement("img", {
+      image: () => /*#__PURE__*/_jsx("img", {
         src: mediaUrl,
         alt: mediaAlt,
         className: mediaId && mediaType === 'image' ? `wp-image-${mediaId}` : null
       }),
-      video: () => createElement("video", {
+      video: () => /*#__PURE__*/_jsx("video", {
         controls: true,
         src: mediaUrl
       })
     };
     const backgroundClass = getColorClassName('background-color', backgroundColor);
-    const className = classnames({
+    const className = clsx({
       'has-media-on-the-right': 'right' === mediaPosition,
       [backgroundClass]: backgroundClass,
       'is-stacked-on-mobile': isStackedOnMobile,
@@ -706,15 +724,18 @@ const v2 = {
       backgroundColor: backgroundClass ? undefined : customBackgroundColor,
       gridTemplateColumns
     };
-    return createElement("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: className,
-      style: style
-    }, createElement("figure", {
-      className: "wp-block-media-text__media",
-      style: backgroundStyles
-    }, (mediaTypeRenders[mediaType] || noop)()), createElement("div", {
-      className: "wp-block-media-text__content"
-    }, createElement(InnerBlocks.Content, null)));
+      style: style,
+      children: [/*#__PURE__*/_jsx("figure", {
+        className: "wp-block-media-text__media",
+        style: backgroundStyles,
+        children: (mediaTypeRenders[mediaType] || noop)()
+      }), /*#__PURE__*/_jsx("div", {
+        className: "wp-block-media-text__content",
+        children: /*#__PURE__*/_jsx(InnerBlocks.Content, {})
+      })]
+    });
   }
 };
 
@@ -751,17 +772,17 @@ const v1 = {
       mediaWidth
     } = attributes;
     const mediaTypeRenders = {
-      image: () => createElement("img", {
+      image: () => /*#__PURE__*/_jsx("img", {
         src: mediaUrl,
         alt: mediaAlt
       }),
-      video: () => createElement("video", {
+      video: () => /*#__PURE__*/_jsx("video", {
         controls: true,
         src: mediaUrl
       })
     };
     const backgroundClass = getColorClassName('background-color', backgroundColor);
-    const className = classnames({
+    const className = clsx({
       'has-media-on-the-right': 'right' === mediaPosition,
       [backgroundClass]: backgroundClass,
       'is-stacked-on-mobile': isStackedOnMobile
@@ -774,14 +795,17 @@ const v1 = {
       backgroundColor: backgroundClass ? undefined : customBackgroundColor,
       gridTemplateColumns
     };
-    return createElement("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: className,
-      style: style
-    }, createElement("figure", {
-      className: "wp-block-media-text__media"
-    }, (mediaTypeRenders[mediaType] || noop)()), createElement("div", {
-      className: "wp-block-media-text__content"
-    }, createElement(InnerBlocks.Content, null)));
+      style: style,
+      children: [/*#__PURE__*/_jsx("figure", {
+        className: "wp-block-media-text__media",
+        children: (mediaTypeRenders[mediaType] || noop)()
+      }), /*#__PURE__*/_jsx("div", {
+        className: "wp-block-media-text__content",
+        children: /*#__PURE__*/_jsx(InnerBlocks.Content, {})
+      })]
+    });
   }
 };
 export default [v6, v5, v4, v3, v2, v1];