@blockend/widget 1.0.55-beta.1 → 1.0.55-beta.2

package/dist/InputComp-CDuJJKaD.js

@@ -0,0 +1,105 @@
+import { jsxs as a, jsx as e, Fragment as v } from "react/jsx-runtime";
+import { u as s, S as y } from "./index-UFdEurQ_.js";
+import { useState as C, useRef as m } from "react";
+import { u as k, i as S, W, F as j, f as d, a as x, b as D } from "./useRegisterError-BvjIv1Yc.js";
+import { useAccount as F, useBalance as I } from "wagmi";
+import { c as R, r as T } from "./index-CRhXLwtt.js";
+function V({ amount: b, setAmount: i, fetchBalance: A, getCoinBalance: p, isBalanceLoading: h }) {
+  const n = s((t) => t.configuration), r = s((t) => t.fromCoin), w = s((t) => t.fromChain), { isAnyWalletConnected: u } = k({ chainData: w });
+  C(40);
+  const { address: f } = F(), g = m(), { defaultCoin: N } = S;
+  I({
+    address: f,
+    token: R(r?.address || ""),
+    chainId: Number(w?.chainId || 0),
+    enabled: w?.networkType == "evm"
+  });
+  const o = m(), l = p;
+  return /* @__PURE__ */ a("div", { className: " bw-mb-5 bw-mt-4", children: [
+    /* @__PURE__ */ a("p", { className: "bw-text-sm bw-text-left bw-font-medium bw-mb-1 bw-text-text-secondary", children: [
+      "Give ",
+      r?.name || ""
+    ] }),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        style: {
+          boxShadow: n && n.customTheme && n.customTheme?.shadow?.boxShadow || "1px 1px 7px rgba(0, 0, 0, 0.15)"
+        },
+        className: "bw-w-full bw-h-[80px] bw-flex bw-gap-x-1 bw-items-center bw-px-2  bw-bg-background-container bw-rounded-md bw-border bw-border-border-primary",
+        children: [
+          /* @__PURE__ */ a("div", { className: "bw-w-full bw-flex bw-gap-x-2 bw-mt-5 bw-items-start bw-h-full", children: [
+            /* @__PURE__ */ e("div", { className: " bw-flex bw-items-center", children: r?.image ? /* @__PURE__ */ e("div", { className: "bw-rounded-[50%]  bw-bg-background-secondary bw-min-w-[40px] bw-w-[40px] bw-min-h-[40px] bw-flex bw-justify-center bw-items-center  bw-border bw-border-border-primary", children: /* @__PURE__ */ e("img", { src: r?.image, width: 39, height: 39, alt: "img", className: "bw-rounded-[50%] bw-max-w-[39px] bw-max-h-[39px]  bw-object-contain bw-min-w-[39px] bw-min-h-[39px]" }) }) : /* @__PURE__ */ e("div", { className: "bw-min-w-[40px] bw-w-[40px] bw-border bw-border-border-primary bw-min-h-[40px] bw-rounded-[50%] ", children: /* @__PURE__ */ e("img", { src: N, width: 39, height: 39, alt: "img", className: "bw-rounded-[50%] bw-min-w-[38px] bw-min-h-[39px]" }) }) }),
+            /* @__PURE__ */ a("div", { className: "bw-w-full", children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  onClick: () => {
+                    o.current.focus();
+                  },
+                  className: " ",
+                  children: /* @__PURE__ */ a("div", { className: "bw-text-left", children: [
+                    /* @__PURE__ */ a("span", { className: "bw-invisible bw-absolute", ref: g, children: [
+                      b,
+                      "0"
+                    ] }),
+                    /* @__PURE__ */ e(
+                      "input",
+                      {
+                        ref: o,
+                        pattern: "[0-9]*",
+                        inputMode: "decimal",
+                        autoFocus: !0,
+                        onWheel: (t) => t.target.blur(),
+                        type: "number",
+                        value: b,
+                        onChange: (t) => {
+                          let c = t.target.value;
+                          c.length <= 11 && i(c);
+                        },
+                        onKeyDown: (t) => {
+                          T(t);
+                        },
+                        placeholder: "0.0",
+                        className: "bw-text-2xl md:bw-text-3xl bw-border-none focus:bw-placeholder:bw-opacity-0  placeholder:bw-text-left bw-h-[36px] bw-ml-auto bw-mb-1  bw-pl-1 bw-min-w-[45px] bw-max-w-[200px]  bw-font-medium placeholder:bw-text-text-placeholder bw-text-text-primary bw-bg-transparent"
+                      }
+                    )
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ e("div", { children: r.coin.length && u ? h ? /* @__PURE__ */ e(y, { className: "bw-bg-background-secondary bw-rounded-md bw-h-[18px] bw-w-[100px]" }) : /* @__PURE__ */ a("div", { className: "bw-flex bw-items-center bw-gap-x-1", children: [
+                /* @__PURE__ */ e(W, { fill: "var(--tw-text-secondary)" }),
+                /* @__PURE__ */ e("p", { className: "bw-text-xs bw-font-medium bw-text-text-secondary", children: /* @__PURE__ */ e(
+                  j,
+                  {
+                    value: d(l),
+                    options: {
+                      maxDecimals: 10
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    className: "bw-text-xs bw-font-normal bw-min-w-[37px] bw-h-[18px] bw-rounded-[4px] bw-px-1 bw-border bw-border-border-primary bw-text-text-secondary",
+                    onClick: () => {
+                      i(x(d(l), 10));
+                    },
+                    children: "MAX"
+                  }
+                )
+              ] }) : /* @__PURE__ */ e(v, {}) })
+            ] })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "bw-flex bw-justify-between bw-items-center", children: /* @__PURE__ */ e("div", { className: "bw-flex bw-items-center bw-gap-x-1", children: /* @__PURE__ */ a("p", { className: ` bw-font-normal   bw-pl-2 ${b.length ? "bw-text-text-secondary bw-text-xs md:bw-text-sm" : "bw-text-text-placeholder bw-text-[10px]"}`, children: [
+            "$",
+            x(D(b * r?.lastPrice), 10)
+          ] }) }) })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  V as default
+};

package/dist/LoadRoute-CVas28CM.js

@@ -0,0 +1,123 @@
+import { jsx as e, jsxs as n, Fragment as r } from "react/jsx-runtime";
+import { t as I } from "./truncate-D9t92mVX.js";
+import { u as s, S as d, l as L } from "./index-UFdEurQ_.js";
+import { useState as U, useEffect as A } from "react";
+import { s as o } from "./WidgetForm.module-QHJ0-m5f.js";
+import { G, C as O, S as T } from "./clockIcon-C2W5xvyt.js";
+import { S as z } from "./down-DJH_apvy.js";
+import { e as M } from "./ethertousd-CC_ezooz.js";
+import { O as g } from "./index-Dmf6i8k4.js";
+import { F as p, i as R } from "./useRegisterError-BvjIv1Yc.js";
+function _({ fill: t }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      width: "14",
+      height: "13",
+      viewBox: "0 0 14 13",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M8.96762 0.608257C9.75204 0.81844 10.4162 1.32448 10.8223 2.02798C11.1795 2.64657 11.3164 3.35994 11.2014 4.05707C11.8556 4.29389 12.405 4.76918 12.7621 5.38777L12.7691 5.3999C13.1753 6.10339 13.2814 6.93156 13.0713 7.71597C12.8611 8.50039 12.355 9.16451 11.6515 9.57067L6.18127 12.7289C5.64759 13.0371 4.95884 12.8525 4.65071 12.3188C4.34259 11.7851 4.52714 11.0964 5.06083 10.7883L10.5311 7.63C10.9192 7.40591 11.0525 6.90848 10.8284 6.52034L10.8214 6.50821C10.5973 6.12008 10.0999 5.98679 9.71177 6.21088L4.2415 9.36915C3.70781 9.67727 3.01906 9.49272 2.71094 8.95903C2.39581 8.41322 2.58736 7.7366 3.12105 7.42847L8.59132 4.27021C8.97946 4.04612 9.11274 3.54869 8.88165 3.14842C8.65756 2.76029 8.16013 2.627 7.77199 2.85109L2.30172 6.00936C1.76804 6.31748 1.08629 6.14506 0.771161 5.59924C0.463038 5.06556 0.647589 4.37681 1.18127 4.06868L6.65155 0.910419C7.35504 0.504257 8.18321 0.398074 8.96762 0.608257Z",
+          fill: t,
+          "fill-opacity": "1"
+        }
+      )
+    }
+  );
+}
+function X({ routes: t, handleShowAllRoutes: f, routesData: b, price: u, amount: v, isRoutesEnabled: x }) {
+  const y = t.data, [m, N] = U(), i = s((a) => a.gradient), w = s((a) => a.configuration), F = s((a) => a.fromChain), C = s((a) => a.fromCoin), S = s((a) => a.toChain), c = s((a) => a.toCoin), { defaultCoin: k } = R;
+  A(() => {
+    if (b) {
+      let a = { amountInUSD: 0, amountInNative: 0 }, h = {};
+      b?.fee?.forEach((l) => {
+        l.source == "FROM_SOURCE_WALLET" && (a.amountInUSD += Number(l.amountInUSD), a.amountInNative += Number(M(l.amountInToken, l.token.decimals)), h = { ...l });
+      }), N({ tempGasObj: a, token: h });
+    }
+  }, [b]);
+  let $ = b?.outputAmountDisplay || "", E = u.toString(), j = b?.providerDetails?.logoUrl?.length ? b?.providerDetails?.logoUrl : k;
+  return /* @__PURE__ */ e("div", { className: "bw-mt-2", children: F?.chain?.length && C?.coin?.length && S?.chain?.length && c?.coin?.length && v.length && x ? t.isSuccess && !t.data?.data?.quotes?.length && !t.isFetching ? /* @__PURE__ */ e("div", { className: "bw-bg-background-container bw-text-text-secondary bw-flex bw-justify-center bw-items-center bw-h-[80px] bw-relative  bw-flex-col  bw-border bw-border-border-primary", children: "No Routes Available" }) : t.isSuccess || t.isLoading || t.isFetching ? /* @__PURE__ */ n("div", { children: [
+    /* @__PURE__ */ n("div", { className: "bw-flex bw-items-center bw-justify-between", children: [
+      " ",
+      /* @__PURE__ */ n("p", { className: "bw-text-sm bw-font-medium bw-text-text-secondary", children: [
+        "Get ",
+        c.name
+      ] }),
+      t.isFetching ? /* @__PURE__ */ e(r, {}) : /* @__PURE__ */ e("div", { onClick: f, style: { ...w.gradientStyle }, className: `bw-w-[130px] bw-cursor-pointer bw-relative bw-p-[1px]  bw-text-transparent bw-text-sm bw-font-normal  bw-h-[18px]  bw-rounded-xl   ${i || `${o.overlayshow} ${w.gradientStyle?.background ? "" : "bw-bg-gradient-to-r bw-from-[#A45EFF] bw-to-[#2CFFE4]"}`}`, children: /* @__PURE__ */ e("div", { className: " bw-w-full bw-h-full bw-text-text-secondary bw-relative bw-z-10 bw-bg-background-container  bw-flex bw-justify-center bw-items-center bw-text-xs bw-font-normal  bw-rounded-xl", children: "Show All Routes" }) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: " bw-mt-2", children: [
+      /* @__PURE__ */ n("div", { style: t.isFetching ? {} : { ...w.gradientStyle }, className: ` ${t.isFetching ? "bw-bg-background-secondary" : ` ${i || `${w.gradientStyle?.background ? "" : "bw-bg-gradient-to-r bw-from-[#A45EFF] bw-to-[#2CFFE4]"} ${o.overlay}`} `}   bw-relative  bw-flex bw-justify-center bw-rounded-[8px] bw-w-full bw-p-[1px] bw-h-[86px] `, children: [
+        /* @__PURE__ */ n("div", { className: "bw-w-full bw-h-full bw-flex bw-px-2 bw-pb-3 bw-items-center bw-justify-between bw-bg-background-container rbw-elative bw-z-10 bw-rounded-[8px]", children: [
+          /* @__PURE__ */ n("div", { className: "bw-flex bw-items-start bw-gap-x-2", children: [
+            c?.image && !t.isFetching ? /* @__PURE__ */ e("img", { src: c.image, width: 30, height: 30, className: "bw-mt-1 bw-max-w-[30px] bw-max-h-[30px]  bw-object-contain  bw-bg-background-secondary bw-rounded-[50%]" }) : /* @__PURE__ */ e(r, {}),
+            /* @__PURE__ */ n("div", { children: [
+              t.isFetching ? /* @__PURE__ */ e(d, { className: "bw-bg-background-secondary bw-mt-3 bw-rounded-sm bw-h-[36px] bw-min-h-[36px]", animation: "wave", variant: "rectangular", height: 36, width: 250 }) : /* @__PURE__ */ e("p", { className: "bw-text-2xl md:bw-text-3xl bw-mb-1 bw-font-medium bw-text-text-primary", children: /* @__PURE__ */ e(g, { value: $, decimal: 12 }) }),
+              t.isFetching ? /* @__PURE__ */ e(d, { className: "bw-bg-background-secondary bw-mt-2 bw-rounded-sm bw-h-[20px] bw-w-[100px] bw-min-h-[20px]", variant: "rectangular", animation: "wave", height: 20, width: 100 }) : /* @__PURE__ */ n("div", { className: "bw-flex bw-items-center bw-gap-x-1", children: [
+                /* @__PURE__ */ e(G, { fill: "var(--tw-text-primary)" }),
+                /* @__PURE__ */ n("p", { className: "bw-text-xs md:bw-text-sm bw-font-medium bw-text-text-primary", children: [
+                  "Total Fee:",
+                  " $",
+                  /* @__PURE__ */ e(p, { value: m?.tempGasObj?.amountInUSD || 0, options: { maxDecimals: 8 } }),
+                  " (",
+                  /* @__PURE__ */ e(p, { value: m?.tempGasObj?.amountInNative || 0, options: { maxDecimals: 8 } }),
+                  ` ${m?.token?.token?.symbol || ""})`
+                ] })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ n("div", { className: " bw-text-sm bw-font-medium bw-mt-2  bw-text-text-loaderbar ", children: [
+            t.isFetching ? /* @__PURE__ */ e(d, { className: "bw-bg-background-secondary bw-w-[50px] bw-rounded-sm bw-h-[20px] bw-min-h-[20px]", variant: "rectangular", animation: "wave", height: 20, width: 50 }) : /* @__PURE__ */ n("p", { className: "bw-text-text-secondary bw-font-medium bw-text-xs md:bw-text-sm", children: [
+              "$",
+              /* @__PURE__ */ e(g, { value: E, decimal: 10 })
+            ] }),
+            t.isFetching ? /* @__PURE__ */ e(d, { className: "bw-bg-background-secondary bw-w-[50px] bw-mt-2 bw-rounded-sm bw-h-[20px] bw-min-h-[20px]  ", variant: "rectangular", animation: "wave", height: 20, width: 50 }) : y?.data?.quotes?.[0]?._id === b._id ? /* @__PURE__ */ e("div", { style: { ...w.gradientStyle }, className: `${i || `${w.gradientStyle?.background ? "" : "bw-bg-gradient-to-r bw-from-[#A45EFF] bw-to-[#2CFFE4]"} `} bw-mt-3 bw-text-right bw-text-transparent bw-text-[10px] bw-font-bold bw-bg-clip-text ${o.gradienttext}`, children: "BEST" }) : /* @__PURE__ */ e(r, {})
+          ] })
+        ] }),
+        t.isFetching ? /* @__PURE__ */ e("div", { className: "bw-absolute bw-w-[40px] bw-h-[40px] bw-bottom-[-35%] bw-z-20 ", children: /* @__PURE__ */ e(z, {}) }) : /* @__PURE__ */ e(r, {}),
+        /* @__PURE__ */ n("div", { className: "bw-h-[18px] bw-w-max bw-z-10 bw-min-w-[200px] bw-bg-background-container  bw-flex bw-items-center bw-absolute bw-bottom-[-10%]", children: [
+          !t.isFetching && !L.isEmpty(b) ? /* @__PURE__ */ n("div", { className: "bw-flex bw-w-full bw-px-6  bw-items-center bw-gap-x-1", children: [
+            " ",
+            /* @__PURE__ */ n("p", { className: "bw-text-sm bw-w-full bw-text-center bw-flex bw-justify-center bw-items-center bw-font-normal bw-my-1 bw-text-text-secondary", children: [
+              /* @__PURE__ */ e("span", { className: "bw-text-sm bw-font-light", children: "via" }),
+              " ",
+              /* @__PURE__ */ e("img", { src: j, className: "bw-rounded-[50%] bw-mx-[4px] bw-min-w-[18px] bw-max-h-[18px] bw-min-h-[18px]", width: 18, height: 18 }),
+              b?.providerDetails?.name || "",
+              ": ",
+              b?.protocolsUsed[0],
+              b?.protocolsUsed?.length <= 1 ? "" : /* @__PURE__ */ n("span", { className: "bw-ml-1 bw-text-xs bw-font-normal", children: [
+                `+${b?.protocolsUsed?.length - 1}`,
+                " More"
+              ] }),
+              " "
+            ] }),
+            " "
+          ] }) : /* @__PURE__ */ e(r, {}),
+          /* @__PURE__ */ e("div", { style: t.isFetching ? {} : { ...w.gradientStyle }, className: ` ${t.isFetching ? "bw-bg-background-secondary" : ` ${i || ` ${o.overlay} ${w?.gradientStyle?.background ? "" : "bw-bg-gradient-to-r bw-from-[#A45EFF] bw-to-[#2CFFE4]"}`}`}  bw-absolute  bw-right-0 bw-rounded-[50%] bw-w-[4px] bw-h-[4px]    ` }),
+          /* @__PURE__ */ e("div", { style: t.isFetching ? {} : { ...w.gradientStyle }, className: ` ${t.isFetching ? "bw-bg-background-secondary" : ` ${i || ` ${o.overlay} ${w?.gradientStyle?.background ? "" : "bw-bg-gradient-to-r bw-from-[#A45EFF] bw-to-[#2CFFE4]"}`}`}  bw-absolute   bw-rounded-[50%] bw-w-[4px] bw-h-[4px]    ` })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "bw-bg-background-container bw-flex bw-items-center bw-w-[85%] bw-mx-auto bw-rounded-b-md bw-justify-center bw-h-[60px]", children: t.isFetching ? /* @__PURE__ */ e("div", { className: "bw-mt-6 bw-w-full bw-h-[20px]" }) : /* @__PURE__ */ n("div", { className: "bw-flex bw-items-center bw-gap-x-4 bw-mt-2 bw-bg-background-container bw-justify-center ", children: [
+        /* @__PURE__ */ n("div", { className: "bw-flex bw-items-center bw-gap-x-1", children: [
+          /* @__PURE__ */ e(_, { fill: "var(--tw-text-secondary)" }),
+          /* @__PURE__ */ e("p", { className: "bw-text-sm bw-font-medium bw-text-text-secondary", children: "Fee" }),
+          /* @__PURE__ */ e("p", { className: "bw-text-sm bw-line-through bw-font-medium bw-text-text-secondary", children: "0.1%" }),
+          /* @__PURE__ */ e("p", { className: "bw-text-sm  bw-font-medium bw-text-text-secondary", children: "0" })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "bw-flex bw-items-center bw-gap-x-1", children: [
+          /* @__PURE__ */ e(O, { fill: "var(--tw-text-secondary)" }),
+          /* @__PURE__ */ e("p", { className: "bw-text-sm bw-font-medium bw-text-text-secondary", children: b?.estimatedTimeInSeconds >= 90 ? `${Math.round(I((b?.estimatedTimeInSeconds || 60) / 60, 2) || 0)}min` : `${b?.estimatedTimeInSeconds || 60} secs` })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "  bw-gap-x-1 bw-flex bw-items-center bw-text-xs bw-font-normal bw-text-text-primary", children: [
+          /* @__PURE__ */ e(T, { fill: "var(--tw-text-secondary)" }),
+          /* @__PURE__ */ e("p", { className: "bw-text-sm bw-font-medium bw-text-text-secondary", children: `${b?.steps?.length || ""} step` })
+        ] })
+      ] }) })
+    ] })
+  ] }) : x ? /* @__PURE__ */ e("div", { className: "bw-bg-background-container bw-text-text-secondary  bw-justify-center bw-items-center bw-h-[80px] bw-relative bw-flex bw-flex-col  bw-border bw-border-border-primary", children: "Failed to load routes" }) : /* @__PURE__ */ e(r, {}) : /* @__PURE__ */ e(r, {}) });
+}
+export {
+  X as default
+};

package/dist/QuotesProgress-DaL4L4Db.js

@@ -0,0 +1,27 @@
+import { jsxs as s, jsx as a, Fragment as l } from "react/jsx-runtime";
+import { s as b } from "./WidgetForm.module-QHJ0-m5f.js";
+import { u as d } from "./index-UFdEurQ_.js";
+function m({ routesData: w, routes: e, quoteTimer: n, amount: o }) {
+  const r = d((i) => i.configuration), t = d((i) => i.gradient);
+  return o && !e.isFetching && typeof e.data < "u" && e.data?.data?.quotes?.length && !e.isError ? /* @__PURE__ */ s("div", { className: "bw-flex bw-items-center bw-gap-x-2 bw-justify-between", children: [
+    /* @__PURE__ */ a("p", { className: "bw-text-sm bw-font-medium bw-text-text-secondary", children: "New Quote in" }),
+    /* @__PURE__ */ a("div", { className: " bw-w-[250px] bw-flex-1 bw-bg-border-primary bw-h-[3px] bw-overflow-x-hidden", children: /* @__PURE__ */ a(
+      "div",
+      {
+        style: {
+          height: "100%",
+          ...r.gradientStyle,
+          width: `${100 - n / w.deadline * 100}%`
+        },
+        className: ` ${t || `${r.gradientStyle?.background ? "" : "bw-bg-gradient-to-r  bw-from-[#A45EFF] bw-to-[#2CFFE4]"} ${b.overlay}`} bw-relative  `
+      }
+    ) }),
+    /* @__PURE__ */ s("div", { style: { ...r.gradientStyle }, className: `${t ? `${t} bw-bg-clip-text bw-text-transparent` : b.gradienttext} bw-relative bw-text-right bw-w-max bw-text-2xl bw-font-semibold bw-text-transparent  `, children: [
+      n,
+      "s"
+    ] })
+  ] }) : /* @__PURE__ */ a(l, {});
+}
+export {
+  m as default
+};

package/dist/{SwapAsset-MBXcdeBf.js → SwapAsset-DSV6l90O.js}

@@ -1,7 +1,7 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { u as a } from "./index-C5bv1F_u.js";
-function w({ fill1: o, fill2: r }) {
-  return /* @__PURE__ */ s(
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { u as e } from "./index-UFdEurQ_.js";
+function c({ fill1: t, fill2: r }) {
+  return /* @__PURE__ */ a(
     "svg",
     {
       width: "37",
@@ -10,17 +10,17 @@ function w({ fill1: o, fill2: r }) {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ o(
           "circle",
           {
             cx: "18.5027",
             cy: "18.6207",
             r: "18.2551",
             transform: "rotate(90 18.5027 18.6207)",
-            fill: o
+            fill: t
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ o(
           "path",
           {
             d: "M14.3655 7.6488L7.58782 16.5705L28.9581 16.5705L28.9581 12.7663L14.3655 12.7663L14.3655 7.6488Z",
@@ -28,7 +28,7 @@ function w({ fill1: o, fill2: r }) {
             "fill-opacity": "1"
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ o(
           "path",
           {
             d: "M22.2517 29.0189L29.0294 20.0972L7.65911 20.0972L7.65911 23.9014L22.2517 23.9014L22.2517 29.0189Z",
@@ -40,12 +40,11 @@ function w({ fill1: o, fill2: r }) {
     }
   );
 }
-function p({ handleSwap: o }) {
-  var i, l;
-  const r = a((n) => n.fromCoin), c = a((n) => n.toCoin);
-  let e = ((i = r == null ? void 0 : r.coin) == null ? void 0 : i.length) && ((l = c.coin) == null ? void 0 : l.length);
-  return /* @__PURE__ */ t("div", { onClick: o, className: `${e ? "" : "bw-pointer-events-none"} bw-absolute hover:bw-scale-[0.95] bw-border bw-border-border-primary bw-rounded-[50%] bw-cursor-pointer bw-bg-background-container bw-top-[33%] bw-right-[45%] `, children: /* @__PURE__ */ t(w, { fill1: "var(--tw-background-container)", fill2: e ? "var(--tw-text-primary)" : "var(--tw-text-secondary)" }) });
+function b({ handleSwap: t }) {
+  const r = e((n) => n.fromCoin), l = e((n) => n.toCoin);
+  let i = r?.coin?.length && l.coin?.length;
+  return /* @__PURE__ */ o("div", { onClick: t, className: `${i ? "" : "bw-pointer-events-none"} bw-absolute hover:bw-scale-[0.95] bw-border bw-border-border-primary bw-rounded-[50%] bw-cursor-pointer bw-bg-background-container bw-top-[33%] bw-right-[45%] `, children: /* @__PURE__ */ o(c, { fill1: "var(--tw-background-container)", fill2: i ? "var(--tw-text-primary)" : "var(--tw-text-secondary)" }) });
 }
 export {
-  p as default
+  b as default
 };

package/dist/{Tooltip-DSAJT2x7.js → Tooltip-PAQ9gquY.js}

@@ -1,8 +1,8 @@
-import { b as go, g as To, i as yo, _ as vo, p as B, d as n, e as D, s as Q, f as Ve, h as Po, j as ze, P as e } from "./index-C5bv1F_u.js";
+import { a as go, c as To, d as yo, _ as vo, p as B, e as n, f as D, s as Q, h as Ve, i as Po, j as ze, P as e } from "./index-UFdEurQ_.js";
 import * as p from "react";
-import { G as Be, b as wo, u as Ro, a as Co, P as He } from "./Grow-DzEr7XrA.js";
+import { u as wo, a as Ro, b as Co, P as He, G as Be } from "./Grow-CxaAxl6-.js";
 import { jsx as j, jsxs as Se } from "react/jsx-runtime";
-import { j as xo, q as I, l as Ue, s as Oo, b as Eo, n as Mo, D as A, E as _o, w as No } from "./useRegisterError-Cf6oylnR.js";
+import { d as xo, e as I, g as Ue, h as Oo, j as Mo, k as Eo, l as A, T as _o, m as No } from "./useRegisterError-BvjIv1Yc.js";
 function Lo(r) {
   return To("MuiTooltip", r);
 }
@@ -150,7 +150,7 @@ const jo = (r) => {
   }, t.touch && {
     marginTop: "24px"
   })
-})), Fo = Q("span", {
+})), ko = Q("span", {
   name: "MuiTooltip",
   slot: "Arrow",
   overridesResolver: (r, t) => t.arrow
@@ -173,18 +173,18 @@ const jo = (r) => {
     transform: "rotate(45deg)"
   }
 }));
-let F = !1;
+let k = !1;
 const We = new _o();
 let w = {
   x: 0,
   y: 0
 };
-function k(r, t) {
+function F(r, t) {
   return (s, ...d) => {
     t && t(s, ...d), r(s, ...d);
   };
 }
-const ko = /* @__PURE__ */ p.forwardRef(function(t, s) {
+const Fo = /* @__PURE__ */ p.forwardRef(function(t, s) {
   var d, R, C, x, Z, ee, oe, te, re, ne, se, pe, ie, le, ae, ce, ue, de, me;
   const S = yo({
     props: t,
@@ -195,9 +195,9 @@ const ko = /* @__PURE__ */ p.forwardRef(function(t, s) {
     components: O = {},
     componentsProps: h = {},
     describeChild: Ye = !1,
-    disableFocusListener: qe = !1,
+    disableFocusListener: Ge = !1,
     disableHoverListener: he = !1,
-    disableInteractive: Ge = !1,
+    disableInteractive: qe = !1,
     disableTouchListener: Ke = !1,
     enterDelay: be = 100,
     enterNextDelay: ge = 0,
@@ -213,13 +213,13 @@ const ko = /* @__PURE__ */ p.forwardRef(function(t, s) {
     PopperComponent: V,
     PopperProps: b = {},
     slotProps: g = {},
-    slots: E = {},
+    slots: M = {},
     title: m,
     TransitionComponent: Ze = Be,
     TransitionProps: eo
   } = S, Re = vo(S, $o), c = /* @__PURE__ */ p.isValidElement(U) ? U : /* @__PURE__ */ j("span", {
     children: U
-  }), Ce = xo(), oo = wo(), [l, xe] = p.useState(), [z, to] = p.useState(null), M = p.useRef(!1), H = Ge || W, Oe = I(), Y = I(), _ = I(), Ee = I(), [ro, Me] = Ro({
+  }), Ce = xo(), oo = wo(), [l, xe] = p.useState(), [z, to] = p.useState(null), E = p.useRef(!1), H = qe || W, Oe = I(), Y = I(), _ = I(), Me = I(), [ro, Ee] = Ro({
     controlled: Pe,
     default: !1,
     name: "Tooltip",
@@ -234,28 +234,28 @@ const ko = /* @__PURE__ */ p.forwardRef(function(t, s) {
       l && l.disabled && !o && m !== "" && l.tagName.toLowerCase();
     }, [m, l, o]);
   }
-  const q = Co(Je), T = p.useRef(), N = Ue(() => {
-    T.current !== void 0 && (document.body.style.WebkitUserSelect = T.current, T.current = void 0), Ee.clear();
+  const G = Co(Je), T = p.useRef(), N = Ue(() => {
+    T.current !== void 0 && (document.body.style.WebkitUserSelect = T.current, T.current = void 0), Me.clear();
   });
   p.useEffect(() => N, [N]);
   const _e = (o) => {
-    We.clear(), F = !0, Me(!0), ve && !u && ve(o);
+    We.clear(), k = !0, Ee(!0), ve && !u && ve(o);
   }, L = Ue(
     /**
      * @param {React.SyntheticEvent | Event} event
      */
     (o) => {
       We.start(800 + Te, () => {
-        F = !1;
-      }), Me(!1), ye && u && ye(o), Oe.start(Ce.transitions.duration.shortest, () => {
-        M.current = !1;
+        k = !1;
+      }), Ee(!1), ye && u && ye(o), Oe.start(Ce.transitions.duration.shortest, () => {
+        E.current = !1;
       });
     }
   ), $ = (o) => {
-    M.current && o.type !== "touchstart" || (l && l.removeAttribute("title"), Y.clear(), _.clear(), be || F && ge ? Y.start(F ? ge : be, () => {
+    E.current && o.type !== "touchstart" || (l && l.removeAttribute("title"), Y.clear(), _.clear(), be || k && ge ? Y.start(k ? ge : be, () => {
       _e(o);
     }) : _e(o));
-  }, G = (o) => {
+  }, q = (o) => {
     Y.clear(), _.start(Te, () => {
       L(o);
     });
@@ -265,15 +265,15 @@ const ko = /* @__PURE__ */ p.forwardRef(function(t, s) {
     onFocus: so,
     ref: po
   } = Oo(), [, Le] = p.useState(!1), $e = (o) => {
-    no(o), Ne.current === !1 && (Le(!1), G(o));
+    no(o), Ne.current === !1 && (Le(!1), q(o));
   }, De = (o) => {
     l || xe(o.currentTarget), so(o), Ne.current === !0 && (Le(!0), $(o));
   }, je = (o) => {
-    M.current = !0;
+    E.current = !0;
     const i = c.props;
     i.onTouchStart && i.onTouchStart(o);
   }, io = (o) => {
-    je(o), _.clear(), Oe.clear(), N(), T.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", Ee.start(Xe, () => {
+    je(o), _.clear(), Oe.clear(), N(), T.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", Me.start(Xe, () => {
       document.body.style.WebkitUserSelect = T.current, $(o);
     });
   }, lo = (o) => {
@@ -291,7 +291,7 @@ const ko = /* @__PURE__ */ p.forwardRef(function(t, s) {
       document.removeEventListener("keydown", o);
     };
   }, [L, u]);
-  const ao = Eo(Mo(c), po, xe, s);
+  const ao = Mo(Eo(c), po, xe, s);
   !m && m !== 0 && (u = !1);
   const K = p.useRef(), co = (o) => {
     const i = c.props;
@@ -300,7 +300,7 @@ const ko = /* @__PURE__ */ p.forwardRef(function(t, s) {
       y: o.clientY
     }, K.current && K.current.update();
   }, y = {}, X = typeof m == "string";
-  Ye ? (y.title = !u && X && !he ? m : null, y["aria-describedby"] = u ? q : null) : (y["aria-label"] = X ? m : null, y["aria-labelledby"] = u && !X ? q : null);
+  Ye ? (y.title = !u && X && !he ? m : null, y["aria-describedby"] = u ? G : null) : (y["aria-label"] = X ? m : null, y["aria-labelledby"] = u && !X ? G : null);
   const a = n({}, y, Re, c.props, {
     className: D(Re.className, c.props.className),
     onTouchStart: je,
@@ -312,7 +312,7 @@ const ko = /* @__PURE__ */ p.forwardRef(function(t, s) {
     l && l.getAttribute("data-mui-internal-clone-element");
   }, [l]));
   const v = {};
-  Ke || (a.onTouchStart = io, a.onTouchEnd = lo), he || (a.onMouseOver = k($, a.onMouseOver), a.onMouseLeave = k(G, a.onMouseLeave), H || (v.onMouseOver = $, v.onMouseLeave = G)), qe || (a.onFocus = k(De, a.onFocus), a.onBlur = k($e, a.onBlur), H || (v.onFocus = De, v.onBlur = $e)), B.env.NODE_ENV !== "production" && c.props.title;
+  Ke || (a.onTouchStart = io, a.onTouchEnd = lo), he || (a.onMouseOver = F($, a.onMouseOver), a.onMouseLeave = F(q, a.onMouseLeave), H || (v.onMouseOver = $, v.onMouseLeave = q)), Ge || (a.onFocus = F(De, a.onFocus), a.onBlur = F($e, a.onBlur), H || (v.onFocus = De, v.onBlur = $e)), B.env.NODE_ENV !== "production" && c.props.title;
   const uo = p.useMemo(() => {
     var o;
     let i = [{
@@ -332,12 +332,12 @@ const ko = /* @__PURE__ */ p.forwardRef(function(t, s) {
     disableInteractive: H,
     placement: we,
     PopperComponentProp: V,
-    touch: M.current
-  }), J = jo(P), Ie = (d = (R = E.popper) != null ? R : O.Popper) != null ? d : Io, Ae = (C = (x = (Z = E.transition) != null ? Z : O.Transition) != null ? x : Ze) != null ? C : Be, Fe = (ee = (oe = E.tooltip) != null ? oe : O.Tooltip) != null ? ee : Ao, ke = (te = (re = E.arrow) != null ? re : O.Arrow) != null ? te : Fo, mo = A(Ie, n({}, b, (ne = g.popper) != null ? ne : h.popper, {
-    className: D(J.popper, b == null ? void 0 : b.className, (se = (pe = g.popper) != null ? pe : h.popper) == null ? void 0 : se.className)
-  }), P), fo = A(Ae, n({}, eo, (ie = g.transition) != null ? ie : h.transition), P), ho = A(Fe, n({}, (le = g.tooltip) != null ? le : h.tooltip, {
+    touch: E.current
+  }), J = jo(P), Ie = (d = (R = M.popper) != null ? R : O.Popper) != null ? d : Io, Ae = (C = (x = (Z = M.transition) != null ? Z : O.Transition) != null ? x : Ze) != null ? C : Be, ke = (ee = (oe = M.tooltip) != null ? oe : O.Tooltip) != null ? ee : Ao, Fe = (te = (re = M.arrow) != null ? re : O.Arrow) != null ? te : ko, mo = A(Ie, n({}, b, (ne = g.popper) != null ? ne : h.popper, {
+    className: D(J.popper, b?.className, (se = (pe = g.popper) != null ? pe : h.popper) == null ? void 0 : se.className)
+  }), P), fo = A(Ae, n({}, eo, (ie = g.transition) != null ? ie : h.transition), P), ho = A(ke, n({}, (le = g.tooltip) != null ? le : h.tooltip, {
     className: D(J.tooltip, (ae = (ce = g.tooltip) != null ? ce : h.tooltip) == null ? void 0 : ae.className)
-  }), P), bo = A(ke, n({}, (ue = g.arrow) != null ? ue : h.arrow, {
+  }), P), bo = A(Fe, n({}, (ue = g.arrow) != null ? ue : h.arrow, {
     className: D(J.arrow, (de = (me = g.arrow) != null ? me : h.arrow) == null ? void 0 : de.className)
   }), P);
   return /* @__PURE__ */ Se(p.Fragment, {
@@ -356,7 +356,7 @@ const ko = /* @__PURE__ */ p.forwardRef(function(t, s) {
       } : l,
       popperRef: K,
       open: l ? u : !1,
-      id: q,
+      id: G,
       transition: !0
     }, v, mo, {
       popperOptions: uo,
@@ -365,8 +365,8 @@ const ko = /* @__PURE__ */ p.forwardRef(function(t, s) {
       }) => /* @__PURE__ */ j(Ae, n({
         timeout: Ce.transitions.duration.shorter
       }, o, fo, {
-        children: /* @__PURE__ */ Se(Fe, n({}, ho, {
-          children: [m, fe ? /* @__PURE__ */ j(ke, n({}, bo, {
+        children: /* @__PURE__ */ Se(ke, n({}, ho, {
+          children: [m, fe ? /* @__PURE__ */ j(Fe, n({}, bo, {
             ref: to
           })) : null]
         }))
@@ -374,7 +374,7 @@ const ko = /* @__PURE__ */ p.forwardRef(function(t, s) {
     }))]
   });
 });
-B.env.NODE_ENV !== "production" && (ko.propTypes = {
+B.env.NODE_ENV !== "production" && (Fo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -568,5 +568,5 @@ B.env.NODE_ENV !== "production" && (ko.propTypes = {
   TransitionProps: e.object
 });
 export {
-  ko as T
+  Fo as T
 };