@gearbox-protocol/ui-kit 4.0.0-next.57 → 4.0.0-next.59

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

@@ -1,42 +1,56 @@
-import { jsxs as te, jsx as w } from "react/jsx-runtime";
-import { createChart as ht, CrosshairMode as dt, LineStyle as le, LineSeries as mt, AreaSeries as gt } from "lightweight-charts";
-import * as Ve from "react";
-import { useRef as K, useState as ne, useEffect as G, useLayoutEffect as pt } from "react";
+import { jsxs as U, jsx as w } from "react/jsx-runtime";
+import { createChart as ht, CrosshairMode as gt, LineStyle as ie, LineSeries as pt, AreaSeries as dt } from "lightweight-charts";
+import * as we from "react";
+import { useRef as K, useState as oe, useEffect as G, useLayoutEffect as mt } from "react";
 import { useIsMobile as bt } from "../../hooks/use-media-query.js";
 import { cn as O } from "../../utils/cn.js";
-import { hslToHex as St, generateColorsFromBase as Ce, resolveCSSColor as ie } from "../../utils/colors.js";
-import { getDefaultOptions as Je, getDefaultSeries as vt, AXIS_TICK_MARK_DENSITY as ve, getDefaultVerticalLine as Ct, AXIS_FONT_SIZE as xt, AXIS_EDGE_LABEL_PADDING_PX as Qe, AXIS_TOP_LABEL_PADDING_PX as Ye, AXIS_TIME_EDGE_PADDING_PX as yt } from "./default-config.js";
-import { formatExactValue as Le, isRatioUnit as _t, getXFormatters as Ue, createAdaptiveYAxisFormatter as wt } from "./formatters.js";
+import { hslToHex as St, generateColorsFromBase as de, resolveCSSColor as re } from "../../utils/colors.js";
+import { AXIS_TIME_EDGE_PADDING_PX as vt, getDefaultOptions as Ze, getDefaultSeries as Ct, AXIS_TICK_MARK_DENSITY as pe, getDefaultVerticalLine as yt, AXIS_FONT_SIZE as xt, AXIS_EDGE_LABEL_PADDING_PX as qe, AXIS_TOP_LABEL_PADDING_PX as Oe } from "./default-config.js";
+import { formatExactValue as Pe, isRatioUnit as _t, getXFormatters as Je, createAdaptiveYAxisFormatter as wt } from "./formatters.js";
 import { GraphCurrentValue as Pt } from "./graph-current-value.js";
-import { GraphTooltip as Nt } from "./graph-tooltip.js";
+import { GraphTooltip as Tt } from "./graph-tooltip.js";
 import { VertLine as Rt } from "./plugins/vertical-line.js";
-import { pickMinMove as Tt, niceAxisRange as Vt } from "./y-axis-scale.js";
-function ae(e) {
+import { pickMinMove as Nt, niceAxisRange as Vt } from "./y-axis-scale.js";
+function ne(e) {
   return e.id ?? e.label;
 }
-function et(e, i, c) {
+function kt({
+  lastIndex: e,
+  width: i,
+  padLeft: c,
+  padRight: f,
+  paddingPx: h = vt
+}) {
+  if (e < 0) return null;
+  const u = (c || f) && i > 0 ? h * Math.max(e, 1) / i : 0;
+  return {
+    from: c && u !== 0 ? -u : 0,
+    to: f ? e + u : e
+  };
+}
+function Qe(e, i, c) {
   if (!c)
     return e.values().next().value;
-  const u = e.get(c);
-  if (u) return u;
-  const h = i.find((f) => f.id === c || f.label === c);
-  return h ? e.get(ae(h)) : void 0;
+  const f = e.get(c);
+  if (f) return f;
+  const h = i.find((u) => u.id === c || u.label === c);
+  return h ? e.get(ne(h)) : void 0;
 }
 class Lt {
   _yTop;
   _yBottom;
   _color;
-  constructor(i, c, u) {
-    this._yTop = i, this._yBottom = c, this._color = u;
+  constructor(i, c, f) {
+    this._yTop = i, this._yBottom = c, this._color = f;
   }
   draw(i) {
     i.useBitmapCoordinateSpace((c) => {
-      const u = c.context, h = c.verticalPixelRatio, f = this._yTop === null ? 0 : this._yTop * h, S = this._yBottom === null ? c.bitmapSize.height : this._yBottom * h, P = Math.min(f, S), I = Math.max(f, S);
-      u.fillStyle = this._color, u.fillRect(0, P, c.bitmapSize.width, I - P);
+      const f = c.context, h = c.verticalPixelRatio, u = this._yTop === null ? 0 : this._yTop * h, S = this._yBottom === null ? c.bitmapSize.height : this._yBottom * h, P = Math.min(u, S), D = Math.max(u, S);
+      f.fillStyle = this._color, f.fillRect(0, P, c.bitmapSize.width, D - P);
     });
   }
 }
-class kt {
+class Mt {
   _source;
   _yTop = null;
   _yBottom = null;
@@ -55,14 +69,14 @@ class kt {
     return new Lt(this._yTop, this._yBottom, this._source.color);
   }
 }
-class Mt {
+class Dt {
   series;
   priceTop;
   priceBottom;
   color;
   _paneViews;
-  constructor(i, c, u, h) {
-    this.series = i, this.priceTop = c, this.priceBottom = u, this.color = h, this._paneViews = [new kt(this)];
+  constructor(i, c, f, h) {
+    this.series = i, this.priceTop = c, this.priceBottom = f, this.color = h, this._paneViews = [new Mt(this)];
   }
   updateAllViews() {
     for (const i of this._paneViews) i.update();
@@ -73,35 +87,35 @@ class Mt {
 }
 function It(e, i) {
   switch (e) {
-    case le.Dotted:
+    case ie.Dotted:
       return [i, i];
-    case le.Dashed:
+    case ie.Dashed:
       return [2 * i, 2 * i];
-    case le.LargeDashed:
+    case ie.LargeDashed:
       return [6 * i, 6 * i];
-    case le.SparseDotted:
+    case ie.SparseDotted:
       return [i, 4 * i];
     default:
       return [];
   }
 }
-class Dt {
+class Et {
   _y;
   _color;
   _lineWidth;
   _lineStyle;
-  constructor(i, c, u, h) {
-    this._y = i, this._color = c, this._lineWidth = u, this._lineStyle = h;
+  constructor(i, c, f, h) {
+    this._y = i, this._color = c, this._lineWidth = f, this._lineStyle = h;
   }
   draw(i) {
     i.useBitmapCoordinateSpace((c) => {
       if (this._y === null) return;
-      const u = c.context, h = c.verticalPixelRatio, f = Math.max(1, Math.round(this._lineWidth * h)), S = Math.round(this._y * h);
-      u.save(), u.strokeStyle = this._color, u.lineWidth = f, u.setLineDash(It(this._lineStyle, f)), u.beginPath(), u.moveTo(0, S), u.lineTo(c.bitmapSize.width, S), u.stroke(), u.restore();
+      const f = c.context, h = c.verticalPixelRatio, u = Math.max(1, Math.round(this._lineWidth * h)), S = Math.round(this._y * h);
+      f.save(), f.strokeStyle = this._color, f.lineWidth = u, f.setLineDash(It(this._lineStyle, u)), f.beginPath(), f.moveTo(0, S), f.lineTo(c.bitmapSize.width, S), f.stroke(), f.restore();
     });
   }
 }
-class Et {
+class Bt {
   _source;
   _y = null;
   constructor(i) {
@@ -120,7 +134,7 @@ class Et {
     return "top";
   }
   renderer() {
-    return new Dt(
+    return new Et(
       this._y,
       this._source.color,
       this._source.lineWidth,
@@ -128,15 +142,15 @@ class Et {
     );
   }
 }
-class Bt {
+class Ft {
   series;
   price;
   color;
   lineWidth;
   lineStyle;
   _paneViews;
-  constructor(i, c, u, h, f) {
-    this.series = i, this.price = c, this.color = u, this.lineWidth = h, this.lineStyle = f, this._paneViews = [new Et(this)];
+  constructor(i, c, f, h, u) {
+    this.series = i, this.price = c, this.color = f, this.lineWidth = h, this.lineStyle = u, this._paneViews = [new Bt(this)];
   }
   updateAllViews() {
     for (const i of this._paneViews) i.update();
@@ -145,29 +159,29 @@ class Bt {
     return this._paneViews;
   }
 }
-function Ft(e, i, c) {
-  const u = e.labelText ?? "", h = e.value, f = h === void 0 ? "" : typeof h == "number" ? i === "$" ? `$${Le(h, void 0, c)}` : i === "%" ? `${Le(h, void 0, c)}%` : Le(
+function zt(e, i, c) {
+  const f = e.labelText ?? "", h = e.value, u = h === void 0 ? "" : typeof h == "number" ? i === "$" ? `$${Pe(h, void 0, c)}` : i === "%" ? `${Pe(h, void 0, c)}%` : Pe(
     h,
     i !== "none" && i !== "%" && i !== "$" && !_t(i) ? i : void 0,
     c
   ) : String(h);
-  return { labelText: u, valueStr: f };
+  return { labelText: f, valueStr: u };
 }
-const tt = 4;
-function zt(e, i, c) {
-  const u = { left: e, transform: "translateX(-50%)" };
+const Ye = 4;
+function At(e, i, c) {
+  const f = { left: e, transform: "translateX(-50%)" };
   if (i <= 0 || !c || c <= 0)
-    return u;
-  const h = c / 2, f = tt + h, S = i - tt - h;
-  return S < f ? { left: i / 2, transform: "translateX(-50%)" } : { left: Math.min(Math.max(e, f), S), transform: "translateX(-50%)" };
+    return f;
+  const h = c / 2, u = Ye + h, S = i - Ye - h;
+  return S < u ? { left: i / 2, transform: "translateX(-50%)" } : { left: Math.min(Math.max(e, u), S), transform: "translateX(-50%)" };
 }
-function At(e, i) {
+function Gt(e, i) {
   for (let c = e.length - 1; c >= 0; c--)
     if (Number(e[c].time) <= i)
       return e[c].value;
   return 0;
 }
-const ke = [
+const Te = [
   // 0  green (emerald)
   {
     line: "#02c39a",
@@ -282,105 +296,105 @@ const ke = [
     top: "rgba(71, 85, 105, 0.56)",
     bottom: "rgba(71, 85, 105, 0.04)"
   }
-], Gt = 137.5;
-function ot(e) {
-  if (e < ke.length)
-    return ke[e];
-  const c = (e - ke.length) * Gt % 360, u = St(c, 70, 50), { topColor: h, bottomColor: f } = Ce(u);
-  return { line: u, top: h, bottom: f };
+], Wt = 137.5;
+function Ue(e) {
+  if (e < Te.length)
+    return Te[e];
+  const c = (e - Te.length) * Wt % 360, f = St(c, 70, 50), { topColor: h, bottomColor: u } = de(f);
+  return { line: f, top: h, bottom: u };
 }
-function oo({
+function ro({
   series: e,
   className: i,
   showLegend: c = !1,
-  onUnselectSeries: u,
+  onUnselectSeries: f,
   xMeasureUnit: h = "time",
-  yMeasureUnit: f = "token",
+  yMeasureUnit: u = "token",
   optionsOverrides: S,
   verticalLineOptions: P,
-  priceLineOptions: I,
-  zoneOptions: F,
-  currentValueDecimals: se,
+  priceLineOptions: D,
+  zoneOptions: z,
+  currentValueDecimals: le,
   useSharedPriceScale: Z = !1,
-  dualYAxis: D = !1,
-  defaultVisiblePriceScaleId: Me = "right",
-  leftPriceScaleTitle: Ie,
-  rightPriceScaleTitle: Xt,
-  showCurrentValue: rt = !0,
-  graphTitle: xe,
-  yScaleMin: De,
-  yScaleMinMultiple: Ee,
-  visibleTimeFrom: Y,
-  disableZoom: Be = !1,
-  hideDefaultTooltip: ye = !1
+  dualYAxis: I = !1,
+  defaultVisiblePriceScaleId: Re = "right",
+  leftPriceScaleTitle: Ne,
+  rightPriceScaleTitle: $t,
+  showCurrentValue: et = !0,
+  graphTitle: me,
+  yScaleMin: Ve,
+  yScaleMinMultiple: ke,
+  visibleTimeFrom: ae,
+  disableZoom: Le = !1,
+  hideDefaultTooltip: be = !1
 }) {
-  const E = K(null), L = K(/* @__PURE__ */ new Map()), _e = K(!1), Fe = K(!0), ze = K([]), ce = K(0), B = K(null), we = K(null), Ae = K(null), N = bt(), ue = Ve.useMemo(() => e.flatMap((t) => t.data), [e]), nt = Ve.useMemo(() => {
+  const E = K(null), N = K(/* @__PURE__ */ new Map()), Se = K(!1), Me = K(!0), De = K([]), se = K(0), B = K(null), ve = K(null), Ie = K(null), T = bt(), ce = we.useMemo(() => e.flatMap((t) => t.data), [e]), tt = we.useMemo(() => {
     if (e.length > 0) {
       const t = e[e.length - 1];
       if (t.data.length > 0)
         return t.data[t.data.length - 1];
     }
-  }, [e]), [Ge, Pe] = ne(() => {
-    if (!nt) return;
+  }, [e]), [Ee, Ce] = oe(() => {
+    if (!tt) return;
     const t = /* @__PURE__ */ new Map();
-    for (const l of e)
-      l.data.length > 0 && t.set(l.label, l.data[l.data.length - 1]);
+    for (const a of e)
+      a.data.length > 0 && t.set(a.label, a.data[a.data.length - 1]);
     return t;
-  }), [We, J] = ne(null), [Xe, $e] = ne([]), [it, He] = ne(0), je = K(/* @__PURE__ */ new Map()), [at, lt] = ne({}), [U, st] = ne(0);
+  }), [Be, J] = oe(null), [Fe, ze] = oe([]), [ot, Ae] = oe(0), Ge = K(/* @__PURE__ */ new Map()), [rt, nt] = oe({}), [Q, it] = oe(0);
   G(() => {
     const t = () => {
       try {
-        if (B.current && He(B.current.clientWidth), E.current && B.current) {
-          const a = B.current.clientWidth, s = B.current.clientHeight;
-          E.current.resize(a, s);
+        if (B.current && Ae(B.current.clientWidth), E.current && B.current) {
+          const l = B.current.clientWidth, s = B.current.clientHeight;
+          E.current.resize(l, s);
           try {
-            ce.current = E.current.paneSize().height;
+            se.current = E.current.paneSize().height;
           } catch {
           }
         }
       } catch {
       }
-    }, l = B.current, n = l ? new ResizeObserver(t) : null;
-    return Ae.current = n, l && n?.observe(l), () => {
-      l && n?.unobserve(l), n?.disconnect(), Ae.current = null;
+    }, a = B.current, r = a ? new ResizeObserver(t) : null;
+    return Ie.current = r, a && r?.observe(a), () => {
+      a && r?.unobserve(a), r?.disconnect(), Ie.current = null;
     };
   }, []), G(() => {
-    if (!we.current || _e.current) return;
-    const t = Je(), l = ie(
+    if (!ve.current || Se.current) return;
+    const t = Ze(), a = re(
       "hsl(var(--muted-foreground))",
       "rgb(163, 163, 163)"
-    ), n = ht(we.current, {
+    ), r = ht(ve.current, {
       ...t,
       leftPriceScale: {
         ...t.leftPriceScale || {},
         visible: !1,
-        textColor: l
+        textColor: a
       },
       rightPriceScale: {
         ...t.rightPriceScale || {},
-        visible: !N,
-        textColor: l
+        visible: !T,
+        textColor: a
       },
-      ...N && {
+      ...T && {
         crosshair: {
           ...t.crosshair,
-          mode: dt.Magnet
+          mode: gt.Magnet
         }
       }
     });
-    E.current = n, _e.current = !0;
+    E.current = r, Se.current = !0;
     try {
-      ce.current = n.paneSize().height;
+      se.current = r.paneSize().height;
     } catch {
-      ce.current = 0;
+      se.current = 0;
     }
-    return st((a) => a + 1), () => {
-      n.remove(), E.current = null, _e.current = !1, L.current.clear();
+    return it((l) => l + 1), () => {
+      r.remove(), E.current = null, Se.current = !1, N.current.clear();
     };
-  }, [N]), G(() => {
+  }, [T]), G(() => {
     const t = E.current;
     t && t.applyOptions(
-      Be ? {
+      Le ? {
         handleScale: {
           mouseWheel: !1,
           pinch: !1,
@@ -408,225 +422,225 @@ function oo({
         }
       }
     );
-  }, [U, Be]), G(() => {
+  }, [Q, Le]), G(() => {
     const t = E.current;
     !t || !S || t.applyOptions(S);
-  }, [U, S]), G(() => {
+  }, [Q, S]), G(() => {
     const t = E.current;
     if (!t || e.length === 0) return;
-    const n = e.filter((r) => r.data.length > 0).length <= 1 ? De : Ee, a = h === "time" ? Ue(h, ue) : Ue(h), s = /* @__PURE__ */ new Map();
+    const r = e.filter((n) => n.data.length > 0).length <= 1 ? Ve : ke, l = h === "time" ? Je(h, ce) : Je(h), s = /* @__PURE__ */ new Map();
     {
-      let r = 0;
+      let n = 0;
       for (const o of e)
         o.data.length !== 0 && (s.set(
           o.label,
-          o.priceScaleId ?? (r === 0 ? "left" : "right")
-        ), r++);
+          o.priceScaleId ?? (n === 0 ? "left" : "right")
+        ), n++);
     }
-    const d = (r, o, m) => {
-      const { formatter: z, tickmarksFormatter: T, updateVisibleRange: V } = wt(r, o, {
-        yScaleMin: n
+    const p = (n, o, g) => {
+      const { formatter: L, tickmarksFormatter: k, updateVisibleRange: F } = wt(n, o, {
+        yScaleMin: r
       });
-      return { formatter: z, tickmarksFormatter: T, updateVisibleRange: V, labels: m };
-    }, g = [];
-    if (D)
-      for (const r of ["left", "right"]) {
-        const o = /* @__PURE__ */ new Set(), m = [];
-        let z = f;
-        for (const T of e)
-          if (T.data.length !== 0 && s.get(T.label) === r) {
-            o.size === 0 && T.yMeasureUnit && (z = T.yMeasureUnit), o.add(T.label);
-            for (const V of T.data) m.push(V.value);
+      return { formatter: L, tickmarksFormatter: k, updateVisibleRange: F, labels: g };
+    }, d = [];
+    if (I)
+      for (const n of ["left", "right"]) {
+        const o = /* @__PURE__ */ new Set(), g = [];
+        let L = u;
+        for (const k of e)
+          if (k.data.length !== 0 && s.get(k.label) === n) {
+            o.size === 0 && k.yMeasureUnit && (L = k.yMeasureUnit), o.add(k.label);
+            for (const F of k.data) g.push(F.value);
           }
-        o.size > 0 && g.push(d(m, z, o));
+        o.size > 0 && d.push(p(g, L, o));
       }
     else {
-      const r = ue.map((m) => m.value), o = new Set(
-        e.filter((m) => m.data.length > 0).map((m) => m.label)
+      const n = ce.map((g) => g.value), o = new Set(
+        e.filter((g) => g.data.length > 0).map((g) => g.label)
       );
-      g.push(d(r, f, o));
+      d.push(p(n, u, o));
     }
-    ze.current = g;
-    const x = /* @__PURE__ */ new Map();
-    for (const r of g)
-      for (const o of r.labels)
-        x.set(o, r);
-    const y = Je();
+    De.current = d;
+    const y = /* @__PURE__ */ new Map();
+    for (const n of d)
+      for (const o of n.labels)
+        y.set(o, n);
+    const x = Ze();
     t.applyOptions({
       localization: {
-        ...y.localization || {},
+        ...x.localization || {},
         // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-        timeFormatter: (r) => (
+        timeFormatter: (n) => (
           // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-          a.timeFormatter(parseFloat(r), void 0)
+          l.timeFormatter(parseFloat(n), void 0)
         )
       },
       timeScale: {
-        ...y.timeScale || {},
+        ...x.timeScale || {},
         ...S?.timeScale,
         // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-        tickMarkFormatter: a.tickMarkFormatter,
+        tickMarkFormatter: l.tickMarkFormatter,
         minBarSpacing: 0
       }
     });
-    const v = !D && e.length > 1 && !Z, W = D ? N : e.length > 1 && !Z || N, k = ie(
+    const v = !I && e.length > 1 && !Z, W = I ? T : e.length > 1 && !Z || T, V = re(
       "hsl(var(--muted-foreground))",
       "rgb(163, 163, 163)"
     );
     t.applyOptions({
-      ...D && {
-        defaultVisiblePriceScaleId: Me
+      ...I && {
+        defaultVisiblePriceScaleId: Re
       },
       leftPriceScale: {
-        ...y.leftPriceScale || {},
+        ...x.leftPriceScale || {},
         ...S?.leftPriceScale,
-        visible: D && !N,
-        textColor: k,
-        ...D && Ie && {
+        visible: I && !T,
+        textColor: V,
+        ...I && Ne && {
           // lightweight-charts uses scale margins; title shown via localization if needed
         }
       },
       rightPriceScale: {
-        ...y.rightPriceScale || {},
+        ...x.rightPriceScale || {},
         ...S?.rightPriceScale,
-        visible: D ? !N : !W,
-        textColor: k
+        visible: I ? !T : !W,
+        textColor: V
       }
     });
-    const ee = new Set(L.current.keys()), X = new Set(e.map(ae));
-    for (const r of ee)
-      if (!X.has(r)) {
-        const o = L.current.get(r);
-        o && (t.removeSeries(o), L.current.delete(r));
+    const Y = new Set(N.current.keys()), X = new Set(e.map(ne));
+    for (const n of Y)
+      if (!X.has(n)) {
+        const o = N.current.get(n);
+        o && (t.removeSeries(o), N.current.delete(n));
       }
-    const p = vt(), M = [];
+    const m = Ct(), M = [];
     let R = 0;
-    const $ = e.find((r) => r.data.length > 0), C = /* @__PURE__ */ new Map();
-    if (I && I.length > 0)
-      for (const r of I) {
-        if (!Number.isFinite(r.price)) continue;
-        const o = r.seriesLabel ?? $?.label;
+    const $ = e.find((n) => n.data.length > 0), C = /* @__PURE__ */ new Map();
+    if (D && D.length > 0)
+      for (const n of D) {
+        if (!Number.isFinite(n.price)) continue;
+        const o = n.seriesLabel ?? $?.label;
         if (!o) continue;
-        const m = C.get(o) ?? [];
-        m.push(r.price), C.set(o, m);
+        const g = C.get(o) ?? [];
+        g.push(n.price), C.set(o, g);
       }
-    if (F && F.length > 0)
-      for (const r of F) {
-        const o = r.seriesLabel ?? $?.label;
+    if (z && z.length > 0)
+      for (const n of z) {
+        const o = n.seriesLabel ?? $?.label;
         if (!o) continue;
-        const m = C.get(o) ?? [];
-        Number.isFinite(r.priceTop) && m.push(r.priceTop), Number.isFinite(r.priceBottom) && m.push(r.priceBottom), C.set(o, m);
+        const g = C.get(o) ?? [];
+        Number.isFinite(n.priceTop) && g.push(n.priceTop), Number.isFinite(n.priceBottom) && g.push(n.priceBottom), C.set(o, g);
       }
-    for (let r = 0; r < e.length; r++) {
-      const o = e[r], m = ae(o), z = ot(r), T = o.lineColor ?? o.color ?? z.line;
-      let V, Q;
+    for (let n = 0; n < e.length; n++) {
+      const o = e[n], g = ne(o), L = Ue(n), k = o.lineColor ?? o.color ?? L.line;
+      let F, q;
       if (o.lineColor ?? o.color)
         if (o.topColor && o.bottomColor)
-          V = o.topColor, Q = o.bottomColor;
+          F = o.topColor, q = o.bottomColor;
         else if (o.topColor) {
-          const b = Ce(T);
-          V = o.topColor, Q = b.bottomColor;
+          const b = de(k);
+          F = o.topColor, q = b.bottomColor;
         } else if (o.bottomColor)
-          V = Ce(T).topColor, Q = o.bottomColor;
+          F = de(k).topColor, q = o.bottomColor;
         else {
-          const b = Ce(T);
-          V = b.topColor, Q = b.bottomColor;
+          const b = de(k);
+          F = b.topColor, q = b.bottomColor;
         }
       else
-        V = o.topColor || z.top, Q = o.bottomColor || z.bottom;
+        F = o.topColor || L.top, q = o.bottomColor || L.bottom;
       if (o.data.length === 0) {
-        const b = L.current.get(m);
-        b && (t.removeSeries(b), L.current.delete(m));
+        const b = N.current.get(g);
+        b && (t.removeSeries(b), N.current.delete(g));
         continue;
       }
-      const pe = o.data.length > 0 ? Math.min(...o.data.map((b) => b.value)) : 0, fe = o.data.length > 0 ? Math.max(...o.data.map((b) => b.value)) : 0, he = pe < 0, q = o.data.some((b) => b.value === 0), be = !he && q, de = Tt(fe - pe), me = D ? o.priceScaleId ?? (R === 0 ? "left" : "right") : Z || !v || R === 0 ? "right" : `scale-${R}`;
+      const ue = o.data.length > 0 ? Math.min(...o.data.map((b) => b.value)) : 0, he = o.data.length > 0 ? Math.max(...o.data.map((b) => b.value)) : 0, lt = ue < 0, at = o.data.some((b) => b.value === 0), st = !lt && at, Xe = Nt(he - ue), $e = I ? o.priceScaleId ?? (R === 0 ? "left" : "right") : Z || !v || R === 0 ? "right" : `scale-${R}`;
       v && M.push({
-        priceScaleId: me || "right",
+        priceScaleId: $e || "right",
         seriesIndex: R
       });
-      const Ne = (Z || !v) && n !== void 0 && typeof n == "number", ct = C.get(o.label) ?? [], ut = (b) => {
+      const ye = (Z || !v) && r !== void 0 && typeof r == "number", ct = C.get(o.label) ?? [], ut = (b) => {
         const _ = b();
         if (_?.priceRange) {
-          Ne && (_.priceRange.minValue = n);
+          ye && (_.priceRange.minValue = r);
           for (const j of ct)
             j < _.priceRange.minValue && (_.priceRange.minValue = j), j > _.priceRange.maxValue && (_.priceRange.maxValue = j);
-          const re = Ne ? n : be && _.priceRange.minValue >= 0 ? 0 : void 0, Se = ce.current > 0 ? ce.current : B.current?.clientHeight ?? 0;
-          if (Se > 0) {
+          const te = ye ? r : st && _.priceRange.minValue >= 0 ? 0 : void 0, ge = se.current > 0 ? se.current : B.current?.clientHeight ?? 0;
+          if (ge > 0) {
             const j = Vt({
               min: _.priceRange.minValue,
               max: _.priceRange.maxValue,
-              floor: re,
-              scaleHeightPx: Se,
+              floor: te,
+              scaleHeightPx: ge,
               fontSizePx: xt,
-              tickMarkDensity: ve,
-              minMove: de,
-              edgePaddingPx: Qe,
-              edgePaddingTopPx: Ye
+              tickMarkDensity: pe,
+              minMove: Xe,
+              edgePaddingPx: qe,
+              edgePaddingTopPx: Oe
             });
             _.priceRange.minValue = j.min, _.priceRange.maxValue = j.max;
           }
           _.margins = {
-            above: Ye,
-            below: Qe
+            above: Oe,
+            below: qe
           };
         }
         return _;
-      }, Ze = x.get(o.label) ?? g[0], qe = Ze.formatter, ft = Ze.tickmarksFormatter, Re = {
-        lineColor: T,
-        topColor: V,
-        bottomColor: Q,
-        priceScaleId: me,
+      }, He = y.get(o.label) ?? d[0], je = He.formatter, ft = He.tickmarksFormatter, xe = {
+        lineColor: k,
+        topColor: F,
+        bottomColor: q,
+        priceScaleId: $e,
         ...o.seriesType === "line" && {
-          lineStyle: o.lineStyle ?? le.Solid
+          lineStyle: o.lineStyle ?? ie.Solid
         },
         priceFormat: {
           type: "custom",
-          minMove: de,
-          formatter: Ne && typeof n == "number" ? (b) => qe(
-            b < n ? n : b
-          ) : qe,
+          minMove: Xe,
+          formatter: ye && typeof r == "number" ? (b) => je(
+            b < r ? r : b
+          ) : je,
           tickmarksFormatter: ft
         },
         autoscaleInfoProvider: ut
-      }, Oe = o.seriesType === "line";
-      let A = L.current.get(m);
-      const oe = o.data.map((b) => ({
+      }, Ke = o.seriesType === "line";
+      let A = N.current.get(g);
+      const ee = o.data.map((b) => ({
         ...b,
         time: b.time
       }));
-      if (Y !== void 0 && oe.length > 0 && Number(oe[0].time) > Y) {
-        const b = Number(oe[0].time), _ = b - Y, re = 86400, Se = _ > 180 * re ? 7 * re : _ > 30 * re ? re : 6 * 3600, j = [];
-        for (let Te = Y; Te < b; Te += Se)
-          j.push({ time: Te });
-        oe.unshift(...j);
+      if (ae !== void 0 && ee.length > 0 && Number(ee[0].time) > ae) {
+        const b = Number(ee[0].time), _ = b - ae, te = 86400, ge = _ > 180 * te ? 7 * te : _ > 30 * te ? te : 6 * 3600, j = [];
+        for (let _e = ae; _e < b; _e += ge)
+          j.push({ time: _e });
+        ee.unshift(...j);
       }
-      A && A.seriesType() !== (Oe ? "Line" : "Area") && (t.removeSeries(A), L.current.delete(m), A = void 0), A ? (A.applyOptions(Re), A.setData(oe)) : (Oe ? A = t.addSeries(mt, {
-        ...p,
-        ...Re
-      }) : A = t.addSeries(gt, {
-        ...p,
-        ...Re
-      }), A.setData(oe), L.current.set(m, A)), R++;
+      A && A.seriesType() !== (Ke ? "Line" : "Area") && (t.removeSeries(A), N.current.delete(g), A = void 0), A ? (A.applyOptions(xe), A.setData(ee)) : (Ke ? A = t.addSeries(pt, {
+        ...m,
+        ...xe
+      }) : A = t.addSeries(dt, {
+        ...m,
+        ...xe
+      }), A.setData(ee), N.current.set(g, A)), R++;
     }
-    if (D)
+    if (I)
       try {
-        const r = t.priceScale("left"), o = t.priceScale("right"), m = {
-          visible: !N,
+        const n = t.priceScale("left"), o = t.priceScale("right"), g = {
+          visible: !T,
           autoScale: !0,
           scaleMargins: { top: 0, bottom: 0 },
           alignLabels: !0,
           entireTextOnly: !1,
-          tickMarkDensity: ve,
-          textColor: k,
+          tickMarkDensity: pe,
+          textColor: V,
           ...S?.rightPriceScale
         };
-        r?.applyOptions(m), o?.applyOptions(m);
+        n?.applyOptions(g), o?.applyOptions(g);
       } catch {
       }
     else if (v && M.length > 0)
-      for (const r of M)
+      for (const n of M)
         try {
-          const o = t.priceScale(r.priceScaleId);
+          const o = t.priceScale(n.priceScaleId);
           o && o.applyOptions({
             visible: !1,
             autoScale: !0,
@@ -636,20 +650,20 @@ function oo({
             },
             alignLabels: !0,
             entireTextOnly: !1,
-            tickMarkDensity: ve,
-            textColor: k
+            tickMarkDensity: pe,
+            textColor: V
           });
         } catch (o) {
           console.warn(
-            `Failed to configure price scale ${r.priceScaleId} for series ${r.seriesIndex}:`,
+            `Failed to configure price scale ${n.priceScaleId} for series ${n.seriesIndex}:`,
             o
           );
         }
     else if (!v)
       try {
-        const r = t.priceScale("right");
-        r && r.applyOptions({
-          visible: !N,
+        const n = t.priceScale("right");
+        n && n.applyOptions({
+          visible: !T,
           autoScale: !0,
           scaleMargins: {
             top: 0,
@@ -657,313 +671,308 @@ function oo({
           },
           alignLabels: !0,
           entireTextOnly: !1,
-          tickMarkDensity: ve,
-          textColor: k,
+          tickMarkDensity: pe,
+          textColor: V,
           ...S?.rightPriceScale
         });
       } catch {
       }
-    if (n !== void 0 && !N && (Z || !v) && t.applyOptions({
+    if (r !== void 0 && !T && (Z || !v) && t.applyOptions({
       handleScroll: {
         vertTouchDrag: !1
       }
-    }), ue.length > 0) {
-      const r = ue.map((o) => Number(o.time)).filter((o) => Number.isFinite(o));
-      if (r.length > 0) {
-        const o = Math.min(...r), m = Y !== void 0 ? Math.min(Y, o) : o, z = Math.max(...r);
-        if (Number(m) <= Number(z)) {
-          const T = () => {
-            const V = t.timeScale();
-            if (h !== "time") {
-              V.applyOptions({
-                fixLeftEdge: !0,
-                fixRightEdge: !0
-              });
-              return;
-            }
-            const Q = D && !N, pe = D ? !N : !W, fe = !Q, he = !pe;
-            if (V.applyOptions({
-              fixLeftEdge: !fe,
-              fixRightEdge: !he
-            }), !fe && !he) return;
-            const q = V.getVisibleLogicalRange(), be = V.width();
-            if (!q || !(be > 0)) return;
-            const de = q.to - q.from;
-            if (!(de > 0)) return;
-            const me = yt * de / be;
-            V.setVisibleLogicalRange({
-              from: fe ? q.from - me : q.from,
-              to: he ? q.to + me : q.to
-            });
-          };
+    }), ce.length > 0) {
+      const n = ce.map((g) => Number(g.time)).filter((g) => Number.isFinite(g)), o = new Set(n).size - 1;
+      if (o >= 0) {
+        const g = () => {
+          const L = t.timeScale();
+          if (h !== "time") {
+            L.applyOptions({
+              fixLeftEdge: !0,
+              fixRightEdge: !0
+            }), L.setVisibleLogicalRange({ from: 0, to: o });
+            return;
+          }
+          const k = I && !T, F = I ? !T : !W, q = !k, ue = !F;
+          L.applyOptions({
+            fixLeftEdge: !q,
+            fixRightEdge: !ue
+          });
+          const he = kt({
+            lastIndex: o,
+            width: L.width(),
+            padLeft: q,
+            padRight: ue
+          });
+          he && L.setVisibleLogicalRange(he);
+        };
+        try {
+          g();
+        } catch {
           try {
-            t.timeScale().setVisibleRange({ from: m, to: z }), T();
+            t.timeScale().fitContent(), g();
           } catch {
-            try {
-              t.timeScale().fitContent(), T();
-            } catch {
-            }
           }
         }
       }
     }
-    Fe.current && (Fe.current = !1), S && t.applyOptions(S);
+    Me.current && (Me.current = !1), S && t.applyOptions(S);
     const H = /* @__PURE__ */ new Map();
-    for (const r of e)
-      r.data.length > 0 && H.set(r.label, r.data[r.data.length - 1]);
-    Pe(H.size > 0 ? H : void 0);
+    for (const n of e)
+      n.data.length > 0 && H.set(n.label, n.data[n.data.length - 1]);
+    Ce(H.size > 0 ? H : void 0);
   }, [
-    U,
+    Q,
     e,
-    ue,
+    ce,
     h,
-    f,
-    N,
+    u,
+    T,
     Z,
-    D,
-    Me,
-    Ie,
-    De,
-    Ee,
-    Y,
     I,
-    F,
+    Re,
+    Ne,
+    Ve,
+    ke,
+    ae,
+    D,
+    z,
     S
   ]), G(() => {
     const t = E.current;
     if (!t || e.length === 0) return;
-    const l = e.length === 1;
-    let n;
+    const a = e.length === 1;
+    let r;
     for (const s of e)
       if (s.data.length > 0) {
-        n = s.data[s.data.length - 1].time;
+        r = s.data[s.data.length - 1].time;
         break;
       }
-    if (!n) return;
-    const a = (s) => {
-      const { time: d = n, seriesData: g, point: x } = s || {}, y = e[0], v = y ? L.current.get(ae(y)) : void 0;
-      if (!x || !d) {
+    if (!r) return;
+    const l = (s) => {
+      const { time: p = r, seriesData: d, point: y } = s || {}, x = e[0], v = x ? N.current.get(ne(x)) : void 0;
+      if (!y || !p) {
         const X = /* @__PURE__ */ new Map();
-        for (const p of e)
-          p.data.length > 0 && X.set(p.label, p.data[p.data.length - 1]);
-        if (Pe(X.size > 0 ? X : void 0), l || Z || ye)
+        for (const m of e)
+          m.data.length > 0 && X.set(m.label, m.data[m.data.length - 1]);
+        if (Ce(X.size > 0 ? X : void 0), a || Z || be)
           J(null);
-        else if (v && n) {
-          const p = e[0];
-          if (p && p.data.length > 0) {
-            const R = t.timeScale().timeToCoordinate(n), $ = p.data[p.data.length - 1].value, C = v.priceToCoordinate($);
+        else if (v && r) {
+          const m = e[0];
+          if (m && m.data.length > 0) {
+            const R = t.timeScale().timeToCoordinate(r), $ = m.data[m.data.length - 1].value, C = v.priceToCoordinate($);
             R !== null && C !== null && J({ x: R, y: C });
           }
         }
         return;
       }
       const W = /* @__PURE__ */ new Map();
-      let k, ee = v;
+      let V, Y = v;
       for (let X = 0; X < e.length; X++) {
-        const p = e[X], M = L.current.get(ae(p));
+        const m = e[X], M = N.current.get(ne(m));
         if (!M) continue;
-        const R = g?.get(M), $ = R && "value" in R ? R.value : void 0;
+        const R = d?.get(M), $ = R && "value" in R ? R.value : void 0;
         let C;
         if ($ !== void 0)
           C = $;
-        else if (l) {
-          const H = Number(d), r = p.data.length > 0 ? Number(p.data[0].time) : Number.POSITIVE_INFINITY;
-          H < r ? C = Number.NaN : C = p.data[p.data.length - 1]?.value ?? 0;
+        else if (a) {
+          const H = Number(p), n = m.data.length > 0 ? Number(m.data[0].time) : Number.POSITIVE_INFINITY;
+          H < n ? C = Number.NaN : C = m.data[m.data.length - 1]?.value ?? 0;
         } else {
-          const H = p.data.length > 0 ? Number(p.data[0].time) : Number.POSITIVE_INFINITY;
-          if (Number(d) < H) continue;
-          C = At(p.data, Number(d));
+          const H = m.data.length > 0 ? Number(m.data[0].time) : Number.POSITIVE_INFINITY;
+          if (Number(p) < H) continue;
+          C = Gt(m.data, Number(p));
         }
-        Number.isNaN(C) || (k === void 0 && (k = C, ee = M), W.set(p.label, { value: C, time: d }));
+        Number.isNaN(C) || (V === void 0 && (V = C, Y = M), W.set(m.label, { value: C, time: p }));
       }
-      if (Pe(W), k !== void 0 && ee) {
-        const p = t.timeScale().timeToCoordinate(d), M = ee.priceToCoordinate(k);
-        if (p !== null && M !== null) {
+      if (Ce(W), V !== void 0 && Y) {
+        const m = t.timeScale().timeToCoordinate(p), M = Y.priceToCoordinate(V);
+        if (m !== null && M !== null) {
           const R = B.current;
           if (R) {
             const $ = R.querySelector(
               ".LightweightChart"
             );
             if ($) {
-              const C = $.getBoundingClientRect(), H = R.getBoundingClientRect(), r = p + (C.left - H.left), o = M + (C.top - H.top);
-              J({ x: r, y: o });
+              const C = $.getBoundingClientRect(), H = R.getBoundingClientRect(), n = m + (C.left - H.left), o = M + (C.top - H.top);
+              J({ x: n, y: o });
             } else
-              J({ x: p, y: M });
+              J({ x: m, y: M });
           } else
-            J({ x: p, y: M });
+            J({ x: m, y: M });
         } else
           J(null);
       } else
         J(null);
     };
-    return t.subscribeCrosshairMove(a), N && t.subscribeClick(a), !l && !Z && !ye && requestAnimationFrame(() => {
-      const s = e[0], d = s ? L.current.get(ae(s)) : void 0;
-      if (d && n && s.data.length > 0) {
-        const x = t.timeScale().timeToCoordinate(n), y = s.data[s.data.length - 1].value, v = d.priceToCoordinate(y);
-        x !== null && v !== null && J({ x, y: v });
+    return t.subscribeCrosshairMove(l), T && t.subscribeClick(l), !a && !Z && !be && requestAnimationFrame(() => {
+      const s = e[0], p = s ? N.current.get(ne(s)) : void 0;
+      if (p && r && s.data.length > 0) {
+        const y = t.timeScale().timeToCoordinate(r), x = s.data[s.data.length - 1].value, v = p.priceToCoordinate(x);
+        y !== null && v !== null && J({ x: y, y: v });
       }
     }), () => {
-      t.unsubscribeCrosshairMove(a), N && t.unsubscribeClick(a);
+      t.unsubscribeCrosshairMove(l), T && t.unsubscribeClick(l);
     };
-  }, [e, Z, N, ye]), G(() => {
+  }, [e, Z, T, be]), G(() => {
     const t = E.current;
     if (!t || e.length === 0) return;
-    const l = t.timeScale(), n = () => {
-      const a = ze.current;
-      if (a.length === 0) return;
-      const s = l.getVisibleRange();
+    const a = t.timeScale(), r = () => {
+      const l = De.current;
+      if (l.length === 0) return;
+      const s = a.getVisibleRange();
       if (!s) return;
-      const d = Number(s.from), g = Number(s.to);
-      for (const x of a) {
-        const y = [];
+      const p = Number(s.from), d = Number(s.to);
+      for (const y of l) {
+        const x = [];
         for (const v of e)
-          if (x.labels.has(v.label))
+          if (y.labels.has(v.label))
             for (const W of v.data) {
-              const k = Number(W.time);
-              k >= d && k <= g && y.push(W.value);
+              const V = Number(W.time);
+              V >= p && V <= d && x.push(W.value);
             }
-        y.length > 0 && x.updateVisibleRange(y);
+        x.length > 0 && y.updateVisibleRange(x);
       }
     };
-    return l.subscribeVisibleLogicalRangeChange(n), () => {
-      l.unsubscribeVisibleLogicalRangeChange(
-        n
+    return a.subscribeVisibleLogicalRangeChange(r), () => {
+      a.unsubscribeVisibleLogicalRangeChange(
+        r
       );
     };
   }, [e]), G(() => {
-    const t = E.current, l = Array.from(L.current.values()), n = [];
-    if (t && l.length > 0 && P) {
-      const a = Ct(), s = l[0];
-      for (const d of P) {
-        const g = {
-          ...a,
-          ...d.options || {}
+    const t = E.current, a = Array.from(N.current.values()), r = [];
+    if (t && a.length > 0 && P) {
+      const l = yt(), s = a[0];
+      for (const p of P) {
+        const d = {
+          ...l,
+          ...p.options || {}
         };
-        g.color && (g.color = ie(g.color, g.color));
-        const x = new Rt(t, s, d.xCoordinate, g);
-        s.attachPrimitive(x), n.push(x);
+        d.color && (d.color = re(d.color, d.color));
+        const y = new Rt(t, s, p.xCoordinate, d);
+        s.attachPrimitive(y), r.push(y);
       }
     }
     return () => {
-      if (l.length > 0) {
-        const a = l[0];
-        for (const s of n)
+      if (a.length > 0) {
+        const l = a[0];
+        for (const s of r)
           try {
-            a.detachPrimitive(s);
+            l.detachPrimitive(s);
           } catch {
           }
       }
     };
-  }, [P, e, U]), G(() => {
-    const t = [], l = [];
-    if (I && I.length > 0) {
-      const n = ie(
+  }, [P, e, Q]), G(() => {
+    const t = [], a = [];
+    if (D && D.length > 0) {
+      const r = re(
         "hsl(var(--destructive))",
         "rgb(239, 68, 68)"
       );
-      for (const a of I) {
-        if (!Number.isFinite(a.price)) continue;
-        const s = et(
-          L.current,
+      for (const l of D) {
+        if (!Number.isFinite(l.price)) continue;
+        const s = Qe(
+          N.current,
           e,
-          a.seriesLabel
+          l.seriesLabel
         );
         if (!s) continue;
-        const d = a.color ? ie(a.color, a.color) : n, g = a.lineWidth ?? 1, x = a.lineStyle ?? le.Dashed, y = s.createPriceLine({
-          price: a.price,
-          color: d,
-          lineWidth: g,
-          lineStyle: x,
-          axisLabelVisible: a.axisLabelVisible ?? !0,
-          title: a.title ?? ""
+        const p = l.color ? re(l.color, l.color) : r, d = l.lineWidth ?? 1, y = l.lineStyle ?? ie.Dashed, x = s.createPriceLine({
+          price: l.price,
+          color: p,
+          lineWidth: d,
+          lineStyle: y,
+          axisLabelVisible: l.axisLabelVisible ?? !0,
+          title: l.title ?? ""
         });
-        t.push({ series: s, line: y });
-        const v = new Bt(
+        t.push({ series: s, line: x });
+        const v = new Ft(
           s,
-          a.price,
+          l.price,
+          p,
           d,
-          g,
-          x
+          y
         );
-        s.attachPrimitive(v), l.push({ series: s, primitive: v });
+        s.attachPrimitive(v), a.push({ series: s, primitive: v });
       }
     }
     return () => {
-      for (const { series: n, primitive: a } of l)
+      for (const { series: r, primitive: l } of a)
         try {
-          n.detachPrimitive(a);
+          r.detachPrimitive(l);
         } catch {
         }
-      for (const { series: n, line: a } of t)
+      for (const { series: r, line: l } of t)
         try {
-          n.removePriceLine(a);
+          r.removePriceLine(l);
         } catch {
         }
     };
-  }, [I, e, U]), G(() => {
+  }, [D, e, Q]), G(() => {
     const t = [];
-    if (F && F.length > 0) {
-      const l = "rgba(239, 68, 68, 0.12)";
-      for (const n of F) {
-        const a = et(
-          L.current,
+    if (z && z.length > 0) {
+      const a = "rgba(239, 68, 68, 0.12)";
+      for (const r of z) {
+        const l = Qe(
+          N.current,
           e,
-          n.seriesLabel
+          r.seriesLabel
         );
-        if (!a) continue;
-        const s = n.color ? ie(n.color, l) : l, d = new Mt(
-          a,
-          n.priceTop,
-          n.priceBottom,
+        if (!l) continue;
+        const s = r.color ? re(r.color, a) : a, p = new Dt(
+          l,
+          r.priceTop,
+          r.priceBottom,
           s
         );
-        a.attachPrimitive(d), t.push({ series: a, zone: d });
+        l.attachPrimitive(p), t.push({ series: l, zone: p });
       }
     }
     return () => {
-      for (const { series: l, zone: n } of t)
+      for (const { series: a, zone: r } of t)
         try {
-          l.detachPrimitive(n);
+          a.detachPrimitive(r);
         } catch {
         }
     };
-  }, [F, e, U]), G(() => {
+  }, [z, e, Q]), G(() => {
     const t = E.current;
     if (!t || !P?.length) {
-      $e([]);
+      ze([]);
       return;
     }
-    const l = () => {
-      const s = t.timeScale(), d = P.map((g) => s.timeToCoordinate(g.xCoordinate) ?? null);
-      $e(d), B.current && He(B.current.clientWidth);
+    const a = () => {
+      const s = t.timeScale(), p = P.map((d) => s.timeToCoordinate(d.xCoordinate) ?? null);
+      ze(p), B.current && Ae(B.current.clientWidth);
     };
-    l();
-    const n = t.timeScale(), a = () => {
-      l();
+    a();
+    const r = t.timeScale(), l = () => {
+      a();
     };
-    return n.subscribeVisibleLogicalRangeChange(a), () => {
-      n.unsubscribeVisibleLogicalRangeChange(a);
+    return r.subscribeVisibleLogicalRangeChange(l), () => {
+      r.unsubscribeVisibleLogicalRangeChange(l);
     };
-  }, [P, e, U]), pt(() => {
-    lt((t) => {
-      const l = {};
-      let n = !1;
-      for (const [a, s] of je.current) {
+  }, [P, e, Q]), mt(() => {
+    nt((t) => {
+      const a = {};
+      let r = !1;
+      for (const [l, s] of Ge.current) {
         if (!s) continue;
-        const d = s.offsetWidth;
-        l[a] = d, t[a] !== d && (n = !0);
+        const p = s.offsetWidth;
+        a[l] = p, t[l] !== p && (r = !0);
       }
-      return Object.keys(t).length !== Object.keys(l).length && (n = !0), n ? l : t;
+      return Object.keys(t).length !== Object.keys(a).length && (r = !0), r ? a : t;
     });
   });
-  const ge = e.length === 1, Ke = Ve.useMemo(() => {
-    if (ge && e.length > 0) {
+  const fe = e.length === 1, We = we.useMemo(() => {
+    if (fe && e.length > 0) {
       const t = e[0];
       if (t.data.length > 0)
         return t.data[t.data.length - 1];
     }
-  }, [ge, e]);
-  return /* @__PURE__ */ te(
+  }, [fe, e]);
+  return /* @__PURE__ */ U(
     "div",
     {
       ref: B,
@@ -972,71 +981,71 @@ function oo({
         i
       ),
       children: [
-        xe != null && xe !== !1 && ge ? /* @__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: xe }) }) : rt && ge && Ke && /* @__PURE__ */ w(
+        me != null && me !== !1 && fe ? /* @__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: me }) }) : et && fe && We && /* @__PURE__ */ w(
           Pt,
           {
-            point: Ke,
+            point: We,
             xMeasureUnit: h,
-            yMeasureUnit: f,
-            decimals: se
+            yMeasureUnit: u,
+            decimals: le
           }
         ),
-        Ge && We && /* @__PURE__ */ w(
-          Nt,
+        Ee && Be && /* @__PURE__ */ w(
+          Tt,
           {
-            points: Ge,
+            points: Ee,
             xMeasureUnit: h,
-            yMeasureUnit: f,
+            yMeasureUnit: u,
             series: e,
-            position: We,
+            position: Be,
             containerRef: B,
-            decimals: se
+            decimals: le
           }
         ),
-        c && /* @__PURE__ */ w(Wt, { series: e, onUnselect: u }),
-        P && P.length > 0 && Xe.length === P.length && /* @__PURE__ */ w(
+        c && /* @__PURE__ */ w(Xt, { series: e, onUnselect: f }),
+        P && P.length > 0 && Fe.length === P.length && /* @__PURE__ */ w(
           "div",
           {
             className: "absolute inset-0 z-[5] pointer-events-none",
             "aria-hidden": !0,
-            children: P.map((t, l) => {
-              const n = Xe[l], a = t.options ?? {};
-              if (n === null) return null;
-              const { labelText: s, valueStr: d } = Ft(
-                a,
-                f,
-                se
-              ), g = a.tooltipText ?? "";
-              if (!(s || d || g)) return null;
-              const y = a.labelBackgroundColor ?? a.color ?? "hsl(var(--background))", v = a.labelTextColor ?? "hsl(var(--foreground))", W = `${String(t.xCoordinate)}-${s}-${g}`, k = zt(
-                n,
-                it,
-                at[l]
+            children: P.map((t, a) => {
+              const r = Fe[a], l = t.options ?? {};
+              if (r === null) return null;
+              const { labelText: s, valueStr: p } = zt(
+                l,
+                u,
+                le
+              ), d = l.tooltipText ?? "";
+              if (!(s || p || d)) return null;
+              const x = l.labelBackgroundColor ?? l.color ?? "hsl(var(--background))", v = l.labelTextColor ?? "hsl(var(--foreground))", W = `${String(t.xCoordinate)}-${s}-${d}`, V = At(
+                r,
+                ot,
+                rt[a]
               );
-              return /* @__PURE__ */ te(
+              return /* @__PURE__ */ U(
                 "div",
                 {
-                  ref: (ee) => {
-                    je.current.set(l, ee);
+                  ref: (Y) => {
+                    Ge.current.set(a, Y);
                   },
                   className: O(
                     "group absolute top-2 px-2 py-1 rounded text-xs font-medium whitespace-nowrap shadow-sm border border-border",
-                    g && "pointer-events-auto cursor-default"
+                    d && "pointer-events-auto cursor-default"
                   ),
                   style: {
-                    ...k,
-                    backgroundColor: y,
+                    ...V,
+                    backgroundColor: x,
                     color: v
                   },
                   children: [
                     s && /* @__PURE__ */ w("span", { className: "block", children: s }),
-                    d && /* @__PURE__ */ w("span", { className: O("block", s && "mt-0.5"), children: d }),
-                    g && /* @__PURE__ */ w(
+                    p && /* @__PURE__ */ w("span", { className: O("block", s && "mt-0.5"), children: p }),
+                    d && /* @__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: g
+                        children: d
                       }
                     )
                   ]
@@ -1049,7 +1058,7 @@ function oo({
         /* @__PURE__ */ w(
           "div",
           {
-            ref: we,
+            ref: ve,
             className: "LightweightChart w-full h-full overflow-hidden"
           }
         )
@@ -1057,30 +1066,30 @@ function oo({
     }
   );
 }
-function Wt({
+function Xt({
   series: e,
   markers: i,
   onUnselect: c,
-  inline: u = !1
+  inline: f = !1
 }) {
-  const h = e.every((f) => f.data.length === 0);
-  return /* @__PURE__ */ te(
+  const h = e.every((u) => u.data.length === 0);
+  return /* @__PURE__ */ U(
     "div",
     {
       className: O(
         "flex flex-wrap",
-        u ? "items-center justify-center gap-6" : "absolute top-0 left-2 z-[10] gap-2"
+        f ? "items-center justify-center gap-6" : "absolute top-0 left-2 z-[10] gap-2"
       ),
       children: [
-        e.map((f, S) => {
-          const P = ot(S), I = (f.lineColor ?? f.color) || P.line, F = !h && f.data.length === 0;
-          return /* @__PURE__ */ te(
+        e.map((u, S) => {
+          const P = Ue(S), D = (u.lineColor ?? u.color) || P.line, z = !h && u.data.length === 0;
+          return /* @__PURE__ */ U(
             "div",
             {
               className: O(
                 "flex shrink-0 items-center gap-1.5",
-                !u && "px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border",
-                F && "opacity-50"
+                !f && "px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border",
+                z && "opacity-50"
               ),
               children: [
                 /* @__PURE__ */ w(
@@ -1088,21 +1097,21 @@ function Wt({
                   {
                     className: O(
                       "shrink-0",
-                      u ? "size-2 rounded-full" : "h-3 w-3 rounded-sm"
+                      f ? "size-2 rounded-full" : "h-3 w-3 rounded-sm"
                     ),
-                    style: { backgroundColor: I }
+                    style: { backgroundColor: D }
                   }
                 ),
-                /* @__PURE__ */ te(
+                /* @__PURE__ */ U(
                   "span",
                   {
                     className: O(
                       "font-medium text-foreground",
-                      u ? "text-sm" : "text-[10px] sm:text-xs"
+                      f ? "text-sm" : "text-[10px] sm:text-xs"
                     ),
                     children: [
-                      f.label,
-                      F && " (no data)"
+                      u.label,
+                      z && " (no data)"
                     ]
                   }
                 ),
@@ -1110,12 +1119,12 @@ function Wt({
                   "button",
                   {
                     type: "button",
-                    onClick: (se) => {
-                      se.stopPropagation(), c(f.label);
+                    onClick: (le) => {
+                      le.stopPropagation(), c(u.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 ${f.label}`,
-                    children: /* @__PURE__ */ te(
+                    "aria-label": `Remove ${u.label}`,
+                    children: /* @__PURE__ */ U(
                       "svg",
                       {
                         xmlns: "http://www.w3.org/2000/svg",
@@ -1140,22 +1149,22 @@ function Wt({
                 )
               ]
             },
-            f.id ?? f.label
+            u.id ?? u.label
           );
         }),
-        i?.map((f) => /* @__PURE__ */ te(
+        i?.map((u) => /* @__PURE__ */ U(
           "div",
           {
             className: O(
               "flex shrink-0 items-center gap-1.5",
-              !u && "px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border"
+              !f && "px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border"
             ),
             children: [
               /* @__PURE__ */ w(
                 "div",
                 {
                   className: "h-3 w-0.5 shrink-0",
-                  style: { backgroundColor: f.color }
+                  style: { backgroundColor: u.color }
                 }
               ),
               /* @__PURE__ */ w(
@@ -1163,27 +1172,28 @@ function Wt({
                 {
                   className: O(
                     "font-medium text-foreground",
-                    u ? "text-sm" : "text-[10px] sm:text-xs"
+                    f ? "text-sm" : "text-[10px] sm:text-xs"
                   ),
-                  children: f.label
+                  children: u.label
                 }
               )
             ]
           },
-          f.id
+          u.id
         ))
       ]
     }
   );
 }
 export {
-  ke as DEFAULT_SERIES_COLORS,
-  oo as Graph,
-  Wt as GraphLegend,
-  tt as VERTICAL_LINE_LABEL_EDGE_PADDING,
-  ot as getSeriesColorPalette,
-  At as getStepForwardValue,
-  zt as getVerticalLineLabelStyle,
-  Ft as getVerticalLineTooltipContent,
-  ae as seriesIdentity
+  Te as DEFAULT_SERIES_COLORS,
+  ro as Graph,
+  Xt as GraphLegend,
+  Ye as VERTICAL_LINE_LABEL_EDGE_PADDING,
+  Ue as getSeriesColorPalette,
+  Gt as getStepForwardValue,
+  At as getVerticalLineLabelStyle,
+  zt as getVerticalLineTooltipContent,
+  ne as seriesIdentity,
+  kt as visibleLogicalRangeFor
 };