@optiaxiom/react 0.11.1 → 0.12.1

package/dist/packages/react/src/icons/IconCalendar.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const IconCalendar = withIcon(
+  {
+    name: "IconCalendar"
+  },
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M13.5 0.5C13.5 0.223858 13.2761 0 13 0C12.7239 0 12.5 0.223858 12.5 0.5V2H7.5V0.5C7.5 0.223858 7.27614 0 7 0C6.72386 0 6.5 0.223858 6.5 0.5V2H5.33333C4.04467 2 3 3.04467 3 4.33333V13.6667C3 14.9553 4.04467 16 5.33333 16H14.6667C15.9553 16 17 14.9553 17 13.6667V4.33333C17 3.04467 15.9553 2 14.6667 2H13.5V0.5ZM5.33333 3H7H13H14.6667C15.403 3 16 3.59695 16 4.33333V5.16666H4V4.33333C4 3.59695 4.59695 3 5.33333 3ZM4 6.16666V13.6667C4 14.403 4.59695 15 5.33333 15H14.6667C15.403 15 16 14.403 16 13.6667V6.16666H4Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    }
+  )
+);
+
+export { IconCalendar };

package/dist/packages/react/src/icons/IconEllipsisSolid.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const IconEllipsisSolid = withIcon(
+  {
+    name: "IconEllipsisSolid",
+    viewBox: "0 0 448 512"
+  },
+  // <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z",
+      fill: "currentColor"
+    }
+  )
+);
+
+export { IconEllipsisSolid };

package/dist/packages/react/src/indicator/Indicator-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-CGWnNFYH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-CjtvQEZ9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'otix31',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1k0bb6w']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'k82hs2']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1mxhdtd'],variants:{offset:{false:'_1nwsvon',true:{}},position:{'bottom-right':'_1inkyd','top-right':'_10nj7x6'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1r67o3o']});
+var badge = recipeRuntime({base:'_1jvcf48',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_15hmahz']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'pnlh7y']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_182xg32'],variants:{offset:{false:'_1nwqezg',true:{}},position:{'bottom-right':'wiv9cj','top-right':'_1qact43'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'kmn00p']});
 
 export { badge, floating, indicator };

package/dist/packages/react/src/inline-input/InlineInput-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-XKmjiNx0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-Bd4TmVBe.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var editor = recipeRuntime({base:'_1qi0kiq',variants:{empty:{false:{},true:'_1424im'}}});
-var input = recipeRuntime({base:'_9lxc7'});
+var editor = recipeRuntime({base:'_4vc6o9',variants:{empty:{false:{},true:'_13v0v1o'}}});
+var input = recipeRuntime({base:'vbfnqu'});
 
 export { editor, input };

package/dist/packages/react/src/input/Input-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var addon = recipeRuntime({base:{display:'flex',flex:'none'}});

package/dist/packages/react/src/input-context/InputContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from '@radix-ui/react-context';
 
 const [InputContextProvider, useInputContext] = createContext("InputRoot");

package/dist/packages/react/src/input-control/InputControl-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-Xh4Joc5P.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-CjmvJlqC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_186wod6',{bg:'transparent',flex:'auto',w:'full'},'_1p7prbr','_1tbyc9r'],variants:{size:{md:{},lg:{},xl:['_1cidawl']}}});
+var control = recipeRuntime({base:['rol9wp',{bg:'transparent',flex:'auto',w:'full'},'_1evr2uj','_1dao1w6'],variants:{size:{md:{},lg:{},xl:['_1i754vp']}}});
 
 export { control };

package/dist/packages/react/src/input-root/InputRoot-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Vo2OEHTD.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-Xh4Joc5P.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-KLJIi8F-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BgJJG2w1.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-CjmvJlqC.css';
+import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-DsBa61rD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'qr6mzc']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_7u59zh']});
 
 export { root };

package/dist/packages/react/src/kbd/Kbd-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-D__K_Wn9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-DUl9pW_8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var kbd = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'_69s5kk'],variants:{variant:{outline:{border:'1',borderB:'2',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
-var keys = recipeRuntime({base:'_1p19sdp',variants:{variant:{outline:'_6xi1ru',subtle:{}}}});
+var kbd = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'u13l8f'],variants:{variant:{outline:{border:'1',borderB:'2',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
+var keys = recipeRuntime({base:'_19e0g9s',variants:{variant:{outline:'r2ju4l',subtle:{}}}});
 
 export { kbd, keys };

package/dist/packages/react/src/layers/layers-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._11qbkaq';
-var reset = 'optiaxiom._1n442qx';
+var components = 'optiaxiom._107fbc8';
+var reset = 'optiaxiom._1h1dwjo';
 var theme = 'optiaxiom.theme';
 
 export { axiom, base, components, reset, theme };

package/dist/packages/react/src/link/Link-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-DJuQfe6I.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-CN29HUK1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'njq8hh']});
-var link = recipeRuntime({base:['_1awgg80'],variants:{appearance:{'default':'_1lbm7h7',inverse:'_17si5be',subtle:'_8342sx'},overlay:{false:{},true:'_1erhngb'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'aaqfdv']});
+var link = recipeRuntime({base:['_13lrn0z','_10xnmih'],variants:{appearance:{'default':'o4qd3c',inverse:'_1vv0his',subtle:'_1r3cner'},overlay:{false:{},true:'_1bqb832'}}});
 
 export { icon, link };

package/dist/packages/react/src/link/Link.js

@@ -34,6 +34,7 @@ const Link = forwardRef(
           {
             "aria-disabled": disabled,
             "data-disabled": disabled ? "" : undefined,
+            "data-overlay": overlay ? "" : undefined,
             href,
             ref,
             ...external && { rel: "noopener noreferrer", target: "_blank" },

package/dist/packages/react/src/listbox-checkbox-item/ListboxCheckboxItem.js

@@ -14,7 +14,9 @@ const ListboxCheckboxItem = forwardRef(({ addonBefore, icon, ...props }, ref) =>
         /* @__PURE__ */ jsx(
           Checkbox,
           {
-            checked: Boolean(props["aria-selected"]),
+            checked: Boolean(
+              props[props["role"] === "option" ? "aria-selected" : "aria-checked"]
+            ),
             disabled: Boolean(props["aria-disabled"]),
             pointerEvents: "none",
             tabIndex: -1

package/dist/packages/react/src/listbox-group-context/ListboxGroupContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from '@radix-ui/react-context';
 
 const [ListboxGroupContextProvider, useListboxGroupContext] = createContext("ListboxGroup", { id: undefined });

package/dist/packages/react/src/listbox-item/ListboxItem-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-53sn-tfO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-CYmLxt0f.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'_15yfbtf']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_4snb2l'],variants:{intent:{danger:'_1c27g08',neutral:'vbhw30'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_1uu0o08']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'tbf96a']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'vfddon'],variants:{intent:{danger:'_1h6h8pr',neutral:'_1h3i82w'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_1pz0bou']});
 
 export { description, item, title };

package/dist/packages/react/src/listbox-radio-item/ListboxRadioItem.js

@@ -11,7 +11,14 @@ const ListboxRadioItem = forwardRef(({ addonAfter, ...props }, ref) => {
     {
       addonAfter: /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", gap: "8", children: [
         addonAfter,
-        /* @__PURE__ */ jsx(ListboxItemIndicator, { active: Boolean(props["aria-selected"]) })
+        /* @__PURE__ */ jsx(
+          ListboxItemIndicator,
+          {
+            active: Boolean(
+              props[props["role"] === "option" ? "aria-selected" : "aria-checked"]
+            )
+          }
+        )
       ] }),
       ref,
       ...props

package/dist/packages/react/src/menu-listbox/MenuListbox-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BraALMiH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-Df9sANNY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_14njr86'],variants:{maxH:{xs:'kqadsq',sm:'_7us88',md:'g7gctj',lg:'csxzda',full:{}},minW:{'0':{},trigger:'pkwjuk'},provider:{'dropdown-menu':'sgtiup',popover:'ojc9ko',popper:'_1gh8y0i'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1lm7fcp'],variants:{maxH:{xs:'_1irfjrz',sm:'exwlj9',md:'_1bt9c3l',lg:'q0ba9n',full:{}},minW:{'0':{},trigger:'covmd1'},provider:{'dropdown-menu':'_16tjstw',popover:'_17opktc',popper:'ounbht'}}});
 
 export { listbox };

package/dist/packages/react/src/nav/Nav-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-DdDIoa3G.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1gycjx1']});
+
+export { nav };

package/dist/packages/react/src/nav/Nav.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Flex } from '../flex/Flex.js';
+import { useSidebarContext } from '../sidebar-context/SidebarContext.js';
+import { nav } from './Nav-css.js';
+
+const Nav = forwardRef(
+  ({ children, ...props }, ref) => {
+    const { expanded } = useSidebarContext("Nav");
+    return /* @__PURE__ */ jsx(Flex, { borderR: "1", h: "full", ref, w: "fit", ...props, children: /* @__PURE__ */ jsx(Flex, { asChild: true, ...nav(), w: expanded ? "224" : "56", children: /* @__PURE__ */ jsx("nav", { "aria-label": "Main", children }) }) });
+  }
+);
+Nav.displayName = "@optiaxiom/react/Nav";
+
+export { Nav };

package/dist/packages/react/src/nav-account-item/NavAccountItem-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-Cbg3QYdp.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var item = recipeRuntime({base:{flex:'1',flexDirection:'row',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1hoxi9o',true:'_1cl122b'}}});
+
+export { item };

package/dist/packages/react/src/{sidenav-account-item/SidenavAccountItem.js → nav-account-item/NavAccountItem.js}

@@ -7,12 +7,12 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Flex } from '../flex/Flex.js';
 import { IconEllipsis } from '../icons/IconEllipsis.js';
-import { useSidenavContext } from '../sidenav-context/SidenavContext.js';
+import { useSidebarContext } from '../sidebar-context/SidebarContext.js';
 import { Text } from '../text/Text.js';
-import { Transition } from '../transition/Transition.js';
+import { item } from './NavAccountItem-css.js';
 
-const SidenavAccountItem = forwardRef(({ name, organization, src, ...props }, ref) => {
-  const { animations, expanded } = useSidenavContext("SidenavAccountItem");
+const NavAccountItem = forwardRef(({ name, organization, src, ...props }, ref) => {
+  const { expanded } = useSidebarContext("NavAccountItem");
   return /* @__PURE__ */ jsx(Flex, { my: "8", role: "listitem", children: /* @__PURE__ */ jsx(
     Flex,
     {
@@ -35,17 +35,17 @@ const SidenavAccountItem = forwardRef(({ name, organization, src, ...props }, re
             src
           }
         ),
-        expanded && /* @__PURE__ */ jsx(Transition, { skipAnimations: !animations, children: /* @__PURE__ */ jsxs(Flex, { flex: "1", flexDirection: "row", gap: "8", overflowX: "hidden", children: [
+        /* @__PURE__ */ jsxs(Flex, { ...item({ expanded: Boolean(expanded) }), children: [
           /* @__PURE__ */ jsxs(Flex, { flex: "1", gap: "0", overflowX: "hidden", children: [
             /* @__PURE__ */ jsx(Text, { color: "fg.default", fontWeight: "500", truncate: true, children: name }),
             /* @__PURE__ */ jsx(Text, { color: "fg.tertiary", fontSize: "sm", truncate: true, children: organization })
           ] }),
           /* @__PURE__ */ jsx(Box, { asChild: true, children: /* @__PURE__ */ jsx(IconEllipsis, {}) })
-        ] }) })
+        ] })
       ] })
     }
   ) });
 });
-SidenavAccountItem.displayName = "@optiaxiom/react/SidenavAccountItem";
+NavAccountItem.displayName = "@optiaxiom/react/NavAccountItem";
 
-export { SidenavAccountItem };
+export { NavAccountItem };

package/dist/packages/react/src/nav-body/NavBody-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/nav-body/NavBody.css.ts.vanilla-BuCKcvv7.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var body = recipeRuntime({base:[{flex:'1',gap:'4',justifyContent:'start',overflowX:'hidden',overflowY:'auto',py:'8',w:'full'},'_1yjpwd2']});
+
+export { body };

package/dist/packages/react/src/nav-body/NavBody.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Flex } from '../flex/Flex.js';
+import { body } from './NavBody-css.js';
+
+const NavBody = forwardRef(
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Flex, { ref, role: "list", ...body({}, className), ...props, children });
+  }
+);
+NavBody.displayName = "@optiaxiom/react/NavBody";
+
+export { NavBody };

package/dist/packages/react/src/{sidenav-footer/SidenavFooter.js → nav-footer/NavFooter.js}

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
 
-const SidenavFooter = forwardRef(
+const NavFooter = forwardRef(
   ({ children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       Flex,
@@ -20,6 +20,6 @@ const SidenavFooter = forwardRef(
     );
   }
 );
-SidenavFooter.displayName = "@optiaxiom/react/SidenavFooter";
+NavFooter.displayName = "@optiaxiom/react/NavFooter";
 
-export { SidenavFooter };
+export { NavFooter };

package/dist/packages/react/src/nav-group/NavGroup.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useId } from '@radix-ui/react-id';
+import { forwardRef } from 'react';
+import { Disclosure } from '../disclosure/Disclosure.js';
+import { NavGroupContextProvider } from '../nav-group-context/NavGroupContext.js';
+
+const NavGroup = forwardRef(
+  ({ children, defaultOpen = true, ...props }, ref) => {
+    const groupId = useId();
+    return /* @__PURE__ */ jsx(NavGroupContextProvider, { id: groupId, children: /* @__PURE__ */ jsx(
+      Disclosure,
+      {
+        alignItems: "stretch",
+        "aria-labelledby": groupId,
+        asChild: true,
+        defaultOpen,
+        display: "flex",
+        flexDirection: "column",
+        ref,
+        role: "group",
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+NavGroup.displayName = "@optiaxiom/react/NavGroup";
+
+export { NavGroup };

package/dist/packages/react/src/nav-group-content/NavGroupContent.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { DisclosureContent } from '../disclosure-content/DisclosureContent.js';
+
+const NavGroupContent = forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      DisclosureContent,
+      {
+        display: "flex",
+        flexDirection: "column",
+        gap: "4",
+        p: "0",
+        pt: "4",
+        ref,
+        role: "list",
+        ...props,
+        children
+      }
+    );
+  }
+);
+NavGroupContent.displayName = "@optiaxiom/react/NavGroupContent";
+
+export { NavGroupContent };

package/dist/packages/react/src/nav-group-context/NavGroupContext.js

@@ -0,0 +1,6 @@
+"use client";
+import { createContext } from '@radix-ui/react-context';
+
+const [NavGroupContextProvider, useNavGroupContext] = createContext("NavGroup", { id: undefined });
+
+export { NavGroupContextProvider, useNavGroupContext };

package/dist/packages/react/src/nav-group-label/NavGroupLabel.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { DisclosureTrigger } from '../disclosure-trigger/DisclosureTrigger.js';
+import { useNavGroupContext } from '../nav-group-context/NavGroupContext.js';
+
+const NavGroupLabel = forwardRef(
+  ({ children, ...props }, ref) => {
+    const { id } = useNavGroupContext("NavGroupLabel");
+    return /* @__PURE__ */ jsx(
+      DisclosureTrigger,
+      {
+        chevronPosition: "end",
+        color: "fg.tertiary",
+        fontSize: "sm",
+        id,
+        mt: "8",
+        mx: "8",
+        px: "12",
+        py: "4",
+        ref,
+        w: "auto",
+        ...props,
+        children
+      }
+    );
+  }
+);
+NavGroupLabel.displayName = "@optiaxiom/react/NavGroupLabel";
+
+export { NavGroupLabel };

package/dist/packages/react/src/{sidenav-header/SidenavHeader.js → nav-header/NavHeader.js}

@@ -3,11 +3,11 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
 
-const SidenavHeader = forwardRef(
+const NavHeader = forwardRef(
   ({ children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(Flex, { ref, role: "list", ...props, children });
   }
 );
-SidenavHeader.displayName = "@optiaxiom/react/SidenavHeader";
+NavHeader.displayName = "@optiaxiom/react/NavHeader";
 
-export { SidenavHeader };
+export { NavHeader };

package/dist/packages/react/src/nav-item/NavItem-css.js

@@ -0,0 +1,10 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BgJJG2w1.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-CX-cT960.css';
+import './../../../../assets/src/nav-item/NavItem.css.ts.vanilla-brz7ryuC.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'start',mx:'8',pr:'10',rounded:'md',textAlign:'start',transition:'colors'},'_5vs0of']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',overflow:'hidden'},'_9nqrtc'],variants:{expanded:{false:'_129voux',true:'_8c975q'}}});
+
+export { item, label };

package/dist/packages/react/src/nav-item/NavItem.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { extractBoxProps } from '../box/extractBoxProps.js';
+import { Flex } from '../flex/Flex.js';
+import { Icon } from '../icon/Icon.js';
+import { useSidebarContext } from '../sidebar-context/SidebarContext.js';
+import { Text } from '../text/Text.js';
+import { Tooltip } from '../tooltip/Tooltip.js';
+import '../utils/conditions.js';
+import { decorateChildren } from '../utils/decorateChildren.js';
+import { fallbackSpan } from '../utils/fallbackSpan.js';
+import { item, label } from './NavItem-css.js';
+
+const NavItem = forwardRef(
+  ({
+    active,
+    addonAfter,
+    asChild,
+    children,
+    className,
+    disabled,
+    icon,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    const { boxProps, restProps } = extractBoxProps(props);
+    const { expanded } = useSidebarContext("NavItem");
+    let tooltip = null;
+    children = decorateChildren({ asChild, children }, (children2) => {
+      tooltip = children2;
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Box, { display: "grid", flex: "none", placeItems: "center", size: "lg", children: /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon }) }),
+        /* @__PURE__ */ jsxs(Box, { ...label({ expanded: Boolean(expanded) }), children: [
+          /* @__PURE__ */ jsx(Text, { truncate: true, children: children2 }),
+          addonAfter && /* @__PURE__ */ jsx(Box, { asChild: true, display: "flex", flex: "none", children: fallbackSpan(addonAfter) })
+        ] })
+      ] });
+    });
+    return /* @__PURE__ */ jsx(Flex, { role: "listitem", children: /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        content: props["aria-label"] || tooltip,
+        disabled: expanded,
+        side: "right",
+        children: /* @__PURE__ */ jsx(
+          Box,
+          {
+            asChild: true,
+            "data-disabled": disabled ? "" : undefined,
+            "data-state": active ? "active" : undefined,
+            ...item({}, className),
+            ...boxProps,
+            children: /* @__PURE__ */ jsx(Comp, { disabled, ref, ...restProps, children })
+          }
+        )
+      }
+    ) });
+  }
+);
+NavItem.displayName = "@optiaxiom/react/NavItem";
+
+export { NavItem };

package/dist/packages/react/src/nav-separator/NavSeparator.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Separator } from '../separator/Separator.js';
+
+const NavSeparator = forwardRef(
+  (props, ref) => /* @__PURE__ */ jsx(Separator, { flex: "none", mx: "20", my: "8", ref, ...props })
+);
+NavSeparator.displayName = "@optiaxiom/react/NavSeparator";
+
+export { NavSeparator };

package/dist/packages/react/src/nested-dialog-context/NestedDialogContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from '@radix-ui/react-context';
 
 const [NestedDialogContextProvider, useNestedDialogContext] = createContext("NestedDialog", null);

package/dist/packages/react/src/nested-dialog-context/useNestedDialogCount.js

@@ -1,3 +1,4 @@
+"use client";
 import { useState, useEffect } from 'react';
 import { useNestedDialogContext } from './NestedDialogContext.js';
 

package/dist/packages/react/src/pagination/Pagination-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-D-4aqA8_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-DPYZaMsb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'_58nnzj'});
-var cursor = recipeRuntime({base:[{z:'10'},'_67p097'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'n7eukd']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'nbifgp']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_5ib7cy'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'omzx87']});
 
 export { button, cursor, list };

package/dist/packages/react/src/pagination/Pagination.js

@@ -15,7 +15,7 @@ import { IconAngleRight } from '../icons/IconAngleRight.js';
 import { IconEllipsis } from '../icons/IconEllipsis.js';
 import { Tooltip } from '../tooltip/Tooltip.js';
 import { list, cursor, button } from './Pagination-css.js';
-import { usePagination } from '../../../../node_modules/.pnpm/@mantine_hooks@7.15.3_react@18.3.1/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js';
+import { usePagination } from '../../../../node_modules/.pnpm/@mantine_hooks@7.16.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js';
 
 const Pagination = forwardRef(
   ({ defaultPage, disabled, onPageChange, page: pageProp, total, ...props }, ref) => {

package/dist/packages/react/src/paper/Paper-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var paper = recipeRuntime({base:{bg:'bg.default',color:'fg.default',shadow:'md',z:'popover'},variants:{elevation:{dialog:{rounded:'lg'},drawer:{},menu:{border:'1',borderColor:'border.secondary',rounded:'lg'}}}});

package/dist/packages/react/src/pill/Pill-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-C_yhLXgb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-KJdK-EEg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'_13zbp75'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'_1e2mq88'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
 
 export { pill };