@lilt-ui/charts 0.12.2 → 0.13.1

package/dist/finance.js

@@ -1,6 +1,5 @@
 "use client";
-import { $ as e, A as t, C as n, I as r, J as i, L as a, P as o, Q as s, R as c, S as l, T as u, X as d, Z as f, _ as p, a as m, b as h, bt as g, dt as _, f as v, i as y, n as b, rt as x, st as S, t as C, u as w, v as T, w as E, x as D, y as O, z as k } from "./skeleton-block-DIgcA9t6.js";
-import { C as A, d as j, g as ee, h as M, p as N, u as P } from "./report-context-CIUa6iiD.js";
+import { A as e, B as t, D as n, F as r, J as i, K as a, M as o, N as s, Nt as c, O as l, P as u, S as d, W as f, Y as p, _ as m, a as h, b as g, bt as _, d as v, dt as y, f as b, ft as x, g as S, gt as C, i as w, it as T, j as E, k as D, lt as O, m as k, n as A, q as j, st as ee, t as M, ut as N, wt as P } from "./skeleton-block-BPoUJvcR.js";
 import { useEffect as F, useMemo as I, useRef as L, useState as R } from "react";
 import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
 import { min as H } from "d3-array";
@@ -28,42 +27,42 @@ function te(e, t, n) {
 	}
 }
 function ne(e, t, n, r, i = !1) {
-	let a = Math.max(1, n.columnWidth), s = a / 2, c = G(e), l = G(n.y(t.high)), u = G(n.y(t.low));
+	let a = Math.max(1, n.columnWidth), o = a / 2, s = G(e), c = G(n.y(t.high)), l = G(n.y(t.low));
 	if (r === "ohlc") {
-		let r = G(n.y(t.open)), i = G(n.y(t.close)), a = G(Math.max(2, s));
+		let r = G(n.y(t.open)), i = G(n.y(t.close)), a = G(Math.max(2, o));
 		return {
 			body: null,
 			hollow: null,
-			stroke: `M${c},${l}V${u}M${G(e - a)},${r}H${c}M${c},${i}H${G(e + a)}`,
+			stroke: `M${s},${c}V${l}M${G(e - a)},${r}H${s}M${s},${i}H${G(e + a)}`,
 			side: null,
 			top: null
 		};
 	}
-	let d = n.y(Math.max(t.open, t.close)), f = n.y(Math.min(t.open, t.close));
-	if (f - d < 1) {
-		let e = (d + f) / 2;
-		d = e - .5, f = e + .5;
+	let u = n.y(Math.max(t.open, t.close)), d = n.y(Math.min(t.open, t.close));
+	if (d - u < 1) {
+		let e = (u + d) / 2;
+		u = e - .5, d = e + .5;
 	}
-	let p = r === "hollow" && t.up && a >= 3, m = p ? .5 : 0, h = i ? S(e, d, a, f - d) : null, g = h ? e - h.frontWidth / 2 : e - s, _ = o(g + m, d + m, Math.max(1, (h ? h.frontWidth : a) - m * 2), Math.max(1, f - d - m * 2), !h && a >= 6 ? 1.5 : 0), v = (l < d ? `M${c},${l}V${G(d)}` : "") + (u > f ? `M${c},${G(f)}V${u}` : "");
+	let p = r === "hollow" && t.up && a >= 3, m = p ? .5 : 0, h = i ? _(e, u, a, d - u) : null, g = h ? e - h.frontWidth / 2 : e - o, v = f(g + m, u + m, Math.max(1, (h ? h.frontWidth : a) - m * 2), Math.max(1, d - u - m * 2), !h && a >= 6 ? 1.5 : 0), y = (c < u ? `M${s},${c}V${G(u)}` : "") + (l > d ? `M${s},${G(d)}V${l}` : "");
 	return {
-		body: p ? null : _,
-		hollow: p ? _ : null,
-		stroke: v,
+		body: p ? null : v,
+		hollow: p ? v : null,
+		stroke: y,
 		side: h?.side ?? null,
 		top: h?.top ?? null
 	};
 }
-function re(e, n, r, i, a, o, s = !1) {
-	let c = new u(), l = new u(), d = new u(), f = new u(), p = new u();
-	for (let { row: u, cx: m } of t(e, i)) {
-		let e = K(u, n, r);
+function re(e, n, i, a, o, s, c = !1) {
+	let l = new r(), u = new r(), d = new r(), f = new r(), p = new r();
+	for (let { row: r, cx: m } of t(e, a)) {
+		let e = K(r, n, i);
 		if (!e) continue;
-		let t = o(u, e), h = ne(m, e, i, a, s);
-		h.side && f.add(t, h.side), h.top && p.add(t, h.top), h.body && c.add(t, h.body), h.hollow && l.add(t, h.hollow), h.stroke && d.add(t, h.stroke);
+		let t = s(r, e), h = ne(m, e, a, o, c);
+		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);
 	}
 	return {
-		bodies: c.entries(),
-		hollow: l.entries(),
+		bodies: l.entries(),
+		hollow: u.entries(),
 		strokes: d.entries(),
 		sides: f.entries(),
 		tops: p.entries()
@@ -72,7 +71,7 @@ function re(e, n, r, i, a, o, s = !1) {
 //#endregion
 //#region src/finance/candles.tsx
 function q(e, t, n) {
-	return k(e, t, n.up ? U : W);
+	return p(e, t, n.up ? U : W);
 }
 function ie({ paths: e, display: t }) {
 	let n = t === "ohlc" ? 1.5 : 1;
@@ -86,11 +85,11 @@ function ie({ paths: e, display: t }) {
 		}, `stroke-${e}`)),
 		e.sides.map(({ color: e, d: t }) => /* @__PURE__ */ B("path", {
 			d: t,
-			style: { fill: x(e).side }
+			style: { fill: C(e).side }
 		}, `side-${e}`)),
 		e.tops.map(({ color: e, d: t }) => /* @__PURE__ */ B("path", {
 			d: t,
-			style: { fill: x(e).top }
+			style: { fill: C(e).top }
 		}, `top-${e}`)),
 		e.bodies.map(({ color: e, d: t }) => /* @__PURE__ */ B("path", {
 			d: t,
@@ -106,43 +105,43 @@ function ie({ paths: e, display: t }) {
 		}, `hollow-${e}`))
 	] });
 }
-var ae = c(function({ series: t, open: n, high: r, low: i, display: a = "candle", depth: o = !1, className: s }) {
-	let c = E("Candles", t, [
+var ae = i(function({ series: e, open: t, high: n, low: r, display: i = "candle", depth: a = !1, className: o }) {
+	let s = u("Candles", e, [
+		t,
 		n,
-		r,
-		i
-	], "column"), { snapshot: l, descriptor: u, scales: d } = c, f = I(() => {
-		let e = {
-			open: n,
-			high: r,
-			low: i
+		r
+	], "column"), { snapshot: c, descriptor: l, scales: d } = s, f = I(() => {
+		let o = {
+			open: t,
+			high: n,
+			low: r
 		};
-		return te(l.data.rows, t, e), re(l.data.rows, t, e, d, a, (e, t) => q(u, e, t), o);
+		return te(c.data.rows, e, o), re(c.data.rows, e, o, d, i, (e, t) => q(l, e, t), a);
 	}, [
-		l,
+		c,
+		e,
 		t,
 		n,
 		r,
-		i,
 		d,
-		a,
-		u,
-		o
+		i,
+		l,
+		a
 	]);
 	return /* @__PURE__ */ V("g", {
 		"aria-hidden": "true",
-		className: ["lilt-chart__candles", s].filter(Boolean).join(" "),
-		"data-series": t,
-		"data-display": a,
-		clipPath: o ? `url(#${c.depthClip.id})` : c.clipPath,
-		mask: c.mask,
+		className: ["lilt-chart__candles", o].filter(Boolean).join(" "),
+		"data-series": e,
+		"data-display": i,
+		clipPath: a ? `url(#${s.depthClip.id})` : s.clipPath,
+		mask: s.mask,
 		style: {
-			opacity: c.opacity,
-			transition: c.reducedMotion ? void 0 : "opacity 160ms ease-out"
+			opacity: s.opacity,
+			transition: s.reducedMotion ? void 0 : "opacity 160ms ease-out"
 		},
-		children: [o ? /* @__PURE__ */ B(e, { clip: c.depthClip }) : null, /* @__PURE__ */ B(ie, {
+		children: [a ? /* @__PURE__ */ B(x, { clip: s.depthClip }) : null, /* @__PURE__ */ B(ie, {
 			paths: f,
-			display: a
+			display: i
 		})]
 	});
 }, {
@@ -157,7 +156,7 @@ var ae = c(function({ series: t, open: n, high: r, low: i, display: a = "candle"
 				open: n + (r - n) * .28,
 				close: r - (r - n) * .23,
 				up: !0
-			}, i, e.display ?? "candle", e.depth), c = x(o);
+			}, i, e.display ?? "candle", e.depth), c = C(o);
 			return /* @__PURE__ */ V(z, { children: [
 				s.stroke ? /* @__PURE__ */ B("path", {
 					d: s.stroke,
@@ -195,14 +194,14 @@ var ae = c(function({ series: t, open: n, high: r, low: i, display: a = "candle"
 		let r = K(t, e.series, e);
 		return r ? q(n, t, r) : void 0;
 	},
-	highlight: (e, { row: t, snapshot: r, descriptor: i }) => {
-		let a = K(t, e.series, e);
-		if (!a) return null;
-		let o = e.display ?? "candle", s = n(r, e.series), c = ne(s.x(t.x), a, s, o, e.depth), l = q(i, t, a);
+	highlight: (e, { row: t, snapshot: n, descriptor: r }) => {
+		let i = K(t, e.series, e);
+		if (!i) return null;
+		let a = e.display ?? "candle", o = s(n, e.series), c = ne(o.x(t.x), i, o, a, e.depth), l = q(r, t, i);
 		return /* @__PURE__ */ B("g", {
 			className: "lilt-chart__candle-highlight",
 			children: /* @__PURE__ */ B(ie, {
-				display: o,
+				display: a,
 				paths: {
 					bodies: c.body ? [{
 						color: l,
@@ -231,43 +230,43 @@ var ae = c(function({ series: t, open: n, high: r, low: i, display: a = "candle"
 });
 //#endregion
 //#region src/finance/cards/pane.tsx
-function J({ context: e, label: t, caption: n, readout: r, series: i, height: o, y: s, bars: c, xAxis: l = !1, children: u }) {
-	let [d, f] = R(null), m = d ?? e.data.at(-1) ?? null;
+function J({ context: e, label: t, caption: r, readout: i, series: a, height: o, y: s, bars: l, xAxis: u = !1, children: d }) {
+	let [f, p] = R(null), m = f ?? e.data.at(-1) ?? null;
 	return /* @__PURE__ */ V("div", {
 		className: "lilt-card__pane",
-		children: [n ? /* @__PURE__ */ V("span", {
+		children: [r ? /* @__PURE__ */ V("span", {
 			className: "lilt-card__pane-caption",
 			"aria-hidden": "true",
 			children: [/* @__PURE__ */ B("span", {
 				className: "lilt-card__pane-name",
-				children: n
-			}), r && m && !e.loading ? r(m) : null]
-		}) : null, /* @__PURE__ */ B(g, {
+				children: r
+			}), i && m && !e.loading ? i(m) : null]
+		}) : null, /* @__PURE__ */ B(c, {
 			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) => f(e?.row ?? null) : void 0,
+			onSelectionChange: i ? (e) => p(e?.row ?? null) : void 0,
 			motion: e.motion,
 			status: e.loading ? "loading" : "ready",
 			loadingStyle: e.loadingStyle,
-			children: /* @__PURE__ */ V(a, {
+			children: /* @__PURE__ */ V(j, {
 				height: o,
 				margins: {
 					...e.margins,
 					top: 6,
-					bottom: l ? 28 : 4
+					bottom: u ? 28 : 4
 				},
 				axis: e.axis,
 				pill: e.hoverStyle,
 				axisInset: e.axisInset,
-				slots: e.slots || !!c,
-				bars: c,
+				slots: e.slots || !!l,
+				bars: l,
 				background: "none",
-				children: [u, l ? /* @__PURE__ */ B(p, { labels: "fit" }) : null]
+				children: [d, u ? /* @__PURE__ */ B(n, { labels: "fit" }) : null]
 			})
 		})]
 	});
@@ -292,71 +291,71 @@ var se = {
 	minimumFractionDigits: 2,
 	maximumFractionDigits: 2
 };
-function ce({ 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: p, valueFormat: m = se, locale: g = "en-US", volumeHeight: _ = 64, ...v }) {
-	let x = I(() => y(g, m).full, [g, JSON.stringify(m)]), S = I(() => y(g).compact, [g]), C = I(() => f?.map((t) => ({
-		...t,
-		delta: t.delta ?? X(t.data, e, i)
+function ce({ open: t, high: n, low: r, close: i, volume: o, display: s = "candle", depth: c = !1, scale: l = "linear", label: u = "Price", live: d = !1, data: f, ranges: p, delta: m, valueFormat: h = se, locale: g = "en-US", volumeHeight: _ = 64, ...v }) {
+	let y = I(() => w(g, h).full, [g, JSON.stringify(h)]), b = I(() => w(g).compact, [g]), x = I(() => p?.map((e) => ({
+		...e,
+		delta: e.delta ?? X(e.data, t, i)
 	})), [
-		f,
-		e,
+		p,
+		t,
 		i
-	]), w = (X(d ?? f?.[0]?.data ?? [], e, i) ?? 0) >= 0, T = (t) => (Y(t, i) ?? 0) >= (Y(t, e) ?? 0), E = o === "area", O = {
+	]), S = (X(f ?? p?.[0]?.data ?? [], t, i) ?? 0) >= 0, C = (e) => (Y(e, i) ?? 0) >= (Y(e, t) ?? 0), T = s === "area", D = {
 		open: {
 			label: "Open",
-			accessor: (t) => Y(t, e)
+			accessor: (e) => Y(e, t)
 		},
 		high: {
 			label: "High",
-			accessor: (e) => Y(e, t)
+			accessor: (e) => Y(e, n)
 		},
 		low: {
 			label: "Low",
-			accessor: (e) => Y(e, n)
+			accessor: (e) => Y(e, r)
 		}
 	};
-	return /* @__PURE__ */ B(b, {
+	return /* @__PURE__ */ B(A, {
 		...v,
-		depth: s,
-		data: d,
-		ranges: C,
-		delta: p ?? (d ? X(d, e, i) : void 0),
-		valueFormat: m,
+		depth: c,
+		data: f,
+		ranges: x,
+		delta: m ?? (f ? X(f, t, i) : void 0),
+		valueFormat: h,
 		locale: g,
 		aggregate: "last",
 		tiles: !1,
-		live: u,
+		live: d,
 		series: [{
 			key: i,
-			label: l,
-			color: E ? w ? U : W : void 0
+			label: u,
+			color: T ? S ? U : W : void 0
 		}],
 		shape: {
 			kind: "marks",
-			id: `candles:${o}:${s}:${c}:${e}:${t}:${n}:${!!a}`,
+			id: `candles:${s}:${c}:${l}:${t}:${n}:${r}:${!!o}`,
 			includeZero: !1,
-			scale: c,
+			scale: l,
 			slots: !0,
-			xAxis: !a,
-			series: () => E ? {
-				fields: O,
+			xAxis: !o,
+			series: () => T ? {
+				fields: D,
 				area: { treatment: "fade" },
 				curve: "linear"
 			} : {
-				fields: O,
+				fields: D,
 				line: { showInspectionPoint: !1 }
 			},
-			describe: oe(x),
-			draw: (e) => e.map((e) => E ? [/* @__PURE__ */ B(r, { series: e }, `area-${e}`), /* @__PURE__ */ B(D, { series: e }, `line-${e}`)] : /* @__PURE__ */ B(ae, {
+			describe: oe(y),
+			draw: (e) => e.map((e) => T ? [/* @__PURE__ */ B(a, { series: e }, `area-${e}`), /* @__PURE__ */ B(E, { series: e }, `line-${e}`)] : /* @__PURE__ */ B(ae, {
 				series: e,
 				open: "open",
 				high: "high",
 				low: "low",
-				display: o,
-				depth: s
+				display: s,
+				depth: c
 			}, e))
 		},
-		panes: a ? (e) => /* @__PURE__ */ B(J, {
-			context: e,
+		panes: o ? (t) => /* @__PURE__ */ B(J, {
+			context: t,
 			label: `${v.title} volume`,
 			caption: "Volume",
 			height: _,
@@ -364,18 +363,18 @@ function ce({ open: e, high: t, low: n, close: i, volume: a, display: o = "candl
 			y: {
 				includeZero: !0,
 				ticks: 2,
-				format: S
+				format: b
 			},
 			bars: { series: ["volume"] },
 			series: [{
 				id: "volume",
 				label: "Volume",
-				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)",
+				accessor: (e) => Y(e, o),
+				formatValue: b,
+				colorAt: (e) => C(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__ */ B(h, { series: "volume" })
+			children: /* @__PURE__ */ B(e, { series: "volume" })
 		}) : void 0
 	});
 }
@@ -562,57 +561,57 @@ var xe = {
 	"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: s = ["rsi", "macd"], label: c = "Price", scale: u = "linear", live: d = !1, data: f, ranges: p, delta: m, valueFormat: g = xe, locale: _ = "en-US", paneHeight: x = 72, ...S }) {
-	let C = !!(t && n && r), T = a ?? (C ? "candle" : "line");
-	if (T !== "line" && !C) throw Error("Lilt IndicatorChartCard candles need open, high and low fields.");
-	let E = JSON.stringify(o), O = JSON.stringify(s), k = I(() => ve(o), [E]), A = I(() => ye(s), [O]);
-	if (A.some((e) => e.kind === "volume") && !i) throw Error("Lilt IndicatorChartCard needs a `volume` field for a volume pane.");
-	let j = I(() => f ? be(f, e, k, A) : void 0, [
-		f,
-		e,
-		k,
-		A
-	]), ee = I(() => p?.map((n) => ({
-		...n,
-		data: be(n.data, e, k, A),
-		delta: n.delta ?? (t ? X(n.data, t, e) : void 0)
+function Ce({ close: t, open: n, high: r, low: i, volume: a, display: s, overlays: c = [], panes: l = ["rsi", "macd"], label: u = "Price", scale: f = "linear", live: p = !1, data: m, ranges: h, delta: _, valueFormat: v = xe, locale: y = "en-US", paneHeight: b = 72, ...x }) {
+	let S = !!(n && r && i), C = s ?? (S ? "candle" : "line");
+	if (C !== "line" && !S) throw Error("Lilt IndicatorChartCard candles need open, high and low fields.");
+	let T = JSON.stringify(c), D = JSON.stringify(l), O = I(() => ve(c), [T]), k = I(() => ye(l), [D]);
+	if (k.some((e) => e.kind === "volume") && !a) throw Error("Lilt IndicatorChartCard needs a `volume` field for a volume pane.");
+	let j = I(() => m ? be(m, t, O, k) : void 0, [
+		m,
+		t,
+		O,
+		k
+	]), ee = I(() => h?.map((e) => ({
+		...e,
+		data: be(e.data, t, O, k),
+		delta: e.delta ?? (n ? X(e.data, n, t) : void 0)
 	})), [
-		p,
-		e,
+		h,
 		t,
-		k,
-		A
-	]), M = I(() => y(_, g).full, [_, JSON.stringify(g)]), N = I(() => y(_, { maximumFractionDigits: 2 }).full, [_]), P = I(() => y(_).compact, [_]), F = C ? {
+		n,
+		O,
+		k
+	]), M = I(() => w(y, v).full, [y, JSON.stringify(v)]), N = I(() => w(y, { maximumFractionDigits: 2 }).full, [y]), P = I(() => w(y).compact, [y]), F = S ? {
 		open: {
 			label: "Open",
-			accessor: (e) => $(e, t)
+			accessor: (e) => $(e, n)
 		},
 		high: {
 			label: "High",
-			accessor: (e) => $(e, n)
+			accessor: (e) => $(e, r)
 		},
 		low: {
 			label: "Low",
-			accessor: (e) => $(e, r)
+			accessor: (e) => $(e, i)
 		}
-	} : void 0, L = new Map(k.map((e) => [e.id, e])), R = f?.length ? $(f[0], e) : null, H = f?.length ? $(f.at(-1), e) : null, G = R === null || H === null || H >= R, K = A.at(-1)?.id, te = (n, r) => {
-		let a = n.id === K, o = (e) => (t) => $(t, e), s = (e, t, n) => {
+	} : void 0, L = new Map(O.map((e) => [e.id, e])), R = m?.length ? $(m[0], t) : null, H = m?.length ? $(m.at(-1), t) : null, G = R === null || H === null || H >= R, K = k.at(-1)?.id, te = (r, i) => {
+		let o = r.id === K, s = (e) => (t) => $(t, e), c = (e, t, n) => {
 			let r = $(e, t);
 			return /* @__PURE__ */ V("span", {
 				className: "lilt-card__pane-value",
 				children: [n ? `${n} ` : "", r === null ? "—" : N(r)]
 			}, t);
 		};
-		if (n.kind === "volume") return /* @__PURE__ */ B(J, {
-			context: r,
-			label: `${S.title} volume`,
+		if (r.kind === "volume") return /* @__PURE__ */ B(J, {
+			context: i,
+			label: `${x.title} volume`,
 			caption: "Volume",
 			readout: (e) => /* @__PURE__ */ B("span", {
 				className: "lilt-card__pane-value",
-				children: $(e, i) === null ? "—" : P($(e, i))
+				children: $(e, a) === null ? "—" : P($(e, a))
 			}),
-			height: x,
-			xAxis: a,
+			height: b,
+			xAxis: o,
 			y: {
 				includeZero: !0,
 				ticks: 2,
@@ -622,92 +621,92 @@ function Ce({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 			series: [{
 				id: "volume",
 				label: "Volume",
-				accessor: o(i),
+				accessor: s(a),
 				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)",
+				colorAt: (e) => ($(e, t) ?? 0) >= ($(e, n) ?? $(e, t) ?? 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__ */ B(h, { series: "volume" })
-		}, n.id);
-		if (n.kind === "rsi") return /* @__PURE__ */ V(J, {
-			context: r,
-			label: `${S.title} RSI ${n.period}`,
-			caption: `RSI ${n.period}`,
-			readout: (e) => s(e, n.id),
-			height: x,
-			xAxis: a,
+			children: /* @__PURE__ */ B(e, { series: "volume" })
+		}, r.id);
+		if (r.kind === "rsi") return /* @__PURE__ */ V(J, {
+			context: i,
+			label: `${x.title} RSI ${r.period}`,
+			caption: `RSI ${r.period}`,
+			readout: (e) => c(e, r.id),
+			height: b,
+			xAxis: o,
 			y: {
 				domain: [0, 100],
 				ticks: 2,
 				format: (e) => String(Math.round(e))
 			},
 			series: [{
-				id: n.id,
-				label: `RSI ${n.period}`,
-				accessor: o(n.id),
+				id: r.id,
+				label: `RSI ${r.period}`,
+				accessor: s(r.id),
 				color: "var(--lilt-series-1)",
 				formatValue: N,
 				line: {
 					width: 1.5,
-					depth: S.depth
+					depth: x.depth
 				}
 			}],
 			children: [
-				/* @__PURE__ */ B(v, {
+				/* @__PURE__ */ B(d, {
 					axis: "y",
 					from: 30,
 					to: 70,
 					color: "var(--lilt-series-1)"
 				}),
-				/* @__PURE__ */ B(w, {
+				/* @__PURE__ */ B(g, {
 					value: 70,
 					color: "var(--lilt-muted)"
 				}),
-				/* @__PURE__ */ B(w, {
+				/* @__PURE__ */ B(g, {
 					value: 30,
 					color: "var(--lilt-muted)"
 				}),
-				/* @__PURE__ */ B(D, { series: n.id })
+				/* @__PURE__ */ B(E, { series: r.id })
 			]
-		}, n.id);
-		let c = `${n.id}Macd`, l = `${n.id}Signal`, u = `${n.id}Histogram`;
+		}, r.id);
+		let l = `${r.id}Macd`, u = `${r.id}Signal`, f = `${r.id}Histogram`;
 		return /* @__PURE__ */ V(J, {
-			context: r,
-			label: `${S.title} MACD`,
-			caption: `MACD ${n.fast} · ${n.slow} · ${n.signal}`,
-			readout: (e) => [s(e, c), s(e, l, "Signal")],
-			height: x,
-			xAxis: a,
+			context: i,
+			label: `${x.title} MACD`,
+			caption: `MACD ${r.fast} · ${r.slow} · ${r.signal}`,
+			readout: (e) => [c(e, l), c(e, u, "Signal")],
+			height: b,
+			xAxis: o,
 			y: {
 				includeZero: !0,
 				ticks: 2,
 				format: N
 			},
-			bars: { series: [u] },
+			bars: { series: [f] },
 			series: [
 				{
-					id: u,
+					id: f,
 					label: "Histogram",
-					accessor: o(u),
+					accessor: s(f),
 					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)",
+					colorAt: (e) => ($(e, f) ?? 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: c,
+					id: l,
 					label: "MACD",
-					accessor: o(c),
+					accessor: s(l),
 					color: "var(--lilt-series-4)",
 					formatValue: N,
 					line: {
 						width: 1.5,
-						depth: S.depth
+						depth: x.depth
 					}
 				},
 				{
-					id: l,
+					id: u,
 					label: "Signal",
-					accessor: o(l),
+					accessor: s(u),
 					color: "var(--lilt-series-3)",
 					formatValue: N,
 					line: {
@@ -717,40 +716,40 @@ function Ce({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 				}
 			],
 			children: [
-				/* @__PURE__ */ B(h, { series: u }),
-				/* @__PURE__ */ B(D, { series: c }),
-				/* @__PURE__ */ B(D, { series: l })
+				/* @__PURE__ */ B(e, { series: f }),
+				/* @__PURE__ */ B(E, { series: l }),
+				/* @__PURE__ */ B(E, { series: u })
 			]
-		}, n.id);
+		}, r.id);
 	};
-	return /* @__PURE__ */ B(b, {
-		...S,
+	return /* @__PURE__ */ B(A, {
+		...x,
 		data: j,
 		ranges: ee,
-		delta: m ?? (f && t ? X(f, t, e) : void 0),
-		valueFormat: g,
-		locale: _,
+		delta: _ ?? (m && n ? X(m, n, t) : void 0),
+		valueFormat: v,
+		locale: y,
 		aggregate: "last",
-		headlineSeries: e,
-		pillSeries: e,
+		headlineSeries: t,
+		pillSeries: t,
 		tiles: !1,
-		live: d,
+		live: p,
 		series: [{
-			key: e,
-			label: c,
-			color: T === "line" ? G ? U : W : void 0
-		}, ...k.map((e, t) => ({
+			key: t,
+			label: u,
+			color: C === "line" ? G ? U : W : void 0
+		}, ...O.map((e, t) => ({
 			key: e.id,
 			label: e.label,
 			color: Se[t % Se.length]
 		}))],
 		shape: {
 			kind: "marks",
-			id: `indicator:${T}:${u}:${t}:${n}:${r}:${E}:${O}`,
+			id: `indicator:${C}:${f}:${n}:${r}:${i}:${T}:${D}`,
 			includeZero: !1,
-			scale: u,
+			scale: f,
 			slots: !0,
-			xAxis: A.length === 0,
+			xAxis: k.length === 0,
 			series: (e) => {
 				let t = L.get(e);
 				return t ? {
@@ -758,7 +757,7 @@ function Ce({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 					line: {
 						width: 1.5,
 						showInspectionPoint: !1,
-						depth: S.depth
+						depth: x.depth
 					},
 					...t.kind === "bollinger" ? { fields: {
 						upper: {
@@ -770,39 +769,39 @@ function Ce({ close: e, open: t, high: n, low: r, volume: i, display: a, overlay
 							accessor: (e) => $(e, `${t.id}Lower`)
 						}
 					} } : {}
-				} : T === "line" ? {
+				} : C === "line" ? {
 					fields: F,
 					curve: "linear",
 					line: {
 						width: 2,
-						depth: S.depth
+						depth: x.depth
 					}
 				} : { fields: F };
 			},
-			describe: C ? oe(M) : void 0,
+			describe: S ? oe(M) : void 0,
 			draw: (e) => e.map((e) => {
 				let t = L.get(e);
-				return t ? t.kind === "bollinger" ? [/* @__PURE__ */ B(l, {
+				return t ? t.kind === "bollinger" ? [/* @__PURE__ */ B(o, {
 					series: e,
 					lower: "lower",
 					upper: "upper"
-				}, `band-${e}`), /* @__PURE__ */ B(D, { series: e }, `line-${e}`)] : /* @__PURE__ */ B(D, { series: e }, e) : T === "line" ? /* @__PURE__ */ B(D, { series: e }, e) : /* @__PURE__ */ B(ae, {
+				}, `band-${e}`), /* @__PURE__ */ B(E, { series: e }, `line-${e}`)] : /* @__PURE__ */ B(E, { series: e }, e) : C === "line" ? /* @__PURE__ */ B(E, { series: e }, e) : /* @__PURE__ */ B(ae, {
 					series: e,
 					open: "open",
 					high: "high",
 					low: "low",
-					display: T,
-					depth: S.depth
+					display: C,
+					depth: x.depth
 				}, e);
 			})
 		},
-		panes: A.length ? (e) => /* @__PURE__ */ B(z, { children: A.map((t) => te(t, e)) }) : void 0
+		panes: k.length ? (e) => /* @__PURE__ */ B(z, { children: k.map((t) => te(t, e)) }) : void 0
 	});
 }
 //#endregion
 //#region src/finance/cards/depth-chart-card.tsx
 function we({ price: e, label: t }) {
-	let { snapshot: n } = _();
+	let { snapshot: n } = P();
 	if (e < n.xDomain[0] || e > n.xDomain[1]) return null;
 	let r = n.xToPixel(e);
 	return /* @__PURE__ */ V("g", {
@@ -829,11 +828,11 @@ var Te = {
 	minimumFractionDigits: 2,
 	maximumFractionDigits: 2
 };
-function Ee({ title: e, header: t = !0, "aria-label": n = e || "Depth chart", bids: i, asks: o, valueFormat: s = Te, sizeFormat: c, locale: l = "en-US", height: u = 220, axis: d = "minimal", background: f = "dots", hoverStyle: m = "soft", surface: h, numberStyle: _, loading: v = !1, loadingStyle: b = "shimmer", empty: x = "dots", motion: S, className: C, style: w, depth: E = !1 }) {
-	let k = I(() => _e(i, o), [i, o]), A = JSON.stringify(s), F = JSON.stringify(c ?? null), L = I(() => y(l, s), [l, A]), H = I(() => y(l, c), [l, F]), G = I(() => y(l, {
+function Ee({ title: e, header: t = !0, "aria-label": r = e || "Depth chart", bids: i, asks: o, valueFormat: s = Te, sizeFormat: u, locale: d = "en-US", height: f = 220, axis: p = "minimal", background: h = "dots", hoverStyle: g = "soft", surface: _, numberStyle: y, loading: x = !1, loadingStyle: C = "shimmer", empty: T = "dots", motion: O, className: A, style: ee, depth: M = !1 }) {
+	let N = I(() => _e(i, o), [i, o]), P = JSON.stringify(s), F = JSON.stringify(u ?? null), L = I(() => w(d, s), [d, P]), H = I(() => w(d, u), [d, F]), G = I(() => w(d, {
 		style: "percent",
 		maximumFractionDigits: 3
-	}).full, [l]), [K, te] = R(null), ne = I(() => [{
+	}).full, [d]), [K, te] = R(null), ne = I(() => [{
 		id: "bid",
 		label: "Bids",
 		accessor: (e) => e.bid,
@@ -842,7 +841,7 @@ function Ee({ title: e, header: t = !0, "aria-label": n = e || "Depth chart", bi
 		area: { treatment: "fade" },
 		line: {
 			width: 1.5,
-			depth: E
+			depth: M
 		},
 		formatValue: H.full
 	}, {
@@ -854,47 +853,47 @@ function Ee({ title: e, header: t = !0, "aria-label": n = e || "Depth chart", bi
 		area: { treatment: "fade" },
 		line: {
 			width: 1.5,
-			depth: E
+			depth: M
 		},
 		formatValue: H.full
-	}], [H, E]), re = k.spread !== null && k.mid ? `${L.full(k.spread)} (${G(k.spread / k.mid)})` : "—", q = K ? K.bid ?? K.ask : null;
-	return /* @__PURE__ */ V(P, {
-		"aria-label": n,
-		surface: h,
-		numberStyle: _,
-		motion: S,
-		className: ["lilt-card--depth", C].filter(Boolean).join(" "),
-		style: w,
-		children: [t ? /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ V(N, { children: [e ? /* @__PURE__ */ B(M, { children: e }) : null, /* @__PURE__ */ B(ee, {
-			value: k.mid,
+	}], [H, M]), re = N.spread !== null && N.mid ? `${L.full(N.spread)} (${G(N.spread / N.mid)})` : "—", q = K ? K.bid ?? K.ask : null;
+	return /* @__PURE__ */ V(v, {
+		"aria-label": r,
+		surface: _,
+		numberStyle: y,
+		motion: O,
+		className: ["lilt-card--depth", A].filter(Boolean).join(" "),
+		style: ee,
+		children: [t ? /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ V(k, { children: [e ? /* @__PURE__ */ B(S, { children: e }) : null, /* @__PURE__ */ B(m, {
+			value: N.mid,
 			format: L.full,
-			loading: v,
-			motion: S,
-			children: v ? null : K && q !== null ? /* @__PURE__ */ V(j, { children: [
+			loading: x,
+			motion: O,
+			children: x ? null : K && q !== null ? /* @__PURE__ */ V(b, { children: [
 				H.full(q),
 				" ",
 				K.side === "bid" ? "bid" : "ask",
 				" depth at",
 				" ",
 				L.full(K.price)
-			] }) : /* @__PURE__ */ B(j, { children: "Mid price" })
+			] }) : /* @__PURE__ */ B(b, { children: "Mid price" })
 		})] }), /* @__PURE__ */ V("dl", {
 			className: "lilt-card__stats",
 			children: [
-				/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("dt", { children: "Spread" }), /* @__PURE__ */ B("dd", { children: v ? "—" : re })] }),
+				/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("dt", { children: "Spread" }), /* @__PURE__ */ B("dd", { children: x ? "—" : re })] }),
 				/* @__PURE__ */ V("div", {
 					"data-side": "bid",
-					children: [/* @__PURE__ */ B("dt", { children: "Bid depth" }), /* @__PURE__ */ B("dd", { children: v ? "—" : H.compact(k.bidDepth) })]
+					children: [/* @__PURE__ */ B("dt", { children: "Bid depth" }), /* @__PURE__ */ B("dd", { children: x ? "—" : H.compact(N.bidDepth) })]
 				}),
 				/* @__PURE__ */ V("div", {
 					"data-side": "ask",
-					children: [/* @__PURE__ */ B("dt", { children: "Ask depth" }), /* @__PURE__ */ B("dd", { children: v ? "—" : H.compact(k.askDepth) })]
+					children: [/* @__PURE__ */ B("dt", { children: "Ask depth" }), /* @__PURE__ */ B("dd", { children: x ? "—" : H.compact(N.askDepth) })]
 				})
 			]
-		})] }) : null, /* @__PURE__ */ B(g, {
+		})] }) : null, /* @__PURE__ */ B(c, {
 			className: "lilt-card__chart",
-			"aria-label": `${n} depth by price`,
-			data: k.levels,
+			"aria-label": `${r} depth by price`,
+			data: N.levels,
 			x: {
 				type: "number",
 				accessor: (e) => e.price,
@@ -907,15 +906,15 @@ function Ee({ title: e, header: t = !0, "aria-label": n = e || "Depth chart", bi
 			},
 			series: ne,
 			onSelectionChange: (e) => te(e?.row ?? null),
-			motion: S,
-			status: v ? "loading" : "ready",
-			loadingStyle: b,
-			empty: x,
-			children: /* @__PURE__ */ V(a, {
-				height: u,
-				axis: d,
-				background: f,
-				pill: m,
+			motion: O,
+			status: x ? "loading" : "ready",
+			loadingStyle: C,
+			empty: T,
+			children: /* @__PURE__ */ V(j, {
+				height: f,
+				axis: p,
+				background: h,
+				pill: g,
 				margins: {
 					top: 8,
 					right: 4,
@@ -923,17 +922,17 @@ function Ee({ title: e, header: t = !0, "aria-label": n = e || "Depth chart", bi
 					left: 4
 				},
 				children: [
-					/* @__PURE__ */ B(O, { pattern: "lines" }),
-					/* @__PURE__ */ B(r, { series: "bid" }),
-					/* @__PURE__ */ B(r, { series: "ask" }),
-					/* @__PURE__ */ B(D, { series: "bid" }),
-					/* @__PURE__ */ B(D, { series: "ask" }),
-					k.mid === null ? null : /* @__PURE__ */ B(we, {
-						price: k.mid,
-						label: `Mid ${L.full(k.mid)}`
+					/* @__PURE__ */ B(D, { pattern: "lines" }),
+					/* @__PURE__ */ B(a, { series: "bid" }),
+					/* @__PURE__ */ B(a, { series: "ask" }),
+					/* @__PURE__ */ B(E, { series: "bid" }),
+					/* @__PURE__ */ B(E, { series: "ask" }),
+					N.mid === null ? null : /* @__PURE__ */ B(we, {
+						price: N.mid,
+						label: `Mid ${L.full(N.mid)}`
 					}),
-					/* @__PURE__ */ B(p, { labels: "fit" }),
-					/* @__PURE__ */ B(T, {})
+					/* @__PURE__ */ B(n, { labels: "fit" }),
+					/* @__PURE__ */ B(l, {})
 				]
 			})
 		})]
@@ -950,7 +949,7 @@ function Oe(e, t, n) {
 	let r = e.at(-1), i = De(r, t), a = De(r, n);
 	return i !== null && a ? i / a - 1 : void 0;
 }
-function ke({ 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 ke({ value: e, basis: t, label: n = "Value", drawdown: r = !0, drawdownHeight: i = 64, data: o, ranges: s, delta: c, locale: l = "en-US", ...u }) {
 	let d = o ?? s?.[0]?.data ?? [], f = I(() => s?.map((n) => ({
 		...n,
 		delta: n.delta ?? Oe(n.data, e, t)
@@ -958,7 +957,7 @@ function ke({ value: e, basis: t, label: n = "Value", drawdown: i = !0, drawdown
 		s,
 		e,
 		t
-	]), p = I(() => y(l, {
+	]), p = I(() => w(l, {
 		style: "percent",
 		minimumFractionDigits: 1,
 		maximumFractionDigits: 1
@@ -966,7 +965,7 @@ function ke({ value: e, basis: t, label: n = "Value", drawdown: i = !0, drawdown
 		let t = me(d.map((t) => De(t, e))).filter((e) => e !== null);
 		return H(t) ?? null;
 	}, [d, e]);
-	return /* @__PURE__ */ B(b, {
+	return /* @__PURE__ */ B(A, {
 		...u,
 		data: o,
 		ranges: f,
@@ -987,9 +986,9 @@ function ke({ value: e, basis: t, label: n = "Value", drawdown: i = !0, drawdown
 		}] : []],
 		shape: {
 			kind: "marks",
-			id: `portfolio:${e}:${t}:${i}:${u.depth}`,
+			id: `portfolio:${e}:${t}:${r}:${u.depth}`,
 			includeZero: !1,
-			xAxis: !i,
+			xAxis: !r,
 			series: (e) => e === t ? {
 				curve: "step-after",
 				color: "var(--lilt-muted)"
@@ -997,22 +996,22 @@ function ke({ value: e, basis: t, label: n = "Value", drawdown: i = !0, drawdown
 				area: { treatment: "fade" },
 				curve: "monotone"
 			},
-			draw: (e) => e.map((e) => [/* @__PURE__ */ B(r, { series: e }, `area-${e}`), /* @__PURE__ */ B(D, { series: e }, e)])
+			draw: (e) => e.map((e) => [/* @__PURE__ */ B(a, { series: e }, `area-${e}`), /* @__PURE__ */ B(E, { series: e }, e)])
 		},
-		panes: i ? (t) => {
-			let n = me(t.data.map((t) => De(t, e))), i = new Map(t.data.map((e, t) => [e, n[t] ?? null]));
+		panes: r ? (t) => {
+			let n = me(t.data.map((t) => De(t, e))), r = new Map(t.data.map((e, t) => [e, n[t] ?? null]));
 			return /* @__PURE__ */ V(J, {
 				context: t,
 				label: `${u.title} drawdown`,
 				caption: "Drawdown",
 				readout: (e) => /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("span", {
 					className: "lilt-card__pane-value",
-					children: i.get(e) == null ? "—" : p(i.get(e))
+					children: r.get(e) == null ? "—" : p(r.get(e))
 				}), m === null ? null : /* @__PURE__ */ V("span", {
 					className: "lilt-card__pane-value",
 					children: ["Max ", p(m)]
 				})] }),
-				height: a,
+				height: i,
 				xAxis: !0,
 				y: {
 					includeZero: !0,
@@ -1022,14 +1021,14 @@ function ke({ value: e, basis: t, label: n = "Value", drawdown: i = !0, drawdown
 				series: [{
 					id: "drawdown",
 					label: "Drawdown",
-					accessor: (e) => i.get(e) ?? null,
+					accessor: (e) => r.get(e) ?? null,
 					color: "var(--lilt-candle-down)",
 					formatValue: p,
 					area: { treatment: "fade" },
 					line: { width: 1.5 },
 					curve: "monotone"
 				}],
-				children: [/* @__PURE__ */ B(r, { series: "drawdown" }), /* @__PURE__ */ B(D, { series: "drawdown" })]
+				children: [/* @__PURE__ */ B(a, { series: "drawdown" }), /* @__PURE__ */ B(E, { series: "drawdown" })]
 			});
 		} : void 0
 	});
@@ -1058,33 +1057,33 @@ var Ne = {
 	minimumFractionDigits: 2,
 	maximumFractionDigits: 2
 };
-function Pe({ price: e, symbol: t, name: n, icon: i, display: a = "area", versus: o, data: s, ranges: c, delta: l, valueFormat: u = Ne, locale: d = "en-US", title: f, ...p }) {
-	let h = !!o?.length, g = I(() => [e, ...(o ?? []).map((e) => e.key)], [e, o]), _ = I(() => s ? h ? Me(s, g) : s : void 0, [
+function Pe({ price: e, symbol: t, name: n, icon: r, display: i = "area", versus: o, data: s, ranges: c, delta: l, valueFormat: u = Ne, locale: d = "en-US", title: f, ...p }) {
+	let m = !!o?.length, g = I(() => [e, ...(o ?? []).map((e) => e.key)], [e, o]), _ = I(() => s ? m ? Me(s, g) : s : void 0, [
 		s,
-		h,
+		m,
 		g
 	]), v = I(() => c?.map((t) => {
 		let n = je(t.data, e);
 		return {
 			...t,
-			data: h ? Me(t.data, g) : t.data,
+			data: m ? Me(t.data, g) : t.data,
 			delta: t.delta ?? (n && n.first ? n.last / n.first - 1 : void 0)
 		};
 	}), [
 		c,
-		h,
+		m,
 		g,
 		e
-	]), x = je(s ?? c?.[0]?.data ?? [], e), S = !x || x.last >= x.first, C = I(() => y(d, u).full, [d, JSON.stringify(u)]), w = I(() => y(d, {
+	]), y = je(s ?? c?.[0]?.data ?? [], e), b = !y || y.last >= y.first, x = I(() => w(d, u).full, [d, JSON.stringify(u)]), S = I(() => w(d, {
 		style: "percent",
 		minimumFractionDigits: 1,
 		maximumFractionDigits: 1
-	}).full, [d]), T = (e) => h ? `__rebased${e}` : e, E = /* @__PURE__ */ V("span", {
+	}).full, [d]), C = (e) => m ? `__rebased${e}` : e, T = /* @__PURE__ */ V("span", {
 		className: "lilt-card__ticker",
 		children: [
-			i ? /* @__PURE__ */ B("span", {
+			r ? /* @__PURE__ */ B("span", {
 				className: "lilt-card__ticker-icon",
-				children: i
+				children: r
 			}) : null,
 			/* @__PURE__ */ B("span", {
 				className: "lilt-card__ticker-symbol",
@@ -1096,45 +1095,45 @@ function Pe({ price: e, symbol: t, name: n, icon: i, display: a = "area", versus
 			}) : null
 		]
 	});
-	return /* @__PURE__ */ B(b, {
+	return /* @__PURE__ */ B(A, {
 		...p,
 		title: f,
 		"aria-label": p["aria-label"] ?? f ?? t ?? n ?? "Price chart",
-		heading: f || t || n || i ? E : void 0,
+		heading: f || t || n || r ? T : void 0,
 		data: _,
 		ranges: v,
-		delta: h ? void 0 : l ?? (s && x && x.first ? x.last / x.first - 1 : void 0),
-		valueFormat: h ? {
+		delta: m ? void 0 : l ?? (s && y && y.first ? y.last / y.first - 1 : void 0),
+		valueFormat: m ? {
 			style: "percent",
 			maximumFractionDigits: 1
 		} : u,
-		formatValue: h ? (e) => m(w)(e) : void 0,
+		formatValue: m ? (e) => h(S)(e) : p.formatValue,
 		locale: d,
 		aggregate: "last",
-		headlineSeries: T(e),
-		pillSeries: h ? "nearest" : T(e),
-		tiles: h,
-		restCaption: h ? void 0 : (t) => {
+		headlineSeries: C(e),
+		pillSeries: m ? "nearest" : C(e),
+		tiles: m,
+		restCaption: m ? void 0 : (t) => {
 			let n = je(t, e);
-			return n ? m(C)(n.last - n.first) : null;
+			return n ? h(x)(n.last - n.first) : null;
 		},
 		series: [{
-			key: T(e),
+			key: C(e),
 			label: t ?? f,
-			color: h ? void 0 : S ? U : W
+			color: m ? void 0 : b ? U : W
 		}, ...(o ?? []).map((e) => ({
 			...e,
-			key: T(e.key)
+			key: C(e.key)
 		}))],
 		shape: {
 			kind: "marks",
-			id: `price:${a}:${g.join()}:${h}`,
-			includeZero: h,
-			series: () => a === "area" && !h ? {
+			id: `price:${i}:${g.join()}:${m}`,
+			includeZero: m,
+			series: () => i === "area" && !m ? {
 				area: { treatment: "fade" },
 				curve: "monotone"
 			} : { curve: "monotone" },
-			draw: (e) => e.map((e) => a === "area" && !h ? [/* @__PURE__ */ B(r, { series: e }, `area-${e}`), /* @__PURE__ */ B(D, { series: e }, e)] : /* @__PURE__ */ B(D, { series: e }, e))
+			draw: (e) => e.map((e) => i === "area" && !m ? [/* @__PURE__ */ B(a, { series: e }, `area-${e}`), /* @__PURE__ */ B(E, { series: e }, e)] : /* @__PURE__ */ B(E, { series: e }, e))
 		},
 		bleed: p.bleed ?? !0
 	});
@@ -1166,14 +1165,14 @@ function Ie(e, t) {
 		return () => window.clearTimeout(s);
 	}, [e, t]), r;
 }
-function Le({ title: e, header: t = !0, "aria-label": n = e || "Order book", bids: r, asks: a, levels: o = 8, depth: c = !1, valueFormat: l = {
+function Le({ title: e, header: t = !0, "aria-label": n = e || "Order book", bids: r, asks: i, levels: a = 8, depth: o = !1, valueFormat: s = {
 	minimumFractionDigits: 2,
 	maximumFractionDigits: 2
-}, sizeFormat: u, locale: p = "en-US", flash: m = !0, surface: h, loading: g = !1, loadingStyle: _ = "shimmer", empty: v = "dots", motion: b, className: x, style: S }) {
-	let w = A(b ?? "auto"), T = s(g, _), E = f(g, w), D = JSON.stringify(l), O = JSON.stringify(u ?? null), k = I(() => y(p, l).full, [p, D]), j = I(() => y(p, u).compact, [p, O]), ee = I(() => y(p, {
+}, sizeFormat: c, locale: l = "en-US", flash: u = !0, surface: d, loading: f = !1, loadingStyle: p = "shimmer", empty: m = "dots", motion: h, className: g, style: _ }) {
+	let b = T(h ?? "auto"), x = y(f, p), S = N(f, b), C = JSON.stringify(s), E = JSON.stringify(c ?? null), D = I(() => w(l, s).full, [l, C]), k = I(() => w(l, c).compact, [l, E]), A = I(() => w(l, {
 		style: "percent",
 		maximumFractionDigits: 3
-	}).full, [p]), M = I(() => Fe(r, "bid", o), [r, o]), N = I(() => Fe(a, "ask", o), [a, o]), F = !g && N.length === 0 && M.length === 0, L = Ie(I(() => [...N, ...M], [N, M]), m && !w && !g), R = Math.max(1, N.at(-1)?.total ?? 0, M.at(-1)?.total ?? 0), H = M[0]?.price, U = N[0]?.price, W = H !== void 0 && U !== void 0 ? {
+	}).full, [l]), j = I(() => Fe(r, "bid", a), [r, a]), P = I(() => Fe(i, "ask", a), [i, a]), F = !f && P.length === 0 && j.length === 0, L = Ie(I(() => [...P, ...j], [P, j]), u && !b && !f), R = Math.max(1, P.at(-1)?.total ?? 0, j.at(-1)?.total ?? 0), H = j[0]?.price, U = P[0]?.price, W = H !== void 0 && U !== void 0 ? {
 		value: U - H,
 		mid: (U + H) / 2
 	} : null, G = (e) => /* @__PURE__ */ V("tr", {
@@ -1184,48 +1183,48 @@ function Le({ title: e, header: t = !0, "aria-label": n = e || "Order book", bid
 		children: [
 			/* @__PURE__ */ V("th", {
 				scope: "row",
-				children: [c ? /* @__PURE__ */ B("span", {
+				children: [o ? /* @__PURE__ */ B("span", {
 					className: "lilt-order-book__bar",
 					"aria-hidden": "true"
-				}) : null, k(e.price)]
+				}) : null, D(e.price)]
 			}),
-			/* @__PURE__ */ B("td", { children: j(e.size) }),
-			/* @__PURE__ */ B("td", { children: j(e.total) })
+			/* @__PURE__ */ B("td", { children: k(e.size) }),
+			/* @__PURE__ */ B("td", { children: k(e.total) })
 		]
-	}, `${e.side}:${e.price}`), K = (e) => Array.from({ length: Math.max(1, Math.min(50, o)) }, (t, n) => /* @__PURE__ */ V("tr", {
+	}, `${e.side}:${e.price}`), K = (e) => Array.from({ length: Math.max(1, Math.min(50, a)) }, (t, n) => /* @__PURE__ */ V("tr", {
 		className: "lilt-order-book__placeholder",
 		"aria-hidden": "true",
 		children: [
-			/* @__PURE__ */ B("td", { children: /* @__PURE__ */ B(C, {
+			/* @__PURE__ */ B("td", { children: /* @__PURE__ */ B(M, {
 				width: `${86 - n * 4}%`,
 				step: n
 			}) }),
-			/* @__PURE__ */ B("td", { children: /* @__PURE__ */ B(C, {
+			/* @__PURE__ */ B("td", { children: /* @__PURE__ */ B(M, {
 				width: "60%",
 				step: n
 			}) }),
-			/* @__PURE__ */ B("td", { children: /* @__PURE__ */ B(C, {
+			/* @__PURE__ */ B("td", { children: /* @__PURE__ */ B(M, {
 				width: "72%",
 				step: n
 			}) })
 		]
 	}, `${e}-${n}`));
-	return /* @__PURE__ */ V(P, {
+	return /* @__PURE__ */ V(v, {
 		"aria-label": n,
-		surface: h,
-		motion: b,
-		className: ["lilt-card--order-book", x].filter(Boolean).join(" "),
-		style: S,
-		children: [/* @__PURE__ */ B(d, {
-			leaving: E,
+		surface: d,
+		motion: h,
+		className: ["lilt-card--order-book", g].filter(Boolean).join(" "),
+		style: _,
+		children: [/* @__PURE__ */ B(O, {
+			leaving: S,
 			origin: "center",
 			children: /* @__PURE__ */ V("table", {
-				ref: T,
-				className: g ? "lilt-order-book lilt-skeleton" : "lilt-order-book",
-				"data-depth": c || void 0,
-				"data-style": g ? _ : void 0,
-				"data-reduced-motion": w || void 0,
-				"aria-busy": g,
+				ref: x,
+				className: f ? "lilt-order-book lilt-skeleton" : "lilt-order-book",
+				"data-depth": o || void 0,
+				"data-style": f ? p : void 0,
+				"data-reduced-motion": b || void 0,
+				"aria-busy": f,
 				"aria-label": n,
 				children: [
 					t && e ? /* @__PURE__ */ B("caption", { children: e }) : null,
@@ -1246,7 +1245,7 @@ function Le({ title: e, header: t = !0, "aria-label": n = e || "Order book", bid
 					F ? null : /* @__PURE__ */ V(z, { children: [
 						/* @__PURE__ */ B("tbody", {
 							"aria-label": "Asks",
-							children: g ? K("ask") : [...N].reverse().map(G)
+							children: f ? K("ask") : [...P].reverse().map(G)
 						}),
 						/* @__PURE__ */ B("tbody", {
 							"aria-label": "Spread",
@@ -1254,23 +1253,23 @@ function Le({ title: e, header: t = !0, "aria-label": n = e || "Order book", bid
 								className: "lilt-order-book__spread",
 								children: [/* @__PURE__ */ B("th", {
 									scope: "row",
-									children: g ? "—" : W ? k(W.mid) : "—"
+									children: f ? "—" : W ? D(W.mid) : "—"
 								}), /* @__PURE__ */ B("td", {
 									colSpan: 2,
-									children: g ? "Loading order book" : W ? `Spread ${k(W.value)} · ${ee(W.value / W.mid)}` : "No spread"
+									children: f ? "Loading order book" : W ? `Spread ${D(W.value)} · ${A(W.value / W.mid)}` : "No spread"
 								})]
 							})
 						}),
 						/* @__PURE__ */ B("tbody", {
 							"aria-label": "Bids",
-							children: g ? K("bid") : M.map(G)
+							children: f ? K("bid") : j.map(G)
 						})
 					] })
 				]
 			})
-		}), F ? /* @__PURE__ */ B(i, {
+		}), F ? /* @__PURE__ */ B(ee, {
 			block: !0,
-			state: v,
+			state: m,
 			shape: "rows"
 		}) : null]
 	});