@mage-ui/components 1.0.39 → 1.0.41

package/dist/components/navigations/sidebars/sidebar/Sidebar.d.mts

@@ -1,33 +1,28 @@
-import { NavItemProps } from "./SidebarNavItem.mjs";
-import { NavItemButtonProps } from "./SidebarNavItemButton.mjs";
-import { LinkType, NavItemLinkProps } from "./SidebarNavItemLink.mjs";
-import { SubnavProps } from "./SidebarSubnav.mjs";
-import * as react_jsx_runtime58 from "react/jsx-runtime";
+import { NavItemLinkProps } from "./SidebarNavItemLink.mjs";
+import { SubNavItemProps } from "./SidebarSubNavItem.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/navigations/sidebars/sidebar/Sidebar.d.ts
-type NavType = {
-  list?: string;
-  item?: string;
-  link?: LinkType;
+type SidebarClassNames = {
+  sidebar?: string;
   root?: string;
   scrollArea?: string;
+  topSlot?: string;
+  bottomSlot?: string;
+  nav?: {
+    root?: string;
+    list?: string;
+    scrollArea?: string;
+  };
 };
 type SidebarProps = {
   area?: string;
-  classNames?: {
-    sidebar?: string;
-    root?: string;
-    topSlot?: string;
-    bottomSlot?: string;
-    nav?: NavType;
-  };
-  isCollapsed: boolean;
-  expandedItems?: string[];
-  defaultExpandedItems?: string[];
-  onExpandedItemsChange?: (expandedItems: string[]) => void;
   topSlot?: ReactNode;
   bottomSlot?: ReactNode;
+  classNames?: SidebarClassNames;
+  isCollapsed: boolean;
+  expandedItems?: string[];
   children?: ReactNode;
 };
 declare const Sidebar: {
@@ -36,22 +31,23 @@ declare const Sidebar: {
     classNames,
     isCollapsed,
     expandedItems,
-    defaultExpandedItems,
-    onExpandedItemsChange,
     topSlot,
     bottomSlot,
     children
   }: SidebarProps): ReactNode;
   displayName: string;
-  Item: {
-    ({
-      classNames,
-      isVisible,
-      isSubnav,
-      children
-    }: NavItemProps): react_jsx_runtime58.JSX.Element | null;
-    displayName: string;
-  };
+  Item: ({
+    isVisible,
+    classNames,
+    children
+  }: {
+    children?: ReactNode;
+    classNames?: {
+      item?: string;
+      subnavItem?: string;
+    };
+    isVisible?: boolean;
+  }) => react_jsx_runtime0.JSX.Element | null;
   Group: {
     ({
       title,
@@ -60,98 +56,36 @@ declare const Sidebar: {
       classNames
     }: {
       title?: string;
-      children?: React.ReactNode;
-      classNames?: {
-        nav?: {
-          group?: string;
-          groupTitle?: string;
-        };
-      };
-      isVisible?: boolean;
-    }): react_jsx_runtime58.JSX.Element | null;
-    displayName: string;
-  };
-  NavList: {
-    ({
-      classNames,
-      children
-    }: {
-      classNames?: {
-        nav?: {
-          list?: string;
-        };
-      };
       children?: ReactNode;
-    }): react_jsx_runtime58.JSX.Element;
-    displayName: string;
-  };
-  NavItem: {
-    ({
-      classNames,
-      isVisible,
-      isSubnav,
-      children
-    }: NavItemProps): react_jsx_runtime58.JSX.Element | null;
-    displayName: string;
-  };
-  NavGroup: {
-    ({
-      title,
-      isVisible,
-      children,
-      classNames
-    }: {
-      title?: string;
-      children?: React.ReactNode;
       classNames?: {
-        nav?: {
-          group?: string;
-          groupTitle?: string;
-        };
+        group?: string;
+        groupTitle?: string;
       };
       isVisible?: boolean;
-    }): react_jsx_runtime58.JSX.Element | null;
+    }): react_jsx_runtime0.JSX.Element | null;
     displayName: string;
   };
-  NavItemButton: {
+  ItemLink: {
     ({
-      id,
       children,
       startSlot,
       endSlot,
-      subnav,
-      collapsedSubnav,
-      onClick,
       classNames,
-      isVisible,
-      tooltipLabel
-    }: NavItemButtonProps): react_jsx_runtime58.JSX.Element | null;
+      isSelected,
+      isVisible
+    }: NavItemLinkProps): react_jsx_runtime0.JSX.Element | null;
     displayName: string;
   };
-  NavItemLink: {
+  SubNav: {
     ({
       children,
-      startSlot,
-      endSlot,
-      classNames,
-      tooltipLabel,
-      withTooltip,
-      isSelected,
-      isExpanded,
       isVisible,
-      isSubnav
-    }: NavItemLinkProps): react_jsx_runtime58.JSX.Element | null;
-    displayName: string;
-  };
-  Subnav: {
-    ({
       classNames,
-      isVisible,
-      children
-    }: SubnavProps): react_jsx_runtime58.JSX.Element | null;
+      ...props
+    }: SubNavItemProps): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
 };
 //#endregion
-export { NavType, Sidebar, SidebarProps };
+export { Sidebar, SidebarClassNames, SidebarProps };
 //# sourceMappingURL=Sidebar.d.mts.map

package/dist/components/navigations/sidebars/sidebar/Sidebar.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.mts","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/Sidebar.tsx"],"mappings":";;;;;;;;KAuBY,OAAA;EACV,IAAA;EACA,IAAA;EACA,IAAA,GAAO,QAAA;EACP,IAAA;EACA,UAAA;AAAA;AAAA,KAGU,YAAA;EACV,IAAA;EACA,UAAA;IACE,OAAA;IACA,IAAA;IACA,OAAA;IACA,UAAA;IACA,GAAA,GAAM,OAAA;EAAA;EAER,WAAA;EACA,aAAA;EACA,oBAAA;EACA,qBAAA,IAAyB,aAAA;EACzB,OAAA,GAAU,SAAA;EACV,UAAA,GAAa,SAAA;EACb,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,OAAA;EAAA;;;;;;;;;;KAUV,YAAA,GAAe,SAAA"}
+{"version":3,"file":"Sidebar.d.mts","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/Sidebar.tsx"],"mappings":";;;;;;KAoBY,iBAAA;EACV,OAAA;EACA,IAAA;EACA,UAAA;EACA,OAAA;EACA,UAAA;EACA,GAAA;IACE,IAAA;IACA,IAAA;IACA,UAAA;EAAA;AAAA;AAAA,KAIQ,YAAA;EACV,IAAA;EACA,OAAA,GAAU,SAAA;EACV,UAAA,GAAa,SAAA;EACb,UAAA,GAAa,iBAAA;EACb,WAAA;EACA,aAAA;EACA,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,OAAA;EAAA;;;;;;;;KAQV,YAAA,GAAe,SAAA"}

package/dist/components/navigations/sidebars/sidebar/Sidebar.mjs

@@ -1,2 +1,2 @@
-import{ScrollAreaAutosize as e}from"../../../misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{SidebarProvider as t}from"./SidebarContext.mjs";import{NavList as n}from"./SidebarNavList.mjs";import{NavGroup as r}from"./SidebarNavGroup.mjs";import{NavItem as i}from"./SidebarNavItem.mjs";import{NavItemButton as a}from"./SidebarNavItemButton.mjs";import{NavItemLink as o}from"./SidebarNavItemLink.mjs";import{Subnav as s}from"./SidebarSubnav.mjs";import{cx as c}from"@mage-ui/styled-system/css";import{sidebar as l,sidebarBottomSlot as u,sidebarNavRoot as d,sidebarRoot as f,sidebarScrollAreaAutosize as p,sidebarTopSlot as m}from"@mage-ui/styled-system/recipes";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{useEffect as _,useMemo as v,useRef as y,useState as b}from"react";const x=({area:r=`sidebar`,classNames:i,isCollapsed:a=!1,expandedItems:o,defaultExpandedItems:s=[],onExpandedItemsChange:x,topSlot:S,bottomSlot:C,children:w})=>{let[T,E]=b(s),D=y(!1),O=o??T,k=e=>{o===void 0&&E(e),x?.(e)};_(()=>{!D.current&&a&&k([]),D.current=a},[a,k]);let A=e=>{let t=O.includes(e);if(a){k(t?[]:[e]);return}k(t?O.filter(t=>t!==e):[...O,e])},j=(e,t)=>{if(t!==O.includes(e)){if(a){k(t?[e]:[]);return}k(t?[...O,e]:O.filter(t=>t!==e))}},M=v(()=>({isCollapsed:a,expandedItems:O,toggleItem:A,setItemExpanded:j,isItemExpanded:e=>O.includes(e)}),[O,a,j,A]),N=r===`sidebar`?void 0:{"--sidebar-grid-area":r};return h(t,{value:M,children:g(`div`,{"data-collapsed":a?`true`:`false`,className:c(i?.sidebar??l(),i?.root??f(),`group`),style:N,children:[S?h(`div`,{className:i?.topSlot??m(),children:S}):null,h(`nav`,{className:i?.nav?.root??d(),children:h(e,{mah:`100%`,scrollbars:`y`,classNames:{scrollArea:i?.nav?.scrollArea??p()},children:h(n,{classNames:i,children:w})})}),C?h(`div`,{className:i?.bottomSlot??u(),children:C}):null]})})};x.displayName=`Sidebar`,x.Item=i,x.Group=r,x.NavList=n,x.NavItem=i,x.NavGroup=r,x.NavItemButton=a,x.NavItemLink=o,x.Subnav=s;export{x as Sidebar};
+import{ScrollAreaAutosize as e}from"../../../misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{SidebarProvider as t}from"./SidebarContext.mjs";import{NavList as n}from"./SidebarNavList.mjs";import{NavGroup as r}from"./SidebarNavGroup.mjs";import{NavItem as i}from"./SidebarNavItem.mjs";import{NavItemLink as a}from"./SidebarNavItemLink.mjs";import{SubNavItem as o}from"./SidebarSubNavItem.mjs";import{cx as s}from"@mage-ui/styled-system/css";import{sidebar as c,sidebarBottomSlot as l,sidebarNavRoot as u,sidebarRoot as d,sidebarScrollAreaAutosize as f,sidebarTopSlot as p}from"@mage-ui/styled-system/recipes";import{jsx as m,jsxs as h}from"react/jsx-runtime";const g=({area:r=`sidebar`,classNames:i,isCollapsed:a=!1,expandedItems:o,topSlot:g,bottomSlot:_,children:v})=>{let y=r===`sidebar`?void 0:{"--sidebar-grid-area":r};return m(t,{isCollapsed:a,expandedItems:o,children:h(`div`,{"data-collapsed":a?`true`:`false`,className:s(i?.sidebar??c(),i?.root??d(),`group`),style:y,children:[g?m(`div`,{className:i?.topSlot??p(),children:g}):null,m(`nav`,{className:i?.nav?.root??u(),children:m(e,{mah:`100%`,scrollbars:`y`,classNames:{scrollArea:i?.nav?.scrollArea??f()},children:m(n,{classNames:i,children:v})})}),_?m(`div`,{className:i?.bottomSlot??l(),children:_}):null]})})};g.displayName=`Sidebar`,g.Item=i,g.Group=r,g.ItemLink=a,g.SubNav=o;export{g as Sidebar};
 //# sourceMappingURL=Sidebar.mjs.map

package/dist/components/navigations/sidebars/sidebar/Sidebar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/Sidebar.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  sidebar,\n  sidebarBottomSlot,\n  sidebarNavRoot,\n  sidebarRoot,\n  sidebarScrollAreaAutosize,\n  sidebarTopSlot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { ScrollAreaAutosize } from '../../../misc';\nimport { SidebarProvider } from './SidebarContext';\nimport { NavGroup } from './SidebarNavGroup';\nimport { NavItem } from './SidebarNavItem';\nimport { NavItemButton } from './SidebarNavItemButton';\nimport type { LinkType } from './SidebarNavItemLink';\nimport { NavItemLink } from './SidebarNavItemLink';\nimport { NavList } from './SidebarNavList';\nimport { Subnav } from './SidebarSubnav';\n\nexport type NavType = {\n  list?: string;\n  item?: string;\n  link?: LinkType;\n  root?: string;\n  scrollArea?: string;\n};\n\nexport type SidebarProps = {\n  area?: string;\n  classNames?: {\n    sidebar?: string;\n    root?: string;\n    topSlot?: string;\n    bottomSlot?: string;\n    nav?: NavType;\n  };\n  isCollapsed: boolean;\n  expandedItems?: string[];\n  defaultExpandedItems?: string[];\n  onExpandedItemsChange?: (expandedItems: string[]) => void;\n  topSlot?: ReactNode;\n  bottomSlot?: ReactNode;\n  children?: ReactNode;\n};\n\nexport const Sidebar = ({\n  area = 'sidebar',\n  classNames,\n  isCollapsed = false,\n  expandedItems,\n  defaultExpandedItems = [],\n  onExpandedItemsChange,\n  topSlot,\n  bottomSlot,\n  children,\n}: SidebarProps): ReactNode => {\n  const [uncontrolledExpandedItems, setUncontrolledExpandedItems] =\n    useState<string[]>(defaultExpandedItems);\n  const wasCollapsedRef = useRef(false);\n\n  const currentExpandedItems = expandedItems ?? uncontrolledExpandedItems;\n\n  const setExpandedItems = (nextExpandedItems: string[]) => {\n    if (expandedItems === undefined) {\n      setUncontrolledExpandedItems(nextExpandedItems);\n    }\n\n    onExpandedItemsChange?.(nextExpandedItems);\n  };\n\n  useEffect(() => {\n    // Normalize state on collapse so expanded desktop subnavs do not remain\n    // visible as flyouts.\n    if (!wasCollapsedRef.current && isCollapsed) {\n      setExpandedItems([]);\n    }\n\n    wasCollapsedRef.current = isCollapsed;\n  }, [isCollapsed, setExpandedItems]);\n\n  const toggleItem = (itemId: string) => {\n    const isExpanded = currentExpandedItems.includes(itemId);\n\n    if (isCollapsed) {\n      setExpandedItems(isExpanded ? [] : [itemId]);\n      return;\n    }\n\n    setExpandedItems(\n      isExpanded\n        ? currentExpandedItems.filter((id) => id !== itemId)\n        : [...currentExpandedItems, itemId],\n    );\n  };\n\n  const setItemExpanded = (itemId: string, isExpanded: boolean) => {\n    const alreadyExpanded = currentExpandedItems.includes(itemId);\n\n    if (isExpanded === alreadyExpanded) {\n      return;\n    }\n\n    if (isCollapsed) {\n      setExpandedItems(isExpanded ? [itemId] : []);\n      return;\n    }\n\n    setExpandedItems(\n      isExpanded\n        ? [...currentExpandedItems, itemId]\n        : currentExpandedItems.filter((id) => id !== itemId),\n    );\n  };\n\n  const contextValue = useMemo(\n    () => ({\n      isCollapsed,\n      expandedItems: currentExpandedItems,\n      toggleItem,\n      setItemExpanded,\n      isItemExpanded: (itemId: string) => currentExpandedItems.includes(itemId),\n    }),\n    [currentExpandedItems, isCollapsed, setItemExpanded, toggleItem],\n  );\n\n  const style =\n    area !== 'sidebar' ? { '--sidebar-grid-area': area } : undefined;\n\n  return (\n    <SidebarProvider value={contextValue}>\n      <div\n        data-collapsed={isCollapsed ? 'true' : 'false'}\n        className={cx(\n          classNames?.sidebar ?? sidebar(),\n          classNames?.root ?? sidebarRoot(),\n          'group',\n        )}\n        style={style as CSSProperties}\n      >\n        {topSlot ? (\n          <div className={classNames?.topSlot ?? sidebarTopSlot()}>\n            {topSlot}\n          </div>\n        ) : null}\n\n        <nav className={classNames?.nav?.root ?? sidebarNavRoot()}>\n          <ScrollAreaAutosize\n            mah='100%'\n            scrollbars='y'\n            classNames={{\n              scrollArea:\n                classNames?.nav?.scrollArea ?? sidebarScrollAreaAutosize(),\n            }}\n          >\n            <NavList classNames={classNames}>{children}</NavList>\n          </ScrollAreaAutosize>\n        </nav>\n\n        {bottomSlot ? (\n          <div className={classNames?.bottomSlot ?? sidebarBottomSlot()}>\n            {bottomSlot}\n          </div>\n        ) : null}\n      </div>\n    </SidebarProvider>\n  );\n};\n\nSidebar.displayName = 'Sidebar';\nSidebar.Item = NavItem;\nSidebar.Group = NavGroup;\nSidebar.NavList = NavList;\nSidebar.NavItem = NavItem;\nSidebar.NavGroup = NavGroup;\nSidebar.NavItemButton = NavItemButton;\nSidebar.NavItemLink = NavItemLink;\nSidebar.Subnav = Subnav;\n"],"mappings":"uxBAiDA,MAAa,GAAW,CACtB,OAAO,UACP,aACA,cAAc,GACd,gBACA,uBAAuB,EAAE,CACzB,wBACA,UACA,aACA,cAC6B,CAC7B,GAAM,CAAC,EAA2B,GAChC,EAAmB,EAAqB,CACpC,EAAkB,EAAO,GAAM,CAE/B,EAAuB,GAAiB,EAExC,EAAoB,GAAgC,CACpD,IAAkB,IAAA,IACpB,EAA6B,EAAkB,CAGjD,IAAwB,EAAkB,EAG5C,MAAgB,CAGV,CAAC,EAAgB,SAAW,GAC9B,EAAiB,EAAE,CAAC,CAGtB,EAAgB,QAAU,GACzB,CAAC,EAAa,EAAiB,CAAC,CAEnC,IAAM,EAAc,GAAmB,CACrC,IAAM,EAAa,EAAqB,SAAS,EAAO,CAExD,GAAI,EAAa,CACf,EAAiB,EAAa,EAAE,CAAG,CAAC,EAAO,CAAC,CAC5C,OAGF,EACE,EACI,EAAqB,OAAQ,GAAO,IAAO,EAAO,CAClD,CAAC,GAAG,EAAsB,EAAO,CACtC,EAGG,GAAmB,EAAgB,IAAwB,CAG3D,OAFoB,EAAqB,SAAS,EAAO,CAM7D,IAAI,EAAa,CACf,EAAiB,EAAa,CAAC,EAAO,CAAG,EAAE,CAAC,CAC5C,OAGF,EACE,EACI,CAAC,GAAG,EAAsB,EAAO,CACjC,EAAqB,OAAQ,GAAO,IAAO,EAAO,CACvD,GAGG,EAAe,OACZ,CACL,cACA,cAAe,EACf,aACA,kBACA,eAAiB,GAAmB,EAAqB,SAAS,EAAO,CAC1E,EACD,CAAC,EAAsB,EAAa,EAAiB,EAAW,CACjE,CAEK,EACJ,IAAS,UAA8C,IAAA,GAAlC,CAAE,sBAAuB,EAAM,CAEtD,OACE,EAAC,EAAA,CAAgB,MAAO,WACtB,EAAC,MAAA,CACC,iBAAgB,EAAc,OAAS,QACvC,UAAW,EACT,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CACjC,QACD,CACM,kBAEN,EACC,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAgB,UACpD,GACG,CACJ,KAEJ,EAAC,MAAA,CAAI,UAAW,GAAY,KAAK,MAAQ,GAAgB,UACvD,EAAC,EAAA,CACC,IAAI,OACJ,WAAW,IACX,WAAY,CACV,WACE,GAAY,KAAK,YAAc,GAA2B,CAC7D,UAED,EAAC,EAAA,CAAoB,aAAa,YAAmB,EAClC,EACjB,CAEL,EACC,EAAC,MAAA,CAAI,UAAW,GAAY,YAAc,GAAmB,UAC1D,GACG,CACJ,OACA,EACU,EAItB,EAAQ,YAAc,UACtB,EAAQ,KAAO,EACf,EAAQ,MAAQ,EAChB,EAAQ,QAAU,EAClB,EAAQ,QAAU,EAClB,EAAQ,SAAW,EACnB,EAAQ,cAAgB,EACxB,EAAQ,YAAc,EACtB,EAAQ,OAAS"}
+{"version":3,"file":"Sidebar.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/Sidebar.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  sidebar,\n  sidebarBottomSlot,\n  sidebarNavRoot,\n  sidebarRoot,\n  sidebarScrollAreaAutosize,\n  sidebarTopSlot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { ScrollAreaAutosize } from '../../../misc';\nimport { SidebarProvider } from './SidebarContext';\nimport { NavGroup } from './SidebarNavGroup';\nimport { NavItem } from './SidebarNavItem';\nimport { NavItemLink } from './SidebarNavItemLink';\nimport { NavList } from './SidebarNavList';\nimport { SubNavItem } from './SidebarSubNavItem';\n\nexport type SidebarClassNames = {\n  sidebar?: string;\n  root?: string;\n  scrollArea?: string;\n  topSlot?: string;\n  bottomSlot?: string;\n  nav?: {\n    root?: string;\n    list?: string;\n    scrollArea?: string;\n  };\n};\n\nexport type SidebarProps = {\n  area?: string;\n  topSlot?: ReactNode;\n  bottomSlot?: ReactNode;\n  classNames?: SidebarClassNames;\n  isCollapsed: boolean;\n  expandedItems?: string[];\n  children?: ReactNode;\n};\n\nexport const Sidebar = ({\n  area = 'sidebar',\n  classNames,\n  isCollapsed = false,\n  expandedItems,\n  topSlot,\n  bottomSlot,\n  children,\n}: SidebarProps): ReactNode => {\n  const style =\n    area !== 'sidebar'\n      ? ({ '--sidebar-grid-area': area } as CSSProperties &\n          Record<string, string>)\n      : undefined;\n\n  return (\n    <SidebarProvider isCollapsed={isCollapsed} expandedItems={expandedItems}>\n      <div\n        data-collapsed={isCollapsed ? 'true' : 'false'}\n        className={cx(\n          classNames?.sidebar ?? sidebar(),\n          classNames?.root ?? sidebarRoot(),\n          'group',\n        )}\n        style={style}\n      >\n        {topSlot ? (\n          <div className={classNames?.topSlot ?? sidebarTopSlot()}>\n            {topSlot}\n          </div>\n        ) : null}\n\n        <nav className={classNames?.nav?.root ?? sidebarNavRoot()}>\n          <ScrollAreaAutosize\n            mah='100%'\n            scrollbars='y'\n            classNames={{\n              scrollArea:\n                classNames?.nav?.scrollArea ?? sidebarScrollAreaAutosize(),\n            }}\n          >\n            <NavList classNames={classNames}>{children}</NavList>\n          </ScrollAreaAutosize>\n        </nav>\n\n        {bottomSlot ? (\n          <div className={classNames?.bottomSlot ?? sidebarBottomSlot()}>\n            {bottomSlot}\n          </div>\n        ) : null}\n      </div>\n    </SidebarProvider>\n  );\n};\n\nSidebar.displayName = 'Sidebar';\nSidebar.Item = NavItem;\nSidebar.Group = NavGroup;\nSidebar.ItemLink = NavItemLink;\nSidebar.SubNav = SubNavItem;\n"],"mappings":"2pBA2CA,MAAa,GAAW,CACtB,OAAO,UACP,aACA,cAAc,GACd,gBACA,UACA,aACA,cAC6B,CAC7B,IAAM,EACJ,IAAS,UAGL,IAAA,GAFC,CAAE,sBAAuB,EAAM,CAItC,OACE,EAAC,EAAA,CAA6B,cAA4B,yBACxD,EAAC,MAAA,CACC,iBAAgB,EAAc,OAAS,QACvC,UAAW,EACT,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CACjC,QACD,CACM,kBAEN,EACC,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAgB,UACpD,GACG,CACJ,KAEJ,EAAC,MAAA,CAAI,UAAW,GAAY,KAAK,MAAQ,GAAgB,UACvD,EAAC,EAAA,CACC,IAAI,OACJ,WAAW,IACX,WAAY,CACV,WACE,GAAY,KAAK,YAAc,GAA2B,CAC7D,UAED,EAAC,EAAA,CAAoB,aAAa,YAAmB,EAClC,EACjB,CAEL,EACC,EAAC,MAAA,CAAI,UAAW,GAAY,YAAc,GAAmB,UAC1D,GACG,CACJ,OACA,EACU,EAItB,EAAQ,YAAc,UACtB,EAAQ,KAAO,EACf,EAAQ,MAAQ,EAChB,EAAQ,SAAW,EACnB,EAAQ,OAAS"}

package/dist/components/navigations/sidebars/sidebar/SidebarContext.mjs

@@ -1,2 +1,2 @@
-import{createContext as e,useContext as t}from"react";const n=e(null),r=n.Provider,i=()=>{let e=t(n);if(!e)throw Error(`Sidebar compound components must be used within <Sidebar>.`);return e};export{r as SidebarProvider,i as useSidebarContext};
+import{jsx as e}from"react/jsx-runtime";import{createContext as t,useCallback as n,useContext as r,useEffect as i,useReducer as a}from"react";const o=t(0),s=()=>r(o),c=o.Provider,l=t(!1),u=()=>r(l),d=l.Provider,f=(e,t)=>{switch(t.type){case`TOGGLE`:return e.includes(t.id)?e.filter(e=>e!==t.id):[...e,t.id];case`OPEN_ONLY`:return[t.id];case`CLOSE`:return e.filter(e=>e!==t.id);case`CLOSE_ALL`:return[]}},p=t(null),m=()=>{let e=r(p);if(!e)throw Error(`Sidebar compound components must be used within <Sidebar>.`);return e},h=({isCollapsed:t,expandedItems:r=[],children:o})=>{let[s,c]=a(f,r);i(()=>{t&&c({type:`CLOSE_ALL`})},[t]);let l=n(e=>{c(t?s.includes(e)?{type:`CLOSE`,id:e}:{type:`OPEN_ONLY`,id:e}:{type:`TOGGLE`,id:e})},[t,s]);return e(p.Provider,{value:{isCollapsed:t,isItemExpanded:e=>s.includes(e),toggleItem:l},children:o})};export{d as MenuModeProvider,h as SidebarProvider,c as SubnavDepthProvider,u as useMenuMode,m as useSidebarContext,s as useSubnavDepth};
 //# sourceMappingURL=SidebarContext.mjs.map

package/dist/components/navigations/sidebars/sidebar/SidebarContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarContext.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\ntype SidebarContextValue = {\n  isCollapsed: boolean;\n  expandedItems: string[];\n  toggleItem: (itemId: string) => void;\n  setItemExpanded: (itemId: string, isExpanded: boolean) => void;\n  isItemExpanded: (itemId: string) => boolean;\n};\n\nconst SidebarContext = createContext<SidebarContextValue | null>(null);\n\nexport const SidebarProvider = SidebarContext.Provider;\n\nexport const useSidebarContext = (): SidebarContextValue => {\n  const context = useContext(SidebarContext);\n\n  if (!context) {\n    throw new Error(\n      'Sidebar compound components must be used within <Sidebar>.',\n    );\n  }\n\n  return context;\n};\n"],"mappings":"sDAUA,MAAM,EAAiB,EAA0C,KAAK,CAEzD,EAAkB,EAAe,SAEjC,MAA+C,CAC1D,IAAM,EAAU,EAAW,EAAe,CAE1C,GAAI,CAAC,EACH,MAAU,MACR,6DACD,CAGH,OAAO"}
+{"version":3,"file":"SidebarContext.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarContext.tsx"],"sourcesContent":["import {\n  createContext,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n} from 'react';\n\n// ---------------------------------------------------------------------------\n// Contexto para detectar el nivel de profundidad y aplicar isSubnav\n// ---------------------------------------------------------------------------\n\nconst SubnavDepthContext = createContext(0);\n\nexport const useSubnavDepth = () => useContext(SubnavDepthContext);\n\nexport const SubnavDepthProvider = SubnavDepthContext.Provider;\n\n// ---------------------------------------------------------------------------\n// Contexto para controlar el menu y poder desactivar tooltips\n// ---------------------------------------------------------------------------\n\nconst MenuModeContext = createContext(false);\n\nexport const useMenuMode = () => useContext(MenuModeContext);\n\nexport const MenuModeProvider = MenuModeContext.Provider;\n\n// ---------------------------------------------------------------------------\n// Contexto Sidebar\n// ---------------------------------------------------------------------------\n\ntype SidebarAction =\n  | { type: 'TOGGLE'; id: string }\n  | { type: 'OPEN_ONLY'; id: string }\n  | { type: 'CLOSE'; id: string }\n  | { type: 'CLOSE_ALL' };\n\nconst reducer = (state: string[], action: SidebarAction): string[] => {\n  switch (action.type) {\n    case 'TOGGLE':\n      return state.includes(action.id)\n        ? state.filter((id) => id !== action.id)\n        : [...state, action.id];\n\n    case 'OPEN_ONLY':\n      return [action.id];\n\n    case 'CLOSE':\n      return state.filter((id) => id !== action.id);\n\n    case 'CLOSE_ALL':\n      return [];\n  }\n};\n\ntype SidebarContextValue = {\n  isCollapsed: boolean;\n  isItemExpanded: (id: string) => boolean;\n  toggleItem: (id: string) => void;\n};\n\nconst SidebarContext = createContext<SidebarContextValue | null>(null);\n\nexport const useSidebarContext = (): SidebarContextValue => {\n  const ctx = useContext(SidebarContext);\n  if (!ctx) {\n    throw new Error(\n      'Sidebar compound components must be used within <Sidebar>.',\n    );\n  }\n  return ctx;\n};\n\ntype SidebarProviderProps = {\n  isCollapsed: boolean;\n  expandedItems?: string[];\n  children: ReactNode;\n};\n\nexport const SidebarProvider = ({\n  isCollapsed,\n  expandedItems = [],\n  children,\n}: SidebarProviderProps) => {\n  const [expanded, dispatch] = useReducer(reducer, expandedItems);\n\n  useEffect(() => {\n    if (isCollapsed) dispatch({ type: 'CLOSE_ALL' });\n  }, [isCollapsed]);\n\n  const toggleItem = useCallback(\n    (id: string) => {\n      if (isCollapsed) {\n        dispatch(\n          expanded.includes(id)\n            ? { type: 'CLOSE', id }\n            : { type: 'OPEN_ONLY', id },\n        );\n      } else {\n        dispatch({ type: 'TOGGLE', id });\n      }\n    },\n    [isCollapsed, expanded],\n  );\n\n  return (\n    <SidebarContext.Provider\n      value={{\n        isCollapsed,\n        isItemExpanded: (id) => expanded.includes(id),\n        toggleItem,\n      }}\n    >\n      {children}\n    </SidebarContext.Provider>\n  );\n};\n"],"mappings":"8IAaA,MAAM,EAAqB,EAAc,EAAE,CAE9B,MAAuB,EAAW,EAAmB,CAErD,EAAsB,EAAmB,SAMhD,EAAkB,EAAc,GAAM,CAE/B,MAAoB,EAAW,EAAgB,CAE/C,EAAmB,EAAgB,SAY1C,GAAW,EAAiB,IAAoC,CACpE,OAAQ,EAAO,KAAf,CACE,IAAK,SACH,OAAO,EAAM,SAAS,EAAO,GAAG,CAC5B,EAAM,OAAQ,GAAO,IAAO,EAAO,GAAG,CACtC,CAAC,GAAG,EAAO,EAAO,GAAG,CAE3B,IAAK,YACH,MAAO,CAAC,EAAO,GAAG,CAEpB,IAAK,QACH,OAAO,EAAM,OAAQ,GAAO,IAAO,EAAO,GAAG,CAE/C,IAAK,YACH,MAAO,EAAE,GAUT,EAAiB,EAA0C,KAAK,CAEzD,MAA+C,CAC1D,IAAM,EAAM,EAAW,EAAe,CACtC,GAAI,CAAC,EACH,MAAU,MACR,6DACD,CAEH,OAAO,GASI,GAAmB,CAC9B,cACA,gBAAgB,EAAE,CAClB,cAC0B,CAC1B,GAAM,CAAC,EAAU,GAAY,EAAW,EAAS,EAAc,CAE/D,MAAgB,CACV,GAAa,EAAS,CAAE,KAAM,YAAa,CAAC,EAC/C,CAAC,EAAY,CAAC,CAEjB,IAAM,EAAa,EAChB,GAAe,CAEZ,EADE,EAEA,EAAS,SAAS,EAAG,CACjB,CAAE,KAAM,QAAS,KAAI,CACrB,CAAE,KAAM,YAAa,KAAI,CAGtB,CAAE,KAAM,SAAU,KAAI,CAAC,EAGpC,CAAC,EAAa,EAAS,CACxB,CAED,OACE,EAAC,EAAe,SAAA,CACd,MAAO,CACL,cACA,eAAiB,GAAO,EAAS,SAAS,EAAG,CAC7C,aACD,CAEA,YACuB"}

package/dist/components/navigations/sidebars/sidebar/SidebarNavGroup.mjs

@@ -1,2 +1,2 @@
-import{NavList as e}from"./SidebarNavList.mjs";import{sidebarNavGroup as t,sidebarNavGroupTitle as n}from"@mage-ui/styled-system/recipes";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({title:a,isVisible:o=!0,children:s,classNames:c})=>o?i(`li`,{className:c?.nav?.group??t(),children:[a?r(`p`,{className:c?.nav?.groupTitle??n(),children:a}):null,r(e,{children:s})]}):null;a.displayName=`Sidebar.NavGroup`;export{a as NavGroup};
+import{NavList as e}from"./SidebarNavList.mjs";import{sidebarNavGroup as t,sidebarNavGroupTitle as n}from"@mage-ui/styled-system/recipes";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({title:a,isVisible:o=!0,children:s,classNames:c})=>o?i(`li`,{className:c?.group??t(),children:[a?r(`p`,{className:c?.groupTitle??n(),children:a}):null,r(e,{children:s})]}):null;a.displayName=`Sidebar.NavGroup`;export{a as NavGroup};
 //# sourceMappingURL=SidebarNavGroup.mjs.map

package/dist/components/navigations/sidebars/sidebar/SidebarNavGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavGroup.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavGroup.tsx"],"sourcesContent":["import {\n  sidebarNavGroup,\n  sidebarNavGroupTitle,\n} from '@mage-ui/styled-system/recipes';\n\nimport { NavList } from './SidebarNavList';\n\ntype NavGroupProps = {\n  title?: string;\n  children?: React.ReactNode;\n  classNames?: {\n    nav?: {\n      group?: string;\n      groupTitle?: string;\n    };\n  };\n  isVisible?: boolean;\n};\n\nexport const NavGroup = ({\n  title,\n  isVisible = true,\n  children,\n  classNames,\n}: NavGroupProps) => {\n  if (!isVisible) {\n    return null;\n  }\n  return (\n    <li className={classNames?.nav?.group ?? sidebarNavGroup()}>\n      {title ? (\n        <p className={classNames?.nav?.groupTitle ?? sidebarNavGroupTitle()}>\n          {title}\n        </p>\n      ) : null}\n      <NavList>{children}</NavList>\n    </li>\n  );\n};\n\nNavGroup.displayName = 'Sidebar.NavGroup';\n"],"mappings":"4LAmBA,MAAa,GAAY,CACvB,QACA,YAAY,GACZ,WACA,gBAEK,EAIH,EAAC,KAAA,CAAG,UAAW,GAAY,KAAK,OAAS,GAAiB,WACvD,EACC,EAAC,IAAA,CAAE,UAAW,GAAY,KAAK,YAAc,GAAsB,UAChE,GACC,CACF,KACJ,EAAC,EAAA,CAAS,WAAA,CAAmB,CAAA,EAC1B,CAVE,KAcX,EAAS,YAAc"}
+{"version":3,"file":"SidebarNavGroup.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavGroup.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  sidebarNavGroup,\n  sidebarNavGroupTitle,\n} from '@mage-ui/styled-system/recipes';\n\nimport { NavList } from './SidebarNavList';\n\ntype NavGroupProps = {\n  title?: string;\n  children?: ReactNode;\n  classNames?: {\n    group?: string;\n    groupTitle?: string;\n  };\n  isVisible?: boolean;\n};\n\nexport const NavGroup = ({\n  title,\n  isVisible = true,\n  children,\n  classNames,\n}: NavGroupProps) => {\n  if (!isVisible) return null;\n\n  return (\n    <li className={classNames?.group ?? sidebarNavGroup()}>\n      {title ? (\n        <p className={classNames?.groupTitle ?? sidebarNavGroupTitle()}>\n          {title}\n        </p>\n      ) : null}\n      <NavList>{children}</NavList>\n    </li>\n  );\n};\n\nNavGroup.displayName = 'Sidebar.NavGroup';\n"],"mappings":"4LAmBA,MAAa,GAAY,CACvB,QACA,YAAY,GACZ,WACA,gBAEK,EAGH,EAAC,KAAA,CAAG,UAAW,GAAY,OAAS,GAAiB,WAClD,EACC,EAAC,IAAA,CAAE,UAAW,GAAY,YAAc,GAAsB,UAC3D,GACC,CACF,KACJ,EAAC,EAAA,CAAS,WAAA,CAAmB,CAAA,EAC1B,CAVgB,KAczB,EAAS,YAAc"}

package/dist/components/navigations/sidebars/sidebar/SidebarNavItem.mjs

@@ -1,2 +1,2 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{sidebarNavItem as t,sidebarSubnavItem as n}from"@mage-ui/styled-system/recipes";import{jsx as r}from"react/jsx-runtime";const i=({classNames:i,isVisible:a=!0,isSubnav:o=!1,children:s})=>a?r(`li`,{className:e(o?i?.subnav?.item??n():i?.nav?.item??t()),children:s}):null;i.displayName=`Sidebar.NavItem`;export{i as NavItem};
+import{useSubnavDepth as e}from"./SidebarContext.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{sidebarNavItem as n,sidebarSubnavItem as r}from"@mage-ui/styled-system/recipes";import{jsx as i}from"react/jsx-runtime";const a=({isVisible:a=!0,classNames:o,children:s})=>{let c=e()>0;return a?i(`li`,{className:t(c?o?.subnavItem??r():o?.item??n()),children:s}):null};export{a as NavItem};
 //# sourceMappingURL=SidebarNavItem.mjs.map

package/dist/components/navigations/sidebars/sidebar/SidebarNavItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavItem.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItem.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  sidebarNavItem,\n  sidebarSubnavItem,\n} from '@mage-ui/styled-system/recipes';\n\nexport type NavItemProps = {\n  classNames?: {\n    nav?: {\n      item?: string;\n    };\n    subnav?: {\n      item?: string;\n    };\n  };\n  children?: React.ReactNode;\n  isVisible?: boolean;\n  isSubnav?: boolean;\n};\n\nexport const NavItem = ({\n  classNames,\n  isVisible = true,\n  isSubnav = false,\n  children,\n}: NavItemProps) => {\n  if (!isVisible) {\n    return null;\n  }\n\n  const itemClassName = isSubnav\n    ? (classNames?.subnav?.item ?? sidebarSubnavItem())\n    : (classNames?.nav?.item ?? sidebarNavItem());\n\n  return <li className={cx(itemClassName)}>{children}</li>;\n};\n\nNavItem.displayName = 'Sidebar.NavItem';\n"],"mappings":"+KAsBA,MAAa,GAAW,CACtB,aACA,YAAY,GACZ,WAAW,GACX,cAEK,EAQE,EAAC,KAAA,CAAG,UAAW,EAJA,EACjB,GAAY,QAAQ,MAAQ,GAAmB,CAC/C,GAAY,KAAK,MAAQ,GAAgB,CAEP,CAAG,YAAc,CAP/C,KAUX,EAAQ,YAAc"}
+{"version":3,"file":"SidebarNavItem.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  sidebarNavItem,\n  sidebarSubnavItem,\n} from '@mage-ui/styled-system/recipes';\n\nimport { useSubnavDepth } from './SidebarContext';\n\ntype NavItemProps = {\n  children?: ReactNode;\n  classNames?: {\n    item?: string;\n    subnavItem?: string;\n  };\n  isVisible?: boolean;\n};\n\nexport const NavItem = ({\n  isVisible = true,\n  classNames,\n  children,\n}: NavItemProps) => {\n  const isSubnav = useSubnavDepth() > 0;\n\n  if (!isVisible) return null;\n\n  const itemClassName = isSubnav\n    ? (classNames?.subnavItem ?? sidebarSubnavItem())\n    : (classNames?.item ?? sidebarNavItem());\n\n  return <li className={cx(itemClassName)}>{children}</li>;\n};\n"],"mappings":"qOAmBA,MAAa,GAAW,CACtB,YAAY,GACZ,aACA,cACkB,CAClB,IAAM,EAAW,GAAgB,CAAG,EAQpC,OANK,EAME,EAAC,KAAA,CAAG,UAAW,EAJA,EACjB,GAAY,YAAc,GAAmB,CAC7C,GAAY,MAAQ,GAAgB,CAEF,CAAG,YAAc,CANjC"}

package/dist/components/navigations/sidebars/sidebar/SidebarNavItemButton.mjs

@@ -1,2 +1,2 @@
-import{Button as e}from"../../../buttons/button/Button.mjs";import{Icon as t}from"../../../data-display/icons/icon/Icon.mjs";import{Menu as n}from"../../menu/Menu.mjs";import{useSidebarContext as r}from"./SidebarContext.mjs";import{Tooltip as i}from"../../../overlays/tooltip/Tooltip.mjs";import{NavItemButtonCollapsed as a}from"./SidebarNavItemButtonCollapsed.mjs";import{sidebarNavItemButtonIconToggle as o,sidebarNavItemButtonInner as s,sidebarNavItemButtonLabel as c,sidebarNavItemButtonRoot as l,sidebarNavItemButtonSection as u}from"@mage-ui/styled-system/recipes";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import{Children as m,cloneElement as h,isValidElement as g,useId as _}from"react";const v=e=>g(e)&&e.type.displayName===`Sidebar.Subnav`,y=e=>g(e)&&e.type.displayName===`Sidebar.NavItem`,b=e=>g(e)&&e.type.displayName===`Sidebar.NavItemLink`,x=(e,t)=>t||(v(e)?m.toArray(e.props.children).map((e,t)=>{let r=g(e)&&e.key!=null?e.key:t;if(!y(e))return f(n.Item,{children:e},r);let i=e.props.children,a=b(i)?h(i,{withTooltip:!1}):i;return f(n.Item,{children:a},r)}):e),S=({id:n,children:m,startSlot:h,endSlot:g,subnav:v,collapsedSubnav:y,onClick:b,classNames:S,isVisible:C=!0,tooltipLabel:w})=>{let{isCollapsed:T,toggleItem:E,isItemExpanded:D}=r(),O=_(),k=n??O,A=x(v,y);if(!C)return null;let j=D(k),M=()=>{E(k),b?.()};return T?f(a,{itemId:k,startSlot:h,targetLabel:m,classNames:S,isExpanded:j,tooltipLabel:w??m,children:A}):p(d,{children:[f(i,{label:w??m,position:`right`,offset:4,disabled:!T,children:f(e,{type:`button`,"aria-expanded":j,"data-expanded":j,classNames:{root:S?.button?.root??l(),inner:S?.button?.inner??s(),label:S?.button?.label??c(),section:S?.button?.section??u()},startSlot:h,endSlot:g??f(t,{path:`/icons/sprite-mage.svg`,name:j?`mage-sidebar-subnav-toogle-plus`:`mage-sidebar-subnav-toogle-minus`,classNames:{icon:S?.button?.iconToggle??o()}}),onClick:M,children:m})}),!T&&j?v:null]})};S.displayName=`Sidebar.NavItemButton`;export{S as NavItemButton};
+import{Button as e}from"../../../buttons/button/Button.mjs";import{Icon as t}from"../../../data-display/icons/icon/Icon.mjs";import{useSidebarContext as n}from"./SidebarContext.mjs";import{NavItemButtonCollapsed as r}from"./SidebarNavItemButtonCollapsed.mjs";import{sidebarNavItemButtonIconToggle as i,sidebarNavItemButtonInner as a,sidebarNavItemButtonLabel as o,sidebarNavItemButtonRoot as s,sidebarNavItemButtonSection as c}from"@mage-ui/styled-system/recipes";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import{useId as f}from"react";const p=({label:p,children:m,startSlot:h,endSlot:g,onClick:_,classNames:v,isVisible:y=!0})=>{let{isCollapsed:b,isItemExpanded:x,toggleItem:S}=n(),C=f(),w=x(C);if(!y)return null;let T=()=>{S(C),_?.()};return b?u(r,{itemId:C,startSlot:h,label:p,classNames:v,children:m}):d(l,{children:[u(e,{type:`button`,"aria-expanded":w||void 0,"data-expanded":w||void 0,classNames:{root:v?.button?.root??s(),inner:v?.button?.inner??a(),label:v?.button?.label??o(),section:v?.button?.section??c()},startSlot:h,endSlot:g??u(t,{path:`/icons/sprite-mage.svg`,name:w?`mage-sidebar-subnav-toogle-minus`:`mage-sidebar-subnav-toogle-plus`,classNames:{icon:v?.button?.iconToggle??i()}}),onClick:T,children:p}),w?m:null]})};export{p as NavItemButton};
 //# sourceMappingURL=SidebarNavItemButton.mjs.map

package/dist/components/navigations/sidebars/sidebar/SidebarNavItemButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavItemButton.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItemButton.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  useId,\n} from 'react';\n\nimport {\n  sidebarNavItemButtonIconToggle,\n  sidebarNavItemButtonInner,\n  sidebarNavItemButtonLabel,\n  sidebarNavItemButtonRoot,\n  sidebarNavItemButtonSection,\n} from '@mage-ui/styled-system/recipes';\nimport { Button } from '@/components/buttons';\nimport { Icon } from '@/components/data-display';\nimport { Tooltip } from '@/components/overlays';\n\nimport { Menu } from '../../menu/Menu';\nimport { useSidebarContext } from './SidebarContext';\nimport { NavItemButtonCollapsed } from './SidebarNavItemButtonCollapsed';\n\nexport type NavItemButtonProps = {\n  id?: string;\n  children?: ReactNode;\n  startSlot: ReactNode;\n  endSlot?: ReactNode;\n  subnav: ReactNode;\n  collapsedSubnav?: ReactNode;\n  onClick?: () => void;\n  classNames?: {\n    button?: {\n      root?: string;\n      inner?: string;\n      label?: string;\n      section?: string;\n      iconToggle?: string;\n    };\n    subnav?: {\n      list?: string;\n      item?: string;\n      link?: {\n        anchor?: string;\n        label?: string;\n      };\n      root?: string;\n    };\n  };\n  isVisible?: boolean;\n  tooltipLabel?: ReactNode;\n};\n\ntype SidebarElementWithChildren = ReactElement<{ children?: ReactNode }>;\ntype SidebarNavItemLinkElement = ReactElement<{\n  children?: ReactNode;\n  withTooltip?: boolean;\n}>;\n\nconst isSidebarSubnav = (node: ReactNode): node is SidebarElementWithChildren =>\n  isValidElement(node) &&\n  (node.type as { displayName?: string }).displayName === 'Sidebar.Subnav';\n\nconst isSidebarNavItem = (\n  node: ReactNode,\n): node is SidebarElementWithChildren =>\n  isValidElement(node) &&\n  (node.type as { displayName?: string }).displayName === 'Sidebar.NavItem';\n\nconst isSidebarNavItemLink = (\n  node: ReactNode,\n): node is SidebarNavItemLinkElement =>\n  isValidElement(node) &&\n  (node.type as { displayName?: string }).displayName === 'Sidebar.NavItemLink';\n\nconst getCollapsedSubnavContent = (\n  subnav: ReactNode,\n  collapsedSubnav?: ReactNode,\n) => {\n  if (collapsedSubnav) {\n    return collapsedSubnav;\n  }\n\n  if (!isSidebarSubnav(subnav)) {\n    return subnav;\n  }\n\n  return Children.toArray(subnav.props.children).map((itemNode, index) => {\n    const key =\n      isValidElement(itemNode) && itemNode.key != null ? itemNode.key : index;\n\n    if (!isSidebarNavItem(itemNode)) {\n      return <Menu.Item key={key}>{itemNode}</Menu.Item>;\n    }\n\n    const content = itemNode.props.children;\n    const collapsedContent = isSidebarNavItemLink(content)\n      ? cloneElement(content, { withTooltip: false })\n      : content;\n\n    return <Menu.Item key={key}>{collapsedContent}</Menu.Item>;\n  });\n};\n\nexport const NavItemButton = ({\n  id,\n  children,\n  startSlot,\n  endSlot,\n  subnav,\n  collapsedSubnav,\n  onClick,\n  classNames,\n  isVisible = true,\n  tooltipLabel,\n}: NavItemButtonProps) => {\n  const { isCollapsed, toggleItem, isItemExpanded } = useSidebarContext();\n  const generatedId = useId();\n  const itemId = id ?? generatedId;\n  const collapsedSubnavContent = getCollapsedSubnavContent(\n    subnav,\n    collapsedSubnav,\n  );\n\n  if (!isVisible) {\n    return null;\n  }\n\n  const isExpanded = isItemExpanded(itemId);\n\n  const handleToggle = () => {\n    toggleItem(itemId);\n    onClick?.();\n  };\n\n  if (isCollapsed) {\n    return (\n      <NavItemButtonCollapsed\n        itemId={itemId}\n        startSlot={startSlot}\n        targetLabel={children}\n        classNames={classNames}\n        isExpanded={isExpanded}\n        tooltipLabel={tooltipLabel ?? children}\n      >\n        {collapsedSubnavContent}\n      </NavItemButtonCollapsed>\n    );\n  }\n\n  return (\n    <>\n      <Tooltip\n        label={tooltipLabel ?? children}\n        position='right'\n        offset={4}\n        disabled={!isCollapsed}\n      >\n        <Button\n          type='button'\n          aria-expanded={isExpanded}\n          data-expanded={isExpanded}\n          classNames={{\n            root: classNames?.button?.root ?? sidebarNavItemButtonRoot(),\n            inner: classNames?.button?.inner ?? sidebarNavItemButtonInner(),\n            label: classNames?.button?.label ?? sidebarNavItemButtonLabel(),\n            section:\n              classNames?.button?.section ?? sidebarNavItemButtonSection(),\n          }}\n          startSlot={startSlot}\n          endSlot={\n            endSlot ?? (\n              <Icon\n                path='/icons/sprite-mage.svg'\n                name={\n                  isExpanded\n                    ? 'mage-sidebar-subnav-toogle-plus'\n                    : 'mage-sidebar-subnav-toogle-minus'\n                }\n                classNames={{\n                  icon:\n                    classNames?.button?.iconToggle ??\n                    sidebarNavItemButtonIconToggle(),\n                }}\n              />\n            )\n          }\n          onClick={handleToggle}\n        >\n          {children}\n        </Button>\n      </Tooltip>\n\n      {!isCollapsed && isExpanded ? subnav : null}\n    </>\n  );\n};\n\nNavItemButton.displayName = 'Sidebar.NavItemButton';\n"],"mappings":"6sBA4DA,MAAM,EAAmB,GACvB,EAAe,EAAK,EACnB,EAAK,KAAkC,cAAgB,iBAEpD,EACJ,GAEA,EAAe,EAAK,EACnB,EAAK,KAAkC,cAAgB,kBAEpD,EACJ,GAEA,EAAe,EAAK,EACnB,EAAK,KAAkC,cAAgB,sBAEpD,GACJ,EACA,IAEI,IAIC,EAAgB,EAAO,CAIrB,EAAS,QAAQ,EAAO,MAAM,SAAS,CAAC,KAAK,EAAU,IAAU,CACtE,IAAM,EACJ,EAAe,EAAS,EAAI,EAAS,KAAO,KAAO,EAAS,IAAM,EAEpE,GAAI,CAAC,EAAiB,EAAS,CAC7B,OAAO,EAAC,EAAK,KAAA,CAAA,SAAgB,EAAA,CAAN,EAA2B,CAGpD,IAAM,EAAU,EAAS,MAAM,SACzB,EAAmB,EAAqB,EAAQ,CAClD,EAAa,EAAS,CAAE,YAAa,GAAO,CAAC,CAC7C,EAEJ,OAAO,EAAC,EAAK,KAAA,CAAA,SAAgB,EAAA,CAAN,EAAmC,EAC1D,CAjBO,GAoBE,GAAiB,CAC5B,KACA,WACA,YACA,UACA,SACA,kBACA,UACA,aACA,YAAY,GACZ,kBACwB,CACxB,GAAM,CAAE,cAAa,aAAY,kBAAmB,GAAmB,CACjE,EAAc,GAAO,CACrB,EAAS,GAAM,EACf,EAAyB,EAC7B,EACA,EACD,CAED,GAAI,CAAC,EACH,OAAO,KAGT,IAAM,EAAa,EAAe,EAAO,CAEnC,MAAqB,CACzB,EAAW,EAAO,CAClB,KAAW,EAkBb,OAfI,EAEA,EAAC,EAAA,CACS,SACG,YACX,YAAa,EACD,aACA,aACZ,aAAc,GAAgB,WAE7B,GACsB,CAK3B,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CACC,MAAO,GAAgB,EACvB,SAAS,QACT,OAAQ,EACR,SAAU,CAAC,WAEX,EAAC,EAAA,CACC,KAAK,SACL,gBAAe,EACf,gBAAe,EACf,WAAY,CACV,KAAM,GAAY,QAAQ,MAAQ,GAA0B,CAC5D,MAAO,GAAY,QAAQ,OAAS,GAA2B,CAC/D,MAAO,GAAY,QAAQ,OAAS,GAA2B,CAC/D,QACE,GAAY,QAAQ,SAAW,GAA6B,CAC/D,CACU,YACX,QACE,GACE,EAAC,EAAA,CACC,KAAK,yBACL,KACE,EACI,kCACA,mCAEN,WAAY,CACV,KACE,GAAY,QAAQ,YACpB,GAAgC,CACnC,EACD,CAGN,QAAS,EAER,YACM,EACD,CAET,CAAC,GAAe,EAAa,EAAS,KAAA,CAAA,CACtC,EAIP,EAAc,YAAc"}
+{"version":3,"file":"SidebarNavItemButton.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItemButton.tsx"],"sourcesContent":["import { type ReactNode, useId } from 'react';\n\nimport {\n  sidebarNavItemButtonIconToggle,\n  sidebarNavItemButtonInner,\n  sidebarNavItemButtonLabel,\n  sidebarNavItemButtonRoot,\n  sidebarNavItemButtonSection,\n} from '@mage-ui/styled-system/recipes';\nimport { Button } from '@/components/buttons';\nimport { Icon } from '@/components/data-display';\n\nimport { useSidebarContext } from './SidebarContext';\nimport { NavItemButtonCollapsed } from './SidebarNavItemButtonCollapsed';\n\nexport type NavItemButtonProps = {\n  label?: ReactNode;\n  children?: ReactNode;\n  startSlot: ReactNode;\n  endSlot?: ReactNode;\n  onClick?: () => void;\n  classNames?: {\n    button?: {\n      root?: string;\n      inner?: string;\n      label?: string;\n      section?: string;\n      iconToggle?: string;\n    };\n  };\n  isVisible?: boolean;\n};\n\nexport const NavItemButton = ({\n  label,\n  children,\n  startSlot,\n  endSlot,\n  onClick,\n  classNames,\n  isVisible = true,\n}: NavItemButtonProps) => {\n  const { isCollapsed, isItemExpanded, toggleItem } = useSidebarContext();\n  const itemId = useId();\n  const isExpanded = isItemExpanded(itemId);\n\n  if (!isVisible) return null;\n\n  const handleToggle = () => {\n    toggleItem(itemId);\n    onClick?.();\n  };\n\n  if (isCollapsed) {\n    return (\n      <NavItemButtonCollapsed\n        itemId={itemId}\n        startSlot={startSlot}\n        label={label}\n        classNames={classNames}\n      >\n        {children}\n      </NavItemButtonCollapsed>\n    );\n  }\n\n  return (\n    <>\n      <Button\n        type='button'\n        aria-expanded={isExpanded || undefined}\n        data-expanded={isExpanded || undefined}\n        classNames={{\n          root: classNames?.button?.root ?? sidebarNavItemButtonRoot(),\n          inner: classNames?.button?.inner ?? sidebarNavItemButtonInner(),\n          label: classNames?.button?.label ?? sidebarNavItemButtonLabel(),\n          section: classNames?.button?.section ?? sidebarNavItemButtonSection(),\n        }}\n        startSlot={startSlot}\n        endSlot={\n          endSlot ?? (\n            <Icon\n              path='/icons/sprite-mage.svg'\n              name={\n                isExpanded\n                  ? 'mage-sidebar-subnav-toogle-minus'\n                  : 'mage-sidebar-subnav-toogle-plus'\n              }\n              classNames={{\n                icon:\n                  classNames?.button?.iconToggle ??\n                  sidebarNavItemButtonIconToggle(),\n              }}\n            />\n          )\n        }\n        onClick={handleToggle}\n      >\n        {label}\n      </Button>\n\n      {isExpanded ? children : null}\n    </>\n  );\n};\n"],"mappings":"8iBAiCA,MAAa,GAAiB,CAC5B,QACA,WACA,YACA,UACA,UACA,aACA,YAAY,MACY,CACxB,GAAM,CAAE,cAAa,iBAAgB,cAAe,GAAmB,CACjE,EAAS,GAAO,CAChB,EAAa,EAAe,EAAO,CAEzC,GAAI,CAAC,EAAW,OAAO,KAEvB,IAAM,MAAqB,CACzB,EAAW,EAAO,CAClB,KAAW,EAgBb,OAbI,EAEA,EAAC,EAAA,CACS,SACG,YACJ,QACK,aAEX,YACsB,CAK3B,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CACC,KAAK,SACL,gBAAe,GAAc,IAAA,GAC7B,gBAAe,GAAc,IAAA,GAC7B,WAAY,CACV,KAAM,GAAY,QAAQ,MAAQ,GAA0B,CAC5D,MAAO,GAAY,QAAQ,OAAS,GAA2B,CAC/D,MAAO,GAAY,QAAQ,OAAS,GAA2B,CAC/D,QAAS,GAAY,QAAQ,SAAW,GAA6B,CACtE,CACU,YACX,QACE,GACE,EAAC,EAAA,CACC,KAAK,yBACL,KACE,EACI,mCACA,kCAEN,WAAY,CACV,KACE,GAAY,QAAQ,YACpB,GAAgC,CACnC,EACD,CAGN,QAAS,WAER,GACM,CAER,EAAa,EAAW,KAAA,CAAA,CACxB"}

package/dist/components/navigations/sidebars/sidebar/SidebarNavItemButtonCollapsed.mjs

@@ -1,2 +1,2 @@
-"use client";import{Menu as e}from"../../menu/Menu.mjs";import{useSidebarContext as t}from"./SidebarContext.mjs";import{Tooltip as n}from"../../../overlays/tooltip/Tooltip.mjs";import{cx as r}from"@mage-ui/styled-system/css";import{sidebar as i,sidebarNavItemButtonCollapsedRoot as a,sidebarNavItemButtonInner as o,sidebarNavItemButtonLabel as s,sidebarNavItemButtonSection as c,sidebarSubnavCollapsedRoot as l,sidebarSubnavItem as u,sidebarSubnavList as d}from"@mage-ui/styled-system/recipes";import{jsx as f}from"react/jsx-runtime";const p=({itemId:p,targetLabel:m,startSlot:h,children:g,classNames:_,isExpanded:v,tooltipLabel:y})=>{let{setItemExpanded:b}=t();return f(n,{label:y,position:`right`,offset:4,withinPortal:!0,children:f(`span`,{children:f(e,{withinPortal:!0,keepMounted:!0,opened:v,onOpenedChange:e=>{b(p,e)},target:m,classNames:{menu:_?.subnav?.list??d(),root:_?.subnav?.root??r(i(),l()),item:_?.subnav?.item??u(),target:{button:_?.button?.root??a(),inner:_?.button?.inner??o(),label:_?.button?.label??s(),section:_?.button?.section??c()}},targetButtonProps:{type:`button`,"aria-expanded":v,"data-expanded":v||void 0,startSlot:h},position:`bottom-start`,children:g})})})};p.displayName=`Sidebar.NavItemButtonCollapsed`;export{p as NavItemButtonCollapsed};
+"use client";import{Menu as e}from"../../menu/Menu.mjs";import{MenuModeProvider as t,useSidebarContext as n}from"./SidebarContext.mjs";import{Tooltip as r}from"../../../overlays/tooltip/Tooltip.mjs";import{Subnav as i}from"./SidebarSubnav.mjs";import{cx as a}from"@mage-ui/styled-system/css";import{sidebar as o,sidebarNavItemButtonCollapsedRoot as s,sidebarNavItemButtonInner as c,sidebarNavItemButtonLabel as l,sidebarNavItemButtonSection as u,sidebarSubnavCollapsedRoot as d,sidebarSubnavItem as f,sidebarSubnavList as p}from"@mage-ui/styled-system/recipes";import{jsx as m}from"react/jsx-runtime";import{Children as h,isValidElement as g}from"react";const _=t=>!g(t)||t.type!==i?t:h.toArray(t.props.children).map((t,n)=>{let r=g(t)&&t.key!=null?t.key:n;return m(e.Item,{children:t},r)}),v=({itemId:i,label:h,startSlot:g,children:v,classNames:y})=>{let{toggleItem:b,isItemExpanded:x}=n(),S=x(i);return m(r,{label:h,position:`right`,offset:4,withinPortal:!0,children:m(`span`,{children:m(e,{withinPortal:!0,opened:S,onOpenedChange:()=>b(i),target:h,classNames:{menu:y?.subnav?.list??p(),root:y?.subnav?.root??a(o(),d()),item:y?.subnav?.item??f(),target:{button:y?.button?.root??s(),inner:y?.button?.inner??c(),label:y?.button?.label??l(),section:y?.button?.section??u()}},targetButtonProps:{type:`button`,"aria-expanded":S||void 0,"data-expanded":S||void 0,startSlot:g},position:`bottom-start`,children:m(t,{value:!0,children:_(v)})})})})};export{v as NavItemButtonCollapsed};
 //# sourceMappingURL=SidebarNavItemButtonCollapsed.mjs.map

package/dist/components/navigations/sidebars/sidebar/SidebarNavItemButtonCollapsed.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavItemButtonCollapsed.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItemButtonCollapsed.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  sidebar,\n  sidebarNavItemButtonCollapsedRoot,\n  sidebarNavItemButtonInner,\n  sidebarNavItemButtonLabel,\n  sidebarNavItemButtonSection,\n  sidebarSubnavCollapsedRoot,\n  sidebarSubnavItem,\n  sidebarSubnavList,\n} from '@mage-ui/styled-system/recipes';\nimport { Tooltip } from '@/components/overlays';\n\nimport { Menu } from '../../menu/Menu';\nimport { useSidebarContext } from './SidebarContext';\n\nexport type NavItemButtonCollapsedProps = {\n  itemId: string;\n  targetLabel?: ReactNode;\n  startSlot: ReactNode;\n  children?: ReactNode;\n  classNames?: {\n    button?: {\n      root?: string;\n      inner?: string;\n      label?: string;\n      section?: string;\n    };\n    subnav?: {\n      list?: string;\n      item?: string;\n      root?: string;\n    };\n  };\n  isExpanded: boolean;\n  tooltipLabel: ReactNode;\n};\n\nexport const NavItemButtonCollapsed = ({\n  itemId,\n  targetLabel,\n  startSlot,\n  children,\n  classNames,\n  isExpanded,\n  tooltipLabel,\n}: NavItemButtonCollapsedProps) => {\n  const { setItemExpanded } = useSidebarContext();\n\n  return (\n    <Tooltip label={tooltipLabel} position='right' offset={4} withinPortal>\n      <span>\n        <Menu\n          withinPortal\n          keepMounted\n          opened={isExpanded}\n          onOpenedChange={(opened: boolean) => {\n            setItemExpanded(itemId, opened);\n          }}\n          target={targetLabel}\n          classNames={{\n            menu: classNames?.subnav?.list ?? sidebarSubnavList(),\n            root:\n              classNames?.subnav?.root ??\n              cx(sidebar(), sidebarSubnavCollapsedRoot()),\n            item: classNames?.subnav?.item ?? sidebarSubnavItem(),\n            target: {\n              button:\n                classNames?.button?.root ?? sidebarNavItemButtonCollapsedRoot(),\n              inner: classNames?.button?.inner ?? sidebarNavItemButtonInner(),\n              label: classNames?.button?.label ?? sidebarNavItemButtonLabel(),\n              section:\n                classNames?.button?.section ?? sidebarNavItemButtonSection(),\n            },\n          }}\n          targetButtonProps={{\n            type: 'button',\n            'aria-expanded': isExpanded,\n            'data-expanded': isExpanded || undefined,\n            startSlot: startSlot,\n          }}\n          position='bottom-start'\n        >\n          {children}\n        </Menu>\n      </span>\n    </Tooltip>\n  );\n};\n\nNavItemButtonCollapsed.displayName = 'Sidebar.NavItemButtonCollapsed';\n"],"mappings":"shBA0CA,MAAa,GAA0B,CACrC,SACA,cACA,YACA,WACA,aACA,aACA,kBACiC,CACjC,GAAM,CAAE,mBAAoB,GAAmB,CAE/C,OACE,EAAC,EAAA,CAAQ,MAAO,EAAc,SAAS,QAAQ,OAAQ,EAAG,aAAA,YACxD,EAAC,OAAA,CAAA,SACC,EAAC,EAAA,CACC,aAAA,GACA,YAAA,GACA,OAAQ,EACR,eAAiB,GAAoB,CACnC,EAAgB,EAAQ,EAAO,EAEjC,OAAQ,EACR,WAAY,CACV,KAAM,GAAY,QAAQ,MAAQ,GAAmB,CACrD,KACE,GAAY,QAAQ,MACpB,EAAG,GAAS,CAAE,GAA4B,CAAC,CAC7C,KAAM,GAAY,QAAQ,MAAQ,GAAmB,CACrD,OAAQ,CACN,OACE,GAAY,QAAQ,MAAQ,GAAmC,CACjE,MAAO,GAAY,QAAQ,OAAS,GAA2B,CAC/D,MAAO,GAAY,QAAQ,OAAS,GAA2B,CAC/D,QACE,GAAY,QAAQ,SAAW,GAA6B,CAC/D,CACF,CACD,kBAAmB,CACjB,KAAM,SACN,gBAAiB,EACjB,gBAAiB,GAAc,IAAA,GACpB,YACZ,CACD,SAAS,eAER,YACI,CAAA,CACF,EACC,EAId,EAAuB,YAAc"}
+{"version":3,"file":"SidebarNavItemButtonCollapsed.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItemButtonCollapsed.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Children,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  sidebar,\n  sidebarNavItemButtonCollapsedRoot,\n  sidebarNavItemButtonInner,\n  sidebarNavItemButtonLabel,\n  sidebarNavItemButtonSection,\n  sidebarSubnavCollapsedRoot,\n  sidebarSubnavItem,\n  sidebarSubnavList,\n} from '@mage-ui/styled-system/recipes';\nimport { Tooltip } from '@/components/overlays';\n\nimport { Menu } from '../../menu/Menu';\nimport { MenuModeProvider, useSidebarContext } from './SidebarContext';\nimport { Subnav } from './SidebarSubnav';\n\ntype ElementWithChildren = ReactElement<{ children?: ReactNode }>;\n\nconst toMenuItems = (subnav: ReactNode): ReactNode => {\n  if (!isValidElement(subnav) || subnav.type !== Subnav) {\n    return subnav;\n  }\n\n  return Children.toArray((subnav as ElementWithChildren).props.children).map(\n    (node, index) => {\n      const key = isValidElement(node) && node.key != null ? node.key : index;\n\n      return <Menu.Item key={key}>{node}</Menu.Item>;\n    },\n  );\n};\n\nexport type NavItemButtonCollapsedProps = {\n  itemId: string;\n  label?: ReactNode;\n  startSlot: ReactNode;\n  children?: ReactNode;\n  classNames?: {\n    button?: {\n      root?: string;\n      inner?: string;\n      label?: string;\n      section?: string;\n    };\n    subnav?: {\n      root?: string;\n      list?: string;\n      item?: string;\n    };\n  };\n};\n\nexport const NavItemButtonCollapsed = ({\n  itemId,\n  label,\n  startSlot,\n  children,\n  classNames,\n}: NavItemButtonCollapsedProps) => {\n  const { toggleItem, isItemExpanded } = useSidebarContext();\n  const isExpanded = isItemExpanded(itemId);\n\n  return (\n    <Tooltip label={label} position='right' offset={4} withinPortal>\n      <span>\n        <Menu\n          withinPortal\n          opened={isExpanded}\n          onOpenedChange={() => toggleItem(itemId)}\n          target={label}\n          classNames={{\n            menu: classNames?.subnav?.list ?? sidebarSubnavList(),\n            root:\n              classNames?.subnav?.root ??\n              cx(sidebar(), sidebarSubnavCollapsedRoot()),\n            item: classNames?.subnav?.item ?? sidebarSubnavItem(),\n            target: {\n              button:\n                classNames?.button?.root ?? sidebarNavItemButtonCollapsedRoot(),\n              inner: classNames?.button?.inner ?? sidebarNavItemButtonInner(),\n              label: classNames?.button?.label ?? sidebarNavItemButtonLabel(),\n              section:\n                classNames?.button?.section ?? sidebarNavItemButtonSection(),\n            },\n          }}\n          targetButtonProps={{\n            type: 'button',\n            'aria-expanded': isExpanded || undefined,\n            'data-expanded': isExpanded || undefined,\n            startSlot,\n          }}\n          position='bottom-start'\n        >\n          <MenuModeProvider value={true}>\n            {toMenuItems(children)}\n          </MenuModeProvider>\n        </Menu>\n      </span>\n    </Tooltip>\n  );\n};\n"],"mappings":"8oBA4BA,MAAM,EAAe,GACf,CAAC,EAAe,EAAO,EAAI,EAAO,OAAS,EACtC,EAGF,EAAS,QAAS,EAA+B,MAAM,SAAS,CAAC,KACrE,EAAM,IAAU,CACf,IAAM,EAAM,EAAe,EAAK,EAAI,EAAK,KAAO,KAAO,EAAK,IAAM,EAElE,OAAO,EAAC,EAAK,KAAA,CAAA,SAAgB,EAAA,CAAN,EAAuB,EAEjD,CAuBU,GAA0B,CACrC,SACA,QACA,YACA,WACA,gBACiC,CACjC,GAAM,CAAE,aAAY,kBAAmB,GAAmB,CACpD,EAAa,EAAe,EAAO,CAEzC,OACE,EAAC,EAAA,CAAe,QAAO,SAAS,QAAQ,OAAQ,EAAG,aAAA,YACjD,EAAC,OAAA,CAAA,SACC,EAAC,EAAA,CACC,aAAA,GACA,OAAQ,EACR,mBAAsB,EAAW,EAAO,CACxC,OAAQ,EACR,WAAY,CACV,KAAM,GAAY,QAAQ,MAAQ,GAAmB,CACrD,KACE,GAAY,QAAQ,MACpB,EAAG,GAAS,CAAE,GAA4B,CAAC,CAC7C,KAAM,GAAY,QAAQ,MAAQ,GAAmB,CACrD,OAAQ,CACN,OACE,GAAY,QAAQ,MAAQ,GAAmC,CACjE,MAAO,GAAY,QAAQ,OAAS,GAA2B,CAC/D,MAAO,GAAY,QAAQ,OAAS,GAA2B,CAC/D,QACE,GAAY,QAAQ,SAAW,GAA6B,CAC/D,CACF,CACD,kBAAmB,CACjB,KAAM,SACN,gBAAiB,GAAc,IAAA,GAC/B,gBAAiB,GAAc,IAAA,GAC/B,YACD,CACD,SAAS,wBAET,EAAC,EAAA,CAAiB,MAAO,YACtB,EAAY,EAAS,EACL,EACd,CAAA,CACF,EACC"}

package/dist/components/navigations/sidebars/sidebar/SidebarNavItemLink.d.mts

@@ -12,17 +12,10 @@ type NavItemLinkProps = {
   endSlot?: ReactNode;
   classNames?: {
     link?: LinkType;
-    subnav?: {
-      link?: LinkType;
-    };
   };
-  tooltipLabel?: ReactNode;
-  withTooltip?: boolean;
   isSelected?: boolean;
-  isExpanded?: boolean;
   isVisible?: boolean;
-  isSubnav?: boolean;
 };
 //#endregion
-export { LinkType, NavItemLinkProps };
+export { NavItemLinkProps };
 //# sourceMappingURL=SidebarNavItemLink.d.mts.map

package/dist/components/navigations/sidebars/sidebar/SidebarNavItemLink.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavItemLink.d.mts","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItemLink.tsx"],"mappings":";;;;KAYY,QAAA;EACV,MAAA;EACA,KAAA;AAAA;AAAA,KAGU,gBAAA;EACV,QAAA,GAAW,SAAA;EACX,SAAA,GAAY,SAAA;EACZ,OAAA,GAAU,SAAA;EACV,UAAA;IACE,IAAA,GAAO,QAAA;IACP,MAAA;MACE,IAAA,GAAO,QAAA;IAAA;EAAA;EAGX,YAAA,GAAe,SAAA;EACf,WAAA;EACA,UAAA;EACA,UAAA;EACA,SAAA;EACA,QAAA;AAAA"}
+{"version":3,"file":"SidebarNavItemLink.d.mts","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItemLink.tsx"],"mappings":";;;;KAiBY,QAAA;EACV,MAAA;EACA,KAAA;AAAA;AAAA,KAGU,gBAAA;EACV,QAAA,GAAW,SAAA;EACX,SAAA,GAAY,SAAA;EACZ,OAAA,GAAU,SAAA;EACV,UAAA;IACE,IAAA,GAAO,QAAA;EAAA;EAET,UAAA;EACA,SAAA;AAAA"}

package/dist/components/navigations/sidebars/sidebar/SidebarNavItemLink.mjs

@@ -1,2 +1,2 @@
-import{useSidebarContext as e}from"./SidebarContext.mjs";import{Tooltip as t}from"../../../overlays/tooltip/Tooltip.mjs";import{sidebarNavItemLinkAnchor as n,sidebarNavItemLinkLabel as r,sidebarSubnavItemLinkAnchor as i,sidebarSubnavItemLinkLabel as a}from"@mage-ui/styled-system/recipes";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({children:c,startSlot:l,endSlot:u,classNames:d,tooltipLabel:f,withTooltip:p=!0,isSelected:m,isExpanded:h,isVisible:g=!0,isSubnav:_=!1})=>{let{isCollapsed:v}=e();if(!g)return null;let y=_?d?.subnav?.link?.anchor??i():d?.link?.anchor??n(),b=_?d?.subnav?.link?.label??a():d?.link?.label??r(),x=s(`span`,{className:y,"data-selected":m||void 0,"data-expanded":h||void 0,children:[l,o(`span`,{className:b,children:c}),u]});return p?o(t,{label:f??c,position:`right`,offset:4,disabled:!v,children:x}):x};c.displayName=`Sidebar.NavItemLink`;export{c as NavItemLink};
+import{useMenuMode as e,useSidebarContext as t,useSubnavDepth as n}from"./SidebarContext.mjs";import{NavItem as r}from"./SidebarNavItem.mjs";import{Tooltip as i}from"../../../overlays/tooltip/Tooltip.mjs";import{sidebarNavItemLinkAnchor as a,sidebarNavItemLinkLabel as o,sidebarSubnavItemLinkAnchor as s,sidebarSubnavItemLinkLabel as c}from"@mage-ui/styled-system/recipes";import{jsx as l,jsxs as u}from"react/jsx-runtime";const d=({children:d,startSlot:f,endSlot:p,classNames:m,isSelected:h,isVisible:g=!0})=>{let{isCollapsed:_}=t(),v=n()>0,y=e(),b=v?m?.link?.anchor??s():m?.link?.anchor??a(),x=v?m?.link?.label??c():m?.link?.label??o(),S=u(`span`,{className:b,"data-selected":h||void 0,children:[f,l(`span`,{className:x,children:d}),p]}),C=y?S:l(i,{label:d,position:`right`,offset:4,disabled:!_,children:S});return y?g?C:null:l(r,{isVisible:g,children:C})};d.displayName=`Sidebar.ItemLink`;export{d as NavItemLink};
 //# sourceMappingURL=SidebarNavItemLink.mjs.map

package/dist/components/navigations/sidebars/sidebar/SidebarNavItemLink.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavItemLink.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItemLink.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  sidebarNavItemLinkAnchor,\n  sidebarNavItemLinkLabel,\n  sidebarSubnavItemLinkAnchor,\n  sidebarSubnavItemLinkLabel,\n} from '@mage-ui/styled-system/recipes';\nimport { Tooltip } from '@/components/overlays';\n\nimport { useSidebarContext } from './SidebarContext';\n\nexport type LinkType = {\n  anchor?: string;\n  label?: string;\n};\n\nexport type NavItemLinkProps = {\n  children?: ReactNode;\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  classNames?: {\n    link?: LinkType;\n    subnav?: {\n      link?: LinkType;\n    };\n  };\n  tooltipLabel?: ReactNode;\n  withTooltip?: boolean;\n  isSelected?: boolean;\n  isExpanded?: boolean;\n  isVisible?: boolean;\n  isSubnav?: boolean;\n};\n\nexport const NavItemLink = ({\n  children,\n  startSlot,\n  endSlot,\n  classNames,\n  tooltipLabel,\n  withTooltip = true,\n  isSelected,\n  isExpanded,\n  isVisible = true,\n  isSubnav = false,\n}: NavItemLinkProps) => {\n  const { isCollapsed } = useSidebarContext();\n\n  if (!isVisible) {\n    return null;\n  }\n\n  const anchorClassName = isSubnav\n    ? (classNames?.subnav?.link?.anchor ?? sidebarSubnavItemLinkAnchor())\n    : (classNames?.link?.anchor ?? sidebarNavItemLinkAnchor());\n  const labelClassName = isSubnav\n    ? (classNames?.subnav?.link?.label ?? sidebarSubnavItemLinkLabel())\n    : (classNames?.link?.label ?? sidebarNavItemLinkLabel());\n\n  const content = (\n    <span\n      className={anchorClassName}\n      data-selected={isSelected || undefined}\n      data-expanded={isExpanded || undefined}\n    >\n      {startSlot}\n      <span className={labelClassName}>{children}</span>\n      {endSlot}\n    </span>\n  );\n\n  if (!withTooltip) {\n    return content;\n  }\n\n  return (\n    <Tooltip\n      label={tooltipLabel ?? children}\n      position='right'\n      offset={4}\n      disabled={!isCollapsed}\n    >\n      {content}\n    </Tooltip>\n  );\n};\n\nNavItemLink.displayName = 'Sidebar.NavItemLink';\n"],"mappings":"mVAmCA,MAAa,GAAe,CAC1B,WACA,YACA,UACA,aACA,eACA,cAAc,GACd,aACA,aACA,YAAY,GACZ,WAAW,MACW,CACtB,GAAM,CAAE,eAAgB,GAAmB,CAE3C,GAAI,CAAC,EACH,OAAO,KAGT,IAAM,EAAkB,EACnB,GAAY,QAAQ,MAAM,QAAU,GAA6B,CACjE,GAAY,MAAM,QAAU,GAA0B,CACrD,EAAiB,EAClB,GAAY,QAAQ,MAAM,OAAS,GAA4B,CAC/D,GAAY,MAAM,OAAS,GAAyB,CAEnD,EACJ,EAAC,OAAA,CACC,UAAW,EACX,gBAAe,GAAc,IAAA,GAC7B,gBAAe,GAAc,IAAA,aAE5B,EACD,EAAC,OAAA,CAAK,UAAW,EAAiB,YAAgB,CACjD,IACI,CAOT,OAJK,EAKH,EAAC,EAAA,CACC,MAAO,GAAgB,EACvB,SAAS,QACT,OAAQ,EACR,SAAU,CAAC,WAEV,GACO,CAXH,GAeX,EAAY,YAAc"}
+{"version":3,"file":"SidebarNavItemLink.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItemLink.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  sidebarNavItemLinkAnchor,\n  sidebarNavItemLinkLabel,\n  sidebarSubnavItemLinkAnchor,\n  sidebarSubnavItemLinkLabel,\n} from '@mage-ui/styled-system/recipes';\nimport { Tooltip } from '@/components/overlays';\n\nimport {\n  useMenuMode,\n  useSidebarContext,\n  useSubnavDepth,\n} from './SidebarContext';\nimport { NavItem } from './SidebarNavItem';\n\nexport type LinkType = {\n  anchor?: string;\n  label?: string;\n};\n\nexport type NavItemLinkProps = {\n  children?: ReactNode;\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  classNames?: {\n    link?: LinkType;\n  };\n  isSelected?: boolean;\n  isVisible?: boolean;\n};\n\nexport const NavItemLink = ({\n  children,\n  startSlot,\n  endSlot,\n  classNames,\n  isSelected,\n  isVisible = true,\n}: NavItemLinkProps) => {\n  const { isCollapsed } = useSidebarContext();\n  const isSubnav = useSubnavDepth() > 0;\n  const inMenu = useMenuMode();\n\n  const anchorClassName = isSubnav\n    ? (classNames?.link?.anchor ?? sidebarSubnavItemLinkAnchor())\n    : (classNames?.link?.anchor ?? sidebarNavItemLinkAnchor());\n\n  const labelClassName = isSubnav\n    ? (classNames?.link?.label ?? sidebarSubnavItemLinkLabel())\n    : (classNames?.link?.label ?? sidebarNavItemLinkLabel());\n\n  const content = (\n    <span className={anchorClassName} data-selected={isSelected || undefined}>\n      {startSlot}\n      <span className={labelClassName}>{children}</span>\n      {endSlot}\n    </span>\n  );\n\n  const linkContent = !inMenu ? (\n    <Tooltip\n      label={children}\n      position='right'\n      offset={4}\n      disabled={!isCollapsed}\n    >\n      {content}\n    </Tooltip>\n  ) : (\n    content\n  );\n\n  if (inMenu) {\n    if (!isVisible) return null;\n    return linkContent;\n  }\n\n  return <NavItem isVisible={isVisible}>{linkContent}</NavItem>;\n};\n\nNavItemLink.displayName = 'Sidebar.ItemLink';\n"],"mappings":"uaAiCA,MAAa,GAAe,CAC1B,WACA,YACA,UACA,aACA,aACA,YAAY,MACU,CACtB,GAAM,CAAE,eAAgB,GAAmB,CACrC,EAAW,GAAgB,CAAG,EAC9B,EAAS,GAAa,CAEtB,EAAkB,EACnB,GAAY,MAAM,QAAU,GAA6B,CACzD,GAAY,MAAM,QAAU,GAA0B,CAErD,EAAiB,EAClB,GAAY,MAAM,OAAS,GAA4B,CACvD,GAAY,MAAM,OAAS,GAAyB,CAEnD,EACJ,EAAC,OAAA,CAAK,UAAW,EAAiB,gBAAe,GAAc,IAAA,aAC5D,EACD,EAAC,OAAA,CAAK,UAAW,EAAiB,YAAgB,CACjD,IACI,CAGH,EAAe,EAUnB,EATA,EAAC,EAAA,CACC,MAAO,EACP,SAAS,QACT,OAAQ,EACR,SAAU,CAAC,WAEV,GACO,CAUZ,OALI,EACG,EACE,EADgB,KAIlB,EAAC,EAAA,CAAmB,qBAAY,GAAsB,EAG/D,EAAY,YAAc"}

package/dist/components/navigations/sidebars/sidebar/SidebarNavList.mjs

@@ -1,2 +1,2 @@
-import{sidebarNavList as e}from"@mage-ui/styled-system/recipes";import{jsx as t}from"react/jsx-runtime";const n=({classNames:n,children:r})=>t(`ul`,{className:n?.nav?.list??e(),children:r});n.displayName=`Sidebar.NavList`;export{n as NavList};
+import{sidebarNavList as e}from"@mage-ui/styled-system/recipes";import{jsx as t}from"react/jsx-runtime";const n=({classNames:n,children:r})=>t(`ul`,{className:n?.nav?.list??e(),children:r});export{n as NavList};
 //# sourceMappingURL=SidebarNavList.mjs.map

package/dist/components/navigations/sidebars/sidebar/SidebarNavList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavList.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavList.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { sidebarNavList } from '@mage-ui/styled-system/recipes';\n\ntype NavListProps = {\n  classNames?: {\n    nav?: {\n      list?: string;\n    };\n  };\n  children?: ReactNode;\n};\n\nexport const NavList = ({ classNames, children }: NavListProps) => {\n  return (\n    <ul className={classNames?.nav?.list ?? sidebarNavList()}>{children}</ul>\n  );\n};\n\nNavList.displayName = 'Sidebar.NavList';\n"],"mappings":"wGAaA,MAAa,GAAW,CAAE,aAAY,cAElC,EAAC,KAAA,CAAG,UAAW,GAAY,KAAK,MAAQ,GAAgB,CAAG,YAAc,CAI7E,EAAQ,YAAc"}
+{"version":3,"file":"SidebarNavList.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavList.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { sidebarNavList } from '@mage-ui/styled-system/recipes';\n\ntype NavListProps = {\n  classNames?: {\n    nav?: {\n      list?: string;\n    };\n  };\n  children?: ReactNode;\n};\n\nexport const NavList = ({ classNames, children }: NavListProps) => {\n  return (\n    <ul className={classNames?.nav?.list ?? sidebarNavList()}>{children}</ul>\n  );\n};\n"],"mappings":"wGAaA,MAAa,GAAW,CAAE,aAAY,cAElC,EAAC,KAAA,CAAG,UAAW,GAAY,KAAK,MAAQ,GAAgB,CAAG,YAAc"}

package/dist/components/navigations/sidebars/sidebar/{SidebarNavItemButton.d.mts → SidebarSubNavItem.d.mts}

@@ -1,16 +1,16 @@
 import "react/jsx-runtime";
 import { ReactNode } from "react";
 
-//#region src/components/navigations/sidebars/sidebar/SidebarNavItemButton.d.ts
-type NavItemButtonProps = {
-  id?: string;
-  children?: ReactNode;
+//#region src/components/navigations/sidebars/sidebar/SidebarSubNavItem.d.ts
+type SubNavItemProps = {
+  label?: ReactNode;
   startSlot: ReactNode;
   endSlot?: ReactNode;
-  subnav: ReactNode;
-  collapsedSubnav?: ReactNode;
   onClick?: () => void;
+  isVisible?: boolean;
   classNames?: {
+    item?: string;
+    subnavItem?: string;
     button?: {
       root?: string;
       inner?: string;
@@ -19,18 +19,12 @@ type NavItemButtonProps = {
       iconToggle?: string;
     };
     subnav?: {
-      list?: string;
-      item?: string;
-      link?: {
-        anchor?: string;
-        label?: string;
-      };
       root?: string;
+      list?: string;
     };
   };
-  isVisible?: boolean;
-  tooltipLabel?: ReactNode;
+  children?: ReactNode;
 };
 //#endregion
-export { NavItemButtonProps };
-//# sourceMappingURL=SidebarNavItemButton.d.mts.map
+export { SubNavItemProps };
+//# sourceMappingURL=SidebarSubNavItem.d.mts.map

package/dist/components/navigations/sidebars/sidebar/SidebarSubNavItem.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarSubNavItem.d.mts","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarSubNavItem.tsx"],"mappings":";;;;KAMY,eAAA;EACV,KAAA,GAAQ,SAAA;EACR,SAAA,EAAW,SAAA;EACX,OAAA,GAAU,SAAA;EACV,OAAA;EACA,SAAA;EACA,UAAA;IACE,IAAA;IACA,UAAA;IACA,MAAA;MACE,IAAA;MACA,KAAA;MACA,KAAA;MACA,OAAA;MACA,UAAA;IAAA;IAEF,MAAA;MACE,IAAA;MACA,IAAA;IAAA;EAAA;EAGJ,QAAA,GAAW,SAAA;AAAA"}

package/dist/components/navigations/sidebars/sidebar/SidebarSubNavItem.mjs

@@ -0,0 +1,2 @@
+import{NavItem as e}from"./SidebarNavItem.mjs";import{Subnav as t}from"./SidebarSubnav.mjs";import{NavItemButton as n}from"./SidebarNavItemButton.mjs";import{jsx as r}from"react/jsx-runtime";const i=({children:i,isVisible:a=!0,classNames:o,...s})=>r(e,{isVisible:a,classNames:o,children:r(n,{classNames:o,...s,children:r(t,{classNames:o?.subnav,children:i})})});i.displayName=`Sidebar.SubNav`;export{i as SubNavItem};
+//# sourceMappingURL=SidebarSubNavItem.mjs.map

package/dist/components/navigations/sidebars/sidebar/SidebarSubNavItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarSubNavItem.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarSubNavItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { NavItem } from './SidebarNavItem';\nimport { NavItemButton } from './SidebarNavItemButton';\nimport { Subnav } from './SidebarSubnav';\n\nexport type SubNavItemProps = {\n  label?: ReactNode;\n  startSlot: ReactNode;\n  endSlot?: ReactNode;\n  onClick?: () => void;\n  isVisible?: boolean;\n  classNames?: {\n    item?: string;\n    subnavItem?: string;\n    button?: {\n      root?: string;\n      inner?: string;\n      label?: string;\n      section?: string;\n      iconToggle?: string;\n    };\n    subnav?: {\n      root?: string;\n      list?: string;\n    };\n  };\n  children?: ReactNode;\n};\n\nexport const SubNavItem = ({\n  children,\n  isVisible = true,\n  classNames,\n  ...props\n}: SubNavItemProps) => {\n  return (\n    <NavItem isVisible={isVisible} classNames={classNames}>\n      <NavItemButton classNames={classNames} {...props}>\n        <Subnav classNames={classNames?.subnav}>{children}</Subnav>\n      </NavItemButton>\n    </NavItem>\n  );\n};\n\nSubNavItem.displayName = 'Sidebar.SubNav';\n"],"mappings":"+LA8BA,MAAa,GAAc,CACzB,WACA,YAAY,GACZ,aACA,GAAG,KAGD,EAAC,EAAA,CAAmB,YAAuB,sBACzC,EAAC,EAAA,CAA0B,aAAY,GAAI,WACzC,EAAC,EAAA,CAAO,WAAY,GAAY,OAAS,YAAkB,EAC7C,EACR,CAId,EAAW,YAAc"}

package/dist/components/navigations/sidebars/sidebar/SidebarSubnav.mjs

@@ -1,2 +1,2 @@
-import{sidebarSubnavList as e,sidebarSubnavRoot as t}from"@mage-ui/styled-system/recipes";import{jsx as n}from"react/jsx-runtime";const r=({classNames:r,isVisible:i=!0,children:a})=>i?n(`div`,{className:r?.subnav?.root??t(),children:n(`ul`,{className:r?.subnav?.list??e(),children:a})}):null;r.displayName=`Sidebar.Subnav`;export{r as Subnav};
+import{SubnavDepthProvider as e,useSubnavDepth as t}from"./SidebarContext.mjs";import{sidebarSubnavList as n,sidebarSubnavRoot as r}from"@mage-ui/styled-system/recipes";import{jsx as i}from"react/jsx-runtime";const a=({isVisible:a=!0,classNames:o,children:s})=>{let c=t();return a?i(e,{value:c+1,children:i(`div`,{className:o?.root??r(),children:i(`ul`,{className:o?.list??n(),children:s})})}):null};export{a as Subnav};
 //# sourceMappingURL=SidebarSubnav.mjs.map

package/dist/components/navigations/sidebars/sidebar/SidebarSubnav.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarSubnav.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarSubnav.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  sidebarSubnavList,\n  sidebarSubnavRoot,\n} from '@mage-ui/styled-system/recipes';\n\nexport type SubnavProps = {\n  classNames?: {\n    subnav?: {\n      list?: string;\n      root?: string;\n    };\n  };\n  isVisible?: boolean;\n  children?: ReactNode;\n};\n\nexport const Subnav = ({\n  classNames,\n  isVisible = true,\n  children,\n}: SubnavProps) => {\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <div className={classNames?.subnav?.root ?? sidebarSubnavRoot()}>\n      <ul className={classNames?.subnav?.list ?? sidebarSubnavList()}>\n        {children}\n      </ul>\n    </div>\n  );\n};\n\nSubnav.displayName = 'Sidebar.Subnav';\n"],"mappings":"kIAkBA,MAAa,GAAU,CACrB,aACA,YAAY,GACZ,cAEK,EAKH,EAAC,MAAA,CAAI,UAAW,GAAY,QAAQ,MAAQ,GAAmB,UAC7D,EAAC,KAAA,CAAG,UAAW,GAAY,QAAQ,MAAQ,GAAmB,CAC3D,YACE,EACD,CARC,KAYX,EAAO,YAAc"}
+{"version":3,"file":"SidebarSubnav.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarSubnav.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  sidebarSubnavList,\n  sidebarSubnavRoot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { SubnavDepthProvider, useSubnavDepth } from './SidebarContext';\n\ntype SubnavProps = {\n  isVisible?: boolean;\n  classNames?: {\n    root?: string;\n    list?: string;\n  };\n  children?: ReactNode;\n};\n\nexport const Subnav = ({\n  isVisible = true,\n  classNames,\n  children,\n}: SubnavProps) => {\n  const depth = useSubnavDepth();\n\n  if (!isVisible) return null;\n\n  return (\n    <SubnavDepthProvider value={depth + 1}>\n      <div className={classNames?.root ?? sidebarSubnavRoot()}>\n        <ul className={classNames?.list ?? sidebarSubnavList()}>{children}</ul>\n      </div>\n    </SubnavDepthProvider>\n  );\n};\n"],"mappings":"iNAkBA,MAAa,GAAU,CACrB,YAAY,GACZ,aACA,cACiB,CACjB,IAAM,EAAQ,GAAgB,CAI9B,OAFK,EAGH,EAAC,EAAA,CAAoB,MAAO,EAAQ,WAClC,EAAC,MAAA,CAAI,UAAW,GAAY,MAAQ,GAAmB,UACrD,EAAC,KAAA,CAAG,UAAW,GAAY,MAAQ,GAAmB,CAAG,YAAc,EACnE,EACc,CAPD"}

package/dist/components/overlays/modal/Modal.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { HTMLAttributes, ReactNode } from "react";
 
 //#region src/components/overlays/modal/Modal.d.ts
@@ -41,7 +41,7 @@ declare const Modal: {
     withinPortal,
     keepMounted,
     classNames
-  }: ModalProps): react_jsx_runtime1.JSX.Element;
+  }: ModalProps): react_jsx_runtime0.JSX.Element;
   Root: {
     ({
       opened,
@@ -53,13 +53,13 @@ declare const Modal: {
       centered,
       classNames,
       intent
-    }: ModalRootProps): react_jsx_runtime1.JSX.Element;
+    }: ModalRootProps): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   Overlay: {
     (_: {
       children?: never;
-    }): react_jsx_runtime1.JSX.Element;
+    }): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   Content: {
@@ -67,7 +67,7 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime1.JSX.Element;
+    }): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   Header: {
@@ -75,7 +75,7 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime1.JSX.Element;
+    }): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   Body: {
@@ -83,7 +83,7 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime1.JSX.Element;
+    }): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   Title: {
@@ -91,11 +91,11 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime1.JSX.Element;
+    }): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   CloseButton: {
-    (): react_jsx_runtime1.JSX.Element;
+    (): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -103,7 +103,7 @@ declare const Modal: {
       children,
       className,
       ...props
-    }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime1.JSX.Element;
+    }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
 };