{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "aurora-text",
  "type": "registry:ui",
  "title": "Aurora Text",
  "description": "A beautiful aurora text effect",
  "files": [
    {
      "path": "registry/magicui/aurora-text.tsx",
      "content": "\"use client\"\n\nimport React, { memo } from \"react\"\n\ninterface AuroraTextProps {\n  children: React.ReactNode\n  className?: string\n  colors?: string[]\n  speed?: number\n}\n\nexport const AuroraText = memo(\n  ({\n    children,\n    className = \"\",\n    colors = [\"#FF0080\", \"#7928CA\", \"#0070F3\", \"#38bdf8\"],\n    speed = 1,\n  }: AuroraTextProps) => {\n    const gradientStyle = {\n      backgroundImage: `linear-gradient(135deg, ${colors.join(\", \")}, ${\n        colors[0]\n      })`,\n      WebkitBackgroundClip: \"text\",\n      WebkitTextFillColor: \"transparent\",\n      animationDuration: `${10 / speed}s`,\n    }\n\n    return (\n      <span className={`relative inline-block ${className}`}>\n        <span className=\"sr-only\">{children}</span>\n        <span\n          className=\"animate-aurora relative bg-size-[200%_auto] bg-clip-text text-transparent\"\n          style={gradientStyle}\n          aria-hidden=\"true\"\n        >\n          {children}\n        </span>\n      </span>\n    )\n  }\n)\n\nAuroraText.displayName = \"AuroraText\"\n",
      "type": "registry:ui"
    }
  ],
  "cssVars": {
    "theme": {
      "animate-aurora": "aurora 8s ease-in-out infinite alternate"
    }
  },
  "css": {
    "@keyframes aurora": {
      "0%": {
        "background-position": "0% 50%",
        "transform": "rotate(-5deg) scale(0.9)"
      },
      "25%": {
        "background-position": "50% 100%",
        "transform": "rotate(5deg) scale(1.1)"
      },
      "50%": {
        "background-position": "100% 50%",
        "transform": "rotate(-3deg) scale(0.95)"
      },
      "75%": {
        "background-position": "50% 0%",
        "transform": "rotate(3deg) scale(1.05)"
      },
      "100%": {
        "background-position": "0% 50%",
        "transform": "rotate(-5deg) scale(0.9)"
      }
    }
  }
}