minerva-design 1.1.0 → 1.3.0

package/dist/native/components/Chart/scene.js

@@ -0,0 +1,431 @@
+import { part as e } from "../../internal/parts.js";
+import { toCss as t } from "../../charts/src/engine/color.js";
+import { scenePrimitives as n } from "../../charts/src/engine/controller.js";
+import "../../charts/src/canvas.js";
+import { measureChartText as r } from "./measure.js";
+import { StyleSheet as i, Text as a, View as o } from "react-native";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/Chart/scene.tsx
+var u = {
+	linePoints: 1200,
+	dotsPerSeries: 800,
+	dots: 2e3,
+	barsPerSeries: 600,
+	bars: 1500,
+	areaColumns: 200,
+	dashes: 200
+}, d = "chart", f = (e) => Math.ceil(e * 1.35), p = (e, t) => Math.ceil(r(e, `${t.weight ?? 400} ${t.size}px sans-serif`) * 1.4 + t.size * 2);
+function m(e, t, n, r, i, o, s, l, u) {
+	let d = f(s.size), m = (d - s.size) / 2, h = p(t, s), g = o === "top" ? r - m : o === "bottom" ? r - d + m : r - d / 2, _ = i === "left" ? {
+		left: n,
+		width: h
+	} : i === "right" ? {
+		right: l - n,
+		width: h
+	} : {
+		left: n - h / 2,
+		width: h
+	};
+	return /* @__PURE__ */ c(a, {
+		numberOfLines: 1,
+		style: [{
+			position: "absolute",
+			top: g,
+			..._,
+			textAlign: i,
+			fontSize: s.size,
+			lineHeight: d,
+			color: s.color,
+			fontWeight: String(s.weight ?? 400),
+			includeFontPadding: !1,
+			...s.family ? { fontFamily: s.family } : null,
+			...s.halo ? {
+				textShadowColor: s.halo,
+				textShadowRadius: 3,
+				textShadowOffset: {
+					width: 0,
+					height: 0
+				}
+			} : null
+		}, u],
+		children: t
+	}, e);
+}
+var h = (e, t, n, r, i, a, s) => /* @__PURE__ */ c(o, { style: [{
+	position: "absolute",
+	left: t,
+	top: n,
+	width: r,
+	height: i,
+	backgroundColor: a
+}, s] }, e), g = (e, t, n, r, i, a) => h(e, t - r / 2, n - r / 2, r, r, i, {
+	borderRadius: r / 2,
+	...a
+}), _ = (e, t, n, r, i, a, o) => {
+	let s = r - t, c = i - n, l = Math.hypot(s, c) + a;
+	return h(e, (t + r) / 2 - l / 2, (n + i) / 2 - a / 2, l, a, o, {
+		borderRadius: a / 2,
+		transform: [{ rotate: `${Math.atan2(c, s)}rad` }]
+	});
+};
+function v(e, t, n = u.dashes) {
+	let r = t.filter((e) => Number.isFinite(e) && e >= 0);
+	r.length % 2 && (r = [...r, ...r]);
+	let i = r.reduce((e, t) => e + t, 0);
+	if (!r.length || i <= 0) return [[0, e]];
+	let a = e / i * (r.length / 2), o = a > n ? a / n : 1, s = [], c = 0;
+	for (let t = 0; c < e; t = (t + 1) % r.length) {
+		let n = r[t] * o;
+		t % 2 == 0 && n > 0 && s.push([c, Math.min(n, e - c)]), c += Math.max(n, .5);
+	}
+	return s;
+}
+var y = (e, t, n, r, i, a, o, s) => v(i, s).map(([i, s], c) => t === "y" ? h(`${e}-${c}`, r + i, n, s, a, o) : h(`${e}-${c}`, n, r + i, a, s, o)), b = (e, t = 1) => Math.round(e) + .5 - t / 2;
+function x(e, t) {
+	let n = e.length / 2, r = n > t ? Math.ceil(n / t) : 1, i = [];
+	for (let t = 0; t < n; t += r) {
+		let n = e[t * 2], r = e[t * 2 + 1], a = i.length;
+		a && Math.hypot(n - i[a - 2], r - i[a - 1]) < 1.5 || i.push(n, r);
+	}
+	let a = e[n * 2 - 2], o = e[n * 2 - 1], s = i.length;
+	return n > 1 && (i[s - 2] !== a || i[s - 1] !== o) && i.push(a, o), i;
+}
+function S(e, t, n, r, i, a, o) {
+	let s = t.length / 2;
+	if (s < 2) return [];
+	let c = t[0] <= t[s * 2 - 2], l = (e) => c ? e : s - 1 - e, d = (e) => t[l(e) * 2], f = (e) => t[l(e) * 2 + 1], p = (e) => o ? o[l(e)] : n, m = Math.max(a.x, d(0)), g = Math.min(a.x + a.width, d(s - 1));
+	if (g <= m) return [];
+	let _ = Math.max(2, a.width / u.areaColumns), v = [], y = 0;
+	for (let t = Math.floor(m), n = 0; t < g; n++) {
+		let o = Math.min(Math.ceil(g), Math.round(t + _)), c = (t + o) / 2;
+		for (; y < s - 2 && d(y + 1) < c;) y++;
+		let l = d(y), u = d(y + 1), m = u === l ? 0 : Math.max(0, Math.min(1, (c - l) / (u - l))), b = f(y) + (f(y + 1) - f(y)) * m, x = p(y) + (p(y + 1) - p(y)) * m;
+		if (Number.isFinite(b) && Number.isFinite(x)) {
+			let s = Math.min(b, x);
+			v.push(h(`${e}-${n}`, t - a.x, s - a.y, o - t, Math.abs(x - b), r, { opacity: i }));
+		}
+		t = o;
+	}
+	return v;
+}
+function C(e) {
+	let { plot: t } = e.layout, n = e.model.series.filter((e) => !e.hidden), r = n.filter((e) => e.type === "line" || e.type === "area").length, i = n.filter((e) => e.type === "scatter").length, a = Math.max(150, u.linePoints / Math.max(1, r)), o = Math.max(100, Math.min(u.dotsPerSeries, u.dots / Math.max(1, i)));
+	return {
+		perLine: a,
+		options: {
+			columnWidth: Math.max(3, t.width * 4 / a),
+			maxDots: o,
+			maxBars: u.barsPerSeries,
+			dotCell: Math.max(4, Math.sqrt(t.width * t.height / o) * 1.15 + 1)
+		}
+	};
+}
+function w(e) {
+	let { plot: t } = e.layout, { perLine: r, options: i } = C(e), a = n(e, i), o = t.x, s = t.y, c = [], l = u.dots, d = u.bars;
+	return a.forEach((e, n) => {
+		let i = `${e.kind}${e.seriesIndex}-${n}`;
+		if (e.kind === "area") {
+			e.segments.forEach((n, r) => c.push(...S(`${i}-${r}`, n, e.baseline, e.color, e.opacity, t, e.bottoms?.[r])));
+			return;
+		}
+		if (e.kind === "line") {
+			let t = 0;
+			for (let n of e.segments) t += n.length / 2;
+			e.segments.forEach((n, a) => {
+				let l = x(n, Math.max(2, Math.round(r * n.length / 2 / Math.max(1, t))));
+				if (l.length === 2) {
+					c.push(g(`${i}-${a}`, l[0] - o, l[1] - s, e.width * 1.5, e.color));
+					return;
+				}
+				for (let t = 0; t + 3 < l.length; t += 2) c.push(_(`${i}-${a}-${t}`, l[t] - o, l[t + 1] - s, l[t + 2] - o, l[t + 3] - s, e.width, e.color));
+			});
+			return;
+		}
+		if (e.kind === "bars") {
+			let t = e.rects.length / 4, n = t > d ? Math.ceil(t / Math.max(1, d)) : 1;
+			for (let r = 0; r < t; r += n) {
+				let [t, n, a, l] = e.rects.slice(r * 4, r * 4 + 4), u = Math.min(e.radius ?? 0, a / 2, l / 2);
+				c.push(h(`${i}-${r}`, t - o, n - s, Math.max(a, .5), l, e.colors?.[r] ?? e.color, u > .5 ? { borderRadius: u } : void 0));
+			}
+			d = Math.max(0, d - Math.ceil(t / n));
+			return;
+		}
+		let a = e.dots.length / 3, u = a > l ? Math.ceil(a / Math.max(1, l)) : 1;
+		for (let t = 0; t < a; t += u) c.push(g(`${i}-${t}`, e.dots[t * 3] - o, e.dots[t * 3 + 1] - s, e.dots[t * 3 + 2], e.colors[t], { opacity: e.opacity }));
+		l = Math.max(0, l - Math.ceil(a / u));
+	}), c;
+}
+var T = (e, t) => {
+	let { plot: n } = t, r = e.x0 === void 0 ? -Infinity : t.xToPx(e.x0), i = e.x1 === void 0 ? Infinity : t.xToPx(e.x1), a = e.y0 === void 0 ? Infinity : t.yToPx(e.y0), o = e.y1 === void 0 ? -Infinity : t.yToPx(e.y1), s = Math.max(n.x, Math.min(r, i)), c = Math.min(n.x + n.width, Math.max(r, i)), l = Math.max(n.y, Math.min(a, o)), u = Math.min(n.y + n.height, Math.max(a, o));
+	return {
+		x: s,
+		y: l,
+		width: c - s,
+		height: u - l
+	};
+}, E = (e, t, n, r) => {
+	let { plot: i } = t, a = e.x === void 0 ? i.x + i.width / 2 : t.xToPx(e.x), o = e.y === void 0 ? i.y + i.height / 2 : t.yToPx(e.y), s = a - n / 2, c = o - r / 2;
+	return e.anchor === "top" ? c = o + 6 : e.anchor === "bottom" ? c = o - 6 - r : e.anchor === "left" ? s = a + 6 : e.anchor === "right" && (s = a - 6 - n), s = Math.max(i.x + 6, Math.min(s, i.x + i.width - 6 - n)), c = Math.max(i.y + 2, Math.min(c, i.y + i.height - 2 - r)), {
+		x: s,
+		y: c,
+		width: n,
+		height: r
+	};
+}, D = (e, n) => t(e, n);
+function O(t, n) {
+	let { width: i, theme: a, model: s, layout: c, annotations: u } = t, { plot: f, scales: p, xTicks: _, yTicks: v } = c, y = a.fontSize, x = [];
+	u.forEach((e, t) => {
+		if (e.type !== "rect") return;
+		let n = T(e, p);
+		n.width <= 0 || n.height <= 0 || x.push(h(`area-${t}`, n.x, n.y, n.width, n.height, D(e.color, e.opacity)));
+	});
+	let S = D(a.grid);
+	s.y.grid && v.values.forEach((e, t) => {
+		let n = p.yToPx(e);
+		n < f.y - 1 || n > f.y + f.height + 1 || x.push(h(`ygrid-${t}`, f.x, b(n), f.width, 1, S));
+	}), s.x.grid && _.values.forEach((e, t) => {
+		let n = p.xToPx(e);
+		n < f.x - 1 || n > f.x + f.width + 1 || x.push(h(`xgrid-${t}`, b(n), f.y, 1, f.height, S));
+	});
+	let C = Math.ceil(y * 1.4), w = {
+		size: y,
+		color: D(a.textMuted),
+		family: n
+	}, E = {
+		size: y + 1,
+		weight: 500,
+		color: D(a.text, .8),
+		family: n
+	}, O = f.y + f.height;
+	if (s.x.visible) {
+		x.push(h("xaxis", f.x, b(O), f.width, 1, D(a.axis)));
+		let e = -Infinity;
+		_.values.map((e, t) => ({
+			px: p.xToPx(e),
+			text: _.labels[t] ?? ""
+		})).sort((e, t) => e.px - t.px).forEach(({ px: t, text: n }, a) => {
+			if (!n || t < f.x - .5 || t > f.x + f.width + .5) return;
+			let o = r(n, `400 ${y}px sans-serif`), s = Math.max(0, Math.min(i - o, t - o / 2));
+			s < e + 6 || (e = s + o, x.push(m(`xtick-${a}`, n, s + o / 2, O + 7, "center", "top", w, i)));
+		}), s.x.title && x.push(m("xtitle", s.x.title, f.x + f.width / 2, O + C + 10, "center", "top", E, i));
+	}
+	if (s.y.visible && (v.values.forEach((e, t) => {
+		let n = p.yToPx(e), r = v.labels[t];
+		!r || n < f.y - .5 || n > f.y + f.height + .5 || x.push(m(`ytick-${t}`, r, f.x - 8, n, "right", "middle", w, i));
+	}), s.y.title && x.push(m("ytitle", s.y.title, C / 2 + 4, f.y + f.height / 2, "center", "middle", E, i, { transform: [{ rotate: "-90deg" }] }))), t.legend) for (let r of t.legend.entries) {
+		let t = r.box.height / 2, i = r.shape === "dot" ? g("swatch", 5, t, 8, r.color) : r.shape === "line" ? h("swatch", 0, t - 1, 10, 2, r.color) : h("swatch", 1, t - 4, 8, 8, r.color);
+		x.push(/* @__PURE__ */ l(o, {
+			style: {
+				position: "absolute",
+				left: r.box.x,
+				top: r.box.y,
+				width: r.box.width,
+				height: r.box.height,
+				opacity: r.hidden ? .45 : 1
+			},
+			...e(d, "legend-item", { hidden: r.hidden }),
+			children: [i, m("name", r.name, 14, t, "left", "middle", {
+				size: 12,
+				color: D(a.textMuted),
+				family: n
+			}, r.box.width, r.hidden ? { textDecorationLine: "line-through" } : void 0)]
+		}, `legend-${r.id}`));
+	}
+	return x;
+}
+function k(e, t) {
+	let { theme: n, annotations: i, layout: a } = e, { plot: o, scales: s } = a, c = n.fontSize, l = o.x, u = o.y, d = o.width, f = D(n.background, .9), p = c + 4, h = [];
+	i.forEach((e, n) => {
+		if (e.type !== "line") return;
+		let r = D(e.color);
+		if (e.axis === "y") {
+			let i = s.yToPx(e.value);
+			h.push(...y(`line-${n}`, "y", b(i, e.width) - u, 0, o.width, e.width, r, e.dash)), e.label && h.push(m(`line-label-${n}`, e.label, o.width - 6, i - 3 - u, "right", "bottom", {
+				size: c,
+				weight: 500,
+				color: r,
+				halo: f,
+				family: t
+			}, d));
+		} else {
+			let i = s.xToPx(e.value);
+			h.push(...y(`line-${n}`, "x", b(i, e.width) - l, 0, o.height, e.width, r, e.dash)), e.label && h.push(m(`line-label-${n}`, e.label, i + 5 - l, 5, "left", "top", {
+				size: c,
+				weight: 500,
+				color: r,
+				halo: f,
+				family: t
+			}, d));
+		}
+	}), i.forEach((e, n) => {
+		if (e.type !== "rect" || !e.label) return;
+		let r = T(e, s);
+		if (r.width <= 0 || r.height <= 0) return;
+		let i = e.labelPosition, a = i.endsWith("left") ? "left" : i.endsWith("right") ? "right" : "center", o = a === "left" ? r.x + 10 : a === "right" ? r.x + r.width - 10 : r.x + r.width / 2, f = i.startsWith("top") ? r.y + 10 : i.startsWith("bottom") ? r.y + r.height - 10 - p : r.y + (r.height - p) / 2;
+		h.push(m(`area-label-${n}`, e.label, o - l, f - u, a, "top", {
+			size: c + 1,
+			weight: 600,
+			color: D(e.labelColor),
+			family: t
+		}, d));
+	}), i.forEach((e, n) => {
+		if (e.type !== "text" || !e.text) return;
+		let i = r(e.text, `${e.weight} ${c}px sans-serif`), a = E(e, s, i, p);
+		h.push(m(`text-${n}`, e.text, a.x - l, a.y + a.height / 2 - u, "left", "middle", {
+			size: c,
+			weight: e.weight,
+			color: D(e.color),
+			halo: f,
+			family: t
+		}, d));
+	});
+	let g = D(n.text, .85);
+	return e.pointLabels.forEach(({ label: e, box: n }, r) => {
+		h.push(m(`point-label-${r}`, e.text, n.x - l, n.y + n.height / 2 - u, "left", "middle", {
+			size: c,
+			color: g,
+			halo: f,
+			family: t
+		}, d));
+	}), h;
+}
+var A = (e) => ({
+	position: "absolute",
+	left: e.x,
+	top: e.y,
+	width: e.width,
+	height: e.height,
+	overflow: "hidden"
+});
+function j(t, n) {
+	let { plot: r } = t.layout;
+	return /* @__PURE__ */ l(s, { children: [
+		O(t, n),
+		/* @__PURE__ */ c(o, {
+			style: A(r),
+			...e(d, "data"),
+			children: w(t)
+		}, "data"),
+		/* @__PURE__ */ c(o, {
+			style: A(r),
+			...e(d, "labels"),
+			children: k(t, n)
+		}, "labels")
+	] });
+}
+function M(t, n, r) {
+	let { theme: s, layout: u, hover: f, dragging: p } = t, { plot: m } = u, _ = D(s.background), v = [];
+	f && f.crosshairX !== null && v.push(/* @__PURE__ */ c(o, {
+		style: i.absoluteFill,
+		...e(d, "crosshair"),
+		children: y("dash", "x", Math.round(f.crosshairX), m.y, m.height, 1, D(s.textMuted, .55), [3, 3])
+	}, "crosshair")), f?.marks.forEach((e, t) => {
+		if (e.kind === "band") {
+			v.push(h(`mark-${t}`, e.x, e.y, e.width, e.height, D(s.text, .05), { borderRadius: 6 }));
+			return;
+		}
+		if (e.kind === "cell") {
+			v.push(h(`mark-${t}`, e.x - 1.5, e.y - 1.5, e.width + 3, e.height + 3, "transparent", {
+				borderRadius: 4,
+				borderWidth: 1.5,
+				borderColor: D(s.text, .55)
+			}));
+			return;
+		}
+		v.push(g(`halo-${t}`, e.x, e.y, e.size + 8, e.halo), g(`mark-${t}`, e.x, e.y, e.size, e.color, {
+			borderWidth: 2,
+			borderColor: _
+		}));
+	}), p && v.push(/* @__PURE__ */ c(o, {
+		...e(d, "drag"),
+		style: i.absoluteFill,
+		children: g("ghost", p.x, p.y, p.size + 2, p.color, {
+			opacity: .85,
+			borderWidth: 2,
+			borderColor: _
+		})
+	}, "drag"));
+	let b = f?.tooltip;
+	if (b && !r) {
+		let { box: r, lineHeight: i, padding: u, content: f } = b, p = D(s.text), m = D(s.textMuted), h = (e, t) => ({
+			fontSize: 12,
+			lineHeight: i,
+			color: t,
+			fontWeight: String(e),
+			includeFontPadding: !1,
+			...n ? { fontFamily: n } : null
+		}), g = (e) => /* @__PURE__ */ c(o, { style: {
+			width: 8,
+			height: 8,
+			borderRadius: 4,
+			marginRight: 6,
+			backgroundColor: e
+		} }), _ = {
+			height: i,
+			flexDirection: "row",
+			alignItems: "center"
+		};
+		v.push(/* @__PURE__ */ c(o, {
+			...e(d, "tooltip"),
+			style: [N(t), {
+				left: r.x,
+				top: r.y,
+				width: r.width,
+				height: r.height,
+				paddingHorizontal: u + 1,
+				paddingVertical: u - 1
+			}],
+			children: b.text ? b.text.map((e, t) => /* @__PURE__ */ c(a, {
+				numberOfLines: 1,
+				style: h(400, p),
+				children: e
+			}, t)) : [/* @__PURE__ */ l(o, {
+				style: _,
+				children: [f.titleColor ? g(f.titleColor) : null, /* @__PURE__ */ c(a, {
+					numberOfLines: 1,
+					style: [h(600, p), { flexShrink: 1 }],
+					children: f.title
+				})]
+			}, "title"), ...f.rows.map((e, t) => /* @__PURE__ */ l(o, {
+				style: _,
+				children: [
+					e.color ? g(e.color) : null,
+					/* @__PURE__ */ c(a, {
+						numberOfLines: 1,
+						style: [h(400, m), { flexShrink: 1 }],
+						children: e.name
+					}),
+					/* @__PURE__ */ c(a, {
+						numberOfLines: 1,
+						style: [h(600, p), {
+							flexGrow: 1,
+							marginLeft: 16,
+							textAlign: "right"
+						}],
+						children: e.value
+					})
+				]
+			}, t))]
+		}, "tooltip"));
+	}
+	return v;
+}
+var N = (e) => ({
+	position: "absolute",
+	backgroundColor: D(e.theme.background),
+	borderColor: D(e.theme.axis),
+	borderWidth: 1,
+	borderRadius: 8,
+	shadowColor: "#0f172a",
+	shadowOpacity: .18,
+	shadowRadius: 8,
+	shadowOffset: {
+		width: 0,
+		height: 6
+	},
+	elevation: 6
+});
+//#endregion
+export { u as SHAPE_BUDGET, v as dashRuns, M as drawHover, j as drawStatic, C as primitiveLimits, N as tooltipCard };
+
+//# sourceMappingURL=scene.js.map

package/dist/native/components/Chart/scene.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scene.js","names":["_Fragment","SHAPE_BUDGET","C","lineHeightOf","size","slack","measureChartText","text","o","label","lh","pad","w","top","valign","y","horizontal","align","x","frameWidth","Text","extra","key","box","View","color","dot","cx","d","cy","segment","dx","x2","x1","dy","y2","y1","length","width","dashRuns","pattern","dash","v","period","a","b","runs","scale","max","out","at","i","step","dashedLine","start","run","axis","from","crisp","thin","stride","k","lx","ly","areaStrips","n","forward","xs","ys","bs","bottom","baseline","plot","to","column","j","left","c","right","mid","x0","t","primitiveLimits","scene","visible","s","lines","scatters","perLine","maxDots","drawData","primitives","scenePrimitives","options","ox","oy","dotsLeft","barsLeft","p","total","pts","r","count","h","radius","rectOf","xa","xb","ya","yb","textBox","px","py","height","css","toCss","alpha","drawBackground","layout","fs","theme","scales","grid","model","yTicks","xTicks","line","tick","title","lastRight","e","swatch","part","drawForeground","fw","halo","labelHeight","annotations","pos","tx","ty","pointColor","l","clip","drawStatic","Fragment","family","drawHover","background","hover","StyleSheet","m","dragging","tip","customTooltip","muted","font","weight","row","lineHeight","tooltipCard","padding","content"],"sources":["../../../../../native/src/components/Chart/scene.tsx"],"sourcesContent":["// Draws a chart scene (`ChartController.getScene()`) with plain views: no\n// canvas, SVG or native drawing module. The engine already resolves every\n// position in pixels; this file only turns them into absolutely positioned\n// <View> / <Text> elements, keeping the number of views bounded by the size\n// of the chart (lines decimated per column, dots merged per cell, bars\n// merged per pixel column), whatever the size of the data.\n\nimport type { ReactElement, ReactNode } from \"react\";\nimport {\n  StyleSheet,\n  Text,\n  View,\n  type TextStyle,\n  type ViewStyle,\n} from \"react-native\";\nimport {\n  scenePrimitives,\n  toCss,\n  type ChartPrimitive,\n  type ChartRect,\n  type ChartScene,\n} from \"@minerva/charts/canvas\";\nimport { part } from \"../../internal/parts\";\nimport { measureChartText } from \"./measure\";\n\ntype Rgba = ChartScene[\"theme\"][\"text\"];\ntype Annotation = ChartScene[\"annotations\"][number];\ntype RectAnnotation = Extract<Annotation, { type: \"rect\" }>;\ntype TextAnnotation = Extract<Annotation, { type: \"text\" }>;\ntype Scales = ChartScene[\"layout\"][\"scales\"];\n\n/** Upper bounds of the views drawn for the data of a chart */\nexport const SHAPE_BUDGET = {\n  /** Points of all the lines (one view per segment) */\n  linePoints: 1200,\n  /** Dots of one scatter series before they are merged per cell */\n  dotsPerSeries: 800,\n  /** Dots of all the series */\n  dots: 2000,\n  /** Bars of one series before neighbors are merged per pixel column */\n  barsPerSeries: 600,\n  /** Bars of all the series */\n  bars: 1500,\n  /** Vertical strips filling one area */\n  areaColumns: 200,\n  /** Dashes of one dashed line */\n  dashes: 200,\n} as const;\n\nconst C = \"chart\";\n\n// ------------------------------------------------------------------ text\n\ninterface TextOptions {\n  size: number;\n  color: string;\n  weight?: number;\n  family?: string;\n  /** Halo color: keeps the text readable over the data */\n  halo?: string;\n}\n\ntype Align = \"left\" | \"center\" | \"right\";\ntype VAlign = \"top\" | \"middle\" | \"bottom\";\n\nconst lineHeightOf = (size: number) => Math.ceil(size * 1.35);\n\n/** Box wide enough for the estimated width (the real one may differ) */\nconst slack = (text: string, o: TextOptions) =>\n  Math.ceil(\n    measureChartText(text, `${o.weight ?? 400} ${o.size}px sans-serif`) * 1.4 +\n      o.size * 2,\n  );\n\n/**\n * A one-line text anchored at (x, y) of a container `frameWidth` wide:\n * `left` starts there, `right` ends there, `center` is centered on it;\n * `top` / `bottom` place the em box like the canvas text baselines\n */\nfunction label(\n  key: string,\n  text: string,\n  x: number,\n  y: number,\n  align: Align,\n  valign: VAlign,\n  o: TextOptions,\n  frameWidth: number,\n  extra?: TextStyle,\n): ReactElement {\n  const lh = lineHeightOf(o.size);\n  const pad = (lh - o.size) / 2;\n  const w = slack(text, o);\n  const top =\n    valign === \"top\"\n      ? y - pad\n      : valign === \"bottom\"\n        ? y - lh + pad\n        : y - lh / 2;\n  const horizontal: TextStyle =\n    align === \"left\"\n      ? { left: x, width: w }\n      : align === \"right\"\n        ? { right: frameWidth - x, width: w }\n        : { left: x - w / 2, width: w };\n  return (\n    <Text\n      key={key}\n      numberOfLines={1}\n      style={[\n        {\n          position: \"absolute\",\n          top,\n          ...horizontal,\n          textAlign: align,\n          fontSize: o.size,\n          lineHeight: lh,\n          color: o.color,\n          fontWeight: String(o.weight ?? 400) as TextStyle[\"fontWeight\"],\n          includeFontPadding: false,\n          ...(o.family ? { fontFamily: o.family } : null),\n          ...(o.halo\n            ? {\n                textShadowColor: o.halo,\n                textShadowRadius: 3,\n                textShadowOffset: { width: 0, height: 0 },\n              }\n            : null),\n        },\n        extra,\n      ]}\n    >\n      {text}\n    </Text>\n  );\n}\n\n// ---------------------------------------------------------------- shapes\n\nconst box = (\n  key: string,\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n  color: string,\n  extra?: ViewStyle,\n): ReactElement => (\n  <View\n    key={key}\n    style={[\n      {\n        position: \"absolute\",\n        left: x,\n        top: y,\n        width,\n        height,\n        backgroundColor: color,\n      },\n      extra,\n    ]}\n  />\n);\n\nconst dot = (\n  key: string,\n  cx: number,\n  cy: number,\n  d: number,\n  color: string,\n  extra?: ViewStyle,\n) =>\n  box(key, cx - d / 2, cy - d / 2, d, d, color, {\n    borderRadius: d / 2,\n    ...extra,\n  });\n\n/** A straight stroke: one view, rotated around its center */\nconst segment = (\n  key: string,\n  x1: number,\n  y1: number,\n  x2: number,\n  y2: number,\n  width: number,\n  color: string,\n) => {\n  const dx = x2 - x1;\n  const dy = y2 - y1;\n  const length = Math.hypot(dx, dy) + width;\n  return box(\n    key,\n    (x1 + x2) / 2 - length / 2,\n    (y1 + y2) / 2 - width / 2,\n    length,\n    width,\n    color,\n    {\n      borderRadius: width / 2,\n      transform: [{ rotate: `${Math.atan2(dy, dx)}rad` }],\n    },\n  );\n};\n\n/** Dash runs `[start, length]` along a line (canvas `setLineDash` pattern) */\nexport function dashRuns(\n  length: number,\n  dash: readonly number[],\n  max: number = SHAPE_BUDGET.dashes,\n): [number, number][] {\n  let pattern = dash.filter((v) => Number.isFinite(v) && v >= 0);\n  // odd patterns repeat twice, like the canvas\n  if (pattern.length % 2) pattern = [...pattern, ...pattern];\n  const period = pattern.reduce((a, b) => a + b, 0);\n  if (!pattern.length || period <= 0) return [[0, length]];\n  const runs = (length / period) * (pattern.length / 2);\n  const scale = runs > max ? runs / max : 1;\n  const out: [number, number][] = [];\n  let at = 0;\n  for (let i = 0; at < length; i = (i + 1) % pattern.length) {\n    const step = pattern[i] * scale;\n    if (i % 2 === 0 && step > 0) out.push([at, Math.min(step, length - at)]);\n    at += Math.max(step, 0.5);\n  }\n  return out;\n}\n\nconst dashedLine = (\n  key: string,\n  axis: \"x\" | \"y\",\n  at: number,\n  from: number,\n  length: number,\n  width: number,\n  color: string,\n  dash: readonly number[],\n) =>\n  dashRuns(length, dash).map(([start, run], i) =>\n    axis === \"y\"\n      ? box(`${key}-${i}`, from + start, at, run, width, color)\n      : box(`${key}-${i}`, at, from + start, width, run, color),\n  );\n\nconst crisp = (v: number, width = 1) => Math.round(v) + 0.5 - width / 2;\n\n// ------------------------------------------------------------------ data\n\n/** Thins a run of interleaved points to `max` points and drops sub-pixel steps */\nfunction thin(run: readonly number[], max: number): number[] {\n  const n = run.length / 2;\n  const stride = n > max ? Math.ceil(n / max) : 1;\n  const out: number[] = [];\n  for (let i = 0; i < n; i += stride) {\n    const x = run[i * 2];\n    const y = run[i * 2 + 1];\n    const k = out.length;\n    if (k && Math.hypot(x - out[k - 2], y - out[k - 1]) < 1.5) continue;\n    out.push(x, y);\n  }\n  const lx = run[n * 2 - 2];\n  const ly = run[n * 2 - 1];\n  const k = out.length;\n  if (n > 1 && (out[k - 2] !== lx || out[k - 1] !== ly)) out.push(lx, ly);\n  return out;\n}\n\n/** Vertical strips between the line and the baseline (or the stack below), one per column */\nfunction areaStrips(\n  key: string,\n  run: readonly number[],\n  baseline: number,\n  color: string,\n  opacity: number,\n  plot: ChartRect,\n  /** Y pixel of the bottom edge under every point (stacked areas) */\n  bottom?: readonly number[],\n): ReactElement[] {\n  const n = run.length / 2;\n  if (n < 2) return [];\n  // left to right (reversed axes list their points right to left)\n  const forward = run[0] <= run[n * 2 - 2];\n  const at = (i: number) => (forward ? i : n - 1 - i);\n  const xs = (i: number) => run[at(i) * 2];\n  const ys = (i: number) => run[at(i) * 2 + 1];\n  const bs = (i: number) => (bottom ? bottom[at(i)] : baseline);\n  const from = Math.max(plot.x, xs(0));\n  const to = Math.min(plot.x + plot.width, xs(n - 1));\n  if (to <= from) return [];\n  const column = Math.max(2, plot.width / SHAPE_BUDGET.areaColumns);\n  const out: ReactElement[] = [];\n  let j = 0;\n  for (let left = Math.floor(from), c = 0; left < to; c++) {\n    const right = Math.min(Math.ceil(to), Math.round(left + column));\n    const mid = (left + right) / 2;\n    while (j < n - 2 && xs(j + 1) < mid) j++;\n    const x0 = xs(j);\n    const x1 = xs(j + 1);\n    const t = x1 === x0 ? 0 : Math.max(0, Math.min(1, (mid - x0) / (x1 - x0)));\n    const y = ys(j) + (ys(j + 1) - ys(j)) * t;\n    const b = bs(j) + (bs(j + 1) - bs(j)) * t;\n    if (Number.isFinite(y) && Number.isFinite(b)) {\n      const top = Math.min(y, b);\n      out.push(\n        box(\n          `${key}-${c}`,\n          left - plot.x,\n          top - plot.y,\n          right - left,\n          Math.abs(b - y),\n          color,\n          {\n            opacity,\n          },\n        ),\n      );\n    }\n    left = right;\n  }\n  return out;\n}\n\n/** Limits of `scenePrimitives` for the views budget */\nexport function primitiveLimits(scene: ChartScene) {\n  const { plot } = scene.layout;\n  const visible = scene.model.series.filter((s) => !s.hidden);\n  const lines = visible.filter(\n    (s) => s.type === \"line\" || s.type === \"area\",\n  ).length;\n  const scatters = visible.filter((s) => s.type === \"scatter\").length;\n  const perLine = Math.max(150, SHAPE_BUDGET.linePoints / Math.max(1, lines));\n  const maxDots = Math.max(\n    100,\n    Math.min(\n      SHAPE_BUDGET.dotsPerSeries,\n      SHAPE_BUDGET.dots / Math.max(1, scatters),\n    ),\n  );\n  return {\n    perLine,\n    options: {\n      // decimation keeps up to 4 points per column\n      columnWidth: Math.max(3, (plot.width * 4) / perLine),\n      maxDots,\n      maxBars: SHAPE_BUDGET.barsPerSeries,\n      dotCell: Math.max(\n        4,\n        Math.sqrt((plot.width * plot.height) / maxDots) * 1.15 + 1,\n      ),\n    },\n  };\n}\n\nfunction drawData(scene: ChartScene): ReactElement[] {\n  const { plot } = scene.layout;\n  const { perLine, options } = primitiveLimits(scene);\n  const primitives: ChartPrimitive[] = scenePrimitives(scene, options);\n  const ox = plot.x;\n  const oy = plot.y;\n  const out: ReactElement[] = [];\n  let dotsLeft: number = SHAPE_BUDGET.dots;\n  let barsLeft: number = SHAPE_BUDGET.bars;\n  primitives.forEach((p, k) => {\n    const key = `${p.kind}${p.seriesIndex}-${k}`;\n    if (p.kind === \"area\") {\n      p.segments.forEach((run, r) =>\n        out.push(\n          ...areaStrips(\n            `${key}-${r}`,\n            run,\n            p.baseline,\n            p.color,\n            p.opacity,\n            plot,\n            p.bottoms?.[r],\n          ),\n        ),\n      );\n      return;\n    }\n    if (p.kind === \"line\") {\n      let total = 0;\n      for (const run of p.segments) total += run.length / 2;\n      p.segments.forEach((run, r) => {\n        const pts = thin(\n          run,\n          Math.max(\n            2,\n            Math.round((perLine * run.length) / 2 / Math.max(1, total)),\n          ),\n        );\n        if (pts.length === 2) {\n          out.push(\n            dot(\n              `${key}-${r}`,\n              pts[0] - ox,\n              pts[1] - oy,\n              p.width * 1.5,\n              p.color,\n            ),\n          );\n          return;\n        }\n        for (let i = 0; i + 3 < pts.length; i += 2) {\n          out.push(\n            segment(\n              `${key}-${r}-${i}`,\n              pts[i] - ox,\n              pts[i + 1] - oy,\n              pts[i + 2] - ox,\n              pts[i + 3] - oy,\n              p.width,\n              p.color,\n            ),\n          );\n        }\n      });\n      return;\n    }\n    if (p.kind === \"bars\") {\n      const count = p.rects.length / 4;\n      const stride =\n        count > barsLeft ? Math.ceil(count / Math.max(1, barsLeft)) : 1;\n      for (let i = 0; i < count; i += stride) {\n        const [x, y, w, h] = p.rects.slice(i * 4, i * 4 + 4);\n        const radius = Math.min(p.radius ?? 0, w / 2, h / 2);\n        out.push(\n          box(\n            `${key}-${i}`,\n            x - ox,\n            y - oy,\n            Math.max(w, 0.5),\n            h,\n            p.colors?.[i] ?? p.color,\n            radius > 0.5 ? { borderRadius: radius } : undefined,\n          ),\n        );\n      }\n      barsLeft = Math.max(0, barsLeft - Math.ceil(count / stride));\n      return;\n    }\n    const count = p.dots.length / 3;\n    const stride =\n      count > dotsLeft ? Math.ceil(count / Math.max(1, dotsLeft)) : 1;\n    for (let i = 0; i < count; i += stride) {\n      out.push(\n        dot(\n          `${key}-${i}`,\n          p.dots[i * 3] - ox,\n          p.dots[i * 3 + 1] - oy,\n          p.dots[i * 3 + 2],\n          p.colors[i],\n          {\n            opacity: p.opacity,\n          },\n        ),\n      );\n    }\n    dotsLeft = Math.max(0, dotsLeft - Math.ceil(count / stride));\n  });\n  return out;\n}\n\n// ------------------------------------------------------------ background\n\nconst rectOf = (a: RectAnnotation, s: Scales): ChartRect => {\n  const { plot } = s;\n  const xa = a.x0 === undefined ? -Infinity : s.xToPx(a.x0);\n  const xb = a.x1 === undefined ? Infinity : s.xToPx(a.x1);\n  const ya = a.y0 === undefined ? Infinity : s.yToPx(a.y0);\n  const yb = a.y1 === undefined ? -Infinity : s.yToPx(a.y1);\n  const left = Math.max(plot.x, Math.min(xa, xb));\n  const right = Math.min(plot.x + plot.width, Math.max(xa, xb));\n  const top = Math.max(plot.y, Math.min(ya, yb));\n  const bottom = Math.min(plot.y + plot.height, Math.max(ya, yb));\n  return { x: left, y: top, width: right - left, height: bottom - top };\n};\n\n/** Box of a text annotation, kept inside the plot (engine `textBox`) */\nconst textBox = (\n  a: TextAnnotation,\n  s: Scales,\n  width: number,\n  height: number,\n): ChartRect => {\n  const { plot } = s;\n  const px = a.x === undefined ? plot.x + plot.width / 2 : s.xToPx(a.x);\n  const py = a.y === undefined ? plot.y + plot.height / 2 : s.yToPx(a.y);\n  const gap = 6;\n  let x = px - width / 2;\n  let y = py - height / 2;\n  if (a.anchor === \"top\") y = py + gap;\n  else if (a.anchor === \"bottom\") y = py - gap - height;\n  else if (a.anchor === \"left\") x = px + gap;\n  else if (a.anchor === \"right\") x = px - gap - width;\n  x = Math.max(plot.x + gap, Math.min(x, plot.x + plot.width - gap - width));\n  y = Math.max(plot.y + 2, Math.min(y, plot.y + plot.height - 2 - height));\n  return { x, y, width, height };\n};\n\nconst css = (c: Rgba, alpha?: number) => toCss(c, alpha);\n\nfunction drawBackground(scene: ChartScene, family?: string): ReactElement[] {\n  const { width, theme, model, layout, annotations } = scene;\n  const { plot, scales, xTicks, yTicks } = layout;\n  const fs = theme.fontSize;\n  const out: ReactElement[] = [];\n\n  annotations.forEach((a, i) => {\n    if (a.type !== \"rect\") return;\n    const r = rectOf(a, scales);\n    if (r.width <= 0 || r.height <= 0) return;\n    out.push(\n      box(`area-${i}`, r.x, r.y, r.width, r.height, css(a.color, a.opacity)),\n    );\n  });\n\n  const grid = css(theme.grid);\n  if (model.y.grid) {\n    yTicks.values.forEach((v, i) => {\n      const py = scales.yToPx(v);\n      if (py < plot.y - 1 || py > plot.y + plot.height + 1) return;\n      out.push(box(`ygrid-${i}`, plot.x, crisp(py), plot.width, 1, grid));\n    });\n  }\n  if (model.x.grid) {\n    xTicks.values.forEach((v, i) => {\n      const px = scales.xToPx(v);\n      if (px < plot.x - 1 || px > plot.x + plot.width + 1) return;\n      out.push(box(`xgrid-${i}`, crisp(px), plot.y, 1, plot.height, grid));\n    });\n  }\n\n  const line = Math.ceil(fs * 1.4);\n  const tick: TextOptions = { size: fs, color: css(theme.textMuted), family };\n  const title: TextOptions = {\n    size: fs + 1,\n    weight: 500,\n    color: css(theme.text, 0.8),\n    family,\n  };\n  const bottom = plot.y + plot.height;\n\n  if (model.x.visible) {\n    out.push(\n      box(\"xaxis\", plot.x, crisp(bottom), plot.width, 1, css(theme.axis)),\n    );\n    let lastRight = -Infinity;\n    xTicks.values\n      .map((v, i) => ({ px: scales.xToPx(v), text: xTicks.labels[i] ?? \"\" }))\n      .sort((a, b) => a.px - b.px)\n      .forEach(({ px, text }, i) => {\n        if (!text || px < plot.x - 0.5 || px > plot.x + plot.width + 0.5)\n          return;\n        const w = measureChartText(text, `400 ${fs}px sans-serif`);\n        const left = Math.max(0, Math.min(width - w, px - w / 2));\n        if (left < lastRight + 6) return;\n        lastRight = left + w;\n        out.push(\n          label(\n            `xtick-${i}`,\n            text,\n            left + w / 2,\n            bottom + 7,\n            \"center\",\n            \"top\",\n            tick,\n            width,\n          ),\n        );\n      });\n    if (model.x.title)\n      out.push(\n        label(\n          \"xtitle\",\n          model.x.title,\n          plot.x + plot.width / 2,\n          bottom + line + 10,\n          \"center\",\n          \"top\",\n          title,\n          width,\n        ),\n      );\n  }\n\n  if (model.y.visible) {\n    yTicks.values.forEach((v, i) => {\n      const py = scales.yToPx(v);\n      const text = yTicks.labels[i];\n      if (!text || py < plot.y - 0.5 || py > plot.y + plot.height + 0.5) return;\n      out.push(\n        label(\n          `ytick-${i}`,\n          text,\n          plot.x - 8,\n          py,\n          \"right\",\n          \"middle\",\n          tick,\n          width,\n        ),\n      );\n    });\n    if (model.y.title)\n      out.push(\n        label(\n          \"ytitle\",\n          model.y.title,\n          line / 2 + 4,\n          plot.y + plot.height / 2,\n          \"center\",\n          \"middle\",\n          title,\n          width,\n          {\n            transform: [{ rotate: \"-90deg\" }],\n          },\n        ),\n      );\n  }\n\n  if (scene.legend) {\n    for (const e of scene.legend.entries) {\n      // coordinates relative to the entry box\n      const cy = e.box.height / 2;\n      const swatch =\n        e.shape === \"dot\"\n          ? dot(\"swatch\", 5, cy, 8, e.color)\n          : e.shape === \"line\"\n            ? box(\"swatch\", 0, cy - 1, 10, 2, e.color)\n            : box(\"swatch\", 1, cy - 4, 8, 8, e.color);\n      out.push(\n        <View\n          key={`legend-${e.id}`}\n          style={{\n            position: \"absolute\",\n            left: e.box.x,\n            top: e.box.y,\n            width: e.box.width,\n            height: e.box.height,\n            opacity: e.hidden ? 0.45 : 1,\n          }}\n          {...part(C, \"legend-item\", { hidden: e.hidden })}\n        >\n          {swatch}\n          {label(\n            \"name\",\n            e.name,\n            14,\n            cy,\n            \"left\",\n            \"middle\",\n            { size: 12, color: css(theme.textMuted), family },\n            e.box.width,\n            e.hidden ? { textDecorationLine: \"line-through\" } : undefined,\n          )}\n        </View>,\n      );\n    }\n  }\n  return out;\n}\n\n// ------------------------------------------------------------ foreground\n\nfunction drawForeground(scene: ChartScene, family?: string): ReactElement[] {\n  const { theme, annotations, layout } = scene;\n  const { plot, scales } = layout;\n  const fs = theme.fontSize;\n  const ox = plot.x;\n  const oy = plot.y;\n  const fw = plot.width;\n  const halo = css(theme.background, 0.9);\n  const labelHeight = fs + 4;\n  const out: ReactElement[] = [];\n\n  annotations.forEach((a, i) => {\n    if (a.type !== \"line\") return;\n    const color = css(a.color);\n    if (a.axis === \"y\") {\n      const py = scales.yToPx(a.value);\n      out.push(\n        ...dashedLine(\n          `line-${i}`,\n          \"y\",\n          crisp(py, a.width) - oy,\n          0,\n          plot.width,\n          a.width,\n          color,\n          a.dash,\n        ),\n      );\n      if (a.label)\n        out.push(\n          label(\n            `line-label-${i}`,\n            a.label,\n            plot.width - 6,\n            py - 3 - oy,\n            \"right\",\n            \"bottom\",\n            { size: fs, weight: 500, color, halo, family },\n            fw,\n          ),\n        );\n    } else {\n      const px = scales.xToPx(a.value);\n      out.push(\n        ...dashedLine(\n          `line-${i}`,\n          \"x\",\n          crisp(px, a.width) - ox,\n          0,\n          plot.height,\n          a.width,\n          color,\n          a.dash,\n        ),\n      );\n      if (a.label)\n        out.push(\n          label(\n            `line-label-${i}`,\n            a.label,\n            px + 5 - ox,\n            5,\n            \"left\",\n            \"top\",\n            { size: fs, weight: 500, color, halo, family },\n            fw,\n          ),\n        );\n    }\n  });\n\n  annotations.forEach((a, i) => {\n    if (a.type !== \"rect\" || !a.label) return;\n    const r = rectOf(a, scales);\n    if (r.width <= 0 || r.height <= 0) return;\n    const pad = 10;\n    const pos = a.labelPosition;\n    const align: Align = pos.endsWith(\"left\")\n      ? \"left\"\n      : pos.endsWith(\"right\")\n        ? \"right\"\n        : \"center\";\n    const tx =\n      align === \"left\"\n        ? r.x + pad\n        : align === \"right\"\n          ? r.x + r.width - pad\n          : r.x + r.width / 2;\n    const ty = pos.startsWith(\"top\")\n      ? r.y + pad\n      : pos.startsWith(\"bottom\")\n        ? r.y + r.height - pad - labelHeight\n        : r.y + (r.height - labelHeight) / 2;\n    out.push(\n      label(\n        `area-label-${i}`,\n        a.label,\n        tx - ox,\n        ty - oy,\n        align,\n        \"top\",\n        { size: fs + 1, weight: 600, color: css(a.labelColor), family },\n        fw,\n      ),\n    );\n  });\n\n  annotations.forEach((a, i) => {\n    if (a.type !== \"text\" || !a.text) return;\n    const w = measureChartText(a.text, `${a.weight} ${fs}px sans-serif`);\n    const b = textBox(a, scales, w, labelHeight);\n    out.push(\n      label(\n        `text-${i}`,\n        a.text,\n        b.x - ox,\n        b.y + b.height / 2 - oy,\n        \"left\",\n        \"middle\",\n        { size: fs, weight: a.weight, color: css(a.color), halo, family },\n        fw,\n      ),\n    );\n  });\n\n  const pointColor = css(theme.text, 0.85);\n  scene.pointLabels.forEach(({ label: l, box: b }, i) => {\n    out.push(\n      label(\n        `point-label-${i}`,\n        l.text,\n        b.x - ox,\n        b.y + b.height / 2 - oy,\n        \"left\",\n        \"middle\",\n        { size: fs, color: pointColor, halo, family },\n        fw,\n      ),\n    );\n  });\n  return out;\n}\n\nconst clip = (plot: ChartRect): ViewStyle => ({\n  position: \"absolute\",\n  left: plot.x,\n  top: plot.y,\n  width: plot.width,\n  height: plot.height,\n  overflow: \"hidden\",\n});\n\n/**\n * Everything but the hover state: axes, grid, legend, annotations, data and\n * labels (cached by the caller while the model, view and size are the same)\n */\nexport function drawStatic(scene: ChartScene, family?: string): ReactNode {\n  const { plot } = scene.layout;\n  return (\n    <>\n      {drawBackground(scene, family)}\n      <View key=\"data\" style={clip(plot)} {...part(C, \"data\")}>\n        {drawData(scene)}\n      </View>\n      <View key=\"labels\" style={clip(plot)} {...part(C, \"labels\")}>\n        {drawForeground(scene, family)}\n      </View>\n    </>\n  );\n}\n\n/** Crosshair, highlighted points, dragged point and the default tooltip */\nexport function drawHover(\n  scene: ChartScene,\n  family: string | undefined,\n  customTooltip: boolean,\n): ReactNode {\n  const { theme, layout, hover, dragging } = scene;\n  const { plot } = layout;\n  const background = css(theme.background);\n  const out: ReactElement[] = [];\n  if (hover && hover.crosshairX !== null) {\n    out.push(\n      <View\n        key=\"crosshair\"\n        style={StyleSheet.absoluteFill}\n        {...part(C, \"crosshair\")}\n      >\n        {dashedLine(\n          \"dash\",\n          \"x\",\n          Math.round(hover.crosshairX),\n          plot.y,\n          plot.height,\n          1,\n          css(theme.textMuted, 0.55),\n          [3, 3],\n        )}\n      </View>,\n    );\n  }\n  hover?.marks.forEach((m, i) => {\n    if (m.kind === \"band\") {\n      out.push(\n        box(`mark-${i}`, m.x, m.y, m.width, m.height, css(theme.text, 0.05), {\n          borderRadius: 6,\n        }),\n      );\n      return;\n    }\n    if (m.kind === \"cell\") {\n      out.push(\n        box(\n          `mark-${i}`,\n          m.x - 1.5,\n          m.y - 1.5,\n          m.width + 3,\n          m.height + 3,\n          \"transparent\",\n          {\n            borderRadius: 4,\n            borderWidth: 1.5,\n            borderColor: css(theme.text, 0.55),\n          },\n        ),\n      );\n      return;\n    }\n    // soft halo, then the dot with a thin ring in the background color\n    out.push(\n      dot(`halo-${i}`, m.x, m.y, m.size + 8, m.halo),\n      dot(`mark-${i}`, m.x, m.y, m.size, m.color, {\n        borderWidth: 2,\n        borderColor: background,\n      }),\n    );\n  });\n  if (dragging) {\n    out.push(\n      <View key=\"drag\" {...part(C, \"drag\")} style={StyleSheet.absoluteFill}>\n        {dot(\n          \"ghost\",\n          dragging.x,\n          dragging.y,\n          dragging.size + 2,\n          dragging.color,\n          {\n            opacity: 0.85,\n            borderWidth: 2,\n            borderColor: background,\n          },\n        )}\n      </View>,\n    );\n  }\n  const tip = hover?.tooltip;\n  if (tip && !customTooltip) {\n    const { box: b, lineHeight, padding, content } = tip;\n    const text = css(theme.text);\n    const muted = css(theme.textMuted);\n    const font = (weight: number, color: string): TextStyle => ({\n      fontSize: 12,\n      lineHeight,\n      color,\n      fontWeight: String(weight) as TextStyle[\"fontWeight\"],\n      includeFontPadding: false,\n      ...(family ? { fontFamily: family } : null),\n    });\n    const swatch = (color: string) => (\n      <View\n        style={{\n          width: 8,\n          height: 8,\n          borderRadius: 4,\n          marginRight: 6,\n          backgroundColor: color,\n        }}\n      />\n    );\n    const row: ViewStyle = {\n      height: lineHeight,\n      flexDirection: \"row\",\n      alignItems: \"center\",\n    };\n    out.push(\n      <View\n        key=\"tooltip\"\n        {...part(C, \"tooltip\")}\n        style={[\n          tooltipCard(scene),\n          {\n            left: b.x,\n            top: b.y,\n            width: b.width,\n            height: b.height,\n            paddingHorizontal: padding + 1,\n            paddingVertical: padding - 1,\n          },\n        ]}\n      >\n        {tip.text\n          ? tip.text.map((t, i) => (\n              <Text key={i} numberOfLines={1} style={font(400, text)}>\n                {t}\n              </Text>\n            ))\n          : [\n              <View key=\"title\" style={row}>\n                {content.titleColor ? swatch(content.titleColor) : null}\n                <Text\n                  numberOfLines={1}\n                  style={[font(600, text), { flexShrink: 1 }]}\n                >\n                  {content.title}\n                </Text>\n              </View>,\n              ...content.rows.map((r, i) => (\n                <View key={i} style={row}>\n                  {r.color ? swatch(r.color) : null}\n                  <Text\n                    numberOfLines={1}\n                    style={[font(400, muted), { flexShrink: 1 }]}\n                  >\n                    {r.name}\n                  </Text>\n                  <Text\n                    numberOfLines={1}\n                    style={[\n                      font(600, text),\n                      { flexGrow: 1, marginLeft: 16, textAlign: \"right\" },\n                    ]}\n                  >\n                    {r.value}\n                  </Text>\n                </View>\n              )),\n            ]}\n      </View>,\n    );\n  }\n  return out;\n}\n\n/** Look of the tooltips (default and `renderTooltip` content) */\nexport const tooltipCard = (scene: ChartScene): ViewStyle => ({\n  position: \"absolute\",\n  backgroundColor: css(scene.theme.background),\n  borderColor: css(scene.theme.axis),\n  borderWidth: 1,\n  borderRadius: 8,\n  shadowColor: \"#0f172a\",\n  shadowOpacity: 0.18,\n  shadowRadius: 8,\n  shadowOffset: { width: 0, height: 6 },\n  elevation: 6,\n});\n"],"mappings":"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"}

package/dist/native/components/Chart/theme.cjs

@@ -0,0 +1,2 @@
+function e(e){let t={};for(let[n,r]of Object.entries(e.css))t[`--${n}`]=r;return{variables:t}}exports.chartThemeInput=e;
+//# sourceMappingURL=theme.cjs.map

package/dist/native/components/Chart/theme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.cjs","names":["chartThemeInput","variables","name","value","tokens"],"sources":["../../../../../native/src/components/Chart/theme.ts"],"sourcesContent":["import type { ChartThemeInput } from \"@minerva/charts/canvas\";\nimport type { ResolvedTokens } from \"@minerva/core\";\n\n/**\n * Theme of the chart engine from the resolved design tokens of the closest\n * `MinervaProvider`: every token becomes the CSS variable the web charts\n * read (`--surface-color`, `--text-color`, `--primary-color`,\n * `--chart-series-1`...), so light / dark modes, palettes and overrides\n * apply, and `var(--x)` colors of the options resolve.\n */\nexport function chartThemeInput(tokens: ResolvedTokens): ChartThemeInput {\n  const variables: Record<string, string> = {};\n  for (const [name, value] of Object.entries(tokens.css))\n    variables[`--${name}`] = value;\n  return { variables };\n}\n"],"mappings":"AAUA,SAAgBA,EAAgB,EAAyC,CACvE,IAAMC,EAAoC,CAAC,EAC3C,IAAK,GAAM,CAACC,EAAMC,KAAU,OAAO,QAAQC,EAAO,GAAG,EACnD,EAAU,KAAKF,KAAUC,EAC3B,MAAO,CAAE,WAAU,CACrB"}

package/dist/native/components/Chart/theme.d.cts

@@ -0,0 +1,10 @@
+import { ChartThemeInput } from '../../../charts/canvas.cjs';
+import { ResolvedTokens } from '../../../core/index.cjs';
+/**
+ * Theme of the chart engine from the resolved design tokens of the closest
+ * `MinervaProvider`: every token becomes the CSS variable the web charts
+ * read (`--surface-color`, `--text-color`, `--primary-color`,
+ * `--chart-series-1`...), so light / dark modes, palettes and overrides
+ * apply, and `var(--x)` colors of the options resolve.
+ */
+export declare function chartThemeInput(tokens: ResolvedTokens): ChartThemeInput;

package/dist/native/components/Chart/theme.d.ts

@@ -0,0 +1,10 @@
+import { ChartThemeInput } from '../../../charts/canvas.js';
+import { ResolvedTokens } from '../../../core/index.js';
+/**
+ * Theme of the chart engine from the resolved design tokens of the closest
+ * `MinervaProvider`: every token becomes the CSS variable the web charts
+ * read (`--surface-color`, `--text-color`, `--primary-color`,
+ * `--chart-series-1`...), so light / dark modes, palettes and overrides
+ * apply, and `var(--x)` colors of the options resolve.
+ */
+export declare function chartThemeInput(tokens: ResolvedTokens): ChartThemeInput;

package/dist/native/components/Chart/theme.js

@@ -0,0 +1,10 @@
+//#region src/components/Chart/theme.ts
+function e(e) {
+	let t = {};
+	for (let [n, r] of Object.entries(e.css)) t[`--${n}`] = r;
+	return { variables: t };
+}
+//#endregion
+export { e as chartThemeInput };
+
+//# sourceMappingURL=theme.js.map

package/dist/native/components/Chart/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":["chartThemeInput","variables","name","value","tokens"],"sources":["../../../../../native/src/components/Chart/theme.ts"],"sourcesContent":["import type { ChartThemeInput } from \"@minerva/charts/canvas\";\nimport type { ResolvedTokens } from \"@minerva/core\";\n\n/**\n * Theme of the chart engine from the resolved design tokens of the closest\n * `MinervaProvider`: every token becomes the CSS variable the web charts\n * read (`--surface-color`, `--text-color`, `--primary-color`,\n * `--chart-series-1`...), so light / dark modes, palettes and overrides\n * apply, and `var(--x)` colors of the options resolve.\n */\nexport function chartThemeInput(tokens: ResolvedTokens): ChartThemeInput {\n  const variables: Record<string, string> = {};\n  for (const [name, value] of Object.entries(tokens.css))\n    variables[`--${name}`] = value;\n  return { variables };\n}\n"],"mappings":";AAUA,SAAgBA,EAAgB,GAAyC;CACvE,IAAMC,IAAoC,CAAC;CAC3C,KAAK,IAAM,CAACC,GAAMC,MAAU,OAAO,QAAQC,EAAO,GAAG,GACnD,EAAU,KAAKF,OAAUC;CAC3B,OAAO,EAAE,aAAU;AACrB"}