{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "detail-drawer",
  "title": "Detail Drawer",
  "description": "Open record facts and recent activity in a focused side panel without leaving the list.",
  "dependencies": [
    "lucide-react@^1.33.0"
  ],
  "registryDependencies": [
    "https://components.exe.xyz/r/activity-timeline.json",
    "https://components.exe.xyz/r/button.json",
    "https://components.exe.xyz/r/separator.json",
    "https://components.exe.xyz/r/sheet.json"
  ],
  "files": [
    {
      "path": "src/components/blocks/detail-drawer.tsx",
      "content": "import { Eye } from \"lucide-react\"\n\nimport { ActivityTimeline } from \"@/components/blocks/activity-timeline\"\nimport { Button } from \"@/components/ui/button\"\nimport { Separator } from \"@/components/ui/separator\"\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\"\n\nexport function DetailDrawer() {\n  return (\n    <Sheet>\n      <SheetTrigger asChild>\n        <Button variant=\"outline\">\n          <Eye /> Open detail\n        </Button>\n      </SheetTrigger>\n      <SheetContent className=\"overflow-y-auto sm:max-w-lg\">\n        <SheetHeader>\n          <SheetTitle>Northwind renewal</SheetTitle>\n          <SheetDescription>\n            Account detail and latest activity.\n          </SheetDescription>\n        </SheetHeader>\n        <div className=\"space-y-5 px-4 pb-6\">\n          <div className=\"grid grid-cols-2 gap-3\">\n            {[\n              [\"Stage\", \"Negotiation\"],\n              [\"Value\", \"$128,400\"],\n              [\"Owner\", \"Maya Chen\"],\n              [\"Close\", \"Sep 18\"],\n            ].map(([key, value]) => (\n              <div key={key} className=\"rounded-[2px] border border-border p-3\">\n                <p className=\"text-xs text-muted-foreground\">{key}</p>\n                <p className=\"mt-1 text-sm font-medium\">{value}</p>\n              </div>\n            ))}\n          </div>\n          <Separator />\n          <ActivityTimeline />\n        </div>\n      </SheetContent>\n    </Sheet>\n  )\n}\n",
      "type": "registry:block"
    }
  ],
  "type": "registry:block"
}