@blockend/widget 1.0.47 → 1.0.48-beta.0

package/dist/{Grow-BE3H0oa5.js → Grow-DOn6L3co.js}

@@ -1,8 +1,8 @@
 import * as D from "react";
 import kt from "react";
-import { p as J, P as i, aD as St, m as Bt, g as Wt, b as Lt, _ as Te, d as z, h as Nt, i as Ht, s as Vt } from "./index-BcWL0DrD.js";
+import { p as J, P as i, aV as St, m as Bt, g as Wt, b as Lt, _ as Te, d as z, h as Nt, i as Ht, s as Vt } from "./index-DQ-upUtl.js";
 import { jsx as de } from "react/jsx-runtime";
-import { o as et, P as It, b as Se, a as tt, m as Ut, r as mt, h as qt, H as Ee, T as Ft, q as _t, j as Xt, n as zt, t as rt, v as Yt, w as Gt } from "./useRegisterError-JoAAYTsQ.js";
+import { o as et, P as It, b as Se, a as tt, m as Ut, r as mt, h as qt, H as Ee, T as Ft, q as _t, j as Xt, n as zt, t as rt, v as Yt, w as Gt } from "./useRegisterError-RP3LuUvG.js";
 let nt = 0;
 function Jt(e) {
   const [t, r] = D.useState(e), n = e || t;

package/dist/{InputComp-CJp-XwEr.js → InputComp-NuVHgaJr.js}

@@ -1,10 +1,10 @@
 import { jsxs as b, jsx as t, Fragment as k } from "react/jsx-runtime";
-import { u as n, S as W } from "./index-BcWL0DrD.js";
+import { u as n, S as W } from "./index-DQ-upUtl.js";
 import { useState as S, useRef as x } from "react";
-import { u as j, i as I, W as D, F, f as p, c as u, z as R } from "./useRegisterError-JoAAYTsQ.js";
+import { u as j, i as I, W as D, F, f as p, c as u, z as R } from "./useRegisterError-RP3LuUvG.js";
 import { useAccount as T, useBalance as A } from "wagmi";
 import "@dynamic-labs/sdk-react-core";
-import { c as B, r as G } from "./index-DOop9kfD.js";
+import { c as B, r as G } from "./index-BEianCH_.js";
 function H({ amount: w, setAmount: l, fetchBalance: M, getCoinBalance: h, isBalanceLoading: f }) {
   var d, o;
   const s = n((a) => a.configuration), e = n((a) => a.fromCoin), r = n((a) => a.fromChain), { isAnyWalletConnected: g } = j({ chainData: r }), [$, z] = S(40), { address: N } = T(), v = x(), { defaultCoin: y } = I;
@@ -61,7 +61,7 @@ function H({ amount: w, setAmount: l, fetchBalance: M, getCoinBalance: h, isBala
                           G(a);
                         },
                         placeholder: "0.0",
-                        className: "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"
+                        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"
                       }
                     )
                   ] })
@@ -91,7 +91,7 @@ function H({ amount: w, setAmount: l, fetchBalance: M, getCoinBalance: h, isBala
               ] }) : /* @__PURE__ */ t(k, {}) })
             ] })
           ] }),
-          /* @__PURE__ */ t("div", { className: "bw-flex bw-justify-between bw-items-center", children: /* @__PURE__ */ t("div", { className: "bw-flex bw-items-center bw-gap-x-1", children: /* @__PURE__ */ b("p", { className: ` bw-font-normal   bw-pl-2 ${w.length ? "bw-text-text-secondary bw-text-sm" : "bw-text-text-placeholder bw-text-[10px]"}`, children: [
+          /* @__PURE__ */ t("div", { className: "bw-flex bw-justify-between bw-items-center", children: /* @__PURE__ */ t("div", { className: "bw-flex bw-items-center bw-gap-x-1", children: /* @__PURE__ */ b("p", { className: ` bw-font-normal   bw-pl-2 ${w.length ? "bw-text-text-secondary bw-text-xs md:bw-text-sm" : "bw-text-text-placeholder bw-text-[10px]"}`, children: [
             "$",
             u(R(w * (e == null ? void 0 : e.lastPrice)), 10)
           ] }) }) })

package/dist/{LoadRoute-eUX6vrIQ.js → LoadRoute-B67KdzDM.js}

@@ -1,14 +1,14 @@
 import { jsx as e, jsxs as t, Fragment as m } from "react/jsx-runtime";
 import { t as te } from "./truncate-D9t92mVX.js";
-import { u as r, S as o, l as we } from "./index-BcWL0DrD.js";
+import { u as r, S as o, l as we } from "./index-DQ-upUtl.js";
 import { useState as ie, useEffect as le } from "react";
 import { s as a } from "./WidgetForm.module-QHJ0-m5f.js";
 import { G as ce, C as de, S as me } from "./clockIcon-C2W5xvyt.js";
-import { S as re } from "./down-Ct-xismN.js";
+import { S as re } from "./down-B0DJRPMS.js";
 import { e as se } from "./ethertousd-CC_ezooz.js";
-import { O as H } from "./index-BsWWdDAF.js";
-import { z as ae, F as J, i as oe } from "./useRegisterError-JoAAYTsQ.js";
-function xe({ fill: n }) {
+import { O as H } from "./index-CxxmgFkL.js";
+import { F as J, i as ae } from "./useRegisterError-RP3LuUvG.js";
+function oe({ fill: n }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -28,9 +28,9 @@ function xe({ fill: n }) {
     }
   );
 }
-function ke({ routes: n, handleShowAllRoutes: K, routesData: b, price: Q, amount: X, isRoutesEnabled: v }) {
-  var y, N, F, u, S, k, C, $, E, j, I, L, U, A, G, O, T, z, M, R, _, B, V, q, W, P;
-  const x = n.data, [c, Y] = ie(), l = r((i) => i.gradient), w = r((i) => i.configuration), h = r((i) => i.fromChain), g = r((i) => i.fromCoin), p = r((i) => i.toChain), d = r((i) => i.toCoin), { defaultCoin: D } = oe;
+function ue({ routes: n, handleShowAllRoutes: K, routesData: b, price: Q, amount: X, isRoutesEnabled: v }) {
+  var y, N, F, S, u, k, C, $, E, j, I, L, U, A, G, O, T, z, M, R, _, B, V, q, P, W;
+  const x = n.data, [c, Y] = ie(), l = r((i) => i.gradient), w = r((i) => i.configuration), h = r((i) => i.fromChain), g = r((i) => i.fromCoin), p = r((i) => i.toChain), d = r((i) => i.toCoin), { defaultCoin: D } = ae;
   le(() => {
     var i;
     if (b) {
@@ -40,8 +40,8 @@ function ke({ routes: n, handleShowAllRoutes: K, routesData: b, price: Q, amount
       }), Y({ tempGasObj: f, token: Z });
     }
   }, [b]);
-  let ee = (b == null ? void 0 : b.outputAmountDisplay) || "", be = ae(Q), ne = (N = (y = b == null ? void 0 : b.providerDetails) == null ? void 0 : y.logoUrl) != null && N.length ? (F = b == null ? void 0 : b.providerDetails) == null ? void 0 : F.logoUrl : D;
-  return /* @__PURE__ */ e("div", { className: "bw-mt-2", children: (u = h == null ? void 0 : h.chain) != null && u.length && ((S = g == null ? void 0 : g.coin) != null && S.length) && ((k = p == null ? void 0 : p.chain) != null && k.length) && ((C = d == null ? void 0 : d.coin) != null && C.length) && X.length && v ? n.isSuccess && !((j = (E = ($ = n.data) == null ? void 0 : $.data) == null ? void 0 : E.quotes) != null && j.length) && !n.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" }) : n.isSuccess || n.isLoading || n.isFetching ? /* @__PURE__ */ t("div", { children: [
+  let ee = (b == null ? void 0 : b.outputAmountDisplay) || "", be = Q.toString(), ne = (N = (y = b == null ? void 0 : b.providerDetails) == null ? void 0 : y.logoUrl) != null && N.length ? (F = b == null ? void 0 : b.providerDetails) == null ? void 0 : F.logoUrl : D;
+  return /* @__PURE__ */ e("div", { className: "bw-mt-2", children: (S = h == null ? void 0 : h.chain) != null && S.length && ((u = g == null ? void 0 : g.coin) != null && u.length) && ((k = p == null ? void 0 : p.chain) != null && k.length) && ((C = d == null ? void 0 : d.coin) != null && C.length) && X.length && v ? n.isSuccess && !((j = (E = ($ = n.data) == null ? void 0 : $.data) == null ? void 0 : E.quotes) != null && j.length) && !n.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" }) : n.isSuccess || n.isLoading || n.isFetching ? /* @__PURE__ */ t("div", { children: [
     /* @__PURE__ */ t("div", { className: "bw-flex bw-items-center bw-justify-between", children: [
       " ",
       /* @__PURE__ */ t("p", { className: "bw-text-sm bw-font-medium bw-text-text-secondary", children: [
@@ -56,10 +56,10 @@ function ke({ routes: n, handleShowAllRoutes: K, routesData: b, price: Q, amount
           /* @__PURE__ */ t("div", { className: "bw-flex bw-items-start bw-gap-x-2", children: [
             d != null && d.image && !n.isFetching ? /* @__PURE__ */ e("img", { src: d.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(m, {}),
             /* @__PURE__ */ t("div", { children: [
-              n.isFetching ? /* @__PURE__ */ e(o, { 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-3xl bw-mb-1 bw-font-medium bw-text-text-primary", children: /* @__PURE__ */ e(H, { value: ee, decimal: 12 }) }),
+              n.isFetching ? /* @__PURE__ */ e(o, { 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(H, { value: ee, decimal: 12 }) }),
               n.isFetching ? /* @__PURE__ */ e(o, { 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__ */ t("div", { className: "bw-flex bw-items-center bw-gap-x-1", children: [
                 /* @__PURE__ */ e(ce, { fill: "var(--tw-text-primary)" }),
-                /* @__PURE__ */ t("p", { className: "bw-text-sm bw-font-medium bw-text-text-primary", children: [
+                /* @__PURE__ */ t("p", { className: "bw-text-xs md:bw-text-sm bw-font-medium bw-text-text-primary", children: [
                   "Total Fee:",
                   " $",
                   /* @__PURE__ */ e(J, { value: ((U = c == null ? void 0 : c.tempGasObj) == null ? void 0 : U.amountInUSD) || 0, options: { maxDecimals: 8 } }),
@@ -71,9 +71,9 @@ function ke({ routes: n, handleShowAllRoutes: K, routesData: b, price: Q, amount
             ] })
           ] }),
           /* @__PURE__ */ t("div", { className: " bw-text-sm bw-font-medium bw-mt-2  bw-text-text-loaderbar ", children: [
-            n.isFetching ? /* @__PURE__ */ e(o, { 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__ */ t("p", { className: "bw-text-text-secondary bw-font-medium bw-text-sm", children: [
+            n.isFetching ? /* @__PURE__ */ e(o, { 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__ */ t("p", { className: "bw-text-text-secondary bw-font-medium bw-text-xs md:bw-text-sm", children: [
               "$",
-              /* @__PURE__ */ e(H, { value: be, decimal: 8 })
+              /* @__PURE__ */ e(H, { value: be, decimal: 10 })
             ] }),
             n.isFetching ? /* @__PURE__ */ e(o, { 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 }) : ((M = (z = (T = x == null ? void 0 : x.data) == null ? void 0 : T.quotes) == null ? void 0 : z[0]) == null ? void 0 : M._id) === b._id ? /* @__PURE__ */ e("div", { style: { ...w.gradientStyle }, className: `${l || `${(R = w.gradientStyle) != null && R.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 ${a.gradienttext}`, children: "BEST" }) : /* @__PURE__ */ e(m, {})
           ] })
@@ -98,12 +98,12 @@ function ke({ routes: n, handleShowAllRoutes: K, routesData: b, price: Q, amount
             " "
           ] }) : /* @__PURE__ */ e(m, {}),
           /* @__PURE__ */ e("div", { style: n.isFetching ? {} : { ...w.gradientStyle }, className: ` ${n.isFetching ? "bw-bg-background-secondary" : ` ${l || ` ${a.overlay} ${(q = w == null ? void 0 : w.gradientStyle) != null && q.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: n.isFetching ? {} : { ...w.gradientStyle }, className: ` ${n.isFetching ? "bw-bg-background-secondary" : ` ${l || ` ${a.overlay} ${(W = w == null ? void 0 : w.gradientStyle) != null && W.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", { style: n.isFetching ? {} : { ...w.gradientStyle }, className: ` ${n.isFetching ? "bw-bg-background-secondary" : ` ${l || ` ${a.overlay} ${(P = w == null ? void 0 : w.gradientStyle) != null && P.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: n.isFetching ? /* @__PURE__ */ e("div", { className: "bw-mt-6 bw-w-full bw-h-[20px]" }) : /* @__PURE__ */ t("div", { className: "bw-flex bw-items-center bw-gap-x-4 bw-mt-2 bw-bg-background-container bw-justify-center ", children: [
         /* @__PURE__ */ t("div", { className: "bw-flex bw-items-center bw-gap-x-1", children: [
-          /* @__PURE__ */ e(xe, { fill: "var(--tw-text-secondary)" }),
+          /* @__PURE__ */ e(oe, { 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" })
@@ -114,12 +114,12 @@ function ke({ routes: n, handleShowAllRoutes: K, routesData: b, price: Q, amount
         ] }),
         /* @__PURE__ */ t("div", { className: "  bw-gap-x-1 bw-flex bw-items-center bw-text-xs bw-font-normal bw-text-text-primary", children: [
           /* @__PURE__ */ e(me, { fill: "var(--tw-text-secondary)" }),
-          /* @__PURE__ */ e("p", { className: "bw-text-sm bw-font-medium bw-text-text-secondary", children: `${((P = b == null ? void 0 : b.steps) == null ? void 0 : P.length) || ""} step` })
+          /* @__PURE__ */ e("p", { className: "bw-text-sm bw-font-medium bw-text-text-secondary", children: `${((W = b == null ? void 0 : b.steps) == null ? void 0 : W.length) || ""} step` })
         ] })
       ] }) })
     ] })
   ] }) : v ? /* @__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(m, {}) : /* @__PURE__ */ e(m, {}) });
 }
 export {
-  ke as default
+  ue as default
 };

package/dist/QuotesProgress-QaDMFoy1.js

@@ -0,0 +1,28 @@
+import { jsxs as o, jsx as a, Fragment as m } from "react/jsx-runtime";
+import { s as l } from "./WidgetForm.module-QHJ0-m5f.js";
+import { u as g } from "./index-DQ-upUtl.js";
+function y({ routesData: x, routes: e, quoteTimer: n, amount: c }) {
+  var s, b, d, w;
+  const r = g((i) => i.configuration), t = g((i) => i.gradient);
+  return c && !e.isFetching && typeof e.data < "u" && ((d = (b = (s = e.data) == null ? void 0 : s.data) == null ? void 0 : b.quotes) != null && d.length) && !e.isError ? /* @__PURE__ */ o("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 / x.deadline * 100}%`
+        },
+        className: ` ${t || `${(w = r.gradientStyle) != null && w.background ? "" : "bw-bg-gradient-to-r  bw-from-[#A45EFF] bw-to-[#2CFFE4]"} ${l.overlay}`} bw-relative  `
+      }
+    ) }),
+    /* @__PURE__ */ o("div", { style: { ...r.gradientStyle }, className: `${t ? `${t} bw-bg-clip-text bw-text-transparent` : l.gradienttext} bw-relative bw-text-right bw-w-max bw-text-2xl bw-font-semibold bw-text-transparent  `, children: [
+      n,
+      "s"
+    ] })
+  ] }) : /* @__PURE__ */ a(m, {});
+}
+export {
+  y as default
+};

package/dist/{SwapAsset-Dk21ATof.js → SwapAsset-DS1khTG7.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { u as a } from "./index-BcWL0DrD.js";
+import { u as a } from "./index-DQ-upUtl.js";
 function w({ fill1: o, fill2: r }) {
   return /* @__PURE__ */ s(
     "svg",

package/dist/{Tooltip-BZfJNVn-.js → Tooltip-Ba3WFgGd.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-BcWL0DrD.js";
+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-DQ-upUtl.js";
 import * as p from "react";
-import { G as Be, b as wo, u as Ro, a as Co, P as He } from "./Grow-BE3H0oa5.js";
+import { G as Be, b as wo, u as Ro, a as Co, P as He } from "./Grow-DOn6L3co.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-JoAAYTsQ.js";
+import { j as xo, q as I, l as Ue, s as Oo, b as Eo, n as Mo, E as A, G as _o, w as No } from "./useRegisterError-RP3LuUvG.js";
 function Lo(r) {
   return To("MuiTooltip", r);
 }
@@ -194,10 +194,10 @@ const ko = /* @__PURE__ */ p.forwardRef(function(t, s) {
     children: U,
     components: O = {},
     componentsProps: h = {},
-    describeChild: Ye = !1,
-    disableFocusListener: qe = !1,
+    describeChild: Ge = !1,
+    disableFocusListener: Ye = !1,
     disableHoverListener: he = !1,
-    disableInteractive: Ge = !1,
+    disableInteractive: qe = !1,
     disableTouchListener: Ke = !1,
     enterDelay: be = 100,
     enterNextDelay: ge = 0,
@@ -219,7 +219,7 @@ const ko = /* @__PURE__ */ p.forwardRef(function(t, s) {
     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), M = p.useRef(!1), H = qe || W, Oe = I(), G = I(), _ = I(), Ee = I(), [ro, Me] = Ro({
     controlled: Pe,
     default: !1,
     name: "Tooltip",
@@ -234,7 +234,7 @@ 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(() => {
+  const Y = Co(Je), T = p.useRef(), N = Ue(() => {
     T.current !== void 0 && (document.body.style.WebkitUserSelect = T.current, T.current = void 0), Ee.clear();
   });
   p.useEffect(() => N, [N]);
@@ -252,11 +252,11 @@ const ko = /* @__PURE__ */ p.forwardRef(function(t, s) {
       });
     }
   ), $ = (o) => {
-    M.current && o.type !== "touchstart" || (l && l.removeAttribute("title"), Y.clear(), _.clear(), be || F && ge ? Y.start(F ? ge : be, () => {
+    M.current && o.type !== "touchstart" || (l && l.removeAttribute("title"), G.clear(), _.clear(), be || F && ge ? G.start(F ? ge : be, () => {
       _e(o);
     }) : _e(o));
-  }, G = (o) => {
-    Y.clear(), _.start(Te, () => {
+  }, q = (o) => {
+    G.clear(), _.start(Te, () => {
       L(o);
     });
   }, {
@@ -265,7 +265,7 @@ 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) => {
@@ -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);
+  Ge ? (y.title = !u && X && !he ? m : null, y["aria-describedby"] = u ? Y : null) : (y["aria-label"] = X ? m : null, y["aria-labelledby"] = u && !X ? Y : 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 = k($, a.onMouseOver), a.onMouseLeave = k(q, a.onMouseLeave), H || (v.onMouseOver = $, v.onMouseLeave = q)), Ye || (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;
   const uo = p.useMemo(() => {
     var o;
     let i = [{
@@ -356,7 +356,7 @@ const ko = /* @__PURE__ */ p.forwardRef(function(t, s) {
       } : l,
       popperRef: K,
       open: l ? u : !1,
-      id: q,
+      id: Y,
       transition: !0
     }, v, mo, {
       popperOptions: uo,

package/dist/TxnButton-tr4Dz_jE.js

@@ -0,0 +1,223 @@
+import { jsx as G } from "react/jsx-runtime";
+import { useState as v, useEffect as z } from "react";
+import { useDynamicContext as ge, useSwitchNetwork as ze, useIsLoggedIn as Me } from "@dynamic-labs/sdk-react-core";
+import { a as ye, u as h, aD as Oe, aE as be } from "./index-DQ-upUtl.js";
+import { s as S } from "./WidgetForm.module-QHJ0-m5f.js";
+import { useAccount as Re, useConfig as Ve, useSwitchChain as qe, useBalance as Pe } from "wagmi";
+import { u as ue, d as _e, c as Qe, C as pe } from "./useRegisterError-RP3LuUvG.js";
+import "./getCosmosAddress-nYlLagxO.js";
+import { v as He } from "./validError-CDlJpg_f.js";
+import { u as Je, p as Ke } from "./index-BEianCH_.js";
+function Ue(n) {
+  const { wallet: u, address: l } = ye(), [f, N] = v(0);
+  async function x() {
+    const F = await window.tronWeb.trx.getBalance(l);
+    N(F / Math.pow(10, 6));
+  }
+  return z(() => {
+    l && (n == null ? void 0 : n.networkType) === "tron" && x();
+  }, [l, n == null ? void 0 : n.networkType]), { tronBal: f };
+}
+function A(n) {
+  if (n.key.toLowerCase() === "backpacksol")
+    return !0;
+}
+function Xe() {
+  const [n, u] = v(0), l = h((x) => x.fromChain), { primaryWallet: f } = ge();
+  async function N() {
+    let x = await f.getBalance();
+    u(Number(x) || 0);
+  }
+  return z(() => {
+    (l.networkType === "btc" || l.networkType === "sui") && N();
+  }, [l.networkType, f]), n;
+}
+function dt({ routesData: n, routes: u, amount: l, isAmountTyped: f, handleShowWallet: N, setConnectWalletField: x, handleConfirmClose: F, balanceSol: L, getCoinBalance: xe, handleSuccess: _ }) {
+  var D, k, C, ee, te, se, re, ce, ne, ie, de, ae, le;
+  const w = h((s) => s.gradient), m = h((s) => s.configuration), e = h((s) => s.fromChain), i = h((s) => s.fromCoin), r = h((s) => s.toChain), b = h((s) => s.toCoin), { isConnected: j, address: Q, chain: I } = Re(), Te = Ve(), me = ze(), { getBothWalletConnection: Ie, getConnectWallet: he } = ue({
+    chainData: e
+  }), { connected: H, address: J, disconnect: Ye } = ye(), M = h((s) => s.toDisconnect), d = h((s) => s.customWallet), { getWallet: fe } = ue({ chainData: e }), Ne = he(e, r), [O, Be] = v("101"), { tronBal: R } = Ue(e), { cosmosBalance: K } = Je(), U = Xe(), V = ((D = e.chain) == null ? void 0 : D.length) && ((k = r.chain) == null ? void 0 : k.length), q = ((C = i.address) == null ? void 0 : C.length) && ((ee = b.address) == null ? void 0 : ee.length), Ge = _e(), X = Oe(), { switchChain: Ze, switchChainAsync: Se, isPending: Ee } = qe({
+    chainId: Number((e == null ? void 0 : e.chainId) || "0"),
+    config: Te,
+    throwForSwitchChainNotSupported: !0,
+    onError(s) {
+      He(s.message) && Ge({ module: "wallet-error-switch", error: s.message });
+    }
+  }), T = Pe({
+    address: Q,
+    token: "",
+    chainId: Number((e == null ? void 0 : e.chainId) || 0),
+    enabled: (e == null ? void 0 : e.networkType) == "evm"
+  }), Y = Qe(xe || 0, 11), [o, a] = v({
+    text: "",
+    isGradient: !1,
+    color: "bw-bg-border-primary"
+  });
+  async function $e() {
+    if ((e == null ? void 0 : e.networkType) === "evm" && Number((e == null ? void 0 : e.chainId) || "0") !== (I == null ? void 0 : I.id))
+      try {
+        await Se({ chainId: Number((e == null ? void 0 : e.chainId) || "0") });
+      } catch {
+      }
+    else if ((e == null ? void 0 : e.networkType) === "sol" && O !== ((e == null ? void 0 : e.chainId) == "eclipse-svm" ? "201" : "101"))
+      try {
+        let s = await me({ wallet: p, network: e.chainId == "eclipse-svm" ? "201" : "101" });
+        Z();
+      } catch {
+      }
+    else (e == null ? void 0 : e.networkType) === "sui" ? (X.emit(be.TransactionStarted, {
+      ...n
+    }), B && (_(!1), F())) : (X.emit(be.TransactionStarted, {
+      ...n
+    }), B && (_(!1), F()));
+  }
+  const { primaryWallet: p } = ge(), P = Me(), B = (e == null ? void 0 : e.networkType) === r.networkType ? !!((se = (te = fe(e)) == null ? void 0 : te.address) != null && se.length) : Ie(e == null ? void 0 : e.networkType, (d == null ? void 0 : d.length) > 30 ? "customWallet" : r == null ? void 0 : r.networkType), Z = async () => {
+    if (p)
+      try {
+        const s = await p.getNetwork();
+        Be(s);
+      } catch {
+      }
+    else
+      return;
+  };
+  z(() => {
+    Z();
+  }, [p]);
+  function W(s, g) {
+    let y = s / Math.pow(10, g);
+    return y < 1e-6 ? y.toFixed(20) : y;
+  }
+  function Fe() {
+    var s;
+    return Number(((s = T == null ? void 0 : T.data) == null ? void 0 : s.formatted) || 0);
+  }
+  function Le(s) {
+    var g;
+    return Number(((g = K[Ke(s.address)]) == null ? void 0 : g.amount) || 0) / Math.pow(10, s.decimals);
+  }
+  function je() {
+    var $;
+    let s = {};
+    async function g(t, c) {
+      let E = Object.keys(s);
+      s[t == null ? void 0 : t.chainId] ? (s[t == null ? void 0 : t.chainId].amountInToken += c.amountInToken, s[t == null ? void 0 : t.chainId].gas += W(c.amountInToken, t == null ? void 0 : t.decimals)) : s[t == null ? void 0 : t.chainId] = {
+        amountInToken: c.amountInToken,
+        gas: W(c.amountInToken, t == null ? void 0 : t.decimals),
+        token: t,
+        nativeBal: (d == null ? void 0 : d.length) > 30 && !M && (t == null ? void 0 : t.chainId) == (r == null ? void 0 : r.chainId) && (r == null ? void 0 : r.chainId) !== (e == null ? void 0 : e.chainId) ? 0 : (t == null ? void 0 : t.networkType) == "sol" ? L : (t == null ? void 0 : t.networkType) == "tron" ? R : (t == null ? void 0 : t.networkType) == "btc" || (t == null ? void 0 : t.networkType) == "sui" ? U : (t == null ? void 0 : t.networkType) == "cosmos" ? Le(t) : Fe(),
+        isFromChain: (e == null ? void 0 : e.chainId) === (t == null ? void 0 : t.chainId.toString()),
+        order: (e == null ? void 0 : e.chainId) === (t == null ? void 0 : t.chainId) ? 1 : (r == null ? void 0 : r.chainId) === (t == null ? void 0 : t.chainId) ? 2 : E.length > 2 ? 3 : 2
+      };
+    }
+    ($ = n == null ? void 0 : n.fee) == null || $.forEach((t) => {
+      const { token: c } = t;
+      t.source.toLowerCase() == "from_source_wallet" && g(c, t);
+    });
+    let y = Y;
+    if (Number(l) > Number(y))
+      a({
+        text: `Insufficient Balance ${i.coin || ""}`,
+        isGradient: !1,
+        color: "bw-bg-border-primary"
+      });
+    else if ((T != null && T.isLoading || T.isFetching) && (e == null ? void 0 : e.networkType) === "evm" || (typeof L > "u" || L === null) && (e == null ? void 0 : e.networkType) === "sol" || !R && (e == null ? void 0 : e.networkType) === "tron")
+      a({
+        text: "Fetching Balance..",
+        isGradient: !1,
+        color: "bw-bg-border-primary"
+      });
+    else {
+      let t = Object.values(s).sort((c, E) => c.order - E.order);
+      t.some((c) => {
+        var E, oe, we;
+        return c != null && c.isFromChain && Number(l) <= Number(y) && Number(c.nativeBal) - Number(l) < c.gas && (i != null && i.isNative) || Number(l) <= Number(y) && Number(c.nativeBal) < c.gas && !(i != null && i.isNative) && (c != null && c.isFromChain) ? (a({
+          text: `Insufficient ${((E = c == null ? void 0 : c.token) == null ? void 0 : E.symbol) || ""} for gas on ${c.token.blockchain}`,
+          isGradient: !1,
+          color: "bw-bg-border-primary"
+        }), !0) : c.nativeBal < c.gas && !((d == null ? void 0 : d.length) > 30 && ((oe = c == null ? void 0 : c.token) == null ? void 0 : oe.chainId) == (r == null ? void 0 : r.chainId)) ? (a({
+          text: `Insufficient ${((we = c == null ? void 0 : c.token) == null ? void 0 : we.symbol) || ""} for gas on ${c.token.blockchain}`,
+          isGradient: !1,
+          color: "bw-bg-border-primary"
+        }), !0) : (a({
+          text: "",
+          isGradient: !0,
+          color: w || S.gradientbutton
+        }), !0);
+      }), t.length == 0 && (n != null && n.gasless || (n == null ? void 0 : n.provider) == "meson") && a({
+        text: "",
+        isGradient: !0,
+        color: w || S.gradientbutton
+      });
+    }
+  }
+  z(() => {
+    var s, g, y;
+    !i.coin.length || !(b != null && b.coin.length) ? a({
+      text: "Select Token",
+      isGradient: !0,
+      color: w || S.gradientbutton
+    }) : B ? typeof l < "u" && Number(l || 0) <= 0 ? a({
+      text: "Enter Amount",
+      isGradient: !1,
+      color: "bw-bg-border-primary"
+    }) : u.isFetching || !f ? a({
+      text: "Loading Routes...",
+      isGradient: !1,
+      color: "bw-bg-border-primary"
+    }) : e.chainId === "eclipse-svm" && !A(p) ? a({
+      text: `Select ${e.name} wallet`,
+      isGradient: !0,
+      color: w || S.gradientbutton
+    }) : r.chainId === "eclipse-svm" && e.chainId !== "eclipse-svm" && !A(p) && d.length < 30 ? a({
+      text: "Enter recipient wallet address",
+      isGradient: !0,
+      color: w || S.gradientbutton
+    }) : (i == null ? void 0 : i.address) == (b == null ? void 0 : b.address) && (e == null ? void 0 : e.chainId) == (r == null ? void 0 : r.chainId) && !(d != null && d.length) || (e == null ? void 0 : e.networkType) == "evm" && Q === d && (i == null ? void 0 : i.address) == (b == null ? void 0 : b.address) || (e == null ? void 0 : e.networkType) == "sol" && (p == null ? void 0 : p.address) === d && (i == null ? void 0 : i.address) == (b == null ? void 0 : b.address) ? a({
+      text: "From and To asset can not be the same!",
+      isGradient: !1,
+      color: "bw-bg-border-primary"
+    }) : (y = (g = (s = u == null ? void 0 : u.data) == null ? void 0 : s.data) == null ? void 0 : g.quotes) != null && y.length ? u != null && u.error ? a({
+      text: "Failed to fetch Quotes",
+      isGradient: !1,
+      color: "bw-bg-border-primary"
+    }) : j && Number((e == null ? void 0 : e.chainId) || "0") !== (I == null ? void 0 : I.id) && (e == null ? void 0 : e.networkType) === "evm" || P && ((e == null ? void 0 : e.chainId) === "eclipse-svm" ? "201" : "101") !== O && (e == null ? void 0 : e.networkType) === "sol" ? a({
+      text: `Switch Chain to ${e.chain}`,
+      isGradient: !0,
+      color: w || S.gradientbutton
+    }) : je() : a({
+      text: "No Routes Found",
+      isGradient: !1,
+      color: "bw-bg-border-primary"
+    }) : a({
+      text: "",
+      isGradient: !0,
+      color: w || S.gradientbutton
+    });
+  }, [O, p, i, b, l, e, r, (re = T.data) == null ? void 0 : re.formatted, n, T.isFetching, T.isLoading, j, Y, B, u.isFetching, I == null ? void 0 : I.id, f, R, L, d, U, K]);
+  let Ae = [`switch chain to ${(ce = e.chain) == null ? void 0 : ce.toLowerCase()}`, `select ${(ne = e.chain) == null ? void 0 : ne.toLowerCase()} wallet`, "connect custom wallet", "enter recipient wallet address"];
+  function ve() {
+    var s, g, y, $;
+    return B ? u.isFetching ? !0 : o.text.length ? !Ae.includes((s = o.text) == null ? void 0 : s.toLowerCase()) : !(($ = (y = (g = u.data) == null ? void 0 : g.data) == null ? void 0 : y.quotes) != null && $.length) : !1;
+  }
+  return /* @__PURE__ */ G(
+    "button",
+    {
+      disabled: ve(),
+      style: o != null && o.isGradient && V && q ? {
+        ...m == null ? void 0 : m.gradientStyle,
+        boxShadow: m && m.customTheme && ((de = (ie = m.customTheme) == null ? void 0 : ie.shadow) == null ? void 0 : de.boxShadow) || "1px 1px 7px rgba(0, 0, 0, 0.15)"
+      } : {
+        boxShadow: m && m.customTheme && ((le = (ae = m.customTheme) == null ? void 0 : ae.shadow) == null ? void 0 : le.boxShadow) || "1px 1px 7px rgba(0, 0, 0, 0.15)"
+      },
+      className: `bw-w-full bw-rounded-sm bw-h-[52px] ${o != null && o.isGradient ? "bw-p-[3px]" : "bw-p-[1px]"} bw-mt-3 bw-border-0 bw-relative bw-z-0  disabled:bw-opacity-70 ${V && q && o.color} ${o.text.length > 29 ? "bw-text-xl" : "bw-text-2xl"} ${o != null && o.isGradient ? "bw-font-bold bw-text-text-primary" : "bw-font-normal bw-text-text-secondary"}`,
+      onClick: () => {
+        B || (N(!0), ((e == null ? void 0 : e.networkType) !== "evm" && j || (e == null ? void 0 : e.networkType) !== "sol" && P && p !== null || (e == null ? void 0 : e.networkType) !== "tron" && H && J) && !M ? x("from") : j && (r == null ? void 0 : r.networkType) !== "evm" || P && (r == null ? void 0 : r.networkType) !== "sol" || (r == null ? void 0 : r.networkType) !== "tron" && H && J || M ? x("to") : x("from")), e.chainId === "eclipse-svm" && !A(p) ? (N(!0), x("from")) : r.chainId === "eclipse-svm" && e.chainId !== "eclipse-svm" && !A(p) && d.length < 30 ? (N(!0), x("to")) : $e();
+      },
+      children: /* @__PURE__ */ G("div", { className: "bw-rounded-sm bw-bg-background-container bw-flex bw-items-center bw-justify-center b-w-full bw-h-full", children: /* @__PURE__ */ G("p", { className: "bw-relative bw-z-20", children: V && q ? Ee ? /* @__PURE__ */ G("div", { className: "bw-w-[30px] bw-flex bw-text-text-secondary bw-justify-center bw-items-center bw-h-[30px]", children: /* @__PURE__ */ G(pe, { size: 22, thickness: 5, color: "inherit" }) }) : B ? o.text.length ? o.text : "Start Transaction" : `Connect ${Ne} Wallet` : /* @__PURE__ */ G("div", { className: "bw-w-[30px] bw-flex bw-text-text-secondary bw-justify-center bw-items-center bw-h-[30px]", children: /* @__PURE__ */ G(pe, { size: 22, thickness: 5, color: "inherit" }) }) }) })
+    }
+  );
+}
+export {
+  dt as default
+};

package/dist/{add-ZLHbLJJu.js → add-q9Nf6prg.js}

@@ -1,4 +1,4 @@
-import { m as l } from "./core-B_HqNWOu.js";
+import { m as l } from "./core-DMrbUYAd.js";
 const o = l`<svg
   width="14"
   height="14"

package/dist/{all-wallets-d2aKzL33.js → all-wallets-DPeT0Mif.js}

@@ -1,4 +1,4 @@
-import { m as a } from "./core-B_HqNWOu.js";
+import { m as a } from "./core-DMrbUYAd.js";
 const o = a`<svg fill="none" viewBox="0 0 24 24">
   <path
     style="fill: var(--wui-color-accent-100);"

package/dist/{app-store-D64ScJNv.js → app-store-DN3WdWdo.js}

@@ -1,4 +1,4 @@
-import { m as a } from "./core-B_HqNWOu.js";
+import { m as a } from "./core-DMrbUYAd.js";
 const e = a`
 <svg width="36" height="36">
   <path

package/dist/{apple-Du4IHASB.js → apple-DyzMqifv.js}

@@ -1,4 +1,4 @@
-import { m as l } from "./core-B_HqNWOu.js";
+import { m as l } from "./core-DMrbUYAd.js";
 const f = l`<svg fill="none" viewBox="0 0 40 40">
   <g clip-path="url(#a)">
     <g clip-path="url(#b)">

package/dist/{arrow-bottom-Dv2epYGz.js → arrow-bottom-DqoHxj9Z.js}

@@ -1,4 +1,4 @@
-import { m as o } from "./core-B_HqNWOu.js";
+import { m as o } from "./core-DMrbUYAd.js";
 const e = o`<svg fill="none" viewBox="0 0 14 15">
   <path
     fill="currentColor"

package/dist/{arrow-bottom-circle-UWVTMTVh.js → arrow-bottom-circle-gYCPf_-a.js}

@@ -1,4 +1,4 @@
-import { m as C } from "./core-B_HqNWOu.js";
+import { m as C } from "./core-DMrbUYAd.js";
 const e = C`<svg
   fill="none"
   viewBox="0 0 21 20"

package/dist/{arrow-left-BKfIGA7r.js → arrow-left-BCb0WGCp.js}

@@ -1,4 +1,4 @@
-import { m as e } from "./core-B_HqNWOu.js";
+import { m as e } from "./core-DMrbUYAd.js";
 const o = e`<svg fill="none" viewBox="0 0 14 15">
   <path
     fill="currentColor"

package/dist/{arrow-right-2mONf0tM.js → arrow-right-COFDKXwO.js}

@@ -1,4 +1,4 @@
-import { m as l } from "./core-B_HqNWOu.js";
+import { m as l } from "./core-DMrbUYAd.js";
 const e = l`<svg fill="none" viewBox="0 0 14 15">
   <path
     fill="currentColor"

package/dist/{arrow-top-X4pWUiKn.js → arrow-top-A2hPO7gg.js}

@@ -1,4 +1,4 @@
-import { m as o } from "./core-B_HqNWOu.js";
+import { m as o } from "./core-DMrbUYAd.js";
 const e = o`<svg fill="none" viewBox="0 0 14 15">
   <path
     fill="currentColor"

package/dist/{bank-CsABCgFp.js → bank-DzMH-tSV.js}

@@ -1,4 +1,4 @@
-import { m as e } from "./core-B_HqNWOu.js";
+import { m as e } from "./core-DMrbUYAd.js";
 const o = e`<svg
   xmlns="http://www.w3.org/2000/svg"
   width="12"

package/dist/{basic-BPWB_wOx.js → basic-C5wivloW.js}

@@ -1,6 +1,6 @@
-import { i as D, e as G, r as q, a as A, x as c, C as U, A as M, O as tt, b as z, E as et, R as O, c as Ut, d as K, f as N, S as pe, g as Cn, W as fe, h as Ze, j as vi, T as ti, k as Xt, M as on, l as rn, m as Dt, n as yi, o as $n } from "./core-B_HqNWOu.js";
-import { n as u, c as B, o as W, r as E, U as ht, e as Rn, f as En, a as In } from "./index-Cdagj5-o.js";
-import { m as Wn } from "./index-BcWL0DrD.js";
+import { i as D, e as G, r as q, a as A, x as c, C as U, A as M, O as tt, b as z, E as et, R as O, c as Ut, d as K, f as N, S as pe, g as Cn, W as fe, h as Ze, j as vi, T as ti, k as Xt, M as on, l as rn, m as Dt, n as yi, o as $n } from "./core-DMrbUYAd.js";
+import { n as u, c as B, o as W, r as E, U as ht, e as Rn, f as En, a as In } from "./index-DD4yqUTK.js";
+import { m as Wn } from "./index-DQ-upUtl.js";
 const Sn = D`
   :host {
     position: relative;

package/dist/{browser-DwbBRE2D.js → browser-pBih3Y0E.js}

@@ -1,4 +1,4 @@
-import { m as l } from "./core-B_HqNWOu.js";
+import { m as l } from "./core-DMrbUYAd.js";
 const a = l`<svg fill="none" viewBox="0 0 20 20">
   <path
     fill="currentColor"

package/dist/{card-BewgfynW.js → card-CnPr5FkC.js}

@@ -1,4 +1,4 @@
-import { m as C } from "./core-B_HqNWOu.js";
+import { m as C } from "./core-DMrbUYAd.js";
 const l = C`<svg
   xmlns="http://www.w3.org/2000/svg"
   width="12"