@optiaxiom/react 0.12.1 → 0.12.3

package/dist/{packages → esm/packages}/react/src/button-loadable/ButtonLoadable-css.js

@@ -1,9 +1,9 @@
-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/button-loadable/ButtonLoadable.css.ts.vanilla-2A2vR7Tp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Uzeu57xv.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-CLWcNZZI.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-CLkp0G0_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'mqif70']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_76tp55']});
 
 export { loadable };

package/dist/{packages → esm/packages}/react/src/calendar/CalendarDayButton-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-CUUTx8Jk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-CS7DmgdI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:{mt:'8'},variants:{outside:{false:{},true:'opsur'}}});
+var button = recipeRuntime({base:{mt:'8'},variants:{outside:{false:{},true:'w9k0kh'}}});
 
 export { button };

package/dist/{packages → esm/packages}/react/src/calendar/CalendarMonths-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-w1O5QHbX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-BrqQQJav.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:'_1yn9zy2'});
+var months = recipeRuntime({base:'_1x9xpt0'});
 
 export { months };

package/dist/esm/packages/react/src/calendar/CalendarNextMonthButton-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-BMhBOLOq.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var button = recipeRuntime({base:'_63q7tb'});
+
+export { button };

package/dist/esm/packages/react/src/calendar/CalendarPreviousMonthButton-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-PaBKoHvJ.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var button = recipeRuntime({base:'_1xhl0fi'});
+
+export { button };

package/dist/esm/packages/react/src/card/Card-css.js

@@ -0,0 +1,9 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/card-checkbox/CardCheckbox.css.ts.vanilla-B7ovfSlo.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-mAttatgp.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-BIDodemv.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var card = recipeRuntime({base:['_1jejsad',{border:'1',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1wp44ly']});
+
+export { card };

package/dist/esm/packages/react/src/card-checkbox/CardCheckbox-css.js

@@ -0,0 +1,10 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-mAttatgp.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-BIDodemv.css';
+import './../../../../assets/src/card-checkbox/CardCheckbox.css.ts.vanilla-B7ovfSlo.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var control = recipeRuntime({base:['_1i3mg3x']});
+var root = recipeRuntime({base:['an3ios',{rounded:'inherit',transition:'opacity'},'oknhts']});
+
+export { control, root };

package/dist/{packages → esm/packages}/react/src/card-image/CardImage-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-BmI8cxvJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-DjvVKLyu.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'tvp61s'],variants:{orientation:{horizontal:[{w:'auto'},'_162b98e'],vertical:[{w:'full'},'oe1hmn']}}});
+var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'ewcga8'],variants:{orientation:{horizontal:[{w:'auto'},'t6epaj'],vertical:[{w:'full'},'s8fhr5']}}});
 
 export { cardImage };

package/dist/{packages → esm/packages}/react/src/card-overflow/CardOverflow-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-BzYFjK3J.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-Cjn_Id7x.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardOverflow = recipeRuntime({base:[{alignSelf:'stretch'},'_15sasvw'],variants:{orientation:{horizontal:['_19f75zn'],vertical:['t9okd3']}}});
+var cardOverflow = recipeRuntime({base:[{alignSelf:'stretch'},'_1xgks22'],variants:{orientation:{horizontal:['_16f40mo'],vertical:['_3g0cj5']}}});
 
 export { cardOverflow };

package/dist/{packages → esm/packages}/react/src/checkbox-control/CheckboxControl-css.js

@@ -1,11 +1,11 @@
-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/checkbox-control/CheckboxControl.css.ts.vanilla-B6wwNXPr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Uzeu57xv.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BWOKluYb.css';
+import './../../../../assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-Hd13ZaHc.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'xibr5e'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_11g568u']});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1lo6rp9'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'iej4hg']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
 
 export { control, icon, indicator };

package/dist/esm/packages/react/src/code/Code-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-BEhWJABt.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var code = recipeRuntime({base:[{fontWeight:'600'},'vh9pmz']});
+
+export { code };

package/dist/esm/packages/react/src/command-focusable-item/CommandFocusableItem-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-CyJRzNBY.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var item = recipeRuntime({base:'d4shc3'});
+
+export { item };

package/dist/esm/packages/react/src/data-table/DataTable-css.js

@@ -0,0 +1,14 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-BKuGEq5b.css';
+import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-BrXUhcOh.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var cell = recipeRuntime({base:['_1g4usb9'],variants:{pinned:{left:'yen15q',right:'ic9kq2'},pinnedType:{body:'_10ms838',header:{}}}});
+var cellOffsetVar = 'var(--_1sg2yos)';
+var cellSizeVar = 'var(--_1pz8zo9)';
+var header = recipeRuntime({base:['_2j50hz']});
+var leftTotalSizeVar = 'var(--_1415tmj)';
+var rightTotalSizeVar = 'var(--_1mua5pj)';
+var table = recipeRuntime({base:'_12rjkdq',variants:{pinned:{both:'_1vwdlsa',left:'_4ml1gc',none:{},right:'mc7hhh'}}});
+
+export { cell, cellOffsetVar, cellSizeVar, header, leftTotalSizeVar, rightTotalSizeVar, table };

package/dist/{packages → esm/packages}/react/src/data-table-header-cell/DataTableHeaderCell-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-BAqAdAvl.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-BKGyXxhT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',textAlign:'start',transition:'colors',w:'full'},'_7zyndd','rsq1qv']});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_16udcty'],variants:{active:{false:'ffc04k',true:'v9l030'},muted:{false:{},true:'_1a3flp3'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',textAlign:'start',transition:'colors',w:'full'},'_1gf6pup','_10zqnqr']});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1ahff16'],variants:{active:{false:'yjcsxq',true:'_1m4um4t'},muted:{false:{},true:'_1ghi170'}}});
 
 export { button, icon };

package/dist/esm/packages/react/src/dialog-content/DialogContent-css.js

@@ -0,0 +1,9 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-CSiw9TKj.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'o6hni'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'oghsik'],variants:{size:{sm:'_1rems6o',md:'_30z100',lg:'nzwz4i',fullscreen:'_1e4c3at'}}});
+var nestedDialogCountVar = 'var(--hps9xu)';
+
+export { backdrop, content, nestedDialogCountVar };

package/dist/{packages → esm/packages}/react/src/dialog-footer/DialogFooter-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-Cd9ocVF0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'16',justifyContent:'end',px:'24',py:'20'}]});

package/dist/{packages → esm/packages}/react/src/dialog-header/DialogHeader-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-CFcql3jI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-DorISkI5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_1bhfbjb']});
-var close = recipeRuntime({base:['pkgee5']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_4em622']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1dgsnf9']});
+var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_51nurq']});
+var close = recipeRuntime({base:['bckwzr']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1a380nf']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_72pyld']});
 
 export { actions, close, description, title };

package/dist/{packages → esm/packages}/react/src/disclosure/Disclosure.js

@@ -9,13 +9,21 @@ import '../sprinkles/sprinklesMerge.js';
 import { DisclosureContextProvider } from '../disclosure-context/DisclosureContext.js';
 
 const Disclosure = forwardRef(
-  ({ children, defaultOpen, onOpenChange, open: openProp, ...props }, ref) => {
+  ({ asChild, children, defaultOpen, onOpenChange, open: openProp, ...props }, ref) => {
     const [open, setOpen] = useControllableState({
       defaultProp: defaultOpen,
       onChange: onOpenChange,
       prop: openProp
     });
-    return /* @__PURE__ */ jsx(Box, { asChild: true, color: "fg.default", fontSize: "md", ref, ...props, children: /* @__PURE__ */ jsx(RadixCollapsible.Root, { onOpenChange: setOpen, open, children: /* @__PURE__ */ jsx(DisclosureContextProvider, { open, children }) }) });
+    return /* @__PURE__ */ jsx(DisclosureContextProvider, { open, children: /* @__PURE__ */ jsx(Box, { asChild: true, color: "fg.default", fontSize: "md", ref, ...props, children: /* @__PURE__ */ jsx(
+      RadixCollapsible.Root,
+      {
+        asChild,
+        onOpenChange: setOpen,
+        open,
+        children
+      }
+    ) }) });
   }
 );
 Disclosure.displayName = "@optiaxiom/react/Disclosure";

package/dist/esm/packages/react/src/disclosure-content/DisclosureContent-css.js

@@ -0,0 +1,8 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-pVEbtdvl.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var inner = recipeRuntime({base:['g8pr1r']});
+var outer = recipeRuntime({base:[{display:'grid'},'_1gzndpv']});
+
+export { inner, outer };

package/dist/{packages → esm/packages}/react/src/disclosure-trigger/DisclosureTrigger-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-BkIHQCpx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-BXvVttwC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'bg0m8',start:'_1gcvml2'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'8',px:'4',rounded:'md',textAlign:'start',w:'full',z:'10'},'rvtlcu']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'u6a9lp',start:'_1jb6nw8'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'8',px:'4',rounded:'md',textAlign:'start',w:'full',z:'10'},'_190hddc']});
 
 export { icon, trigger };

package/dist/{packages → esm/packages}/react/src/drawer-actions/DrawerActions-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-WRfZ0uS8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-DAILLjBX.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'8'},'_9hdxzf']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'8'},'_1c1u2v4']});
 
 export { actions };

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

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-ChTEpkKe.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'xao5jf'],variants:{position:{bottom:[{borderT:'1'},'_1eq3db4'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1vi5t70'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_10qpio6']}}});
+
+export { content };

package/dist/{packages → esm/packages}/react/src/drawer-description/DrawerDescription-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-CvKcovQs.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-ltxoq8Jd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1k5obcd']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1bh55qh']});
 
 export { description };

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

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-CEIDs9yR.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var title = recipeRuntime({base:[{flex:'1'},'_1i5fu7q']});
+
+export { title };

package/dist/{packages → esm/packages}/react/src/field/Field.js

@@ -21,13 +21,14 @@ const Field = forwardRef(
     info,
     inputId: inputIdProp,
     label,
+    labelId: labelIdProp,
     required,
     ...props
   }, ref) => {
     const inputId = useId(inputIdProp);
     const descriptionId = useId();
     const errorId = useId();
-    const labelId = useId();
+    const labelId = useId(labelIdProp);
     return /* @__PURE__ */ jsxs(Flex, { flexDirection: "column", gap: "4", ref, ...props, children: [
       label && /* @__PURE__ */ jsx(
         FieldLabel,

package/dist/{packages → esm/packages}/react/src/highlight/Highlight-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-_aRp6QYI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-CRzOHqbX.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'efems8'});
+var mark = recipeRuntime({base:'fcabbe'});
 
 export { mark };

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

@@ -0,0 +1,9 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-BMN-sSCG.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var badge = recipeRuntime({base:'ioejy7',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'iwu1fo']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_16i7wry']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_115urhe'],variants:{offset:{false:'jyfjsf',true:{}},position:{'bottom-right':'_1hwequh','top-right':'_1cblwmt'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'iwtkp3']});
+
+export { badge, floating, indicator };

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

@@ -0,0 +1,8 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-CjJ0Y3Bx.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var editor = recipeRuntime({base:'_18cego0',variants:{empty:{false:{},true:'_169j7ei'}}});
+var input = recipeRuntime({base:'_9snqya'});
+
+export { editor, input };

package/dist/{packages → esm/packages}/react/src/input/Input-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-Cd9ocVF0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var addon = recipeRuntime({base:{display:'flex',flex:'none'}});

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

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-Bs_UqBe4.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var control = recipeRuntime({base:['vl5mba',{bg:'transparent',flex:'auto',w:'full'},'hmoru4','_1lg38j3'],variants:{size:{md:{},lg:{},xl:['_18w05mv']}}});
+
+export { control };

package/dist/{packages → esm/packages}/react/src/input-root/InputRoot-css.js

@@ -1,9 +1,9 @@
-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 './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Uzeu57xv.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-Bs_UqBe4.css';
+import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-B4uW-TL9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_7u59zh']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1hn0kbp']});
 
 export { root };

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

@@ -0,0 +1,8 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-C1lW56sH.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'},'_1h25l91'],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:'_14zbjkq',variants:{variant:{outline:'_7wsih2',subtle:{}}}});
+
+export { kbd, keys };

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

@@ -0,0 +1,9 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+
+var axiom = 'optiaxiom';
+var base = 'optiaxiom.base';
+var components = 'optiaxiom._8aqmv';
+var reset = 'optiaxiom.tvrgpe';
+var theme = 'optiaxiom.theme';
+
+export { axiom, base, components, reset, theme };

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

@@ -0,0 +1,8 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-mAttatgp.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1lycxff']});
+var link = recipeRuntime({base:['_1ib6xn3','fb4qc7'],variants:{appearance:{'default':'_1dk0uc1',inverse:'yijaeu',subtle:'_1khj3y7'},overlay:{false:{},true:'_1rvu7pt'}}});
+
+export { icon, link };

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

@@ -0,0 +1,9 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-BYxqoONu.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var description = recipeRuntime({base:[{fontSize:'sm'},'_1l2fc4']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1vc2ed2'],variants:{intent:{danger:'q79j8d',neutral:'_1t6av8w'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_2pqxhf']});
+
+export { description, item, title };

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

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BH2uKGfQ.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'mi8syg'],variants:{maxH:{xs:'_1qq04is',sm:'_1fkz1gi',md:'xewepb',lg:'mdt7gk',full:{}},minW:{'0':{},trigger:'w95sgs'},provider:{'dropdown-menu':'_1tvjs83',popover:'p048ep',popper:'_7xzmct'}}});
+
+export { listbox };

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

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-BIlI-86A.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'},'_1jlqldx']});
+
+export { nav };

package/dist/{packages → esm/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 → esm/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-Cd9ocVF0.css';
+import './../../../../assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-BemdL50R.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:'_1nix96y',true:'_18xky8z'}}});
 
 export { item };

package/dist/{packages → esm/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/esm/packages/react/src/nav-body/NavBody-css.js

@@ -0,0 +1,6 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+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 → esm/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 → esm/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 → esm/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 → esm/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,