{
  "$schema": "https://www.cooki-ui.design/schema/registry-item.json",
  "name": "spotlight-reveal-cursor",
  "type": "registry:ui",
  "title": "Spotlight Mask Reveal Cursor",
  "description": "Circular flashlight cursor mask revealing an illuminated technical circuit layer concealed beneath the dark surface.",
  "category": "cursors",
  "dependencies": [],
  "files": [
    {
      "path": "registry/cursors/spotlight-reveal-cursor/spotlight-reveal-cursor.tsx",
      "type": "registry:ui",
      "target": "components/ui/spotlight-reveal-cursor.tsx",
      "content": "import React, { useState, useRef } from 'react';\n\nexport const SpotlightRevealCursor: React.FC = () => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [pos, setPos] = useState({ x: -200, y: -200 });\n  const [isInside, setIsInside] = useState(false);\n\n  const handleMouseMove = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (!containerRef.current) return;\n    const rect = containerRef.current.getBoundingClientRect();\n    setPos({\n      x: e.clientX - rect.left,\n      y: e.clientY - rect.top,\n    });\n  };\n\n  return (\n    <div\n      ref={containerRef}\n      onMouseMove={handleMouseMove}\n      onMouseEnter={() => setIsInside(true)}\n      onMouseLeave={() => setIsInside(false)}\n      className=\"relative w-full h-64 rounded-2xl overflow-hidden bg-zinc-950 border border-white/10 flex items-center justify-center p-8 select-none\"\n    >\n      {/* Hidden Technical Layer */}\n      <div\n        className=\"absolute inset-0 p-8 flex flex-col justify-center items-center pointer-events-none transition-opacity duration-300\"\n        style={{\n          background: 'radial-gradient(ellipse at center, #1e1b4b 0%, #030712 100%)',\n          maskImage: isInside\n            ? `radial-gradient(circle 120px at ${pos.x}px ${pos.y}px, black 30%, transparent 100%)`\n            : 'none',\n          WebkitMaskImage: isInside\n            ? `radial-gradient(circle 120px at ${pos.x}px ${pos.y}px, black 30%, transparent 100%)`\n            : 'none',\n          opacity: isInside ? 1 : 0,\n        }}\n      >\n        <div className=\"font-mono text-cyan-400 text-sm font-bold tracking-widest uppercase\">\n          [ DECLASSIFIED KERNEL SPECIFICATION ]\n        </div>\n        <p className=\"mt-2 text-xs font-mono text-indigo-300 text-center max-w-sm\">\n          SHA-256: e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855\n          <br />\n          Quantum Zero-Knowledge Cryptographic Channel Ready.\n        </p>\n      </div>\n\n      {/* Surface Masked Layer */}\n      <div className=\"z-10 text-center pointer-events-none\">\n        <span className=\"text-xs font-mono uppercase tracking-widest text-zinc-500\">\n          HOVER FLASHLIGHT TO REVEAL CIPHER\n        </span>\n        <h4 className=\"text-xl font-bold text-zinc-200 mt-1\">Concealed Cryptographic Buffer</h4>\n      </div>\n    </div>\n  );\n};\n"
    }
  ]
}