@deloraprotocol/widget 1.0.0

package/dist/index.js

@@ -0,0 +1,2172 @@
+var wt = Object.defineProperty;
+var He = (t) => {
+  throw TypeError(t);
+};
+var ut = (t, e, n) => e in t ? wt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var Se = (t, e, n) => ut(t, typeof e != "symbol" ? e + "" : e, n), Ce = (t, e, n) => e.has(t) || He("Cannot " + n);
+var b = (t, e, n) => (Ce(t, e, "read from private field"), n ? n.call(t) : e.get(t)), ge = (t, e, n) => e.has(t) ? He("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), ke = (t, e, n, r) => (Ce(t, e, "write to private field"), r ? r.call(t, n) : e.set(t, n), n), E = (t, e, n) => (Ce(t, e, "access private method"), n);
+import { jsxs as v, jsx as d, Fragment as ft } from "react/jsx-runtime";
+import { useState as U, useEffect as oe, useCallback as D, useRef as se, useLayoutEffect as ht, useMemo as ie } from "react";
+const pt = {
+  bg: "#ffffff",
+  fg: "#111216",
+  accent: "#7ca7f5",
+  border: "#dfe2ea",
+  muted: "#8e93a1",
+  surface: "#ffffff",
+  surfaceAlt: "#f6f7fb",
+  surfaceHover: "#eef2fb",
+  textSubtle: "#8a90a0",
+  accentHover: "#6a95ee",
+  success: "#89d76e",
+  danger: "#f06a63",
+  overlay: "rgba(13, 16, 24, 0.3)",
+  shadow: "0 18px 50px rgba(15, 20, 34, 0.08)",
+  radius: "10px",
+  fontFamily: "'Roboto Mono', monospace",
+  fontSize: "13px",
+  lineHeight: "1.2",
+  letterSpacing: "-0.05em"
+}, mt = {
+  bg: "#090909",
+  fg: "#ffffff",
+  accent: "#7ca7f5",
+  border: "#232323",
+  muted: "#636363",
+  surface: "#090909",
+  surfaceAlt: "#0f0f0f",
+  surfaceHover: "#161616",
+  textSubtle: "#7a7a7a",
+  accentHover: "#6a95ee",
+  success: "#87d96f",
+  danger: "#f06a63",
+  overlay: "rgba(0, 0, 0, 0.72)",
+  shadow: "0 0 0 1px rgba(255, 255, 255, 0.03)",
+  radius: "10px",
+  fontFamily: "'Roboto Mono', monospace",
+  fontSize: "13px",
+  lineHeight: "1.2",
+  letterSpacing: "-0.05em"
+}, gt = {
+  light: pt,
+  dark: mt
+};
+function et(t, e) {
+  return { ...gt[t], ...e };
+}
+const bt = {
+  bg: "--dw-bg",
+  fg: "--dw-fg",
+  accent: "--dw-accent",
+  border: "--dw-border",
+  muted: "--dw-muted",
+  surface: "--dw-surface",
+  surfaceAlt: "--dw-surface-alt",
+  surfaceHover: "--dw-surface-hover",
+  textSubtle: "--dw-text-subtle",
+  accentHover: "--dw-accent-hover",
+  success: "--dw-success",
+  danger: "--dw-danger",
+  overlay: "--dw-overlay",
+  shadow: "--dw-shadow",
+  radius: "--dw-radius",
+  fontFamily: "--dw-font",
+  fontSize: "--dw-font-size",
+  lineHeight: "--dw-line-height",
+  letterSpacing: "--dw-letter-spacing"
+};
+function tt(t) {
+  const e = {};
+  for (const [n, r] of Object.entries(t)) {
+    const s = bt[n];
+    s && r != null && (e[s] = r);
+  }
+  return e;
+}
+function hn(t) {
+  const {
+    theme: e = "light",
+    vars: n,
+    className: r,
+    style: s,
+    ...a
+  } = t, i = et(e, n), h = {
+    ...tt(i),
+    ...s
+  };
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      "data-delora-widget-root": !0,
+      className: `dw-flex dw-flex-col dw-gap-3 dw-rounded-[var(--dw-radius)] dw-border dw-border-[var(--dw-border)] dw-bg-[var(--dw-bg)] dw-p-4 dw-shadow-sm ${r ?? ""}`,
+      style: h,
+      ...a,
+      children: [
+        /* @__PURE__ */ d("h3", { className: "dw-text-base dw-font-semibold dw-text-[var(--dw-fg)]", children: "Delora" }),
+        /* @__PURE__ */ d("p", { className: "dw-text-sm dw-text-[var(--dw-muted)]", children: "A simple widget with theme support." }),
+        /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            className: "dw-inline-flex dw-items-center dw-justify-center dw-rounded-[var(--dw-radius)] dw-bg-[var(--dw-accent)] dw-px-3 dw-py-2 dw-text-sm dw-font-medium dw-text-white dw-transition-colors hover:dw-opacity-90 focus:dw-outline-none focus:dw-ring-2 focus:dw-ring-[var(--dw-accent)] focus:dw-ring-offset-2 focus:dw-ring-offset-[var(--dw-bg)]",
+            children: "Action"
+          }
+        )
+      ]
+    }
+  );
+}
+function xt(t) {
+  return {
+    symbol: t.symbol,
+    name: t.name,
+    contractAddress: t.address,
+    chainId: t.chainId,
+    imageUrl: t.logoURI,
+    decimals: t.decimals,
+    priceUSD: t.priceUSD
+  };
+}
+async function At(t) {
+  const e = t || (typeof window < "u" ? window.location.origin : ""), n = await fetch(`${e}/data/networks.json`);
+  if (!n.ok) throw new Error(`Failed to fetch networks: ${n.status}`);
+  return n.json();
+}
+async function vt(t) {
+  const e = t || (typeof window < "u" ? window.location.origin : ""), n = await fetch(`${e}/data/tokens.json`);
+  if (!n.ok) throw new Error(`Failed to fetch tokens: ${n.status}`);
+  return n.json();
+}
+async function kt(t) {
+  const e = t || (typeof window < "u" ? window.location.origin : ""), n = await fetch(`${e}/data/tokens_search.json`);
+  if (!n.ok) throw new Error(`Failed to fetch tokens_search: ${n.status}`);
+  return n.json();
+}
+function ae(t, e) {
+  var w, h, p;
+  const n = String(e), r = ((w = t.tokensEVM) == null ? void 0 : w[n]) ?? [], s = ((h = t.tokensSVM) == null ? void 0 : h[n]) ?? [], a = ((p = t.tokensMVM) == null ? void 0 : p[n]) ?? [];
+  return (r.length ? r : s.length ? s : a.length ? a : []).map(xt);
+}
+function yt(t, e) {
+  return ae(t, e);
+}
+function Nt(t) {
+  const e = "0x0000000000000000000000000000000000000000", n = "11111111111111111111111111111111", r = "1111111111111111111111111111111111111111111111111111111111111111";
+  return t.find(
+    (s) => s.contractAddress === e || s.contractAddress === n || s.contractAddress === r
+  ) ?? t[0];
+}
+function St(t) {
+  const [e, n] = U([]), [r, s] = U(null), [a, i] = U(null), [w, h] = U(!0), [p, N] = U(null), [x, m] = U(), [u, k] = U(), [o, R] = U(), [M, V] = U();
+  oe(() => {
+    let c = !1;
+    return h(!0), N(null), Promise.all([
+      At(t.dataBaseUrl),
+      vt(t.dataBaseUrl),
+      kt(t.dataBaseUrl)
+    ]).then(([f, C, A]) => {
+      c || (n(f), s(C), i(A), f.length >= 2 ? (m(f[0]), k(f[1])) : f.length === 1 && (m(f[0]), k(f[0])));
+    }).catch((f) => {
+      c || N((f == null ? void 0 : f.message) ?? "Failed to load data");
+    }).finally(() => {
+      c || h(!1);
+    }), () => {
+      c = !0;
+    };
+  }, [t.dataBaseUrl]), oe(() => {
+    if (!x || !r) return;
+    const c = ae(r, x.id);
+    (c.length && !o || o && !c.some((f) => f.contractAddress === o.contractAddress && f.chainId === o.chainId)) && R(c[0]);
+  }, [x, r, o]), oe(() => {
+    if (!u || !r) return;
+    const c = ae(r, u.id);
+    if (c.length && !M) {
+      const f = o ? c.find((C) => !(C.contractAddress === o.contractAddress && C.chainId === o.chainId)) : void 0;
+      V(f ?? c[0]);
+    } else if (M && !c.some((f) => f.contractAddress === M.contractAddress && f.chainId === M.chainId)) {
+      const f = o ? c.find((C) => !(C.contractAddress === o.contractAddress && C.chainId === o.chainId)) : void 0;
+      V(f ?? c[0]);
+    }
+  }, [u, r, M, o]);
+  const L = D(
+    (c) => r ? ae(r, c) : [],
+    [r]
+  ), $ = D(
+    (c) => a ? yt(a, c) : ae(r ?? { tokensEVM: {}, tokensSVM: {}, tokensMVM: {} }, c),
+    [a, r]
+  ), j = D(
+    (c) => {
+      const f = ae(r ?? { tokensEVM: {}, tokensSVM: {}, tokensMVM: {} }, c);
+      return Nt(f);
+    },
+    [r]
+  ), l = D(
+    (c) => e.find((f) => f.id === c),
+    [e]
+  ), S = D((c) => {
+    const f = e.find((C) => C.id === c);
+    f && m(f);
+  }, [e]), g = D((c) => {
+    const f = e.find((C) => C.id === c);
+    f && k(f);
+  }, [e]), y = D((c) => {
+    k(c);
+  }, []);
+  return {
+    networks: e,
+    networkSell: x,
+    networkBuy: u,
+    sellToken: o,
+    buyToken: M,
+    setSellToken: R,
+    setBuyToken: V,
+    setNetworkSell: (c) => m(c),
+    setNetworkBuy: y,
+    updateNetworkSell: S,
+    updateNetworkBuy: g,
+    getTokensForNetworkId: L,
+    getAllTokensForNetworkId: $,
+    getNativeToken: j,
+    getNetworkById: l,
+    loading: w,
+    error: p
+  };
+}
+const Ct = "6.16.0";
+function Re(t, e, n) {
+  for (let r in e) {
+    let s = e[r];
+    Object.defineProperty(t, r, { enumerable: !0, value: s, writable: !1 });
+  }
+}
+function le(t, e) {
+  if (t == null)
+    return "null";
+  if (e == null && (e = /* @__PURE__ */ new Set()), typeof t == "object") {
+    if (e.has(t))
+      return "[Circular]";
+    e.add(t);
+  }
+  if (Array.isArray(t))
+    return "[ " + t.map((n) => le(n, e)).join(", ") + " ]";
+  if (t instanceof Uint8Array) {
+    const n = "0123456789abcdef";
+    let r = "0x";
+    for (let s = 0; s < t.length; s++)
+      r += n[t[s] >> 4], r += n[t[s] & 15];
+    return r;
+  }
+  if (typeof t == "object" && typeof t.toJSON == "function")
+    return le(t.toJSON(), e);
+  switch (typeof t) {
+    case "boolean":
+    case "number":
+    case "symbol":
+      return t.toString();
+    case "bigint":
+      return BigInt(t).toString();
+    case "string":
+      return JSON.stringify(t);
+    case "object": {
+      const n = Object.keys(t);
+      return n.sort(), "{ " + n.map((r) => `${le(r, e)}: ${le(t[r], e)}`).join(", ") + " }";
+    }
+  }
+  return "[ COULD NOT SERIALIZE ]";
+}
+function It(t, e, n) {
+  let r = t;
+  {
+    const a = [];
+    if (n) {
+      if ("message" in n || "code" in n || "name" in n)
+        throw new Error(`value will overwrite populated values: ${le(n)}`);
+      for (const i in n) {
+        if (i === "shortMessage")
+          continue;
+        const w = n[i];
+        a.push(i + "=" + le(w));
+      }
+    }
+    a.push(`code=${e}`), a.push(`version=${Ct}`), a.length && (t += " (" + a.join(", ") + ")");
+  }
+  let s;
+  switch (e) {
+    case "INVALID_ARGUMENT":
+      s = new TypeError(t);
+      break;
+    case "NUMERIC_FAULT":
+    case "BUFFER_OVERRUN":
+      s = new RangeError(t);
+      break;
+    default:
+      s = new Error(t);
+  }
+  return Re(s, { code: e }), n && Object.assign(s, n), s.shortMessage == null && Re(s, { shortMessage: r }), s;
+}
+function Y(t, e, n, r) {
+  if (!t)
+    throw It(e, n, r);
+}
+function P(t, e, n, r) {
+  Y(t, e, "INVALID_ARGUMENT", { argument: n, value: r });
+}
+["NFD", "NFC", "NFKD", "NFKC"].reduce((t, e) => {
+  try {
+    if ("test".normalize(e) !== "test")
+      throw new Error("bad");
+    if (e === "NFD" && "é".normalize("NFD") !== "é")
+      throw new Error("broken");
+    t.push(e);
+  } catch {
+  }
+  return t;
+}, []);
+function Bt(t, e, n) {
+  if (t !== e) {
+    let r = n, s = "new";
+    r += ".", s += " " + n, Y(!1, `private constructor; use ${r}from* methods`, "UNSUPPORTED_OPERATION", {
+      operation: s
+    });
+  }
+}
+function Tt(t, e, n) {
+  if (t instanceof Uint8Array)
+    return t;
+  if (typeof t == "string" && t.length % 2 === 0 && t.match(/^0x[0-9a-f]*$/i)) {
+    const r = new Uint8Array((t.length - 2) / 2);
+    let s = 2;
+    for (let a = 0; a < r.length; a++)
+      r[a] = parseInt(t.substring(s, s + 2), 16), s += 2;
+    return r;
+  }
+  P(!1, "invalid BytesLike value", e, t);
+}
+function Ut(t, e) {
+  return Tt(t, e);
+}
+const nt = BigInt(0), ce = BigInt(1), we = 9007199254740991;
+function Ee(t, e) {
+  const n = rt(t, "value"), r = BigInt(Ae(e, "width"));
+  if (Y(n >> r === nt, "overflow", "NUMERIC_FAULT", {
+    operation: "fromTwos",
+    fault: "overflow",
+    value: t
+  }), n >> r - ce) {
+    const s = (ce << r) - ce;
+    return -((~n & s) + ce);
+  }
+  return n;
+}
+function Ye(t, e) {
+  const n = rt(t, "value"), r = BigInt(Ae(e, "bits"));
+  return n & (ce << r) - ce;
+}
+function Pe(t, e) {
+  switch (typeof t) {
+    case "bigint":
+      return t;
+    case "number":
+      return P(Number.isInteger(t), "underflow", e || "value", t), P(t >= -we && t <= we, "overflow", e || "value", t), BigInt(t);
+    case "string":
+      try {
+        if (t === "")
+          throw new Error("empty string");
+        return t[0] === "-" && t[1] !== "-" ? -BigInt(t.substring(1)) : BigInt(t);
+      } catch (n) {
+        P(!1, `invalid BigNumberish string: ${n.message}`, e || "value", t);
+      }
+  }
+  P(!1, "invalid BigNumberish value", e || "value", t);
+}
+function rt(t, e) {
+  const n = Pe(t, e);
+  return Y(n >= nt, "unsigned value cannot be negative", "NUMERIC_FAULT", {
+    fault: "overflow",
+    operation: "getUint",
+    value: t
+  }), n;
+}
+const Ke = "0123456789abcdef";
+function Ft(t) {
+  if (t instanceof Uint8Array) {
+    let e = "0x0";
+    for (const n of t)
+      e += Ke[n >> 4], e += Ke[n & 15];
+    return BigInt(e);
+  }
+  return Pe(t);
+}
+function Ae(t, e) {
+  switch (typeof t) {
+    case "bigint":
+      return P(t >= -we && t <= we, "overflow", e || "value", t), Number(t);
+    case "number":
+      return P(Number.isInteger(t), "underflow", e || "value", t), P(t >= -we && t <= we, "overflow", e || "value", t), t;
+    case "string":
+      try {
+        if (t === "")
+          throw new Error("empty string");
+        return Ae(BigInt(t), e);
+      } catch (n) {
+        P(!1, `invalid numeric string: ${n.message}`, e || "value", t);
+      }
+  }
+  P(!1, "invalid numeric value", e || "value", t);
+}
+const Mt = BigInt(-1), z = BigInt(0), ue = BigInt(1), Rt = BigInt(5), de = {};
+let fe = "0000";
+for (; fe.length < 80; )
+  fe += fe;
+function te(t) {
+  let e = fe;
+  for (; e.length < t; )
+    e += e;
+  return BigInt("1" + e.substring(0, t));
+}
+function be(t, e, n) {
+  const r = BigInt(e.width);
+  if (e.signed) {
+    const s = ue << r - ue;
+    Y(n == null || t >= -s && t < s, "overflow", "NUMERIC_FAULT", {
+      operation: n,
+      fault: "overflow",
+      value: t
+    }), t > z ? t = Ee(Ye(t, r), r) : t = -Ee(Ye(-t, r), r);
+  } else {
+    const s = ue << r;
+    Y(n == null || t >= 0 && t < s, "overflow", "NUMERIC_FAULT", {
+      operation: n,
+      fault: "overflow",
+      value: t
+    }), t = (t % s + s) % s & s - ue;
+  }
+  return t;
+}
+function Ie(t) {
+  typeof t == "number" && (t = `fixed128x${t}`);
+  let e = !0, n = 128, r = 18;
+  if (typeof t == "string") {
+    if (t !== "fixed") if (t === "ufixed")
+      e = !1;
+    else {
+      const a = t.match(/^(u?)fixed([0-9]+)x([0-9]+)$/);
+      P(a, "invalid fixed format", "format", t), e = a[1] !== "u", n = parseInt(a[2]), r = parseInt(a[3]);
+    }
+  } else if (t) {
+    const a = t, i = (w, h, p) => a[w] == null ? p : (P(typeof a[w] === h, "invalid fixed format (" + w + " not " + h + ")", "format." + w, a[w]), a[w]);
+    e = i("signed", "boolean", e), n = i("width", "number", n), r = i("decimals", "number", r);
+  }
+  P(n % 8 === 0, "invalid FixedNumber width (not byte aligned)", "format.width", n), P(r <= 80, "invalid FixedNumber decimals (too large)", "format.decimals", r);
+  const s = (e ? "" : "u") + "fixed" + String(n) + "x" + String(r);
+  return { signed: e, width: n, decimals: r, name: s };
+}
+function Et(t, e) {
+  let n = "";
+  t < z && (n = "-", t *= Mt);
+  let r = t.toString();
+  if (e === 0)
+    return n + r;
+  for (; r.length <= e; )
+    r = fe + r;
+  const s = r.length - e;
+  for (r = r.substring(0, s) + "." + r.substring(s); r[0] === "0" && r[1] !== "."; )
+    r = r.substring(1);
+  for (; r[r.length - 1] === "0" && r[r.length - 2] !== "."; )
+    r = r.substring(0, r.length - 1);
+  return n + r;
+}
+var q, F, Q, B, ne, _, De, Ve, je, Oe;
+const Z = class Z {
+  // Use this when changing this file to get some typing info,
+  // but then switch to any to mask the internal type
+  //constructor(guard: any, value: bigint, format: _FixedFormat) {
+  /**
+   *  @private
+   */
+  constructor(e, n, r) {
+    ge(this, B);
+    /**
+     *  The specific fixed-point arithmetic field for this value.
+     */
+    Se(this, "format");
+    ge(this, q);
+    // The actual value (accounting for decimals)
+    ge(this, F);
+    // A base-10 value to multiple values by to maintain the magnitude
+    ge(this, Q);
+    /**
+     *  This is a property so console.log shows a human-meaningful value.
+     *
+     *  @private
+     */
+    Se(this, "_value");
+    Bt(e, de, "FixedNumber"), ke(this, F, n), ke(this, q, r);
+    const s = Et(n, r.decimals);
+    Re(this, { format: r.name, _value: s }), ke(this, Q, te(r.decimals));
+  }
+  /**
+   *  If true, negative values are permitted, otherwise only
+   *  positive values and zero are allowed.
+   */
+  get signed() {
+    return b(this, q).signed;
+  }
+  /**
+   *  The number of bits available to store the value.
+   */
+  get width() {
+    return b(this, q).width;
+  }
+  /**
+   *  The number of decimal places in the fixed-point arithment field.
+   */
+  get decimals() {
+    return b(this, q).decimals;
+  }
+  /**
+   *  The value as an integer, based on the smallest unit the
+   *  [[decimals]] allow.
+   */
+  get value() {
+    return b(this, F);
+  }
+  /**
+   *  Returns a new [[FixedNumber]] with the result of %%this%% added
+   *  to %%other%%, ignoring overflow.
+   */
+  addUnsafe(e) {
+    return E(this, B, De).call(this, e);
+  }
+  /**
+   *  Returns a new [[FixedNumber]] with the result of %%this%% added
+   *  to %%other%%. A [[NumericFaultError]] is thrown if overflow
+   *  occurs.
+   */
+  add(e) {
+    return E(this, B, De).call(this, e, "add");
+  }
+  /**
+   *  Returns a new [[FixedNumber]] with the result of %%other%% subtracted
+   *  from %%this%%, ignoring overflow.
+   */
+  subUnsafe(e) {
+    return E(this, B, Ve).call(this, e);
+  }
+  /**
+   *  Returns a new [[FixedNumber]] with the result of %%other%% subtracted
+   *  from %%this%%. A [[NumericFaultError]] is thrown if overflow
+   *  occurs.
+   */
+  sub(e) {
+    return E(this, B, Ve).call(this, e, "sub");
+  }
+  /**
+   *  Returns a new [[FixedNumber]] with the result of %%this%% multiplied
+   *  by %%other%%, ignoring overflow and underflow (precision loss).
+   */
+  mulUnsafe(e) {
+    return E(this, B, je).call(this, e);
+  }
+  /**
+   *  Returns a new [[FixedNumber]] with the result of %%this%% multiplied
+   *  by %%other%%. A [[NumericFaultError]] is thrown if overflow
+   *  occurs.
+   */
+  mul(e) {
+    return E(this, B, je).call(this, e, "mul");
+  }
+  /**
+   *  Returns a new [[FixedNumber]] with the result of %%this%% multiplied
+   *  by %%other%%. A [[NumericFaultError]] is thrown if overflow
+   *  occurs or if underflow (precision loss) occurs.
+   */
+  mulSignal(e) {
+    E(this, B, ne).call(this, e);
+    const n = b(this, F) * b(e, F);
+    return Y(n % b(this, Q) === z, "precision lost during signalling mul", "NUMERIC_FAULT", {
+      operation: "mulSignal",
+      fault: "underflow",
+      value: this
+    }), E(this, B, _).call(this, n / b(this, Q), "mulSignal");
+  }
+  /**
+   *  Returns a new [[FixedNumber]] with the result of %%this%% divided
+   *  by %%other%%, ignoring underflow (precision loss). A
+   *  [[NumericFaultError]] is thrown if overflow occurs.
+   */
+  divUnsafe(e) {
+    return E(this, B, Oe).call(this, e);
+  }
+  /**
+   *  Returns a new [[FixedNumber]] with the result of %%this%% divided
+   *  by %%other%%, ignoring underflow (precision loss). A
+   *  [[NumericFaultError]] is thrown if overflow occurs.
+   */
+  div(e) {
+    return E(this, B, Oe).call(this, e, "div");
+  }
+  /**
+   *  Returns a new [[FixedNumber]] with the result of %%this%% divided
+   *  by %%other%%. A [[NumericFaultError]] is thrown if underflow
+   *  (precision loss) occurs.
+   */
+  divSignal(e) {
+    Y(b(e, F) !== z, "division by zero", "NUMERIC_FAULT", {
+      operation: "div",
+      fault: "divide-by-zero",
+      value: this
+    }), E(this, B, ne).call(this, e);
+    const n = b(this, F) * b(this, Q);
+    return Y(n % b(e, F) === z, "precision lost during signalling div", "NUMERIC_FAULT", {
+      operation: "divSignal",
+      fault: "underflow",
+      value: this
+    }), E(this, B, _).call(this, n / b(e, F), "divSignal");
+  }
+  /**
+   *  Returns a comparison result between %%this%% and %%other%%.
+   *
+   *  This is suitable for use in sorting, where ``-1`` implies %%this%%
+   *  is smaller, ``1`` implies %%this%% is larger and ``0`` implies
+   *  both are equal.
+   */
+  cmp(e) {
+    let n = this.value, r = e.value;
+    const s = this.decimals - e.decimals;
+    return s > 0 ? r *= te(s) : s < 0 && (n *= te(-s)), n < r ? -1 : n > r ? 1 : 0;
+  }
+  /**
+   *  Returns true if %%other%% is equal to %%this%%.
+   */
+  eq(e) {
+    return this.cmp(e) === 0;
+  }
+  /**
+   *  Returns true if %%other%% is less than to %%this%%.
+   */
+  lt(e) {
+    return this.cmp(e) < 0;
+  }
+  /**
+   *  Returns true if %%other%% is less than or equal to %%this%%.
+   */
+  lte(e) {
+    return this.cmp(e) <= 0;
+  }
+  /**
+   *  Returns true if %%other%% is greater than to %%this%%.
+   */
+  gt(e) {
+    return this.cmp(e) > 0;
+  }
+  /**
+   *  Returns true if %%other%% is greater than or equal to %%this%%.
+   */
+  gte(e) {
+    return this.cmp(e) >= 0;
+  }
+  /**
+   *  Returns a new [[FixedNumber]] which is the largest **integer**
+   *  that is less than or equal to %%this%%.
+   *
+   *  The decimal component of the result will always be ``0``.
+   */
+  floor() {
+    let e = b(this, F);
+    return b(this, F) < z && (e -= b(this, Q) - ue), e = b(this, F) / b(this, Q) * b(this, Q), E(this, B, _).call(this, e, "floor");
+  }
+  /**
+   *  Returns a new [[FixedNumber]] which is the smallest **integer**
+   *  that is greater than or equal to %%this%%.
+   *
+   *  The decimal component of the result will always be ``0``.
+   */
+  ceiling() {
+    let e = b(this, F);
+    return b(this, F) > z && (e += b(this, Q) - ue), e = b(this, F) / b(this, Q) * b(this, Q), E(this, B, _).call(this, e, "ceiling");
+  }
+  /**
+   *  Returns a new [[FixedNumber]] with the decimal component
+   *  rounded up on ties at %%decimals%% places.
+   */
+  round(e) {
+    if (e == null && (e = 0), e >= this.decimals)
+      return this;
+    const n = this.decimals - e, r = Rt * te(n - 1);
+    let s = this.value + r;
+    const a = te(n);
+    return s = s / a * a, be(s, b(this, q), "round"), new Z(de, s, b(this, q));
+  }
+  /**
+   *  Returns true if %%this%% is equal to ``0``.
+   */
+  isZero() {
+    return b(this, F) === z;
+  }
+  /**
+   *  Returns true if %%this%% is less than ``0``.
+   */
+  isNegative() {
+    return b(this, F) < z;
+  }
+  /**
+   *  Returns the string representation of %%this%%.
+   */
+  toString() {
+    return this._value;
+  }
+  /**
+   *  Returns a float approximation.
+   *
+   *  Due to IEEE 754 precission (or lack thereof), this function
+   *  can only return an approximation and most values will contain
+   *  rounding errors.
+   */
+  toUnsafeFloat() {
+    return parseFloat(this.toString());
+  }
+  /**
+   *  Return a new [[FixedNumber]] with the same value but has had
+   *  its field set to %%format%%.
+   *
+   *  This will throw if the value cannot fit into %%format%%.
+   */
+  toFormat(e) {
+    return Z.fromString(this.toString(), e);
+  }
+  /**
+   *  Creates a new [[FixedNumber]] for %%value%% divided by
+   *  %%decimal%% places with %%format%%.
+   *
+   *  This will throw a [[NumericFaultError]] if %%value%% (once adjusted
+   *  for %%decimals%%) cannot fit in %%format%%, either due to overflow
+   *  or underflow (precision loss).
+   */
+  static fromValue(e, n, r) {
+    const s = n == null ? 0 : Ae(n), a = Ie(r);
+    let i = Pe(e, "value");
+    const w = s - a.decimals;
+    if (w > 0) {
+      const h = te(w);
+      Y(i % h === z, "value loses precision for format", "NUMERIC_FAULT", {
+        operation: "fromValue",
+        fault: "underflow",
+        value: e
+      }), i /= h;
+    } else w < 0 && (i *= te(-w));
+    return be(i, a, "fromValue"), new Z(de, i, a);
+  }
+  /**
+   *  Creates a new [[FixedNumber]] for %%value%% with %%format%%.
+   *
+   *  This will throw a [[NumericFaultError]] if %%value%% cannot fit
+   *  in %%format%%, either due to overflow or underflow (precision loss).
+   */
+  static fromString(e, n) {
+    const r = e.match(/^(-?)([0-9]*)\.?([0-9]*)$/);
+    P(r && r[2].length + r[3].length > 0, "invalid FixedNumber string value", "value", e);
+    const s = Ie(n);
+    let a = r[2] || "0", i = r[3] || "";
+    for (; i.length < s.decimals; )
+      i += fe;
+    Y(i.substring(s.decimals).match(/^0*$/), "too many decimals for format", "NUMERIC_FAULT", {
+      operation: "fromString",
+      fault: "underflow",
+      value: e
+    }), i = i.substring(0, s.decimals);
+    const w = BigInt(r[1] + a + i);
+    return be(w, s, "fromString"), new Z(de, w, s);
+  }
+  /**
+   *  Creates a new [[FixedNumber]] with the big-endian representation
+   *  %%value%% with %%format%%.
+   *
+   *  This will throw a [[NumericFaultError]] if %%value%% cannot fit
+   *  in %%format%% due to overflow.
+   */
+  static fromBytes(e, n) {
+    let r = Ft(Ut(e, "value"));
+    const s = Ie(n);
+    return s.signed && (r = Ee(r, s.width)), be(r, s, "fromBytes"), new Z(de, r, s);
+  }
+};
+q = new WeakMap(), F = new WeakMap(), Q = new WeakMap(), B = new WeakSet(), ne = function(e) {
+  P(this.format === e.format, "incompatible format; use fixedNumber.toFormat", "other", e);
+}, _ = function(e, n) {
+  return e = be(e, b(this, q), n), new Z(de, e, b(this, q));
+}, De = function(e, n) {
+  return E(this, B, ne).call(this, e), E(this, B, _).call(this, b(this, F) + b(e, F), n);
+}, Ve = function(e, n) {
+  return E(this, B, ne).call(this, e), E(this, B, _).call(this, b(this, F) - b(e, F), n);
+}, je = function(e, n) {
+  return E(this, B, ne).call(this, e), E(this, B, _).call(this, b(this, F) * b(e, F) / b(this, Q), n);
+}, Oe = function(e, n) {
+  return Y(b(e, F) !== z, "division by zero", "NUMERIC_FAULT", {
+    operation: "div",
+    fault: "divide-by-zero",
+    value: this
+  }), E(this, B, ne).call(this, e), E(this, B, _).call(this, b(this, F) * b(this, Q) / b(e, F), n);
+};
+let Le = Z;
+const Lt = [
+  "wei",
+  "kwei",
+  "mwei",
+  "gwei",
+  "szabo",
+  "finney",
+  "ether"
+];
+function Dt(t, e) {
+  P(typeof t == "string", "value must be a string", "value", t);
+  let n = 18;
+  if (typeof e == "string") {
+    const r = Lt.indexOf(e);
+    P(r >= 0, "invalid unit", "unit", e), n = 3 * r;
+  } else e != null && (n = Ae(e, "unit"));
+  return Le.fromString(t, { decimals: n, width: 512 }).value;
+}
+const Vt = "0x0000000000000000000000000000000000000000", $e = "https://api.delora.build", ot = "0x1111111111111111111111111111111111111111", st = "11111111111111111111111111111111", dt = "1111111111111111111111111111111111111111111111111111111111111111";
+function Be(t, e) {
+  return (Number(t) / Math.pow(10, e)).toString();
+}
+async function jt(t, e = $e) {
+  const n = new URLSearchParams({
+    senderAddress: t.senderAddress,
+    receiverAddress: t.receiverAddress ?? t.senderAddress,
+    originChainId: String(t.originChainId),
+    destinationChainId: String(t.destinationChainId),
+    amount: t.amount,
+    originCurrency: t.originCurrency,
+    destinationCurrency: t.destinationCurrency
+  });
+  t.slippage != null && n.set("slippage", String(t.slippage));
+  const r = `${e}/v1/quotes?${n.toString()}`, s = await fetch(r);
+  if (!s.ok) {
+    const a = await s.json().catch(() => ({})), i = new Error((a == null ? void 0 : a.message) ?? `HTTP ${s.status}`);
+    throw i.status = s.status, i.statusCode = a == null ? void 0 : a.statusCode, i.error = a, i;
+  }
+  return s.json();
+}
+function Ot(t, e) {
+  if (e < 0 || !t.includes(".")) return t;
+  const [n, r] = t.split(".");
+  if (!r || r.length <= e) return t;
+  const s = r.slice(0, e);
+  return s ? `${n}.${s}` : n || "0";
+}
+function Pt() {
+  const [t, e] = U(null), [n, r] = U(""), [s, a] = U(""), [i, w] = U(0), [h, p] = U(null), [N, x] = U(), [m, u] = U(), [k, o] = U("swap"), R = se(null), M = se(0), V = D(() => {
+    var j;
+    (j = R.current) == null || j.abort(), R.current = null;
+  }, []), L = D(() => {
+    e(null), o("finding");
+  }, []), $ = D(
+    (j) => {
+      V();
+      const l = ++M.current, S = new AbortController();
+      R.current = S;
+      const {
+        sellNetworkId: g,
+        buyNetworkId: y,
+        sellToken: c,
+        buyToken: f,
+        sellAmountStr: C,
+        slippage: A,
+        fromAddress: T,
+        toAddress: O,
+        apiBase: J = $e
+      } = j, G = Ot(
+        C || "0",
+        c.decimals
+      );
+      let H;
+      try {
+        H = Dt(G, c.decimals);
+      } catch {
+        o("swap");
+        return;
+      }
+      if (H <= 0n) {
+        o("swap");
+        return;
+      }
+      o("finding"), e(null), x(void 0), u(void 0);
+      const ve = O && O !== "" ? O : void 0;
+      jt(
+        {
+          originChainId: g,
+          destinationChainId: y,
+          originCurrency: c.contractAddress,
+          destinationCurrency: f.contractAddress,
+          amount: H.toString(),
+          senderAddress: T,
+          receiverAddress: ve,
+          slippage: A ?? 5e-3
+        },
+        J
+      ).then((I) => {
+        var ee, W, ye, X, he, pe;
+        if (l !== M.current) return;
+        const K = (W = (ee = I == null ? void 0 : I.fees) == null ? void 0 : ee.breakdown) == null ? void 0 : W.find(
+          (me) => me.type === "gas"
+        );
+        if (K && (u(String(K.amount)), K.gasPrice !== void 0 && x(String(K.gasPrice))), I != null && I.calldata) {
+          const me = I.outputAmount ?? "0", We = (String(me).includes(".") ? Number(me) : Number(
+            Be(
+              String(me),
+              f.decimals
+            )
+          )).toFixed(f.decimals).replace(/\.?0+$/, "");
+          r(We), a(We);
+          const at = Number(
+            ((X = (ye = I.fees) == null ? void 0 : ye.total) == null ? void 0 : X.amount) || "0"
+          ), it = Number(
+            ((pe = (he = I.fees) == null ? void 0 : he.total) == null ? void 0 : pe.decimals) ?? 18
+          ), Ne = at / Math.pow(10, it);
+          p(
+            Ne <= 0 ? null : Ne < 0.01 ? "$<0.01" : `$${Ne.toFixed(2)}`
+          );
+          const Qe = parseFloat(
+            Be(
+              I.inputAmount ?? "0",
+              c.decimals
+            )
+          ), lt = parseFloat(
+            Be(
+              I.outputAmount ?? "0",
+              f.decimals
+            )
+          );
+          Qe > 0 && w(Number((lt / Qe).toFixed(3))), e(I.calldata ?? null);
+          const ct = c.contractAddress === "0x0000000000000000000000000000000000000000";
+          o(ct ? "swap" : "approve");
+        }
+      }).catch((I) => {
+        var W;
+        if (l !== M.current || (I == null ? void 0 : I.name) === "AbortError") return;
+        const K = String(((W = I == null ? void 0 : I.error) == null ? void 0 : W.message) ?? (I == null ? void 0 : I.message) ?? ""), ee = (I == null ? void 0 : I.statusCode) ?? (I == null ? void 0 : I.status);
+        K.includes("No available quotes") || ee === 422 ? o("no-available-quotes") : K.includes("Invalid toAddress") || K.includes("Invalid fromAddress") ? o("wrong-address") : ee === 429 || K.includes("Rate limit") ? o("rate-limit") : o("no-available-quotes");
+      });
+    },
+    [V]
+  );
+  return {
+    txData: t,
+    buyAmount: n,
+    buyAmountForInput: s,
+    setBuyAmount: r,
+    setBuyAmountForInput: a,
+    price: i,
+    gasCostUSD: h,
+    gasPriceRaw: N,
+    gasLimitRaw: m,
+    buttonState: k,
+    setButtonState: o,
+    fetchQuote: $,
+    cancelRequest: V,
+    invalidateQuote: L
+  };
+}
+const Te = "delora-slippage-selectedIndex", Ue = "delora-slippage-customValue", ze = "delora-slippage-value", qe = ["Auto", "0.1%", "0.5%"], Fe = 5e-3;
+function $t() {
+  const [t, e] = U(0), [n, r] = U(""), [s, a] = U(Fe);
+  oe(() => {
+    const p = localStorage.getItem(Te), N = localStorage.getItem(Ue);
+    p !== null && e(JSON.parse(p)), N && r(N);
+  }, []);
+  const i = D((p) => {
+    e(p), r(""), localStorage.setItem(Te, JSON.stringify(p)), localStorage.setItem(Ue, ""), a(p === 0 ? Fe : parseFloat(qe[p].replace("%", "")) / 100);
+  }, []), w = D((p) => {
+    e(null), r(p), localStorage.setItem(Te, "null"), localStorage.setItem(Ue, p);
+    const N = parseFloat(p.replace("%", ""));
+    !isNaN(N) && N <= 49.9 && a(N / 100);
+  }, []), h = D(
+    (p) => {
+      if (p === "Auto") {
+        const m = Fe;
+        return a(m), localStorage.setItem(ze, p), m;
+      }
+      const N = parseFloat(p.replace("%", ""));
+      if (N > 49.9) throw new Error("Slippage is too high!");
+      const x = N / 100;
+      return a(x), localStorage.setItem(ze, p), x;
+    },
+    []
+  );
+  return {
+    options: qe,
+    selectedIndex: t,
+    customValue: n,
+    slippage: s,
+    selectOption: i,
+    setCustom: w,
+    save: h
+  };
+}
+const Wt = 1e3;
+function xe(t, e) {
+  if (!t.includes(".")) return t;
+  const [n, r] = t.split(".");
+  return `${n}.${(r ?? "").slice(0, e)}`;
+}
+function Je(t) {
+  return t === "EVM" ? ot : t === "SVM" ? st : dt;
+}
+function Qt(t) {
+  var $, j, l, S;
+  const e = St({ dataBaseUrl: t.dataBaseUrl }), n = Pt(), r = $t(), [s, a] = U(""), [i, w] = U(0), [h, p] = U(!1), N = se(null), x = 0, m = 0, u = !!e.sellToken && !!e.buyToken && i > 0, k = D(() => {
+    if (!e.networkSell || !e.networkBuy || !e.sellToken || !e.buyToken || i <= 0 || h)
+      return;
+    const g = Je(e.networkSell.chainType), y = Je(e.networkBuy.chainType);
+    n.fetchQuote({
+      sellNetworkId: e.networkSell.id,
+      buyNetworkId: e.networkBuy.id,
+      sellToken: e.sellToken,
+      buyToken: e.buyToken,
+      sellAmountStr: s || "0",
+      slippage: r.slippage,
+      fromAddress: g,
+      toAddress: y,
+      apiBase: t.apiBase ?? $e
+    });
+  }, [
+    e.networkSell,
+    e.networkBuy,
+    e.sellToken,
+    e.buyToken,
+    i,
+    s,
+    r.slippage,
+    h,
+    t.apiBase,
+    n
+  ]);
+  oe(() => {
+    if (!u) {
+      n.cancelRequest(), n.setBuyAmount(""), n.setBuyAmountForInput(""), n.setButtonState("swap");
+      return;
+    }
+    k();
+  }, [
+    u,
+    ($ = e.networkSell) == null ? void 0 : $.id,
+    (j = e.networkBuy) == null ? void 0 : j.id,
+    (l = e.sellToken) == null ? void 0 : l.contractAddress,
+    (S = e.buyToken) == null ? void 0 : S.contractAddress,
+    i,
+    s,
+    r.slippage,
+    h
+  ]), oe(() => {
+    i === 0 && (n.setBuyAmount(""), n.setBuyAmountForInput(""));
+  }, [i]);
+  const o = D((g) => {
+    const y = g.replace(/[^0-9.]/g, "").replace(/\.+/g, ".").replace(/^(\.)/g, ""), c = xe(y, 6), f = Number(c);
+    a(c), w(isNaN(f) ? 0 : f), p(!0), n.invalidateQuote(), N.current && clearTimeout(N.current), N.current = setTimeout(() => {
+      p(!1), N.current = null;
+    }, Wt);
+  }, [n]), R = D(() => {
+    a(String(x)), w(x), p(!1), u && k();
+  }, [x, u, k]), M = D(
+    (g) => {
+      const y = x * g / 100, c = xe(String(y), 6);
+      a(c), w(y), p(!1), u && k();
+    },
+    [x, u, k]
+  ), V = D(() => {
+    const g = e.sellToken, y = e.buyToken;
+    if (!g || !y) return;
+    const c = s || "0", f = n.buyAmountForInput || n.buyAmount || "0";
+    if (n.cancelRequest(), n.invalidateQuote(), e.updateNetworkSell(y.chainId), e.updateNetworkBuy(g.chainId), e.setSellToken(y), e.setBuyToken(g), f !== "0" && f !== "0.0") {
+      const C = xe(f, 6);
+      a(C), w(Number(C));
+    } else
+      a(""), w(0);
+    c !== "0" && c !== "0.0" ? (n.setBuyAmount(xe(c, 6)), n.setBuyAmountForInput(xe(c, 6))) : (n.setBuyAmount(""), n.setBuyAmountForInput(""));
+  }, [e, n, s]);
+  return {
+    ...e,
+    ...n,
+    slippage: r,
+    sellAmountForInput: s,
+    setSellAmountForInput: a,
+    validatedSellAmount: i,
+    processSellInput: o,
+    setMaxSellAmount: R,
+    setSellAmountByPercent: M,
+    swapTokens: V,
+    balance: x,
+    balanceBuy: m,
+    allFieldsReady: u,
+    isProcessingInput: h,
+    isSameToken: (g, y) => !!g && !!y && g.contractAddress === y.contractAddress && g.chainId === y.chainId
+  };
+}
+const Ht = {
+  trade: {
+    possibleChars: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+{}:"<>?|',
+    glitchChars: '!@#$%^&*()_+{}:"<>?|\\',
+    cyberChars: "01010101110010101010101110101010",
+    animationFrames: 35,
+    animationSpeed: 12
+  },
+  form: {
+    possibleChars: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",
+    glitchChars: "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789",
+    cyberChars: "0123456789",
+    animationFrames: 80,
+    animationSpeed: 25
+  }
+};
+function Yt({
+  ref: t,
+  text: e,
+  enabled: n,
+  preset: r = "trade",
+  onAnimationStart: s,
+  onAnimationEnd: a
+}) {
+  const i = se(null);
+  ht(() => {
+    const w = t.current;
+    w && (!n || !e || e === "0" || e === "0.0") && (w.textContent = e);
+  }, [t, e, n]), oe(() => {
+    const w = t.current;
+    if (!w) return;
+    if (!n || !e || e === "0" || e === "0.0") {
+      w.textContent = e;
+      return;
+    }
+    const { possibleChars: h, glitchChars: p, cyberChars: N, animationFrames: x, animationSpeed: m } = Ht[r], u = String(e);
+    i.current && (clearTimeout(i.current), i.current = null);
+    let k = 0;
+    const o = Array(u.length).fill(!1), R = Array(u.length).fill(!1), M = () => {
+      if (!t.current) return;
+      if (k >= x) {
+        t.current.textContent = u, i.current = null, a == null || a();
+        return;
+      }
+      k === 0 && (s == null || s());
+      let L = "";
+      const $ = k / x, j = Math.pow($, 0.6), l = Math.floor(u.length * j);
+      for (let g = 0; g < l; g++)
+        R[g] || (R[g] = !0);
+      if (k % 2 === 0) {
+        const g = 0.05 + $ * 0.1;
+        for (let y = 0; y < u.length; y++)
+          Math.random() < g && (o[y] = !o[y]);
+      }
+      for (let g = 0; g < u.length; g++)
+        if (R[g])
+          o[g] && k < x * 0.95 && u[g] !== " " ? Math.random() < 0.3 ? L += N[Math.floor(Math.random() * N.length)] : L += p[Math.floor(Math.random() * p.length)] : L += u[g];
+        else if (u[g] === " ")
+          L += " ";
+        else {
+          const y = Math.random();
+          y < 0.2 ? L += p[Math.floor(Math.random() * p.length)] : y < 0.4 ? L += N[Math.floor(Math.random() * N.length)] : L += h[Math.floor(Math.random() * h.length)];
+        }
+      t.current.textContent = L, k++;
+      let S = m;
+      $ < 0.3 ? S = m * 0.8 : $ > 0.7 ? S = m * 0.7 : S = m * 1.2, i.current = setTimeout(M, S);
+    }, V = setTimeout(() => {
+      t.current && M();
+    }, 0);
+    return () => {
+      clearTimeout(V), i.current && (clearTimeout(i.current), i.current = null), a == null || a();
+    };
+  }, [t, e, n, r]);
+}
+function re(t, e) {
+  if (!t) return "";
+  if (t.startsWith("http://") || t.startsWith("https://") || t.startsWith("data:"))
+    return t;
+  const n = (e == null ? void 0 : e.replace(/\/$/, "")) ?? "";
+  return t.startsWith("/") ? `${n}${t}` : `${n}/${t}`;
+}
+const Kt = "data:image/svg+xml,%3csvg%20width='27'%20height='27'%20viewBox='0%200%2027%2027'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.42142%203.29834C6.61961%203.29834%205.85064%203.61686%205.28367%204.18383C4.71671%204.75079%204.39819%205.51976%204.39819%206.32158V22.5371H4.12335C3.90467%2022.5371%203.69495%2022.624%203.54032%2022.7786C3.3857%2022.9332%203.29883%2023.143%203.29883%2023.3616C3.29883%2023.5803%203.3857%2023.79%203.54032%2023.9447C3.69495%2024.0993%203.90467%2024.1862%204.12335%2024.1862H18.9647C19.1834%2024.1862%2019.3931%2024.0993%2019.5477%2023.9447C19.7023%2023.79%2019.7892%2023.5803%2019.7892%2023.3616C19.7892%2023.143%2019.7023%2022.9332%2019.5477%2022.7786C19.3931%2022.624%2019.1834%2022.5371%2018.9647%2022.5371H18.6899V20.555C19.1499%2020.7915%2019.6631%2020.9058%2020.1801%2020.8868C20.697%2020.8679%2021.2005%2020.7163%2021.642%2020.4468C22.0835%2020.1772%2022.4484%2019.7987%2022.7015%2019.3475C22.9546%2018.8963%2023.0874%2018.3877%2023.0873%2017.8703V11.4523C23.0873%2010.7981%2022.8751%2010.1617%2022.4826%209.63834L21.2733%208.02558C21.1421%207.85064%2020.9468%207.73499%2020.7303%207.70406C20.5139%207.67314%2020.294%207.72947%2020.119%207.86068C19.9441%207.99189%2019.8284%208.18721%2019.7975%208.40369C19.7666%208.62017%2019.8229%208.84007%2019.9541%209.01501L21.1634%2010.6278C21.3415%2010.8652%2021.4383%2011.1555%2021.4383%2011.4523V17.8703C21.4383%2018.0501%2021.4028%2018.2281%2021.3341%2018.3941C21.2653%2018.5602%2021.1645%2018.7111%2021.0374%2018.8382C20.9103%2018.9653%2020.7594%2019.0661%2020.5933%2019.1349C20.4273%2019.2036%2020.2493%2019.239%2020.0695%2019.239C19.8898%2019.239%2019.7118%2019.2036%2019.5458%2019.1349C19.3797%2019.0661%2019.2288%2018.9653%2019.1017%2018.8382C18.9746%2018.7111%2018.8738%2018.5602%2018.805%2018.3941C18.7363%2018.2281%2018.7008%2018.0501%2018.7008%2017.8703V15.941C18.6999%2015.8964%2018.6962%2015.852%2018.6899%2015.8079V6.32158C18.6899%205.92456%2018.6117%205.53143%2018.4597%205.16463C18.3078%204.79784%2018.0851%204.46456%2017.8044%204.18383C17.5236%203.90309%2017.1904%203.6804%2016.8236%203.52847C16.4568%203.37654%2016.0636%203.29834%2015.6666%203.29834H7.42142ZM7.69626%207.42094C7.69626%207.20226%207.78313%206.99254%207.93776%206.83791C8.09239%206.68329%208.30211%206.59642%208.52078%206.59642H14.5673C14.7859%206.59642%2014.9957%206.68329%2015.1503%206.83791C15.3049%206.99254%2015.3918%207.20226%2015.3918%207.42094V11.2687C15.3918%2011.4874%2015.3049%2011.6971%2015.1503%2011.8517C14.9957%2012.0063%2014.7859%2012.0932%2014.5673%2012.0932H8.52078C8.30211%2012.0932%208.09239%2012.0063%207.93776%2011.8517C7.78313%2011.6971%207.69626%2011.4874%207.69626%2011.2687V7.42094Z'%20fill='white'/%3e%3c/svg%3e", zt = {
+  swap: "Swap",
+  finding: "Finding Routes...",
+  approve: "Approve",
+  wallet: "Continue in your wallet...",
+  insufficient: "Insufficient balance",
+  "no-available-quotes": "No routes available",
+  "wrong-address": "Wrong address",
+  "rate-limit": "Try later"
+};
+function qt(t) {
+  const {
+    sellToken: e,
+    buyToken: n,
+    networkSellLogo: r,
+    networkBuyLogo: s,
+    assetBaseUrl: a,
+    sellAmountForInput: i,
+    buyAmountForInput: w,
+    onSellAmountChange: h,
+    onSellInputProcess: p,
+    onOpenSellToken: N,
+    onOpenBuyToken: x,
+    onSwapTokens: m,
+    onRefresh: u,
+    onOpenSettings: k,
+    balance: o,
+    balanceBuy: R,
+    sellPriceUsd: M,
+    buyPriceUsd: V,
+    onMaxClick: L,
+    onSet50Percent: $,
+    onSet25Percent: j,
+    buttonState: l,
+    txData: S,
+    loading: g,
+    price: y,
+    gasCostUSD: c,
+    truncateTo6Decimals: f,
+    isWalletConnected: C = !1,
+    onConnectWallet: A
+  } = t, T = !!i && Number(i) > 0, O = l === "insufficient" || l === "no-available-quotes" || l === "wrong-address", J = !T || g || C && !S && l !== "finding" || l === "no-available-quotes" || l === "insufficient", G = se(null), H = se(null), ve = se(0), I = () => {
+    u(), ve.current += 1;
+    const W = H.current;
+    W && (W.style.transform = `rotate(${ve.current * -720}deg)`);
+  };
+  Yt({
+    ref: G,
+    text: w || "0.0",
+    enabled: !!(n != null && n.symbol) && Number(i) > 0 && !!w && w !== "0" && w !== "0.0",
+    preset: "trade"
+  });
+  const K = (W) => {
+    if ([",", ".", "/", "б", "ю"].includes(W.key)) {
+      W.preventDefault();
+      const X = W.target;
+      if (X.value.includes(".")) return;
+      const he = X.selectionStart ?? X.value.length, pe = X.value.slice(0, he) + "." + X.value.slice(he);
+      h(pe), p(pe);
+    }
+  }, ee = C ? `dw-w-full dw-h-[38px] dw-rounded-[var(--dw-radius)] dw-border dw-text-[13px] dw-font-normal dw-transition-colors ${O ? "dw-bg-[var(--dw-danger)] dw-border-[var(--dw-danger)] dw-text-white" : J ? "dw-bg-[var(--dw-surface-hover)] dw-border-[var(--dw-border)] dw-text-[var(--dw-muted)]" : "dw-bg-[var(--dw-accent)] dw-border-[var(--dw-accent)] dw-text-white hover:dw-bg-[var(--dw-accent-hover)] hover:dw-border-[var(--dw-accent-hover)]"}` : "dw-w-full dw-h-[38px] dw-rounded-[var(--dw-radius)] dw-border dw-border-[var(--dw-accent)] dw-text-[13px] dw-font-normal dw-transition-colors dw-bg-[var(--dw-accent)] dw-text-white hover:dw-bg-[var(--dw-accent-hover)] hover:dw-border-[var(--dw-accent-hover)]";
+  return /* @__PURE__ */ v("div", { className: "dw-widget-shell dw-elevated-surface dw-flex dw-flex-col dw-gap-1.5 dw-font-mono", children: [
+    /* @__PURE__ */ v("div", { className: "dw-flex dw-items-center dw-justify-between dw-mb-0.5", children: [
+      /* @__PURE__ */ d("h3", { className: "dw-text-[14px] dw-font-normal dw-text-[var(--dw-fg)]", children: "Trade" }),
+      /* @__PURE__ */ v("div", { className: "dw-flex dw-items-center dw-gap-1", children: [
+        /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            className: "dw-icon-button dw-w-4 dw-h-4 dw-flex dw-items-center dw-justify-center dw-rounded-[4px] dw-cursor-pointer dw-opacity-70",
+            onMouseDown: I,
+            "aria-label": "Refresh",
+            children: /* @__PURE__ */ d(
+              "span",
+              {
+                ref: H,
+                className: "dw-w-full dw-h-full dw-flex dw-items-center dw-justify-center",
+                style: { transition: "transform 1s ease-in-out" },
+                children: /* @__PURE__ */ d(_t, {})
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            className: "dw-icon-button dw-w-4 dw-h-4 dw-flex dw-items-center dw-justify-center dw-rounded-[4px] dw-cursor-pointer dw-opacity-70",
+            onClick: k,
+            "aria-label": "Settings",
+            children: /* @__PURE__ */ d(Xt, {})
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ v("div", { className: "dw-relative dw-flex dw-flex-col dw-gap-1.5", children: [
+      /* @__PURE__ */ d(
+        "button",
+        {
+          type: "button",
+          className: "dw-widget-section dw-group dw-w-[30px] dw-h-[30px] dw-absolute dw-left-1/2 dw-top-1/2 dw-z-10 dw--translate-x-1/2 dw--translate-y-1/2 dw-cursor-pointer dw-flex dw-justify-center dw-items-center",
+          onClick: m,
+          "aria-label": "Swap tokens",
+          children: /* @__PURE__ */ d(Gt, {})
+        }
+      ),
+      /* @__PURE__ */ d(
+        Ge,
+        {
+          label: "From",
+          labelTone: "danger",
+          token: e,
+          networkLogo: r,
+          assetBaseUrl: a,
+          amount: i,
+          amountPlaceholder: "0.0",
+          usdValue: M || "$0.000",
+          balance: f(o),
+          onOpenToken: N,
+          onInputChange: (W) => {
+            h(W), p(W);
+          },
+          onKeyDown: K,
+          amountToneClassName: O ? "dw-text-[var(--dw-danger)]" : "dw-text-[var(--dw-fg)]",
+          quickActions: /* @__PURE__ */ v(ft, { children: [
+            /* @__PURE__ */ d(Me, { label: "MAX", onClick: L }),
+            /* @__PURE__ */ d(Me, { label: "50%", onClick: $ }),
+            /* @__PURE__ */ d(Me, { label: "25%", onClick: j })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ d(
+        Ge,
+        {
+          label: "To",
+          labelTone: "success",
+          token: n,
+          networkLogo: s,
+          assetBaseUrl: a,
+          amount: w || "0.0",
+          usdValue: V || "$0.000",
+          balance: f(R),
+          onOpenToken: x,
+          amountRef: G,
+          readOnly: !0
+        }
+      ),
+      /* @__PURE__ */ d(
+        "button",
+        {
+          type: "button",
+          className: ee,
+          disabled: C ? J : !1,
+          onClick: C ? () => {
+          } : A,
+          children: C ? zt[l] : "Connect Wallet"
+        }
+      ),
+      /* @__PURE__ */ v("div", { className: "dw-flex dw-items-center dw-justify-between dw-min-h-[12px] dw-px-0.5", children: [
+        /* @__PURE__ */ v("div", { className: "dw-flex dw-items-center dw-gap-1 dw-min-w-0", children: [
+          /* @__PURE__ */ d("img", { src: Kt, alt: "", className: "dw-w-[10px] dw-h-[10px]" }),
+          /* @__PURE__ */ d("p", { className: "dw-font-normal dw-text-[10px] dw-text-[var(--dw-fg)]", children: S ? c ?? "—" : "$<0.01" })
+        ] }),
+        /* @__PURE__ */ d("p", { className: "dw-font-normal dw-text-[10px] dw-text-[var(--dw-text-subtle)] dw-truncate dw-ml-3", children: S && (e != null && e.symbol) && (n != null && n.symbol) ? `1 ${e.symbol} = ${y} ${n.symbol}` : "" })
+      ] })
+    ] })
+  ] });
+}
+function Ge(t) {
+  const {
+    label: e,
+    labelTone: n,
+    token: r,
+    networkLogo: s,
+    assetBaseUrl: a,
+    amount: i,
+    amountPlaceholder: w = "0.0",
+    usdValue: h,
+    balance: p,
+    onOpenToken: N,
+    onInputChange: x,
+    onKeyDown: m,
+    amountToneClassName: u = "dw-text-[var(--dw-fg)]",
+    amountRef: k,
+    readOnly: o = !1,
+    quickActions: R
+  } = t;
+  return /* @__PURE__ */ v("div", { className: "dw-widget-section dw-relative dw-flex dw-flex-col dw-w-full dw-min-h-[91px] dw-px-4 dw-py-3", children: [
+    /* @__PURE__ */ v("div", { className: "dw-flex dw-items-start dw-justify-between", children: [
+      /* @__PURE__ */ v("div", { className: "dw-flex dw-flex-col dw-gap-2", children: [
+        /* @__PURE__ */ d(
+          "h6",
+          {
+            className: `dw-font-normal dw-text-[11px] ${n === "danger" ? "dw-text-[var(--dw-danger)]" : "dw-text-[var(--dw-success)]"}`,
+            children: e
+          }
+        ),
+        /* @__PURE__ */ v(
+          "button",
+          {
+            type: "button",
+            className: "dw-flex dw-items-center dw-gap-2 dw-cursor-pointer",
+            onClick: N,
+            children: [
+              /* @__PURE__ */ d(
+                Jt,
+                {
+                  token: r,
+                  networkLogo: s,
+                  assetBaseUrl: a,
+                  sizeClassName: "dw-w-[28px] dw-h-[28px]",
+                  badgeClassName: "dw-w-[10px] dw-h-[10px]"
+                }
+              ),
+              /* @__PURE__ */ d("p", { className: "dw-font-normal dw-text-[13px] dw-text-[var(--dw-fg)]", children: (r == null ? void 0 : r.symbol) ?? "Select" }),
+              /* @__PURE__ */ d("span", { className: "dw-text-[10px] dw-text-[var(--dw-text-subtle)]", children: "▼" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ v("div", { className: "dw-flex dw-flex-col dw-items-end dw-min-w-0", children: [
+        o ? /* @__PURE__ */ d(
+          "p",
+          {
+            ref: k,
+            className: `dw-font-normal dw-text-[20px] dw-min-w-[70px] dw-max-w-[124px] dw-text-right dw-truncate ${u}`,
+            children: i || w
+          }
+        ) : /* @__PURE__ */ d(
+          "input",
+          {
+            type: "text",
+            placeholder: w,
+            value: i,
+            onChange: (M) => x == null ? void 0 : x(M.target.value),
+            onKeyDown: m,
+            className: `dw-h-[28px] dw-w-[124px] dw-font-normal dw-text-right dw-bg-transparent dw-outline-none dw-border-none dw-text-[20px] ${u}`
+          }
+        ),
+        /* @__PURE__ */ d("p", { className: "dw-mt-1 dw-text-[10px] dw-text-[var(--dw-text-subtle)]", children: h })
+      ] })
+    ] }),
+    /* @__PURE__ */ d("div", { className: "dw-w-full dw-flex dw-items-center dw-justify-between dw-mt-2 dw-min-h-[12px]", children: /* @__PURE__ */ v("div", { className: "dw-flex dw-gap-2 dw-items-center dw-min-w-0", children: [
+      /* @__PURE__ */ d("p", { className: "dw-font-normal dw-text-[10px] dw-text-[var(--dw-text-subtle)]", children: p }),
+      R
+    ] }) })
+  ] });
+}
+function Me(t) {
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      type: "button",
+      className: "dw-font-normal dw-text-[10px] dw-text-[var(--dw-fg)] dw-cursor-pointer hover:dw-text-[var(--dw-text-subtle)]",
+      onClick: t.onClick,
+      children: t.label
+    }
+  );
+}
+function Jt(t) {
+  var h;
+  const {
+    token: e,
+    networkLogo: n,
+    assetBaseUrl: r,
+    sizeClassName: s = "dw-w-[28px] dw-h-[28px]",
+    badgeClassName: a = "dw-w-[10px] dw-h-[10px]"
+  } = t;
+  if (!e)
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        className: `${s} dw-rounded-full dw-bg-[var(--dw-surface-hover)] dw-flex dw-items-center dw-justify-center dw-border dw-border-[var(--dw-border)]`,
+        children: /* @__PURE__ */ d("span", { className: "dw-text-[10px] dw-font-normal dw-text-[var(--dw-fg)]", children: "?" })
+      }
+    );
+  const i = re(e.imageUrl, r), w = re(n, r);
+  return /* @__PURE__ */ v("div", { className: "dw-relative", children: [
+    /* @__PURE__ */ d(
+      "div",
+      {
+        className: `${s} dw-rounded-full dw-bg-cover dw-flex dw-items-center dw-justify-center dw-border dw-border-[var(--dw-border)] dw-bg-[var(--dw-surface-hover)]`,
+        style: { backgroundImage: i ? `url(${i})` : "none" },
+        children: !i && /* @__PURE__ */ d("span", { className: "dw-text-[10px] dw-font-normal dw-text-[var(--dw-fg)]", children: ((h = e.symbol[0]) == null ? void 0 : h.toUpperCase()) ?? "?" })
+      }
+    ),
+    w && /* @__PURE__ */ d(
+      "div",
+      {
+        className: `dw-absolute dw--bottom-0.5 dw--left-0.5 ${a} dw-rounded-full dw-bg-cover dw-border dw-border-[var(--dw-surface)]`,
+        style: { backgroundImage: `url(${w})` }
+      }
+    )
+  ] });
+}
+function Gt() {
+  return /* @__PURE__ */ v("div", { className: "dw-flex dw-flex-row dw-justify-center dw-items-center dw-w-[14px] dw-h-[14px] dw-gap-0", children: [
+    /* @__PURE__ */ v(
+      "svg",
+      {
+        className: "dw-w-[7px] dw-h-[10px] dw-flex-shrink-0 dw-transition-[transform] dw-duration-200 group-hover:dw-translate-y-[-1px] dw-text-[var(--dw-fg)]",
+        width: "16",
+        height: "24",
+        viewBox: "0 0 16 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          /* @__PURE__ */ d("g", { clipPath: "url(#clip0_6875_213)", children: /* @__PURE__ */ d(
+            "path",
+            {
+              d: "M7.74569 1.94531V22.1232M7.74569 1.94531L13.9543 8.15389M7.74569 1.94531L1.53711 8.15389",
+              stroke: "currentColor",
+              strokeWidth: "2.1",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ) }),
+          /* @__PURE__ */ d("defs", { children: /* @__PURE__ */ d("clipPath", { id: "clip0_6875_213", children: /* @__PURE__ */ d("rect", { width: "15.6814", height: "23.5221", fill: "white" }) }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ v(
+      "svg",
+      {
+        className: "dw-w-[7px] dw-h-[10px] dw-flex-shrink-0 dw-transition-[transform] dw-duration-200 group-hover:dw-translate-y-[1px] dw-text-[var(--dw-fg)]",
+        width: "16",
+        height: "24",
+        viewBox: "0 0 16 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          /* @__PURE__ */ d("g", { clipPath: "url(#clip0_6875_215)", children: /* @__PURE__ */ d(
+            "path",
+            {
+              d: "M7.74569 21.5769V1.39901M7.74569 21.5769L13.9543 15.3683M7.74569 21.5769L1.53711 15.3683",
+              stroke: "currentColor",
+              strokeWidth: "2.1",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ) }),
+          /* @__PURE__ */ d("defs", { children: /* @__PURE__ */ d("clipPath", { id: "clip0_6875_215", children: /* @__PURE__ */ d(
+            "rect",
+            {
+              width: "15.6814",
+              height: "23.5221",
+              fill: "white",
+              transform: "matrix(1 0 0 -1 0 23.5222)"
+            }
+          ) }) })
+        ]
+      }
+    )
+  ] });
+}
+function _t() {
+  return /* @__PURE__ */ d("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ d(
+    "path",
+    {
+      d: "M20 12a8 8 0 1 1-2.34-5.66M20 4v5h-5",
+      stroke: "currentColor",
+      strokeWidth: "1.8",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function Xt() {
+  return /* @__PURE__ */ d("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ d(
+    "path",
+    {
+      d: "M10 6h10M4 6h2M14 18h6M4 18h6M7 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm8 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm5-6H10M4 12h2m6 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z",
+      stroke: "currentColor",
+      strokeWidth: "1.6",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+const Zt = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHaSURBVHgB7Zj/dYIwEMcPX/+vGzRuYDewG3QD7QS1G3SDugF0go4AG+gG4ASywfUi4XnEBAkJ4h983ruXQMjlm19ADuDBicARRJxTMgdHoigqIDRSDNmWLCbL0Z+YTEAIyNE72QmHYd1VR2QR90nJzlKnVOaK0K7faNozcEVOgdbbnOybbInV+uuF8pszv/su9SKDo5iSjbosyF6pp6WtUXBDkP3BZZO5j6LWy5VWJkfhB8NsmHp24s4dVdNYc9LK1jjcppEYN86Tds3X2IGPHCWJoX4B/TC9SxNq59g65fTAhvUoZvdTbE7LCj02jPI5V35y5ju9VWnLHt4xRxwBAcHrt0aj4zPteV5Y79wlu5eF/mQpfxm7teLlM7iNYPkChuHI8q0jaEJYHIWktLTXSeA9sH46H0WglUmgL5NAXyaBvkwCfZkE+qIL5N9Erx/SUOgCDyy/Dv1z2oeGQHUeqEXKEZS/4C8wIqY1+MXyAi5nZMndp/1KoBrFD8vzzzAMguULXmDcxSQyoWRB9tviKCR8GRXgwtinuq5O0rHOxZ0irFjFaEyH6r6hOFuUdtH7WIvNqENoZMxnA75gtV5kDGWPYcixij0KW5vOQXRNcK+A+rnhIYLqY/APHpl3hlZpXEMAAAAASUVORK5CYII=", en = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAERSURBVHgB7dShDoMwEAbgK0EgJiYmEAgEAjGx93+KCR4AMTkxMYEgYXdJSbqOo4WVgrg/uRRo034pTQEkEolk3yiInGEYMmyuWNS2SqmH2Z9AxGjMDeuElWKV9phoIAOTGZ972APEYDqsuz128zM0h8Hz00FMEGLorIwH2InZFKQxtDOpL2Yz0FoMJeEm1P8+KoaiJiassCn0K11cLUTCUKZ2qDCeS1ykhEgYDvSy3p2oUBgO1GC9wRMVEkNRzCI0Od0fZ6vr60zhuBybKhSGBRkL1tjkMIHSmNrqo51t1mKcoBnUE+sCvxjamR7+iNfFyKCCY7xBDlQwzCIQgwqKWQzSqPEmp/uqCYmRSCSSI+QD+pyUWCGG+FwAAAAASUVORK5CYII=", tn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAwCAYAAAAhOEsMAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABZSURBVHgB7c7RCQAgCEVRa5JGbONGKT8KgtQsCPp4FwQRDkh0WRhL5eigSC/jZxJPqVOnqLiggNIWSqjfdaghE1pIhTskQg9aoBdJMHvQAidsIoQQQgj9VgNcp//kKP+JUgAAAABJRU5ErkJggg==";
+function _e(t) {
+  const {
+    mode: e,
+    selectedNetworkId: n,
+    selectedToken: r,
+    excludeToken: s,
+    getAllTokensForNetwork: a,
+    getNetworkById: i,
+    onSelectToken: w,
+    onSelectNetwork: h,
+    onOpenNetworkSelector: p,
+    onClose: N,
+    assetBaseUrl: x,
+    displayedNetworks: m,
+    additionalNetworksCount: u
+  } = t, [k, o] = U(""), [R, M] = U(
+    /* @__PURE__ */ new Set()
+  ), V = D(
+    (l) => {
+      const S = i(l.chainId);
+      return S ? S.chainType === "SVM" ? l.symbol === "SOL" : S.chainType === "MVM" ? l.symbol === "SUI" : l.contractAddress === Vt : !1;
+    },
+    [i]
+  ), L = D(
+    (l, S) => {
+      S.stopPropagation(), navigator.clipboard.writeText(l).then(() => {
+        M((g) => new Set(g).add(l)), setTimeout(() => {
+          M((g) => {
+            const y = new Set(g);
+            return y.delete(l), y;
+          });
+        }, 2e3);
+      }).catch(() => console.error("Failed to copy to clipboard"));
+    },
+    []
+  ), j = ie(() => {
+    var y;
+    const l = n ?? ((y = m[0]) == null ? void 0 : y.id);
+    if (!l) return [];
+    const S = a(l);
+    if (!k.trim())
+      return S.filter(
+        (c) => !s || !(c.contractAddress === s.contractAddress && c.chainId === s.chainId)
+      );
+    const g = k.toLowerCase();
+    return S.filter(
+      (c) => {
+        var f, C;
+        return (((f = c.symbol) == null ? void 0 : f.toLowerCase().includes(g)) || ((C = c.contractAddress) == null ? void 0 : C.toLowerCase().includes(g))) && (!s || !(c.contractAddress === s.contractAddress && c.chainId === s.chainId));
+      }
+    );
+  }, [
+    n,
+    a,
+    k,
+    s,
+    m
+  ]);
+  return /* @__PURE__ */ d("div", { className: "dw-popup-backdrop dw-absolute dw-top-0 dw-left-1/2 dw--translate-x-1/2 dw-max-h-[420px] dw-h-full dw-z-50 dw-flex dw-items-start dw-justify-center", children: /* @__PURE__ */ v(
+    "div",
+    {
+      className: "dw-modal-surface dw-popup-content dw-w-[304px] dw-h-full dw-flex dw-flex-col dw-rounded-[var(--dw-radius)] dw-p-3 dw-overflow-hidden",
+      onClick: (l) => l.stopPropagation(),
+      children: [
+        /* @__PURE__ */ v("div", { className: "dw-flex dw-items-center dw-justify-between", children: [
+          /* @__PURE__ */ d("h3", { className: "dw-text-[14px] dw-font-normal dw-text-[var(--dw-fg)]", children: e === "sell" ? "Exchange from" : "Exchange to" }),
+          /* @__PURE__ */ d(
+            "button",
+            {
+              type: "button",
+              className: "dw-icon-button dw-w-4 dw-h-4 dw-rounded-[4px] dw-opacity-70 dw-cursor-pointer",
+              onClick: N,
+              "aria-label": "Close",
+              children: /* @__PURE__ */ d(nn, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ v("div", { className: "dw-flex dw-gap-1 dw-mt-3 dw-flex-wrap", children: [
+          m.map((l) => /* @__PURE__ */ d(
+            "button",
+            {
+              type: "button",
+              className: `dw-w-[34px] dw-h-[34px] dw-flex dw-items-center dw-justify-center dw-border dw-rounded-[6px] dw-transition ${n === l.id ? "dw-bg-[var(--dw-surface-hover)] dw-border-[var(--dw-accent)]" : "dw-bg-[var(--dw-surface-alt)] dw-border-[var(--dw-border)] hover:dw-bg-[var(--dw-surface-hover)]"}`,
+              onClick: () => h(l),
+              title: l.name,
+              children: l.logoURI && /* @__PURE__ */ d(
+                "img",
+                {
+                  src: re(l.logoURI, x),
+                  alt: "",
+                  className: "dw-w-5 dw-h-5 dw-object-cover"
+                }
+              )
+            },
+            l.id
+          )),
+          u > 0 && /* @__PURE__ */ d(
+            "button",
+            {
+              type: "button",
+              className: "dw-min-w-[34px] dw-h-[34px] dw-px-2 dw-flex dw-items-center dw-justify-center dw-rounded-[6px] dw-border dw-border-[var(--dw-border)] dw-bg-[var(--dw-surface-alt)] hover:dw-bg-[var(--dw-surface-hover)] dw-transition dw-cursor-pointer",
+              onClick: p,
+              title: "More networks",
+              children: /* @__PURE__ */ v("p", { className: "dw-font-normal dw-text-[11px] dw-text-[var(--dw-fg)]", children: [
+                u,
+                "+"
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ v("div", { className: "dw-field-shell dw-flex dw-items-center dw-gap-2 dw-h-[34px] dw-mt-3 dw-rounded-[6px] dw-px-3", children: [
+          /* @__PURE__ */ d(
+            "input",
+            {
+              type: "text",
+              placeholder: "Search by name or contract address",
+              value: k,
+              onChange: (l) => o(l.target.value),
+              className: "dw-flex-1 dw-h-5 dw-font-normal dw-text-[11px] dw-text-[var(--dw-fg)] dw-bg-transparent dw-outline-none dw-border-none"
+            }
+          ),
+          /* @__PURE__ */ d(rn, {})
+        ] }),
+        /* @__PURE__ */ v("div", { className: "dw-flex dw-items-center dw-justify-between dw-mt-2.5 dw-px-0.5", children: [
+          /* @__PURE__ */ d("p", { className: "dw-font-normal dw-text-[11px] dw-text-[var(--dw-text-subtle)]", children: "Token list" }),
+          /* @__PURE__ */ d("p", { className: "dw-font-normal dw-text-[11px] dw-text-[var(--dw-text-subtle)]", children: "Contracts" })
+        ] }),
+        /* @__PURE__ */ d("div", { className: "dw-widget-list dw-flex-1 dw-overflow-y-auto dw-mt-2 dw-pr-1 dw-flex dw-flex-col dw-gap-1", children: j.map((l) => {
+          var A;
+          const S = i(l.chainId), y = `${(S == null ? void 0 : S.explorerUrl) ?? "https://etherscan.io/token/"}${l.contractAddress}`, c = l.contractAddress.length > 10 ? `${l.contractAddress.slice(0, 4)}…${l.contractAddress.slice(-3)}` : l.contractAddress, f = R.has(l.contractAddress), C = !V(l);
+          return /* @__PURE__ */ v(
+            "button",
+            {
+              type: "button",
+              className: `dw-w-full dw-min-h-[48px] dw-flex dw-items-center dw-justify-between dw-rounded-[6px] dw-px-3 dw-py-2 dw-text-left dw-transition dw-cursor-pointer dw-border ${(r == null ? void 0 : r.contractAddress) === l.contractAddress && (r == null ? void 0 : r.chainId) === l.chainId ? "dw-bg-[var(--dw-surface-hover)] dw-border-[var(--dw-accent)]" : "dw-bg-transparent dw-border-transparent hover:dw-bg-[var(--dw-surface-alt)] hover:dw-border-[var(--dw-border)]"}`,
+              onClick: () => w(l),
+              children: [
+                /* @__PURE__ */ v("div", { className: "dw-flex dw-items-center dw-gap-2 dw-min-w-0", children: [
+                  /* @__PURE__ */ d(
+                    "div",
+                    {
+                      className: "dw-w-[28px] dw-h-[28px] dw-rounded-full dw-flex dw-items-center dw-justify-center dw-bg-cover dw-bg-[var(--dw-surface-hover)] dw-border dw-border-[var(--dw-border)] dw-flex-shrink-0",
+                      style: {
+                        backgroundImage: re(
+                          l.imageUrl,
+                          x
+                        ) ? `url(${re(l.imageUrl, x)})` : "none"
+                      },
+                      children: !re(l.imageUrl, x) && /* @__PURE__ */ d("span", { className: "dw-font-normal dw-text-[10px] dw-text-[var(--dw-fg)]", children: ((A = l.symbol[0]) == null ? void 0 : A.toUpperCase()) ?? "?" })
+                    }
+                  ),
+                  /* @__PURE__ */ v("div", { className: "dw-min-w-0", children: [
+                    /* @__PURE__ */ d("p", { className: "dw-font-normal dw-text-[12px] dw-text-[var(--dw-fg)] dw-truncate", children: l.symbol }),
+                    l.name && /* @__PURE__ */ d("p", { className: "dw-font-normal dw-text-[10px] dw-text-[var(--dw-text-subtle)] dw-truncate", children: l.name })
+                  ] })
+                ] }),
+                /* @__PURE__ */ v("div", { className: "dw-flex dw-flex-col dw-items-end dw-gap-1 dw-flex-shrink-0", children: [
+                  C && /* @__PURE__ */ v("div", { className: "dw-flex dw-items-center dw-gap-2.5", children: [
+                    /* @__PURE__ */ d(
+                      "button",
+                      {
+                        type: "button",
+                        className: `dw-w-[12px] dw-h-[12px] dw-flex-shrink-0 dw-bg-cover dw-bg-no-repeat dw-cursor-pointer dw-transition-opacity hover:dw-opacity-100 ${f ? "dw-opacity-100" : "dw-opacity-50"}`,
+                        style: {
+                          backgroundImage: `url(${f ? en : Zt})`
+                        },
+                        onClick: (T) => L(l.contractAddress, T),
+                        "aria-label": "Copy address"
+                      }
+                    ),
+                    /* @__PURE__ */ v(
+                      "a",
+                      {
+                        href: y,
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        className: "dw-flex dw-items-center dw-gap-1 dw-font-normal dw-text-[10px] dw-text-[var(--dw-text-subtle)] hover:dw-text-[var(--dw-fg)] dw-transition-colors",
+                        onClick: (T) => T.stopPropagation(),
+                        children: [
+                          /* @__PURE__ */ d("span", { children: c }),
+                          /* @__PURE__ */ d(
+                            "span",
+                            {
+                              className: "dw-w-[6px] dw-h-[10px] dw-flex-shrink-0 dw-bg-cover dw-bg-no-repeat",
+                              style: { backgroundImage: `url(${tn})` }
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ] }),
+                  !C && /* @__PURE__ */ d("p", { className: "dw-font-normal dw-text-[10px] dw-text-[var(--dw-text-subtle)]", children: "Native" })
+                ] })
+              ]
+            },
+            `${l.chainId}-${l.contractAddress}`
+          );
+        }) })
+      ]
+    }
+  ) });
+}
+function nn() {
+  return /* @__PURE__ */ d("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ d("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) });
+}
+function rn() {
+  return /* @__PURE__ */ d("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ d(
+    "path",
+    {
+      d: "M21 21l-4.35-4.35M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z",
+      stroke: "currentColor",
+      strokeWidth: "1.7",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function Xe(t) {
+  const { networks: e, onSelectNetwork: n, onClose: r, assetBaseUrl: s } = t, [a, i] = U(""), w = ie(() => {
+    if (!a.trim()) return e;
+    const h = a.toLowerCase();
+    return e.filter((p) => p.name.toLowerCase().includes(h));
+  }, [e, a]);
+  return /* @__PURE__ */ d("div", { className: "dw-popup-backdrop dw-absolute dw-top-0 dw-left-1/2 dw--translate-x-1/2 dw-max-h-[420px] dw-h-full dw-z-[60] dw-flex dw-items-start dw-justify-center", children: /* @__PURE__ */ v(
+    "div",
+    {
+      className: "dw-modal-surface dw-popup-content dw-w-[304px] dw-h-full dw-flex dw-flex-col dw-rounded-[var(--dw-radius)] dw-p-3 dw-overflow-hidden",
+      onClick: (h) => h.stopPropagation(),
+      children: [
+        /* @__PURE__ */ v("div", { className: "dw-flex dw-items-center dw-justify-between", children: [
+          /* @__PURE__ */ d("h3", { className: "dw-text-[14px] dw-font-normal dw-text-[var(--dw-fg)]", children: "Select ecosystem" }),
+          /* @__PURE__ */ d(
+            "button",
+            {
+              type: "button",
+              className: "dw-icon-button dw-w-4 dw-h-4 dw-rounded-[4px] dw-opacity-70 dw-cursor-pointer",
+              onClick: r,
+              "aria-label": "Close",
+              children: /* @__PURE__ */ d(on, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ v("div", { className: "dw-field-shell dw-flex dw-items-center dw-gap-2 dw-h-[34px] dw-mt-3 dw-rounded-[6px] dw-px-3", children: [
+          /* @__PURE__ */ d(
+            "input",
+            {
+              type: "text",
+              placeholder: "Search by name",
+              value: a,
+              onChange: (h) => i(h.target.value),
+              className: "dw-flex-1 dw-h-5 dw-font-normal dw-text-[11px] dw-text-[var(--dw-fg)] dw-bg-transparent dw-outline-none dw-border-none"
+            }
+          ),
+          /* @__PURE__ */ d(sn, {})
+        ] }),
+        /* @__PURE__ */ d("div", { className: "dw-widget-list dw-flex-1 dw-overflow-y-auto dw-mt-3 dw-pr-1 dw-grid dw-grid-cols-2 dw-gap-1.5", children: w.map((h) => /* @__PURE__ */ v(
+          "button",
+          {
+            type: "button",
+            className: "dw-w-full dw-min-h-[36px] dw-flex dw-items-center dw-gap-2 dw-rounded-[6px] dw-px-2.5 dw-py-2 dw-text-left dw-transition dw-cursor-pointer dw-bg-transparent dw-border dw-border-transparent hover:dw-bg-[var(--dw-surface-alt)] hover:dw-border-[var(--dw-border)]",
+            onClick: () => n(h),
+            children: [
+              /* @__PURE__ */ d(
+                "div",
+                {
+                  className: "dw-w-[18px] dw-h-[18px] dw-rounded-[4px] dw-flex-shrink-0 dw-bg-cover dw-bg-center",
+                  style: {
+                    backgroundImage: h.logoURI ? `url(${re(h.logoURI, s)})` : "none"
+                  }
+                }
+              ),
+              /* @__PURE__ */ d("h6", { className: "dw-font-normal dw-text-[12px] dw-text-[var(--dw-fg)] dw-truncate", children: h.name })
+            ]
+          },
+          h.id
+        )) })
+      ]
+    }
+  ) });
+}
+function on() {
+  return /* @__PURE__ */ d("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ d("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) });
+}
+function sn() {
+  return /* @__PURE__ */ d("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ d(
+    "path",
+    {
+      d: "M21 21l-4.35-4.35M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z",
+      stroke: "currentColor",
+      strokeWidth: "1.7",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+const dn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIFSURBVHgB7Vf/VcMgEL5MYJxAnMBuIBvYDewIbtJukG5QnSB1AusEwQkaJzjvBF5ICg1Jaf/ie+979KUHHNwvDiAj47ooIDEQsaRhQXwhCvNbOCItURl+EvdFURzGFl0QBcxTSBIr4hGnoyGuQguvHcHKbFSOKCOIb8Qa02Bn1y6cTTCwP1+zvX4La56zihu0DsHMESFhMmvfvRKemk1ZEVcYcAv6XqK2CN9248z98gmzWbY4H7XZKOYWh3vL4dzCdxoaJHFJfAJtNh/YNGxmG1l7SIiodOExSUuKtJCRMY7kJcnC+KUEnbcezMh++Qtd4Bxu4qsm7Nc4rSzVeCbn8aKvqJNdxRtAJFAnyxRlqWEd7LpuSWqgXyoUdHlqWP1ZzuY4CenAaeh+qNgR4mpfLPbEb9CHUoP/+EDPcPokUqTYY0/S2LnBy1DjxLKE2i+3OPL0EUbBOl6Xf0ff4AS/jEEwXWD3EmWWhnegw12BDnmukQoyMsK4WkmyML7ai9IYv7xG+yZB5ygebeD4cDD8AB1EbWhBW1okTFcmRVmq0Fcv6ePOEWqskhhIltjlvArn9ZI+1Hb92JKkoN9+lRDfuvFct9YKM9fbS/jat0s6pN6pUd+2gDNAbf7lYN9NSHhuvbS9pIQZQO0WvRssAoL2OcPRJeC061agzfNDfIdbvUQzMhLiDyT6chuOT10RAAAAAElFTkSuQmCC";
+function an(t) {
+  const {
+    options: e,
+    selectedIndex: n,
+    customValue: r,
+    onSelectOption: s,
+    onCustomChange: a,
+    onSave: i,
+    onClose: w
+  } = t, [h, p] = U(r), N = (m) => {
+    let u = m.target.value.replace(/,/g, ".");
+    u.startsWith(".") && (u = "0" + u), u = u.replace(/[^0-9.]/g, "");
+    const k = u.indexOf(".");
+    k >= 0 && (u = u.slice(0, k + 1) + u.slice(k + 1).replace(/\./g, "")), u = u.slice(0, 4), p(u), a(u);
+  }, x = () => {
+    let m;
+    if (n !== null)
+      m = e[n];
+    else if (h)
+      m = h + "%";
+    else
+      return;
+    try {
+      i(m), w();
+    } catch (u) {
+      console.error(u);
+    }
+  };
+  return /* @__PURE__ */ d("div", { className: "dw-popup-backdrop dw-absolute dw-inset-0 dw-z-50 dw-flex dw-items-center dw-justify-center", children: /* @__PURE__ */ v(
+    "div",
+    {
+      className: "dw-modal-surface dw-popup-content dw-w-[304px] dw-flex dw-flex-col dw-rounded-[var(--dw-radius)] dw-p-3",
+      onClick: (m) => m.stopPropagation(),
+      children: [
+        /* @__PURE__ */ v("div", { className: "dw-flex dw-items-center dw-justify-between", children: [
+          /* @__PURE__ */ d("h3", { className: "dw-font-normal dw-text-[14px] dw-text-[var(--dw-fg)]", children: "Settings" }),
+          /* @__PURE__ */ d(
+            "button",
+            {
+              type: "button",
+              className: "dw-icon-button dw-w-4 dw-h-4 dw-rounded-[4px] dw-opacity-70 dw-cursor-pointer",
+              onClick: w,
+              "aria-label": "Close",
+              children: /* @__PURE__ */ d(ln, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ v("div", { className: "dw-flex dw-items-center dw-gap-2 dw-mt-3", children: [
+          /* @__PURE__ */ d(
+            "img",
+            {
+              src: dn,
+              alt: "",
+              className: "dw-w-[14px] dw-h-[14px] dw-object-cover"
+            }
+          ),
+          /* @__PURE__ */ d("p", { className: "dw-font-normal dw-text-[12px] dw-text-[var(--dw-fg)]", children: "Slippage limit" })
+        ] }),
+        /* @__PURE__ */ v("div", { className: "dw-flex dw-items-center dw-gap-1 dw-mt-3 dw-flex-wrap", children: [
+          e.map((m, u) => /* @__PURE__ */ d(
+            "button",
+            {
+              type: "button",
+              className: `dw-font-normal dw-text-[11px] dw-px-3 dw-py-1.5 dw-rounded-[6px] dw-border dw-transition ${n === u ? "dw-bg-[var(--dw-surface-hover)] dw-border-[var(--dw-accent)] dw-text-[var(--dw-fg)]" : "dw-bg-transparent dw-border-[var(--dw-border)] dw-text-[var(--dw-text-subtle)] hover:dw-bg-[var(--dw-surface-alt)] hover:dw-text-[var(--dw-fg)]"}`,
+              onClick: () => s(u),
+              children: m
+            },
+            m
+          )),
+          /* @__PURE__ */ v(
+            "div",
+            {
+              className: `dw-relative dw-w-[72px] dw-h-[30px] dw-flex dw-items-center dw-justify-center dw-rounded-[6px] dw-border ${n === null && h ? "dw-border-[var(--dw-accent)] dw-bg-[var(--dw-surface-hover)]" : "dw-border-[var(--dw-border)] dw-bg-[var(--dw-surface-alt)]"}`,
+              children: [
+                /* @__PURE__ */ d(
+                  "input",
+                  {
+                    type: "text",
+                    placeholder: "Custom",
+                    value: h,
+                    onChange: N,
+                    onFocus: () => a(""),
+                    maxLength: 4,
+                    className: "dw-w-10 dw-font-normal dw-text-[11px] dw-text-[var(--dw-fg)] dw-bg-transparent dw-border-none dw-outline-none dw-text-center"
+                  }
+                ),
+                h && /* @__PURE__ */ d("span", { className: "dw-absolute dw-right-2 dw-pointer-events-none dw-font-normal dw-text-[11px] dw-text-[var(--dw-fg)]", children: "%" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            className: "dw-w-full dw-h-[34px] dw-mt-4 dw-bg-[var(--dw-accent)] dw-border dw-border-transparent dw-rounded-[6px] dw-font-normal dw-text-[12px] dw-text-white hover:dw-bg-[var(--dw-accent-hover)] dw-cursor-pointer",
+            onClick: x,
+            children: "Save"
+          }
+        )
+      ]
+    }
+  ) });
+}
+function ln() {
+  return /* @__PURE__ */ d("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ d("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) });
+}
+function Ze(t) {
+  return t === "EVM" ? ot : t === "SVM" ? st : dt;
+}
+function pn(t) {
+  var j, l, S, g, y, c, f, C;
+  const {
+    theme: e = "dark",
+    vars: n,
+    className: r,
+    style: s,
+    config: a,
+    ...i
+  } = t, w = et(e, n), p = {
+    ...tt(w),
+    ...s
+  }, N = a.assetBaseUrl ?? a.dataBaseUrl ?? (typeof window < "u" ? window.location.origin : ""), [x, m] = U(null), [u, k] = U(null), o = Qt({
+    dataBaseUrl: a.dataBaseUrl,
+    apiBase: a.apiBase
+  }), R = ie(() => {
+    var G;
+    const A = o.networks, T = (G = o.networkSell) == null ? void 0 : G.id, O = A.slice(0, 6);
+    if (!T || O.some((H) => H.id === T)) return O;
+    const J = A.find((H) => H.id === T);
+    return J ? [...O.slice(0, 5), J] : O;
+  }, [o.networks, (j = o.networkSell) == null ? void 0 : j.id]), M = ie(() => {
+    const A = new Set(R.map((T) => T.id));
+    return o.networks.filter((T) => !A.has(T.id));
+  }, [o.networks, R]), V = ie(() => {
+    var G;
+    const A = o.networks, T = (G = o.networkBuy) == null ? void 0 : G.id, O = A.slice(0, 6);
+    if (!T || O.some((H) => H.id === T)) return O;
+    const J = A.find((H) => H.id === T);
+    return J ? [...O.slice(0, 5), J] : O;
+  }, [o.networks, (l = o.networkBuy) == null ? void 0 : l.id]), L = ie(() => {
+    const A = new Set(V.map((T) => T.id));
+    return o.networks.filter((T) => !A.has(T.id));
+  }, [o.networks, V]), $ = (A) => Math.trunc(A * 1e6) / 1e6;
+  return o.loading ? /* @__PURE__ */ d(
+    "div",
+    {
+      "data-delora-widget-root": !0,
+      className: `dw-flex dw-items-center dw-justify-center dw-p-8 ${r ?? ""}`,
+      style: p,
+      ...i,
+      children: /* @__PURE__ */ d("p", { className: "dw-text-[var(--dw-muted)]", children: "Loading..." })
+    }
+  ) : o.error ? /* @__PURE__ */ d(
+    "div",
+    {
+      "data-delora-widget-root": !0,
+      className: `dw-flex dw-items-center dw-justify-center dw-p-8 ${r ?? ""}`,
+      style: p,
+      ...i,
+      children: /* @__PURE__ */ d("p", { className: "dw-text-[#ff7e7e]", children: o.error })
+    }
+  ) : /* @__PURE__ */ v(
+    "div",
+    {
+      "data-delora-widget-root": !0,
+      className: `dw-font-mono dw-relative dw-inline-block ${r ?? ""}`,
+      style: p,
+      ...i,
+      children: [
+        /* @__PURE__ */ d(
+          qt,
+          {
+            assetBaseUrl: N,
+            sellToken: o.sellToken,
+            buyToken: o.buyToken,
+            networkSellLogo: (S = o.networkSell) == null ? void 0 : S.logoURI,
+            networkBuyLogo: (g = o.networkBuy) == null ? void 0 : g.logoURI,
+            sellAmountForInput: o.sellAmountForInput,
+            buyAmountForInput: o.buyAmountForInput,
+            onSellAmountChange: (A) => o.setSellAmountForInput(A),
+            onSellInputProcess: o.processSellInput,
+            onOpenSellToken: () => m("tokenSell"),
+            onOpenBuyToken: () => m("tokenBuy"),
+            onSwapTokens: o.swapTokens,
+            onRefresh: () => {
+              o.networkSell && o.networkBuy && o.sellToken && o.buyToken && o.validatedSellAmount > 0 && o.fetchQuote({
+                sellNetworkId: o.networkSell.id,
+                buyNetworkId: o.networkBuy.id,
+                sellToken: o.sellToken,
+                buyToken: o.buyToken,
+                sellAmountStr: o.sellAmountForInput || "0",
+                slippage: o.slippage.slippage,
+                fromAddress: Ze(o.networkSell.chainType),
+                toAddress: Ze(o.networkBuy.chainType),
+                apiBase: a.apiBase
+              });
+            },
+            onOpenSettings: () => m("settings"),
+            balance: o.balance,
+            balanceBuy: o.balanceBuy,
+            sellPriceUsd: (y = o.sellToken) != null && y.priceUSD && o.sellAmountForInput && Number(o.sellAmountForInput) > 0 ? `$${(Number(o.sellAmountForInput) * Number(o.sellToken.priceUSD)).toFixed(3)}` : "",
+            buyPriceUsd: (c = o.buyToken) != null && c.priceUSD && o.buyAmountForInput && Number(o.buyAmountForInput) > 0 ? `$${(Number(o.buyAmountForInput) * Number(o.buyToken.priceUSD)).toFixed(3)}` : "",
+            onMaxClick: o.setMaxSellAmount,
+            onSet50Percent: () => o.setSellAmountByPercent(50),
+            onSet25Percent: () => o.setSellAmountByPercent(25),
+            buttonState: o.buttonState,
+            txData: o.txData,
+            loading: o.buttonState === "finding",
+            price: o.price,
+            gasCostUSD: o.gasCostUSD,
+            truncateTo6Decimals: $,
+            isWalletConnected: !!a.isWalletConnected,
+            onConnectWallet: a.onConnectWallet
+          }
+        ),
+        x === "tokenSell" && /* @__PURE__ */ d(
+          _e,
+          {
+            mode: "sell",
+            networks: o.networks,
+            selectedNetworkId: (f = o.networkSell) == null ? void 0 : f.id,
+            selectedToken: o.sellToken,
+            excludeToken: o.buyToken,
+            getAllTokensForNetwork: o.getAllTokensForNetworkId,
+            getNetworkById: o.getNetworkById,
+            displayedNetworks: R,
+            additionalNetworksCount: M.length,
+            onOpenNetworkSelector: () => k("sell"),
+            onSelectToken: (A) => {
+              o.setSellToken(A), o.cancelRequest(), m(null);
+            },
+            onSelectNetwork: (A) => {
+              var T;
+              o.updateNetworkSell(A.id), ((T = o.networkBuy) == null ? void 0 : T.id) !== A.id && o.setNetworkBuy(A);
+            },
+            onClose: () => m(null),
+            assetBaseUrl: N
+          }
+        ),
+        x === "tokenBuy" && /* @__PURE__ */ d(
+          _e,
+          {
+            mode: "buy",
+            networks: o.networks,
+            selectedNetworkId: (C = o.networkBuy) == null ? void 0 : C.id,
+            selectedToken: o.buyToken,
+            excludeToken: o.sellToken,
+            getAllTokensForNetwork: o.getAllTokensForNetworkId,
+            getNetworkById: o.getNetworkById,
+            displayedNetworks: V,
+            additionalNetworksCount: L.length,
+            onOpenNetworkSelector: () => k("buy"),
+            onSelectToken: (A) => {
+              o.setBuyToken(A), o.cancelRequest(), m(null);
+            },
+            onSelectNetwork: (A) => {
+              o.setNetworkBuy(A);
+            },
+            onClose: () => m(null),
+            assetBaseUrl: N
+          }
+        ),
+        u === "sell" && x === "tokenSell" && /* @__PURE__ */ d(
+          Xe,
+          {
+            networks: M,
+            assetBaseUrl: N,
+            onSelectNetwork: (A) => {
+              var T;
+              o.updateNetworkSell(A.id), ((T = o.networkBuy) == null ? void 0 : T.id) !== A.id && o.setNetworkBuy(A), k(null);
+            },
+            onClose: () => k(null)
+          }
+        ),
+        u === "buy" && x === "tokenBuy" && /* @__PURE__ */ d(
+          Xe,
+          {
+            networks: L,
+            assetBaseUrl: N,
+            onSelectNetwork: (A) => {
+              o.setNetworkBuy(A), k(null);
+            },
+            onClose: () => k(null)
+          }
+        ),
+        x === "settings" && /* @__PURE__ */ d(
+          an,
+          {
+            options: o.slippage.options,
+            selectedIndex: o.slippage.selectedIndex,
+            customValue: o.slippage.customValue,
+            onSelectOption: o.slippage.selectOption,
+            onCustomChange: o.slippage.setCustom,
+            onSave: (A) => {
+              o.slippage.save(A), m(null);
+            },
+            onClose: () => m(null)
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  hn as MyWidget,
+  pn as TradeWidget
+};
+//# sourceMappingURL=index.js.map