{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "pulse-button",
  "title": "Pulse Button",
  "description": "A button with a pulsing glow animation.",
  "dependencies": [
    "motion",
    "clsx",
    "tailwind-merge"
  ],
  "files": [
    {
      "path": "registry/wise-ui/components/pulse-button.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 PulseButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Pulse ring color */\n  pulseColor?: string\n  /** Seconds per pulse cycle */\n  duration?: number\n  children: React.ReactNode\n}\n\nconst PulseButton = React.forwardRef<HTMLButtonElement, PulseButtonProps>(\n  (\n    {\n      pulseColor = \"hsl(var(--primary))\",\n      duration = 2,\n      children,\n      disabled,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div className=\"relative inline-flex rounded-md\">\n        {/* Pulse rings */}\n        {!disabled && (\n          <>\n            <motion.div\n              className=\"pointer-events-none absolute inset-0 rounded-md\"\n              style={{\n                border: `2px solid ${pulseColor}`,\n              }}\n              animate={{ scale: [1, 1.6], opacity: [0.4, 0] }}\n              transition={{\n                duration,\n                repeat: Infinity,\n                ease: \"easeOut\",\n              }}\n            />\n            <motion.div\n              className=\"pointer-events-none absolute inset-0 rounded-md\"\n              style={{\n                border: `2px solid ${pulseColor}`,\n              }}\n              animate={{ scale: [1, 1.6], opacity: [0.4, 0] }}\n              transition={{\n                duration,\n                delay: duration / 2,\n                repeat: Infinity,\n                ease: \"easeOut\",\n              }}\n            />\n          </>\n        )}\n\n        <button\n          ref={ref}\n          disabled={disabled}\n          className={cn(\n            \"relative inline-flex cursor-pointer items-center gap-2 rounded-md bg-primary px-5 py-2.5 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90\",\n            \"disabled:cursor-not-allowed disabled:opacity-50\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </button>\n      </div>\n    )\n  }\n)\nPulseButton.displayName = \"PulseButton\"\n\nexport { PulseButton }\nexport type { PulseButtonProps }\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}