@wordpress/components 33.1.1-next.v.202605131032.0 → 34.0.0

package/build/navigation/constants.cjs

@@ -1,34 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/components/src/navigation/constants.tsx
-var constants_exports = {};
-__export(constants_exports, {
-  ROOT_MENU: () => ROOT_MENU,
-  SEARCH_FOCUS_DELAY: () => SEARCH_FOCUS_DELAY
-});
-module.exports = __toCommonJS(constants_exports);
-var ROOT_MENU = "root";
-var SEARCH_FOCUS_DELAY = 100;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ROOT_MENU,
-  SEARCH_FOCUS_DELAY
-});
-//# sourceMappingURL=constants.cjs.map

package/build/navigation/constants.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/navigation/constants.tsx"],
-  "sourcesContent": ["export const ROOT_MENU = 'root';\nexport const SEARCH_FOCUS_DELAY = 100;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAM,YAAY;AAClB,IAAM,qBAAqB;",
-  "names": []
-}

package/build/navigation/context.cjs

@@ -1,58 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/components/src/navigation/context.tsx
-var context_exports = {};
-__export(context_exports, {
-  NavigationContext: () => NavigationContext,
-  useNavigationContext: () => useNavigationContext
-});
-module.exports = __toCommonJS(context_exports);
-var import_element = require("@wordpress/element");
-var import_constants = require("./constants.cjs");
-var noop = () => {
-};
-var defaultIsEmpty = () => false;
-var defaultGetter = () => void 0;
-var NavigationContext = (0, import_element.createContext)({
-  activeItem: void 0,
-  activeMenu: import_constants.ROOT_MENU,
-  setActiveMenu: noop,
-  navigationTree: {
-    items: {},
-    getItem: defaultGetter,
-    addItem: noop,
-    removeItem: noop,
-    menus: {},
-    getMenu: defaultGetter,
-    addMenu: noop,
-    removeMenu: noop,
-    childMenu: {},
-    traverseMenu: noop,
-    isMenuEmpty: defaultIsEmpty
-  }
-});
-NavigationContext.displayName = "NavigationContext";
-var useNavigationContext = () => (0, import_element.useContext)(NavigationContext);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  NavigationContext,
-  useNavigationContext
-});
-//# sourceMappingURL=context.cjs.map

package/build/navigation/context.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/navigation/context.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ROOT_MENU } from './constants';\nconst noop = () => {};\nconst defaultIsEmpty = () => false;\nconst defaultGetter = () => undefined;\nexport const NavigationContext = createContext({\n  activeItem: undefined,\n  activeMenu: ROOT_MENU,\n  setActiveMenu: noop,\n  navigationTree: {\n    items: {},\n    getItem: defaultGetter,\n    addItem: noop,\n    removeItem: noop,\n    menus: {},\n    getMenu: defaultGetter,\n    addMenu: noop,\n    removeMenu: noop,\n    childMenu: {},\n    traverseMenu: noop,\n    isMenuEmpty: defaultIsEmpty\n  }\n});\nNavigationContext.displayName = 'NavigationContext';\nexport const useNavigationContext = () => useContext(NavigationContext);"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0C;AAK1C,uBAA0B;AAC1B,IAAM,OAAO,MAAM;AAAC;AACpB,IAAM,iBAAiB,MAAM;AAC7B,IAAM,gBAAgB,MAAM;AACrB,IAAM,wBAAoB,8BAAc;AAAA,EAC7C,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAAA,IACd,OAAO,CAAC;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,OAAO,CAAC;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW,CAAC;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,CAAC;AACD,kBAAkB,cAAc;AACzB,IAAM,uBAAuB,UAAM,2BAAW,iBAAiB;",
-  "names": []
-}

package/build/navigation/group/context.cjs

@@ -1,38 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/components/src/navigation/group/context.tsx
-var context_exports = {};
-__export(context_exports, {
-  NavigationGroupContext: () => NavigationGroupContext,
-  useNavigationGroupContext: () => useNavigationGroupContext
-});
-module.exports = __toCommonJS(context_exports);
-var import_element = require("@wordpress/element");
-var NavigationGroupContext = (0, import_element.createContext)({
-  group: void 0
-});
-NavigationGroupContext.displayName = "NavigationGroupContext";
-var useNavigationGroupContext = () => (0, import_element.useContext)(NavigationGroupContext);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  NavigationGroupContext,
-  useNavigationGroupContext
-});
-//# sourceMappingURL=context.cjs.map

package/build/navigation/group/context.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/navigation/group/context.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nexport const NavigationGroupContext = createContext({\n  group: undefined\n});\nNavigationGroupContext.displayName = 'NavigationGroupContext';\nexport const useNavigationGroupContext = () => useContext(NavigationGroupContext);"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0C;AAMnC,IAAM,6BAAyB,8BAAc;AAAA,EAClD,OAAO;AACT,CAAC;AACD,uBAAuB,cAAc;AAC9B,IAAM,4BAA4B,UAAM,2BAAW,sBAAsB;",
-  "names": []
-}

package/build/navigation/group/index.cjs

@@ -1,88 +0,0 @@
-"use strict";
-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);
-
-// packages/components/src/navigation/group/index.tsx
-var group_exports = {};
-__export(group_exports, {
-  NavigationGroup: () => NavigationGroup,
-  default: () => group_default
-});
-module.exports = __toCommonJS(group_exports);
-var import_clsx = __toESM(require("clsx"));
-var import_element = require("@wordpress/element");
-var import_context = require("./context.cjs");
-var import_navigation_styles = require("../styles/navigation-styles.cjs");
-var import_context2 = require("../context.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-var uniqueId = 0;
-function NavigationGroup({
-  children,
-  className,
-  title
-}) {
-  const [groupId] = (0, import_element.useState)(`group-${++uniqueId}`);
-  const {
-    navigationTree: {
-      items
-    }
-  } = (0, import_context2.useNavigationContext)();
-  const context = {
-    group: groupId
-  };
-  if (!Object.values(items).some((item) => item.group === groupId && item._isVisible)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.NavigationGroupContext.Provider, {
-      value: context,
-      children
-    });
-  }
-  const groupTitleId = `components-navigation__group-title-${groupId}`;
-  const classes = (0, import_clsx.default)("components-navigation__group", className);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.NavigationGroupContext.Provider, {
-    value: context,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
-      className: classes,
-      children: [title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_styles.GroupTitleUI, {
-        className: "components-navigation__group-title",
-        id: groupTitleId,
-        level: 3,
-        children: title
-      }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
-        "aria-labelledby": groupTitleId,
-        role: "group",
-        children
-      })]
-    })
-  });
-}
-var group_default = NavigationGroup;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  NavigationGroup
-});
-//# sourceMappingURL=index.cjs.map

package/build/navigation/group/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/navigation/group/index.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { NavigationGroupContext } from './context';\nimport { GroupTitleUI } from '../styles/navigation-styles';\nimport { useNavigationContext } from '../context';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nlet uniqueId = 0;\n\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport function NavigationGroup({\n  children,\n  className,\n  title\n}) {\n  const [groupId] = useState(`group-${++uniqueId}`);\n  const {\n    navigationTree: {\n      items\n    }\n  } = useNavigationContext();\n  const context = {\n    group: groupId\n  };\n\n  // Keep the children rendered to make sure invisible items are included in the navigation tree.\n  if (!Object.values(items).some(item => item.group === groupId && item._isVisible)) {\n    return /*#__PURE__*/_jsx(NavigationGroupContext.Provider, {\n      value: context,\n      children: children\n    });\n  }\n  const groupTitleId = `components-navigation__group-title-${groupId}`;\n  const classes = clsx('components-navigation__group', className);\n  return /*#__PURE__*/_jsx(NavigationGroupContext.Provider, {\n    value: context,\n    children: /*#__PURE__*/_jsxs(\"li\", {\n      className: classes,\n      children: [title && /*#__PURE__*/_jsx(GroupTitleUI, {\n        className: \"components-navigation__group-title\",\n        id: groupTitleId,\n        level: 3,\n        children: title\n      }), /*#__PURE__*/_jsx(\"ul\", {\n        \"aria-labelledby\": groupTitleId,\n        role: \"group\",\n        children: children\n      })]\n    })\n  });\n}\nexport default NavigationGroup;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAAyB;AAKzB,qBAAuC;AACvC,+BAA6B;AAC7B,IAAAA,kBAAqC;AACrC,yBAA2C;AAC3C,IAAI,WAAW;AAKR,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,CAAC,OAAO,QAAI,yBAAS,SAAS,EAAE,QAAQ,EAAE;AAChD,QAAM;AAAA,IACJ,gBAAgB;AAAA,MACd;AAAA,IACF;AAAA,EACF,QAAI,sCAAqB;AACzB,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,EACT;AAGA,MAAI,CAAC,OAAO,OAAO,KAAK,EAAE,KAAK,UAAQ,KAAK,UAAU,WAAW,KAAK,UAAU,GAAG;AACjF,WAAoB,uCAAAC,KAAK,sCAAuB,UAAU;AAAA,MACxD,OAAO;AAAA,MACP;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,eAAe,sCAAsC,OAAO;AAClE,QAAM,cAAU,YAAAC,SAAK,gCAAgC,SAAS;AAC9D,SAAoB,uCAAAD,KAAK,sCAAuB,UAAU;AAAA,IACxD,OAAO;AAAA,IACP,UAAuB,uCAAAE,MAAM,MAAM;AAAA,MACjC,WAAW;AAAA,MACX,UAAU,CAAC,SAAsB,uCAAAF,KAAK,uCAAc;AAAA,QAClD,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,UAAU;AAAA,MACZ,CAAC,GAAgB,uCAAAA,KAAK,MAAM;AAAA,QAC1B,mBAAmB;AAAA,QACnB,MAAM;AAAA,QACN;AAAA,MACF,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,gBAAQ;",
-  "names": ["import_context", "_jsx", "clsx", "_jsxs"]
-}

package/build/navigation/index.cjs

@@ -1,113 +0,0 @@
-"use strict";
-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);
-
-// packages/components/src/navigation/index.tsx
-var navigation_exports = {};
-__export(navigation_exports, {
-  Navigation: () => Navigation,
-  default: () => navigation_default
-});
-module.exports = __toCommonJS(navigation_exports);
-var import_clsx = __toESM(require("clsx"));
-var import_deprecated = __toESM(require("@wordpress/deprecated"));
-var import_element = require("@wordpress/element");
-var import_i18n = require("@wordpress/i18n");
-var import_animate = require("../animate/index.cjs");
-var import_constants = require("./constants.cjs");
-var import_context = require("./context.cjs");
-var import_navigation_styles = require("./styles/navigation-styles.cjs");
-var import_use_create_navigation_tree = require("./use-create-navigation-tree.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-var noop = () => {
-};
-function Navigation({
-  activeItem,
-  activeMenu = import_constants.ROOT_MENU,
-  children,
-  className,
-  onActivateMenu = noop
-}) {
-  const [menu, setMenu] = (0, import_element.useState)(activeMenu);
-  const [slideOrigin, setSlideOrigin] = (0, import_element.useState)();
-  const navigationTree = (0, import_use_create_navigation_tree.useCreateNavigationTree)();
-  const defaultSlideOrigin = (0, import_i18n.isRTL)() ? "right" : "left";
-  (0, import_deprecated.default)("wp.components.Navigation (and all subcomponents)", {
-    since: "6.8",
-    version: "7.1",
-    alternative: "wp.components.Navigator"
-  });
-  const setActiveMenu = (menuId, slideInOrigin = defaultSlideOrigin) => {
-    if (!navigationTree.getMenu(menuId)) {
-      return;
-    }
-    setSlideOrigin(slideInOrigin);
-    setMenu(menuId);
-    onActivateMenu(menuId);
-  };
-  const isMountedRef = (0, import_element.useRef)(false);
-  (0, import_element.useEffect)(() => {
-    if (!isMountedRef.current) {
-      isMountedRef.current = true;
-    }
-  }, []);
-  (0, import_element.useEffect)(() => {
-    if (activeMenu !== menu) {
-      setActiveMenu(activeMenu);
-    }
-  }, [activeMenu]);
-  const context = {
-    activeItem,
-    activeMenu: menu,
-    setActiveMenu,
-    navigationTree
-  };
-  const classes = (0, import_clsx.default)("components-navigation", className);
-  const animateClassName = (0, import_animate.getAnimateClassName)({
-    type: "slide-in",
-    origin: slideOrigin
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_styles.NavigationUI, {
-    className: classes,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-      className: animateClassName ? (0, import_clsx.default)({
-        [animateClassName]: isMountedRef.current && slideOrigin
-      }) : void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.NavigationContext.Provider, {
-        value: context,
-        children
-      })
-    }, menu)
-  });
-}
-var navigation_default = Navigation;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Navigation
-});
-//# sourceMappingURL=index.cjs.map

package/build/navigation/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/navigation/index.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { getAnimateClassName } from '../animate';\nimport { ROOT_MENU } from './constants';\nimport { NavigationContext } from './context';\nimport { NavigationUI } from './styles/navigation-styles';\nimport { useCreateNavigationTree } from './use-create-navigation-tree';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst noop = () => {};\n\n/**\n * Render a navigation list with optional groupings and hierarchy.\n *\n * @deprecated Use `Navigator` instead.\n *\n * ```jsx\n * import {\n *   __experimentalNavigation as Navigation,\n *   __experimentalNavigationGroup as NavigationGroup,\n *   __experimentalNavigationItem as NavigationItem,\n *   __experimentalNavigationMenu as NavigationMenu,\n * } from '@wordpress/components';\n *\n * const MyNavigation = () => (\n *   <Navigation>\n *     <NavigationMenu title=\"Home\">\n *       <NavigationGroup title=\"Group 1\">\n *         <NavigationItem item=\"item-1\" title=\"Item 1\" />\n *         <NavigationItem item=\"item-2\" title=\"Item 2\" />\n *       </NavigationGroup>\n *       <NavigationGroup title=\"Group 2\">\n *         <NavigationItem\n *           item=\"item-3\"\n *           navigateToMenu=\"category\"\n *           title=\"Category\"\n *         />\n *       </NavigationGroup>\n *     </NavigationMenu>\n *\n *     <NavigationMenu\n *       backButtonLabel=\"Home\"\n *       menu=\"category\"\n *       parentMenu=\"root\"\n *       title=\"Category\"\n *     >\n *       <NavigationItem badge=\"1\" item=\"child-1\" title=\"Child 1\" />\n *       <NavigationItem item=\"child-2\" title=\"Child 2\" />\n *     </NavigationMenu>\n *   </Navigation>\n * );\n * ```\n */\nexport function Navigation({\n  activeItem,\n  activeMenu = ROOT_MENU,\n  children,\n  className,\n  onActivateMenu = noop\n}) {\n  const [menu, setMenu] = useState(activeMenu);\n  const [slideOrigin, setSlideOrigin] = useState();\n  const navigationTree = useCreateNavigationTree();\n  const defaultSlideOrigin = isRTL() ? 'right' : 'left';\n  deprecated('wp.components.Navigation (and all subcomponents)', {\n    since: '6.8',\n    version: '7.1',\n    alternative: 'wp.components.Navigator'\n  });\n  const setActiveMenu = (menuId, slideInOrigin = defaultSlideOrigin) => {\n    if (!navigationTree.getMenu(menuId)) {\n      return;\n    }\n    setSlideOrigin(slideInOrigin);\n    setMenu(menuId);\n    onActivateMenu(menuId);\n  };\n\n  // Used to prevent the sliding animation on mount\n  const isMountedRef = useRef(false);\n  useEffect(() => {\n    if (!isMountedRef.current) {\n      isMountedRef.current = true;\n    }\n  }, []);\n  useEffect(() => {\n    if (activeMenu !== menu) {\n      setActiveMenu(activeMenu);\n    }\n    // Not adding deps for now, as it would require either a larger refactor or some questionable workarounds.\n    // See https://github.com/WordPress/gutenberg/pull/41612 for context.\n  }, [activeMenu]);\n  const context = {\n    activeItem,\n    activeMenu: menu,\n    setActiveMenu,\n    navigationTree\n  };\n  const classes = clsx('components-navigation', className);\n  const animateClassName = getAnimateClassName({\n    type: 'slide-in',\n    origin: slideOrigin\n  });\n  return /*#__PURE__*/_jsx(NavigationUI, {\n    className: classes,\n    children: /*#__PURE__*/_jsx(\"div\", {\n      className: animateClassName ? clsx({\n        [animateClassName]: isMountedRef.current && slideOrigin\n      }) : undefined,\n      children: /*#__PURE__*/_jsx(NavigationContext.Provider, {\n        value: context,\n        children: children\n      })\n    }, menu)\n  });\n}\nexport default Navigation;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,wBAAuB;AACvB,qBAA4C;AAC5C,kBAAsB;AAKtB,qBAAoC;AACpC,uBAA0B;AAC1B,qBAAkC;AAClC,+BAA6B;AAC7B,wCAAwC;AACxC,yBAA4B;AAC5B,IAAM,OAAO,MAAM;AAAC;AA4Cb,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAAG;AACD,QAAM,CAAC,MAAM,OAAO,QAAI,yBAAS,UAAU;AAC3C,QAAM,CAAC,aAAa,cAAc,QAAI,yBAAS;AAC/C,QAAM,qBAAiB,2DAAwB;AAC/C,QAAM,yBAAqB,mBAAM,IAAI,UAAU;AAC/C,wBAAAA,SAAW,oDAAoD;AAAA,IAC7D,OAAO;AAAA,IACP,SAAS;AAAA,IACT,aAAa;AAAA,EACf,CAAC;AACD,QAAM,gBAAgB,CAAC,QAAQ,gBAAgB,uBAAuB;AACpE,QAAI,CAAC,eAAe,QAAQ,MAAM,GAAG;AACnC;AAAA,IACF;AACA,mBAAe,aAAa;AAC5B,YAAQ,MAAM;AACd,mBAAe,MAAM;AAAA,EACvB;AAGA,QAAM,mBAAe,uBAAO,KAAK;AACjC,gCAAU,MAAM;AACd,QAAI,CAAC,aAAa,SAAS;AACzB,mBAAa,UAAU;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,CAAC;AACL,gCAAU,MAAM;AACd,QAAI,eAAe,MAAM;AACvB,oBAAc,UAAU;AAAA,IAC1B;AAAA,EAGF,GAAG,CAAC,UAAU,CAAC;AACf,QAAM,UAAU;AAAA,IACd;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,EACF;AACA,QAAM,cAAU,YAAAC,SAAK,yBAAyB,SAAS;AACvD,QAAM,uBAAmB,oCAAoB;AAAA,IAC3C,MAAM;AAAA,IACN,QAAQ;AAAA,EACV,CAAC;AACD,SAAoB,uCAAAC,KAAK,uCAAc;AAAA,IACrC,WAAW;AAAA,IACX,UAAuB,uCAAAA,KAAK,OAAO;AAAA,MACjC,WAAW,uBAAmB,YAAAD,SAAK;AAAA,QACjC,CAAC,gBAAgB,GAAG,aAAa,WAAW;AAAA,MAC9C,CAAC,IAAI;AAAA,MACL,UAAuB,uCAAAC,KAAK,iCAAkB,UAAU;AAAA,QACtD,OAAO;AAAA,QACP;AAAA,MACF,CAAC;AAAA,IACH,GAAG,IAAI;AAAA,EACT,CAAC;AACH;AACA,IAAO,qBAAQ;",
-  "names": ["deprecated", "clsx", "_jsx"]
-}

package/build/navigation/item/base-content.cjs

@@ -1,44 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/components/src/navigation/item/base-content.tsx
-var base_content_exports = {};
-__export(base_content_exports, {
-  default: () => NavigationItemBaseContent
-});
-module.exports = __toCommonJS(base_content_exports);
-var import_navigation_styles = require("../styles/navigation-styles.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-function NavigationItemBaseContent(props) {
-  const {
-    badge,
-    title
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_styles.ItemTitleUI, {
-      className: "components-navigation__item-title",
-      as: "span",
-      children: title
-    }), badge && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_styles.ItemBadgeUI, {
-      className: "components-navigation__item-badge",
-      children: badge
-    })]
-  });
-}
-//# sourceMappingURL=base-content.cjs.map

package/build/navigation/item/base-content.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/navigation/item/base-content.tsx"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { ItemBadgeUI, ItemTitleUI } from '../styles/navigation-styles';\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default function NavigationItemBaseContent(props) {\n  const {\n    badge,\n    title\n  } = props;\n  return /*#__PURE__*/_jsxs(_Fragment, {\n    children: [title && /*#__PURE__*/_jsx(ItemTitleUI, {\n      className: \"components-navigation__item-title\",\n      as: \"span\",\n      children: title\n    }), badge && /*#__PURE__*/_jsx(ItemBadgeUI, {\n      className: \"components-navigation__item-badge\",\n      children: badge\n    })]\n  });\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,+BAAyC;AACzC,yBAAkE;AACnD,SAAR,0BAA2C,OAAO;AACvD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SAAoB,uCAAAA,MAAM,mBAAAC,UAAW;AAAA,IACnC,UAAU,CAAC,SAAsB,uCAAAC,KAAK,sCAAa;AAAA,MACjD,WAAW;AAAA,MACX,IAAI;AAAA,MACJ,UAAU;AAAA,IACZ,CAAC,GAAG,SAAsB,uCAAAA,KAAK,sCAAa;AAAA,MAC1C,WAAW;AAAA,MACX,UAAU;AAAA,IACZ,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;",
-  "names": ["_jsxs", "_Fragment", "_jsx"]
-}

package/build/navigation/item/base.cjs

@@ -1,66 +0,0 @@
-"use strict";
-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);
-
-// packages/components/src/navigation/item/base.tsx
-var base_exports = {};
-__export(base_exports, {
-  default: () => NavigationItemBase
-});
-module.exports = __toCommonJS(base_exports);
-var import_clsx = __toESM(require("clsx"));
-var import_element = require("@wordpress/element");
-var import_context = require("../context.cjs");
-var import_use_navigation_tree_item = require("./use-navigation-tree-item.cjs");
-var import_navigation_styles = require("../styles/navigation-styles.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-var uniqueId = 0;
-function NavigationItemBase(props) {
-  const {
-    children,
-    className,
-    title,
-    href,
-    ...restProps
-  } = props;
-  const [itemId] = (0, import_element.useState)(`item-${++uniqueId}`);
-  (0, import_use_navigation_tree_item.useNavigationTreeItem)(itemId, props);
-  const {
-    navigationTree
-  } = (0, import_context.useNavigationContext)();
-  if (!navigationTree.getItem(itemId)?._isVisible) {
-    return null;
-  }
-  const classes = (0, import_clsx.default)("components-navigation__item", className);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_styles.ItemBaseUI, {
-    className: classes,
-    ...restProps,
-    children
-  });
-}
-//# sourceMappingURL=base.cjs.map

package/build/navigation/item/base.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/navigation/item/base.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { useNavigationTreeItem } from './use-navigation-tree-item';\nimport { ItemBaseUI } from '../styles/navigation-styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nlet uniqueId = 0;\nexport default function NavigationItemBase(props) {\n  // Also avoid to pass the `title` and `href` props to the ItemBaseUI styled component.\n  const {\n    children,\n    className,\n    title,\n    href,\n    ...restProps\n  } = props;\n  const [itemId] = useState(`item-${++uniqueId}`);\n  useNavigationTreeItem(itemId, props);\n  const {\n    navigationTree\n  } = useNavigationContext();\n  if (!navigationTree.getItem(itemId)?._isVisible) {\n    return null;\n  }\n  const classes = clsx('components-navigation__item', className);\n  return /*#__PURE__*/_jsx(ItemBaseUI, {\n    className: classes,\n    ...restProps,\n    children: children\n  });\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAAyB;AAKzB,qBAAqC;AACrC,sCAAsC;AACtC,+BAA2B;AAC3B,yBAA4B;AAC5B,IAAI,WAAW;AACA,SAAR,mBAAoC,OAAO;AAEhD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,CAAC,MAAM,QAAI,yBAAS,QAAQ,EAAE,QAAQ,EAAE;AAC9C,6DAAsB,QAAQ,KAAK;AACnC,QAAM;AAAA,IACJ;AAAA,EACF,QAAI,qCAAqB;AACzB,MAAI,CAAC,eAAe,QAAQ,MAAM,GAAG,YAAY;AAC/C,WAAO;AAAA,EACT;AACA,QAAM,cAAU,YAAAA,SAAK,+BAA+B,SAAS;AAC7D,SAAoB,uCAAAC,KAAK,qCAAY;AAAA,IACnC,WAAW;AAAA,IACX,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH;",
-  "names": ["clsx", "_jsx"]
-}

package/build/navigation/item/index.cjs

@@ -1,119 +0,0 @@
-"use strict";
-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);
-
-// packages/components/src/navigation/item/index.tsx
-var item_exports = {};
-__export(item_exports, {
-  NavigationItem: () => NavigationItem,
-  default: () => item_default
-});
-module.exports = __toCommonJS(item_exports);
-var import_clsx = __toESM(require("clsx"));
-var import_icons = require("@wordpress/icons");
-var import_i18n = require("@wordpress/i18n");
-var import_button = __toESM(require("../../button/index.cjs"));
-var import_context = require("../context.cjs");
-var import_navigation_styles = require("../styles/navigation-styles.cjs");
-var import_base_content = __toESM(require("./base-content.cjs"));
-var import_base = __toESM(require("./base.cjs"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var noop = () => {
-};
-function NavigationItem(props) {
-  const {
-    badge,
-    children,
-    className,
-    href,
-    item,
-    navigateToMenu,
-    onClick = noop,
-    title,
-    icon,
-    hideIfTargetMenuEmpty,
-    isText,
-    ...restProps
-  } = props;
-  const {
-    activeItem,
-    setActiveMenu,
-    navigationTree: {
-      isMenuEmpty
-    }
-  } = (0, import_context.useNavigationContext)();
-  if (hideIfTargetMenuEmpty && navigateToMenu && isMenuEmpty(navigateToMenu)) {
-    return null;
-  }
-  const isActive = item && activeItem === item;
-  const classes = (0, import_clsx.default)(className, {
-    "is-active": isActive
-  });
-  const onItemClick = (event) => {
-    if (navigateToMenu) {
-      setActiveMenu(navigateToMenu);
-    }
-    onClick(event);
-  };
-  const navigationIcon = (0, import_i18n.isRTL)() ? import_icons.chevronLeft : import_icons.chevronRight;
-  const baseProps = children ? props : {
-    ...props,
-    onClick: void 0
-  };
-  const itemProps = isText ? restProps : {
-    as: import_button.default,
-    __next40pxDefaultSize: "as" in restProps ? restProps.as === void 0 : true,
-    href,
-    onClick: onItemClick,
-    "aria-current": isActive ? "page" : void 0,
-    ...restProps
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_base.default, {
-    ...baseProps,
-    className: classes,
-    children: children || /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_navigation_styles.ItemUI, {
-      ...itemProps,
-      children: [icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_styles.ItemIconUI, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, {
-          icon
-        })
-      }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_base_content.default, {
-        title,
-        badge
-      }), navigateToMenu && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, {
-        icon: navigationIcon
-      })]
-    })
-  });
-}
-var item_default = NavigationItem;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  NavigationItem
-});
-//# sourceMappingURL=index.cjs.map