@ariakit/react-core 0.3.14 → 0.4.1

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

@@ -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/cjs/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/cjs/menu/menu-group-label.cjs

@@ -1,32 +1,30 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _TUDQDX77cjs = require('../__chunks/TUDQDX77.cjs');
-require('../__chunks/QQCFY3MB.cjs');
+var _2CZCHCJMcjs = require('../__chunks/2CZCHCJM.cjs');
+require('../__chunks/GMXGH5P5.cjs');
 require('../__chunks/FE3YCURH.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-group-label.ts
-var useMenuGroupLabel = _RNZNGEL4cjs.createHook.call(void 0, (props) => {
-  props = _TUDQDX77cjs.useCompositeGroupLabel.call(void 0, props);
-  return props;
-});
-var MenuGroupLabel = _RNZNGEL4cjs.createComponent.call(void 0, 
-  (props) => {
-    const htmlProps = useMenuGroupLabel(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
+var TagName = "div";
+var useMenuGroupLabel = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useMenuGroupLabel2(props) {
+    props = _2CZCHCJMcjs.useCompositeGroupLabel.call(void 0, props);
+    return props;
   }
 );
-if (process.env.NODE_ENV !== "production") {
-  MenuGroupLabel.displayName = "MenuGroupLabel";
-}
+var MenuGroupLabel = _Q67LZMDTcjs.forwardRef.call(void 0, function MenuGroupLabel2(props) {
+  const htmlProps = useMenuGroupLabel(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
 
 
 

package/cjs/menu/menu-group-label.d.cts

@@ -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/cjs/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/cjs/menu/menu-group.cjs

@@ -1,30 +1,30 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _2KDFQUU7cjs = require('../__chunks/2KDFQUU7.cjs');
-require('../__chunks/KSAZE5E2.cjs');
+var _BTE5YB27cjs = require('../__chunks/BTE5YB27.cjs');
+require('../__chunks/47V4ED4R.cjs');
 require('../__chunks/FE3YCURH.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-group.ts
-var useMenuGroup = _RNZNGEL4cjs.createHook.call(void 0, (props) => {
-  props = _2KDFQUU7cjs.useCompositeGroup.call(void 0, props);
-  return props;
-});
-var MenuGroup = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var TagName = "div";
+var useMenuGroup = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useMenuGroup2(props) {
+    props = _BTE5YB27cjs.useCompositeGroup.call(void 0, props);
+    return props;
+  }
+);
+var MenuGroup = _Q67LZMDTcjs.forwardRef.call(void 0, function MenuGroup2(props) {
   const htmlProps = useMenuGroup(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  MenuGroup.displayName = "MenuGroup";
-}
 
 
 

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

@@ -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/cjs/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/cjs/menu/menu-heading.cjs

@@ -1,34 +1,34 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _VJES6KQ3cjs = require('../__chunks/VJES6KQ3.cjs');
-require('../__chunks/VIUIA2WF.cjs');
-require('../__chunks/DTEFSZZZ.cjs');
-require('../__chunks/TK6GOI2V.cjs');
+var _M327EENOcjs = require('../__chunks/M327EENO.cjs');
+require('../__chunks/JOJAOQVQ.cjs');
+require('../__chunks/PVRCH7FU.cjs');
+require('../__chunks/XAEBGC7D.cjs');
 require('../__chunks/2BIO7R5N.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.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-heading.ts
-var useMenuHeading = _RNZNGEL4cjs.createHook.call(void 0, (props) => {
-  props = _VJES6KQ3cjs.useHovercardHeading.call(void 0, props);
-  return props;
-});
-var MenuHeading = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var TagName = "h1";
+var useMenuHeading = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useMenuHeading2(props) {
+    props = _M327EENOcjs.useHovercardHeading.call(void 0, props);
+    return props;
+  }
+);
+var MenuHeading = _Q67LZMDTcjs.forwardRef.call(void 0, function MenuHeading2(props) {
   const htmlProps = useMenuHeading(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "h1", htmlProps);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  MenuHeading.displayName = "MenuHeading";
-}
 
 
 

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

@@ -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/cjs/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/cjs/menu/menu-item-check.cjs

@@ -1,23 +1,23 @@
 "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 _T4KYZJUYcjs = require('../__chunks/T4KYZJUY.cjs');
+var _4ITCBJNTcjs = require('../__chunks/4ITCBJNT.cjs');
 require('../__chunks/ERFHNHON.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/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');
 
@@ -28,22 +28,20 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/menu/menu-item-check.ts
 var _react = require('react');
-var useMenuItemCheck = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var TagName = "span";
+var useMenuItemCheck = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useMenuItemCheck2(_a) {
     var _b = _a, { store, checked } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "checked"]);
-    const context = _react.useContext.call(void 0, _NGEKJJDHcjs.MenuItemCheckedContext);
+    const context = _react.useContext.call(void 0, _HD6KOF3Gcjs.MenuItemCheckedContext);
     checked = checked != null ? checked : context;
-    props = _T4KYZJUYcjs.useCheckboxCheck.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { checked }));
+    props = _4ITCBJNTcjs.useCheckboxCheck.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { checked }));
     return props;
   }
 );
-var MenuItemCheck = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var MenuItemCheck = _Q67LZMDTcjs.forwardRef.call(void 0, function MenuItemCheck2(props) {
   const htmlProps = useMenuItemCheck(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "span", htmlProps);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  MenuItemCheck.displayName = "MenuItemCheck";
-}
 
 
 

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

@@ -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 {};

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