@ariakit/react-core 0.3.14 → 0.4.0

package/cjs/popover/popover-heading.cjs

@@ -2,17 +2,17 @@
 
 
 
-var _VIUIA2WFcjs = require('../__chunks/VIUIA2WF.cjs');
-require('../__chunks/DTEFSZZZ.cjs');
-require('../__chunks/TK6GOI2V.cjs');
+var _JOJAOQVQcjs = 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.PopoverHeading = _VIUIA2WFcjs.PopoverHeading; exports.usePopoverHeading = _VIUIA2WFcjs.usePopoverHeading;
+exports.PopoverHeading = _JOJAOQVQcjs.PopoverHeading; exports.usePopoverHeading = _JOJAOQVQcjs.usePopoverHeading;

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

@@ -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/cjs/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/cjs/popover/popover-provider.cjs

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _UVBBMANLcjs = require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+var _FNVFJ5AFcjs = require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 
 
-var _NRGWVSB5cjs = require('../__chunks/NRGWVSB5.cjs');
-require('../__chunks/W5LJEMLB.cjs');
-require('../__chunks/JAQJG42R.cjs');
+var _GOS3JJKQcjs = require('../__chunks/GOS3JJKQ.cjs');
+require('../__chunks/AD7LA3CE.cjs');
+require('../__chunks/QJZAESAR.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
@@ -18,8 +18,8 @@ require('../__chunks/AV6KTKLE.cjs');
 // src/popover/popover-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function PopoverProvider(props = {}) {
-  const store = _NRGWVSB5cjs.usePopoverStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UVBBMANLcjs.PopoverContextProvider, { value: store, children: props.children });
+  const store = _GOS3JJKQcjs.usePopoverStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FNVFJ5AFcjs.PopoverContextProvider, { value: store, children: props.children });
 }
 
 

package/cjs/popover/popover-store.cjs

@@ -2,9 +2,9 @@
 
 
 
-var _NRGWVSB5cjs = require('../__chunks/NRGWVSB5.cjs');
-require('../__chunks/W5LJEMLB.cjs');
-require('../__chunks/JAQJG42R.cjs');
+var _GOS3JJKQcjs = require('../__chunks/GOS3JJKQ.cjs');
+require('../__chunks/AD7LA3CE.cjs');
+require('../__chunks/QJZAESAR.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
@@ -12,4 +12,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.usePopoverStore = _NRGWVSB5cjs.usePopoverStore; exports.usePopoverStoreProps = _NRGWVSB5cjs.usePopoverStoreProps;
+exports.usePopoverStore = _GOS3JJKQcjs.usePopoverStore; exports.usePopoverStoreProps = _GOS3JJKQcjs.usePopoverStoreProps;

package/cjs/popover/popover-store.d.cts

@@ -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/cjs/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/cjs/popover/popover.cjs

@@ -2,10 +2,10 @@
 
 
 
-var _OUEE5HOScjs = require('../__chunks/OUEE5HOS.cjs');
-require('../__chunks/ZL5DC555.cjs');
-require('../__chunks/WZ3DRKGP.cjs');
-require('../__chunks/KSPMHEYZ.cjs');
+var _ID5QP4WTcjs = require('../__chunks/ID5QP4WT.cjs');
+require('../__chunks/YHNU4DBC.cjs');
+require('../__chunks/6RCPYDT6.cjs');
+require('../__chunks/4OFNVXGN.cjs');
 require('../__chunks/PZL34OVO.cjs');
 require('../__chunks/344F3DYO.cjs');
 require('../__chunks/KREY6HXD.cjs');
@@ -18,23 +18,23 @@ require('../__chunks/7TN63K2T.cjs');
 require('../__chunks/V24PR4PW.cjs');
 require('../__chunks/6IUEXB4L.cjs');
 require('../__chunks/JF225FQ5.cjs');
-require('../__chunks/7566TIRW.cjs');
+require('../__chunks/5SRODZ4B.cjs');
 require('../__chunks/J3OG6T3B.cjs');
-require('../__chunks/65LGW5LY.cjs');
-require('../__chunks/XB3G2EO2.cjs');
+require('../__chunks/BBRNIJWO.cjs');
+require('../__chunks/O2WTAUCQ.cjs');
 require('../__chunks/CVD2AZE2.cjs');
 require('../__chunks/2BIO7R5N.cjs');
-require('../__chunks/LAUATD5O.cjs');
-require('../__chunks/YPVQYY4J.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/SFDUOV6F.cjs');
+require('../__chunks/JFOUIQSF.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/5QD55NKL.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/R66IWXK6.cjs');
-require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/W5LJEMLB.cjs');
-require('../__chunks/JAQJG42R.cjs');
+require('../__chunks/HQKST6ZJ.cjs');
+require('../__chunks/Q67LZMDT.cjs');
+require('../__chunks/AD7LA3CE.cjs');
+require('../__chunks/QJZAESAR.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
@@ -42,4 +42,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Popover = _OUEE5HOScjs.Popover; exports.usePopover = _OUEE5HOScjs.usePopover;
+exports.Popover = _ID5QP4WTcjs.Popover; exports.usePopover = _ID5QP4WTcjs.usePopover;

package/cjs/popover/popover.d.cts

@@ -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/cjs/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/cjs/portal/portal.cjs

@@ -2,15 +2,15 @@
 
 
 
-var _65LGW5LYcjs = require('../__chunks/65LGW5LY.cjs');
-require('../__chunks/XB3G2EO2.cjs');
+var _BBRNIJWOcjs = require('../__chunks/BBRNIJWO.cjs');
+require('../__chunks/O2WTAUCQ.cjs');
 require('../__chunks/CVD2AZE2.cjs');
-require('../__chunks/R66IWXK6.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/HQKST6ZJ.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Portal = _65LGW5LYcjs.Portal; exports.usePortal = _65LGW5LYcjs.usePortal;
+exports.Portal = _BBRNIJWOcjs.Portal; exports.usePortal = _BBRNIJWOcjs.usePortal;

package/cjs/portal/portal.d.cts

@@ -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/cjs/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/cjs/radio/radio-context.cjs

@@ -5,10 +5,10 @@
 
 
 
-var _HEEQY4DZcjs = require('../__chunks/HEEQY4DZ.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+var _43LZBXXJcjs = require('../__chunks/43LZBXXJ.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
@@ -18,4 +18,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.RadioContextProvider = _HEEQY4DZcjs.RadioContextProvider; exports.RadioScopedContextProvider = _HEEQY4DZcjs.RadioScopedContextProvider; exports.useRadioContext = _HEEQY4DZcjs.useRadioContext; exports.useRadioProviderContext = _HEEQY4DZcjs.useRadioProviderContext; exports.useRadioScopedContext = _HEEQY4DZcjs.useRadioScopedContext;
+exports.RadioContextProvider = _43LZBXXJcjs.RadioContextProvider; exports.RadioScopedContextProvider = _43LZBXXJcjs.RadioScopedContextProvider; exports.useRadioContext = _43LZBXXJcjs.useRadioContext; exports.useRadioProviderContext = _43LZBXXJcjs.useRadioProviderContext; exports.useRadioScopedContext = _43LZBXXJcjs.useRadioScopedContext;

package/cjs/radio/radio-group.cjs

@@ -2,20 +2,20 @@
 
 
 
-var _HEEQY4DZcjs = require('../__chunks/HEEQY4DZ.cjs');
+var _43LZBXXJcjs = require('../__chunks/43LZBXXJ.cjs');
 
 
-var _H6OLBVHAcjs = require('../__chunks/H6OLBVHA.cjs');
+var _NCXCQQBNcjs = require('../__chunks/NCXCQQBN.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/5QD55NKL.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
 
 
 var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
@@ -28,10 +28,11 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 // src/radio/radio-group.tsx
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
-var useRadioGroup = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var TagName = "div";
+var useRadioGroup = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useRadioGroup2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _HEEQY4DZcjs.useRadioProviderContext.call(void 0, );
+    const context = _43LZBXXJcjs.useRadioProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -39,23 +40,20 @@ var useRadioGroup = _RNZNGEL4cjs.createHook.call(void 0,
     );
     props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HEEQY4DZcjs.RadioScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _43LZBXXJcjs.RadioScopedContextProvider, { value: store, children: element }),
       [store]
     );
     props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
       role: "radiogroup"
     }, props);
-    props = _H6OLBVHAcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _NCXCQQBNcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var RadioGroup = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var RadioGroup = _Q67LZMDTcjs.forwardRef.call(void 0, function RadioGroup2(props) {
   const htmlProps = useRadioGroup(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  RadioGroup.displayName = "RadioGroup";
-}
 
 
 

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

@@ -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/cjs/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 {};