{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "changelog-page",
  "type": "registry:component",
  "title": "Changelog page",
  "description": "A Tailwind changelog card listing releases with a monospace version, tag badge, date, title and summary, separated by hairline dividers.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/badge.json"
  ],
  "files": [
    {
      "path": "registry/blocks/changelog-page.tsx",
      "type": "registry:ui",
      "target": "components/ui/changelog-page.tsx",
      "content": "\"use client\"\nimport { Badge } from \"@/components/ui/badge\"\n\nconst ENTRIES = [\n  { version: \"0.9.0\", date: \"Sep 14\", tag: \"Premium\", title: \"Client showcase + OS mock\", body: \"Pitch kit, scroll chapters, free/premium compare, metric ticker.\" },\n  { version: \"0.8.0\", date: \"Sep 14\", tag: \"Craft\", title: \"Docs, playground, data-slot\", body: \"Every free UI ships data-slot. Curated playground demos expanded.\" },\n  { version: \"0.7.0\", date: \"Sep 14\", tag: \"Motion\", title: \"Faster search, everywhere\", body: \"Sticky stories, magnetic CTA, wipe, device stack, countdown.\" },\n]\n\nfunction ChangelogPage() {\n  return (\n    <div data-slot=\"changelog-page\" className=\"space-y-4 rounded-2xl border border-border bg-surface p-6 shadow-highlight\">\n      <div>\n        <h3 className=\"text-xl font-medium tracking-[-0.014em] text-fg\">Changelog</h3>\n        <p className=\"mt-1 text-sm text-fg-muted\">What shipped recently in the local craft loop.</p>\n      </div>\n      <ul className=\"space-y-4\">\n        {ENTRIES.map((e) => (\n          <li key={e.version} className=\"border-t border-border pt-4 first:border-t-0 first:pt-0\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <span className=\"font-mono text-sm tabular-nums text-fg\">{e.version}</span>\n              <Badge variant=\"outline\">{e.tag}</Badge>\n              <span className=\"text-xs text-fg-muted\">{e.date}</span>\n            </div>\n            <p className=\"mt-2 text-sm font-medium text-fg\">{e.title}</p>\n            <p className=\"mt-1 text-sm text-fg-muted\">{e.body}</p>\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\nexport { ChangelogPage }\n"
    }
  ]
}