@gearbox-protocol/ui-kit 4.4.1 → 4.5.1

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

@@ -1,127 +1,127 @@
-import { jsxs as U, jsx as _ } from "react/jsx-runtime";
-import { createChart as ut, CrosshairMode as ft, LineStyle as ie, LineSeries as ht, AreaSeries as dt } from "lightweight-charts";
-import * as we from "react";
-import { useRef as K, useState as oe, useEffect as W, useLayoutEffect as pt } from "react";
-import { resolveCSSColor as re, generateColorsFromBase as _e } from "./colors.js";
-import { useIsMobile as mt } from "../../hooks/use-media-query.js";
+import { jsxs as ee, jsx as _ } from "react/jsx-runtime";
+import { createChart as ft, CrosshairMode as ht, LineStyle as le, LineSeries as dt, AreaSeries as mt } from "lightweight-charts";
+import * as _e from "react";
+import { useRef as H, useState as re, useEffect as W, useLayoutEffect as pt } from "react";
+import { resolveCSSColor as ne, generateColorsFromBase as Pe } from "./colors.js";
+import { useIsMobile as gt } from "../../hooks/use-media-query.js";
 import { cn as J } from "../../utils/cn.js";
-import { AXIS_TIME_EDGE_PADDING_PX as gt, getDefaultOptions as He, getDefaultSeries as bt, AXIS_TICK_MARK_DENSITY as pe, getDefaultVerticalLine as St, AXIS_FONT_SIZE as vt, AXIS_EDGE_LABEL_PADDING_PX as Ke, AXIS_TOP_LABEL_PADDING_PX as Ze } from "./default-config.js";
-import { formatExactValue as Pe, isRatioUnit as Ct, getXFormatters as qe, createAdaptiveYAxisFormatter as yt } from "./formatters.js";
-import { GraphCurrentValue as xt } from "./graph-current-value.js";
-import { GraphTooltip as wt } from "./graph-tooltip.js";
-import { VertLine as _t } from "./plugins/vertical-line.js";
-import { resolvePriceScaleSides as Pt } from "./series-config.js";
-import { getSeriesColorPalette as Ye } from "./series-palette.js";
-import { pickMinMove as Rt, niceAxisRange as Tt } from "./y-axis-scale.js";
-function ne(e) {
+import { AXIS_TIME_EDGE_PADDING_PX as bt, getDefaultOptions as Ke, getDefaultSeries as St, AXIS_TICK_MARK_DENSITY as pe, getDefaultVerticalLine as vt, AXIS_FONT_SIZE as Ct, AXIS_EDGE_LABEL_PADDING_PX as Ze, AXIS_TOP_LABEL_PADDING_PX as qe } from "./default-config.js";
+import { formatExactValue as Re, isRatioUnit as yt, getXFormatters as Je, createAdaptiveYAxisFormatter as xt } from "./formatters.js";
+import { GraphCurrentValue as wt } from "./graph-current-value.js";
+import { GraphTooltip as _t } from "./graph-tooltip.js";
+import { VertLine as Pt } from "./plugins/vertical-line.js";
+import { resolvePriceScaleSides as Rt } from "./series-config.js";
+import { getSeriesColorPalette as Oe } from "./series-palette.js";
+import { pickMinMove as Tt, niceAxisRange as Nt } from "./y-axis-scale.js";
+function ie(e) {
   return e.id ?? e.label;
 }
-function Nt({
+function Vt({
   lastIndex: e,
-  width: i,
+  width: n,
   padLeft: c,
   padRight: f,
-  paddingPx: h = gt
+  paddingPx: h = bt
 }) {
   if (e < 0) return null;
-  const u = (c || f) && i > 0 ? h * Math.max(e, 1) / i : 0;
+  const u = (c || f) && n > 0 ? h * Math.max(e, 1) / n : 0;
   return {
     from: c && u !== 0 ? -u : 0,
     to: f ? e + u : e
   };
 }
-function Je(e, i, c) {
+function Qe(e, n, c) {
   if (!c)
     return e.values().next().value;
   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;
+  const h = n.find((u) => u.id === c || u.label === c);
+  return h ? e.get(ie(h)) : void 0;
 }
-class Vt {
+class kt {
   _yTop;
   _yBottom;
   _color;
-  constructor(i, c, f) {
-    this._yTop = i, this._yBottom = c, this._color = f;
+  constructor(n, c, f) {
+    this._yTop = n, this._yBottom = c, this._color = f;
   }
-  draw(i) {
-    i.useBitmapCoordinateSpace((c) => {
+  draw(n) {
+    n.useBitmapCoordinateSpace((c) => {
       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 Lt {
   _source;
   _yTop = null;
   _yBottom = null;
-  constructor(i) {
-    this._source = i;
+  constructor(n) {
+    this._source = n;
   }
   update() {
-    const i = this._source.series;
-    this._yTop = this._source.priceTop === void 0 ? null : i.priceToCoordinate(this._source.priceTop), this._yBottom = this._source.priceBottom === void 0 ? null : i.priceToCoordinate(this._source.priceBottom);
+    const n = this._source.series;
+    this._yTop = this._source.priceTop === void 0 ? null : n.priceToCoordinate(this._source.priceTop), this._yBottom = this._source.priceBottom === void 0 ? null : n.priceToCoordinate(this._source.priceBottom);
   }
   /** Draw beneath the series line/area so the data stays readable. */
   zOrder() {
     return "bottom";
   }
   renderer() {
-    return new Vt(this._yTop, this._yBottom, this._source.color);
+    return new kt(this._yTop, this._yBottom, this._source.color);
   }
 }
-class Lt {
+class Mt {
   series;
   priceTop;
   priceBottom;
   color;
   _paneViews;
-  constructor(i, c, f, h) {
-    this.series = i, this.priceTop = c, this.priceBottom = f, this.color = h, this._paneViews = [new kt(this)];
+  constructor(n, c, f, h) {
+    this.series = n, this.priceTop = c, this.priceBottom = f, this.color = h, this._paneViews = [new Lt(this)];
   }
   updateAllViews() {
-    for (const i of this._paneViews) i.update();
+    for (const n of this._paneViews) n.update();
   }
   paneViews() {
     return this._paneViews;
   }
 }
-function Mt(e, i) {
+function Dt(e, n) {
   switch (e) {
-    case ie.Dotted:
-      return [i, i];
-    case ie.Dashed:
-      return [2 * i, 2 * i];
-    case ie.LargeDashed:
-      return [6 * i, 6 * i];
-    case ie.SparseDotted:
-      return [i, 4 * i];
+    case le.Dotted:
+      return [n, n];
+    case le.Dashed:
+      return [2 * n, 2 * n];
+    case le.LargeDashed:
+      return [6 * n, 6 * n];
+    case le.SparseDotted:
+      return [n, 4 * n];
     default:
       return [];
   }
 }
-class Dt {
+class It {
   _y;
   _color;
   _lineWidth;
   _lineStyle;
-  constructor(i, c, f, h) {
-    this._y = i, this._color = c, this._lineWidth = f, this._lineStyle = h;
+  constructor(n, c, f, h) {
+    this._y = n, this._color = c, this._lineWidth = f, this._lineStyle = h;
   }
-  draw(i) {
-    i.useBitmapCoordinateSpace((c) => {
+  draw(n) {
+    n.useBitmapCoordinateSpace((c) => {
       if (this._y === null) return;
       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(Mt(this._lineStyle, u)), f.beginPath(), f.moveTo(0, S), f.lineTo(c.bitmapSize.width, S), f.stroke(), f.restore();
+      f.save(), f.strokeStyle = this._color, f.lineWidth = u, f.setLineDash(Dt(this._lineStyle, u)), f.beginPath(), f.moveTo(0, S), f.lineTo(c.bitmapSize.width, S), f.stroke(), f.restore();
     });
   }
 }
-class It {
+class Bt {
   _source;
   _y = null;
-  constructor(i) {
-    this._source = i;
+  constructor(n) {
+    this._source = n;
   }
   update() {
     this._y = this._source.series.priceToCoordinate(this._source.price);
@@ -136,7 +136,7 @@ class It {
     return "top";
   }
   renderer() {
-    return new Dt(
+    return new It(
       this._y,
       this._source.color,
       this._source.lineWidth,
@@ -144,48 +144,48 @@ class It {
     );
   }
 }
-class Bt {
+class Et {
   series;
   price;
   color;
   lineWidth;
   lineStyle;
   _paneViews;
-  constructor(i, c, f, h, u) {
-    this.series = i, this.price = c, this.color = f, this.lineWidth = h, this.lineStyle = u, this._paneViews = [new It(this)];
+  constructor(n, c, f, h, u) {
+    this.series = n, 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();
+    for (const n of this._paneViews) n.update();
   }
   paneViews() {
     return this._paneViews;
   }
 }
-function Et(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(
+function Ft(e, n, c) {
+  const f = e.labelText ?? "", h = e.value, u = h === void 0 ? "" : typeof h == "number" ? n === "$" ? `$${Re(h, void 0, c)}` : n === "%" ? `${Re(h, void 0, c)}%` : Re(
     h,
-    i !== "none" && i !== "%" && i !== "$" && !Ct(i) ? i : void 0,
+    n !== "none" && n !== "%" && n !== "$" && !yt(n) ? n : void 0,
     c
   ) : String(h);
   return { labelText: f, valueStr: u };
 }
-const Qe = 4;
-function Ft(e, i, c) {
+const Ye = 4;
+function zt(e, n, c) {
   const f = { left: e, transform: "translateX(-50%)" };
-  if (i <= 0 || !c || c <= 0)
+  if (n <= 0 || !c || c <= 0)
     return f;
-  const h = c / 2, u = Qe + h, S = i - Qe - h;
-  return S < u ? { left: i / 2, transform: "translateX(-50%)" } : { left: Math.min(Math.max(e, u), S), transform: "translateX(-50%)" };
+  const h = c / 2, u = Ye + h, S = n - Ye - h;
+  return S < u ? { left: n / 2, transform: "translateX(-50%)" } : { left: Math.min(Math.max(e, u), S), transform: "translateX(-50%)" };
 }
-function zt(e, i) {
+function At(e, n) {
   for (let c = e.length - 1; c >= 0; c--)
-    if (Number(e[c].time) <= i)
+    if (Number(e[c].time) <= n)
       return e[c].value;
   return 0;
 }
-function to({
+function oo({
   series: e,
-  className: i,
+  className: n,
   showLegend: c = !1,
   onUnselectSeries: f,
   xMeasureUnit: h = "time",
@@ -195,84 +195,84 @@ function to({
   priceLineOptions: D,
   zoneOptions: F,
   currentValueDecimals: se,
-  useSharedPriceScale: Z = !1,
+  useSharedPriceScale: K = !1,
   dualYAxis: z = !1,
-  defaultVisiblePriceScaleId: Re = "right",
-  showCurrentValue: Oe = !0,
-  graphTitle: me,
-  yScaleMin: Te,
-  yScaleMinMultiple: Ne,
-  visibleTimeFrom: le,
-  disableZoom: Ve = !1,
-  hideDefaultTooltip: ge = !1
+  defaultVisiblePriceScaleId: Te = "right",
+  showCurrentValue: Ue = !0,
+  graphTitle: ge,
+  yScaleMin: Ne,
+  yScaleMinMultiple: Ve,
+  visibleTimeFrom: ae,
+  disableZoom: ke = !1,
+  hideDefaultTooltip: be = !1
 }) {
-  const I = K(null), N = K(/* @__PURE__ */ new Map()), be = K(!1), ke = K(!0), Le = K([]), ae = K(0), B = K(null), Se = K(null), Me = K(null), R = mt(), ce = we.useMemo(() => e.flatMap((t) => t.data), [e]), Ue = we.useMemo(() => {
+  const I = H(null), N = H(/* @__PURE__ */ new Map()), Se = H(!1), Le = H(!0), Me = H([]), ce = H(0), B = H(null), ve = H(null), De = H(null), R = gt(), ue = _e.useMemo(() => e.flatMap((t) => t.data), [e]), et = _e.useMemo(() => {
     if (e.length > 0) {
       const t = e[e.length - 1];
       if (t.data.length > 0)
         return t.data[t.data.length - 1];
     }
-  }, [e]), [De, ve] = oe(() => {
-    if (!Ue) return;
+  }, [e]), [Ie, Ce] = re(() => {
+    if (!et) 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 s of e)
+      s.data.length > 0 && t.set(s.label, s.data[s.data.length - 1]);
     return t;
-  }), [Ie, Q] = oe(null), [Be, Ee] = oe([]), [et, Fe] = oe(0), ze = K(/* @__PURE__ */ new Map()), [tt, ot] = oe({}), [Y, rt] = oe(0);
+  }), [Be, Q] = re(null), [Ee, Fe] = re([]), [tt, ze] = re(0), Ae = H(/* @__PURE__ */ new Map()), [ot, rt] = re({}), [Y, nt] = re(0);
   W(() => {
     const t = () => {
       try {
-        if (B.current && Fe(B.current.clientWidth), I.current && B.current) {
-          const s = B.current.clientWidth, a = B.current.clientHeight;
-          I.current.resize(s, a);
+        if (B.current && ze(B.current.clientWidth), I.current && B.current) {
+          const l = B.current.clientWidth, a = B.current.clientHeight;
+          I.current.resize(l, a);
           try {
-            ae.current = I.current.paneSize().height;
+            ce.current = I.current.paneSize().height;
           } catch {
           }
         }
       } catch {
       }
-    }, l = B.current, r = l ? new ResizeObserver(t) : null;
-    return Me.current = r, l && r?.observe(l), () => {
-      l && r?.unobserve(l), r?.disconnect(), Me.current = null;
+    }, s = B.current, r = s ? new ResizeObserver(t) : null;
+    return De.current = r, s && r?.observe(s), () => {
+      s && r?.unobserve(s), r?.disconnect(), De.current = null;
     };
   }, []), W(() => {
-    if (!Se.current || be.current) return;
-    const t = He(), l = re(
+    if (!ve.current || Se.current) return;
+    const t = Ke(), s = ne(
       "hsl(var(--muted-foreground))",
       "rgb(163, 163, 163)"
-    ), r = ut(Se.current, {
+    ), r = ft(ve.current, {
       ...t,
       leftPriceScale: {
         ...t.leftPriceScale || {},
         visible: !1,
-        textColor: l
+        textColor: s
       },
       rightPriceScale: {
         ...t.rightPriceScale || {},
         visible: !R,
-        textColor: l
+        textColor: s
       },
       ...R && {
         crosshair: {
           ...t.crosshair,
-          mode: ft.Magnet
+          mode: ht.Magnet
         }
       }
     });
-    I.current = r, be.current = !0;
+    I.current = r, Se.current = !0;
     try {
-      ae.current = r.paneSize().height;
+      ce.current = r.paneSize().height;
     } catch {
-      ae.current = 0;
+      ce.current = 0;
     }
-    return rt((s) => s + 1), () => {
-      r.remove(), I.current = null, be.current = !1, N.current.clear();
+    return nt((l) => l + 1), () => {
+      r.remove(), I.current = null, Se.current = !1, N.current.clear();
     };
   }, [R]), W(() => {
     const t = I.current;
     t && t.applyOptions(
-      Ve ? {
+      ke ? {
         handleScale: {
           mouseWheel: !1,
           pinch: !1,
@@ -300,70 +300,70 @@ function to({
         }
       }
     );
-  }, [Y, Ve]), W(() => {
+  }, [Y, ke]), W(() => {
     const t = I.current;
     !t || !S || t.applyOptions(S);
   }, [Y, S]), W(() => {
     const t = I.current;
     if (!t || e.length === 0) return;
-    const r = e.filter((n) => n.data.length > 0).length <= 1 ? Te : Ne, s = h === "time" ? qe(h, ce) : qe(h), a = new Map(
-      Pt(e).map(({ series: n, side: o }) => [
-        n.label,
+    const r = e.filter((i) => i.data.length > 0).length <= 1 ? Ne : Ve, l = h === "time" ? Je(h, ue) : Je(h), a = new Map(
+      Rt(e).map(({ series: i, side: o }) => [
+        i.label,
         o
       ])
-    ), p = (n, o, d) => {
-      const { formatter: L, tickmarksFormatter: k, updateVisibleRange: E } = yt(n, o, {
+    ), m = (i, o, d) => {
+      const { formatter: k, tickmarksFormatter: L, updateVisibleRange: E } = xt(i, o, {
         yScaleMin: r
       });
-      return { formatter: L, tickmarksFormatter: k, updateVisibleRange: E, labels: d };
-    }, m = [];
+      return { formatter: k, tickmarksFormatter: L, updateVisibleRange: E, labels: d };
+    }, p = [];
     if (z)
-      for (const n of ["left", "right"]) {
+      for (const i of ["left", "right"]) {
         const o = /* @__PURE__ */ new Set(), d = [];
-        let L = u;
-        for (const k of e)
-          if (k.data.length !== 0 && a.get(k.label) === n) {
-            o.size === 0 && k.yMeasureUnit && (L = k.yMeasureUnit), o.add(k.label);
-            for (const E of k.data) d.push(E.value);
+        let k = u;
+        for (const L of e)
+          if (L.data.length !== 0 && a.get(L.label) === i) {
+            o.size === 0 && L.yMeasureUnit && (k = L.yMeasureUnit), o.add(L.label);
+            for (const E of L.data) d.push(E.value);
           }
-        o.size > 0 && m.push(p(d, L, o));
+        o.size > 0 && p.push(m(d, k, o));
       }
     else {
-      const n = ce.map((d) => d.value), o = new Set(
+      const i = ue.map((d) => d.value), o = new Set(
         e.filter((d) => d.data.length > 0).map((d) => d.label)
       );
-      m.push(p(n, u, o));
+      p.push(m(i, u, o));
     }
-    Le.current = m;
+    Me.current = p;
     const y = /* @__PURE__ */ new Map();
-    for (const n of m)
-      for (const o of n.labels)
-        y.set(o, n);
-    const x = He();
+    for (const i of p)
+      for (const o of i.labels)
+        y.set(o, i);
+    const x = Ke();
     t.applyOptions({
       localization: {
         ...x.localization || {},
         // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-        timeFormatter: (n) => (
+        timeFormatter: (i) => (
           // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-          s.timeFormatter(parseFloat(n), void 0)
+          l.timeFormatter(parseFloat(i), void 0)
         )
       },
       timeScale: {
         ...x.timeScale || {},
         ...S?.timeScale,
         // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-        tickMarkFormatter: s.tickMarkFormatter,
+        tickMarkFormatter: l.tickMarkFormatter,
         minBarSpacing: 0
       }
     });
-    const v = !z && e.length > 1 && !Z, X = z ? R : e.length > 1 && !Z || R, V = re(
+    const v = !z && e.length > 1 && !K, X = z ? R : e.length > 1 && !K || R, V = ne(
       "hsl(var(--muted-foreground))",
       "rgb(163, 163, 163)"
     );
     t.applyOptions({
       ...z && {
-        defaultVisiblePriceScaleId: Re
+        defaultVisiblePriceScaleId: Te
       },
       leftPriceScale: {
         ...x.leftPriceScale || {},
@@ -378,124 +378,124 @@ function to({
         textColor: V
       }
     });
-    const O = new Set(N.current.keys()), $ = new Set(e.map(ne));
-    for (const n of O)
-      if (!$.has(n)) {
-        const o = N.current.get(n);
-        o && (t.removeSeries(o), N.current.delete(n));
+    const O = new Set(N.current.keys()), $ = new Set(e.map(ie));
+    for (const i of O)
+      if (!$.has(i)) {
+        const o = N.current.get(i);
+        o && (t.removeSeries(o), N.current.delete(i));
       }
-    const g = bt(), M = [];
+    const g = St(), M = [];
     let T = 0;
-    const G = e.find((n) => n.data.length > 0), C = /* @__PURE__ */ new Map();
+    const G = e.find((i) => i.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 ?? G?.label;
+      for (const i of D) {
+        if (!Number.isFinite(i.price)) continue;
+        const o = i.seriesLabel ?? G?.label;
         if (!o) continue;
         const d = C.get(o) ?? [];
-        d.push(n.price), C.set(o, d);
+        d.push(i.price), C.set(o, d);
       }
     if (F && F.length > 0)
-      for (const n of F) {
-        const o = n.seriesLabel ?? G?.label;
+      for (const i of F) {
+        const o = i.seriesLabel ?? G?.label;
         if (!o) continue;
         const d = C.get(o) ?? [];
-        Number.isFinite(n.priceTop) && d.push(n.priceTop), Number.isFinite(n.priceBottom) && d.push(n.priceBottom), C.set(o, d);
+        Number.isFinite(i.priceTop) && d.push(i.priceTop), Number.isFinite(i.priceBottom) && d.push(i.priceBottom), C.set(o, d);
       }
-    for (let n = 0; n < e.length; n++) {
-      const o = e[n], d = ne(o), L = Ye(n), k = o.lineColor ?? o.color ?? L.line;
+    for (let i = 0; i < e.length; i++) {
+      const o = e[i], d = ie(o), k = Oe(i), L = o.lineColor ?? o.color ?? k.line;
       let E, q;
       if (o.lineColor ?? o.color)
         if (o.topColor && o.bottomColor)
           E = o.topColor, q = o.bottomColor;
         else if (o.topColor) {
-          const b = _e(k);
+          const b = Pe(L);
           E = o.topColor, q = b.bottomColor;
         } else if (o.bottomColor)
-          E = _e(k).topColor, q = o.bottomColor;
+          E = Pe(L).topColor, q = o.bottomColor;
         else {
-          const b = _e(k);
+          const b = Pe(L);
           E = b.topColor, q = b.bottomColor;
         }
       else
-        E = o.topColor || L.top, q = o.bottomColor || L.bottom;
+        E = o.topColor || k.top, q = o.bottomColor || k.bottom;
       if (o.data.length === 0) {
         const b = N.current.get(d);
         b && (t.removeSeries(b), N.current.delete(d));
         continue;
       }
-      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, nt = ue < 0, it = o.data.some((b) => b.value === 0), st = !nt && it, We = Rt(he - ue), Xe = z ? o.priceScaleId ?? (T === 0 ? "left" : "right") : Z || !v || T === 0 ? "right" : `scale-${T}`;
+      const fe = o.data.length > 0 ? Math.min(...o.data.map((b) => b.value)) : 0, de = o.data.length > 0 ? Math.max(...o.data.map((b) => b.value)) : 0, it = fe < 0, lt = o.data.some((b) => b.value === 0), st = !it && lt, Xe = Tt(de - fe), $e = z ? o.priceScaleId ?? (T === 0 ? "left" : "right") : K || !v || T === 0 ? "right" : `scale-${T}`;
       v && M.push({
-        priceScaleId: Xe || "right",
+        priceScaleId: $e || "right",
         seriesIndex: T
       });
-      const Ce = (Z || !v) && r !== void 0 && typeof r == "number", lt = C.get(o.label) ?? [], at = (b) => {
+      const ye = (K || !v) && r !== void 0 && typeof r == "number", at = C.get(o.label) ?? [], ct = (b) => {
         const w = b();
         if (w?.priceRange) {
-          Ce && (w.priceRange.minValue = r);
-          for (const H of lt)
-            H < w.priceRange.minValue && (w.priceRange.minValue = H), H > w.priceRange.maxValue && (w.priceRange.maxValue = H);
-          const te = Ce ? r : st && w.priceRange.minValue >= 0 ? 0 : void 0, de = ae.current > 0 ? ae.current : B.current?.clientHeight ?? 0;
-          if (de > 0) {
-            const H = Tt({
+          ye && (w.priceRange.minValue = r);
+          for (const j of at)
+            j < w.priceRange.minValue && (w.priceRange.minValue = j), j > w.priceRange.maxValue && (w.priceRange.maxValue = j);
+          const oe = ye ? r : st && w.priceRange.minValue >= 0 ? 0 : void 0, me = ce.current > 0 ? ce.current : B.current?.clientHeight ?? 0;
+          if (me > 0) {
+            const j = Nt({
               min: w.priceRange.minValue,
               max: w.priceRange.maxValue,
-              floor: te,
-              scaleHeightPx: de,
-              fontSizePx: vt,
+              floor: oe,
+              scaleHeightPx: me,
+              fontSizePx: Ct,
               tickMarkDensity: pe,
-              minMove: We,
-              edgePaddingPx: Ke,
-              edgePaddingTopPx: Ze
+              minMove: Xe,
+              edgePaddingPx: Ze,
+              edgePaddingTopPx: qe
             });
-            w.priceRange.minValue = H.min, w.priceRange.maxValue = H.max;
+            w.priceRange.minValue = j.min, w.priceRange.maxValue = j.max;
           }
           w.margins = {
-            above: Ze,
-            below: Ke
+            above: qe,
+            below: Ze
           };
         }
         return w;
-      }, $e = y.get(o.label) ?? m[0], Ge = $e.formatter, ct = $e.tickmarksFormatter, ye = {
-        lineColor: k,
+      }, Ge = y.get(o.label) ?? p[0], je = Ge.formatter, ut = Ge.tickmarksFormatter, xe = {
+        lineColor: L,
         topColor: E,
         bottomColor: q,
-        priceScaleId: Xe,
+        priceScaleId: $e,
         ...o.seriesType === "line" && {
-          lineStyle: o.lineStyle ?? ie.Solid
+          lineStyle: o.lineStyle ?? le.Solid
         },
         priceFormat: {
           type: "custom",
-          minMove: We,
-          formatter: Ce && typeof r == "number" ? (b) => Ge(
+          minMove: Xe,
+          formatter: ye && typeof r == "number" ? (b) => je(
             b < r ? r : b
-          ) : Ge,
-          tickmarksFormatter: ct
+          ) : je,
+          tickmarksFormatter: ut
         },
-        autoscaleInfoProvider: at
-      }, je = o.seriesType === "line";
+        autoscaleInfoProvider: ct
+      }, He = o.seriesType === "line";
       let A = N.current.get(d);
-      const ee = o.data.map((b) => ({
+      const te = o.data.map((b) => ({
         ...b,
         time: b.time
       }));
-      if (le !== void 0 && ee.length > 0 && Number(ee[0].time) > le) {
-        const b = Number(ee[0].time), w = b - le, te = 86400, de = w > 180 * te ? 7 * te : w > 30 * te ? te : 6 * 3600, H = [];
-        for (let xe = le; xe < b; xe += de)
-          H.push({ time: xe });
-        ee.unshift(...H);
+      if (ae !== void 0 && te.length > 0 && Number(te[0].time) > ae) {
+        const b = Number(te[0].time), w = b - ae, oe = 86400, me = w > 180 * oe ? 7 * oe : w > 30 * oe ? oe : 6 * 3600, j = [];
+        for (let we = ae; we < b; we += me)
+          j.push({ time: we });
+        te.unshift(...j);
       }
-      A && A.seriesType() !== (je ? "Line" : "Area") && (t.removeSeries(A), N.current.delete(d), A = void 0), A ? (A.applyOptions(ye), A.setData(ee)) : (je ? A = t.addSeries(ht, {
+      A && A.seriesType() !== (He ? "Line" : "Area") && (t.removeSeries(A), N.current.delete(d), A = void 0), A ? (A.applyOptions(xe), A.setData(te)) : (He ? A = t.addSeries(dt, {
         ...g,
-        ...ye
-      }) : A = t.addSeries(dt, {
+        ...xe
+      }) : A = t.addSeries(mt, {
         ...g,
-        ...ye
-      }), A.setData(ee), N.current.set(d, A)), T++;
+        ...xe
+      }), A.setData(te), N.current.set(d, A)), T++;
     }
     if (z)
       try {
-        const n = t.priceScale("left"), o = t.priceScale("right"), d = {
+        const i = t.priceScale("left"), o = t.priceScale("right"), d = {
           visible: !R,
           autoScale: !0,
           scaleMargins: { top: 0, bottom: 0 },
@@ -505,13 +505,13 @@ function to({
           textColor: V,
           ...S?.rightPriceScale
         };
-        n?.applyOptions(d), o?.applyOptions(d);
+        i?.applyOptions(d), o?.applyOptions(d);
       } catch {
       }
     else if (v && M.length > 0)
-      for (const n of M)
+      for (const i of M)
         try {
-          const o = t.priceScale(n.priceScaleId);
+          const o = t.priceScale(i.priceScaleId);
           o && o.applyOptions({
             visible: !1,
             autoScale: !0,
@@ -526,14 +526,14 @@ function to({
           });
         } catch (o) {
           console.warn(
-            `Failed to configure price scale ${n.priceScaleId} for series ${n.seriesIndex}:`,
+            `Failed to configure price scale ${i.priceScaleId} for series ${i.seriesIndex}:`,
             o
           );
         }
     else if (!v)
       try {
-        const n = t.priceScale("right");
-        n && n.applyOptions({
+        const i = t.priceScale("right");
+        i && i.applyOptions({
           visible: !R,
           autoScale: !0,
           scaleMargins: {
@@ -548,34 +548,41 @@ function to({
         });
       } catch {
       }
-    if (r !== void 0 && !R && (Z || !v) && t.applyOptions({
+    r !== void 0 && !R && (K || !v) && t.applyOptions({
       handleScroll: {
         vertTouchDrag: !1
       }
-    }), ce.length > 0) {
-      const n = ce.map((d) => Number(d.time)).filter((d) => Number.isFinite(d)), o = new Set(n).size - 1;
+    });
+    let Z = 0;
+    if (ue.length > 0) {
+      const i = ue.map((d) => Number(d.time)).filter((d) => Number.isFinite(d)), o = new Set(i).size - 1;
       if (o >= 0) {
         const d = () => {
-          const L = t.timeScale();
+          const k = t.timeScale();
           if (h !== "time") {
-            L.applyOptions({
+            k.applyOptions({
               fixLeftEdge: !0,
               fixRightEdge: !0
-            }), L.setVisibleLogicalRange({ from: 0, to: o });
+            }), k.setVisibleLogicalRange({ from: 0, to: o });
             return;
           }
-          const k = z && !R, E = z ? !R : !X, q = !k, ue = !E;
-          L.applyOptions({
+          const L = z && !R, E = z ? !R : !X, q = !L, fe = !E;
+          k.applyOptions({
             fixLeftEdge: !q,
-            fixRightEdge: !ue
-          });
-          const he = Nt({
-            lastIndex: o,
-            width: L.width(),
-            padLeft: q,
-            padRight: ue
+            fixRightEdge: !fe
+          }), Z = requestAnimationFrame(() => {
+            const de = Vt({
+              lastIndex: o,
+              width: k.width(),
+              padLeft: q,
+              padRight: fe
+            });
+            try {
+              de && k.setVisibleLogicalRange(de);
+            } catch {
+              k.fitContent();
+            }
           });
-          he && L.setVisibleLogicalRange(he);
         };
         try {
           d();
@@ -587,31 +594,31 @@ function to({
         }
       }
     }
-    ke.current && (ke.current = !1), S && t.applyOptions(S);
-    const j = /* @__PURE__ */ new Map();
-    for (const n of e)
-      n.data.length > 0 && j.set(n.label, n.data[n.data.length - 1]);
-    ve(j.size > 0 ? j : void 0);
+    Le.current && (Le.current = !1), S && t.applyOptions(S);
+    const U = /* @__PURE__ */ new Map();
+    for (const i of e)
+      i.data.length > 0 && U.set(i.label, i.data[i.data.length - 1]);
+    return Ce(U.size > 0 ? U : void 0), () => cancelAnimationFrame(Z);
   }, [
     Y,
     e,
-    ce,
+    ue,
     h,
     u,
     R,
-    Z,
+    K,
     z,
-    Re,
     Te,
     Ne,
-    le,
+    Ve,
+    ae,
     D,
     F,
     S
   ]), W(() => {
     const t = I.current;
     if (!t || e.length === 0) return;
-    const l = e.length === 1;
+    const s = e.length === 1;
     let r;
     for (const a of e)
       if (a.data.length > 0) {
@@ -619,13 +626,13 @@ function to({
         break;
       }
     if (!r) return;
-    const s = (a) => {
-      const { time: p = r, seriesData: m, point: y } = a || {}, x = e[0], v = x ? N.current.get(ne(x)) : void 0;
-      if (!y || !p) {
+    const l = (a) => {
+      const { time: m = r, seriesData: p, point: y } = a || {}, x = e[0], v = x ? N.current.get(ie(x)) : void 0;
+      if (!y || !m) {
         const $ = /* @__PURE__ */ new Map();
         for (const g of e)
           g.data.length > 0 && $.set(g.label, g.data[g.data.length - 1]);
-        if (ve($.size > 0 ? $ : void 0), l || Z || ge)
+        if (Ce($.size > 0 ? $ : void 0), s || K || be)
           Q(null);
         else if (v && r) {
           const g = e[0];
@@ -639,24 +646,24 @@ function to({
       const X = /* @__PURE__ */ new Map();
       let V, O = v;
       for (let $ = 0; $ < e.length; $++) {
-        const g = e[$], M = N.current.get(ne(g));
+        const g = e[$], M = N.current.get(ie(g));
         if (!M) continue;
-        const T = m?.get(M), G = T && "value" in T ? T.value : void 0;
+        const T = p?.get(M), G = T && "value" in T ? T.value : void 0;
         let C;
         if (G !== void 0)
           C = G;
-        else if (l) {
-          const j = Number(p), n = g.data.length > 0 ? Number(g.data[0].time) : Number.POSITIVE_INFINITY;
-          j < n ? C = Number.NaN : C = g.data[g.data.length - 1]?.value ?? 0;
+        else if (s) {
+          const Z = Number(m), U = g.data.length > 0 ? Number(g.data[0].time) : Number.POSITIVE_INFINITY;
+          Z < U ? C = Number.NaN : C = g.data[g.data.length - 1]?.value ?? 0;
         } else {
-          const j = g.data.length > 0 ? Number(g.data[0].time) : Number.POSITIVE_INFINITY;
-          if (Number(p) < j) continue;
-          C = zt(g.data, Number(p));
+          const Z = g.data.length > 0 ? Number(g.data[0].time) : Number.POSITIVE_INFINITY;
+          if (Number(m) < Z) continue;
+          C = At(g.data, Number(m));
         }
-        Number.isNaN(C) || (V === void 0 && (V = C, O = M), X.set(g.label, { value: C, time: p }));
+        Number.isNaN(C) || (V === void 0 && (V = C, O = M), X.set(g.label, { value: C, time: m }));
       }
-      if (ve(X), V !== void 0 && O) {
-        const g = t.timeScale().timeToCoordinate(p), M = O.priceToCoordinate(V);
+      if (Ce(X), V !== void 0 && O) {
+        const g = t.timeScale().timeToCoordinate(m), M = O.priceToCoordinate(V);
         if (g !== null && M !== null) {
           const T = B.current;
           if (T) {
@@ -664,8 +671,8 @@ function to({
               ".LightweightChart"
             );
             if (G) {
-              const C = G.getBoundingClientRect(), j = T.getBoundingClientRect(), n = g + (C.left - j.left), o = M + (C.top - j.top);
-              Q({ x: n, y: o });
+              const C = G.getBoundingClientRect(), Z = T.getBoundingClientRect(), U = g + (C.left - Z.left), i = M + (C.top - Z.top);
+              Q({ x: U, y: i });
             } else
               Q({ x: g, y: M });
           } else
@@ -675,237 +682,237 @@ function to({
       } else
         Q(null);
     };
-    return t.subscribeCrosshairMove(s), R && t.subscribeClick(s), !l && !Z && !ge && requestAnimationFrame(() => {
-      const a = e[0], p = a ? N.current.get(ne(a)) : void 0;
-      if (p && r && a.data.length > 0) {
-        const y = t.timeScale().timeToCoordinate(r), x = a.data[a.data.length - 1].value, v = p.priceToCoordinate(x);
+    return t.subscribeCrosshairMove(l), R && t.subscribeClick(l), !s && !K && !be && requestAnimationFrame(() => {
+      const a = e[0], m = a ? N.current.get(ie(a)) : void 0;
+      if (m && r && a.data.length > 0) {
+        const y = t.timeScale().timeToCoordinate(r), x = a.data[a.data.length - 1].value, v = m.priceToCoordinate(x);
         y !== null && v !== null && Q({ x: y, y: v });
       }
     }), () => {
-      t.unsubscribeCrosshairMove(s), R && t.unsubscribeClick(s);
+      t.unsubscribeCrosshairMove(l), R && t.unsubscribeClick(l);
     };
-  }, [e, Z, R, ge]), W(() => {
+  }, [e, K, R, be]), W(() => {
     const t = I.current;
     if (!t || e.length === 0) return;
-    const l = t.timeScale(), r = () => {
-      const s = Le.current;
-      if (s.length === 0) return;
-      const a = l.getVisibleRange();
+    const s = t.timeScale(), r = () => {
+      const l = Me.current;
+      if (l.length === 0) return;
+      const a = s.getVisibleRange();
       if (!a) return;
-      const p = Number(a.from), m = Number(a.to);
-      for (const y of s) {
+      const m = Number(a.from), p = Number(a.to);
+      for (const y of l) {
         const x = [];
         for (const v of e)
           if (y.labels.has(v.label))
             for (const X of v.data) {
               const V = Number(X.time);
-              V >= p && V <= m && x.push(X.value);
+              V >= m && V <= p && x.push(X.value);
             }
         x.length > 0 && y.updateVisibleRange(x);
       }
     };
-    return l.subscribeVisibleLogicalRangeChange(r), () => {
-      l.unsubscribeVisibleLogicalRangeChange(
+    return s.subscribeVisibleLogicalRangeChange(r), () => {
+      s.unsubscribeVisibleLogicalRangeChange(
         r
       );
     };
   }, [e]), W(() => {
-    const t = I.current, l = Array.from(N.current.values()), r = [];
-    if (t && l.length > 0 && P) {
-      const s = St(), a = l[0];
-      for (const p of P) {
-        const m = {
-          ...s,
-          ...p.options || {}
+    const t = I.current, s = Array.from(N.current.values()), r = [];
+    if (t && s.length > 0 && P) {
+      const l = vt(), a = s[0];
+      for (const m of P) {
+        const p = {
+          ...l,
+          ...m.options || {}
         };
-        m.color && (m.color = re(m.color, m.color));
-        const y = new _t(
+        p.color && (p.color = ne(p.color, p.color));
+        const y = new Pt(
           t,
           a,
-          p.xCoordinate,
-          m
+          m.xCoordinate,
+          p
         );
         a.attachPrimitive(y), r.push(y);
       }
     }
     return () => {
-      if (l.length > 0) {
-        const s = l[0];
+      if (s.length > 0) {
+        const l = s[0];
         for (const a of r)
           try {
-            s.detachPrimitive(a);
+            l.detachPrimitive(a);
           } catch {
           }
       }
     };
   }, [P, e, Y]), W(() => {
-    const t = [], l = [];
+    const t = [], s = [];
     if (D && D.length > 0) {
-      const r = re(
+      const r = ne(
         "hsl(var(--destructive))",
         "rgb(239, 68, 68)"
       );
-      for (const s of D) {
-        if (!Number.isFinite(s.price)) continue;
-        const a = Je(
+      for (const l of D) {
+        if (!Number.isFinite(l.price)) continue;
+        const a = Qe(
           N.current,
           e,
-          s.seriesLabel
+          l.seriesLabel
         );
         if (!a) continue;
-        const p = s.color ? re(s.color, s.color) : r, m = s.lineWidth ?? 1, y = s.lineStyle ?? ie.Dashed, x = a.createPriceLine({
-          price: s.price,
-          color: p,
-          lineWidth: m,
+        const m = l.color ? ne(l.color, l.color) : r, p = l.lineWidth ?? 1, y = l.lineStyle ?? le.Dashed, x = a.createPriceLine({
+          price: l.price,
+          color: m,
+          lineWidth: p,
           lineStyle: y,
-          axisLabelVisible: s.axisLabelVisible ?? !0,
-          title: s.title ?? ""
+          axisLabelVisible: l.axisLabelVisible ?? !0,
+          title: l.title ?? ""
         });
         t.push({ series: a, line: x });
-        const v = new Bt(
+        const v = new Et(
           a,
-          s.price,
-          p,
+          l.price,
           m,
+          p,
           y
         );
-        a.attachPrimitive(v), l.push({ series: a, primitive: v });
+        a.attachPrimitive(v), s.push({ series: a, primitive: v });
       }
     }
     return () => {
-      for (const { series: r, primitive: s } of l)
+      for (const { series: r, primitive: l } of s)
         try {
-          r.detachPrimitive(s);
+          r.detachPrimitive(l);
         } catch {
         }
-      for (const { series: r, line: s } of t)
+      for (const { series: r, line: l } of t)
         try {
-          r.removePriceLine(s);
+          r.removePriceLine(l);
         } catch {
         }
     };
   }, [D, e, Y]), W(() => {
     const t = [];
     if (F && F.length > 0) {
-      const l = "rgba(239, 68, 68, 0.12)";
+      const s = "rgba(239, 68, 68, 0.12)";
       for (const r of F) {
-        const s = Je(
+        const l = Qe(
           N.current,
           e,
           r.seriesLabel
         );
-        if (!s) continue;
-        const a = r.color ? re(r.color, l) : l, p = new Lt(
-          s,
+        if (!l) continue;
+        const a = r.color ? ne(r.color, s) : s, m = new Mt(
+          l,
           r.priceTop,
           r.priceBottom,
           a
         );
-        s.attachPrimitive(p), t.push({ series: s, zone: p });
+        l.attachPrimitive(m), t.push({ series: l, zone: m });
       }
     }
     return () => {
-      for (const { series: l, zone: r } of t)
+      for (const { series: s, zone: r } of t)
         try {
-          l.detachPrimitive(r);
+          s.detachPrimitive(r);
         } catch {
         }
     };
   }, [F, e, Y]), W(() => {
     const t = I.current;
     if (!t || !P?.length) {
-      Ee([]);
+      Fe([]);
       return;
     }
-    const l = () => {
-      const a = t.timeScale(), p = P.map((m) => a.timeToCoordinate(m.xCoordinate) ?? null);
-      Ee(p), B.current && Fe(B.current.clientWidth);
+    const s = () => {
+      const a = t.timeScale(), m = P.map((p) => a.timeToCoordinate(p.xCoordinate) ?? null);
+      Fe(m), B.current && ze(B.current.clientWidth);
     };
-    l();
-    const r = t.timeScale(), s = () => {
-      l();
+    s();
+    const r = t.timeScale(), l = () => {
+      s();
     };
-    return r.subscribeVisibleLogicalRangeChange(s), () => {
-      r.unsubscribeVisibleLogicalRangeChange(s);
+    return r.subscribeVisibleLogicalRangeChange(l), () => {
+      r.unsubscribeVisibleLogicalRangeChange(l);
     };
   }, [P, e, Y]), pt(() => {
-    ot((t) => {
-      const l = {};
+    rt((t) => {
+      const s = {};
       let r = !1;
-      for (const [s, a] of ze.current) {
+      for (const [l, a] of Ae.current) {
         if (!a) continue;
-        const p = a.offsetWidth;
-        l[s] = p, t[s] !== p && (r = !0);
+        const m = a.offsetWidth;
+        s[l] = m, t[l] !== m && (r = !0);
       }
-      return Object.keys(t).length !== Object.keys(l).length && (r = !0), r ? l : t;
+      return Object.keys(t).length !== Object.keys(s).length && (r = !0), r ? s : t;
     });
   });
-  const fe = e.length === 1, Ae = we.useMemo(() => {
-    if (fe && e.length > 0) {
+  const he = e.length === 1, We = _e.useMemo(() => {
+    if (he && e.length > 0) {
       const t = e[0];
       if (t.data.length > 0)
         return t.data[t.data.length - 1];
     }
-  }, [fe, e]);
-  return /* @__PURE__ */ U(
+  }, [he, e]);
+  return /* @__PURE__ */ ee(
     "div",
     {
       ref: B,
       className: J(
         "relative z-[1] w-full h-full overflow-hidden p-0",
-        i
+        n
       ),
       children: [
-        me != null && me !== !1 && fe ? /* @__PURE__ */ _("div", { className: "absolute top-2 left-2 right-2 z-[100] pointer-events-none", children: /* @__PURE__ */ _("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: me }) }) : Oe && fe && Ae && /* @__PURE__ */ _(
-          xt,
+        ge != null && ge !== !1 && he ? /* @__PURE__ */ _("div", { className: "absolute top-2 left-2 right-2 z-[100] pointer-events-none", children: /* @__PURE__ */ _("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: ge }) }) : Ue && he && We && /* @__PURE__ */ _(
+          wt,
           {
-            point: Ae,
+            point: We,
             xMeasureUnit: h,
             yMeasureUnit: u,
             decimals: se
           }
         ),
-        De && Ie && /* @__PURE__ */ _(
-          wt,
+        Ie && Be && /* @__PURE__ */ _(
+          _t,
           {
-            points: De,
+            points: Ie,
             xMeasureUnit: h,
             yMeasureUnit: u,
             series: e,
-            position: Ie,
+            position: Be,
             containerRef: B,
             decimals: se
           }
         ),
-        c && /* @__PURE__ */ _(At, { series: e, onUnselect: f }),
-        P && P.length > 0 && Be.length === P.length && /* @__PURE__ */ _(
+        c && /* @__PURE__ */ _(Wt, { series: e, onUnselect: f }),
+        P && P.length > 0 && Ee.length === P.length && /* @__PURE__ */ _(
           "div",
           {
             className: "absolute inset-0 z-[5] pointer-events-none",
             "aria-hidden": !0,
-            children: P.map((t, l) => {
-              const r = Be[l], s = t.options ?? {};
+            children: P.map((t, s) => {
+              const r = Ee[s], l = t.options ?? {};
               if (r === null) return null;
-              const { labelText: a, valueStr: p } = Et(
-                s,
+              const { labelText: a, valueStr: m } = Ft(
+                l,
                 u,
                 se
-              ), m = s.tooltipText ?? "";
-              if (!(a || p || m)) return null;
-              const x = s.labelBackgroundColor ?? s.color ?? "hsl(var(--background))", v = s.labelTextColor ?? "hsl(var(--foreground))", X = `${String(t.xCoordinate)}-${a}-${m}`, V = Ft(
+              ), p = l.tooltipText ?? "";
+              if (!(a || m || p)) return null;
+              const x = l.labelBackgroundColor ?? l.color ?? "hsl(var(--background))", v = l.labelTextColor ?? "hsl(var(--foreground))", X = `${String(t.xCoordinate)}-${a}-${p}`, V = zt(
                 r,
-                et,
-                tt[l]
+                tt,
+                ot[s]
               );
-              return /* @__PURE__ */ U(
+              return /* @__PURE__ */ ee(
                 "div",
                 {
                   ref: (O) => {
-                    ze.current.set(l, O);
+                    Ae.current.set(s, O);
                   },
                   className: J(
                     "group absolute top-2 px-2 py-1 rounded text-xs font-medium whitespace-nowrap shadow-sm border border-border",
-                    m && "pointer-events-auto cursor-default"
+                    p && "pointer-events-auto cursor-default"
                   ),
                   style: {
                     ...V,
@@ -914,13 +921,13 @@ function to({
                   },
                   children: [
                     a && /* @__PURE__ */ _("span", { className: "block", children: a }),
-                    p && /* @__PURE__ */ _("span", { className: J("block", a && "mt-0.5"), children: p }),
-                    m && /* @__PURE__ */ _(
+                    m && /* @__PURE__ */ _("span", { className: J("block", a && "mt-0.5"), children: m }),
+                    p && /* @__PURE__ */ _(
                       "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: m
+                        children: p
                       }
                     )
                   ]
@@ -933,7 +940,7 @@ function to({
         /* @__PURE__ */ _(
           "div",
           {
-            ref: Se,
+            ref: ve,
             className: "LightweightChart w-full h-full overflow-hidden"
           }
         )
@@ -941,14 +948,14 @@ function to({
     }
   );
 }
-function At({
+function Wt({
   series: e,
-  markers: i,
+  markers: n,
   onUnselect: c,
   inline: f = !1
 }) {
   const h = e.every((u) => u.data.length === 0);
-  return /* @__PURE__ */ U(
+  return /* @__PURE__ */ ee(
     "div",
     {
       className: J(
@@ -957,8 +964,8 @@ function At({
       ),
       children: [
         e.map((u, S) => {
-          const P = Ye(S), D = (u.lineColor ?? u.color) || P.line, F = !h && u.data.length === 0;
-          return /* @__PURE__ */ U(
+          const P = Oe(S), D = (u.lineColor ?? u.color) || P.line, F = !h && u.data.length === 0;
+          return /* @__PURE__ */ ee(
             "div",
             {
               className: J(
@@ -977,7 +984,7 @@ function At({
                     style: { backgroundColor: D }
                   }
                 ),
-                /* @__PURE__ */ U(
+                /* @__PURE__ */ ee(
                   "span",
                   {
                     className: J(
@@ -999,7 +1006,7 @@ function At({
                     },
                     className: "ml-1 flex items-center justify-center w-4 h-4 rounded-sm hover:bg-muted transition-colors cursor-pointer",
                     "aria-label": `Remove ${u.label}`,
-                    children: /* @__PURE__ */ U(
+                    children: /* @__PURE__ */ ee(
                       "svg",
                       {
                         xmlns: "http://www.w3.org/2000/svg",
@@ -1027,7 +1034,7 @@ function At({
             u.id ?? u.label
           );
         }),
-        i?.map((u) => /* @__PURE__ */ U(
+        n?.map((u) => /* @__PURE__ */ ee(
           "div",
           {
             className: J(
@@ -1061,12 +1068,12 @@ function At({
   );
 }
 export {
-  to as Graph,
-  At as GraphLegend,
-  Qe as VERTICAL_LINE_LABEL_EDGE_PADDING,
-  zt as getStepForwardValue,
-  Ft as getVerticalLineLabelStyle,
-  Et as getVerticalLineTooltipContent,
-  ne as seriesIdentity,
-  Nt as visibleLogicalRangeFor
+  oo as Graph,
+  Wt as GraphLegend,
+  Ye as VERTICAL_LINE_LABEL_EDGE_PADDING,
+  At as getStepForwardValue,
+  zt as getVerticalLineLabelStyle,
+  Ft as getVerticalLineTooltipContent,
+  ie as seriesIdentity,
+  Vt as visibleLogicalRangeFor
 };