@optiaxiom/react 1.3.5 → 1.4.0

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtBvKw05.css';
-import './../../../../assets/src/alert/Alert.css.ts.vanilla-HAeCnQSe.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/alert/Alert.css.ts.vanilla-DeDI619B.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var alert = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',justifyContent:'space-between',p:'12',pr:'16',rounded:'md'}],variants:{intent:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
-var content = recipeRuntime({base:[{flex:'1',gap:'8'},'jnzdjx']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8'},'shkyxa']});
 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 { alert, content, icon };

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtBvKw05.css';
-import './../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-CYg30qGa.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-Bm1-gUy6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'ipandm'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_18g0pg9'],variants:{size:{sm:'w78fdl',md:'zfkcz1',lg:'uxio3o'}}});
-var nestedDialogCountVar = 'var(--_1a41hof)';
-var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_11ldbd4']});
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_16h69d3'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1x0arhc'],variants:{size:{sm:'_1gqxfng',md:'_1cnszf3',lg:'zm6akl'}}});
+var nestedDialogCountVar = 'var(--c9gq8w)';
+var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1b11qo']});
 
 export { backdrop, content, nestedDialogCountVar, root };

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

@@ -12,6 +12,7 @@ import { Flex } from '../flex/Flex.js';
 import { ModalProvider } from '../modal/ModalContext.js';
 import '../modal/ModalLayer.js';
 import { Paper } from '../paper/Paper.js';
+import { Portal } from '../portal/Portal.js';
 import { Transition } from '../transition/Transition.js';
 import { TransitionGroup } from '../transition/TransitionGroup.js';
 import { backdrop, root, content, nestedDialogCountVar } from './AlertDialogContent-css.js';
@@ -27,7 +28,7 @@ const AlertDialogContent = forwardRef(({ children, size = "sm", style, ...props
       onPresenceChange: setPresence,
       open,
       presence,
-      children: /* @__PURE__ */ jsxs(RadixAlertDialog.Portal, { forceMount: true, children: [
+      children: /* @__PURE__ */ jsxs(Portal, { children: [
         /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(
           Backdrop,
           {

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtBvKw05.css';
-import './../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-DOC29KDg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-DwgWoZ7R.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'rimt5b']});
+var footer = recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1jxo9lb']});
 
 export { footer };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtBvKw05.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CQ7BhWOq.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-BIsCZINx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-cBnoy0-c.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-rVNac3u5.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'},'lv4gxv'],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'},'phyinb'],xs:[{fontWeight:'400',size:'xs'},'_1l3yngi'],sm:[{size:'sm'},'_14jju9u'],md:[{size:'md'},'_19kms4m'],lg:[{size:'lg'},'_1iobc67'],xl:[{size:'xl'},'_1t6otem'],'3xl':[{size:'3xl'},'jsdf4p']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'ap86jc'],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'},'ol19tx'],xs:[{fontWeight:'400',size:'xs'},'ciowt7'],sm:[{size:'sm'},'_1qianhq'],md:[{size:'md'},'_1i3hv4w'],lg:[{size:'lg'},'_6j7xyn'],xl:[{size:'xl'},'_15bmqut'],'3xl':[{size:'3xl'},'_1bevb9r']}}});
 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-DtBvKw05.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CQ7BhWOq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-cBnoy0-c.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['ystg63',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['b0seoe',{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-DtBvKw05.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-B6Kzllto.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-7HhFEzyl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_12iagd1']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1ulj9uy']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtBvKw05.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-DDvSuuNt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-CXTJHsBC.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'},'ztwom6'],variants:{intent:{danger:'j3ygzq',information:'_4i8vu2',neutral:'dddhym',primary:'t2b0ql',success:'_1ymwgmj',warning:'objw4y'},variant:{strong:'mz57gp',subtle:'yjmcx5'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1q12q0q'],variants:{intent:{danger:'q0sqbk',information:'e6409v',neutral:'i8l1r4',primary:'_11zxdz6',success:'_15wxiuf',warning:'_1rnujy4'},variant:{strong:'_15fh2nd',subtle:'_1vvxx9j'}}});
 
 export { badge };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtBvKw05.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-B0DihmKb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-B2OVgdoY.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'},'ic0zrk']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8'},'_1weaikx']});
 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-DtBvKw05.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-CGTUSWC1.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-BmJRfPHU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-Cmx2bDUD.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-Dro_6tM9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'ahpjhr'});
+var box = recipeRuntime({base:'_1i1lm8g'});
 
 export { box };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtBvKw05.css';
-import './../../../../assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-1mIVeBXA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-CXAw9Ysg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'d1k5uf']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'q3wmp2']});
 
 export { item };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtBvKw05.css';
-import './../../../../assets/src/breadcrumb/BreadcrumbLink.css.ts.vanilla-BQDhNB83.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/breadcrumb/BreadcrumbLink.css.ts.vanilla-T1RYbhEg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:[{fontSize:'md',overflow:'hidden',rounded:'md'},'_15u3o1r']});
+var link = recipeRuntime({base:[{fontSize:'md'},'_1cbwven']});
 
 export { link };

package/dist/esm/packages/react/src/breadcrumb/BreadcrumbLink.js

@@ -2,15 +2,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Link } from '../link/Link.js';
-import { Tooltip } from '../tooltip/Tooltip.js';
-import '../tooltip/TooltipContent.js';
-import '../tooltip/TooltipProvider.js';
-import '../tooltip/TooltipRoot.js';
-import '../tooltip/TooltipTrigger.js';
 import { link } from './BreadcrumbLink-css.js';
 
 const BreadcrumbLink = forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(Tooltip, { auto: true, content: props.children, children: /* @__PURE__ */ jsx(Link, { ...link({}, className), ref, ...props }) });
+  return /* @__PURE__ */ jsx(Link, { ...link({}, className), ref, ...props });
 });
 BreadcrumbLink.displayName = "@optiaxiom/react/BreadcrumbLink";
 

package/dist/esm/packages/react/src/breadcrumb/BreadcrumbPage.js

@@ -1,26 +1,13 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { Text } from '../text/Text.js';
-import { Tooltip } from '../tooltip/Tooltip.js';
-import '../tooltip/TooltipContent.js';
-import '../tooltip/TooltipProvider.js';
-import '../tooltip/TooltipRoot.js';
-import '../tooltip/TooltipTrigger.js';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 
 const BreadcrumbPage = forwardRef(
   ({ ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Tooltip, { auto: true, content: props.children, children: /* @__PURE__ */ jsx(
-      Text,
-      {
-        "aria-current": "page",
-        asChild: true,
-        color: "fg.default",
-        fontSize: "md",
-        truncate: true,
-        children: /* @__PURE__ */ jsx("span", { ref, ...props })
-      }
-    ) });
+    return /* @__PURE__ */ jsx(Box, { "aria-current": "page", asChild: true, color: "fg.default", fontSize: "md", children: /* @__PURE__ */ jsx("span", { ref, ...props }) });
   }
 );
 BreadcrumbPage.displayName = "@optiaxiom/react/BreadcrumbPage";

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtBvKw05.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CQ7BhWOq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-cBnoy0-c.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'h7m2vf'});
+var buttonGroup = recipeRuntime({base:'_1jfh8zp'});
 
 export { buttonGroup };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtBvKw05.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CQ7BhWOq.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-DYMuviVw.css';
-import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-CHin3tQA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-cBnoy0-c.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-CpGdbNV_.css';
+import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-bLEdweNe.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_1yjrv1a']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'axi0ln']});
 
 export { loadable };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtBvKw05.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CQ7BhWOq.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-DYMuviVw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-cBnoy0-c.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-CpGdbNV_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['w7c9sv',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1t3oos6'],variants:{intent:{danger:'_10wcjbj',neutral:'_1vz4i7b',primary:'a3zj2d'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'o5y0d7',true:{}},variant:{outline:'_19z842o',strong:'_1401r8u',subtle:'b98lhv'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_1hr3t1p',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1e8ui9h',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_56k16m',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'_1ifftlh']});
+var buttonBase = recipeRuntime({base:['_18xx01f',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1j7ddk7'],variants:{intent:{danger:'_4a6b73',neutral:'_1ui0o4v',primary:'r761ld'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'_19oe24',true:{}},variant:{outline:'ewzw5k',strong:'_1szocr',subtle:'_108bb6r'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_1w9cthz',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1u9kppg',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_6k1b47',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'cub645']});
 
 export { buttonBase, spinner };

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

@@ -10,7 +10,6 @@ import { Flex } from '../flex/Flex.js';
 import { useEffectEvent } from '../hooks/useEffectEvent.js';
 import '../field/FieldContext.js';
 import { useResponsiveMatches } from '../hooks/useResponsiveMatches.js';
-import { Separator } from '../separator/Separator.js';
 import { Text } from '../text/Text.js';
 import '../utils/conditions.js';
 import '../utils/isHoverSupported.js';
@@ -50,7 +49,9 @@ const Calendar = forwardRef(
     max,
     min,
     mode = "single",
+    month,
     onHeightChange,
+    onMonthChange,
     onValueChange,
     step,
     today,
@@ -141,6 +142,8 @@ const Calendar = forwardRef(
               ],
               mode: "single",
               modifiers: { holiday, weekend },
+              month,
+              onMonthChange,
               onSelect: (value2) => {
                 setValue(
                   value2 ? /* @__PURE__ */ new Date(toPlainDate(value2) + "T" + (time ?? "00:00")) : value2 ?? null
@@ -166,7 +169,9 @@ const Calendar = forwardRef(
               fixedWeeks: true,
               mode: "range",
               modifiers: { holiday, weekend },
+              month,
               numberOfMonths,
+              onMonthChange,
               onSelect: (newValue) => {
                 if (!from) {
                   const oldFrom = value && typeof value === "object" && "from" in value ? value.from : void 0;
@@ -174,14 +179,13 @@ const Calendar = forwardRef(
                   setFrom(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;
                   setValue(
-                    to && to < from ? {
-                      from: to,
-                      to: toInstant(toPlainDate(from) + "T23:59:59.999")
-                    } : {
-                      from,
-                      to: to ? toInstant(toPlainDate(to) + "T23:59:59.999") : void 0
-                    }
+                    end ? {
+                      from: start,
+                      to: end
+                    } : null
                   );
                 }
               },
@@ -191,8 +195,7 @@ const Calendar = forwardRef(
               today
             }
           ),
-          type === "datetime-local" && mode == "single" && /* @__PURE__ */ jsxs(Flex, { gap: "8", children: [
-            /* @__PURE__ */ jsx(Separator, { mb: "4" }),
+          type === "datetime-local" && mode == "single" && /* @__PURE__ */ jsxs(Flex, { gap: "8", mt: "8", children: [
             /* @__PURE__ */ jsx(
               Clock,
               {
@@ -207,7 +210,7 @@ const Calendar = forwardRef(
                 value: time
               }
             ),
-            /* @__PURE__ */ jsx(Text, { color: "fg.tertiary", fontSize: "sm", w: "full", children: toTimeZoneName(value instanceof Date ? value : /* @__PURE__ */ new Date()) })
+            /* @__PURE__ */ jsx(Text, { color: "fg.tertiary", fontSize: "sm", textAlign: "center", w: "full", children: toTimeZoneName(value instanceof Date ? value : /* @__PURE__ */ new Date()) })
           ] })
         ]
       }

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtBvKw05.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-Cf7s6tdq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-DNr2OvoV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'q5ydtv'],variants:{appearance:{'default':'g5ulkq',holiday:[{color:'fg.error'},'vzmokp'],range_middle:'yvi55p',selected:[{color:'fg.white'},'_1n4cwqe'],weekend:[{color:'fg.tertiary'},'_11stkx2']},range:{end:['rc0w20'],middle:['_16y5q8g'],start:['_18jofxd']}}});
-var today = recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_1orkqwp']});
+var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_1m5rt2h'],variants:{appearance:{'default':'_9olie2',holiday:[{color:'fg.error'},'_17edz8x'],range_middle:'pheo6b',selected:[{color:'fg.white'},'_19q2ais'],weekend:[{color:'fg.tertiary'},'_16ysc7b']},range:{end:['yqy6i7'],middle:['y5xzyn'],start:['_1379buj']}}});
+var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'_1smzblt']});
 
 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-DtBvKw05.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-BwbM4Ymg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-CO6uqNRS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1gvwq76']});
+var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'a3ikw5']});
 
 export { months };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtBvKw05.css';
-import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-B3h7o36x.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-B6xvcRtH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_1swtfld']});
+var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_146ivae']});
 
 export { nav };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtBvKw05.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-dYRoXe-n.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-au7nUtd7.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-D6VpNPGV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-BwrrSUgH.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-CCzRyxxA.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-B5M8Ezvo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['_17lbisn',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1mdv5eu']});
+var card = recipeRuntime({base:['_1e7b45g',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_21zgix']});
 
 export { card };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtBvKw05.css';
-import './../../../../assets/src/card/CardOverflow.css.ts.vanilla-C2xpn066.css';
-import './../../../../assets/src/card/CardAction.css.ts.vanilla-J_1bLK86.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/card/CardOverflow.css.ts.vanilla-BHwYVxJ0.css';
+import './../../../../assets/src/card/CardAction.css.ts.vanilla-DoP1mqAm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var action = recipeRuntime({base:['qyqfsw']});
+var action = recipeRuntime({base:['_16wg32q']});
 
 export { action };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtBvKw05.css';
-import './../../../../assets/src/card/CardImage.css.ts.vanilla-B544EsEr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/card/CardImage.css.ts.vanilla-D3HpbV_k.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'gac73t'],variants:{orientation:{horizontal:[{w:'auto'},'_1rzz2mg'],vertical:[{w:'full'},'t9blwx']}}});
+var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'b21lzu'],variants:{orientation:{horizontal:[{w:'auto'},'h6s25w'],vertical:[{w:'full'},'tpqcu8']}}});
 
 export { cardImage };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtBvKw05.css';
-import './../../../../assets/src/card/CardOverflow.css.ts.vanilla-C2xpn066.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/card/CardOverflow.css.ts.vanilla-BHwYVxJ0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardOverflow = recipeRuntime({base:['zuwxx1',{alignSelf:'stretch'},'_1erofvm'],variants:{orientation:{horizontal:['rq9ddp'],vertical:['jk82vz']}}});
+var cardOverflow = recipeRuntime({base:['_1lo8hel',{alignSelf:'stretch'},'_1isv8id'],variants:{orientation:{horizontal:['_1rx6r9l'],vertical:['_1ds7qg']}}});
 
 export { cardOverflow };

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

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtBvKw05.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CQ7BhWOq.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-D5twvt0R.css';
-import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-S5tvyOhp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-cBnoy0-c.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-m5FEauqI.css';
+import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-HVpo9CAc.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'pbqjn2'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_12s8pjw']});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_46qtcd'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'mhjzj2']});
 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-DtBvKw05.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-BlPIH_q2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-BJJLpXqb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'s1h8yw']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'jfyncg']});
 
 export { code };

package/dist/esm/packages/react/src/command/Command.js

@@ -27,9 +27,9 @@ function Command({
   const items = useCommandItems({ inputValue, options });
   const [highlightedIndex, setHighlightedIndex, placed] = usePortalPatch(
     open,
-    () => items.findIndex(
+    () => items.filter((item) => "selected" in item).length > items.length / 2 ? items.findIndex(
       (item) => !resolveItemProperty(item.disabledReason) && resolveItemProperty(item.selected) && !item.multi
-    )
+    ) : -1
   );
   const pauseInteractionRef = useRef({
     isInsideTriangle: null,

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

@@ -13,7 +13,13 @@ import { useCommandContext, resolveItemProperty } from './CommandContext.js';
 
 const CommandItem = forwardRef(
   ({ asChild, children, item, selected, size, ...props }, ref) => {
-    const { downshift, highlightedItem, inputValue, pauseInteractionRef } = useCommandContext("@optiaxiom/react/CommandItem");
+    const {
+      downshift,
+      highlightedItem,
+      inputValue,
+      items,
+      pauseInteractionRef
+    } = useCommandContext("@optiaxiom/react/CommandItem");
     const itemProps = downshift.getItemProps({
       "aria-selected": selected ?? resolveItemProperty(item.selected),
       item,
@@ -22,6 +28,9 @@ const CommandItem = forwardRef(
           event.preventDefault();
         }
       },
+      onMouseLeave: () => {
+        window.clearTimeout(pauseInteractionRef.current.timer);
+      },
       onMouseMove: (event) => {
         if (resolveItemProperty(item.disabledReason)) {
           event.preventDefault();
@@ -44,7 +53,8 @@ const CommandItem = forwardRef(
           window.clearTimeout(pauseInteractionRef.current.timer);
           pauseInteractionRef.current.timer = window.setTimeout(() => {
             pauseInteractionRef.current.isInsideTriangle = null;
-          }, 50);
+            downshift.setHighlightedIndex(items.indexOf(item));
+          }, 20);
         } else {
           pauseInteractionRef.current.isInsideTriangle = null;
         }

package/dist/esm/packages/react/src/command/CommandListbox.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
+import { forwardRef } from 'react';
 import '../listbox/Listbox.js';
 import '../listbox/ListboxCheckboxItem.js';
 import '../listbox/ListboxEmpty.js';
@@ -13,7 +13,6 @@ import '../listbox/ListboxLabel.js';
 import '../listbox/ListboxRadioItem.js';
 import '../listbox/ListboxSeparator.js';
 import '../listbox/ListboxSwitchItem.js';
-import '../listbox/ListboxVirtualized.js';
 import { useCommandContext, resolveItemProperty } from './CommandContext.js';
 
 const CommandListbox = forwardRef(
@@ -21,15 +20,12 @@ const CommandListbox = forwardRef(
     const { downshift, highlightedItem, inputValue, items } = useCommandContext(
       "@optiaxiom/react/CommandListbox"
     );
-    const [placed, setPlaced] = useState(false);
     return /* @__PURE__ */ jsx(
       ListboxItemized,
       {
         highlightedItem,
         items,
         itemToKey: (item) => item.key ?? resolveItemProperty(item.label, { inputValue }),
-        onPlacedChange: setPlaced,
-        placed,
         size,
         ...downshift.getMenuProps({ ref, ...props }),
         children

package/dist/esm/packages/react/src/command/useCommandItems.js

@@ -15,7 +15,7 @@ const useCommandItems = ({
     const string = resolveItemProperty(item.label, {
       inputValue: inputValue2
     }).normalize();
-    return item.visible ? resolveItemProperty(item.visible, { inputValue: inputValue2 }) : inputValue2 ? fuzzysearch(string, inputValue2) || item.keywords && fuzzysearch(item.keywords, inputValue2) : true;
+    return "visible" in item ? resolveItemProperty(item.visible, { inputValue: inputValue2 }) : inputValue2 ? fuzzysearch(string, inputValue2) || item.keywords && fuzzysearch(item.keywords, inputValue2) : true;
   });
   return useMemo(() => {
     const substring = (inputValue ?? "").normalize();
@@ -23,6 +23,12 @@ const useCommandItems = ({
       return item.subOptions && substring ? item.subOptions.flatMap(callback(item)) : filterFn(item, substring) ? [
         parentOption ? {
           ...item,
+          key: [
+            parentOption.key ?? resolveItemProperty(parentOption.label, {
+              inputValue
+            }),
+            item.key ?? resolveItemProperty(item.label, { inputValue })
+          ].join("-"),
           parentOption
         } : item
       ] : [];

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtBvKw05.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-dYRoXe-n.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-BwrrSUgH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cover = recipeRuntime({variants:{disabled:{false:['_2a118g','_13nrqeu'],true:{}},inset:{false:'_9mvmyx',true:'i8c52m'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['_1g8wsmz','_1b80dne'],true:{}},inset:{false:'_1ksl7m2',true:'_1kywlru'}}});
 
 export { cover };