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

/**
 * Sheet — WealthX DS overrides (shadcn / base-ui dialog)
 *
 * Changes from shadcn default:
 *   - SheetOverlay:  `bg-black/50` -- `bg-foreground/50` — DS foreground token (matches Figma)
 *   - SheetContent:  `shadow-lg` removed — flat panels per Figma
 *   - SheetTitle:    added `text-lg` — matches Figma Text-lg/Semibold
 *   - Close button:  matches DialogClose — no radius, `hover:bg-foreground/5`, `focus:ring-border`
 */

declare const SIDE_CLASSES: {
    right: string;
    left: string;
    top: string;
    bottom: string;
};
type SheetProps = React.ComponentProps<typeof Dialog.Root>;
declare function Sheet({ ...props }: SheetProps): ReactElement;
type SheetTriggerProps = React.ComponentProps<typeof Dialog.Trigger> & {
    /** shadcn-compatible alias for Base UI's `render`: replaces the trigger with its single child. */
    asChild?: boolean;
};
declare function SheetTrigger({ asChild, children, ...props }: SheetTriggerProps): ReactElement;
type SheetCloseProps = React.ComponentProps<typeof Dialog.Close>;
declare function SheetClose({ ...props }: SheetCloseProps): ReactElement;
type SheetPortalProps = React.ComponentProps<typeof Dialog.Portal>;
declare function SheetPortal({ ...props }: SheetPortalProps): ReactElement;
type SheetContentProps = React.ComponentProps<typeof Dialog.Popup> & {
    side?: keyof typeof SIDE_CLASSES;
    showCloseButton?: boolean;
};
declare function SheetContent({ className, children, side, showCloseButton, style, ...props }: SheetContentProps): ReactElement;
type SheetHeaderProps = React.ComponentProps<"div">;
declare function SheetHeader({ className, ...props }: SheetHeaderProps): ReactElement;
type SheetFooterProps = React.ComponentProps<"div">;
declare function SheetFooter({ className, ...props }: SheetFooterProps): ReactElement;
type SheetTitleProps = React.ComponentProps<typeof Dialog.Title>;
declare function SheetTitle({ className, ...props }: SheetTitleProps): ReactElement;
type SheetDescriptionProps = React.ComponentProps<typeof Dialog.Description>;
declare function SheetDescription({ className, ...props }: SheetDescriptionProps): ReactElement;

export { Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, SheetPortal, type SheetPortalProps, type SheetProps, SheetTitle, type SheetTitleProps, SheetTrigger, type SheetTriggerProps };