{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-primitives-radix-sheet",
  "title": "Radix Sheet Demo",
  "description": "Demo showing an animated radix sheet.",
  "registryDependencies": [
    "@odysseyui/primitives-radix-sheet"
  ],
  "files": [
    {
      "path": "registry/demo/primitives/radix/sheet/index.tsx",
      "content": "import {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetOverlay,\n  SheetPortal,\n  SheetTitle,\n  SheetTrigger,\n} from '@/components/odyssey/primitives/radix/sheet';\n\ninterface RadixSheetDemoProps {\n  side: 'right' | 'left' | 'top' | 'bottom';\n}\nexport const RadixSheetDemo = ({ side }: RadixSheetDemoProps) => {\n  return (\n    <Sheet>\n      <SheetTrigger>Open</SheetTrigger>\n      <SheetPortal>\n        <SheetOverlay className=\"fixed inset-0 z-50 bg-black/80\" />\n\n        <SheetContent\n          side={side}\n          className=\"gap-4 bg-background p-6 w-full size-full data-[side=right]:w-[350px] data-[side=left]:w-[350px] data-[side=top]:h-[350px] data-[side=bottom]:h-[350px] z-50\"\n        >\n          <SheetHeader>\n            <SheetTitle className=\"text-xl\">Edit profile</SheetTitle>\n            <SheetDescription className=\"text-sm text-muted-foreground\">\n              Make changes to your profile here. Click save when you&apos;re\n              done.\n            </SheetDescription>\n          </SheetHeader>\n          <div className=\"grid gap-4 py-4\">\n            <div className=\"flex flex-col gap-2\">\n              <label htmlFor=\"name\">Name</label>\n              <input\n                id=\"name\"\n                placeholder=\"Pedro Duarte\"\n                className=\"p-2 border\"\n              />\n            </div>\n            <div className=\"flex flex-col gap-2\">\n              <label htmlFor=\"username\">Username</label>\n              <input\n                id=\"username\"\n                placeholder=\"@peduarte\"\n                className=\"p-2 border\"\n              />\n            </div>\n          </div>\n          <SheetFooter>\n            <SheetClose\n              type=\"submit\"\n              className=\"w-full p-2 text-center bg-primary text-primary-foreground\"\n            >\n              Save changes\n            </SheetClose>\n          </SheetFooter>\n        </SheetContent>\n      </SheetPortal>\n    </Sheet>\n  );\n};\n",
      "type": "registry:ui",
      "target": "components/odysseyui/demo/primitives/radix/sheet.tsx"
    }
  ],
  "meta": {
    "demoProps": {
      "SheetContent": {
        "side": {
          "value": "right",
          "options": {
            "top": "top",
            "bottom": "bottom",
            "left": "left",
            "right": "right"
          }
        }
      }
    }
  },
  "type": "registry:ui"
}