{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "steps",
  "title": "Steps Block",
  "description": "Numbered process steps.",
  "dependencies": [
    "@contentbit/core",
    "@contentbit/blocks",
    "@contentbit/react"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "src/blocks/steps.tsx",
      "content": "import { stepsBlock } from '@contentbit/blocks'\nimport { defineBlockComponent } from '@contentbit/react'\n\nexport const StepsBlock = defineBlockComponent(stepsBlock, ({ node, ctx }) => {\n  const data = node.data\n  const last = data.items.length - 1\n  return (\n    <ol data-cb-styled className=\"my-6\">\n      {data.items.map((item, i) => (\n        <li key={i} className=\"relative flex gap-4 pb-7 last:pb-0\">\n          {i < last ? (\n            <span className=\"bg-border absolute top-7 bottom-1 left-[13px] w-px\" aria-hidden />\n          ) : null}\n          <span className=\"bg-card text-foreground z-10 flex size-7 shrink-0 items-center justify-center rounded-full border font-mono text-xs font-semibold shadow-sm\">\n            {i + 1}\n          </span>\n          {/* Step text is Markdown — inline code and emphasis are common. */}\n          <div className=\"min-w-0 pt-1 text-sm leading-relaxed [&>p]:m-0 [&>p+p]:mt-2\">\n            {ctx.renderMarkdown(item.text)}\n          </div>\n        </li>\n      ))}\n    </ol>\n  )\n})\n",
      "type": "registry:component",
      "target": "components/content-blocks/steps.tsx"
    }
  ],
  "type": "registry:component"
}