@ariakit/react-core 0.3.6 → 0.3.8

package/cjs/combobox/combobox-store.d.ts

@@ -1,7 +1,9 @@
 import * as Core from "@ariakit/core/combobox/combobox-store";
+import type { PickRequired } from "@ariakit/core/utils/types";
 import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
 import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
 import type { Store } from "../utils/store.js";
+type Value = Core.ComboboxStoreSelectedValue;
 export declare function useComboboxStoreProps<T extends Core.ComboboxStore>(store: T, update: () => void, props: ComboboxStoreProps): T;
 /**
  * Creates a combobox store.
@@ -17,27 +19,44 @@ export declare function useComboboxStoreProps<T extends Core.ComboboxStore>(stor
  * </ComboboxPopover>
  * ```
  */
+export declare function useComboboxStore<T extends Value = Value>(props: PickRequired<ComboboxStoreProps<T>, "selectedValue" | "defaultSelectedValue">): ComboboxStore<T>;
 export declare function useComboboxStore(props?: ComboboxStoreProps): ComboboxStore;
 export type ComboboxStoreItem = Core.ComboboxStoreItem;
-export interface ComboboxStoreState extends Core.ComboboxStoreState, CompositeStoreState<ComboboxStoreItem>, PopoverStoreState {
+export type ComboboxStoreSelectedValue = Core.ComboboxStoreSelectedValue;
+export interface ComboboxStoreState<T extends Value = Value> extends Core.ComboboxStoreState<T>, CompositeStoreState<ComboboxStoreItem>, PopoverStoreState {
 }
-export interface ComboboxStoreFunctions extends Core.ComboboxStoreFunctions, CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
+export interface ComboboxStoreFunctions<T extends Value = Value> extends Core.ComboboxStoreFunctions<T>, CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
 }
-export interface ComboboxStoreOptions extends Core.ComboboxStoreOptions, CompositeStoreOptions<ComboboxStoreItem>, PopoverStoreOptions {
+export interface ComboboxStoreOptions<T extends Value = Value> extends Core.ComboboxStoreOptions<T>, CompositeStoreOptions<ComboboxStoreItem>, PopoverStoreOptions {
     /**
-     * A callback that gets called when the `value` state changes.
+     * A callback that gets called when the
+     * [`value`](https://ariakit.org/reference/combobox-provider#value) state
+     * changes.
      *
      * Live examples:
-     * - [Combobox filtering](https://ariakit.org/examples/combobox-filtering)
+     * - [Combobox with integrated
+     *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      * - [ComboboxGroup](https://ariakit.org/examples/combobox-group)
      * - [Combobox with links](https://ariakit.org/examples/combobox-links)
      * - [Multi-selectable
      *   Combobox](https://ariakit.org/examples/combobox-multiple)
      * - [Menu with Combobox](https://ariakit.org/examples/menu-combobox)
      * - [Select with Combobox](https://ariakit.org/examples/select-combobox)
-     * @param value The new value.
      */
-    setValue?: (value: ComboboxStoreState["value"]) => void;
+    setValue?: (value: ComboboxStoreState<T>["value"]) => void;
+    /**
+     * A callback that gets called when the
+     * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
+     * state changes.
+     *
+     * Live examples:
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     */
+    setSelectedValue?: (value: ComboboxStoreState<T>["selectedValue"]) => void;
+}
+export interface ComboboxStoreProps<T extends Value = Value> extends ComboboxStoreOptions<T>, Core.ComboboxStoreProps<T> {
+}
+export interface ComboboxStore<T extends Value = Value> extends ComboboxStoreFunctions<T>, Store<Core.ComboboxStore<T>> {
 }
-export type ComboboxStoreProps = ComboboxStoreOptions & Core.ComboboxStoreProps;
-export type ComboboxStore = ComboboxStoreFunctions & Store<Core.ComboboxStore>;
+export {};

package/cjs/combobox/combobox.cjs

@@ -4,7 +4,7 @@
 var _3QW6ELTGcjs = require('../__chunks/3QW6ELTG.cjs');
 
 
-var _VEG6PRAGcjs = require('../__chunks/VEG6PRAG.cjs');
+var _3WCBE6SUcjs = require('../__chunks/3WCBE6SU.cjs');
 
 
 var _CZOBQEIOcjs = require('../__chunks/CZOBQEIO.cjs');
@@ -40,6 +40,10 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/combobox/combobox.ts
 var _react = require('react');
+
+
+
+
 var _dom = require('@ariakit/core/utils/dom');
 
 
@@ -97,7 +101,7 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
       "moveOnKeyPress",
       "autoComplete"
     ]);
-    const context = _VEG6PRAGcjs.useComboboxProviderContext.call(void 0, );
+    const context = _3WCBE6SUcjs.useComboboxProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -173,7 +177,7 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
         const element = ref.current;
         if (!element)
           return;
-        element.setSelectionRange(storeValue.length, activeValue.length);
+        _dom.setSelectionRange.call(void 0, element, storeValue.length, activeValue.length);
       });
     }, [
       valueUpdated,
@@ -227,15 +231,16 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
         return;
       canAutoSelectRef.current = false;
     }, [open]);
+    const resetValueOnSelect = store.useState("resetValueOnSelect");
     _EO6LS72Hcjs.useUpdateEffect.call(void 0, () => {
-      var _a2;
+      var _a2, _b2;
       if (!store)
         return;
-      if (!autoSelect)
+      if (!autoSelect && !resetValueOnSelect)
         return;
       if (!canAutoSelectRef.current)
         return;
-      const { baseElement, contentElement: contentElement2 } = store.getState();
+      const { baseElement, contentElement: contentElement2, activeId } = store.getState();
       if (baseElement && !_focus.hasFocus.call(void 0, baseElement))
         return;
       if (contentElement2 == null ? void 0 : contentElement2.hasAttribute("data-placing")) {
@@ -243,14 +248,23 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
         observer.observe(contentElement2, { attributeFilter: ["data-placing"] });
         return () => observer.disconnect();
       }
-      store.move((_a2 = store.first()) != null ? _a2 : null);
+      if (autoSelect) {
+        store.move((_a2 = store.first()) != null ? _a2 : null);
+      } else {
+        const element = (_b2 = store.item(activeId)) == null ? void 0 : _b2.element;
+        if (element && "scrollIntoView" in element) {
+          element.scrollIntoView({ block: "nearest", inline: "nearest" });
+        }
+      }
       return;
-    }, [store, valueUpdated, storeValue, autoSelect, items]);
-    _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
-      if (autoSelect)
-        return;
-      store == null ? void 0 : store.setActiveId(null);
-    }, [valueUpdated, autoSelect, store]);
+    }, [
+      store,
+      valueUpdated,
+      storeValue,
+      autoSelect,
+      resetValueOnSelect,
+      items
+    ]);
     _react.useEffect.call(void 0, () => {
       if (!inline)
         return;
@@ -296,7 +310,7 @@ var useCombobox = _RNZNGEL4cjs.createHook.call(void 0,
       if (setValueOnChangeProp(event)) {
         const isSameValue = value2 === store.getState().value;
         _reactdom.flushSync.call(void 0, () => store == null ? void 0 : store.setValue(value2));
-        event.currentTarget.setSelectionRange(selectionStart, selectionEnd);
+        _dom.setSelectionRange.call(void 0, event.currentTarget, selectionStart, selectionEnd);
         if (inline && autoSelect && isSameValue) {
           forceValueUpdate();
         }

package/cjs/combobox/combobox.d.cts

@@ -59,7 +59,8 @@ export interface ComboboxOptions<T extends As = "input"> extends CompositeOption
      *   popup opens, but the input value doesn't change.
      *
      * Live examples:
-     * - [ComboboxCancel](https://ariakit.org/examples/combobox-cancel)
+     * - [Combobox with integrated
+     *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      * - [ComboboxGroup](https://ariakit.org/examples/combobox-group)
      * - [Combobox with links](https://ariakit.org/examples/combobox-links)
      * - [Textarea with inline

package/cjs/combobox/combobox.d.ts

@@ -59,7 +59,8 @@ export interface ComboboxOptions<T extends As = "input"> extends CompositeOption
      *   popup opens, but the input value doesn't change.
      *
      * Live examples:
-     * - [ComboboxCancel](https://ariakit.org/examples/combobox-cancel)
+     * - [Combobox with integrated
+     *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      * - [ComboboxGroup](https://ariakit.org/examples/combobox-group)
      * - [Combobox with links](https://ariakit.org/examples/combobox-links)
      * - [Textarea with inline

package/cjs/composite/composite-hover.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _RRW7YVFRcjs = require('../__chunks/RRW7YVFR.cjs');
+var _IPYAEPOTcjs = require('../__chunks/IPYAEPOT.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 require('../__chunks/RNZNGEL4.cjs');
@@ -12,4 +12,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeHover = _RRW7YVFRcjs.CompositeHover; exports.useCompositeHover = _RRW7YVFRcjs.useCompositeHover;
+exports.CompositeHover = _IPYAEPOTcjs.CompositeHover; exports.useCompositeHover = _IPYAEPOTcjs.useCompositeHover;

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

@@ -46,6 +46,10 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      * Determines if the composite item should be focused on hover.
      *
      * Live examples:
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     * - [Combobox with integrated
+     *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      * - [Textarea with inline
      *   Combobox](https://ariakit.org/examples/combobox-textarea)
      * @default true
@@ -56,6 +60,11 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      * By default, this is set to `true` if
      * [`focusOnHover`](https://ariakit.org/reference/composite-hover#focusonhover)
      * is `true`.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
+     * - [Combobox with integrated
+     *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      */
     blurOnHoverEnd?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
 }

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

@@ -46,6 +46,10 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      * Determines if the composite item should be focused on hover.
      *
      * Live examples:
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     * - [Combobox with integrated
+     *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      * - [Textarea with inline
      *   Combobox](https://ariakit.org/examples/combobox-textarea)
      * @default true
@@ -56,6 +60,11 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      * By default, this is set to `true` if
      * [`focusOnHover`](https://ariakit.org/reference/composite-hover#focusonhover)
      * is `true`.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
+     * - [Combobox with integrated
+     *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      */
     blurOnHoverEnd?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
 }

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

@@ -84,6 +84,9 @@ export interface CompositeItemOptions<T extends As = "button"> extends CommandOp
      * **Note**: This prop has no effect when the
      * [`virtualFocus`](https://ariakit.org/reference/composite-provider#virtualfocus)
      * option is enabled.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      */
     tabbable?: boolean;
 }

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

@@ -84,6 +84,9 @@ export interface CompositeItemOptions<T extends As = "button"> extends CommandOp
      * **Note**: This prop has no effect when the
      * [`virtualFocus`](https://ariakit.org/reference/composite-provider#virtualfocus)
      * option is enabled.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      */
     tabbable?: boolean;
 }

package/cjs/composite/composite-overflow.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _ISGOCBDCcjs = require('../__chunks/ISGOCBDC.cjs');
+var _RIZYIKBEcjs = require('../__chunks/RIZYIKBE.cjs');
 require('../__chunks/XFPRAS3J.cjs');
 require('../__chunks/SHOS7XOU.cjs');
 require('../__chunks/NKR65BKC.cjs');
@@ -91,7 +91,7 @@ var useCompositeOverflow = _RNZNGEL4cjs.createHook.call(void 0,
     }, props), {
       onFocus
     });
-    props = _ISGOCBDCcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _RIZYIKBEcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       backdropProps,
       wrapperProps,

package/cjs/disclosure/disclosure-content.d.cts

@@ -61,7 +61,9 @@ export interface DisclosureContentOptions<T extends As = "div"> extends Options<
      * the DOM when it's hidden.
      *
      * Live examples:
-     * - [Combobox with links](https://ariakit.org/examples/combobox-links)
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
+     * - [Combobox with integrated
+     *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      * - [Textarea with inline
      *   Combobox](https://ariakit.org/examples/combobox-textarea)
      * - [Standalone Popover](https://ariakit.org/examples/popover-standalone)

package/cjs/disclosure/disclosure-content.d.ts

@@ -61,7 +61,9 @@ export interface DisclosureContentOptions<T extends As = "div"> extends Options<
      * the DOM when it's hidden.
      *
      * Live examples:
-     * - [Combobox with links](https://ariakit.org/examples/combobox-links)
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
+     * - [Combobox with integrated
+     *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      * - [Textarea with inline
      *   Combobox](https://ariakit.org/examples/combobox-textarea)
      * - [Standalone Popover](https://ariakit.org/examples/popover-standalone)

package/cjs/disclosure/disclosure.d.cts

@@ -42,6 +42,9 @@ export interface DisclosureOptions<T extends As = "button"> extends ButtonOption
      * [`toggle`](https://ariakit.org/reference/use-disclosure-store#toggle) will
      * be called on click. This is useful if you want to handle the toggle logic
      * yourself.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * @default true
      */
     toggleOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;

package/cjs/disclosure/disclosure.d.ts

@@ -42,6 +42,9 @@ export interface DisclosureOptions<T extends As = "button"> extends ButtonOption
      * [`toggle`](https://ariakit.org/reference/use-disclosure-store#toggle) will
      * be called on click. This is useful if you want to handle the toggle logic
      * yourself.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * @default true
      */
     toggleOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;

package/cjs/focusable/focusable.d.cts

@@ -106,8 +106,9 @@ export interface FocusableOptions<T extends As = "div"> extends Options<T> {
      * programmatic equivalent of the `data-focus-visible` attribute.
      *
      * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * - [Custom Checkbox](https://ariakit.org/examples/checkbox-custom)
      */
-    onFocusVisible?: BivariantCallback<(event: SyntheticEvent) => void>;
+    onFocusVisible?: BivariantCallback<(event: SyntheticEvent<HTMLElement>) => void>;
 }
 export type FocusableProps<T extends As = "div"> = Props<FocusableOptions<T>>;

package/cjs/focusable/focusable.d.ts

@@ -106,8 +106,9 @@ export interface FocusableOptions<T extends As = "div"> extends Options<T> {
      * programmatic equivalent of the `data-focus-visible` attribute.
      *
      * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * - [Custom Checkbox](https://ariakit.org/examples/checkbox-custom)
      */
-    onFocusVisible?: BivariantCallback<(event: SyntheticEvent) => void>;
+    onFocusVisible?: BivariantCallback<(event: SyntheticEvent<HTMLElement>) => void>;
 }
 export type FocusableProps<T extends As = "div"> = Props<FocusableOptions<T>>;

package/cjs/form/form-checkbox.cjs

@@ -8,10 +8,10 @@ var _FROYTN4Bcjs = require('../__chunks/FROYTN4B.cjs');
 
 
 var _BY6ER73Ucjs = require('../__chunks/BY6ER73U.cjs');
+require('../__chunks/63UPRTFZ.cjs');
 
 
 var _5GQV7KPQcjs = require('../__chunks/5GQV7KPQ.cjs');
-require('../__chunks/63UPRTFZ.cjs');
 require('../__chunks/ERFHNHON.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/R5A2WTWB.cjs');

package/cjs/hovercard/hovercard-anchor.d.cts

@@ -39,6 +39,9 @@ export interface HovercardAnchorOptions<T extends As = "a"> extends FocusableOpt
     store?: HovercardStore;
     /**
      * Whether to show the hovercard on mouse move.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * @default true
      */
     showOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;

package/cjs/hovercard/hovercard-anchor.d.ts

@@ -39,6 +39,9 @@ export interface HovercardAnchorOptions<T extends As = "a"> extends FocusableOpt
     store?: HovercardStore;
     /**
      * Whether to show the hovercard on mouse move.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * @default true
      */
     showOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;

package/cjs/hovercard/hovercard.cjs

@@ -2,9 +2,9 @@
 
 
 
-var _45RPYV4Jcjs = require('../__chunks/45RPYV4J.cjs');
+var _EQ4A5RPWcjs = require('../__chunks/EQ4A5RPW.cjs');
 require('../__chunks/KXQOQQ5B.cjs');
-require('../__chunks/ISGOCBDC.cjs');
+require('../__chunks/RIZYIKBE.cjs');
 require('../__chunks/XFPRAS3J.cjs');
 require('../__chunks/SHOS7XOU.cjs');
 require('../__chunks/NKR65BKC.cjs');
@@ -45,4 +45,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Hovercard = _45RPYV4Jcjs.Hovercard; exports.useHovercard = _45RPYV4Jcjs.useHovercard;
+exports.Hovercard = _EQ4A5RPWcjs.Hovercard; exports.useHovercard = _EQ4A5RPWcjs.useHovercard;

package/cjs/menu/menu-button.cjs

@@ -65,14 +65,12 @@ function getInitialFocus(event, dir) {
   };
   return keyMap[event.key];
 }
-function hasActiveItem(items, currentTarget, relatedTarget) {
+function hasActiveItem(items, excludeElement) {
   return !!(items == null ? void 0 : items.some((item) => {
     if (!item.element)
       return false;
-    if (item.element === currentTarget)
+    if (item.element === excludeElement)
       return false;
-    if (item.element === relatedTarget)
-      return true;
     return item.element.getAttribute("aria-expanded") === "true";
   }));
 }
@@ -91,6 +89,14 @@ var useMenuButton = _RNZNGEL4cjs.createHook.call(void 0,
     const hasParentMenu = !!parentMenu;
     const parentIsMenubar = !!parentMenubar && !hasParentMenu;
     const disabled = _misc.disabledFromProps.call(void 0, props);
+    const showMenu = () => {
+      const trigger = ref.current;
+      if (!trigger)
+        return;
+      store == null ? void 0 : store.setDisclosureElement(trigger);
+      store == null ? void 0 : store.setAnchorElement(trigger);
+      store == null ? void 0 : store.show();
+    };
     const onFocusProp = props.onFocus;
     const onFocus = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       onFocusProp == null ? void 0 : onFocusProp(event);
@@ -105,10 +111,8 @@ var useMenuButton = _RNZNGEL4cjs.createHook.call(void 0,
       if (!parentIsMenubar)
         return;
       const { items } = parentMenubar.getState();
-      if (hasActiveItem(items, event.currentTarget, event.relatedTarget)) {
-        store == null ? void 0 : store.setDisclosureElement(event.currentTarget);
-        store == null ? void 0 : store.setAnchorElement(event.currentTarget);
-        store == null ? void 0 : store.show();
+      if (hasActiveItem(items, event.currentTarget)) {
+        showMenu();
       }
     });
     const dir = store.useState(
@@ -124,9 +128,7 @@ var useMenuButton = _RNZNGEL4cjs.createHook.call(void 0,
       const initialFocus = getInitialFocus(event, dir);
       if (initialFocus) {
         event.preventDefault();
-        store == null ? void 0 : store.setAnchorElement(event.currentTarget);
-        store == null ? void 0 : store.setDisclosureElement(event.currentTarget);
-        store == null ? void 0 : store.show();
+        showMenu();
         store == null ? void 0 : store.setAutoFocusOnShow(true);
         store == null ? void 0 : store.setInitialFocus(initialFocus);
       }
@@ -147,7 +149,7 @@ var useMenuButton = _RNZNGEL4cjs.createHook.call(void 0,
         store.setInitialFocus(isKeyboardClick ? "first" : "container");
       }
       if (hasParentMenu) {
-        store.show();
+        showMenu();
       }
     });
     props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
@@ -180,16 +182,26 @@ var useMenuButton = _RNZNGEL4cjs.createHook.call(void 0,
       accessibleWhenDisabled
     }, props), {
       showOnHover: (event) => {
-        if (typeof showOnHover === "function")
-          return showOnHover(event);
-        if (showOnHover != null)
-          return showOnHover;
-        if (hasParentMenu)
-          return true;
-        if (!parentMenubar)
+        const getShowOnHover = () => {
+          if (typeof showOnHover === "function")
+            return showOnHover(event);
+          if (showOnHover != null)
+            return showOnHover;
+          if (hasParentMenu)
+            return true;
+          if (!parentMenubar)
+            return false;
+          const { items } = parentMenubar.getState();
+          return parentIsMenubar && hasActiveItem(items);
+        };
+        const canShowOnHover = getShowOnHover();
+        if (!canShowOnHover)
           return false;
-        const { items } = parentMenubar.getState();
-        return parentIsMenubar && hasActiveItem(items);
+        const parent = parentIsMenubar ? parentMenubar : parentMenu;
+        if (!parent)
+          return true;
+        parent.setActiveId(event.currentTarget.id);
+        return true;
       }
     }));
     props = _LICANQTIcjs.usePopoverDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {

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

@@ -2,18 +2,18 @@
 
 
 var _BY6ER73Ucjs = require('../__chunks/BY6ER73U.cjs');
+require('../__chunks/63UPRTFZ.cjs');
 
 
 var _5GQV7KPQcjs = require('../__chunks/5GQV7KPQ.cjs');
-require('../__chunks/63UPRTFZ.cjs');
 
 
-var _4GLXDOKGcjs = require('../__chunks/4GLXDOKG.cjs');
+var _YAPOM5RTcjs = require('../__chunks/YAPOM5RT.cjs');
 
 
 var _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
 require('../__chunks/7LBZXSLY.cjs');
-require('../__chunks/RRW7YVFR.cjs');
+require('../__chunks/IPYAEPOT.cjs');
 require('../__chunks/ERFHNHON.cjs');
 require('../__chunks/P43G7USH.cjs');
 require('../__chunks/DAJUUBUI.cjs');
@@ -136,7 +136,7 @@ var useMenuItemCheckbox = _RNZNGEL4cjs.createHook.call(void 0,
       value,
       checked
     }, props));
-    props = _4GLXDOKGcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
+    props = _YAPOM5RTcjs.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 _4GLXDOKGcjs = require('../__chunks/4GLXDOKG.cjs');
+var _YAPOM5RTcjs = require('../__chunks/YAPOM5RT.cjs');
 
 
 
@@ -11,7 +11,7 @@ require('../__chunks/7LBZXSLY.cjs');
 
 var _HGT5CLDMcjs = require('../__chunks/HGT5CLDM.cjs');
 require('../__chunks/HEEQY4DZ.cjs');
-require('../__chunks/RRW7YVFR.cjs');
+require('../__chunks/IPYAEPOT.cjs');
 require('../__chunks/P43G7USH.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/R5A2WTWB.cjs');
@@ -110,7 +110,7 @@ var useMenuItemRadio = _RNZNGEL4cjs.createHook.call(void 0,
         });
       }
     }, props));
-    props = _4GLXDOKGcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
+    props = _YAPOM5RTcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
     return props;
   }
 );

package/cjs/menu/menu-item.cjs

@@ -2,10 +2,10 @@
 
 
 
-var _4GLXDOKGcjs = require('../__chunks/4GLXDOKG.cjs');
+var _YAPOM5RTcjs = require('../__chunks/YAPOM5RT.cjs');
 require('../__chunks/NGEKJJDH.cjs');
 require('../__chunks/7LBZXSLY.cjs');
-require('../__chunks/RRW7YVFR.cjs');
+require('../__chunks/IPYAEPOT.cjs');
 require('../__chunks/P43G7USH.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/R5A2WTWB.cjs');
@@ -26,4 +26,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.MenuItem = _4GLXDOKGcjs.MenuItem; exports.useMenuItem = _4GLXDOKGcjs.useMenuItem;
+exports.MenuItem = _YAPOM5RTcjs.MenuItem; exports.useMenuItem = _YAPOM5RTcjs.useMenuItem;

package/cjs/menu/menu-provider.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _LVOI2KVNcjs = require('../__chunks/LVOI2KVN.cjs');
+var _XGKLTARHcjs = require('../__chunks/XGKLTARH.cjs');
 
 
 var _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
 require('../__chunks/7LBZXSLY.cjs');
-require('../__chunks/VEG6PRAG.cjs');
+require('../__chunks/3WCBE6SU.cjs');
 require('../__chunks/A5RWZSX7.cjs');
 require('../__chunks/TUVU5ERH.cjs');
 require('../__chunks/UZNYSPKP.cjs');
@@ -28,7 +28,7 @@ require('../__chunks/AV6KTKLE.cjs');
 // src/menu/menu-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function MenuProvider(props = {}) {
-  const store = _LVOI2KVNcjs.useMenuStore.call(void 0, props);
+  const store = _XGKLTARHcjs.useMenuStore.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NGEKJJDHcjs.MenuContextProvider, { value: store, children: props.children });
 }
 

package/cjs/menu/menu-store.cjs

@@ -2,10 +2,10 @@
 
 
 
-var _LVOI2KVNcjs = require('../__chunks/LVOI2KVN.cjs');
+var _XGKLTARHcjs = require('../__chunks/XGKLTARH.cjs');
 require('../__chunks/NGEKJJDH.cjs');
 require('../__chunks/7LBZXSLY.cjs');
-require('../__chunks/VEG6PRAG.cjs');
+require('../__chunks/3WCBE6SU.cjs');
 require('../__chunks/A5RWZSX7.cjs');
 require('../__chunks/TUVU5ERH.cjs');
 require('../__chunks/UZNYSPKP.cjs');
@@ -26,4 +26,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.useMenuStore = _LVOI2KVNcjs.useMenuStore; exports.useMenuStoreProps = _LVOI2KVNcjs.useMenuStoreProps;
+exports.useMenuStore = _XGKLTARHcjs.useMenuStore; exports.useMenuStoreProps = _XGKLTARHcjs.useMenuStoreProps;