@lilt-ui/charts 0.7.0 → 0.8.0

package/dist/finance.js

@@ -1,5 +1,5 @@
 "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-C110l-2a.js";
+import { A as e, C as t, I as n, J as r, L as i, P as a, Q as o, R as s, S as c, T as l, _ as u, a as d, b as f, f as p, ht as m, i as h, n as g, nt as _, ot as v, q 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-Bs6JLXVq.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";
@@ -28,7 +28,7 @@ function W(e, t, n) {
 	}
 }
 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));
+	let o = Math.max(1, n.columnWidth), s = o / 2, c = H(e), l = H(n.y(t.high)), u = H(n.y(t.low));
 	if (r === "ohlc") {
 		let r = H(n.y(t.open)), i = H(n.y(t.close)), a = H(Math.max(2, s));
 		return {
@@ -44,13 +44,13 @@ function G(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${H(d)}` : "") + (u > f ? `M${c},${H(f)}V${u}` : "");
+	let p = r === "hollow" && t.up && o >= 3, m = p ? .5 : 0, h = i ? _(e, d, o, f - d) : null, g = h ? e - h.frontWidth / 2 : e - s, v = 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), 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,
 		stroke: y,
-		side: g?.side ?? null,
-		top: g?.top ?? null
+		side: h?.side ?? null,
+		top: h?.top ?? null
 	};
 }
 function K(t, n, r, i, a, o, s = !1) {
@@ -86,11 +86,11 @@ function ne({ paths: e, display: t }) {
 		}, `stroke-${e}`)),
 		e.sides.map(({ color: e, d: t }) => /* @__PURE__ */ L("path", {
 			d: t,
-			style: { fill: u(e).side }
+			style: { fill: o(e).side }
 		}, `side-${e}`)),
 		e.tops.map(({ color: e, d: t }) => /* @__PURE__ */ L("path", {
 			d: t,
-			style: { fill: u(e).top }
+			style: { fill: o(e).top }
 		}, `top-${e}`)),
 		e.bodies.map(({ color: e, d: t }) => /* @__PURE__ */ L("path", {
 			d: t,
@@ -106,24 +106,24 @@ function ne({ paths: e, display: t }) {
 		}, `hollow-${e}`))
 	] });
 }
-var re = s(function({ series: e, open: t, high: n, low: r, display: a = "candle", depth: o = !1, className: s }) {
+var re = s(function({ series: e, open: t, high: n, low: i, display: a = "candle", depth: o = !1, className: s }) {
 	let c = C("Candles", e, [
 		t,
 		n,
-		r
+		i
 	], "column"), { snapshot: l, descriptor: u, scales: d } = c, f = N(() => {
-		let i = {
+		let r = {
 			open: t,
 			high: n,
-			low: r
+			low: i
 		};
-		return W(l.data.rows, e, i), K(l.data.rows, e, i, d, a, (e, t) => te(u, e, t), o);
+		return W(l.data.rows, e, r), K(l.data.rows, e, r, d, a, (e, t) => te(u, e, t), o);
 	}, [
 		l,
 		e,
 		t,
 		n,
-		r,
+		i,
 		d,
 		a,
 		u,
@@ -140,7 +140,7 @@ var re = s(function({ series: e, open: t, high: n, low: r, display: a = "candle"
 			opacity: c.opacity,
 			transition: c.reducedMotion ? void 0 : "opacity 160ms ease-out"
 		},
-		children: [o ? /* @__PURE__ */ L(i, { clip: c.depthClip }) : null, /* @__PURE__ */ L(ne, {
+		children: [o ? /* @__PURE__ */ L(r, { clip: c.depthClip }) : null, /* @__PURE__ */ L(ne, {
 			paths: f,
 			display: a
 		})]
@@ -151,36 +151,36 @@ 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 = G(t, {
+			let s = a ? "white" : "color-mix(in srgb, var(--lilt-skeleton) 64%, var(--lilt-surface))", c = G(t, {
 				low: n,
 				high: r,
 				open: n + (r - n) * .28,
 				close: r - (r - n) * .23,
 				up: !0
-			}, i, e.display ?? "candle", e.depth), c = u(o);
+			}, i, e.display ?? "candle", e.depth), l = o(s);
 			return /* @__PURE__ */ R(I, { children: [
-				s.stroke ? /* @__PURE__ */ L("path", {
-					d: s.stroke,
+				c.stroke ? /* @__PURE__ */ L("path", {
+					d: c.stroke,
 					fill: "none",
-					stroke: o,
+					stroke: s,
 					strokeWidth: 1.5
 				}) : null,
-				s.side ? /* @__PURE__ */ L("path", {
-					d: s.side,
-					fill: a ? o : c.side
+				c.side ? /* @__PURE__ */ L("path", {
+					d: c.side,
+					fill: a ? s : l.side
 				}) : null,
-				s.top ? /* @__PURE__ */ L("path", {
-					d: s.top,
-					fill: a ? o : c.top
+				c.top ? /* @__PURE__ */ L("path", {
+					d: c.top,
+					fill: a ? s : l.top
 				}) : null,
-				s.body ? /* @__PURE__ */ L("path", {
-					d: s.body,
-					fill: o
+				c.body ? /* @__PURE__ */ L("path", {
+					d: c.body,
+					fill: s
 				}) : null,
-				s.hollow ? /* @__PURE__ */ L("path", {
-					d: s.hollow,
+				c.hollow ? /* @__PURE__ */ L("path", {
+					d: c.hollow,
 					fill: a ? "black" : "var(--lilt-surface)",
-					stroke: o
+					stroke: s
 				}) : null
 			] });
 		}
@@ -227,8 +227,8 @@ var re = s(function({ series: e, open: t, high: n, low: r, display: a = "candle"
 });
 //#endregion
 //#region src/finance/cards/pane.tsx
-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;
+function q({ context: e, label: t, caption: n, readout: r, series: a, height: o, y: s, bars: c, xAxis: l = !1, children: d }) {
+	let [f, p] = F(null), h = f ?? e.data.at(-1) ?? null;
 	return /* @__PURE__ */ R("div", {
 		className: "lilt-card__pane",
 		children: [n ? /* @__PURE__ */ R("span", {
@@ -237,20 +237,20 @@ function q({ context: e, label: t, caption: n, readout: r, series: i, height: o,
 			children: [/* @__PURE__ */ L("span", {
 				className: "lilt-card__pane-name",
 				children: n
-			}), r && m && !e.loading ? r(m) : null]
-		}) : null, /* @__PURE__ */ L(y, {
+			}), r && h && !e.loading ? r(h) : null]
+		}) : null, /* @__PURE__ */ L(m, {
 			className: "lilt-card__chart",
 			"aria-label": t,
 			data: e.data,
 			x: e.x,
 			y: s,
-			series: i,
+			series: a,
 			controller: e.controller,
 			onSelectionChange: r ? (e) => p(e?.row ?? null) : void 0,
 			motion: e.motion,
 			status: e.loading ? "loading" : "ready",
 			loadingStyle: e.loadingStyle,
-			children: /* @__PURE__ */ R(a, {
+			children: /* @__PURE__ */ R(i, {
 				height: o,
 				margins: {
 					...e.margins,
@@ -263,7 +263,7 @@ function q({ context: e, label: t, caption: n, readout: r, series: i, height: o,
 				slots: e.slots || !!c,
 				bars: c,
 				background: "none",
-				children: [u, l ? /* @__PURE__ */ L(d, { labels: "fit" }) : null]
+				children: [d, l ? /* @__PURE__ */ L(u, { labels: "fit" }) : null]
 			})
 		})]
 	});
@@ -288,15 +288,15 @@ var ae = {
 	minimumFractionDigits: 2,
 	maximumFractionDigits: 2
 };
-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) => ({
+function oe({ 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: p, delta: m, valueFormat: _ = ae, locale: v = "en-US", volumeHeight: y = 64, ...b }) {
+	let x = N(() => h(v, _).full, [v, JSON.stringify(_)]), S = N(() => h(v).compact, [v]), C = N(() => p?.map((t) => ({
 		...t,
 		delta: t.delta ?? Y(t.data, e, i)
 	})), [
-		f,
+		p,
 		e,
 		i
-	]), T = (Y(d ?? f?.[0]?.data ?? [], e, i) ?? 0) >= 0, E = (t) => (J(t, i) ?? 0) >= (J(t, e) ?? 0), D = o === "area", O = {
+	]), T = (Y(d ?? p?.[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) => J(t, e)
@@ -307,17 +307,17 @@ function oe({ open: e, high: t, low: n, close: i, volume: a, display: o = "candl
 		},
 		low: {
 			label: "Low",
-			accessor: (e) => J(e, n)
+			accessor: (e) => J(e, r)
 		}
 	};
-	return /* @__PURE__ */ L(v, {
+	return /* @__PURE__ */ L(g, {
 		...b,
 		depth: s,
 		data: d,
 		ranges: C,
 		delta: m ?? (d ? Y(d, e, i) : void 0),
-		valueFormat: h,
-		locale: _,
+		valueFormat: _,
+		locale: v,
 		aggregate: "last",
 		tiles: !1,
 		live: u,
@@ -328,7 +328,7 @@ function oe({ open: e, high: t, low: n, close: i, volume: a, display: o = "candl
 		}],
 		shape: {
 			kind: "marks",
-			id: `candles:${o}:${s}:${c}:${e}:${t}:${n}:${!!a}`,
+			id: `candles:${o}:${s}:${c}:${e}:${t}:${r}:${!!a}`,
 			includeZero: !1,
 			scale: c,
 			slots: !0,
@@ -342,7 +342,7 @@ function oe({ open: e, high: t, low: n, close: i, volume: a, display: o = "candl
 				line: { showInspectionPoint: !1 }
 			},
 			describe: ie(x),
-			draw: (e) => e.map((e) => D ? [/* @__PURE__ */ L(r, { series: e }, `area-${e}`), /* @__PURE__ */ L(w, { series: e }, `line-${e}`)] : /* @__PURE__ */ L(re, {
+			draw: (e) => e.map((e) => D ? [/* @__PURE__ */ L(n, { series: e }, `area-${e}`), /* @__PURE__ */ L(w, { series: e }, `line-${e}`)] : /* @__PURE__ */ L(re, {
 				series: e,
 				open: "open",
 				high: "high",
@@ -371,7 +371,7 @@ function oe({ open: e, high: t, low: n, close: i, volume: a, display: o = "candl
 				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 }
 			}],
-			children: /* @__PURE__ */ L(p, { series: "volume" })
+			children: /* @__PURE__ */ L(f, { series: "volume" })
 		}) : void 0
 	});
 }
@@ -558,27 +558,27 @@ var ye = {
 	"var(--lilt-series-3)",
 	"var(--lilt-series-5)"
 ];
-function xe({ close: e, open: t, high: n, low: r, volume: i, display: a, overlays: o = [], panes: s = ["rsi", "macd"], label: l = "Price", scale: u = "linear", live: d = !1, data: f, ranges: m, delta: _, valueFormat: y = ye, locale: b = "en-US", paneHeight: S = 72, ...C }) {
+function xe({ close: e, open: t, high: n, low: r, volume: i, display: a, overlays: o = [], panes: s = ["rsi", "macd"], label: l = "Price", scale: u = "linear", live: d = !1, data: m, ranges: _, delta: v, valueFormat: y = ye, locale: b = "en-US", paneHeight: S = 72, ...C }) {
 	let T = !!(t && n && r), E = a ?? (T ? "candle" : "line");
 	if (E !== "line" && !T) throw Error("Lilt IndicatorChartCard candles need open, high and low fields.");
 	let D = JSON.stringify(o), O = JSON.stringify(s), k = N(() => ge(o), [D]), A = N(() => _e(s), [O]);
 	if (A.some((e) => e.kind === "volume") && !i) throw Error("Lilt IndicatorChartCard needs a `volume` field for a volume pane.");
-	let j = N(() => f ? ve(f, e, k, A) : void 0, [
-		f,
+	let j = N(() => m ? ve(m, e, k, A) : void 0, [
+		m,
 		e,
 		k,
 		A
-	]), ee = N(() => m?.map((n) => ({
+	]), ee = N(() => _?.map((n) => ({
 		...n,
 		data: ve(n.data, e, k, A),
 		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]), z = T ? {
+	]), M = N(() => h(b, y).full, [b, JSON.stringify(y)]), P = N(() => h(b, { maximumFractionDigits: 2 }).full, [b]), F = N(() => h(b).compact, [b]), z = T ? {
 		open: {
 			label: "Open",
 			accessor: (e) => Q(e, t)
@@ -591,7 +591,7 @@ function xe({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 			label: "Low",
 			accessor: (e) => Q(e, r)
 		}
-	} : 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) => {
+	} : void 0, H = new Map(k.map((e) => [e.id, e])), U = m?.length ? Q(m[0], e) : null, W = m?.length ? Q(m.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", {
@@ -623,7 +623,7 @@ function xe({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 				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" })
+			children: /* @__PURE__ */ L(f, { series: "volume" })
 		}, n.id);
 		if (n.kind === "rsi") return /* @__PURE__ */ R(q, {
 			context: r,
@@ -649,7 +649,7 @@ function xe({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 				}
 			}],
 			children: [
-				/* @__PURE__ */ L(h, {
+				/* @__PURE__ */ L(p, {
 					axis: "y",
 					from: 30,
 					to: 70,
@@ -713,17 +713,17 @@ function xe({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 				}
 			],
 			children: [
-				/* @__PURE__ */ L(p, { series: u }),
+				/* @__PURE__ */ L(f, { series: u }),
 				/* @__PURE__ */ L(w, { series: c }),
 				/* @__PURE__ */ L(w, { series: l })
 			]
 		}, n.id);
 	};
-	return /* @__PURE__ */ L(v, {
+	return /* @__PURE__ */ L(g, {
 		...C,
 		data: j,
 		ranges: ee,
-		delta: _ ?? (f && t ? Y(f, t, e) : void 0),
+		delta: v ?? (m && t ? Y(m, t, e) : void 0),
 		valueFormat: y,
 		locale: b,
 		aggregate: "last",
@@ -798,7 +798,7 @@ function xe({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 //#endregion
 //#region src/finance/cards/depth-chart-card.tsx
 function Se({ price: e, label: t }) {
-	let { snapshot: n } = _();
+	let { snapshot: n } = v();
 	if (e < n.xDomain[0] || e > n.xDomain[1]) return null;
 	let r = n.xToPixel(e);
 	return /* @__PURE__ */ R("g", {
@@ -825,8 +825,8 @@ var Ce = {
 	minimumFractionDigits: 2,
 	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]), z = N(() => g(s, {
+function we({ title: e, bids: t, asks: r, valueFormat: a = Ce, sizeFormat: o, locale: s = "en-US", height: c = 220, axis: l = "minimal", background: d = "dots", hoverStyle: f = "soft", surface: p, numberStyle: g, loading: _ = !1, loadingStyle: v = "shimmer", motion: y, className: b, style: x, depth: C = !1 }) {
+	let E = N(() => he(t, r), [t, r]), D = JSON.stringify(a), M = JSON.stringify(o ?? null), P = N(() => h(s, a), [s, D]), I = N(() => h(s, o), [s, M]), z = N(() => h(s, {
 		style: "percent",
 		maximumFractionDigits: 3
 	}).full, [s]), [H, U] = F(null), W = N(() => [{
@@ -857,17 +857,17 @@ function we({ title: e, bids: t, asks: n, valueFormat: i = Ce, sizeFormat: o, lo
 	return /* @__PURE__ */ R(ee, {
 		"aria-label": e,
 		surface: p,
-		numberStyle: m,
-		motion: v,
+		numberStyle: g,
+		motion: y,
 		className: ["lilt-card--depth", b].filter(Boolean).join(" "),
 		style: x,
 		children: [
 			/* @__PURE__ */ R(j, { children: [/* @__PURE__ */ L(A, { children: e }), /* @__PURE__ */ L(k, {
 				value: E.mid,
 				format: P.full,
-				loading: h,
-				motion: v,
-				children: h ? null : H && K !== null ? /* @__PURE__ */ R(O, { children: [
+				loading: _,
+				motion: y,
+				children: _ ? null : H && K !== null ? /* @__PURE__ */ R(O, { children: [
 					I.full(K),
 					" ",
 					H.side === "bid" ? "bid" : "ask",
@@ -879,18 +879,18 @@ 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 ? "—" : G })] }),
+					/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("dt", { children: "Spread" }), /* @__PURE__ */ L("dd", { children: _ ? "—" : G })] }),
 					/* @__PURE__ */ R("div", {
 						"data-side": "bid",
-						children: [/* @__PURE__ */ L("dt", { children: "Bid depth" }), /* @__PURE__ */ L("dd", { children: h ? "—" : I.compact(E.bidDepth) })]
+						children: [/* @__PURE__ */ L("dt", { children: "Bid depth" }), /* @__PURE__ */ L("dd", { children: _ ? "—" : I.compact(E.bidDepth) })]
 					}),
 					/* @__PURE__ */ R("div", {
 						"data-side": "ask",
-						children: [/* @__PURE__ */ L("dt", { children: "Ask depth" }), /* @__PURE__ */ L("dd", { children: h ? "—" : I.compact(E.askDepth) })]
+						children: [/* @__PURE__ */ L("dt", { children: "Ask depth" }), /* @__PURE__ */ L("dd", { children: _ ? "—" : I.compact(E.askDepth) })]
 					})
 				]
 			}),
-			/* @__PURE__ */ L(y, {
+			/* @__PURE__ */ L(m, {
 				className: "lilt-card__chart",
 				"aria-label": `${e} depth by price`,
 				data: E.levels,
@@ -906,13 +906,13 @@ function we({ title: e, bids: t, asks: n, valueFormat: i = Ce, sizeFormat: o, lo
 				},
 				series: W,
 				onSelectionChange: (e) => U(e?.row ?? null),
-				motion: v,
-				status: h ? "loading" : "ready",
-				loadingStyle: _,
-				children: /* @__PURE__ */ R(a, {
+				motion: y,
+				status: _ ? "loading" : "ready",
+				loadingStyle: v,
+				children: /* @__PURE__ */ R(i, {
 					height: c,
 					axis: l,
-					background: u,
+					background: d,
 					pill: f,
 					margins: {
 						top: 8,
@@ -922,15 +922,15 @@ function we({ title: e, bids: t, asks: n, valueFormat: i = Ce, sizeFormat: o, lo
 					},
 					children: [
 						/* @__PURE__ */ L(T, { pattern: "lines" }),
-						/* @__PURE__ */ L(r, { series: "bid" }),
-						/* @__PURE__ */ L(r, { series: "ask" }),
+						/* @__PURE__ */ L(n, { series: "bid" }),
+						/* @__PURE__ */ L(n, { series: "ask" }),
 						/* @__PURE__ */ L(w, { series: "bid" }),
 						/* @__PURE__ */ L(w, { series: "ask" }),
 						E.mid === null ? null : /* @__PURE__ */ L(Se, {
 							price: E.mid,
 							label: `Mid ${P.full(E.mid)}`
 						}),
-						/* @__PURE__ */ L(d, { labels: "fit" }),
+						/* @__PURE__ */ L(u, { labels: "fit" }),
 						/* @__PURE__ */ L(S, {})
 					]
 				})
@@ -949,7 +949,7 @@ function Te(e, t, 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 }) {
+function Ee({ 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 = N(() => s?.map((n) => ({
 		...n,
 		delta: n.delta ?? Te(n.data, e, t)
@@ -957,7 +957,7 @@ function Ee({ value: e, basis: t, label: n = "Value", drawdown: i = !0, drawdown
 		s,
 		e,
 		t
-	]), p = N(() => g(l, {
+	]), p = N(() => h(l, {
 		style: "percent",
 		minimumFractionDigits: 1,
 		maximumFractionDigits: 1
@@ -965,7 +965,7 @@ function Ee({ value: e, basis: t, label: n = "Value", drawdown: i = !0, drawdown
 		let t = fe(d.map((t) => $(t, e))).filter((e) => e !== null);
 		return z(t) ?? null;
 	}, [d, e]);
-	return /* @__PURE__ */ L(v, {
+	return /* @__PURE__ */ L(g, {
 		...u,
 		data: o,
 		ranges: f,
@@ -978,7 +978,7 @@ function Ee({ value: e, basis: t, label: n = "Value", drawdown: i = !0, drawdown
 		restCaption: t ? () => "over basis" : void 0,
 		series: [{
 			key: e,
-			label: n
+			label: r
 		}, ...t ? [{
 			key: t,
 			label: "Basis",
@@ -996,10 +996,10 @@ function Ee({ value: e, basis: t, label: n = "Value", drawdown: i = !0, drawdown
 				area: { treatment: "fade" },
 				curve: "monotone"
 			},
-			draw: (e) => e.map((e) => [/* @__PURE__ */ L(r, { series: e }, `area-${e}`), /* @__PURE__ */ L(w, { series: e }, e)])
+			draw: (e) => e.map((e) => [/* @__PURE__ */ L(n, { series: e }, `area-${e}`), /* @__PURE__ */ L(w, { series: e }, e)])
 		},
 		panes: i ? (t) => {
-			let n = fe(t.data.map((t) => $(t, e))), i = new Map(t.data.map((e, t) => [e, n[t] ?? null]));
+			let r = fe(t.data.map((t) => $(t, e))), i = new Map(t.data.map((e, t) => [e, r[t] ?? null]));
 			return /* @__PURE__ */ R(q, {
 				context: t,
 				label: `${u.title} drawdown`,
@@ -1028,7 +1028,7 @@ function Ee({ value: e, basis: t, label: n = "Value", drawdown: i = !0, drawdown
 					line: { width: 1.5 },
 					curve: "monotone"
 				}],
-				children: [/* @__PURE__ */ L(r, { series: "drawdown" }), /* @__PURE__ */ L(w, { series: "drawdown" })]
+				children: [/* @__PURE__ */ L(n, { series: "drawdown" }), /* @__PURE__ */ L(w, { series: "drawdown" })]
 			});
 		} : void 0
 	});
@@ -1057,28 +1057,28 @@ var Ae = {
 	minimumFractionDigits: 2,
 	maximumFractionDigits: 2
 };
-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, [
+function je({ price: e, symbol: t, name: r, icon: i, display: a = "area", versus: o, data: s, ranges: c, delta: l, valueFormat: u = Ae, locale: f = "en-US", title: p, ...m }) {
+	let _ = !!o?.length, v = N(() => [e, ...(o ?? []).map((e) => e.key)], [e, o]), y = N(() => s ? _ ? ke(s, v) : s : void 0, [
 		s,
-		h,
-		_
+		_,
+		v
 	]), b = N(() => c?.map((t) => {
 		let n = Oe(t.data, e);
 		return {
 			...t,
-			data: h ? ke(t.data, _) : t.data,
+			data: _ ? ke(t.data, v) : t.data,
 			delta: t.delta ?? (n && n.first ? n.last / n.first - 1 : void 0)
 		};
 	}), [
 		c,
-		h,
 		_,
+		v,
 		e
-	]), 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, {
+	]), x = Oe(s ?? c?.[0]?.data ?? [], e), S = !x || x.last >= x.first, C = N(() => h(f, u).full, [f, JSON.stringify(u)]), T = N(() => h(f, {
 		style: "percent",
 		minimumFractionDigits: 1,
 		maximumFractionDigits: 1
-	}).full, [d]), E = (e) => h ? `__rebased${e}` : e, D = /* @__PURE__ */ R("span", {
+	}).full, [f]), E = (e) => _ ? `__rebased${e}` : e, D = /* @__PURE__ */ R("span", {
 		className: "lilt-card__ticker",
 		children: [
 			i ? /* @__PURE__ */ L("span", {
@@ -1089,50 +1089,50 @@ function je({ price: e, symbol: t, name: n, icon: i, display: a = "area", versus
 				className: "lilt-card__ticker-symbol",
 				children: t ?? p
 			}),
-			n ? /* @__PURE__ */ L("span", {
+			r ? /* @__PURE__ */ L("span", {
 				className: "lilt-card__ticker-name",
-				children: n
+				children: r
 			}) : null
 		]
 	});
-	return /* @__PURE__ */ L(v, {
+	return /* @__PURE__ */ L(g, {
 		...m,
 		title: p,
 		heading: D,
 		data: y,
 		ranges: b,
-		delta: h ? void 0 : l ?? (s && x && x.first ? x.last / x.first - 1 : void 0),
-		valueFormat: h ? {
+		delta: _ ? void 0 : l ?? (s && x && x.first ? x.last / x.first - 1 : void 0),
+		valueFormat: _ ? {
 			style: "percent",
 			maximumFractionDigits: 1
 		} : u,
-		formatValue: h ? (e) => f(T)(e) : void 0,
-		locale: d,
+		formatValue: _ ? (e) => d(T)(e) : void 0,
+		locale: f,
 		aggregate: "last",
 		headlineSeries: E(e),
-		pillSeries: h ? "nearest" : E(e),
-		tiles: h,
-		restCaption: h ? void 0 : (t) => {
+		pillSeries: _ ? "nearest" : E(e),
+		tiles: _,
+		restCaption: _ ? void 0 : (t) => {
 			let n = Oe(t, e);
-			return n ? f(C)(n.last - n.first) : null;
+			return n ? d(C)(n.last - n.first) : null;
 		},
 		series: [{
 			key: E(e),
 			label: t ?? p,
-			color: h ? void 0 : S ? B : V
+			color: _ ? void 0 : S ? B : V
 		}, ...(o ?? []).map((e) => ({
 			...e,
 			key: E(e.key)
 		}))],
 		shape: {
 			kind: "marks",
-			id: `price:${a}:${_.join()}:${h}`,
-			includeZero: h,
-			series: () => a === "area" && !h ? {
+			id: `price:${a}:${v.join()}:${_}`,
+			includeZero: _,
+			series: () => a === "area" && !_ ? {
 				area: { treatment: "fade" },
 				curve: "monotone"
 			} : { curve: "monotone" },
-			draw: (e) => e.map((e) => a === "area" && !h ? [/* @__PURE__ */ L(r, { series: e }, `area-${e}`), /* @__PURE__ */ L(w, { series: e }, e)] : /* @__PURE__ */ L(w, { series: e }, e))
+			draw: (e) => e.map((e) => a === "area" && !_ ? [/* @__PURE__ */ L(n, { series: e }, `area-${e}`), /* @__PURE__ */ L(w, { series: e }, e)] : /* @__PURE__ */ L(w, { series: e }, e))
 		},
 		bleed: m.bleed ?? !0
 	});
@@ -1164,14 +1164,14 @@ function Ne(e, t) {
 		return () => window.clearTimeout(s);
 	}, [e, t]), r;
 }
-function Pe({ title: e, bids: t, asks: r, levels: i = 8, depth: a = !1, valueFormat: o = {
+function Pe({ title: e, bids: t, asks: n, levels: r = 8, depth: i = !1, valueFormat: a = {
 	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, {
+}, sizeFormat: o, locale: s = "en-US", flash: c = !0, surface: l, loading: u = !1, loadingStyle: d = "shimmer", motion: f, className: p, style: m }) {
+	let g = D(f ?? "auto"), _ = y(u, d), v = JSON.stringify(a), x = JSON.stringify(o ?? null), S = N(() => h(s, a).full, [s, v]), C = N(() => h(s, o).compact, [s, x]), w = N(() => h(s, {
 		style: "percent",
 		maximumFractionDigits: 3
-	}).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 ? {
+	}).full, [s]), T = N(() => Me(t, "bid", r), [t, r]), E = N(() => Me(n, "ask", r), [n, r]), O = Ne(N(() => [...E, ...T], [E, T]), c && !g && !u), 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", {
@@ -1182,7 +1182,7 @@ function Pe({ title: e, bids: t, asks: r, levels: i = 8, depth: a = !1, valueFor
 		children: [
 			/* @__PURE__ */ R("th", {
 				scope: "row",
-				children: [a ? /* @__PURE__ */ L("span", {
+				children: [i ? /* @__PURE__ */ L("span", {
 					className: "lilt-order-book__bar",
 					"aria-hidden": "true"
 				}) : null, S(e.price)]
@@ -1190,7 +1190,7 @@ function Pe({ title: e, bids: t, asks: r, levels: i = 8, depth: a = !1, valueFor
 			/* @__PURE__ */ L("td", { children: C(e.size) }),
 			/* @__PURE__ */ L("td", { children: C(e.total) })
 		]
-	}, `${e.side}:${e.price}`), F = (e) => Array.from({ length: Math.max(1, Math.min(50, i)) }, (t, n) => /* @__PURE__ */ R("tr", {
+	}, `${e.side}:${e.price}`), F = (e) => Array.from({ length: Math.max(1, Math.min(50, r)) }, (t, n) => /* @__PURE__ */ R("tr", {
 		className: "lilt-order-book__placeholder",
 		"aria-hidden": "true",
 		children: [
@@ -1210,17 +1210,17 @@ function Pe({ title: e, bids: t, asks: r, levels: i = 8, depth: a = !1, valueFor
 	}, `${e}-${n}`));
 	return /* @__PURE__ */ L(ee, {
 		"aria-label": e,
-		surface: u,
-		motion: p,
-		className: ["lilt-card--order-book", m].filter(Boolean).join(" "),
-		style: h,
+		surface: l,
+		motion: f,
+		className: ["lilt-card--order-book", p].filter(Boolean).join(" "),
+		style: m,
 		children: /* @__PURE__ */ R("table", {
-			ref: v,
-			className: d ? "lilt-order-book lilt-skeleton" : "lilt-order-book",
-			"data-depth": a || void 0,
-			"data-style": d ? f : void 0,
-			"data-reduced-motion": _ || void 0,
-			"aria-busy": d,
+			ref: _,
+			className: u ? "lilt-order-book lilt-skeleton" : "lilt-order-book",
+			"data-depth": i || void 0,
+			"data-style": u ? d : void 0,
+			"data-reduced-motion": g || void 0,
+			"aria-busy": u,
 			children: [
 				/* @__PURE__ */ L("caption", { children: e }),
 				/* @__PURE__ */ L("thead", { children: /* @__PURE__ */ R("tr", { children: [
@@ -1239,7 +1239,7 @@ function Pe({ title: e, bids: t, asks: r, levels: i = 8, depth: a = !1, valueFor
 				] }) }),
 				/* @__PURE__ */ L("tbody", {
 					"aria-label": "Asks",
-					children: d ? F("ask") : [...E].reverse().map(P)
+					children: u ? F("ask") : [...E].reverse().map(P)
 				}),
 				/* @__PURE__ */ L("tbody", {
 					"aria-label": "Spread",
@@ -1247,16 +1247,16 @@ function Pe({ title: e, bids: t, asks: r, levels: i = 8, depth: a = !1, valueFor
 						className: "lilt-order-book__spread",
 						children: [/* @__PURE__ */ L("th", {
 							scope: "row",
-							children: d ? "—" : M ? S(M.mid) : "—"
+							children: u ? "—" : M ? S(M.mid) : "—"
 						}), /* @__PURE__ */ L("td", {
 							colSpan: 2,
-							children: d ? "Loading order book" : M ? `Spread ${S(M.value)} · ${w(M.value / M.mid)}` : "No spread"
+							children: u ? "Loading order book" : M ? `Spread ${S(M.value)} · ${w(M.value / M.mid)}` : "No spread"
 						})]
 					})
 				}),
 				/* @__PURE__ */ L("tbody", {
 					"aria-label": "Bids",
-					children: d ? F("bid") : T.map(P)
+					children: u ? F("bid") : T.map(P)
 				})
 			]
 		})