{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "whats-new-card",
  "title": "What's New Card",
  "author": "STARCK",
  "description": "A focused product-update card with version and date metadata.",
  "files": [
    {
      "path": "registry/default/whats-new-card.tsx",
      "content": "type WhatsNewCardProps = {\n  title: string\n  version: string\n  date: string\n  summary: string\n  href?: string\n  className?: string\n}\n\nfunction ArrowIcon() {\n  return (\n    <svg viewBox=\"0 0 16 16\" fill=\"none\" className=\"size-4\" aria-hidden>\n      <path\n        d=\"M3.5 8h9M9 4.5 12.5 8 9 11.5\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.4\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nfunction WhatsNewCard({\n  title,\n  version,\n  date,\n  summary,\n  href,\n  className = \"\",\n}: WhatsNewCardProps) {\n  const content = (\n    <>\n      <div className=\"flex items-center justify-between gap-4\">\n        <span className=\"rounded-full bg-blue-600/8 px-2.5 py-1 text-[11px] font-semibold text-blue-700\">\n          What’s new\n        </span>\n        <span className=\"font-mono text-[11px] text-zinc-400\">v{version}</span>\n      </div>\n      <h3 className=\"mt-5 text-lg font-semibold tracking-[-0.02em] text-zinc-950\">\n        {title}\n      </h3>\n      <p className=\"mt-2 text-sm leading-6 text-zinc-600\">{summary}</p>\n      <div className=\"mt-5 flex items-center justify-between text-xs text-zinc-400\">\n        <time>{date}</time>\n        {href ? (\n          <span className=\"inline-flex items-center gap-1 font-medium text-zinc-700 transition-transform group-hover:translate-x-0.5\">\n            Read more <ArrowIcon />\n          </span>\n        ) : null}\n      </div>\n    </>\n  )\n\n  const classes = `group block rounded-2xl border border-black/8 bg-white p-5 shadow-[0_18px_50px_-35px_rgba(0,0,0,0.35)] transition-[transform,box-shadow] hover:-translate-y-0.5 hover:shadow-[0_24px_60px_-35px_rgba(0,0,0,0.45)] ${className}`\n\n  return href ? (\n    <a href={href} className={classes}>\n      {content}\n    </a>\n  ) : (\n    <article className={classes}>{content}</article>\n  )\n}\n\nexport { WhatsNewCard }\nexport type { WhatsNewCardProps }\n",
      "type": "registry:component",
      "target": "components/whats-new-card.tsx"
    }
  ],
  "type": "registry:component"
}