@ariakit/react-core 0.3.14 → 0.4.1

package/cjs/composite/composite-row.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _GJX4AG2Lcjs = require('../__chunks/GJX4AG2L.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+var _RYQJ4G5Hcjs = require('../__chunks/RYQJ4G5H.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');
 
 
 
-exports.CompositeRow = _GJX4AG2Lcjs.CompositeRow; exports.useCompositeRow = _GJX4AG2Lcjs.useCompositeRow;
+exports.CompositeRow = _RYQJ4G5Hcjs.CompositeRow; exports.useCompositeRow = _RYQJ4G5Hcjs.useCompositeRow;

package/cjs/composite/composite-row.d.cts

@@ -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 { CompositeStore } from "./composite-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeRow` component. Wrapping `CompositeItem`
  * elements within rows will create a two-dimensional composite widget, such as
@@ -18,7 +21,7 @@ import type { CompositeStore } from "./composite-store.js";
  * </Composite>
  * ```
  */
-export declare const useCompositeRow: import("../utils/types.js").Hook<CompositeRowOptions<"div">>;
+export declare const useCompositeRow: import("../utils/types.js").Hook<"div", CompositeRowOptions<"div">>;
 /**
  * Renders a row element for composite items that allows two-dimensional arrow
  * key navigation.
@@ -44,8 +47,8 @@ export declare const useCompositeRow: import("../utils/types.js").Hook<Composite
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeRow: import("../utils/types.js").Component<CompositeRowOptions<"div">>;
-export interface CompositeRowOptions<T extends As = "div"> extends Options<T> {
+export declare const CompositeRow: (props: CompositeRowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeRowOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -56,4 +59,5 @@ export interface CompositeRowOptions<T extends As = "div"> extends Options<T> {
      */
     store?: CompositeStore;
 }
-export type CompositeRowProps<T extends As = "div"> = Props<CompositeRowOptions<T>>;
+export type CompositeRowProps<T extends ElementType = TagName> = Props<T, CompositeRowOptions<T>>;
+export {};

package/cjs/composite/composite-row.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 { CompositeStore } from "./composite-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeRow` component. Wrapping `CompositeItem`
  * elements within rows will create a two-dimensional composite widget, such as
@@ -18,7 +21,7 @@ import type { CompositeStore } from "./composite-store.js";
  * </Composite>
  * ```
  */
-export declare const useCompositeRow: import("../utils/types.js").Hook<CompositeRowOptions<"div">>;
+export declare const useCompositeRow: import("../utils/types.js").Hook<"div", CompositeRowOptions<"div">>;
 /**
  * Renders a row element for composite items that allows two-dimensional arrow
  * key navigation.
@@ -44,8 +47,8 @@ export declare const useCompositeRow: import("../utils/types.js").Hook<Composite
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeRow: import("../utils/types.js").Component<CompositeRowOptions<"div">>;
-export interface CompositeRowOptions<T extends As = "div"> extends Options<T> {
+export declare const CompositeRow: (props: CompositeRowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeRowOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -56,4 +59,5 @@ export interface CompositeRowOptions<T extends As = "div"> extends Options<T> {
      */
     store?: CompositeStore;
 }
-export type CompositeRowProps<T extends As = "div"> = Props<CompositeRowOptions<T>>;
+export type CompositeRowProps<T extends ElementType = TagName> = Props<T, CompositeRowOptions<T>>;
+export {};

package/cjs/composite/composite-separator.cjs

@@ -2,15 +2,15 @@
 
 
 
-var _F34KLJKGcjs = require('../__chunks/F34KLJKG.cjs');
-require('../__chunks/QOD2KY3N.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+var _AIKNQVVLcjs = require('../__chunks/AIKNQVVL.cjs');
+require('../__chunks/FG4Y7VYM.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');
 
 
 
-exports.CompositeSeparator = _F34KLJKGcjs.CompositeSeparator; exports.useCompositeSeparator = _F34KLJKGcjs.useCompositeSeparator;
+exports.CompositeSeparator = _AIKNQVVLcjs.CompositeSeparator; exports.useCompositeSeparator = _AIKNQVVLcjs.useCompositeSeparator;

package/cjs/composite/composite-separator.d.cts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { SeparatorOptions } from "../separator/separator.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { CompositeStore } from "./composite-store.js";
+declare const TagName = "hr";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeSeparator` component.
  * @see https://ariakit.org/components/composite
@@ -15,7 +18,7 @@ import type { CompositeStore } from "./composite-store.js";
  * </Composite>
  * ```
  */
-export declare const useCompositeSeparator: import("../utils/types.js").Hook<CompositeSeparatorOptions<"hr">>;
+export declare const useCompositeSeparator: import("../utils/types.js").Hook<"hr", CompositeSeparatorOptions<"hr">>;
 /**
  * Renders a divider between
  * [`CompositeItem`](https://ariakit.org/reference/composite-item) elements.
@@ -31,8 +34,8 @@ export declare const useCompositeSeparator: import("../utils/types.js").Hook<Com
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeSeparator: import("../utils/types.js").Component<CompositeSeparatorOptions<"hr">>;
-export interface CompositeSeparatorOptions<T extends As = "hr"> extends SeparatorOptions<T> {
+export declare const CompositeSeparator: (props: CompositeSeparatorProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeSeparatorOptions<T extends ElementType = TagName> extends SeparatorOptions<T> {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -50,4 +53,5 @@ export interface CompositeSeparatorOptions<T extends As = "hr"> extends Separato
      */
     orientation?: SeparatorOptions<T>["orientation"];
 }
-export type CompositeSeparatorProps<T extends As = "hr"> = Props<CompositeSeparatorOptions<T>>;
+export type CompositeSeparatorProps<T extends ElementType = TagName> = Props<T, CompositeSeparatorOptions<T>>;
+export {};

package/cjs/composite/composite-separator.d.ts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { SeparatorOptions } from "../separator/separator.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { CompositeStore } from "./composite-store.js";
+declare const TagName = "hr";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeSeparator` component.
  * @see https://ariakit.org/components/composite
@@ -15,7 +18,7 @@ import type { CompositeStore } from "./composite-store.js";
  * </Composite>
  * ```
  */
-export declare const useCompositeSeparator: import("../utils/types.js").Hook<CompositeSeparatorOptions<"hr">>;
+export declare const useCompositeSeparator: import("../utils/types.js").Hook<"hr", CompositeSeparatorOptions<"hr">>;
 /**
  * Renders a divider between
  * [`CompositeItem`](https://ariakit.org/reference/composite-item) elements.
@@ -31,8 +34,8 @@ export declare const useCompositeSeparator: import("../utils/types.js").Hook<Com
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeSeparator: import("../utils/types.js").Component<CompositeSeparatorOptions<"hr">>;
-export interface CompositeSeparatorOptions<T extends As = "hr"> extends SeparatorOptions<T> {
+export declare const CompositeSeparator: (props: CompositeSeparatorProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeSeparatorOptions<T extends ElementType = TagName> extends SeparatorOptions<T> {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -50,4 +53,5 @@ export interface CompositeSeparatorOptions<T extends As = "hr"> extends Separato
      */
     orientation?: SeparatorOptions<T>["orientation"];
 }
-export type CompositeSeparatorProps<T extends As = "hr"> = Props<CompositeSeparatorOptions<T>>;
+export type CompositeSeparatorProps<T extends ElementType = TagName> = Props<T, CompositeSeparatorOptions<T>>;
+export {};

package/cjs/composite/composite-typeahead.cjs

@@ -2,15 +2,15 @@
 
 
 
-var _6PUZ4NWRcjs = require('../__chunks/6PUZ4NWR.cjs');
+var _XSRQB4KOcjs = require('../__chunks/XSRQB4KO.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/RNZNGEL4.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');
 
 
 
-exports.CompositeTypeahead = _6PUZ4NWRcjs.CompositeTypeahead; exports.useCompositeTypeahead = _6PUZ4NWRcjs.useCompositeTypeahead;
+exports.CompositeTypeahead = _XSRQB4KOcjs.CompositeTypeahead; exports.useCompositeTypeahead = _XSRQB4KOcjs.useCompositeTypeahead;

package/cjs/composite/composite-typeahead.d.cts

@@ -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 { CompositeStore } from "./composite-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeTypeahead` component.
  * @see https://ariakit.org/components/composite
@@ -13,7 +16,7 @@ import type { CompositeStore } from "./composite-store.js";
  * </Composite>
  * ```
  */
-export declare const useCompositeTypeahead: import("../utils/types.js").Hook<CompositeTypeaheadOptions<"div">>;
+export declare const useCompositeTypeahead: import("../utils/types.js").Hook<"div", CompositeTypeaheadOptions<"div">>;
 /**
  * Renders a component that adds typeahead functionality to composite
  * components.
@@ -34,8 +37,8 @@ export declare const useCompositeTypeahead: import("../utils/types.js").Hook<Com
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeTypeahead: import("../utils/types.js").Component<CompositeTypeaheadOptions<"div">>;
-export interface CompositeTypeaheadOptions<T extends As = "div"> extends Options<T> {
+export declare const CompositeTypeahead: (props: CompositeTypeaheadProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeTypeaheadOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -52,4 +55,5 @@ export interface CompositeTypeaheadOptions<T extends As = "div"> extends Options
      */
     typeahead?: boolean;
 }
-export type CompositeTypeaheadProps<T extends As = "div"> = Props<CompositeTypeaheadOptions<T>>;
+export type CompositeTypeaheadProps<T extends ElementType = TagName> = Props<T, CompositeTypeaheadOptions<T>>;
+export {};

package/cjs/composite/composite-typeahead.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 { CompositeStore } from "./composite-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `CompositeTypeahead` component.
  * @see https://ariakit.org/components/composite
@@ -13,7 +16,7 @@ import type { CompositeStore } from "./composite-store.js";
  * </Composite>
  * ```
  */
-export declare const useCompositeTypeahead: import("../utils/types.js").Hook<CompositeTypeaheadOptions<"div">>;
+export declare const useCompositeTypeahead: import("../utils/types.js").Hook<"div", CompositeTypeaheadOptions<"div">>;
 /**
  * Renders a component that adds typeahead functionality to composite
  * components.
@@ -34,8 +37,8 @@ export declare const useCompositeTypeahead: import("../utils/types.js").Hook<Com
  * </CompositeProvider>
  * ```
  */
-export declare const CompositeTypeahead: import("../utils/types.js").Component<CompositeTypeaheadOptions<"div">>;
-export interface CompositeTypeaheadOptions<T extends As = "div"> extends Options<T> {
+export declare const CompositeTypeahead: (props: CompositeTypeaheadProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeTypeaheadOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -52,4 +55,5 @@ export interface CompositeTypeaheadOptions<T extends As = "div"> extends Options
      */
     typeahead?: boolean;
 }
-export type CompositeTypeaheadProps<T extends As = "div"> = Props<CompositeTypeaheadOptions<T>>;
+export type CompositeTypeaheadProps<T extends ElementType = TagName> = Props<T, CompositeTypeaheadOptions<T>>;
+export {};

package/cjs/composite/composite.cjs

@@ -2,17 +2,17 @@
 
 
 
-var _H6OLBVHAcjs = require('../__chunks/H6OLBVHA.cjs');
+var _T5YJMXLPcjs = require('../__chunks/T5YJMXLP.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/XRZ2L7EA.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Composite = _H6OLBVHAcjs.Composite; exports.useComposite = _H6OLBVHAcjs.useComposite;
+exports.Composite = _T5YJMXLPcjs.Composite; exports.useComposite = _T5YJMXLPcjs.useComposite;

package/cjs/composite/composite.d.cts

@@ -1,8 +1,10 @@
-import type { KeyboardEvent as ReactKeyboardEvent } from "react";
+import type { ElementType, KeyboardEvent as ReactKeyboardEvent } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
 import type { FocusableOptions } from "../focusable/focusable.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { CompositeStore } from "./composite-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `Composite` component.
  * @see https://ariakit.org/components/composite
@@ -16,7 +18,7 @@ import type { CompositeStore } from "./composite-store.js";
  * </Role>
  * ```
  */
-export declare const useComposite: import("../utils/types.js").Hook<CompositeOptions<"div">>;
+export declare const useComposite: import("../utils/types.js").Hook<"div", CompositeOptions<"div">>;
 /**
  * Renders a composite widget.
  * @see https://ariakit.org/components/composite
@@ -29,8 +31,8 @@ export declare const useComposite: import("../utils/types.js").Hook<CompositeOpt
  * </Composite>
  * ```
  */
-export declare const Composite: import("../utils/types.js").Component<CompositeOptions<"div">>;
-export interface CompositeOptions<T extends As = "div"> extends FocusableOptions<T> {
+export declare const Composite: (props: CompositeProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeOptions<T extends ElementType = TagName> extends FocusableOptions<T> {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -110,4 +112,5 @@ export interface CompositeOptions<T extends As = "div"> extends FocusableOptions
      */
     focusOnMove?: boolean;
 }
-export type CompositeProps<T extends As = "div"> = Props<CompositeOptions<T>>;
+export type CompositeProps<T extends ElementType = TagName> = Props<T, CompositeOptions<T>>;
+export {};

package/cjs/composite/composite.d.ts

@@ -1,8 +1,10 @@
-import type { KeyboardEvent as ReactKeyboardEvent } from "react";
+import type { ElementType, KeyboardEvent as ReactKeyboardEvent } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
 import type { FocusableOptions } from "../focusable/focusable.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { CompositeStore } from "./composite-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `Composite` component.
  * @see https://ariakit.org/components/composite
@@ -16,7 +18,7 @@ import type { CompositeStore } from "./composite-store.js";
  * </Role>
  * ```
  */
-export declare const useComposite: import("../utils/types.js").Hook<CompositeOptions<"div">>;
+export declare const useComposite: import("../utils/types.js").Hook<"div", CompositeOptions<"div">>;
 /**
  * Renders a composite widget.
  * @see https://ariakit.org/components/composite
@@ -29,8 +31,8 @@ export declare const useComposite: import("../utils/types.js").Hook<CompositeOpt
  * </Composite>
  * ```
  */
-export declare const Composite: import("../utils/types.js").Component<CompositeOptions<"div">>;
-export interface CompositeOptions<T extends As = "div"> extends FocusableOptions<T> {
+export declare const Composite: (props: CompositeProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface CompositeOptions<T extends ElementType = TagName> extends FocusableOptions<T> {
     /**
      * Object returned by the
      * [`useCompositeStore`](https://ariakit.org/reference/use-composite-store)
@@ -110,4 +112,5 @@ export interface CompositeOptions<T extends As = "div"> extends FocusableOptions
      */
     focusOnMove?: boolean;
 }
-export type CompositeProps<T extends As = "div"> = Props<CompositeOptions<T>>;
+export type CompositeProps<T extends ElementType = TagName> = Props<T, CompositeOptions<T>>;
+export {};

package/cjs/dialog/dialog-backdrop.cjs

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _WZ3DRKGPcjs = require('../__chunks/WZ3DRKGP.cjs');
+var _375RXJFLcjs = require('../__chunks/375RXJFL.cjs');
 require('../__chunks/VV6WA3I6.cjs');
 require('../__chunks/7YLCVXZ7.cjs');
 require('../__chunks/5GTNIPQ6.cjs');
 require('../__chunks/V24PR4PW.cjs');
-require('../__chunks/LAUATD5O.cjs');
-require('../__chunks/YPVQYY4J.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/JAQJG42R.cjs');
+require('../__chunks/SFDUOV6F.cjs');
+require('../__chunks/THCBJSSM.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/Q67LZMDT.cjs');
+require('../__chunks/QJZAESAR.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.DialogBackdrop = _WZ3DRKGPcjs.DialogBackdrop;
+exports.DialogBackdrop = _375RXJFLcjs.DialogBackdrop;

package/cjs/dialog/dialog-backdrop.d.cts

@@ -1,7 +1,7 @@
 import type { DialogStore } from "./dialog-store.js";
 import type { DialogProps } from "./dialog.js";
-interface DialogBackdropProps extends Pick<DialogProps, "backdrop" | "backdropProps" | "alwaysVisible" | "hidden"> {
+interface DialogBackdropProps extends Pick<DialogProps, "backdrop" | "alwaysVisible" | "hidden"> {
     store: DialogStore;
 }
-export declare function DialogBackdrop({ store, backdrop, backdropProps, alwaysVisible, hidden, }: DialogBackdropProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DialogBackdrop({ store, backdrop, alwaysVisible, hidden, }: DialogBackdropProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/cjs/dialog/dialog-backdrop.d.ts

@@ -1,7 +1,7 @@
 import type { DialogStore } from "./dialog-store.js";
 import type { DialogProps } from "./dialog.js";
-interface DialogBackdropProps extends Pick<DialogProps, "backdrop" | "backdropProps" | "alwaysVisible" | "hidden"> {
+interface DialogBackdropProps extends Pick<DialogProps, "backdrop" | "alwaysVisible" | "hidden"> {
     store: DialogStore;
 }
-export declare function DialogBackdrop({ store, backdrop, backdropProps, alwaysVisible, hidden, }: DialogBackdropProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DialogBackdrop({ store, backdrop, alwaysVisible, hidden, }: DialogBackdropProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/cjs/dialog/dialog-context.cjs

@@ -7,9 +7,9 @@
 
 
 
-var _F2A2ZQDBcjs = require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+var _OLPMMKKOcjs = require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
@@ -21,4 +21,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.DialogContextProvider = _F2A2ZQDBcjs.DialogContextProvider; exports.DialogDescriptionContext = _F2A2ZQDBcjs.DialogDescriptionContext; exports.DialogHeadingContext = _F2A2ZQDBcjs.DialogHeadingContext; exports.DialogScopedContextProvider = _F2A2ZQDBcjs.DialogScopedContextProvider; exports.useDialogContext = _F2A2ZQDBcjs.useDialogContext; exports.useDialogProviderContext = _F2A2ZQDBcjs.useDialogProviderContext; exports.useDialogScopedContext = _F2A2ZQDBcjs.useDialogScopedContext;
+exports.DialogContextProvider = _OLPMMKKOcjs.DialogContextProvider; exports.DialogDescriptionContext = _OLPMMKKOcjs.DialogDescriptionContext; exports.DialogHeadingContext = _OLPMMKKOcjs.DialogHeadingContext; exports.DialogScopedContextProvider = _OLPMMKKOcjs.DialogScopedContextProvider; exports.useDialogContext = _OLPMMKKOcjs.useDialogContext; exports.useDialogProviderContext = _OLPMMKKOcjs.useDialogProviderContext; exports.useDialogScopedContext = _OLPMMKKOcjs.useDialogScopedContext;

package/cjs/dialog/dialog-description.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _62JWM3VQcjs = require('../__chunks/62JWM3VQ.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+var _IGGDPRFDcjs = require('../__chunks/IGGDPRFD.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.DialogDescription = _62JWM3VQcjs.DialogDescription; exports.useDialogDescription = _62JWM3VQcjs.useDialogDescription;
+exports.DialogDescription = _IGGDPRFDcjs.DialogDescription; exports.useDialogDescription = _IGGDPRFDcjs.useDialogDescription;

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

@@ -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 { DialogStore } from "./dialog-store.js";
+declare const TagName = "p";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `DialogDescription` component. This hook must be
  * used in a component that's wrapped with `Dialog` so the `aria-describedby`
@@ -12,7 +15,7 @@ import type { DialogStore } from "./dialog-store.js";
  * <Role {...props}>Description</Role>
  * ```
  */
-export declare const useDialogDescription: import("../utils/types.js").Hook<DialogDescriptionOptions<"p">>;
+export declare const useDialogDescription: import("../utils/types.js").Hook<"p", DialogDescriptionOptions<"p">>;
 /**
  * Renders a description in a dialog. This component must be wrapped with
  * [`Dialog`](https://ariakit.org/reference/dialog) so the `aria-describedby`
@@ -27,8 +30,8 @@ export declare const useDialogDescription: import("../utils/types.js").Hook<Dial
  * </Dialog>
  * ```
  */
-export declare const DialogDescription: import("../utils/types.js").Component<DialogDescriptionOptions<"p">>;
-export interface DialogDescriptionOptions<T extends As = "p"> extends Options<T> {
+export declare const DialogDescription: (props: DialogDescriptionProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface DialogDescriptionOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useDialogStore`](https://ariakit.org/reference/use-dialog-store) hook. If
@@ -37,4 +40,5 @@ export interface DialogDescriptionOptions<T extends As = "p"> extends Options<T>
      */
     store?: DialogStore;
 }
-export type DialogDescriptionProps<T extends As = "p"> = Props<DialogDescriptionOptions<T>>;
+export type DialogDescriptionProps<T extends ElementType = TagName> = Props<T, DialogDescriptionOptions<T>>;
+export {};

package/cjs/dialog/dialog-description.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 { DialogStore } from "./dialog-store.js";
+declare const TagName = "p";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `DialogDescription` component. This hook must be
  * used in a component that's wrapped with `Dialog` so the `aria-describedby`
@@ -12,7 +15,7 @@ import type { DialogStore } from "./dialog-store.js";
  * <Role {...props}>Description</Role>
  * ```
  */
-export declare const useDialogDescription: import("../utils/types.js").Hook<DialogDescriptionOptions<"p">>;
+export declare const useDialogDescription: import("../utils/types.js").Hook<"p", DialogDescriptionOptions<"p">>;
 /**
  * Renders a description in a dialog. This component must be wrapped with
  * [`Dialog`](https://ariakit.org/reference/dialog) so the `aria-describedby`
@@ -27,8 +30,8 @@ export declare const useDialogDescription: import("../utils/types.js").Hook<Dial
  * </Dialog>
  * ```
  */
-export declare const DialogDescription: import("../utils/types.js").Component<DialogDescriptionOptions<"p">>;
-export interface DialogDescriptionOptions<T extends As = "p"> extends Options<T> {
+export declare const DialogDescription: (props: DialogDescriptionProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface DialogDescriptionOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useDialogStore`](https://ariakit.org/reference/use-dialog-store) hook. If
@@ -37,4 +40,5 @@ export interface DialogDescriptionOptions<T extends As = "p"> extends Options<T>
      */
     store?: DialogStore;
 }
-export type DialogDescriptionProps<T extends As = "p"> = Props<DialogDescriptionOptions<T>>;
+export type DialogDescriptionProps<T extends ElementType = TagName> = Props<T, DialogDescriptionOptions<T>>;
+export {};

package/cjs/dialog/dialog-disclosure.cjs

@@ -2,19 +2,19 @@
 
 
 
-var _QCG6J6X5cjs = require('../__chunks/QCG6J6X5.cjs');
-require('../__chunks/LFHNPG2L.cjs');
-require('../__chunks/5UTRYT6E.cjs');
-require('../__chunks/DAJUUBUI.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+var _PIZ222UUcjs = require('../__chunks/PIZ222UU.cjs');
+require('../__chunks/QCQVRINH.cjs');
+require('../__chunks/M7WN4XJH.cjs');
+require('../__chunks/Z7QK7V4M.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/XRZ2L7EA.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.DialogDisclosure = _QCG6J6X5cjs.DialogDisclosure; exports.useDialogDisclosure = _QCG6J6X5cjs.useDialogDisclosure;
+exports.DialogDisclosure = _PIZ222UUcjs.DialogDisclosure; exports.useDialogDisclosure = _PIZ222UUcjs.useDialogDisclosure;