spb/worthdoing Public

1"use client"23import * as React from "react"4import { Dialog as SheetPrimitive } from "@base-ui/react/dialog"56import { cn } from "@/lib/utils"7import { Button } from "@/components/ui/button"8import { XIcon } from "lucide-react"910function Sheet({ ...props }: SheetPrimitive.Root.Props) {11  return <SheetPrimitive.Root data-slot="sheet" {...props} />12}1314function SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {15  return <SheetPrimitive.Trigger data-slot="sheet-trigger" {...props} />16}1718function SheetClose({ ...props }: SheetPrimitive.Close.Props) {19  return <SheetPrimitive.Close data-slot="sheet-close" {...props} />20}2122function SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {23  return <SheetPrimitive.Portal data-slot="sheet-portal" {...props} />24}2526function SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {27  return (28    <SheetPrimitive.Backdrop29      data-slot="sheet-overlay"30      className={cn(31        "fixed inset-0 z-50 bg-black/10 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs",32        className33      )}34      {...props}35    />36  )37}3839function SheetContent({40  className,41  children,42  side = "right",43  showCloseButton = true,44  ...props45}: SheetPrimitive.Popup.Props & {46  side?: "top" | "right" | "bottom" | "left"47  showCloseButton?: boolean48}) {49  return (50    <SheetPortal>51      <SheetOverlay />52      <SheetPrimitive.Popup53        data-slot="sheet-content"54        data-side={side}55        className={cn(56          "fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] 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=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] 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=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",57          className58        )}59        {...props}60      >61        {children}62        {showCloseButton && (63          <SheetPrimitive.Close64            data-slot="sheet-close"65            render={66              <Button67                variant="ghost"68                className="absolute top-3 right-3"69                size="icon-sm"70              />71            }72          >73            <XIcon74            />75            <span className="sr-only">Close</span>76          </SheetPrimitive.Close>77        )}78      </SheetPrimitive.Popup>79    </SheetPortal>80  )81}8283function SheetHeader({ className, ...props }: React.ComponentProps<"div">) {84  return (85    <div86      data-slot="sheet-header"87      className={cn("flex flex-col gap-0.5 p-4", className)}88      {...props}89    />90  )91}9293function SheetFooter({ className, ...props }: React.ComponentProps<"div">) {94  return (95    <div96      data-slot="sheet-footer"97      className={cn("mt-auto flex flex-col gap-2 p-4", className)}98      {...props}99    />100  )101}102103function SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {104  return (105    <SheetPrimitive.Title106      data-slot="sheet-title"107      className={cn(108        "font-heading text-base font-medium text-foreground",109        className110      )}111      {...props}112    />113  )114}115116function SheetDescription({117  className,118  ...props119}: SheetPrimitive.Description.Props) {120  return (121    <SheetPrimitive.Description122      data-slot="sheet-description"123      className={cn("text-sm text-muted-foreground", className)}124      {...props}125    />126  )127}128129export {130  Sheet,131  SheetTrigger,132  SheetClose,133  SheetContent,134  SheetHeader,135  SheetFooter,136  SheetTitle,137  SheetDescription,138}139