@umriss-ui/calculation 0.3.7 → 0.4.0

package/dist/calculation.js

@@ -1,409 +1,537 @@
 import "./calculation.css";
-import { jsx as f, jsxs as k } from "react/jsx-runtime";
-import { Children as ve, isValidElement as j, Fragment as ge, useId as we, useState as oe } from "react";
-import { assess as ye, verdictWeight as K, useFormats as me, useWording as fe, VisuallyHidden as _e, AngleGlyph as be, Tooltip as re, Badge as ie, useFreshness as $e } from "@umriss-ui/core";
-function Ne(t) {
+import { jsx as g, jsxs as R } from "react/jsx-runtime";
+import { Children as Ce, isValidElement as V, Fragment as Oe, useId as qe, useState as ie, useRef as ke, useCallback as Me, useLayoutEffect as Te, useEffect as Ee } from "react";
+import { assess as Re, verdictWeight as ae, useFormats as we, useWording as Se, VisuallyHidden as Ae, AngleGlyph as Ie, Badge as re, useFreshness as Pe, Tooltip as je } from "@umriss-ui/core";
+function De(t) {
   return t.decimals !== void 0 ? t.decimals : t.format === "percent" ? 1 : t.given ? void 0 : 2;
 }
-function xe(t, n) {
-  return n === void 0 ? t : Math.sign(t) * Number(Math.abs(t).toFixed(n));
+function Be(t, e) {
+  return e === void 0 ? t : Math.sign(t) * Number(Math.abs(t).toFixed(e));
 }
-function G(t, n) {
-  return xe(t.format === "percent" ? n * 100 : n, Ne(t));
+function te(t, e) {
+  return Be(t.format === "percent" ? e * 100 : e, De(t));
 }
-const Oe = (t, n) => t.format === "percent" ? n / 100 : n;
-function ce(t, n, v) {
-  const [m, ...i] = n;
+const Le = (t, e) => t.format === "percent" ? e / 100 : e;
+function ve(t, e, h) {
+  const [o, ...c] = e;
   switch (t) {
     case "sum":
-      return i.reduce((e, h, o) => v[o + 1] ? e - h : e + h, m);
+      return c.reduce((n, i, d) => h[d + 1] ? n - i : n + i, o);
     case "difference":
-      return i.reduce((e, h) => e - h, m);
+      return c.reduce((n, i) => n - i, o);
     case "product":
-      return i.reduce((e, h) => e * h, m);
+      return c.reduce((n, i) => n * i, o);
     case "quotient":
-      return m / i[0];
+      return o / c[0];
   }
 }
-const le = (t, n) => n === void 0 || t !== void 0 && K(t) >= K(n) ? t : n;
-function Se(t) {
-  const n = /* @__PURE__ */ new Map(), v = (m) => {
-    var _, x, T;
-    const i = n.get(m);
-    if (i) return i;
-    const e = t.quantities.get(m);
-    let h = null, o, N = !1, C;
-    if (e.given) {
-      const b = e.given.value;
-      typeof b == "number" && Number.isFinite(b) ? h = b : o = { kind: "missing", label: e.label };
+const ge = (t, e) => e === void 0 || t !== void 0 && ae(t) >= ae(e) ? t : e;
+function We(t) {
+  const e = /* @__PURE__ */ new Map(), h = (o) => {
+    var u, $, s;
+    const c = e.get(o);
+    if (c) return c;
+    const n = t.quantities.get(o);
+    let i = null, d, b = !1, M;
+    if (n.given) {
+      const l = n.given.value;
+      typeof l == "number" && Number.isFinite(l) ? i = l : d = { kind: "missing", label: n.label };
     } else {
-      const b = e.operands.map((a) => ({ operand: a, ...v(a.key) }));
-      for (const { operand: a, verdict: l, worst: r } of b) {
-        const w = a.reference ? l : le(l, r);
-        C = le(C, w);
+      const l = n.operands.map((S) => ({ operand: S, ...h(S.key) }));
+      for (const { operand: S, verdict: T, worst: N } of l) {
+        const C = S.reference ? T : ge(T, N);
+        M = ge(M, C);
       }
-      o = (_ = b.find((a) => a.absence)) == null ? void 0 : _.absence;
-      const O = b[1];
-      if (!o && e.operator === "quotient" && O.value === 0 && (o = { kind: "zero", label: t.quantities.get(O.operand.key).label }), !o) {
-        const a = e.operands.map((r) => r.negated === !0);
-        h = ce(e.operator, b.map((r) => r.value), a);
-        const l = ce(
-          e.operator,
-          b.map((r) => Oe(t.quantities.get(r.operand.key), r.shown)),
-          a
+      d = (u = l.find((S) => S.absence)) == null ? void 0 : u.absence;
+      const O = l[1];
+      if (!d && n.operator === "quotient" && O.value === 0 && (d = { kind: "zero", label: t.quantities.get(O.operand.key).label }), !d) {
+        const S = n.operands.map((N) => N.negated === !0);
+        i = ve(n.operator, l.map((N) => N.value), S);
+        const T = ve(
+          n.operator,
+          l.map((N) => Le(t.quantities.get(N.operand.key), N.shown)),
+          S
         );
-        N = G(e, l) !== G(e, h);
+        b = te(n, T) !== te(n, i);
       }
     }
-    const d = { target: e.target, limits: e.limits }, g = e.target !== void 0 || (((x = e.limits) == null ? void 0 : x.length) ?? 0) > 0 ? ye(h, d) : void 0, y = (((T = e.limits) == null ? void 0 : T.length) ?? 0) > 0 ? g.verdict : h === null ? "unknown" : void 0, c = {
-      value: h,
-      absence: o,
-      shown: h === null ? null : G(e, h),
-      approximate: N,
-      assessment: g,
-      verdict: y,
-      worst: C
+    const A = { target: n.target, limits: n.limits }, U = n.target !== void 0 || ((($ = n.limits) == null ? void 0 : $.length) ?? 0) > 0 ? Re(i, A) : void 0, I = (((s = n.limits) == null ? void 0 : s.length) ?? 0) > 0 ? U.verdict : i === null ? "unknown" : void 0, r = {
+      value: i,
+      absence: d,
+      shown: i === null ? null : te(n, i),
+      approximate: b,
+      assessment: U,
+      verdict: I,
+      worst: M
     };
-    return n.set(m, c), c;
+    return e.set(o, r), r;
   };
-  for (const m of t.quantities.keys()) v(m);
-  return n;
+  for (const o of t.quantities.keys()) h(o);
+  return e;
 }
-const qe = () => null, Te = () => null, ke = () => null, Ce = () => null, Ae = () => null, ue = () => null, Ie = () => null, Me = () => null, Pe = () => null, De = () => null, Ee = () => null, Y = () => null, Be = /* @__PURE__ */ new Map([
-  [Te, "sum"],
-  [ke, "difference"],
-  [Ce, "product"],
-  [Ae, "quotient"]
-]), We = {
+const Fe = () => null, Ue = () => null, Qe = () => null, Ve = () => null, ze = () => null, be = () => null, Ge = () => null, He = () => null, Ke = () => null, Ye = () => null, Je = () => null, ce = () => null, Ze = /* @__PURE__ */ new Map([
+  [Ue, "sum"],
+  [Qe, "difference"],
+  [Ve, "product"],
+  [ze, "quotient"]
+]), $e = {
   sum: "Sum",
   difference: "Difference",
   product: "Product",
   quotient: "Quotient"
-}, Z = /* @__PURE__ */ new Map([
-  [Me, { name: "Plus", operator: "sum" }],
-  [Pe, { name: "Minus", operator: "sum", negated: !0 }],
-  [De, { name: "Times", operator: "product" }],
-  [Ee, { name: "DividedBy", operator: "quotient" }]
-]), X = "<Given>, <Sum>, <Difference>, <Product>, <Quotient> or <Chain>";
-function q(t) {
+}, le = /* @__PURE__ */ new Map([
+  [He, { name: "Plus", operator: "sum" }],
+  [Ke, { name: "Minus", operator: "sum", negated: !0 }],
+  [Ye, { name: "Times", operator: "product" }],
+  [Je, { name: "DividedBy", operator: "quotient" }]
+]), ue = "<Given>, <Sum>, <Difference>, <Product>, <Quotient> or <Chain>", _e = "a calculation with metrics only adds and subtracts - <Sum>, <Difference>, <Plus>, <Minus>.", Xe = ["unit", "format", "decimals"];
+function w(t) {
   throw new Error(`@umriss-ui/calculation: ${t}`);
 }
-function Q(t) {
-  return ve.toArray(t).flatMap(
-    (n) => j(n) && n.type === ge ? Q(n.props.children) : [n]
+function Z(t) {
+  return Ce.toArray(t).flatMap(
+    (e) => V(e) && e.type === Oe ? Z(e.props.children) : [e]
   );
 }
-function V(t) {
-  if (!j(t)) return JSON.stringify(t);
-  const n = t.type;
-  return typeof n == "string" ? `<${n}>` : `<${n.displayName ?? n.name ?? "anonymous"}>`;
+function ee(t) {
+  if (!V(t)) return JSON.stringify(t);
+  const e = t.type;
+  return typeof e == "string" ? `<${e}>` : `<${e.displayName ?? e.name ?? "anonymous"}>`;
 }
-const ee = (t, n, v) => `${t}/${j(n) && n.key || v}`;
-function je(t) {
-  const n = Q(t);
-  n.length !== 1 && q(`<Calculation> takes exactly one child, the result; it was given ${n.length}.`);
-  const v = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), i = [], e = (d, g, y) => {
-    const { id: c, ..._ } = g;
-    c !== void 0 && (m.has(c) && q(`${y}: the id "${c}" is used twice.`), m.set(c, d));
-    const x = { ..._, key: d, id: c, operands: [] };
-    return v.set(d, x), x;
-  }, h = (d, g, y) => {
-    if (j(d) && d.type === ue) {
-      const c = { key: "", reference: !0 };
-      return i.push({ operand: c, to: d.props.to, where: y }), c;
+const de = (t, e, h) => `${t}/${V(e) && e.key || h}`;
+function et(t, e) {
+  const h = Z(t);
+  if (h.length !== 1 && w(`<Calculation> takes exactly one child, the result; it was given ${h.length}.`), e !== void 0) {
+    e.length === 0 && w("<Calculation>: metrics is empty; leave it out for a calculation with one number per quantity.");
+    const r = /* @__PURE__ */ new Set();
+    for (const { id: u } of e)
+      r.has(u) && w(`<Calculation>: the metric id "${u}" is used twice.`), r.add(u);
+  }
+  const o = e == null ? void 0 : e.map((r) => `"${r.id}"`).join(", "), c = (r, u) => {
+    const $ = typeof r == "object" && r !== null;
+    if (e === void 0) {
+      $ && w(`${u}: value is an object by metric, but the calculation has no metrics.`);
+      return;
+    }
+    $ || w(`${u}: with metrics, value is an object with a number for each metric - ${o}.`);
+    for (const { id: s } of e)
+      s in r || w(`${u}: value has no number for the metric "${s}"; write null where it is absent. The metrics: ${o}.`);
+    for (const s of Object.keys(r))
+      e.some((l) => l.id === s) || w(`${u}: value has a number for "${s}", which is no metric. The metrics: ${o}.`);
+  }, n = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), d = [], b = (r, u, $) => {
+    const { id: s, ...l } = u;
+    if (e !== void 0) {
+      for (const S of Xe)
+        u[S] !== void 0 && w(`${$}: ${S} belongs to the metric once the calculation has metrics, not to a quantity.`);
+      (u.target !== void 0 || u.limits !== void 0) && w(`${$}: target and limits are not assessed in a calculation with metrics.`);
+    }
+    s !== void 0 && (i.has(s) && w(`${$}: the id "${s}" is used twice.`), i.set(s, r));
+    const O = { ...l, key: r, id: s, operands: [] };
+    return n.set(r, O), O;
+  }, M = (r, u, $) => {
+    if (V(r) && r.type === be) {
+      const s = { key: "", reference: !0 };
+      return d.push({ operand: s, to: r.props.to, where: $ }), s;
     }
-    return { key: o(d, g, y), reference: !1 };
-  }, o = (d, g, y) => {
-    if ((!j(d) || d.type === ue || Z.has(d.type) || d.type === Y) && q(`${y}: ${V(d)} cannot stand here; a quantity must be ${X}.`), d.type === Ie) return N(d.props.children, g, y);
-    const c = Be.get(d.type);
-    d.type !== qe && c === void 0 && q(
-      `${y}: ${V(d)} is not an element of the calculation. A calculation reads its children's props and cannot look inside a component of your own; write ${X} or <Ref> directly, or return them from .map.`
+    return { key: A(r, u, $), reference: !1 };
+  }, A = (r, u, $) => {
+    if ((!V(r) || r.type === be || le.has(r.type) || r.type === ce) && w(`${$}: ${ee(r)} cannot stand here; a quantity must be ${ue}.`), r.type === Ge) return U(r.props.children, u, $);
+    const s = Ze.get(r.type);
+    r.type !== Fe && s === void 0 && w(
+      `${$}: ${ee(r)} is not an element of the calculation. A calculation reads its children's props and cannot look inside a component of your own; write ${ue} or <Ref> directly, or return them from .map.`
     );
-    const { children: _, value: x, source: T, asOf: b, ages: O, ...a } = d.props, l = `${y} › ${a.label}`, r = e(g, a, l);
-    if (c === void 0)
-      return r.given = { value: x, source: T, asOf: b, ages: O }, g;
-    r.operator = c;
-    const w = Q(_), s = w.length;
-    return (c === "quotient" ? s !== 2 : s < 2) && q(
-      `${l}: <${We[c]}> takes ${c === "quotient" ? "exactly two operands" : "two or more operands"}; it was given ${s}.`
-    ), r.operands = w.map((u, $) => h(u, ee(g, u, $), l)), g;
-  }, N = (d, g, y) => {
-    const c = `${y} › <Chain>`, [_, ...x] = Q(d);
-    (_ === void 0 || j(_) && (Z.has(_.type) || _.type === Y)) && q(`${c}: a chain starts with a quantity that has no operator - ${X} or <Ref>.`);
-    let T = h(_, ee(g, _, 0), c), b = V(_), O = [], a;
-    return x.forEach((l, r) => {
-      const w = ee(g, l, r + 1);
-      if (j(l) && l.type === Y) {
-        const M = l.props, D = `${c} › ${M.label}`;
-        O.length === 0 && q(`${D}: an <Interim> needs an operand since the named value before it, ${b}.`);
-        const S = e(w, M, D);
-        S.interim = !0, S.operator = O[0].line.operator, S.operands = [T, ...O.map((J) => J.operand)], T = { key: w, reference: !1, previous: !0 }, b = `<Interim label="${M.label}">`, O = [], a = w;
+    const { children: l, value: O, source: S, asOf: T, ages: N, ...C } = r.props, _ = `${$} › ${C.label}`;
+    e !== void 0 && (s === "product" || s === "quotient") && w(`${_}: <${$e[s]}> - ${_e}`);
+    const y = b(u, C, _);
+    if (s === void 0)
+      return c(O, _), y.given = { value: O, source: S, asOf: T, ages: N }, u;
+    y.operator = s;
+    const q = Z(l), a = q.length;
+    return (s === "quotient" ? a !== 2 : a < 2) && w(
+      `${_}: <${$e[s]}> takes ${s === "quotient" ? "exactly two operands" : "two or more operands"}; it was given ${a}.`
+    ), y.operands = q.map((f, m) => M(f, de(u, f, m), _)), u;
+  }, U = (r, u, $) => {
+    const s = `${$} › <Chain>`, [l, ...O] = Z(r);
+    (l === void 0 || V(l) && (le.has(l.type) || l.type === ce)) && w(`${s}: a chain starts with a quantity that has no operator - ${ue} or <Ref>.`);
+    let S = M(l, de(u, l, 0), s), T = ee(l), N = [], C;
+    return O.forEach((_, y) => {
+      const q = de(u, _, y + 1);
+      if (V(_) && _.type === ce) {
+        const L = _.props, Q = `${s} › ${L.label}`;
+        N.length === 0 && w(`${Q}: an <Interim> needs an operand since the named value before it, ${T}.`);
+        const K = b(q, L, Q);
+        K.interim = !0, K.operator = N[0].line.operator, K.operands = [S, ...N.map((se) => se.operand)], S = { key: q, reference: !1, previous: !0 }, T = `<Interim label="${L.label}">`, N = [], C = q;
         return;
       }
-      const s = j(l) ? Z.get(l.type) : void 0;
-      s === void 0 && q(`${c}: ${V(l)} needs an operator in a chain - <Plus>, <Minus>, <Times> or <DividedBy> - or is an <Interim>.`);
-      const u = s.operator !== "sum", $ = O.find((M) => M.line.operator !== "sum");
-      (u && O.length > 0 || $) && q(
-        `${c}: <${($ ?? { line: s }).line.name}> stands alone between two named values - directly after the first quantity or an <Interim>, and directly before an <Interim>.`
+      const a = V(_) ? le.get(_.type) : void 0;
+      a === void 0 && w(`${s}: ${ee(_)} needs an operator in a chain - <Plus>, <Minus>, <Times> or <DividedBy> - or is an <Interim>.`), e !== void 0 && a.operator !== "sum" && w(`${s}: <${a.name}> - ${_e}`);
+      const f = a.operator !== "sum", m = N.find((L) => L.line.operator !== "sum");
+      (f && N.length > 0 || m) && w(
+        `${s}: <${(m ?? { line: a }).line.name}> stands alone between two named values - directly after the first quantity or an <Interim>, and directly before an <Interim>.`
       );
-      const { children: B, ...A } = l.props, W = Q(B), I = () => q(`${c}: <${s.name}> takes either a label and a value, or exactly one quantity as its child.`);
-      if (W.length > 0) {
-        (W.length > 1 || Object.values(A).some((D) => D !== void 0)) && I();
-        const M = h(W[0], w, c);
-        M.negated = s.negated, O.push({ operand: M, line: s });
+      const { children: P, ...v } = _.props, E = Z(P), j = () => w(`${s}: <${a.name}> takes either a label and a value, or exactly one quantity as its child.`);
+      if (E.length > 0) {
+        (E.length > 1 || Object.values(v).some((Q) => Q !== void 0)) && j();
+        const L = M(E[0], q, s);
+        L.negated = a.negated, N.push({ operand: L, line: a });
         return;
       }
-      A.label === void 0 && I();
-      const { value: E, source: U, asOf: F, ages: R, ...L } = A, z = e(w, { ...L, label: A.label }, `${c} › ${A.label}`);
-      z.given = { value: E, source: U, asOf: F, ages: R }, O.push({ operand: { key: w, reference: !1, negated: s.negated }, line: s });
-    }), (O.length > 0 || a === void 0) && q(`${c}: a chain ends with an <Interim>, which names its value.`), a;
-  }, C = o(n[0], "0", "<Calculation>");
-  for (const { operand: d, to: g, where: y } of i) {
-    const c = m.get(g);
-    if (c === void 0) {
-      const _ = [...m.keys()].map((x) => `"${x}"`).join(", ");
-      q(`${y}: <Ref to="${g}"> names no quantity. ${_ ? `The ids that exist: ${_}.` : "No quantity has an id."}`);
+      v.label === void 0 && j();
+      const { value: k, source: W, asOf: z, ages: G, ...D } = v, B = `${s} › ${v.label}`, X = b(q, { ...D, label: v.label }, B);
+      c(k, B), X.given = { value: k, source: W, asOf: z, ages: G }, N.push({ operand: { key: q, reference: !1, negated: a.negated }, line: a });
+    }), (N.length > 0 || C === void 0) && w(`${s}: a chain ends with an <Interim>, which names its value.`), C;
+  }, I = A(h[0], "0", "<Calculation>");
+  for (const { operand: r, to: u, where: $ } of d) {
+    const s = i.get(u);
+    if (s === void 0) {
+      const l = [...i.keys()].map((O) => `"${O}"`).join(", ");
+      w(`${$}: <Ref to="${u}"> names no quantity. ${l ? `The ids that exist: ${l}.` : "No quantity has an id."}`);
     }
-    d.key = c;
+    r.key = s;
   }
-  return Re(v), { result: C, quantities: v };
+  return nt(n), { result: I, quantities: n, metrics: e };
 }
-function Re(t) {
-  const n = /* @__PURE__ */ new Set(), v = [], m = (i) => {
-    if (n.has(i)) return;
-    const e = v.indexOf(i);
-    if (e !== -1) {
-      const h = [...v.slice(e), i].map((o) => t.get(o).label);
-      q(`the calculation goes round in a circle through references: ${h.join(" → ")}.`);
+function tt(t) {
+  return t.metrics ? t.metrics.map((e) => {
+    const h = /* @__PURE__ */ new Map();
+    for (const [o, c] of t.quantities) {
+      const n = c.given && { ...c.given, value: c.given.value[e.id] };
+      h.set(o, { ...c, unit: e.unit, decimals: e.decimals, given: n });
     }
-    v.push(i);
-    for (const h of t.get(i).operands) m(h.key);
-    v.pop(), n.add(i);
+    return { result: t.result, quantities: h };
+  }) : [t];
+}
+function nt(t) {
+  const e = /* @__PURE__ */ new Set(), h = [], o = (c) => {
+    if (e.has(c)) return;
+    const n = h.indexOf(c);
+    if (n !== -1) {
+      const i = [...h.slice(n), c].map((d) => t.get(d).label);
+      w(`the calculation goes round in a circle through references: ${i.join(" → ")}.`);
+    }
+    h.push(c);
+    for (const i of t.get(c).operands) o(i.key);
+    h.pop(), e.add(c);
   };
-  for (const i of t.keys()) m(i);
+  for (const c of t.keys()) o(c);
 }
-const de = 4, Fe = {
+const ye = 4, at = {
   sum: "calculationSumSymbol",
   difference: "calculationDifferenceSymbol",
   product: "calculationProductSymbol",
   quotient: "calculationQuotientSymbol"
-}, Qe = {
+}, ot = {
   sum: "calculationSumWord",
   difference: "calculationDifferenceWord",
   product: "calculationProductWord",
   quotient: "calculationQuotientWord"
 };
-function H(t, n) {
+function ne(t, e) {
   switch (t) {
     case "alarm":
-      return n.verdictAlarm;
+      return e.verdictAlarm;
     case "warning":
-      return n.verdictWarning;
+      return e.verdictWarning;
     case "unknown":
-      return n.verdictUnknown;
+      return e.verdictUnknown;
     default:
-      return n.verdictOk;
+      return e.verdictOk;
   }
 }
-function te(t, n, v) {
-  const m = t.negated ? "difference" : t.operator;
-  return v[(n ? Qe : Fe)[m]];
+function oe(t, e, h) {
+  const o = t.negated ? "difference" : t.operator;
+  return h[(e ? ot : at)[o]];
 }
-function Ue(t, n) {
-  return t.kind === "missing" ? n.calculationMissing(t.label) : n.calculationDivisionByZero(t.label);
+function st(t, e) {
+  return t.kind === "missing" ? e.calculationMissing(t.label) : e.calculationDivisionByZero(t.label);
 }
-function pe(t, n, v, m) {
-  const i = t.format === "percent" ? m : t.unit, e = v.number(n, t.decimals);
-  return i ? `${e} ${i}` : e;
+function Ne(t, e, h, o) {
+  const c = t.format === "percent" ? o : t.unit, n = h.number(e, t.decimals);
+  return c ? `${n} ${c}` : n;
 }
-function Le(t, n, v, m, i, e, h) {
-  const o = t.quantities.get(v), N = n.get(v), C = (w, s, u) => s.shown === null ? u ? e.verdictUnknown : e.statAbsentValue : pe(w, s.shown, i, u ? e.calculationPercent : "%"), d = (w) => {
-    if (m || !o.operator) return {};
-    if (!w && o.operands.length > de)
-      return { names: e.calculationOperandCount(o.operands.length) };
-    const s = (u) => o.operands.map(($, B) => {
-      const A = t.quantities.get($.key);
-      return B === 0 ? u(A) : `${te({ operator: o.operator, negated: $.negated === !0 }, w, e)} ${u(A)}`;
+function it(t, e, h, o, c, n, i) {
+  const d = t.quantities.get(h), b = e.get(h), M = (C, _, y) => _.shown === null ? y ? n.verdictUnknown : n.statAbsentValue : Ne(C, _.shown, c, y ? n.calculationPercent : "%"), A = (C) => {
+    if (o || !d.operator) return {};
+    if (!C && d.operands.length > ye)
+      return { names: n.calculationOperandCount(d.operands.length) };
+    const _ = (y) => d.operands.map((q, a) => {
+      const f = t.quantities.get(q.key);
+      return a === 0 ? y(f) : `${oe({ operator: d.operator, negated: q.negated === !0 }, C, n)} ${y(f)}`;
     }).join(" ");
     return {
-      names: s((u) => u.label),
-      numbers: s((u) => C(u, n.get(u.key), w))
+      names: _((y) => y.label),
+      numbers: _((y) => M(y, e.get(y.key), C))
     };
-  }, g = (w) => {
-    var $;
-    const s = ($ = N.assessment) == null ? void 0 : $.deviation;
-    if (s === void 0 || o.target === void 0) return;
-    const u = pe(o, G(o, o.target), i, w ? e.calculationPercent : "%");
-    return s > 0 ? e.calculationAboveTarget(u) : s < 0 ? e.calculationBelowTarget(u) : e.calculationOnTarget(u);
-  }, y = d(!1).names, c = y === void 0 || o.operands.length > de ? y : `= ${y}`, _ = d(!0), x = N.absence ? Ue(N.absence, e) : void 0, T = ` ${e.calculationEquals} `, b = N.approximate ? `${e.calculationApproximately} ${C(o, N, !0)}` : C(o, N, !0), a = [
-    (h ? `${te(h, !0, e)} ` : "") + o.label + T + [_.names, _.numbers, b].filter(Boolean).join(`,${T}`),
-    N.verdict !== void 0 && N.verdict !== "unknown" ? H(N.verdict, e) : void 0,
-    g(!0),
-    x
-  ].filter(Boolean).join(", "), l = N.shown === null ? void 0 : o.format === "percent" ? "%" : o.unit;
-  return { amount: N.shown === null ? e.statAbsentValue : i.number(N.shown, o.decimals), unit: l, names: c, target: g(!1), reason: x, sentence: a };
+  }, U = (C) => {
+    var q;
+    const _ = (q = b.assessment) == null ? void 0 : q.deviation;
+    if (_ === void 0 || d.target === void 0) return;
+    const y = Ne(d, te(d, d.target), c, C ? n.calculationPercent : "%");
+    return _ > 0 ? n.calculationAboveTarget(y) : _ < 0 ? n.calculationBelowTarget(y) : n.calculationOnTarget(y);
+  }, I = A(!1).names, r = I === void 0 || d.operands.length > ye ? I : `= ${I}`, u = A(!0), $ = b.absence ? st(b.absence, n) : void 0, s = ` ${n.calculationEquals} `, l = b.approximate ? `${n.calculationApproximately} ${M(d, b, !0)}` : M(d, b, !0), S = [
+    (i ? `${oe(i, !0, n)} ` : "") + d.label + s + [u.names, u.numbers, l].filter(Boolean).join(`,${s}`),
+    b.verdict !== void 0 && b.verdict !== "unknown" ? ne(b.verdict, n) : void 0,
+    U(!0),
+    $
+  ].filter(Boolean).join(", "), T = b.shown === null ? void 0 : d.format === "percent" ? "%" : d.unit;
+  return { amount: b.shown === null ? n.statAbsentValue : c.number(b.shown, d.decimals), unit: T, names: r, target: U(!1), reason: $, sentence: S, spokenNames: u.names, spokenNumber: l };
 }
-const Ve = "_frame_1ydwt_21 _text_ocaqi_23", Ge = "_calculation_1ydwt_40", He = "_disclosure_1ydwt_54", Ke = "_list_1ydwt_58", ze = "_item_1ydwt_59", Je = "_derivation_1ydwt_60", Ye = "_line_1ydwt_110", Ze = "_labelCell_1ydwt_152", Xe = "_names_1ydwt_153", et = "_operator_1ydwt_154", tt = "_amount_1ydwt_155", nt = "_unit_1ydwt_156", at = "_assessment_1ydwt_157", st = "_label_1ydwt_152", ot = "_approximate_1ydwt_275", rt = "_target_1ydwt_303", it = "_worst_1ydwt_304", ct = "_notes_1ydwt_396", lt = "_freshness_1ydwt_410", p = {
-  frame: Ve,
-  calculation: Ge,
-  disclosure: He,
-  list: Ke,
-  item: ze,
-  derivation: Je,
-  line: Ye,
-  labelCell: Ze,
-  names: Xe,
-  operator: et,
-  amount: tt,
-  unit: nt,
-  assessment: at,
-  label: st,
-  approximate: ot,
-  target: rt,
-  worst: it,
-  notes: ct,
-  freshness: lt
-}, ut = { ok: "success", unknown: "neutral", warning: "warning", alarm: "danger" }, dt = (...t) => t.filter(Boolean).join(" ");
-function pt({ asOf: t, ages: n }) {
-  const v = me(), m = fe(), i = $e(t, n), e = i.freshness === "lost" ? m.freshnessDisconnected : i.freshness === "stale" ? m.freshnessStale : m.freshnessFresh;
-  return /* @__PURE__ */ k("span", { className: p.freshness, "data-freshness": i.freshness, children: [
-    e,
-    i.age !== null && ` · ${v.relative(i.age)}`
+function rt(t, e, h, o, c) {
+  const n = c ? `${oe(c, !0, o)} ` : "", i = e[0].spokenNames, d = n + t + (i === void 0 ? "" : ` ${o.calculationEquals} ${i}`), b = h.map(
+    (M, A) => [`${M.label} ${e[A].spokenNumber}`, e[A].reason].filter(Boolean).join(", ")
+  );
+  return `${d}: ${b.join("; ")}`;
+}
+const ct = "_frame_c4ne1_24 _text_ocaqi_23", lt = "_calculation_c4ne1_46", ut = "_disclosure_c4ne1_60", dt = "_list_c4ne1_64", ft = "_item_c4ne1_65", pt = "_derivation_c4ne1_66", mt = "_line_c4ne1_116", ht = "_labelCell_c4ne1_158", vt = "_names_c4ne1_159", gt = "_operator_c4ne1_160", bt = "_amount_c4ne1_161", $t = "_unit_c4ne1_162", _t = "_assessment_c4ne1_163", yt = "_label_c4ne1_158", Nt = "_approximate_c4ne1_281", wt = "_target_c4ne1_309", St = "_worst_c4ne1_310", xt = "_head_c4ne1_407", Ct = "_headCell_c4ne1_414", Ot = "_headUnit_c4ne1_427", qt = "_notes_c4ne1_434", kt = "_freshness_c4ne1_448", Mt = "_headLabel_c4ne1_478", p = {
+  frame: ct,
+  calculation: lt,
+  disclosure: ut,
+  list: dt,
+  item: ft,
+  derivation: pt,
+  line: mt,
+  labelCell: ht,
+  names: vt,
+  operator: gt,
+  amount: bt,
+  unit: $t,
+  assessment: _t,
+  label: yt,
+  approximate: Nt,
+  target: wt,
+  worst: St,
+  head: xt,
+  headCell: Ct,
+  headUnit: Ot,
+  notes: qt,
+  freshness: kt,
+  headLabel: Mt
+}, Tt = 10, J = (t) => 4 + 2 * t, Et = (t) => 5 + 2 * t, Rt = { ok: "success", unknown: "neutral", warning: "warning", alarm: "danger" }, At = (...t) => t.filter(Boolean).join(" ");
+function It({ asOf: t, ages: e }) {
+  const h = we(), o = Se(), c = Pe(t, e), n = c.freshness === "lost" ? o.freshnessDisconnected : c.freshness === "stale" ? o.freshnessStale : o.freshnessFresh;
+  return /* @__PURE__ */ R("span", { className: p.freshness, "data-freshness": c.freshness, children: [
+    n,
+    c.age !== null && ` · ${h.relative(c.age)}`
   ] });
 }
-function vt({ children: t, className: n, style: v, ...m }) {
-  const i = me(), e = fe(), h = we(), o = je(t), N = Se(o), [C, d] = oe(() => /* @__PURE__ */ new Set()), [g, y] = oe(null), c = (a) => d((l) => {
-    const r = new Set(l);
-    return r.delete(a) || r.add(a), r;
-  }), _ = (a, l, r) => r === 0 || l.previous ? void 0 : { operator: a.operator, negated: l.negated === !0 };
-  let x = !1;
-  const T = (a, l) => g === null ? void 0 : a === g ? "use" : l === g ? "operand" : void 0, b = (a, l, r, w) => {
-    const s = o.quantities.get(a), u = N.get(a), $ = Le(o, N, a, l, i, e, r.position), B = s.operator !== void 0 && !l, A = a === o.result && !l, W = B && (s.interim ? r.flat : A), I = B && !W, E = I && C.has(a);
-    x || (x = I);
-    const U = `${h}-${a}`, F = { depth: W ? r.depth : r.depth + 1, flat: !1, parent: a }, R = B ? s.operands.find((P) => P.previous) : void 0, L = R && r.flat ? b(R.key, !1, { ...r, parent: a, position: void 0 }, `${w}-c`) : [], z = R && !r.flat ? b(R.key, !1, { ...F, flat: !0 }, `${w}-c`) : [], M = B ? s.operands.map(
-      (P, se) => P.previous ? null : b(P.key, P.reference, { ...F, position: _(s, P, se) }, `${w}-${se}`)
-    ) : [], D = I && !E && u.worst !== void 0 && K(u.worst) > K(u.verdict ?? "ok") ? u.worst : void 0, S = l ? void 0 : s.given, J = r.position ? te(r.position, !1, e) : void 0, ne = [
-      !l && s.explanation !== void 0 && /* @__PURE__ */ f("span", { children: s.explanation }, "explanation"),
-      (S == null ? void 0 : S.source) !== void 0 && /* @__PURE__ */ f("span", { children: e.calculationSource(S.source) }, "source"),
-      (S == null ? void 0 : S.asOf) !== void 0 && (S.ages !== void 0 ? /* @__PURE__ */ f(pt, { asOf: S.asOf, ages: S.ages }, "asOf") : /* @__PURE__ */ f("span", { children: e.asOfAgo(i.dateTime(new Date(S.asOf), !1)) }, "asOf")),
-      !l && s.aside !== void 0 && /* @__PURE__ */ f("span", { children: s.aside }, "aside")
-    ].filter(Boolean), he = A ? "result" : s.interim && !l && r.flat ? "interim" : void 0, ae = /* @__PURE__ */ k(
+function Bt({ children: t, className: e, style: h, metrics: o, ...c }) {
+  const n = we(), i = Se(), d = qe(), b = et(t, o), M = tt(b).map((a) => ({ view: a, results: We(a) })), [A, U] = ie(() => /* @__PURE__ */ new Set()), [I, r] = ie(null), u = ke(null), [$, s] = ie(!1), l = (o == null ? void 0 : o.length) ?? 0, O = Me(() => {
+    const a = u.current, f = a && l > 0 ? getComputedStyle(a.firstElementChild).gridTemplateColumns.split(" ").map(parseFloat) : [], m = J(l) - 1;
+    if (!a || f.length <= m || f.some((k) => !Number.isFinite(k))) {
+      s(!1);
+      return;
+    }
+    const P = f.slice(2, m).reduce((k, W) => k + W, 0);
+    let v = 0;
+    const E = document.createRange();
+    for (const k of a.querySelectorAll(`.${p.label}`)) {
+      E.selectNodeContents(k);
+      const W = [...E.getClientRects()].reduce((D, B) => D + B.width, 0);
+      if (W === 0) continue;
+      const z = k.parentElement, G = k.getBoundingClientRect().left - z.getBoundingClientRect().left;
+      v = Math.max(v, G + W + parseFloat(getComputedStyle(z).paddingRight));
+    }
+    const j = parseFloat(getComputedStyle(document.documentElement).fontSize);
+    s(a.clientWidth - P < Math.min(v, Tt * j));
+  }, [l]);
+  Te(() => O()), Ee(() => {
+    const a = u.current;
+    if (!a || l === 0) return;
+    const f = new ResizeObserver(() => O());
+    return f.observe(a), () => f.disconnect();
+  }, [O, l]);
+  const S = (a) => U((f) => {
+    const m = new Set(f);
+    return m.delete(a) || m.add(a), m;
+  }), T = (a, f, m) => m === 0 || f.previous ? void 0 : { operator: a.operator, negated: f.negated === !0 };
+  let N = !1;
+  const C = (a, f) => a.map(({ own: m, text: P }, v) => [
+    /* @__PURE__ */ R(
+      "span",
+      {
+        className: p.amount,
+        "aria-hidden": "true",
+        "data-verdict": m.verdict,
+        "data-later": v > 0 ? "" : void 0,
+        style: o ? { "--column": J(v) } : void 0,
+        children: [
+          m.approximate && /* @__PURE__ */ g(je, { content: i.calculationApproximateNote, children: /* @__PURE__ */ g("span", { className: p.approximate, children: "≈" }) }),
+          P.amount
+        ]
+      },
+      `amount-${v}`
+    ),
+    /* @__PURE__ */ g(
+      "span",
+      {
+        className: p.unit,
+        "aria-hidden": "true",
+        style: o ? { "--column": Et(v) } : void 0,
+        "data-last": o && v === a.length - 1 ? "" : void 0,
+        children: o && !f ? void 0 : P.unit
+      },
+      `unit-${v}`
+    )
+  ]), _ = (a, f) => I === null ? void 0 : a === I ? "use" : f === I ? "operand" : void 0, y = (a, f, m, P) => {
+    const v = b.quantities.get(a), E = M.map(({ view: x, results: H }) => ({
+      own: H.get(a),
+      text: it(x, H, a, f, n, i, m.position)
+    })), { own: j, text: k } = E[0], W = v.operator !== void 0 && !f, z = a === b.result && !f, G = W && (v.interim ? m.flat : z), D = W && !G, B = D && A.has(a);
+    N || (N = D);
+    const X = `${d}-${a}`, L = { depth: G ? m.depth : m.depth + 1, flat: !1, parent: a }, Q = W ? v.operands.find((x) => x.previous) : void 0, K = Q && m.flat ? y(Q.key, !1, { ...m, parent: a, position: void 0 }, `${P}-c`) : [], se = Q && !m.flat ? y(Q.key, !1, { ...L, flat: !0 }, `${P}-c`) : [], fe = W ? v.operands.map(
+      (x, H) => x.previous ? null : y(x.key, x.reference, { ...L, position: T(v, x, H) }, `${P}-${H}`)
+    ) : [], Y = D && !B && j.worst !== void 0 && ae(j.worst) > ae(j.verdict ?? "ok") ? j.worst : void 0, F = f ? void 0 : v.given, xe = m.position ? oe(m.position, !1, i) : void 0, pe = [
+      !f && v.explanation !== void 0 && /* @__PURE__ */ g("span", { children: v.explanation }, "explanation"),
+      (F == null ? void 0 : F.source) !== void 0 && /* @__PURE__ */ g("span", { children: i.calculationSource(F.source) }, "source"),
+      (F == null ? void 0 : F.asOf) !== void 0 && (F.ages !== void 0 ? /* @__PURE__ */ g(It, { asOf: F.asOf, ages: F.ages }, "asOf") : /* @__PURE__ */ g("span", { children: i.asOfAgo(n.dateTime(new Date(F.asOf), !1)) }, "asOf")),
+      !f && v.aside !== void 0 && /* @__PURE__ */ g("span", { children: v.aside }, "aside")
+    ].filter(Boolean), me = z ? "result" : v.interim && !f && m.flat ? "interim" : void 0, he = /* @__PURE__ */ R(
       "div",
       {
         className: p.line,
-        style: { "--depth": r.depth },
-        "data-inner": r.depth > 0 ? "" : void 0,
-        "data-kind": he,
-        "data-foldable": I ? "" : void 0,
-        "data-reference": l ? "" : void 0,
-        "data-mark": T(a, r.parent),
-        onPointerEnter: () => y(a),
-        onPointerLeave: () => y(null),
-        onFocus: () => y(a),
-        onBlur: () => y(null),
-        onClick: I ? () => {
-          var P;
-          (P = window.getSelection()) != null && P.toString() || c(a);
+        style: { "--depth": m.depth },
+        "data-inner": m.depth > 0 ? "" : void 0,
+        "data-kind": me,
+        "data-foldable": D ? "" : void 0,
+        "data-reference": f ? "" : void 0,
+        "data-mark": _(a, m.parent),
+        onPointerEnter: () => r(a),
+        onPointerLeave: () => r(null),
+        onFocus: () => r(a),
+        onBlur: () => r(null),
+        onClick: D ? () => {
+          var x;
+          (x = window.getSelection()) != null && x.toString() || S(a);
         } : void 0,
         children: [
-          /* @__PURE__ */ f(_e, { children: [
-            $.sentence,
-            u.approximate && e.calculationApproximateNote,
-            D !== void 0 && e.calculationWorstInside(H(D, e))
+          /* @__PURE__ */ g(Ae, { children: [
+            o ? rt(v.label, E.map((x) => x.text), o, i, m.position) : k.sentence,
+            E.some((x) => x.own.approximate) && i.calculationApproximateNote,
+            Y !== void 0 && i.calculationWorstInside(ne(Y, i))
           ].filter(Boolean).join(". ") }),
-          /* @__PURE__ */ k("span", { className: p.labelCell, children: [
-            I ? /* @__PURE__ */ f(
+          /* @__PURE__ */ R("span", { className: p.labelCell, children: [
+            D ? /* @__PURE__ */ g(
               "button",
               {
                 type: "button",
                 className: p.disclosure,
-                "aria-expanded": E,
-                "aria-controls": U,
-                "aria-label": (E ? e.calculationHideDerivation : e.calculationShowDerivation)(s.label),
-                children: /* @__PURE__ */ f(be, { "data-open": E ? "" : void 0 })
+                "aria-expanded": B,
+                "aria-controls": X,
+                "aria-label": (B ? i.calculationHideDerivation : i.calculationShowDerivation)(v.label),
+                children: /* @__PURE__ */ g(Ie, { "data-open": B ? "" : void 0 })
               }
-            ) : /* @__PURE__ */ f("span", { className: p.disclosure, "aria-hidden": "true" }),
-            /* @__PURE__ */ f("span", { className: p.label, "aria-hidden": "true", children: s.label })
-          ] }),
-          /* @__PURE__ */ f("span", { className: p.names, "aria-hidden": "true", children: I && !E ? $.names : void 0 }),
-          /* @__PURE__ */ f("span", { className: p.operator, "aria-hidden": "true", children: J }),
-          /* @__PURE__ */ k("span", { className: p.amount, "aria-hidden": "true", "data-verdict": u.verdict, children: [
-            u.approximate && /* @__PURE__ */ f(re, { content: e.calculationApproximateNote, children: /* @__PURE__ */ f("span", { className: p.approximate, children: "≈" }) }),
-            $.amount
+            ) : /* @__PURE__ */ g("span", { className: p.disclosure, "aria-hidden": "true" }),
+            /* @__PURE__ */ g("span", { className: p.label, "aria-hidden": "true", children: v.label })
           ] }),
-          /* @__PURE__ */ f("span", { className: p.unit, "aria-hidden": "true", children: $.unit }),
-          /* @__PURE__ */ k("span", { className: p.assessment, "aria-hidden": "true", children: [
-            $.reason !== void 0 ? /* @__PURE__ */ f(ie, { children: $.reason }) : u.verdict !== void 0 && /* @__PURE__ */ f(ie, { tone: ut[u.verdict], children: H(u.verdict, e) }),
-            $.target !== void 0 && /* @__PURE__ */ f("span", { className: p.target, children: $.target }),
-            D !== void 0 && /* @__PURE__ */ f("span", { className: p.worst, "data-verdict": D, children: e.calculationWorstInside(H(D, e)) })
+          /* @__PURE__ */ g("span", { className: p.names, "aria-hidden": "true", children: D && !B ? k.names : void 0 }),
+          /* @__PURE__ */ g("span", { className: p.operator, "aria-hidden": "true", children: xe }),
+          C(E, me !== void 0),
+          /* @__PURE__ */ R("span", { className: p.assessment, "aria-hidden": "true", children: [
+            o ? (
+              /* Short: which metric. The sentence carries the full reason. */
+              o.map(
+                (x, H) => E[H].own.absence && /* @__PURE__ */ g(re, { children: i.calculationMissing(x.unit ?? x.label) }, x.id)
+              )
+            ) : k.reason !== void 0 ? /* @__PURE__ */ g(re, { children: k.reason }) : j.verdict !== void 0 && /* @__PURE__ */ g(re, { tone: Rt[j.verdict], children: ne(j.verdict, i) }),
+            k.target !== void 0 && /* @__PURE__ */ g("span", { className: p.target, children: k.target }),
+            Y !== void 0 && /* @__PURE__ */ g("span", { className: p.worst, "data-verdict": Y, children: i.calculationWorstInside(ne(Y, i)) })
           ] }),
-          ne.length > 0 && /* A click here - on a link in the aside, on a sparkline - is the
+          pe.length > 0 && /* A click here - on a link in the aside, on a sparkline - is the
           caller's, not a fold. */
-          /* @__PURE__ */ f("span", { className: p.notes, onClick: (P) => P.stopPropagation(), children: ne })
+          /* @__PURE__ */ g("span", { className: p.notes, onClick: (x) => x.stopPropagation(), children: pe })
         ]
       }
     );
-    return W ? [
-      ...L,
-      /* @__PURE__ */ k("li", { className: p.item, children: [
-        /* @__PURE__ */ f("ul", { className: p.list, children: M }),
-        ae
-      ] }, w)
+    return G ? [
+      ...K,
+      /* @__PURE__ */ R("li", { className: p.item, children: [
+        /* @__PURE__ */ g("ul", { className: p.list, children: fe }),
+        he
+      ] }, P)
     ] : [
-      ...L,
-      /* @__PURE__ */ k("li", { className: p.item, "data-open": E ? "" : void 0, style: { "--depth": r.depth }, children: [
-        ae,
-        I && /* @__PURE__ */ k("ul", { id: U, className: p.derivation, hidden: !E, children: [
-          z,
-          M,
-          /* @__PURE__ */ f("li", { className: p.item, "aria-hidden": "true", children: /* @__PURE__ */ k(
+      ...K,
+      /* @__PURE__ */ R("li", { className: p.item, "data-open": B ? "" : void 0, style: { "--depth": m.depth }, children: [
+        he,
+        D && /* @__PURE__ */ R("ul", { id: X, className: p.derivation, hidden: !B, children: [
+          se,
+          fe,
+          /* @__PURE__ */ g("li", { className: p.item, "aria-hidden": "true", children: /* @__PURE__ */ R(
             "div",
             {
               className: p.line,
-              style: { "--depth": F.depth },
+              style: { "--depth": L.depth },
               "data-inner": "",
               "data-closing": "",
-              "data-mark": g === a ? "use" : void 0,
+              "data-mark": I === a ? "use" : void 0,
               children: [
-                /* @__PURE__ */ k("span", { className: p.labelCell, children: [
-                  /* @__PURE__ */ f("span", { className: p.disclosure }),
-                  /* @__PURE__ */ k("span", { className: p.label, children: [
+                /* @__PURE__ */ R("span", { className: p.labelCell, children: [
+                  /* @__PURE__ */ g("span", { className: p.disclosure }),
+                  /* @__PURE__ */ R("span", { className: p.label, children: [
                     "= ",
-                    s.label
+                    v.label
                   ] })
                 ] }),
-                /* @__PURE__ */ f("span", { className: p.names }),
-                /* @__PURE__ */ f("span", { className: p.operator }),
-                /* @__PURE__ */ k("span", { className: p.amount, "data-verdict": u.verdict, children: [
-                  u.approximate && /* @__PURE__ */ f(re, { content: e.calculationApproximateNote, children: /* @__PURE__ */ f("span", { className: p.approximate, children: "≈" }) }),
-                  $.amount
-                ] }),
-                /* @__PURE__ */ f("span", { className: p.unit, children: $.unit })
+                /* @__PURE__ */ g("span", { className: p.names }),
+                /* @__PURE__ */ g("span", { className: p.operator }),
+                C(E, !0)
               ]
             }
           ) })
         ] })
-      ] }, w)
+      ] }, P)
     ];
-  }, O = b(o.result, !1, { depth: 0, flat: !0, parent: null }, "r");
+  }, q = y(b.result, !1, { depth: 0, flat: !0, parent: null }, "r");
   return (
     /* The frame is the surface and the container the layout measures itself
        against; the list inside it is the statement. */
-    /* @__PURE__ */ f("div", { className: dt(p.frame, n), style: v, "data-still": x ? void 0 : "", children: /* @__PURE__ */ f("ul", { className: p.calculation, ...m, children: O }) })
+    /* @__PURE__ */ g(
+      "div",
+      {
+        ref: u,
+        className: At(p.frame, e),
+        style: o ? {
+          "--figure-tracks": Array(l * 2).fill("auto").join(" "),
+          "--figures-end": J(l),
+          "--assessment-column": J(l),
+          ...h
+        } : h,
+        "data-still": N ? void 0 : "",
+        "data-metrics": o ? l : void 0,
+        "data-two-lines": $ ? "" : void 0,
+        children: /* @__PURE__ */ R("ul", { className: p.calculation, ...c, children: [
+          o && /* The head names each metric and its unit above its column. Every
+          row's sentence names them too, so the head is for the eye. */
+          /* @__PURE__ */ g("li", { className: p.item, "aria-hidden": "true", children: /* @__PURE__ */ g("div", { className: p.head, children: o.map((a, f) => /* @__PURE__ */ R(
+            "span",
+            {
+              className: p.headCell,
+              "data-unit": a.unit === void 0 ? void 0 : "",
+              style: { "--column": J(f) },
+              children: [
+                /* @__PURE__ */ g("span", { className: p.headLabel, children: a.label }),
+                a.unit !== void 0 && /* @__PURE__ */ g("span", { className: p.headUnit, children: a.unit })
+              ]
+            },
+            a.id
+          )) }) }),
+          q
+        ] })
+      }
+    )
   );
 }
 export {
-  vt as Calculation,
-  Ie as Chain,
-  ke as Difference,
-  Ee as DividedBy,
-  qe as Given,
-  Y as Interim,
-  Pe as Minus,
-  Me as Plus,
-  Ce as Product,
-  Ae as Quotient,
-  ue as Ref,
-  Te as Sum,
-  De as Times
+  Bt as Calculation,
+  Ge as Chain,
+  Qe as Difference,
+  Je as DividedBy,
+  Fe as Given,
+  ce as Interim,
+  Ke as Minus,
+  He as Plus,
+  Ve as Product,
+  ze as Quotient,
+  be as Ref,
+  Ue as Sum,
+  Ye as Times
 };