{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "morphing-infinity",
  "dependencies": ["motion"],
  "files": [
    {
      "path": "registry/components/loading-ui/morphing-infinity.tsx",
      "content": "\"use client\";\n\nimport { motion } from \"motion/react\";\n\nconst circleA =\n  \"M 12 8 C 14.21 8 16 9.79 16 12 C 16 14.21 14.21 16 12 16 C 9.79 16 8 14.21 8 12 C 8 9.79 9.79 8 12 8 Z\";\n\nconst infinity =\n  \"M 12 12 C 14 8.5 19 8.5 19 12 C 19 15.5 14 15.5 12 12 C 10 8.5 5 8.5 5 12 C 5 15.5 10 15.5 12 12 Z\";\n\nconst circleB =\n  \"M 12 16 C 14.21 16 16 14.21 16 12 C 16 9.79 14.21 8 12 8 C 9.79 8 8 9.79 8 12 C 8 14.21 9.79 16 12 16 Z\";\n\nfunction MorphingInfinity(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={1.5}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      role=\"status\"\n      aria-label=\"Loading\"\n      {...props}\n    >\n      <motion.path\n        animate={{\n          d: [circleA, infinity, circleB, infinity, circleA],\n        }}\n        transition={{\n          d: {\n            duration: 5,\n            ease: \"easeInOut\",\n            repeat: Infinity,\n            times: [0, 0.25, 0.5, 0.75, 1.0],\n          },\n        }}\n      />\n    </svg>\n  );\n}\n\nexport { MorphingInfinity };\n",
      "type": "registry:component",
      "target": ""
    }
  ],
  "type": "registry:component"
}