@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 * as react_jsx_runtime from 'react/jsx-runtime';
import { VariantProps } from 'class-variance-authority';
import * as class_variance_authority_types from 'class-variance-authority/types';

type DialogProps = Dialog$1.DialogProps;
declare const Dialog: React.FC<Dialog$1.DialogProps>;

type DialogCloseProps = Dialog$1.DialogCloseProps;
declare const DialogClose: React.ForwardRefExoticComponent<Dialog$1.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;

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

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

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

type DialogTriggerProps = Dialog$1.DialogTriggerProps;
declare const DialogTrigger: React.ForwardRefExoticComponent<Dialog$1.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;

type DialogHeaderProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
declare function DialogHeader({ className, ...props }: DialogHeaderProps): react_jsx_runtime.JSX.Element;

type DialogFooterProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
declare function DialogFooter({ className, ...props }: DialogFooterProps): react_jsx_runtime.JSX.Element;

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

type DialogDescriptionProps = React.ComponentProps<typeof Dialog$1.Description>;
declare function DialogDescription({ className, ...props }: DialogDescriptionProps): react_jsx_runtime.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 };