{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "kanban",
  "type": "registry:ui",
  "title": "Kanban board (MIAN)",
  "description": "Columns of cards for a pipeline, sprint or sales process, counts, colour dots and card meta.",
  "categories": [
    "data display",
    "kanban",
    "board",
    "pipeline",
    "columns"
  ],
  "registryDependencies": [
    "https://mian.ro/r/mian-base.json"
  ],
  "files": [
    {
      "path": "mian/components/kanban.css",
      "type": "registry:file",
      "target": "mian/components/kanban.css",
      "content": ".mn-kanban { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(15rem, 1fr); gap: 1rem; overflow-x: auto; padding-bottom: .5rem; scroll-snap-type: x proximity; }\n.mn-kanban-col { display: flex; flex-direction: column; gap: .6rem; min-width: 0; padding: .7rem; border-radius: var(--mn-radius-box); background: var(--mn-surface-2); scroll-snap-align: start; }\n.mn-kanban-head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin: 0; padding: .1rem .3rem .3rem; font: 600 var(--mn-text-sm)/1.2 var(--mn-font); color: var(--mn-fg); }\n.mn-kanban-head > span:first-child { display: inline-flex; align-items: center; gap: .5rem; }\n.mn-kanban-dot { width: .55rem; height: .55rem; border-radius: 50%; background: var(--_c, var(--mn-muted)); }\n.mn-kanban-list { display: grid; gap: .6rem; margin: 0; padding: 0; list-style: none; }\n.mn-kanban-card { display: grid; gap: .55rem; padding: .8rem .9rem; font-size: var(--mn-text-sm); line-height: 1.45; }\n.mn-kanban-card > * { margin: 0; }\n.mn-kanban-card > strong { font-weight: 600; }\n.mn-kanban-meta { display: flex; align-items: center; justify-content: space-between; gap: .5rem; color: var(--mn-muted); font-size: .75rem; }\n.mn-kanban-add { justify-content: flex-start; color: var(--mn-muted); }"
    },
    {
      "path": "mian/examples/kanban.html",
      "type": "registry:file",
      "target": "mian/examples/kanban.html",
      "content": "<!-- Sales pipeline -->\n<div class=\"mn-kanban\">\n  <section class=\"mn-kanban-col\" aria-labelledby=\"kb-Lead\">\n    <h3 class=\"mn-kanban-head\" id=\"kb-Lead\"><span><span class=\"mn-kanban-dot mn-info\"></span>Lead</span><span class=\"mn-badge mn-badge-soft mn-neutral mn-badge-sm\">2</span></h3>\n    <ul class=\"mn-kanban-list\"><li class=\"mn-card mn-kanban-card\"><strong>Halden & Co</strong><span class=\"mn-muted\">Annual plan, 5 entities</span><div class=\"mn-kanban-meta\"><span>€18,000</span><span class=\"mn-avatar mn-avatar-xs\" aria-label=\"Owner MR\" role=\"img\">MR</span></div></li><li class=\"mn-card mn-kanban-card\"><strong>Orbital</strong><span class=\"mn-muted\">Annual plan, 5 entities</span><div class=\"mn-kanban-meta\"><span>€6,400</span><span class=\"mn-avatar mn-avatar-xs\" aria-label=\"Owner AP\" role=\"img\">AP</span></div></li></ul>\n  </section>\n  <section class=\"mn-kanban-col\" aria-labelledby=\"kb-Proposal\">\n    <h3 class=\"mn-kanban-head\" id=\"kb-Proposal\"><span><span class=\"mn-kanban-dot mn-warning\"></span>Proposal</span><span class=\"mn-badge mn-badge-soft mn-neutral mn-badge-sm\">3</span></h3>\n    <ul class=\"mn-kanban-list\"><li class=\"mn-card mn-kanban-card\"><strong>Kestrel</strong><span class=\"mn-muted\">Annual plan, 5 entities</span><div class=\"mn-kanban-meta\"><span>€42,000</span><span class=\"mn-avatar mn-avatar-xs\" aria-label=\"Owner JO\" role=\"img\">JO</span></div></li><li class=\"mn-card mn-kanban-card\"><strong>Pilot/9</strong><span class=\"mn-muted\">Annual plan, 5 entities</span><div class=\"mn-kanban-meta\"><span>€9,900</span><span class=\"mn-avatar mn-avatar-xs\" aria-label=\"Owner RE\" role=\"img\">RE</span></div></li><li class=\"mn-card mn-kanban-card\"><strong>Marrow</strong><span class=\"mn-muted\">Annual plan, 5 entities</span><div class=\"mn-kanban-meta\"><span>€12,500</span><span class=\"mn-avatar mn-avatar-xs\" aria-label=\"Owner LK\" role=\"img\">LK</span></div></li></ul>\n  </section>\n  <section class=\"mn-kanban-col\" aria-labelledby=\"kb-Won\">\n    <h3 class=\"mn-kanban-head\" id=\"kb-Won\"><span><span class=\"mn-kanban-dot mn-success\"></span>Won</span><span class=\"mn-badge mn-badge-soft mn-neutral mn-badge-sm\">1</span></h3>\n    <ul class=\"mn-kanban-list\"><li class=\"mn-card mn-kanban-card\"><strong>Northwind</strong><span class=\"mn-muted\">Annual plan, 5 entities</span><div class=\"mn-kanban-meta\"><span>€24,000</span><span class=\"mn-avatar mn-avatar-xs\" aria-label=\"Owner IS\" role=\"img\">IS</span></div></li></ul>\n  </section>\n</div>"
    }
  ],
  "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/kanban",
  "meta": {
    "mian": {
      "license": "LicenseRef-MIAN-1.0",
      "requiresJs": false,
      "classes": [
        "mn-kanban",
        "mn-kanban-col",
        "mn-kanban-head",
        "mn-kanban-list",
        "mn-kanban-card",
        "mn-kanban-meta"
      ],
      "accessibility": [
        "Columns are sections with headings, cards are list items: the board reads as “Proposal, 3 items”.",
        "Moving cards needs a keyboard alternative (a “Move to…” menu) if you add drag and drop."
      ],
      "intents": [
        "kanban board",
        "deals pipeline",
        "task board",
        "sprint board",
        "columns of cards"
      ]
    }
  }
}