@ariakit/react-core 0.3.14 → 0.4.0

package/esm/popover/popover-description.d.ts

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

package/esm/popover/popover-description.js

@@ -2,11 +2,11 @@
 import {
   PopoverDescription,
   usePopoverDescription
-} from "../__chunks/4CK3XZ4H.js";
-import "../__chunks/DIP7XAI7.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
-import "../__chunks/3ORBWXWF.js";
+} from "../__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/popover/popover-disclosure-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, PopoverStoreState } from "./popover-store.js";
+declare const TagName = "span";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `PopoverDisclosureArrow` component.
  * @see https://ariakit.org/components/popover
@@ -13,7 +16,7 @@ import type { PopoverStore, PopoverStoreState } from "./popover-store.js";
  * </PopoverDisclosure>
  * ```
  */
-export declare const usePopoverDisclosureArrow: import("../utils/types.js").Hook<PopoverDisclosureArrowOptions<"span">>;
+export declare const usePopoverDisclosureArrow: import("../utils/types.js").Hook<"span", PopoverDisclosureArrowOptions<"span">>;
 /**
  * Renders an arrow pointing to the popover position. It's usually rendered
  * inside the
@@ -31,8 +34,8 @@ export declare const usePopoverDisclosureArrow: import("../utils/types.js").Hook
  * </PopoverProvider>
  * ```
  */
-export declare const PopoverDisclosureArrow: import("../utils/types.js").Component<PopoverDisclosureArrowOptions<"span">>;
-export interface PopoverDisclosureArrowOptions<T extends As = "span"> extends Options<T> {
+export declare const PopoverDisclosureArrow: (props: PopoverDisclosureArrowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverDisclosureArrowOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
@@ -51,4 +54,5 @@ export interface PopoverDisclosureArrowOptions<T extends As = "span"> extends Op
      */
     placement?: PopoverStoreState["placement"];
 }
-export type PopoverDisclosureArrowProps<T extends As = "span"> = Props<PopoverDisclosureArrowOptions<T>>;
+export type PopoverDisclosureArrowProps<T extends ElementType = TagName> = Props<T, PopoverDisclosureArrowOptions<T>>;
+export {};

package/esm/popover/popover-disclosure-arrow.js

@@ -2,11 +2,11 @@
 import {
   PopoverDisclosureArrow,
   usePopoverDisclosureArrow
-} from "../__chunks/JHO32H4J.js";
-import "../__chunks/7H5KSHHF.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
-import "../__chunks/3ORBWXWF.js";
+} from "../__chunks/HA4U57LH.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-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 { PopoverAnchorOptions } from "./popover-anchor.js";
+declare const TagName = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `PopoverDisclosure` component.
  * @see https://ariakit.org/components/popover
@@ -12,7 +15,7 @@ import type { PopoverAnchorOptions } from "./popover-anchor.js";
  * <Popover store={store}>Popover</Popover>
  * ```
  */
-export declare const usePopoverDisclosure: import("../utils/types.js").Hook<PopoverDisclosureOptions<"button">>;
+export declare const usePopoverDisclosure: import("../utils/types.js").Hook<"button", PopoverDisclosureOptions<"button">>;
 /**
  * Renders a button that controls the visibility of the
  * [`Popover`](https://ariakit.org/reference/popover) component when clicked.
@@ -25,7 +28,8 @@ export declare const usePopoverDisclosure: import("../utils/types.js").Hook<Popo
  * </PopoverProvider>
  * ```
  */
-export declare const PopoverDisclosure: import("../utils/types.js").Component<PopoverDisclosureOptions<"button">>;
-export interface PopoverDisclosureOptions<T extends As = "button"> extends PopoverAnchorOptions<T>, Omit<DialogDisclosureOptions<T>, "store"> {
+export declare const PopoverDisclosure: (props: PopoverDisclosureProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverDisclosureOptions<T extends ElementType = TagName> extends PopoverAnchorOptions<T>, Omit<DialogDisclosureOptions<T>, "store"> {
 }
-export type PopoverDisclosureProps<T extends As = "button"> = Props<PopoverDisclosureOptions<T>>;
+export type PopoverDisclosureProps<T extends ElementType = TagName> = Props<T, PopoverDisclosureOptions<T>>;
+export {};

package/esm/popover/popover-disclosure.js

@@ -2,18 +2,18 @@
 import {
   PopoverDisclosure,
   usePopoverDisclosure
-} from "../__chunks/4ZEZYKUR.js";
-import "../__chunks/H3TG2CZP.js";
-import "../__chunks/BHEJ6NUH.js";
-import "../__chunks/JCH6MLL2.js";
-import "../__chunks/VDNZBO4W.js";
-import "../__chunks/NWCBQ4CV.js";
-import "../__chunks/7H5KSHHF.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
-import "../__chunks/KK7H3W2B.js";
+} from "../__chunks/RZWNNUWF.js";
+import "../__chunks/NNMCIH2I.js";
+import "../__chunks/TNUQLYBS.js";
+import "../__chunks/NLT7LY5Y.js";
+import "../__chunks/ID4VKXL5.js";
+import "../__chunks/ZF6ZK5BT.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/popover/popover-dismiss.d.ts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { DialogDismissOptions } from "../dialog/dialog-dismiss.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { PopoverStore } from "./popover-store.js";
+declare const TagName = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `PopoverDismiss` component.
  * @see https://ariakit.org/components/popover
@@ -13,7 +16,7 @@ import type { PopoverStore } from "./popover-store.js";
  * </Popover>
  * ```
  */
-export declare const usePopoverDismiss: import("../utils/types.js").Hook<PopoverDismissOptions<"button">>;
+export declare const usePopoverDismiss: import("../utils/types.js").Hook<"button", PopoverDismissOptions<"button">>;
 /**
  * Renders a button that hides a
  * [`Popover`](https://ariakit.org/reference/popover) component when clicked.
@@ -27,8 +30,8 @@ export declare const usePopoverDismiss: import("../utils/types.js").Hook<Popover
  * </PopoverProvider>
  * ```
  */
-export declare const PopoverDismiss: import("../utils/types.js").Component<PopoverDismissOptions<"button">>;
-export interface PopoverDismissOptions<T extends As = "button"> extends DialogDismissOptions<T> {
+export declare const PopoverDismiss: (props: PopoverDismissProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverDismissOptions<T extends ElementType = TagName> extends DialogDismissOptions<T> {
     /**
      * Object returned by the
      * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
@@ -39,4 +42,5 @@ export interface PopoverDismissOptions<T extends As = "button"> extends DialogDi
      */
     store?: PopoverStore;
 }
-export type PopoverDismissProps<T extends As = "button"> = Props<PopoverDismissOptions<T>>;
+export type PopoverDismissProps<T extends ElementType = TagName> = Props<T, PopoverDismissOptions<T>>;
+export {};

package/esm/popover/popover-dismiss.js

@@ -2,16 +2,16 @@
 import {
   PopoverDismiss,
   usePopoverDismiss
-} from "../__chunks/F6PRXTDU.js";
-import "../__chunks/NKXUN25E.js";
-import "../__chunks/VDNZBO4W.js";
-import "../__chunks/NWCBQ4CV.js";
-import "../__chunks/7H5KSHHF.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
-import "../__chunks/KK7H3W2B.js";
+} from "../__chunks/FY6FFKYI.js";
+import "../__chunks/G77JJQ4O.js";
+import "../__chunks/ID4VKXL5.js";
+import "../__chunks/ZF6ZK5BT.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/popover/popover-heading.d.ts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { DialogHeadingOptions } from "../dialog/dialog-heading.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { PopoverStore } from "./popover-store.js";
+declare const TagName = "h1";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `PopoverHeading` component. This hook must be used
  * in a component that's wrapped with `Popover` so the `aria-labelledby` prop is
@@ -13,7 +16,7 @@ import type { PopoverStore } from "./popover-store.js";
  * <Role {...props}>Heading</Role>
  * ```
  */
-export declare const usePopoverHeading: import("../utils/types.js").Hook<PopoverHeadingOptions<"h1">>;
+export declare const usePopoverHeading: import("../utils/types.js").Hook<"h1", PopoverHeadingOptions<"h1">>;
 /**
  * Renders a heading in a popover. This component must be wrapped with
  * [`Popover`](https://ariakit.org/reference/popover) so the `aria-labelledby`
@@ -28,8 +31,8 @@ export declare const usePopoverHeading: import("../utils/types.js").Hook<Popover
  * </PopoverProvider>
  * ```
  */
-export declare const PopoverHeading: import("../utils/types.js").Component<PopoverHeadingOptions<"h1">>;
-export interface PopoverHeadingOptions<T extends As = "h1"> extends DialogHeadingOptions<T> {
+export declare const PopoverHeading: (props: PopoverHeadingProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverHeadingOptions<T extends ElementType = TagName> extends DialogHeadingOptions<T> {
     /**
      * Object returned by the
      * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
@@ -40,4 +43,5 @@ export interface PopoverHeadingOptions<T extends As = "h1"> extends DialogHeadin
      */
     store?: PopoverStore;
 }
-export type PopoverHeadingProps<T extends As = "h1"> = Props<PopoverHeadingOptions<T>>;
+export type PopoverHeadingProps<T extends ElementType = TagName> = Props<T, PopoverHeadingOptions<T>>;
+export {};

package/esm/popover/popover-heading.js

@@ -2,13 +2,13 @@
 import {
   PopoverHeading,
   usePopoverHeading
-} from "../__chunks/RJDEYIKS.js";
-import "../__chunks/XHRZYRZ5.js";
-import "../__chunks/P4FX6ZFL.js";
+} from "../__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/popover/popover-provider.js

@@ -1,15 +1,15 @@
 "use client";
 import {
   PopoverContextProvider
-} 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 {
   usePopoverStore
-} from "../__chunks/MG4P3223.js";
-import "../__chunks/ZSELSBRM.js";
-import "../__chunks/SFCBA2JZ.js";
+} from "../__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/popover/popover-store.d.ts

@@ -1,7 +1,9 @@
 import * as Core from "@ariakit/core/popover/popover-store";
 import type { DialogStoreFunctions, DialogStoreOptions, DialogStoreState } from "../dialog/dialog-store.js";
 import type { Store } from "../utils/store.js";
-export declare function usePopoverStoreProps<T extends Core.PopoverStore>(store: T, update: () => void, props: PopoverStoreProps): T;
+export declare function usePopoverStoreProps<T extends Core.PopoverStore>(store: T, update: () => void, props: PopoverStoreProps): T & {
+    disclosure: import("../disclosure/disclosure-store.js").DisclosureStore | null | undefined;
+};
 /**
  * Creates a popover store to control the state of
  * [Popover](https://ariakit.org/components/popover) components.
@@ -16,11 +18,11 @@ export declare function usePopoverStoreProps<T extends Core.PopoverStore>(store:
 export declare function usePopoverStore(props?: PopoverStoreProps): PopoverStore;
 export interface PopoverStoreState extends Core.PopoverStoreState, DialogStoreState {
 }
-export interface PopoverStoreFunctions extends Core.PopoverStoreFunctions, DialogStoreFunctions {
+export interface PopoverStoreFunctions extends Omit<Core.PopoverStoreFunctions, "disclosure">, DialogStoreFunctions {
 }
-export interface PopoverStoreOptions extends Core.PopoverStoreOptions, DialogStoreOptions {
+export interface PopoverStoreOptions extends Omit<Core.PopoverStoreOptions, "disclosure">, DialogStoreOptions {
 }
-export interface PopoverStoreProps extends PopoverStoreOptions, Core.PopoverStoreProps {
+export interface PopoverStoreProps extends PopoverStoreOptions, Omit<Core.PopoverStoreProps, "disclosure"> {
 }
-export interface PopoverStore extends PopoverStoreFunctions, Store<Core.PopoverStore> {
+export interface PopoverStore extends PopoverStoreFunctions, Omit<Store<Core.PopoverStore>, "disclosure"> {
 }

package/esm/popover/popover-store.js

@@ -2,9 +2,9 @@
 import {
   usePopoverStore,
   usePopoverStoreProps
-} from "../__chunks/MG4P3223.js";
-import "../__chunks/ZSELSBRM.js";
-import "../__chunks/SFCBA2JZ.js";
+} from "../__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/popover/popover.d.ts

@@ -1,7 +1,9 @@
-import type { HTMLAttributes } from "react";
+import type { ElementType, HTMLAttributes } from "react";
 import type { DialogOptions } from "../dialog/dialog.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { PopoverStore } from "./popover-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 type AnchorRect = {
     x?: number;
     y?: number;
@@ -18,7 +20,7 @@ type AnchorRect = {
  * <Role {...props}>Popover</Role>
  * ```
  */
-export declare const usePopover: import("../utils/types.js").Hook<PopoverOptions<"div">>;
+export declare const usePopover: import("../utils/types.js").Hook<"div", PopoverOptions<"div">>;
 /**
  * Renders a popover element that's automatically positioned relative to an
  * anchor element.
@@ -31,8 +33,8 @@ export declare const usePopover: import("../utils/types.js").Hook<PopoverOptions
  * </PopoverProvider>
  * ```
  */
-export declare const Popover: import("../utils/types.js").Component<PopoverOptions<"div">>;
-export interface PopoverOptions<T extends As = "div"> extends DialogOptions<T> {
+export declare const Popover: (props: PopoverProps<"div">) => import("react/jsx-runtime").JSX.Element | null;
+export interface PopoverOptions<T extends ElementType = TagName> extends DialogOptions<T> {
     /**
      * Object returned by the
      * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
@@ -169,5 +171,5 @@ export interface PopoverOptions<T extends As = "div"> extends DialogOptions<T> {
         updatePosition: () => Promise<void>;
     }) => void | Promise<void>;
 }
-export type PopoverProps<T extends As = "div"> = Props<PopoverOptions<T>>;
+export type PopoverProps<T extends ElementType = TagName> = Props<T, PopoverOptions<T>>;
 export {};

package/esm/popover/popover.js

@@ -2,10 +2,10 @@
 import {
   Popover,
   usePopover
-} from "../__chunks/IRX7SFUJ.js";
-import "../__chunks/NERBASET.js";
-import "../__chunks/LWHPHW7Q.js";
-import "../__chunks/TQYOGOE2.js";
+} from "../__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";
@@ -18,23 +18,23 @@ 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/7H5KSHHF.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
-import "../__chunks/KK7H3W2B.js";
+import "../__chunks/CBTO7DFZ.js";
+import "../__chunks/SOGTNTQC.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/portal/portal.d.ts

@@ -1,5 +1,7 @@
-import type { MutableRefObject, RefCallback } from "react";
-import type { As, Options, Props } from "../utils/types.js";
+import type { ElementType, MutableRefObject, RefCallback } from "react";
+import type { Options, Props } from "../utils/types.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `Portal` component.
  * @see https://ariakit.org/components/portal
@@ -9,7 +11,7 @@ import type { As, Options, Props } from "../utils/types.js";
  * <Role {...props}>Content</Role>
  * ```
  */
-export declare const usePortal: import("../utils/types.js").Hook<PortalOptions<"div">>;
+export declare const usePortal: import("../utils/types.js").Hook<"div", PortalOptions<"div">>;
 /**
  * Renders an element using [React
  * Portal](https://react.dev/reference/react-dom/createPortal).
@@ -32,8 +34,8 @@ export declare const usePortal: import("../utils/types.js").Hook<PortalOptions<"
  * <Portal>Content</Portal>
  * ```
  */
-export declare const Portal: import("../utils/types.js").Component<PortalOptions<"div">>;
-export interface PortalOptions<T extends As = "div"> extends Options<T> {
+export declare const Portal: (props: PortalProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface PortalOptions<_T extends ElementType = TagName> extends Options {
     /**
      * When enabled, `preserveTabOrder` will keep the DOM element's tab order the
      * same as the order in which the underlying
@@ -139,4 +141,5 @@ export interface PortalOptions<T extends As = "div"> extends Options<T> {
      */
     portalElement?: ((element: HTMLElement) => HTMLElement | null) | HTMLElement | null;
 }
-export type PortalProps<T extends As = "div"> = Props<PortalOptions<T>>;
+export type PortalProps<T extends ElementType = TagName> = Props<T, PortalOptions<T>>;
+export {};

package/esm/portal/portal.js

@@ -2,11 +2,11 @@
 import {
   Portal,
   usePortal
-} from "../__chunks/JPXNJYSO.js";
-import "../__chunks/CHKJ74UC.js";
+} from "../__chunks/CK3UW3AQ.js";
+import "../__chunks/WKWX2XLD.js";
 import "../__chunks/7452U3HH.js";
-import "../__chunks/BG6HZDS7.js";
-import "../__chunks/3ORBWXWF.js";
+import "../__chunks/IFT5JEUU.js";
+import "../__chunks/5M6RSQEC.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";

package/esm/radio/radio-context.js

@@ -5,10 +5,10 @@ import {
   useRadioContext,
   useRadioProviderContext,
   useRadioScopedContext
-} from "../__chunks/XEV62JUQ.js";
-import "../__chunks/IB7YUKH5.js";
-import "../__chunks/4UUKJZ4V.js";
-import "../__chunks/3ORBWXWF.js";
+} from "../__chunks/ZVFJIYOE.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/radio/radio-group.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 { RadioStore } from "./radio-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `RadioGroup` component.
  * @see https://ariakit.org/components/radio
@@ -14,7 +17,7 @@ import type { RadioStore } from "./radio-store.js";
  * </Role>
  * ```
  */
-export declare const useRadioGroup: import("../utils/types.js").Hook<RadioGroupOptions<"div">>;
+export declare const useRadioGroup: import("../utils/types.js").Hook<"div", RadioGroupOptions<"div">>;
 /**
  * Renders a [`radiogroup`](https://w3c.github.io/aria/#radiogroup) element that
  * manages a group of [`Radio`](https://ariakit.org/reference/radio) elements.
@@ -29,8 +32,8 @@ export declare const useRadioGroup: import("../utils/types.js").Hook<RadioGroupO
  * </RadioProvider>
  * ```
  */
-export declare const RadioGroup: import("../utils/types.js").Component<RadioGroupOptions<"div">>;
-export interface RadioGroupOptions<T extends As = "div"> extends CompositeOptions<T> {
+export declare const RadioGroup: (props: RadioGroupProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface RadioGroupOptions<T extends ElementType = TagName> extends CompositeOptions<T> {
     /**
      * Object returned by the
      * [`useRadioStore`](https://ariakit.org/reference/use-radio-store) hook. If
@@ -40,4 +43,5 @@ export interface RadioGroupOptions<T extends As = "div"> extends CompositeOption
      */
     store?: RadioStore;
 }
-export type RadioGroupProps<T extends As = "div"> = Props<RadioGroupOptions<T>>;
+export type RadioGroupProps<T extends ElementType = TagName> = Props<T, RadioGroupOptions<T>>;
+export {};

package/esm/radio/radio-group.js

@@ -2,20 +2,20 @@
 import {
   RadioScopedContextProvider,
   useRadioProviderContext
-} from "../__chunks/XEV62JUQ.js";
+} from "../__chunks/ZVFJIYOE.js";
 import {
   useComposite
-} from "../__chunks/7QTPYGNZ.js";
+} from "../__chunks/6WQW7ZIA.js";
 import "../__chunks/3IEDWLST.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 {
-  createComponent,
   createElement,
-  createHook
-} from "../__chunks/3ORBWXWF.js";
+  createHook,
+  forwardRef
+} from "../__chunks/5M6RSQEC.js";
 import {
   useWrapElement
 } from "../__chunks/6O5OEQGF.js";
@@ -28,8 +28,9 @@ import {
 // src/radio/radio-group.tsx
 import { invariant } from "@ariakit/core/utils/misc";
 import { jsx } from "react/jsx-runtime";
+var TagName = "div";
 var useRadioGroup = createHook(
-  (_a) => {
+  function useRadioGroup2(_a) {
     var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
     const context = useRadioProviderContext();
     store = store || context;
@@ -49,13 +50,10 @@ var useRadioGroup = createHook(
     return props;
   }
 );
-var RadioGroup = createComponent((props) => {
+var RadioGroup = forwardRef(function RadioGroup2(props) {
   const htmlProps = useRadioGroup(props);
-  return createElement("div", htmlProps);
+  return createElement(TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  RadioGroup.displayName = "RadioGroup";
-}
 export {
   RadioGroup,
   useRadioGroup