@optiaxiom/react 1.3.6 → 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-VxRPX4pc.css';
-import './../../../../assets/src/alert/Alert.css.ts.vanilla-x5MBLJjV.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'},'_1hdovt7']});
+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-VxRPX4pc.css';
-import './../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-DhDjcUKh.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:'_1dfqf7i'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'r540t0'],variants:{size:{sm:'_1i61vqk',md:'tuo01o',lg:'_1dr729g'}}});
-var nestedDialogCountVar = 'var(--w3gmir)';
-var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_18p057a']});
+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-VxRPX4pc.css';
-import './../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-CuKYABvu.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'},'_1rf5q1m']});
+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-VxRPX4pc.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-mPaslDnv.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-BUjM4B0l.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'},'_1x6htna'],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'},'_15rdzxc'],xs:[{fontWeight:'400',size:'xs'},'_1jzc08e'],sm:[{size:'sm'},'snlutx'],md:[{size:'md'},'_1df60nz'],lg:[{size:'lg'},'_173pbrz'],xl:[{size:'xl'},'aq2261'],'3xl':[{size:'3xl'},'_9oosv9']}}});
+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-VxRPX4pc.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-mPaslDnv.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:['_1l93ean',{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-VxRPX4pc.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-B3yRYHiN.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'},'_1v65llz']});
+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-VxRPX4pc.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-BSKnicwL.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'},'_13q2yfv'],variants:{intent:{danger:'rn1uuj',information:'itiiu6',neutral:'_1dw3jh8',primary:'_1ff07af',success:'_12p8kb7',warning:'dwrxe7'},variant:{strong:'wtvk5h',subtle:'rw3pg3'}}});
+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-VxRPX4pc.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-CfUWRA7l.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'},'_1f4w4x3']});
+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-VxRPX4pc.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-By86Ua1j.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-BtJImGZv.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:'_1w1dmek'});
+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-VxRPX4pc.css';
-import './../../../../assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-rsriDPZo.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'},'f9mc0h']});
+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-VxRPX4pc.css';
-import './../../../../assets/src/breadcrumb/BreadcrumbLink.css.ts.vanilla-Db835qcO.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'},'_5mbp4w']});
+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-VxRPX4pc.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-mPaslDnv.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:'uf514b'});
+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-VxRPX4pc.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-mPaslDnv.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-Bd2dzV48.css';
-import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-BA6CMfjV.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'},'_1r3q7uw']});
+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-VxRPX4pc.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-mPaslDnv.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-Bd2dzV48.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:['_1eixe68',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'moz5d3'],variants:{intent:{danger:'_1l03z85',neutral:'_19e4fn0',primary:'_148h58s'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'_6za6m7',true:{}},variant:{outline:'_102insj',strong:'gmouuv',subtle:'fvkufr'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_1cds7zf',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1x0qnvw',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'mwgd6f',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'zgmzz1']});
+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-VxRPX4pc.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-CcW8QE-Q.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'},'_15lrpgb'],variants:{appearance:{'default':'mvui53',holiday:[{color:'fg.error'},'sx0oov'],range_middle:'l1dhz6',selected:[{color:'fg.white'},'_1yy43iq'],weekend:[{color:'fg.tertiary'},'_4osm7j']},range:{end:['i6uz5r'],middle:['s8dhfy'],start:['_1nw2omy']}}});
-var today = recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_1ichv9z']});
+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-VxRPX4pc.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-D_MJt33Q.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'},'dt5lnl']});
+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-VxRPX4pc.css';
-import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-eBZaZla9.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'},'_18p15qg']});
+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-VxRPX4pc.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-6gsANvu_.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-CkvEyNoz.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-DPSAI4TL.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:['lj70da',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'s3ox8w']});
+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-VxRPX4pc.css';
-import './../../../../assets/src/card/CardOverflow.css.ts.vanilla-BVl_nq63.css';
-import './../../../../assets/src/card/CardAction.css.ts.vanilla-Rokpns7p.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:['_1eub4el']});
+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-VxRPX4pc.css';
-import './../../../../assets/src/card/CardImage.css.ts.vanilla-RFjtwvtk.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'},'_18rpxgg'],variants:{orientation:{horizontal:[{w:'auto'},'_1gk33eh'],vertical:[{w:'full'},'_16rptlu']}}});
+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-VxRPX4pc.css';
-import './../../../../assets/src/card/CardOverflow.css.ts.vanilla-BVl_nq63.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:['ga9svo',{alignSelf:'stretch'},'_2tonc8'],variants:{orientation:{horizontal:['p9sf3s'],vertical:['_1vvec2h']}}});
+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-VxRPX4pc.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-mPaslDnv.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Byr6x4TG.css';
-import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-DRdpVsTv.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'},'_1srw0fm'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_197gupd']});
+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-VxRPX4pc.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-WtWBTYIX.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'},'_1gsjub7']});
+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

@@ -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-VxRPX4pc.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-6gsANvu_.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:['fdadr8','w5elip'],true:{}},inset:{false:'wk59br',true:'_1v1rbbn'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['_1g8wsmz','_1b80dne'],true:{}},inset:{false:'_1ksl7m2',true:'_1kywlru'}}});
 
 export { cover };