@gearbox-protocol/ui-kit 3.14.0-next.36 → 3.14.0-next.38

package/dist/esm/components/graph/graph.js

@@ -1,12 +1,12 @@
-import { jsxs as re, jsx as T } from "react/jsx-runtime";
-import { createChart as Ue, CrosshairMode as et, LineStyle as Ge, LineSeries as tt, AreaSeries as ot } from "lightweight-charts";
+import { jsxs as ne, jsx as w } from "react/jsx-runtime";
+import { createChart as Ue, CrosshairMode as et, LineStyle as ee, LineSeries as tt, AreaSeries as ot } from "lightweight-charts";
 import * as Ce from "react";
-import { useRef as X, useState as Se, useEffect as W } from "react";
+import { useRef as q, useState as ye, useEffect as E } from "react";
 import { useIsMobile as rt } from "../../hooks/use-media-query.js";
-import { cn as ne } from "../../utils/cn.js";
-import { resolveCSSColor as U, generateColorsFromBase as se, hslToHex as nt } from "../../utils/colors.js";
-import { getDefaultOptions as je, getDefaultSeries as lt, getDefaultVerticalLine as at } from "./default-config.js";
-import { getXFormatters as He, formatExactValue as xe, createAdaptiveYAxisFormatter as it } from "./formatters.js";
+import { cn as le } from "../../utils/cn.js";
+import { resolveCSSColor as U, generateColorsFromBase as ce, hslToHex as nt } from "../../utils/colors.js";
+import { getDefaultOptions as je, getDefaultSeries as lt, getDefaultVerticalLine as it } from "./default-config.js";
+import { getXFormatters as He, formatExactValue as xe, createAdaptiveYAxisFormatter as at } from "./formatters.js";
 import { GraphCurrentValue as st } from "./graph-current-value.js";
 import { GraphTooltip as ct } from "./graph-tooltip.js";
 import { VertLine as ut } from "./plugins/vertical-line.js";
@@ -14,13 +14,13 @@ class ft {
   _yTop;
   _yBottom;
   _color;
-  constructor(s, g, m) {
-    this._yTop = s, this._yBottom = g, this._color = m;
+  constructor(l, f, c) {
+    this._yTop = l, this._yBottom = f, this._color = c;
   }
-  draw(s) {
-    s.useBitmapCoordinateSpace((g) => {
-      const m = g.context, d = g.verticalPixelRatio, N = this._yTop === null ? 0 : this._yTop * d, q = this._yBottom === null ? g.bitmapSize.height : this._yBottom * d, x = Math.min(N, q), k = Math.max(N, q);
-      m.fillStyle = this._color, m.fillRect(0, x, g.bitmapSize.width, k - x);
+  draw(l) {
+    l.useBitmapCoordinateSpace((f) => {
+      const c = f.context, d = f.verticalPixelRatio, v = this._yTop === null ? 0 : this._yTop * d, F = this._yBottom === null ? f.bitmapSize.height : this._yBottom * d, x = Math.min(v, F), M = Math.max(v, F);
+      c.fillStyle = this._color, c.fillRect(0, x, f.bitmapSize.width, M - x);
     });
   }
 }
@@ -28,12 +28,12 @@ class ht {
   _source;
   _yTop = null;
   _yBottom = null;
-  constructor(s) {
-    this._source = s;
+  constructor(l) {
+    this._source = l;
   }
   update() {
-    const s = this._source.series;
-    this._yTop = this._source.priceTop === void 0 ? null : s.priceToCoordinate(this._source.priceTop), this._yBottom = this._source.priceBottom === void 0 ? null : s.priceToCoordinate(this._source.priceBottom);
+    const l = this._source.series;
+    this._yTop = this._source.priceTop === void 0 ? null : l.priceToCoordinate(this._source.priceTop), this._yBottom = this._source.priceBottom === void 0 ? null : l.priceToCoordinate(this._source.priceBottom);
   }
   /** Draw beneath the series line/area so the data stays readable. */
   zOrder() {
@@ -43,37 +43,111 @@ class ht {
     return new ft(this._yTop, this._yBottom, this._source.color);
   }
 }
-class gt {
+class dt {
   series;
   priceTop;
   priceBottom;
   color;
   _paneViews;
-  constructor(s, g, m, d) {
-    this.series = s, this.priceTop = g, this.priceBottom = m, this.color = d, this._paneViews = [new ht(this)];
+  constructor(l, f, c, d) {
+    this.series = l, this.priceTop = f, this.priceBottom = c, this.color = d, this._paneViews = [new ht(this)];
   }
   updateAllViews() {
-    for (const s of this._paneViews) s.update();
+    for (const l of this._paneViews) l.update();
   }
   paneViews() {
     return this._paneViews;
   }
 }
-function dt(o, s, g) {
-  const m = o.labelText ?? "", d = o.value, N = d === void 0 ? "" : typeof d == "number" ? s === "$" ? `$${xe(d, void 0, g)}` : s === "%" ? `${xe(d, void 0, g)}%` : xe(
+function pt(t, l) {
+  switch (t) {
+    case ee.Dotted:
+      return [l, l];
+    case ee.Dashed:
+      return [2 * l, 2 * l];
+    case ee.LargeDashed:
+      return [6 * l, 6 * l];
+    case ee.SparseDotted:
+      return [l, 4 * l];
+    default:
+      return [];
+  }
+}
+class mt {
+  _y;
+  _color;
+  _lineWidth;
+  _lineStyle;
+  constructor(l, f, c, d) {
+    this._y = l, this._color = f, this._lineWidth = c, this._lineStyle = d;
+  }
+  draw(l) {
+    l.useBitmapCoordinateSpace((f) => {
+      if (this._y === null) return;
+      const c = f.context, d = f.verticalPixelRatio, v = Math.max(1, Math.round(this._lineWidth * d)), F = Math.round(this._y * d);
+      c.save(), c.strokeStyle = this._color, c.lineWidth = v, c.setLineDash(pt(this._lineStyle, v)), c.beginPath(), c.moveTo(0, F), c.lineTo(f.bitmapSize.width, F), c.stroke(), c.restore();
+    });
+  }
+}
+class gt {
+  _source;
+  _y = null;
+  constructor(l) {
+    this._source = l;
+  }
+  update() {
+    this._y = this._source.series.priceToCoordinate(this._source.price);
+  }
+  /**
+   * Draw on the top pane (top canvas) so a liquidation price line stays above
+   * every series' area/line fill, price zones and the crosshair — native
+   * `createPriceLine` only draws in the "normal" group and can be hidden behind
+   * a later series in multi-series charts.
+   */
+  zOrder() {
+    return "top";
+  }
+  renderer() {
+    return new mt(
+      this._y,
+      this._source.color,
+      this._source.lineWidth,
+      this._source.lineStyle
+    );
+  }
+}
+class bt {
+  series;
+  price;
+  color;
+  lineWidth;
+  lineStyle;
+  _paneViews;
+  constructor(l, f, c, d, v) {
+    this.series = l, this.price = f, this.color = c, this.lineWidth = d, this.lineStyle = v, this._paneViews = [new gt(this)];
+  }
+  updateAllViews() {
+    for (const l of this._paneViews) l.update();
+  }
+  paneViews() {
+    return this._paneViews;
+  }
+}
+function vt(t, l, f) {
+  const c = t.labelText ?? "", d = t.value, v = d === void 0 ? "" : typeof d == "number" ? l === "$" ? `$${xe(d, void 0, f)}` : l === "%" ? `${xe(d, void 0, f)}%` : xe(
     d,
-    s !== "none" && s !== "%" && s !== "$" ? s : void 0,
-    g
+    l !== "none" && l !== "%" && l !== "$" ? l : void 0,
+    f
   ) : String(d);
-  return { labelText: m, valueStr: N };
+  return { labelText: c, valueStr: v };
 }
-function mt(o, s) {
-  for (let g = o.length - 1; g >= 0; g--)
-    if (Number(o[g].time) <= s)
-      return o[g].value;
+function St(t, l) {
+  for (let f = t.length - 1; f >= 0; f--)
+    if (Number(t[f].time) <= l)
+      return t[f].value;
   return 0;
 }
-const ye = [
+const we = [
   // 0  green (emerald)
   {
     line: "#02c39a",
@@ -188,70 +262,70 @@ const ye = [
     top: "rgba(71, 85, 105, 0.56)",
     bottom: "rgba(71, 85, 105, 0.04)"
   }
-], pt = 137.5;
-function Xe(o) {
-  if (o < ye.length)
-    return ye[o];
-  const g = (o - ye.length) * pt % 360, m = nt(g, 70, 50), { topColor: d, bottomColor: N } = se(m);
-  return { line: m, top: d, bottom: N };
+], Ct = 137.5;
+function Oe(t) {
+  if (t < we.length)
+    return we[t];
+  const f = (t - we.length) * Ct % 360, c = nt(f, 70, 50), { topColor: d, bottomColor: v } = ce(c);
+  return { line: c, top: d, bottom: v };
 }
-function Lt({
-  series: o,
-  className: s,
-  showLegend: g = !1,
-  onUnselectSeries: m,
+function Bt({
+  series: t,
+  className: l,
+  showLegend: f = !1,
+  onUnselectSeries: c,
   xMeasureUnit: d = "time",
-  yMeasureUnit: N = "token",
-  optionsOverrides: q,
+  yMeasureUnit: v = "token",
+  optionsOverrides: F,
   verticalLineOptions: x,
-  priceLineOptions: k,
-  zoneOptions: A,
-  currentValueDecimals: ce,
-  useSharedPriceScale: $ = !1,
-  dualYAxis: L = !1,
-  defaultVisiblePriceScaleId: we = "right",
-  leftPriceScaleTitle: Te,
-  rightPriceScaleTitle: vt,
-  showCurrentValue: qe = !0,
-  graphTitle: ue,
-  yScaleMin: Ne,
+  priceLineOptions: M,
+  zoneOptions: j,
+  currentValueDecimals: ue,
+  useSharedPriceScale: A = !1,
+  dualYAxis: D = !1,
+  defaultVisiblePriceScaleId: _e = "right",
+  leftPriceScaleTitle: Ne,
+  rightPriceScaleTitle: xt,
+  showCurrentValue: Xe = !0,
+  graphTitle: fe,
+  yScaleMin: Te,
   yScaleMinMultiple: Ve,
   visibleTimeFrom: Z,
-  disableZoom: le = !1,
-  hideDefaultTooltip: fe = !1
+  disableZoom: ie = !1,
+  hideDefaultTooltip: he = !1
 }) {
-  const I = X(null), y = X(/* @__PURE__ */ new Map()), he = X(!1), Re = X(!0), Pe = X([]), K = X(null), ge = X(null), ae = X(null), R = rt(), G = Ce.useMemo(() => o.flatMap((t) => t.data), [o]), Ze = Ce.useMemo(() => {
-    if (o.length > 0) {
-      const t = o[o.length - 1];
-      if (t.data.length > 0)
-        return t.data[t.data.length - 1];
+  const z = q(null), C = q(/* @__PURE__ */ new Map()), de = q(!1), Pe = q(!0), Re = q([]), K = q(null), pe = q(null), ae = q(null), V = rt(), H = Ce.useMemo(() => t.flatMap((o) => o.data), [t]), qe = Ce.useMemo(() => {
+    if (t.length > 0) {
+      const o = t[t.length - 1];
+      if (o.data.length > 0)
+        return o.data[o.data.length - 1];
     }
-  }, [o]), [Me, de] = Se(() => {
-    if (!Ze) return;
-    const t = /* @__PURE__ */ new Map();
-    for (const a of o)
-      a.data.length > 0 && t.set(a.label, a.data[a.data.length - 1]);
-    return t;
-  }), [ke, j] = Se(null), [Le, _e] = Se([]);
-  W(() => {
-    const t = () => {
+  }, [t]), [Le, me] = ye(() => {
+    if (!qe) return;
+    const o = /* @__PURE__ */ new Map();
+    for (const s of t)
+      s.data.length > 0 && o.set(s.label, s.data[s.data.length - 1]);
+    return o;
+  }), [Me, O] = ye(null), [ke, De] = ye([]);
+  E(() => {
+    const o = () => {
       try {
-        if (I.current && K.current) {
-          const n = K.current.clientWidth, i = K.current.clientHeight;
-          I.current.resize(n, i);
+        if (z.current && K.current) {
+          const a = K.current.clientWidth, i = K.current.clientHeight;
+          z.current.resize(a, i);
         }
       } catch {
       }
-    }, a = K.current, l = a ? new ResizeObserver(t) : null;
-    return ae.current = l, a && l?.observe(a), () => {
-      a && l?.unobserve(a), l?.disconnect(), ae.current = null;
+    }, s = K.current, n = s ? new ResizeObserver(o) : null;
+    return ae.current = n, s && n?.observe(s), () => {
+      s && n?.unobserve(s), n?.disconnect(), ae.current = null;
     };
-  }, []), W(() => {
-    if (!ge.current || he.current) return;
-    const t = je(), a = U(
+  }, []), E(() => {
+    if (!pe.current || de.current) return;
+    const o = je(), s = U(
       "hsl(var(--foreground))",
       "rgb(0, 0, 0)"
-    ), l = le ? {
+    ), n = ie ? {
       handleScale: {
         mouseWheel: !1,
         pinch: !1,
@@ -264,34 +338,34 @@ function Lt({
         horzTouchDrag: !1,
         vertTouchDrag: !1
       }
-    } : {}, n = Ue(ge.current, {
-      ...t,
+    } : {}, a = Ue(pe.current, {
+      ...o,
       leftPriceScale: {
-        ...t.leftPriceScale || {},
+        ...o.leftPriceScale || {},
         visible: !1,
-        textColor: a
+        textColor: s
       },
       rightPriceScale: {
-        ...t.rightPriceScale || {},
-        visible: !R,
-        textColor: a
+        ...o.rightPriceScale || {},
+        visible: !V,
+        textColor: s
       },
-      ...R && {
+      ...V && {
         crosshair: {
-          ...t.crosshair,
+          ...o.crosshair,
           mode: et.Magnet
         }
       },
-      ...l,
-      ...q
+      ...n,
+      ...F
     });
-    return I.current = n, he.current = !0, () => {
-      ae.current?.disconnect(), ae.current = null, n.remove(), I.current = null, he.current = !1, y.current.clear();
+    return z.current = a, de.current = !0, () => {
+      ae.current?.disconnect(), ae.current = null, a.remove(), z.current = null, de.current = !1, C.current.clear();
     };
-  }, [R, q, le]), W(() => {
-    const t = I.current;
-    t && t.applyOptions(
-      le ? {
+  }, [V, F, ie]), E(() => {
+    const o = z.current;
+    o && o.applyOptions(
+      ie ? {
         handleScale: {
           mouseWheel: !1,
           pinch: !1,
@@ -319,89 +393,89 @@ function Lt({
         }
       }
     );
-  }, [le]), W(() => {
-    const t = I.current;
-    if (!t || o.length === 0) return;
-    const l = o.filter((r) => r.data.length > 0).length <= 1 ? Ne : Ve, n = d === "time" ? He(d, G) : He(d), i = /* @__PURE__ */ new Map();
+  }, [ie]), E(() => {
+    const o = z.current;
+    if (!o || t.length === 0) return;
+    const n = t.filter((r) => r.data.length > 0).length <= 1 ? Te : Ve, a = d === "time" ? He(d, H) : He(d), i = /* @__PURE__ */ new Map();
     {
       let r = 0;
-      for (const e of o)
+      for (const e of t)
         e.data.length !== 0 && (i.set(
           e.label,
           e.priceScaleId ?? (r === 0 ? "left" : "right")
         ), r++);
     }
-    const f = (r, e, u) => {
+    const u = (r, e, p) => {
       const {
-        formatter: B,
-        tickmarksFormatter: S,
-        updateVisibleRange: z,
+        formatter: k,
+        tickmarksFormatter: T,
+        updateVisibleRange: $,
         updateLastValues: Fe
-      } = it(r, e, {
-        yScaleMin: l
-      }), pe = o.filter((O) => O.data.length > 0 && u.has(O.label)).map((O) => O.data[O.data.length - 1].value);
-      return Fe(pe), { formatter: B, tickmarksFormatter: S, updateVisibleRange: z, labels: u };
-    }, c = [];
-    if (L)
+      } = at(r, e, {
+        yScaleMin: n
+      }), be = t.filter((J) => J.data.length > 0 && p.has(J.label)).map((J) => J.data[J.data.length - 1].value);
+      return Fe(be), { formatter: k, tickmarksFormatter: T, updateVisibleRange: $, labels: p };
+    }, h = [];
+    if (D)
       for (const r of ["left", "right"]) {
-        const e = /* @__PURE__ */ new Set(), u = [];
-        let B = N;
-        for (const S of o)
-          if (S.data.length !== 0 && i.get(S.label) === r) {
-            e.size === 0 && S.yMeasureUnit && (B = S.yMeasureUnit), e.add(S.label);
-            for (const z of S.data) u.push(z.value);
+        const e = /* @__PURE__ */ new Set(), p = [];
+        let k = v;
+        for (const T of t)
+          if (T.data.length !== 0 && i.get(T.label) === r) {
+            e.size === 0 && T.yMeasureUnit && (k = T.yMeasureUnit), e.add(T.label);
+            for (const $ of T.data) p.push($.value);
           }
-        e.size > 0 && c.push(f(u, B, e));
+        e.size > 0 && h.push(u(p, k, e));
       }
     else {
-      const r = G.map((u) => u.value), e = new Set(
-        o.filter((u) => u.data.length > 0).map((u) => u.label)
+      const r = H.map((p) => p.value), e = new Set(
+        t.filter((p) => p.data.length > 0).map((p) => p.label)
       );
-      c.push(f(r, N, e));
+      h.push(u(r, v, e));
     }
-    Pe.current = c;
+    Re.current = h;
     const b = /* @__PURE__ */ new Map();
-    for (const r of c)
+    for (const r of h)
       for (const e of r.labels)
         b.set(e, r);
-    const v = je();
-    t.applyOptions({
+    const S = je();
+    o.applyOptions({
       localization: {
-        ...v.localization || {},
+        ...S.localization || {},
         // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
         timeFormatter: (r) => (
           // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-          n.timeFormatter(parseFloat(r), void 0)
+          a.timeFormatter(parseFloat(r), void 0)
         )
       },
       timeScale: {
-        ...v.timeScale || {},
+        ...S.timeScale || {},
         // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-        tickMarkFormatter: n.tickMarkFormatter,
+        tickMarkFormatter: a.tickMarkFormatter,
         minBarSpacing: 0
       }
     });
-    const _ = (G.length > 0 ? Math.min(...G.map((r) => r.value)) : 0) < 0, w = G.some((r) => r.value === 0), p = !_ && w, C = !L && o.length > 1 && !$, P = L ? R : o.length > 1 && !$ || R, M = U(
+    const P = (H.length > 0 ? Math.min(...H.map((r) => r.value)) : 0) < 0, _ = H.some((r) => r.value === 0), m = !P && _, y = !D && t.length > 1 && !A, R = D ? V : t.length > 1 && !A || V, L = U(
       "hsl(var(--foreground))",
       "rgb(0, 0, 0)"
     );
-    t.applyOptions({
-      ...L && {
-        defaultVisiblePriceScaleId: we
+    o.applyOptions({
+      ...D && {
+        defaultVisiblePriceScaleId: _e
       },
       leftPriceScale: {
-        ...v.leftPriceScale || {},
-        visible: L && !R,
-        textColor: M,
-        ...L && Te && {
+        ...S.leftPriceScale || {},
+        visible: D && !V,
+        textColor: L,
+        ...D && Ne && {
           // lightweight-charts uses scale margins; title shown via localization if needed
         }
       },
       rightPriceScale: {
-        ...v.rightPriceScale || {},
-        visible: L ? !R : !P,
-        textColor: M,
-        ...p && !L && {
+        ...S.rightPriceScale || {},
+        visible: D ? !V : !R,
+        textColor: L,
+        ...m && !D && {
           scaleMargins: {
             top: 0.3,
             bottom: 0
@@ -409,122 +483,122 @@ function Lt({
         }
       }
     });
-    const V = new Set(y.current.keys()), J = new Set(o.map((r) => r.label));
-    for (const r of V)
-      if (!J.has(r)) {
-        const e = y.current.get(r);
-        e && (t.removeSeries(e), y.current.delete(r));
+    const N = new Set(C.current.keys()), X = new Set(t.map((r) => r.label));
+    for (const r of N)
+      if (!X.has(r)) {
+        const e = C.current.get(r);
+        e && (o.removeSeries(e), C.current.delete(r));
       }
-    const Q = lt(), ee = [];
-    let te = 0;
-    const De = o.find((r) => r.data.length > 0), oe = /* @__PURE__ */ new Map();
-    if (k && k.length > 0)
-      for (const r of k) {
+    const Q = lt(), te = [];
+    let oe = 0;
+    const Be = t.find((r) => r.data.length > 0), re = /* @__PURE__ */ new Map();
+    if (M && M.length > 0)
+      for (const r of M) {
         if (!Number.isFinite(r.price)) continue;
-        const e = r.seriesLabel ?? De?.label;
+        const e = r.seriesLabel ?? Be?.label;
         if (!e) continue;
-        const u = oe.get(e) ?? [];
-        u.push(r.price), oe.set(e, u);
+        const p = re.get(e) ?? [];
+        p.push(r.price), re.set(e, p);
       }
-    if (A && A.length > 0)
-      for (const r of A) {
-        const e = r.seriesLabel ?? De?.label;
+    if (j && j.length > 0)
+      for (const r of j) {
+        const e = r.seriesLabel ?? Be?.label;
         if (!e) continue;
-        const u = oe.get(e) ?? [];
-        Number.isFinite(r.priceTop) && u.push(r.priceTop), Number.isFinite(r.priceBottom) && u.push(r.priceBottom), oe.set(e, u);
+        const p = re.get(e) ?? [];
+        Number.isFinite(r.priceTop) && p.push(r.priceTop), Number.isFinite(r.priceBottom) && p.push(r.priceBottom), re.set(e, p);
       }
-    for (let r = 0; r < o.length; r++) {
-      const e = o[r], u = Xe(r), B = e.lineColor ?? e.color ?? u.line;
-      let S, z;
+    for (let r = 0; r < t.length; r++) {
+      const e = t[r], p = Oe(r), k = e.lineColor ?? e.color ?? p.line;
+      let T, $;
       if (e.lineColor ?? e.color)
         if (e.topColor && e.bottomColor)
-          S = e.topColor, z = e.bottomColor;
+          T = e.topColor, $ = e.bottomColor;
         else if (e.topColor) {
-          const h = se(B);
-          S = e.topColor, z = h.bottomColor;
+          const g = ce(k);
+          T = e.topColor, $ = g.bottomColor;
         } else if (e.bottomColor)
-          S = se(B).topColor, z = e.bottomColor;
+          T = ce(k).topColor, $ = e.bottomColor;
         else {
-          const h = se(B);
-          S = h.topColor, z = h.bottomColor;
+          const g = ce(k);
+          T = g.topColor, $ = g.bottomColor;
         }
       else
-        S = e.topColor || u.top, z = e.bottomColor || u.bottom;
+        T = e.topColor || p.top, $ = e.bottomColor || p.bottom;
       if (e.data.length === 0) {
-        const h = y.current.get(e.label);
-        h && (t.removeSeries(h), y.current.delete(e.label));
+        const g = C.current.get(e.label);
+        g && (o.removeSeries(g), C.current.delete(e.label));
         continue;
       }
-      const pe = (e.data.length > 0 ? Math.min(...e.data.map((h) => h.value)) : 0) < 0, O = e.data.some((h) => h.value === 0), Ke = !pe && O, Ie = L ? e.priceScaleId ?? (te === 0 ? "left" : "right") : $ || !C || te === 0 ? "right" : `scale-${te}`;
-      C && ee.push({
-        priceScaleId: Ie || "right",
-        shouldPreventNegativeAxis: Ke,
-        seriesIndex: te
+      const be = (e.data.length > 0 ? Math.min(...e.data.map((g) => g.value)) : 0) < 0, J = e.data.some((g) => g.value === 0), Ze = !be && J, ze = D ? e.priceScaleId ?? (oe === 0 ? "left" : "right") : A || !y || oe === 0 ? "right" : `scale-${oe}`;
+      y && te.push({
+        priceScaleId: ze || "right",
+        shouldPreventNegativeAxis: Ze,
+        seriesIndex: oe
       });
-      const ze = ($ || !C) && l !== void 0 && typeof l == "number", Oe = oe.get(e.label) ?? [], Je = (h) => {
-        const F = h();
-        if (F?.priceRange) {
-          ze && (F.priceRange.minValue = l);
-          for (const E of Oe)
-            E < F.priceRange.minValue && (F.priceRange.minValue = E), E > F.priceRange.maxValue && (F.priceRange.maxValue = E);
+      const We = (A || !y) && n !== void 0 && typeof n == "number", Ke = re.get(e.label) ?? [], Je = (g) => {
+        const B = g();
+        if (B?.priceRange) {
+          We && (B.priceRange.minValue = n);
+          for (const G of Ke)
+            G < B.priceRange.minValue && (B.priceRange.minValue = G), G > B.priceRange.maxValue && (B.priceRange.maxValue = G);
         }
-        return F;
-      }, We = b.get(e.label) ?? c[0], $e = We.formatter, Qe = We.tickmarksFormatter, be = {
-        lineColor: B,
-        topColor: S,
-        bottomColor: z,
-        priceScaleId: Ie,
+        return B;
+      }, $e = b.get(e.label) ?? h[0], Ee = $e.formatter, Qe = $e.tickmarksFormatter, ve = {
+        lineColor: k,
+        topColor: T,
+        bottomColor: $,
+        priceScaleId: ze,
         ...e.seriesType === "line" && {
-          lineStyle: e.lineStyle ?? Ge.Solid
+          lineStyle: e.lineStyle ?? ee.Solid
         },
         priceFormat: {
           type: "custom",
           minMove: 0.01,
-          formatter: ze && typeof l == "number" ? (h) => $e(
-            h < l ? l : h
-          ) : $e,
+          formatter: We && typeof n == "number" ? (g) => Ee(
+            g < n ? n : g
+          ) : Ee,
           tickmarksFormatter: Qe
         },
         autoscaleInfoProvider: Je
-      }, Ee = e.seriesType === "line";
-      let D = y.current.get(e.label);
-      const Y = e.data.map((h) => ({
-        ...h,
-        time: h.time
+      }, Ae = e.seriesType === "line";
+      let I = C.current.get(e.label);
+      const Y = e.data.map((g) => ({
+        ...g,
+        time: g.time
       }));
       if (Z !== void 0 && Y.length > 0 && Number(Y[0].time) > Z) {
-        const h = Number(Y[0].time), F = h - Z, E = 86400, Ye = F > 180 * E ? 7 * E : F > 30 * E ? E : 6 * 3600, Ae = [];
-        for (let ve = Z; ve < h; ve += Ye)
-          Ae.push({ time: ve });
-        Y.unshift(...Ae);
+        const g = Number(Y[0].time), B = g - Z, G = 86400, Ye = B > 180 * G ? 7 * G : B > 30 * G ? G : 6 * 3600, Ge = [];
+        for (let Se = Z; Se < g; Se += Ye)
+          Ge.push({ time: Se });
+        Y.unshift(...Ge);
       }
-      D && D.seriesType() !== (Ee ? "Line" : "Area") && (t.removeSeries(D), y.current.delete(e.label), D = void 0), D ? (D.applyOptions(be), D.setData(Y)) : (Ee ? D = t.addSeries(tt, {
+      I && I.seriesType() !== (Ae ? "Line" : "Area") && (o.removeSeries(I), C.current.delete(e.label), I = void 0), I ? (I.applyOptions(ve), I.setData(Y)) : (Ae ? I = o.addSeries(tt, {
         ...Q,
-        ...be
-      }) : D = t.addSeries(ot, {
+        ...ve
+      }) : I = o.addSeries(ot, {
         ...Q,
-        ...be
-      }), D.setData(Y), y.current.set(e.label, D)), te++;
+        ...ve
+      }), I.setData(Y), C.current.set(e.label, I)), oe++;
     }
-    if (L)
+    if (D)
       try {
-        const r = t.priceScale("left"), e = t.priceScale("right"), u = {
-          visible: !R,
+        const r = o.priceScale("left"), e = o.priceScale("right"), p = {
+          visible: !V,
           autoScale: !0,
           scaleMargins: { top: 0.1, bottom: 0.1 },
           alignLabels: !0,
           borderVisible: !0,
           borderColor: "rgba(224, 227, 235, 0.1)",
           entireTextOnly: !1,
-          textColor: M
+          textColor: L
         };
-        r?.applyOptions(u), e?.applyOptions(u);
+        r?.applyOptions(p), e?.applyOptions(p);
       } catch {
       }
-    else if (C && ee.length > 0)
-      for (const r of ee)
+    else if (y && te.length > 0)
+      for (const r of te)
         try {
-          const e = t.priceScale(r.priceScaleId);
+          const e = o.priceScale(r.priceScaleId);
           e && e.applyOptions({
             visible: !1,
             autoScale: !0,
@@ -540,7 +614,7 @@ function Lt({
             borderVisible: !0,
             borderColor: "rgba(224, 227, 235, 0.1)",
             entireTextOnly: !1,
-            textColor: M
+            textColor: L
           });
         } catch (e) {
           console.warn(
@@ -548,17 +622,17 @@ function Lt({
             e
           );
         }
-    else if (!C)
+    else if (!y)
       try {
-        const r = t.priceScale("right");
+        const r = o.priceScale("right");
         r && r.applyOptions({
-          visible: !R,
+          visible: !V,
           autoScale: !0,
           scaleMargins: {
             top: 0.1,
             // No bottom margin when yScaleMin is set so the scale doesn't extend below the minimum (avoids negative labels like -10M)
-            bottom: l !== void 0 || p ? 0 : 0.1,
-            ...p && {
+            bottom: n !== void 0 || m ? 0 : 0.1,
+            ...m && {
               top: 0.3
             }
           },
@@ -566,297 +640,324 @@ function Lt({
           borderVisible: !0,
           borderColor: "rgba(224, 227, 235, 0.1)",
           entireTextOnly: !1,
-          textColor: M
+          textColor: L
         });
       } catch {
       }
-    if (l !== void 0 && !R && ($ || !C) && t.applyOptions({
+    if (n !== void 0 && !V && (A || !y) && o.applyOptions({
       handleScroll: {
         vertTouchDrag: !1
       }
-    }), G.length > 0) {
-      const r = G.map((S) => Number(S.time)), e = Math.min(...r), u = Z !== void 0 ? Math.min(Z, e) : e, B = Math.max(...r);
-      t.timeScale().setVisibleRange({ from: u, to: B });
+    }), H.length > 0) {
+      const r = H.map((e) => Number(e.time)).filter((e) => Number.isFinite(e));
+      if (r.length > 0) {
+        const e = Math.min(...r), p = Z !== void 0 ? Math.min(Z, e) : e, k = Math.max(...r);
+        if (Number(p) <= Number(k))
+          try {
+            o.timeScale().setVisibleRange({ from: p, to: k });
+          } catch {
+            try {
+              o.timeScale().fitContent();
+            } catch {
+            }
+          }
+      }
     }
-    Re.current && (Re.current = !1);
-    const me = /* @__PURE__ */ new Map();
-    for (const r of o)
-      r.data.length > 0 && me.set(r.label, r.data[r.data.length - 1]);
-    de(me.size > 0 ? me : void 0);
+    Pe.current && (Pe.current = !1);
+    const ge = /* @__PURE__ */ new Map();
+    for (const r of t)
+      r.data.length > 0 && ge.set(r.label, r.data[r.data.length - 1]);
+    me(ge.size > 0 ? ge : void 0);
   }, [
-    o,
-    G,
+    t,
+    H,
     d,
-    N,
-    R,
-    $,
-    L,
-    we,
-    Te,
+    v,
+    V,
+    A,
+    D,
+    _e,
     Ne,
+    Te,
     Ve,
     Z,
-    k,
-    A
-  ]), W(() => {
-    const t = I.current;
-    if (!t || o.length === 0) return;
-    const a = o.length === 1;
-    let l;
-    for (const i of o)
+    M,
+    j
+  ]), E(() => {
+    const o = z.current;
+    if (!o || t.length === 0) return;
+    const s = t.length === 1;
+    let n;
+    for (const i of t)
       if (i.data.length > 0) {
-        l = i.data[i.data.length - 1].time;
+        n = i.data[i.data.length - 1].time;
         break;
       }
-    if (!l) return;
-    const n = (i) => {
-      const { time: f = l, seriesData: c, point: b } = i || {}, v = Array.from(y.current.values());
-      if (!b || !f) {
-        const w = /* @__PURE__ */ new Map();
-        for (const p of o)
-          p.data.length > 0 && w.set(p.label, p.data[p.data.length - 1]);
-        if (de(w.size > 0 ? w : void 0), a || $ || fe)
-          j(null);
-        else if (v[0] && l) {
-          const C = t.timeScale().timeToCoordinate(l), P = o[0];
-          if (P.data.length > 0) {
-            const M = P.data[P.data.length - 1].value, V = v[0].priceToCoordinate(M);
-            C !== null && V !== null && j({ x: C, y: V });
+    if (!n) return;
+    const a = (i) => {
+      const { time: u = n, seriesData: h, point: b } = i || {}, S = Array.from(C.current.values());
+      if (!b || !u) {
+        const _ = /* @__PURE__ */ new Map();
+        for (const m of t)
+          m.data.length > 0 && _.set(m.label, m.data[m.data.length - 1]);
+        if (me(_.size > 0 ? _ : void 0), s || A || he)
+          O(null);
+        else if (S[0] && n) {
+          const y = o.timeScale().timeToCoordinate(n), R = t[0];
+          if (R.data.length > 0) {
+            const L = R.data[R.data.length - 1].value, N = S[0].priceToCoordinate(L);
+            y !== null && N !== null && O({ x: y, y: N });
           }
         }
         return;
       }
-      const H = /* @__PURE__ */ new Map();
-      let _;
-      for (let w = 0; w < o.length; w++) {
-        const p = o[w], C = v[w];
-        if (!C) continue;
-        const P = c?.get(C), M = P && "value" in P ? P.value : void 0;
-        let V;
-        if (M !== void 0)
-          V = M;
-        else if (a) {
-          const J = Number(f), Q = p.data.length > 0 ? Number(p.data[0].time) : Number.POSITIVE_INFINITY;
-          J < Q ? V = Number.NaN : V = p.data[p.data.length - 1]?.value ?? 0;
-        } else
-          V = mt(p.data, Number(f));
-        Number.isNaN(V) || (_ === void 0 && (_ = V), H.set(p.label, { value: V, time: f }));
+      const W = /* @__PURE__ */ new Map();
+      let P;
+      for (let _ = 0; _ < t.length; _++) {
+        const m = t[_], y = C.current.get(m.label);
+        if (!y) continue;
+        const R = h?.get(y), L = R && "value" in R ? R.value : void 0;
+        let N;
+        if (L !== void 0)
+          N = L;
+        else if (s) {
+          const X = Number(u), Q = m.data.length > 0 ? Number(m.data[0].time) : Number.POSITIVE_INFINITY;
+          X < Q ? N = Number.NaN : N = m.data[m.data.length - 1]?.value ?? 0;
+        } else {
+          const X = m.data.length > 0 ? Number(m.data[0].time) : Number.POSITIVE_INFINITY;
+          if (Number(u) < X) continue;
+          N = St(m.data, Number(u));
+        }
+        Number.isNaN(N) || (P === void 0 && (P = N), W.set(m.label, { value: N, time: u }));
       }
-      if (de(H), _ !== void 0 && v[0]) {
-        const p = t.timeScale().timeToCoordinate(f), C = v[0].priceToCoordinate(_);
-        if (p !== null && C !== null) {
-          const P = K.current;
-          if (P) {
-            const M = P.querySelector(
+      if (me(W), P !== void 0 && S[0]) {
+        const m = o.timeScale().timeToCoordinate(u), y = S[0].priceToCoordinate(P);
+        if (m !== null && y !== null) {
+          const R = K.current;
+          if (R) {
+            const L = R.querySelector(
               ".LightweightChart"
             );
-            if (M) {
-              const V = M.getBoundingClientRect(), J = P.getBoundingClientRect(), Q = p + (V.left - J.left), ee = C + (V.top - J.top);
-              j({ x: Q, y: ee });
+            if (L) {
+              const N = L.getBoundingClientRect(), X = R.getBoundingClientRect(), Q = m + (N.left - X.left), te = y + (N.top - X.top);
+              O({ x: Q, y: te });
             } else
-              j({ x: p, y: C });
+              O({ x: m, y });
           } else
-            j({ x: p, y: C });
+            O({ x: m, y });
         } else
-          j(null);
+          O(null);
       } else
-        j(null);
+        O(null);
     };
-    return t.subscribeCrosshairMove(n), R && t.subscribeClick(n), !a && !$ && !fe && requestAnimationFrame(() => {
-      const i = Array.from(y.current.values());
-      if (i[0] && l && o[0]?.data.length > 0) {
-        const c = t.timeScale().timeToCoordinate(l), b = o[0].data[o[0].data.length - 1].value, v = i[0].priceToCoordinate(b);
-        c !== null && v !== null && j({ x: c, y: v });
+    return o.subscribeCrosshairMove(a), V && o.subscribeClick(a), !s && !A && !he && requestAnimationFrame(() => {
+      const i = Array.from(C.current.values());
+      if (i[0] && n && t[0]?.data.length > 0) {
+        const h = o.timeScale().timeToCoordinate(n), b = t[0].data[t[0].data.length - 1].value, S = i[0].priceToCoordinate(b);
+        h !== null && S !== null && O({ x: h, y: S });
       }
     }), () => {
-      t.unsubscribeCrosshairMove(n), R && t.unsubscribeClick(n);
+      o.unsubscribeCrosshairMove(a), V && o.unsubscribeClick(a);
     };
-  }, [o, $, R, fe]), W(() => {
-    const t = I.current;
-    if (!t || o.length === 0) return;
-    const a = t.timeScale(), l = () => {
-      const n = Pe.current;
-      if (n.length === 0) return;
-      const i = a.getVisibleRange();
+  }, [t, A, V, he]), E(() => {
+    const o = z.current;
+    if (!o || t.length === 0) return;
+    const s = o.timeScale(), n = () => {
+      const a = Re.current;
+      if (a.length === 0) return;
+      const i = s.getVisibleRange();
       if (!i) return;
-      const f = Number(i.from), c = Number(i.to);
-      for (const b of n) {
-        const v = [];
-        for (const H of o)
-          if (b.labels.has(H.label))
-            for (const _ of H.data) {
-              const w = Number(_.time);
-              w >= f && w <= c && v.push(_.value);
+      const u = Number(i.from), h = Number(i.to);
+      for (const b of a) {
+        const S = [];
+        for (const W of t)
+          if (b.labels.has(W.label))
+            for (const P of W.data) {
+              const _ = Number(P.time);
+              _ >= u && _ <= h && S.push(P.value);
             }
-        v.length > 0 && b.updateVisibleRange(v);
+        S.length > 0 && b.updateVisibleRange(S);
       }
     };
-    return a.subscribeVisibleLogicalRangeChange(l), () => {
-      a.unsubscribeVisibleLogicalRangeChange(
-        l
+    return s.subscribeVisibleLogicalRangeChange(n), () => {
+      s.unsubscribeVisibleLogicalRangeChange(
+        n
       );
     };
-  }, [o]), W(() => {
-    const t = I.current, a = Array.from(y.current.values()), l = [];
-    if (t && a.length > 0 && x) {
-      const n = at(), i = a[0];
-      for (const f of x) {
-        const c = {
-          ...n,
-          ...f.options || {}
+  }, [t]), E(() => {
+    const o = z.current, s = Array.from(C.current.values()), n = [];
+    if (o && s.length > 0 && x) {
+      const a = it(), i = s[0];
+      for (const u of x) {
+        const h = {
+          ...a,
+          ...u.options || {}
         };
-        c.color && (c.color = U(c.color, c.color));
-        const b = new ut(t, i, f.xCoordinate, c);
-        i.attachPrimitive(b), l.push(b);
+        h.color && (h.color = U(h.color, h.color));
+        const b = new ut(o, i, u.xCoordinate, h);
+        i.attachPrimitive(b), n.push(b);
       }
     }
     return () => {
-      if (a.length > 0) {
-        const n = a[0];
-        for (const i of l)
-          n.detachPrimitive(i);
+      if (s.length > 0) {
+        const a = s[0];
+        for (const i of n)
+          a.detachPrimitive(i);
       }
     };
-  }, [x, o]), W(() => {
-    const t = [];
-    if (k && k.length > 0) {
-      const a = Array.from(y.current.values())[0], l = U(
+  }, [x, t]), E(() => {
+    const o = [], s = [];
+    if (M && M.length > 0) {
+      const n = Array.from(C.current.values())[0], a = U(
         "hsl(var(--destructive))",
         "rgb(239, 68, 68)"
       );
-      for (const n of k) {
-        if (!Number.isFinite(n.price)) continue;
-        const i = n.seriesLabel ? y.current.get(n.seriesLabel) : a;
-        if (!i) continue;
-        const f = i.createPriceLine({
-          price: n.price,
-          color: n.color ? U(n.color, n.color) : l,
-          lineWidth: n.lineWidth ?? 1,
-          lineStyle: n.lineStyle ?? Ge.Dashed,
-          axisLabelVisible: n.axisLabelVisible ?? !0,
-          title: n.title ?? ""
+      for (const i of M) {
+        if (!Number.isFinite(i.price)) continue;
+        const u = i.seriesLabel ? C.current.get(i.seriesLabel) : n;
+        if (!u) continue;
+        const h = i.color ? U(i.color, i.color) : a, b = i.lineWidth ?? 1, S = i.lineStyle ?? ee.Dashed, W = u.createPriceLine({
+          price: i.price,
+          color: h,
+          lineWidth: b,
+          lineStyle: S,
+          axisLabelVisible: i.axisLabelVisible ?? !0,
+          title: i.title ?? ""
         });
-        t.push({ series: i, line: f });
+        o.push({ series: u, line: W });
+        const P = new bt(
+          u,
+          i.price,
+          h,
+          b,
+          S
+        );
+        u.attachPrimitive(P), s.push({ series: u, primitive: P });
       }
     }
     return () => {
-      for (const { series: a, line: l } of t)
+      for (const { series: n, primitive: a } of s)
         try {
-          a.removePriceLine(l);
+          n.detachPrimitive(a);
+        } catch {
+        }
+      for (const { series: n, line: a } of o)
+        try {
+          n.removePriceLine(a);
         } catch {
         }
     };
-  }, [k, o]), W(() => {
-    const t = [];
-    if (A && A.length > 0) {
-      const a = Array.from(y.current.values())[0], l = "rgba(239, 68, 68, 0.12)";
-      for (const n of A) {
-        const i = n.seriesLabel ? y.current.get(n.seriesLabel) : a;
+  }, [M, t]), E(() => {
+    const o = [];
+    if (j && j.length > 0) {
+      const s = Array.from(C.current.values())[0], n = "rgba(239, 68, 68, 0.12)";
+      for (const a of j) {
+        const i = a.seriesLabel ? C.current.get(a.seriesLabel) : s;
         if (!i) continue;
-        const f = n.color ? U(n.color, l) : l, c = new gt(
+        const u = a.color ? U(a.color, n) : n, h = new dt(
           i,
-          n.priceTop,
-          n.priceBottom,
-          f
+          a.priceTop,
+          a.priceBottom,
+          u
         );
-        i.attachPrimitive(c), t.push({ series: i, zone: c });
+        i.attachPrimitive(h), o.push({ series: i, zone: h });
       }
     }
     return () => {
-      for (const { series: a, zone: l } of t)
+      for (const { series: s, zone: n } of o)
         try {
-          a.detachPrimitive(l);
+          s.detachPrimitive(n);
         } catch {
         }
     };
-  }, [A, o]), W(() => {
-    const t = I.current;
-    if (!t || !x?.length) {
-      _e([]);
+  }, [j, t]), E(() => {
+    const o = z.current;
+    if (!o || !x?.length) {
+      De([]);
       return;
     }
-    const a = () => {
-      const i = t.timeScale(), f = x.map((c) => i.timeToCoordinate(c.xCoordinate) ?? null);
-      _e(f);
+    const s = () => {
+      const i = o.timeScale(), u = x.map((h) => i.timeToCoordinate(h.xCoordinate) ?? null);
+      De(u);
     };
-    a();
-    const l = t.timeScale(), n = () => {
-      a();
+    s();
+    const n = o.timeScale(), a = () => {
+      s();
     };
-    return l.subscribeVisibleLogicalRangeChange(n), () => {
-      l.unsubscribeVisibleLogicalRangeChange(n);
+    return n.subscribeVisibleLogicalRangeChange(a), () => {
+      n.unsubscribeVisibleLogicalRangeChange(a);
     };
-  }, [x, o]);
-  const ie = o.length === 1, Be = Ce.useMemo(() => {
-    if (ie && o.length > 0) {
-      const t = o[0];
-      if (t.data.length > 0)
-        return t.data[t.data.length - 1];
+  }, [x, t]);
+  const se = t.length === 1, Ie = Ce.useMemo(() => {
+    if (se && t.length > 0) {
+      const o = t[0];
+      if (o.data.length > 0)
+        return o.data[o.data.length - 1];
     }
-  }, [ie, o]);
-  return /* @__PURE__ */ re(
+  }, [se, t]);
+  return /* @__PURE__ */ ne(
     "div",
     {
       ref: K,
-      className: ne(
+      className: le(
         "relative z-[1] w-full h-full overflow-hidden p-0",
-        s
+        l
       ),
       children: [
-        ue != null && ue !== !1 && ie ? /* @__PURE__ */ T("div", { className: "absolute top-2 left-2 right-2 z-[100] pointer-events-none", children: /* @__PURE__ */ T("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: ue }) }) : qe && ie && Be && /* @__PURE__ */ T(
+        fe != null && fe !== !1 && se ? /* @__PURE__ */ w("div", { className: "absolute top-2 left-2 right-2 z-[100] pointer-events-none", children: /* @__PURE__ */ w("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: fe }) }) : Xe && se && Ie && /* @__PURE__ */ w(
           st,
           {
-            point: Be,
+            point: Ie,
             xMeasureUnit: d,
-            yMeasureUnit: N,
-            decimals: ce
+            yMeasureUnit: v,
+            decimals: ue
           }
         ),
-        Me && ke && /* @__PURE__ */ T(
+        Le && Me && /* @__PURE__ */ w(
           ct,
           {
-            points: Me,
+            points: Le,
             xMeasureUnit: d,
-            yMeasureUnit: N,
-            series: o,
-            position: ke,
+            yMeasureUnit: v,
+            series: t,
+            position: Me,
             containerRef: K,
-            decimals: ce
+            decimals: ue
           }
         ),
-        g && /* @__PURE__ */ T(bt, { series: o, onUnselect: m }),
-        x && x.length > 0 && Le.length === x.length && /* @__PURE__ */ T(
+        f && /* @__PURE__ */ w(yt, { series: t, onUnselect: c }),
+        x && x.length > 0 && ke.length === x.length && /* @__PURE__ */ w(
           "div",
           {
             className: "absolute inset-0 z-[5] pointer-events-none",
             "aria-hidden": !0,
-            children: x.map((t, a) => {
-              const l = Le[a], n = t.options ?? {}, i = n.showLabel !== !1;
-              if (l === null || !i) return null;
-              const { labelText: f, valueStr: c } = dt(
-                n,
-                N,
-                ce
-              ), b = n.tooltipText ?? "";
-              if (!(f || c || b)) return null;
-              const H = n.labelBackgroundColor ?? n.color ?? "hsl(var(--background))", _ = n.labelTextColor ?? "hsl(var(--foreground))", w = `${String(t.xCoordinate)}-${f}-${b}`;
-              return /* @__PURE__ */ re(
+            children: x.map((o, s) => {
+              const n = ke[s], a = o.options ?? {}, i = a.showLabel !== !1;
+              if (n === null || !i) return null;
+              const { labelText: u, valueStr: h } = vt(
+                a,
+                v,
+                ue
+              ), b = a.tooltipText ?? "";
+              if (!(u || h || b)) return null;
+              const W = a.labelBackgroundColor ?? a.color ?? "hsl(var(--background))", P = a.labelTextColor ?? "hsl(var(--foreground))", _ = `${String(o.xCoordinate)}-${u}-${b}`;
+              return /* @__PURE__ */ ne(
                 "div",
                 {
-                  className: ne(
+                  className: le(
                     "group absolute top-2 px-2 py-1 rounded text-xs font-medium whitespace-nowrap shadow-sm border border-border",
                     b && "pointer-events-auto cursor-default"
                   ),
                   style: {
-                    left: l,
+                    left: n,
                     transform: "translateX(-50%)",
-                    backgroundColor: H,
-                    color: _
+                    backgroundColor: W,
+                    color: P
                   },
                   children: [
-                    f && /* @__PURE__ */ T("span", { className: "block", children: f }),
-                    c && /* @__PURE__ */ T("span", { className: ne("block", f && "mt-0.5"), children: c }),
-                    b && /* @__PURE__ */ T(
+                    u && /* @__PURE__ */ w("span", { className: "block", children: u }),
+                    h && /* @__PURE__ */ w("span", { className: le("block", u && "mt-0.5"), children: h }),
+                    b && /* @__PURE__ */ w(
                       "span",
                       {
                         className: "pointer-events-none absolute right-0 top-full z-10 mt-1 hidden w-[280px] whitespace-normal rounded border border-border bg-popover px-2.5 py-1.5 text-left leading-snug text-popover-foreground shadow-md group-hover:block",
@@ -866,15 +967,15 @@ function Lt({
                     )
                   ]
                 },
-                w
+                _
               );
             })
           }
         ),
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ w(
           "div",
           {
-            ref: ge,
+            ref: pe,
             className: "LightweightChart w-full h-full overflow-hidden"
           }
         )
@@ -882,49 +983,49 @@ function Lt({
     }
   );
 }
-function bt({
-  series: o,
-  onUnselect: s,
-  inline: g = !1
+function yt({
+  series: t,
+  onUnselect: l,
+  inline: f = !1
 }) {
-  return /* @__PURE__ */ T(
+  return /* @__PURE__ */ w(
     "div",
     {
-      className: ne(
+      className: le(
         "flex flex-wrap gap-2",
-        g ? "items-center" : "absolute top-0 left-2 z-[10]"
+        f ? "items-center" : "absolute top-0 left-2 z-[10]"
       ),
-      children: o.map((m, d) => {
-        const N = Xe(d), q = (m.lineColor ?? m.color) || N.line, x = m.data.length === 0;
-        return /* @__PURE__ */ re(
+      children: t.map((c, d) => {
+        const v = Oe(d), F = (c.lineColor ?? c.color) || v.line, x = c.data.length === 0;
+        return /* @__PURE__ */ ne(
           "div",
           {
-            className: ne(
+            className: le(
               "flex items-center gap-1.5 px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border",
               x && "opacity-50"
             ),
             children: [
-              /* @__PURE__ */ T(
+              /* @__PURE__ */ w(
                 "div",
                 {
                   className: "w-3 h-3 rounded-sm",
-                  style: { backgroundColor: q }
+                  style: { backgroundColor: F }
                 }
               ),
-              /* @__PURE__ */ re("span", { className: "text-[10px] sm:text-xs font-medium text-foreground", children: [
-                m.label,
+              /* @__PURE__ */ ne("span", { className: "text-[10px] sm:text-xs font-medium text-foreground", children: [
+                c.label,
                 x && " (no data)"
               ] }),
-              s && /* @__PURE__ */ T(
+              l && /* @__PURE__ */ w(
                 "button",
                 {
                   type: "button",
-                  onClick: (k) => {
-                    k.stopPropagation(), s(m.label);
+                  onClick: (M) => {
+                    M.stopPropagation(), l(c.label);
                   },
                   className: "ml-1 flex items-center justify-center w-4 h-4 rounded-sm hover:bg-muted transition-colors cursor-pointer",
-                  "aria-label": `Remove ${m.label}`,
-                  children: /* @__PURE__ */ re(
+                  "aria-label": `Remove ${c.label}`,
+                  children: /* @__PURE__ */ ne(
                     "svg",
                     {
                       xmlns: "http://www.w3.org/2000/svg",
@@ -939,9 +1040,9 @@ function bt({
                       className: "text-muted-foreground hover:text-foreground",
                       "aria-hidden": "true",
                       children: [
-                        /* @__PURE__ */ T("title", { children: "Close" }),
-                        /* @__PURE__ */ T("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                        /* @__PURE__ */ T("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                        /* @__PURE__ */ w("title", { children: "Close" }),
+                        /* @__PURE__ */ w("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                        /* @__PURE__ */ w("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
                       ]
                     }
                   )
@@ -949,17 +1050,17 @@ function bt({
               )
             ]
           },
-          m.label
+          c.label
         );
       })
     }
   );
 }
 export {
-  ye as DEFAULT_SERIES_COLORS,
-  Lt as Graph,
-  bt as GraphLegend,
-  Xe as getSeriesColorPalette,
-  mt as getStepForwardValue,
-  dt as getVerticalLineTooltipContent
+  we as DEFAULT_SERIES_COLORS,
+  Bt as Graph,
+  yt as GraphLegend,
+  Oe as getSeriesColorPalette,
+  St as getStepForwardValue,
+  vt as getVerticalLineTooltipContent
 };