@ariakit/react-core 0.3.5 → 0.3.7

package/esm/__chunks/{KGKSIW34.js → P2V6GHKM.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useHovercardStoreProps
-} from "./C5MFNUHA.js";
+} from "./HXL5CHAC.js";
 import {
   useStore,
   useStoreProps
-} from "./2ID5JPOO.js";
+} from "./XF5ITC6P.js";
 
 // src/tooltip/tooltip-store.ts
 import * as Core from "@ariakit/core/tooltip/tooltip-store";

package/esm/__chunks/{2UMXWJJP.js → P4FX6ZFL.js}

@@ -6,15 +6,15 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./LFJDOMBA.js";
+} from "./3ORBWXWF.js";
 import {
   useMergeRefs,
   useTagName
-} from "./6WEF4WY5.js";
+} from "./6O5OEQGF.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./2SMRF6AD.js";
+} from "./4R3V3JGP.js";
 
 // src/heading/heading.tsx
 import { useContext, useMemo, useRef } from "react";

package/esm/__chunks/{3AAZQSAV.js → P5SOPKIM.js}

@@ -1,15 +1,15 @@
 "use client";
 import {
   useGroup
-} from "./ULCTMK2H.js";
+} from "./R2QZ3KXH.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./LFJDOMBA.js";
+} from "./3ORBWXWF.js";
 import {
   __objRest
-} from "./2SMRF6AD.js";
+} from "./4R3V3JGP.js";
 
 // src/form/form-group.ts
 var useFormGroup = createHook(

package/esm/__chunks/{PX7P75CP.js → PHTJ3BCW.js}

@@ -1,28 +1,30 @@
 "use client";
 import {
-  useMenuBarContext,
   useMenuContext
-} from "./QQ7MJHYB.js";
+} from "./YGMEBI3A.js";
+import {
+  useMenubarContext
+} from "./KA4GX64Z.js";
 import {
   useComboboxProviderContext
-} from "./H5NQMD66.js";
+} from "./MTC2KUZZ.js";
 import {
   useCompositeStoreProps
-} from "./VUP7S67H.js";
+} from "./ELWRSPQ7.js";
 import {
   useHovercardStoreProps
-} from "./C5MFNUHA.js";
+} from "./HXL5CHAC.js";
 import {
   useStore,
   useStoreProps
-} from "./2ID5JPOO.js";
+} from "./XF5ITC6P.js";
 import {
   useUpdateEffect
-} from "./6WEF4WY5.js";
+} from "./6O5OEQGF.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./2SMRF6AD.js";
+} from "./4R3V3JGP.js";
 
 // src/menu/menu-store.ts
 import * as Core from "@ariakit/core/menu/menu-store";
@@ -39,7 +41,7 @@ function useMenuStoreProps(store, update, props) {
 }
 function useMenuStore(props = {}) {
   const parent = useMenuContext();
-  const menubar = useMenuBarContext();
+  const menubar = useMenubarContext();
   const combobox = useComboboxProviderContext();
   props = __spreadProps(__spreadValues({}, props), {
     parent: props.parent !== void 0 ? props.parent : parent,

package/esm/__chunks/{FIFZJO4T.js → QKWOT47C.js}

@@ -1,29 +1,29 @@
 "use client";
 import {
   useHovercardProviderContext
-} from "./B4BLW6E7.js";
+} from "./TI7CMBHW.js";
 import {
   useFocusable
-} from "./HJIEYVEO.js";
+} from "./KK7H3W2B.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./LFJDOMBA.js";
+} from "./3ORBWXWF.js";
 import {
   useBooleanEvent,
   useEvent,
   useIsMouseMoving,
   useMergeRefs
-} from "./6WEF4WY5.js";
+} from "./6O5OEQGF.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./2SMRF6AD.js";
+} from "./4R3V3JGP.js";
 
 // src/hovercard/hovercard-anchor.ts
-import { useEffect, useRef } from "react";
+import { useCallback, useEffect, useRef } from "react";
 import { addGlobalEventListener } from "@ariakit/core/utils/events";
 import { disabledFromProps, invariant } from "@ariakit/core/utils/misc";
 var useHovercardAnchor = createHook(
@@ -35,7 +35,6 @@ var useHovercardAnchor = createHook(
       store,
       process.env.NODE_ENV !== "production" && "HovercardAnchor must receive a `store` prop or be wrapped in a HovercardProvider component."
     );
-    const mounted = store.useState("mounted");
     const disabled = disabledFromProps(props);
     const showTimeoutRef = useRef(0);
     useEffect(() => () => window.clearTimeout(showTimeoutRef.current), []);
@@ -58,38 +57,48 @@ var useHovercardAnchor = createHook(
     const isMouseMoving = useIsMouseMoving();
     const onMouseMove = useEvent(
       (event) => {
-        store == null ? void 0 : store.setAnchorElement(event.currentTarget);
         onMouseMoveProp == null ? void 0 : onMouseMoveProp(event);
         if (disabled)
           return;
+        if (!store)
+          return;
         if (event.defaultPrevented)
           return;
         if (showTimeoutRef.current)
           return;
         if (!isMouseMoving())
           return;
-        if (!store)
-          return;
         if (!showOnHoverProp(event))
           return;
+        const element = event.currentTarget;
+        store.setAnchorElement(element);
+        store.setDisclosureElement(element);
         const { showTimeout, timeout } = store.getState();
         showTimeoutRef.current = window.setTimeout(() => {
           showTimeoutRef.current = 0;
           if (!isMouseMoving())
             return;
+          store == null ? void 0 : store.setAnchorElement(element);
           store == null ? void 0 : store.show();
+          queueMicrotask(() => {
+            store == null ? void 0 : store.setDisclosureElement(element);
+          });
         }, showTimeout != null ? showTimeout : timeout);
       }
     );
+    const ref = useCallback(
+      (element) => {
+        if (!store)
+          return;
+        const { anchorElement } = store.getState();
+        if (anchorElement == null ? void 0 : anchorElement.isConnected)
+          return;
+        store.setAnchorElement(element);
+      },
+      [store]
+    );
     props = __spreadProps(__spreadValues({}, props), {
-      ref: useMergeRefs(
-        store.setAnchorElement,
-        // We need to set the anchor element as the hovercard disclosure
-        // disclosure element only when the hovercard is shown so it doesn't get
-        // assigned an arbitrary element by the dialog component.
-        mounted ? store.setDisclosureElement : void 0,
-        props.ref
-      ),
+      ref: useMergeRefs(ref, props.ref),
       onMouseMove
     });
     props = useFocusable(props);

package/esm/__chunks/{ULCTMK2H.js → R2QZ3KXH.js}

@@ -6,13 +6,13 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./LFJDOMBA.js";
+} from "./3ORBWXWF.js";
 import {
   useWrapElement
-} from "./6WEF4WY5.js";
+} from "./6O5OEQGF.js";
 import {
   __spreadValues
-} from "./2SMRF6AD.js";
+} from "./4R3V3JGP.js";
 
 // src/group/group.tsx
 import { useState } from "react";

package/esm/__chunks/{F3YVHJBI.js → RJDEYIKS.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   useDialogHeading
-} from "./7TX2LT7B.js";
+} from "./XHRZYRZ5.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./LFJDOMBA.js";
+} from "./3ORBWXWF.js";
 
 // src/popover/popover-heading.ts
 var usePopoverHeading = createHook((props) => {

package/esm/__chunks/{RGE4LYC4.js → SOK7T35T.js}

@@ -2,10 +2,10 @@
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./X3ATWMYX.js";
+} from "./IB7YUKH5.js";
 import {
   createStoreContext
-} from "./LFJDOMBA.js";
+} from "./3ORBWXWF.js";
 
 // src/toolbar/toolbar-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{IO2C6XLJ.js → SZD4L3WR.js}

@@ -1,30 +1,30 @@
 "use client";
 import {
   useRadioContext
-} from "./ZQKNDRGB.js";
+} from "./XEV62JUQ.js";
 import {
   useCompositeItem
-} from "./CQCRBYV6.js";
+} from "./5PEPOQU7.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./LFJDOMBA.js";
+} from "./3ORBWXWF.js";
 import {
   useStoreState
-} from "./2ID5JPOO.js";
+} from "./XF5ITC6P.js";
 import {
   useEvent,
   useForceUpdate,
   useId,
   useMergeRefs,
   useTagName
-} from "./6WEF4WY5.js";
+} from "./6O5OEQGF.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./2SMRF6AD.js";
+} from "./4R3V3JGP.js";
 
 // src/radio/radio.ts
 import { useEffect, useRef } from "react";

package/esm/__chunks/{HDG2IPG7.js → T2EXCD3L.js}

@@ -1,22 +1,22 @@
 "use client";
 import {
   useCompositeTypeahead
-} from "./KDNXDIJO.js";
+} from "./HBGJOTTX.js";
 import {
   SelectScopedContextProvider,
   useSelectProviderContext
-} from "./6RJCEQC6.js";
+} from "./5HVNGX6D.js";
 import {
   useComposite
-} from "./7PHIY4AC.js";
+} from "./FHDXHZLB.js";
 import {
   isHidden
-} from "./QUBURLUM.js";
+} from "./A7CE3X6M.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./LFJDOMBA.js";
+} from "./3ORBWXWF.js";
 import {
   useAttribute,
   useBooleanEvent,
@@ -24,12 +24,12 @@ import {
   useId,
   useMergeRefs,
   useWrapElement
-} from "./6WEF4WY5.js";
+} from "./6O5OEQGF.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./2SMRF6AD.js";
+} from "./4R3V3JGP.js";
 
 // src/select/select-list.tsx
 import { useEffect, useRef, useState } from "react";

package/esm/__chunks/{B4BLW6E7.js → TI7CMBHW.js}

@@ -2,10 +2,10 @@
 import {
   PopoverContextProvider,
   PopoverScopedContextProvider
-} from "./7CRP5UGO.js";
+} from "./7H5KSHHF.js";
 import {
   createStoreContext
-} from "./LFJDOMBA.js";
+} from "./3ORBWXWF.js";
 
 // src/hovercard/hovercard-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{4MXLDXAO.js → U7WGY7YX.js}

@@ -1,66 +1,66 @@
 "use client";
 import {
   DialogBackdrop
-} from "./JQ2AMQCL.js";
+} from "./JSLLR7RC.js";
+import {
+  disableTree,
+  disableTreeOutside
+} from "./CLF4PQ7T.js";
+import {
+  disableAccessibilityTreeOutside
+} from "./BULCTPRV.js";
+import {
+  usePreventBodyScroll
+} from "./6BJGLK2C.js";
 import {
   useNestedDialogs
-} from "./G5X3WBMZ.js";
+} from "./IUB2BTEK.js";
 import {
   useHideOnInteractOutside
-} from "./YPQ27YD7.js";
-import {
-  prependHiddenDismiss
-} from "./6GXEOXGT.js";
+} from "./XHJGS6Z5.js";
 import {
   isElementMarked,
   markTreeOutside
 } from "./TL67WVI6.js";
 import {
-  disableTree,
-  disableTreeOutside
-} from "./CU5FOQJK.js";
-import {
-  disableAccessibilityTreeOutside
-} from "./BULCTPRV.js";
+  prependHiddenDismiss
+} from "./6GXEOXGT.js";
 import {
   createWalkTreeSnapshot
 } from "./72E5EPFF.js";
-import {
-  usePreventBodyScroll
-} from "./ZGFCAP4H.js";
 import {
   useFocusableContainer
-} from "./QZMQZL6N.js";
+} from "./HPP6CWMY.js";
 import {
   HeadingLevel
 } from "./UYRJLDVS.js";
 import {
   usePortal
-} from "./5TQMQMFE.js";
+} from "./E3XM3D67.js";
 import {
   isHidden,
   useDisclosureContent
-} from "./QUBURLUM.js";
+} from "./A7CE3X6M.js";
 import {
   DialogDescriptionContext,
   DialogHeadingContext,
   DialogScopedContextProvider,
   useDialogProviderContext
-} from "./SNQAYGW2.js";
+} from "./G6BJYYBK.js";
 import {
   useFocusable
-} from "./HJIEYVEO.js";
+} from "./KK7H3W2B.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./LFJDOMBA.js";
+} from "./3ORBWXWF.js";
 import {
   useDialogStore
-} from "./XWCMZCWT.js";
+} from "./2N7L2ZZE.js";
 import {
   useStoreState
-} from "./2ID5JPOO.js";
+} from "./XF5ITC6P.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -69,12 +69,12 @@ import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./6WEF4WY5.js";
+} from "./6O5OEQGF.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./2SMRF6AD.js";
+} from "./4R3V3JGP.js";
 
 // src/dialog/dialog.tsx
 import { useCallback, useEffect, useRef, useState } from "react";

package/esm/__chunks/{BY5KOAGY.js → UH3I23HL.js}

@@ -1,21 +1,21 @@
 "use client";
 import {
   useCollectionContext
-} from "./KSMDNUGB.js";
+} from "./4UUKJZ4V.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./LFJDOMBA.js";
+} from "./3ORBWXWF.js";
 import {
   useId,
   useMergeRefs
-} from "./6WEF4WY5.js";
+} from "./6O5OEQGF.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./2SMRF6AD.js";
+} from "./4R3V3JGP.js";
 
 // src/collection/collection-item.ts
 import { useEffect, useRef } from "react";

package/esm/__chunks/{A5SMLCUJ.js → ULAW5PPH.js}

@@ -4,21 +4,21 @@ import {
 } from "./QFL5V2DO.js";
 import {
   usePopoverContext
-} from "./7CRP5UGO.js";
+} from "./7H5KSHHF.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./LFJDOMBA.js";
+} from "./3ORBWXWF.js";
 import {
   useMergeRefs,
   useSafeLayoutEffect
-} from "./6WEF4WY5.js";
+} from "./6O5OEQGF.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./2SMRF6AD.js";
+} from "./4R3V3JGP.js";
 
 // src/popover/popover-arrow.tsx
 import { useMemo, useState } from "react";

package/esm/__chunks/{5IIPAC4H.js → UNZQE6T7.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   useDialogStoreProps
-} from "./XWCMZCWT.js";
+} from "./2N7L2ZZE.js";
 import {
   useStore,
   useStoreProps
-} from "./2ID5JPOO.js";
+} from "./XF5ITC6P.js";
 import {
   useUpdateEffect
-} from "./6WEF4WY5.js";
+} from "./6O5OEQGF.js";
 
 // src/popover/popover-store.ts
 import * as Core from "@ariakit/core/popover/popover-store";

package/esm/__chunks/{IPLYRPDL.js → UP4ONTQS.js}

@@ -6,15 +6,15 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./LFJDOMBA.js";
+} from "./3ORBWXWF.js";
 import {
   useEvent
-} from "./6WEF4WY5.js";
+} from "./6O5OEQGF.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./2SMRF6AD.js";
+} from "./4R3V3JGP.js";
 
 // src/composite/composite-input.ts
 import {

package/esm/__chunks/{DPO6VSJT.js → V4ZFXDFK.js}

@@ -2,10 +2,10 @@
 import {
   CollectionContextProvider,
   CollectionScopedContextProvider
-} from "./KSMDNUGB.js";
+} from "./4UUKJZ4V.js";
 import {
   createStoreContext
-} from "./LFJDOMBA.js";
+} from "./3ORBWXWF.js";
 
 // src/form/form-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{5O7V7O3A.js → VDNZBO4W.js}

@@ -1,20 +1,20 @@
 "use client";
 import {
   useCommand
-} from "./XVQ3TNPZ.js";
+} from "./NWCBQ4CV.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./LFJDOMBA.js";
+} from "./3ORBWXWF.js";
 import {
   useMergeRefs,
   useTagName
-} from "./6WEF4WY5.js";
+} from "./6O5OEQGF.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./2SMRF6AD.js";
+} from "./4R3V3JGP.js";
 
 // src/button/button.ts
 import { useEffect, useRef, useState } from "react";

package/esm/__chunks/{RVUABR2G.js → VPR2WHQV.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   createStoreContext
-} from "./LFJDOMBA.js";
+} from "./3ORBWXWF.js";
 
 // src/checkbox/checkbox-context.tsx
 var ctx = createStoreContext();

package/esm/__chunks/VVBJIO3T.js

@@ -0,0 +1,18 @@
+"use client";
+import {
+  MenubarContextProvider
+} from "./KA4GX64Z.js";
+import {
+  useMenubarStore
+} from "./LNLZDJD4.js";
+
+// src/menubar/menubar-provider.tsx
+import { jsx } from "react/jsx-runtime";
+function MenubarProvider(props = {}) {
+  const store = useMenubarStore(props);
+  return /* @__PURE__ */ jsx(MenubarContextProvider, { value: store, children: props.children });
+}
+
+export {
+  MenubarProvider
+};

package/esm/__chunks/{QAVVMLZP.js → WBQC3LL4.js}

@@ -2,27 +2,27 @@
 import {
   createDialogComponent,
   useDialog
-} from "./4MXLDXAO.js";
+} from "./U7WGY7YX.js";
 import {
   PopoverScopedContextProvider,
   usePopoverProviderContext
-} from "./7CRP5UGO.js";
+} from "./7H5KSHHF.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./LFJDOMBA.js";
+} from "./3ORBWXWF.js";
 import {
   useEvent,
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./6WEF4WY5.js";
+} from "./6O5OEQGF.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./2SMRF6AD.js";
+} from "./4R3V3JGP.js";
 
 // src/popover/popover.tsx
 import { useState } from "react";
@@ -202,6 +202,7 @@ var usePopover = createHook(
     );
     const arrowElement = store.useState("arrowElement");
     const anchorElement = store.useState("anchorElement");
+    const disclosureElement = store.useState("disclosureElement");
     const popoverElement = store.useState("popoverElement");
     const contentElement = store.useState("contentElement");
     const placement = store.useState("placement");
@@ -356,8 +357,9 @@ var usePopover = createHook(
     props = useDialog(__spreadProps(__spreadValues({
       store,
       modal,
-      preserveTabOrder,
       portal,
+      preserveTabOrder,
+      preserveTabOrderAnchor: disclosureElement || anchorElement,
       autoFocusOnShow: positioned && autoFocusOnShow
     }, props), {
       portalRef

package/esm/__chunks/{ZQKNDRGB.js → XEV62JUQ.js}

@@ -2,10 +2,10 @@
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./X3ATWMYX.js";
+} from "./IB7YUKH5.js";
 import {
   createStoreContext
-} from "./LFJDOMBA.js";
+} from "./3ORBWXWF.js";
 
 // src/radio/radio-context.tsx
 var ctx = createStoreContext(