@wick-charts/react 0.1.0 → 0.1.1

package/dist/index.js

@@ -1,8 +1,8 @@
-import { createContext as ye, useContext as Gt, useRef as et, useLayoutEffect as it, useEffect as j, useState as Rt, Children as Ye, isValidElement as _e, useMemo as dt, useSyncExternalStore as Tt } from "react";
-import { jsx as S, jsxs as F, Fragment as Dt } from "react/jsx-runtime";
-var Ue = Object.defineProperty, xe = (r) => {
+import { createContext as xe, useContext as Nt, useRef as it, useLayoutEffect as ot, useEffect as j, useState as Tt, Children as _e, isValidElement as Ue, useMemo as ut, useSyncExternalStore as Dt } from "react";
+import { jsx as S, jsxs as F, Fragment as Bt } from "react/jsx-runtime";
+var Oe = Object.defineProperty, Ce = (r) => {
   throw TypeError(r);
-}, Ee = (r, t, i) => t in r ? Ue(r, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[t] = i, w = (r, t, i) => Ee(r, typeof t != "symbol" ? t + "" : t, i), Nt = (r, t, i) => t.has(r) || xe("Cannot " + i), c = (r, t, i) => (Nt(r, t, "read from private field"), i ? i.call(r) : t.get(r)), L = (r, t, i) => t.has(r) ? xe("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, i), R = (r, t, i, e) => (Nt(r, t, "write to private field"), t.set(r, i), i), Ft = (r, t, i) => (Nt(r, t, "access private method"), i), ne = (r, t, i, e) => ({
+}, Ee = (r, t, i) => t in r ? Oe(r, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[t] = i, w = (r, t, i) => Ee(r, typeof t != "symbol" ? t + "" : t, i), jt = (r, t, i) => t.has(r) || Ce("Cannot " + i), c = (r, t, i) => (jt(r, t, "read from private field"), i ? i.call(r) : t.get(r)), L = (r, t, i) => t.has(r) ? Ce("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, i), R = (r, t, i, e) => (jt(r, t, "write to private field"), t.set(r, i), i), Pt = (r, t, i) => (jt(r, t, "access private method"), i), le = (r, t, i, e) => ({
   set _(a) {
     R(r, t, a);
   },
@@ -10,7 +10,7 @@ var Ue = Object.defineProperty, xe = (r) => {
     return c(r, t, e);
   }
 });
-class Bt {
+class zt {
   constructor() {
     w(this, "listeners", /* @__PURE__ */ new Map());
   }
@@ -30,13 +30,13 @@ class Bt {
     this.listeners.clear();
   }
 }
-function le(r, t, i) {
+function ce(r, t, i) {
   const e = document.createElement("canvas");
   return e.style.position = "absolute", e.style.inset = "0", e.style.width = "100%", e.style.height = "100%", e.style.display = "block", e.style.zIndex = String(t), r.appendChild(e), e;
 }
-class Oe extends Bt {
+class $e extends zt {
   constructor(t) {
-    super(), w(this, "mainCanvas"), w(this, "mainCtx"), w(this, "overlayCanvas"), w(this, "overlayCtx"), w(this, "resizeObserver"), w(this, "_size"), w(this, "supportsDevicePixelContentBox", !1), this.mainCanvas = le(t, 0), this.overlayCanvas = le(t, 1), this.mainCtx = this.mainCanvas.getContext("2d", { alpha: !0 }), this.overlayCtx = this.overlayCanvas.getContext("2d", { alpha: !0 });
+    super(), w(this, "mainCanvas"), w(this, "mainCtx"), w(this, "overlayCanvas"), w(this, "overlayCtx"), w(this, "resizeObserver"), w(this, "_size"), w(this, "supportsDevicePixelContentBox", !1), this.mainCanvas = ce(t, 0), this.overlayCanvas = ce(t, 1), this.mainCtx = this.mainCanvas.getContext("2d", { alpha: !0 }), this.overlayCtx = this.overlayCanvas.getContext("2d", { alpha: !0 });
     const i = window.devicePixelRatio || 1;
     this._size = {
       media: { width: 0, height: 0 },
@@ -123,13 +123,13 @@ class Oe extends Bt {
     this.resizeObserver.disconnect(), this.mainCanvas.remove(), this.overlayCanvas.remove(), this.removeAllListeners();
   }
 }
-function $e(r, t, i, e) {
+function Xe(r, t, i, e) {
   const { context: a, bitmapSize: o, horizontalPixelRatio: s } = r;
   a.strokeStyle = e.crosshair.color, a.lineWidth = 1, a.setLineDash([4 * s, 4 * s]);
   const n = Math.round(t) + 0.5, l = Math.round(i) + 0.5;
   a.beginPath(), a.moveTo(n, 0), a.lineTo(n, o.height), a.moveTo(0, l), a.lineTo(o.width, l), a.stroke(), a.setLineDash([]);
 }
-function Xe(r, t, i, e, a) {
+function He(r, t, i, e, a) {
   const { context: o, bitmapSize: s, horizontalPixelRatio: n, verticalPixelRatio: l } = r;
   o.strokeStyle = e.grid.color, o.lineWidth = 1, e.grid.style === "dashed" ? o.setLineDash([4 * n, 4 * n]) : e.grid.style === "dotted" && o.setLineDash([1 * n, 3 * n]);
   const h = i.niceTickValues();
@@ -147,7 +147,7 @@ function Xe(r, t, i, e, a) {
   }
   o.stroke(), o.setLineDash([]);
 }
-function ce(r, t, i) {
+function he(r, t, i) {
   return r + (t - r) * i;
 }
 function Et(r, t, i) {
@@ -160,7 +160,7 @@ function Et(r, t, i) {
   }
   return e;
 }
-class jt extends Bt {
+class Jt extends zt {
   constructor() {
     super(...arguments), w(this, "data", []), w(this, "_visible", !0), w(this, "cachedRange", null), w(this, "cachedResult", []);
   }
@@ -221,7 +221,7 @@ class jt extends Bt {
     return a;
   }
 }
-class He {
+class Ge {
   constructor(t, i, e) {
     w(this, "dragging", !1), w(this, "lastX", 0), this.viewport = t, this.timeScale = i, this.canvas = e;
   }
@@ -242,20 +242,20 @@ class He {
     return this.dragging;
   }
 }
-class Ge {
+class Ne {
   constructor(t, i) {
     this.viewport = t, this.timeScale = i;
   }
   handleWheel(t) {
     t.preventDefault();
-    const i = Ne(t.deltaY, t.deltaMode), e = Math.exp(i * 5e-3), a = this.timeScale.getMediaWidth(), o = Math.min(t.offsetX, a), s = this.timeScale.xToTime(o);
+    const i = je(t.deltaY, t.deltaMode), e = Math.exp(i * 5e-3), a = this.timeScale.getMediaWidth(), o = Math.min(t.offsetX, a), s = this.timeScale.xToTime(o);
     this.viewport.zoomAt(s, e);
   }
 }
-function Ne(r, t) {
+function je(r, t) {
   return t === WheelEvent.DOM_DELTA_LINE ? r * 8 : t === WheelEvent.DOM_DELTA_PAGE ? r * 24 : r;
 }
-class je extends Bt {
+class Je extends zt {
   constructor(t, i, e, a) {
     super(), w(this, "zoom"), w(this, "pan"), w(this, "canvas"), w(this, "timeScale"), w(this, "yScale"), w(this, "viewport"), w(this, "onWheel", (o) => {
       this.zoom.handleWheel(o);
@@ -290,7 +290,7 @@ class je extends Bt {
       }
     }), w(this, "onTouchEnd", (o) => {
       o.touches.length === 0 && (this.pan.handleMouseUp(), this.touchCount = 0, this.lastTouchDist = 0);
-    }), this.canvas = t, this.viewport = i, this.timeScale = e, this.yScale = a, this.zoom = new Ge(i, e), this.pan = new He(i, e, t), t.style.cursor = "crosshair", t.style.touchAction = "none", t.addEventListener("wheel", this.onWheel, { passive: !1 }), t.addEventListener("mousedown", this.onMouseDown), t.addEventListener("mousemove", this.onMouseMove), t.addEventListener("mouseup", this.onMouseUp), t.addEventListener("mouseleave", this.onMouseLeave), t.addEventListener("dblclick", this.onDblClick), t.addEventListener("touchstart", this.onTouchStart, { passive: !1 }), t.addEventListener("touchmove", this.onTouchMove, { passive: !1 }), t.addEventListener("touchend", this.onTouchEnd);
+    }), this.canvas = t, this.viewport = i, this.timeScale = e, this.yScale = a, this.zoom = new Ne(i, e), this.pan = new Ge(i, e, t), t.style.cursor = "crosshair", t.style.touchAction = "none", t.addEventListener("wheel", this.onWheel, { passive: !1 }), t.addEventListener("mousedown", this.onMouseDown), t.addEventListener("mousemove", this.onMouseMove), t.addEventListener("mouseup", this.onMouseUp), t.addEventListener("mouseleave", this.onMouseLeave), t.addEventListener("dblclick", this.onDblClick), t.addEventListener("touchstart", this.onTouchStart, { passive: !1 }), t.addEventListener("touchmove", this.onTouchMove, { passive: !1 }), t.addEventListener("touchend", this.onTouchEnd);
   }
   emitCrosshair(t, i) {
     const e = this.timeScale.xToTime(t), a = this.yScale.yToValue(i);
@@ -305,7 +305,7 @@ class je extends Bt {
     this.canvas.removeEventListener("wheel", this.onWheel), this.canvas.removeEventListener("mousedown", this.onMouseDown), this.canvas.removeEventListener("mousemove", this.onMouseMove), this.canvas.removeEventListener("mouseup", this.onMouseUp), this.canvas.removeEventListener("mouseleave", this.onMouseLeave), this.canvas.removeEventListener("dblclick", this.onDblClick), this.canvas.removeEventListener("touchstart", this.onTouchStart), this.canvas.removeEventListener("touchmove", this.onTouchMove), this.canvas.removeEventListener("touchend", this.onTouchEnd), this.removeAllListeners();
   }
 }
-class he {
+class de {
   constructor(t) {
     w(this, "dirty", !1), w(this, "rafId", null), w(this, "callback"), w(this, "render", (i) => {
       this.dirty = !1, this.rafId = null, this.callback(i);
@@ -318,18 +318,18 @@ class he {
     this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null), this.dirty = !1;
   }
 }
-const ut = 6e4, ct = 36e5, st = 864e5;
-function de(r) {
+const ft = 6e4, ht = 36e5, nt = 864e5;
+function ue(r) {
   return r instanceof Date ? r.getTime() : r;
 }
-function Je(r) {
-  return r.length === 0 || typeof r[0].time == "number" ? r : r.map((t) => ({ ...t, time: t.time.getTime() }));
-}
 function Ke(r) {
   return r.length === 0 || typeof r[0].time == "number" ? r : r.map((t) => ({ ...t, time: t.time.getTime() }));
 }
 function qe(r) {
-  if (r.length < 2) return st;
+  return r.length === 0 || typeof r[0].time == "number" ? r : r.map((t) => ({ ...t, time: t.time.getTime() }));
+}
+function Qe(r) {
+  if (r.length < 2) return nt;
   const t = [];
   for (let i = 1; i < Math.min(r.length, 20); i++)
     t.push(r[i] - r[i - 1]);
@@ -337,21 +337,21 @@ function qe(r) {
 }
 function At(r, t) {
   const i = new Date(r);
-  return t >= st ? i.toLocaleDateString("en-US", { month: "short", day: "numeric" }) : t >= ct ? i.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit", hour12: !1 }) : i.toLocaleTimeString("en-US", {
+  return t >= nt ? i.toLocaleDateString("en-US", { month: "short", day: "numeric" }) : t >= ht ? i.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit", hour12: !1 }) : i.toLocaleTimeString("en-US", {
     hour: "2-digit",
     minute: "2-digit",
     second: "2-digit",
     hour12: !1
   });
 }
-function Qe(r) {
+function Ze(r) {
   return new Date(r).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-function Ze(r) {
-  const t = [1e3, 5e3, 1e4, 15e3, 3e4], i = [ut, 5 * ut, 10 * ut, 15 * ut, 30 * ut], e = [ct, 2 * ct, 4 * ct, 6 * ct, 12 * ct], a = [st, 7 * st, 30 * st, 90 * st, 365 * st];
-  return r < ut ? [...t, ...i, ...e, ...a] : r < ct ? [...i, ...e, ...a] : r < st ? [...e, ...a] : a;
+function ti(r) {
+  const t = [1e3, 5e3, 1e4, 15e3, 3e4], i = [ft, 5 * ft, 10 * ft, 15 * ft, 30 * ft], e = [ht, 2 * ht, 4 * ht, 6 * ht, 12 * ht], a = [nt, 7 * nt, 30 * nt, 90 * nt, 365 * nt];
+  return r < ft ? [...t, ...i, ...e, ...a] : r < ht ? [...i, ...e, ...a] : r < nt ? [...e, ...a] : a;
 }
-class ti {
+class ei {
   constructor() {
     w(this, "from", 0), w(this, "to", 0), w(this, "width", 1), w(this, "pixelRatio", 1);
   }
@@ -378,7 +378,7 @@ class ti {
   }
   niceTickValues(t) {
     if (this.to <= this.from) return { ticks: [], tickInterval: 0 };
-    const i = Ze(t), e = (this.to - this.from) / this.width * 80;
+    const i = ti(t), e = (this.to - this.from) / this.width * 80;
     let a = i[i.length - 1];
     for (const n of i)
       if (n >= e) {
@@ -397,7 +397,7 @@ class ti {
     return this.width;
   }
 }
-const Ot = [
+const $t = [
   1e-4,
   2e-4,
   5e-4,
@@ -426,7 +426,7 @@ const Ot = [
   2e4,
   5e4
 ];
-class ei {
+class ii {
   constructor() {
     w(this, "min", 0), w(this, "max", 0), w(this, "height", 1), w(this, "pixelRatio", 1);
   }
@@ -450,8 +450,8 @@ class ei {
   niceTickValues() {
     if (this.max <= this.min) return [];
     const t = (this.max - this.min) / this.height * 50;
-    let i = Ot[Ot.length - 1];
-    for (const o of Ot)
+    let i = $t[$t.length - 1];
+    for (const o of $t)
       if (o >= t) {
         i = o;
         break;
@@ -473,14 +473,14 @@ class ei {
     return i < 0.01 ? t.toFixed(6) : i < 0.1 ? t.toFixed(4) : i < 10 ? t.toFixed(2) : i < 1e3 ? t.toFixed(1) : t.toFixed(0);
   }
 }
-const ii = {
+const oi = {
   colors: ["#26a69a", "#ef5350"],
   barWidthRatio: 0.6,
   stacking: "off"
 };
-class Z {
+class tt {
   constructor(t, i) {
-    w(this, "stores"), w(this, "options"), this.stores = Array.from({ length: t }, () => new jt()), this.options = { ...ii, ...i };
+    w(this, "stores"), w(this, "options"), this.stores = Array.from({ length: t }, () => new Jt()), this.options = { ...oi, ...i };
   }
   /** For chart compatibility — returns first store */
   get store() {
@@ -604,11 +604,11 @@ class Z {
           for (const z of v)
             z > 0 ? k += z : D += z;
           if (y > 0 && k > 0) {
-            const z = C / k * 100, _ = (C + y) / k * 100, P = o.valueToBitmapY(_), X = o.valueToBitmapY(z), H = Math.max(1, X - P);
-            this.fillBar(n, x - g, P, d, H, b);
+            const z = C / k * 100, Y = (C + y) / k * 100, P = o.valueToBitmapY(Y), $ = o.valueToBitmapY(z), X = Math.max(1, $ - P);
+            this.fillBar(n, x - g, P, d, X, b);
           } else if (y < 0 && D < 0) {
-            const z = T / D * -100, _ = (T + y) / D * -100, P = o.valueToBitmapY(z), X = o.valueToBitmapY(_), H = Math.max(1, X - P);
-            n.fillStyle = b, n.fillRect(x - g, P, d, H);
+            const z = T / D * -100, Y = (T + y) / D * -100, P = o.valueToBitmapY(z), $ = o.valueToBitmapY(Y), X = Math.max(1, $ - P);
+            n.fillStyle = b, n.fillRect(x - g, P, d, X);
           }
         } else if (y > 0) {
           const k = o.valueToBitmapY(C + y), D = o.valueToBitmapY(C), z = Math.max(1, D - k);
@@ -624,15 +624,15 @@ class Z {
     t.fillStyle = s, t.fillRect(i, e, a, o);
   }
 }
-function ue(r, t) {
-  return r.length <= t ? r : ri(
+function fe(r, t) {
+  return r.length <= t ? r : ai(
     r,
     t,
     (i) => i.time,
     (i) => i.value
   );
 }
-function oi(r, t) {
+function ri(r, t) {
   if (r.length <= t) return r;
   const i = Math.ceil(r.length / t), e = [];
   for (let a = 0; a < r.length; a += i) {
@@ -651,7 +651,7 @@ function oi(r, t) {
   }
   return e;
 }
-function ri(r, t, i, e) {
+function ai(r, t, i, e) {
   if (t >= r.length || t < 3) return r;
   const a = [r[0]], o = (r.length - 2) / (t - 2);
   let s = 0;
@@ -674,54 +674,54 @@ function ri(r, t, i, e) {
   }
   return a.push(r[r.length - 1]), a;
 }
-const fe = /* @__PURE__ */ new Map(), ge = /* @__PURE__ */ new Map(), pe = /* @__PURE__ */ new Map();
-function Jt(r) {
+const ge = /* @__PURE__ */ new Map(), pe = /* @__PURE__ */ new Map(), me = /* @__PURE__ */ new Map();
+function Kt(r) {
   return [parseInt(r.slice(1, 3), 16), parseInt(r.slice(3, 5), 16), parseInt(r.slice(5, 7), 16)];
 }
-function Ce(r, t, i) {
+function we(r, t, i) {
   return `#${r.toString(16).padStart(2, "0")}${t.toString(16).padStart(2, "0")}${i.toString(16).padStart(2, "0")}`;
 }
-function bt(r, t) {
+function vt(r, t) {
   if (r.startsWith("rgba")) return r.replace(/[\d.]+\)\s*$/, `${t})`);
   if (r.startsWith("rgb(")) return r.replace(/^rgb\((.*)\)$/i, `rgba($1, ${t})`);
   const i = r + t;
-  let e = fe.get(i);
+  let e = ge.get(i);
   if (e) return e;
-  const [a, o, s] = Jt(r);
-  return e = `rgba(${a}, ${o}, ${s}, ${t})`, fe.set(i, e), e;
+  const [a, o, s] = Kt(r);
+  return e = `rgba(${a}, ${o}, ${s}, ${t})`, ge.set(i, e), e;
 }
-function ai(r, t) {
+function si(r, t) {
   const i = r + t;
-  let e = ge.get(i);
+  let e = pe.get(i);
   if (e) return e;
-  const [a, o, s] = Jt(r);
-  return e = Ce(
+  const [a, o, s] = Kt(r);
+  return e = we(
     Math.min(255, Math.round(a + (255 - a) * t)),
     Math.min(255, Math.round(o + (255 - o) * t)),
     Math.min(255, Math.round(s + (255 - s) * t))
-  ), ge.set(i, e), e;
+  ), pe.set(i, e), e;
 }
-function si(r, t) {
+function ni(r, t) {
   const i = r + t;
-  let e = pe.get(i);
+  let e = me.get(i);
   if (e) return e;
-  const [a, o, s] = Jt(r);
-  return e = Ce(
+  const [a, o, s] = Kt(r);
+  return e = we(
     Math.max(0, Math.round(a * (1 - t))),
     Math.max(0, Math.round(o * (1 - t))),
     Math.max(0, Math.round(s * (1 - t)))
-  ), pe.set(i, e), e;
+  ), me.set(i, e), e;
 }
-const ni = {
+const li = {
   upColor: "#26a69a",
   downColor: "#ef5350",
   wickUpColor: "#26a69a",
   wickDownColor: "#ef5350",
   bodyWidthRatio: 0.6
 };
-class $t {
+class Xt {
   constructor(t, i) {
-    w(this, "store"), w(this, "options"), this.store = t, this.options = { ...ni, ...i };
+    w(this, "store"), w(this, "options"), this.store = t, this.options = { ...li, ...i };
   }
   updateOptions(t) {
     this.options = { ...this.options, ...t };
@@ -733,7 +733,7 @@ class $t {
     const { scope: i, timeScale: e, yScale: a, dataInterval: o } = t, { context: s, horizontalPixelRatio: n } = i, l = e.getRange();
     let h = this.store.getVisibleData(l.from, l.to);
     const d = i.mediaSize.width;
-    if (h.length > d * 2 && (h = oi(h, Math.round(d * 1.5))), h.length === 0) return;
+    if (h.length > d * 2 && (h = ri(h, Math.round(d * 1.5))), h.length === 0) return;
     const g = e.barWidthBitmap(o), f = Math.max(1, Math.round(g * this.options.bodyWidthRatio) - 2), p = Math.floor(f / 2), m = Math.max(1, Math.round(n)), b = Math.round(a.getMediaHeight() * i.verticalPixelRatio);
     this.drawVolume(s, h, e, b, g, o);
     const u = [], v = [];
@@ -766,7 +766,7 @@ class $t {
     for (const p of i)
       p.volume !== void 0 && p.volume > n && (n = p.volume);
     if (n === 0) return;
-    const l = a * 0.2, h = Math.max(1, o - 2), d = Math.floor(h / 2), g = bt(this.options.upColor, 0.2), f = bt(this.options.downColor, 0.2);
+    const l = a * 0.2, h = Math.max(1, o - 2), d = Math.floor(h / 2), g = vt(this.options.upColor, 0.2), f = vt(this.options.downColor, 0.2);
     for (const p of i) {
       if (p.volume === void 0 || p.volume === 0) continue;
       const m = e.timeToBitmapX(p.time), b = Math.max(1, p.volume / n * l), u = p.close >= p.open;
@@ -780,7 +780,7 @@ class $t {
       const m = e.timeToBitmapX(p.time), b = a.valueToBitmapY(p.high), u = a.valueToBitmapY(p.low), v = m - Math.floor(n / 2);
       t.fillRect(v, b, n, u - b);
     }
-    const d = this.options.candleGradient !== !1, g = d ? ai(l, 0.2) : l, f = d ? si(l, 0.15) : l;
+    const d = this.options.candleGradient !== !1, g = d ? si(l, 0.2) : l, f = d ? ni(l, 0.15) : l;
     d || (t.fillStyle = l);
     for (const p of i) {
       const m = e.timeToBitmapX(p.time), b = a.valueToBitmapY(p.open), u = a.valueToBitmapY(p.close), v = Math.min(b, u), y = Math.max(1, Math.abs(u - b));
@@ -792,16 +792,16 @@ class $t {
     }
   }
 }
-const li = {
+const ci = {
   colors: ["#2962FF"],
   lineWidth: 1,
   areaFill: !0,
   pulse: !0,
   stacking: "off"
 };
-class G {
+class H {
   constructor(t, i) {
-    w(this, "stores"), w(this, "options"), w(this, "areaGradientCache", /* @__PURE__ */ new Map()), this.stores = Array.from({ length: t }, () => new jt()), this.options = { ...li, ...i };
+    w(this, "stores"), w(this, "options"), w(this, "areaGradientCache", /* @__PURE__ */ new Map()), this.stores = Array.from({ length: t }, () => new Jt()), this.options = { ...ci, ...i };
   }
   get store() {
     return this.stores[0];
@@ -860,7 +860,7 @@ class G {
       if (!this.stores[d].isVisible()) continue;
       let g = this.stores[d].getVisibleData(s.from, s.to);
       const f = i.mediaSize.width;
-      if (g.length > f * 2 && (g = ue(g, Math.round(f * 1.5))), g.length < 2) continue;
+      if (g.length > f * 2 && (g = fe(g, Math.round(f * 1.5))), g.length < 2) continue;
       const p = this.options.colors[d % this.options.colors.length];
       o.beginPath(), o.moveTo(e.timeToBitmapX(g[0].time), a.valueToBitmapY(g[0].value));
       for (let m = 1; m < g.length; m++)
@@ -870,7 +870,7 @@ class G {
         o.lineTo(b, u), o.lineTo(m, u), o.closePath();
         const v = String(d), y = this.areaGradientCache.get(v);
         let x;
-        y && y.bottomY === u && y.color === p ? x = y.gradient : (x = o.createLinearGradient(0, 0, 0, u), x.addColorStop(0, bt(p, 0.12)), x.addColorStop(1, bt(p, 0.01)), this.areaGradientCache.set(v, { gradient: x, bottomY: u, color: p })), o.fillStyle = x, o.fill();
+        y && y.bottomY === u && y.color === p ? x = y.gradient : (x = o.createLinearGradient(0, 0, 0, u), x.addColorStop(0, vt(p, 0.12)), x.addColorStop(1, vt(p, 0.01)), this.areaGradientCache.set(v, { gradient: x, bottomY: u, color: p })), o.fillStyle = x, o.fill();
       }
     }
   }
@@ -878,7 +878,7 @@ class G {
   renderStacked(t, i) {
     const { scope: e, timeScale: a, yScale: o } = t, { context: s } = e, n = a.getRange(), { verticalPixelRatio: l } = e, h = Math.max(1, Math.round(this.options.lineWidth * l)), d = e.mediaSize.width, g = this.stores.map((u) => {
       let v = u.getVisibleData(n.from, n.to);
-      return v.length > d * 2 && (v = ue(v, Math.round(d * 1.5))), v;
+      return v.length > d * 2 && (v = fe(v, Math.round(d * 1.5))), v;
     }), f = /* @__PURE__ */ new Set();
     for (const u of g)
       for (const v of u) f.add(v.time);
@@ -917,7 +917,7 @@ class G {
           s.lineTo(y[C][0], y[C][1]);
         for (let C = x.length - 1; C >= 0; C--)
           s.lineTo(x[C][0], x[C][1]);
-        s.closePath(), s.fillStyle = bt(v, 0.25), s.fill();
+        s.closePath(), s.fillStyle = vt(v, 0.25), s.fill();
       }
       s.beginPath(), s.moveTo(y[0][0], y[0][1]);
       for (let C = 1; C < y.length; C++)
@@ -943,31 +943,31 @@ class G {
   }
   drawPulse(t, i, e, a, o) {
     const s = 3 * o, n = 0.4 + 0.6 * Math.abs(Math.sin(performance.now() / 600)), l = s + 4 * o * n;
-    t.beginPath(), t.arc(i, e, l, 0, Math.PI * 2), t.fillStyle = bt(a, n * 0.3), t.fill(), t.beginPath(), t.arc(i, e, s, 0, Math.PI * 2), t.fillStyle = a, t.fill();
+    t.beginPath(), t.arc(i, e, l, 0, Math.PI * 2), t.fillStyle = vt(a, n * 0.3), t.fill(), t.beginPath(), t.arc(i, e, s, 0, Math.PI * 2), t.fillStyle = a, t.fill();
   }
 }
-const ci = {
+const hi = {
   innerRadiusRatio: 0,
   padAngle: 0.02,
   strokeColor: "transparent",
   strokeWidth: 0
-}, Pt = Math.PI * 2;
-function hi(r) {
+}, Lt = Math.PI * 2;
+function di(r) {
   if (!r.startsWith("#")) return !1;
   const t = parseInt(r.slice(1, 3), 16), i = parseInt(r.slice(3, 5), 16), e = parseInt(r.slice(5, 7), 16);
   return t * 0.299 + i * 0.587 + e * 0.114 > 150;
 }
-function di(r, t) {
+function ui(r, t) {
   if (!r.startsWith("#")) return r;
   const i = Math.min(255, parseInt(r.slice(1, 3), 16) + Math.round(255 * t)), e = Math.min(255, parseInt(r.slice(3, 5), 16) + Math.round(255 * t)), a = Math.min(255, parseInt(r.slice(5, 7), 16) + Math.round(255 * t));
   return `#${i.toString(16).padStart(2, "0")}${e.toString(16).padStart(2, "0")}${a.toString(16).padStart(2, "0")}`;
 }
-function ui(r, t, i) {
+function fi(r, t, i) {
   return r + (t - r) * Math.min(1, i);
 }
-class lt {
+class ct {
   constructor(t) {
-    w(this, "data", []), w(this, "options"), w(this, "hoverIndex", -1), w(this, "sliceOffsets", []), w(this, "lastRenderTime", 0), this.options = { ...ci, ...t };
+    w(this, "data", []), w(this, "options"), w(this, "hoverIndex", -1), w(this, "sliceOffsets", []), w(this, "lastRenderTime", 0), this.options = { ...hi, ...t };
   }
   getData() {
     return this.data;
@@ -990,10 +990,10 @@ class lt {
     const s = e / 2, n = a / 2, l = Math.min(e, a) / 2 * 0.85, h = l * this.options.innerRadiusRatio, d = t - s, g = i - n, f = Math.sqrt(d * d + g * g);
     if (f > l || f < h) return -1;
     let p = Math.atan2(g, d) + Math.PI / 2;
-    p < 0 && (p += Pt);
+    p < 0 && (p += Lt);
     let m = 0;
     for (let b = 0; b < this.data.length; b++) {
-      const u = this.data[b].value / o * Pt;
+      const u = this.data[b].value / o * Lt;
       if (p >= m && p < m + u) return b;
       m += u;
     }
@@ -1017,30 +1017,30 @@ class lt {
     for (; this.sliceOffsets.length < this.data.length; ) this.sliceOffsets.push(0);
     for (let k = 0; k < this.data.length; k++) {
       const D = k === this.hoverIndex ? 1 : 0;
-      this.sliceOffsets[k] = ui(this.sliceOffsets[k], D, d * l);
+      this.sliceOffsets[k] = fi(this.sliceOffsets[k], D, d * l);
     }
     const g = this.options.colors ?? e.seriesColors, f = o.width / 2, p = o.height / 2, m = Math.min(o.width, o.height) / 2 * 0.85, b = m * this.options.innerRadiusRatio, u = this.options.padAngle, { strokeColor: v, strokeWidth: y } = this.options, x = 8 * s;
     let C = -Math.PI / 2;
     for (let k = 0; k < this.data.length; k++) {
-      const D = this.data[k], z = D.value / h * Pt, _ = C + u / 2, P = C + z - u / 2, X = C + z / 2, H = D.color ?? g[k % g.length], Q = this.sliceOffsets[k] * x, U = Math.cos(X) * Q, nt = Math.sin(X) * Q, E = f + U, O = p + nt;
-      a.beginPath(), a.arc(E, O, m, _, P), b > 0 ? a.arc(E, O, b, P, _, !0) : a.lineTo(E, O), a.closePath();
-      const A = a.createRadialGradient(E, O, b || 0, E, O, m);
-      A.addColorStop(0, di(H, 0.15)), A.addColorStop(1, H), a.fillStyle = A, this.sliceOffsets[k] > 0.01 && (a.shadowColor = "rgba(0,0,0,0.25)", a.shadowBlur = 12 * s * this.sliceOffsets[k], a.shadowOffsetX = U * 0.3, a.shadowOffsetY = nt * 0.3), a.fill(), a.shadowColor = "transparent", a.shadowBlur = 0, a.shadowOffsetX = 0, a.shadowOffsetY = 0, y > 0 && v !== "transparent" && (a.strokeStyle = v, a.lineWidth = y, a.stroke()), C += z;
+      const D = this.data[k], z = D.value / h * Lt, Y = C + u / 2, P = C + z - u / 2, $ = C + z / 2, X = D.color ?? g[k % g.length], Q = this.sliceOffsets[k] * x, _ = Math.cos($) * Q, lt = Math.sin($) * Q, U = f + _, O = p + lt;
+      a.beginPath(), a.arc(U, O, m, Y, P), b > 0 ? a.arc(U, O, b, P, Y, !0) : a.lineTo(U, O), a.closePath();
+      const Z = a.createRadialGradient(U, O, b || 0, U, O, m);
+      Z.addColorStop(0, ui(X, 0.15)), Z.addColorStop(1, X), a.fillStyle = Z, this.sliceOffsets[k] > 0.01 && (a.shadowColor = "rgba(0,0,0,0.25)", a.shadowBlur = 12 * s * this.sliceOffsets[k], a.shadowOffsetX = _ * 0.3, a.shadowOffsetY = lt * 0.3), a.fill(), a.shadowColor = "transparent", a.shadowBlur = 0, a.shadowOffsetX = 0, a.shadowOffsetY = 0, y > 0 && v !== "transparent" && (a.strokeStyle = v, a.lineWidth = y, a.stroke()), C += z;
     }
     C = -Math.PI / 2;
     const T = b > 0 ? (m + b) / 2 : m * 0.65;
     a.textAlign = "center", a.textBaseline = "middle", a.font = `${11 * s}px ${e.typography.fontFamily}`;
     for (let k = 0; k < this.data.length; k++) {
-      const D = this.data[k], z = D.value / h * Pt;
+      const D = this.data[k], z = D.value / h * Lt;
       if (z > 0.3) {
-        const _ = C + z / 2, P = this.sliceOffsets[k] * x, X = f + Math.cos(_) * (T + P), H = p + Math.sin(_) * (T + P), Q = D.color ?? g[k % g.length];
-        a.fillStyle = hi(Q) ? "#000000" : "#ffffff", a.fillText(D.label, X, H);
+        const Y = C + z / 2, P = this.sliceOffsets[k] * x, $ = f + Math.cos(Y) * (T + P), X = p + Math.sin(Y) * (T + P), Q = D.color ?? g[k % g.length];
+        a.fillStyle = di(Q) ? "#000000" : "#ffffff", a.fillText(D.label, $, X);
       }
       C += z;
     }
   }
 }
-const fi = {
+const gi = {
   background: "#131722",
   chartGradient: ["#1a1f2e", "#101318"],
   typography: {
@@ -1099,19 +1099,19 @@ const fi = {
     textColor: "#d1d4dc",
     borderColor: "rgba(42, 46, 57, 0.8)"
   }
-}, rt = {
+}, at = {
   top: 20,
   bottom: 20,
   right: { intervals: 3 },
   left: { intervals: 0 }
 };
-class gi extends Bt {
+class pi extends zt {
   constructor({ padding: t } = {}) {
     super(), w(this, "_visibleRange", { from: 0, to: 0 }), w(this, "_yRange", { min: 0, max: 0 }), w(this, "_autoScroll", !0), w(this, "padding"), w(this, "dataInterval", 6e4), w(this, "_dataStart", null), w(this, "_dataEnd", null), w(this, "_animating", !1), w(this, "animStartTime", 0), w(this, "animDuration", 0), w(this, "animFrom", { from: 0, to: 0 }), w(this, "animTo", { from: 0, to: 0 }), this.padding = {
-      top: (t == null ? void 0 : t.top) ?? rt.top,
-      bottom: (t == null ? void 0 : t.bottom) ?? rt.bottom,
-      right: (t == null ? void 0 : t.right) ?? rt.right,
-      left: (t == null ? void 0 : t.left) ?? rt.left
+      top: (t == null ? void 0 : t.top) ?? at.top,
+      bottom: (t == null ? void 0 : t.bottom) ?? at.bottom,
+      right: (t == null ? void 0 : t.right) ?? at.right,
+      left: (t == null ? void 0 : t.left) ?? at.left
     };
   }
   /**
@@ -1140,10 +1140,10 @@ class gi extends Bt {
   /** Replace padding configuration. Only updates fields that are provided; others keep defaults. */
   setPadding(t) {
     this.padding = {
-      top: (t == null ? void 0 : t.top) ?? rt.top,
-      bottom: (t == null ? void 0 : t.bottom) ?? rt.bottom,
-      right: (t == null ? void 0 : t.right) ?? rt.right,
-      left: (t == null ? void 0 : t.left) ?? rt.left
+      top: (t == null ? void 0 : t.top) ?? at.top,
+      bottom: (t == null ? void 0 : t.bottom) ?? at.bottom,
+      right: (t == null ? void 0 : t.right) ?? at.right,
+      left: (t == null ? void 0 : t.left) ?? at.left
     };
   }
   setDataStart(t) {
@@ -1174,7 +1174,7 @@ class gi extends Bt {
   /** Called by the render loop before each frame. Returns true if still animating. */
   tick(t) {
     if (!this._animating) return !1;
-    const i = t - this.animStartTime, e = Math.min(1, i / this.animDuration), a = 1 - (1 - e) ** 3, o = ce(this.animFrom.from, this.animTo.from, a), s = ce(this.animFrom.to, this.animTo.to, a);
+    const i = t - this.animStartTime, e = Math.min(1, i / this.animDuration), a = 1 - (1 - e) ** 3, o = he(this.animFrom.from, this.animTo.from, a), s = he(this.animFrom.to, this.animTo.to, a);
     return s > o && this.applyRange(o, s), e >= 1 && (this._animating = !1), this._animating;
   }
   /** Set the Y-axis range. Adds pixel-based padding unless a side has a fixed (explicit) bound. */
@@ -1223,42 +1223,42 @@ class gi extends Bt {
     this.cancelAnimation(), this.removeAllListeners();
   }
 }
-let pi = 0;
-var Y, B, V, ft, wt, M, W, St, N, ot, $, tt, Xt, gt, at, kt, ht, pt, Mt, Wt, K, q, mt;
-class mi extends Bt {
+let mi = 0;
+var V, B, A, gt, St, M, W, kt, N, rt, E, et, Ht, pt, st, Mt, dt, mt, Rt, It, K, q, bt;
+class bi extends zt {
   constructor(t, i) {
     var e, a, o;
-    super(), L(this, pt), L(this, Y), L(this, B), L(this, V), L(this, ft), w(this, "timeScale"), w(this, "yScale"), L(this, wt), L(this, M, []), L(this, W), L(this, St), L(this, N, 6e4), L(this, ot, null), L(this, $, {}), L(this, tt, null), L(this, Xt, !1), L(this, gt, {}), L(this, at, 0), L(this, kt, !1), L(this, ht, !1), L(this, Wt, 0), L(this, K, 0), L(this, q, 0), L(this, mt, !1), i != null && i.axis && (R(this, gt, i.axis), R(this, $, { min: (e = i.axis.y) == null ? void 0 : e.min, max: (a = i.axis.y) == null ? void 0 : a.max })), R(this, W, (i == null ? void 0 : i.theme) ?? fi), R(this, St, (i == null ? void 0 : i.grid) !== !1), R(this, Y, new Oe(t)), R(this, B, new gi({ padding: i == null ? void 0 : i.padding })), this.timeScale = new ti(), this.yScale = new ei(), R(this, V, new he(() => this.renderMain())), R(this, ft, new he(() => this.renderOverlay()));
+    super(), L(this, mt), L(this, V), L(this, B), L(this, A), L(this, gt), w(this, "timeScale"), w(this, "yScale"), L(this, St), L(this, M, []), L(this, W), L(this, kt), L(this, N, 6e4), L(this, rt, null), L(this, E, {}), L(this, et, null), L(this, Ht, !1), L(this, pt, {}), L(this, st, 0), L(this, Mt, !1), L(this, dt, !1), L(this, It, 0), L(this, K, 0), L(this, q, 0), L(this, bt, !1), i != null && i.axis && (R(this, pt, i.axis), R(this, E, { min: (e = i.axis.y) == null ? void 0 : e.min, max: (a = i.axis.y) == null ? void 0 : a.max })), R(this, W, (i == null ? void 0 : i.theme) ?? gi), R(this, kt, (i == null ? void 0 : i.grid) !== !1), R(this, V, new $e(t)), R(this, B, new pi({ padding: i == null ? void 0 : i.padding })), this.timeScale = new ei(), this.yScale = new ii(), R(this, A, new de(() => this.renderMain())), R(this, gt, new de(() => this.renderOverlay()));
     const s = (i == null ? void 0 : i.interactive) !== !1;
-    R(this, wt, s ? new je(c(this, Y).canvas, c(this, B), this.timeScale, this.yScale) : null), c(this, B).on("change", () => {
-      this.syncScales(), c(this, V).markDirty(), this.emit("viewportChange");
-    }), c(this, Y).on("resize", () => {
+    R(this, St, s ? new Je(c(this, V).canvas, c(this, B), this.timeScale, this.yScale) : null), c(this, B).on("change", () => {
+      this.syncScales(), c(this, A).markDirty(), this.emit("viewportChange");
+    }), c(this, V).on("resize", () => {
       this.updateScales(!0), this.renderMain(), this.emit("viewportChange");
-    }), (o = c(this, wt)) == null || o.on("crosshairMove", (n) => {
-      R(this, ot, n), c(this, ft).markDirty(), this.emit("crosshairMove", n), this.updatePieHover(n);
+    }), (o = c(this, St)) == null || o.on("crosshairMove", (n) => {
+      R(this, rt, n), c(this, gt).markDirty(), this.emit("crosshairMove", n), this.updatePieHover(n);
     });
   }
   get yAxisWidth() {
-    const t = c(this, gt).y;
+    const t = c(this, pt).y;
     return (t == null ? void 0 : t.visible) === !1 ? 0 : (t == null ? void 0 : t.width) ?? 55;
   }
   get xAxisHeight() {
-    const t = c(this, gt).x;
+    const t = c(this, pt).x;
     return (t == null ? void 0 : t.visible) === !1 ? 0 : (t == null ? void 0 : t.height) ?? 30;
   }
   /** Add a candlestick (OHLC) series and return its unique ID. */
   addCandlestickSeries(t) {
-    const i = new jt(), e = new $t(i, {
+    const i = new Jt(), e = new Xt(i, {
       upColor: c(this, W).candlestick.upColor,
       downColor: c(this, W).candlestick.downColor,
       wickUpColor: c(this, W).candlestick.wickUpColor,
       wickDownColor: c(this, W).candlestick.wickDownColor,
       bodyWidthRatio: 0.6,
       ...t
-    }), a = Ft(this, pt, Mt).call(this, t == null ? void 0 : t.id);
+    }), a = Pt(this, mt, Rt).call(this, t == null ? void 0 : t.id);
     return i.on("update", () => {
       this.onDataChanged();
-    }), c(this, M).push({ id: a, renderer: e, store: i, visible: !0 }), R(this, tt, null), this.updateViewportPadding(), this.emit("seriesChange"), a;
+    }), c(this, M).push({ id: a, renderer: e, store: i, visible: !0 }), R(this, et, null), this.updateViewportPadding(), this.emit("seriesChange"), a;
   }
   addLineSeries(t, i) {
     let e, a;
@@ -1268,20 +1268,20 @@ class mi extends Bt {
       const { layers: n, ...l } = t ?? {};
       e = n ?? 1, a = l;
     }
-    const o = new G(e, {
+    const o = new H(e, {
       colors: e === 1 ? [c(this, W).line.color] : c(this, W).seriesColors.slice(0, e),
       lineWidth: c(this, W).line.width,
       areaFill: !0,
       ...a
-    }), s = Ft(this, pt, Mt).call(this, a == null ? void 0 : a.id);
+    }), s = Pt(this, mt, Rt).call(this, a == null ? void 0 : a.id);
     for (const n of o.stores)
       n.on("update", () => this.onDataChanged());
-    return c(this, M).push({ id: s, label: a == null ? void 0 : a.label, renderer: o, store: o.stores[0], visible: !0 }), R(this, tt, null), this.updateViewportPadding(), this.emit("seriesChange"), s;
+    return c(this, M).push({ id: s, label: a == null ? void 0 : a.label, renderer: o, store: o.stores[0], visible: !0 }), R(this, et, null), this.updateViewportPadding(), this.emit("seriesChange"), s;
   }
   /** Set data for a specific layer within a line series. */
   setLineLayerData(t, i, e) {
     const a = c(this, M).find((s) => s.id === t);
-    if (!a || !(a.renderer instanceof G)) return;
+    if (!a || !(a.renderer instanceof H)) return;
     const o = a.renderer.stores[i];
     o && o.setData(e);
   }
@@ -1293,69 +1293,69 @@ class mi extends Bt {
       const { layers: n, ...l } = t ?? {};
       e = n ?? 1, a = l;
     }
-    const o = new Z(e, {
+    const o = new tt(e, {
       colors: c(this, W).seriesColors.slice(0, e),
       barWidthRatio: 0.6,
       ...a
-    }), s = Ft(this, pt, Mt).call(this, a == null ? void 0 : a.id);
+    }), s = Pt(this, mt, Rt).call(this, a == null ? void 0 : a.id);
     for (const n of o.stores)
       n.on("update", () => this.onDataChanged());
-    return c(this, M).push({ id: s, label: a == null ? void 0 : a.label, renderer: o, store: o.stores[0], visible: !0 }), R(this, tt, null), this.updateViewportPadding(), this.emit("seriesChange"), s;
+    return c(this, M).push({ id: s, label: a == null ? void 0 : a.label, renderer: o, store: o.stores[0], visible: !0 }), R(this, et, null), this.updateViewportPadding(), this.emit("seriesChange"), s;
   }
   /** Set data for a specific layer within a bar series. */
   setBarLayerData(t, i, e) {
     const a = c(this, M).find((s) => s.id === t);
-    if (!a || !(a.renderer instanceof Z)) return;
+    if (!a || !(a.renderer instanceof tt)) return;
     const o = a.renderer.stores[i];
     o && o.setData(e);
   }
   /** Add a pie/donut series. Set `innerRadiusRatio > 0` for donut. */
   addPieSeries(t) {
-    const i = new lt(t), e = Ft(this, pt, Mt).call(this, t == null ? void 0 : t.id);
-    return c(this, M).push({ id: e, label: t == null ? void 0 : t.label, renderer: i, store: null, visible: !0 }), R(this, tt, null), this.updateViewportPadding(), this.emit("seriesChange"), e;
+    const i = new ct(t), e = Pt(this, mt, Rt).call(this, t == null ? void 0 : t.id);
+    return c(this, M).push({ id: e, label: t == null ? void 0 : t.label, renderer: i, store: null, visible: !0 }), R(this, et, null), this.updateViewportPadding(), this.emit("seriesChange"), e;
   }
   /** Set data for a pie/donut series. */
   setPieData(t, i) {
     const e = c(this, M).find((a) => a.id === t);
-    !e || !(e.renderer instanceof lt) || (e.renderer.setData(i), c(this, V).markDirty(), this.emit("dataUpdate"));
+    !e || !(e.renderer instanceof ct) || (e.renderer.setData(i), c(this, A).markDirty(), this.emit("dataUpdate"));
   }
   /** Remove a series by ID and clean up its resources. */
   removeSeries(t) {
     const i = c(this, M).findIndex((e) => e.id === t);
     if (i >= 0) {
       const { renderer: e, store: a } = c(this, M)[i];
-      if (e instanceof G || e instanceof Z)
+      if (e instanceof H || e instanceof tt)
         for (const o of e.stores) o.removeAllListeners();
       else
         a == null || a.removeAllListeners();
-      c(this, M).splice(i, 1), R(this, tt, null), this.updateViewportPadding(), c(this, V).markDirty(), this.emit("seriesChange");
+      c(this, M).splice(i, 1), R(this, et, null), this.updateViewportPadding(), c(this, A).markDirty(), this.emit("seriesChange");
     }
   }
   /** Replace all data for a series (batch load). Accepts `Date` objects for time fields. */
   setSeriesData(t, i) {
     const e = c(this, M).find((o) => o.id === t);
     if (!(e != null && e.store)) return;
-    const a = i.length > 0 && "open" in i[0] ? Je(i) : Ke(i);
+    const a = i.length > 0 && "open" in i[0] ? Ke(i) : qe(i);
     e.store.setData(a);
   }
   /** Append a new data point to the end of a series (real-time tick). */
   appendData(t, i) {
     const e = c(this, M).find((o) => o.id === t);
     if (!(e != null && e.store)) return;
-    const a = { ...i, time: de(i.time) };
+    const a = { ...i, time: ue(i.time) };
     e.store.append(a);
   }
   /** Update the last data point of a series in place (e.g. live candle update). */
   updateData(t, i) {
     const e = c(this, M).find((o) => o.id === t);
     if (!(e != null && e.store)) return;
-    const a = { ...i, time: de(i.time) };
+    const a = { ...i, time: ue(i.time) };
     e.store.updateLast(a);
   }
   /** Update visual options (color, width, etc.) for an existing series. */
   updateSeriesOptions(t, i) {
     const e = c(this, M).find((a) => a.id === t);
-    e && ((e.renderer instanceof $t || e.renderer instanceof G || e.renderer instanceof Z || e.renderer instanceof lt) && e.renderer.updateOptions(i), "label" in i && typeof i.label == "string" && (e.label = i.label), c(this, V).markDirty());
+    e && ((e.renderer instanceof Xt || e.renderer instanceof H || e.renderer instanceof tt || e.renderer instanceof ct) && e.renderer.updateOptions(i), "label" in i && typeof i.label == "string" && (e.label = i.label), c(this, A).markDirty());
   }
   /**
    * Batch multiple updates: suppress recomputes until `fn` returns.
@@ -1371,21 +1371,21 @@ class mi extends Bt {
   }
   /** @deprecated Use {@link batch} instead. */
   beginUpdate() {
-    ne(this, at)._++;
+    le(this, st)._++;
   }
   /** @deprecated Use {@link batch} instead. */
   endUpdate() {
-    --ne(this, at)._ <= 0 && (R(this, at, 0), c(this, kt) ? (R(this, kt, !1), R(this, ht, !1), this.onDataChanged()) : c(this, ht) && (R(this, ht, !1), this.updateYRange(!0), c(this, V).markDirty()));
+    --le(this, st)._ <= 0 && (R(this, st, 0), c(this, Mt) ? (R(this, Mt, !1), R(this, dt, !1), this.onDataChanged()) : c(this, dt) && (R(this, dt, !1), this.updateYRange(!0), c(this, A).markDirty()));
   }
   /** Show or hide a series. Hidden series are not rendered and excluded from Y-range. */
   setSeriesVisible(t, i) {
     const e = c(this, M).find((a) => a.id === t);
     if (!(!e || e.visible === i)) {
-      if (e.visible = i, c(this, at) > 0) {
-        R(this, ht, !0);
+      if (e.visible = i, c(this, st) > 0) {
+        R(this, dt, !0);
         return;
       }
-      this.updateYRange(!0), c(this, V).markDirty();
+      this.updateYRange(!0), c(this, A).markDirty();
     }
   }
   isSeriesVisible(t) {
@@ -1397,15 +1397,15 @@ class mi extends Bt {
     const a = c(this, M).find((s) => s.id === t);
     if (!a) return;
     const o = a.renderer;
-    if (o instanceof Z || o instanceof G) {
+    if (o instanceof tt || o instanceof H) {
       const s = o.stores[i];
       if (s) {
         if (s.isVisible() === e) return;
-        if (s.setVisible(e), c(this, at) > 0) {
-          R(this, ht, !0);
+        if (s.setVisible(e), c(this, st) > 0) {
+          R(this, dt, !0);
           return;
         }
-        this.updateYRange(!0), c(this, V).markDirty();
+        this.updateYRange(!0), c(this, A).markDirty();
       }
     }
   }
@@ -1414,13 +1414,13 @@ class mi extends Bt {
     const a = c(this, M).find((s) => s.id === t);
     if (!a) return !0;
     const o = a.renderer;
-    return o instanceof Z || o instanceof G ? ((e = o.stores[i]) == null ? void 0 : e.isVisible()) ?? !0 : !0;
+    return o instanceof tt || o instanceof H ? ((e = o.stores[i]) == null ? void 0 : e.isVisible()) ?? !0 : !0;
   }
   /** Auto-fit the viewport to show all data across every series. */
   fitContent() {
     const { first: t, last: i } = this.getDataBounds();
     if (t === void 0 || i === void 0) return;
-    const e = c(this, Y).size.media.width - this.yAxisWidth;
+    const e = c(this, V).size.media.width - this.yAxisWidth;
     c(this, B).fitToData(t, i, e, !0);
   }
   getVisibleRange() {
@@ -1430,7 +1430,7 @@ class mi extends Bt {
     return c(this, B).yRange;
   }
   getCrosshairPosition() {
-    return c(this, ot);
+    return c(this, rt);
   }
   /** Get the last visible value and whether the absolute last point is on screen. */
   getLastValue(t) {
@@ -1475,7 +1475,7 @@ class mi extends Bt {
     const e = c(this, M).find((n) => n.id === t);
     if (!e || !e.visible) return null;
     const a = e.renderer;
-    if (!(a instanceof Z) && !(a instanceof G) || a.stores.length <= 1) return null;
+    if (!(a instanceof tt) && !(a instanceof H) || a.stores.length <= 1) return null;
     const o = a.getColors(), s = [];
     for (let n = 0; n < a.stores.length; n++) {
       if (!a.stores[n].isVisible()) continue;
@@ -1494,7 +1494,7 @@ class mi extends Bt {
     return s.length > 0 ? s : null;
   }
   getSeriesIds() {
-    return c(this, tt) || R(this, tt, c(this, M).map((t) => t.id)), c(this, tt).slice();
+    return c(this, et) || R(this, et, c(this, M).map((t) => t.id)), c(this, et).slice();
   }
   /** Get the primary display color for a series. */
   getSeriesColor(t) {
@@ -1510,7 +1510,7 @@ class mi extends Bt {
     const i = c(this, M).find((o) => o.id === t);
     if (!i) return null;
     const e = i.renderer;
-    if (!(e instanceof Z) && !(e instanceof G)) return null;
+    if (!(e instanceof tt) && !(e instanceof H)) return null;
     const a = e.getColors();
     return e.stores.map((o, s) => ({
       color: a[s % a.length]
@@ -1519,7 +1519,7 @@ class mi extends Bt {
   /** Get all pie slices with computed colors and percentages. Returns null for non-pie series. */
   getPieSlices(t) {
     const i = c(this, M).find((s) => s.id === t);
-    if (!i || !(i.renderer instanceof lt)) return null;
+    if (!i || !(i.renderer instanceof ct)) return null;
     const e = i.renderer.getData();
     if (e.length === 0) return null;
     const a = e.reduce((s, n) => s + n.value, 0), o = c(this, W).seriesColors;
@@ -1533,7 +1533,7 @@ class mi extends Bt {
   /** Get the hovered pie slice info (label, value, percentage, color). Returns null if no hover. */
   getPieHoverInfo(t) {
     const i = c(this, M).find((l) => l.id === t);
-    if (!i || !(i.renderer instanceof lt)) return null;
+    if (!i || !(i.renderer instanceof ct)) return null;
     const e = i.renderer;
     if (e.hoverIndex < 0) return null;
     const a = e.getData(), o = a[e.hoverIndex];
@@ -1551,17 +1551,17 @@ class mi extends Bt {
     const i = c(this, W).line.color;
     R(this, W, t);
     for (const e of c(this, M))
-      e.renderer instanceof $t ? e.renderer.updateOptions({
+      e.renderer instanceof Xt ? e.renderer.updateOptions({
         upColor: t.candlestick.upColor,
         downColor: t.candlestick.downColor,
         wickUpColor: t.candlestick.wickUpColor,
         wickDownColor: t.candlestick.wickDownColor
-      }) : e.renderer instanceof Z ? e.renderer.updateOptions({
+      }) : e.renderer instanceof tt ? e.renderer.updateOptions({
         colors: t.seriesColors.slice(0, e.renderer.stores.length)
-      }) : e.renderer instanceof G && (e.renderer.stores.length === 1 ? e.renderer.getColor() === i && e.renderer.updateOptions({ colors: [t.line.color] }) : e.renderer.updateOptions({
+      }) : e.renderer instanceof H && (e.renderer.stores.length === 1 ? e.renderer.getColor() === i && e.renderer.updateOptions({ colors: [t.line.color] }) : e.renderer.updateOptions({
         colors: t.seriesColors.slice(0, e.renderer.stores.length)
       }));
-    c(this, V).markDirty();
+    c(this, A).markDirty();
   }
   getTheme() {
     return c(this, W);
@@ -1570,16 +1570,16 @@ class mi extends Bt {
   setAxis(t) {
     var i, e;
     const a = this.yAxisWidth, o = this.xAxisHeight;
-    R(this, gt, t);
+    R(this, pt, t);
     const s = { min: (i = t.y) == null ? void 0 : i.min, max: (e = t.y) == null ? void 0 : e.max };
-    R(this, $, s), R(this, mt, !1), this.updateYRange(!0), (this.yAxisWidth !== a || this.xAxisHeight !== o) && this.updateScales(!0), c(this, V).markDirty();
+    R(this, E, s), R(this, bt, !1), this.updateYRange(!0), (this.yAxisWidth !== a || this.xAxisHeight !== o) && this.updateScales(!0), c(this, A).markDirty();
   }
   getMediaSize() {
-    return c(this, Y).size.media;
+    return c(this, V).size.media;
   }
   /** Returns layout metrics for the chart area, Y axis, and time axis. */
   getLayout() {
-    const t = c(this, Y).size.media, i = this.yAxisWidth, e = this.xAxisHeight;
+    const t = c(this, V).size.media, i = this.yAxisWidth, e = this.xAxisHeight;
     return {
       chartArea: { x: 0, y: 0, width: t.width - i, height: t.height - e },
       yAxisWidth: i,
@@ -1594,30 +1594,30 @@ class mi extends Bt {
     c(this, B).setPadding(t);
     const { first: i, last: e } = this.getDataBounds();
     if (i !== void 0 && e !== void 0) {
-      const a = c(this, Y).size.media.width - this.yAxisWidth;
+      const a = c(this, V).size.media.width - this.yAxisWidth;
       c(this, B).fitToData(i, e, a, !1);
     }
-    this.syncScales(), c(this, V).markDirty();
+    this.syncScales(), c(this, A).markDirty();
   }
   /** Show or hide the background grid. Takes effect on the next render frame. */
   setGrid(t) {
-    R(this, St, t), c(this, V).markDirty();
+    R(this, kt, t), c(this, A).markDirty();
   }
   /** Notify chart that a YLabel is present (affects right padding). */
   setYLabel(t) {
-    R(this, Xt, t), this.updateViewportPadding();
+    R(this, Ht, t), this.updateViewportPadding();
   }
   updatePieHover(t) {
-    const i = c(this, Y).size;
+    const i = c(this, V).size;
     for (const e of c(this, M))
-      if (e.renderer instanceof lt) {
+      if (e.renderer instanceof ct) {
         const a = e.renderer.hoverIndex;
         if (t) {
           const o = t.mediaX * i.horizontalPixelRatio, s = t.mediaY * i.verticalPixelRatio;
           e.renderer.hoverIndex = e.renderer.hitTest(o, s, i.bitmap.width, i.bitmap.height);
         } else
           e.renderer.hoverIndex = -1;
-        e.renderer.hoverIndex !== a && c(this, V).markDirty();
+        e.renderer.hoverIndex !== a && c(this, A).markDirty();
       }
   }
   updateViewportPadding() {
@@ -1625,7 +1625,7 @@ class mi extends Bt {
   /** Tear down the chart: cancel animations, remove listeners, and detach the canvas. */
   destroy() {
     var t;
-    c(this, B).destroy(), c(this, V).destroy(), c(this, ft).destroy(), (t = c(this, wt)) == null || t.destroy(), c(this, Y).destroy(), this.removeAllListeners();
+    c(this, B).destroy(), c(this, A).destroy(), c(this, gt).destroy(), (t = c(this, St)) == null || t.destroy(), c(this, V).destroy(), this.removeAllListeners();
   }
   /** Compute the earliest and latest timestamps across all series. */
   getDataBounds() {
@@ -1638,8 +1638,8 @@ class mi extends Bt {
     return { first: t, last: i };
   }
   onDataChanged() {
-    if (c(this, at) > 0) {
-      R(this, kt, !0);
+    if (c(this, st) > 0) {
+      R(this, Mt, !0);
       return;
     }
     this.updateDataInterval();
@@ -1647,15 +1647,15 @@ class mi extends Bt {
     t !== void 0 && c(this, B).setDataStart(t), i !== void 0 && c(this, B).setDataEnd(i);
     let e = 0;
     for (const o of c(this, M))
-      if (o.renderer instanceof G || o.renderer instanceof Z)
+      if (o.renderer instanceof H || o.renderer instanceof tt)
         for (const s of o.renderer.stores) e += s.length;
       else o.store && (e += o.store.length);
-    const a = e - c(this, Wt) > 5;
-    if (R(this, Wt, e), t !== void 0 && i !== void 0) {
-      const { from: o, to: s } = c(this, B).visibleRange, n = o === 0 && s === 0, l = c(this, Y).size.media.width - this.yAxisWidth;
+    const a = e - c(this, It) > 5;
+    if (R(this, It, e), t !== void 0 && i !== void 0) {
+      const { from: o, to: s } = c(this, B).visibleRange, n = o === 0 && s === 0, l = c(this, V).size.media.width - this.yAxisWidth;
       n ? c(this, B).fitToData(t, i, l, !1) : a && c(this, B).autoScroll ? c(this, B).fitToData(t, i, l, !0) : !a && this.isLastPointVisible() && c(this, B).scrollToEnd(i, l);
     }
-    this.updateYRange(a), this.syncScales(), c(this, V).markDirty(), this.emit("dataUpdate");
+    this.updateYRange(a), this.syncScales(), c(this, A).markDirty(), this.emit("dataUpdate");
   }
   /** Check whether the last data point of any series falls within the visible time range. */
   isLastPointVisible() {
@@ -1673,7 +1673,7 @@ class mi extends Bt {
       const i = t.store.getAll();
       if (i.length >= 2) {
         const e = i.slice(0, 20).map((a) => a.time);
-        R(this, N, qe(e)), c(this, B).setDataInterval(c(this, N));
+        R(this, N, Qe(e)), c(this, B).setDataInterval(c(this, N));
         break;
       }
     }
@@ -1681,7 +1681,7 @@ class mi extends Bt {
   updateYRange(t = !1) {
     let i = 1 / 0, e = -1 / 0;
     const a = c(this, B).visibleRange;
-    let o = c(this, $).min !== void 0 && c(this, $).min !== "auto" && typeof c(this, $).min != "number" || c(this, $).max !== void 0 && c(this, $).max !== "auto" && typeof c(this, $).max != "number" ? [] : null;
+    let o = c(this, E).min !== void 0 && c(this, E).min !== "auto" && typeof c(this, E).min != "number" || c(this, E).max !== void 0 && c(this, E).max !== "auto" && typeof c(this, E).max != "number" ? [] : null;
     for (const h of c(this, M)) {
       if (!h.visible) continue;
       if (h.renderer.getValueRange) {
@@ -1703,17 +1703,17 @@ class mi extends Bt {
         }
     }
     if (i === 1 / 0 || e === -1 / 0) {
-      R(this, mt, !1);
+      R(this, bt, !1);
       return;
     }
-    if (i = this.resolveBound(c(this, $).min, i, e, o ?? [], "min"), e = this.resolveBound(c(this, $).max, e, i, o ?? [], "max"), !c(this, mt) || t)
-      R(this, K, i), R(this, q, e), R(this, mt, !0);
+    if (i = this.resolveBound(c(this, E).min, i, e, o ?? [], "min"), e = this.resolveBound(c(this, E).max, e, i, o ?? [], "max"), !c(this, bt) || t)
+      R(this, K, i), R(this, q, e), R(this, bt, !0);
     else {
       R(this, K, c(this, K) + (i - c(this, K)) * 0.2), R(this, q, c(this, q) + (e - c(this, q)) * 0.2), i < c(this, K) && R(this, K, i), e > c(this, q) && R(this, q, e);
       const h = Math.max(Math.abs(c(this, q) - c(this, K)) * 1e-4, 1e-3);
-      (Math.abs(c(this, K) - i) > h || Math.abs(c(this, q) - e) > h) && c(this, V).markDirty();
+      (Math.abs(c(this, K) - i) > h || Math.abs(c(this, q) - e) > h) && c(this, A).markDirty();
     }
-    const s = c(this, $).min !== void 0 && c(this, $).min !== "auto", n = c(this, $).max !== void 0 && c(this, $).max !== "auto", l = c(this, Y).size.media.height - this.xAxisHeight;
+    const s = c(this, E).min !== void 0 && c(this, E).min !== "auto", n = c(this, E).max !== void 0 && c(this, E).max !== "auto", l = c(this, V).size.media.height - this.xAxisHeight;
     c(this, B).setYRange(c(this, K), c(this, q), l, s, n);
   }
   /** Resolve an {@link AxisBound} to a concrete numeric value. */
@@ -1734,24 +1734,24 @@ class mi extends Bt {
    * handler so DOM axis components always read fresh coordinates on re-render.
    */
   syncScales() {
-    const t = c(this, Y).size;
+    const t = c(this, V).size;
     if (t.media.width === 0 || t.media.height === 0) return;
     const i = t.media.width - this.yAxisWidth, e = t.media.height - this.xAxisHeight;
     this.timeScale.update(c(this, B).visibleRange, i, t.horizontalPixelRatio), this.yScale.update(c(this, B).yRange, e, t.verticalPixelRatio);
   }
   updateScales(t = !1) {
-    const i = c(this, Y).size;
+    const i = c(this, V).size;
     if (i.media.width === 0 || i.media.height === 0) return;
     const e = i.media.width - this.yAxisWidth, a = i.media.height - this.xAxisHeight;
     this.timeScale.update(c(this, B).visibleRange, e, i.horizontalPixelRatio), this.yScale.update(c(this, B).yRange, a, i.verticalPixelRatio), this.updateYRange(t), this.yScale.update(c(this, B).yRange, a, i.verticalPixelRatio);
   }
   /** Expensive: background, grid, all series. Only on data/viewport/resize change. */
   renderMain() {
-    const t = c(this, Y).size;
+    const t = c(this, V).size;
     if (!(t.media.width === 0 || t.media.height === 0)) {
-      c(this, B).tick(performance.now()) && c(this, V).markDirty(), this.updateScales(), c(this, Y).useMainLayer((i) => {
+      c(this, B).tick(performance.now()) && c(this, A).markDirty(), this.updateScales(), c(this, V).useMainLayer((i) => {
         const { context: e, bitmapSize: a } = i, o = (t.media.width - this.yAxisWidth) * t.horizontalPixelRatio, s = (t.media.height - this.xAxisHeight) * t.verticalPixelRatio;
-        e.clearRect(0, 0, a.width, a.height), e.save(), e.beginPath(), e.rect(0, 0, o, s), e.clip(), c(this, St) && Xe(i, this.timeScale, this.yScale, c(this, W), c(this, N));
+        e.clearRect(0, 0, a.width, a.height), e.save(), e.beginPath(), e.rect(0, 0, o, s), e.clip(), c(this, kt) && He(i, this.timeScale, this.yScale, c(this, W), c(this, N));
         for (const n of c(this, M))
           n.visible && n.renderer.render({
             scope: i,
@@ -1763,8 +1763,8 @@ class mi extends Bt {
         e.restore();
       });
       for (const i of c(this, M))
-        if (i.renderer instanceof lt && i.renderer.needsAnimation) {
-          c(this, V).markDirty();
+        if (i.renderer instanceof ct && i.renderer.needsAnimation) {
+          c(this, A).markDirty();
           break;
         }
       this.renderOverlay();
@@ -1772,25 +1772,25 @@ class mi extends Bt {
   }
   /** Cheap overlay: crosshair, nearest-point dots, pulse animation. */
   renderOverlay() {
-    const t = c(this, Y).size;
+    const t = c(this, V).size;
     if (t.media.width === 0 || t.media.height === 0) return;
     let i = !1;
     for (const e of c(this, M))
-      if (e.visible && e.renderer instanceof G && e.renderer.hasPulse) {
+      if (e.visible && e.renderer instanceof H && e.renderer.hasPulse) {
         i = !0;
         break;
       }
-    if (c(this, Y).useOverlayLayer((e) => {
-      if (!c(this, ot) && !i) return;
+    if (c(this, V).useOverlayLayer((e) => {
+      if (!c(this, rt) && !i) return;
       const a = (t.media.width - this.yAxisWidth) * t.horizontalPixelRatio, o = (t.media.height - this.xAxisHeight) * t.verticalPixelRatio;
-      if (e.context.save(), e.context.beginPath(), e.context.rect(0, 0, a, o), e.context.clip(), c(this, ot)) {
-        const s = c(this, ot).mediaX * t.horizontalPixelRatio, n = c(this, ot).mediaY * t.verticalPixelRatio;
-        $e(e, s, n, c(this, W));
+      if (e.context.save(), e.context.beginPath(), e.context.rect(0, 0, a, o), e.context.clip(), c(this, rt)) {
+        const s = c(this, rt).mediaX * t.horizontalPixelRatio, n = c(this, rt).mediaY * t.verticalPixelRatio;
+        Xe(e, s, n, c(this, W));
         for (const l of c(this, M))
-          if (l.visible && l.renderer instanceof G) {
+          if (l.visible && l.renderer instanceof H) {
             const h = l.renderer, d = h.getColors(), g = h.getStacking(), f = 4 * t.horizontalPixelRatio, p = [], m = [];
             for (let u = 0; u < h.stores.length; u++) {
-              const v = h.stores[u].findNearest(c(this, ot).time, c(this, N));
+              const v = h.stores[u].findNearest(c(this, rt).time, c(this, N));
               v ? (p.push(v.value), m.push(v.time)) : (p.push(0), m.push(0));
             }
             const b = [];
@@ -1814,7 +1814,7 @@ class mi extends Bt {
           }
       }
       for (const s of c(this, M))
-        s.visible && s.renderer instanceof G && s.renderer.hasPulse && s.renderer.drawPulseOverlay(
+        s.visible && s.renderer instanceof H && s.renderer.hasPulse && s.renderer.drawPulseOverlay(
           e.context,
           this.timeScale,
           this.yScale,
@@ -1825,7 +1825,7 @@ class mi extends Bt {
       const { from: e, to: a } = this.timeScale.getRange();
       let o = !1;
       for (const s of c(this, M))
-        if (!(!s.visible || !(s.renderer instanceof G) || !s.renderer.hasPulse)) {
+        if (!(!s.visible || !(s.renderer instanceof H) || !s.renderer.hasPulse)) {
           for (const n of s.renderer.stores) {
             const l = n.last();
             if (l && l.time >= e && l.time <= a) {
@@ -1835,25 +1835,25 @@ class mi extends Bt {
           }
           if (o) break;
         }
-      o && c(this, ft).markDirty();
+      o && c(this, gt).markDirty();
     }
   }
 }
-Y = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), ft = /* @__PURE__ */ new WeakMap(), wt = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakMap(), St = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap(), ot = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakMap(), tt = /* @__PURE__ */ new WeakMap(), Xt = /* @__PURE__ */ new WeakMap(), gt = /* @__PURE__ */ new WeakMap(), at = /* @__PURE__ */ new WeakMap(), kt = /* @__PURE__ */ new WeakMap(), ht = /* @__PURE__ */ new WeakMap(), pt = /* @__PURE__ */ new WeakSet(), /**
+V = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakMap(), gt = /* @__PURE__ */ new WeakMap(), St = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakMap(), kt = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap(), rt = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap(), et = /* @__PURE__ */ new WeakMap(), Ht = /* @__PURE__ */ new WeakMap(), pt = /* @__PURE__ */ new WeakMap(), st = /* @__PURE__ */ new WeakMap(), Mt = /* @__PURE__ */ new WeakMap(), dt = /* @__PURE__ */ new WeakMap(), mt = /* @__PURE__ */ new WeakSet(), /**
 * Return a series ID: use the provided hint if it's non-empty and not already taken,
 * otherwise generate a new auto ID. Auto-generated IDs never collide with each other
 * or with user-provided IDs because they use a monotonically increasing counter.
 */
-Mt = function(r) {
+Rt = function(r) {
   if (r && !c(this, M).some((i) => i.id === r))
     return r;
   let t;
   do
-    t = `series_${++pi}`;
+    t = `series_${++mi}`;
   while (c(this, M).some((i) => i.id === t));
   return t;
-}, Wt = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), mt = /* @__PURE__ */ new WeakMap();
-const yo = {
+}, It = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), bt = /* @__PURE__ */ new WeakMap();
+const xo = {
   background: "#ffffff",
   chartGradient: ["#ffffff", "#f5f6f8"],
   typography: {
@@ -1910,77 +1910,83 @@ const yo = {
     borderColor: "rgba(0, 0, 0, 0.1)"
   }
 };
-function bi(r) {
+function vi(r) {
   return parseInt(r.slice(1, 3), 16) * 0.299 + parseInt(r.slice(3, 5), 16) * 0.587 + parseInt(r.slice(5, 7), 16) * 0.114 < 128;
 }
 function I(r) {
-  var t, i, e, a, o, s, n, l, h, d, g, f, p, m, b, u, v, y, x, C, T, k, D, z, _, P, X, H, Q;
-  const { background: U, name: nt = "Custom", description: E, fontUrl: O = null } = r, A = bi(U), Te = A ? "#d1d4dc" : "#24292f", De = A ? "#787b86" : "#8b949e", oe = A ? "#26a69a" : "#2da44e", re = A ? "#ef5350" : "#cf222e", Be = A ? "#2962ff" : "#0969da", ze = A ? "rgba(42,46,57,0.6)" : "rgba(200,200,200,0.5)", Fe = A ? "rgba(150,150,150,0.5)" : "rgba(170,170,170,0.3)", ae = A ? Lt(U, 0.1) : me(U, 0.05), Pe = A ? yt(U, 0.92) : yt(U, 0.95), Le = A ? yt(Lt(U, 0.15), 0.6) : "rgba(200,200,200,0.5)", We = Yt, Ut = ((t = r.candlestick) == null ? void 0 : t.upColor) ?? oe, zt = ((i = r.candlestick) == null ? void 0 : i.downColor) ?? re, vt = ((e = r.line) == null ? void 0 : e.color) ?? Be, se = ((a = r.tooltip) == null ? void 0 : a.textColor) ?? Te, Ae = ((o = r.axis) == null ? void 0 : o.textColor) ?? De, Ie = ((s = r.typography) == null ? void 0 : s.fontFamily) ?? We, Ve = {
-    background: U,
-    chartGradient: r.chartGradient ?? (A ? [Lt(U, 0.04), me(U, 0.06)] : [Lt(U, 0.06), U]),
+  var t, i, e, a, o, s, n, l, h, d, g, f, p, m, b, u, v, y, x, C, T, k, D, z, Y, P, $, X, Q;
+  const { background: _, name: lt = "Custom", description: U, fontUrl: O = null, backgroundImage: Z, backgroundSize: De } = r, G = vi(_), Be = G ? "#d1d4dc" : "#24292f", ze = G ? "#787b86" : "#8b949e", re = G ? "#26a69a" : "#2da44e", ae = G ? "#ef5350" : "#cf222e", Fe = G ? "#2962ff" : "#0969da", Pe = G ? "rgba(42,46,57,0.6)" : "rgba(200,200,200,0.5)", Le = G ? "rgba(150,150,150,0.5)" : "rgba(170,170,170,0.3)", se = G ? Wt(_, 0.1) : be(_, 0.05), We = G ? xt(_, 0.92) : xt(_, 0.95), Ie = G ? xt(Wt(_, 0.15), 0.6) : "rgba(200,200,200,0.5)", Ae = _t, Ot = ((t = r.candlestick) == null ? void 0 : t.upColor) ?? re, Ft = ((i = r.candlestick) == null ? void 0 : i.downColor) ?? ae, yt = ((e = r.line) == null ? void 0 : e.color) ?? Fe, ne = ((a = r.tooltip) == null ? void 0 : a.textColor) ?? Be, Ve = ((o = r.axis) == null ? void 0 : o.textColor) ?? ze, Ye = ((s = r.typography) == null ? void 0 : s.fontFamily) ?? Ae;
+  return {
+    name: lt,
+    description: U,
+    dark: G,
+    fontUrl: O,
+    backgroundImage: Z,
+    backgroundSize: De,
+    background: _,
+    chartGradient: r.chartGradient ?? (G ? [Wt(_, 0.04), be(_, 0.06)] : [Wt(_, 0.06), _]),
     typography: {
-      fontFamily: Ie,
+      fontFamily: Ye,
       fontSize: ((n = r.typography) == null ? void 0 : n.fontSize) ?? 12,
       axisFontSize: ((l = r.typography) == null ? void 0 : l.axisFontSize) ?? 10,
       yFontSize: ((h = r.typography) == null ? void 0 : h.yFontSize) ?? 11,
       tooltipFontSize: ((d = r.typography) == null ? void 0 : d.tooltipFontSize) ?? ((g = r.typography) == null ? void 0 : g.fontSize) ?? 12
     },
     grid: {
-      color: ((f = r.grid) == null ? void 0 : f.color) ?? ze,
+      color: ((f = r.grid) == null ? void 0 : f.color) ?? Pe,
       style: ((p = r.grid) == null ? void 0 : p.style) ?? "dashed"
     },
     candlestick: {
-      upColor: Ut,
-      downColor: zt,
-      wickUpColor: ((m = r.candlestick) == null ? void 0 : m.wickUpColor) ?? Ut,
-      wickDownColor: ((b = r.candlestick) == null ? void 0 : b.wickDownColor) ?? zt
+      upColor: Ot,
+      downColor: Ft,
+      wickUpColor: ((m = r.candlestick) == null ? void 0 : m.wickUpColor) ?? Ot,
+      wickDownColor: ((b = r.candlestick) == null ? void 0 : b.wickDownColor) ?? Ft
     },
     line: {
-      color: vt,
+      color: yt,
       width: ((u = r.line) == null ? void 0 : u.width) ?? 1,
-      areaTopColor: ((v = r.line) == null ? void 0 : v.areaTopColor) ?? yt(vt, 0.08),
-      areaBottomColor: ((y = r.line) == null ? void 0 : y.areaBottomColor) ?? yt(vt, 0.01)
+      areaTopColor: ((v = r.line) == null ? void 0 : v.areaTopColor) ?? xt(yt, 0.08),
+      areaBottomColor: ((y = r.line) == null ? void 0 : y.areaBottomColor) ?? xt(yt, 0.01)
     },
-    seriesColors: r.seriesColors ?? [vt, oe, re],
+    seriesColors: r.seriesColors ?? [yt, re, ae],
     bands: {
-      upper: ((x = r.bands) == null ? void 0 : x.upper) ?? vt,
-      lower: ((C = r.bands) == null ? void 0 : C.lower) ?? zt
+      upper: ((x = r.bands) == null ? void 0 : x.upper) ?? yt,
+      lower: ((C = r.bands) == null ? void 0 : C.lower) ?? Ft
     },
     crosshair: {
-      color: ((T = r.crosshair) == null ? void 0 : T.color) ?? Fe,
-      labelBackground: ((k = r.crosshair) == null ? void 0 : k.labelBackground) ?? ae,
-      labelTextColor: ((D = r.crosshair) == null ? void 0 : D.labelTextColor) ?? se
+      color: ((T = r.crosshair) == null ? void 0 : T.color) ?? Le,
+      labelBackground: ((k = r.crosshair) == null ? void 0 : k.labelBackground) ?? se,
+      labelTextColor: ((D = r.crosshair) == null ? void 0 : D.labelTextColor) ?? ne
     },
-    axis: { textColor: Ae },
+    axis: { textColor: Ve },
     yLabel: {
-      upBackground: ((z = r.yLabel) == null ? void 0 : z.upBackground) ?? Ut,
-      downBackground: ((_ = r.yLabel) == null ? void 0 : _.downBackground) ?? zt,
-      neutralBackground: ((P = r.yLabel) == null ? void 0 : P.neutralBackground) ?? ae,
-      textColor: ((X = r.yLabel) == null ? void 0 : X.textColor) ?? "#ffffff"
+      upBackground: ((z = r.yLabel) == null ? void 0 : z.upBackground) ?? Ot,
+      downBackground: ((Y = r.yLabel) == null ? void 0 : Y.downBackground) ?? Ft,
+      neutralBackground: ((P = r.yLabel) == null ? void 0 : P.neutralBackground) ?? se,
+      textColor: (($ = r.yLabel) == null ? void 0 : $.textColor) ?? "#ffffff"
     },
     tooltip: {
-      background: ((H = r.tooltip) == null ? void 0 : H.background) ?? Pe,
-      textColor: se,
-      borderColor: ((Q = r.tooltip) == null ? void 0 : Q.borderColor) ?? Le
+      background: ((X = r.tooltip) == null ? void 0 : X.background) ?? We,
+      textColor: ne,
+      borderColor: ((Q = r.tooltip) == null ? void 0 : Q.borderColor) ?? Ie
     }
   };
-  return { name: nt, description: E, fontUrl: O, dark: A, theme: Ve };
 }
-function yt(r, t) {
+function xt(r, t) {
   const i = parseInt(r.slice(1, 3), 16), e = parseInt(r.slice(3, 5), 16), a = parseInt(r.slice(5, 7), 16);
   return `rgba(${i}, ${e}, ${a}, ${t})`;
 }
-function Lt(r, t) {
+function Wt(r, t) {
   if (!r.startsWith("#")) return r;
   const i = Math.min(255, Math.round(parseInt(r.slice(1, 3), 16) + 255 * t)), e = Math.min(255, Math.round(parseInt(r.slice(3, 5), 16) + 255 * t)), a = Math.min(255, Math.round(parseInt(r.slice(5, 7), 16) + 255 * t));
   return `#${i.toString(16).padStart(2, "0")}${e.toString(16).padStart(2, "0")}${a.toString(16).padStart(2, "0")}`;
 }
-function me(r, t) {
+function be(r, t) {
   if (!r.startsWith("#")) return r;
   const i = Math.max(0, Math.round(parseInt(r.slice(1, 3), 16) * (1 - t))), e = Math.max(0, Math.round(parseInt(r.slice(3, 5), 16) * (1 - t))), a = Math.max(0, Math.round(parseInt(r.slice(5, 7), 16) * (1 - t)));
   return `#${i.toString(16).padStart(2, "0")}${e.toString(16).padStart(2, "0")}${a.toString(16).padStart(2, "0")}`;
 }
-const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap", Yt = "'Outfit', -apple-system, BlinkMacSystemFont, sans-serif", Kt = "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap", we = "'Roboto Mono', monospace", Se = "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600&display=swap", vi = "'IBM Plex Mono', monospace", yi = "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap", qt = "'Fira Code', monospace", Qt = "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap", ke = "'Source Code Pro', monospace", Me = "https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;600&display=swap", xi = "'Space Mono', monospace", Ci = "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap", Zt = "'Plus Jakarta Sans', sans-serif", te = "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap", wi = "'Caveat', 'Comic Sans MS', cursive", Si = "https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap", ki = I({
+const Vt = "'JetBrains Mono', 'Fira Code', monospace", Yt = "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap", _t = "'Outfit', -apple-system, BlinkMacSystemFont, sans-serif", qt = "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap", Se = "'Roboto Mono', monospace", ke = "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600&display=swap", yi = "'IBM Plex Mono', monospace", xi = "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap", Qt = "'Fira Code', monospace", Zt = "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap", Me = "'Source Code Pro', monospace", Re = "https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;600&display=swap", Ci = "'Space Mono', monospace", wi = "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap", te = "'Plus Jakarta Sans', sans-serif", ee = "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap", Si = "'Caveat', 'Comic Sans MS', cursive", ki = "https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap", Mi = I({
   name: "Andromeda",
   description: "Deep space purples and cosmic blues",
   background: "#23262e",
@@ -2003,9 +2009,9 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(102,94,110,0.4)", labelBackground: "#2e3038" },
   axis: { textColor: "#665e6e" },
   tooltip: { background: "rgba(35,38,46,0.92)", textColor: "#d5ced9", borderColor: "rgba(50,48,56,0.6)" },
-  typography: { fontFamily: we },
-  fontUrl: Se
-}), Mi = I({
+  typography: { fontFamily: Se },
+  fontUrl: ke
+}), Ri = I({
   name: "Ayu Mirage",
   description: "Warm dark with amber accents",
   background: "#1f2430",
@@ -2028,9 +2034,9 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(92,103,115,0.4)", labelBackground: "#2a3040" },
   axis: { textColor: "#5c6773" },
   tooltip: { background: "rgba(31,36,48,0.92)", textColor: "#cbccc6", borderColor: "rgba(42,48,60,0.6)" },
-  typography: { fontFamily: Yt },
-  fontUrl: Kt
-}), Ri = I({
+  typography: { fontFamily: _t },
+  fontUrl: qt
+}), Ti = I({
   name: "Catppuccin",
   description: "Pastel tones on a mocha base",
   background: "#1e1e2e",
@@ -2053,9 +2059,9 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(108,112,134,0.4)", labelBackground: "#313244" },
   axis: { textColor: "#6c7086" },
   tooltip: { background: "rgba(30,30,46,0.92)", textColor: "#cdd6f4", borderColor: "rgba(49,50,68,0.6)" },
-  typography: { fontFamily: Yt },
-  fontUrl: Kt
-}), Ti = I({
+  typography: { fontFamily: _t },
+  fontUrl: qt
+}), Di = I({
   name: "Dracula",
   description: "Classic dark with vibrant highlights",
   background: "#282a36",
@@ -2078,9 +2084,9 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(98,114,164,0.4)", labelBackground: "#44475a" },
   axis: { textColor: "#6272a4" },
   tooltip: { background: "rgba(40,42,54,0.92)", textColor: "#f8f8f2", borderColor: "rgba(68,71,90,0.6)" },
-  typography: { fontFamily: qt },
-  fontUrl: Qt
-}), Di = I({
+  typography: { fontFamily: Qt },
+  fontUrl: Zt
+}), Bi = I({
   name: "GitHub Light",
   description: "Clean and familiar, GitHub-inspired",
   background: "#fafbfc",
@@ -2104,9 +2110,9 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(208,215,222,0.3)", labelBackground: "#f0f3f6" },
   axis: { textColor: "#8b949e" },
   tooltip: { background: "rgba(250,251,252,0.95)", textColor: "#24292f", borderColor: "rgba(216,222,228,0.5)" },
-  typography: { fontFamily: vi },
-  fontUrl: yi
-}), Bi = I({
+  typography: { fontFamily: yi },
+  fontUrl: xi
+}), zi = I({
   name: "Gruvbox",
   description: "Retro warm with earthy tones",
   background: "#282828",
@@ -2129,74 +2135,72 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(146,131,116,0.4)", labelBackground: "#3c3836" },
   axis: { textColor: "#928374" },
   tooltip: { background: "rgba(40,40,40,0.92)", textColor: "#ebdbb2", borderColor: "rgba(60,56,54,0.6)" },
-  typography: { fontFamily: It },
-  fontUrl: Vt
-}), zi = {
+  typography: { fontFamily: Vt },
+  fontUrl: Yt
+}), Fi = {
   name: "Handwritten",
   description: "Sketch-style with a personal touch",
-  fontUrl: Si,
+  fontUrl: ki,
   dark: !1,
-  theme: {
-    background: "#fdf5e6",
-    chartGradient: ["#fef6e3", "#fdf5e6"],
-    typography: {
-      fontFamily: wi,
-      fontSize: 18,
-      axisFontSize: 13,
-      yFontSize: 15,
-      tooltipFontSize: 14
-    },
-    grid: {
-      color: "rgba(180,170,150,0.3)",
-      style: "dashed"
-    },
-    candlestick: {
-      upColor: "#7a9a5e",
-      downColor: "#b07060",
-      wickUpColor: "#7a9a5e",
-      wickDownColor: "#b07060"
-    },
-    line: {
-      color: "#6a8fa0",
-      width: 1,
-      areaTopColor: "rgba(106,143,160,0.08)",
-      areaBottomColor: "rgba(106,143,160,0.01)"
-    },
-    seriesColors: [
-      "#6a8fa0",
-      "#c09050",
-      "#7a9a5e",
-      "#8a7098",
-      "#b07060",
-      "#a09030",
-      "#508878",
-      "#a06878",
-      "#6888a0",
-      "#8870a0"
-    ],
-    bands: {
-      upper: "#6888a0",
-      lower: "#a06878"
-    },
-    crosshair: {
-      color: "rgba(160,152,128,0.3)",
-      labelBackground: "#f5edd8",
-      labelTextColor: "#5c5040"
-    },
-    axis: { textColor: "#a09880" },
-    yLabel: {
-      upBackground: "#7a9a5e",
-      downBackground: "#b07060",
-      neutralBackground: "#e8dcc8",
-      textColor: "#fdf5e6"
-    },
-    tooltip: {
-      background: "rgba(253,245,230,0.95)",
-      textColor: "#5c5040",
-      borderColor: "rgba(180,170,150,0.4)"
-    }
+  background: "#fdf5e6",
+  chartGradient: ["#fef6e3", "#fdf5e6"],
+  typography: {
+    fontFamily: Si,
+    fontSize: 18,
+    axisFontSize: 13,
+    yFontSize: 15,
+    tooltipFontSize: 14
+  },
+  grid: {
+    color: "rgba(180,170,150,0.3)",
+    style: "dashed"
+  },
+  candlestick: {
+    upColor: "#7a9a5e",
+    downColor: "#b07060",
+    wickUpColor: "#7a9a5e",
+    wickDownColor: "#b07060"
+  },
+  line: {
+    color: "#6a8fa0",
+    width: 1,
+    areaTopColor: "rgba(106,143,160,0.08)",
+    areaBottomColor: "rgba(106,143,160,0.01)"
+  },
+  seriesColors: [
+    "#6a8fa0",
+    "#c09050",
+    "#7a9a5e",
+    "#8a7098",
+    "#b07060",
+    "#a09030",
+    "#508878",
+    "#a06878",
+    "#6888a0",
+    "#8870a0"
+  ],
+  bands: {
+    upper: "#6888a0",
+    lower: "#a06878"
+  },
+  crosshair: {
+    color: "rgba(160,152,128,0.3)",
+    labelBackground: "#f5edd8",
+    labelTextColor: "#5c5040"
+  },
+  axis: { textColor: "#a09880" },
+  yLabel: {
+    upBackground: "#7a9a5e",
+    downBackground: "#b07060",
+    neutralBackground: "#e8dcc8",
+    textColor: "#fdf5e6"
+  },
+  tooltip: {
+    background: "rgba(253,245,230,0.95)",
+    textColor: "#5c5040",
+    borderColor: "rgba(180,170,150,0.4)"
   }
-}, Fi = "'Silkscreen', cursive", Pi = "https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap", Li = I({
+}, Pi = "'Silkscreen', cursive", Li = "https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap", Wi = I({
   name: "Matrix",
   background: "#000000",
   candlestick: { upColor: "#00ff41", downColor: "#00802a" },
@@ -2218,10 +2222,10 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   axis: { textColor: "#00cc33" },
   crosshair: { color: "rgba(0,255,65,0.3)", labelBackground: "#0a1a0a" },
   tooltip: { background: "rgba(0,10,0,0.95)", textColor: "#00ff41", borderColor: "rgba(0,255,65,0.2)" },
-  typography: { fontFamily: Fi },
-  fontUrl: Pi,
+  typography: { fontFamily: Pi },
+  fontUrl: Li,
   chartGradient: ["#010a01", "#000000"]
-}), Wi = I({
+}), Ii = I({
   name: "Lavender Mist",
   background: "#f5f0f4",
   candlestick: { upColor: "#6b8e5e", downColor: "#b85468" },
@@ -2243,8 +2247,8 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   axis: { textColor: "#9a88a0" },
   crosshair: { color: "rgba(150,130,155,0.2)", labelBackground: "#ebe4e8" },
   tooltip: { background: "rgba(245,240,244,0.95)", textColor: "#3a3050", borderColor: "rgba(150,130,155,0.25)" },
-  typography: { fontFamily: Zt },
-  fontUrl: te,
+  typography: { fontFamily: te },
+  fontUrl: ee,
   chartGradient: ["#f8f4f7", "#f5f0f4"]
 }), Ai = I({
   name: "Love",
@@ -2270,9 +2274,9 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(180,140,155,0.3)", labelBackground: "#f0dce2" },
   axis: { textColor: "#b08898" },
   tooltip: { background: "rgba(253,242,244,0.95)", textColor: "#4a3040", borderColor: "rgba(200,160,175,0.35)" },
-  typography: { fontFamily: Yt },
-  fontUrl: Kt
-}), Ii = I({
+  typography: { fontFamily: _t },
+  fontUrl: qt
+}), Vi = I({
   name: "Material Palenight",
   description: "Material Design in moonlit hues",
   background: "#292d3e",
@@ -2295,9 +2299,9 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(103,110,149,0.4)", labelBackground: "#34324a" },
   axis: { textColor: "#676e95" },
   tooltip: { background: "rgba(41,45,62,0.92)", textColor: "#a6accd", borderColor: "rgba(55,59,75,0.6)" },
-  typography: { fontFamily: we },
-  fontUrl: Se
-}), Vi = "'Silkscreen', cursive", Yi = "https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap", _i = I({
+  typography: { fontFamily: Se },
+  fontUrl: ke
+}), Yi = "'Silkscreen', cursive", _i = "https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap", Ui = I({
   name: "Monochrome",
   description: "Pure black and white, pixel font",
   background: "#ffffff",
@@ -2321,9 +2325,9 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(0,0,0,0.08)", labelBackground: "#f0f0f0" },
   axis: { textColor: "#b0b0b0" },
   tooltip: { background: "rgba(255,255,255,0.97)", textColor: "#222222", borderColor: "rgba(0,0,0,0.08)" },
-  typography: { fontFamily: Vi, tooltipFontSize: 9 },
-  fontUrl: Yi
-}), Ui = I({
+  typography: { fontFamily: Yi, tooltipFontSize: 9 },
+  fontUrl: _i
+}), Oi = I({
   name: "Mint Breeze",
   background: "#f6f5ee",
   candlestick: { upColor: "#2e9070", downColor: "#d04848" },
@@ -2345,8 +2349,8 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   axis: { textColor: "#80a098" },
   crosshair: { color: "rgba(120,140,120,0.18)", labelBackground: "#ece8de" },
   tooltip: { background: "rgba(246,245,238,0.95)", textColor: "#2a3530", borderColor: "rgba(130,140,115,0.2)" },
-  typography: { fontFamily: xi },
-  fontUrl: Ci,
+  typography: { fontFamily: Ci },
+  fontUrl: wi,
   chartGradient: ["#f8f7f0", "#f6f5ee"]
 }), Ei = I({
   name: "Monokai Pro",
@@ -2371,9 +2375,9 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(114,112,114,0.4)", labelBackground: "#403e42" },
   axis: { textColor: "#727072" },
   tooltip: { background: "rgba(45,42,46,0.92)", textColor: "#fcfcfa", borderColor: "rgba(64,60,62,0.6)" },
-  typography: { fontFamily: qt },
-  fontUrl: Qt
-}), Oi = I({
+  typography: { fontFamily: Qt },
+  fontUrl: Zt
+}), $i = I({
   name: "Night Owl",
   description: "Crafted for late-night coding",
   background: "#011627",
@@ -2396,9 +2400,9 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(99,119,119,0.4)", labelBackground: "#1d3b53" },
   axis: { textColor: "#495a5a" },
   tooltip: { background: "rgba(1,22,39,0.92)", textColor: "#d6deeb", borderColor: "rgba(31,52,72,0.6)" },
-  typography: { fontFamily: It },
-  fontUrl: Vt
-}), $i = I({
+  typography: { fontFamily: Vt },
+  fontUrl: Yt
+}), Xi = I({
   name: "One Dark Pro",
   description: "Atom editor's iconic dark palette",
   background: "#282c34",
@@ -2421,9 +2425,9 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(99,110,123,0.4)", labelBackground: "#3e4451" },
   axis: { textColor: "#5c6370" },
   tooltip: { background: "rgba(40,44,52,0.92)", textColor: "#abb2bf", borderColor: "rgba(59,64,72,0.6)" },
-  typography: { fontFamily: It },
-  fontUrl: Vt
-}), Xi = I({
+  typography: { fontFamily: Vt },
+  fontUrl: Yt
+}), Hi = I({
   name: "Panda",
   description: "Playful neons on charcoal",
   background: "#292a2b",
@@ -2446,9 +2450,9 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(117,117,117,0.4)", labelBackground: "#3a3a3c" },
   axis: { textColor: "#757575" },
   tooltip: { background: "rgba(41,42,43,0.92)", textColor: "#e6e6e6", borderColor: "rgba(58,58,60,0.6)" },
-  typography: { fontFamily: qt },
-  fontUrl: Qt
-}), Hi = I({
+  typography: { fontFamily: Qt },
+  fontUrl: Zt
+}), Gi = I({
   name: "Peach Cream",
   background: "#fef6f0",
   candlestick: { upColor: "#5a9a68", downColor: "#d06848" },
@@ -2470,10 +2474,10 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   axis: { textColor: "#b09080" },
   crosshair: { color: "rgba(180,140,120,0.2)", labelBackground: "#f0e4d8" },
   tooltip: { background: "rgba(254,246,240,0.95)", textColor: "#4a3028", borderColor: "rgba(180,140,120,0.25)" },
-  typography: { fontFamily: Zt },
-  fontUrl: te,
+  typography: { fontFamily: te },
+  fontUrl: ee,
   chartGradient: ["#fff8f2", "#fef6f0"]
-}), Gi = I({
+}), Ni = I({
   name: "Quiet Light",
   description: "Subdued and easy on the eyes",
   background: "#f5f5f5",
@@ -2496,9 +2500,9 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(170,170,170,0.3)", labelBackground: "#e8e8e8" },
   axis: { textColor: "#aaaaaa" },
   tooltip: { background: "rgba(245,245,245,0.95)", textColor: "#333333", borderColor: "rgba(200,200,200,0.5)" },
-  typography: { fontFamily: Zt },
-  fontUrl: te
-}), Ni = I({
+  typography: { fontFamily: te },
+  fontUrl: ee
+}), ji = I({
   name: "Rosé Pine Dawn",
   description: "Dawn-inspired warm neutrals",
   background: "#faf4ed",
@@ -2521,9 +2525,9 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(152,147,165,0.3)", labelBackground: "#f2e9e1" },
   axis: { textColor: "#9893a5" },
   tooltip: { background: "rgba(250,244,237,0.95)", textColor: "#575279", borderColor: "rgba(152,147,165,0.3)" },
-  typography: { fontFamily: ke },
-  fontUrl: Me
-}), ji = I({
+  typography: { fontFamily: Me },
+  fontUrl: Re
+}), Ji = I({
   name: "Sand Dune",
   background: "#f4f0e8",
   candlestick: { upColor: "#5a8a50", downColor: "#b85040" },
@@ -2545,10 +2549,10 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   axis: { textColor: "#9a8a70" },
   crosshair: { color: "rgba(150,130,100,0.2)", labelBackground: "#e8e0d0" },
   tooltip: { background: "rgba(244,240,232,0.95)", textColor: "#3a3020", borderColor: "rgba(150,130,100,0.3)" },
-  typography: { fontFamily: ke },
-  fontUrl: Me,
+  typography: { fontFamily: Me },
+  fontUrl: Re,
   chartGradient: ["#f8f4ec", "#f4f0e8"]
-}), Ji = I({
+}), Ki = I({
   name: "Solarized Light",
   description: "Ethan Schoonover's precision palette",
   background: "#fdf6e3",
@@ -2572,51 +2576,51 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(147,161,161,0.3)", labelBackground: "#eee8d5" },
   axis: { textColor: "#93a1a1" },
   tooltip: { background: "rgba(253,246,227,0.95)", textColor: "#586e75", borderColor: "rgba(238,232,213,0.6)" },
-  typography: { fontFamily: It },
-  fontUrl: Vt
-}), be = {
-  Dracula: Ti,
-  "One Dark Pro": $i,
+  typography: { fontFamily: Vt },
+  fontUrl: Yt
+}), ve = {
+  Dracula: Di,
+  "One Dark Pro": Xi,
   "Monokai Pro": Ei,
-  "Night Owl": Oi,
-  "Material Palenight": Ii,
-  Gruvbox: Bi,
-  Catppuccin: Ri,
-  "Ayu Mirage": Mi,
-  Panda: Xi,
-  Andromeda: ki,
-  Matrix: Li,
-  Handwritten: zi,
-  "GitHub Light": Di,
-  "Solarized Light": Ji,
-  "Rosé Pine Dawn": Ni,
-  "Quiet Light": Gi,
-  "Lavender Mist": Wi,
-  "Mint Breeze": Ui,
-  "Sand Dune": ji,
-  "Peach Cream": Hi,
-  Monochrome: _i,
+  "Night Owl": $i,
+  "Material Palenight": Vi,
+  Gruvbox: zi,
+  Catppuccin: Ti,
+  "Ayu Mirage": Ri,
+  Panda: Hi,
+  Andromeda: Mi,
+  Matrix: Wi,
+  Handwritten: Fi,
+  "GitHub Light": Bi,
+  "Solarized Light": Ki,
+  "Rosé Pine Dawn": ji,
+  "Quiet Light": Ni,
+  "Lavender Mist": Ii,
+  "Mint Breeze": Oi,
+  "Sand Dune": Ji,
+  "Peach Cream": Gi,
+  Monochrome: Ui,
   Love: Ai
 };
-function xo(r) {
-  return (be[r] ?? be["One Dark Pro"]).theme;
+function Co(r) {
+  return ve[r] ?? ve["One Dark Pro"];
 }
-const Ht = ye(null);
+const Gt = xe(null);
 function J() {
-  const r = Gt(Ht);
+  const r = Nt(Gt);
   if (!r)
     throw new Error("useChartInstance must be used within <ChartContainer>");
   return r;
 }
-function Ki({ data: r, options: t, label: i, id: e, onSeriesId: a }) {
+function qi({ data: r, options: t, label: i, id: e, onSeriesId: a }) {
   var n;
-  const o = J(), s = et(null);
-  return it(() => {
+  const o = J(), s = it(null);
+  return ot(() => {
     const l = o.addBarSeries({ ...t, label: i ?? (t == null ? void 0 : t.label), layers: r.length, id: e });
     return s.current = l, a == null || a(l), () => {
       o.removeSeries(l), s.current = null;
     };
-  }, [o, r.length, e]), it(() => {
+  }, [o, r.length, e]), ot(() => {
     const l = s.current;
     l && o.batch(() => {
       for (let h = 0; h < r.length; h++)
@@ -2626,14 +2630,14 @@ function Ki({ data: r, options: t, label: i, id: e, onSeriesId: a }) {
     s.current && t && o.updateSeriesOptions(s.current, t);
   }, [o, (n = t == null ? void 0 : t.colors) == null ? void 0 : n.join(","), t == null ? void 0 : t.barWidthRatio, t == null ? void 0 : t.stacking]), null;
 }
-function Co({ data: r, options: t, id: i, onSeriesId: e }) {
-  const a = J(), o = et(null), s = et(0);
-  return it(() => {
+function wo({ data: r, options: t, id: i, onSeriesId: e }) {
+  const a = J(), o = it(null), s = it(0);
+  return ot(() => {
     const n = a.addCandlestickSeries({ ...t, id: i });
     return o.current = n, e == null || e(n), () => {
       a.removeSeries(n), o.current = null, s.current = 0;
     };
-  }, [a, i]), it(() => {
+  }, [a, i]), ot(() => {
     const n = o.current;
     if (!n) return;
     if (r.length === 0) {
@@ -2661,19 +2665,19 @@ function Co({ data: r, options: t, id: i, onSeriesId: e }) {
     t == null ? void 0 : t.candleGradient
   ]), null;
 }
-const ee = ye(null), ve = ee.Provider;
-function qi() {
-  const r = Gt(ee);
+const ie = xe(null), ye = ie.Provider;
+function Qi() {
+  const r = Nt(ie);
   if (!r)
     throw new Error("useTheme must be used within <ThemeProvider>");
   return r;
 }
-function Qi() {
-  return Gt(ee);
+function Zi() {
+  return Nt(ie);
 }
-function Zi({ items: r, position: t = "bottom", mode: i = "toggle" }) {
-  const e = J(), a = qi(), [o, s] = Rt(/* @__PURE__ */ new Set()), [, n] = Rt(0);
-  it(() => {
+function to({ items: r, position: t = "bottom", mode: i = "toggle" }) {
+  const e = J(), a = Qi(), [o, s] = Tt(/* @__PURE__ */ new Set()), [, n] = Tt(0);
+  ot(() => {
     const f = () => {
       n((m) => m + 1), s(/* @__PURE__ */ new Set());
     }, p = () => n((m) => m + 1);
@@ -2778,13 +2782,13 @@ function Zi({ items: r, position: t = "bottom", mode: i = "toggle" }) {
     }
   );
 }
-function to({ children: r, theme: t, axis: i, padding: e, gradient: a = !0, interactive: o, grid: s, style: n, className: l }) {
-  var _, P, X, H, Q, U, nt;
-  const h = Qi(), d = t ?? h ?? void 0, g = et(null), f = et(null), [p, m] = Rt(0);
-  it(() => {
+function eo({ children: r, theme: t, axis: i, padding: e, gradient: a = !0, interactive: o, grid: s, style: n, className: l }) {
+  var Y, P, $, X, Q, _, lt;
+  const h = Zi(), d = t ?? h ?? void 0, g = it(null), f = it(null), [p, m] = Tt(0);
+  ot(() => {
     if (!g.current || f.current) return;
-    const E = {};
-    return i && (E.axis = i), d && (E.theme = d), e && (E.padding = e), o !== void 0 && (E.interactive = o), s !== void 0 && (E.grid = s), f.current = new mi(g.current, E), m((O) => O + 1), () => {
+    const U = {};
+    return i && (U.axis = i), d && (U.theme = d), e && (U.padding = e), o !== void 0 && (U.interactive = o), s !== void 0 && (U.grid = s), f.current = new bi(g.current, U), m((O) => O + 1), () => {
       const O = f.current;
       f.current = null, setTimeout(() => {
         f.current || O == null || O.destroy();
@@ -2794,7 +2798,7 @@ function to({ children: r, theme: t, axis: i, padding: e, gradient: a = !0, inte
     f.current && d && f.current.setTheme(d);
   }, [d]), j(() => {
     f.current && i && f.current.setAxis(i);
-  }, [(_ = i == null ? void 0 : i.y) == null ? void 0 : _.width, (P = i == null ? void 0 : i.y) == null ? void 0 : P.min, (X = i == null ? void 0 : i.y) == null ? void 0 : X.max, (H = i == null ? void 0 : i.y) == null ? void 0 : H.visible, (Q = i == null ? void 0 : i.x) == null ? void 0 : Q.height, (U = i == null ? void 0 : i.x) == null ? void 0 : U.visible]), j(() => {
+  }, [(Y = i == null ? void 0 : i.y) == null ? void 0 : Y.width, (P = i == null ? void 0 : i.y) == null ? void 0 : P.min, ($ = i == null ? void 0 : i.y) == null ? void 0 : $.max, (X = i == null ? void 0 : i.y) == null ? void 0 : X.visible, (Q = i == null ? void 0 : i.x) == null ? void 0 : Q.height, (_ = i == null ? void 0 : i.x) == null ? void 0 : _.visible]), j(() => {
     f.current && e && f.current.setPadding(e);
   }, [
     e == null ? void 0 : e.top,
@@ -2805,12 +2809,12 @@ function to({ children: r, theme: t, axis: i, padding: e, gradient: a = !0, inte
     f.current && s !== void 0 && f.current.setGrid(s);
   }, [s]);
   const b = f.current, { legendEl: u, overlay: v } = (() => {
-    let E = null;
+    let U = null;
     const O = [];
-    return Ye.forEach(r, (A) => {
-      _e(A) && A.type === Zi ? E = A : O.push(A);
-    }), { legendEl: E, overlay: O };
-  })(), x = (((nt = u == null ? void 0 : u.props) == null ? void 0 : nt.position) ?? "bottom") === "right", C = d ?? (b == null ? void 0 : b.getTheme()), [T, k] = (C == null ? void 0 : C.chartGradient) ?? ["transparent", "transparent"], D = (C == null ? void 0 : C.background) ?? "transparent", z = a ? `linear-gradient(to bottom, ${T} 0%, ${D} 70%, ${k} 100%)` : D;
+    return _e.forEach(r, (Z) => {
+      Ue(Z) && Z.type === to ? U = Z : O.push(Z);
+    }), { legendEl: U, overlay: O };
+  })(), x = (((lt = u == null ? void 0 : u.props) == null ? void 0 : lt.position) ?? "bottom") === "right", C = d ?? (b == null ? void 0 : b.getTheme()), [T, k] = (C == null ? void 0 : C.chartGradient) ?? ["transparent", "transparent"], D = (C == null ? void 0 : C.background) ?? "transparent", z = a ? `linear-gradient(to bottom, ${T} 0%, ${D} 70%, ${k} 100%)` : D;
   return /* @__PURE__ */ F(
     "div",
     {
@@ -2836,7 +2840,7 @@ function to({ children: r, theme: t, axis: i, padding: e, gradient: a = !0, inte
               minHeight: 0,
               overflow: "hidden"
             },
-            children: b && /* @__PURE__ */ S(Ht.Provider, { value: b, children: /* @__PURE__ */ S(ve, { value: d ?? b.getTheme(), children: /* @__PURE__ */ S(
+            children: b && /* @__PURE__ */ S(Gt.Provider, { value: b, children: /* @__PURE__ */ S(ye, { value: d ?? b.getTheme(), children: /* @__PURE__ */ S(
               "div",
               {
                 style: {
@@ -2850,20 +2854,20 @@ function to({ children: r, theme: t, axis: i, padding: e, gradient: a = !0, inte
             ) }) })
           }
         ),
-        b && u && /* @__PURE__ */ S(Ht.Provider, { value: b, children: /* @__PURE__ */ S(ve, { value: d ?? b.getTheme(), children: u }) })
+        b && u && /* @__PURE__ */ S(Gt.Provider, { value: b, children: /* @__PURE__ */ S(ye, { value: d ?? b.getTheme(), children: u }) })
       ]
     }
   );
 }
-function eo({ data: r, options: t, label: i, id: e, onSeriesId: a }) {
+function io({ data: r, options: t, label: i, id: e, onSeriesId: a }) {
   var n;
-  const o = J(), s = et(null);
-  return it(() => {
+  const o = J(), s = it(null);
+  return ot(() => {
     const l = o.addLineSeries({ ...t, label: i ?? (t == null ? void 0 : t.label), layers: r.length, id: e });
     return s.current = l, a == null || a(l), () => {
       o.removeSeries(l), s.current = null;
     };
-  }, [o, r.length, e]), it(() => {
+  }, [o, r.length, e]), ot(() => {
     const l = s.current;
     l && o.batch(() => {
       for (let h = 0; h < r.length; h++)
@@ -2873,9 +2877,9 @@ function eo({ data: r, options: t, label: i, id: e, onSeriesId: a }) {
     s.current && t && o.updateSeriesOptions(s.current, t);
   }, [o, (n = t == null ? void 0 : t.colors) == null ? void 0 : n.join(","), t == null ? void 0 : t.lineWidth, t == null ? void 0 : t.areaFill, t == null ? void 0 : t.pulse, t == null ? void 0 : t.stacking]), null;
 }
-function wo({ data: r, options: t, id: i, onSeriesId: e }) {
-  const a = J(), o = et(null);
-  return it(() => {
+function So({ data: r, options: t, id: i, onSeriesId: e }) {
+  const a = J(), o = it(null);
+  return ot(() => {
     const s = a.addPieSeries({ ...t, id: i });
     return o.current = s, e == null || e(s), () => {
       a.removeSeries(s), o.current = null;
@@ -2889,11 +2893,11 @@ function wo({ data: r, options: t, id: i, onSeriesId: e }) {
     t == null ? void 0 : t.strokeColor,
     t == null ? void 0 : t.strokeWidth,
     t == null ? void 0 : t.colors
-  ]), it(() => {
+  ]), ot(() => {
     o.current && a.setPieData(o.current, r);
   }, [a, r]), null;
 }
-function _t(r, t, i) {
+function Ut(r, t, i) {
   const e = Array.isArray(t) ? t : [t];
   return {
     subscribe: (a) => {
@@ -2905,16 +2909,16 @@ function _t(r, t, i) {
     getSnapshot: i
   };
 }
-function io(r) {
-  const t = dt(() => _t(r, ["viewportChange", "dataUpdate", "seriesChange"], () => r.getVisibleRange()), [r]);
-  return Tt(t.subscribe, t.getSnapshot);
-}
 function oo(r) {
-  const t = dt(() => _t(r, ["viewportChange", "dataUpdate", "seriesChange"], () => r.getYRange()), [r]);
-  return Tt(t.subscribe, t.getSnapshot);
+  const t = ut(() => Ut(r, ["viewportChange", "dataUpdate", "seriesChange"], () => r.getVisibleRange()), [r]);
+  return Dt(t.subscribe, t.getSnapshot);
 }
-function ro(r, t) {
-  const i = dt(() => {
+function ro(r) {
+  const t = ut(() => Ut(r, ["viewportChange", "dataUpdate", "seriesChange"], () => r.getYRange()), [r]);
+  return Dt(t.subscribe, t.getSnapshot);
+}
+function ao(r, t) {
+  const i = ut(() => {
     let e = r.getLastValue(t);
     return {
       subscribe: (o) => {
@@ -2932,21 +2936,21 @@ function ro(r, t) {
       getSnapshot: () => e
     };
   }, [r, t]);
-  return Tt(i.subscribe, i.getSnapshot);
+  return Dt(i.subscribe, i.getSnapshot);
 }
-function ao(r, t) {
-  const i = dt(
-    () => _t(r, "dataUpdate", () => r.getPreviousClose(t)),
+function so(r, t) {
+  const i = ut(
+    () => Ut(r, "dataUpdate", () => r.getPreviousClose(t)),
     [r, t]
   );
-  return Tt(i.subscribe, i.getSnapshot);
+  return Dt(i.subscribe, i.getSnapshot);
 }
-function ie(r) {
-  const t = dt(() => _t(r, "crosshairMove", () => r.getCrosshairPosition()), [r]);
-  return Tt(t.subscribe, t.getSnapshot);
+function oe(r) {
+  const t = ut(() => Ut(r, "crosshairMove", () => r.getCrosshairPosition()), [r]);
+  return Dt(t.subscribe, t.getSnapshot);
 }
-function So() {
-  const r = J(), t = ie(r);
+function ko() {
+  const r = J(), t = oe(r);
   if (!t) return null;
   const i = r.getTheme(), e = r.getDataInterval(), a = {
     background: i.crosshair.labelBackground,
@@ -2958,7 +2962,7 @@ function So() {
     whiteSpace: "nowrap",
     pointerEvents: "none"
   };
-  return /* @__PURE__ */ F(Dt, { children: [
+  return /* @__PURE__ */ F(Bt, { children: [
     /* @__PURE__ */ S(
       "div",
       {
@@ -2987,15 +2991,15 @@ function So() {
     )
   ] });
 }
-const so = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
-function no(r) {
+const no = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+function lo(r) {
   const t = [];
   for (const i of r)
     i >= "0" && i <= "9" ? t.push({ type: "digit", value: i }) : t.push({ type: "symbol", value: i });
   return t;
 }
-function lo({ value: r, format: t, locale: i = "en-US", spinDuration: e = 350, className: a, style: o }) {
-  const n = dt(() => new Intl.NumberFormat(i, t), [i, t]).format(r), l = no(n);
+function co({ value: r, format: t, locale: i = "en-US", spinDuration: e = 350, className: a, style: o }) {
+  const n = ut(() => new Intl.NumberFormat(i, t), [i, t]).format(r), l = lo(n);
   return /* @__PURE__ */ S(
     "span",
     {
@@ -3007,13 +3011,13 @@ function lo({ value: r, format: t, locale: i = "en-US", spinDuration: e = 350, c
         ...o
       },
       children: l.map(
-        (h, d) => h.type === "digit" ? /* @__PURE__ */ S(co, { digit: parseInt(h.value), duration: e }, `d${d}`) : /* @__PURE__ */ S("span", { style: { display: "inline-block" }, children: h.value }, `s${d}`)
+        (h, d) => h.type === "digit" ? /* @__PURE__ */ S(ho, { digit: parseInt(h.value), duration: e }, `d${d}`) : /* @__PURE__ */ S("span", { style: { display: "inline-block" }, children: h.value }, `s${d}`)
       )
     }
   );
 }
-function co({ digit: r, duration: t }) {
-  const i = et(!1);
+function ho({ digit: r, duration: t }) {
+  const i = it(!1);
   return j(() => {
     i.current = !0;
   }, []), /* @__PURE__ */ S(
@@ -3034,7 +3038,7 @@ function co({ digit: r, duration: t }) {
             transform: `translateY(${-r * 1.2}em)`,
             transition: i.current ? `transform ${t}ms cubic-bezier(0.16, 1, 0.3, 1)` : "none"
           },
-          children: so.map((e) => /* @__PURE__ */ S(
+          children: no.map((e) => /* @__PURE__ */ S(
             "span",
             {
               style: {
@@ -3052,11 +3056,11 @@ function co({ digit: r, duration: t }) {
     }
   );
 }
-function ho(r) {
+function uo(r) {
   return r >= 1e9 ? (r / 1e9).toFixed(1) + "B" : r >= 1e6 ? (r / 1e6).toFixed(1) + "M" : r >= 1e3 ? (r / 1e3).toFixed(1) + "K" : r.toLocaleString();
 }
-function ko({ seriesId: r, format: t = "value" }) {
-  const i = J(), e = i.getTheme(), [, a] = Rt(0);
+function Mo({ seriesId: r, format: t = "value" }) {
+  const i = J(), e = i.getTheme(), [, a] = Tt(0);
   j(() => {
     const s = () => a((n) => n + 1);
     return i.on("dataUpdate", s), () => {
@@ -3099,7 +3103,7 @@ function ko({ seriesId: r, format: t = "value" }) {
               }
             ),
             /* @__PURE__ */ S("span", { style: { flex: 1, opacity: 0.8 }, children: s.label }),
-            t === "value" && /* @__PURE__ */ S("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums" }, children: ho(s.value) }),
+            t === "value" && /* @__PURE__ */ S("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums" }, children: uo(s.value) }),
             /* @__PURE__ */ F(
               "span",
               {
@@ -3124,8 +3128,8 @@ function ko({ seriesId: r, format: t = "value" }) {
     }
   );
 }
-function Mo({ seriesId: r }) {
-  const t = J(), i = ie(t), e = t.getPieHoverInfo(r);
+function Ro({ seriesId: r }) {
+  const t = J(), i = oe(t), e = t.getPieHoverInfo(r);
   if (!e || !i) return null;
   const a = t.getTheme(), o = t.getMediaSize(), s = 160, n = 70, l = 16, h = 16, d = i.mediaX + l + s > o.width ? i.mediaX - l - s : i.mediaX + l, g = i.mediaY + h + n > o.height ? i.mediaY - h - n : i.mediaY + h;
   return /* @__PURE__ */ F(
@@ -3178,25 +3182,25 @@ function Mo({ seriesId: r }) {
     }
   );
 }
-function uo(r, t) {
+function fo(r, t) {
   if (r.startsWith("rgba") || !r.startsWith("#")) return r;
   const i = parseInt(r.slice(1, 3), 16), e = parseInt(r.slice(3, 5), 16), a = parseInt(r.slice(5, 7), 16);
   return `rgba(${i}, ${e}, ${a}, ${t})`;
 }
-function fo(r) {
+function go(r) {
   return Math.abs(r) >= 1e6 ? `${(r / 1e6).toFixed(1)}M` : Math.abs(r) >= 1e4 ? `${(r / 1e3).toFixed(1)}K` : Math.abs(r) >= 1e3 ? `${(r / 1e3).toFixed(2)}K` : Math.abs(r) < 1 ? r.toFixed(4) : Math.abs(r) < 10 ? r.toFixed(2) : r.toFixed(1);
 }
-function go(r) {
+function po(r) {
   if (r.length < 2) return { value: 0, pct: 0, positive: !0 };
   const t = r[0].value, e = r[r.length - 1].value - t, a = t !== 0 ? e / t * 100 : 0;
   return { value: e, pct: a, positive: e >= 0 };
 }
-function Ro({
+function To({
   data: r,
   theme: t,
   variant: i = "line",
   valuePosition: e = "right",
-  formatValue: a = fo,
+  formatValue: a = go,
   label: o,
   sublabel: s,
   color: n,
@@ -3208,7 +3212,7 @@ function Ro({
   gradient: p = !0,
   style: m
 }) {
-  const b = r.length > 0 ? r[r.length - 1].value : 0, u = dt(() => go(r), [r]), v = n ?? t.seriesColors[0], y = l ?? t.candlestick.downColor, x = u.positive ? t.candlestick.upColor : t.candlestick.downColor, C = e !== "none" && /* @__PURE__ */ F(
+  const b = r.length > 0 ? r[r.length - 1].value : 0, u = ut(() => po(r), [r]), v = n ?? t.seriesColors[0], y = l ?? t.candlestick.downColor, x = u.positive ? t.candlestick.upColor : t.candlestick.downColor, C = e !== "none" && /* @__PURE__ */ F(
     "div",
     {
       style: {
@@ -3280,7 +3284,7 @@ function Ro({
       ]
     }
   ), T = /* @__PURE__ */ S("div", { style: { width: d, height: g, flexShrink: 0, borderRadius: 4, overflow: "hidden" }, children: /* @__PURE__ */ S(
-    to,
+    eo,
     {
       theme: t,
       axis: {
@@ -3292,7 +3296,7 @@ function Ro({
       interactive: !1,
       grid: !1,
       children: i === "line" ? /* @__PURE__ */ S(
-        eo,
+        io,
         {
           data: [r],
           options: {
@@ -3304,7 +3308,7 @@ function Ro({
           }
         }
       ) : /* @__PURE__ */ S(
-        Ki,
+        qi,
         {
           data: [r],
           options: {
@@ -3325,7 +3329,7 @@ function Ro({
         gap: 12,
         padding: "8px 12px",
         borderRadius: 8,
-        background: uo(t.tooltip.background, 0.7),
+        background: fo(t.tooltip.background, 0.7),
         border: `1px solid ${t.tooltip.borderColor}`,
         fontFamily: t.typography.fontFamily,
         ...m
@@ -3338,10 +3342,10 @@ function Ro({
     }
   );
 }
-function To() {
+function Do() {
   const r = J();
-  io(r);
-  const t = r.getTheme(), i = r.getDataInterval(), { ticks: e, tickInterval: a } = r.timeScale.niceTickValues(i), o = new Set(e), n = et(/* @__PURE__ */ new Map()).current, l = performance.now();
+  oo(r);
+  const t = r.getTheme(), i = r.getDataInterval(), { ticks: e, tickInterval: a } = r.timeScale.niceTickValues(i), o = new Set(e), n = it(/* @__PURE__ */ new Map()).current, l = performance.now();
   for (const d of e)
     n.has(d) ? n.get(d).opacity = 1 : n.set(d, { opacity: 1, addedAt: l });
   for (const [d, g] of n)
@@ -3388,14 +3392,14 @@ function To() {
     }
   );
 }
-function po(r, t) {
+function mo(r, t) {
   return t === "none" || r.length <= 1 ? r : [...r].sort((i, e) => {
     const a = "value" in i.data ? i.data.value : i.data.close, o = "value" in e.data ? e.data.value : e.data.close;
     return t === "asc" ? a - o : o - a;
   });
 }
-function Do({ seriesId: r, sort: t = "none", showLegend: i, legend: e }) {
-  const a = i ?? e ?? !0, o = J(), s = ie(o), n = r ? [r] : o.getSeriesIds(), [, l] = Rt(0);
+function Bo({ seriesId: r, sort: t = "none", showLegend: i, legend: e }) {
+  const a = i ?? e ?? !0, o = J(), s = oe(o), n = r ? [r] : o.getSeriesIds(), [, l] = Tt(0);
   j(() => {
     const u = () => l((v) => v + 1);
     return o.on("dataUpdate", u), () => o.off("dataUpdate", u);
@@ -3444,10 +3448,10 @@ function Do({ seriesId: r, sort: t = "none", showLegend: i, legend: e }) {
     }
     d = u;
   }
-  const g = po(d, t), f = o.getTheme();
+  const g = mo(d, t), f = o.getTheme();
   if (g.length === 0) return null;
   const p = o.getDataInterval(), m = o.getMediaSize(), b = g[0].data.time;
-  return /* @__PURE__ */ F(Dt, { children: [
+  return /* @__PURE__ */ F(Bt, { children: [
     a && /* @__PURE__ */ F(
       "div",
       {
@@ -3473,12 +3477,12 @@ function Do({ seriesId: r, sort: t = "none", showLegend: i, legend: e }) {
             if ("open" in u.data) {
               const x = u.data, T = x.close >= x.open ? f.candlestick.upColor : f.candlestick.downColor;
               return /* @__PURE__ */ F("span", { style: { display: "inline-flex", alignItems: "center", gap: 4 }, children: [
-                /* @__PURE__ */ S(xt, { label: "O", value: x.open, color: T, dim: f.axis.textColor }),
-                /* @__PURE__ */ S(xt, { label: "H", value: x.high, color: T, dim: f.axis.textColor }),
-                /* @__PURE__ */ S(xt, { label: "L", value: x.low, color: T, dim: f.axis.textColor }),
-                /* @__PURE__ */ S(xt, { label: "C", value: x.close, color: T, dim: f.axis.textColor }),
+                /* @__PURE__ */ S(Ct, { label: "O", value: x.open, color: T, dim: f.axis.textColor }),
+                /* @__PURE__ */ S(Ct, { label: "H", value: x.high, color: T, dim: f.axis.textColor }),
+                /* @__PURE__ */ S(Ct, { label: "L", value: x.low, color: T, dim: f.axis.textColor }),
+                /* @__PURE__ */ S(Ct, { label: "C", value: x.close, color: T, dim: f.axis.textColor }),
                 x.volume != null && /* @__PURE__ */ S(
-                  xt,
+                  Ct,
                   {
                     label: "V",
                     value: x.volume,
@@ -3510,7 +3514,7 @@ function Do({ seriesId: r, sort: t = "none", showLegend: i, legend: e }) {
       }
     ),
     s && h.length > 0 && /* @__PURE__ */ S(
-      mo,
+      bo,
       {
         snapshots: g,
         x: s.mediaX,
@@ -3523,19 +3527,19 @@ function Do({ seriesId: r, sort: t = "none", showLegend: i, legend: e }) {
     )
   ] });
 }
-function xt({
+function Ct({
   label: r,
   value: t,
   color: i,
   dim: e,
   volume: a
 }) {
-  return /* @__PURE__ */ F(Dt, { children: [
+  return /* @__PURE__ */ F(Bt, { children: [
     /* @__PURE__ */ S("span", { style: { color: e, opacity: 0.5, marginLeft: 5 }, children: r }),
-    /* @__PURE__ */ S("span", { style: { color: i, fontWeight: 500, marginLeft: 2 }, children: a ? Re(t) : t.toFixed(2) })
+    /* @__PURE__ */ S("span", { style: { color: i, fontWeight: 500, marginLeft: 2 }, children: a ? Te(t) : t.toFixed(2) })
   ] });
 }
-function mo({
+function bo({
   snapshots: r,
   x: t,
   y: i,
@@ -3581,7 +3585,7 @@ function mo({
               letterSpacing: "0.02em"
             },
             children: [
-              Qe(y),
+              Ze(y),
               " ",
               At(y, s)
             ]
@@ -3589,13 +3593,13 @@ function mo({
         ),
         r.map((x) => {
           if ("open" in x.data) {
-            const k = x.data, D = k.close >= k.open, z = o.candlestick.upColor, _ = o.candlestick.downColor, P = D ? z : _;
+            const k = x.data, D = k.close >= k.open, z = o.candlestick.upColor, Y = o.candlestick.downColor, P = D ? z : Y;
             return /* @__PURE__ */ F("div", { style: { display: "grid", gridTemplateColumns: "auto 1fr", gap: "4px 12px" }, children: [
-              /* @__PURE__ */ S(Ct, { label: "Open", value: k.open, color: P }),
-              /* @__PURE__ */ S(Ct, { label: "High", value: k.high, color: P }),
-              /* @__PURE__ */ S(Ct, { label: "Low", value: k.low, color: P }),
-              /* @__PURE__ */ S(Ct, { label: "Close", value: k.close, color: P }),
-              k.volume != null && /* @__PURE__ */ S(Ct, { label: "Volume", value: k.volume, color: o.tooltip.textColor, volume: !0 })
+              /* @__PURE__ */ S(wt, { label: "Open", value: k.open, color: P }),
+              /* @__PURE__ */ S(wt, { label: "High", value: k.high, color: P }),
+              /* @__PURE__ */ S(wt, { label: "Low", value: k.low, color: P }),
+              /* @__PURE__ */ S(wt, { label: "Close", value: k.close, color: P }),
+              k.volume != null && /* @__PURE__ */ S(wt, { label: "Volume", value: k.volume, color: o.tooltip.textColor, volume: !0 })
             ] }, x.id);
           }
           const T = x.data;
@@ -3620,24 +3624,24 @@ function mo({
     }
   );
 }
-function Ct({
+function wt({
   label: r,
   value: t,
   color: i,
   volume: e
 }) {
-  return /* @__PURE__ */ F(Dt, { children: [
+  return /* @__PURE__ */ F(Bt, { children: [
     /* @__PURE__ */ S("span", { style: { opacity: 0.5 }, children: r }),
-    /* @__PURE__ */ S("span", { style: { fontWeight: 600, color: i, textAlign: "right" }, children: e ? Re(t) : t.toFixed(2) })
+    /* @__PURE__ */ S("span", { style: { fontWeight: 600, color: i, textAlign: "right" }, children: e ? Te(t) : t.toFixed(2) })
   ] });
 }
-function Re(r) {
+function Te(r) {
   return r >= 1e9 ? (r / 1e9).toFixed(2) + "B" : r >= 1e6 ? (r / 1e6).toFixed(2) + "M" : r >= 1e3 ? (r / 1e3).toFixed(1) + "K" : r.toFixed(0);
 }
-function Bo() {
+function zo() {
   const r = J();
-  oo(r);
-  const t = r.getTheme(), i = r.yScale.niceTickValues(), e = new Set(i), o = et(/* @__PURE__ */ new Map()).current, s = performance.now();
+  ro(r);
+  const t = r.getTheme(), i = r.yScale.niceTickValues(), e = new Set(i), o = it(/* @__PURE__ */ new Map()).current, s = performance.now();
   for (const l of i)
     o.has(l) ? o.get(l).opacity = 1 : o.set(l, { opacity: 1, addedAt: s });
   for (const [l, h] of o)
@@ -3683,10 +3687,10 @@ function Bo() {
     }
   );
 }
-function zo({ seriesId: r, color: t }) {
+function Fo({ seriesId: r, color: t }) {
   const i = J();
   j(() => (i.setYLabel(!0), () => i.setYLabel(!1)), [i]);
-  const e = ro(i, r), a = ao(i, r);
+  const e = ao(i, r), a = so(i, r);
   if (!e) return null;
   const { value: o, isLive: s } = e, n = i.getTheme(), l = i.yScale.valueToY(o);
   let h;
@@ -3699,7 +3703,7 @@ function zo({ seriesId: r, color: t }) {
     h = p === "up" ? n.yLabel.upBackground : p === "down" ? n.yLabel.downBackground : n.yLabel.neutralBackground;
   }
   const d = i.yScale.getRange(), g = d.max - d.min, f = g < 0.1 ? 6 : g < 10 ? 4 : g < 1e3 ? 2 : 0;
-  return /* @__PURE__ */ F(Dt, { children: [
+  return /* @__PURE__ */ F(Bt, { children: [
     /* @__PURE__ */ S(
       "div",
       {
@@ -3736,7 +3740,7 @@ function zo({ seriesId: r, color: t }) {
           transition: "background-color 0.3s ease"
         },
         children: /* @__PURE__ */ S(
-          lo,
+          co,
           {
             value: o,
             format: { minimumFractionDigits: f, maximumFractionDigits: f, useGrouping: !1 },
@@ -3748,60 +3752,60 @@ function zo({ seriesId: r, color: t }) {
   ] });
 }
 export {
-  Ki as BarSeries,
-  Co as CandlestickSeries,
-  to as ChartContainer,
-  mi as ChartInstance,
-  So as Crosshair,
-  Zi as Legend,
-  eo as LineSeries,
-  lo as NumberFlow,
-  ko as PieLegend,
-  wo as PieSeries,
-  Mo as PieTooltip,
-  Ro as Sparkline,
-  ve as ThemeProvider,
-  To as TimeAxis,
-  Do as Tooltip,
-  To as XAxis,
-  Bo as YAxis,
-  zo as YLabel,
-  ki as andromeda,
-  Mi as ayuMirage,
-  xo as buildTheme,
-  Ri as catppuccin,
+  qi as BarSeries,
+  wo as CandlestickSeries,
+  eo as ChartContainer,
+  bi as ChartInstance,
+  ko as Crosshair,
+  to as Legend,
+  io as LineSeries,
+  co as NumberFlow,
+  Mo as PieLegend,
+  So as PieSeries,
+  Ro as PieTooltip,
+  To as Sparkline,
+  ye as ThemeProvider,
+  Do as TimeAxis,
+  Bo as Tooltip,
+  Do as XAxis,
+  zo as YAxis,
+  Fo as YLabel,
+  Mi as andromeda,
+  Ri as ayuMirage,
+  Co as buildTheme,
+  Ti as catppuccin,
   I as createTheme,
-  fi as darkTheme,
-  qe as detectInterval,
-  Ti as dracula,
-  Qe as formatDate,
+  gi as darkTheme,
+  Qe as detectInterval,
+  Di as dracula,
+  Ze as formatDate,
   At as formatTime,
-  Di as githubLight,
-  Bi as gruvbox,
-  zi as handwritten,
-  Li as highContrast,
-  Wi as lavenderMist,
+  Bi as githubLight,
+  zi as gruvbox,
+  Fi as handwritten,
+  Wi as highContrast,
+  Ii as lavenderMist,
   Ai as lightPink,
-  yo as lightTheme,
-  Ii as materialPalenight,
-  _i as minimalLight,
-  Ui as mintBreeze,
+  xo as lightTheme,
+  Vi as materialPalenight,
+  Ui as minimalLight,
+  Oi as mintBreeze,
   Ei as monokaiPro,
-  Oi as nightOwl,
-  de as normalizeTime,
-  $i as oneDarkPro,
-  Xi as panda,
-  Hi as peachCream,
-  Gi as quietLight,
-  Ni as rosePineDawn,
-  ji as sandDune,
-  Ji as solarizedLight,
-  be as themes,
+  $i as nightOwl,
+  ue as normalizeTime,
+  Xi as oneDarkPro,
+  Hi as panda,
+  Gi as peachCream,
+  Ni as quietLight,
+  ji as rosePineDawn,
+  Ji as sandDune,
+  Ki as solarizedLight,
+  ve as themes,
   J as useChartInstance,
-  ie as useCrosshairPosition,
-  ro as useLastYValue,
-  ao as usePreviousClose,
-  qi as useTheme,
-  io as useVisibleRange,
-  oo as useYRange
+  oe as useCrosshairPosition,
+  ao as useLastYValue,
+  so as usePreviousClose,
+  Qi as useTheme,
+  oo as useVisibleRange,
+  ro as useYRange
 };