@optiaxiom/react 1.6.0 → 1.6.2

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-HAbbH3QD.css';
-import './../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-Bkudqqbi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-C5Eve3Nw.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'},'ho3vc']});
+var footer = recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1ddirc4']});
 
 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-HAbbH3QD.css';
-import './../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-CQGpoENI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-DeLZSqkc.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'},'x1cw7m']});
+var header = recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'24',pb:'16',z:'10'},'xsjcjw']});
 
 export { header };

package/dist/esm/packages/react/src/auth-provider/AuthProvider.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { AxiomAuthContext } from '@optiaxiom/globals';
+import { useMemo } from 'react';
+import { useEffectEvent } from '../hooks/useEffectEvent.js';
+import '../field/FieldContext.js';
+import '../utils/conditions.js';
+import '../utils/isHoverSupported.js';
+
+function AuthProvider({
+  children,
+  instance,
+  refresh: refreshProp,
+  token
+}) {
+  const refresh = useEffectEvent(refreshProp);
+  return /* @__PURE__ */ jsx(
+    AxiomAuthContext.Provider,
+    {
+      value: useMemo(
+        () => ({ instance, refresh, token }),
+        [instance, refresh, token]
+      ),
+      children
+    }
+  );
+}
+AuthProvider.displayName = "@optiaxiom/react/AuthProvider";
+
+export { AuthProvider };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-HAbbH3QD.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DOGGV28d.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-Bst3QQKP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzVeZagm.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-B6Kq1zoY.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'},'_1hflxs1'],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'},'k1z1bb'],xs:[{fontWeight:'400',size:'xs'},'_1ngs8gt'],sm:[{size:'sm'},'_1do46ad'],md:[{size:'md'},'_18o8u9s'],lg:[{size:'lg'},'wzx3em'],xl:[{size:'xl'},'tw09g0'],'3xl':[{size:'3xl'},'_72qlsz']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'avgr6p'],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'},'ifwyrx'],xs:[{fontWeight:'400',size:'xs'},'_9yk4pa'],sm:[{size:'sm'},'_169qlc8'],md:[{size:'md'},'jz9glg'],lg:[{size:'lg'},'_1bk6d9b'],xl:[{size:'xl'},'_1wbjn06'],'3xl':[{size:'3xl'},'_1x7zjep']}}});
 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-HAbbH3QD.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DOGGV28d.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzVeZagm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['aow053',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_1dd9ens',{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-HAbbH3QD.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-CALA90nz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-C5nUsn1D.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1q5wnbw']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1ol5h8l']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-HAbbH3QD.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-2rYZVOjE.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-B8N8sUp_.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'},'_7v2849'],variants:{intent:{danger:'pv7zh3',information:'_2m4n7n',neutral:'hrap57',primary:'_2yx8o0',success:'w9xye9',warning:'_196rsyo'},variant:{strong:'_1k8apyh',subtle:'_7lamzj'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'jkmtjr'],variants:{intent:{danger:'_159id0i',information:'_8za4me',neutral:'ccerux',primary:'ed7ly9',success:'_1rso8pt',warning:'paio5u'},variant:{strong:'_1qibg5y',subtle:'yp501a'}}});
 
 export { badge };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-HAbbH3QD.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-BNj--UTE.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-dowsuEhr.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'},'bnzpha']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'_1gyp7nl']});
 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-HAbbH3QD.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-BwCBaoVS.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-C9Jp-afl.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-D6pCdHON.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-TNDRA49L.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'w1wexk'});
+var box = recipeRuntime({base:'_1muyqie'});
 
 export { box };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-HAbbH3QD.css';
-import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-CBTQaPXV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-CWV6gTC7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:'k8o0d1'});
-var list = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'fthajq']});
+var link = recipeRuntime({base:'ofsgwk'});
+var list = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'_1qds2k3']});
 
 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-HAbbH3QD.css';
-import './../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-BUzEect5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-B98wT0pr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'rcowsj']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'aq55bu']});
 
 export { item };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-HAbbH3QD.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DOGGV28d.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzVeZagm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_46ydmo'});
+var buttonGroup = recipeRuntime({base:'_17piix3'});
 
 export { buttonGroup };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-HAbbH3QD.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DOGGV28d.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-NRfGpLC5.css';
-import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-Bxh_ULm6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzVeZagm.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BWx7ffIN.css';
+import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-BJ_sBZ1U.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_15ot71z']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_1sg6jmy']});
 
 export { loadable };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-HAbbH3QD.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DOGGV28d.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-NRfGpLC5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzVeZagm.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BWx7ffIN.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['gwhpv',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1e3hr86'],variants:{intent:{danger:'_12o7b0g',neutral:'_1fqp79r',primary:'_10tn9tl'},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:'_1is6lup',outline:'bsio3c',strong:'x566nx',subtle:'_6bfs77'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_1i9qff1',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1otbyfz',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'s7ko27',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'_1lkqarw']});
+var buttonBase = recipeRuntime({base:['_16rtupx',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'w0m53j'],variants:{intent:{danger:'_1ihm66z',neutral:'_1tb09wm',primary:'i6pcaf'},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:'_1gdt8eu',outline:'_1nl1zzh',strong:'_1bxueig',subtle:'uotmom'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_1r3p0tk',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'jwnbxd',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_1vpwjre',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'_1d2mmht']});
 
 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-HAbbH3QD.css';
-import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-BQyE5PQC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-qc-tilCR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'nnyi5i'}}});
+var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'nwzjlp'}}});
 
 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-HAbbH3QD.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-CjFgIpFk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-cK14Nhaz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_19026px'],variants:{appearance:{'default':'we9itv',holiday:[{color:'fg.error'},'hcuyu1'],range_middle:'pmir1h',selected:[{color:'fg.white'},'_18pmpft'],weekend:[{color:'fg.tertiary'},'hnmry8']},range:{end:['m2qfv9'],middle:['_1r58ey2'],start:['hczbwz']}}});
-var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'mjgeuu']});
+var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_1crvzw4'],variants:{appearance:{'default':'_4nidry',holiday:[{color:'fg.error'},'_1j4lnkl'],range_middle:'_1ylh3il',selected:[{color:'fg.white'},'_1jnil8w'],weekend:[{color:'fg.tertiary'},'_8dt9ih']},range:{end:['i563vj'],middle:['_1fn5ybu'],start:['e9w6yx']}}});
+var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'_4p1wls']});
 
 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-HAbbH3QD.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-DXXPZEhx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-C-BzmPym.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'nbpilt']});
+var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1lrtqvm']});
 
 export { months };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-HAbbH3QD.css';
-import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-CRkpsZDY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-C8BpxQoW.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_1myum09']});
+var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_188icfs']});
 
 export { nav };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-HAbbH3QD.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-Dd1TuHZH.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-Hs5Pkofj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-DLBvSviR.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-2K-Qgkt6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['_8sw8n0',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'_1noctt9']});
+var card = recipeRuntime({base:['_1eikbhh',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'c6fjmv']});
 
 export { card };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-HAbbH3QD.css';
-import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-DCAAYZXK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-BjU9yoNF.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:['_1gkmjxk']});
+var checkbox = recipeRuntime({base:['tr28s4']});
 
 export { checkbox };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-HAbbH3QD.css';
-import './../../../../assets/src/card/CardHeader.css.ts.vanilla-luJQig6j.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/card/CardHeader.css.ts.vanilla-D5-Y0NVd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'k0yfo5',before:'_15r4h2x'}}});
-var content = recipeRuntime({base:[{flex:'1'},'_1btxtow']});
-var header = recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'_3f5y4j']});
+var addon = recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_1uyf2cq',before:'_10k2o1f'}}});
+var content = recipeRuntime({base:[{flex:'1'},'vk7uf6']});
+var header = recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'_9owyah']});
 
 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-HAbbH3QD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.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-HAbbH3QD.css';
-import './../../../../assets/src/card/CardPreview.css.ts.vanilla-CucF3b8H.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/card/CardPreview.css.ts.vanilla-DIJviDj6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_12twmfi']});
-var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'tvvbou']});
+var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_3a02un']});
+var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'nuh31q']});
 
 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-HAbbH3QD.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DOGGV28d.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-KCnQEoQ7.css';
-import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-COjoWpaY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzVeZagm.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BrVdMbOn.css';
+import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-DPvYjwu-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1xaucf0'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'tvxe2y']});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'cjoia4'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'uoo2x0']});
 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-HAbbH3QD.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-UD6OaKqV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-C21wD7rn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'q9ophq']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'_1jtq85y']});
 
 export { code };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-HAbbH3QD.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-Dd1TuHZH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-DLBvSviR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cover = recipeRuntime({variants:{disabled:{false:['_1pfie66','_1tsp16u'],true:{}},inset:{false:'_1pbf81u',true:'_1eotl5a'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['r8zsxy','_1oex1d5'],true:{}},inset:{false:'g6uzt7',true:'yffm8g'}}});
 
 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-HAbbH3QD.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-CNo7CnFy.css';
-import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-D9-b9UaP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-DDvVQhtA.css';
+import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-OaoFzEpt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'l2ywzq'],variants:{pinned:{left:'_6qcpic',right:'_1bvqqxo'},pinnedType:{body:'xro8g6',header:{}}}});
-var cellOffsetVar = 'var(--_1vdn7aq)';
-var cellSizeVar = 'var(--_18y6htz)';
-var leftTotalSizeVar = 'var(--ej2met)';
-var rightTotalSizeVar = 'var(--enpbsx)';
-var table = recipeRuntime({base:'_1pllbfy',variants:{pinned:{both:'_1iby6tu',left:'_1kr5at2',none:{},right:'_8ljirr'}}});
-var totalSizeVar = 'var(--_1n4v0go)';
+var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'_14xpfrg'],variants:{pinned:{left:'_107756n',right:'_1dpnvxp'},pinnedType:{body:'rra9q3',header:{}}}});
+var cellOffsetVar = 'var(--bjo1s)';
+var cellSizeVar = 'var(--_134huyu)';
+var leftTotalSizeVar = 'var(--hc7z35)';
+var rightTotalSizeVar = 'var(--_5n1gce)';
+var table = recipeRuntime({base:'_1lj9bzz',variants:{pinned:{both:'_156ksi0',left:'z1klq1',none:{},right:'_1usmzub'}}});
+var totalSizeVar = 'var(--mqck0x)';
 
 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-HAbbH3QD.css';
-import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-CLiftSrp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-mVjXakUg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'_1bqptfb',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = recipeRuntime({base:'_1wlmw86',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-HAbbH3QD.css';
-import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-pFZ2WwSF.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-XllVj0zz.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'},'vv95y8']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'_1yppa9j'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_14igrdu'],variants:{active:{false:'_1dm6ijq',true:'_6dj71p'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_1ujnn3l']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'jpgjoo'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_15n7qie'],variants:{active:{false:'_1d89bvk',true:'h2j4j6'}}});
 
 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-HAbbH3QD.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-Bv1GEist.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-Pv41tL.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-DlatE1uK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'lcyii5']});
-var date = recipeRuntime({base:'sqa2f2'});
-var input = recipeRuntime({base:'wyifkt'});
-var picker = recipeRuntime({base:'_12qm1pw'});
+var clear = recipeRuntime({base:[{size:'sm'},'_1e2faev']});
+var date = recipeRuntime({base:'_1pfxatf'});
+var input = recipeRuntime({base:'_16a59jd'});
+var picker = recipeRuntime({base:'agi1jm'});
 
 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(
   ({

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

@@ -1,11 +1,15 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { useRef } from 'react';
+import { useRef, useState, useEffect } from 'react';
 import { Popover } from '../popover/Popover.js';
 import '../popover/PopoverAnchor.js';
 import '../popover/PopoverContent.js';
 import '../popover/PopoverTrigger.js';
+import '../utils/conditions.js';
+import '../utils/isHoverSupported.js';
+import { toInstant } from '../utils/toInstant.js';
+import { toPlainDate } from '../utils/toPlainDate.js';
 import { DateRangePickerProvider } from './DateRangePickerContext.js';
 
 function DateRangePicker({
@@ -20,6 +24,7 @@ function DateRangePicker({
   ...props
 }) {
   const triggerRef = useRef(null);
+  const [from, setFrom] = useState();
   const [open, setOpen] = useControllableState({
     caller: "@optiaxiom/react/DateRangePicker",
     defaultProp: defaultOpen,
@@ -32,10 +37,24 @@ function DateRangePicker({
     onChange: onValueChange,
     prop: valueProp
   });
+  useEffect(() => {
+    if (open) {
+      setFrom(void 0);
+    }
+  }, [open]);
+  useEffect(() => {
+    if (!open && from) {
+      const end = toInstant(toPlainDate(from) + "T23:59:59.999");
+      if (end) {
+        setValue({ from, to: end });
+      }
+    }
+  }, [from, open, setValue]);
   return /* @__PURE__ */ jsx(Popover, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(
     DateRangePickerProvider,
     {
       disabled,
+      setFrom,
       setOpen,
       setValue,
       triggerRef,

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

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