{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "progress-circle",
  "title": "progress-circle",
  "description": "progress-circle",
  "dependencies": [
    "react-aria-components",
    "cn"
  ],
  "files": [
    {
      "path": "src/components/ui/progress-circle.tsx",
      "content": "\"use client\"\n\nimport { ProgressBar, type ProgressBarProps } from \"react-aria-components/ProgressBar\"\nimport { cn } from \"cn\"\n\nexport interface ProgressCircleProps extends Omit<ProgressBarProps, \"className\"> {\n  className?: string\n  ref?: React.RefObject<HTMLDivElement>\n}\n\nexport function ProgressCircle({ className, ref, ...props }: ProgressCircleProps) {\n  const c = \"50%\"\n  const r = \"calc(50% - 2px)\"\n  return (\n    <ProgressBar {...props} ref={ref}>\n      {({ percentage, isIndeterminate }) => (\n        <svg\n          className={cn(\"size-4 shrink-0\", className)}\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          data-slot=\"icon\"\n        >\n          <circle cx={c} cy={c} r={r} strokeWidth={3} stroke=\"currentColor\" strokeOpacity={0.25} />\n          {!isIndeterminate ? (\n            <circle\n              cx={c}\n              cy={c}\n              r={r}\n              strokeWidth={3}\n              stroke=\"currentColor\"\n              pathLength={100}\n              strokeDasharray=\"100 200\"\n              strokeDashoffset={100 - (percentage ?? 0)}\n              strokeLinecap=\"round\"\n              transform=\"rotate(-90)\"\n              className=\"origin-center\"\n            />\n          ) : (\n            <circle\n              cx={c}\n              cy={c}\n              r={r}\n              strokeWidth={3}\n              stroke=\"currentColor\"\n              pathLength={100}\n              strokeDasharray=\"100 200\"\n              strokeDashoffset={100 - 30}\n              strokeLinecap=\"round\"\n              className=\"origin-center animate-[spin_1s_cubic-bezier(0.4,0,0.2,1)_infinite]\"\n            />\n          )}\n        </svg>\n      )}\n    </ProgressBar>\n  )\n}\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}