{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "sheet",
"title": "Sheet",
"description": "Side and bottom sheets, modal or standard.",
"dependencies": [
"@base-ui/react@^1.7.0",
"lucide-react@^1.33.0"
],
"registryDependencies": [
"https://guillermo-rebolledo.github.io/materialcn/r/button.json",
"https://guillermo-rebolledo.github.io/materialcn/r/materialcn-theme.json",
"https://guillermo-rebolledo.github.io/materialcn/r/utils.json"
],
"files": [
{
"path": "src/components/ui/sheet.tsx",
"content": "import * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { XIcon } from \"lucide-react\"\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({\n className,\n side,\n ...props\n}: SheetPrimitive.Backdrop.Props & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: SheetPrimitive.Popup.Props & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n }\n >\n \n Close\n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\n/** Scrollable content region for sheets with variable-length content. */\nfunction SheetBody({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\n/** Visual affordance only; this component does not implement drag gestures. */\nfunction SheetHandle({ 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 SheetBody,\n SheetHandle,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n",
"type": "registry:ui"
}
],
"categories": [
"overlays"
],
"type": "registry:ui"
}