@optiaxiom/react 1.9.2 → 1.9.4

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
-import './../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-CCz3cBOV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-DdJGR6sI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'24',pb:'16',z:'10'},'lacx6z']});
+var header = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'24',pb:'16',z:'10'},'_1iskibe']});
 
 export { header };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-t4_O2-i4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CwijUzeT.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-CbpnWIXv.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'},'_1gc0eby'],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'},'h3pq3o'],xs:[{fontWeight:'400',size:'xs'},'ficr51'],sm:[{size:'sm'},'_1dcik52'],md:[{size:'md'},'_1qdxl7t'],lg:[{size:'lg'},'o9p1wx'],xl:[{size:'xl'},'_8b68dk'],'3xl':[{size:'3xl'},'vdtjcu']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',flex:'none',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'p7idzg'],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'},'_7xby9k'],xs:[{fontWeight:'400',size:'xs'},'_121anm8'],sm:[{size:'sm'},'_1gtsy6t'],md:[{size:'md'},'_1048uqo'],lg:[{size:'lg'},'uxdmjc'],xl:[{size:'xl'},'_128t8j0'],'3xl':[{size:'3xl'},'_120vn9j']}}});
 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-Er3WnjvX.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CwijUzeT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['gduxgh',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_19ebdrk',{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-Er3WnjvX.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-TMaosXUi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-Biq8DxYT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1or4oid']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'df1uun']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-BndSg8oM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-CxErNWzX.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'},'_4hy6v0'],variants:{intent:{danger:'_16xnhc5',information:'_132rxly',neutral:'_14m9zy2',primary:'_144a2j2',success:'_1ssw90b',warning:'_113wd57'},variant:{strong:'a3p1qx',subtle:'_34josy'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',flex:'none',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'ew1rnt'],variants:{intent:{danger:'f2eekz',information:'_186vccg',neutral:'nal3pt',primary:'l8b9tt',success:'_1gy87fe',warning:'_21z638'},variant:{strong:'_46ry3j',subtle:'ld7sx2'}}});
 
 export { badge };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-DzNPvYon.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-DaMrWIB7.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'},'_109bd9z']});
+var content = recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'8',justifyContent:'center'},'yfctxk']});
 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-Er3WnjvX.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-Cb-dtqrC.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-BLGTf-P5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-DDJu2L4B.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-DxG9-Zw0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_1iq0q1f'});
+var box = recipeRuntime({base:'_76t3eu'});
 
 export { box };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
-import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-DnmR4c2f.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-Dzd6cbOi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:'_1x2e332'});
-var list = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'_1x2oya2']});
+var link = recipeRuntime({base:'_16mlw06'});
+var list = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'r7qhwo']});
 
 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-Er3WnjvX.css';
-import './../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-CUkJqKOg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-CJYgEYvx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_8zyscm']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_1788fg0']});
 
 export { item };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CwijUzeT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_1jiecmw'});
+var buttonGroup = recipeRuntime({base:'_1oahsax'});
 
 export { buttonGroup };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-B54o4W4o.css';
-import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-C0V6ucDw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CwijUzeT.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-tQQHspRg.css';
+import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-BxSw8HHS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_1eqrs0m']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_1cr381g']});
 
 export { loadable };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-B54o4W4o.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CwijUzeT.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-tQQHspRg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['jiw19p',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1gxm1sx'],variants:{intent:{danger:'_1ulh2m1',neutral:'_6oow77',primary:'i52tem'},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:'_1osffdj','outline-opal':'_5jcqrr',strong:'_5j9ex0','strong-opal':'x8fu6m',subtle:'_129invu'}},variantsCompounded:[{style:'_1kow395',variants:{size:['sm','md'],variant:['outline-opal','strong-opal']}},{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_9nodk0',variants:{size:'sm',square:false,variant:['outline','strong','subtle']}},{style:'_5kadz0',variants:{size:'sm',square:false,variant:['outline-opal','strong-opal']}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_4bn8ie',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'crlivf',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'xtbfir']});
+var buttonBase = recipeRuntime({base:['_39jbf1',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'fifpy9'],variants:{intent:{danger:'_1mgs1fl',neutral:'hua6ux',primary:'_1yvd77m'},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:'sbnloi','outline-opal':'e59hbg',strong:'_1tkyer9','strong-opal':'_1h03q8h',subtle:'_1yizjyy'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_1s16qm3',variants:{size:'sm',square:false,variant:['outline','strong','subtle']}},{style:'_16pzc2n',variants:{size:'sm',square:false,variant:['outline-opal','strong-opal']}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'yqcgiq',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_1qhobcn',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'_1k7tsha']});
 
 export { buttonBase, spinner };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
-import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-CmoRIHWR.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-BN1aQ-o4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'_18f4cj4'}}});
+var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'_1hexxjj'}}});
 
 export { picker };

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

@@ -33,6 +33,9 @@ import { CalendarWeekday } from './CalendarWeekday.js';
 import { CalendarWeekdays } from './CalendarWeekdays.js';
 import { toTimeZoneName } from './toTimeZoneName.js';
 
+const locale = new Intl.Locale(navigator.language ?? "en-US");
+const weekInfo = "getWeekInfo" in locale && typeof locale.getWeekInfo === "function" ? locale.getWeekInfo() : { firstDay: 0 };
+const weekStartsOn = weekInfo.firstDay % 7;
 const components = {
   CaptionLabel: CalendarCaptionLabel,
   Chevron: CalendarChevron,
@@ -124,7 +127,8 @@ const Calendar = forwardRef(
                   },
                   required: true,
                   selected: value instanceof Date ? value : void 0,
-                  today
+                  today,
+                  weekStartsOn
                 }
               ) : /* @__PURE__ */ jsx(
                 DayPicker,
@@ -167,7 +171,8 @@ const Calendar = forwardRef(
                   required: true,
                   selected: from ? to && to < from ? { from: to, to: from } : { from, to } : value && typeof value === "object" && "from" in value ? value : void 0,
                   showOutsideDays: true,
-                  today
+                  today,
+                  weekStartsOn
                 }
               ) }),
               type === "datetime-local" && mode == "single" && /* @__PURE__ */ jsxs(Group, { flexDirection: "column", gap: "8", mt: "8", children: [

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-bbvakFGi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-BoggsYmT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_1pu3nsl'],variants:{appearance:{'default':'rv172i',holiday:[{color:'fg.error'},'vph23'],range_middle:'unf5z2',selected:[{color:'fg.white'},'tws4wd'],weekend:[{color:'fg.tertiary'},'_1wvybl7']},range:{end:['_1wro85d'],middle:['_1wdpqy4'],start:['_1r24ufl']}}});
-var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'rkgqlu']});
+var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_11239ti'],variants:{appearance:{'default':'z0bii4',holiday:[{color:'fg.error'},'w92kqn'],range_middle:'_1nj97u1',selected:[{color:'fg.white'},'o51yp7'],weekend:[{color:'fg.tertiary'},'_1klt52b']},range:{end:['_1hv0g3u'],middle:['sg00qo'],start:['yug9d1']}}});
+var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'_1pg0w95']});
 
 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-Er3WnjvX.css';
-import './../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-DKN0Hoti.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-3IA4LmHO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var grid = recipeRuntime({base:[{display:'flex',flexDirection:'column',gap:'2'},'_1xkv4h9']});
+var grid = recipeRuntime({base:[{display:'flex',flexDirection:'column',gap:'2'},'qgnzvw']});
 
 export { grid };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-DoUxOZiQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-Bp0XNlnU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',gap:'16'},'_1dg5z9c']});
+var months = recipeRuntime({base:[{alignItems:'start',gap:'16'},'_70fubd']});
 
 export { months };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
-import './../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-CaAA9P4y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-C4TdcVQJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'w75del'});
+var button = recipeRuntime({base:'_1c9q9ff'});
 
 export { button };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
-import './../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-BuCnp289.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-RBjV1mHL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'a9xt53'});
+var button = recipeRuntime({base:'_11lx7xz'});
 
 export { button };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-DDO4z9cs.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-CLaf6O5N.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-Bw5lqEv8.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-BDFaiQ0I.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['cfg57c',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',p:'16'},'_11gh4p2']});
+var card = recipeRuntime({base:['_12wyqvz',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',p:'16'},'_1tdpi5x']});
 
 export { card };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
-import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-y9H0CyPV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-D9qwlSJD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:['_2882rl']});
+var checkbox = recipeRuntime({base:['_1i9l8um']});
 
 export { checkbox };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
-import './../../../../assets/src/card/CardHeader.css.ts.vanilla-BNrnVonl.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/card/CardHeader.css.ts.vanilla-BZ2tXuqd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:[{flex:'none',gap:'8'}],variants:{slot:{after:'k50lil',before:'_1fttz6p'}}});
-var content = recipeRuntime({base:[{flex:'1'},'_1n11gb7']});
-var header = recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'cemycv']});
+var addon = recipeRuntime({base:[{flex:'none',gap:'8'}],variants:{slot:{after:'_16wsr55',before:'_1409o5'}}});
+var content = recipeRuntime({base:[{flex:'1'},'_1b55coc']});
+var header = recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'sbllnr']});
 
 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-Er3WnjvX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.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-Er3WnjvX.css';
-import './../../../../assets/src/card/CardPreview.css.ts.vanilla-BiUGkZ5R.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/card/CardPreview.css.ts.vanilla-CgONmDmk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_1p1qox3']});
-var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_19ndht5']});
+var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_1uqsw0x']});
+var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'tzrutj']});
 
 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-Er3WnjvX.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-0U1It8_o.css';
-import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-DXXpjMkH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CwijUzeT.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DMAFq6ym.css';
+import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-CWfc1BBy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1hfg6xu'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_1s1fh2v']});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_12um15k'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'cn0wqp']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
 
 export { control, icon, indicator };

package/dist/esm/packages/react/src/clock/Clock.js

@@ -6,7 +6,7 @@ import { Group } from '../group/Group.js';
 import { Select } from '../select/Select.js';
 import { SelectContent } from '../select/SelectContent.js';
 import { SelectTrigger } from '../select/SelectTrigger.js';
-import { parse, range, format } from './utils.js';
+import { parse, is24Hour, range, format } from './utils.js';
 
 const Clock = forwardRef(
   ({
@@ -24,7 +24,7 @@ const Clock = forwardRef(
     });
     const stepInMinutes = (typeof step === "string" ? parseInt(step) : step) / 60;
     const parsed = parse(value, stepInMinutes);
-    const hours = range(1, 12);
+    const hours = is24Hour ? range(0, 23).map((hour) => hour.padStart(2, "0")) : range(1, 12);
     const minutes = range(0, 59, stepInMinutes).map(
       (minute) => minute.padStart(2, "0")
     );
@@ -58,11 +58,14 @@ const Clock = forwardRef(
           ]
         }
       ),
-      /* @__PURE__ */ jsxs(
+      !is24Hour && /* @__PURE__ */ jsxs(
         Select,
         {
           onValueChange: (meridiem) => (meridiem === "AM" || meridiem === "PM") && setValue(format({ ...parsed, meridiem })),
-          options: periods.map((period) => ({ label: period, value: period })),
+          options: periods.map((period) => ({
+            label: period,
+            value: period
+          })),
           value: parsed.meridiem,
           children: [
             /* @__PURE__ */ jsx(

package/dist/esm/packages/react/src/clock/utils.js

@@ -1,17 +1,18 @@
+const locale = new Intl.Locale(navigator.language ?? "en-US");
+const hourCycles = "getHourCycles" in locale && typeof locale.getHourCycles === "function" ? locale.getHourCycles() : ["h12"];
+const is24Hour = hourCycles[0] === "h23";
 const format = ({
   hour,
   meridiem,
   minute
 }) => {
-  const formattedHour = parseInt(hour) === 12 ? 0 : parseInt(hour);
-  return (formattedHour + (meridiem === "PM" ? 12 : 0)).toString().padStart(2, "0") + ":" + minute;
+  return (is24Hour ? hour : ((parseInt(hour) === 12 ? 0 : parseInt(hour)) + (meridiem === "PM" ? 12 : 0)).toString().padStart(2, "0")) + ":" + minute;
 };
 const parse = (value, step = 1) => {
   const now = /* @__PURE__ */ new Date();
   const [hour, minute] = (value ? value : `${now.getHours()}:${now.getMinutes()}`).split(":");
-  const parsedHour = parseInt(hour) % 12 === 0 ? 12 : parseInt(hour) % 12;
   return {
-    hour: parsedHour.toString(),
+    hour: is24Hour ? parseInt(hour).toString().padStart(2, "0") : (parseInt(hour) % 12 === 0 ? 12 : parseInt(hour) % 12).toString(),
     meridiem: parseInt(hour) < 12 ? "AM" : "PM",
     minute: (Math.floor(parseInt(minute) / step) * step).toString().padStart(2, "0")
   };
@@ -21,4 +22,4 @@ const range = (min, max, step = 1) => Array.from(
   (_, index) => (min + index * step).toString()
 );
 
-export { format, parse, range };
+export { format, is24Hour, parse, range };

package/dist/esm/packages/react/src/code/Code-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-ru_fFOqD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-4yG40PSy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'av0oa9']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'_1o5l4ae']});
 
 export { code };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
-import './../../../../assets/src/command/CommandItem.css.ts.vanilla-BY4_oTWP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/command/CommandItem.css.ts.vanilla-ULJzIl0s.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var detail = recipeRuntime({base:[{color:'fg.secondary'},'_12mvx29']});
+var detail = recipeRuntime({base:[{color:'fg.secondary'},'_1k7bqln']});
 
 export { detail };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-DDO4z9cs.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-Bw5lqEv8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cover = recipeRuntime({variants:{disabled:{false:['_1r47ax4','_1sjo4mn'],true:{}},inset:{false:'_12nug20',true:'_68vpvk'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['_6m2oqe','_3cqamx'],true:{}},inset:{false:'_1x362vl',true:'_188h7p6'}}});
 
 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-Er3WnjvX.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-McnoZtVB.css';
-import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-B2Zs-lHC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-kx6T7gxk.css';
+import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-C9Jrv6XO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'e7qisn'],variants:{pinned:{left:'v2vwme',right:'_1r7d6xl'},pinnedType:{body:'klrul9',header:{}},resizable:{false:{},true:'apjt6h'}}});
-var cellOffsetVar = 'var(--_14e6gxx)';
-var cellSizeVar = 'var(--_1x8pv2i)';
-var leftTotalSizeVar = 'var(--_1bq8djp)';
-var rightTotalSizeVar = 'var(--_1r52h1x)';
-var root = recipeRuntime({base:[{display:'flex',flexDirection:'column',maxW:'full',overflow:'hidden',rounded:'lg'},'_1ra5mmb']});
-var totalSizeVar = 'var(--_1fkwck6)';
+var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'mzmonj'],variants:{pinned:{left:'_1km7h9p',right:'_5im4zl'},pinnedType:{body:'_1cxu4ch',header:{}},resizable:{false:{},true:'_12uxde2'}}});
+var cellOffsetVar = 'var(--_1bevv25)';
+var cellSizeVar = 'var(--w33r3q)';
+var leftTotalSizeVar = 'var(--_11bu9uw)';
+var rightTotalSizeVar = 'var(--_1j12k83)';
+var root = recipeRuntime({base:[{display:'flex',flexDirection:'column',maxW:'full',overflow:'hidden',rounded:'lg'},'hzf8i']});
+var totalSizeVar = 'var(--_1rnt7rg)';
 
 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-Er3WnjvX.css';
-import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-7vSmRoA_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-CLN6S_5a.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'d1y2th',variants:{slot:{after:{textAlign:'end'},before:{}}}});
+var addon = recipeRuntime({base:'b43o8r',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-Er3WnjvX.css';
-import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BmRf4Tef.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-Bov6BO3N.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'},'abs2lj']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'_1544ons'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1ymsnne'],variants:{active:{false:'_19mgctz',true:'_1efn8o0'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_113lwwt']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'hwt40w'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'uv9lok'],variants:{active:{false:'_1t5vg29',true:'gj9gbk'}}});
 
 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-Er3WnjvX.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-BD0GmsOX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-C8bLo3HE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'_1g1ma9k']});
-var date = recipeRuntime({base:'_1i6oknf'});
-var input = recipeRuntime({base:'_1hoqhfk'});
-var picker = recipeRuntime({base:'nvdnem'});
+var clear = recipeRuntime({base:[{size:'sm'},'wyhe4m']});
+var date = recipeRuntime({base:'_11jhv7q'});
+var input = recipeRuntime({base:'_34lai9'});
+var picker = recipeRuntime({base:'_1k3vnyp'});
 
 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-Er3WnjvX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.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-Er3WnjvX.css';
-import './../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-CcqHTaKj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-DAqDgfml.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'},'_1o5fnow']});
+var root = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_1l23fyv']});
 
 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-Er3WnjvX.css';
-import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-x54teE06.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CDX2D93i.css';
+import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-DMNCnFtZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_79tob5']});
+var footer = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_1wb5i4n']});
 
 export { footer };