@optiaxiom/react 1.5.5 → 1.5.7

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/highlight/Highlight-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-DZrZIsyu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-CFWJDqnP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_9up3ox'});
+var mark = recipeRuntime({base:'_1tphxua'});
 
 export { mark };

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-DKXh4Gs6.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-BKl2vzUO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-78Wno5Jg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_5gdaac',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'ydnfci']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_3sfhiy']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_19mv9po'],variants:{offset:{false:'_1vzm338',true:{}},position:{'bottom-right':'_1ncefab','top-right':'vaa1ua'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'ghjaes']});
+var badge = recipeRuntime({base:'_9qx59r',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'dvatgs']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_7k93bt']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1lzunmu'],variants:{offset:{false:'fzd6cp',true:{}},position:{'bottom-right':'code82','top-right':'_1vpl7tu'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1g3upx2']});
 
 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-DKXh4Gs6.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-CGm_vJVt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-B1fsHFq9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var editor = recipeRuntime({base:'cx4bl2',variants:{empty:{false:{},true:'_1bwocic'}}});
-var input = recipeRuntime({base:'fyc0qx'});
+var editor = recipeRuntime({base:'bx0ipe',variants:{empty:{false:{},true:'_3nl2ju'}}});
+var input = recipeRuntime({base:'trx2g4'});
 
 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-DKXh4Gs6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.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-DKXh4Gs6.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-DGnwLOnv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-Q-s24Cus.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_16iev89',{bg:'transparent',flex:'auto',w:'full'},'_13r8gjv','_1g4c6z1'],variants:{size:{md:{},lg:{},xl:['yuimfl']}}});
+var control = recipeRuntime({base:['ihs0of',{bg:'transparent',flex:'auto',w:'full'},'_1y6ttma','vxpy8y'],variants:{size:{md:{},lg:{},xl:['_157tnsd']}}});
 
 export { control };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-u6nBstXC.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-DGnwLOnv.css';
-import './../../../../assets/src/input/InputRoot.css.ts.vanilla-Cvu47XQC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-0EgqGIul.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-Q-s24Cus.css';
+import './../../../../assets/src/input/InputRoot.css.ts.vanilla-Ao8bwsNZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'qn1aqk']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_4vio9c']});
 
 export { root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-CZchcyis.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-Cdw9jZNd.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'},'e95mgl'],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'},'_14aj5w3'],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-DKXh4Gs6.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-u6nBstXC.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-CKV8XYmU.css';
-import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-jYWWRq58.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-0EgqGIul.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-Dd4mtFDn.css';
+import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-Dd_vb7Sf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'space-between'},'_16gjx8k']});
+var button = recipeRuntime({base:[{justifyContent:'space-between'},'_1hgo8m6']});
 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-DKXh4Gs6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._16mxn3u';
-var reset = 'optiaxiom._153l05a';
+var components = 'optiaxiom._1gbl9ta';
+var reset = 'optiaxiom._1ajdsky';
 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-DKXh4Gs6.css';
-import './../../../../assets/src/layout/Layouts.css.ts.vanilla-GQk_WUda.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
+import './../../../../assets/src/layout/Layouts.css.ts.vanilla-CrzLAJLe.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'cm7pn4']});
+var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1qx8dv6']});
 
 export { layout };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-_8_jYioD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-DWEYenF1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1ergu77']});
-var link = recipeRuntime({base:['_1giepd8'],variants:{appearance:{'default':'_1wtgzja',inverse:'d6mxwx',subtle:'w0pcw6'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1mxer24']});
+var link = recipeRuntime({base:['q8dgbg'],variants:{appearance:{'default':'o2ma0d',inverse:'_1k7pt26',subtle:'_1br34ix'}}});
 
 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-DKXh4Gs6.css';
-import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-Boysq-Qv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
+import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-0CIupe31.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:[{display:'inline-flex'},'_1gqxg0y']});
+var checkbox = recipeRuntime({base:[{display:'inline-flex'},'ci7i1j']});
 
 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-DKXh4Gs6.css';
-import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-aWtUx5zZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
+import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-D7uVxjkP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'jqievf']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_104xx84'],variants:{intent:{danger:'nvitq8',neutral:'_14lbfg4'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'pdux46']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'_129o2ct']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1qglu07'],variants:{intent:{danger:'_1pscyz8',neutral:'_7266aq'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_1rizhll']});
 
 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-DKXh4Gs6.css';
-import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-DGO9QbUA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
+import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CxNujvlK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var indicator = recipeRuntime({base:['_1tj7gyo'],variants:{active:{false:{},true:'jmy4dn'}}});
+var indicator = recipeRuntime({base:['_5rwbbp'],variants:{active:{false:{},true:'xzgsds'}}});
 
 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-DKXh4Gs6.css';
-import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-CWorIM2m.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
+import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-DdNGYk5F.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:'_17tyw2w'});
+var content = recipeRuntime({base:'_1bmf7it'});
 
 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";

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
-import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-B3WavHO0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
+import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-BCBcmGyg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'quf22t']}}});
+var input = recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'bp8kf8']}}});
 
 export { input };

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

@@ -8,7 +8,6 @@ import '../command/CommandListbox.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/menu/MenuListbox.js

@@ -9,7 +9,6 @@ import { useCommandContext, resolveItemProperty } from '../command/CommandContex
 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/menu/MenuPopoverContent.js

@@ -1,14 +1,36 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useId } from '@radix-ui/react-id';
+import clsx from 'clsx';
 import { forwardRef } from 'react';
+import { useFieldContext } from '../field/FieldContext.js';
 import '../popover/Popover.js';
 import '../popover/PopoverAnchor.js';
 import { PopoverContent } from '../popover/PopoverContent.js';
 import '../popover/PopoverTrigger.js';
+import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
+import { useMenuContext } from './MenuContext.js';
 import { MenuPopoverContentImpl } from './MenuPopoverContentImpl.js';
 
-const MenuPopoverContent = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(PopoverContent, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(MenuPopoverContentImpl, { children }) });
+const MenuPopoverContent = forwardRef(({ "aria-label": ariaLabel, children, ...props }, ref) => {
+  const { labelId: fieldLabelId } = useFieldContext(
+    "@optiaxiom/react/MenuPopoverContent"
+  );
+  const { triggerRef } = useMenuContext("@optiaxiom/react/MenuPopoverContent");
+  const labelId = useId();
+  return /* @__PURE__ */ jsx(
+    PopoverContent,
+    {
+      "aria-labelledby": clsx(fieldLabelId ?? triggerRef.current?.id, labelId),
+      asChild: true,
+      ref,
+      ...props,
+      children: /* @__PURE__ */ jsxs(MenuPopoverContentImpl, { children: [
+        /* @__PURE__ */ jsx(VisuallyHidden, { id: labelId, children: ariaLabel || "Menu" }),
+        children
+      ] })
+    }
+  );
 });
 MenuPopoverContent.displayName = "@optiaxiom/react/MenuPopoverContent";
 

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

@@ -8,7 +8,6 @@ import '../command/CommandListbox.js';
 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';