{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "docs-page",
  "type": "registry:component",
  "title": "Docs page",
  "description": "A Tailwind documentation page layout with a table of contents sidebar, prose with anchored headings, a copyable install command and an info callout.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/callout.json",
    "https://ui.minidev.pro/r/code-block.json",
    "https://ui.minidev.pro/r/prose.json",
    "https://ui.minidev.pro/r/toc.json"
  ],
  "files": [
    {
      "path": "registry/blocks/docs-page.tsx",
      "type": "registry:ui",
      "target": "components/ui/docs-page.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { Toc } from \"@/components/ui/toc\"\nimport { Prose } from \"@/components/ui/prose\"\nimport { Callout } from \"@/components/ui/callout\"\nimport { CodeBlock } from \"@/components/ui/code-block\"\n\nfunction DocsPage() {\n  return (\n    <div data-slot=\"docs-page\" className=\"mx-auto grid max-w-5xl gap-10 lg:grid-cols-[200px_1fr]\">\n      <Toc\n        items={[\n          { id: \"intro\", title: \"Introduction\" },\n          { id: \"install\", title: \"Install\", level: 2 },\n          { id: \"tokens\", title: \"Tokens\", level: 2 },\n        ]}\n        activeId=\"intro\"\n      />\n      <div className=\"space-y-6\">\n        <Prose>\n          <h1 id=\"intro\">Introduction</h1>\n          <p>Everything you need to integrate Lumen, from first request to production.</p>\n          <h2 id=\"install\">Install</h2>\n          <p>Add components from the registry into your Next.js app.</p>\n        </Prose>\n        <CodeBlock code=\"npx shadcn@latest add @minidev/button\" language=\"bash\" />\n        <Callout title=\"Tip\" tone=\"info\">Start with the quickstart, then explore the API reference.</Callout>\n      </div>\n    </div>\n  )\n}\nexport { DocsPage }\n"
    }
  ]
}