{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "ring",
  "files": [
    {
      "path": "registry/components/loading-ui/ring.tsx",
      "content": "import { cn } from \"@/lib/utils\";\n\nfunction Ring({ className, style, ...props }: React.ComponentProps<\"svg\">) {\n  return (\n    <>\n      <style>{`\n        @keyframes loading-ui-ring-spin {\n          to {\n            transform: rotate(360deg);\n          }\n        }\n      `}</style>\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={cn(className)}\n        style={{\n          animationName: \"loading-ui-ring-spin\",\n          animationDuration: \"var(--duration, 1s)\",\n          animationTimingFunction: \"linear\",\n          animationIterationCount: \"infinite\",\n          ...style,\n        }}\n        {...props}\n      >\n        <path\n          d=\"M21 12.0004C20.9999 13.901 20.3981 15.7528 19.2809 17.2904C18.1637 18.8279 16.5885 19.9723 14.7809 20.5596C12.9733 21.1469 11.0262 21.1468 9.21864 20.5594C7.41109 19.9721 5.83588 18.8276 4.71876 17.29C3.60165 15.7523 2.99999 13.9005 3 11.9999C3.00001 10.0993 3.60171 8.24755 4.71884 6.70994C5.83598 5.17233 7.4112 4.02785 9.21877 3.44052C11.0263 2.85319 12.9734 2.85316 14.781 3.44044\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    </>\n  );\n}\n\nexport { Ring };\n",
      "type": "registry:component",
      "target": ""
    }
  ],
  "type": "registry:component"
}