{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dash-ring",
  "files": [
    {
      "path": "registry/components/loading-ui/dash-ring.tsx",
      "content": "import { cn } from \"@/lib/utils\";\n\ntype DashRingProps = React.ComponentProps<\"svg\">;\n\nfunction DashRing({ className, ...props }: DashRingProps) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role=\"status\"\n      className={cn(className)}\n      {...props}\n    >\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"9.5\"\n        opacity=\"0.1\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n      <circle cx=\"12\" cy=\"12\" r=\"9.5\" strokeWidth=\"2\" strokeLinecap=\"round\">\n        <animateTransform\n          attributeName=\"transform\"\n          type=\"rotate\"\n          from=\"0 12 12\"\n          to=\"360 12 12\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"stroke-dasharray\"\n          values=\"0 150;42 150;42 150\"\n          keyTimes=\"0;0.5;1\"\n          dur=\"1.5s\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"stroke-dashoffset\"\n          values=\"0;-16;-59\"\n          keyTimes=\"0;0.5;1\"\n          dur=\"1.5s\"\n          repeatCount=\"indefinite\"\n        />\n      </circle>\n    </svg>\n  );\n}\n\nexport { DashRing };\n",
      "type": "registry:component",
      "target": ""
    }
  ],
  "type": "registry:component"
}