@optiaxiom/react 0.12.1 → 0.12.2

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-DUl9pW_8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-t6uP70zy.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'},'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:{}}}});
+var kbd = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'bpao34'],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:'_1ahajfp',variants:{variant:{outline:'fb51ya',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-xcn_ZlL-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._107fbc8';
-var reset = 'optiaxiom._1h1dwjo';
+var components = 'optiaxiom.smxc2x';
+var reset = 'optiaxiom._11wmm7m';
 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-xcn_ZlL-.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-CN29HUK1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-Dy_qgnbO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-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'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1t4apt3']});
+var link = recipeRuntime({base:['_1jkzxxu','z70bam'],variants:{appearance:{'default':'q1xucq',inverse:'rr12yu',subtle:'_3qgfr0'},overlay:{false:{},true:'z744nf'}}});
 
 export { icon, link };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-CYmLxt0f.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-DeD2Vr_j.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-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']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'_1kslncq']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1vbdm9u'],variants:{intent:{danger:'bzt1hh',neutral:'ss16bd'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'de0qkj']});
 
 export { description, item, title };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-Df9sANNY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-Dh7YGbc2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-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'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_9td1ne'],variants:{maxH:{xs:'ughdor',sm:'_1297zvi',md:'rrza1p',lg:'_1vqdca1',full:{}},minW:{'0':{},trigger:'_1855il9'},provider:{'dropdown-menu':'_1ig3vxf',popover:'oq3n3i',popper:'ce9r5w'}}});
 
 export { listbox };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-DdDIoa3G.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-CsSUlLzu.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']});
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1vps1a4']});
 
 export { nav };

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

@@ -7,8 +7,8 @@ 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 }) }) });
+    const { expanded, navId } = useSidebarContext("Nav");
+    return /* @__PURE__ */ jsx(Flex, { borderR: "1", h: "full", ref, w: "fit", ...props, children: /* @__PURE__ */ jsx(Flex, { asChild: true, id: navId, w: expanded ? "224" : "56", ...nav(), children: /* @__PURE__ */ jsx("nav", { "aria-label": "Main", children }) }) });
   }
 );
 Nav.displayName = "@optiaxiom/react/Nav";

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

@@ -1,7 +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 './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-BdwRoS9p.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'}}});
+var item = recipeRuntime({base:{flex:'1',flexDirection:'row',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_104x0e3',true:'_1idvla4'}}});
 
 export { item };

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

@@ -13,13 +13,12 @@ import { item } from './NavAccountItem-css.js';
 
 const NavAccountItem = forwardRef(({ name, organization, src, ...props }, ref) => {
   const { expanded } = useSidebarContext("NavAccountItem");
-  return /* @__PURE__ */ jsx(Flex, { my: "8", role: "listitem", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Flex, { asChild: true, my: "8", children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
     Flex,
     {
       asChild: true,
       flexDirection: "row",
       gap: "8",
-      mx: "8",
       p: "4",
       textAlign: "start",
       ...props,
@@ -44,7 +43,7 @@ const NavAccountItem = forwardRef(({ name, organization, src, ...props }, ref) =
         ] })
       ] })
     }
-  ) });
+  ) }) });
 });
 NavAccountItem.displayName = "@optiaxiom/react/NavAccountItem";
 

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

@@ -1,7 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/nav-body/NavBody.css.ts.vanilla-BuCKcvv7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.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']});
+var body = recipeRuntime({base:[{flex:'1',gap:'4',justifyContent:'start',overflowX:'hidden',py:'8',w:'full'}],variants:{expanded:{false:{overflowY:'hidden'},true:{overflowY:'auto'}}}});
 
 export { body };

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

@@ -2,11 +2,22 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
+import { useSidebarContext } from '../sidebar-context/SidebarContext.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 });
+    const { expanded, spacing } = useSidebarContext("NavBody");
+    return /* @__PURE__ */ jsx(
+      Flex,
+      {
+        px: spacing,
+        ref,
+        ...body({ expanded }, className),
+        ...props,
+        children
+      }
+    );
   }
 );
 NavBody.displayName = "@optiaxiom/react/NavBody";

package/dist/packages/react/src/nav-footer/NavFooter.js

@@ -2,18 +2,20 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
+import { useSidebarContext } from '../sidebar-context/SidebarContext.js';
 
 const NavFooter = forwardRef(
   ({ children, ...props }, ref) => {
+    const { spacing } = useSidebarContext("NavFooter");
     return /* @__PURE__ */ jsx(
       Flex,
       {
         gap: "8",
         mt: "auto",
         overflowX: "hidden",
+        px: spacing,
         py: "8",
         ref,
-        role: "list",
         ...props,
         children
       }

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

@@ -6,21 +6,19 @@ import { Disclosure } from '../disclosure/Disclosure.js';
 import { NavGroupContextProvider } from '../nav-group-context/NavGroupContext.js';
 
 const NavGroup = forwardRef(
-  ({ children, defaultOpen = true, ...props }, ref) => {
+  ({ children, ...props }, ref) => {
     const groupId = useId();
     return /* @__PURE__ */ jsx(NavGroupContextProvider, { id: groupId, children: /* @__PURE__ */ jsx(
       Disclosure,
       {
         alignItems: "stretch",
-        "aria-labelledby": groupId,
+        "aria-labelledby": props["aria-label"] ? undefined : groupId,
         asChild: true,
-        defaultOpen,
+        defaultOpen: true,
         display: "flex",
         flexDirection: "column",
-        ref,
-        role: "group",
         ...props,
-        children
+        children: /* @__PURE__ */ jsx("li", { ref, children })
       }
     ) });
   }

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

@@ -14,8 +14,8 @@ const NavGroupLabel = forwardRef(
         color: "fg.tertiary",
         fontSize: "sm",
         id,
+        mb: "4",
         mt: "8",
-        mx: "8",
         px: "12",
         py: "4",
         ref,

package/dist/packages/react/src/nav-header/NavHeader.js

@@ -2,10 +2,12 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
+import { useSidebarContext } from '../sidebar-context/SidebarContext.js';
 
 const NavHeader = forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Flex, { ref, role: "list", ...props, children });
+    const { spacing } = useSidebarContext("NavHeader");
+    return /* @__PURE__ */ jsx(Flex, { px: spacing, ref, ...props, children });
   }
 );
 NavHeader.displayName = "@optiaxiom/react/NavHeader";

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

@@ -1,10 +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 './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Df83DDkl.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-RaqyOKA9.css';
+import './../../../../assets/src/nav-item/NavItem.css.ts.vanilla-XsYKaDce.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'}}});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'start',rounded:'md',textAlign:'start',transition:'colors'},'_3p6q5g']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'ymm6il'],variants:{expanded:{false:'ml2uz',true:'_905lo1'}}});
 
 export { item, label };

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

@@ -39,7 +39,7 @@ const NavItem = forwardRef(
         ] })
       ] });
     });
-    return /* @__PURE__ */ jsx(Flex, { role: "listitem", children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Flex, { asChild: true, children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
       Tooltip,
       {
         content: props["aria-label"] || tooltip,
@@ -57,7 +57,7 @@ const NavItem = forwardRef(
           }
         )
       }
-    ) });
+    ) }) });
   }
 );
 NavItem.displayName = "@optiaxiom/react/NavItem";

package/dist/packages/react/src/nav-list/NavList.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { DisclosureContent } from '../disclosure-content/DisclosureContent.js';
+import { useNavGroupContext } from '../nav-group-context/NavGroupContext.js';
+
+const NavList = forwardRef(
+  ({ children, ...props }, ref) => {
+    const { id } = useNavGroupContext("NavList");
+    const Comp = id ? DisclosureContent : Box;
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        asChild: true,
+        display: "flex",
+        flexDirection: "column",
+        gap: "4",
+        p: "0",
+        ...props,
+        children: /* @__PURE__ */ jsx("ul", { ref, children })
+      }
+    );
+  }
+);
+NavList.displayName = "@optiaxiom/react/NavList";
+
+export { NavList };

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

@@ -4,7 +4,7 @@ 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 })
+  (props, ref) => /* @__PURE__ */ jsx(Separator, { flex: "none", mx: "12", my: "8", ref, ...props })
 );
 NavSeparator.displayName = "@optiaxiom/react/NavSeparator";
 

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-DPYZaMsb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-DDlSvYeC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-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']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'ybrfkp']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_8xvato'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_43t5i6']});
 
 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-xcn_ZlL-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.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-xcn_ZlL-.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-KJdK-EEg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-D54c8Mvf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'_1e2mq88'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'_1xmxqj4'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
 
 export { pill };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-BtsGgP1D.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-BB-c_cJe.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'},'_1t3k9p7']});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_17vnfv8']});
 
 export { indicator, progress };

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

@@ -1,12 +1,12 @@
-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/toggle-input/ToggleInput.css.ts.vanilla-DWjnMxMo.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-CganvZ0Q.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Df83DDkl.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CIa4x7XX.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-B0l3eVc8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'h0e4x'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1o2kfzm']});
-var input = recipeRuntime({base:'_1uc96w1'});
-var radio = recipeRuntime({base:'_24v63k'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'y70bp9'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'ijppd3']});
+var input = recipeRuntime({base:'_1g9b4ft'});
+var radio = recipeRuntime({base:'_1jqqhd3'});
 
 export { control, indicator, input, radio };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-CgPVEiFy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-eexuELrn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'nag1mv']});
-var search = recipeRuntime({base:'_1kwp33i'});
+var clear = recipeRuntime({base:[{size:'sm'},'_19741sq']});
+var search = recipeRuntime({base:'_95lun8'});
 
 export { clear, search };

package/dist/packages/react/src/select-content/SelectContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-CThpq7Su.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-CfIsfxsZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:['_1vbr180']});
+var content = recipeRuntime({base:['_1sljfd8']});
 
 export { content };

package/dist/packages/react/src/separator/Separator-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-dG8voxGw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-CJw8jPF7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 import { createSprinkles } from '../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.3_patch_hash_eh2tyazhmaumpwivglvpekok3e_@vanilla-extract_css@1_wcbutaohqjnkd6euht5r5xgz74/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js';
 
 var base = recipeRuntime({base:{borderColor:'border.secondary'}});
-var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'_7q2fdd',md:'n668n0',base:'_1rudpkd'},defaultClass:'_1rudpkd'},vertical:{conditions:{sm:'eeleyl',md:'_13snz4k',base:'_1rgirvq'},defaultClass:'_1rgirvq'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
+var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'_1lskkxy',md:'ocagtd',base:'vlj6cv'},defaultClass:'vlj6cv'},vertical:{conditions:{sm:'lxag8q',md:'_1rboyhq',base:'_1lqkvya'},defaultClass:'_1lqkvya'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 export { base, separator };

package/dist/packages/react/src/sidebar/Sidebar.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import { useId } from '@radix-ui/react-id';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
@@ -24,7 +25,9 @@ const Sidebar = forwardRef(
       SidebarContextProvider,
       {
         expanded,
+        navId: useId(),
         onExpandedChange: setExpanded,
+        spacing: "8",
         children: /* @__PURE__ */ jsx(
           Box,
           {

package/dist/packages/react/src/sidebar-toggle/SidebarToggle.js

@@ -6,10 +6,12 @@ import { useSidebarContext } from '../sidebar-context/SidebarContext.js';
 
 const SidebarToggle = forwardRef(
   ({ "aria-label": ariaLabel, children, ...props }, ref) => {
-    const { expanded, onExpandedChange } = useSidebarContext("SidebarToggle");
+    const { expanded, navId, onExpandedChange } = useSidebarContext("SidebarToggle");
     return /* @__PURE__ */ jsx(
       NavItem,
       {
+        "aria-controls": navId,
+        "aria-expanded": expanded ? "true" : "false",
         "aria-label": ariaLabel || (expanded ? "Collapse" : "Expand"),
         fontWeight: "400",
         onClick: () => onExpandedChange(!expanded),

package/dist/packages/react/src/skeleton/Skeleton-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-Cc53biCs.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-CUkXEH0f.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_1iwpwl2']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_119vv6r']});
 
 export { skeleton };

package/dist/packages/react/src/spinner/Spinner-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-DfF7FBRM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-B5fo-kff.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var track = recipeRuntime({variants:{appearance:{'default':'_2ix490',inverse:'l84uxi'}}});
+var track = recipeRuntime({variants:{appearance:{'default':'wg920d',inverse:'i5x6u9'}}});
 
 export { track };

package/dist/packages/react/src/spotlight-input/SpotlightInput-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-DYoxdFeh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-Dl6mcNap.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'b3xx3a']});
+var input = recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1rl4mql']});
 
 export { input };

package/dist/packages/react/src/spotlight-radio-item/SpotlightRadioItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-zfGQlYHN.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-DIDaMA7U.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'_15w1700']});
+var item = recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'jqfjq9']});
 
 export { item };

package/dist/packages/react/src/spotlight-sub-item/SpotlightSubItem-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-Diwj-TNR.css';
-import './../../../../assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-BOxV-GNo.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-P1KZpPmF.css';
+import './../../../../assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-DAtlV5W6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'_95pf1e',true:'_11j8ec8'}}});
+var item = recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'_16efqgr',true:'_1b7cy1m'}}});
 
 export { item };