@ariakit/react-core 0.3.14 → 0.4.0

package/esm/menu/menu.js

@@ -1,26 +1,26 @@
 "use client";
 import {
   useMenuList
-} from "../__chunks/HHNFDKU2.js";
+} from "../__chunks/TZP63GN5.js";
 import {
   useMenuProviderContext
-} from "../__chunks/YGMEBI3A.js";
-import "../__chunks/KA4GX64Z.js";
-import "../__chunks/346FK57L.js";
-import "../__chunks/7QTPYGNZ.js";
+} from "../__chunks/IG6NVGLB.js";
+import "../__chunks/VBF5EZBB.js";
+import "../__chunks/DMSZFK7W.js";
+import "../__chunks/6WQW7ZIA.js";
 import "../__chunks/3IEDWLST.js";
-import "../__chunks/IB7YUKH5.js";
-import "../__chunks/4UUKJZ4V.js";
+import "../__chunks/3D6OCOHF.js";
+import "../__chunks/MADQZZRL.js";
 import {
   useHovercard
-} from "../__chunks/QWSZGSIG.js";
+} from "../__chunks/WWVP4SPG.js";
 import "../__chunks/YMV43K4F.js";
-import "../__chunks/IRX7SFUJ.js";
+import "../__chunks/KMWSQ7OZ.js";
 import {
   createDialogComponent
-} from "../__chunks/NERBASET.js";
-import "../__chunks/LWHPHW7Q.js";
-import "../__chunks/TQYOGOE2.js";
+} from "../__chunks/SSK5L4K7.js";
+import "../__chunks/CJ6B7ETA.js";
+import "../__chunks/NOYDL3YS.js";
 import "../__chunks/BULCTPRV.js";
 import "../__chunks/6BJGLK2C.js";
 import "../__chunks/CS347UVZ.js";
@@ -33,28 +33,28 @@ 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/IFT5JEUU.js";
 import {
-  createComponent,
   createElement,
-  createHook
-} from "../__chunks/3ORBWXWF.js";
-import "../__chunks/ZSELSBRM.js";
-import "../__chunks/SFCBA2JZ.js";
+  createHook,
+  forwardRef
+} from "../__chunks/5M6RSQEC.js";
+import "../__chunks/I62TROYO.js";
+import "../__chunks/HZJ2XALY.js";
 import {
   useStoreState
 } from "../__chunks/EKQEJRUF.js";
@@ -73,171 +73,168 @@ import { createRef, useEffect, useMemo, useRef, useState } from "react";
 import { fireEvent } from "@ariakit/core/utils/events";
 import { hasFocusWithin } from "@ariakit/core/utils/focus";
 import { invariant, isFalsyBooleanCallback } from "@ariakit/core/utils/misc";
-var useMenu = createHook(
-  (_a) => {
-    var _b = _a, {
-      store,
-      modal: modalProp = false,
-      portal = !!modalProp,
-      hideOnEscape = true,
-      autoFocusOnShow = true,
-      hideOnHoverOutside,
-      alwaysVisible
-    } = _b, props = __objRest(_b, [
-      "store",
-      "modal",
-      "portal",
-      "hideOnEscape",
-      "autoFocusOnShow",
-      "hideOnHoverOutside",
-      "alwaysVisible"
-    ]);
-    const context = useMenuProviderContext();
-    store = store || context;
-    invariant(
-      store,
-      process.env.NODE_ENV !== "production" && "Menu must receive a `store` prop or be wrapped in a MenuProvider component."
-    );
-    const ref = useRef(null);
-    const parentMenu = store.parent;
-    const parentMenubar = store.menubar;
-    const hasParentMenu = !!parentMenu;
-    const parentIsMenubar = !!parentMenubar && !hasParentMenu;
-    props = __spreadProps(__spreadValues({}, props), {
-      ref: useMergeRefs(ref, props.ref)
-    });
-    const _a2 = useMenuList(
-      __spreadValues({ store, alwaysVisible }, props)
-    ), { "aria-labelledby": ariaLabelledBy } = _a2, menuListProps = __objRest(_a2, ["aria-labelledby"]);
-    props = menuListProps;
-    const [initialFocusRef, setInitialFocusRef] = useState();
-    const autoFocusOnShowState = store.useState("autoFocusOnShow");
-    const initialFocus = store.useState("initialFocus");
-    const baseElement = store.useState("baseElement");
-    const items = store.useState("renderedItems");
-    useEffect(() => {
-      let cleaning = false;
-      setInitialFocusRef((prevInitialFocusRef) => {
-        var _a3, _b2, _c;
-        if (cleaning)
-          return;
-        if (!autoFocusOnShowState)
-          return;
-        if ((_a3 = prevInitialFocusRef == null ? void 0 : prevInitialFocusRef.current) == null ? void 0 : _a3.isConnected)
-          return prevInitialFocusRef;
-        const ref2 = createRef();
-        switch (initialFocus) {
-          case "first":
-            ref2.current = ((_b2 = items.find((item) => !item.disabled && item.element)) == null ? void 0 : _b2.element) || null;
-            break;
-          case "last":
-            ref2.current = ((_c = [...items].reverse().find((item) => !item.disabled && item.element)) == null ? void 0 : _c.element) || null;
-            break;
-          default:
-            ref2.current = baseElement;
-        }
-        return ref2;
-      });
-      return () => {
-        cleaning = true;
-      };
-    }, [store, autoFocusOnShowState, initialFocus, items, baseElement]);
-    const modal = hasParentMenu ? false : modalProp;
-    const mayAutoFocusOnShow = !!autoFocusOnShow;
-    const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || !!modal;
-    const contentElement = useStoreState(
-      store.combobox || store,
-      "contentElement"
-    );
-    const parentContentElement = useStoreState(
-      (parentMenu == null ? void 0 : parentMenu.combobox) || parentMenu,
-      "contentElement"
-    );
-    const preserveTabOrderAnchor = useMemo(() => {
-      if (!parentContentElement)
+var TagName = "div";
+var useMenu = createHook(function useMenu2(_a) {
+  var _b = _a, {
+    store,
+    modal: modalProp = false,
+    portal = !!modalProp,
+    hideOnEscape = true,
+    autoFocusOnShow = true,
+    hideOnHoverOutside,
+    alwaysVisible
+  } = _b, props = __objRest(_b, [
+    "store",
+    "modal",
+    "portal",
+    "hideOnEscape",
+    "autoFocusOnShow",
+    "hideOnHoverOutside",
+    "alwaysVisible"
+  ]);
+  const context = useMenuProviderContext();
+  store = store || context;
+  invariant(
+    store,
+    process.env.NODE_ENV !== "production" && "Menu must receive a `store` prop or be wrapped in a MenuProvider component."
+  );
+  const ref = useRef(null);
+  const parentMenu = store.parent;
+  const parentMenubar = store.menubar;
+  const hasParentMenu = !!parentMenu;
+  const parentIsMenubar = !!parentMenubar && !hasParentMenu;
+  props = __spreadProps(__spreadValues({}, props), {
+    ref: useMergeRefs(ref, props.ref)
+  });
+  const _a2 = useMenuList(__spreadValues({
+    store,
+    alwaysVisible
+  }, props)), { "aria-labelledby": ariaLabelledBy } = _a2, menuListProps = __objRest(_a2, ["aria-labelledby"]);
+  props = menuListProps;
+  const [initialFocusRef, setInitialFocusRef] = useState();
+  const autoFocusOnShowState = store.useState("autoFocusOnShow");
+  const initialFocus = store.useState("initialFocus");
+  const baseElement = store.useState("baseElement");
+  const items = store.useState("renderedItems");
+  useEffect(() => {
+    let cleaning = false;
+    setInitialFocusRef((prevInitialFocusRef) => {
+      var _a3, _b2, _c;
+      if (cleaning)
         return;
-      if (!contentElement)
+      if (!autoFocusOnShowState)
         return;
-      const role = contentElement.getAttribute("role");
-      const parentRole = parentContentElement.getAttribute("role");
-      const parentIsMenuOrMenubar = parentRole === "menu" || parentRole === "menubar";
-      if (parentIsMenuOrMenubar && role === "menu")
-        return;
-      return parentContentElement;
-    }, [contentElement, parentContentElement]);
-    if (preserveTabOrderAnchor !== void 0) {
-      props = __spreadValues({
-        preserveTabOrderAnchor
-      }, props);
-    }
-    props = useHovercard(__spreadProps(__spreadValues({
-      store,
-      alwaysVisible,
-      initialFocus: initialFocusRef,
-      autoFocusOnShow: mayAutoFocusOnShow ? canAutoFocusOnShow && autoFocusOnShow : autoFocusOnShowState || !!modal
-    }, props), {
-      hideOnEscape: (event) => {
-        if (isFalsyBooleanCallback(hideOnEscape, event))
-          return false;
-        store == null ? void 0 : store.hideAll();
-        return true;
-      },
-      hideOnHoverOutside: (event) => {
-        const disclosureElement = store == null ? void 0 : store.getState().disclosureElement;
-        const getHideOnHoverOutside = () => {
-          if (typeof hideOnHoverOutside === "function") {
-            return hideOnHoverOutside(event);
-          }
-          if (hideOnHoverOutside != null)
-            return hideOnHoverOutside;
-          if (hasParentMenu)
-            return true;
-          if (!parentIsMenubar)
-            return false;
-          if (!disclosureElement)
-            return true;
-          if (hasFocusWithin(disclosureElement))
-            return false;
+      if ((_a3 = prevInitialFocusRef == null ? void 0 : prevInitialFocusRef.current) == null ? void 0 : _a3.isConnected)
+        return prevInitialFocusRef;
+      const ref2 = createRef();
+      switch (initialFocus) {
+        case "first":
+          ref2.current = ((_b2 = items.find((item) => !item.disabled && item.element)) == null ? void 0 : _b2.element) || null;
+          break;
+        case "last":
+          ref2.current = ((_c = [...items].reverse().find((item) => !item.disabled && item.element)) == null ? void 0 : _c.element) || null;
+          break;
+        default:
+          ref2.current = baseElement;
+      }
+      return ref2;
+    });
+    return () => {
+      cleaning = true;
+    };
+  }, [store, autoFocusOnShowState, initialFocus, items, baseElement]);
+  const modal = hasParentMenu ? false : modalProp;
+  const mayAutoFocusOnShow = !!autoFocusOnShow;
+  const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || !!modal;
+  const contentElement = useStoreState(
+    store.combobox || store,
+    "contentElement"
+  );
+  const parentContentElement = useStoreState(
+    (parentMenu == null ? void 0 : parentMenu.combobox) || parentMenu,
+    "contentElement"
+  );
+  const preserveTabOrderAnchor = useMemo(() => {
+    if (!parentContentElement)
+      return;
+    if (!contentElement)
+      return;
+    const role = contentElement.getAttribute("role");
+    const parentRole = parentContentElement.getAttribute("role");
+    const parentIsMenuOrMenubar = parentRole === "menu" || parentRole === "menubar";
+    if (parentIsMenuOrMenubar && role === "menu")
+      return;
+    return parentContentElement;
+  }, [contentElement, parentContentElement]);
+  if (preserveTabOrderAnchor !== void 0) {
+    props = __spreadValues({
+      preserveTabOrderAnchor
+    }, props);
+  }
+  props = useHovercard(__spreadProps(__spreadValues({
+    store,
+    alwaysVisible,
+    initialFocus: initialFocusRef,
+    autoFocusOnShow: mayAutoFocusOnShow ? canAutoFocusOnShow && autoFocusOnShow : autoFocusOnShowState || !!modal
+  }, props), {
+    hideOnEscape(event) {
+      if (isFalsyBooleanCallback(hideOnEscape, event))
+        return false;
+      store == null ? void 0 : store.hideAll();
+      return true;
+    },
+    hideOnHoverOutside(event) {
+      const disclosureElement = store == null ? void 0 : store.getState().disclosureElement;
+      const getHideOnHoverOutside = () => {
+        if (typeof hideOnHoverOutside === "function") {
+          return hideOnHoverOutside(event);
+        }
+        if (hideOnHoverOutside != null)
+          return hideOnHoverOutside;
+        if (hasParentMenu)
           return true;
-        };
-        if (!getHideOnHoverOutside())
+        if (!parentIsMenubar)
           return false;
-        if (event.defaultPrevented)
-          return true;
-        if (!hasParentMenu)
-          return true;
         if (!disclosureElement)
           return true;
-        fireEvent(disclosureElement, "mouseout", event);
-        if (!hasFocusWithin(disclosureElement))
-          return true;
-        requestAnimationFrame(() => {
-          if (hasFocusWithin(disclosureElement))
-            return;
-          store == null ? void 0 : store.hide();
-        });
+        if (hasFocusWithin(disclosureElement))
+          return false;
+        return true;
+      };
+      if (!getHideOnHoverOutside())
         return false;
-      },
-      modal,
-      portal,
-      backdrop: hasParentMenu ? false : props.backdrop
-    }));
-    props = __spreadValues({
-      "aria-labelledby": ariaLabelledBy
-    }, props);
-    return props;
-  }
-);
+      if (event.defaultPrevented)
+        return true;
+      if (!hasParentMenu)
+        return true;
+      if (!disclosureElement)
+        return true;
+      fireEvent(disclosureElement, "mouseout", event);
+      if (!hasFocusWithin(disclosureElement))
+        return true;
+      requestAnimationFrame(() => {
+        if (hasFocusWithin(disclosureElement))
+          return;
+        store == null ? void 0 : store.hide();
+      });
+      return false;
+    },
+    modal,
+    portal,
+    backdrop: hasParentMenu ? false : props.backdrop
+  }));
+  props = __spreadValues({
+    "aria-labelledby": ariaLabelledBy
+  }, props);
+  return props;
+});
 var Menu = createDialogComponent(
-  createComponent((props) => {
+  forwardRef(function Menu2(props) {
     const htmlProps = useMenu(props);
-    return createElement("div", htmlProps);
+    return createElement(TagName, htmlProps);
   }),
   useMenuProviderContext
 );
-if (process.env.NODE_ENV !== "production") {
-  Menu.displayName = "Menu";
-}
 export {
   Menu,
   useMenu

package/esm/menubar/menubar-context.js

@@ -6,10 +6,10 @@ import {
   useMenubarContext,
   useMenubarProviderContext,
   useMenubarScopedContext
-} from "../__chunks/KA4GX64Z.js";
-import "../__chunks/IB7YUKH5.js";
-import "../__chunks/4UUKJZ4V.js";
-import "../__chunks/3ORBWXWF.js";
+} from "../__chunks/VBF5EZBB.js";
+import "../__chunks/3D6OCOHF.js";
+import "../__chunks/MADQZZRL.js";
+import "../__chunks/5M6RSQEC.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";

package/esm/menubar/menubar-provider.js

@@ -1,14 +1,14 @@
 "use client";
 import {
   MenubarProvider
-} from "../__chunks/RIL2SEAH.js";
-import "../__chunks/KA4GX64Z.js";
+} from "../__chunks/Y44K72CZ.js";
+import "../__chunks/VBF5EZBB.js";
 import "../__chunks/HVBNG5AF.js";
 import "../__chunks/7GBW5FLS.js";
 import "../__chunks/Y6GYTNQ2.js";
-import "../__chunks/IB7YUKH5.js";
-import "../__chunks/4UUKJZ4V.js";
-import "../__chunks/3ORBWXWF.js";
+import "../__chunks/3D6OCOHF.js";
+import "../__chunks/MADQZZRL.js";
+import "../__chunks/5M6RSQEC.js";
 import "../__chunks/EKQEJRUF.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";

package/esm/menubar/menubar.d.ts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { CompositeOptions } from "../composite/composite.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { MenubarStore, MenubarStoreProps } from "./menubar-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `Menubar` component.
  * @see https://ariakit.org/components/menubar
@@ -21,7 +24,7 @@ import type { MenubarStore, MenubarStoreProps } from "./menubar-store.js";
  * </Role>
  * ```
  */
-export declare const useMenubar: import("../utils/types.js").Hook<MenubarOptions<"div">>;
+export declare const useMenubar: import("../utils/types.js").Hook<"div", MenubarOptions<"div">>;
 /**
  * Renders a menubar that may contain a group of
  * [`MenuItem`](https://ariakit.org/reference/menu-item) elements that control
@@ -47,8 +50,8 @@ export declare const useMenubar: import("../utils/types.js").Hook<MenubarOptions
  * </Menubar>
  * ```
  */
-export declare const Menubar: import("../utils/types.js").Component<MenubarOptions<"div">>;
-export interface MenubarOptions<T extends As = "div"> extends CompositeOptions<T>, Pick<MenubarStoreProps, "focusLoop" | "orientation" | "rtl" | "virtualFocus"> {
+export declare const Menubar: (props: MenubarProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface MenubarOptions<T extends ElementType = TagName> extends CompositeOptions<T>, Pick<MenubarStoreProps, "focusLoop" | "orientation" | "rtl" | "virtualFocus"> {
     /**
      * Object returned by the
      * [`useMenubarStore`](https://ariakit.org/reference/use-menubar-store) hook.
@@ -60,4 +63,5 @@ export interface MenubarOptions<T extends As = "div"> extends CompositeOptions<T
      */
     store?: MenubarStore;
 }
-export type MenubarProps<T extends As = "div"> = Props<MenubarOptions<T>>;
+export type MenubarProps<T extends ElementType = TagName> = Props<T, MenubarOptions<T>>;
+export {};

package/esm/menubar/menubar.js

@@ -2,18 +2,18 @@
 import {
   Menubar,
   useMenubar
-} from "../__chunks/UK7JL7PY.js";
-import "../__chunks/KA4GX64Z.js";
+} from "../__chunks/S7DYINJG.js";
+import "../__chunks/VBF5EZBB.js";
 import "../__chunks/HVBNG5AF.js";
-import "../__chunks/7QTPYGNZ.js";
+import "../__chunks/6WQW7ZIA.js";
 import "../__chunks/3IEDWLST.js";
 import "../__chunks/7GBW5FLS.js";
 import "../__chunks/Y6GYTNQ2.js";
-import "../__chunks/IB7YUKH5.js";
-import "../__chunks/4UUKJZ4V.js";
-import "../__chunks/KK7H3W2B.js";
+import "../__chunks/3D6OCOHF.js";
+import "../__chunks/MADQZZRL.js";
+import "../__chunks/VA234QKF.js";
 import "../__chunks/SHA3WOPI.js";
-import "../__chunks/3ORBWXWF.js";
+import "../__chunks/5M6RSQEC.js";
 import "../__chunks/EKQEJRUF.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";

package/esm/popover/popover-anchor.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 { PopoverStore } from "./popover-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `PopoverAnchor` component.
  * @see https://ariakit.org/components/popover
@@ -11,7 +14,7 @@ import type { PopoverStore } from "./popover-store.js";
  * <Popover store={store}>Popover</Popover>
  * ```
  */
-export declare const usePopoverAnchor: import("../utils/types.js").Hook<PopoverAnchorOptions<"div">>;
+export declare const usePopoverAnchor: import("../utils/types.js").Hook<"div", PopoverAnchorOptions<"div">>;
 /**
  * Renders an element that acts as the anchor for the popover. The
  * [`Popover`](https://ariakit.org/reference/popover) component will be
@@ -25,8 +28,8 @@ export declare const usePopoverAnchor: import("../utils/types.js").Hook<PopoverA
  * </PopoverProvider>
  * ```
  */
-export declare const PopoverAnchor: import("../utils/types.js").Component<PopoverAnchorOptions<"div">>;
-export interface PopoverAnchorOptions<T extends As = "div"> extends Options<T> {
+export declare const PopoverAnchor: (props: PopoverAnchorProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverAnchorOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
@@ -36,4 +39,5 @@ export interface PopoverAnchorOptions<T extends As = "div"> extends Options<T> {
      */
     store?: PopoverStore;
 }
-export type PopoverAnchorProps<T extends As = "div"> = Props<PopoverAnchorOptions<T>>;
+export type PopoverAnchorProps<T extends ElementType = TagName> = Props<T, PopoverAnchorOptions<T>>;
+export {};

package/esm/popover/popover-anchor.js

@@ -2,11 +2,11 @@
 import {
   PopoverAnchor,
   usePopoverAnchor
-} from "../__chunks/JCH6MLL2.js";
-import "../__chunks/7H5KSHHF.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
-import "../__chunks/3ORBWXWF.js";
+} from "../__chunks/NLT7LY5Y.js";
+import "../__chunks/TE637IA7.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/popover/popover-arrow.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 { PopoverStore } from "./popover-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `PopoverArrow` component.
  * @see https://ariakit.org/components/popover
@@ -13,7 +16,7 @@ import type { PopoverStore } from "./popover-store.js";
  * </Popover>
  * ```
  */
-export declare const usePopoverArrow: import("../utils/types.js").Hook<PopoverArrowOptions<"div">>;
+export declare const usePopoverArrow: import("../utils/types.js").Hook<"div", PopoverArrowOptions<"div">>;
 /**
  * Renders an arrow inside a [`Popover`](https://ariakit.org/reference/popover)
  * component pointing to the anchor element.
@@ -29,8 +32,8 @@ export declare const usePopoverArrow: import("../utils/types.js").Hook<PopoverAr
  * </PopoverProvider>
  * ```
  */
-export declare const PopoverArrow: import("../utils/types.js").Component<PopoverArrowOptions<"div">>;
-export interface PopoverArrowOptions<T extends As = "div"> extends Options<T> {
+export declare const PopoverArrow: (props: PopoverArrowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverArrowOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
@@ -49,4 +52,5 @@ export interface PopoverArrowOptions<T extends As = "div"> extends Options<T> {
      */
     size?: number;
 }
-export type PopoverArrowProps<T extends As = "div"> = Props<PopoverArrowOptions<T>>;
+export type PopoverArrowProps<T extends ElementType = TagName> = Props<T, PopoverArrowOptions<T>>;
+export {};

package/esm/popover/popover-arrow.js

@@ -2,12 +2,12 @@
 import {
   PopoverArrow,
   usePopoverArrow
-} from "../__chunks/ULAW5PPH.js";
+} from "../__chunks/UFM3D5TN.js";
 import "../__chunks/QFL5V2DO.js";
-import "../__chunks/7H5KSHHF.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
-import "../__chunks/3ORBWXWF.js";
+import "../__chunks/TE637IA7.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/popover/popover-context.js

@@ -5,10 +5,10 @@ import {
   usePopoverContext,
   usePopoverProviderContext,
   usePopoverScopedContext
-} from "../__chunks/7H5KSHHF.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
-import "../__chunks/3ORBWXWF.js";
+} from "../__chunks/TE637IA7.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";