@optiaxiom/react 0.13.10 → 0.13.11

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-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 { 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'},'_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 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-DWDfT8-L.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DYL5VseG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['_1yxr38',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['koh6ad',{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-DWDfT8-L.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-CQQt3kyz.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'},'o70lno']});
 
 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-DWDfT8-L.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-BxorUPCC.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'},'_1pp25xr'],variants:{intent:{danger:'w4sc0d',information:'_1rgsa7k',neutral:'q49dpc',primary:'_1kkvg3w',success:'qo56z1',warning:'o1mt29'},variant:{strong:'_6mc1ci',subtle:'wwq4z9'}}});
 
 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-DWDfT8-L.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-VPcRvwGL.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'},'yg4dbu']});
 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,7 @@
-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-DWDfT8-L.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-C7rkoeOD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'yyh70z'});
+var box = recipeRuntime({base:'_5pm888'});
 
 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-DWDfT8-L.css';
+import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-CwhG2nDf.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'},'cuvsvc']});
 
 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-DWDfT8-L.css';
+import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-2VyWE4wt.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'},'dxwiig']});
 
 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" : "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-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 { 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:['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']});
 
 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-DWDfT8-L.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DYL5VseG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'fk8jro'});
+var buttonGroup = recipeRuntime({base:'_10vr476'});
 
 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-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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'d5hntg']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_3bb925']});
 
 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-DWDfT8-L.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-3nZKQGjz.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'},'_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']});
 
 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-DWDfT8-L.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-B4auCEXz.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'},'ezlfu3']});
 
 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-DWDfT8-L.css';
+import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-ljRynESV.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'},'_1ik9jtd']});
 
 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-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 { 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:['budzzj',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'dj6a3n']});
 
 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-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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:['_1inxagk']});
+var actions = recipeRuntime({base:['vc1z3r']});
 
 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-DWDfT8-L.css';
+import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-FW_DvLEe.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'},'_1qoib4g'],variants:{orientation:{horizontal:[{w:'auto'},'_1bj8eyr'],vertical:[{w:'full'},'_7qq1i8']}}});
 
 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-DWDfT8-L.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-BF9OzXd6.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:['_11txnvd',{alignSelf:'stretch'},'wdm135'],variants:{orientation:{horizontal:['avz25d'],vertical:['ei3xso']}}});
 
 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-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 { 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'},'_1ks7eki'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'_8bxr8z']});
 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-DWDfT8-L.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-CtEaHovU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'nl3gz3']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'_1spzjzh']});
 
 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-DWDfT8-L.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-C1O1RVDt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'_1spe7rc'});
+var item = recipeRuntime({base:'_1i9d352'});
 
 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-DWDfT8-L.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-BiP4aP7J.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:['xi4grp','jy1tlj'],true:{}},inset:{false:'aod726',true:'olxexs'}}});
 
 export { cover };

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

@@ -1,14 +1,14 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-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-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 { 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'},'_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'}}});
 
 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-DWDfT8-L.css';
+import './../../../../assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-Dttxxg5e.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var addon = recipeRuntime({base:'_1nefg2t',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-DWDfT8-L.css';
+import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-CYNVfLex.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:'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'}}});
 
 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-DWDfT8-L.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-Dlo5a245.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({base:'_2npfnv'});
+var picker = recipeRuntime({base:'iyw311'});
 
 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-DWDfT8-L.css';
+import './../../../../assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-YfVYW-E6.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'},'_1u0lmee']});
 
 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-DWDfT8-L.css';
+import './../../../../assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-Dc69aJse.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'},'_13xej1g']});
 
 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-DWDfT8-L.css';
+import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-CCN8ABcH.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:'start',overflow:'auto',px:'24',py:'16'},'_1odz286']});
 
 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-DWDfT8-L.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-DiEKBpt2.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:'_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)';
 
 export { backdrop, content, nestedDialogCountVar };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.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'}]});

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-DWDfT8-L.css';
+import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-BoATGaCt.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'},'_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']});
 
 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-DWDfT8-L.css';
+import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-_egRNMsa.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['_157bbs1']});
-var outer = recipeRuntime({base:[{display:'grid'},'_1cwfk0v']});
+var inner = recipeRuntime({base:['tde8w3']});
+var outer = recipeRuntime({base:[{display:'grid'},'sqnkr8']});
 
 export { inner, outer };

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

@@ -24,7 +24,7 @@ const DisclosureContent = forwardRef(({ children, transitionType = "slide", ...p
       "data-side": "bottom",
       skipAnimations,
       type: transitionType,
-      children: /* @__PURE__ */ jsx(Box, { ...outer(), children: /* @__PURE__ */ jsx(Box, { asChild: true, ...inner(), children: /* @__PURE__ */ jsx(RadixCollapsible.Content, { forceMount: true, children: /* @__PURE__ */ jsx(Box, { p: "8", ref, ...props, children }) }) }) })
+      children: /* @__PURE__ */ jsx(Box, { ...outer(), children: /* @__PURE__ */ jsx(Box, { asChild: true, ...inner(), children: /* @__PURE__ */ jsx(RadixCollapsible.Content, { forceMount: true, children: /* @__PURE__ */ jsx(Box, { pb: "8", pt: "4", ref, ...props, children }) }) }) })
     }
   ) });
 });

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-_GGUiYag.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-UFzdH62N.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_17eylhu',start:'_1ftc7r2'}}});
-var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',p:'8',transition:'colors'},'_1j6hr1f']});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'lj0u0o']});
+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']});
 
 export { icon, root, trigger };

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

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