@optiaxiom/react 1.4.1 → 1.4.3

package/dist/cjs/unstable.js

@@ -3,79 +3,79 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var IconMagnifyingGlass = require('./IconMagnifyingGlass-BCpZ15FM.js');
-require('./assets/src/layers/layers.css.ts.vanilla-CN-ptlpS.css');
-require('./assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-DnVIAOer.css');
-require('./assets/src/breadcrumb/BreadcrumbLink.css.ts.vanilla-Cz_tVmms.css');
+var IconMagnifyingGlass = require('./IconMagnifyingGlass-cu2dqprf.js');
+require('./assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.css');
+require('./assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-Ceqt8kiB.css');
+require('./assets/src/breadcrumb/BreadcrumbLink.css.ts.vanilla-4Bap70-A.css');
 var reactId = require('@radix-ui/react-id');
-require('./assets/src/cover/Cover.css.ts.vanilla-doC_eyYQ.css');
-require('./assets/src/link/Link.css.ts.vanilla-DRwyALER.css');
-require('./assets/src/card/Card.css.ts.vanilla-BprPJCAN.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-t83DCGIF.css');
+require('./assets/src/link/Link.css.ts.vanilla-DCcetJvT.css');
+require('./assets/src/card/Card.css.ts.vanilla-ChUD7DVe.css');
 var reactContext = require('@radix-ui/react-context');
-require('./assets/src/card/CardOverflow.css.ts.vanilla-C63W5bMw.css');
-require('./assets/src/card/CardAction.css.ts.vanilla-CDzZ5mqX.css');
+require('./assets/src/card/CardOverflow.css.ts.vanilla-CKXnzYgJ.css');
+require('./assets/src/card/CardAction.css.ts.vanilla-C3Pt9Tr9.css');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var clsx = require('clsx');
-require('./assets/src/card/CardImage.css.ts.vanilla-CMsg1v4K.css');
+require('./assets/src/card/CardImage.css.ts.vanilla-DvAmCfam.css');
 var reactSlot = require('@radix-ui/react-slot');
 var downshift = require('downshift');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-BiC-gEpt.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-rGb27kxI.css');
-require('./assets/src/layout/Layouts.css.ts.vanilla-T359hyuu.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-B9rAnBw0.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-DMtGmdZQ.css');
+require('./assets/src/layout/Layouts.css.ts.vanilla-8_-PISER.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-qciwAS7G.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-DpualKyi.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CbMg3mAn.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-PBTaIi8C.css');
-require('./assets/src/table/Table.css.ts.vanilla-BBOlyf5V.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-BRWf3Zbv.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-y2sGvAVd.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-CqSzp-qS.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-C0eIji4w.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BDXyWNw-.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-ALP4hTWK.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-Bw1DRUCB.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-IBpgBir4.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-DllCjCMM.css');
+require('./assets/src/table/Table.css.ts.vanilla-c1spS8Si.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-CHcW3i_W.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-BHe8Yd_C.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-CCikQZ_Z.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-DVHbSJAx.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-JJUadFMR.css');
 require('react-day-picker');
 require('@radix-ui/react-popper');
 require('@optiaxiom/globals');
 require('@radix-ui/react-tooltip');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-C7HPKZUj.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-c1jPN1Np.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-B4QSEvbK.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-DbwVhapt.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CbMg3mAn.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-DM6baKq4.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-Bw1MP2Ce.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-CX5BeU28.css');
+require('./assets/src/calendar/CalendarNav.css.ts.vanilla-BD4Ez75f.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-Wa1_QyF_.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-IBpgBir4.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-Dy7oEZeq.css');
 require('@radix-ui/react-popover');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CbMg3mAn.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-tPLFf0il.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CnU19Zsh.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DDTXNzGl.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-Dp-MSd5L.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-7MEw3am_.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CeKd3eGS.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-C-wdgTK4.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-IBpgBir4.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-Bai1BKi_.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BlspQV2G.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-B62MJP5b.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-cqYDOJN9.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DfYre0Yx.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla--HSsA9eL.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CDgH9kUf.css');
 require('@tanstack/react-virtual');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-BJyGakBV.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-BtNtEy94.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-BhmlfHSo.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-D7AI5WS1.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-DkzwDW8O.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla--BNwNv-w.css');
 require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-uYY5DsHe.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BPDllpR5.css');
 require('@vanilla-extract/dynamic');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-CYLY6W0b.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-D1gxKuAZ.css');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('react-remove-scroll');
 require('@radix-ui/react-portal');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-Ce79BS9p.css');
-require('./assets/src/text/Text.css.ts.vanilla-A81NL9nV.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-Dw3kOwhm.css');
+require('./assets/src/text/Text.css.ts.vanilla-E9UNkeEw.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-D5qNkX1z.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-BSPjnfiO.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BxRZfJ1-.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-BTsZSfas.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-DjOc5FtK.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-AOzhTAjH.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-IgsbjOjl.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-j3RJdozs.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-DM0YmXP0.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-QnTWdJ1A.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-CXwvhHCM.css');
-require('./assets/src/box/Box.css.ts.vanilla-DdWp0jtH.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-BYgrHT7u.css');
+require('./assets/src/box/Box.css.ts.vanilla-C04tzhuw.css');
 
 function parseHotkey(hotkey) {
   const keys = hotkey.toLowerCase().split("+").map((part) => part.trim());
@@ -175,7 +175,7 @@ function BreadcrumbEllipsis({ ...props }) {
 }
 BreadcrumbEllipsis.displayName = "@optiaxiom/react/BreadcrumbEllipsis";
 
-var item = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1si2isy']});
+var item = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_12zqmo7']});
 
 const BreadcrumbItem = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -185,7 +185,7 @@ const BreadcrumbItem = React.forwardRef(
 );
 BreadcrumbItem.displayName = "@optiaxiom/react/BreadcrumbItem";
 
-var link = IconMagnifyingGlass.recipeRuntime({base:[{fontSize:'md'},'_1ytdd7o']});
+var link = IconMagnifyingGlass.recipeRuntime({base:[{fontSize:'md'},'_1pc3gl3']});
 
 const BreadcrumbLink = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Link, { ...link({}, className), ref, ...props });
@@ -199,7 +199,7 @@ const BreadcrumbPage = React.forwardRef(
 );
 BreadcrumbPage.displayName = "@optiaxiom/react/BreadcrumbPage";
 
-var card = IconMagnifyingGlass.recipeRuntime({base:['_1xxvlsg',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1gswk19']});
+var card = IconMagnifyingGlass.recipeRuntime({base:['pns50a',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1x5q9dn']});
 
 const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
 
@@ -233,7 +233,7 @@ const Card = React.forwardRef(
 );
 Card.displayName = "@optiaxiom/react/Card";
 
-var action = IconMagnifyingGlass.recipeRuntime({base:['_1u47myx']});
+var action = IconMagnifyingGlass.recipeRuntime({base:['_1lzegdm']});
 
 const CardAction = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -304,7 +304,7 @@ const CardDescription = React.forwardRef(({ children, ...props }, ref) => {
 });
 CardDescription.displayName = "@optiaxiom/react/CardDescription";
 
-var cardImage = IconMagnifyingGlass.recipeRuntime({base:[{h:'full',rounded:'inherit'},'v2yxpo'],variants:{orientation:{horizontal:[{w:'auto'},'_137ltnh'],vertical:[{w:'full'},'_1hqvoer']}}});
+var cardImage = IconMagnifyingGlass.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_14cdka6'],variants:{orientation:{horizontal:[{w:'auto'},'tknmfb'],vertical:[{w:'full'},'_1tr2lqh']}}});
 
 const CardImage = React.forwardRef(
   ({ alt = "", asChild, children, className, src, ...props }, ref) => {
@@ -330,7 +330,7 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var cardOverflow = IconMagnifyingGlass.recipeRuntime({base:['_1c8hlbi',{alignSelf:'stretch'},'sgiudy'],variants:{orientation:{horizontal:['yqu8ko'],vertical:['_1qp64jw']}}});
+var cardOverflow = IconMagnifyingGlass.recipeRuntime({base:['_1a9sfc6',{alignSelf:'stretch'},'_7l0341'],variants:{orientation:{horizontal:['_98bnd0'],vertical:['_1rvz8vp']}}});
 
 const CardOverflow = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -475,7 +475,7 @@ function Command({
     onSelectedItemChange({ selectedItem, type }) {
       if (type !== downshift.useCombobox.stateChangeTypes.InputBlur && selectedItem !== null) {
         onItemSelect?.(selectedItem, {
-          close: type !== downshift.useCombobox.stateChangeTypes.FunctionSelectItem || !("selected" in selectedItem)
+          dismiss: type !== downshift.useCombobox.stateChangeTypes.FunctionSelectItem || !("selected" in selectedItem)
         });
       }
     },
@@ -572,7 +572,17 @@ const CommandInput = React.forwardRef(
 CommandInput.displayName = "@optiaxiom/react/CommandInput";
 
 const CommandItem = React.forwardRef(
-  ({ asChild, children, item, selected, size, ...props }, ref) => {
+  ({
+    asChild,
+    children,
+    item,
+    onClick,
+    onMouseLeave,
+    onMouseMove,
+    selected,
+    size,
+    ...props
+  }, ref) => {
     const {
       downshift,
       highlightedItem,
@@ -584,14 +594,17 @@ const CommandItem = React.forwardRef(
       "aria-selected": selected ?? resolveItemProperty(item.selected),
       item,
       onClick: (event) => {
+        onClick?.(event);
         if (event.currentTarget instanceof HTMLAnchorElement) {
           event.preventDefault();
         }
       },
-      onMouseLeave: () => {
+      onMouseLeave: (event) => {
+        onMouseLeave?.(event);
         window.clearTimeout(pauseInteractionRef.current.timer);
       },
       onMouseMove: (event) => {
+        onMouseMove?.(event);
         if (resolveItemProperty(item.disabledReason)) {
           event.preventDefault();
           Object.assign(event.nativeEvent, {
@@ -672,7 +685,7 @@ const CommandListbox = React.forwardRef(
 );
 CommandListbox.displayName = "@optiaxiom/react/CommandListbox";
 
-var mark = IconMagnifyingGlass.recipeRuntime({base:'_1w55d1m'});
+var mark = IconMagnifyingGlass.recipeRuntime({base:'_1cvew0o'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -704,8 +717,8 @@ const Highlight = React.forwardRef(
 );
 Highlight.displayName = "@optiaxiom/react/Highlight";
 
-var editor = IconMagnifyingGlass.recipeRuntime({base:'j1knpy',variants:{empty:{false:{},true:'_12vnl0d'}}});
-var input$1 = IconMagnifyingGlass.recipeRuntime({base:'_1vdkibg'});
+var editor = IconMagnifyingGlass.recipeRuntime({base:'_43lgrt',variants:{empty:{false:{},true:'szz2ke'}}});
+var input$1 = IconMagnifyingGlass.recipeRuntime({base:'_1pyfzt7'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -786,7 +799,7 @@ function getText(element) {
   return text;
 }
 
-var layout = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1gxoz83']});
+var layout = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_7x85lh']});
 
 const Layout = React.forwardRef(
   ({ children, className, header, sidebar, ...props }, ref) => {
@@ -908,9 +921,9 @@ function Menu({
     {
       inputRef,
       inputVisible,
-      onSelect: (item, { close }) => {
-        item.execute?.({ inputValue });
-        if (typeof openProp === "undefined" && close) {
+      onSelect: (item, { dismiss }) => {
+        item.execute?.({ dismiss, inputValue });
+        if (typeof openProp === "undefined" && dismiss) {
           setOpen(false);
         }
       },
@@ -926,7 +939,7 @@ function Menu({
             setSubMenuOpen(!!item.subOptions?.length);
           },
           onInputValueChange: setInputValue,
-          onSelect: (item, { close }) => {
+          onSelect: (item, { dismiss }) => {
             if (item.subOptions?.length) {
               if (size === "lg") {
                 setActiveItems(item.subOptions);
@@ -934,8 +947,8 @@ function Menu({
                 setSubMenuOpen(true);
               }
             } else {
-              item.execute?.({ inputValue });
-              if (typeof openProp === "undefined" && close) {
+              item.execute?.({ dismiss, inputValue });
+              if (typeof openProp === "undefined" && dismiss) {
                 setOpen(false);
               }
             }
@@ -976,7 +989,7 @@ const MenuDialogContent = React.forwardRef(
 );
 MenuDialogContent.displayName = "@optiaxiom/react/MenuDialogContent";
 
-var input = IconMagnifyingGlass.recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'bnzhx9']}}});
+var input = IconMagnifyingGlass.recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_18i5kkb']}}});
 
 const MenuInput = React.forwardRef(
   ({ className, ...props }, outerRef) => {
@@ -1018,7 +1031,7 @@ const MenuCheckboxItem = React.forwardRef(({ children, ...props }, ref) => {
       addonBefore: props.item.addon,
       asChild: true,
       description: props.item.description,
-      onCheckedChange: () => !resolveItemProperty(props.item.disabledReason) && props.item.execute?.({ inputValue }),
+      onCheckedChange: () => !resolveItemProperty(props.item.disabledReason) && props.item.execute?.({ dismiss: false, inputValue }),
       children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.link && { href: props.item.link }, children })
     }
   ) });
@@ -1094,6 +1107,15 @@ const MenuSubContent = React.forwardRef(
           parentInputRef.current?.focus();
         },
         onEscapeKeyDown: () => setRootMenuOpen(false),
+        onPointerDown: (event) => {
+          if (event.defaultPrevented) {
+            return;
+          }
+          if (event.target instanceof HTMLElement && event.target.closest('[role="option"]')) {
+            return;
+          }
+          event.preventDefault();
+        },
         onPointerEnter: () => {
           if (item.subOptionsInputVisible) {
             inputRef.current?.focus();
@@ -1123,11 +1145,11 @@ const MenuSubContent = React.forwardRef(
               parentInputRef.current?.focus();
               setInputValue(inputValue);
             },
-            onSelect: (item2, { close }) => {
+            onSelect: (item2, { dismiss }) => {
               if (item2.subOptions?.length) {
                 setSubMenuOpen(true);
               } else {
-                onSelect(item2, { close });
+                onSelect(item2, { dismiss });
               }
             },
             open: true,
@@ -1168,7 +1190,15 @@ const MenuSubContent = React.forwardRef(
 MenuSubContent.displayName = "@optiaxiom/react/MenuSubContent";
 
 const MenuSubTrigger = React.forwardRef(
-  ({ children, contentRef, item, onPointerDown, ...props }, ref) => {
+  ({
+    children,
+    contentRef,
+    item,
+    onPointerDown,
+    onPointerEnter,
+    onPointerLeave,
+    ...props
+  }, ref) => {
     const { downshift, highlightedItem, pauseInteractionRef } = useCommandContext("@optiaxiom/react/MenuSubTrigger");
     const { open } = IconMagnifyingGlass.usePopoverContext("@optiaxiom/react/MenuSubTrigger");
     return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.FilteredSlot, { exclude: "type", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1182,13 +1212,15 @@ const MenuSubTrigger = React.forwardRef(
             event.preventDefault();
           }
         },
-        onPointerEnter: () => {
+        onPointerEnter: (event) => {
+          onPointerEnter?.(event);
           if (highlightedItem !== item) {
             return;
           }
           downshift.selectItem(item);
         },
         onPointerLeave: (event) => {
+          onPointerLeave?.(event);
           const box = contentRef.current?.getBoundingClientRect();
           if (!box) {
             return;
@@ -1236,28 +1268,12 @@ MenuSub.displayName = "@optiaxiom/react/MenuSub";
 const MenuListbox = React.forwardRef(
   ({ children, ...props }, ref) => {
     const { size } = useMenuContext("@optiaxiom/react/MenuListbox");
-    let isFirstItem = true;
-    let lastGroup = void 0;
-    const shouldShowSeparator = (group) => {
-      const show = !isFirstItem;
-      isFirstItem = false;
-      return show && group !== lastGroup && (group?.separator || lastGroup?.separator);
-    };
-    const shouldShowGroup = (group) => {
-      const show = group !== lastGroup;
-      lastGroup = group;
-      return show && !!group && !group?.hidden;
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(CommandListbox, { ref, ...props, children: children ?? ((item, index) => {
-      if (index === 0) {
-        isFirstItem = true;
-        lastGroup = void 0;
-      }
+    return /* @__PURE__ */ jsxRuntime.jsx(CommandListbox, { ref, ...props, children: children ?? ((item, prevItem) => {
       const Comp = item.subOptions?.length ? size === "sm" ? MenuSub : MenuItem : "selected" in item ? item.multi ? MenuCheckboxItem : MenuRadioItem : MenuItem;
       const group = item.group;
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        shouldShowSeparator(group) && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ListboxSeparator, {}),
-        shouldShowGroup(group) && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ListboxLabel, { children: group.name }),
+        IconMagnifyingGlass.shouldShowSeparator(group, prevItem) && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ListboxSeparator, {}),
+        IconMagnifyingGlass.shouldShowGroup(group, prevItem) && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ListboxLabel, { children: group.label }),
         Comp === MenuSub ? /* @__PURE__ */ jsxRuntime.jsx(Comp, { item }) : /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Tooltip, { content: resolveItemProperty(item.disabledReason), children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { item }) })
       ] });
     }) });
@@ -1298,7 +1314,7 @@ const MenuPopoverContent = React.forwardRef(({ style, ...props }, outerRef) => {
 MenuPopoverContent.displayName = "@optiaxiom/react/MenuPopoverContent";
 
 const MenuContent = React.forwardRef(
-  ({ children, ...props }, ref) => {
+  ({ children, onPointerDown, ...props }, ref) => {
     const { labelId } = IconMagnifyingGlass.useFieldContext("@optiaxiom/react/MenuContent");
     const { inputVisible, placeholder, size } = useMenuContext(
       "@optiaxiom/react/MenuContent"
@@ -1312,6 +1328,16 @@ const MenuContent = React.forwardRef(
       Comp,
       {
         "aria-labelledby": labelId,
+        onPointerDown: (event) => {
+          onPointerDown?.(event);
+          if (event.defaultPrevented) {
+            return;
+          }
+          if (event.target instanceof HTMLElement && event.target.closest('[role="option"]')) {
+            return;
+          }
+          event.preventDefault();
+        },
         overflow: "hidden",
         p: size === "sm" ? "4" : "0",
         ref,
@@ -1362,7 +1388,7 @@ const MenuTrigger = React.forwardRef(
 );
 MenuTrigger.displayName = "@optiaxiom/react/MenuTrigger";
 
-var pill = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'_60mbxn'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'df5s95'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(

package/dist/esm/assets/src/actions/ActionsContent.css.ts.vanilla-DllCjCMM.css

@@ -0,0 +1,22 @@
+@layer optiaxiom.kej491;
+@layer optiaxiom.kej491 {
+  ._19iy8ez {
+    transition: opacity var(--ax-duration-sm) ease;
+  }
+  ._1gz08n6:not(:has(._1gz08n6)):focus-within ._19iy8ez, ._19iy8ez:has(:checked, [data-state=open]) {
+    opacity: 1;
+    transition: none;
+  }
+  .rca2ss {
+    opacity: 0;
+  }
+  ._15sy9m2 {
+    opacity: 1;
+  }
+  @media (hover: hover) {
+    ._1gz08n6:not(:has(._1gz08n6)):hover ._19iy8ez {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

package/dist/esm/assets/src/alert/Alert.css.ts.vanilla-Bm0YKU7-.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.kej491;
+@layer optiaxiom.kej491 {
+  ._1ymvskl {
+    min-height: var(--ax-size-sm);
+  }
+}

package/dist/esm/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-RX77c1Or.css

@@ -0,0 +1,27 @@
+@layer optiaxiom.kej491;
+@layer optiaxiom.kej491 {
+  ._1q4qw1c {
+    opacity: 0;
+  }
+  ._1dkjig5 {
+    inset: 0;
+    position: fixed;
+  }
+  .nxxz4h {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--ckard1)))
+      scale(calc(1 - 0.06 * var(--ckard1)))
+    ;
+  }
+  ._1erfkg3 {
+    width: 400px;
+  }
+  .gzomb6 {
+    width: 600px;
+  }
+  .a37cu4 {
+    width: 800px;
+  }
+}

package/dist/esm/assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-BHmBjpkr.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.kej491;
+@layer optiaxiom.kej491 {
+  ._12r1yw7 {
+    border-top: 1px solid var(--ax-colors-border-secondary);
+  }
+}

package/dist/esm/assets/src/avatar/{Avatar.css.ts.vanilla-DHdaU24C.css → Avatar.css.ts.vanilla-pwZu6KK-.css}

@@ -1,51 +1,51 @@
-@layer optiaxiom._1oq02a0;
-@layer optiaxiom._1oq02a0 {
-  ._1y9zz1k {
+@layer optiaxiom.kej491;
+@layer optiaxiom.kej491 {
+  ._11w6f78 {
     user-select: none;
   }
-  .ap8aqz ._1y9zz1k {
+  ._650tb4 ._11w6f78 {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  ._32tfjp {
+  ._1h60nk2 {
     font-size: 8px;
   }
-  .ap8aqz ._32tfjp:not(:first-child) {
+  ._650tb4 ._1h60nk2:not(:first-child) {
     margin-left: -1px;
   }
-  ._88qekp {
+  .ozaga {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  .ap8aqz ._88qekp:not(:first-child) {
+  ._650tb4 .ozaga:not(:first-child) {
     margin-left: -3px;
   }
-  ._1pdfuoy {
+  ._1hosv3j {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  .ap8aqz ._1pdfuoy:not(:first-child) {
+  ._650tb4 ._1hosv3j:not(:first-child) {
     margin-left: -5px;
   }
-  .b1vgqx {
+  ._1d6fcuj {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  .ap8aqz .b1vgqx:not(:first-child) {
+  ._650tb4 ._1d6fcuj:not(:first-child) {
     margin-left: -7px;
   }
-  .fy66pg {
+  .cdswmb {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  .ap8aqz .fy66pg:not(:first-child) {
+  ._650tb4 .cdswmb:not(:first-child) {
     margin-left: -9px;
   }
-  .rjeem3 {
+  .h42kkb {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  .ap8aqz .rjeem3:not(:first-child) {
+  ._650tb4 .h42kkb:not(:first-child) {
     margin-left: -11px;
   }
-  ._79i8oj {
+  .twq0oi {
     font-size: var(--ax-fontSize-4xl-fontSize);
   }
-  .ap8aqz ._79i8oj:not(:first-child) {
+  ._650tb4 .twq0oi:not(:first-child) {
     margin-left: -13px;
   }
 }

package/dist/esm/assets/src/avatar/AvatarGroup.css.ts.vanilla-IBpgBir4.css

@@ -0,0 +1,4 @@
+@layer optiaxiom.kej491;
+@layer optiaxiom.kej491 {
+
+}

package/dist/{cjs/assets/src/backdrop/Backdrop.css.ts.vanilla-CYLY6W0b.css → esm/assets/src/backdrop/Backdrop.css.ts.vanilla-D1gxKuAZ.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1oq02a0;
-@layer optiaxiom._1oq02a0 {
-  ._1uo8r1y {
+@layer optiaxiom.kej491;
+@layer optiaxiom.kej491 {
+  ._1lm57ek {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;

package/dist/esm/assets/src/badge/Badge.css.ts.vanilla-CfO44bNZ.css

@@ -0,0 +1,46 @@
+@layer optiaxiom.kej491;
+@layer optiaxiom.kej491 {
+  ._1uvm81f {
+    --_1fhrowp: var(--ax-colors-fg-white);
+  }
+  ._1ctpune {
+    --m8yn8d: var(--ax-colors-bg-error);
+    --zj9l1c: var(--ax-colors-bg-error-subtle);
+    --_1ljn69z: var(--ax-colors-fg-error-strong);
+  }
+  ._1bns1br {
+    --m8yn8d: var(--ax-colors-bg-information);
+    --zj9l1c: var(--ax-colors-bg-information-subtle);
+    --_1ljn69z: var(--ax-colors-fg-information-strong);
+  }
+  .nilbx3 {
+    --m8yn8d: var(--ax-colors-bg-tertiary);
+    --_1fhrowp: var(--ax-colors-fg-default);
+    --zj9l1c: var(--ax-colors-bg-secondary);
+    --_1ljn69z: var(--ax-colors-fg-secondary);
+  }
+  ._1m03kg8 {
+    --m8yn8d: var(--ax-colors-bg-accent);
+    --zj9l1c: var(--ax-colors-bg-accent-subtle);
+    --_1ljn69z: var(--ax-colors-fg-accent-strong);
+  }
+  ._1rni5uc {
+    --m8yn8d: var(--ax-colors-bg-success);
+    --zj9l1c: var(--ax-colors-bg-success-subtle);
+    --_1ljn69z: var(--ax-colors-fg-success-strong);
+  }
+  ._11kb7vw {
+    --m8yn8d: var(--ax-colors-bg-warning);
+    --_1fhrowp: var(--ax-colors-fg-warning-inverse);
+    --zj9l1c: var(--ax-colors-bg-warning-subtle);
+    --_1ljn69z: var(--ax-colors-fg-warning-strong);
+  }
+  .hi26mm {
+    background-color: var(--m8yn8d);
+    color: var(--_1fhrowp);
+  }
+  ._9u8d8w {
+    background-color: var(--zj9l1c);
+    color: var(--_1ljn69z);
+  }
+}

package/dist/esm/assets/src/banner/Banner.css.ts.vanilla-B_eRUDkW.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.kej491;
+@layer optiaxiom.kej491 {
+  .ynopww {
+    min-height: var(--ax-size-sm);
+  }
+}