@ariakit/react-core 0.3.14 → 0.4.1

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

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
-require('../__chunks/7LBZXSLY.cjs');
+var _HD6KOF3Gcjs = require('../__chunks/HD6KOF3G.cjs');
+require('../__chunks/GAHLF3OI.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 _7UBOHCYJcjs = require('../__chunks/7UBOHCYJ.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/M5PQIWTW.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
@@ -25,24 +25,20 @@ require('../__chunks/CJDHQUBR.cjs');
 var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/menu/menu-button-arrow.ts
-var useMenuButtonArrow = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var TagName = "span";
+var useMenuButtonArrow = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useMenuButtonArrow2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _NGEKJJDHcjs.useMenuContext.call(void 0, );
+    const context = _HD6KOF3Gcjs.useMenuContext.call(void 0, );
     store = store || context;
-    props = _YU7XEYUJcjs.usePopoverDisclosureArrow.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _7UBOHCYJcjs.usePopoverDisclosureArrow.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var MenuButtonArrow = _RNZNGEL4cjs.createComponent.call(void 0, 
-  (props) => {
-    const htmlProps = useMenuButtonArrow(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "span", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  MenuButtonArrow.displayName = "MenuButtonArrow";
-}
+var MenuButtonArrow = _Q67LZMDTcjs.forwardRef.call(void 0, function MenuButtonArrow2(props) {
+  const htmlProps = useMenuButtonArrow(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
 
 
 

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { PopoverDisclosureArrowOptions } from "../popover/popover-disclosure-arrow.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { MenuStore } from "./menu-store.js";
+declare const TagName = "span";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `MenuButtonArrow` component.
  * @see https://ariakit.org/components/menu
@@ -18,7 +21,7 @@ import type { MenuStore } from "./menu-store.js";
  * </Menu>
  * ```
  */
-export declare const useMenuButtonArrow: import("../utils/types.js").Hook<MenuButtonArrowOptions<"span">>;
+export declare const useMenuButtonArrow: import("../utils/types.js").Hook<"span", MenuButtonArrowOptions<"span">>;
 /**
  * Displays an arrow within a
  * [`MenuButton`](https://ariakit.org/reference/menu-button), pointing to the
@@ -42,8 +45,8 @@ export declare const useMenuButtonArrow: import("../utils/types.js").Hook<MenuBu
  * </MenuProvider>
  * ```
  */
-export declare const MenuButtonArrow: import("../utils/types.js").Component<MenuButtonArrowOptions<"span">>;
-export interface MenuButtonArrowOptions<T extends As = "span"> extends PopoverDisclosureArrowOptions<T> {
+export declare const MenuButtonArrow: (props: MenuButtonArrowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenuButtonArrowOptions<T extends ElementType = TagName> extends PopoverDisclosureArrowOptions<T> {
     /**
      * Object returned by the
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook. If not
@@ -54,4 +57,5 @@ export interface MenuButtonArrowOptions<T extends As = "span"> extends PopoverDi
      */
     store?: MenuStore;
 }
-export type MenuButtonArrowProps<T extends As = "span"> = Props<MenuButtonArrowOptions<T>>;
+export type MenuButtonArrowProps<T extends ElementType = TagName> = Props<T, MenuButtonArrowOptions<T>>;
+export {};

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { PopoverDisclosureArrowOptions } from "../popover/popover-disclosure-arrow.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { MenuStore } from "./menu-store.js";
+declare const TagName = "span";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `MenuButtonArrow` component.
  * @see https://ariakit.org/components/menu
@@ -18,7 +21,7 @@ import type { MenuStore } from "./menu-store.js";
  * </Menu>
  * ```
  */
-export declare const useMenuButtonArrow: import("../utils/types.js").Hook<MenuButtonArrowOptions<"span">>;
+export declare const useMenuButtonArrow: import("../utils/types.js").Hook<"span", MenuButtonArrowOptions<"span">>;
 /**
  * Displays an arrow within a
  * [`MenuButton`](https://ariakit.org/reference/menu-button), pointing to the
@@ -42,8 +45,8 @@ export declare const useMenuButtonArrow: import("../utils/types.js").Hook<MenuBu
  * </MenuProvider>
  * ```
  */
-export declare const MenuButtonArrow: import("../utils/types.js").Component<MenuButtonArrowOptions<"span">>;
-export interface MenuButtonArrowOptions<T extends As = "span"> extends PopoverDisclosureArrowOptions<T> {
+export declare const MenuButtonArrow: (props: MenuButtonArrowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenuButtonArrowOptions<T extends ElementType = TagName> extends PopoverDisclosureArrowOptions<T> {
     /**
      * Object returned by the
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook. If not
@@ -54,4 +57,5 @@ export interface MenuButtonArrowOptions<T extends As = "span"> extends PopoverDi
      */
     store?: MenuStore;
 }
-export type MenuButtonArrowProps<T extends As = "span"> = Props<MenuButtonArrowOptions<T>>;
+export type MenuButtonArrowProps<T extends ElementType = TagName> = Props<T, MenuButtonArrowOptions<T>>;
+export {};

package/cjs/menu/menu-button.cjs

@@ -2,39 +2,39 @@
 
 
 
-var _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
-require('../__chunks/7LBZXSLY.cjs');
+var _HD6KOF3Gcjs = require('../__chunks/HD6KOF3G.cjs');
+require('../__chunks/GAHLF3OI.cjs');
 
 
-var _LICANQTIcjs = require('../__chunks/LICANQTI.cjs');
-require('../__chunks/QCG6J6X5.cjs');
-require('../__chunks/LFHNPG2L.cjs');
-require('../__chunks/3QW6ELTG.cjs');
-require('../__chunks/5UTRYT6E.cjs');
+var _WH5VAOIHcjs = require('../__chunks/WH5VAOIH.cjs');
+require('../__chunks/PIZ222UU.cjs');
+require('../__chunks/QCQVRINH.cjs');
+require('../__chunks/O45NLQRZ.cjs');
+require('../__chunks/M7WN4XJH.cjs');
 
 
-var _6PUZ4NWRcjs = require('../__chunks/6PUZ4NWR.cjs');
-require('../__chunks/DAJUUBUI.cjs');
+var _XSRQB4KOcjs = require('../__chunks/XSRQB4KO.cjs');
+require('../__chunks/Z7QK7V4M.cjs');
 
 
-var _TGTVGYEZcjs = require('../__chunks/TGTVGYEZ.cjs');
+var _W6FESCVUcjs = require('../__chunks/W6FESCVU.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
 
 
-var _LAUATD5Ocjs = require('../__chunks/LAUATD5O.cjs');
-require('../__chunks/3W6FH6JK.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+var _SFDUOV6Fcjs = require('../__chunks/SFDUOV6F.cjs');
+require('../__chunks/M5PQIWTW.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/XRZ2L7EA.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
 
 
 var _OLOZ5JT2cjs = require('../__chunks/OLOZ5JT2.cjs');
@@ -56,6 +56,7 @@ var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
+var TagName = "button";
 function getInitialFocus(event, dir) {
   const keyMap = {
     ArrowDown: dir === "bottom" || dir === "top" ? "first" : false,
@@ -74,10 +75,20 @@ function hasActiveItem(items, excludeElement) {
     return item.element.getAttribute("aria-expanded") === "true";
   }));
 }
-var useMenuButton = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
-    var _b = _a, { store, focusable, accessibleWhenDisabled, showOnHover } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "focusable", "accessibleWhenDisabled", "showOnHover"]);
-    const context = _NGEKJJDHcjs.useMenuProviderContext.call(void 0, );
+var useMenuButton = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useMenuButton2(_a) {
+    var _b = _a, {
+      store,
+      focusable,
+      accessibleWhenDisabled,
+      showOnHover
+    } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
+      "store",
+      "focusable",
+      "accessibleWhenDisabled",
+      "showOnHover"
+    ]);
+    const context = _HD6KOF3Gcjs.useMenuProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -154,12 +165,12 @@ var useMenuButton = _RNZNGEL4cjs.createHook.call(void 0,
     });
     props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NGEKJJDHcjs.MenuContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HD6KOF3Gcjs.MenuContextProvider, { value: store, children: element }),
       [store]
     );
     if (hasParentMenu) {
       props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
-        render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _LAUATD5Ocjs.Role.div, { render: props.render })
+        render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SFDUOV6Fcjs.Role.div, { render: props.render })
       });
     }
     const id = _EO6LS72Hcjs.useId.call(void 0, props.id);
@@ -179,7 +190,7 @@ var useMenuButton = _RNZNGEL4cjs.createHook.call(void 0,
       onKeyDown,
       onClick
     });
-    props = _TGTVGYEZcjs.useHovercardAnchor.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _W6FESCVUcjs.useHovercardAnchor.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       focusable,
       accessibleWhenDisabled
@@ -207,26 +218,23 @@ var useMenuButton = _RNZNGEL4cjs.createHook.call(void 0,
         return true;
       }
     }));
-    props = _LICANQTIcjs.usePopoverDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _WH5VAOIHcjs.usePopoverDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       toggleOnClick: !hasParentMenu,
       focusable,
       accessibleWhenDisabled
     }, props));
-    props = _6PUZ4NWRcjs.useCompositeTypeahead.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _XSRQB4KOcjs.useCompositeTypeahead.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       typeahead: parentIsMenubar
     }, props));
     return props;
   }
 );
-var MenuButton = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var MenuButton = _Q67LZMDTcjs.forwardRef.call(void 0, function MenuButton2(props) {
   const htmlProps = useMenuButton(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "button", htmlProps);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  MenuButton.displayName = "MenuButton";
-}
 
 
 

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

@@ -1,8 +1,11 @@
+import type { ElementType } from "react";
 import type { CompositeTypeaheadOptions } from "../composite/composite-typeahead.js";
 import type { HovercardAnchorOptions } from "../hovercard/hovercard-anchor.js";
 import type { PopoverDisclosureOptions } from "../popover/popover-disclosure.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { MenuStore } from "./menu-store.js";
+declare const TagName = "button";
+type TagName = typeof TagName | "div";
 /**
  * Returns props to create a `MenuButton` component.
  * @see https://ariakit.org/components/menu
@@ -17,7 +20,7 @@ import type { MenuStore } from "./menu-store.js";
  * </Menu>
  * ```
  */
-export declare const useMenuButton: import("../utils/types.js").Hook<MenuButtonOptions<"button" | "div">>;
+export declare const useMenuButton: import("../utils/types.js").Hook<TagName, MenuButtonOptions<TagName>>;
 /**
  * Renders a menu button that toggles the visibility of a
  * [`Menu`](https://ariakit.org/reference/menu) component when clicked or when
@@ -34,8 +37,8 @@ export declare const useMenuButton: import("../utils/types.js").Hook<MenuButtonO
  * </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> {
+export declare const MenuButton: (props: MenuButtonProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenuButtonOptions<T extends ElementType = TagName> extends HovercardAnchorOptions<T>, PopoverDisclosureOptions<T>, CompositeTypeaheadOptions<T> {
     /**
      * Object returned by the
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook. If not
@@ -56,4 +59,5 @@ export interface MenuButtonOptions<T extends As = "button" | "div"> extends Hove
      */
     typeahead?: boolean;
 }
-export type MenuButtonProps<T extends As = "button" | "div"> = Props<MenuButtonOptions<T>>;
+export type MenuButtonProps<T extends ElementType = TagName> = Props<T, MenuButtonOptions<T>>;
+export {};

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

@@ -1,8 +1,11 @@
+import type { ElementType } from "react";
 import type { CompositeTypeaheadOptions } from "../composite/composite-typeahead.js";
 import type { HovercardAnchorOptions } from "../hovercard/hovercard-anchor.js";
 import type { PopoverDisclosureOptions } from "../popover/popover-disclosure.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { MenuStore } from "./menu-store.js";
+declare const TagName = "button";
+type TagName = typeof TagName | "div";
 /**
  * Returns props to create a `MenuButton` component.
  * @see https://ariakit.org/components/menu
@@ -17,7 +20,7 @@ import type { MenuStore } from "./menu-store.js";
  * </Menu>
  * ```
  */
-export declare const useMenuButton: import("../utils/types.js").Hook<MenuButtonOptions<"button" | "div">>;
+export declare const useMenuButton: import("../utils/types.js").Hook<TagName, MenuButtonOptions<TagName>>;
 /**
  * Renders a menu button that toggles the visibility of a
  * [`Menu`](https://ariakit.org/reference/menu) component when clicked or when
@@ -34,8 +37,8 @@ export declare const useMenuButton: import("../utils/types.js").Hook<MenuButtonO
  * </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> {
+export declare const MenuButton: (props: MenuButtonProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenuButtonOptions<T extends ElementType = TagName> extends HovercardAnchorOptions<T>, PopoverDisclosureOptions<T>, CompositeTypeaheadOptions<T> {
     /**
      * Object returned by the
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook. If not
@@ -56,4 +59,5 @@ export interface MenuButtonOptions<T extends As = "button" | "div"> extends Hove
      */
     typeahead?: boolean;
 }
-export type MenuButtonProps<T extends As = "button" | "div"> = Props<MenuButtonOptions<T>>;
+export type MenuButtonProps<T extends ElementType = TagName> = Props<T, MenuButtonOptions<T>>;
+export {};

package/cjs/menu/menu-context.cjs

@@ -11,15 +11,15 @@
 
 
 
-var _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
-require('../__chunks/7LBZXSLY.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');
-require('../__chunks/RNZNGEL4.cjs');
+var _HD6KOF3Gcjs = require('../__chunks/HD6KOF3G.cjs');
+require('../__chunks/GAHLF3OI.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/M5PQIWTW.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
@@ -35,4 +35,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.MenuBarContextProvider = _NGEKJJDHcjs.MenuBarContextProvider; exports.MenuBarScopedContextProvider = _NGEKJJDHcjs.MenuBarScopedContextProvider; exports.MenuContextProvider = _NGEKJJDHcjs.MenuContextProvider; exports.MenuItemCheckedContext = _NGEKJJDHcjs.MenuItemCheckedContext; exports.MenuScopedContextProvider = _NGEKJJDHcjs.MenuScopedContextProvider; exports.useMenuBarContext = _NGEKJJDHcjs.useMenuBarContext; exports.useMenuBarProviderContext = _NGEKJJDHcjs.useMenuBarProviderContext; exports.useMenuBarScopedContext = _NGEKJJDHcjs.useMenuBarScopedContext; exports.useMenuContext = _NGEKJJDHcjs.useMenuContext; exports.useMenuProviderContext = _NGEKJJDHcjs.useMenuProviderContext; exports.useMenuScopedContext = _NGEKJJDHcjs.useMenuScopedContext;
+exports.MenuBarContextProvider = _HD6KOF3Gcjs.MenuBarContextProvider; exports.MenuBarScopedContextProvider = _HD6KOF3Gcjs.MenuBarScopedContextProvider; exports.MenuContextProvider = _HD6KOF3Gcjs.MenuContextProvider; exports.MenuItemCheckedContext = _HD6KOF3Gcjs.MenuItemCheckedContext; exports.MenuScopedContextProvider = _HD6KOF3Gcjs.MenuScopedContextProvider; exports.useMenuBarContext = _HD6KOF3Gcjs.useMenuBarContext; exports.useMenuBarProviderContext = _HD6KOF3Gcjs.useMenuBarProviderContext; exports.useMenuBarScopedContext = _HD6KOF3Gcjs.useMenuBarScopedContext; exports.useMenuContext = _HD6KOF3Gcjs.useMenuContext; exports.useMenuProviderContext = _HD6KOF3Gcjs.useMenuProviderContext; exports.useMenuScopedContext = _HD6KOF3Gcjs.useMenuScopedContext;

package/cjs/menu/menu-description.cjs

@@ -1,36 +1,32 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _ACTXAOA6cjs = require('../__chunks/ACTXAOA6.cjs');
-require('../__chunks/KRB7URW5.cjs');
-require('../__chunks/62JWM3VQ.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
+var _OEWIM6B2cjs = require('../__chunks/OEWIM6B2.cjs');
+require('../__chunks/HSQMZHBZ.cjs');
+require('../__chunks/IGGDPRFD.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 // src/menu/menu-description.ts
-var useMenuDescription = _RNZNGEL4cjs.createHook.call(void 0, 
-  (props) => {
-    props = _ACTXAOA6cjs.useHovercardDescription.call(void 0, props);
+var TagName = "p";
+var useMenuDescription = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useMenuDescription2(props) {
+    props = _OEWIM6B2cjs.useHovercardDescription.call(void 0, props);
     return props;
   }
 );
-var MenuDescription = _RNZNGEL4cjs.createComponent.call(void 0, 
-  (props) => {
-    const htmlProps = useMenuDescription(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "p", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  MenuDescription.displayName = "MenuDescription";
-}
+var MenuDescription = _Q67LZMDTcjs.forwardRef.call(void 0, function MenuDescription2(props) {
+  const htmlProps = useMenuDescription(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
 
 
 

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { HovercardDescriptionOptions } from "../hovercard/hovercard-description.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { MenuStore } from "./menu-store.js";
+declare const TagName = "p";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `MenuDescription` component. This hook must be used
  * in a component that's wrapped with `Menu` so the `aria-describedby` prop is
@@ -13,7 +16,7 @@ import type { MenuStore } from "./menu-store.js";
  * <Role {...props}>Description</Role>
  * ```
  */
-export declare const useMenuDescription: import("../utils/types.js").Hook<MenuDescriptionOptions<"p">>;
+export declare const useMenuDescription: import("../utils/types.js").Hook<"p", MenuDescriptionOptions<"p">>;
 /**
  * Renders a description in a menu. This component must be wrapped with a
  * [`Menu`](https://ariakit.org/reference/menu) component so the
@@ -28,8 +31,8 @@ export declare const useMenuDescription: import("../utils/types.js").Hook<MenuDe
  * </MenuProvider>
  * ```
  */
-export declare const MenuDescription: import("../utils/types.js").Component<MenuDescriptionOptions<"p">>;
-export interface MenuDescriptionOptions<T extends As = "p"> extends HovercardDescriptionOptions<T> {
+export declare const MenuDescription: (props: MenuDescriptionProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenuDescriptionOptions<T extends ElementType = TagName> extends HovercardDescriptionOptions<T> {
     /**
      * Object returned by the
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook. If not
@@ -39,4 +42,5 @@ export interface MenuDescriptionOptions<T extends As = "p"> extends HovercardDes
      */
     store?: MenuStore;
 }
-export type MenuDescriptionProps<T extends As = "p"> = Props<MenuDescriptionOptions<T>>;
+export type MenuDescriptionProps<T extends ElementType = TagName> = Props<T, MenuDescriptionOptions<T>>;
+export {};

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { HovercardDescriptionOptions } from "../hovercard/hovercard-description.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { MenuStore } from "./menu-store.js";
+declare const TagName = "p";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `MenuDescription` component. This hook must be used
  * in a component that's wrapped with `Menu` so the `aria-describedby` prop is
@@ -13,7 +16,7 @@ import type { MenuStore } from "./menu-store.js";
  * <Role {...props}>Description</Role>
  * ```
  */
-export declare const useMenuDescription: import("../utils/types.js").Hook<MenuDescriptionOptions<"p">>;
+export declare const useMenuDescription: import("../utils/types.js").Hook<"p", MenuDescriptionOptions<"p">>;
 /**
  * Renders a description in a menu. This component must be wrapped with a
  * [`Menu`](https://ariakit.org/reference/menu) component so the
@@ -28,8 +31,8 @@ export declare const useMenuDescription: import("../utils/types.js").Hook<MenuDe
  * </MenuProvider>
  * ```
  */
-export declare const MenuDescription: import("../utils/types.js").Component<MenuDescriptionOptions<"p">>;
-export interface MenuDescriptionOptions<T extends As = "p"> extends HovercardDescriptionOptions<T> {
+export declare const MenuDescription: (props: MenuDescriptionProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenuDescriptionOptions<T extends ElementType = TagName> extends HovercardDescriptionOptions<T> {
     /**
      * Object returned by the
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook. If not
@@ -39,4 +42,5 @@ export interface MenuDescriptionOptions<T extends As = "p"> extends HovercardDes
      */
     store?: MenuStore;
 }
-export type MenuDescriptionProps<T extends As = "p"> = Props<MenuDescriptionOptions<T>>;
+export type MenuDescriptionProps<T extends ElementType = TagName> = Props<T, MenuDescriptionOptions<T>>;
+export {};

package/cjs/menu/menu-dismiss.cjs

@@ -1,28 +1,28 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _NY3D6JQTcjs = require('../__chunks/NY3D6JQT.cjs');
-
-
-var _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
-require('../__chunks/7LBZXSLY.cjs');
-require('../__chunks/UXFBTIBY.cjs');
-require('../__chunks/7ZVTEFD7.cjs');
-require('../__chunks/5UTRYT6E.cjs');
-require('../__chunks/DAJUUBUI.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');
-require('../__chunks/Z3GCTNW4.cjs');
+var _PQ4VU6KGcjs = require('../__chunks/PQ4VU6KG.cjs');
+
+
+var _HD6KOF3Gcjs = require('../__chunks/HD6KOF3G.cjs');
+require('../__chunks/GAHLF3OI.cjs');
+require('../__chunks/Z3JYZ4IW.cjs');
+require('../__chunks/X3YXQESW.cjs');
+require('../__chunks/M7WN4XJH.cjs');
+require('../__chunks/Z7QK7V4M.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/M5PQIWTW.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/XRZ2L7EA.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
@@ -31,22 +31,20 @@ require('../__chunks/CJDHQUBR.cjs');
 var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/menu/menu-dismiss.ts
-var useMenuDismiss = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var TagName = "button";
+var useMenuDismiss = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useMenuDismiss2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _NGEKJJDHcjs.useMenuScopedContext.call(void 0, );
+    const context = _HD6KOF3Gcjs.useMenuScopedContext.call(void 0, );
     store = store || context;
-    props = _NY3D6JQTcjs.useHovercardDismiss.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _PQ4VU6KGcjs.useHovercardDismiss.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var MenuDismiss = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var MenuDismiss = _Q67LZMDTcjs.forwardRef.call(void 0, function MenuDismiss2(props) {
   const htmlProps = useMenuDismiss(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "button", htmlProps);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  MenuDismiss.displayName = "MenuDismiss";
-}