@ariakit/react-core 0.3.6 → 0.3.7

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

@@ -25,53 +25,11 @@ export declare function useMenuStoreProps<T extends Core.MenuStore>(store: T, up
     }> & import("@ariakit/core/utils/store").Store<Core.MenuStoreState<{
         [x: string]: string | number | boolean | (string | number)[];
     }>>) | null | undefined;
-    menubar: (import("../menubar/menubar-store.js").MenubarStoreFunctions & import("@ariakit/core/composite/composite-store").CompositeStoreFunctions<{
-        id: string;
-        element?: HTMLElement | null | undefined;
-    } & {
-        rowId?: string | undefined;
-        disabled?: boolean | undefined;
-        children?: string | undefined;
-    }> & import("@ariakit/core/utils/store").Store<import("@ariakit/core/composite/composite-store").CompositeStoreState<{
-        id: string;
-        element?: HTMLElement | null | undefined;
-    } & {
-        rowId?: string | undefined;
-        disabled?: boolean | undefined;
-        children?: string | undefined;
-    }>> & {
+    menubar: (import("../menubar/menubar-store.js").MenubarStoreFunctions & import("@ariakit/core/menubar/menubar-store").MenubarStore & {
         useState: {
-            (): import("@ariakit/core/composite/composite-store").CompositeStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                rowId?: string | undefined;
-                disabled?: boolean | undefined;
-                children?: string | undefined;
-            }>;
-            <K_2 extends keyof import("@ariakit/core/composite/composite-store").CompositeStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                rowId?: string | undefined;
-                disabled?: boolean | undefined;
-                children?: string | undefined;
-            }>>(key: K_2): import("@ariakit/core/composite/composite-store").CompositeStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                rowId?: string | undefined;
-                disabled?: boolean | undefined;
-                children?: string | undefined;
-            }>[K_2];
-            <V_2>(selector: (state: import("@ariakit/core/composite/composite-store").CompositeStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                rowId?: string | undefined;
-                disabled?: boolean | undefined;
-                children?: string | undefined;
-            }>) => V_2): V_2;
+            (): import("@ariakit/core/menubar/menubar-store").MenubarStoreState;
+            <K_2 extends keyof import("@ariakit/core/menubar/menubar-store").MenubarStoreState>(key: K_2): import("@ariakit/core/menubar/menubar-store").MenubarStoreState[K_2];
+            <V_2>(selector: (state: import("@ariakit/core/menubar/menubar-store").MenubarStoreState) => V_2): V_2;
         };
     }) | null | undefined;
 };

package/cjs/menu/menu.cjs

@@ -13,9 +13,9 @@ require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 
 
-var _45RPYV4Jcjs = require('../__chunks/45RPYV4J.cjs');
+var _EQ4A5RPWcjs = require('../__chunks/EQ4A5RPW.cjs');
 require('../__chunks/KXQOQQ5B.cjs');
-require('../__chunks/ISGOCBDC.cjs');
+require('../__chunks/RIZYIKBE.cjs');
 
 
 var _XFPRAS3Jcjs = require('../__chunks/XFPRAS3J.cjs');
@@ -144,7 +144,7 @@ var useMenu = _RNZNGEL4cjs.createHook.call(void 0,
     const modal = hasParentMenu ? false : modalProp;
     const mayAutoFocusOnShow = !!autoFocusOnShow;
     const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || !!modal;
-    props = _45RPYV4Jcjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _EQ4A5RPWcjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       alwaysVisible,
       initialFocus: initialFocusRef,

package/cjs/popover/popover.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _ISGOCBDCcjs = require('../__chunks/ISGOCBDC.cjs');
+var _RIZYIKBEcjs = require('../__chunks/RIZYIKBE.cjs');
 require('../__chunks/XFPRAS3J.cjs');
 require('../__chunks/SHOS7XOU.cjs');
 require('../__chunks/NKR65BKC.cjs');
@@ -42,4 +42,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Popover = _ISGOCBDCcjs.Popover; exports.usePopover = _ISGOCBDCcjs.usePopover;
+exports.Popover = _RIZYIKBEcjs.Popover; exports.usePopover = _RIZYIKBEcjs.usePopover;

package/cjs/portal/portal.d.cts

@@ -83,7 +83,8 @@ export interface PortalOptions<T extends As = "div"> extends Options<T> {
      * Determines whether the element should be rendered as a React Portal.
      *
      * Live examples:
-     * - [ComboboxGroup](https://ariakit.org/examples/combobox-group)
+     * - [Combobox with integrated
+     *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      * - [Dialog with Menu](https://ariakit.org/examples/dialog-menu)
      * - [Hovercard with keyboard
      *   support](https://ariakit.org/examples/hovercard-disclosure)

package/cjs/portal/portal.d.ts

@@ -83,7 +83,8 @@ export interface PortalOptions<T extends As = "div"> extends Options<T> {
      * Determines whether the element should be rendered as a React Portal.
      *
      * Live examples:
-     * - [ComboboxGroup](https://ariakit.org/examples/combobox-group)
+     * - [Combobox with integrated
+     *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      * - [Dialog with Menu](https://ariakit.org/examples/dialog-menu)
      * - [Hovercard with keyboard
      *   support](https://ariakit.org/examples/hovercard-disclosure)

package/cjs/select/select-item.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _RRW7YVFRcjs = require('../__chunks/RRW7YVFR.cjs');
+var _IPYAEPOTcjs = require('../__chunks/IPYAEPOT.cjs');
 
 
 
@@ -158,7 +158,7 @@ var useSelectItem = _RNZNGEL4cjs.createHook.call(void 0,
       preventScrollOnKeyDown
     }, props));
     const focusOnHoverProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, focusOnHover);
-    props = _RRW7YVFRcjs.useCompositeHover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _IPYAEPOTcjs.useCompositeHover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       // We have to disable focusOnHover when the popup is closed, otherwise

package/cjs/select/select-popover.cjs

@@ -12,7 +12,7 @@ require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 
 
-var _ISGOCBDCcjs = require('../__chunks/ISGOCBDC.cjs');
+var _RIZYIKBEcjs = require('../__chunks/RIZYIKBE.cjs');
 
 
 var _XFPRAS3Jcjs = require('../__chunks/XFPRAS3J.cjs');
@@ -66,7 +66,7 @@ var useSelectPopover = _RNZNGEL4cjs.createHook.call(void 0,
     const context = _2WCJJQSKcjs.useSelectProviderContext.call(void 0, );
     store = store || context;
     props = _F24A3PBWcjs.useSelectList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
-    props = _ISGOCBDCcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
+    props = _RIZYIKBEcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
     return props;
   }
 );

package/cjs/tooltip/tooltip.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _45RPYV4Jcjs = require('../__chunks/45RPYV4J.cjs');
+var _EQ4A5RPWcjs = require('../__chunks/EQ4A5RPW.cjs');
 require('../__chunks/KXQOQQ5B.cjs');
-require('../__chunks/ISGOCBDC.cjs');
+require('../__chunks/RIZYIKBE.cjs');
 
 
 var _XFPRAS3Jcjs = require('../__chunks/XFPRAS3J.cjs');
@@ -94,7 +94,7 @@ var useTooltip = _RNZNGEL4cjs.createHook.call(void 0,
       (state) => state.type === "description" ? "tooltip" : "none"
     );
     props = _AV6KTKLEcjs.__spreadValues.call(void 0, { role }, props);
-    props = _45RPYV4Jcjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+    props = _EQ4A5RPWcjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
       store,
       portal,
       gutter,

package/esm/__chunks/{YGJUONJM.js → BONLQCKO.js}

@@ -6,7 +6,7 @@ import {
 } from "./YMV43K4F.js";
 import {
   usePopover
-} from "./KB2HXEVC.js";
+} from "./WBQC3LL4.js";
 import {
   createDialogComponent
 } from "./U7WGY7YX.js";

package/esm/__chunks/{BRO2JF5P.js → G6ONQ5EH.js}

@@ -10,7 +10,8 @@ import {
 import {
   useBooleanEvent,
   useEvent,
-  useIsMouseMoving
+  useIsMouseMoving,
+  useMergeRefs
 } from "./6O5OEQGF.js";
 import {
   __objRest,
@@ -19,9 +20,10 @@ import {
 } from "./4R3V3JGP.js";
 
 // src/composite/composite-hover.ts
-import { closest, contains } from "@ariakit/core/utils/dom";
+import { useCallback } from "react";
+import { contains } from "@ariakit/core/utils/dom";
 import { hasFocus, hasFocusWithin } from "@ariakit/core/utils/focus";
-import { invariant } from "@ariakit/core/utils/misc";
+import { hasOwnProperty, invariant } from "@ariakit/core/utils/misc";
 function getMouseDestination(event) {
   const relatedTarget = event.relatedTarget;
   if ((relatedTarget == null ? void 0 : relatedTarget.nodeType) === Node.ELEMENT_NODE) {
@@ -35,12 +37,17 @@ function hoveringInside(event) {
     return false;
   return contains(event.currentTarget, nextElement);
 }
+var symbol = Symbol("composite-hover");
 function movingToAnotherItem(event) {
-  const dest = getMouseDestination(event);
+  let dest = getMouseDestination(event);
   if (!dest)
     return false;
-  const item = closest(dest, "[data-composite-hover]");
-  return !!item;
+  do {
+    if (hasOwnProperty(dest, symbol) && dest[symbol])
+      return true;
+    dest = dest.parentElement;
+  } while (dest);
+  return false;
 }
 var useCompositeHover = createHook(
   (_a) => {
@@ -98,9 +105,13 @@ var useCompositeHover = createHook(
       store == null ? void 0 : store.setActiveId(null);
       (_a2 = store == null ? void 0 : store.getState().baseElement) == null ? void 0 : _a2.focus();
     });
-    props = __spreadProps(__spreadValues({
-      "data-composite-hover": ""
-    }, props), {
+    const ref = useCallback((element) => {
+      if (!element)
+        return;
+      element[symbol] = true;
+    }, []);
+    props = __spreadProps(__spreadValues({}, props), {
+      ref: useMergeRefs(ref, props.ref),
       onMouseMove,
       onMouseLeave
     });

package/esm/__chunks/{W3TC4TID.js → JRUYDVPB.js}

@@ -7,7 +7,7 @@ import {
 } from "./KA4GX64Z.js";
 import {
   useCompositeHover
-} from "./BRO2JF5P.js";
+} from "./G6ONQ5EH.js";
 import {
   useCompositeItem
 } from "./5PEPOQU7.js";

package/esm/combobox/combobox-item.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   useCompositeHover
-} from "../__chunks/BRO2JF5P.js";
+} from "../__chunks/G6ONQ5EH.js";
 import {
   ComboboxItemValueContext,
   useComboboxScopedContext

package/esm/combobox/combobox-popover.js

@@ -9,7 +9,7 @@ import "../__chunks/IB7YUKH5.js";
 import "../__chunks/4UUKJZ4V.js";
 import {
   usePopover
-} from "../__chunks/KB2HXEVC.js";
+} from "../__chunks/WBQC3LL4.js";
 import {
   createDialogComponent
 } from "../__chunks/U7WGY7YX.js";

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

@@ -28,7 +28,8 @@ export interface ComboboxStoreOptions extends Core.ComboboxStoreOptions, Composi
      * A callback that gets called when the `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

package/esm/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/esm/combobox/combobox.js

@@ -40,7 +40,11 @@ import {
 
 // src/combobox/combobox.ts
 import { useEffect, useMemo, useRef, useState } from "react";
-import { getPopupRole, getScrollingElement } from "@ariakit/core/utils/dom";
+import {
+  getPopupRole,
+  getScrollingElement,
+  setSelectionRange
+} from "@ariakit/core/utils/dom";
 import {
   isFocusEventOutside,
   queueBeforeEvent
@@ -173,7 +177,7 @@ var useCombobox = createHook(
         const element = ref.current;
         if (!element)
           return;
-        element.setSelectionRange(storeValue.length, activeValue.length);
+        setSelectionRange(element, storeValue.length, activeValue.length);
       });
     }, [
       valueUpdated,
@@ -296,7 +300,7 @@ var useCombobox = createHook(
       if (setValueOnChangeProp(event)) {
         const isSameValue = value2 === store.getState().value;
         flushSync(() => store == null ? void 0 : store.setValue(value2));
-        event.currentTarget.setSelectionRange(selectionStart, selectionEnd);
+        setSelectionRange(event.currentTarget, selectionStart, selectionEnd);
         if (inline && autoSelect && isSameValue) {
           forceValueUpdate();
         }

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

@@ -46,6 +46,8 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
      * Determines if the composite item should be focused on hover.
      *
      * Live examples:
+     * - [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 +58,10 @@ 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:
+     * - [Combobox with integrated
+     *   filter](https://ariakit.org/examples/combobox-filtering-integrated)
      */
     blurOnHoverEnd?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
 }

package/esm/composite/composite-hover.js

@@ -2,7 +2,7 @@
 import {
   CompositeHover,
   useCompositeHover
-} from "../__chunks/BRO2JF5P.js";
+} from "../__chunks/G6ONQ5EH.js";
 import "../__chunks/IB7YUKH5.js";
 import "../__chunks/4UUKJZ4V.js";
 import "../__chunks/3ORBWXWF.js";

package/esm/composite/composite-overflow.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   usePopover
-} from "../__chunks/KB2HXEVC.js";
+} from "../__chunks/WBQC3LL4.js";
 import "../__chunks/U7WGY7YX.js";
 import "../__chunks/JSLLR7RC.js";
 import "../__chunks/CLF4PQ7T.js";

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

@@ -61,7 +61,8 @@ 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)
+     * - [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/esm/focusable/focusable.d.ts

@@ -108,6 +108,6 @@ export interface FocusableOptions<T extends As = "div"> extends Options<T> {
      * Live examples:
      * - [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/esm/hovercard/hovercard.js

@@ -2,9 +2,9 @@
 import {
   Hovercard,
   useHovercard
-} from "../__chunks/YGJUONJM.js";
+} from "../__chunks/BONLQCKO.js";
 import "../__chunks/YMV43K4F.js";
-import "../__chunks/KB2HXEVC.js";
+import "../__chunks/WBQC3LL4.js";
 import "../__chunks/U7WGY7YX.js";
 import "../__chunks/JSLLR7RC.js";
 import "../__chunks/CLF4PQ7T.js";

package/esm/menu/menu-button.js

@@ -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 = createHook(
     const hasParentMenu = !!parentMenu;
     const parentIsMenubar = !!parentMenubar && !hasParentMenu;
     const disabled = disabledFromProps(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 = useEvent((event) => {
       onFocusProp == null ? void 0 : onFocusProp(event);
@@ -105,10 +111,8 @@ var useMenuButton = createHook(
       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 = createHook(
       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 = createHook(
         store.setInitialFocus(isKeyboardClick ? "first" : "container");
       }
       if (hasParentMenu) {
-        store.show();
+        showMenu();
       }
     });
     props = useWrapElement(
@@ -180,16 +182,26 @@ var useMenuButton = createHook(
       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 = usePopoverDisclosure(__spreadValues({

package/esm/menu/menu-item-checkbox.js

@@ -8,12 +8,12 @@ import {
 import "../__chunks/VPR2WHQV.js";
 import {
   useMenuItem
-} from "../__chunks/W3TC4TID.js";
+} from "../__chunks/JRUYDVPB.js";
 import {
   useMenuScopedContext
 } from "../__chunks/YGMEBI3A.js";
 import "../__chunks/KA4GX64Z.js";
-import "../__chunks/BRO2JF5P.js";
+import "../__chunks/G6ONQ5EH.js";
 import "../__chunks/6XBVQI3K.js";
 import "../__chunks/5PEPOQU7.js";
 import "../__chunks/NWCBQ4CV.js";

package/esm/menu/menu-item-radio.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   useMenuItem
-} from "../__chunks/W3TC4TID.js";
+} from "../__chunks/JRUYDVPB.js";
 import {
   MenuItemCheckedContext,
   useMenuScopedContext
@@ -11,7 +11,7 @@ import {
   useRadio
 } from "../__chunks/SZD4L3WR.js";
 import "../__chunks/XEV62JUQ.js";
-import "../__chunks/BRO2JF5P.js";
+import "../__chunks/G6ONQ5EH.js";
 import "../__chunks/5PEPOQU7.js";
 import "../__chunks/NWCBQ4CV.js";
 import "../__chunks/UH3I23HL.js";

package/esm/menu/menu-item.js

@@ -2,10 +2,10 @@
 import {
   MenuItem,
   useMenuItem
-} from "../__chunks/W3TC4TID.js";
+} from "../__chunks/JRUYDVPB.js";
 import "../__chunks/YGMEBI3A.js";
 import "../__chunks/KA4GX64Z.js";
-import "../__chunks/BRO2JF5P.js";
+import "../__chunks/G6ONQ5EH.js";
 import "../__chunks/5PEPOQU7.js";
 import "../__chunks/NWCBQ4CV.js";
 import "../__chunks/UH3I23HL.js";

package/esm/menu/menu-store.d.ts

@@ -25,53 +25,11 @@ export declare function useMenuStoreProps<T extends Core.MenuStore>(store: T, up
     }> & import("@ariakit/core/utils/store").Store<Core.MenuStoreState<{
         [x: string]: string | number | boolean | (string | number)[];
     }>>) | null | undefined;
-    menubar: (import("../menubar/menubar-store.js").MenubarStoreFunctions & import("@ariakit/core/composite/composite-store").CompositeStoreFunctions<{
-        id: string;
-        element?: HTMLElement | null | undefined;
-    } & {
-        rowId?: string | undefined;
-        disabled?: boolean | undefined;
-        children?: string | undefined;
-    }> & import("@ariakit/core/utils/store").Store<import("@ariakit/core/composite/composite-store").CompositeStoreState<{
-        id: string;
-        element?: HTMLElement | null | undefined;
-    } & {
-        rowId?: string | undefined;
-        disabled?: boolean | undefined;
-        children?: string | undefined;
-    }>> & {
+    menubar: (import("../menubar/menubar-store.js").MenubarStoreFunctions & import("@ariakit/core/menubar/menubar-store").MenubarStore & {
         useState: {
-            (): import("@ariakit/core/composite/composite-store").CompositeStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                rowId?: string | undefined;
-                disabled?: boolean | undefined;
-                children?: string | undefined;
-            }>;
-            <K_2 extends keyof import("@ariakit/core/composite/composite-store").CompositeStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                rowId?: string | undefined;
-                disabled?: boolean | undefined;
-                children?: string | undefined;
-            }>>(key: K_2): import("@ariakit/core/composite/composite-store").CompositeStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                rowId?: string | undefined;
-                disabled?: boolean | undefined;
-                children?: string | undefined;
-            }>[K_2];
-            <V_2>(selector: (state: import("@ariakit/core/composite/composite-store").CompositeStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                rowId?: string | undefined;
-                disabled?: boolean | undefined;
-                children?: string | undefined;
-            }>) => V_2): V_2;
+            (): import("@ariakit/core/menubar/menubar-store").MenubarStoreState;
+            <K_2 extends keyof import("@ariakit/core/menubar/menubar-store").MenubarStoreState>(key: K_2): import("@ariakit/core/menubar/menubar-store").MenubarStoreState[K_2];
+            <V_2>(selector: (state: import("@ariakit/core/menubar/menubar-store").MenubarStoreState) => V_2): V_2;
         };
     }) | null | undefined;
 };

package/esm/menu/menu.js

@@ -13,9 +13,9 @@ import "../__chunks/IB7YUKH5.js";
 import "../__chunks/4UUKJZ4V.js";
 import {
   useHovercard
-} from "../__chunks/YGJUONJM.js";
+} from "../__chunks/BONLQCKO.js";
 import "../__chunks/YMV43K4F.js";
-import "../__chunks/KB2HXEVC.js";
+import "../__chunks/WBQC3LL4.js";
 import {
   createDialogComponent
 } from "../__chunks/U7WGY7YX.js";

package/esm/popover/popover.js

@@ -2,7 +2,7 @@
 import {
   Popover,
   usePopover
-} from "../__chunks/KB2HXEVC.js";
+} from "../__chunks/WBQC3LL4.js";
 import "../__chunks/U7WGY7YX.js";
 import "../__chunks/JSLLR7RC.js";
 import "../__chunks/CLF4PQ7T.js";