{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "radial-progress",
  "type": "registry:ui",
  "title": "Radial progress (MIAN)",
  "description": "Circular progress with a centred value.",
  "categories": [
    "feedback",
    "radial",
    "circular progress",
    "donut",
    "gauge"
  ],
  "registryDependencies": [
    "https://mian.ro/r/mian-base.json"
  ],
  "files": [
    {
      "path": "mian/components/radial-progress.css",
      "type": "registry:file",
      "target": "mian/components/radial-progress.css",
      "content": ".mn-radial {\n  --_v: 0; --_s: 4.5rem; --_t: .45rem;\n  position: relative; display: inline-grid; place-items: center;\n  width: var(--_s); height: var(--_s); border-radius: 50%;\n  background: conic-gradient(var(--_c, var(--mn-primary)) calc(var(--_v) * 1%), var(--mn-surface-2) 0);\n  font: 650 calc(var(--_s) * .22)/1 var(--mn-font); font-variant-numeric: tabular-nums;\n}\n.mn-radial::before { content: \"\"; position: absolute; inset: var(--_t); border-radius: 50%; background: var(--mn-bg); }\n.mn-radial > * { position: relative; }\n.mn-radial-sm { --_s: 3rem; --_t: .3rem; } .mn-radial-lg { --_s: 6.5rem; --_t: .6rem; }"
    },
    {
      "path": "mian/examples/radial-progress.html",
      "type": "registry:file",
      "target": "mian/examples/radial-progress.html",
      "content": "<!-- Sizes and colours -->\n<div class=\"mn-radial mn-radial-sm\" role=\"progressbar\" aria-label=\"Tasks\" aria-valuenow=\"25\"><span>25%</span></div>\n<div class=\"mn-radial mn-success\" role=\"progressbar\" aria-label=\"Goal\" aria-valuenow=\"70\"><span>70%</span></div>\n<div class=\"mn-radial mn-radial-lg mn-accent\" role=\"progressbar\" aria-label=\"Score\" aria-valuenow=\"92\"><span>92</span></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/radial-progress",
  "meta": {
    "mian": {
      "license": "LicenseRef-MIAN-1.0",
      "requiresJs": true,
      "classes": [
        "mn-radial",
        "mn-radial-sm · mn-radial-lg"
      ],
      "accessibility": [
        "Same semantics as the linear bar: role=\"progressbar\", aria-valuenow, a name."
      ],
      "intents": [
        "circular progress",
        "score ring",
        "percentage circle",
        "goal progress"
      ]
    }
  }
}