@optiaxiom/react 1.6.2 → 1.6.3

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzVeZagm.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-B6Kq1zoY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-c5k5aPi8.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'},'avgr6p'],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'},'ifwyrx'],xs:[{fontWeight:'400',size:'xs'},'_9yk4pa'],sm:[{size:'sm'},'_169qlc8'],md:[{size:'md'},'jz9glg'],lg:[{size:'lg'},'_1bk6d9b'],xl:[{size:'xl'},'_1wbjn06'],'3xl':[{size:'3xl'},'_1x7zjep']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1n7c6i4'],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'},'_1daadda'],xs:[{fontWeight:'400',size:'xs'},'_1fpoukn'],sm:[{size:'sm'},'_13u7lpq'],md:[{size:'md'},'_1x90omc'],lg:[{size:'lg'},'hzw1up'],xl:[{size:'xl'},'_1u90o1x'],'3xl':[{size:'3xl'},'_1yijrvi']}}});
 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/AvatarGroup-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzVeZagm.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['_1dd9ens',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_9tksd',{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-C-Pv41tL.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-C5nUsn1D.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-jE1M_LxS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1ol5h8l']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'u45cw8']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-B8N8sUp_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-DLO7ugDJ.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'},'jkmtjr'],variants:{intent:{danger:'_159id0i',information:'_8za4me',neutral:'ccerux',primary:'ed7ly9',success:'_1rso8pt',warning:'paio5u'},variant:{strong:'_1qibg5y',subtle:'yp501a'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1d3hn0m'],variants:{intent:{danger:'pjoo5l',information:'_9n0pi',neutral:'t6x7k0',primary:'_1bjqu18',success:'_10fpbk1',warning:'_1ynib8w'},variant:{strong:'_11zo2zp',subtle:'_1izepbq'}}});
 
 export { badge };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-dowsuEhr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-DdRuHVds.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',justifyContent:'center'},'_1gyp7nl']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'_1h1qpoe']});
 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-C-Pv41tL.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-D6pCdHON.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-TNDRA49L.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-CndBlSqH.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-BrOa4W49.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_1muyqie'});
+var box = recipeRuntime({base:'_1119um2'});
 
 export { box };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-CWV6gTC7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-g_uI_Rcn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:'ofsgwk'});
-var list = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'_1qds2k3']});
+var link = recipeRuntime({base:'_1lio28z'});
+var list = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'n1gohk']});
 
 export { link, list };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-B98wT0pr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-DQi9M97C.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'aq55bu']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_11q6ce8']});
 
 export { item };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzVeZagm.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_17piix3'});
+var buttonGroup = recipeRuntime({base:'_1mr1sps'});
 
 export { buttonGroup };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzVeZagm.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BWx7ffIN.css';
-import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-BJ_sBZ1U.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-XOrWzW6A.css';
+import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-CqRCXgPw.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_1sg6jmy']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_1tj881j']});
 
 export { loadable };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzVeZagm.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BWx7ffIN.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-XOrWzW6A.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['_16rtupx',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'w0m53j'],variants:{intent:{danger:'_1ihm66z',neutral:'_1tb09wm',primary:'i6pcaf'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:{},true:{}},variant:{opal:'_1gdt8eu',outline:'_1nl1zzh',strong:'_1bxueig',subtle:'uotmom'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_1r3p0tk',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'jwnbxd',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_1vpwjre',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'_1d2mmht']});
+var buttonBase = recipeRuntime({base:['yimgwm',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'mlsy9i'],variants:{intent:{danger:'_1dwhyt',neutral:'_1kiy0dr',primary:'t7ivsv'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:{},true:{}},variant:{opal:'_4re5hn',outline:'vnfb8p',strong:'_1jlc6y4',subtle:'xtbg9b'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'eort94',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_16x4qd5',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_7clfai',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'_10m48zr']});
 
 export { buttonBase, spinner };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-qc-tilCR.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-ya4d6kX0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'nwzjlp'}}});
+var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'_1wwn1ou'}}});
 
 export { picker };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-cK14Nhaz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-B_G8KSyv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_1crvzw4'],variants:{appearance:{'default':'_4nidry',holiday:[{color:'fg.error'},'_1j4lnkl'],range_middle:'_1ylh3il',selected:[{color:'fg.white'},'_1jnil8w'],weekend:[{color:'fg.tertiary'},'_8dt9ih']},range:{end:['i563vj'],middle:['_1fn5ybu'],start:['e9w6yx']}}});
-var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'_4p1wls']});
+var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_4wsqab'],variants:{appearance:{'default':'jnl4wt',holiday:[{color:'fg.error'},'_1lvwwxt'],range_middle:'iqef3w',selected:[{color:'fg.white'},'c69ame'],weekend:[{color:'fg.tertiary'},'bnmhle']},range:{end:['du4f8v'],middle:['ryict9'],start:['_1y769zp']}}});
+var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'_1s8i3ir']});
 
 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-C-Pv41tL.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-C-BzmPym.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-DJXYDbM3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1lrtqvm']});
+var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1ys3lns']});
 
 export { months };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-C8BpxQoW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-Bztj4yWt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_188icfs']});
+var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'xxeat1']});
 
 export { nav };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-DLBvSviR.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-2K-Qgkt6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-D_9kP-US.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-DSfbl5A4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['_1eikbhh',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'c6fjmv']});
+var card = recipeRuntime({base:['_1w1e67r',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'_1m534q0']});
 
 export { card };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-BjU9yoNF.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-bRXJUE44.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:['tr28s4']});
+var checkbox = recipeRuntime({base:['xt74iu']});
 
 export { checkbox };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/card/CardHeader.css.ts.vanilla-D5-Y0NVd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/card/CardHeader.css.ts.vanilla-CLpYdz7v.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_1uyf2cq',before:'_10k2o1f'}}});
-var content = recipeRuntime({base:[{flex:'1'},'vk7uf6']});
-var header = recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'_9owyah']});
+var addon = recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_12e12xq',before:'rjpogw'}}});
+var content = recipeRuntime({base:[{flex:'1'},'bpj82f']});
+var header = recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'o6pogg']});
 
 export { addon, content, header };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var image = recipeRuntime({base:{objectFit:'cover',rounded:'inherit',size:'full'}});

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/card/CardPreview.css.ts.vanilla-DIJviDj6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/card/CardPreview.css.ts.vanilla-BjUsjoYb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_3a02un']});
-var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'nuh31q']});
+var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'l6nzre']});
+var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1jyfk10']});
 
 export { overlay, preview };

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

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzVeZagm.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BrVdMbOn.css';
-import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-DPvYjwu-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-D0EsrWDq.css';
+import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-DIMZ_EzU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'cjoia4'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'uoo2x0']});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1jqdpe7'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'_1kr5p7q']});
 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-C-Pv41tL.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-C21wD7rn.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-dO91hoO8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'_1jtq85y']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'o7oh3t']});
 
 export { code };

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

@@ -9,6 +9,7 @@ import { IconAngleRight } from '../icons/IconAngleRight.js';
 import { Text } from '../text/Text.js';
 import '../utils/conditions.js';
 import { decorateChildren } from '../utils/decorateChildren.js';
+import { fallbackSpan } from '../utils/fallbackSpan.js';
 import '../utils/isHoverSupported.js';
 import { useCommandContext, resolveItemProperty } from './CommandContext.js';
 
@@ -117,7 +118,7 @@ const CommandItem = forwardRef(
               /* @__PURE__ */ jsx(Box, { asChild: true, h: "10", w: "auto", children: /* @__PURE__ */ jsx(IconAngleRight, {}) })
             ] }),
             resolveItemProperty(item.label, { inputValue }),
-            detail && /* @__PURE__ */ jsx(Text, { color: "fg.secondary", flex: "1", children: detail })
+            detail && /* @__PURE__ */ jsx(Text, { asChild: true, color: "fg.secondary", flex: "1", children: fallbackSpan(detail) })
           ] })
         )
       }

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-DLBvSviR.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-D_9kP-US.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cover = recipeRuntime({variants:{disabled:{false:['r8zsxy','_1oex1d5'],true:{}},inset:{false:'g6uzt7',true:'yffm8g'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['_1az6prp','lg062e'],true:{}},inset:{false:'lejx5f',true:'_1dmrjh4'}}});
 
 export { cover };

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

@@ -1,14 +1,13 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-DDvVQhtA.css';
-import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-OaoFzEpt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-XbRWXPbL.css';
+import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-C3M6h2y-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'_14xpfrg'],variants:{pinned:{left:'_107756n',right:'_1dpnvxp'},pinnedType:{body:'rra9q3',header:{}}}});
-var cellOffsetVar = 'var(--bjo1s)';
-var cellSizeVar = 'var(--_134huyu)';
-var leftTotalSizeVar = 'var(--hc7z35)';
-var rightTotalSizeVar = 'var(--_5n1gce)';
-var table = recipeRuntime({base:'_1lj9bzz',variants:{pinned:{both:'_156ksi0',left:'z1klq1',none:{},right:'_1usmzub'}}});
-var totalSizeVar = 'var(--mqck0x)';
+var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'pvl02y'],variants:{pinned:{left:'_12ee53g',right:'_1m725zr'},pinnedType:{body:'l9v18q',header:{}}}});
+var cellOffsetVar = 'var(--_19aqbw4)';
+var cellSizeVar = 'var(--_7klnv1)';
+var leftTotalSizeVar = 'var(--_1cmv9kx)';
+var rightTotalSizeVar = 'var(--_4wnxsx)';
+var totalSizeVar = 'var(--b9s1zz)';
 
-export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, table, totalSizeVar };
+export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, totalSizeVar };

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

@@ -13,7 +13,7 @@ import { TableCell } from '../table/TableCell.js';
 import { TableHeader } from '../table/TableHeader.js';
 import '../table/TableHeaderCell.js';
 import { TableRow } from '../table/TableRow.js';
-import { table, cell, cellSizeVar, cellOffsetVar, totalSizeVar, rightTotalSizeVar, leftTotalSizeVar } from './DataTableBody-css.js';
+import { cell, cellSizeVar, cellOffsetVar, totalSizeVar, rightTotalSizeVar, leftTotalSizeVar } from './DataTableBody-css.js';
 import { useDataTableContext } from './DataTableContext.js';
 import { DataTableHeaderCell } from './DataTableHeaderCell.js';
 import { DataTableRow } from './DataTableRow.js';
@@ -22,12 +22,12 @@ import { fakeRow } from './DataTableRowContext.js';
 const COL_VIRTUALIZATION_THRESHOLD = 20;
 const ROW_VIRTUALIZATION_THRESHOLD = 20;
 const DataTableBody = forwardRef(
-  ({ className, estimatedRowHeight = 52, loading, ...props }, outerRef) => {
+  ({ estimatedRowHeight = 52, loading, ...props }, outerRef) => {
     const innerRef = useRef(null);
     const ref = useComposedRefs(innerRef, outerRef);
-    const { table: table$1 } = useDataTableContext("@optiaxiom/react/DataTableBody");
-    const { rows } = table$1.getRowModel();
-    const centerColumns = table$1.getCenterVisibleLeafColumns();
+    const { table } = useDataTableContext("@optiaxiom/react/DataTableBody");
+    const { rows } = table.getRowModel();
+    const centerColumns = table.getCenterVisibleLeafColumns();
     const columnVirtualizer = useVirtualizer({
       count: centerColumns.length,
       enabled: centerColumns.length > COL_VIRTUALIZATION_THRESHOLD,
@@ -49,19 +49,13 @@ const DataTableBody = forwardRef(
         layout: "fixed",
         ref,
         style: assignInlineVars({
-          [leftTotalSizeVar]: `${table$1.getLeftTotalSize()}px`,
-          [rightTotalSizeVar]: `${table$1.getRightTotalSize()}px`,
-          [totalSizeVar]: `${table$1.getTotalSize()}`
+          [leftTotalSizeVar]: `${table.getLeftTotalSize()}px`,
+          [rightTotalSizeVar]: `${table.getRightTotalSize()}px`,
+          [totalSizeVar]: `${table.getTotalSize()}`
         }),
-        ...table(
-          {
-            pinned: table$1.getLeftTotalSize() > 0 && table$1.getRightTotalSize() > 0 ? "both" : table$1.getLeftTotalSize() > 0 ? "left" : table$1.getRightTotalSize() > 0 ? "right" : "none"
-          },
-          className
-        ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx(TableHeader, { display: "grid", pinned: true, children: table$1.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { display: "flex", children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(TableHeader, { display: "grid", pinned: true, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { display: "flex", children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(
             DataTableHeaderCell,
             {
               header,
@@ -89,7 +83,7 @@ const DataTableBody = forwardRef(
               display: "grid",
               style: rowVirtualizer.options.enabled ? { height: `${rowVirtualizer.getTotalSize()}px` } : void 0,
               children: (loading ? Array.from({ length: 10 }, (_, rowIndex) => ({
-                row: fakeRow(table$1, rowIndex),
+                row: fakeRow(table, rowIndex),
                 virtualRow: void 0
               })) : rowVirtualizer.options.enabled ? rowVirtualizer.getVirtualItems().map((virtualRow) => ({
                 row: rows[virtualRow.index],

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-mVjXakUg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-wtT_f4PM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'_1wlmw86',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = recipeRuntime({base:'_11itrma',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 export { addon };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-XllVj0zz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BoivQXd0.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'},'_1ujnn3l']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'jpgjoo'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_15n7qie'],variants:{active:{false:'_1d89bvk',true:'h2j4j6'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_4tbd5q']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'_1y7b0c7'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1g10ve3'],variants:{active:{false:'_8i3l8g',true:'_1acwhy9'}}});
 
 export { button, handle, icon };

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-DlatE1uK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-B56bYnBH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'_1e2faev']});
-var date = recipeRuntime({base:'_1pfxatf'});
-var input = recipeRuntime({base:'_16a59jd'});
-var picker = recipeRuntime({base:'agi1jm'});
+var clear = recipeRuntime({base:[{size:'sm'},'qcgqoc']});
+var date = recipeRuntime({base:'lxuufw'});
+var input = recipeRuntime({base:'n1rprm'});
+var picker = recipeRuntime({base:'_1fij3mt'});
 
 export { clear, date, input, picker };

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

@@ -64,7 +64,7 @@ const DateInput = forwardRef(
       /* @__PURE__ */ jsx(PopoverAnchor, { children: /* @__PURE__ */ jsx(
         Input,
         {
-          addonAfter: value && !props.required && /* @__PURE__ */ jsx(
+          addonAfter: value && !props.readOnly && !props.required && /* @__PURE__ */ jsx(
             Button,
             {
               appearance: "subtle",
@@ -83,6 +83,11 @@ const DateInput = forwardRef(
             {
               "aria-label": "Show date picker",
               asChild: true,
+              onClick: (event) => {
+                if (props.readOnly) {
+                  event.preventDefault();
+                }
+              },
               ref: pickerRef,
               role: "img",
               ...picker(),
@@ -107,7 +112,9 @@ const DateInput = forwardRef(
             if (CSS.supports("selector(::-webkit-datetime-edit)")) {
               if (e.key === " ") {
                 e.preventDefault();
-                setOpen(true);
+                if (!props.readOnly) {
+                  setOpen(true);
+                }
               } else if (e.key === "Escape") {
                 e.preventDefault();
                 setOpen(false);

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

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

package/dist/esm/packages/react/src/details-panel/DetailsPanel-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-B0GJMeXb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-2PWKuKti.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'qkkrl8']});
+var root = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'d2wqbs']});
 
 export { root };

package/dist/esm/packages/react/src/details-panel/DetailsPanelFooter-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-CT-eyyIv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-C1692X47.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'16',pt:'8'},'_2jpw7i']});
+var footer = recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'16',pt:'8'},'_1skc5xb']});
 
 export { footer };

package/dist/esm/packages/react/src/details-panel/DetailsPanelHeader-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-CA0Tf9aV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-B7nc_KNd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'wp76mu']});
+var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'cddjbu']});
 
 export { header };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzVeZagm.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:[{flex:'1',fontSize:'md',px:'24',py:'16',z:'0'},'_1hx349w']});
+var body = recipeRuntime({base:[{flex:'1',fontSize:'md',px:'24',py:'16',z:'0'},'_1hslkva']});
 
 export { body };