@wordpress/edit-site 6.32.0 → 6.32.1-next.b8c8708f3.0

package/build/components/site-editor-routes/templates.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_editor","_interopRequireDefault","require","_sidebarNavigationScreenTemplatesBrowse","_sidebarNavigationScreenUnsupported","_pageTemplates","_jsxRuntime","templatesRoute","exports","name","path","areas","sidebar","siteData","isBlockTheme","currentTheme","is_block_theme","jsx","default","backPath","content","undefined","preview","query","isListView","layout","mobile","widths"],"sources":["@wordpress/edit-site/src/components/site-editor-routes/templates.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport SidebarNavigationScreenTemplatesBrowse from '../sidebar-navigation-screen-templates-browse';\nimport SidebarNavigationScreenUnsupported from '../sidebar-navigation-screen-unsupported';\nimport PageTemplates from '../page-templates';\n\nexport const templatesRoute = {\n\tname: 'templates',\n\tpath: '/template',\n\tareas: {\n\t\tsidebar( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ? (\n\t\t\t\t<SidebarNavigationScreenTemplatesBrowse backPath=\"/\" />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t\tcontent( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ? <PageTemplates /> : undefined;\n\t\t},\n\t\tpreview( { query, siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\tif ( ! isBlockTheme ) {\n\t\t\t\treturn undefined;\n\t\t\t}\n\t\t\tconst isListView = query.layout === 'list';\n\t\t\treturn isListView ? <Editor /> : undefined;\n\t\t},\n\t\tmobile( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ? (\n\t\t\t\t<PageTemplates />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t},\n\twidths: {\n\t\tcontent( { query } ) {\n\t\t\tconst isListView = query.layout === 'list';\n\t\t\treturn isListView ? 380 : undefined;\n\t\t},\n\t},\n};\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,uCAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,mCAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA8C,IAAAI,WAAA,GAAAJ,OAAA;AAN9C;AACA;AACA;;AAMO,MAAMK,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG;EAC7BE,IAAI,EAAE,WAAW;EACjBC,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE;IACNC,OAAOA,CAAE;MAAEC;IAAS,CAAC,EAAG;MACvB,MAAMC,YAAY,GAAGD,QAAQ,CAACE,YAAY,EAAEC,cAAc;MAC1D,OAAOF,YAAY,gBAClB,IAAAR,WAAA,CAAAW,GAAA,EAACd,uCAAA,CAAAe,OAAsC;QAACC,QAAQ,EAAC;MAAG,CAAE,CAAC,gBAEvD,IAAAb,WAAA,CAAAW,GAAA,EAACb,mCAAA,CAAAc,OAAkC,IAAE,CACrC;IACF,CAAC;IACDE,OAAOA,CAAE;MAAEP;IAAS,CAAC,EAAG;MACvB,MAAMC,YAAY,GAAGD,QAAQ,CAACE,YAAY,EAAEC,cAAc;MAC1D,OAAOF,YAAY,gBAAG,IAAAR,WAAA,CAAAW,GAAA,EAACZ,cAAA,CAAAa,OAAa,IAAE,CAAC,GAAGG,SAAS;IACpD,CAAC;IACDC,OAAOA,CAAE;MAAEC,KAAK;MAAEV;IAAS,CAAC,EAAG;MAC9B,MAAMC,YAAY,GAAGD,QAAQ,CAACE,YAAY,EAAEC,cAAc;MAC1D,IAAK,CAAEF,YAAY,EAAG;QACrB,OAAOO,SAAS;MACjB;MACA,MAAMG,UAAU,GAAGD,KAAK,CAACE,MAAM,KAAK,MAAM;MAC1C,OAAOD,UAAU,gBAAG,IAAAlB,WAAA,CAAAW,GAAA,EAACjB,OAAA,CAAAkB,OAAM,IAAE,CAAC,GAAGG,SAAS;IAC3C,CAAC;IACDK,MAAMA,CAAE;MAAEb;IAAS,CAAC,EAAG;MACtB,MAAMC,YAAY,GAAGD,QAAQ,CAACE,YAAY,EAAEC,cAAc;MAC1D,OAAOF,YAAY,gBAClB,IAAAR,WAAA,CAAAW,GAAA,EAACZ,cAAA,CAAAa,OAAa,IAAE,CAAC,gBAEjB,IAAAZ,WAAA,CAAAW,GAAA,EAACb,mCAAA,CAAAc,OAAkC,IAAE,CACrC;IACF;EACD,CAAC;EACDS,MAAM,EAAE;IACPP,OAAOA,CAAE;MAAEG;IAAM,CAAC,EAAG;MACpB,MAAMC,UAAU,GAAGD,KAAK,CAACE,MAAM,KAAK,MAAM;MAC1C,OAAOD,UAAU,GAAG,GAAG,GAAGH,SAAS;IACpC;EACD;AACD,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/site-editor-routes/templates.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { loadView } from '@wordpress/views';\n\n/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport SidebarNavigationScreenTemplatesBrowse from '../sidebar-navigation-screen-templates-browse';\nimport SidebarNavigationScreenUnsupported from '../sidebar-navigation-screen-unsupported';\nimport PageTemplates from '../page-templates';\nimport { getDefaultView } from '../page-templates/view-utils';\n\nasync function isTemplateListView( query ) {\n\tconst { activeView = 'active' } = query;\n\tconst view = await loadView( {\n\t\tkind: 'postType',\n\t\tname: 'wp_template',\n\t\tslug: activeView,\n\t\tdefaultView: getDefaultView( activeView ),\n\t} );\n\treturn view.type === 'list';\n}\n\nexport const templatesRoute = {\n\tname: 'templates',\n\tpath: '/template',\n\tareas: {\n\t\tsidebar( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ? (\n\t\t\t\t<SidebarNavigationScreenTemplatesBrowse backPath=\"/\" />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t\tcontent( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ? <PageTemplates /> : undefined;\n\t\t},\n\t\tasync preview( { query, siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\tif ( ! isBlockTheme ) {\n\t\t\t\treturn undefined;\n\t\t\t}\n\t\t\tconst isListView = await isTemplateListView( query );\n\t\t\treturn isListView ? <Editor /> : undefined;\n\t\t},\n\t\tmobile( { siteData } ) {\n\t\t\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\t\t\treturn isBlockTheme ? (\n\t\t\t\t<PageTemplates />\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t},\n\twidths: {\n\t\tasync content( { query } ) {\n\t\t\tconst isListView = await isTemplateListView( query );\n\t\t\treturn isListView ? 380 : undefined;\n\t\t},\n\t},\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCI;AA7BJ,mBAAyB;AAKzB,oBAAmB;AACnB,wDAAmD;AACnD,mDAA+C;AAC/C,4BAA0B;AAC1B,wBAA+B;AAE/B,eAAe,mBAAoB,OAAQ;AAC1C,QAAM,EAAE,aAAa,SAAS,IAAI;AAClC,QAAM,OAAO,UAAM,uBAAU;AAAA,IAC5B,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,iBAAa,kCAAgB,UAAW;AAAA,EACzC,CAAE;AACF,SAAO,KAAK,SAAS;AACtB;AAEO,MAAM,iBAAiB;AAAA,EAC7B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eACN,4CAAC,kDAAAA,SAAA,EAAuC,UAAS,KAAI,IAErD,4CAAC,6CAAAC,SAAA,EAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eAAe,4CAAC,sBAAAC,SAAA,EAAc,IAAK;AAAA,IAC3C;AAAA,IACA,MAAM,QAAS,EAAE,OAAO,SAAS,GAAI;AACpC,YAAM,eAAe,SAAS,cAAc;AAC5C,UAAK,CAAE,cAAe;AACrB,eAAO;AAAA,MACR;AACA,YAAM,aAAa,MAAM,mBAAoB,KAAM;AACnD,aAAO,aAAa,4CAAC,cAAAC,SAAA,EAAO,IAAK;AAAA,IAClC;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,YAAM,eAAe,SAAS,cAAc;AAC5C,aAAO,eACN,4CAAC,sBAAAD,SAAA,EAAc,IAEf,4CAAC,6CAAAD,SAAA,EAAmC;AAAA,IAEtC;AAAA,EACD;AAAA,EACA,QAAQ;AAAA,IACP,MAAM,QAAS,EAAE,MAAM,GAAI;AAC1B,YAAM,aAAa,MAAM,mBAAoB,KAAM;AACnD,aAAO,aAAa,MAAM;AAAA,IAC3B;AAAA,EACD;AACD;",
+  "names": ["SidebarNavigationScreenTemplatesBrowse", "SidebarNavigationScreenUnsupported", "PageTemplates", "Editor"]
+}

package/build/components/site-editor-routes/utils.js

@@ -1,20 +1,34 @@
 "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 utils_exports = {};
+__export(utils_exports, {
+  isClassicThemeWithStyleBookSupport: () => isClassicThemeWithStyleBookSupport
 });
-exports.isClassicThemeWithStyleBookSupport = isClassicThemeWithStyleBookSupport;
-/**
- * Check if the classic theme supports the stylebook.
- *
- * @param {Object} siteData - The site data provided by the site editor route area resolvers.
- * @return {boolean} True if the stylebook is supported, false otherwise.
- */
+module.exports = __toCommonJS(utils_exports);
 function isClassicThemeWithStyleBookSupport(siteData) {
   const isBlockTheme = siteData.currentTheme?.is_block_theme;
-  const supportsEditorStyles = siteData.currentTheme?.theme_supports['editor-styles'];
-  // This is a temp solution until the has_theme_json value is available for the current theme.
+  const supportsEditorStyles = siteData.currentTheme?.theme_supports["editor-styles"];
   const hasThemeJson = siteData.editorSettings?.supportsLayout;
   return !isBlockTheme && (supportsEditorStyles || hasThemeJson);
 }
-//# sourceMappingURL=utils.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  isClassicThemeWithStyleBookSupport
+});
+//# sourceMappingURL=utils.js.map

package/build/components/site-editor-routes/utils.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["isClassicThemeWithStyleBookSupport","siteData","isBlockTheme","currentTheme","is_block_theme","supportsEditorStyles","theme_supports","hasThemeJson","editorSettings","supportsLayout"],"sources":["@wordpress/edit-site/src/components/site-editor-routes/utils.js"],"sourcesContent":["/**\n * Check if the classic theme supports the stylebook.\n *\n * @param {Object} siteData - The site data provided by the site editor route area resolvers.\n * @return {boolean} True if the stylebook is supported, false otherwise.\n */\nexport function isClassicThemeWithStyleBookSupport( siteData ) {\n\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\tconst supportsEditorStyles =\n\t\tsiteData.currentTheme?.theme_supports[ 'editor-styles' ];\n\t// This is a temp solution until the has_theme_json value is available for the current theme.\n\tconst hasThemeJson = siteData.editorSettings?.supportsLayout;\n\treturn ! isBlockTheme && ( supportsEditorStyles || hasThemeJson );\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,kCAAkCA,CAAEC,QAAQ,EAAG;EAC9D,MAAMC,YAAY,GAAGD,QAAQ,CAACE,YAAY,EAAEC,cAAc;EAC1D,MAAMC,oBAAoB,GACzBJ,QAAQ,CAACE,YAAY,EAAEG,cAAc,CAAE,eAAe,CAAE;EACzD;EACA,MAAMC,YAAY,GAAGN,QAAQ,CAACO,cAAc,EAAEC,cAAc;EAC5D,OAAO,CAAEP,YAAY,KAAMG,oBAAoB,IAAIE,YAAY,CAAE;AAClE","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/site-editor-routes/utils.js"],
+  "sourcesContent": ["/**\n * Check if the classic theme supports the stylebook.\n *\n * @param {Object} siteData - The site data provided by the site editor route area resolvers.\n * @return {boolean} True if the stylebook is supported, false otherwise.\n */\nexport function isClassicThemeWithStyleBookSupport( siteData ) {\n\tconst isBlockTheme = siteData.currentTheme?.is_block_theme;\n\tconst supportsEditorStyles =\n\t\tsiteData.currentTheme?.theme_supports[ 'editor-styles' ];\n\t// This is a temp solution until the has_theme_json value is available for the current theme.\n\tconst hasThemeJson = siteData.editorSettings?.supportsLayout;\n\treturn ! isBlockTheme && ( supportsEditorStyles || hasThemeJson );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMO,SAAS,mCAAoC,UAAW;AAC9D,QAAM,eAAe,SAAS,cAAc;AAC5C,QAAM,uBACL,SAAS,cAAc,eAAgB,eAAgB;AAExD,QAAM,eAAe,SAAS,gBAAgB;AAC9C,SAAO,CAAE,iBAAkB,wBAAwB;AACpD;",
+  "names": []
+}

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

@@ -1,234 +1,245 @@
 "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 site_hub_exports = {};
+__export(site_hub_exports, {
+  SiteHubMobile: () => SiteHubMobile,
+  default: () => site_hub_default
 });
-exports.default = exports.SiteHubMobile = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _data = require("@wordpress/data");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _coreData = require("@wordpress/core-data");
-var _htmlEntities = require("@wordpress/html-entities");
-var _element = require("@wordpress/element");
-var _icons = require("@wordpress/icons");
-var _commands = require("@wordpress/commands");
-var _keycodes = require("@wordpress/keycodes");
-var _url = require("@wordpress/url");
-var _router = require("@wordpress/router");
-var _store = require("../../store");
-var _siteIcon = _interopRequireDefault(require("../site-icon"));
-var _lockUnlock = require("../../lock-unlock");
-var _sidebar = require("../sidebar");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  useLocation,
-  useHistory
-} = (0, _lockUnlock.unlock)(_router.privateApis);
-const SiteHub = (0, _element.memo)((0, _element.forwardRef)(({
-  isTransparent
-}, ref) => {
-  const {
-    dashboardLink,
-    homeUrl,
-    siteTitle
-  } = (0, _data.useSelect)(select => {
-    const {
-      getSettings
-    } = (0, _lockUnlock.unlock)(select(_store.store));
-    const {
-      getEntityRecord
-    } = select(_coreData.store);
-    const _site = getEntityRecord('root', 'site');
-    return {
-      dashboardLink: getSettings().__experimentalDashboardLink,
-      homeUrl: getEntityRecord('root', '__unstableBase')?.home,
-      siteTitle: !_site?.title && !!_site?.url ? (0, _url.filterURLForDisplay)(_site?.url) : _site?.title
-    };
-  }, []);
-  const {
-    open: openCommandCenter
-  } = (0, _data.useDispatch)(_commands.store);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "edit-site-site-hub",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-      justify: "flex-start",
-      spacing: "0",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _clsx.default)('edit-site-site-hub__view-mode-toggle-container', {
-          'has-transparent-background': isTransparent
-        }),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-          __next40pxDefaultSize: true,
-          ref: ref,
-          href: dashboardLink,
-          label: (0, _i18n.__)('Go to the Dashboard'),
-          className: "edit-site-layout__view-mode-toggle",
-          style: {
-            transform: 'scale(0.5333) translateX(-4px)',
-            // Offset to position the icon 12px from viewport edge
-            borderRadius: 4
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_siteIcon.default, {
-            className: "edit-site-layout__view-mode-toggle-icon"
-          })
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "edit-site-site-hub__title",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Button, {
+module.exports = __toCommonJS(site_hub_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_data = require("@wordpress/data");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_core_data = require("@wordpress/core-data");
+var import_html_entities = require("@wordpress/html-entities");
+var import_element = require("@wordpress/element");
+var import_icons = require("@wordpress/icons");
+var import_commands = require("@wordpress/commands");
+var import_keycodes = require("@wordpress/keycodes");
+var import_url = require("@wordpress/url");
+var import_router = require("@wordpress/router");
+var import_store = require("../../store");
+var import_site_icon = __toESM(require("../site-icon"));
+var import_lock_unlock = require("../../lock-unlock");
+var import_sidebar = require("../sidebar");
+const { useLocation, useHistory } = (0, import_lock_unlock.unlock)(import_router.privateApis);
+const SiteHub = (0, import_element.memo)(
+  (0, import_element.forwardRef)(({ isTransparent }, ref) => {
+    const { dashboardLink, homeUrl, siteTitle } = (0, import_data.useSelect)((select) => {
+      const { getSettings } = (0, import_lock_unlock.unlock)(select(import_store.store));
+      const { getEntityRecord } = select(import_core_data.store);
+      const _site = getEntityRecord("root", "site");
+      return {
+        dashboardLink: getSettings().__experimentalDashboardLink,
+        homeUrl: getEntityRecord("root", "__unstableBase")?.home,
+        siteTitle: !_site?.title && !!_site?.url ? (0, import_url.filterURLForDisplay)(_site?.url) : _site?.title
+      };
+    }, []);
+    const { open: openCommandCenter } = (0, import_data.useDispatch)(import_commands.store);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "edit-site-site-hub", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { justify: "flex-start", spacing: "0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: (0, import_clsx.default)(
+            "edit-site-site-hub__view-mode-toggle-container",
+            {
+              "has-transparent-background": isTransparent
+            }
+          ),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.Button,
+            {
+              __next40pxDefaultSize: true,
+              ref,
+              href: dashboardLink,
+              label: (0, import_i18n.__)("Go to the Dashboard"),
+              className: "edit-site-layout__view-mode-toggle",
+              style: {
+                transform: "scale(0.5333) translateX(-4px)",
+                // Offset to position the icon 12px from viewport edge
+                borderRadius: 4
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_site_icon.default, { className: "edit-site-layout__view-mode-toggle-icon" })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "edit-site-site-hub__title", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_components.Button,
+          {
             __next40pxDefaultSize: true,
             variant: "link",
             href: homeUrl,
             target: "_blank",
-            children: [(0, _htmlEntities.decodeEntities)(siteTitle), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
-              as: "span",
-              children: /* translators: accessibility text */
-              (0, _i18n.__)('(opens in a new tab)')
-            })]
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHStack, {
-          spacing: 0,
-          expanded: false,
-          className: "edit-site-site-hub__actions",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-            size: "compact",
-            className: "edit-site-site-hub_toggle-command-center",
-            icon: _icons.search,
-            onClick: () => openCommandCenter(),
-            label: (0, _i18n.__)('Open command palette'),
-            shortcut: _keycodes.displayShortcut.primary('k')
-          })
-        })]
-      })]
-    })
-  });
-}));
-var _default = exports.default = SiteHub;
-const SiteHubMobile = exports.SiteHubMobile = (0, _element.memo)((0, _element.forwardRef)(({
-  isTransparent
-}, ref) => {
-  const {
-    path
-  } = useLocation();
-  const history = useHistory();
-  const {
-    navigate
-  } = (0, _element.useContext)(_sidebar.SidebarNavigationContext);
-  const {
-    dashboardLink,
-    homeUrl,
-    siteTitle,
-    isBlockTheme,
-    isClassicThemeWithStyleBookSupport
-  } = (0, _data.useSelect)(select => {
-    const {
-      getSettings
-    } = (0, _lockUnlock.unlock)(select(_store.store));
+            children: [
+              (0, import_html_entities.decodeEntities)(siteTitle),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.VisuallyHidden, {
+                as: "span",
+                /* translators: accessibility text */
+                children: (0, import_i18n.__)("(opens in a new tab)")
+              })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.__experimentalHStack,
+          {
+            spacing: 0,
+            expanded: false,
+            className: "edit-site-site-hub__actions",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_components.Button,
+              {
+                size: "compact",
+                className: "edit-site-site-hub_toggle-command-center",
+                icon: import_icons.search,
+                onClick: () => openCommandCenter(),
+                label: (0, import_i18n.__)("Open command palette"),
+                shortcut: import_keycodes.displayShortcut.primary("k")
+              }
+            )
+          }
+        )
+      ] })
+    ] }) });
+  })
+);
+var site_hub_default = SiteHub;
+const SiteHubMobile = (0, import_element.memo)(
+  (0, import_element.forwardRef)(({ isTransparent }, ref) => {
+    const { path } = useLocation();
+    const history = useHistory();
+    const { navigate } = (0, import_element.useContext)(import_sidebar.SidebarNavigationContext);
     const {
-      getEntityRecord,
-      getCurrentTheme
-    } = select(_coreData.store);
-    const _site = getEntityRecord('root', 'site');
-    const currentTheme = getCurrentTheme();
-    const settings = getSettings();
-    const supportsEditorStyles = currentTheme.theme_supports['editor-styles'];
-    // This is a temp solution until the has_theme_json value is available for the current theme.
-    const hasThemeJson = settings.supportsLayout;
-    return {
-      dashboardLink: settings.__experimentalDashboardLink,
-      homeUrl: getEntityRecord('root', '__unstableBase')?.home,
-      siteTitle: !_site?.title && !!_site?.url ? (0, _url.filterURLForDisplay)(_site?.url) : _site?.title,
-      isBlockTheme: currentTheme?.is_block_theme,
-      isClassicThemeWithStyleBookSupport: !currentTheme?.is_block_theme && (supportsEditorStyles || hasThemeJson)
-    };
-  }, []);
-  const {
-    open: openCommandCenter
-  } = (0, _data.useDispatch)(_commands.store);
-  let backPath;
-
-  // If the current path is not the root page, find a page to back to.
-  if (path !== '/') {
-    if (isBlockTheme || isClassicThemeWithStyleBookSupport) {
-      // If the current theme is a block theme or a classic theme that supports StyleBook,
-      // back to the Design screen.
-      backPath = '/';
-    } else if (path !== '/pattern') {
-      // If the current theme is a classic theme that does not support StyleBook,
-      // back to the Patterns page.
-      backPath = '/pattern';
+      dashboardLink,
+      homeUrl,
+      siteTitle,
+      isBlockTheme,
+      isClassicThemeWithStyleBookSupport
+    } = (0, import_data.useSelect)((select) => {
+      const { getSettings } = (0, import_lock_unlock.unlock)(select(import_store.store));
+      const { getEntityRecord, getCurrentTheme } = select(import_core_data.store);
+      const _site = getEntityRecord("root", "site");
+      const currentTheme = getCurrentTheme();
+      const settings = getSettings();
+      const supportsEditorStyles = currentTheme.theme_supports["editor-styles"];
+      const hasThemeJson = settings.supportsLayout;
+      return {
+        dashboardLink: settings.__experimentalDashboardLink,
+        homeUrl: getEntityRecord("root", "__unstableBase")?.home,
+        siteTitle: !_site?.title && !!_site?.url ? (0, import_url.filterURLForDisplay)(_site?.url) : _site?.title,
+        isBlockTheme: currentTheme?.is_block_theme,
+        isClassicThemeWithStyleBookSupport: !currentTheme?.is_block_theme && (supportsEditorStyles || hasThemeJson)
+      };
+    }, []);
+    const { open: openCommandCenter } = (0, import_data.useDispatch)(import_commands.store);
+    let backPath;
+    if (path !== "/") {
+      if (isBlockTheme || isClassicThemeWithStyleBookSupport) {
+        backPath = "/";
+      } else if (path !== "/pattern") {
+        backPath = "/pattern";
+      }
     }
-  }
-  const backButtonProps = {
-    href: !!backPath ? undefined : dashboardLink,
-    label: !!backPath ? (0, _i18n.__)('Go to Site Editor') : (0, _i18n.__)('Go to the Dashboard'),
-    onClick: !!backPath ? () => {
-      history.navigate(backPath);
-      navigate('back');
-    } : undefined
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "edit-site-site-hub",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-      justify: "flex-start",
-      spacing: "0",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _clsx.default)('edit-site-site-hub__view-mode-toggle-container', {
-          'has-transparent-background': isTransparent
-        }),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-          __next40pxDefaultSize: true,
-          ref: ref,
-          className: "edit-site-layout__view-mode-toggle",
-          style: {
-            transform: 'scale(0.5)',
-            borderRadius: 4
-          },
-          ...backButtonProps,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_siteIcon.default, {
-            className: "edit-site-layout__view-mode-toggle-icon"
-          })
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "edit-site-site-hub__title",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+    const backButtonProps = {
+      href: !!backPath ? void 0 : dashboardLink,
+      label: !!backPath ? (0, import_i18n.__)("Go to Site Editor") : (0, import_i18n.__)("Go to the Dashboard"),
+      onClick: !!backPath ? () => {
+        history.navigate(backPath);
+        navigate("back");
+      } : void 0
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "edit-site-site-hub", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { justify: "flex-start", spacing: "0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: (0, import_clsx.default)(
+            "edit-site-site-hub__view-mode-toggle-container",
+            {
+              "has-transparent-background": isTransparent
+            }
+          ),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.Button,
+            {
+              __next40pxDefaultSize: true,
+              ref,
+              className: "edit-site-layout__view-mode-toggle",
+              style: {
+                transform: "scale(0.5)",
+                borderRadius: 4
+              },
+              ...backButtonProps,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_site_icon.default, { className: "edit-site-layout__view-mode-toggle-icon" })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "edit-site-site-hub__title", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.Button,
+          {
             __next40pxDefaultSize: true,
             variant: "link",
             href: homeUrl,
             target: "_blank",
-            label: (0, _i18n.__)('View site (opens in a new tab)'),
-            children: (0, _htmlEntities.decodeEntities)(siteTitle)
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHStack, {
-          spacing: 0,
-          expanded: false,
-          className: "edit-site-site-hub__actions",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-            __next40pxDefaultSize: true,
-            className: "edit-site-site-hub_toggle-command-center",
-            icon: _icons.search,
-            onClick: () => openCommandCenter(),
-            label: (0, _i18n.__)('Open command palette'),
-            shortcut: _keycodes.displayShortcut.primary('k')
-          })
-        })]
-      })]
-    })
-  });
-}));
-//# sourceMappingURL=index.js.map
+            label: (0, import_i18n.__)("View site (opens in a new tab)"),
+            children: (0, import_html_entities.decodeEntities)(siteTitle)
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.__experimentalHStack,
+          {
+            spacing: 0,
+            expanded: false,
+            className: "edit-site-site-hub__actions",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_components.Button,
+              {
+                __next40pxDefaultSize: true,
+                className: "edit-site-site-hub_toggle-command-center",
+                icon: import_icons.search,
+                onClick: () => openCommandCenter(),
+                label: (0, import_i18n.__)("Open command palette"),
+                shortcut: import_keycodes.displayShortcut.primary("k")
+              }
+            )
+          }
+        )
+      ] })
+    ] }) });
+  })
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SiteHubMobile
+});
+//# sourceMappingURL=index.js.map