{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "card",
  "type": "registry:ui",
  "title": "Card",
  "description": "Surface primitive used as the base for panels and stat cards.",
  "dependencies": [],
  "devDependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/blacksite/ui/card.tsx",
      "type": "registry:ui",
      "target": "components/ui/card.tsx",
      "content": "import * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst Card = React.memo(\n  React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n    ({ className, ...props }, ref) => (\n      <div\n        ref={ref}\n        className={cn(\n          \"border-border bg-card text-card-foreground rounded-md border shadow-[var(--shadow-panel)]\",\n          className,\n        )}\n        {...props}\n      />\n    ),\n  ),\n);\nCard.displayName = \"Card\";\n\nconst CardHeader = React.memo(\n  React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n    ({ className, ...props }, ref) => (\n      <div ref={ref} className={cn(\"flex flex-col gap-1 p-4\", className)} {...props} />\n    ),\n  ),\n);\nCardHeader.displayName = \"CardHeader\";\n\nconst CardTitle = React.memo(\n  React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n    ({ className, ...props }, ref) => (\n      <div\n        ref={ref}\n        className={cn(\"text-sm leading-none font-semibold tracking-tight\", className)}\n        {...props}\n      />\n    ),\n  ),\n);\nCardTitle.displayName = \"CardTitle\";\n\nconst CardDescription = React.memo(\n  React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n    ({ className, ...props }, ref) => (\n      <div ref={ref} className={cn(\"text-foreground-muted text-xs\", className)} {...props} />\n    ),\n  ),\n);\nCardDescription.displayName = \"CardDescription\";\n\nconst CardContent = React.memo(\n  React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n    ({ className, ...props }, ref) => (\n      <div ref={ref} className={cn(\"p-4 pt-0\", className)} {...props} />\n    ),\n  ),\n);\nCardContent.displayName = \"CardContent\";\n\nconst CardFooter = React.memo(\n  React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n    ({ className, ...props }, ref) => (\n      <div\n        ref={ref}\n        className={cn(\"border-border/60 flex items-center border-t p-4 pt-0\", className)}\n        {...props}\n      />\n    ),\n  ),\n);\nCardFooter.displayName = \"CardFooter\";\n\nexport { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter };\n"
    }
  ]
}