{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "minimal-card",
  "type": "registry:ui",
  "description": "Clean and minimal card component with subtle styling and hover effects",
  "files": [
    {
      "path": "registry/default/ui/minimal-card.tsx",
      "content": "import * as React from \"react\"\nimport Image from \"next/image\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst MinimalCard = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & { children?: React.ReactNode }\n>(({ className, children, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"rounded-[24px] bg-neutral-50 p-2 no-underline shadow-sm transition-colors hover:bg-neutral-100 dark:bg-neutral-800 dark:hover:bg-neutral-800/80\",\n      \"shadow-[0px_1px_1px_0px_rgba(0,0,0,0.05),0px_1px_1px_0px_rgba(255,252,240,0.5)_inset,0px_0px_0px_1px_hsla(0,0%,100%,0.1)_inset,0px_0px_1px_0px_rgba(28,27,26,0.5)]\",\n      \"shadow-[rgba(17,24,28,0.08)_0_0_0_1px,rgba(17,24,28,0.08)_0_1px_2px_-1px,rgba(17,24,28,0.04)_0_2px_4px]\",\n      \"dark:shadow-[0_1px_0_0_rgba(255,255,255,0.03)_inset,0_0_0_1px_rgba(255,255,255,0.03)_inset,0_0_0_1px_rgba(0,0,0,0.1),0_2px_2px_0_rgba(0,0,0,0.1),0_4px_4px_0_rgba(0,0,0,0.1),0_8px_8px_0_rgba(0,0,0,0.1)]\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n))\nMinimalCard.displayName = \"MinimalCard\"\n\nconst MinimalCardImage = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & { src: string; alt: string }\n>(({ className, alt, src, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"relative mb-6 h-[190px] w-full rounded-[20px]\",\n      \"shadow-[0px_1px_1px_0px_rgba(0,0,0,0.05),0px_1px_1px_0px_rgba(255,252,240,0.5)_inset,0px_0px_0px_1px_hsla(0,0%,100%,0.1)_inset,0px_0px_1px_0px_rgba(28,27,26,0.5)]\",\n      \"dark:shadow-[0_1px_0_0_rgba(255,255,255,0.03)_inset,0_0_0_1px_rgba(255,255,255,0.03)_inset,0_0_0_1px_rgba(0,0,0,0.1),0_2px_2px_0_rgba(0,0,0,0.1),0_4px_4px_0_rgba(0,0,0,0.1),0_8px_8px_0_rgba(0,0,0,0.1)]\",\n      className\n    )}\n    {...props}\n  >\n    <img\n      src={src}\n      alt={alt}\n      width={200}\n      height={200}\n      className=\"absolute inset-0 h-full w-full rounded-[16px] object-cover\"\n    />\n    <div className=\"absolute inset-0 rounded-[16px]\">\n      <div\n        className={cn(\n          \"absolute inset-0 rounded-[16px]\",\n          \"shadow-[0px_0px_0px_1px_rgba(0,0,0,.07),0px_0px_0px_3px_#fff,0px_0px_0px_4px_rgba(0,0,0,.08)]\",\n          \"dark:shadow-[0px_0px_0px_1px_rgba(0,0,0,.07),0px_0px_0px_3px_rgba(100,100,100,0.3),0px_0px_0px_4px_rgba(0,0,0,.08)]\"\n        )}\n      />\n      <div\n        className={cn(\n          \"absolute inset-0 rounded-[16px]\",\n          \"dark:shadow-[0px_1px_1px_0px_rgba(0,0,0,0.15),0px_1px_1px_0px_rgba(0,0,0,0.15)_inset,0px_0px_0px_1px_rgba(0,0,0,0.15)_inset,0px_0px_1px_0px_rgba(0,0,0,0.15)]\"\n        )}\n      />\n    </div>\n  </div>\n))\nMinimalCardImage.displayName = \"MinimalCardImage\"\n\nconst MinimalCardTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn(\"mt-2 px-1 text-lg leading-tight font-semibold\", className)}\n    {...props}\n  />\n))\nMinimalCardTitle.displayName = \"MinimalCardTitle\"\n\nconst MinimalCardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn(\"px-1 pb-2 text-sm text-neutral-500\", className)}\n    {...props}\n  />\n))\nMinimalCardDescription.displayName = \"MinimalCardDescription\"\n\nconst MinimalCardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n))\nMinimalCardContent.displayName = \"MinimalCardContent\"\n\nconst MinimalCardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex items-center p-6 pt-0\", className)}\n    {...props}\n  />\n))\nMinimalCardFooter.displayName = \"MinimalCardFooter\"\n\nexport {\n  MinimalCard,\n  MinimalCardImage,\n  MinimalCardTitle,\n  MinimalCardDescription,\n  MinimalCardContent,\n  MinimalCardFooter,\n}\n\nexport default MinimalCard\n",
      "type": "registry:ui"
    }
  ]
}