@lilt-ui/charts 0.2.0 → 0.4.0

package/dist/finance.js

@@ -1,5 +1,6 @@
 "use client";
-import { A as e, B as t, C as n, D as r, E as i, I as a, J as o, N as s, O as c, R as l, S as u, T as d, V as f, Z as p, b as m, d as h, g, h as _, i as v, k as y, ot as b, p as x, r as S, t as C, u as w, v as T, w as E, z as D } from "./cartesian-card-BDZs0v6E.js";
+import { A as e, D as t, J as n, M as r, _ as i, b as a, d as o, g as s, h as c, i as l, j as u, k as d, l as f, m as p, p as m, r as h, t as g, v as _, w as v, x as y, y as b, z as x } from "./cartesian-card-Cj1o38DC.js";
+import { S, d as C, g as w, h as T, p as E, u as D } from "./report-context-Cz0AYdV2.js";
 import { useEffect as O, useMemo as k, useRef as A, useState as j } from "react";
 import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
 //#region src/finance/candle-geometry.ts
@@ -25,46 +26,46 @@ function z(e, t, n) {
 		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 B(e, t, n, r) {
-	let i = Math.max(1, n.columnWidth), o = i / 2, s = L(e), c = L(n.y(t.high)), l = L(n.y(t.low));
-	if (r === "ohlc") {
-		let r = L(n.y(t.open)), i = L(n.y(t.close)), a = L(Math.max(2, o));
+function B(e, n, r, i) {
+	let a = Math.max(1, r.columnWidth), o = a / 2, s = L(e), c = L(r.y(n.high)), l = L(r.y(n.low));
+	if (i === "ohlc") {
+		let t = L(r.y(n.open)), i = L(r.y(n.close)), a = L(Math.max(2, o));
 		return {
 			body: null,
 			hollow: null,
-			stroke: `M${s},${c}V${l}M${L(e - a)},${r}H${s}M${s},${i}H${L(e + a)}`
+			stroke: `M${s},${c}V${l}M${L(e - a)},${t}H${s}M${s},${i}H${L(e + a)}`
 		};
 	}
-	let u = n.y(Math.max(t.open, t.close)), d = n.y(Math.min(t.open, t.close));
+	let u = r.y(Math.max(n.open, n.close)), d = r.y(Math.min(n.open, n.close));
 	if (d - u < 1) {
 		let e = (u + d) / 2;
 		u = e - .5, d = e + .5;
 	}
-	let f = r === "hollow" && t.up && i >= 3, p = f ? .5 : 0, m = a(e - o + p, u + p, Math.max(1, i - p * 2), Math.max(1, d - u - p * 2), i >= 6 ? 1.5 : 0), h = (c < u ? `M${s},${c}V${L(u)}` : "") + (l > d ? `M${s},${L(d)}V${l}` : "");
+	let f = i === "hollow" && n.up && a >= 3, p = f ? .5 : 0, m = t(e - o + p, u + p, Math.max(1, a - p * 2), Math.max(1, d - u - p * 2), a >= 6 ? 1.5 : 0), h = (c < u ? `M${s},${c}V${L(u)}` : "") + (l > d ? `M${s},${L(d)}V${l}` : "");
 	return {
 		body: f ? null : m,
 		hollow: f ? m : null,
 		stroke: h
 	};
 }
-function V(t, n, r, i, a, o) {
-	let c = new e(), l = new e(), u = new e();
-	for (let { row: e, cx: d } of s(t, i)) {
-		let t = R(e, n, r);
-		if (!t) continue;
-		let s = o(e, t), f = B(d, t, i, a);
-		f.body && c.add(s, f.body), f.hollow && l.add(s, f.hollow), f.stroke && u.add(s, f.stroke);
+function V(e, t, n, r, i, a) {
+	let o = new y(), s = new y(), c = new y();
+	for (let { row: l, cx: u } of v(e, r)) {
+		let e = R(l, t, n);
+		if (!e) continue;
+		let d = a(l, e), f = B(u, e, r, i);
+		f.body && o.add(d, f.body), f.hollow && s.add(d, f.hollow), f.stroke && c.add(d, f.stroke);
 	}
 	return {
-		bodies: c.entries(),
-		hollow: l.entries(),
-		strokes: u.entries()
+		bodies: o.entries(),
+		hollow: s.entries(),
+		strokes: c.entries()
 	};
 }
 //#endregion
 //#region src/finance/candles.tsx
 function H(e, t, n) {
-	return f(e, t, n.up ? F : I);
+	return r(e, t, n.up ? F : I);
 }
 function U({ paths: e, display: t }) {
 	let n = t === "ohlc" ? 1.5 : 1;
@@ -90,41 +91,41 @@ function U({ paths: e, display: t }) {
 		}, `hollow-${e}`))
 	] });
 }
-var W = t(function({ series: e, open: t, high: n, low: r, display: i = "candle", className: a }) {
-	let o = y("Candles", e, [
+var W = u(function({ series: e, open: t, high: n, low: r, display: i = "candle", className: o }) {
+	let s = a("Candles", e, [
 		t,
 		n,
 		r
-	], "column"), { snapshot: s, descriptor: c, scales: l } = o, u = k(() => {
+	], "column"), { snapshot: c, descriptor: l, scales: u } = s, d = k(() => {
 		let a = {
 			open: t,
 			high: n,
 			low: r
 		};
-		return z(s.data.rows, e, a), V(s.data.rows, e, a, l, i, (e, t) => H(c, e, t));
+		return z(c.data.rows, e, a), V(c.data.rows, e, a, u, i, (e, t) => H(l, e, t));
 	}, [
-		s,
+		c,
 		e,
 		t,
 		n,
 		r,
-		l,
+		u,
 		i,
-		c
+		l
 	]);
 	return /* @__PURE__ */ N("g", {
 		"aria-hidden": "true",
-		className: ["lilt-chart__candles", a].filter(Boolean).join(" "),
+		className: ["lilt-chart__candles", o].filter(Boolean).join(" "),
 		"data-series": e,
 		"data-display": i,
-		clipPath: o.clipPath,
-		mask: o.mask,
+		clipPath: s.clipPath,
+		mask: s.mask,
 		style: {
-			opacity: o.opacity,
-			transition: o.reducedMotion ? void 0 : "opacity 160ms ease-out"
+			opacity: s.opacity,
+			transition: s.reducedMotion ? void 0 : "opacity 160ms ease-out"
 		},
 		children: /* @__PURE__ */ N(U, {
-			paths: u,
+			paths: d,
 			display: i
 		})
 	});
@@ -139,22 +140,22 @@ var W = t(function({ series: e, open: t, high: n, low: r, display: i = "candle",
 	highlight: (e, { row: t, snapshot: n, descriptor: r }) => {
 		let i = R(t, e.series, e);
 		if (!i) return null;
-		let a = e.display ?? "candle", o = c(n, e.series), s = B(o.x(t.x), i, o, a), l = H(r, t, i);
+		let a = e.display ?? "candle", o = b(n, e.series), s = B(o.x(t.x), i, o, a), c = H(r, t, i);
 		return /* @__PURE__ */ N("g", {
 			className: "lilt-chart__candle-highlight",
 			children: /* @__PURE__ */ N(U, {
 				display: a,
 				paths: {
 					bodies: s.body ? [{
-						color: l,
+						color: c,
 						d: s.body
 					}] : [],
 					hollow: s.hollow ? [{
-						color: l,
+						color: c,
 						d: s.hollow
 					}] : [],
 					strokes: s.stroke ? [{
-						color: l,
+						color: c,
 						d: s.stroke
 					}] : []
 				}
@@ -164,42 +165,42 @@ var W = t(function({ series: e, open: t, high: n, low: r, display: i = "candle",
 });
 //#endregion
 //#region src/finance/cards/pane.tsx
-function G({ context: e, label: t, caption: n, readout: r, series: i, height: a, y: o, bars: s, xAxis: c = !1, children: l }) {
-	let [d, f] = j(null), p = d ?? e.data.at(-1) ?? null;
+function G({ context: t, label: r, caption: i, readout: a, series: o, height: s, y: c, bars: l, xAxis: u = !1, children: d }) {
+	let [f, p] = j(null), h = f ?? t.data.at(-1) ?? null;
 	return /* @__PURE__ */ P("div", {
 		className: "lilt-card__pane",
-		children: [n ? /* @__PURE__ */ P("span", {
+		children: [i ? /* @__PURE__ */ P("span", {
 			className: "lilt-card__pane-caption",
 			"aria-hidden": "true",
 			children: [/* @__PURE__ */ N("span", {
 				className: "lilt-card__pane-name",
-				children: n
-			}), r && p && !e.loading ? r(p) : null]
-		}) : null, /* @__PURE__ */ N(b, {
+				children: i
+			}), a && h && !t.loading ? a(h) : null]
+		}) : null, /* @__PURE__ */ N(n, {
 			className: "lilt-card__chart",
-			"aria-label": t,
-			data: e.data,
-			x: e.x,
-			y: o,
-			series: i,
-			controller: e.controller,
-			onSelectionChange: r ? (e) => f(e?.row ?? null) : void 0,
-			motion: e.motion,
-			status: e.loading ? "loading" : "ready",
-			children: /* @__PURE__ */ P(D, {
-				height: a,
+			"aria-label": r,
+			data: t.data,
+			x: t.x,
+			y: c,
+			series: o,
+			controller: t.controller,
+			onSelectionChange: a ? (e) => p(e?.row ?? null) : void 0,
+			motion: t.motion,
+			status: t.loading ? "loading" : "ready",
+			children: /* @__PURE__ */ P(e, {
+				height: s,
 				margins: {
-					...e.margins,
+					...t.margins,
 					top: 6,
-					bottom: c ? 28 : 4
+					bottom: u ? 28 : 4
 				},
-				axis: e.axis,
-				pill: e.hoverStyle,
-				axisInset: e.axisInset,
-				slots: e.slots || !!s,
-				bars: s,
+				axis: t.axis,
+				pill: t.hoverStyle,
+				axisInset: t.axisInset,
+				slots: t.slots || !!l,
+				bars: l,
 				background: "none",
-				children: [l, c ? /* @__PURE__ */ N(u, { labels: "fit" }) : null]
+				children: [d, u ? /* @__PURE__ */ N(m, { labels: "fit" }) : null]
 			})
 		})]
 	});
@@ -224,8 +225,8 @@ var te = {
 	minimumFractionDigits: 2,
 	maximumFractionDigits: 2
 };
-function ne({ open: e, high: t, low: n, close: r, volume: a, display: o = "candle", scale: s = "linear", label: c = "Price", live: u = !1, data: f, ranges: p, delta: m, valueFormat: h = te, locale: g = "en-US", volumeHeight: _ = 64, ...v }) {
-	let y = k(() => S(g, h).full, [g, JSON.stringify(h)]), b = k(() => S(g).compact, [g]), x = k(() => p?.map((t) => ({
+function ne({ open: e, high: t, low: n, close: r, volume: a, display: o = "candle", scale: c = "linear", label: l = "Price", live: u = !1, data: f, ranges: p, delta: m, valueFormat: _ = te, locale: v = "en-US", volumeHeight: y = 64, ...b }) {
+	let x = k(() => h(v, _).full, [v, JSON.stringify(_)]), S = k(() => h(v).compact, [v]), C = k(() => p?.map((t) => ({
 		...t,
 		delta: t.delta ?? q(t.data, e, r)
 	})), [
@@ -246,26 +247,26 @@ function ne({ open: e, high: t, low: n, close: r, volume: a, display: o = "candl
 			accessor: (e) => K(e, n)
 		}
 	};
-	return /* @__PURE__ */ N(C, {
-		...v,
+	return /* @__PURE__ */ N(g, {
+		...b,
 		data: f,
-		ranges: x,
+		ranges: C,
 		delta: m ?? (f ? q(f, e, r) : void 0),
-		valueFormat: h,
-		locale: g,
+		valueFormat: _,
+		locale: v,
 		aggregate: "last",
 		tiles: !1,
 		live: u,
 		series: [{
 			key: r,
-			label: c,
+			label: l,
 			color: E ? w ? F : I : void 0
 		}],
 		shape: {
 			kind: "marks",
-			id: `candles:${o}:${s}:${e}:${t}:${n}:${!!a}`,
+			id: `candles:${o}:${c}:${e}:${t}:${n}:${!!a}`,
 			includeZero: !1,
-			scale: s,
+			scale: c,
 			slots: !0,
 			xAxis: !a,
 			series: () => E ? {
@@ -276,8 +277,8 @@ function ne({ open: e, high: t, low: n, close: r, volume: a, display: o = "candl
 				fields: D,
 				line: { showInspectionPoint: !1 }
 			},
-			describe: ee(y),
-			draw: (e) => e.map((e) => E ? [/* @__PURE__ */ N(l, { series: e }, `area-${e}`), /* @__PURE__ */ N(i, { series: e }, `line-${e}`)] : /* @__PURE__ */ N(W, {
+			describe: ee(x),
+			draw: (e) => e.map((e) => E ? [/* @__PURE__ */ N(d, { series: e }, `area-${e}`), /* @__PURE__ */ N(i, { series: e }, `line-${e}`)] : /* @__PURE__ */ N(W, {
 				series: e,
 				open: "open",
 				high: "high",
@@ -287,25 +288,25 @@ function ne({ open: e, high: t, low: n, close: r, volume: a, display: o = "candl
 		},
 		panes: a ? (e) => /* @__PURE__ */ N(G, {
 			context: e,
-			label: `${v.title} volume`,
+			label: `${b.title} volume`,
 			caption: "Volume",
-			height: _,
+			height: y,
 			xAxis: !0,
 			y: {
 				includeZero: !0,
 				ticks: 2,
-				format: b
+				format: S
 			},
 			bars: { series: ["volume"] },
 			series: [{
 				id: "volume",
 				label: "Volume",
 				accessor: (e) => K(e, a),
-				formatValue: b,
+				formatValue: S,
 				colorAt: (e) => T(e) ? "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__ */ N(d, { series: "volume" })
+			children: /* @__PURE__ */ N(s, { series: "volume" })
 		}) : void 0
 	});
 }
@@ -492,27 +493,27 @@ var pe = {
 	"var(--lilt-series-3)",
 	"var(--lilt-series-5)"
 ];
-function he({ close: e, open: t, high: n, low: a, volume: o, display: s, overlays: c = [], panes: l = ["rsi", "macd"], label: u = "Price", scale: f = "linear", live: p = !1, data: h, ranges: g, delta: _, valueFormat: v = pe, locale: y = "en-US", paneHeight: b = 72, ...x }) {
-	let w = !!(t && n && a), E = s ?? (w ? "candle" : "line");
-	if (E !== "line" && !w) throw Error("Lilt IndicatorChartCard candles need open, high and low fields.");
-	let D = JSON.stringify(c), O = JSON.stringify(l), A = k(() => ue(c), [D]), j = k(() => de(l), [O]);
-	if (j.some((e) => e.kind === "volume") && !o) throw Error("Lilt IndicatorChartCard needs a `volume` field for a volume pane.");
-	let L = k(() => h ? fe(h, e, A, j) : void 0, [
-		h,
+function he({ close: e, open: t, high: n, low: r, volume: a, display: c, overlays: l = [], panes: u = ["rsi", "macd"], label: d = "Price", scale: p = "linear", live: m = !1, data: v, ranges: y, delta: b, valueFormat: x = pe, locale: S = "en-US", paneHeight: C = 72, ...w }) {
+	let T = !!(t && n && r), E = c ?? (T ? "candle" : "line");
+	if (E !== "line" && !T) throw Error("Lilt IndicatorChartCard candles need open, high and low fields.");
+	let D = JSON.stringify(l), O = JSON.stringify(u), A = k(() => ue(l), [D]), j = k(() => de(u), [O]);
+	if (j.some((e) => e.kind === "volume") && !a) throw Error("Lilt IndicatorChartCard needs a `volume` field for a volume pane.");
+	let L = k(() => v ? fe(v, e, A, j) : void 0, [
+		v,
 		e,
 		A,
 		j
-	]), R = k(() => g?.map((n) => ({
+	]), R = k(() => y?.map((n) => ({
 		...n,
 		data: fe(n.data, e, A, j),
 		delta: n.delta ?? (t ? q(n.data, t, e) : void 0)
 	})), [
-		g,
+		y,
 		e,
 		t,
 		A,
 		j
-	]), z = k(() => S(y, v).full, [y, JSON.stringify(v)]), B = k(() => S(y, { maximumFractionDigits: 2 }).full, [y]), V = k(() => S(y).compact, [y]), H = w ? {
+	]), z = k(() => h(S, x).full, [S, JSON.stringify(x)]), B = k(() => h(S, { maximumFractionDigits: 2 }).full, [S]), V = k(() => h(S).compact, [S]), H = T ? {
 		open: {
 			label: "Open",
 			accessor: (e) => Q(e, t)
@@ -523,10 +524,10 @@ function he({ close: e, open: t, high: n, low: a, volume: o, display: s, overlay
 		},
 		low: {
 			label: "Low",
-			accessor: (e) => Q(e, a)
+			accessor: (e) => Q(e, r)
 		}
-	} : void 0, U = new Map(A.map((e) => [e.id, e])), K = h?.length ? Q(h[0], e) : null, te = h?.length ? Q(h.at(-1), e) : null, ne = K === null || te === null || te >= K, J = j.at(-1)?.id, Y = (n, r) => {
-		let a = n.id === J, s = (e) => (t) => Q(t, e), c = (e, t, n) => {
+	} : void 0, U = new Map(A.map((e) => [e.id, e])), K = v?.length ? Q(v[0], e) : null, te = v?.length ? Q(v.at(-1), e) : null, ne = K === null || te === null || te >= K, J = j.at(-1)?.id, Y = (n, r) => {
+		let c = n.id === J, l = (e) => (t) => Q(t, e), u = (e, t, n) => {
 			let r = Q(e, t);
 			return /* @__PURE__ */ P("span", {
 				className: "lilt-card__pane-value",
@@ -535,14 +536,14 @@ function he({ close: e, open: t, high: n, low: a, volume: o, display: s, overlay
 		};
 		if (n.kind === "volume") return /* @__PURE__ */ N(G, {
 			context: r,
-			label: `${x.title} volume`,
+			label: `${w.title} volume`,
 			caption: "Volume",
 			readout: (e) => /* @__PURE__ */ N("span", {
 				className: "lilt-card__pane-value",
-				children: Q(e, o) === null ? "—" : V(Q(e, o))
+				children: Q(e, a) === null ? "—" : V(Q(e, a))
 			}),
-			height: b,
-			xAxis: a,
+			height: C,
+			xAxis: c,
 			y: {
 				includeZero: !0,
 				ticks: 2,
@@ -552,20 +553,20 @@ function he({ close: e, open: t, high: n, low: a, volume: o, display: s, overlay
 			series: [{
 				id: "volume",
 				label: "Volume",
-				accessor: s(o),
+				accessor: l(a),
 				formatValue: V,
 				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__ */ N(d, { series: "volume" })
+			children: /* @__PURE__ */ N(s, { series: "volume" })
 		}, n.id);
 		if (n.kind === "rsi") return /* @__PURE__ */ P(G, {
 			context: r,
-			label: `${x.title} RSI ${n.period}`,
+			label: `${w.title} RSI ${n.period}`,
 			caption: `RSI ${n.period}`,
-			readout: (e) => c(e, n.id),
-			height: b,
-			xAxis: a,
+			readout: (e) => u(e, n.id),
+			height: C,
+			xAxis: c,
 			y: {
 				domain: [0, 100],
 				ticks: 2,
@@ -574,64 +575,64 @@ function he({ close: e, open: t, high: n, low: a, volume: o, display: s, overlay
 			series: [{
 				id: n.id,
 				label: `RSI ${n.period}`,
-				accessor: s(n.id),
+				accessor: l(n.id),
 				color: "var(--lilt-series-1)",
 				formatValue: B,
 				line: { width: 1.5 }
 			}],
 			children: [
-				/* @__PURE__ */ N(m, {
+				/* @__PURE__ */ N(o, {
 					axis: "y",
 					from: 30,
 					to: 70,
 					color: "var(--lilt-series-1)"
 				}),
-				/* @__PURE__ */ N(T, {
+				/* @__PURE__ */ N(f, {
 					value: 70,
 					color: "var(--lilt-muted)"
 				}),
-				/* @__PURE__ */ N(T, {
+				/* @__PURE__ */ N(f, {
 					value: 30,
 					color: "var(--lilt-muted)"
 				}),
 				/* @__PURE__ */ N(i, { series: n.id })
 			]
 		}, n.id);
-		let l = `${n.id}Macd`, u = `${n.id}Signal`, f = `${n.id}Histogram`;
+		let d = `${n.id}Macd`, p = `${n.id}Signal`, m = `${n.id}Histogram`;
 		return /* @__PURE__ */ P(G, {
 			context: r,
-			label: `${x.title} MACD`,
+			label: `${w.title} MACD`,
 			caption: `MACD ${n.fast} · ${n.slow} · ${n.signal}`,
-			readout: (e) => [c(e, l), c(e, u, "Signal")],
-			height: b,
-			xAxis: a,
+			readout: (e) => [u(e, d), u(e, p, "Signal")],
+			height: C,
+			xAxis: c,
 			y: {
 				includeZero: !0,
 				ticks: 2,
 				format: B
 			},
-			bars: { series: [f] },
+			bars: { series: [m] },
 			series: [
 				{
-					id: f,
+					id: m,
 					label: "Histogram",
-					accessor: s(f),
+					accessor: l(m),
 					formatValue: B,
-					colorAt: (e) => (Q(e, f) ?? 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, m) ?? 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 }
 				},
 				{
-					id: l,
+					id: d,
 					label: "MACD",
-					accessor: s(l),
+					accessor: l(d),
 					color: "var(--lilt-series-4)",
 					formatValue: B,
 					line: { width: 1.5 }
 				},
 				{
-					id: u,
+					id: p,
 					label: "Signal",
-					accessor: s(u),
+					accessor: l(p),
 					color: "var(--lilt-series-3)",
 					formatValue: B,
 					line: {
@@ -641,27 +642,27 @@ function he({ close: e, open: t, high: n, low: a, volume: o, display: s, overlay
 				}
 			],
 			children: [
-				/* @__PURE__ */ N(d, { series: f }),
-				/* @__PURE__ */ N(i, { series: l }),
-				/* @__PURE__ */ N(i, { series: u })
+				/* @__PURE__ */ N(s, { series: m }),
+				/* @__PURE__ */ N(i, { series: d }),
+				/* @__PURE__ */ N(i, { series: p })
 			]
 		}, n.id);
 	};
-	return /* @__PURE__ */ N(C, {
-		...x,
+	return /* @__PURE__ */ N(g, {
+		...w,
 		data: L,
 		ranges: R,
-		delta: _ ?? (h && t ? q(h, t, e) : void 0),
-		valueFormat: v,
-		locale: y,
+		delta: b ?? (v && t ? q(v, t, e) : void 0),
+		valueFormat: x,
+		locale: S,
 		aggregate: "last",
 		headlineSeries: e,
 		pillSeries: e,
 		tiles: !1,
-		live: p,
+		live: m,
 		series: [{
 			key: e,
-			label: u,
+			label: d,
 			color: E === "line" ? ne ? F : I : void 0
 		}, ...A.map((e, t) => ({
 			key: e.id,
@@ -670,9 +671,9 @@ function he({ close: e, open: t, high: n, low: a, volume: o, display: s, overlay
 		}))],
 		shape: {
 			kind: "marks",
-			id: `indicator:${E}:${f}:${t}:${n}:${a}:${D}:${O}`,
+			id: `indicator:${E}:${p}:${t}:${n}:${r}:${D}:${O}`,
 			includeZero: !1,
-			scale: f,
+			scale: p,
 			slots: !0,
 			xAxis: j.length === 0,
 			series: (e) => {
@@ -699,10 +700,10 @@ function he({ close: e, open: t, high: n, low: a, volume: o, display: s, overlay
 					line: { width: 2 }
 				} : { fields: H };
 			},
-			describe: w ? ee(z) : void 0,
+			describe: T ? ee(z) : void 0,
 			draw: (e) => e.map((e) => {
 				let t = U.get(e);
-				return t ? t.kind === "bollinger" ? [/* @__PURE__ */ N(r, {
+				return t ? t.kind === "bollinger" ? [/* @__PURE__ */ N(_, {
 					series: e,
 					lower: "lower",
 					upper: "upper"
@@ -721,7 +722,7 @@ function he({ close: e, open: t, high: n, low: a, volume: o, display: s, overlay
 //#endregion
 //#region src/finance/cards/depth-chart-card.tsx
 function ge({ price: e, label: t }) {
-	let { snapshot: n } = p();
+	let { snapshot: n } = x();
 	if (e < n.xDomain[0] || e > n.xDomain[1]) return null;
 	let r = n.xToPixel(e);
 	return /* @__PURE__ */ P("g", {
@@ -748,11 +749,11 @@ var _e = {
 	minimumFractionDigits: 2,
 	maximumFractionDigits: 2
 };
-function ve({ title: e, bids: t, asks: r, valueFormat: a = _e, sizeFormat: o, locale: s = "en-US", height: c = 220, axis: d = "minimal", background: f = "dots", hoverStyle: p = "soft", surface: m, numberStyle: v, loading: y = !1, motion: C, className: T, style: O }) {
-	let A = k(() => le(t, r), [t, r]), M = JSON.stringify(a), L = JSON.stringify(o ?? null), R = k(() => S(s, a), [s, M]), z = k(() => S(s, o), [s, L]), B = k(() => S(s, {
+function ve({ title: t, bids: r, asks: a, valueFormat: o = _e, sizeFormat: s, locale: l = "en-US", height: u = 220, axis: f = "minimal", background: g = "dots", hoverStyle: _ = "soft", surface: v, numberStyle: y, loading: b = !1, motion: x, className: S, style: O }) {
+	let A = k(() => le(r, a), [r, a]), M = JSON.stringify(o), L = JSON.stringify(s ?? null), R = k(() => h(l, o), [l, M]), z = k(() => h(l, s), [l, L]), B = k(() => h(l, {
 		style: "percent",
 		maximumFractionDigits: 3
-	}).full, [s]), [V, H] = j(null), U = k(() => [{
+	}).full, [l]), [V, H] = j(null), U = k(() => [{
 		id: "bid",
 		label: "Bids",
 		accessor: (e) => e.bid,
@@ -771,45 +772,45 @@ function ve({ title: e, bids: t, asks: r, valueFormat: a = _e, sizeFormat: o, lo
 		line: { width: 1.5 },
 		formatValue: z.full
 	}], [z]), W = A.spread !== null && A.mid ? `${R.full(A.spread)} (${B(A.spread / A.mid)})` : "—", G = V ? V.bid ?? V.ask : null;
-	return /* @__PURE__ */ P(w, {
-		"aria-label": e,
-		surface: m,
-		numberStyle: v,
-		motion: C,
-		className: ["lilt-card--depth", T].filter(Boolean).join(" "),
+	return /* @__PURE__ */ P(D, {
+		"aria-label": t,
+		surface: v,
+		numberStyle: y,
+		motion: x,
+		className: ["lilt-card--depth", S].filter(Boolean).join(" "),
 		style: O,
 		children: [
-			/* @__PURE__ */ P(x, { children: [/* @__PURE__ */ N(_, { children: e }), /* @__PURE__ */ N(g, {
+			/* @__PURE__ */ P(E, { children: [/* @__PURE__ */ N(T, { children: t }), /* @__PURE__ */ N(w, {
 				value: A.mid,
 				format: R.full,
-				loading: y,
-				motion: C,
-				children: y ? null : V && G !== null ? /* @__PURE__ */ P(h, { children: [
+				loading: b,
+				motion: x,
+				children: b ? null : V && G !== null ? /* @__PURE__ */ P(C, { children: [
 					z.full(G),
 					" ",
 					V.side === "bid" ? "bid" : "ask",
 					" depth at",
 					" ",
 					R.full(V.price)
-				] }) : /* @__PURE__ */ N(h, { children: "Mid price" })
+				] }) : /* @__PURE__ */ N(C, { children: "Mid price" })
 			})] }),
 			/* @__PURE__ */ P("dl", {
 				className: "lilt-card__stats",
 				children: [
-					/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("dt", { children: "Spread" }), /* @__PURE__ */ N("dd", { children: y ? "—" : W })] }),
+					/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("dt", { children: "Spread" }), /* @__PURE__ */ N("dd", { children: b ? "—" : W })] }),
 					/* @__PURE__ */ P("div", {
 						"data-side": "bid",
-						children: [/* @__PURE__ */ N("dt", { children: "Bid depth" }), /* @__PURE__ */ N("dd", { children: y ? "—" : z.compact(A.bidDepth) })]
+						children: [/* @__PURE__ */ N("dt", { children: "Bid depth" }), /* @__PURE__ */ N("dd", { children: b ? "—" : z.compact(A.bidDepth) })]
 					}),
 					/* @__PURE__ */ P("div", {
 						"data-side": "ask",
-						children: [/* @__PURE__ */ N("dt", { children: "Ask depth" }), /* @__PURE__ */ N("dd", { children: y ? "—" : z.compact(A.askDepth) })]
+						children: [/* @__PURE__ */ N("dt", { children: "Ask depth" }), /* @__PURE__ */ N("dd", { children: b ? "—" : z.compact(A.askDepth) })]
 					})
 				]
 			}),
-			/* @__PURE__ */ N(b, {
+			/* @__PURE__ */ N(n, {
 				className: "lilt-card__chart",
-				"aria-label": `${e} depth by price`,
+				"aria-label": `${t} depth by price`,
 				data: A.levels,
 				x: {
 					type: "number",
@@ -823,13 +824,13 @@ function ve({ title: e, bids: t, asks: r, valueFormat: a = _e, sizeFormat: o, lo
 				},
 				series: U,
 				onSelectionChange: (e) => H(e?.row ?? null),
-				motion: C,
-				status: y ? "loading" : "ready",
-				children: /* @__PURE__ */ P(D, {
-					height: c,
-					axis: d,
-					background: f,
-					pill: p,
+				motion: x,
+				status: b ? "loading" : "ready",
+				children: /* @__PURE__ */ P(e, {
+					height: u,
+					axis: f,
+					background: g,
+					pill: _,
 					margins: {
 						top: 8,
 						right: 4,
@@ -837,17 +838,17 @@ function ve({ title: e, bids: t, asks: r, valueFormat: a = _e, sizeFormat: o, lo
 						left: 4
 					},
 					children: [
-						/* @__PURE__ */ N(E, { pattern: "lines" }),
-						/* @__PURE__ */ N(l, { series: "bid" }),
-						/* @__PURE__ */ N(l, { series: "ask" }),
+						/* @__PURE__ */ N(c, { pattern: "lines" }),
+						/* @__PURE__ */ N(d, { series: "bid" }),
+						/* @__PURE__ */ N(d, { series: "ask" }),
 						/* @__PURE__ */ N(i, { series: "bid" }),
 						/* @__PURE__ */ N(i, { series: "ask" }),
 						A.mid === null ? null : /* @__PURE__ */ N(ge, {
 							price: A.mid,
 							label: `Mid ${R.full(A.mid)}`
 						}),
-						/* @__PURE__ */ N(u, { labels: "fit" }),
-						/* @__PURE__ */ N(n, {})
+						/* @__PURE__ */ N(m, { labels: "fit" }),
+						/* @__PURE__ */ N(p, {})
 					]
 				})
 			})
@@ -865,7 +866,7 @@ function ye(e, t, n) {
 	let r = e.at(-1), i = $(r, t), a = $(r, n);
 	return i !== null && a ? i / a - 1 : void 0;
 }
-function be({ value: e, basis: t, label: n = "Value", drawdown: r = !0, drawdownHeight: a = 64, data: o, ranges: s, delta: c, locale: u = "en-US", ...d }) {
+function be({ value: e, basis: t, label: n = "Value", drawdown: r = !0, drawdownHeight: a = 64, data: o, ranges: s, delta: c, locale: l = "en-US", ...u }) {
 	let f = o ?? s?.[0]?.data ?? [], p = k(() => s?.map((n) => ({
 		...n,
 		delta: n.delta ?? ye(n.data, e, t)
@@ -873,20 +874,20 @@ function be({ value: e, basis: t, label: n = "Value", drawdown: r = !0, drawdown
 		s,
 		e,
 		t
-	]), m = k(() => S(u, {
+	]), m = k(() => h(l, {
 		style: "percent",
 		minimumFractionDigits: 1,
 		maximumFractionDigits: 1
-	}).full, [u]), h = k(() => {
+	}).full, [l]), _ = k(() => {
 		let t = oe(f.map((t) => $(t, e))).filter((e) => e !== null);
 		return t.length ? Math.min(...t) : null;
 	}, [f, e]);
-	return /* @__PURE__ */ N(C, {
-		...d,
+	return /* @__PURE__ */ N(g, {
+		...u,
 		data: o,
 		ranges: p,
 		delta: c ?? (o ? ye(o, e, t) : void 0),
-		locale: u,
+		locale: l,
 		aggregate: "last",
 		headlineSeries: e,
 		pillSeries: e,
@@ -912,20 +913,20 @@ function be({ value: e, basis: t, label: n = "Value", drawdown: r = !0, drawdown
 				area: { treatment: "fade" },
 				curve: "monotone"
 			},
-			draw: (e) => e.map((e) => [/* @__PURE__ */ N(l, { series: e }, `area-${e}`), /* @__PURE__ */ N(i, { series: e }, e)])
+			draw: (e) => e.map((e) => [/* @__PURE__ */ N(d, { series: e }, `area-${e}`), /* @__PURE__ */ N(i, { series: e }, e)])
 		},
 		panes: r ? (t) => {
 			let n = oe(t.data.map((t) => $(t, e))), r = new Map(t.data.map((e, t) => [e, n[t] ?? null]));
 			return /* @__PURE__ */ P(G, {
 				context: t,
-				label: `${d.title} drawdown`,
+				label: `${u.title} drawdown`,
 				caption: "Drawdown",
 				readout: (e) => /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N("span", {
 					className: "lilt-card__pane-value",
 					children: r.get(e) == null ? "—" : m(r.get(e))
-				}), h === null ? null : /* @__PURE__ */ P("span", {
+				}), _ === null ? null : /* @__PURE__ */ P("span", {
 					className: "lilt-card__pane-value",
-					children: ["Max ", m(h)]
+					children: ["Max ", m(_)]
 				})] }),
 				height: a,
 				xAxis: !0,
@@ -944,7 +945,7 @@ function be({ value: e, basis: t, label: n = "Value", drawdown: r = !0, drawdown
 					line: { width: 1.5 },
 					curve: "monotone"
 				}],
-				children: [/* @__PURE__ */ N(l, { series: "drawdown" }), /* @__PURE__ */ N(i, { series: "drawdown" })]
+				children: [/* @__PURE__ */ N(d, { series: "drawdown" }), /* @__PURE__ */ N(i, { series: "drawdown" })]
 			});
 		} : void 0
 	});
@@ -973,28 +974,28 @@ var we = {
 	minimumFractionDigits: 2,
 	maximumFractionDigits: 2
 };
-function Te({ price: e, symbol: t, name: n, icon: r, display: a = "area", versus: o, data: s, ranges: c, delta: u, valueFormat: d = we, locale: f = "en-US", title: p, ...m }) {
-	let h = !!o?.length, g = k(() => [e, ...(o ?? []).map((e) => e.key)], [e, o]), _ = k(() => s ? h ? Ce(s, g) : s : void 0, [
+function Te({ price: e, symbol: t, name: n, icon: r, display: a = "area", versus: o, data: s, ranges: c, delta: u, valueFormat: f = we, locale: p = "en-US", title: m, ..._ }) {
+	let v = !!o?.length, y = k(() => [e, ...(o ?? []).map((e) => e.key)], [e, o]), b = k(() => s ? v ? Ce(s, y) : s : void 0, [
 		s,
-		h,
-		g
-	]), y = k(() => c?.map((t) => {
+		v,
+		y
+	]), x = k(() => c?.map((t) => {
 		let n = Se(t.data, e);
 		return {
 			...t,
-			data: h ? Ce(t.data, g) : t.data,
+			data: v ? Ce(t.data, y) : t.data,
 			delta: t.delta ?? (n && n.first ? n.last / n.first - 1 : void 0)
 		};
 	}), [
 		c,
-		h,
-		g,
+		v,
+		y,
 		e
-	]), b = Se(s ?? c?.[0]?.data ?? [], e), x = !b || b.last >= b.first, w = k(() => S(f, d).full, [f, JSON.stringify(d)]), T = k(() => S(f, {
+	]), S = Se(s ?? c?.[0]?.data ?? [], e), C = !S || S.last >= S.first, w = k(() => h(p, f).full, [p, JSON.stringify(f)]), T = k(() => h(p, {
 		style: "percent",
 		minimumFractionDigits: 1,
 		maximumFractionDigits: 1
-	}).full, [f]), E = (e) => h ? `__rebased${e}` : e, D = /* @__PURE__ */ P("span", {
+	}).full, [p]), E = (e) => v ? `__rebased${e}` : e, D = /* @__PURE__ */ P("span", {
 		className: "lilt-card__ticker",
 		children: [
 			r ? /* @__PURE__ */ N("span", {
@@ -1003,7 +1004,7 @@ function Te({ price: e, symbol: t, name: n, icon: r, display: a = "area", versus
 			}) : null,
 			/* @__PURE__ */ N("span", {
 				className: "lilt-card__ticker-symbol",
-				children: t ?? p
+				children: t ?? m
 			}),
 			n ? /* @__PURE__ */ N("span", {
 				className: "lilt-card__ticker-name",
@@ -1011,46 +1012,46 @@ function Te({ price: e, symbol: t, name: n, icon: r, display: a = "area", versus
 			}) : null
 		]
 	});
-	return /* @__PURE__ */ N(C, {
-		...m,
-		title: p,
+	return /* @__PURE__ */ N(g, {
+		..._,
+		title: m,
 		heading: D,
-		data: _,
-		ranges: y,
-		delta: h ? void 0 : u ?? (s && b && b.first ? b.last / b.first - 1 : void 0),
-		valueFormat: h ? {
+		data: b,
+		ranges: x,
+		delta: v ? void 0 : u ?? (s && S && S.first ? S.last / S.first - 1 : void 0),
+		valueFormat: v ? {
 			style: "percent",
 			maximumFractionDigits: 1
-		} : d,
-		formatValue: h ? (e) => v(T)(e) : void 0,
-		locale: f,
+		} : f,
+		formatValue: v ? (e) => l(T)(e) : void 0,
+		locale: p,
 		aggregate: "last",
 		headlineSeries: E(e),
-		pillSeries: h ? "nearest" : E(e),
-		tiles: h,
-		restCaption: h ? void 0 : (t) => {
+		pillSeries: v ? "nearest" : E(e),
+		tiles: v,
+		restCaption: v ? void 0 : (t) => {
 			let n = Se(t, e);
-			return n ? v(w)(n.last - n.first) : null;
+			return n ? l(w)(n.last - n.first) : null;
 		},
 		series: [{
 			key: E(e),
-			label: t ?? p,
-			color: h ? void 0 : x ? F : I
+			label: t ?? m,
+			color: v ? void 0 : C ? F : I
 		}, ...(o ?? []).map((e) => ({
 			...e,
 			key: E(e.key)
 		}))],
 		shape: {
 			kind: "marks",
-			id: `price:${a}:${g.join()}:${h}`,
-			includeZero: h,
-			series: () => a === "area" && !h ? {
+			id: `price:${a}:${y.join()}:${v}`,
+			includeZero: v,
+			series: () => a === "area" && !v ? {
 				area: { treatment: "fade" },
 				curve: "monotone"
 			} : { curve: "monotone" },
-			draw: (e) => e.map((e) => a === "area" && !h ? [/* @__PURE__ */ N(l, { series: e }, `area-${e}`), /* @__PURE__ */ N(i, { series: e }, e)] : /* @__PURE__ */ N(i, { series: e }, e))
+			draw: (e) => e.map((e) => a === "area" && !v ? [/* @__PURE__ */ N(d, { series: e }, `area-${e}`), /* @__PURE__ */ N(i, { series: e }, e)] : /* @__PURE__ */ N(i, { series: e }, e))
 		},
-		bleed: m.bleed ?? !0
+		bleed: _.bleed ?? !0
 	});
 }
 //#endregion
@@ -1083,13 +1084,13 @@ function De(e, t) {
 function Oe({ title: e, bids: t, asks: n, depth: r = 8, valueFormat: i = {
 	minimumFractionDigits: 2,
 	maximumFractionDigits: 2
-}, sizeFormat: a, locale: s = "en-US", flash: c = !0, surface: l, motion: u, className: d, style: f }) {
-	let p = o(u ?? "auto"), m = JSON.stringify(i), h = JSON.stringify(a ?? null), g = k(() => S(s, i).full, [s, m]), _ = k(() => S(s, a).compact, [s, h]), v = k(() => S(s, {
+}, sizeFormat: a, locale: o = "en-US", flash: s = !0, surface: c, motion: l, className: u, style: d }) {
+	let f = S(l ?? "auto"), p = JSON.stringify(i), m = JSON.stringify(a ?? null), g = k(() => h(o, i).full, [o, p]), _ = k(() => h(o, a).compact, [o, m]), v = k(() => h(o, {
 		style: "percent",
 		maximumFractionDigits: 3
-	}).full, [s]), y = k(() => Ee(t, "bid", r), [t, r]), b = k(() => Ee(n, "ask", r), [n, r]), x = De(k(() => [...b, ...y], [b, y]), c && !p), C = Math.max(1, b.at(-1)?.total ?? 0, y.at(-1)?.total ?? 0), T = y[0]?.price, E = b[0]?.price, D = T !== void 0 && E !== void 0 ? {
-		value: E - T,
-		mid: (E + T) / 2
+	}).full, [o]), y = k(() => Ee(t, "bid", r), [t, r]), b = k(() => Ee(n, "ask", r), [n, r]), x = De(k(() => [...b, ...y], [b, y]), s && !f), C = Math.max(1, b.at(-1)?.total ?? 0, y.at(-1)?.total ?? 0), w = y[0]?.price, T = b[0]?.price, E = w !== void 0 && T !== void 0 ? {
+		value: T - w,
+		mid: (T + w) / 2
 	} : null, O = (e) => /* @__PURE__ */ P("tr", {
 		className: "lilt-order-book__level",
 		"data-side": e.side,
@@ -1104,12 +1105,12 @@ function Oe({ title: e, bids: t, asks: n, depth: r = 8, valueFormat: i = {
 			/* @__PURE__ */ N("td", { children: _(e.total) })
 		]
 	}, `${e.side}:${e.price}`);
-	return /* @__PURE__ */ N(w, {
+	return /* @__PURE__ */ N(D, {
 		"aria-label": e,
-		surface: l,
-		motion: u,
-		className: ["lilt-card--order-book", d].filter(Boolean).join(" "),
-		style: f,
+		surface: c,
+		motion: l,
+		className: ["lilt-card--order-book", u].filter(Boolean).join(" "),
+		style: d,
 		children: /* @__PURE__ */ P("table", {
 			className: "lilt-order-book",
 			children: [
@@ -1138,10 +1139,10 @@ function Oe({ title: e, bids: t, asks: n, depth: r = 8, valueFormat: i = {
 						className: "lilt-order-book__spread",
 						children: [/* @__PURE__ */ N("th", {
 							scope: "row",
-							children: D ? g(D.mid) : "—"
+							children: E ? g(E.mid) : "—"
 						}), /* @__PURE__ */ N("td", {
 							colSpan: 2,
-							children: D ? `Spread ${g(D.value)} · ${v(D.value / D.mid)}` : "No spread"
+							children: E ? `Spread ${g(E.value)} · ${v(E.value / E.mid)}` : "No spread"
 						})]
 					})
 				}),