{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "cyber-button",
  "description": "A cyberpunk-style button with neon borders and glitch effects.",
  "dependencies": [
    "framer-motion"
  ],
  "files": [
    {
      "path": "registry/new-york/buttons/cyber-button.tsx",
      "content": "\"use client\";\n\nimport React from \"react\";\nimport { motion } from \"framer-motion\";\nimport { cn } from \"@/lib/utils\";\n\nconst CyberButton = ({\n  className,\n  children,\n  ...props\n}: React.ButtonHTMLAttributes<HTMLButtonElement>) => {\n  return (\n    <button\n      className={cn(\n        \"group relative px-6 py-2 font-mono text-sm font-bold uppercase tracking-wider text-cyan-400 transition-all duration-300\",\n        \"hover:text-cyan-200 active:scale-95\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"relative z-10\">{children || \"Initialize\"}</span>\n\n      <div className=\"absolute inset-0 border border-cyan-500/50 transition-colors group-hover:border-cyan-400\" />\n\n      <div className=\"absolute -left-1 -top-1 size-2 border-l-2 border-t-2 border-cyan-500 transition-transform group-hover:-translate-x-0.5 group-hover:-translate-y-0.5\" />\n      <div className=\"absolute -right-1 -bottom-1 size-2 border-r-2 border-b-2 border-cyan-500 transition-transform group-hover:translate-x-0.5 group-hover:translate-y-0.5\" />\n\n      <div className=\"absolute inset-0 bg-cyan-500/0 opacity-0 transition-all duration-300 group-hover:bg-cyan-500/10 group-hover:opacity-100 group-hover:shadow-[0_0_20px_rgba(6,182,212,0.3)]\" />\n\n      <div className=\"absolute left-2 top-0 h-px w-4 bg-cyan-500/50 group-hover:w-8 group-hover:bg-cyan-400 transition-all\" />\n      <div className=\"absolute right-2 bottom-0 h-px w-4 bg-cyan-500/50 group-hover:w-8 group-hover:bg-cyan-400 transition-all\" />\n\n      <motion.div\n        className=\"absolute inset-x-0 h-[2px] bg-cyan-400/30 opacity-0 group-hover:opacity-100 blur-[1px] z-20 pointer-events-none\"\n        animate={{\n          top: [\"0%\", \"100%\", \"0%\"],\n        }}\n        transition={{\n          duration: 3,\n          repeat: Infinity,\n          ease: \"linear\",\n        }}\n      />\n    </button>\n  );\n};\n\nexport default CyberButton;\n",
      "type": "registry:component",
      "target": "components/pixel-perfect/cyber-button.tsx"
    }
  ],
  "type": "registry:block"
}