@ariakit/react-core 0.3.4 → 0.3.5

package/cjs/menu/menu-item-radio.cjs

@@ -1,47 +1,57 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _TYMYFAUIcjs = require('../__chunks/TYMYFAUI.cjs');
-require('../__chunks/KFXK3MNI.cjs');
 
+var _OQTZAPK7cjs = require('../__chunks/OQTZAPK7.cjs');
+require('../__chunks/6HAYK3MK.cjs');
 
 
-var _6RYSMHQYcjs = require('../__chunks/6RYSMHQY.cjs');
 
+var _YRDDHZT7cjs = require('../__chunks/YRDDHZT7.cjs');
 
-var _5ZP4D2SQcjs = require('../__chunks/5ZP4D2SQ.cjs');
-require('../__chunks/FPNO6JL5.cjs');
-require('../__chunks/LPFT4ZFH.cjs');
-require('../__chunks/GUWJ7VTO.cjs');
-require('../__chunks/HWZH54NB.cjs');
-require('../__chunks/FMI5QF7N.cjs');
-require('../__chunks/KLZID3QO.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/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
 
+var _2UXXG7NZcjs = require('../__chunks/2UXXG7NZ.cjs');
+require('../__chunks/FD3VCGWP.cjs');
+require('../__chunks/QWH4QBHA.cjs');
+require('../__chunks/H2TTW65Q.cjs');
+require('../__chunks/F7HB6RYG.cjs');
+require('../__chunks/HY2NPBHW.cjs');
+require('../__chunks/RV3PHHWM.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/ORT5QOHH.cjs');
+require('../__chunks/KZA6P235.cjs');
+require('../__chunks/QKKT6RXX.cjs');
+require('../__chunks/SMKW5GKS.cjs');
+require('../__chunks/7ARL6QHN.cjs');
+require('../__chunks/75KXQZJX.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/EVNF7KMT.cjs');
 
+var _VKYTJKYNcjs = require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/WLJVTO7A.cjs');
 
-var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
 
+var _JTVNRMACcjs = require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+
+var _WYXAWBLEcjs = require('../__chunks/WYXAWBLE.cjs');
 
 // src/menu/menu-item-radio.tsx
+var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
-var useMenuItemRadio = _Z5PUIG6Acjs.createHook.call(void 0, 
+function getValue(prevValue, value, checked) {
+  if (checked === void 0)
+    return prevValue;
+  if (checked)
+    return value;
+  return prevValue;
+}
+var useMenuItemRadio = _VKYTJKYNcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -50,7 +60,7 @@ var useMenuItemRadio = _Z5PUIG6Acjs.createHook.call(void 0,
       checked,
       onChange: onChangeProp,
       hideOnClick = false
-    } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
+    } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, [
       "store",
       "name",
       "value",
@@ -58,41 +68,56 @@ var useMenuItemRadio = _Z5PUIG6Acjs.createHook.call(void 0,
       "onChange",
       "hideOnClick"
     ]);
-    const context = _6RYSMHQYcjs.useMenuScopedContext.call(void 0, );
+    const context = _YRDDHZT7cjs.useMenuScopedContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "MenuItemRadio must be wrapped in a MenuList or Menu component"
     );
-    const isChecked = store.useState(
-      (state) => checked != null ? checked : state.values[name] === value
-    );
-    props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
+    const defaultChecked = _JTVNRMACcjs.useInitialValue.call(void 0, props.defaultChecked);
+    _react.useEffect.call(void 0, () => {
+      store == null ? void 0 : store.setValue(name, (prevValue = false) => {
+        return getValue(prevValue, value, defaultChecked);
+      });
+    }, [store, name, value, defaultChecked]);
+    _react.useEffect.call(void 0, () => {
+      if (checked === void 0)
+        return;
+      store == null ? void 0 : store.setValue(name, (prevValue) => {
+        return getValue(prevValue, value, checked);
+      });
+    }, [store, name, value, checked]);
+    const isChecked = store.useState((state) => state.values[name] === value);
+    props = _JTVNRMACcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _6RYSMHQYcjs.MenuItemCheckedContext.Provider, { value: !!isChecked, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _YRDDHZT7cjs.MenuItemCheckedContext.Provider, { value: !!isChecked, children: element }),
       [isChecked]
     );
-    props = _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _WYXAWBLEcjs.__spreadValues.call(void 0, {
       role: "menuitemradio"
     }, props);
-    props = _5ZP4D2SQcjs.useRadio.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _2UXXG7NZcjs.useRadio.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
+      name,
       value,
       checked: isChecked,
       onChange: (event) => {
         onChangeProp == null ? void 0 : onChangeProp(event);
         if (event.defaultPrevented)
           return;
-        store == null ? void 0 : store.setValue(name, value);
+        const element = event.currentTarget;
+        store == null ? void 0 : store.setValue(name, (prevValue) => {
+          return getValue(prevValue, value, checked != null ? checked : element.checked);
+        });
       }
     }, props));
-    props = _TYMYFAUIcjs.useMenuItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
+    props = _OQTZAPK7cjs.useMenuItem.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
     return props;
   }
 );
-var MenuItemRadio = _Z5PUIG6Acjs.createMemoComponent.call(void 0, 
+var MenuItemRadio = _VKYTJKYNcjs.createMemoComponent.call(void 0, 
   (props) => {
     const htmlProps = useMenuItemRadio(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+    return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/menu/menu-item-radio.d.cts

@@ -0,0 +1,71 @@
+import type { RadioOptions } from "../radio/radio.js";
+import type { As, Props } from "../utils/types.js";
+import type { MenuItemOptions } from "./menu-item.js";
+import type { MenuStore } from "./menu-store.js";
+/**
+ * Returns props to create a `MenuItemRadio` component.
+ * @see https://ariakit.org/components/menu
+ * @example
+ * ```jsx
+ * const store = useMenuStore({ defaultValues: { fruit: "apple" } });
+ * const apple = useMenuItemRadio({ store, name: "fruit", value: "apple" });
+ * const orange = useMenuItemRadio({ store, name: "fruit", value: "orange" });
+ * <MenuButton store={store}>Fruit</MenuButton>
+ * <Menu store={store}>
+ *   <Role {...apple}>Apple</Role>
+ *   <Role {...orange}>Orange</Role>
+ * </Menu>
+ * ```
+ */
+export declare const useMenuItemRadio: import("../utils/types.js").Hook<MenuItemRadioOptions<"div">>;
+/**
+ * Renders a menu item radio inside a menu.
+ * @see https://ariakit.org/components/menu
+ * @example
+ * ```jsx
+ * <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`](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 specified in the
+     * [`values`](https://ariakit.org/reference/menu-provider#values) state.
+     */
+    name: string;
+    /**
+     * The controlled checked state of the element. It will set the menu
+     * [`values`](https://ariakit.org/reference/menu-provider#values) state if
+     * provided.
+     */
+    checked?: boolean;
+    /**
+     * The default checked state of the element. It will set the default value in
+     * the menu [`values`](https://ariakit.org/reference/menu-provider#values)
+     * state if provided.
+     */
+    defaultChecked?: boolean;
+    /**
+     * @default false
+     */
+    hideOnClick?: MenuItemOptions<T>["hideOnClick"];
+}
+export type MenuItemRadioProps<T extends As = "div"> = Props<MenuItemRadioOptions<T>>;

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

@@ -51,6 +51,18 @@ export interface MenuItemRadioOptions<T extends As = "div"> extends MenuItemOpti
      * [`values`](https://ariakit.org/reference/menu-provider#values) state.
      */
     name: string;
+    /**
+     * The controlled checked state of the element. It will set the menu
+     * [`values`](https://ariakit.org/reference/menu-provider#values) state if
+     * provided.
+     */
+    checked?: boolean;
+    /**
+     * The default checked state of the element. It will set the default value in
+     * the menu [`values`](https://ariakit.org/reference/menu-provider#values)
+     * state if provided.
+     */
+    defaultChecked?: boolean;
     /**
      * @default false
      */

package/cjs/menu/menu-item.cjs

@@ -1,28 +1,29 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _TYMYFAUIcjs = require('../__chunks/TYMYFAUI.cjs');
-require('../__chunks/KFXK3MNI.cjs');
-require('../__chunks/6RYSMHQY.cjs');
-require('../__chunks/LPFT4ZFH.cjs');
-require('../__chunks/GUWJ7VTO.cjs');
-require('../__chunks/HWZH54NB.cjs');
-require('../__chunks/FMI5QF7N.cjs');
-require('../__chunks/KLZID3QO.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/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _OQTZAPK7cjs = require('../__chunks/OQTZAPK7.cjs');
+require('../__chunks/6HAYK3MK.cjs');
+require('../__chunks/YRDDHZT7.cjs');
+require('../__chunks/QWH4QBHA.cjs');
+require('../__chunks/H2TTW65Q.cjs');
+require('../__chunks/F7HB6RYG.cjs');
+require('../__chunks/HY2NPBHW.cjs');
+require('../__chunks/RV3PHHWM.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/ORT5QOHH.cjs');
+require('../__chunks/KZA6P235.cjs');
+require('../__chunks/QKKT6RXX.cjs');
+require('../__chunks/SMKW5GKS.cjs');
+require('../__chunks/7ARL6QHN.cjs');
+require('../__chunks/75KXQZJX.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/WLJVTO7A.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
-exports.MenuItem = _TYMYFAUIcjs.MenuItem; exports.useMenuItem = _TYMYFAUIcjs.useMenuItem;
+
+exports.MenuItem = _OQTZAPK7cjs.MenuItem; exports.useMenuItem = _OQTZAPK7cjs.useMenuItem;

package/cjs/menu/menu-item.d.cts

@@ -0,0 +1,62 @@
+import type { MouseEvent } from "react";
+import type { BooleanOrCallback } from "@ariakit/core/utils/types";
+import type { CompositeHoverOptions } from "../composite/composite-hover.js";
+import type { CompositeItemOptions } from "../composite/composite-item.js";
+import type { As, Props } from "../utils/types.js";
+import type { MenuBarStore } from "./menu-bar-store.js";
+import type { MenuStore } from "./menu-store.js";
+/**
+ * Returns props to create a `MenuItem` component.
+ * @see https://ariakit.org/components/menu
+ * @example
+ * ```jsx
+ * const store = useMenuStore();
+ * const undo = useMenuItem({ store });
+ * const redo = useMenuItem({ store });
+ * <MenuButton store={store}>Edit</MenuButton>
+ * <Menu store={store}>
+ *   <Role {...undo}>Undo</Role>
+ *   <Role {...redo}>Redo</Role>
+ * </Menu>
+ * ```
+ */
+export declare const useMenuItem: import("../utils/types.js").Hook<MenuItemOptions<"div">>;
+/**
+ * Renders a menu item.
+ * @see https://ariakit.org/components/menu
+ * @example
+ * ```jsx
+ * <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
+     * [`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;
+    /**
+     * Whether to hide the menu when the menu item is clicked.
+     * @default true
+     */
+    hideOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
+    /**
+     * @default true
+     */
+    preventScrollOnKeyDown?: CompositeItemOptions<T>["preventScrollOnKeyDown"];
+}
+export type MenuItemProps<T extends As = "div"> = Props<MenuItemOptions<T>>;

package/cjs/menu/menu-list.cjs

@@ -1,26 +1,27 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _GWFSX7RQcjs = require('../__chunks/GWFSX7RQ.cjs');
-require('../__chunks/6RYSMHQY.cjs');
-require('../__chunks/DC66R2NY.cjs');
-require('../__chunks/SELCJFCB.cjs');
-require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/L2VQ4YLN.cjs');
-require('../__chunks/Q6W7IWNJ.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _NFJS7B5Mcjs = require('../__chunks/NFJS7B5M.cjs');
+require('../__chunks/YRDDHZT7.cjs');
+require('../__chunks/TUYB72LL.cjs');
+require('../__chunks/6MOJZWML.cjs');
+require('../__chunks/RV3PHHWM.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/RXGXI75N.cjs');
+require('../__chunks/ORT5QOHH.cjs');
+require('../__chunks/KZA6P235.cjs');
+require('../__chunks/QKKT6RXX.cjs');
+require('../__chunks/SMKW5GKS.cjs');
+require('../__chunks/7ARL6QHN.cjs');
+require('../__chunks/75KXQZJX.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/WLJVTO7A.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
-exports.MenuList = _GWFSX7RQcjs.MenuList; exports.useMenuList = _GWFSX7RQcjs.useMenuList;
+
+exports.MenuList = _NFJS7B5Mcjs.MenuList; exports.useMenuList = _NFJS7B5Mcjs.useMenuList;

package/cjs/menu/menu-list.d.cts

@@ -0,0 +1,46 @@
+import type { CompositeTypeaheadOptions } from "../composite/composite-typeahead.js";
+import type { CompositeOptions } from "../composite/composite.js";
+import type { DisclosureContentOptions } from "../disclosure/disclosure-content.js";
+import type { As, Props } from "../utils/types.js";
+import type { MenuStore } from "./menu-store.js";
+/**
+ * Returns props to create a `MenuList` component.
+ * @see https://ariakit.org/components/menu
+ * @example
+ * ```jsx
+ * const store = useMenuStore();
+ * const props = useMenuList({ store });
+ * <MenuButton store={store}>Edit</MenuButton>
+ * <Role {...props}>
+ *   <MenuItem>Undo</MenuItem>
+ *   <MenuItem>Redo</MenuItem>
+ * </Role>
+ * ```
+ */
+export declare const useMenuList: import("../utils/types.js").Hook<MenuListOptions<"div">>;
+/**
+ * Renders a menu list element.
+ * @see https://ariakit.org/components/menu
+ * @example
+ * ```jsx
+ * <MenuProvider>
+ *   <MenuButton>Edit</MenuButton>
+ *   <MenuList>
+ *     <MenuItem>Undo</MenuItem>
+ *     <MenuItem>Redo</MenuItem>
+ *   </MenuList>
+ * </MenuProvider>
+ * ```
+ */
+export declare const MenuList: import("../utils/types.js").Component<MenuListOptions<"div">>;
+export interface MenuListOptions<T extends As = "div"> extends CompositeOptions<T>, CompositeTypeaheadOptions<T>, Pick<DisclosureContentOptions, "alwaysVisible"> {
+    /**
+     * 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;
+}
+export type MenuListProps<T extends As = "div"> = Props<MenuListOptions<T>>;

package/cjs/menu/menu-provider.cjs

@@ -1,33 +1,34 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _DYNIQRKIcjs = require('../__chunks/DYNIQRKI.cjs');
 
+var _RCYQROHJcjs = require('../__chunks/RCYQROHJ.cjs');
 
-var _6RYSMHQYcjs = require('../__chunks/6RYSMHQY.cjs');
-require('../__chunks/ZBG4TGVL.cjs');
-require('../__chunks/232HWSNY.cjs');
-require('../__chunks/76UBACFC.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/Z5PUIG6A.cjs');
-require('../__chunks/RU4K4ZH6.cjs');
-require('../__chunks/O6SYRTZH.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');
+
+var _YRDDHZT7cjs = require('../__chunks/YRDDHZT7.cjs');
+require('../__chunks/KXLF6YSN.cjs');
+require('../__chunks/U74DRAW2.cjs');
+require('../__chunks/W23HEISM.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/ORT5QOHH.cjs');
+require('../__chunks/KZA6P235.cjs');
+require('../__chunks/QKKT6RXX.cjs');
+require('../__chunks/SMKW5GKS.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/BRJSETQA.cjs');
+require('../__chunks/IE75SSVL.cjs');
+require('../__chunks/QQNI2PXZ.cjs');
+require('../__chunks/4H55S5YC.cjs');
+require('../__chunks/WLJVTO7A.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 // src/menu/menu-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function MenuProvider(props = {}) {
-  const store = _DYNIQRKIcjs.useMenuStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _6RYSMHQYcjs.MenuContextProvider, { value: store, children: props.children });
+  const store = _RCYQROHJcjs.useMenuStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _YRDDHZT7cjs.MenuContextProvider, { value: store, children: props.children });
 }
 
 

package/cjs/menu/menu-provider.d.cts

@@ -0,0 +1,24 @@
+import type { ReactElement, ReactNode } from "react";
+import type { PickRequired } from "@ariakit/core/utils/types";
+import type { MenuStoreProps, MenuStoreValues } from "./menu-store.js";
+type Values = MenuStoreValues;
+/**
+ * Provides a menu store to Menu components.
+ * @see https://ariakit.org/components/menu
+ * @example
+ * ```jsx
+ * <MenuProvider placement="top">
+ *   <MenuButton>Edit</MenuButton>
+ *   <Menu>
+ *     <MenuItem>Undo</MenuItem>
+ *     <MenuItem>Redo</MenuItem>
+ *   </Menu>
+ * </MenuProvider>
+ * ```
+ */
+export declare function MenuProvider<T extends Values = Values>(props: PickRequired<MenuProviderProps<T>, "values" | "defaultValues">): ReactElement;
+export declare function MenuProvider(props?: MenuProviderProps): ReactElement;
+export interface MenuProviderProps<T extends Values = Values> extends MenuStoreProps<T> {
+    children?: ReactNode;
+}
+export {};

package/cjs/menu/menu-separator.cjs

@@ -1,41 +1,42 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _6RYSMHQYcjs = require('../__chunks/6RYSMHQY.cjs');
 
+var _YRDDHZT7cjs = require('../__chunks/YRDDHZT7.cjs');
 
-var _NFFY66XZcjs = require('../__chunks/NFFY66XZ.cjs');
-require('../__chunks/CYI34MDD.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');
 
+var _NKUO6VN5cjs = require('../__chunks/NKUO6VN5.cjs');
+require('../__chunks/CU67FFZI.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/ORT5QOHH.cjs');
+require('../__chunks/KZA6P235.cjs');
+require('../__chunks/QKKT6RXX.cjs');
+require('../__chunks/SMKW5GKS.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _VKYTJKYNcjs = require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _WYXAWBLEcjs = require('../__chunks/WYXAWBLE.cjs');
 
 // src/menu/menu-separator.ts
-var useMenuSeparator = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useMenuSeparator = _VKYTJKYNcjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _6RYSMHQYcjs.useMenuContext.call(void 0, );
+    var _b = _a, { store } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _YRDDHZT7cjs.useMenuContext.call(void 0, );
     store = store || context;
-    props = _NFFY66XZcjs.useCompositeSeparator.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _NKUO6VN5cjs.useCompositeSeparator.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var MenuSeparator = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var MenuSeparator = _VKYTJKYNcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useMenuSeparator(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "hr", htmlProps);
+  return _VKYTJKYNcjs.createElement.call(void 0, "hr", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   MenuSeparator.displayName = "MenuSeparator";

package/cjs/menu/menu-separator.d.cts

@@ -0,0 +1,48 @@
+import type { CompositeSeparatorOptions } from "../composite/composite-separator.js";
+import type { As, Props } from "../utils/types.js";
+import type { MenuStore } from "./menu-store.js";
+/**
+ * Returns props to create a `MenuSeparator` component.
+ * @see https://ariakit.org/components/menu
+ * @example
+ * ```jsx
+ * const store = useMenuStore();
+ * const props = useMenuSeparator({ store });
+ * <MenuButton store={store}>Edit</MenuButton>
+ * <Menu store={store}>
+ *   <MenuItem>Undo</MenuItem>
+ *   <MenuItem>Redo</MenuItem>
+ *   <Role {...props} />
+ *   <MenuItem>Cut</MenuItem>
+ * </Menu>
+ * ```
+ */
+export declare const useMenuSeparator: import("../utils/types.js").Hook<MenuSeparatorOptions<"hr">>;
+/**
+ * Renders a separator for menu items.
+ * @see https://ariakit.org/components/menu
+ * @example
+ * ```jsx
+ * <MenuProvider>
+ *   <MenuButton>Edit</MenuButton>
+ *   <Menu>
+ *     <MenuItem>Undo</MenuItem>
+ *     <MenuItem>Redo</MenuItem>
+ *     <MenuSeparator />
+ *     <MenuItem>Cut</MenuItem>
+ *   </Menu>
+ * </MenuProvider>
+ * ```
+ */
+export declare const MenuSeparator: import("../utils/types.js").Component<MenuSeparatorOptions<"hr">>;
+export interface MenuSeparatorOptions<T extends As = "hr"> extends CompositeSeparatorOptions<T> {
+    /**
+     * 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;
+}
+export type MenuSeparatorProps<T extends As = "hr"> = Props<MenuSeparatorOptions<T>>;