{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "kapso-logo",
  "title": "Kapso Logo",
  "description": "Kapso WhatsApp notifications platform logo with icon, wordmark, and logo variants",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/blocks/logos/kapso-logo/components/logos/kapso.tsx",
      "content": "const COLORS = {\n  brand: {\n    light: \"#16A34A\",\n    dark: \"#22C55E\",\n  },\n  grayscale: {\n    light: \"#000000\",\n    dark: \"#FFFFFF\",\n  },\n} as const;\n\nexport function KapsoLogo({\n  className,\n  variant = \"wordmark\",\n  colorScheme = \"brand\",\n  mode = \"light\",\n}: {\n  className?: string;\n  variant?: \"icon\" | \"wordmark\" | \"logo\";\n  colorScheme?: \"brand\" | \"grayscale\";\n  mode?: \"dark\" | \"light\";\n}) {\n  const color = COLORS[colorScheme][mode];\n\n  // Simple icon - letter K\n  const icon = (\n    <g>\n      <path\n        d=\"M20 12v40M20 32l24-20M20 32l24 20\"\n        stroke={color}\n        strokeWidth=\"6\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        fill=\"none\"\n      />\n    </g>\n  );\n\n  if (variant === \"icon\") {\n    return (\n      <svg\n        role=\"img\"\n        viewBox=\"0 0 64 48\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={className}\n      >\n        <title>Kapso Icon</title>\n        {icon}\n      </svg>\n    );\n  }\n\n  if (variant === \"wordmark\") {\n    return (\n      <svg\n        role=\"img\"\n        viewBox=\"0 0 200 60\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={className}\n      >\n        <title>Kapso Wordmark</title>\n        <text\n          x=\"0\"\n          y=\"45\"\n          fontFamily=\"Inter, system-ui, sans-serif\"\n          fontSize=\"48\"\n          fontWeight=\"700\"\n          fill={color}\n        >\n          Kapso\n        </text>\n      </svg>\n    );\n  }\n\n  // logo variant (icon + wordmark)\n  return (\n    <svg\n      role=\"img\"\n      viewBox=\"0 0 280 60\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      <title>Kapso Logo</title>\n      <g transform=\"translate(5, 10) scale(0.65)\">{icon}</g>\n      <text\n        x=\"50\"\n        y=\"45\"\n        fontFamily=\"Inter, system-ui, sans-serif\"\n        fontSize=\"40\"\n        fontWeight=\"700\"\n        fill={color}\n      >\n        Kapso\n      </text>\n    </svg>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "hasVariants": true,
    "variants": [
      "icon-brand",
      "icon-grayscale",
      "wordmark-brand",
      "wordmark-grayscale",
      "logo-brand",
      "logo-grayscale"
    ],
    "variantTypes": {
      "base": [
        "icon",
        "wordmark",
        "logo"
      ],
      "colorSchemes": [
        "brand",
        "grayscale"
      ],
      "modes": [
        "dark",
        "light"
      ]
    }
  },
  "docs": "Kapso WhatsApp Business API platform logo with 3 base variants (icon, wordmark, logo), 2 color schemes (brand green, grayscale), and 2 modes (light, dark) = 12 total combinations. Theme-aware: automatically adapts colors when you switch themes.",
  "categories": [
    "Social",
    "logo",
    "brand"
  ],
  "type": "registry:ui"
}