{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "reading-progress-demo",
  "type": "registry:example",
  "title": "Reading Progress Demo",
  "description": "The page-level progress bar, live at the top of the screen.",
  "registryDependencies": [
    "@loomui/reading-progress"
  ],
  "files": [
    {
      "path": "registry/example/reading-progress-demo.tsx",
      "content": "import { ReadingProgress } from \"@/registry/loomui/reading-progress\"\n\nexport default function ReadingProgressDemo() {\n  return (\n    <div className=\"w-full max-w-md text-center\">\n      {/* Really pinned to the top of the viewport, not to this preview. */}\n      <ReadingProgress thickness={3} />\n      <p className=\"text-muted-foreground text-sm\">\n        The bar is live at the very top of this page. Scroll and it fills.\n      </p>\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ]
}