{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "team",
  "type": "registry:ui",
  "title": "Team (MIAN)",
  "description": "A grid of people with a portrait, name and role.",
  "categories": [
    "sections",
    "team",
    "people",
    "staff",
    "about us"
  ],
  "registryDependencies": [
    "https://mian.ro/r/mian-base.json"
  ],
  "files": [
    {
      "path": "mian/components/team.css",
      "type": "registry:file",
      "target": "mian/components/team.css",
      "content": ".mn-people { display: grid; gap: 2.25rem 1.5rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 12.5rem), 1fr)); margin: 0; padding: 0; list-style: none; }\n.mn-person { display: grid; gap: .2rem; align-content: start; }\n.mn-person > * { margin: 0; }\n.mn-person > .mn-media { margin-bottom: .75rem; }\n.mn-person-name { font: 600 1rem/1.35 var(--mn-font-heading); color: var(--mn-fg); }\n.mn-person-role { color: var(--mn-muted); font-size: .875rem; }"
    },
    {
      "path": "mian/examples/team.html",
      "type": "registry:file",
      "target": "mian/examples/team.html",
      "content": "<!-- Team -->\n<ul class=\"mn-people\">\n  <li class=\"mn-person\"><div class=\"mn-media mn-media-placeholder\" style=\"--ratio:4/5\" role=\"img\" aria-label=\"Portrait: Ito Haruka, natural light, neutral background\">Portrait: Ito Haruka, natural light, neutral background</div><h3 class=\"mn-person-name\">Ito Haruka</h3><p class=\"mn-person-role\">Founder, design</p></li>\n  <li class=\"mn-person\"><div class=\"mn-media mn-media-placeholder\" style=\"--ratio:4/5\" role=\"img\" aria-label=\"Portrait: Radu Enache, studio\">Portrait: Radu Enache, studio</div><h3 class=\"mn-person-name\">Radu Enache</h3><p class=\"mn-person-role\">Engineering</p></li>\n  <li class=\"mn-person\"><div class=\"mn-media mn-media-placeholder\" style=\"--ratio:4/5\" role=\"img\" aria-label=\"Portrait: Mia Lund, outdoors\">Portrait: Mia Lund, outdoors</div><h3 class=\"mn-person-name\">Mia Lund</h3><p class=\"mn-person-role\">Strategy</p></li>\n</ul>"
    }
  ],
  "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/team",
  "meta": {
    "mian": {
      "license": "LicenseRef-MIAN-1.0",
      "requiresJs": false,
      "classes": [
        "mn-people",
        "mn-person"
      ],
      "accessibility": [
        "Portrait alt text can be the person’s name, or empty (alt=\"\") when the name is right below it.",
        "Use a list so screen readers announce how many people there are."
      ],
      "intents": [
        "team members",
        "our people",
        "staff",
        "speakers",
        "founders",
        "about us people"
      ]
    }
  }
}