@optiaxiom/react 0.13.10 → 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-fo9WwyPs.css';
-import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-C4R7ow8g.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:'_1c7efok'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_18qqquf'],variants:{size:{sm:'i6j582',md:'_1bnv76j',lg:'b3kiy7'}}});
-var nestedDialogCountVar = 'var(--_1a4n1ho)';
-var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_10vo1b5']});
+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-fo9WwyPs.css';
-import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-4vF4mC5e.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'},'_113m09m']});
+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-fo9WwyPs.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-D3wVSxis.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-CMa5QYdr.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'},'_195y8mi'],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'},'t0577z'],xs:[{fontWeight:'400',size:'xs'},'lpj3qk'],sm:[{size:'sm'},'_1s4yjj1'],md:[{size:'md'},'huhxcy'],lg:[{size:'lg'},'t6d3ow'],xl:[{size:'xl'},'fns9qs'],'3xl':[{size:'3xl'},'_1jhefb7']}}});
+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-fo9WwyPs.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-D3wVSxis.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:['_1yxr38',{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-fo9WwyPs.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-CBgp_LAH.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'},'_159re6z']});
+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-fo9WwyPs.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-CUH2ymZo.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'},'_1ek9inj'],variants:{intent:{danger:'_1m6dhjd',information:'zwmaqh',neutral:'_1uq4epj',primary:'mnuqjk',success:'was9gj',warning:'_10fflgk'},variant:{strong:'_15haus6',subtle:'_18t27rv'}}});
+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-fo9WwyPs.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-DZJOuN7_.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'},'sj8wwn']});
+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-fo9WwyPs.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-vCHQXWN6.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:'yyh70z'});
+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-fo9WwyPs.css';
-import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DOKuvEBs.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'},'_9u2vh0']});
+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-fo9WwyPs.css';
-import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-XBamgUSz.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'},'_9lujbl']});
+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,13 +58,11 @@ const Button = forwardRef(
       ButtonBase,
       {
         asChild: true,
+        justifyContent: square ? "center" : iconPosition === "end" ? "space-between" : "flex-start",
         ref,
         size,
         square,
         ...props,
-        ...square && {
-          justifyContent: "center"
-        },
         children: /* @__PURE__ */ jsx(Comp, { children })
       }
     );

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-D3wVSxis.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DvsBxdbB.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:['_1a3kvhv',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'start',transition:'colors'},'_12tsosl'],variants:{intent:{danger:'_89hksi',neutral:'_2cn9r9',primary:'_1w6jnrj'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'_1rr98c8',true:{}},variant:{outline:'_1pq627a',strong:'_2d3x0w',subtle:'td9g15'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_19dzvu3',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1z0vjxo',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'h8x65w',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'dctdoq']});
+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-fo9WwyPs.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-D3wVSxis.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:'fk8jro'});
+var buttonGroup = recipeRuntime({base:'_17vcku3'});
 
 export { buttonGroup };

package/dist/esm/packages/react/src/button-label/ButtonLabel.js

@@ -6,7 +6,7 @@ import { Flex } from '../flex/Flex.js';
 
 const ButtonLabel = forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: /* @__PURE__ */ jsx(Flex, { flex: "1", flexDirection: "row", gap: "4", mx: "4", ref, ...props, children }) });
+    return /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: "4", mx: "4", ref, ...props, children }) });
   }
 );
 ButtonLabel.displayName = "@optiaxiom/react/ButtonLabel";

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-D3wVSxis.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DvsBxdbB.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-Cb-UCbi0.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'},'d5hntg']});
+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-fo9WwyPs.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-CB5HoQeP.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'},'_2r6cgd'],variants:{appearance:{'default':'_1w8e555',holiday:[{color:'fg.error'},'_189mmny'],range_middle:'hbvzv7',selected:[{color:'fg.white'},'n36zbx'],weekend:{color:'fg.tertiary'}},range:{end:['_18gppw9'],middle:['_1gziz6d'],start:['_6utye']}}});
-var today = recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_115eq4g']});
+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-fo9WwyPs.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-Bvz5Q-kg.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'},'_1yqm9pb']});
+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-fo9WwyPs.css';
-import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-B86qYOMI.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'},'jsqo78']});
+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-fo9WwyPs.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-CunyJODS.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-CsQFSuFh.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-C8sGDIQG.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:['_1ulc43q',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1agae3c']});
+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-fo9WwyPs.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-CpoNfdkk.css';
-import './../../../../assets/src/card-actions/CardActions.css.ts.vanilla-Btb-kwiL.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:['_1inxagk']});
+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-fo9WwyPs.css';
-import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-pD5z7eC7.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'},'_1vpquji'],variants:{orientation:{horizontal:[{w:'auto'},'_13zvnd'],vertical:[{w:'full'},'_6xpc3d']}}});
+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-fo9WwyPs.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-CpoNfdkk.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:['_831rnv',{alignSelf:'stretch'},'_1j15wyw'],variants:{orientation:{horizontal:['rvfwra'],vertical:['_5fh1p2']}}});
+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-fo9WwyPs.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-D3wVSxis.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-U_Y3IUkP.css';
-import './../../../../assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-C8XXuceg.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'},'_1hrx17j'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'txudjp']});
+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-fo9WwyPs.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-DttFGstW.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'},'nl3gz3']});
+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-fo9WwyPs.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-DyKx4j0m.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:'_1spe7rc'});
+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-fo9WwyPs.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-CunyJODS.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:['_1gtil99','noztlz'],true:{}},inset:{false:'_2mh9zy',true:'_112xvjo'}}});
+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-fo9WwyPs.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-B-rdxkhY.css';
-import './../../../../assets/src/data-table-body/DataTableBody.css.ts.vanilla-DLHleMzh.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'},'_13bqm2w'],variants:{pinned:{left:'fg8jqi',right:'_14dcjhs'},pinnedType:{body:'eel9zk',header:{}}}});
-var cellOffsetVar = 'var(--ht96u1)';
-var cellSizeVar = 'var(--_1f4yda4)';
-var header = recipeRuntime({base:[{display:'grid'},'_1ds9fhg']});
-var leftTotalSizeVar = 'var(--bdmzhs)';
-var rightTotalSizeVar = 'var(--nuu3ay)';
-var table = recipeRuntime({base:'_1boymzc',variants:{pinned:{both:'hrr47g',left:'z96q0j',none:{},right:'_1z0hpty'}}});
+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

@@ -0,0 +1,7 @@
+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:'traiwl',variants:{position:{end:{textAlign:'end'},start:{}}}});
+
+export { addon };

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

@@ -2,6 +2,9 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useId } from '@radix-ui/react-id';
 import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 import { useDataTableContext } from '../data-table-context/DataTableContext.js';
 import { Flex } from '../flex/Flex.js';
 import { Pagination } from '../pagination/Pagination.js';
@@ -10,6 +13,7 @@ import { SelectContent } from '../select-content/SelectContent.js';
 import { SelectRadioItem } from '../select-radio-item/SelectRadioItem.js';
 import { SelectTrigger } from '../select-trigger/SelectTrigger.js';
 import { Text } from '../text/Text.js';
+import { addon } from './DataTableFooter-css.js';
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"];
 const DataTableFooter = forwardRef(
@@ -27,7 +31,7 @@ const DataTableFooter = forwardRef(
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: "8", children: showPageSizeOptions && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Box, { ...addon({ position: "start" }), children: showPageSizeOptions && /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", gap: "8", children: [
             /* @__PURE__ */ jsx(Text, { color: "fg.secondary", id: pageSizeId, children: "Page Size" }),
             /* @__PURE__ */ jsxs(
               Select,
@@ -56,7 +60,7 @@ const DataTableFooter = forwardRef(
               total: table.getPageCount()
             }
           ),
-          /* @__PURE__ */ jsx(Text, { children: table.getRowCount() > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Text, { ...addon({ position: "end" }), children: table.getRowCount() > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
             pagination.pageIndex * pagination.pageSize + 1,
             " -",
             " ",

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-fo9WwyPs.css';
-import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-D2xsj1oJ.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'},'_105ntgs']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'_1o9z4r5'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_149vja1'],variants:{active:{false:'_1yr03es',true:'_1ij04um'}}});
+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-fo9WwyPs.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-C4Ty_o6t.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:'_2npfnv'});
+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-fo9WwyPs.css';
-import './../../../../assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-C3aITHZQ.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'},'_10gr4a6']});
+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-fo9WwyPs.css';
-import './../../../../assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-Bk6BLBoH.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'},'_10t2ac6']});
+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-fo9WwyPs.css';
-import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-CqPADtv9.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'},'_1woyf7z']});
+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-fo9WwyPs.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-5HypoJhx.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:'_14t7gu0'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_117tfkh'],variants:{size:{sm:'g0ea7a',md:'_1uhtkjn',lg:'_1jcim2w',fullscreen:'x4ftjl'}}});
-var nestedDialogCountVar = 'var(--q10eid)';
+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-fo9WwyPs.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-fo9WwyPs.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-D8QM8ZC9.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'},'thwj99']});
-var close = recipeRuntime({base:['yncx54']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1qpmfwq']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'kd4mjd']});
+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-fo9WwyPs.css';
-import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-BBZO9bw0.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:['_157bbs1']});
-var outer = recipeRuntime({base:[{display:'grid'},'_1cwfk0v']});
+var inner = recipeRuntime({base:['glpt5z']});
+var outer = recipeRuntime({base:[{display:'grid'},'_1nyemx2']});
 
 export { inner, outer };