@ariakit/react-core 0.3.1 → 0.3.3

package/esm/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/esm/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/esm/menu/menu-button.js

@@ -7,18 +7,18 @@ import {
 } from "../__chunks/2GC3IEM7.js";
 import {
   usePopoverDisclosure
-} from "../__chunks/MXSIXS3C.js";
-import "../__chunks/TQ2YQL6O.js";
-import "../__chunks/7AFOF5E7.js";
+} from "../__chunks/SUD3LBWB.js";
+import "../__chunks/3HY5ZQT3.js";
+import "../__chunks/R6PKH666.js";
 import "../__chunks/4FNI7F6H.js";
-import "../__chunks/QPWEKAWF.js";
+import "../__chunks/D2BRO4YW.js";
 import {
   useCompositeTypeahead
 } from "../__chunks/YVYWIVKG.js";
-import "../__chunks/LND6SMHN.js";
+import "../__chunks/XBIFFFUN.js";
 import {
   useHovercardAnchor
-} from "../__chunks/54DCICBS.js";
+} from "../__chunks/KXTLHNBI.js";
 import "../__chunks/OXPV2NBK.js";
 import "../__chunks/5C7J4IAS.js";
 import "../__chunks/74KKBFVP.js";
@@ -29,7 +29,7 @@ import "../__chunks/5DA3HK6G.js";
 import "../__chunks/547DFODS.js";
 import "../__chunks/5YYGDU4E.js";
 import "../__chunks/56KWVYDN.js";
-import "../__chunks/M4OAD5XF.js";
+import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
@@ -38,7 +38,7 @@ import {
 } from "../__chunks/CFEUKV6C.js";
 import {
   useStoreState
-} from "../__chunks/XXO3VVQU.js";
+} from "../__chunks/4LP74VAP.js";
 import {
   useEvent,
   useId,
@@ -83,7 +83,9 @@ var useMenuButton = createHook(
     const parentIsMenuBar = !!parentMenuBar && !hasParentMenu;
     const disabled = props.disabled || props["aria-disabled"] === true || props["aria-disabled"] === "true";
     useEffect(() => {
-      return sync(store, ["disclosureElement"], () => {
+      return sync(store, ["disclosureElement"], (state) => {
+        if (!state.disclosureElement)
+          return;
         store == null ? void 0 : store.setState("disclosureElement", ref.current);
       });
     }, [store]);

package/esm/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/esm/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/esm/menu/menu-dismiss.js

@@ -1,20 +1,20 @@
 import {
   useHovercardDismiss
-} from "../__chunks/AYWP3ZW6.js";
+} from "../__chunks/5QIDAYL3.js";
 import {
   useMenuScopedContext
 } from "../__chunks/2GC3IEM7.js";
-import "../__chunks/4JNX5L5C.js";
-import "../__chunks/HMYMEP6U.js";
-import "../__chunks/QPWEKAWF.js";
-import "../__chunks/LND6SMHN.js";
+import "../__chunks/T5VBGHBO.js";
+import "../__chunks/W5ZMSHVN.js";
+import "../__chunks/D2BRO4YW.js";
+import "../__chunks/XBIFFFUN.js";
 import "../__chunks/5C7J4IAS.js";
 import "../__chunks/74KKBFVP.js";
 import "../__chunks/5DA3HK6G.js";
 import "../__chunks/547DFODS.js";
 import "../__chunks/5YYGDU4E.js";
 import "../__chunks/56KWVYDN.js";
-import "../__chunks/M4OAD5XF.js";
+import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,

package/esm/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/esm/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/esm/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/esm/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;
 }

package/esm/menu/menu-item-checkbox.d.ts

@@ -21,22 +21,27 @@ export declare const useMenuItemCheckbox: import("../utils/types.js").Hook<MenuI
  * @see https://ariakit.org/components/menu
  * @example
  * ```jsx
- * const menu = useMenuStore({ defaultValues: { apple: false } });
- * <MenuButton store={menu}>Fruits</MenuButton>
- * <Menu store={menu}>
- *   <MenuItemCheckbox name="apple">Apple</MenuItemCheckbox>
- * </Menu>
+ * <MenuProvider defaultValues={{ apple: false }}>
+ *   <MenuButton>Fruits</MenuButton>
+ *   <Menu>
+ *     <MenuItemCheckbox name="apple">Apple</MenuItemCheckbox>
+ *   </Menu>
+ * </MenuProvider>
  * ```
  */
 export declare const MenuItemCheckbox: import("../utils/types.js").Component<MenuItemCheckboxOptions<"div">>;
 export interface MenuItemCheckboxOptions<T extends As = "div"> extends MenuItemOptions<T>, Omit<CheckboxOptions<T>, "store"> {
     /**
-     * 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;
     /**
-     * MenuItemCheckbox's name as in `menu.values`.
+     * MenuItemCheckbox's name as specified in the
+     * [`values`](https://ariakit.org/reference/menu-provider#values) state.
      */
     name: string;
     /**

package/esm/menu/menu-item-checkbox.js

@@ -1,21 +1,21 @@
 import {
   useCheckbox
-} from "../__chunks/HGW6FZYU.js";
+} from "../__chunks/G4QRTAYK.js";
 import {
   useCheckboxStore
-} from "../__chunks/KZMKUBQH.js";
+} from "../__chunks/D6CHFQY5.js";
 import "../__chunks/ICL2YIES.js";
 import {
   useMenuItem
-} from "../__chunks/EKIHOHWR.js";
+} from "../__chunks/26JVBZKI.js";
 import "../__chunks/W7JXAQKF.js";
 import {
   useMenuScopedContext
 } from "../__chunks/2GC3IEM7.js";
 import "../__chunks/XCH4OEEE.js";
 import "../__chunks/M5KYRTQG.js";
-import "../__chunks/72OJKUSZ.js";
-import "../__chunks/LND6SMHN.js";
+import "../__chunks/54J7EHCU.js";
+import "../__chunks/XBIFFFUN.js";
 import "../__chunks/XIA3HAXM.js";
 import "../__chunks/OXPV2NBK.js";
 import "../__chunks/5C7J4IAS.js";
@@ -24,14 +24,14 @@ import "../__chunks/5DA3HK6G.js";
 import "../__chunks/547DFODS.js";
 import "../__chunks/5YYGDU4E.js";
 import "../__chunks/56KWVYDN.js";
-import "../__chunks/M4OAD5XF.js";
+import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createElement,
   createHook,
   createMemoComponent
 } from "../__chunks/CFEUKV6C.js";
-import "../__chunks/XXO3VVQU.js";
+import "../__chunks/4LP74VAP.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {

package/esm/menu/menu-item-radio.d.ts

@@ -23,27 +23,32 @@ export declare const useMenuItemRadio: import("../utils/types.js").Hook<MenuItem
  * @see https://ariakit.org/components/menu
  * @example
  * ```jsx
- * const menu = useMenuStore({ defaultValues: { fruit: "apple" } });
- * <MenuButton store={menu}>Fruit</MenuButton>
- * <Menu store={menu}>
- *   <MenuItemRadio name="fruit" value="apple">
- *     Apple
- *   </MenuItemRadio>
- *   <MenuItemRadio name="fruit" value="orange">
- *     Orange
- *   </MenuItemRadio>
- * </Menu>
+ * <MenuProvider defaultValues={{ fruit: "apple" }}>
+ *   <MenuButton>Fruit</MenuButton>
+ *   <Menu>
+ *     <MenuItemRadio name="fruit" value="apple">
+ *       Apple
+ *     </MenuItemRadio>
+ *     <MenuItemRadio name="fruit" value="orange">
+ *       Orange
+ *     </MenuItemRadio>
+ *   </Menu>
+ * </MenuProvider>
  * ```
  */
 export declare const MenuItemRadio: import("../utils/types.js").Component<MenuItemRadioOptions<"div">>;
 export interface MenuItemRadioOptions<T extends As = "div"> extends MenuItemOptions<T>, Omit<RadioOptions<T>, "store"> {
     /**
-     * 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;
     /**
-     * MenuItemRadio's name as in `menu.values`.
+     * MenuItemRadio's name as specified in the
+     * [`values`](https://ariakit.org/reference/menu-provider#values) state.
      */
     name: string;
     /**

package/esm/menu/menu-item-radio.js

@@ -1,6 +1,6 @@
 import {
   useMenuItem
-} from "../__chunks/EKIHOHWR.js";
+} from "../__chunks/26JVBZKI.js";
 import "../__chunks/W7JXAQKF.js";
 import {
   MenuItemCheckedContext,
@@ -8,11 +8,11 @@ import {
 } from "../__chunks/2GC3IEM7.js";
 import {
   useRadio
-} from "../__chunks/R4FKKQYI.js";
+} from "../__chunks/OJDCQDIL.js";
 import "../__chunks/NRFPH2ON.js";
 import "../__chunks/XCH4OEEE.js";
-import "../__chunks/72OJKUSZ.js";
-import "../__chunks/LND6SMHN.js";
+import "../__chunks/54J7EHCU.js";
+import "../__chunks/XBIFFFUN.js";
 import "../__chunks/XIA3HAXM.js";
 import "../__chunks/OXPV2NBK.js";
 import "../__chunks/5C7J4IAS.js";
@@ -21,14 +21,14 @@ import "../__chunks/5DA3HK6G.js";
 import "../__chunks/547DFODS.js";
 import "../__chunks/5YYGDU4E.js";
 import "../__chunks/56KWVYDN.js";
-import "../__chunks/M4OAD5XF.js";
+import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createElement,
   createHook,
   createMemoComponent
 } from "../__chunks/CFEUKV6C.js";
-import "../__chunks/XXO3VVQU.js";
+import "../__chunks/4LP74VAP.js";
 import {
   useWrapElement
 } from "../__chunks/J7Q2EO23.js";

package/esm/menu/menu-item.d.ts

@@ -26,20 +26,27 @@ export declare const useMenuItem: import("../utils/types.js").Hook<MenuItemOptio
  * @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 MenuItem: import("../utils/types.js").Component<MenuItemOptions<"div">>;
 export interface MenuItemOptions<T extends As = "div"> extends CompositeItemOptions<T>, CompositeHoverOptions<T> {
     /**
-     * Object returned by the `useMenuBarStore` or `useMenuStore` hooks. If not
-     * provided, the parent `Menu` or `MenuBar` components' context will be
-     * used.
+     * Object returned by the
+     * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) or
+     * [`useMenuBarStore`](https://ariakit.org/reference/use-menu-bar-store)
+     * hooks. If not provided, the closest
+     * [`Menu`](https://ariakit.org/reference/menu),
+     * [`MenuProvider`](https://ariakit.org/reference/menu-provider),
+     * [`MenuBar`](https://ariakit.org/reference/menu-bar), or
+     * [`MenuBarProvider`](https://ariakit.org/reference/menu-bar-provider)
+     * components' context will be used.
      */
     store?: MenuBarStore | MenuStore;
     /**

package/esm/menu/menu-item.js

@@ -1,12 +1,12 @@
 import {
   MenuItem,
   useMenuItem
-} from "../__chunks/EKIHOHWR.js";
+} from "../__chunks/26JVBZKI.js";
 import "../__chunks/W7JXAQKF.js";
 import "../__chunks/2GC3IEM7.js";
 import "../__chunks/XCH4OEEE.js";
-import "../__chunks/72OJKUSZ.js";
-import "../__chunks/LND6SMHN.js";
+import "../__chunks/54J7EHCU.js";
+import "../__chunks/XBIFFFUN.js";
 import "../__chunks/XIA3HAXM.js";
 import "../__chunks/OXPV2NBK.js";
 import "../__chunks/5C7J4IAS.js";
@@ -15,10 +15,10 @@ import "../__chunks/5DA3HK6G.js";
 import "../__chunks/547DFODS.js";
 import "../__chunks/5YYGDU4E.js";
 import "../__chunks/56KWVYDN.js";
-import "../__chunks/M4OAD5XF.js";
+import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/CFEUKV6C.js";
-import "../__chunks/XXO3VVQU.js";
+import "../__chunks/4LP74VAP.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";