@optiaxiom/react 1.7.4 → 1.7.6

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BST-3rtg.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-D3wlzf68.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Dy033g3k.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-BuQfn3kF.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'},'_11rzw05'],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'},'_1k1yx0v'],xs:[{fontWeight:'400',size:'xs'},'bz5s9e'],sm:[{size:'sm'},'_1du94m7'],md:[{size:'md'},'oe1txo'],lg:[{size:'lg'},'_1bfrjid'],xl:[{size:'xl'},'_174rudq'],'3xl':[{size:'3xl'},'_1m8lctf']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',flex:'none',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1ukb302'],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'},'n0j3tk'],xs:[{fontWeight:'400',size:'xs'},'_1yur236'],sm:[{size:'sm'},'_2soqbm'],md:[{size:'md'},'pvja6f'],lg:[{size:'lg'},'_1f7dxit'],xl:[{size:'xl'},'_1r46au'],'3xl':[{size:'3xl'},'xpj5ga']}}});
 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-xPgi3Fsc.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BST-3rtg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Dy033g3k.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['_1r4acos',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_1b2lusm',{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-xPgi3Fsc.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DTtOo-GO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-447tEr4R.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1l2nytg']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_226t5x']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-DXvnioLg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-BS0RI9Ee.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'},'_18afkty'],variants:{intent:{danger:'_1ea3pi',information:'_9bngo7',neutral:'e41mkz',primary:'_6d3srd',success:'ndsmjx',warning:'gyyrl2'},variant:{strong:'_1re1dv7',subtle:'e6ej7r'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',flex:'none',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'n5eql9'],variants:{intent:{danger:'_13zkvjj',information:'_94nsez',neutral:'_5bhu0z',primary:'_9ui2df',success:'_1s15rhv',warning:'auo2bv'},variant:{strong:'_1wkkke4',subtle:'jbijh4'}}});
 
 export { badge };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-gg066Vyh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-CHj85Xgp.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',justifyContent:'center'},'sg58k4']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'dfqsc7']});
 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-xPgi3Fsc.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-BLJlnTfM.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-BxdYYM2I.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-DKHwV193.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-CEoSG83F.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_1uv58ng'});
+var box = recipeRuntime({base:'_1r68bd3'});
 
 export { box };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-MmlewttK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-ByXWco1G.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:'aqiz27'});
-var list = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'h70pob']});
+var link = recipeRuntime({base:'_1kkfqwc'});
+var list = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'_10se9jy']});
 
 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-xPgi3Fsc.css';
-import './../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-BJMka3Bk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-CLSRPkUa.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_1lfxbas']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'cn3v82']});
 
 export { item };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BST-3rtg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Dy033g3k.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'dthuhp'});
+var buttonGroup = recipeRuntime({base:'buvpsi'});
 
 export { buttonGroup };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BST-3rtg.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-CrHvhD5P.css';
-import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-D2wnYy3E.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Dy033g3k.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-Dx766k8Q.css';
+import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-BWemQUL3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_1ec334w']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_1hf81hp']});
 
 export { loadable };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BST-3rtg.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-CrHvhD5P.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Dy033g3k.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-Dx766k8Q.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['g520ot',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1qtms06'],variants:{intent:{danger:'_1r5zbq2',neutral:'uwjh58',primary:'qw4tlz'},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:'zo90rd','outline-opal':'_20mvzq',strong:'imwd7t','strong-opal':'wyufob',subtle:'_1y86ng3'}},variantsCompounded:[{style:'_1uvkhkc',variants:{size:['sm','md'],variant:['outline-opal','strong-opal']}},{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_1e6mm98',variants:{size:'sm',square:false,variant:['outline','strong','subtle']}},{style:'rl0fpe',variants:{size:'sm',square:false,variant:['outline-opal','strong-opal']}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1uj3uj1',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'scoweb',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'jwnwnh']});
+var buttonBase = recipeRuntime({base:['_1hno8vu',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1hhju9h'],variants:{intent:{danger:'_9z72id',neutral:'mijiz0',primary:'cl0ade'},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:'_1d3qzkg','outline-opal':'_2iy4di',strong:'_1dv4891','strong-opal':'_164sxot',subtle:'_144e21d'}},variantsCompounded:[{style:'_1v6q58w',variants:{size:['sm','md'],variant:['outline-opal','strong-opal']}},{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'oa92q8',variants:{size:'sm',square:false,variant:['outline','strong','subtle']}},{style:'_1158yoq',variants:{size:'sm',square:false,variant:['outline-opal','strong-opal']}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1scjxgs',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_1agjhmq',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'_1iwnvqs']});
 
 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-xPgi3Fsc.css';
-import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-BA3tHuu3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-DMK-WC1r.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'cle12h'}}});
+var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'_3mwhzx'}}});
 
 export { picker };

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

@@ -56,6 +56,7 @@ const Calendar = forwardRef(
     mode = "single",
     onDateSelect,
     onValueChange,
+    placeholder,
     step,
     today,
     type = "date",
@@ -71,9 +72,13 @@ const Calendar = forwardRef(
       onChange: onValueChange,
       prop: valueProp
     });
-    const time = type === "date" ? "00:00" : toPlainTime(value instanceof Date ? value : /* @__PURE__ */ new Date(), step);
+    const now = /* @__PURE__ */ new Date();
+    const placeholderDate = placeholder ? toInstant(
+      placeholder.includes("-") ? placeholder : `${toPlainDate(now)}T${placeholder}`
+    ) ?? now : now;
+    const time = type === "date" ? "00:00" : toPlainTime(value instanceof Date ? value : placeholderDate, step);
     const [month, setMonth] = useState(
-      value && typeof value === "object" && "from" in value ? value.from : value instanceof Date ? value : today ?? /* @__PURE__ */ new Date()
+      value && typeof value === "object" && "from" in value ? value.from : value instanceof Date ? value : today ?? placeholderDate
     );
     const innerRef = useRef(null);
     const ref = useComposedRefs(innerRef, outerRef);
@@ -171,7 +176,9 @@ const Calendar = forwardRef(
                     onValueChange: (time2) => {
                       setValue(
                         /* @__PURE__ */ new Date(
-                          toPlainDate(value instanceof Date ? value : /* @__PURE__ */ new Date()) + "T" + time2
+                          toPlainDate(
+                            value instanceof Date ? value : placeholderDate
+                          ) + "T" + time2
                         )
                       );
                     },
@@ -186,7 +193,9 @@ const Calendar = forwardRef(
                     fontSize: "sm",
                     textAlign: "center",
                     w: "full",
-                    children: toTimeZoneName(value instanceof Date ? value : /* @__PURE__ */ new Date())
+                    children: toTimeZoneName(
+                      value instanceof Date ? value : placeholderDate
+                    )
                   }
                 )
               ] })

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-DytVQ9L6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-DxCWYXJ1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_4101hm'],variants:{appearance:{'default':'_1p9gg1a',holiday:[{color:'fg.error'},'_87l5k0'],range_middle:'mnekmu',selected:[{color:'fg.white'},'_1a7vgmx'],weekend:[{color:'fg.tertiary'},'_1poddn5']},range:{end:['gq73n9'],middle:['hoz0au'],start:['_31napz']}}});
-var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'_1bgfc2']});
+var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_15ygysj'],variants:{appearance:{'default':'d4fagg',holiday:[{color:'fg.error'},'l3uifi'],range_middle:'wr50my',selected:[{color:'fg.white'},'_14e80w9'],weekend:[{color:'fg.tertiary'},'d1sf2g']},range:{end:['_1jp6jpr'],middle:['_1huyt64'],start:['gru7pm']}}});
+var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'nggg5n']});
 
 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-xPgi3Fsc.css';
-import './../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-OamYzTNu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-CrBqTZIh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var grid = recipeRuntime({base:[{display:'flex',flexDirection:'column',gap:'2'},'_1rlnd8v']});
+var grid = recipeRuntime({base:[{display:'flex',flexDirection:'column',gap:'2'},'_125vr7z']});
 
 export { grid };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-ByRzwG0l.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-CQjWZcvP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1miruix']});
+var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'yc44es']});
 
 export { months };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-CGz5Bolm.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-CFOP749K.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'_3t3ev'});
+var button = recipeRuntime({base:'xf6htm'});
 
 export { button };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-B-vLeIOZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-C81WegS1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'_16pmqru'});
+var button = recipeRuntime({base:'_1dvtf78'});
 
 export { button };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-HR4EWXvK.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-CRkt2b6E.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-CUbWnyge.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-BcuQfRVB.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['_5va2my',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'ixdsyk']});
+var card = recipeRuntime({base:['_1fhy8ia',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'v3q8oi']});
 
 export { card };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-UPOjQFNM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-WSmjFmU1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:['_1u16cri']});
+var checkbox = recipeRuntime({base:['_1n2um5e']});
 
 export { checkbox };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/card/CardHeader.css.ts.vanilla-CIBSdQd0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/card/CardHeader.css.ts.vanilla-m6bcEYOo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_1rkce1a',before:'_1csteex'}}});
-var content = recipeRuntime({base:[{flex:'1'},'_11wkuoj']});
-var header = recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'l2fdmk']});
+var addon = recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_1i36f2a',before:'fi8v24'}}});
+var content = recipeRuntime({base:[{flex:'1'},'d920u7']});
+var header = recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'_146kkgr']});
 
 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-xPgi3Fsc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.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-xPgi3Fsc.css';
-import './../../../../assets/src/card/CardPreview.css.ts.vanilla-BE4jhe31.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/card/CardPreview.css.ts.vanilla-BSt-B51C.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_1cy01zw']});
-var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1h63ulo']});
+var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_19ozc3o']});
+var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'qcnwrs']});
 
 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-xPgi3Fsc.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BST-3rtg.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CEXBVVf5.css';
-import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-B8-tCu4B.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Dy033g3k.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-fTJV_Ffw.css';
+import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-Dx1zx2UP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'pygohl'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_18d5cpa']});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'h11p7a'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'_112vjfu']});
 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-xPgi3Fsc.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-C8xHbk91.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-UiO7cDMZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'o2duwq']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'_76f2lc']});
 
 export { code };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/command/CommandItem.css.ts.vanilla-CvSkhhp1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/command/CommandItem.css.ts.vanilla-D8vpsuHi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var detail = recipeRuntime({base:[{color:'fg.secondary'},'_16yw6io']});
+var detail = recipeRuntime({base:[{color:'fg.secondary'},'s02brs']});
 
 export { detail };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-HR4EWXvK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-CUbWnyge.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cover = recipeRuntime({variants:{disabled:{false:['joj5m8','vhtco6'],true:{}},inset:{false:'_9uouzv',true:'_1a196qy'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['lirarl','_12j4625'],true:{}},inset:{false:'pukuzx',true:'i3zrlt'}}});
 
 export { cover };

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

@@ -1,13 +1,13 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-C3trKmFI.css';
-import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-BWrynyzB.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-Bg-zL2a1.css';
+import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-CxnW312T.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'z1f848'],variants:{pinned:{left:'_175s1bh',right:'ppdqna'},pinnedType:{body:'_1etsz6c',header:{}}}});
-var cellOffsetVar = 'var(--amyah7)';
-var cellSizeVar = 'var(--kh6qe)';
-var leftTotalSizeVar = 'var(--_1pweb3j)';
-var rightTotalSizeVar = 'var(--l20595)';
-var totalSizeVar = 'var(--_1f3xayq)';
+var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1ek77bs'],variants:{pinned:{left:'_1cu7qne',right:'msvhhl'},pinnedType:{body:'_13dmcgy',header:{}}}});
+var cellOffsetVar = 'var(--_29prer)';
+var cellSizeVar = 'var(--n122ns)';
+var leftTotalSizeVar = 'var(--zehhum)';
+var rightTotalSizeVar = 'var(--_1u5dhl3)';
+var totalSizeVar = 'var(--_1rrpx3a)';
 
 export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, totalSizeVar };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-CX0FLUPz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-BlHowoTP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'obe5n7',variants:{slot:{after:{textAlign:'end'},before:{}}}});
+var addon = recipeRuntime({base:'_16os1ko',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-xPgi3Fsc.css';
-import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-B0v4Hs1n.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-D-VsH9w0.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'},'_1p1kn6j']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'_1fzzza1'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1jl576s'],variants:{active:{false:'rmon1x',true:'_1kr8uqb'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_1odmef5']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'_1w7cmns'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1ybudrd'],variants:{active:{false:'_1i92o9x',true:'_1q5fgsn'}}});
 
 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-xPgi3Fsc.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-7kmeOdzo.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-C1BpqHiy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'ou2jlx']});
-var date = recipeRuntime({base:'rfla73'});
-var input = recipeRuntime({base:'_11hps5m'});
-var picker = recipeRuntime({base:'x1qaye'});
+var clear = recipeRuntime({base:[{size:'sm'},'_24ebx2']});
+var date = recipeRuntime({base:'_5pcs9t'});
+var input = recipeRuntime({base:'_13hzwz'});
+var picker = recipeRuntime({base:'a3r8s9'});
 
 export { clear, date, input, picker };

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

@@ -36,6 +36,7 @@ const DateInput = forwardRef(
     max,
     min,
     onChange,
+    placeholder,
     step,
     type = "date",
     weekend,
@@ -164,6 +165,7 @@ const DateInput = forwardRef(
                     setOpen(false);
                   }
                 },
+                placeholder,
                 step,
                 type,
                 value: instant,

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',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-xPgi3Fsc.css';
-import './../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-Ow_XF2-4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-DOP5xkmj.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'},'_1wjow4x']});
+var root = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'fp3cz9']});
 
 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-xPgi3Fsc.css';
-import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-DE4rlyV0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-bO0fdVf3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'16',pt:'8'},'_1jzudqj']});
+var footer = recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'16',pt:'8'},'siidan']});
 
 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-xPgi3Fsc.css';
-import './../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-23Alkgz0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-C-FWcOQD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_1d2ubev']});
+var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_2hizan']});
 
 export { header };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BST-3rtg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Dy033g3k.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:[{flex:'1',fontSize:'md',px:'24',py:'16',z:'0'},'fhyghg']});
+var body = recipeRuntime({base:[{flex:'1',fontSize:'md',px:'24',py:'16',z:'0'},'_1t97ijp']});
 
 export { body };

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

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BST-3rtg.css';
-import './../../../../assets/src/dialog/DialogContent.css.ts.vanilla-T3TdyL-D.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Dy033g3k.css';
+import './../../../../assets/src/dialog/DialogContent.css.ts.vanilla-DJHR5C4p.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'rz3dpt'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_1igowvj'],variants:{size:{sm:'_13ov0zv',md:'_1naqkec',lg:'_1f2k7bg',fullscreen:'tm5xni'}}});
-var nestedDialogCountVar = 'var(--_96sgu4)';
-var scrollPaddingBottomVar = 'var(--_17k4p6b)';
-var scrollPaddingTopVar = 'var(--_1lvm3ri)';
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'m5o8ke'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_6b4a3y'],variants:{size:{sm:'_1am0pph',md:'_19wryv9',lg:'vzosp',fullscreen:'vx5o0p'}}});
+var nestedDialogCountVar = 'var(--_1hqgx6h)';
+var scrollPaddingBottomVar = 'var(--i8h9o2)';
+var scrollPaddingTopVar = 'var(--_13sii81)';
 
 export { backdrop, content, nestedDialogCountVar, scrollPaddingBottomVar, scrollPaddingTopVar };