@ariakit/react-core 0.3.14 → 0.4.0

package/esm/hovercard/hovercard-description.js

@@ -2,12 +2,12 @@
 import {
   HovercardDescription,
   useHovercardDescription
-} from "../__chunks/ANIYCUCU.js";
-import "../__chunks/4CK3XZ4H.js";
-import "../__chunks/DIP7XAI7.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
-import "../__chunks/3ORBWXWF.js";
+} from "../__chunks/P3YRKQQJ.js";
+import "../__chunks/G7KEAOBE.js";
+import "../__chunks/IKU53XMZ.js";
+import "../__chunks/XXVAHUAO.js";
+import "../__chunks/J55AVALY.js";
+import "../__chunks/5M6RSQEC.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";

package/esm/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/esm/hovercard/hovercard-disclosure.js

@@ -1,26 +1,26 @@
 "use client";
 import {
   useDialogDisclosure
-} from "../__chunks/H3TG2CZP.js";
-import "../__chunks/BHEJ6NUH.js";
-import "../__chunks/VDNZBO4W.js";
-import "../__chunks/NWCBQ4CV.js";
+} from "../__chunks/NNMCIH2I.js";
+import "../__chunks/TNUQLYBS.js";
+import "../__chunks/ID4VKXL5.js";
+import "../__chunks/ZF6ZK5BT.js";
 import {
   useHovercardProviderContext
-} from "../__chunks/TI7CMBHW.js";
-import "../__chunks/7H5KSHHF.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
-import "../__chunks/KK7H3W2B.js";
+} from "../__chunks/TWDHCE7Y.js";
+import "../__chunks/TE637IA7.js";
+import "../__chunks/XXVAHUAO.js";
+import "../__chunks/J55AVALY.js";
+import "../__chunks/VA234QKF.js";
 import "../__chunks/SHA3WOPI.js";
 import {
   useVisuallyHidden
-} from "../__chunks/BG6HZDS7.js";
+} from "../__chunks/IFT5JEUU.js";
 import {
-  createComponent,
   createElement,
-  createHook
-} from "../__chunks/3ORBWXWF.js";
+  createHook,
+  forwardRef
+} from "../__chunks/5M6RSQEC.js";
 import {
   useEvent,
   useMergeRefs
@@ -39,111 +39,105 @@ import { addGlobalEventListener } from "@ariakit/core/utils/events";
 import { invariant } from "@ariakit/core/utils/misc";
 import { sync } from "@ariakit/core/utils/store";
 import { jsx } from "react/jsx-runtime";
-var useHovercardDisclosure = createHook(
-  (_a) => {
-    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
-    const context = useHovercardProviderContext();
-    store = store || context;
-    invariant(
-      store,
-      process.env.NODE_ENV !== "production" && "HovercardDisclosure must receive a `store` prop or be wrapped in a HovercardProvider component."
-    );
-    const [visible, setVisible] = useState(false);
-    useEffect(() => {
-      if (!visible)
+var TagName = "button";
+var useHovercardDisclosure = createHook(function useHovercardDisclosure2(_a) {
+  var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+  const context = useHovercardProviderContext();
+  store = store || context;
+  invariant(
+    store,
+    process.env.NODE_ENV !== "production" && "HovercardDisclosure must receive a `store` prop or be wrapped in a HovercardProvider component."
+  );
+  const [visible, setVisible] = useState(false);
+  useEffect(() => {
+    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 && contains(anchor, nextActiveElement))
           return;
-        const nextActiveElement = event.relatedTarget;
-        if (nextActiveElement) {
-          const {
-            anchorElement: anchor,
-            popoverElement: popover,
-            disclosureElement: disclosure
-          } = store.getState();
-          if (anchor && contains(anchor, nextActiveElement))
-            return;
-          if (popover && contains(popover, nextActiveElement))
-            return;
-          if (disclosure && contains(disclosure, nextActiveElement))
-            return;
-          if (nextActiveElement.hasAttribute("data-focus-trap"))
-            return;
-        }
-        setVisible(false);
-      };
-      return addGlobalEventListener("focusout", onBlur, true);
-    }, [visible, store]);
-    useEffect(() => {
-      return sync(store, ["anchorElement"], (state) => {
-        const anchor = state.anchorElement;
-        if (!anchor)
+        if (popover && contains(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 = useEvent((event) => {
-      onClickProp == null ? void 0 : onClickProp(event);
-      if (event.defaultPrevented)
-        return;
-      store == null ? void 0 : store.setAutoFocusOnShow(true);
-    });
-    const onFocusProp = props.onFocus;
-    const onFocus = useEvent((event) => {
-      onFocusProp == null ? void 0 : onFocusProp(event);
-      if (event.defaultPrevented)
+        if (disclosure && contains(disclosure, nextActiveElement))
+          return;
+        if (nextActiveElement.hasAttribute("data-focus-trap"))
+          return;
+      }
+      setVisible(false);
+    };
+    return addGlobalEventListener("focusout", onBlur, true);
+  }, [visible, store]);
+  useEffect(() => {
+    return sync(store, ["anchorElement"], (state) => {
+      const anchor = state.anchorElement;
+      if (!anchor)
         return;
-      setVisible(true);
-    });
-    const { style } = useVisuallyHidden();
-    if (!visible) {
-      props = __spreadProps(__spreadValues({}, props), {
-        style: __spreadValues(__spreadValues({}, style), props.style)
+      const observer = new MutationObserver(() => {
+        if (!anchor.hasAttribute("data-focus-visible"))
+          return;
+        setVisible(true);
       });
-    }
-    const children = /* @__PURE__ */ jsx(
-      "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__ */ jsx("polyline", { points: "4,6 8,10 12,6" })
-      }
-    );
-    props = __spreadProps(__spreadValues({
-      children
-    }, props), {
-      ref: useMergeRefs(store.setDisclosureElement, props.ref),
-      onClick,
-      onFocus
+      observer.observe(anchor, { attributeFilter: ["data-focus-visible"] });
+      return () => observer.disconnect();
+    });
+  }, [store]);
+  const onClickProp = props.onClick;
+  const onClick = useEvent((event) => {
+    onClickProp == null ? void 0 : onClickProp(event);
+    if (event.defaultPrevented)
+      return;
+    store == null ? void 0 : store.setAutoFocusOnShow(true);
+  });
+  const onFocusProp = props.onFocus;
+  const onFocus = useEvent((event) => {
+    onFocusProp == null ? void 0 : onFocusProp(event);
+    if (event.defaultPrevented)
+      return;
+    setVisible(true);
+  });
+  const { style } = useVisuallyHidden();
+  if (!visible) {
+    props = __spreadProps(__spreadValues({}, props), {
+      style: __spreadValues(__spreadValues({}, style), props.style)
     });
-    props = useDialogDisclosure(__spreadValues({ store }, props));
-    return props;
-  }
-);
-var HovercardDisclosure = createComponent(
-  (props) => {
-    const htmlProps = useHovercardDisclosure(props);
-    return createElement("button", htmlProps);
   }
-);
-if (process.env.NODE_ENV !== "production") {
-  HovercardDisclosure.displayName = "HovercardDisclosure";
-}
+  const children = /* @__PURE__ */ jsx(
+    "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__ */ jsx("polyline", { points: "4,6 8,10 12,6" })
+    }
+  );
+  props = __spreadProps(__spreadValues({
+    children
+  }, props), {
+    ref: useMergeRefs(store.setDisclosureElement, props.ref),
+    onClick,
+    onFocus
+  });
+  props = useDialogDisclosure(__spreadValues({ store }, props));
+  return props;
+});
+var HovercardDisclosure = forwardRef(function HovercardDisclosure2(props) {
+  const htmlProps = useHovercardDisclosure(props);
+  return createElement(TagName, htmlProps);
+});
 export {
   HovercardDisclosure,
   useHovercardDisclosure

package/esm/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/esm/hovercard/hovercard-dismiss.js

@@ -2,18 +2,18 @@
 import {
   HovercardDismiss,
   useHovercardDismiss
-} from "../__chunks/FGMA3QUS.js";
-import "../__chunks/F6PRXTDU.js";
-import "../__chunks/NKXUN25E.js";
-import "../__chunks/VDNZBO4W.js";
-import "../__chunks/NWCBQ4CV.js";
-import "../__chunks/TI7CMBHW.js";
-import "../__chunks/7H5KSHHF.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
-import "../__chunks/KK7H3W2B.js";
+} from "../__chunks/CQJLVEBA.js";
+import "../__chunks/FY6FFKYI.js";
+import "../__chunks/G77JJQ4O.js";
+import "../__chunks/ID4VKXL5.js";
+import "../__chunks/ZF6ZK5BT.js";
+import "../__chunks/TWDHCE7Y.js";
+import "../__chunks/TE637IA7.js";
+import "../__chunks/XXVAHUAO.js";
+import "../__chunks/J55AVALY.js";
+import "../__chunks/VA234QKF.js";
 import "../__chunks/SHA3WOPI.js";
-import "../__chunks/3ORBWXWF.js";
+import "../__chunks/5M6RSQEC.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";

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

package/esm/hovercard/hovercard-heading.js

@@ -2,14 +2,14 @@
 import {
   HovercardHeading,
   useHovercardHeading
-} from "../__chunks/6N2ESJUH.js";
-import "../__chunks/RJDEYIKS.js";
-import "../__chunks/XHRZYRZ5.js";
-import "../__chunks/P4FX6ZFL.js";
+} from "../__chunks/IBZ5GRML.js";
+import "../__chunks/ZXBIDNZ3.js";
+import "../__chunks/E47ASM2Y.js";
+import "../__chunks/7HFLDZTS.js";
 import "../__chunks/XPF5GU3Q.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
-import "../__chunks/3ORBWXWF.js";
+import "../__chunks/XXVAHUAO.js";
+import "../__chunks/J55AVALY.js";
+import "../__chunks/5M6RSQEC.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";

package/esm/hovercard/hovercard-provider.js

@@ -1,17 +1,17 @@
 "use client";
 import {
   HovercardContextProvider
-} from "../__chunks/TI7CMBHW.js";
-import "../__chunks/7H5KSHHF.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
-import "../__chunks/3ORBWXWF.js";
+} from "../__chunks/TWDHCE7Y.js";
+import "../__chunks/TE637IA7.js";
+import "../__chunks/XXVAHUAO.js";
+import "../__chunks/J55AVALY.js";
+import "../__chunks/5M6RSQEC.js";
 import {
   useHovercardStore
-} from "../__chunks/ZU7LQC5V.js";
-import "../__chunks/MG4P3223.js";
-import "../__chunks/ZSELSBRM.js";
-import "../__chunks/SFCBA2JZ.js";
+} from "../__chunks/E5E7G32I.js";
+import "../__chunks/XWCFCD3Q.js";
+import "../__chunks/I62TROYO.js";
+import "../__chunks/HZJ2XALY.js";
 import "../__chunks/EKQEJRUF.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";

package/esm/hovercard/hovercard-store.d.ts

@@ -1,7 +1,9 @@
 import * as Core from "@ariakit/core/hovercard/hovercard-store";
 import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
 import type { Store } from "../utils/store.js";
-export declare function useHovercardStoreProps<T extends Core.HovercardStore>(store: T, update: () => void, props: HovercardStoreProps): T;
+export declare function useHovercardStoreProps<T extends Core.HovercardStore>(store: T, update: () => void, props: HovercardStoreProps): T & {
+    disclosure: import("../disclosure/disclosure-store.js").DisclosureStore | null | undefined;
+};
 /**
  * Creates a hovercard store to control the state of
  * [Hovercard](https://ariakit.org/reference/hovercard) components.
@@ -17,11 +19,11 @@ export declare function useHovercardStoreProps<T extends Core.HovercardStore>(st
 export declare function useHovercardStore(props?: HovercardStoreProps): HovercardStore;
 export interface HovercardStoreState extends Core.HovercardStoreState, PopoverStoreState {
 }
-export interface HovercardStoreFunctions extends Core.HovercardStoreFunctions, PopoverStoreFunctions {
+export interface HovercardStoreFunctions extends Omit<Core.HovercardStoreFunctions, "disclosure">, PopoverStoreFunctions {
 }
-export interface HovercardStoreOptions extends Core.HovercardStoreOptions, PopoverStoreOptions {
+export interface HovercardStoreOptions extends Omit<Core.HovercardStoreOptions, "disclosure">, PopoverStoreOptions {
 }
-export interface HovercardStoreProps extends HovercardStoreOptions, Core.HovercardStoreProps {
+export interface HovercardStoreProps extends HovercardStoreOptions, Omit<Core.HovercardStoreProps, "disclosure"> {
 }
-export interface HovercardStore extends HovercardStoreFunctions, Store<Core.HovercardStore> {
+export interface HovercardStore extends HovercardStoreFunctions, Omit<Store<Core.HovercardStore>, "disclosure"> {
 }

package/esm/hovercard/hovercard-store.js

@@ -2,10 +2,10 @@
 import {
   useHovercardStore,
   useHovercardStoreProps
-} from "../__chunks/ZU7LQC5V.js";
-import "../__chunks/MG4P3223.js";
-import "../__chunks/ZSELSBRM.js";
-import "../__chunks/SFCBA2JZ.js";
+} from "../__chunks/E5E7G32I.js";
+import "../__chunks/XWCFCD3Q.js";
+import "../__chunks/I62TROYO.js";
+import "../__chunks/HZJ2XALY.js";
 import "../__chunks/EKQEJRUF.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";

package/esm/hovercard/hovercard.d.ts

@@ -1,7 +1,10 @@
+import type { ElementType } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
 import type { PopoverOptions } from "../popover/popover.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 `Hovercard` component.
  * @see https://ariakit.org/components/hovercard
@@ -13,7 +16,7 @@ import type { HovercardStore } from "./hovercard-store.js";
  * <Role {...props}>Details</Role>
  * ```
  */
-export declare const useHovercard: import("../utils/types.js").Hook<HovercardOptions<"div">>;
+export declare const useHovercard: import("../utils/types.js").Hook<"div", HovercardOptions<"div">>;
 /**
  * Renders a hovercard element, which is a popover that's usually made visible
  * by hovering the mouse cursor over a
@@ -27,8 +30,8 @@ export declare const useHovercard: import("../utils/types.js").Hook<HovercardOpt
  * </HovercardProvider>
  * ```
  */
-export declare const Hovercard: import("../utils/types.js").Component<HovercardOptions<"div">>;
-export interface HovercardOptions<T extends As = "div"> extends PopoverOptions<T> {
+export declare const Hovercard: (props: HovercardProps<"div">) => import("react/jsx-runtime").JSX.Element | null;
+export interface HovercardOptions<T extends ElementType = TagName> extends PopoverOptions<T> {
     /**
      * Object returned by the
      * [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store)
@@ -69,4 +72,5 @@ export interface HovercardOptions<T extends As = "div"> extends PopoverOptions<T
      */
     modal?: PopoverOptions<T>["modal"];
 }
-export type HovercardProps<T extends As = "div"> = Props<HovercardOptions<T>>;
+export type HovercardProps<T extends ElementType = TagName> = Props<T, HovercardOptions<T>>;
+export {};

package/esm/hovercard/hovercard.js

@@ -2,12 +2,12 @@
 import {
   Hovercard,
   useHovercard
-} from "../__chunks/QWSZGSIG.js";
+} from "../__chunks/WWVP4SPG.js";
 import "../__chunks/YMV43K4F.js";
-import "../__chunks/IRX7SFUJ.js";
-import "../__chunks/NERBASET.js";
-import "../__chunks/LWHPHW7Q.js";
-import "../__chunks/TQYOGOE2.js";
+import "../__chunks/KMWSQ7OZ.js";
+import "../__chunks/SSK5L4K7.js";
+import "../__chunks/CJ6B7ETA.js";
+import "../__chunks/NOYDL3YS.js";
 import "../__chunks/BULCTPRV.js";
 import "../__chunks/6BJGLK2C.js";
 import "../__chunks/CS347UVZ.js";
@@ -20,24 +20,24 @@ import "../__chunks/OOBDFMJL.js";
 import "../__chunks/X6WIMZJE.js";
 import "../__chunks/677M2CI3.js";
 import "../__chunks/6GXEOXGT.js";
-import "../__chunks/HPP6CWMY.js";
+import "../__chunks/WCIYB4YS.js";
 import "../__chunks/UYRJLDVS.js";
-import "../__chunks/JPXNJYSO.js";
-import "../__chunks/CHKJ74UC.js";
+import "../__chunks/CK3UW3AQ.js";
+import "../__chunks/WKWX2XLD.js";
 import "../__chunks/7452U3HH.js";
 import "../__chunks/XPF5GU3Q.js";
-import "../__chunks/FSFPRQFR.js";
-import "../__chunks/CLE7NTOY.js";
-import "../__chunks/TI7CMBHW.js";
-import "../__chunks/7H5KSHHF.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
-import "../__chunks/KK7H3W2B.js";
+import "../__chunks/CBTO7DFZ.js";
+import "../__chunks/SOGTNTQC.js";
+import "../__chunks/TWDHCE7Y.js";
+import "../__chunks/TE637IA7.js";
+import "../__chunks/XXVAHUAO.js";
+import "../__chunks/J55AVALY.js";
+import "../__chunks/VA234QKF.js";
 import "../__chunks/SHA3WOPI.js";
-import "../__chunks/BG6HZDS7.js";
-import "../__chunks/3ORBWXWF.js";
-import "../__chunks/ZSELSBRM.js";
-import "../__chunks/SFCBA2JZ.js";
+import "../__chunks/IFT5JEUU.js";
+import "../__chunks/5M6RSQEC.js";
+import "../__chunks/I62TROYO.js";
+import "../__chunks/HZJ2XALY.js";
 import "../__chunks/EKQEJRUF.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";

package/esm/menu/menu-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 { MenuStore } from "./menu-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `MenuArrow` component.
  * @see https://ariakit.org/components/menu
@@ -14,7 +17,7 @@ import type { MenuStore } from "./menu-store.js";
  * </Menu>
  * ```
  */
-export declare const useMenuArrow: import("../utils/types.js").Hook<MenuArrowOptions<"div">>;
+export declare const useMenuArrow: import("../utils/types.js").Hook<"div", MenuArrowOptions<"div">>;
 /**
  * Renders an arrow element inside a
  * [`Menu`](https://ariakit.org/reference/menu) component that points to its
@@ -30,8 +33,8 @@ export declare const useMenuArrow: import("../utils/types.js").Hook<MenuArrowOpt
  * </MenuProvider>
  * ```
  */
-export declare const MenuArrow: import("../utils/types.js").Component<MenuArrowOptions<"div">>;
-export interface MenuArrowOptions<T extends As = "div"> extends PopoverArrowOptions<T> {
+export declare const MenuArrow: (props: MenuArrowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenuArrowOptions<T extends ElementType = TagName> extends PopoverArrowOptions<T> {
     /**
      * Object returned by the
      * [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook. If not
@@ -41,4 +44,5 @@ export interface MenuArrowOptions<T extends As = "div"> extends PopoverArrowOpti
      */
     store?: MenuStore;
 }
-export type MenuArrowProps<T extends As = "div"> = Props<MenuArrowOptions<T>>;
+export type MenuArrowProps<T extends ElementType = TagName> = Props<T, MenuArrowOptions<T>>;
+export {};