@optiaxiom/react 1.2.1 → 1.2.3

package/dist/esm/packages/react/src/alert-dialog-footer/AlertDialogFooter-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
-import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-B5Tvoqfz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
+import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-CHhpsWqa.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1otqdia']});
+var footer = recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1el0kgy']});
 
 export { footer };

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

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

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-DsFm7XLh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-QQNkjqmm.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'},'_1qropop'],variants:{intent:{danger:'uq5h16',information:'znpty6',neutral:'_1demmy',primary:'_140csqw',success:'c13bt8',warning:'x9fnqc'},variant:{strong:'wv89ux',subtle:'_1im8x1j'}}});
+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'}}});
 
 export { badge };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-Dq_hEl05.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-sEETP_nI.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'},'r2h0tf']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8'},'_1dabr8s']});
 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-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 './../../../../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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_87ohek'});
+var box = recipeRuntime({base:'_1tof4ko'});
 
 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-Cuv-7Lkf.css';
-import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-os_HDA_Z.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
+import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-CaImrrFx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1d036to']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'zmcqdz']});
 
 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-Cuv-7Lkf.css';
-import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-Cx3SKb6H.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
+import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-D8uu-aKn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_1ycizya']});
+var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'oqyc6o']});
 
 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-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/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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-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']});
+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']});
 
 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-Cuv-7Lkf.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DgtPdTAh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BSjn-Kas.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_1xy888f'});
+var buttonGroup = recipeRuntime({base:'_1qjjh88'});
 
 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-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 './../../../../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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_1pma1st']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_1ookt3d']});
 
 export { loadable };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-BSYbWT-r.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-CroXhFsv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-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']});
+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']});
 
 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-Cuv-7Lkf.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-CXViYM7b.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-CNUnEpSQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1xucfdf']});
+var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1ckpbsz']});
 
 export { months };

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

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

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

@@ -1,9 +1,9 @@
-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 './../../../../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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['l5blm9',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1ft5c1']});
+var card = recipeRuntime({base:['_1yh5xm1',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'xx2tni']});
 
 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-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 './../../../../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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var action = recipeRuntime({base:['_1gykdu1']});
+var action = recipeRuntime({base:['rkcjl9']});
 
 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-Cuv-7Lkf.css';
-import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-DKwDkrcg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
+import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-CBP-IbRI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'udfqza'],variants:{orientation:{horizontal:[{w:'auto'},'sa8291'],vertical:[{w:'full'},'_1vnaxh1']}}});
+var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'uf131h'],variants:{orientation:{horizontal:[{w:'auto'},'x5z5hg'],vertical:[{w:'full'},'aj8w6g']}}});
 
 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-Cuv-7Lkf.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-z3unCwRo.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-8O8_Hd5W.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardOverflow = recipeRuntime({base:['glarbo',{alignSelf:'stretch'},'_1dedy1o'],variants:{orientation:{horizontal:['_1qbczf1'],vertical:['_1s3a94e']}}});
+var cardOverflow = recipeRuntime({base:['_1kozqb7',{alignSelf:'stretch'},'_1nswtwo'],variants:{orientation:{horizontal:['a9pv7m'],vertical:['yjgvyd']}}});
 
 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-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 './../../../../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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-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 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 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-Cuv-7Lkf.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-CPjBtFqy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-Hk9G7ypo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'bdc31w']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'_11hntan']});
 
 export { code };

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

@@ -9,16 +9,17 @@ import { ComboboxPopoverContent } from '../combobox-popover-content/ComboboxPopo
 import { Dialog } from '../dialog/Dialog.js';
 import { DialogTrigger } from '../dialog-trigger/DialogTrigger.js';
 import { PopoverTrigger } from '../popover-trigger/PopoverTrigger.js';
-import { useEffectEvent } from '../use-event/useEffectEvent.js';
+import { useCommandItems } from '../use-command-items/useCommandItems.js';
 import { useResponsiveMatches } from '../use-responsive-matches/useResponsiveMatches.js';
 
 function Combobox({
   children,
+  defaultItems,
   defaultOpen = false,
-  inputValue,
+  inputValue: inputValueProp,
   isItemDisabled = () => false,
   isItemSelected = () => false,
-  items,
+  items: itemsProp,
   itemToLabel = (value) => value ? String(value) : "",
   onInputValueChange,
   onItemSelect,
@@ -42,15 +43,18 @@ function Combobox({
     onChange: onOpenChange,
     prop: openProp
   });
-  const onInputValueChangeStable = useEffectEvent(
-    onInputValueChange ?? (() => {
-    })
-  );
+  const [items, inputValue, setInputValue] = useCommandItems({
+    defaultItems,
+    inputValue: inputValueProp,
+    items: itemsProp,
+    itemToLabel,
+    onInputValueChange
+  });
   useEffect(() => {
     if (open) {
-      onInputValueChangeStable("");
+      setInputValue("");
     }
-  }, [open, onInputValueChangeStable]);
+  }, [open, setInputValue]);
   return /* @__PURE__ */ jsx(components.Root, { onOpenChange: setOpen, open, children: /* @__PURE__ */ jsx(
     ComboboxProvider,
     {
@@ -60,7 +64,7 @@ function Combobox({
       isItemSelected,
       items,
       itemToLabel,
-      onInputValueChange,
+      onInputValueChange: setInputValue,
       onItemSelect,
       open,
       setOpen,

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

@@ -1,13 +1,10 @@
 "use client";
 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 { ComboboxListbox } from '../combobox-listbox/ComboboxListbox.js';
 import { Command } from '../command/Command.js';
-import { CommandListbox } from '../command-listbox/CommandListbox.js';
 import '../field-context/FieldContext.js';
 import { useFieldContext } from '../field-context/useFieldContext.js';
 import { useResponsiveMatches } from '../use-responsive-matches/useResponsiveMatches.js';
@@ -47,27 +44,10 @@ const ComboboxContent = forwardRef(
             itemToLabel,
             onInputValueChange,
             onItemSelect,
-            stateReducer: (state, actionAndChanges) => {
-              const { changes, type } = actionAndChanges;
-              switch (type) {
-                case useCombobox.stateChangeTypes.InputKeyDownEnter:
-                case useCombobox.stateChangeTypes.ItemClick:
-                  return {
-                    ...changes,
-                    /**
-                     * Keep the selected option highlighted rather than resetting to -1
-                     */
-                    highlightedIndex: state.highlightedIndex
-                  };
-                default:
-                  return changes;
-              }
-            },
-            children: /* @__PURE__ */ jsx(CommandListbox, { children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+            children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(ComboboxInput, { placeholder: "Search..." }),
-              /* @__PURE__ */ jsx(ComboboxScrollArea, {}),
-              items.length === 0 && /* @__PURE__ */ jsx(ComboboxEmpty, { children: "No result found" })
-            ] }) })
+              /* @__PURE__ */ jsx(ComboboxListbox, {})
+            ] })
           }
         )
       }

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

@@ -0,0 +1,47 @@
+"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(
+      "@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." })
+      }
+    );
+  }
+);
+ComboboxListbox.displayName = "@optiaxiom/react/ComboboxListbox";
+
+export { ComboboxListbox };

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

@@ -1,27 +1,29 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useCombobox } from 'downshift';
 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';
 
 function Command({
   children,
+  defaultItems,
   inputValue: inputValueProp,
   isItemDisabled = () => false,
   isItemSelected = () => false,
-  items,
+  items: itemsProp,
   itemToLabel = (value) => value ? String(value) : "",
   itemToSubItems,
   onInputValueChange,
-  onItemSelect,
-  ...props
+  onItemSelect
 }) {
-  const [inputValue, setInputValue] = useControllableState({
-    defaultProp: "",
-    onChange: onInputValueChange,
-    prop: inputValueProp
+  const [items, inputValue, setInputValue] = useCommandItems({
+    defaultItems,
+    inputValue: inputValueProp,
+    items: itemsProp,
+    itemToLabel,
+    onInputValueChange
   });
   const [lastInteractionSource, setLastInteractionSource] = useState("pointer");
   const [highlightedIndex, setHighlightedIndex, placed, setPlaced] = usePortalPatch(
@@ -29,7 +31,6 @@ function Command({
   );
   const [highlightedSubIndex, setHighlightedSubIndex] = useState(-1);
   const downshift = useCombobox({
-    ...props,
     highlightedIndex: highlightedIndex === -1 ? items.findIndex((item, index) => !isItemDisabled(item, index)) : highlightedIndex,
     inputValue,
     isItemDisabled,
@@ -65,7 +66,23 @@ function Command({
         onItemSelect?.(selectedItem);
       }
     },
-    selectedItem: null
+    selectedItem: null,
+    stateReducer: (state, actionAndChanges) => {
+      const { changes, type } = actionAndChanges;
+      switch (type) {
+        case useCombobox.stateChangeTypes.InputKeyDownEnter:
+        case useCombobox.stateChangeTypes.ItemClick:
+          return {
+            ...changes,
+            /**
+             * Keep the selected option highlighted rather than resetting to -1
+             */
+            highlightedIndex: state.highlightedIndex
+          };
+        default:
+          return changes;
+      }
+    }
   });
   downshift.getMenuProps({}, { suppressRefError: true });
   return /* @__PURE__ */ jsx(
@@ -77,6 +94,7 @@ function Command({
       isItemDisabled,
       isItemSelected,
       items,
+      itemToLabel,
       itemToSubItems,
       lastInteractionSource,
       setHighlightedIndex: (index, source) => {

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

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

package/dist/esm/packages/react/src/cover/Cover-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-CsJxHhFc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-DWtXRO2M.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cover = recipeRuntime({variants:{disabled:{false:['_5dpppx','qx2mml'],true:{}},inset:{false:'_8eibm7',true:'_5l6odk'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['_1c55xmn','_18xlm1w'],true:{}},inset:{false:'gelf32',true:'dgowto'}}});
 
 export { cover };

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

@@ -1,14 +1,14 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DN_hxrZj.css';
-import './../../../../assets/src/data-table-body/DataTableBody.css.ts.vanilla-SQxeBF7k.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-BshAA-yT.css';
+import './../../../../assets/src/data-table-body/DataTableBody.css.ts.vanilla-CTJSjhcu.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'_141c5q2'],variants:{pinned:{left:'_1covsec',right:'_1twjx5s'},pinnedType:{body:'b3i7kg',header:{}}}});
-var cellOffsetVar = 'var(--_1s2xjze)';
-var cellSizeVar = 'var(--wep9ta)';
-var header = recipeRuntime({base:[{display:'grid'},'qjc5mu']});
-var leftTotalSizeVar = 'var(--uoccg)';
-var rightTotalSizeVar = 'var(--_1v0u4w1)';
-var table = recipeRuntime({base:'i3o1gc',variants:{pinned:{both:'imz10m',left:'_1iqe5xy',none:{},right:'_1xsz37l'}}});
+var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'jbu0v4'],variants:{pinned:{left:'n6ea40',right:'udkbdu'},pinnedType:{body:'_14g265e',header:{}}}});
+var cellOffsetVar = 'var(--_1o9r5u6)';
+var cellSizeVar = 'var(--o6g8m9)';
+var header = recipeRuntime({base:[{display:'grid'},'_1ole8v5']});
+var leftTotalSizeVar = 'var(--_1abw5yr)';
+var rightTotalSizeVar = 'var(--_1pr764b)';
+var table = recipeRuntime({base:'_1j82aiq',variants:{pinned:{both:'_176wa32',left:'_1p99ji0',none:{},right:'qa8jx0'}}});
 
 export { cell, cellOffsetVar, cellSizeVar, header, leftTotalSizeVar, rightTotalSizeVar, table };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cuv-7Lkf.css';
-import './../../../../assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-DAi3klAu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BeSAdLYi.css';
+import './../../../../assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-OoBOGXUY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'yhvxp3',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = recipeRuntime({base:'_9g1b73',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 export { addon };