{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "shimmer-button",
  "title": "Shimmer Button",
  "description": "CTA button with a continuous light sweep.",
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "src/components/velora/shimmer-button.tsx",
      "content": "import { cn } from \"@/lib/utils\";\n\ninterface ShimmerButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  children: React.ReactNode;\n}\n\nexport function ShimmerButton({\n  className,\n  children,\n  ...props\n}: ShimmerButtonProps) {\n  return (\n    <button\n      data-slot=\"shimmer-button\"\n      className={cn(\n        \"group/shimmer relative inline-flex h-12 cursor-pointer items-center justify-center gap-2 overflow-hidden rounded-full bg-primary px-8 text-sm font-medium text-primary-foreground shadow-lg shadow-primary/30 transition-[transform,box-shadow] duration-300 hover:scale-[1.03] hover:shadow-xl hover:shadow-primary/40 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring active:scale-[0.98]\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"relative z-10 inline-flex items-center gap-2\">\n        {children}\n      </span>\n      <span\n        aria-hidden\n        className=\"motion-safe:animate-shimmer absolute inset-0 bg-[linear-gradient(110deg,transparent_30%,rgba(255,255,255,0.35)_50%,transparent_70%)] bg-[length:250%_100%]\"\n      />\n    </button>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/velora/shimmer-button.tsx"
    }
  ],
  "cssVars": {
    "theme": {
      "animate-shimmer": "shimmer 2.5s linear infinite"
    }
  },
  "css": {
    "@keyframes shimmer": {
      "from": {
        "background-position": "200% 0"
      },
      "to": {
        "background-position": "-200% 0"
      }
    }
  },
  "type": "registry:ui"
}