{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "wibo-logo",
  "type": "registry:component",
  "title": "Wibo logo",
  "description": "WiboMark (square \"w\") and WiboWordmark images with alt text.",
  "registryDependencies": [
    "@wibo/utils",
    "@wibo/wibo-logo-data"
  ],
  "files": [
    {
      "path": "src/shell/wibo-logo.tsx",
      "type": "registry:component",
      "content": "import type { ComponentProps } from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport { wiboLogoSizes, wiboMarkSrc, wiboWordmarkSrc } from \"@/lib/wibo-logo-data\";\n\ntype LogoProps = Omit<ComponentProps<\"img\">, \"src\" | \"width\" | \"height\">;\n\n/**\n * The square Wibo mark: the indigo \"w\" of the wordmark. 24 px by default\n * (`size-6`); pass `alt=\"\"` when a visible \"Wibo\" label sits next to it.\n * A PNG for now: an SVG is wanted from the rebrand.\n */\nfunction WiboMark({ alt = \"Wibo\", className, ...props }: LogoProps) {\n  return (\n    <img\n      data-slot=\"wibo-mark\"\n      src={wiboMarkSrc}\n      alt={alt}\n      width={wiboLogoSizes.wiboMark.width}\n      height={wiboLogoSizes.wiboMark.height}\n      draggable={false}\n      className={cn(\"size-6 shrink-0 select-none\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * The \"wibo\" wordmark in indigo. 20 px tall by default (`h-5 w-auto`).\n * A PNG for now: an SVG is wanted from the rebrand.\n */\nfunction WiboWordmark({ alt = \"Wibo\", className, ...props }: LogoProps) {\n  return (\n    <img\n      data-slot=\"wibo-wordmark\"\n      src={wiboWordmarkSrc}\n      alt={alt}\n      width={wiboLogoSizes.wiboWordmark.width}\n      height={wiboLogoSizes.wiboWordmark.height}\n      draggable={false}\n      className={cn(\"h-5 w-auto shrink-0 select-none\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { WiboMark, WiboWordmark };\nexport type { LogoProps as WiboLogoProps };\n"
    }
  ]
}