@wordpress/edit-site 5.35.0 → 6.0.0

package/build-module/components/sidebar-navigation-screen-templates-browse/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -11,6 +10,7 @@ import { privateApis as routerPrivateApis } from '@wordpress/router';
 import SidebarNavigationScreen from '../sidebar-navigation-screen';
 import { unlock } from '../../lock-unlock';
 import DataviewsTemplatesSidebarContent from './content';
+import { jsx as _jsx } from "react/jsx-runtime";
 const {
   useLocation
 } = unlock(routerPrivateApis);
@@ -22,11 +22,11 @@ export default function SidebarNavigationScreenTemplatesBrowse({
       activeView = 'all'
     }
   } = useLocation();
-  return createElement(SidebarNavigationScreen, {
-    title: __('Manage templates'),
+  return /*#__PURE__*/_jsx(SidebarNavigationScreen, {
+    title: __('Templates'),
     description: __('Create new templates, or reset any customizations made to the templates supplied by your theme.'),
     backPath: backPath,
-    content: createElement(DataviewsTemplatesSidebarContent, {
+    content: /*#__PURE__*/_jsx(DataviewsTemplatesSidebarContent, {
       activeView: activeView,
       title: __('All templates')
     })

package/build-module/components/sidebar-navigation-screen-templates-browse/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","privateApis","routerPrivateApis","SidebarNavigationScreen","unlock","DataviewsTemplatesSidebarContent","useLocation","SidebarNavigationScreenTemplatesBrowse","backPath","params","activeView","createElement","title","description","content"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-templates-browse/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { unlock } from '../../lock-unlock';\nimport DataviewsTemplatesSidebarContent from './content';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationScreenTemplatesBrowse( { backPath } ) {\n\tconst {\n\t\tparams: { activeView = 'all' },\n\t} = useLocation();\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\ttitle={ __( 'Manage templates' ) }\n\t\t\tdescription={ __(\n\t\t\t\t'Create new templates, or reset any customizations made to the templates supplied by your theme.'\n\t\t\t) }\n\t\t\tbackPath={ backPath }\n\t\t\tcontent={\n\t\t\t\t<DataviewsTemplatesSidebarContent\n\t\t\t\t\tactiveView={ activeView }\n\t\t\t\t\ttitle={ __( 'All templates' ) }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,gCAAgC,MAAM,WAAW;AAExD,MAAM;EAAEC;AAAY,CAAC,GAAGF,MAAM,CAAEF,iBAAkB,CAAC;AAEnD,eAAe,SAASK,sCAAsCA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC9E,MAAM;IACLC,MAAM,EAAE;MAAEC,UAAU,GAAG;IAAM;EAC9B,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAEjB,OACCK,aAAA,CAACR,uBAAuB;IACvBS,KAAK,EAAGZ,EAAE,CAAE,kBAAmB,CAAG;IAClCa,WAAW,EAAGb,EAAE,CACf,iGACD,CAAG;IACHQ,QAAQ,EAAGA,QAAU;IACrBM,OAAO,EACNH,aAAA,CAACN,gCAAgC;MAChCK,UAAU,EAAGA,UAAY;MACzBE,KAAK,EAAGZ,EAAE,CAAE,eAAgB;IAAG,CAC/B;EACD,CACD,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["__","privateApis","routerPrivateApis","SidebarNavigationScreen","unlock","DataviewsTemplatesSidebarContent","jsx","_jsx","useLocation","SidebarNavigationScreenTemplatesBrowse","backPath","params","activeView","title","description","content"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-templates-browse/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { unlock } from '../../lock-unlock';\nimport DataviewsTemplatesSidebarContent from './content';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationScreenTemplatesBrowse( { backPath } ) {\n\tconst {\n\t\tparams: { activeView = 'all' },\n\t} = useLocation();\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\ttitle={ __( 'Templates' ) }\n\t\t\tdescription={ __(\n\t\t\t\t'Create new templates, or reset any customizations made to the templates supplied by your theme.'\n\t\t\t) }\n\t\t\tbackPath={ backPath }\n\t\t\tcontent={\n\t\t\t\t<DataviewsTemplatesSidebarContent\n\t\t\t\t\tactiveView={ activeView }\n\t\t\t\t\ttitle={ __( 'All templates' ) }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,gCAAgC,MAAM,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEzD,MAAM;EAAEC;AAAY,CAAC,GAAGJ,MAAM,CAAEF,iBAAkB,CAAC;AAEnD,eAAe,SAASO,sCAAsCA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC9E,MAAM;IACLC,MAAM,EAAE;MAAEC,UAAU,GAAG;IAAM;EAC9B,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAEjB,oBACCD,IAAA,CAACJ,uBAAuB;IACvBU,KAAK,EAAGb,EAAE,CAAE,WAAY,CAAG;IAC3Bc,WAAW,EAAGd,EAAE,CACf,iGACD,CAAG;IACHU,QAAQ,EAAGA,QAAU;IACrBK,OAAO,eACNR,IAAA,CAACF,gCAAgC;MAChCO,UAAU,EAAGA,UAAY;MACzBC,KAAK,EAAGb,EAAE,CAAE,eAAgB;IAAG,CAC/B;EACD,CACD,CAAC;AAEJ","ignoreList":[]}

package/build-module/components/site-hub/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -16,7 +15,7 @@ import { store as coreStore } from '@wordpress/core-data';
 import { store as editorStore } from '@wordpress/editor';
 import { decodeEntities } from '@wordpress/html-entities';
 import { memo } from '@wordpress/element';
-import { search, external } from '@wordpress/icons';
+import { search } from '@wordpress/icons';
 import { store as commandsStore } from '@wordpress/commands';
 import { displayShortcut } from '@wordpress/keycodes';
 import { filterURLForDisplay } from '@wordpress/url';
@@ -27,6 +26,8 @@ import { filterURLForDisplay } from '@wordpress/url';
 import { store as editSiteStore } from '../../store';
 import SiteIcon from '../site-icon';
 import { unlock } from '../../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const HUB_ANIMATION_DURATION = 0.3;
 const SiteHub = memo(({
   isTransparent,
@@ -85,7 +86,7 @@ const SiteHub = memo(({
       }
     }
   };
-  return createElement(motion.div, {
+  return /*#__PURE__*/_jsx(motion.div, {
     className: clsx('edit-site-site-hub', className),
     variants: {
       isDistractionFree: {
@@ -106,77 +107,86 @@ const SiteHub = memo(({
       type: 'tween',
       duration: disableMotion ? 0 : HUB_ANIMATION_DURATION,
       ease: 'easeOut'
-    }
-  }, createElement(HStack, {
-    justify: "flex-start",
-    spacing: "0"
-  }, createElement(motion.div, {
-    className: clsx('edit-site-site-hub__view-mode-toggle-container', {
-      'has-transparent-background': isTransparent
-    }),
-    layout: true,
-    transition: {
-      type: 'tween',
-      duration: disableMotion ? 0 : HUB_ANIMATION_DURATION,
-      ease: 'easeOut'
-    }
-  }, createElement(Button, {
-    ...siteIconButtonProps,
-    className: "edit-site-layout__view-mode-toggle"
-  }, createElement(motion.div, {
-    initial: false,
-    animate: {
-      scale: canvasMode === 'view' ? 0.5 : 1
-    },
-    whileHover: {
-      scale: canvasMode === 'view' ? 0.5 : 0.96
     },
-    transition: {
-      type: 'tween',
-      duration: disableMotion ? 0 : HUB_ANIMATION_DURATION,
-      ease: 'easeOut'
-    }
-  }, createElement(SiteIcon, {
-    className: "edit-site-layout__view-mode-toggle-icon"
-  })))), createElement(AnimatePresence, {
-    initial: false
-  }, canvasMode === 'view' && createElement(HStack, {
-    as: motion.div,
-    initial: {
-      opacity: 0
-    },
-    animate: {
-      opacity: isTransparent ? 0 : 1
-    },
-    exit: {
-      opacity: 0
-    },
-    transition: {
-      type: 'tween',
-      duration: disableMotion ? 0 : 0.2,
-      ease: 'easeOut',
-      delay: canvasMode === 'view' ? 0.1 : 0
-    }
-  }, createElement("div", {
-    className: "edit-site-site-hub__title"
-  }, decodeEntities(siteTitle)), createElement(HStack, {
-    spacing: 0,
-    expanded: false,
-    className: "edit-site-site-hub__actions"
-  }, createElement(Button, {
-    href: homeUrl,
-    target: "_blank",
-    label: __('View site (opens in a new tab)'),
-    "aria-label": __('View site (opens in a new tab)'),
-    icon: external,
-    className: "edit-site-site-hub__site-view-link"
-  }), createElement(Button, {
-    className: "edit-site-site-hub_toggle-command-center",
-    icon: search,
-    onClick: () => openCommandCenter(),
-    label: __('Open command palette'),
-    shortcut: displayShortcut.primary('k')
-  }))))));
+    children: /*#__PURE__*/_jsxs(HStack, {
+      justify: "flex-start",
+      spacing: "0",
+      children: [/*#__PURE__*/_jsx(motion.div, {
+        className: clsx('edit-site-site-hub__view-mode-toggle-container', {
+          'has-transparent-background': isTransparent
+        }),
+        layout: true,
+        transition: {
+          type: 'tween',
+          duration: disableMotion ? 0 : HUB_ANIMATION_DURATION,
+          ease: 'easeOut'
+        },
+        children: /*#__PURE__*/_jsx(Button, {
+          ...siteIconButtonProps,
+          className: "edit-site-layout__view-mode-toggle",
+          children: /*#__PURE__*/_jsx(motion.div, {
+            initial: false,
+            animate: {
+              scale: canvasMode === 'view' ? 0.5 : 1
+            },
+            whileHover: {
+              scale: canvasMode === 'view' ? 0.5 : 0.96
+            },
+            transition: {
+              type: 'tween',
+              duration: disableMotion ? 0 : HUB_ANIMATION_DURATION,
+              ease: 'easeOut'
+            },
+            children: /*#__PURE__*/_jsx(SiteIcon, {
+              className: "edit-site-layout__view-mode-toggle-icon"
+            })
+          })
+        })
+      }), /*#__PURE__*/_jsx(AnimatePresence, {
+        initial: false,
+        children: canvasMode === 'view' && /*#__PURE__*/_jsxs(HStack, {
+          as: motion.div,
+          initial: {
+            opacity: 0
+          },
+          animate: {
+            opacity: isTransparent ? 0 : 1
+          },
+          exit: {
+            opacity: 0
+          },
+          transition: {
+            type: 'tween',
+            duration: disableMotion ? 0 : 0.2,
+            ease: 'easeOut',
+            delay: canvasMode === 'view' ? 0.1 : 0
+          },
+          children: [/*#__PURE__*/_jsx("div", {
+            className: "edit-site-site-hub__title",
+            children: /*#__PURE__*/_jsx(Button, {
+              variant: "link",
+              href: homeUrl,
+              target: "_blank",
+              label: __('View site (opens in a new tab)'),
+              "aria-label": __('View site (opens in a new tab)'),
+              children: decodeEntities(siteTitle)
+            })
+          }), /*#__PURE__*/_jsx(HStack, {
+            spacing: 0,
+            expanded: false,
+            className: "edit-site-site-hub__actions",
+            children: /*#__PURE__*/_jsx(Button, {
+              className: "edit-site-site-hub_toggle-command-center",
+              icon: search,
+              onClick: () => openCommandCenter(),
+              label: __('Open command palette'),
+              shortcut: displayShortcut.primary('k')
+            })
+          })]
+        })
+      })]
+    })
+  });
 });
 export default SiteHub;
 //# sourceMappingURL=index.js.map

package/build-module/components/site-hub/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","useSelect","useDispatch","Button","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__experimentalHStack","HStack","useReducedMotion","__","store","blockEditorStore","coreStore","editorStore","decodeEntities","memo","search","external","commandsStore","displayShortcut","filterURLForDisplay","editSiteStore","SiteIcon","unlock","HUB_ANIMATION_DURATION","SiteHub","isTransparent","className","canvasMode","dashboardLink","homeUrl","siteTitle","select","getCanvasMode","getSettings","getSite","getUnstableBase","_site","__experimentalDashboardLink","home","title","url","open","openCommandCenter","disableMotion","setCanvasMode","clearSelectedBlock","setDeviceType","isBackToDashboardButton","siteIconButtonProps","href","label","role","onClick","event","preventDefault","createElement","div","variants","isDistractionFree","x","isDistractionFreeHovering","view","edit","initial","transition","type","duration","ease","justify","spacing","layout","animate","scale","whileHover","as","opacity","exit","delay","expanded","target","icon","shortcut","primary"],"sources":["@wordpress/edit-site/src/components/site-hub/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useReducedMotion } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { memo } from '@wordpress/element';\nimport { search, external } from '@wordpress/icons';\nimport { store as commandsStore } from '@wordpress/commands';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { filterURLForDisplay } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport SiteIcon from '../site-icon';\nimport { unlock } from '../../lock-unlock';\n\nconst HUB_ANIMATION_DURATION = 0.3;\n\nconst SiteHub = memo( ( { isTransparent, className } ) => {\n\tconst { canvasMode, dashboardLink, homeUrl, siteTitle } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCanvasMode, getSettings } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\n\t\t\tconst {\n\t\t\t\tgetSite,\n\t\t\t\tgetUnstableBase, // Site index.\n\t\t\t} = select( coreStore );\n\t\t\tconst _site = getSite();\n\t\t\treturn {\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\tdashboardLink:\n\t\t\t\t\tgetSettings().__experimentalDashboardLink || 'index.php',\n\t\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\t\tsiteTitle:\n\t\t\t\t\t! _site?.title && !! _site?.url\n\t\t\t\t\t\t? filterURLForDisplay( _site?.url )\n\t\t\t\t\t\t: _site?.title,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\n\tconst disableMotion = useReducedMotion();\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { setDeviceType } = useDispatch( editorStore );\n\tconst isBackToDashboardButton = canvasMode === 'view';\n\tconst siteIconButtonProps = isBackToDashboardButton\n\t\t? {\n\t\t\t\thref: dashboardLink,\n\t\t\t\tlabel: __( 'Go to the Dashboard' ),\n\t\t  }\n\t\t: {\n\t\t\t\thref: dashboardLink, // We need to keep the `href` here so the component doesn't remount as a `<button>` and break the animation.\n\t\t\t\trole: 'button',\n\t\t\t\tlabel: __( 'Open Navigation' ),\n\t\t\t\tonClick: ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tif ( canvasMode === 'edit' ) {\n\t\t\t\t\t\tclearSelectedBlock();\n\t\t\t\t\t\tsetDeviceType( 'Desktop' );\n\t\t\t\t\t\tsetCanvasMode( 'view' );\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t  };\n\n\treturn (\n\t\t<motion.div\n\t\t\tclassName={ clsx( 'edit-site-site-hub', className ) }\n\t\t\tvariants={ {\n\t\t\t\tisDistractionFree: { x: '-100%' },\n\t\t\t\tisDistractionFreeHovering: { x: 0 },\n\t\t\t\tview: { x: 0 },\n\t\t\t\tedit: { x: 0 },\n\t\t\t} }\n\t\t\tinitial={ false }\n\t\t\ttransition={ {\n\t\t\t\ttype: 'tween',\n\t\t\t\tduration: disableMotion ? 0 : HUB_ANIMATION_DURATION,\n\t\t\t\tease: 'easeOut',\n\t\t\t} }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\" spacing=\"0\">\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'edit-site-site-hub__view-mode-toggle-container',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'has-transparent-background': isTransparent,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tlayout\n\t\t\t\t\ttransition={ {\n\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\tduration: disableMotion ? 0 : HUB_ANIMATION_DURATION,\n\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{ ...siteIconButtonProps }\n\t\t\t\t\t\tclassName=\"edit-site-layout__view-mode-toggle\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\tinitial={ false }\n\t\t\t\t\t\t\tanimate={ {\n\t\t\t\t\t\t\t\tscale: canvasMode === 'view' ? 0.5 : 1,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\twhileHover={ {\n\t\t\t\t\t\t\t\tscale: canvasMode === 'view' ? 0.5 : 0.96,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tduration: disableMotion\n\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t: HUB_ANIMATION_DURATION,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SiteIcon className=\"edit-site-layout__view-mode-toggle-icon\" />\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t</Button>\n\t\t\t\t</motion.div>\n\n\t\t\t\t<AnimatePresence initial={ false }>\n\t\t\t\t\t{ canvasMode === 'view' && (\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\tanimate={ {\n\t\t\t\t\t\t\t\topacity: isTransparent ? 0 : 1,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.2,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\tdelay: canvasMode === 'view' ? 0.1 : 0,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"edit-site-site-hub__title\">\n\t\t\t\t\t\t\t\t{ decodeEntities( siteTitle ) }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub__actions\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t\t'View site (opens in a new tab)'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t\t\t'View site (opens in a new tab)'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub__site-view-link\"\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub_toggle-command-center\"\n\t\t\t\t\t\t\t\t\ticon={ search }\n\t\t\t\t\t\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Open command palette' ) }\n\t\t\t\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t) }\n\t\t\t\t</AnimatePresence>\n\t\t\t</HStack>\n\t\t</motion.div>\n\t);\n} );\n\nexport default SiteHub;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","useSelect","useDispatch","Button","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__experimentalHStack","HStack","useReducedMotion","__","store","blockEditorStore","coreStore","editorStore","decodeEntities","memo","search","commandsStore","displayShortcut","filterURLForDisplay","editSiteStore","SiteIcon","unlock","jsx","_jsx","jsxs","_jsxs","HUB_ANIMATION_DURATION","SiteHub","isTransparent","className","canvasMode","dashboardLink","homeUrl","siteTitle","select","getCanvasMode","getSettings","getSite","getUnstableBase","_site","__experimentalDashboardLink","home","title","url","open","openCommandCenter","disableMotion","setCanvasMode","clearSelectedBlock","setDeviceType","isBackToDashboardButton","siteIconButtonProps","href","label","role","onClick","event","preventDefault","div","variants","isDistractionFree","x","isDistractionFreeHovering","view","edit","initial","transition","type","duration","ease","children","justify","spacing","layout","animate","scale","whileHover","as","opacity","exit","delay","variant","target","expanded","icon","shortcut","primary"],"sources":["@wordpress/edit-site/src/components/site-hub/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useReducedMotion } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { memo } from '@wordpress/element';\nimport { search } from '@wordpress/icons';\nimport { store as commandsStore } from '@wordpress/commands';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { filterURLForDisplay } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport SiteIcon from '../site-icon';\nimport { unlock } from '../../lock-unlock';\n\nconst HUB_ANIMATION_DURATION = 0.3;\n\nconst SiteHub = memo( ( { isTransparent, className } ) => {\n\tconst { canvasMode, dashboardLink, homeUrl, siteTitle } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCanvasMode, getSettings } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\n\t\t\tconst {\n\t\t\t\tgetSite,\n\t\t\t\tgetUnstableBase, // Site index.\n\t\t\t} = select( coreStore );\n\t\t\tconst _site = getSite();\n\t\t\treturn {\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\tdashboardLink:\n\t\t\t\t\tgetSettings().__experimentalDashboardLink || 'index.php',\n\t\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\t\tsiteTitle:\n\t\t\t\t\t! _site?.title && !! _site?.url\n\t\t\t\t\t\t? filterURLForDisplay( _site?.url )\n\t\t\t\t\t\t: _site?.title,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\n\tconst disableMotion = useReducedMotion();\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { setDeviceType } = useDispatch( editorStore );\n\tconst isBackToDashboardButton = canvasMode === 'view';\n\tconst siteIconButtonProps = isBackToDashboardButton\n\t\t? {\n\t\t\t\thref: dashboardLink,\n\t\t\t\tlabel: __( 'Go to the Dashboard' ),\n\t\t  }\n\t\t: {\n\t\t\t\thref: dashboardLink, // We need to keep the `href` here so the component doesn't remount as a `<button>` and break the animation.\n\t\t\t\trole: 'button',\n\t\t\t\tlabel: __( 'Open Navigation' ),\n\t\t\t\tonClick: ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tif ( canvasMode === 'edit' ) {\n\t\t\t\t\t\tclearSelectedBlock();\n\t\t\t\t\t\tsetDeviceType( 'Desktop' );\n\t\t\t\t\t\tsetCanvasMode( 'view' );\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t  };\n\n\treturn (\n\t\t<motion.div\n\t\t\tclassName={ clsx( 'edit-site-site-hub', className ) }\n\t\t\tvariants={ {\n\t\t\t\tisDistractionFree: { x: '-100%' },\n\t\t\t\tisDistractionFreeHovering: { x: 0 },\n\t\t\t\tview: { x: 0 },\n\t\t\t\tedit: { x: 0 },\n\t\t\t} }\n\t\t\tinitial={ false }\n\t\t\ttransition={ {\n\t\t\t\ttype: 'tween',\n\t\t\t\tduration: disableMotion ? 0 : HUB_ANIMATION_DURATION,\n\t\t\t\tease: 'easeOut',\n\t\t\t} }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\" spacing=\"0\">\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'edit-site-site-hub__view-mode-toggle-container',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'has-transparent-background': isTransparent,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tlayout\n\t\t\t\t\ttransition={ {\n\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\tduration: disableMotion ? 0 : HUB_ANIMATION_DURATION,\n\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{ ...siteIconButtonProps }\n\t\t\t\t\t\tclassName=\"edit-site-layout__view-mode-toggle\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\tinitial={ false }\n\t\t\t\t\t\t\tanimate={ {\n\t\t\t\t\t\t\t\tscale: canvasMode === 'view' ? 0.5 : 1,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\twhileHover={ {\n\t\t\t\t\t\t\t\tscale: canvasMode === 'view' ? 0.5 : 0.96,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tduration: disableMotion\n\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t: HUB_ANIMATION_DURATION,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SiteIcon className=\"edit-site-layout__view-mode-toggle-icon\" />\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t</Button>\n\t\t\t\t</motion.div>\n\n\t\t\t\t<AnimatePresence initial={ false }>\n\t\t\t\t\t{ canvasMode === 'view' && (\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\tanimate={ {\n\t\t\t\t\t\t\t\topacity: isTransparent ? 0 : 1,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.2,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\tdelay: canvasMode === 'view' ? 0.1 : 0,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"edit-site-site-hub__title\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t\t'View site (opens in a new tab)'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t\t\t'View site (opens in a new tab)'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ decodeEntities( siteTitle ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub__actions\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub_toggle-command-center\"\n\t\t\t\t\t\t\t\t\ticon={ search }\n\t\t\t\t\t\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Open command palette' ) }\n\t\t\t\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t) }\n\t\t\t\t</AnimatePresence>\n\t\t\t</HStack>\n\t\t</motion.div>\n\t);\n} );\n\nexport default SiteHub;\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/site-icon/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -12,6 +11,7 @@ import { Icon } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { wordpress } from '@wordpress/icons';
 import { store as coreDataStore } from '@wordpress/core-data';
+import { jsx as _jsx } from "react/jsx-runtime";
 function SiteIcon({
   className
 }) {
@@ -29,22 +29,23 @@ function SiteIcon({
     };
   }, []);
   if (isRequestingSite && !siteIconUrl) {
-    return createElement("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: "edit-site-site-icon__image"
     });
   }
-  const icon = siteIconUrl ? createElement("img", {
+  const icon = siteIconUrl ? /*#__PURE__*/_jsx("img", {
     className: "edit-site-site-icon__image",
     alt: __('Site Icon'),
     src: siteIconUrl
-  }) : createElement(Icon, {
+  }) : /*#__PURE__*/_jsx(Icon, {
     className: "edit-site-site-icon__icon",
     icon: wordpress,
     size: 48
   });
-  return createElement("div", {
-    className: clsx(className, 'edit-site-site-icon')
-  }, icon);
+  return /*#__PURE__*/_jsx("div", {
+    className: clsx(className, 'edit-site-site-icon'),
+    children: icon
+  });
 }
 export default SiteIcon;
 //# sourceMappingURL=index.js.map

package/build-module/components/site-icon/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","useSelect","Icon","__","wordpress","store","coreDataStore","SiteIcon","className","isRequestingSite","siteIconUrl","select","getEntityRecord","siteData","undefined","site_icon_url","createElement","icon","alt","src","size"],"sources":["@wordpress/edit-site/src/components/site-icon/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { Icon } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { wordpress } from '@wordpress/icons';\nimport { store as coreDataStore } from '@wordpress/core-data';\n\nfunction SiteIcon( { className } ) {\n\tconst { isRequestingSite, siteIconUrl } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreDataStore );\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase', undefined );\n\n\t\treturn {\n\t\t\tisRequestingSite: ! siteData,\n\t\t\tsiteIconUrl: siteData?.site_icon_url,\n\t\t};\n\t}, [] );\n\n\tif ( isRequestingSite && ! siteIconUrl ) {\n\t\treturn <div className=\"edit-site-site-icon__image\" />;\n\t}\n\n\tconst icon = siteIconUrl ? (\n\t\t<img\n\t\t\tclassName=\"edit-site-site-icon__image\"\n\t\t\talt={ __( 'Site Icon' ) }\n\t\t\tsrc={ siteIconUrl }\n\t\t/>\n\t) : (\n\t\t<Icon\n\t\t\tclassName=\"edit-site-site-icon__icon\"\n\t\t\ticon={ wordpress }\n\t\t\tsize={ 48 }\n\t\t/>\n\t);\n\n\treturn (\n\t\t<div className={ clsx( className, 'edit-site-site-icon' ) }>\n\t\t\t{ icon }\n\t\t</div>\n\t);\n}\n\nexport default SiteIcon;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,KAAK,IAAIC,aAAa,QAAQ,sBAAsB;AAE7D,SAASC,QAAQA,CAAE;EAAEC;AAAU,CAAC,EAAG;EAClC,MAAM;IAAEC,gBAAgB;IAAEC;EAAY,CAAC,GAAGT,SAAS,CAAIU,MAAM,IAAM;IAClE,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAEL,aAAc,CAAC;IACnD,MAAMO,QAAQ,GAAGD,eAAe,CAAE,MAAM,EAAE,gBAAgB,EAAEE,SAAU,CAAC;IAEvE,OAAO;MACNL,gBAAgB,EAAE,CAAEI,QAAQ;MAC5BH,WAAW,EAAEG,QAAQ,EAAEE;IACxB,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,IAAKN,gBAAgB,IAAI,CAAEC,WAAW,EAAG;IACxC,OAAOM,aAAA;MAAKR,SAAS,EAAC;IAA4B,CAAE,CAAC;EACtD;EAEA,MAAMS,IAAI,GAAGP,WAAW,GACvBM,aAAA;IACCR,SAAS,EAAC,4BAA4B;IACtCU,GAAG,EAAGf,EAAE,CAAE,WAAY,CAAG;IACzBgB,GAAG,EAAGT;EAAa,CACnB,CAAC,GAEFM,aAAA,CAACd,IAAI;IACJM,SAAS,EAAC,2BAA2B;IACrCS,IAAI,EAAGb,SAAW;IAClBgB,IAAI,EAAG;EAAI,CACX,CACD;EAED,OACCJ,aAAA;IAAKR,SAAS,EAAGR,IAAI,CAAEQ,SAAS,EAAE,qBAAsB;EAAG,GACxDS,IACE,CAAC;AAER;AAEA,eAAeV,QAAQ","ignoreList":[]}
+{"version":3,"names":["clsx","useSelect","Icon","__","wordpress","store","coreDataStore","jsx","_jsx","SiteIcon","className","isRequestingSite","siteIconUrl","select","getEntityRecord","siteData","undefined","site_icon_url","icon","alt","src","size","children"],"sources":["@wordpress/edit-site/src/components/site-icon/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { Icon } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { wordpress } from '@wordpress/icons';\nimport { store as coreDataStore } from '@wordpress/core-data';\n\nfunction SiteIcon( { className } ) {\n\tconst { isRequestingSite, siteIconUrl } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreDataStore );\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase', undefined );\n\n\t\treturn {\n\t\t\tisRequestingSite: ! siteData,\n\t\t\tsiteIconUrl: siteData?.site_icon_url,\n\t\t};\n\t}, [] );\n\n\tif ( isRequestingSite && ! siteIconUrl ) {\n\t\treturn <div className=\"edit-site-site-icon__image\" />;\n\t}\n\n\tconst icon = siteIconUrl ? (\n\t\t<img\n\t\t\tclassName=\"edit-site-site-icon__image\"\n\t\t\talt={ __( 'Site Icon' ) }\n\t\t\tsrc={ siteIconUrl }\n\t\t/>\n\t) : (\n\t\t<Icon\n\t\t\tclassName=\"edit-site-site-icon__icon\"\n\t\t\ticon={ wordpress }\n\t\t\tsize={ 48 }\n\t\t/>\n\t);\n\n\treturn (\n\t\t<div className={ clsx( className, 'edit-site-site-icon' ) }>\n\t\t\t{ icon }\n\t\t</div>\n\t);\n}\n\nexport default SiteIcon;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,KAAK,IAAIC,aAAa,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9D,SAASC,QAAQA,CAAE;EAAEC;AAAU,CAAC,EAAG;EAClC,MAAM;IAAEC,gBAAgB;IAAEC;EAAY,CAAC,GAAGX,SAAS,CAAIY,MAAM,IAAM;IAClE,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAEP,aAAc,CAAC;IACnD,MAAMS,QAAQ,GAAGD,eAAe,CAAE,MAAM,EAAE,gBAAgB,EAAEE,SAAU,CAAC;IAEvE,OAAO;MACNL,gBAAgB,EAAE,CAAEI,QAAQ;MAC5BH,WAAW,EAAEG,QAAQ,EAAEE;IACxB,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,IAAKN,gBAAgB,IAAI,CAAEC,WAAW,EAAG;IACxC,oBAAOJ,IAAA;MAAKE,SAAS,EAAC;IAA4B,CAAE,CAAC;EACtD;EAEA,MAAMQ,IAAI,GAAGN,WAAW,gBACvBJ,IAAA;IACCE,SAAS,EAAC,4BAA4B;IACtCS,GAAG,EAAGhB,EAAE,CAAE,WAAY,CAAG;IACzBiB,GAAG,EAAGR;EAAa,CACnB,CAAC,gBAEFJ,IAAA,CAACN,IAAI;IACJQ,SAAS,EAAC,2BAA2B;IACrCQ,IAAI,EAAGd,SAAW;IAClBiB,IAAI,EAAG;EAAI,CACX,CACD;EAED,oBACCb,IAAA;IAAKE,SAAS,EAAGV,IAAI,CAAEU,SAAS,EAAE,qBAAsB,CAAG;IAAAY,QAAA,EACxDJ;EAAI,CACF,CAAC;AAER;AAEA,eAAeT,QAAQ","ignoreList":[]}

package/build-module/components/style-book/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -22,6 +21,8 @@ import { ENTER, SPACE } from '@wordpress/keycodes';
  */
 import { unlock } from '../../lock-unlock';
 import EditorCanvasContainer from '../editor-canvas-container';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const {
   ExperimentalBlockEditorProvider,
   useGlobalStyle,
@@ -164,7 +165,7 @@ function StyleBook({
   const [resizeObserver, sizes] = useResizeObserver();
   const [textColor] = useGlobalStyle('color.text');
   const [backgroundColor] = useGlobalStyle('color.background');
-  const examples = useMemo(getExamples, []);
+  const [examples] = useState(getExamples);
   const tabs = useMemo(() => getCategories().filter(category => examples.some(example => example.category === category.slug)).map(category => ({
     name: category.slug,
     title: category.title,
@@ -189,44 +190,51 @@ function StyleBook({
   }), [originalSettings]);
   const [globalStyles] = useGlobalStylesOutputWithConfig(mergedConfig);
   settings.styles = !isObjectEmpty(globalStyles) && !isObjectEmpty(userConfig) ? globalStyles : settings.styles;
-  return createElement(EditorCanvasContainer, {
+  return /*#__PURE__*/_jsx(EditorCanvasContainer, {
     onClose: onClose,
     enableResizing: enableResizing,
-    closeButtonLabel: showCloseButton ? __('Close') : null
-  }, createElement("div", {
-    className: clsx('edit-site-style-book', {
-      'is-wide': sizes.width > 600,
-      'is-button': !!onClick
-    }),
-    style: {
-      color: textColor,
-      background: backgroundColor
-    }
-  }, resizeObserver, showTabs ? createElement("div", {
-    className: "edit-site-style-book__tabs"
-  }, createElement(Tabs, null, createElement(Tabs.TabList, null, tabs.map(tab => createElement(Tabs.Tab, {
-    tabId: tab.name,
-    key: tab.name
-  }, tab.title))), tabs.map(tab => createElement(Tabs.TabPanel, {
-    key: tab.name,
-    tabId: tab.name,
-    focusable: false
-  }, createElement(StyleBookBody, {
-    category: tab.name,
-    examples: examples,
-    isSelected: isSelected,
-    onSelect: onSelect,
-    settings: settings,
-    sizes: sizes,
-    title: tab.title
-  }))))) : createElement(StyleBookBody, {
-    examples: examples,
-    isSelected: isSelected,
-    onClick: onClick,
-    onSelect: onSelect,
-    settings: settings,
-    sizes: sizes
-  })));
+    closeButtonLabel: showCloseButton ? __('Close') : null,
+    children: /*#__PURE__*/_jsxs("div", {
+      className: clsx('edit-site-style-book', {
+        'is-wide': sizes.width > 600,
+        'is-button': !!onClick
+      }),
+      style: {
+        color: textColor,
+        background: backgroundColor
+      },
+      children: [resizeObserver, showTabs ? /*#__PURE__*/_jsx("div", {
+        className: "edit-site-style-book__tabs",
+        children: /*#__PURE__*/_jsxs(Tabs, {
+          children: [/*#__PURE__*/_jsx(Tabs.TabList, {
+            children: tabs.map(tab => /*#__PURE__*/_jsx(Tabs.Tab, {
+              tabId: tab.name,
+              children: tab.title
+            }, tab.name))
+          }), tabs.map(tab => /*#__PURE__*/_jsx(Tabs.TabPanel, {
+            tabId: tab.name,
+            focusable: false,
+            children: /*#__PURE__*/_jsx(StyleBookBody, {
+              category: tab.name,
+              examples: examples,
+              isSelected: isSelected,
+              onSelect: onSelect,
+              settings: settings,
+              sizes: sizes,
+              title: tab.title
+            })
+          }, tab.name))]
+        })
+      }) : /*#__PURE__*/_jsx(StyleBookBody, {
+        examples: examples,
+        isSelected: isSelected,
+        onClick: onClick,
+        onSelect: onSelect,
+        settings: settings,
+        sizes: sizes
+      })]
+    })
+  });
 }
 const StyleBookBody = ({
   category,
@@ -270,33 +278,35 @@ const StyleBookBody = ({
     readonly: true
   };
   const buttonModeStyles = onClick ? 'body { cursor: pointer; } body * { pointer-events: none; }' : '';
-  return createElement(Iframe, {
+  return /*#__PURE__*/_jsxs(Iframe, {
     className: clsx('edit-site-style-book__iframe', {
       'is-focused': isFocused && !!onClick,
       'is-button': !!onClick
     }),
     name: "style-book-canvas",
     tabIndex: 0,
-    ...(onClick ? buttonModeProps : {})
-  }, createElement(EditorStyles, {
-    styles: settings.styles
-  }), createElement("style", null,
-  // Forming a "block formatting context" to prevent margin collapsing.
-  // @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
-  `.is-root-container { display: flow-root; }
-						body { position: relative; padding: 32px !important; }` + STYLE_BOOK_IFRAME_STYLES + buttonModeStyles), createElement(Examples, {
-    className: clsx('edit-site-style-book__examples', {
-      'is-wide': sizes.width > 600
-    }),
-    examples: examples,
-    category: category,
-    label: title ? sprintf(
-    // translators: %s: Category of blocks, e.g. Text.
-    __('Examples of blocks in the %s category'), title) : __('Examples of blocks'),
-    isSelected: isSelected,
-    onSelect: onSelect,
-    key: category
-  }));
+    ...(onClick ? buttonModeProps : {}),
+    children: [/*#__PURE__*/_jsx(EditorStyles, {
+      styles: settings.styles
+    }), /*#__PURE__*/_jsx("style", {
+      children:
+      // Forming a "block formatting context" to prevent margin collapsing.
+      // @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
+      `.is-root-container { display: flow-root; }
+						body { position: relative; padding: 32px !important; }` + STYLE_BOOK_IFRAME_STYLES + buttonModeStyles
+    }), /*#__PURE__*/_jsx(Examples, {
+      className: clsx('edit-site-style-book__examples', {
+        'is-wide': sizes.width > 600
+      }),
+      examples: examples,
+      category: category,
+      label: title ? sprintf(
+      // translators: %s: Category of blocks, e.g. Text.
+      __('Examples of blocks in the %s category'), title) : __('Examples of blocks'),
+      isSelected: isSelected,
+      onSelect: onSelect
+    }, category)]
+  });
 };
 const Examples = memo(({
   className,
@@ -309,21 +319,21 @@ const Examples = memo(({
   const compositeStore = useCompositeStore({
     orientation: 'vertical'
   });
-  return createElement(Composite, {
+  return /*#__PURE__*/_jsx(Composite, {
     store: compositeStore,
     className: className,
     "aria-label": label,
-    role: "grid"
-  }, examples.filter(example => category ? example.category === category : true).map(example => createElement(Example, {
-    key: example.name,
-    id: `example-${example.name}`,
-    title: example.title,
-    blocks: example.blocks,
-    isSelected: isSelected(example.name),
-    onClick: () => {
-      onSelect?.(example.name);
-    }
-  })));
+    role: "grid",
+    children: examples.filter(example => category ? example.category === category : true).map(example => /*#__PURE__*/_jsx(Example, {
+      id: `example-${example.name}`,
+      title: example.title,
+      blocks: example.blocks,
+      isSelected: isSelected(example.name),
+      onClick: () => {
+        onSelect?.(example.name);
+      }
+    }, example.name))
+  });
 });
 const Example = ({
   id,
@@ -342,34 +352,41 @@ const Example = ({
 
   // Cache the list of blocks to avoid additional processing when the component is re-rendered.
   const renderedBlocks = useMemo(() => Array.isArray(blocks) ? blocks : [blocks], [blocks]);
-  return createElement("div", {
-    role: "row"
-  }, createElement("div", {
-    role: "gridcell"
-  }, createElement(CompositeItem, {
-    className: clsx('edit-site-style-book__example', {
-      'is-selected': isSelected
-    }),
-    id: id,
-    "aria-label": sprintf(
-    // translators: %s: Title of a block, e.g. Heading.
-    __('Open %s styles in Styles panel'), title),
-    render: createElement("div", null),
-    role: "button",
-    onClick: onClick
-  }, createElement("span", {
-    className: "edit-site-style-book__example-title"
-  }, title), createElement("div", {
-    className: "edit-site-style-book__example-preview",
-    "aria-hidden": true
-  }, createElement(Disabled, {
-    className: "edit-site-style-book__example-preview__content"
-  }, createElement(ExperimentalBlockEditorProvider, {
-    value: renderedBlocks,
-    settings: settings
-  }, createElement(BlockList, {
-    renderAppender: false
-  })))))));
+  return /*#__PURE__*/_jsx("div", {
+    role: "row",
+    children: /*#__PURE__*/_jsx("div", {
+      role: "gridcell",
+      children: /*#__PURE__*/_jsxs(CompositeItem, {
+        className: clsx('edit-site-style-book__example', {
+          'is-selected': isSelected
+        }),
+        id: id,
+        "aria-label": sprintf(
+        // translators: %s: Title of a block, e.g. Heading.
+        __('Open %s styles in Styles panel'), title),
+        render: /*#__PURE__*/_jsx("div", {}),
+        role: "button",
+        onClick: onClick,
+        children: [/*#__PURE__*/_jsx("span", {
+          className: "edit-site-style-book__example-title",
+          children: title
+        }), /*#__PURE__*/_jsx("div", {
+          className: "edit-site-style-book__example-preview",
+          "aria-hidden": true,
+          children: /*#__PURE__*/_jsx(Disabled, {
+            className: "edit-site-style-book__example-preview__content",
+            children: /*#__PURE__*/_jsx(ExperimentalBlockEditorProvider, {
+              value: renderedBlocks,
+              settings: settings,
+              children: /*#__PURE__*/_jsx(BlockList, {
+                renderAppender: false
+              })
+            })
+          })
+        })]
+      })
+    })
+  });
 };
 export default StyleBook;
 //# sourceMappingURL=index.js.map