{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "logo-cloud",
  "type": "registry:ui",
  "title": "Logo cloud (MIAN)",
  "description": "A quiet row of customer or partner wordmarks, with an optional caption.",
  "categories": [
    "sections",
    "logos",
    "logo cloud",
    "customers",
    "trusted by"
  ],
  "registryDependencies": [
    "https://mian.ro/r/mian-base.json"
  ],
  "files": [
    {
      "path": "mian/components/logo-cloud.css",
      "type": "registry:file",
      "target": "mian/components/logo-cloud.css",
      "content": ".mn-logos-caption { margin: 0 0 1.5rem; font-size: .875rem; color: var(--mn-muted); }\n.mn-logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem 2.5rem; margin: 0; padding: 0; list-style: none; color: var(--mn-muted); }\n.mn-logos-center { justify-content: center; }\n.mn-logos > li { display: flex; }\n.mn-logo { display: inline-flex; align-items: center; gap: .45rem; color: inherit; font: 650 1.125rem/1 var(--mn-font); letter-spacing: -.015em; white-space: nowrap; }\n.mn-logo svg { width: 1.3em; height: 1.3em; }"
    },
    {
      "path": "mian/examples/logo-cloud.html",
      "type": "registry:file",
      "target": "mian/examples/logo-cloud.html",
      "content": "<!-- Logos -->\n<section class=\"mn-section mn-section-sm\">\n  <div class=\"mn-container\">\n    <p class=\"mn-logos-caption\">Month-end runs on Ledger at</p>\n    <ul class=\"mn-logos\">\n  <li><span class=\"mn-logo\" style=\"font-style:italic;font-family:var(--mn-font-heading)\">Northwind</span></li>\n  <li><span class=\"mn-logo\" style=\"letter-spacing:.14em;font-weight:700;font-size:.95rem\">KESTREL</span></li>\n  <li><span class=\"mn-logo\" style=\"font-weight:800;letter-spacing:-.04em\">orbital</span></li>\n  <li><span class=\"mn-logo\" style=\"font-family:ui-serif,Georgia,serif;font-weight:500\">Halden & Co</span></li>\n  <li><span class=\"mn-logo\" style=\"font-family:var(--mn-font-mono);font-weight:600;font-size:1rem\">Pilot/9</span></li>\n  <li><span class=\"mn-logo\" style=\"font-weight:500;letter-spacing:.02em\">Marrow</span></li>\n    </ul>\n  </div>\n</section>"
    }
  ],
  "docs": "MIAN components are HTML + CSS classes, not React components. The styles are already included in mian-base; this item adds the component's CSS section and example markup for reference. Docs: https://mian.ro/components/logo-cloud",
  "meta": {
    "mian": {
      "license": "LicenseRef-MIAN-1.0",
      "requiresJs": false,
      "classes": [
        "mn-logos-caption",
        "mn-logos",
        "mn-logo"
      ],
      "accessibility": [
        "Logos are content: SVG logos need role=\"img\" and aria-label with the company name; text wordmarks need nothing.",
        "Only show companies that actually use the product."
      ],
      "intents": [
        "client logos",
        "trusted by",
        "partners",
        "customer wordmarks",
        "press mentions"
      ]
    }
  }
}
