@optiaxiom/react 1.5.0 → 1.5.1

package/dist/cjs/unstable.js

@@ -3,87 +3,98 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var IconMagnifyingGlass = require('./IconMagnifyingGlass-DdX-kGbo.js');
-require('./assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css');
-require('./assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-hg5woSam.css');
-require('./assets/src/breadcrumb/BreadcrumbLink.css.ts.vanilla-Bb5x75nR.css');
+var IconMagnifyingGlass = require('./IconMagnifyingGlass-CxLRvuEF.js');
+require('./assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css');
+require('./assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-4EB7Xbqh.css');
+require('./assets/src/breadcrumb/BreadcrumbLink.css.ts.vanilla-DI9hUTkr.css');
 var reactId = require('@radix-ui/react-id');
-require('./assets/src/cover/Cover.css.ts.vanilla-Bhl8iscl.css');
-require('./assets/src/card/Card.css.ts.vanilla-DRIhuJ1b.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-DgBv8RuW.css');
+require('./assets/src/card/Card.css.ts.vanilla-Cbg4QNiF.css');
 var reactContext = require('@radix-ui/react-context');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var clsx = require('clsx');
-require('./assets/src/card/CardCheckbox.css.ts.vanilla-BQmA1GnW.css');
-require('./assets/src/card/CardHeader.css.ts.vanilla-BKZog4uY.css');
-require('./assets/src/card/CardPreview.css.ts.vanilla-rMcmXL4l.css');
+require('./assets/src/card/CardCheckbox.css.ts.vanilla-Dkjtmy1z.css');
+require('./assets/src/card/CardHeader.css.ts.vanilla-B1H_41zD.css');
+require('./assets/src/card/CardPreview.css.ts.vanilla-DyFoIKdz.css');
 var downshift = require('downshift');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-DOwxn4GA.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-BGlStM9W.css');
-require('./assets/src/layout/Layouts.css.ts.vanilla-BlEAI9ha.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-jjeqD_rW.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-DJBWP3vP.css');
+require('./assets/src/layout/Layouts.css.ts.vanilla-D1-Ij5nY.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-D8P1_hWq.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-rG8GuTkp.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-CO3bqvq6.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-CkB0e7dC.css');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/pill/Pill.css.ts.vanilla-OjU6W6Y3.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-LFamA4C1.css');
 var helpers = require('@dnd-kit/helpers');
 var react = require('@dnd-kit/react');
-require('./assets/src/sortable/Sortable.css.ts.vanilla-DC5LTQ8N.css');
-require('./assets/src/sortable/SortableHandle.css.ts.vanilla-BGpVQBe_.css');
+require('./assets/src/sortable/Sortable.css.ts.vanilla-C1mOONde.css');
+require('./assets/src/sortable/SortableHandle.css.ts.vanilla-CP70tBh_.css');
 var sortable = require('@dnd-kit/react/sortable');
-require('./assets/src/sortable/SortableItem.css.ts.vanilla-6ttddd8f.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-BopGCQ-R.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-CQHrzlcL.css');
-require('./assets/src/table/Table.css.ts.vanilla-DRTckl_I.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-CkDN5-4K.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-NYW4Uw9y.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-Bry58N9S.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-IOX7pyGu.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-BW37-stS.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DNpXsbZo.css');
+require('./assets/src/sortable/SortableItem.css.ts.vanilla-D8PbjuDI.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-1mT-GBsC.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-BzBSmcTE.css');
+require('./assets/src/table/Table.css.ts.vanilla-oE1dR3U1.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-BS5o-IU4.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-DARD99Vi.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-Mzp6i09q.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-DD4vI1Ml.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-BEyX-mhJ.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DKYwKskK.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-DVnXE0ON.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-Bk3EYZsx.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-DSb7Uxf2.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-nfmZzL1M.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-BopGCQ-R.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-DV9HPDg-.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-B5VHHqk5.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-BLJQrr3z.css');
+require('./assets/src/calendar/CalendarNav.css.ts.vanilla-CTpGUIiK.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-u-VlisWS.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-1mT-GBsC.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-Dt3RTsY7.css');
 require('@radix-ui/react-popover');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-BopGCQ-R.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-CCXnMKDM.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CjmvydXp.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DsEEG4cq.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-CO9UYuYz.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-C6F6cJM6.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BYQQkUoP.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-BDczmgVK.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-1mT-GBsC.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BtnqM68I.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-B1Yx7IEn.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DDe2uTWF.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-DeoFu4V5.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-t0w4VnI3.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BvbsDONo.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-ChH3E2S-.css');
 require('@tanstack/react-virtual');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-BqyG84oT.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-BezJzmsV.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-Dwc1LppA.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-CNDt1Hak.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-sZQmo5Rf.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-BzdnTk-p.css');
 require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BMyUtJSV.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-DklKq-BZ.css');
 require('@vanilla-extract/dynamic');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-pOrYXbTf.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-qMr39fy7.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-D0cw8qnd.css');
-require('./assets/src/text/Text.css.ts.vanilla-DuuK1SVw.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-DZ8Q2jnW.css');
+require('./assets/src/text/Text.css.ts.vanilla-20Dy4ncJ.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-DDjHJ5Rg.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-O9AqM-cn.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BaizcQx4.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-rC41IFce.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-BLq6D2sV.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-DoCIMRp7.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-c0Df-0jA.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-GDFL-t3V.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-DMpnynLb.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-DS0kd8K7.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-BbsOICsR.css');
-require('./assets/src/box/Box.css.ts.vanilla-DN4ECRY3.css');
-require('./assets/src/link/Link.css.ts.vanilla-BW1It0AR.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-C7okIXxT.css');
+require('./assets/src/box/Box.css.ts.vanilla-Dhk5a5nh.css');
+require('./assets/src/link/Link.css.ts.vanilla-FPM0Un1u.css');
+
+const useFocusBookmark = (ref) => {
+  React.useEffect(() => {
+    IconMagnifyingGlass.bookmarks.current.push(ref);
+    return () => {
+      IconMagnifyingGlass.bookmarks.current = IconMagnifyingGlass.bookmarks.current.filter(
+        (bookmark) => bookmark !== ref
+      );
+    };
+  }, [ref]);
+};
 
 const keyNameMap = {
   " ": "space",
@@ -209,7 +220,7 @@ function BreadcrumbEllipsis({ ...props }) {
 }
 BreadcrumbEllipsis.displayName = "@optiaxiom/react/BreadcrumbEllipsis";
 
-var item$1 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1tvk1kk']});
+var item$1 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'i8g94y']});
 
 const BreadcrumbItem = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -219,7 +230,7 @@ const BreadcrumbItem = React.forwardRef(
 );
 BreadcrumbItem.displayName = "@optiaxiom/react/BreadcrumbItem";
 
-var link = IconMagnifyingGlass.recipeRuntime({base:[{fontSize:'md'},'f68k8j']});
+var link = IconMagnifyingGlass.recipeRuntime({base:[{fontSize:'md'},'g8g2nt']});
 
 const BreadcrumbLink = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Link, { ...link({}, className), ref, ...props });
@@ -233,7 +244,7 @@ const BreadcrumbPage = React.forwardRef(
 );
 BreadcrumbPage.displayName = "@optiaxiom/react/BreadcrumbPage";
 
-var card = IconMagnifyingGlass.recipeRuntime({base:['s4pjl2',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',justifyContent:'flex-start',p:'16'},'_1lxjfv8']});
+var card = IconMagnifyingGlass.recipeRuntime({base:['_1mad8z6',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',justifyContent:'flex-start',p:'16'},'lyjq9y']});
 
 const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
 
@@ -253,7 +264,7 @@ const CardAction = React.forwardRef(
 );
 CardAction.displayName = "@optiaxiom/react/CardAction";
 
-var checkbox = IconMagnifyingGlass.recipeRuntime({base:['_5tsbs3']});
+var checkbox = IconMagnifyingGlass.recipeRuntime({base:['_1yrsicx']});
 
 const CardCheckbox = React.forwardRef(
   ({ className, onChange, ...props }, ref) => {
@@ -294,9 +305,9 @@ const CardFooter = React.forwardRef(
 );
 CardFooter.displayName = "@optiaxiom/react/CardFooter";
 
-var addon = IconMagnifyingGlass.recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_19gi6xw',before:'_10btkuo'}}});
-var content$1 = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1'},'imbwr5']});
-var header = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'_1xurmxj']});
+var addon = IconMagnifyingGlass.recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_1mk53j4',before:'q3rphl'}}});
+var content$1 = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1'},'_1ygbcp1']});
+var header = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'_120lmmo']});
 
 const CardHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
@@ -331,8 +342,8 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var overlay$1 = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'fe2tz7']});
-var preview = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1ubj5vj']});
+var overlay$1 = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'b8i1y']});
+var preview = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1wg0omi']});
 
 const CardPreview = React.forwardRef(
   ({
@@ -494,7 +505,9 @@ function Command({
     itemToString: (item) => item !== null ? resolveItemProperty(item.label, { inputValue }) : "",
     onHighlightedIndexChange({ highlightedIndex: highlightedIndex2, type }) {
       setHighlightedIndex(highlightedIndex2);
-      if (highlightedIndex2 !== -1 && type === downshift.useCombobox.stateChangeTypes.ItemMouseMove) {
+      const item = items[highlightedIndex2];
+      const hasSubOptions = item && (typeof item.subOptions === "function" || !!item.subOptions?.length);
+      if (highlightedIndex2 !== -1 && (!hasSubOptions || type === downshift.useCombobox.stateChangeTypes.ItemMouseMove)) {
         onHover?.(items[highlightedIndex2]);
       }
     },
@@ -711,7 +724,7 @@ const CommandListbox = React.forwardRef(
 );
 CommandListbox.displayName = "@optiaxiom/react/CommandListbox";
 
-var mark = IconMagnifyingGlass.recipeRuntime({base:'_1c685zg'});
+var mark = IconMagnifyingGlass.recipeRuntime({base:'ubpntc'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -743,8 +756,8 @@ const Highlight = React.forwardRef(
 );
 Highlight.displayName = "@optiaxiom/react/Highlight";
 
-var editor = IconMagnifyingGlass.recipeRuntime({base:'_4fqrgs',variants:{empty:{false:{},true:'kqwghv'}}});
-var input$1 = IconMagnifyingGlass.recipeRuntime({base:'_1nx10cc'});
+var editor = IconMagnifyingGlass.recipeRuntime({base:'ooyjp0',variants:{empty:{false:{},true:'_5l3sew'}}});
+var input$1 = IconMagnifyingGlass.recipeRuntime({base:'_143w7pb'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -825,7 +838,7 @@ function getText(element) {
   return text;
 }
 
-var layout = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_13wtcwb']});
+var layout = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'mqx0ec']});
 
 const Layout = React.forwardRef(
   ({ children, className, header, sidebar, ...props }, ref) => {
@@ -1022,7 +1035,7 @@ function Menu({
 }
 Menu.displayName = "@optiaxiom/react/Menu";
 
-var content = IconMagnifyingGlass.recipeRuntime({base:'lp6tc4'});
+var content = IconMagnifyingGlass.recipeRuntime({base:'alashu'});
 
 const MenuDialogContent = React.forwardRef(
   ({
@@ -1042,7 +1055,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'},'_17xoloo']}}});
+var input = IconMagnifyingGlass.recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1ytk0dp']}}});
 
 const MenuInput = React.forwardRef(
   ({ className, onKeyDown, ...props }, outerRef) => {
@@ -1053,6 +1066,7 @@ const MenuInput = React.forwardRef(
       "@optiaxiom/react/MenuInput"
     );
     const ref = reactComposeRefs.useComposedRefs(inputRef, outerRef);
+    useFocusBookmark(inputRef);
     const [minWidth, setMinWidth] = React.useState(160);
     const containerRef = React.useRef(null);
     React.useEffect(() => {
@@ -1148,11 +1162,14 @@ const MenuRadioItem = React.forwardRef(
 MenuRadioItem.displayName = "@optiaxiom/react/MenuRadioItem";
 
 const MenuSubInput = React.forwardRef(
-  ({ onKeyDown, ...props }, ref) => {
+  ({ onKeyDown, ...props }, outerRef) => {
     const { downshift, highlightedItem } = useCommandContext(
       "@optiaxiom/react/MenuSubInput"
     );
     const { setOpen } = useMenuSubContext("@optiaxiom/react/MenuSubInput");
+    const innerRef = React.useRef(null);
+    const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
+    useFocusBookmark(innerRef);
     return /* @__PURE__ */ jsxRuntime.jsx(
       CommandInput,
       {
@@ -1190,25 +1207,19 @@ const MenuSubContent = React.forwardRef(
       "@optiaxiom/react/MenuSubContent"
     );
     const {
-      highlightedItem,
+      highlightedItem: item,
       inputValue: parentInputValue,
       setInputValue: setParentInputValue
     } = useCommandContext("@optiaxiom/react/MenuSubContent");
     const {
       contentRef: parentContentRef,
       inputRef: parentInputRef,
-      open: parentSubMenuOpen,
       triggerRef: parentTriggerRef
     } = useMenuSubContext("@optiaxiom/react/MenuSubContent");
     const { open, presence } = IconMagnifyingGlass.usePopoverContext(
       "@optiaxiom/react/MenuSubContent"
     );
     const ref = reactComposeRefs.useComposedRefs(parentContentRef, outerRef);
-    const itemRef = React.useRef(highlightedItem);
-    if (parentSubMenuOpen && highlightedItem && (typeof highlightedItem.subOptions === "function" || !!highlightedItem.subOptions?.length)) {
-      itemRef.current = highlightedItem;
-    }
-    const item = itemRef.current;
     const [inputValue, setInputValue] = React.useState("");
     const options = React.useMemo(
       () => resolveItemProperty(item?.subOptions, { inputValue }) ?? [],
@@ -1239,11 +1250,7 @@ const MenuSubContent = React.forwardRef(
         {
           align,
           alignOffset: item.subOptionsInputVisible ? -46 : -4,
-          minW: "trigger",
           onCloseAutoFocus: (event) => {
-            if (parentSubMenuOpen) {
-              return;
-            }
             event.preventDefault();
             parentInputRef.current?.focus();
           },
@@ -1256,6 +1263,7 @@ const MenuSubContent = React.forwardRef(
               return;
             }
             event.preventDefault();
+            inputRef.current?.focus();
           },
           onPointerEnter: () => {
             if (item.subOptionsInputVisible) {
@@ -1460,15 +1468,7 @@ const MenuPopoverContent = React.forwardRef(({ style, ...props }, outerRef) => {
     });
     return () => observer.disconnect();
   }, [open, props.side]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    IconMagnifyingGlass.PopoverContent,
-    {
-      minW: "trigger",
-      ref,
-      style: { ...style, minHeight },
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.PopoverContent, { ref, style: { ...style, minHeight }, ...props });
 });
 MenuPopoverContent.displayName = "@optiaxiom/react/MenuPopoverContent";
 
@@ -1477,9 +1477,7 @@ const MenuContent = React.forwardRef(
     const innerRef = React.useRef(null);
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
     const { labelId } = IconMagnifyingGlass.useFieldContext("@optiaxiom/react/MenuContent");
-    const { activeItemStack, inputVisible, placeholder, size } = useMenuContext(
-      "@optiaxiom/react/MenuContent"
-    );
+    const { activeItemStack, inputRef, inputVisible, placeholder, size } = useMenuContext("@optiaxiom/react/MenuContent");
     const { empty, loading } = useCommandContext(
       "@optiaxiom/react/MenuContent"
     );
@@ -1503,6 +1501,7 @@ const MenuContent = React.forwardRef(
             return;
           }
           event.preventDefault();
+          inputRef.current?.focus();
         },
         overflow: "hidden",
         p: size === "sm" ? "4" : "0",
@@ -1564,7 +1563,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'},'_1q0tpu1'],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'},'_1cbd4tv'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -1595,7 +1594,7 @@ const PillGroup = React.forwardRef(
 );
 PillGroup.displayName = "@optiaxiom/react/PillGroup";
 
-var overlay = IconMagnifyingGlass.recipeRuntime({base:['_1ndhykc']});
+var overlay = IconMagnifyingGlass.recipeRuntime({base:['k5rkn3']});
 
 const [SortableProvider, useSortableContext] = reactContext.createContext("@optiaxiom/react/Sortable");
 
@@ -1651,7 +1650,7 @@ const Sortable = React.forwardRef(
 );
 Sortable.displayName = "@optiaxiom/react/Sortable";
 
-var handle = IconMagnifyingGlass.recipeRuntime({base:'_19q9ckt'});
+var handle = IconMagnifyingGlass.recipeRuntime({base:'s13mg8'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -1676,7 +1675,7 @@ const SortableHandle = React.forwardRef(
 );
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 
-var item = IconMagnifyingGlass.recipeRuntime({base:{transition:'opacity'},variants:{handle:{false:{},true:'xtw579'}}});
+var item = IconMagnifyingGlass.recipeRuntime({base:{transition:'opacity'},variants:{handle:{false:{},true:'cgnoic'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, style, ...props }, outerRef) => {

package/dist/{cjs/assets/src/actions/ActionsContent.css.ts.vanilla-CQHrzlcL.css → esm/assets/src/actions/ActionsContent.css.ts.vanilla-BzBSmcTE.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom._1wo04pn;
-@layer optiaxiom._1wo04pn {
-  .ar7s5v {
+@layer optiaxiom._1hnxwzp;
+@layer optiaxiom._1hnxwzp {
+  .sxeknk {
     transition: opacity var(--ax-duration-sm) ease;
   }
-  ._1cc1mpn:not(:has(._1cc1mpn)):focus-within .ar7s5v, .ar7s5v:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+  ._10qljtf:not(:has(._10qljtf)):focus-within .sxeknk, .sxeknk:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
     opacity: 1;
     transition: none;
   }
-  ._2fiq37 {
+  .bf1r50 {
     opacity: 1;
   }
-  .sckyt0 {
+  ._1rn5yrj {
     opacity: 0;
   }
   @media (hover: hover) {
-    ._1cc1mpn:not(:has(._1cc1mpn)):hover .ar7s5v {
+    ._10qljtf:not(:has(._10qljtf)):hover .sxeknk {
       opacity: 1;
       transition: none;
     }

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

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

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

@@ -0,0 +1,27 @@
+@layer optiaxiom._1hnxwzp;
+@layer optiaxiom._1hnxwzp {
+  ._99mljq {
+    opacity: 0;
+  }
+  .r47i8o {
+    inset: 0;
+    position: fixed;
+  }
+  ._1hmp55o {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--ymttcc)))
+      scale(calc(1 - 0.06 * var(--ymttcc)))
+    ;
+  }
+  ._1w6ggff {
+    width: 400px;
+  }
+  ._6xmrki {
+    width: 600px;
+  }
+  ._1gdwege {
+    width: 800px;
+  }
+}

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

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

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

@@ -1,51 +1,51 @@
-@layer optiaxiom._1wo04pn;
-@layer optiaxiom._1wo04pn {
-  ._3w7abc {
+@layer optiaxiom._1hnxwzp;
+@layer optiaxiom._1hnxwzp {
+  ._1p5yykb {
     user-select: none;
   }
-  ._2rh5fj ._3w7abc {
+  ._18nsy22 ._1p5yykb {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  ._1qwdlmb {
+  .rk2yts {
     font-size: 8px;
   }
-  ._2rh5fj ._1qwdlmb:not(:first-child) {
+  ._18nsy22 .rk2yts:not(:first-child) {
     margin-left: -1px;
   }
-  ._1nqkzzy {
+  .llnc2l {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._2rh5fj ._1nqkzzy:not(:first-child) {
+  ._18nsy22 .llnc2l:not(:first-child) {
     margin-left: -3px;
   }
-  ._1caums0 {
+  ._1d0tj0k {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._2rh5fj ._1caums0:not(:first-child) {
+  ._18nsy22 ._1d0tj0k:not(:first-child) {
     margin-left: -5px;
   }
-  ._1e2tfxj {
+  ._1bnaqr5 {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  ._2rh5fj ._1e2tfxj:not(:first-child) {
+  ._18nsy22 ._1bnaqr5:not(:first-child) {
     margin-left: -7px;
   }
-  .b6wxqt {
+  ._1lujf6x {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  ._2rh5fj .b6wxqt:not(:first-child) {
+  ._18nsy22 ._1lujf6x:not(:first-child) {
     margin-left: -9px;
   }
-  ._16gfb4v {
+  .beo9xr {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  ._2rh5fj ._16gfb4v:not(:first-child) {
+  ._18nsy22 .beo9xr:not(:first-child) {
     margin-left: -11px;
   }
-  ._1897agq {
+  ._12ghxat {
     font-size: var(--ax-fontSize-4xl-fontSize);
   }
-  ._2rh5fj ._1897agq:not(:first-child) {
+  ._18nsy22 ._12ghxat:not(:first-child) {
     margin-left: -13px;
   }
 }

package/dist/esm/assets/src/avatar/AvatarGroup.css.ts.vanilla-1mT-GBsC.css

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

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

@@ -1,6 +1,6 @@
-@layer optiaxiom._1wo04pn;
-@layer optiaxiom._1wo04pn {
-  ._14zyzl2 {
+@layer optiaxiom._1hnxwzp;
+@layer optiaxiom._1hnxwzp {
+  .escix {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;

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

@@ -0,0 +1,46 @@
+@layer optiaxiom._1hnxwzp;
+@layer optiaxiom._1hnxwzp {
+  ._1x64vzv {
+    --tgj6as: var(--ax-colors-fg-white);
+  }
+  ._1783rc4 {
+    --_1nvdlbk: var(--ax-colors-bg-error);
+    --y4k1s: var(--ax-colors-bg-error-subtle);
+    --_6t4gn1: var(--ax-colors-fg-error-strong);
+  }
+  ._1hx0k12 {
+    --_1nvdlbk: var(--ax-colors-bg-information);
+    --y4k1s: var(--ax-colors-bg-information-subtle);
+    --_6t4gn1: var(--ax-colors-fg-information-strong);
+  }
+  .hg0e26 {
+    --_1nvdlbk: var(--ax-colors-bg-tertiary);
+    --tgj6as: var(--ax-colors-fg-default);
+    --y4k1s: var(--ax-colors-bg-secondary);
+    --_6t4gn1: var(--ax-colors-fg-secondary);
+  }
+  ._1ym3l3y {
+    --_1nvdlbk: var(--ax-colors-bg-accent);
+    --y4k1s: var(--ax-colors-bg-accent-subtle);
+    --_6t4gn1: var(--ax-colors-fg-accent-strong);
+  }
+  ._1xyg6cb {
+    --_1nvdlbk: var(--ax-colors-bg-success);
+    --y4k1s: var(--ax-colors-bg-success-subtle);
+    --_6t4gn1: var(--ax-colors-fg-success-strong);
+  }
+  ._5sxcza {
+    --_1nvdlbk: var(--ax-colors-bg-warning);
+    --tgj6as: var(--ax-colors-fg-warning-inverse);
+    --y4k1s: var(--ax-colors-bg-warning-subtle);
+    --_6t4gn1: var(--ax-colors-fg-warning-strong);
+  }
+  ._1bbs775 {
+    background-color: var(--_1nvdlbk);
+    color: var(--tgj6as);
+  }
+  ._1mmofh0 {
+    background-color: var(--y4k1s);
+    color: var(--_6t4gn1);
+  }
+}

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

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