@lilt-ui/charts 0.9.1 → 0.10.0

package/dist/finance.js

@@ -1,15 +1,15 @@
 "use client";
-import { A as e, C as t, I as n, J as r, L as i, P as a, R as o, S as s, T as c, X as l, Y as u, _ as d, _t as f, a as p, b as m, ct as h, et as g, f as _, i as v, it as y, n as b, q as x, t as S, u as C, v as w, w as T, x as E, y as D, z as O } from "./skeleton-block-CHH5SIAo.js";
-import { S as k, d as A, g as ee, h as te, p as j, u as M } from "./report-context-CkzH-r8B.js";
-import { useEffect as N, useMemo as P, useRef as F, useState as I } from "react";
-import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
-import { min as B } from "d3-array";
+import { A as e, C as t, I as n, J as r, L as i, P as a, R as o, S as s, T as c, X as l, Y as u, _ as d, _t as f, a as p, b as m, ct as h, et as g, f as _, i as v, it as y, n as b, q as x, t as S, u as C, v as w, w as T, x as E, y as D, z as O } from "./skeleton-block-C8gOUsxn.js";
+import { C as k, d as A, g as j, h as M, p as ee, u as N } from "./report-context-UrwaoLYZ.js";
+import { useEffect as P, useMemo as F, useRef as I, useState as L } from "react";
+import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { min as V } from "d3-array";
 //#region src/finance/candle-geometry.ts
-var V = "var(--lilt-candle-up)", H = "var(--lilt-candle-down)";
-function U(e) {
+var H = "var(--lilt-candle-up)", U = "var(--lilt-candle-down)";
+function W(e) {
 	return Math.round(e * 100) / 100;
 }
-function W(e, t, n) {
+function G(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,
@@ -19,22 +19,22 @@ function W(e, t, n) {
 		up: s >= i
 	};
 }
-function G(e, t, n) {
+function te(e, t, n) {
 	for (let r of e) {
-		let e = W(r, t, n);
+		let e = G(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 K(e, t, n, r, i = !1) {
-	let o = Math.max(1, n.columnWidth), s = o / 2, c = U(e), l = U(n.y(t.high)), u = U(n.y(t.low));
+	let o = Math.max(1, n.columnWidth), s = o / 2, c = W(e), l = W(n.y(t.high)), u = W(n.y(t.low));
 	if (r === "ohlc") {
-		let r = U(n.y(t.open)), i = U(n.y(t.close)), a = U(Math.max(2, s));
+		let r = W(n.y(t.open)), i = W(n.y(t.close)), a = W(Math.max(2, s));
 		return {
 			body: null,
 			hollow: null,
-			stroke: `M${c},${l}V${u}M${U(e - a)},${r}H${c}M${c},${i}H${U(e + a)}`,
+			stroke: `M${c},${l}V${u}M${W(e - a)},${r}H${c}M${c},${i}H${W(e + a)}`,
 			side: null,
 			top: null
 		};
@@ -44,7 +44,7 @@ function K(e, t, n, r, i = !1) {
 		let e = (d + f) / 2;
 		d = e - .5, f = e + .5;
 	}
-	let p = r === "hollow" && t.up && o >= 3, m = p ? .5 : 0, h = i ? y(e, d, o, f - d) : null, g = h ? e - h.frontWidth / 2 : e - s, _ = a(g + m, d + m, Math.max(1, (h ? h.frontWidth : o) - m * 2), Math.max(1, f - d - m * 2), !h && o >= 6 ? 1.5 : 0), v = (l < d ? `M${c},${l}V${U(d)}` : "") + (u > f ? `M${c},${U(f)}V${u}` : "");
+	let p = r === "hollow" && t.up && o >= 3, m = p ? .5 : 0, h = i ? y(e, d, o, f - d) : null, g = h ? e - h.frontWidth / 2 : e - s, _ = a(g + m, d + m, Math.max(1, (h ? h.frontWidth : o) - m * 2), Math.max(1, f - d - m * 2), !h && o >= 6 ? 1.5 : 0), v = (l < d ? `M${c},${l}V${W(d)}` : "") + (u > f ? `M${c},${W(f)}V${u}` : "");
 	return {
 		body: p ? null : _,
 		hollow: p ? _ : null,
@@ -56,7 +56,7 @@ function K(e, t, n, r, i = !1) {
 function ne(t, n, r, i, a, o, s = !1) {
 	let l = new c(), u = new c(), d = new c(), f = new c(), p = new c();
 	for (let { row: c, cx: m } of e(t, i)) {
-		let e = W(c, n, r);
+		let e = G(c, n, r);
 		if (!e) continue;
 		let t = o(c, e), h = K(m, e, i, a, s);
 		h.side && f.add(t, h.side), h.top && p.add(t, h.top), h.body && l.add(t, h.body), h.hollow && u.add(t, h.hollow), h.stroke && d.add(t, h.stroke);
@@ -71,32 +71,32 @@ function ne(t, n, r, i, a, o, s = !1) {
 }
 //#endregion
 //#region src/finance/candles.tsx
-function re(e, t, n) {
-	return O(e, t, n.up ? V : H);
+function q(e, t, n) {
+	return O(e, t, n.up ? H : U);
 }
-function ie({ paths: e, display: t }) {
+function re({ paths: e, display: t }) {
 	let n = t === "ohlc" ? 1.5 : 1;
-	return /* @__PURE__ */ z(L, { children: [
-		e.strokes.map(({ color: e, d: r }) => /* @__PURE__ */ R("path", {
+	return /* @__PURE__ */ B(R, { children: [
+		e.strokes.map(({ color: e, d: r }) => /* @__PURE__ */ z("path", {
 			d: r,
 			fill: "none",
 			strokeWidth: n,
 			strokeLinecap: t === "ohlc" ? "round" : "butt",
 			style: { stroke: e }
 		}, `stroke-${e}`)),
-		e.sides.map(({ color: e, d: t }) => /* @__PURE__ */ R("path", {
+		e.sides.map(({ color: e, d: t }) => /* @__PURE__ */ z("path", {
 			d: t,
 			style: { fill: g(e).side }
 		}, `side-${e}`)),
-		e.tops.map(({ color: e, d: t }) => /* @__PURE__ */ R("path", {
+		e.tops.map(({ color: e, d: t }) => /* @__PURE__ */ z("path", {
 			d: t,
 			style: { fill: g(e).top }
 		}, `top-${e}`)),
-		e.bodies.map(({ color: e, d: t }) => /* @__PURE__ */ R("path", {
+		e.bodies.map(({ color: e, d: t }) => /* @__PURE__ */ z("path", {
 			d: t,
 			style: { fill: e }
 		}, `body-${e}`)),
-		e.hollow.map(({ color: e, d: t }) => /* @__PURE__ */ R("path", {
+		e.hollow.map(({ color: e, d: t }) => /* @__PURE__ */ z("path", {
 			d: t,
 			strokeWidth: 1,
 			style: {
@@ -106,18 +106,18 @@ function ie({ paths: e, display: t }) {
 		}, `hollow-${e}`))
 	] });
 }
-var ae = o(function({ series: e, open: t, high: n, low: r, display: i = "candle", depth: a = !1, className: o }) {
+var ie = o(function({ series: e, open: t, high: n, low: r, display: i = "candle", depth: a = !1, className: o }) {
 	let s = T("Candles", e, [
 		t,
 		n,
 		r
-	], "column"), { snapshot: c, descriptor: u, scales: d } = s, f = P(() => {
+	], "column"), { snapshot: c, descriptor: u, scales: d } = s, f = F(() => {
 		let o = {
 			open: t,
 			high: n,
 			low: r
 		};
-		return G(c.data.rows, e, o), ne(c.data.rows, e, o, d, i, (e, t) => re(u, e, t), a);
+		return te(c.data.rows, e, o), ne(c.data.rows, e, o, d, i, (e, t) => q(u, e, t), a);
 	}, [
 		c,
 		e,
@@ -129,7 +129,7 @@ var ae = o(function({ series: e, open: t, high: n, low: r, display: i = "candle"
 		u,
 		a
 	]);
-	return /* @__PURE__ */ z("g", {
+	return /* @__PURE__ */ B("g", {
 		"aria-hidden": "true",
 		className: ["lilt-chart__candles", o].filter(Boolean).join(" "),
 		"data-series": e,
@@ -140,7 +140,7 @@ var ae = o(function({ series: e, open: t, high: n, low: r, display: i = "candle"
 			opacity: s.opacity,
 			transition: s.reducedMotion ? void 0 : "opacity 160ms ease-out"
 		},
-		children: [a ? /* @__PURE__ */ R(l, { clip: s.depthClip }) : null, /* @__PURE__ */ R(ie, {
+		children: [a ? /* @__PURE__ */ z(l, { clip: s.depthClip }) : null, /* @__PURE__ */ z(re, {
 			paths: f,
 			display: i
 		})]
@@ -158,26 +158,26 @@ var ae = o(function({ series: e, open: t, high: n, low: r, display: i = "candle"
 				close: r - (r - n) * .23,
 				up: !0
 			}, i, e.display ?? "candle", e.depth), c = g(o);
-			return /* @__PURE__ */ z(L, { children: [
-				s.stroke ? /* @__PURE__ */ R("path", {
+			return /* @__PURE__ */ B(R, { children: [
+				s.stroke ? /* @__PURE__ */ z("path", {
 					d: s.stroke,
 					fill: "none",
 					stroke: o,
 					strokeWidth: 1.5
 				}) : null,
-				s.side ? /* @__PURE__ */ R("path", {
+				s.side ? /* @__PURE__ */ z("path", {
 					d: s.side,
 					fill: a ? o : c.side
 				}) : null,
-				s.top ? /* @__PURE__ */ R("path", {
+				s.top ? /* @__PURE__ */ z("path", {
 					d: s.top,
 					fill: a ? o : c.top
 				}) : null,
-				s.body ? /* @__PURE__ */ R("path", {
+				s.body ? /* @__PURE__ */ z("path", {
 					d: s.body,
 					fill: o
 				}) : null,
-				s.hollow ? /* @__PURE__ */ R("path", {
+				s.hollow ? /* @__PURE__ */ z("path", {
 					d: s.hollow,
 					fill: a ? "black" : "var(--lilt-surface)",
 					stroke: o
@@ -192,12 +192,12 @@ var ae = o(function({ series: e, open: t, high: n, low: r, display: i = "candle"
 		e.low
 	],
 	highlight: (e, { row: n, snapshot: r, descriptor: i }) => {
-		let a = W(n, e.series, e);
+		let a = G(n, e.series, e);
 		if (!a) return null;
-		let o = e.display ?? "candle", s = t(r, e.series), c = K(s.x(n.x), a, s, o, e.depth), l = re(i, n, a);
-		return /* @__PURE__ */ R("g", {
+		let o = e.display ?? "candle", s = t(r, e.series), c = K(s.x(n.x), a, s, o, e.depth), l = q(i, n, a);
+		return /* @__PURE__ */ z("g", {
 			className: "lilt-chart__candle-highlight",
-			children: /* @__PURE__ */ R(ie, {
+			children: /* @__PURE__ */ z(re, {
 				display: o,
 				paths: {
 					bodies: c.body ? [{
@@ -227,18 +227,18 @@ var ae = o(function({ series: e, open: t, high: n, low: r, display: i = "candle"
 });
 //#endregion
 //#region src/finance/cards/pane.tsx
-function q({ context: e, label: t, caption: n, readout: r, series: a, height: o, y: s, bars: c, xAxis: l = !1, children: u }) {
-	let [p, m] = I(null), h = p ?? e.data.at(-1) ?? null;
-	return /* @__PURE__ */ z("div", {
+function J({ context: e, label: t, caption: n, readout: r, series: a, height: o, y: s, bars: c, xAxis: l = !1, children: u }) {
+	let [p, m] = L(null), h = p ?? e.data.at(-1) ?? null;
+	return /* @__PURE__ */ B("div", {
 		className: "lilt-card__pane",
-		children: [n ? /* @__PURE__ */ z("span", {
+		children: [n ? /* @__PURE__ */ B("span", {
 			className: "lilt-card__pane-caption",
 			"aria-hidden": "true",
-			children: [/* @__PURE__ */ R("span", {
+			children: [/* @__PURE__ */ z("span", {
 				className: "lilt-card__pane-name",
 				children: n
 			}), r && h && !e.loading ? r(h) : null]
-		}) : null, /* @__PURE__ */ R(f, {
+		}) : null, /* @__PURE__ */ z(f, {
 			className: "lilt-card__chart",
 			"aria-label": t,
 			data: e.data,
@@ -250,7 +250,7 @@ function q({ context: e, label: t, caption: n, readout: r, series: a, height: o,
 			motion: e.motion,
 			status: e.loading ? "loading" : "ready",
 			loadingStyle: e.loadingStyle,
-			children: /* @__PURE__ */ z(i, {
+			children: /* @__PURE__ */ B(i, {
 				height: o,
 				margins: {
 					...e.margins,
@@ -263,59 +263,59 @@ function q({ context: e, label: t, caption: n, readout: r, series: a, height: o,
 				slots: e.slots || !!c,
 				bars: c,
 				background: "none",
-				children: [u, l ? /* @__PURE__ */ R(d, { labels: "fit" }) : null]
+				children: [u, l ? /* @__PURE__ */ z(d, { labels: "fit" }) : null]
 			})
 		})]
 	});
 }
 //#endregion
 //#region src/finance/cards/candlestick-chart-card.tsx
-function J(e, t) {
+function Y(e, t) {
 	let n = e[t];
 	return typeof n == "number" && Number.isFinite(n) ? 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;
+function X(e, t, n) {
+	let r = e.length ? Y(e[0], t) : null, i = e.length ? Y(e.at(-1), n) : null;
 	return r && i !== null ? i / r - 1 : void 0;
 }
-function oe(e) {
+function ae(e) {
 	return (t) => {
 		let n = t.series[0]?.fields;
 		return !n?.length || n.some((e) => e.value === null) ? null : n.map((t) => `${t.label[0]} ${e(t.value)}`).join("  ");
 	};
 }
-var se = {
+var oe = {
 	minimumFractionDigits: 2,
 	maximumFractionDigits: 2
 };
-function ce({ open: e, high: t, low: r, close: i, volume: a, display: o = "candle", depth: s = !1, scale: c = "linear", label: l = "Price", live: u = !1, data: d, ranges: f, delta: p, valueFormat: h = se, locale: g = "en-US", volumeHeight: _ = 64, ...y }) {
-	let x = P(() => v(g, h).full, [g, JSON.stringify(h)]), S = P(() => v(g).compact, [g]), C = P(() => f?.map((t) => ({
+function se({ open: e, high: t, low: r, close: i, volume: a, display: o = "candle", depth: s = !1, scale: c = "linear", label: l = "Price", live: u = !1, data: d, ranges: f, delta: p, valueFormat: h = oe, locale: g = "en-US", volumeHeight: _ = 64, ...y }) {
+	let x = F(() => v(g, h).full, [g, JSON.stringify(h)]), S = F(() => v(g).compact, [g]), C = F(() => f?.map((t) => ({
 		...t,
-		delta: t.delta ?? Y(t.data, e, i)
+		delta: t.delta ?? X(t.data, e, i)
 	})), [
 		f,
 		e,
 		i
-	]), w = (Y(d ?? f?.[0]?.data ?? [], e, i) ?? 0) >= 0, T = (t) => (J(t, i) ?? 0) >= (J(t, e) ?? 0), D = o === "area", O = {
+	]), w = (X(d ?? f?.[0]?.data ?? [], e, i) ?? 0) >= 0, T = (t) => (Y(t, i) ?? 0) >= (Y(t, e) ?? 0), D = o === "area", O = {
 		open: {
 			label: "Open",
-			accessor: (t) => J(t, e)
+			accessor: (t) => Y(t, e)
 		},
 		high: {
 			label: "High",
-			accessor: (e) => J(e, t)
+			accessor: (e) => Y(e, t)
 		},
 		low: {
 			label: "Low",
-			accessor: (e) => J(e, r)
+			accessor: (e) => Y(e, r)
 		}
 	};
-	return /* @__PURE__ */ R(b, {
+	return /* @__PURE__ */ z(b, {
 		...y,
 		depth: s,
 		data: d,
 		ranges: C,
-		delta: p ?? (d ? Y(d, e, i) : void 0),
+		delta: p ?? (d ? X(d, e, i) : void 0),
 		valueFormat: h,
 		locale: g,
 		aggregate: "last",
@@ -324,7 +324,7 @@ function ce({ open: e, high: t, low: r, close: i, volume: a, display: o = "candl
 		series: [{
 			key: i,
 			label: l,
-			color: D ? w ? V : H : void 0
+			color: D ? w ? H : U : void 0
 		}],
 		shape: {
 			kind: "marks",
@@ -341,8 +341,8 @@ function ce({ open: e, high: t, low: r, close: i, volume: a, display: o = "candl
 				fields: O,
 				line: { showInspectionPoint: !1 }
 			},
-			describe: oe(x),
-			draw: (e) => e.map((e) => D ? [/* @__PURE__ */ R(n, { series: e }, `area-${e}`), /* @__PURE__ */ R(E, { series: e }, `line-${e}`)] : /* @__PURE__ */ R(ae, {
+			describe: ae(x),
+			draw: (e) => e.map((e) => D ? [/* @__PURE__ */ z(n, { series: e }, `area-${e}`), /* @__PURE__ */ z(E, { series: e }, `line-${e}`)] : /* @__PURE__ */ z(ie, {
 				series: e,
 				open: "open",
 				high: "high",
@@ -351,7 +351,7 @@ function ce({ open: e, high: t, low: r, close: i, volume: a, display: o = "candl
 				depth: s
 			}, e))
 		},
-		panes: a ? (e) => /* @__PURE__ */ R(q, {
+		panes: a ? (e) => /* @__PURE__ */ z(J, {
 			context: e,
 			label: `${y.title} volume`,
 			caption: "Volume",
@@ -366,39 +366,39 @@ function ce({ open: e, high: t, low: r, close: i, volume: a, display: o = "candl
 			series: [{
 				id: "volume",
 				label: "Volume",
-				accessor: (e) => J(e, a),
+				accessor: (e) => Y(e, a),
 				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__ */ R(m, { series: "volume" })
+			children: /* @__PURE__ */ z(m, { series: "volume" })
 		}) : void 0
 	});
 }
 //#endregion
 //#region src/finance/indicators.ts
-function X(e) {
+function Z(e) {
 	return typeof e == "number" && Number.isFinite(e);
 }
-function le(e, t) {
+function ce(e, t) {
 	if (!Number.isInteger(t) || t < 1) throw Error(`Lilt ${e} period must be a positive integer; received ${t}.`);
 }
-function ue(e, t) {
-	le("sma", t);
+function le(e, t) {
+	ce("sma", t);
 	let n = [], r = 0, i = 0;
 	for (let a = 0; a < e.length; a += 1) {
 		let o = e[a];
-		X(o) && (r += o, i += 1);
+		Z(o) && (r += o, i += 1);
 		let s = a - t >= 0 ? e[a - t] : void 0;
-		a - t >= 0 && X(s) && (r -= s, --i), n.push(a >= t - 1 && i === t ? r / t : null);
+		a - t >= 0 && Z(s) && (r -= s, --i), n.push(a >= t - 1 && i === t ? r / t : null);
 	}
 	return n;
 }
-function Z(e, t) {
-	le("ema", t);
+function Q(e, t) {
+	ce("ema", t);
 	let n = 2 / (t + 1), r = [], i = null, a = [];
 	for (let o of e) {
-		if (!X(o)) {
+		if (!Z(o)) {
 			r.push(null);
 			continue;
 		}
@@ -410,11 +410,11 @@ function Z(e, t) {
 	}
 	return r;
 }
-function de(e, t = 14) {
-	le("rsi", t);
+function ue(e, t = 14) {
+	ce("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 (!X(e)) return;
+		if (!Z(e)) return;
 		if (r === null) {
 			r = e;
 			return;
@@ -429,12 +429,12 @@ function de(e, t = 14) {
 		n[l] = c === 0 ? s === 0 ? 50 : 100 : 100 - 100 / (1 + s / c);
 	}), n;
 }
-function fe(e, t = 12, n = 26, r = 9) {
+function de(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 = Z(e, t), a = Z(e, n), o = e.map((e, t) => {
+	let i = Q(e, t), a = Q(e, n), o = e.map((e, t) => {
 		let n = i[t], r = a[t];
 		return n === null || r === null ? null : n - r;
-	}), s = Z(o, r);
+	}), s = Q(o, r);
 	return {
 		macd: o,
 		signal: s,
@@ -444,8 +444,8 @@ function fe(e, t = 12, n = 26, r = 9) {
 		})
 	};
 }
-function pe(e, t = 20, n = 2) {
-	let r = ue(e, t), i = [], a = [];
+function fe(e, t = 20, n = 2) {
+	let r = le(e, t), i = [], a = [];
 	return r.forEach((r, o) => {
 		if (r === null) {
 			i.push(null), a.push(null);
@@ -461,19 +461,19 @@ function pe(e, t = 20, n = 2) {
 		lower: a
 	};
 }
-function me(e) {
+function pe(e) {
 	let t = -Infinity;
-	return e.map((e) => X(e) ? (t = Math.max(t, e), t > 0 ? e / t - 1 : 0) : null);
+	return e.map((e) => Z(e) ? (t = Math.max(t, e), t > 0 ? e / t - 1 : 0) : null);
 }
-function he(e) {
-	let t = e.find(X);
-	return e.map((e) => X(e) && t !== void 0 && t !== 0 ? e / t - 1 : null);
+function me(e) {
+	let t = e.find(Z);
+	return e.map((e) => Z(e) && t !== void 0 && t !== 0 ? e / t - 1 : null);
 }
-function ge(e, t) {
-	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) {
+	for (let n of t) if (!Z(n.price) || !Z(n.size) || n.size < 0) throw Error(`Lilt order book ${e} need finite prices and non-negative sizes; received ${n.price} × ${n.size}.`);
 }
-function _e(e, t) {
-	ge("bids", e), ge("asks", t);
+function ge(e, t) {
+	he("bids", e), he("asks", t);
 	let n = (e) => {
 		let t = /* @__PURE__ */ new Map();
 		for (let n of e) t.set(n.price, (t.get(n.price) ?? 0) + n.size);
@@ -508,7 +508,7 @@ function _e(e, t) {
 }
 //#endregion
 //#region src/finance/cards/indicator-chart-card.tsx
-function ve(e) {
+function _e(e) {
 	return e.map((e, t) => {
 		let n = typeof e == "string" ? { kind: e } : e, r = "period" in n && n.period !== void 0 ? n.period : (n.kind, 20), i = "deviations" in n && n.deviations !== void 0 ? n.deviations : 2, a = n.kind === "bollinger" ? "BB" : n.kind.toUpperCase();
 		return {
@@ -520,7 +520,7 @@ function ve(e) {
 		};
 	});
 }
-function ye(e) {
+function ve(e) {
 	return e.map((e, t) => {
 		let n = typeof e == "string" ? { kind: e } : e;
 		return {
@@ -533,99 +533,99 @@ function ye(e) {
 		};
 	});
 }
-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 be(e, t, n, r) {
-	let i = e.map((e) => Q(e, t)), a = e.map((e) => ({ ...e })), o = (e, t) => t.forEach((t, n) => a[n][e] = t);
+function ye(e, t, n, r) {
+	let i = e.map((e) => $(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 = pe(i, e.period, e.deviations);
+		let t = fe(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" ? ue : Z)(i, e.period));
-	for (let e of r) if (e.kind === "rsi" && o(e.id, de(i, e.period)), e.kind === "macd") {
-		let t = fe(i, e.fast, e.slow, e.signal);
+	} else o(e.id, (e.kind === "sma" ? le : Q)(i, e.period));
+	for (let e of r) if (e.kind === "rsi" && o(e.id, ue(i, e.period)), e.kind === "macd") {
+		let t = de(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);
 	}
 	return a;
 }
-var xe = {
+var be = {
 	minimumFractionDigits: 2,
 	maximumFractionDigits: 2
-}, Se = [
+}, xe = [
 	"var(--lilt-series-4)",
 	"var(--lilt-series-3)",
 	"var(--lilt-series-5)"
 ];
-function Ce({ close: e, open: t, high: n, low: r, volume: i, display: a, overlays: o = [], panes: c = ["rsi", "macd"], label: l = "Price", scale: u = "linear", live: d = !1, data: f, ranges: p, delta: h, valueFormat: g = xe, locale: y = "en-US", paneHeight: x = 72, ...S }) {
+function Se({ close: e, open: t, high: n, low: r, volume: i, display: a, overlays: o = [], panes: c = ["rsi", "macd"], label: l = "Price", scale: u = "linear", live: d = !1, data: f, ranges: p, delta: h, valueFormat: g = be, locale: y = "en-US", paneHeight: x = 72, ...S }) {
 	let w = !!(t && n && r), T = a ?? (w ? "candle" : "line");
 	if (T !== "line" && !w) throw Error("Lilt IndicatorChartCard candles need open, high and low fields.");
-	let D = JSON.stringify(o), O = JSON.stringify(c), k = P(() => ve(o), [D]), A = P(() => ye(c), [O]);
+	let D = JSON.stringify(o), O = JSON.stringify(c), k = F(() => _e(o), [D]), A = F(() => ve(c), [O]);
 	if (A.some((e) => e.kind === "volume") && !i) throw Error("Lilt IndicatorChartCard needs a `volume` field for a volume pane.");
-	let ee = P(() => f ? be(f, e, k, A) : void 0, [
+	let j = F(() => f ? ye(f, e, k, A) : void 0, [
 		f,
 		e,
 		k,
 		A
-	]), te = P(() => p?.map((n) => ({
+	]), M = F(() => p?.map((n) => ({
 		...n,
-		data: be(n.data, e, k, A),
-		delta: n.delta ?? (t ? Y(n.data, t, e) : void 0)
+		data: ye(n.data, e, k, A),
+		delta: n.delta ?? (t ? X(n.data, t, e) : void 0)
 	})), [
 		p,
 		e,
 		t,
 		k,
 		A
-	]), j = P(() => v(y, g).full, [y, JSON.stringify(g)]), M = P(() => v(y, { maximumFractionDigits: 2 }).full, [y]), N = P(() => v(y).compact, [y]), F = w ? {
+	]), ee = F(() => v(y, g).full, [y, JSON.stringify(g)]), N = F(() => v(y, { maximumFractionDigits: 2 }).full, [y]), P = F(() => v(y).compact, [y]), I = w ? {
 		open: {
 			label: "Open",
-			accessor: (e) => Q(e, t)
+			accessor: (e) => $(e, t)
 		},
 		high: {
 			label: "High",
-			accessor: (e) => Q(e, n)
+			accessor: (e) => $(e, n)
 		},
 		low: {
 			label: "Low",
-			accessor: (e) => Q(e, r)
+			accessor: (e) => $(e, r)
 		}
-	} : void 0, I = new Map(k.map((e) => [e.id, e])), B = f?.length ? Q(f[0], e) : null, U = f?.length ? Q(f.at(-1), e) : null, W = B === null || U === null || U >= B, G = A.at(-1)?.id, K = (n, r) => {
-		let a = n.id === G, o = (e) => (t) => Q(t, e), s = (e, t, n) => {
-			let r = Q(e, t);
-			return /* @__PURE__ */ z("span", {
+	} : void 0, L = new Map(k.map((e) => [e.id, e])), V = f?.length ? $(f[0], e) : null, W = f?.length ? $(f.at(-1), e) : null, G = V === null || W === null || W >= V, te = A.at(-1)?.id, K = (n, r) => {
+		let a = n.id === te, o = (e) => (t) => $(t, e), s = (e, t, n) => {
+			let r = $(e, t);
+			return /* @__PURE__ */ B("span", {
 				className: "lilt-card__pane-value",
-				children: [n ? `${n} ` : "", r === null ? "—" : M(r)]
+				children: [n ? `${n} ` : "", r === null ? "—" : N(r)]
 			}, t);
 		};
-		if (n.kind === "volume") return /* @__PURE__ */ R(q, {
+		if (n.kind === "volume") return /* @__PURE__ */ z(J, {
 			context: r,
 			label: `${S.title} volume`,
 			caption: "Volume",
-			readout: (e) => /* @__PURE__ */ R("span", {
+			readout: (e) => /* @__PURE__ */ z("span", {
 				className: "lilt-card__pane-value",
-				children: Q(e, i) === null ? "—" : N(Q(e, i))
+				children: $(e, i) === null ? "—" : P($(e, i))
 			}),
 			height: x,
 			xAxis: a,
 			y: {
 				includeZero: !0,
 				ticks: 2,
-				format: N
+				format: P
 			},
 			bars: { series: ["volume"] },
 			series: [{
 				id: "volume",
 				label: "Volume",
 				accessor: o(i),
-				formatValue: N,
-				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)",
+				formatValue: P,
+				colorAt: (n) => ($(n, e) ?? 0) >= ($(n, t) ?? $(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__ */ R(m, { series: "volume" })
+			children: /* @__PURE__ */ z(m, { series: "volume" })
 		}, n.id);
-		if (n.kind === "rsi") return /* @__PURE__ */ z(q, {
+		if (n.kind === "rsi") return /* @__PURE__ */ B(J, {
 			context: r,
 			label: `${S.title} RSI ${n.period}`,
 			caption: `RSI ${n.period}`,
@@ -642,32 +642,32 @@ function Ce({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 				label: `RSI ${n.period}`,
 				accessor: o(n.id),
 				color: "var(--lilt-series-1)",
-				formatValue: M,
+				formatValue: N,
 				line: {
 					width: 1.5,
 					depth: S.depth
 				}
 			}],
 			children: [
-				/* @__PURE__ */ R(_, {
+				/* @__PURE__ */ z(_, {
 					axis: "y",
 					from: 30,
 					to: 70,
 					color: "var(--lilt-series-1)"
 				}),
-				/* @__PURE__ */ R(C, {
+				/* @__PURE__ */ z(C, {
 					value: 70,
 					color: "var(--lilt-muted)"
 				}),
-				/* @__PURE__ */ R(C, {
+				/* @__PURE__ */ z(C, {
 					value: 30,
 					color: "var(--lilt-muted)"
 				}),
-				/* @__PURE__ */ R(E, { series: n.id })
+				/* @__PURE__ */ z(E, { series: n.id })
 			]
 		}, n.id);
 		let c = `${n.id}Macd`, l = `${n.id}Signal`, u = `${n.id}Histogram`;
-		return /* @__PURE__ */ z(q, {
+		return /* @__PURE__ */ B(J, {
 			context: r,
 			label: `${S.title} MACD`,
 			caption: `MACD ${n.fast} · ${n.slow} · ${n.signal}`,
@@ -677,7 +677,7 @@ function Ce({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 			y: {
 				includeZero: !0,
 				ticks: 2,
-				format: M
+				format: N
 			},
 			bars: { series: [u] },
 			series: [
@@ -685,8 +685,8 @@ function Ce({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 					id: u,
 					label: "Histogram",
 					accessor: o(u),
-					formatValue: M,
-					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)",
+					formatValue: N,
+					colorAt: (e) => ($(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 }
 				},
 				{
@@ -694,7 +694,7 @@ function Ce({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 					label: "MACD",
 					accessor: o(c),
 					color: "var(--lilt-series-4)",
-					formatValue: M,
+					formatValue: N,
 					line: {
 						width: 1.5,
 						depth: S.depth
@@ -705,7 +705,7 @@ function Ce({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 					label: "Signal",
 					accessor: o(l),
 					color: "var(--lilt-series-3)",
-					formatValue: M,
+					formatValue: N,
 					line: {
 						width: 1.5,
 						dasharray: "3 3"
@@ -713,17 +713,17 @@ function Ce({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 				}
 			],
 			children: [
-				/* @__PURE__ */ R(m, { series: u }),
-				/* @__PURE__ */ R(E, { series: c }),
-				/* @__PURE__ */ R(E, { series: l })
+				/* @__PURE__ */ z(m, { series: u }),
+				/* @__PURE__ */ z(E, { series: c }),
+				/* @__PURE__ */ z(E, { series: l })
 			]
 		}, n.id);
 	};
-	return /* @__PURE__ */ R(b, {
+	return /* @__PURE__ */ z(b, {
 		...S,
-		data: ee,
-		ranges: te,
-		delta: h ?? (f && t ? Y(f, t, e) : void 0),
+		data: j,
+		ranges: M,
+		delta: h ?? (f && t ? X(f, t, e) : void 0),
 		valueFormat: g,
 		locale: y,
 		aggregate: "last",
@@ -734,11 +734,11 @@ function Ce({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 		series: [{
 			key: e,
 			label: l,
-			color: T === "line" ? W ? V : H : void 0
+			color: T === "line" ? G ? H : U : void 0
 		}, ...k.map((e, t) => ({
 			key: e.id,
 			label: e.label,
-			color: Se[t % Se.length]
+			color: xe[t % xe.length]
 		}))],
 		shape: {
 			kind: "marks",
@@ -748,7 +748,7 @@ function Ce({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 			slots: !0,
 			xAxis: A.length === 0,
 			series: (e) => {
-				let t = I.get(e);
+				let t = L.get(e);
 				return t ? {
 					curve: "monotone",
 					line: {
@@ -759,30 +759,30 @@ function Ce({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 					...t.kind === "bollinger" ? { fields: {
 						upper: {
 							label: "Upper",
-							accessor: (e) => Q(e, `${t.id}Upper`)
+							accessor: (e) => $(e, `${t.id}Upper`)
 						},
 						lower: {
 							label: "Lower",
-							accessor: (e) => Q(e, `${t.id}Lower`)
+							accessor: (e) => $(e, `${t.id}Lower`)
 						}
 					} } : {}
 				} : T === "line" ? {
-					fields: F,
+					fields: I,
 					curve: "linear",
 					line: {
 						width: 2,
 						depth: S.depth
 					}
-				} : { fields: F };
+				} : { fields: I };
 			},
-			describe: w ? oe(j) : void 0,
+			describe: w ? ae(ee) : void 0,
 			draw: (e) => e.map((e) => {
-				let t = I.get(e);
-				return t ? t.kind === "bollinger" ? [/* @__PURE__ */ R(s, {
+				let t = L.get(e);
+				return t ? t.kind === "bollinger" ? [/* @__PURE__ */ z(s, {
 					series: e,
 					lower: "lower",
 					upper: "upper"
-				}, `band-${e}`), /* @__PURE__ */ R(E, { series: e }, `line-${e}`)] : /* @__PURE__ */ R(E, { series: e }, e) : T === "line" ? /* @__PURE__ */ R(E, { series: e }, e) : /* @__PURE__ */ R(ae, {
+				}, `band-${e}`), /* @__PURE__ */ z(E, { series: e }, `line-${e}`)] : /* @__PURE__ */ z(E, { series: e }, e) : T === "line" ? /* @__PURE__ */ z(E, { series: e }, e) : /* @__PURE__ */ z(ie, {
 					series: e,
 					open: "open",
 					high: "high",
@@ -792,26 +792,26 @@ function Ce({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 				}, e);
 			})
 		},
-		panes: A.length ? (e) => /* @__PURE__ */ R(L, { children: A.map((t) => K(t, e)) }) : void 0
+		panes: A.length ? (e) => /* @__PURE__ */ z(R, { children: A.map((t) => K(t, e)) }) : void 0
 	});
 }
 //#endregion
 //#region src/finance/cards/depth-chart-card.tsx
-function we({ price: e, label: t }) {
+function Ce({ price: e, label: t }) {
 	let { snapshot: n } = h();
 	if (e < n.xDomain[0] || e > n.xDomain[1]) return null;
 	let r = n.xToPixel(e);
-	return /* @__PURE__ */ z("g", {
+	return /* @__PURE__ */ B("g", {
 		className: "lilt-card__depth-mid",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ R("line", {
+		children: [/* @__PURE__ */ z("line", {
 			x1: r,
 			x2: r,
 			y1: n.plot.top + 18,
 			y2: n.plot.bottom,
 			strokeDasharray: "2 4",
 			vectorEffect: "non-scaling-stroke"
-		}), /* @__PURE__ */ R("text", {
+		}), /* @__PURE__ */ z("text", {
 			x: r,
 			y: n.plot.top + 10,
 			textAnchor: "middle",
@@ -819,153 +819,149 @@ function we({ price: e, label: t }) {
 		})]
 	});
 }
-var Te = {
+var we = {
 	style: "currency",
 	currency: "USD",
 	minimumFractionDigits: 2,
 	maximumFractionDigits: 2
 };
-function Ee({ title: e, bids: t, asks: r, valueFormat: a = Te, sizeFormat: o, locale: s = "en-US", height: c = 220, axis: l = "minimal", background: u = "dots", hoverStyle: p = "soft", surface: m, numberStyle: h, loading: g = !1, loadingStyle: _ = "shimmer", motion: y, className: b, style: x, depth: S = !1 }) {
-	let C = P(() => _e(t, r), [t, r]), T = JSON.stringify(a), O = JSON.stringify(o ?? null), k = P(() => v(s, a), [s, T]), N = P(() => v(s, o), [s, O]), F = P(() => v(s, {
+function Te({ title: e, header: t = !0, "aria-label": r = e || "Depth chart", bids: a, asks: o, valueFormat: s = we, sizeFormat: c, locale: l = "en-US", height: u = 220, axis: p = "minimal", background: m = "dots", hoverStyle: h = "soft", surface: g, numberStyle: _, loading: y = !1, loadingStyle: b = "shimmer", motion: x, className: S, style: C, depth: T = !1 }) {
+	let O = F(() => ge(a, o), [a, o]), k = JSON.stringify(s), P = JSON.stringify(c ?? null), I = F(() => v(l, s), [l, k]), V = F(() => v(l, c), [l, P]), W = F(() => v(l, {
 		style: "percent",
 		maximumFractionDigits: 3
-	}).full, [s]), [L, B] = I(null), U = P(() => [{
+	}).full, [l]), [G, te] = L(null), K = F(() => [{
 		id: "bid",
 		label: "Bids",
 		accessor: (e) => e.bid,
-		color: V,
+		color: H,
 		curve: "step-before",
 		area: { treatment: "fade" },
 		line: {
 			width: 1.5,
-			depth: S
+			depth: T
 		},
-		formatValue: N.full
+		formatValue: V.full
 	}, {
 		id: "ask",
 		label: "Asks",
 		accessor: (e) => e.ask,
-		color: H,
+		color: U,
 		curve: "step-after",
 		area: { treatment: "fade" },
 		line: {
 			width: 1.5,
-			depth: S
+			depth: T
 		},
-		formatValue: N.full
-	}], [N, S]), W = C.spread !== null && C.mid ? `${k.full(C.spread)} (${F(C.spread / C.mid)})` : "—", G = L ? L.bid ?? L.ask : null;
-	return /* @__PURE__ */ z(M, {
-		"aria-label": e,
-		surface: m,
-		numberStyle: h,
-		motion: y,
-		className: ["lilt-card--depth", b].filter(Boolean).join(" "),
-		style: x,
-		children: [
-			/* @__PURE__ */ z(j, { children: [/* @__PURE__ */ R(te, { children: e }), /* @__PURE__ */ R(ee, {
-				value: C.mid,
-				format: k.full,
-				loading: g,
-				motion: y,
-				children: g ? null : L && G !== null ? /* @__PURE__ */ z(A, { children: [
-					N.full(G),
-					" ",
-					L.side === "bid" ? "bid" : "ask",
-					" depth at",
-					" ",
-					k.full(L.price)
-				] }) : /* @__PURE__ */ R(A, { children: "Mid price" })
-			})] }),
-			/* @__PURE__ */ z("dl", {
-				className: "lilt-card__stats",
+		formatValue: V.full
+	}], [V, T]), ne = O.spread !== null && O.mid ? `${I.full(O.spread)} (${W(O.spread / O.mid)})` : "—", q = G ? G.bid ?? G.ask : null;
+	return /* @__PURE__ */ B(N, {
+		"aria-label": r,
+		surface: g,
+		numberStyle: _,
+		motion: x,
+		className: ["lilt-card--depth", S].filter(Boolean).join(" "),
+		style: C,
+		children: [t ? /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ B(ee, { children: [e ? /* @__PURE__ */ z(M, { children: e }) : null, /* @__PURE__ */ z(j, {
+			value: O.mid,
+			format: I.full,
+			loading: y,
+			motion: x,
+			children: y ? null : G && q !== null ? /* @__PURE__ */ B(A, { children: [
+				V.full(q),
+				" ",
+				G.side === "bid" ? "bid" : "ask",
+				" depth at",
+				" ",
+				I.full(G.price)
+			] }) : /* @__PURE__ */ z(A, { children: "Mid price" })
+		})] }), /* @__PURE__ */ B("dl", {
+			className: "lilt-card__stats",
+			children: [
+				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("dt", { children: "Spread" }), /* @__PURE__ */ z("dd", { children: y ? "—" : ne })] }),
+				/* @__PURE__ */ B("div", {
+					"data-side": "bid",
+					children: [/* @__PURE__ */ z("dt", { children: "Bid depth" }), /* @__PURE__ */ z("dd", { children: y ? "—" : V.compact(O.bidDepth) })]
+				}),
+				/* @__PURE__ */ B("div", {
+					"data-side": "ask",
+					children: [/* @__PURE__ */ z("dt", { children: "Ask depth" }), /* @__PURE__ */ z("dd", { children: y ? "—" : V.compact(O.askDepth) })]
+				})
+			]
+		})] }) : null, /* @__PURE__ */ z(f, {
+			className: "lilt-card__chart",
+			"aria-label": `${r} depth by price`,
+			data: O.levels,
+			x: {
+				type: "number",
+				accessor: (e) => e.price,
+				format: I.full
+			},
+			y: {
+				includeZero: !0,
+				ticks: 3,
+				format: V.compact
+			},
+			series: K,
+			onSelectionChange: (e) => te(e?.row ?? null),
+			motion: x,
+			status: y ? "loading" : "ready",
+			loadingStyle: b,
+			children: /* @__PURE__ */ B(i, {
+				height: u,
+				axis: p,
+				background: m,
+				pill: h,
+				margins: {
+					top: 8,
+					right: 4,
+					bottom: 28,
+					left: 4
+				},
 				children: [
-					/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("dt", { children: "Spread" }), /* @__PURE__ */ R("dd", { children: g ? "—" : W })] }),
-					/* @__PURE__ */ z("div", {
-						"data-side": "bid",
-						children: [/* @__PURE__ */ R("dt", { children: "Bid depth" }), /* @__PURE__ */ R("dd", { children: g ? "—" : N.compact(C.bidDepth) })]
+					/* @__PURE__ */ z(D, { pattern: "lines" }),
+					/* @__PURE__ */ z(n, { series: "bid" }),
+					/* @__PURE__ */ z(n, { series: "ask" }),
+					/* @__PURE__ */ z(E, { series: "bid" }),
+					/* @__PURE__ */ z(E, { series: "ask" }),
+					O.mid === null ? null : /* @__PURE__ */ z(Ce, {
+						price: O.mid,
+						label: `Mid ${I.full(O.mid)}`
 					}),
-					/* @__PURE__ */ z("div", {
-						"data-side": "ask",
-						children: [/* @__PURE__ */ R("dt", { children: "Ask depth" }), /* @__PURE__ */ R("dd", { children: g ? "—" : N.compact(C.askDepth) })]
-					})
+					/* @__PURE__ */ z(d, { labels: "fit" }),
+					/* @__PURE__ */ z(w, {})
 				]
-			}),
-			/* @__PURE__ */ R(f, {
-				className: "lilt-card__chart",
-				"aria-label": `${e} depth by price`,
-				data: C.levels,
-				x: {
-					type: "number",
-					accessor: (e) => e.price,
-					format: k.full
-				},
-				y: {
-					includeZero: !0,
-					ticks: 3,
-					format: N.compact
-				},
-				series: U,
-				onSelectionChange: (e) => B(e?.row ?? null),
-				motion: y,
-				status: g ? "loading" : "ready",
-				loadingStyle: _,
-				children: /* @__PURE__ */ z(i, {
-					height: c,
-					axis: l,
-					background: u,
-					pill: p,
-					margins: {
-						top: 8,
-						right: 4,
-						bottom: 28,
-						left: 4
-					},
-					children: [
-						/* @__PURE__ */ R(D, { pattern: "lines" }),
-						/* @__PURE__ */ R(n, { series: "bid" }),
-						/* @__PURE__ */ R(n, { series: "ask" }),
-						/* @__PURE__ */ R(E, { series: "bid" }),
-						/* @__PURE__ */ R(E, { series: "ask" }),
-						C.mid === null ? null : /* @__PURE__ */ R(we, {
-							price: C.mid,
-							label: `Mid ${k.full(C.mid)}`
-						}),
-						/* @__PURE__ */ R(d, { labels: "fit" }),
-						/* @__PURE__ */ R(w, {})
-					]
-				})
 			})
-		]
+		})]
 	});
 }
 //#endregion
 //#region src/finance/cards/portfolio-chart-card.tsx
-function $(e, t) {
+function Ee(e, t) {
 	if (!t) return null;
 	let n = e[t];
 	return typeof n == "number" && Number.isFinite(n) ? n : null;
 }
 function De(e, t, n) {
-	let r = e.at(-1), i = $(r, t), a = $(r, n);
+	let r = e.at(-1), i = Ee(r, t), a = Ee(r, n);
 	return i !== null && a ? i / a - 1 : void 0;
 }
 function Oe({ value: e, basis: t, label: r = "Value", drawdown: i = !0, drawdownHeight: a = 64, data: o, ranges: s, delta: c, locale: l = "en-US", ...u }) {
-	let d = o ?? s?.[0]?.data ?? [], f = P(() => s?.map((n) => ({
+	let d = o ?? s?.[0]?.data ?? [], f = F(() => s?.map((n) => ({
 		...n,
 		delta: n.delta ?? De(n.data, e, t)
 	})), [
 		s,
 		e,
 		t
-	]), p = P(() => v(l, {
+	]), p = F(() => v(l, {
 		style: "percent",
 		minimumFractionDigits: 1,
 		maximumFractionDigits: 1
-	}).full, [l]), m = P(() => {
-		let t = me(d.map((t) => $(t, e))).filter((e) => e !== null);
-		return B(t) ?? null;
+	}).full, [l]), m = F(() => {
+		let t = pe(d.map((t) => Ee(t, e))).filter((e) => e !== null);
+		return V(t) ?? null;
 	}, [d, e]);
-	return /* @__PURE__ */ R(b, {
+	return /* @__PURE__ */ z(b, {
 		...u,
 		data: o,
 		ranges: f,
@@ -996,18 +992,18 @@ function Oe({ value: e, basis: t, label: r = "Value", drawdown: i = !0, drawdown
 				area: { treatment: "fade" },
 				curve: "monotone"
 			},
-			draw: (e) => e.map((e) => [/* @__PURE__ */ R(n, { series: e }, `area-${e}`), /* @__PURE__ */ R(E, { series: e }, e)])
+			draw: (e) => e.map((e) => [/* @__PURE__ */ z(n, { series: e }, `area-${e}`), /* @__PURE__ */ z(E, { series: e }, e)])
 		},
 		panes: i ? (t) => {
-			let r = me(t.data.map((t) => $(t, e))), i = new Map(t.data.map((e, t) => [e, r[t] ?? null]));
-			return /* @__PURE__ */ z(q, {
+			let r = pe(t.data.map((t) => Ee(t, e))), i = new Map(t.data.map((e, t) => [e, r[t] ?? null]));
+			return /* @__PURE__ */ B(J, {
 				context: t,
 				label: `${u.title} drawdown`,
 				caption: "Drawdown",
-				readout: (e) => /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R("span", {
+				readout: (e) => /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z("span", {
 					className: "lilt-card__pane-value",
 					children: i.get(e) == null ? "—" : p(i.get(e))
-				}), m === null ? null : /* @__PURE__ */ z("span", {
+				}), m === null ? null : /* @__PURE__ */ B("span", {
 					className: "lilt-card__pane-value",
 					children: ["Max ", p(m)]
 				})] }),
@@ -1028,7 +1024,7 @@ function Oe({ value: e, basis: t, label: r = "Value", drawdown: i = !0, drawdown
 					line: { width: 1.5 },
 					curve: "monotone"
 				}],
-				children: [/* @__PURE__ */ R(n, { series: "drawdown" }), /* @__PURE__ */ R(E, { series: "drawdown" })]
+				children: [/* @__PURE__ */ z(n, { series: "drawdown" }), /* @__PURE__ */ z(E, { series: "drawdown" })]
 			});
 		} : void 0
 	});
@@ -1048,7 +1044,7 @@ function Ae(e, t) {
 }
 function je(e, t) {
 	let n = e.map((e) => ({ ...e }));
-	for (let r of t) he(e.map((e) => ke(e, r))).forEach((e, t) => n[t][`__rebased${r}`] = e);
+	for (let r of t) me(e.map((e) => ke(e, r))).forEach((e, t) => n[t][`__rebased${r}`] = e);
 	return n;
 }
 var Me = {
@@ -1058,11 +1054,11 @@ var Me = {
 	maximumFractionDigits: 2
 };
 function Ne({ price: e, symbol: t, name: r, icon: i, display: a = "area", versus: o, data: s, ranges: c, delta: l, valueFormat: u = Me, locale: d = "en-US", title: f, ...m }) {
-	let h = !!o?.length, g = P(() => [e, ...(o ?? []).map((e) => e.key)], [e, o]), _ = P(() => s ? h ? je(s, g) : s : void 0, [
+	let h = !!o?.length, g = F(() => [e, ...(o ?? []).map((e) => e.key)], [e, o]), _ = F(() => s ? h ? je(s, g) : s : void 0, [
 		s,
 		h,
 		g
-	]), y = P(() => c?.map((t) => {
+	]), y = F(() => c?.map((t) => {
 		let n = Ae(t.data, e);
 		return {
 			...t,
@@ -1074,31 +1070,32 @@ function Ne({ price: e, symbol: t, name: r, icon: i, display: a = "area", versus
 		h,
 		g,
 		e
-	]), x = Ae(s ?? c?.[0]?.data ?? [], e), S = !x || x.last >= x.first, C = P(() => v(d, u).full, [d, JSON.stringify(u)]), w = P(() => v(d, {
+	]), x = Ae(s ?? c?.[0]?.data ?? [], e), S = !x || x.last >= x.first, C = F(() => v(d, u).full, [d, JSON.stringify(u)]), w = F(() => v(d, {
 		style: "percent",
 		minimumFractionDigits: 1,
 		maximumFractionDigits: 1
-	}).full, [d]), T = (e) => h ? `__rebased${e}` : e, D = /* @__PURE__ */ z("span", {
+	}).full, [d]), T = (e) => h ? `__rebased${e}` : e, D = /* @__PURE__ */ B("span", {
 		className: "lilt-card__ticker",
 		children: [
-			i ? /* @__PURE__ */ R("span", {
+			i ? /* @__PURE__ */ z("span", {
 				className: "lilt-card__ticker-icon",
 				children: i
 			}) : null,
-			/* @__PURE__ */ R("span", {
+			/* @__PURE__ */ z("span", {
 				className: "lilt-card__ticker-symbol",
 				children: t ?? f
 			}),
-			r ? /* @__PURE__ */ R("span", {
+			r ? /* @__PURE__ */ z("span", {
 				className: "lilt-card__ticker-name",
 				children: r
 			}) : null
 		]
 	});
-	return /* @__PURE__ */ R(b, {
+	return /* @__PURE__ */ z(b, {
 		...m,
 		title: f,
-		heading: D,
+		"aria-label": m["aria-label"] ?? f ?? t ?? r ?? "Price chart",
+		heading: f || t || r || i ? D : void 0,
 		data: _,
 		ranges: y,
 		delta: h ? void 0 : l ?? (s && x && x.first ? x.last / x.first - 1 : void 0),
@@ -1119,7 +1116,7 @@ function Ne({ price: e, symbol: t, name: r, icon: i, display: a = "area", versus
 		series: [{
 			key: T(e),
 			label: t ?? f,
-			color: h ? void 0 : S ? V : H
+			color: h ? void 0 : S ? H : U
 		}, ...(o ?? []).map((e) => ({
 			...e,
 			key: T(e.key)
@@ -1132,7 +1129,7 @@ function Ne({ price: e, symbol: t, name: r, icon: i, display: a = "area", versus
 				area: { treatment: "fade" },
 				curve: "monotone"
 			} : { curve: "monotone" },
-			draw: (e) => e.map((e) => a === "area" && !h ? [/* @__PURE__ */ R(n, { series: e }, `area-${e}`), /* @__PURE__ */ R(E, { series: e }, e)] : /* @__PURE__ */ R(E, { series: e }, e))
+			draw: (e) => e.map((e) => a === "area" && !h ? [/* @__PURE__ */ z(n, { series: e }, `area-${e}`), /* @__PURE__ */ z(E, { series: e }, e)] : /* @__PURE__ */ z(E, { series: e }, e))
 		},
 		bleed: m.bleed ?? !0
 	});
@@ -1153,8 +1150,8 @@ function Pe(e, t, n) {
 	}));
 }
 function Fe(e, t) {
-	let n = F(null), [r, i] = I(/* @__PURE__ */ new Set());
-	return N(() => {
+	let n = I(null), [r, i] = L(/* @__PURE__ */ new Set());
+	return P(() => {
 		let r = new Map(e.map((e) => [`${e.side}:${e.price}`, e.size])), a = n.current;
 		if (n.current = r, !t || !a) return;
 		let o = new Set([...r].filter(([e, t]) => a.get(e) !== t).map(([e]) => e));
@@ -1164,102 +1161,103 @@ function Fe(e, t) {
 		return () => window.clearTimeout(s);
 	}, [e, t]), r;
 }
-function Ie({ title: e, bids: t, asks: n, levels: i = 8, depth: a = !1, valueFormat: o = {
+function Ie({ title: e, header: t = !0, "aria-label": n = e || "Order book", bids: i, asks: a, levels: o = 8, depth: s = !1, valueFormat: c = {
 	minimumFractionDigits: 2,
 	maximumFractionDigits: 2
-}, sizeFormat: s, locale: c = "en-US", flash: l = !0, surface: d, loading: f = !1, loadingStyle: p = "shimmer", motion: m, className: h, style: g }) {
-	let _ = k(m ?? "auto"), y = u(f, p), b = r(f, _), C = JSON.stringify(o), w = JSON.stringify(s ?? null), T = P(() => v(c, o).full, [c, C]), E = P(() => v(c, s).compact, [c, w]), D = P(() => v(c, {
+}, sizeFormat: l, locale: d = "en-US", flash: f = !0, surface: p, loading: m = !1, loadingStyle: h = "shimmer", motion: g, className: _, style: y }) {
+	let b = k(g ?? "auto"), C = u(m, h), w = r(m, b), T = JSON.stringify(c), E = JSON.stringify(l ?? null), D = F(() => v(d, c).full, [d, T]), O = F(() => v(d, l).compact, [d, E]), A = F(() => v(d, {
 		style: "percent",
 		maximumFractionDigits: 3
-	}).full, [c]), O = P(() => Pe(t, "bid", i), [t, i]), A = P(() => Pe(n, "ask", i), [n, i]), ee = Fe(P(() => [...A, ...O], [A, O]), l && !_ && !f), te = Math.max(1, A.at(-1)?.total ?? 0, O.at(-1)?.total ?? 0), j = O[0]?.price, N = A[0]?.price, F = j !== void 0 && N !== void 0 ? {
-		value: N - j,
-		mid: (N + j) / 2
-	} : null, I = (e) => /* @__PURE__ */ z("tr", {
+	}).full, [d]), j = F(() => Pe(i, "bid", o), [i, o]), M = F(() => Pe(a, "ask", o), [a, o]), ee = Fe(F(() => [...M, ...j], [M, j]), f && !b && !m), P = Math.max(1, M.at(-1)?.total ?? 0, j.at(-1)?.total ?? 0), I = j[0]?.price, L = M[0]?.price, R = I !== void 0 && L !== void 0 ? {
+		value: L - I,
+		mid: (L + I) / 2
+	} : null, V = (e) => /* @__PURE__ */ B("tr", {
 		className: "lilt-order-book__level",
 		"data-side": e.side,
 		"data-flash": ee.has(`${e.side}:${e.price}`) || void 0,
-		style: { "--lilt-depth": `${e.total / te * 100}%` },
+		style: { "--lilt-depth": `${e.total / P * 100}%` },
 		children: [
-			/* @__PURE__ */ z("th", {
+			/* @__PURE__ */ B("th", {
 				scope: "row",
-				children: [a ? /* @__PURE__ */ R("span", {
+				children: [s ? /* @__PURE__ */ z("span", {
 					className: "lilt-order-book__bar",
 					"aria-hidden": "true"
-				}) : null, T(e.price)]
+				}) : null, D(e.price)]
 			}),
-			/* @__PURE__ */ R("td", { children: E(e.size) }),
-			/* @__PURE__ */ R("td", { children: E(e.total) })
+			/* @__PURE__ */ z("td", { children: O(e.size) }),
+			/* @__PURE__ */ z("td", { children: O(e.total) })
 		]
-	}, `${e.side}:${e.price}`), L = (e) => Array.from({ length: Math.max(1, Math.min(50, i)) }, (t, n) => /* @__PURE__ */ z("tr", {
+	}, `${e.side}:${e.price}`), H = (e) => Array.from({ length: Math.max(1, Math.min(50, o)) }, (t, n) => /* @__PURE__ */ B("tr", {
 		className: "lilt-order-book__placeholder",
 		"aria-hidden": "true",
 		children: [
-			/* @__PURE__ */ R("td", { children: /* @__PURE__ */ R(S, {
+			/* @__PURE__ */ z("td", { children: /* @__PURE__ */ z(S, {
 				width: `${86 - n * 4}%`,
 				step: n
 			}) }),
-			/* @__PURE__ */ R("td", { children: /* @__PURE__ */ R(S, {
+			/* @__PURE__ */ z("td", { children: /* @__PURE__ */ z(S, {
 				width: "60%",
 				step: n
 			}) }),
-			/* @__PURE__ */ R("td", { children: /* @__PURE__ */ R(S, {
+			/* @__PURE__ */ z("td", { children: /* @__PURE__ */ z(S, {
 				width: "72%",
 				step: n
 			}) })
 		]
 	}, `${e}-${n}`));
-	return /* @__PURE__ */ R(M, {
-		"aria-label": e,
-		surface: d,
-		motion: m,
-		className: ["lilt-card--order-book", h].filter(Boolean).join(" "),
-		style: g,
-		children: /* @__PURE__ */ R(x, {
-			leaving: b,
+	return /* @__PURE__ */ z(N, {
+		"aria-label": n,
+		surface: p,
+		motion: g,
+		className: ["lilt-card--order-book", _].filter(Boolean).join(" "),
+		style: y,
+		children: /* @__PURE__ */ z(x, {
+			leaving: w,
 			origin: "center",
-			children: /* @__PURE__ */ z("table", {
-				ref: y,
-				className: f ? "lilt-order-book lilt-skeleton" : "lilt-order-book",
-				"data-depth": a || void 0,
-				"data-style": f ? p : void 0,
-				"data-reduced-motion": _ || void 0,
-				"aria-busy": f,
+			children: /* @__PURE__ */ B("table", {
+				ref: C,
+				className: m ? "lilt-order-book lilt-skeleton" : "lilt-order-book",
+				"data-depth": s || void 0,
+				"data-style": m ? h : void 0,
+				"data-reduced-motion": b || void 0,
+				"aria-busy": m,
+				"aria-label": n,
 				children: [
-					/* @__PURE__ */ R("caption", { children: e }),
-					/* @__PURE__ */ R("thead", { children: /* @__PURE__ */ z("tr", { children: [
-						/* @__PURE__ */ R("th", {
+					t && e ? /* @__PURE__ */ z("caption", { children: e }) : null,
+					/* @__PURE__ */ z("thead", { children: /* @__PURE__ */ B("tr", { children: [
+						/* @__PURE__ */ z("th", {
 							scope: "col",
 							children: "Price"
 						}),
-						/* @__PURE__ */ R("th", {
+						/* @__PURE__ */ z("th", {
 							scope: "col",
 							children: "Size"
 						}),
-						/* @__PURE__ */ R("th", {
+						/* @__PURE__ */ z("th", {
 							scope: "col",
 							children: "Total"
 						})
 					] }) }),
-					/* @__PURE__ */ R("tbody", {
+					/* @__PURE__ */ z("tbody", {
 						"aria-label": "Asks",
-						children: f ? L("ask") : [...A].reverse().map(I)
+						children: m ? H("ask") : [...M].reverse().map(V)
 					}),
-					/* @__PURE__ */ R("tbody", {
+					/* @__PURE__ */ z("tbody", {
 						"aria-label": "Spread",
-						children: /* @__PURE__ */ z("tr", {
+						children: /* @__PURE__ */ B("tr", {
 							className: "lilt-order-book__spread",
-							children: [/* @__PURE__ */ R("th", {
+							children: [/* @__PURE__ */ z("th", {
 								scope: "row",
-								children: f ? "—" : F ? T(F.mid) : "—"
-							}), /* @__PURE__ */ R("td", {
+								children: m ? "—" : R ? D(R.mid) : "—"
+							}), /* @__PURE__ */ z("td", {
 								colSpan: 2,
-								children: f ? "Loading order book" : F ? `Spread ${T(F.value)} · ${D(F.value / F.mid)}` : "No spread"
+								children: m ? "Loading order book" : R ? `Spread ${D(R.value)} · ${A(R.value / R.mid)}` : "No spread"
 							})]
 						})
 					}),
-					/* @__PURE__ */ R("tbody", {
+					/* @__PURE__ */ z("tbody", {
 						"aria-label": "Bids",
-						children: f ? L("bid") : O.map(I)
+						children: m ? H("bid") : j.map(V)
 					})
 				]
 			})
@@ -1267,4 +1265,4 @@ function Ie({ title: e, bids: t, asks: n, levels: i = 8, depth: a = !1, valueFor
 	});
 }
 //#endregion
-export { ae as Candles, ce as CandlestickChartCard, Ee as DepthChartCard, Ce as IndicatorChartCard, Ie as OrderBook, Oe as PortfolioChartCard, Ne as PriceChartCard, pe as bollinger, _e as depthLevels, me as drawdown, Z as ema, fe as macd, he as rebase, de as rsi, ue as sma };
+export { ie as Candles, se as CandlestickChartCard, Te as DepthChartCard, Se as IndicatorChartCard, Ie as OrderBook, Oe as PortfolioChartCard, Ne as PriceChartCard, fe as bollinger, ge as depthLevels, pe as drawdown, Q as ema, de as macd, me as rebase, ue as rsi, le as sma };