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

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

@@ -1,12 +1,12 @@
-import { jsxs as re, jsx as y } 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(c, g, b) {
-    this._yTop = c, this._yBottom = g, this._color = b;
+  constructor(l, f, c) {
+    this._yTop = l, this._yBottom = f, this._color = c;
   }
-  draw(c) {
-    c.useBitmapCoordinateSpace((g) => {
-      const b = g.context, d = g.verticalPixelRatio, w = this._yTop === null ? 0 : this._yTop * d, q = this._yBottom === null ? g.bitmapSize.height : this._yBottom * d, x = Math.min(w, q), k = Math.max(w, q);
-      b.fillStyle = this._color, b.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(c) {
-    this._source = c;
+  constructor(l) {
+    this._source = l;
   }
   update() {
-    const c = this._source.series;
-    this._yTop = this._source.priceTop === void 0 ? null : c.priceToCoordinate(this._source.priceTop), this._yBottom = this._source.priceBottom === void 0 ? null : c.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(c, g, b, d) {
-    this.series = c, this.priceTop = g, this.priceBottom = b, 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 l of this._paneViews) l.update();
+  }
+  paneViews() {
+    return this._paneViews;
+  }
+}
+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 c of this._paneViews) c.update();
+    for (const l of this._paneViews) l.update();
   }
   paneViews() {
     return this._paneViews;
   }
 }
-function dt(o, c, g) {
-  const b = o.labelText ?? "", d = o.value, w = d === void 0 ? "" : typeof d == "number" ? c === "$" ? `$${xe(d, void 0, g)}` : c === "%" ? `${xe(d, void 0, g)}%` : xe(
+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,
-    c !== "none" && c !== "%" && c !== "$" ? c : void 0,
-    g
+    l !== "none" && l !== "%" && l !== "$" ? l : void 0,
+    f
   ) : String(d);
-  return { labelText: b, valueStr: w };
+  return { labelText: c, valueStr: v };
 }
-function mt(o, c) {
-  for (let g = o.length - 1; g >= 0; g--)
-    if (Number(o[g].time) <= c)
-      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)"
   }
-], bt = 137.5;
-function Xe(o) {
-  if (o < ye.length)
-    return ye[o];
-  const g = (o - ye.length) * bt % 360, b = nt(g, 70, 50), { topColor: d, bottomColor: w } = se(b);
-  return { line: b, top: d, bottom: w };
+], 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: c,
-  showLegend: g = !1,
-  onUnselectSeries: b,
+function Bt({
+  series: t,
+  className: l,
+  showLegend: f = !1,
+  onUnselectSeries: c,
   xMeasureUnit: d = "time",
-  yMeasureUnit: w = "token",
-  optionsOverrides: q,
+  yMeasureUnit: v = "token",
+  optionsOverrides: F,
   verticalLineOptions: x,
-  priceLineOptions: k,
-  zoneOptions: A,
-  currentValueDecimals: ce,
-  useSharedPriceScale: $ = !1,
-  dualYAxis: _ = !1,
-  defaultVisiblePriceScaleId: we = "right",
+  priceLineOptions: M,
+  zoneOptions: j,
+  currentValueDecimals: ue,
+  useSharedPriceScale: A = !1,
+  dualYAxis: D = !1,
+  defaultVisiblePriceScaleId: _e = "right",
   leftPriceScaleTitle: Ne,
-  rightPriceScaleTitle: vt,
-  showCurrentValue: qe = !0,
-  graphTitle: ue,
+  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), v = 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, v.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 ? Te : 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, s) => {
+    const u = (r, e, p) => {
       const {
-        formatter: L,
-        tickmarksFormatter: V,
-        updateVisibleRange: z,
-        updateLastValues: De
-      } = it(r, e, {
-        yScaleMin: l
-      }), be = o.filter((O) => O.data.length > 0 && s.has(O.label)).map((O) => O.data[O.data.length - 1].value);
-      return De(be), { formatter: L, tickmarksFormatter: V, updateVisibleRange: z, labels: s };
-    }, u = [];
-    if (_)
+        formatter: k,
+        tickmarksFormatter: T,
+        updateVisibleRange: $,
+        updateLastValues: Fe
+      } = 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(), s = [];
-        let L = w;
-        for (const V of o)
-          if (V.data.length !== 0 && i.get(V.label) === r) {
-            e.size === 0 && V.yMeasureUnit && (L = V.yMeasureUnit), e.add(V.label);
-            for (const z of V.data) s.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 && u.push(f(s, L, e));
+        e.size > 0 && h.push(u(p, k, e));
       }
     else {
-      const r = G.map((s) => s.value), e = new Set(
-        o.filter((s) => s.data.length > 0).map((s) => s.label)
+      const r = H.map((p) => p.value), e = new Set(
+        t.filter((p) => p.data.length > 0).map((p) => p.label)
       );
-      u.push(f(r, w, e));
+      h.push(u(r, v, e));
     }
-    Pe.current = u;
-    const p = /* @__PURE__ */ new Map();
-    for (const r of u)
+    Re.current = h;
+    const b = /* @__PURE__ */ new Map();
+    for (const r of h)
       for (const e of r.labels)
-        p.set(e, r);
-    const C = je();
-    t.applyOptions({
+        b.set(e, r);
+    const S = je();
+    o.applyOptions({
       localization: {
-        ...C.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: {
-        ...C.timeScale || {},
+        ...S.timeScale || {},
         // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-        tickMarkFormatter: n.tickMarkFormatter,
+        tickMarkFormatter: a.tickMarkFormatter,
         minBarSpacing: 0
       }
     });
-    const B = (G.length > 0 ? Math.min(...G.map((r) => r.value)) : 0) < 0, N = G.some((r) => r.value === 0), m = !B && N, S = !_ && o.length > 1 && !$, P = _ ? 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({
-      ..._ && {
-        defaultVisiblePriceScaleId: we
+    o.applyOptions({
+      ...D && {
+        defaultVisiblePriceScaleId: _e
       },
       leftPriceScale: {
-        ...C.leftPriceScale || {},
-        visible: _ && !R,
-        textColor: M,
-        ..._ && Ne && {
+        ...S.leftPriceScale || {},
+        visible: D && !V,
+        textColor: L,
+        ...D && Ne && {
           // lightweight-charts uses scale margins; title shown via localization if needed
         }
       },
       rightPriceScale: {
-        ...C.rightPriceScale || {},
-        visible: _ ? !R : !P,
-        textColor: M,
-        ...m && !_ && {
+        ...S.rightPriceScale || {},
+        visible: D ? !V : !R,
+        textColor: L,
+        ...m && !D && {
           scaleMargins: {
             top: 0.3,
             bottom: 0
@@ -409,122 +483,122 @@ function Lt({
         }
       }
     });
-    const T = new Set(v.current.keys()), J = new Set(o.map((r) => r.label));
-    for (const r of T)
-      if (!J.has(r)) {
-        const e = v.current.get(r);
-        e && (t.removeSeries(e), v.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 Fe = 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 ?? Fe?.label;
+        const e = r.seriesLabel ?? Be?.label;
         if (!e) continue;
-        const s = oe.get(e) ?? [];
-        s.push(r.price), oe.set(e, s);
+        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 ?? Fe?.label;
+    if (j && j.length > 0)
+      for (const r of j) {
+        const e = r.seriesLabel ?? Be?.label;
         if (!e) continue;
-        const s = oe.get(e) ?? [];
-        Number.isFinite(r.priceTop) && s.push(r.priceTop), Number.isFinite(r.priceBottom) && s.push(r.priceBottom), oe.set(e, s);
+        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], s = Xe(r), L = e.lineColor ?? e.color ?? s.line;
-      let V, 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)
-          V = e.topColor, z = e.bottomColor;
+          T = e.topColor, $ = e.bottomColor;
         else if (e.topColor) {
-          const h = se(L);
-          V = e.topColor, z = h.bottomColor;
+          const g = ce(k);
+          T = e.topColor, $ = g.bottomColor;
         } else if (e.bottomColor)
-          V = se(L).topColor, z = e.bottomColor;
+          T = ce(k).topColor, $ = e.bottomColor;
         else {
-          const h = se(L);
-          V = h.topColor, z = h.bottomColor;
+          const g = ce(k);
+          T = g.topColor, $ = g.bottomColor;
         }
       else
-        V = e.topColor || s.top, z = e.bottomColor || s.bottom;
+        T = e.topColor || p.top, $ = e.bottomColor || p.bottom;
       if (e.data.length === 0) {
-        const h = v.current.get(e.label);
-        h && (t.removeSeries(h), v.current.delete(e.label));
+        const g = C.current.get(e.label);
+        g && (o.removeSeries(g), C.current.delete(e.label));
         continue;
       }
-      const be = (e.data.length > 0 ? Math.min(...e.data.map((h) => h.value)) : 0) < 0, O = e.data.some((h) => h.value === 0), Ke = !be && O, Ie = _ ? e.priceScaleId ?? (te === 0 ? "left" : "right") : $ || !S || te === 0 ? "right" : `scale-${te}`;
-      S && 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 = ($ || !S) && l !== void 0 && typeof l == "number", Oe = oe.get(e.label) ?? [], Je = (h) => {
-        const D = h();
-        if (D?.priceRange) {
-          ze && (D.priceRange.minValue = l);
-          for (const E of Oe)
-            E < D.priceRange.minValue && (D.priceRange.minValue = E), E > D.priceRange.maxValue && (D.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 D;
-      }, We = p.get(e.label) ?? u[0], $e = We.formatter, Qe = We.tickmarksFormatter, pe = {
-        lineColor: L,
-        topColor: V,
-        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 F = v.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), D = h - Z, E = 86400, Ye = D > 180 * E ? 7 * E : D > 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);
       }
-      F && F.seriesType() !== (Ee ? "Line" : "Area") && (t.removeSeries(F), v.current.delete(e.label), F = void 0), F ? (F.applyOptions(pe), F.setData(Y)) : (Ee ? F = 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,
-        ...pe
-      }) : F = t.addSeries(ot, {
+        ...ve
+      }) : I = o.addSeries(ot, {
         ...Q,
-        ...pe
-      }), F.setData(Y), v.current.set(e.label, F)), te++;
+        ...ve
+      }), I.setData(Y), C.current.set(e.label, I)), oe++;
     }
-    if (_)
+    if (D)
       try {
-        const r = t.priceScale("left"), e = t.priceScale("right"), s = {
-          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(s), e?.applyOptions(s);
+        r?.applyOptions(p), e?.applyOptions(p);
       } catch {
       }
-    else if (S && 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,16 +622,16 @@ function Lt({
             e
           );
         }
-    else if (!S)
+    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 || m ? 0 : 0.1,
+            bottom: n !== void 0 || m ? 0 : 0.1,
             ...m && {
               top: 0.3
             }
@@ -566,326 +640,342 @@ function Lt({
           borderVisible: !0,
           borderColor: "rgba(224, 227, 235, 0.1)",
           entireTextOnly: !1,
-          textColor: M
+          textColor: L
         });
       } catch {
       }
-    if (l !== void 0 && !R && ($ || !S) && t.applyOptions({
+    if (n !== void 0 && !V && (A || !y) && o.applyOptions({
       handleScroll: {
         vertTouchDrag: !1
       }
-    }), G.length > 0) {
-      const r = G.map((e) => Number(e.time)).filter((e) => Number.isFinite(e));
+    }), 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), s = Z !== void 0 ? Math.min(Z, e) : e, L = Math.max(...r);
-        if (Number(s) <= Number(L))
+        const e = Math.min(...r), p = Z !== void 0 ? Math.min(Z, e) : e, k = Math.max(...r);
+        if (Number(p) <= Number(k))
           try {
-            t.timeScale().setVisibleRange({ from: s, to: L });
+            o.timeScale().setVisibleRange({ from: p, to: k });
           } catch {
             try {
-              t.timeScale().fitContent();
+              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,
-    w,
-    R,
-    $,
-    _,
-    we,
+    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: u, point: p } = i || {}, C = Array.from(v.current.values());
-      if (!p || !f) {
-        const N = /* @__PURE__ */ new Map();
-        for (const m of o)
-          m.data.length > 0 && N.set(m.label, m.data[m.data.length - 1]);
-        if (de(N.size > 0 ? N : void 0), a || $ || fe)
-          j(null);
-        else if (C[0] && l) {
-          const S = t.timeScale().timeToCoordinate(l), P = o[0];
-          if (P.data.length > 0) {
-            const M = P.data[P.data.length - 1].value, T = C[0].priceToCoordinate(M);
-            S !== null && T !== null && j({ x: S, y: T });
+    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 B;
-      for (let N = 0; N < o.length; N++) {
-        const m = o[N], S = v.current.get(m.label);
-        if (!S) continue;
-        const P = u?.get(S), M = P && "value" in P ? P.value : void 0;
-        let T;
-        if (M !== void 0)
-          T = M;
-        else if (a) {
-          const J = Number(f), Q = m.data.length > 0 ? Number(m.data[0].time) : Number.POSITIVE_INFINITY;
-          J < Q ? T = Number.NaN : T = m.data[m.data.length - 1]?.value ?? 0;
-        } else
-          T = mt(m.data, Number(f));
-        Number.isNaN(T) || (B === void 0 && (B = T), H.set(m.label, { value: T, 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), B !== void 0 && C[0]) {
-        const m = t.timeScale().timeToCoordinate(f), S = C[0].priceToCoordinate(B);
-        if (m !== null && S !== 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 T = M.getBoundingClientRect(), J = P.getBoundingClientRect(), Q = m + (T.left - J.left), ee = S + (T.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: m, y: S });
+              O({ x: m, y });
           } else
-            j({ x: m, y: S });
+            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(v.current.values());
-      if (i[0] && l && o[0]?.data.length > 0) {
-        const u = t.timeScale().timeToCoordinate(l), p = o[0].data[o[0].data.length - 1].value, C = i[0].priceToCoordinate(p);
-        u !== null && C !== null && j({ x: u, y: C });
+    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), u = Number(i.to);
-      for (const p of n) {
-        const C = [];
-        for (const H of o)
-          if (p.labels.has(H.label))
-            for (const B of H.data) {
-              const N = Number(B.time);
-              N >= f && N <= u && C.push(B.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);
             }
-        C.length > 0 && p.updateVisibleRange(C);
+        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(v.current.values()), l = [];
-    if (t && a.length > 0 && x) {
-      const n = at(), i = a[0];
-      for (const f of x) {
-        const u = {
-          ...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 || {}
         };
-        u.color && (u.color = U(u.color, u.color));
-        const p = new ut(t, i, f.xCoordinate, u);
-        i.attachPrimitive(p), l.push(p);
+        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(v.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 ? v.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(v.current.values())[0], l = "rgba(239, 68, 68, 0.12)";
-      for (const n of A) {
-        const i = n.seriesLabel ? v.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, u = 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(u), t.push({ series: i, zone: u });
+        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((u) => i.timeToCoordinate(u.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",
-        c
+        l
       ),
       children: [
-        ue != null && ue !== !1 && ie ? /* @__PURE__ */ y("div", { className: "absolute top-2 left-2 right-2 z-[100] pointer-events-none", children: /* @__PURE__ */ y("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: ue }) }) : qe && ie && Be && /* @__PURE__ */ y(
+        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: w,
-            decimals: ce
+            yMeasureUnit: v,
+            decimals: ue
           }
         ),
-        Me && ke && /* @__PURE__ */ y(
+        Le && Me && /* @__PURE__ */ w(
           ct,
           {
-            points: Me,
+            points: Le,
             xMeasureUnit: d,
-            yMeasureUnit: w,
-            series: o,
-            position: ke,
+            yMeasureUnit: v,
+            series: t,
+            position: Me,
             containerRef: K,
-            decimals: ce
+            decimals: ue
           }
         ),
-        g && /* @__PURE__ */ y(pt, { series: o, onUnselect: b }),
-        x && x.length > 0 && Le.length === x.length && /* @__PURE__ */ y(
+        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: u } = dt(
-                n,
-                w,
-                ce
-              ), p = n.tooltipText ?? "";
-              if (!(f || u || p)) return null;
-              const H = n.labelBackgroundColor ?? n.color ?? "hsl(var(--background))", B = n.labelTextColor ?? "hsl(var(--foreground))", N = `${String(t.xCoordinate)}-${f}-${p}`;
-              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",
-                    p && "pointer-events-auto cursor-default"
+                    b && "pointer-events-auto cursor-default"
                   ),
                   style: {
-                    left: l,
+                    left: n,
                     transform: "translateX(-50%)",
-                    backgroundColor: H,
-                    color: B
+                    backgroundColor: W,
+                    color: P
                   },
                   children: [
-                    f && /* @__PURE__ */ y("span", { className: "block", children: f }),
-                    u && /* @__PURE__ */ y("span", { className: ne("block", f && "mt-0.5"), children: u }),
-                    p && /* @__PURE__ */ y(
+                    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",
                         role: "tooltip",
-                        children: p
+                        children: b
                       }
                     )
                   ]
                 },
-                N
+                _
               );
             })
           }
         ),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ w(
           "div",
           {
-            ref: ge,
+            ref: pe,
             className: "LightweightChart w-full h-full overflow-hidden"
           }
         )
@@ -893,49 +983,49 @@ function Lt({
     }
   );
 }
-function pt({
-  series: o,
-  onUnselect: c,
-  inline: g = !1
+function yt({
+  series: t,
+  onUnselect: l,
+  inline: f = !1
 }) {
-  return /* @__PURE__ */ y(
+  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((b, d) => {
-        const w = Xe(d), q = (b.lineColor ?? b.color) || w.line, x = b.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__ */ y(
+              /* @__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: [
-                b.label,
+              /* @__PURE__ */ ne("span", { className: "text-[10px] sm:text-xs font-medium text-foreground", children: [
+                c.label,
                 x && " (no data)"
               ] }),
-              c && /* @__PURE__ */ y(
+              l && /* @__PURE__ */ w(
                 "button",
                 {
                   type: "button",
-                  onClick: (k) => {
-                    k.stopPropagation(), c(b.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 ${b.label}`,
-                  children: /* @__PURE__ */ re(
+                  "aria-label": `Remove ${c.label}`,
+                  children: /* @__PURE__ */ ne(
                     "svg",
                     {
                       xmlns: "http://www.w3.org/2000/svg",
@@ -950,9 +1040,9 @@ function pt({
                       className: "text-muted-foreground hover:text-foreground",
                       "aria-hidden": "true",
                       children: [
-                        /* @__PURE__ */ y("title", { children: "Close" }),
-                        /* @__PURE__ */ y("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                        /* @__PURE__ */ y("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" })
                       ]
                     }
                   )
@@ -960,17 +1050,17 @@ function pt({
               )
             ]
           },
-          b.label
+          c.label
         );
       })
     }
   );
 }
 export {
-  ye as DEFAULT_SERIES_COLORS,
-  Lt as Graph,
-  pt 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
 };