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

package/build/components/sidebar-global-styles-wrapper/index.js

@@ -1,130 +1,144 @@
 "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 sidebar_global_styles_wrapper_exports = {};
+__export(sidebar_global_styles_wrapper_exports, {
+  default: () => GlobalStylesUIWrapper,
+  useSection: () => useSection
 });
-exports.default = GlobalStylesUIWrapper;
-exports.useSection = void 0;
-var _i18n = require("@wordpress/i18n");
-var _data = require("@wordpress/data");
-var _coreData = require("@wordpress/core-data");
-var _element = require("@wordpress/element");
-var _router = require("@wordpress/router");
-var _compose = require("@wordpress/compose");
-var _components = require("@wordpress/components");
-var _url = require("@wordpress/url");
-var _icons = require("@wordpress/icons");
-var _ui = _interopRequireDefault(require("../global-styles/ui"));
-var _page = _interopRequireDefault(require("../page"));
-var _lockUnlock = require("../../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  useLocation,
-  useHistory
-} = (0, _lockUnlock.unlock)(_router.privateApis);
+module.exports = __toCommonJS(sidebar_global_styles_wrapper_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_admin_ui = require("@wordpress/admin-ui");
+var import_i18n = require("@wordpress/i18n");
+var import_data = require("@wordpress/data");
+var import_core_data = require("@wordpress/core-data");
+var import_element = require("@wordpress/element");
+var import_router = require("@wordpress/router");
+var import_compose = require("@wordpress/compose");
+var import_components = require("@wordpress/components");
+var import_url = require("@wordpress/url");
+var import_icons = require("@wordpress/icons");
+var import_ui = __toESM(require("../global-styles/ui"));
+var import_lock_unlock = require("../../lock-unlock");
+const { useLocation, useHistory } = (0, import_lock_unlock.unlock)(import_router.privateApis);
 const GlobalStylesPageActions = ({
   isStyleBookOpened,
   setIsStyleBookOpened,
   path
 }) => {
   const history = useHistory();
-  const canEditCSS = (0, _data.useSelect)(select => {
-    const {
-      getEntityRecord,
-      __experimentalGetCurrentGlobalStylesId
-    } = select(_coreData.store);
+  const canEditCSS = (0, import_data.useSelect)((select) => {
+    const { getEntityRecord, __experimentalGetCurrentGlobalStylesId } = select(import_core_data.store);
     const globalStylesId = __experimentalGetCurrentGlobalStylesId();
-    const globalStyles = globalStylesId ? getEntityRecord('root', 'globalStyles', globalStylesId) : undefined;
-    return !!globalStyles?._links?.['wp:action-edit-css'];
+    const globalStyles = globalStylesId ? getEntityRecord("root", "globalStyles", globalStylesId) : void 0;
+    return !!globalStyles?._links?.["wp:action-edit-css"];
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-      isPressed: isStyleBookOpened,
-      icon: _icons.seen,
-      label: (0, _i18n.__)('Style Book'),
-      onClick: () => {
-        setIsStyleBookOpened(!isStyleBookOpened);
-        const updatedPath = !isStyleBookOpened ? (0, _url.addQueryArgs)(path, {
-          preview: 'stylebook'
-        }) : (0, _url.removeQueryArgs)(path, 'preview');
-        // Navigate to the updated path.
-        history.navigate(updatedPath);
-      },
-      size: "compact"
-    }), canEditCSS && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownMenu, {
-      icon: _icons.moreVertical,
-      label: (0, _i18n.__)('More'),
-      toggleProps: {
-        size: 'compact'
-      },
-      children: ({
-        onClose
-      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuGroup, {
-        children: canEditCSS && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
-          onClick: () => {
-            onClose();
-            history.navigate((0, _url.addQueryArgs)(path, {
-              section: '/css'
-            }));
-          },
-          children: (0, _i18n.__)('Additional CSS')
-        })
-      })
-    })]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Button,
+      {
+        isPressed: isStyleBookOpened,
+        icon: import_icons.seen,
+        label: (0, import_i18n.__)("Style Book"),
+        onClick: () => {
+          setIsStyleBookOpened(!isStyleBookOpened);
+          const updatedPath = !isStyleBookOpened ? (0, import_url.addQueryArgs)(path, { preview: "stylebook" }) : (0, import_url.removeQueryArgs)(path, "preview");
+          history.navigate(updatedPath);
+        },
+        size: "compact"
+      }
+    ),
+    canEditCSS && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.DropdownMenu,
+      {
+        icon: import_icons.moreVertical,
+        label: (0, import_i18n.__)("More"),
+        toggleProps: { size: "compact" },
+        children: ({ onClose }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.MenuGroup, { children: canEditCSS && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.MenuItem,
+          {
+            onClick: () => {
+              onClose();
+              history.navigate(
+                (0, import_url.addQueryArgs)(path, {
+                  section: "/css"
+                })
+              );
+            },
+            children: (0, import_i18n.__)("Additional CSS")
+          }
+        ) })
+      }
+    )
+  ] });
 };
-
-/**
- * Hook to deal with navigation and location state.
- *
- * @return {Array}  The current section and a function to update it.
- */
 const useSection = () => {
-  const {
-    path,
-    query
-  } = useLocation();
+  const { path, query } = useLocation();
   const history = useHistory();
-  return (0, _element.useMemo)(() => {
-    var _query$section;
-    return [(_query$section = query.section) !== null && _query$section !== void 0 ? _query$section : '/', updatedSection => {
-      history.navigate((0, _url.addQueryArgs)(path, {
-        section: updatedSection
-      }));
-    }];
+  return (0, import_element.useMemo)(() => {
+    return [
+      query.section ?? "/",
+      (updatedSection) => {
+        history.navigate(
+          (0, import_url.addQueryArgs)(path, {
+            section: updatedSection
+          })
+        );
+      }
+    ];
   }, [path, query.section, history]);
 };
-exports.useSection = useSection;
 function GlobalStylesUIWrapper() {
-  const {
-    path
-  } = useLocation();
-  const [isStyleBookOpened, setIsStyleBookOpened] = (0, _element.useState)(path.includes('preview=stylebook'));
-  const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
+  const { path } = useLocation();
+  const [isStyleBookOpened, setIsStyleBookOpened] = (0, import_element.useState)(
+    path.includes("preview=stylebook")
+  );
+  const isMobileViewport = (0, import_compose.useViewportMatch)("medium", "<");
   const [section, onChangeSection] = useSection();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_page.default, {
-      actions: !isMobileViewport ? /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesPageActions, {
-        isStyleBookOpened: isStyleBookOpened,
-        setIsStyleBookOpened: setIsStyleBookOpened,
-        path: path
-      }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_admin_ui.Page,
+    {
+      actions: !isMobileViewport ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        GlobalStylesPageActions,
+        {
+          isStyleBookOpened,
+          setIsStyleBookOpened,
+          path
+        }
+      ) : null,
       className: "edit-site-styles",
-      title: (0, _i18n.__)('Styles'),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ui.default, {
-        path: section,
-        onPathChange: onChangeSection
-      })
-    })
-  });
+      title: (0, import_i18n.__)("Styles"),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.default, { path: section, onPathChange: onChangeSection })
+    }
+  );
 }
-//# sourceMappingURL=index.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSection
+});
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_data","_coreData","_element","_router","_compose","_components","_url","_icons","_ui","_interopRequireDefault","_page","_lockUnlock","_jsxRuntime","useLocation","useHistory","unlock","routerPrivateApis","GlobalStylesPageActions","isStyleBookOpened","setIsStyleBookOpened","path","history","canEditCSS","useSelect","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","jsxs","__experimentalHStack","children","jsx","Button","isPressed","icon","seen","label","__","onClick","updatedPath","addQueryArgs","preview","removeQueryArgs","navigate","size","DropdownMenu","moreVertical","toggleProps","onClose","MenuGroup","MenuItem","section","useSection","query","useMemo","_query$section","updatedSection","exports","GlobalStylesUIWrapper","useState","includes","isMobileViewport","useViewportMatch","onChangeSection","Fragment","default","actions","className","title","onPathChange"],"sources":["@wordpress/edit-site/src/components/sidebar-global-styles-wrapper/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useMemo, useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tButton,\n\t__experimentalHStack as HStack,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\nimport { addQueryArgs, removeQueryArgs } from '@wordpress/url';\nimport { seen, moreVertical } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport GlobalStylesUI from '../global-styles/ui';\nimport Page from '../page';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nconst GlobalStylesPageActions = ( {\n\tisStyleBookOpened,\n\tsetIsStyleBookOpened,\n\tpath,\n} ) => {\n\tconst history = useHistory();\n\tconst canEditCSS = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\t\treturn !! globalStyles?._links?.[ 'wp:action-edit-css' ];\n\t}, [] );\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{ canEditCSS && (\n\t\t\t\t<DropdownMenu\n\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\tlabel={ __( 'More' ) }\n\t\t\t\t\ttoggleProps={ { size: 'compact' } }\n\t\t\t\t>\n\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ canEditCSS && (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\thistory.navigate(\n\t\t\t\t\t\t\t\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\t\t\t\t\t\t\t\tsection: '/css',\n\t\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t</DropdownMenu>\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 GlobalStylesUIWrapper() {\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<>\n\t\t\t<Page\n\t\t\t\tactions={\n\t\t\t\t\t! isMobileViewport ? (\n\t\t\t\t\t\t<GlobalStylesPageActions\n\t\t\t\t\t\t\tisStyleBookOpened={ isStyleBookOpened }\n\t\t\t\t\t\t\tsetIsStyleBookOpened={ setIsStyleBookOpened }\n\t\t\t\t\t\t\tpath={ path }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : null\n\t\t\t\t}\n\t\t\t\tclassName=\"edit-site-styles\"\n\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t>\n\t\t\t\t<GlobalStylesUI\n\t\t\t\t\tpath={ section }\n\t\t\t\t\tonPathChange={ onChangeSection }\n\t\t\t\t/>\n\t\t\t</Page>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar-global-styles-wrapper/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Page } from '@wordpress/admin-ui';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useMemo, useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tButton,\n\t__experimentalHStack as HStack,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\nimport { addQueryArgs, removeQueryArgs } from '@wordpress/url';\nimport { seen, moreVertical } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport GlobalStylesUI from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nconst GlobalStylesPageActions = ( {\n\tisStyleBookOpened,\n\tsetIsStyleBookOpened,\n\tpath,\n} ) => {\n\tconst history = useHistory();\n\tconst canEditCSS = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\t\treturn !! globalStyles?._links?.[ 'wp:action-edit-css' ];\n\t}, [] );\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{ canEditCSS && (\n\t\t\t\t<DropdownMenu\n\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\tlabel={ __( 'More' ) }\n\t\t\t\t\ttoggleProps={ { size: 'compact' } }\n\t\t\t\t>\n\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ canEditCSS && (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\thistory.navigate(\n\t\t\t\t\t\t\t\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\t\t\t\t\t\t\t\tsection: '/css',\n\t\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t</DropdownMenu>\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 GlobalStylesUIWrapper() {\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/>\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<GlobalStylesUI path={ section } onPathChange={ onChangeSection } />\n\t\t</Page>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CE;AA1CF,sBAAqB;AACrB,kBAAmB;AACnB,kBAA0B;AAC1B,uBAAmC;AACnC,qBAAkC;AAClC,oBAAiD;AACjD,qBAAiC;AACjC,wBAMO;AACP,iBAA8C;AAC9C,mBAAmC;AAKnC,gBAA2B;AAC3B,yBAAuB;AAEvB,MAAM,EAAE,aAAa,WAAW,QAAI,2BAAQ,cAAAA,WAAkB;AAE9D,MAAM,0BAA0B,CAAE;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACD,MAAO;AACN,QAAM,UAAU,WAAW;AAC3B,QAAM,iBAAa,uBAAW,CAAE,WAAY;AAC3C,UAAM,EAAE,iBAAiB,uCAAuC,IAC/D,OAAQ,iBAAAC,KAAU;AACnB,UAAM,iBAAiB,uCAAuC;AAC9D,UAAM,eAAe,iBAClB,gBAAiB,QAAQ,gBAAgB,cAAe,IACxD;AACH,WAAO,CAAC,CAAE,cAAc,SAAU,oBAAqB;AAAA,EACxD,GAAG,CAAC,CAAE;AAEN,SACC,6CAAC,kBAAAC,sBAAA,EACA;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAY;AAAA,QACZ,MAAO;AAAA,QACP,WAAQ,gBAAI,YAAa;AAAA,QACzB,SAAU,MAAM;AACf,+BAAsB,CAAE,iBAAkB;AAC1C,gBAAM,cAAc,CAAE,wBACnB,yBAAc,MAAM,EAAE,SAAS,YAAY,CAAE,QAC7C,4BAAiB,MAAM,SAAU;AAEpC,kBAAQ,SAAU,WAAY;AAAA,QAC/B;AAAA,QACA,MAAK;AAAA;AAAA,IACN;AAAA,IACE,cACD;AAAA,MAAC;AAAA;AAAA,QACA,MAAO;AAAA,QACP,WAAQ,gBAAI,MAAO;AAAA,QACnB,aAAc,EAAE,MAAM,UAAU;AAAA,QAE9B,WAAE,EAAE,QAAQ,MACb,4CAAC,+BACE,wBACD;AAAA,UAAC;AAAA;AAAA,YACA,SAAU,MAAM;AACf,sBAAQ;AACR,sBAAQ;AAAA,oBACP,yBAAc,MAAM;AAAA,kBACnB,SAAS;AAAA,gBACV,CAAE;AAAA,cACH;AAAA,YACD;AAAA,YAEE,8BAAI,gBAAiB;AAAA;AAAA,QACxB,GAEF;AAAA;AAAA,IAEF;AAAA,KAEF;AAEF;AAOO,MAAM,aAAa,MAAM;AAC/B,QAAM,EAAE,MAAM,MAAM,IAAI,YAAY;AACpC,QAAM,UAAU,WAAW;AAC3B,aAAO,wBAAS,MAAM;AACrB,WAAO;AAAA,MACN,MAAM,WAAW;AAAA,MACjB,CAAE,mBAAoB;AACrB,gBAAQ;AAAA,cACP,yBAAc,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,wBAAyC;AAC/C,QAAM,EAAE,KAAK,IAAI,YAAY;AAE7B,QAAM,CAAE,mBAAmB,oBAAqB,QAAI;AAAA,IACnD,KAAK,SAAU,mBAAoB;AAAA,EACpC;AACA,QAAM,uBAAmB,iCAAkB,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;AAAA,MACD,IACG;AAAA,MAEL,WAAU;AAAA,MACV,WAAQ,gBAAI,QAAS;AAAA,MAErB,sDAAC,UAAAC,SAAA,EAAe,MAAO,SAAU,cAAe,iBAAkB;AAAA;AAAA,EACnE;AAEF;",
+  "names": ["routerPrivateApis", "coreStore", "HStack", "GlobalStylesUI"]
+}

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

@@ -1,35 +1,46 @@
 "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 sidebar_navigation_item_exports = {};
+__export(sidebar_navigation_item_exports, {
+  default: () => SidebarNavigationItem
 });
-exports.default = SidebarNavigationItem;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _router = require("@wordpress/router");
-var _element = require("@wordpress/element");
-var _lockUnlock = require("../../lock-unlock");
-var _sidebar = require("../sidebar");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  useHistory,
-  useLink
-} = (0, _lockUnlock.unlock)(_router.privateApis);
+module.exports = __toCommonJS(sidebar_navigation_item_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_icons = require("@wordpress/icons");
+var import_router = require("@wordpress/router");
+var import_element = require("@wordpress/element");
+var import_lock_unlock = require("../../lock-unlock");
+var import_sidebar = require("../sidebar");
+const { useHistory, useLink } = (0, import_lock_unlock.unlock)(import_router.privateApis);
 function SidebarNavigationItem({
   className,
   icon,
@@ -42,45 +53,51 @@ function SidebarNavigationItem({
   ...props
 }) {
   const history = useHistory();
-  const {
-    navigate
-  } = (0, _element.useContext)(_sidebar.SidebarNavigationContext);
-  // If there is no custom click handler, create one that navigates to `params`.
+  const { navigate } = (0, import_element.useContext)(import_sidebar.SidebarNavigationContext);
   function handleClick(e) {
     if (onClick) {
       onClick(e);
-      navigate('forward');
+      navigate("forward");
     } else if (to) {
       e.preventDefault();
       history.navigate(to);
-      navigate('forward', `[id="${uid}"]`);
+      navigate("forward", `[id="${uid}"]`);
     }
   }
   const linkProps = useLink(to);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItem, {
-    className: (0, _clsx.default)('edit-site-sidebar-navigation-item', {
-      'with-suffix': !withChevron && suffix
-    }, className),
-    id: uid,
-    onClick: handleClick,
-    href: to ? linkProps.href : undefined,
-    ...props,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-      justify: "flex-start",
-      children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-        style: {
-          fill: 'currentcolor'
-        },
-        icon: icon,
-        size: 24
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexBlock, {
-        children: children
-      }), withChevron && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-        icon: (0, _i18n.isRTL)() ? _icons.chevronLeftSmall : _icons.chevronRightSmall,
-        className: "edit-site-sidebar-navigation-item__drilldown-indicator",
-        size: 24
-      }), !withChevron && suffix]
-    })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.__experimentalItem,
+    {
+      className: (0, import_clsx.default)(
+        "edit-site-sidebar-navigation-item",
+        { "with-suffix": !withChevron && suffix },
+        className
+      ),
+      id: uid,
+      onClick: handleClick,
+      href: to ? linkProps.href : void 0,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { justify: "flex-start", children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_icons.Icon,
+          {
+            style: { fill: "currentcolor" },
+            icon,
+            size: 24
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexBlock, { children }),
+        withChevron && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_icons.Icon,
+          {
+            icon: (0, import_i18n.isRTL)() ? import_icons.chevronLeftSmall : import_icons.chevronRightSmall,
+            className: "edit-site-sidebar-navigation-item__drilldown-indicator",
+            size: 24
+          }
+        ),
+        !withChevron && suffix
+      ] })
+    }
+  );
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_icons","_router","_element","_lockUnlock","_sidebar","_jsxRuntime","useHistory","useLink","unlock","routerPrivateApis","SidebarNavigationItem","className","icon","withChevron","suffix","uid","to","onClick","children","props","history","navigate","useContext","SidebarNavigationContext","handleClick","e","preventDefault","linkProps","jsx","__experimentalItem","clsx","id","href","undefined","jsxs","__experimentalHStack","justify","Icon","style","fill","size","FlexBlock","isRTL","chevronLeftSmall","chevronRightSmall"],"sources":["@wordpress/edit-site/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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAKA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AAAsD,IAAAQ,WAAA,GAAAR,OAAA;AAtBtD;AACA;AACA;;AAGA;AACA;AACA;;AAWA;AACA;AACA;;AAIA,MAAM;EAAES,UAAU;EAAEC;AAAQ,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAE5C,SAASC,qBAAqBA,CAAE;EAC9CC,SAAS;EACTC,IAAI;EACJC,WAAW,GAAG,KAAK;EACnBC,MAAM;EACNC,GAAG;EACHC,EAAE;EACFC,OAAO;EACPC,QAAQ;EACR,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,OAAO,GAAGd,UAAU,CAAC,CAAC;EAC5B,MAAM;IAAEe;EAAS,CAAC,GAAG,IAAAC,mBAAU,EAAEC,iCAAyB,CAAC;EAC3D;EACA,SAASC,WAAWA,CAAEC,CAAC,EAAG;IACzB,IAAKR,OAAO,EAAG;MACdA,OAAO,CAAEQ,CAAE,CAAC;MACZJ,QAAQ,CAAE,SAAU,CAAC;IACtB,CAAC,MAAM,IAAKL,EAAE,EAAG;MAChBS,CAAC,CAACC,cAAc,CAAC,CAAC;MAClBN,OAAO,CAACC,QAAQ,CAAEL,EAAG,CAAC;MACtBK,QAAQ,CAAE,SAAS,EAAE,QAASN,GAAG,IAAM,CAAC;IACzC;EACD;EACA,MAAMY,SAAS,GAAGpB,OAAO,CAAES,EAAG,CAAC;EAE/B,oBACC,IAAAX,WAAA,CAAAuB,GAAA,EAAC9B,WAAA,CAAA+B,kBAAI;IACJlB,SAAS,EAAG,IAAAmB,aAAI,EACf,mCAAmC,EACnC;MAAE,aAAa,EAAE,CAAEjB,WAAW,IAAIC;IAAO,CAAC,EAC1CH,SACD,CAAG;IACHoB,EAAE,EAAGhB,GAAK;IACVE,OAAO,EAAGO,WAAa;IACvBQ,IAAI,EAAGhB,EAAE,GAAGW,SAAS,CAACK,IAAI,GAAGC,SAAW;IAAA,GACnCd,KAAK;IAAAD,QAAA,eAEV,IAAAb,WAAA,CAAA6B,IAAA,EAACpC,WAAA,CAAAqC,oBAAM;MAACC,OAAO,EAAC,YAAY;MAAAlB,QAAA,GACzBN,IAAI,iBACL,IAAAP,WAAA,CAAAuB,GAAA,EAAC5B,MAAA,CAAAqC,IAAI;QACJC,KAAK,EAAG;UAAEC,IAAI,EAAE;QAAe,CAAG;QAClC3B,IAAI,EAAGA,IAAM;QACb4B,IAAI,EAAG;MAAI,CACX,CACD,eACD,IAAAnC,WAAA,CAAAuB,GAAA,EAAC9B,WAAA,CAAA2C,SAAS;QAAAvB,QAAA,EAAGA;MAAQ,CAAa,CAAC,EACjCL,WAAW,iBACZ,IAAAR,WAAA,CAAAuB,GAAA,EAAC5B,MAAA,CAAAqC,IAAI;QACJzB,IAAI,EAAG,IAAA8B,WAAK,EAAC,CAAC,GAAGC,uBAAgB,GAAGC,wBAAmB;QACvDjC,SAAS,EAAC,wDAAwD;QAClE6B,IAAI,EAAG;MAAI,CACX,CACD,EACC,CAAE3B,WAAW,IAAIC,MAAM;IAAA,CAClB;EAAC,CACJ,CAAC;AAET","ignoreList":[]}
+{
+  "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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgEG;AA7DH,kBAAiB;AAKjB,wBAIO;AACP,kBAAsB;AACtB,mBAA0D;AAC1D,oBAAiD;AACjD,qBAA2B;AAK3B,yBAAuB;AACvB,qBAAyC;AAEzC,MAAM,EAAE,YAAY,QAAQ,QAAI,2BAAQ,cAAAA,WAAkB;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,QAAI,2BAAY,uCAAyB;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,kBAAAC;AAAA,IAAA;AAAA,MACA,eAAY,YAAAC;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,uDAAC,kBAAAC,sBAAA,EAAO,SAAQ,cACb;AAAA,gBACD;AAAA,UAAC;AAAA;AAAA,YACA,OAAQ,EAAE,MAAM,eAAe;AAAA,YAC/B;AAAA,YACA,MAAO;AAAA;AAAA,QACR;AAAA,QAED,4CAAC,+BAAY,UAAU;AAAA,QACrB,eACD;AAAA,UAAC;AAAA;AAAA,YACA,UAAO,mBAAM,IAAI,gCAAmB;AAAA,YACpC,WAAU;AAAA,YACV,MAAO;AAAA;AAAA,QACR;AAAA,QAEC,CAAE,eAAe;AAAA,SACpB;AAAA;AAAA,EACD;AAEF;",
+  "names": ["routerPrivateApis", "Item", "clsx", "HStack"]
+}