@ariakit/react-core 0.3.6 → 0.3.7

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @ariakit/react-core
 
+## 0.3.7
+
+### Expanding Menubar
+
+The [Menubar](https://ariakit.org/components/menubar) component will now only expand if there's another menu already expanded in the same menubar.
+
+### Internal data attribute changes
+
+Just like the change in v0.3.6 that removed the `data-command` and `data-disclosure` attributes from elements, this update stops the `data-composite-hover` attribute from infiltrating composite item elements in the DOM. We're mentioning this in the changelog as some users might have snapshot tests that require updating.
+
+### Other updates
+
+- Fixed `setSelectionRange` error when used with [unsupported](https://html.spec.whatwg.org/multipage/input.html#concept-input-apply) input types.
+- Fixed [`MenuButton`](https://ariakit.org/reference/menu-button) with [`showOnHover`](https://ariakit.org/reference/menu-button#showonhover) not updating the `activeId` state when hovered.
+- Updated [`onFocusVisible`](https://ariakit.org/reference/focusable#onfocusvisible) element type on [`Focusable`](https://ariakit.org/reference/focusable) from `Element` to `HTMLElement`.
+- Updated dependencies: `@ariakit/core@0.3.6`
+
 ## 0.3.6
 
 ### Data attributes for duplicate components

package/cjs/__chunks/{45RPYV4J.cjs → EQ4A5RPW.cjs}

@@ -6,7 +6,7 @@
 var _KXQOQQ5Bcjs = require('./KXQOQQ5B.cjs');
 
 
-var _ISGOCBDCcjs = require('./ISGOCBDC.cjs');
+var _RIZYIKBEcjs = require('./RIZYIKBE.cjs');
 
 
 var _XFPRAS3Jcjs = require('./XFPRAS3J.cjs');
@@ -283,7 +283,7 @@ var useHovercard = _RNZNGEL4cjs.createHook.call(void 0,
     const autoFocusOnShow = store.useState(
       (state) => modal || state.autoFocusOnShow
     );
-    props = _ISGOCBDCcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _RIZYIKBEcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal,

package/cjs/__chunks/{RRW7YVFR.cjs → IPYAEPOT.cjs}

@@ -11,6 +11,7 @@ var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
 
+
 var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
@@ -19,6 +20,7 @@ var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/composite/composite-hover.ts
+var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
 var _focus = require('@ariakit/core/utils/focus');
 var _misc = require('@ariakit/core/utils/misc');
@@ -35,12 +37,17 @@ function hoveringInside(event) {
     return false;
   return _dom.contains.call(void 0, 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 = _dom.closest.call(void 0, dest, "[data-composite-hover]");
-  return !!item;
+  do {
+    if (_misc.hasOwnProperty.call(void 0, dest, symbol) && dest[symbol])
+      return true;
+    dest = dest.parentElement;
+  } while (dest);
+  return false;
 }
 var useCompositeHover = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
@@ -98,9 +105,13 @@ var useCompositeHover = _RNZNGEL4cjs.createHook.call(void 0,
       store == null ? void 0 : store.setActiveId(null);
       (_a2 = store == null ? void 0 : store.getState().baseElement) == null ? void 0 : _a2.focus();
     });
-    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
-      "data-composite-hover": ""
-    }, props), {
+    const ref = _react.useCallback.call(void 0, (element) => {
+      if (!element)
+        return;
+      element[symbol] = true;
+    }, []);
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+      ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref),
       onMouseMove,
       onMouseLeave
     });

package/cjs/__chunks/{4GLXDOKG.cjs → YAPOM5RT.cjs}

@@ -7,7 +7,7 @@ var _NGEKJJDHcjs = require('./NGEKJJDH.cjs');
 var _7LBZXSLYcjs = require('./7LBZXSLY.cjs');
 
 
-var _RRW7YVFRcjs = require('./RRW7YVFR.cjs');
+var _IPYAEPOTcjs = require('./IPYAEPOT.cjs');
 
 
 var _P43G7USHcjs = require('./P43G7USH.cjs');
@@ -109,7 +109,7 @@ var useMenuItem = _RNZNGEL4cjs.createHook.call(void 0,
       onClick
     });
     props = _P43G7USHcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, preventScrollOnKeyDown }, props));
-    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), {
       focusOnHover: (event) => {

package/cjs/combobox/combobox-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');
 
 
 
@@ -146,7 +146,7 @@ var useComboboxItem = _RNZNGEL4cjs.createHook.call(void 0,
         return true;
       }
     }));
-    props = _RRW7YVFRcjs.useCompositeHover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, focusOnHover }, props));
+    props = _IPYAEPOTcjs.useCompositeHover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, focusOnHover }, props));
     return props;
   }
 );

package/cjs/combobox/combobox-popover.cjs

@@ -9,7 +9,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');
@@ -92,7 +92,7 @@ var useComboboxPopover = _RNZNGEL4cjs.createHook.call(void 0,
     );
     const baseElement = store.useState("baseElement");
     props = _QU2266CJcjs.useComboboxList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
-    props = _ISGOCBDCcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _RIZYIKBEcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       alwaysVisible,
       autoFocusOnShow: false,

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

@@ -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/cjs/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/cjs/combobox/combobox.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');
 
 
@@ -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,
@@ -296,7 +300,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,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/cjs/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/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,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/cjs/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/cjs/focusable/focusable.d.cts

@@ -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/cjs/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/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

@@ -8,12 +8,12 @@ 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-store.d.cts

@@ -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;
 };