{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "progress-ring-demo",
  "type": "registry:example",
  "title": "Progress Ring Demo",
  "description": "A ring stepping through five values without ever settling.",
  "registryDependencies": [
    "@loomui/progress-ring"
  ],
  "files": [
    {
      "path": "registry/example/progress-ring-demo.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\n\nimport { ProgressRing } from \"@/registry/loomui/progress-ring\"\n\nconst STOPS = [20, 64, 38, 92, 12]\n\nexport default function ProgressRingDemo() {\n  const [index, setIndex] = React.useState(0)\n\n  React.useEffect(() => {\n    const timer = window.setInterval(\n      () => setIndex((current) => (current + 1) % STOPS.length),\n      1800\n    )\n    return () => window.clearInterval(timer)\n  }, [])\n\n  return (\n    <div className=\"flex flex-col items-center gap-4\">\n      <ProgressRing value={STOPS[index]} label=\"Threads wound\" />\n      <p className=\"text-muted-foreground text-xs\">\n        It never stops to start again.\n      </p>\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ]
}