@ariakit/react-core 0.3.2 → 0.3.4

package/cjs/hovercard/hovercard.cjs

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _WBPFHFAXcjs = require('../__chunks/WBPFHFAX.cjs');
+var _T222USYScjs = require('../__chunks/T222USYS.cjs');
 require('../__chunks/OLGMV24U.cjs');
-require('../__chunks/XOHN6PER.cjs');
-require('../__chunks/QEG5AJH6.cjs');
-require('../__chunks/HCQYEOCO.cjs');
-require('../__chunks/6BAHKJ5K.cjs');
-require('../__chunks/DPLHWKRP.cjs');
+require('../__chunks/VAY4A33A.cjs');
+require('../__chunks/QFGI3BJE.cjs');
+require('../__chunks/R7CSCUVW.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');
@@ -26,21 +26,22 @@ require('../__chunks/CKEXTQ2S.cjs');
 require('../__chunks/NS56XHXG.cjs');
 require('../__chunks/CQSUIL2D.cjs');
 require('../__chunks/OAEUR56W.cjs');
-require('../__chunks/5E5FKYEO.cjs');
+require('../__chunks/L2VQ4YLN.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/KSFAO77E.cjs');
 require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/3ULNMLN7.cjs');
-require('../__chunks/I63PYP2U.cjs');
+require('../__chunks/ZZZ5MQHA.cjs');
+require('../__chunks/HSOKUBYY.cjs');
+require('../__chunks/EVNF7KMT.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.Hovercard = _WBPFHFAXcjs.Hovercard; exports.useHovercard = _WBPFHFAXcjs.useHovercard;
+exports.Hovercard = _T222USYScjs.Hovercard; exports.useHovercard = _T222USYScjs.useHovercard;

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 _SE2X2FG7cjs = require('../__chunks/SE2X2FG7.cjs');
 
 
 var _6RYSMHQYcjs = require('../__chunks/6RYSMHQY.cjs');
-require('../__chunks/FWCQCCG3.cjs');
-require('../__chunks/GCTYF2Y6.cjs');
+require('../__chunks/232HWSNY.cjs');
+require('../__chunks/76UBACFC.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/EVNF7KMT.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 = _SE2X2FG7cjs.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 _SE2X2FG7cjs = require('../__chunks/SE2X2FG7.cjs');
+require('../__chunks/232HWSNY.cjs');
+require('../__chunks/76UBACFC.cjs');
+require('../__chunks/EVNF7KMT.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.useMenuBarStore = _J77SNKFZcjs.useMenuBarStore; exports.useMenuBarStoreProps = _J77SNKFZcjs.useMenuBarStoreProps;
+exports.useMenuBarStore = _SE2X2FG7cjs.useMenuBarStore; exports.useMenuBarStoreProps = _SE2X2FG7cjs.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 _YLOTLD6Scjs = require('../__chunks/YLOTLD6S.cjs');
+require('../__chunks/35G5ZXPH.cjs');
+require('../__chunks/VGU6RMHO.cjs');
 require('../__chunks/XH2CZ7VF.cjs');
-require('../__chunks/ZQTMT453.cjs');
+require('../__chunks/EZKYHQVF.cjs');
 
 
 var _DC66R2NYcjs = require('../__chunks/DC66R2NY.cjs');
-require('../__chunks/NPDPNCSD.cjs');
+require('../__chunks/HWZH54NB.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 _EVNF7KMTcjs = require('../__chunks/EVNF7KMT.cjs');
 
 
 
@@ -155,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 = _EVNF7KMTcjs.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, {
@@ -168,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
@@ -186,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 = _YLOTLD6Scjs.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;
 }

package/cjs/menu/menu-dismiss.cjs

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _2C7LUQOScjs = require('../__chunks/2C7LUQOS.cjs');
+var _OOFSNUBVcjs = require('../__chunks/OOFSNUBV.cjs');
 
 
 var _6RYSMHQYcjs = require('../__chunks/6RYSMHQY.cjs');
-require('../__chunks/2FEEKOTF.cjs');
-require('../__chunks/S4UMINQJ.cjs');
-require('../__chunks/ZQTMT453.cjs');
-require('../__chunks/NPDPNCSD.cjs');
+require('../__chunks/GZMKQINI.cjs');
+require('../__chunks/EMNY7J2W.cjs');
+require('../__chunks/EZKYHQVF.cjs');
+require('../__chunks/HWZH54NB.cjs');
 require('../__chunks/H7R5D2FR.cjs');
 require('../__chunks/NHZBX2RS.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');
 
 
@@ -34,7 +34,7 @@ var useMenuDismiss = _Z5PUIG6Acjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _6RYSMHQYcjs.useMenuScopedContext.call(void 0, );
     store = store || context;
-    props = _2C7LUQOScjs.useHovercardDismiss.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _OOFSNUBVcjs.useHovercardDismiss.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

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

@@ -19,17 +19,21 @@ export declare const useMenuDismiss: import("../utils/types.js").Hook<MenuDismis
  * @see https://ariakit.org/components/menu
  * @example
  * ```jsx
- * const menu = useMenuStore();
- * <Menu store={menu}>
- *   <MenuDismiss />
- * </Menu>
+ * <MenuProvider>
+ *   <Menu>
+ *     <MenuDismiss />
+ *   </Menu>
+ * </MenuProvider>
  * ```
  */
 export declare const MenuDismiss: import("../utils/types.js").Component<MenuDismissOptions<"button">>;
 export interface MenuDismissOptions<T extends As = "button"> extends HovercardDismissOptions<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-group-label.d.ts

@@ -21,21 +21,26 @@ export declare const useMenuGroupLabel: import("../utils/types.js").Hook<MenuGro
  * @see https://ariakit.org/components/menu
  * @example
  * ```jsx
- * const menu = useMenuStore();
- * <MenuButton store={menu}>Recent Items</MenuButton>
- * <Menu store={menu}>
- *   <MenuGroup>
- *     <MenuGroupLabel>Applications</MenuGroupLabel>
- *     <MenuItem>Google Chrome.app</MenuItem>
- *     <MenuItem>Safari.app</MenuItem>
- *   </MenuGroup>
- * </Menu>
+ * <MenuProvider>
+ *   <MenuButton>Recent Items</MenuButton>
+ *   <Menu>
+ *     <MenuGroup>
+ *       <MenuGroupLabel>Applications</MenuGroupLabel>
+ *       <MenuItem>Google Chrome.app</MenuItem>
+ *       <MenuItem>Safari.app</MenuItem>
+ *     </MenuGroup>
+ *   </Menu>
+ * </MenuProvider>
  * ```
  */
 export declare const MenuGroupLabel: import("../utils/types.js").Component<MenuGroupLabelOptions<"div">>;
 export interface MenuGroupLabelOptions<T extends As = "div"> extends CompositeGroupLabelOptions<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 [`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-group.d.ts

@@ -24,21 +24,26 @@ export declare const useMenuGroup: import("../utils/types.js").Hook<MenuGroupOpt
  * @see https://ariakit.org/components/menu
  * @example
  * ```jsx
- * const menu = useMenuStore();
- * <MenuButton store={menu}>Recent Items</MenuButton>
- * <Menu store={menu}>
- *   <MenuGroup>
- *     <MenuGroupLabel>Applications</MenuGroupLabel>
- *     <MenuItem>Google Chrome.app</MenuItem>
- *     <MenuItem>Safari.app</MenuItem>
- *   </MenuGroup>
- * </Menu>
+ * <MenuProvider>
+ *   <MenuButton>Recent Items</MenuButton>
+ *   <Menu>
+ *     <MenuGroup>
+ *       <MenuGroupLabel>Applications</MenuGroupLabel>
+ *       <MenuItem>Google Chrome.app</MenuItem>
+ *       <MenuItem>Safari.app</MenuItem>
+ *     </MenuGroup>
+ *   </Menu>
+ * </MenuProvider>
  * ```
  */
 export declare const MenuGroup: import("../utils/types.js").Component<MenuGroupOptions<"div">>;
 export interface MenuGroupOptions<T extends As = "div"> extends CompositeGroupOptions<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 [`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-heading.d.ts

@@ -20,17 +20,21 @@ export declare const useMenuHeading: import("../utils/types.js").Hook<MenuHeadin
  * @see https://ariakit.org/components/menu
  * @example
  * ```jsx
- * const menu = useMenuStore();
- * <Menu store={menu}>
- *   <MenuHeading>Heading</MenuHeading>
- * </Menu>
+ * <MenuProvider>
+ *   <Menu>
+ *     <MenuHeading>Heading</MenuHeading>
+ *   </Menu>
+ * </MenuProvider>
  * ```
  */
 export declare const MenuHeading: import("../utils/types.js").Component<MenuHeadingOptions<"h1">>;
 export interface MenuHeadingOptions<T extends As = "h1"> extends HovercardHeadingOptions<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-item-check.d.ts

@@ -18,26 +18,26 @@ export declare const useMenuItemCheck: import("../utils/types.js").Hook<MenuItem
  * @see https://ariakit.org/components/menu
  * @example
  * ```jsx
- * const menu = useMenuStore({
- *   defaultValues: { apple: true, orange: false },
- * });
- * <MenuButton store={menu}>Fruits</MenuButton>
- * <Menu store={menu}>
- *   <MenuItemCheckbox name="apple">
- *     <MenuItemCheck />
- *     Apple
- *   </MenuItemCheckbox>
- *   <MenuItemCheckbox name="orange">
- *     <MenuItemCheck />
- *     Orange
- *   </MenuItemCheckbox>
- * </Menu>
+ * <MenuProvider defaultValues={{ apple: true, orange: false }}>
+ *   <MenuButton>Fruits</MenuButton>
+ *   <Menu>
+ *     <MenuItemCheckbox name="apple">
+ *       <MenuItemCheck />
+ *       Apple
+ *     </MenuItemCheckbox>
+ *     <MenuItemCheckbox name="orange">
+ *       <MenuItemCheck />
+ *       Orange
+ *     </MenuItemCheckbox>
+ *   </Menu>
+ * </MenuProvider>
  * ```
  */
 export declare const MenuItemCheck: import("../utils/types.js").Component<MenuItemCheckOptions<"span">>;
 export interface MenuItemCheckOptions<T extends As = "span"> extends Omit<CheckboxCheckOptions<T>, "store"> {
     /**
-     * Object returned by the `useMenuStore` hook.
+     * Object returned by the
+     * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook.
      */
     store?: MenuStore;
 }