{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "progress-ring",
  "type": "registry:ui",
  "title": "Progress ring",
  "description": "A small circular progress ring with content in its center, used as a task badge.",
  "categories": [
    "atoms"
  ],
  "registryDependencies": [
    "https://irisui.dev/r/foundation.json"
  ],
  "files": [
    {
      "path": "src/registry/components/progress-ring/progress-ring.tsx",
      "content": "/** Small progress ring with content in the center — the task-badge from the refs. */\nexport function ProgressRing({\n  progress,\n  tone = \"orange\",\n  children,\n  size = 28,\n}: {\n  progress: number; // 0..1\n  tone?: \"orange\" | \"green\" | \"red\" | \"accent\";\n  children?: React.ReactNode;\n  size?: number;\n}) {\n  const stroke = 2;\n  const r = (size - stroke) / 2;\n  const c = 2 * Math.PI * r;\n  const tones = {\n    orange: \"var(--orange)\",\n    green: \"var(--green)\",\n    red: \"var(--red)\",\n    accent: \"var(--accent)\",\n  };\n  return (\n    <span className=\"relative inline-flex items-center justify-center\" style={{ width: size, height: size }}>\n      <svg width={size} height={size} className=\"-rotate-90 absolute inset-0\">\n        <circle cx={size / 2} cy={size / 2} r={r} fill=\"none\" stroke=\"var(--line)\" strokeWidth={stroke} />\n        <circle\n          cx={size / 2}\n          cy={size / 2}\n          r={r}\n          fill=\"none\"\n          stroke={tones[tone]}\n          strokeWidth={stroke}\n          strokeLinecap=\"round\"\n          strokeDasharray={c}\n          strokeDashoffset={c * (1 - Math.min(1, Math.max(0, progress)))}\n          style={{ transition: \"stroke-dashoffset 400ms cubic-bezier(0.23,1,0.32,1)\" }}\n        />\n      </svg>\n      <span className=\"relative text-[12px] font-semibold tabular-nums\">{children}</span>\n    </span>\n  );\n}\n",
      "type": "registry:component",
      "target": "@components/iris/progress-ring/progress-ring.tsx"
    }
  ],
  "docs": "Docs and live preview: https://irisui.dev/components/progress-ring",
  "meta": {
    "kind": "component",
    "group": "Feedback",
    "export": "ProgressRing",
    "docs": "https://irisui.dev/components/progress-ring"
  }
}