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

type SheetProps = React.ComponentProps<typeof Dialog.Root>;
declare function Sheet(props: SheetProps): React.JSX.Element;

type SheetTriggerProps = React.ComponentProps<typeof Dialog.Trigger>;
declare function SheetTrigger(props: SheetTriggerProps): React.JSX.Element;

type SheetCloseProps = React.ComponentProps<typeof Dialog.Close>;
declare function SheetClose(props: SheetCloseProps): React.JSX.Element;

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

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

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

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

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

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

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

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