{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "card",
  "type": "registry:ui",
  "description": "Content containers with multiple variants",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/new-york/card/card.tsx",
      "content": "import * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: \"default\" | \"outlined\" | \"elevated\"\n}\n\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, variant = \"default\", ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"card\"\n        className={cn(\n          \"text-fineshyt flex flex-col gap-6 rounded-lg py-6 transition-all duration-500\",\n          variant === \"default\" && \"bg-winedusk/40 border border-winedusk/60 shadow-[inset_0_1px_2px_rgba(60,42,61,0.3)] hover:bg-winedusk/50\",\n          variant === \"outlined\" && \"bg-transparent border-2 border-winedusk\",\n          variant === \"elevated\" && \"bg-winedusk/40 border border-winedusk/60 shadow-lg\",\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nCard.displayName = \"Card\"\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"card-header\"\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        {...props}\n      />\n    )\n  }\n)\nCardHeader.displayName = \"CardHeader\"\n\nconst CardTitle = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"card-title\"\n        className={cn(\"leading-none font-semibold lowercase\", className)}\n        {...props}\n      />\n    )\n  }\n)\nCardTitle.displayName = \"CardTitle\"\n\nconst CardDescription = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"card-description\"\n        className={cn(\"text-fineshyt/60 text-sm\", className)}\n        {...props}\n      />\n    )\n  }\n)\nCardDescription.displayName = \"CardDescription\"\n\nconst CardAction = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"card-action\"\n        className={cn(\n          \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nCardAction.displayName = \"CardAction\"\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"card-content\"\n        className={cn(\"px-6\", className)}\n        {...props}\n      />\n    )\n  }\n)\nCardContent.displayName = \"CardContent\"\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"card-footer\"\n        className={cn(\"flex items-center px-6 [.border-t]:pt-6\", className)}\n        {...props}\n      />\n    )\n  }\n)\nCardFooter.displayName = \"CardFooter\"\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n}\n",
      "type": "registry:ui"
    }
  ]
}