@weaverclub/render 0.0.2 → 0.0.4

package/src/ui/components/sheet.tsx

@@ -1,131 +0,0 @@
-import { Dialog as SheetPrimitive } from '@base-ui/react/dialog'
-import { XIcon } from 'lucide-react'
-import type * as React from 'react'
-import { cn } from '../cn'
-import { Button } from './button'
-
-function Sheet({ ...props }: SheetPrimitive.Root.Props) {
-	return <SheetPrimitive.Root data-slot="sheet" {...props} />
-}
-
-function SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {
-	return <SheetPrimitive.Trigger data-slot="sheet-trigger" {...props} />
-}
-
-function SheetClose({ ...props }: SheetPrimitive.Close.Props) {
-	return <SheetPrimitive.Close data-slot="sheet-close" {...props} />
-}
-
-function SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {
-	return <SheetPrimitive.Portal data-slot="sheet-portal" {...props} />
-}
-
-function SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {
-	return (
-		<SheetPrimitive.Backdrop
-			data-slot="sheet-overlay"
-			className={cn(
-				'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/80 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50',
-				className
-			)}
-			{...props}
-		/>
-	)
-}
-
-function SheetContent({
-	className,
-	children,
-	side = 'right',
-	showCloseButton = true,
-	...props
-}: SheetPrimitive.Popup.Props & {
-	side?: 'top' | 'right' | 'bottom' | 'left'
-	showCloseButton?: boolean
-}) {
-	return (
-		<SheetPortal>
-			<SheetOverlay />
-			<SheetPrimitive.Popup
-				data-slot="sheet-content"
-				data-side={side}
-				className={cn(
-					'bg-background data-open:animate-in data-closed:animate-out data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 fixed z-50 flex flex-col bg-clip-padding text-xs/relaxed shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm',
-					className
-				)}
-				{...props}
-			>
-				{children}
-				{showCloseButton && (
-					<SheetPrimitive.Close
-						data-slot="sheet-close"
-						render={
-							<Button
-								variant="ghost"
-								className="absolute top-4 right-4"
-								size="icon-sm"
-							/>
-						}
-					>
-						<XIcon />
-						<span className="sr-only">Close</span>
-					</SheetPrimitive.Close>
-				)}
-			</SheetPrimitive.Popup>
-		</SheetPortal>
-	)
-}
-
-function SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {
-	return (
-		<div
-			data-slot="sheet-header"
-			className={cn('gap-1.5 p-6 flex flex-col', className)}
-			{...props}
-		/>
-	)
-}
-
-function SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {
-	return (
-		<div
-			data-slot="sheet-footer"
-			className={cn('gap-2 p-6 mt-auto flex flex-col', className)}
-			{...props}
-		/>
-	)
-}
-
-function SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {
-	return (
-		<SheetPrimitive.Title
-			data-slot="sheet-title"
-			className={cn('text-foreground text-sm font-medium', className)}
-			{...props}
-		/>
-	)
-}
-
-function SheetDescription({
-	className,
-	...props
-}: SheetPrimitive.Description.Props) {
-	return (
-		<SheetPrimitive.Description
-			data-slot="sheet-description"
-			className={cn('text-muted-foreground text-xs/relaxed', className)}
-			{...props}
-		/>
-	)
-}
-
-export {
-	Sheet,
-	SheetTrigger,
-	SheetClose,
-	SheetContent,
-	SheetHeader,
-	SheetFooter,
-	SheetTitle,
-	SheetDescription
-}