{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "light-beam",
  "type": "registry:component",
  "title": "Light Beam",
  "description": "Animated light beam/ray sweeping effect",
  "dependencies": [],
  "files": [
    {
      "path": "components/kraavon-ui/LightBeam.tsx",
      "content": "\"use client\";\n\nimport React from \"react\";\n\ninterface LightBeamProps {\n  color?: string;\n  width?: number;\n  duration?: number;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n}\n\nexport default function LightBeam({\n  color = \"#6366f1\",\n  width = 200,\n  duration = 3,\n  className,\n  style,\n  children,\n}: LightBeamProps) {\n  return (\n    <div\n      className={className}\n      style={{\n        position: \"relative\",\n        overflow: \"hidden\",\n        background: \"#0a0a0f\",\n        ...style,\n      }}\n    >\n      <div\n        style={{\n          position: \"absolute\",\n          top: \"-20%\",\n          left: \"-20%\",\n          width: `${width}px`,\n          height: \"200%\",\n          background: `linear-gradient(to bottom, transparent 0%, ${color}44 30%, ${color}99 50%, ${color}44 70%, transparent 100%)`,\n          transform: \"rotate(-25deg)\",\n          filter: \"blur(8px)\",\n          animation: `beam-sweep ${duration}s ease-in-out infinite alternate`,\n          pointerEvents: \"none\",\n        }}\n      />\n      <div\n        style={{\n          position: \"absolute\",\n          top: \"-20%\",\n          left: \"-20%\",\n          width: `${width / 4}px`,\n          height: \"200%\",\n          background: `linear-gradient(to bottom, transparent 0%, ${color}22 30%, ${color}ff 50%, ${color}22 70%, transparent 100%)`,\n          transform: \"rotate(-25deg)\",\n          animation: `beam-sweep ${duration}s ease-in-out infinite alternate`,\n          pointerEvents: \"none\",\n        }}\n      />\n      <style>{`\n        @keyframes beam-sweep {\n          from { transform: rotate(-25deg) translateX(0); }\n          to   { transform: rotate(-25deg) translateX(120vw); }\n        }\n      `}</style>\n      <div style={{ position: \"relative\", zIndex: 1 }}>{children}</div>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ]
}