{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "card",
  "type": "registry:ui",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "ui/card.tsx",
      "content": "import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nexport function Card({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(\"rounded-xl border border-hairline bg-card text-card-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function CardHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n  return <div data-slot=\"card-header\" className={cn(\"flex flex-col gap-1.5 p-5\", className)} {...props} />;\n}\n\nexport function CardTitle({ className, ...props }: HTMLAttributes<HTMLHeadingElement>) {\n  return (\n    <h3\n      data-slot=\"card-title\"\n      className={cn(\"font-semibold leading-none tracking-tight text-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function CardDescription({ className, ...props }: HTMLAttributes<HTMLParagraphElement>) {\n  return (\n    <p data-slot=\"card-description\" className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\n  );\n}\n\nexport function CardContent({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n  return <div data-slot=\"card-content\" className={cn(\"p-5 pt-0\", className)} {...props} />;\n}\n\nexport function CardFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n  return <div data-slot=\"card-footer\" className={cn(\"flex items-center p-5 pt-0\", className)} {...props} />;\n}\n",
      "type": "registry:ui",
      "target": "components/ui/card.tsx"
    }
  ]
}