{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "border-beam",
  "title": "Border Beam",
  "description": "A card with an animated beam traveling along its border.",
  "dependencies": [
    "motion",
    "clsx",
    "tailwind-merge"
  ],
  "files": [
    {
      "path": "registry/wise-ui/components/border-beam.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { motion } from \"motion/react\"\nimport { cn } from \"@/registry/wise-ui/lib/utils\"\n\ninterface BorderBeamProps {\n  size?: number\n  duration?: number\n  delay?: number\n  color?: string\n  className?: string\n}\n\nfunction BorderBeam({\n  size = 80,\n  duration = 6,\n  delay = 0,\n  color = \"hsl(var(--primary))\",\n  className,\n}: BorderBeamProps) {\n  return (\n    <div\n      className={cn(\n        \"pointer-events-none absolute inset-0 overflow-hidden rounded-[inherit]\",\n        className\n      )}\n    >\n      <motion.div\n        className=\"absolute inset-0\"\n        style={{\n          background: `conic-gradient(from 0deg, transparent 0%, transparent 70%, ${color} 85%, transparent 100%)`,\n          width: \"200%\",\n          height: \"200%\",\n          left: \"-50%\",\n          top: \"-50%\",\n        }}\n        animate={{ rotate: 360 }}\n        transition={{\n          duration,\n          delay,\n          repeat: Infinity,\n          ease: \"linear\",\n        }}\n      />\n      {/* Inner mask to show only the border strip */}\n      <div className=\"absolute inset-[1.5px] rounded-[inherit] bg-background\" />\n    </div>\n  )\n}\nBorderBeam.displayName = \"BorderBeam\"\n\nexport { BorderBeam }\nexport type { BorderBeamProps }\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}