@optiaxiom/react 1.5.4 → 1.5.6

package/dist/esm/packages/react/src/disclosure/DisclosureTrigger-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-Di8RYUPK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-C0yRIwbk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_7rf1yh',start:'ucup42'}}});
-var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_9z4yvv']});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1jyf9l6']});
+var icon = recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_1jgrim3',start:'ryvriq'}}});
+var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'zhnpxr']});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1rbm73i']});
 
 export { icon, root, trigger };

package/dist/esm/packages/react/src/downshift/useHighlightedIndex.js

@@ -0,0 +1,31 @@
+"use client";
+import { useState, useEffect } from 'react';
+import { useEffectEvent } from '../hooks/useEffectEvent.js';
+import '../field/FieldContext.js';
+import '../utils/conditions.js';
+import 'react/jsx-runtime';
+import '../utils/isHoverSupported.js';
+
+function useHighlightedIndex(open, getInitialHighlightedIndex) {
+  const [highlightedIndex, setHighlightedIndex] = useState(-1);
+  const getInitialHighlightedIndexStable = useEffectEvent(
+    getInitialHighlightedIndex
+  );
+  useEffect(() => {
+    if (!open) {
+      setHighlightedIndex(-1);
+    } else if (open) {
+      setHighlightedIndex(getInitialHighlightedIndexStable);
+    }
+  }, [getInitialHighlightedIndexStable, open]);
+  return [
+    /**
+     * Downshift resets highlightedIndex to -1 when isOpen is set to false so
+     * we fallback to the initial value when that is the case.
+     */
+    highlightedIndex === -1 ? getInitialHighlightedIndex() : highlightedIndex,
+    setHighlightedIndex
+  ];
+}
+
+export { useHighlightedIndex };

package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuCheckboxItem.js

@@ -5,7 +5,6 @@ import { forwardRef } from 'react';
 import '../listbox/Listbox.js';
 import '../listbox/ListboxCheckboxItem.js';
 import '../listbox/ListboxEmpty.js';
-import '../listbox/ListboxFooter.js';
 import '../listbox/ListboxGroup.js';
 import '../listbox/ListboxItem.js';
 import '../listbox/ListboxItemIndicator.js';

package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuContent.js

@@ -33,7 +33,7 @@ const DropdownMenuContent = forwardRef(({ align = "start", children, loading, ..
           },
           ref,
           sideOffset: 4,
-          children: loading ? /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsx(Spinner, {}) }) : children
+          children: loading ? /* @__PURE__ */ jsx(Box, { "aria-hidden": true, display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsx(Spinner, {}) }) : children
         }
       ) }) })
     }

package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuItem.js

@@ -5,7 +5,6 @@ import { forwardRef } from 'react';
 import '../listbox/Listbox.js';
 import '../listbox/ListboxCheckboxItem.js';
 import '../listbox/ListboxEmpty.js';
-import '../listbox/ListboxFooter.js';
 import '../listbox/ListboxGroup.js';
 import { ListboxItem } from '../listbox/ListboxItem.js';
 import '../listbox/ListboxItemIndicator.js';

package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuSeparator.js

@@ -5,7 +5,6 @@ import { forwardRef } from 'react';
 import '../listbox/Listbox.js';
 import '../listbox/ListboxCheckboxItem.js';
 import '../listbox/ListboxEmpty.js';
-import '../listbox/ListboxFooter.js';
 import '../listbox/ListboxGroup.js';
 import '../listbox/ListboxItem.js';
 import '../listbox/ListboxItemIndicator.js';

package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuSubTrigger.js

@@ -6,7 +6,6 @@ import { IconAngleRight } from '../icons/IconAngleRight.js';
 import '../listbox/Listbox.js';
 import '../listbox/ListboxCheckboxItem.js';
 import '../listbox/ListboxEmpty.js';
-import '../listbox/ListboxFooter.js';
 import '../listbox/ListboxGroup.js';
 import { ListboxItem } from '../listbox/ListboxItem.js';
 import '../listbox/ListboxItemIndicator.js';

package/dist/esm/packages/react/src/focus-bookmark/FocusBookmarkProvider.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import { FocusBookmarkProviderProvider } from './FocusBookmarkProviderContext.js';
+
+const BOOKMARK_LIMIT = 5;
+function FocusBookmarkProvider({
+  children,
+  containerRef
+}) {
+  const bookmarksRef = useRef([]);
+  useEffect(() => {
+    const container = containerRef?.current ?? document.body;
+    const listener = (event) => {
+      if ("preventFocusBookmarkDefault" in event && event.preventFocusBookmarkDefault) {
+        return;
+      }
+      if (event.target instanceof HTMLElement) {
+        Object.assign(event, { preventFocusBookmarkDefault: true });
+        if (bookmarksRef.current.includes(event.target)) {
+          bookmarksRef.current = bookmarksRef.current.filter(
+            (element) => element !== event.target
+          );
+        }
+        bookmarksRef.current.push(event.target);
+        if (bookmarksRef.current.length > BOOKMARK_LIMIT) {
+          bookmarksRef.current.shift();
+        }
+      }
+    };
+    container.addEventListener("focusin", listener);
+    return () => container.removeEventListener("focusin", listener);
+  }, [containerRef]);
+  return /* @__PURE__ */ jsx(FocusBookmarkProviderProvider, { bookmarksRef, children });
+}
+FocusBookmarkProvider.displayName = "@optiaxiom/react/FocusBookmarkProvider";
+
+export { FocusBookmarkProvider };

package/dist/esm/packages/react/src/focus-bookmark/FocusBookmarkProviderContext.js

@@ -0,0 +1,6 @@
+"use client";
+import { createContext } from '@radix-ui/react-context';
+
+const [FocusBookmarkProviderProvider, useFocusBookmarkProviderContext] = createContext("@optiaxiom/react/FocusBookmarkProvider");
+
+export { FocusBookmarkProviderProvider, useFocusBookmarkProviderContext };

package/dist/esm/packages/react/src/focus-bookmark/FocusBookmarkRestore.js

@@ -1,16 +1,30 @@
 "use client";
 import { forwardRef, useImperativeHandle } from 'react';
-import { useFocusBookmarkRestore } from './useFocusBookmarkRestore.js';
+import { useFocusBookmarkProviderContext } from './FocusBookmarkProviderContext.js';
 
 const FocusBookmarkRestore = forwardRef((_props, ref) => {
-  const restore = useFocusBookmarkRestore();
+  const { bookmarksRef } = useFocusBookmarkProviderContext(
+    "@optiaxiom/react/FocusBookmarkRestore"
+  );
   useImperativeHandle(
     ref,
     () => ({
       contains: () => false,
-      focus: restore
+      focus: () => {
+        bookmarksRef.current = bookmarksRef.current.filter(
+          (element) => document.body.contains(element)
+        );
+        while (bookmarksRef.current.length) {
+          const element = bookmarksRef.current.pop();
+          if (!element) {
+            break;
+          }
+          element.focus();
+          break;
+        }
+      }
     }),
-    [restore]
+    [bookmarksRef]
   );
   return null;
 });

package/dist/esm/packages/react/src/highlight/Highlight-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-DDa5-u9M.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-DRXADYWx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_1m3nnp4'});
+var mark = recipeRuntime({base:'_7jg8cx'});
 
 export { mark };

package/dist/esm/packages/react/src/hooks/useResponsiveMatches.js

@@ -3,7 +3,7 @@ import { conditions } from '../utils/conditions.js';
 import 'react';
 import 'react/jsx-runtime';
 import '../utils/isHoverSupported.js';
-import { useMediaQuery } from '../../../../node_modules/.pnpm/@mantine_hooks@8.0.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js';
+import { useMediaQuery } from '../../../../node_modules/.pnpm/@mantine_hooks@8.1.0_react@18.3.1/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js';
 
 const list = ["md", "sm"];
 const useResponsiveMatches = (config) => {

package/dist/esm/packages/react/src/icons/IconOpal.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { createSlot } from '@radix-ui/react-slot';
+import { forwardRef } from 'react';
+
+const Slot = createSlot("@optiaxiom/react/IconOpal");
+const IconOpal = forwardRef(
+  ({ asChild, ...props }, ref) => {
+    const Comp = asChild ? Slot : "img";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        alt: "Opal",
+        ref,
+        src: "data:image/webp;base64,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",
+        ...props
+      }
+    );
+  }
+);
+IconOpal.displayName = "@optiaxiom/react/IconOpal";
+
+export { IconOpal };

package/dist/esm/packages/react/src/indicator/Indicator-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-4eApDFcu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-BCwJkVKT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_1eybzm8',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1xip2l5']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1c80xl7']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_5fd1hj'],variants:{offset:{false:'cpq0hr',true:{}},position:{'bottom-right':'io39ty','top-right':'_8yjqcx'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1yeedej']});
+var badge = recipeRuntime({base:'_1k5q06j',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1o6kxna']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'uowqut']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'swa8gg'],variants:{offset:{false:'gfp2uy',true:{}},position:{'bottom-right':'jrvala','top-right':'_1a64de0'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'mvzyxg']});
 
 export { badge, floating, indicator };

package/dist/esm/packages/react/src/inline-input/InlineInput-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-BBuNcCvH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-C3SYRm21.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var editor = recipeRuntime({base:'jrfco2',variants:{empty:{false:{},true:'_12oosr1'}}});
-var input = recipeRuntime({base:'_1x0c0ss'});
+var editor = recipeRuntime({base:'_1q6o6pr',variants:{empty:{false:{},true:'_1hxjild'}}});
+var input = recipeRuntime({base:'q7erz8'});
 
 export { editor, input };

package/dist/esm/packages/react/src/input/Input-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var addon = recipeRuntime({base:{display:'flex',flex:'none'}});

package/dist/esm/packages/react/src/input/InputControl-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-tCmBEyVy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-Dms42-lh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['jbg1bx',{bg:'transparent',flex:'auto',w:'full'},'pe59vr','el218n'],variants:{size:{md:{},lg:{},xl:['_1ononkh']}}});
+var control = recipeRuntime({base:['_5zz5wh',{bg:'transparent',flex:'auto',w:'full'},'ty69g2','_1xvap23'],variants:{size:{md:{},lg:{},xl:['_1qsa9tw']}}});
 
 export { control };

package/dist/esm/packages/react/src/input/InputRoot-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Jr6bfht3.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-tCmBEyVy.css';
-import './../../../../assets/src/input/InputRoot.css.ts.vanilla-DB66dcP2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CTpvRnOH.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-Dms42-lh.css';
+import './../../../../assets/src/input/InputRoot.css.ts.vanilla-nILnXZ3Y.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'co7wud']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'voyqhv']});
 
 export { root };

package/dist/esm/packages/react/src/kbd/Kbd-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-CnQuEno3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-5ohs5cGJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var kbd = recipeRuntime({base:{display:'inline-flex',gap:'2',whiteSpace:'nowrap'}});
-var key = recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',fontFamily:'sans',gap:'2',justifyContent:'center'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',rounded:'sm'},'_6fc8e2'],subtle:{}}}});
+var key = recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',fontFamily:'sans',gap:'2',justifyContent:'center'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',rounded:'sm'},'_1efi8m4'],subtle:{}}}});
 
 export { kbd, key };

package/dist/esm/packages/react/src/label-menu-button/LabelMenuButton-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Jr6bfht3.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-D4RtPpB9.css';
-import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-BlwbLsgT.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CTpvRnOH.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-30NKybOr.css';
+import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-Cu8ODSGI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'space-between'},'_1y1yz83']});
+var button = recipeRuntime({base:[{justifyContent:'space-between'},'l8hv48']});
 var content = recipeRuntime({base:[{fontSize:'sm',transition:'all'}],variants:{filled:{false:{h:'0'},true:{h:'16'}}}});
 var label = recipeRuntime({base:[{color:'fg.secondary',cursor:'pointer',maxW:'full',transition:'all'}],variants:{filled:{false:{fontSize:'md'},true:{fontSize:'xs'}}}});
 

package/dist/esm/packages/react/src/layers/layers-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1j1bwj';
-var reset = 'optiaxiom.fhq5i4';
+var components = 'optiaxiom._1rxhzg8';
+var reset = 'optiaxiom._10p67m7';
 var theme = 'optiaxiom.theme';
 
 export { axiom, base, components, reset, theme };

package/dist/esm/packages/react/src/layout/Layouts-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/layout/Layouts.css.ts.vanilla-DhjR3-Ki.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/layout/Layouts.css.ts.vanilla-DeyoFTth.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1wfqeks']});
+var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1r55pdu']});
 
 export { layout };

package/dist/esm/packages/react/src/link/Link-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-CZWAIa03.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-CgkjgE-x.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'o2q7tv']});
-var link = recipeRuntime({base:['uu6z5s'],variants:{appearance:{'default':'_191zt2h',inverse:'_18ttnl3',subtle:'_1npsqp'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1ufhfy7']});
+var link = recipeRuntime({base:['f3fg7r'],variants:{appearance:{'default':'_1gx0fw9',inverse:'_1w1yggk',subtle:'dilnw'}}});
 
 export { icon, link };

package/dist/esm/packages/react/src/listbox/ListboxCheckboxItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BrSi_uD3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-DGSslDKK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:[{display:'inline-flex'},'p8swiq']});
+var checkbox = recipeRuntime({base:[{display:'inline-flex'},'z5b1b']});
 
 export { checkbox };

package/dist/esm/packages/react/src/listbox/ListboxCheckboxItem.js

@@ -27,7 +27,15 @@ const ListboxCheckboxItem = forwardRef(({ addonBefore, icon, onCheckedChange, ..
               onCheckedChange?.(true);
             },
             ...checkbox(),
-            children: /* @__PURE__ */ jsx(Checkbox, { checked, pointerEvents: "none", tabIndex: -1 })
+            children: /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked,
+                hidden: true,
+                pointerEvents: "none",
+                tabIndex: -1
+              }
+            )
           }
         ),
         addonBefore ? addonBefore : icon ? /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon }) : null

package/dist/esm/packages/react/src/listbox/ListboxEmpty.js

@@ -11,11 +11,12 @@ const ListboxEmpty = forwardRef(
       Box,
       {
         alignItems: "center",
-        color: "fg.disabled",
+        "aria-hidden": true,
+        color: "fg.tertiary",
         display: "flex",
         flexDirection: "column",
         fontSize: "md",
-        p: "16",
+        p: "10",
         ref,
         ...props,
         children

package/dist/esm/packages/react/src/listbox/ListboxItem-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-Dlhs2Jtu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-D0mT5jvr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'qc5deo']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1mvno2s'],variants:{intent:{danger:'mpdbgk',neutral:'_1nym8d0'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'zaz28y']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'iazox8']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'olkj2x'],variants:{intent:{danger:'sozxf',neutral:'_1enpj3t'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_1ttn85f']});
 
 export { description, item, title };

package/dist/esm/packages/react/src/listbox/ListboxItemIndicator-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-cTJvWDIo.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-vM0HoL84.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var indicator = recipeRuntime({base:['_9uv6ui'],variants:{active:{false:{},true:'_13es0fr'}}});
+var indicator = recipeRuntime({base:['_1ds0vut'],variants:{active:{false:{},true:'_1477ol8'}}});
 
 export { indicator };

package/dist/esm/packages/react/src/listbox/ListboxItemized.js

@@ -42,6 +42,7 @@ const ListboxItemized = forwardRef(
           ListboxItem,
           {
             addonBefore: /* @__PURE__ */ jsx(Skeleton, { circle: true, size: "xs" }),
+            "aria-hidden": true,
             children: /* @__PURE__ */ jsx(Skeleton, {})
           },
           item

package/dist/esm/packages/react/src/listbox/ListboxSeparator.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Separator } from '../separator/Separator.js';
 
-const ListboxSeparator = forwardRef((props, ref) => /* @__PURE__ */ jsx(Separator, { flex: "none", mx: "8", my: "4", ref, ...props }));
+const ListboxSeparator = forwardRef((props, ref) => /* @__PURE__ */ jsx(Separator, { "aria-hidden": true, flex: "none", mx: "8", my: "4", ref, ...props }));
 ListboxSeparator.displayName = "@optiaxiom/react/ListboxSeparator";
 
 export { ListboxSeparator };

package/dist/esm/packages/react/src/listbox/ListboxSwitchItem.js

@@ -17,6 +17,7 @@ const ListboxSwitchItem = forwardRef(({ addonBefore, icon, ...props }, ref) => {
             checked: Boolean(
               props[props["role"] === "option" ? "aria-selected" : "aria-checked"]
             ),
+            hidden: true,
             pointerEvents: "none",
             tabIndex: -1
           }

package/dist/esm/packages/react/src/menu/Menu.js

@@ -73,6 +73,7 @@ function Menu({
   }, [open, size]);
   const contentRef = useRef(null);
   const inputRef = useRef(null);
+  const itemRef = useRef(null);
   const triggerRef = useRef(null);
   const options = useMemo(
     () => size === "sm" ? optionsProp.map((option) => ({
@@ -139,14 +140,15 @@ function Menu({
       setActiveItemStack,
       setOpen,
       size,
+      triggerRef,
       children: /* @__PURE__ */ jsx(
         Command,
         {
           enabled: open ? activeItemStack.length + 1 : false,
           inputValue,
-          onHover: (item) => {
+          onHover: (item, pointer) => {
             setSubMenuOpen(
-              typeof item.subOptions === "function" || !!item.subOptions?.length
+              pointer && (typeof item.subOptions === "function" || !!item.subOptions?.length)
             );
           },
           onInputValueChange: setInputValue,
@@ -171,9 +173,9 @@ function Menu({
             {
               contentRef,
               inputRef,
+              itemRef,
               open: subMenuOpen,
               setOpen: setSubMenuOpen,
-              triggerRef,
               children
             }
           )

package/dist/esm/packages/react/src/menu/MenuCheckboxItem.js

@@ -9,7 +9,6 @@ import { useCommandContext, resolveItemProperty } from '../command/CommandContex
 import '../listbox/Listbox.js';
 import { ListboxCheckboxItem } from '../listbox/ListboxCheckboxItem.js';
 import '../listbox/ListboxEmpty.js';
-import '../listbox/ListboxFooter.js';
 import '../listbox/ListboxGroup.js';
 import '../listbox/ListboxItem.js';
 import '../listbox/ListboxItemIndicator.js';

package/dist/esm/packages/react/src/menu/MenuContent.js

@@ -3,7 +3,6 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { forwardRef, useRef, useEffect } from 'react';
 import { useCommandContext } from '../command/CommandContext.js';
-import { useFieldContext } from '../field/FieldContext.js';
 import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
 import { useMenuContext } from './MenuContext.js';
 import { MenuDialogContent } from './MenuDialogContent.js';
@@ -16,7 +15,6 @@ const MenuContent = forwardRef(
   ({ children, onPointerDown, ...props }, outerRef) => {
     const innerRef = useRef(null);
     const ref = useComposedRefs(innerRef, outerRef);
-    const { labelId } = useFieldContext("@optiaxiom/react/MenuContent");
     const { activeItemStack, inputRef, inputVisible, placeholder, size } = useMenuContext("@optiaxiom/react/MenuContent");
     const { empty, loading } = useCommandContext(
       "@optiaxiom/react/MenuContent"
@@ -31,7 +29,6 @@ const MenuContent = forwardRef(
     return /* @__PURE__ */ jsxs(
       Comp,
       {
-        "aria-labelledby": labelId,
         onPointerDown: (event) => {
           onPointerDown?.(event);
           if (event.defaultPrevented) {

package/dist/esm/packages/react/src/menu/MenuDialogContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-B4CE23FH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-CBMQbVjz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:'_1vtzzea'});
+var content = recipeRuntime({base:'bptsto'});
 
 export { content };

package/dist/esm/packages/react/src/menu/MenuDialogContent.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import clsx from 'clsx';
+import { forwardRef, useId } from 'react';
 import '../dialog/Dialog.js';
 import '../dialog/DialogBody.js';
 import '../dialog/DialogClose.js';
@@ -9,7 +10,9 @@ import '../dialog/DialogFooter.js';
 import '../dialog/DialogForm.js';
 import { DialogHeader } from '../dialog/DialogHeader.js';
 import '../dialog/DialogTrigger.js';
+import { useFieldContext } from '../field/FieldContext.js';
 import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
+import { useMenuContext } from './MenuContext.js';
 import { content } from './MenuDialogContent-css.js';
 
 const MenuDialogContent = forwardRef(
@@ -22,10 +25,30 @@ const MenuDialogContent = forwardRef(
     sideOffset: _sideOffset,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxs(DialogContent, { ref, ...content({}, className), ...props, children: [
-      children,
-      /* @__PURE__ */ jsx(VisuallyHidden, { tabIndex: -1, children: /* @__PURE__ */ jsx(DialogHeader, { children: ariaLabel }) })
-    ] });
+    const { labelId: fieldLabelId } = useFieldContext(
+      "@optiaxiom/react/MenuDialogContent"
+    );
+    const { triggerRef } = useMenuContext("@optiaxiom/react/MenuDialogContent");
+    const labelId = useId();
+    return /* @__PURE__ */ jsxs(
+      DialogContent,
+      {
+        "aria-labelledby": clsx(fieldLabelId ?? triggerRef.current?.id, labelId),
+        ref,
+        ...content({}, className),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx("h2", { id: labelId, children: ariaLabel || "Menu" }) }),
+          /* @__PURE__ */ jsx(VisuallyHidden, { tabIndex: -1, children: /* @__PURE__ */ jsx(
+            DialogHeader,
+            {
+              children: "Menu"
+            }
+          ) })
+        ]
+      }
+    );
   }
 );
 MenuDialogContent.displayName = "@optiaxiom/react/MenuDialogContent";