@ariakit/react-core 0.3.8 → 0.3.10

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # @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
+
+The [`ComboboxGroup`](https://ariakit.org/reference/combobox-group) component now automatically assigns the `role` attribute as `rowgroup` if it's nestled within a [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover) or [`ComboboxList`](https://ariakit.org/reference/combobox-list) wrapper that has the `role` attribute set to `grid`.
+
+### Custom submenu auto focus
+
+When opening nested [Menu](https://ariakit.org/components/menu) components with <kbd>Enter</kbd>, <kbd>Space</kbd>, or arrow keys, the first tabbable element will now receive focus, even if it's not a [`MenuItem`](https://ariakit.org/reference/menu-item) element. This should enable custom popups that behave like submenus, but use different semantics.
+
+### Hovercard display timeout
+
+The [Hovercard](https://ariakit.org/components/hovercard), [Menu](https://ariakit.org/components/menu), and [Tooltip](https://ariakit.org/components/tooltip) components now display synchronously when the [`timeout`](https://ariakit.org/reference/hovercard-provider#timeout) or [`showTimeout`](https://ariakit.org/reference/hovercard-provider#showtimeout) states are set to `0`. This should stop submenus from vanishing for a few frames prior to displaying a new menu when hovering over menu items in sequence.
+
+### Other updates
+
+- Fixed [`CollectionItem`](https://ariakit.org/reference/collection-item) elements getting out of order when composing stores.
+- Fixed [`MenuButton`](https://ariakit.org/reference/menu-button) not assigning the correct `role` attribute when used within a [`ComboboxList`](https://ariakit.org/reference/combobox-list) element.
+- Fixed [`MenuItem`](https://ariakit.org/reference/menu-item) with an explicit [`focusOnHover`](https://ariakit.org/reference/menu-item#focusonhover) prop not moving focus properly.
+- Fixed [`blurOnHoverEnd`](https://ariakit.org/reference/menu-item#bluronhoverend) not working on submenu triggers.
+- Fixed [Dialog](https://ariakit.org/components/dialog) not respecting the controlled [`open`](https://ariakit.org/reference/use-dialog-store#open) state.
+- Fixed unmounted [`SelectPopover`](https://ariakit.org/reference/select-popover) not re-opening when its [`open`](https://ariakit.org/reference/select-provider#open) state is initially set to `true`.
+- Fixed TypeScript build errors.
+- Fixed focus order when using [Popover](https://ariakit.org/components/popover) with the [`portal`](https://ariakit.org/reference/popover#portal) prop with VoiceOver.
+- Updated dependencies: `@ariakit/core@0.3.8`
+
 ## 0.3.8
 
 ### Multi-selectable Combobox

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

@@ -6,10 +6,10 @@
 var _KXQOQQ5Bcjs = require('./KXQOQQ5B.cjs');
 
 
-var _RIZYIKBEcjs = require('./RIZYIKBE.cjs');
+var _NVHGMKAEcjs = require('./NVHGMKAE.cjs');
 
 
-var _XFPRAS3Jcjs = require('./XFPRAS3J.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 = _RIZYIKBEcjs.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 = _XFPRAS3Jcjs.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/{XFPRAS3J.cjs → 36QK2QLE.cjs}

@@ -1,16 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _SHOS7XOUcjs = require('./SHOS7XOU.cjs');
+var _RTT4XR27cjs = require('./RTT4XR27.cjs');
 
 
 
 var _NKR65BKCcjs = require('./NKR65BKC.cjs');
 
 
-var _PZL34OVOcjs = require('./PZL34OVO.cjs');
-
-
 var _344F3DYOcjs = require('./344F3DYO.cjs');
 
 
@@ -36,11 +33,11 @@ var _7566TIRWcjs = require('./7566TIRW.cjs');
 var _J3OG6T3Bcjs = require('./J3OG6T3B.cjs');
 
 
-var _S6WUBPBBcjs = require('./S6WUBPBB.cjs');
+var _65LGW5LYcjs = require('./65LGW5LY.cjs');
 
 
 
-var _7BSMGTGRcjs = require('./7BSMGTGR.cjs');
+var _TD5MOASJcjs = require('./TD5MOASJ.cjs');
 
 
 
@@ -57,10 +54,10 @@ var _Z3GCTNW4cjs = require('./Z3GCTNW4.cjs');
 var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
-var _X3I2WFGCcjs = require('./X3I2WFGC.cjs');
+var _HRKRTCJCcjs = require('./HRKRTCJC.cjs');
 
 
-var _OALXXRFMcjs = require('./OALXXRFM.cjs');
+var _B233QVZEcjs = require('./B233QVZE.cjs');
 
 
 
@@ -159,7 +156,7 @@ var useDialog = _RNZNGEL4cjs.createHook.call(void 0,
     ]);
     const context = _F2A2ZQDBcjs.useDialogProviderContext.call(void 0, );
     const ref = _react.useRef.call(void 0, null);
-    const store = _X3I2WFGCcjs.useDialogStore.call(void 0, {
+    const store = _HRKRTCJCcjs.useDialogStore.call(void 0, {
       store: storeProp || context,
       open: openProp,
       setOpen(open2) {
@@ -187,7 +184,7 @@ var useDialog = _RNZNGEL4cjs.createHook.call(void 0,
     const open = store.useState("open");
     const mounted = store.useState("mounted");
     const contentElement = store.useState("contentElement");
-    const hidden = _7BSMGTGRcjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
+    const hidden = _TD5MOASJcjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
     _344F3DYOcjs.usePreventBodyScroll.call(void 0, contentElement, id, preventBodyScroll && !hidden);
     _JVDUGICDcjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside, domReady);
     const { wrapElement, nestedDialogs } = _5ZOCN23Xcjs.useNestedDialogs.call(void 0, store);
@@ -244,13 +241,9 @@ var useDialog = _RNZNGEL4cjs.createHook.call(void 0,
         };
       }, [store, mounted]);
     }
-    const shouldDisableAccessibilityTree = modal || // Usually, we only want to disable the accessibility tree outside if the
-    // dialog is a modal. But the Portal component can't preserve the tab
-    // order on Safari/VoiceOver. By allowing only the dialog/portal to be
-    // accessible, we provide a similar tab order flow. We don't need to
-    // disable pointer events because it's just for screen readers.
-    portal && preserveTabOrder && _platform.isSafari.call(void 0, );
     _react.useEffect.call(void 0, () => {
+      if (!modal)
+        return;
       if (!mounted)
         return;
       if (!domReady)
@@ -258,13 +251,11 @@ var useDialog = _RNZNGEL4cjs.createHook.call(void 0,
       const dialog = ref.current;
       if (!dialog)
         return;
-      if (!shouldDisableAccessibilityTree)
-        return;
       const existingDismiss = dialog.querySelector("[data-dialog-dismiss]");
       if (existingDismiss)
         return;
       return _JF225FQ5cjs.prependHiddenDismiss.call(void 0, dialog, store.hide);
-    }, [store, mounted, domReady, shouldDisableAccessibilityTree]);
+    }, [store, modal, mounted, domReady]);
     _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
       if (open)
         return;
@@ -300,26 +291,19 @@ var useDialog = _RNZNGEL4cjs.createHook.call(void 0,
         ...persistentElements,
         ...nestedDialogs.map((dialog2) => dialog2.getState().contentElement)
       ];
-      if (!shouldDisableAccessibilityTree) {
-        return _VV6WA3I6cjs.markTreeOutside.call(void 0, id, [disclosureElement, ...allElements]);
-      }
       if (modal) {
         return _misc.chain.call(void 0, 
           _VV6WA3I6cjs.markTreeOutside.call(void 0, id, allElements),
           _NKR65BKCcjs.disableTreeOutside.call(void 0, id, allElements)
         );
       }
-      return _misc.chain.call(void 0, 
-        _VV6WA3I6cjs.markTreeOutside.call(void 0, id, [disclosureElement, ...allElements]),
-        _PZL34OVOcjs.disableAccessibilityTreeOutside.call(void 0, id, allElements)
-      );
+      return _VV6WA3I6cjs.markTreeOutside.call(void 0, id, [disclosureElement, ...allElements]);
     }, [
       id,
       store,
       canTakeTreeSnapshot,
       getPersistentElementsProp,
       nestedDialogs,
-      shouldDisableAccessibilityTree,
       modal
     ]);
     const mayAutoFocusOnShow = !!autoFocusOnShow;
@@ -484,7 +468,7 @@ var useDialog = _RNZNGEL4cjs.createHook.call(void 0,
           return element;
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _SHOS7XOUcjs.DialogBackdrop,
+            _RTT4XR27cjs.DialogBackdrop,
             {
               store,
               backdrop,
@@ -518,9 +502,9 @@ var useDialog = _RNZNGEL4cjs.createHook.call(void 0,
     props = _7566TIRWcjs.useFocusableContainer.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
       autoFocusOnShow: autoFocusEnabled
     }));
-    props = _7BSMGTGRcjs.useDisclosureContent.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    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;
   }
 );
@@ -528,7 +512,7 @@ function createDialogComponent(Component, useProviderContext = _F2A2ZQDBcjs.useD
   return _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
     const context = useProviderContext();
     const store = props.store || context;
-    const mounted = _OALXXRFMcjs.useStoreState.call(void 0, 
+    const mounted = _B233QVZEcjs.useStoreState.call(void 0, 
       store,
       (state) => !props.unmountOnHide || (state == null ? void 0 : state.mounted) || !!props.open
     );

package/cjs/__chunks/{KAQBQZEG.cjs → 3KZQJDTV.cjs}

@@ -5,7 +5,7 @@
 var _7LBZXSLYcjs = require('./7LBZXSLY.cjs');
 
 
-var _SSJIHRU6cjs = require('./SSJIHRU6.cjs');
+var _7KFYPSJOcjs = require('./7KFYPSJO.cjs');
 
 
 var _CZOBQEIOcjs = require('./CZOBQEIO.cjs');
@@ -43,7 +43,7 @@ var useMenubar = _RNZNGEL4cjs.createHook.call(void 0,
     ]);
     const context = _7LBZXSLYcjs.useMenubarProviderContext.call(void 0, );
     storeProp = storeProp || context;
-    const store = _SSJIHRU6cjs.useMenubarStore.call(void 0, {
+    const store = _7KFYPSJOcjs.useMenubarStore.call(void 0, {
       store: storeProp,
       orientation: orientationProp,
       virtualFocus,

package/cjs/__chunks/{L3WS5HGI.cjs → 47RLIVET.cjs}

@@ -1,28 +1,28 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
-var _A5RWZSX7cjs = require('./A5RWZSX7.cjs');
+var _N6CR2VNNcjs = require('./N6CR2VNN.cjs');
 
 
-var _65GJIQK5cjs = require('./65GJIQK5.cjs');
+var _7BPAESN3cjs = require('./7BPAESN3.cjs');
 
 
 
-var _OALXXRFMcjs = require('./OALXXRFM.cjs');
+var _B233QVZEcjs = require('./B233QVZE.cjs');
 
 // src/combobox/combobox-store.ts
 var _comboboxstore = require('@ariakit/core/combobox/combobox-store'); var Core = _interopRequireWildcard(_comboboxstore);
 function useComboboxStoreProps(store, update, props) {
-  store = _65GJIQK5cjs.usePopoverStoreProps.call(void 0, store, update, props);
-  store = _A5RWZSX7cjs.useCompositeStoreProps.call(void 0, store, update, props);
-  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
-  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "selectedValue", "setSelectedValue");
-  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "resetValueOnHide");
-  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "resetValueOnSelect");
+  store = _7BPAESN3cjs.usePopoverStoreProps.call(void 0, store, update, props);
+  store = _N6CR2VNNcjs.useCompositeStoreProps.call(void 0, store, update, props);
+  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "selectedValue", "setSelectedValue");
+  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "resetValueOnHide");
+  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "resetValueOnSelect");
   return store;
 }
 function useComboboxStore(props = {}) {
-  const [store, update] = _OALXXRFMcjs.useStore.call(void 0, Core.createComboboxStore, props);
+  const [store, update] = _B233QVZEcjs.useStore.call(void 0, Core.createComboboxStore, props);
   return useComboboxStoreProps(store, update, 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/{65GJIQK5.cjs → 7BPAESN3.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
-var _X3I2WFGCcjs = require('./X3I2WFGC.cjs');
+var _HRKRTCJCcjs = require('./HRKRTCJC.cjs');
 
 
 
-var _OALXXRFMcjs = require('./OALXXRFM.cjs');
+var _B233QVZEcjs = require('./B233QVZE.cjs');
 
 
 var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
@@ -14,12 +14,12 @@ var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 var _popoverstore = require('@ariakit/core/popover/popover-store'); var Core = _interopRequireWildcard(_popoverstore);
 function usePopoverStoreProps(store, update, props) {
   _EO6LS72Hcjs.useUpdateEffect.call(void 0, update, [props.popover]);
-  store = _X3I2WFGCcjs.useDialogStoreProps.call(void 0, store, update, props);
-  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "placement");
+  store = _HRKRTCJCcjs.useDialogStoreProps.call(void 0, store, update, props);
+  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "placement");
   return store;
 }
 function usePopoverStore(props = {}) {
-  const [store, update] = _OALXXRFMcjs.useStore.call(void 0, Core.createPopoverStore, props);
+  const [store, update] = _B233QVZEcjs.useStore.call(void 0, Core.createPopoverStore, props);
   return usePopoverStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{SSJIHRU6.cjs → 7KFYPSJO.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
-var _A5RWZSX7cjs = require('./A5RWZSX7.cjs');
+var _N6CR2VNNcjs = require('./N6CR2VNN.cjs');
 
 
-var _OALXXRFMcjs = require('./OALXXRFM.cjs');
+var _B233QVZEcjs = require('./B233QVZE.cjs');
 
 // src/menubar/menubar-store.ts
 var _menubarstore = require('@ariakit/core/menubar/menubar-store'); var Core = _interopRequireWildcard(_menubarstore);
 function useMenubarStoreProps(store, update, props) {
-  return _A5RWZSX7cjs.useCompositeStoreProps.call(void 0, store, update, props);
+  return _N6CR2VNNcjs.useCompositeStoreProps.call(void 0, store, update, props);
 }
 function useMenubarStore(props = {}) {
-  const [store, update] = _OALXXRFMcjs.useStore.call(void 0, Core.createMenubarStore, props);
+  const [store, update] = _B233QVZEcjs.useStore.call(void 0, Core.createMenubarStore, props);
   return useMenubarStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{OALXXRFM.cjs → B233QVZE.cjs}

@@ -64,7 +64,8 @@ function useStoreProps(store, props, key, setKey) {
     if (value === void 0)
       return;
     canSyncValue.current = true;
-    return _store.sync.call(void 0, store, [key], () => {
+    store.setState(key, value);
+    return _store.batch.call(void 0, store, [key], () => {
       if (value === void 0)
         return;
       if (!canSyncValue.current)

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

@@ -10,7 +10,7 @@ var _7LBZXSLYcjs = require('./7LBZXSLY.cjs');
 var _IPYAEPOTcjs = require('./IPYAEPOT.cjs');
 
 
-var _P43G7USHcjs = require('./P43G7USH.cjs');
+var _TTMCZ7ZNcjs = require('./TTMCZ7ZN.cjs');
 
 
 
@@ -18,7 +18,7 @@ var _P43G7USHcjs = require('./P43G7USH.cjs');
 var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
-var _OALXXRFMcjs = require('./OALXXRFM.cjs');
+var _B233QVZEcjs = require('./B233QVZE.cjs');
 
 
 
@@ -63,12 +63,14 @@ var useMenuItem = _RNZNGEL4cjs.createHook.call(void 0,
       store,
       hideOnClick = true,
       preventScrollOnKeyDown = true,
-      focusOnHover
+      focusOnHover,
+      blurOnHoverEnd
     } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
       "store",
       "hideOnClick",
       "preventScrollOnKeyDown",
-      "focusOnHover"
+      "focusOnHover",
+      "blurOnHoverEnd"
     ]);
     const menuContext = _NGEKJJDHcjs.useMenuScopedContext.call(void 0, true);
     const menubarContext = _7LBZXSLYcjs.useMenubarScopedContext.call(void 0, );
@@ -98,7 +100,7 @@ var useMenuItem = _RNZNGEL4cjs.createHook.call(void 0,
         return;
       hideMenu();
     });
-    const contentElement = _OALXXRFMcjs.useStoreState.call(void 0, 
+    const contentElement = _B233QVZEcjs.useStoreState.call(void 0, 
       store,
       (state) => "contentElement" in state ? state.contentElement : null
     );
@@ -108,31 +110,41 @@ var useMenuItem = _RNZNGEL4cjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _P43G7USHcjs.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), {
-      focusOnHover: (event) => {
-        if (typeof focusOnHover === "function")
-          return focusOnHover(event);
-        if (focusOnHover != null)
-          return focusOnHover;
-        if (event.type === "mouseleave")
-          return isWithinMenu;
+      focusOnHover(event) {
+        const getFocusOnHover = () => {
+          if (typeof focusOnHover === "function")
+            return focusOnHover(event);
+          if (focusOnHover != null)
+            return focusOnHover;
+          return true;
+        };
+        if (!store)
+          return false;
+        if (!getFocusOnHover())
+          return false;
+        const { baseElement, items } = store.getState();
         if (isWithinMenu) {
           if (event.currentTarget.hasAttribute("aria-expanded")) {
             event.currentTarget.focus();
           }
           return true;
         }
-        if (!store)
-          return false;
-        const { baseElement, items } = store.getState();
         if (menuHasFocus(baseElement, items, event.currentTarget)) {
           event.currentTarget.focus();
           return true;
         }
         return false;
+      },
+      blurOnHoverEnd(event) {
+        if (typeof blurOnHoverEnd === "function")
+          return blurOnHoverEnd(event);
+        if (blurOnHoverEnd != null)
+          return blurOnHoverEnd;
+        return isWithinMenu;
       }
     }));
     return props;

package/cjs/__chunks/{TUVU5ERH.cjs → DKOWT2IJ.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _OALXXRFMcjs = require('./OALXXRFM.cjs');
+var _B233QVZEcjs = require('./B233QVZE.cjs');
 
 
 var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
@@ -11,11 +11,11 @@ var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 var _collectionstore = require('@ariakit/core/collection/collection-store'); var Core = _interopRequireWildcard(_collectionstore);
 function useCollectionStoreProps(store, update, props) {
   _EO6LS72Hcjs.useUpdateEffect.call(void 0, update, [props.store]);
-  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
+  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
   return store;
 }
 function useCollectionStore(props = {}) {
-  const [store, update] = _OALXXRFMcjs.useStore.call(void 0, Core.createCollectionStore, props);
+  const [store, update] = _B233QVZEcjs.useStore.call(void 0, Core.createCollectionStore, props);
   return useCollectionStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{FQNGCFYY.cjs → EGAIDKB5.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _OALXXRFMcjs = require('./OALXXRFM.cjs');
+var _B233QVZEcjs = require('./B233QVZE.cjs');
 
 
 var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
@@ -11,13 +11,13 @@ var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 var _disclosurestore = require('@ariakit/core/disclosure/disclosure-store'); var Core = _interopRequireWildcard(_disclosurestore);
 function useDisclosureStoreProps(store, update, props) {
   _EO6LS72Hcjs.useUpdateEffect.call(void 0, update, [props.store, props.disclosure]);
-  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "open", "setOpen");
-  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "mounted", "setMounted");
-  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "animated");
+  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "open", "setOpen");
+  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "mounted", "setMounted");
+  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "animated");
   return store;
 }
 function useDisclosureStore(props = {}) {
-  const [store, update] = _OALXXRFMcjs.useStore.call(void 0, Core.createDisclosureStore, props);
+  const [store, update] = _B233QVZEcjs.useStore.call(void 0, Core.createDisclosureStore, props);
   return useDisclosureStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{5T425W4R.cjs → EWKBICMP.cjs}

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
-var _A5RWZSX7cjs = require('./A5RWZSX7.cjs');
+var _N6CR2VNNcjs = require('./N6CR2VNN.cjs');
 
 
 
-var _OALXXRFMcjs = require('./OALXXRFM.cjs');
+var _B233QVZEcjs = require('./B233QVZE.cjs');
 
 // src/radio/radio-store.ts
 var _radiostore = require('@ariakit/core/radio/radio-store'); var Core = _interopRequireWildcard(_radiostore);
 function useRadioStoreProps(store, update, props) {
-  store = _A5RWZSX7cjs.useCompositeStoreProps.call(void 0, store, update, props);
-  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  store = _N6CR2VNNcjs.useCompositeStoreProps.call(void 0, store, update, props);
+  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   return store;
 }
 function useRadioStore(props = {}) {
-  const [store, update] = _OALXXRFMcjs.useStore.call(void 0, Core.createRadioStore, props);
+  const [store, update] = _B233QVZEcjs.useStore.call(void 0, Core.createRadioStore, props);
   return useRadioStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{YZ7J6ELT.cjs → GF6NWLKX.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
-var _A5RWZSX7cjs = require('./A5RWZSX7.cjs');
+var _N6CR2VNNcjs = require('./N6CR2VNN.cjs');
 
 
 
-var _OALXXRFMcjs = require('./OALXXRFM.cjs');
+var _B233QVZEcjs = require('./B233QVZE.cjs');
 
 
 
@@ -15,14 +15,14 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 var _react = require('react');
 var _tabstore = require('@ariakit/core/tab/tab-store'); var Core = _interopRequireWildcard(_tabstore);
 function useTabStoreProps(store, update, props) {
-  store = _A5RWZSX7cjs.useCompositeStoreProps.call(void 0, store, update, props);
-  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "selectedId", "setSelectedId");
-  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "selectOnMove");
-  const [panels] = _OALXXRFMcjs.useStore.call(void 0, () => store.panels, {});
+  store = _N6CR2VNNcjs.useCompositeStoreProps.call(void 0, store, update, props);
+  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "selectedId", "setSelectedId");
+  _B233QVZEcjs.useStoreProps.call(void 0, store, props, "selectOnMove");
+  const [panels] = _B233QVZEcjs.useStore.call(void 0, () => store.panels, {});
   return _react.useMemo.call(void 0, () => _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, store), { panels }), []);
 }
 function useTabStore(props = {}) {
-  const [store, update] = _OALXXRFMcjs.useStore.call(void 0, Core.createTabStore, props);
+  const [store, update] = _B233QVZEcjs.useStore.call(void 0, Core.createTabStore, props);
   return useTabStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{X3I2WFGC.cjs → HRKRTCJC.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
-var _FQNGCFYYcjs = require('./FQNGCFYY.cjs');
+var _EGAIDKB5cjs = require('./EGAIDKB5.cjs');
 
 
-var _OALXXRFMcjs = require('./OALXXRFM.cjs');
+var _B233QVZEcjs = require('./B233QVZE.cjs');
 
 // src/dialog/dialog-store.ts
 var _dialogstore = require('@ariakit/core/dialog/dialog-store'); var Core = _interopRequireWildcard(_dialogstore);
 function useDialogStoreProps(store, update, props) {
-  return _FQNGCFYYcjs.useDisclosureStoreProps.call(void 0, store, update, props);
+  return _EGAIDKB5cjs.useDisclosureStoreProps.call(void 0, store, update, props);
 }
 function useDialogStore(props = {}) {
-  const [store, update] = _OALXXRFMcjs.useStore.call(void 0, Core.createDialogStore, props);
+  const [store, update] = _B233QVZEcjs.useStore.call(void 0, Core.createDialogStore, props);
   return useDialogStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{YEV7NEBU.cjs → IGTX5NFA.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
-var _A5RWZSX7cjs = require('./A5RWZSX7.cjs');
+var _N6CR2VNNcjs = require('./N6CR2VNN.cjs');
 
 
-var _OALXXRFMcjs = require('./OALXXRFM.cjs');
+var _B233QVZEcjs = require('./B233QVZE.cjs');
 
 // src/toolbar/toolbar-store.ts
 var _toolbarstore = require('@ariakit/core/toolbar/toolbar-store'); var Core = _interopRequireWildcard(_toolbarstore);
 function useToolbarStoreProps(store, update, props) {
-  return _A5RWZSX7cjs.useCompositeStoreProps.call(void 0, store, update, props);
+  return _N6CR2VNNcjs.useCompositeStoreProps.call(void 0, store, update, props);
 }
 function useToolbarStore(props = {}) {
-  const [store, update] = _OALXXRFMcjs.useStore.call(void 0, Core.createToolbarStore, props);
+  const [store, update] = _B233QVZEcjs.useStore.call(void 0, Core.createToolbarStore, props);
   return useToolbarStoreProps(store, update, props);
 }