@masterpeach/plugin-react 0.0.0-experimental-20260625203238

package/dist/D3SankeyCharts-D89ah1De.js

@@ -0,0 +1,1288 @@
+import { jsx as I, jsxs as C, Fragment as ze } from "react/jsx-runtime";
+import { c as je, ai as Re, aj as K, y as q, N as me, ak as Ve, al as te, r as He, am as Te, an as Ye, ao as Ge, k as J, ap as Xe, aq as Ae, n as ae, P as qe, ar as Ke, J as Je, t as pe, as as Qe, at as Ze, au as Ee, f as ye } from "./index-B67iXHsu.js";
+import { useState as X, useRef as Q, useMemo as V, useEffect as Fe } from "react";
+import { erc20Abi as xe } from "viem";
+import { usePublicClient as et } from "wagmi";
+/**
+ * @license lucide-react v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const tt = [
+  ["path", { d: "M18 8L22 12L18 16", key: "1r0oui" }],
+  ["path", { d: "M2 12H22", key: "1m8cig" }]
+], nt = je("move-right", tt);
+function Z(e, r) {
+  const o = r.get(e) ?? r.get(e.toLowerCase());
+  if (o) return te(o) ?? o;
+  const a = K.get(e);
+  return a ? te(a) ?? a : void 0;
+}
+function ot(e, r) {
+  const o = /* @__PURE__ */ new Map();
+  for (const a of e) {
+    let c = r.get(a) ?? r.get(a.toLowerCase());
+    if (!(c != null && c.symbol)) {
+      const g = K.get(a);
+      g && (c = g);
+    }
+    c && (o.set(a, c), o.set(a.toLowerCase(), c));
+  }
+  return o;
+}
+function ve(e) {
+  return [...e].sort().join("|");
+}
+async function rt(e, r) {
+  const o = /* @__PURE__ */ new Map();
+  if (r.length === 0) return o;
+  const a = r.flatMap((c) => [
+    {
+      address: c,
+      abi: xe,
+      functionName: "symbol"
+    },
+    {
+      address: c,
+      abi: xe,
+      functionName: "decimals"
+    }
+  ]);
+  try {
+    const c = await e.multicall({
+      contracts: a,
+      allowFailure: !0
+    });
+    r.forEach((g, f) => {
+      const m = c[f * 2], d = c[f * 2 + 1];
+      if ((m == null ? void 0 : m.status) === "success" || (d == null ? void 0 : d.status) === "success") {
+        const b = (m == null ? void 0 : m.status) === "success" ? m.result : void 0, v = (d == null ? void 0 : d.status) === "success" ? d.result : 18, L = {
+          address: g,
+          symbol: b,
+          decimals: v,
+          logoURI: "",
+          name: b ?? ""
+        }, _ = te(L) ?? L;
+        o.set(g, _), o.set(g.toLowerCase(), _);
+      }
+    });
+  } catch (c) {
+    He(c, "sankey-token-metadata"), console.error(`[useSankeyData] Multicall failed for ${r.length} tokens:`, c);
+  }
+  return o;
+}
+const re = [
+  "#E32F2F",
+  "#842CFF",
+  "#FF562B",
+  "#FF923B",
+  "#FFD61F",
+  "#C8FF00",
+  "#31D829",
+  "#52FFD2",
+  "#0A05FF",
+  "#6868FF",
+  "#842CFF",
+  "#FF65F8",
+  "#FF4D00",
+  "#FFB800",
+  "#7DFF52",
+  "#00FFAE",
+  "#00BFFF",
+  "#0085FF",
+  "#6A5ACD",
+  "#FF1493",
+  "#A020F0",
+  "#E0B0FF"
+], st = 6, it = "__sankey_virtual__";
+function we(e, r) {
+  return e.symbol || e.name || String(r);
+}
+function Ce(e, r) {
+  const o = Array(e).fill(0), a = Array.from({ length: e }, () => []), c = Array(e).fill(0);
+  r.forEach(({ source: d, target: b }) => {
+    var v;
+    o[b] = (o[b] ?? 0) + 1, (v = a[d]) == null || v.push(b);
+  });
+  const g = [];
+  o.forEach((d, b) => {
+    d === 0 && g.push(b);
+  });
+  let f = 0, m = 0;
+  for (; f < g.length; ) {
+    const d = g[f];
+    f += 1, m += 1, (a[d] ?? []).forEach((v) => {
+      c[v] = Math.max(c[v] ?? 0, (c[d] ?? 0) + 1), o[v] = (o[v] ?? 0) - 1, (o[v] ?? 0) === 0 && g.push(v);
+    });
+  }
+  return m !== e ? Array(e).fill(0) : c;
+}
+function ct(e, r) {
+  var T;
+  if (e.length < 3 || r.length < 2)
+    return { nodes: e, links: r };
+  const o = e.length, a = Ce(o, r), c = a.length ? Math.max(...a) : 0, g = Array.from(
+    { length: o },
+    () => []
+  ), f = Array.from(
+    { length: o },
+    () => []
+  ), m = Array(o).fill(0);
+  r.forEach((y) => {
+    var N, E;
+    const w = y.value || 0;
+    (N = g[y.target]) == null || N.push({ nodeIndex: y.source, weight: w }), (E = f[y.source]) == null || E.push({ nodeIndex: y.target, weight: w }), m[y.source] = (m[y.source] ?? 0) + w, m[y.target] = (m[y.target] ?? 0) + w;
+  });
+  const d = /* @__PURE__ */ new Map();
+  e.forEach((y, w) => {
+    const N = a[w] || 0, E = d.get(N);
+    if (E) {
+      E.push(w);
+      return;
+    }
+    d.set(N, [w]);
+  });
+  const b = (y, w) => {
+    const N = (m[w] || 0) - (m[y] || 0);
+    return Math.abs(N) > 1e-6 ? N : we(e[y], y).localeCompare(we(e[w], w));
+  };
+  for (let y = 0; y <= c; y += 1)
+    (T = d.get(y)) == null || T.sort(b);
+  const v = /* @__PURE__ */ new Map(), L = () => {
+    v.clear();
+    for (let y = 0; y <= c; y += 1) {
+      const w = d.get(y);
+      w && w.forEach((N, E) => {
+        v.set(N, E);
+      });
+    }
+  }, _ = (y) => {
+    let w = 0, N = 0;
+    return y.forEach(({ nodeIndex: E, weight: P }) => {
+      var h;
+      const U = a[E] || 0, $ = ((h = d.get(U)) == null ? void 0 : h.length) || 1, M = v.get(E) ?? 0, t = $ <= 1 ? 0.5 : M / ($ - 1);
+      w += t * P, N += P;
+    }), N > 0 ? w / N : null;
+  }, F = (y, w) => {
+    const N = d.get(y);
+    if (!N || N.length < 2)
+      return;
+    const E = /* @__PURE__ */ new Map();
+    N.forEach((P, U) => {
+      E.set(P, U);
+    }), N.sort((P, U) => {
+      const $ = _(w === "incoming" ? g[P] : f[P]), M = _(w === "incoming" ? g[U] : f[U]);
+      if ($ !== null && M !== null && Math.abs($ - M) > 1e-6)
+        return $ - M;
+      if ($ !== null && M === null)
+        return -1;
+      if ($ === null && M !== null)
+        return 1;
+      const t = b(P, U);
+      return t !== 0 ? t : (E.get(P) || 0) - (E.get(U) || 0);
+    }), N.forEach((P, U) => {
+      v.set(P, U);
+    });
+  };
+  L();
+  for (let y = 0; y < st; y += 1) {
+    for (let w = 1; w <= c; w += 1)
+      F(w, "incoming");
+    for (let w = c - 1; w >= 0; w -= 1)
+      F(w, "outgoing");
+  }
+  const S = [];
+  for (let y = 0; y <= c; y += 1) {
+    const w = d.get(y);
+    w && S.push(...w);
+  }
+  const R = /* @__PURE__ */ new Map();
+  S.forEach((y, w) => {
+    R.set(y, w);
+  });
+  const D = S.map((y, w) => ({
+    ...e[y],
+    sortOrder: w
+  })), B = r.map((y) => {
+    const w = R.get(y.source), N = R.get(y.target);
+    return w === void 0 || N === void 0 ? y : {
+      ...y,
+      source: w,
+      target: N,
+      sourceIndex: w,
+      targetIndex: N
+    };
+  });
+  return {
+    nodes: D,
+    links: B
+  };
+}
+function at(e, r) {
+  if (!e.length || !r.length)
+    return { nodes: e, links: r };
+  const o = Ce(e.length, r), a = [...e], c = [];
+  let g = 0;
+  return r.forEach((f) => {
+    const m = o[f.source] ?? 0, d = o[f.target] ?? m;
+    if (d - m <= 1) {
+      c.push(f);
+      return;
+    }
+    let v = f.source;
+    for (let L = m + 1; L < d; L += 1) {
+      const _ = a.length;
+      a.push({
+        name: "",
+        tokenAddress: `${it}_${g}`,
+        decimals: 18,
+        isMiddle: !0,
+        isVirtual: !0
+      }), c.push({
+        ...f,
+        source: v,
+        target: _,
+        sourceIndex: v,
+        targetIndex: _
+      }), v = _, g += 1;
+    }
+    c.push({
+      ...f,
+      source: v,
+      target: f.target,
+      sourceIndex: v,
+      targetIndex: f.target
+    });
+  }), {
+    nodes: a,
+    links: c
+  };
+}
+function ut(e) {
+  const r = Re(), [o, a] = X(/* @__PURE__ */ new Map()), c = Q(o);
+  c.current = o;
+  const g = V(() => e ? Array.isArray(e) ? e : e.paths : [], [e]), f = V(() => {
+    if (!g || g.length === 0) return [];
+    const L = /* @__PURE__ */ new Set();
+    return g.forEach((_) => {
+      L.add(_.tokenIn), L.add(_.tokenOut);
+    }), Array.from(L);
+  }, [g]), m = Q("");
+  m.current = ve(f);
+  const d = 56, b = et({ chainId: d });
+  return Fe(() => {
+    if (f.length === 0 || !b) return;
+    let L = !1;
+    const _ = ve(f);
+    return (async () => {
+      var E, P, U, $;
+      const S = c.current;
+      let R = ot(f, S);
+      a(R);
+      const D = f.filter(
+        (M) => {
+          var t, h;
+          return M.toLowerCase() !== me.toLowerCase() && !((t = R.get(M)) != null && t.symbol || (h = R.get(M.toLowerCase())) != null && h.symbol);
+        }
+      );
+      if (D.length === 0) return;
+      const B = Ve(D).catch((M) => (console.error("[useSankeyData] Error fetching from API", M), [])), T = rt(b, D), [y, w] = await Promise.all([B, T]);
+      if (L || m.current !== _) return;
+      const N = new Map(R);
+      for (const M of y)
+        M != null && M.symbol && (N.set(M.address.toLowerCase(), M), N.set(M.address, M));
+      for (const M of D) {
+        if ((E = N.get(M)) != null && E.symbol || (P = N.get(M.toLowerCase())) != null && P.symbol) continue;
+        const t = w.get(M) ?? w.get(M.toLowerCase());
+        if (!t) continue;
+        const h = ((U = N.get(M)) == null ? void 0 : U.logoURI) || (($ = N.get(M.toLowerCase())) == null ? void 0 : $.logoURI) || "", p = { ...t, logoURI: h || t.logoURI || "" };
+        N.set(M, p), N.set(M.toLowerCase(), p);
+        const k = t.symbol ?? "", n = t.decimals ?? 18, l = K.get(M);
+        if (!(l != null && l.logoURI)) {
+          const s = te({
+            address: M,
+            symbol: k,
+            name: k || M,
+            decimals: n,
+            logoURI: h
+          });
+          s && K.set(M, s);
+        }
+      }
+      a(N);
+    })(), () => {
+      L = !0;
+    };
+  }, [f, b, d, r]), V(() => {
+    var M;
+    if (!g || g.length === 0)
+      return { nodes: [], links: [] };
+    const L = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map();
+    f.forEach((t) => {
+      L.set(t, 0), _.set(t, 0);
+    }), g.forEach((t) => {
+      _.set(t.tokenIn, (_.get(t.tokenIn) || 0) + 1), L.set(t.tokenOut, (L.get(t.tokenOut) || 0) + 1);
+    });
+    const F = [], S = /* @__PURE__ */ new Map();
+    f.forEach((t, h) => {
+      var i, x;
+      const p = Z(t, o), k = L.get(t) === 0, n = _.get(t) === 0;
+      let l = p == null ? void 0 : p.symbol, u = l || t.slice(0, 6) + "..." + t.slice(-4), s = t;
+      (k || n) && l === "WBNB" && (l = "BNB", u = "BNB", s = me), F.push({
+        name: u,
+        tokenAddress: s,
+        symbol: l,
+        logoURI: (p == null ? void 0 : p.logoURI) || ((i = K.get(t)) == null ? void 0 : i.logoURI) || ((x = K.get(t.toLowerCase())) == null ? void 0 : x.logoURI),
+        decimals: (p == null ? void 0 : p.decimals) || 18,
+        isSource: k,
+        isSink: n,
+        isMiddle: (L.get(t) || 0) > 0 && (_.get(t) || 0) > 0
+      }), S.set(t, h);
+    });
+    const R = (t) => {
+      var h;
+      return ((h = Z(t, o)) == null ? void 0 : h.decimals) ?? 18;
+    }, D = (t, h) => {
+      try {
+        return Number(q(t).div(q(10).pow(h)).toString());
+      } catch {
+        return Number(t);
+      }
+    }, B = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map();
+    f.forEach((t) => T.set(t, 0)), g.forEach((t) => T.set(t.tokenOut, (T.get(t.tokenOut) || 0) + 1));
+    let y = (M = g[0]) == null ? void 0 : M.tokenIn;
+    for (const t of f)
+      if (T.get(t) === 0) {
+        y = t;
+        break;
+      }
+    if (y) {
+      B.set(y, 1);
+      const t = Math.max(3, Math.min(10, g.length));
+      for (let h = 0; h < t; h++) {
+        const p = /* @__PURE__ */ new Map();
+        for (const n of g) {
+          const l = B.get(n.tokenIn);
+          if (l === void 0) continue;
+          const u = D(n.amountIn, R(n.tokenIn)), s = D(n.amountOut, R(n.tokenOut));
+          if (s <= 0) continue;
+          const i = u * l, x = p.get(n.tokenOut) || { valueSum: 0, amountSum: 0 };
+          x.valueSum += i, x.amountSum += s, p.set(n.tokenOut, x);
+        }
+        let k = !1;
+        for (const [n, { valueSum: l, amountSum: u }] of p) {
+          if (u <= 0) continue;
+          const s = l / u, i = B.get(n), x = i === void 0 ? 1 / 0 : Math.abs(i - s) / Math.max(s, 1e-12);
+          (i === void 0 || x > 1e-6) && (B.set(n, s), k = !0);
+        }
+        if (!k) break;
+      }
+    }
+    let w = 0;
+    y && B.get(y) && (e && !Array.isArray(e) && e.amountIn ? w = D(e.amountIn, R(y)) * (B.get(y) || 1) : g.forEach((t) => {
+      if (t.tokenIn === y) {
+        const h = D(t.amountIn, R(t.tokenIn));
+        w += h * (B.get(y) || 1);
+      }
+    }));
+    const N = /* @__PURE__ */ new Map();
+    let E = 0;
+    const P = /* @__PURE__ */ new Map();
+    g.forEach((t) => {
+      const h = S.get(t.tokenIn), p = S.get(t.tokenOut), k = Z(t.tokenIn, o), n = Z(t.tokenOut, o);
+      if (h === void 0 || p === void 0)
+        return;
+      const l = t.provider || "unknown";
+      N.has(l) || (N.set(l, re[E % re.length]), E++);
+      const u = h !== void 0 ? F[h] : null, s = p !== void 0 ? F[p] : null;
+      let i = (k == null ? void 0 : k.symbol) || t.tokenIn.slice(0, 6), x = (n == null ? void 0 : n.symbol) || t.tokenOut.slice(0, 6);
+      u != null && u.isSource && i === "WBNB" && (i = "BNB"), s != null && s.isSink && x === "WBNB" && (x = "BNB");
+      const O = B.get(t.tokenIn) || 0, W = D(t.amountIn, R(t.tokenIn));
+      D(t.amountOut, R(t.tokenOut));
+      const j = W * O, z = `${t.tokenIn}-${t.tokenOut}-${l}`, A = P.get(z), H = Number(t.feeRate);
+      A ? (A.value += j || 0, A.amountIn = q(A.amountIn).add(t.amountIn).toFixed(0), A.amountOut = q(A.amountOut).add(t.amountOut).toFixed(0), A.__feeWeightedSum += (W || 0) * (H || 0), A.__amountInWeight += W || 0) : P.set(z, {
+        source: h,
+        target: p,
+        value: j || 1,
+        provider: t.provider,
+        feeRate: q(t.feeRate).mul(100).toFixed(2),
+        amountIn: t.amountIn,
+        amountOut: t.amountOut,
+        poolAddress: t.pool,
+        tokenInSymbol: i,
+        tokenOutSymbol: x,
+        sourceIndex: h,
+        targetIndex: p,
+        percent: "0%",
+        color: N.get(l) || re[0],
+        groupId: z,
+        displaySourceLogoURI: u == null ? void 0 : u.logoURI,
+        displayTargetLogoURI: s == null ? void 0 : s.logoURI,
+        displaySourceDecimals: u == null ? void 0 : u.decimals,
+        displayTargetDecimals: s == null ? void 0 : s.decimals,
+        __feeWeightedSum: (W || 0) * (H || 0),
+        __amountInWeight: W || 0
+      });
+    });
+    const U = Array.from(P.values()).map((t) => {
+      const h = w > 0 ? t.value / w * 100 : 0, p = h > 0 && h < 0.01 ? "<0.01%" : `${h.toFixed(2)}%`, k = t.__amountInWeight > 0 ? q(t.__feeWeightedSum).div(t.__amountInWeight).mul(100).toFixed(2) : t.feeRate, { __feeWeightedSum: n, __amountInWeight: l, ...u } = t;
+      return {
+        ...u,
+        percent: p,
+        feeRate: k
+      };
+    }), $ = at(F, U);
+    return ct($.nodes, $.links);
+  }, [g, f, o, e]);
+}
+function ke(e, r) {
+  let o;
+  if (r === void 0)
+    for (const a of e)
+      a != null && (o < a || o === void 0 && a >= a) && (o = a);
+  else {
+    let a = -1;
+    for (let c of e)
+      (c = r(c, ++a, e)) != null && (o < c || o === void 0 && c >= c) && (o = c);
+  }
+  return o;
+}
+function lt(e, r) {
+  let o;
+  if (r === void 0)
+    for (const a of e)
+      a != null && (o > a || o === void 0 && a >= a) && (o = a);
+  else {
+    let a = -1;
+    for (let c of e)
+      (c = r(c, ++a, e)) != null && (o > c || o === void 0 && c >= c) && (o = c);
+  }
+  return o;
+}
+function se(e, r) {
+  let o = 0;
+  if (r === void 0)
+    for (let a of e)
+      (a = +a) && (o += a);
+  else {
+    let a = -1;
+    for (let c of e)
+      (c = +r(c, ++a, e)) && (o += c);
+  }
+  return o;
+}
+function De(e, r) {
+  return e.sourceLinks.length ? e.depth : r - 1;
+}
+function ee(e) {
+  return function() {
+    return e;
+  };
+}
+function Ie(e, r) {
+  return ne(e.source, r.source) || e.index - r.index;
+}
+function be(e, r) {
+  return ne(e.target, r.target) || e.index - r.index;
+}
+function ne(e, r) {
+  return e.y0 - r.y0;
+}
+function ie(e) {
+  return e.value;
+}
+function ft(e) {
+  return e.index;
+}
+function dt(e) {
+  return e.nodes;
+}
+function ht(e) {
+  return e.links;
+}
+function Ne(e, r) {
+  const o = e.get(r);
+  if (!o) throw new Error("missing: " + r);
+  return o;
+}
+function Le({ nodes: e }) {
+  for (const r of e) {
+    let o = r.y0, a = o;
+    for (const c of r.sourceLinks)
+      c.y0 = o + c.width / 2, o += c.width;
+    for (const c of r.targetLinks)
+      c.y1 = a + c.width / 2, a += c.width;
+  }
+}
+function gt() {
+  let e = 0, r = 0, o = 1, a = 1, c = 24, g = 8, f, m = ft, d = De, b, v, L = dt, _ = ht, F = 6;
+  function S() {
+    const n = { nodes: L.apply(null, arguments), links: _.apply(null, arguments) };
+    return R(n), D(n), B(n), T(n), N(n), Le(n), n;
+  }
+  S.update = function(n) {
+    return Le(n), n;
+  }, S.nodeId = function(n) {
+    return arguments.length ? (m = typeof n == "function" ? n : ee(n), S) : m;
+  }, S.nodeAlign = function(n) {
+    return arguments.length ? (d = typeof n == "function" ? n : ee(n), S) : d;
+  }, S.nodeSort = function(n) {
+    return arguments.length ? (b = n, S) : b;
+  }, S.nodeWidth = function(n) {
+    return arguments.length ? (c = +n, S) : c;
+  }, S.nodePadding = function(n) {
+    return arguments.length ? (g = f = +n, S) : g;
+  }, S.nodes = function(n) {
+    return arguments.length ? (L = typeof n == "function" ? n : ee(n), S) : L;
+  }, S.links = function(n) {
+    return arguments.length ? (_ = typeof n == "function" ? n : ee(n), S) : _;
+  }, S.linkSort = function(n) {
+    return arguments.length ? (v = n, S) : v;
+  }, S.size = function(n) {
+    return arguments.length ? (e = r = 0, o = +n[0], a = +n[1], S) : [o - e, a - r];
+  }, S.extent = function(n) {
+    return arguments.length ? (e = +n[0][0], o = +n[1][0], r = +n[0][1], a = +n[1][1], S) : [[e, r], [o, a]];
+  }, S.iterations = function(n) {
+    return arguments.length ? (F = +n, S) : F;
+  };
+  function R({ nodes: n, links: l }) {
+    for (const [s, i] of n.entries())
+      i.index = s, i.sourceLinks = [], i.targetLinks = [];
+    const u = new Map(n.map((s, i) => [m(s, i, n), s]));
+    for (const [s, i] of l.entries()) {
+      i.index = s;
+      let { source: x, target: O } = i;
+      typeof x != "object" && (x = i.source = Ne(u, x)), typeof O != "object" && (O = i.target = Ne(u, O)), x.sourceLinks.push(i), O.targetLinks.push(i);
+    }
+    if (v != null)
+      for (const { sourceLinks: s, targetLinks: i } of n)
+        s.sort(v), i.sort(v);
+  }
+  function D({ nodes: n }) {
+    for (const l of n)
+      l.value = l.fixedValue === void 0 ? Math.max(se(l.sourceLinks, ie), se(l.targetLinks, ie)) : l.fixedValue;
+  }
+  function B({ nodes: n }) {
+    const l = n.length;
+    let u = new Set(n), s = /* @__PURE__ */ new Set(), i = 0;
+    for (; u.size; ) {
+      for (const x of u) {
+        x.depth = i;
+        for (const { target: O } of x.sourceLinks)
+          s.add(O);
+      }
+      if (++i > l) throw new Error("circular link");
+      u = s, s = /* @__PURE__ */ new Set();
+    }
+  }
+  function T({ nodes: n }) {
+    const l = n.length;
+    let u = new Set(n), s = /* @__PURE__ */ new Set(), i = 0;
+    for (; u.size; ) {
+      for (const x of u) {
+        x.height = i;
+        for (const { source: O } of x.targetLinks)
+          s.add(O);
+      }
+      if (++i > l) throw new Error("circular link");
+      u = s, s = /* @__PURE__ */ new Set();
+    }
+  }
+  function y({ nodes: n }) {
+    const l = ke(n, (i) => i.depth) + 1, u = (o - e - c) / (l - 1), s = new Array(l);
+    for (const i of n) {
+      const x = Math.max(0, Math.min(l - 1, Math.floor(d.call(null, i, l))));
+      i.layer = x, i.x0 = e + x * u, i.x1 = i.x0 + c, s[x] ? s[x].push(i) : s[x] = [i];
+    }
+    if (b) for (const i of s)
+      i.sort(b);
+    return s;
+  }
+  function w(n) {
+    const l = lt(n, (u) => (a - r - (u.length - 1) * f) / se(u, ie));
+    for (const u of n) {
+      let s = r;
+      for (const i of u) {
+        i.y0 = s, i.y1 = s + i.value * l, s = i.y1 + f;
+        for (const x of i.sourceLinks)
+          x.width = x.value * l;
+      }
+      s = (a - s + f) / (u.length + 1);
+      for (let i = 0; i < u.length; ++i) {
+        const x = u[i];
+        x.y0 += s * (i + 1), x.y1 += s * (i + 1);
+      }
+      h(u);
+    }
+  }
+  function N(n) {
+    const l = y(n);
+    f = Math.min(g, (a - r) / (ke(l, (u) => u.length) - 1)), w(l);
+    for (let u = 0; u < F; ++u) {
+      const s = Math.pow(0.99, u), i = Math.max(1 - s, (u + 1) / F);
+      P(l, s, i), E(l, s, i);
+    }
+  }
+  function E(n, l, u) {
+    for (let s = 1, i = n.length; s < i; ++s) {
+      const x = n[s];
+      for (const O of x) {
+        let W = 0, j = 0;
+        for (const { source: A, value: H } of O.targetLinks) {
+          let Y = H * (O.layer - A.layer);
+          W += p(A, O) * Y, j += Y;
+        }
+        if (!(j > 0)) continue;
+        let z = (W / j - O.y0) * l;
+        O.y0 += z, O.y1 += z, t(O);
+      }
+      b === void 0 && x.sort(ne), U(x, u);
+    }
+  }
+  function P(n, l, u) {
+    for (let s = n.length, i = s - 2; i >= 0; --i) {
+      const x = n[i];
+      for (const O of x) {
+        let W = 0, j = 0;
+        for (const { target: A, value: H } of O.sourceLinks) {
+          let Y = H * (A.layer - O.layer);
+          W += k(O, A) * Y, j += Y;
+        }
+        if (!(j > 0)) continue;
+        let z = (W / j - O.y0) * l;
+        O.y0 += z, O.y1 += z, t(O);
+      }
+      b === void 0 && x.sort(ne), U(x, u);
+    }
+  }
+  function U(n, l) {
+    const u = n.length >> 1, s = n[u];
+    M(n, s.y0 - f, u - 1, l), $(n, s.y1 + f, u + 1, l), M(n, a, n.length - 1, l), $(n, r, 0, l);
+  }
+  function $(n, l, u, s) {
+    for (; u < n.length; ++u) {
+      const i = n[u], x = (l - i.y0) * s;
+      x > 1e-6 && (i.y0 += x, i.y1 += x), l = i.y1 + f;
+    }
+  }
+  function M(n, l, u, s) {
+    for (; u >= 0; --u) {
+      const i = n[u], x = (i.y1 - l) * s;
+      x > 1e-6 && (i.y0 -= x, i.y1 -= x), l = i.y0 - f;
+    }
+  }
+  function t({ sourceLinks: n, targetLinks: l }) {
+    if (v === void 0) {
+      for (const { source: { sourceLinks: u } } of l)
+        u.sort(be);
+      for (const { target: { targetLinks: u } } of n)
+        u.sort(Ie);
+    }
+  }
+  function h(n) {
+    if (v === void 0)
+      for (const { sourceLinks: l, targetLinks: u } of n)
+        l.sort(be), u.sort(Ie);
+  }
+  function p(n, l) {
+    let u = n.y0 - (n.sourceLinks.length - 1) * f / 2;
+    for (const { target: s, width: i } of n.sourceLinks) {
+      if (s === l) break;
+      u += i + f;
+    }
+    for (const { source: s, width: i } of l.targetLinks) {
+      if (s === n) break;
+      u -= i;
+    }
+    return u;
+  }
+  function k(n, l) {
+    let u = l.y0 - (l.targetLinks.length - 1) * f / 2;
+    for (const { source: s, width: i } of l.targetLinks) {
+      if (s === n) break;
+      u += i + f;
+    }
+    for (const { target: s, width: i } of n.sourceLinks) {
+      if (s === l) break;
+      u -= i;
+    }
+    return u;
+  }
+  return S;
+}
+var ue = Math.PI, le = 2 * ue, G = 1e-6, mt = le - G;
+function fe() {
+  this._x0 = this._y0 = // start of current subpath
+  this._x1 = this._y1 = null, this._ = "";
+}
+function Be() {
+  return new fe();
+}
+fe.prototype = Be.prototype = {
+  constructor: fe,
+  moveTo: function(e, r) {
+    this._ += "M" + (this._x0 = this._x1 = +e) + "," + (this._y0 = this._y1 = +r);
+  },
+  closePath: function() {
+    this._x1 !== null && (this._x1 = this._x0, this._y1 = this._y0, this._ += "Z");
+  },
+  lineTo: function(e, r) {
+    this._ += "L" + (this._x1 = +e) + "," + (this._y1 = +r);
+  },
+  quadraticCurveTo: function(e, r, o, a) {
+    this._ += "Q" + +e + "," + +r + "," + (this._x1 = +o) + "," + (this._y1 = +a);
+  },
+  bezierCurveTo: function(e, r, o, a, c, g) {
+    this._ += "C" + +e + "," + +r + "," + +o + "," + +a + "," + (this._x1 = +c) + "," + (this._y1 = +g);
+  },
+  arcTo: function(e, r, o, a, c) {
+    e = +e, r = +r, o = +o, a = +a, c = +c;
+    var g = this._x1, f = this._y1, m = o - e, d = a - r, b = g - e, v = f - r, L = b * b + v * v;
+    if (c < 0) throw new Error("negative radius: " + c);
+    if (this._x1 === null)
+      this._ += "M" + (this._x1 = e) + "," + (this._y1 = r);
+    else if (L > G) if (!(Math.abs(v * m - d * b) > G) || !c)
+      this._ += "L" + (this._x1 = e) + "," + (this._y1 = r);
+    else {
+      var _ = o - g, F = a - f, S = m * m + d * d, R = _ * _ + F * F, D = Math.sqrt(S), B = Math.sqrt(L), T = c * Math.tan((ue - Math.acos((S + L - R) / (2 * D * B))) / 2), y = T / B, w = T / D;
+      Math.abs(y - 1) > G && (this._ += "L" + (e + y * b) + "," + (r + y * v)), this._ += "A" + c + "," + c + ",0,0," + +(v * _ > b * F) + "," + (this._x1 = e + w * m) + "," + (this._y1 = r + w * d);
+    }
+  },
+  arc: function(e, r, o, a, c, g) {
+    e = +e, r = +r, o = +o, g = !!g;
+    var f = o * Math.cos(a), m = o * Math.sin(a), d = e + f, b = r + m, v = 1 ^ g, L = g ? a - c : c - a;
+    if (o < 0) throw new Error("negative radius: " + o);
+    this._x1 === null ? this._ += "M" + d + "," + b : (Math.abs(this._x1 - d) > G || Math.abs(this._y1 - b) > G) && (this._ += "L" + d + "," + b), o && (L < 0 && (L = L % le + le), L > mt ? this._ += "A" + o + "," + o + ",0,1," + v + "," + (e - f) + "," + (r - m) + "A" + o + "," + o + ",0,1," + v + "," + (this._x1 = d) + "," + (this._y1 = b) : L > G && (this._ += "A" + o + "," + o + ",0," + +(L >= ue) + "," + v + "," + (this._x1 = e + o * Math.cos(c)) + "," + (this._y1 = r + o * Math.sin(c))));
+  },
+  rect: function(e, r, o, a) {
+    this._ += "M" + (this._x0 = this._x1 = +e) + "," + (this._y0 = this._y1 = +r) + "h" + +o + "v" + +a + "h" + -o + "Z";
+  },
+  toString: function() {
+    return this._;
+  }
+};
+function Me(e) {
+  return function() {
+    return e;
+  };
+}
+function pt(e) {
+  return e[0];
+}
+function yt(e) {
+  return e[1];
+}
+var xt = Array.prototype.slice;
+function vt(e) {
+  return e.source;
+}
+function wt(e) {
+  return e.target;
+}
+function kt(e) {
+  var r = vt, o = wt, a = pt, c = yt, g = null;
+  function f() {
+    var m, d = xt.call(arguments), b = r.apply(this, d), v = o.apply(this, d);
+    if (g || (g = m = Be()), e(g, +a.apply(this, (d[0] = b, d)), +c.apply(this, d), +a.apply(this, (d[0] = v, d)), +c.apply(this, d)), m) return g = null, m + "" || null;
+  }
+  return f.source = function(m) {
+    return arguments.length ? (r = m, f) : r;
+  }, f.target = function(m) {
+    return arguments.length ? (o = m, f) : o;
+  }, f.x = function(m) {
+    return arguments.length ? (a = typeof m == "function" ? m : Me(+m), f) : a;
+  }, f.y = function(m) {
+    return arguments.length ? (c = typeof m == "function" ? m : Me(+m), f) : c;
+  }, f.context = function(m) {
+    return arguments.length ? (g = m ?? null, f) : g;
+  }, f;
+}
+function It(e, r, o, a, c) {
+  e.moveTo(r, o), e.bezierCurveTo(r = (r + a) / 2, o, r, c, a, c);
+}
+function bt() {
+  return kt(It);
+}
+function Nt(e) {
+  return [e.source.x1, e.y0];
+}
+function Lt(e) {
+  return [e.target.x0, e.y1];
+}
+function Mt() {
+  return bt().source(Nt).target(Lt);
+}
+const St = ({ data: e }) => {
+  var b, v, L, _, F;
+  const { resolveLogo: r } = Te(), o = {
+    ...e.source,
+    logoURI: e.displaySourceLogoURI || ((b = e.source) == null ? void 0 : b.logoURI),
+    decimals: e.displaySourceDecimals ?? ((v = e.source) == null ? void 0 : v.decimals)
+  }, a = {
+    ...e.target,
+    logoURI: e.displayTargetLogoURI || ((L = e.target) == null ? void 0 : L.logoURI),
+    decimals: e.displayTargetDecimals ?? ((_ = e.target) == null ? void 0 : _.decimals)
+  }, c = e.poolAddress, g = !!c && !Qe.includes((F = e.provider) == null ? void 0 : F.trim().toUpperCase());
+  if (!o || !a) return null;
+  const f = r ? r(o.address || o.tokenAddress, o.logoURI) : o.logoURI, m = r ? r(a.address || a.tokenAddress, a.logoURI) : a.logoURI, d = {
+    amountIn: e.amountIn,
+    amountOut: e.amountOut,
+    tokenInSymbol: e.tokenInSymbol,
+    tokenOutSymbol: e.tokenOutSymbol,
+    feeRate: e.feeRate,
+    provider: e.provider,
+    percent: e.percent,
+    color: e.color
+  };
+  return /* @__PURE__ */ I("div", { className: "pointer-events-auto min-w-[280px] rounded-2xl border border-border/80 bg-card/95 p-4 text-foreground shadow-2xl backdrop-blur-xl", children: /* @__PURE__ */ C("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ I("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ C("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ I("div", { className: "rounded-full w-5 h-5 flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ I(
+        J,
+        {
+          fallbackText: d.provider,
+          src: Ze(d.provider),
+          className: "w-full h-full object-cover"
+        }
+      ) }),
+      /* @__PURE__ */ C("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ C("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ I(
+            "div",
+            {
+              className: "w-2 h-2 rounded-full",
+              style: { backgroundColor: d.color }
+            }
+          ),
+          /* @__PURE__ */ I("span", { className: "text-sm leading-none text-foreground", children: Ee(d.provider) })
+        ] }),
+        /* @__PURE__ */ I("p", { className: "text-xs font-medium text-muted-foreground", children: /* @__PURE__ */ I("span", { children: d.percent }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ C("div", { className: "bg-input text-foreground rounded-md p-2 flex items-center justify-between gap-1", children: [
+      /* @__PURE__ */ C("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ I(
+          J,
+          {
+            fallbackText: d.tokenInSymbol,
+            src: f,
+            className: "w-4 h-4 rounded-full"
+          }
+        ),
+        /* @__PURE__ */ C("span", { className: "text-xs font-medium leading-none", children: [
+          d.amountIn ? ye(d.amountIn, o.decimals || 18, !1) : "0",
+          " ",
+          /* @__PURE__ */ I("span", { className: "text-muted-foreground", children: d.tokenInSymbol })
+        ] })
+      ] }),
+      /* @__PURE__ */ I(nt, { className: "size-3" }),
+      /* @__PURE__ */ C("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ C("span", { className: "text-xs font-medium leading-none", children: [
+          d.amountOut ? ye(d.amountOut, a.decimals || 18, !1) : "0",
+          " ",
+          /* @__PURE__ */ I("span", { className: "text-muted-foreground", children: d.tokenOutSymbol })
+        ] }),
+        m && /* @__PURE__ */ I(
+          J,
+          {
+            fallbackText: d.tokenOutSymbol,
+            src: m,
+            className: "w-4 h-4 rounded-full"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ I("p", { className: "text-xs font-medium text-muted-foreground leading-none mt-1", children: "Pool:" }),
+    /* @__PURE__ */ C("div", { className: "flex items-center gap-4 justify-between text-xs font-medium text-muted-foreground relative -top-1", children: [
+      /* @__PURE__ */ C("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ C("p", { className: "flex items-center gap-1", children: [
+          d.tokenInSymbol,
+          " - ",
+          d.tokenOutSymbol
+        ] }),
+        /* @__PURE__ */ C("span", { children: [
+          d.feeRate,
+          "%"
+        ] })
+      ] }),
+      g ? /* @__PURE__ */ I(Ae, { address: c, showLinkIcon: !0, hoverLight: !0 }) : null
+    ] })
+  ] }) });
+}, Se = 500, ce = 48, _t = 108, Ot = 40, _e = 2, oe = (e) => (e.x0 + e.x1) / 2, Oe = (e) => (e.y0 + e.y1) / 2;
+function Rt(e) {
+  if (!e.length)
+    return "";
+  const r = e[0];
+  let o = r.source.isVirtual ? oe(r.source) : r.source.x1, a = r.source.isVirtual ? Oe(r.source) : r.y0, c = `M${o},${a}`;
+  return e.forEach((g) => {
+    const f = g.target.isVirtual ? oe(g.target) : g.target.x0, m = g.target.isVirtual ? Oe(g.target) : g.y1, d = (o + f) / 2;
+    c += `C${d},${a} ${d},${m} ${f},${m}`, o = f, a = m;
+  }), c;
+}
+function Bt({ data: e, height: r = Se }) {
+  const o = Q(null), a = Q(null), { resolveLogo: c } = Te();
+  Re();
+  const { nodes: g, links: f } = ut(e), [m, d] = X(null), [b, v] = X(null), [L, _] = X(!1), [F, S] = X(null), R = Q(null), D = V(() => {
+    if (!g.length || !f.length) return null;
+    const t = g.map((p, k) => ({ ...p, id: k })), h = f.map((p) => ({
+      ...p,
+      source: p.source,
+      target: p.target,
+      value: p.value
+    }));
+    return { nodes: t, links: h };
+  }, [g, f]), B = V(() => {
+    if (r !== Se || !f.length) return r;
+    const t = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map();
+    f.forEach((k) => {
+      h.set(k.source, (h.get(k.source) || 0) + 1), t.set(k.target, (t.get(k.target) || 0) + 1);
+    });
+    let p = !1;
+    for (const k of t.values())
+      if (k > 1) {
+        p = !0;
+        break;
+      }
+    if (!p) {
+      for (const k of h.values())
+        if (k > 1) {
+          p = !0;
+          break;
+        }
+    }
+    return p ? r : 320;
+  }, [f, r]), [T, y] = X({ width: 0, height: B });
+  Fe(() => {
+    if (!o.current) return;
+    const t = new ResizeObserver((h) => {
+      h[0] && y({
+        width: h[0].contentRect.width,
+        height: B
+      });
+    });
+    return t.observe(o.current), () => t.disconnect();
+  }, [B]);
+  const w = V(() => {
+    if (!D || T.width === 0) return null;
+    const t = gt().nodeWidth(ce).nodePadding(50).extent([
+      [0, 10],
+      [T.width, T.height - 20]
+    ]).nodeAlign(De).nodeSort((h, p) => {
+      const k = (h.sortOrder ?? 0) - (p.sortOrder ?? 0);
+      return k !== 0 ? k : (p.value ?? 0) - (h.value ?? 0);
+    }).linkSort((h, p) => {
+      const k = (h.source.sortOrder ?? 0) - (p.source.sortOrder ?? 0);
+      if (k !== 0)
+        return k;
+      const n = (h.target.sortOrder ?? 0) - (p.target.sortOrder ?? 0);
+      return n !== 0 ? n : (p.value ?? 0) - (h.value ?? 0);
+    }).iterations(128);
+    try {
+      return t(JSON.parse(JSON.stringify(D)));
+    } catch (h) {
+      return console.error("[D3Sankey] Layout failed:", h), null;
+    }
+  }, [D, T]), N = V(() => {
+    if (!w) return null;
+    const t = w.nodes.map((s) => {
+      if (!s.isVirtual)
+        return { ...s };
+      const i = (s.x0 + s.x1) / 2;
+      return {
+        ...s,
+        x0: i - _e / 2,
+        x1: i + _e / 2
+      };
+    }), h = Array.from(new Set(t.map((s) => s.x0))).sort((s, i) => s - i), p = h[0], k = h[h.length - 1], n = /* @__PURE__ */ new Map();
+    [p, k].forEach((s) => {
+      const i = t.filter((A) => A.x0 === s);
+      if (i.length === 0) return;
+      const x = Math.min(...i.map((A) => A.y0)), W = Math.max(...i.map((A) => A.y1)) - x, z = T.height / 2 - W / 2 - x;
+      i.forEach((A) => {
+        A.y0 += z, A.y1 += z, n.set(A.id, z);
+      });
+    });
+    const l = new Map(t.map((s) => [s.id, s])), u = w.links.map((s) => {
+      const i = l.get(s.source.id), x = l.get(s.target.id);
+      if (!i || !x)
+        return s;
+      const O = n.get(s.source.id) || 0, W = n.get(s.target.id) || 0, j = s.y0 + O, z = s.y1 + W, A = i.isVirtual ? 0 : 12, H = x.isVirtual ? 0 : 12, Y = i.y1 - i.y0, de = x.y1 - x.y0, he = Math.max(0.1, (Y - A * 2) / Y), ge = Math.max(0.1, (de - H * 2) / de), Pe = j - i.y0, Ue = i.y0 + A + Pe * he, $e = z - x.y0, We = x.y0 + H + $e * ge;
+      return {
+        ...s,
+        source: i,
+        target: x,
+        y0: Ue,
+        y1: We,
+        width: s.width * Math.min(he, ge)
+      };
+    });
+    return { nodes: t, links: u };
+  }, [w, T.height]), E = V(() => {
+    if (!N)
+      return [];
+    const t = /* @__PURE__ */ new Map();
+    return N.links.forEach((h, p) => {
+      const k = h.groupId || `link-${p}`, n = t.get(k), l = { ...h, __index: p };
+      if (n) {
+        n.push(l);
+        return;
+      }
+      t.set(k, [l]);
+    }), Array.from(t.entries()).map(([h, p]) => {
+      const k = [...p].sort((u, s) => {
+        const i = (u.source.isVirtual ? oe(u.source) : u.source.x0) - (s.source.isVirtual ? oe(s.source) : s.source.x0);
+        return Math.abs(i) > 1e-6 ? i : u.__index - s.__index;
+      }), n = k[0], l = k[k.length - 1];
+      return {
+        ...n,
+        groupId: h,
+        source: n.source,
+        target: l.target,
+        width: Math.max(Math.min(...k.map((u) => u.width || 0)), 2),
+        path: Rt(k)
+      };
+    });
+  }, [N]), P = (t, h) => {
+    if (R.current && (clearTimeout(R.current), R.current = null), o.current) {
+      const p = o.current.getBoundingClientRect();
+      S({
+        x: h.clientX - p.left,
+        y: h.clientY - p.top
+      });
+    }
+    v(t), _(!0);
+  }, U = () => {
+    R.current = setTimeout(() => {
+      _(!1), v(null);
+    }, 150);
+  }, $ = (t) => `sankey-gradient-${(t || "unknown").replace(/[^a-z0-9_-]/gi, "_")}`, M = V(() => {
+    const t = /* @__PURE__ */ new Map();
+    return E.forEach((h) => {
+      const p = h.provider || "unknown";
+      t.has(p) || t.set(p, h.color);
+    }), Array.from(t.entries());
+  }, [E]);
+  return !g.length || !f.length ? /* @__PURE__ */ I("div", { style: { height: B }, className: "flex items-center justify-center", children: /* @__PURE__ */ I("span", { className: "text-secondary", children: "No routing data | Rendering failed" }) }) : /* @__PURE__ */ C("div", { className: "w-full h-full flex flex-col gap-4 mt-4 relative select-none", ref: o, children: [
+    /* @__PURE__ */ C("div", { style: { width: "100%", height: T.height }, className: "relative", children: [
+      /* @__PURE__ */ C(
+        "svg",
+        {
+          ref: a,
+          width: "100%",
+          height: T.height,
+          viewBox: `0 0 ${T.width} ${T.height}`,
+          className: "overflow-visible",
+          children: [
+            /* @__PURE__ */ I("defs", { children: M.map(([t, h]) => /* @__PURE__ */ C(
+              "linearGradient",
+              {
+                id: $(t),
+                gradientUnits: "userSpaceOnUse",
+                spreadMethod: "repeat",
+                x1: 0,
+                x2: T.width,
+                children: [
+                  /* @__PURE__ */ I("stop", { offset: "0%", stopColor: h, stopOpacity: 0.65 }),
+                  /* @__PURE__ */ I("stop", { offset: "50%", stopColor: h, stopOpacity: 0.9 }),
+                  /* @__PURE__ */ I("stop", { offset: "100%", stopColor: h, stopOpacity: 0.65 }),
+                  /* @__PURE__ */ I(
+                    "animateTransform",
+                    {
+                      attributeName: "gradientTransform",
+                      type: "translate",
+                      from: "0 0",
+                      to: `${T.width} 0`,
+                      dur: "3.6s",
+                      repeatCount: "indefinite"
+                    }
+                  )
+                ]
+              },
+              t
+            )) }),
+            /* @__PURE__ */ I("g", { children: E.map((t, h) => {
+              const p = b && b.groupId === t.groupId || m === t.provider, k = (b || m) && !p;
+              return /* @__PURE__ */ I(
+                "path",
+                {
+                  d: t.path || Mt()(t) || "",
+                  fill: "none",
+                  stroke: `url(#${$(t.provider)})`,
+                  strokeWidth: t.width,
+                  opacity: k ? 0.1 : p ? 1 : 0.8,
+                  className: "cursor-pointer transition-opacity duration-300",
+                  onMouseEnter: (n) => P(t, n),
+                  onMouseLeave: U,
+                  style: {
+                    // Only transition opacity to avoid any path deformation during re-renders
+                    transition: "opacity 0.3s ease-in-out"
+                  },
+                  strokeLinecap: "butt"
+                },
+                `link-${h}`
+              );
+            }) }),
+            /* @__PURE__ */ I("g", { children: N == null ? void 0 : N.nodes.map((t, h) => {
+              if (t.isVirtual)
+                return null;
+              const p = t.isSource || t.isSink ? ce : _t, k = Math.max(t.y1 - t.y0, Ot), n = t.x0 - (p - ce) / 2, l = t.y0 - (k - (t.y1 - t.y0)) / 2, u = (s) => /* @__PURE__ */ C(ze, { children: [
+                /* @__PURE__ */ I("div", { className: "w-5 h-5 rounded-full overflow-hidden shrink-0", children: /* @__PURE__ */ I(
+                  J,
+                  {
+                    fallbackText: t.symbol,
+                    src: c ? c(t.address || t.tokenAddress, t.logoURI) : t.logoURI,
+                    alt: t.symbol,
+                    className: "w-full h-full object-cover"
+                  }
+                ) }),
+                /* @__PURE__ */ I("span", { className: "text-foreground text-center leading-tight wrap-break-word text-[12px]", children: pe(t.symbol, 6) || pe(t.name, 6) })
+              ] });
+              return /* @__PURE__ */ I(
+                "foreignObject",
+                {
+                  x: n,
+                  y: l,
+                  width: p,
+                  height: k,
+                  className: "overflow-visible",
+                  children: /* @__PURE__ */ C("div", { className: "relative w-full h-full group cursor-pointer", children: [
+                    /* @__PURE__ */ I("div", { className: "absolute inset-0 bg-background/15 border border-border rounded-[12px] backdrop-blur-xl" }),
+                    /* @__PURE__ */ I("div", { className: "absolute inset-0 bg-background/10 border border-border rounded-[12px]" }),
+                    /* @__PURE__ */ I(
+                      "div",
+                      {
+                        className: ae(
+                          "w-full h-full flex items-center justify-center p-1 relative z-10",
+                          t.isSource || t.isSink ? "flex-col gap-2" : "flex-row gap-1"
+                        ),
+                        children: /* @__PURE__ */ C(Ye, { children: [
+                          /* @__PURE__ */ I(Ge, { asChild: !0, children: /* @__PURE__ */ I("div", { className: "flex gap-1 items-center justify-center w-full h-auto py-3", children: t.isSource || t.isSink ? /* @__PURE__ */ I("div", { className: "flex flex-col items-center gap-2", children: /* @__PURE__ */ I("div", { className: "w-6 h-6 rounded-full overflow-hidden shrink-0", children: /* @__PURE__ */ I(
+                            J,
+                            {
+                              fallbackText: t.symbol,
+                              src: c ? c(
+                                t.address || t.tokenAddress,
+                                t.logoURI
+                              ) : t.logoURI,
+                              alt: t.symbol,
+                              className: "w-full h-full object-cover"
+                            }
+                          ) }) }) : u() }) }),
+                          /* @__PURE__ */ I(Xe, { className: "max-w-[320px] text-xs z-9999", children: /* @__PURE__ */ C("div", { className: "flex items-center gap-4", children: [
+                            /* @__PURE__ */ I("div", { className: "flex gap-1 items-center", children: u() }),
+                            /* @__PURE__ */ I(Ae, { address: t.tokenAddress, showLinkIcon: !0, hoverLight: !0 })
+                          ] }) })
+                        ] })
+                      }
+                    )
+                  ] })
+                },
+                `node-${h}`
+              );
+            }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ C(qe, { open: L, onOpenChange: _, modal: !1, children: [
+        /* @__PURE__ */ I(
+          Ke,
+          {
+            className: "pointer-events-none absolute",
+            style: {
+              left: F ? F.x : 0,
+              top: F ? F.y : 0,
+              width: 1,
+              height: 1
+            }
+          }
+        ),
+        /* @__PURE__ */ I(
+          Je,
+          {
+            className: "w-fit z-9999 p-0 border-none bg-transparent shadow-none",
+            side: "top",
+            align: "center",
+            sideOffset: 0,
+            onMouseEnter: () => {
+              R.current && (clearTimeout(R.current), R.current = null);
+            },
+            onMouseLeave: U,
+            children: b && /* @__PURE__ */ I(St, { data: b })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ I(
+      Tt,
+      {
+        links: f,
+        hoveredProvider: m,
+        setHoveredProvider: d
+      }
+    )
+  ] });
+}
+const Tt = ({
+  links: e,
+  hoveredProvider: r,
+  setHoveredProvider: o
+}) => {
+  const [a, c] = X(!1), g = V(() => {
+    const v = /* @__PURE__ */ new Set();
+    return e.filter((L) => v.has(L.provider) ? !1 : (v.add(L.provider), !0));
+  }, [e]), m = 7 * 2, d = g.length > m, b = a ? g : g.slice(0, m);
+  return /* @__PURE__ */ C("div", { className: "px-0 pb-2 flex gap-6", children: [
+    /* @__PURE__ */ C("div", { className: "flex flex-wrap gap-y-3 gap-x-10", children: [
+      b.map((v) => /* @__PURE__ */ C(
+        "div",
+        {
+          className: "flex items-center gap-2 cursor-pointer group",
+          onMouseEnter: () => o(v.provider),
+          onMouseLeave: () => o(null),
+          children: [
+            /* @__PURE__ */ I(
+              "div",
+              {
+                className: ae(
+                  "w-2 h-2 rounded-full shrink-0 transition-transform"
+                  // (hoveredProvider === link.provider) ? "scale-125" : "group-hover:scale-125"
+                ),
+                style: { backgroundColor: v.color || "#fff" }
+              }
+            ),
+            /* @__PURE__ */ I(
+              "span",
+              {
+                className: ae(
+                  "text-[12px] whitespace-nowrap transition-colors cursor-pointer",
+                  r === v.provider ? "text-foreground" : "text-foreground/70 group-hover:text-foreground"
+                ),
+                children: Ee(v.provider)
+              }
+            )
+          ]
+        },
+        v.provider
+      )),
+      d && !a && /* @__PURE__ */ I(
+        "button",
+        {
+          onClick: () => c(!0),
+          className: "text-[12px] text-[#FF9E44] hover:opacity-80 transition-opacity",
+          children: "Show All"
+        }
+      )
+    ] }),
+    a && d && /* @__PURE__ */ I("div", { className: "flex justify-start", children: /* @__PURE__ */ I(
+      "button",
+      {
+        onClick: () => c(!1),
+        className: "text-[12px] text-[#FF9E44] hover:opacity-80 transition-opacity",
+        children: "Show Less"
+      }
+    ) })
+  ] });
+};
+export {
+  Bt as default
+};