@optiaxiom/react 1.2.3 → 1.2.4

package/dist/esm/packages/react/src/avatar/Avatar-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BSjn-Kas.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-R34PbDAC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Dex_upXA.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-BnmASLBC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'bs388g'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{'2xs':[{fontWeight:'400',size:'2xs'},'_1gwrmzx'],xs:[{fontWeight:'400',size:'xs'},'e7hpek'],sm:[{size:'sm'},'_5z43by'],md:[{size:'md'},'k0cucu'],lg:[{size:'lg'},'_16wyvvv'],xl:[{size:'xl'},'_46mcw0'],'3xl':[{size:'3xl'},'_1yqt1vh']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_15m2rcu'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{'2xs':[{fontWeight:'400',size:'2xs'},'_1ezi4f'],xs:[{fontWeight:'400',size:'xs'},'dc4eqb'],sm:[{size:'sm'},'_1d96mfq'],md:[{size:'md'},'_2ktg34'],lg:[{size:'lg'},'_1ft76s8'],xl:[{size:'xl'},'tayu3c'],'3xl':[{size:'3xl'},'_1ect8vu']}}});
 var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon = recipeRuntime({base:[{w:'auto'}],variants:{size:{'2xs':{h:'10'},xs:{h:'10'},sm:{h:'12'},md:{h:'12'},lg:{h:'2xs'},xl:{h:'2xs'},'3xl':{h:'sm'}}}});
 

package/dist/esm/packages/react/src/avatar/Avatar.js

@@ -41,7 +41,7 @@ const Avatar = forwardRef(
         ...props,
         children: /* @__PURE__ */ jsxs(RadixAvatar.Root, { ref, children: [
           src && /* @__PURE__ */ jsx(Box, { asChild: true, objectFit: "cover", rounded: "inherit", size: "full", children: /* @__PURE__ */ jsx(RadixAvatar.Image, { alt: name ?? "avatar", src }) }),
-          /* @__PURE__ */ jsx(Box, { asChild: true, ...fallback({}), children: /* @__PURE__ */ jsx(RadixAvatar.Fallback, { delayMs: src ? 600 : void 0, children: (name ? getInitialsFromName(name) : children) || /* @__PURE__ */ jsx(Box, { asChild: true, ...icon({ size }), children: mapFallbackToIcon[fallback$1] }) }) })
+          /* @__PURE__ */ jsx(Box, { asChild: true, ...fallback({}), children: /* @__PURE__ */ jsx(RadixAvatar.Fallback, { delayMs: src ? 600 : void 0, children: (children ?? (name ? getInitialsFromName(name) : void 0)) || /* @__PURE__ */ jsx(Box, { asChild: true, ...icon({ size }), children: mapFallbackToIcon[fallback$1] }) }) })
         ] })
       }
     );

package/dist/esm/packages/react/src/avatar-group/AvatarGroup-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BSjn-Kas.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Dex_upXA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['_1ai6m6k',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['rftkct',{display:'flex'}]});
 
 export { avatarGroup };

package/dist/esm/packages/react/src/backdrop/Backdrop-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-CsQVolPU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-Whwe2bz2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'g14pws']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_7i4ajj']});
 
 export { backdrop };

package/dist/esm/packages/react/src/badge/Badge-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-QQNkjqmm.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-ZK5q5LqH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'fz31bq'],variants:{intent:{danger:'_1r398iv',information:'_1rmvao8',neutral:'_1rwrn91',primary:'fy6mnp',success:'_17yttd1',warning:'_1tnnxid'},variant:{strong:'_89etad',subtle:'fl87sa'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'gnos7w'],variants:{intent:{danger:'_15xbmop',information:'kmcse1',neutral:'_1gffnzg',primary:'se389q',success:'_7lhypb',warning:'_1sfrbao'},variant:{strong:'_1rcx804',subtle:'m19hd3'}}});
 
 export { badge };

package/dist/esm/packages/react/src/banner/Banner-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-sEETP_nI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-BWftmIJf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var banner = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'12',justifyContent:'space-between',px:'24',py:'12'}],variants:{intent:{danger:{bg:'bg.error.light'},information:{bg:'bg.information.light'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.light'},warning:{bg:'bg.warning.light'}}}});
-var content = recipeRuntime({base:[{flex:'1',gap:'8'},'_1dabr8s']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8'},'_19axl47']});
 var icon = recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
 
 export { banner, content, icon };

package/dist/esm/packages/react/src/box/Box-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-eS4sCNal.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-DL8o92Hh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-UqsP0JIm.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-Yb2ZcOcM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_1tof4ko'});
+var box = recipeRuntime({base:'_1yzqte0'});
 
 export { box };

package/dist/esm/packages/react/src/breadcrumb-item/BreadcrumbItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
-import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-CaImrrFx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-uqK5i6rz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'zmcqdz']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'ifcvae']});
 
 export { item };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
-import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-D8uu-aKn.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-DPZ_EElA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'oqyc6o']});
+var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_1feur97']});
 
 export { link };

package/dist/esm/packages/react/src/button-base/ButtonBase-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BSjn-Kas.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-myHxMctj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Dex_upXA.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DOZDW1pV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['cw3jjo',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_8ohyom'],variants:{intent:{danger:'kn0196',neutral:'_17hwef5',primary:'_1v57mr'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'oheyhj',true:{}},variant:{outline:'_12av51q',strong:'hnwjlf',subtle:'onjqv3'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_1bqbgdk',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1f4z43',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_66e3xa',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'_12whvdp']});
+var buttonBase = recipeRuntime({base:['_1ssylsz',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1jqvidg'],variants:{intent:{danger:'bjjgrt',neutral:'mqyg50',primary:'_1lujy4w'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'_1ncebm3',true:{}},variant:{outline:'_1x10v0h',strong:'_1xyz66y',subtle:'_1t0hg70'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'s6ywd4',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1gbi3xq',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_1ftcmq',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'c6ijro']});
 
 export { buttonBase, spinner };

package/dist/esm/packages/react/src/button-group/ButtonGroup-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BSjn-Kas.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Dex_upXA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_1qjjh88'});
+var buttonGroup = recipeRuntime({base:'_1coqwon'});
 
 export { buttonGroup };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BSjn-Kas.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-myHxMctj.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BT4yT_nE.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Dex_upXA.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DOZDW1pV.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DkEAnyU2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_1ookt3d']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'rrblnz']});
 
 export { loadable };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-CroXhFsv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-WYW3unXQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',mt:'2',size:'md',transition:'colors'},'_4uegt3'],variants:{appearance:{'default':'_1y80vy8',holiday:[{color:'fg.error'},'k3u0yt'],range_middle:'_1f0l8kz',selected:[{color:'fg.white'},'cij4sj'],weekend:[{color:'fg.tertiary'},'kctzoi']},range:{end:['up3dxi'],middle:['sgvt12'],start:['utr7mk']}}});
-var today = recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_1u8rpv1']});
+var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',mt:'2',size:'md',transition:'colors'},'_1htn2vg'],variants:{appearance:{'default':'nfge9i',holiday:[{color:'fg.error'},'_80lpmr'],range_middle:'_1ten77y',selected:[{color:'fg.white'},'_1ir1whh'],weekend:[{color:'fg.tertiary'},'_5j0miu']},range:{end:['_1ia0d5l'],middle:['v0n3tx'],start:['n7yhux']}}});
+var today = recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_16ist7r']});
 
 export { button, today };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-CNUnEpSQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-x6mCYxvr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1ckpbsz']});
+var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_2w61cc']});
 
 export { months };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
-import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-DuVxFI6D.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-BuTv0WUK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_5mhgbp']});
+var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'ctvt0r']});
 
 export { nav };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-DWtXRO2M.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-TKnv0NLW.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-jR5y1JC8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-CRUwDdBV.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-C8IGxRpo.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-CA0jG4wO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['_1yh5xm1',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'xx2tni']});
+var card = recipeRuntime({base:['vcsml6',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_7584dl']});
 
 export { card };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-8O8_Hd5W.css';
-import './../../../../assets/src/card-action/CardAction.css.ts.vanilla-DM3Lsu8j.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-Bbqjv0ez.css';
+import './../../../../assets/src/card-action/CardAction.css.ts.vanilla-OZpESk7W.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var action = recipeRuntime({base:['rkcjl9']});
+var action = recipeRuntime({base:['_1d56en3']});
 
 export { action };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
-import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-CBP-IbRI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-Bo1Fl2nx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'uf131h'],variants:{orientation:{horizontal:[{w:'auto'},'x5z5hg'],vertical:[{w:'full'},'aj8w6g']}}});
+var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1jep14g'],variants:{orientation:{horizontal:[{w:'auto'},'ssz1ed'],vertical:[{w:'full'},'d1g3b0']}}});
 
 export { cardImage };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-8O8_Hd5W.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-Bbqjv0ez.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardOverflow = recipeRuntime({base:['_1kozqb7',{alignSelf:'stretch'},'_1nswtwo'],variants:{orientation:{horizontal:['a9pv7m'],vertical:['yjgvyd']}}});
+var cardOverflow = recipeRuntime({base:['_1wp8xo3',{alignSelf:'stretch'},'_1fo55u1'],variants:{orientation:{horizontal:['_17ewfz9'],vertical:['_9gj2z2']}}});
 
 export { cardOverflow };

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

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BSjn-Kas.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-NI15o5dX.css';
-import './../../../../assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-BQDcc8sI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Dex_upXA.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CU81AtIf.css';
+import './../../../../assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-D6KMIbCR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_12wptlt'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_1sc4z8y']});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'k6s2nd'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'_49h1bw']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
 
 export { control, icon, indicator };

package/dist/esm/packages/react/src/clock/Clock.js

@@ -32,7 +32,7 @@ const Clock = forwardRef(
           value: parsed.hour,
           children: [
             /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": "Select hour", flex: "1", placeholder: "HH" }),
-            /* @__PURE__ */ jsx(SelectContent, { children: hours.map((hour) => /* @__PURE__ */ jsx(SelectRadioItem, { item: hour, children: hour }, hour)) })
+            /* @__PURE__ */ jsx(SelectContent, {})
           ]
         }
       ),
@@ -71,7 +71,7 @@ const Clock = forwardRef(
                 placeholder: "--"
               }
             ),
-            /* @__PURE__ */ jsx(SelectContent, { children: periods.map((meridiem) => /* @__PURE__ */ jsx(SelectRadioItem, { item: meridiem, children: meridiem }, meridiem)) })
+            /* @__PURE__ */ jsx(SelectContent, {})
           ]
         }
       )

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-Hk9G7ypo.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-BVl1qNYa.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'_11hntan']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'_6z7628']});
 
 export { code };

package/dist/esm/packages/react/src/combobox/Combobox.js

@@ -1,30 +1,22 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { useEffect } from 'react';
 import { ComboboxProvider } from '../combobox-context/ComboboxContext.js';
 import { ComboboxDialogContent } from '../combobox-dialog-content/ComboboxDialogContent.js';
 import { ComboboxPopover } from '../combobox-popover/ComboboxPopover.js';
 import { ComboboxPopoverContent } from '../combobox-popover-content/ComboboxPopoverContent.js';
+import { Command } from '../command/Command.js';
 import { Dialog } from '../dialog/Dialog.js';
 import { DialogTrigger } from '../dialog-trigger/DialogTrigger.js';
 import { PopoverTrigger } from '../popover-trigger/PopoverTrigger.js';
-import { useCommandItems } from '../use-command-items/useCommandItems.js';
 import { useResponsiveMatches } from '../use-responsive-matches/useResponsiveMatches.js';
 
 function Combobox({
   children,
-  defaultItems,
   defaultOpen = false,
-  inputValue: inputValueProp,
-  isItemDisabled = () => false,
-  isItemSelected = () => false,
-  items: itemsProp,
-  itemToLabel = (value) => value ? String(value) : "",
-  onInputValueChange,
-  onItemSelect,
   onOpenChange,
-  open: openProp
+  open: openProp,
+  ...props
 }) {
   const components = useResponsiveMatches({
     base: {
@@ -43,34 +35,7 @@ function Combobox({
     onChange: onOpenChange,
     prop: openProp
   });
-  const [items, inputValue, setInputValue] = useCommandItems({
-    defaultItems,
-    inputValue: inputValueProp,
-    items: itemsProp,
-    itemToLabel,
-    onInputValueChange
-  });
-  useEffect(() => {
-    if (open) {
-      setInputValue("");
-    }
-  }, [open, setInputValue]);
-  return /* @__PURE__ */ jsx(components.Root, { onOpenChange: setOpen, open, children: /* @__PURE__ */ jsx(
-    ComboboxProvider,
-    {
-      components,
-      inputValue,
-      isItemDisabled,
-      isItemSelected,
-      items,
-      itemToLabel,
-      onInputValueChange: setInputValue,
-      onItemSelect,
-      open,
-      setOpen,
-      children
-    }
-  ) });
+  return /* @__PURE__ */ jsx(components.Root, { onOpenChange: setOpen, open, children: /* @__PURE__ */ jsx(ComboboxProvider, { components, open, setOpen, children: /* @__PURE__ */ jsx(Command, { ...props, children }) }) });
 }
 Combobox.displayName = "@optiaxiom/react/Combobox";
 

package/dist/esm/packages/react/src/combobox-content/ComboboxContent.js

@@ -4,7 +4,6 @@ import { forwardRef } from 'react';
 import { useComboboxContext } from '../combobox-context/ComboboxContext.js';
 import { ComboboxInput } from '../combobox-input/ComboboxInput.js';
 import { ComboboxListbox } from '../combobox-listbox/ComboboxListbox.js';
-import { Command } from '../command/Command.js';
 import '../field-context/FieldContext.js';
 import { useFieldContext } from '../field-context/useFieldContext.js';
 import { useResponsiveMatches } from '../use-responsive-matches/useResponsiveMatches.js';
@@ -16,16 +15,9 @@ const ComboboxContent = forwardRef(
       sm: "4"
     });
     const { labelId } = useFieldContext();
-    const {
-      components,
-      inputValue,
-      isItemDisabled,
-      isItemSelected,
-      items,
-      itemToLabel,
-      onInputValueChange,
-      onItemSelect
-    } = useComboboxContext("@optiaxiom/react/ComboboxContent");
+    const { components } = useComboboxContext(
+      "@optiaxiom/react/ComboboxContent"
+    );
     return /* @__PURE__ */ jsx(
       components.Content,
       {
@@ -34,22 +26,10 @@ const ComboboxContent = forwardRef(
         p,
         ref,
         ...props,
-        children: /* @__PURE__ */ jsx(
-          Command,
-          {
-            inputValue,
-            isItemDisabled,
-            isItemSelected,
-            items,
-            itemToLabel,
-            onInputValueChange,
-            onItemSelect,
-            children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(ComboboxInput, { placeholder: "Search..." }),
-              /* @__PURE__ */ jsx(ComboboxListbox, {})
-            ] })
-          }
-        )
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(ComboboxInput, { placeholder: "Search..." }),
+          /* @__PURE__ */ jsx(ComboboxListbox, {})
+        ] })
       }
     );
   }

package/dist/esm/packages/react/src/combobox-listbox/ComboboxListbox.js

@@ -1,45 +1,16 @@
 "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 { ComboboxEmpty } from '../combobox-empty/ComboboxEmpty.js';
 import { ComboboxRadioItem } from '../combobox-radio-item/ComboboxRadioItem.js';
 import { useCommandContext } from '../command-context/CommandContext.js';
 import { CommandListbox } from '../command-listbox/CommandListbox.js';
-import { ListboxVirtualized } from '../listbox-virtualized/ListboxVirtualized.js';
-import { Spinner } from '../spinner/Spinner.js';
 
 const ComboboxListbox = forwardRef(
-  ({ children, items: itemsProp, loading, ...props }, ref) => {
-    const { highlightedItem, items, itemToLabel } = useCommandContext(
+  ({ children, ...props }, ref) => {
+    const { itemToLabel } = useCommandContext(
       "@optiaxiom/react/ComboboxListbox"
     );
-    return /* @__PURE__ */ jsx(
-      CommandListbox,
-      {
-        asChild: !loading && typeof children === "function",
-        ref,
-        tabIndex: -1,
-        ...props,
-        children: loading ? /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsx(Spinner, {}) }) : children ? typeof children === "function" ? /* @__PURE__ */ jsx(
-          ListboxVirtualized,
-          {
-            highlightedItem,
-            items: itemsProp ?? items,
-            children
-          }
-        ) : children : items.length > 0 ? items.map((item, index) => /* @__PURE__ */ jsx(
-          ComboboxRadioItem,
-          {
-            item,
-            children: itemToLabel(item)
-          },
-          typeof item === "string" ? item : index
-        )) : /* @__PURE__ */ jsx(ComboboxEmpty, { children: "No results found." })
-      }
-    );
+    return /* @__PURE__ */ jsx(CommandListbox, { ref, tabIndex: -1, ...props, children: children ?? ((item) => /* @__PURE__ */ jsx(ComboboxRadioItem, { item, children: itemToLabel(item) })) });
   }
 );
 ComboboxListbox.displayName = "@optiaxiom/react/ComboboxListbox";

package/dist/esm/packages/react/src/combobox-trigger/ComboboxTrigger.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { forwardRef, useRef } from 'react';
 import { AngleMenuButton } from '../angle-menu-button/AngleMenuButton.js';
@@ -7,15 +7,10 @@ import { useComboboxContext } from '../combobox-context/ComboboxContext.js';
 import { useFieldLabelTrigger } from '../use-field-label-trigger/useFieldLabelTrigger.js';
 
 const ComboboxTrigger = forwardRef(
-  ({
-    "aria-labelledby": ariaLabelledBy,
-    asChild,
-    children,
-    placeholder,
-    ...props
-  }, outerRef) => {
-    const { components, isItemSelected, items, itemToLabel, setOpen } = useComboboxContext("@optiaxiom/react/ComboboxTrigger");
-    const value = items.filter((item, index) => isItemSelected(item, index));
+  ({ "aria-labelledby": ariaLabelledBy, asChild, children, ...props }, outerRef) => {
+    const { components, setOpen } = useComboboxContext(
+      "@optiaxiom/react/ComboboxTrigger"
+    );
     const buttonRef = useRef(null);
     const ref = useComposedRefs(outerRef, buttonRef);
     const labelId = useFieldLabelTrigger(buttonRef, ariaLabelledBy);
@@ -32,12 +27,8 @@ const ComboboxTrigger = forwardRef(
           }
         },
         ref,
-        role: "combobox",
         ...props,
-        children: asChild ? children : /* @__PURE__ */ jsx(AngleMenuButton, { children: Array.isArray(value) && value.length > 0 ? children ?? /* @__PURE__ */ jsx(Fragment, { children: value.length === 1 ? itemToLabel(value[0]) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          value.length,
-          " selected"
-        ] }) }) : placeholder })
+        children: asChild ? children : /* @__PURE__ */ jsx(AngleMenuButton, { children })
       }
     );
   }

package/dist/esm/packages/react/src/command/Command.js

@@ -5,9 +5,11 @@ import { useState } from 'react';
 import { CommandProvider } from '../command-context/CommandContext.js';
 import { usePortalPatch } from '../downshift/usePortalPatch.js';
 import { useCommandItems } from '../use-command-items/useCommandItems.js';
+import { useEffectEvent } from '../use-event/useEffectEvent.js';
 
 function Command({
   children,
+  defaultFilter,
   defaultItems,
   inputValue: inputValueProp,
   isItemDisabled = () => false,
@@ -19,6 +21,7 @@ function Command({
   onItemSelect
 }) {
   const [items, inputValue, setInputValue] = useCommandItems({
+    defaultFilter,
     defaultItems,
     inputValue: inputValueProp,
     items: itemsProp,
@@ -35,8 +38,9 @@ function Command({
     inputValue,
     isItemDisabled,
     isOpen: placed,
+    // @ts-expect-error -- no harm in supporting read only arrays
     items,
-    itemToString: itemToLabel,
+    itemToString: (item) => item !== null ? itemToLabel(item) : "",
     onHighlightedIndexChange({ highlightedIndex: highlightedIndex2, type }) {
       if (type !== useCombobox.stateChangeTypes.MenuMouseLeave) {
         setHighlightedIndex(highlightedIndex2);
@@ -62,7 +66,7 @@ function Command({
       }
     },
     onSelectedItemChange({ selectedItem, type }) {
-      if (type !== useCombobox.stateChangeTypes.InputBlur && selectedItem) {
+      if (type !== useCombobox.stateChangeTypes.InputBlur && selectedItem !== null) {
         onItemSelect?.(selectedItem);
       }
     },
@@ -70,7 +74,9 @@ function Command({
     stateReducer: (state, actionAndChanges) => {
       const { changes, type } = actionAndChanges;
       switch (type) {
+        case useCombobox.stateChangeTypes.InputBlur:
         case useCombobox.stateChangeTypes.InputKeyDownEnter:
+        case useCombobox.stateChangeTypes.InputKeyDownEscape:
         case useCombobox.stateChangeTypes.ItemClick:
           return {
             ...changes,
@@ -84,6 +90,7 @@ function Command({
       }
     }
   });
+  downshift.getInputProps({}, { suppressRefError: true });
   downshift.getMenuProps({}, { suppressRefError: true });
   return /* @__PURE__ */ jsx(
     CommandProvider,
@@ -97,6 +104,7 @@ function Command({
       itemToLabel,
       itemToSubItems,
       lastInteractionSource,
+      placed,
       setHighlightedIndex: (index, source) => {
         setHighlightedIndex(index);
         setLastInteractionSource(source);
@@ -105,7 +113,13 @@ function Command({
         setHighlightedSubIndex(index);
         setLastInteractionSource(source);
       },
-      setInputValue,
+      setInputValue: useEffectEvent((newInputValue) => {
+        if (inputValue === "" && newInputValue === "") {
+          onInputValueChange?.("");
+        } else {
+          setInputValue(newInputValue);
+        }
+      }),
       setPlaced,
       children
     }