@lilt-ui/charts 0.6.0 → 0.7.0

package/dist/finance.js

@@ -1,14 +1,15 @@
 "use client";
-import { A as e, C as t, G as n, I as r, K as i, L as a, P as o, R as s, S as c, T as l, X as u, _ as d, a as f, b as p, et as m, f as h, i as g, it as _, n as v, pt as y, t as b, u as x, v as S, w as C, x as w, y as T, z as E } from "./skeleton-block-Uf1lywJi.js";
-import { S as D, d as O, g as k, h as A, p as j, u as ee } from "./report-context-Cz0AYdV2.js";
+import { A as e, C as t, G as n, I as r, K as i, L as a, P as o, R as s, S as c, T as l, X as u, _ as d, a as f, b as p, et as m, f as h, i as g, it as _, n as v, pt as y, t as b, u as x, v as S, w as C, x as w, y as T, z as E } from "./skeleton-block-C110l-2a.js";
+import { S as D, d as O, g as k, h as A, p as j, u as ee } from "./report-context-CkzH-r8B.js";
 import { useEffect as M, useMemo as N, useRef as P, useState as F } from "react";
 import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { min as z } from "d3-array";
 //#region src/finance/candle-geometry.ts
-var z = "var(--lilt-candle-up)", B = "var(--lilt-candle-down)";
-function V(e) {
+var B = "var(--lilt-candle-up)", V = "var(--lilt-candle-down)";
+function H(e) {
 	return Math.round(e * 100) / 100;
 }
-function H(e, t, n) {
+function U(e, t, n) {
 	let r = e.fields[t], i = r?.[n.open], a = r?.[n.high], o = r?.[n.low], s = e.values[t];
 	return i == null || a == null || o == null || s == null ? null : {
 		open: i,
@@ -18,22 +19,22 @@ function H(e, t, n) {
 		up: s >= i
 	};
 }
-function U(e, t, n) {
+function W(e, t, n) {
 	for (let r of e) {
-		let e = H(r, t, n);
+		let e = U(r, t, n);
 		if (!e) continue;
 		let i = Math.max(e.open, e.close), a = Math.min(e.open, e.close);
 		if (e.high < i || e.low > a) throw Error(`Lilt Candles on series "${t}" expects low ≤ open, close ≤ high at row ${r.sourceIndex + 1}.`);
 	}
 }
-function W(e, t, n, r, i = !1) {
-	let a = Math.max(1, n.columnWidth), s = a / 2, c = V(e), l = V(n.y(t.high)), u = V(n.y(t.low));
+function G(e, t, n, r, i = !1) {
+	let a = Math.max(1, n.columnWidth), s = a / 2, c = H(e), l = H(n.y(t.high)), u = H(n.y(t.low));
 	if (r === "ohlc") {
-		let r = V(n.y(t.open)), i = V(n.y(t.close)), a = V(Math.max(2, s));
+		let r = H(n.y(t.open)), i = H(n.y(t.close)), a = H(Math.max(2, s));
 		return {
 			body: null,
 			hollow: null,
-			stroke: `M${c},${l}V${u}M${V(e - a)},${r}H${c}M${c},${i}H${V(e + a)}`,
+			stroke: `M${c},${l}V${u}M${H(e - a)},${r}H${c}M${c},${i}H${H(e + a)}`,
 			side: null,
 			top: null
 		};
@@ -43,7 +44,7 @@ function W(e, t, n, r, i = !1) {
 		let e = (d + f) / 2;
 		d = e - .5, f = e + .5;
 	}
-	let p = r === "hollow" && t.up && a >= 3, h = p ? .5 : 0, g = i ? m(e, d, a, f - d) : null, _ = g ? e - g.frontWidth / 2 : e - s, v = o(_ + h, d + h, Math.max(1, (g ? g.frontWidth : a) - h * 2), Math.max(1, f - d - h * 2), !g && a >= 6 ? 1.5 : 0), y = (l < d ? `M${c},${l}V${V(d)}` : "") + (u > f ? `M${c},${V(f)}V${u}` : "");
+	let p = r === "hollow" && t.up && a >= 3, h = p ? .5 : 0, g = i ? m(e, d, a, f - d) : null, _ = g ? e - g.frontWidth / 2 : e - s, v = o(_ + h, d + h, Math.max(1, (g ? g.frontWidth : a) - h * 2), Math.max(1, f - d - h * 2), !g && a >= 6 ? 1.5 : 0), y = (l < d ? `M${c},${l}V${H(d)}` : "") + (u > f ? `M${c},${H(f)}V${u}` : "");
 	return {
 		body: p ? null : v,
 		hollow: p ? v : null,
@@ -52,12 +53,12 @@ function W(e, t, n, r, i = !1) {
 		top: g?.top ?? null
 	};
 }
-function te(t, n, r, i, a, o, s = !1) {
+function K(t, n, r, i, a, o, s = !1) {
 	let c = new l(), u = new l(), d = new l(), f = new l(), p = new l();
 	for (let { row: l, cx: m } of e(t, i)) {
-		let e = H(l, n, r);
+		let e = U(l, n, r);
 		if (!e) continue;
-		let t = o(l, e), h = W(m, e, i, a, s);
+		let t = o(l, e), h = G(m, e, i, a, s);
 		h.side && f.add(t, h.side), h.top && p.add(t, h.top), h.body && c.add(t, h.body), h.hollow && u.add(t, h.hollow), h.stroke && d.add(t, h.stroke);
 	}
 	return {
@@ -70,8 +71,8 @@ function te(t, n, r, i, a, o, s = !1) {
 }
 //#endregion
 //#region src/finance/candles.tsx
-function G(e, t, n) {
-	return E(e, t, n.up ? z : B);
+function te(e, t, n) {
+	return E(e, t, n.up ? B : V);
 }
 function ne({ paths: e, display: t }) {
 	let n = t === "ohlc" ? 1.5 : 1;
@@ -116,7 +117,7 @@ var re = s(function({ series: e, open: t, high: n, low: r, display: a = "candle"
 			high: n,
 			low: r
 		};
-		return U(l.data.rows, e, i), te(l.data.rows, e, i, d, a, (e, t) => G(u, e, t), o);
+		return W(l.data.rows, e, i), K(l.data.rows, e, i, d, a, (e, t) => te(u, e, t), o);
 	}, [
 		l,
 		e,
@@ -150,7 +151,7 @@ var re = s(function({ series: e, open: t, high: n, low: r, display: a = "candle"
 		kind: e.display === "ohlc" ? "ohlc" : "candle",
 		depth: e.depth && e.display !== "ohlc",
 		render: ({ cx: t, low: n, high: r, scales: i, mask: a }) => {
-			let o = a ? "white" : "color-mix(in srgb, var(--lilt-skeleton) 64%, var(--lilt-surface))", s = W(t, {
+			let o = a ? "white" : "color-mix(in srgb, var(--lilt-skeleton) 64%, var(--lilt-surface))", s = G(t, {
 				low: n,
 				high: r,
 				open: n + (r - n) * .28,
@@ -191,9 +192,9 @@ var re = s(function({ series: e, open: t, high: n, low: r, display: a = "candle"
 		e.low
 	],
 	highlight: (e, { row: n, snapshot: r, descriptor: i }) => {
-		let a = H(n, e.series, e);
+		let a = U(n, e.series, e);
 		if (!a) return null;
-		let o = e.display ?? "candle", s = t(r, e.series), c = W(s.x(n.x), a, s, o, e.depth), l = G(i, n, a);
+		let o = e.display ?? "candle", s = t(r, e.series), c = G(s.x(n.x), a, s, o, e.depth), l = te(i, n, a);
 		return /* @__PURE__ */ L("g", {
 			className: "lilt-chart__candle-highlight",
 			children: /* @__PURE__ */ L(ne, {
@@ -226,7 +227,7 @@ var re = s(function({ series: e, open: t, high: n, low: r, display: a = "candle"
 });
 //#endregion
 //#region src/finance/cards/pane.tsx
-function K({ context: e, label: t, caption: n, readout: r, series: i, height: o, y: s, bars: c, xAxis: l = !1, children: u }) {
+function q({ context: e, label: t, caption: n, readout: r, series: i, height: o, y: s, bars: c, xAxis: l = !1, children: u }) {
 	let [f, p] = F(null), m = f ?? e.data.at(-1) ?? null;
 	return /* @__PURE__ */ R("div", {
 		className: "lilt-card__pane",
@@ -269,12 +270,12 @@ function K({ context: e, label: t, caption: n, readout: r, series: i, height: o,
 }
 //#endregion
 //#region src/finance/cards/candlestick-chart-card.tsx
-function q(e, t) {
+function J(e, t) {
 	let n = e[t];
 	return typeof n == "number" && Number.isFinite(n) ? n : null;
 }
-function J(e, t, n) {
-	let r = e.length ? q(e[0], t) : null, i = e.length ? q(e.at(-1), n) : null;
+function Y(e, t, n) {
+	let r = e.length ? J(e[0], t) : null, i = e.length ? J(e.at(-1), n) : null;
 	return r && i !== null ? i / r - 1 : void 0;
 }
 function ie(e) {
@@ -290,23 +291,23 @@ var ae = {
 function oe({ open: e, high: t, low: n, close: i, volume: a, display: o = "candle", depth: s = !1, scale: c = "linear", label: l = "Price", live: u = !1, data: d, ranges: f, delta: m, valueFormat: h = ae, locale: _ = "en-US", volumeHeight: y = 64, ...b }) {
 	let x = N(() => g(_, h).full, [_, JSON.stringify(h)]), S = N(() => g(_).compact, [_]), C = N(() => f?.map((t) => ({
 		...t,
-		delta: t.delta ?? J(t.data, e, i)
+		delta: t.delta ?? Y(t.data, e, i)
 	})), [
 		f,
 		e,
 		i
-	]), T = (J(d ?? f?.[0]?.data ?? [], e, i) ?? 0) >= 0, E = (t) => (q(t, i) ?? 0) >= (q(t, e) ?? 0), D = o === "area", O = {
+	]), T = (Y(d ?? f?.[0]?.data ?? [], e, i) ?? 0) >= 0, E = (t) => (J(t, i) ?? 0) >= (J(t, e) ?? 0), D = o === "area", O = {
 		open: {
 			label: "Open",
-			accessor: (t) => q(t, e)
+			accessor: (t) => J(t, e)
 		},
 		high: {
 			label: "High",
-			accessor: (e) => q(e, t)
+			accessor: (e) => J(e, t)
 		},
 		low: {
 			label: "Low",
-			accessor: (e) => q(e, n)
+			accessor: (e) => J(e, n)
 		}
 	};
 	return /* @__PURE__ */ L(v, {
@@ -314,7 +315,7 @@ function oe({ open: e, high: t, low: n, close: i, volume: a, display: o = "candl
 		depth: s,
 		data: d,
 		ranges: C,
-		delta: m ?? (d ? J(d, e, i) : void 0),
+		delta: m ?? (d ? Y(d, e, i) : void 0),
 		valueFormat: h,
 		locale: _,
 		aggregate: "last",
@@ -323,7 +324,7 @@ function oe({ open: e, high: t, low: n, close: i, volume: a, display: o = "candl
 		series: [{
 			key: i,
 			label: l,
-			color: D ? T ? z : B : void 0
+			color: D ? T ? B : V : void 0
 		}],
 		shape: {
 			kind: "marks",
@@ -350,7 +351,7 @@ function oe({ open: e, high: t, low: n, close: i, volume: a, display: o = "candl
 				depth: s
 			}, e))
 		},
-		panes: a ? (e) => /* @__PURE__ */ L(K, {
+		panes: a ? (e) => /* @__PURE__ */ L(q, {
 			context: e,
 			label: `${b.title} volume`,
 			caption: "Volume",
@@ -365,7 +366,7 @@ function oe({ open: e, high: t, low: n, close: i, volume: a, display: o = "candl
 			series: [{
 				id: "volume",
 				label: "Volume",
-				accessor: (e) => q(e, a),
+				accessor: (e) => J(e, a),
 				formatValue: S,
 				colorAt: (e) => E(e) ? "color-mix(in srgb, var(--lilt-candle-up) 42%, transparent)" : "color-mix(in srgb, var(--lilt-candle-down) 42%, transparent)",
 				bar: { radius: 1 }
@@ -376,7 +377,7 @@ function oe({ open: e, high: t, low: n, close: i, volume: a, display: o = "candl
 }
 //#endregion
 //#region src/finance/indicators.ts
-function Y(e) {
+function X(e) {
 	return typeof e == "number" && Number.isFinite(e);
 }
 function se(e, t) {
@@ -387,17 +388,17 @@ function ce(e, t) {
 	let n = [], r = 0, i = 0;
 	for (let a = 0; a < e.length; a += 1) {
 		let o = e[a];
-		Y(o) && (r += o, i += 1);
+		X(o) && (r += o, i += 1);
 		let s = a - t >= 0 ? e[a - t] : void 0;
-		a - t >= 0 && Y(s) && (r -= s, --i), n.push(a >= t - 1 && i === t ? r / t : null);
+		a - t >= 0 && X(s) && (r -= s, --i), n.push(a >= t - 1 && i === t ? r / t : null);
 	}
 	return n;
 }
-function X(e, t) {
+function Z(e, t) {
 	se("ema", t);
 	let n = 2 / (t + 1), r = [], i = null, a = [];
 	for (let o of e) {
-		if (!Y(o)) {
+		if (!X(o)) {
 			r.push(null);
 			continue;
 		}
@@ -413,7 +414,7 @@ function le(e, t = 14) {
 	se("rsi", t);
 	let n = e.map(() => null), r = null, i = 0, a = 0, o = 0, s = 0, c = 0;
 	return e.forEach((e, l) => {
-		if (!Y(e)) return;
+		if (!X(e)) return;
 		if (r === null) {
 			r = e;
 			return;
@@ -430,10 +431,10 @@ function le(e, t = 14) {
 }
 function ue(e, t = 12, n = 26, r = 9) {
 	if (t >= n) throw Error("Lilt macd needs a fast period shorter than the slow period.");
-	let i = X(e, t), a = X(e, n), o = e.map((e, t) => {
+	let i = Z(e, t), a = Z(e, n), o = e.map((e, t) => {
 		let n = i[t], r = a[t];
 		return n === null || r === null ? null : n - r;
-	}), s = X(o, r);
+	}), s = Z(o, r);
 	return {
 		macd: o,
 		signal: s,
@@ -462,14 +463,14 @@ function de(e, t = 20, n = 2) {
 }
 function fe(e) {
 	let t = -Infinity;
-	return e.map((e) => Y(e) ? (t = Math.max(t, e), t > 0 ? e / t - 1 : 0) : null);
+	return e.map((e) => X(e) ? (t = Math.max(t, e), t > 0 ? e / t - 1 : 0) : null);
 }
 function pe(e) {
-	let t = e.find(Y);
-	return e.map((e) => Y(e) && t !== void 0 && t !== 0 ? e / t - 1 : null);
+	let t = e.find(X);
+	return e.map((e) => X(e) && t !== void 0 && t !== 0 ? e / t - 1 : null);
 }
 function me(e, t) {
-	for (let n of t) if (!Y(n.price) || !Y(n.size) || n.size < 0) throw Error(`Lilt order book ${e} need finite prices and non-negative sizes; received ${n.price} × ${n.size}.`);
+	for (let n of t) if (!X(n.price) || !X(n.size) || n.size < 0) throw Error(`Lilt order book ${e} need finite prices and non-negative sizes; received ${n.price} × ${n.size}.`);
 }
 function he(e, t) {
 	me("bids", e), me("asks", t);
@@ -532,17 +533,17 @@ function _e(e) {
 		};
 	});
 }
-function Z(e, t) {
+function Q(e, t) {
 	if (!t) return null;
 	let n = e[t];
 	return typeof n == "number" && Number.isFinite(n) ? n : null;
 }
 function ve(e, t, n, r) {
-	let i = e.map((e) => Z(e, t)), a = e.map((e) => ({ ...e })), o = (e, t) => t.forEach((t, n) => a[n][e] = t);
+	let i = e.map((e) => Q(e, t)), a = e.map((e) => ({ ...e })), o = (e, t) => t.forEach((t, n) => a[n][e] = t);
 	for (let e of n) if (e.kind === "bollinger") {
 		let t = de(i, e.period, e.deviations);
 		o(e.id, t.middle), o(`${e.id}Upper`, t.upper), o(`${e.id}Lower`, t.lower);
-	} else o(e.id, (e.kind === "sma" ? ce : X)(i, e.period));
+	} else o(e.id, (e.kind === "sma" ? ce : Z)(i, e.period));
 	for (let e of r) if (e.kind === "rsi" && o(e.id, le(i, e.period)), e.kind === "macd") {
 		let t = ue(i, e.fast, e.slow, e.signal);
 		o(`${e.id}Macd`, t.macd), o(`${e.id}Signal`, t.signal), o(`${e.id}Histogram`, t.histogram);
@@ -570,41 +571,41 @@ function xe({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 	]), ee = N(() => m?.map((n) => ({
 		...n,
 		data: ve(n.data, e, k, A),
-		delta: n.delta ?? (t ? J(n.data, t, e) : void 0)
+		delta: n.delta ?? (t ? Y(n.data, t, e) : void 0)
 	})), [
 		m,
 		e,
 		t,
 		k,
 		A
-	]), M = N(() => g(b, y).full, [b, JSON.stringify(y)]), P = N(() => g(b, { maximumFractionDigits: 2 }).full, [b]), F = N(() => g(b).compact, [b]), V = T ? {
+	]), M = N(() => g(b, y).full, [b, JSON.stringify(y)]), P = N(() => g(b, { maximumFractionDigits: 2 }).full, [b]), F = N(() => g(b).compact, [b]), z = T ? {
 		open: {
 			label: "Open",
-			accessor: (e) => Z(e, t)
+			accessor: (e) => Q(e, t)
 		},
 		high: {
 			label: "High",
-			accessor: (e) => Z(e, n)
+			accessor: (e) => Q(e, n)
 		},
 		low: {
 			label: "Low",
-			accessor: (e) => Z(e, r)
+			accessor: (e) => Q(e, r)
 		}
-	} : void 0, H = new Map(k.map((e) => [e.id, e])), U = f?.length ? Z(f[0], e) : null, W = f?.length ? Z(f.at(-1), e) : null, te = U === null || W === null || W >= U, G = A.at(-1)?.id, ne = (n, r) => {
-		let a = n.id === G, o = (e) => (t) => Z(t, e), s = (e, t, n) => {
-			let r = Z(e, t);
+	} : void 0, H = new Map(k.map((e) => [e.id, e])), U = f?.length ? Q(f[0], e) : null, W = f?.length ? Q(f.at(-1), e) : null, G = U === null || W === null || W >= U, K = A.at(-1)?.id, te = (n, r) => {
+		let a = n.id === K, o = (e) => (t) => Q(t, e), s = (e, t, n) => {
+			let r = Q(e, t);
 			return /* @__PURE__ */ R("span", {
 				className: "lilt-card__pane-value",
 				children: [n ? `${n} ` : "", r === null ? "—" : P(r)]
 			}, t);
 		};
-		if (n.kind === "volume") return /* @__PURE__ */ L(K, {
+		if (n.kind === "volume") return /* @__PURE__ */ L(q, {
 			context: r,
 			label: `${C.title} volume`,
 			caption: "Volume",
 			readout: (e) => /* @__PURE__ */ L("span", {
 				className: "lilt-card__pane-value",
-				children: Z(e, i) === null ? "—" : F(Z(e, i))
+				children: Q(e, i) === null ? "—" : F(Q(e, i))
 			}),
 			height: S,
 			xAxis: a,
@@ -619,12 +620,12 @@ function xe({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 				label: "Volume",
 				accessor: o(i),
 				formatValue: F,
-				colorAt: (n) => (Z(n, e) ?? 0) >= (Z(n, t) ?? Z(n, e) ?? 0) ? "color-mix(in srgb, var(--lilt-candle-up) 42%, transparent)" : "color-mix(in srgb, var(--lilt-candle-down) 42%, transparent)",
+				colorAt: (n) => (Q(n, e) ?? 0) >= (Q(n, t) ?? Q(n, e) ?? 0) ? "color-mix(in srgb, var(--lilt-candle-up) 42%, transparent)" : "color-mix(in srgb, var(--lilt-candle-down) 42%, transparent)",
 				bar: { radius: 1 }
 			}],
 			children: /* @__PURE__ */ L(p, { series: "volume" })
 		}, n.id);
-		if (n.kind === "rsi") return /* @__PURE__ */ R(K, {
+		if (n.kind === "rsi") return /* @__PURE__ */ R(q, {
 			context: r,
 			label: `${C.title} RSI ${n.period}`,
 			caption: `RSI ${n.period}`,
@@ -666,7 +667,7 @@ function xe({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 			]
 		}, n.id);
 		let c = `${n.id}Macd`, l = `${n.id}Signal`, u = `${n.id}Histogram`;
-		return /* @__PURE__ */ R(K, {
+		return /* @__PURE__ */ R(q, {
 			context: r,
 			label: `${C.title} MACD`,
 			caption: `MACD ${n.fast} · ${n.slow} · ${n.signal}`,
@@ -685,7 +686,7 @@ function xe({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 					label: "Histogram",
 					accessor: o(u),
 					formatValue: P,
-					colorAt: (e) => (Z(e, u) ?? 0) >= 0 ? "color-mix(in srgb, var(--lilt-candle-up) 55%, transparent)" : "color-mix(in srgb, var(--lilt-candle-down) 55%, transparent)",
+					colorAt: (e) => (Q(e, u) ?? 0) >= 0 ? "color-mix(in srgb, var(--lilt-candle-up) 55%, transparent)" : "color-mix(in srgb, var(--lilt-candle-down) 55%, transparent)",
 					bar: { radius: 1 }
 				},
 				{
@@ -722,7 +723,7 @@ function xe({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 		...C,
 		data: j,
 		ranges: ee,
-		delta: _ ?? (f && t ? J(f, t, e) : void 0),
+		delta: _ ?? (f && t ? Y(f, t, e) : void 0),
 		valueFormat: y,
 		locale: b,
 		aggregate: "last",
@@ -733,7 +734,7 @@ function xe({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 		series: [{
 			key: e,
 			label: l,
-			color: E === "line" ? te ? z : B : void 0
+			color: E === "line" ? G ? B : V : void 0
 		}, ...k.map((e, t) => ({
 			key: e.id,
 			label: e.label,
@@ -758,21 +759,21 @@ function xe({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 					...t.kind === "bollinger" ? { fields: {
 						upper: {
 							label: "Upper",
-							accessor: (e) => Z(e, `${t.id}Upper`)
+							accessor: (e) => Q(e, `${t.id}Upper`)
 						},
 						lower: {
 							label: "Lower",
-							accessor: (e) => Z(e, `${t.id}Lower`)
+							accessor: (e) => Q(e, `${t.id}Lower`)
 						}
 					} } : {}
 				} : E === "line" ? {
-					fields: V,
+					fields: z,
 					curve: "linear",
 					line: {
 						width: 2,
 						depth: C.depth
 					}
-				} : { fields: V };
+				} : { fields: z };
 			},
 			describe: T ? ie(M) : void 0,
 			draw: (e) => e.map((e) => {
@@ -791,7 +792,7 @@ function xe({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 				}, e);
 			})
 		},
-		panes: A.length ? (e) => /* @__PURE__ */ L(I, { children: A.map((t) => ne(t, e)) }) : void 0
+		panes: A.length ? (e) => /* @__PURE__ */ L(I, { children: A.map((t) => te(t, e)) }) : void 0
 	});
 }
 //#endregion
@@ -825,14 +826,14 @@ var Ce = {
 	maximumFractionDigits: 2
 };
 function we({ title: e, bids: t, asks: n, valueFormat: i = Ce, sizeFormat: o, locale: s = "en-US", height: c = 220, axis: l = "minimal", background: u = "dots", hoverStyle: f = "soft", surface: p, numberStyle: m, loading: h = !1, loadingStyle: _ = "shimmer", motion: v, className: b, style: x, depth: C = !1 }) {
-	let E = N(() => he(t, n), [t, n]), D = JSON.stringify(i), M = JSON.stringify(o ?? null), P = N(() => g(s, i), [s, D]), I = N(() => g(s, o), [s, M]), V = N(() => g(s, {
+	let E = N(() => he(t, n), [t, n]), D = JSON.stringify(i), M = JSON.stringify(o ?? null), P = N(() => g(s, i), [s, D]), I = N(() => g(s, o), [s, M]), z = N(() => g(s, {
 		style: "percent",
 		maximumFractionDigits: 3
 	}).full, [s]), [H, U] = F(null), W = N(() => [{
 		id: "bid",
 		label: "Bids",
 		accessor: (e) => e.bid,
-		color: z,
+		color: B,
 		curve: "step-before",
 		area: { treatment: "fade" },
 		line: {
@@ -844,7 +845,7 @@ function we({ title: e, bids: t, asks: n, valueFormat: i = Ce, sizeFormat: o, lo
 		id: "ask",
 		label: "Asks",
 		accessor: (e) => e.ask,
-		color: B,
+		color: V,
 		curve: "step-after",
 		area: { treatment: "fade" },
 		line: {
@@ -852,7 +853,7 @@ function we({ title: e, bids: t, asks: n, valueFormat: i = Ce, sizeFormat: o, lo
 			depth: C
 		},
 		formatValue: I.full
-	}], [I, C]), te = E.spread !== null && E.mid ? `${P.full(E.spread)} (${V(E.spread / E.mid)})` : "—", G = H ? H.bid ?? H.ask : null;
+	}], [I, C]), G = E.spread !== null && E.mid ? `${P.full(E.spread)} (${z(E.spread / E.mid)})` : "—", K = H ? H.bid ?? H.ask : null;
 	return /* @__PURE__ */ R(ee, {
 		"aria-label": e,
 		surface: p,
@@ -866,8 +867,8 @@ function we({ title: e, bids: t, asks: n, valueFormat: i = Ce, sizeFormat: o, lo
 				format: P.full,
 				loading: h,
 				motion: v,
-				children: h ? null : H && G !== null ? /* @__PURE__ */ R(O, { children: [
-					I.full(G),
+				children: h ? null : H && K !== null ? /* @__PURE__ */ R(O, { children: [
+					I.full(K),
 					" ",
 					H.side === "bid" ? "bid" : "ask",
 					" depth at",
@@ -878,7 +879,7 @@ function we({ title: e, bids: t, asks: n, valueFormat: i = Ce, sizeFormat: o, lo
 			/* @__PURE__ */ R("dl", {
 				className: "lilt-card__stats",
 				children: [
-					/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("dt", { children: "Spread" }), /* @__PURE__ */ L("dd", { children: h ? "—" : te })] }),
+					/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("dt", { children: "Spread" }), /* @__PURE__ */ L("dd", { children: h ? "—" : G })] }),
 					/* @__PURE__ */ R("div", {
 						"data-side": "bid",
 						children: [/* @__PURE__ */ L("dt", { children: "Bid depth" }), /* @__PURE__ */ L("dd", { children: h ? "—" : I.compact(E.bidDepth) })]
@@ -939,13 +940,13 @@ function we({ title: e, bids: t, asks: n, valueFormat: i = Ce, sizeFormat: o, lo
 }
 //#endregion
 //#region src/finance/cards/portfolio-chart-card.tsx
-function Q(e, t) {
+function $(e, t) {
 	if (!t) return null;
 	let n = e[t];
 	return typeof n == "number" && Number.isFinite(n) ? n : null;
 }
 function Te(e, t, n) {
-	let r = e.at(-1), i = Q(r, t), a = Q(r, n);
+	let r = e.at(-1), i = $(r, t), a = $(r, n);
 	return i !== null && a ? i / a - 1 : void 0;
 }
 function Ee({ value: e, basis: t, label: n = "Value", drawdown: i = !0, drawdownHeight: a = 64, data: o, ranges: s, delta: c, locale: l = "en-US", ...u }) {
@@ -961,8 +962,8 @@ function Ee({ value: e, basis: t, label: n = "Value", drawdown: i = !0, drawdown
 		minimumFractionDigits: 1,
 		maximumFractionDigits: 1
 	}).full, [l]), m = N(() => {
-		let t = fe(d.map((t) => Q(t, e))).filter((e) => e !== null);
-		return t.length ? Math.min(...t) : null;
+		let t = fe(d.map((t) => $(t, e))).filter((e) => e !== null);
+		return z(t) ?? null;
 	}, [d, e]);
 	return /* @__PURE__ */ L(v, {
 		...u,
@@ -998,8 +999,8 @@ function Ee({ value: e, basis: t, label: n = "Value", drawdown: i = !0, drawdown
 			draw: (e) => e.map((e) => [/* @__PURE__ */ L(r, { series: e }, `area-${e}`), /* @__PURE__ */ L(w, { series: e }, e)])
 		},
 		panes: i ? (t) => {
-			let n = fe(t.data.map((t) => Q(t, e))), i = new Map(t.data.map((e, t) => [e, n[t] ?? null]));
-			return /* @__PURE__ */ R(K, {
+			let n = fe(t.data.map((t) => $(t, e))), i = new Map(t.data.map((e, t) => [e, n[t] ?? null]));
+			return /* @__PURE__ */ R(q, {
 				context: t,
 				label: `${u.title} drawdown`,
 				caption: "Drawdown",
@@ -1038,34 +1039,34 @@ function De(e, t) {
 	let n = e[t];
 	return typeof n == "number" && Number.isFinite(n) ? n : null;
 }
-function $(e, t) {
+function Oe(e, t) {
 	let n = e.map((e) => De(e, t)).filter((e) => e !== null);
 	return n.length > 1 ? {
 		first: n[0],
 		last: n.at(-1)
 	} : null;
 }
-function Oe(e, t) {
+function ke(e, t) {
 	let n = e.map((e) => ({ ...e }));
 	for (let r of t) pe(e.map((e) => De(e, r))).forEach((e, t) => n[t][`__rebased${r}`] = e);
 	return n;
 }
-var ke = {
+var Ae = {
 	style: "currency",
 	currency: "USD",
 	minimumFractionDigits: 2,
 	maximumFractionDigits: 2
 };
-function Ae({ price: e, symbol: t, name: n, icon: i, display: a = "area", versus: o, data: s, ranges: c, delta: l, valueFormat: u = ke, locale: d = "en-US", title: p, ...m }) {
-	let h = !!o?.length, _ = N(() => [e, ...(o ?? []).map((e) => e.key)], [e, o]), y = N(() => s ? h ? Oe(s, _) : s : void 0, [
+function je({ price: e, symbol: t, name: n, icon: i, display: a = "area", versus: o, data: s, ranges: c, delta: l, valueFormat: u = Ae, locale: d = "en-US", title: p, ...m }) {
+	let h = !!o?.length, _ = N(() => [e, ...(o ?? []).map((e) => e.key)], [e, o]), y = N(() => s ? h ? ke(s, _) : s : void 0, [
 		s,
 		h,
 		_
 	]), b = N(() => c?.map((t) => {
-		let n = $(t.data, e);
+		let n = Oe(t.data, e);
 		return {
 			...t,
-			data: h ? Oe(t.data, _) : t.data,
+			data: h ? ke(t.data, _) : t.data,
 			delta: t.delta ?? (n && n.first ? n.last / n.first - 1 : void 0)
 		};
 	}), [
@@ -1073,7 +1074,7 @@ function Ae({ price: e, symbol: t, name: n, icon: i, display: a = "area", versus
 		h,
 		_,
 		e
-	]), x = $(s ?? c?.[0]?.data ?? [], e), S = !x || x.last >= x.first, C = N(() => g(d, u).full, [d, JSON.stringify(u)]), T = N(() => g(d, {
+	]), x = Oe(s ?? c?.[0]?.data ?? [], e), S = !x || x.last >= x.first, C = N(() => g(d, u).full, [d, JSON.stringify(u)]), T = N(() => g(d, {
 		style: "percent",
 		minimumFractionDigits: 1,
 		maximumFractionDigits: 1
@@ -1112,13 +1113,13 @@ function Ae({ price: e, symbol: t, name: n, icon: i, display: a = "area", versus
 		pillSeries: h ? "nearest" : E(e),
 		tiles: h,
 		restCaption: h ? void 0 : (t) => {
-			let n = $(t, e);
+			let n = Oe(t, e);
 			return n ? f(C)(n.last - n.first) : null;
 		},
 		series: [{
 			key: E(e),
 			label: t ?? p,
-			color: h ? void 0 : S ? z : B
+			color: h ? void 0 : S ? B : V
 		}, ...(o ?? []).map((e) => ({
 			...e,
 			key: E(e.key)
@@ -1138,7 +1139,7 @@ function Ae({ price: e, symbol: t, name: n, icon: i, display: a = "area", versus
 }
 //#endregion
 //#region src/finance/order-book.tsx
-function je(e, t, n) {
+function Me(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let t of e) Number.isFinite(t.price) && Number.isFinite(t.size) && t.size > 0 && r.set(t.price, (r.get(t.price) ?? 0) + t.size);
 	let i = [...r].map(([e, t]) => ({
@@ -1151,7 +1152,7 @@ function je(e, t, n) {
 		side: t
 	}));
 }
-function Me(e, t) {
+function Ne(e, t) {
 	let n = P(null), [r, i] = F(/* @__PURE__ */ new Set());
 	return M(() => {
 		let r = new Map(e.map((e) => [`${e.side}:${e.price}`, e.size])), a = n.current;
@@ -1163,14 +1164,14 @@ function Me(e, t) {
 		return () => window.clearTimeout(s);
 	}, [e, t]), r;
 }
-function Ne({ title: e, bids: t, asks: r, levels: i = 8, depth: a = !1, valueFormat: o = {
+function Pe({ title: e, bids: t, asks: r, levels: i = 8, depth: a = !1, valueFormat: o = {
 	minimumFractionDigits: 2,
 	maximumFractionDigits: 2
 }, sizeFormat: s, locale: c = "en-US", flash: l = !0, surface: u, loading: d = !1, loadingStyle: f = "shimmer", motion: p, className: m, style: h }) {
 	let _ = D(p ?? "auto"), v = n(d, f), y = JSON.stringify(o), x = JSON.stringify(s ?? null), S = N(() => g(c, o).full, [c, y]), C = N(() => g(c, s).compact, [c, x]), w = N(() => g(c, {
 		style: "percent",
 		maximumFractionDigits: 3
-	}).full, [c]), T = N(() => je(t, "bid", i), [t, i]), E = N(() => je(r, "ask", i), [r, i]), O = Me(N(() => [...E, ...T], [E, T]), l && !_ && !d), k = Math.max(1, E.at(-1)?.total ?? 0, T.at(-1)?.total ?? 0), A = T[0]?.price, j = E[0]?.price, M = A !== void 0 && j !== void 0 ? {
+	}).full, [c]), T = N(() => Me(t, "bid", i), [t, i]), E = N(() => Me(r, "ask", i), [r, i]), O = Ne(N(() => [...E, ...T], [E, T]), l && !_ && !d), k = Math.max(1, E.at(-1)?.total ?? 0, T.at(-1)?.total ?? 0), A = T[0]?.price, j = E[0]?.price, M = A !== void 0 && j !== void 0 ? {
 		value: j - A,
 		mid: (j + A) / 2
 	} : null, P = (e) => /* @__PURE__ */ R("tr", {
@@ -1262,4 +1263,4 @@ function Ne({ title: e, bids: t, asks: r, levels: i = 8, depth: a = !1, valueFor
 	});
 }
 //#endregion
-export { re as Candles, oe as CandlestickChartCard, we as DepthChartCard, xe as IndicatorChartCard, Ne as OrderBook, Ee as PortfolioChartCard, Ae as PriceChartCard, de as bollinger, he as depthLevels, fe as drawdown, X as ema, ue as macd, pe as rebase, le as rsi, ce as sma };
+export { re as Candles, oe as CandlestickChartCard, we as DepthChartCard, xe as IndicatorChartCard, Pe as OrderBook, Ee as PortfolioChartCard, je as PriceChartCard, de as bollinger, he as depthLevels, fe as drawdown, Z as ema, ue as macd, pe as rebase, le as rsi, ce as sma };