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

/**
 * Dialog — WealthX DS overrides (shadcn / \@base-ui dialog)
 *
 * Changes from shadcn default:
 *   - DialogOverlay:  `bg-black/50` → `bg-foreground/50` — DS foreground token (matches Figma)
 *   - DialogContent:  `rounded-lg` removed — sharp corners per Figma
 *   - DialogContent:  `shadow-lg` removed — flat panels per Figma
 *   - DialogContent:  `max-h-[calc(100dvh-2rem)]` + `overflow-y-auto` — tall dialogs scroll
 *                     inside themselves instead of pushing the footer off-screen
 *   - DialogHeader:   `text-center` removed — always left-aligned per DS
 *   - DialogFooter:   `border-t border-border pt-4` — separator above footer
 *   - Close button:   no radius, `hover:bg-foreground/5`, `focus:ring-border`
 */

type DialogProps = React.ComponentProps<typeof Dialog$1.Root>;
declare function Dialog({ ...props }: DialogProps): ReactElement;
type DialogTriggerProps = React.ComponentProps<typeof Dialog$1.Trigger> & {
    /** shadcn-compatible alias for Base UI's `render`: replaces the trigger with its single child. */
    asChild?: boolean;
};
declare function DialogTrigger({ asChild, children, ...props }: DialogTriggerProps): ReactElement;
type DialogPortalProps = React.ComponentProps<typeof Dialog$1.Portal>;
declare function DialogPortal({ ...props }: DialogPortalProps): ReactElement;
type DialogCloseProps = React.ComponentProps<typeof Dialog$1.Close>;
declare function DialogClose({ ...props }: DialogCloseProps): ReactElement;
type DialogOverlayProps = React.ComponentProps<typeof Dialog$1.Backdrop>;
declare function DialogOverlay({ className, ...props }: DialogOverlayProps): ReactElement;
type DialogContentProps = React.ComponentProps<typeof Dialog$1.Popup> & {
    showCloseButton?: boolean;
    /**
     * Optional container element to render the Dialog portal into.
     * Pass a ref'd element to scope the overlay inside a parent (e.g. a Sheet drawer)
     * instead of appending to document.body.
     */
    container?: HTMLElement | null;
    /** Vertical alignment of the dialog. "top" (default) anchors to top-4; "center" vertically centers. */
    align?: "center" | "top";
    /**
     * Width behaviour of the dialog panel.
     * - Fixed sizes ("sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "full"):
     *   dialog fills width up to that maximum (applied via inline style — reliable in Tailwind v4).
     * - "auto": dialog shrinks to fit its content (hug-content). Has a built-in minimum
     *   width of `DIALOG_AUTO_MIN_WIDTH` (20rem / 320px) to avoid collapsing too narrow.
     * Defaults to "lg".
     */
    size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "full" | "auto";
    /**
     * Override the minimum width for `size="auto"` dialogs.
     * Accepts any valid CSS length value (e.g. "24rem", "400px").
     * Ignored when using a fixed size.
     */
    minWidth?: string;
};
declare function DialogContent({ className, children, showCloseButton, style, container, align, size, minWidth, ...props }: DialogContentProps): ReactElement;
type DialogHeaderProps = React.ComponentProps<"div">;
declare function DialogHeader({ className, ...props }: DialogHeaderProps): ReactElement;
type DialogFooterProps = React.ComponentProps<"div"> & {
    showCloseButton?: boolean;
};
declare function DialogFooter({ className, showCloseButton, children, ...props }: DialogFooterProps): ReactElement;
type DialogTitleProps = React.ComponentProps<typeof Dialog$1.Title>;
declare function DialogTitle({ className, ...props }: DialogTitleProps): ReactElement;
type DialogDescriptionProps = React.ComponentProps<typeof Dialog$1.Description>;
declare function DialogDescription({ className, ...props }: DialogDescriptionProps): ReactElement;

export { Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps };