@ariakit/react-core 0.0.1 → 0.1.1

package/cjs/composite/utils.d.ts

@@ -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

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _2ZU7T6CDcjs = require('../__chunks/2ZU7T6CD.cjs');
+require('../__chunks/X2GXTE3P.cjs');
+require('../__chunks/SWSQUGVG.cjs');
+require('../__chunks/UYIFJ7U3.cjs');
+require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+
+exports.DialogBackdrop = _2ZU7T6CDcjs.DialogBackdrop;

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

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+import type { DialogProps } from "./dialog.js";
+type DialogBackdropProps = Pick<DialogProps, "store" | "backdrop" | "backdropProps" | "hideOnInteractOutside" | "hideOnEscape" | "hidden"> & {
+    children?: ReactNode;
+};
+export declare function DialogBackdrop({ store, backdrop, backdropProps, hideOnInteractOutside, hideOnEscape, hidden, children, }: DialogBackdropProps): JSX.Element;
+export {};

package/cjs/dialog/dialog-context.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+var _N2VCZZLPcjs = require('../__chunks/N2VCZZLP.cjs');
+
+
+
+
+exports.DialogContext = _N2VCZZLPcjs.DialogContext; exports.DialogDescriptionContext = _N2VCZZLPcjs.DialogDescriptionContext; exports.DialogHeadingContext = _N2VCZZLPcjs.DialogHeadingContext;

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

@@ -0,0 +1,5 @@
+import type { SetState } from "@ariakit/core/utils/types";
+import type { DialogStore } from "./dialog-store.js";
+export declare const DialogContext: import("react").Context<DialogStore | undefined>;
+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

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _GD6HHJCVcjs = require('../__chunks/GD6HHJCV.cjs');
+require('../__chunks/N2VCZZLP.cjs');
+require('../__chunks/UYIFJ7U3.cjs');
+require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+
+
+exports.DialogDescription = _GD6HHJCVcjs.DialogDescription; exports.useDialogDescription = _GD6HHJCVcjs.useDialogDescription;

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

@@ -0,0 +1,37 @@
+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` 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}>
+ *   <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` hook. If not provided, the parent
+     * `Dialog` component's context will be used.
+     */
+    store?: DialogStore;
+}
+export type DialogDescriptionProps<T extends As = "p"> = Props<DialogDescriptionOptions<T>>;

package/cjs/dialog/dialog-disclosure.cjs

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _22VQR3WCcjs = require('../__chunks/22VQR3WC.cjs');
+require('../__chunks/VSKE43XZ.cjs');
+require('../__chunks/GTWUFHVO.cjs');
+require('../__chunks/EWCMH6G3.cjs');
+require('../__chunks/44UMDBZE.cjs');
+require('../__chunks/UYIFJ7U3.cjs');
+require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+
+
+exports.DialogDisclosure = _22VQR3WCcjs.DialogDisclosure; exports.useDialogDisclosure = _22VQR3WCcjs.useDialogDisclosure;

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

@@ -0,0 +1,33 @@
+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
+ * const dialog = useDialogStore();
+ * <DialogDisclosure store={dialog}>Disclosure</DialogDisclosure>
+ * <Dialog store={dialog}>Content</Dialog>
+ * ```
+ */
+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.
+     */
+    store: DialogStore;
+}
+export type DialogDisclosureProps<T extends As = "button"> = Props<DialogDisclosureOptions<T>>;

package/cjs/dialog/dialog-dismiss.cjs

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _743OAGBPcjs = require('../__chunks/743OAGBP.cjs');
+require('../__chunks/GTWUFHVO.cjs');
+require('../__chunks/N2VCZZLP.cjs');
+require('../__chunks/EWCMH6G3.cjs');
+require('../__chunks/44UMDBZE.cjs');
+require('../__chunks/UYIFJ7U3.cjs');
+require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+
+
+exports.DialogDismiss = _743OAGBPcjs.DialogDismiss; exports.useDialogDismiss = _743OAGBPcjs.useDialogDismiss;

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

@@ -0,0 +1,35 @@
+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
+ * const dialog = useDialogStore();
+ * <Dialog store={dialog}>
+ *   <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` hook.
+     */
+    store?: DialogStore;
+}
+export type DialogDismissProps<T extends As = "button"> = Props<DialogDismissOptions<T>>;

package/cjs/dialog/dialog-heading.cjs

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _UHVME3EZcjs = require('../__chunks/UHVME3EZ.cjs');
+require('../__chunks/RLMRI6EX.cjs');
+require('../__chunks/CQSUIL2D.cjs');
+require('../__chunks/N2VCZZLP.cjs');
+require('../__chunks/UYIFJ7U3.cjs');
+require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+
+
+exports.DialogHeading = _UHVME3EZcjs.DialogHeading; exports.useDialogHeading = _UHVME3EZcjs.useDialogHeading;

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

@@ -0,0 +1,37 @@
+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`
+ * so the `aria-labelledby` prop is properly set on the dialog element.
+ * @see https://ariakit.org/components/dialog
+ * @example
+ * ```jsx
+ * const dialog = useDialogStore();
+ * <Dialog store={dialog}>
+ *   <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` hook. If not provided, the parent
+     * `Dialog` component's context will be used.
+     */
+    store?: DialogStore;
+}
+export type DialogHeadingProps<T extends As = "h1"> = Props<DialogHeadingOptions<T>>;

package/cjs/dialog/dialog-store.cjs

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+var _H5Z2A5K2cjs = require('../__chunks/H5Z2A5K2.cjs');
+require('../__chunks/ND6THRTE.cjs');
+require('../__chunks/F6IOE5QT.cjs');
+require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+
+
+
+exports.useDialogStore = _H5Z2A5K2cjs.useDialogStore; exports.useDialogStoreOptions = _H5Z2A5K2cjs.useDialogStoreOptions; exports.useDialogStoreProps = _H5Z2A5K2cjs.useDialogStoreProps;

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

@@ -0,0 +1,24 @@
+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 useDialogStoreOptions(props: DialogStoreProps): Partial<DisclosureStoreOptions>;
+export declare function useDialogStoreProps<T extends DialogStore>(store: T, props: DialogStoreProps): T;
+/**
+ * Creates a dialog store.
+ * @see https://ariakit.org/components/dialog
+ * @example
+ * ```jsx
+ * const dialog = useDialogStore();
+ * <button onClick={dialog.toggle}>Open dialog</button>
+ * <Dialog store={dialog}>Content</Dialog>
+ * ```
+ */
+export declare function useDialogStore(props?: DialogStoreProps): DialogStore;
+export interface DialogStoreState extends Core.DialogStoreState, DisclosureStoreState {
+}
+export interface DialogStoreFunctions extends Core.DialogStoreFunctions, DisclosureStoreFunctions {
+}
+export interface DialogStoreOptions extends Core.DialogStoreOptions, DisclosureStoreOptions {
+}
+export type DialogStoreProps = DialogStoreOptions & Core.DialogStoreProps;
+export type DialogStore = DialogStoreFunctions & Store<Core.DialogStore>;

package/cjs/dialog/dialog.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _GEJXRZB4cjs = require('../__chunks/GEJXRZB4.cjs');
+require('../__chunks/2ZU7T6CD.cjs');
+require('../__chunks/XKBGBOWQ.cjs');
+require('../__chunks/ORRE4SVW.cjs');
+require('../__chunks/5EIZ4QQ7.cjs');
+require('../__chunks/RDNP4FTV.cjs');
+require('../__chunks/XFVLDGPP.cjs');
+require('../__chunks/ZNVMDYMM.cjs');
+require('../__chunks/YHG3KGFW.cjs');
+require('../__chunks/X2GXTE3P.cjs');
+require('../__chunks/CMHDB7LY.cjs');
+require('../__chunks/KWHAB2F2.cjs');
+require('../__chunks/T4TB3AAZ.cjs');
+require('../__chunks/SOPRUU56.cjs');
+require('../__chunks/CQSUIL2D.cjs');
+require('../__chunks/N2VCZZLP.cjs');
+require('../__chunks/44UMDBZE.cjs');
+require('../__chunks/IVRU7X3P.cjs');
+require('../__chunks/MAH7ORCZ.cjs');
+require('../__chunks/NS56XHXG.cjs');
+require('../__chunks/SWSQUGVG.cjs');
+require('../__chunks/DGBC5VB4.cjs');
+require('../__chunks/UYIFJ7U3.cjs');
+require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+
+
+exports.Dialog = _GEJXRZB4cjs.Dialog; exports.useDialog = _GEJXRZB4cjs.useDialog;

package/cjs/dialog/dialog.d.ts

@@ -0,0 +1,120 @@
+import type { ComponentProps, ElementType, KeyboardEvent as ReactKeyboardEvent, RefObject, SyntheticEvent } from "react";
+import type { BooleanOrCallback } from "@ariakit/core/utils/types";
+import type { DisclosureContentOptions, DisclosureContentProps } from "../disclosure/disclosure-content.js";
+import type { FocusableOptions } from "../focusable/focusable.js";
+import type { PortalOptions } from "../portal/portal.js";
+import type { As, Props } from "../utils/types.js";
+import type { DialogStore } from "./dialog-store.js";
+/**
+ * Returns props to create a `Dialog` component.
+ * @see https://ariakit.org/components/dialog
+ * @example
+ * ```jsx
+ * const store = useDialogStore();
+ * const props = useDialog({ store });
+ * <Role {...props}>Dialog</Role>
+ * ```
+ */
+export declare const useDialog: import("../utils/types.js").Hook<DialogOptions<"div">>;
+/**
+ * Renders a dialog element.
+ * @see https://ariakit.org/components/dialog
+ * @example
+ * ```jsx
+ * const dialog = useDialogStore();
+ * <button onClick={dialog.toggle}>Open dialog</button>
+ * <Dialog store={dialog}>Dialog</Dialog>
+ * ```
+ */
+export declare const Dialog: import("../utils/types.js").Component<DialogOptions<"div">>;
+export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>, PortalOptions<T>, DisclosureContentOptions<T> {
+    /**
+     * Object returned by the `useDialogStore` hook.
+     */
+    store: DialogStore;
+    /**
+     * Determines whether the dialog is modal. Modal dialogs have distinct states
+     * and behaviors:
+     *   - The `portal`, `backdrop` and `preventBodyScroll` props are set to
+     *     `true`. They can still be manually set to `false`.
+     *   - A visually hidden dismiss button will be rendered if the
+     *     `DialogDismiss` component hasn't been used. This allows screen reader
+     *     users to close the dialog.
+     *   - The focus will be trapped within the dialog.
+     *   - When the dialog is open, the elements outside of the dialog will be
+     *     hidden to assistive technology users using the `aria-hidden` attribute.
+     *   - When using the `Heading` or `DialogHeading` components within the
+     *     dialog, their level will be reset so they start with `h1`.
+     * @default true
+     */
+    modal?: boolean;
+    /**
+     * Determines whether there will be a backdrop behind the dialog. On modal
+     * dialogs, this is `true` by default. Besides a `boolean`, this prop can also
+     * be a React component that will be rendered as the backdrop.
+     * @example
+     * ```jsx
+     * <Dialog backdrop={StyledBackdrop} />
+     * ```
+     */
+    backdrop?: boolean | ElementType<ComponentProps<"div">>;
+    /**
+     * Props that will be passed to the backdrop element if `backdrop` is `true`.
+     */
+    backdropProps?: Omit<DisclosureContentProps, "store">;
+    /**
+     * Determines whether the dialog will be hidden when the user presses the
+     * Escape key.
+     * @default true
+     */
+    hideOnEscape?: BooleanOrCallback<KeyboardEvent | ReactKeyboardEvent>;
+    /**
+     * Determines whether the dialog will be hidden when the user clicks or focus
+     * on an element outside of the dialog.
+     * @default true
+     */
+    hideOnInteractOutside?: BooleanOrCallback<Event | SyntheticEvent>;
+    /**
+     * Determines whether the body scrolling will be prevented when the dialog is
+     * shown.
+     */
+    preventBodyScroll?: boolean;
+    /**
+     * Determines whether an element inside the dialog will receive focus when the
+     * dialog is shown. By default, this is usually the first tabbable element in
+     * the dialog or the dialog itself. The `initialFocusRef` prop can be used to
+     * set a different element to receive focus.
+     * @default true
+     */
+    autoFocusOnShow?: BooleanOrCallback<HTMLElement>;
+    /**
+     * Determines whether an element outside of the dialog will be focused when
+     * the dialog is hidden if another element hasn't been focused in the action
+     * of hiding the dialog (for example, by clicking or tabbing into another
+     * tabbable element outside of the dialog). By default, this is usually the
+     * disclosure element. The `finalFocusRef` prop can be used to define a
+     * different element to be focused.
+     * @default true
+     */
+    autoFocusOnHide?: BooleanOrCallback<HTMLElement>;
+    /**
+     * Specifies the element that will receive focus when the dialog is first
+     * opened. It can be an `HTMLElement` or a `React.RefObject` with an
+     * `HTMLElement`. However, if `autoFocusOnShow` is set to `false`, this prop
+     * will have no effect. If left unset, the dialog will attempt to determine
+     * the initial focus element in the following order:
+     *   1. An element with an `autoFocus` prop.
+     *   2. The first tabbable element inside the dialog.
+     *   3. The dialog element itself.
+     */
+    initialFocus?: HTMLElement | RefObject<HTMLElement> | null;
+    /**
+     * Determines the element that will receive focus once the dialog is closed,
+     * provided that no other element has been focused while the dialog was being
+     * hidden (e.g., by clicking or tabbing into another tabbable element outside
+     * of the dialog). However, if `autoFocusOnHide` is set to `false`, this prop
+     * will have no effect. If left unset, the disclosure element will be used.
+     */
+    finalFocus?: HTMLElement | RefObject<HTMLElement> | null;
+}
+export type DialogProps<T extends As = "div"> = Props<DialogOptions<T>>;

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

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _XFVLDGPPcjs = require('../../__chunks/XFVLDGPP.cjs');
+require('../../__chunks/YHG3KGFW.cjs');
+
+
+exports.disableAccessibilityTreeOutside = _XFVLDGPPcjs.disableAccessibilityTreeOutside;

package/cjs/dialog/utils/disable-accessibility-tree-outside.d.ts

@@ -0,0 +1,3 @@
+type Elements = Array<Element | null>;
+export declare function disableAccessibilityTreeOutside(...elements: Elements): () => void;
+export {};

package/cjs/dialog/utils/disable-pointer-events-outside.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _RDNP4FTVcjs = require('../../__chunks/RDNP4FTV.cjs');
+require('../../__chunks/YHG3KGFW.cjs');
+
+
+exports.disablePointerEventsOutside = _RDNP4FTVcjs.disablePointerEventsOutside;

package/cjs/dialog/utils/disable-pointer-events-outside.d.ts

@@ -0,0 +1,3 @@
+type Elements = Array<Element | null>;
+export declare function disablePointerEventsOutside(...elements: Elements): () => void;
+export {};

package/cjs/dialog/utils/prepend-hidden-dismiss.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _5EIZ4QQ7cjs = require('../../__chunks/5EIZ4QQ7.cjs');
+
+
+exports.prependHiddenDismiss = _5EIZ4QQ7cjs.prependHiddenDismiss;

package/cjs/dialog/utils/prepend-hidden-dismiss.d.ts

@@ -0,0 +1 @@
+export declare function prependHiddenDismiss(container: HTMLElement, onClick: () => unknown): () => void;

package/cjs/dialog/utils/use-champion-dialog.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _KWHAB2F2cjs = require('../../__chunks/KWHAB2F2.cjs');
+require('../../__chunks/5QY4WCTR.cjs');
+require('../../__chunks/2X5K3J7Y.cjs');
+
+
+exports.useChampionDialog = _KWHAB2F2cjs.useChampionDialog;

package/cjs/dialog/utils/use-champion-dialog.d.ts

@@ -0,0 +1,6 @@
+import type { DialogStore } from "../dialog-store.js";
+/**
+ * Controls which dialog is the champion that will control global behavior such
+ * as body scrolling and accessibility tree outside.
+ */
+export declare function useChampionDialog(attribute: string, store: DialogStore, enabled?: boolean): () => boolean;

package/cjs/dialog/utils/use-focus-on-child-unmount.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _ORRE4SVWcjs = require('../../__chunks/ORRE4SVW.cjs');
+
+
+exports.useFocusOnChildUnmount = _ORRE4SVWcjs.useFocusOnChildUnmount;

package/cjs/dialog/utils/use-focus-on-child-unmount.d.ts

@@ -0,0 +1,6 @@
+import type { DialogStore } from "../dialog-store.js";
+/**
+ * When the focused child gets removed from the DOM, we make sure to move focus
+ * to the dialog.
+ */
+export declare function useFocusOnChildUnmount(store: DialogStore): void;

package/cjs/dialog/utils/use-hide-on-interact-outside.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _XKBGBOWQcjs = require('../../__chunks/XKBGBOWQ.cjs');
+require('../../__chunks/X2GXTE3P.cjs');
+require('../../__chunks/5QY4WCTR.cjs');
+require('../../__chunks/2X5K3J7Y.cjs');
+
+
+exports.useHideOnInteractOutside = _XKBGBOWQcjs.useHideOnInteractOutside;

package/cjs/dialog/utils/use-hide-on-interact-outside.d.ts

@@ -0,0 +1,6 @@
+import type { DialogOptions } from "../dialog.js";
+type Options = Pick<DialogOptions, "store" | "modal" | "hideOnInteractOutside"> & {
+    nestedDialogs: HTMLElement[];
+};
+export declare function useHideOnInteractOutside({ store, modal, hideOnInteractOutside, nestedDialogs, }: Options): void;
+export {};

package/cjs/dialog/utils/use-nested-dialogs.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _T4TB3AAZcjs = require('../../__chunks/T4TB3AAZ.cjs');
+require('../../__chunks/5QY4WCTR.cjs');
+require('../../__chunks/2X5K3J7Y.cjs');
+
+
+exports.useNestedDialogs = _T4TB3AAZcjs.useNestedDialogs;

package/cjs/dialog/utils/use-nested-dialogs.d.ts

@@ -0,0 +1,10 @@
+import type { WrapElement } from "../../utils/types.js";
+import type { DialogStore } from "../dialog-store.js";
+/**
+ * Handles nested dialogs.
+ */
+export declare function useNestedDialogs(store: DialogStore, modal?: boolean): {
+    nestedDialogs: HTMLElement[];
+    openModals: HTMLElement[];
+    wrapElement: WrapElement;
+};

package/cjs/dialog/utils/use-prevent-body-scroll.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _CMHDB7LYcjs = require('../../__chunks/CMHDB7LY.cjs');
+require('../../__chunks/KWHAB2F2.cjs');
+require('../../__chunks/5QY4WCTR.cjs');
+require('../../__chunks/2X5K3J7Y.cjs');
+
+
+exports.usePreventBodyScroll = _CMHDB7LYcjs.usePreventBodyScroll;

package/cjs/dialog/utils/use-prevent-body-scroll.d.ts

@@ -0,0 +1,2 @@
+import type { DialogStore } from "../dialog-store.js";
+export declare function usePreventBodyScroll(store: DialogStore, enabled?: boolean): void;

package/cjs/dialog/utils/use-previous-mouse-down-ref.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _X2GXTE3Pcjs = require('../../__chunks/X2GXTE3P.cjs');
+
+
+exports.usePreviousMouseDownRef = _X2GXTE3Pcjs.usePreviousMouseDownRef;