{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "sheet",
"title": "Sheet",
"description": "An edge-anchored dialog that slides in from any side, built on the Base UI dialog primitive.",
"dependencies": [
"@base-ui/react",
"clsx",
"tailwind-merge"
],
"registryDependencies": [
"https://ui.digital.nsw.gov.au/registry/r/theme.json",
"https://ui.digital.nsw.gov.au/registry/r/button.json",
"https://ui.digital.nsw.gov.au/registry/r/icons.json"
],
"files": [
{
"path": "src/components/sheet.tsx",
"content": "'use client'\n\nimport { Dialog as SheetPrimitive } from '@base-ui/react/dialog'\nimport * as React from 'react'\n\nimport { Button } from '@/components/button'\nimport { IconClose } from '@/icons/close'\nimport { cn } from '@/lib/utils'\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 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 \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\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n return (\n \n )\n}\n\nfunction SheetDescription({ className, ...props }: SheetPrimitive.Description.Props) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetClose,\n SheetContent,\n SheetDescription,\n SheetFooter,\n SheetHeader,\n SheetTitle,\n SheetTrigger,\n}\n",
"type": "registry:ui",
"target": "components/sheet.tsx"
},
{
"path": "src/lib/utils.ts",
"content": "import { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n",
"type": "registry:lib",
"target": "lib/utils.ts"
}
],
"type": "registry:ui",
"meta": {
"nswdsVersion": "5.1.0"
}
}