@optiaxiom/react 0.11.0 → 0.12.0

package/dist/packages/react/src/drawer-content/DrawerContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-BWBNPA7b.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-Bo1-a8Vm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'s5f7i5'],variants:{position:{bottom:[{borderT:'1'},'_1njywix'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_8rct7l'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1i8xdug']}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'p9kroj'],variants:{position:{bottom:[{borderT:'1'},'_10rekng'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_10b1jsq'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'xjjwwd']}}});
 
 export { content };

package/dist/packages/react/src/drawer-context/DrawerContext.js

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

package/dist/packages/react/src/drawer-description/DrawerDescription-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-CwgFDenc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-DqTs1HtP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'jsxfje']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_17gnxpz']});
 
 export { description };

package/dist/packages/react/src/drawer-title/DrawerTitle-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-BmlPZ-bV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-CabUD-PB.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var title = recipeRuntime({base:[{flex:'1'},'_4gtm03']});
+var title = recipeRuntime({base:[{flex:'1'},'_13zi4gg']});
 
 export { title };

package/dist/packages/react/src/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+import { ListboxCheckboxItem } from '../listbox-checkbox-item/ListboxCheckboxItem.js';
+
+const DropdownMenuCheckboxItem = forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(RadixMenu.CheckboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(ListboxCheckboxItem, { children }) });
+});
+DropdownMenuCheckboxItem.displayName = "@optiaxiom/react/DropdownMenuCheckboxItem";
+
+export { DropdownMenuCheckboxItem };

package/dist/packages/react/src/dropdown-menu-context/DropdownMenuContext.js

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

package/dist/packages/react/src/dropdown-menu-sub-context/DropdownMenuSubContext.js

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

package/dist/packages/react/src/field-context/FieldContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from 'react';
 
 const FieldContext = createContext(undefined);

package/dist/packages/react/src/field-context/useFieldContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { useContext } from 'react';
 import { FieldContext } from './FieldContext.js';
 

package/dist/packages/react/src/highlight/Highlight-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-8A-7M2Y3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-D93q02Fj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_33lmhh'});
+var mark = recipeRuntime({base:'_1nxwyzw'});
 
 export { mark };

package/dist/packages/react/src/highlight/useHighlightedChunks.js

@@ -1,3 +1,4 @@
+"use client";
 import { useMemo } from 'react';
 
 const useHighlightedChunks = (content, query) => {

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-DFEAmBx3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-BUOjNSvG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_1g43tnm',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'ot0kgy']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1ah4nyv']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'v3kcum'],variants:{offset:{false:'_14mcow3',true:{}},position:{'bottom-right':'_88o0yb','top-right':'lpnx7i'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'calx6a']});
+var badge = recipeRuntime({base:'vmpw2j',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'pet06x']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_7w9s9t']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1mew8dw'],variants:{offset:{false:'_4o2wd1',true:{}},position:{'bottom-right':'_1mrg6ew','top-right':'_1m87ixi'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'if6o0q']});
 
 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-ChC54CMt.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-4nunD237.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-DQEAby9t.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var editor = recipeRuntime({base:'gf0tyd',variants:{empty:{false:{},true:'_1732dk9'}}});
-var input = recipeRuntime({base:'ibt7p2'});
+var editor = recipeRuntime({base:'_13zq4ll',variants:{empty:{false:{},true:'tvrgci'}}});
+var input = recipeRuntime({base:'_1r1kto8'});
 
 export { editor, input };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.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-ChC54CMt.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BTYIqPLy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-D0ivfH9I.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['hthwv0',{bg:'transparent',flex:'auto',w:'full'},'_1xhpniu','_14slqzw'],variants:{size:{md:{},lg:{},xl:['hp4a3']}}});
+var control = recipeRuntime({base:['dfoyyk',{bg:'transparent',flex:'auto',w:'full'},'_6489ma','_1e3qepf'],variants:{size:{md:{},lg:{},xl:['_1rslxar']}}});
 
 export { control };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-kCeuibvy.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BTYIqPLy.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-DVZasjzg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BxCgGwKO.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-D0ivfH9I.css';
+import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-BBF49P4Q.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_9uqyik']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'ed6meb']});
 
 export { root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-DxIPrQFN.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-CcgEcPxm.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'},'_8r4qow'],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:'_1dsuvrc',variants:{variant:{outline:'_19z1css',subtle:{}}}});
+var kbd = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'_1by386q'],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:'_1hb1nzj',variants:{variant:{outline:'i69vkc',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-ChC54CMt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom.ieitlk';
-var reset = 'optiaxiom._196sh9p';
+var components = 'optiaxiom._5obs4g';
+var reset = 'optiaxiom._16i5hvn';
 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-ChC54CMt.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-2X4YjRPb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-D0s7UoMe.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'dhlb0x']});
-var link = recipeRuntime({base:['_6vg2pk'],variants:{appearance:{'default':'nme8gf',inverse:'goktxf',subtle:'tvx3uf'},overlay:{false:{},true:'_1u0sm5x'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1terp0f']});
+var link = recipeRuntime({base:['ijn6p0'],variants:{appearance:{'default':'pshqeh',inverse:'_1nf1ju9',subtle:'_1a7h5r4'},overlay:{false:{},true:'_14de5d7'}}});
 
 export { icon, link };

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-ChC54CMt.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-CG1vqAI7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-WI-slBQP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'p0m6k']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1vs2hvh'],variants:{intent:{danger:'_1xbwq7v',neutral:'_1ekyr8m'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'kmfwts']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'ssf5qa']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'qlyxbd'],variants:{intent:{danger:'_1omnrqy',neutral:'xntdf9'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_1vlxegp']});
 
 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-button/MenuButton.js

@@ -6,17 +6,7 @@ import { IconAngleDown } from '../icons/IconAngleDown.js';
 
 const MenuButton = forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Button,
-      {
-        icon: /* @__PURE__ */ jsx(IconAngleDown, {}),
-        iconPosition: "end",
-        justifyContent: "space-between",
-        ref,
-        ...props,
-        children
-      }
-    );
+    return /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(IconAngleDown, {}), iconPosition: "end", ref, ...props, children });
   }
 );
 MenuButton.displayName = "@optiaxiom/react/MenuButton";

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BegLxjoU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BXN-FR8J.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1t2jyma'],variants:{maxH:{xs:'_2dlh9k',sm:'_1w7hyl7',md:'_51vqpz',lg:'_119blsf',full:{}},minW:{'0':{},trigger:'peptau'},provider:{'dropdown-menu':'_12o7q8j',popover:'_75qnaa',popper:'_1pxwk0o'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'rdl8hv'],variants:{maxH:{xs:'g1416y',sm:'_1ecsz61',md:'_1a46pry',lg:'er6hrh',full:{}},minW:{'0':{},trigger:'_1wef7yr'},provider:{'dropdown-menu':'cvfi0h',popover:'_1agmc19',popper:'_192s0id'}}});
 
 export { listbox };

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

@@ -0,0 +1,29 @@
+"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';
+
+const Nav = forwardRef(
+  ({ children, ...props }, ref) => {
+    const { animations, expanded } = useSidebarContext("Nav");
+    return /* @__PURE__ */ jsx(Flex, { borderR: "1", h: "full", ref, w: "fit", ...props, children: /* @__PURE__ */ jsx(
+      Flex,
+      {
+        asChild: true,
+        bg: "bg.default",
+        flex: "1",
+        gap: "0",
+        overflow: "hidden",
+        pb: "8",
+        pt: "16",
+        transition: animations ? "all" : undefined,
+        w: expanded ? "224" : "56",
+        children: /* @__PURE__ */ jsx("nav", { "aria-label": "Main", children })
+      }
+    ) });
+  }
+);
+Nav.displayName = "@optiaxiom/react/Nav";
+
+export { Nav };

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';
 
-const SidenavAccountItem = forwardRef(({ name, organization, src, ...props }, ref) => {
-  const { animations, expanded } = useSidenavContext("SidenavAccountItem");
+const NavAccountItem = forwardRef(({ name, organization, src, ...props }, ref) => {
+  const { animations, expanded } = useSidebarContext("NavAccountItem");
   return /* @__PURE__ */ jsx(Flex, { my: "8", role: "listitem", children: /* @__PURE__ */ jsx(
     Flex,
     {
@@ -46,6 +46,6 @@ const SidenavAccountItem = forwardRef(({ name, organization, src, ...props }, re
     }
   ) });
 });
-SidenavAccountItem.displayName = "@optiaxiom/react/SidenavAccountItem";
+NavAccountItem.displayName = "@optiaxiom/react/NavAccountItem";
 
-export { SidenavAccountItem };
+export { NavAccountItem };

package/dist/packages/react/src/{sidenav-body/SidenavBody.js → nav-body/NavBody.js}

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
 
-const SidenavBody = forwardRef(
+const NavBody = forwardRef(
   ({ children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       Flex,
@@ -23,6 +23,6 @@ const SidenavBody = forwardRef(
     );
   }
 );
-SidenavBody.displayName = "@optiaxiom/react/SidenavBody";
+NavBody.displayName = "@optiaxiom/react/NavBody";
 
-export { SidenavBody };
+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/{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/{sidenav-item/SidenavItem-css.js → nav-item/NavItem-css.js}

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-kCeuibvy.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DXgNKbzo.css';
-import './../../../../assets/src/sidenav-item/SidenavItem.css.ts.vanilla-DAHcXvKs.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BxCgGwKO.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DasptH10.css';
+import './../../../../assets/src/nav-item/NavItem.css.ts.vanilla-VGI0LCrr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{fontWeight:'500',mx:'8',textAlign:'start'},'_19es0qx']});
+var item = recipeRuntime({base:[{fontWeight:'500',mx:'8',textAlign:'start'},'_1qewzk1']});
 
 export { item };

package/dist/packages/react/src/{sidenav-item/SidenavItem.js → nav-item/NavItem.js}

@@ -6,17 +6,16 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Button } from '../button/Button.js';
 import { Flex } from '../flex/Flex.js';
-import { useSidenavContext } from '../sidenav-context/SidenavContext.js';
+import { useSidebarContext } from '../sidebar-context/SidebarContext.js';
 import { Tooltip } from '../tooltip/Tooltip.js';
 import { Transition } from '../transition/Transition.js';
 import '../utils/conditions.js';
 import { decorateChildren } from '../utils/decorateChildren.js';
-import { fallbackSpan } from '../utils/fallbackSpan.js';
-import { item } from './SidenavItem-css.js';
+import { item } from './NavItem-css.js';
 
-const SidenavItem = forwardRef(
+const NavItem = forwardRef(
   ({ active, addonAfter, asChild, children, className, ...props }, ref) => {
-    const { animations, expanded } = useSidenavContext("SidenavItem");
+    const { animations, expanded } = useSidebarContext("NavItem");
     let tooltip = null;
     children = decorateChildren({ asChild, children }, (children2) => {
       tooltip = children2;
@@ -30,7 +29,7 @@ const SidenavItem = forwardRef(
         children: /* @__PURE__ */ jsx(
           Button,
           {
-            addonAfter: expanded && /* @__PURE__ */ jsx(Box, { asChild: true, ml: "auto", children: fallbackSpan(addonAfter) }),
+            addonAfter: expanded && addonAfter,
             appearance: "subtle",
             asChild,
             "data-state": active ? "active" : undefined,
@@ -47,6 +46,6 @@ const SidenavItem = forwardRef(
     ) });
   }
 );
-SidenavItem.displayName = "@optiaxiom/react/SidenavItem";
+NavItem.displayName = "@optiaxiom/react/NavItem";
 
-export { SidenavItem };
+export { NavItem };

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';
 
@@ -8,10 +9,12 @@ function useNestedDialogCount(name, open) {
     if (!onCountChange) {
       return;
     }
-    onCountChange(open ? nestedDialogCount + 1 : 0);
+    if (open) {
+      onCountChange(nestedDialogCount + 1);
+    }
+    return () => onCountChange(0);
   }, [nestedDialogCount, onCountChange, open]);
-  const isRootDialog = !onCountChange;
-  return [isRootDialog, nestedDialogCount, setNestedDialogCount];
+  return [nestedDialogCount, setNestedDialogCount];
 }
 
 export { useNestedDialogCount };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-qzqxSndk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-DuMOgkJU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'mc4877'});
-var cursor = recipeRuntime({base:[{z:'10'},'_1u35e9i'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1k1m0h6']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'_1whx4et']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'kh9cjw'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_13r19y6']});
 
 export { button, cursor, list };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.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-ChC54CMt.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-BvScjqhP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-Q0Zz6YuQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'_1rrmpq5'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'_7gjdcd'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
 
 export { pill };

package/dist/packages/react/src/popover-context/PopoverContext.js

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

package/dist/packages/react/src/progress/Progress-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-BVMN8iwD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-CVYzx4Q6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var indicator = recipeRuntime({base:[{h:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_51g5kd']});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'sp4odo']});
 
 export { indicator, progress };

package/dist/packages/react/src/radio/Radio-css.js

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-kCeuibvy.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-NA6rjZ8N.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-n7Sza5cy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BxCgGwKO.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BNzQxjeW.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-CizQZHjJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'x19hnq'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1svned3']});
-var input = recipeRuntime({base:'_1x02zd0'});
-var radio = recipeRuntime({base:'_1bo73m4'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1d2axmm'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1fs0xae']});
+var input = recipeRuntime({base:'_24gsoc'});
+var radio = recipeRuntime({base:'zt5pz6'});
 
 export { control, indicator, input, radio };

package/dist/packages/react/src/radio-group-context/RadioGroupContext.js

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

package/dist/packages/react/src/search-input/SearchInput-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-Zc6pXBNP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-BYToi99M.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'_8xbdov']});
-var search = recipeRuntime({base:'_1siq700'});
+var clear = recipeRuntime({base:[{size:'sm'},'xgqlsc']});
+var search = recipeRuntime({base:'sq5ap8'});
 
 export { clear, search };