{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "sheet",
"title": "Sheet",
"description": "A panel that slides in from the edge of the screen for longer forms, details and filters, while keeping the page underneath in context.",
"dependencies": [
"@base-ui/react",
"lucide-react"
],
"registryDependencies": [
"https://www.prfct.dev/r/utils.json",
"https://www.prfct.dev/r/button.json",
"https://www.prfct.dev/r/locale.json"
],
"files": [
{
"path": "components/ui/sheet.tsx",
"content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\"\nimport { cn } from \"@/lib/utils\"\nimport { XIcon } from \"lucide-react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { useLocale } from \"@/components/ui/locale\"\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n return \n}\n\nfunction SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {\n return \n}\n\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n return \n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n return \n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n variant = \"default\",\n showCloseButton = true,\n ...props\n}: SheetPrimitive.Popup.Props & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n /** `floating` insets the panel from the viewport edge with rounded corners. */\n variant?: \"default\" | \"floating\"\n showCloseButton?: boolean\n}) {\n const { messages } = useLocale()\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n }\n >\n \n {messages.close}\n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetBody({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: SheetPrimitive.Description.Props) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetBody,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n",
"type": "registry:ui"
}
],
"type": "registry:ui"
}