@danxbot/ui 15.12.3 → 15.14.0

package/dist/index.js

@@ -30982,7 +30982,10 @@ function PB({
             }
           )
         ] }),
-        !i && o && /* @__PURE__ */ d("span", { className: "absolute font-mono text-xs font-semibold tabular-nums text-primary", children: Math.round(e) })
+        !i && o && /* @__PURE__ */ T("span", { className: "absolute flex items-baseline font-mono text-xs font-semibold tabular-nums text-primary", children: [
+          Math.round(e),
+          /* @__PURE__ */ d("span", { className: "text-2xs font-medium", children: "%" })
+        ] })
       ]
     }
   );
@@ -30994,26 +30997,27 @@ function OB({
   size: r,
   remainderLabel: o = "Remaining",
   showValue: s = !0,
-  className: i
+  centerValue: i,
+  className: a
 }) {
-  const { arcs: a, used: l, overflow: c } = MB(e, t), u = Ul(l, t), p = t - l, f = e.filter((g) => g.value > 0).map((g) => `${g.label} ${Ul(g.value, t)}%`);
-  p > 0 && f.push(`${o} ${Ul(p, t)}%`);
-  const h = c > 0 ? `${f.join(", ")} — over the total by ${Ul(c, t)}%` : f.join(", "), m = `dx-ring-${_t()}`;
+  const { arcs: l, used: c, overflow: u } = MB(e, t), p = Ul(c, t), f = i ?? p, h = t - c, m = e.filter((x) => x.value > 0).map((x) => `${x.label} ${Ul(x.value, t)}%`);
+  h > 0 && m.push(`${o} ${Ul(h, t)}%`);
+  const g = u > 0 ? `${m.join(", ")} — over the total by ${Ul(u, t)}%` : m.join(", "), b = `dx-ring-${_t()}`;
   return /* @__PURE__ */ T(
     "div",
     {
-      className: U(lN({ size: r }), i),
+      className: U(lN({ size: r }), a),
       role: "progressbar",
-      "aria-valuenow": Math.min(100, u),
+      "aria-valuenow": Math.max(0, Math.min(100, Math.round(f))),
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       "aria-label": n,
-      "aria-describedby": m,
-      "data-overflow": c > 0 ? "true" : void 0,
+      "aria-describedby": b,
+      "data-overflow": u > 0 ? "true" : void 0,
       children: [
         /* @__PURE__ */ T("svg", { viewBox: "0 0 24 24", className: "size-full -rotate-90", children: [
           /* @__PURE__ */ d("circle", { cx: "12", cy: "12", r: "10", fill: "none", strokeWidth: "2.5", className: "stroke-surface-inset" }),
-          a.map((g, b) => /* @__PURE__ */ d(
+          l.map((x, w) => /* @__PURE__ */ d(
             "circle",
             {
               cx: "12",
@@ -31023,21 +31027,26 @@ function OB({
               strokeWidth: "2.5",
               strokeLinecap: "butt",
               pathLength: "1",
-              strokeDasharray: `${g.length} 1`,
-              strokeDashoffset: -g.start,
+              strokeDasharray: `${x.length} 1`,
+              strokeDashoffset: -x.start,
               className: U(
                 "transition-[var(--tx-colors),stroke-dasharray,stroke-dashoffset] duration-(--dur-slow) ease-emphasis",
-                cN[g.tone]
+                cN[x.tone]
               ),
               stroke: "currentColor"
             },
-            `${g.label}-${b}`
+            `${x.label}-${w}`
           ))
         ] }),
-        s && /* NOT clamped. A ring that is full and a ring that is half as full
-        again are the same picture, and this number is the difference. */
-        /* @__PURE__ */ d("span", { className: "absolute font-mono text-xs font-semibold tabular-nums text-primary", children: u }),
-        /* @__PURE__ */ d("span", { id: m, className: "sr-only", children: h })
+        s && /* NOT clamped (rounded only). A ring that is full and a ring that is
+        half as full again are the same picture, and this number is the
+        difference — true of an over-sum `total`/`segments` pair and
+        equally true of a `centerValue` the caller hands in past 100. */
+        /* @__PURE__ */ T("span", { className: "absolute flex items-baseline font-mono text-xs font-semibold tabular-nums text-primary", children: [
+          Math.round(f),
+          /* @__PURE__ */ d("span", { className: "text-2xs font-medium", children: "%" })
+        ] }),
+        /* @__PURE__ */ d("span", { id: b, className: "sr-only", children: g })
       ]
     }
   );