@optiaxiom/react 1.5.12 → 1.6.1

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-B4feTMLC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BCYLqTy8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_2v7l56'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_1lf912p'],variants:{size:{sm:'p3yoce',md:'a7vpgg',lg:'xjugti'}}});
-var nestedDialogCountVar = 'var(--q5vldz)';
-var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_7tz1wd']});
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'xdk9ne'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_1komce7'],variants:{size:{sm:'trakrs',md:'q4mb3m',lg:'n73lq'}}});
+var nestedDialogCountVar = 'var(--uk5lij)';
+var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1kkv13d']});
 
 export { backdrop, content, nestedDialogCountVar, root };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-s53b04Z2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-BtpOTTfb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1uxwl15']});
+var footer = recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1883owg']});
 
 export { footer };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-56qu1R0j.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-CAK36ui2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'24',pb:'16',z:'10'},'_1i7w8qn']});
+var header = recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'24',pb:'16',z:'10'},'_15cbcgg']});
 
 export { header };

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

@@ -5,7 +5,6 @@ import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
 import { Heading } from '../heading/Heading.js';
 import { Icon } from '../icon/Icon.js';
-import { IconTriangleExclamationSolid } from '../icons/IconTriangleExclamationSolid.js';
 import '../utils/conditions.js';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
 import '../utils/isHoverSupported.js';
@@ -13,7 +12,7 @@ import { header } from './AlertDialogHeader-css.js';
 
 const AlertDialogHeader = forwardRef(({ addonBefore, children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxs(Flex, { ref, ...header({}, className), ...props, children: [
-    /* @__PURE__ */ jsx(Icon, { asChild: true, color: "fg.error", children: addonBefore ? fallbackSpan(addonBefore) : /* @__PURE__ */ jsx(IconTriangleExclamationSolid, {}) }),
+    /* @__PURE__ */ jsx(Icon, { asChild: true, color: "fg.error", children: addonBefore && fallbackSpan(addonBefore) }),
     /* @__PURE__ */ jsx(Heading, { asChild: true, color: "fg.default", fontWeight: "500", level: "3", children: /* @__PURE__ */ jsx(RadixAlertDialog.Title, { children }) })
   ] });
 });

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-K3l0nH6T.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-BGhTiWoU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Efgo6GTj.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-BKZ6o4Py.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'a4shgo'],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'},'c7u37w'],xs:[{fontWeight:'400',size:'xs'},'sj2wwb'],sm:[{size:'sm'},'fpg0qx'],md:[{size:'md'},'_1pld0z6'],lg:[{size:'lg'},'_16gshtg'],xl:[{size:'xl'},'mzs1q9'],'3xl':[{size:'3xl'},'hljspv']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1pfzz3t'],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'},'xiitzo'],xs:[{fontWeight:'400',size:'xs'},'_1y3ived'],sm:[{size:'sm'},'cbps4u'],md:[{size:'md'},'_19d1mrd'],lg:[{size:'lg'},'aj7jqw'],xl:[{size:'xl'},'n5gmam'],'3xl':[{size:'3xl'},'_4es1wu']}}});
 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-BpEx1Goo.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-K3l0nH6T.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Efgo6GTj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['zha0a9',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_11pmdg3',{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-BpEx1Goo.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DiBXDt_-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-CXCO0AxS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1e72u0s']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_3gatox']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-bZMSkRwm.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-C547qW_2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_9cvt0j'],variants:{intent:{danger:'_1jd0daq',information:'eldnhb',neutral:'_16xq1xx',primary:'_3npf45',success:'so6rc8',warning:'_1pxks9m'},variant:{strong:'_7curlv',subtle:'_1owa1n3'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1trpf5g'],variants:{intent:{danger:'_19gqeoo',information:'_1ra99to',neutral:'ydhnt3',primary:'_1pfp93v',success:'okl7lb',warning:'_1hu9t1s'},variant:{strong:'_1l0opup',subtle:'vaij4f'}}});
 
 export { badge };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-jZ9ac4Uz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-DwgQ_Cq9.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'},'_1ap4vm6']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'x3p8l3']});
 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-BpEx1Goo.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-BCr4StHC.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-jA6luvmM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-Du3q_yLp.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-BrjnHY-5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_1j2dcwh'});
+var box = recipeRuntime({base:'_190p10g'});
 
 export { box };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-uXvMcI8t.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-B9CFKpYw.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:'_8pczvn'});
-var list = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'_16ukv1']});
+var link = recipeRuntime({base:'_18pqz96'});
+var list = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'sob532']});
 
 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-BpEx1Goo.css';
-import './../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-FhBweSZC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-CPgKqZh1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_1q53pp4']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_6weamy']});
 
 export { item };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-K3l0nH6T.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Efgo6GTj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_1ag5d7w'});
+var buttonGroup = recipeRuntime({base:'qzld36'});
 
 export { buttonGroup };

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

@@ -1,12 +1,12 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { Flex } from '../flex/Flex.js';
+import { Text } from '../text/Text.js';
 import { ButtonLoadable } from './ButtonLoadable.js';
 
 const ButtonLabel = forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: "4", mx: "4", ref, ...props, children }) });
+    return /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: /* @__PURE__ */ jsx(Text, { asChild: true, mx: "4", 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-BpEx1Goo.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-K3l0nH6T.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BG5to307.css';
-import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-CYepgMdX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Efgo6GTj.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-N2E3e5pV.css';
+import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-z0IMkTCA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_8ptv17']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'maf9q9']});
 
 export { loadable };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-K3l0nH6T.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BG5to307.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Efgo6GTj.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-N2E3e5pV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['_14t34di',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1fsyvdt'],variants:{intent:{danger:'_1nzje14',neutral:'_7avd4e',primary:'_1gqc0lu'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'yg4z8u',true:{}},variant:{opal:'rkbt4n',outline:'_170b404',strong:'_1115t',subtle:'qgebhs'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'uc7v7h',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1cee84f',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_1vthuvt',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'jpkzur']});
+var buttonBase = recipeRuntime({base:['jmxm03',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1t5g0p6'],variants:{intent:{danger:'_1vcdep0',neutral:'_1icsclx',primary:'_14z9kp0'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:{},true:{}},variant:{opal:'_3il5gb',outline:'dh7vc0',strong:'_7s946u',subtle:'_1vmgg70'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'t7wbug',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_11rvy8f',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_1fb60qj',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'eiylvr']});
 
 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-BpEx1Goo.css';
-import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-kMJUc7NJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-DsZ2Arz4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'_1vasm44'}}});
+var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'_3n5bak'}}});
 
 export { picker };

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

@@ -8,7 +8,6 @@ import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Clock } from '../clock/Clock.js';
-import { toInstant } from '../date-input/utils.js';
 import { Flex } from '../flex/Flex.js';
 import '../field/FieldContext.js';
 import { useResponsiveMatches } from '../hooks/useResponsiveMatches.js';
@@ -17,6 +16,7 @@ import '../popover/PopoverContext.js';
 import { Text } from '../text/Text.js';
 import '../utils/conditions.js';
 import '../utils/isHoverSupported.js';
+import { toInstant } from '../utils/toInstant.js';
 import { toPlainDate } from '../utils/toPlainDate.js';
 import { toPlainTime } from '../utils/toPlainTime.js';
 import { picker } from './Calendar-css.js';
@@ -55,6 +55,7 @@ const Calendar = forwardRef(
     min,
     mode = "single",
     month,
+    onDateSelect,
     onMonthChange,
     onValueChange,
     step,
@@ -140,9 +141,9 @@ const Calendar = forwardRef(
               month,
               onMonthChange,
               onSelect: (value2) => {
-                setValue(
-                  value2 ? /* @__PURE__ */ new Date(toPlainDate(value2) + "T" + (time ?? "00:00")) : value2 ?? null
-                );
+                const date = value2 ? /* @__PURE__ */ new Date(toPlainDate(value2) + "T" + (time ?? "00:00")) : value2 ?? null;
+                setValue(date);
+                onDateSelect?.(date);
               },
               required: true,
               selected: value instanceof Date ? value : void 0,
@@ -172,10 +173,16 @@ const Calendar = forwardRef(
                   const oldFrom = value && typeof value === "object" && "from" in value ? value.from : void 0;
                   const newFrom = oldFrom && newValue?.from && newValue.from < oldFrom ? newValue.from : newValue?.to;
                   setFrom(newFrom);
+                  if (newFrom) {
+                    onDateSelect?.(newFrom);
+                  }
                 } else {
                   setFrom(void 0);
                   const start = to && to < from ? to : from;
                   const end = to && to < from ? toInstant(toPlainDate(from) + "T23:59:59.999") : to ? toInstant(toPlainDate(to) + "T23:59:59.999") : void 0;
+                  if (end) {
+                    onDateSelect?.(end);
+                  }
                   setValue(
                     end ? {
                       from: start,

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-RZa63GHY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-DE89CfuP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_3zjj96'],variants:{appearance:{'default':'_1lchnfl',holiday:[{color:'fg.error'},'_15wy2ic'],range_middle:'_11u9sr2',selected:[{color:'fg.white'},'_6y0njc'],weekend:[{color:'fg.tertiary'},'_4sziwt']},range:{end:['_1bd2tw3'],middle:['_11nzx64'],start:['zo34gu']}}});
-var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'r5wh57']});
+var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_1rtdrwc'],variants:{appearance:{'default':'orahgp',holiday:[{color:'fg.error'},'xndxwu'],range_middle:'t91epm',selected:[{color:'fg.white'},'ts8cem'],weekend:[{color:'fg.tertiary'},'_89qvht']},range:{end:['e1lvs1'],middle:['vxoloa'],start:['r9uimw']}}});
+var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'_9446xz']});
 
 export { button, today };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-Br8fuywW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-BPD-A61j.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1yat6et']});
+var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1yer977']});
 
 export { months };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-CwDIoSC_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-BW50gYJ1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_8shy0w']});
+var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_5t2a4r']});
 
 export { nav };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-a4tx-RQ7.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-MbnD7gBb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-C8jaYW8J.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-DsCpGMDa.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['se4d87',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'_1qjx2rj']});
+var card = recipeRuntime({base:['_13vrr0u',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'a3ziku']});
 
 export { card };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-B3KEO8ug.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-rNSuRZUb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:['eerirm']});
+var checkbox = recipeRuntime({base:['_1nkzfiv']});
 
 export { checkbox };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/card/CardHeader.css.ts.vanilla-OdMImZCz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/card/CardHeader.css.ts.vanilla-XeIwDuCi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'tj5zb2',before:'_1d7bacd'}}});
-var content = recipeRuntime({base:[{flex:'1'},'_9dft3b']});
-var header = recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'xuqo62']});
+var addon = recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_4p2xgz',before:'fn1889'}}});
+var content = recipeRuntime({base:[{flex:'1'},'lxk8hh']});
+var header = recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'m4aems']});
 
 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-BpEx1Goo.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.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-BpEx1Goo.css';
-import './../../../../assets/src/card/CardPreview.css.ts.vanilla-BCx-HNHX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/card/CardPreview.css.ts.vanilla-DIgaN-by.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'eh46zx']});
-var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1nas6u9']});
+var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'j1xcun']});
+var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1d5xi0o']});
 
 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-BpEx1Goo.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-K3l0nH6T.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-C2jvsiCc.css';
-import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-Do3aVO0U.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Efgo6GTj.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-VlkxLccC.css';
+import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-Tyvr1INO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_13z0ycl'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_72qu4f']});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_16qhooa'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'b50bzs']});
 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-BpEx1Goo.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-Ck8rEd-O.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-DVR2woJE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'_1pr0ke2']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'_1t9292h']});
 
 export { code };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-a4tx-RQ7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-C8jaYW8J.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cover = recipeRuntime({variants:{disabled:{false:['_1sjxjx2','_1gntecp'],true:{}},inset:{false:'fdpwti',true:'y3v85e'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['zyjd55','_1bwowiy'],true:{}},inset:{false:'_1r9rif4',true:'cxuz8'}}});
 
 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-BpEx1Goo.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-BvEQe29g.css';
-import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-B26OoBSh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-CAO8y3es.css';
+import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-Dy_wyoq1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'_6pps3a'],variants:{pinned:{left:'_6sotud',right:'_4hyi4u'},pinnedType:{body:'b8i4w6',header:{}}}});
-var cellOffsetVar = 'var(--_1y7ujzn)';
-var cellSizeVar = 'var(--ab8kcv)';
-var leftTotalSizeVar = 'var(--nn9o9k)';
-var rightTotalSizeVar = 'var(--_2ve40)';
-var table = recipeRuntime({base:'nokutb',variants:{pinned:{both:'i6o3o6',left:'thpdla',none:{},right:'_13mvu5f'}}});
-var totalSizeVar = 'var(--_1qamlo0)';
+var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'keuq6o'],variants:{pinned:{left:'on7q1t',right:'_1bt9oyj'},pinnedType:{body:'g78von',header:{}}}});
+var cellOffsetVar = 'var(--bfx946)';
+var cellSizeVar = 'var(--_1dythr6)';
+var leftTotalSizeVar = 'var(--ec12r6)';
+var rightTotalSizeVar = 'var(--_1izjqm9)';
+var table = recipeRuntime({base:'_18vmaa9',variants:{pinned:{both:'_103w8gl',left:'_1szh8dn',none:{},right:'_1fqxpml'}}});
+var totalSizeVar = 'var(--_1kjcvtk)';
 
 export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, table, totalSizeVar };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-DxDLw-Ui.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-YZ-fzoy6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'_1yxpxsa',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = recipeRuntime({base:'_1v6rnrj',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 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-BpEx1Goo.css';
-import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-Ct6nicA8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BrndZ_OH.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'},'_1w007qd']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'hlqs3p'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'vwtu9q'],variants:{active:{false:'_1kvvee3',true:'_1o7ca2n'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_14w3hix']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'_100axlu'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1tlbmpc'],variants:{active:{false:'_1jvhxmy',true:'_1cp6yhe'}}});
 
 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-BpEx1Goo.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-kWm-j_lk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-DqK688DQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'_1x7ei2p']});
-var date = recipeRuntime({base:'_1b5crmd'});
-var input = recipeRuntime({base:'_1sbvxg'});
-var picker = recipeRuntime({base:'_19ilozs'});
+var clear = recipeRuntime({base:[{size:'sm'},'x2ayol']});
+var date = recipeRuntime({base:'_1ot4mxs'});
+var input = recipeRuntime({base:'_41hsgi'});
+var picker = recipeRuntime({base:'_696bh5'});
 
 export { clear, date, input, picker };

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

@@ -12,6 +12,7 @@ import { useFieldContext } from '../field/FieldContext.js';
 import { useObserveValue } from '../hooks/useObserveValue.js';
 import '../utils/conditions.js';
 import '../utils/isHoverSupported.js';
+import { toInstant } from '../utils/toInstant.js';
 import { toPlainDate } from '../utils/toPlainDate.js';
 import { toPlainDateTime } from '../utils/toPlainDateTime.js';
 import { IconCalendar } from '../icons/IconCalendar.js';
@@ -26,7 +27,6 @@ import { PopoverContent } from '../popover/PopoverContent.js';
 import { PopoverTrigger } from '../popover/PopoverTrigger.js';
 import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
 import { date, input, picker, clear } from './DateInput-css.js';
-import { toInstant } from './utils.js';
 
 const DateInput = forwardRef(
   ({