@optiaxiom/react 1.1.1 → 1.1.3

package/dist/cjs/unstable.js

@@ -3,10 +3,10 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var Skeleton = require('./Skeleton-BjEtt9kZ.js');
-require('./assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css');
-require('./assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-b28gFIgp.css');
-require('./assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-BybAHfpU.css');
+var Skeleton = require('./Skeleton-CIMUlKOI.js');
+require('./assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css');
+require('./assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-BkkuG56D.css');
+require('./assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-DcLipP64.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var reactDayPicker = require('react-day-picker');
@@ -14,75 +14,77 @@ var reactPopper = require('@radix-ui/react-popper');
 var downshift = require('downshift');
 var reactContext = require('@radix-ui/react-context');
 var reactPortal = require('@radix-ui/react-portal');
-require('./assets/src/select-content/SelectContent.css.ts.vanilla-D7DRJjpr.css');
+require('./assets/src/select-content/SelectContent.css.ts.vanilla-CLZmZfb3.css');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-daUbb0Vs.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla--FlgcXIC.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-Z5DFNpdb.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-qXMxj_SU.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-DnUaHEqa.css');
+require('./assets/src/calendar/CalendarNav.css.ts.vanilla-D5Q4e1r4.css');
 var reactId = require('@radix-ui/react-id');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-CLz1W4-u.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-B2qFPWls.css');
-require('./assets/src/link/Link.css.ts.vanilla-BH9Us4xq.css');
-require('./assets/src/card/Card.css.ts.vanilla-Ba6cTJFR.css');
-require('./assets/src/actions-content/ActionsContent.css.ts.vanilla-Bp1QXpNk.css');
-require('./assets/src/card-overflow/CardOverflow.css.ts.vanilla-B2-dX30V.css');
-require('./assets/src/card-action/CardAction.css.ts.vanilla-DsFZIVtK.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-srDo7dTU.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-DIOlO5hA.css');
+require('./assets/src/link/Link.css.ts.vanilla-BaVqR5vh.css');
+require('./assets/src/card/Card.css.ts.vanilla-CrrUFOhD.css');
+require('./assets/src/actions-content/ActionsContent.css.ts.vanilla-7uKVW8XL.css');
+require('./assets/src/card-overflow/CardOverflow.css.ts.vanilla-ChyrJkeZ.css');
+require('./assets/src/card-action/CardAction.css.ts.vanilla-BUpdf1CG.css');
 var reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
 var clsx = require('clsx');
-require('./assets/src/card-image/CardImage.css.ts.vanilla-8VMkszLm.css');
+require('./assets/src/card-image/CardImage.css.ts.vanilla-Cnp7BV04.css');
 var RadixDialog = require('@radix-ui/react-dialog');
-require('./assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-98vnBK-5.css');
+require('./assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-D-0-eTQQ.css');
 var reactVirtual = require('@tanstack/react-virtual');
 var reactTable = require('@tanstack/react-table');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-C29CtO0m.css');
-require('./assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-BUk7JmuF.css');
-require('./assets/src/table/Table.css.ts.vanilla-ewalZqR1.css');
-require('./assets/src/table-body/TableBody.css.ts.vanilla--jYkdqYA.css');
-require('./assets/src/table-row/TableRow.css.ts.vanilla-CN9Yzbjv.css');
-require('./assets/src/table-cell/TableCell.css.ts.vanilla-CbP9bRjO.css');
-require('./assets/src/data-table-body/DataTableBody.css.ts.vanilla-Mo8KBHWZ.css');
-require('./assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-CxM5RfaX.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-ByQhAqk7.css');
-require('./assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-BKyvnXcH.css');
-require('./assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla--7JHvv57.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-BkAnN06f.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-Cs5IKjZJ.css');
-require('./assets/src/layout/Layouts.css.ts.vanilla-DaZa6CG1.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-Dk505Ruc.css');
-require('./assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-CoTkaOny.css');
-require('./assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-CkKLf9tG.css');
-require('./assets/src/badge/Badge.css.ts.vanilla-BEv2EC8b.css');
-require('./assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-C81HUrf7.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DHNmzj5C.css');
-require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-B9niBPkU.css');
+require('./assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-CDB__o5m.css');
+require('./assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-DZGCKJIj.css');
+require('./assets/src/table/Table.css.ts.vanilla-Curs3x1M.css');
+require('./assets/src/table-body/TableBody.css.ts.vanilla-COS6g--b.css');
+require('./assets/src/table-row/TableRow.css.ts.vanilla-CytCLHP1.css');
+require('./assets/src/table-cell/TableCell.css.ts.vanilla-UHl7T9Fg.css');
+require('./assets/src/data-table-body/DataTableBody.css.ts.vanilla-C0t_Zzcx.css');
+require('./assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-D2WQmOWH.css');
+require('./assets/src/date-input/DateInput.css.ts.vanilla-D6dRpRRO.css');
+require('./assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-BfnLVA-b.css');
+require('./assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-TVqMJ5K-.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-UYW3N6M9.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-XXoZU5Ec.css');
+var RadixLabel = require('@radix-ui/react-label');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-srDo7dTU.css');
+require('./assets/src/button-base/ButtonBase.css.ts.vanilla-DXoKps84.css');
+require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-DXxGxGFs.css');
+require('./assets/src/layout/Layouts.css.ts.vanilla-CHt0Vhbl.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-VhWVHzqD.css');
+require('./assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-CxXQAtc0.css');
+require('./assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-CmVdlOZO.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-CqLFr5DZ.css');
+require('./assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-DA2xXbEa.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-D15NQypl.css');
+require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-EQ9vAH4h.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-DR3Ep7W4.css');
-require('./assets/src/input-control/InputControl.css.ts.vanilla-HZ3ud9ik.css');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-CLz1W4-u.css');
-require('./assets/src/input-root/InputRoot.css.ts.vanilla-DeZjUtaN.css');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-CLz1W4-u.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-PAFNTTdK.css');
-require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-C3_Sfuiw.css');
-require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-B0kQas3v.css');
-require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-DNcq_6Hg.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-B_6QgqHz.css');
+require('./assets/src/input-control/InputControl.css.ts.vanilla-BmYttwF2.css');
+require('./assets/src/input-root/InputRoot.css.ts.vanilla-BH1wVMm7.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-srDo7dTU.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-YO7Szc09.css');
+require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DHiBS49f.css');
+require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-D0M5Xq3j.css');
+require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-C6o0-JzW.css');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('react-remove-scroll');
 require('@optiaxiom/globals');
 require('@radix-ui/react-tooltip');
-require('./assets/src/text/Text.css.ts.vanilla-DTDzxn0f.css');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-BVCksARU.css');
+require('./assets/src/text/Text.css.ts.vanilla-CeQRmk6F.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-1As6gOk7.css');
 require('@radix-ui/react-popover');
-require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-JtBLF1qt.css');
-require('./assets/src/button-base/ButtonBase.css.ts.vanilla-DfyEL-ry.css');
-require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-CMELXvPD.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-BzO17sZ7.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-BUPiGxkD.css');
+require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-DetpFFG8.css');
+require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-A5IAJLaV.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-Bq5xXaVI.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-DEvMxl8J.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-rJkTHNNA.css');
-require('./assets/src/box/Box.css.ts.vanilla-CmpABdgg.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-d0QGboUF.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-CMrdy2Fb.css');
+require('./assets/src/box/Box.css.ts.vanilla-Ba15HAlk.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-BRkS9g3D.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -244,7 +246,7 @@ function BreadcrumbEllipsis({ ...props }) {
 }
 BreadcrumbEllipsis.displayName = "@optiaxiom/react/BreadcrumbEllipsis";
 
-var item$3 = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1c1gaa5']});
+var item$3 = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_12nq4wo']});
 
 const BreadcrumbItem = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -254,7 +256,7 @@ const BreadcrumbItem = React.forwardRef(
 );
 BreadcrumbItem.displayName = "@optiaxiom/react/BreadcrumbItem";
 
-var link = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_1ybxo9p']});
+var link = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'r2sfj1']});
 
 const BreadcrumbLink = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Link, { ...link({}, className), ref, ...props });
@@ -268,11 +270,8 @@ const BreadcrumbPage = React.forwardRef(
 );
 BreadcrumbPage.displayName = "@optiaxiom/react/BreadcrumbPage";
 
-function usePortalPatch(open, initialHighlightedIndex = -1) {
+function usePortalPatch(initialHighlightedIndex = -1) {
   const [placed, setPlaced] = React.useState(false);
-  React.useEffect(() => {
-    return () => setPlaced(false);
-  }, [open]);
   const [highlightedIndex, setHighlightedIndex] = React.useState(
     initialHighlightedIndex
   );
@@ -319,7 +318,6 @@ function Select({
     prop: open
   });
   const [highlightedIndex, setHighlightedIndex, placed, setPlaced] = usePortalPatch(
-    isOpen,
     selectedItem ? items.findIndex((item) => itemToKey(selectedItem) === itemToKey(item)) : -1
   );
   const downshift$1 = downshift.useSelect({
@@ -330,7 +328,9 @@ function Select({
     itemToKey,
     itemToString,
     onHighlightedIndexChange(changes) {
-      setHighlightedIndex(changes.highlightedIndex);
+      if ((changes.type === downshift.useSelect.stateChangeTypes.ItemMouseMove || changes.type === downshift.useSelect.stateChangeTypes.MenuMouseLeave) && isOpen || changes.isOpen) {
+        setHighlightedIndex(changes.highlightedIndex);
+      }
     },
     onIsOpenChange({ isOpen: isOpen2 }) {
       setIsOpen(isOpen2);
@@ -360,7 +360,7 @@ function Select({
 }
 Select.displayName = "@optiaxiom/react/Select";
 
-var content$2 = Skeleton.recipeRuntime({base:['yodsuk']});
+var content$3 = Skeleton.recipeRuntime({base:['_16z4ysg']});
 
 const SelectContent = React.forwardRef(
   ({
@@ -375,41 +375,67 @@ const SelectContent = React.forwardRef(
     const { downshift, isOpen, placed, setPlaced } = useSelectContext(
       "@optiaxiom/react/SelectContent"
     );
-    return isOpen && /* @__PURE__ */ jsxRuntime.jsx(reactPortal.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ModalLayer, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Skeleton.MenuListbox,
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Skeleton.TransitionGroup,
       {
-        asChild: true,
-        maxH: "sm",
-        minW: loading ? "trigger" : void 0,
-        provider: "popper",
-        ...content$2({}, className),
-        ...boxProps,
-        ...downshift.getMenuProps(
-          { ref, ...restProps },
-          { suppressRefError: !placed }
-        ),
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          reactPopper.PopperContent,
+        onPresenceChange: (presence) => {
+          if (!presence) {
+            setPlaced(presence);
+          }
+        },
+        open: isOpen,
+        presence: placed,
+        children: /* @__PURE__ */ jsxRuntime.jsx(reactPortal.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ModalLayer, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          Skeleton.MenuListbox,
           {
-            align,
-            onPlaced: () => setPlaced(true),
-            side,
-            sideOffset: 5,
-            children: loading ? /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Spinner, {}) }) : children
+            asChild: true,
+            maxH: "sm",
+            minW: loading ? "trigger" : void 0,
+            provider: "popper",
+            ...content$3({}, className),
+            ...boxProps,
+            ...downshift.getMenuProps(
+              { ref, ...restProps },
+              { suppressRefError: !placed }
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              reactPopper.PopperContent,
+              {
+                align,
+                onPlaced: () => setPlaced(true),
+                side,
+                sideOffset: 5,
+                children: loading ? /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Spinner, {}) }) : children
+              }
+            )
           }
-        )
+        ) }) })
       }
-    ) }) });
+    );
   }
 );
 SelectContent.displayName = "@optiaxiom/react/SelectContent";
 
 const SelectItem = React.forwardRef(
-  ({ children, item, size, ...props }, ref) => {
-    const { downshift, highlightedItem, selectedItem } = useSelectContext(
-      "@optiaxiom/react/SelectItem"
-    );
-    const itemProps = downshift.getItemProps({ item, ref, ...props });
+  ({ children, item, onMouseMove, size, ...props }, ref) => {
+    const { downshift, highlightedItem, isOpen, selectedItem } = useSelectContext("@optiaxiom/react/SelectItem");
+    const itemProps = downshift.getItemProps({
+      item,
+      onMouseMove: (event) => {
+        onMouseMove?.(event);
+        if (event.defaultPrevented) {
+          return;
+        }
+        if (!isOpen) {
+          event.preventDefault();
+          Object.assign(event.nativeEvent, {
+            preventDownshiftDefault: true
+          });
+        }
+      },
+      ref,
+      ...props
+    });
     return /* @__PURE__ */ jsxRuntime.jsx(
       Skeleton.Box,
       {
@@ -472,6 +498,7 @@ const SelectTrigger = React.forwardRef(
       },
       [focusOnOpen]
     );
+    const value = selectedItem ? itemToString(selectedItem) : placeholder;
     return /* @__PURE__ */ jsxRuntime.jsx(
       reactPopper.PopperAnchor,
       {
@@ -486,7 +513,10 @@ const SelectTrigger = React.forwardRef(
             document.dispatchEvent(new Event("tooltip.open"));
           }
         }),
-        children: /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ref, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Skeleton.AngleMenuButton, { ref: buttonRef, children: children ?? (selectedItem ? itemToString(selectedItem) : placeholder) }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ref, children: asChild ? Skeleton.decorateChildren(
+          { asChild, children },
+          (children2) => children2 ?? value
+        ) : /* @__PURE__ */ jsxRuntime.jsx(Skeleton.AngleMenuButton, { ref: buttonRef, children: children ?? value }) })
       }
     );
   }
@@ -625,8 +655,8 @@ function CalendarDay({ children, ...props }) {
 }
 CalendarDay.displayName = "@optiaxiom/react/CalendarDay";
 
-var button$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',mt:'2',size:'md',transition:'colors'},'_1o0bdzu'],variants:{appearance:{'default':'mpijti',holiday:[{color:'fg.error'},'_2vjlyl'],range_middle:'_8h1268',selected:[{color:'fg.white'},'hl6b2t'],weekend:[{color:'fg.tertiary'},'i4ko72']},range:{end:['ldl25j'],middle:['_9l2ocu'],start:['tapww']}}});
-var today = Skeleton.recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_9hb15u']});
+var button$2 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',mt:'2',size:'md',transition:'colors'},'_17mjph1'],variants:{appearance:{'default':'_1stagzz',holiday:[{color:'fg.error'},'_1d8fv8e'],range_middle:'_16f95s8',selected:[{color:'fg.white'},'_14toqic'],weekend:[{color:'fg.tertiary'},'_19k0uuu']},range:{end:['kl3gx2'],middle:['p8gmeb'],start:['_1n2kxrf']}}});
+var today = Skeleton.recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_19gzrwq']});
 
 function CalendarDayButton({
   children,
@@ -646,7 +676,7 @@ function CalendarDayButton({
     Skeleton.Box,
     {
       asChild: true,
-      ...button$1(
+      ...button$2(
         {
           appearance: modifiers.range_middle ? "range_middle" : modifiers.selected ? "selected" : modifiers.holiday ? "holiday" : modifiers.weekend ? "weekend" : "default",
           range: modifiers.range_start && modifiers.range_end ? void 0 : modifiers.range_start ? "start" : modifiers.range_middle ? "middle" : modifiers.range_end ? "end" : void 0
@@ -691,14 +721,14 @@ function CalendarMonthGrid({
 }
 CalendarMonthGrid.displayName = "@optiaxiom/react/CalendarMonthGrid";
 
-var months = Skeleton.recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'hc3ft7']});
+var months = Skeleton.recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'yf8ybu']});
 
 function CalendarMonths({ children, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { asChild: true, ...months(), children: /* @__PURE__ */ jsxRuntime.jsx(reactDayPicker.Months, { ...props, children }) });
 }
 CalendarMonths.displayName = "@optiaxiom/react/CalendarMonths";
 
-var nav = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_1t1171g']});
+var nav = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_962l4e']});
 
 function CalendarNav({ children, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...nav(), children: /* @__PURE__ */ jsxRuntime.jsx(reactDayPicker.Nav, { ...props, children }) });
@@ -741,6 +771,14 @@ function CalendarWeekdays({
 }
 CalendarWeekdays.displayName = "@optiaxiom/react/CalendarWeekdays";
 
+const formatter = new Intl.DateTimeFormat(void 0, {
+  timeZoneName: "long"
+});
+const toTimeZoneName = (date) => {
+  const parts = formatter.formatToParts(date);
+  return parts.find((part) => part.type === "timeZoneName")?.value ?? "";
+};
+
 const components = {
   Chevron: CalendarChevron,
   Day: CalendarDay,
@@ -846,7 +884,7 @@ const Calendar = React.forwardRef(
                 value: time
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Text, { color: "fg.tertiary", fontSize: "sm", w: "full", children: (value instanceof Date ? value : /* @__PURE__ */ new Date()).toTimeString().slice(9) })
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Text, { color: "fg.tertiary", fontSize: "sm", w: "full", children: toTimeZoneName(value instanceof Date ? value : /* @__PURE__ */ new Date()) })
           ] })
         ]
       }
@@ -855,7 +893,7 @@ const Calendar = React.forwardRef(
 );
 Calendar.displayName = "@optiaxiom/react/Calendar";
 
-var root = Skeleton.recipeRuntime({base:'_4ui138'});
+var root = Skeleton.recipeRuntime({base:'uyzt7x'});
 
 const ActionsRoot = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -866,7 +904,7 @@ ActionsRoot.displayName = "@optiaxiom/react/ActionsRoot";
 
 const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
 
-var card = Skeleton.recipeRuntime({base:['boftf8',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'c1uaw5']});
+var card = Skeleton.recipeRuntime({base:['_11jp0gq',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'dc5n8l']});
 
 const mapOrientationToFlexDirection = {
   horizontal: "row",
@@ -898,16 +936,16 @@ const Card = React.forwardRef(
 );
 Card.displayName = "@optiaxiom/react/Card";
 
-var content$1 = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'mzcnun'],variants:{visible:{false:'vjytua',true:'gatt7l'}}});
+var content$2 = Skeleton.recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'_1qd2vku'],variants:{visible:{false:'_9ia3xu',true:'_1l16b6'}}});
 
 const ActionsContent = React.forwardRef(
   ({ children, className, visible = false, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ref, ...content$1({ visible }, className), ...props, children });
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ref, ...content$2({ visible }, className), ...props, children });
   }
 );
 ActionsContent.displayName = "@optiaxiom/react/ActionsContent";
 
-var action = Skeleton.recipeRuntime({base:['exqaxk']});
+var action = Skeleton.recipeRuntime({base:['_447p5l']});
 
 const CardAction = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -977,7 +1015,7 @@ const CardDescription = React.forwardRef(({ children, ...props }, ref) => {
 });
 CardDescription.displayName = "@optiaxiom/react/CardDescription";
 
-var cardImage = Skeleton.recipeRuntime({base:[{h:'full',rounded:'inherit'},'px2oj9'],variants:{orientation:{horizontal:[{w:'auto'},'g3zabv'],vertical:[{w:'full'},'_1679gmk']}}});
+var cardImage = Skeleton.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1tkbko8'],variants:{orientation:{horizontal:[{w:'auto'},'_14a2vz'],vertical:[{w:'full'},'_1jrgkm8']}}});
 
 const CardImage = React.forwardRef(
   ({ alt = "", asChild, children, className, src, ...props }, ref) => {
@@ -1003,7 +1041,7 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var cardOverflow = Skeleton.recipeRuntime({base:['_1cn58ry',{alignSelf:'stretch'},'_1iyetbx'],variants:{orientation:{horizontal:['_1dhea5s'],vertical:['i0zykh']}}});
+var cardOverflow = Skeleton.recipeRuntime({base:['dur7cm',{alignSelf:'stretch'},'_1w9ofdv'],variants:{orientation:{horizontal:['_9mf7vj'],vertical:['_1wmjfxi']}}});
 
 const CardOverflow = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1127,7 +1165,7 @@ Combobox.displayName = "@optiaxiom/react/Combobox";
 
 const [CommandProvider, useCommandContext] = reactContext.createContext("@optiaxiom/react/Command");
 
-var item$2 = Skeleton.recipeRuntime({base:'_1wkoqau'});
+var item$2 = Skeleton.recipeRuntime({base:'_15gu4qf'});
 
 const CommandFocusableItem = React.forwardRef(({ children, className, ...props }, ref) => {
   const { lastInteractionSource } = useCommandContext(
@@ -1193,9 +1231,6 @@ function Command({
   itemToSubItems,
   onInputValueChange,
   onItemSelect,
-  onOpenChange,
-  open,
-  selectedItem,
   value: valueProp,
   ...props
 }) {
@@ -1209,10 +1244,7 @@ function Command({
     prop: inputValueProp
   });
   const [lastInteractionSource, setLastInteractionSource] = React.useState("pointer");
-  const [highlightedIndex, setHighlightedIndex, placed, setPlaced] = usePortalPatch(
-    open,
-    selectedItem ? items.findIndex((item) => itemToKey(selectedItem) === itemToKey(item)) : -1
-  );
+  const [highlightedIndex, setHighlightedIndex, placed, setPlaced] = usePortalPatch(items.findIndex((item) => value?.has(item)));
   const [highlightedSubIndex, setHighlightedSubIndex] = React.useState(-1);
   const downshift$1 = downshift.useCombobox({
     ...props,
@@ -1239,7 +1271,6 @@ function Command({
       }
     },
     onIsOpenChange({ isOpen, type }) {
-      onOpenChange?.(isOpen);
       if (isOpen) {
         if (type === downshift.useCombobox.stateChangeTypes.InputClick || type === downshift.useCombobox.stateChangeTypes.ToggleButtonClick) {
           setLastInteractionSource("pointer");
@@ -1248,12 +1279,12 @@ function Command({
         }
       }
     },
-    onSelectedItemChange({ selectedItem: selectedItem2, type }) {
-      if (type !== downshift.useCombobox.stateChangeTypes.InputBlur && selectedItem2) {
-        onItemSelect?.(selectedItem2);
+    onSelectedItemChange({ selectedItem, type }) {
+      if (type !== downshift.useCombobox.stateChangeTypes.InputBlur && selectedItem) {
+        onItemSelect?.(selectedItem);
       }
     },
-    selectedItem
+    selectedItem: null
   });
   downshift$1.getMenuProps({}, { suppressRefError: true });
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1332,8 +1363,6 @@ const ComboboxContent = React.forwardRef(
             itemToString,
             onInputValueChange,
             onItemSelect,
-            open: true,
-            selectedItem: null,
             stateReducer: (state, actionAndChanges) => {
               const { changes, type } = actionAndChanges;
               switch (type) {
@@ -1461,7 +1490,10 @@ const ComboboxInput = React.forwardRef(
         htmlSize: 1,
         m: "4",
         onKeyDown: (event) => {
-          if (event.key === " " && highlightedItem) {
+          if (!(event.target instanceof HTMLInputElement)) {
+            return;
+          }
+          if (event.key === " " && !event.target.value) {
             event.preventDefault();
             downshift.selectItem(highlightedItem);
           }
@@ -1595,7 +1627,6 @@ const ComboboxVirtualized = React.forwardRef(({ children, items, ...props }, out
     {
       flex: "none",
       style: {
-        height: `${rowVirtualizer.getTotalSize() - paddingTop - paddingBottom}px`,
         minHeight: Math.min(items.length, 8) * 40,
         minWidth,
         paddingBottom,
@@ -1683,17 +1714,17 @@ const IconSortUp = Skeleton.withIcon(
   )
 );
 
-var cell$2 = Skeleton.recipeRuntime({base:'xwndbq'});
-var content = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'xlo4d1']});
+var cell$2 = Skeleton.recipeRuntime({base:'_15ug99x'});
+var content$1 = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'ofyamu']});
 
 const TableHeaderCell = React.forwardRef(
-  ({ children, className, colSpan, p, px = "16", py = "12", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...cell$2({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("th", { colSpan, ref, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ...content(), px: p ?? px, py: p ?? py, children }) }) })
+  ({ children, className, colSpan, p, px = "16", py = "12", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...cell$2({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("th", { colSpan, ref, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ...content$1(), px: p ?? px, py: p ?? py, children }) }) })
 );
 TableHeaderCell.displayName = "@optiaxiom/react/TableHeaderCell";
 
-var button = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_1b54r1u']});
-var handle = Skeleton.recipeRuntime({base:[{h:'full',z:'10'},'_1j7ht19'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = Skeleton.recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1czlauc'],variants:{active:{false:'ibte0l',true:'rx9fjc'}}});
+var button$1 = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_1efksgk']});
+var handle = Skeleton.recipeRuntime({base:[{h:'full',z:'10'},'_1etzedj'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = Skeleton.recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'j1b9lc'],variants:{active:{false:'tathdx',true:'rmpbyd'}}});
 
 const DataTableHeaderCell = React.forwardRef(({ children, header, ...props }, ref) => {
   const sortDir = header.column.getIsSorted();
@@ -1720,7 +1751,7 @@ const DataTableHeaderCell = React.forwardRef(({ children, header, ...props }, re
             })
           }
         ) }),
-        header.column.columnDef.enableSorting ? /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Cover, { asChild: true, inset: true, ...button(), children: /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: () => header.column.toggleSorting(), children: [
+        header.column.columnDef.enableSorting ? /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Cover, { asChild: true, inset: true, ...button$1(), children: /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: () => header.column.toggleSorting(), children: [
           children,
           sortDir && /* @__PURE__ */ jsxRuntime.jsxs(reactVisuallyHidden.VisuallyHidden, { children: [
             "sorted ",
@@ -1746,22 +1777,22 @@ const DataTableHeaderCell = React.forwardRef(({ children, header, ...props }, re
 });
 DataTableHeaderCell.displayName = "@optiaxiom/react/DataTableHeaderCell";
 
-var table$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'_3g914c'],variants:{layout:{auto:['_1xauz1'],fixed:[{display:'grid'},'ejr99n']}}});
-var wrapper = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'ghcgsk']});
+var table$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'_9mz090'],variants:{layout:{auto:['_1ge5khn'],fixed:[{display:'grid'},'_1lrgla3']}}});
+var wrapper = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_124eana']});
 
 const Table = React.forwardRef(
   ({ children, className, layout = "auto", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ...wrapper({}, className), ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...table$1({ layout }), children: /* @__PURE__ */ jsxRuntime.jsx("table", { children }) }) })
 );
 Table.displayName = "@optiaxiom/react/Table";
 
-var body = Skeleton.recipeRuntime({base:['_15v1br']});
+var body = Skeleton.recipeRuntime({base:['_1l5m4cn']});
 
 const TableBody = React.forwardRef(
   ({ children, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...body({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, children }) })
 );
 TableBody.displayName = "@optiaxiom/react/TableBody";
 
-var cell$1 = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'ei2gnf']});
+var cell$1 = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_1g45xny']});
 
 const TableCell = React.forwardRef(
   ({ children, className, colSpan, ...props }, ref) => {
@@ -1773,20 +1804,20 @@ TableCell.displayName = "@optiaxiom/react/TableCell";
 const TableHeader = React.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, children }) }));
 TableHeader.displayName = "@optiaxiom/react/TableHeader";
 
-var row = Skeleton.recipeRuntime({base:['vbauqe',{transition:'colors',w:'full'},'fhwmiv']});
+var row = Skeleton.recipeRuntime({base:['v7hlvn',{transition:'colors',w:'full'},'bl24y1']});
 
 const TableRow = React.forwardRef(
   ({ children, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ActionsRoot, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...row({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("tr", { ref, children }) }) })
 );
 TableRow.displayName = "@optiaxiom/react/TableRow";
 
-var cell = Skeleton.recipeRuntime({base:[{alignItems:'start',display:'flex'},'i1qien'],variants:{pinned:{left:'_9dhzae',right:'_1i91wxz'},pinnedType:{body:'amr95e',header:{}}}});
-var cellOffsetVar = 'var(--_9fnjx)';
-var cellSizeVar = 'var(--kaa0wd)';
-var header = Skeleton.recipeRuntime({base:[{display:'grid'},'_1pg4fuz']});
-var leftTotalSizeVar = 'var(--_4eel16)';
-var rightTotalSizeVar = 'var(--_4f6qhq)';
-var table = Skeleton.recipeRuntime({base:'_1iqayju',variants:{pinned:{both:'_1ceu5ci',left:'_19fu1fb',none:{},right:'z3c88f'}}});
+var cell = Skeleton.recipeRuntime({base:[{alignItems:'start',display:'flex'},'o2nqoj'],variants:{pinned:{left:'_1kyshx5',right:'_1u6jk0h'},pinnedType:{body:'ik7eq9',header:{}}}});
+var cellOffsetVar = 'var(--_1xzfrwa)';
+var cellSizeVar = 'var(--kx9nde)';
+var header = Skeleton.recipeRuntime({base:[{display:'grid'},'_1rmkxpy']});
+var leftTotalSizeVar = 'var(--l8s7g8)';
+var rightTotalSizeVar = 'var(--t0n1s9)';
+var table = Skeleton.recipeRuntime({base:'_1q5wpt2',variants:{pinned:{both:'_1j6wx59',left:'_1kjm8ui',none:{},right:'_74jh5i'}}});
 
 const COL_VIRTUALIZATION_THRESHOLD = 20;
 const ROW_VIRTUALIZATION_THRESHOLD = 20;
@@ -1964,7 +1995,7 @@ const fakeRow = (table, rowIndex) => ({
   id: "loading" + rowIndex
 });
 
-var addon = Skeleton.recipeRuntime({base:'_1u6snqv',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = Skeleton.recipeRuntime({base:'_3h0ryr',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"];
 const DataTableFooter = React.forwardRef(
@@ -2046,7 +2077,7 @@ const IconCalendar = Skeleton.withIcon(
   )
 );
 
-var picker = Skeleton.recipeRuntime({base:'_6cr2xw'});
+var picker = Skeleton.recipeRuntime({base:'jxo9da'});
 
 function toInstant(str) {
   const rawDate = str && typeof str === "string" ? new Date(str) : void 0;
@@ -2224,7 +2255,7 @@ function DatePicker({
 }
 DatePicker.displayName = "@optiaxiom/react/DatePicker";
 
-var panels$1 = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_8b5ed7']});
+var panels$1 = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'qh2hvk']});
 
 const DatePickerContent = React.forwardRef(
   ({
@@ -2342,6 +2373,7 @@ function DateRangePicker({
     DateRangePickerProvider,
     {
       disabled,
+      setOpen,
       setValue,
       value,
       children
@@ -2350,7 +2382,7 @@ function DateRangePicker({
 }
 DateRangePicker.displayName = "@optiaxiom/react/DateRangePicker";
 
-var panels = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1nwji0y']});
+var panels = Skeleton.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1opcf4t']});
 
 const DateRangePickerContent = React.forwardRef(
   ({
@@ -2364,9 +2396,18 @@ const DateRangePickerContent = React.forwardRef(
     weekend,
     ...props
   }, ref) => {
-    const { setValue, value } = useDateRangePickerContext(
+    const { open } = Skeleton.usePopoverContext(
       "@optiaxiom/react/DateRangePickerContent"
     );
+    const { setOpen, setValue, value } = useDateRangePickerContext(
+      "@optiaxiom/react/DateRangePickerContent"
+    );
+    const [from, setFrom] = React.useState();
+    React.useEffect(() => {
+      if (!open) {
+        setFrom(void 0);
+      }
+    }, [open]);
     return /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.PopoverContent, { gap: "8", maxW: void 0, ref, ...props, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { ...panels(), children: [
         addonBefore,
@@ -2377,7 +2418,16 @@ const DateRangePickerContent = React.forwardRef(
             max,
             min,
             mode: "range",
-            onValueChange: setValue,
+            onValueChange: (newValue) => {
+              if (!from) {
+                const newFrom = value?.from && newValue?.from && newValue.from < value.from ? newValue.from : newValue?.to;
+                setFrom(newFrom);
+                setValue({ from: newFrom, to: newFrom });
+              } else if (newValue?.to) {
+                setValue(newValue);
+                setOpen(false);
+              }
+            },
             today,
             value,
             weekend
@@ -2429,7 +2479,7 @@ const DateRangePickerTrigger = React.forwardRef(
 );
 DateRangePickerTrigger.displayName = "@optiaxiom/react/DateRangePickerTrigger";
 
-var mark = Skeleton.recipeRuntime({base:'shyzot'});
+var mark = Skeleton.recipeRuntime({base:'_1fhljq0'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -2461,8 +2511,8 @@ const Highlight = React.forwardRef(
 );
 Highlight.displayName = "@optiaxiom/react/Highlight";
 
-var editor = Skeleton.recipeRuntime({base:'_18cu7kd',variants:{empty:{false:{},true:'_1wcbbay'}}});
-var input$1 = Skeleton.recipeRuntime({base:'_1c3kt2k'});
+var editor = Skeleton.recipeRuntime({base:'s7b84s',variants:{empty:{false:{},true:'_1x1sbpz'}}});
+var input$1 = Skeleton.recipeRuntime({base:'btcu42'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -2542,7 +2592,38 @@ function getText(element) {
   return text;
 }
 
-var layout = Skeleton.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'paw0kq']});
+var button = Skeleton.recipeRuntime({base:[{justifyContent:'space-between'},'_1gcrkrt']});
+var content = Skeleton.recipeRuntime({base:[{fontSize:'sm',transition:'all'}],variants:{filled:{false:{h:'0'},true:{h:'16'}}}});
+var label = Skeleton.recipeRuntime({base:[{color:'fg.secondary',cursor:'pointer',maxW:'full',transition:'all'}],variants:{filled:{false:{fontSize:'md'},true:{fontSize:'xs'}}}});
+
+const LabelMenuButton = React.forwardRef(
+  ({ "aria-labelledby": ariaLabelledBy, children, className, label: label$1, ...props }, ref) => {
+    const filled = String(props["aria-expanded"]) === "true" || Boolean(children);
+    const labelId = reactId.useId();
+    const valueId = reactId.useId();
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Skeleton.ButtonBase,
+      {
+        "aria-labelledby": ariaLabelledBy ?? clsx(labelId, children && valueId),
+        "data-filled": filled ? "" : void 0,
+        ref,
+        size: "lg",
+        ...button({}, className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { gap: "0", overflow: "hidden", textAlign: "start", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Text, { asChild: true, id: labelId, truncate: true, ...label({ filled }), children: /* @__PURE__ */ jsxRuntime.jsx(RadixLabel.Label, { children: label$1 }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Text, { id: valueId, truncate: true, ...content({ filled }), children: children ?? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\xA0" }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ButtonAddon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.IconAngleDown, {}) })
+        ]
+      }
+    );
+  }
+);
+LabelMenuButton.displayName = "@optiaxiom/react/LabelMenuButton";
+
+var layout = Skeleton.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1qbl5tj']});
 
 const Layout = React.forwardRef(
   ({ children, className, header, sidebar, ...props }, ref) => {
@@ -2567,7 +2648,7 @@ const Layout = React.forwardRef(
 );
 Layout.displayName = "@optiaxiom/react/Layout";
 
-var pill = Skeleton.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'_124ooa'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = Skeleton.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'_1n5hopv'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Pill = React.forwardRef(
   ({ asChild, children, className, disabled, size = "sm", ...props }, ref) => {
@@ -2700,8 +2781,6 @@ const SpotlightContent = React.forwardRef(({ "aria-label": ariaLabel, children,
             itemToSubItems,
             onInputValueChange,
             onItemSelect,
-            open: true,
-            selectedItem: null,
             stateReducer: (state, actionAndChanges) => {
               const { changes, type } = actionAndChanges;
               switch (type) {
@@ -2734,7 +2813,7 @@ const SpotlightEmpty = React.forwardRef(
 );
 SpotlightEmpty.displayName = "@optiaxiom/react/SpotlightEmpty";
 
-var input = Skeleton.recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1041sg6']});
+var input = Skeleton.recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'gxrskx']});
 
 const SpotlightInput = React.forwardRef(
   ({ addonAfter, className, ...props }, ref) => {
@@ -2791,7 +2870,7 @@ const SpotlightLabel = React.forwardRef(
 );
 SpotlightLabel.displayName = "@optiaxiom/react/SpotlightLabel";
 
-var item$1 = Skeleton.recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'_1d1v3t']});
+var item$1 = Skeleton.recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'os7ymw']});
 
 const SpotlightRadioItem = React.forwardRef(({ addonAfter, children, className, description, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(SpotlightItem, { asChild: true, ref, ...item$1({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2890,7 +2969,7 @@ const CommandSubItem = React.forwardRef(
 );
 CommandSubItem.displayName = "@optiaxiom/react/CommandSubItem";
 
-var item = Skeleton.recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'x2d8nr',true:'_1rn3acy'}}});
+var item = Skeleton.recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'q3kfn9',true:'j8cbez'}}});
 
 const SpotlightSubItem = React.forwardRef(({ children, className, selected, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2977,6 +3056,7 @@ exports.DateRangePickerContent = DateRangePickerContent;
 exports.DateRangePickerTrigger = DateRangePickerTrigger;
 exports.Highlight = Highlight;
 exports.InlineInput = InlineInput;
+exports.LabelMenuButton = LabelMenuButton;
 exports.Layout = Layout;
 exports.Pill = Pill;
 exports.PillGroup = PillGroup;