{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "card",
  "title": "Card",
  "description": "Container with header, content, and footer sections.",
  "files": [
    {
      "path": "registry/new-york/ui/card.tsx",
      "content": "import * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst Card = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n  function Card({ className, ...props }, ref) {\n    return (\n      <div\n        className={cn(\n          \"flex touch-manipulation flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm\",\n          className\n        )}\n        data-slot=\"card\"\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\n\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(function CardHeader({ className, ...props }, ref) {\n  return (\n    <div\n      className={cn(\n        \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\n        className\n      )}\n      data-slot=\"card-header\"\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst CardTitle = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n  function CardTitle({ className, ...props }, ref) {\n    return (\n      <div\n        className={cn(\n          \"font-semibold text-xl leading-none tracking-tight\",\n          className\n        )}\n        data-slot=\"card-title\"\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\n\nconst CardDescription = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(function CardDescription({ className, ...props }, ref) {\n  return (\n    <div\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      data-slot=\"card-description\"\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst CardAction = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(function CardAction({ className, ...props }, ref) {\n  return (\n    <div\n      className={cn(\n        \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        className\n      )}\n      data-slot=\"card-action\"\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(function CardContent({ className, ...props }, ref) {\n  return (\n    <div\n      className={cn(\"px-6\", className)}\n      data-slot=\"card-content\"\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(function CardFooter({ className, ...props }, ref) {\n  return (\n    <div\n      className={cn(\"flex items-center px-6 [.border-t]:pt-6\", className)}\n      data-slot=\"card-footer\"\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n};\n",
      "type": "registry:ui"
    }
  ],
  "docs": "https://ui.shadcn.com/docs/components/card?utm_source=hextaui&utm_medium=referral&utm_campaign=component-docs&ref=hextaui.com",
  "categories": [
    "component"
  ],
  "type": "registry:ui"
}