@coinswap-app/uikit 1.0.17 → 1.0.18

package/dist/index.cjs.js

@@ -363,7 +363,7 @@ var Svg = styledComponents.styled("svg").withConfig({
   return $opac ? 1 : 0.5;
 });
 
-var Icon$2H = function Icon(props) {
+var Icon$2G = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -374,7 +374,7 @@ var Icon$2H = function Icon(props) {
 };
 
 var _excluded$12 = ["fill"];
-var Icon$2G = function Icon(_ref) {
+var Icon$2F = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$12);
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
@@ -390,7 +390,7 @@ var Icon$2G = function Icon(_ref) {
   }));
 };
 
-var Icon$2F = function Icon(props) {
+var Icon$2E = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -400,7 +400,7 @@ var Icon$2F = function Icon(props) {
   }));
 };
 
-var Icon$2E = function Icon(props) {
+var Icon$2D = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -573,7 +573,7 @@ var Button$1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 Button$1.displayName = "Button";
 
-var Icon$2D = function Icon(props) {
+var Icon$2C = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -584,7 +584,7 @@ var Icon$2D = function Icon(props) {
 };
 
 var _excluded$10 = ["fill"];
-var Icon$2C = function Icon(_ref) {
+var Icon$2B = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$10);
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
@@ -600,7 +600,7 @@ var Icon$2C = function Icon(_ref) {
   }));
 };
 
-var Icon$2B = function Icon() {
+var Icon$2A = function Icon() {
   return /*#__PURE__*/jsxRuntime.jsx("svg", {
     width: "12",
     height: "22",
@@ -618,7 +618,7 @@ var Icon$2B = function Icon() {
 };
 
 var _excluded$$ = ["fill"];
-var Icon$2A = function Icon(_ref) {
+var Icon$2z = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$$);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -632,7 +632,7 @@ var Icon$2A = function Icon(_ref) {
 };
 
 var _excluded$_ = ["fill"];
-var Icon$2z = function Icon(_ref) {
+var Icon$2y = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$_);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -645,7 +645,7 @@ var Icon$2z = function Icon(_ref) {
   }));
 };
 
-var Icon$2y = function Icon(props) {
+var Icon$2x = function Icon(props) {
   var fill = props.fill;
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 20 20",
@@ -661,7 +661,7 @@ var Icon$2y = function Icon(props) {
   }));
 };
 
-var Icon$2x = function Icon(props) {
+var Icon$2w = function Icon(props) {
   var fill = props.fill;
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 20 20",
@@ -678,7 +678,7 @@ var Icon$2x = function Icon(props) {
 };
 
 var _excluded$Z = ["fill"];
-var Icon$2w = function Icon(_ref) {
+var Icon$2v = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$Z);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -691,7 +691,7 @@ var Icon$2w = function Icon(_ref) {
   }));
 };
 
-var Icon$2v = function Icon(props) {
+var Icon$2u = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -701,7 +701,7 @@ var Icon$2v = function Icon(props) {
   }));
 };
 
-var Icon$2u = function Icon(props) {
+var Icon$2t = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 16 16"
   }, props), {}, {
@@ -717,7 +717,7 @@ var Icon$2u = function Icon(props) {
   }));
 };
 
-var Icon$2t = function Icon(props) {
+var Icon$2s = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -728,7 +728,7 @@ var Icon$2t = function Icon(props) {
 };
 
 var _excluded$Y = ["fill"];
-var Icon$2s = function Icon(_ref) {
+var Icon$2r = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$Y);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -743,7 +743,7 @@ var Icon$2s = function Icon(_ref) {
 };
 
 var _excluded$X = ["fill"];
-var Icon$2r = function Icon(_ref) {
+var Icon$2q = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$X);
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
@@ -759,7 +759,7 @@ var Icon$2r = function Icon(_ref) {
   }));
 };
 
-var Icon$2q = function Icon(props) {
+var Icon$2p = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 18 13"
   }, props), {}, {
@@ -770,7 +770,7 @@ var Icon$2q = function Icon(props) {
 };
 
 var _excluded$W = ["fill", "fillOpacity"];
-var Icon$2p = function Icon(_ref) {
+var Icon$2o = function Icon(_ref) {
   var fill = _ref.fill,
     fillOpacity = _ref.fillOpacity,
     props = _objectWithoutProperties(_ref, _excluded$W);
@@ -786,7 +786,7 @@ var Icon$2p = function Icon(_ref) {
 };
 
 var _excluded$V = ["fill"];
-var Icon$2o = function Icon(_ref) {
+var Icon$2n = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$V);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -800,7 +800,7 @@ var Icon$2o = function Icon(_ref) {
 };
 
 var _excluded$U = ["fill"];
-var Icon$2n = function Icon(_ref) {
+var Icon$2m = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$U);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -814,7 +814,7 @@ var Icon$2n = function Icon(_ref) {
 };
 
 var _excluded$T = ["fill"];
-var Icon$2m = function Icon(_ref) {
+var Icon$2l = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$T);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -828,7 +828,7 @@ var Icon$2m = function Icon(_ref) {
 };
 
 var _excluded$S = ["fill"];
-var Icon$2l = function Icon(_ref) {
+var Icon$2k = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$S);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -842,7 +842,7 @@ var Icon$2l = function Icon(_ref) {
 };
 
 var _excluded$R = ["fill"];
-var Icon$2k = function Icon(_ref) {
+var Icon$2j = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$R);
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
@@ -859,7 +859,7 @@ var Icon$2k = function Icon(_ref) {
 };
 
 var _excluded$Q = ["fill"];
-var Icon$2j = function Icon(_ref) {
+var Icon$2i = function Icon(_ref) {
   var fill = _ref.fill;
     _objectWithoutProperties(_ref, _excluded$Q);
   return /*#__PURE__*/jsxRuntime.jsx("svg", {
@@ -878,7 +878,7 @@ var Icon$2j = function Icon(_ref) {
 };
 
 var _excluded$P = ["fill"];
-var Icon$2i = function Icon(_ref) {
+var Icon$2h = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$P);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -891,7 +891,7 @@ var Icon$2i = function Icon(_ref) {
   }));
 };
 
-var Icon$2h = function Icon(props) {
+var Icon$2g = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -901,7 +901,7 @@ var Icon$2h = function Icon(props) {
   }));
 };
 
-var Icon$2g = function Icon(props) {
+var Icon$2f = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     width: "24",
     height: "24",
@@ -917,7 +917,7 @@ var Icon$2g = function Icon(props) {
 };
 
 var _excluded$O = ["fill"];
-var Icon$2f = function Icon(_ref) {
+var Icon$2e = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$O);
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
@@ -933,7 +933,7 @@ var Icon$2f = function Icon(_ref) {
   }));
 };
 
-var Icon$2e = function Icon(props) {
+var Icon$2d = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -943,7 +943,7 @@ var Icon$2e = function Icon(props) {
   }));
 };
 
-var Icon$2d = function Icon(props) {
+var Icon$2c = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 32 32"
   }, props), {}, {
@@ -979,7 +979,7 @@ var Icon$2d = function Icon(props) {
   }));
 };
 
-var Icon$2c = function Icon(props) {
+var Icon$2b = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 15 2"
   }, props), {}, {
@@ -990,7 +990,7 @@ var Icon$2c = function Icon(props) {
 };
 
 var _excluded$N = ["fill"];
-var Icon$2b = function Icon(_ref) {
+var Icon$2a = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$N);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -1005,7 +1005,7 @@ var Icon$2b = function Icon(_ref) {
   }));
 };
 
-var Icon$2a = function Icon(props) {
+var Icon$29 = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 48 48"
   }, props), {}, {
@@ -1015,7 +1015,7 @@ var Icon$2a = function Icon(props) {
   }));
 };
 
-var Icon$29 = function Icon(props) {
+var Icon$28 = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 20 20"
   }, props), {}, {
@@ -1025,7 +1025,7 @@ var Icon$29 = function Icon(props) {
   }));
 };
 
-var Icon$28 = function Icon(props) {
+var Icon$27 = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -1035,7 +1035,7 @@ var Icon$28 = function Icon(props) {
   }));
 };
 
-var Icon$27 = function Icon(props) {
+var Icon$26 = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 80 80"
   }, props), {}, {
@@ -1149,7 +1149,7 @@ var Icon$27 = function Icon(props) {
 };
 
 var _excluded$M = ["fill"];
-var Icon$26 = function Icon(_ref) {
+var Icon$25 = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$M);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -1162,7 +1162,7 @@ var Icon$26 = function Icon(_ref) {
   }));
 };
 
-var Icon$25 = function Icon(props) {
+var Icon$24 = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 25"
   }, props), {}, {
@@ -1172,7 +1172,7 @@ var Icon$25 = function Icon(props) {
   }));
 };
 
-var Icon$24 = function Icon(props) {
+var Icon$23 = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 25"
   }, props), {}, {
@@ -1184,7 +1184,7 @@ var Icon$24 = function Icon(props) {
   }));
 };
 
-var Icon$23 = function Icon(props) {
+var Icon$22 = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx("svg", {
     width: "20",
     height: "20",
@@ -1199,7 +1199,7 @@ var Icon$23 = function Icon(props) {
   });
 };
 
-var Icon$22 = function Icon(props) {
+var Icon$21 = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -1209,7 +1209,7 @@ var Icon$22 = function Icon(props) {
   }));
 };
 
-var Icon$21 = function Icon(props) {
+var Icon$20 = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 25 25"
   }, props), {}, {
@@ -1254,7 +1254,7 @@ var Icon$21 = function Icon(props) {
   }));
 };
 
-var Icon$20 = function Icon(props) {
+var Icon$1$ = function Icon(props) {
   var viewBox = props.viewBox;
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: viewBox || "0 0 22 22"
@@ -1284,7 +1284,7 @@ var Icon$20 = function Icon(props) {
   }));
 };
 
-var Icon$1$ = function Icon(props) {
+var Icon$1_ = function Icon(props) {
   var viewBox = props.viewBox;
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: viewBox || "0 0 22 22"
@@ -1314,7 +1314,7 @@ var Icon$1$ = function Icon(props) {
   }));
 };
 
-var Icon$1_ = function Icon(props) {
+var Icon$1Z = function Icon(props) {
   var viewBox = props.viewBox,
     width = props.width,
     height = props.height,
@@ -1346,7 +1346,7 @@ var Icon$1_ = function Icon(props) {
   });
 };
 
-var Icon$1Z = function Icon(props) {
+var Icon$1Y = function Icon(props) {
   var viewBox = props.viewBox,
     width = props.width,
     height = props.height,
@@ -1397,7 +1397,7 @@ var Icon$1Z = function Icon(props) {
   });
 };
 
-var Icon$1Y = function Icon(props) {
+var Icon$1X = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 25 25"
   }, props), {}, {
@@ -1414,7 +1414,7 @@ var Icon$1Y = function Icon(props) {
 };
 
 var _excluded$L = ["fill"];
-var Icon$1X = function Icon(_ref) {
+var Icon$1W = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$L);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -1430,7 +1430,7 @@ var Icon$1X = function Icon(_ref) {
 };
 
 var _excluded$K = ["fill"];
-var Icon$1W = function Icon(_ref) {
+var Icon$1V = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$K);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -1443,7 +1443,7 @@ var Icon$1W = function Icon(_ref) {
   }));
 };
 
-var Icon$1V = function Icon(props) {
+var Icon$1U = function Icon(props) {
   var theme = styledComponents.useTheme();
   var primaryColor = theme.isDark ? "#3C3742" : "#e9eaeb";
   var secondaryColor = theme.isDark ? "#666171" : "#bdc2c4";
@@ -1491,7 +1491,7 @@ var Icon$1V = function Icon(props) {
   }));
 };
 
-var Icon$1U = function Icon(props) {
+var Icon$1T = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     width: "20",
     height: "20",
@@ -1506,7 +1506,7 @@ var Icon$1U = function Icon(props) {
 };
 
 var _excluded$J = ["fill"];
-var Icon$1T = function Icon(_ref) {
+var Icon$1S = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$J);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -1520,7 +1520,7 @@ var Icon$1T = function Icon(_ref) {
 };
 
 var _excluded$I = ["fill"];
-var Icon$1S = function Icon(_ref) {
+var Icon$1R = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$I);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -1533,7 +1533,7 @@ var Icon$1S = function Icon(_ref) {
   }));
 };
 
-var Icon$1R = function Icon(props) {
+var Icon$1Q = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 14 14"
   }, props), {}, {
@@ -1544,7 +1544,7 @@ var Icon$1R = function Icon(props) {
   }));
 };
 
-var Icon$1Q = function Icon(props) {
+var Icon$1P = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 21 20"
   }, props), {}, {
@@ -1555,7 +1555,7 @@ var Icon$1Q = function Icon(props) {
   }));
 };
 
-var Icon$1P = function Icon(props) {
+var Icon$1O = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -1576,7 +1576,7 @@ var Icon$1P = function Icon(props) {
   }));
 };
 
-var Icon$1O = function Icon(props) {
+var Icon$1N = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -1594,7 +1594,7 @@ var Icon$1O = function Icon(props) {
   }));
 };
 
-var Icon$1N = function Icon(props) {
+var Icon$1M = function Icon(props) {
   var fill = props.fill;
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
@@ -1607,7 +1607,7 @@ var Icon$1N = function Icon(props) {
 };
 
 var _excluded$H = ["fill"];
-var Icon$1M = function Icon(_ref) {
+var Icon$1L = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$H);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -1621,7 +1621,7 @@ var Icon$1M = function Icon(_ref) {
 };
 
 var _excluded$G = ["fill"];
-var Icon$1L = function Icon(_ref) {
+var Icon$1K = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$G);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -1635,7 +1635,7 @@ var Icon$1L = function Icon(_ref) {
 };
 
 var _excluded$F = ["fill"];
-var Icon$1K = function Icon(_ref) {
+var Icon$1J = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$F);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -1649,7 +1649,7 @@ var Icon$1K = function Icon(_ref) {
 };
 
 var _excluded$E = ["fill"];
-var Icon$1J = function Icon(_ref) {
+var Icon$1I = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$E);
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
@@ -1666,7 +1666,7 @@ var Icon$1J = function Icon(_ref) {
 };
 
 var _excluded$D = ["fill"];
-var Icon$1I = function Icon(_ref) {
+var Icon$1H = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$D);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -1682,7 +1682,7 @@ var Icon$1I = function Icon(_ref) {
 };
 
 var _excluded$C = ["fill"];
-var Icon$1H = function Icon(_ref) {
+var Icon$1G = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$C);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -1696,7 +1696,7 @@ var Icon$1H = function Icon(_ref) {
 };
 
 var _excluded$B = ["fill"];
-var Icon$1G = function Icon(_ref) {
+var Icon$1F = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$B);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -1712,7 +1712,7 @@ var Icon$1G = function Icon(_ref) {
 };
 
 var _excluded$A = ["fill"];
-var Icon$1F = function Icon(_ref) {
+var Icon$1E = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$A);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -1726,7 +1726,7 @@ var Icon$1F = function Icon(_ref) {
 };
 
 var _excluded$z = ["fill"];
-var Icon$1E = function Icon(_ref) {
+var Icon$1D = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$z);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -1740,7 +1740,7 @@ var Icon$1E = function Icon(_ref) {
 };
 
 var _excluded$y = ["fill"];
-var Icon$1D = function Icon(_ref) {
+var Icon$1C = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$y);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -1754,7 +1754,7 @@ var Icon$1D = function Icon(_ref) {
 };
 
 var _excluded$x = ["fill"];
-var Icon$1C = function Icon(_ref) {
+var Icon$1B = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$x);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -1768,7 +1768,7 @@ var Icon$1C = function Icon(_ref) {
 };
 
 var _excluded$w = ["fill"];
-var Icon$1B = function Icon(_ref) {
+var Icon$1A = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$w);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -1782,7 +1782,7 @@ var Icon$1B = function Icon(_ref) {
 };
 
 var _excluded$v = ["fill"];
-var Icon$1A = function Icon(_ref) {
+var Icon$1z = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$v);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -1796,7 +1796,7 @@ var Icon$1A = function Icon(_ref) {
 };
 
 var _excluded$u = ["fill"];
-var Icon$1z = function Icon(_ref) {
+var Icon$1y = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$u);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -1810,7 +1810,7 @@ var Icon$1z = function Icon(_ref) {
 };
 
 var _excluded$t = ["fill"];
-var Icon$1y = function Icon(_ref) {
+var Icon$1x = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$t);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -1823,7 +1823,7 @@ var Icon$1y = function Icon(_ref) {
   }));
 };
 
-var Icon$1x = function Icon(props) {
+var Icon$1w = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 18 18"
   }, props), {}, {
@@ -1834,7 +1834,7 @@ var Icon$1x = function Icon(props) {
   }));
 };
 
-var Icon$1w = function Icon(props) {
+var Icon$1v = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     width: 101,
     height: 23
@@ -1867,7 +1867,7 @@ var Icon$1w = function Icon(props) {
   }));
 };
 
-var Icon$1v = function Icon(props) {
+var Icon$1u = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 25 24"
   }, props), {}, {
@@ -1885,7 +1885,7 @@ var Icon$1v = function Icon(props) {
   }));
 };
 
-var Icon$1u = function Icon(props) {
+var Icon$1t = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 19 18"
   }, props), {}, {
@@ -1903,7 +1903,7 @@ var Icon$1u = function Icon(props) {
   }));
 };
 
-var Icon$1t = function Icon(props) {
+var Icon$1s = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 23 24"
   }, props), {}, {
@@ -1921,7 +1921,7 @@ var Icon$1t = function Icon(props) {
   }));
 };
 
-var Icon$1s = function Icon(props) {
+var Icon$1r = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 150 184"
   }, props), {}, {
@@ -1939,7 +1939,7 @@ var Icon$1s = function Icon(props) {
   }));
 };
 
-var Icon$1r = function Icon(props) {
+var Icon$1q = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 19 16"
   }, props), {}, {
@@ -1957,7 +1957,7 @@ var Icon$1r = function Icon(props) {
   }));
 };
 
-var Icon$1q = function Icon(props) {
+var Icon$1p = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 16 12"
   }, props), {}, {
@@ -1975,7 +1975,7 @@ var Icon$1q = function Icon(props) {
   }));
 };
 
-var Icon$1p = function Icon(props) {
+var Icon$1o = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 9 18"
   }, props), {}, {
@@ -1993,7 +1993,7 @@ var Icon$1p = function Icon(props) {
   }));
 };
 
-var Icon$1o = function Icon(props) {
+var Icon$1n = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 18 17"
   }, props), {}, {
@@ -2013,7 +2013,7 @@ var Icon$1o = function Icon(props) {
   }));
 };
 
-var Icon$1n = function Icon(props) {
+var Icon$1m = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 16 18"
   }, props), {}, {
@@ -2034,7 +2034,7 @@ var Icon$1n = function Icon(props) {
   }));
 };
 
-var Icon$1m = function Icon(props) {
+var Icon$1l = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     width: "20",
     height: "20",
@@ -2053,7 +2053,7 @@ var Icon$1m = function Icon(props) {
   }));
 };
 
-var Icon$1l = function Icon(props) {
+var Icon$1k = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 20 20"
   }, props), {}, {
@@ -2070,7 +2070,7 @@ var Icon$1l = function Icon(props) {
 };
 
 var _excluded$s = ["fill"];
-var Icon$1k = function Icon(_ref) {
+var Icon$1j = function Icon(_ref) {
   _ref.fill;
     var props = _objectWithoutProperties(_ref, _excluded$s);
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
@@ -2098,7 +2098,7 @@ var Icon$1k = function Icon(_ref) {
   }));
 };
 
-var Icon$1j = function Icon(props) {
+var Icon$1i = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 20 21"
   }, props), {}, {
@@ -2127,7 +2127,7 @@ var Icon$1j = function Icon(props) {
   }));
 };
 
-var Icon$1i = function Icon(props) {
+var Icon$1h = function Icon(props) {
   var height = props.height,
     width = props.width;
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -2142,7 +2142,7 @@ var Icon$1i = function Icon(props) {
   }));
 };
 
-var Icon$1h = function Icon(props) {
+var Icon$1g = function Icon(props) {
   var height = props.height,
     width = props.width;
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
@@ -2169,7 +2169,7 @@ var Icon$1h = function Icon(props) {
   }));
 };
 
-var Icon$1g = function Icon(props) {
+var Icon$1f = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 20 21",
     width: "20",
@@ -2194,7 +2194,7 @@ var Icon$1g = function Icon(props) {
 };
 
 var _excluded$r = ["fill"];
-var Icon$1f = function Icon(_ref) {
+var Icon$1e = function Icon(_ref) {
   _ref.fill;
     var props = _objectWithoutProperties(_ref, _excluded$r);
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
@@ -2229,7 +2229,7 @@ var Icon$1f = function Icon(_ref) {
 };
 
 var _excluded$q = ["fill"];
-var Icon$1e = function Icon(_ref) {
+var Icon$1d = function Icon(_ref) {
   var fill = _ref.fill,
     props = _objectWithoutProperties(_ref, _excluded$q);
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
@@ -2244,7 +2244,7 @@ var Icon$1e = function Icon(_ref) {
   }));
 };
 
-var Icon$1d = function Icon(props) {
+var Icon$1c = function Icon(props) {
   var viewBox = props.viewBox;
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: viewBox || "0 0 16 16"
@@ -2261,7 +2261,7 @@ var Icon$1d = function Icon(props) {
   }));
 };
 
-var Icon$1c = function Icon(props) {
+var Icon$1b = function Icon(props) {
   var width = props.width,
     height = props.height,
     fill = props.fill,
@@ -2281,7 +2281,7 @@ var Icon$1c = function Icon(props) {
   }));
 };
 
-var Icon$1b = function Icon(props) {
+var Icon$1a = function Icon(props) {
   var color = props.color;
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     width: "24",
@@ -2306,7 +2306,7 @@ var Icon$1b = function Icon(props) {
   }));
 };
 
-var Icon$1a = function Icon(props) {
+var Icon$19 = function Icon(props) {
   var stroke = props.stroke;
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, {
     width: "16",
@@ -2348,7 +2348,7 @@ var Icon$1a = function Icon(props) {
   });
 };
 
-var Icon$19 = function Icon(props) {
+var Icon$18 = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 16 16"
   }, props), {}, {
@@ -2364,7 +2364,7 @@ var Icon$19 = function Icon(props) {
   }));
 };
 
-var Icon$18 = function Icon(props) {
+var Icon$17 = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 25 25"
   }, props), {}, {
@@ -2409,7 +2409,7 @@ var Icon$18 = function Icon(props) {
   }));
 };
 
-var Icon$17 = function Icon(props) {
+var Icon$16 = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs("svg", {
     width: "18",
     height: "18",
@@ -2436,7 +2436,7 @@ var Icon$17 = function Icon(props) {
   });
 };
 
-var Icon$16 = function Icon(props) {
+var Icon$15 = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 18 18",
     width: "18",
@@ -2476,7 +2476,7 @@ var Icon$16 = function Icon(props) {
   }));
 };
 
-var Icon$15 = function Icon(props) {
+var Icon$14 = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 18"
   }, props), {}, {
@@ -2496,7 +2496,7 @@ var Icon$15 = function Icon(props) {
   }));
 };
 
-var Icon$14 = function Icon(props) {
+var Icon$13 = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 18"
   }, props), {}, {
@@ -2522,7 +2522,7 @@ var Icon$14 = function Icon(props) {
   }));
 };
 
-var Icon$13 = function Icon(props) {
+var Icon$12 = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 18"
   }, props), {}, {
@@ -2554,7 +2554,7 @@ var Icon$13 = function Icon(props) {
   }));
 };
 
-var Icon$12 = function Icon(props) {
+var Icon$11 = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 18"
   }, props), {}, {
@@ -2584,7 +2584,7 @@ var Icon$12 = function Icon(props) {
   }));
 };
 
-var Icon$11 = function Icon(props) {
+var Icon$10 = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 18"
   }, props), {}, {
@@ -2607,7 +2607,7 @@ var Icon$11 = function Icon(props) {
   }));
 };
 
-var Icon$10 = function Icon(props) {
+var Icon$$ = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 18"
   }, props), {}, {
@@ -4646,7 +4646,7 @@ var Icon$10 = function Icon(props) {
   }));
 };
 
-var Icon$$ = function Icon() {
+var Icon$_ = function Icon() {
   return /*#__PURE__*/jsxRuntime.jsxs("svg", {
     width: "50",
     height: "46",
@@ -4803,7 +4803,7 @@ var Icon$$ = function Icon() {
   });
 };
 
-var Icon$_ = function Icon() {
+var Icon$Z = function Icon() {
   return /*#__PURE__*/jsxRuntime.jsxs("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
@@ -4875,7 +4875,7 @@ var Icon$_ = function Icon() {
   });
 };
 
-var Icon$Z = function Icon() {
+var Icon$Y = function Icon() {
   return /*#__PURE__*/jsxRuntime.jsxs("svg", {
     width: "148",
     height: "100",
@@ -5122,7 +5122,7 @@ var Icon$Z = function Icon() {
   });
 };
 
-var Icon$Y = function Icon() {
+var Icon$X = function Icon() {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, {
     version: "1.1",
     id: "Layer_1",
@@ -5146,7 +5146,7 @@ var Icon$Y = function Icon() {
   });
 };
 
-var Icon$X = function Icon() {
+var Icon$W = function Icon() {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, {
     version: "1.1",
     id: "Layer_1",
@@ -5170,7 +5170,7 @@ var Icon$X = function Icon() {
   });
 };
 
-var Icon$W = function Icon() {
+var Icon$V = function Icon() {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, {
     version: "1.1",
     id: "Layer_1",
@@ -5194,7 +5194,7 @@ var Icon$W = function Icon() {
   });
 };
 
-var Icon$V = function Icon() {
+var Icon$U = function Icon() {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, {
     version: "1.1",
     id: "Layer_1",
@@ -5219,7 +5219,7 @@ var Icon$V = function Icon() {
 };
 
 /* eslint-disable react/style-prop-object */
-var Icon$U = function Icon() {
+var Icon$T = function Icon() {
   return /*#__PURE__*/jsxRuntime.jsxs("svg", {
     width: "665",
     height: "144",
@@ -7909,7 +7909,7 @@ var Icon$U = function Icon() {
   });
 };
 
-var Icon$T = function Icon(props) {
+var Icon$S = function Icon(props) {
   var height = props.height;
   return /*#__PURE__*/jsxRuntime.jsxs("svg", {
     width: "33",
@@ -7974,7 +7974,7 @@ var RampButtonLite = function RampButtonLite(_ref2) {
     children: [/*#__PURE__*/jsxRuntime.jsx(ButtonText, {
       extended: extended,
       children: children
-    }), /*#__PURE__*/jsxRuntime.jsx(Icon$1l, {
+    }), /*#__PURE__*/jsxRuntime.jsx(Icon$1k, {
       $opac: true
     })]
   });
@@ -8008,9 +8008,9 @@ var RampButton = function RampButton(_ref2) {
       return _onClick();
     },
     extended: extended,
-    children: [/*#__PURE__*/jsxRuntime.jsx(Icon$1i, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Icon$1h, {
       $opac: true
-    }), /*#__PURE__*/jsxRuntime.jsx(Icon$1h, {
+    }), /*#__PURE__*/jsxRuntime.jsx(Icon$1g, {
       $opac: true,
       display: extended ? "block" : "none"
     })]
@@ -8057,14 +8057,14 @@ var getIcon = function getIcon() {
   var variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : variants$3.INFO;
   switch (variant) {
     case variants$3.DANGER:
-      return Icon$2F;
+      return Icon$2E;
     case variants$3.WARNING:
-      return Icon$2G;
+      return Icon$2F;
     case variants$3.SUCCESS:
-      return Icon$2H;
+      return Icon$2G;
     case variants$3.INFO:
     default:
-      return Icon$2E;
+      return Icon$2D;
   }
 };
 var IconLabel = styledComponents.styled.div.withConfig({
@@ -8121,7 +8121,7 @@ var Alert = function Alert(_ref5) {
         size: "sm",
         variant: "text",
         onClick: onClick,
-        children: /*#__PURE__*/jsxRuntime.jsx(Icon$2k, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Icon$2j, {
           width: "24px",
           color: "currentColor"
         })
@@ -8520,7 +8520,7 @@ var StyledModal = styledComponents.styled.div.withConfig({
   var theme = _ref3.theme;
   return theme.mediaQueries.mobile;
 });
-var CloseButton$1 = styledComponents.styled(Button$1).withConfig({
+var CloseButton = styledComponents.styled(Button$1).withConfig({
   displayName: "CloseButton",
   componentId: "sc-gb2uez-1"
 })(_templateObject2$11 || (_templateObject2$11 = _taggedTemplateLiteral(["\n  z-index: 99999;\n  width: 16px;\n  border: none;\n  align-items: flex-start !important;\n  padding: 0px !important;\n  &:hover:not(:disabled):not(.button--disabled):not(:active) {\n    background-color: transparent;\n    border-color: transparent;\n  }\n  &:focus:not(:active) {\n    box-shadow: none;\n  }\n"])));
@@ -8549,17 +8549,17 @@ var Modal = function Modal(_ref4) {
           onClick: onBack,
           "area-label": "go back",
           mr: "8px",
-          children: /*#__PURE__*/jsxRuntime.jsx(Icon$2B, {
+          children: /*#__PURE__*/jsxRuntime.jsx(Icon$2A, {
             color: "primary"
           })
         }), title && /*#__PURE__*/jsxRuntime.jsx(Heading, {
           children: title
         })]
-      }), !hideCloseButton && /*#__PURE__*/jsxRuntime.jsx(CloseButton$1, {
+      }), !hideCloseButton && /*#__PURE__*/jsxRuntime.jsx(CloseButton, {
         variant: "text",
         onClick: onDismiss,
         "aria-label": "Close the dialog",
-        children: /*#__PURE__*/jsxRuntime.jsx(Icon$2j, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Icon$2i, {
           color: "primary",
           $opac: true
         })
@@ -8681,7 +8681,7 @@ var useModal = function useModal(modal) {
   return [onPresentCallback, onDismiss];
 };
 
-var Icon$S = function Icon(props) {
+var Icon$R = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 96 96"
   }, props), {}, {
@@ -8781,7 +8781,7 @@ var Icon$S = function Icon(props) {
   }));
 };
 
-var Icon$R = function Icon(props) {
+var Icon$Q = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 96 96"
   }, props), {}, {
@@ -8799,7 +8799,7 @@ var Icon$R = function Icon(props) {
   }));
 };
 
-var Icon$Q = function Icon(props) {
+var Icon$P = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 96 96"
   }, props), {}, {
@@ -8818,7 +8818,7 @@ var Icon$Q = function Icon(props) {
   }));
 };
 
-var Icon$P = function Icon(props) {
+var Icon$O = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 96 96"
   }, props), {}, {
@@ -8844,7 +8844,7 @@ var Icon$P = function Icon(props) {
   }));
 };
 
-var Icon$O = function Icon(props) {
+var Icon$N = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 96 96"
   }, props), {}, {
@@ -8858,7 +8858,7 @@ var Icon$O = function Icon(props) {
   }));
 };
 
-var Icon$N = function Icon(props) {
+var Icon$M = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 32 32"
   }, props), {}, {
@@ -8899,39 +8899,39 @@ var Icon$N = function Icon(props) {
   }));
 };
 
-var ConnectorNames$1;
+var ConnectorNames$2;
 (function (ConnectorNames) {
   ConnectorNames["Injected"] = "injected";
   ConnectorNames["WalletConnect"] = "walletconnect";
   ConnectorNames["BSC"] = "bsc";
-})(ConnectorNames$1 || (ConnectorNames$1 = {}));
+})(ConnectorNames$2 || (ConnectorNames$2 = {}));
 
 [{
   title: "Metamask",
-  icon: Icon$S,
-  connectorId: ConnectorNames$1.Injected
+  icon: Icon$R,
+  connectorId: ConnectorNames$2.Injected
 }, {
   title: "TrustWallet",
-  icon: Icon$P,
-  connectorId: ConnectorNames$1.Injected
+  icon: Icon$O,
+  connectorId: ConnectorNames$2.Injected
 }, {
   title: "MathWallet",
-  icon: Icon$R,
-  connectorId: ConnectorNames$1.Injected
+  icon: Icon$Q,
+  connectorId: ConnectorNames$2.Injected
 }, {
   title: "TokenPocket",
-  icon: Icon$Q,
-  connectorId: ConnectorNames$1.Injected
+  icon: Icon$P,
+  connectorId: ConnectorNames$2.Injected
 }, {
   title: "WalletConnect",
-  icon: Icon$O,
-  connectorId: ConnectorNames$1.WalletConnect
+  icon: Icon$N,
+  connectorId: ConnectorNames$2.WalletConnect
 }, {
   title: "Binance Chain Wallet",
-  icon: Icon$N,
-  connectorId: ConnectorNames$1.BSC
+  icon: Icon$M,
+  connectorId: ConnectorNames$2.BSC
 }];
-var connectorLocalStorageKey$1 = "connectorId";
+var connectorLocalStorageKey = "connectorId";
 
 var getTranslations = function getTranslations(translation) {
   return translation;
@@ -8965,7 +8965,7 @@ var LinkExternal = function LinkExternal(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(Link, _objectSpread2(_objectSpread2({
     external: true
   }, props), {}, {
-    children: [children, /*#__PURE__*/jsxRuntime.jsx(Icon$2b, {
+    children: [children, /*#__PURE__*/jsxRuntime.jsx(Icon$2a, {
       color: "primary",
       ml: "10px",
       width: 15,
@@ -9006,7 +9006,7 @@ exports.Cookies = void 0;
   Cookies["Notifications"] = "notifications";
 })(exports.Cookies || (exports.Cookies = {}));
 var useCookies = function useCookies(name) {
-  var _useReactCookies = reactCookie.useCookies([name, connectorLocalStorageKey$1]),
+  var _useReactCookies = reactCookie.useCookies([name, connectorLocalStorageKey]),
     _useReactCookies2 = _slicedToArray(_useReactCookies, 3),
     cookies = _useReactCookies2[0],
     setCookies = _useReactCookies2[1],
@@ -9026,7 +9026,7 @@ var useCookies = function useCookies(name) {
   var parsedCookie = Object.entries(cookies).find(function (el) {
     return el[0] === name;
   });
-  return [typeof parsedCookie !== "undefined" ? parsedCookie[1] : "null", setDefinedCookie, cookies[connectorLocalStorageKey$1], removeDefinedCookie];
+  return [typeof parsedCookie !== "undefined" ? parsedCookie[1] : "null", setDefinedCookie, cookies[connectorLocalStorageKey], removeDefinedCookie];
 };
 
 var useWindowSize = function useWindowSize() {
@@ -9380,7 +9380,7 @@ var insertSeparators = function insertSeparators(items, separator) {
     }, "seperator-".concat(index)), item]);
   }, []);
 };
-var DefaultSeparator = /*#__PURE__*/jsxRuntime.jsx(Icon$2m, {
+var DefaultSeparator = /*#__PURE__*/jsxRuntime.jsx(Icon$2l, {
   color: "currentColor",
   width: "24px"
 });
@@ -10242,7 +10242,7 @@ var EarnedToken = function EarnedToken(_ref10) {
         }), amount]
       }), /*#__PURE__*/jsxRuntime.jsx(Toggle, {
         onClick: toggleDetails,
-        children: detailsToggled ? /*#__PURE__*/jsxRuntime.jsx(Icon$2l, {}) : /*#__PURE__*/jsxRuntime.jsx(Icon$2o, {})
+        children: detailsToggled ? /*#__PURE__*/jsxRuntime.jsx(Icon$2k, {}) : /*#__PURE__*/jsxRuntime.jsx(Icon$2n, {})
       })]
     }), /*#__PURE__*/jsxRuntime.jsx(Actions, {
       children: detailsToggled ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
@@ -10967,7 +10967,7 @@ var MuiDateInput = function MuiDateInput(_ref4) {
               textField: {
                 InputProps: {
                   disableUnderline: true,
-                  endAdornment: /*#__PURE__*/jsxRuntime.jsx(Icon$2s, {
+                  endAdornment: /*#__PURE__*/jsxRuntime.jsx(Icon$2r, {
                     width: 16,
                     height: 16
                   })
@@ -11182,12 +11182,12 @@ var MuiTextInput = function MuiTextInput(_ref11) {
         multiline: textarea,
         error: error !== false,
         InputProps: {
-          endAdornment: error ? /*#__PURE__*/jsxRuntime.jsx(Icon$2G, {
+          endAdornment: error ? /*#__PURE__*/jsxRuntime.jsx(Icon$2F, {
             fill: theme.colors.error,
             width: 24,
             height: 24,
             $opac: true
-          }) : success && /*#__PURE__*/jsxRuntime.jsx(Icon$1b, {})
+          }) : success && /*#__PURE__*/jsxRuntime.jsx(Icon$1a, {})
         }
         /* eslint-disable-next-line react/jsx-no-duplicate-props */,
         inputProps: {
@@ -11480,7 +11480,7 @@ var getTagPropsByVariant = function getTagPropsByVariant(variant, active, theme)
     case variants.LAUNCHPOOL:
       return {
         color: theme.colors.lightBlue,
-        icon: /*#__PURE__*/jsxRuntime.jsx(Icon$2p, {
+        icon: /*#__PURE__*/jsxRuntime.jsx(Icon$2o, {
           $opac: true,
           fill: active ? theme.colors.lightBlue : theme.colors.grey
         })
@@ -11488,7 +11488,7 @@ var getTagPropsByVariant = function getTagPropsByVariant(variant, active, theme)
     case variants.COMMUNITY:
       return {
         color: brandColors.binance,
-        icon: /*#__PURE__*/jsxRuntime.jsx(Icon$2p, {
+        icon: /*#__PURE__*/jsxRuntime.jsx(Icon$2o, {
           $opac: true,
           fill: active ? brandColors.binance : theme.colors.grey
         })
@@ -11496,7 +11496,7 @@ var getTagPropsByVariant = function getTagPropsByVariant(variant, active, theme)
     case variants.AUTOCOMPOUND:
       return {
         color: theme.colors.vividBlue,
-        icon: /*#__PURE__*/jsxRuntime.jsx(Icon$1a, {
+        icon: /*#__PURE__*/jsxRuntime.jsx(Icon$19, {
           $opac: true,
           stroke: active ? theme.colors.vividBlue : theme.colors.grey
         })
@@ -11504,7 +11504,7 @@ var getTagPropsByVariant = function getTagPropsByVariant(variant, active, theme)
     default:
       return {
         color: theme.colors.primary,
-        icon: /*#__PURE__*/jsxRuntime.jsx(Icon$2p, {
+        icon: /*#__PURE__*/jsxRuntime.jsx(Icon$2o, {
           $opac: true,
           fill: active ? theme.colors.primary : theme.colors.grey
         })
@@ -11532,7 +11532,7 @@ var CoreTag = function CoreTag(_ref8) {
   });
 };
 
-var Icon$M = function Icon(props) {
+var Icon$L = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 109 109"
   }, props), {}, {
@@ -11563,7 +11563,7 @@ var Container$6 = styledComponents.styled.div.withConfig({
   var size = _ref2.size;
   return size;
 });
-var RotatingSpinnerIcon = styledComponents.styled(Icon$M).withConfig({
+var RotatingSpinnerIcon = styledComponents.styled(Icon$L).withConfig({
   displayName: "RotatingSpinnerIcon",
   componentId: "sc-1wgci3j-1"
 })(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  animation: ", " 2s linear infinite;\n  transform: translate3d(0, 0, 0);\n"])), rotate);
@@ -11706,7 +11706,7 @@ var Progress = function Progress(_ref) {
       style: {
         left: "".concat(stepGuard(primaryStep), "%")
       },
-      children: /*#__PURE__*/jsxRuntime.jsx(Icon$21, {})
+      children: /*#__PURE__*/jsxRuntime.jsx(Icon$20, {})
     }), /*#__PURE__*/jsxRuntime.jsx(Bar, {
       primary: true,
       style: {
@@ -11787,11 +11787,11 @@ var SwapButton = function SwapButton(_ref) {
     variant: "tertiary"
   }, props), {}, {
     children: [/*#__PURE__*/jsxRuntime.jsxs(DetailsContainer, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(Icon$1j, {}), /*#__PURE__*/jsxRuntime.jsx(Text, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Icon$1i, {}), /*#__PURE__*/jsxRuntime.jsx(Text, {
         bold: true,
         children: text
       })]
-    }), /*#__PURE__*/jsxRuntime.jsx(Icon$2b, {
+    }), /*#__PURE__*/jsxRuntime.jsx(Icon$2a, {
       id: "open-new"
     })]
   }));
@@ -12570,10 +12570,10 @@ var TableRow = function TableRow(_ref9) {
         onClick: function onClick() {
           return setActive(!active);
         },
-        children: active ? /*#__PURE__*/jsxRuntime.jsx(Icon$2l, {
+        children: active ? /*#__PURE__*/jsxRuntime.jsx(Icon$2k, {
           fill: darkColors.primary,
           $opac: true
-        }) : /*#__PURE__*/jsxRuntime.jsx(Icon$2o, {
+        }) : /*#__PURE__*/jsxRuntime.jsx(Icon$2n, {
           fill: baseColors.white55,
           $opac: true
         })
@@ -12806,10 +12806,10 @@ var ValueFull = function ValueFull(_ref) {
   }
   return /*#__PURE__*/jsxRuntime.jsxs(ValueFullBox, {
     children: [/*#__PURE__*/jsxRuntime.jsxs(DifferenceBox, {
-      children: [!_.isNil(difference) && (difference > 0 ? /*#__PURE__*/jsxRuntime.jsx(Icon$2l, {
+      children: [!_.isNil(difference) && (difference > 0 ? /*#__PURE__*/jsxRuntime.jsx(Icon$2k, {
         fill: baseColors.green,
         $opac: true
-      }) : /*#__PURE__*/jsxRuntime.jsx(Icon$2o, {
+      }) : /*#__PURE__*/jsxRuntime.jsx(Icon$2n, {
         fill: baseColors.red,
         $opac: true
       })), /*#__PURE__*/jsxRuntime.jsx(Text, {
@@ -13073,7 +13073,7 @@ var moveUsercomWidget = function moveUsercomWidget() {
   });
 };
 
-var Icon$L = function Icon(props) {
+var Icon$K = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 96 96"
   }, props), {}, {
@@ -13173,7 +13173,7 @@ var Icon$L = function Icon(props) {
   }));
 };
 
-var Icon$K = function Icon(props) {
+var Icon$J = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 96 96"
   }, props), {}, {
@@ -13191,7 +13191,7 @@ var Icon$K = function Icon(props) {
   }));
 };
 
-var Icon$J = function Icon(props) {
+var Icon$I = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 96 96"
   }, props), {}, {
@@ -13210,7 +13210,7 @@ var Icon$J = function Icon(props) {
   }));
 };
 
-var Icon$I = function Icon(props) {
+var Icon$H = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 96 96"
   }, props), {}, {
@@ -13236,7 +13236,7 @@ var Icon$I = function Icon(props) {
   }));
 };
 
-var Icon$H = function Icon(props) {
+var Icon$G = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 96 96"
   }, props), {}, {
@@ -13250,7 +13250,7 @@ var Icon$H = function Icon(props) {
   }));
 };
 
-var Icon$G = function Icon(props) {
+var Icon$F = function Icon(props) {
   return /*#__PURE__*/jsxRuntime.jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 32 32"
   }, props), {}, {
@@ -13291,12 +13291,12 @@ var Icon$G = function Icon(props) {
   }));
 };
 
-var ConnectorNames;
+var ConnectorNames$1;
 (function (ConnectorNames) {
   ConnectorNames["Injected"] = "injected";
   ConnectorNames["WalletConnect"] = "walletconnect";
   ConnectorNames["BSC"] = "bsc";
-})(ConnectorNames || (ConnectorNames = {}));
+})(ConnectorNames$1 || (ConnectorNames$1 = {}));
 var ConnectSteps;
 (function (ConnectSteps) {
   ConnectSteps[ConnectSteps["CONNECT_WALLET"] = 0] = "CONNECT_WALLET";
@@ -13304,41 +13304,40 @@ var ConnectSteps;
   ConnectSteps[ConnectSteps["VERIFIED_WALLET"] = 2] = "VERIFIED_WALLET";
 })(ConnectSteps || (ConnectSteps = {}));
 
-var connectors = [{
+[{
   title: "Metamask",
-  icon: Icon$L,
-  connectorId: ConnectorNames.Injected
+  icon: Icon$K,
+  connectorId: ConnectorNames$1.Injected
 }, {
   title: "TrustWallet",
-  icon: Icon$I,
-  connectorId: ConnectorNames.Injected
+  icon: Icon$H,
+  connectorId: ConnectorNames$1.Injected
 }, {
   title: "MathWallet",
-  icon: Icon$K,
-  connectorId: ConnectorNames.Injected
+  icon: Icon$J,
+  connectorId: ConnectorNames$1.Injected
 }, {
   title: "TokenPocket",
-  icon: Icon$J,
-  connectorId: ConnectorNames.Injected
+  icon: Icon$I,
+  connectorId: ConnectorNames$1.Injected
 }, {
   title: "WalletConnect",
-  icon: Icon$H,
-  connectorId: ConnectorNames.WalletConnect
+  icon: Icon$G,
+  connectorId: ConnectorNames$1.WalletConnect
 }, {
   title: "Binance Chain Wallet",
-  icon: Icon$G,
-  connectorId: ConnectorNames.BSC
+  icon: Icon$F,
+  connectorId: ConnectorNames$1.BSC
 }];
-var connectorLocalStorageKey = "connectorId";
 
 var _templateObject$10;
-var AccountNumber = styledComponents.styled(Text).withConfig({
+styledComponents.styled(Text).withConfig({
   displayName: "AccountNumber",
   componentId: "sc-1jw25yf-0"
 })(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteral(["\n  color: #818c92;\n  line-height: 23.8px;\n"])));
 
 var _templateObject$$;
-var AccountNumberWrapper = styledComponents.styled.div.withConfig({
+styledComponents.styled.div.withConfig({
   displayName: "AccountNumberWrapper",
   componentId: "sc-1bz6nuv-0"
 })(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: ", ";\n  align-items: center;\n  justify-content: center;\n  text-align: ", ";\n"])), function (_ref) {
@@ -13350,13 +13349,13 @@ var AccountNumberWrapper = styledComponents.styled.div.withConfig({
 });
 
 var _templateObject$_;
-var Background = styledComponents.styled.div.withConfig({
+styledComponents.styled.div.withConfig({
   displayName: "Background",
   componentId: "sc-s9bf1w-0"
 })(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteral(["\n  position: absolute;\n  width: 100vw;\n  height: 100vh;\n  background-color: black;\n  opacity: 0.4;\n  left: 0;\n  top: 0;\n  z-index: 11;\n"])));
 
 var _templateObject$Z;
-var BottomRow = styledComponents.styled.div.withConfig({
+styledComponents.styled.div.withConfig({
   displayName: "BottomRow",
   componentId: "sc-1elsl0s-0"
 })(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteral(["\n  padding-top: 20px;\n"])));
@@ -13371,32 +13370,32 @@ styledComponents.styled(Button$1).withConfig({
 });
 
 var _templateObject$X;
-var CloseButton = styledComponents.styled(Icon$2m).withConfig({
+styledComponents.styled(Icon$2l).withConfig({
   displayName: "CloseButton",
   componentId: "sc-1afnq0v-0"
 })(_templateObject$X || (_templateObject$X = _taggedTemplateLiteral(["\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  cursor: pointer;\n  background: #383847;\n  position: absolute;\n  left: -35px;\n  top: 5px;\n"])));
 
 var _templateObject$W;
-var ConnectedInfoWrapper = styledComponents.styled.div.withConfig({
+styledComponents.styled.div.withConfig({
   displayName: "ConnectedInfoWrapper",
   componentId: "sc-lxc0i5-0"
 })(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 16px;\n"])));
 
 var _templateObject$V;
-var ConnectedProvider = styledComponents.styled.div.withConfig({
+styledComponents.styled.div.withConfig({
   displayName: "ConnectedProvider",
   componentId: "sc-1satccs-0"
 })(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n  height: 72px;\n  width: 309px;\n  margin-top: 24px;\n  display: flex;\n  align-items: center;\n  padding-left: 32px;\n  border-radius: 10px;\n  background: #272730;\n"])));
 
 var _templateObject$U, _templateObject2$A;
 var fadeInAnimation = styledComponents.keyframes(_templateObject$U || (_templateObject$U = _taggedTemplateLiteral(["\n  0% {\n    right: -357px;\n  }\n  100% {\n    right: 0;\n  }\n"])));
-var ConnectWalletWrapper = styledComponents.styled.div.withConfig({
+styledComponents.styled.div.withConfig({
   displayName: "ConnectWalletWrapper",
   componentId: "sc-1oauz4x-0"
 })(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 357px;\n  height: 100vh;\n  padding: 24px;\n  background: #191921;\n  position: fixed;\n  top: 0%;\n  right: 0;\n  animation: ", " 0.4s;\n  z-index: 20;\n"])), fadeInAnimation);
 
 var _templateObject$T;
-var LogoutButton = styledComponents.styled(Button$1).withConfig({
+styledComponents.styled(Button$1).withConfig({
   displayName: "LogoutButton",
   componentId: "sc-ljmmm0-0"
 })(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #383847;\n  color: ", ";\n  width: 100%;\n  font-weight: 700;\n  font-size: 14px;\n"])), function (_ref) {
@@ -13405,31 +13404,31 @@ var LogoutButton = styledComponents.styled(Button$1).withConfig({
 });
 
 var _templateObject$S;
-var MiddleRow = styledComponents.styled.div.withConfig({
+styledComponents.styled.div.withConfig({
   displayName: "MiddleRow",
   componentId: "sc-deagnw-0"
 })(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n  padding: 20px 0;\n  border-bottom: 1px solid #252530;\n"])));
 
 var _templateObject$R;
-var MyWallet = styledComponents.styled(Text).withConfig({
+styledComponents.styled(Text).withConfig({
   displayName: "MyWallet",
   componentId: "sc-17gxhjg-0"
 })(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\n  line-height: 28px;\n  margin-left: 18px;\n"])));
 
 var _templateObject$Q;
-var MyWalletWrapper = styledComponents.styled.div.withConfig({
+styledComponents.styled.div.withConfig({
   displayName: "MyWalletWrapper",
   componentId: "sc-126mq9l-0"
 })(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
 
 var _templateObject$P;
-var ProviderTitle = styledComponents.styled(Text).withConfig({
+styledComponents.styled(Text).withConfig({
   displayName: "ProviderTitle",
   componentId: "sc-cz48yj-0"
 })(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n  font-weight: 600;\n  line-height: 24px;\n  margin-left: 16px;\n"])));
 
 var _templateObject$O;
-var SettingsButton = styledComponents.styled(Button$1).withConfig({
+styledComponents.styled(Button$1).withConfig({
   displayName: "SettingsButton",
   componentId: "sc-zhm3ih-0"
 })(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #383847;\n  color: ", ";\n  width: 100%;\n  font-weight: 700;\n  font-size: 14px;\n  margin-bottom: 16px;\n"])), function (_ref) {
@@ -13438,7 +13437,7 @@ var SettingsButton = styledComponents.styled(Button$1).withConfig({
 });
 
 var _templateObject$N;
-var UpperRow = styledComponents.styled.div.withConfig({
+styledComponents.styled.div.withConfig({
   displayName: "UpperRow",
   componentId: "sc-zlngw8-0"
 })(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 54px;\n  display: flex;\n  align-items: ", ";\n  justify-content: ", ";\n  border-bottom: 1px solid #252530;\n  position: relative;\n  padding-bottom: 20px;\n"])), function (_ref) {
@@ -13450,7 +13449,7 @@ var UpperRow = styledComponents.styled.div.withConfig({
 });
 
 var _templateObject$M;
-var VerificationInfo = styledComponents.styled.div.withConfig({
+styledComponents.styled.div.withConfig({
   displayName: "VerificationInfo",
   componentId: "sc-1jviz6b-0"
 })(_templateObject$M || (_templateObject$M = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: ", ";\n"])), function (_ref) {
@@ -13459,7 +13458,7 @@ var VerificationInfo = styledComponents.styled.div.withConfig({
 });
 
 var _templateObject$L;
-var VerifiedWalletIcon$1 = styledComponents.styled(Icon$28).withConfig({
+styledComponents.styled(Icon$27).withConfig({
   displayName: "VerifiedWalletIcon",
   componentId: "sc-1l4uhr0-0"
 })(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n  fill: ", ";\n  margin-right: 8px;\n"])), function (_ref) {
@@ -13468,7 +13467,7 @@ var VerifiedWalletIcon$1 = styledComponents.styled(Icon$28).withConfig({
 });
 
 var _templateObject$K;
-var Provider = styledComponents.styled.div.withConfig({
+styledComponents.styled.div.withConfig({
   displayName: "Provider",
   componentId: "sc-ipxejr-0"
 })(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n  height: 72px;\n  width: 309px;\n  display: flex;\n  align-items: center;\n  padding-left: 32px;\n  border-radius: 10px;\n  background: ", ";\n  margin-bottom: ", ";\n  border: 1px solid transparent;\n\n  &:hover {\n    border: ", ";\n    cursor: pointer;\n  }\n"])), function (_ref) {
@@ -13481,388 +13480,29 @@ var Provider = styledComponents.styled.div.withConfig({
   var theme = _ref3.theme;
   return "1px solid ".concat(theme.colors.white);
 });
-var ProviderRow = function ProviderRow(_ref4) {
-  var connectorId = _ref4.connectorId,
-    Icon = _ref4.Icon,
-    title = _ref4.title,
-    handleLogin = _ref4.handleLogin,
-    isTheLastItem = _ref4.isTheLastItem,
-    setConnectStep = _ref4.setConnectStep,
-    account = _ref4.account;
-  process.env.NODE_ENV === "development" ? "" : "".concat(process.env.REACT_APP_PROD_DOMAIN);
-  var _useCookies = reactCookie.useCookies([connectorLocalStorageKey]),
-    _useCookies2 = _slicedToArray(_useCookies, 2);
-    _useCookies2[0];
-    _useCookies2[1];
-  var loginUser = function loginUser() {
-    handleLogin(connectorId, title);
-    if (window.ethereum.selectedAddress || account) {
-      setConnectStep(ConnectSteps.VERIFY_WALLET);
-    }
-  };
-  return /*#__PURE__*/jsxRuntime.jsxs(Provider, {
-    onClick: function onClick() {
-      return loginUser();
-    },
-    id: "wallet-connect-".concat(title.toLocaleLowerCase()),
-    isTheLastItem: isTheLastItem,
-    children: [/*#__PURE__*/jsxRuntime.jsx(Icon, {
-      width: "40px",
-      $opac: true
-    }), /*#__PURE__*/jsxRuntime.jsx(ProviderTitle, {
-      children: title
-    })]
-  });
-};
-
-var Icon$F = function Icon(props) {
-  return /*#__PURE__*/jsxRuntime.jsx(Svg, _objectSpread2(_objectSpread2({
-    viewBox: "0 0 20 20"
-  }, props), {}, {
-    children: /*#__PURE__*/jsxRuntime.jsx("path", {
-      d: "M18.625 0.625H1.375C0.960156 0.625 0.625 0.960156 0.625 1.375V18.625C0.625 19.0398 0.960156 19.375 1.375 19.375H18.625C19.0398 19.375 19.375 19.0398 19.375 18.625V1.375C19.375 0.960156 19.0398 0.625 18.625 0.625ZM17.6875 11.5H10.375V8.5H17.6875V11.5ZM17.6875 17.6875H2.3125V2.3125H17.6875V7H9.625C9.21016 7 8.875 7.33516 8.875 7.75V12.25C8.875 12.6648 9.21016 13 9.625 13H17.6875V17.6875ZM11.5938 10C11.5938 10.2486 11.6925 10.4871 11.8683 10.6629C12.0442 10.8387 12.2826 10.9375 12.5312 10.9375C12.7799 10.9375 13.0183 10.8387 13.1942 10.6629C13.37 10.4871 13.4688 10.2486 13.4688 10C13.4688 9.75136 13.37 9.5129 13.1942 9.33709C13.0183 9.16127 12.7799 9.0625 12.5312 9.0625C12.2826 9.0625 12.0442 9.16127 11.8683 9.33709C11.6925 9.5129 11.5938 9.75136 11.5938 10Z",
-      fill: "#75787B"
-    })
-  }));
-};
 
 var _templateObject$J;
-var ConnectDescription = styledComponents.styled(Text).withConfig({
+styledComponents.styled(Text).withConfig({
   displayName: "ConnectDescription",
   componentId: "sc-mzj27o-0"
 })(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral(["\n  line-height: 24px;\n  font-weight: 400;\n  color: #818c92;\n  margin: 16px 0;\n"])));
-var ConnectWallet$1 = function ConnectWallet(_ref) {
-  var handleLogin = _ref.handleLogin,
-    setIsConnectWalletPanelOpen = _ref.setIsConnectWalletPanelOpen,
-    isConnectWalletPanelOpen = _ref.isConnectWalletPanelOpen,
-    setConnectStep = _ref.setConnectStep,
-    account = _ref.account;
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Background, {
-      onClick: function onClick() {
-        return setIsConnectWalletPanelOpen(false);
-      }
-    }), /*#__PURE__*/jsxRuntime.jsxs(ConnectWalletWrapper, {
-      isConnectWalletPanelOpen: isConnectWalletPanelOpen,
-      children: [/*#__PURE__*/jsxRuntime.jsxs(UpperRow, {
-        alignItems: "center",
-        children: [/*#__PURE__*/jsxRuntime.jsx(CloseButton, {
-          onClick: function onClick() {
-            return setIsConnectWalletPanelOpen(false);
-          }
-        }), /*#__PURE__*/jsxRuntime.jsx(Icon$F, {}), /*#__PURE__*/jsxRuntime.jsx(MyWallet, {
-          bold: true,
-          fontSize: "16px",
-          children: "myWallet"
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsx(ConnectDescription, {
-        children: "Connect with one of our available wallet info providers or create a new one."
-      }), connectors.map(function (_ref2, index) {
-        var title = _ref2.title,
-          Icon = _ref2.icon,
-          connectorId = _ref2.connectorId;
-        var isTheLastItem = connectors.length - 1 === index;
-        return /*#__PURE__*/jsxRuntime.jsx(ProviderRow, {
-          title: title,
-          Icon: Icon,
-          connectorId: connectorId,
-          isTheLastItem: isTheLastItem,
-          handleLogin: handleLogin,
-          setConnectStep: setConnectStep,
-          account: account
-        }, title);
-      })]
-    })]
-  });
-};
 
 var _templateObject$I, _templateObject2$z, _templateObject3$t;
-var VerifyAddressIndicator$1 = styledComponents.styled(Text).withConfig({
+styledComponents.styled(Text).withConfig({
   displayName: "VerifyAddressIndicator",
   componentId: "sc-ooxgfj-0"
 })(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral(["\n  color: ", ";\n  line-height: 20.4px;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.red;
 });
-var ConnectedInfo = styledComponents.styled(Text).withConfig({
+styledComponents.styled(Text).withConfig({
   displayName: "ConnectedInfo",
   componentId: "sc-ooxgfj-1"
 })(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteral(["\n  color: #818c92;\n"])));
-var VerifyButton = styledComponents.styled(Button$1).withConfig({
+styledComponents.styled(Button$1).withConfig({
   displayName: "VerifyButton",
   componentId: "sc-ooxgfj-2"
 })(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteral(["\n  font-size: 14px;\n  width: 100%;\n  margin: 24px 0;\n"])));
-var ConnectWallet = function ConnectWallet(_ref2) {
-  var account = _ref2.account,
-    setIsConnectWalletPanelOpen = _ref2.setIsConnectWalletPanelOpen;
-    _ref2.setConnectStep;
-    var onVerifyUser = _ref2.onVerifyUser,
-    logout = _ref2.logout,
-    isUserVerified = _ref2.isUserVerified,
-    moveToSettings = _ref2.moveToSettings;
-    _ref2.provider;
-  var dottedAccountNumber = account ? "".concat(account.substring(0, 6), "...").concat(account.substring(account.length - 4)) : null;
-  var connectedProviderName = localStorage.getItem("connectedProvider");
-  var connectedProvider = connectors.filter(function (connector) {
-    return connector.title === connectedProviderName;
-  })[0];
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Background, {
-      onClick: function onClick() {
-        return setIsConnectWalletPanelOpen(false);
-      }
-    }), /*#__PURE__*/jsxRuntime.jsxs(ConnectWalletWrapper, {
-      children: [/*#__PURE__*/jsxRuntime.jsxs(UpperRow, {
-        justifyContent: "space-between",
-        children: [/*#__PURE__*/jsxRuntime.jsx(CloseButton, {
-          onClick: function onClick() {
-            return setIsConnectWalletPanelOpen(false);
-          }
-        }), /*#__PURE__*/jsxRuntime.jsxs(MyWalletWrapper, {
-          children: [/*#__PURE__*/jsxRuntime.jsx(Icon$F, {}), /*#__PURE__*/jsxRuntime.jsx(MyWallet, {
-            bold: true,
-            fontSize: "16px",
-            children: "myWallet"
-          })]
-        }), /*#__PURE__*/jsxRuntime.jsxs(AccountNumberWrapper, {
-          isUserVerified: isUserVerified,
-          textAlign: "right",
-          children: [isUserVerified && /*#__PURE__*/jsxRuntime.jsx(VerifiedWalletIcon$1, {
-            $opac: true
-          }), /*#__PURE__*/jsxRuntime.jsx(AccountNumber, {
-            bold: true,
-            fontSize: "14px",
-            children: dottedAccountNumber
-          }), !isUserVerified && /*#__PURE__*/jsxRuntime.jsx(VerifyAddressIndicator$1, {
-            fontWeight: 500,
-            fontSize: "12px",
-            children: "Login with Web3"
-          })]
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsxs(MiddleRow, {
-        children: [isUserVerified && /*#__PURE__*/jsxRuntime.jsxs(VerificationInfo, {
-          marginTop: "20px",
-          children: [/*#__PURE__*/jsxRuntime.jsx(VerifiedWalletIcon$1, {
-            $opac: true
-          }), /*#__PURE__*/jsxRuntime.jsx(Text, {
-            color: "#818C92",
-            children: "Wallet connection has been verified"
-          })]
-        }), connectedProvider && /*#__PURE__*/jsxRuntime.jsxs(ConnectedProvider, {
-          children: [/*#__PURE__*/jsxRuntime.jsx(connectedProvider.icon, {
-            width: "40px",
-            $opac: true
-          }), /*#__PURE__*/jsxRuntime.jsx(ProviderTitle, {
-            children: connectedProvider.title
-          })]
-        }), /*#__PURE__*/jsxRuntime.jsx(ConnectedInfoWrapper, {
-          children: connectedProvider && /*#__PURE__*/jsxRuntime.jsxs(ConnectedInfo, {
-            fontSize: "12px",
-            fontWeight: 500,
-            children: ["Connected with ", connectedProvider.title]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx(LinkExternal, {
-          small: true,
-          href: "https://bscscan.com/address/".concat(account),
-          children: "View on BscScan"
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsxs(BottomRow, {
-        children: [!isUserVerified && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/jsxRuntime.jsx(Text, {
-            small: true,
-            color: "red",
-            fontWeight: "bold",
-            marginBottom: "15px",
-            children: "Please login with Web3"
-          }), /*#__PURE__*/jsxRuntime.jsx(Text, {
-            small: true,
-            color: "#818C92",
-            children: "To ensure the security of your privacy, please verify that you're the owner of this address. (To use the full functionality, it is required for every wallet connection.)"
-          }), /*#__PURE__*/jsxRuntime.jsx(VerifyButton, {
-            onClick: function onClick() {
-              return onVerifyUser(function () {
-                return setIsConnectWalletPanelOpen(false);
-              });
-            },
-            children: "Web3 login"
-          })]
-        }), /*#__PURE__*/jsxRuntime.jsxs(SettingsButton, {
-          onClick: function onClick() {
-            moveToSettings();
-            setIsConnectWalletPanelOpen(false);
-          },
-          children: [/*#__PURE__*/jsxRuntime.jsx(Icon$1Q, {
-            marginRight: "10px"
-          }), "Settings"]
-        }), /*#__PURE__*/jsxRuntime.jsxs(LogoutButton, {
-          color: "#383847",
-          onClick: logout,
-          children: [/*#__PURE__*/jsxRuntime.jsx(Icon$1R, {
-            marginRight: "10px"
-          }), "Logout"]
-        })]
-      })]
-    })]
-  });
-};
-
-var VerifiedWallet = function VerifiedWallet(_ref) {
-  var account = _ref.account,
-    setIsConnectWalletPanelOpen = _ref.setIsConnectWalletPanelOpen;
-    _ref.setConnectStep;
-    var logout = _ref.logout,
-    moveToSettings = _ref.moveToSettings;
-    _ref.provider;
-  var dottedAccountNumber = account ? "".concat(account.substring(0, 6), "...").concat(account.substring(account.length - 4)) : null;
-  var connectedProviderName = localStorage.getItem("connectedProvider");
-  var connectedProvider = connectors.filter(function (connector) {
-    return connector.title === connectedProviderName;
-  })[0];
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Background, {
-      onClick: function onClick() {
-        return setIsConnectWalletPanelOpen(false);
-      }
-    }), /*#__PURE__*/jsxRuntime.jsxs(ConnectWalletWrapper, {
-      children: [/*#__PURE__*/jsxRuntime.jsxs(UpperRow, {
-        justifyContent: "space-between",
-        children: [/*#__PURE__*/jsxRuntime.jsx(CloseButton, {
-          onClick: function onClick() {
-            return setIsConnectWalletPanelOpen(false);
-          }
-        }), /*#__PURE__*/jsxRuntime.jsxs(MyWalletWrapper, {
-          children: [/*#__PURE__*/jsxRuntime.jsx(Icon$F, {}), /*#__PURE__*/jsxRuntime.jsx(MyWallet, {
-            bold: true,
-            fontSize: "16px",
-            children: "myWallet"
-          })]
-        }), /*#__PURE__*/jsxRuntime.jsxs(AccountNumberWrapper, {
-          isVerifiedUser: true,
-          children: [/*#__PURE__*/jsxRuntime.jsx(VerifiedWalletIcon$1, {
-            $opac: true
-          }), /*#__PURE__*/jsxRuntime.jsx(AccountNumber, {
-            bold: true,
-            fontSize: "14px",
-            children: dottedAccountNumber
-          })]
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsxs(MiddleRow, {
-        children: [/*#__PURE__*/jsxRuntime.jsxs(VerificationInfo, {
-          children: [/*#__PURE__*/jsxRuntime.jsx(VerifiedWalletIcon$1, {
-            $opac: true
-          }), /*#__PURE__*/jsxRuntime.jsx(Text, {
-            color: "#818C92",
-            children: "Wallet connection has been verified"
-          })]
-        }), connectedProvider && /*#__PURE__*/jsxRuntime.jsxs(ConnectedProvider, {
-          children: [connectedProvider && /*#__PURE__*/jsxRuntime.jsx(connectedProvider.icon, {
-            width: "40px",
-            $opac: true
-          }), /*#__PURE__*/jsxRuntime.jsx(ProviderTitle, {
-            children: connectedProvider.title
-          })]
-        }), connectedProvider && /*#__PURE__*/jsxRuntime.jsx(ConnectedInfoWrapper, {
-          children: /*#__PURE__*/jsxRuntime.jsxs(Text, {
-            color: "#818C92",
-            fontSize: "12px",
-            fontWeight: 500,
-            children: ["Connected with ", connectedProvider.title]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx(LinkExternal, {
-          small: true,
-          href: "https://bscscan.com/address/".concat(account),
-          children: "View on BscScan"
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsxs(BottomRow, {
-        children: [/*#__PURE__*/jsxRuntime.jsxs(SettingsButton, {
-          onClick: function onClick() {
-            moveToSettings();
-            setIsConnectWalletPanelOpen(false);
-          },
-          children: [/*#__PURE__*/jsxRuntime.jsx(Icon$1Q, {
-            marginRight: "10px"
-          }), "Settings"]
-        }), /*#__PURE__*/jsxRuntime.jsxs(LogoutButton, {
-          color: "#383847",
-          onClick: logout,
-          children: [/*#__PURE__*/jsxRuntime.jsx(Icon$1R, {
-            marginRight: "10px"
-          }), "Logout"]
-        })]
-      })]
-    })]
-  });
-};
-
-var getInitialStep = function getInitialStep(account, isVerified) {
-  if (account && isVerified) {
-    return ConnectSteps.VERIFIED_WALLET;
-  }
-  if (account && !isVerified) {
-    return ConnectSteps.VERIFY_WALLET;
-  }
-  return ConnectSteps.CONNECT_WALLET;
-};
-var ConnectVerifyPanel = function ConnectVerifyPanel(_ref) {
-  var handleLogin = _ref.handleLogin,
-    logout = _ref.logout,
-    setIsConnectWalletPanelOpen = _ref.setIsConnectWalletPanelOpen,
-    isConnectWalletPanelOpen = _ref.isConnectWalletPanelOpen,
-    account = _ref.account,
-    isUserVerified = _ref.isUserVerified,
-    onVerifyUser = _ref.onVerifyUser,
-    moveToSettings = _ref.moveToSettings,
-    provider = _ref.provider;
-  var _useState = React.useState(getInitialStep(account, isUserVerified)),
-    _useState2 = _slicedToArray(_useState, 2),
-    connectStep = _useState2[0],
-    setConnectStep = _useState2[1];
-  React.useEffect(function () {
-    if (!account) {
-      setConnectStep(ConnectSteps.CONNECT_WALLET);
-    }
-    if (isUserVerified) {
-      setConnectStep(ConnectSteps.VERIFIED_WALLET);
-    }
-    if (account && !isUserVerified) {
-      setConnectStep(ConnectSteps.VERIFY_WALLET);
-    }
-  }, [isUserVerified, account]);
-  if (connectStep === ConnectSteps.CONNECT_WALLET) {
-    return /*#__PURE__*/jsxRuntime.jsx(ConnectWallet$1, {
-      handleLogin: handleLogin,
-      logout: logout,
-      provider: provider,
-      setIsConnectWalletPanelOpen: setIsConnectWalletPanelOpen,
-      isConnectWalletPanelOpen: isConnectWalletPanelOpen,
-      setConnectStep: setConnectStep,
-      account: account
-    });
-  }
-  if (connectStep === ConnectSteps.VERIFY_WALLET) {
-    return /*#__PURE__*/jsxRuntime.jsx(ConnectWallet, {
-      setIsConnectWalletPanelOpen: setIsConnectWalletPanelOpen,
-      account: account,
-      logout: logout,
-      onVerifyUser: onVerifyUser,
-      isUserVerified: isUserVerified,
-      setConnectStep: setConnectStep,
-      moveToSettings: moveToSettings,
-      provider: provider
-    });
-  }
-  if (connectStep === ConnectSteps.VERIFIED_WALLET) {
-    return /*#__PURE__*/jsxRuntime.jsx(VerifiedWallet, {
-      setIsConnectWalletPanelOpen: setIsConnectWalletPanelOpen,
-      account: account,
-      setConnectStep: setConnectStep,
-      logout: logout,
-      moveToSettings: moveToSettings,
-      provider: provider
-    });
-  }
-  return null;
-};
 
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 var verifyWallet = /*#__PURE__*/function () {
@@ -14593,7 +14233,7 @@ var CSSPowerValue = styledComponents.styled(Text).withConfig({
   var theme = _ref4.theme;
   return theme.colors.white;
 });
-var StyledInfoIcon = styledComponents.styled(Icon$2E).withConfig({
+var StyledInfoIcon = styledComponents.styled(Icon$2D).withConfig({
   displayName: "StyledInfoIcon",
   componentId: "sc-12ic40m-4"
 })(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteral(["\n  margin-left: 5px;\n  height: 18px;\n  cursor: pointer;\n"])));
@@ -14647,7 +14287,7 @@ var PowerDescription = function PowerDescription() {
 var CSSPower = function CSSPower(_ref7) {
   var cssPower = _ref7.cssPower;
   return cssPower ? /*#__PURE__*/jsxRuntime.jsxs(CSSPowerWrapper, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Icon$T, {}), /*#__PURE__*/jsxRuntime.jsxs(PowerWrapper, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Icon$S, {}), /*#__PURE__*/jsxRuntime.jsxs(PowerWrapper, {
       children: [/*#__PURE__*/jsxRuntime.jsxs(CSSPowerText, {
         children: ["CSS Power", " ", /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
           content: /*#__PURE__*/jsxRuntime.jsx(PowerDescription, {}),
@@ -14907,7 +14547,7 @@ var SpacePadDates = function SpacePadDates(_ref14) {
     if (account) {
       return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [/*#__PURE__*/jsxRuntime.jsxs(AccountInfoText$1, {
-          children: ["You have ", /*#__PURE__*/jsxRuntime.jsx(Icon$T, {
+          children: ["You have ", /*#__PURE__*/jsxRuntime.jsx(Icon$S, {
             height: "28px"
           }), " ", cssPower, " CSS Power"]
         }), /*#__PURE__*/jsxRuntime.jsx(Button$1, {
@@ -14919,7 +14559,7 @@ var SpacePadDates = function SpacePadDates(_ref14) {
     }
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [/*#__PURE__*/jsxRuntime.jsxs(AccountInfoText$1, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(Icon$T, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Icon$S, {
           height: "28px"
         }), "Connect wallet to check you CSS Power"]
       }), /*#__PURE__*/jsxRuntime.jsx(Button$1, {
@@ -15173,9 +14813,9 @@ var AddToCap = function AddToCap(_ref18) {
   };
   var getSignedText = function getSignedText() {
     return /*#__PURE__*/jsxRuntime.jsxs(SignedRow, {
-      children: [isSigned ? /*#__PURE__*/jsxRuntime.jsx(Icon$1_, {
+      children: [isSigned ? /*#__PURE__*/jsxRuntime.jsx(Icon$1Z, {
         color: baseColors.primary
-      }) : /*#__PURE__*/jsxRuntime.jsx(Icon$1Z, {
+      }) : /*#__PURE__*/jsxRuntime.jsx(Icon$1Y, {
         $opac: true
       }), /*#__PURE__*/jsxRuntime.jsx(Text, {
         ml: "16px",
@@ -15191,7 +14831,7 @@ var AddToCap = function AddToCap(_ref18) {
   };
   var getParticipatedText = function getParticipatedText() {
     return /*#__PURE__*/jsxRuntime.jsxs(SignedRow, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(Icon$1_, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Icon$1Z, {
         color: baseColors.primary
       }), /*#__PURE__*/jsxRuntime.jsx(Text, {
         ml: "16px",
@@ -15224,7 +14864,7 @@ var AddToCap = function AddToCap(_ref18) {
           return isWhitelisting ? declareParticipation() : addToCapHandler(walletCap);
         },
         disabled: !eligible || actionPending || buttonDisabled,
-        endIcon: actionPending && /*#__PURE__*/jsxRuntime.jsx(Icon$2v, {
+        endIcon: actionPending && /*#__PURE__*/jsxRuntime.jsx(Icon$2u, {
           $spin: true,
           color: "currentColor"
         }),
@@ -15245,7 +14885,7 @@ var AddToCap = function AddToCap(_ref18) {
     if (account) {
       return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/jsxRuntime.jsxs(AccountInfoText, {
-          children: ["You have ", /*#__PURE__*/jsxRuntime.jsx(Icon$T, {
+          children: ["You have ", /*#__PURE__*/jsxRuntime.jsx(Icon$S, {
             height: "28px"
           }), " ", cssPower, " CSS Power"]
         })
@@ -15253,7 +14893,7 @@ var AddToCap = function AddToCap(_ref18) {
     }
     return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
       children: /*#__PURE__*/jsxRuntime.jsxs(AccountInfoText, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(Icon$T, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Icon$S, {
           height: "28px"
         }), "Connect to check your CSS Power"]
       })
@@ -15376,7 +15016,7 @@ var AddToCap = function AddToCap(_ref18) {
           })]
         }), /*#__PURE__*/jsxRuntime.jsxs(MainFunctionsWrapper, {
           children: [/*#__PURE__*/jsxRuntime.jsx(AddCapButton, {
-            endIcon: actionPending && /*#__PURE__*/jsxRuntime.jsx(Icon$2v, {
+            endIcon: actionPending && /*#__PURE__*/jsxRuntime.jsx(Icon$2u, {
               $spin: true,
               color: "currentColor"
             }),
@@ -15386,7 +15026,7 @@ var AddToCap = function AddToCap(_ref18) {
             },
             children: getManualButonText()
           }), /*#__PURE__*/jsxRuntime.jsxs(CoinWrapper, {
-            children: [coinIcon || /*#__PURE__*/jsxRuntime.jsx(Icon$19, {}), /*#__PURE__*/jsxRuntime.jsx(Text, {
+            children: [coinIcon || /*#__PURE__*/jsxRuntime.jsx(Icon$18, {}), /*#__PURE__*/jsxRuntime.jsx(Text, {
               bold: true,
               children: capToken
             })]
@@ -15703,7 +15343,7 @@ var SpacePadProject = function SpacePadProject(props) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [parseFloat(seconds) < 0, fetchingData]);
   var commingSoon = /*#__PURE__*/jsxRuntime.jsxs(CommingSoonWrapper, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Icon$Z, {}), /*#__PURE__*/jsxRuntime.jsx(CommingSoonTitle, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Icon$Y, {}), /*#__PURE__*/jsxRuntime.jsx(CommingSoonTitle, {
       children: "Comming soon"
     }), /*#__PURE__*/jsxRuntime.jsx(Text, {
       fontSize: "16px",
@@ -15924,14 +15564,14 @@ var AccountTitle = styledComponents.styled(Text).withConfig({
   var theme = _ref12.theme;
   return theme.mediaQueries.mobile;
 });
-var StyledUserAvatar = styledComponents.styled(Icon$20).withConfig({
+var StyledUserAvatar = styledComponents.styled(Icon$1$).withConfig({
   displayName: "StyledUserAvatar",
   componentId: "sc-1p04ez8-6"
 })(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteral(["\n  width: 44px;\n  height: 44px;\n  z-index: 99999;\n  ", " {\n    display: none;\n  }\n"])), function (_ref13) {
   var theme = _ref13.theme;
   return theme.mediaQueries.mobile;
 });
-var StyledMobileUserAvatar = styledComponents.styled(Icon$1$).withConfig({
+var StyledMobileUserAvatar = styledComponents.styled(Icon$1_).withConfig({
   displayName: "StyledMobileUserAvatar",
   componentId: "sc-1p04ez8-7"
 })(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n  width: 44px;\n  height: 44px;\n  display: none;\n  ", " {\n    display: block;\n  }\n"])), function (_ref14) {
@@ -16082,7 +15722,7 @@ var AccountInfo = function AccountInfo(_ref27) {
           },
           children: [/*#__PURE__*/jsxRuntime.jsx(StyledSyncIcon, {
             syncing: syncing,
-            children: /*#__PURE__*/jsxRuntime.jsx(Icon$23, {})
+            children: /*#__PURE__*/jsxRuntime.jsx(Icon$22, {})
           }), "Refresh"]
         })]
       })]
@@ -16113,7 +15753,7 @@ var AccountInfo = function AccountInfo(_ref27) {
               alignItems: "center"
             },
             children: loading ? /*#__PURE__*/jsxRuntime.jsx(LoadingDots, {}) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-              children: [walletNumberShaver(walletNumber || "", getShaveNumber()), /*#__PURE__*/jsxRuntime.jsx(Icon$2g, {
+              children: [walletNumberShaver(walletNumber || "", getShaveNumber()), /*#__PURE__*/jsxRuntime.jsx(Icon$2f, {
                 marginLeft: "10px",
                 style: {
                   cursor: "pointer"
@@ -16387,15 +16027,15 @@ var StepLowerDescription = styledComponents.styled(StepDescription).withConfig({
 var getIconByStepNumber = function getIconByStepNumber(stepNumer) {
   switch (stepNumer) {
     case 1:
-      return /*#__PURE__*/jsxRuntime.jsx(Icon$Y, {});
-    case 2:
       return /*#__PURE__*/jsxRuntime.jsx(Icon$X, {});
-    case 3:
+    case 2:
       return /*#__PURE__*/jsxRuntime.jsx(Icon$W, {});
-    case 4:
+    case 3:
       return /*#__PURE__*/jsxRuntime.jsx(Icon$V, {});
+    case 4:
+      return /*#__PURE__*/jsxRuntime.jsx(Icon$U, {});
     default:
-      return /*#__PURE__*/jsxRuntime.jsx(Icon$Y, {});
+      return /*#__PURE__*/jsxRuntime.jsx(Icon$X, {});
   }
 };
 var IdoParticipationStep = function IdoParticipationStep(_ref2) {
@@ -16807,10 +16447,10 @@ var CopyLinkCard = function CopyLinkCard(_ref3) {
         onClick: function onClick() {
           return copyLinkHandler();
         },
-        children: refCopied ? /*#__PURE__*/jsxRuntime.jsx(Icon$2q, {
+        children: refCopied ? /*#__PURE__*/jsxRuntime.jsx(Icon$2p, {
           fill: baseColors.secondary,
           $opac: true
-        }) : /*#__PURE__*/jsxRuntime.jsx(Icon$2g, {
+        }) : /*#__PURE__*/jsxRuntime.jsx(Icon$2f, {
           fill: baseColors.secondary,
           $opac: true
         })
@@ -16821,18 +16461,18 @@ var CopyLinkCard = function CopyLinkCard(_ref3) {
       }), /*#__PURE__*/jsxRuntime.jsx(Link, {
         href: "https://twitter.com/intent/tweet?url=".concat(getEncodedUrl(refLink)),
         target: "_blank",
-        children: /*#__PURE__*/jsxRuntime.jsx(Icon$1t, {})
+        children: /*#__PURE__*/jsxRuntime.jsx(Icon$1s, {})
       }), /*#__PURE__*/jsxRuntime.jsx(Link, {
         href: "https://www.facebook.com/sharer/sharer.php?u=".concat(getEncodedUrl(refLink)),
         target: "_blank",
-        children: /*#__PURE__*/jsxRuntime.jsx(Icon$1p, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Icon$1o, {
           ml: 22,
           height: 17
         })
       }), /*#__PURE__*/jsxRuntime.jsx(Link, {
         href: "https://telegram.me/share/url?url=".concat(getEncodedUrl(refLink)),
         target: "_blank",
-        children: /*#__PURE__*/jsxRuntime.jsx(Icon$1u, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Icon$1t, {
           ml: 22
         })
       })]
@@ -17522,7 +17162,7 @@ var Logo = function Logo(_ref4) {
   var isAbsoluteUrl = href.startsWith("http");
   var innerLogo = function innerLogo(pushed) {
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(Icon$2d, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Icon$2c, {
         className: "mobile-icon",
         $opac: true
       }), /*#__PURE__*/jsxRuntime.jsx(CoinswapLogo, {
@@ -17767,7 +17407,7 @@ var AccordionContent = styledComponents.styled.div.withConfig({
     isPushed = _ref2.isPushed;
   return isOpen && isPushed ? "rgba(133, 133, 133, 0.1)" : "transparent";
 });
-var ArrowIcon = styledComponents.styled(Icon$2x).withConfig({
+var ArrowIcon = styledComponents.styled(Icon$2w).withConfig({
   displayName: "ArrowIcon",
   componentId: "sc-1j605qy-2"
 })(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral(["\n  margin-right: -7px !important;\n  transform: rotate(", "deg);\n  transition: transform 0.4s;\n"])), function (_ref3) {
@@ -17837,6 +17477,15 @@ var MenuLink = function MenuLink(_ref) {
   return /*#__PURE__*/jsxRuntime.jsx(Tag, _objectSpread2(_objectSpread2({}, props), otherProps));
 };
 
+// Wallet types - defined locally to avoid requiring wallet modules
+// These match the types from WalletModal/types.ts but are defined here
+// to make Menu widget work without @web3-react/core dependency
+var ConnectorNames;
+(function (ConnectorNames) {
+  ConnectorNames["Injected"] = "injected";
+  ConnectorNames["WalletConnect"] = "walletconnect";
+  ConnectorNames["BSC"] = "bsc";
+})(ConnectorNames || (ConnectorNames = {}));
 exports.ExtraIcon = void 0;
 (function (ExtraIcon) {
   ExtraIcon["voting"] = "voting";
@@ -18019,27 +17668,27 @@ var MenuButton = styledComponents.styled(NavButton).attrs({
 var getLangFlag = function getLangFlag(lang) {
   switch (lang.code) {
     case "EN":
-      return /*#__PURE__*/jsxRuntime.jsx(Icon$15, {
+      return /*#__PURE__*/jsxRuntime.jsx(Icon$14, {
         $opac: true
       });
     case "CH":
-      return /*#__PURE__*/jsxRuntime.jsx(Icon$14, {
+      return /*#__PURE__*/jsxRuntime.jsx(Icon$13, {
         $opac: true
       });
     case "IN":
-      return /*#__PURE__*/jsxRuntime.jsx(Icon$13, {
+      return /*#__PURE__*/jsxRuntime.jsx(Icon$12, {
         $opac: true
       });
     case "VIE":
-      return /*#__PURE__*/jsxRuntime.jsx(Icon$12, {
+      return /*#__PURE__*/jsxRuntime.jsx(Icon$11, {
         $opac: true
       });
     case "TH":
-      return /*#__PURE__*/jsxRuntime.jsx(Icon$11, {
+      return /*#__PURE__*/jsxRuntime.jsx(Icon$10, {
         $opac: true
       });
     case "SP":
-      return /*#__PURE__*/jsxRuntime.jsx(Icon$10, {
+      return /*#__PURE__*/jsxRuntime.jsx(Icon$$, {
         $opac: true
       });
     default:
@@ -18152,7 +17801,7 @@ var LangSelector = function LangSelector(_ref9) {
             setshowModal(false);
           },
           children: [/*#__PURE__*/jsxRuntime.jsxs(TitleContainer, {
-            children: [/*#__PURE__*/jsxRuntime.jsx(Icon$1M, {
+            children: [/*#__PURE__*/jsxRuntime.jsx(Icon$1L, {
               width: 20,
               height: "100%",
               onClick: function onClick() {
@@ -18353,8 +18002,8 @@ try {
   var disclaimerModal = require("../../DisclaimerModal");
   useDisclaimer = disclaimerModal.useDisclaimer;
   // eslint-disable-next-line @typescript-eslint/no-require-imports
-  var connectVerifyPanel = require("../../ConnectVerifyPanel/components");
-  VerifiedWalletIcon = connectVerifyPanel.VerifiedWalletIcon;
+  var connectVerifyPanel$1 = require("../../ConnectVerifyPanel/components");
+  VerifiedWalletIcon = connectVerifyPanel$1.VerifiedWalletIcon;
 } catch (e) {
   // @web3-react/core is not available - wallet functionality will be disabled
   console.warn("@web3-react/core is not available. Wallet features in Menu will be disabled.");
@@ -18505,7 +18154,7 @@ var BellNotifier = function BellNotifier(_ref1) {
       target: "_blank",
       onClick: onClick,
       hasMsg: hasMessage,
-      children: [/*#__PURE__*/jsxRuntime.jsx(Icon$1e, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Icon$1d, {
         $opac: true,
         fill: !hasMessage ? "#2B2B32" : undefined
       }), /*#__PURE__*/jsxRuntime.jsx(NotificationNumber, {
@@ -18585,18 +18234,18 @@ var CryptoButton = function CryptoButton(_ref6) {
         onClick: function onClick() {
           return closeDropDownHandler();
         },
-        children: [/*#__PURE__*/jsxRuntime.jsx(Icon$1i, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Icon$1h, {
           $opac: true,
           height: "11"
-        }), /*#__PURE__*/jsxRuntime.jsx(Icon$1h, {
+        }), /*#__PURE__*/jsxRuntime.jsx(Icon$1g, {
           $opac: true,
           height: "16.6"
-        }), /*#__PURE__*/jsxRuntime.jsx(Icon$2m, {
+        }), /*#__PURE__*/jsxRuntime.jsx(Icon$2l, {
           fill: baseColors.primaryBright,
           $opac: true
-        }), /*#__PURE__*/jsxRuntime.jsx(Icon$16, {
+        }), /*#__PURE__*/jsxRuntime.jsx(Icon$15, {
           $opac: true
-        }), /*#__PURE__*/jsxRuntime.jsx(Icon$17, {
+        }), /*#__PURE__*/jsxRuntime.jsx(Icon$16, {
           $opac: true
         })]
       }), /*#__PURE__*/jsxRuntime.jsx(ButtonsSpacer, {}), /*#__PURE__*/jsxRuntime.jsxs(ButtonRow, {
@@ -18606,17 +18255,17 @@ var CryptoButton = function CryptoButton(_ref6) {
         onClick: function onClick() {
           return closeDropDownHandler();
         },
-        children: [/*#__PURE__*/jsxRuntime.jsx(Icon$16, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Icon$15, {
           $opac: true
-        }), /*#__PURE__*/jsxRuntime.jsx(Icon$17, {
+        }), /*#__PURE__*/jsxRuntime.jsx(Icon$16, {
           $opac: true
-        }), /*#__PURE__*/jsxRuntime.jsx(Icon$2m, {
+        }), /*#__PURE__*/jsxRuntime.jsx(Icon$2l, {
           fill: baseColors.primaryBright,
           $opac: true
-        }), /*#__PURE__*/jsxRuntime.jsx(Icon$1i, {
+        }), /*#__PURE__*/jsxRuntime.jsx(Icon$1h, {
           $opac: true,
           height: "11"
-        }), /*#__PURE__*/jsxRuntime.jsx(Icon$1h, {
+        }), /*#__PURE__*/jsxRuntime.jsx(Icon$1g, {
           $opac: true,
           height: "16.6"
         })]
@@ -18631,14 +18280,14 @@ var CryptoButton = function CryptoButton(_ref6) {
     onBlur: function onBlur() {
       return closeDropDownHandler();
     },
-    children: [/*#__PURE__*/jsxRuntime.jsx(Icon$1i, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Icon$1h, {
       $opac: true,
       height: isMobile ? "12" : ""
-    }), extended && /*#__PURE__*/jsxRuntime.jsx(Icon$1h, {
+    }), extended && /*#__PURE__*/jsxRuntime.jsx(Icon$1g, {
       $opac: true,
       display: extended ? "block" : "none",
       height: isMobile ? "14" : ""
-    }), extended && /*#__PURE__*/jsxRuntime.jsx(Icon$2o, {
+    }), extended && /*#__PURE__*/jsxRuntime.jsx(Icon$2n, {
       $opac: true
     }), /*#__PURE__*/jsxRuntime.jsx(ButtonsContainer, {
       visible: dropToggled,
@@ -18661,7 +18310,7 @@ var StyledUserButton = styledComponents.styled.div.withConfig({
   var theme = _ref3.theme;
   return theme.mediaQueries.mobile;
 });
-var StyledUserIcon = styledComponents.styled(Icon$1c).withConfig({
+var StyledUserIcon = styledComponents.styled(Icon$1b).withConfig({
   displayName: "StyledUserIcon",
   componentId: "sc-3kmnlp-1"
 })(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n  ", " {\n    height: 18px;\n  }\n"])), function (_ref4) {
@@ -18684,6 +18333,15 @@ var UserButton = function UserButton(_ref5) {
 };
 
 var _templateObject$8, _templateObject2$5, _templateObject3$5, _templateObject4$5, _templateObject5$4, _templateObject6$3;
+var ConnectVerifyPanel = null;
+try {
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
+  var connectVerifyPanel = require("../ConnectVerifyPanel");
+  ConnectVerifyPanel = connectVerifyPanel.ConnectVerifyPanel;
+} catch (e) {
+  // @web3-react/core is not available - wallet functionality will be disabled
+  console.warn("@web3-react/core is not available. ConnectVerifyPanel will be disabled.");
+}
 var Wrapper = styledComponents.styled.div.withConfig({
   displayName: "Wrapper",
   componentId: "sc-2hf3ez-0"
@@ -18844,7 +18502,7 @@ var Menu = function Menu(_ref7) {
           return setIsPushed(!isPushed);
         },
         mr: "24px",
-        children: isPushed ? /*#__PURE__*/jsxRuntime.jsx(Icon$2j, {}) : /*#__PURE__*/jsxRuntime.jsx(Icon$y, {
+        children: isPushed ? /*#__PURE__*/jsxRuntime.jsx(Icon$2i, {}) : /*#__PURE__*/jsxRuntime.jsx(Icon$y, {
           width: "24px",
           color: "textSubtle"
         })
@@ -18908,7 +18566,7 @@ var Menu = function Menu(_ref7) {
           }), children, /*#__PURE__*/jsxRuntime.jsx(VersionContainer, {
             version: version
           })]
-        }), isConnectWalletPanelOpen && /*#__PURE__*/jsxRuntime.jsx(ConnectVerifyPanel, {
+        }), isConnectWalletPanelOpen && ConnectVerifyPanel && /*#__PURE__*/jsxRuntime.jsx(ConnectVerifyPanel, {
           handleLogin: handleLogin,
           logout: logout,
           setIsConnectWalletPanelOpen: setIsConnectWalletPanelOpen,
@@ -19106,7 +18764,7 @@ var VerificationModal = function VerificationModal(props) {
     onDismiss: onDismiss,
     bodyPadding: "0px 57px 32px 57px",
     children: /*#__PURE__*/jsxRuntime.jsxs(VerificationModalContent, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(Icon$28, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Icon$27, {
         $opac: true,
         height: 48,
         width: 48,
@@ -19383,7 +19041,7 @@ var IdoExtensionsModal = function IdoExtensionsModal(_ref7) {
           disabled: isButtonDisabled(),
           type: "submit",
           $isLoading: extensionsLoading,
-          endIcon: extensionsLoading && /*#__PURE__*/jsxRuntime.jsx(Icon$2v, {
+          endIcon: extensionsLoading && /*#__PURE__*/jsxRuntime.jsx(Icon$2u, {
             $spin: true,
             color: "currentColor"
           }),
@@ -19754,33 +19412,33 @@ exports.ActivityBadge = ActivityBadge;
 exports.ActivityComponent = ActivityComponent;
 exports.ActivityDescription = ActivityDescription;
 exports.ActivityWrapper = ActivityWrapper;
-exports.AddIcon = Icon$2D;
-exports.AddInCircleIcon = Icon$2C;
-exports.AddMoney = Icon$1m;
+exports.AddIcon = Icon$2C;
+exports.AddInCircleIcon = Icon$2B;
+exports.AddMoney = Icon$1l;
 exports.AddToCap = AddToCap;
 exports.Alert = Alert;
-exports.ArrowBackIcon = Icon$2B;
-exports.ArrowBackwardIcon = Icon$1M;
-exports.ArrowDownIcon = Icon$2A;
-exports.ArrowDropDownIcon = Icon$2y;
-exports.ArrowDropUpIcon = Icon$2x;
-exports.ArrowForwardIcon = Icon$2w;
-exports.ArrowUpIcon = Icon$2z;
-exports.AutoRenewIcon = Icon$2v;
-exports.BNB = Icon$19;
-exports.BNBWhite = Icon$17;
-exports.BSCScanIcon = Icon$1k;
+exports.ArrowBackIcon = Icon$2A;
+exports.ArrowBackwardIcon = Icon$1L;
+exports.ArrowDownIcon = Icon$2z;
+exports.ArrowDropDownIcon = Icon$2x;
+exports.ArrowDropUpIcon = Icon$2w;
+exports.ArrowForwardIcon = Icon$2v;
+exports.ArrowUpIcon = Icon$2y;
+exports.AutoRenewIcon = Icon$2u;
+exports.BNB = Icon$18;
+exports.BNBWhite = Icon$16;
+exports.BSCScanIcon = Icon$1j;
 exports.BackgroundImage = BackgroundImage;
 exports.BannerSlider = BannerSlider;
 exports.BaseLayout = GridLayout$1;
-exports.BellIcon = Icon$1e;
-exports.BinanceIcon = Icon$2u;
-exports.BlockIcon = Icon$2F;
-exports.BlogIcon = Icon$1L;
+exports.BellIcon = Icon$1d;
+exports.BinanceIcon = Icon$2t;
+exports.BlockIcon = Icon$2E;
+exports.BlogIcon = Icon$1K;
 exports.Box = Box;
 exports.Breadcrumbs = Breadcrumbs;
-exports.BurnFilledIcon = Icon$1J;
-exports.BurnIcon = Icon$1S;
+exports.BurnFilledIcon = Icon$1I;
+exports.BurnIcon = Icon$1R;
 exports.Button = Button$1;
 exports.ButtonActivityMenu = ButtonActivityMenu;
 exports.ButtonActivityMenuItem = ButtonActivityMenuItem;
@@ -19788,48 +19446,48 @@ exports.ButtonMenu = ButtonMenu;
 exports.ButtonMenuItem = ButtonMenuItem;
 exports.ButtonSwitch = ButtonSwitch;
 exports.ButtonSwitchMenu = ButtonSwitchMenu;
-exports.CHIcon = Icon$14;
-exports.CSS = Icon$18;
-exports.CSSPowerIcon = Icon$T;
-exports.CSSRoundIcon = Icon$21;
-exports.CSSRoundIconLight = Icon$1Y;
-exports.CalculateIcon = Icon$2r;
-exports.CalendarIcon = Icon$2s;
+exports.CHIcon = Icon$13;
+exports.CSS = Icon$17;
+exports.CSSPowerIcon = Icon$S;
+exports.CSSRoundIcon = Icon$20;
+exports.CSSRoundIconLight = Icon$1X;
+exports.CalculateIcon = Icon$2q;
+exports.CalendarIcon = Icon$2r;
 exports.CapCounter = CapCounter;
 exports.Card = Card;
 exports.CardBody = CardBody;
 exports.CardFooter = CardFooter;
 exports.CardHeader = CardHeader;
 exports.CardRibbon = CardRibbon;
-exports.CardViewIcon = Icon$2t;
+exports.CardViewIcon = Icon$2s;
 exports.CardsLayout = GridLayout;
-exports.CheckCircleIcon = Icon$1b;
+exports.CheckCircleIcon = Icon$1a;
 exports.Checkbox = Checkbox;
-exports.CheckmarkBackground = Icon$2p;
-exports.CheckmarkCircleIcon = Icon$2H;
-exports.CheckmarkIcon = Icon$2q;
-exports.ChevronDownIcon = Icon$2o;
-exports.ChevronLeftIcon = Icon$2n;
-exports.ChevronRightIcon = Icon$2m;
-exports.ChevronUpIcon = Icon$2l;
-exports.ClockIcon = Icon$1d;
-exports.CloseIcon = Icon$2k;
-exports.CloseMenuIcon = Icon$2j;
-exports.CogIcon = Icon$2i;
-exports.CollapseIcon = Icon$1I;
-exports.CommunityIcon = Icon$2h;
-exports.CopyIcon = Icon$2g;
+exports.CheckmarkBackground = Icon$2o;
+exports.CheckmarkCircleIcon = Icon$2G;
+exports.CheckmarkIcon = Icon$2p;
+exports.ChevronDownIcon = Icon$2n;
+exports.ChevronLeftIcon = Icon$2m;
+exports.ChevronRightIcon = Icon$2l;
+exports.ChevronUpIcon = Icon$2k;
+exports.ClockIcon = Icon$1c;
+exports.CloseIcon = Icon$2j;
+exports.CloseMenuIcon = Icon$2i;
+exports.CogIcon = Icon$2h;
+exports.CollapseIcon = Icon$1H;
+exports.CommunityIcon = Icon$2g;
+exports.CopyIcon = Icon$2f;
 exports.CopyLinkCard = CopyLinkCard;
 exports.CoreTag = CoreTag;
-exports.DashboardIcon = Icon$1y;
+exports.DashboardIcon = Icon$1x;
 exports.DetailsRow = DetailsRow;
-exports.DiscordIcon = Icon$1n;
-exports.DocIcon = Icon$1H;
-exports.DocumentInfo = Icon$1g;
-exports.Dolar = Icon$1l;
+exports.DiscordIcon = Icon$1m;
+exports.DocIcon = Icon$1G;
+exports.DocumentInfo = Icon$1f;
+exports.Dolar = Icon$1k;
 exports.Dropdown = Dropdown;
-exports.ENIcon = Icon$15;
-exports.ETHWhite = Icon$16;
+exports.ENIcon = Icon$14;
+exports.ETHWhite = Icon$15;
 exports.EarnedCarouselWrapper = EarnedCarouselWrapper;
 exports.EarnedCarouselWrapperBody = EarnedCarouselWrapperBody;
 exports.EarnedCarouselWrapperHeader = EarnedCarouselWrapperHeader;
@@ -19837,63 +19495,63 @@ exports.EarnedToken = EarnedToken;
 exports.EarnedWrapper = EarnedWrapper;
 exports.EarnedWrapperBody = EarnedWrapperBody;
 exports.EarnedWrapperHeader = EarnedWrapperHeader;
-exports.ErrorIcon = Icon$2G;
-exports.ExpandIcon = Icon$1G;
-exports.FacebookIcon = Icon$1p;
-exports.FarmIcon = Icon$1F;
+exports.ErrorIcon = Icon$2F;
+exports.ExpandIcon = Icon$1F;
+exports.FacebookIcon = Icon$1o;
+exports.FarmIcon = Icon$1E;
 exports.Flex = Flex;
-exports.GitHubIcon = Icon$1o;
+exports.GitHubIcon = Icon$1n;
 exports.Heading = Heading;
-exports.HelpIcon = Icon$2f;
-exports.HomeIcon = Icon$1v;
-exports.IFOIcon = Icon$1E;
-exports.INIcon = Icon$13;
+exports.HelpIcon = Icon$2e;
+exports.HomeIcon = Icon$1u;
+exports.IFOIcon = Icon$1D;
+exports.INIcon = Icon$12;
 exports.IconButton = IconButton;
-exports.IdoCommingSoonIcon = Icon$Z;
+exports.IdoCommingSoonIcon = Icon$Y;
 exports.IdoExtensionsModal = IdoExtensionsModal;
-exports.IdoFirstStep = Icon$Y;
-exports.IdoFourthStep = Icon$V;
+exports.IdoFirstStep = Icon$X;
+exports.IdoFourthStep = Icon$U;
 exports.IdoInfoDescription = IdoInfoDescription;
 exports.IdoParticipationStep = IdoParticipationStep;
-exports.IdoSecondStep = Icon$X;
-exports.IdoThirdStep = Icon$W;
+exports.IdoSecondStep = Icon$W;
+exports.IdoThirdStep = Icon$V;
 exports.Image = Image;
 exports.InfoBox = InfoBox$1;
 exports.InfoBoxBody = InfoBox;
 exports.InfoBoxFooter = InfoBoxFooter;
 exports.InfoBoxHeader = InfoBoxHeader;
-exports.InfoFull = Icon$1U;
-exports.InfoIcon = Icon$2E;
+exports.InfoFull = Icon$1T;
+exports.InfoIcon = Icon$2D;
 exports.Input = Input;
 exports.Link = Link;
 exports.LinkExternal = LinkExternal;
 exports.LiquidityContainer = LiquidityContainer;
 exports.List = List;
-exports.ListViewIcon = Icon$2e;
-exports.LogoIcon = Icon$2d;
-exports.LogoTextIcon = Icon$1w;
-exports.LogoThin = Icon$1s;
-exports.LogoutIcon = Icon$1R;
+exports.ListViewIcon = Icon$2d;
+exports.LogoIcon = Icon$2c;
+exports.LogoTextIcon = Icon$1v;
+exports.LogoThin = Icon$1r;
+exports.LogoutIcon = Icon$1Q;
 exports.MENU_ACCORDION_HEIGHT = MENU_ACCORDION_HEIGHT;
 exports.MENU_ENTRY_HEIGHT = MENU_ENTRY_HEIGHT;
 exports.MENU_HEIGHT = MENU_HEIGHT;
-exports.MediumIcon = Icon$1r;
+exports.MediumIcon = Icon$1q;
 exports.Menu = Menu;
-exports.MetamaskIcon = Icon$1f;
-exports.MinusBackgroundIcon = Icon$1W;
-exports.MinusIcon = Icon$2c;
+exports.MetamaskIcon = Icon$1e;
+exports.MinusBackgroundIcon = Icon$1V;
+exports.MinusIcon = Icon$2b;
 exports.Modal = Modal;
 exports.ModalProvider = ModalProvider;
 exports.MuiDateInput = MuiDateInput;
 exports.MuiFileInput = MuiFileInput;
 exports.MuiTextInput = MuiTextInput;
 exports.NewsCarousel = NewsCarousel;
-exports.NoProfileAvatarIcon = Icon$1V;
-exports.OpenLiveNFT = Icon$_;
-exports.OpenNewIcon = Icon$2b;
-exports.PlusBackgroundIcon = Icon$1X;
+exports.NoProfileAvatarIcon = Icon$1U;
+exports.OpenLiveNFT = Icon$Z;
+exports.OpenNewIcon = Icon$2a;
+exports.PlusBackgroundIcon = Icon$1W;
 exports.PriceContainer = PriceContainer;
-exports.PrizeIcon = Icon$2a;
+exports.PrizeIcon = Icon$29;
 exports.Progress = Progress;
 exports.ProjectName = ProjectName;
 exports.ProjectNameColumn = ProjectNameColumn;
@@ -19903,26 +19561,26 @@ exports.RampButton = RampButton;
 exports.RampButtonLite = RampButtonLite;
 exports.RatioColumn = RatioColumn;
 exports.ReferralBanner = ReferralBanner;
-exports.ReferralIcon = Icon$1D;
-exports.RefreshIcon = Icon$1a;
-exports.RemoveIcon = Icon$29;
-exports.RepeatIcon = Icon$1T;
+exports.ReferralIcon = Icon$1C;
+exports.RefreshIcon = Icon$19;
+exports.RemoveIcon = Icon$28;
+exports.RepeatIcon = Icon$1S;
 exports.ResetCSS = ResetCSS;
 exports.RowTitle = RowTitle;
 exports.RowValue = RowValue;
 exports.SIDEBAR_WIDTH_FULL = SIDEBAR_WIDTH_FULL;
 exports.SIDEBAR_WIDTH_REDUCED = SIDEBAR_WIDTH_REDUCED;
-exports.SPIcon = Icon$10;
-exports.SearchIcon = Icon$26;
-exports.SettingsIcon = Icon$1Q;
-exports.Shibu = Icon$$;
+exports.SPIcon = Icon$$;
+exports.SearchIcon = Icon$25;
+exports.SettingsIcon = Icon$1P;
+exports.Shibu = Icon$_;
 exports.Skeleton = Skeleton;
-exports.SocialIcon = Icon$1C;
-exports.SpaceIcon = Icon$1x;
+exports.SocialIcon = Icon$1B;
+exports.SpaceIcon = Icon$1w;
 exports.SpaceInfoTableRow = SpaceInfoTableRow;
 exports.SpaceInfoTableWrapper = SpaceInfoTableWrapper;
 exports.SpacePadDates = SpacePadDates;
-exports.SpacePadHero = Icon$U;
+exports.SpacePadHero = Icon$T;
 exports.SpacePadInfoRow = SpacePadInfoRow;
 exports.SpacePadKeyMetrics = SpacePadKeyMetrics;
 exports.SpacePadLaunch = SpacePadLaunch;
@@ -19932,21 +19590,21 @@ exports.SpacePadProjectDetails = SpacePadProjectDetails;
 exports.SpacePadSchedule = SpacePadSchedule;
 exports.SpaceProjectName = SpaceProjectName;
 exports.Spinner = Spinner;
-exports.StackingIcon = Icon$1B;
-exports.StarFilledIcon = Icon$1z;
-exports.StarIcon = Icon$1A;
+exports.StackingIcon = Icon$1A;
+exports.StarFilledIcon = Icon$1y;
+exports.StarIcon = Icon$1z;
 exports.Svg = Svg;
 exports.SwapButton = SwapButton;
-exports.SwapTokenInfo = Icon$1j;
-exports.SwapVertIcon = Icon$25;
-exports.SyncAltIcon = Icon$24;
-exports.SyncIcon = Icon$23;
-exports.THIcon = Icon$11;
+exports.SwapTokenInfo = Icon$1i;
+exports.SwapVertIcon = Icon$24;
+exports.SyncAltIcon = Icon$23;
+exports.SyncIcon = Icon$22;
+exports.THIcon = Icon$10;
 exports.TableActionBox = TableActionBox;
 exports.TableRow = TableRow;
 exports.Tag = Tag;
-exports.TargetIcon = Icon$1P;
-exports.TelegramIcon = Icon$1u;
+exports.TargetIcon = Icon$1O;
+exports.TelegramIcon = Icon$1t;
 exports.Text = Text;
 exports.TierCard = TierCard;
 exports.Timer = Timer;
@@ -19954,28 +19612,28 @@ exports.TimerDescription = TimerDescription;
 exports.ToastContainer = ToastContainer;
 exports.Toggle = Toggle$1;
 exports.TopTokensContainer = TopTokensContainer;
-exports.TwitterIcon = Icon$1t;
-exports.UserAvatar = Icon$20;
-exports.UserAvatar2 = Icon$1$;
-exports.UserCheckIcon = Icon$1_;
-exports.UserIcon = Icon$1c;
+exports.TwitterIcon = Icon$1s;
+exports.UserAvatar = Icon$1$;
+exports.UserAvatar2 = Icon$1_;
+exports.UserCheckIcon = Icon$1Z;
+exports.UserIcon = Icon$1b;
 exports.UserTiers = UserTiers;
-exports.UserUncheckIcon = Icon$1Z;
-exports.VIEIcon = Icon$12;
+exports.UserUncheckIcon = Icon$1Y;
+exports.VIEIcon = Icon$11;
 exports.Value = Value;
 exports.ValueFull = ValueFull;
-exports.ValueIcon = Icon$1O;
+exports.ValueIcon = Icon$1N;
 exports.VerificationModal = VerificationModal;
-exports.VerifiedIcon = Icon$28;
+exports.VerifiedIcon = Icon$27;
 exports.VersionContainer = VersionContainer;
-exports.VisaLogo = Icon$1h;
-exports.VisaName = Icon$1i;
-exports.VotingIcon = Icon$1K;
+exports.VisaLogo = Icon$1g;
+exports.VisaName = Icon$1h;
+exports.VotingIcon = Icon$1J;
 exports.WalletCap = WalletCap;
-exports.WalletIcon = Icon$1N;
-exports.WarningIcon = Icon$22;
-exports.Won = Icon$27;
-exports.YouTubeIcon = Icon$1q;
+exports.WalletIcon = Icon$1M;
+exports.WarningIcon = Icon$21;
+exports.Won = Icon$26;
+exports.YouTubeIcon = Icon$1p;
 exports.alertVariants = variants$3;
 exports.baseColors = baseColors;
 exports.byTextAscending = byTextAscending;