{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "timeline",
  "title": "Timeline",
  "description": "A compact semantic history for decisions and releases.",
  "registryDependencies": [
    "@manner/utils",
    "@manner/manner-theme"
  ],
  "files": [
    {
      "path": "registry/manner/editorial/timeline.tsx",
      "content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/cn\"\n\ntype TimelineEntry = { date: React.ReactNode; title: React.ReactNode; description?: React.ReactNode }\ntype TimelineProps = React.ComponentProps<\"ol\"> & { items: TimelineEntry[] }\n\nfunction Timeline({ items, className, ...props }: TimelineProps) {\n  return (\n    <ol data-slot=\"timeline\" className={cn(\"m-0 list-none p-0\", className)} {...props}>\n      {items.map((item, index) => (\n        <li key={index} className=\"grid grid-cols-[34px_1fr] gap-4 pb-6 last:pb-0\">\n          <span className=\"grid size-8 place-items-center rounded-full border border-[var(--border)] font-mono text-xs text-[var(--accent)]\">{String(index + 1).padStart(2, \"0\")}</span>\n          <div className=\"border-b border-[var(--border-subtle)] pb-5 last:border-0\"><time className=\"font-mono text-[.68rem] uppercase tracking-wider text-[var(--muted)]\">{item.date}</time><h3 className=\"my-1 font-[family-name:var(--serif)] text-lg font-medium\">{item.title}</h3>{item.description && <p className=\"m-0 text-sm leading-relaxed text-[var(--ink-secondary)]\">{item.description}</p>}</div>\n        </li>\n      ))}\n    </ol>\n  )\n}\n\nexport { Timeline, type TimelineEntry, type TimelineProps }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}