@ariakit/react-core 0.3.4 → 0.3.6

package/cjs/composite/composite.d.cts

@@ -0,0 +1,58 @@
+import type { 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 { CompositeStore } from "./composite-store.js";
+/**
+ * Returns props to create a `Composite` component.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const store = useCompositeStore();
+ * const props = useComposite({ store });
+ * <Role {...props}>
+ *   <CompositeItem>Item 1</CompositeItem>
+ *   <CompositeItem>Item 2</CompositeItem>
+ * </Role>
+ * ```
+ */
+export declare const useComposite: import("../utils/types.js").Hook<CompositeOptions<"div">>;
+/**
+ * Renders a composite widget.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const composite = useCompositeStore();
+ * <Composite store={composite}>
+ *   <CompositeItem>Item 1</CompositeItem>
+ *   <CompositeItem>Item 2</CompositeItem>
+ * </Composite>
+ * ```
+ */
+export declare const Composite: import("../utils/types.js").Component<CompositeOptions<"div">>;
+export interface CompositeOptions<T extends As = "div"> extends FocusableOptions<T> {
+    /**
+     * Object returned by the `useCompositeStore` hook.
+     */
+    store?: CompositeStore;
+    /**
+     * Whether the component should behave as a composite widget. This prop should
+     * be set to `false` when combining different composite widgets where only one
+     * should behave as such.
+     * @default true
+     */
+    composite?: boolean;
+    /**
+     * Whether the active composite item should receive focus when `store.move` is
+     * called.
+     * @default true
+     */
+    focusOnMove?: boolean;
+    /**
+     * Whether the composite widget should move focus to an item when pressing
+     * arrow keys.
+     * @default true
+     */
+    moveOnKeyPress?: BooleanOrCallback<ReactKeyboardEvent<HTMLElement>>;
+}
+export type CompositeProps<T extends As = "div"> = Props<CompositeOptions<T>>;

package/cjs/composite/utils.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
 
@@ -7,9 +7,9 @@
 
 
 
-var _KLZID3QOcjs = require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _RV3PHHWMcjs = require('../__chunks/RV3PHHWM.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
 
@@ -18,4 +18,5 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.findFirstEnabledItem = _KLZID3QOcjs.findFirstEnabledItem; exports.flipItems = _KLZID3QOcjs.flipItems; exports.focusSilently = _KLZID3QOcjs.focusSilently; exports.getEnabledItem = _KLZID3QOcjs.getEnabledItem; exports.groupItemsByRows = _KLZID3QOcjs.groupItemsByRows; exports.isItem = _KLZID3QOcjs.isItem; exports.selectTextField = _KLZID3QOcjs.selectTextField; exports.silentlyFocused = _KLZID3QOcjs.silentlyFocused;
+
+exports.findFirstEnabledItem = _RV3PHHWMcjs.findFirstEnabledItem; exports.flipItems = _RV3PHHWMcjs.flipItems; exports.focusSilently = _RV3PHHWMcjs.focusSilently; exports.getEnabledItem = _RV3PHHWMcjs.getEnabledItem; exports.groupItemsByRows = _RV3PHHWMcjs.groupItemsByRows; exports.isItem = _RV3PHHWMcjs.isItem; exports.selectTextField = _RV3PHHWMcjs.selectTextField; exports.silentlyFocused = _RV3PHHWMcjs.silentlyFocused;

package/cjs/composite/utils.d.cts

@@ -0,0 +1,69 @@
+import type { CompositeStore, CompositeStoreItem } from "./composite-store.js";
+/**
+ * Moves all the items before the passed `id` to the end of the array. This is
+ * useful when we want to loop through the items in the same row or column as
+ * the first items will be placed after the last items.
+ *
+ * The null item that's inserted when `shouldInsertNullItem` is set to `true`
+ * represents the composite container itself. When the active item is null, the
+ * composite container has focus.
+ */
+export declare function flipItems(items: CompositeStoreItem[], activeId: string, shouldInsertNullItem?: boolean): {
+    id: string;
+}[];
+/**
+ * Finds the first enabled item.
+ */
+export declare function findFirstEnabledItem(items: CompositeStoreItem[], excludeId?: string): ({
+    id: string;
+    element?: HTMLElement | null | undefined;
+} & {
+    rowId?: string | undefined;
+    disabled?: boolean | undefined;
+    children?: string | undefined;
+}) | undefined;
+/**
+ * Finds the first enabled item by its id.
+ */
+export declare function getEnabledItem(store: CompositeStore, id?: string | null): ({
+    id: string;
+    element?: HTMLElement | null | undefined;
+} & {
+    rowId?: string | undefined;
+    disabled?: boolean | undefined;
+    children?: string | undefined;
+}) | null;
+/**
+ * Creates a two-dimensional array with items grouped by their rowId's.
+ */
+export declare function groupItemsByRows(items: CompositeStoreItem[]): ({
+    id: string;
+    element?: HTMLElement | null | undefined;
+} & {
+    rowId?: string | undefined;
+    disabled?: boolean | undefined;
+    children?: string | undefined;
+})[][];
+/**
+ * Selects text field contents even if it's a content editable element.
+ */
+export declare function selectTextField(element: HTMLElement, collapseToEnd?: boolean): void;
+declare const FOCUS_SILENTLY: unique symbol;
+type FocusSilentlyElement = HTMLElement & {
+    [FOCUS_SILENTLY]?: boolean;
+};
+/**
+ * Focus an element with a flag. The `silentlyFocused` function needs to be
+ * called later to check if the focus was silenced and to reset this state.
+ */
+export declare function focusSilently(element: FocusSilentlyElement): void;
+/**
+ * Checks whether the element has been focused with the `focusSilently` function
+ * and resets the state.
+ */
+export declare function silentlyFocused(element: FocusSilentlyElement): boolean | undefined;
+/**
+ * Determines whether the element is a composite item.
+ */
+export declare function isItem(store: CompositeStore, element?: Element | null, exclude?: Element): boolean;
+export {};

package/cjs/dialog/dialog-backdrop.cjs

@@ -1,20 +1,21 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _R7CSCUVWcjs = require('../__chunks/R7CSCUVW.cjs');
-require('../__chunks/QK4GI6B3.cjs');
-require('../__chunks/Z3TLXRS7.cjs');
-require('../__chunks/TLA46MN6.cjs');
-require('../__chunks/BWQVQDGC.cjs');
-require('../__chunks/OAEUR56W.cjs');
-require('../__chunks/L2VQ4YLN.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/HSOKUBYY.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _SHOS7XOUcjs = require('../__chunks/SHOS7XOU.cjs');
+require('../__chunks/VV6WA3I6.cjs');
+require('../__chunks/7YLCVXZ7.cjs');
+require('../__chunks/5GTNIPQ6.cjs');
+require('../__chunks/V24PR4PW.cjs');
+require('../__chunks/LAUATD5O.cjs');
+require('../__chunks/7BSMGTGR.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/FQNGCFYY.cjs');
+require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
-exports.DialogBackdrop = _R7CSCUVWcjs.DialogBackdrop;
+
+exports.DialogBackdrop = _SHOS7XOUcjs.DialogBackdrop;

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

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

package/cjs/dialog/dialog-context.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
 
@@ -6,13 +6,13 @@
 
 
 
-var _W6ZRSMO5cjs = require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _F2A2ZQDBcjs = require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
 
@@ -20,4 +20,5 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.DialogContextProvider = _W6ZRSMO5cjs.DialogContextProvider; exports.DialogDescriptionContext = _W6ZRSMO5cjs.DialogDescriptionContext; exports.DialogHeadingContext = _W6ZRSMO5cjs.DialogHeadingContext; exports.DialogScopedContextProvider = _W6ZRSMO5cjs.DialogScopedContextProvider; exports.useDialogContext = _W6ZRSMO5cjs.useDialogContext; exports.useDialogProviderContext = _W6ZRSMO5cjs.useDialogProviderContext; exports.useDialogScopedContext = _W6ZRSMO5cjs.useDialogScopedContext;
+
+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;

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

@@ -0,0 +1,22 @@
+import type { SetState } from "@ariakit/core/utils/types";
+import type { DialogStore } from "./dialog-store.js";
+/**
+ * Returns the dialog store from the nearest dialog container.
+ * @example
+ * function Dialog() {
+ *   const store = useDialogContext();
+ *
+ *   if (!store) {
+ *     throw new Error("Dialog must be wrapped in DialogProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const useDialogContext: () => DialogStore | undefined;
+export declare const useDialogScopedContext: (onlyScoped?: boolean) => DialogStore | undefined;
+export declare const useDialogProviderContext: () => DialogStore | undefined;
+export declare const DialogContextProvider: (props: import("react").ProviderProps<DialogStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogScopedContextProvider: (props: import("react").ProviderProps<DialogStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogHeadingContext: import("react").Context<SetState<string | undefined> | undefined>;
+export declare const DialogDescriptionContext: import("react").Context<SetState<string | undefined> | undefined>;

package/cjs/dialog/dialog-description.cjs

@@ -1,14 +1,15 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _OQROAZRYcjs = require('../__chunks/OQROAZRY.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _62JWM3VQcjs = require('../__chunks/62JWM3VQ.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.DialogDescription = _OQROAZRYcjs.DialogDescription; exports.useDialogDescription = _OQROAZRYcjs.useDialogDescription;
+
+exports.DialogDescription = _62JWM3VQcjs.DialogDescription; exports.useDialogDescription = _62JWM3VQcjs.useDialogDescription;

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

@@ -0,0 +1,40 @@
+import type { As, Options, Props } from "../utils/types.js";
+import type { DialogStore } from "./dialog-store.js";
+/**
+ * Returns props to create a `DialogDescription` component. This hook must be
+ * used in a component that's wrapped with `Dialog` so the `aria-describedby`
+ * prop is properly set on the dialog element.
+ * @see https://ariakit.org/components/dialog
+ * @example
+ * ```jsx
+ * // This component must be wrapped with Dialog
+ * const props = useDialogDescription();
+ * <Role {...props}>Description</Role>
+ * ```
+ */
+export declare const useDialogDescription: import("../utils/types.js").Hook<DialogDescriptionOptions<"p">>;
+/**
+ * Renders a description in a dialog. This component must be wrapped with
+ * [`Dialog`](https://ariakit.org/reference/dialog) so the `aria-describedby`
+ * prop is properly set on the dialog element.
+ * @see https://ariakit.org/components/dialog
+ * @example
+ * ```jsx {4}
+ * const [open, setOpen] = useState(false);
+ *
+ * <Dialog open={open} onClose={() => setOpen(false)}>
+ *   <DialogDescription>Description</DialogDescription>
+ * </Dialog>
+ * ```
+ */
+export declare const DialogDescription: import("../utils/types.js").Component<DialogDescriptionOptions<"p">>;
+export interface DialogDescriptionOptions<T extends As = "p"> extends Options<T> {
+    /**
+     * Object returned by the
+     * [`useDialogStore`](https://ariakit.org/reference/use-dialog-store) hook. If
+     * not provided, the closest [`Dialog`](https://ariakit.org/reference/dialog)
+     * component's context will be used.
+     */
+    store?: DialogStore;
+}
+export type DialogDescriptionProps<T extends As = "p"> = Props<DialogDescriptionOptions<T>>;

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

@@ -15,13 +15,14 @@ import type { DialogStore } from "./dialog-store.js";
 export declare const useDialogDescription: import("../utils/types.js").Hook<DialogDescriptionOptions<"p">>;
 /**
  * Renders a description in a dialog. This component must be wrapped with
- * `Dialog` so the `aria-describedby` prop is properly set on the dialog
- * element.
+ * [`Dialog`](https://ariakit.org/reference/dialog) so the `aria-describedby`
+ * prop is properly set on the dialog element.
  * @see https://ariakit.org/components/dialog
  * @example
- * ```jsx
- * const dialog = useDialogStore();
- * <Dialog store={dialog}>
+ * ```jsx {4}
+ * const [open, setOpen] = useState(false);
+ *
+ * <Dialog open={open} onClose={() => setOpen(false)}>
  *   <DialogDescription>Description</DialogDescription>
  * </Dialog>
  * ```
@@ -29,8 +30,10 @@ export declare const useDialogDescription: import("../utils/types.js").Hook<Dial
 export declare const DialogDescription: import("../utils/types.js").Component<DialogDescriptionOptions<"p">>;
 export interface DialogDescriptionOptions<T extends As = "p"> extends Options<T> {
     /**
-     * Object returned by the `useDialogStore` hook. If not provided, the parent
-     * `Dialog` component's context will be used.
+     * Object returned by the
+     * [`useDialogStore`](https://ariakit.org/reference/use-dialog-store) hook. If
+     * not provided, the closest [`Dialog`](https://ariakit.org/reference/dialog)
+     * component's context will be used.
      */
     store?: DialogStore;
 }

package/cjs/dialog/dialog-disclosure.cjs

@@ -1,19 +1,20 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _35G5ZXPHcjs = require('../__chunks/35G5ZXPH.cjs');
-require('../__chunks/VGU6RMHO.cjs');
-require('../__chunks/EZKYHQVF.cjs');
-require('../__chunks/HWZH54NB.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+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');
+require('../__chunks/75KXQZJX.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.DialogDisclosure = _35G5ZXPHcjs.DialogDisclosure; exports.useDialogDisclosure = _35G5ZXPHcjs.useDialogDisclosure;
+
+exports.DialogDisclosure = _QCG6J6X5cjs.DialogDisclosure; exports.useDialogDisclosure = _QCG6J6X5cjs.useDialogDisclosure;

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

@@ -0,0 +1,38 @@
+import type { DisclosureOptions } from "../disclosure/disclosure.js";
+import type { As, Props } from "../utils/types.js";
+import type { DialogStore } from "./dialog-store.js";
+/**
+ * Returns props to create a `DialogDisclosure` component.
+ * @see https://ariakit.org/components/dialog
+ * @example
+ * ```jsx
+ * const store = useDialogStore();
+ * const props = useDialogDisclosure({ store });
+ * <Role {...props}>Disclosure</Role>
+ * <Dialog store={store}>Content</Dialog>
+ * ```
+ */
+export declare const useDialogDisclosure: import("../utils/types.js").Hook<DialogDisclosureOptions<"button">>;
+/**
+ * Renders a button that shows/hides a dialog.
+ * @see https://ariakit.org/components/dialog
+ * @example
+ * ```jsx {2}
+ * <DialogProvider>
+ *   <DialogDisclosure>Disclosure</DialogDisclosure>
+ *   <Dialog>Content</Dialog>
+ * </DialogProvider>
+ * ```
+ */
+export declare const DialogDisclosure: import("../utils/types.js").Component<DialogDisclosureOptions<"button">>;
+export interface DialogDisclosureOptions<T extends As = "button"> extends DisclosureOptions<T> {
+    /**
+     * Object returned by the
+     * [`useDialogStore`](https://ariakit.org/reference/use-dialog-store) hook. If
+     * not provided, the closest
+     * [`DialogProvider`](https://ariakit.org/reference/dialog-provider)
+     * component's context will be used.
+     */
+    store?: DialogStore;
+}
+export type DialogDisclosureProps<T extends As = "button"> = Props<DialogDisclosureOptions<T>>;

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

@@ -17,16 +17,21 @@ export declare const useDialogDisclosure: import("../utils/types.js").Hook<Dialo
  * Renders a button that shows/hides a dialog.
  * @see https://ariakit.org/components/dialog
  * @example
- * ```jsx
- * const dialog = useDialogStore();
- * <DialogDisclosure store={dialog}>Disclosure</DialogDisclosure>
- * <Dialog store={dialog}>Content</Dialog>
+ * ```jsx {2}
+ * <DialogProvider>
+ *   <DialogDisclosure>Disclosure</DialogDisclosure>
+ *   <Dialog>Content</Dialog>
+ * </DialogProvider>
  * ```
  */
 export declare const DialogDisclosure: import("../utils/types.js").Component<DialogDisclosureOptions<"button">>;
 export interface DialogDisclosureOptions<T extends As = "button"> extends DisclosureOptions<T> {
     /**
-     * Object returned by the `useDialogStore` hook.
+     * Object returned by the
+     * [`useDialogStore`](https://ariakit.org/reference/use-dialog-store) hook. If
+     * not provided, the closest
+     * [`DialogProvider`](https://ariakit.org/reference/dialog-provider)
+     * component's context will be used.
      */
     store?: DialogStore;
 }

package/cjs/dialog/dialog-dismiss.cjs

@@ -1,18 +1,19 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _EMNY7J2Wcjs = require('../__chunks/EMNY7J2W.cjs');
-require('../__chunks/EZKYHQVF.cjs');
-require('../__chunks/HWZH54NB.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+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');
+require('../__chunks/75KXQZJX.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.DialogDismiss = _EMNY7J2Wcjs.DialogDismiss; exports.useDialogDismiss = _EMNY7J2Wcjs.useDialogDismiss;
+
+exports.DialogDismiss = _7ZVTEFD7cjs.DialogDismiss; exports.useDialogDismiss = _7ZVTEFD7cjs.useDialogDismiss;

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

@@ -0,0 +1,39 @@
+import type { ButtonOptions } from "../button/button.js";
+import type { As, Props } from "../utils/types.js";
+import type { DialogStore } from "./dialog-store.js";
+/**
+ * Returns props to create a `DialogDismiss` component.
+ * @see https://ariakit.org/components/dialog
+ * @example
+ * ```jsx
+ * const store = useDialogStore();
+ * const props = useDialogDismiss({ store });
+ * <Dialog store={store}>
+ *   <Role {...props} />
+ * </Dialog>
+ * ```
+ */
+export declare const useDialogDismiss: import("../utils/types.js").Hook<DialogDismissOptions<"button">>;
+/**
+ * Renders a button that hides a dialog.
+ * @see https://ariakit.org/components/dialog
+ * @example
+ * ```jsx {4}
+ * const [open, setOpen] = useState(false);
+ *
+ * <Dialog open={open} onClose={() => setOpen(false)}>
+ *   <DialogDismiss />
+ * </Dialog>
+ * ```
+ */
+export declare const DialogDismiss: import("../utils/types.js").Component<DialogDismissOptions<"button">>;
+export interface DialogDismissOptions<T extends As = "button"> extends ButtonOptions<T> {
+    /**
+     * Object returned by the
+     * [`useDialogStore`](https://ariakit.org/reference/use-dialog-store) hook. If
+     * not provided, the closest [`Dialog`](https://ariakit.org/reference/dialog)
+     * component's context will be used.
+     */
+    store?: DialogStore;
+}
+export type DialogDismissProps<T extends As = "button"> = Props<DialogDismissOptions<T>>;

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

@@ -18,9 +18,10 @@ export declare const useDialogDismiss: import("../utils/types.js").Hook<DialogDi
  * Renders a button that hides a dialog.
  * @see https://ariakit.org/components/dialog
  * @example
- * ```jsx
- * const dialog = useDialogStore();
- * <Dialog store={dialog}>
+ * ```jsx {4}
+ * const [open, setOpen] = useState(false);
+ *
+ * <Dialog open={open} onClose={() => setOpen(false)}>
  *   <DialogDismiss />
  * </Dialog>
  * ```
@@ -28,7 +29,10 @@ export declare const useDialogDismiss: import("../utils/types.js").Hook<DialogDi
 export declare const DialogDismiss: import("../utils/types.js").Component<DialogDismissOptions<"button">>;
 export interface DialogDismissOptions<T extends As = "button"> extends ButtonOptions<T> {
     /**
-     * Object returned by the `useDialogStore` hook.
+     * Object returned by the
+     * [`useDialogStore`](https://ariakit.org/reference/use-dialog-store) hook. If
+     * not provided, the closest [`Dialog`](https://ariakit.org/reference/dialog)
+     * component's context will be used.
      */
     store?: DialogStore;
 }

package/cjs/dialog/dialog-heading.cjs

@@ -1,16 +1,17 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _SW2AH2YOcjs = require('../__chunks/SW2AH2YO.cjs');
-require('../__chunks/FGAN5BEK.cjs');
-require('../__chunks/CQSUIL2D.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _DTEFSZZZcjs = require('../__chunks/DTEFSZZZ.cjs');
+require('../__chunks/TK6GOI2V.cjs');
+require('../__chunks/2BIO7R5N.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.DialogHeading = _SW2AH2YOcjs.DialogHeading; exports.useDialogHeading = _SW2AH2YOcjs.useDialogHeading;
+
+exports.DialogHeading = _DTEFSZZZcjs.DialogHeading; exports.useDialogHeading = _DTEFSZZZcjs.useDialogHeading;

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

@@ -0,0 +1,41 @@
+import type { HeadingOptions } from "../heading/heading.js";
+import type { As, Props } from "../utils/types.js";
+import type { DialogStore } from "./dialog-store.js";
+/**
+ * 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
+ * properly set on the dialog element.
+ * @see https://ariakit.org/components/dialog
+ * @example
+ * ```jsx
+ * // This component must be wrapped with Dialog
+ * const props = useDialogHeading();
+ * <Role {...props}>Heading</Role>
+ * ```
+ */
+export declare const useDialogHeading: import("../utils/types.js").Hook<DialogHeadingOptions<"h1">>;
+/**
+ * Renders a heading in a dialog. This component must be wrapped with
+ * [`Dialog`](https://ariakit.org/reference/dialog) so the `aria-labelledby`
+ * prop is properly set on the dialog element.
+ * @see https://ariakit.org/components/dialog
+ * @example
+ * ```jsx {4}
+ * const [open, setOpen] = useState(false);
+ *
+ * <Dialog open={open} onClose={() => setOpen(false)}>
+ *   <DialogHeading>Heading</DialogHeading>
+ * </Dialog>
+ * ```
+ */
+export declare const DialogHeading: import("../utils/types.js").Component<DialogHeadingOptions<"h1">>;
+export interface DialogHeadingOptions<T extends As = "h1"> extends HeadingOptions<T> {
+    /**
+     * Object returned by the
+     * [`useDialogStore`](https://ariakit.org/reference/use-dialog-store) hook. If
+     * not provided, the closest [`Dialog`](https://ariakit.org/reference/dialog)
+     * component's context will be used.
+     */
+    store?: DialogStore;
+}
+export type DialogHeadingProps<T extends As = "h1"> = Props<DialogHeadingOptions<T>>;