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

Szum-Tech design system with tailwindcss support

import * as React from 'react';
import { Dialog } 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 SheetProps = Dialog.DialogProps;
declare const Sheet: React.FC<Dialog.DialogProps>;

type SheetTriggerProps = Dialog.DialogTriggerProps;
declare const SheetTrigger: React.ForwardRefExoticComponent<Dialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;

type SheetCloseProps = Dialog.DialogCloseProps;
declare const SheetClose: React.ForwardRefExoticComponent<Dialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;

type SheetContentProps = React.ComponentProps<typeof Dialog.Content> & {
    side?: SheetContentSide;
};
declare function SheetContent({ side, className, children, ...props }: SheetContentProps): react_jsx_runtime.JSX.Element;

declare const sheetContentStyles: (props?: ({
    side?: "left" | "right" | "top" | "bottom" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;

type SheetContentCvaProps = VariantProps<typeof sheetContentStyles>;
type SheetContentSide = NonNullable<SheetContentCvaProps["side"]>;

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

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

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

type SheetDescriptionProps = React.ComponentProps<typeof Dialog.Description>;
declare function SheetDescription({ className, ...props }: SheetDescriptionProps): react_jsx_runtime.JSX.Element;

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