{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-particle-hover-button",
  "title": "Particle Hover Button Demo",
  "description": "A heart-particle sponsor link, styled after the anime.js navbar Sponsor button.",
  "registryDependencies": ["@soralabs/particle-hover-button"],
  "files": [
    {
      "path": "registry/demo/primitives/buttons/particle-hover-button/index.tsx",
      "content": "\"use client\";\n\nimport { ParticleHoverButton } from \"@/components/sora-ui/buttons/particle-hover-button\";\n\n// Same heart path as the \"Sponsor\" nav link in the anime.js reference this\n// primitive reimplements — kept 1:1 so the demo reads as the same mark,\n// not a redraw.\nconst HEART_PATH =\n  \"M12 18.445a.778.778 0 0 1-.34-.078C11.39 18.235 5 15.077 5 9.889a3.889 3.889 0 0 1 6.638-2.75L12 7.5l.362-.361A3.889 3.889 0 0 1 19 9.889c0 5.17-6.387 8.344-6.66 8.478a.778.778 0 0 1-.34.078z\";\n\nfunction HeartIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={className}\n      fill=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d={HEART_PATH} />\n    </svg>\n  );\n}\n\nexport default function ParticleHoverButtonExample() {\n  return (\n    <ParticleHoverButton\n      className=\"text-[#ff4b4b]\"\n      particle={<HeartIcon className=\"h-2.5 w-2.5\" />}\n    >\n      <button\n        className=\"inline-flex items-center gap-1.5 font-medium text-sm\"\n        type=\"button\"\n      >\n        <HeartIcon className=\"h-4 w-4\" />\n        Sponsor\n      </button>\n    </ParticleHoverButton>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/sora-ui/demo/buttons/particle-hover-button.tsx"
    }
  ],
  "type": "registry:ui"
}