{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "hover-button",
  "title": "Hover Button",
  "description": "A hover button component",
  "files": [
    {
      "path": "registry/pioneerui/hover-button.tsx",
      "content": "\"use client\"\n\nimport React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\ninterface ButtonHoverProps {\n  children: React.ReactNode;\n  onClick?: () => void;\n  className?: string;\n  defaultSize?: string;\n  hoverWidth?: string;\n  gradientFrom?: string;\n  gradientTo?: string;\n  darkGradientFrom?: string;\n  darkGradientTo?: string;\n  borderColor?: string;\n  textColor?: string;\n}\n\nconst ButtonHover: React.FC<ButtonHoverProps> = ({\n  children,\n  onClick,\n  className = \"\",\n  defaultSize = \"h-12 w-12\",\n  hoverWidth = \"hover:w-32\",\n  gradientFrom = \"from-[#6a11cb]\",\n  gradientTo = \"to-[#2575fc]\",\n  darkGradientFrom = \"dark:from-[#070e41]\",\n  darkGradientTo = \"dark:to-[#891421]\",\n  borderColor = \"border-[#656fe2]\",\n  textColor = \"text-neutral-200\",\n}) => {\n  return (\n    <button\n      onClick={onClick}\n      className={cn(\n        \"group relative inline-flex items-center justify-center overflow-hidden rounded-full font-medium transition-all duration-300\",\n        defaultSize,\n        hoverWidth,\n        `bg-gradient-to-r ${gradientFrom} ${gradientTo} ${darkGradientFrom} ${darkGradientTo}`,\n        textColor,\n        borderColor,\n        className\n      )}\n    >\n      <div className=\"inline-flex whitespace-nowrap opacity-0 transition-all duration-200 group-hover:-translate-x-3 group-hover:opacity-100\">\n        {children}\n      </div>\n      <div className=\"absolute right-3.5\">\n        <svg\n          width=\"15\"\n          height=\"15\"\n          viewBox=\"0 0 15 15\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          className=\"h-5 w-5\"\n        >\n          <path\n            d=\"M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z\"\n            fill=\"currentColor\"\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n          ></path>\n        </svg>\n      </div>\n    </button>\n  )\n}\n\nexport default ButtonHover",
      "type": "registry:ui",
      "target": "components/pioneerui/hover-button.tsx"
    }
  ],
  "type": "registry:ui"
}