import { ComponentPropsWithoutRef } from 'react';
import { DisableCloseOnEscapeOrClickProps, Size } from '../../types';
import { OpenCloseTransitionStateEffects } from '../../hooks/useOpenCloseTransitionStates';
/**
 * Props for the Dialog component
 * @extends ComponentPropsWithoutRef<"dialog">
 * @extends DialogTransitionStateEffects
 * @extends DisableCloseOnEscapeOrClickProps
 */
export type DialogProps = ComponentPropsWithoutRef<"dialog"> & OpenCloseTransitionStateEffects & DisableCloseOnEscapeOrClickProps & {
    /**
     * @default false
     */
    fullScreen?: boolean;
    /**
     * @default "medium"
     */
    size?: Extract<Size, "medium" | "large">;
    /**
     * @default false
     */
    open?: boolean;
    onClose?: () => void;
    /**
     * @deprecated - use onOpenAnimationStart or onOpenAnimationComplete instead
     */
    onOpen?: () => void;
    /**
     * @deprecated - use onOpenAnimationStart or onOpenAnimationComplete instead
     */
    onOpenChange?: (open: boolean) => void;
    /**
     * Callback when clicking outside the dialog
     */
    onClickOutside?: (e: globalThis.MouseEvent) => void;
    /**
     * Enables scroll chaining
     * @link https://developer.mozilla.org/en-US/docs/Glossary/Scroll_chaining
     */
    enableScrollChaining?: boolean;
};
export declare const DialogElement: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref"> & OpenCloseTransitionStateEffects & DisableCloseOnEscapeOrClickProps & {
    /**
     * @default false
     */
    fullScreen?: boolean;
    /**
     * @default "medium"
     */
    size?: Extract<Size, "medium" | "large">;
    /**
     * @default false
     */
    open?: boolean;
    onClose?: () => void;
    /**
     * @deprecated - use onOpenAnimationStart or onOpenAnimationComplete instead
     */
    onOpen?: () => void;
    /**
     * @deprecated - use onOpenAnimationStart or onOpenAnimationComplete instead
     */
    onOpenChange?: (open: boolean) => void;
    /**
     * Callback when clicking outside the dialog
     */
    onClickOutside?: (e: globalThis.MouseEvent) => void;
    /**
     * Enables scroll chaining
     * @link https://developer.mozilla.org/en-US/docs/Glossary/Scroll_chaining
     */
    enableScrollChaining?: boolean;
} & import('react').RefAttributes<HTMLDialogElement>>;
/**
 * Dialog component for creating modal dialogs and overlays.
 *
 * Features:
 * - Modal dialog with backdrop overlay
 * - Controlled and uncontrolled open state
 * - Smooth open/close animations
 * - Keyboard navigation and focus management
 * - Escape key and click outside to close
 * - Multiple size variants (medium, large, fullscreen)
 * - Scroll chaining support
 * - Toast integration for notifications
 * - Compound component pattern with Header, Footer, Content, and CancelButton sub-components
 *
 * @example
 * <Dialog open={isOpen} onClose={() => setIsOpen(false)}>
 *   <Dialog.Header>Confirm Action</Dialog.Header>
 *   <Dialog.Content>Are you sure you want to proceed?</Dialog.Content>
 *   <Dialog.Footer>
 *     <Dialog.CancelButton>Cancel</Dialog.CancelButton>
 *     <Button appearance="primary">Confirm</Button>
 *   </Dialog.Footer>
 * </Dialog>
 */
export declare const Dialog: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref"> & OpenCloseTransitionStateEffects & DisableCloseOnEscapeOrClickProps & {
    /**
     * @default false
     */
    fullScreen?: boolean;
    /**
     * @default "medium"
     */
    size?: Extract<Size, "medium" | "large">;
    /**
     * @default false
     */
    open?: boolean;
    onClose?: () => void;
    /**
     * @deprecated - use onOpenAnimationStart or onOpenAnimationComplete instead
     */
    onOpen?: () => void;
    /**
     * @deprecated - use onOpenAnimationStart or onOpenAnimationComplete instead
     */
    onOpenChange?: (open: boolean) => void;
    /**
     * Callback when clicking outside the dialog
     */
    onClickOutside?: (e: globalThis.MouseEvent) => void;
    /**
     * Enables scroll chaining
     * @link https://developer.mozilla.org/en-US/docs/Glossary/Scroll_chaining
     */
    enableScrollChaining?: boolean;
} & import('react').RefAttributes<HTMLDialogElement>> & {
    /**
     * DialogHeader component for the header section of a Dialog.
     *
     * Features:
     * - Displays dialog title with headline typography
     * - Includes close button with proper accessibility
     * - Sticky positioning for long content
     * - Consistent spacing and styling
     * - Automatic focus management
     *
     * @example
     * <Dialog.Header>Confirm Delete</Dialog.Header>
     */
    Header: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
    /**
     * DialogFooter component for the footer section of a Dialog.
     *
     * Features:
     * - Container for dialog action buttons
     * - Optional sticky positioning for long content
     * - Consistent spacing and alignment
     * - Right-aligned button layout by default
     * - Flexible content area for custom layouts
     *
     * @example
     * <Dialog.Footer sticky>
     *   <Dialog.CancelButton>Cancel</Dialog.CancelButton>
     *   <Button appearance="primary">Save</Button>
     * </Dialog.Footer>
     */
    Footer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
        sticky?: boolean;
    } & import('react').RefAttributes<HTMLElement>>;
    /**
     * DialogContent component for the main content area of a Dialog.
     *
     * Features:
     * - Main content container for dialog body
     * - Flexible height with overflow handling
     * - Consistent padding and spacing
     * - Responsive design
     * - Proper content scrolling for long content
     *
     * @example
     * <Dialog.Content>
     *   <p>This is the main content of the dialog.</p>
     * </Dialog.Content>
     */
    Content: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
    /**
     * DialogCancelButton component for cancel/close actions in a Dialog.
     *
     * Features:
     * - Button that automatically closes the dialog when clicked
     * - Extends all Button component props and functionality
     * - Proper accessibility with close dialog semantics
     * - Automatic focus management
     * - Consistent styling with other dialog elements
     *
     * @example
     * <Dialog.CancelButton appearance="ghost">Cancel</Dialog.CancelButton>
     */
    CancelButton: import('react').ForwardRefExoticComponent<import('..').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
};