import * as React from "react";
import type { ToneProp } from "../../props/vocabulary/index.js";
import type { AlertDialogProp, DialogContentProp, DialogProp } from "../../props/components/feedback.prop.js";
export type { AlertDialogProp, AlertDialogProp as AlertDialogProps, DialogProp, DialogProp as DialogProps, DialogContentProp, DialogContentProp as DialogContentProps, } from "../../props/components/feedback.prop.js";
interface OverlayOpenProps {
    /** Trạng thái mở, có kiểm soát. */
    open?: boolean;
    /** Trạng thái mở ban đầu khi không kiểm soát. */
    defaultOpen?: boolean;
    /** Gọi khi trạng thái mở đổi. */
    onOpenChange?: (open: boolean) => void;
}
interface DialogRootProps extends OverlayOpenProps, Pick<DialogProp, "variant"> {
    /**
     * `false` = hộp thoại không-modal (WAI-ARIA APG cho phép): trang phía sau vẫn tương tác được và
     * vẫn trong cây trợ năng, không khoá cuộn, không màn nền, bấm ra ngoài không đóng; tiêu điểm vào
     * hộp thoại khi mở, Tab ra được, Esc (tiêu điểm ở trong) đóng. Xem đầu tệp, mục gh#696.
     */
    modal?: boolean;
    children?: React.ReactNode;
}
/** `data-slot="dialog"` cũ nằm trên Root của Radix, thứ không dựng thẻ nào — nó chưa từng ra DOM. */
declare function DialogRoot({ children, modal, variant, ...openProps }: DialogRootProps): React.JSX.Element;
interface DialogTriggerProps extends React.ComponentPropsWithRef<"button"> {
    /** Mượn thẻ của con thay vì dựng `<button>` riêng. */
    asChild?: boolean;
}
declare function DialogTrigger({ asChild, onClick, ...props }: DialogTriggerProps): React.JSX.Element;
interface DialogPortalProps {
    /** Giữ tên prop của Radix; RAC tự portal ra `document.body` từ `ModalOverlay`. */
    forceMount?: true;
    children?: React.ReactNode;
}
declare function DialogPortal({ children }: DialogPortalProps): React.JSX.Element;
interface DialogCloseProps extends React.ComponentPropsWithRef<"button"> {
    /** Mượn thẻ của con thay vì dựng `<button>` riêng. */
    asChild?: boolean;
}
declare function DialogClose({ asChild, onClick, ...props }: DialogCloseProps): React.JSX.Element;
interface DialogOverlayProps extends React.ComponentPropsWithRef<"div"> {
    /** Giữ tên prop của Radix. */
    forceMount?: true;
}
/**
 * Không dựng gì — xem đầu tệp. Màn nền là `ModalOverlay` bên trong `DialogContent`, và nó vẫn mang
 * `data-slot="dialog-overlay"` + `.ui-dialog-overlay` như trước.
 */
declare function DialogOverlay(_props: DialogOverlayProps): null;
declare namespace DialogOverlay {
    var displayName: string;
}
interface DialogContentProps extends Omit<React.ComponentPropsWithRef<"section">, "role">, Pick<DialogContentProp, "variant"> {
    showClose?: boolean;
    showCloseButton?: boolean;
    overlayClassName?: string;
    /** Giữ tên prop của Radix. */
    forceMount?: true;
    /** Giữ tên prop của Radix — xem `useCloseAutoFocus`. */
    onCloseAutoFocus?: (event: Event) => void;
}
declare function DialogContent({ className, children, showClose, showCloseButton: showCloseButtonProp, overlayClassName, variant: variantProp, forceMount: _forceMount, ...props }: DialogContentProps): React.JSX.Element;
declare namespace DialogContent {
    var displayName: string;
}
interface DialogHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
    title?: React.ReactNode;
    subtitle?: React.ReactNode;
    extra?: React.ReactNode;
    tone?: ToneProp;
}
declare function DialogHeader({ className, title, subtitle, extra, tone, children, ...props }: DialogHeaderProps): React.JSX.Element;
declare namespace DialogHeader {
    var displayName: string;
}
declare function DialogBody({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
declare namespace DialogBody {
    var displayName: string;
}
declare function DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
declare namespace DialogFooter {
    var displayName: string;
}
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
type AlertDialogRootProps = OverlayOpenProps & {
    children?: React.ReactNode;
};
/**
 * Compound alert-dialog Root — the `role="alertdialog"` mirror of {@link DialogRoot}. It supplies
 * the open-state context that `AlertDialogTitle`, `AlertDialogDescription`, `AlertDialogAction` and
 * `AlertDialogCancel` read, so the compound parts are assemblable from the public API alone (no
 * direct `react-aria-components` import).
 */
declare function AlertDialogRoot({ children, ...openProps }: AlertDialogRootProps): React.JSX.Element;
/** Radix's alert-dialog trigger carries no `data-slot`; keeping it that way keeps the DOM identical. */
declare function AlertDialogTrigger({ asChild, onClick, ...props }: DialogTriggerProps): React.JSX.Element;
declare function AlertDialogPortal({ children }: DialogPortalProps): React.JSX.Element;
/** Không dựng gì — màn nền do `AlertDialogContent` phát ra. Xem đầu tệp. */
declare function AlertDialogOverlay(_props: DialogOverlayProps): null;
declare namespace AlertDialogOverlay {
    var displayName: string;
}
interface AlertDialogContentProps extends Omit<React.ComponentPropsWithRef<"section">, "role"> {
    showClose?: boolean;
    showCloseButton?: boolean;
    /** Giữ tên prop của Radix. */
    forceMount?: true;
    /** Giữ tên prop của Radix — xem `useCloseAutoFocus`. */
    onCloseAutoFocus?: (event: Event) => void;
}
declare function AlertDialogContent({ className, children, showClose, showCloseButton: showCloseButtonProp, forceMount: _forceMount, ...props }: AlertDialogContentProps): React.JSX.Element;
declare namespace AlertDialogContent {
    var displayName: string;
}
declare function AlertDialogHeader({ className, title, subtitle, extra, tone, children, ...props }: DialogHeaderProps): React.JSX.Element;
declare namespace AlertDialogHeader {
    var displayName: string;
}
declare function AlertDialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
declare namespace AlertDialogFooter {
    var displayName: string;
}
declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
interface DialogActionProps extends React.ComponentPropsWithRef<"button"> {
    /** Mượn thẻ của con thay vì dựng `<button>` riêng. */
    asChild?: boolean;
}
/**
 * Confirm mode — primary action (maps to Radix AlertDialogAction). Nhấn mạnh đọc từ `variant` của
 * hộp thoại: đây là phần thứ ba của một-prop-ba-việc ở đầu tệp, và là chỗ antd đặt `okType`.
 */
declare function DialogAction({ asChild, className, onClick, ...props }: DialogActionProps): React.JSX.Element;
declare namespace DialogAction {
    var displayName: string;
}
/** Confirm mode — dismiss without action (maps to Radix AlertDialogCancel). */
declare function DialogCancel({ asChild, className, onClick, ...props }: DialogActionProps): React.JSX.Element;
declare namespace DialogCancel {
    var displayName: string;
}
declare const AlertDialogAction: typeof DialogAction;
declare const AlertDialogCancel: typeof DialogCancel;
/**
 * Preset: confirm / destructive / typed-challenge / step-up without compound markup. Both flows
 * force the destructive shape: the confirm button plus antd's leading status glyph. The header
 * surface stays untinted — see the note on `showDangerIcon` below.
 */
declare function AlertDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, variant, confirmPhrase, challenge, onConfirm, stepUp, keepOpenOnConfirm, pending, }: AlertDialogProp): React.JSX.Element;
export declare const Dialog: typeof DialogRoot & {
    Trigger: typeof DialogTrigger;
    Portal: typeof DialogPortal;
    Overlay: typeof DialogOverlay;
    Content: typeof DialogContent;
    Header: typeof DialogHeader;
    Body: typeof DialogBody;
    Footer: typeof DialogFooter;
    Title: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
    Description: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
    Close: typeof DialogClose;
    Action: typeof DialogAction;
    Cancel: typeof DialogCancel;
};
export { DialogRoot, DialogTrigger, DialogPortal, DialogOverlay, DialogContent, DialogHeader, DialogBody, DialogFooter, DialogTitle, DialogDescription, DialogClose, DialogAction, DialogCancel, AlertDialogRoot, AlertDialogTrigger, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, AlertDialog, };