@optiaxiom/react 0.13.11 → 1.0.1

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-DyTVL2_3.css';
+import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-BJcwesfF.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:'_6yfaa8'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'cmqdvq'],variants:{size:{sm:'_1463rt9',md:'i6uryo',lg:'abfb7c'}}});
+var nestedDialogCountVar = 'var(--tg6j6n)';
+var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_5soq2i']});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DL3Yi2ly.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'},'_1hm1nan']});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DHJpw9Sq.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-BTxqSvQI.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'},'at34be'],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'},'_1vxlls6'],xs:[{fontWeight:'400',size:'xs'},'_6seona'],sm:[{size:'sm'},'d83um1'],md:[{size:'md'},'_1ab04ce'],lg:[{size:'lg'},'_1sq9r2r'],xl:[{size:'xl'},'_1dfwwk'],'3xl':[{size:'3xl'},'_1dpnb9o']}}});
 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-DyTVL2_3.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DHJpw9Sq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['koh6ad',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_3d1c5e',{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-DyTVL2_3.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-BjD8bwE3.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'},'awya13']});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-Bx8EXi5x.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'},'_1dvyjim'],variants:{intent:{danger:'_1e13u58',information:'_1y9itea',neutral:'fd80r9',primary:'pb7a8r',success:'_129u8cq',warning:'_722nlg'},variant:{strong:'_9oar7u',subtle:'rh6mqo'}}});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-JQ91mkC2.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'},'ykc6hk']});
 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-DyTVL2_3.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-UR1vRDLw.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-C7tRNYsu.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_5pm888'});
+var box = recipeRuntime({base:'_1n0ju94'});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DgoYAqCh.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'},'_102s0zx']});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-Cn47ANq0.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'},'_1whzku']});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DHJpw9Sq.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DTUlp8SE.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:['_2b2ul7',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1y0ox86'],variants:{intent:{danger:'_1frg3c5',neutral:'b8htd6',primary:'_1tt7egt'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'_1305d9a',true:{}},variant:{outline:'_21q5p2',strong:'_80kx9w',subtle:'_1ai6d2b'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_1trgera',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'pkyt0d',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'u334co',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'_1qus5oj']});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DHJpw9Sq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_10vr476'});
+var buttonGroup = recipeRuntime({base:'_8tfr7q'});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DHJpw9Sq.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DTUlp8SE.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DZpVyRyv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_3bb925']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'op2eks']});
 
 export { loadable };

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

@@ -65,7 +65,7 @@ const Calendar = forwardRef(
           {
             autoFocus: true,
             components,
-            defaultMonth: value && "from" in value ? value.from : value,
+            defaultMonth: value && typeof value === "object" && "from" in value ? value.from : value,
             endMonth: max,
             mode,
             modifiers: { holiday, weekend },

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-DyTVL2_3.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-D6-K-88g.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'},'_188m4i0'],variants:{appearance:{'default':'fm70be',holiday:[{color:'fg.error'},'_1lfksty'],range_middle:'_1b14rcc',selected:[{color:'fg.white'},'v555q7'],weekend:{color:'fg.tertiary'}},range:{end:['r0s06c'],middle:['derbi9'],start:['_27owlc']}}});
+var today = recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'a7xyli']});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-BHHNwfNe.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'},'_1qt1lh1']});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-Ce40rb_k.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'},'_1407c4p']});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-v48zCqNX.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-DeqtSkPy.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-Ouqcmc7O.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:['_19zhyx0',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_16p3qmt']});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-Bjtrsl2l.css';
+import './../../../../assets/src/card-actions/CardActions.css.ts.vanilla-BND_UtEt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:['vc1z3r']});
+var actions = recipeRuntime({base:['xlfttp']});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-_YBViqmQ.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'},'_1eik5sy'],variants:{orientation:{horizontal:[{w:'auto'},'vht29a'],vertical:[{w:'full'},'fgxlcv']}}});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-Bjtrsl2l.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:['_4i53d9',{alignSelf:'stretch'},'_1dv7paz'],variants:{orientation:{horizontal:['_4h9eim'],vertical:['_15769s9']}}});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DHJpw9Sq.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Cv1vG0-L.css';
+import './../../../../assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-kkzyyTIa.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'},'_1mfvdfi'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'s4fr1x']});
 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-DyTVL2_3.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-BHR-AdOr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'_1spzjzh']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'_1eq0fr4']});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-K5WlJduF.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'_1i9d352'});
+var item = recipeRuntime({base:'yqkgaw'});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-v48zCqNX.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:['_1yow8m6','_1sn5sfe'],true:{}},inset:{false:'_24pydi',true:'lbv6rx'}}});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CL49XjrM.css';
+import './../../../../assets/src/data-table-body/DataTableBody.css.ts.vanilla-B5wqjvSM.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'},'gr72lo'],variants:{pinned:{left:'_1mb3x24',right:'_1actnno'},pinnedType:{body:'iei9eq',header:{}}}});
+var cellOffsetVar = 'var(--n7w79i)';
+var cellSizeVar = 'var(--_11dy6lt)';
+var header = recipeRuntime({base:[{display:'grid'},'mmqhby']});
+var leftTotalSizeVar = 'var(--rg4yhu)';
+var rightTotalSizeVar = 'var(--_5x43cz)';
+var table = recipeRuntime({base:'_1ng16i2',variants:{pinned:{both:'_13tygco',left:'_1qy99sb',none:{},right:'kh6i6k'}}});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-B8M3YGIh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'_1nefg2t',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = recipeRuntime({base:'_1s3o15y',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-DyTVL2_3.css';
+import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-CfXLzb22.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'},'hvhqj2']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'jtursu'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1wio9g1'],variants:{active:{false:'_1dmyoop',true:'_1r8vtd5'}}});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-Dh7Ttbc1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({base:'iyw311'});
+var picker = recipeRuntime({base:'_1l9hcoo'});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-Bw17SkGI.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'},'hhvo11']});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-MGfoUcbA.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'},'ynn8r2']});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-fu3h4666.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'},'ftyftk']});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-CiyPX0lq.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:'d50948'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1x1zajw'],variants:{size:{sm:'_14sb8lf',md:'_1m1rgf1',lg:'f0ww25',fullscreen:'_6moa2e'}}});
+var nestedDialogCountVar = 'var(--_1iwstgs)';
 
 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-DyTVL2_3.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-DyTVL2_3.css';
+import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-DgTTVtjy.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'},'_15qirn3']});
+var close = recipeRuntime({base:['_1l7j8a9']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'pwbspz']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1m18ypk']});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-xm0OKFDK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['tde8w3']});
-var outer = recipeRuntime({base:[{display:'grid'},'sqnkr8']});
+var inner = recipeRuntime({base:['_1onppan']});
+var outer = recipeRuntime({base:[{display:'grid'},'_1ybbz09']});
 
 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-DyTVL2_3.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-BtF4kZQF.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:'ssf9gk',start:'_1c1hfyb'}}});
+var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1jxbcav']});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1vlk2tw']});
 
 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(
   ({