import * as React from 'react';
import { ReactElement } from 'react';
import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';

/**
 * AlertDialog — WealthX DS overrides (shadcn / \@base-ui alert-dialog)
 *
 * Changes from shadcn default:
 *   - AlertDialogOverlay:     `bg-black/50` → `bg-foreground/50` — DS foreground token (matches Figma)
 *   - AlertDialogContent:     `rounded-lg` removed — sharp corners per Figma
 *   - AlertDialogContent:     `shadow-lg` removed — flat panels per Figma
 *   - AlertDialogFooter:      always row, right-aligned; `border-t border-border pt-4` separator
 *   - AlertDialogMedia:       borderless icon slot — `size-10` default, `size-8` sm
 */

type AlertDialogProps = React.ComponentProps<typeof AlertDialog$1.Root>;
declare function AlertDialog({ ...props }: AlertDialogProps): ReactElement;
type AlertDialogTriggerProps = React.ComponentProps<typeof AlertDialog$1.Trigger> & {
    /** shadcn-compatible alias for Base UI's `render`: replaces the trigger with its single child. */
    asChild?: boolean;
};
declare function AlertDialogTrigger({ asChild, children, ...props }: AlertDialogTriggerProps): ReactElement;
type AlertDialogPortalProps = React.ComponentProps<typeof AlertDialog$1.Portal>;
declare function AlertDialogPortal({ ...props }: AlertDialogPortalProps): ReactElement;
type AlertDialogOverlayProps = React.ComponentProps<typeof AlertDialog$1.Backdrop>;
declare function AlertDialogOverlay({ className, ...props }: AlertDialogOverlayProps): ReactElement;
type AlertDialogContentProps = React.ComponentProps<typeof AlertDialog$1.Popup> & {
    size?: "default" | "sm";
};
declare function AlertDialogContent({ className, size, style, ...props }: AlertDialogContentProps): ReactElement;
type AlertDialogHeaderProps = React.ComponentProps<"div">;
declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): ReactElement;
type AlertDialogFooterProps = React.ComponentProps<"div">;
declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): ReactElement;
type AlertDialogTitleProps = React.ComponentProps<typeof AlertDialog$1.Title>;
declare function AlertDialogTitle({ className, ...props }: AlertDialogTitleProps): ReactElement;
type AlertDialogDescriptionProps = React.ComponentProps<typeof AlertDialog$1.Description>;
declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): ReactElement;
type AlertDialogMediaProps = React.ComponentProps<"div">;
declare function AlertDialogMedia({ className, ...props }: AlertDialogMediaProps): ReactElement;
type AlertDialogActionProps = React.ComponentProps<typeof AlertDialog$1.Close> & {
    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
    size?: "default" | "sm" | "lg" | "xs" | "icon";
};
declare function AlertDialogAction({ className, variant, size, ...props }: AlertDialogActionProps): ReactElement;
type AlertDialogCancelProps = React.ComponentProps<typeof AlertDialog$1.Close> & {
    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
    size?: "default" | "sm" | "lg" | "xs" | "icon";
};
declare function AlertDialogCancel({ className, variant, size, ...props }: AlertDialogCancelProps): ReactElement;

export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogMedia, type AlertDialogMediaProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };