@ariakit/react-core 0.3.9 → 0.3.10

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @ariakit/react-core
 
+## 0.3.10
+
+### Overwriting `aria-selected` value on `ComboboxItem`
+
+It's now possible to pass a custom `aria-selected` value to the [`ComboboxItem`](https://ariakit.org/reference/combobox-item) component, overwriting the internal behavior.
+
+### Limiting `slide` on popovers
+
+When components like [Popover](https://ariakit.org/components/popover) and [Menu](https://ariakit.org/components/menu) with the [`slide`](https://ariakit.org/reference/popover#slide) prop are positioned to the right or left of the anchor element, they will now cease to slide across the screen, disengaged from the anchor element, upon reaching the edge of said element.
+
+### Other updates
+
+- Fixed [`blurOnHoverEnd`](https://ariakit.org/reference/menu-item#bluronhoverend) set to `false` not keeping submenus open.
+- Fixed scroll jump on Safari when selecting a [`CompositeItem`](https://ariakit.org/reference/composite-item).
+- Fixed [`preserveTabOrderAnchor`](https://ariakit.org/reference/menu#preservetaborderanchor) on nested menus.
+- Fixed focus behavior when using the [`preserveTabOrder`](https://ariakit.org/reference/portal#preservetaborder) prop.
+
 ## 0.3.9
 
 ### Automatic role on ComboboxGroup

package/cjs/__chunks/{WK7AZPHS.cjs → 2GETDAIQ.cjs}

@@ -6,10 +6,10 @@
 var _KXQOQQ5Bcjs = require('./KXQOQQ5B.cjs');
 
 
-var _WABPFCL3cjs = require('./WABPFCL3.cjs');
+var _NVHGMKAEcjs = require('./NVHGMKAE.cjs');
 
 
-var _OT6DC3MLcjs = require('./OT6DC3ML.cjs');
+var _36QK2QLEcjs = require('./36QK2QLE.cjs');
 
 
 
@@ -283,7 +283,7 @@ var useHovercard = _RNZNGEL4cjs.createHook.call(void 0,
     const autoFocusOnShow = store.useState(
       (state) => modal || state.autoFocusOnShow
     );
-    props = _WABPFCL3cjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _NVHGMKAEcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal,
@@ -304,7 +304,7 @@ var useHovercard = _RNZNGEL4cjs.createHook.call(void 0,
     return props;
   }
 );
-var Hovercard = _OT6DC3MLcjs.createDialogComponent.call(void 0, 
+var Hovercard = _36QK2QLEcjs.createDialogComponent.call(void 0, 
   _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
     const htmlProps = useHovercard(props);
     return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);

package/cjs/__chunks/{OT6DC3ML.cjs → 36QK2QLE.cjs}

@@ -33,7 +33,7 @@ var _7566TIRWcjs = require('./7566TIRW.cjs');
 var _J3OG6T3Bcjs = require('./J3OG6T3B.cjs');
 
 
-var _S6WUBPBBcjs = require('./S6WUBPBB.cjs');
+var _65LGW5LYcjs = require('./65LGW5LY.cjs');
 
 
 
@@ -504,7 +504,7 @@ var useDialog = _RNZNGEL4cjs.createHook.call(void 0,
     }));
     props = _TD5MOASJcjs.useDisclosureContent.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     props = _Z3GCTNW4cjs.useFocusable.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { focusable }));
-    props = _S6WUBPBBcjs.usePortal.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { portal }, props), { portalRef, preserveTabOrder }));
+    props = _65LGW5LYcjs.usePortal.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { portal }, props), { portalRef, preserveTabOrder }));
     return props;
   }
 );

package/cjs/__chunks/{S6WUBPBB.cjs → 65LGW5LY.cjs}

@@ -133,9 +133,10 @@ var usePortal = _RNZNGEL4cjs.createHook.call(void 0,
         if (!_events.isFocusEventOutside.call(void 0, event))
           return;
         const focusing = event.type === "focusin";
-        if (focusing)
-          return _focus.restoreFocusIn.call(void 0, portalNode);
         cancelAnimationFrame(raf);
+        if (focusing) {
+          return _focus.restoreFocusIn.call(void 0, portalNode);
+        }
         raf = requestAnimationFrame(() => {
           _focus.disableFocusIn.call(void 0, portalNode, true);
         });
@@ -143,6 +144,7 @@ var usePortal = _RNZNGEL4cjs.createHook.call(void 0,
       portalNode.addEventListener("focusin", onFocus, true);
       portalNode.addEventListener("focusout", onFocus, true);
       return () => {
+        cancelAnimationFrame(raf);
         portalNode.removeEventListener("focusin", onFocus, true);
         portalNode.removeEventListener("focusout", onFocus, true);
       };

package/cjs/__chunks/{VIETWH5C.cjs → DHSZ2ZFJ.cjs}

@@ -10,7 +10,7 @@ var _7LBZXSLYcjs = require('./7LBZXSLY.cjs');
 var _IPYAEPOTcjs = require('./IPYAEPOT.cjs');
 
 
-var _PFQ3IPWTcjs = require('./PFQ3IPWT.cjs');
+var _TTMCZ7ZNcjs = require('./TTMCZ7ZN.cjs');
 
 
 
@@ -110,7 +110,7 @@ var useMenuItem = _RNZNGEL4cjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _PFQ3IPWTcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, preventScrollOnKeyDown }, props));
+    props = _TTMCZ7ZNcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, preventScrollOnKeyDown }, props));
     props = _IPYAEPOTcjs.useCompositeHover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store
     }, props), {

package/cjs/__chunks/{WABPFCL3.cjs → NVHGMKAE.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _OT6DC3MLcjs = require('./OT6DC3ML.cjs');
+var _36QK2QLEcjs = require('./36QK2QLE.cjs');
 
 
 
@@ -35,6 +35,7 @@ var _misc = require('@ariakit/core/utils/misc');
 
 
 
+
 var _dom = require('@floating-ui/dom');
 var _jsxruntime = require('react/jsx-runtime');
 function createDOMRect(x = 0, y = 0, width = 0, height = 0) {
@@ -112,7 +113,8 @@ function getShiftMiddleware(props) {
   return _dom.shift.call(void 0, {
     mainAxis: props.slide,
     crossAxis: props.overlap,
-    padding: props.overflowPadding
+    padding: props.overflowPadding,
+    limiter: _dom.limitShift.call(void 0, )
   });
 }
 function getSizeMiddleware(props) {
@@ -227,7 +229,7 @@ var usePopover = _RNZNGEL4cjs.createHook.call(void 0,
         const middleware = [
           getOffsetMiddleware(arrowElement, { gutter, shift: shift2 }),
           getFlipMiddleware({ flip: flip2, overflowPadding }),
-          getShiftMiddleware({ slide, overlap, overflowPadding }),
+          getShiftMiddleware({ slide, shift: shift2, overlap, overflowPadding }),
           getArrowMiddleware(arrowElement, { arrowPadding }),
           getSizeMiddleware({
             sameWidth,
@@ -354,7 +356,7 @@ var usePopover = _RNZNGEL4cjs.createHook.call(void 0,
         position: "relative"
       }, props.style)
     });
-    props = _OT6DC3MLcjs.useDialog.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _36QK2QLEcjs.useDialog.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal,
@@ -367,7 +369,7 @@ var usePopover = _RNZNGEL4cjs.createHook.call(void 0,
     return props;
   }
 );
-var Popover = _OT6DC3MLcjs.createDialogComponent.call(void 0, 
+var Popover = _36QK2QLEcjs.createDialogComponent.call(void 0, 
   _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
     const htmlProps = usePopover(props);
     return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);

package/cjs/__chunks/{HHZJ6KYW.cjs → PHZJAGWK.cjs}

@@ -4,7 +4,7 @@
 var _HEEQY4DZcjs = require('./HEEQY4DZ.cjs');
 
 
-var _PFQ3IPWTcjs = require('./PFQ3IPWT.cjs');
+var _TTMCZ7ZNcjs = require('./TTMCZ7ZN.cjs');
 
 
 
@@ -133,7 +133,7 @@ var useRadio = _RNZNGEL4cjs.createHook.call(void 0,
       onClick,
       onFocus
     });
-    props = _PFQ3IPWTcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, clickOnEnter: !nativeRadio }, props));
+    props = _TTMCZ7ZNcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, clickOnEnter: !nativeRadio }, props));
     return _AV6KTKLEcjs.__spreadValues.call(void 0, {
       name: nativeRadio ? name : void 0,
       value: nativeRadio ? value : void 0,

package/cjs/__chunks/{KIGOGBFU.cjs → SANV4XBF.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _PFQ3IPWTcjs = require('./PFQ3IPWT.cjs');
+var _TTMCZ7ZNcjs = require('./TTMCZ7ZN.cjs');
 
 
 var _LYIGAIJFcjs = require('./LYIGAIJF.cjs');
@@ -21,7 +21,7 @@ var useToolbarItem = _RNZNGEL4cjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _LYIGAIJFcjs.useToolbarContext.call(void 0, );
     store = store || context;
-    props = _PFQ3IPWTcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _TTMCZ7ZNcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{PFQ3IPWT.cjs → TTMCZ7ZN.cjs}

@@ -220,7 +220,7 @@ var useCompositeItem = _RNZNGEL4cjs.createHook.call(void 0,
         return;
       if (isEditableElement(event.currentTarget))
         return;
-      if (!baseElement2)
+      if (!(baseElement2 == null ? void 0 : baseElement2.isConnected))
         return;
       hasFocusedComposite.current = true;
       const fromComposite = event.relatedTarget === baseElement2 || _RV3PHHWMcjs.isItem.call(void 0, store, event.relatedTarget);

package/cjs/collection/collection-renderer.d.cts

@@ -62,7 +62,6 @@ export declare function useCollectionRenderer<T extends Item = any>({ store, ite
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
     slot?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
     style?: CSSProperties | undefined;

package/cjs/collection/collection-renderer.d.ts

@@ -62,7 +62,6 @@ export declare function useCollectionRenderer<T extends Item = any>({ store, ite
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
     slot?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
     style?: CSSProperties | undefined;

package/cjs/combobox/combobox-item.cjs

@@ -9,7 +9,7 @@ var _IPYAEPOTcjs = require('../__chunks/IPYAEPOT.cjs');
 var _3WCBE6SUcjs = require('../__chunks/3WCBE6SU.cjs');
 
 
-var _PFQ3IPWTcjs = require('../__chunks/PFQ3IPWT.cjs');
+var _TTMCZ7ZNcjs = require('../__chunks/TTMCZ7ZN.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/R5A2WTWB.cjs');
 require('../__chunks/RV3PHHWM.cjs');
@@ -151,7 +151,9 @@ var useComboboxItem = _RNZNGEL4cjs.createHook.call(void 0,
       (state) => isSelected(state.selectedValue, value)
     );
     if (multiSelectable && selected != null) {
-      props["aria-selected"] = selected;
+      props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
+        "aria-selected": selected
+      }, props);
     }
     props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
@@ -167,7 +169,7 @@ var useComboboxItem = _RNZNGEL4cjs.createHook.call(void 0,
       onKeyDown
     });
     const moveOnKeyPressProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, moveOnKeyPress);
-    props = _PFQ3IPWTcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _TTMCZ7ZNcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       getItem,

package/cjs/combobox/combobox-popover.cjs

@@ -9,10 +9,10 @@ require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 
 
-var _WABPFCL3cjs = require('../__chunks/WABPFCL3.cjs');
+var _NVHGMKAEcjs = require('../__chunks/NVHGMKAE.cjs');
 
 
-var _OT6DC3MLcjs = require('../__chunks/OT6DC3ML.cjs');
+var _36QK2QLEcjs = require('../__chunks/36QK2QLE.cjs');
 require('../__chunks/RTT4XR27.cjs');
 require('../__chunks/NKR65BKC.cjs');
 require('../__chunks/PZL34OVO.cjs');
@@ -29,7 +29,7 @@ require('../__chunks/5GTNIPQ6.cjs');
 require('../__chunks/V24PR4PW.cjs');
 require('../__chunks/7566TIRW.cjs');
 require('../__chunks/J3OG6T3B.cjs');
-require('../__chunks/S6WUBPBB.cjs');
+require('../__chunks/65LGW5LY.cjs');
 require('../__chunks/XB3G2EO2.cjs');
 require('../__chunks/CVD2AZE2.cjs');
 require('../__chunks/2BIO7R5N.cjs');
@@ -92,7 +92,7 @@ var useComboboxPopover = _RNZNGEL4cjs.createHook.call(void 0,
     );
     const baseElement = store.useState("baseElement");
     props = _LO3RECODcjs.useComboboxList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
-    props = _WABPFCL3cjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _NVHGMKAEcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       alwaysVisible,
       autoFocusOnShow: false,
@@ -121,7 +121,7 @@ var useComboboxPopover = _RNZNGEL4cjs.createHook.call(void 0,
     return props;
   }
 );
-var ComboboxPopover = _OT6DC3MLcjs.createDialogComponent.call(void 0, 
+var ComboboxPopover = _36QK2QLEcjs.createDialogComponent.call(void 0, 
   _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
     const htmlProps = useComboboxPopover(props);
     return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);

package/cjs/composite/composite-item.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _PFQ3IPWTcjs = require('../__chunks/PFQ3IPWT.cjs');
+var _TTMCZ7ZNcjs = require('../__chunks/TTMCZ7ZN.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/R5A2WTWB.cjs');
 require('../__chunks/RV3PHHWM.cjs');
@@ -18,4 +18,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeItem = _PFQ3IPWTcjs.CompositeItem; exports.useCompositeItem = _PFQ3IPWTcjs.useCompositeItem;
+exports.CompositeItem = _TTMCZ7ZNcjs.CompositeItem; exports.useCompositeItem = _TTMCZ7ZNcjs.useCompositeItem;

package/cjs/composite/composite-overflow-disclosure.cjs

@@ -8,7 +8,7 @@ require('../__chunks/3QW6ELTG.cjs');
 require('../__chunks/5UTRYT6E.cjs');
 
 
-var _PFQ3IPWTcjs = require('../__chunks/PFQ3IPWT.cjs');
+var _TTMCZ7ZNcjs = require('../__chunks/TTMCZ7ZN.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/R5A2WTWB.cjs');
 require('../__chunks/RV3PHHWM.cjs');
@@ -69,7 +69,7 @@ var useCompositeOverflowDisclosure = _RNZNGEL4cjs.createHook.call(void 0, (_a) =
     onFocus,
     onBlur
   });
-  props = _PFQ3IPWTcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { shouldRegisterItem }));
+  props = _TTMCZ7ZNcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { shouldRegisterItem }));
   props = _LICANQTIcjs.usePopoverDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
   return props;
 });

package/cjs/composite/composite-overflow.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _WABPFCL3cjs = require('../__chunks/WABPFCL3.cjs');
-require('../__chunks/OT6DC3ML.cjs');
+var _NVHGMKAEcjs = require('../__chunks/NVHGMKAE.cjs');
+require('../__chunks/36QK2QLE.cjs');
 require('../__chunks/RTT4XR27.cjs');
 require('../__chunks/NKR65BKC.cjs');
 require('../__chunks/PZL34OVO.cjs');
@@ -19,7 +19,7 @@ require('../__chunks/5GTNIPQ6.cjs');
 require('../__chunks/V24PR4PW.cjs');
 require('../__chunks/7566TIRW.cjs');
 require('../__chunks/J3OG6T3B.cjs');
-require('../__chunks/S6WUBPBB.cjs');
+require('../__chunks/65LGW5LY.cjs');
 require('../__chunks/XB3G2EO2.cjs');
 require('../__chunks/CVD2AZE2.cjs');
 require('../__chunks/2BIO7R5N.cjs');
@@ -91,7 +91,7 @@ var useCompositeOverflow = _RNZNGEL4cjs.createHook.call(void 0,
     }, props), {
       onFocus
     });
-    props = _WABPFCL3cjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _NVHGMKAEcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       backdropProps,
       wrapperProps,

package/cjs/composite/composite-renderer.d.cts

@@ -30,7 +30,6 @@ export declare function useCompositeRenderer<T extends Item = any>({ store, orie
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
     slot?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
     style?: import("react").CSSProperties | undefined;

package/cjs/composite/composite-renderer.d.ts

@@ -30,7 +30,6 @@ export declare function useCompositeRenderer<T extends Item = any>({ store, orie
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
     slot?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
     style?: import("react").CSSProperties | undefined;

package/cjs/dialog/dialog.cjs

@@ -3,7 +3,7 @@
 
 
 
-var _OT6DC3MLcjs = require('../__chunks/OT6DC3ML.cjs');
+var _36QK2QLEcjs = require('../__chunks/36QK2QLE.cjs');
 require('../__chunks/RTT4XR27.cjs');
 require('../__chunks/NKR65BKC.cjs');
 require('../__chunks/PZL34OVO.cjs');
@@ -20,7 +20,7 @@ require('../__chunks/5GTNIPQ6.cjs');
 require('../__chunks/V24PR4PW.cjs');
 require('../__chunks/7566TIRW.cjs');
 require('../__chunks/J3OG6T3B.cjs');
-require('../__chunks/S6WUBPBB.cjs');
+require('../__chunks/65LGW5LY.cjs');
 require('../__chunks/XB3G2EO2.cjs');
 require('../__chunks/CVD2AZE2.cjs');
 require('../__chunks/2BIO7R5N.cjs');
@@ -42,4 +42,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Dialog = _OT6DC3MLcjs.Dialog; exports.createDialogComponent = _OT6DC3MLcjs.createDialogComponent; exports.useDialog = _OT6DC3MLcjs.useDialog;
+exports.Dialog = _36QK2QLEcjs.Dialog; exports.createDialogComponent = _36QK2QLEcjs.createDialogComponent; exports.useDialog = _36QK2QLEcjs.useDialog;

package/cjs/form/form-radio.cjs

@@ -7,9 +7,9 @@ var _VCDQISP7cjs = require('../__chunks/VCDQISP7.cjs');
 var _FROYTN4Bcjs = require('../__chunks/FROYTN4B.cjs');
 
 
-var _HHZJ6KYWcjs = require('../__chunks/HHZJ6KYW.cjs');
+var _PHZJAGWKcjs = require('../__chunks/PHZJAGWK.cjs');
 require('../__chunks/HEEQY4DZ.cjs');
-require('../__chunks/PFQ3IPWT.cjs');
+require('../__chunks/TTMCZ7ZN.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/R5A2WTWB.cjs');
 require('../__chunks/RV3PHHWM.cjs');
@@ -60,7 +60,7 @@ var useFormRadio = _RNZNGEL4cjs.createHook.call(void 0,
       checked,
       onChange
     });
-    props = _HHZJ6KYWcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { value }, props));
+    props = _PHZJAGWKcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { value }, props));
     props = _VCDQISP7cjs.useFormField.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       name,

package/cjs/hovercard/hovercard.cjs

@@ -2,10 +2,10 @@
 
 
 
-var _WK7AZPHScjs = require('../__chunks/WK7AZPHS.cjs');
+var _2GETDAIQcjs = require('../__chunks/2GETDAIQ.cjs');
 require('../__chunks/KXQOQQ5B.cjs');
-require('../__chunks/WABPFCL3.cjs');
-require('../__chunks/OT6DC3ML.cjs');
+require('../__chunks/NVHGMKAE.cjs');
+require('../__chunks/36QK2QLE.cjs');
 require('../__chunks/RTT4XR27.cjs');
 require('../__chunks/NKR65BKC.cjs');
 require('../__chunks/PZL34OVO.cjs');
@@ -22,7 +22,7 @@ require('../__chunks/5GTNIPQ6.cjs');
 require('../__chunks/V24PR4PW.cjs');
 require('../__chunks/7566TIRW.cjs');
 require('../__chunks/J3OG6T3B.cjs');
-require('../__chunks/S6WUBPBB.cjs');
+require('../__chunks/65LGW5LY.cjs');
 require('../__chunks/XB3G2EO2.cjs');
 require('../__chunks/CVD2AZE2.cjs');
 require('../__chunks/2BIO7R5N.cjs');
@@ -45,4 +45,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Hovercard = _WK7AZPHScjs.Hovercard; exports.useHovercard = _WK7AZPHScjs.useHovercard;
+exports.Hovercard = _2GETDAIQcjs.Hovercard; exports.useHovercard = _2GETDAIQcjs.useHovercard;

package/cjs/menu/menu-item-checkbox.cjs

@@ -8,14 +8,14 @@ require('../__chunks/63UPRTFZ.cjs');
 var _VSDH37LIcjs = require('../__chunks/VSDH37LI.cjs');
 
 
-var _VIETWH5Ccjs = require('../__chunks/VIETWH5C.cjs');
+var _DHSZ2ZFJcjs = require('../__chunks/DHSZ2ZFJ.cjs');
 
 
 var _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
 require('../__chunks/7LBZXSLY.cjs');
 require('../__chunks/IPYAEPOT.cjs');
 require('../__chunks/ERFHNHON.cjs');
-require('../__chunks/PFQ3IPWT.cjs');
+require('../__chunks/TTMCZ7ZN.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/R5A2WTWB.cjs');
 require('../__chunks/RV3PHHWM.cjs');
@@ -136,7 +136,7 @@ var useMenuItemCheckbox = _RNZNGEL4cjs.createHook.call(void 0,
       value,
       checked
     }, props));
-    props = _VIETWH5Ccjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
+    props = _DHSZ2ZFJcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
     return props;
   }
 );

package/cjs/menu/menu-item-radio.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _VIETWH5Ccjs = require('../__chunks/VIETWH5C.cjs');
+var _DHSZ2ZFJcjs = require('../__chunks/DHSZ2ZFJ.cjs');
 
 
 
@@ -9,10 +9,10 @@ var _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
 require('../__chunks/7LBZXSLY.cjs');
 
 
-var _HHZJ6KYWcjs = require('../__chunks/HHZJ6KYW.cjs');
+var _PHZJAGWKcjs = require('../__chunks/PHZJAGWK.cjs');
 require('../__chunks/HEEQY4DZ.cjs');
 require('../__chunks/IPYAEPOT.cjs');
-require('../__chunks/PFQ3IPWT.cjs');
+require('../__chunks/TTMCZ7ZN.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/R5A2WTWB.cjs');
 require('../__chunks/RV3PHHWM.cjs');
@@ -96,7 +96,7 @@ var useMenuItemRadio = _RNZNGEL4cjs.createHook.call(void 0,
     props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
       role: "menuitemradio"
     }, props);
-    props = _HHZJ6KYWcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _PHZJAGWKcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       name,
       value,
       checked: isChecked,
@@ -110,7 +110,7 @@ var useMenuItemRadio = _RNZNGEL4cjs.createHook.call(void 0,
         });
       }
     }, props));
-    props = _VIETWH5Ccjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
+    props = _DHSZ2ZFJcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
     return props;
   }
 );

package/cjs/menu/menu-item.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _VIETWH5Ccjs = require('../__chunks/VIETWH5C.cjs');
+var _DHSZ2ZFJcjs = require('../__chunks/DHSZ2ZFJ.cjs');
 require('../__chunks/NGEKJJDH.cjs');
 require('../__chunks/7LBZXSLY.cjs');
 require('../__chunks/IPYAEPOT.cjs');
-require('../__chunks/PFQ3IPWT.cjs');
+require('../__chunks/TTMCZ7ZN.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/R5A2WTWB.cjs');
 require('../__chunks/RV3PHHWM.cjs');
@@ -26,4 +26,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.MenuItem = _VIETWH5Ccjs.MenuItem; exports.useMenuItem = _VIETWH5Ccjs.useMenuItem;
+exports.MenuItem = _DHSZ2ZFJcjs.MenuItem; exports.useMenuItem = _DHSZ2ZFJcjs.useMenuItem;

package/cjs/menu/menu.cjs

@@ -13,12 +13,12 @@ require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 
 
-var _WK7AZPHScjs = require('../__chunks/WK7AZPHS.cjs');
+var _2GETDAIQcjs = require('../__chunks/2GETDAIQ.cjs');
 require('../__chunks/KXQOQQ5B.cjs');
-require('../__chunks/WABPFCL3.cjs');
+require('../__chunks/NVHGMKAE.cjs');
 
 
-var _OT6DC3MLcjs = require('../__chunks/OT6DC3ML.cjs');
+var _36QK2QLEcjs = require('../__chunks/36QK2QLE.cjs');
 require('../__chunks/RTT4XR27.cjs');
 require('../__chunks/NKR65BKC.cjs');
 require('../__chunks/PZL34OVO.cjs');
@@ -35,7 +35,7 @@ require('../__chunks/5GTNIPQ6.cjs');
 require('../__chunks/V24PR4PW.cjs');
 require('../__chunks/7566TIRW.cjs');
 require('../__chunks/J3OG6T3B.cjs');
-require('../__chunks/S6WUBPBB.cjs');
+require('../__chunks/65LGW5LY.cjs');
 require('../__chunks/XB3G2EO2.cjs');
 require('../__chunks/CVD2AZE2.cjs');
 require('../__chunks/2BIO7R5N.cjs');
@@ -55,7 +55,9 @@ require('../__chunks/R66IWXK6.cjs');
 var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
 require('../__chunks/HRKRTCJC.cjs');
 require('../__chunks/EGAIDKB5.cjs');
-require('../__chunks/B233QVZE.cjs');
+
+
+var _B233QVZEcjs = require('../__chunks/B233QVZE.cjs');
 
 
 var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
@@ -143,7 +145,32 @@ var useMenu = _RNZNGEL4cjs.createHook.call(void 0,
     const modal = hasParentMenu ? false : modalProp;
     const mayAutoFocusOnShow = !!autoFocusOnShow;
     const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || !!modal;
-    props = _WK7AZPHScjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    const contentElement = _B233QVZEcjs.useStoreState.call(void 0, 
+      store.combobox || store,
+      "contentElement"
+    );
+    const parentContentElement = _B233QVZEcjs.useStoreState.call(void 0, 
+      (parentMenu == null ? void 0 : parentMenu.combobox) || parentMenu,
+      "contentElement"
+    );
+    const preserveTabOrderAnchor = _react.useMemo.call(void 0, () => {
+      if (!parentContentElement)
+        return;
+      if (!contentElement)
+        return;
+      const role = contentElement.getAttribute("role");
+      const parentRole = parentContentElement.getAttribute("role");
+      const parentIsMenuOrMenubar = parentRole === "menu" || parentRole === "menubar";
+      if (parentIsMenuOrMenubar && role === "menu")
+        return;
+      return parentContentElement;
+    }, [contentElement, parentContentElement]);
+    if (preserveTabOrderAnchor !== void 0) {
+      props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
+        preserveTabOrderAnchor
+      }, props);
+    }
+    props = _2GETDAIQcjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       alwaysVisible,
       initialFocus: initialFocusRef,
@@ -156,9 +183,7 @@ var useMenu = _RNZNGEL4cjs.createHook.call(void 0,
         return true;
       },
       hideOnHoverOutside: (event) => {
-        if (!store)
-          return true;
-        const { disclosureElement, activeId } = store.getState();
+        const disclosureElement = store == null ? void 0 : store.getState().disclosureElement;
         const getHideOnHoverOutside = () => {
           if (typeof hideOnHoverOutside === "function") {
             return hideOnHoverOutside(event);
@@ -186,8 +211,11 @@ var useMenu = _RNZNGEL4cjs.createHook.call(void 0,
         _events.fireEvent.call(void 0, disclosureElement, "mouseout", event);
         if (!_focus.hasFocusWithin.call(void 0, disclosureElement))
           return true;
-        if (disclosureElement.id !== activeId)
-          return true;
+        requestAnimationFrame(() => {
+          if (_focus.hasFocusWithin.call(void 0, disclosureElement))
+            return;
+          store == null ? void 0 : store.hide();
+        });
         return false;
       },
       modal,
@@ -200,7 +228,7 @@ var useMenu = _RNZNGEL4cjs.createHook.call(void 0,
     return props;
   }
 );
-var Menu = _OT6DC3MLcjs.createDialogComponent.call(void 0, 
+var Menu = _36QK2QLEcjs.createDialogComponent.call(void 0, 
   _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
     const htmlProps = useMenu(props);
     return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);