@szum-tech/design-system/dist/components/dialog/index.d.cts

Szum-Tech design system with tailwindcss support

import * as React from 'react';
import { Dialog as Dialog$1 } from 'radix-ui';
import { VariantProps } from 'class-variance-authority';
import * as class_variance_authority_types from 'class-variance-authority/types';

type DialogProps = React.ComponentProps<typeof Dialog$1.Root>;
declare function Dialog(props: DialogProps): React.JSX.Element;

type DialogCloseProps = React.ComponentProps<typeof Dialog$1.Close>;
declare function DialogClose(props: DialogCloseProps): React.JSX.Element;

declare const dialogContentVariants: (props?: {
    width?: "sm" | "xs" | "lg" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full";
} & class_variance_authority_types.ClassProp) => string;

type DialogContentCvaProps = VariantProps<typeof dialogContentVariants>;
type DialogContentWidth = NonNullable<DialogContentCvaProps["width"]>;

type DialogContentProps = React.ComponentProps<typeof Dialog$1.Content> & {
    width?: DialogContentWidth;
    showCloseButton?: boolean;
};
declare function DialogContent({ className, children, width, showCloseButton, ...props }: DialogContentProps): React.JSX.Element;

type DialogTriggerProps = React.ComponentProps<typeof Dialog$1.Trigger>;
declare function DialogTrigger({ ...props }: DialogTriggerProps): React.JSX.Element;

type DialogHeaderProps = React.ComponentProps<"div">;
declare function DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element;

type DialogFooterProps = React.ComponentProps<"div">;
declare function DialogFooter({ className, ...props }: DialogFooterProps): React.JSX.Element;

type DialogTitleProps = React.ComponentProps<typeof Dialog$1.Title>;
declare function DialogTitle({ className, ...props }: DialogTitleProps): React.JSX.Element;

type DialogDescriptionProps = React.ComponentProps<typeof Dialog$1.Description>;
declare function DialogDescription({ className, ...props }: DialogDescriptionProps): React.JSX.Element;

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