@ariakit/react-core 0.3.14 → 0.4.0

package/cjs/menu/menu-item-checkbox.cjs

@@ -4,34 +4,35 @@
 var _VPQQSYH7cjs = require('../__chunks/VPQQSYH7.cjs');
 
 
-var _BBS4RP44cjs = require('../__chunks/BBS4RP44.cjs');
-require('../__chunks/63UPRTFZ.cjs');
+var _OUTZPTLJcjs = require('../__chunks/OUTZPTLJ.cjs');
+require('../__chunks/OIGGI6DI.cjs');
 
 
-var _NNINKJTTcjs = require('../__chunks/NNINKJTT.cjs');
+var _MLHQHZEAcjs = require('../__chunks/MLHQHZEA.cjs');
 
 
-var _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
-require('../__chunks/7LBZXSLY.cjs');
-require('../__chunks/IPYAEPOT.cjs');
+var _HD6KOF3Gcjs = require('../__chunks/HD6KOF3G.cjs');
+require('../__chunks/GAHLF3OI.cjs');
+require('../__chunks/JAG4YGQZ.cjs');
 require('../__chunks/ERFHNHON.cjs');
-require('../__chunks/IO6J4PAN.cjs');
-require('../__chunks/DAJUUBUI.cjs');
-require('../__chunks/R5A2WTWB.cjs');
+require('../__chunks/QWP2WC6E.cjs');
+require('../__chunks/ZMTZTMRS.cjs');
+require('../__chunks/XWCNZ2IP.cjs');
 require('../__chunks/6ZZYUFPW.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');
+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/5QD55NKL.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 
 
@@ -45,6 +46,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 // src/menu/menu-item-checkbox.ts
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
+var TagName = "div";
 function getPrimitiveValue(value) {
   if (Array.isArray(value)) {
     return value.toString();
@@ -72,8 +74,8 @@ function getValue(storeValue, value, checked) {
   }
   return storeValue.filter((v) => v !== primitiveValue);
 }
-var useMenuItemCheckbox = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var useMenuItemCheckbox = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useMenuItemCheckbox2(_a) {
     var _b = _a, {
       store,
       name,
@@ -89,7 +91,7 @@ var useMenuItemCheckbox = _RNZNGEL4cjs.createHook.call(void 0,
       "defaultChecked",
       "hideOnClick"
     ]);
-    const context = _NGEKJJDHcjs.useMenuScopedContext.call(void 0, );
+    const context = _HD6KOF3Gcjs.useMenuScopedContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -130,25 +132,22 @@ var useMenuItemCheckbox = _RNZNGEL4cjs.createHook.call(void 0,
     props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
       role: "menuitemcheckbox"
     }, props);
-    props = _BBS4RP44cjs.useCheckbox.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _OUTZPTLJcjs.useCheckbox.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store: checkboxStore,
       name,
       value,
       checked
     }, props));
-    props = _NNINKJTTcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
+    props = _MLHQHZEAcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
     return props;
   }
 );
-var MenuItemCheckbox = _RNZNGEL4cjs.createMemoComponent.call(void 0, 
-  (props) => {
+var MenuItemCheckbox = _Q67LZMDTcjs.memo.call(void 0, 
+  _Q67LZMDTcjs.forwardRef.call(void 0, function MenuItemCheckbox2(props) {
     const htmlProps = useMenuItemCheckbox(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
-  }
+    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  })
 );
-if (process.env.NODE_ENV !== "production") {
-  MenuItemCheckbox.displayName = "MenuItemCheckbox";
-}
 
 
 

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

@@ -1,7 +1,10 @@
+import type { ElementType } from "react";
 import type { CheckboxOptions } from "../checkbox/checkbox.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { MenuItemOptions } from "./menu-item.js";
 import type { MenuStore } from "./menu-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `MenuItemCheckbox` component.
  * @see https://ariakit.org/components/menu
@@ -15,7 +18,7 @@ import type { MenuStore } from "./menu-store.js";
  * </Menu>
  * ```
  */
-export declare const useMenuItemCheckbox: import("../utils/types.js").Hook<MenuItemCheckboxOptions<"div">>;
+export declare const useMenuItemCheckbox: import("../utils/types.js").Hook<"div", MenuItemCheckboxOptions<"div">>;
 /**
  * Renders a [`menuitemcheckbox`](https://w3c.github.io/aria/#menuitemcheckbox)
  * element within a [`Menu`](https://ariakit.org/reference/menu) component. The
@@ -58,8 +61,8 @@ export declare const useMenuItemCheckbox: import("../utils/types.js").Hook<MenuI
  * </MenuProvider>
  * ```
  */
-export declare const MenuItemCheckbox: import("../utils/types.js").Component<MenuItemCheckboxOptions<"div">>;
-export interface MenuItemCheckboxOptions<T extends As = "div"> extends MenuItemOptions<T>, Omit<CheckboxOptions<T>, "store"> {
+export declare const MenuItemCheckbox: (props: MenuItemCheckboxProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenuItemCheckboxOptions<T extends ElementType = TagName> extends MenuItemOptions<T>, Omit<CheckboxOptions<T>, "store"> {
     /**
      * Object returned by the
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook. If not
@@ -93,4 +96,5 @@ export interface MenuItemCheckboxOptions<T extends As = "div"> extends MenuItemO
      */
     hideOnClick?: MenuItemOptions<T>["hideOnClick"];
 }
-export type MenuItemCheckboxProps<T extends As = "div"> = Props<MenuItemCheckboxOptions<T>>;
+export type MenuItemCheckboxProps<T extends ElementType = TagName> = Props<T, MenuItemCheckboxOptions<T>>;
+export {};

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

@@ -1,7 +1,10 @@
+import type { ElementType } from "react";
 import type { CheckboxOptions } from "../checkbox/checkbox.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { MenuItemOptions } from "./menu-item.js";
 import type { MenuStore } from "./menu-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `MenuItemCheckbox` component.
  * @see https://ariakit.org/components/menu
@@ -15,7 +18,7 @@ import type { MenuStore } from "./menu-store.js";
  * </Menu>
  * ```
  */
-export declare const useMenuItemCheckbox: import("../utils/types.js").Hook<MenuItemCheckboxOptions<"div">>;
+export declare const useMenuItemCheckbox: import("../utils/types.js").Hook<"div", MenuItemCheckboxOptions<"div">>;
 /**
  * Renders a [`menuitemcheckbox`](https://w3c.github.io/aria/#menuitemcheckbox)
  * element within a [`Menu`](https://ariakit.org/reference/menu) component. The
@@ -58,8 +61,8 @@ export declare const useMenuItemCheckbox: import("../utils/types.js").Hook<MenuI
  * </MenuProvider>
  * ```
  */
-export declare const MenuItemCheckbox: import("../utils/types.js").Component<MenuItemCheckboxOptions<"div">>;
-export interface MenuItemCheckboxOptions<T extends As = "div"> extends MenuItemOptions<T>, Omit<CheckboxOptions<T>, "store"> {
+export declare const MenuItemCheckbox: (props: MenuItemCheckboxProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenuItemCheckboxOptions<T extends ElementType = TagName> extends MenuItemOptions<T>, Omit<CheckboxOptions<T>, "store"> {
     /**
      * Object returned by the
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook. If not
@@ -93,4 +96,5 @@ export interface MenuItemCheckboxOptions<T extends As = "div"> extends MenuItemO
      */
     hideOnClick?: MenuItemOptions<T>["hideOnClick"];
 }
-export type MenuItemCheckboxProps<T extends As = "div"> = Props<MenuItemCheckboxOptions<T>>;
+export type MenuItemCheckboxProps<T extends ElementType = TagName> = Props<T, MenuItemCheckboxOptions<T>>;
+export {};

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

@@ -1,34 +1,35 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _NNINKJTTcjs = require('../__chunks/NNINKJTT.cjs');
+var _MLHQHZEAcjs = require('../__chunks/MLHQHZEA.cjs');
 
 
 
-var _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
-require('../__chunks/7LBZXSLY.cjs');
+var _HD6KOF3Gcjs = require('../__chunks/HD6KOF3G.cjs');
+require('../__chunks/GAHLF3OI.cjs');
 
 
-var _G2ZXRZ2Rcjs = require('../__chunks/G2ZXRZ2R.cjs');
-require('../__chunks/HEEQY4DZ.cjs');
-require('../__chunks/IPYAEPOT.cjs');
-require('../__chunks/IO6J4PAN.cjs');
-require('../__chunks/DAJUUBUI.cjs');
-require('../__chunks/R5A2WTWB.cjs');
+var _RGJCGG4Pcjs = require('../__chunks/RGJCGG4P.cjs');
+require('../__chunks/43LZBXXJ.cjs');
+require('../__chunks/JAG4YGQZ.cjs');
+require('../__chunks/QWP2WC6E.cjs');
+require('../__chunks/ZMTZTMRS.cjs');
+require('../__chunks/XWCNZ2IP.cjs');
 require('../__chunks/6ZZYUFPW.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');
+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/5QD55NKL.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 
 
@@ -44,6 +45,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
+var TagName = "div";
 function getValue(prevValue, value, checked) {
   if (checked === void 0)
     return prevValue;
@@ -51,8 +53,8 @@ function getValue(prevValue, value, checked) {
     return value;
   return prevValue;
 }
-var useMenuItemRadio = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var useMenuItemRadio = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useMenuItemRadio2(_a) {
     var _b = _a, {
       store,
       name,
@@ -68,7 +70,7 @@ var useMenuItemRadio = _RNZNGEL4cjs.createHook.call(void 0,
       "onChange",
       "hideOnClick"
     ]);
-    const context = _NGEKJJDHcjs.useMenuScopedContext.call(void 0, );
+    const context = _HD6KOF3Gcjs.useMenuScopedContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -90,17 +92,17 @@ var useMenuItemRadio = _RNZNGEL4cjs.createHook.call(void 0,
     const isChecked = store.useState((state) => state.values[name] === value);
     props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NGEKJJDHcjs.MenuItemCheckedContext.Provider, { value: !!isChecked, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HD6KOF3Gcjs.MenuItemCheckedContext.Provider, { value: !!isChecked, children: element }),
       [isChecked]
     );
     props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
       role: "menuitemradio"
     }, props);
-    props = _G2ZXRZ2Rcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _RGJCGG4Pcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       name,
       value,
       checked: isChecked,
-      onChange: (event) => {
+      onChange(event) {
         onChangeProp == null ? void 0 : onChangeProp(event);
         if (event.defaultPrevented)
           return;
@@ -110,19 +112,16 @@ var useMenuItemRadio = _RNZNGEL4cjs.createHook.call(void 0,
         });
       }
     }, props));
-    props = _NNINKJTTcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
+    props = _MLHQHZEAcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
     return props;
   }
 );
-var MenuItemRadio = _RNZNGEL4cjs.createMemoComponent.call(void 0, 
-  (props) => {
+var MenuItemRadio = _Q67LZMDTcjs.memo.call(void 0, 
+  _Q67LZMDTcjs.forwardRef.call(void 0, function MenuItemRadio2(props) {
     const htmlProps = useMenuItemRadio(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
-  }
+    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  })
 );
-if (process.env.NODE_ENV !== "production") {
-  MenuItemRadio.displayName = "MenuItemRadio";
-}
 
 
 

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

@@ -1,7 +1,10 @@
+import type { ElementType } from "react";
 import type { RadioOptions } from "../radio/radio.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { MenuItemOptions } from "./menu-item.js";
 import type { MenuStore } from "./menu-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `MenuItemRadio` component.
  * @see https://ariakit.org/components/menu
@@ -17,7 +20,7 @@ import type { MenuStore } from "./menu-store.js";
  * </Menu>
  * ```
  */
-export declare const useMenuItemRadio: import("../utils/types.js").Hook<MenuItemRadioOptions<"div">>;
+export declare const useMenuItemRadio: import("../utils/types.js").Hook<"div", MenuItemRadioOptions<"div">>;
 /**
  * Renders a [`menuitemradio`](https://w3c.github.io/aria/#menuitemradio)
  * element within a [`Menu`](https://ariakit.org/reference/menu) component. The
@@ -45,8 +48,8 @@ export declare const useMenuItemRadio: import("../utils/types.js").Hook<MenuItem
  * </MenuProvider>
  * ```
  */
-export declare const MenuItemRadio: import("../utils/types.js").Component<MenuItemRadioOptions<"div">>;
-export interface MenuItemRadioOptions<T extends As = "div"> extends MenuItemOptions<T>, Omit<RadioOptions<T>, "store"> {
+export declare const MenuItemRadio: (props: MenuItemRadioProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenuItemRadioOptions<T extends ElementType = TagName> extends MenuItemOptions<T>, Omit<RadioOptions<T>, "store"> {
     /**
      * Object returned by the
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook. If not
@@ -80,4 +83,5 @@ export interface MenuItemRadioOptions<T extends As = "div"> extends MenuItemOpti
      */
     hideOnClick?: MenuItemOptions<T>["hideOnClick"];
 }
-export type MenuItemRadioProps<T extends As = "div"> = Props<MenuItemRadioOptions<T>>;
+export type MenuItemRadioProps<T extends ElementType = TagName> = Props<T, MenuItemRadioOptions<T>>;
+export {};

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

@@ -1,7 +1,10 @@
+import type { ElementType } from "react";
 import type { RadioOptions } from "../radio/radio.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { MenuItemOptions } from "./menu-item.js";
 import type { MenuStore } from "./menu-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `MenuItemRadio` component.
  * @see https://ariakit.org/components/menu
@@ -17,7 +20,7 @@ import type { MenuStore } from "./menu-store.js";
  * </Menu>
  * ```
  */
-export declare const useMenuItemRadio: import("../utils/types.js").Hook<MenuItemRadioOptions<"div">>;
+export declare const useMenuItemRadio: import("../utils/types.js").Hook<"div", MenuItemRadioOptions<"div">>;
 /**
  * Renders a [`menuitemradio`](https://w3c.github.io/aria/#menuitemradio)
  * element within a [`Menu`](https://ariakit.org/reference/menu) component. The
@@ -45,8 +48,8 @@ export declare const useMenuItemRadio: import("../utils/types.js").Hook<MenuItem
  * </MenuProvider>
  * ```
  */
-export declare const MenuItemRadio: import("../utils/types.js").Component<MenuItemRadioOptions<"div">>;
-export interface MenuItemRadioOptions<T extends As = "div"> extends MenuItemOptions<T>, Omit<RadioOptions<T>, "store"> {
+export declare const MenuItemRadio: (props: MenuItemRadioProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenuItemRadioOptions<T extends ElementType = TagName> extends MenuItemOptions<T>, Omit<RadioOptions<T>, "store"> {
     /**
      * Object returned by the
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook. If not
@@ -80,4 +83,5 @@ export interface MenuItemRadioOptions<T extends As = "div"> extends MenuItemOpti
      */
     hideOnClick?: MenuItemOptions<T>["hideOnClick"];
 }
-export type MenuItemRadioProps<T extends As = "div"> = Props<MenuItemRadioOptions<T>>;
+export type MenuItemRadioProps<T extends ElementType = TagName> = Props<T, MenuItemRadioOptions<T>>;
+export {};

package/cjs/menu/menu-item.cjs

@@ -2,23 +2,23 @@
 
 
 
-var _NNINKJTTcjs = require('../__chunks/NNINKJTT.cjs');
-require('../__chunks/NGEKJJDH.cjs');
-require('../__chunks/7LBZXSLY.cjs');
-require('../__chunks/IPYAEPOT.cjs');
-require('../__chunks/IO6J4PAN.cjs');
-require('../__chunks/DAJUUBUI.cjs');
-require('../__chunks/R5A2WTWB.cjs');
+var _MLHQHZEAcjs = require('../__chunks/MLHQHZEA.cjs');
+require('../__chunks/HD6KOF3G.cjs');
+require('../__chunks/GAHLF3OI.cjs');
+require('../__chunks/JAG4YGQZ.cjs');
+require('../__chunks/QWP2WC6E.cjs');
+require('../__chunks/ZMTZTMRS.cjs');
+require('../__chunks/XWCNZ2IP.cjs');
 require('../__chunks/6ZZYUFPW.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');
+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/5QD55NKL.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
@@ -26,4 +26,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.MenuItem = _NNINKJTTcjs.MenuItem; exports.useMenuItem = _NNINKJTTcjs.useMenuItem;
+exports.MenuItem = _MLHQHZEAcjs.MenuItem; exports.useMenuItem = _MLHQHZEAcjs.useMenuItem;

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

@@ -1,10 +1,12 @@
-import type { MouseEvent } from "react";
+import type { ElementType, MouseEvent } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
 import type { CompositeHoverOptions } from "../composite/composite-hover.js";
 import type { CompositeItemOptions } from "../composite/composite-item.js";
 import type { MenubarStore } from "../menubar/menubar-store.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 `MenuItem` component.
  * @see https://ariakit.org/components/menu
@@ -20,7 +22,7 @@ import type { MenuStore } from "./menu-store.js";
  * </Menu>
  * ```
  */
-export declare const useMenuItem: import("../utils/types.js").Hook<MenuItemOptions<"div">>;
+export declare const useMenuItem: import("../utils/types.js").Hook<"div", MenuItemOptions<"div">>;
 /**
  * Renders a menu item inside
  * [`MenuList`](https://ariakit.org/reference/menu-list) or
@@ -38,8 +40,8 @@ export declare const useMenuItem: import("../utils/types.js").Hook<MenuItemOptio
  * </MenuProvider>
  * ```
  */
-export declare const MenuItem: import("../utils/types.js").Component<MenuItemOptions<"div">>;
-export interface MenuItemOptions<T extends As = "div"> extends CompositeItemOptions<T>, CompositeHoverOptions<T> {
+export declare const MenuItem: (props: MenuItemProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenuItemOptions<T extends ElementType = TagName> extends CompositeItemOptions<T>, CompositeHoverOptions<T> {
     /**
      * Object returned by the
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) or
@@ -65,4 +67,5 @@ export interface MenuItemOptions<T extends As = "div"> extends CompositeItemOpti
      */
     hideOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
 }
-export type MenuItemProps<T extends As = "div"> = Props<MenuItemOptions<T>>;
+export type MenuItemProps<T extends ElementType = TagName> = Props<T, MenuItemOptions<T>>;
+export {};

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

@@ -1,10 +1,12 @@
-import type { MouseEvent } from "react";
+import type { ElementType, MouseEvent } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
 import type { CompositeHoverOptions } from "../composite/composite-hover.js";
 import type { CompositeItemOptions } from "../composite/composite-item.js";
 import type { MenubarStore } from "../menubar/menubar-store.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 `MenuItem` component.
  * @see https://ariakit.org/components/menu
@@ -20,7 +22,7 @@ import type { MenuStore } from "./menu-store.js";
  * </Menu>
  * ```
  */
-export declare const useMenuItem: import("../utils/types.js").Hook<MenuItemOptions<"div">>;
+export declare const useMenuItem: import("../utils/types.js").Hook<"div", MenuItemOptions<"div">>;
 /**
  * Renders a menu item inside
  * [`MenuList`](https://ariakit.org/reference/menu-list) or
@@ -38,8 +40,8 @@ export declare const useMenuItem: import("../utils/types.js").Hook<MenuItemOptio
  * </MenuProvider>
  * ```
  */
-export declare const MenuItem: import("../utils/types.js").Component<MenuItemOptions<"div">>;
-export interface MenuItemOptions<T extends As = "div"> extends CompositeItemOptions<T>, CompositeHoverOptions<T> {
+export declare const MenuItem: (props: MenuItemProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenuItemOptions<T extends ElementType = TagName> extends CompositeItemOptions<T>, CompositeHoverOptions<T> {
     /**
      * Object returned by the
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) or
@@ -65,4 +67,5 @@ export interface MenuItemOptions<T extends As = "div"> extends CompositeItemOpti
      */
     hideOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
 }
-export type MenuItemProps<T extends As = "div"> = Props<MenuItemOptions<T>>;
+export type MenuItemProps<T extends ElementType = TagName> = Props<T, MenuItemOptions<T>>;
+export {};

package/cjs/menu/menu-list.cjs

@@ -2,22 +2,22 @@
 
 
 
-var _ZWICHV7Ocjs = require('../__chunks/ZWICHV7O.cjs');
-require('../__chunks/NGEKJJDH.cjs');
-require('../__chunks/7LBZXSLY.cjs');
-require('../__chunks/6PUZ4NWR.cjs');
-require('../__chunks/H6OLBVHA.cjs');
+var _WUK3NG7Ycjs = require('../__chunks/WUK3NG7Y.cjs');
+require('../__chunks/HD6KOF3G.cjs');
+require('../__chunks/GAHLF3OI.cjs');
+require('../__chunks/XSRQB4KO.cjs');
+require('../__chunks/NCXCQQBN.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/YPVQYY4J.cjs');
-require('../__chunks/3W6FH6JK.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/JFOUIQSF.cjs');
+require('../__chunks/M5PQIWTW.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/5QD55NKL.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
@@ -25,4 +25,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.MenuList = _ZWICHV7Ocjs.MenuList; exports.useMenuList = _ZWICHV7Ocjs.useMenuList;
+exports.MenuList = _WUK3NG7Ycjs.MenuList; exports.useMenuList = _WUK3NG7Ycjs.useMenuList;

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

@@ -1,8 +1,11 @@
+import type { ElementType } from "react";
 import type { CompositeTypeaheadOptions } from "../composite/composite-typeahead.js";
 import type { CompositeOptions } from "../composite/composite.js";
 import type { DisclosureContentOptions } from "../disclosure/disclosure-content.js";
-import type { As, Props } from "../utils/types.js";
+import type { 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 `MenuList` component.
  * @see https://ariakit.org/components/menu
@@ -17,7 +20,7 @@ import type { MenuStore } from "./menu-store.js";
  * </Role>
  * ```
  */
-export declare const useMenuList: import("../utils/types.js").Hook<MenuListOptions<"div">>;
+export declare const useMenuList: import("../utils/types.js").Hook<"div", MenuListOptions<"div">>;
 /**
  * Renders a menu list element. This is the primitive component used by the
  * [`Menu`](https://ariakit.org/reference/menu) component.
@@ -37,8 +40,8 @@ export declare const useMenuList: import("../utils/types.js").Hook<MenuListOptio
  * </MenuProvider>
  * ```
  */
-export declare const MenuList: import("../utils/types.js").Component<MenuListOptions<"div">>;
-export interface MenuListOptions<T extends As = "div"> extends CompositeOptions<T>, CompositeTypeaheadOptions<T>, Pick<DisclosureContentOptions, "alwaysVisible"> {
+export declare const MenuList: (props: MenuListProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenuListOptions<T extends ElementType = TagName> extends CompositeOptions<T>, CompositeTypeaheadOptions<T>, Pick<DisclosureContentOptions, "alwaysVisible"> {
     /**
      * Object returned by the
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook. If not
@@ -48,4 +51,5 @@ export interface MenuListOptions<T extends As = "div"> extends CompositeOptions<
      */
     store?: MenuStore;
 }
-export type MenuListProps<T extends As = "div"> = Props<MenuListOptions<T>>;
+export type MenuListProps<T extends ElementType = TagName> = Props<T, MenuListOptions<T>>;
+export {};