@ariakit/react-core 0.3.14 → 0.4.1

package/esm/menu/menu-button.js

@@ -2,39 +2,39 @@
 import {
   MenuContextProvider,
   useMenuProviderContext
-} from "../__chunks/YGMEBI3A.js";
-import "../__chunks/KA4GX64Z.js";
+} from "../__chunks/IG6NVGLB.js";
+import "../__chunks/VBF5EZBB.js";
 import {
   usePopoverDisclosure
-} from "../__chunks/4ZEZYKUR.js";
-import "../__chunks/H3TG2CZP.js";
-import "../__chunks/BHEJ6NUH.js";
-import "../__chunks/JCH6MLL2.js";
-import "../__chunks/VDNZBO4W.js";
+} from "../__chunks/Z72LDQLY.js";
+import "../__chunks/5SF76VVA.js";
+import "../__chunks/AFNONYRE.js";
+import "../__chunks/NLT7LY5Y.js";
+import "../__chunks/JJ3MV4KB.js";
 import {
   useCompositeTypeahead
-} from "../__chunks/346FK57L.js";
-import "../__chunks/NWCBQ4CV.js";
+} from "../__chunks/DMSZFK7W.js";
+import "../__chunks/KSZPJCUA.js";
 import {
   useHovercardAnchor
-} from "../__chunks/7X4DYKYU.js";
+} from "../__chunks/FWINX72I.js";
 import "../__chunks/3IEDWLST.js";
-import "../__chunks/IB7YUKH5.js";
-import "../__chunks/4UUKJZ4V.js";
+import "../__chunks/3D6OCOHF.js";
+import "../__chunks/MADQZZRL.js";
 import {
   Role
-} from "../__chunks/FSFPRQFR.js";
-import "../__chunks/TI7CMBHW.js";
-import "../__chunks/7H5KSHHF.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
-import "../__chunks/KK7H3W2B.js";
+} from "../__chunks/CBTO7DFZ.js";
+import "../__chunks/TWDHCE7Y.js";
+import "../__chunks/TE637IA7.js";
+import "../__chunks/XXVAHUAO.js";
+import "../__chunks/J55AVALY.js";
+import "../__chunks/WAZE6NXP.js";
 import "../__chunks/SHA3WOPI.js";
 import {
-  createComponent,
   createElement,
-  createHook
-} from "../__chunks/3ORBWXWF.js";
+  createHook,
+  forwardRef
+} from "../__chunks/5M6RSQEC.js";
 import {
   useStoreState
 } from "../__chunks/EKQEJRUF.js";
@@ -56,6 +56,7 @@ import { useRef } from "react";
 import { getPopupItemRole, getPopupRole } from "@ariakit/core/utils/dom";
 import { disabledFromProps, invariant } from "@ariakit/core/utils/misc";
 import { jsx } from "react/jsx-runtime";
+var TagName = "button";
 function getInitialFocus(event, dir) {
   const keyMap = {
     ArrowDown: dir === "bottom" || dir === "top" ? "first" : false,
@@ -75,8 +76,18 @@ function hasActiveItem(items, excludeElement) {
   }));
 }
 var useMenuButton = createHook(
-  (_a) => {
-    var _b = _a, { store, focusable, accessibleWhenDisabled, showOnHover } = _b, props = __objRest(_b, ["store", "focusable", "accessibleWhenDisabled", "showOnHover"]);
+  function useMenuButton2(_a) {
+    var _b = _a, {
+      store,
+      focusable,
+      accessibleWhenDisabled,
+      showOnHover
+    } = _b, props = __objRest(_b, [
+      "store",
+      "focusable",
+      "accessibleWhenDisabled",
+      "showOnHover"
+    ]);
     const context = useMenuProviderContext();
     store = store || context;
     invariant(
@@ -220,13 +231,10 @@ var useMenuButton = createHook(
     return props;
   }
 );
-var MenuButton = createComponent((props) => {
+var MenuButton = forwardRef(function MenuButton2(props) {
   const htmlProps = useMenuButton(props);
-  return createElement("button", htmlProps);
+  return createElement(TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  MenuButton.displayName = "MenuButton";
-}
 export {
   MenuButton,
   useMenuButton

package/esm/menu/menu-context.js

@@ -11,15 +11,15 @@ import {
   useMenuContext,
   useMenuProviderContext,
   useMenuScopedContext
-} from "../__chunks/YGMEBI3A.js";
-import "../__chunks/KA4GX64Z.js";
-import "../__chunks/IB7YUKH5.js";
-import "../__chunks/4UUKJZ4V.js";
-import "../__chunks/TI7CMBHW.js";
-import "../__chunks/7H5KSHHF.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
-import "../__chunks/3ORBWXWF.js";
+} from "../__chunks/IG6NVGLB.js";
+import "../__chunks/VBF5EZBB.js";
+import "../__chunks/3D6OCOHF.js";
+import "../__chunks/MADQZZRL.js";
+import "../__chunks/TWDHCE7Y.js";
+import "../__chunks/TE637IA7.js";
+import "../__chunks/XXVAHUAO.js";
+import "../__chunks/J55AVALY.js";
+import "../__chunks/5M6RSQEC.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";

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

@@ -1,36 +1,32 @@
 "use client";
 import {
   useHovercardDescription
-} from "../__chunks/ANIYCUCU.js";
-import "../__chunks/4CK3XZ4H.js";
-import "../__chunks/DIP7XAI7.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
+} from "../__chunks/P3YRKQQJ.js";
+import "../__chunks/G7KEAOBE.js";
+import "../__chunks/IKU53XMZ.js";
+import "../__chunks/XXVAHUAO.js";
+import "../__chunks/J55AVALY.js";
 import {
-  createComponent,
   createElement,
-  createHook
-} from "../__chunks/3ORBWXWF.js";
+  createHook,
+  forwardRef
+} from "../__chunks/5M6RSQEC.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";
 
 // src/menu/menu-description.ts
+var TagName = "p";
 var useMenuDescription = createHook(
-  (props) => {
+  function useMenuDescription2(props) {
     props = useHovercardDescription(props);
     return props;
   }
 );
-var MenuDescription = createComponent(
-  (props) => {
-    const htmlProps = useMenuDescription(props);
-    return createElement("p", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  MenuDescription.displayName = "MenuDescription";
-}
+var MenuDescription = forwardRef(function MenuDescription2(props) {
+  const htmlProps = useMenuDescription(props);
+  return createElement(TagName, htmlProps);
+});
 export {
   MenuDescription,
   useMenuDescription

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { HovercardDismissOptions } from "../hovercard/hovercard-dismiss.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;
 /**
  * Returns props to create a `MenuDismiss` component.
  * @see https://ariakit.org/components/menu
@@ -13,7 +16,7 @@ import type { MenuStore } from "./menu-store.js";
  * </Menu>
  * ```
  */
-export declare const useMenuDismiss: import("../utils/types.js").Hook<MenuDismissOptions<"button">>;
+export declare const useMenuDismiss: import("../utils/types.js").Hook<"button", MenuDismissOptions<"button">>;
 /**
  * Renders a button that hides a [`Menu`](https://ariakit.org/reference/menu)
  * when clicked.
@@ -27,8 +30,8 @@ export declare const useMenuDismiss: import("../utils/types.js").Hook<MenuDismis
  * </MenuProvider>
  * ```
  */
-export declare const MenuDismiss: import("../utils/types.js").Component<MenuDismissOptions<"button">>;
-export interface MenuDismissOptions<T extends As = "button"> extends HovercardDismissOptions<T> {
+export declare const MenuDismiss: (props: MenuDismissProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenuDismissOptions<T extends ElementType = TagName> extends HovercardDismissOptions<T> {
     /**
      * Object returned by the
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook. If not
@@ -38,4 +41,5 @@ export interface MenuDismissOptions<T extends As = "button"> extends HovercardDi
      */
     store?: MenuStore;
 }
-export type MenuDismissProps<T extends As = "button"> = Props<MenuDismissOptions<T>>;
+export type MenuDismissProps<T extends ElementType = TagName> = Props<T, MenuDismissOptions<T>>;
+export {};

package/esm/menu/menu-dismiss.js

@@ -1,28 +1,28 @@
 "use client";
 import {
   useHovercardDismiss
-} from "../__chunks/FGMA3QUS.js";
+} from "../__chunks/ZK5NO24C.js";
 import {
   useMenuScopedContext
-} from "../__chunks/YGMEBI3A.js";
-import "../__chunks/KA4GX64Z.js";
-import "../__chunks/F6PRXTDU.js";
-import "../__chunks/NKXUN25E.js";
-import "../__chunks/VDNZBO4W.js";
-import "../__chunks/NWCBQ4CV.js";
-import "../__chunks/IB7YUKH5.js";
-import "../__chunks/4UUKJZ4V.js";
-import "../__chunks/TI7CMBHW.js";
-import "../__chunks/7H5KSHHF.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
-import "../__chunks/KK7H3W2B.js";
+} from "../__chunks/IG6NVGLB.js";
+import "../__chunks/VBF5EZBB.js";
+import "../__chunks/IKMNNZAH.js";
+import "../__chunks/5KB2YIDT.js";
+import "../__chunks/JJ3MV4KB.js";
+import "../__chunks/KSZPJCUA.js";
+import "../__chunks/3D6OCOHF.js";
+import "../__chunks/MADQZZRL.js";
+import "../__chunks/TWDHCE7Y.js";
+import "../__chunks/TE637IA7.js";
+import "../__chunks/XXVAHUAO.js";
+import "../__chunks/J55AVALY.js";
+import "../__chunks/WAZE6NXP.js";
 import "../__chunks/SHA3WOPI.js";
 import {
-  createComponent,
   createElement,
-  createHook
-} from "../__chunks/3ORBWXWF.js";
+  createHook,
+  forwardRef
+} from "../__chunks/5M6RSQEC.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import {
@@ -31,8 +31,9 @@ import {
 } from "../__chunks/4R3V3JGP.js";
 
 // src/menu/menu-dismiss.ts
+var TagName = "button";
 var useMenuDismiss = createHook(
-  (_a) => {
+  function useMenuDismiss2(_a) {
     var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
     const context = useMenuScopedContext();
     store = store || context;
@@ -40,13 +41,10 @@ var useMenuDismiss = createHook(
     return props;
   }
 );
-var MenuDismiss = createComponent((props) => {
+var MenuDismiss = forwardRef(function MenuDismiss2(props) {
   const htmlProps = useMenuDismiss(props);
-  return createElement("button", htmlProps);
+  return createElement(TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  MenuDismiss.displayName = "MenuDismiss";
-}
 export {
   MenuDismiss,
   useMenuDismiss

package/esm/menu/menu-group-label.d.ts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { CompositeGroupLabelOptions } from "../composite/composite-group-label.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 = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `MenuGroupLabel` component. This hook must be used
  * in a component that's wrapped with `MenuGroup` so the `aria-labelledby` prop
@@ -13,7 +16,7 @@ import type { MenuStore } from "./menu-store.js";
  * <Role {...props}>Label</Role>
  * ```
  */
-export declare const useMenuGroupLabel: import("../utils/types.js").Hook<MenuGroupLabelOptions<"div">>;
+export declare const useMenuGroupLabel: import("../utils/types.js").Hook<"div", MenuGroupLabelOptions<"div">>;
 /**
  * Renders a label in a menu group. This component should be wrapped with
  * [`MenuGroup`](https://ariakit.org/reference/menu-group) so the
@@ -33,8 +36,8 @@ export declare const useMenuGroupLabel: import("../utils/types.js").Hook<MenuGro
  * </MenuProvider>
  * ```
  */
-export declare const MenuGroupLabel: import("../utils/types.js").Component<MenuGroupLabelOptions<"div">>;
-export interface MenuGroupLabelOptions<T extends As = "div"> extends CompositeGroupLabelOptions<T> {
+export declare const MenuGroupLabel: (props: MenuGroupLabelProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenuGroupLabelOptions<T extends ElementType = TagName> extends CompositeGroupLabelOptions<T> {
     /**
      * Object returned by the
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook. If not
@@ -44,4 +47,5 @@ export interface MenuGroupLabelOptions<T extends As = "div"> extends CompositeGr
      */
     store?: MenuStore;
 }
-export type MenuGroupLabelProps<T extends As = "div"> = Props<MenuGroupLabelOptions<T>>;
+export type MenuGroupLabelProps<T extends ElementType = TagName> = Props<T, MenuGroupLabelOptions<T>>;
+export {};

package/esm/menu/menu-group-label.js

@@ -1,32 +1,30 @@
 "use client";
 import {
   useCompositeGroupLabel
-} from "../__chunks/5LK2LG7Q.js";
-import "../__chunks/NT7GEZQU.js";
+} from "../__chunks/ED7XMMMU.js";
+import "../__chunks/TH2YTBRW.js";
 import "../__chunks/3X3MDQGM.js";
 import {
-  createComponent,
   createElement,
-  createHook
-} from "../__chunks/3ORBWXWF.js";
+  createHook,
+  forwardRef
+} from "../__chunks/5M6RSQEC.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";
 
 // src/menu/menu-group-label.ts
-var useMenuGroupLabel = createHook((props) => {
-  props = useCompositeGroupLabel(props);
-  return props;
-});
-var MenuGroupLabel = createComponent(
-  (props) => {
-    const htmlProps = useMenuGroupLabel(props);
-    return createElement("div", htmlProps);
+var TagName = "div";
+var useMenuGroupLabel = createHook(
+  function useMenuGroupLabel2(props) {
+    props = useCompositeGroupLabel(props);
+    return props;
   }
 );
-if (process.env.NODE_ENV !== "production") {
-  MenuGroupLabel.displayName = "MenuGroupLabel";
-}
+var MenuGroupLabel = forwardRef(function MenuGroupLabel2(props) {
+  const htmlProps = useMenuGroupLabel(props);
+  return createElement(TagName, htmlProps);
+});
 export {
   MenuGroupLabel,
   useMenuGroupLabel

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { CompositeGroupOptions } from "../composite/composite-group.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 = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `MenuGroup` component.
  * @see https://ariakit.org/components/menu
@@ -18,7 +21,7 @@ import type { MenuStore } from "./menu-store.js";
  * </Menu>
  * ```
  */
-export declare const useMenuGroup: import("../utils/types.js").Hook<MenuGroupOptions<"div">>;
+export declare const useMenuGroup: import("../utils/types.js").Hook<"div", MenuGroupOptions<"div">>;
 /**
  * Renders a group for [`MenuItem`](https://ariakit.org/reference/menu-item)
  * elements. Optionally, a
@@ -39,8 +42,8 @@ export declare const useMenuGroup: import("../utils/types.js").Hook<MenuGroupOpt
  * </MenuProvider>
  * ```
  */
-export declare const MenuGroup: import("../utils/types.js").Component<MenuGroupOptions<"div">>;
-export interface MenuGroupOptions<T extends As = "div"> extends CompositeGroupOptions<T> {
+export declare const MenuGroup: (props: MenuGroupProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenuGroupOptions<T extends ElementType = TagName> extends CompositeGroupOptions<T> {
     /**
      * Object returned by the
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook. If not
@@ -50,4 +53,5 @@ export interface MenuGroupOptions<T extends As = "div"> extends CompositeGroupOp
      */
     store?: MenuStore;
 }
-export type MenuGroupProps<T extends As = "div"> = Props<MenuGroupOptions<T>>;
+export type MenuGroupProps<T extends ElementType = TagName> = Props<T, MenuGroupOptions<T>>;
+export {};

package/esm/menu/menu-group.js

@@ -1,30 +1,30 @@
 "use client";
 import {
   useCompositeGroup
-} from "../__chunks/636A7WVS.js";
-import "../__chunks/R2QZ3KXH.js";
+} from "../__chunks/ZO6PSJHJ.js";
+import "../__chunks/CWDOOAGR.js";
 import "../__chunks/3X3MDQGM.js";
 import {
-  createComponent,
   createElement,
-  createHook
-} from "../__chunks/3ORBWXWF.js";
+  createHook,
+  forwardRef
+} from "../__chunks/5M6RSQEC.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";
 
 // src/menu/menu-group.ts
-var useMenuGroup = createHook((props) => {
-  props = useCompositeGroup(props);
-  return props;
-});
-var MenuGroup = createComponent((props) => {
+var TagName = "div";
+var useMenuGroup = createHook(
+  function useMenuGroup2(props) {
+    props = useCompositeGroup(props);
+    return props;
+  }
+);
+var MenuGroup = forwardRef(function MenuGroup2(props) {
   const htmlProps = useMenuGroup(props);
-  return createElement("div", htmlProps);
+  return createElement(TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  MenuGroup.displayName = "MenuGroup";
-}
 export {
   MenuGroup,
   useMenuGroup

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { HovercardHeadingOptions } from "../hovercard/hovercard-heading.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 = "h1";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `MenuHeading` component. This hook must be used in
  * a component that's wrapped with `Menu` so the `aria-labelledby` prop is
@@ -13,7 +16,7 @@ import type { MenuStore } from "./menu-store.js";
  * <Role {...props}>Heading</Role>
  * ```
  */
-export declare const useMenuHeading: import("../utils/types.js").Hook<MenuHeadingOptions<"h1">>;
+export declare const useMenuHeading: import("../utils/types.js").Hook<"h1", MenuHeadingOptions<"h1">>;
 /**
  * Renders a heading in a menu. This component must be wrapped within
  * [`Menu`](https://ariakit.org/reference/menu) so the `aria-labelledby` prop is
@@ -28,8 +31,8 @@ export declare const useMenuHeading: import("../utils/types.js").Hook<MenuHeadin
  * </MenuProvider>
  * ```
  */
-export declare const MenuHeading: import("../utils/types.js").Component<MenuHeadingOptions<"h1">>;
-export interface MenuHeadingOptions<T extends As = "h1"> extends HovercardHeadingOptions<T> {
+export declare const MenuHeading: (props: MenuHeadingProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenuHeadingOptions<T extends ElementType = TagName> extends HovercardHeadingOptions<T> {
     /**
      * Object returned by the
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook. If not
@@ -39,4 +42,5 @@ export interface MenuHeadingOptions<T extends As = "h1"> extends HovercardHeadin
      */
     store?: MenuStore;
 }
-export type MenuHeadingProps<T extends As = "h1"> = Props<MenuHeadingOptions<T>>;
+export type MenuHeadingProps<T extends ElementType = TagName> = Props<T, MenuHeadingOptions<T>>;
+export {};

package/esm/menu/menu-heading.js

@@ -1,34 +1,34 @@
 "use client";
 import {
   useHovercardHeading
-} from "../__chunks/6N2ESJUH.js";
-import "../__chunks/RJDEYIKS.js";
-import "../__chunks/XHRZYRZ5.js";
-import "../__chunks/P4FX6ZFL.js";
+} from "../__chunks/IBZ5GRML.js";
+import "../__chunks/ZXBIDNZ3.js";
+import "../__chunks/E47ASM2Y.js";
+import "../__chunks/7HFLDZTS.js";
 import "../__chunks/XPF5GU3Q.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
+import "../__chunks/XXVAHUAO.js";
+import "../__chunks/J55AVALY.js";
 import {
-  createComponent,
   createElement,
-  createHook
-} from "../__chunks/3ORBWXWF.js";
+  createHook,
+  forwardRef
+} from "../__chunks/5M6RSQEC.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";
 
 // src/menu/menu-heading.ts
-var useMenuHeading = createHook((props) => {
-  props = useHovercardHeading(props);
-  return props;
-});
-var MenuHeading = createComponent((props) => {
+var TagName = "h1";
+var useMenuHeading = createHook(
+  function useMenuHeading2(props) {
+    props = useHovercardHeading(props);
+    return props;
+  }
+);
+var MenuHeading = forwardRef(function MenuHeading2(props) {
   const htmlProps = useMenuHeading(props);
-  return createElement("h1", htmlProps);
+  return createElement(TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  MenuHeading.displayName = "MenuHeading";
-}
 export {
   MenuHeading,
   useMenuHeading

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { CheckboxCheckOptions } from "../checkbox/checkbox-check.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 `MenuItemCheck` component.
  * @see https://ariakit.org/components/menu
@@ -10,7 +13,7 @@ import type { MenuStore } from "./menu-store.js";
  * <Role {...props} />
  * ```
  */
-export declare const useMenuItemCheck: import("../utils/types.js").Hook<MenuItemCheckOptions<"span">>;
+export declare const useMenuItemCheck: import("../utils/types.js").Hook<"span", MenuItemCheckOptions<"span">>;
 /**
  * Renders a checkmark icon when the
  * [`checked`](https://ariakit.org/reference/menu-item-check#checked) prop is
@@ -39,12 +42,13 @@ export declare const useMenuItemCheck: import("../utils/types.js").Hook<MenuItem
  * </MenuProvider>
  * ```
  */
-export declare const MenuItemCheck: import("../utils/types.js").Component<MenuItemCheckOptions<"span">>;
-export interface MenuItemCheckOptions<T extends As = "span"> extends Omit<CheckboxCheckOptions<T>, "store"> {
+export declare const MenuItemCheck: (props: MenuItemCheckProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenuItemCheckOptions<T extends ElementType = TagName> extends Omit<CheckboxCheckOptions<T>, "store"> {
     /**
      * Object returned by the
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook.
      */
     store?: MenuStore;
 }
-export type MenuItemCheckProps<T extends As = "span"> = Props<MenuItemCheckOptions<T>>;
+export type MenuItemCheckProps<T extends ElementType = TagName> = Props<T, MenuItemCheckOptions<T>>;
+export {};