{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "shimmer-button",
  "type": "registry:ui",
  "title": "Shimmer Button",
  "description": "A dark button with a sweeping sky-blue shimmer and a glowing bottom edge. Zero dependencies, keyframes included.",
  "files": [
    {
      "path": "registry/ui/shimmer-button.tsx",
      "type": "registry:ui",
      "content": "import * as React from \"react\";\n\nexport interface ShimmerButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nexport function ShimmerButton({ children, className = \"\", ...props }: ShimmerButtonProps) {\n  return (\n    <button\n      className={[\n        \"group relative inline-flex h-11 items-center gap-2 overflow-hidden rounded-full\",\n        \"border border-sky-300/30 bg-black px-6 text-sm font-medium text-sky-100\",\n        \"transition-colors duration-300 hover:border-sky-300/60\",\n        className,\n      ].join(\" \")}\n      {...props}\n    >\n      <style>{\"@keyframes nice-shimmer{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}\"}</style>\n      <span\n        aria-hidden\n        className=\"absolute inset-0 bg-gradient-to-r from-transparent via-sky-300/25 to-transparent\"\n        style={{ animation: \"nice-shimmer 2.6s ease-in-out infinite\" }}\n      />\n      <span\n        aria-hidden\n        className=\"absolute inset-x-6 -bottom-px h-px bg-gradient-to-r from-transparent via-sky-300 to-transparent\"\n      />\n      <span className=\"relative inline-flex items-center gap-2\">{children}</span>\n    </button>\n  );\n}\n"
    }
  ]
}