@divami-artefacts/ai-design-system 1.0.21 → 1.0.23

package/dist/index.js

@@ -1805,27 +1805,27 @@ function ut({ points: e = [], "data-testid": t }) {
 }
 //#endregion
 //#region src/components/trend/Trend.tsx
-var dt = 680, q = 280, ft = 54, pt = 28, mt = 64, ht = f.font, gt = 12;
-function _t({ points: e = [], "data-testid": t }) {
+var dt = 680, q = 280, ft = 54, pt = 28, mt = 64, ht = f.font, gt = 12, _t = Math.PI * 2, vt = 72, yt = 20, bt = 5e3;
+function xt({ points: e = [], "data-testid": t }) {
 	let r = a(null), o = a(null), l = a(0), d = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), p = i(() => {
 		if (d.length <= 1) return mt;
 		let e = document.createElement("canvas").getContext("2d");
 		if (!e) return mt;
 		e.font = ht;
-		let t = Math.max(...d.map((t) => e.measureText(t.week).width));
-		return Math.max(mt, t + gt);
-	}, [d]), m = Math.round(p / 2), g = Math.max(dt - ft, pt + m + Math.max(0, d.length - 1) * p), { tooltip: _, hitZonesRef: y } = w(r, {
-		width: g,
+		let t = Math.max(1, Math.ceil(d.length / yt)), n = Math.max(...d.filter((e, n) => n % t === 0).map((t) => e.measureText(t.week).width));
+		return Math.max(mt, n + gt);
+	}, [d]), m = Math.round(p / 2), g = pt + m + Math.max(0, d.length - 1) * p, _ = Math.max(dt - ft, Math.min(g, bt)), { tooltip: y, hitZonesRef: b } = w(r, {
+		width: _,
 		height: q
 	});
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, g, q), n = o.current ? v(o.current, ft, q) : null;
+		let t = v(e, _, q), n = o.current ? v(o.current, ft, q) : null;
 		l.current = 0;
-		let i = g - pt, a = q - 30 - 54, s = Math.max(...d.map((e) => e.count), 1), c = d.length, _ = c > 1 ? Math.max((i - m) / (c - 1), p) : i - m, b = d.map((e, t) => ({
-			x: m + t * _,
-			y: 30 + a - e.count / s * a,
+		let i = d.length <= vt ? vt : Math.max(24, Math.round(vt * (vt / d.length))), a = _ - pt, s = q - 30 - 54, c = Math.max(...d.map((e) => e.count), 1), g = d.length, y = g > 1 ? (a - m) / (g - 1) : a - m, x = Math.max(1, Math.ceil(p / y)), S = d.map((e, t) => ({
+			x: m + t * y,
+			y: 30 + s - e.count / c * s,
 			point: e
 		}));
 		n && (n.clearRect(0, 0, ft, q), n.letterSpacing = f.letterSpacing, [
@@ -1834,52 +1834,60 @@ function _t({ points: e = [], "data-testid": t }) {
 			.75,
 			1
 		].forEach((e) => {
-			let t = 30 + a - e * a;
-			n.font = f.font, n.fillStyle = f.color, n.textAlign = "right", n.fillText(String(Math.round(s * e)), ft - 6, t + 3);
-		}), n.save(), n.translate(12, 30 + a / 2), n.rotate(-Math.PI / 2), n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText("Count", 0, 0), n.restore());
-		let x, S = () => {
+			let t = 30 + s - e * s;
+			n.font = f.font, n.fillStyle = f.color, n.textAlign = "right", n.fillText(String(Math.round(c * e)), ft - 6, t + 3);
+		}), n.save(), n.translate(12, 30 + s / 2), n.rotate(-Math.PI / 2), n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText("Count", 0, 0), n.restore());
+		let C = t.createLinearGradient(0, 30, 0, 30 + s);
+		C.addColorStop(0, h(u.blue, .22)), C.addColorStop(1, h(u.blue, .02));
+		let w = 0, E, O = (e) => {
+			t.font = ht, t.fillStyle = f.color, t.textAlign = "center";
+			for (let n = 0; n < e; n++) n % x === 0 && t.fillText(S[n].point.week, S[n].x, q - 54 + 14);
+		}, k = () => {
 			l.current++;
-			let e = Math.min(l.current / 72, 1), n = D(e);
-			t.clearRect(0, 0, g, q), t.letterSpacing = f.letterSpacing, [
+			let e = Math.min(l.current / i, 1), n = D(e), r = e >= 1;
+			t.clearRect(0, 0, _, q), t.letterSpacing = f.letterSpacing, [
 				.25,
 				.5,
 				.75,
 				1
 			].forEach((e) => {
-				let n = 30 + a - e * a;
-				t.strokeStyle = h(u.bd, .18), t.lineWidth = 1, t.setLineDash([3, 5]), t.beginPath(), t.moveTo(0, n), t.lineTo(i, n), t.stroke(), t.setLineDash([]);
-			}), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Period", m + (i - m) / 2, q - 6), t.strokeStyle = h(u.bd, .3), t.lineWidth = 1, t.beginPath(), t.moveTo(m, 30 + a), t.lineTo(i, 30 + a), t.stroke();
-			let r = n * (c - 1), o = Math.floor(r) + 1;
-			if (o >= 2) {
-				t.beginPath(), t.moveTo(b[0].x, 30 + a), t.lineTo(b[0].x, b[0].y);
-				for (let e = 1; e < o; e++) {
-					let n = r - Math.floor(r), i = e === o - 1 && e === Math.ceil(r) && n > 0, a = i ? b[e - 1].x + (b[e].x - b[e - 1].x) * n : b[e].x, s = i ? b[e - 1].y + (b[e].y - b[e - 1].y) * n : b[e].y;
-					t.lineTo(a, s);
+				let n = 30 + s - e * s;
+				t.strokeStyle = h(u.bd, .18), t.lineWidth = 1, t.setLineDash([3, 5]), t.beginPath(), t.moveTo(0, n), t.lineTo(a, n), t.stroke(), t.setLineDash([]);
+			}), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Period", m + (a - m) / 2, q - 6), t.strokeStyle = h(u.bd, .3), t.lineWidth = 1, t.beginPath(), t.moveTo(m, 30 + s), t.lineTo(a, 30 + s), t.stroke();
+			let o = n * (g - 1), c = Math.floor(o) + 1;
+			if (c >= 2) {
+				t.beginPath(), t.moveTo(S[0].x, 30 + s), t.lineTo(S[0].x, S[0].y);
+				for (let e = 1; e < c; e++) {
+					let n = o - Math.floor(o), r = e === c - 1 && e === Math.ceil(o) && n > 0, i = r ? S[e - 1].x + (S[e].x - S[e - 1].x) * n : S[e].x, a = r ? S[e - 1].y + (S[e].y - S[e - 1].y) * n : S[e].y;
+					t.lineTo(i, a);
 				}
-				t.lineTo(b[o - 1].x, 30 + a), t.closePath();
-				let e = t.createLinearGradient(0, 30, 0, 30 + a);
-				e.addColorStop(0, h(u.blue, .22)), e.addColorStop(1, h(u.blue, .02)), t.fillStyle = e, t.fill();
+				t.lineTo(S[c - 1].x, 30 + s), t.closePath(), t.fillStyle = C, t.fill();
 			}
 			t.beginPath();
-			for (let e = 0; e < o; e++) {
-				let n = r - Math.floor(r), i = e === o - 1 && e > 0 && e === Math.ceil(r) && n > 0, a = i ? b[e - 1].x + (b[e].x - b[e - 1].x) * n : b[e].x, s = i ? b[e - 1].y + (b[e].y - b[e - 1].y) * n : b[e].y;
-				e === 0 ? t.moveTo(a, s) : t.lineTo(a, s);
+			for (let e = 0; e < c; e++) {
+				let n = o - Math.floor(o), r = e === c - 1 && e > 0 && e === Math.ceil(o) && n > 0, i = r ? S[e - 1].x + (S[e].x - S[e - 1].x) * n : S[e].x, a = r ? S[e - 1].y + (S[e].y - S[e - 1].y) * n : S[e].y;
+				e === 0 ? t.moveTo(i, a) : t.lineTo(i, a);
 			}
-			t.strokeStyle = h(u.blue, .85), t.lineWidth = 2, t.stroke(), y.current = [], b.forEach((e, n) => {
-				n >= o || (T(y.current, `pt-${n}`, e.x, e.y, 10, {
-					label: e.point.week,
-					value: `${e.point.count} submissions`,
-					sublabel: `£${e.point.value}M value`,
+			t.strokeStyle = h(u.blue, .85), t.lineWidth = 2, t.stroke(), t.fillStyle = h(u.blue, .8), t.beginPath();
+			for (let e = 0; e < c; e++) t.moveTo(S[e].x + 3.5, S[e].y), t.arc(S[e].x, S[e].y, 3.5, 0, _t);
+			if (t.fill(), c > w) {
+				b.current = [];
+				for (let e = 0; e < c; e++) T(b.current, `pt-${e}`, S[e].x, S[e].y, 10, {
+					label: S[e].point.week,
+					value: `${S[e].point.count} submissions`,
+					sublabel: `£${S[e].point.value}M value`,
 					color: u.blue
-				}), t.beginPath(), t.arc(e.x, e.y, 3.5, 0, Math.PI * 2), t.fillStyle = h(u.blue, .8), t.fill(), t.font = ht, t.fillStyle = f.color, t.textAlign = "center", t.fillText(e.point.week, e.x, q - 54 + 14));
-			}), e < 1 && (x = requestAnimationFrame(S));
+				});
+				w = c;
+			}
+			r && O(g), r || (E = requestAnimationFrame(k));
 		};
-		return S(), () => cancelAnimationFrame(x);
+		return k(), () => cancelAnimationFrame(E);
 	}, [
 		d,
-		g,
+		_,
 		p,
-		y
+		b
 	]), d.length < 2 ? /* @__PURE__ */ s(I, {
 		width: dt,
 		height: q,
@@ -1909,7 +1917,7 @@ function _t({ points: e = [], "data-testid": t }) {
 			children: /* @__PURE__ */ c("div", {
 				style: {
 					position: "relative",
-					width: g,
+					width: _,
 					height: q
 				},
 				children: [/* @__PURE__ */ s("canvas", {
@@ -1917,13 +1925,13 @@ function _t({ points: e = [], "data-testid": t }) {
 					role: "img",
 					"aria-label": "Trend chart — count over time",
 					style: {
-						width: g,
+						width: _,
 						height: q,
 						display: "block"
 					}
 				}), /* @__PURE__ */ s(C, {
-					..._,
-					parentW: g,
+					...y,
+					parentW: _,
 					parentH: q
 				})]
 			})
@@ -1932,38 +1940,38 @@ function _t({ points: e = [], "data-testid": t }) {
 }
 //#endregion
 //#region src/components/proportionalBandChart/ProportionalBandChart.tsx
-var J = 680, vt = 240;
-function yt(e, t, n) {
+var J = 680, St = 240;
+function Ct(e, t, n) {
 	if (e.measureText(t).width <= n) return t;
 	let r = t;
 	for (; r.length > 0 && e.measureText(`${r}…`).width > n;) r = r.slice(0, -1);
 	return `${r}…`;
 }
-var bt = {
+var wt = {
 	Critical: u.red,
 	High: u.orange,
 	Medium: u.amber,
 	Low: u.green
 };
-function xt({ severities: e = [], "data-testid": t }) {
+function Tt({ severities: e = [], "data-testid": t }) {
 	let r = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), { hoveredRef: d, tooltip: m, hitZonesRef: g } = w(r, {
 		width: J,
-		height: vt
+		height: St
 	}), _ = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, J, vt);
+		let t = v(e, J, St);
 		l.current = 0;
-		let n = _.reduce((e, t) => e + t.count, 0), i = J - 28 - 28, a = vt - 50 - 52, s = _.map((e) => e.count / n * i), c, m = () => {
+		let n = _.reduce((e, t) => e + t.count, 0), i = J - 28 - 28, a = St - 50 - 52, s = _.map((e) => e.count / n * i), c, m = () => {
 			l.current++;
 			let e = l.current;
-			t.clearRect(0, 0, J, vt), t.letterSpacing = f.letterSpacing;
+			t.clearRect(0, 0, J, St), t.letterSpacing = f.letterSpacing;
 			let r = O(Math.min(e / 60, 1));
 			N(o.current, d.current), g.current = [], t.strokeStyle = h(u.bd, .2), t.lineWidth = 1, t.beginPath(), t.rect(28, 50, i, a), t.stroke(), t.strokeStyle = h(u.t2, .15), t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(J / 2, 50), t.lineTo(J / 2, 50 + a), t.stroke(), t.setLineDash([]);
 			let v = 28;
 			_.forEach((e, i) => {
-				let c = bt[e.severity] ?? u.blue, l = s[i];
+				let c = wt[e.severity] ?? u.blue, l = s[i];
 				l * r;
 				let d = o.current.get(e.severity) ?? 0, m = v + l / 2, _ = l * .85;
 				m - _ / 2;
@@ -1975,7 +1983,7 @@ function xt({ severities: e = [], "data-testid": t }) {
 					color: c
 				}), r > .5) {
 					let i = Math.min(1, (r - .5) / .5), o = v + l / 2;
-					t.globalAlpha = i, t.font = f.font, t.fillStyle = d > 0 ? c : h(c, .9), t.textAlign = "center", t.fillText(yt(t, e.severity, l - 12), o, 38), t.font = p.font, t.fillStyle = d > 0 ? u.t1 : h(u.t1, .85), t.fillText(String(e.count), o, 50 + a / 2 + 6), t.font = f.font, t.fillStyle = d > 0 ? c : f.color, t.fillText(`${Math.round(e.count / n * 100)}%`, o, 50 + a + 18), t.globalAlpha = 1;
+					t.globalAlpha = i, t.font = f.font, t.fillStyle = d > 0 ? c : h(c, .9), t.textAlign = "center", t.fillText(Ct(t, e.severity, l - 12), o, 38), t.font = p.font, t.fillStyle = d > 0 ? u.t1 : h(u.t1, .85), t.fillText(String(e.count), o, 50 + a / 2 + 6), t.font = f.font, t.fillStyle = d > 0 ? c : f.color, t.fillText(`${Math.round(e.count / n * 100)}%`, o, 50 + a + 18), t.globalAlpha = 1;
 				}
 				v += l;
 			});
@@ -1985,14 +1993,14 @@ function xt({ severities: e = [], "data-testid": t }) {
 		return m(), () => cancelAnimationFrame(c);
 	}, [_]), _.length === 0 ? /* @__PURE__ */ s(I, {
 		width: J,
-		height: vt,
+		height: St,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
 			width: J,
-			height: vt
+			height: St
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: r,
@@ -2000,48 +2008,48 @@ function xt({ severities: e = [], "data-testid": t }) {
 			"aria-label": "Early Warning severity distribution — prism spectrum bands",
 			style: {
 				width: J,
-				height: vt,
+				height: St,
 				display: "block"
 			}
 		}), /* @__PURE__ */ s(C, {
 			...m,
 			parentW: J,
-			parentH: vt
+			parentH: St
 		})]
 	});
 }
 //#endregion
 //#region src/components/hubAndSpokeRadialChart/HubAndSpokeRadialChart.tsx
-var Y = 460, St = 300, Ct = {
+var Y = 460, X = 300, Et = {
 	Open: u.red,
 	Submitted: u.amber,
 	Closed: u.green
 };
-function wt({ segments: e = [], title: t, "data-testid": r }) {
+function Dt({ segments: e = [], title: t, "data-testid": r }) {
 	let o = a(null), l = a(0), d = a(/* @__PURE__ */ new Map()), { hoveredRef: m, tooltip: g, hitZonesRef: _ } = w(o, {
 		width: Y,
-		height: St
+		height: X
 	}), S = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = o.current;
 		if (!e) return;
-		let t = v(e, Y, St);
+		let t = v(e, Y, X);
 		l.current = 0;
-		let n = Y * .5, r = St * .54, i = Y * .22, a = S.reduce((e, t) => e + t.count, 0), s = Math.max(...S.map((e) => e.count), 1), c, g = () => {
+		let n = Y * .5, r = X * .54, i = Y * .22, a = S.reduce((e, t) => e + t.count, 0), s = Math.max(...S.map((e) => e.count), 1), c, g = () => {
 			l.current++;
 			let e = l.current;
-			t.clearRect(0, 0, Y, St), t.letterSpacing = f.letterSpacing, _.current = [], d.current.forEach((e, t) => {
+			t.clearRect(0, 0, Y, X), t.letterSpacing = f.letterSpacing, _.current = [], d.current.forEach((e, t) => {
 				let n = t === m.current ? 1 : 0, r = e + (n - e) * .12;
 				Math.abs(r - n) < .005 ? n === 0 ? d.current.delete(t) : d.current.set(t, 1) : d.current.set(t, r);
-			}), m.current && !d.current.has(m.current) && d.current.set(m.current, 0), b(t, Y, St, e, 40, h(u.blue, .04)), S.forEach((a, o) => {
-				let c = o / 3 * Math.PI * 2 - Math.PI / 2, l = n + Math.cos(c) * i, d = r + Math.sin(c) * i, f = Ct[a.status] ?? u.blue, m = 2 + a.count / s * 8;
+			}), m.current && !d.current.has(m.current) && d.current.set(m.current, 0), b(t, Y, X, e, 40, h(u.blue, .04)), S.forEach((a, o) => {
+				let c = o / 3 * Math.PI * 2 - Math.PI / 2, l = n + Math.cos(c) * i, d = r + Math.sin(c) * i, f = Et[a.status] ?? u.blue, m = 2 + a.count / s * 8;
 				t.beginPath(), t.moveTo(n, r), t.lineTo(l, d), t.strokeStyle = h(f, .08), t.lineWidth = m * 2, t.stroke(), t.beginPath(), t.moveTo(n, r), t.lineTo(l, d), t.strokeStyle = h(f, .25), t.lineWidth = 1, t.stroke();
 				let g = (e * .005 + o * .33) % 1, _ = n + (l - n) * g, v = r + (d - r) * g;
 				y(t, _, v, 6, f, .4), t.beginPath(), t.arc(_, v, 2, 0, Math.PI * 2), t.fillStyle = h(f, .8), t.fill();
 				let b = (n + l) / 2, x = (r + d) / 2;
 				t.font = p.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = h(f, .85), t.fillText(String(a.count), b, x);
 			}), S.forEach((e, o) => {
-				let c = o / 3 * Math.PI * 2 - Math.PI / 2, l = n + Math.cos(c) * i, p = r + Math.sin(c) * i, m = Ct[e.status] ?? u.blue, g = 10 + e.count / s * 18, v = d.current.get(e.status) ?? 0;
+				let c = o / 3 * Math.PI * 2 - Math.PI / 2, l = n + Math.cos(c) * i, p = r + Math.sin(c) * i, m = Et[e.status] ?? u.blue, g = 10 + e.count / s * 18, v = d.current.get(e.status) ?? 0;
 				y(t, l, p, g * 2.5, m, .2 + v * .15);
 				let b = t.createRadialGradient(l, p - g * .2, 0, l, p, g);
 				b.addColorStop(0, h(m, .8 + v * .2)), b.addColorStop(1, h(m, .4 + v * .1)), t.beginPath(), t.arc(l, p, g, 0, Math.PI * 2), t.fillStyle = b, t.fill(), t.font = "bold " + f.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = h(u.t1, .9), t.fillText(e.status, l, p), T(_.current, e.status, l, p, g + 6, {
@@ -2058,19 +2066,19 @@ function wt({ segments: e = [], title: t, "data-testid": r }) {
 				label: "Total EW Status",
 				value: `${a} Early Warnings`,
 				color: u.t2
-			}), x(t, Y, St, e, .015), c = requestAnimationFrame(g);
+			}), x(t, Y, X, e, .015), c = requestAnimationFrame(g);
 		};
 		return g(), () => cancelAnimationFrame(c);
 	}, [S, t]), S.length === 0 ? /* @__PURE__ */ s(I, {
 		width: Y,
-		height: St,
+		height: X,
 		"data-testid": r
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": r,
 		style: {
 			position: "relative",
 			width: Y,
-			height: St
+			height: X
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: o,
@@ -2078,21 +2086,21 @@ function wt({ segments: e = [], title: t, "data-testid": r }) {
 			"aria-label": t ?? "EW status arc visualization",
 			style: {
 				width: Y,
-				height: St,
+				height: X,
 				display: "block",
 				borderRadius: 8
 			}
 		}), /* @__PURE__ */ s(C, {
 			...g,
 			parentW: Y,
-			parentH: St
+			parentH: X
 		})]
 	});
 }
 //#endregion
 //#region src/components/trendChart/TrendChart.tsx
-var Tt = 280, X = 96;
-function Et({ points: e = [], className: t, colors: r }) {
+var Ot = 280, Z = 96;
+function kt({ points: e = [], className: t, colors: r }) {
 	let o = a(null), d = a(/* @__PURE__ */ new Map()), f = a(0), p = i(() => e.map(([e, t]) => {
 		let n = String(t).match(/-?\d+(\.\d+)?/);
 		return {
@@ -2100,18 +2108,18 @@ function Et({ points: e = [], className: t, colors: r }) {
 			value: n ? Number(n[0]) : 0
 		};
 	}), [e]), { mouseRef: m, hoveredRef: g, tooltip: _, hitZonesRef: b } = w(o, {
-		width: Tt,
-		height: X
+		width: Ot,
+		height: Z
 	});
 	return n(() => {
 		let e = o.current;
 		if (!e) return;
-		let t = v(e, Tt, X);
+		let t = v(e, Ot, Z);
 		f.current = 0;
 		let n = r?.line ?? u.blue, i = r?.point ?? u.blue, a = r?.axisLine ?? u.bd, s, c = () => {
 			f.current++;
 			let e = f.current;
-			if (t.clearRect(0, 0, Tt, X), p.length < 2) {
+			if (t.clearRect(0, 0, Ot, Z), p.length < 2) {
 				s = requestAnimationFrame(c);
 				return;
 			}
@@ -2120,9 +2128,9 @@ function Et({ points: e = [], className: t, colors: r }) {
 				right: 12,
 				top: 16,
 				bottom: 20
-			}, o = Tt - r.left - r.right, l = X - r.top - r.bottom, _ = p.map((e) => e.value), v = Math.min(..._), x = Math.max(..._) - v || 1, C = (e) => r.left + e / (p.length - 1) * o, w = (e) => r.top + (1 - (e - v) / x) * l, E = 1 - (1 - Math.min(e / 48, 1)) ** 3, D = Math.max(2, Math.floor(E * p.length));
-			if (N(d.current, g.current), b.current = [], t.strokeStyle = h(a, .3), t.lineWidth = .5, t.setLineDash([]), t.beginPath(), t.moveTo(r.left, X - r.bottom), t.lineTo(Tt - r.right, X - r.bottom), t.stroke(), t.font = "9px 'JetBrains Mono', monospace", t.fillStyle = h(u.t4, .9), t.textAlign = "center", p.forEach((e, n) => {
-				t.fillText(e.label.replace("Day ", "D"), C(n), X - 4);
+			}, o = Ot - r.left - r.right, l = Z - r.top - r.bottom, _ = p.map((e) => e.value), v = Math.min(..._), x = Math.max(..._) - v || 1, C = (e) => r.left + e / (p.length - 1) * o, w = (e) => r.top + (1 - (e - v) / x) * l, E = 1 - (1 - Math.min(e / 48, 1)) ** 3, D = Math.max(2, Math.floor(E * p.length));
+			if (N(d.current, g.current), b.current = [], t.strokeStyle = h(a, .3), t.lineWidth = .5, t.setLineDash([]), t.beginPath(), t.moveTo(r.left, Z - r.bottom), t.lineTo(Ot - r.right, Z - r.bottom), t.stroke(), t.font = "9px 'JetBrains Mono', monospace", t.fillStyle = h(u.t4, .9), t.textAlign = "center", p.forEach((e, n) => {
+				t.fillText(e.label.replace("Day ", "D"), C(n), Z - 4);
 			}), m.current.over && g.current) {
 				let e = parseInt(g.current.split("-")[1]);
 				isNaN(e) || S(t, C(e), r.top, r.top + l);
@@ -2158,44 +2166,44 @@ function Et({ points: e = [], className: t, colors: r }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: Tt,
-				height: X
+				width: Ot,
+				height: Z
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: o,
 				role: "img",
 				"aria-label": "trend chart",
 				style: {
-					width: Tt,
-					height: X,
+					width: Ot,
+					height: Z,
 					display: "block",
 					borderRadius: 8
 				}
 			}), /* @__PURE__ */ s(C, {
 				..._,
-				parentW: Tt,
-				parentH: X
+				parentW: Ot,
+				parentH: Z
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/segmentedSplitBarChart/SegmentedSplitBarChart.tsx
-var Dt = 680, Ot = 8, kt = 26, At = 14, jt = 16, Mt = 32;
-function Nt({ items: e = [], "data-testid": t }) {
-	let r = a(null), l = a(/* @__PURE__ */ new Map()), d = a(0), [g, _] = o(!1), b = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), x = i(() => g ? b : b.slice(0, Ot), [b, g]), S = jt + Mt + x.length * (kt + At) - At, { hoveredRef: T, tooltip: D, hitZonesRef: k } = w(r, {
-		width: Dt,
+var At = 680, jt = 8, Mt = 26, Nt = 14, Pt = 16, Ft = 32;
+function It({ items: e = [], "data-testid": t }) {
+	let r = a(null), l = a(/* @__PURE__ */ new Map()), d = a(0), [g, _] = o(!1), b = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), x = i(() => g ? b : b.slice(0, jt), [b, g]), S = Pt + Ft + x.length * (Mt + Nt) - Nt, { hoveredRef: T, tooltip: D, hitZonesRef: k } = w(r, {
+		width: At,
 		height: S
 	});
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, Dt, S);
+		let t = v(e, At, S);
 		d.current = 0;
-		let n = jt, i = Mt, a = kt, o = At, s = Dt - 60 - 28, c = Math.max(...x.map((e) => (e.implemented ?? 0) + (e.unimplemented ?? 0))), g = x.length * (a + o) - o, _ = n + (S - n - i - g) / 2, b, C = () => {
+		let n = Pt, i = Ft, a = Mt, o = Nt, s = At - 60 - 28, c = Math.max(...x.map((e) => (e.implemented ?? 0) + (e.unimplemented ?? 0))), g = x.length * (a + o) - o, _ = n + (S - n - i - g) / 2, b, C = () => {
 			d.current++;
 			let e = d.current;
-			t.clearRect(0, 0, Dt, S);
+			t.clearRect(0, 0, At, S);
 			let n = O(Math.min(e / 60, 1));
 			N(l.current, T.current), k.current = [], x.forEach((e, r) => {
 				let i = M(n, r, x.length, O), d = _ + r * (a + o), m = (e.implemented ?? 0) + (e.unimplemented ?? 0), g = (e.implemented ?? 0) / c * s * i, v = (e.unimplemented ?? 0) / c * s * i, b = `${e.id}-impl`, S = `${e.id}-un`, C = l.current.get(b) ?? 0, w = l.current.get(S) ?? 0;
@@ -2226,16 +2234,16 @@ function Nt({ items: e = [], "data-testid": t }) {
 		};
 		return C(), () => cancelAnimationFrame(b);
 	}, [x, S]), b.length === 0 ? /* @__PURE__ */ s(I, {
-		width: Dt,
+		width: At,
 		height: 160,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
-		style: { width: Dt },
+		style: { width: At },
 		children: [/* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: Dt,
+				width: At,
 				height: S
 			},
 			children: [/* @__PURE__ */ s("canvas", {
@@ -2243,16 +2251,16 @@ function Nt({ items: e = [], "data-testid": t }) {
 				role: "img",
 				"aria-label": "Implemented vs unimplemented variations per contractor — split bar",
 				style: {
-					width: Dt,
+					width: At,
 					height: S,
 					display: "block"
 				}
 			}), /* @__PURE__ */ s(C, {
 				...D,
-				parentW: Dt,
+				parentW: At,
 				parentH: S
 			})]
-		}), b.length > Ot && /* @__PURE__ */ s("div", {
+		}), b.length > jt && /* @__PURE__ */ s("div", {
 			style: { marginTop: 8 },
 			children: /* @__PURE__ */ s(ae, {
 				expanded: g,
@@ -2263,18 +2271,18 @@ function Nt({ items: e = [], "data-testid": t }) {
 }
 //#endregion
 //#region src/components/weeklyFlow/WeeklyFlow.tsx
-var Pt = 800, Ft = 360;
-function It({ items: e = [], "data-testid": t }) {
+var Lt = 800, Rt = 360;
+function zt({ items: e = [], "data-testid": t }) {
 	let r = a(null), i = a(/* @__PURE__ */ new Map()), o = a(0), { hoveredRef: l, tooltip: m, hitZonesRef: g } = w(r, {
-		width: Pt,
-		height: Ft
+		width: Lt,
+		height: Rt
 	});
 	return n(() => {
 		let t = r.current;
 		if (!t) return;
-		let n = v(t, Pt, Ft);
+		let n = v(t, Lt, Rt);
 		o.current = 0;
-		let a = e.reduce((e, t) => e + (t.base ?? 0), 0), s = e.reduce((e, t) => e + (t.variation ?? 0), 0), c = e.reduce((e, t) => e + (t.total ?? 0), 0), m = Ft - 20 - 26, _ = m - 6 * (e.length - 1), b = 20, x = e.map((e, t) => {
+		let a = e.reduce((e, t) => e + (t.base ?? 0), 0), s = e.reduce((e, t) => e + (t.variation ?? 0), 0), c = e.reduce((e, t) => e + (t.total ?? 0), 0), m = Rt - 20 - 26, _ = m - 6 * (e.length - 1), b = 20, x = e.map((e, t) => {
 			let n = Math.max(24, (e.total ?? 0) / (c || 1) * _), r = {
 				x: 100 - 110 / 2,
 				y: b,
@@ -2302,16 +2310,16 @@ function It({ items: e = [], "data-testid": t }) {
 		}, j, P = () => {
 			o.current++;
 			let t = o.current;
-			n.clearRect(0, 0, Pt, Ft), n.letterSpacing = f.letterSpacing;
+			n.clearRect(0, 0, Lt, Rt), n.letterSpacing = f.letterSpacing;
 			let r = D(Math.min(t / 80, 1));
 			if (N(i.current, l.current), g.current = [], e.forEach((t, o) => {
 				let c = x[o], l = M(r, o, e.length, D), u = i.current.get(t.id) ?? 0;
 				if (l < .01) return;
 				let d = (t.base ?? 0) / (t.total || 1), f = (t.variation ?? 0) / (t.total || 1), p = c.h * d, m = c.h * f, h = c.y + p / 2, g = c.y + p + m / 2, _ = Math.max(2, (t.base ?? 0) / a * C), v = Math.max(2, (t.variation ?? 0) / s * w), y = O.y + e.slice(0, o).reduce((e, t) => e + (t.base ?? 0) / a * C, 0) + _ / 2, b = k.y + e.slice(0, o).reduce((e, t) => e + (t.variation ?? 0) / s * w, 0) + v / 2, S = u * .2 + .18;
-				Lt(n, c.x + 110, h, 420 - 110 / 2, y, _ * l, c.color, S), Lt(n, c.x + 110, g, 420 - 110 / 2, b, v * l, c.color, S * .75);
+				Bt(n, c.x + 110, h, 420 - 110 / 2, y, _ * l, c.color, S), Bt(n, c.x + 110, g, 420 - 110 / 2, b, v * l, c.color, S * .75);
 			}), r > .3) {
 				let e = Math.min(1, (r - .3) / .7), t = A.y + a / c * m / 2, i = A.y + m - s / c * m / 2;
-				Lt(n, 475, O.cy, 720 - 110 / 2, t, C * e, u.blue, .25 * e), Lt(n, 475, k.cy, 720 - 110 / 2, i, w * e, u.amber, .22 * e);
+				Bt(n, 475, O.cy, 720 - 110 / 2, t, C * e, u.blue, .25 * e), Bt(n, 475, k.cy, 720 - 110 / 2, i, w * e, u.amber, .22 * e);
 			}
 			if ([
 				"Contractors",
@@ -2323,7 +2331,7 @@ function It({ items: e = [], "data-testid": t }) {
 					420,
 					720
 				][t];
-				n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText(e, r, Ft - 8);
+				n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText(e, r, Rt - 8);
 			}), e.forEach((t, a) => {
 				let o = x[a], s = M(r, a, e.length, D), c = i.current.get(t.id) ?? 0;
 				E(g.current, t.id, o.x, o.y, 110, o.h, {
@@ -2347,32 +2355,32 @@ function It({ items: e = [], "data-testid": t }) {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: Pt,
-			height: Ft
+			width: Lt,
+			height: Rt
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: r,
 			role: "img",
 			"aria-label": "Weekly report flow — base value and variations per contractor flowing to total commitment",
 			style: {
-				width: Pt,
-				height: Ft,
+				width: Lt,
+				height: Rt,
 				display: "block"
 			}
 		}), /* @__PURE__ */ s(C, {
 			...m,
-			parentW: Pt,
-			parentH: Ft
+			parentW: Lt,
+			parentH: Rt
 		})]
 	});
 }
-function Lt(e, t, n, r, i, a, o, s) {
+function Bt(e, t, n, r, i, a, o, s) {
 	let c = (t + r) / 2;
 	e.beginPath(), e.moveTo(t, n - a / 2), e.bezierCurveTo(c, n - a / 2, c, i - a / 2, r, i - a / 2), e.lineTo(r, i + a / 2), e.bezierCurveTo(c, i + a / 2, c, n + a / 2, t, n + a / 2), e.closePath(), e.fillStyle = h(o, s), e.fill();
 }
 //#endregion
 //#region src/components/visualizationRenderer/VisualizationRenderer.tsx
-function Rt({ config: e, className: t }) {
+function Vt({ config: e, className: t }) {
 	return e.type === "line" ? /* @__PURE__ */ s(Ie, {
 		rows: e.rows,
 		className: t
@@ -2396,62 +2404,62 @@ function Rt({ config: e, className: t }) {
 	}) : e.type === "flow" ? /* @__PURE__ */ s(it, {
 		selectedEntity: e.selectedEntity,
 		className: t
-	}) : e.type === "trend" ? /* @__PURE__ */ s(Et, {
+	}) : e.type === "trend" ? /* @__PURE__ */ s(kt, {
 		points: e.points,
 		className: t
 	}) : e.type === "mini-bars" ? /* @__PURE__ */ s(ze, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "stacked-horizontal-bar-chart" ? /* @__PURE__ */ s(Ae, { data: e.data }) : e.type === "multi-metric-constellation-chart" ? /* @__PURE__ */ s(Ce, { items: e.items }) : e.type === "progress-race-chart" ? /* @__PURE__ */ s(fe, { items: e.items }) : e.type === "hub-and-spoke-radial-chart" ? /* @__PURE__ */ s(wt, {
+	}) : e.type === "stacked-horizontal-bar-chart" ? /* @__PURE__ */ s(Ae, { data: e.data }) : e.type === "multi-metric-constellation-chart" ? /* @__PURE__ */ s(Ce, { items: e.items }) : e.type === "progress-race-chart" ? /* @__PURE__ */ s(fe, { items: e.items }) : e.type === "hub-and-spoke-radial-chart" ? /* @__PURE__ */ s(Dt, {
 		segments: e.segments,
 		title: e.title
-	}) : e.type === "dot-matrix-chart" ? /* @__PURE__ */ s(Fe, { items: e.items }) : e.type === "ranked-card-leaderboard" ? /* @__PURE__ */ s(Pe, { items: e.items }) : e.type === "proportional-band-chart" ? /* @__PURE__ */ s(xt, { severities: e.severities }) : e.type === "radial-fan-tree-chart" ? /* @__PURE__ */ s(We, {
+	}) : e.type === "dot-matrix-chart" ? /* @__PURE__ */ s(Fe, { items: e.items }) : e.type === "ranked-card-leaderboard" ? /* @__PURE__ */ s(Pe, { items: e.items }) : e.type === "proportional-band-chart" ? /* @__PURE__ */ s(Tt, { severities: e.severities }) : e.type === "radial-fan-tree-chart" ? /* @__PURE__ */ s(We, {
 		total: e.total,
 		items: e.items
 	}) : e.type === "semi-circular-gauge-chart" ? /* @__PURE__ */ s(he, {
 		value: e.value,
 		confirmed: e.confirmed,
 		total: e.total
-	}) : e.type === "segmented-split-bar-chart" ? /* @__PURE__ */ s(Nt, { items: e.items }) : e.type === "balance-scale-chart" ? /* @__PURE__ */ s(ct, {
+	}) : e.type === "segmented-split-bar-chart" ? /* @__PURE__ */ s(It, { items: e.items }) : e.type === "balance-scale-chart" ? /* @__PURE__ */ s(ct, {
 		left: e.left,
 		right: e.right
-	}) : e.type === "area-line-chart" ? /* @__PURE__ */ s(ut, { points: e.points }) : e.type === "trend-view" ? /* @__PURE__ */ s(_t, { points: e.points }) : e.type === "weekly-flow" ? /* @__PURE__ */ s(It, { items: e.items }) : /* @__PURE__ */ s("div", {
+	}) : e.type === "area-line-chart" ? /* @__PURE__ */ s(ut, { points: e.points }) : e.type === "trend-view" ? /* @__PURE__ */ s(xt, { points: e.points }) : e.type === "weekly-flow" ? /* @__PURE__ */ s(zt, { items: e.items }) : /* @__PURE__ */ s("div", {
 		className: "viz-empty",
 		children: "Visualization unavailable"
 	});
 }
 //#endregion
 //#region src/utils/mounts.tsx
-var zt = [];
-function Bt(e) {
+var Ht = [];
+function Ut(e) {
 	try {
 		return JSON.parse(decodeURIComponent(e));
 	} catch {
 		return null;
 	}
 }
-function Vt() {
-	for (; zt.length;) {
-		let e = zt.pop();
+function Wt() {
+	for (; Ht.length;) {
+		let e = Ht.pop();
 		e && e.unmount();
 	}
 }
-function Ht() {
-	Vt(), document.querySelectorAll("[data-d3-viz]").forEach((t) => {
+function Gt() {
+	Wt(), document.querySelectorAll("[data-d3-viz]").forEach((t) => {
 		let n = t.dataset.d3Viz;
 		if (!n) return;
-		let r = Bt(n);
+		let r = Ut(n);
 		if (!r) return;
 		let i = e(t);
-		zt.push(i), i.render(/* @__PURE__ */ s(Rt, { config: r }));
+		Ht.push(i), i.render(/* @__PURE__ */ s(Vt, { config: r }));
 	});
 }
-function Ut(e) {
+function Kt(e) {
 	return encodeURIComponent(JSON.stringify(e));
 }
 //#endregion
 //#region src/components/donutChart/DonutChart.tsx
-function Wt({ rows: e = [], className: t, colors: n }) {
+function qt({ rows: e = [], className: t, colors: n }) {
 	return /* @__PURE__ */ s(Je, {
 		rows: e,
 		variant: "donut",
@@ -2461,7 +2469,7 @@ function Wt({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/keyHighlights/KeyHighlights.tsx
-var Z = {
+var Q = {
 	bg: "transparent",
 	border: "transparent",
 	t1: u.t1,
@@ -2471,20 +2479,20 @@ var Z = {
 	red: u.red,
 	amber: u.amber,
 	green: u.green
-}, Q = "'Satoshi Variable', 'DM Sans', sans-serif", Gt = {
+}, $ = "'Satoshi Variable', 'DM Sans', sans-serif", Jt = {
 	color: "#F7F7F7",
-	fontFamily: Q,
+	fontFamily: $,
 	fontSize: 24,
 	fontWeight: 500,
 	lineHeight: "32px"
-}, $ = {
+}, Yt = {
 	color: "#C2C2C2",
-	fontFamily: Q,
+	fontFamily: $,
 	fontSize: 18,
 	fontWeight: 400,
 	lineHeight: "20px"
 };
-function Kt({ chips: e = [] }) {
+function Xt({ chips: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2499,20 +2507,20 @@ function Kt({ chips: e = [] }) {
 				alignItems: "baseline",
 				gap: 8,
 				padding: "8px 12px",
-				background: Z.bg,
-				border: `1px solid ${Z.border}`,
+				background: Q.bg,
+				border: `1px solid ${Q.border}`,
 				borderRadius: 5,
 				boxSizing: "border-box"
 			},
 			children: [/* @__PURE__ */ s("span", {
 				style: {
-					...Gt,
-					color: e.color ?? Z.t1
+					...Jt,
+					color: e.color ?? Q.t1
 				},
 				children: e.value
 			}), /* @__PURE__ */ s("span", {
 				style: {
-					...$,
+					...Yt,
 					flex: 1
 				},
 				children: e.label
@@ -2520,7 +2528,7 @@ function Kt({ chips: e = [] }) {
 		}, t))
 	});
 }
-function qt({ items: e = [] }) {
+function Zt({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2537,24 +2545,24 @@ function qt({ items: e = [] }) {
 				padding: 24,
 				gap: 8,
 				flexShrink: 0,
-				border: `1px solid ${Z.border}`,
-				background: Z.bg,
+				border: `1px solid ${Q.border}`,
+				background: Q.bg,
 				boxSizing: "border-box"
 			},
 			children: [/* @__PURE__ */ s("div", {
 				style: {
-					...Gt,
-					color: e.color ?? Z.t1
+					...Jt,
+					color: e.color ?? Q.t1
 				},
 				children: e.value
 			}), /* @__PURE__ */ s("div", {
-				style: { ...$ },
+				style: { ...Yt },
 				children: e.label
 			})]
 		}, t))
 	});
 }
-function Jt({ items: e = [] }) {
+function Qt({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2567,28 +2575,28 @@ function Jt({ items: e = [] }) {
 				alignItems: "center",
 				gap: 12,
 				padding: "9px 14px",
-				background: Z.bg,
-				border: `1px solid ${Z.border}`
+				background: Q.bg,
+				border: `1px solid ${Q.border}`
 			},
 			children: [
 				/* @__PURE__ */ s("span", {
 					style: {
 						fontSize: 18,
 						fontWeight: 500,
-						color: e.color ?? Z.t2,
-						background: (e.color ?? Z.t2) + "22",
+						color: e.color ?? Q.t2,
+						background: (e.color ?? Q.t2) + "22",
 						padding: "2px 8px",
 						borderRadius: 4,
-						fontFamily: Q,
+						fontFamily: $,
 						flexShrink: 0
 					},
 					children: e.name
 				}),
 				/* @__PURE__ */ s("span", {
 					style: {
-						...Gt,
+						...Jt,
 						fontSize: 18,
-						color: e.color ?? Z.t1,
+						color: e.color ?? Q.t1,
 						minWidth: 70,
 						flexShrink: 0
 					},
@@ -2596,7 +2604,7 @@ function Jt({ items: e = [] }) {
 				}),
 				/* @__PURE__ */ s("span", {
 					style: {
-						...$,
+						...Yt,
 						flex: 1
 					},
 					children: e.kpiLabel
@@ -2605,7 +2613,7 @@ function Jt({ items: e = [] }) {
 		}, t))
 	});
 }
-function Yt({ items: e = [] }) {
+function $t({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2622,28 +2630,28 @@ function Yt({ items: e = [] }) {
 				padding: 24,
 				gap: 8,
 				flexShrink: 0,
-				background: Z.bg,
+				background: Q.bg,
 				boxSizing: "border-box"
 			},
 			children: [/* @__PURE__ */ s("div", {
 				style: {
-					...Gt,
-					color: e.color ?? Z.t1
+					...Jt,
+					color: e.color ?? Q.t1
 				},
 				children: e.value
 			}), /* @__PURE__ */ s("div", {
-				style: { ...$ },
+				style: { ...Yt },
 				children: e.label
 			})]
 		}, t))
 	});
 }
-var Xt = {
-	red: Z.red,
-	amber: Z.amber,
-	green: Z.green
+var en = {
+	red: Q.red,
+	amber: Q.amber,
+	green: Q.green
 };
-function Zt({ items: e = [] }) {
+function tn({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2651,15 +2659,15 @@ function Zt({ items: e = [] }) {
 			gap: 5
 		},
 		children: e.map((e, t) => {
-			let n = Xt[e.severity];
+			let n = en[e.severity];
 			return /* @__PURE__ */ c("div", {
 				style: {
 					display: "flex",
 					alignItems: "flex-start",
 					gap: 10,
 					padding: "10px 14px",
-					background: Z.bg,
-					border: `1px solid ${Z.border}`
+					background: Q.bg,
+					border: `1px solid ${Q.border}`
 				},
 				children: [/* @__PURE__ */ s("span", { style: {
 					width: 7,
@@ -2669,14 +2677,14 @@ function Zt({ items: e = [] }) {
 					flexShrink: 0,
 					marginTop: 5
 				} }), /* @__PURE__ */ s("span", {
-					style: { ...$ },
+					style: { ...Yt },
 					children: e.text
 				})]
 			}, t);
 		})
 	});
 }
-function Qt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
+function nn({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 	let a = t - e;
 	return /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("div", {
 		style: {
@@ -2700,8 +2708,8 @@ function Qt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 					top: 43,
 					left: 0,
 					fontSize: 16,
-					color: Z.t4,
-					fontFamily: Q
+					color: Q.t4,
+					fontFamily: $
 				},
 				children: [e, n]
 			}),
@@ -2711,8 +2719,8 @@ function Qt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 					top: 43,
 					right: 0,
 					fontSize: 16,
-					color: Z.t4,
-					fontFamily: Q
+					color: Q.t4,
+					fontFamily: $
 				},
 				children: [t, n]
 			}),
@@ -2735,7 +2743,7 @@ function Qt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 								style: {
 									fontSize: 18,
 									color: o,
-									fontFamily: Q,
+									fontFamily: $,
 									whiteSpace: "nowrap"
 								},
 								children: t.name
@@ -2744,7 +2752,7 @@ function Qt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 									fontSize: 18,
 									fontWeight: 500,
 									color: o,
-									fontFamily: Q,
+									fontFamily: $,
 									whiteSpace: "nowrap"
 								},
 								children: [t.val, n]
@@ -2767,7 +2775,7 @@ function Qt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 								style: {
 									fontSize: 18,
 									color: o,
-									fontFamily: Q,
+									fontFamily: $,
 									whiteSpace: "nowrap"
 								},
 								children: t.name
@@ -2776,7 +2784,7 @@ function Qt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 									fontSize: 18,
 									fontWeight: 500,
 									color: o,
-									fontFamily: Q,
+									fontFamily: $,
 									whiteSpace: "nowrap"
 								},
 								children: [t.val, n]
@@ -2786,9 +2794,9 @@ function Qt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 				}, r);
 			})
 		]
-	}), i && i.length > 0 && /* @__PURE__ */ s(Kt, { chips: i })] });
+	}), i && i.length > 0 && /* @__PURE__ */ s(Xt, { chips: i })] });
 }
-function $t({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i, rightLabel: a, rightValue: o, rightColor: l, chips: d }) {
+function rn({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i, rightLabel: a, rightValue: o, rightColor: l, chips: d }) {
 	let f = r ?? u.blue, p = l ?? u.blue;
 	return /* @__PURE__ */ c("div", { children: [
 		/* @__PURE__ */ c("div", {
@@ -2814,7 +2822,7 @@ function $t({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 							fontSize: 18,
 							fontWeight: 500,
 							color: f,
-							fontFamily: Q
+							fontFamily: $
 						},
 						children: n
 					})
@@ -2837,7 +2845,7 @@ function $t({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 							fontSize: 18,
 							fontWeight: 500,
 							color: p,
-							fontFamily: Q
+							fontFamily: $
 						},
 						children: o
 					})
@@ -2855,7 +2863,7 @@ function $t({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 					style: {
 						fontSize: 18,
 						color: f,
-						fontFamily: Q
+						fontFamily: $
 					},
 					children: [
 						e,
@@ -2872,7 +2880,7 @@ function $t({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 					style: {
 						fontSize: 18,
 						color: p,
-						fontFamily: Q
+						fontFamily: $
 					},
 					children: [
 						i,
@@ -2882,10 +2890,10 @@ function $t({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 				})
 			})]
 		}),
-		d && d.length > 0 && /* @__PURE__ */ s(Kt, { chips: d })
+		d && d.length > 0 && /* @__PURE__ */ s(Xt, { chips: d })
 	] });
 }
-function en({ pct: e, label: t, color: n, chips: r }) {
+function an({ pct: e, label: t, color: n, chips: r }) {
 	let i = n ?? u.blue, a = 2 * Math.PI * 30, o = a * (1 - e / 100);
 	return /* @__PURE__ */ c("div", {
 		style: {
@@ -2935,7 +2943,7 @@ function en({ pct: e, label: t, color: n, chips: r }) {
 						fontSize: 18,
 						fontWeight: 500,
 						color: i,
-						fontFamily: Q
+						fontFamily: $
 					},
 					children: [e, "%"]
 				})
@@ -2944,7 +2952,7 @@ function en({ pct: e, label: t, color: n, chips: r }) {
 			style: { flex: 1 },
 			children: [/* @__PURE__ */ s("div", {
 				style: {
-					...$,
+					...Yt,
 					marginBottom: 10
 				},
 				children: t
@@ -2960,18 +2968,18 @@ function en({ pct: e, label: t, color: n, chips: r }) {
 						alignItems: "baseline",
 						gap: 8,
 						padding: "7px 10px",
-						background: Z.bg,
-						border: `1px solid ${Z.border}`,
+						background: Q.bg,
+						border: `1px solid ${Q.border}`,
 						borderRadius: 5
 					},
 					children: [/* @__PURE__ */ s("span", {
 						style: {
-							...Gt,
-							color: e.color ?? Z.t1
+							...Jt,
+							color: e.color ?? Q.t1
 						},
 						children: e.value
 					}), /* @__PURE__ */ s("span", {
-						style: { ...$ },
+						style: { ...Yt },
 						children: e.label
 					})]
 				}, t))
@@ -2979,16 +2987,16 @@ function en({ pct: e, label: t, color: n, chips: r }) {
 		})]
 	});
 }
-var tn = {
+var on = {
 	green: "#34D39918",
 	amber: "#FBBF2418",
 	red: "#F0606018"
-}, nn = {
+}, sn = {
 	green: "#34D399",
 	amber: "#FBBF24",
 	red: "#F06060"
 };
-function rn({ items: e = [] }) {
+function cn({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -3001,19 +3009,19 @@ function rn({ items: e = [] }) {
 				alignItems: "center",
 				gap: 10,
 				padding: "8px 12px",
-				background: Z.bg,
-				border: `1px solid ${Z.border}`
+				background: Q.bg,
+				border: `1px solid ${Q.border}`
 			},
 			children: [
 				/* @__PURE__ */ s("span", {
 					style: {
 						fontSize: 18,
 						fontWeight: 500,
-						color: e.color ?? Z.t2,
-						background: (e.color ?? Z.t2) + "1A",
+						color: e.color ?? Q.t2,
+						background: (e.color ?? Q.t2) + "1A",
 						padding: "2px 7px",
 						borderRadius: 4,
-						fontFamily: Q,
+						fontFamily: $,
 						flexShrink: 0,
 						minWidth: 62,
 						textAlign: "center"
@@ -3031,7 +3039,7 @@ function rn({ items: e = [] }) {
 					children: /* @__PURE__ */ s("div", { style: {
 						height: "100%",
 						width: `${e.pct}%`,
-						background: e.color ?? Z.t2,
+						background: e.color ?? Q.t2,
 						borderRadius: 2,
 						opacity: .75
 					} })
@@ -3040,8 +3048,8 @@ function rn({ items: e = [] }) {
 					style: {
 						fontSize: 18,
 						fontWeight: 500,
-						color: e.color ?? Z.t1,
-						fontFamily: Q,
+						color: e.color ?? Q.t1,
+						fontFamily: $,
 						flexShrink: 0,
 						minWidth: 52,
 						textAlign: "right"
@@ -3052,11 +3060,11 @@ function rn({ items: e = [] }) {
 					style: {
 						fontSize: 18,
 						fontWeight: 500,
-						color: nn[e.badgeSeverity],
-						background: tn[e.badgeSeverity],
+						color: sn[e.badgeSeverity],
+						background: on[e.badgeSeverity],
 						padding: "2px 7px",
 						borderRadius: 4,
-						fontFamily: Q,
+						fontFamily: $,
 						flexShrink: 0,
 						minWidth: 72,
 						textAlign: "center"
@@ -3065,7 +3073,7 @@ function rn({ items: e = [] }) {
 				}),
 				e.sublabel && /* @__PURE__ */ s("span", {
 					style: {
-						...$,
+						...Yt,
 						flexShrink: 0,
 						minWidth: 80,
 						textAlign: "right"
@@ -3076,12 +3084,12 @@ function rn({ items: e = [] }) {
 		}, t))
 	});
 }
-var an = {
-	red: Z.red,
-	amber: Z.amber,
-	green: Z.green
+var ln = {
+	red: Q.red,
+	amber: Q.amber,
+	green: Q.green
 };
-function on({ items: e = [] }) {
+function un({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -3089,7 +3097,7 @@ function on({ items: e = [] }) {
 			gap: 5
 		},
 		children: e.map((e, t) => {
-			let n = an[e.severity];
+			let n = ln[e.severity];
 			return /* @__PURE__ */ c("div", {
 				style: {
 					display: "flex",
@@ -3111,7 +3119,7 @@ function on({ items: e = [] }) {
 					/* @__PURE__ */ s("span", {
 						style: {
 							flex: 1,
-							...$
+							...Yt
 						},
 						children: e.text
 					}),
@@ -3123,14 +3131,14 @@ function on({ items: e = [] }) {
 							background: n + "20",
 							padding: "2px 7px",
 							borderRadius: 4,
-							fontFamily: Q,
+							fontFamily: $,
 							flexShrink: 0
 						},
 						children: e.tag
 					}),
 					/* @__PURE__ */ s("span", {
 						style: {
-							...$,
+							...Yt,
 							flexShrink: 0,
 							marginTop: 1
 						},
@@ -3141,7 +3149,7 @@ function on({ items: e = [] }) {
 		})
 	});
 }
-function sn({ columns: e = [], rows: t = [] }) {
+function dn({ columns: e = [], rows: t = [] }) {
 	return /* @__PURE__ */ c("div", {
 		style: {
 			display: "flex",
@@ -3154,15 +3162,15 @@ function sn({ columns: e = [], rows: t = [] }) {
 				alignItems: "center",
 				gap: 10,
 				padding: "0 12px 6px",
-				borderBottom: `1px solid ${Z.border}`
+				borderBottom: `1px solid ${Q.border}`
 			},
 			children: [/* @__PURE__ */ s("div", { style: { minWidth: 64 } }), e.map((e, t) => /* @__PURE__ */ s("div", {
 				style: {
 					flex: 1,
 					fontSize: 18,
 					fontWeight: 500,
-					color: Z.t2,
-					fontFamily: Q,
+					color: Q.t2,
+					fontFamily: $,
 					textTransform: "uppercase",
 					letterSpacing: .6
 				},
@@ -3174,18 +3182,18 @@ function sn({ columns: e = [], rows: t = [] }) {
 				alignItems: "center",
 				gap: 10,
 				padding: "8px 12px",
-				background: Z.bg,
-				border: `1px solid ${Z.border}`
+				background: Q.bg,
+				border: `1px solid ${Q.border}`
 			},
 			children: [/* @__PURE__ */ s("span", {
 				style: {
 					fontSize: 18,
 					fontWeight: 600,
-					color: Z.t2,
-					background: (e.color ?? Z.t4) + "1A",
+					color: Q.t2,
+					background: (e.color ?? Q.t4) + "1A",
 					padding: "2px 8px",
 					borderRadius: 4,
-					fontFamily: Q,
+					fontFamily: $,
 					flexShrink: 0,
 					minWidth: 64,
 					textAlign: "center"
@@ -3196,29 +3204,29 @@ function sn({ columns: e = [], rows: t = [] }) {
 					flex: 1,
 					fontSize: 18,
 					fontWeight: 500,
-					color: e.color ?? Z.t1,
-					fontFamily: Q
+					color: e.color ?? Q.t1,
+					fontFamily: $
 				},
 				children: t
 			}, n))]
 		}, t))]
 	});
 }
-function cn({ block: e }) {
+function fn({ block: e }) {
 	if (!e) return null;
 	switch (e.type) {
-		case "stats": return /* @__PURE__ */ s(qt, { items: e.items });
-		case "ranked": return /* @__PURE__ */ s(Jt, { items: e.items });
-		case "chips": return /* @__PURE__ */ s(Yt, { items: e.items });
-		case "badges": return /* @__PURE__ */ s(Zt, { items: e.items });
-		case "dot-strip": return /* @__PURE__ */ s(Qt, {
+		case "stats": return /* @__PURE__ */ s(Zt, { items: e.items });
+		case "ranked": return /* @__PURE__ */ s(Qt, { items: e.items });
+		case "chips": return /* @__PURE__ */ s($t, { items: e.items });
+		case "badges": return /* @__PURE__ */ s(tn, { items: e.items });
+		case "dot-strip": return /* @__PURE__ */ s(nn, {
 			min: e.min,
 			max: e.max,
 			unit: e.unit,
 			dots: e.dots,
 			chips: e.chips
 		});
-		case "proportion": return /* @__PURE__ */ s($t, {
+		case "proportion": return /* @__PURE__ */ s(rn, {
 			leftPct: e.leftPct,
 			leftLabel: e.leftLabel,
 			leftValue: e.leftValue,
@@ -3229,15 +3237,15 @@ function cn({ block: e }) {
 			rightColor: e.rightColor,
 			chips: e.chips
 		});
-		case "ring": return /* @__PURE__ */ s(en, {
+		case "ring": return /* @__PURE__ */ s(an, {
 			pct: e.pct,
 			label: e.label,
 			color: e.color,
 			chips: e.chips
 		});
-		case "scorecard-rows": return /* @__PURE__ */ s(rn, { items: e.items });
-		case "flags-list": return /* @__PURE__ */ s(on, { items: e.items });
-		case "comparison-rows": return /* @__PURE__ */ s(sn, {
+		case "scorecard-rows": return /* @__PURE__ */ s(cn, { items: e.items });
+		case "flags-list": return /* @__PURE__ */ s(un, { items: e.items });
+		case "comparison-rows": return /* @__PURE__ */ s(dn, {
 			columns: e.columns,
 			rows: e.rows
 		});
@@ -3246,14 +3254,14 @@ function cn({ block: e }) {
 }
 //#endregion
 //#region src/components/keyHighlights/Takeaway.tsx
-var ln = "'Satoshi Variable', 'DM Sans', sans-serif", un = {
+var pn = "'Satoshi Variable', 'DM Sans', sans-serif", mn = {
 	color: "#C2C2C2",
-	fontFamily: ln,
+	fontFamily: pn,
 	fontSize: 18,
 	fontWeight: 400,
 	lineHeight: "20px"
 };
-function dn({ text: e }) {
+function hn({ text: e }) {
 	return /* @__PURE__ */ c("div", {
 		style: {
 			padding: "8px 0px",
@@ -3266,16 +3274,16 @@ function dn({ text: e }) {
 				fontSize: 18,
 				fontWeight: 500,
 				color: u.t1,
-				fontFamily: ln,
+				fontFamily: pn,
 				lineHeight: "20px",
 				marginRight: 8
 			},
 			children: "Takeaway"
 		}), /* @__PURE__ */ s("span", {
-			style: { ...un },
+			style: { ...mn },
 			children: e
 		})]
 	});
 }
 //#endregion
-export { te as AreaChart, ie as BarChart, l as ChartFrame, Wt as DonutChart, cn as KeyHighlights, Ie as LineChart, ze as MiniBars, Je as PieChart, it as ProcessSankey, at as RankingSankey, Xe as SankeySvg, ee as SeriesChart, dn as Takeaway, _t as Trend, Et as TrendChart, Rt as VisualizationRenderer, Vt as cleanupVisualizationMounts, Ht as hydrateVisualizationMounts, Ut as serializeVisualizationConfig };
+export { te as AreaChart, ie as BarChart, l as ChartFrame, qt as DonutChart, fn as KeyHighlights, Ie as LineChart, ze as MiniBars, Je as PieChart, it as ProcessSankey, at as RankingSankey, Xe as SankeySvg, ee as SeriesChart, hn as Takeaway, xt as Trend, kt as TrendChart, Vt as VisualizationRenderer, Wt as cleanupVisualizationMounts, Gt as hydrateVisualizationMounts, Kt as serializeVisualizationConfig };