{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "spotlight-card",
  "title": "Spotlight Card",
  "description": "A card with a spotlight effect that follows the cursor.",
  "dependencies": [
    "motion",
    "clsx",
    "tailwind-merge"
  ],
  "files": [
    {
      "path": "registry/wise-ui/components/spotlight-card.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { motion, useMotionValue, useMotionTemplate } from \"motion/react\"\nimport { cn } from \"@/registry/wise-ui/lib/utils\"\n\ninterface SpotlightCardProps {\n  spotlightColor?: string\n  spotlightSize?: number\n  children: React.ReactNode\n  className?: string\n}\n\nfunction SpotlightCard({\n  spotlightColor = \"rgba(255,255,255,0.08)\",\n  spotlightSize = 200,\n  children,\n  className,\n}: SpotlightCardProps) {\n  const mouseX = useMotionValue(0)\n  const mouseY = useMotionValue(0)\n  const [isHovered, setIsHovered] = React.useState(false)\n\n  const background = useMotionTemplate`radial-gradient(${spotlightSize}px circle at ${mouseX}px ${mouseY}px, ${spotlightColor}, transparent 80%)`\n\n  function handleMouseMove(e: React.MouseEvent<HTMLDivElement>) {\n    const rect = e.currentTarget.getBoundingClientRect()\n    mouseX.set(e.clientX - rect.left)\n    mouseY.set(e.clientY - rect.top)\n  }\n\n  return (\n    <div\n      className={cn(\n        \"group relative overflow-hidden rounded-xl border border-border bg-card\",\n        className\n      )}\n      onMouseMove={handleMouseMove}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      <motion.div\n        className=\"pointer-events-none absolute inset-0 z-10 transition-opacity duration-300\"\n        style={{ background, opacity: isHovered ? 1 : 0 }}\n      />\n      <div className=\"relative z-20\">{children}</div>\n    </div>\n  )\n}\nSpotlightCard.displayName = \"SpotlightCard\"\n\nexport { SpotlightCard }\nexport type { SpotlightCardProps }\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}