@ariakit/react-core 0.3.14 → 0.4.0

package/cjs/form/form.d.ts

@@ -1,5 +1,8 @@
-import type { As, Options, Props } from "../utils/types.js";
+import type { ElementType } from "react";
+import type { Options, Props } from "../utils/types.js";
 import type { FormStore } from "./form-store.js";
+declare const TagName = "form";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `Form` component.
  * @see https://ariakit.org/components/form
@@ -10,7 +13,7 @@ import type { FormStore } from "./form-store.js";
  * <Role {...props} />
  * ```
  */
-export declare const useForm: import("../utils/types.js").Hook<FormOptions<"form">>;
+export declare const useForm: import("../utils/types.js").Hook<"form", FormOptions<"form">>;
 /**
  * Renders a form element and provides a [form
  * store](https://ariakit.org/reference/use-form-store) to its controls.
@@ -41,8 +44,8 @@ export declare const useForm: import("../utils/types.js").Hook<FormOptions<"form
  * </Form>
  * ```
  */
-export declare const Form: import("../utils/types.js").Component<FormOptions<"form">>;
-export interface FormOptions<T extends As = "form"> extends Options<T> {
+export declare const Form: (props: FormProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface FormOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useFormStore`](https://ariakit.org/reference/use-form-store) hook. If not
@@ -90,4 +93,5 @@ export interface FormOptions<T extends As = "form"> extends Options<T> {
      */
     autoFocusOnSubmit?: boolean;
 }
-export type FormProps<T extends As = "form"> = Props<FormOptions<T>>;
+export type FormProps<T extends ElementType = TagName> = Props<T, FormOptions<T>>;
+export {};

package/cjs/group/group-label.cjs

@@ -2,13 +2,13 @@
 
 
 
-var _QQCFY3MBcjs = require('../__chunks/QQCFY3MB.cjs');
+var _GMXGH5P5cjs = require('../__chunks/GMXGH5P5.cjs');
 require('../__chunks/FE3YCURH.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.GroupLabel = _QQCFY3MBcjs.GroupLabel; exports.useGroupLabel = _QQCFY3MBcjs.useGroupLabel;
+exports.GroupLabel = _GMXGH5P5cjs.GroupLabel; exports.useGroupLabel = _GMXGH5P5cjs.useGroupLabel;

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

@@ -1,4 +1,7 @@
-import type { As, Options, Props } from "../utils/types.js";
+import type { ElementType } from "react";
+import type { Options, Props } from "../utils/types.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `GroupLabel` component. This hook must be used in a
  * component that's wrapped with `Group` so the `aria-labelledby` prop is
@@ -11,7 +14,7 @@ import type { As, Options, Props } from "../utils/types.js";
  * <Role {...props}>Label</Role>
  * ```
  */
-export declare const useGroupLabel: import("../utils/types.js").Hook<GroupLabelOptions<"div">>;
+export declare const useGroupLabel: import("../utils/types.js").Hook<"div", GroupLabelOptions<"div">>;
 /**
  * Renders a label in a group. This component should be wrapped with a
  * [`Group`](https://ariakit.org/reference/group) so the `aria-labelledby`
@@ -24,6 +27,8 @@ export declare const useGroupLabel: import("../utils/types.js").Hook<GroupLabelO
  * </Group>
  * ```
  */
-export declare const GroupLabel: import("../utils/types.js").Component<GroupLabelOptions<"div">>;
-export type GroupLabelOptions<T extends As = "div"> = Options<T>;
-export type GroupLabelProps<T extends As = "div"> = Props<GroupLabelOptions<T>>;
+export declare const GroupLabel: (props: GroupLabelProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface GroupLabelOptions<_T extends ElementType = TagName> extends Options {
+}
+export type GroupLabelProps<T extends ElementType = TagName> = Props<T, GroupLabelOptions<T>>;
+export {};

package/cjs/group/group-label.d.ts

@@ -1,4 +1,7 @@
-import type { As, Options, Props } from "../utils/types.js";
+import type { ElementType } from "react";
+import type { Options, Props } from "../utils/types.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `GroupLabel` component. This hook must be used in a
  * component that's wrapped with `Group` so the `aria-labelledby` prop is
@@ -11,7 +14,7 @@ import type { As, Options, Props } from "../utils/types.js";
  * <Role {...props}>Label</Role>
  * ```
  */
-export declare const useGroupLabel: import("../utils/types.js").Hook<GroupLabelOptions<"div">>;
+export declare const useGroupLabel: import("../utils/types.js").Hook<"div", GroupLabelOptions<"div">>;
 /**
  * Renders a label in a group. This component should be wrapped with a
  * [`Group`](https://ariakit.org/reference/group) so the `aria-labelledby`
@@ -24,6 +27,8 @@ export declare const useGroupLabel: import("../utils/types.js").Hook<GroupLabelO
  * </Group>
  * ```
  */
-export declare const GroupLabel: import("../utils/types.js").Component<GroupLabelOptions<"div">>;
-export type GroupLabelOptions<T extends As = "div"> = Options<T>;
-export type GroupLabelProps<T extends As = "div"> = Props<GroupLabelOptions<T>>;
+export declare const GroupLabel: (props: GroupLabelProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface GroupLabelOptions<_T extends ElementType = TagName> extends Options {
+}
+export type GroupLabelProps<T extends ElementType = TagName> = Props<T, GroupLabelOptions<T>>;
+export {};

package/cjs/group/group.cjs

@@ -2,13 +2,13 @@
 
 
 
-var _KSAZE5E2cjs = require('../__chunks/KSAZE5E2.cjs');
+var _47V4ED4Rcjs = require('../__chunks/47V4ED4R.cjs');
 require('../__chunks/FE3YCURH.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Group = _KSAZE5E2cjs.Group; exports.useGroup = _KSAZE5E2cjs.useGroup;
+exports.Group = _47V4ED4Rcjs.Group; exports.useGroup = _47V4ED4Rcjs.useGroup;

package/cjs/group/group.d.cts

@@ -1,4 +1,7 @@
-import type { As, Options, Props } from "../utils/types.js";
+import type { ElementType } from "react";
+import type { Options, Props } from "../utils/types.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `Group` component.
  * @see https://ariakit.org/components/group
@@ -8,7 +11,7 @@ import type { As, Options, Props } from "../utils/types.js";
  * <Role {...props}>Group</Role>
  * ```
  */
-export declare const useGroup: import("../utils/types.js").Hook<GroupOptions<"div">>;
+export declare const useGroup: import("../utils/types.js").Hook<"div", Options>;
 /**
  * Renders a group element. Optionally, a
  * [`GroupLabel`](https://ariakit.org/reference/group-label) can be rendered as
@@ -19,6 +22,7 @@ export declare const useGroup: import("../utils/types.js").Hook<GroupOptions<"di
  * <Group>Group</Group>
  * ```
  */
-export declare const Group: import("../utils/types.js").Component<GroupOptions<"div">>;
-export type GroupOptions<T extends As = "div"> = Options<T>;
-export type GroupProps<T extends As = "div"> = Props<GroupOptions<T>>;
+export declare const Group: (props: GroupProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export type GroupOptions<_T extends ElementType = TagName> = Options;
+export type GroupProps<T extends ElementType = TagName> = Props<T, GroupOptions<T>>;
+export {};

package/cjs/group/group.d.ts

@@ -1,4 +1,7 @@
-import type { As, Options, Props } from "../utils/types.js";
+import type { ElementType } from "react";
+import type { Options, Props } from "../utils/types.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `Group` component.
  * @see https://ariakit.org/components/group
@@ -8,7 +11,7 @@ import type { As, Options, Props } from "../utils/types.js";
  * <Role {...props}>Group</Role>
  * ```
  */
-export declare const useGroup: import("../utils/types.js").Hook<GroupOptions<"div">>;
+export declare const useGroup: import("../utils/types.js").Hook<"div", Options>;
 /**
  * Renders a group element. Optionally, a
  * [`GroupLabel`](https://ariakit.org/reference/group-label) can be rendered as
@@ -19,6 +22,7 @@ export declare const useGroup: import("../utils/types.js").Hook<GroupOptions<"di
  * <Group>Group</Group>
  * ```
  */
-export declare const Group: import("../utils/types.js").Component<GroupOptions<"div">>;
-export type GroupOptions<T extends As = "div"> = Options<T>;
-export type GroupProps<T extends As = "div"> = Props<GroupOptions<T>>;
+export declare const Group: (props: GroupProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export type GroupOptions<_T extends ElementType = TagName> = Options;
+export type GroupProps<T extends ElementType = TagName> = Props<T, GroupOptions<T>>;
+export {};

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

@@ -17,11 +17,11 @@ import type { HeadingLevels } from "./utils.js";
  * ```
  */
 export declare function HeadingLevel({ level, children }: HeadingLevelProps): import("react/jsx-runtime").JSX.Element;
-export type HeadingLevelProps = {
+export interface HeadingLevelProps {
     /**
      * The heading level. By default, it'll increase the level by 1 based on the
      * context.
      */
     level?: HeadingLevels;
     children?: ReactNode;
-};
+}

package/cjs/heading/heading-level.d.ts

@@ -17,11 +17,11 @@ import type { HeadingLevels } from "./utils.js";
  * ```
  */
 export declare function HeadingLevel({ level, children }: HeadingLevelProps): import("react/jsx-runtime").JSX.Element;
-export type HeadingLevelProps = {
+export interface HeadingLevelProps {
     /**
      * The heading level. By default, it'll increase the level by 1 based on the
      * context.
      */
     level?: HeadingLevels;
     children?: ReactNode;
-};
+}

package/cjs/heading/heading.cjs

@@ -2,13 +2,13 @@
 
 
 
-var _TK6GOI2Vcjs = require('../__chunks/TK6GOI2V.cjs');
+var _XAEBGC7Dcjs = require('../__chunks/XAEBGC7D.cjs');
 require('../__chunks/2BIO7R5N.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Heading = _TK6GOI2Vcjs.Heading; exports.useHeading = _TK6GOI2Vcjs.useHeading;
+exports.Heading = _XAEBGC7Dcjs.Heading; exports.useHeading = _XAEBGC7Dcjs.useHeading;

package/cjs/heading/heading.d.cts

@@ -1,6 +1,9 @@
-import type { As, Options, Props } from "../utils/types.js";
+import type { ElementType } from "react";
+import type { Options, Props } from "../utils/types.js";
 import type { HeadingLevels } from "./utils.js";
 type HeadingElements = `h${HeadingLevels}`;
+declare const TagName = "h1";
+type TagName = HeadingElements;
 /**
  * Returns props to create a `Heading` component. The element type (or the
  * `aria-level` prop, if the element type is not a native heading) is determined
@@ -12,7 +15,7 @@ type HeadingElements = `h${HeadingLevels}`;
  * <Role {...props}>Heading</Role>
  * ```
  */
-export declare const useHeading: import("../utils/types.js").Hook<HeadingOptions<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">>;
+export declare const useHeading: import("../utils/types.js").Hook<"h1" | "h2" | "h3" | "h4" | "h5" | "h6", HeadingOptions<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">>;
 /**
  * Renders a heading element. The element type (or the `aria-level` attribute,
  * if the element type is not a native heading) is determined by the context
@@ -29,7 +32,8 @@ export declare const useHeading: import("../utils/types.js").Hook<HeadingOptions
  * </HeadingLevel>
  * ```
  */
-export declare const Heading: import("../utils/types.js").Component<HeadingOptions<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">>;
-export type HeadingOptions<T extends As = HeadingElements> = Options<T>;
-export type HeadingProps<T extends As = HeadingElements> = Props<HeadingOptions<T>>;
+export declare const Heading: (props: HeadingProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface HeadingOptions<_T extends ElementType = TagName> extends Options {
+}
+export type HeadingProps<T extends ElementType = TagName> = Props<T, HeadingOptions<T>>;
 export {};

package/cjs/heading/heading.d.ts

@@ -1,6 +1,9 @@
-import type { As, Options, Props } from "../utils/types.js";
+import type { ElementType } from "react";
+import type { Options, Props } from "../utils/types.js";
 import type { HeadingLevels } from "./utils.js";
 type HeadingElements = `h${HeadingLevels}`;
+declare const TagName = "h1";
+type TagName = HeadingElements;
 /**
  * Returns props to create a `Heading` component. The element type (or the
  * `aria-level` prop, if the element type is not a native heading) is determined
@@ -12,7 +15,7 @@ type HeadingElements = `h${HeadingLevels}`;
  * <Role {...props}>Heading</Role>
  * ```
  */
-export declare const useHeading: import("../utils/types.js").Hook<HeadingOptions<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">>;
+export declare const useHeading: import("../utils/types.js").Hook<"h1" | "h2" | "h3" | "h4" | "h5" | "h6", HeadingOptions<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">>;
 /**
  * Renders a heading element. The element type (or the `aria-level` attribute,
  * if the element type is not a native heading) is determined by the context
@@ -29,7 +32,8 @@ export declare const useHeading: import("../utils/types.js").Hook<HeadingOptions
  * </HeadingLevel>
  * ```
  */
-export declare const Heading: import("../utils/types.js").Component<HeadingOptions<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">>;
-export type HeadingOptions<T extends As = HeadingElements> = Options<T>;
-export type HeadingProps<T extends As = HeadingElements> = Props<HeadingOptions<T>>;
+export declare const Heading: (props: HeadingProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface HeadingOptions<_T extends ElementType = TagName> extends Options {
+}
+export type HeadingProps<T extends ElementType = TagName> = Props<T, HeadingOptions<T>>;
 export {};

package/cjs/hovercard/hovercard-anchor.cjs

@@ -2,18 +2,18 @@
 
 
 
-var _TGTVGYEZcjs = require('../__chunks/TGTVGYEZ.cjs');
-require('../__chunks/3W6FH6JK.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+var _YEAKVHCKcjs = require('../__chunks/YEAKVHCK.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/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.HovercardAnchor = _TGTVGYEZcjs.HovercardAnchor; exports.useHovercardAnchor = _TGTVGYEZcjs.useHovercardAnchor;
+exports.HovercardAnchor = _YEAKVHCKcjs.HovercardAnchor; exports.useHovercardAnchor = _YEAKVHCKcjs.useHovercardAnchor;

package/cjs/hovercard/hovercard-anchor.d.cts

@@ -1,8 +1,10 @@
-import type { MouseEvent as ReactMouseEvent } from "react";
+import type { ElementType, MouseEvent as ReactMouseEvent } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
 import type { FocusableOptions } from "../focusable/focusable.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { HovercardStore } from "./hovercard-store.js";
+declare const TagName = "a";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `HovercardAnchor` component.
  * @see https://ariakit.org/components/hovercard
@@ -14,7 +16,7 @@ import type { HovercardStore } from "./hovercard-store.js";
  * <Hovercard store={store}>Details</Hovercard>
  * ```
  */
-export declare const useHovercardAnchor: import("../utils/types.js").Hook<HovercardAnchorOptions<"a">>;
+export declare const useHovercardAnchor: import("../utils/types.js").Hook<"a", HovercardAnchorOptions<"a">>;
 /**
  * Renders an anchor element that will open a
  * [`Hovercard`](https://ariakit.org/reference/hovercard) popup on hover.
@@ -27,8 +29,8 @@ export declare const useHovercardAnchor: import("../utils/types.js").Hook<Hoverc
  * </HovercardProvider>
  * ```
  */
-export declare const HovercardAnchor: import("../utils/types.js").Component<HovercardAnchorOptions<"a">>;
-export interface HovercardAnchorOptions<T extends As = "a"> extends FocusableOptions<T> {
+export declare const HovercardAnchor: (props: HovercardAnchorProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface HovercardAnchorOptions<T extends ElementType = TagName> extends FocusableOptions<T> {
     /**
      * Object returned by the
      * [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store)
@@ -49,4 +51,5 @@ export interface HovercardAnchorOptions<T extends As = "a"> extends FocusableOpt
      */
     showOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
 }
-export type HovercardAnchorProps<T extends As = "a"> = Props<HovercardAnchorOptions<T>>;
+export type HovercardAnchorProps<T extends ElementType = TagName> = Props<T, HovercardAnchorOptions<T>>;
+export {};

package/cjs/hovercard/hovercard-anchor.d.ts

@@ -1,8 +1,10 @@
-import type { MouseEvent as ReactMouseEvent } from "react";
+import type { ElementType, MouseEvent as ReactMouseEvent } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
 import type { FocusableOptions } from "../focusable/focusable.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { HovercardStore } from "./hovercard-store.js";
+declare const TagName = "a";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `HovercardAnchor` component.
  * @see https://ariakit.org/components/hovercard
@@ -14,7 +16,7 @@ import type { HovercardStore } from "./hovercard-store.js";
  * <Hovercard store={store}>Details</Hovercard>
  * ```
  */
-export declare const useHovercardAnchor: import("../utils/types.js").Hook<HovercardAnchorOptions<"a">>;
+export declare const useHovercardAnchor: import("../utils/types.js").Hook<"a", HovercardAnchorOptions<"a">>;
 /**
  * Renders an anchor element that will open a
  * [`Hovercard`](https://ariakit.org/reference/hovercard) popup on hover.
@@ -27,8 +29,8 @@ export declare const useHovercardAnchor: import("../utils/types.js").Hook<Hoverc
  * </HovercardProvider>
  * ```
  */
-export declare const HovercardAnchor: import("../utils/types.js").Component<HovercardAnchorOptions<"a">>;
-export interface HovercardAnchorOptions<T extends As = "a"> extends FocusableOptions<T> {
+export declare const HovercardAnchor: (props: HovercardAnchorProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface HovercardAnchorOptions<T extends ElementType = TagName> extends FocusableOptions<T> {
     /**
      * Object returned by the
      * [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store)
@@ -49,4 +51,5 @@ export interface HovercardAnchorOptions<T extends As = "a"> extends FocusableOpt
      */
     showOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
 }
-export type HovercardAnchorProps<T extends As = "a"> = Props<HovercardAnchorOptions<T>>;
+export type HovercardAnchorProps<T extends ElementType = TagName> = Props<T, HovercardAnchorOptions<T>>;
+export {};

package/cjs/hovercard/hovercard-arrow.cjs

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _AZV52Y77cjs = require('../__chunks/AZV52Y77.cjs');
+var _LTCHZ5L3cjs = require('../__chunks/LTCHZ5L3.cjs');
 require('../__chunks/AH3CUB6N.cjs');
 
 
-var _3W6FH6JKcjs = require('../__chunks/3W6FH6JK.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
+var _M5PQIWTWcjs = 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');
 
@@ -22,24 +22,20 @@ require('../__chunks/CJDHQUBR.cjs');
 var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/hovercard/hovercard-arrow.ts
-var useHovercardArrow = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var TagName = "div";
+var useHovercardArrow = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useHovercardArrow2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _3W6FH6JKcjs.useHovercardContext.call(void 0, );
+    const context = _M5PQIWTWcjs.useHovercardContext.call(void 0, );
     store = store || context;
-    props = _AZV52Y77cjs.usePopoverArrow.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _LTCHZ5L3cjs.usePopoverArrow.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var HovercardArrow = _RNZNGEL4cjs.createComponent.call(void 0, 
-  (props) => {
-    const htmlProps = useHovercardArrow(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  HovercardArrow.displayName = "HovercardArrow";
-}
+var HovercardArrow = _Q67LZMDTcjs.forwardRef.call(void 0, function HovercardArrow2(props) {
+  const htmlProps = useHovercardArrow(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
 
 
 

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { PopoverArrowOptions } from "../popover/popover-arrow.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { HovercardStore } from "./hovercard-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `HovercardArrow` component.
  * @see https://ariakit.org/components/hovercard
@@ -14,7 +17,7 @@ import type { HovercardStore } from "./hovercard-store.js";
  * </Hovercard>
  * ```
  */
-export declare const useHovercardArrow: import("../utils/types.js").Hook<HovercardArrowOptions<"div">>;
+export declare const useHovercardArrow: import("../utils/types.js").Hook<"div", HovercardArrowOptions<"div">>;
 /**
  * Renders an arrow element inside a
  * [`Hovercard`](https://ariakit.org/reference/hovercard) component that points
@@ -31,8 +34,8 @@ export declare const useHovercardArrow: import("../utils/types.js").Hook<Hoverca
  * </HovercardProvider>
  * ```
  */
-export declare const HovercardArrow: import("../utils/types.js").Component<HovercardArrowOptions<"div">>;
-export interface HovercardArrowOptions<T extends As = "div"> extends PopoverArrowOptions<T> {
+export declare const HovercardArrow: (props: HovercardArrowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface HovercardArrowOptions<T extends ElementType = TagName> extends PopoverArrowOptions<T> {
     /**
      * Object returned by the
      * [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store)
@@ -43,4 +46,5 @@ export interface HovercardArrowOptions<T extends As = "div"> extends PopoverArro
      */
     store?: HovercardStore;
 }
-export type HovercardArrowProps<T extends As = "div"> = Props<HovercardArrowOptions<T>>;
+export type HovercardArrowProps<T extends ElementType = TagName> = Props<T, HovercardArrowOptions<T>>;
+export {};

package/cjs/hovercard/hovercard-arrow.d.ts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { PopoverArrowOptions } from "../popover/popover-arrow.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { HovercardStore } from "./hovercard-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `HovercardArrow` component.
  * @see https://ariakit.org/components/hovercard
@@ -14,7 +17,7 @@ import type { HovercardStore } from "./hovercard-store.js";
  * </Hovercard>
  * ```
  */
-export declare const useHovercardArrow: import("../utils/types.js").Hook<HovercardArrowOptions<"div">>;
+export declare const useHovercardArrow: import("../utils/types.js").Hook<"div", HovercardArrowOptions<"div">>;
 /**
  * Renders an arrow element inside a
  * [`Hovercard`](https://ariakit.org/reference/hovercard) component that points
@@ -31,8 +34,8 @@ export declare const useHovercardArrow: import("../utils/types.js").Hook<Hoverca
  * </HovercardProvider>
  * ```
  */
-export declare const HovercardArrow: import("../utils/types.js").Component<HovercardArrowOptions<"div">>;
-export interface HovercardArrowOptions<T extends As = "div"> extends PopoverArrowOptions<T> {
+export declare const HovercardArrow: (props: HovercardArrowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface HovercardArrowOptions<T extends ElementType = TagName> extends PopoverArrowOptions<T> {
     /**
      * Object returned by the
      * [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store)
@@ -43,4 +46,5 @@ export interface HovercardArrowOptions<T extends As = "div"> extends PopoverArro
      */
     store?: HovercardStore;
 }
-export type HovercardArrowProps<T extends As = "div"> = Props<HovercardArrowOptions<T>>;
+export type HovercardArrowProps<T extends ElementType = TagName> = Props<T, HovercardArrowOptions<T>>;
+export {};

package/cjs/hovercard/hovercard-context.cjs

@@ -5,11 +5,11 @@
 
 
 
-var _3W6FH6JKcjs = require('../__chunks/3W6FH6JK.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+var _M5PQIWTWcjs = 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');
@@ -19,4 +19,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.HovercardContextProvider = _3W6FH6JKcjs.HovercardContextProvider; exports.HovercardScopedContextProvider = _3W6FH6JKcjs.HovercardScopedContextProvider; exports.useHovercardContext = _3W6FH6JKcjs.useHovercardContext; exports.useHovercardProviderContext = _3W6FH6JKcjs.useHovercardProviderContext; exports.useHovercardScopedContext = _3W6FH6JKcjs.useHovercardScopedContext;
+exports.HovercardContextProvider = _M5PQIWTWcjs.HovercardContextProvider; exports.HovercardScopedContextProvider = _M5PQIWTWcjs.HovercardScopedContextProvider; exports.useHovercardContext = _M5PQIWTWcjs.useHovercardContext; exports.useHovercardProviderContext = _M5PQIWTWcjs.useHovercardProviderContext; exports.useHovercardScopedContext = _M5PQIWTWcjs.useHovercardScopedContext;

package/cjs/hovercard/hovercard-description.cjs

@@ -2,16 +2,16 @@
 
 
 
-var _ACTXAOA6cjs = require('../__chunks/ACTXAOA6.cjs');
-require('../__chunks/KRB7URW5.cjs');
-require('../__chunks/62JWM3VQ.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+var _OEWIM6B2cjs = require('../__chunks/OEWIM6B2.cjs');
+require('../__chunks/HSQMZHBZ.cjs');
+require('../__chunks/IGGDPRFD.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');
 
 
 
-exports.HovercardDescription = _ACTXAOA6cjs.HovercardDescription; exports.useHovercardDescription = _ACTXAOA6cjs.useHovercardDescription;
+exports.HovercardDescription = _OEWIM6B2cjs.HovercardDescription; exports.useHovercardDescription = _OEWIM6B2cjs.useHovercardDescription;