import * as RadixDialog from "@radix-ui/react-dialog"; import { VariantProps } from "class-variance-authority"; import { DialogBody } from "./DialogBody"; import { DialogButtonsRow } from "./DialogButtonsRow"; import { DialogCloseButton } from "./DialogCloseButton"; import { DialogHeader } from "./DialogHeader"; import { DialogHeadline } from "./DialogHeadline"; export declare const overlayVariants: (props?: ({ layout?: "compact" | "default" | "fitScreen" | "fitScreenTakeover" | "fullscreen" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; export declare const contentVariants: (props?: ({ layout?: "compact" | "default" | "fitScreen" | "fitScreenTakeover" | "fullscreen" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; /** @deprecated Legacy dialog. Use `DialogPrimitive` or one of the dialog composites instead. */ export type DialogProps = Readonly<{ children: React.ReactNode; dialogClassName?: string; className?: string; withPortal?: boolean; closeable?: boolean; /** Hide the close (X) button while keeping the dialog dismissible (escape / click-outside). */ hideCloseButton?: boolean; /** * Accessible name for the dialog. Provide it when the content doesn't include a * `Dialog.Header`/`Dialog.Headline` (whose Radix title labels the dialog automatically), * so screen readers don't announce an unnamed dialog. */ ariaLabel?: string; testId?: string; triggerElement?: React.ReactNode; initialFocus?: React.RefObject; onOpen?: () => void; onClose?: () => void; onCloseAutoFocus?: () => void; onEscapeKeyDown?: (event: KeyboardEvent) => void; } & Omit & VariantProps>; export declare function Dialog({ open, closeable, hideCloseButton, ariaLabel, withPortal, testId, children, dialogClassName, className, triggerElement, initialFocus, layout, onOpen, onClose, onCloseAutoFocus, onEscapeKeyDown, }: DialogProps): import("react").JSX.Element; export declare namespace Dialog { export { DialogBody as Body }; export { DialogHeader as Header }; export { DialogHeadline as Headline }; export { DialogButtonsRow as ButtonsRow }; export { DialogCloseButton as CloseButton }; } //# sourceMappingURL=Dialog.d.ts.map