@optiaxiom/react 1.1.3 → 1.2.1

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-srDo7dTU.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-CAa3ysb2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DgtPdTAh.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-B9FItqui.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'},'_1flisla'],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'},'_1tyod5h'],xs:[{fontWeight:'400',size:'xs'},'_1sgj8im'],sm:[{size:'sm'},'_14awkkm'],md:[{size:'md'},'_9w46u'],lg:[{size:'lg'},'_3gzhdu'],xl:[{size:'xl'},'_1q8u5se'],'3xl':[{size:'3xl'},'_11lk2gj']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1fywdu7'],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'},'_1265z4l'],xs:[{fontWeight:'400',size:'xs'},'_9fivkx'],sm:[{size:'sm'},'_1somr4f'],md:[{size:'md'},'_1jleupa'],lg:[{size:'lg'},'w0v5j0'],xl:[{size:'xl'},'kmffff'],'3xl':[{size:'3xl'},'_13dl8qt']}}});
 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-group/AvatarGroup-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-srDo7dTU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DgtPdTAh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['_1b2rpvb',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_1srs8xs',{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-7HanOaMW.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-D15NQypl.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-rvL6ykD8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1coda4u']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1qoallm']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-CqLFr5DZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-DsFm7XLh.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'},'rho764'],variants:{intent:{danger:'_1gnj4r7',information:'_14u9svw',neutral:'bwjb68',primary:'lewvqc',success:'t209ee',warning:'dkluaa'},variant:{strong:'_13pfpg',subtle:'cx6c5p'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1qropop'],variants:{intent:{danger:'uq5h16',information:'znpty6',neutral:'_1demmy',primary:'_140csqw',success:'c13bt8',warning:'x9fnqc'},variant:{strong:'wv89ux',subtle:'_1im8x1j'}}});
 
 export { badge };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-D9z14yPT.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-Dq_hEl05.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'},'sasiaj']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8'},'r2h0tf']});
 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-7HanOaMW.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-CMrdy2Fb.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-Ba15HAlk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-CpC_7tYh.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-nUzLtBqq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'xrk8dj'});
+var box = recipeRuntime({base:'_87ohek'});
 
 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-7HanOaMW.css';
-import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-BkkuG56D.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-os_HDA_Z.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_12nq4wo']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1d036to']});
 
 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-7HanOaMW.css';
-import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-DcLipP64.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-Cx3SKb6H.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'r2sfj1']});
+var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_1ycizya']});
 
 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-7HanOaMW.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-srDo7dTU.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DXoKps84.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DgtPdTAh.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-B4p1rHFT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['_1qhett2',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1srqizp'],variants:{intent:{danger:'_1ktexqa',neutral:'_19p1ucl',primary:'_1o9vusj'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'_1sp23dw',true:{}},variant:{outline:'_1c2by9h',strong:'_190t917',subtle:'_1m5s1yu'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'epynku',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'c3pbxq',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_1e6r76s',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'_1agahro']});
+var buttonBase = recipeRuntime({base:['_54iwr4',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_4zwl9o'],variants:{intent:{danger:'_1n6ib83',neutral:'bgnf1v',primary:'e7yqop'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'_199t6w7',true:{}},variant:{outline:'_1k38x1c',strong:'o7estr',subtle:'_150b109'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_335mp',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1x3htoq',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_3vgcpt',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'_1xni797']});
 
 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-7HanOaMW.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-srDo7dTU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DgtPdTAh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_1x77d0m'});
+var buttonGroup = recipeRuntime({base:'_1xy888f'});
 
 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-7HanOaMW.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-srDo7dTU.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DXoKps84.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-A5IAJLaV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DgtPdTAh.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-B4p1rHFT.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DjZ2kzIz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'k9auaa']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_1pma1st']});
 
 export { loadable };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-qXMxj_SU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-BSYbWT-r.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',mt:'2',size:'md',transition:'colors'},'_17mjph1'],variants:{appearance:{'default':'_1stagzz',holiday:[{color:'fg.error'},'_1d8fv8e'],range_middle:'_16f95s8',selected:[{color:'fg.white'},'_14toqic'],weekend:[{color:'fg.tertiary'},'_19k0uuu']},range:{end:['kl3gx2'],middle:['p8gmeb'],start:['_1n2kxrf']}}});
-var today = recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_19gzrwq']});
+var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',mt:'2',size:'md',transition:'colors'},'_1v69ysg'],variants:{appearance:{'default':'_158ksx7',holiday:[{color:'fg.error'},'_1vn045p'],range_middle:'_1bd17z4',selected:[{color:'fg.white'},'_5e84fw'],weekend:[{color:'fg.tertiary'},'_1o5oqyb']},range:{end:['_7j2wcy'],middle:['_1c7z75l'],start:['r1enva']}}});
+var today = recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_11ti670']});
 
 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-7HanOaMW.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-DnUaHEqa.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-CXViYM7b.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'yf8ybu']});
+var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1xucfdf']});
 
 export { months };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
-import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-D5Q4e1r4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-CthaNPla.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_962l4e']});
+var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_1440ccj']});
 
 export { nav };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-DIOlO5hA.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-BaVqR5vh.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-CrrUFOhD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-CsJxHhFc.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-UCpNUYWa.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-DbLKnqUo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['_11jp0gq',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'dc5n8l']});
+var card = recipeRuntime({base:['l5blm9',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1ft5c1']});
 
 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-7HanOaMW.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-ChyrJkeZ.css';
-import './../../../../assets/src/card-action/CardAction.css.ts.vanilla-BUpdf1CG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-z3unCwRo.css';
+import './../../../../assets/src/card-action/CardAction.css.ts.vanilla-C49W_yor.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var action = recipeRuntime({base:['_447p5l']});
+var action = recipeRuntime({base:['_1gykdu1']});
 
 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-7HanOaMW.css';
-import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-Cnp7BV04.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-DKwDkrcg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1tkbko8'],variants:{orientation:{horizontal:[{w:'auto'},'_14a2vz'],vertical:[{w:'full'},'_1jrgkm8']}}});
+var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'udfqza'],variants:{orientation:{horizontal:[{w:'auto'},'sa8291'],vertical:[{w:'full'},'_1vnaxh1']}}});
 
 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-7HanOaMW.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-ChyrJkeZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-z3unCwRo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardOverflow = recipeRuntime({base:['dur7cm',{alignSelf:'stretch'},'_1w9ofdv'],variants:{orientation:{horizontal:['_9mf7vj'],vertical:['_1wmjfxi']}}});
+var cardOverflow = recipeRuntime({base:['glarbo',{alignSelf:'stretch'},'_1dedy1o'],variants:{orientation:{horizontal:['_1qbczf1'],vertical:['_1s3a94e']}}});
 
 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-7HanOaMW.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-srDo7dTU.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-YO7Szc09.css';
-import './../../../../assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-D0M5Xq3j.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DgtPdTAh.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CA3LAOeu.css';
+import './../../../../assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-DEnY6Cu8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1wmsbe3'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_10lb76j']});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'upuqst'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'_17sogb4']});
 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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-Be9YqMUk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-CPjBtFqy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'astzt']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'bdc31w']});
 
 export { code };

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { useMemo, useEffect } from 'react';
+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';
@@ -17,14 +17,13 @@ function Combobox({
   defaultOpen = false,
   inputValue,
   isItemDisabled = () => false,
+  isItemSelected = () => false,
   items,
-  itemToKey = (value) => value,
-  itemToString = (value) => value ? String(value) : "",
+  itemToLabel = (value) => value ? String(value) : "",
   onInputValueChange,
   onItemSelect,
   onOpenChange,
-  open: openProp,
-  value: valueProp
+  open: openProp
 }) {
   const components = useResponsiveMatches({
     base: {
@@ -38,10 +37,6 @@ function Combobox({
       Trigger: PopoverTrigger
     }
   });
-  const value = useMemo(
-    () => Array.isArray(valueProp) ? new Set(valueProp) : valueProp,
-    [valueProp]
-  );
   const [open, setOpen] = useControllableState({
     defaultProp: defaultOpen,
     onChange: onOpenChange,
@@ -62,14 +57,13 @@ function Combobox({
       components,
       inputValue,
       isItemDisabled,
+      isItemSelected,
       items,
-      itemToKey,
-      itemToString,
+      itemToLabel,
       onInputValueChange,
       onItemSelect,
       open,
       setOpen,
-      value,
       children
     }
   ) });

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

@@ -1,8 +1,11 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useCombobox } from 'downshift';
 import { forwardRef } from 'react';
 import { useComboboxContext } from '../combobox-context/ComboboxContext.js';
+import { ComboboxEmpty } from '../combobox-empty/ComboboxEmpty.js';
+import { ComboboxInput } from '../combobox-input/ComboboxInput.js';
+import { ComboboxScrollArea } from '../combobox-scroll-area/ComboboxScrollArea.js';
 import { Command } from '../command/Command.js';
 import { CommandListbox } from '../command-listbox/CommandListbox.js';
 import '../field-context/FieldContext.js';
@@ -20,12 +23,11 @@ const ComboboxContent = forwardRef(
       components,
       inputValue,
       isItemDisabled,
+      isItemSelected,
       items,
-      itemToKey,
-      itemToString,
+      itemToLabel,
       onInputValueChange,
-      onItemSelect,
-      value
+      onItemSelect
     } = useComboboxContext("@optiaxiom/react/ComboboxContent");
     return /* @__PURE__ */ jsx(
       components.Content,
@@ -40,9 +42,9 @@ const ComboboxContent = forwardRef(
           {
             inputValue,
             isItemDisabled,
+            isItemSelected,
             items,
-            itemToKey,
-            itemToString,
+            itemToLabel,
             onInputValueChange,
             onItemSelect,
             stateReducer: (state, actionAndChanges) => {
@@ -61,8 +63,11 @@ const ComboboxContent = forwardRef(
                   return changes;
               }
             },
-            value,
-            children: /* @__PURE__ */ jsx(CommandListbox, { children })
+            children: /* @__PURE__ */ jsx(CommandListbox, { children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(ComboboxInput, { placeholder: "Search..." }),
+              /* @__PURE__ */ jsx(ComboboxScrollArea, {}),
+              items.length === 0 && /* @__PURE__ */ jsx(ComboboxEmpty, { children: "No result found" })
+            ] }) })
           }
         )
       }

package/dist/esm/packages/react/src/combobox-scroll-area/ComboboxScrollArea.js

@@ -4,11 +4,32 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
+import { ComboboxRadioItem } from '../combobox-radio-item/ComboboxRadioItem.js';
+import { useCommandContext } from '../command-context/CommandContext.js';
 import { ListboxScrollArea } from '../listbox-scroll-area/ListboxScrollArea.js';
+import { ListboxVirtualized } from '../listbox-virtualized/ListboxVirtualized.js';
 import { Spinner } from '../spinner/Spinner.js';
 
-const ComboboxScrollArea = forwardRef(({ children, loading, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(ListboxScrollArea, { ref, ...props, children: loading ? /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsx(Spinner, {}) }) : children });
+const ComboboxScrollArea = forwardRef(({ children, items: itemsProp, loading, ...props }, ref) => {
+  const { highlightedItem, items } = useCommandContext(
+    "@optiaxiom/react/ComboboxScrollArea"
+  );
+  return /* @__PURE__ */ jsx(
+    ListboxScrollArea,
+    {
+      asChild: !loading && typeof children === "function",
+      ref,
+      ...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.map((item) => /* @__PURE__ */ jsx(ComboboxRadioItem, { item, children: item }, item))
+    }
+  );
 });
 ComboboxScrollArea.displayName = "@optiaxiom/react/ComboboxScrollArea";
 

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { forwardRef, useMemo, useRef } from 'react';
+import { forwardRef, useRef } from 'react';
 import { AngleMenuButton } from '../angle-menu-button/AngleMenuButton.js';
 import { useComboboxContext } from '../combobox-context/ComboboxContext.js';
 import { useFieldLabelTrigger } from '../use-field-label-trigger/useFieldLabelTrigger.js';
@@ -14,16 +14,8 @@ const ComboboxTrigger = forwardRef(
     placeholder,
     ...props
   }, outerRef) => {
-    const {
-      components,
-      itemToString,
-      setOpen,
-      value: valueContext
-    } = useComboboxContext("@optiaxiom/react/ComboboxTrigger");
-    const value = useMemo(
-      () => valueContext instanceof Set ? [...valueContext] : valueContext,
-      [valueContext]
-    );
+    const { components, isItemSelected, items, itemToLabel, setOpen } = useComboboxContext("@optiaxiom/react/ComboboxTrigger");
+    const value = items.filter((item, index) => isItemSelected(item, index));
     const buttonRef = useRef(null);
     const ref = useComposedRefs(outerRef, buttonRef);
     const labelId = useFieldLabelTrigger(buttonRef, ariaLabelledBy);
@@ -42,7 +34,7 @@ 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 ? itemToString(value[0]) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        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 })

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

@@ -2,45 +2,40 @@
 import { jsx } from 'react/jsx-runtime';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useCombobox } from 'downshift';
-import { useMemo, useState } from 'react';
+import { useState } from 'react';
 import { CommandProvider } from '../command-context/CommandContext.js';
 import { usePortalPatch } from '../downshift/usePortalPatch.js';
 
-const isHoverSupported = typeof window !== "undefined" && window.matchMedia("(hover: hover)").matches;
 function Command({
   children,
   inputValue: inputValueProp,
   isItemDisabled = () => false,
+  isItemSelected = () => false,
   items,
-  itemToKey = (value) => value,
-  itemToString = (value) => value ? String(value) : "",
+  itemToLabel = (value) => value ? String(value) : "",
   itemToSubItems,
   onInputValueChange,
   onItemSelect,
-  value: valueProp,
   ...props
 }) {
-  const value = useMemo(
-    () => Array.isArray(valueProp) ? new Set(valueProp) : valueProp,
-    [valueProp]
-  );
   const [inputValue, setInputValue] = useControllableState({
     defaultProp: "",
     onChange: onInputValueChange,
     prop: inputValueProp
   });
   const [lastInteractionSource, setLastInteractionSource] = useState("pointer");
-  const [highlightedIndex, setHighlightedIndex, placed, setPlaced] = usePortalPatch(items.findIndex((item) => value?.has(item)));
+  const [highlightedIndex, setHighlightedIndex, placed, setPlaced] = usePortalPatch(
+    () => items.findIndex((item, index) => isItemSelected(item, index))
+  );
   const [highlightedSubIndex, setHighlightedSubIndex] = useState(-1);
   const downshift = useCombobox({
     ...props,
-    highlightedIndex: highlightedIndex === -1 && isHoverSupported ? items.findIndex((item, index) => !isItemDisabled(item, index)) : highlightedIndex,
+    highlightedIndex: highlightedIndex === -1 ? items.findIndex((item, index) => !isItemDisabled(item, index)) : highlightedIndex,
     inputValue,
     isItemDisabled,
     isOpen: placed,
     items,
-    itemToKey,
-    itemToString,
+    itemToString: itemToLabel,
     onHighlightedIndexChange({ highlightedIndex: highlightedIndex2, type }) {
       if (type !== useCombobox.stateChangeTypes.MenuMouseLeave) {
         setHighlightedIndex(highlightedIndex2);
@@ -80,6 +75,7 @@ function Command({
       highlightedItem: items[downshift.highlightedIndex],
       highlightedSubIndex: highlightedSubIndex === -1 && items[downshift.highlightedIndex] && itemToSubItems?.(items[downshift.highlightedIndex])?.length ? 0 : highlightedSubIndex,
       isItemDisabled,
+      isItemSelected,
       items,
       itemToSubItems,
       lastInteractionSource,
@@ -93,7 +89,6 @@ function Command({
       },
       setInputValue,
       setPlaced,
-      value,
       children
     }
   );

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-D-0-eTQQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-DVJVzR2k.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'_15gu4qf'});
+var item = recipeRuntime({base:'m0uhps'});
 
 export { item };

package/dist/esm/packages/react/src/command-item/CommandItem.js

@@ -6,11 +6,9 @@ import { CommandFocusableItem } from '../command-focusable-item/CommandFocusable
 
 const CommandItem = forwardRef(
   ({ children, item, selected, size, ...props }, ref) => {
-    const { downshift, highlightedItem, value } = useCommandContext(
-      "@optiaxiom/react/CommandItem"
-    );
+    const { downshift, highlightedItem, isItemSelected, items } = useCommandContext("@optiaxiom/react/CommandItem");
     const itemProps = downshift.getItemProps({
-      "aria-selected": selected ?? value?.has(item),
+      "aria-selected": selected ?? isItemSelected(item, items.indexOf(item)),
       item,
       ref,
       ...props

package/dist/esm/packages/react/src/command-listbox/CommandListbox.js

@@ -10,7 +10,7 @@ const CommandListbox = forwardRef(
       "@optiaxiom/react/CommandListbox"
     );
     useEffect(() => {
-      setPlaced(true);
+      requestAnimationFrame(() => setPlaced(true));
     }, [setPlaced]);
     return /* @__PURE__ */ jsx(Listbox, { size, ...downshift.getMenuProps({ ref, ...props }), children });
   }

package/dist/esm/packages/react/src/command-sub-item/CommandSubItem.js

@@ -13,21 +13,22 @@ const CommandSubItem = forwardRef(
       highlightedItem,
       highlightedSubIndex,
       isItemDisabled,
+      isItemSelected,
       items,
       itemToSubItems,
       setHighlightedIndex,
-      setHighlightedSubIndex,
-      value
+      setHighlightedSubIndex
     } = useCommandContext("@optiaxiom/react/CommandSubItem");
     const { item: parentItem } = useCommandSubContext(
       "@optiaxiom/react/CommandSubItem"
     );
     const subItems = itemToSubItems?.(parentItem) ?? [];
     const highlightedSubItem = highlightedItem === parentItem && highlightedSubIndex !== -1 ? subItems[highlightedSubIndex] : null;
+    const index = items.indexOf(parentItem);
     const subIndex = subItems.indexOf(item);
     const disabled = isItemDisabled(item, subIndex);
     const highlighted = highlightedSubItem === item;
-    const isSelected = selected ?? value?.has(item);
+    const isSelected = selected ?? isItemSelected(item, index);
     const innerRef = useRef(null);
     const ref = useComposedRefs(innerRef, outerRef);
     useEffect(() => {
@@ -59,7 +60,7 @@ const CommandSubItem = forwardRef(
           if (event.defaultPrevented) {
             return;
           }
-          setHighlightedIndex(items.indexOf(parentItem), "pointer");
+          setHighlightedIndex(index, "pointer");
           setHighlightedSubIndex(subIndex, "pointer");
         },
         ref,