import { Dialog as DialogPrimitive } from '@base-ui/react/dialog'; import { type VariantProps } from 'class-variance-authority'; import * as React from 'react'; declare const Root: React.ForwardRefExoticComponent & React.RefAttributes>; declare const Trigger: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; declare function Portal({ ...props }: DialogPrimitive.Portal.Props): React.JSX.Element; declare namespace Portal { var displayName: string; } declare const Close: React.ForwardRefExoticComponent & React.RefAttributes>; export interface BackdropProps extends DialogPrimitive.Backdrop.Props { /** Disables open/close animations */ disableAnimation?: boolean; /** Disables backdrop blur effect */ disableBackdropBlur?: boolean; } declare const Backdrop: React.ForwardRefExoticComponent & React.RefAttributes>; export interface ViewportProps extends DialogPrimitive.Viewport.Props { } declare const Viewport: React.ForwardRefExoticComponent & React.RefAttributes>; declare const popupVariants: (props?: ({ size?: "full" | "lg" | "md" | "sm" | "xl" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; export interface PopupProps extends React.HTMLAttributes, VariantProps { /** Whether to show the close button */ showCloseButton?: boolean; /** Whether to hide the close button (alias for showCloseButton=false) */ hideCloseButton?: boolean; /** * Controls where focus moves when the dialog opens. * - `false`: Prevents auto-focus (equivalent to Radix's `onOpenAutoFocus={(e) => e.preventDefault()}`) * - `true`: Default focus behavior (first tabbable element) * - `RefObject`: Focus a specific element */ initialFocus?: boolean | React.RefObject; /** * Disables all visual effects (animations and backdrop blur). * Use granular props (`disableAnimation`, `disableBackdropBlur`) for more control. */ disableEffects?: boolean; /** Disables open/close animations on the dialog and overlay */ disableAnimation?: boolean; /** Disables backdrop blur effect on the overlay */ disableBackdropBlur?: boolean; } declare function Popup({ className, children, size, showCloseButton, hideCloseButton, initialFocus, disableEffects, disableAnimation, disableBackdropBlur, ...props }: PopupProps): React.JSX.Element; declare namespace Popup { var displayName: string; } declare const iconVariants: (props?: ({ variant?: "default" | "destructive" | "info" | "success" | "warning" | null | undefined; size?: "lg" | "md" | "sm" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; export interface IconProps extends React.HTMLAttributes, VariantProps { children: React.ReactNode; } declare function Icon({ className, variant, size, children, ...props }: IconProps): React.JSX.Element; declare namespace Icon { var displayName: string; } declare const headerVariants: (props?: ({ layout?: "centered" | "horizontal" | "stacked" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; export interface HeaderProps extends React.HTMLAttributes, VariantProps { /** Adds the Figma header separator below the title block. */ divider?: boolean; /** Adds Figma header bottom padding without forcing a divider. */ paddingBottom?: boolean; } declare function Header({ className, layout, children, divider, paddingBottom, ...props }: HeaderProps): React.JSX.Element; declare namespace Header { var displayName: string; } export interface HeaderContentProps extends React.HTMLAttributes { } declare function HeaderContent({ className, children, ...props }: HeaderContentProps): React.JSX.Element; declare namespace HeaderContent { var displayName: string; } export interface TitleProps extends React.HTMLAttributes { } declare function Title({ className, ...props }: TitleProps): React.JSX.Element; declare namespace Title { var displayName: string; } export interface DescriptionProps extends React.HTMLAttributes { } declare function Description({ className, ...props }: DescriptionProps): React.JSX.Element; declare namespace Description { var displayName: string; } declare const footerVariants: (props?: ({ layout?: "horizontal" | "horizontal-fill" | "horizontal-right" | "stacked" | "vertical-fill" | "wizard" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; export interface FooterProps extends React.HTMLAttributes, VariantProps { /** Adds the Figma action separator above the footer controls. */ divider?: boolean; } declare function Footer({ className, layout, children, divider, ...props }: FooterProps): React.JSX.Element; declare namespace Footer { var displayName: string; } declare const Action: React.ForwardRefExoticComponent & React.RefAttributes, "ref"> & React.RefAttributes>; declare const Cancel: React.ForwardRefExoticComponent & React.RefAttributes, "appearance" | "shape" | "size" | "variant">, "ref"> & React.RefAttributes>; export interface BodyProps extends React.HTMLAttributes { } declare function Body({ className, children, ...props }: BodyProps): React.JSX.Element; declare namespace Body { var displayName: string; } export type CloseProps = DialogPrimitive.Close.Props; export type PortalProps = DialogPrimitive.Portal.Props; export type TriggerProps = DialogPrimitive.Trigger.Props; export type RootProps = DialogPrimitive.Root.Props; export type ActionProps = React.ComponentProps; export type CancelProps = React.ComponentProps; declare const Dialog: React.ForwardRefExoticComponent & React.RefAttributes> & { Root: React.ForwardRefExoticComponent & React.RefAttributes>; Trigger: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; Portal: typeof Portal; Backdrop: React.ForwardRefExoticComponent & React.RefAttributes>; Viewport: React.ForwardRefExoticComponent & React.RefAttributes>; Popup: typeof Popup; Header: typeof Header; HeaderContent: typeof HeaderContent; Body: typeof Body; Footer: typeof Footer; Action: React.ForwardRefExoticComponent & React.RefAttributes, "ref"> & React.RefAttributes>; Cancel: React.ForwardRefExoticComponent & React.RefAttributes, "appearance" | "shape" | "size" | "variant">, "ref"> & React.RefAttributes>; Title: typeof Title; Description: typeof Description; Close: React.ForwardRefExoticComponent & React.RefAttributes>; Icon: typeof Icon; }; export { Action as DialogAction, Backdrop as DialogBackdrop, Body as DialogBody, Cancel as DialogCancel, Close as DialogClose, Description as DialogDescription, Dialog, Footer as DialogFooter, footerVariants as dialogFooterVariants, Header as DialogHeader, HeaderContent as DialogHeaderContent, headerVariants as dialogHeaderVariants, Icon as DialogIcon, iconVariants as dialogIconVariants, Popup as DialogPopup, Portal as DialogPortal, popupVariants as dialogPopupVariants, Root as DialogRoot, Title as DialogTitle, Trigger as DialogTrigger, Viewport as DialogViewport, };