@wordpress/components 30.9.1-next.8b30e05b0.0 → 31.0.1-next.738bb1424.0

package/build/navigable-container/menu.cjs

@@ -0,0 +1,86 @@
+"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/navigable-container/menu.tsx
+var menu_exports = {};
+__export(menu_exports, {
+  NavigableMenu: () => NavigableMenu,
+  UnforwardedNavigableMenu: () => UnforwardedNavigableMenu,
+  default: () => menu_default
+});
+module.exports = __toCommonJS(menu_exports);
+var import_element = require("@wordpress/element");
+var import_container = __toESM(require("./container.cjs"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+function UnforwardedNavigableMenu({
+  role = "menu",
+  orientation = "vertical",
+  ...rest
+}, ref) {
+  const eventToOffset = (evt) => {
+    const {
+      code
+    } = evt;
+    let next = ["ArrowDown"];
+    let previous = ["ArrowUp"];
+    if (orientation === "horizontal") {
+      next = ["ArrowRight"];
+      previous = ["ArrowLeft"];
+    }
+    if (orientation === "both") {
+      next = ["ArrowRight", "ArrowDown"];
+      previous = ["ArrowLeft", "ArrowUp"];
+    }
+    if (next.includes(code)) {
+      return 1;
+    } else if (previous.includes(code)) {
+      return -1;
+    } else if (["ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"].includes(code)) {
+      return 0;
+    }
+    return void 0;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_container.default, {
+    ref,
+    stopNavigationEvents: true,
+    onlyBrowserTabstops: false,
+    role,
+    "aria-orientation": role !== "presentation" && (orientation === "vertical" || orientation === "horizontal") ? orientation : void 0,
+    eventToOffset,
+    ...rest
+  });
+}
+var NavigableMenu = (0, import_element.forwardRef)(UnforwardedNavigableMenu);
+var menu_default = NavigableMenu;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavigableMenu,
+  UnforwardedNavigableMenu
+});
+//# sourceMappingURL=menu.cjs.map

package/build/navigable-container/tabbable.cjs

@@ -0,0 +1,73 @@
+"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/navigable-container/tabbable.tsx
+var tabbable_exports = {};
+__export(tabbable_exports, {
+  TabbableContainer: () => TabbableContainer,
+  UnforwardedTabbableContainer: () => UnforwardedTabbableContainer,
+  default: () => tabbable_default
+});
+module.exports = __toCommonJS(tabbable_exports);
+var import_element = require("@wordpress/element");
+var import_container = __toESM(require("./container.cjs"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+function UnforwardedTabbableContainer({
+  eventToOffset,
+  ...props
+}, ref) {
+  const innerEventToOffset = (evt) => {
+    const {
+      code,
+      shiftKey
+    } = evt;
+    if ("Tab" === code) {
+      return shiftKey ? -1 : 1;
+    }
+    if (eventToOffset) {
+      return eventToOffset(evt);
+    }
+    return void 0;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_container.default, {
+    ref,
+    stopNavigationEvents: true,
+    onlyBrowserTabstops: true,
+    eventToOffset: innerEventToOffset,
+    ...props
+  });
+}
+var TabbableContainer = (0, import_element.forwardRef)(UnforwardedTabbableContainer);
+var tabbable_default = TabbableContainer;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TabbableContainer,
+  UnforwardedTabbableContainer
+});
+//# sourceMappingURL=tabbable.cjs.map

package/build/navigable-container/types.cjs

@@ -0,0 +1,19 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/navigable-container/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.cjs.map

package/build/navigation/back-button/index.cjs

@@ -0,0 +1,85 @@
+"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/back-button/index.tsx
+var back_button_exports = {};
+__export(back_button_exports, {
+  NavigationBackButton: () => NavigationBackButton,
+  default: () => back_button_default
+});
+module.exports = __toCommonJS(back_button_exports);
+var import_clsx = __toESM(require("clsx"), 1);
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_icons = require("@wordpress/icons");
+var import_context = require("../context.cjs");
+var import_navigation_styles = require("../styles/navigation-styles.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function UnforwardedNavigationBackButton({
+  backButtonLabel,
+  className,
+  href,
+  onClick,
+  parentMenu
+}, ref) {
+  const {
+    setActiveMenu,
+    navigationTree
+  } = (0, import_context.useNavigationContext)();
+  const classes = (0, import_clsx.default)("components-navigation__back-button", className);
+  const parentMenuTitle = parentMenu !== void 0 ? navigationTree.getMenu(parentMenu)?.title : void 0;
+  const handleOnClick = (event) => {
+    if (typeof onClick === "function") {
+      onClick(event);
+    }
+    const animationDirection = (0, import_i18n.isRTL)() ? "left" : "right";
+    if (parentMenu && !event.defaultPrevented) {
+      setActiveMenu(parentMenu, animationDirection);
+    }
+  };
+  const icon = (0, import_i18n.isRTL)() ? import_icons.chevronRight : import_icons.chevronLeft;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_navigation_styles.MenuBackButtonUI, {
+    __next40pxDefaultSize: true,
+    className: classes,
+    href,
+    variant: "tertiary",
+    ref,
+    onClick: handleOnClick,
+    children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, {
+      icon
+    }), backButtonLabel || parentMenuTitle || (0, import_i18n.__)("Back")]
+  });
+}
+var NavigationBackButton = (0, import_element.forwardRef)(UnforwardedNavigationBackButton);
+var back_button_default = NavigationBackButton;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavigationBackButton
+});
+//# sourceMappingURL=index.cjs.map

package/build/navigation/constants.cjs

@@ -0,0 +1,34 @@
+"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/context.cjs

@@ -0,0 +1,58 @@
+"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/group/context.cjs

@@ -0,0 +1,38 @@
+"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/index.cjs

@@ -0,0 +1,88 @@
+"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"), 1);
+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/index.cjs

@@ -0,0 +1,113 @@
+"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"), 1);
+var import_deprecated = __toESM(require("@wordpress/deprecated"), 1);
+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/item/base-content.cjs

@@ -0,0 +1,44 @@
+"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