@optiaxiom/react 1.9.23 → 3.0.0-next.0

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-Bv895s--.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-QgTkZHWl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'24',pb:'16',z:'10'},'_1npzcc7']});
+var header = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'24',pb:'16',z:'10'},'_193lyvp']});
 
 export { header };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-i4ppUjnr.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-CIMvqk-2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzZ8okVZ.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-CMfGdrTS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',flex:'none',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_3p1m2s'],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'},'wc5dst'],xs:[{fontWeight:'400',size:'xs'},'o0ypdw'],sm:[{size:'sm'},'_1mli8vb'],md:[{size:'md'},'_1xuelwo'],lg:[{size:'lg'},'_5h8x7a'],xl:[{size:'xl'},'_1s113un'],'3xl':[{size:'3xl'},'_1jba8zm']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',flex:'none',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1fm3nyp'],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'},'_1b52q2y'],xs:[{fontWeight:'400',size:'xs'},'dp6a'],sm:[{size:'sm'},'i5lqa3'],md:[{size:'md'},'r6u8aj'],lg:[{size:'lg'},'rxhu8e'],xl:[{size:'xl'},'ov4viw'],'3xl':[{size:'3xl'},'_7y5da0']}}});
 var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon = recipeRuntime({base:[{w:'auto'}],variants:{size:{'2xs':{h:'10'},xs:{h:'10'},sm:{h:'12'},md:{h:'12'},lg:{h:'2xs'},xl:{h:'2xs'},'3xl':{h:'sm'}}}});
 

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-i4ppUjnr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzZ8okVZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['axaju4',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_1rdw8wx',{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-C9NsdGI5.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DBwnCxvW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-gBMAQQoi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1p3tas5']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'oqtou0']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-DrpkiiMT.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-BgoV-2rb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',flex:'none',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_8t5ors'],variants:{intent:{danger:'_12xxslz',information:'kt4rp5',neutral:'_1wmseym',primary:'yfwkhi',success:'_1u08qoj',warning:'yu5xd7'},variant:{strong:'v37whx',subtle:'_47ojr2'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',flex:'none',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1ylqd38'],variants:{intent:{danger:'govvet',information:'_1hcx3g8',neutral:'f9ofp2',primary:'_1huf65i',success:'_17mccwr',warning:'o3bdng'},variant:{strong:'z13ns7',subtle:'_1kt6oio'}}});
 
 export { badge };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-DTqlImTO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-ACa7k2uu.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var banner = recipeRuntime({base:[{alignItems:'start',color:'fg.default',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',flexDirection:'column',gap:'8',justifyContent:'center'},'wkuj6c']});
+var content = recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'8',justifyContent:'center'},'_1izoev7']});
 var icon = recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
 
 export { banner, content, icon };

package/dist/esm/packages/react/src/box/Box-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-Bl7rT4CJ.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-C8TvvTuz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-GdL3Ix17.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-CN5wNauw.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_1xreqj'});
+var box = recipeRuntime({base:'_4o68r6'});
 
 export { box };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-BrT2XlEg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-DIcrnXLg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:'_8yil39'});
-var list = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'_1y842dj']});
+var link = recipeRuntime({base:'_5hs6wa'});
+var list = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'_1od185e']});
 
 export { link, list };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-BPfcDBhK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-CGTch8Fa.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_17qe3yl']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_1f4n4p4']});
 
 export { item };

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

@@ -16,6 +16,11 @@ import { ButtonLoadable } from './ButtonLoadable.js';
 import { ButtonRoot } from './ButtonRoot.js';
 
 const Slot = createSlot("@optiaxiom/react/Button");
+const iconSizeMap = {
+  sm: "2xs",
+  md: "xs",
+  lg: "sm"
+};
 const Button = forwardRef(
   ({
     addonAfter,
@@ -41,14 +46,14 @@ const Button = forwardRef(
       }
       if (icon && !isIconOnly) {
         if (iconPosition === "start") {
-          addonBefore = /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon });
+          addonBefore = /* @__PURE__ */ jsx(Icon, { asChild: true, h: iconSizeMap[size], children: icon });
         } else if (iconPosition === "end") {
-          addonAfter = /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon });
+          addonAfter = /* @__PURE__ */ jsx(Icon, { asChild: true, h: iconSizeMap[size], children: icon });
         }
       }
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         addonBefore && /* @__PURE__ */ jsx(ButtonAddon, { asChild: true, children: fallbackSpan(addonBefore) }),
-        square ? /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: children2 ? fallbackSpan(children2) : /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon }) }) : /* @__PURE__ */ jsx(ButtonLabel, { children: children2 }),
+        square ? /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: children2 ? fallbackSpan(children2) : /* @__PURE__ */ jsx(Icon, { asChild: true, h: iconSizeMap[size], children: icon }) }) : /* @__PURE__ */ jsx(ButtonLabel, { children: children2 }),
         addonAfter && /* @__PURE__ */ jsx(ButtonAddon, { asChild: true, children: fallbackSpan(addonAfter) })
       ] });
     });

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-i4ppUjnr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzZ8okVZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_11o3fzs'});
+var buttonGroup = recipeRuntime({base:'_1nlco36'});
 
 export { buttonGroup };

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

@@ -6,7 +6,7 @@ import { ButtonLoadable } from './ButtonLoadable.js';
 
 const ButtonLabel = forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: /* @__PURE__ */ jsx(Text, { asChild: true, mx: "4", truncate: true, children: /* @__PURE__ */ jsx("div", { ref, ...props, children }) }) });
+    return /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: /* @__PURE__ */ jsx(Text, { asChild: true, mx: "8", truncate: true, children: /* @__PURE__ */ jsx("div", { ref, ...props, children }) }) });
   }
 );
 ButtonLabel.displayName = "@optiaxiom/react/ButtonLabel";

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-i4ppUjnr.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-Df0F59rP.css';
-import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-CEqUVVir.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzZ8okVZ.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-DZrGLbKa.css';
+import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-BkGVjV7D.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'a4dcu4']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'sdjz3t']});
 
 export { loadable };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-i4ppUjnr.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-Df0F59rP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzZ8okVZ.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-DZrGLbKa.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['jedl4f',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1sw1573'],variants:{intent:{danger:'_1a6pfo5',neutral:'_10jie9y',primary:'jcytnz'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:{},true:{}},variant:{outline:'xijocq','outline-opal':'alymz1',strong:'wcc1ab','strong-opal':'etugzn',subtle:'irzhsp'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'v2xn9w',variants:{size:'sm',square:false,variant:['outline','strong','subtle']}},{style:'zz34o',variants:{size:'sm',square:false,variant:['outline-opal','strong-opal']}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_14rdfl',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_1a58df8',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'_6xxnqf']});
+var buttonBase = recipeRuntime({base:['_15v0299',{alignItems:'center',display:'inline-flex',flexDirection:'row',fontWeight:'500',justifyContent:'flex-start',transition:'colors'},'_1oz6gxm'],variants:{intent:{danger:'_1xhzgdw',neutral:'tma593',primary:'_1bv967g'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',h:'md'},lg:{fontSize:'lg',h:'lg'}},square:{false:{},true:{}},variant:{outline:'_2vqrxv','outline-opal':'_1p146ow',strong:'jd9xqi','strong-opal':'_1pyq9id',subtle:'_1oa1cnz'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'t4psfo',variants:{size:'sm',square:false,variant:['outline','strong','subtle']}},{style:'_1uzrfni',variants:{size:'sm',square:false,variant:['outline-opal','strong-opal']}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_167gqfk',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_18a65or',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'j2zk8m']});
 
 export { buttonBase, spinner };

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

@@ -58,7 +58,7 @@ const ButtonRoot = forwardRef(
           /* @__PURE__ */ jsx(TransitionGroup, { open: loading, children: /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(
             Spinner,
             {
-              appearance: variant === "strong" || variant === "strong-opal" ? "inverse" : "default",
+              appearance: variant === "strong" && intent !== "primary" || variant === "strong-opal" ? "inverse" : "default",
               "aria-hidden": "true",
               ...spinner()
             }

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-DG-1H7HX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-C-FgIxlS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'slufcb'}}});
+var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'_1ky8nov'}}});
 
 export { picker };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-Dovmq2jf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-dog_6BUH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'qqbjwj'],variants:{appearance:{'default':'am1yaj',holiday:[{color:'fg.error'},'sei2h2'],range_middle:'_1d9asl5',selected:[{color:'fg.white'},'l8rnu5'],weekend:[{color:'fg.tertiary'},'_1oxdzaj']},range:{end:['_1525grs'],middle:['_15vpelz'],start:['tkn0sm']}}});
-var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'gccbc1']});
+var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'bcnp6h'],variants:{appearance:{'default':'_140rn3b',holiday:[{color:'fg.error.strong'},'yda143'],range_middle:'ug3gf0',selected:['_1w67zfd'],weekend:[{color:'fg.secondary'},'_1m79tjq']},range:{end:['_1bbbkam'],middle:['_1xmcdt'],start:['_18hyjv3']}}});
+var today = recipeRuntime({base:[{mx:'auto',rounded:'full'},'_111bv12']});
 
 export { button, today };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-CN_1GLbZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-Hb5e04Qw.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var grid = recipeRuntime({base:[{display:'flex',flexDirection:'column',gap:'2'},'b9asif']});
+var grid = recipeRuntime({base:[{display:'flex',flexDirection:'column',gap:'2'},'dvxubb']});
 
 export { grid };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-CAWtAME8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-D7dcF9um.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',gap:'16'},'_10hvu98']});
+var months = recipeRuntime({base:[{alignItems:'start',gap:'16'},'_38wrpo']});
 
 export { months };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-Bb_Q38j8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-D0_Rduzl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'_1b2vom3'});
+var button = recipeRuntime({base:'dgxrqk'});
 
 export { button };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-Bxv_0FXQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-OqXpfFrS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'_7rajlr'});
+var button = recipeRuntime({base:'_121dsdn'});
 
 export { button };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-CJckg8Uu.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-BP_JxhZV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-BLc5wcST.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-HUjVcCTp.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['_1ynubxu',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',p:'16'},'_1kzw661']});
+var card = recipeRuntime({base:['rqnbvo',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',p:'16'},'_1vibz5u']});
 
 export { card };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-D2r4W5-X.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-CtAKJkmV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:['kg4sf']});
+var checkbox = recipeRuntime({base:['_6937m1']});
 
 export { checkbox };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/card/CardHeader.css.ts.vanilla-CYCgPYkB.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/card/CardHeader.css.ts.vanilla-CXF8v7Bj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:[{flex:'none',gap:'8'}],variants:{slot:{after:'_11nzmbs',before:'_1gy6csi'}}});
-var content = recipeRuntime({base:[{flex:'1'},'r5f735']});
-var header = recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'_1jc1lov']});
+var addon = recipeRuntime({base:[{flex:'none',gap:'8'}],variants:{slot:{after:'_1eh8ei3',before:'_1gdr6nv'}}});
+var content = recipeRuntime({base:[{flex:'1'},'_1fyzihq']});
+var header = recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'kpu631']});
 
 export { addon, content, header };

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

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

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/card/CardPreview.css.ts.vanilla-WMGbh6SL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/card/CardPreview.css.ts.vanilla-DfrAcWHU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_5ck3e0']});
-var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'e7eebv']});
+var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'y8nzqv']});
+var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_7w16cb']});
 
 export { overlay, preview };

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

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-i4ppUjnr.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DpgavzRA.css';
-import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-DnczDwXi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzZ8okVZ.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-B4iQmIuJ.css';
+import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-DafXen7C.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1rez081'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_6mr9jc']});
+var control = recipeRuntime({base:[{color:'fg.default',display:'grid',rounded:'md',size:'sm'},'navsz0'],variants:{shift:{false:{},true:'rw7cfl'}}});
+var icon = recipeRuntime({base:[{transition:'all'},'_14snqy2']});
 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-C9NsdGI5.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-BTC_qNHm.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-BQggTgO3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'_1d9wa8l']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'_179af9f']});
 
 export { code };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/command/CommandItem.css.ts.vanilla-BirdlY-k.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/command/CommandItem.css.ts.vanilla-BQBXoop5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var detail = recipeRuntime({base:[{color:'fg.secondary'},'_145lv63']});
+var detail = recipeRuntime({base:[{color:'fg.secondary'},'zclru3']});
 
 export { detail };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-CJckg8Uu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-BLc5wcST.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cover = recipeRuntime({variants:{disabled:{false:['_14670a7','b9cuio'],true:{}},inset:{false:'x6s4nq',true:'_1hmf5nd'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['tgqs21','_1sbdw8m'],true:{}},inset:{false:'_1o2miaz',true:'_1ua3w4k'}}});
 
 export { cover };

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

@@ -1,14 +1,14 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-DIng2u7U.css';
-import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-CqWZ6Ahf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-AxUvsdb5.css';
+import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-BYSplhaB.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'_13zoi'],variants:{pinned:{left:'_1yjrzqe',right:'_1j81f1j'},pinnedType:{body:'_1mssl8f',header:{}},resizable:{false:{},true:'z9xncl'}}});
-var cellOffsetVar = 'var(--_1bblnhu)';
-var cellSizeVar = 'var(--_1wh8bjv)';
-var leftTotalSizeVar = 'var(--_13k5spj)';
-var rightTotalSizeVar = 'var(--_1xragh6)';
-var root = recipeRuntime({base:[{display:'flex',flexDirection:'column',maxW:'full',overflow:'hidden',rounded:'lg'},'_15i1o1h']});
-var totalSizeVar = 'var(--_82z2gw)';
+var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1vkq7fm'],variants:{pinned:{left:'_1w3frvk',right:'chc5n1'},pinnedType:{body:'jpmwqs',header:{}},resizable:{false:{},true:'vz8lxt'}}});
+var cellOffsetVar = 'var(--nnl7p4)';
+var cellSizeVar = 'var(--vph1wr)';
+var leftTotalSizeVar = 'var(--rlwb3e)';
+var rightTotalSizeVar = 'var(--_1o0n899)';
+var root = recipeRuntime({base:[{display:'flex',flexDirection:'column',maxW:'full',overflow:'hidden',rounded:'lg'},'_15eky3w']});
+var totalSizeVar = 'var(--_14f5chv)';
 
 export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, root, totalSizeVar };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-C-CkGKtY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-B9O1cSWi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'_5fks9q',variants:{slot:{after:{textAlign:'end'},before:{}}}});
+var addon = recipeRuntime({base:'gpp1em',variants:{slot:{after:{textAlign:'end'},before:{}}}});
 
 export { addon };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-4aPRQkpW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-3BWurG_L.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'kcweh4']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'_1kcw17s'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_127zdx8'],variants:{active:{false:'_8tczo',true:'vb0ijq'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'c8k5ag']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'ptf9m1'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_13kyc1i'],variants:{active:{false:'_5dyuxj',true:'_1kgux3l'}}});
 
 export { button, handle, icon };

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-B7Xu5zgI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-DlFG9ad2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'_9xwv4g']});
-var date = recipeRuntime({base:'jydgme'});
-var input = recipeRuntime({base:'quya43'});
-var picker = recipeRuntime({base:'_1cub9ho'});
+var clear = recipeRuntime({base:[{size:'sm'},'_5ot318']});
+var date = recipeRuntime({base:'_1wqqlvu'});
+var input = recipeRuntime({base:'_7ts0be'});
+var picker = recipeRuntime({base:'_1gi6bsw'});
 
 export { clear, date, input, picker };

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

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

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-BjZNd-mw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-n8gEnA3i.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_1moi4u7']});
+var root = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'aimpak']});
 
 export { root };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla--Bht4XeC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-DhAqxGZu.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_180um53']});
+var footer = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'af650f']});
 
 export { footer };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-DUVvyxR4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-yktVAFnD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_3kwwtn']});
+var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'x4y7xm']});
 
 export { header };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C9NsdGI5.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-i4ppUjnr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzZ8okVZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:[{flex:'1',flexDirection:'column',fontSize:'md',gap:'16',px:'24',py:'16',z:'0'},'_40707q']});
+var body = recipeRuntime({base:[{flex:'1',flexDirection:'column',fontSize:'md',gap:'16',px:'24',py:'16',z:'0'},'_5woa6p']});
 
 export { body };