{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "figures",
  "type": "registry:ui",
  "title": "Figures (MIAN)",
  "description": "Large numbers with a line of context each, results, scale or specs, set in display type.",
  "categories": [
    "sections",
    "figures",
    "numbers",
    "metrics",
    "stats"
  ],
  "registryDependencies": [
    "https://mian.ro/r/mian-base.json"
  ],
  "files": [
    {
      "path": "mian/components/figures.css",
      "type": "registry:file",
      "target": "mian/components/figures.css",
      "content": ".mn-figures { display: grid; gap: 2rem 1.5rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr)); margin: 0; }\n@container mn (min-width: 56rem) { .mn-figures { grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)); } }\n.mn-figures > div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: .55rem; padding-top: 1.25rem; border-top: var(--mn-border-w) solid var(--mn-border); min-width: 0; }\n.mn-figures dt { color: var(--mn-muted); font-size: .9375rem; line-height: 1.45; }\n.mn-figures dd { margin: 0; font: var(--mn-heading-weight) clamp(2.2rem, 1.5rem + 2.6cqi, 3.6rem)/1 var(--mn-font-heading); letter-spacing: -.04em; font-variant-numeric: tabular-nums; color: var(--mn-fg); }"
    },
    {
      "path": "mian/examples/figures.html",
      "type": "registry:file",
      "target": "mian/examples/figures.html",
      "content": "<!-- Figures -->\n<section class=\"mn-section mn-section-sm\"><div class=\"mn-container\"><dl class=\"mn-figures\">\n  <div><dt>Median days to close, after three months</dt><dd>3.5</dd></div>\n  <div><dt>Transactions matched without a person</dt><dd>84%</dd></div>\n  <div><dt>Entities on the largest account</dt><dd>41</dd></div>\n  <div><dt>Currencies revalued nightly</dt><dd>32</dd></div>\n</dl></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/figures",
  "meta": {
    "mian": {
      "license": "LicenseRef-MIAN-1.0",
      "requiresJs": false,
      "classes": [
        "mn-figures",
        "mn-figures > div"
      ],
      "accessibility": [
        "A description list keeps each number with its meaning; the visual order is swapped with CSS only.",
        "Write units in the number (“3.5 days”) and give a source for claims."
      ],
      "intents": [
        "key numbers",
        "statistics band",
        "results",
        "metrics",
        "impact numbers",
        "specs in numbers"
      ]
    }
  }
}