import type { ForwardedRef, ReactNode } from 'react';
import type { AriaOverlayProps, AriaDialogProps, ModalAria } from 'react-aria';
import type { OverlayTriggerState } from 'react-stately';
import type { AsChildProps, CreateComponent, HTMLProps } from '~/utils';
import type { Components } from '~/utils/components-list';
import type { ButtonProps } from '../Button';
import type { HeadingProps } from '../Heading';
import type { DialogClose } from './DialogClose';
import type { DialogContent } from './DialogContent';
import type { DialogDescription } from './DialogDescription';
import type { DialogFooter } from './DialogFooter';
import type { DialogHeading } from './DialogHeading';
import type { DialogTrigger } from './DialogTrigger';
export type DialogContext = {
    state: OverlayTriggerState;
    triggerRef: ForwardedRef<HTMLButtonElement>;
    overlayProps: React.HTMLAttributes<HTMLElement>;
    modalProps: ModalAria['modalProps'];
    dialogProps: React.HTMLAttributes<HTMLElement>;
    headingProps: React.HTMLAttributes<HTMLElement>;
    isBlocked?: boolean;
};
export type DialogProps = AriaOverlayProps & AriaDialogProps & {
    children: ReactNode;
    isBlocked?: boolean;
    onOpenChange?: (isOpen: boolean) => any;
};
export type DialogNameSpace = {
    Content: typeof DialogContent;
    Trigger: typeof DialogTrigger;
    Heading: typeof DialogHeading;
    Description: typeof DialogDescription;
    Footer: typeof DialogFooter;
    Close: typeof DialogClose;
};
export type DialogDef = CreateComponent<{
    type: 'div';
    component: Components.Dialog;
    element: HTMLDivElement;
    props: DialogProps;
    namespace: DialogNameSpace;
    styles: 'root' | 'close' | 'content' | 'heading' | 'description' | 'footer' | 'overlay' | 'trigger';
}>;
export type DialogContentProps = {
    overlayClassName?: string;
    closeClassName?: string;
    hideCloseButton?: boolean;
    onClose?: () => void;
};
export type DialogContentNS = {
    id: string;
};
export type DialogContentDef = CreateComponent<{
    type: 'div';
    component: Components.DialogContent;
    element: HTMLDivElement;
    props: DialogContentProps;
    namespace: DialogContentNS;
}>;
export type DialogTriggerProps = AsChildProps<ButtonProps>;
export type DialogTriggerNS = {
    id: string;
};
export type DialogTriggerDef = CreateComponent<{
    type: 'button';
    component: Components.DialogTrigger;
    element: HTMLButtonElement;
    props: DialogTriggerProps;
    namespace: DialogTriggerNS;
    omit: 'as';
}>;
export type DialogHeadingProps = HeadingProps;
export type DialogHeadingDef = CreateComponent<{
    type: 'h2';
    component: Components.DialogHeading;
    element: HTMLHeadingElement;
    props: DialogHeadingProps;
    styles: 'heading';
}>;
export type DialogDescriptionProps = {
    className?: string;
};
export type DialogDescriptionDef = CreateComponent<{
    type: 'div';
    component: Components.DialogDescription;
    element: HTMLDivElement;
    props: DialogDescriptionProps;
    styles: 'description';
}>;
export type DialogFooterProps = HTMLProps['footer'] & {
    align?: 'start' | 'end';
};
export type DialogFooterDef = CreateComponent<{
    type: 'footer';
    component: Components.DialogFooter;
    element: HTMLDivElement;
    props: DialogFooterProps;
}>;
export type DialogCloseProps = ButtonProps & {
    asChild?: boolean;
};
export type DialogCloseNS = {
    id: string;
};
export type DialogCloseDef = CreateComponent<{
    type: 'button';
    component: Components.DialogClose;
    element: HTMLButtonElement;
    props: DialogCloseProps;
    namespace: DialogCloseNS;
    styles: 'close';
}>;