{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "description-list",
  "type": "registry:ui",
  "title": "Description list (MIAN)",
  "description": "Key–value pairs for detail views and summaries.",
  "categories": [
    "data display",
    "description list",
    "dl",
    "key value",
    "details"
  ],
  "registryDependencies": [
    "https://mian.ro/r/mian-base.json"
  ],
  "files": [
    {
      "path": "mian/components/description-list.css",
      "type": "registry:file",
      "target": "mian/components/description-list.css",
      "content": ".mn-dl { display: grid; grid-template-columns: minmax(8rem, max-content) 1fr; margin: 0; font-size: var(--mn-text-sm); }\n.mn-dl > dt, .mn-dl > dd { margin: 0; padding: .7rem 0; border-top: var(--mn-border-w) solid var(--mn-border); }\n.mn-dl > dt { color: var(--mn-muted); padding-inline-end: 1.5rem; }\n.mn-dl > dd { font-weight: 500; }\n.mn-dl > dt:first-of-type, .mn-dl > dt:first-of-type + dd { border-top: 0; }\n@media (max-width: 30rem) { .mn-dl { grid-template-columns: 1fr; } .mn-dl > dd { border-top: 0; padding-top: 0; } }"
    },
    {
      "path": "mian/examples/description-list.html",
      "type": "registry:file",
      "target": "mian/examples/description-list.html",
      "content": "<!-- Details -->\n<dl class=\"mn-dl\" style=\"max-width:32rem\">\n  <dt>Full name</dt><dd>Ana Popescu</dd>\n  <dt>Role</dt><dd>Product designer</dd>\n  <dt>Email</dt><dd>ana@mian.ro</dd>\n  <dt>Plan</dt><dd><span class=\"mn-badge mn-badge-soft\">Pro</span></dd>\n</dl>"
    }
  ],
  "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/description-list",
  "meta": {
    "mian": {
      "license": "LicenseRef-MIAN-1.0",
      "requiresJs": false,
      "classes": [
        "mn-dl"
      ],
      "accessibility": [
        "A real <dl> announces each term with its value."
      ],
      "intents": [
        "key value pairs",
        "specs",
        "order details",
        "fact box",
        "properties"
      ]
    }
  }
}