@wordpress/edit-site 6.33.5 → 6.34.1-next.2f1c7c01b.0

package/build-module/components/sidebar-button/index.js

@@ -1,6 +1,7 @@
-import { jsx } from "react/jsx-runtime";
+// packages/edit-site/src/components/sidebar-button/index.js
 import clsx from "clsx";
 import { Button } from "@wordpress/components";
+import { jsx } from "react/jsx-runtime";
 function SidebarButton(props) {
   return /* @__PURE__ */ jsx(
     Button,

package/build-module/components/sidebar-button/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/sidebar-button/index.js"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\n\nexport default function SidebarButton( props ) {\n\treturn (\n\t\t<Button\n\t\t\tsize=\"compact\"\n\t\t\t{ ...props }\n\t\t\tclassName={ clsx( 'edit-site-sidebar-button', props.className ) }\n\t\t/>\n\t);\n}\n"],
-  "mappings": "AAYE;AATF,OAAO,UAAU;AAKjB,SAAS,cAAc;AAER,SAAR,cAAgC,OAAQ;AAC9C,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACH,GAAG;AAAA,MACL,WAAY,KAAM,4BAA4B,MAAM,SAAU;AAAA;AAAA,EAC/D;AAEF;",
+  "mappings": ";AAGA,OAAO,UAAU;AAKjB,SAAS,cAAc;AAIrB;AAFa,SAAR,cAAgC,OAAQ;AAC9C,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACH,GAAG;AAAA,MACL,WAAY,KAAM,4BAA4B,MAAM,SAAU;AAAA;AAAA,EAC/D;AAEF;",
   "names": []
 }

package/build-module/components/sidebar-dataviews/dataview-item.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// packages/edit-site/src/components/sidebar-dataviews/dataview-item.js
 import clsx from "clsx";
 import { privateApis as routerPrivateApis } from "@wordpress/router";
 import { __experimentalHStack as HStack } from "@wordpress/components";
@@ -6,7 +6,8 @@ import { VIEW_LAYOUTS } from "@wordpress/dataviews";
 import { addQueryArgs } from "@wordpress/url";
 import SidebarNavigationItem from "../sidebar-navigation-item";
 import { unlock } from "../../lock-unlock";
-const { useLocation } = unlock(routerPrivateApis);
+import { jsx, jsxs } from "react/jsx-runtime";
+var { useLocation } = unlock(routerPrivateApis);
 function DataViewItem({
   title,
   slug,

package/build-module/components/sidebar-dataviews/dataview-item.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/sidebar-dataviews/dataview-item.js"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { __experimentalHStack as HStack } from '@wordpress/components';\nimport { VIEW_LAYOUTS } from '@wordpress/dataviews';\nimport { addQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { unlock } from '../../lock-unlock';\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function DataViewItem( {\n\ttitle,\n\tslug,\n\ttype,\n\ticon,\n\tisActive,\n\tsuffix,\n} ) {\n\tconst { path } = useLocation();\n\n\tconst iconToUse =\n\t\ticon || VIEW_LAYOUTS.find( ( v ) => v.type === type ).icon;\n\n\tif ( slug === 'all' ) {\n\t\tslug = undefined;\n\t}\n\treturn (\n\t\t<HStack\n\t\t\tjustify=\"flex-start\"\n\t\t\tclassName={ clsx( 'edit-site-sidebar-dataviews-dataview-item', {\n\t\t\t\t'is-selected': isActive,\n\t\t\t} ) }\n\t\t>\n\t\t\t<SidebarNavigationItem\n\t\t\t\ticon={ iconToUse }\n\t\t\t\tto={ addQueryArgs( path, {\n\t\t\t\t\tactiveView: slug,\n\t\t\t\t} ) }\n\t\t\t\taria-current={ isActive ? 'true' : undefined }\n\t\t\t>\n\t\t\t\t{ title }\n\t\t\t</SidebarNavigationItem>\n\t\t\t{ suffix }\n\t\t</HStack>\n\t);\n}\n"],
-  "mappings": "AAqCE,SAMC,KAND;AAlCF,OAAO,UAAU;AAKjB,SAAS,eAAe,yBAAyB;AACjD,SAAS,wBAAwB,cAAc;AAC/C,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAK7B,OAAO,2BAA2B;AAClC,SAAS,cAAc;AACvB,MAAM,EAAE,YAAY,IAAI,OAAQ,iBAAkB;AAEnC,SAAR,aAA+B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,EAAE,KAAK,IAAI,YAAY;AAE7B,QAAM,YACL,QAAQ,aAAa,KAAM,CAAE,MAAO,EAAE,SAAS,IAAK,EAAE;AAEvD,MAAK,SAAS,OAAQ;AACrB,WAAO;AAAA,EACR;AACA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,SAAQ;AAAA,MACR,WAAY,KAAM,6CAA6C;AAAA,QAC9D,eAAe;AAAA,MAChB,CAAE;AAAA,MAEF;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,MAAO;AAAA,YACP,IAAK,aAAc,MAAM;AAAA,cACxB,YAAY;AAAA,YACb,CAAE;AAAA,YACF,gBAAe,WAAW,SAAS;AAAA,YAEjC;AAAA;AAAA,QACH;AAAA,QACE;AAAA;AAAA;AAAA,EACH;AAEF;",
+  "mappings": ";AAGA,OAAO,UAAU;AAKjB,SAAS,eAAe,yBAAyB;AACjD,SAAS,wBAAwB,cAAc;AAC/C,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAK7B,OAAO,2BAA2B;AAClC,SAAS,cAAc;AAoBrB,SAMC,KAND;AAnBF,IAAM,EAAE,YAAY,IAAI,OAAQ,iBAAkB;AAEnC,SAAR,aAA+B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,EAAE,KAAK,IAAI,YAAY;AAE7B,QAAM,YACL,QAAQ,aAAa,KAAM,CAAE,MAAO,EAAE,SAAS,IAAK,EAAE;AAEvD,MAAK,SAAS,OAAQ;AACrB,WAAO;AAAA,EACR;AACA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,SAAQ;AAAA,MACR,WAAY,KAAM,6CAA6C;AAAA,QAC9D,eAAe;AAAA,MAChB,CAAE;AAAA,MAEF;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,MAAO;AAAA,YACP,IAAK,aAAc,MAAM;AAAA,cACxB,YAAY;AAAA,YACb,CAAE;AAAA,YACF,gBAAe,WAAW,SAAS;AAAA,YAEjC;AAAA;AAAA,QACH;AAAA,QACE;AAAA;AAAA;AAAA,EACH;AAEF;",
   "names": []
 }

package/build-module/components/sidebar-dataviews/index.js

@@ -1,4 +1,4 @@
-import { Fragment, jsx } from "react/jsx-runtime";
+// packages/edit-site/src/components/sidebar-dataviews/index.js
 import { __experimentalItemGroup as ItemGroup } from "@wordpress/components";
 import { privateApis as routerPrivateApis } from "@wordpress/router";
 import { useSelect } from "@wordpress/data";
@@ -7,7 +7,8 @@ import { useMemo } from "@wordpress/element";
 import { unlock } from "../../lock-unlock";
 import DataViewItem from "./dataview-item";
 import { getDefaultViews } from "../post-list/view-utils";
-const { useLocation } = unlock(routerPrivateApis);
+import { Fragment, jsx } from "react/jsx-runtime";
+var { useLocation } = unlock(routerPrivateApis);
 function DataViewsSidebarContent({ postType }) {
   const {
     query: { activeView = "all" }

package/build-module/components/sidebar-dataviews/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/sidebar-dataviews/index.js"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport DataViewItem from './dataview-item';\nimport { getDefaultViews } from '../post-list/view-utils';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function DataViewsSidebarContent( { postType } ) {\n\tconst {\n\t\tquery: { activeView = 'all' },\n\t} = useLocation();\n\tconst postTypeObject = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getPostType } = select( coreStore );\n\t\t\treturn getPostType( postType );\n\t\t},\n\t\t[ postType ]\n\t);\n\tconst defaultViews = useMemo(\n\t\t() => getDefaultViews( postTypeObject ),\n\t\t[ postTypeObject ]\n\t);\n\tif ( ! postType ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<ItemGroup className=\"edit-site-sidebar-dataviews\">\n\t\t\t\t{ defaultViews.map( ( dataview ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<DataViewItem\n\t\t\t\t\t\t\tkey={ dataview.slug }\n\t\t\t\t\t\t\tslug={ dataview.slug }\n\t\t\t\t\t\t\ttitle={ dataview.title }\n\t\t\t\t\t\t\ticon={ dataview.icon }\n\t\t\t\t\t\t\ttype={ dataview.view.type }\n\t\t\t\t\t\t\tisActive={ dataview.slug === activeView }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</ItemGroup>\n\t\t</>\n\t);\n}\n"],
-  "mappings": "AAsCE,mBAII,WAJJ;AAnCF,SAAS,2BAA2B,iBAAiB;AACrD,SAAS,eAAe,yBAAyB;AACjD,SAAS,iBAAiB;AAC1B,SAAS,SAAS,iBAAiB;AACnC,SAAS,eAAe;AAKxB,SAAS,cAAc;AACvB,OAAO,kBAAkB;AACzB,SAAS,uBAAuB;AAEhC,MAAM,EAAE,YAAY,IAAI,OAAQ,iBAAkB;AAEnC,SAAR,wBAA0C,EAAE,SAAS,GAAI;AAC/D,QAAM;AAAA,IACL,OAAO,EAAE,aAAa,MAAM;AAAA,EAC7B,IAAI,YAAY;AAChB,QAAM,iBAAiB;AAAA,IACtB,CAAE,WAAY;AACb,YAAM,EAAE,YAAY,IAAI,OAAQ,SAAU;AAC1C,aAAO,YAAa,QAAS;AAAA,IAC9B;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AACA,QAAM,eAAe;AAAA,IACpB,MAAM,gBAAiB,cAAe;AAAA,IACtC,CAAE,cAAe;AAAA,EAClB;AACA,MAAK,CAAE,UAAW;AACjB,WAAO;AAAA,EACR;AAEA,SACC,gCACC,8BAAC,aAAU,WAAU,+BAClB,uBAAa,IAAK,CAAE,aAAc;AACnC,WACC;AAAA,MAAC;AAAA;AAAA,QAEA,MAAO,SAAS;AAAA,QAChB,OAAQ,SAAS;AAAA,QACjB,MAAO,SAAS;AAAA,QAChB,MAAO,SAAS,KAAK;AAAA,QACrB,UAAW,SAAS,SAAS;AAAA;AAAA,MALvB,SAAS;AAAA,IAMhB;AAAA,EAEF,CAAE,GACH,GACD;AAEF;",
+  "mappings": ";AAGA,SAAS,2BAA2B,iBAAiB;AACrD,SAAS,eAAe,yBAAyB;AACjD,SAAS,iBAAiB;AAC1B,SAAS,SAAS,iBAAiB;AACnC,SAAS,eAAe;AAKxB,SAAS,cAAc;AACvB,OAAO,kBAAkB;AACzB,SAAS,uBAAuB;AAwB9B,mBAII,WAJJ;AAtBF,IAAM,EAAE,YAAY,IAAI,OAAQ,iBAAkB;AAEnC,SAAR,wBAA0C,EAAE,SAAS,GAAI;AAC/D,QAAM;AAAA,IACL,OAAO,EAAE,aAAa,MAAM;AAAA,EAC7B,IAAI,YAAY;AAChB,QAAM,iBAAiB;AAAA,IACtB,CAAE,WAAY;AACb,YAAM,EAAE,YAAY,IAAI,OAAQ,SAAU;AAC1C,aAAO,YAAa,QAAS;AAAA,IAC9B;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AACA,QAAM,eAAe;AAAA,IACpB,MAAM,gBAAiB,cAAe;AAAA,IACtC,CAAE,cAAe;AAAA,EAClB;AACA,MAAK,CAAE,UAAW;AACjB,WAAO;AAAA,EACR;AAEA,SACC,gCACC,8BAAC,aAAU,WAAU,+BAClB,uBAAa,IAAK,CAAE,aAAc;AACnC,WACC;AAAA,MAAC;AAAA;AAAA,QAEA,MAAO,SAAS;AAAA,QAChB,OAAQ,SAAS;AAAA,QACjB,MAAO,SAAS;AAAA,QAChB,MAAO,SAAS,KAAK;AAAA,QACrB,UAAW,SAAS,SAAS;AAAA;AAAA,MALvB,SAAS;AAAA,IAMhB;AAAA,EAEF,CAAE,GACH,GACD;AAEF;",
   "names": []
 }

package/build-module/components/{sidebar-global-styles-wrapper → sidebar-global-styles}/index.js

@@ -1,35 +1,24 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// packages/edit-site/src/components/sidebar-global-styles/index.js
 import { Page } from "@wordpress/admin-ui";
 import { __ } from "@wordpress/i18n";
-import { useSelect } from "@wordpress/data";
-import { store as coreStore } from "@wordpress/core-data";
 import { useMemo, useState } from "@wordpress/element";
 import { privateApis as routerPrivateApis } from "@wordpress/router";
+import { privateApis as editorPrivateApis } from "@wordpress/editor";
 import { useViewportMatch } from "@wordpress/compose";
-import {
-  Button,
-  __experimentalHStack as HStack,
-  DropdownMenu,
-  MenuGroup,
-  MenuItem
-} from "@wordpress/components";
+import { Button, __experimentalHStack as HStack } from "@wordpress/components";
 import { addQueryArgs, removeQueryArgs } from "@wordpress/url";
-import { seen, moreVertical } from "@wordpress/icons";
-import GlobalStylesUI from "../global-styles/ui";
+import { seen } from "@wordpress/icons";
 import { unlock } from "../../lock-unlock";
-const { useLocation, useHistory } = unlock(routerPrivateApis);
-const GlobalStylesPageActions = ({
+import { jsx, jsxs } from "react/jsx-runtime";
+var { GlobalStylesUIWrapper, GlobalStylesActionMenu } = unlock(editorPrivateApis);
+var { useLocation, useHistory } = unlock(routerPrivateApis);
+var GlobalStylesPageActions = ({
   isStyleBookOpened,
   setIsStyleBookOpened,
-  path
+  path,
+  onChangeSection
 }) => {
   const history = useHistory();
-  const canEditCSS = useSelect((select) => {
-    const { getEntityRecord, __experimentalGetCurrentGlobalStylesId } = select(coreStore);
-    const globalStylesId = __experimentalGetCurrentGlobalStylesId();
-    const globalStyles = globalStylesId ? getEntityRecord("root", "globalStyles", globalStylesId) : void 0;
-    return !!globalStyles?._links?.["wp:action-edit-css"];
-  }, []);
   return /* @__PURE__ */ jsxs(HStack, { children: [
     /* @__PURE__ */ jsx(
       Button,
@@ -45,31 +34,16 @@ const GlobalStylesPageActions = ({
         size: "compact"
       }
     ),
-    canEditCSS && /* @__PURE__ */ jsx(
-      DropdownMenu,
+    /* @__PURE__ */ jsx(
+      GlobalStylesActionMenu,
       {
-        icon: moreVertical,
-        label: __("More"),
-        toggleProps: { size: "compact" },
-        children: ({ onClose }) => /* @__PURE__ */ jsx(MenuGroup, { children: canEditCSS && /* @__PURE__ */ jsx(
-          MenuItem,
-          {
-            onClick: () => {
-              onClose();
-              history.navigate(
-                addQueryArgs(path, {
-                  section: "/css"
-                })
-              );
-            },
-            children: __("Additional CSS")
-          }
-        ) })
+        hideWelcomeGuide: true,
+        onChangePath: onChangeSection
       }
     )
   ] });
 };
-const useSection = () => {
+var useSection = () => {
   const { path, query } = useLocation();
   const history = useHistory();
   return useMemo(() => {
@@ -85,7 +59,7 @@ const useSection = () => {
     ];
   }, [path, query.section, history]);
 };
-function GlobalStylesUIWrapper() {
+function SidebarGlobalStyles() {
   const { path } = useLocation();
   const [isStyleBookOpened, setIsStyleBookOpened] = useState(
     path.includes("preview=stylebook")
@@ -100,17 +74,24 @@ function GlobalStylesUIWrapper() {
         {
           isStyleBookOpened,
           setIsStyleBookOpened,
-          path
+          path,
+          onChangeSection
         }
       ) : null,
       className: "edit-site-styles",
       title: __("Styles"),
-      children: /* @__PURE__ */ jsx(GlobalStylesUI, { path: section, onPathChange: onChangeSection })
+      children: /* @__PURE__ */ jsx(
+        GlobalStylesUIWrapper,
+        {
+          path: section,
+          onPathChange: onChangeSection
+        }
+      )
     }
   );
 }
 export {
-  GlobalStylesUIWrapper as default,
+  SidebarGlobalStyles as default,
   useSection
 };
 //# sourceMappingURL=index.js.map

package/build-module/components/sidebar-global-styles/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar-global-styles/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Page } from '@wordpress/admin-ui';\nimport { __ } from '@wordpress/i18n';\nimport { useMemo, useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { Button, __experimentalHStack as HStack } from '@wordpress/components';\nimport { addQueryArgs, removeQueryArgs } from '@wordpress/url';\nimport { seen } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesUIWrapper, GlobalStylesActionMenu } =\n\tunlock( editorPrivateApis );\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nconst GlobalStylesPageActions = ( {\n\tisStyleBookOpened,\n\tsetIsStyleBookOpened,\n\tpath,\n\tonChangeSection,\n} ) => {\n\tconst history = useHistory();\n\n\treturn (\n\t\t<HStack>\n\t\t\t<Button\n\t\t\t\tisPressed={ isStyleBookOpened }\n\t\t\t\ticon={ seen }\n\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsStyleBookOpened( ! isStyleBookOpened );\n\t\t\t\t\tconst updatedPath = ! isStyleBookOpened\n\t\t\t\t\t\t? addQueryArgs( path, { preview: 'stylebook' } )\n\t\t\t\t\t\t: removeQueryArgs( path, 'preview' );\n\t\t\t\t\t// Navigate to the updated path.\n\t\t\t\t\thistory.navigate( updatedPath );\n\t\t\t\t} }\n\t\t\t\tsize=\"compact\"\n\t\t\t/>\n\t\t\t<GlobalStylesActionMenu\n\t\t\t\thideWelcomeGuide\n\t\t\t\tonChangePath={ onChangeSection }\n\t\t\t/>\n\t\t</HStack>\n\t);\n};\n\n/**\n * Hook to deal with navigation and location state.\n *\n * @return {Array}  The current section and a function to update it.\n */\nexport const useSection = () => {\n\tconst { path, query } = useLocation();\n\tconst history = useHistory();\n\treturn useMemo( () => {\n\t\treturn [\n\t\t\tquery.section ?? '/',\n\t\t\t( updatedSection ) => {\n\t\t\t\thistory.navigate(\n\t\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\t\tsection: updatedSection,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t},\n\t\t];\n\t}, [ path, query.section, history ] );\n};\n\nexport default function SidebarGlobalStyles() {\n\tconst { path } = useLocation();\n\n\tconst [ isStyleBookOpened, setIsStyleBookOpened ] = useState(\n\t\tpath.includes( 'preview=stylebook' )\n\t);\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst [ section, onChangeSection ] = useSection();\n\n\treturn (\n\t\t<Page\n\t\t\tactions={\n\t\t\t\t! isMobileViewport ? (\n\t\t\t\t\t<GlobalStylesPageActions\n\t\t\t\t\t\tisStyleBookOpened={ isStyleBookOpened }\n\t\t\t\t\t\tsetIsStyleBookOpened={ setIsStyleBookOpened }\n\t\t\t\t\t\tpath={ path }\n\t\t\t\t\t\tonChangeSection={ onChangeSection }\n\t\t\t\t\t/>\n\t\t\t\t) : null\n\t\t\t}\n\t\t\tclassName=\"edit-site-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t>\n\t\t\t<GlobalStylesUIWrapper\n\t\t\t\tpath={ section }\n\t\t\t\tonPathChange={ onChangeSection }\n\t\t\t/>\n\t\t</Page>\n\t);\n}\n"],
+  "mappings": ";AAGA,SAAS,YAAY;AACrB,SAAS,UAAU;AACnB,SAAS,SAAS,gBAAgB;AAClC,SAAS,eAAe,yBAAyB;AACjD,SAAS,eAAe,yBAAyB;AACjD,SAAS,wBAAwB;AACjC,SAAS,QAAQ,wBAAwB,cAAc;AACvD,SAAS,cAAc,uBAAuB;AAC9C,SAAS,YAAY;AAKrB,SAAS,cAAc;AAerB,SACC,KADD;AAbF,IAAM,EAAE,uBAAuB,uBAAuB,IACrD,OAAQ,iBAAkB;AAC3B,IAAM,EAAE,aAAa,WAAW,IAAI,OAAQ,iBAAkB;AAE9D,IAAM,0BAA0B,CAAE;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAAO;AACN,QAAM,UAAU,WAAW;AAE3B,SACC,qBAAC,UACA;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAY;AAAA,QACZ,MAAO;AAAA,QACP,OAAQ,GAAI,YAAa;AAAA,QACzB,SAAU,MAAM;AACf,+BAAsB,CAAE,iBAAkB;AAC1C,gBAAM,cAAc,CAAE,oBACnB,aAAc,MAAM,EAAE,SAAS,YAAY,CAAE,IAC7C,gBAAiB,MAAM,SAAU;AAEpC,kBAAQ,SAAU,WAAY;AAAA,QAC/B;AAAA,QACA,MAAK;AAAA;AAAA,IACN;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA,kBAAgB;AAAA,QAChB,cAAe;AAAA;AAAA,IAChB;AAAA,KACD;AAEF;AAOO,IAAM,aAAa,MAAM;AAC/B,QAAM,EAAE,MAAM,MAAM,IAAI,YAAY;AACpC,QAAM,UAAU,WAAW;AAC3B,SAAO,QAAS,MAAM;AACrB,WAAO;AAAA,MACN,MAAM,WAAW;AAAA,MACjB,CAAE,mBAAoB;AACrB,gBAAQ;AAAA,UACP,aAAc,MAAM;AAAA,YACnB,SAAS;AAAA,UACV,CAAE;AAAA,QACH;AAAA,MACD;AAAA,IACD;AAAA,EACD,GAAG,CAAE,MAAM,MAAM,SAAS,OAAQ,CAAE;AACrC;AAEe,SAAR,sBAAuC;AAC7C,QAAM,EAAE,KAAK,IAAI,YAAY;AAE7B,QAAM,CAAE,mBAAmB,oBAAqB,IAAI;AAAA,IACnD,KAAK,SAAU,mBAAoB;AAAA,EACpC;AACA,QAAM,mBAAmB,iBAAkB,UAAU,GAAI;AACzD,QAAM,CAAE,SAAS,eAAgB,IAAI,WAAW;AAEhD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,SACC,CAAE,mBACD;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACD,IACG;AAAA,MAEL,WAAU;AAAA,MACV,OAAQ,GAAI,QAAS;AAAA,MAErB;AAAA,QAAC;AAAA;AAAA,UACA,MAAO;AAAA,UACP,cAAe;AAAA;AAAA,MAChB;AAAA;AAAA,EACD;AAEF;",
+  "names": []
+}

package/build-module/components/sidebar-navigation-item/index.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// packages/edit-site/src/components/sidebar-navigation-item/index.js
 import clsx from "clsx";
 import {
   __experimentalItem as Item,
@@ -11,7 +11,8 @@ import { privateApis as routerPrivateApis } from "@wordpress/router";
 import { useContext } from "@wordpress/element";
 import { unlock } from "../../lock-unlock";
 import { SidebarNavigationContext } from "../sidebar";
-const { useHistory, useLink } = unlock(routerPrivateApis);
+import { jsx, jsxs } from "react/jsx-runtime";
+var { useHistory, useLink } = unlock(routerPrivateApis);
 function SidebarNavigationItem({
   className,
   icon,

package/build-module/components/sidebar-navigation-item/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/sidebar-navigation-item/index.js"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\tFlexBlock,\n} from '@wordpress/components';\nimport { isRTL } from '@wordpress/i18n';\nimport { chevronRightSmall, chevronLeftSmall, Icon } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { SidebarNavigationContext } from '../sidebar';\n\nconst { useHistory, useLink } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationItem( {\n\tclassName,\n\ticon,\n\twithChevron = false,\n\tsuffix,\n\tuid,\n\tto,\n\tonClick,\n\tchildren,\n\t...props\n} ) {\n\tconst history = useHistory();\n\tconst { navigate } = useContext( SidebarNavigationContext );\n\t// If there is no custom click handler, create one that navigates to `params`.\n\tfunction handleClick( e ) {\n\t\tif ( onClick ) {\n\t\t\tonClick( e );\n\t\t\tnavigate( 'forward' );\n\t\t} else if ( to ) {\n\t\t\te.preventDefault();\n\t\t\thistory.navigate( to );\n\t\t\tnavigate( 'forward', `[id=\"${ uid }\"]` );\n\t\t}\n\t}\n\tconst linkProps = useLink( to );\n\n\treturn (\n\t\t<Item\n\t\t\tclassName={ clsx(\n\t\t\t\t'edit-site-sidebar-navigation-item',\n\t\t\t\t{ 'with-suffix': ! withChevron && suffix },\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tid={ uid }\n\t\t\tonClick={ handleClick }\n\t\t\thref={ to ? linkProps.href : undefined }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t{ icon && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tstyle={ { fill: 'currentcolor' } }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<FlexBlock>{ children }</FlexBlock>\n\t\t\t\t{ withChevron && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ isRTL() ? chevronLeftSmall : chevronRightSmall }\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-item__drilldown-indicator\"\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ! withChevron && suffix }\n\t\t\t</HStack>\n\t\t</Item>\n\t);\n}\n"],
-  "mappings": "AAgEG,SAEE,KAFF;AA7DH,OAAO,UAAU;AAKjB;AAAA,EACC,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB;AAAA,OACM;AACP,SAAS,aAAa;AACtB,SAAS,mBAAmB,kBAAkB,YAAY;AAC1D,SAAS,eAAe,yBAAyB;AACjD,SAAS,kBAAkB;AAK3B,SAAS,cAAc;AACvB,SAAS,gCAAgC;AAEzC,MAAM,EAAE,YAAY,QAAQ,IAAI,OAAQ,iBAAkB;AAE3C,SAAR,sBAAwC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAI;AACH,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,SAAS,IAAI,WAAY,wBAAyB;AAE1D,WAAS,YAAa,GAAI;AACzB,QAAK,SAAU;AACd,cAAS,CAAE;AACX,eAAU,SAAU;AAAA,IACrB,WAAY,IAAK;AAChB,QAAE,eAAe;AACjB,cAAQ,SAAU,EAAG;AACrB,eAAU,WAAW,QAAS,GAAI,IAAK;AAAA,IACxC;AAAA,EACD;AACA,QAAM,YAAY,QAAS,EAAG;AAE9B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAY;AAAA,QACX;AAAA,QACA,EAAE,eAAe,CAAE,eAAe,OAAO;AAAA,QACzC;AAAA,MACD;AAAA,MACA,IAAK;AAAA,MACL,SAAU;AAAA,MACV,MAAO,KAAK,UAAU,OAAO;AAAA,MAC3B,GAAG;AAAA,MAEL,+BAAC,UAAO,SAAQ,cACb;AAAA,gBACD;AAAA,UAAC;AAAA;AAAA,YACA,OAAQ,EAAE,MAAM,eAAe;AAAA,YAC/B;AAAA,YACA,MAAO;AAAA;AAAA,QACR;AAAA,QAED,oBAAC,aAAY,UAAU;AAAA,QACrB,eACD;AAAA,UAAC;AAAA;AAAA,YACA,MAAO,MAAM,IAAI,mBAAmB;AAAA,YACpC,WAAU;AAAA,YACV,MAAO;AAAA;AAAA,QACR;AAAA,QAEC,CAAE,eAAe;AAAA,SACpB;AAAA;AAAA,EACD;AAEF;",
+  "mappings": ";AAGA,OAAO,UAAU;AAKjB;AAAA,EACC,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB;AAAA,OACM;AACP,SAAS,aAAa;AACtB,SAAS,mBAAmB,kBAAkB,YAAY;AAC1D,SAAS,eAAe,yBAAyB;AACjD,SAAS,kBAAkB;AAK3B,SAAS,cAAc;AACvB,SAAS,gCAAgC;AA0CtC,SAEE,KAFF;AAxCH,IAAM,EAAE,YAAY,QAAQ,IAAI,OAAQ,iBAAkB;AAE3C,SAAR,sBAAwC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAI;AACH,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,SAAS,IAAI,WAAY,wBAAyB;AAE1D,WAAS,YAAa,GAAI;AACzB,QAAK,SAAU;AACd,cAAS,CAAE;AACX,eAAU,SAAU;AAAA,IACrB,WAAY,IAAK;AAChB,QAAE,eAAe;AACjB,cAAQ,SAAU,EAAG;AACrB,eAAU,WAAW,QAAS,GAAI,IAAK;AAAA,IACxC;AAAA,EACD;AACA,QAAM,YAAY,QAAS,EAAG;AAE9B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAY;AAAA,QACX;AAAA,QACA,EAAE,eAAe,CAAE,eAAe,OAAO;AAAA,QACzC;AAAA,MACD;AAAA,MACA,IAAK;AAAA,MACL,SAAU;AAAA,MACV,MAAO,KAAK,UAAU,OAAO;AAAA,MAC3B,GAAG;AAAA,MAEL,+BAAC,UAAO,SAAQ,cACb;AAAA,gBACD;AAAA,UAAC;AAAA;AAAA,YACA,OAAQ,EAAE,MAAM,eAAe;AAAA,YAC/B;AAAA,YACA,MAAO;AAAA;AAAA,QACR;AAAA,QAED,oBAAC,aAAY,UAAU;AAAA,QACrB,eACD;AAAA,UAAC;AAAA;AAAA,YACA,MAAO,MAAM,IAAI,mBAAmB;AAAA,YACpC,WAAU;AAAA,YACV,MAAO;AAAA;AAAA,QACR;AAAA,QAEC,CAAE,eAAe;AAAA,SACpB;AAAA;AAAA,EACD;AAEF;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// packages/edit-site/src/components/sidebar-navigation-screen/index.js
 import clsx from "clsx";
 import {
   __experimentalHStack as HStack,
@@ -19,7 +19,8 @@ import {
   currentlyPreviewingTheme
 } from "../../utils/is-previewing-theme";
 import { SidebarNavigationContext } from "../sidebar";
-const { useHistory, useLocation } = unlock(routerPrivateApis);
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var { useHistory, useLocation } = unlock(routerPrivateApis);
 function SidebarNavigationScreen({
   isRoot,
   title,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/sidebar-navigation-screen/index.js"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { isRTL, __, sprintf } from '@wordpress/i18n';\nimport { chevronRight, chevronLeft } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport SidebarButton from '../sidebar-button';\nimport {\n\tisPreviewingTheme,\n\tcurrentlyPreviewingTheme,\n} from '../../utils/is-previewing-theme';\nimport { SidebarNavigationContext } from '../sidebar';\n\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationScreen( {\n\tisRoot,\n\ttitle,\n\tactions,\n\tcontent,\n\tfooter,\n\tdescription,\n\tbackPath: backPathProp,\n} ) {\n\tconst { dashboardLink, dashboardLinkText, previewingThemeName } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\t\tconst currentlyPreviewingThemeId = currentlyPreviewingTheme();\n\t\t\treturn {\n\t\t\t\tdashboardLink: getSettings().__experimentalDashboardLink,\n\t\t\t\tdashboardLinkText:\n\t\t\t\t\tgetSettings().__experimentalDashboardLinkText,\n\t\t\t\t// Do not call `getTheme` with null, it will cause a request to\n\t\t\t\t// the server.\n\t\t\t\tpreviewingThemeName: currentlyPreviewingThemeId\n\t\t\t\t\t? select( coreStore ).getTheme( currentlyPreviewingThemeId )\n\t\t\t\t\t\t\t?.name?.rendered\n\t\t\t\t\t: undefined,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst location = useLocation();\n\tconst history = useHistory();\n\tconst { navigate } = useContext( SidebarNavigationContext );\n\tconst backPath = backPathProp ?? location.state?.backPath;\n\tconst icon = isRTL() ? chevronRight : chevronLeft;\n\n\treturn (\n\t\t<>\n\t\t\t<VStack\n\t\t\t\tclassName={ clsx( 'edit-site-sidebar-navigation-screen__main', {\n\t\t\t\t\t'has-footer': !! footer,\n\t\t\t\t} ) }\n\t\t\t\tspacing={ 0 }\n\t\t\t\tjustify=\"flex-start\"\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tspacing={ 3 }\n\t\t\t\t\talignment=\"flex-start\"\n\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title-icon\"\n\t\t\t\t>\n\t\t\t\t\t{ ! isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thistory.navigate( backPath );\n\t\t\t\t\t\t\t\tnavigate( 'back' );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\tshowTooltip={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tdashboardLinkText || __( 'Go to the Dashboard' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\thref={ dashboardLink }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<Heading\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title\"\n\t\t\t\t\t\tcolor={ '#e0e0e0' /* $gray-200 */ }\n\t\t\t\t\t\tlevel={ 1 }\n\t\t\t\t\t\tsize={ 20 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isPreviewingTheme()\n\t\t\t\t\t\t\t? title\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: 1: theme name. 2: title */\n\t\t\t\t\t\t\t\t\t__( 'Previewing %1$s: %2$s' ),\n\t\t\t\t\t\t\t\t\tpreviewingThemeName,\n\t\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t</Heading>\n\t\t\t\t\t{ actions && (\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__actions\">\n\t\t\t\t\t\t\t{ actions }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__content\">\n\t\t\t\t\t{ description && (\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__description\">\n\t\t\t\t\t\t\t{ description }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t\t{ content }\n\t\t\t\t</div>\n\t\t\t</VStack>\n\t\t\t{ footer && (\n\t\t\t\t<footer className=\"edit-site-sidebar-navigation-screen__footer\">\n\t\t\t\t\t{ footer }\n\t\t\t\t</footer>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],
-  "mappings": "AAoEE,mBAcI,KANF,YARF;AAjEF,OAAO,UAAU;AAKjB;AAAA,EACC,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,wBAAwB;AAAA,OAClB;AACP,SAAS,OAAO,IAAI,eAAe;AACnC,SAAS,cAAc,mBAAmB;AAC1C,SAAS,SAAS,iBAAiB;AACnC,SAAS,iBAAiB;AAC1B,SAAS,eAAe,yBAAyB;AACjD,SAAS,kBAAkB;AAK3B,SAAS,SAAS,qBAAqB;AACvC,SAAS,cAAc;AACvB,OAAO,mBAAmB;AAC1B;AAAA,EACC;AAAA,EACA;AAAA,OACM;AACP,SAAS,gCAAgC;AAEzC,MAAM,EAAE,YAAY,YAAY,IAAI,OAAQ,iBAAkB;AAE/C,SAAR,wBAA0C;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACX,GAAI;AACH,QAAM,EAAE,eAAe,mBAAmB,oBAAoB,IAAI;AAAA,IACjE,CAAE,WAAY;AACb,YAAM,EAAE,YAAY,IAAI,OAAQ,OAAQ,aAAc,CAAE;AACxD,YAAM,6BAA6B,yBAAyB;AAC5D,aAAO;AAAA,QACN,eAAe,YAAY,EAAE;AAAA,QAC7B,mBACC,YAAY,EAAE;AAAA;AAAA;AAAA,QAGf,qBAAqB,6BAClB,OAAQ,SAAU,EAAE,SAAU,0BAA2B,GACvD,MAAM,WACR;AAAA,MACJ;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AACA,QAAM,WAAW,YAAY;AAC7B,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,SAAS,IAAI,WAAY,wBAAyB;AAC1D,QAAM,WAAW,gBAAgB,SAAS,OAAO;AACjD,QAAM,OAAO,MAAM,IAAI,eAAe;AAEtC,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAY,KAAM,6CAA6C;AAAA,UAC9D,cAAc,CAAC,CAAE;AAAA,QAClB,CAAE;AAAA,QACF,SAAU;AAAA,QACV,SAAQ;AAAA,QAER;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,SAAU;AAAA,cACV,WAAU;AAAA,cACV,WAAU;AAAA,cAER;AAAA,iBAAE,UACH;AAAA,kBAAC;AAAA;AAAA,oBACA,SAAU,MAAM;AACf,8BAAQ,SAAU,QAAS;AAC3B,+BAAU,MAAO;AAAA,oBAClB;AAAA,oBACA;AAAA,oBACA,OAAQ,GAAI,MAAO;AAAA,oBACnB,aAAc;AAAA;AAAA,gBACf;AAAA,gBAEC,UACD;AAAA,kBAAC;AAAA;AAAA,oBACA;AAAA,oBACA,OACC,qBAAqB,GAAI,qBAAsB;AAAA,oBAEhD,MAAO;AAAA;AAAA,gBACR;AAAA,gBAED;AAAA,kBAAC;AAAA;AAAA,oBACA,WAAU;AAAA,oBACV,OAAQ;AAAA,oBACR,OAAQ;AAAA,oBACR,MAAO;AAAA,oBAEL,WAAE,kBAAkB,IACnB,QACA;AAAA;AAAA,sBAEA,GAAI,uBAAwB;AAAA,sBAC5B;AAAA,sBACA;AAAA,oBACA;AAAA;AAAA,gBACJ;AAAA,gBACE,WACD,oBAAC,SAAI,WAAU,gDACZ,mBACH;AAAA;AAAA;AAAA,UAEF;AAAA,UACA,qBAAC,SAAI,WAAU,gDACZ;AAAA,2BACD,oBAAC,SAAI,WAAU,oDACZ,uBACH;AAAA,YAEC;AAAA,aACH;AAAA;AAAA;AAAA,IACD;AAAA,IACE,UACD,oBAAC,YAAO,WAAU,+CACf,kBACH;AAAA,KAEF;AAEF;",
+  "mappings": ";AAGA,OAAO,UAAU;AAKjB;AAAA,EACC,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,wBAAwB;AAAA,OAClB;AACP,SAAS,OAAO,IAAI,eAAe;AACnC,SAAS,cAAc,mBAAmB;AAC1C,SAAS,SAAS,iBAAiB;AACnC,SAAS,iBAAiB;AAC1B,SAAS,eAAe,yBAAyB;AACjD,SAAS,kBAAkB;AAK3B,SAAS,SAAS,qBAAqB;AACvC,SAAS,cAAc;AACvB,OAAO,mBAAmB;AAC1B;AAAA,EACC;AAAA,EACA;AAAA,OACM;AACP,SAAS,gCAAgC;AAsCvC,mBAcI,KANF,YARF;AApCF,IAAM,EAAE,YAAY,YAAY,IAAI,OAAQ,iBAAkB;AAE/C,SAAR,wBAA0C;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACX,GAAI;AACH,QAAM,EAAE,eAAe,mBAAmB,oBAAoB,IAAI;AAAA,IACjE,CAAE,WAAY;AACb,YAAM,EAAE,YAAY,IAAI,OAAQ,OAAQ,aAAc,CAAE;AACxD,YAAM,6BAA6B,yBAAyB;AAC5D,aAAO;AAAA,QACN,eAAe,YAAY,EAAE;AAAA,QAC7B,mBACC,YAAY,EAAE;AAAA;AAAA;AAAA,QAGf,qBAAqB,6BAClB,OAAQ,SAAU,EAAE,SAAU,0BAA2B,GACvD,MAAM,WACR;AAAA,MACJ;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AACA,QAAM,WAAW,YAAY;AAC7B,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,SAAS,IAAI,WAAY,wBAAyB;AAC1D,QAAM,WAAW,gBAAgB,SAAS,OAAO;AACjD,QAAM,OAAO,MAAM,IAAI,eAAe;AAEtC,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAY,KAAM,6CAA6C;AAAA,UAC9D,cAAc,CAAC,CAAE;AAAA,QAClB,CAAE;AAAA,QACF,SAAU;AAAA,QACV,SAAQ;AAAA,QAER;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,SAAU;AAAA,cACV,WAAU;AAAA,cACV,WAAU;AAAA,cAER;AAAA,iBAAE,UACH;AAAA,kBAAC;AAAA;AAAA,oBACA,SAAU,MAAM;AACf,8BAAQ,SAAU,QAAS;AAC3B,+BAAU,MAAO;AAAA,oBAClB;AAAA,oBACA;AAAA,oBACA,OAAQ,GAAI,MAAO;AAAA,oBACnB,aAAc;AAAA;AAAA,gBACf;AAAA,gBAEC,UACD;AAAA,kBAAC;AAAA;AAAA,oBACA;AAAA,oBACA,OACC,qBAAqB,GAAI,qBAAsB;AAAA,oBAEhD,MAAO;AAAA;AAAA,gBACR;AAAA,gBAED;AAAA,kBAAC;AAAA;AAAA,oBACA,WAAU;AAAA,oBACV,OAAQ;AAAA,oBACR,OAAQ;AAAA,oBACR,MAAO;AAAA,oBAEL,WAAE,kBAAkB,IACnB,QACA;AAAA;AAAA,sBAEA,GAAI,uBAAwB;AAAA,sBAC5B;AAAA,sBACA;AAAA,oBACA;AAAA;AAAA,gBACJ;AAAA,gBACE,WACD,oBAAC,SAAI,WAAU,gDACZ,mBACH;AAAA;AAAA;AAAA,UAEF;AAAA,UACA,qBAAC,SAAI,WAAU,gDACZ;AAAA,2BACD,oBAAC,SAAI,WAAU,oDACZ,uBACH;AAAA,YAEC;AAAA,aACH;AAAA;AAAA;AAAA,IACD;AAAA,IACE,UACD,oBAAC,YAAO,WAAU,+CACf,kBACH;AAAA,KAEF;AAEF;",
   "names": []
 }

package/build-module/components/sidebar-navigation-screen-details-footer/index.js

@@ -1,9 +1,10 @@
-import { jsx } from "react/jsx-runtime";
+// packages/edit-site/src/components/sidebar-navigation-screen-details-footer/index.js
 import { _n, sprintf } from "@wordpress/i18n";
 import { addQueryArgs } from "@wordpress/url";
 import { __experimentalItemGroup as ItemGroup } from "@wordpress/components";
 import { backup } from "@wordpress/icons";
 import SidebarNavigationItem from "../sidebar-navigation-item";
+import { jsx } from "react/jsx-runtime";
 function SidebarNavigationScreenDetailsFooter({
   record,
   revisionsCount,

package/build-module/components/sidebar-navigation-screen-details-footer/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/sidebar-navigation-screen-details-footer/index.js"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { _n, sprintf } from '@wordpress/i18n';\nimport { addQueryArgs } from '@wordpress/url';\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { backup } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\n\nexport default function SidebarNavigationScreenDetailsFooter( {\n\trecord,\n\trevisionsCount,\n\t...otherProps\n} ) {\n\t/*\n\t * There might be other items in the future,\n\t * but for now it's just modified date.\n\t * Later we might render a list of items and isolate\n\t * the following logic.\n\t */\n\tconst hrefProps = {};\n\tconst lastRevisionId =\n\t\trecord?._links?.[ 'predecessor-version' ]?.[ 0 ]?.id ?? null;\n\n\t// Use incoming prop first, then the record's version history, if available.\n\trevisionsCount =\n\t\trevisionsCount ||\n\t\trecord?._links?.[ 'version-history' ]?.[ 0 ]?.count ||\n\t\t0;\n\n\t/*\n\t * Enable the revisions link if there is a last revision and there is more than one revision.\n\t * This link is used for theme assets, e.g., templates, which have no database record until they're edited.\n\t * For these files there's only a \"revision\" after they're edited twice,\n\t * which means the revision.php page won't display a proper diff.\n\t * See: https://github.com/WordPress/gutenberg/issues/49164.\n\t */\n\tif ( lastRevisionId && revisionsCount > 1 ) {\n\t\threfProps.href = addQueryArgs( 'revision.php', {\n\t\t\trevision: record?._links[ 'predecessor-version' ][ 0 ].id,\n\t\t} );\n\t\threfProps.as = 'a';\n\t}\n\treturn (\n\t\t<ItemGroup\n\t\t\tsize=\"large\"\n\t\t\tclassName=\"edit-site-sidebar-navigation-screen-details-footer\"\n\t\t>\n\t\t\t<SidebarNavigationItem\n\t\t\t\ticon={ backup }\n\t\t\t\t{ ...hrefProps }\n\t\t\t\t{ ...otherProps }\n\t\t\t>\n\t\t\t\t{ sprintf(\n\t\t\t\t\t/* translators: %d: Number of Styles revisions. */\n\t\t\t\t\t_n( '%d Revision', '%d Revisions', revisionsCount ),\n\t\t\t\t\trevisionsCount\n\t\t\t\t) }\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n"],
-  "mappings": "AAoDG;AAjDH,SAAS,IAAI,eAAe;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B,iBAAiB;AACrD,SAAS,cAAc;AAKvB,OAAO,2BAA2B;AAEnB,SAAR,qCAAuD;AAAA,EAC7D;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAI;AAOH,QAAM,YAAY,CAAC;AACnB,QAAM,iBACL,QAAQ,SAAU,qBAAsB,IAAK,CAAE,GAAG,MAAM;AAGzD,mBACC,kBACA,QAAQ,SAAU,iBAAkB,IAAK,CAAE,GAAG,SAC9C;AASD,MAAK,kBAAkB,iBAAiB,GAAI;AAC3C,cAAU,OAAO,aAAc,gBAAgB;AAAA,MAC9C,UAAU,QAAQ,OAAQ,qBAAsB,EAAG,CAAE,EAAE;AAAA,IACxD,CAAE;AACF,cAAU,KAAK;AAAA,EAChB;AACA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,WAAU;AAAA,MAEV;AAAA,QAAC;AAAA;AAAA,UACA,MAAO;AAAA,UACL,GAAG;AAAA,UACH,GAAG;AAAA,UAEH;AAAA;AAAA,YAED,GAAI,eAAe,gBAAgB,cAAe;AAAA,YAClD;AAAA,UACD;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;",
+  "mappings": ";AAGA,SAAS,IAAI,eAAe;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B,iBAAiB;AACrD,SAAS,cAAc;AAKvB,OAAO,2BAA2B;AAyC/B;AAvCY,SAAR,qCAAuD;AAAA,EAC7D;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAI;AAOH,QAAM,YAAY,CAAC;AACnB,QAAM,iBACL,QAAQ,SAAU,qBAAsB,IAAK,CAAE,GAAG,MAAM;AAGzD,mBACC,kBACA,QAAQ,SAAU,iBAAkB,IAAK,CAAE,GAAG,SAC9C;AASD,MAAK,kBAAkB,iBAAiB,GAAI;AAC3C,cAAU,OAAO,aAAc,gBAAgB;AAAA,MAC9C,UAAU,QAAQ,OAAQ,qBAAsB,EAAG,CAAE,EAAE;AAAA,IACxD,CAAE;AACF,cAAU,KAAK;AAAA,EAChB;AACA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,WAAU;AAAA,MAEV;AAAA,QAAC;AAAA;AAAA,UACA,MAAO;AAAA,UACL,GAAG;AAAA,UACH,GAAG;AAAA,UAEH;AAAA;AAAA,YAED,GAAI,eAAe,gBAAgB,cAAe;AAAA,YAClD;AAAA,UACD;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;",
   "names": []
 }

package/build-module/components/sidebar-navigation-screen-global-styles/content.js

@@ -1,20 +1,57 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// packages/edit-site/src/components/sidebar-navigation-screen-global-styles/content.js
 import { __ } from "@wordpress/i18n";
 import { __experimentalVStack as VStack } from "@wordpress/components";
-import StyleVariationsContainer from "../global-styles/style-variations-container";
-import ColorVariations from "../global-styles/variations/variations-color";
-import TypographyVariations from "../global-styles/variations/variations-typography";
+import {
+  StyleVariations,
+  ColorVariations,
+  TypographyVariations
+} from "@wordpress/global-styles-ui";
+import { privateApis as editorPrivateApis } from "@wordpress/editor";
+import { unlock } from "../../lock-unlock";
+import { jsx, jsxs } from "react/jsx-runtime";
+var { useGlobalStyles } = unlock(editorPrivateApis);
 function SidebarNavigationScreenGlobalStylesContent() {
   const gap = 3;
+  const {
+    user: userConfig,
+    base: baseConfig,
+    setUser: setUserConfig
+  } = useGlobalStyles();
   return /* @__PURE__ */ jsxs(
     VStack,
     {
       spacing: 10,
       className: "edit-site-global-styles-variation-container",
       children: [
-        /* @__PURE__ */ jsx(StyleVariationsContainer, { gap }),
-        /* @__PURE__ */ jsx(ColorVariations, { title: __("Palettes"), gap }),
-        /* @__PURE__ */ jsx(TypographyVariations, { title: __("Typography"), gap })
+        /* @__PURE__ */ jsx(
+          StyleVariations,
+          {
+            value: userConfig,
+            baseValue: baseConfig || {},
+            onChange: setUserConfig,
+            gap
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ColorVariations,
+          {
+            value: userConfig,
+            baseValue: baseConfig || {},
+            onChange: setUserConfig,
+            title: __("Palettes"),
+            gap
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TypographyVariations,
+          {
+            value: userConfig,
+            baseValue: baseConfig || {},
+            onChange: setUserConfig,
+            title: __("Typography"),
+            gap
+          }
+        )
       ]
     }
   );

package/build-module/components/sidebar-navigation-screen-global-styles/content.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/sidebar-navigation-screen-global-styles/content.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport StyleVariationsContainer from '../global-styles/style-variations-container';\nimport ColorVariations from '../global-styles/variations/variations-color';\nimport TypographyVariations from '../global-styles/variations/variations-typography';\n\nexport default function SidebarNavigationScreenGlobalStylesContent() {\n\tconst gap = 3;\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 10 }\n\t\t\tclassName=\"edit-site-global-styles-variation-container\"\n\t\t>\n\t\t\t<StyleVariationsContainer gap={ gap } />\n\t\t\t<ColorVariations title={ __( 'Palettes' ) } gap={ gap } />\n\t\t\t<TypographyVariations title={ __( 'Typography' ) } gap={ gap } />\n\t\t</VStack>\n\t);\n}\n"],
-  "mappings": "AAiBE,SAIC,KAJD;AAdF,SAAS,UAAU;AACnB,SAAS,wBAAwB,cAAc;AAK/C,OAAO,8BAA8B;AACrC,OAAO,qBAAqB;AAC5B,OAAO,0BAA0B;AAElB,SAAR,6CAA8D;AACpE,QAAM,MAAM;AAEZ,SACC;AAAA,IAAC;AAAA;AAAA,MACA,SAAU;AAAA,MACV,WAAU;AAAA,MAEV;AAAA,4BAAC,4BAAyB,KAAY;AAAA,QACtC,oBAAC,mBAAgB,OAAQ,GAAI,UAAW,GAAI,KAAY;AAAA,QACxD,oBAAC,wBAAqB,OAAQ,GAAI,YAAa,GAAI,KAAY;AAAA;AAAA;AAAA,EAChE;AAEF;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport {\n\tStyleVariations,\n\tColorVariations,\n\tTypographyVariations,\n} from '@wordpress/global-styles-ui';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStyles } = unlock( editorPrivateApis );\n\nexport default function SidebarNavigationScreenGlobalStylesContent() {\n\tconst gap = 3;\n\tconst {\n\t\tuser: userConfig,\n\t\tbase: baseConfig,\n\t\tsetUser: setUserConfig,\n\t} = useGlobalStyles();\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 10 }\n\t\t\tclassName=\"edit-site-global-styles-variation-container\"\n\t\t>\n\t\t\t<StyleVariations\n\t\t\t\tvalue={ userConfig }\n\t\t\t\tbaseValue={ baseConfig || {} }\n\t\t\t\tonChange={ setUserConfig }\n\t\t\t\tgap={ gap }\n\t\t\t/>\n\t\t\t<ColorVariations\n\t\t\t\tvalue={ userConfig }\n\t\t\t\tbaseValue={ baseConfig || {} }\n\t\t\t\tonChange={ setUserConfig }\n\t\t\t\ttitle={ __( 'Palettes' ) }\n\t\t\t\tgap={ gap }\n\t\t\t/>\n\t\t\t<TypographyVariations\n\t\t\t\tvalue={ userConfig }\n\t\t\t\tbaseValue={ baseConfig || {} }\n\t\t\t\tonChange={ setUserConfig }\n\t\t\t\ttitle={ __( 'Typography' ) }\n\t\t\t\tgap={ gap }\n\t\t\t/>\n\t\t</VStack>\n\t);\n}\n"],
+  "mappings": ";AAGA,SAAS,UAAU;AACnB,SAAS,wBAAwB,cAAc;AAC/C;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,eAAe,yBAAyB;AAKjD,SAAS,cAAc;AAarB,SAIC,KAJD;AAXF,IAAM,EAAE,gBAAgB,IAAI,OAAQ,iBAAkB;AAEvC,SAAR,6CAA8D;AACpE,QAAM,MAAM;AACZ,QAAM;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACV,IAAI,gBAAgB;AAEpB,SACC;AAAA,IAAC;AAAA;AAAA,MACA,SAAU;AAAA,MACV,WAAU;AAAA,MAEV;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,OAAQ;AAAA,YACR,WAAY,cAAc,CAAC;AAAA,YAC3B,UAAW;AAAA,YACX;AAAA;AAAA,QACD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,OAAQ;AAAA,YACR,WAAY,cAAc,CAAC;AAAA,YAC3B,UAAW;AAAA,YACX,OAAQ,GAAI,UAAW;AAAA,YACvB;AAAA;AAAA,QACD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,OAAQ;AAAA,YACR,WAAY,cAAc,CAAC;AAAA,YAC3B,UAAW;AAAA,YACX,OAAQ,GAAI,YAAa;AAAA,YACzB;AAAA;AAAA,QACD;AAAA;AAAA;AAAA,EACD;AAEF;",
   "names": []
 }

package/build-module/components/sidebar-navigation-screen-global-styles/index.js

@@ -1,18 +1,20 @@
-import { Fragment, jsx } from "react/jsx-runtime";
+// packages/edit-site/src/components/sidebar-navigation-screen-global-styles/index.js
 import { __ } from "@wordpress/i18n";
 import { useDispatch } from "@wordpress/data";
 import { useCallback } from "@wordpress/element";
 import { store as preferencesStore } from "@wordpress/preferences";
+import { store as editorStore } from "@wordpress/editor";
 import { privateApis as routerPrivateApis } from "@wordpress/router";
 import { addQueryArgs } from "@wordpress/url";
 import SidebarNavigationScreen from "../sidebar-navigation-screen";
 import { unlock } from "../../lock-unlock";
 import { store as editSiteStore } from "../../store";
 import SidebarNavigationItem from "../sidebar-navigation-item";
-import useGlobalStylesRevisions from "../global-styles/screen-revisions/use-global-styles-revisions";
+import { useGlobalStylesRevisions } from "@wordpress/global-styles-ui";
 import SidebarNavigationScreenDetailsFooter from "../sidebar-navigation-screen-details-footer";
 import { MainSidebarNavigationContent } from "../sidebar-navigation-screen-main";
-const { useLocation, useHistory } = unlock(routerPrivateApis);
+import { Fragment, jsx } from "react/jsx-runtime";
+var { useLocation, useHistory } = unlock(routerPrivateApis);
 function SidebarNavigationItemGlobalStyles(props) {
   const { name } = useLocation();
   return /* @__PURE__ */ jsx(
@@ -32,9 +34,7 @@ function SidebarNavigationScreenGlobalStyles() {
     revisionsCount
   } = useGlobalStylesRevisions();
   const { openGeneralSidebar } = useDispatch(editSiteStore);
-  const { setEditorCanvasContainerView } = unlock(
-    useDispatch(editSiteStore)
-  );
+  const { setStylesPath } = unlock(useDispatch(editorStore));
   const { set: setPreference } = useDispatch(preferencesStore);
   const openGlobalStyles = useCallback(async () => {
     history.navigate(addQueryArgs(path, { canvas: "edit" }), {
@@ -47,8 +47,8 @@ function SidebarNavigationScreenGlobalStyles() {
   }, [path, history, openGeneralSidebar, setPreference]);
   const openRevisions = useCallback(async () => {
     await openGlobalStyles();
-    setEditorCanvasContainerView("global-styles-revisions");
-  }, [openGlobalStyles, setEditorCanvasContainerView]);
+    setStylesPath("/revisions");
+  }, [openGlobalStyles, setStylesPath]);
   const shouldShowGlobalStylesFooter = !!revisionsCount && !isLoadingRevisions;
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     SidebarNavigationScreen,

package/build-module/components/sidebar-navigation-screen-global-styles/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/sidebar-navigation-screen-global-styles/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { useCallback } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { addQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport useGlobalStylesRevisions from '../global-styles/screen-revisions/use-global-styles-revisions';\nimport SidebarNavigationScreenDetailsFooter from '../sidebar-navigation-screen-details-footer';\nimport { MainSidebarNavigationContent } from '../sidebar-navigation-screen-main';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nexport function SidebarNavigationItemGlobalStyles( props ) {\n\tconst { name } = useLocation();\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\t{ ...props }\n\t\t\taria-current={ name === 'styles' }\n\t\t/>\n\t);\n}\n\nexport default function SidebarNavigationScreenGlobalStyles() {\n\tconst history = useHistory();\n\tconst { path } = useLocation();\n\tconst {\n\t\trevisions,\n\t\tisLoading: isLoadingRevisions,\n\t\trevisionsCount,\n\t} = useGlobalStylesRevisions();\n\tconst { openGeneralSidebar } = useDispatch( editSiteStore );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\n\tconst openGlobalStyles = useCallback( async () => {\n\t\thistory.navigate( addQueryArgs( path, { canvas: 'edit' } ), {\n\t\t\ttransition: 'canvas-mode-edit-transition',\n\t\t} );\n\t\treturn Promise.all( [\n\t\t\tsetPreference( 'core', 'distractionFree', false ),\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' ),\n\t\t] );\n\t}, [ path, history, openGeneralSidebar, setPreference ] );\n\n\tconst openRevisions = useCallback( async () => {\n\t\tawait openGlobalStyles();\n\t\t// Open the global styles revisions once the canvas mode is set to edit,\n\t\t// and the global styles sidebar is open. The global styles UI is responsible\n\t\t// for redirecting to the revisions screen once the editor canvas container\n\t\t// has been set to 'global-styles-revisions'.\n\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t}, [ openGlobalStyles, setEditorCanvasContainerView ] );\n\n\t// If there are no revisions, do not render a footer.\n\tconst shouldShowGlobalStylesFooter =\n\t\t!! revisionsCount && ! isLoadingRevisions;\n\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationScreen\n\t\t\t\ttitle={ __( 'Design' ) }\n\t\t\t\tisRoot\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t\t\t) }\n\t\t\t\tcontent={\n\t\t\t\t\t<MainSidebarNavigationContent activeItem=\"styles-navigation-item\" />\n\t\t\t\t}\n\t\t\t\tfooter={\n\t\t\t\t\tshouldShowGlobalStylesFooter && (\n\t\t\t\t\t\t<SidebarNavigationScreenDetailsFooter\n\t\t\t\t\t\t\trecord={ revisions?.[ 0 ] }\n\t\t\t\t\t\t\trevisionsCount={ revisionsCount }\n\t\t\t\t\t\t\tonClick={ openRevisions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],
-  "mappings": "AA0BE,SA6CA,UA7CA;AAvBF,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,SAAS,wBAAwB;AAC1C,SAAS,eAAe,yBAAyB;AACjD,SAAS,oBAAoB;AAK7B,OAAO,6BAA6B;AACpC,SAAS,cAAc;AACvB,SAAS,SAAS,qBAAqB;AACvC,OAAO,2BAA2B;AAClC,OAAO,8BAA8B;AACrC,OAAO,0CAA0C;AACjD,SAAS,oCAAoC;AAE7C,MAAM,EAAE,aAAa,WAAW,IAAI,OAAQ,iBAAkB;AAEvD,SAAS,kCAAmC,OAAQ;AAC1D,QAAM,EAAE,KAAK,IAAI,YAAY;AAC7B,SACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACL,gBAAe,SAAS;AAAA;AAAA,EACzB;AAEF;AAEe,SAAR,sCAAuD;AAC7D,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,KAAK,IAAI,YAAY;AAC7B,QAAM;AAAA,IACL;AAAA,IACA,WAAW;AAAA,IACX;AAAA,EACD,IAAI,yBAAyB;AAC7B,QAAM,EAAE,mBAAmB,IAAI,YAAa,aAAc;AAC1D,QAAM,EAAE,6BAA6B,IAAI;AAAA,IACxC,YAAa,aAAc;AAAA,EAC5B;AACA,QAAM,EAAE,KAAK,cAAc,IAAI,YAAa,gBAAiB;AAE7D,QAAM,mBAAmB,YAAa,YAAY;AACjD,YAAQ,SAAU,aAAc,MAAM,EAAE,QAAQ,OAAO,CAAE,GAAG;AAAA,MAC3D,YAAY;AAAA,IACb,CAAE;AACF,WAAO,QAAQ,IAAK;AAAA,MACnB,cAAe,QAAQ,mBAAmB,KAAM;AAAA,MAChD,mBAAoB,yBAA0B;AAAA,IAC/C,CAAE;AAAA,EACH,GAAG,CAAE,MAAM,SAAS,oBAAoB,aAAc,CAAE;AAExD,QAAM,gBAAgB,YAAa,YAAY;AAC9C,UAAM,iBAAiB;AAKvB,iCAA8B,yBAA0B;AAAA,EACzD,GAAG,CAAE,kBAAkB,4BAA6B,CAAE;AAGtD,QAAM,+BACL,CAAC,CAAE,kBAAkB,CAAE;AAExB,SACC,gCACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAQ,GAAI,QAAS;AAAA,MACrB,QAAM;AAAA,MACN,aAAc;AAAA,QACb;AAAA,MACD;AAAA,MACA,SACC,oBAAC,gCAA6B,YAAW,0BAAyB;AAAA,MAEnE,QACC,gCACC;AAAA,QAAC;AAAA;AAAA,UACA,QAAS,YAAa,CAAE;AAAA,UACxB;AAAA,UACA,SAAU;AAAA;AAAA,MACX;AAAA;AAAA,EAGH,GACD;AAEF;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { useCallback } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as editorStore } from '@wordpress/editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { addQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { useGlobalStylesRevisions } from '@wordpress/global-styles-ui';\nimport SidebarNavigationScreenDetailsFooter from '../sidebar-navigation-screen-details-footer';\nimport { MainSidebarNavigationContent } from '../sidebar-navigation-screen-main';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nexport function SidebarNavigationItemGlobalStyles( props ) {\n\tconst { name } = useLocation();\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\t{ ...props }\n\t\t\taria-current={ name === 'styles' }\n\t\t/>\n\t);\n}\n\nexport default function SidebarNavigationScreenGlobalStyles() {\n\tconst history = useHistory();\n\tconst { path } = useLocation();\n\tconst {\n\t\trevisions,\n\t\tisLoading: isLoadingRevisions,\n\t\trevisionsCount,\n\t} = useGlobalStylesRevisions();\n\tconst { openGeneralSidebar } = useDispatch( editSiteStore );\n\tconst { setStylesPath } = unlock( useDispatch( editorStore ) );\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\n\tconst openGlobalStyles = useCallback( async () => {\n\t\thistory.navigate( addQueryArgs( path, { canvas: 'edit' } ), {\n\t\t\ttransition: 'canvas-mode-edit-transition',\n\t\t} );\n\t\treturn Promise.all( [\n\t\t\tsetPreference( 'core', 'distractionFree', false ),\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' ),\n\t\t] );\n\t}, [ path, history, openGeneralSidebar, setPreference ] );\n\n\tconst openRevisions = useCallback( async () => {\n\t\tawait openGlobalStyles();\n\t\t// Open the global styles revisions once the canvas mode is set to edit,\n\t\t// and the global styles sidebar is open. Set the path to revisions.\n\t\tsetStylesPath( '/revisions' );\n\t}, [ openGlobalStyles, setStylesPath ] );\n\n\t// If there are no revisions, do not render a footer.\n\tconst shouldShowGlobalStylesFooter =\n\t\t!! revisionsCount && ! isLoadingRevisions;\n\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationScreen\n\t\t\t\ttitle={ __( 'Design' ) }\n\t\t\t\tisRoot\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t\t\t) }\n\t\t\t\tcontent={\n\t\t\t\t\t<MainSidebarNavigationContent activeItem=\"styles-navigation-item\" />\n\t\t\t\t}\n\t\t\t\tfooter={\n\t\t\t\t\tshouldShowGlobalStylesFooter && (\n\t\t\t\t\t\t<SidebarNavigationScreenDetailsFooter\n\t\t\t\t\t\t\trecord={ revisions?.[ 0 ] }\n\t\t\t\t\t\t\trevisionsCount={ revisionsCount }\n\t\t\t\t\t\t\tonClick={ openRevisions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],
+  "mappings": ";AAGA,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,SAAS,wBAAwB;AAC1C,SAAS,SAAS,mBAAmB;AACrC,SAAS,eAAe,yBAAyB;AACjD,SAAS,oBAAoB;AAK7B,OAAO,6BAA6B;AACpC,SAAS,cAAc;AACvB,SAAS,SAAS,qBAAqB;AACvC,OAAO,2BAA2B;AAClC,SAAS,gCAAgC;AACzC,OAAO,0CAA0C;AACjD,SAAS,oCAAoC;AAO3C,SAyCA,UAzCA;AALF,IAAM,EAAE,aAAa,WAAW,IAAI,OAAQ,iBAAkB;AAEvD,SAAS,kCAAmC,OAAQ;AAC1D,QAAM,EAAE,KAAK,IAAI,YAAY;AAC7B,SACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACL,gBAAe,SAAS;AAAA;AAAA,EACzB;AAEF;AAEe,SAAR,sCAAuD;AAC7D,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,KAAK,IAAI,YAAY;AAC7B,QAAM;AAAA,IACL;AAAA,IACA,WAAW;AAAA,IACX;AAAA,EACD,IAAI,yBAAyB;AAC7B,QAAM,EAAE,mBAAmB,IAAI,YAAa,aAAc;AAC1D,QAAM,EAAE,cAAc,IAAI,OAAQ,YAAa,WAAY,CAAE;AAC7D,QAAM,EAAE,KAAK,cAAc,IAAI,YAAa,gBAAiB;AAE7D,QAAM,mBAAmB,YAAa,YAAY;AACjD,YAAQ,SAAU,aAAc,MAAM,EAAE,QAAQ,OAAO,CAAE,GAAG;AAAA,MAC3D,YAAY;AAAA,IACb,CAAE;AACF,WAAO,QAAQ,IAAK;AAAA,MACnB,cAAe,QAAQ,mBAAmB,KAAM;AAAA,MAChD,mBAAoB,yBAA0B;AAAA,IAC/C,CAAE;AAAA,EACH,GAAG,CAAE,MAAM,SAAS,oBAAoB,aAAc,CAAE;AAExD,QAAM,gBAAgB,YAAa,YAAY;AAC9C,UAAM,iBAAiB;AAGvB,kBAAe,YAAa;AAAA,EAC7B,GAAG,CAAE,kBAAkB,aAAc,CAAE;AAGvC,QAAM,+BACL,CAAC,CAAE,kBAAkB,CAAE;AAExB,SACC,gCACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAQ,GAAI,QAAS;AAAA,MACrB,QAAM;AAAA,MACN,aAAc;AAAA,QACb;AAAA,MACD;AAAA,MACA,SACC,oBAAC,gCAA6B,YAAW,0BAAyB;AAAA,MAEnE,QACC,gCACC;AAAA,QAAC;AAAA;AAAA,UACA,QAAS,YAAa,CAAE;AAAA,UACxB;AAAA,UACA,SAAU;AAAA;AAAA,MACX;AAAA;AAAA,EAGH,GACD;AAEF;",
   "names": []
 }

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

@@ -1,15 +1,13 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// packages/edit-site/src/components/sidebar-navigation-screen-main/index.js
 import { __experimentalItemGroup as ItemGroup } from "@wordpress/components";
 import { __ } from "@wordpress/i18n";
 import { layout, symbol, navigation, styles, page } from "@wordpress/icons";
-import { useDispatch, useSelect } from "@wordpress/data";
-import { useEffect } from "@wordpress/element";
+import { useSelect } from "@wordpress/data";
 import { store as coreStore } from "@wordpress/core-data";
 import SidebarNavigationScreen from "../sidebar-navigation-screen";
 import SidebarNavigationItem from "../sidebar-navigation-item";
 import { SidebarNavigationItemGlobalStyles } from "../sidebar-navigation-screen-global-styles";
-import { unlock } from "../../lock-unlock";
-import { store as editSiteStore } from "../../store";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function MainSidebarNavigationContent({ isBlockBasedTheme = true }) {
   return /* @__PURE__ */ jsxs(ItemGroup, { className: "edit-site-sidebar-navigation-screen-main", children: [
     isBlockBasedTheme && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -80,12 +78,6 @@ function SidebarNavigationScreenMain({ customDescription }) {
     (select) => select(coreStore).getCurrentTheme()?.is_block_theme,
     []
   );
-  const { setEditorCanvasContainerView } = unlock(
-    useDispatch(editSiteStore)
-  );
-  useEffect(() => {
-    setEditorCanvasContainerView(void 0);
-  }, [setEditorCanvasContainerView]);
   let description;
   if (customDescription) {
     description = customDescription;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/sidebar-navigation-screen-main/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbol, navigation, styles, page } from '@wordpress/icons';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nexport function MainSidebarNavigationContent( { isBlockBasedTheme = true } ) {\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-main\">\n\t\t\t{ isBlockBasedTheme && (\n\t\t\t\t<>\n\t\t\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\t\t\tto=\"/styles\"\n\t\t\t\t\t\tuid=\"global-styles-navigation-item\"\n\t\t\t\t\t\ticon={ styles }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"navigation-navigation-item\"\n\t\t\t\t\t\tto=\"/navigation\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ navigation }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"page-navigation-item\"\n\t\t\t\t\t\tto=\"/page\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"template-navigation-item\"\n\t\t\t\t\t\tto=\"/template\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! isBlockBasedTheme && (\n\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\tuid=\"stylebook-navigation-item\"\n\t\t\t\t\tto=\"/stylebook\"\n\t\t\t\t\twithChevron\n\t\t\t\t\ticon={ styles }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t</SidebarNavigationItem>\n\t\t\t) }\n\t\t\t<SidebarNavigationItem\n\t\t\t\tuid=\"patterns-navigation-item\"\n\t\t\t\tto=\"/pattern\"\n\t\t\t\twithChevron\n\t\t\t\ticon={ symbol }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenMain( { customDescription } ) {\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\t// Clear the editor canvas container view when accessing the main navigation screen.\n\tuseEffect( () => {\n\t\tsetEditorCanvasContainerView( undefined );\n\t}, [ setEditorCanvasContainerView ] );\n\n\tlet description;\n\tif ( customDescription ) {\n\t\tdescription = customDescription;\n\t} else if ( isBlockBasedTheme ) {\n\t\tdescription = __(\n\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t);\n\t} else {\n\t\tdescription = __(\n\t\t\t'Explore block styles and patterns to refine your site.'\n\t\t);\n\t}\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={ description }\n\t\t\tcontent={\n\t\t\t\t<MainSidebarNavigationContent\n\t\t\t\t\tisBlockBasedTheme={ isBlockBasedTheme }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],
-  "mappings": "AAuBI,mBACC,KADD;AApBJ,SAAS,2BAA2B,iBAAiB;AACrD,SAAS,UAAU;AACnB,SAAS,QAAQ,QAAQ,YAAY,QAAQ,YAAY;AACzD,SAAS,aAAa,iBAAiB;AACvC,SAAS,iBAAiB;AAC1B,SAAS,SAAS,iBAAiB;AAKnC,OAAO,6BAA6B;AACpC,OAAO,2BAA2B;AAClC,SAAS,yCAAyC;AAClD,SAAS,cAAc;AACvB,SAAS,SAAS,qBAAqB;AAEhC,SAAS,6BAA8B,EAAE,oBAAoB,KAAK,GAAI;AAC5E,SACC,qBAAC,aAAU,WAAU,4CAClB;AAAA,yBACD,iCACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,IAAG;AAAA,UACH,KAAI;AAAA,UACJ,MAAO;AAAA,UAEL,aAAI,QAAS;AAAA;AAAA,MAChB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,KAAI;AAAA,UACJ,IAAG;AAAA,UACH,aAAW;AAAA,UACX,MAAO;AAAA,UAEL,aAAI,YAAa;AAAA;AAAA,MACpB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,KAAI;AAAA,UACJ,IAAG;AAAA,UACH,aAAW;AAAA,UACX,MAAO;AAAA,UAEL,aAAI,OAAQ;AAAA;AAAA,MACf;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,KAAI;AAAA,UACJ,IAAG;AAAA,UACH,aAAW;AAAA,UACX,MAAO;AAAA,UAEL,aAAI,WAAY;AAAA;AAAA,MACnB;AAAA,OACD;AAAA,IAEC,CAAE,qBACH;AAAA,MAAC;AAAA;AAAA,QACA,KAAI;AAAA,QACJ,IAAG;AAAA,QACH,aAAW;AAAA,QACX,MAAO;AAAA,QAEL,aAAI,QAAS;AAAA;AAAA,IAChB;AAAA,IAED;AAAA,MAAC;AAAA;AAAA,QACA,KAAI;AAAA,QACJ,IAAG;AAAA,QACH,aAAW;AAAA,QACX,MAAO;AAAA,QAEL,aAAI,UAAW;AAAA;AAAA,IAClB;AAAA,KACD;AAEF;AAEe,SAAR,4BAA8C,EAAE,kBAAkB,GAAI;AAC5E,QAAM,oBAAoB;AAAA,IACzB,CAAE,WAAY,OAAQ,SAAU,EAAE,gBAAgB,GAAG;AAAA,IACrD,CAAC;AAAA,EACF;AACA,QAAM,EAAE,6BAA6B,IAAI;AAAA,IACxC,YAAa,aAAc;AAAA,EAC5B;AAGA,YAAW,MAAM;AAChB,iCAA8B,MAAU;AAAA,EACzC,GAAG,CAAE,4BAA6B,CAAE;AAEpC,MAAI;AACJ,MAAK,mBAAoB;AACxB,kBAAc;AAAA,EACf,WAAY,mBAAoB;AAC/B,kBAAc;AAAA,MACb;AAAA,IACD;AAAA,EACD,OAAO;AACN,kBAAc;AAAA,MACb;AAAA,IACD;AAAA,EACD;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,QAAM;AAAA,MACN,OAAQ,GAAI,QAAS;AAAA,MACrB;AAAA,MACA,SACC;AAAA,QAAC;AAAA;AAAA,UACA;AAAA;AAAA,MACD;AAAA;AAAA,EAEF;AAEF;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbol, navigation, styles, page } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';\n\nexport function MainSidebarNavigationContent( { isBlockBasedTheme = true } ) {\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-main\">\n\t\t\t{ isBlockBasedTheme && (\n\t\t\t\t<>\n\t\t\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\t\t\tto=\"/styles\"\n\t\t\t\t\t\tuid=\"global-styles-navigation-item\"\n\t\t\t\t\t\ticon={ styles }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"navigation-navigation-item\"\n\t\t\t\t\t\tto=\"/navigation\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ navigation }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"page-navigation-item\"\n\t\t\t\t\t\tto=\"/page\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"template-navigation-item\"\n\t\t\t\t\t\tto=\"/template\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! isBlockBasedTheme && (\n\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\tuid=\"stylebook-navigation-item\"\n\t\t\t\t\tto=\"/stylebook\"\n\t\t\t\t\twithChevron\n\t\t\t\t\ticon={ styles }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t</SidebarNavigationItem>\n\t\t\t) }\n\t\t\t<SidebarNavigationItem\n\t\t\t\tuid=\"patterns-navigation-item\"\n\t\t\t\tto=\"/pattern\"\n\t\t\t\twithChevron\n\t\t\t\ticon={ symbol }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenMain( { customDescription } ) {\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\n\tlet description;\n\tif ( customDescription ) {\n\t\tdescription = customDescription;\n\t} else if ( isBlockBasedTheme ) {\n\t\tdescription = __(\n\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t);\n\t} else {\n\t\tdescription = __(\n\t\t\t'Explore block styles and patterns to refine your site.'\n\t\t);\n\t}\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={ description }\n\t\t\tcontent={\n\t\t\t\t<MainSidebarNavigationContent\n\t\t\t\t\tisBlockBasedTheme={ isBlockBasedTheme }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],
+  "mappings": ";AAGA,SAAS,2BAA2B,iBAAiB;AACrD,SAAS,UAAU;AACnB,SAAS,QAAQ,QAAQ,YAAY,QAAQ,YAAY;AACzD,SAAS,iBAAiB;AAC1B,SAAS,SAAS,iBAAiB;AAKnC,OAAO,6BAA6B;AACpC,OAAO,2BAA2B;AAClC,SAAS,yCAAyC;AAM9C,mBACC,KADD;AAJG,SAAS,6BAA8B,EAAE,oBAAoB,KAAK,GAAI;AAC5E,SACC,qBAAC,aAAU,WAAU,4CAClB;AAAA,yBACD,iCACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,IAAG;AAAA,UACH,KAAI;AAAA,UACJ,MAAO;AAAA,UAEL,aAAI,QAAS;AAAA;AAAA,MAChB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,KAAI;AAAA,UACJ,IAAG;AAAA,UACH,aAAW;AAAA,UACX,MAAO;AAAA,UAEL,aAAI,YAAa;AAAA;AAAA,MACpB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,KAAI;AAAA,UACJ,IAAG;AAAA,UACH,aAAW;AAAA,UACX,MAAO;AAAA,UAEL,aAAI,OAAQ;AAAA;AAAA,MACf;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,KAAI;AAAA,UACJ,IAAG;AAAA,UACH,aAAW;AAAA,UACX,MAAO;AAAA,UAEL,aAAI,WAAY;AAAA;AAAA,MACnB;AAAA,OACD;AAAA,IAEC,CAAE,qBACH;AAAA,MAAC;AAAA;AAAA,QACA,KAAI;AAAA,QACJ,IAAG;AAAA,QACH,aAAW;AAAA,QACX,MAAO;AAAA,QAEL,aAAI,QAAS;AAAA;AAAA,IAChB;AAAA,IAED;AAAA,MAAC;AAAA;AAAA,QACA,KAAI;AAAA,QACJ,IAAG;AAAA,QACH,aAAW;AAAA,QACX,MAAO;AAAA,QAEL,aAAI,UAAW;AAAA;AAAA,IAClB;AAAA,KACD;AAEF;AAEe,SAAR,4BAA8C,EAAE,kBAAkB,GAAI;AAC5E,QAAM,oBAAoB;AAAA,IACzB,CAAE,WAAY,OAAQ,SAAU,EAAE,gBAAgB,GAAG;AAAA,IACrD,CAAC;AAAA,EACF;AAEA,MAAI;AACJ,MAAK,mBAAoB;AACxB,kBAAc;AAAA,EACf,WAAY,mBAAoB;AAC/B,kBAAc;AAAA,MACb;AAAA,IACD;AAAA,EACD,OAAO;AACN,kBAAc;AAAA,MACb;AAAA,IACD;AAAA,EACD;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,QAAM;AAAA,MACN,OAAQ,GAAI,QAAS;AAAA,MACrB;AAAA,MACA,SACC;AAAA,QAAC;AAAA;AAAA,UACA;AAAA;AAAA,MACD;AAAA;AAAA,EAEF;AAEF;",
   "names": []
 }

package/build-module/components/sidebar-navigation-screen-navigation-menu/delete-confirm-dialog.js

@@ -1,6 +1,7 @@
-import { jsx } from "react/jsx-runtime";
+// packages/edit-site/src/components/sidebar-navigation-screen-navigation-menu/delete-confirm-dialog.js
 import { __experimentalConfirmDialog as ConfirmDialog } from "@wordpress/components";
 import { __ } from "@wordpress/i18n";
+import { jsx } from "react/jsx-runtime";
 function DeleteConfirmDialog({ onClose, onConfirm }) {
   return /* @__PURE__ */ jsx(
     ConfirmDialog,

package/build-module/components/sidebar-navigation-screen-navigation-menu/delete-confirm-dialog.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/sidebar-navigation-screen-navigation-menu/delete-confirm-dialog.js"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nexport default function DeleteConfirmDialog( { onClose, onConfirm } ) {\n\treturn (\n\t\t<ConfirmDialog\n\t\t\tisOpen\n\t\t\tonConfirm={ () => {\n\t\t\t\tonConfirm();\n\n\t\t\t\t// Immediate close avoids ability to hit delete multiple times.\n\t\t\t\tonClose();\n\t\t\t} }\n\t\t\tonCancel={ onClose }\n\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\tsize=\"medium\"\n\t\t>\n\t\t\t{ __( 'Are you sure you want to delete this Navigation Menu?' ) }\n\t\t</ConfirmDialog>\n\t);\n}\n"],
-  "mappings": "AAQE;AALF,SAAS,+BAA+B,qBAAqB;AAC7D,SAAS,UAAU;AAEJ,SAAR,oBAAsC,EAAE,SAAS,UAAU,GAAI;AACrE,SACC;AAAA,IAAC;AAAA;AAAA,MACA,QAAM;AAAA,MACN,WAAY,MAAM;AACjB,kBAAU;AAGV,gBAAQ;AAAA,MACT;AAAA,MACA,UAAW;AAAA,MACX,mBAAoB,GAAI,QAAS;AAAA,MACjC,MAAK;AAAA,MAEH,aAAI,uDAAwD;AAAA;AAAA,EAC/D;AAEF;",
+  "mappings": ";AAGA,SAAS,+BAA+B,qBAAqB;AAC7D,SAAS,UAAU;AAIjB;AAFa,SAAR,oBAAsC,EAAE,SAAS,UAAU,GAAI;AACrE,SACC;AAAA,IAAC;AAAA;AAAA,MACA,QAAM;AAAA,MACN,WAAY,MAAM;AACjB,kBAAU;AAGV,gBAAQ;AAAA,MACT;AAAA,MACA,UAAW;AAAA,MACX,mBAAoB,GAAI,QAAS;AAAA,MACjC,MAAK;AAAA,MAEH,aAAI,uDAAwD;AAAA;AAAA,EAC/D;AAEF;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-import { jsx } from "react/jsx-runtime";
+// packages/edit-site/src/components/sidebar-navigation-screen-navigation-menu/index.js
 import { useEntityRecord, store as coreStore } from "@wordpress/core-data";
 import { Spinner } from "@wordpress/components";
 import { __ } from "@wordpress/i18n";
@@ -11,8 +11,9 @@ import SingleNavigationMenu from "./single-navigation-menu";
 import useNavigationMenuHandlers from "./use-navigation-menu-handlers";
 import buildNavigationLabel from "../sidebar-navigation-screen-navigation-menus/build-navigation-label";
 import { unlock } from "../../lock-unlock";
-const { useLocation } = unlock(routerPrivateApis);
-const postType = `wp_navigation`;
+import { jsx } from "react/jsx-runtime";
+var { useLocation } = unlock(routerPrivateApis);
+var postType = `wp_navigation`;
 function SidebarNavigationScreenNavigationMenu({ backPath }) {
   const {
     params: { postId }