@als-tp/als-react-ts-ui/dist/components/ALSAlertDialog/ALSAlertDialog.d.ts

A comprehensive React TypeScript UI component library built with Base UI by ALSInnovation

import React from "react";
type AlertDialogVariant = "default" | "centered";
type AlertDialogSize = "sm" | "md" | "lg";
interface ALSAlertDialogRootProps {
    /** Whether the alert dialog is open (controlled) */
    open?: boolean;
    /** Default open state (uncontrolled) */
    defaultOpen?: boolean;
    /** Callback when open state changes */
    onOpenChange?: (open: boolean) => void;
    /** Visual variant of the alert dialog */
    variant?: AlertDialogVariant;
    /** Size variant */
    size?: AlertDialogSize;
    /** Additional class name */
    className?: string;
    /** Children */
    children: React.ReactNode;
}
declare const ALSAlertDialogRoot: React.ForwardRefExoticComponent<ALSAlertDialogRootProps & React.RefAttributes<HTMLDivElement>>;
interface ALSAlertDialogTriggerProps {
    /** Additional class name */
    className?: string;
    /** Children */
    children: React.ReactNode;
}
declare const ALSAlertDialogTrigger: React.ForwardRefExoticComponent<ALSAlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
interface ALSAlertDialogBackdropProps {
    /** Additional class name */
    className?: string;
    /** Whether to keep the backdrop mounted when closed */
    keepMounted?: boolean;
}
declare const ALSAlertDialogBackdrop: React.ForwardRefExoticComponent<ALSAlertDialogBackdropProps & React.RefAttributes<HTMLDivElement>>;
interface ALSAlertDialogPortalProps {
    /** Container element to portal into */
    container?: HTMLElement | null;
    /** Whether to keep the portal mounted when closed */
    keepMounted?: boolean;
    /** Children */
    children: React.ReactNode;
}
declare const ALSAlertDialogPortal: React.FC<ALSAlertDialogPortalProps>;
interface ALSAlertDialogViewportProps {
    /** Additional class name */
    className?: string;
    /** Children */
    children: React.ReactNode;
}
declare const ALSAlertDialogViewport: React.ForwardRefExoticComponent<ALSAlertDialogViewportProps & React.RefAttributes<HTMLDivElement>>;
interface ALSAlertDialogPopupProps {
    /** Additional class name */
    className?: string;
    /** Children */
    children: React.ReactNode;
}
declare const ALSAlertDialogPopup: React.ForwardRefExoticComponent<ALSAlertDialogPopupProps & React.RefAttributes<HTMLDivElement>>;
interface ALSAlertDialogTitleProps {
    /** Additional class name */
    className?: string;
    /** Children */
    children: React.ReactNode;
}
declare const ALSAlertDialogTitle: React.ForwardRefExoticComponent<ALSAlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
interface ALSAlertDialogDescriptionProps {
    /** Additional class name */
    className?: string;
    /** Children */
    children: React.ReactNode;
}
declare const ALSAlertDialogDescription: React.ForwardRefExoticComponent<ALSAlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
interface ALSAlertDialogCloseProps {
    /** Additional class name */
    className?: string;
    /** Children (optional, defaults to X icon) */
    children?: React.ReactNode;
}
declare const ALSAlertDialogClose: React.ForwardRefExoticComponent<ALSAlertDialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
interface ALSAlertDialogFooterProps {
    /** Additional class name */
    className?: string;
    /** Children */
    children: React.ReactNode;
}
declare const ALSAlertDialogFooter: React.ForwardRefExoticComponent<ALSAlertDialogFooterProps & React.RefAttributes<HTMLDivElement>>;
interface ALSAlertDialogCancelProps {
    /** Additional class name */
    className?: string;
    /** Children */
    children: React.ReactNode;
    /** Whether to render as child element */
    asChild?: boolean;
}
declare const ALSAlertDialogCancel: React.ForwardRefExoticComponent<ALSAlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
interface ALSAlertDialogActionProps {
    /** Additional class name */
    className?: string;
    /** Children */
    children: React.ReactNode;
    /** Whether to render as child element */
    asChild?: boolean;
}
declare const ALSAlertDialogAction: React.ForwardRefExoticComponent<ALSAlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
export { ALSAlertDialogRoot, ALSAlertDialogTrigger, ALSAlertDialogBackdrop, ALSAlertDialogPortal, ALSAlertDialogViewport, ALSAlertDialogPopup, ALSAlertDialogTitle, ALSAlertDialogDescription, ALSAlertDialogClose, ALSAlertDialogFooter, ALSAlertDialogCancel, ALSAlertDialogAction, };
export type { ALSAlertDialogRootProps, ALSAlertDialogTriggerProps, ALSAlertDialogBackdropProps, ALSAlertDialogPortalProps, ALSAlertDialogViewportProps, ALSAlertDialogPopupProps, ALSAlertDialogTitleProps, ALSAlertDialogDescriptionProps, ALSAlertDialogCloseProps, ALSAlertDialogFooterProps, ALSAlertDialogCancelProps, ALSAlertDialogActionProps, AlertDialogVariant, AlertDialogSize, };
//# sourceMappingURL=ALSAlertDialog.d.ts.map