{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "agenda",
  "type": "registry:ui",
  "title": "Agenda (MIAN)",
  "description": "A schedule of times, sessions, speakers and tracks, for events, courses and programmes.",
  "categories": [
    "sections",
    "agenda",
    "schedule",
    "programme",
    "timetable"
  ],
  "registryDependencies": [
    "https://mian.ro/r/mian-base.json"
  ],
  "files": [
    {
      "path": "mian/components/agenda.css",
      "type": "registry:file",
      "target": "mian/components/agenda.css",
      "content": ".mn-agenda { margin: 0; padding: 0; list-style: none; border-top: var(--mn-border-w) solid var(--mn-border); }\n.mn-agenda-item { display: grid; gap: .4rem 1.5rem; padding-block: 1.3rem; border-bottom: var(--mn-border-w) solid var(--mn-border); }\n.mn-agenda-item > * { margin: 0; min-width: 0; }\n.mn-agenda-time { font: 500 .875rem/1.5 var(--mn-font-mono); font-variant-numeric: tabular-nums; color: var(--mn-muted); }\n.mn-agenda-body { display: grid; gap: .25rem; }\n.mn-agenda-body > * { margin: 0; }\n.mn-agenda-title { font: 600 1.0625rem/1.35 var(--mn-font-heading); color: var(--mn-fg); letter-spacing: -.01em; }\n.mn-agenda-who { color: var(--mn-muted); font-size: .9375rem; }\n.mn-agenda-item-break .mn-agenda-title { font-weight: 500; color: var(--mn-muted); }\n@container mn (min-width: 44rem) { .mn-agenda-item { grid-template-columns: 8rem minmax(0, 1fr) auto; align-items: baseline; } }"
    },
    {
      "path": "mian/examples/agenda.html",
      "type": "registry:file",
      "target": "mian/examples/agenda.html",
      "content": "<!-- Agenda -->\n<section class=\"mn-section mn-section-sm\"><div class=\"mn-container\"><ol class=\"mn-agenda\">\n  <li class=\"mn-agenda-item\"><time class=\"mn-agenda-time\" datetime=\"09:30\">09:30</time><div class=\"mn-agenda-body\"><h3 class=\"mn-agenda-title\">Opening: interfaces are surfaces</h3><p class=\"mn-agenda-who\">Ilinca Sava · Field Notes</p></div><span class=\"mn-badge mn-badge-outline mn-neutral\">Main stage</span></li>\n  <li class=\"mn-agenda-item\"><time class=\"mn-agenda-time\" datetime=\"10:15\">10:15</time><div class=\"mn-agenda-body\"><h3 class=\"mn-agenda-title\">Type that survives translation</h3><p class=\"mn-agenda-who\">Jonas Olsen · Kestrel</p></div><span class=\"mn-badge mn-badge-outline mn-neutral\">Studio</span></li>\n  <li class=\"mn-agenda-item mn-agenda-item-break\"><time class=\"mn-agenda-time\" datetime=\"11:00\">11:00</time><div class=\"mn-agenda-body\"><h3 class=\"mn-agenda-title\">Coffee and noodles</h3></div></li>\n</ol></div></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/agenda",
  "meta": {
    "mian": {
      "license": "LicenseRef-MIAN-1.0",
      "requiresJs": false,
      "classes": [
        "mn-agenda",
        "mn-agenda-item"
      ],
      "accessibility": [
        "Use <time datetime=\"…\"> for times.",
        "Use an ordered list: the order is the schedule."
      ],
      "intents": [
        "event schedule",
        "conference agenda",
        "timetable",
        "programme",
        "course schedule"
      ]
    }
  }
}
