@abdullahjaswal/tickyr-charts 0.1.0 → 0.1.1

package/dist/{react-COTigUl0.js → react-BxTA3KpQ.js}

@@ -1,23 +1,7 @@
-import { r as e, t } from "./chunk-BmowowmI.js";
-import { A as n, B as r, Ct as i, Dt as a, Et as o, F as s, Fn as c, G as l, H as u, Ht as d, I as f, In as p, L as m, M as h, Mn as g, N as _, Nt as v, P as y, R as b, St as x, Tn as S, Tt as C, U as w, V as T, W as E, Y as D, Yt as O, at as k, ct as A, dn as j, dt as M, fn as N, ft as P, j as F, jt as I, k as L, kn as R, kt as z, lt as B, ot as V, pn as H, q as U, qt as W, st as G, ut as K, wn as ee, wt as te, z as ne } from "./accessibility-B-2UbONR.js";
-import * as q from "react";
-import { Fragment as re, jsx as J, jsxs as Y } from "react/jsx-runtime";
-var ie = /* @__PURE__ */ t(((t2) => {
-  var n2 = e("react").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-  t2.c = function(e2) {
-    return n2.H.useMemoCache(e2);
-  };
-})), X = /* @__PURE__ */ t(((t2) => {
-  process.env.NODE_ENV !== "production" && (function() {
-    var n2 = e("react").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    t2.c = function(e2) {
-      var t3 = n2.H;
-      return t3 === null && console.error("Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."), t3.useMemoCache(e2);
-    };
-  })();
-})), Z = (/* @__PURE__ */ t(((e2, t2) => {
-  process.env.NODE_ENV === "production" ? t2.exports = ie() : t2.exports = X();
-})))(), Q = Object.freeze({
+import { A as e, B as t, Ct as n, Dt as r, Et as i, F as a, Fn as o, G as s, H as c, Ht as l, I as u, In as d, L as f, M as p, Mn as m, N as h, Nt as g, P as _, R as v, St as y, Tn as b, Tt as x, U as S, V as C, W as w, Y as T, Yt as ee, at as E, ct as te, dn as D, dt as O, fn as k, ft as A, j, jt as M, k as ne, kn as re, kt as N, lt as ie, ot as P, pn as F, q as I, qt as L, st as ae, ut as oe, wn as se, wt as R, z as ce } from "./accessibility-DdwzkUk3.js";
+import * as z from "react";
+import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
+var U = Object.freeze({
   theme: "inherit",
   palette: "Monochrome",
   locale: "USA",
@@ -30,42 +14,52 @@ var ie = /* @__PURE__ */ t(((t2) => {
   accents: false,
   osTheme: "light",
   appTheme: "light"
-}), ae = q.createContext(Q);
-ae.displayName = "ChartsContext";
-function oe(e2) {
-  let t2 = (0, Z.c)(19), n2, r2;
-  t2[0] === e2.palettes ? (n2 = t2[1], r2 = t2[2]) : (n2 = () => {
-    if (e2.palettes !== void 0) for (let t3 of e2.palettes) R(t3);
-  }, r2 = [e2.palettes], t2[0] = e2.palettes, t2[1] = n2, t2[2] = r2), q.useEffect(n2, r2);
-  let i2 = e2.theme ?? Q.theme, a2 = e2.palette ?? Q.palette, o2 = e2.locale ?? Q.locale, s2 = e2.visualStyle ?? Q.visualStyle, c2 = e2.outlineFillColor ?? Q.outlineFillColor, l2 = e2.outlineFillOpacity ?? Q.outlineFillOpacity, u2 = e2.cornerRadius ?? Q.cornerRadius, d2 = e2.borderWidth ?? Q.borderWidth, f2 = e2.accents ?? Q.accents, p2 = e2.osTheme ?? Q.osTheme, m2 = e2.appTheme ?? Q.appTheme, h2;
-  t2[3] !== e2.timeZone || t2[4] !== f2 || t2[5] !== p2 || t2[6] !== m2 || t2[7] !== i2 || t2[8] !== a2 || t2[9] !== o2 || t2[10] !== s2 || t2[11] !== c2 || t2[12] !== l2 || t2[13] !== u2 || t2[14] !== d2 ? (h2 = {
-    theme: i2,
-    palette: a2,
-    locale: o2,
+}), W = z.createContext(U);
+W.displayName = "ChartsContext";
+function G(e2) {
+  z.useEffect(() => {
+    if (e2.palettes !== void 0) for (let t3 of e2.palettes) re(t3);
+  }, [e2.palettes]);
+  let t2 = z.useMemo(() => ({
+    theme: e2.theme ?? U.theme,
+    palette: e2.palette ?? U.palette,
+    locale: e2.locale ?? U.locale,
     timeZone: e2.timeZone,
-    visualStyle: s2,
-    outlineFillColor: c2,
-    outlineFillOpacity: l2,
-    cornerRadius: u2,
-    borderWidth: d2,
-    accents: f2,
-    osTheme: p2,
-    appTheme: m2
-  }, t2[3] = e2.timeZone, t2[4] = f2, t2[5] = p2, t2[6] = m2, t2[7] = i2, t2[8] = a2, t2[9] = o2, t2[10] = s2, t2[11] = c2, t2[12] = l2, t2[13] = u2, t2[14] = d2, t2[15] = h2) : h2 = t2[15];
-  let g2 = h2, _2;
-  return t2[16] !== e2.children || t2[17] !== g2 ? (_2 = /* @__PURE__ */ J(ae.Provider, {
-    value: g2,
+    visualStyle: e2.visualStyle ?? U.visualStyle,
+    outlineFillColor: e2.outlineFillColor ?? U.outlineFillColor,
+    outlineFillOpacity: e2.outlineFillOpacity ?? U.outlineFillOpacity,
+    cornerRadius: e2.cornerRadius ?? U.cornerRadius,
+    borderWidth: e2.borderWidth ?? U.borderWidth,
+    accents: e2.accents ?? U.accents,
+    osTheme: e2.osTheme ?? U.osTheme,
+    appTheme: e2.appTheme ?? U.appTheme
+  }), [
+    e2.theme,
+    e2.palette,
+    e2.locale,
+    e2.timeZone,
+    e2.visualStyle,
+    e2.outlineFillColor,
+    e2.outlineFillOpacity,
+    e2.cornerRadius,
+    e2.borderWidth,
+    e2.accents,
+    e2.osTheme,
+    e2.appTheme
+  ]);
+  return /* @__PURE__ */ V(W.Provider, {
+    value: t2,
     children: e2.children
-  }), t2[16] = e2.children, t2[17] = g2, t2[18] = _2) : _2 = t2[18], _2;
+  });
 }
-function $() {
-  return q.useContext(ae);
+function K() {
+  return z.useContext(W);
 }
-function se(e2) {
-  let t2 = (0, Z.c)(4), n2 = $(), r2 = e2 ?? n2.theme, i2;
-  return t2[0] !== n2.appTheme || t2[1] !== n2.osTheme || t2[2] !== r2 ? (i2 = H(r2, n2.appTheme, n2.osTheme), t2[0] = n2.appTheme, t2[1] = n2.osTheme, t2[2] = r2, t2[3] = i2) : i2 = t2[3], i2;
+function q(e2) {
+  let t2 = K();
+  return F(e2 ?? t2.theme, t2.appTheme, t2.osTheme);
 }
-function ce(e2) {
+function J(e2) {
   return {
     length: 0,
     capacity: e2,
@@ -83,8 +77,8 @@ function le(e2) {
   e2.length = t2 - 1;
 }
 function ue(e2, t2, n2, r2) {
-  if (t2.kind === C.NoEvent) return;
-  if (t2.kind === C.MutateLast) {
+  if (t2.kind === x.NoEvent) return;
+  if (t2.kind === x.MutateLast) {
     if (e2.length === 0) return;
     let t3 = e2.length - 1;
     n2 > e2.highs[t3] && (e2.highs[t3] = n2), n2 < e2.lows[t3] && (e2.lows[t3] = n2), e2.closes[t3] = n2, e2.volumes[t3] = e2.volumes[t3] + r2;
@@ -95,17 +89,17 @@ function ue(e2, t2, n2, r2) {
   e2.times[i2] = t2.bucketStartMs, e2.opens[i2] = n2, e2.highs[i2] = n2, e2.lows[i2] = n2, e2.closes[i2] = n2, e2.volumes[i2] = r2, e2.length = i2 + 1;
 }
 function de(e2) {
-  let t2 = e2.capacity ?? 5e3, n2 = q.useRef(ce(t2)), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(o()), s2 = q.useRef([]), [c2, l2] = q.useState(false), [u2, d2] = q.useState(0);
-  q.useEffect(() => {
-    let o2 = false;
+  let t2 = e2.capacity ?? 5e3, n2 = z.useRef(J(t2)), r2 = z.useRef(null), a2 = z.useRef(null), o2 = z.useRef(i()), s2 = z.useRef([]), [c2, l2] = z.useState(false), [u2, d2] = z.useState(0);
+  z.useEffect(() => {
+    let i2 = false;
     return (async () => {
-      let c3 = await te(e2.market);
-      if (o2) {
+      let c3 = await R(e2.market);
+      if (i2) {
         c3.free();
         return;
       }
-      i2.current = c3;
-      let u3 = await x({
+      a2.current = c3;
+      let u3 = await y({
         timeframeMinutes: e2.timeframeMinutes,
         capacity: t2,
         market: c3,
@@ -113,7 +107,7 @@ function de(e2) {
         maxPriceRaw: e2.maxPriceRaw,
         maxVolumeRaw: e2.maxVolumeRaw
       });
-      if (o2) {
+      if (i2) {
         u3.free(), c3.free();
         return;
       }
@@ -124,7 +118,7 @@ function de(e2) {
       e2.onAudit !== void 0 && u3.setAuditCallback(e2.onAudit), e2.onTelemetry !== void 0 && u3.setTelemetryCallback(e2.onTelemetry);
       let f3 = s2.current;
       if (f3.length > 0) {
-        let e3 = n2.current, t3 = a2.current;
+        let e3 = n2.current, t3 = o2.current;
         for (let n3 = 0; n3 < f3.length; n3++) {
           let [r3, i3, a3] = f3[n3];
           try {
@@ -136,11 +130,11 @@ function de(e2) {
       }
       l2(true), d2((e3) => e3 + 1);
     })(), () => {
-      o2 = true;
+      i2 = true;
       let e3 = r2.current;
       e3 !== null && (e3.free(), r2.current = null);
-      let t3 = i2.current;
-      t3 !== null && (t3.free(), i2.current = null);
+      let t3 = a2.current;
+      t3 !== null && (t3.free(), a2.current = null);
     };
   }, [
     e2.market,
@@ -153,24 +147,24 @@ function de(e2) {
     e2.onAudit,
     e2.onTelemetry
   ]);
-  let f2 = q.useCallback((e3, t3, i3) => {
-    let o2 = r2.current;
-    if (o2 === null) {
+  let f2 = z.useCallback((e3, t3, i2) => {
+    let a3 = r2.current;
+    if (a3 === null) {
       s2.current.push([
         e3,
         t3,
-        i3
+        i2
       ]);
       return;
     }
-    let c3 = a2.current;
-    o2.pushTick(e3, t3, i3, c3), ue(n2.current, c3, t3, i3), d2((e4) => e4 + 1);
-  }, []), p2 = q.useCallback(() => {
+    let c3 = o2.current;
+    a3.pushTick(e3, t3, i2, c3), ue(n2.current, c3, t3, i2), d2((e4) => e4 + 1);
+  }, []), p2 = z.useCallback(() => {
     let e3 = r2.current;
     e3 !== null && e3.reset(), n2.current.length = 0, s2.current.length = 0, d2((e4) => e4 + 1);
   }, []);
   return {
-    candles: q.useMemo(() => {
+    candles: z.useMemo(() => {
       let e3 = n2.current, t3 = e3.length;
       return {
         times: e3.times.subarray(0, t3),
@@ -187,16 +181,16 @@ function de(e2) {
     ready: c2
   };
 }
-var fe = q.createContext(null);
-function pe() {
-  return q.useContext(fe);
+var fe = z.createContext(null);
+function Y() {
+  return z.useContext(fe);
 }
-function me(e2) {
-  let t2 = q.useRef(null);
-  t2.current === null && (t2.current = A());
-  let n2 = t2.current, [r2, i2] = q.useState(0);
-  q.useEffect(() => n2.subscribe(() => i2((e3) => e3 + 1)), [n2]);
-  let a2 = q.useMemo(() => B({
+function pe(e2) {
+  let t2 = z.useRef(null);
+  t2.current === null && (t2.current = te());
+  let n2 = t2.current, [r2, i2] = z.useState(0);
+  z.useEffect(() => n2.subscribe(() => i2((e3) => e3 + 1)), [n2]);
+  let a2 = z.useMemo(() => ie({
     syncDomain: e2.syncDomain,
     syncPanZoom: e2.syncPanZoom,
     syncCrosshair: e2.syncCrosshair,
@@ -216,8 +210,8 @@ function me(e2) {
     e2.syncTooltip,
     e2.brush,
     e2.navigator
-  ]), o2 = q.useRef(null), s2 = q.useRef(null);
-  q.useEffect(() => {
+  ]), o2 = z.useRef(null), s2 = z.useRef(null);
+  z.useEffect(() => {
     n2.selectedTime !== o2.current && (o2.current = n2.selectedTime, e2.onSelectionChange?.(n2.selectedTime)), n2.brush !== s2.current && (s2.current = n2.brush, e2.onBrushChange?.(n2.brush));
   }, [
     r2,
@@ -226,7 +220,7 @@ function me(e2) {
     n2,
     e2
   ]);
-  let c2 = q.useMemo(() => ({
+  let c2 = z.useMemo(() => ({
     options: a2,
     state: n2,
     version: r2
@@ -235,13 +229,13 @@ function me(e2) {
     n2,
     r2
   ]);
-  return /* @__PURE__ */ J(fe.Provider, {
+  return /* @__PURE__ */ V(fe.Provider, {
     value: c2,
     children: e2.children
   });
 }
-var he = 12, ge = 140, _e = 56;
-function ve(e2) {
+var X = 12, me = 140, he = 56;
+function ge(e2) {
   return e2 === "light" ? {
     bg: "rgb(255, 255, 255)",
     fg: "rgb(20, 22, 26)",
@@ -256,353 +250,319 @@ function ve(e2) {
     shadow: "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)"
   };
 }
-function ye(e2) {
-  let t2 = (0, Z.c)(58), { t: n2, seriesValues: r2, pointerX: i2, pointerY: a2, containerWidth: o2, containerHeight: s2, theme: c2, formatter: l2 } = e2, u2;
-  t2[0] === c2 ? u2 = t2[1] : (u2 = ve(c2), t2[0] = c2, t2[1] = u2);
-  let d2 = u2, f2, p2, m2, h2, g2, _2;
-  if (t2[2] !== d2.bg || t2[3] !== d2.border || t2[4] !== d2.fg || t2[5] !== d2.shadow || t2[6] !== d2.subtleFg || t2[7] !== s2 || t2[8] !== o2 || t2[9] !== l2 || t2[10] !== i2 || t2[11] !== a2 || t2[12] !== r2 || t2[13] !== n2) {
-    let e3 = r2.filter(be), c3 = i2 > o2 - ge, u3 = a2 > s2 - _e, v3;
-    t2[20] !== s2 || t2[21] !== o2 || t2[22] !== i2 || t2[23] !== a2 || t2[24] !== u3 || t2[25] !== c3 ? (v3 = c3 ? { right: `${o2 - i2 + he}px` } : { left: `${i2 + he}px` }, u3 ? v3.bottom = `${s2 - a2 + he}px` : v3.top = `${a2 + he}px`, t2[20] = s2, t2[21] = o2, t2[22] = i2, t2[23] = a2, t2[24] = u3, t2[25] = c3, t2[26] = v3) : v3 = t2[26];
-    let y3 = `1px solid ${d2.border}`;
-    t2[27] !== d2.bg || t2[28] !== d2.fg || t2[29] !== d2.shadow || t2[30] !== v3 || t2[31] !== y3 ? (m2 = {
+function _e(e2) {
+  let { t: t2, seriesValues: n2, pointerX: r2, pointerY: i2, containerWidth: a2, containerHeight: o2, theme: s2, formatter: c2 } = e2, l2 = ge(s2), u2 = n2.filter((e3) => !Number.isNaN(e3.value)), d2 = r2 > a2 - me, f2 = i2 > o2 - he, p2 = d2 ? { right: `${a2 - r2 + X}px` } : { left: `${r2 + X}px` };
+  return f2 ? p2.bottom = `${o2 - i2 + X}px` : p2.top = `${i2 + X}px`, /* @__PURE__ */ H("div", {
+    style: {
       position: "absolute",
-      ...v3,
+      ...p2,
       pointerEvents: "none",
-      background: d2.bg,
-      color: d2.fg,
+      background: l2.bg,
+      color: l2.fg,
       padding: "8px 11px",
       borderRadius: 6,
-      border: y3,
+      border: `1px solid ${l2.border}`,
       fontSize: 12,
       fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
       lineHeight: 1.35,
       whiteSpace: "nowrap",
-      boxShadow: d2.shadow,
+      boxShadow: l2.shadow,
       zIndex: 1
-    }, t2[27] = d2.bg, t2[28] = d2.fg, t2[29] = d2.shadow, t2[30] = v3, t2[31] = y3, t2[32] = m2) : m2 = t2[32], h2 = "status", g2 = "polite";
-    let b2;
-    t2[33] === d2.subtleFg ? b2 = t2[34] : (b2 = {
-      color: d2.subtleFg,
-      fontSize: 10.5,
-      letterSpacing: "0.02em",
-      textTransform: "uppercase",
-      fontWeight: 500,
-      marginBottom: 2
-    }, t2[33] = d2.subtleFg, t2[34] = b2);
-    let x2;
-    t2[35] !== l2 || t2[36] !== n2 ? (x2 = l2.formatDate(n2), t2[35] = l2, t2[36] = n2, t2[37] = x2) : x2 = t2[37];
-    let S2;
-    t2[38] !== l2 || t2[39] !== n2 ? (S2 = l2.formatTime(n2), t2[38] = l2, t2[39] = n2, t2[40] = S2) : S2 = t2[40], t2[41] !== S2 || t2[42] !== b2 || t2[43] !== x2 ? (_2 = /* @__PURE__ */ Y("div", {
-      style: b2,
+    },
+    role: "status",
+    "aria-live": "polite",
+    children: [/* @__PURE__ */ H("div", {
+      style: {
+        color: l2.subtleFg,
+        fontSize: 10.5,
+        letterSpacing: "0.02em",
+        textTransform: "uppercase",
+        fontWeight: 500,
+        marginBottom: 2
+      },
       children: [
-        x2,
+        c2.formatDate(t2),
         " ",
-        S2
+        c2.formatTime(t2)
       ]
-    }), t2[41] = S2, t2[42] = b2, t2[43] = x2, t2[44] = _2) : _2 = t2[44], t2[45] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f2 = {
-      display: "flex",
-      flexDirection: "column",
-      gap: 3
-    }, t2[45] = f2) : f2 = t2[45];
-    let C2;
-    t2[46] !== d2.subtleFg || t2[47] !== l2 ? (C2 = (e4) => /* @__PURE__ */ Y("div", {
+    }), /* @__PURE__ */ V("div", {
       style: {
         display: "flex",
-        alignItems: "center",
-        gap: 7,
-        fontVariantNumeric: "tabular-nums"
+        flexDirection: "column",
+        gap: 3
       },
+      children: u2.map((e3) => /* @__PURE__ */ H("div", {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 7,
+          fontVariantNumeric: "tabular-nums"
+        },
+        children: [
+          /* @__PURE__ */ V("span", {
+            "aria-hidden": "true",
+            style: {
+              width: 9,
+              height: 9,
+              borderRadius: 2,
+              background: e3.color,
+              display: "inline-block",
+              flex: "0 0 auto"
+            }
+          }),
+          /* @__PURE__ */ V("span", {
+            style: {
+              color: l2.subtleFg,
+              fontWeight: 500
+            },
+            children: e3.label
+          }),
+          /* @__PURE__ */ V("span", {
+            style: {
+              marginLeft: "auto",
+              fontWeight: 600
+            },
+            children: c2.formatPrice(e3.value)
+          })
+        ]
+      }, e3.id))
+    })]
+  });
+}
+var ve = "12px system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif";
+function ye(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34,36,42)" : "rgb(255,255,255)", r2 = t2 ? "rgba(255,255,255,0.94)" : "rgba(0,0,0,0.92)", i2 = t2 ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.08)";
+  return /* @__PURE__ */ H("div", {
+    style: {
+      position: "absolute",
+      left: `${e2.pointerX + 12}px`,
+      top: `${e2.pointerY + 12}px`,
+      pointerEvents: "none",
+      background: n2,
+      color: r2,
+      border: `1px solid ${i2}`,
+      borderRadius: 6,
+      padding: "6px 10px",
+      fontSize: 11,
+      fontFamily: ve,
+      fontVariantNumeric: "tabular-nums",
+      boxShadow: t2 ? "0 4px 14px rgba(0,0,0,0.5)" : "0 4px 14px rgba(0,0,0,0.12)"
+    },
+    children: [/* @__PURE__ */ V("div", {
+      style: {
+        fontWeight: 600,
+        textTransform: "uppercase",
+        fontSize: 10,
+        letterSpacing: "0.06em",
+        opacity: 0.7
+      },
+      children: e2.kind === "high" ? "High" : "Low"
+    }), /* @__PURE__ */ H("div", {
+      style: { fontWeight: 600 },
       children: [
-        /* @__PURE__ */ J("span", {
-          "aria-hidden": "true",
-          style: {
-            width: 9,
-            height: 9,
-            borderRadius: 2,
-            background: e4.color,
-            display: "inline-block",
-            flex: "0 0 auto"
-          }
-        }),
-        /* @__PURE__ */ J("span", {
-          style: {
-            color: d2.subtleFg,
-            fontWeight: 500
-          },
-          children: e4.label
-        }),
-        /* @__PURE__ */ J("span", {
-          style: {
-            marginLeft: "auto",
-            fontWeight: 600
-          },
-          children: l2.formatPrice(e4.value)
-        })
+        e2.formatter.formatPrice(e2.price),
+        " \xB7 bar #",
+        e2.barIdx
       ]
-    }, e4.id), t2[46] = d2.subtleFg, t2[47] = l2, t2[48] = C2) : C2 = t2[48], p2 = e3.map(C2), t2[2] = d2.bg, t2[3] = d2.border, t2[4] = d2.fg, t2[5] = d2.shadow, t2[6] = d2.subtleFg, t2[7] = s2, t2[8] = o2, t2[9] = l2, t2[10] = i2, t2[11] = a2, t2[12] = r2, t2[13] = n2, t2[14] = f2, t2[15] = p2, t2[16] = m2, t2[17] = h2, t2[18] = g2, t2[19] = _2;
-  } else f2 = t2[14], p2 = t2[15], m2 = t2[16], h2 = t2[17], g2 = t2[18], _2 = t2[19];
-  let v2;
-  t2[49] !== f2 || t2[50] !== p2 ? (v2 = /* @__PURE__ */ J("div", {
-    style: f2,
-    children: p2
-  }), t2[49] = f2, t2[50] = p2, t2[51] = v2) : v2 = t2[51];
-  let y2;
-  return t2[52] !== m2 || t2[53] !== h2 || t2[54] !== g2 || t2[55] !== _2 || t2[56] !== v2 ? (y2 = /* @__PURE__ */ Y("div", {
-    style: m2,
-    role: h2,
-    "aria-live": g2,
-    children: [_2, v2]
-  }), t2[52] = m2, t2[53] = h2, t2[54] = g2, t2[55] = _2, t2[56] = v2, t2[57] = y2) : y2 = t2[57], y2;
-}
-function be(e2) {
-  return !Number.isNaN(e2.value);
-}
-var xe = "12px system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif";
-function Se(e2) {
-  let t2 = (0, Z.c)(21), n2 = e2.theme === "dark", r2 = n2 ? "rgb(34,36,42)" : "rgb(255,255,255)", i2 = n2 ? "rgba(255,255,255,0.94)" : "rgba(0,0,0,0.92)", a2 = n2 ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.08)", o2 = `${e2.pointerX + 12}px`, s2 = `${e2.pointerY + 12}px`, c2 = `1px solid ${a2}`, l2 = n2 ? "0 4px 14px rgba(0,0,0,0.5)" : "0 4px 14px rgba(0,0,0,0.12)", u2;
-  t2[0] !== r2 || t2[1] !== i2 || t2[2] !== o2 || t2[3] !== s2 || t2[4] !== c2 || t2[5] !== l2 ? (u2 = {
-    position: "absolute",
-    left: o2,
-    top: s2,
-    pointerEvents: "none",
-    background: r2,
-    color: i2,
-    border: c2,
-    borderRadius: 6,
-    padding: "6px 10px",
-    fontSize: 11,
-    fontFamily: xe,
-    fontVariantNumeric: "tabular-nums",
-    boxShadow: l2
-  }, t2[0] = r2, t2[1] = i2, t2[2] = o2, t2[3] = s2, t2[4] = c2, t2[5] = l2, t2[6] = u2) : u2 = t2[6];
-  let d2;
-  t2[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d2 = {
-    fontWeight: 600,
-    textTransform: "uppercase",
-    fontSize: 10,
-    letterSpacing: "0.06em",
-    opacity: 0.7
-  }, t2[7] = d2) : d2 = t2[7];
-  let f2 = e2.kind === "high" ? "High" : "Low", p2;
-  t2[8] === f2 ? p2 = t2[9] : (p2 = /* @__PURE__ */ J("div", {
-    style: d2,
-    children: f2
-  }), t2[8] = f2, t2[9] = p2);
-  let m2;
-  t2[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m2 = { fontWeight: 600 }, t2[10] = m2) : m2 = t2[10];
-  let h2;
-  t2[11] !== e2.formatter || t2[12] !== e2.price ? (h2 = e2.formatter.formatPrice(e2.price), t2[11] = e2.formatter, t2[12] = e2.price, t2[13] = h2) : h2 = t2[13];
-  let g2;
-  t2[14] !== e2.barIdx || t2[15] !== h2 ? (g2 = /* @__PURE__ */ Y("div", {
-    style: m2,
-    children: [
-      h2,
-      " \xB7 bar #",
-      e2.barIdx
-    ]
-  }), t2[14] = e2.barIdx, t2[15] = h2, t2[16] = g2) : g2 = t2[16];
-  let _2;
-  return t2[17] !== g2 || t2[18] !== u2 || t2[19] !== p2 ? (_2 = /* @__PURE__ */ Y("div", {
-    style: u2,
-    children: [p2, g2]
-  }), t2[17] = g2, t2[18] = u2, t2[19] = p2, t2[20] = _2) : _2 = t2[20], _2;
+    })]
+  });
 }
-function Ce(e2, t2) {
-  return e2 === false ? null : typeof e2 == "function" ? e2(t2) : /* @__PURE__ */ J(Se, { ...t2 });
+function be(e2, t2) {
+  return e2 === false ? null : typeof e2 == "function" ? e2(t2) : /* @__PURE__ */ V(ye, { ...t2 });
 }
-function we(e2, t2) {
-  return e2 === false ? null : typeof e2 == "function" ? e2(t2) : /* @__PURE__ */ J(ye, { ...t2 });
+function xe(e2, t2) {
+  return e2 === false ? null : typeof e2 == "function" ? e2(t2) : /* @__PURE__ */ V(_e, { ...t2 });
 }
-var Te = q.forwardRef(function(e2, t2) {
-  let n2 = $(), r2 = q.useRef(null), a2 = q.useRef(null), o2 = q.useRef(null), s2 = q.useRef(null);
-  q.useImperativeHandle(t2, () => ({ onTick: (e3, t3, n3 = 0) => {
-    s2.current?.onTick(e3, t3, n3);
+var Se = z.forwardRef(function(e2, t2) {
+  let r2 = K(), i2 = z.useRef(null), a2 = z.useRef(null), o2 = z.useRef(null), c2 = z.useRef(null);
+  z.useImperativeHandle(t2, () => ({ onTick: (e3, t3, n2 = 0) => {
+    c2.current?.onTick(e3, t3, n2);
   } }), []);
-  let [c2, u2] = q.useState(null), [d2, f2] = q.useState(null), [p2, m2] = q.useState(null), [h2, g2] = q.useState("live"), [_2, v2] = q.useState(false), [y2, b2] = q.useState([]), x2 = q.useMemo(() => ({
-    theme: n2.theme,
-    palette: n2.palette,
-    locale: n2.locale,
-    timeZone: n2.timeZone,
-    visualStyle: n2.visualStyle,
-    outlineFillColor: n2.outlineFillColor,
-    outlineFillOpacity: n2.outlineFillOpacity,
-    cornerRadius: n2.cornerRadius,
-    borderWidth: n2.borderWidth,
-    accents: n2.accents,
-    osTheme: n2.osTheme,
-    appTheme: n2.appTheme
+  let [l2, u2] = z.useState(null), [d2, f2] = z.useState(null), [p2, m2] = z.useState(null), [h2, g2] = z.useState("live"), [_2, v2] = z.useState(false), [y2, x2] = z.useState([]), C2 = z.useMemo(() => ({
+    theme: r2.theme,
+    palette: r2.palette,
+    locale: r2.locale,
+    timeZone: r2.timeZone,
+    visualStyle: r2.visualStyle,
+    outlineFillColor: r2.outlineFillColor,
+    outlineFillOpacity: r2.outlineFillOpacity,
+    cornerRadius: r2.cornerRadius,
+    borderWidth: r2.borderWidth,
+    accents: r2.accents,
+    osTheme: r2.osTheme,
+    appTheme: r2.appTheme
   }), [
-    n2.theme,
-    n2.palette,
-    n2.locale,
-    n2.timeZone,
-    n2.visualStyle,
-    n2.outlineFillColor,
-    n2.outlineFillOpacity,
-    n2.cornerRadius,
-    n2.borderWidth,
-    n2.accents,
-    n2.osTheme,
-    n2.appTheme
+    r2.theme,
+    r2.palette,
+    r2.locale,
+    r2.timeZone,
+    r2.visualStyle,
+    r2.outlineFillColor,
+    r2.outlineFillOpacity,
+    r2.cornerRadius,
+    r2.borderWidth,
+    r2.accents,
+    r2.osTheme,
+    r2.appTheme
   ]);
-  q.useEffect(() => {
-    l();
-  }, []), q.useEffect(() => {
+  z.useEffect(() => {
+    s();
+  }, []), z.useEffect(() => {
     let t3 = a2.current;
     if (t3 === null) return;
-    let n3 = new w({
-      container: r2.current,
+    let n2 = new S({
+      container: i2.current,
       staticCanvas: t3,
       dynamicCanvas: o2.current,
       initialProps: e2,
-      initialProvider: x2,
+      initialProvider: C2,
       onContextChange: u2,
       onHoverChange: f2,
       onExtremeHoverChange: m2,
       onLiveStateChange: g2,
       onReducedMotionChange: v2,
-      onResolvedIndicatorsChange: b2
+      onResolvedIndicatorsChange: x2
     });
-    return s2.current = n3, () => {
-      s2.current = null, n3.dispose();
+    return c2.current = n2, () => {
+      c2.current = null, n2.dispose();
     };
-  }, []), q.useEffect(() => {
-    s2.current?.update(e2, x2);
+  }, []), z.useEffect(() => {
+    c2.current?.update(e2, C2);
   });
-  let C2 = pe();
-  q.useEffect(() => {
-    C2 !== null && C2.options.syncCrosshair && C2.state.setCrosshairTime(d2 === null ? null : d2.t);
-  }, [C2, d2]), q.useEffect(() => {
-    C2 !== null && C2.options.syncCrosshair && d2 === null && s2.current?.applyExternalCrosshair(C2.state.crosshairTime);
+  let T2 = Y();
+  z.useEffect(() => {
+    T2 !== null && T2.options.syncCrosshair && T2.state.setCrosshairTime(d2 === null ? null : d2.t);
+  }, [T2, d2]), z.useEffect(() => {
+    T2 !== null && T2.options.syncCrosshair && d2 === null && c2.current?.applyExternalCrosshair(T2.state.crosshairTime);
   }, [
-    C2,
-    C2?.version,
+    T2,
+    T2?.version,
     d2
   ]);
-  let T2 = q.useCallback((e3) => {
-    s2.current?.handlePointerMove(e3.nativeEvent);
-  }, []), D2 = q.useCallback(() => {
-    s2.current?.handlePointerLeave();
-  }, []), O2 = q.useCallback((e3) => {
-    C2 === null || !C2.options.syncSelection || d2 === null || C2.state.setSelectedTime(d2.t);
-  }, [C2, d2]), k2 = e2.width ?? 800, A2 = e2.height ?? 300, j2 = e2.sparkline === true || e2.sparkline !== false && k2 < 150, N2 = e2.ariaLabel ?? c2?.ariaLabel ?? "Line chart", P2 = q.useMemo(() => {
-    if (d2 === null || c2 === null) return [];
-    let t3 = [], { personalization: n3, series: r3, secondarySeriesList: a3, stackedLayout: o3, primaryColorOverride: s3 } = c2, l2 = n3.palette[n3.theme], u3 = ee(S(n3.palette, n3.theme), l2, r3.length > 0 && i(r3.values, r3.length - 1) >= i(r3.values, 0)), f3 = s3 ?? M(u3);
+  let ee2 = z.useCallback((e3) => {
+    c2.current?.handlePointerMove(e3.nativeEvent);
+  }, []), E2 = z.useCallback(() => {
+    c2.current?.handlePointerLeave();
+  }, []), te2 = z.useCallback((e3) => {
+    T2 === null || !T2.options.syncSelection || d2 === null || T2.state.setSelectedTime(d2.t);
+  }, [T2, d2]), D2 = e2.width ?? 800, k2 = e2.height ?? 300, A2 = e2.sparkline === true || e2.sparkline !== false && D2 < 150, j2 = e2.ariaLabel ?? l2?.ariaLabel ?? "Line chart", M2 = z.useMemo(() => {
+    if (d2 === null || l2 === null) return [];
+    let t3 = [], { personalization: r3, series: i3, secondarySeriesList: a3, stackedLayout: o3, primaryColorOverride: s2 } = l2, c3 = r3.palette[r3.theme], u3 = se(b(r3.palette, r3.theme), c3, i3.length > 0 && n(i3.values, i3.length - 1) >= n(i3.values, 0)), f3 = s2 ?? O(u3);
     t3.push({
       id: e2.series?.[0]?.id ?? "primary",
       label: e2.series?.[0]?.label ?? e2.series?.[0]?.id ?? "Price",
       color: f3,
       value: d2.value
     });
-    for (let n4 = 0; n4 < a3.length; n4++) {
-      let r4 = a3[n4], s4 = e2.series?.[n4 + 1], c3 = r4.ingested.length > 0 ? K(r4.ingested.times, d2.t) : -1, l3 = o3 === null ? r4.ingested.values : o3.tops[n4 + 1], u4 = c3 >= 0 ? i(l3, c3) : NaN;
+    for (let r4 = 0; r4 < a3.length; r4++) {
+      let i4 = a3[r4], s3 = e2.series?.[r4 + 1], c4 = i4.ingested.length > 0 ? oe(i4.ingested.times, d2.t) : -1, l3 = o3 === null ? i4.ingested.values : o3.tops[r4 + 1], u4 = c4 >= 0 ? n(l3, c4) : NaN;
       t3.push({
-        id: s4?.id ?? `series-${n4 + 1}`,
-        label: s4?.label ?? s4?.id ?? `Series ${n4 + 2}`,
-        color: r4.color,
+        id: s3?.id ?? `series-${r4 + 1}`,
+        label: s3?.label ?? s3?.id ?? `Series ${r4 + 2}`,
+        color: i4.color,
         value: u4
       });
     }
-    if (o3 === null && d2.idx >= 0 && d2.idx < r3.length) for (let e3 = 0; e3 < y2.length; e3++) {
-      let n4 = y2[e3];
-      if (n4.kind === "single") {
-        let r4 = "";
-        switch (n4.spec.type) {
+    if (o3 === null && d2.idx >= 0 && d2.idx < i3.length) for (let e3 = 0; e3 < y2.length; e3++) {
+      let r4 = y2[e3];
+      if (r4.kind === "single") {
+        let i4 = "";
+        switch (r4.spec.type) {
           case "sma":
-            r4 = `SMA(${n4.spec.period})`;
+            i4 = `SMA(${r4.spec.period})`;
             break;
           case "ema":
-            r4 = `EMA(${n4.spec.period})`;
+            i4 = `EMA(${r4.spec.period})`;
             break;
           case "wma":
-            r4 = `WMA(${n4.spec.period})`;
+            i4 = `WMA(${r4.spec.period})`;
             break;
         }
-        if (r4 === "") continue;
+        if (i4 === "") continue;
         t3.push({
-          id: `${r4}-${e3}`,
-          label: r4,
-          color: n4.color,
-          value: i(n4.values, d2.idx)
+          id: `${i4}-${e3}`,
+          label: i4,
+          color: r4.color,
+          value: n(r4.values, d2.idx)
         });
       } else {
-        let r4 = n4.spec.period, a4 = n4.spec.multiplier;
+        let i4 = r4.spec.period, a4 = r4.spec.multiplier;
         t3.push({
           id: `bb-upper-${e3}`,
-          label: `BB Upper(${r4}, ${a4})`,
-          color: n4.color,
-          value: i(n4.upper, d2.idx)
+          label: `BB Upper(${i4}, ${a4})`,
+          color: r4.color,
+          value: n(r4.upper, d2.idx)
         }), t3.push({
           id: `bb-mid-${e3}`,
-          label: `BB Mid(${r4}, ${a4})`,
-          color: n4.color,
-          value: i(n4.middle, d2.idx)
+          label: `BB Mid(${i4}, ${a4})`,
+          color: r4.color,
+          value: n(r4.middle, d2.idx)
         }), t3.push({
           id: `bb-lower-${e3}`,
-          label: `BB Lower(${r4}, ${a4})`,
-          color: n4.color,
-          value: i(n4.lower, d2.idx)
+          label: `BB Lower(${i4}, ${a4})`,
+          color: r4.color,
+          value: n(r4.lower, d2.idx)
         });
       }
     }
     return t3;
   }, [
     d2,
-    c2,
+    l2,
     e2.series,
     y2
-  ]), F2 = d2 === null || c2 === null ? null : we(e2.tooltip, {
+  ]), ne2 = d2 === null || l2 === null ? null : xe(e2.tooltip, {
     t: d2.t,
     value: d2.value,
     idx: d2.idx,
-    seriesValues: P2,
+    seriesValues: M2,
     pointerX: d2.pointerX,
     pointerY: d2.pointerY,
-    containerWidth: k2,
-    containerHeight: A2,
-    theme: c2.personalization.theme,
-    palette: c2.personalization.palette,
-    locale: c2.resolvedLocaleBase,
-    timeZone: c2.resolvedTimeZone,
-    formatter: c2.formatter
-  }), I2 = p2 === null || c2 === null ? null : Ce(e2.extremeTooltip, {
+    containerWidth: D2,
+    containerHeight: k2,
+    theme: l2.personalization.theme,
+    palette: l2.personalization.palette,
+    locale: l2.resolvedLocaleBase,
+    timeZone: l2.resolvedTimeZone,
+    formatter: l2.formatter
+  }), re2 = p2 === null || l2 === null ? null : be(e2.extremeTooltip, {
     kind: p2.kind,
     barIdx: p2.idx,
     price: p2.price,
     t: p2.t,
     pointerX: p2.pointerX,
     pointerY: p2.pointerY,
-    containerWidth: k2,
-    containerHeight: A2,
-    theme: c2.personalization.theme,
-    palette: c2.personalization.palette,
-    locale: c2.resolvedLocaleBase,
-    timeZone: c2.resolvedTimeZone,
-    formatter: c2.formatter
-  }), L2 = h2 !== "live", R2 = c2 !== null && L2 && (c2.personalization.staleVisualization === "desaturate-pulse" || c2.personalization.staleVisualization === "desaturate-pulse + banner"), z2 = c2 !== null && L2 && (c2.personalization.staleVisualization === "banner" || c2.personalization.staleVisualization === "desaturate-pulse + banner"), B2 = {
+    containerWidth: D2,
+    containerHeight: k2,
+    theme: l2.personalization.theme,
+    palette: l2.personalization.palette,
+    locale: l2.resolvedLocaleBase,
+    timeZone: l2.resolvedTimeZone,
+    formatter: l2.formatter
+  }), N2 = h2 !== "live", ie2 = l2 !== null && N2 && (l2.personalization.staleVisualization === "desaturate-pulse" || l2.personalization.staleVisualization === "desaturate-pulse + banner"), P2 = l2 !== null && N2 && (l2.personalization.staleVisualization === "banner" || l2.personalization.staleVisualization === "desaturate-pulse + banner"), F2 = {
     position: "absolute",
     inset: 0,
     width: "100%",
     height: "100%"
-  }, V2 = R2 ? {
+  }, I2 = ie2 ? {
     filter: "saturate(0.5)",
     ..._2 ? { opacity: 0.9 } : { animation: "tickyr-stale-pulse 1.2s ease-in-out infinite" }
-  } : {}, H2 = {
-    ...B2,
-    ...V2
-  }, U2 = {
-    ...B2,
+  } : {}, L2 = {
+    ...F2,
+    ...I2
+  }, ae2 = {
+    ...F2,
     pointerEvents: "none",
-    ...V2
-  }, W2 = c2 === null ? null : c2.personalization.palette[c2.personalization.theme], G2 = W2 === null ? "" : M(W2.warn, 1), te2 = e2.chartBgColor ?? (c2?.personalization.theme === "dark" ? "#0c0d0e" : "#fafafa"), ne2 = h2 === "disconnected" ? "Connection lost" : "Live data paused", re2 = e2.staleBanner === false, ie2 = null;
-  if (z2 && !re2 && c2 !== null) if (typeof e2.staleBanner == "function") {
+    ...I2
+  }, R2 = l2 === null ? null : l2.personalization.palette[l2.personalization.theme], ce2 = R2 === null ? "" : O(R2.warn, 1), B2 = e2.chartBgColor ?? (l2?.personalization.theme === "dark" ? "#0c0d0e" : "#fafafa"), U2 = h2 === "disconnected" ? "Connection lost" : "Live data paused", W2 = e2.staleBanner === false, G2 = null;
+  if (P2 && !W2 && l2 !== null) if (typeof e2.staleBanner == "function") {
     let t3 = e2.staleBanner({
       state: h2,
       liveSince: e2.liveSince,
-      theme: c2.personalization.theme,
-      palette: c2.personalization.palette
+      theme: l2.personalization.theme,
+      palette: l2.personalization.palette
     });
-    ie2 = /* @__PURE__ */ J("div", {
+    G2 = /* @__PURE__ */ V("div", {
       style: {
         position: "absolute",
         top: 8,
@@ -615,53 +575,53 @@ var Te = q.forwardRef(function(e2, t2) {
       "aria-live": "polite",
       children: t3
     });
-  } else ie2 = /* @__PURE__ */ Y("div", {
+  } else G2 = /* @__PURE__ */ H("div", {
     style: {
       position: "absolute",
       top: 8,
       left: "50%",
       transform: "translate(-50%, 0)",
-      background: G2,
-      color: te2,
+      background: ce2,
+      color: B2,
       padding: "5px 12px",
       borderRadius: 999,
       fontSize: 11,
       fontWeight: 600,
-      fontFamily: E,
+      fontFamily: w,
       letterSpacing: "0.02em",
       whiteSpace: "nowrap",
       pointerEvents: "none",
       display: "inline-flex",
       alignItems: "center",
       gap: 6,
-      boxShadow: c2.personalization.theme === "dark" ? "0 2px 8px rgba(0,0,0,0.4)" : "0 2px 8px rgba(0,0,0,0.15)",
+      boxShadow: l2.personalization.theme === "dark" ? "0 2px 8px rgba(0,0,0,0.4)" : "0 2px 8px rgba(0,0,0,0.15)",
       zIndex: 2,
       ..._2 ? {} : { animation: "tickyr-stale-banner-in 0.3s ease-out" }
     },
     "aria-live": "polite",
-    children: [/* @__PURE__ */ J("span", {
+    children: [/* @__PURE__ */ V("span", {
       "aria-hidden": "true",
       style: {
         fontSize: 12,
         lineHeight: 1
       },
       children: "\u23F8"
-    }), /* @__PURE__ */ J("span", { children: ne2 })]
+    }), /* @__PURE__ */ V("span", { children: U2 })]
   });
-  let X2 = typeof e2.connectionIndicator == "function" ? e2.connectionIndicator : void 0, Z2 = null;
-  if (c2 !== null) {
-    let t3 = c2.personalization, n3 = t3.connectionIndicator;
-    if (X2 !== void 0 || n3 !== "off") {
-      let r3 = t3.legendPosition, i2 = r3 === "top-left" || r3 === "bottom-left", a3 = {
+  let q2 = typeof e2.connectionIndicator == "function" ? e2.connectionIndicator : void 0, J2 = null;
+  if (l2 !== null) {
+    let t3 = l2.personalization, n2 = t3.connectionIndicator;
+    if (q2 !== void 0 || n2 !== "off") {
+      let r3 = t3.legendPosition, i3 = r3 === "top-left" || r3 === "bottom-left", a3 = {
         position: "absolute",
         pointerEvents: "none",
         zIndex: 3,
         ...r3 === "top-left" || r3 === "top-right" ? { top: 4 } : { bottom: 4 },
-        ...i2 ? { left: 4 } : { right: 4 }
+        ...i3 ? { left: 4 } : { right: 4 }
       };
-      if (X2 !== void 0) Z2 = /* @__PURE__ */ J("div", {
+      if (q2 !== void 0) J2 = /* @__PURE__ */ V("div", {
         style: a3,
-        children: X2({
+        children: q2({
           state: h2,
           liveSince: e2.liveSince,
           position: r3,
@@ -670,8 +630,8 @@ var Te = q.forwardRef(function(e2, t2) {
         })
       });
       else {
-        let e3 = t3.palette[t3.theme], r4 = M(h2 === "live" ? e3.up : h2 === "stale" ? e3.warn : e3.down, 1), i3 = t3.theme === "dark" ? "#0c0d0e" : "#fafafa", o3 = h2 === "live" ? "live" : h2 === "stale" ? "stale" : "offline", s3 = t3.visualStyle === "Outline", c3 = n3 === "dot";
-        Z2 = /* @__PURE__ */ Y("div", {
+        let e3 = t3.palette[t3.theme], r4 = O(h2 === "live" ? e3.up : h2 === "stale" ? e3.warn : e3.down, 1), i4 = t3.theme === "dark" ? "#0c0d0e" : "#fafafa", o3 = h2 === "live" ? "live" : h2 === "stale" ? "stale" : "offline", s2 = t3.visualStyle === "Outline", c3 = n2 === "dot";
+        J2 = /* @__PURE__ */ H("div", {
           style: {
             ...a3,
             display: "inline-flex",
@@ -683,76 +643,76 @@ var Te = q.forwardRef(function(e2, t2) {
             fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
             fontSize: 10,
             fontWeight: 600,
-            ...s3 ? {
-              background: i3,
+            ...s2 ? {
+              background: i4,
               color: r4,
               border: `${c3 ? 1 : 1.4}px solid ${r4}`
             } : {
               background: r4,
-              color: i3,
+              color: i4,
               border: "none"
             },
             ...h2 !== "live" && !_2 ? { animation: "tickyr-stale-pulse 1s ease-in-out infinite" } : {}
           },
           "aria-live": "polite",
           role: "status",
-          children: [c3 && /* @__PURE__ */ J("span", {
+          children: [c3 && /* @__PURE__ */ V("span", {
             "aria-hidden": "true",
             style: {
               width: 6,
               height: 6,
               borderRadius: 999,
-              background: s3 ? r4 : i3
+              background: s2 ? r4 : i4
             }
-          }), /* @__PURE__ */ J("span", { children: o3 })]
+          }), /* @__PURE__ */ V("span", { children: o3 })]
         });
       }
     }
   }
-  let Q2 = null;
-  if (c2 !== null && c2.personalization.legend !== "off") {
-    let t3 = c2.personalization, n3 = t3.palette[t3.theme], r3 = [];
+  let le2 = null;
+  if (l2 !== null && l2.personalization.legend !== "off") {
+    let t3 = l2.personalization, n2 = t3.palette[t3.theme], r3 = [];
     if (e2.series !== void 0 && e2.series.length > 0) {
-      let t4 = e2.series[0], i2 = n3.categorical[0];
+      let t4 = e2.series[0], i3 = n2.categorical[0];
       r3.push({
         id: t4.id,
         label: t4.label ?? t4.id,
-        color: t4.color ?? M(i2)
+        color: t4.color ?? O(i3)
       });
     }
-    for (let t4 = 0; t4 < c2.secondarySeriesList.length; t4++) {
-      let n4 = c2.secondarySeriesList[t4], i2 = e2.series?.[t4 + 1];
+    for (let t4 = 0; t4 < l2.secondarySeriesList.length; t4++) {
+      let n3 = l2.secondarySeriesList[t4], i3 = e2.series?.[t4 + 1];
       r3.push({
-        id: i2?.id ?? `series-${t4 + 1}`,
-        label: i2?.label ?? i2?.id ?? `Series ${t4 + 2}`,
-        color: n4.color
+        id: i3?.id ?? `series-${t4 + 1}`,
+        label: i3?.label ?? i3?.id ?? `Series ${t4 + 2}`,
+        color: n3.color
       });
     }
     for (let e3 = 0; e3 < y2.length; e3++) {
-      let t4 = y2[e3], n4;
+      let t4 = y2[e3], n3;
       switch (t4.spec.type) {
         case "sma":
-          n4 = `SMA(${t4.spec.period})`;
+          n3 = `SMA(${t4.spec.period})`;
           break;
         case "ema":
-          n4 = `EMA(${t4.spec.period})`;
+          n3 = `EMA(${t4.spec.period})`;
           break;
         case "wma":
-          n4 = `WMA(${t4.spec.period})`;
+          n3 = `WMA(${t4.spec.period})`;
           break;
         case "bollinger":
-          n4 = `BB(${t4.spec.period}, ${t4.spec.multiplier})`;
+          n3 = `BB(${t4.spec.period}, ${t4.spec.multiplier})`;
           break;
       }
       r3.push({
         id: `${t4.spec.type}-${e3}`,
-        label: n4,
+        label: n3,
         color: t4.color
       });
     }
     if (r3.length > 0) {
-      let e3 = t3.legendPosition === "top-left" || t3.legendPosition === "bottom-left", i2 = t3.legendPosition === "top-left" || t3.legendPosition === "top-right", a3 = t3.connectionIndicator !== "off" || X2 !== void 0, o3 = i2 && a3 ? 30 : 4, s3 = t3.legend !== "on-hover" || d2 !== null || p2 !== null, c3 = t3.theme === "dark" ? "rgba(20,21,23,0.78)" : "rgba(250,250,250,0.78)", l2 = M(n3.neutral, 0.92);
-      Q2 = /* @__PURE__ */ J("div", {
+      let e3 = t3.legendPosition === "top-left" || t3.legendPosition === "bottom-left", i3 = t3.legendPosition === "top-left" || t3.legendPosition === "top-right", a3 = t3.connectionIndicator !== "off" || q2 !== void 0, o3 = i3 && a3 ? 30 : 4, s2 = t3.legend !== "on-hover" || d2 !== null || p2 !== null, c3 = t3.theme === "dark" ? "rgba(20,21,23,0.78)" : "rgba(250,250,250,0.78)", l3 = O(n2.neutral, 0.92);
+      le2 = /* @__PURE__ */ V("div", {
         style: {
           position: "absolute",
           zIndex: 2,
@@ -765,22 +725,22 @@ var Te = q.forwardRef(function(e2, t2) {
           borderRadius: 6,
           background: c3,
           backdropFilter: "blur(2px)",
-          font: `500 11px/1.1 ${E}`,
+          font: `500 11px/1.1 ${w}`,
           letterSpacing: "0.01em",
-          color: l2,
+          color: l3,
           transition: "opacity 0.15s ease-out",
-          opacity: +!!s3,
-          ...i2 ? { top: o3 } : { bottom: o3 },
+          opacity: +!!s2,
+          ...i3 ? { top: o3 } : { bottom: o3 },
           ...e3 ? { left: 4 } : { right: 4 }
         },
         "aria-label": "Legend",
-        children: r3.map((e4) => /* @__PURE__ */ Y("span", {
+        children: r3.map((e4) => /* @__PURE__ */ H("span", {
           style: {
             display: "inline-flex",
             alignItems: "center",
             gap: 5
           },
-          children: [/* @__PURE__ */ J("span", {
+          children: [/* @__PURE__ */ V("span", {
             "aria-hidden": "true",
             style: {
               width: 10,
@@ -790,97 +750,98 @@ var Te = q.forwardRef(function(e2, t2) {
               display: "inline-block",
               flex: "0 0 auto"
             }
-          }), /* @__PURE__ */ J("span", { children: e4.label })]
+          }), /* @__PURE__ */ V("span", { children: e4.label })]
         }, e4.id))
       });
     }
   }
-  return j2 ? /* @__PURE__ */ J("canvas", {
+  return A2 ? /* @__PURE__ */ V("canvas", {
     ref: a2,
     role: "img",
-    "aria-label": N2,
+    "aria-label": j2,
     style: {
-      width: `${k2}px`,
-      height: `${A2}px`,
+      width: `${D2}px`,
+      height: `${k2}px`,
       display: "block"
     }
-  }) : /* @__PURE__ */ Y("div", {
-    ref: r2,
+  }) : /* @__PURE__ */ H("div", {
+    ref: i2,
     role: "img",
-    "aria-label": N2,
-    onPointerMove: T2,
-    onPointerLeave: D2,
-    onClick: O2,
+    "aria-label": j2,
+    onPointerMove: ee2,
+    onPointerLeave: E2,
+    onClick: te2,
     style: {
       position: "relative",
-      width: `${k2}px`,
-      height: `${A2}px`,
+      width: `${D2}px`,
+      height: `${k2}px`,
       display: "block"
     },
     children: [
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: a2,
         "aria-hidden": "true",
-        style: H2
+        style: L2
       }),
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: o2,
         "aria-hidden": "true",
-        style: U2
+        style: ae2
       }),
-      Z2,
-      ie2,
-      Q2,
-      F2,
-      I2
+      J2,
+      G2,
+      le2,
+      ne2,
+      re2
     ]
   });
-}), Ee = "min", De = "flat", Oe = 0.6;
-function ke(e2) {
-  let t2 = (0, Z.c)(36), n2, r2, i2, a2, o2, s2, c2;
-  t2[0] === e2 ? (n2 = t2[1], r2 = t2[2], i2 = t2[3], a2 = t2[4], o2 = t2[5], s2 = t2[6], c2 = t2[7]) : ({ baseline: a2, fillType: o2, fillOpacity: s2, thresholdFill: c2, stacked: i2, ariaLabel: n2, ...r2 } = e2, t2[0] = e2, t2[1] = n2, t2[2] = r2, t2[3] = i2, t2[4] = a2, t2[5] = o2, t2[6] = s2, t2[7] = c2);
-  let l2 = a2 === void 0 ? Ee : a2, u2 = o2 === void 0 ? De : o2, d2 = s2 === void 0 ? Oe : s2, f2 = i2 === true ? "additive" : i2 === "normalized" ? "normalized" : false, p2 = $(), m2 = e2.theme ?? p2.theme, h2 = e2.palette ?? p2.palette, g2 = e2.visualStyle ?? p2.visualStyle, _2;
-  t2[8] !== p2.appTheme || t2[9] !== p2.osTheme || t2[10] !== m2 || t2[11] !== h2 || t2[12] !== g2 ? (_2 = N({
-    theme: m2,
-    palette: h2,
-    osTheme: p2.osTheme,
-    appTheme: p2.appTheme,
-    visualStyle: g2
-  }), t2[8] = p2.appTheme, t2[9] = p2.osTheme, t2[10] = m2, t2[11] = h2, t2[12] = g2, t2[13] = _2) : _2 = t2[13];
-  let v2 = _2, y2 = v2.palette[v2.theme], b2;
-  bb0: {
-    if (c2 === false || c2 === void 0) {
-      b2 = void 0;
-      break bb0;
-    }
-    let e3;
-    t2[14] === c2 ? e3 = t2[15] : (e3 = c2 === true ? {} : c2, t2[14] = c2, t2[15] = e3);
-    let n3 = e3, r3;
-    t2[16] !== n3.aboveColor || t2[17] !== y2 ? (r3 = n3.aboveColor ?? M(y2.up), t2[16] = n3.aboveColor, t2[17] = y2, t2[18] = r3) : r3 = t2[18];
-    let i3 = r3, a3;
-    t2[19] !== n3.belowColor || t2[20] !== y2 ? (a3 = n3.belowColor ?? M(y2.down), t2[19] = n3.belowColor, t2[20] = y2, t2[21] = a3) : a3 = t2[21];
-    let o3 = a3, s3;
-    t2[22] !== i3 || t2[23] !== o3 || t2[24] !== n3.value ? (s3 = {
-      value: n3.value,
-      aboveColor: i3,
-      belowColor: o3
-    }, t2[22] = i3, t2[23] = o3, t2[24] = n3.value, t2[25] = s3) : s3 = t2[25], b2 = s3;
-  }
-  let x2 = b2, S2;
-  t2[26] !== l2 || t2[27] !== d2 || t2[28] !== u2 || t2[29] !== f2 || t2[30] !== x2 ? (S2 = {
-    baseline: l2,
-    fillType: u2,
-    fillOpacity: d2
-  }, x2 !== void 0 && (S2.threshold = x2), f2 !== false && (S2.stacked = f2), t2[26] = l2, t2[27] = d2, t2[28] = u2, t2[29] = f2, t2[30] = x2, t2[31] = S2) : S2 = t2[31];
-  let C2 = S2, w2 = n2 ?? "Area chart", T2;
-  return t2[32] !== C2 || t2[33] !== r2 || t2[34] !== w2 ? (T2 = /* @__PURE__ */ J(Te, {
-    ...r2,
-    ariaLabel: w2,
-    areaFill: C2
-  }), t2[32] = C2, t2[33] = r2, t2[34] = w2, t2[35] = T2) : T2 = t2[35], T2;
+}), Ce = "min", we = "flat", Te = 0.6;
+function Ee(e2) {
+  let { baseline: t2 = Ce, fillType: n2 = we, fillOpacity: r2 = Te, thresholdFill: i2, stacked: a2, ariaLabel: o2, ...s2 } = e2, c2 = a2 === true ? "additive" : a2 === "normalized" ? "normalized" : false, l2 = K(), u2 = z.useMemo(() => k({
+    theme: e2.theme ?? l2.theme,
+    palette: e2.palette ?? l2.palette,
+    osTheme: l2.osTheme,
+    appTheme: l2.appTheme,
+    visualStyle: e2.visualStyle ?? l2.visualStyle
+  }), [
+    e2.theme,
+    e2.palette,
+    e2.visualStyle,
+    l2.theme,
+    l2.palette,
+    l2.osTheme,
+    l2.appTheme,
+    l2.visualStyle
+  ]), d2 = u2.palette[u2.theme], f2 = z.useMemo(() => {
+    if (i2 === false || i2 === void 0) return;
+    let e3 = i2 === true ? {} : i2, t3 = e3.aboveColor ?? O(d2.up), n3 = e3.belowColor ?? O(d2.down);
+    return {
+      value: e3.value,
+      aboveColor: t3,
+      belowColor: n3
+    };
+  }, [i2, d2]), p2 = z.useMemo(() => {
+    let e3 = {
+      baseline: t2,
+      fillType: n2,
+      fillOpacity: r2
+    };
+    return f2 !== void 0 && (e3.threshold = f2), c2 !== false && (e3.stacked = c2), e3;
+  }, [
+    t2,
+    n2,
+    r2,
+    f2,
+    c2
+  ]);
+  return /* @__PURE__ */ V(Se, {
+    ...s2,
+    ariaLabel: o2 ?? "Area chart",
+    areaFill: p2
+  });
 }
-function Ae(e2) {
-  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), a2 = q.useRef(null), o2 = q.useRef(null), [s2, c2] = q.useState(null), [l2, u2] = q.useState(null), d2 = q.useMemo(() => ({
+function De(e2) {
+  let t2 = K(), r2 = z.useRef(null), i2 = z.useRef(null), a2 = z.useRef(null), o2 = z.useRef(null), [s2, c2] = z.useState(null), [l2, u2] = z.useState(null), d2 = z.useMemo(() => ({
     theme: t2.theme,
     palette: t2.palette,
     locale: t2.locale,
@@ -907,11 +868,11 @@ function Ae(e2) {
     t2.osTheme,
     t2.appTheme
   ]);
-  q.useEffect(() => {
-    let t3 = r2.current;
+  z.useEffect(() => {
+    let t3 = i2.current;
     if (t3 === null) return;
-    let i2 = new T({
-      container: n2.current,
+    let n2 = new C({
+      container: r2.current,
       staticCanvas: t3,
       dynamicCanvas: a2.current,
       initialProps: e2,
@@ -919,30 +880,30 @@ function Ae(e2) {
       onContextChange: c2,
       onHoverChange: u2
     });
-    return o2.current = i2, () => {
-      o2.current = null, i2.dispose();
+    return o2.current = n2, () => {
+      o2.current = null, n2.dispose();
     };
-  }, []), q.useEffect(() => {
+  }, []), z.useEffect(() => {
     o2.current?.update(e2, d2);
   });
-  let f2 = q.useCallback((e3) => {
+  let f2 = z.useCallback((e3) => {
     o2.current?.handlePointerMove(e3.nativeEvent);
-  }, []), p2 = q.useCallback(() => {
+  }, []), p2 = z.useCallback(() => {
     o2.current?.handlePointerLeave();
-  }, []), m2 = e2.width ?? 800, h2 = e2.height ?? 300, g2 = e2.sparkline === true || e2.sparkline !== false && m2 < 150, _2 = e2.ariaLabel ?? s2?.ariaLabel ?? "Bar chart", v2 = q.useMemo(() => {
+  }, []), m2 = e2.width ?? 800, h2 = e2.height ?? 300, g2 = e2.sparkline === true || e2.sparkline !== false && m2 < 150, _2 = e2.ariaLabel ?? s2?.ariaLabel ?? "Bar chart", v2 = z.useMemo(() => {
     if (l2 === null || s2 === null) return [];
-    let t3 = [], { personalization: n3, secondarySeriesList: r3, primaryColor: a3 } = s2, o3 = n3.palette[n3.theme], c3 = a3 ?? M(l2.value >= 0 ? o3.up : o3.down, 1);
+    let t3 = [], { personalization: r3, secondarySeriesList: i3, primaryColor: a3 } = s2, o3 = r3.palette[r3.theme], c3 = a3 ?? O(l2.value >= 0 ? o3.up : o3.down, 1);
     t3.push({
       id: e2.series?.[0]?.id ?? "primary",
       label: e2.series?.[0]?.label ?? e2.series?.[0]?.id ?? "Value",
       color: c3,
       value: l2.value
     });
-    for (let n4 = 0; n4 < r3.length; n4++) {
-      let a4 = r3[n4], o4 = e2.series?.[n4 + 1], s3 = a4.ingested.length > 0 ? K(a4.ingested.times, l2.t) : -1, c4 = s3 >= 0 ? i(a4.ingested.values, s3) : NaN;
+    for (let r4 = 0; r4 < i3.length; r4++) {
+      let a4 = i3[r4], o4 = e2.series?.[r4 + 1], s3 = a4.ingested.length > 0 ? oe(a4.ingested.times, l2.t) : -1, c4 = s3 >= 0 ? n(a4.ingested.values, s3) : NaN;
       t3.push({
-        id: o4?.id ?? `series-${n4 + 1}`,
-        label: o4?.label ?? o4?.id ?? `Series ${n4 + 2}`,
+        id: o4?.id ?? `series-${r4 + 1}`,
+        label: o4?.label ?? o4?.id ?? `Series ${r4 + 2}`,
         color: a4.color,
         value: c4
       });
@@ -967,7 +928,7 @@ function Ae(e2) {
       timeZone: s2.resolvedTimeZone,
       formatter: s2.formatter
     };
-    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : /* @__PURE__ */ J(ye, {
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : /* @__PURE__ */ V(_e, {
       t: l2.t,
       value: l2.value,
       idx: l2.idx,
@@ -982,29 +943,29 @@ function Ae(e2) {
       timeZone: s2.resolvedTimeZone,
       formatter: s2.formatter
     });
-  })(), b2 = q.useMemo(() => {
+  })(), b2 = z.useMemo(() => {
     if (s2 === null || e2.series === void 0 || e2.series.length < 2) return [];
-    let t3 = s2.personalization.palette[s2.personalization.theme], n3 = [], r3 = e2.series[0], i2 = s2.primaryColor ?? M(t3.up, 1);
-    n3.push({
-      color: i2,
+    let t3 = s2.personalization.palette[s2.personalization.theme], n2 = [], r3 = e2.series[0], i3 = s2.primaryColor ?? O(t3.up, 1);
+    n2.push({
+      color: i3,
       label: r3.label ?? r3.id
     });
     for (let t4 = 0; t4 < s2.secondarySeriesList.length; t4++) {
-      let r4 = s2.secondarySeriesList[t4], i3 = e2.series[t4 + 1];
-      n3.push({
+      let r4 = s2.secondarySeriesList[t4], i4 = e2.series[t4 + 1];
+      n2.push({
         color: r4.color,
-        label: i3.label ?? i3.id
+        label: i4.label ?? i4.id
       });
     }
-    return n3;
+    return n2;
   }, [s2, e2.series]), x2 = null;
   if (s2 !== null && b2.length > 0) {
-    let e3 = s2.personalization, t3 = e3.legend, n3 = e3.legendPosition;
-    t3 !== "off" && (t3 === "always" || t3 === "on-hover" && l2 !== null) && (x2 = /* @__PURE__ */ J("div", {
+    let e3 = s2.personalization, t3 = e3.legend, n2 = e3.legendPosition;
+    t3 !== "off" && (t3 === "always" || t3 === "on-hover" && l2 !== null) && (x2 = /* @__PURE__ */ V("div", {
       style: {
         position: "absolute",
-        ...n3 === "top-left" || n3 === "top-right" ? { top: 6 } : { bottom: 6 },
-        ...n3 === "top-left" || n3 === "bottom-left" ? { left: 8 } : { right: 8 },
+        ...n2 === "top-left" || n2 === "top-right" ? { top: 6 } : { bottom: 6 },
+        ...n2 === "top-left" || n2 === "bottom-left" ? { left: 8 } : { right: 8 },
         pointerEvents: "none",
         display: "flex",
         gap: 12,
@@ -1018,13 +979,13 @@ function Ae(e2) {
         color: e3.theme === "dark" ? "rgb(240,242,246)" : "rgb(20,22,26)"
       },
       role: "presentation",
-      children: b2.map((e4, t4) => /* @__PURE__ */ Y("span", {
+      children: b2.map((e4, t4) => /* @__PURE__ */ H("span", {
         style: {
           display: "inline-flex",
           alignItems: "center",
           gap: 5
         },
-        children: [/* @__PURE__ */ J("span", {
+        children: [/* @__PURE__ */ V("span", {
           "aria-hidden": "true",
           style: {
             width: 10,
@@ -1034,20 +995,20 @@ function Ae(e2) {
             display: "inline-block",
             flex: "0 0 auto"
           }
-        }), /* @__PURE__ */ J("span", { children: e4.label })]
+        }), /* @__PURE__ */ V("span", { children: e4.label })]
       }, t4))
     }));
   }
-  return g2 ? /* @__PURE__ */ J("div", {
-    ref: n2,
+  return g2 ? /* @__PURE__ */ V("div", {
+    ref: r2,
     style: {
       position: "relative",
       width: m2,
       height: h2
     },
     "aria-label": _2,
-    children: /* @__PURE__ */ J("canvas", {
-      ref: r2,
+    children: /* @__PURE__ */ V("canvas", {
+      ref: i2,
       style: {
         display: "block",
         width: m2,
@@ -1055,8 +1016,8 @@ function Ae(e2) {
       },
       "aria-hidden": "true"
     })
-  }) : /* @__PURE__ */ Y("div", {
-    ref: n2,
+  }) : /* @__PURE__ */ H("div", {
+    ref: r2,
     style: {
       position: "relative",
       width: m2,
@@ -1066,8 +1027,8 @@ function Ae(e2) {
     onPointerMove: f2,
     onPointerLeave: p2,
     children: [
-      /* @__PURE__ */ J("canvas", {
-        ref: r2,
+      /* @__PURE__ */ V("canvas", {
+        ref: i2,
         style: {
           display: "block",
           width: m2,
@@ -1075,7 +1036,7 @@ function Ae(e2) {
         },
         "aria-hidden": "true"
       }),
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: a2,
         style: {
           display: "block",
@@ -1092,8 +1053,8 @@ function Ae(e2) {
     ]
   });
 }
-var je = 12, Me = 180, Ne = 124;
-function Pe(e2, t2) {
+var Z = 12, Oe = 180, ke = 124;
+function Ae(e2, t2) {
   return e2 === "light" ? {
     bg: "rgb(255, 255, 255)",
     fg: "rgb(20, 22, 26)",
@@ -1112,205 +1073,146 @@ function Pe(e2, t2) {
     downFg: "rgb(240, 242, 246)"
   };
 }
-function Fe(e2) {
-  let t2 = (0, Z.c)(125), { t: n2, o: r2, h: i2, l: a2, c: o2, direction: s2, pointerX: c2, pointerY: l2, containerWidth: u2, containerHeight: d2, theme: f2, palette: p2, formatter: m2 } = e2, h2;
-  t2[0] !== p2 || t2[1] !== f2 ? (h2 = Pe(f2, p2), t2[0] = p2, t2[1] = f2, t2[2] = h2) : h2 = t2[2];
-  let g2 = h2, _2 = c2 > u2 - Me, v2 = l2 > d2 - Ne, y2;
-  t2[3] !== d2 || t2[4] !== u2 || t2[5] !== c2 || t2[6] !== l2 || t2[7] !== v2 || t2[8] !== _2 ? (y2 = _2 ? { right: `${u2 - c2 + je}px` } : { left: `${c2 + je}px` }, v2 ? y2.bottom = `${d2 - l2 + je}px` : y2.top = `${l2 + je}px`, t2[3] = d2, t2[4] = u2, t2[5] = c2, t2[6] = l2, t2[7] = v2, t2[8] = _2, t2[9] = y2) : y2 = t2[9];
-  let b2 = o2 - r2, x2, S2, C2, w2, T2, E2, D2, O2, k2, A2, j2, M2;
-  if (t2[10] !== o2 || t2[11] !== b2 || t2[12] !== g2.bg || t2[13] !== g2.border || t2[14] !== g2.downFg || t2[15] !== g2.fg || t2[16] !== g2.shadow || t2[17] !== g2.subtleFg || t2[18] !== g2.upFg || t2[19] !== s2 || t2[20] !== m2 || t2[21] !== i2 || t2[22] !== a2 || t2[23] !== r2 || t2[24] !== y2 || t2[25] !== n2) {
-    let e3 = Math.abs(b2);
-    x2 = r2 === 0 ? 0 : b2 / r2 * 100;
-    let c3 = s2 === "up" ? g2.upFg : s2 === "down" ? g2.downFg : g2.subtleFg;
-    S2 = b2 > 0 ? "+" : b2 < 0 ? "\u2212" : "";
-    let l3 = `1px solid ${g2.border}`;
-    t2[38] !== g2.bg || t2[39] !== g2.fg || t2[40] !== g2.shadow || t2[41] !== y2 || t2[42] !== l3 ? (k2 = {
+function je(e2) {
+  let { t: t2, o: n2, h: r2, l: i2, c: a2, direction: o2, pointerX: s2, pointerY: c2, containerWidth: l2, containerHeight: u2, theme: d2, palette: f2, formatter: p2 } = e2, m2 = Ae(d2, f2), h2 = s2 > l2 - Oe, g2 = c2 > u2 - ke, _2 = h2 ? { right: `${l2 - s2 + Z}px` } : { left: `${s2 + Z}px` };
+  g2 ? _2.bottom = `${u2 - c2 + Z}px` : _2.top = `${c2 + Z}px`;
+  let v2 = a2 - n2, y2 = Math.abs(v2), b2 = n2 === 0 ? 0 : v2 / n2 * 100, x2 = o2 === "up" ? m2.upFg : o2 === "down" ? m2.downFg : m2.subtleFg, S2 = v2 > 0 ? "+" : v2 < 0 ? "\u2212" : "";
+  return /* @__PURE__ */ H("div", {
+    style: {
       position: "absolute",
-      ...y2,
+      ..._2,
       pointerEvents: "none",
-      background: g2.bg,
-      color: g2.fg,
+      background: m2.bg,
+      color: m2.fg,
       padding: "8px 11px",
       borderRadius: 6,
-      border: l3,
+      border: `1px solid ${m2.border}`,
       fontSize: 12,
       fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
       lineHeight: 1.35,
       whiteSpace: "nowrap",
-      boxShadow: g2.shadow,
+      boxShadow: m2.shadow,
       zIndex: 1,
       minWidth: 160
-    }, t2[38] = g2.bg, t2[39] = g2.fg, t2[40] = g2.shadow, t2[41] = y2, t2[42] = l3, t2[43] = k2) : k2 = t2[43], A2 = "status", j2 = "polite";
-    let u3;
-    t2[44] === g2.subtleFg ? u3 = t2[45] : (u3 = {
-      color: g2.subtleFg,
-      fontSize: 10.5,
-      letterSpacing: "0.02em",
-      textTransform: "uppercase",
-      fontWeight: 500,
-      marginBottom: 4
-    }, t2[44] = g2.subtleFg, t2[45] = u3);
-    let d3;
-    t2[46] !== m2 || t2[47] !== n2 ? (d3 = m2.formatDate(n2), t2[46] = m2, t2[47] = n2, t2[48] = d3) : d3 = t2[48];
-    let f3;
-    t2[49] !== m2 || t2[50] !== n2 ? (f3 = m2.formatTime(n2), t2[49] = m2, t2[50] = n2, t2[51] = f3) : f3 = t2[51], t2[52] !== u3 || t2[53] !== d3 || t2[54] !== f3 ? (M2 = /* @__PURE__ */ Y("div", {
-      style: u3,
-      children: [
-        d3,
-        " ",
-        f3
-      ]
-    }), t2[52] = u3, t2[53] = d3, t2[54] = f3, t2[55] = M2) : M2 = t2[55];
-    let p3;
-    t2[56] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p3 = {
-      display: "grid",
-      gridTemplateColumns: "auto 1fr",
-      columnGap: 12,
-      rowGap: 2,
-      fontVariantNumeric: "tabular-nums"
-    }, t2[56] = p3) : p3 = t2[56];
-    let h3;
-    t2[57] === g2.subtleFg ? h3 = t2[58] : (h3 = /* @__PURE__ */ J("span", {
-      style: {
-        color: g2.subtleFg,
-        fontWeight: 500
-      },
-      children: "O"
-    }), t2[57] = g2.subtleFg, t2[58] = h3);
-    let _3;
-    t2[59] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_3 = {
-      textAlign: "right",
-      fontWeight: 600
-    }, t2[59] = _3) : _3 = t2[59];
-    let v3;
-    t2[60] !== m2 || t2[61] !== r2 ? (v3 = m2.formatPrice(r2), t2[60] = m2, t2[61] = r2, t2[62] = v3) : v3 = t2[62];
-    let N3;
-    t2[63] === v3 ? N3 = t2[64] : (N3 = /* @__PURE__ */ J("span", {
-      style: _3,
-      children: v3
-    }), t2[63] = v3, t2[64] = N3);
-    let P3;
-    t2[65] === g2.subtleFg ? P3 = t2[66] : (P3 = /* @__PURE__ */ J("span", {
-      style: {
-        color: g2.subtleFg,
-        fontWeight: 500
-      },
-      children: "H"
-    }), t2[65] = g2.subtleFg, t2[66] = P3);
-    let F3;
-    t2[67] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (F3 = {
-      textAlign: "right",
-      fontWeight: 600
-    }, t2[67] = F3) : F3 = t2[67];
-    let I3;
-    t2[68] !== m2 || t2[69] !== i2 ? (I3 = m2.formatPrice(i2), t2[68] = m2, t2[69] = i2, t2[70] = I3) : I3 = t2[70];
-    let L2;
-    t2[71] === I3 ? L2 = t2[72] : (L2 = /* @__PURE__ */ J("span", {
-      style: F3,
-      children: I3
-    }), t2[71] = I3, t2[72] = L2);
-    let R2;
-    t2[73] === g2.subtleFg ? R2 = t2[74] : (R2 = /* @__PURE__ */ J("span", {
-      style: {
-        color: g2.subtleFg,
-        fontWeight: 500
-      },
-      children: "L"
-    }), t2[73] = g2.subtleFg, t2[74] = R2);
-    let z2;
-    t2[75] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z2 = {
-      textAlign: "right",
-      fontWeight: 600
-    }, t2[75] = z2) : z2 = t2[75];
-    let B2;
-    t2[76] !== m2 || t2[77] !== a2 ? (B2 = m2.formatPrice(a2), t2[76] = m2, t2[77] = a2, t2[78] = B2) : B2 = t2[78];
-    let V2;
-    t2[79] === B2 ? V2 = t2[80] : (V2 = /* @__PURE__ */ J("span", {
-      style: z2,
-      children: B2
-    }), t2[79] = B2, t2[80] = V2);
-    let H2;
-    t2[81] === g2.subtleFg ? H2 = t2[82] : (H2 = /* @__PURE__ */ J("span", {
-      style: {
-        color: g2.subtleFg,
-        fontWeight: 500
-      },
-      children: "C"
-    }), t2[81] = g2.subtleFg, t2[82] = H2);
-    let U2;
-    t2[83] === c3 ? U2 = t2[84] : (U2 = {
-      textAlign: "right",
-      fontWeight: 600,
-      color: c3
-    }, t2[83] = c3, t2[84] = U2);
-    let W2;
-    t2[85] !== o2 || t2[86] !== m2 ? (W2 = m2.formatPrice(o2), t2[85] = o2, t2[86] = m2, t2[87] = W2) : W2 = t2[87];
-    let G2;
-    t2[88] !== U2 || t2[89] !== W2 ? (G2 = /* @__PURE__ */ J("span", {
-      style: U2,
-      children: W2
-    }), t2[88] = U2, t2[89] = W2, t2[90] = G2) : G2 = t2[90], t2[91] !== h3 || t2[92] !== N3 || t2[93] !== P3 || t2[94] !== L2 || t2[95] !== R2 || t2[96] !== V2 || t2[97] !== H2 || t2[98] !== G2 ? (w2 = /* @__PURE__ */ Y("div", {
-      style: p3,
-      children: [
-        h3,
-        N3,
-        P3,
-        L2,
-        R2,
-        V2,
-        H2,
-        G2
-      ]
-    }), t2[91] = h3, t2[92] = N3, t2[93] = P3, t2[94] = L2, t2[95] = R2, t2[96] = V2, t2[97] = H2, t2[98] = G2, t2[99] = w2) : w2 = t2[99];
-    let K2 = `1px solid ${g2.border}`;
-    t2[100] !== g2.subtleFg || t2[101] !== K2 ? (D2 = {
-      marginTop: 4,
-      paddingTop: 4,
-      borderTop: K2,
-      color: g2.subtleFg,
-      fontWeight: 500,
-      display: "flex",
-      justifyContent: "space-between",
-      gap: 12,
-      fontVariantNumeric: "tabular-nums"
-    }, t2[100] = g2.subtleFg, t2[101] = K2, t2[102] = D2) : D2 = t2[102], t2[103] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O2 = /* @__PURE__ */ J("span", { children: "\u0394" }), t2[103] = O2) : O2 = t2[103], t2[104] === c3 ? C2 = t2[105] : (C2 = {
-      color: c3,
-      fontWeight: 600
-    }, t2[104] = c3, t2[105] = C2), T2 = S2, E2 = m2.formatPrice(e3), t2[10] = o2, t2[11] = b2, t2[12] = g2.bg, t2[13] = g2.border, t2[14] = g2.downFg, t2[15] = g2.fg, t2[16] = g2.shadow, t2[17] = g2.subtleFg, t2[18] = g2.upFg, t2[19] = s2, t2[20] = m2, t2[21] = i2, t2[22] = a2, t2[23] = r2, t2[24] = y2, t2[25] = n2, t2[26] = x2, t2[27] = S2, t2[28] = C2, t2[29] = w2, t2[30] = T2, t2[31] = E2, t2[32] = D2, t2[33] = O2, t2[34] = k2, t2[35] = A2, t2[36] = j2, t2[37] = M2;
-  } else x2 = t2[26], S2 = t2[27], C2 = t2[28], w2 = t2[29], T2 = t2[30], E2 = t2[31], D2 = t2[32], O2 = t2[33], k2 = t2[34], A2 = t2[35], j2 = t2[36], M2 = t2[37];
-  let N2;
-  t2[106] === x2 ? N2 = t2[107] : (N2 = Math.abs(x2).toFixed(2), t2[106] = x2, t2[107] = N2);
-  let P2;
-  t2[108] !== S2 || t2[109] !== C2 || t2[110] !== N2 || t2[111] !== T2 || t2[112] !== E2 ? (P2 = /* @__PURE__ */ Y("span", {
-    style: C2,
-    children: [
-      T2,
-      E2,
-      " (",
-      S2,
-      N2,
-      "%)"
-    ]
-  }), t2[108] = S2, t2[109] = C2, t2[110] = N2, t2[111] = T2, t2[112] = E2, t2[113] = P2) : P2 = t2[113];
-  let F2;
-  t2[114] !== P2 || t2[115] !== D2 || t2[116] !== O2 ? (F2 = /* @__PURE__ */ Y("div", {
-    style: D2,
-    children: [O2, P2]
-  }), t2[114] = P2, t2[115] = D2, t2[116] = O2, t2[117] = F2) : F2 = t2[117];
-  let I2;
-  return t2[118] !== w2 || t2[119] !== F2 || t2[120] !== k2 || t2[121] !== A2 || t2[122] !== j2 || t2[123] !== M2 ? (I2 = /* @__PURE__ */ Y("div", {
-    style: k2,
-    role: A2,
-    "aria-live": j2,
+    },
+    role: "status",
+    "aria-live": "polite",
     children: [
-      M2,
-      w2,
-      F2
+      /* @__PURE__ */ H("div", {
+        style: {
+          color: m2.subtleFg,
+          fontSize: 10.5,
+          letterSpacing: "0.02em",
+          textTransform: "uppercase",
+          fontWeight: 500,
+          marginBottom: 4
+        },
+        children: [
+          p2.formatDate(t2),
+          " ",
+          p2.formatTime(t2)
+        ]
+      }),
+      /* @__PURE__ */ H("div", {
+        style: {
+          display: "grid",
+          gridTemplateColumns: "auto 1fr",
+          columnGap: 12,
+          rowGap: 2,
+          fontVariantNumeric: "tabular-nums"
+        },
+        children: [
+          /* @__PURE__ */ V("span", {
+            style: {
+              color: m2.subtleFg,
+              fontWeight: 500
+            },
+            children: "O"
+          }),
+          /* @__PURE__ */ V("span", {
+            style: {
+              textAlign: "right",
+              fontWeight: 600
+            },
+            children: p2.formatPrice(n2)
+          }),
+          /* @__PURE__ */ V("span", {
+            style: {
+              color: m2.subtleFg,
+              fontWeight: 500
+            },
+            children: "H"
+          }),
+          /* @__PURE__ */ V("span", {
+            style: {
+              textAlign: "right",
+              fontWeight: 600
+            },
+            children: p2.formatPrice(r2)
+          }),
+          /* @__PURE__ */ V("span", {
+            style: {
+              color: m2.subtleFg,
+              fontWeight: 500
+            },
+            children: "L"
+          }),
+          /* @__PURE__ */ V("span", {
+            style: {
+              textAlign: "right",
+              fontWeight: 600
+            },
+            children: p2.formatPrice(i2)
+          }),
+          /* @__PURE__ */ V("span", {
+            style: {
+              color: m2.subtleFg,
+              fontWeight: 500
+            },
+            children: "C"
+          }),
+          /* @__PURE__ */ V("span", {
+            style: {
+              textAlign: "right",
+              fontWeight: 600,
+              color: x2
+            },
+            children: p2.formatPrice(a2)
+          })
+        ]
+      }),
+      /* @__PURE__ */ H("div", {
+        style: {
+          marginTop: 4,
+          paddingTop: 4,
+          borderTop: `1px solid ${m2.border}`,
+          color: m2.subtleFg,
+          fontWeight: 500,
+          display: "flex",
+          justifyContent: "space-between",
+          gap: 12,
+          fontVariantNumeric: "tabular-nums"
+        },
+        children: [/* @__PURE__ */ V("span", { children: "\u0394" }), /* @__PURE__ */ H("span", {
+          style: {
+            color: x2,
+            fontWeight: 600
+          },
+          children: [
+            S2,
+            p2.formatPrice(y2),
+            " (",
+            S2,
+            Math.abs(b2).toFixed(2),
+            "%)"
+          ]
+        })]
+      })
     ]
-  }), t2[118] = w2, t2[119] = F2, t2[120] = k2, t2[121] = A2, t2[122] = j2, t2[123] = M2, t2[124] = I2) : I2 = t2[124], I2;
+  });
 }
-var Ie = 12, Le = 180, Re = 96;
-function ze(e2) {
+var Q = 12, Me = 180, Ne = 96;
+function Pe(e2) {
   return e2 === "light" ? {
     bg: "rgb(255, 255, 255)",
     fg: "rgb(20, 22, 26)",
@@ -1325,192 +1227,146 @@ function ze(e2) {
     shadow: "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)"
   };
 }
-function Be(e2) {
-  let t2 = (0, Z.c)(72), { bar: n2, avg20: r2, percentile: i2, pointerX: a2, pointerY: o2, containerWidth: s2, containerHeight: c2, theme: l2, formatter: u2 } = e2, d2;
-  t2[0] === l2 ? d2 = t2[1] : (d2 = ze(l2), t2[0] = l2, t2[1] = d2);
-  let f2 = d2, p2 = a2 > s2 - Le, m2 = o2 > c2 - Re, h2;
-  t2[2] !== c2 || t2[3] !== s2 || t2[4] !== a2 || t2[5] !== o2 || t2[6] !== m2 || t2[7] !== p2 ? (h2 = p2 ? { right: `${s2 - a2 + Ie}px` } : { left: `${a2 + Ie}px` }, m2 ? h2.bottom = `${c2 - o2 + Ie}px` : h2.top = `${o2 + Ie}px`, t2[2] = c2, t2[3] = s2, t2[4] = a2, t2[5] = o2, t2[6] = m2, t2[7] = p2, t2[8] = h2) : h2 = t2[8];
-  let g2 = r2 > 0 ? n2.v / r2 : 1, _2 = (g2 - 1) * 100, v2;
-  t2[9] === _2 ? v2 = t2[10] : (v2 = _2.toFixed(0), t2[9] = _2, t2[10] = v2);
-  let y2 = v2, b2 = g2 > 1 ? "+" : g2 < 1 ? "\u2212" : "", x2;
-  t2[11] === y2 ? x2 = t2[12] : (x2 = Math.abs(Number(y2)), t2[11] = y2, t2[12] = x2);
-  let S2 = x2, C2 = `1px solid ${f2.border}`, w2;
-  t2[13] !== f2.bg || t2[14] !== f2.fg || t2[15] !== f2.shadow || t2[16] !== h2 || t2[17] !== C2 ? (w2 = {
-    position: "absolute",
-    ...h2,
-    pointerEvents: "none",
-    background: f2.bg,
-    color: f2.fg,
-    padding: "8px 11px",
-    borderRadius: 6,
-    border: C2,
-    fontSize: 12,
-    fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
-    lineHeight: 1.35,
-    whiteSpace: "nowrap",
-    boxShadow: f2.shadow,
-    zIndex: 1,
-    minWidth: 160
-  }, t2[13] = f2.bg, t2[14] = f2.fg, t2[15] = f2.shadow, t2[16] = h2, t2[17] = C2, t2[18] = w2) : w2 = t2[18];
-  let T2;
-  t2[19] === f2.subtleFg ? T2 = t2[20] : (T2 = {
-    color: f2.subtleFg,
-    fontSize: 10.5,
-    letterSpacing: "0.02em",
-    textTransform: "uppercase",
-    fontWeight: 500,
-    marginBottom: 4
-  }, t2[19] = f2.subtleFg, t2[20] = T2);
-  let E2;
-  t2[21] !== n2.t || t2[22] !== u2 ? (E2 = u2.formatDate(n2.t), t2[21] = n2.t, t2[22] = u2, t2[23] = E2) : E2 = t2[23];
-  let D2;
-  t2[24] !== n2.t || t2[25] !== u2 ? (D2 = u2.formatTime(n2.t), t2[24] = n2.t, t2[25] = u2, t2[26] = D2) : D2 = t2[26];
-  let O2;
-  t2[27] !== T2 || t2[28] !== E2 || t2[29] !== D2 ? (O2 = /* @__PURE__ */ Y("div", {
-    style: T2,
-    children: [
-      E2,
-      " ",
-      D2
-    ]
-  }), t2[27] = T2, t2[28] = E2, t2[29] = D2, t2[30] = O2) : O2 = t2[30];
-  let k2;
-  t2[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k2 = {
-    display: "grid",
-    gridTemplateColumns: "auto 1fr",
-    columnGap: 12,
-    rowGap: 2,
-    fontVariantNumeric: "tabular-nums"
-  }, t2[31] = k2) : k2 = t2[31];
-  let A2;
-  t2[32] === f2.subtleFg ? A2 = t2[33] : (A2 = /* @__PURE__ */ J("span", {
-    style: {
-      color: f2.subtleFg,
-      fontWeight: 500
-    },
-    children: "Volume"
-  }), t2[32] = f2.subtleFg, t2[33] = A2);
-  let j2;
-  t2[34] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j2 = {
-    textAlign: "right",
-    fontWeight: 600
-  }, t2[34] = j2) : j2 = t2[34];
-  let M2;
-  t2[35] !== n2.v || t2[36] !== u2 ? (M2 = u2.formatNumber(n2.v), t2[35] = n2.v, t2[36] = u2, t2[37] = M2) : M2 = t2[37];
-  let N2;
-  t2[38] === M2 ? N2 = t2[39] : (N2 = /* @__PURE__ */ J("span", {
-    style: j2,
-    children: M2
-  }), t2[38] = M2, t2[39] = N2);
-  let P2;
-  t2[40] === f2.subtleFg ? P2 = t2[41] : (P2 = /* @__PURE__ */ J("span", {
+function Fe(e2) {
+  let { bar: t2, avg20: n2, percentile: r2, pointerX: i2, pointerY: a2, containerWidth: o2, containerHeight: s2, theme: c2, formatter: l2 } = e2, u2 = Pe(c2), d2 = i2 > o2 - Me, f2 = a2 > s2 - Ne, p2 = d2 ? { right: `${o2 - i2 + Q}px` } : { left: `${i2 + Q}px` };
+  f2 ? p2.bottom = `${s2 - a2 + Q}px` : p2.top = `${a2 + Q}px`;
+  let m2 = n2 > 0 ? t2.v / n2 : 1, h2 = ((m2 - 1) * 100).toFixed(0), g2 = m2 > 1 ? "+" : m2 < 1 ? "\u2212" : "", _2 = Math.abs(Number(h2));
+  return /* @__PURE__ */ H("div", {
     style: {
-      color: f2.subtleFg,
-      fontWeight: 500
+      position: "absolute",
+      ...p2,
+      pointerEvents: "none",
+      background: u2.bg,
+      color: u2.fg,
+      padding: "8px 11px",
+      borderRadius: 6,
+      border: `1px solid ${u2.border}`,
+      fontSize: 12,
+      fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+      lineHeight: 1.35,
+      whiteSpace: "nowrap",
+      boxShadow: u2.shadow,
+      zIndex: 1,
+      minWidth: 160
     },
-    children: "20-bar avg"
-  }), t2[40] = f2.subtleFg, t2[41] = P2);
-  let F2;
-  t2[42] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (F2 = {
-    textAlign: "right",
-    fontWeight: 600
-  }, t2[42] = F2) : F2 = t2[42];
-  let I2;
-  t2[43] !== r2 || t2[44] !== u2 ? (I2 = u2.formatNumber(r2), t2[43] = r2, t2[44] = u2, t2[45] = I2) : I2 = t2[45];
-  let L2;
-  t2[46] === I2 ? L2 = t2[47] : (L2 = /* @__PURE__ */ J("span", {
-    style: F2,
-    children: I2
-  }), t2[46] = I2, t2[47] = L2);
-  let R2;
-  t2[48] !== A2 || t2[49] !== N2 || t2[50] !== P2 || t2[51] !== L2 ? (R2 = /* @__PURE__ */ Y("div", {
-    style: k2,
-    children: [
-      A2,
-      N2,
-      P2,
-      L2
-    ]
-  }), t2[48] = A2, t2[49] = N2, t2[50] = P2, t2[51] = L2, t2[52] = R2) : R2 = t2[52];
-  let z2 = `1px solid ${f2.border}`, B2;
-  t2[53] !== f2.subtleFg || t2[54] !== z2 ? (B2 = {
-    marginTop: 4,
-    paddingTop: 4,
-    borderTop: z2,
-    color: f2.subtleFg,
-    fontWeight: 500,
-    display: "flex",
-    justifyContent: "space-between",
-    gap: 12,
-    fontVariantNumeric: "tabular-nums"
-  }, t2[53] = f2.subtleFg, t2[54] = z2, t2[55] = B2) : B2 = t2[55];
-  let V2, H2;
-  t2[56] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (V2 = /* @__PURE__ */ J("span", { children: "vs. avg" }), H2 = { fontWeight: 600 }, t2[56] = V2, t2[57] = H2) : (V2 = t2[56], H2 = t2[57]);
-  let U2;
-  t2[58] === i2 ? U2 = t2[59] : (U2 = Math.round(i2 * 100), t2[58] = i2, t2[59] = U2);
-  let W2;
-  t2[60] !== S2 || t2[61] !== b2 || t2[62] !== U2 ? (W2 = /* @__PURE__ */ Y("span", {
-    style: H2,
-    children: [
-      b2,
-      S2,
-      "% \xB7 p",
-      U2
-    ]
-  }), t2[60] = S2, t2[61] = b2, t2[62] = U2, t2[63] = W2) : W2 = t2[63];
-  let G2;
-  t2[64] !== B2 || t2[65] !== W2 ? (G2 = /* @__PURE__ */ Y("div", {
-    style: B2,
-    children: [V2, W2]
-  }), t2[64] = B2, t2[65] = W2, t2[66] = G2) : G2 = t2[66];
-  let K2;
-  return t2[67] !== R2 || t2[68] !== G2 || t2[69] !== w2 || t2[70] !== O2 ? (K2 = /* @__PURE__ */ Y("div", {
-    style: w2,
     role: "status",
     "aria-live": "polite",
     children: [
-      O2,
-      R2,
-      G2
+      /* @__PURE__ */ H("div", {
+        style: {
+          color: u2.subtleFg,
+          fontSize: 10.5,
+          letterSpacing: "0.02em",
+          textTransform: "uppercase",
+          fontWeight: 500,
+          marginBottom: 4
+        },
+        children: [
+          l2.formatDate(t2.t),
+          " ",
+          l2.formatTime(t2.t)
+        ]
+      }),
+      /* @__PURE__ */ H("div", {
+        style: {
+          display: "grid",
+          gridTemplateColumns: "auto 1fr",
+          columnGap: 12,
+          rowGap: 2,
+          fontVariantNumeric: "tabular-nums"
+        },
+        children: [
+          /* @__PURE__ */ V("span", {
+            style: {
+              color: u2.subtleFg,
+              fontWeight: 500
+            },
+            children: "Volume"
+          }),
+          /* @__PURE__ */ V("span", {
+            style: {
+              textAlign: "right",
+              fontWeight: 600
+            },
+            children: l2.formatNumber(t2.v)
+          }),
+          /* @__PURE__ */ V("span", {
+            style: {
+              color: u2.subtleFg,
+              fontWeight: 500
+            },
+            children: "20-bar avg"
+          }),
+          /* @__PURE__ */ V("span", {
+            style: {
+              textAlign: "right",
+              fontWeight: 600
+            },
+            children: l2.formatNumber(n2)
+          })
+        ]
+      }),
+      /* @__PURE__ */ H("div", {
+        style: {
+          marginTop: 4,
+          paddingTop: 4,
+          borderTop: `1px solid ${u2.border}`,
+          color: u2.subtleFg,
+          fontWeight: 500,
+          display: "flex",
+          justifyContent: "space-between",
+          gap: 12,
+          fontVariantNumeric: "tabular-nums"
+        },
+        children: [/* @__PURE__ */ V("span", { children: "vs. avg" }), /* @__PURE__ */ H("span", {
+          style: { fontWeight: 600 },
+          children: [
+            g2,
+            _2,
+            "% \xB7 p",
+            Math.round(r2 * 100)
+          ]
+        })]
+      })
     ]
-  }), t2[67] = R2, t2[68] = G2, t2[69] = w2, t2[70] = O2, t2[71] = K2) : K2 = t2[71], K2;
+  });
 }
-var Ve = q.forwardRef(function(e2, t2) {
-  let n2 = $(), a2 = q.useRef(null), o2 = q.useRef(null), s2 = q.useRef(null), c2 = q.useRef(null), [l2, u2] = q.useState(null), [d2, f2] = q.useState(null), [p2, m2] = q.useState(null), [h2, g2] = q.useState(null), [_2, v2] = q.useState("live"), [y2, b2] = q.useState(false), [x2, S2] = q.useState(false), [C2, w2] = q.useState(void 0), [T2, E2] = q.useState(void 0), [D2, O2] = q.useState(0), [k2, A2] = q.useState(false), j2 = q.useMemo(() => ({
-    theme: n2.theme,
-    palette: n2.palette,
-    locale: n2.locale,
-    timeZone: n2.timeZone,
-    visualStyle: n2.visualStyle,
-    outlineFillColor: n2.outlineFillColor,
-    outlineFillOpacity: n2.outlineFillOpacity,
-    cornerRadius: n2.cornerRadius,
-    borderWidth: n2.borderWidth,
-    accents: n2.accents,
-    osTheme: n2.osTheme,
-    appTheme: n2.appTheme
+var Ie = z.forwardRef(function(e2, r2) {
+  let i2 = K(), a2 = z.useRef(null), o2 = z.useRef(null), s2 = z.useRef(null), c2 = z.useRef(null), [l2, u2] = z.useState(null), [d2, f2] = z.useState(null), [p2, m2] = z.useState(null), [h2, g2] = z.useState(null), [_2, v2] = z.useState("live"), [y2, b2] = z.useState(false), [x2, S2] = z.useState(false), [C2, w2] = z.useState(void 0), [T2, ee2] = z.useState(void 0), [E2, te2] = z.useState(0), [D2, k2] = z.useState(false), j2 = z.useMemo(() => ({
+    theme: i2.theme,
+    palette: i2.palette,
+    locale: i2.locale,
+    timeZone: i2.timeZone,
+    visualStyle: i2.visualStyle,
+    outlineFillColor: i2.outlineFillColor,
+    outlineFillOpacity: i2.outlineFillOpacity,
+    cornerRadius: i2.cornerRadius,
+    borderWidth: i2.borderWidth,
+    accents: i2.accents,
+    osTheme: i2.osTheme,
+    appTheme: i2.appTheme
   }), [
-    n2.theme,
-    n2.palette,
-    n2.locale,
-    n2.timeZone,
-    n2.visualStyle,
-    n2.outlineFillColor,
-    n2.outlineFillOpacity,
-    n2.cornerRadius,
-    n2.borderWidth,
-    n2.accents,
-    n2.osTheme,
-    n2.appTheme
+    i2.theme,
+    i2.palette,
+    i2.locale,
+    i2.timeZone,
+    i2.visualStyle,
+    i2.outlineFillColor,
+    i2.outlineFillOpacity,
+    i2.cornerRadius,
+    i2.borderWidth,
+    i2.accents,
+    i2.osTheme,
+    i2.appTheme
   ]);
-  q.useEffect(() => {
-    r();
-  }, []), q.useEffect(() => {
-    let t3 = o2.current;
-    if (t3 === null) return;
-    let n3 = new ne({
+  z.useEffect(() => {
+    t();
+  }, []), z.useEffect(() => {
+    let t2 = o2.current;
+    if (t2 === null) return;
+    let n2 = new ce({
       container: a2.current,
-      staticCanvas: t3,
+      staticCanvas: t2,
       dynamicCanvas: s2.current,
       initialProps: e2,
       initialProvider: j2,
@@ -1521,17 +1377,17 @@ var Ve = q.forwardRef(function(e2, t2) {
       onReducedMotionChange: b2,
       onArmedToolChange: S2,
       onSelectedDrawingIdChange: w2,
-      onHoverDrawingIdChange: E2,
+      onHoverDrawingIdChange: ee2,
       onMarkerHoverChange: g2,
-      onThemeFadeKeyChange: O2,
-      onOverDividerChange: A2
+      onThemeFadeKeyChange: te2,
+      onOverDividerChange: k2
     });
-    return c2.current = n3, () => {
-      c2.current = null, n3.dispose();
+    return c2.current = n2, () => {
+      c2.current = null, n2.dispose();
     };
-  }, []), q.useEffect(() => {
+  }, []), z.useEffect(() => {
     c2.current?.update(e2, j2);
-  }), q.useImperativeHandle(t2, () => ({
+  }), z.useImperativeHandle(r2, () => ({
     startDrawing(e3) {
       c2.current?.startDrawing(e3);
     },
@@ -1541,34 +1397,34 @@ var Ve = q.forwardRef(function(e2, t2) {
     get isDrawing() {
       return c2.current?.isDrawing() ?? false;
     },
-    onTick(e3, t3, n3 = 0) {
-      c2.current?.onTick(e3, t3, n3);
+    onTick(e3, t2, n2 = 0) {
+      c2.current?.onTick(e3, t2, n2);
     }
   }), []);
-  let N2 = q.useCallback((e3) => {
+  let M2 = z.useCallback((e3) => {
     c2.current?.handlePointerMove(e3.nativeEvent);
-  }, []), F2 = q.useCallback((e3) => {
+  }, []), ne2 = z.useCallback((e3) => {
     c2.current?.handlePointerDown(e3.nativeEvent);
-  }, []), I2 = q.useCallback((e3) => {
+  }, []), re2 = z.useCallback((e3) => {
     c2.current?.handlePointerUp(e3.nativeEvent);
-  }, []), L2 = q.useCallback(() => {
+  }, []), N2 = z.useCallback(() => {
     c2.current?.handlePointerLeave();
-  }, []), R2 = q.useCallback((e3) => {
+  }, []), ie2 = z.useCallback((e3) => {
     c2.current?.handleWheel(e3.nativeEvent);
-  }, []), z2 = e2.width ?? 800, B2 = e2.height ?? 360, V2 = e2.sparkline === true || e2.sparkline !== false && z2 < 150, H2 = e2.ariaLabel ?? l2?.ariaLabel ?? "Candle chart", U2 = d2 === null || l2 === null ? null : (() => {
+  }, []), P2 = e2.width ?? 800, F2 = e2.height ?? 360, I2 = e2.sparkline === true || e2.sparkline !== false && P2 < 150, L2 = e2.ariaLabel ?? l2?.ariaLabel ?? "Candle chart", ae2 = d2 === null || l2 === null ? null : (() => {
     if (d2.pane === "volume" && Number.isFinite(d2.v)) {
       if (e2.volumeBarTooltip === false) return null;
-      let t4 = l2.arr;
-      if (t4.volumes === null) return null;
-      let n3 = t4.length, r2 = Math.max(0, d2.idx - 19), a3 = 0, o3 = 0;
-      for (let e3 = r2; e3 <= d2.idx; e3++) {
-        let n4 = i(t4.volumes, e3);
-        Number.isFinite(n4) && (a3 += n4, o3++);
+      let t3 = l2.arr;
+      if (t3.volumes === null) return null;
+      let r3 = t3.length, i3 = Math.max(0, d2.idx - 19), a3 = 0, o3 = 0;
+      for (let e3 = i3; e3 <= d2.idx; e3++) {
+        let r4 = n(t3.volumes, e3);
+        Number.isFinite(r4) && (a3 += r4, o3++);
       }
       let s3 = o3 > 0 ? a3 / o3 : d2.v, c3 = 0, u3 = 0;
-      for (let e3 = 0; e3 < n3; e3++) {
-        let n4 = i(t4.volumes, e3);
-        Number.isFinite(n4) && (u3++, n4 < d2.v && c3++);
+      for (let e3 = 0; e3 < r3; e3++) {
+        let r4 = n(t3.volumes, e3);
+        Number.isFinite(r4) && (u3++, r4 < d2.v && c3++);
       }
       let f3 = u3 > 0 ? c3 / u3 : 0, p3 = {
         bar: {
@@ -1580,8 +1436,8 @@ var Ve = q.forwardRef(function(e2, t2) {
         percentile: f3,
         pointerX: d2.pointerX,
         pointerY: d2.pointerY,
-        containerWidth: z2,
-        containerHeight: B2,
+        containerWidth: P2,
+        containerHeight: F2,
         theme: l2.personalization.theme,
         palette: l2.personalization.palette,
         locale: l2.resolvedLocaleBase,
@@ -1592,9 +1448,9 @@ var Ve = q.forwardRef(function(e2, t2) {
         bar: p3.bar,
         avg20: p3.avg20,
         percentile: p3.percentile
-      }) : /* @__PURE__ */ J(Be, { ...p3 });
+      }) : /* @__PURE__ */ V(Fe, { ...p3 });
     }
-    let t3 = {
+    let t2 = {
       t: d2.t,
       idx: d2.idx,
       o: d2.o,
@@ -1604,53 +1460,53 @@ var Ve = q.forwardRef(function(e2, t2) {
       direction: d2.direction,
       pointerX: d2.pointerX,
       pointerY: d2.pointerY,
-      containerWidth: z2,
-      containerHeight: B2,
+      containerWidth: P2,
+      containerHeight: F2,
       theme: l2.personalization.theme,
       palette: l2.personalization.palette,
       locale: l2.resolvedLocaleBase,
       timeZone: l2.resolvedTimeZone,
       formatter: l2.formatter
     };
-    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : /* @__PURE__ */ J(Fe, { ...t3 });
-  })(), W2 = p2 === null || l2 === null ? null : Ce(e2.extremeTooltip, {
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t2) : /* @__PURE__ */ V(je, { ...t2 });
+  })(), oe2 = p2 === null || l2 === null ? null : be(e2.extremeTooltip, {
     kind: p2.kind,
     barIdx: p2.idx,
     price: p2.price,
     t: p2.t,
     pointerX: p2.pointerX,
     pointerY: p2.pointerY,
-    containerWidth: z2,
-    containerHeight: B2,
+    containerWidth: P2,
+    containerHeight: F2,
     theme: l2.personalization.theme,
     palette: l2.personalization.palette,
     locale: l2.resolvedLocaleBase,
     timeZone: l2.resolvedTimeZone,
     formatter: l2.formatter
-  }), G2 = (() => {
+  }), se2 = (() => {
     if (h2 === null || l2 === null) return null;
-    let t3 = h2.pointerX, n3 = h2.pointerY, r2 = l2.arr, a3 = r2.length > 0 ? i(r2.closes, r2.length - 1) : 0, o3 = l2.formatter, s3 = null;
+    let t2 = h2.pointerX, r3 = h2.pointerY, i3 = l2.arr, a3 = i3.length > 0 ? n(i3.closes, i3.length - 1) : 0, o3 = l2.formatter, s3 = null;
     switch (h2.kind) {
       case "signal": {
         if (typeof e2.signalTooltip != "function" || e2.signals === void 0) return null;
-        let r3 = e2.signals[h2.idx];
-        if (r3 === void 0) return null;
+        let n2 = e2.signals[h2.idx];
+        if (n2 === void 0) return null;
         s3 = e2.signalTooltip({
-          marker: r3,
-          pointerX: t3,
-          pointerY: n3,
+          marker: n2,
+          pointerX: t2,
+          pointerY: r3,
           formatter: o3
         });
         break;
       }
       case "order": {
         if (typeof e2.orderTooltip != "function" || e2.orders === void 0) return null;
-        let r3 = e2.orders[h2.idx];
-        if (r3 === void 0) return null;
+        let n2 = e2.orders[h2.idx];
+        if (n2 === void 0) return null;
         s3 = e2.orderTooltip({
-          marker: r3,
-          pointerX: t3,
-          pointerY: n3,
+          marker: n2,
+          pointerX: t2,
+          pointerY: r3,
           formatter: o3
         });
         break;
@@ -1660,51 +1516,51 @@ var Ve = q.forwardRef(function(e2, t2) {
         s3 = e2.positionTooltip({
           marker: e2.position,
           lastClose: a3,
-          pointerX: t3,
-          pointerY: n3,
+          pointerX: t2,
+          pointerY: r3,
           formatter: o3
         });
         break;
       case "event": {
         if (typeof e2.eventTooltip != "function" || e2.events === void 0) return null;
-        let r3 = e2.events[h2.idx];
-        if (r3 === void 0) return null;
+        let n2 = e2.events[h2.idx];
+        if (n2 === void 0) return null;
         s3 = e2.eventTooltip({
-          marker: r3,
-          pointerX: t3,
-          pointerY: n3,
+          marker: n2,
+          pointerX: t2,
+          pointerY: r3,
           formatter: o3
         });
         break;
       }
     }
-    return s3 === null ? null : /* @__PURE__ */ J("div", {
+    return s3 === null ? null : /* @__PURE__ */ V("div", {
       style: {
         position: "absolute",
-        left: t3 + 12,
-        top: n3 + 12,
+        left: t2 + 12,
+        top: r3 + 12,
         pointerEvents: "none",
         zIndex: 3
       },
       children: s3
     });
-  })(), K2 = _2 !== "live", ee2 = l2 !== null && K2 && (l2.personalization.staleVisualization === "desaturate-pulse" || l2.personalization.staleVisualization === "desaturate-pulse + banner"), te2 = l2 !== null && K2 && (l2.personalization.staleVisualization === "banner" || l2.personalization.staleVisualization === "desaturate-pulse + banner"), re2 = ee2 ? {
+  })(), R2 = _2 !== "live", B2 = l2 !== null && R2 && (l2.personalization.staleVisualization === "desaturate-pulse" || l2.personalization.staleVisualization === "desaturate-pulse + banner"), U2 = l2 !== null && R2 && (l2.personalization.staleVisualization === "banner" || l2.personalization.staleVisualization === "desaturate-pulse + banner"), W2 = B2 ? {
     filter: "saturate(0.5)",
     ...y2 ? { opacity: 0.9 } : { animation: "tickyr-stale-pulse 1.2s ease-in-out infinite" }
-  } : {}, ie2 = null;
+  } : {}, G2 = null;
   if (l2 !== null) {
-    let e3 = l2.personalization, t3 = e3.connectionIndicator;
-    if (t3 !== "off") {
-      let n3 = e3.legendPosition === "top-left" || e3.legendPosition === "bottom-left", r2 = {
+    let e3 = l2.personalization, t2 = e3.connectionIndicator;
+    if (t2 !== "off") {
+      let n2 = e3.legendPosition === "top-left" || e3.legendPosition === "bottom-left", r3 = {
         position: "absolute",
         pointerEvents: "none",
         zIndex: 3,
         ...e3.legendPosition === "top-left" || e3.legendPosition === "top-right" ? { top: "4px" } : { bottom: "4px" },
-        ...n3 ? { left: "4px" } : { right: "4px" }
-      }, i2 = e3.palette[e3.theme], a3 = M(_2 === "live" ? i2.up : _2 === "stale" ? i2.warn : i2.down, 1), o3 = e3.theme === "dark" ? "#0c0d0e" : "#fafafa", s3 = _2 === "live" ? "live" : _2 === "stale" ? "stale" : "offline", c3 = e3.visualStyle === "Outline", l3 = t3 === "dot";
-      ie2 = /* @__PURE__ */ Y("div", {
+        ...n2 ? { left: "4px" } : { right: "4px" }
+      }, i3 = e3.palette[e3.theme], a3 = O(_2 === "live" ? i3.up : _2 === "stale" ? i3.warn : i3.down, 1), o3 = e3.theme === "dark" ? "#0c0d0e" : "#fafafa", s3 = _2 === "live" ? "live" : _2 === "stale" ? "stale" : "offline", c3 = e3.visualStyle === "Outline", l3 = t2 === "dot";
+      G2 = /* @__PURE__ */ H("div", {
         style: {
-          ...r2,
+          ...r3,
           display: "inline-flex",
           alignItems: "center",
           gap: l3 ? 5 : 0,
@@ -1728,7 +1584,7 @@ var Ve = q.forwardRef(function(e2, t2) {
         "aria-live": "polite",
         role: "status",
         "aria-label": "Connection status",
-        children: [l3 && /* @__PURE__ */ J("span", {
+        children: [l3 && /* @__PURE__ */ V("span", {
           "aria-hidden": "true",
           style: {
             width: 6,
@@ -1736,21 +1592,21 @@ var Ve = q.forwardRef(function(e2, t2) {
             borderRadius: 999,
             background: c3 ? a3 : o3
           }
-        }), /* @__PURE__ */ J("span", { children: s3 })]
+        }), /* @__PURE__ */ V("span", { children: s3 })]
       });
     }
   }
-  let X2 = null;
-  if (te2 && e2.staleBanner !== false && l2 !== null) {
-    let t3 = l2.personalization.palette[l2.personalization.theme], n3 = M(t3.warn, 1), r2 = _2 === "disconnected" ? "Connection lost" : "Live data paused";
+  let q2 = null;
+  if (U2 && e2.staleBanner !== false && l2 !== null) {
+    let t2 = l2.personalization.palette[l2.personalization.theme], n2 = O(t2.warn, 1), r3 = _2 === "disconnected" ? "Connection lost" : "Live data paused";
     if (typeof e2.staleBanner == "function") {
-      let t4 = e2.staleBanner({
+      let t3 = e2.staleBanner({
         state: _2,
         liveSince: e2.liveSince,
         theme: l2.personalization.theme,
         palette: l2.personalization.palette
       });
-      X2 = /* @__PURE__ */ J("div", {
+      q2 = /* @__PURE__ */ V("div", {
         style: {
           position: "absolute",
           top: 8,
@@ -1761,9 +1617,9 @@ var Ve = q.forwardRef(function(e2, t2) {
           ...y2 ? {} : { animation: "tickyr-stale-banner-in 0.3s ease-out" }
         },
         "aria-live": "polite",
-        children: t4
+        children: t3
       });
-    } else X2 = /* @__PURE__ */ J("div", {
+    } else q2 = /* @__PURE__ */ V("div", {
       style: {
         position: "absolute",
         top: 8,
@@ -1775,39 +1631,39 @@ var Ve = q.forwardRef(function(e2, t2) {
       },
       "aria-live": "polite",
       role: "status",
-      children: /* @__PURE__ */ Y("div", {
+      children: /* @__PURE__ */ H("div", {
         style: {
           display: "inline-flex",
           alignItems: "center",
           gap: 6,
           padding: "4px 10px",
           borderRadius: 999,
-          background: P(n3, 0.15),
-          color: n3,
+          background: A(n2, 0.15),
+          color: n2,
           fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
           fontSize: 12,
           fontWeight: 500,
           letterSpacing: 0.2,
-          border: `1px solid ${P(n3, 0.4)}`
+          border: `1px solid ${A(n2, 0.4)}`
         },
-        children: [/* @__PURE__ */ J("span", {
+        children: [/* @__PURE__ */ V("span", {
           "aria-hidden": "true",
           style: {
             display: "inline-flex",
             alignItems: "center"
           },
-          children: /* @__PURE__ */ Y("svg", {
+          children: /* @__PURE__ */ H("svg", {
             width: "10",
             height: "10",
             viewBox: "0 0 10 10",
             fill: "currentColor",
-            children: [/* @__PURE__ */ J("rect", {
+            children: [/* @__PURE__ */ V("rect", {
               x: "2",
               y: "1.5",
               width: "2",
               height: "7",
               rx: "0.5"
-            }), /* @__PURE__ */ J("rect", {
+            }), /* @__PURE__ */ V("rect", {
               x: "6",
               y: "1.5",
               width: "2",
@@ -1815,79 +1671,79 @@ var Ve = q.forwardRef(function(e2, t2) {
               rx: "0.5"
             })]
           })
-        }), /* @__PURE__ */ J("span", { children: r2 })]
+        }), /* @__PURE__ */ V("span", { children: r3 })]
       })
     });
   }
-  if (V2) return /* @__PURE__ */ Y("div", {
+  if (I2) return /* @__PURE__ */ H("div", {
     ref: a2,
     style: {
       position: "relative",
-      width: z2,
-      height: B2
+      width: P2,
+      height: F2
     },
-    "aria-label": H2,
-    children: [/* @__PURE__ */ J("canvas", {
+    "aria-label": L2,
+    children: [/* @__PURE__ */ V("canvas", {
       ref: o2,
       style: {
         display: "block",
-        width: z2,
-        height: B2,
-        ...re2
+        width: P2,
+        height: F2,
+        ...W2
       },
       "aria-hidden": "true"
-    }), X2]
+    }), q2]
   });
-  let Z2 = `s-${D2}`;
-  return /* @__PURE__ */ Y("div", {
+  let J2 = `s-${E2}`;
+  return /* @__PURE__ */ H("div", {
     ref: a2,
     style: {
       position: "relative",
-      width: z2,
-      height: B2,
-      cursor: k2 ? "row-resize" : void 0
+      width: P2,
+      height: F2,
+      cursor: D2 ? "row-resize" : void 0
     },
-    "aria-label": H2,
-    onPointerMove: N2,
-    onPointerDown: F2,
-    onPointerUp: I2,
-    onPointerLeave: L2,
-    onWheel: R2,
+    "aria-label": L2,
+    onPointerMove: M2,
+    onPointerDown: ne2,
+    onPointerUp: re2,
+    onPointerLeave: N2,
+    onWheel: ie2,
     children: [
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: o2,
         style: {
           display: "block",
-          width: z2,
-          height: B2,
-          ...re2,
-          ...D2 > 0 && !y2 ? { animation: "tickyr-theme-fade 200ms ease-out" } : {}
+          width: P2,
+          height: F2,
+          ...W2,
+          ...E2 > 0 && !y2 ? { animation: "tickyr-theme-fade 200ms ease-out" } : {}
         },
         "aria-hidden": "true"
-      }, Z2),
-      /* @__PURE__ */ J("canvas", {
+      }, J2),
+      /* @__PURE__ */ V("canvas", {
         ref: s2,
         style: {
           display: "block",
-          width: z2,
-          height: B2,
+          width: P2,
+          height: F2,
           position: "absolute",
           inset: 0,
           pointerEvents: "none",
-          ...re2
+          ...W2
         },
         "aria-hidden": "true"
       }),
-      U2,
-      W2,
+      ae2,
+      oe2,
+      se2,
       G2,
-      ie2,
-      X2
+      q2
     ]
   });
 });
-function He(e2) {
-  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), [o2, s2] = q.useState(null), [c2, l2] = q.useState(null), u2 = q.useMemo(() => ({
+function Le(e2) {
+  let t2 = K(), n2 = z.useRef(null), r2 = z.useRef(null), i2 = z.useRef(null), a2 = z.useRef(null), [o2, s2] = z.useState(null), [c2, l2] = z.useState(null), u2 = z.useMemo(() => ({
     theme: t2.theme,
     palette: t2.palette,
     locale: t2.locale,
@@ -1914,10 +1770,10 @@ function He(e2) {
     t2.osTheme,
     t2.appTheme
   ]);
-  q.useEffect(() => {
+  z.useEffect(() => {
     let t3 = r2.current;
     if (t3 === null) return;
-    let o3 = new b({
+    let o3 = new v({
       container: n2.current,
       staticCanvas: t3,
       dynamicCanvas: i2.current,
@@ -1929,12 +1785,12 @@ function He(e2) {
     return a2.current = o3, () => {
       a2.current = null, o3.dispose();
     };
-  }, []), q.useEffect(() => {
+  }, []), z.useEffect(() => {
     a2.current?.update(e2, u2);
   });
-  let d2 = q.useCallback((e3) => {
+  let d2 = z.useCallback((e3) => {
     a2.current?.handlePointerMove(e3.nativeEvent);
-  }, []), f2 = q.useCallback(() => {
+  }, []), f2 = z.useCallback(() => {
     a2.current?.handlePointerLeave();
   }, []), p2 = e2.width ?? 800, m2 = e2.height ?? 300, h2 = e2.sparkline === true || e2.sparkline !== false && p2 < 150, g2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Scatter chart", _2 = c2 === null || o2 === null ? null : (() => {
     let t3 = o2.seriesList[c2.seriesIdx], n3 = t3?.id ?? "primary", r3 = t3?.label ?? "Value", i3 = t3?.color ?? "", a3 = {
@@ -1956,15 +1812,15 @@ function He(e2) {
       timeZone: o2.resolvedTimeZone,
       formatter: o2.formatter
     };
-    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(a3) : Ue(a3);
-  })(), v2 = (() => {
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(a3) : Re(a3);
+  })(), y2 = (() => {
     if (o2 === null) return null;
     let e3 = o2.seriesList;
     if (e3.length < 2) return null;
     let t3 = o2.personalization, n3 = t3.legend;
     if (n3 !== "always" && !(n3 === "on-hover" && c2 !== null)) return null;
     let r3 = t3.legendPosition;
-    return /* @__PURE__ */ J("div", {
+    return /* @__PURE__ */ V("div", {
       style: {
         position: "absolute",
         ...r3 === "top-left" || r3 === "top-right" ? { top: 6 } : { bottom: 6 },
@@ -1982,13 +1838,13 @@ function He(e2) {
         color: t3.theme === "dark" ? "rgb(240,242,246)" : "rgb(20,22,26)"
       },
       role: "presentation",
-      children: e3.map((e4) => /* @__PURE__ */ Y("span", {
+      children: e3.map((e4) => /* @__PURE__ */ H("span", {
         style: {
           display: "inline-flex",
           alignItems: "center",
           gap: 5
         },
-        children: [/* @__PURE__ */ J("span", {
+        children: [/* @__PURE__ */ V("span", {
           "aria-hidden": "true",
           style: {
             width: 10,
@@ -1998,11 +1854,11 @@ function He(e2) {
             display: "inline-block",
             flex: "0 0 auto"
           }
-        }), /* @__PURE__ */ J("span", { children: e4.label })]
+        }), /* @__PURE__ */ V("span", { children: e4.label })]
       }, e4.id))
     });
   })();
-  return h2 ? /* @__PURE__ */ J("div", {
+  return h2 ? /* @__PURE__ */ V("div", {
     ref: n2,
     style: {
       position: "relative",
@@ -2010,7 +1866,7 @@ function He(e2) {
       height: m2
     },
     "aria-label": g2,
-    children: /* @__PURE__ */ J("canvas", {
+    children: /* @__PURE__ */ V("canvas", {
       ref: r2,
       style: {
         display: "block",
@@ -2019,7 +1875,7 @@ function He(e2) {
       },
       "aria-hidden": "true"
     })
-  }) : /* @__PURE__ */ Y("div", {
+  }) : /* @__PURE__ */ H("div", {
     ref: n2,
     style: {
       position: "relative",
@@ -2030,7 +1886,7 @@ function He(e2) {
     onPointerMove: d2,
     onPointerLeave: f2,
     children: [
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: r2,
         style: {
           display: "block",
@@ -2039,7 +1895,7 @@ function He(e2) {
         },
         "aria-hidden": "true"
       }),
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: i2,
         style: {
           display: "block",
@@ -2051,14 +1907,14 @@ function He(e2) {
         },
         "aria-hidden": "true"
       }),
-      v2,
+      y2,
       _2
     ]
   });
 }
-function Ue(e2) {
+function Re(e2) {
   let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", r2 = t2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", i2 = t2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", a2 = t2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", o2 = t2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)";
-  return /* @__PURE__ */ Y("div", {
+  return /* @__PURE__ */ H("div", {
     role: "tooltip",
     style: {
       position: "absolute",
@@ -2076,7 +1932,7 @@ function Ue(e2) {
       minWidth: 120
     },
     children: [
-      /* @__PURE__ */ Y("div", {
+      /* @__PURE__ */ H("div", {
         style: {
           color: i2,
           fontSize: 10,
@@ -2085,7 +1941,7 @@ function Ue(e2) {
           alignItems: "center",
           gap: 5
         },
-        children: [/* @__PURE__ */ J("span", {
+        children: [/* @__PURE__ */ V("span", {
           "aria-hidden": "true",
           style: {
             width: 8,
@@ -2094,20 +1950,20 @@ function Ue(e2) {
             background: e2.seriesColor,
             display: "inline-block"
           }
-        }), /* @__PURE__ */ Y("span", { children: [
+        }), /* @__PURE__ */ H("span", { children: [
           e2.seriesLabel,
           " \xB7 #",
           e2.idx
         ] })]
       }),
-      /* @__PURE__ */ Y("div", { children: ["x: ", e2.formatter.formatNumber(e2.x, 2)] }),
-      /* @__PURE__ */ Y("div", { children: ["y: ", e2.formatter.formatNumber(e2.y, 2)] }),
-      e2.size !== null && /* @__PURE__ */ Y("div", { children: ["size: ", e2.formatter.formatNumber(e2.size, 2)] })
+      /* @__PURE__ */ H("div", { children: ["x: ", e2.formatter.formatNumber(e2.x, 2)] }),
+      /* @__PURE__ */ H("div", { children: ["y: ", e2.formatter.formatNumber(e2.y, 2)] }),
+      e2.size !== null && /* @__PURE__ */ H("div", { children: ["size: ", e2.formatter.formatNumber(e2.size, 2)] })
     ]
   });
 }
-function We(e2) {
-  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), [o2, s2] = q.useState(null), [c2, l2] = q.useState(null), u2 = q.useMemo(() => ({
+function ze(e2) {
+  let t2 = K(), n2 = z.useRef(null), r2 = z.useRef(null), i2 = z.useRef(null), a2 = z.useRef(null), [o2, s2] = z.useState(null), [c2, l2] = z.useState(null), u2 = z.useMemo(() => ({
     theme: t2.theme,
     palette: t2.palette,
     locale: t2.locale,
@@ -2134,10 +1990,10 @@ function We(e2) {
     t2.osTheme,
     t2.appTheme
   ]);
-  q.useEffect(() => {
+  z.useEffect(() => {
     let t3 = r2.current;
     if (t3 === null) return;
-    let o3 = new m({
+    let o3 = new f({
       container: n2.current,
       staticCanvas: t3,
       dynamicCanvas: i2.current,
@@ -2149,14 +2005,14 @@ function We(e2) {
     return a2.current = o3, () => {
       a2.current = null, o3.dispose();
     };
-  }, []), q.useEffect(() => {
+  }, []), z.useEffect(() => {
     a2.current?.update(e2, u2);
   });
-  let d2 = q.useCallback((e3) => {
+  let d2 = z.useCallback((e3) => {
     a2.current?.handlePointerMove(e3.nativeEvent);
-  }, []), f2 = q.useCallback(() => {
+  }, []), p2 = z.useCallback(() => {
     a2.current?.handlePointerLeave();
-  }, []), p2 = e2.width ?? 800, h2 = e2.height ?? 300, g2 = e2.sparkline === true || e2.sparkline !== false && p2 < 150, _2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Histogram", v2 = c2 === null || o2 === null ? null : (() => {
+  }, []), m2 = e2.width ?? 800, h2 = e2.height ?? 300, g2 = e2.sparkline === true || e2.sparkline !== false && m2 < 150, _2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Histogram", v2 = c2 === null || o2 === null ? null : (() => {
     let t3 = {
       binIdx: c2.binIdx,
       binStart: c2.binStart,
@@ -2165,7 +2021,7 @@ function We(e2) {
       value: c2.value,
       pointerX: c2.pointerX,
       pointerY: c2.pointerY,
-      containerWidth: p2,
+      containerWidth: m2,
       containerHeight: h2,
       theme: o2.personalization.theme,
       palette: o2.personalization.palette,
@@ -2173,50 +2029,50 @@ function We(e2) {
       timeZone: o2.resolvedTimeZone,
       formatter: o2.formatter
     };
-    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : Ge(t3, o2.yAxisMode);
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : Be(t3, o2.yAxisMode);
   })();
-  return g2 ? /* @__PURE__ */ J("div", {
+  return g2 ? /* @__PURE__ */ V("div", {
     ref: n2,
     style: {
       position: "relative",
-      width: p2,
+      width: m2,
       height: h2
     },
     "aria-label": _2,
-    children: /* @__PURE__ */ J("canvas", {
+    children: /* @__PURE__ */ V("canvas", {
       ref: r2,
       style: {
         display: "block",
-        width: p2,
+        width: m2,
         height: h2
       },
       "aria-hidden": "true"
     })
-  }) : /* @__PURE__ */ Y("div", {
+  }) : /* @__PURE__ */ H("div", {
     ref: n2,
     style: {
       position: "relative",
-      width: p2,
+      width: m2,
       height: h2
     },
     "aria-label": _2,
     onPointerMove: d2,
-    onPointerLeave: f2,
+    onPointerLeave: p2,
     children: [
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: r2,
         style: {
           display: "block",
-          width: p2,
+          width: m2,
           height: h2
         },
         "aria-hidden": "true"
       }),
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: i2,
         style: {
           display: "block",
-          width: p2,
+          width: m2,
           height: h2,
           position: "absolute",
           inset: 0,
@@ -2228,9 +2084,9 @@ function We(e2) {
     ]
   });
 }
-function Ge(e2, t2) {
+function Be(e2, t2) {
   let n2 = e2.theme === "dark", r2 = n2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", i2 = n2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", a2 = n2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", o2 = n2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", s2 = n2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)", c2 = Math.min(e2.containerWidth - 160, e2.pointerX + 12), l2 = Math.min(e2.containerHeight - 80, e2.pointerY + 12), u2 = t2 === "frequency" ? "count" : t2 === "density" ? "density" : "cumulative";
-  return /* @__PURE__ */ Y("div", {
+  return /* @__PURE__ */ H("div", {
     role: "tooltip",
     style: {
       position: "absolute",
@@ -2248,7 +2104,7 @@ function Ge(e2, t2) {
       minWidth: 140
     },
     children: [
-      /* @__PURE__ */ Y("div", {
+      /* @__PURE__ */ H("div", {
         style: {
           color: a2,
           fontSize: 10,
@@ -2256,15 +2112,15 @@ function Ge(e2, t2) {
         },
         children: ["Bin #", e2.binIdx]
       }),
-      /* @__PURE__ */ Y("div", { children: [
+      /* @__PURE__ */ H("div", { children: [
         "range: ",
         e2.formatter.formatNumber(e2.binStart, 2),
         " \u2013",
         " ",
         e2.formatter.formatNumber(e2.binEnd, 2)
       ] }),
-      /* @__PURE__ */ Y("div", { children: ["count: ", e2.formatter.formatNumber(e2.count, 0)] }),
-      t2 !== "frequency" && /* @__PURE__ */ Y("div", { children: [
+      /* @__PURE__ */ H("div", { children: ["count: ", e2.formatter.formatNumber(e2.count, 0)] }),
+      t2 !== "frequency" && /* @__PURE__ */ H("div", { children: [
         u2,
         ": ",
         e2.formatter.formatNumber(e2.value, 4)
@@ -2272,8 +2128,8 @@ function Ge(e2, t2) {
     ]
   });
 }
-function Ke(e2) {
-  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), [o2, s2] = q.useState(null), [c2, l2] = q.useState(null), u2 = q.useMemo(() => ({
+function Ve(e2) {
+  let t2 = K(), n2 = z.useRef(null), r2 = z.useRef(null), i2 = z.useRef(null), a2 = z.useRef(null), [o2, s2] = z.useState(null), [c2, l2] = z.useState(null), d2 = z.useMemo(() => ({
     theme: t2.theme,
     palette: t2.palette,
     locale: t2.locale,
@@ -2300,27 +2156,27 @@ function Ke(e2) {
     t2.osTheme,
     t2.appTheme
   ]);
-  q.useEffect(() => {
+  z.useEffect(() => {
     let t3 = r2.current;
     if (t3 === null) return;
-    let o3 = new f({
+    let o3 = new u({
       container: n2.current,
       staticCanvas: t3,
       dynamicCanvas: i2.current,
       initialProps: e2,
-      initialProvider: u2,
+      initialProvider: d2,
       onContextChange: s2,
       onHoverChange: l2
     });
     return a2.current = o3, () => {
       a2.current = null, o3.dispose();
     };
-  }, []), q.useEffect(() => {
-    a2.current?.update(e2, u2);
+  }, []), z.useEffect(() => {
+    a2.current?.update(e2, d2);
   });
-  let d2 = q.useCallback((e3) => {
+  let f2 = z.useCallback((e3) => {
     a2.current?.handlePointerMove(e3.nativeEvent);
-  }, []), p2 = q.useCallback(() => {
+  }, []), p2 = z.useCallback(() => {
     a2.current?.handlePointerLeave();
   }, []), m2 = e2.width ?? 800, h2 = e2.height ?? 300, g2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Heatmap", _2 = c2 === null || o2 === null ? null : (() => {
     let t3 = {
@@ -2339,9 +2195,9 @@ function Ke(e2) {
       timeZone: o2.resolvedTimeZone,
       formatter: o2.formatter
     };
-    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : qe(t3);
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : He(t3);
   })();
-  return /* @__PURE__ */ Y("div", {
+  return /* @__PURE__ */ H("div", {
     ref: n2,
     style: {
       position: "relative",
@@ -2349,10 +2205,10 @@ function Ke(e2) {
       height: h2
     },
     "aria-label": g2,
-    onPointerMove: d2,
+    onPointerMove: f2,
     onPointerLeave: p2,
     children: [
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: r2,
         style: {
           display: "block",
@@ -2361,7 +2217,7 @@ function Ke(e2) {
         },
         "aria-hidden": "true"
       }),
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: i2,
         style: {
           display: "block",
@@ -2377,9 +2233,9 @@ function Ke(e2) {
     ]
   });
 }
-function qe(e2) {
+function He(e2) {
   let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", r2 = t2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", i2 = t2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", a2 = t2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", o2 = t2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)";
-  return /* @__PURE__ */ Y("div", {
+  return /* @__PURE__ */ H("div", {
     role: "tooltip",
     style: {
       position: "absolute",
@@ -2396,7 +2252,7 @@ function qe(e2) {
       pointerEvents: "none",
       minWidth: 140
     },
-    children: [/* @__PURE__ */ Y("div", {
+    children: [/* @__PURE__ */ H("div", {
       style: {
         color: i2,
         fontSize: 10,
@@ -2407,14 +2263,14 @@ function qe(e2) {
         " \xB7 ",
         e2.colLabel
       ]
-    }), /* @__PURE__ */ J("div", { children: e2.value === null ? /* @__PURE__ */ J("span", {
+    }), /* @__PURE__ */ V("div", { children: e2.value === null ? /* @__PURE__ */ V("span", {
       style: { color: i2 },
       children: "(no data)"
-    }) : /* @__PURE__ */ Y("span", { children: ["value: ", e2.formatter.formatNumber(e2.value, 3)] }) })]
+    }) : /* @__PURE__ */ H("span", { children: ["value: ", e2.formatter.formatNumber(e2.value, 3)] }) })]
   });
 }
-function Je(e2) {
-  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), [o2, c2] = q.useState(null), [l2, u2] = q.useState(null), d2 = q.useMemo(() => ({
+function Ue(e2) {
+  let t2 = K(), n2 = z.useRef(null), r2 = z.useRef(null), i2 = z.useRef(null), o2 = z.useRef(null), [s2, c2] = z.useState(null), [l2, u2] = z.useState(null), d2 = z.useMemo(() => ({
     theme: t2.theme,
     palette: t2.palette,
     locale: t2.locale,
@@ -2441,10 +2297,10 @@ function Je(e2) {
     t2.osTheme,
     t2.appTheme
   ]);
-  q.useEffect(() => {
+  z.useEffect(() => {
     let t3 = r2.current;
     if (t3 === null) return;
-    let o3 = new s({
+    let s3 = new a({
       container: n2.current,
       staticCanvas: t3,
       dynamicCanvas: i2.current,
@@ -2453,17 +2309,17 @@ function Je(e2) {
       onContextChange: c2,
       onHoverChange: u2
     });
-    return a2.current = o3, () => {
-      a2.current = null, o3.dispose();
+    return o2.current = s3, () => {
+      o2.current = null, s3.dispose();
     };
-  }, []), q.useEffect(() => {
-    a2.current?.update(e2, d2);
+  }, []), z.useEffect(() => {
+    o2.current?.update(e2, d2);
   });
-  let f2 = q.useCallback((e3) => {
-    a2.current?.handlePointerMove(e3.nativeEvent);
-  }, []), p2 = q.useCallback(() => {
-    a2.current?.handlePointerLeave();
-  }, []), m2 = e2.width ?? 800, h2 = e2.height ?? 300, g2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Depth chart", _2 = l2 === null || o2 === null ? null : (() => {
+  let f2 = z.useCallback((e3) => {
+    o2.current?.handlePointerMove(e3.nativeEvent);
+  }, []), p2 = z.useCallback(() => {
+    o2.current?.handlePointerLeave();
+  }, []), m2 = e2.width ?? 800, h2 = e2.height ?? 300, g2 = e2.ariaLabel ?? s2?.ariaLabel ?? "Depth chart", _2 = l2 === null || s2 === null ? null : (() => {
     let t3 = {
       side: l2.side,
       price: l2.price,
@@ -2473,15 +2329,15 @@ function Je(e2) {
       pointerY: l2.pointerY,
       containerWidth: m2,
       containerHeight: h2,
-      theme: o2.personalization.theme,
-      palette: o2.personalization.palette,
-      locale: o2.resolvedLocaleBase,
-      timeZone: o2.resolvedTimeZone,
-      formatter: o2.formatter
+      theme: s2.personalization.theme,
+      palette: s2.personalization.palette,
+      locale: s2.resolvedLocaleBase,
+      timeZone: s2.resolvedTimeZone,
+      formatter: s2.formatter
     };
-    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : Ye(t3);
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : We(t3);
   })();
-  return /* @__PURE__ */ Y("div", {
+  return /* @__PURE__ */ H("div", {
     ref: n2,
     style: {
       position: "relative",
@@ -2492,7 +2348,7 @@ function Je(e2) {
     onPointerMove: f2,
     onPointerLeave: p2,
     children: [
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: r2,
         style: {
           display: "block",
@@ -2501,7 +2357,7 @@ function Je(e2) {
         },
         "aria-hidden": "true"
       }),
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: i2,
         style: {
           display: "block",
@@ -2517,9 +2373,9 @@ function Je(e2) {
     ]
   });
 }
-function Ye(e2) {
+function We(e2) {
   let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", r2 = t2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", i2 = t2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", a2 = t2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", o2 = t2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)", s2 = Math.min(e2.containerWidth - 180, e2.pointerX + 12), c2 = Math.min(e2.containerHeight - 90, e2.pointerY + 12), l2 = e2.side === "bid" ? "BID" : "ASK", u2 = e2.pctFromMid >= 0 ? "+" : "";
-  return /* @__PURE__ */ Y("div", {
+  return /* @__PURE__ */ H("div", {
     role: "tooltip",
     style: {
       position: "absolute",
@@ -2537,7 +2393,7 @@ function Ye(e2) {
       minWidth: 160
     },
     children: [
-      /* @__PURE__ */ Y("div", {
+      /* @__PURE__ */ H("div", {
         style: {
           color: i2,
           fontSize: 10,
@@ -2551,13 +2407,13 @@ function Ye(e2) {
           "%"
         ]
       }),
-      /* @__PURE__ */ Y("div", { children: ["price: ", e2.formatter.formatNumber(e2.price, 4)] }),
-      /* @__PURE__ */ Y("div", { children: ["cumulative: ", e2.formatter.formatNumber(e2.cumulativeVolume, 3)] })
+      /* @__PURE__ */ H("div", { children: ["price: ", e2.formatter.formatNumber(e2.price, 4)] }),
+      /* @__PURE__ */ H("div", { children: ["cumulative: ", e2.formatter.formatNumber(e2.cumulativeVolume, 3)] })
     ]
   });
 }
-function Xe(e2) {
-  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), [o2, s2] = q.useState(null), [c2, l2] = q.useState(null), u2 = q.useMemo(() => ({
+function Ge(e2) {
+  let t2 = K(), n2 = z.useRef(null), r2 = z.useRef(null), i2 = z.useRef(null), a2 = z.useRef(null), [o2, s2] = z.useState(null), [c2, l2] = z.useState(null), u2 = z.useMemo(() => ({
     theme: t2.theme,
     palette: t2.palette,
     locale: t2.locale,
@@ -2584,10 +2440,10 @@ function Xe(e2) {
     t2.osTheme,
     t2.appTheme
   ]), d2 = e2.innerRadiusDefault;
-  q.useEffect(() => {
+  z.useEffect(() => {
     let t3 = r2.current;
     if (t3 === null) return;
-    let o3 = new y({
+    let o3 = new _({
       container: n2.current,
       staticCanvas: t3,
       dynamicCanvas: i2.current,
@@ -2600,14 +2456,14 @@ function Xe(e2) {
     return a2.current = o3, () => {
       a2.current = null, o3.dispose();
     };
-  }, []), q.useEffect(() => {
+  }, []), z.useEffect(() => {
     a2.current?.update(e2, u2);
   });
-  let f2 = q.useCallback((e3) => {
+  let f2 = z.useCallback((e3) => {
     a2.current?.handlePointerMove(e3.nativeEvent);
-  }, []), p2 = q.useCallback(() => {
+  }, []), p2 = z.useCallback(() => {
     a2.current?.handlePointerLeave();
-  }, []), m2 = e2.width ?? 480, h2 = e2.height ?? 360, g2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Pie chart", _2 = c2 === null || o2 === null ? null : (() => {
+  }, []), m2 = e2.width ?? 480, h2 = e2.height ?? 360, g2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Pie chart", v2 = c2 === null || o2 === null ? null : (() => {
     let t3 = {
       idx: c2.idx,
       name: c2.name,
@@ -2624,8 +2480,8 @@ function Xe(e2) {
       timeZone: o2.resolvedTimeZone,
       formatter: o2.formatter
     };
-    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : $e(t3);
-  })(), v2 = (() => {
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : Je(t3);
+  })(), y2 = (() => {
     if (e2.centerLabel === void 0 || e2.centerLabel === false || o2 === null || o2.innerRadiusFraction <= 0) return null;
     let t3 = {
       totalValue: o2.totalValue,
@@ -2633,25 +2489,25 @@ function Xe(e2) {
       theme: o2.personalization.theme,
       palette: o2.personalization.palette
     }, n3;
-    return n3 = e2.centerLabel === true ? /* @__PURE__ */ Y("div", {
+    return n3 = e2.centerLabel === true ? /* @__PURE__ */ H("div", {
       style: {
         textAlign: "center",
         lineHeight: 1.2
       },
-      children: [/* @__PURE__ */ J("div", {
+      children: [/* @__PURE__ */ V("div", {
         style: {
           fontSize: 11,
           opacity: 0.65
         },
         children: "Total"
-      }), /* @__PURE__ */ J("div", {
+      }), /* @__PURE__ */ V("div", {
         style: {
           fontSize: 18,
           fontWeight: 600
         },
         children: o2.formatter.formatNumber(o2.totalValue, 2)
       })]
-    }) : typeof e2.centerLabel == "string" ? e2.centerLabel : e2.centerLabel(t3), /* @__PURE__ */ J("div", {
+    }) : typeof e2.centerLabel == "string" ? e2.centerLabel : e2.centerLabel(t3), /* @__PURE__ */ V("div", {
       style: {
         position: "absolute",
         inset: 0,
@@ -2665,7 +2521,7 @@ function Xe(e2) {
       children: n3
     });
   })();
-  return /* @__PURE__ */ Y("div", {
+  return /* @__PURE__ */ H("div", {
     ref: n2,
     style: {
       position: "relative",
@@ -2676,7 +2532,7 @@ function Xe(e2) {
     onPointerMove: f2,
     onPointerLeave: p2,
     children: [
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: r2,
         style: {
           display: "block",
@@ -2685,7 +2541,7 @@ function Xe(e2) {
         },
         "aria-hidden": "true"
       }),
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: i2,
         style: {
           display: "block",
@@ -2697,28 +2553,26 @@ function Xe(e2) {
         },
         "aria-hidden": "true"
       }),
-      v2,
-      _2
+      y2,
+      v2
     ]
   });
 }
-function Ze(e2) {
-  let t2 = (0, Z.c)(2), n2;
-  return t2[0] === e2 ? n2 = t2[1] : (n2 = /* @__PURE__ */ J(Xe, {
+function Ke(e2) {
+  return /* @__PURE__ */ V(Ge, {
     ...e2,
     innerRadiusDefault: 0
-  }), t2[0] = e2, t2[1] = n2), n2;
+  });
 }
-function Qe(e2) {
-  let t2 = (0, Z.c)(2), n2;
-  return t2[0] === e2 ? n2 = t2[1] : (n2 = /* @__PURE__ */ J(Xe, {
+function qe(e2) {
+  return /* @__PURE__ */ V(Ge, {
     ...e2,
     innerRadiusDefault: 0.5
-  }), t2[0] = e2, t2[1] = n2), n2;
+  });
 }
-function $e(e2) {
+function Je(e2) {
   let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", r2 = t2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", i2 = t2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", a2 = t2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", o2 = t2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)";
-  return /* @__PURE__ */ Y("div", {
+  return /* @__PURE__ */ H("div", {
     role: "tooltip",
     style: {
       position: "absolute",
@@ -2736,7 +2590,7 @@ function $e(e2) {
       minWidth: 160
     },
     children: [
-      /* @__PURE__ */ Y("div", {
+      /* @__PURE__ */ H("div", {
         style: {
           color: i2,
           fontSize: 10,
@@ -2745,7 +2599,7 @@ function $e(e2) {
           alignItems: "center",
           gap: 5
         },
-        children: [/* @__PURE__ */ J("span", {
+        children: [/* @__PURE__ */ V("span", {
           "aria-hidden": "true",
           style: {
             width: 10,
@@ -2754,10 +2608,10 @@ function $e(e2) {
             background: e2.color,
             display: "inline-block"
           }
-        }), /* @__PURE__ */ J("span", { children: e2.name })]
+        }), /* @__PURE__ */ V("span", { children: e2.name })]
       }),
-      /* @__PURE__ */ Y("div", { children: ["value: ", e2.formatter.formatNumber(e2.value, 2)] }),
-      /* @__PURE__ */ Y("div", { children: [
+      /* @__PURE__ */ H("div", { children: ["value: ", e2.formatter.formatNumber(e2.value, 2)] }),
+      /* @__PURE__ */ H("div", { children: [
         "percent: ",
         (e2.percent * 100).toFixed(1),
         "%"
@@ -2765,8 +2619,8 @@ function $e(e2) {
     ]
   });
 }
-function et(e2) {
-  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), [o2, s2] = q.useState(null), [c2, l2] = q.useState(null), u2 = q.useMemo(() => ({
+function Ye(e2) {
+  let t2 = K(), n2 = z.useRef(null), r2 = z.useRef(null), i2 = z.useRef(null), a2 = z.useRef(null), [o2, s2] = z.useState(null), [c2, l2] = z.useState(null), u2 = z.useMemo(() => ({
     theme: t2.theme,
     palette: t2.palette,
     locale: t2.locale,
@@ -2793,10 +2647,10 @@ function et(e2) {
     t2.osTheme,
     t2.appTheme
   ]);
-  q.useEffect(() => {
+  z.useEffect(() => {
     let t3 = r2.current;
     if (t3 === null) return;
-    let o3 = new _({
+    let o3 = new h({
       container: n2.current,
       staticCanvas: t3,
       dynamicCanvas: i2.current,
@@ -2808,16 +2662,16 @@ function et(e2) {
     return a2.current = o3, () => {
       a2.current = null, o3.dispose();
     };
-  }, []), q.useEffect(() => {
+  }, []), z.useEffect(() => {
     a2.current?.update(e2, u2);
   });
-  let d2 = q.useCallback((e3) => {
+  let d2 = z.useCallback((e3) => {
     a2.current?.handlePointerMove(e3.nativeEvent);
-  }, []), f2 = q.useCallback(() => {
+  }, []), f2 = z.useCallback(() => {
     a2.current?.handlePointerLeave();
-  }, []), p2 = q.useCallback((e3) => {
+  }, []), p2 = z.useCallback((e3) => {
     a2.current?.handleClick(e3.nativeEvent);
-  }, []), m2 = e2.width ?? 600, h2 = e2.height ?? 400, g2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Treemap", v2 = c2 === null || o2 === null ? null : (() => {
+  }, []), m2 = e2.width ?? 600, g2 = e2.height ?? 400, _2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Treemap", v2 = c2 === null || o2 === null ? null : (() => {
     let t3 = {
       idx: c2.idx,
       name: c2.name,
@@ -2829,18 +2683,18 @@ function et(e2) {
       pointerX: c2.pointerX,
       pointerY: c2.pointerY,
       containerWidth: m2,
-      containerHeight: h2,
+      containerHeight: g2,
       theme: o2.personalization.theme,
       palette: o2.personalization.palette,
       locale: o2.resolvedLocaleBase,
       timeZone: o2.resolvedTimeZone,
       formatter: o2.formatter
     };
-    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : tt(t3);
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : Xe(t3);
   })(), y2 = (() => {
     if (o2 === null || !o2.showBreadcrumb) return null;
     let e3 = o2.personalization.theme === "dark", t3 = ["root", ...o2.currentPath];
-    return /* @__PURE__ */ J("div", {
+    return /* @__PURE__ */ V("div", {
       style: {
         position: "absolute",
         left: 8,
@@ -2858,10 +2712,10 @@ function et(e2) {
         pointerEvents: "auto"
       },
       role: "navigation",
-      children: t3.map((e4, n3) => /* @__PURE__ */ Y(q.Fragment, { children: [n3 > 0 && /* @__PURE__ */ J("span", {
+      children: t3.map((e4, n3) => /* @__PURE__ */ H(z.Fragment, { children: [n3 > 0 && /* @__PURE__ */ V("span", {
         style: { opacity: 0.5 },
         children: "\u203A"
-      }), /* @__PURE__ */ J("button", {
+      }), /* @__PURE__ */ V("button", {
         type: "button",
         onClick: () => a2.current?.setPath(t3.slice(1, n3 + 1)),
         style: {
@@ -2877,33 +2731,33 @@ function et(e2) {
       })] }, n3))
     });
   })();
-  return /* @__PURE__ */ Y("div", {
+  return /* @__PURE__ */ H("div", {
     ref: n2,
     style: {
       position: "relative",
       width: m2,
-      height: h2
+      height: g2
     },
-    "aria-label": g2,
+    "aria-label": _2,
     onPointerMove: d2,
     onPointerLeave: f2,
     onClick: p2,
     children: [
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: r2,
         style: {
           display: "block",
           width: m2,
-          height: h2
+          height: g2
         },
         "aria-hidden": "true"
       }),
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: i2,
         style: {
           display: "block",
           width: m2,
-          height: h2,
+          height: g2,
           position: "absolute",
           inset: 0,
           pointerEvents: "none"
@@ -2915,9 +2769,9 @@ function et(e2) {
     ]
   });
 }
-function tt(e2) {
+function Xe(e2) {
   let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", r2 = t2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", i2 = t2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", a2 = t2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", o2 = t2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)";
-  return /* @__PURE__ */ Y("div", {
+  return /* @__PURE__ */ H("div", {
     role: "tooltip",
     style: {
       position: "absolute",
@@ -2935,7 +2789,7 @@ function tt(e2) {
       minWidth: 180
     },
     children: [
-      /* @__PURE__ */ J("div", {
+      /* @__PURE__ */ V("div", {
         style: {
           color: i2,
           fontSize: 10,
@@ -2943,13 +2797,13 @@ function tt(e2) {
         },
         children: e2.path.join(" \u203A ")
       }),
-      /* @__PURE__ */ Y("div", {
+      /* @__PURE__ */ H("div", {
         style: {
           display: "flex",
           alignItems: "center",
           gap: 5
         },
-        children: [/* @__PURE__ */ J("span", {
+        children: [/* @__PURE__ */ V("span", {
           "aria-hidden": "true",
           style: {
             width: 10,
@@ -2958,13 +2812,13 @@ function tt(e2) {
             background: e2.color,
             display: "inline-block"
           }
-        }), /* @__PURE__ */ J("span", {
+        }), /* @__PURE__ */ V("span", {
           style: { fontWeight: 600 },
           children: e2.name
         })]
       }),
-      /* @__PURE__ */ Y("div", { children: ["value: ", e2.formatter.formatNumber(e2.value, 2)] }),
-      /* @__PURE__ */ Y("div", { children: [
+      /* @__PURE__ */ H("div", { children: ["value: ", e2.formatter.formatNumber(e2.value, 2)] }),
+      /* @__PURE__ */ H("div", { children: [
         "percent: ",
         (e2.percent * 100).toFixed(1),
         "%"
@@ -2972,8 +2826,8 @@ function tt(e2) {
     ]
   });
 }
-function nt(e2) {
-  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), [o2, s2] = q.useState(null), [c2, l2] = q.useState(null), u2 = q.useMemo(() => ({
+function Ze(e2) {
+  let t2 = K(), n2 = z.useRef(null), r2 = z.useRef(null), i2 = z.useRef(null), a2 = z.useRef(null), [o2, s2] = z.useState(null), [c2, l2] = z.useState(null), u2 = z.useMemo(() => ({
     theme: t2.theme,
     palette: t2.palette,
     locale: t2.locale,
@@ -3000,10 +2854,10 @@ function nt(e2) {
     t2.osTheme,
     t2.appTheme
   ]);
-  q.useEffect(() => {
+  z.useEffect(() => {
     let t3 = r2.current;
     if (t3 === null) return;
-    let o3 = new h({
+    let o3 = new p({
       container: n2.current,
       staticCanvas: t3,
       dynamicCanvas: i2.current,
@@ -3015,16 +2869,16 @@ function nt(e2) {
     return a2.current = o3, () => {
       a2.current = null, o3.dispose();
     };
-  }, []), q.useEffect(() => {
+  }, []), z.useEffect(() => {
     a2.current?.update(e2, u2);
   });
-  let d2 = q.useCallback((e3) => {
+  let d2 = z.useCallback((e3) => {
     a2.current?.handlePointerMove(e3.nativeEvent);
-  }, []), f2 = q.useCallback(() => {
+  }, []), f2 = z.useCallback(() => {
     a2.current?.handlePointerLeave();
-  }, []), p2 = q.useCallback((e3) => {
+  }, []), m2 = z.useCallback((e3) => {
     a2.current?.handleClick(e3.nativeEvent);
-  }, []), m2 = e2.width ?? 480, g2 = e2.height ?? 480, _2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Sunburst", v2 = c2 === null || o2 === null ? null : (() => {
+  }, []), h2 = e2.width ?? 480, g2 = e2.height ?? 480, _2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Sunburst", v2 = c2 === null || o2 === null ? null : (() => {
     let t3 = {
       idx: c2.idx,
       name: c2.name,
@@ -3035,7 +2889,7 @@ function nt(e2) {
       color: c2.color,
       pointerX: c2.pointerX,
       pointerY: c2.pointerY,
-      containerWidth: m2,
+      containerWidth: h2,
       containerHeight: g2,
       theme: o2.personalization.theme,
       palette: o2.personalization.palette,
@@ -3043,29 +2897,29 @@ function nt(e2) {
       timeZone: o2.resolvedTimeZone,
       formatter: o2.formatter
     };
-    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : rt(t3);
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : Qe(t3);
   })(), y2 = (() => {
     if (e2.centerLabel === void 0 || e2.centerLabel === false || o2 === null) return null;
     let t3 = o2.personalization.theme === "dark", n3;
-    return n3 = e2.centerLabel === true ? /* @__PURE__ */ Y("div", {
+    return n3 = e2.centerLabel === true ? /* @__PURE__ */ H("div", {
       style: {
         textAlign: "center",
         lineHeight: 1.2
       },
-      children: [/* @__PURE__ */ J("div", {
+      children: [/* @__PURE__ */ V("div", {
         style: {
           fontSize: 10,
           opacity: 0.6
         },
         children: "Total"
-      }), /* @__PURE__ */ J("div", {
+      }), /* @__PURE__ */ V("div", {
         style: {
           fontSize: 18,
           fontWeight: 600
         },
         children: o2.formatter.formatNumber(o2.totalValue, 0)
       })]
-    }) : e2.centerLabel, /* @__PURE__ */ J("div", {
+    }) : e2.centerLabel, /* @__PURE__ */ V("div", {
       style: {
         position: "absolute",
         inset: 0,
@@ -3079,32 +2933,32 @@ function nt(e2) {
       children: n3
     });
   })();
-  return /* @__PURE__ */ Y("div", {
+  return /* @__PURE__ */ H("div", {
     ref: n2,
     style: {
       position: "relative",
-      width: m2,
+      width: h2,
       height: g2
     },
     "aria-label": _2,
     onPointerMove: d2,
     onPointerLeave: f2,
-    onClick: p2,
+    onClick: m2,
     children: [
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: r2,
         style: {
           display: "block",
-          width: m2,
+          width: h2,
           height: g2
         },
         "aria-hidden": "true"
       }),
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: i2,
         style: {
           display: "block",
-          width: m2,
+          width: h2,
           height: g2,
           position: "absolute",
           inset: 0,
@@ -3117,9 +2971,9 @@ function nt(e2) {
     ]
   });
 }
-function rt(e2) {
+function Qe(e2) {
   let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", r2 = t2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", i2 = t2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", a2 = t2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", o2 = t2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)";
-  return /* @__PURE__ */ Y("div", {
+  return /* @__PURE__ */ H("div", {
     role: "tooltip",
     style: {
       position: "absolute",
@@ -3137,7 +2991,7 @@ function rt(e2) {
       minWidth: 180
     },
     children: [
-      /* @__PURE__ */ J("div", {
+      /* @__PURE__ */ V("div", {
         style: {
           color: i2,
           fontSize: 10,
@@ -3145,13 +2999,13 @@ function rt(e2) {
         },
         children: e2.path.join(" \u203A ")
       }),
-      /* @__PURE__ */ Y("div", {
+      /* @__PURE__ */ H("div", {
         style: {
           display: "flex",
           alignItems: "center",
           gap: 5
         },
-        children: [/* @__PURE__ */ J("span", {
+        children: [/* @__PURE__ */ V("span", {
           "aria-hidden": "true",
           style: {
             width: 10,
@@ -3160,13 +3014,13 @@ function rt(e2) {
             background: e2.color,
             display: "inline-block"
           }
-        }), /* @__PURE__ */ J("span", {
+        }), /* @__PURE__ */ V("span", {
           style: { fontWeight: 600 },
           children: e2.name
         })]
       }),
-      /* @__PURE__ */ Y("div", { children: ["value: ", e2.formatter.formatNumber(e2.value, 2)] }),
-      /* @__PURE__ */ Y("div", { children: [
+      /* @__PURE__ */ H("div", { children: ["value: ", e2.formatter.formatNumber(e2.value, 2)] }),
+      /* @__PURE__ */ H("div", { children: [
         "percent: ",
         (e2.percent * 100).toFixed(1),
         "%"
@@ -3174,8 +3028,8 @@ function rt(e2) {
     ]
   });
 }
-function it(e2) {
-  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), [o2, s2] = q.useState(null), [c2, l2] = q.useState(null), u2 = q.useMemo(() => ({
+function $e(e2) {
+  let t2 = K(), n2 = z.useRef(null), r2 = z.useRef(null), i2 = z.useRef(null), a2 = z.useRef(null), [o2, s2] = z.useState(null), [c2, l2] = z.useState(null), u2 = z.useMemo(() => ({
     theme: t2.theme,
     palette: t2.palette,
     locale: t2.locale,
@@ -3202,10 +3056,10 @@ function it(e2) {
     t2.osTheme,
     t2.appTheme
   ]);
-  q.useEffect(() => {
+  z.useEffect(() => {
     let t3 = r2.current;
     if (t3 === null) return;
-    let o3 = new F({
+    let o3 = new j({
       container: n2.current,
       staticCanvas: t3,
       dynamicCanvas: i2.current,
@@ -3217,12 +3071,12 @@ function it(e2) {
     return a2.current = o3, () => {
       a2.current = null, o3.dispose();
     };
-  }, []), q.useEffect(() => {
+  }, []), z.useEffect(() => {
     a2.current?.update(e2, u2);
   });
-  let d2 = q.useCallback((e3) => {
+  let d2 = z.useCallback((e3) => {
     a2.current?.handlePointerMove(e3.nativeEvent);
-  }, []), f2 = q.useCallback(() => {
+  }, []), f2 = z.useCallback(() => {
     a2.current?.handlePointerLeave();
   }, []), p2 = e2.width ?? 800, m2 = e2.height ?? 400, h2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Renko chart", g2 = c2 === null || o2 === null ? null : (() => {
     let t3 = {
@@ -3241,9 +3095,9 @@ function it(e2) {
       timeZone: o2.resolvedTimeZone,
       formatter: o2.formatter
     };
-    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : at(t3);
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : et(t3);
   })();
-  return /* @__PURE__ */ Y("div", {
+  return /* @__PURE__ */ H("div", {
     ref: n2,
     style: {
       position: "relative",
@@ -3254,7 +3108,7 @@ function it(e2) {
     onPointerMove: d2,
     onPointerLeave: f2,
     children: [
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: r2,
         style: {
           display: "block",
@@ -3263,7 +3117,7 @@ function it(e2) {
         },
         "aria-hidden": "true"
       }),
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: i2,
         style: {
           display: "block",
@@ -3279,9 +3133,9 @@ function it(e2) {
     ]
   });
 }
-function at(e2) {
+function et(e2) {
   let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34,36,42)" : "rgb(255,255,255)", r2 = t2 ? "rgb(240,242,246)" : "rgb(20,22,26)", i2 = t2 ? "rgba(240,242,246,0.62)" : "rgba(20,22,26,0.56)", a2 = t2 ? "rgba(255,255,255,0.08)" : "rgba(15,18,23,0.08)";
-  return /* @__PURE__ */ Y("div", {
+  return /* @__PURE__ */ H("div", {
     role: "tooltip",
     style: {
       position: "absolute",
@@ -3298,7 +3152,7 @@ function at(e2) {
       minWidth: 160
     },
     children: [
-      /* @__PURE__ */ Y("div", {
+      /* @__PURE__ */ H("div", {
         style: {
           color: i2,
           fontSize: 10,
@@ -3310,53 +3164,53 @@ function at(e2) {
           e2.idx
         ]
       }),
-      /* @__PURE__ */ Y("div", { children: [
+      /* @__PURE__ */ H("div", { children: [
         "range: ",
         e2.formatter.formatNumber(e2.bottomPrice, 2),
         " \u2013",
         " ",
         e2.formatter.formatNumber(e2.topPrice, 2)
       ] }),
-      /* @__PURE__ */ Y("div", { children: ["source: ", e2.formatter.formatDate(e2.sourceTime)] })
+      /* @__PURE__ */ H("div", { children: ["source: ", e2.formatter.formatDate(e2.sourceTime)] })
     ]
   });
 }
-function ot(e2) {
-  let t2 = $(), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), o2 = q.useRef(null), [s2, c2] = q.useState(null), [l2, u2] = q.useState(null), d2 = q.useMemo(() => ({
-    theme: t2.theme,
-    palette: t2.palette,
-    locale: t2.locale,
-    timeZone: t2.timeZone,
-    visualStyle: t2.visualStyle,
-    outlineFillColor: t2.outlineFillColor,
-    outlineFillOpacity: t2.outlineFillOpacity,
-    cornerRadius: t2.cornerRadius,
-    borderWidth: t2.borderWidth,
-    accents: t2.accents,
-    osTheme: t2.osTheme,
-    appTheme: t2.appTheme
+function tt(t2) {
+  let n2 = K(), r2 = z.useRef(null), i2 = z.useRef(null), a2 = z.useRef(null), o2 = z.useRef(null), [s2, c2] = z.useState(null), [l2, u2] = z.useState(null), d2 = z.useMemo(() => ({
+    theme: n2.theme,
+    palette: n2.palette,
+    locale: n2.locale,
+    timeZone: n2.timeZone,
+    visualStyle: n2.visualStyle,
+    outlineFillColor: n2.outlineFillColor,
+    outlineFillOpacity: n2.outlineFillOpacity,
+    cornerRadius: n2.cornerRadius,
+    borderWidth: n2.borderWidth,
+    accents: n2.accents,
+    osTheme: n2.osTheme,
+    appTheme: n2.appTheme
   }), [
-    t2.theme,
-    t2.palette,
-    t2.locale,
-    t2.timeZone,
-    t2.visualStyle,
-    t2.outlineFillColor,
-    t2.outlineFillOpacity,
-    t2.cornerRadius,
-    t2.borderWidth,
-    t2.accents,
-    t2.osTheme,
-    t2.appTheme
+    n2.theme,
+    n2.palette,
+    n2.locale,
+    n2.timeZone,
+    n2.visualStyle,
+    n2.outlineFillColor,
+    n2.outlineFillOpacity,
+    n2.cornerRadius,
+    n2.borderWidth,
+    n2.accents,
+    n2.osTheme,
+    n2.appTheme
   ]);
-  q.useEffect(() => {
-    let t3 = i2.current;
-    if (t3 === null) return;
-    let s3 = new n({
+  z.useEffect(() => {
+    let n3 = i2.current;
+    if (n3 === null) return;
+    let s3 = new e({
       container: r2.current,
-      staticCanvas: t3,
+      staticCanvas: n3,
       dynamicCanvas: a2.current,
-      initialProps: e2,
+      initialProps: t2,
       initialProvider: d2,
       onContextChange: c2,
       onHoverChange: u2
@@ -3364,15 +3218,15 @@ function ot(e2) {
     return o2.current = s3, () => {
       o2.current = null, s3.dispose();
     };
-  }, []), q.useEffect(() => {
-    o2.current?.update(e2, d2);
+  }, []), z.useEffect(() => {
+    o2.current?.update(t2, d2);
   });
-  let f2 = q.useCallback((e3) => {
-    o2.current?.handlePointerMove(e3.nativeEvent);
-  }, []), p2 = q.useCallback(() => {
+  let f2 = z.useCallback((e2) => {
+    o2.current?.handlePointerMove(e2.nativeEvent);
+  }, []), p2 = z.useCallback(() => {
     o2.current?.handlePointerLeave();
-  }, []), m2 = e2.width ?? 800, h2 = e2.height ?? 400, g2 = e2.ariaLabel ?? s2?.ariaLabel ?? "Kagi chart", _2 = l2 === null || s2 === null ? null : (() => {
-    let t3 = {
+  }, []), m2 = t2.width ?? 800, h2 = t2.height ?? 400, g2 = t2.ariaLabel ?? s2?.ariaLabel ?? "Kagi chart", _2 = l2 === null || s2 === null ? null : (() => {
+    let e2 = {
       idx: l2.idx,
       direction: l2.direction,
       thick: l2.thick,
@@ -3388,9 +3242,9 @@ function ot(e2) {
       timeZone: s2.resolvedTimeZone,
       formatter: s2.formatter
     };
-    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : st(t3);
+    return t2.tooltip === false ? null : typeof t2.tooltip == "function" ? t2.tooltip(e2) : nt(e2);
   })();
-  return /* @__PURE__ */ Y("div", {
+  return /* @__PURE__ */ H("div", {
     ref: r2,
     style: {
       position: "relative",
@@ -3401,7 +3255,7 @@ function ot(e2) {
     onPointerMove: f2,
     onPointerLeave: p2,
     children: [
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: i2,
         style: {
           display: "block",
@@ -3410,7 +3264,7 @@ function ot(e2) {
         },
         "aria-hidden": "true"
       }),
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: a2,
         style: {
           display: "block",
@@ -3426,9 +3280,9 @@ function ot(e2) {
     ]
   });
 }
-function st(e2) {
+function nt(e2) {
   let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34,36,42)" : "rgb(255,255,255)", r2 = t2 ? "rgb(240,242,246)" : "rgb(20,22,26)", i2 = t2 ? "rgba(240,242,246,0.62)" : "rgba(20,22,26,0.56)", a2 = t2 ? "rgba(255,255,255,0.08)" : "rgba(15,18,23,0.08)";
-  return /* @__PURE__ */ Y("div", {
+  return /* @__PURE__ */ H("div", {
     role: "tooltip",
     style: {
       position: "absolute",
@@ -3444,7 +3298,7 @@ function st(e2) {
       pointerEvents: "none",
       minWidth: 160
     },
-    children: [/* @__PURE__ */ Y("div", {
+    children: [/* @__PURE__ */ H("div", {
       style: {
         color: i2,
         fontSize: 10,
@@ -3457,7 +3311,7 @@ function st(e2) {
         " \xB7 leg #",
         e2.idx
       ]
-    }), /* @__PURE__ */ Y("div", { children: [
+    }), /* @__PURE__ */ H("div", { children: [
       e2.formatter.formatNumber(e2.startPrice, 2),
       " \u2192",
       " ",
@@ -3465,8 +3319,8 @@ function st(e2) {
     ] })]
   });
 }
-function ct(e2) {
-  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), [o2, s2] = q.useState(null), [c2, l2] = q.useState(null), u2 = q.useMemo(() => ({
+function rt(e2) {
+  let t2 = K(), n2 = z.useRef(null), r2 = z.useRef(null), i2 = z.useRef(null), a2 = z.useRef(null), [o2, s2] = z.useState(null), [c2, l2] = z.useState(null), u2 = z.useMemo(() => ({
     theme: t2.theme,
     palette: t2.palette,
     locale: t2.locale,
@@ -3493,10 +3347,10 @@ function ct(e2) {
     t2.osTheme,
     t2.appTheme
   ]);
-  q.useEffect(() => {
+  z.useEffect(() => {
     let t3 = r2.current;
     if (t3 === null) return;
-    let o3 = new L({
+    let o3 = new ne({
       container: n2.current,
       staticCanvas: t3,
       dynamicCanvas: i2.current,
@@ -3508,12 +3362,12 @@ function ct(e2) {
     return a2.current = o3, () => {
       a2.current = null, o3.dispose();
     };
-  }, []), q.useEffect(() => {
+  }, []), z.useEffect(() => {
     a2.current?.update(e2, u2);
   });
-  let d2 = q.useCallback((e3) => {
+  let d2 = z.useCallback((e3) => {
     a2.current?.handlePointerMove(e3.nativeEvent);
-  }, []), f2 = q.useCallback(() => {
+  }, []), f2 = z.useCallback(() => {
     a2.current?.handlePointerLeave();
   }, []), p2 = e2.width ?? 800, m2 = e2.height ?? 400, h2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Point and figure chart", g2 = c2 === null || o2 === null ? null : (() => {
     let t3 = {
@@ -3531,9 +3385,9 @@ function ct(e2) {
       timeZone: o2.resolvedTimeZone,
       formatter: o2.formatter
     };
-    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : lt(t3);
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : it(t3);
   })();
-  return /* @__PURE__ */ Y("div", {
+  return /* @__PURE__ */ H("div", {
     ref: n2,
     style: {
       position: "relative",
@@ -3544,7 +3398,7 @@ function ct(e2) {
     onPointerMove: d2,
     onPointerLeave: f2,
     children: [
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: r2,
         style: {
           display: "block",
@@ -3553,7 +3407,7 @@ function ct(e2) {
         },
         "aria-hidden": "true"
       }),
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: i2,
         style: {
           display: "block",
@@ -3569,9 +3423,9 @@ function ct(e2) {
     ]
   });
 }
-function lt(e2) {
+function it(e2) {
   let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34,36,42)" : "rgb(255,255,255)", r2 = t2 ? "rgb(240,242,246)" : "rgb(20,22,26)", i2 = t2 ? "rgba(240,242,246,0.62)" : "rgba(20,22,26,0.56)", a2 = t2 ? "rgba(255,255,255,0.08)" : "rgba(15,18,23,0.08)";
-  return /* @__PURE__ */ Y("div", {
+  return /* @__PURE__ */ H("div", {
     role: "tooltip",
     style: {
       position: "absolute",
@@ -3587,7 +3441,7 @@ function lt(e2) {
       pointerEvents: "none",
       minWidth: 160
     },
-    children: [/* @__PURE__ */ Y("div", {
+    children: [/* @__PURE__ */ H("div", {
       style: {
         color: i2,
         fontSize: 10,
@@ -3598,7 +3452,7 @@ function lt(e2) {
         " \xB7 #",
         e2.idx
       ]
-    }), /* @__PURE__ */ Y("div", { children: [
+    }), /* @__PURE__ */ H("div", { children: [
       "range: ",
       e2.formatter.formatNumber(e2.bottomBox, 2),
       " \u2013",
@@ -3607,10 +3461,10 @@ function lt(e2) {
     ] })]
   });
 }
-var ut = class extends Error {
+var at = class extends Error {
   name = "SankeyCycleError";
 };
-function dt(e2) {
+function ot(e2) {
   let t2 = e2.nodes.length, n2 = e2.links.length, r2 = Array.from({ length: t2 }, () => ""), i2 = Array.from({ length: t2 }, () => ""), a2 = Array.from({ length: t2 }, () => null), o2 = Array.from({ length: t2 }, () => null), s2 = /* @__PURE__ */ new Map();
   for (let n3 = 0; n3 < t2; n3++) {
     let t3 = e2.nodes[n3];
@@ -3643,7 +3497,7 @@ function dt(e2) {
       p2[r3] = a3, a3 === 0 && h2.push(r3);
     }
   }
-  if (_2 < t2) throw new ut("SankeyChart: input contains a cycle (the flow graph must be acyclic).");
+  if (_2 < t2) throw new at("SankeyChart: input contains a cycle (the flow graph must be acyclic).");
   let v2 = 0;
   for (let e3 = 0; e3 < t2; e3++) m2[e3] > v2 && (v2 = m2[e3]);
   let y2 = new Float64Array(t2), b2 = new Float64Array(t2), x2 = new Float64Array(t2);
@@ -3666,7 +3520,7 @@ function dt(e2) {
     linkOpacityOverrides: f2
   };
 }
-function ft(e2, t2) {
+function st(e2, t2) {
   let { x0: n2, y0: r2, x1: i2, y1: a2, nodeWidth: o2, nodePadding: s2, alignment: c2, iterations: l2 } = t2, u2 = i2 - n2, d2 = a2 - r2, f2 = e2.nodeCount, p2 = e2.maxDepth + 1, m2 = new Float64Array(f2), h2 = new Float64Array(f2);
   if (p2 === 1) {
     let e3 = (n2 + i2) / 2;
@@ -3704,7 +3558,7 @@ function ft(e2, t2) {
       g2[r3] = l3, _2[r3] = l3 + i4, l3 += i4 + s2;
     }
   }
-  for (let t3 = 0; t3 < l2; t3++) pt(e2, v2, g2, _2, "incoming", d2, r2, s2), pt(e2, v2, g2, _2, "outgoing", d2, r2, s2);
+  for (let t3 = 0; t3 < l2; t3++) ct(e2, v2, g2, _2, "incoming", d2, r2, s2), ct(e2, v2, g2, _2, "outgoing", d2, r2, s2);
   let y2 = new Float64Array(e2.linkCount), b2 = new Float64Array(e2.linkCount), x2 = new Float64Array(e2.linkCount), S2 = new Float64Array(e2.linkCount), C2 = Array.from({ length: f2 }, () => []), w2 = Array.from({ length: f2 }, () => []);
   for (let t3 = 0; t3 < e2.linkCount; t3++) C2[e2.linkSources[t3]].push(t3), w2[e2.linkTargets[t3]].push(t3);
   for (let t3 = 0; t3 < f2; t3++) C2[t3].sort((t4, n3) => g2[e2.linkTargets[t4]] - g2[e2.linkTargets[n3]]), w2[t3].sort((t4, n3) => g2[e2.linkSources[t4]] - g2[e2.linkSources[n3]]);
@@ -3734,7 +3588,7 @@ function ft(e2, t2) {
     linkTargetY1: S2
   };
 }
-function pt(e2, t2, n2, r2, i2, a2, o2, s2) {
+function ct(e2, t2, n2, r2, i2, a2, o2, s2) {
   for (let c2 = 0; c2 < t2.length; c2++) {
     let l2 = t2[c2];
     if (l2.length === 0) continue;
@@ -3767,7 +3621,7 @@ function pt(e2, t2, n2, r2, i2, a2, o2, s2) {
     }
   }
 }
-var mt = {
+var lt = {
   nodeCount: 0,
   linkCount: 0,
   nodeIds: [],
@@ -3782,7 +3636,7 @@ var mt = {
   linkValues: new Float64Array(),
   linkColorOverrides: [],
   linkOpacityOverrides: new Float64Array()
-}, ht = class {
+}, ut = class {
   staticCanvas;
   dynamicCanvas;
   callbacks;
@@ -3794,7 +3648,7 @@ var mt = {
     crosshairLineStyle: "dashed",
     crosshairMarker: "circle"
   };
-  graph = mt;
+  graph = lt;
   personalization;
   resolvedLocale;
   formatter;
@@ -3812,7 +3666,7 @@ var mt = {
     this.staticCanvas = e2.staticCanvas, this.dynamicCanvas = e2.dynamicCanvas, this.callbacks = {
       onContextChange: e2.onContextChange,
       onHoverChange: e2.onHoverChange
-    }, this.props = e2.initialProps, this.providerCtx = e2.initialProvider, this.visGate = new k(e2.container ?? null, () => void this.runStaticDraw()), this.resolveDerived(), this.applyDynamicCfgFromProps(), this.runStaticDraw();
+    }, this.props = e2.initialProps, this.providerCtx = e2.initialProvider, this.visGate = new E(e2.container ?? null, () => void this.runStaticDraw()), this.resolveDerived(), this.applyDynamicCfgFromProps(), this.runStaticDraw();
   }
   update(e2, t2) {
     this.disposed || e2 === this.props && t2 === this.providerCtx || (this.props = e2, this.providerCtx = t2, this.resolveDerived(), this.applyDynamicCfgFromProps(), this.runStaticDraw());
@@ -3836,13 +3690,13 @@ var mt = {
         },
         color: this.nodeColors[e3] ?? "rgba(128,128,128,1)"
       };
-      this.setHover(n3), vt(t2, n3, this.dynCfg);
+      this.setHover(n3), $(t2, n3, this.dynCfg);
       return;
     }
     for (let e3 = 0; e3 < this.graph.linkCount; e3++) {
       let n3 = this.graph.linkSources[e3], r3 = this.graph.linkTargets[e3], s2 = o2.nodeX1[n3], c2 = o2.nodeX0[r3];
       if (i2 < s2 || i2 > c2) continue;
-      let l2 = s2 === c2 ? 0 : (i2 - s2) / (c2 - s2), u2 = gt(o2.linkSourceY0[e3], o2.linkTargetY0[e3], l2), d2 = gt(o2.linkSourceY1[e3], o2.linkTargetY1[e3], l2);
+      let l2 = s2 === c2 ? 0 : (i2 - s2) / (c2 - s2), u2 = dt(o2.linkSourceY0[e3], o2.linkTargetY0[e3], l2), d2 = dt(o2.linkSourceY1[e3], o2.linkTargetY1[e3], l2);
       if (a2 >= u2 && a2 <= d2) {
         let o3 = {
           pointerX: i2,
@@ -3856,14 +3710,14 @@ var mt = {
           },
           color: this.nodeColors[n3] ?? "rgba(128,128,128,1)"
         };
-        this.setHover(o3), vt(t2, o3, this.dynCfg);
+        this.setHover(o3), $(t2, o3, this.dynCfg);
         return;
       }
     }
-    this.setHover(null), vt(t2, null, this.dynCfg);
+    this.setHover(null), $(t2, null, this.dynCfg);
   }
   handlePointerLeave() {
-    this.setHover(null), this.handle !== null && vt(this.handle, null, this.dynCfg);
+    this.setHover(null), this.handle !== null && $(this.handle, null, this.dynCfg);
   }
   dispose() {
     this.disposed || (this.disposed = true, this.visGate.dispose(), this.staticDrawAbort.cancelled = true, this.handle = null);
@@ -3872,8 +3726,8 @@ var mt = {
     this.callbacks.onHoverChange(e2);
   }
   resolveDerived() {
-    let e2 = this.props, t2 = this.providerCtx, n2 = e2.width ?? 800, r2 = e2.height ?? 400;
-    this.personalization = N({
+    let e2 = this.props, t2 = this.providerCtx, n2 = e2.width ?? 800, i2 = e2.height ?? 400;
+    this.personalization = k({
       theme: e2.theme ?? t2.theme,
       palette: e2.palette ?? t2.palette,
       osTheme: t2.osTheme,
@@ -3899,7 +3753,7 @@ var mt = {
       patternScale: e2.patternScale,
       patternColor: e2.patternColor,
       fastMode: e2.fastMode
-    }), this.resolvedLocale = a(this.personalization.locale), this.formatter = g({
+    }), this.resolvedLocale = r(this.personalization.locale), this.formatter = m({
       locale: this.resolvedLocale,
       digitGrouping: this.personalization.digitGrouping,
       numberAbbreviation: this.personalization.numberAbbreviation,
@@ -3910,17 +3764,17 @@ var mt = {
       dateFormat: this.personalization.dateFormat,
       timeFormat: this.personalization.timeFormat,
       timeZone: this.personalization.timeZone
-    }), this.graph = e2.data === void 0 ? mt : dt(e2.data), this.resolvedNodeAlignment = v(e2.nodeAlignment), this.resolvedLinkColor = I(e2.linkColor), this.resolvedValueDisplay = z(e2.valueDisplay), this.resolvedLabelPosition = O(e2.labelPosition), this.resolvedLabelContent = W(e2.labelContent), this.resolvedColorScale = d(e2.colorScale);
-    let i2 = this.personalization.palette[this.personalization.theme], o2 = i2.categorical, s2 = Array.from({ length: this.graph.nodeCount }, () => "");
+    }), this.graph = e2.data === void 0 ? lt : ot(e2.data), this.resolvedNodeAlignment = g(e2.nodeAlignment), this.resolvedLinkColor = M(e2.linkColor), this.resolvedValueDisplay = N(e2.valueDisplay), this.resolvedLabelPosition = ee(e2.labelPosition), this.resolvedLabelContent = L(e2.labelContent), this.resolvedColorScale = l(e2.colorScale);
+    let a2 = this.personalization.palette[this.personalization.theme], o2 = a2.categorical, s2 = Array.from({ length: this.graph.nodeCount }, () => "");
     for (let e3 = 0; e3 < this.graph.nodeCount; e3++) {
       let t3 = this.graph.nodeColorOverrides[e3];
       if (t3 != null) s2[e3] = t3;
       else if (this.resolvedColorScale === "depth-gradient") {
         let t4 = this.graph.depths[e3], n3 = o2[t4 % o2.length];
-        s2[e3] = P(M(n3 === void 0 ? i2.up : n3, 1), Math.max(0.45, 1 - t4 * 0.15));
+        s2[e3] = A(O(n3 === void 0 ? a2.up : n3, 1), Math.max(0.45, 1 - t4 * 0.15));
       } else {
         let t4 = o2[e3 % o2.length];
-        s2[e3] = M(t4 === void 0 ? i2.up : t4, 1);
+        s2[e3] = O(t4 === void 0 ? a2.up : t4, 1);
       }
     }
     this.nodeColors = s2, this.callbacks.onContextChange({
@@ -3931,7 +3785,7 @@ var mt = {
       graph: this.graph,
       ariaLabel: e2.ariaLabel ?? `Sankey chart, ${this.graph.nodeCount} nodes, ${this.graph.linkCount} links`,
       cssWidth: n2,
-      cssHeight: r2
+      cssHeight: i2
     });
   }
   applyDynamicCfgFromProps() {
@@ -3943,22 +3797,22 @@ var mt = {
   }
   async runStaticDraw() {
     if (this.disposed || this.visGate.tryDefer()) return;
-    let e2 = this.props, t2 = e2.width ?? 800, n2 = e2.height ?? 400, r2 = G({
+    let e2 = this.props, t2 = e2.width ?? 800, n2 = e2.height ?? 400, r2 = ae({
       cssWidth: t2,
       cssHeight: n2,
       dpr: typeof window > "u" ? 1 : window.devicePixelRatio || 1,
       dprCap: e2.pixelDensityCap ?? 2,
       fastMode: e2.fastMode ?? false
-    }), i2 = V(this.staticCanvas, r2);
+    }), i2 = P(this.staticCanvas, r2);
     this.staticDrawAbort.cancelled = true;
     let a2 = { cancelled: false };
     this.staticDrawAbort = a2, (async () => {
       if (a2.cancelled || this.disposed) return;
-      let o2 = this.resolvedLabelPosition === "outside" || this.resolvedLabelPosition === "leader-line" || this.resolvedLabelPosition === "auto" && (e2.nodeWidth ?? 16) <= 20 ? 80 : 8, s2 = o2, l2 = t2 - o2, d2 = n2 - 8, f2 = ft(this.graph, {
-        x0: s2,
+      let s2 = this.resolvedLabelPosition === "outside" || this.resolvedLabelPosition === "leader-line" || this.resolvedLabelPosition === "auto" && (e2.nodeWidth ?? 16) <= 20 ? 80 : 8, l2 = s2, u2 = t2 - s2, f2 = n2 - 8, p2 = st(this.graph, {
+        x0: l2,
         y0: 8,
-        x1: l2,
-        y1: d2,
+        x1: u2,
+        y1: f2,
         nodeWidth: e2.nodeWidth ?? 16,
         nodePadding: e2.nodePadding ?? 8,
         alignment: this.resolvedNodeAlignment,
@@ -3966,137 +3820,137 @@ var mt = {
       }), m2 = this.personalization.palette[this.personalization.theme], h2 = i2.ctx;
       if (h2.clearRect(0, 0, r2.cssWidth, r2.cssHeight), this.personalization.glow.strength > 0) {
         let e3 = this.personalization.cornerRadius;
-        U(h2, {
+        I(h2, {
           glow: this.personalization.glow,
           theme: this.personalization.theme,
           plotRect: {
-            x: s2,
+            x: l2,
             y: 8,
-            w: l2 - s2,
-            h: d2 - 8
+            w: u2 - l2,
+            h: f2 - 8
           },
           dpr: Math.min(typeof window < "u" ? window.devicePixelRatio ?? 1 : 1, 2)
         }, (t3, n3) => {
           if (n3) for (let n4 = 0; n4 < this.graph.nodeCount; n4++) {
-            let r3 = this.nodeColors[n4] ?? "rgba(128,128,128,1)", i3 = f2.nodeX0[n4], a3 = f2.nodeY0[n4], o3 = f2.nodeX1[n4] - i3, s3 = f2.nodeY1[n4] - a3, c2 = Math.min(e3, o3 / 2, s3 / 2);
-            t3.fillStyle = r3, t3.beginPath(), c2 > 0 ? t3.roundRect(i3, a3, o3, s3, c2) : t3.rect(i3, a3, o3, s3), t3.fill();
+            let r3 = this.nodeColors[n4] ?? "rgba(128,128,128,1)", i3 = p2.nodeX0[n4], a3 = p2.nodeY0[n4], o2 = p2.nodeX1[n4] - i3, s3 = p2.nodeY1[n4] - a3, c2 = Math.min(e3, o2 / 2, s3 / 2);
+            t3.fillStyle = r3, t3.beginPath(), c2 > 0 ? t3.roundRect(i3, a3, o2, s3, c2) : t3.rect(i3, a3, o2, s3), t3.fill();
           }
         });
       }
       let g2 = e2.linkOpacity ?? 0.45;
       for (let e3 = 0; e3 < this.graph.linkCount; e3++) {
-        let t3 = this.graph.linkSources[e3], n3 = this.graph.linkTargets[e3], r3 = f2.nodeX1[t3], i3 = f2.nodeX0[n3], a3 = f2.linkSourceY0[e3], o3 = f2.linkSourceY1[e3], s3 = f2.linkTargetY0[e3], c2 = f2.linkTargetY1[e3], l3 = this.graph.linkColorOverrides[e3], u2 = this.graph.linkOpacityOverrides[e3], d3 = Number.isFinite(u2) ? u2 : g2, p2;
-        if (l3 != null) p2 = P(l3, d3);
+        let t3 = this.graph.linkSources[e3], n3 = this.graph.linkTargets[e3], r3 = p2.nodeX1[t3], i3 = p2.nodeX0[n3], a3 = p2.linkSourceY0[e3], o2 = p2.linkSourceY1[e3], s3 = p2.linkTargetY0[e3], c2 = p2.linkTargetY1[e3], l3 = this.graph.linkColorOverrides[e3], u3 = this.graph.linkOpacityOverrides[e3], d2 = Number.isFinite(u3) ? u3 : g2, f3;
+        if (l3 != null) f3 = A(l3, d2);
         else switch (this.resolvedLinkColor.kind) {
           case "source":
-            p2 = P(this.nodeColors[t3] ?? "rgba(128,128,128,1)", d3);
+            f3 = A(this.nodeColors[t3] ?? "rgba(128,128,128,1)", d2);
             break;
           case "target":
-            p2 = P(this.nodeColors[n3] ?? "rgba(128,128,128,1)", d3);
+            f3 = A(this.nodeColors[n3] ?? "rgba(128,128,128,1)", d2);
             break;
           case "gradient": {
             let e4 = h2.createLinearGradient(r3, 0, i3, 0);
-            e4.addColorStop(0, P(this.nodeColors[t3] ?? "rgba(128,128,128,1)", d3)), e4.addColorStop(1, P(this.nodeColors[n3] ?? "rgba(128,128,128,1)", d3)), p2 = e4;
+            e4.addColorStop(0, A(this.nodeColors[t3] ?? "rgba(128,128,128,1)", d2)), e4.addColorStop(1, A(this.nodeColors[n3] ?? "rgba(128,128,128,1)", d2)), f3 = e4;
             break;
           }
           case "neutral":
-            p2 = P(M(m2.neutral, 1), d3);
+            f3 = A(O(m2.neutral, 1), d2);
             break;
           case "literal":
-            p2 = P(this.resolvedLinkColor.color, d3);
+            f3 = A(this.resolvedLinkColor.color, d2);
             break;
         }
-        h2.fillStyle = p2, h2.beginPath();
+        h2.fillStyle = f3, h2.beginPath();
         let _3 = (r3 + i3) / 2;
-        h2.moveTo(r3, a3), h2.bezierCurveTo(_3, a3, _3, s3, i3, s3), h2.lineTo(i3, c2), h2.bezierCurveTo(_3, c2, _3, o3, r3, o3), h2.closePath(), h2.fill();
+        h2.moveTo(r3, a3), h2.bezierCurveTo(_3, a3, _3, s3, i3, s3), h2.lineTo(i3, c2), h2.bezierCurveTo(_3, c2, _3, o2, r3, o2), h2.closePath(), h2.fill();
       }
       let _2 = this.personalization.cornerRadius, v2 = this.personalization.borderWidth;
       for (let e3 = 0; e3 < this.graph.nodeCount; e3++) {
         let t3 = this.nodeColors[e3], n3, r3;
         if (this.personalization.visualStyle === "Outline") {
-          let e4 = this.personalization.outlineFillColor === "auto" ? t3 : this.personalization.outlineFillColor, i4 = j(this.personalization);
-          n3 = i4 <= 0 ? null : P(e4, i4), r3 = v2 > 0 ? t3 : null;
+          let e4 = this.personalization.outlineFillColor === "auto" ? t3 : this.personalization.outlineFillColor, i4 = D(this.personalization);
+          n3 = i4 <= 0 ? null : A(e4, i4), r3 = v2 > 0 ? t3 : null;
         } else n3 = t3, r3 = v2 > 0 ? t3 : null;
-        let i3 = f2.nodeX0[e3], a3 = f2.nodeY0[e3], o3 = f2.nodeX1[e3] - i3, s3 = f2.nodeY1[e3] - a3, l3 = Math.min(_2, o3 / 2, s3 / 2), d3 = null;
+        let i3 = p2.nodeX0[e3], a3 = p2.nodeY0[e3], s3 = p2.nodeX1[e3] - i3, l3 = p2.nodeY1[e3] - a3, u3 = Math.min(_2, s3 / 2, l3 / 2), f3 = null;
         if (this.personalization.pattern.type !== "solid") {
-          let e4 = this.personalization.pattern.color === "auto" ? p(t3, this.personalization.theme === "dark", this.personalization.visualStyle === "Outline") : this.personalization.pattern.color;
-          d3 = c(h2, {
+          let e4 = this.personalization.pattern.color === "auto" ? d(t3, this.personalization.theme === "dark", this.personalization.visualStyle === "Outline") : this.personalization.pattern.color;
+          f3 = o(h2, {
             ...this.personalization.pattern,
             color: e4
           }, t3, Math.min(typeof window < "u" ? window.devicePixelRatio ?? 1 : 1, 2));
         }
-        u({
+        c({
           ctx: h2,
           x: i3,
           y: a3,
-          w: o3,
-          h: s3,
-          tl: l3,
-          tr: l3,
-          br: l3,
-          bl: l3,
+          w: s3,
+          h: l3,
+          tl: u3,
+          tr: u3,
+          br: u3,
+          bl: u3,
           fillStyle: n3,
           strokeStyle: r3,
           strokeWidth: v2,
-          patternFill: d3
+          patternFill: f3
         });
       }
-      let y2 = M(m2.neutral, 0.95);
+      let y2 = O(m2.neutral, 0.95);
       h2.font = "11px system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif", h2.textBaseline = "middle";
       let b2 = new Float64Array(this.graph.maxDepth + 1);
       for (let e3 = 0; e3 < this.graph.nodeCount; e3++) b2[this.graph.depths[e3]] += this.graph.nodeValues[e3];
       for (let e3 = 0; e3 < this.graph.nodeCount; e3++) {
-        let t3 = f2.nodeX0[e3], n3 = f2.nodeX1[e3], r3 = (f2.nodeY0[e3] + f2.nodeY1[e3]) / 2, i3 = this.graph.nodeValues[e3], a3 = b2[this.graph.depths[e3]], o3 = _t(this.resolvedLabelContent, {
+        let t3 = p2.nodeX0[e3], n3 = p2.nodeX1[e3], r3 = (p2.nodeY0[e3] + p2.nodeY1[e3]) / 2, i3 = this.graph.nodeValues[e3], a3 = b2[this.graph.depths[e3]], o2 = ft(this.resolvedLabelContent, {
           name: this.graph.nodeLabelOverrides[e3] ?? this.graph.nodeNames[e3],
           value: i3,
           percent: a3 > 0 ? i3 / a3 : 0
         }, this.formatter);
-        if (o3 === "") continue;
-        let c2 = this.resolvedLabelPosition === "off" ? "off" : this.resolvedLabelPosition === "inside" ? "inside" : this.resolvedLabelPosition === "outside" || this.resolvedLabelPosition === "leader-line" ? "outside" : n3 - t3 >= 40 ? "inside" : "outside";
-        if (c2 === "off") continue;
+        if (o2 === "") continue;
+        let s3 = this.resolvedLabelPosition === "off" ? "off" : this.resolvedLabelPosition === "inside" ? "inside" : this.resolvedLabelPosition === "outside" || this.resolvedLabelPosition === "leader-line" ? "outside" : n3 - t3 >= 40 ? "inside" : "outside";
+        if (s3 === "off") continue;
         h2.font = "11px system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif";
-        let u2 = "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif";
-        if (h2.fillStyle = c2 === "inside" ? this.personalization.theme === "light" ? "rgb(255,255,255)" : "rgb(20,22,26)" : y2, c2 === "inside") {
-          let e4 = Math.max(0, n3 - t3 - 4), i4 = 11, a4 = h2.measureText(o3).width;
-          for (; a4 > e4 && i4 > 7; ) --i4, h2.font = `${i4}px ${u2}`, a4 = h2.measureText(o3).width;
+        let c2 = "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif";
+        if (h2.fillStyle = s3 === "inside" ? this.personalization.theme === "light" ? "rgb(255,255,255)" : "rgb(20,22,26)" : y2, s3 === "inside") {
+          let e4 = Math.max(0, n3 - t3 - 4), i4 = 11, a4 = h2.measureText(o2).width;
+          for (; a4 > e4 && i4 > 7; ) --i4, h2.font = `${i4}px ${c2}`, a4 = h2.measureText(o2).width;
           if (a4 > e4) continue;
-          h2.textAlign = "center", h2.fillText(o3, (t3 + n3) / 2, r3);
+          h2.textAlign = "center", h2.fillText(o2, (t3 + n3) / 2, r3);
         } else {
-          let e4 = t3 < (s2 + l2) / 2, i4 = e4 ? t3 - 6 : n3 + 6, a4 = e4 ? Math.max(0, i4 - s2 - 2) : Math.max(0, l2 - i4 - 2), c3 = 11, d3 = h2.measureText(o3).width;
-          for (; d3 > a4 && c3 > 7; ) --c3, h2.font = `${c3}px ${u2}`, d3 = h2.measureText(o3).width;
-          if (d3 > a4) continue;
-          h2.textAlign = e4 ? "right" : "left", h2.fillText(o3, i4, r3);
+          let e4 = t3 < (l2 + u2) / 2, i4 = e4 ? t3 - 6 : n3 + 6, a4 = e4 ? Math.max(0, i4 - l2 - 2) : Math.max(0, u2 - i4 - 2), s4 = 11, d2 = h2.measureText(o2).width;
+          for (; d2 > a4 && s4 > 7; ) --s4, h2.font = `${s4}px ${c2}`, d2 = h2.measureText(o2).width;
+          if (d2 > a4) continue;
+          h2.textAlign = e4 ? "right" : "left", h2.fillText(o2, i4, r3);
         }
       }
       if (this.resolvedValueDisplay === "always") {
         h2.fillStyle = y2, h2.textAlign = "center";
         for (let e3 = 0; e3 < this.graph.linkCount; e3++) {
-          let t3 = this.graph.linkSources[e3], n3 = this.graph.linkTargets[e3], r3 = (f2.nodeX1[t3] + f2.nodeX0[n3]) / 2, i3 = (f2.linkSourceY0[e3] + f2.linkSourceY1[e3] + f2.linkTargetY0[e3] + f2.linkTargetY1[e3]) / 4;
+          let t3 = this.graph.linkSources[e3], n3 = this.graph.linkTargets[e3], r3 = (p2.nodeX1[t3] + p2.nodeX0[n3]) / 2, i3 = (p2.linkSourceY0[e3] + p2.linkSourceY1[e3] + p2.linkTargetY0[e3] + p2.linkTargetY1[e3]) / 4;
           h2.fillText(this.formatter.formatNumber(this.graph.linkValues[e3], 2), r3, i3);
         }
       }
       let x2 = null;
-      this.dynamicCanvas !== null && (x2 = V(this.dynamicCanvas, r2).ctx), this.handle = {
+      this.dynamicCanvas !== null && (x2 = P(this.dynamicCanvas, r2).ctx), this.handle = {
         dynamicCtx: x2,
         layout: {
-          innerLeft: s2,
-          innerRight: l2,
+          innerLeft: l2,
+          innerRight: u2,
           innerTop: 8,
-          innerBottom: d2,
-          layout: f2,
+          innerBottom: f2,
+          layout: p2,
           viewport: r2
         },
-        crosshairLineColor: M(m2.neutral, 0.5),
-        crosshairMarkerStroke: M(m2.neutral, 1),
+        crosshairLineColor: O(m2.neutral, 0.5),
+        crosshairMarkerStroke: O(m2.neutral, 1),
         nodeColors: this.nodeColors
       };
     })();
   }
 };
-function gt(e2, t2, n2) {
+function dt(e2, t2, n2) {
   return e2 + (t2 - e2) * n2;
 }
-function _t(e2, t2, n2) {
+function ft(e2, t2, n2) {
   if (e2.kind === "function") return e2.fn(t2);
   switch (e2.preset) {
     case "name":
@@ -4113,11 +3967,11 @@ function _t(e2, t2, n2) {
       return `${t2.name} ${n2.formatNumber(t2.value, 2)} (${(t2.percent * 100).toFixed(1)}%)`;
   }
 }
-function vt(e2, t2, n2) {
+function $(e2, t2, n2) {
   let r2 = e2.dynamicCtx;
   if (r2 === null) return;
   let i2 = e2.layout;
-  r2.clearRect(0, 0, i2.viewport.cssWidth, i2.viewport.cssHeight), !(t2 === null || !n2.crosshairVisible) && D({
+  r2.clearRect(0, 0, i2.viewport.cssWidth, i2.viewport.cssHeight), !(t2 === null || !n2.crosshairVisible) && T({
     ctx: r2,
     x: t2.pointerX,
     y: t2.pointerY,
@@ -4134,8 +3988,8 @@ function vt(e2, t2, n2) {
     markerStroke: e2.crosshairMarkerStroke
   });
 }
-function yt(e2) {
-  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), [o2, s2] = q.useState(null), [c2, l2] = q.useState(null), u2 = q.useMemo(() => ({
+function pt(e2) {
+  let t2 = K(), n2 = z.useRef(null), r2 = z.useRef(null), i2 = z.useRef(null), a2 = z.useRef(null), [o2, s2] = z.useState(null), [c2, l2] = z.useState(null), u2 = z.useMemo(() => ({
     theme: t2.theme,
     palette: t2.palette,
     locale: t2.locale,
@@ -4162,10 +4016,10 @@ function yt(e2) {
     t2.osTheme,
     t2.appTheme
   ]);
-  q.useEffect(() => {
+  z.useEffect(() => {
     let t3 = r2.current;
     if (t3 === null) return;
-    let o3 = new ht({
+    let o3 = new ut({
       container: n2.current,
       staticCanvas: t3,
       dynamicCanvas: i2.current,
@@ -4177,12 +4031,12 @@ function yt(e2) {
     return a2.current = o3, () => {
       a2.current = null, o3.dispose();
     };
-  }, []), q.useEffect(() => {
+  }, []), z.useEffect(() => {
     a2.current?.update(e2, u2);
   });
-  let d2 = q.useCallback((e3) => {
+  let d2 = z.useCallback((e3) => {
     a2.current?.handlePointerMove(e3.nativeEvent);
-  }, []), f2 = q.useCallback(() => {
+  }, []), f2 = z.useCallback(() => {
     a2.current?.handlePointerLeave();
   }, []), p2 = e2.width ?? 800, m2 = e2.height ?? 400, h2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Sankey chart", g2 = c2 === null || o2 === null ? null : (() => {
     let t3 = {
@@ -4198,9 +4052,9 @@ function yt(e2) {
       timeZone: o2.resolvedTimeZone,
       formatter: o2.formatter
     };
-    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : bt(t3);
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : mt(t3);
   })();
-  return /* @__PURE__ */ Y("div", {
+  return /* @__PURE__ */ H("div", {
     ref: n2,
     style: {
       position: "relative",
@@ -4211,7 +4065,7 @@ function yt(e2) {
     onPointerMove: d2,
     onPointerLeave: f2,
     children: [
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: r2,
         style: {
           display: "block",
@@ -4220,7 +4074,7 @@ function yt(e2) {
         },
         "aria-hidden": "true"
       }),
-      /* @__PURE__ */ J("canvas", {
+      /* @__PURE__ */ V("canvas", {
         ref: i2,
         style: {
           display: "block",
@@ -4236,9 +4090,9 @@ function yt(e2) {
     ]
   });
 }
-function bt(e2) {
+function mt(e2) {
   let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34,36,42)" : "rgb(255,255,255)", r2 = t2 ? "rgb(240,242,246)" : "rgb(20,22,26)", i2 = t2 ? "rgba(240,242,246,0.62)" : "rgba(20,22,26,0.56)", a2 = t2 ? "rgba(255,255,255,0.08)" : "rgba(15,18,23,0.08)";
-  return /* @__PURE__ */ Y("div", {
+  return /* @__PURE__ */ H("div", {
     role: "tooltip",
     style: {
       position: "absolute",
@@ -4254,7 +4108,7 @@ function bt(e2) {
       pointerEvents: "none",
       minWidth: 180
     },
-    children: [/* @__PURE__ */ Y("div", {
+    children: [/* @__PURE__ */ H("div", {
       style: {
         color: i2,
         fontSize: 10,
@@ -4263,7 +4117,7 @@ function bt(e2) {
         alignItems: "center",
         gap: 5
       },
-      children: [/* @__PURE__ */ J("span", {
+      children: [/* @__PURE__ */ V("span", {
         "aria-hidden": "true",
         style: {
           width: 10,
@@ -4272,290 +4126,263 @@ function bt(e2) {
           background: e2.color,
           display: "inline-block"
         }
-      }), e2.target.kind === "node" ? /* @__PURE__ */ J("span", { children: "Node" }) : /* @__PURE__ */ J("span", { children: "Flow" })]
-    }), e2.target.kind === "node" ? /* @__PURE__ */ Y(re, { children: [/* @__PURE__ */ J("div", {
+      }), e2.target.kind === "node" ? /* @__PURE__ */ V("span", { children: "Node" }) : /* @__PURE__ */ V("span", { children: "Flow" })]
+    }), e2.target.kind === "node" ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("div", {
       style: { fontWeight: 600 },
       children: e2.target.name
-    }), /* @__PURE__ */ Y("div", { children: ["value: ", e2.formatter.formatNumber(e2.target.value, 2)] })] }) : /* @__PURE__ */ Y(re, { children: [/* @__PURE__ */ Y("div", { children: [
+    }), /* @__PURE__ */ H("div", { children: ["value: ", e2.formatter.formatNumber(e2.target.value, 2)] })] }) : /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ H("div", { children: [
       e2.target.sourceId,
       " \u2192 ",
       e2.target.targetId
-    ] }), /* @__PURE__ */ Y("div", { children: ["value: ", e2.formatter.formatNumber(e2.target.value, 2)] })] })]
+    ] }), /* @__PURE__ */ H("div", { children: ["value: ", e2.formatter.formatNumber(e2.target.value, 2)] })] })]
   });
 }
-function xt(e2) {
-  let t2 = (0, Z.c)(41), n2 = pe(), r2 = q.useRef(null), [i2, a2] = q.useState(null), o2 = e2.width ?? 600, s2 = e2.height ?? 28, c2 = e2.trackColor ?? "rgba(120,120,120,0.12)", l2 = e2.selectionColor ?? "rgba(80,160,120,0.28)", u2 = e2.handleColor ?? "rgba(80,160,120,0.95)", d2 = e2.domain.end - e2.domain.start, f2 = n2?.state.brush ?? null, p2;
-  t2[0] !== e2.domain.start || t2[1] !== d2 || t2[2] !== o2 ? (p2 = (t3) => d2 <= 0 || o2 <= 0 ? e2.domain.start : e2.domain.start + t3 / o2 * d2, t2[0] = e2.domain.start, t2[1] = d2, t2[2] = o2, t2[3] = p2) : p2 = t2[3];
-  let m2 = p2, h2;
-  t2[4] !== e2.domain.start || t2[5] !== d2 || t2[6] !== o2 ? (h2 = (t3) => d2 <= 0 || o2 <= 0 ? 0 : (t3 - e2.domain.start) / d2 * o2, t2[4] = e2.domain.start, t2[5] = d2, t2[6] = o2, t2[7] = h2) : h2 = t2[7];
-  let g2 = h2, _2;
-  t2[8] !== f2 || t2[9] !== n2 || t2[10] !== g2 || t2[11] !== m2 ? (_2 = (e3) => {
-    if (n2 === null) return;
-    let t3 = r2.current?.getBoundingClientRect();
-    if (t3 === void 0) return;
-    let i3 = e3.clientX - t3.left;
-    if (e3.currentTarget.setPointerCapture(e3.pointerId), f2 !== null) {
-      let e4 = g2(f2.start), t4 = g2(f2.end);
-      if (Math.abs(i3 - e4) < 6) {
-        a2({
+function ht(e2) {
+  let t2 = Y(), n2 = z.useRef(null), [r2, i2] = z.useState(null), a2 = e2.width ?? 600, o2 = e2.height ?? 28, s2 = e2.trackColor ?? "rgba(120,120,120,0.12)", c2 = e2.selectionColor ?? "rgba(80,160,120,0.28)", l2 = e2.handleColor ?? "rgba(80,160,120,0.95)", u2 = e2.domain.end - e2.domain.start, d2 = t2?.state.brush ?? null, f2 = z.useCallback((t3) => u2 <= 0 || a2 <= 0 ? e2.domain.start : e2.domain.start + t3 / a2 * u2, [
+    e2.domain.start,
+    u2,
+    a2
+  ]), p2 = z.useCallback((t3) => u2 <= 0 || a2 <= 0 ? 0 : (t3 - e2.domain.start) / u2 * a2, [
+    e2.domain.start,
+    u2,
+    a2
+  ]), m2 = z.useCallback((e3) => {
+    if (t2 === null) return;
+    let r3 = n2.current?.getBoundingClientRect();
+    if (r3 === void 0) return;
+    let a3 = e3.clientX - r3.left;
+    if (e3.currentTarget.setPointerCapture(e3.pointerId), d2 !== null) {
+      let e4 = p2(d2.start), t3 = p2(d2.end);
+      if (Math.abs(a3 - e4) < 6) {
+        i2({
           kind: "left",
-          startX: i3,
-          startBrush: f2
+          startX: a3,
+          startBrush: d2
         });
         return;
       }
-      if (Math.abs(i3 - t4) < 6) {
-        a2({
+      if (Math.abs(a3 - t3) < 6) {
+        i2({
           kind: "right",
-          startX: i3,
-          startBrush: f2
+          startX: a3,
+          startBrush: d2
         });
         return;
       }
-      if (i3 > e4 && i3 < t4) {
-        a2({
+      if (a3 > e4 && a3 < t3) {
+        i2({
           kind: "move",
-          startX: i3,
-          startBrush: f2
+          startX: a3,
+          startBrush: d2
         });
         return;
       }
     }
-    let o3 = m2(i3);
-    n2.state.setBrush({
+    let o3 = f2(a3);
+    t2.state.setBrush({
       start: o3,
       end: o3
-    }), a2({
+    }), i2({
       kind: "draw",
-      startX: i3,
+      startX: a3,
       startBrush: null
     });
-  }, t2[8] = f2, t2[9] = n2, t2[10] = g2, t2[11] = m2, t2[12] = _2) : _2 = t2[12];
-  let v2 = _2, y2;
-  t2[13] !== i2 || t2[14] !== n2 || t2[15] !== e2.domain.end || t2[16] !== e2.domain.start || t2[17] !== d2 || t2[18] !== m2 ? (y2 = (t3) => {
-    if (n2 === null || i2 === null) return;
-    let a3 = r2.current?.getBoundingClientRect();
+  }, [
+    t2,
+    d2,
+    p2,
+    f2
+  ]), h2 = z.useCallback((i3) => {
+    if (t2 === null || r2 === null) return;
+    let a3 = n2.current?.getBoundingClientRect();
     if (a3 === void 0) return;
-    let o3 = t3.clientX - a3.left;
-    if (i2.kind === "draw") {
-      let e3 = m2(i2.startX), t4 = m2(o3), r3 = Math.min(e3, t4), a4 = Math.max(e3, t4);
-      n2.state.setBrush({
-        start: r3,
+    let o3 = i3.clientX - a3.left;
+    if (r2.kind === "draw") {
+      let e3 = f2(r2.startX), n3 = f2(o3), i4 = Math.min(e3, n3), a4 = Math.max(e3, n3);
+      t2.state.setBrush({
+        start: i4,
         end: a4
       });
       return;
     }
-    let s3 = i2.startBrush;
+    let s3 = r2.startBrush;
     if (s3 === null) return;
-    let c3 = m2(o3) - m2(i2.startX);
-    if (i2.kind === "left") {
+    let c3 = f2(o3) - f2(r2.startX);
+    if (r2.kind === "left") {
       let e3 = s3.start + c3;
-      e3 >= s3.end && (e3 = s3.end - 1e-4 * d2), n2.state.setBrush({
+      e3 >= s3.end && (e3 = s3.end - 1e-4 * u2), t2.state.setBrush({
         start: e3,
         end: s3.end
       });
-    } else if (i2.kind === "right") {
+    } else if (r2.kind === "right") {
       let e3 = s3.end + c3;
-      e3 <= s3.start && (e3 = s3.start + 1e-4 * d2), n2.state.setBrush({
+      e3 <= s3.start && (e3 = s3.start + 1e-4 * u2), t2.state.setBrush({
         start: s3.start,
         end: e3
       });
-    } else if (i2.kind === "move") {
-      let t4 = s3.start + c3, r3 = s3.end + c3;
-      if (t4 < e2.domain.start) {
-        let n3 = e2.domain.start - t4;
-        t4 += n3, r3 += n3;
+    } else if (r2.kind === "move") {
+      s3.end - s3.start;
+      let n3 = s3.start + c3, r3 = s3.end + c3;
+      if (n3 < e2.domain.start) {
+        let t3 = e2.domain.start - n3;
+        n3 += t3, r3 += t3;
       }
       if (r3 > e2.domain.end) {
-        let n3 = r3 - e2.domain.end;
-        t4 -= n3, r3 -= n3;
+        let t3 = r3 - e2.domain.end;
+        n3 -= t3, r3 -= t3;
       }
-      n2.state.setBrush({
-        start: t4,
+      t2.state.setBrush({
+        start: n3,
         end: r3
       });
     }
-  }, t2[13] = i2, t2[14] = n2, t2[15] = e2.domain.end, t2[16] = e2.domain.start, t2[17] = d2, t2[18] = m2, t2[19] = y2) : y2 = t2[19];
-  let b2 = y2, x2;
-  t2[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x2 = () => {
-    a2(null);
-  }, t2[20] = x2) : x2 = t2[20];
-  let S2 = x2, C2;
-  t2[21] === n2?.state ? C2 = t2[22] : (C2 = () => {
-    n2?.state.setBrush(null);
-  }, t2[21] = n2?.state, t2[22] = C2);
-  let w2 = C2;
-  if (n2 === null) {
-    let e3;
-    return t2[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e3 = /* @__PURE__ */ J("div", {
-      role: "presentation",
-      style: { display: "none" }
-    }), t2[23] = e3) : e3 = t2[23], e3;
-  }
-  let T2 = f2 === null ? 0 : g2(f2.start), E2 = f2 === null ? 0 : g2(f2.end), D2 = i2 === null ? "crosshair" : "grabbing", O2;
-  t2[24] !== s2 || t2[25] !== D2 || t2[26] !== c2 || t2[27] !== o2 ? (O2 = {
-    position: "relative",
-    width: o2,
-    height: s2,
-    background: c2,
-    borderRadius: 4,
-    cursor: D2,
-    userSelect: "none",
-    touchAction: "none"
-  }, t2[24] = s2, t2[25] = D2, t2[26] = c2, t2[27] = o2, t2[28] = O2) : O2 = t2[28];
-  let k2;
-  t2[29] !== f2 || t2[30] !== u2 || t2[31] !== T2 || t2[32] !== E2 || t2[33] !== l2 ? (k2 = f2 !== null && E2 > T2 && /* @__PURE__ */ Y(re, { children: [
-    /* @__PURE__ */ J("div", { style: {
-      position: "absolute",
-      left: T2,
-      top: 0,
-      width: E2 - T2,
-      height: "100%",
-      background: l2,
-      borderTop: `1px solid ${u2}`,
-      borderBottom: `1px solid ${u2}`
-    } }),
-    /* @__PURE__ */ J("div", { style: {
-      position: "absolute",
-      left: T2 - 2,
-      top: 0,
-      width: 4,
-      height: "100%",
-      background: u2,
-      borderRadius: 2,
-      cursor: "ew-resize"
-    } }),
-    /* @__PURE__ */ J("div", { style: {
-      position: "absolute",
-      left: E2 - 2,
-      top: 0,
-      width: 4,
-      height: "100%",
-      background: u2,
-      borderRadius: 2,
-      cursor: "ew-resize"
-    } })
-  ] }), t2[29] = f2, t2[30] = u2, t2[31] = T2, t2[32] = E2, t2[33] = l2, t2[34] = k2) : k2 = t2[34];
-  let A2;
-  return t2[35] !== w2 || t2[36] !== v2 || t2[37] !== b2 || t2[38] !== O2 || t2[39] !== k2 ? (A2 = /* @__PURE__ */ J("div", {
-    ref: r2,
+  }, [
+    t2,
+    r2,
+    f2,
+    e2.domain.start,
+    e2.domain.end,
+    u2
+  ]), g2 = z.useCallback(() => {
+    i2(null);
+  }, []), _2 = z.useCallback(() => {
+    t2?.state.setBrush(null);
+  }, [t2]);
+  if (t2 === null) return /* @__PURE__ */ V("div", {
+    role: "presentation",
+    style: { display: "none" }
+  });
+  let v2 = d2 === null ? 0 : p2(d2.start), y2 = d2 === null ? 0 : p2(d2.end);
+  return /* @__PURE__ */ V("div", {
+    ref: n2,
     role: "slider",
     "aria-label": "Time-range brush",
-    style: O2,
-    onPointerDown: v2,
-    onPointerMove: b2,
-    onPointerUp: S2,
-    onPointerCancel: S2,
-    onDoubleClick: w2,
-    children: k2
-  }), t2[35] = w2, t2[36] = v2, t2[37] = b2, t2[38] = O2, t2[39] = k2, t2[40] = A2) : A2 = t2[40], A2;
+    style: {
+      position: "relative",
+      width: a2,
+      height: o2,
+      background: s2,
+      borderRadius: 4,
+      cursor: r2 === null ? "crosshair" : "grabbing",
+      userSelect: "none",
+      touchAction: "none"
+    },
+    onPointerDown: m2,
+    onPointerMove: h2,
+    onPointerUp: g2,
+    onPointerCancel: g2,
+    onDoubleClick: _2,
+    children: d2 !== null && y2 > v2 && /* @__PURE__ */ H(B, { children: [
+      /* @__PURE__ */ V("div", { style: {
+        position: "absolute",
+        left: v2,
+        top: 0,
+        width: y2 - v2,
+        height: "100%",
+        background: c2,
+        borderTop: `1px solid ${l2}`,
+        borderBottom: `1px solid ${l2}`
+      } }),
+      /* @__PURE__ */ V("div", { style: {
+        position: "absolute",
+        left: v2 - 2,
+        top: 0,
+        width: 4,
+        height: "100%",
+        background: l2,
+        borderRadius: 2,
+        cursor: "ew-resize"
+      } }),
+      /* @__PURE__ */ V("div", { style: {
+        position: "absolute",
+        left: y2 - 2,
+        top: 0,
+        width: 4,
+        height: "100%",
+        background: l2,
+        borderRadius: 2,
+        cursor: "ew-resize"
+      } })
+    ] })
+  });
 }
-function St(e2) {
-  let t2 = (0, Z.c)(23), n2 = pe(), r2 = e2.width ?? 600, i2 = e2.height ?? 80, a2;
-  bb0: {
-    if (e2.domain !== void 0) {
-      a2 = e2.domain;
-      break bb0;
-    }
-    let n3 = e2.data;
-    if ("times" in n3) {
-      let e3 = n3.times, r4 = e3.length;
-      if (r4 === 0) {
-        let e4;
-        t2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e4 = {
-          start: 0,
-          end: 1
-        }, t2[0] = e4) : e4 = t2[0], a2 = e4;
-        break bb0;
-      }
-      let i4 = e3[r4 - 1], o4;
-      t2[1] !== i4 || t2[2] !== e3[0] ? (o4 = {
-        start: e3[0],
-        end: i4
-      }, t2[1] = i4, t2[2] = e3[0], t2[3] = o4) : o4 = t2[3], a2 = o4;
-      break bb0;
-    }
-    let r3 = n3.points;
-    if (r3.length === 0) {
-      let e3;
-      t2[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e3 = {
+function gt(e2) {
+  let t2 = Y(), n2 = e2.width ?? 600, r2 = e2.height ?? 80, i2 = z.useMemo(() => {
+    if (e2.domain !== void 0) return e2.domain;
+    let t3 = e2.data;
+    if ("times" in t3) {
+      let e3 = t3.times, n4 = e3.length;
+      return n4 === 0 ? {
         start: 0,
         end: 1
-      }, t2[4] = e3) : e3 = t2[4], a2 = e3;
-      break bb0;
+      } : {
+        start: e3[0],
+        end: e3[n4 - 1]
+      };
     }
-    let i3 = r3[r3.length - 1], o3;
-    t2[5] !== r3[0].t || t2[6] !== i3.t ? (o3 = {
-      start: r3[0].t,
-      end: i3.t
-    }, t2[5] = r3[0].t, t2[6] = i3.t, t2[7] = o3) : o3 = t2[7], a2 = o3;
-  }
-  let o2 = a2;
-  if (n2 === null) {
-    let e3;
-    return t2[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e3 = /* @__PURE__ */ J("div", {
-      role: "presentation",
-      style: { display: "none" }
-    }), t2[8] = e3) : e3 = t2[8], e3;
-  }
-  let s2;
-  t2[9] !== i2 || t2[10] !== r2 ? (s2 = {
-    position: "relative",
-    width: r2,
-    height: i2,
-    display: "flex",
-    flexDirection: "column",
-    gap: 0
-  }, t2[9] = i2, t2[10] = r2, t2[11] = s2) : s2 = t2[11];
-  let c2 = i2 - 20, l2;
-  t2[12] !== e2.data || t2[13] !== c2 || t2[14] !== r2 ? (l2 = /* @__PURE__ */ J(Te, {
-    data: e2.data,
-    width: r2,
-    height: c2,
-    sparkline: true
-  }), t2[12] = e2.data, t2[13] = c2, t2[14] = r2, t2[15] = l2) : l2 = t2[15];
-  let u2;
-  t2[16] !== o2 || t2[17] !== r2 ? (u2 = /* @__PURE__ */ J(xt, {
-    domain: o2,
-    width: r2,
-    height: 20
-  }), t2[16] = o2, t2[17] = r2, t2[18] = u2) : u2 = t2[18];
-  let d2;
-  return t2[19] !== s2 || t2[20] !== l2 || t2[21] !== u2 ? (d2 = /* @__PURE__ */ Y("div", {
-    style: s2,
+    let n3 = t3.points;
+    return n3.length === 0 ? {
+      start: 0,
+      end: 1
+    } : {
+      start: n3[0].t,
+      end: n3[n3.length - 1].t
+    };
+  }, [e2.data, e2.domain]);
+  return t2 === null ? /* @__PURE__ */ V("div", {
+    role: "presentation",
+    style: { display: "none" }
+  }) : /* @__PURE__ */ H("div", {
+    style: {
+      position: "relative",
+      width: n2,
+      height: r2,
+      display: "flex",
+      flexDirection: "column",
+      gap: 0
+    },
     role: "region",
     "aria-label": "Chart group navigator",
-    children: [l2, u2]
-  }), t2[19] = s2, t2[20] = l2, t2[21] = u2, t2[22] = d2) : d2 = t2[22], d2;
+    children: [/* @__PURE__ */ V(Se, {
+      data: e2.data,
+      width: n2,
+      height: r2 - 20,
+      sparkline: true
+    }), /* @__PURE__ */ V(ht, {
+      domain: i2,
+      width: n2,
+      height: 20
+    })]
+  });
 }
 export {
-  ye as C,
-  se as D,
+  _e as C,
+  q as D,
   de as E,
-  oe as O,
-  Ce as S,
-  pe as T,
-  Fe as _,
-  ot as a,
-  Te as b,
-  et as c,
-  Je as d,
-  Ke as f,
-  Be as g,
-  Ve as h,
-  ct as i,
-  $ as k,
-  Qe as l,
-  He as m,
-  xt as n,
-  it as o,
-  We as p,
-  yt as r,
-  nt as s,
-  St as t,
-  Ze as u,
-  Ae as v,
-  me as w,
-  Se as x,
-  ke as y
+  G as O,
+  be as S,
+  Y as T,
+  je as _,
+  tt as a,
+  Se as b,
+  Ye as c,
+  Ue as d,
+  Ve as f,
+  Fe as g,
+  Ie as h,
+  rt as i,
+  K as k,
+  qe as l,
+  Le as m,
+  ht as n,
+  $e as o,
+  ze as p,
+  pt as r,
+  Ze as s,
+  gt as t,
+  Ke as u,
+  De as v,
+  pe as w,
+  ye as x,
+  Ee as y
 };