@ariakit/react-core 0.3.14 → 0.4.0

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { DisclosureOptions } from "../disclosure/disclosure.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { DialogStore } from "./dialog-store.js";
+declare const TagName = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `DialogDisclosure` component.
  * @see https://ariakit.org/components/dialog
@@ -12,7 +15,7 @@ import type { DialogStore } from "./dialog-store.js";
  * <Dialog store={store}>Content</Dialog>
  * ```
  */
-export declare const useDialogDisclosure: import("../utils/types.js").Hook<DialogDisclosureOptions<"button">>;
+export declare const useDialogDisclosure: import("../utils/types.js").Hook<"button", DialogDisclosureOptions<"button">>;
 /**
  * Renders a button that toggles the visibility of a
  * [`Dialog`](https://ariakit.org/reference/dialog) component when clicked.
@@ -25,8 +28,8 @@ export declare const useDialogDisclosure: import("../utils/types.js").Hook<Dialo
  * </DialogProvider>
  * ```
  */
-export declare const DialogDisclosure: import("../utils/types.js").Component<DialogDisclosureOptions<"button">>;
-export interface DialogDisclosureOptions<T extends As = "button"> extends DisclosureOptions<T> {
+export declare const DialogDisclosure: (props: DialogDisclosureProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface DialogDisclosureOptions<T extends ElementType = TagName> extends DisclosureOptions<T> {
     /**
      * Object returned by the
      * [`useDialogStore`](https://ariakit.org/reference/use-dialog-store) hook. If
@@ -36,4 +39,5 @@ export interface DialogDisclosureOptions<T extends As = "button"> extends Disclo
      */
     store?: DialogStore;
 }
-export type DialogDisclosureProps<T extends As = "button"> = Props<DialogDisclosureOptions<T>>;
+export type DialogDisclosureProps<T extends ElementType = TagName> = Props<T, DialogDisclosureOptions<T>>;
+export {};

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { DisclosureOptions } from "../disclosure/disclosure.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { DialogStore } from "./dialog-store.js";
+declare const TagName = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `DialogDisclosure` component.
  * @see https://ariakit.org/components/dialog
@@ -12,7 +15,7 @@ import type { DialogStore } from "./dialog-store.js";
  * <Dialog store={store}>Content</Dialog>
  * ```
  */
-export declare const useDialogDisclosure: import("../utils/types.js").Hook<DialogDisclosureOptions<"button">>;
+export declare const useDialogDisclosure: import("../utils/types.js").Hook<"button", DialogDisclosureOptions<"button">>;
 /**
  * Renders a button that toggles the visibility of a
  * [`Dialog`](https://ariakit.org/reference/dialog) component when clicked.
@@ -25,8 +28,8 @@ export declare const useDialogDisclosure: import("../utils/types.js").Hook<Dialo
  * </DialogProvider>
  * ```
  */
-export declare const DialogDisclosure: import("../utils/types.js").Component<DialogDisclosureOptions<"button">>;
-export interface DialogDisclosureOptions<T extends As = "button"> extends DisclosureOptions<T> {
+export declare const DialogDisclosure: (props: DialogDisclosureProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface DialogDisclosureOptions<T extends ElementType = TagName> extends DisclosureOptions<T> {
     /**
      * Object returned by the
      * [`useDialogStore`](https://ariakit.org/reference/use-dialog-store) hook. If
@@ -36,4 +39,5 @@ export interface DialogDisclosureOptions<T extends As = "button"> extends Disclo
      */
     store?: DialogStore;
 }
-export type DialogDisclosureProps<T extends As = "button"> = Props<DialogDisclosureOptions<T>>;
+export type DialogDisclosureProps<T extends ElementType = TagName> = Props<T, DialogDisclosureOptions<T>>;
+export {};

package/cjs/dialog/dialog-dismiss.cjs

@@ -2,18 +2,18 @@
 
 
 
-var _7ZVTEFD7cjs = require('../__chunks/7ZVTEFD7.cjs');
-require('../__chunks/5UTRYT6E.cjs');
-require('../__chunks/DAJUUBUI.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+var _LTD4F7TZcjs = require('../__chunks/LTD4F7TZ.cjs');
+require('../__chunks/MMDU7VRJ.cjs');
+require('../__chunks/ZMTZTMRS.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/5QD55NKL.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.DialogDismiss = _7ZVTEFD7cjs.DialogDismiss; exports.useDialogDismiss = _7ZVTEFD7cjs.useDialogDismiss;
+exports.DialogDismiss = _LTD4F7TZcjs.DialogDismiss; exports.useDialogDismiss = _LTD4F7TZcjs.useDialogDismiss;

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { ButtonOptions } from "../button/button.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { DialogStore } from "./dialog-store.js";
+declare const TagName = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `DialogDismiss` component.
  * @see https://ariakit.org/components/dialog
@@ -13,7 +16,7 @@ import type { DialogStore } from "./dialog-store.js";
  * </Dialog>
  * ```
  */
-export declare const useDialogDismiss: import("../utils/types.js").Hook<DialogDismissOptions<"button">>;
+export declare const useDialogDismiss: import("../utils/types.js").Hook<"button", DialogDismissOptions<"button">>;
 /**
  * Renders a button that hides a
  * [`Dialog`](https://ariakit.org/reference/dialog) when clicked.
@@ -27,8 +30,8 @@ export declare const useDialogDismiss: import("../utils/types.js").Hook<DialogDi
  * </Dialog>
  * ```
  */
-export declare const DialogDismiss: import("../utils/types.js").Component<DialogDismissOptions<"button">>;
-export interface DialogDismissOptions<T extends As = "button"> extends ButtonOptions<T> {
+export declare const DialogDismiss: (props: DialogDismissProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface DialogDismissOptions<T extends ElementType = TagName> extends ButtonOptions<T> {
     /**
      * Object returned by the
      * [`useDialogStore`](https://ariakit.org/reference/use-dialog-store) hook. If
@@ -37,4 +40,5 @@ export interface DialogDismissOptions<T extends As = "button"> extends ButtonOpt
      */
     store?: DialogStore;
 }
-export type DialogDismissProps<T extends As = "button"> = Props<DialogDismissOptions<T>>;
+export type DialogDismissProps<T extends ElementType = TagName> = Props<T, DialogDismissOptions<T>>;
+export {};

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

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { ButtonOptions } from "../button/button.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { DialogStore } from "./dialog-store.js";
+declare const TagName = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `DialogDismiss` component.
  * @see https://ariakit.org/components/dialog
@@ -13,7 +16,7 @@ import type { DialogStore } from "./dialog-store.js";
  * </Dialog>
  * ```
  */
-export declare const useDialogDismiss: import("../utils/types.js").Hook<DialogDismissOptions<"button">>;
+export declare const useDialogDismiss: import("../utils/types.js").Hook<"button", DialogDismissOptions<"button">>;
 /**
  * Renders a button that hides a
  * [`Dialog`](https://ariakit.org/reference/dialog) when clicked.
@@ -27,8 +30,8 @@ export declare const useDialogDismiss: import("../utils/types.js").Hook<DialogDi
  * </Dialog>
  * ```
  */
-export declare const DialogDismiss: import("../utils/types.js").Component<DialogDismissOptions<"button">>;
-export interface DialogDismissOptions<T extends As = "button"> extends ButtonOptions<T> {
+export declare const DialogDismiss: (props: DialogDismissProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface DialogDismissOptions<T extends ElementType = TagName> extends ButtonOptions<T> {
     /**
      * Object returned by the
      * [`useDialogStore`](https://ariakit.org/reference/use-dialog-store) hook. If
@@ -37,4 +40,5 @@ export interface DialogDismissOptions<T extends As = "button"> extends ButtonOpt
      */
     store?: DialogStore;
 }
-export type DialogDismissProps<T extends As = "button"> = Props<DialogDismissOptions<T>>;
+export type DialogDismissProps<T extends ElementType = TagName> = Props<T, DialogDismissOptions<T>>;
+export {};

package/cjs/dialog/dialog-heading.cjs

@@ -2,16 +2,16 @@
 
 
 
-var _DTEFSZZZcjs = require('../__chunks/DTEFSZZZ.cjs');
-require('../__chunks/TK6GOI2V.cjs');
+var _PVRCH7FUcjs = 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.DialogHeading = _DTEFSZZZcjs.DialogHeading; exports.useDialogHeading = _DTEFSZZZcjs.useDialogHeading;
+exports.DialogHeading = _PVRCH7FUcjs.DialogHeading; exports.useDialogHeading = _PVRCH7FUcjs.useDialogHeading;

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

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

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

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

package/cjs/dialog/dialog-provider.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-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');
 
 
-var _W5LJEMLBcjs = require('../__chunks/W5LJEMLB.cjs');
-require('../__chunks/JAQJG42R.cjs');
+var _AD7LA3CEcjs = require('../__chunks/AD7LA3CE.cjs');
+require('../__chunks/QJZAESAR.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
@@ -16,8 +16,8 @@ require('../__chunks/AV6KTKLE.cjs');
 // src/dialog/dialog-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function DialogProvider(props = {}) {
-  const store = _W5LJEMLBcjs.useDialogStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _F2A2ZQDBcjs.DialogContextProvider, { value: store, children: props.children });
+  const store = _AD7LA3CEcjs.useDialogStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _OLPMMKKOcjs.DialogContextProvider, { value: store, children: props.children });
 }
 
 

package/cjs/dialog/dialog-store.cjs

@@ -2,8 +2,8 @@
 
 
 
-var _W5LJEMLBcjs = require('../__chunks/W5LJEMLB.cjs');
-require('../__chunks/JAQJG42R.cjs');
+var _AD7LA3CEcjs = require('../__chunks/AD7LA3CE.cjs');
+require('../__chunks/QJZAESAR.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
@@ -11,4 +11,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.useDialogStore = _W5LJEMLBcjs.useDialogStore; exports.useDialogStoreProps = _W5LJEMLBcjs.useDialogStoreProps;
+exports.useDialogStore = _AD7LA3CEcjs.useDialogStore; exports.useDialogStoreProps = _AD7LA3CEcjs.useDialogStoreProps;

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

@@ -1,7 +1,9 @@
 import * as Core from "@ariakit/core/dialog/dialog-store";
 import type { DisclosureStoreFunctions, DisclosureStoreOptions, DisclosureStoreState } from "../disclosure/disclosure-store.js";
 import type { Store } from "../utils/store.js";
-export declare function useDialogStoreProps<T extends Core.DialogStore>(store: T, update: () => void, props: DialogStoreProps): T;
+export declare function useDialogStoreProps<T extends Core.DialogStore>(store: T, update: () => void, props: DialogStoreProps): T & {
+    disclosure: import("../disclosure/disclosure-store.js").DisclosureStore | null | undefined;
+};
 /**
  * Creates a dialog store to control the state of
  * [Dialog](https://ariakit.org/components/dialog) components.
@@ -17,11 +19,11 @@ export declare function useDialogStoreProps<T extends Core.DialogStore>(store: T
 export declare function useDialogStore(props?: DialogStoreProps): DialogStore;
 export interface DialogStoreState extends Core.DialogStoreState, DisclosureStoreState {
 }
-export interface DialogStoreFunctions extends Core.DialogStoreFunctions, DisclosureStoreFunctions {
+export interface DialogStoreFunctions extends Omit<Core.DialogStoreFunctions, "disclosure">, DisclosureStoreFunctions {
 }
-export interface DialogStoreOptions extends Core.DialogStoreOptions, DisclosureStoreOptions {
+export interface DialogStoreOptions extends Omit<Core.DialogStoreOptions, "disclosure">, DisclosureStoreOptions {
 }
-export interface DialogStoreProps extends DialogStoreOptions, Core.DialogStoreProps {
+export interface DialogStoreProps extends DialogStoreOptions, Omit<Core.DialogStoreProps, "disclosure"> {
 }
-export interface DialogStore extends DialogStoreFunctions, Store<Core.DialogStore> {
+export interface DialogStore extends DialogStoreFunctions, Omit<Store<Core.DialogStore>, "disclosure"> {
 }

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

@@ -1,7 +1,9 @@
 import * as Core from "@ariakit/core/dialog/dialog-store";
 import type { DisclosureStoreFunctions, DisclosureStoreOptions, DisclosureStoreState } from "../disclosure/disclosure-store.js";
 import type { Store } from "../utils/store.js";
-export declare function useDialogStoreProps<T extends Core.DialogStore>(store: T, update: () => void, props: DialogStoreProps): T;
+export declare function useDialogStoreProps<T extends Core.DialogStore>(store: T, update: () => void, props: DialogStoreProps): T & {
+    disclosure: import("../disclosure/disclosure-store.js").DisclosureStore | null | undefined;
+};
 /**
  * Creates a dialog store to control the state of
  * [Dialog](https://ariakit.org/components/dialog) components.
@@ -17,11 +19,11 @@ export declare function useDialogStoreProps<T extends Core.DialogStore>(store: T
 export declare function useDialogStore(props?: DialogStoreProps): DialogStore;
 export interface DialogStoreState extends Core.DialogStoreState, DisclosureStoreState {
 }
-export interface DialogStoreFunctions extends Core.DialogStoreFunctions, DisclosureStoreFunctions {
+export interface DialogStoreFunctions extends Omit<Core.DialogStoreFunctions, "disclosure">, DisclosureStoreFunctions {
 }
-export interface DialogStoreOptions extends Core.DialogStoreOptions, DisclosureStoreOptions {
+export interface DialogStoreOptions extends Omit<Core.DialogStoreOptions, "disclosure">, DisclosureStoreOptions {
 }
-export interface DialogStoreProps extends DialogStoreOptions, Core.DialogStoreProps {
+export interface DialogStoreProps extends DialogStoreOptions, Omit<Core.DialogStoreProps, "disclosure"> {
 }
-export interface DialogStore extends DialogStoreFunctions, Store<Core.DialogStore> {
+export interface DialogStore extends DialogStoreFunctions, Omit<Store<Core.DialogStore>, "disclosure"> {
 }

package/cjs/dialog/dialog.cjs

@@ -3,9 +3,9 @@
 
 
 
-var _ZL5DC555cjs = require('../__chunks/ZL5DC555.cjs');
-require('../__chunks/WZ3DRKGP.cjs');
-require('../__chunks/KSPMHEYZ.cjs');
+var _YHNU4DBCcjs = 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,22 +18,22 @@ 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/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/SFDUOV6F.cjs');
+require('../__chunks/JFOUIQSF.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.Dialog = _ZL5DC555cjs.Dialog; exports.createDialogComponent = _ZL5DC555cjs.createDialogComponent; exports.useDialog = _ZL5DC555cjs.useDialog;
+exports.Dialog = _YHNU4DBCcjs.Dialog; exports.createDialogComponent = _YHNU4DBCcjs.createDialogComponent; exports.useDialog = _YHNU4DBCcjs.useDialog;

package/cjs/dialog/dialog.d.cts

@@ -1,10 +1,12 @@
-import type { ComponentPropsWithRef, ElementType, ReactElement, KeyboardEvent as ReactKeyboardEvent, RefObject, SyntheticEvent } from "react";
+import type { ComponentPropsWithRef, ElementType, FC, ReactElement, KeyboardEvent as ReactKeyboardEvent, RefObject, SyntheticEvent } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
 import type { DisclosureContentOptions } from "../disclosure/disclosure-content.js";
 import type { FocusableOptions } from "../focusable/focusable.js";
 import type { PortalOptions } from "../portal/portal.js";
-import type { As, Component, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { DialogStore } from "./dialog-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `Dialog` component.
  * @see https://ariakit.org/components/dialog
@@ -15,8 +17,8 @@ import type { DialogStore } from "./dialog-store.js";
  * <Role {...props}>Dialog</Role>
  * ```
  */
-export declare const useDialog: import("../utils/types.js").Hook<DialogOptions<"div">>;
-export declare function createDialogComponent<T extends DialogOptions>(Component: Component<T>, useProviderContext?: () => DialogStore | undefined): Component<T>;
+export declare const useDialog: import("../utils/types.js").Hook<"div", DialogOptions<"div">>;
+export declare function createDialogComponent<T extends DialogOptions>(Component: FC<T>, useProviderContext?: () => DialogStore | undefined): (props: T) => import("react/jsx-runtime").JSX.Element | null;
 /**
  * Renders a dialog similar to the native `dialog` element that's rendered in a
  * [`portal`](https://ariakit.org/reference/dialog#portal) by default.
@@ -37,8 +39,8 @@ export declare function createDialogComponent<T extends DialogOptions>(Component
  * </Dialog>
  * ```
  */
-export declare const Dialog: Component<DialogOptions<"div">>;
-export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>, PortalOptions<T>, DisclosureContentOptions<T> {
+export declare const Dialog: (props: DialogProps<"div">) => import("react/jsx-runtime").JSX.Element | null;
+export interface DialogOptions<T extends ElementType = TagName> extends FocusableOptions<T>, PortalOptions<T>, DisclosureContentOptions<T> {
     /**
      * Object returned by the
      * [`useDialogStore`](https://ariakit.org/reference/use-dialog-store) hook. If
@@ -139,14 +141,6 @@ export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>
      * ```
      */
     backdrop?: boolean | ReactElement<ComponentPropsWithRef<"div">> | ElementType<ComponentPropsWithRef<"div">>;
-    /**
-     * Props that will be passed to the backdrop element if
-     * [`backdrop`](https://ariakit.org/reference/dialog#backdrop) is `true`.
-     * @deprecated
-     * Use the [`backdrop`](https://ariakit.org/reference/dialog#backdrop) prop
-     * instead.
-     */
-    backdropProps?: ComponentPropsWithRef<"div">;
     /**
      * Determines if the dialog will hide when the user presses the Escape key.
      *
@@ -261,4 +255,5 @@ export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>
      */
     finalFocus?: HTMLElement | RefObject<HTMLElement> | null;
 }
-export type DialogProps<T extends As = "div"> = Props<DialogOptions<T>>;
+export type DialogProps<T extends ElementType = TagName> = Props<T, DialogOptions<T>>;
+export {};

package/cjs/dialog/dialog.d.ts

@@ -1,10 +1,12 @@
-import type { ComponentPropsWithRef, ElementType, ReactElement, KeyboardEvent as ReactKeyboardEvent, RefObject, SyntheticEvent } from "react";
+import type { ComponentPropsWithRef, ElementType, FC, ReactElement, KeyboardEvent as ReactKeyboardEvent, RefObject, SyntheticEvent } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
 import type { DisclosureContentOptions } from "../disclosure/disclosure-content.js";
 import type { FocusableOptions } from "../focusable/focusable.js";
 import type { PortalOptions } from "../portal/portal.js";
-import type { As, Component, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { DialogStore } from "./dialog-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `Dialog` component.
  * @see https://ariakit.org/components/dialog
@@ -15,8 +17,8 @@ import type { DialogStore } from "./dialog-store.js";
  * <Role {...props}>Dialog</Role>
  * ```
  */
-export declare const useDialog: import("../utils/types.js").Hook<DialogOptions<"div">>;
-export declare function createDialogComponent<T extends DialogOptions>(Component: Component<T>, useProviderContext?: () => DialogStore | undefined): Component<T>;
+export declare const useDialog: import("../utils/types.js").Hook<"div", DialogOptions<"div">>;
+export declare function createDialogComponent<T extends DialogOptions>(Component: FC<T>, useProviderContext?: () => DialogStore | undefined): (props: T) => import("react/jsx-runtime").JSX.Element | null;
 /**
  * Renders a dialog similar to the native `dialog` element that's rendered in a
  * [`portal`](https://ariakit.org/reference/dialog#portal) by default.
@@ -37,8 +39,8 @@ export declare function createDialogComponent<T extends DialogOptions>(Component
  * </Dialog>
  * ```
  */
-export declare const Dialog: Component<DialogOptions<"div">>;
-export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>, PortalOptions<T>, DisclosureContentOptions<T> {
+export declare const Dialog: (props: DialogProps<"div">) => import("react/jsx-runtime").JSX.Element | null;
+export interface DialogOptions<T extends ElementType = TagName> extends FocusableOptions<T>, PortalOptions<T>, DisclosureContentOptions<T> {
     /**
      * Object returned by the
      * [`useDialogStore`](https://ariakit.org/reference/use-dialog-store) hook. If
@@ -139,14 +141,6 @@ export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>
      * ```
      */
     backdrop?: boolean | ReactElement<ComponentPropsWithRef<"div">> | ElementType<ComponentPropsWithRef<"div">>;
-    /**
-     * Props that will be passed to the backdrop element if
-     * [`backdrop`](https://ariakit.org/reference/dialog#backdrop) is `true`.
-     * @deprecated
-     * Use the [`backdrop`](https://ariakit.org/reference/dialog#backdrop) prop
-     * instead.
-     */
-    backdropProps?: ComponentPropsWithRef<"div">;
     /**
      * Determines if the dialog will hide when the user presses the Escape key.
      *
@@ -261,4 +255,5 @@ export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>
      */
     finalFocus?: HTMLElement | RefObject<HTMLElement> | null;
 }
-export type DialogProps<T extends As = "div"> = Props<DialogOptions<T>>;
+export type DialogProps<T extends ElementType = TagName> = Props<T, DialogOptions<T>>;
+export {};

package/cjs/dialog/utils/disable-tree.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _KSPMHEYZcjs = require('../../__chunks/KSPMHEYZ.cjs');
+var _4OFNVXGNcjs = require('../../__chunks/4OFNVXGN.cjs');
 require('../../__chunks/PZL34OVO.cjs');
 require('../../__chunks/7YLCVXZ7.cjs');
 require('../../__chunks/5GTNIPQ6.cjs');
@@ -12,4 +12,4 @@ require('../../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.disableTree = _KSPMHEYZcjs.disableTree; exports.disableTreeOutside = _KSPMHEYZcjs.disableTreeOutside;
+exports.disableTree = _4OFNVXGNcjs.disableTree; exports.disableTreeOutside = _4OFNVXGNcjs.disableTreeOutside;

package/cjs/disclosure/disclosure-content.cjs

@@ -3,10 +3,10 @@
 
 
 
-var _YPVQYY4Jcjs = require('../__chunks/YPVQYY4J.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+var _JFOUIQSFcjs = require('../__chunks/JFOUIQSF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
@@ -15,4 +15,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.DisclosureContent = _YPVQYY4Jcjs.DisclosureContent; exports.isHidden = _YPVQYY4Jcjs.isHidden; exports.useDisclosureContent = _YPVQYY4Jcjs.useDisclosureContent;
+exports.DisclosureContent = _JFOUIQSFcjs.DisclosureContent; exports.isHidden = _JFOUIQSFcjs.isHidden; exports.useDisclosureContent = _JFOUIQSFcjs.useDisclosureContent;

package/cjs/disclosure/disclosure-content.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 { DisclosureStore } from "./disclosure-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 export declare function isHidden(mounted: boolean, hidden?: boolean | null, alwaysVisible?: boolean | null): boolean;
 /**
  * Returns props to create a `DislosureContent` component.
@@ -12,7 +15,7 @@ export declare function isHidden(mounted: boolean, hidden?: boolean | null, alwa
  * <Role {...props}>Content</Role>
  * ```
  */
-export declare const useDisclosureContent: import("../utils/types.js").Hook<DisclosureContentOptions<"div">>;
+export declare const useDisclosureContent: import("../utils/types.js").Hook<"div", DisclosureContentOptions<"div">>;
 /**
  * Renders an element that can be shown or hidden by a
  * [`Disclosure`](https://ariakit.org/components/disclosure) component.
@@ -25,8 +28,8 @@ export declare const useDisclosureContent: import("../utils/types.js").Hook<Disc
  * </DisclosureProvider>
  * ```
  */
-export declare const DisclosureContent: import("../utils/types.js").Component<DisclosureContentOptions<"div">>;
-export interface DisclosureContentOptions<T extends As = "div"> extends Options<T> {
+export declare const DisclosureContent: ({ unmountOnHide, ...props }: DisclosureContentProps) => import("react/jsx-runtime").JSX.Element | null;
+export interface DisclosureContentOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useDisclosureStore`](https://ariakit.org/reference/use-disclosure-store)
@@ -74,4 +77,5 @@ export interface DisclosureContentOptions<T extends As = "div"> extends Options<
      */
     unmountOnHide?: boolean;
 }
-export type DisclosureContentProps<T extends As = "div"> = Props<DisclosureContentOptions<T>>;
+export type DisclosureContentProps<T extends ElementType = TagName> = Props<T, DisclosureContentOptions<T>>;
+export {};