@ariakit/react-core 0.3.14 → 0.4.1

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { PopoverDescriptionOptions } from "../popover/popover-description.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 = "p";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `HovercardDescription` component. This hook must be
  * used in a component that's wrapped with `Hovercard` so the `aria-describedby`
@@ -13,7 +16,7 @@ import type { HovercardStore } from "./hovercard-store.js";
  * <Role {...props}>Description</Role>
  * ```
  */
-export declare const useHovercardDescription: import("../utils/types.js").Hook<HovercardDescriptionOptions<"p">>;
+export declare const useHovercardDescription: import("../utils/types.js").Hook<"p", HovercardDescriptionOptions<"p">>;
 /**
  * Renders a description in a hovercard. This component must be wrapped within
  * [`Hovercard`](https://ariakit.org/reference/hovercard) so the
@@ -28,8 +31,8 @@ export declare const useHovercardDescription: import("../utils/types.js").Hook<H
  * </HovercardProvider>
  * ```
  */
-export declare const HovercardDescription: import("../utils/types.js").Component<HovercardDescriptionOptions<"p">>;
-export interface HovercardDescriptionOptions<T extends As = "p"> extends PopoverDescriptionOptions<T> {
+export declare const HovercardDescription: (props: HovercardDescriptionProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface HovercardDescriptionOptions<T extends ElementType = TagName> extends PopoverDescriptionOptions<T> {
     /**
      * Object returned by the
      * [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store)
@@ -40,4 +43,5 @@ export interface HovercardDescriptionOptions<T extends As = "p"> extends Popover
      */
     store?: HovercardStore;
 }
-export type HovercardDescriptionProps<T extends As = "p"> = Props<HovercardDescriptionOptions<T>>;
+export type HovercardDescriptionProps<T extends ElementType = TagName> = Props<T, HovercardDescriptionOptions<T>>;
+export {};

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { PopoverDescriptionOptions } from "../popover/popover-description.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 = "p";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `HovercardDescription` component. This hook must be
  * used in a component that's wrapped with `Hovercard` so the `aria-describedby`
@@ -13,7 +16,7 @@ import type { HovercardStore } from "./hovercard-store.js";
  * <Role {...props}>Description</Role>
  * ```
  */
-export declare const useHovercardDescription: import("../utils/types.js").Hook<HovercardDescriptionOptions<"p">>;
+export declare const useHovercardDescription: import("../utils/types.js").Hook<"p", HovercardDescriptionOptions<"p">>;
 /**
  * Renders a description in a hovercard. This component must be wrapped within
  * [`Hovercard`](https://ariakit.org/reference/hovercard) so the
@@ -28,8 +31,8 @@ export declare const useHovercardDescription: import("../utils/types.js").Hook<H
  * </HovercardProvider>
  * ```
  */
-export declare const HovercardDescription: import("../utils/types.js").Component<HovercardDescriptionOptions<"p">>;
-export interface HovercardDescriptionOptions<T extends As = "p"> extends PopoverDescriptionOptions<T> {
+export declare const HovercardDescription: (props: HovercardDescriptionProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface HovercardDescriptionOptions<T extends ElementType = TagName> extends PopoverDescriptionOptions<T> {
     /**
      * Object returned by the
      * [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store)
@@ -40,4 +43,5 @@ export interface HovercardDescriptionOptions<T extends As = "p"> extends Popover
      */
     store?: HovercardStore;
 }
-export type HovercardDescriptionProps<T extends As = "p"> = Props<HovercardDescriptionOptions<T>>;
+export type HovercardDescriptionProps<T extends ElementType = TagName> = Props<T, HovercardDescriptionOptions<T>>;
+export {};

package/cjs/hovercard/hovercard-disclosure.cjs

@@ -1,26 +1,26 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _QCG6J6X5cjs = require('../__chunks/QCG6J6X5.cjs');
-require('../__chunks/LFHNPG2L.cjs');
-require('../__chunks/5UTRYT6E.cjs');
-require('../__chunks/DAJUUBUI.cjs');
+var _PIZ222UUcjs = require('../__chunks/PIZ222UU.cjs');
+require('../__chunks/QCQVRINH.cjs');
+require('../__chunks/M7WN4XJH.cjs');
+require('../__chunks/Z7QK7V4M.cjs');
 
 
-var _3W6FH6JKcjs = require('../__chunks/3W6FH6JK.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+var _M5PQIWTWcjs = require('../__chunks/M5PQIWTW.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/XRZ2L7EA.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
-var _R66IWXK6cjs = require('../__chunks/R66IWXK6.cjs');
+var _HQKST6ZJcjs = require('../__chunks/HQKST6ZJ.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
 
 
 
@@ -39,111 +39,105 @@ var _events = require('@ariakit/core/utils/events');
 var _misc = require('@ariakit/core/utils/misc');
 var _store = require('@ariakit/core/utils/store');
 var _jsxruntime = require('react/jsx-runtime');
-var useHovercardDisclosure = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
-    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _3W6FH6JKcjs.useHovercardProviderContext.call(void 0, );
-    store = store || context;
-    _misc.invariant.call(void 0, 
-      store,
-      process.env.NODE_ENV !== "production" && "HovercardDisclosure must receive a `store` prop or be wrapped in a HovercardProvider component."
-    );
-    const [visible, setVisible] = _react.useState.call(void 0, false);
-    _react.useEffect.call(void 0, () => {
-      if (!visible)
+var TagName = "button";
+var useHovercardDisclosure = _Q67LZMDTcjs.createHook.call(void 0, function useHovercardDisclosure2(_a) {
+  var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+  const context = _M5PQIWTWcjs.useHovercardProviderContext.call(void 0, );
+  store = store || context;
+  _misc.invariant.call(void 0, 
+    store,
+    process.env.NODE_ENV !== "production" && "HovercardDisclosure must receive a `store` prop or be wrapped in a HovercardProvider component."
+  );
+  const [visible, setVisible] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    if (!visible)
+      return;
+    const onBlur = (event) => {
+      if (!store)
         return;
-      const onBlur = (event) => {
-        if (!store)
+      const nextActiveElement = event.relatedTarget;
+      if (nextActiveElement) {
+        const {
+          anchorElement: anchor,
+          popoverElement: popover,
+          disclosureElement: disclosure
+        } = store.getState();
+        if (anchor && _dom.contains.call(void 0, anchor, nextActiveElement))
           return;
-        const nextActiveElement = event.relatedTarget;
-        if (nextActiveElement) {
-          const {
-            anchorElement: anchor,
-            popoverElement: popover,
-            disclosureElement: disclosure
-          } = store.getState();
-          if (anchor && _dom.contains.call(void 0, anchor, nextActiveElement))
-            return;
-          if (popover && _dom.contains.call(void 0, popover, nextActiveElement))
-            return;
-          if (disclosure && _dom.contains.call(void 0, disclosure, nextActiveElement))
-            return;
-          if (nextActiveElement.hasAttribute("data-focus-trap"))
-            return;
-        }
-        setVisible(false);
-      };
-      return _events.addGlobalEventListener.call(void 0, "focusout", onBlur, true);
-    }, [visible, store]);
-    _react.useEffect.call(void 0, () => {
-      return _store.sync.call(void 0, store, ["anchorElement"], (state) => {
-        const anchor = state.anchorElement;
-        if (!anchor)
+        if (popover && _dom.contains.call(void 0, popover, nextActiveElement))
           return;
-        const observer = new MutationObserver(() => {
-          if (!anchor.hasAttribute("data-focus-visible"))
-            return;
-          setVisible(true);
-        });
-        observer.observe(anchor, { attributeFilter: ["data-focus-visible"] });
-        return () => observer.disconnect();
-      });
-    }, [store]);
-    const onClickProp = props.onClick;
-    const onClick = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
-      onClickProp == null ? void 0 : onClickProp(event);
-      if (event.defaultPrevented)
-        return;
-      store == null ? void 0 : store.setAutoFocusOnShow(true);
-    });
-    const onFocusProp = props.onFocus;
-    const onFocus = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
-      onFocusProp == null ? void 0 : onFocusProp(event);
-      if (event.defaultPrevented)
+        if (disclosure && _dom.contains.call(void 0, disclosure, nextActiveElement))
+          return;
+        if (nextActiveElement.hasAttribute("data-focus-trap"))
+          return;
+      }
+      setVisible(false);
+    };
+    return _events.addGlobalEventListener.call(void 0, "focusout", onBlur, true);
+  }, [visible, store]);
+  _react.useEffect.call(void 0, () => {
+    return _store.sync.call(void 0, store, ["anchorElement"], (state) => {
+      const anchor = state.anchorElement;
+      if (!anchor)
         return;
-      setVisible(true);
-    });
-    const { style } = _R66IWXK6cjs.useVisuallyHidden.call(void 0, );
-    if (!visible) {
-      props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
-        style: _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, style), props.style)
+      const observer = new MutationObserver(() => {
+        if (!anchor.hasAttribute("data-focus-visible"))
+          return;
+        setVisible(true);
       });
-    }
-    const children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "svg",
-      {
-        display: "block",
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: "1.5pt",
-        viewBox: "0 0 16 16",
-        height: "1em",
-        width: "1em",
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "4,6 8,10 12,6" })
-      }
-    );
-    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
-      children
-    }, props), {
-      ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, store.setDisclosureElement, props.ref),
-      onClick,
-      onFocus
+      observer.observe(anchor, { attributeFilter: ["data-focus-visible"] });
+      return () => observer.disconnect();
+    });
+  }, [store]);
+  const onClickProp = props.onClick;
+  const onClick = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+    onClickProp == null ? void 0 : onClickProp(event);
+    if (event.defaultPrevented)
+      return;
+    store == null ? void 0 : store.setAutoFocusOnShow(true);
+  });
+  const onFocusProp = props.onFocus;
+  const onFocus = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+    onFocusProp == null ? void 0 : onFocusProp(event);
+    if (event.defaultPrevented)
+      return;
+    setVisible(true);
+  });
+  const { style } = _HQKST6ZJcjs.useVisuallyHidden.call(void 0, );
+  if (!visible) {
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+      style: _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, style), props.style)
     });
-    props = _QCG6J6X5cjs.useDialogDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
-    return props;
-  }
-);
-var HovercardDisclosure = _RNZNGEL4cjs.createComponent.call(void 0, 
-  (props) => {
-    const htmlProps = useHovercardDisclosure(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "button", htmlProps);
   }
-);
-if (process.env.NODE_ENV !== "production") {
-  HovercardDisclosure.displayName = "HovercardDisclosure";
-}
+  const children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      display: "block",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.5pt",
+      viewBox: "0 0 16 16",
+      height: "1em",
+      width: "1em",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "4,6 8,10 12,6" })
+    }
+  );
+  props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    children
+  }, props), {
+    ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, store.setDisclosureElement, props.ref),
+    onClick,
+    onFocus
+  });
+  props = _PIZ222UUcjs.useDialogDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+  return props;
+});
+var HovercardDisclosure = _Q67LZMDTcjs.forwardRef.call(void 0, function HovercardDisclosure2(props) {
+  const htmlProps = useHovercardDisclosure(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
 
 
 

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { DialogDisclosureOptions } from "../dialog/dialog-disclosure.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 = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `HovercardDisclosure` component.
  * @see https://ariakit.org/components/hovercard
@@ -13,7 +16,7 @@ import type { HovercardStore } from "./hovercard-store.js";
  * <Hovercard store={store}>Details</Hovercard>
  * ```
  */
-export declare const useHovercardDisclosure: import("../utils/types.js").Hook<HovercardDisclosureOptions<"button">>;
+export declare const useHovercardDisclosure: import("../utils/types.js").Hook<"button", HovercardDisclosureOptions<"button">>;
 /**
  * Renders a hidden disclosure button that will be visible when the
  * [`HovercardAnchor`](https://ariakit.org/reference/hovercard-anchor) receives
@@ -29,8 +32,8 @@ export declare const useHovercardDisclosure: import("../utils/types.js").Hook<Ho
  * </HovercardProvider>
  * ```
  */
-export declare const HovercardDisclosure: import("../utils/types.js").Component<HovercardDisclosureOptions<"button">>;
-export interface HovercardDisclosureOptions<T extends As = "button"> extends DialogDisclosureOptions<T> {
+export declare const HovercardDisclosure: (props: HovercardDisclosureProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface HovercardDisclosureOptions<T extends ElementType = TagName> extends DialogDisclosureOptions<T> {
     /**
      * Object returned by the
      * [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store)
@@ -40,4 +43,5 @@ export interface HovercardDisclosureOptions<T extends As = "button"> extends Dia
      */
     store?: HovercardStore;
 }
-export type HovercardDisclosureProps<T extends As = "button"> = Props<HovercardDisclosureOptions<T>>;
+export type HovercardDisclosureProps<T extends ElementType = TagName> = Props<T, HovercardDisclosureOptions<T>>;
+export {};

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { DialogDisclosureOptions } from "../dialog/dialog-disclosure.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 = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `HovercardDisclosure` component.
  * @see https://ariakit.org/components/hovercard
@@ -13,7 +16,7 @@ import type { HovercardStore } from "./hovercard-store.js";
  * <Hovercard store={store}>Details</Hovercard>
  * ```
  */
-export declare const useHovercardDisclosure: import("../utils/types.js").Hook<HovercardDisclosureOptions<"button">>;
+export declare const useHovercardDisclosure: import("../utils/types.js").Hook<"button", HovercardDisclosureOptions<"button">>;
 /**
  * Renders a hidden disclosure button that will be visible when the
  * [`HovercardAnchor`](https://ariakit.org/reference/hovercard-anchor) receives
@@ -29,8 +32,8 @@ export declare const useHovercardDisclosure: import("../utils/types.js").Hook<Ho
  * </HovercardProvider>
  * ```
  */
-export declare const HovercardDisclosure: import("../utils/types.js").Component<HovercardDisclosureOptions<"button">>;
-export interface HovercardDisclosureOptions<T extends As = "button"> extends DialogDisclosureOptions<T> {
+export declare const HovercardDisclosure: (props: HovercardDisclosureProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface HovercardDisclosureOptions<T extends ElementType = TagName> extends DialogDisclosureOptions<T> {
     /**
      * Object returned by the
      * [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store)
@@ -40,4 +43,5 @@ export interface HovercardDisclosureOptions<T extends As = "button"> extends Dia
      */
     store?: HovercardStore;
 }
-export type HovercardDisclosureProps<T extends As = "button"> = Props<HovercardDisclosureOptions<T>>;
+export type HovercardDisclosureProps<T extends ElementType = TagName> = Props<T, HovercardDisclosureOptions<T>>;
+export {};

package/cjs/hovercard/hovercard-dismiss.cjs

@@ -2,22 +2,22 @@
 
 
 
-var _NY3D6JQTcjs = require('../__chunks/NY3D6JQT.cjs');
-require('../__chunks/UXFBTIBY.cjs');
-require('../__chunks/7ZVTEFD7.cjs');
-require('../__chunks/5UTRYT6E.cjs');
-require('../__chunks/DAJUUBUI.cjs');
-require('../__chunks/3W6FH6JK.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+var _PQ4VU6KGcjs = require('../__chunks/PQ4VU6KG.cjs');
+require('../__chunks/Z3JYZ4IW.cjs');
+require('../__chunks/X3YXQESW.cjs');
+require('../__chunks/M7WN4XJH.cjs');
+require('../__chunks/Z7QK7V4M.cjs');
+require('../__chunks/M5PQIWTW.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/XRZ2L7EA.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.HovercardDismiss = _NY3D6JQTcjs.HovercardDismiss; exports.useHovercardDismiss = _NY3D6JQTcjs.useHovercardDismiss;
+exports.HovercardDismiss = _PQ4VU6KGcjs.HovercardDismiss; exports.useHovercardDismiss = _PQ4VU6KGcjs.useHovercardDismiss;

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { PopoverDismissOptions } from "../popover/popover-dismiss.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 = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `HovercardDismiss` component.
  * @see https://ariakit.org/components/hovercard
@@ -13,7 +16,7 @@ import type { HovercardStore } from "./hovercard-store.js";
  * </Hovercard>
  * ```
  */
-export declare const useHovercardDismiss: import("../utils/types.js").Hook<HovercardDismissOptions<"button">>;
+export declare const useHovercardDismiss: import("../utils/types.js").Hook<"button", HovercardDismissOptions<"button">>;
 /**
  * Renders a button that hides a
  * [`Hovercard`](https://ariakit.org/reference/hovercard) when clicked.
@@ -27,8 +30,8 @@ export declare const useHovercardDismiss: import("../utils/types.js").Hook<Hover
  * </HovercardProvider>
  * ```
  */
-export declare const HovercardDismiss: import("../utils/types.js").Component<HovercardDismissOptions<"button">>;
-export interface HovercardDismissOptions<T extends As = "button"> extends PopoverDismissOptions<T> {
+export declare const HovercardDismiss: (props: HovercardDismissProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface HovercardDismissOptions<T extends ElementType = TagName> extends PopoverDismissOptions<T> {
     /**
      * Object returned by the
      * [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store)
@@ -39,4 +42,5 @@ export interface HovercardDismissOptions<T extends As = "button"> extends Popove
      */
     store?: HovercardStore;
 }
-export type HovercardDismissProps<T extends As = "button"> = Props<HovercardDismissOptions<T>>;
+export type HovercardDismissProps<T extends ElementType = TagName> = Props<T, HovercardDismissOptions<T>>;
+export {};

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { PopoverDismissOptions } from "../popover/popover-dismiss.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 = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `HovercardDismiss` component.
  * @see https://ariakit.org/components/hovercard
@@ -13,7 +16,7 @@ import type { HovercardStore } from "./hovercard-store.js";
  * </Hovercard>
  * ```
  */
-export declare const useHovercardDismiss: import("../utils/types.js").Hook<HovercardDismissOptions<"button">>;
+export declare const useHovercardDismiss: import("../utils/types.js").Hook<"button", HovercardDismissOptions<"button">>;
 /**
  * Renders a button that hides a
  * [`Hovercard`](https://ariakit.org/reference/hovercard) when clicked.
@@ -27,8 +30,8 @@ export declare const useHovercardDismiss: import("../utils/types.js").Hook<Hover
  * </HovercardProvider>
  * ```
  */
-export declare const HovercardDismiss: import("../utils/types.js").Component<HovercardDismissOptions<"button">>;
-export interface HovercardDismissOptions<T extends As = "button"> extends PopoverDismissOptions<T> {
+export declare const HovercardDismiss: (props: HovercardDismissProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface HovercardDismissOptions<T extends ElementType = TagName> extends PopoverDismissOptions<T> {
     /**
      * Object returned by the
      * [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store)
@@ -39,4 +42,5 @@ export interface HovercardDismissOptions<T extends As = "button"> extends Popove
      */
     store?: HovercardStore;
 }
-export type HovercardDismissProps<T extends As = "button"> = Props<HovercardDismissOptions<T>>;
+export type HovercardDismissProps<T extends ElementType = TagName> = Props<T, HovercardDismissOptions<T>>;
+export {};

package/cjs/hovercard/hovercard-heading.cjs

@@ -2,18 +2,18 @@
 
 
 
-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/RNZNGEL4.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.HovercardHeading = _VJES6KQ3cjs.HovercardHeading; exports.useHovercardHeading = _VJES6KQ3cjs.useHovercardHeading;
+exports.HovercardHeading = _M327EENOcjs.HovercardHeading; exports.useHovercardHeading = _M327EENOcjs.useHovercardHeading;

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { PopoverHeadingOptions } from "../popover/popover-heading.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 = "h1";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `HovercardHeading` component. This hook must be
  * used in a component that's wrapped with `Hovercard` so the `aria-labelledby`
@@ -13,7 +16,7 @@ import type { HovercardStore } from "./hovercard-store.js";
  * <Role {...props}>Heading</Role>
  * ```
  */
-export declare const useHovercardHeading: import("../utils/types.js").Hook<HovercardHeadingOptions<"h1">>;
+export declare const useHovercardHeading: import("../utils/types.js").Hook<"h1", HovercardHeadingOptions<"h1">>;
 /**
  * Renders a heading in a hovercard. This component must be wrapped within
  * [`Hovercard`](https://ariakit.org/reference/hovercard) so the
@@ -28,8 +31,8 @@ export declare const useHovercardHeading: import("../utils/types.js").Hook<Hover
  * </HovercardProvider>
  * ```
  */
-export declare const HovercardHeading: import("../utils/types.js").Component<HovercardHeadingOptions<"h1">>;
-export interface HovercardHeadingOptions<T extends As = "h1"> extends PopoverHeadingOptions<T> {
+export declare const HovercardHeading: (props: HovercardHeadingProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface HovercardHeadingOptions<T extends ElementType = TagName> extends PopoverHeadingOptions<T> {
     /**
      * Object returned by the
      * [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store)
@@ -40,4 +43,5 @@ export interface HovercardHeadingOptions<T extends As = "h1"> extends PopoverHea
      */
     store?: HovercardStore;
 }
-export type HovercardHeadingProps<T extends As = "h1"> = Props<HovercardHeadingOptions<T>>;
+export type HovercardHeadingProps<T extends ElementType = TagName> = Props<T, HovercardHeadingOptions<T>>;
+export {};

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { PopoverHeadingOptions } from "../popover/popover-heading.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 = "h1";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `HovercardHeading` component. This hook must be
  * used in a component that's wrapped with `Hovercard` so the `aria-labelledby`
@@ -13,7 +16,7 @@ import type { HovercardStore } from "./hovercard-store.js";
  * <Role {...props}>Heading</Role>
  * ```
  */
-export declare const useHovercardHeading: import("../utils/types.js").Hook<HovercardHeadingOptions<"h1">>;
+export declare const useHovercardHeading: import("../utils/types.js").Hook<"h1", HovercardHeadingOptions<"h1">>;
 /**
  * Renders a heading in a hovercard. This component must be wrapped within
  * [`Hovercard`](https://ariakit.org/reference/hovercard) so the
@@ -28,8 +31,8 @@ export declare const useHovercardHeading: import("../utils/types.js").Hook<Hover
  * </HovercardProvider>
  * ```
  */
-export declare const HovercardHeading: import("../utils/types.js").Component<HovercardHeadingOptions<"h1">>;
-export interface HovercardHeadingOptions<T extends As = "h1"> extends PopoverHeadingOptions<T> {
+export declare const HovercardHeading: (props: HovercardHeadingProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface HovercardHeadingOptions<T extends ElementType = TagName> extends PopoverHeadingOptions<T> {
     /**
      * Object returned by the
      * [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store)
@@ -40,4 +43,5 @@ export interface HovercardHeadingOptions<T extends As = "h1"> extends PopoverHea
      */
     store?: HovercardStore;
 }
-export type HovercardHeadingProps<T extends As = "h1"> = Props<HovercardHeadingOptions<T>>;
+export type HovercardHeadingProps<T extends ElementType = TagName> = Props<T, HovercardHeadingOptions<T>>;
+export {};