@ariakit/react-core 0.3.4 → 0.3.6

package/cjs/menu/menu-arrow.cjs

@@ -1,40 +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 _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
+require('../__chunks/7LBZXSLY.cjs');
 
-var _ZHMGQCNXcjs = require('../__chunks/ZHMGQCNX.cjs');
-require('../__chunks/4K6QJIPX.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 _AZV52Y77cjs = require('../__chunks/AZV52Y77.cjs');
+require('../__chunks/AH3CUB6N.cjs');
+require('../__chunks/UZNYSPKP.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/3W6FH6JK.cjs');
+require('../__chunks/UVBBMANL.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/menu/menu-arrow.ts
-var useMenuArrow = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useMenuArrow = _RNZNGEL4cjs.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 = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _NGEKJJDHcjs.useMenuContext.call(void 0, );
     store = store || context;
-    return _ZHMGQCNXcjs.usePopoverArrow.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    return _AZV52Y77cjs.usePopoverArrow.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
   }
 );
-var MenuArrow = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var MenuArrow = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useMenuArrow(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   MenuArrow.displayName = "MenuArrow";

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

@@ -0,0 +1,42 @@
+import type { PopoverArrowOptions } from "../popover/popover-arrow.js";
+import type { As, Props } from "../utils/types.js";
+import type { MenuStore } from "./menu-store.js";
+/**
+ * Returns props to create a `MenuArrow` component.
+ * @see https://ariakit.org/components/menu
+ * @example
+ * ```jsx
+ * const store = useMenuStore();
+ * const props = useMenuArrow({ store });
+ * <MenuButton store={store}>Menu</MenuButton>
+ * <Menu store={store}>
+ *   <Role {...props} />
+ * </Menu>
+ * ```
+ */
+export declare const useMenuArrow: import("../utils/types.js").Hook<MenuArrowOptions<"div">>;
+/**
+ * Renders an arrow inside the menu element.
+ * @see https://ariakit.org/components/menu
+ * @example
+ * ```jsx
+ * <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`](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 MenuArrowProps<T extends As = "div"> = Props<MenuArrowOptions<T>>;

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

@@ -1,28 +1,25 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _SE2X2FG7cjs = require('../__chunks/SE2X2FG7.cjs');
 
+var _UQ7KT5UOcjs = require('../__chunks/UQ7KT5UO.cjs');
+require('../__chunks/7LBZXSLY.cjs');
+require('../__chunks/SSJIHRU6.cjs');
+require('../__chunks/A5RWZSX7.cjs');
+require('../__chunks/TUVU5ERH.cjs');
+require('../__chunks/UZNYSPKP.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
 
-var _6RYSMHQYcjs = require('../__chunks/6RYSMHQY.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/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
+
+var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/menu/menu-bar-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function MenuBarProvider(props = {}) {
-  const store = _SE2X2FG7cjs.useMenuBarStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _6RYSMHQYcjs.MenuBarContextProvider, { value: store, children: props.children });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UQ7KT5UOcjs.MenubarProvider, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props));
 }
 
 

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

@@ -0,0 +1,31 @@
+import type { MenubarProviderProps } from "../menubar/menubar-provider.js";
+/**
+ * Provides a menubar store to MenuBar components.
+ * @deprecated
+ * Use [`MenubarProvider`](https://ariakit.org/reference/menubar-provider)
+ * instead.
+ * @example
+ * ```jsx
+ * <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 function MenuBarProvider(props?: MenuBarProviderProps): import("react/jsx-runtime").JSX.Element;
+export interface MenuBarProviderProps extends MenubarProviderProps {
+}

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

@@ -1,21 +1,22 @@
-import type { ReactNode } from "react";
-import type { MenuBarStoreProps } from "./menu-bar-store.js";
+import type { MenubarProviderProps } from "../menubar/menubar-provider.js";
 /**
  * Provides a menubar store to MenuBar components.
- * @see https://ariakit.org/components/menu
+ * @deprecated
+ * Use [`MenubarProvider`](https://ariakit.org/reference/menubar-provider)
+ * instead.
  * @example
  * ```jsx
  * <MenuBarProvider>
  *   <MenuBar>
  *     <MenuProvider>
- *       <MenuButton>File</MenuButton>
+ *       <MenuItem render={<MenuButton />}>File</MenuItem>
  *       <Menu>
  *         <MenuItem>New File</MenuItem>
  *         <MenuItem>New Window</MenuItem>
  *       </Menu>
  *     </MenuProvider>
  *     <MenuProvider>
- *       <MenuButton>Edit</MenuButton>
+ *       <MenuItem render={<MenuButton />}>Edit</MenuItem>
  *       <Menu>
  *         <MenuItem>Undo</MenuItem>
  *         <MenuItem>Redo</MenuItem>
@@ -26,6 +27,5 @@ import type { MenuBarStoreProps } from "./menu-bar-store.js";
  * ```
  */
 export declare function MenuBarProvider(props?: MenuBarProviderProps): import("react/jsx-runtime").JSX.Element;
-export interface MenuBarProviderProps extends MenuBarStoreProps {
-    children?: ReactNode;
+export interface MenuBarProviderProps extends MenubarProviderProps {
 }

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

@@ -1,14 +1,23 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-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');
 
+var _SSJIHRU6cjs = require('../__chunks/SSJIHRU6.cjs');
+require('../__chunks/A5RWZSX7.cjs');
+require('../__chunks/TUVU5ERH.cjs');
+require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
+// src/menu/menu-bar-store.ts
+function useMenuBarStoreProps(store, update, props) {
+  return _SSJIHRU6cjs.useMenubarStoreProps.call(void 0, store, update, props);
+}
+function useMenuBarStore(props = {}) {
+  return _SSJIHRU6cjs.useMenubarStore.call(void 0, props);
+}
 
-exports.useMenuBarStore = _SE2X2FG7cjs.useMenuBarStore; exports.useMenuBarStoreProps = _SE2X2FG7cjs.useMenuBarStoreProps;
+
+
+exports.useMenuBarStore = useMenuBarStore; exports.useMenuBarStoreProps = useMenuBarStoreProps;

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

@@ -0,0 +1,25 @@
+import type * as Core from "@ariakit/core/menu/menu-bar-store";
+import type { MenubarStore, MenubarStoreFunctions, MenubarStoreOptions, MenubarStoreProps, MenubarStoreState } from "../menubar/menubar-store.js";
+export declare function useMenuBarStoreProps<T extends Core.MenuBarStore>(store: T, update: () => void, props: MenuBarStoreProps): T;
+/**
+ * Creates a menu bar store.
+ * @deprecated
+ * Use [`useMenubarStore`](https://ariakit.org/reference/use-menubar-store)
+ * instead.
+ * @example
+ * ```jsx
+ * const menu = useMenuBarStore();
+ * <MenuBar store={menu} />
+ * ```
+ */
+export declare function useMenuBarStore(props?: MenuBarStoreProps): MenuBarStore;
+export interface MenuBarStoreState extends MenubarStoreState {
+}
+export interface MenuBarStoreFunctions extends MenubarStoreFunctions {
+}
+export interface MenuBarStoreOptions extends MenubarStoreOptions {
+}
+export interface MenuBarStoreProps extends MenubarStoreProps {
+}
+export interface MenuBarStore extends MenubarStore {
+}

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

@@ -1,10 +1,11 @@
-import * as Core from "@ariakit/core/menu/menu-bar-store";
-import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
-import type { Store } from "../utils/store.js";
+import type * as Core from "@ariakit/core/menu/menu-bar-store";
+import type { MenubarStore, MenubarStoreFunctions, MenubarStoreOptions, MenubarStoreProps, MenubarStoreState } from "../menubar/menubar-store.js";
 export declare function useMenuBarStoreProps<T extends Core.MenuBarStore>(store: T, update: () => void, props: MenuBarStoreProps): T;
 /**
  * Creates a menu bar store.
- * @see https://ariakit.org/components/menu
+ * @deprecated
+ * Use [`useMenubarStore`](https://ariakit.org/reference/use-menubar-store)
+ * instead.
  * @example
  * ```jsx
  * const menu = useMenuBarStore();
@@ -12,11 +13,13 @@ export declare function useMenuBarStoreProps<T extends Core.MenuBarStore>(store:
  * ```
  */
 export declare function useMenuBarStore(props?: MenuBarStoreProps): MenuBarStore;
-export interface MenuBarStoreState extends Core.MenuBarStoreState, CompositeStoreState {
+export interface MenuBarStoreState extends MenubarStoreState {
 }
-export interface MenuBarStoreFunctions extends Core.MenuBarStoreFunctions, CompositeStoreFunctions {
+export interface MenuBarStoreFunctions extends MenubarStoreFunctions {
 }
-export interface MenuBarStoreOptions extends Core.MenuBarStoreOptions, CompositeStoreOptions {
+export interface MenuBarStoreOptions extends MenubarStoreOptions {
+}
+export interface MenuBarStoreProps extends MenubarStoreProps {
+}
+export interface MenuBarStore extends MenubarStore {
 }
-export type MenuBarStoreProps = MenuBarStoreOptions & Core.MenuBarStoreProps;
-export type MenuBarStore = MenuBarStoreFunctions & Store<Core.MenuBarStore>;

package/cjs/menu/menu-bar.cjs

@@ -1,66 +1,34 @@
-"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 _KAQBQZEGcjs = require('../__chunks/KAQBQZEG.cjs');
+require('../__chunks/7LBZXSLY.cjs');
+require('../__chunks/SSJIHRU6.cjs');
+require('../__chunks/CZOBQEIO.cjs');
+require('../__chunks/RV3PHHWM.cjs');
+require('../__chunks/A5RWZSX7.cjs');
+require('../__chunks/TUVU5ERH.cjs');
+require('../__chunks/UZNYSPKP.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/75KXQZJX.cjs');
 
 
-var _SELCJFCBcjs = require('../__chunks/SELCJFCB.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 _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-
-
-var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-
-
-
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 // src/menu/menu-bar.tsx
-var _misc = require('@ariakit/core/utils/misc');
-var _jsxruntime = require('react/jsx-runtime');
-var useMenuBar = _Z5PUIG6Acjs.createHook.call(void 0, 
-  (_a) => {
-    var _b = _a, { store, composite = true } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "composite"]);
-    const context = _6RYSMHQYcjs.useMenuBarProviderContext.call(void 0, );
-    store = store || context;
-    _misc.invariant.call(void 0, 
-      store,
-      process.env.NODE_ENV !== "production" && "MenuBar must receive a `store` prop or be wrapped in a MenuBarProvider component."
-    );
-    const orientation = store.useState(
-      (state) => !composite || state.orientation === "both" ? void 0 : state.orientation
-    );
-    props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
-      props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _6RYSMHQYcjs.MenuBarScopedContextProvider, { value: store, children: element }),
-      [store]
-    );
-    if (composite) {
-      props = _72I2GWXFcjs.__spreadValues.call(void 0, {
-        role: "menubar",
-        "aria-orientation": orientation
-      }, props);
-    }
-    props = _SELCJFCBcjs.useComposite.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, composite }, props));
-    return props;
-  }
-);
-var MenuBar = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var useMenuBar = _RNZNGEL4cjs.createHook.call(void 0, (props) => {
+  return _KAQBQZEGcjs.useMenubar.call(void 0, props);
+});
+var MenuBar = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useMenuBar(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   MenuBar.displayName = "MenuBar";

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

@@ -0,0 +1,55 @@
+import type { MenubarOptions } from "../menubar/menubar.js";
+import type { As, Props } from "../utils/types.js";
+/**
+ * Returns props to create a `MenuBar` component.
+ * @deprecated
+ * Use [`useMenubar`](https://ariakit.org/reference/use-menubar) instead.
+ * @example
+ * ```jsx
+ * const store = useMenuBarStore();
+ * const menuBarProps = useMenuBar({ store });
+ * const fileProps = useMenuItem({ store });
+ * const fileMenu = useMenuStore();
+ * <Role {...menuBarProps}>
+ *   <MenuButton {...fileProps} store={fileMenu}>
+ *     File
+ *   </MenuButton>
+ *   <Menu store={fileMenu}>
+ *     <MenuItem>New File</MenuItem>
+ *     <MenuItem>New Window</MenuItem>
+ *   </Menu>
+ * </Role>
+ * ```
+ */
+export declare const useMenuBar: import("../utils/types.js").Hook<MenuBarOptions<"div">>;
+/**
+ * Renders a menu bar that may contain a group of menu items that control other
+ * submenus.
+ * @deprecated
+ * Use [`Menubar`](https://ariakit.org/reference/menubar) instead.
+ * @example
+ * ```jsx
+ * <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 MenubarOptions<T> {
+}
+export type MenuBarProps<T extends As = "div"> = Props<MenuBarOptions<T>>;

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

@@ -1,9 +1,9 @@
-import type { CompositeOptions } from "../composite/composite.js";
+import type { MenubarOptions } from "../menubar/menubar.js";
 import type { As, Props } from "../utils/types.js";
-import type { MenuBarStore } from "./menu-bar-store.js";
 /**
  * Returns props to create a `MenuBar` component.
- * @see https://ariakit.org/components/menu
+ * @deprecated
+ * Use [`useMenubar`](https://ariakit.org/reference/use-menubar) instead.
  * @example
  * ```jsx
  * const store = useMenuBarStore();
@@ -25,7 +25,8 @@ export declare const useMenuBar: import("../utils/types.js").Hook<MenuBarOptions
 /**
  * Renders a menu bar that may contain a group of menu items that control other
  * submenus.
- * @see https://ariakit.org/components/menu
+ * @deprecated
+ * Use [`Menubar`](https://ariakit.org/reference/menubar) instead.
  * @example
  * ```jsx
  * <MenuBarProvider>
@@ -49,14 +50,6 @@ export declare const useMenuBar: import("../utils/types.js").Hook<MenuBarOptions
  * ```
  */
 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`](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;
+export interface MenuBarOptions<T extends As = "div"> extends MenubarOptions<T> {
 }
 export type MenuBarProps<T extends As = "div"> = Props<MenuBarOptions<T>>;

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

@@ -1,41 +1,43 @@
-"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 _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
+require('../__chunks/7LBZXSLY.cjs');
 
-var _VIPX6GSMcjs = require('../__chunks/VIPX6GSM.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 _YU7XEYUJcjs = require('../__chunks/YU7XEYUJ.cjs');
+require('../__chunks/UZNYSPKP.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/3W6FH6JK.cjs');
+require('../__chunks/UVBBMANL.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/menu/menu-button-arrow.ts
-var useMenuButtonArrow = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useMenuButtonArrow = _RNZNGEL4cjs.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 = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _NGEKJJDHcjs.useMenuContext.call(void 0, );
     store = store || context;
-    props = _VIPX6GSMcjs.usePopoverDisclosureArrow.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _YU7XEYUJcjs.usePopoverDisclosureArrow.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var MenuButtonArrow = _Z5PUIG6Acjs.createComponent.call(void 0, 
+var MenuButtonArrow = _RNZNGEL4cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useMenuButtonArrow(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "span", htmlProps);
+    return _RNZNGEL4cjs.createElement.call(void 0, "span", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

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

@@ -0,0 +1,52 @@
+import type { PopoverDisclosureArrowOptions } from "../popover/popover-disclosure-arrow.js";
+import type { As, Props } from "../utils/types.js";
+import type { MenuStore } from "./menu-store.js";
+/**
+ * Returns props to create a `MenuButtonArrow` component.
+ * @see https://ariakit.org/components/menu
+ * @example
+ * ```jsx
+ * const store = useMenuStore();
+ * const props = useMenuButtonArrow({ store });
+ * <MenuButton store={store}>
+ *   Edit
+ *   <Role {...props} />
+ * </MenuButton>
+ * <Menu store={store}>
+ *   <MenuItem>Undo</MenuItem>
+ *   <MenuItem>Redo</MenuItem>
+ * </Menu>
+ * ```
+ */
+export declare const useMenuButtonArrow: import("../utils/types.js").Hook<MenuButtonArrowOptions<"span">>;
+/**
+ * Renders an arrow pointing to the menu position, usually inside a
+ * `MenuButton`.
+ * @see https://ariakit.org/components/menu
+ * @example
+ * ```jsx
+ * <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`](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;
+}
+export type MenuButtonArrowProps<T extends As = "span"> = Props<MenuButtonArrowOptions<T>>;