{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "ably-logo",
  "title": "Ably Logo",
  "description": "Ably logo with dark/light mode support",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/blocks/logos/ably-logo/components/logos/ably.tsx",
      "content": "interface LogoProps {\n  className?: string;\n  variant?: \"icon\";\n  mode?: \"dark\" | \"light\";\n}\n\nconst COLORS = {\n  dark: {\n    ring: \"#FF5416\",\n    curve: \"#FF8B60\",\n  },\n  light: {\n    ring: \"#FF5416\",\n    curve: \"#FF8B60\",\n  },\n};\n\nexport function AblyLogo({\n  className,\n  variant = \"icon\",\n  mode = \"dark\",\n}: LogoProps) {\n  const colors = COLORS[mode];\n\n  return (\n    <svg\n      role=\"img\"\n      viewBox=\"0 0 64 64\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      <title>Ably</title>\n      <path\n        fill={colors.ring}\n        d=\"M27.1 18.6C14.6 18.6 4.4 28.8 4.4 41.3 4.4 53.8 14.6 64 27.1 64 39.6 64 49.8 53.8 49.8 41.3 49.8 28.8 39.7 18.6 27.1 18.6Zm0 32.8C21.5 51.4 17 46.9 17 41.3c0-5.6 4.5-10.1 10.1-10.1 5.6 0 10.1 4.5 10.1 10.1 0 5.6-4.5 10.1-10.1 10.1z\"\n      />\n      <path\n        fill={colors.curve}\n        d=\"M18.3 16.9c-.2.1-.4.1-.6.1-1 0-1.9-.6-2.3-1.5l-4-8.7V7c-.1-.2-.2-.5-.2-.8 0-1 .6-1.8 1.4-2.3C16.8 1.2 21.9 0 27.1 0 45 0 59.6 14.5 59.6 32.5c0 9.5-4.1 18.1-10.7 24.1v0c-.1.1-.1.1-.2.1-.2 0-.3-.1-.3-.3 0-.1 0-.2.1-.2 3-4.3 4.6-9.5 4.6-14.8 0-14.3-11.6-26-26-26-3-.1-6 .5-8.8 1.5\"\n      />\n    </svg>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "hasVariants": true,
    "variants": [
      "icon"
    ],
    "variantTypes": {
      "base": [
        "icon"
      ],
      "modes": [
        "dark",
        "light"
      ]
    }
  },
  "docs": "Ably logo with 1 base variant (icon) and 2 modes (dark, light) = 2 total combinations. Theme-aware: automatically adapts colors when you switch themes.",
  "categories": [
    "Cloud",
    "logo",
    "brand"
  ],
  "type": "registry:ui"
}