@optiaxiom/react 0.13.11 → 1.0.0

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
-import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-DGIYS4bx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-Bafif4X4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'qry0mt'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_79xjf3'],variants:{size:{sm:'gbbqoc',md:'yz251w',lg:'_1wn58dr'}}});
-var nestedDialogCountVar = 'var(--_1osemzu)';
-var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_2hopso']});
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'bwyplz'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_140x38h'],variants:{size:{sm:'r5s332',md:'ydwpdk',lg:'wncecy'}}});
+var nestedDialogCountVar = 'var(--_1q4v6rn)';
+var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'ceys4g']});
 
 export { backdrop, content, nestedDialogCountVar, root };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
-import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-CebHx4PY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-VR9JVFyb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'mltycz']});
+var footer = recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1rfiajx']});
 
 export { footer };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DYL5VseG.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-D9uoD6H1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BQF6GBfz.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-4FPrdoRp.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'},'_1op8w8w'],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'},'jbvxl1'],xs:[{fontWeight:'400',size:'xs'},'dng28v'],sm:[{size:'sm'},'_1m6iz4y'],md:[{size:'md'},'y62o4i'],lg:[{size:'lg'},'_5265zc'],xl:[{size:'xl'},'qvcrmw'],'3xl':[{size:'3xl'},'_1r3i776']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_14vsm3s'],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'},'_7sxgok'],xs:[{fontWeight:'400',size:'xs'},'_1rq833h'],sm:[{size:'sm'},'on33y3'],md:[{size:'md'},'wnwpbu'],lg:[{size:'lg'},'_20ictt'],xl:[{size:'xl'},'_1b4szsc'],'3xl':[{size:'3xl'},'_1sjmwii']}}});
 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-DWDfT8-L.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DYL5VseG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BQF6GBfz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['koh6ad',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_5m7xs',{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-DWDfT8-L.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-CQQt3kyz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-RFc_brGy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'o70lno']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1gpddad']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-BxorUPCC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-BhfN--ir.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'},'_1pp25xr'],variants:{intent:{danger:'w4sc0d',information:'_1rgsa7k',neutral:'q49dpc',primary:'_1kkvg3w',success:'qo56z1',warning:'o1mt29'},variant:{strong:'_6mc1ci',subtle:'wwq4z9'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1rrqoo7'],variants:{intent:{danger:'_13oir7k',information:'r330f0',neutral:'_1f305lk',primary:'rcfq78',success:'_1k0hbff',warning:'_7m5n97'},variant:{strong:'g1b2jd',subtle:'_1jkj90b'}}});
 
 export { badge };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-VPcRvwGL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-Da-umeWB.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'},'yg4dbu']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8'},'_1lp5cbt']});
 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,7 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-C7rkoeOD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-OtYyCU5C.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-CS-G2hy7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_5pm888'});
+var box = recipeRuntime({base:'_1o0houj'});
 
 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-DWDfT8-L.css';
-import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-CwhG2nDf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DX09wDLi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'cuvsvc']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1v1hgtx']});
 
 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-DWDfT8-L.css';
-import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-2VyWE4wt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-Bbc1EPhV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'dxwiig']});
+var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_1ixzyyj']});
 
 export { link };

package/dist/esm/packages/react/src/button/Button.js

@@ -58,7 +58,7 @@ const Button = forwardRef(
       ButtonBase,
       {
         asChild: true,
-        justifyContent: square ? "center" : iconPosition === "end" ? "space-between" : "start",
+        justifyContent: square ? "center" : iconPosition === "end" ? "space-between" : "flex-start",
         ref,
         size,
         square,

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DYL5VseG.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-Bxbzd_T5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BQF6GBfz.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DvzVv_Yk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['st5any',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'start',transition:'colors'},'_13u4grq'],variants:{intent:{danger:'rqwh3r',neutral:'iew1d5',primary:'_1ewqjzf'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'y00qd6',true:{}},variant:{outline:'_1kb6tt5',strong:'_2mj5f6',subtle:'jx4jje'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'y2h4vo',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1f5edjl',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_18xxdo3',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'uvxlwo']});
+var buttonBase = recipeRuntime({base:['_2lnl5n',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1gs8uwd'],variants:{intent:{danger:'_14bcrya',neutral:'shfzd4',primary:'ugm1zw'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'jrkf2u',true:{}},variant:{outline:'_1d7imox',strong:'_1s2c6p7',subtle:'_14v21wc'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_1y3codl',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1vekxj',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_11pjzi1',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'uwjh4w']});
 
 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-DWDfT8-L.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DYL5VseG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BQF6GBfz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_10vr476'});
+var buttonGroup = recipeRuntime({base:'_17vcku3'});
 
 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-DWDfT8-L.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DYL5VseG.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-Bxbzd_T5.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BL6x-gCI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BQF6GBfz.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DvzVv_Yk.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DxNPPPVO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_3bb925']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'b5kl1r']});
 
 export { loadable };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-3nZKQGjz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-zG41UHo4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',mt:'8',size:'md',transition:'colors'},'_5gtzhw'],variants:{appearance:{'default':'le7apf',holiday:[{color:'fg.error'},'yjhl1d'],range_middle:'_1l64pgv',selected:[{color:'fg.white'},'n76jy2'],weekend:{color:'fg.tertiary'}},range:{end:['w2qosd'],middle:['_1it32y0'],start:['_1cxr42f']}}});
-var today = recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'u1qhov']});
+var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',mt:'8',size:'md',transition:'colors'},'_6qlr8d'],variants:{appearance:{'default':'n3i0qf',holiday:[{color:'fg.error'},'fb77a4'],range_middle:'fhu8yh',selected:[{color:'fg.white'},'_1583xtq'],weekend:{color:'fg.tertiary'}},range:{end:['_1tpgzk0'],middle:['k5e6lx'],start:['_1l6hvd5']}}});
+var today = recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_1nzu17c']});
 
 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-DWDfT8-L.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-B4auCEXz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-BLY60OYq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'ezlfu3']});
+var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1cfhwf6']});
 
 export { months };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
-import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-ljRynESV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-B5mcb2DY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_1ik9jtd']});
+var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'uuxbyg']});
 
 export { nav };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-BiP4aP7J.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-BN5b6lYM.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-CVCjYFuZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-BizQxxnK.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-QXU3qT6c.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-Br-saxRR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['budzzj',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'dj6a3n']});
+var card = recipeRuntime({base:['_99v27q',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'wqa1ah']});
 
 export { card };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-BF9OzXd6.css';
-import './../../../../assets/src/card-actions/CardActions.css.ts.vanilla-C2fE1EcC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-BR3mZqQ9.css';
+import './../../../../assets/src/card-actions/CardActions.css.ts.vanilla-DGAHHTMs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:['vc1z3r']});
+var actions = recipeRuntime({base:['_6k5tct']});
 
 export { actions };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
-import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-FW_DvLEe.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-BAjfPqKX.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1qoib4g'],variants:{orientation:{horizontal:[{w:'auto'},'_1bj8eyr'],vertical:[{w:'full'},'_7qq1i8']}}});
+var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1u4ar3g'],variants:{orientation:{horizontal:[{w:'auto'},'_8mo2c2'],vertical:[{w:'full'},'_122lf4f']}}});
 
 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-DWDfT8-L.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-BF9OzXd6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-BR3mZqQ9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardOverflow = recipeRuntime({base:['_11txnvd',{alignSelf:'stretch'},'wdm135'],variants:{orientation:{horizontal:['avz25d'],vertical:['ei3xso']}}});
+var cardOverflow = recipeRuntime({base:['ls9q7c',{alignSelf:'stretch'},'_8aww59'],variants:{orientation:{horizontal:['_1ahb7bd'],vertical:['_9gcr31']}}});
 
 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-DWDfT8-L.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DYL5VseG.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-VrDa4liD.css';
-import './../../../../assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-CCq3lJxj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BQF6GBfz.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Dck9Yy-L.css';
+import './../../../../assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-BGoEjOnC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1ks7eki'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_8bxr8z']});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1fvkf1c'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'_10v81k0']});
 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-DWDfT8-L.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-CtEaHovU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-DPKZKRnl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'_1spzjzh']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'_1npythz']});
 
 export { code };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-C1O1RVDt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-c_tAijxG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'_1i9d352'});
+var item = recipeRuntime({base:'r268fi'});
 
 export { item };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-BiP4aP7J.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-BizQxxnK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cover = recipeRuntime({variants:{disabled:{false:['xi4grp','jy1tlj'],true:{}},inset:{false:'aod726',true:'olxexs'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['r9hf74','_1kqf8w7'],true:{}},inset:{false:'_14jppo8',true:'_1v9mwi7'}}});
 
 export { cover };

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

@@ -10,7 +10,7 @@ const DataTable = forwardRef(
       Flex,
       {
         gap: "8",
-        justifyContent: "start",
+        justifyContent: "flex-start",
         maxH: "full",
         maxW: "full",
         ref,

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

@@ -1,14 +1,14 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-D-0hyctR.css';
-import './../../../../assets/src/data-table-body/DataTableBody.css.ts.vanilla-D5mjQ_wI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-YvJepO06.css';
+import './../../../../assets/src/data-table-body/DataTableBody.css.ts.vanilla-B3KZiWPc.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1pa1nv5'],variants:{pinned:{left:'gsr9xl',right:'_9x3h9k'},pinnedType:{body:'bifv5g',header:{}}}});
-var cellOffsetVar = 'var(--dkj37b)';
-var cellSizeVar = 'var(--_15fra1p)';
-var header = recipeRuntime({base:[{display:'grid'},'_1k633cr']});
-var leftTotalSizeVar = 'var(--_1h96vcy)';
-var rightTotalSizeVar = 'var(--_1uy7uiq)';
-var table = recipeRuntime({base:'_1q2re9c',variants:{pinned:{both:'y7ie3u',left:'ew089x',none:{},right:'_1besteb'}}});
+var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'wk3nm0'],variants:{pinned:{left:'_1o0dnt0',right:'_1uqeymu'},pinnedType:{body:'_1r27fvd',header:{}}}});
+var cellOffsetVar = 'var(--_9qz8iw)';
+var cellSizeVar = 'var(--_1w3htlt)';
+var header = recipeRuntime({base:[{display:'grid'},'_1if0wrg']});
+var leftTotalSizeVar = 'var(--r6b9zw)';
+var rightTotalSizeVar = 'var(--_1rs9oq5)';
+var table = recipeRuntime({base:'_1gb8j4j',variants:{pinned:{both:'_13gluip',left:'_16oerzz',none:{},right:'p5oxqv'}}});
 
 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-DWDfT8-L.css';
-import './../../../../assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-Dttxxg5e.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-eugFkbbr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'_1nefg2t',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = recipeRuntime({base:'traiwl',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-DWDfT8-L.css';
-import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-CYNVfLex.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-D2cA6C3z.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'sh6bmb']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'_5ehgcm'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'tf9jxk'],variants:{active:{false:'ac7ypt',true:'otr1y4'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_158ekwo']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'_180mkka'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1r0nk4x'],variants:{active:{false:'z4h44m',true:'_15p8lcx'}}});
 
 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-DWDfT8-L.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-Dlo5a245.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-QtgdvKqQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({base:'iyw311'});
+var picker = recipeRuntime({base:'_1tww0m9'});
 
 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-DWDfT8-L.css';
-import './../../../../assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-YfVYW-E6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-tF6kXacd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1u0lmee']});
+var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'q5gelf']});
 
 export { panels };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
-import './../../../../assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-Dc69aJse.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-9ljCsJos.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_13xej1g']});
+var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1bi1nhs']});
 
 export { panels };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
-import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-CCN8ABcH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-nhSY2W50.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'start',overflow:'auto',px:'24',py:'16'},'_1odz286']});
+var body = recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'flex-start',overflow:'auto',px:'24',py:'16'},'_1psrtxq']});
 
 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-DWDfT8-L.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-DiEKBpt2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-Bh-nEsyh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1xwq42u'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_18ytbsf'],variants:{size:{sm:'_18unznu',md:'_498iqy',lg:'q3jkve',fullscreen:'_1oeuinh'}}});
-var nestedDialogCountVar = 'var(--_17ia8vh)';
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1r7cvfn'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'upx2c5'],variants:{size:{sm:'_1k4ngmr',md:'_1rvvwbm',lg:'_4s6emb',fullscreen:'_7xx744'}}});
+var nestedDialogCountVar = 'var(--up2k7a)';
 
 export { backdrop, content, nestedDialogCountVar };

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

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

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-BoATGaCt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-BMoaat4W.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_15iq8hj']});
-var close = recipeRuntime({base:['su0ol5']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_3f497k']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1uooq8z']});
+var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'vx5tkc']});
+var close = recipeRuntime({base:['_14164uy']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1p22sbd']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'rwb4k3']});
 
 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-DWDfT8-L.css';
-import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-_egRNMsa.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-C9XRwn2j.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['tde8w3']});
-var outer = recipeRuntime({base:[{display:'grid'},'sqnkr8']});
+var inner = recipeRuntime({base:['glpt5z']});
+var outer = recipeRuntime({base:[{display:'grid'},'_1nyemx2']});
 
 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-DWDfT8-L.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-UFzdH62N.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-Dy2VhEdv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_1p5sij2',start:'i09wai'}}});
-var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'i5qo2s']});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1wh3i3n']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'rkas79',start:'r2vmm9'}}});
+var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_15asayb']});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1fzhzmd']});
 
 export { icon, root, trigger };

package/dist/esm/packages/react/src/flex/Flex.js

@@ -14,8 +14,8 @@ const mapDirectionToAlign = {
 const mapDirectionToJustify = {
   column: "center",
   "column-reverse": "center",
-  row: "start",
-  "row-reverse": "start"
+  row: "flex-start",
+  "row-reverse": "flex-start"
 };
 const Flex = forwardRef(
   ({

package/dist/esm/packages/react/src/highlight/Highlight-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-CdujAl4B.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-CmFZQHbO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_1ld953i'});
+var mark = recipeRuntime({base:'_1aioif3'});
 
 export { mark };