@optiaxiom/react 1.3.0 → 1.3.1

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-DnmPKsAO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CDv_HSCK.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-BxJPOe39.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'},'sgtqgm'],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'},'vmxwmr'],xs:[{fontWeight:'400',size:'xs'},'nmhhxz'],sm:[{size:'sm'},'kgmol5'],md:[{size:'md'},'_102cxqj'],lg:[{size:'lg'},'_1eiyfrp'],xl:[{size:'xl'},'_16insu1'],'3xl':[{size:'3xl'},'_1hfgswz']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_19hpab1'],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'},'_1sjih9t'],xs:[{fontWeight:'400',size:'xs'},'m28kux'],sm:[{size:'sm'},'errc5o'],md:[{size:'md'},'myq2zp'],lg:[{size:'lg'},'_1bvj6xb'],xl:[{size:'xl'},'wjzshx'],'3xl':[{size:'3xl'},'osmpfm']}}});
 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-9E2kDjKk.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CDv_HSCK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['u2ln8q',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_1qrioyb',{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-9E2kDjKk.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-BeqTH3mM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-BROM2YGz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'zi74oa']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_4ne94s']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-DyqEtima.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-B6cgVMTN.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'},'_1hnnjs1'],variants:{intent:{danger:'_1tcrdze',information:'_1dige54',neutral:'_1bn3pvm',primary:'yambo9',success:'_416zu8',warning:'_1stkb6f'},variant:{strong:'ib8wjm',subtle:'_18qpf9a'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1809jls'],variants:{intent:{danger:'_1dji7c',information:'_15nj52k',neutral:'_1m4las8',primary:'ndpdet',success:'_1bq0pw0',warning:'_2anae9'},variant:{strong:'_8j86vq',subtle:'a7e7c6'}}});
 
 export { badge };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-rRvp60j9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-B3InWCye.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'},'gqkdh6']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8'},'_1bfghou']});
 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-9E2kDjKk.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-zOSre7IM.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-CBWU659a.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-acUo1A_8.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-Cfss3XgW.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_1yf4tql'});
+var box = recipeRuntime({base:'g0w3l3'});
 
 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-9E2kDjKk.css';
-import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DWZetct8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-B3bvX3WR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_178wu0q']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'jarath']});
 
 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-9E2kDjKk.css';
-import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-BbqzwWHh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-B79F0dM2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_1cs9h3b']});
+var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_1rve23b']});
 
 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-9E2kDjKk.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-Cs-zXoZj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CDv_HSCK.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-BkCGiMYb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['_1lghi6c',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1lxpgpr'],variants:{intent:{danger:'_1w0cgtm',neutral:'_2svnj3',primary:'_14nornx'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'_16mr07s',true:{}},variant:{outline:'dz1ygr',strong:'_17nmz6n',subtle:'_15up603'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'ont2vp',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'xm6mf1',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_1fsz3v0',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'_1ft7uy']});
+var buttonBase = recipeRuntime({base:['i1wdsm',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_12gxl7'],variants:{intent:{danger:'_1nagi4n',neutral:'_18tpvbg',primary:'ibe8xr'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'_1r74ki1',true:{}},variant:{outline:'vh2jb0',strong:'a44rxx',subtle:'ktl7di'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_1f211c6',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'q31xld',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_1gf1db4',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'_1cud35']});
 
 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-9E2kDjKk.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CDv_HSCK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_190zwsw'});
+var buttonGroup = recipeRuntime({base:'_162o3kb'});
 
 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-9E2kDjKk.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-Cs-zXoZj.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BmuWE4Qq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CDv_HSCK.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-BkCGiMYb.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-XjejeJkt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'jeebq8']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'ulklak']});
 
 export { loadable };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-VdS4O7gs.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-0TZcmmu3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_1cpennm'],variants:{appearance:{'default':'lpugor',holiday:[{color:'fg.error'},'_8xcodz'],range_middle:'_2szeva',selected:[{color:'fg.white'},'_1uve59g'],weekend:[{color:'fg.tertiary'},'_1oc1irp']},range:{end:['ep0dtw'],middle:['_1cw1l2p'],start:['h31ien']}}});
-var today = recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_1j50ags']});
+var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_1ey6956'],variants:{appearance:{'default':'o40pi0',holiday:[{color:'fg.error'},'_1bm3lkd'],range_middle:'qn7lxr',selected:[{color:'fg.white'},'_1jepfs1'],weekend:[{color:'fg.tertiary'},'p6usae']},range:{end:['_1opkj88'],middle:['_1chn8zi'],start:['wd69gz']}}});
+var today = recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'itcpl5']});
 
 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-9E2kDjKk.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-CV3jww0a.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-BnSeiwfY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1ukbjap']});
+var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'rj06bq']});
 
 export { months };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-KqCd-2ik.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-BEUq3kDL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_1ja9z4b']});
+var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_2cl7kj']});
 
 export { nav };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-QdHEU1mZ.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-B3y4Cor7.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-CrsxV1vR.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-CFXkX2QS.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-D-bSclzt.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-C3yqZN2A.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['_1440ip6',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'sddc3c']});
+var card = recipeRuntime({base:['_1kedgbq',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1bpwocj']});
 
 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-9E2kDjKk.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-By_KKDNi.css';
-import './../../../../assets/src/card-action/CardAction.css.ts.vanilla-CyOOeLcY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-BvmS9ZSU.css';
+import './../../../../assets/src/card-action/CardAction.css.ts.vanilla-B51eANPd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var action = recipeRuntime({base:['_1cpbj8u']});
+var action = recipeRuntime({base:['r00ct0']});
 
 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-9E2kDjKk.css';
-import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-MqvDJoWy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-DA-nCsoz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1wbz9af'],variants:{orientation:{horizontal:[{w:'auto'},'_1lqtcet'],vertical:[{w:'full'},'dp5jov']}}});
+var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1ivqld2'],variants:{orientation:{horizontal:[{w:'auto'},'_1kwxdnc'],vertical:[{w:'full'},'frlz6d']}}});
 
 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-9E2kDjKk.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-By_KKDNi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-BvmS9ZSU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardOverflow = recipeRuntime({base:['_1vhbqt2',{alignSelf:'stretch'},'_12oievt'],variants:{orientation:{horizontal:['_1pkn190'],vertical:['_4l5cdf']}}});
+var cardOverflow = recipeRuntime({base:['_147hzs6',{alignSelf:'stretch'},'fm7cxm'],variants:{orientation:{horizontal:['v3par3'],vertical:['_1cq1izs']}}});
 
 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-9E2kDjKk.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BD9DPgTh.css';
-import './../../../../assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-Lqy6ibue.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CDv_HSCK.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-ByPjrct_.css';
+import './../../../../assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-CG80wFdK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'gggqxk'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_1lqzoxn']});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_6uw58b'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'srnbn0']});
 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-9E2kDjKk.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-gz4dgqef.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-hQQx4Fln.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'mfzupi']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'_1uh3krl']});
 
 export { code };

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

@@ -34,8 +34,8 @@ function Command({
     }
   }, [placed, setInputValueStable]);
   const pauseInteractionRef = useRef({
-    timer: void 0,
-    triangle: null
+    isInsideTriangle: null,
+    timer: void 0
   });
   const downshift = useCombobox({
     highlightedIndex: highlightedIndex === -1 ? items.findIndex((item) => !resolveItemProperty(item.disabledReason)) : highlightedIndex,
@@ -56,7 +56,7 @@ function Command({
     onSelectedItemChange({ selectedItem, type }) {
       if (type !== useCombobox.stateChangeTypes.InputBlur && selectedItem !== null) {
         onItemSelect?.(selectedItem, {
-          close: type !== useCombobox.stateChangeTypes.FunctionSelectItem
+          close: type !== useCombobox.stateChangeTypes.FunctionSelectItem || !("selected" in selectedItem)
         });
       }
     },

package/dist/esm/packages/react/src/command-input/CommandInput.js

@@ -6,20 +6,44 @@ import { IconMagnifyingGlass } from '../icons/IconMagnifyingGlass.js';
 import { Input } from '../input/Input.js';
 
 const CommandInput = forwardRef(
-  ({ size, ...props }, ref) => {
-    const { downshift, setInputValue } = useCommandContext(
+  ({ onKeyDown, size, ...props }, ref) => {
+    const { downshift, highlightedItem, setInputValue } = useCommandContext(
       "@optiaxiom/react/CommandInput"
     );
     return /* @__PURE__ */ jsx(
       Input,
       {
         addonBefore: /* @__PURE__ */ jsx(IconMagnifyingGlass, {}),
+        htmlSize: 1,
         size,
         ...downshift.getInputProps({
           ref,
           ...props,
           onChange: (event) => {
             setInputValue("value" in event.target ? event.target.value : "");
+          },
+          onKeyDown: (event) => {
+            onKeyDown?.(event);
+            if (event.defaultPrevented) {
+              return;
+            }
+            if (!(event.target instanceof HTMLInputElement)) {
+              return;
+            }
+            if (event.target.value) {
+              return;
+            }
+            if (!highlightedItem) {
+              return;
+            }
+            const subOptions = highlightedItem.subOptions;
+            if (event.key === " ") {
+              event.preventDefault();
+              downshift.selectItem(highlightedItem);
+            } else if (event.key === "ArrowRight" && subOptions?.length) {
+              event.preventDefault();
+              downshift.selectItem(highlightedItem);
+            }
           }
         })
       }

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

@@ -30,10 +30,10 @@ const CommandItem = forwardRef(
           });
           return;
         }
-        if (!pauseInteractionRef.current.triangle) {
+        if (!pauseInteractionRef.current.isInsideTriangle) {
           return;
         }
-        if (isInsideTriangle(pauseInteractionRef.current.triangle, {
+        if (pauseInteractionRef.current.isInsideTriangle({
           x: event.clientX,
           y: event.clientY
         })) {
@@ -43,10 +43,10 @@ const CommandItem = forwardRef(
           });
           window.clearTimeout(pauseInteractionRef.current.timer);
           pauseInteractionRef.current.timer = window.setTimeout(() => {
-            pauseInteractionRef.current.triangle = null;
+            pauseInteractionRef.current.isInsideTriangle = null;
           }, 50);
         } else {
-          pauseInteractionRef.current.triangle = null;
+          pauseInteractionRef.current.isInsideTriangle = null;
         }
       },
       ref,
@@ -81,13 +81,5 @@ const CommandItem = forwardRef(
   }
 );
 CommandItem.displayName = "@optiaxiom/react/CommandItem";
-function isInsideTriangle({
-  bottom,
-  side,
-  top
-}, target) {
-  const b0 = (top.x - side.x) * (bottom.y - side.y) - (bottom.x - side.x) * (top.y - side.y), b1 = ((top.x - target.x) * (bottom.y - target.y) - (bottom.x - target.x) * (top.y - target.y)) / b0, b2 = ((bottom.x - target.x) * (side.y - target.y) - (side.x - target.x) * (bottom.y - target.y)) / b0, b3 = ((side.x - target.x) * (top.y - target.y) - (top.x - target.x) * (side.y - target.y)) / b0;
-  return b1 > 0 && b2 > 0 && b3 > 0;
-}
 
 export { CommandItem };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-QdHEU1mZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-CFXkX2QS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cover = recipeRuntime({variants:{disabled:{false:['_1mmhzrn','_1dyccbq'],true:{}},inset:{false:'w5m0rj',true:'_4bjvqd'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['pto8cg','_1svo1ab'],true:{}},inset:{false:'_401jb6',true:'_18zvqg5'}}});
 
 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-9E2kDjKk.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CxBIRqIz.css';
-import './../../../../assets/src/data-table-body/DataTableBody.css.ts.vanilla-BUSMEieY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C8xEmbBv.css';
+import './../../../../assets/src/data-table-body/DataTableBody.css.ts.vanilla-DT67y1Z6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'fn31b3'],variants:{pinned:{left:'_1va33xd',right:'_12s5zow'},pinnedType:{body:'njuhvp',header:{}}}});
-var cellOffsetVar = 'var(--_1k9vy4o)';
-var cellSizeVar = 'var(--mns3gj)';
-var header = recipeRuntime({base:[{display:'grid'},'_6fagj0']});
-var leftTotalSizeVar = 'var(--eenlqt)';
-var rightTotalSizeVar = 'var(--_134ot22)';
-var table = recipeRuntime({base:'_1hdzyaq',variants:{pinned:{both:'_1me3eba',left:'xn1i0a',none:{},right:'_1kjpl6r'}}});
+var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'w3f2u6'],variants:{pinned:{left:'przi2k',right:'_4hhea2'},pinnedType:{body:'jer5ns',header:{}}}});
+var cellOffsetVar = 'var(--_1mtov39)';
+var cellSizeVar = 'var(--_10b0tf5)';
+var header = recipeRuntime({base:[{display:'grid'},'_1poq2ke']});
+var leftTotalSizeVar = 'var(--_1tj311f)';
+var rightTotalSizeVar = 'var(--_1ygqjbh)';
+var table = recipeRuntime({base:'_1ys8i5x',variants:{pinned:{both:'_1ysbnzx',left:'_1fzpktf',none:{},right:'_18j0pz7'}}});
 
 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-9E2kDjKk.css';
-import './../../../../assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-YMRroFsN.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-CUUnuvvE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'_1r9phfc',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = recipeRuntime({base:'_732vsj',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 export { addon };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-DQZuvEQA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-Cl1-HqFR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_1qa9e13']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'t7297c'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1k2m83v'],variants:{active:{false:'_6qodpz',true:'w9nuaz'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_1j2rrz']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'_1h86772'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1k4k6rc'],variants:{active:{false:'_1dr0ifh',true:'_1ahof'}}});
 
 export { button, handle, icon };

package/dist/esm/packages/react/src/date-input/DateInput-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-BCONQNF4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-BaJS33T7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({base:'_1wwhkc9'});
+var picker = recipeRuntime({base:'_4cn5iy'});
 
 export { picker };

package/dist/esm/packages/react/src/date-picker-content/DatePickerContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-D8qogbi-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-C5ejyS0a.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'snk0cb']});
+var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'n36163']});
 
 export { panels };

package/dist/esm/packages/react/src/date-range-picker-content/DateRangePickerContent-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'}]});

package/dist/esm/packages/react/src/dialog-body/DialogBody-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-DZdBKCaB.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-CmI_ANX6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'flex-start',overflow:'auto',px:'24',py:'16'},'_199d0ev']});
+var body = recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'flex-start',overflow:'auto',px:'24',py:'16'},'d629sp']});
 
 export { body };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-Rq_MWFQh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-RMNv9Lqm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1ryd5jh'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1w8ixjl'],variants:{size:{sm:'yvbjcu',md:'glvtrn',lg:'x7hsb9',fullscreen:'nmfb3j'}}});
-var nestedDialogCountVar = 'var(--_7d3jzs)';
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'yn3f75'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_2uwmrr'],variants:{size:{sm:'_1o1egme',md:'ym04qy',lg:'evhtsc',fullscreen:'_49lak6'}}});
+var nestedDialogCountVar = 'var(--xi4npw)';
 
 export { backdrop, content, nestedDialogCountVar };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'}]});

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-BKx5_XPN.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-DDRAkIzV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_1gi9vlm']});
-var close = recipeRuntime({base:['_1ua6aow']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'dgp04m']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'x9w7u1']});
+var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_14751m2']});
+var close = recipeRuntime({base:['_1u6wyog']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'r32x3k']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'jnad73']});
 
 export { actions, close, description, title };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DiFktDjh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-CZ63c8aL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['_1cn3ak']});
-var outer = recipeRuntime({base:[{display:'grid'},'rbjv56']});
+var inner = recipeRuntime({base:['_1u5fgxa']});
+var outer = recipeRuntime({base:[{display:'grid'},'_7cgzv3']});
 
 export { inner, outer };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-CfABJMa5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-DWnSe8Ir.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_11f9rog',start:'pv668v'}}});
-var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'kc4m0b']});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'j8ln0t']});
+var icon = recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_185mivf',start:'_18zluez'}}});
+var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'cf57ol']});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1h6dxu8']});
 
 export { icon, root, trigger };