@ariakit/react-core 0.3.1 → 0.3.3

package/cjs/hovercard/hovercard-dismiss.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _2C7LUQOScjs = require('../__chunks/2C7LUQOS.cjs');
-require('../__chunks/2FEEKOTF.cjs');
-require('../__chunks/S4UMINQJ.cjs');
-require('../__chunks/ZQTMT453.cjs');
-require('../__chunks/NPDPNCSD.cjs');
+var _G2U3D7Y6cjs = require('../__chunks/G2U3D7Y6.cjs');
+require('../__chunks/ZL7HIJU2.cjs');
+require('../__chunks/ZZHSM37C.cjs');
+require('../__chunks/KMOIJMBF.cjs');
+require('../__chunks/FXRXBA2Y.cjs');
 require('../__chunks/Q6W7IWNJ.cjs');
 require('../__chunks/AKOG5S2T.cjs');
 require('../__chunks/W6ZRSMO5.cjs');
 require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/BFLDQF3L.cjs');
+require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
@@ -19,4 +19,4 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.HovercardDismiss = _2C7LUQOScjs.HovercardDismiss; exports.useHovercardDismiss = _2C7LUQOScjs.useHovercardDismiss;
+exports.HovercardDismiss = _G2U3D7Y6cjs.HovercardDismiss; exports.useHovercardDismiss = _G2U3D7Y6cjs.useHovercardDismiss;

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

@@ -19,17 +19,22 @@ export declare const useHovercardDismiss: import("../utils/types.js").Hook<Hover
  * @see https://ariakit.org/components/hovercard
  * @example
  * ```jsx
- * const hovercard = useHovercardStore();
- * <Hovercard store={hovercard}>
- *   <HovercardDismiss />
- * </Hovercard>
+ * <HovercardProvider>
+ *   <Hovercard>
+ *     <HovercardDismiss />
+ *   </Hovercard>
+ * </HovercardProvider>
  * ```
  */
 export declare const HovercardDismiss: import("../utils/types.js").Component<HovercardDismissOptions<"button">>;
 export interface HovercardDismissOptions<T extends As = "button"> extends PopoverDismissOptions<T> {
     /**
-     * Object returned by the `useHovercardStore` hook. If not provided, the
-     * parent `Hovercard` component's context will be used.
+     * Object returned by the
+     * [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store)
+     * hook. If not provided, the closest
+     * [`Hovercard`](https://ariakit.org/reference/hovercard) or
+     * [`HovercardProvider`](https://ariakit.org/reference/hovercard-provider)
+     * components' context will be used.
      */
     store?: HovercardStore;
 }

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

@@ -15,23 +15,28 @@ import type { HovercardStore } from "./hovercard-store.js";
  */
 export declare const useHovercardHeading: import("../utils/types.js").Hook<HovercardHeadingOptions<"h1">>;
 /**
- * Renders a heading in a hovercard. This component must be wrapped with
- * `Hovercard` so the `aria-labelledby` prop is properly set on the hovercard
- * element.
+ * Renders a heading in a hovercard. This component must be wrapped within
+ * [`Hovercard`](https://ariakit.org/reference/hovercard) so the
+ * `aria-labelledby` prop is properly set on the hovercard element.
  * @see https://ariakit.org/components/hovercard
  * @example
  * ```jsx
- * const hovercard = useHovercardStore();
- * <Hovercard store={hovercard}>
- *   <HovercardHeading>Heading</HovercardHeading>
- * </Hovercard>
+ * <HovercardProvider>
+ *   <Hovercard>
+ *     <HovercardHeading>Heading</HovercardHeading>
+ *   </Hovercard>
+ * </HovercardProvider>
  * ```
  */
 export declare const HovercardHeading: import("../utils/types.js").Component<HovercardHeadingOptions<"h1">>;
 export interface HovercardHeadingOptions<T extends As = "h1"> extends PopoverHeadingOptions<T> {
     /**
-     * Object returned by the `useHovercardStore` hook. If not provided, the
-     * parent `Hovercard` component's context will be used.
+     * Object returned by the
+     * [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store)
+     * hook. If not provided, the closest
+     * [`Hovercard`](https://ariakit.org/reference/hovercard) or
+     * [`HovercardProvider`](https://ariakit.org/reference/hovercard-provider)
+     * components' context will be used.
      */
     store?: HovercardStore;
 }

package/cjs/hovercard/hovercard-provider.cjs

@@ -7,11 +7,11 @@ require('../__chunks/A2NMYLCG.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
 
 
-var _C47ZNHA6cjs = require('../__chunks/C47ZNHA6.cjs');
-require('../__chunks/P2EILHN6.cjs');
-require('../__chunks/BPMML63M.cjs');
-require('../__chunks/6MLKTO2T.cjs');
-require('../__chunks/I63PYP2U.cjs');
+var _HIGZ476Mcjs = require('../__chunks/HIGZ476M.cjs');
+require('../__chunks/Z6EBOLR5.cjs');
+require('../__chunks/3MYGLY4O.cjs');
+require('../__chunks/HRUFFILM.cjs');
+require('../__chunks/UHRHLHM2.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
@@ -19,7 +19,7 @@ require('../__chunks/72I2GWXF.cjs');
 // src/hovercard/hovercard-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function HovercardProvider(props = {}) {
-  const store = _C47ZNHA6cjs.useHovercardStore.call(void 0, props);
+  const store = _HIGZ476Mcjs.useHovercardStore.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Q6W7IWNJcjs.HovercardContextProvider, { value: store, children: props.children });
 }
 

package/cjs/hovercard/hovercard-store.cjs

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _C47ZNHA6cjs = require('../__chunks/C47ZNHA6.cjs');
-require('../__chunks/P2EILHN6.cjs');
-require('../__chunks/BPMML63M.cjs');
-require('../__chunks/6MLKTO2T.cjs');
-require('../__chunks/I63PYP2U.cjs');
+var _HIGZ476Mcjs = require('../__chunks/HIGZ476M.cjs');
+require('../__chunks/Z6EBOLR5.cjs');
+require('../__chunks/3MYGLY4O.cjs');
+require('../__chunks/HRUFFILM.cjs');
+require('../__chunks/UHRHLHM2.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.useHovercardStore = _C47ZNHA6cjs.useHovercardStore; exports.useHovercardStoreProps = _C47ZNHA6cjs.useHovercardStoreProps;
+exports.useHovercardStore = _HIGZ476Mcjs.useHovercardStore; exports.useHovercardStoreProps = _HIGZ476Mcjs.useHovercardStoreProps;

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

@@ -8,6 +8,7 @@ export declare function useHovercardStoreProps<T extends Core.HovercardStore>(st
  * @example
  * ```jsx
  * const hovercard = useHovercardStore({ placement: "top" });
+ *
  * <HovercardAnchor store={hovercard}>@username</HovercardAnchor>
  * <Hovercard store={hovercard}>Details</Hovercard>
  * ```

package/cjs/hovercard/hovercard.cjs

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _B4KDFSF3cjs = require('../__chunks/B4KDFSF3.cjs');
+var _LQZ6USCZcjs = require('../__chunks/LQZ6USCZ.cjs');
 require('../__chunks/OLGMV24U.cjs');
-require('../__chunks/PHDU6PLM.cjs');
-require('../__chunks/ZEASCR4B.cjs');
-require('../__chunks/J63NAJOO.cjs');
-require('../__chunks/6BAHKJ5K.cjs');
-require('../__chunks/DPLHWKRP.cjs');
+require('../__chunks/WUQKDMC4.cjs');
+require('../__chunks/PQU457XU.cjs');
+require('../__chunks/45OYD4CU.cjs');
+require('../__chunks/RWS2MAR2.cjs');
+require('../__chunks/DFFFHQVQ.cjs');
 require('../__chunks/W32FX7DM.cjs');
-require('../__chunks/JKMBJCXA.cjs');
-require('../__chunks/INDMFBTS.cjs');
-require('../__chunks/NBCR3CLP.cjs');
+require('../__chunks/QK4GI6B3.cjs');
+require('../__chunks/COHI5HTS.cjs');
+require('../__chunks/F4RJLWZG.cjs');
 require('../__chunks/56NPFF7P.cjs');
 require('../__chunks/Z3TLXRS7.cjs');
-require('../__chunks/PD5YFDLO.cjs');
+require('../__chunks/TLA46MN6.cjs');
 require('../__chunks/X2GXTE3P.cjs');
 require('../__chunks/VTRMALP6.cjs');
 require('../__chunks/BWQVQDGC.cjs');
@@ -31,16 +31,16 @@ require('../__chunks/Q6W7IWNJ.cjs');
 require('../__chunks/AKOG5S2T.cjs');
 require('../__chunks/W6ZRSMO5.cjs');
 require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/BFLDQF3L.cjs');
+require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/KSFAO77E.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/6MLKTO2T.cjs');
-require('../__chunks/I63PYP2U.cjs');
+require('../__chunks/HRUFFILM.cjs');
+require('../__chunks/UHRHLHM2.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.Hovercard = _B4KDFSF3cjs.Hovercard; exports.useHovercard = _B4KDFSF3cjs.useHovercard;
+exports.Hovercard = _LQZ6USCZcjs.Hovercard; exports.useHovercard = _LQZ6USCZcjs.useHovercard;

package/cjs/hovercard/hovercard.d.ts

@@ -16,19 +16,25 @@ import type { HovercardStore } from "./hovercard-store.js";
 export declare const useHovercard: import("../utils/types.js").Hook<HovercardOptions<"div">>;
 /**
  * Renders a hovercard element, which is a popover that's usually made visible
- * by hovering the mouse cursor over an anchor element (`HovercardAnchor`).
+ * by hovering the mouse cursor over a
+ * [`HovercardAnchor`](https://ariakit.org/reference/hovercard-anchor).
  * @see https://ariakit.org/components/hovercard
  * @example
  * ```jsx
- * const hovercard = useHovercardStore();
- * <HovercardAnchor store={hovercard}>@username</HovercardAnchor>
- * <Hovercard store={hovercard}>Details</Hovercard>
+ * <HovercardProvider>
+ *   <HovercardAnchor>@username</HovercardAnchor>
+ *   <Hovercard>Details</Hovercard>
+ * </HovercardProvider>
  * ```
  */
 export declare const Hovercard: import("../utils/types.js").Component<HovercardOptions<"div">>;
 export interface HovercardOptions<T extends As = "div"> extends PopoverOptions<T> {
     /**
-     * Object returned by the `useHovercardStore` hook.
+     * Object returned by the
+     * [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store)
+     * hook. If not provided, the closest
+     * [`HovercardProvider`](https://ariakit.org/reference/hovercard-provider)
+     * component's context will be used.
      */
     store?: HovercardStore;
     /**

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

@@ -20,18 +20,22 @@ export declare const useMenuArrow: import("../utils/types.js").Hook<MenuArrowOpt
  * @see https://ariakit.org/components/menu
  * @example
  * ```jsx
- * const menu = useMenuStore();
- * <MenuButton store={menu}>Menu</MenuButton>
- * <Menu store={menu}>
- *   <MenuArrow />
- * </Menu>
+ * <MenuProvider>
+ *   <MenuButton>Menu</MenuButton>
+ *   <Menu>
+ *     <MenuArrow />
+ *   </Menu>
+ * </MenuProvider>
  * ```
  */
 export declare const MenuArrow: import("../utils/types.js").Component<MenuArrowOptions<"div">>;
 export interface MenuArrowOptions<T extends As = "div"> extends PopoverArrowOptions<T> {
     /**
-     * Object returned by the `useMenuStore` hook. If not provided, the parent
-     * `Menu` component's context will be used.
+     * Object returned by the
+     * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook. If not
+     * provided, the closest [`Menu`](https://ariakit.org/reference/menu) or
+     * [`MenuProvider`](https://ariakit.org/reference/menu-provider) components'
+     * context will be used.
      */
     store?: MenuStore;
 }

package/cjs/menu/menu-bar-provider.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _J77SNKFZcjs = require('../__chunks/J77SNKFZ.cjs');
+var _Y66YQJ4Lcjs = require('../__chunks/Y66YQJ4L.cjs');
 
 
 var _6RYSMHQYcjs = require('../__chunks/6RYSMHQY.cjs');
-require('../__chunks/FWCQCCG3.cjs');
-require('../__chunks/GCTYF2Y6.cjs');
+require('../__chunks/JDIVO6OK.cjs');
+require('../__chunks/K5M7LOPE.cjs');
 require('../__chunks/H7R5D2FR.cjs');
 require('../__chunks/NHZBX2RS.cjs');
 require('../__chunks/Q6W7IWNJ.cjs');
@@ -13,7 +13,7 @@ require('../__chunks/AKOG5S2T.cjs');
 require('../__chunks/W6ZRSMO5.cjs');
 require('../__chunks/A2NMYLCG.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/I63PYP2U.cjs');
+require('../__chunks/UHRHLHM2.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
@@ -21,7 +21,7 @@ require('../__chunks/72I2GWXF.cjs');
 // src/menu/menu-bar-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function MenuBarProvider(props = {}) {
-  const store = _J77SNKFZcjs.useMenuBarStore.call(void 0, props);
+  const store = _Y66YQJ4Lcjs.useMenuBarStore.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _6RYSMHQYcjs.MenuBarContextProvider, { value: store, children: props.children });
 }
 

package/cjs/menu/menu-bar-store.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _J77SNKFZcjs = require('../__chunks/J77SNKFZ.cjs');
-require('../__chunks/FWCQCCG3.cjs');
-require('../__chunks/GCTYF2Y6.cjs');
-require('../__chunks/I63PYP2U.cjs');
+var _Y66YQJ4Lcjs = require('../__chunks/Y66YQJ4L.cjs');
+require('../__chunks/JDIVO6OK.cjs');
+require('../__chunks/K5M7LOPE.cjs');
+require('../__chunks/UHRHLHM2.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.useMenuBarStore = _J77SNKFZcjs.useMenuBarStore; exports.useMenuBarStoreProps = _J77SNKFZcjs.useMenuBarStoreProps;
+exports.useMenuBarStore = _Y66YQJ4Lcjs.useMenuBarStore; exports.useMenuBarStoreProps = _Y66YQJ4Lcjs.useMenuBarStoreProps;

package/cjs/menu/menu-bar.cjs

@@ -4,7 +4,7 @@
 var _6RYSMHQYcjs = require('../__chunks/6RYSMHQY.cjs');
 
 
-var _6G5GJF5Qcjs = require('../__chunks/6G5GJF5Q.cjs');
+var _SELCJFCBcjs = require('../__chunks/SELCJFCB.cjs');
 require('../__chunks/KLZID3QO.cjs');
 require('../__chunks/H7R5D2FR.cjs');
 require('../__chunks/NHZBX2RS.cjs');
@@ -12,7 +12,7 @@ require('../__chunks/Q6W7IWNJ.cjs');
 require('../__chunks/AKOG5S2T.cjs');
 require('../__chunks/W6ZRSMO5.cjs');
 require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/BFLDQF3L.cjs');
+require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
@@ -54,7 +54,7 @@ var useMenuBar = _Z5PUIG6Acjs.createHook.call(void 0,
         "aria-orientation": orientation
       }, props);
     }
-    props = _6G5GJF5Qcjs.useComposite.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, composite }, props));
+    props = _SELCJFCBcjs.useComposite.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, composite }, props));
     return props;
   }
 );

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

@@ -28,33 +28,34 @@ export declare const useMenuBar: import("../utils/types.js").Hook<MenuBarOptions
  * @see https://ariakit.org/components/menu
  * @example
  * ```jsx
- * const store = useMenuBarStore();
- * const fileProps = useMenuItem({ store });
- * const editProps = useMenuItem({ store });
- * const fileMenu = useMenuStore();
- * const editMenu = useMenuStore();
- * <MenuBar store={store}>
- *   <MenuButton {...fileProps} store={fileMenu}>
- *     File
- *   </MenuButton>
- *   <Menu store={fileMenu}>
- *     <MenuItem>New File</MenuItem>
- *     <MenuItem>New Window</MenuItem>
- *   </Menu>
- *   <MenuButton {...editProps} store={editMenu}>
- *     Edit
- *   </MenuButton>
- *   <Menu store={editMenu}>
- *     <MenuItem>Undo</MenuItem>
- *     <MenuItem>Redo</MenuItem>
- *   </Menu>
- * </MenuBar>
+ * <MenuBarProvider>
+ *   <MenuBar>
+ *     <MenuProvider>
+ *       <MenuItem render={<MenuButton />}>File</MenuItem>
+ *       <Menu>
+ *         <MenuItem>New File</MenuItem>
+ *         <MenuItem>New Window</MenuItem>
+ *       </Menu>
+ *     </MenuProvider>
+ *     <MenuProvider>
+ *       <MenuItem render={<MenuButton />}>Edit</MenuItem>
+ *       <Menu>
+ *         <MenuItem>Undo</MenuItem>
+ *         <MenuItem>Redo</MenuItem>
+ *       </Menu>
+ *     </MenuProvider>
+ *   </MenuBar>
+ * </MenuBarProvider>
  * ```
  */
 export declare const MenuBar: import("../utils/types.js").Component<MenuBarOptions<"div">>;
 export interface MenuBarOptions<T extends As = "div"> extends CompositeOptions<T> {
     /**
-     * Object returned by the `useMenuBarStore` hook.
+     * Object returned by the
+     * [`useMenuBarStore`](https://ariakit.org/reference/use-menu-bar-store) hook.
+     * If not provided, the closest
+     * [`MenuBarProvider`](https://ariakit.org/reference/menu-bar-provider)
+     * component's context will be used.
      */
     store?: MenuBarStore;
 }

package/cjs/menu/menu-button-arrow.d.ts

@@ -25,22 +25,27 @@ export declare const useMenuButtonArrow: import("../utils/types.js").Hook<MenuBu
  * @see https://ariakit.org/components/menu
  * @example
  * ```jsx
- * const menu = useMenuStore();
- * <MenuButton store={menu}>
- *   Edit
- *   <MenuButtonArrow />
- * </MenuButton>
- * <Menu store={menu}>
- *   <MenuItem>Undo</MenuItem>
- *   <MenuItem>Redo</MenuItem>
- * </Menu>
+ * <MenuProvider>
+ *   <MenuButton>
+ *     Edit
+ *     <MenuButtonArrow />
+ *   </MenuButton>
+ *   <Menu>
+ *     <MenuItem>Undo</MenuItem>
+ *     <MenuItem>Redo</MenuItem>
+ *   </Menu>
+ * </MenuProvider>
  * ```
  */
 export declare const MenuButtonArrow: import("../utils/types.js").Component<MenuButtonArrowOptions<"span">>;
 export interface MenuButtonArrowOptions<T extends As = "span"> extends PopoverDisclosureArrowOptions<T> {
     /**
-     * Object returned by the `useMenuStore` hook. If not provided, the parent
-     * `MenuButton` component's context will be used.
+     * Object returned by the
+     * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook. If not
+     * provided, the closest
+     * [`MenuButton`](https://ariakit.org/reference/menu-button) or
+     * [`MenuProvider`](https://ariakit.org/reference/menu-provider) components'
+     * context will be used.
      */
     store?: MenuStore;
 }

package/cjs/menu/menu-button.cjs

@@ -7,18 +7,18 @@ var _KFXK3MNIcjs = require('../__chunks/KFXK3MNI.cjs');
 var _6RYSMHQYcjs = require('../__chunks/6RYSMHQY.cjs');
 
 
-var _2VQBXUAIcjs = require('../__chunks/2VQBXUAI.cjs');
-require('../__chunks/LCKU3TYW.cjs');
-require('../__chunks/JNVNPB37.cjs');
+var _IK6X277Scjs = require('../__chunks/IK6X277S.cjs');
+require('../__chunks/VI6T32XI.cjs');
+require('../__chunks/RXP7Z4XR.cjs');
 require('../__chunks/XH2CZ7VF.cjs');
-require('../__chunks/ZQTMT453.cjs');
+require('../__chunks/KMOIJMBF.cjs');
 
 
 var _DC66R2NYcjs = require('../__chunks/DC66R2NY.cjs');
-require('../__chunks/NPDPNCSD.cjs');
+require('../__chunks/FXRXBA2Y.cjs');
 
 
-var _HYYXXXEKcjs = require('../__chunks/HYYXXXEK.cjs');
+var _BSOHJE7Rcjs = require('../__chunks/BSOHJE7R.cjs');
 require('../__chunks/KLZID3QO.cjs');
 require('../__chunks/H7R5D2FR.cjs');
 require('../__chunks/NHZBX2RS.cjs');
@@ -29,7 +29,7 @@ require('../__chunks/Q6W7IWNJ.cjs');
 require('../__chunks/AKOG5S2T.cjs');
 require('../__chunks/W6ZRSMO5.cjs');
 require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/BFLDQF3L.cjs');
+require('../__chunks/GQAB4M3B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
@@ -38,7 +38,7 @@ require('../__chunks/LHHW5ZQP.cjs');
 var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
 
 
-var _I63PYP2Ucjs = require('../__chunks/I63PYP2U.cjs');
+var _UHRHLHM2cjs = require('../__chunks/UHRHLHM2.cjs');
 
 
 
@@ -83,7 +83,9 @@ var useMenuButton = _Z5PUIG6Acjs.createHook.call(void 0,
     const parentIsMenuBar = !!parentMenuBar && !hasParentMenu;
     const disabled = props.disabled || props["aria-disabled"] === true || props["aria-disabled"] === "true";
     _react.useEffect.call(void 0, () => {
-      return _store.sync.call(void 0, store, ["disclosureElement"], () => {
+      return _store.sync.call(void 0, store, ["disclosureElement"], (state) => {
+        if (!state.disclosureElement)
+          return;
         store == null ? void 0 : store.setState("disclosureElement", ref.current);
       });
     }, [store]);
@@ -153,7 +155,7 @@ var useMenuButton = _Z5PUIG6Acjs.createHook.call(void 0,
       });
     }
     const id = _5WLTMVVQcjs.useId.call(void 0, props.id);
-    const parentContentElement = _I63PYP2Ucjs.useStoreState.call(void 0, parentMenu, "contentElement");
+    const parentContentElement = _UHRHLHM2cjs.useStoreState.call(void 0, parentMenu, "contentElement");
     const role = hasParentMenu || parentIsMenuBar ? _dom.getPopupItemRole.call(void 0, parentContentElement, "menuitem") : void 0;
     const contentElement = store.useState("contentElement");
     props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
@@ -166,7 +168,7 @@ var useMenuButton = _Z5PUIG6Acjs.createHook.call(void 0,
       onKeyDown,
       onClick
     });
-    props = _HYYXXXEKcjs.useHovercardAnchor.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _BSOHJE7Rcjs.useHovercardAnchor.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store,
       focusable,
       accessibleWhenDisabled
@@ -184,7 +186,7 @@ var useMenuButton = _Z5PUIG6Acjs.createHook.call(void 0,
         return parentIsMenuBar && _KFXK3MNIcjs.hasExpandedMenuButton.call(void 0, items);
       }
     }));
-    props = _2VQBXUAIcjs.usePopoverDisclosure.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _IK6X277Scjs.usePopoverDisclosure.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store,
       toggleOnClick: !hasParentMenu,
       focusable,

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

@@ -19,31 +19,39 @@ import type { MenuStore } from "./menu-store.js";
  */
 export declare const useMenuButton: import("../utils/types.js").Hook<MenuButtonOptions<"button" | "div">>;
 /**
- * Renders a menu button that triggers a dropdown menu. Usually, this is
+ * Renders a menu button that triggers a
+ * [`Menu`](https://ariakit.org/reference/menu) component. Usually, this is
  * rendered as a native `button` element, but if it's a submenu button rendered
  * as a menu item inside another menu, it'll be rendered as a `div`.
  * @see https://ariakit.org/components/menu
  * @example
  * ```jsx
- * const menu = useMenuStore();
- * <MenuButton store={menu}>Edit</MenuButton>
- * <Menu store={menu}>
- *   <MenuItem>Undo</MenuItem>
- *   <MenuItem>Redo</MenuItem>
- * </Menu>
+ * <MenuProvider>
+ *   <MenuButton>Edit</MenuButton>
+ *   <Menu>
+ *     <MenuItem>Undo</MenuItem>
+ *     <MenuItem>Redo</MenuItem>
+ *   </Menu>
+ * </MenuProvider>
  * ```
  */
 export declare const MenuButton: import("../utils/types.js").Component<MenuButtonOptions<"button" | "div">>;
 export interface MenuButtonOptions<T extends As = "button" | "div"> extends HovercardAnchorOptions<T>, PopoverDisclosureOptions<T>, CompositeTypeaheadOptions<T> {
     /**
-     * Object returned by the `useMenuStore` hook.
+     * Object returned by the
+     * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook. If not
+     * provided, the closest
+     * [`MenuProvider`](https://ariakit.org/reference/menu-provider) component's
+     * context will be used.
      */
     store?: MenuStore;
     /**
      * Determines whether pressing a character key while focusing on the
-     * `MenuButton` should move focus to the `MenuItem` starting with that
-     * character. By default, it's `true` for menu buttons in a `MenuBar`, but
-     * `false` for other menu buttons.
+     * [`MenuButton`](https://ariakit.org/reference/menu-button) should move focus
+     * to the [`MenuItem`](https://ariakit.org/reference/menu-item) starting with
+     * that character. By default, it's `true` for menu buttons in a
+     * [`MenuBar`](https://ariakit.org/reference/menu-bar), but `false` for other
+     * menu buttons.
      */
     typeahead?: boolean;
 }

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

@@ -15,22 +15,27 @@ import type { MenuStore } from "./menu-store.js";
  */
 export declare const useMenuDescription: import("../utils/types.js").Hook<MenuDescriptionOptions<"p">>;
 /**
- * Renders a description in a menu. This component must be wrapped with `Menu`
- * so the `aria-describedby` prop is properly set on the menu element.
+ * Renders a description in a menu. This component must be wrapped with
+ * [`Menu`](https://ariakit.org/reference/menu) component so the
+ * `aria-describedby` prop is properly set on the menu element.
  * @see https://ariakit.org/components/menu
  * @example
  * ```jsx
- * const menu = useMenuStore();
- * <Menu store={menu}>
- *   <MenuDescription>Description</MenuDescription>
- * </Menu>
+ * <MenuProvider>
+ *   <Menu>
+ *     <MenuDescription>Description</MenuDescription>
+ *   </Menu>
+ * </MenuProvider>
  * ```
  */
 export declare const MenuDescription: import("../utils/types.js").Component<MenuDescriptionOptions<"p">>;
 export interface MenuDescriptionOptions<T extends As = "p"> extends HovercardDescriptionOptions<T> {
     /**
-     * Object returned by the `useMenuStore` hook. If not provided, the parent
-     * `Menu` component's context will be used.
+     * Object returned by the
+     * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook. If not
+     * provided, the closest [`Menu`](https://ariakit.org/reference/menu) or
+     * [`MenuProvider`](https://ariakit.org/reference/menu-provider) components'
+     * context will be used.
      */
     store?: MenuStore;
 }