@matbea-ui/matbea-ui 0.2.0-dev.519215 → 0.2.0-dev.619284

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/matbea-ui.cjs.js +260 -50
  2. package/dist/matbea-ui.cjs.js.map +1 -1
  3. package/dist/matbea-ui.es.js +255 -52
  4. package/dist/matbea-ui.es.js.map +1 -1
  5. package/dist/types/index.d.ts +50 -2
  6. package/package.json +2 -3
package/dist/matbea-ui.es.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
- import styled, { css, styled as styled$1, keyframes } from 'styled-components';
2
+ import styled, { css, styled as styled$1, keyframes, StyleSheetManager, createGlobalStyle } from 'styled-components';
3
3
  import { useState, forwardRef, useCallback, useId, useRef, useMemo, useLayoutEffect, useEffect } from 'react';
4
4
 
5
5
  const sizeMap = {
@@ -165,6 +165,7 @@ const StyledButton = styled.button `
165
165
  const IconSlot = styled.span `
166
166
  display: inline-flex;
167
167
  align-items: center;
168
+ width: max-content;
168
169
  justify-content: center;
169
170
  line-height: 0;
170
171
  ${({ $iconOnly }) => $iconOnly &&
@@ -573,7 +574,10 @@ const StyledTypography = styled$1.span `
573
574
  const Typography = ({ as = "span", forwardedAs, variant = "body-m-semibold", color, align, uppercase = false, truncate = false, inline = false, children, ...rest }) => (jsx(StyledTypography, { as: as, forwardedAs: forwardedAs, "$variant": variant, "$color": color, "$align": align, "$uppercase": uppercase, "$truncate": truncate, "$inline": inline, ...rest, children: children }));
574
575
 
575
576
  const Icon = ({ size = 24, children, ...rest }) => {
576
- return (jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...rest, children: children }));
577
+ return (jsx("svg", { style: {
578
+ width: size,
579
+ height: size,
580
+ }, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...rest, children: children }));
577
581
  };
578
582
 
579
583
  const LogoAbankIcon = (props) => (jsxs(Icon, { ...props, children: [jsxs("g", { "clip-path": "url(#clip0_348_2416)", children: [jsx("circle", { cx: "12", cy: "12", r: "12", fill: "#F5F5F5" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.2589 7.98674C7.53128 8.31962 6.81257 6.30884 6.3125 3.00224C10.4015 2.97341 12.2754 3.18291 12.1754 5.99132C12.1172 6.06513 12.0622 6.1397 12.0098 6.2162C11.4594 5.19946 10.2518 4.30843 7.75728 3.83024C9.57266 4.44681 10.9399 5.69495 11.3993 7.37362C11.3396 7.57351 11.2938 7.77724 11.2589 7.98674ZM11.6388 9.04691C11.7904 7.71881 12.2529 6.60021 13.4042 5.75569C13.9803 5.33323 14.7726 5.87101 13.9469 6.35919C12.9495 6.94771 11.9955 8.32385 11.8459 9.03922C11.7783 9.05701 11.7076 9.05963 11.6388 9.04691Z", fill: "#007F2D" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.1018 9.30787C11.3545 9.34554 11.565 9.36169 11.7693 9.35131C11.9775 9.33977 12.1888 9.30057 12.4427 9.2283C13.9274 8.80469 15.8889 9.07146 17.153 9.96942C18.7727 11.1192 19.2064 13.078 18.9161 15.0273C18.5672 17.3706 16.2785 21.9634 13.3339 20.8202C12.9703 20.6795 12.6144 20.5638 12.2178 20.5773C11.803 20.5911 11.6383 20.7249 11.0328 20.8717C7.71099 21.6751 5.31607 17.1969 5.0389 14.5514C4.86058 12.8447 5.28079 11.1964 6.6023 10.1797C7.7513 9.2948 9.69848 8.96729 11.1018 9.30787Z", fill: "#65B32E" })] }), jsx("defs", { children: jsx("clipPath", { id: "clip0_348_2416", children: jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
@@ -656,99 +660,99 @@ const LogoWiseIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("path", {
656
660
 
657
661
  const LogoYoumoneyIcon = (props) => (jsx(Icon, { ...props, children: jsx("path", { d: "M15.1668 4C10.8241 4 7.33492 7.60012 7.33492 12C7.33492 16.4362 10.8586 20 15.1659 20C19.4731 20 23 16.3999 23 12C23 7.60012 19.4741 4 15.1668 4ZM15.1668 14.9818C13.565 14.9818 12.2483 13.6363 12.2483 12C12.2483 10.3637 13.565 9.0182 15.1668 9.0182C16.7686 9.0182 18.0857 10.3637 18.0857 12C18.0498 13.6363 16.7686 14.9818 15.1668 14.9818ZM7.33492 6.32436V17.9608H4.55997L1 6.32436H7.33492Z", fill: "#8B3FFD" }) }));
658
662
 
659
- const ArrowIcon = (props) => (jsx(Icon, { ...props, children: jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.95695 6.05809C9.95699 5.7399 10.0834 5.43475 10.3084 5.20975C10.5334 4.98475 10.8386 4.85832 11.1568 4.85828L17.945 4.85827C18.2632 4.85832 18.5683 4.98475 18.7933 5.20975C19.0183 5.43475 19.1448 5.7399 19.1448 6.05809L19.1448 12.8463C19.1393 13.1609 19.0105 13.4608 18.7861 13.6813C18.5617 13.9019 18.2596 14.0255 17.945 14.0255C17.6303 14.0255 17.3283 13.9019 17.1039 13.6813C16.8795 13.4608 16.7506 13.1609 16.7452 12.8463V8.95497L6.91412 18.786C6.68908 19.0111 6.38386 19.1375 6.0656 19.1375C5.74734 19.1375 5.44211 19.0111 5.21707 18.786C4.99202 18.561 4.8656 18.2557 4.8656 17.9375C4.8656 17.6192 4.99202 17.314 5.21707 17.089L15.0481 7.25791L11.1568 7.25791C10.8386 7.25786 10.5334 7.13144 10.3084 6.90644C10.0834 6.68144 9.95699 6.37629 9.95695 6.05809Z", fill: "#2D58B6" }) }));
663
+ const ArrowIcon = (props) => (jsx(Icon, { ...props, children: jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.95695 6.05809C9.95699 5.7399 10.0834 5.43475 10.3084 5.20975C10.5334 4.98475 10.8386 4.85832 11.1568 4.85828L17.945 4.85827C18.2632 4.85832 18.5683 4.98475 18.7933 5.20975C19.0183 5.43475 19.1448 5.7399 19.1448 6.05809L19.1448 12.8463C19.1393 13.1609 19.0105 13.4608 18.7861 13.6813C18.5617 13.9019 18.2596 14.0255 17.945 14.0255C17.6303 14.0255 17.3283 13.9019 17.1039 13.6813C16.8795 13.4608 16.7506 13.1609 16.7452 12.8463V8.95497L6.91412 18.786C6.68908 19.0111 6.38386 19.1375 6.0656 19.1375C5.74734 19.1375 5.44211 19.0111 5.21707 18.786C4.99202 18.561 4.8656 18.2557 4.8656 17.9375C4.8656 17.6192 4.99202 17.314 5.21707 17.089L15.0481 7.25791L11.1568 7.25791C10.8386 7.25786 10.5334 7.13144 10.3084 6.90644C10.0834 6.68144 9.95699 6.37629 9.95695 6.05809Z", fill: props.color ?? "#2D58B6" }) }));
660
664
 
661
- const AttachIcon = (props) => (jsx(Icon, { ...props, children: jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.7977 3.00321C17.2762 2.95542 18.9043 3.43643 20.2358 4.77062C21.5667 6.1042 22.0443 7.732 21.9968 9.20751C21.9501 10.6598 21.392 12.0193 20.573 12.84L13.8305 19.5963L13.8297 19.597C13.5586 19.8687 13.1166 19.8711 12.8428 19.6021C12.569 19.333 12.5669 18.8947 12.838 18.623L19.5815 11.8657C20.1111 11.335 20.5646 10.3295 20.6022 9.1633C20.639 8.02037 20.2737 6.77635 19.2443 5.74491C18.2156 4.71407 16.9777 4.35042 15.8431 4.3871C14.6845 4.42455 13.6841 4.87694 13.1551 5.40705L4.05136 14.5293C3.83669 14.7445 3.4784 15.3506 3.40756 16.1314C3.34036 16.8722 3.53198 17.7647 4.38854 18.623C5.24453 19.4807 6.13111 19.67 6.86362 19.6032C7.63798 19.5327 8.24035 19.1757 8.45472 18.9608L17.2213 10.1764C17.4163 9.981 17.6195 9.55964 17.6531 9.05535C17.6855 8.56803 17.5534 8.10493 17.2213 7.77207C16.8902 7.4403 16.4322 7.31007 15.9515 7.34218C15.453 7.37549 15.0354 7.57728 14.841 7.77207L8.43493 14.1912C8.43489 14.1913 8.43467 14.1915 7.93894 13.7043C7.44321 13.2172 7.44323 13.2172 7.44327 13.2171L13.8495 6.7978C14.3295 6.31686 15.092 6.01185 15.8578 5.96069C16.6415 5.90834 17.5323 6.11597 18.2127 6.79778C18.8921 7.47854 19.0973 8.3669 19.0454 9.14656C18.9946 9.90924 18.6921 10.6704 18.2127 11.1507C18.2127 11.1507 18.2127 11.1507 18.2127 11.1507L9.44619 19.9351C8.98622 20.396 8.07129 20.8837 6.99117 20.9821C5.86921 21.0843 4.56414 20.7667 3.39708 19.5973C2.23059 18.4284 1.91644 17.1248 2.01783 16.0073C2.11557 14.9299 2.60022 14.0157 3.0599 13.5551L12.1636 4.43276C12.9833 3.61142 14.3432 3.05022 15.7977 3.00321ZM7.93894 13.7043L7.44327 13.2171C7.17214 13.4888 7.17423 13.9272 7.44802 14.1963C7.7218 14.4653 8.16381 14.4629 8.43493 14.1912L7.93894 13.7043Z", fill: "#9296A5" }) }));
665
+ const AttachIcon = (props) => (jsx(Icon, { ...props, children: jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.7977 3.00321C17.2762 2.95542 18.9043 3.43643 20.2358 4.77062C21.5667 6.1042 22.0443 7.732 21.9968 9.20751C21.9501 10.6598 21.392 12.0193 20.573 12.84L13.8305 19.5963L13.8297 19.597C13.5586 19.8687 13.1166 19.8711 12.8428 19.6021C12.569 19.333 12.5669 18.8947 12.838 18.623L19.5815 11.8657C20.1111 11.335 20.5646 10.3295 20.6022 9.1633C20.639 8.02037 20.2737 6.77635 19.2443 5.74491C18.2156 4.71407 16.9777 4.35042 15.8431 4.3871C14.6845 4.42455 13.6841 4.87694 13.1551 5.40705L4.05136 14.5293C3.83669 14.7445 3.4784 15.3506 3.40756 16.1314C3.34036 16.8722 3.53198 17.7647 4.38854 18.623C5.24453 19.4807 6.13111 19.67 6.86362 19.6032C7.63798 19.5327 8.24035 19.1757 8.45472 18.9608L17.2213 10.1764C17.4163 9.981 17.6195 9.55964 17.6531 9.05535C17.6855 8.56803 17.5534 8.10493 17.2213 7.77207C16.8902 7.4403 16.4322 7.31007 15.9515 7.34218C15.453 7.37549 15.0354 7.57728 14.841 7.77207L8.43493 14.1912C8.43489 14.1913 8.43467 14.1915 7.93894 13.7043C7.44321 13.2172 7.44323 13.2172 7.44327 13.2171L13.8495 6.7978C14.3295 6.31686 15.092 6.01185 15.8578 5.96069C16.6415 5.90834 17.5323 6.11597 18.2127 6.79778C18.8921 7.47854 19.0973 8.3669 19.0454 9.14656C18.9946 9.90924 18.6921 10.6704 18.2127 11.1507C18.2127 11.1507 18.2127 11.1507 18.2127 11.1507L9.44619 19.9351C8.98622 20.396 8.07129 20.8837 6.99117 20.9821C5.86921 21.0843 4.56414 20.7667 3.39708 19.5973C2.23059 18.4284 1.91644 17.1248 2.01783 16.0073C2.11557 14.9299 2.60022 14.0157 3.0599 13.5551L12.1636 4.43276C12.9833 3.61142 14.3432 3.05022 15.7977 3.00321ZM7.93894 13.7043L7.44327 13.2171C7.17214 13.4888 7.17423 13.9272 7.44802 14.1963C7.7218 14.4653 8.16381 14.4629 8.43493 14.1912L7.93894 13.7043Z", fill: props.color ?? "#9296A5" }) }));
662
666
 
663
- const CheckIcon$1 = (props) => (jsxs(Icon, { ...props, children: [jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "#5E6F8D", "stroke-width": "2" }), jsx("path", { d: "M7 12L10.3333 15L17 9", stroke: "#5E6F8D", "stroke-width": "2" })] }));
667
+ const CheckIcon$1 = (props) => (jsxs(Icon, { ...props, children: [jsx("circle", { cx: "12", cy: "12", r: "9", stroke: props.color ?? "#5E6F8D", "stroke-width": "2" }), jsx("path", { d: "M7 12L10.3333 15L17 9", stroke: props.color ?? "#5E6F8D", "stroke-width": "2" })] }));
664
668
 
665
- const CloseIcon = (props) => (jsxs(Icon, { ...props, children: [jsxs("g", { "clip-path": "url(#clip0_487_8651)", children: [jsx("path", { d: "M4.99543 4.85076C5.38596 4.46024 6.01912 4.46024 6.40965 4.85076L19.265 17.7061C19.6555 18.0966 19.6555 18.7298 19.265 19.1203L19.0937 19.2916C18.7032 19.6821 18.07 19.6821 17.6795 19.2916L4.82414 6.43627C4.43362 6.04574 4.43362 5.41258 4.82414 5.02206L4.99543 4.85076Z", fill: "#9296A5" }), jsx("path", { d: "M4.85129 19.1203C4.46077 18.7298 4.46077 18.0966 4.85129 17.7061L17.7066 4.85075C18.0971 4.46023 18.7303 4.46023 19.1208 4.85075L19.2921 5.02205C19.6827 5.41257 19.6827 6.04574 19.2921 6.43626L6.4368 19.2916C6.04627 19.6821 5.41311 19.6821 5.02258 19.2916L4.85129 19.1203Z", fill: "#9296A5" })] }), jsx("defs", { children: jsx("clipPath", { id: "clip0_487_8651", children: jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
669
+ const CloseIcon = (props) => (jsxs(Icon, { ...props, children: [jsxs("g", { "clip-path": "url(#clip0_487_8651)", children: [jsx("path", { d: "M4.99543 4.85076C5.38596 4.46024 6.01912 4.46024 6.40965 4.85076L19.265 17.7061C19.6555 18.0966 19.6555 18.7298 19.265 19.1203L19.0937 19.2916C18.7032 19.6821 18.07 19.6821 17.6795 19.2916L4.82414 6.43627C4.43362 6.04574 4.43362 5.41258 4.82414 5.02206L4.99543 4.85076Z", fill: props.color ?? "#9296A5" }), jsx("path", { d: "M4.85129 19.1203C4.46077 18.7298 4.46077 18.0966 4.85129 17.7061L17.7066 4.85075C18.0971 4.46023 18.7303 4.46023 19.1208 4.85075L19.2921 5.02205C19.6827 5.41257 19.6827 6.04574 19.2921 6.43626L6.4368 19.2916C6.04627 19.6821 5.41311 19.6821 5.02258 19.2916L4.85129 19.1203Z", fill: props.color ?? "#9296A5" })] }), jsx("defs", { children: jsx("clipPath", { id: "clip0_487_8651", children: jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
666
670
 
667
- const DashboardIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("path", { d: "M20 9L15 9L15 4", stroke: "#5E6F8D", "stroke-width": "2" }), jsx("mask", { id: "path-2-inside-1_309_2523", fill: "white", children: jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.9999 3.00087C14.0365 3.00029 14.0732 3 14.11 3C17.9152 3 21 6.08477 21 9.89002C21 9.92675 20.9997 9.96341 20.9991 10L18.9988 10C18.9996 9.96344 19 9.92678 19 9.89002C19 7.18934 16.8107 5 14.11 5C14.0732 5 14.0365 5.00041 13.9999 5.00122L13.9999 3.00087Z" }) }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.9999 3.00087C14.0365 3.00029 14.0732 3 14.11 3C17.9152 3 21 6.08477 21 9.89002C21 9.92675 20.9997 9.96341 20.9991 10L18.9988 10C18.9996 9.96344 19 9.92678 19 9.89002C19 7.18934 16.8107 5 14.11 5C14.0732 5 14.0365 5.00041 13.9999 5.00122L13.9999 3.00087Z", fill: "#5E6F8D" }), jsx("path", { d: "M13.9999 3.00087L11.9999 3.00087L11.9999 1.03196L13.9685 1.00111L13.9999 3.00087ZM20.9991 10L22.9989 10.0313L22.9681 12L20.9991 12L20.9991 10ZM18.9988 10L18.9988 12L16.9542 12L16.9993 9.95588L18.9988 10ZM13.9999 5.00122L14.044 7.00073L11.9999 7.04589L11.9999 5.00122L13.9999 5.00122ZM13.9685 1.00111C14.0156 1.00037 14.0628 1 14.11 1L14.11 5C14.0837 5 14.0574 5.00021 14.0312 5.00062L13.9685 1.00111ZM14.11 1C19.0198 1 23 4.9802 23 9.89002L19 9.89002C19 7.18934 16.8107 5 14.11 5L14.11 1ZM23 9.89002C23 9.93718 22.9996 9.98428 22.9989 10.0313L18.9994 9.96871C18.9998 9.94255 19 9.91632 19 9.89002L23 9.89002ZM18.9988 8.00001L20.9991 8.00001L20.9991 12L18.9988 12L18.9988 8.00001ZM21 9.89002C21 9.94149 20.9994 9.99286 20.9983 10.0441L16.9993 9.95588C16.9998 9.93402 17 9.91207 17 9.89002L21 9.89002ZM14.11 3C17.9152 3 21 6.08477 21 9.89002L17 9.89002C17 8.29391 15.7061 7 14.11 7L14.11 3ZM13.9557 3.00171C14.007 3.00057 14.0584 3 14.11 3L14.11 7C14.0879 7 14.0659 7.00025 14.044 7.00073L13.9557 3.00171ZM15.9999 3.00087L15.9999 5.00122L11.9999 5.00122L11.9999 3.00087L15.9999 3.00087Z", fill: "#5E6F8D", mask: "url(#path-2-inside-1_309_2523)" }), jsx("path", { d: "M19 12.5294C19 17.2353 15.4183 21 11 21C6.58172 21 3 17.4183 3 13C3 8.58172 6.76471 5 11.4706 5", stroke: "#5E6F8D", "stroke-width": "2" })] }));
671
+ const DashboardIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("path", { d: "M20 9L15 9L15 4", stroke: props.color ?? "#5E6F8D", "stroke-width": "2" }), jsx("mask", { id: "path-2-inside-1_309_2523", fill: "white", children: jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.9999 3.00087C14.0365 3.00029 14.0732 3 14.11 3C17.9152 3 21 6.08477 21 9.89002C21 9.92675 20.9997 9.96341 20.9991 10L18.9988 10C18.9996 9.96344 19 9.92678 19 9.89002C19 7.18934 16.8107 5 14.11 5C14.0732 5 14.0365 5.00041 13.9999 5.00122L13.9999 3.00087Z" }) }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.9999 3.00087C14.0365 3.00029 14.0732 3 14.11 3C17.9152 3 21 6.08477 21 9.89002C21 9.92675 20.9997 9.96341 20.9991 10L18.9988 10C18.9996 9.96344 19 9.92678 19 9.89002C19 7.18934 16.8107 5 14.11 5C14.0732 5 14.0365 5.00041 13.9999 5.00122L13.9999 3.00087Z", fill: props.color ?? "#5E6F8D" }), jsx("path", { d: "M13.9999 3.00087L11.9999 3.00087L11.9999 1.03196L13.9685 1.00111L13.9999 3.00087ZM20.9991 10L22.9989 10.0313L22.9681 12L20.9991 12L20.9991 10ZM18.9988 10L18.9988 12L16.9542 12L16.9993 9.95588L18.9988 10ZM13.9999 5.00122L14.044 7.00073L11.9999 7.04589L11.9999 5.00122L13.9999 5.00122ZM13.9685 1.00111C14.0156 1.00037 14.0628 1 14.11 1L14.11 5C14.0837 5 14.0574 5.00021 14.0312 5.00062L13.9685 1.00111ZM14.11 1C19.0198 1 23 4.9802 23 9.89002L19 9.89002C19 7.18934 16.8107 5 14.11 5L14.11 1ZM23 9.89002C23 9.93718 22.9996 9.98428 22.9989 10.0313L18.9994 9.96871C18.9998 9.94255 19 9.91632 19 9.89002L23 9.89002ZM18.9988 8.00001L20.9991 8.00001L20.9991 12L18.9988 12L18.9988 8.00001ZM21 9.89002C21 9.94149 20.9994 9.99286 20.9983 10.0441L16.9993 9.95588C16.9998 9.93402 17 9.91207 17 9.89002L21 9.89002ZM14.11 3C17.9152 3 21 6.08477 21 9.89002L17 9.89002C17 8.29391 15.7061 7 14.11 7L14.11 3ZM13.9557 3.00171C14.007 3.00057 14.0584 3 14.11 3L14.11 7C14.0879 7 14.0659 7.00025 14.044 7.00073L13.9557 3.00171ZM15.9999 3.00087L15.9999 5.00122L11.9999 5.00122L11.9999 3.00087L15.9999 3.00087Z", fill: props.color ?? "#5E6F8D", mask: "url(#path-2-inside-1_309_2523)" }), jsx("path", { d: "M19 12.5294C19 17.2353 15.4183 21 11 21C6.58172 21 3 17.4183 3 13C3 8.58172 6.76471 5 11.4706 5", stroke: props.color ?? "#5E6F8D", "stroke-width": "2" })] }));
668
672
 
669
- const EmojiIcon = (props) => (jsx(Icon, { ...props, children: jsx("path", { d: "M9.375 11.625C9.67337 11.625 9.95952 11.5065 10.1705 11.2955C10.3815 11.0845 10.5 10.7984 10.5 10.5C10.5 10.2016 10.3815 9.91548 10.1705 9.7045C9.95952 9.49353 9.67337 9.375 9.375 9.375C9.07663 9.375 8.79048 9.49353 8.5795 9.7045C8.36853 9.91548 8.25 10.2016 8.25 10.5C8.25 10.7984 8.36853 11.0845 8.5795 11.2955C8.79048 11.5065 9.07663 11.625 9.375 11.625ZM9.204 14.5005C9.1386 14.4261 9.0591 14.3653 8.9701 14.3218C8.88109 14.2783 8.78435 14.2528 8.68545 14.2469C8.58655 14.241 8.48746 14.2547 8.3939 14.2873C8.30033 14.3199 8.21415 14.3707 8.14034 14.4368C8.06652 14.5029 8.00653 14.5829 7.96384 14.6723C7.92114 14.7617 7.89657 14.8587 7.89157 14.9577C7.88656 15.0566 7.90121 15.1556 7.93467 15.2488C7.96813 15.3421 8.01973 15.4278 8.0865 15.501C8.57865 16.0519 9.18174 16.4926 9.85621 16.794C10.5307 17.0954 11.2612 17.2508 12 17.25C12.7388 17.2508 13.4693 17.0954 14.1438 16.794C14.8183 16.4926 15.4214 16.0519 15.9135 15.501C16.044 15.3525 16.1106 15.1584 16.0988 14.9611C16.0869 14.7637 15.9977 14.579 15.8504 14.4472C15.7031 14.3153 15.5097 14.2469 15.3122 14.2569C15.1148 14.2669 14.9292 14.3544 14.796 14.5005C14.4446 14.8944 14.0138 15.2094 13.5318 15.4247C13.0499 15.6401 12.5279 15.7509 12 15.75C10.89 15.75 9.8925 15.2685 9.204 14.5005ZM15.75 10.5C15.75 10.7984 15.6315 11.0845 15.4205 11.2955C15.2095 11.5065 14.9234 11.625 14.625 11.625C14.3266 11.625 14.0405 11.5065 13.8295 11.2955C13.6185 11.0845 13.5 10.7984 13.5 10.5C13.5 10.2016 13.6185 9.91548 13.8295 9.7045C14.0405 9.49353 14.3266 9.375 14.625 9.375C14.9234 9.375 15.2095 9.49353 15.4205 9.7045C15.6315 9.91548 15.75 10.2016 15.75 10.5ZM21 12C21 10.8181 20.7672 9.64778 20.3149 8.55585C19.8626 7.46392 19.1997 6.47177 18.364 5.63604C17.5282 4.80031 16.5361 4.13738 15.4442 3.68508C14.3522 3.23279 13.1819 3 12 3C10.8181 3 9.64778 3.23279 8.55585 3.68508C7.46392 4.13738 6.47177 4.80031 5.63604 5.63604C4.80031 6.47177 4.13738 7.46392 3.68508 8.55585C3.23279 9.64778 3 10.8181 3 12C3 14.3869 3.94821 16.6761 5.63604 18.364C7.32387 20.0518 9.61305 21 12 21C14.3869 21 16.6761 20.0518 18.364 18.364C20.0518 16.6761 21 14.3869 21 12ZM4.5 12C4.5 10.0109 5.29018 8.10322 6.6967 6.6967C8.10322 5.29018 10.0109 4.5 12 4.5C13.9891 4.5 15.8968 5.29018 17.3033 6.6967C18.7098 8.10322 19.5 10.0109 19.5 12C19.5 13.9891 18.7098 15.8968 17.3033 17.3033C15.8968 18.7098 13.9891 19.5 12 19.5C10.0109 19.5 8.10322 18.7098 6.6967 17.3033C5.29018 15.8968 4.5 13.9891 4.5 12Z", fill: "#9296A5" }) }));
673
+ const EmojiIcon = (props) => (jsx(Icon, { ...props, children: jsx("path", { d: "M9.375 11.625C9.67337 11.625 9.95952 11.5065 10.1705 11.2955C10.3815 11.0845 10.5 10.7984 10.5 10.5C10.5 10.2016 10.3815 9.91548 10.1705 9.7045C9.95952 9.49353 9.67337 9.375 9.375 9.375C9.07663 9.375 8.79048 9.49353 8.5795 9.7045C8.36853 9.91548 8.25 10.2016 8.25 10.5C8.25 10.7984 8.36853 11.0845 8.5795 11.2955C8.79048 11.5065 9.07663 11.625 9.375 11.625ZM9.204 14.5005C9.1386 14.4261 9.0591 14.3653 8.9701 14.3218C8.88109 14.2783 8.78435 14.2528 8.68545 14.2469C8.58655 14.241 8.48746 14.2547 8.3939 14.2873C8.30033 14.3199 8.21415 14.3707 8.14034 14.4368C8.06652 14.5029 8.00653 14.5829 7.96384 14.6723C7.92114 14.7617 7.89657 14.8587 7.89157 14.9577C7.88656 15.0566 7.90121 15.1556 7.93467 15.2488C7.96813 15.3421 8.01973 15.4278 8.0865 15.501C8.57865 16.0519 9.18174 16.4926 9.85621 16.794C10.5307 17.0954 11.2612 17.2508 12 17.25C12.7388 17.2508 13.4693 17.0954 14.1438 16.794C14.8183 16.4926 15.4214 16.0519 15.9135 15.501C16.044 15.3525 16.1106 15.1584 16.0988 14.9611C16.0869 14.7637 15.9977 14.579 15.8504 14.4472C15.7031 14.3153 15.5097 14.2469 15.3122 14.2569C15.1148 14.2669 14.9292 14.3544 14.796 14.5005C14.4446 14.8944 14.0138 15.2094 13.5318 15.4247C13.0499 15.6401 12.5279 15.7509 12 15.75C10.89 15.75 9.8925 15.2685 9.204 14.5005ZM15.75 10.5C15.75 10.7984 15.6315 11.0845 15.4205 11.2955C15.2095 11.5065 14.9234 11.625 14.625 11.625C14.3266 11.625 14.0405 11.5065 13.8295 11.2955C13.6185 11.0845 13.5 10.7984 13.5 10.5C13.5 10.2016 13.6185 9.91548 13.8295 9.7045C14.0405 9.49353 14.3266 9.375 14.625 9.375C14.9234 9.375 15.2095 9.49353 15.4205 9.7045C15.6315 9.91548 15.75 10.2016 15.75 10.5ZM21 12C21 10.8181 20.7672 9.64778 20.3149 8.55585C19.8626 7.46392 19.1997 6.47177 18.364 5.63604C17.5282 4.80031 16.5361 4.13738 15.4442 3.68508C14.3522 3.23279 13.1819 3 12 3C10.8181 3 9.64778 3.23279 8.55585 3.68508C7.46392 4.13738 6.47177 4.80031 5.63604 5.63604C4.80031 6.47177 4.13738 7.46392 3.68508 8.55585C3.23279 9.64778 3 10.8181 3 12C3 14.3869 3.94821 16.6761 5.63604 18.364C7.32387 20.0518 9.61305 21 12 21C14.3869 21 16.6761 20.0518 18.364 18.364C20.0518 16.6761 21 14.3869 21 12ZM4.5 12C4.5 10.0109 5.29018 8.10322 6.6967 6.6967C8.10322 5.29018 10.0109 4.5 12 4.5C13.9891 4.5 15.8968 5.29018 17.3033 6.6967C18.7098 8.10322 19.5 10.0109 19.5 12C19.5 13.9891 18.7098 15.8968 17.3033 17.3033C15.8968 18.7098 13.9891 19.5 12 19.5C10.0109 19.5 8.10322 18.7098 6.6967 17.3033C5.29018 15.8968 4.5 13.9891 4.5 12Z", fill: props.color ?? "#9296A5" }) }));
670
674
 
671
- const ExchangeIcon = (props) => (jsx(Icon, { ...props, children: jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.5277 4.13666C12.2395 3.81614 14.0091 4.06297 15.5679 4.83969L16.4599 3.04961C14.5114 2.07872 12.2994 1.77017 10.1596 2.17082C8.01982 2.57147 6.06924 3.65943 4.60404 5.2695C3.13884 6.87957 2.23907 8.92379 2.04134 11.0917C1.84362 13.2597 2.35875 15.433 3.50852 17.2815C4.65828 19.1301 6.37987 20.553 8.41185 21.3341C10.4438 22.1152 12.6752 22.2119 14.7672 21.6095C16.8591 21.0071 18.6974 19.7385 20.0027 17.9964C21.3081 16.2542 22.0093 14.1337 21.9999 11.9567L19.9999 11.9654C20.0075 13.7069 19.4465 15.4034 18.4022 16.7971C17.3579 18.1908 15.8873 19.2057 14.2137 19.6876C12.5402 20.1695 10.7551 20.0922 9.12949 19.4673C7.5039 18.8424 6.12663 17.7041 5.20681 16.2252C4.287 14.7464 3.8749 13.0078 4.03308 11.2734C4.19126 9.53903 4.91108 7.90366 6.08324 6.6156C7.2554 5.32755 8.81586 4.45718 10.5277 4.13666ZM18.5853 8.2365C18.5465 7.68557 18.0685 7.27037 17.5176 7.30912L14.8775 7.4948L13.8799 7.56496L14.0203 9.56003L15.0178 9.48987L15.3534 9.46627L13.0011 12.4093L11.2658 10.3546C11.0852 10.1408 10.8234 10.0125 10.5438 10.0007C10.2642 9.98898 9.99252 10.0949 9.79467 10.2928L6.79461 13.2929L6.08752 14.0001L7.50176 15.4142L8.20885 14.7071L10.4397 12.4762L12.2585 14.6296C12.4516 14.8581 12.7368 14.9883 13.036 14.9842C13.3352 14.9802 13.6168 14.8424 13.8036 14.6086L16.7677 10.9001L16.7759 11.0169L16.8461 12.0145L18.8411 11.8741L18.771 10.8766L18.5853 8.2365Z", fill: "#5E6F8D" }) }));
675
+ const ExchangeIcon = (props) => (jsx(Icon, { ...props, children: jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.5277 4.13666C12.2395 3.81614 14.0091 4.06297 15.5679 4.83969L16.4599 3.04961C14.5114 2.07872 12.2994 1.77017 10.1596 2.17082C8.01982 2.57147 6.06924 3.65943 4.60404 5.2695C3.13884 6.87957 2.23907 8.92379 2.04134 11.0917C1.84362 13.2597 2.35875 15.433 3.50852 17.2815C4.65828 19.1301 6.37987 20.553 8.41185 21.3341C10.4438 22.1152 12.6752 22.2119 14.7672 21.6095C16.8591 21.0071 18.6974 19.7385 20.0027 17.9964C21.3081 16.2542 22.0093 14.1337 21.9999 11.9567L19.9999 11.9654C20.0075 13.7069 19.4465 15.4034 18.4022 16.7971C17.3579 18.1908 15.8873 19.2057 14.2137 19.6876C12.5402 20.1695 10.7551 20.0922 9.12949 19.4673C7.5039 18.8424 6.12663 17.7041 5.20681 16.2252C4.287 14.7464 3.8749 13.0078 4.03308 11.2734C4.19126 9.53903 4.91108 7.90366 6.08324 6.6156C7.2554 5.32755 8.81586 4.45718 10.5277 4.13666ZM18.5853 8.2365C18.5465 7.68557 18.0685 7.27037 17.5176 7.30912L14.8775 7.4948L13.8799 7.56496L14.0203 9.56003L15.0178 9.48987L15.3534 9.46627L13.0011 12.4093L11.2658 10.3546C11.0852 10.1408 10.8234 10.0125 10.5438 10.0007C10.2642 9.98898 9.99252 10.0949 9.79467 10.2928L6.79461 13.2929L6.08752 14.0001L7.50176 15.4142L8.20885 14.7071L10.4397 12.4762L12.2585 14.6296C12.4516 14.8581 12.7368 14.9883 13.036 14.9842C13.3352 14.9802 13.6168 14.8424 13.8036 14.6086L16.7677 10.9001L16.7759 11.0169L16.8461 12.0145L18.8411 11.8741L18.771 10.8766L18.5853 8.2365Z", fill: props.color ?? "#5E6F8D" }) }));
672
676
 
673
- const HamburgerIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("rect", { x: "3", y: "5", width: "18", height: "2", rx: "1", fill: "#9296A5" }), jsx("rect", { x: "3", y: "11", width: "18", height: "2", rx: "1", fill: "#9296A5" }), jsx("rect", { x: "3", y: "17", width: "18", height: "2", rx: "1", fill: "#9296A5" })] }));
677
+ const HamburgerIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("rect", { x: "3", y: "5", width: "18", height: "2", rx: "1", fill: props.color ?? "#9296A5" }), jsx("rect", { x: "3", y: "11", width: "18", height: "2", rx: "1", fill: props.color ?? "#9296A5" }), jsx("rect", { x: "3", y: "17", width: "18", height: "2", rx: "1", fill: props.color ?? "#9296A5" })] }));
674
678
 
675
- const HeadphonesIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("path", { d: "M19 14C19 17.866 16.3137 21 13 21", stroke: "#5E6F8D", "stroke-width": "2" }), jsx("path", { d: "M19 14V10C19 6.13401 15.866 3 12 3C8.13401 3 5 6.13401 5 10V14", stroke: "#5E6F8D", "stroke-width": "2" }), jsx("rect", { x: "15", y: "12", width: "4", height: "5", rx: "2", stroke: "#5E6F8D", "stroke-width": "2" }), jsx("rect", { x: "5", y: "12", width: "4", height: "5", rx: "2", stroke: "#5E6F8D", "stroke-width": "2" })] }));
679
+ const HeadphonesIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("path", { d: "M19 14C19 17.866 16.3137 21 13 21", stroke: props.color ?? "#5E6F8D", "stroke-width": "2" }), jsx("path", { d: "M19 14V10C19 6.13401 15.866 3 12 3C8.13401 3 5 6.13401 5 10V14", stroke: props.color ?? "#5E6F8D", "stroke-width": "2" }), jsx("rect", { x: "15", y: "12", width: "4", height: "5", rx: "2", stroke: props.color ?? "#5E6F8D", "stroke-width": "2" }), jsx("rect", { x: "5", y: "12", width: "4", height: "5", rx: "2", stroke: props.color ?? "#5E6F8D", "stroke-width": "2" })] }));
676
680
 
677
- const HistoryIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("path", { d: "M17 3V2H19V3H17ZM12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11V13ZM7 21V22H5V21H7ZM7.83807 13.8823L8.45578 13.0959L10.0286 14.3313L9.41089 15.1177L7.83807 13.8823ZM19 3C19 5.2903 17.8765 7.74335 16.5637 9.58124C15.8985 10.5125 15.1514 11.3337 14.4104 11.9335C13.7123 12.4987 12.8579 13 12 13V11C12.1421 11 12.5377 10.8763 13.1521 10.379C13.7236 9.91631 14.3515 9.23747 14.9363 8.41876C16.1235 6.75665 17 4.7097 17 3H19ZM9.41089 15.1177C8.064 16.8324 7 19.1159 7 21H5C5 18.4916 6.34775 15.7796 7.83807 13.8823L9.41089 15.1177Z", fill: "#5E6F8D" }), jsx("path", { d: "M7 5H11", stroke: "#5E6F8D", "stroke-width": "2", "stroke-linecap": "square", "stroke-linejoin": "round" }), jsx("path", { d: "M13 19H17", stroke: "#5E6F8D", "stroke-width": "2", "stroke-linecap": "square", "stroke-linejoin": "round" }), jsx("path", { d: "M9 9H11.0005", stroke: "#5E6F8D", "stroke-width": "2", "stroke-linecap": "square", "stroke-linejoin": "round" }), jsx("path", { d: "M13 15H15", stroke: "#5E6F8D", "stroke-width": "2", "stroke-linecap": "square", "stroke-linejoin": "round" }), jsx("path", { d: "M6 3C6 7 10 12 12 12C14 12 18 17 18 21", stroke: "#5E6F8D", "stroke-width": "2", "stroke-linecap": "square", "stroke-linejoin": "round" })] }));
681
+ const HistoryIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("path", { d: "M17 3V2H19V3H17ZM12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11V13ZM7 21V22H5V21H7ZM7.83807 13.8823L8.45578 13.0959L10.0286 14.3313L9.41089 15.1177L7.83807 13.8823ZM19 3C19 5.2903 17.8765 7.74335 16.5637 9.58124C15.8985 10.5125 15.1514 11.3337 14.4104 11.9335C13.7123 12.4987 12.8579 13 12 13V11C12.1421 11 12.5377 10.8763 13.1521 10.379C13.7236 9.91631 14.3515 9.23747 14.9363 8.41876C16.1235 6.75665 17 4.7097 17 3H19ZM9.41089 15.1177C8.064 16.8324 7 19.1159 7 21H5C5 18.4916 6.34775 15.7796 7.83807 13.8823L9.41089 15.1177Z", fill: props.color ?? "#5E6F8D" }), jsx("path", { d: "M7 5H11", stroke: props.color ?? "#5E6F8D", "stroke-width": "2", "stroke-linecap": "square", "stroke-linejoin": "round" }), jsx("path", { d: "M13 19H17", stroke: props.color ?? "#5E6F8D", "stroke-width": "2", "stroke-linecap": "square", "stroke-linejoin": "round" }), jsx("path", { d: "M9 9H11.0005", stroke: props.color ?? "#5E6F8D", "stroke-width": "2", "stroke-linecap": "square", "stroke-linejoin": "round" }), jsx("path", { d: "M13 15H15", stroke: props.color ?? "#5E6F8D", "stroke-width": "2", "stroke-linecap": "square", "stroke-linejoin": "round" }), jsx("path", { d: "M6 3C6 7 10 12 12 12C14 12 18 17 18 21", stroke: props.color ?? "#5E6F8D", "stroke-width": "2", "stroke-linecap": "square", "stroke-linejoin": "round" })] }));
678
682
 
679
- const P2PIcon = (props) => (jsxs(Icon, { ...props, children: [jsxs("g", { "clip-path": "url(#clip0_314_1303)", children: [jsx("path", { d: "M8.14302 6.05913C9.58881 6.88947 10.5394 8.44312 10.5394 10.1971V11.2697H1V10.1971C1 8.41217 1.98092 6.85615 3.43278 6.03827", stroke: "#5E6F8D", "stroke-width": "1.5", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M5.79298 6.93361C7.4315 6.93361 8.75978 5.60533 8.75978 3.9668C8.75978 2.32828 7.4315 1 5.79298 1C4.15446 1 2.82617 2.32828 2.82617 3.9668C2.82617 5.60533 4.15446 6.93361 5.79298 6.93361Z", stroke: "#5E6F8D", "stroke-width": "1.5", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M20.5736 17.7264C20.952 17.9402 21.2982 18.2041 21.6032 18.5092C22.4663 19.3723 23.0004 20.5645 23.0004 21.8817V23H13.4609V21.8817C13.4609 20.1294 14.4063 18.5975 15.815 17.7682", stroke: "#5E6F8D", "stroke-width": "1.5", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M18.2073 18.5726C19.8206 18.5726 21.1285 17.2648 21.1285 15.6514C21.1285 14.0381 19.8206 12.7303 18.2073 12.7303C16.594 12.7303 15.2861 14.0381 15.2861 15.6514C15.2861 17.2648 16.594 18.5726 18.2073 18.5726Z", stroke: "#5E6F8D", "stroke-width": "1.5", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M12 5.42739H16.8382C17.5944 5.42739 18.2075 6.04042 18.2075 6.79669V9.25", stroke: "#5E6F8D", "stroke-width": "1.5", "stroke-miterlimit": "10", "stroke-linecap": "square" }), jsx("path", { d: "M16.7471 8.7137L18.2077 10.1743L19.6682 8.7137", stroke: "#5E6F8D", "stroke-miterlimit": "10", "stroke-linecap": "square" }), jsx("path", { d: "M12.0004 18.5726H7.16226C6.406 18.5726 5.79297 17.9596 5.79297 17.2033V14.2769", stroke: "#5E6F8D", "stroke-width": "1.5", "stroke-miterlimit": "10", "stroke-linecap": "square" }), jsx("path", { d: "M7.25319 14.5606L5.79261 13.1L4.33203 14.5606", stroke: "#5E6F8D", "stroke-miterlimit": "10", "stroke-linecap": "square" })] }), jsx("defs", { children: jsx("clipPath", { id: "clip0_314_1303", children: jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
683
+ const P2PIcon = (props) => (jsxs(Icon, { ...props, children: [jsxs("g", { "clip-path": "url(#clip0_314_1303)", children: [jsx("path", { d: "M8.14302 6.05913C9.58881 6.88947 10.5394 8.44312 10.5394 10.1971V11.2697H1V10.1971C1 8.41217 1.98092 6.85615 3.43278 6.03827", stroke: props.color ?? "#5E6F8D", "stroke-width": "1.5", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M5.79298 6.93361C7.4315 6.93361 8.75978 5.60533 8.75978 3.9668C8.75978 2.32828 7.4315 1 5.79298 1C4.15446 1 2.82617 2.32828 2.82617 3.9668C2.82617 5.60533 4.15446 6.93361 5.79298 6.93361Z", stroke: props.color ?? "#5E6F8D", "stroke-width": "1.5", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M20.5736 17.7264C20.952 17.9402 21.2982 18.2041 21.6032 18.5092C22.4663 19.3723 23.0004 20.5645 23.0004 21.8817V23H13.4609V21.8817C13.4609 20.1294 14.4063 18.5975 15.815 17.7682", stroke: props.color ?? "#5E6F8D", "stroke-width": "1.5", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M18.2073 18.5726C19.8206 18.5726 21.1285 17.2648 21.1285 15.6514C21.1285 14.0381 19.8206 12.7303 18.2073 12.7303C16.594 12.7303 15.2861 14.0381 15.2861 15.6514C15.2861 17.2648 16.594 18.5726 18.2073 18.5726Z", stroke: props.color ?? "#5E6F8D", "stroke-width": "1.5", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M12 5.42739H16.8382C17.5944 5.42739 18.2075 6.04042 18.2075 6.79669V9.25", stroke: props.color ?? "#5E6F8D", "stroke-width": "1.5", "stroke-miterlimit": "10", "stroke-linecap": "square" }), jsx("path", { d: "M16.7471 8.7137L18.2077 10.1743L19.6682 8.7137", stroke: props.color ?? "#5E6F8D", "stroke-miterlimit": "10", "stroke-linecap": "square" }), jsx("path", { d: "M12.0004 18.5726H7.16226C6.406 18.5726 5.79297 17.9596 5.79297 17.2033V14.2769", stroke: props.color ?? "#5E6F8D", "stroke-width": "1.5", "stroke-miterlimit": "10", "stroke-linecap": "square" }), jsx("path", { d: "M7.25319 14.5606L5.79261 13.1L4.33203 14.5606", stroke: props.color ?? "#5E6F8D", "stroke-miterlimit": "10", "stroke-linecap": "square" })] }), jsx("defs", { children: jsx("clipPath", { id: "clip0_314_1303", children: jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
680
684
 
681
- const ReciveCryptoIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("path", { d: "M9 7V6C9 5.73478 8.89464 5.48043 8.70711 5.29289C8.51957 5.10536 8.26522 5 8 5C7.73478 5 7.48043 5.10536 7.29289 5.29289C7.10536 5.48043 7 5.73478 7 6V7H6V6C6 5.73478 5.89464 5.48043 5.70711 5.29289C5.51957 5.10536 5.26522 5 5 5C4.73478 5 4.48043 5.10536 4.29289 5.29289C4.10536 5.48043 4 5.73478 4 6V7H3C2.73478 7 2.48043 7.10536 2.29289 7.29289C2.10536 7.48043 2 7.73478 2 8C2 8.26522 2.10536 8.51957 2.29289 8.70711C2.48043 8.89464 2.73478 9 3 9H4V15H3C2.73478 15 2.48043 15.1054 2.29289 15.2929C2.10536 15.4804 2 15.7348 2 16C2 16.2652 2.10536 16.5196 2.29289 16.7071C2.48043 16.8946 2.73478 17 3 17H4V18C4 18.2652 4.10536 18.5196 4.29289 18.7071C4.48043 18.8946 4.73478 19 5 19C5.26522 19 5.51957 18.8946 5.70711 18.7071C5.89464 18.5196 6 18.2652 6 18V17H7V18C7 18.2652 7.10536 18.5196 7.29289 18.7071C7.48043 18.8946 7.73478 19 8 19C8.26522 19 8.51957 18.8946 8.70711 18.7071C8.89464 18.5196 9 18.2652 9 18V17C9.79565 17 10.5587 16.6839 11.1213 16.1213C11.6839 15.5587 12 14.7956 12 14C11.9983 13.2613 11.7242 12.5491 11.23 12C11.7242 11.4509 11.9983 10.7387 12 10C12 9.20435 11.6839 8.44129 11.1213 7.87868C10.5587 7.31607 9.79565 7 9 7ZM9 15H6V13H9C9.26522 13 9.51957 13.1054 9.70711 13.2929C9.89464 13.4804 10 13.7348 10 14C10 14.2652 9.89464 14.5196 9.70711 14.7071C9.51957 14.8946 9.26522 15 9 15ZM9 11H6V9H9C9.26522 9 9.51957 9.10536 9.70711 9.29289C9.89464 9.48043 10 9.73478 10 10C10 10.2652 9.89464 10.5196 9.70711 10.7071C9.51957 10.8946 9.26522 11 9 11Z", fill: "#2D58B6" }), jsx("path", { d: "M20.2883 12.79L19.4994 13.59L19.4994 9C19.4994 8.73478 19.3942 8.48043 19.207 8.29289C19.0197 8.10535 18.7657 8 18.5009 8C18.236 8 17.982 8.10535 17.7947 8.29289C17.6075 8.48043 17.5023 8.73478 17.5023 9L17.5023 13.59L16.7134 12.79C16.6205 12.6963 16.5101 12.6219 16.3884 12.5711C16.2667 12.5203 16.1362 12.4942 16.0044 12.4942C15.8726 12.4942 15.742 12.5203 15.6203 12.5711C15.4987 12.6219 15.3882 12.6963 15.2954 12.79C15.2018 12.883 15.1275 12.9936 15.0768 13.1154C15.0261 13.2373 15 13.368 15 13.5C15 13.632 15.0261 13.7627 15.0768 13.8846C15.1275 14.0064 15.2018 14.117 15.2954 14.21L17.7919 16.71C17.8868 16.801 17.9988 16.8724 18.1214 16.92C18.3645 17.02 18.6372 17.02 18.8803 16.92C19.0029 16.8724 19.1149 16.801 19.2099 16.71L21.7063 14.21C21.8944 14.0217 22 13.7663 22 13.5C22 13.2337 21.8944 12.9783 21.7063 12.79C21.5183 12.6017 21.2633 12.4959 20.9973 12.4959C20.7314 12.4959 20.4764 12.6017 20.2883 12.79Z", fill: "#2D58B6" })] }));
685
+ const ReciveCryptoIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("path", { d: "M9 7V6C9 5.73478 8.89464 5.48043 8.70711 5.29289C8.51957 5.10536 8.26522 5 8 5C7.73478 5 7.48043 5.10536 7.29289 5.29289C7.10536 5.48043 7 5.73478 7 6V7H6V6C6 5.73478 5.89464 5.48043 5.70711 5.29289C5.51957 5.10536 5.26522 5 5 5C4.73478 5 4.48043 5.10536 4.29289 5.29289C4.10536 5.48043 4 5.73478 4 6V7H3C2.73478 7 2.48043 7.10536 2.29289 7.29289C2.10536 7.48043 2 7.73478 2 8C2 8.26522 2.10536 8.51957 2.29289 8.70711C2.48043 8.89464 2.73478 9 3 9H4V15H3C2.73478 15 2.48043 15.1054 2.29289 15.2929C2.10536 15.4804 2 15.7348 2 16C2 16.2652 2.10536 16.5196 2.29289 16.7071C2.48043 16.8946 2.73478 17 3 17H4V18C4 18.2652 4.10536 18.5196 4.29289 18.7071C4.48043 18.8946 4.73478 19 5 19C5.26522 19 5.51957 18.8946 5.70711 18.7071C5.89464 18.5196 6 18.2652 6 18V17H7V18C7 18.2652 7.10536 18.5196 7.29289 18.7071C7.48043 18.8946 7.73478 19 8 19C8.26522 19 8.51957 18.8946 8.70711 18.7071C8.89464 18.5196 9 18.2652 9 18V17C9.79565 17 10.5587 16.6839 11.1213 16.1213C11.6839 15.5587 12 14.7956 12 14C11.9983 13.2613 11.7242 12.5491 11.23 12C11.7242 11.4509 11.9983 10.7387 12 10C12 9.20435 11.6839 8.44129 11.1213 7.87868C10.5587 7.31607 9.79565 7 9 7ZM9 15H6V13H9C9.26522 13 9.51957 13.1054 9.70711 13.2929C9.89464 13.4804 10 13.7348 10 14C10 14.2652 9.89464 14.5196 9.70711 14.7071C9.51957 14.8946 9.26522 15 9 15ZM9 11H6V9H9C9.26522 9 9.51957 9.10536 9.70711 9.29289C9.89464 9.48043 10 9.73478 10 10C10 10.2652 9.89464 10.5196 9.70711 10.7071C9.51957 10.8946 9.26522 11 9 11Z", fill: props.color ?? "#2D58B6" }), jsx("path", { d: "M20.2883 12.79L19.4994 13.59L19.4994 9C19.4994 8.73478 19.3942 8.48043 19.207 8.29289C19.0197 8.10535 18.7657 8 18.5009 8C18.236 8 17.982 8.10535 17.7947 8.29289C17.6075 8.48043 17.5023 8.73478 17.5023 9L17.5023 13.59L16.7134 12.79C16.6205 12.6963 16.5101 12.6219 16.3884 12.5711C16.2667 12.5203 16.1362 12.4942 16.0044 12.4942C15.8726 12.4942 15.742 12.5203 15.6203 12.5711C15.4987 12.6219 15.3882 12.6963 15.2954 12.79C15.2018 12.883 15.1275 12.9936 15.0768 13.1154C15.0261 13.2373 15 13.368 15 13.5C15 13.632 15.0261 13.7627 15.0768 13.8846C15.1275 14.0064 15.2018 14.117 15.2954 14.21L17.7919 16.71C17.8868 16.801 17.9988 16.8724 18.1214 16.92C18.3645 17.02 18.6372 17.02 18.8803 16.92C19.0029 16.8724 19.1149 16.801 19.2099 16.71L21.7063 14.21C21.8944 14.0217 22 13.7663 22 13.5C22 13.2337 21.8944 12.9783 21.7063 12.79C21.5183 12.6017 21.2633 12.4959 20.9973 12.4959C20.7314 12.4959 20.4764 12.6017 20.2883 12.79Z", fill: props.color ?? "#2D58B6" })] }));
682
686
 
683
- const SearchIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("g", { "clip-path": "url(#clip0_295_871)", children: jsx("path", { d: "M21.9399 20.5624L15.4474 14.0699C16.4549 12.7675 16.9999 11.175 16.9999 9.49997C16.9999 7.49498 16.2174 5.61498 14.8024 4.19749C13.3874 2.78 11.5025 2 9.49997 2C7.49748 2 5.61248 2.7825 4.19749 4.19749C2.78 5.61248 2 7.49498 2 9.49997C2 11.5025 2.7825 13.3874 4.19749 14.8024C5.61248 16.2199 7.49498 16.9999 9.49997 16.9999C11.175 16.9999 12.765 16.4549 14.0674 15.4499L20.5599 21.9399C20.579 21.959 20.6016 21.9741 20.6264 21.9844C20.6513 21.9947 20.678 22 20.7049 22C20.7318 22 20.7585 21.9947 20.7834 21.9844C20.8083 21.9741 20.8309 21.959 20.8499 21.9399L21.9399 20.8524C21.959 20.8334 21.9741 20.8108 21.9844 20.7859C21.9947 20.761 22 20.7343 22 20.7074C22 20.6805 21.9947 20.6538 21.9844 20.6289C21.9741 20.6041 21.959 20.5815 21.9399 20.5624ZM13.46 13.46C12.4 14.5174 10.995 15.0999 9.49997 15.0999C8.00497 15.0999 6.59998 14.5174 5.53998 13.46C4.48249 12.4 3.89999 10.995 3.89999 9.49997C3.89999 8.00497 4.48249 6.59748 5.53998 5.53998C6.59998 4.48249 8.00497 3.89999 9.49997 3.89999C10.995 3.89999 12.4025 4.47999 13.46 5.53998C14.5174 6.59998 15.0999 8.00497 15.0999 9.49997C15.0999 10.995 14.5174 12.4025 13.46 13.46Z", fill: "#202D52" }) }), jsx("defs", { children: jsx("clipPath", { id: "clip0_295_871", children: jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
687
+ const SearchIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("g", { "clip-path": "url(#clip0_295_871)", children: jsx("path", { d: "M21.9399 20.5624L15.4474 14.0699C16.4549 12.7675 16.9999 11.175 16.9999 9.49997C16.9999 7.49498 16.2174 5.61498 14.8024 4.19749C13.3874 2.78 11.5025 2 9.49997 2C7.49748 2 5.61248 2.7825 4.19749 4.19749C2.78 5.61248 2 7.49498 2 9.49997C2 11.5025 2.7825 13.3874 4.19749 14.8024C5.61248 16.2199 7.49498 16.9999 9.49997 16.9999C11.175 16.9999 12.765 16.4549 14.0674 15.4499L20.5599 21.9399C20.579 21.959 20.6016 21.9741 20.6264 21.9844C20.6513 21.9947 20.678 22 20.7049 22C20.7318 22 20.7585 21.9947 20.7834 21.9844C20.8083 21.9741 20.8309 21.959 20.8499 21.9399L21.9399 20.8524C21.959 20.8334 21.9741 20.8108 21.9844 20.7859C21.9947 20.761 22 20.7343 22 20.7074C22 20.6805 21.9947 20.6538 21.9844 20.6289C21.9741 20.6041 21.959 20.5815 21.9399 20.5624ZM13.46 13.46C12.4 14.5174 10.995 15.0999 9.49997 15.0999C8.00497 15.0999 6.59998 14.5174 5.53998 13.46C4.48249 12.4 3.89999 10.995 3.89999 9.49997C3.89999 8.00497 4.48249 6.59748 5.53998 5.53998C6.59998 4.48249 8.00497 3.89999 9.49997 3.89999C10.995 3.89999 12.4025 4.47999 13.46 5.53998C14.5174 6.59998 15.0999 8.00497 15.0999 9.49997C15.0999 10.995 14.5174 12.4025 13.46 13.46Z", fill: props.color ?? "#202D52" }) }), jsx("defs", { children: jsx("clipPath", { id: "clip0_295_871", children: jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
684
688
 
685
- const SendCryptoIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("path", { d: "M9 7V6C9 5.73478 8.89464 5.48043 8.70711 5.29289C8.51957 5.10536 8.26522 5 8 5C7.73478 5 7.48043 5.10536 7.29289 5.29289C7.10536 5.48043 7 5.73478 7 6V7H6V6C6 5.73478 5.89464 5.48043 5.70711 5.29289C5.51957 5.10536 5.26522 5 5 5C4.73478 5 4.48043 5.10536 4.29289 5.29289C4.10536 5.48043 4 5.73478 4 6V7H3C2.73478 7 2.48043 7.10536 2.29289 7.29289C2.10536 7.48043 2 7.73478 2 8C2 8.26522 2.10536 8.51957 2.29289 8.70711C2.48043 8.89464 2.73478 9 3 9H4V15H3C2.73478 15 2.48043 15.1054 2.29289 15.2929C2.10536 15.4804 2 15.7348 2 16C2 16.2652 2.10536 16.5196 2.29289 16.7071C2.48043 16.8946 2.73478 17 3 17H4V18C4 18.2652 4.10536 18.5196 4.29289 18.7071C4.48043 18.8946 4.73478 19 5 19C5.26522 19 5.51957 18.8946 5.70711 18.7071C5.89464 18.5196 6 18.2652 6 18V17H7V18C7 18.2652 7.10536 18.5196 7.29289 18.7071C7.48043 18.8946 7.73478 19 8 19C8.26522 19 8.51957 18.8946 8.70711 18.7071C8.89464 18.5196 9 18.2652 9 18V17C9.79565 17 10.5587 16.6839 11.1213 16.1213C11.6839 15.5587 12 14.7956 12 14C11.9983 13.2613 11.7242 12.5491 11.23 12C11.7242 11.4509 11.9983 10.7387 12 10C12 9.20435 11.6839 8.44129 11.1213 7.87868C10.5587 7.31607 9.79565 7 9 7ZM9 15H6V13H9C9.26522 13 9.51957 13.1054 9.70711 13.2929C9.89464 13.4804 10 13.7348 10 14C10 14.2652 9.89464 14.5196 9.70711 14.7071C9.51957 14.8946 9.26522 15 9 15ZM9 11H6V9H9C9.26522 9 9.51957 9.10536 9.70711 9.29289C9.89464 9.48043 10 9.73478 10 10C10 10.2652 9.89464 10.5196 9.70711 10.7071C9.51957 10.8946 9.26522 11 9 11Z", fill: "#2D58B6" }), jsx("path", { d: "M20.2883 12.205L19.4994 11.405L19.4994 15.995C19.4994 16.2602 19.3942 16.5146 19.207 16.7021C19.0197 16.8897 18.7657 16.995 18.5009 16.995C18.236 16.995 17.982 16.8897 17.7947 16.7021C17.6075 16.5146 17.5023 16.2602 17.5023 15.995L17.5023 11.405L16.7134 12.205C16.6205 12.2987 16.5101 12.3731 16.3884 12.4239C16.2667 12.4747 16.1362 12.5008 16.0044 12.5008C15.8726 12.5008 15.742 12.4747 15.6203 12.4239C15.4987 12.3731 15.3882 12.2987 15.2954 12.205C15.2018 12.112 15.1275 12.0014 15.0768 11.8796C15.0261 11.7577 15 11.627 15 11.495C15 11.363 15.0261 11.2323 15.0768 11.1104C15.1275 10.9886 15.2018 10.878 15.2954 10.785L17.7919 8.28501C17.8868 8.19397 17.9988 8.12261 18.1214 8.07501C18.3645 7.975 18.6372 7.975 18.8803 8.07501C19.0029 8.12261 19.1149 8.19397 19.2099 8.28501L21.7063 10.785C21.8944 10.9733 22 11.2287 22 11.495C22 11.7613 21.8944 12.0167 21.7063 12.205C21.5183 12.3933 21.2633 12.4991 20.9973 12.4991C20.7314 12.4991 20.4764 12.3933 20.2883 12.205Z", fill: "#2D58B6" })] }));
689
+ const SendCryptoIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("path", { d: "M9 7V6C9 5.73478 8.89464 5.48043 8.70711 5.29289C8.51957 5.10536 8.26522 5 8 5C7.73478 5 7.48043 5.10536 7.29289 5.29289C7.10536 5.48043 7 5.73478 7 6V7H6V6C6 5.73478 5.89464 5.48043 5.70711 5.29289C5.51957 5.10536 5.26522 5 5 5C4.73478 5 4.48043 5.10536 4.29289 5.29289C4.10536 5.48043 4 5.73478 4 6V7H3C2.73478 7 2.48043 7.10536 2.29289 7.29289C2.10536 7.48043 2 7.73478 2 8C2 8.26522 2.10536 8.51957 2.29289 8.70711C2.48043 8.89464 2.73478 9 3 9H4V15H3C2.73478 15 2.48043 15.1054 2.29289 15.2929C2.10536 15.4804 2 15.7348 2 16C2 16.2652 2.10536 16.5196 2.29289 16.7071C2.48043 16.8946 2.73478 17 3 17H4V18C4 18.2652 4.10536 18.5196 4.29289 18.7071C4.48043 18.8946 4.73478 19 5 19C5.26522 19 5.51957 18.8946 5.70711 18.7071C5.89464 18.5196 6 18.2652 6 18V17H7V18C7 18.2652 7.10536 18.5196 7.29289 18.7071C7.48043 18.8946 7.73478 19 8 19C8.26522 19 8.51957 18.8946 8.70711 18.7071C8.89464 18.5196 9 18.2652 9 18V17C9.79565 17 10.5587 16.6839 11.1213 16.1213C11.6839 15.5587 12 14.7956 12 14C11.9983 13.2613 11.7242 12.5491 11.23 12C11.7242 11.4509 11.9983 10.7387 12 10C12 9.20435 11.6839 8.44129 11.1213 7.87868C10.5587 7.31607 9.79565 7 9 7ZM9 15H6V13H9C9.26522 13 9.51957 13.1054 9.70711 13.2929C9.89464 13.4804 10 13.7348 10 14C10 14.2652 9.89464 14.5196 9.70711 14.7071C9.51957 14.8946 9.26522 15 9 15ZM9 11H6V9H9C9.26522 9 9.51957 9.10536 9.70711 9.29289C9.89464 9.48043 10 9.73478 10 10C10 10.2652 9.89464 10.5196 9.70711 10.7071C9.51957 10.8946 9.26522 11 9 11Z", fill: props.color ?? "#2D58B6" }), jsx("path", { d: "M20.2883 12.205L19.4994 11.405L19.4994 15.995C19.4994 16.2602 19.3942 16.5146 19.207 16.7021C19.0197 16.8897 18.7657 16.995 18.5009 16.995C18.236 16.995 17.982 16.8897 17.7947 16.7021C17.6075 16.5146 17.5023 16.2602 17.5023 15.995L17.5023 11.405L16.7134 12.205C16.6205 12.2987 16.5101 12.3731 16.3884 12.4239C16.2667 12.4747 16.1362 12.5008 16.0044 12.5008C15.8726 12.5008 15.742 12.4747 15.6203 12.4239C15.4987 12.3731 15.3882 12.2987 15.2954 12.205C15.2018 12.112 15.1275 12.0014 15.0768 11.8796C15.0261 11.7577 15 11.627 15 11.495C15 11.363 15.0261 11.2323 15.0768 11.1104C15.1275 10.9886 15.2018 10.878 15.2954 10.785L17.7919 8.28501C17.8868 8.19397 17.9988 8.12261 18.1214 8.07501C18.3645 7.975 18.6372 7.975 18.8803 8.07501C19.0029 8.12261 19.1149 8.19397 19.2099 8.28501L21.7063 10.785C21.8944 10.9733 22 11.2287 22 11.495C22 11.7613 21.8944 12.0167 21.7063 12.205C21.5183 12.3933 21.2633 12.4991 20.9973 12.4991C20.7314 12.4991 20.4764 12.3933 20.2883 12.205Z", fill: props.color ?? "#2D58B6" })] }));
686
690
 
687
- const SettingsIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("path", { d: "M10.2621 4.22652C10.8436 2.59116 13.1564 2.59116 13.7379 4.22652C14.1042 5.25639 15.2806 5.74367 16.2678 5.27441C17.8354 4.52926 19.4707 6.16463 18.7256 7.73223C18.2563 8.71942 18.7436 9.89583 19.7735 10.2621C21.4088 10.8436 21.4088 13.1564 19.7735 13.7379C18.7436 14.1042 18.2563 15.2806 18.7256 16.2678C19.4707 17.8354 17.8354 19.4707 16.2678 18.7256C15.2806 18.2563 14.1042 18.7436 13.7379 19.7735C13.1564 21.4088 10.8436 21.4088 10.2621 19.7735C9.89583 18.7436 8.71942 18.2563 7.73223 18.7256C6.16463 19.4707 4.52926 17.8354 5.27441 16.2678C5.74367 15.2806 5.25639 14.1042 4.22652 13.7379C2.59116 13.1564 2.59116 10.8436 4.22652 10.2621C5.25639 9.89583 5.74367 8.71942 5.27441 7.73223C4.52926 6.16463 6.16463 4.52926 7.73223 5.27441C8.71942 5.74367 9.89583 5.25639 10.2621 4.22652Z", stroke: "#5E6F8D", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("circle", { cx: "12", cy: "12", r: "3", stroke: "#5E6F8D", "stroke-width": "2" })] }));
691
+ const SettingsIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("path", { d: "M10.2621 4.22652C10.8436 2.59116 13.1564 2.59116 13.7379 4.22652C14.1042 5.25639 15.2806 5.74367 16.2678 5.27441C17.8354 4.52926 19.4707 6.16463 18.7256 7.73223C18.2563 8.71942 18.7436 9.89583 19.7735 10.2621C21.4088 10.8436 21.4088 13.1564 19.7735 13.7379C18.7436 14.1042 18.2563 15.2806 18.7256 16.2678C19.4707 17.8354 17.8354 19.4707 16.2678 18.7256C15.2806 18.2563 14.1042 18.7436 13.7379 19.7735C13.1564 21.4088 10.8436 21.4088 10.2621 19.7735C9.89583 18.7436 8.71942 18.2563 7.73223 18.7256C6.16463 19.4707 4.52926 17.8354 5.27441 16.2678C5.74367 15.2806 5.25639 14.1042 4.22652 13.7379C2.59116 13.1564 2.59116 10.8436 4.22652 10.2621C5.25639 9.89583 5.74367 8.71942 5.27441 7.73223C4.52926 6.16463 6.16463 4.52926 7.73223 5.27441C8.71942 5.74367 9.89583 5.25639 10.2621 4.22652Z", stroke: props.color ?? "#5E6F8D", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("circle", { cx: "12", cy: "12", r: "3", stroke: props.color ?? "#5E6F8D", "stroke-width": "2" })] }));
688
692
 
689
- const TopUpIcon = (props) => (jsx(Icon, { ...props, children: jsx("path", { d: "M4 5C4 5.26522 4.10536 5.51957 4.29289 5.70711C4.48043 5.89464 4.73478 6 5 6H21C21.2652 6 21.5196 6.10536 21.7071 6.29289C21.8946 6.48043 22 6.73478 22 7V21C22 21.2652 21.8946 21.5196 21.7071 21.7071C21.5196 21.8946 21.2652 22 21 22H16C15.7348 22 15.4804 21.8946 15.2929 21.7071C15.1054 21.5196 15 21.2652 15 21C15 20.7348 15.1054 20.4804 15.2929 20.2929C15.4804 20.1054 15.7348 20 16 20H20V8H5C4.65856 7.99669 4.32026 7.93444 4 7.816V19C4 19.2652 4.10536 19.5196 4.29289 19.7071C4.48043 19.8946 4.73478 20 5 20H10C10.2652 20 10.5196 19.8946 10.7071 19.7071C10.8946 19.5196 11 19.2652 11 19V14.414L9.707 15.707C9.5184 15.8892 9.2658 15.99 9.0036 15.9877C8.7414 15.9854 8.49059 15.8802 8.30518 15.6948C8.11977 15.5094 8.0146 15.2586 8.01233 14.9964C8.01005 14.7342 8.11084 14.4816 8.293 14.293L11.293 11.293C11.3861 11.1997 11.497 11.1259 11.619 11.076C11.8636 10.9749 12.1384 10.9749 12.383 11.076C12.505 11.1259 12.6159 11.1997 12.709 11.293L15.709 14.293C15.8912 14.4816 15.992 14.7342 15.9897 14.9964C15.9874 15.2586 15.8822 15.5094 15.6968 15.6948C15.5114 15.8802 15.2606 15.9854 14.9984 15.9877C14.7362 15.99 14.4836 15.8892 14.295 15.707L13 14.414V19C13 19.7956 12.6839 20.5587 12.1213 21.1213C11.5587 21.6839 10.7956 22 10 22H5C4.20435 22 3.44129 21.6839 2.87868 21.1213C2.31607 20.5587 2 19.7956 2 19V5C2 4.20435 2.31607 3.44129 2.87868 2.87868C3.44129 2.31607 4.20435 2 5 2H21C21.2652 2 21.5196 2.10536 21.7071 2.29289C21.8946 2.48043 22 2.73478 22 3C22 3.26522 21.8946 3.51957 21.7071 3.70711C21.5196 3.89464 21.2652 4 21 4H5C4.73478 4 4.48043 4.10536 4.29289 4.29289C4.10536 4.48043 4 4.73478 4 5Z", fill: "#2D58B6" }) }));
693
+ const TopUpIcon = (props) => (jsx(Icon, { ...props, children: jsx("path", { d: "M4 5C4 5.26522 4.10536 5.51957 4.29289 5.70711C4.48043 5.89464 4.73478 6 5 6H21C21.2652 6 21.5196 6.10536 21.7071 6.29289C21.8946 6.48043 22 6.73478 22 7V21C22 21.2652 21.8946 21.5196 21.7071 21.7071C21.5196 21.8946 21.2652 22 21 22H16C15.7348 22 15.4804 21.8946 15.2929 21.7071C15.1054 21.5196 15 21.2652 15 21C15 20.7348 15.1054 20.4804 15.2929 20.2929C15.4804 20.1054 15.7348 20 16 20H20V8H5C4.65856 7.99669 4.32026 7.93444 4 7.816V19C4 19.2652 4.10536 19.5196 4.29289 19.7071C4.48043 19.8946 4.73478 20 5 20H10C10.2652 20 10.5196 19.8946 10.7071 19.7071C10.8946 19.5196 11 19.2652 11 19V14.414L9.707 15.707C9.5184 15.8892 9.2658 15.99 9.0036 15.9877C8.7414 15.9854 8.49059 15.8802 8.30518 15.6948C8.11977 15.5094 8.0146 15.2586 8.01233 14.9964C8.01005 14.7342 8.11084 14.4816 8.293 14.293L11.293 11.293C11.3861 11.1997 11.497 11.1259 11.619 11.076C11.8636 10.9749 12.1384 10.9749 12.383 11.076C12.505 11.1259 12.6159 11.1997 12.709 11.293L15.709 14.293C15.8912 14.4816 15.992 14.7342 15.9897 14.9964C15.9874 15.2586 15.8822 15.5094 15.6968 15.6948C15.5114 15.8802 15.2606 15.9854 14.9984 15.9877C14.7362 15.99 14.4836 15.8892 14.295 15.707L13 14.414V19C13 19.7956 12.6839 20.5587 12.1213 21.1213C11.5587 21.6839 10.7956 22 10 22H5C4.20435 22 3.44129 21.6839 2.87868 21.1213C2.31607 20.5587 2 19.7956 2 19V5C2 4.20435 2.31607 3.44129 2.87868 2.87868C3.44129 2.31607 4.20435 2 5 2H21C21.2652 2 21.5196 2.10536 21.7071 2.29289C21.8946 2.48043 22 2.73478 22 3C22 3.26522 21.8946 3.51957 21.7071 3.70711C21.5196 3.89464 21.2652 4 21 4H5C4.73478 4 4.48043 4.10536 4.29289 4.29289C4.10536 4.48043 4 4.73478 4 5Z", fill: props.color ?? "#2D58B6" }) }));
690
694
 
691
- const UserIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 13C14.2091 13 16 11.2091 16 9C16 6.79086 14.2091 5 12 5C9.79086 5 8 6.79086 8 9C8 11.2091 9.79086 13 12 13ZM12 15C15.3137 15 18 12.3137 18 9C18 5.68629 15.3137 3 12 3C8.68629 3 6 5.68629 6 9C6 12.3137 8.68629 15 12 15Z", fill: "#202D52" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 15C8.13401 15 5 18.134 5 22H3C3 17.0294 7.02944 13 12 13C16.9706 13 21 17.0294 21 22H19C19 18.134 15.866 15 12 15Z", fill: "#202D52" })] }));
695
+ const UserIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 13C14.2091 13 16 11.2091 16 9C16 6.79086 14.2091 5 12 5C9.79086 5 8 6.79086 8 9C8 11.2091 9.79086 13 12 13ZM12 15C15.3137 15 18 12.3137 18 9C18 5.68629 15.3137 3 12 3C8.68629 3 6 5.68629 6 9C6 12.3137 8.68629 15 12 15Z", fill: props.color ?? "#202D52" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 15C8.13401 15 5 18.134 5 22H3C3 17.0294 7.02944 13 12 13C16.9706 13 21 17.0294 21 22H19C19 18.134 15.866 15 12 15Z", fill: props.color ?? "#202D52" })] }));
692
696
 
693
- const UsersIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("circle", { cx: "9", cy: "9", r: "4", stroke: "#5E6F8D", "stroke-width": "2" }), jsx("path", { d: "M15 13C17.2091 13 19 11.2091 19 9C19 6.79086 17.2091 5 15 5", stroke: "#5E6F8D", "stroke-width": "2" }), jsx("path", { d: "M16 20C16 16.134 12.866 13 9 13C5.13401 13 2 16.134 2 20", stroke: "#5E6F8D", "stroke-width": "2" }), jsx("path", { d: "M22 20C22 16.134 18.866 13 15 13", stroke: "#5E6F8D", "stroke-width": "2" })] }));
697
+ const UsersIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("circle", { cx: "9", cy: "9", r: "4", stroke: props.color ?? "#5E6F8D", "stroke-width": "2" }), jsx("path", { d: "M15 13C17.2091 13 19 11.2091 19 9C19 6.79086 17.2091 5 15 5", stroke: props.color ?? "#5E6F8D", "stroke-width": "2" }), jsx("path", { d: "M16 20C16 16.134 12.866 13 9 13C5.13401 13 2 16.134 2 20", stroke: props.color ?? "#5E6F8D", "stroke-width": "2" }), jsx("path", { d: "M22 20C22 16.134 18.866 13 15 13", stroke: props.color ?? "#5E6F8D", "stroke-width": "2" })] }));
694
698
 
695
- const WalletIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21.9524 7.80556C22.531 7.80556 23 8.27814 23 8.86111V16.7778C23 17.3607 22.531 17.8333 21.9524 17.8333C21.3738 17.8333 20.9048 17.3607 20.9048 16.7778V8.86111C20.9048 8.27814 21.3738 7.80556 21.9524 7.80556Z", fill: "#5E6F8D" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 7.27778C1 6.11184 1.93807 5.16667 3.09524 5.16667H20.9048C22.0619 5.16667 23 6.11184 23 7.27778V18.8889C23 20.0548 22.0619 21 20.9048 21H3.09524C1.93807 21 1 20.0548 1 18.8889V7.27778ZM20.9048 7.27778H3.09524V18.8889H20.9048V7.27778Z", fill: "#5E6F8D" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.4762 9.91667C11.4762 9.3337 11.9452 8.86111 12.5238 8.86111H21.9524C22.531 8.86111 23 9.3337 23 9.91667V15.7222C23 16.3052 22.531 16.7778 21.9524 16.7778H12.5238C11.9452 16.7778 11.4762 16.3052 11.4762 15.7222V9.91667ZM13.5714 10.9722V14.6667H20.9048V10.9722H13.5714Z", fill: "#5E6F8D" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.25389 3.27095C3.80971 2.52795 4.71168 2 5.97619 2H13.5714C14.1515 2 15.0585 2.18471 15.8416 2.83449C16.6693 3.5213 17.2381 4.62802 17.2381 6.22222C17.2381 6.80519 16.7691 7.27778 16.1905 7.27778C15.6119 7.27778 15.1429 6.80519 15.1429 6.22222C15.1429 5.17753 14.795 4.70092 14.5096 4.46412C14.1796 4.19029 13.7771 4.11111 13.5714 4.11111H5.97619C5.35498 4.11111 5.07839 4.33938 4.92706 4.54166C4.73771 4.79478 4.66667 5.1251 4.66667 5.32421V6.22222C4.66667 6.80519 4.19763 7.27778 3.61905 7.27778C3.04046 7.27778 2.57143 6.80519 2.57143 6.22222V5.32421C2.57143 4.7671 2.7361 3.9631 3.25389 3.27095Z", fill: "#5E6F8D" }), jsx("path", { d: "M16.9762 13.6111C17.4101 13.6111 17.7619 13.2567 17.7619 12.8194C17.7619 12.3822 17.4101 12.0278 16.9762 12.0278C16.5423 12.0278 16.1905 12.3822 16.1905 12.8194C16.1905 13.2567 16.5423 13.6111 16.9762 13.6111Z", fill: "#5E6F8D" })] }));
699
+ const WalletIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21.9524 7.80556C22.531 7.80556 23 8.27814 23 8.86111V16.7778C23 17.3607 22.531 17.8333 21.9524 17.8333C21.3738 17.8333 20.9048 17.3607 20.9048 16.7778V8.86111C20.9048 8.27814 21.3738 7.80556 21.9524 7.80556Z", fill: props.color ?? "#5E6F8D" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 7.27778C1 6.11184 1.93807 5.16667 3.09524 5.16667H20.9048C22.0619 5.16667 23 6.11184 23 7.27778V18.8889C23 20.0548 22.0619 21 20.9048 21H3.09524C1.93807 21 1 20.0548 1 18.8889V7.27778ZM20.9048 7.27778H3.09524V18.8889H20.9048V7.27778Z", fill: props.color ?? "#5E6F8D" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.4762 9.91667C11.4762 9.3337 11.9452 8.86111 12.5238 8.86111H21.9524C22.531 8.86111 23 9.3337 23 9.91667V15.7222C23 16.3052 22.531 16.7778 21.9524 16.7778H12.5238C11.9452 16.7778 11.4762 16.3052 11.4762 15.7222V9.91667ZM13.5714 10.9722V14.6667H20.9048V10.9722H13.5714Z", fill: props.color ?? "#5E6F8D" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.25389 3.27095C3.80971 2.52795 4.71168 2 5.97619 2H13.5714C14.1515 2 15.0585 2.18471 15.8416 2.83449C16.6693 3.5213 17.2381 4.62802 17.2381 6.22222C17.2381 6.80519 16.7691 7.27778 16.1905 7.27778C15.6119 7.27778 15.1429 6.80519 15.1429 6.22222C15.1429 5.17753 14.795 4.70092 14.5096 4.46412C14.1796 4.19029 13.7771 4.11111 13.5714 4.11111H5.97619C5.35498 4.11111 5.07839 4.33938 4.92706 4.54166C4.73771 4.79478 4.66667 5.1251 4.66667 5.32421V6.22222C4.66667 6.80519 4.19763 7.27778 3.61905 7.27778C3.04046 7.27778 2.57143 6.80519 2.57143 6.22222V5.32421C2.57143 4.7671 2.7361 3.9631 3.25389 3.27095Z", fill: props.color ?? "#5E6F8D" }), jsx("path", { d: "M16.9762 13.6111C17.4101 13.6111 17.7619 13.2567 17.7619 12.8194C17.7619 12.3822 17.4101 12.0278 16.9762 12.0278C16.5423 12.0278 16.1905 12.3822 16.1905 12.8194C16.1905 13.2567 16.5423 13.6111 16.9762 13.6111Z", fill: props.color ?? "#5E6F8D" })] }));
696
700
 
697
- const CircleSendCryptoIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 50 50", children: [jsx("circle", { cx: "25", cy: "25", r: "25", fill: "#EFF2FB" }), jsx("path", { d: "M22 20V19C22 18.7348 21.8946 18.4804 21.7071 18.2929C21.5196 18.1054 21.2652 18 21 18C20.7348 18 20.4804 18.1054 20.2929 18.2929C20.1054 18.4804 20 18.7348 20 19V20H19V19C19 18.7348 18.8946 18.4804 18.7071 18.2929C18.5196 18.1054 18.2652 18 18 18C17.7348 18 17.4804 18.1054 17.2929 18.2929C17.1054 18.4804 17 18.7348 17 19V20H16C15.7348 20 15.4804 20.1054 15.2929 20.2929C15.1054 20.4804 15 20.7348 15 21C15 21.2652 15.1054 21.5196 15.2929 21.7071C15.4804 21.8946 15.7348 22 16 22H17V28H16C15.7348 28 15.4804 28.1054 15.2929 28.2929C15.1054 28.4804 15 28.7348 15 29C15 29.2652 15.1054 29.5196 15.2929 29.7071C15.4804 29.8946 15.7348 30 16 30H17V31C17 31.2652 17.1054 31.5196 17.2929 31.7071C17.4804 31.8946 17.7348 32 18 32C18.2652 32 18.5196 31.8946 18.7071 31.7071C18.8946 31.5196 19 31.2652 19 31V30H20V31C20 31.2652 20.1054 31.5196 20.2929 31.7071C20.4804 31.8946 20.7348 32 21 32C21.2652 32 21.5196 31.8946 21.7071 31.7071C21.8946 31.5196 22 31.2652 22 31V30C22.7956 30 23.5587 29.6839 24.1213 29.1213C24.6839 28.5587 25 27.7956 25 27C24.9983 26.2613 24.7242 25.5491 24.23 25C24.7242 24.4509 24.9983 23.7387 25 23C25 22.2044 24.6839 21.4413 24.1213 20.8787C23.5587 20.3161 22.7956 20 22 20ZM22 28H19V26H22C22.2652 26 22.5196 26.1054 22.7071 26.2929C22.8946 26.4804 23 26.7348 23 27C23 27.2652 22.8946 27.5196 22.7071 27.7071C22.5196 27.8946 22.2652 28 22 28ZM22 24H19V22H22C22.2652 22 22.5196 22.1054 22.7071 22.2929C22.8946 22.4804 23 22.7348 23 23C23 23.2652 22.8946 23.5196 22.7071 23.7071C22.5196 23.8946 22.2652 24 22 24Z", fill: "#2D58B6" }), jsx("path", { d: "M33.2883 25.205L32.4994 24.405L32.4994 28.995C32.4994 29.2602 32.3942 29.5146 32.207 29.7021C32.0197 29.8897 31.7657 29.995 31.5009 29.995C31.236 29.995 30.982 29.8897 30.7947 29.7021C30.6075 29.5146 30.5023 29.2602 30.5023 28.995L30.5023 24.405L29.7134 25.205C29.6205 25.2987 29.5101 25.3731 29.3884 25.4239C29.2667 25.4747 29.1362 25.5008 29.0044 25.5008C28.8726 25.5008 28.742 25.4747 28.6203 25.4239C28.4987 25.3731 28.3882 25.2987 28.2954 25.205C28.2018 25.112 28.1275 25.0014 28.0768 24.8796C28.0261 24.7577 28 24.627 28 24.495C28 24.363 28.0261 24.2323 28.0768 24.1104C28.1275 23.9886 28.2018 23.878 28.2954 23.785L30.7919 21.285C30.8868 21.194 30.9988 21.1226 31.1214 21.075C31.3645 20.975 31.6372 20.975 31.8803 21.075C32.0029 21.1226 32.1149 21.194 32.2099 21.285L34.7063 23.785C34.8944 23.9733 35 24.2287 35 24.495C35 24.7613 34.8944 25.0167 34.7063 25.205C34.5183 25.3933 34.2633 25.4991 33.9973 25.4991C33.7314 25.4991 33.4764 25.3933 33.2883 25.205Z", fill: "#2D58B6" })] }));
701
+ const CircleSendCryptoIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 50 50", children: [jsx("circle", { cx: "25", cy: "25", r: "25", fill: "#EFF2FB" }), jsx("path", { d: "M22 20V19C22 18.7348 21.8946 18.4804 21.7071 18.2929C21.5196 18.1054 21.2652 18 21 18C20.7348 18 20.4804 18.1054 20.2929 18.2929C20.1054 18.4804 20 18.7348 20 19V20H19V19C19 18.7348 18.8946 18.4804 18.7071 18.2929C18.5196 18.1054 18.2652 18 18 18C17.7348 18 17.4804 18.1054 17.2929 18.2929C17.1054 18.4804 17 18.7348 17 19V20H16C15.7348 20 15.4804 20.1054 15.2929 20.2929C15.1054 20.4804 15 20.7348 15 21C15 21.2652 15.1054 21.5196 15.2929 21.7071C15.4804 21.8946 15.7348 22 16 22H17V28H16C15.7348 28 15.4804 28.1054 15.2929 28.2929C15.1054 28.4804 15 28.7348 15 29C15 29.2652 15.1054 29.5196 15.2929 29.7071C15.4804 29.8946 15.7348 30 16 30H17V31C17 31.2652 17.1054 31.5196 17.2929 31.7071C17.4804 31.8946 17.7348 32 18 32C18.2652 32 18.5196 31.8946 18.7071 31.7071C18.8946 31.5196 19 31.2652 19 31V30H20V31C20 31.2652 20.1054 31.5196 20.2929 31.7071C20.4804 31.8946 20.7348 32 21 32C21.2652 32 21.5196 31.8946 21.7071 31.7071C21.8946 31.5196 22 31.2652 22 31V30C22.7956 30 23.5587 29.6839 24.1213 29.1213C24.6839 28.5587 25 27.7956 25 27C24.9983 26.2613 24.7242 25.5491 24.23 25C24.7242 24.4509 24.9983 23.7387 25 23C25 22.2044 24.6839 21.4413 24.1213 20.8787C23.5587 20.3161 22.7956 20 22 20ZM22 28H19V26H22C22.2652 26 22.5196 26.1054 22.7071 26.2929C22.8946 26.4804 23 26.7348 23 27C23 27.2652 22.8946 27.5196 22.7071 27.7071C22.5196 27.8946 22.2652 28 22 28ZM22 24H19V22H22C22.2652 22 22.5196 22.1054 22.7071 22.2929C22.8946 22.4804 23 22.7348 23 23C23 23.2652 22.8946 23.5196 22.7071 23.7071C22.5196 23.8946 22.2652 24 22 24Z", fill: props.color ?? "#2D58B6" }), jsx("path", { d: "M33.2883 25.205L32.4994 24.405L32.4994 28.995C32.4994 29.2602 32.3942 29.5146 32.207 29.7021C32.0197 29.8897 31.7657 29.995 31.5009 29.995C31.236 29.995 30.982 29.8897 30.7947 29.7021C30.6075 29.5146 30.5023 29.2602 30.5023 28.995L30.5023 24.405L29.7134 25.205C29.6205 25.2987 29.5101 25.3731 29.3884 25.4239C29.2667 25.4747 29.1362 25.5008 29.0044 25.5008C28.8726 25.5008 28.742 25.4747 28.6203 25.4239C28.4987 25.3731 28.3882 25.2987 28.2954 25.205C28.2018 25.112 28.1275 25.0014 28.0768 24.8796C28.0261 24.7577 28 24.627 28 24.495C28 24.363 28.0261 24.2323 28.0768 24.1104C28.1275 23.9886 28.2018 23.878 28.2954 23.785L30.7919 21.285C30.8868 21.194 30.9988 21.1226 31.1214 21.075C31.3645 20.975 31.6372 20.975 31.8803 21.075C32.0029 21.1226 32.1149 21.194 32.2099 21.285L34.7063 23.785C34.8944 23.9733 35 24.2287 35 24.495C35 24.7613 34.8944 25.0167 34.7063 25.205C34.5183 25.3933 34.2633 25.4991 33.9973 25.4991C33.7314 25.4991 33.4764 25.3933 33.2883 25.205Z", fill: props.color ?? "#2D58B6" })] }));
698
702
 
699
- const ClockIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { d: "M9 16.5C4.85786 16.5 1.5 13.1421 1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9C16.4954 13.1402 13.1402 16.4954 9 16.5ZM9 3C5.68629 3 3 5.68629 3 9C3 12.3137 5.68629 15 9 15C12.3137 15 15 12.3137 15 9C14.9963 5.68783 12.3122 3.00372 9 3ZM12.75 9.75H8.25V5.25H9.75V8.25H12.75V9.75Z", fill: "#9296A5" }) }));
703
+ const ClockIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { d: "M9 16.5C4.85786 16.5 1.5 13.1421 1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9C16.4954 13.1402 13.1402 16.4954 9 16.5ZM9 3C5.68629 3 3 5.68629 3 9C3 12.3137 5.68629 15 9 15C12.3137 15 15 12.3137 15 9C14.9963 5.68783 12.3122 3.00372 9 3ZM12.75 9.75H8.25V5.25H9.75V8.25H12.75V9.75Z", fill: props.color ?? "#9296A5" }) }));
700
704
 
701
- const Close2Icon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 18 18", children: [jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.29289 2.29289C2.68342 1.90237 3.31658 1.90237 3.70711 2.29289L15.2071 13.7929C15.5976 14.1834 15.5976 14.8166 15.2071 15.2071C14.8166 15.5976 14.1834 15.5976 13.7929 15.2071L2.29289 3.70711C1.90237 3.31658 1.90237 2.68342 2.29289 2.29289Z", fill: "#202D52" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.2071 2.29289C15.5976 2.68342 15.5976 3.31658 15.2071 3.70711L3.70711 15.2071C3.31658 15.5976 2.68342 15.5976 2.29289 15.2071C1.90237 14.8166 1.90237 14.1834 2.29289 13.7929L13.7929 2.29289C14.1834 1.90237 14.8166 1.90237 15.2071 2.29289Z", fill: "#202D52" })] }));
705
+ const Close2Icon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 18 18", children: [jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.29289 2.29289C2.68342 1.90237 3.31658 1.90237 3.70711 2.29289L15.2071 13.7929C15.5976 14.1834 15.5976 14.8166 15.2071 15.2071C14.8166 15.5976 14.1834 15.5976 13.7929 15.2071L2.29289 3.70711C1.90237 3.31658 1.90237 2.68342 2.29289 2.29289Z", fill: props.color ?? "#202D52" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.2071 2.29289C15.5976 2.68342 15.5976 3.31658 15.2071 3.70711L3.70711 15.2071C3.31658 15.5976 2.68342 15.5976 2.29289 15.2071C1.90237 14.8166 1.90237 14.1834 2.29289 13.7929L13.7929 2.29289C14.1834 1.90237 14.8166 1.90237 15.2071 2.29289Z", fill: props.color ?? "#202D52" })] }));
702
706
 
703
- const CopyIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { d: "M10.4999 16.5H2.9999C2.59796 16.514 2.20826 16.3604 1.92387 16.076C1.63948 15.7916 1.48593 15.4019 1.4999 15V7.50001C1.48593 7.09807 1.63948 6.70837 1.92387 6.42399C2.20826 6.1396 2.59796 5.98605 2.9999 6.00002H5.9999V3.00002C5.98593 2.59807 6.13948 2.20837 6.42387 1.92399C6.70826 1.6396 7.09796 1.48605 7.49991 1.50002H14.9999C15.4018 1.48605 15.7915 1.6396 16.0759 1.92399C16.3603 2.20837 16.5139 2.59807 16.4999 3.00002V10.5C16.5136 10.9019 16.36 11.2915 16.0757 11.5758C15.7914 11.8601 15.4018 12.0137 14.9999 12H11.9999V15C12.0136 15.4019 11.86 15.7915 11.5757 16.0758C11.2914 16.3601 10.9018 16.5137 10.4999 16.5ZM2.9999 7.50001V15H10.4999V12H7.49991C7.09802 12.0137 6.70845 11.8601 6.42411 11.5758C6.13977 11.2915 5.98616 10.9019 5.9999 10.5V7.50001H2.9999ZM7.49991 3.00002V10.5H14.9999V3.00002H7.49991Z", fill: "#5E6F8D" }) }));
707
+ const CopyIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { d: "M10.4999 16.5H2.9999C2.59796 16.514 2.20826 16.3604 1.92387 16.076C1.63948 15.7916 1.48593 15.4019 1.4999 15V7.50001C1.48593 7.09807 1.63948 6.70837 1.92387 6.42399C2.20826 6.1396 2.59796 5.98605 2.9999 6.00002H5.9999V3.00002C5.98593 2.59807 6.13948 2.20837 6.42387 1.92399C6.70826 1.6396 7.09796 1.48605 7.49991 1.50002H14.9999C15.4018 1.48605 15.7915 1.6396 16.0759 1.92399C16.3603 2.20837 16.5139 2.59807 16.4999 3.00002V10.5C16.5136 10.9019 16.36 11.2915 16.0757 11.5758C15.7914 11.8601 15.4018 12.0137 14.9999 12H11.9999V15C12.0136 15.4019 11.86 15.7915 11.5757 16.0758C11.2914 16.3601 10.9018 16.5137 10.4999 16.5ZM2.9999 7.50001V15H10.4999V12H7.49991C7.09802 12.0137 6.70845 11.8601 6.42411 11.5758C6.13977 11.2915 5.98616 10.9019 5.9999 10.5V7.50001H2.9999ZM7.49991 3.00002V10.5H14.9999V3.00002H7.49991Z", fill: props.color ?? "#5E6F8D" }) }));
704
708
 
705
- const DepositIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 18 18", children: [jsx("circle", { cx: "9", cy: "9", r: "9", fill: "#EFF2FB" }), jsx("path", { d: "M13 9L9 6L5 9", stroke: "#5E6F8D", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M13 12L9 9L5 12", stroke: "#5E6F8D", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
709
+ const DepositIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 18 18", children: [jsx("circle", { cx: "9", cy: "9", r: "9", fill: "#EFF2FB" }), jsx("path", { d: "M13 9L9 6L5 9", stroke: props.color ?? "#5E6F8D", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M13 12L9 9L5 12", stroke: props.color ?? "#5E6F8D", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
706
710
 
707
- const DepositSimpleIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 18 18", children: [jsx("path", { d: "M12 8L9 5L6 8", stroke: "#2D58B6", "stroke-width": "1.6", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M12 12.5L9 9.5L6 12.5", stroke: "#2D58B6", "stroke-width": "1.6", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
711
+ const DepositSimpleIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 18 18", children: [jsx("path", { d: "M12 8L9 5L6 8", stroke: props.color ?? "#2D58B6", "stroke-width": "1.6", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M12 12.5L9 9.5L6 12.5", stroke: props.color ?? "#2D58B6", "stroke-width": "1.6", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
708
712
 
709
- const DropdownIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 9 9", children: jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.620381 2.67461C0.800092 2.46494 1.11574 2.44066 1.3254 2.62037L4.50001 5.34146L7.67461 2.62037C7.88428 2.44066 8.19993 2.46494 8.37964 2.67461C8.55935 2.88427 8.53507 3.19992 8.3254 3.37963L4.8254 6.37963C4.63816 6.54013 4.36186 6.54013 4.17461 6.37963L0.674613 3.37963C0.46495 3.19992 0.44067 2.88427 0.620381 2.67461Z", fill: "#9296A5" }) }));
713
+ const DropdownIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 9 9", children: jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.620381 2.67461C0.800092 2.46494 1.11574 2.44066 1.3254 2.62037L4.50001 5.34146L7.67461 2.62037C7.88428 2.44066 8.19993 2.46494 8.37964 2.67461C8.55935 2.88427 8.53507 3.19992 8.3254 3.37963L4.8254 6.37963C4.63816 6.54013 4.36186 6.54013 4.17461 6.37963L0.674613 3.37963C0.46495 3.19992 0.44067 2.88427 0.620381 2.67461Z", fill: props.color ?? "#9296A5" }) }));
710
714
 
711
- const DropdownSmallIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.18057 6.26192C3.45014 5.94743 3.92361 5.911 4.2381 6.18057L9 10.2622L13.7619 6.18057C14.0764 5.911 14.5499 5.94743 14.8194 6.26192C15.089 6.57641 15.0526 7.04989 14.7381 7.31945L9.48809 11.8194C9.20723 12.0602 8.79277 12.0602 8.51191 11.8194L3.26192 7.31945C2.94743 7.04989 2.911 6.57641 3.18057 6.26192Z", fill: "#2D58B6" }) }));
715
+ const DropdownSmallIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.18057 6.26192C3.45014 5.94743 3.92361 5.911 4.2381 6.18057L9 10.2622L13.7619 6.18057C14.0764 5.911 14.5499 5.94743 14.8194 6.26192C15.089 6.57641 15.0526 7.04989 14.7381 7.31945L9.48809 11.8194C9.20723 12.0602 8.79277 12.0602 8.51191 11.8194L3.26192 7.31945C2.94743 7.04989 2.911 6.57641 3.18057 6.26192Z", fill: props.color ?? "#2D58B6" }) }));
712
716
 
713
- const DropdownUpIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 9 9", children: jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.37962 6.32539C8.19991 6.53505 7.88426 6.55933 7.6746 6.37962L4.49999 3.65853L1.32539 6.37962C1.11572 6.55933 0.800074 6.53505 0.620363 6.32539C0.440651 6.11572 0.464933 5.80007 0.674595 5.62036L4.1746 2.62036C4.36184 2.45987 4.63814 2.45987 4.82539 2.62036L8.32539 5.62036C8.53505 5.80007 8.55933 6.11572 8.37962 6.32539Z", fill: "#9296A5" }) }));
717
+ const DropdownUpIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 9 9", children: jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.37962 6.32539C8.19991 6.53505 7.88426 6.55933 7.6746 6.37962L4.49999 3.65853L1.32539 6.37962C1.11572 6.55933 0.800074 6.53505 0.620363 6.32539C0.440651 6.11572 0.464933 5.80007 0.674595 5.62036L4.1746 2.62036C4.36184 2.45987 4.63814 2.45987 4.82539 2.62036L8.32539 5.62036C8.53505 5.80007 8.55933 6.11572 8.37962 6.32539Z", fill: props.color ?? "#9296A5" }) }));
714
718
 
715
- const EditIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { d: "M8.29674 13.125H13.9634M9.62994 3.79164L3.63099 9.79059C3.19189 10.2297 2.8452 10.7627 2.73966 11.3747C2.63309 11.9925 2.59763 12.7593 2.96329 13.125C3.32895 13.4907 4.09573 13.4552 4.71361 13.3486C5.32555 13.2431 5.85855 12.8964 6.29765 12.4573L12.2966 6.45831M9.62994 3.79164C9.62994 3.79164 11.6299 1.79164 12.9633 3.12497C14.2966 4.45831 12.2966 6.45831 12.2966 6.45831M9.62994 3.79164L12.2966 6.45831", stroke: "#202D52", "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" }) }));
719
+ const EditIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { d: "M8.29674 13.125H13.9634M9.62994 3.79164L3.63099 9.79059C3.19189 10.2297 2.8452 10.7627 2.73966 11.3747C2.63309 11.9925 2.59763 12.7593 2.96329 13.125C3.32895 13.4907 4.09573 13.4552 4.71361 13.3486C5.32555 13.2431 5.85855 12.8964 6.29765 12.4573L12.2966 6.45831M9.62994 3.79164C9.62994 3.79164 11.6299 1.79164 12.9633 3.12497C14.2966 4.45831 12.2966 6.45831 12.2966 6.45831M9.62994 3.79164L12.2966 6.45831", stroke: props.color ?? "#202D52", "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" }) }));
716
720
 
717
- const ErrorBigIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 34 34", children: [jsx("circle", { cx: "17", cy: "17", r: "17", fill: "#E94F4F" }), jsx("path", { d: "M18.3789 19.2999H15.5963L15.0745 8H18.8758L18.3789 19.2999ZM18.4037 24.3973C18.0062 24.7991 17.5342 25 16.9876 25C16.441 25 15.9689 24.7991 15.5714 24.3973C15.1905 23.9956 15 23.5268 15 22.9911C15 22.4387 15.1905 21.9616 15.5714 21.5598C15.9689 21.1581 16.441 20.9572 16.9876 20.9572C17.5342 20.9572 18.0062 21.1581 18.4037 21.5598C18.8012 21.9616 19 22.4387 19 22.9911C19 23.5268 18.8012 23.9956 18.4037 24.3973Z", fill: "white" })] }));
721
+ const ErrorBigIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 34 34", children: [jsx("circle", { cx: "17", cy: "17", r: "17", fill: props.color ?? "#E94F4F" }), jsx("path", { d: "M18.3789 19.2999H15.5963L15.0745 8H18.8758L18.3789 19.2999ZM18.4037 24.3973C18.0062 24.7991 17.5342 25 16.9876 25C16.441 25 15.9689 24.7991 15.5714 24.3973C15.1905 23.9956 15 23.5268 15 22.9911C15 22.4387 15.1905 21.9616 15.5714 21.5598C15.9689 21.1581 16.441 20.9572 16.9876 20.9572C17.5342 20.9572 18.0062 21.1581 18.4037 21.5598C18.8012 21.9616 19 22.4387 19 22.9911C19 23.5268 18.8012 23.9956 18.4037 24.3973Z", fill: "white" })] }));
718
722
 
719
- const ExchangeArrowsIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("rect", { x: "18.2715", y: "13.8994", width: "15.8015", height: "2", rx: "1", transform: "rotate(180 18.2715 13.8994)", fill: "#202D52" }), jsx("rect", { width: "6.80003", height: "1.94287", rx: "0.971433", transform: "matrix(-0.677748 -0.735294 0.677748 -0.735294 4.74414 18)", fill: "#202D52" }), jsx("rect", { width: "6.80003", height: "1.94287", rx: "0.971434", transform: "matrix(-0.677748 0.735294 -0.677748 -0.735294 6.06152 9.42856)", fill: "#202D52" }), jsx("rect", { y: "4.1006", width: "15.8015", height: "2", rx: "1", fill: "#202D52" }), jsx("rect", { width: "6.80003", height: "1.94287", rx: "0.971433", transform: "matrix(0.677748 0.735294 -0.677748 0.735294 13.5273 1.52588e-05)", fill: "#202D52" }), jsx("rect", { width: "6.80003", height: "1.94287", rx: "0.971434", transform: "matrix(0.677748 -0.735294 0.677748 0.735294 12.21 8.57143)", fill: "#202D52" })] }));
723
+ const ExchangeArrowsIcon = (props) => (jsxs(Icon, { ...props, children: [jsx("rect", { x: "18.2715", y: "13.8994", width: "15.8015", height: "2", rx: "1", transform: "rotate(180 18.2715 13.8994)", fill: props.color ?? "#202D52" }), jsx("rect", { width: "6.80003", height: "1.94287", rx: "0.971433", transform: "matrix(-0.677748 -0.735294 0.677748 -0.735294 4.74414 18)", fill: props.color ?? "#202D52" }), jsx("rect", { width: "6.80003", height: "1.94287", rx: "0.971434", transform: "matrix(-0.677748 0.735294 -0.677748 -0.735294 6.06152 9.42856)", fill: props.color ?? "#202D52" }), jsx("rect", { y: "4.1006", width: "15.8015", height: "2", rx: "1", fill: props.color ?? "#202D52" }), jsx("rect", { width: "6.80003", height: "1.94287", rx: "0.971433", transform: "matrix(0.677748 0.735294 -0.677748 0.735294 13.5273 1.52588e-05)", fill: props.color ?? "#202D52" }), jsx("rect", { width: "6.80003", height: "1.94287", rx: "0.971434", transform: "matrix(0.677748 -0.735294 0.677748 0.735294 12.21 8.57143)", fill: props.color ?? "#202D52" })] }));
720
724
 
721
- const ExchangeSimpleIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 18 18", children: [jsx("path", { d: "M13.5 5.25L10.5 8.25M10.5 8.25L7.5 5.25M10.5 8.25L10.5 3", stroke: "#2D58B6", "stroke-width": "1.6", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M4.5 12.75L7.5 9.75M7.5 9.75L10.5 12.75M7.5 9.75L7.5 15", stroke: "#2D58B6", "stroke-width": "1.6", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
725
+ const ExchangeSimpleIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 18 18", children: [jsx("path", { d: "M13.5 5.25L10.5 8.25M10.5 8.25L7.5 5.25M10.5 8.25L10.5 3", stroke: props.color ?? "#2D58B6", "stroke-width": "1.6", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M4.5 12.75L7.5 9.75M7.5 9.75L10.5 12.75M7.5 9.75L7.5 15", stroke: props.color ?? "#2D58B6", "stroke-width": "1.6", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
722
726
 
723
- const HideUiIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { d: "M2.99858 3L14.9986 15M12.3736 12.5669C11.3591 13.1134 10.2125 13.4999 8.99858 13.4999C6.35059 13.4999 4.02334 11.6609 2.68876 10.3341C2.33648 9.98393 2.16038 9.8088 2.04826 9.46508C1.9683 9.21998 1.96828 8.77995 2.04826 8.53477C2.16041 8.19112 2.33688 8.01562 2.68986 7.66477C3.36252 6.99616 4.28717 6.19769 5.3778 5.57007M14.6236 10.9751C14.8733 10.7554 15.1022 10.5392 15.3074 10.3352L15.3096 10.3329C15.6611 9.98355 15.8373 9.80842 15.9492 9.46545C16.0292 9.22035 16.029 8.7801 15.9491 8.535C15.837 8.19143 15.6607 8.01577 15.3086 7.66582C13.974 6.33906 11.6465 4.5 8.99858 4.5C8.74546 4.5 8.49526 4.51681 8.24858 4.54836M9.99076 10.125C9.72631 10.3584 9.37898 10.5 8.99858 10.5C8.17013 10.5 7.49858 9.82845 7.49858 9C7.49858 8.59538 7.65878 8.22833 7.91926 7.95848", stroke: "#202D52", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }) }));
727
+ const HideUiIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { d: "M2.99858 3L14.9986 15M12.3736 12.5669C11.3591 13.1134 10.2125 13.4999 8.99858 13.4999C6.35059 13.4999 4.02334 11.6609 2.68876 10.3341C2.33648 9.98393 2.16038 9.8088 2.04826 9.46508C1.9683 9.21998 1.96828 8.77995 2.04826 8.53477C2.16041 8.19112 2.33688 8.01562 2.68986 7.66477C3.36252 6.99616 4.28717 6.19769 5.3778 5.57007M14.6236 10.9751C14.8733 10.7554 15.1022 10.5392 15.3074 10.3352L15.3096 10.3329C15.6611 9.98355 15.8373 9.80842 15.9492 9.46545C16.0292 9.22035 16.029 8.7801 15.9491 8.535C15.837 8.19143 15.6607 8.01577 15.3086 7.66582C13.974 6.33906 11.6465 4.5 8.99858 4.5C8.74546 4.5 8.49526 4.51681 8.24858 4.54836M9.99076 10.125C9.72631 10.3584 9.37898 10.5 8.99858 10.5C8.17013 10.5 7.49858 9.82845 7.49858 9C7.49858 8.59538 7.65878 8.22833 7.91926 7.95848", stroke: props.color ?? "#202D52", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }) }));
724
728
 
725
729
  const InfoIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 18 18", children: [jsx("g", { "clip-path": "url(#clip0_309_1899)", children: jsx("path", { d: "M9 16.5C4.85786 16.5 1.5 13.1421 1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9C16.4955 13.1403 13.1403 16.4955 9 16.5ZM3 9.129C3.03549 12.4299 5.73083 15.0822 9.0319 15.0645C12.333 15.0467 14.9997 12.3656 14.9997 9.0645C14.9997 5.76338 12.333 3.08233 9.0319 3.0645C5.73083 3.04684 3.03549 5.69907 3 9V9.129ZM10.5 12.75H8.25V9.75H7.5V8.25H9.75V11.25H10.5V12.75ZM9.75 6.75H8.25V5.25H9.75V6.75Z", fill: props.color || "#9296A5" }) }), jsx("defs", { children: jsx("clipPath", { id: "clip0_309_1899", children: jsx("rect", { width: "18", height: "18", fill: "white" }) }) })] }));
726
730
 
727
- const LinkIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { d: "M6.20758 15.75C4.60703 15.75 3.16407 14.7858 2.55147 13.3072C1.93887 11.8285 2.27723 10.1264 3.40882 8.99446L5.0884 7.31487L6.20758 8.43407L4.5288 10.1129C3.92889 10.7127 3.6946 11.5871 3.91418 12.4067C4.13376 13.2262 4.77387 13.8663 5.59336 14.0858C6.41285 14.3054 7.28724 14.0711 7.88714 13.4712L9.56592 11.7924L10.6851 12.9124L9.00633 14.5912C8.26556 15.3356 7.2578 15.7529 6.20758 15.75ZM6.76718 12.352L5.64799 11.2328L11.2447 5.63608L12.3639 6.75528L6.76797 12.3512L6.76718 12.352ZM12.9243 10.6733L11.8043 9.55406L13.4831 7.87527C14.0912 7.27714 14.3317 6.39883 14.1133 5.57433C13.8949 4.74983 13.251 4.10582 12.4266 3.8872C11.6021 3.66859 10.7238 3.90895 10.1255 4.51689L8.44594 6.19568L7.32677 5.07649L9.00633 3.39691C10.5538 1.86294 13.0501 1.8684 14.5909 3.40914C16.1316 4.94987 16.1371 7.44619 14.6031 8.99367L12.9243 10.6725V10.6733Z", fill: "#5E6F8D" }) }));
731
+ const LinkIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { d: "M6.20758 15.75C4.60703 15.75 3.16407 14.7858 2.55147 13.3072C1.93887 11.8285 2.27723 10.1264 3.40882 8.99446L5.0884 7.31487L6.20758 8.43407L4.5288 10.1129C3.92889 10.7127 3.6946 11.5871 3.91418 12.4067C4.13376 13.2262 4.77387 13.8663 5.59336 14.0858C6.41285 14.3054 7.28724 14.0711 7.88714 13.4712L9.56592 11.7924L10.6851 12.9124L9.00633 14.5912C8.26556 15.3356 7.2578 15.7529 6.20758 15.75ZM6.76718 12.352L5.64799 11.2328L11.2447 5.63608L12.3639 6.75528L6.76797 12.3512L6.76718 12.352ZM12.9243 10.6733L11.8043 9.55406L13.4831 7.87527C14.0912 7.27714 14.3317 6.39883 14.1133 5.57433C13.8949 4.74983 13.251 4.10582 12.4266 3.8872C11.6021 3.66859 10.7238 3.90895 10.1255 4.51689L8.44594 6.19568L7.32677 5.07649L9.00633 3.39691C10.5538 1.86294 13.0501 1.8684 14.5909 3.40914C16.1316 4.94987 16.1371 7.44619 14.6031 8.99367L12.9243 10.6725V10.6733Z", fill: props.color ?? "#5E6F8D" }) }));
728
732
 
729
- const LogoutIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 18 18", children: [jsx("path", { d: "M10.0007 12.4444V13.3333H3.33398V2.66667H10.0007V3.55556", stroke: "#202D52", "stroke-width": "1.4", "stroke-linecap": "square", "stroke-linejoin": "round" }), jsx("path", { d: "M7.33398 8H12.6673", stroke: "#202D52", "stroke-width": "1.4", "stroke-linecap": "square" }), jsx("path", { d: "M11.334 6L13.334 8L11.334 10", stroke: "#202D52", "stroke-linecap": "square", "stroke-linejoin": "round" })] }));
733
+ const LogoutIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 18 18", children: [jsx("path", { d: "M10.0007 12.4444V13.3333H3.33398V2.66667H10.0007V3.55556", stroke: props.color ?? "#202D52", "stroke-width": "1.4", "stroke-linecap": "square", "stroke-linejoin": "round" }), jsx("path", { d: "M7.33398 8H12.6673", stroke: props.color ?? "#202D52", "stroke-width": "1.4", "stroke-linecap": "square" }), jsx("path", { d: "M11.334 6L13.334 8L11.334 10", stroke: props.color ?? "#202D52", "stroke-linecap": "square", "stroke-linejoin": "round" })] }));
730
734
 
731
- const MessageSendIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { d: "M13.8663 1.59999C13.8151 1.60034 13.7642 1.60806 13.7152 1.62291C13.7008 1.62682 13.6866 1.63134 13.6725 1.63645L1.94648 5.36562V5.3677C1.73815 5.44544 1.59991 5.64429 1.59961 5.86666C1.6 6.05291 1.69754 6.22547 1.8569 6.32187L5.42044 9.14895L12.4652 3.53437L6.85065 10.5792L9.67565 14.1406C9.77192 14.3014 9.94553 14.3999 10.1329 14.4C10.3553 14.3997 10.5542 14.2615 10.6319 14.0531H10.634L14.3663 2.31666C14.3701 2.30601 14.3736 2.29524 14.3767 2.28437C14.3915 2.23538 14.3993 2.18451 14.3996 2.13332C14.3996 1.83877 14.1608 1.59999 13.8663 1.59999L13.8663 1.59999Z", fill: "#202D52" }) }));
735
+ const MessageSendIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { d: "M13.8663 1.59999C13.8151 1.60034 13.7642 1.60806 13.7152 1.62291C13.7008 1.62682 13.6866 1.63134 13.6725 1.63645L1.94648 5.36562V5.3677C1.73815 5.44544 1.59991 5.64429 1.59961 5.86666C1.6 6.05291 1.69754 6.22547 1.8569 6.32187L5.42044 9.14895L12.4652 3.53437L6.85065 10.5792L9.67565 14.1406C9.77192 14.3014 9.94553 14.3999 10.1329 14.4C10.3553 14.3997 10.5542 14.2615 10.6319 14.0531H10.634L14.3663 2.31666C14.3701 2.30601 14.3736 2.29524 14.3767 2.28437C14.3915 2.23538 14.3993 2.18451 14.3996 2.13332C14.3996 1.83877 14.1608 1.59999 13.8663 1.59999L13.8663 1.59999Z", fill: props.color ?? "#202D52" }) }));
732
736
 
733
- const PlusIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.19961 13.6C7.19961 13.8122 7.2839 14.0157 7.43392 14.1657C7.58395 14.3157 7.78744 14.4 7.99961 14.4C8.21178 14.4 8.41527 14.3157 8.56529 14.1657C8.71532 14.0157 8.79961 13.8122 8.79961 13.6V8.80001H13.5996C13.8118 8.80001 14.0153 8.71572 14.1653 8.56569C14.3153 8.41566 14.3996 8.21218 14.3996 8.00001C14.3996 7.78783 14.3153 7.58435 14.1653 7.43432C14.0153 7.28429 13.8118 7.20001 13.5996 7.20001H8.79961V2.40001C8.79961 2.18783 8.71532 1.98435 8.56529 1.83432C8.41527 1.68429 8.21178 1.60001 7.99961 1.60001C7.78744 1.60001 7.58395 1.68429 7.43392 1.83432C7.2839 1.98435 7.19961 2.18783 7.19961 2.40001V7.20001H2.39961C2.18744 7.20001 1.98395 7.28429 1.83392 7.43432C1.68389 7.58435 1.59961 7.78783 1.59961 8.00001C1.59961 8.21218 1.68389 8.41566 1.83392 8.56569C1.98395 8.71572 2.18744 8.80001 2.39961 8.80001H7.19961V13.6Z", fill: "#202D52" }) }));
737
+ const PlusIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.19961 13.6C7.19961 13.8122 7.2839 14.0157 7.43392 14.1657C7.58395 14.3157 7.78744 14.4 7.99961 14.4C8.21178 14.4 8.41527 14.3157 8.56529 14.1657C8.71532 14.0157 8.79961 13.8122 8.79961 13.6V8.80001H13.5996C13.8118 8.80001 14.0153 8.71572 14.1653 8.56569C14.3153 8.41566 14.3996 8.21218 14.3996 8.00001C14.3996 7.78783 14.3153 7.58435 14.1653 7.43432C14.0153 7.28429 13.8118 7.20001 13.5996 7.20001H8.79961V2.40001C8.79961 2.18783 8.71532 1.98435 8.56529 1.83432C8.41527 1.68429 8.21178 1.60001 7.99961 1.60001C7.78744 1.60001 7.58395 1.68429 7.43392 1.83432C7.2839 1.98435 7.19961 2.18783 7.19961 2.40001V7.20001H2.39961C2.18744 7.20001 1.98395 7.28429 1.83392 7.43432C1.68389 7.58435 1.59961 7.78783 1.59961 8.00001C1.59961 8.21218 1.68389 8.41566 1.83392 8.56569C1.98395 8.71572 2.18744 8.80001 2.39961 8.80001H7.19961V13.6Z", fill: props.color ?? "#202D52" }) }));
734
738
 
735
- const ScanQrIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 18 18", children: [jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.7908 1.20921C16.9247 1.34316 17 1.52485 17 1.71429L17 5.28571C17 5.6802 16.6802 6 16.2857 6C15.8912 6 15.5714 5.6802 15.5714 5.28571L15.5714 2.42857L12.7143 2.42857C12.3198 2.42857 12 2.10877 12 1.71429C12 1.3198 12.3198 1 12.7143 1L16.2857 1C16.4752 1 16.6568 1.07525 16.7908 1.20921Z", fill: "white" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.20921 16.7908C1.07525 16.6568 1 16.4752 1 16.2857L1 12.7143C1 12.3198 1.3198 12 1.71429 12C2.10878 12 2.42857 12.3198 2.42857 12.7143L2.42857 15.5714L5.28571 15.5714C5.6802 15.5714 6 15.8912 6 16.2857C6 16.6802 5.6802 17 5.28571 17L1.71429 17C1.52485 17 1.34316 16.9247 1.20921 16.7908Z", fill: "white" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.20921 1.20921C1.34316 1.07525 1.52485 1 1.71429 1L5.28571 1C5.6802 1 6 1.3198 6 1.71429C6 2.10877 5.6802 2.42857 5.28571 2.42857L2.42857 2.42857L2.42857 5.28571C2.42857 5.6802 2.10877 6 1.71429 6C1.3198 6 1 5.6802 1 5.28571L1 1.71429C1 1.52485 1.07525 1.34316 1.20921 1.20921Z", fill: "white" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.7908 16.7908C16.6568 16.9247 16.4752 17 16.2857 17L12.7143 17C12.3198 17 12 16.6802 12 16.2857C12 15.8912 12.3198 15.5714 12.7143 15.5714L15.5714 15.5714L15.5714 12.7143C15.5714 12.3198 15.8912 12 16.2857 12C16.6802 12 17 12.3198 17 12.7143L17 16.2857C17 16.4752 16.9247 16.6568 16.7908 16.7908Z", fill: "white" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 9C1 8.44772 1.36736 8 1.82051 8H16.1795C16.6326 8 17 8.44772 17 9C17 9.55228 16.6326 10 16.1795 10H1.82051C1.36736 10 1 9.55228 1 9Z", fill: "white" })] }));
739
+ const ScanQrIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 18 18", children: [jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.7908 1.20921C16.9247 1.34316 17 1.52485 17 1.71429L17 5.28571C17 5.6802 16.6802 6 16.2857 6C15.8912 6 15.5714 5.6802 15.5714 5.28571L15.5714 2.42857L12.7143 2.42857C12.3198 2.42857 12 2.10877 12 1.71429C12 1.3198 12.3198 1 12.7143 1L16.2857 1C16.4752 1 16.6568 1.07525 16.7908 1.20921Z", fill: props.color || "white" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.20921 16.7908C1.07525 16.6568 1 16.4752 1 16.2857L1 12.7143C1 12.3198 1.3198 12 1.71429 12C2.10878 12 2.42857 12.3198 2.42857 12.7143L2.42857 15.5714L5.28571 15.5714C5.6802 15.5714 6 15.8912 6 16.2857C6 16.6802 5.6802 17 5.28571 17L1.71429 17C1.52485 17 1.34316 16.9247 1.20921 16.7908Z", fill: props.color || "white" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.20921 1.20921C1.34316 1.07525 1.52485 1 1.71429 1L5.28571 1C5.6802 1 6 1.3198 6 1.71429C6 2.10877 5.6802 2.42857 5.28571 2.42857L2.42857 2.42857L2.42857 5.28571C2.42857 5.6802 2.10877 6 1.71429 6C1.3198 6 1 5.6802 1 5.28571L1 1.71429C1 1.52485 1.07525 1.34316 1.20921 1.20921Z", fill: props.color || "white" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.7908 16.7908C16.6568 16.9247 16.4752 17 16.2857 17L12.7143 17C12.3198 17 12 16.6802 12 16.2857C12 15.8912 12.3198 15.5714 12.7143 15.5714L15.5714 15.5714L15.5714 12.7143C15.5714 12.3198 15.8912 12 16.2857 12C16.6802 12 17 12.3198 17 12.7143L17 16.2857C17 16.4752 16.9247 16.6568 16.7908 16.7908Z", fill: props.color || "white" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 9C1 8.44772 1.36736 8 1.82051 8H16.1795C16.6326 8 17 8.44772 17 9C17 9.55228 16.6326 10 16.1795 10H1.82051C1.36736 10 1 9.55228 1 9Z", fill: props.color || "white" })] }));
736
740
 
737
- const ShowUiIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { d: "M12.3736 12.5669C11.3591 13.1134 10.2125 13.4999 8.99858 13.4999C6.35059 13.4999 4.02334 11.6608 2.68876 10.3341C2.33648 9.98392 2.16038 9.8088 2.04826 9.46508C1.9683 9.21998 1.96828 8.77995 2.04826 8.53477C2.16041 8.19112 2.33688 8.01562 2.68986 7.66477C3.36252 6.99616 4.28717 6.19769 5.3778 5.57007M14.6236 10.9751C14.8733 10.7554 15.1022 10.5392 15.3074 10.3352L15.3096 10.3329C15.6611 9.98355 15.8373 9.80842 15.9492 9.46545C16.0292 9.22035 16.029 8.7801 15.9491 8.535C15.837 8.19142 15.6607 8.01577 15.3086 7.66582C13.974 6.33906 11.6465 4.5 8.99858 4.5C8.74546 4.5 8.49526 4.51681 8.24858 4.54836M9.99076 10.125C9.72631 10.3584 9.37898 10.5 8.99858 10.5C8.17013 10.5 7.49858 9.82845 7.49858 9C7.49858 8.59538 7.65878 8.22833 7.91926 7.95848", stroke: "#202D52", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }) }));
741
+ const ShowUiIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { d: "M12.3736 12.5669C11.3591 13.1134 10.2125 13.4999 8.99858 13.4999C6.35059 13.4999 4.02334 11.6608 2.68876 10.3341C2.33648 9.98392 2.16038 9.8088 2.04826 9.46508C1.9683 9.21998 1.96828 8.77995 2.04826 8.53477C2.16041 8.19112 2.33688 8.01562 2.68986 7.66477C3.36252 6.99616 4.28717 6.19769 5.3778 5.57007M14.6236 10.9751C14.8733 10.7554 15.1022 10.5392 15.3074 10.3352L15.3096 10.3329C15.6611 9.98355 15.8373 9.80842 15.9492 9.46545C16.0292 9.22035 16.029 8.7801 15.9491 8.535C15.837 8.19142 15.6607 8.01577 15.3086 7.66582C13.974 6.33906 11.6465 4.5 8.99858 4.5C8.74546 4.5 8.49526 4.51681 8.24858 4.54836M9.99076 10.125C9.72631 10.3584 9.37898 10.5 8.99858 10.5C8.17013 10.5 7.49858 9.82845 7.49858 9C7.49858 8.59538 7.65878 8.22833 7.91926 7.95848", stroke: props.color ?? "#202D52", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }) }));
738
742
 
739
- const SuccessfullBigIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 34 34", children: [jsx("circle", { cx: "17", cy: "17", r: "17", fill: "#29D570" }), jsx("path", { d: "M11.333 17L15.583 21.25L24.083 12.75", stroke: "white", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
743
+ const SuccessfullBigIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 34 34", children: [jsx("circle", { cx: "17", cy: "17", r: "17", fill: props.color ?? "#29D570" }), jsx("path", { d: "M11.333 17L15.583 21.25L24.083 12.75", stroke: "white", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
740
744
 
741
- const SuccessfullSmallIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { d: "M9 16.5C4.85975 16.4954 1.50454 13.1402 1.5 9.00001V8.85001C1.58245 4.72841 4.97594 1.44598 9.09803 1.50067C13.2201 1.55537 16.5253 4.92668 16.4984 9.04899C16.4714 13.1714 13.1224 16.4992 9 16.5ZM5.5575 8.69251L4.5 9.75001L7.5 12.75L13.5 6.75001L12.4425 5.68501L7.5 10.6275L5.5575 8.69251Z", fill: "#1CD850" }) }));
745
+ const SuccessfullSmallIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { d: "M9 16.5C4.85975 16.4954 1.50454 13.1402 1.5 9.00001V8.85001C1.58245 4.72841 4.97594 1.44598 9.09803 1.50067C13.2201 1.55537 16.5253 4.92668 16.4984 9.04899C16.4714 13.1714 13.1224 16.4992 9 16.5ZM5.5575 8.69251L4.5 9.75001L7.5 12.75L13.5 6.75001L12.4425 5.68501L7.5 10.6275L5.5575 8.69251Z", fill: props.color ?? "#1CD850" }) }));
742
746
 
743
- const UpSmallIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.18057 11.7381C3.45014 12.0526 3.92361 12.089 4.2381 11.8194L9 7.7378L13.7619 11.8194C14.0764 12.089 14.5499 12.0526 14.8194 11.7381C15.089 11.4236 15.0526 10.9501 14.7381 10.6805L9.48809 6.18056C9.20723 5.93981 8.79277 5.93981 8.51191 6.18056L3.26192 10.6805C2.94743 10.9501 2.911 11.4236 3.18057 11.7381Z", fill: "#2D58B6" }) }));
747
+ const UpSmallIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.18057 11.7381C3.45014 12.0526 3.92361 12.089 4.2381 11.8194L9 7.7378L13.7619 11.8194C14.0764 12.089 14.5499 12.0526 14.8194 11.7381C15.089 11.4236 15.0526 10.9501 14.7381 10.6805L9.48809 6.18056C9.20723 5.93981 8.79277 5.93981 8.51191 6.18056L3.26192 10.6805C2.94743 10.9501 2.911 11.4236 3.18057 11.7381Z", fill: props.color ?? "#2D58B6" }) }));
744
748
 
745
- const WalletFillIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { d: "M3.9375 2.25003C3.01219 2.25003 2.25 3.01221 2.25 3.93753V14.0625C2.25 14.9944 3.00563 15.75 3.9375 15.75H14.0625C14.9944 15.75 15.75 14.9944 15.75 14.0625V6.18753C15.75 5.25565 14.9944 4.50003 14.0625 4.50003H3.9375C3.627 4.50003 3.375 4.24803 3.375 3.93753C3.375 3.62009 3.62006 3.37503 3.9375 3.37503H13.3125C13.5154 3.3779 13.704 3.27132 13.8063 3.0961C13.9086 2.92088 13.9086 2.70417 13.8063 2.52895C13.704 2.35374 13.5154 2.24716 13.3125 2.25003L3.9375 2.25003ZM12.5625 9.00003C13.0804 9.00003 13.5 9.41965 13.5 9.93753C13.5 10.4554 13.0804 10.875 12.5625 10.875C12.0446 10.875 11.625 10.4554 11.625 9.93753C11.625 9.41965 12.0446 9.00003 12.5625 9.00003Z", fill: "white" }) }));
749
+ const WalletFillIcon = (props) => (jsx(Icon, { ...props, viewBox: "0 0 18 18", children: jsx("path", { d: "M3.9375 2.25003C3.01219 2.25003 2.25 3.01221 2.25 3.93753V14.0625C2.25 14.9944 3.00563 15.75 3.9375 15.75H14.0625C14.9944 15.75 15.75 14.9944 15.75 14.0625V6.18753C15.75 5.25565 14.9944 4.50003 14.0625 4.50003H3.9375C3.627 4.50003 3.375 4.24803 3.375 3.93753C3.375 3.62009 3.62006 3.37503 3.9375 3.37503H13.3125C13.5154 3.3779 13.704 3.27132 13.8063 3.0961C13.9086 2.92088 13.9086 2.70417 13.8063 2.52895C13.704 2.35374 13.5154 2.24716 13.3125 2.25003L3.9375 2.25003ZM12.5625 9.00003C13.0804 9.00003 13.5 9.41965 13.5 9.93753C13.5 10.4554 13.0804 10.875 12.5625 10.875C12.0446 10.875 11.625 10.4554 11.625 9.93753C11.625 9.41965 12.0446 9.00003 12.5625 9.00003Z", fill: props.color || "white" }) }));
746
750
 
747
- const WarningIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 18 18", children: [jsx("path", { d: "M15.9495 15.7485H2.04978C1.78184 15.7485 1.53426 15.6056 1.40028 15.3735C1.26631 15.1415 1.26631 14.8556 1.40028 14.6235L8.3498 2.62349C8.4839 2.39183 8.73125 2.24918 8.99892 2.24918C9.2666 2.24918 9.51395 2.39183 9.64805 2.62349L16.5975 14.6235C16.7314 14.8554 16.7315 15.1412 16.5977 15.3731C16.464 15.6052 16.2166 15.7482 15.9488 15.7485H15.9495ZM9.00005 4.49849L3.35178 14.2485H14.6498L9.00005 4.49849ZM9.7463 11.2493H8.2463V7.49849H9.7463V11.2493Z", fill: "#FFA63E" }), jsx("path", { d: "M8.25 12H9.75V13.5H8.25V12Z", fill: "#FFA63E" })] }));
751
+ const WarningIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 18 18", children: [jsx("path", { d: "M15.9495 15.7485H2.04978C1.78184 15.7485 1.53426 15.6056 1.40028 15.3735C1.26631 15.1415 1.26631 14.8556 1.40028 14.6235L8.3498 2.62349C8.4839 2.39183 8.73125 2.24918 8.99892 2.24918C9.2666 2.24918 9.51395 2.39183 9.64805 2.62349L16.5975 14.6235C16.7314 14.8554 16.7315 15.1412 16.5977 15.3731C16.464 15.6052 16.2166 15.7482 15.9488 15.7485H15.9495ZM9.00005 4.49849L3.35178 14.2485H14.6498L9.00005 4.49849ZM9.7463 11.2493H8.2463V7.49849H9.7463V11.2493Z", fill: props.color ?? "#FFA63E" }), jsx("path", { d: "M8.25 12H9.75V13.5H8.25V12Z", fill: props.color ?? "#FFA63E" })] }));
748
752
 
749
- const WithdrawIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 18 18", children: [jsx("circle", { cx: "9", cy: "9", r: "9", fill: "#EFF2FB" }), jsx("path", { d: "M13 9L9 12L5 9", stroke: "#5E6F8D", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M13 6L9 9L5 6", stroke: "#5E6F8D", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
753
+ const WithdrawIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 18 18", children: [jsx("circle", { cx: "9", cy: "9", r: "9", fill: "#EFF2FB" }), jsx("path", { d: "M13 9L9 12L5 9", stroke: props.color ?? "#5E6F8D", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M13 6L9 9L5 6", stroke: props.color ?? "#5E6F8D", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
750
754
 
751
- const WithdrawSimpleIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 18 18", children: [jsx("path", { d: "M12 9.5L9 12.5L6 9.5", stroke: "#2D58B6", "stroke-width": "1.6", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M12 5L9 8L6 5", stroke: "#2D58B6", "stroke-width": "1.6", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
755
+ const WithdrawSimpleIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 18 18", children: [jsx("path", { d: "M12 9.5L9 12.5L6 9.5", stroke: props.color ?? "#2D58B6", "stroke-width": "1.6", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsx("path", { d: "M12 5L9 8L6 5", stroke: props.color ?? "#2D58B6", "stroke-width": "1.6", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
752
756
 
753
757
  const CountryBrIcon = (props) => (jsxs(Icon, { ...props, viewBox: "0 0 24 18", children: [jsx("path", { d: "M23.5862 16.8621H0.413813C0.304066 16.862 0.198819 16.8184 0.121217 16.7408C0.0436144 16.6632 1.24295e-05 16.558 0 16.4482L0 12.7241H24V16.4482C24 16.558 23.9564 16.6633 23.8788 16.7409C23.8012 16.8185 23.6959 16.8621 23.5862 16.8621Z", fill: "#73AF00" }), jsx("path", { d: "M23.5862 1.13794H0.413813C0.304066 1.13795 0.198819 1.18155 0.121217 1.25916C0.0436144 1.33676 1.24295e-05 1.44201 0 1.55175L0 12.7241H24V1.55175C24 1.44201 23.9564 1.33676 23.8788 1.25916C23.8012 1.18155 23.6959 1.13795 23.5862 1.13794Z", fill: "#FF4B55" }), jsx("path", { d: "M3.31036 16.8621H0.413813C0.304066 16.8621 0.198819 16.8184 0.121217 16.7408C0.0436144 16.6632 1.24295e-05 16.558 0 16.4483L0 1.55175C1.24295e-05 1.44201 0.0436144 1.33676 0.121217 1.25916C0.198819 1.18155 0.304066 1.13795 0.413813 1.13794H3.31036V16.8621Z", fill: "#F5F5F5" }), jsx("path", { d: "M0.414062 16.1748H0.560406V15.7647H0.414062V16.1748ZM1.58209 16.1748H1.72848V15.7647H1.58209V16.1748ZM2.75088 16.1748H2.89656V15.7647H2.75088V16.1748ZM0.998828 15.0751H1.14372V14.7333H0.998828V15.0751ZM2.16756 15.0751H2.31325V14.7333H2.16756V15.0751ZM0.414062 14.1835H0.560406V13.7733H0.414062V14.1835ZM1.58209 14.1835H1.72848V13.7733H1.58209V14.1835ZM2.75088 14.1835H2.89656V13.7733H2.75088V14.1835ZM0.707547 14.7333H0.852437V14.3885H0.998828V14.0467H1.14372V14.3885H1.29086V14.7333H1.43575V15.0751H1.29086V15.4199H1.14372V15.7646H0.998828V15.4199H0.852437V15.0751H0.707547V14.7333ZM1.87563 14.7333H2.02197V14.3885H2.16761V14.0467H2.3133V14.3885H2.45894V14.7333H2.60528V15.0751H2.45894V15.4199H2.3133V15.7646H2.16761V15.4199H2.02197V15.0751H1.87563V14.7333ZM2.16756 13.3602V13.702H2.02052V14.0467H1.87563V14.3885H1.72848V14.7334H1.58209V14.3885H1.4357V14.0467H1.29081V13.702H1.14367V13.3602H0.998781V13.702H0.852391V14.0467H0.7075V14.3885H0.560359V14.7334H0.414062V15.0752H0.560406V15.4199H0.707547V15.7646H0.852437V16.1064H0.998828V16.4483H1.14522V16.1064H1.29086V15.7646H1.43575V15.4199H1.58214V15.0752H1.72853V15.4199H1.87567V15.7646H2.02202V16.1064H2.16766V16.4483H2.31334V16.1064H2.45898V15.7646H2.60533V15.4199H2.75172V15.0752H2.89661V14.7334H2.75092V14.3885H2.60533V14.0467H2.45898V13.702H2.31334V13.3602H2.16756ZM2.52944 13.0185H2.60228V12.8818H2.67583V13.0185H2.74938V13.1551H2.67583V13.2948H2.60228V13.1551H2.52944V13.0185ZM2.52944 12.5399V12.742H2.45739V12.9501H2.38384V13.2235H2.45739V13.4286H2.52944V13.6336H2.74942V13.4286H2.82227V13.2235H2.89431V12.9501H2.82227V12.742H2.74942V12.5399H2.52944ZM0.560406 13.0154H0.633953V12.8788H0.7075V13.0154H0.778797V13.1551H0.7075V13.2918H0.633953V13.1551H0.560406V13.0154ZM0.560406 12.5369V12.742H0.487562V12.947H0.414062V13.2234H0.487562V13.4285H0.560406V13.6335H0.778844V13.4285H0.852391V13.2234H0.923781V12.947H0.852391V12.742H0.778844V12.5369H0.560406ZM1.36361 13.0154H1.43566V12.8788H1.51V13.0154H1.58205V13.1551H1.51V13.2918H1.43566V13.1551H1.36361V13.0154ZM1.72848 13.0154H1.80203V12.8788H1.87558V13.0154H1.94763V13.1551H1.87558V13.2918H1.80203V13.1551H1.72848V13.0154ZM1.72848 12.5369V12.742H1.58209V12.5369H1.36366V12.742H1.29081V12.947H1.21727V13.2234H1.29081V13.4285H1.36366V13.6335H1.58209V13.4285H1.72848V13.6335H1.94767V13.4285H2.02197V13.2234H2.09336V12.947H2.02197V12.742H1.94767V12.5369H1.72848ZM0.414062 12.3972H0.560406V11.9871H0.414062V12.3972ZM1.58209 12.3972H1.72848V11.9871H1.58209V12.3972ZM2.75088 12.3972H2.89656V11.9871H2.75088V12.3972ZM0.414062 10.6822H0.560406V10.4088H0.414062V10.6822ZM2.75088 10.6822H2.89656V10.4088H2.75088V10.6822ZM1.58209 9.72221H1.72848V9.3804H1.58209V9.72221ZM0.414062 8.79498V9.20799H0.560406V8.79498H0.414062ZM1.21722 8.79498V9.20799H1.36361V8.79498H1.21722ZM1.94767 8.79498V9.20799H2.09331V8.79498H1.94767ZM2.75088 8.79498V9.20799H2.89656V8.79498H2.75088ZM1.80203 8.55427V8.69096H1.72848V8.79498H1.58209V8.69096H1.51005V8.55427H1.36366V8.75931H1.4357V8.86332H1.51005V9.13674H1.4357V9.24076H1.36366V9.44579H1.51005V9.30915H1.58209V9.20804H1.72848V9.30915H1.80203V9.44579H1.94767V9.24076H1.87563V9.13674H1.80208V8.86332H1.87563V8.75931H1.94767V8.55427H1.80203ZM1.58209 8.62252H1.72848V8.28071H1.58209V8.62252ZM0.414062 7.59413H0.560406V7.32076H0.414062V7.59413ZM2.75088 7.59413H2.89656V7.32076H2.75088V7.59413ZM0.414062 6.01594H0.560406V5.60288H0.414062V6.01594ZM1.58209 6.01594H1.72848V5.60288H1.58209V6.01594ZM2.75088 6.01594H2.89656V5.60288H2.75088V6.01594ZM0.998828 9.00596V8.86327H1.14372V8.62548H1.29086V8.34905H1.51005V8.02515H1.58209V7.8676H1.72848V8.02215H1.80203V8.3491H2.02192V8.62548H2.16756V8.86327H2.31325V9.13669H2.16756V9.3804H2.02192V9.65377H1.80203V9.97777H1.72848V10.1323H1.58209V9.97777H1.51005V9.65377H1.29086V9.3803H1.14372V9.1366H0.998828V9.00596ZM2.16756 5.18973V5.53445H2.02052V5.87626H1.87563V6.22112H1.72848V6.56288H1.58209V6.22107H1.4357V5.87621H1.29081V5.5344H1.14367V5.18968H0.998781V5.5344H0.852391V5.87621H0.706V6.22107H0.560359V6.56284H0.414062V6.90755H0.560406V7.25227H0.706047V7.59409H0.852437V7.93595H0.998828V7.59409H1.14372V7.25227H1.29086V6.90755H1.14372V6.4944H1.29086V6.77082H1.43575V7.32071H1.51009V7.65952L1.29091 7.66248V7.93595H1.14377V8.14098H0.998875V8.48569H0.852484V8.14098H0.706094V7.93595H0.560453V7.73082H0.414062V8.34901H0.560406V8.62543H0.706047V8.86323H0.852437V9.13674H0.706047V9.38045H0.560406V9.65391H0.414062V10.2721H0.560406V10.064H0.706047V9.85899H0.852437V9.51718H0.998828V9.85899H1.14372V10.064H1.29086V10.3404L1.51005 10.3434V10.6822H1.4357V11.2321H1.29081V11.5085H1.14367V11.0924H1.29081V10.7506H1.14367V10.4088H0.998781V10.0639H0.852391V10.4088H0.706V10.7506H0.560359V11.0924H0.414062V11.4371H0.560406V11.7789H0.707547V12.1238H0.852437V12.4685H0.998828V12.8103H1.14372V12.4685H1.29086V12.1238H1.43575V11.7789H1.58214V11.4371H1.72853V11.7789H1.87567V12.1238H2.02202V12.4685H2.16766V12.8103H2.31334V12.4685H2.45898V12.1238H2.60533V11.7789H2.75092V11.4371H2.89656V11.0924H2.75088V10.7506H2.60528V10.4088H2.45894V10.0639H2.3133V10.4088H2.16761V10.7506H2.02056V11.0924H2.16761V11.5085H2.02056V11.2321H1.87567V10.6822H1.80213V10.3404H2.02202V10.064H2.16766V9.85895H2.31334V9.51713H2.45898V9.85895H2.60533V10.064H2.75172V10.2721H2.89661V9.65387H2.75167V9.3804H2.60528V9.13669H2.45894V8.86332H2.60528V8.62552H2.75167V8.3491H2.89661V7.73091H2.75167V7.93604H2.60528V8.14107H2.45894V8.48579H2.3133V8.14107H2.16761V7.93604H2.02197V7.66257H1.80208V7.32076H1.87563V6.77087H2.02052V6.49445H2.16756V6.90755H2.02052V7.25227H2.16756V7.59409H2.31325V7.93595H2.45889V7.59409H2.60523V7.25227H2.75083V6.90755H2.89661V6.56284H2.75092V6.22102H2.60533V5.87616H2.45898V5.53435H2.31334V5.18963H2.16756V5.18973ZM0.560406 4.84791H0.632547V4.71123H0.707547V4.84791H0.778844V4.9846H0.707547V5.12429H0.632547V4.9846H0.560406V4.84791ZM0.560406 4.57149H0.487562V4.77952H0.414062V5.05299H0.487562V5.26102H0.560406V5.46615H0.778844V5.26102H0.852391V5.05299H0.923781V4.77952H0.852391V4.57149H0.778844V4.36941H0.560406V4.57149ZM1.36361 4.84791H1.43566V4.71123H1.51V4.84791H1.58205V4.9846H1.51V5.12429H1.43566V4.9846H1.36361V4.84791ZM1.72848 4.84791H1.80203V4.71123H1.87558V4.84791H1.94763V4.9846H1.87558V5.12429H1.80203V4.9846H1.72848V4.84791ZM1.36361 4.57149H1.29077V4.77952H1.21722V5.05299H1.29077V5.26102H1.36361V5.46615H1.58205V5.26102H1.72844V5.46615H1.94763V5.26102H2.02192V5.05299H2.09331V4.77952H2.02192V4.57149H1.94763V4.36941H1.72844V4.57149H1.58205V4.36941H1.36361V4.57149ZM2.52944 4.84496H2.60228V4.71118H2.67583V4.84496H2.74938V4.98465H2.67583V5.12129H2.60228V4.98465H2.52944V4.84496ZM2.52944 4.36646V4.57149H2.45739V4.77952H2.38384V5.05299H2.45739V5.25802H2.52944V5.46315H2.74942V5.25802H2.82227V5.05299H2.89431V4.77952H2.82227V4.57149H2.74942V4.36646H2.52944ZM0.414062 4.22973H0.560406V3.81957H0.414062V4.22973ZM1.58209 4.22973H1.72848V3.81957H1.58209V4.22973ZM2.75088 4.22973H2.89656V3.81957H2.75088V4.22973ZM0.998828 3.26973H1.14372V2.92487H0.998828V3.26973ZM2.16756 3.26973H2.31325V2.92487H2.16756V3.26973ZM0.414062 2.23838H0.560406V1.82823H0.414062V2.23838ZM1.58209 2.23838H1.72848V1.82823H1.58209V2.23838ZM2.75088 2.23838H2.89656V1.82823H2.75088V2.23838ZM0.707547 2.92491H0.852437V2.5831H0.998828V2.23838H1.14372V2.5831H1.29086V2.92491H1.43575V3.26977H1.29086V3.61159H1.14372V3.9563H0.998828V3.61159H0.852437V3.26977H0.707547V2.92491ZM1.87563 2.92491H2.02197V2.5831H2.16761V2.23838H2.3133V2.5831H2.45894V2.92491H2.60528V3.26977H2.45894V3.61159H2.3133V3.9563H2.16761V3.61159H2.02197V3.26977H1.87563V2.92491ZM2.16756 1.55176V1.89662H2.02192V2.23843H1.87558V2.58315H1.72844V2.92496H1.58205V2.58315H1.43566V2.23843H1.29077V1.89662H1.14517V1.55176H0.998781V1.89662H0.852391V2.23843H0.7075V2.58315H0.560359V2.92496H0.414062V3.26982H0.560406V3.61163H0.707547V3.95635H0.852437V4.30107H0.998828V4.64288H1.14372V4.30107H1.29086V3.95635H1.43575V3.61163H1.58214V3.26982H1.72853V3.61163H1.87567V3.95635H2.02056V4.30107H2.16761V4.64288H2.3133V4.30107H2.45894V3.95635H2.60528V3.61163H2.75088V3.26982H2.89656V2.92496H2.75163V2.58315H2.60523V2.23843H2.45889V1.89662H2.31325V1.55176H2.16756Z", fill: "#FF4B55" })] }));
754
758
 
@@ -926,7 +930,7 @@ const Informer = ({ label, description, type, icon, }) => {
926
930
  const Wrapper$1 = styled$1.div `
927
931
  display: flex;
928
932
  flex-direction: column;
929
- gap: 4px;
933
+ gap: 12px;
930
934
  width: 100%;
931
935
  `;
932
936
  const Label$2 = styled$1(Typography).attrs({
@@ -1006,7 +1010,7 @@ const ErrorText$1 = styled$1.span `
1006
1010
  color: ${({ theme }) => theme.colors.accent.red};
1007
1011
  `;
1008
1012
 
1009
- const TextField = forwardRef(({ value, defaultValue, placeholder = "Text", label, error, disabled = false, icon, action, name, type = "text", onChange, onFocus, onBlur, className, }, ref) => {
1013
+ const TextField = forwardRef(({ value, defaultValue, placeholder = "Text", label, error, disabled = false, icon, action, name, type = "text", onChange, onFocus, onBlur, className, labelVariant, }, ref) => {
1010
1014
  const [focused, setFocused] = useState(false);
1011
1015
  const hasError = Boolean(error);
1012
1016
  const handleFocus = (evt) => {
@@ -1017,7 +1021,7 @@ const TextField = forwardRef(({ value, defaultValue, placeholder = "Text", label
1017
1021
  setFocused(false);
1018
1022
  onBlur?.(evt);
1019
1023
  };
1020
- return (jsxs(Wrapper$1, { className: className, children: [label && jsx(Label$2, { children: label }), jsxs(FieldContainer$1, { "$hasError": hasError, "$disabled": disabled, "data-state": hasError ? "error" : focused ? "active" : undefined, children: [icon && jsx(LeadingIcon$1, { children: icon }), jsx(Input, { ref: ref, type: type, name: name, value: value, defaultValue: defaultValue, placeholder: placeholder, disabled: disabled, onChange: onChange, onFocus: handleFocus, onBlur: handleBlur }), action && jsx(ActionSlot, { children: action })] }), error && jsx(ErrorText$1, { children: error })] }));
1024
+ return (jsxs(Wrapper$1, { className: className, children: [label && jsx(Label$2, { variant: labelVariant, children: label }), jsxs(FieldContainer$1, { "$hasError": hasError, "$disabled": disabled, "data-state": hasError ? "error" : focused ? "active" : undefined, children: [icon && jsx(LeadingIcon$1, { children: icon }), jsx(Input, { ref: ref, type: type, name: name, value: value, defaultValue: defaultValue, placeholder: placeholder, disabled: disabled, onChange: onChange, onFocus: handleFocus, onBlur: handleBlur }), action && jsx(ActionSlot, { children: action })] }), error && jsx(ErrorText$1, { children: error })] }));
1021
1025
  });
1022
1026
  TextField.displayName = "TextField";
1023
1027
 
@@ -2131,6 +2135,64 @@ const Checkbox = ({ checked, defaultChecked = false, disabled = false, name, val
2131
2135
 
2132
2136
  const Logo = () => (jsxs(Icon, { width: "201", height: "32", viewBox: "0 0 201 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsx("path", { d: "M178.7 1.20835C178.453 1.86745 177.971 3.0758 177.655 3.91341C177.325 4.73728 176.83 6.01429 176.554 6.72832C176.279 7.44234 175.77 8.74681 175.44 9.61188C175.11 10.4769 174.739 11.3969 174.629 11.6441C174.519 11.8913 174.422 12.1659 174.422 12.262C174.409 12.3581 174.298 12.674 174.147 12.976C173.996 13.2781 173.886 13.5939 173.872 13.6901C173.872 13.7862 173.79 14.0608 173.679 14.308C173.281 15.2142 172.496 17.2465 172.496 17.37C172.483 17.4524 172.373 17.7545 172.221 18.0566C172.07 18.3587 171.96 18.6745 171.946 18.7706C171.946 18.9217 171.85 19.1688 171.286 20.4596C171.176 20.7205 171.038 21.1187 170.983 21.3521C170.915 21.5718 170.612 22.4094 170.296 23.2058C169.979 24.0022 169.663 24.8673 169.58 25.1282C169.511 25.3891 169.388 25.6637 169.333 25.7461C169.278 25.8148 169.154 26.1031 169.085 26.364C169.002 26.6249 168.81 27.1879 168.645 27.5998C168.48 28.0118 168.177 28.8219 167.957 29.3986C167.751 29.9891 167.544 30.5246 167.489 30.5932C167.448 30.6756 167.462 30.7717 167.544 30.8267C167.613 30.8679 169.759 30.9091 172.318 30.9091H176.967L177.49 29.1515C177.792 28.1903 178.15 26.9819 178.301 26.4601L178.577 25.5401H184.065H189.54L189.746 25.9383C189.87 26.158 190.241 27.3389 190.572 28.561C190.916 29.7831 191.218 30.8129 191.246 30.8541C191.287 30.8816 193.502 30.9091 196.17 30.9091C199.678 30.9091 201.026 30.8541 200.999 30.7443C200.985 30.6619 200.104 28.3001 199.059 25.4989C198 22.684 196.693 19.1826 196.156 17.7133C195.606 16.2441 195.042 14.7199 194.891 14.3492C194.74 13.9647 194.451 13.1683 194.231 12.5641C194.011 11.9599 193.653 10.9987 193.419 10.4358C193.185 9.87277 192.993 9.35098 192.993 9.29606C192.993 9.2274 192.91 8.98024 192.8 8.74681C192.442 7.89547 192.03 6.79697 192.03 6.65966C192.016 6.57727 191.906 6.27518 191.755 5.9731C191.603 5.67101 191.493 5.32773 191.48 5.20415C191.48 5.0943 191.383 4.8746 191.273 4.72355C191.163 4.58624 191.067 4.36654 191.067 4.25669C191.067 4.02326 190.585 2.73252 190.297 2.16954C190.186 1.9773 190.104 1.68894 190.104 1.55163C190.104 1.41432 190.021 1.18089 189.911 1.02984C189.815 0.878801 189.691 0.590445 189.636 0.370745L189.554 0H184.354H179.168L178.7 1.20835ZM184.602 8.26622C184.767 8.81547 185.482 11.2184 186.184 13.5939C186.885 15.9695 187.559 18.2488 187.683 18.6333L187.889 19.3611H184.244C182.249 19.3611 180.612 19.3061 180.612 19.2512C180.612 19.1963 181.286 16.8345 182.112 14.0059C182.937 11.1772 183.707 8.49965 183.831 8.06025C183.955 7.63458 184.12 7.27757 184.189 7.27757C184.258 7.27757 184.45 7.7307 184.602 8.26622Z", fill: "white" }), jsx("path", { d: "M0 15.586V31.02L3.48022 31.0611C5.37852 31.0886 7.05673 31.0474 7.19429 30.9925C7.44189 30.8826 7.45565 30.3883 7.42814 19.0463C7.41438 12.5377 7.41438 7.11385 7.41438 7.004C7.45565 6.59206 7.84081 7.31982 7.84081 7.78668C7.84081 8.03384 7.9371 8.47324 8.04715 8.74787C8.1572 9.03623 8.30851 9.54428 8.37729 9.88756C8.44607 10.2308 8.76245 11.4941 9.07883 12.7025C9.39522 13.9108 9.82165 15.5723 10.0417 16.4099C10.2481 17.2338 10.6883 18.8815 10.9909 20.0487C11.2935 21.2158 12.0638 24.1543 12.6966 26.571L13.8521 30.965L17.1397 31.0337C18.9418 31.0749 20.4824 31.0611 20.5374 31.02C20.5924 30.9788 20.8263 30.2647 21.0464 29.4409C21.4591 27.8618 23.9076 18.5108 24.7192 15.3801C24.9806 14.3639 25.4482 12.5926 25.7371 11.4667C26.0397 10.327 26.3561 9.06369 26.4387 8.65175C26.5212 8.23981 26.7 7.64937 26.8376 7.34728C27.0852 6.81176 27.0852 7.11385 27.0989 18.909C27.0989 25.5824 27.1402 31.0337 27.209 31.0337C27.264 31.0337 28.9422 31.0474 30.9506 31.0474L34.5959 31.0611L34.6371 15.5998L34.6646 0.138376H28.5571H22.4357L22.2294 0.852402C22.0643 1.45658 20.2623 8.22608 18.9005 13.4577C18.0201 16.7669 17.4424 18.8953 17.3461 19.06C17.2635 19.1973 17.1948 19.1424 17.0985 18.8541C17.0159 18.6481 15.9155 14.4463 14.6637 9.54428C13.3982 4.6285 12.339 0.509121 12.2977 0.371807C12.2289 0.152107 11.8162 0.138376 6.10758 0.138376H0V15.586Z", fill: "white" }), jsx("path", { d: "M49.2589 1.34428C49.0113 2.00338 48.5299 3.21173 48.2135 4.04934C47.8833 4.87321 47.3881 6.15022 47.113 6.86424C46.8379 7.57827 46.3289 8.88274 45.9988 9.7478C45.6687 10.6129 45.2972 11.5329 45.1872 11.78C45.0772 12.0272 44.9809 12.3018 44.9809 12.3979C44.9671 12.4941 44.8571 12.8099 44.7057 13.112C44.5544 13.414 44.4444 13.7299 44.4306 13.826C44.4306 13.9221 44.3481 14.1967 44.238 14.4439C43.8391 15.3502 43.055 17.3824 43.055 17.506C43.0413 17.5883 42.9312 17.8904 42.7799 18.1925C42.6286 18.4946 42.5186 18.8104 42.5048 18.9065C42.5048 19.0576 42.4085 19.3047 41.8445 20.5955C41.7345 20.8564 41.5969 21.2546 41.5419 21.488C41.4731 21.7077 41.1705 22.5453 40.8541 23.3417C40.5377 24.1381 40.2213 25.0032 40.1388 25.2641C40.07 25.525 39.9462 25.7996 39.8912 25.882C39.8362 25.9507 39.7124 26.239 39.6436 26.4999C39.5611 26.7608 39.3685 27.3238 39.2034 27.7357C39.0383 28.1477 38.7357 28.9578 38.5156 29.5345C38.3093 30.125 38.1029 30.6605 38.0479 30.7291C38.0067 30.8115 38.0204 30.9077 38.1029 30.9626C38.1717 31.0038 40.3176 31.045 42.8762 31.045H47.5257L48.0484 29.2874C48.351 28.3262 48.7087 27.1178 48.86 26.596L49.1351 25.676H54.6237H60.0985L60.3049 26.0743C60.5249 26.4725 60.8688 27.6533 61.3778 29.5895C61.5291 30.1936 61.6942 30.7703 61.7492 30.8665C61.8868 31.1136 71.6259 31.1274 71.5571 30.8802C71.5434 30.7978 70.663 28.436 69.6175 25.6349C68.5583 22.8199 67.2515 19.3185 66.7151 17.8492C66.1648 16.38 65.6008 14.8558 65.4495 14.4851C65.2982 14.1006 65.0093 13.3042 64.7893 12.7C64.5692 12.0958 64.2115 11.1347 63.9777 10.5717C63.7438 10.0087 63.5512 9.48691 63.5512 9.43199C63.5512 9.36333 63.4687 9.11617 63.3586 8.88274C63.001 8.0314 62.5883 6.9329 62.5883 6.79559C62.5746 6.7132 62.4645 6.41111 62.3132 6.10903C62.1619 5.80694 62.0518 5.46366 62.0381 5.34007C62.0381 5.23022 61.9418 5.01052 61.8317 4.85948C61.7217 4.72217 61.6254 4.50247 61.6254 4.39262C61.6254 4.15919 61.144 2.86845 60.8551 2.30547C60.745 2.11323 60.6625 1.82487 60.6625 1.68756C60.6625 1.55025 60.58 1.31682 60.4699 1.16578C60.3736 1.01473 60.2498 0.726376 60.1948 0.506676L60.1123 0.135933H54.9126H49.7266L49.2589 1.34428ZM55.1602 8.40214C55.3252 8.95139 56.0405 11.3544 56.7421 13.7299C57.4436 16.1054 58.1177 18.3848 58.2415 18.7692L58.4478 19.497H54.8025C52.8079 19.497 51.171 19.4421 51.171 19.3871C51.171 19.3322 51.845 16.9704 52.6704 14.1418C53.4957 11.3132 54.266 8.63557 54.3898 8.19617C54.5136 7.77051 54.6787 7.41349 54.7475 7.41349C54.8163 7.41349 55.0089 7.86662 55.1602 8.40214Z", fill: "white" }), jsx("path", { d: "M72.5197 3.73433L72.561 7.34565L77.3893 7.38684L82.2313 7.4143L82.3138 7.73012C82.3551 7.8949 82.3964 13.2089 82.3964 19.539V31.032L87.0183 31.0046L91.6265 30.9634V19.4978C91.6128 12.3713 91.6678 7.94982 91.7503 7.82624C91.8604 7.64773 92.6169 7.60654 96.7299 7.55161L101.586 7.48296L101.627 3.80298L101.654 0.136742H87.0733H72.4922L72.5197 3.73433Z", fill: "white" }), jsx("path", { d: "M107.185 0.302076C106.951 0.535509 106.951 30.909 107.185 31.1425C107.405 31.3622 120.762 31.3759 122.922 31.1562C129.47 30.4971 132.881 27.3252 132.881 21.9013C132.881 18.853 131.767 16.4638 129.745 15.1867L129.153 14.816L129.786 14.102C131.492 12.1521 132.235 9.25485 131.739 6.49487C131.052 2.74624 128.369 0.810133 123.128 0.274614C121.051 0.0686455 107.405 0.0823765 107.185 0.302076ZM122.028 7.14024C123.692 7.45606 124.256 8.0465 124.325 9.52947C124.38 10.5319 124.38 10.5456 123.871 11.0948C123.004 12.0698 122.55 12.1521 118.162 12.1521H114.379L114.338 9.57067L114.311 7.00292H117.791C119.717 7.00292 121.615 7.07158 122.028 7.14024ZM123.183 19.0178C124.132 19.2649 124.573 19.5396 125.013 20.1987C125.302 20.6106 125.329 20.8028 125.288 21.6954C125.233 22.9174 124.944 23.4392 124.036 23.8786C123.059 24.3592 122.138 24.4416 118.149 24.4416H114.311V21.6267V18.8118H118.341C121.505 18.8118 122.55 18.853 123.183 19.0178Z", fill: "white" }), jsx("path", { d: "M139.002 0.301773C138.96 0.397892 138.946 7.40082 138.96 15.8593L139.002 31.2383L150.955 31.2795C159.676 31.2932 162.95 31.2657 163.088 31.1559C163.239 31.0323 163.28 30.332 163.28 27.8604C163.28 24.9082 163.267 24.7159 163.019 24.5786C162.84 24.4962 159.897 24.4413 154.422 24.4413H146.086V21.6264V18.8115L153.83 18.784L161.561 18.7428V15.516V12.2891L153.83 12.248L146.086 12.2205V9.61156V7.00262L154.38 6.97516L162.661 6.93396V3.56981V0.205654L150.859 0.164461C141.491 0.136997 139.043 0.164461 139.002 0.301773Z", fill: "white" })] }));
2133
2137
 
2138
+ const ButtonSwitcherStyled = styled$1.div `
2139
+ display: flex;
2140
+ gap: 10px;
2141
+ padding: 5px;
2142
+ width: fit-content;
2143
+ border-radius: 10px;
2144
+ background-color: ${({ theme }) => theme.colors.primary.darkBlue2};
2145
+ `;
2146
+ const ButtonSwitcherItem = styled$1(Typography).attrs({
2147
+ forwardedAs: "button",
2148
+ variant: "button",
2149
+ }) `
2150
+ padding: 0 24px;
2151
+ height: 38px;
2152
+ border: none;
2153
+ background-color: transparent;
2154
+ cursor: pointer;
2155
+ border-radius: 6px;
2156
+ color: ${({ theme }) => theme.colors.primary.white};
2157
+ &[data-active="true"] {
2158
+ background-color: ${({ theme }) => theme.colors.accent.green2Light};
2159
+ }
2160
+ `;
2161
+
2162
+ const ButtonSwitcher = ({ active, leftButtonLabel, rightButtonLabel, }) => {
2163
+ return (jsxs(ButtonSwitcherStyled, { children: [jsx(ButtonSwitcherItem, { "data-active": !active, children: leftButtonLabel }), jsx(ButtonSwitcherItem, { "data-active": active, children: rightButtonLabel })] }));
2164
+ };
2165
+
2166
+ const AvatarStyled = styled$1(Typography).attrs({
2167
+ forwardedAs: "div",
2168
+ variant: "avatar-basic",
2169
+ }) `
2170
+ display: flex;
2171
+ align-items: center;
2172
+ justify-content: center;
2173
+ overflow: hidden;
2174
+ user-select: none;
2175
+ width: 40px;
2176
+ height: 40px;
2177
+ border-radius: 50%;
2178
+ color: ${({ theme }) => theme.colors.primary.white};
2179
+ background-color: ${({ theme, $color }) => {
2180
+ if (!$color)
2181
+ return theme.colors.primary.hoverBlue;
2182
+ if ($color in theme.colors.accent) {
2183
+ return theme.colors.accent[$color];
2184
+ }
2185
+ if ($color in theme.colors.primary) {
2186
+ return theme.colors.primary[$color];
2187
+ }
2188
+ return theme.colors.primary.darkBlue;
2189
+ }};
2190
+ `;
2191
+
2192
+ const Avatar = (props) => {
2193
+ return jsx(AvatarStyled, { "$color": "hoverBlue", ...props });
2194
+ };
2195
+
2134
2196
  const ApplicationDataStyled = styled$1.div `
2135
2197
  display: flex;
2136
2198
  column-gap: 10px;
@@ -2554,5 +2616,146 @@ const theme = {
2554
2616
  },
2555
2617
  };
2556
2618
 
2557
- export { AaveIcon, AlgorandIcon, ApplicationData, ApplicationInfo, ApplicationStatus, ArrowIcon, AttachIcon, AvalancheIcon, BalanceRow, BatIcon, BitcoinIcon, BnbSmallIcon, BtgIcon, BusdIcon, Button, CakeIcon, CardanoIcon, ChainlinkIcon, CheckIcon$1 as CheckIcon, Checkbox, CircleSendCryptoIcon, ClockIcon, Close2Icon, CloseIcon, Container, CopyIcon, CopyTooltip, CosmosIcon, Counter, CountryBrIcon, CountryCzechIcon, CountryKzIcon, CountryRusIcon, CurrencyName, CurrencyRate, DashSmallIcon, DashboardIcon, DecentralandIcon, DepositIcon, DepositSimpleIcon, DigibyteIcon, DogeSmallIcon, DropdownIcon, DropdownSmallIcon, DropdownUpIcon, EditIcon, ElrondIcon, EmojiIcon, EnjinIcon, EosIcon, ErrorBigIcon, EtcIcon, EthIcon, EurIcon, ExchangeArrowsIcon, ExchangeIcon, ExchangeSimpleIcon, FantomIcon, FilecoinIcon, FtxIcon, HamburgerButton, HamburgerIcon, HeadphonesIcon, HederaIcon, HideUiIcon, HistoryIcon, IcomputerIcon, IconNeoIcon, IcxIcon, IlsIcon, InfoIcon, Informer, IotaIcon, KlaytnIcon, LariIcon, LinkIcon, LiskIcon, LitecoinIcon, Loader, Logo, LogoAbankIcon, LogoAbsolutIcon, LogoAcbaCreditIcon, LogoAlphabankIcon, LogoArmEconomBankIcon, LogoArshidBankIcon, LogoBankcentercreditIcon, LogoBankofGeorgiaIcon, LogoEurobankIcon, LogoForteBankIcon, LogoHalykBankIcon, LogoHomecreditIcon, LogoHumoCardIcon, LogoJysanBankIcon, LogoKaspiBankIcon, LogoMonobankIcon, LogoMtsbankIcon, LogoNetellerIcon, LogoOshadbankIcon, LogoOtkrutieIcon, LogoPochtabankIcon, LogoPrivatebankIcon, LogoPumbIcon, LogoQiwiIcon, LogoRayfuzenbankIcon, LogoRevolutIcon, LogoRnkbIcon, LogoRosbankIcon, LogoRosselhozbankIcon, LogoRusstandartIcon, LogoSberIcon, LogoSbpIcon, LogoSotovuyIcon, LogoTbcBankIcon, LogoTinkoffIcon, LogoUkrsibbankIcon, LogoUzCardIcon, LogoVtbIcon, LogoWiseIcon, LogoYoumoneyIcon, LogoutIcon, LunaIcon, MakerIcon, MaticIcon, MessageSendIcon, NearIcon, NemIcon, OmgnetworkIcon, OmiseIcon, OntologyIcon, P2PIcon, PaxgIcon, PlusIcon, PolkaIcon, QnekworkIcon, QutumIcon, RadioButton, ReciveCryptoIcon, Requisites, RippleIcon, RubIcon, SandboxIcon, ScanQrIcon, SearchIcon, SelectField, SendCryptoIcon, SettingsIcon, ShowUiIcon, SolanaIcon, StellarIcon, StepnIcon, SuccessfullBigIcon, SuccessfullSmallIcon, SushiIcon, Switcher, SynthetixIcon, TabList, Table, TetherIcon, TextField, TezosIcon, ThegraphIcon, ThetaIcon, Tooltip, TopUpIcon, TransactionStatus, TrxSmallIcon, Typography, UniswapIcon, UpSmallIcon, UsdIcon, UsdcIcon, UserAccount, UserIcon, UsersIcon, VechainIcon, WalletFillIcon, WalletIcon, WarningIcon, WavesIcon, WithdrawIcon, WithdrawSimpleIcon, XmrSmallIcon, ZcashSmallIcon, ZilliqaIcon, ZrxIcon, copyToClipboard, formatCardNumber, maskEmail, theme };
2619
+ // Конфигурация
2620
+ const CONFIG = {
2621
+ minFontSize: 12,
2622
+ minLineHeight: 16,
2623
+ minValue: 1, // значения <= этого не масштабируются
2624
+ excludeProps: ["background", "background-image", "box-shadow", "filter"],
2625
+ scaleVariable: "--adaptive-scale",
2626
+ vhVariable: "--adaptive-vh",
2627
+ };
2628
+ // Вспомогательная функция для проверки свойства
2629
+ const isPropExcluded = (props, excludeList) => {
2630
+ const propsArray = Array.isArray(props) ? props : [props];
2631
+ return propsArray.some((prop) => excludeList.includes(prop));
2632
+ };
2633
+ const adaptiveScalePlugin = (element) => {
2634
+ // Обрабатываем только CSS декларации
2635
+ if (element.type !== "decl")
2636
+ return;
2637
+ // Пропускаем исключенные свойства
2638
+ if (isPropExcluded(element.props, CONFIG.excludeProps))
2639
+ return;
2640
+ // Получаем имя свойства как строку
2641
+ const propName = Array.isArray(element.props)
2642
+ ? element.props[0]
2643
+ : element.props;
2644
+ // Обработка px значений
2645
+ element.value = element.value.replace(/([-0-9.]+)px/g, (_, value) => {
2646
+ const pxValue = parseFloat(value);
2647
+ // Не масштабируем маленькие значения (например, border: 1px)
2648
+ if (Math.abs(pxValue) <= CONFIG.minValue) {
2649
+ return `${pxValue}px`;
2650
+ }
2651
+ // Для font-size добавляем минимальное значение
2652
+ if (propName === "font-size") {
2653
+ return `max(calc(var(${CONFIG.scaleVariable}, 1) * ${pxValue}px), ${CONFIG.minFontSize}px)`;
2654
+ }
2655
+ // Для line-height добавляем минимальное значение
2656
+ if (propName === "line-height") {
2657
+ return `max(calc(var(${CONFIG.scaleVariable}, 1) * ${pxValue}px), ${CONFIG.minLineHeight}px)`;
2658
+ }
2659
+ // Для остальных свойств просто масштабируем
2660
+ return `calc(var(${CONFIG.scaleVariable}, 1) * ${pxValue}px)`;
2661
+ });
2662
+ // Обработка vh значений
2663
+ element.value = element.value.replace(/([-0-9.]+)vh/g, (_, value) => {
2664
+ const vhValue = parseFloat(value);
2665
+ return `calc(var(${CONFIG.vhVariable}, 1vh) * ${vhValue})`;
2666
+ });
2667
+ };
2668
+ // Версия с кастомной конфигурацией
2669
+ const createAdaptiveScalePlugin = (customConfig) => {
2670
+ const config = { ...CONFIG, ...customConfig };
2671
+ return (element) => {
2672
+ if (element.type !== "decl")
2673
+ return;
2674
+ if (isPropExcluded(element.props, config.excludeProps))
2675
+ return;
2676
+ const propName = Array.isArray(element.props)
2677
+ ? element.props[0]
2678
+ : element.props;
2679
+ element.value = element.value.replace(/([-0-9.]+)px/g, (_, value) => {
2680
+ const pxValue = parseFloat(value);
2681
+ if (Math.abs(pxValue) <= config.minValue) {
2682
+ return `${pxValue}px`;
2683
+ }
2684
+ if (propName === "font-size") {
2685
+ return `max(calc(var(${config.scaleVariable}, 1) * ${pxValue}px), ${config.minFontSize}px)`;
2686
+ }
2687
+ if (propName === "line-height") {
2688
+ return `max(calc(var(${config.scaleVariable}, 1) * ${pxValue}px), ${config.minLineHeight}px)`;
2689
+ }
2690
+ return `calc(var(${config.scaleVariable}, 1) * ${pxValue}px)`;
2691
+ });
2692
+ element.value = element.value.replace(/([-0-9.]+)vh/g, (_, value) => {
2693
+ const vhValue = parseFloat(value);
2694
+ return `calc(var(${config.vhVariable}, 1vh) * ${vhValue})`;
2695
+ });
2696
+ };
2697
+ };
2698
+
2699
+ const StyledProvider = ({ children }) => {
2700
+ return (jsx(StyleSheetManager, { stylisPlugins: [adaptiveScalePlugin], children: children }));
2701
+ };
2702
+
2703
+ const breakpoints = {
2704
+ mobile: { max: 576, scale: 0.7 },
2705
+ tablet: { min: 576, max: 1024, scale: 0.85 },
2706
+ desktop: { min: 1024, max: 1920, scale: 1 },
2707
+ wide: { min: 1920, scale: 1.15 },
2708
+ };
2709
+ const GlobalStyles = createGlobalStyle `
2710
+ :root {
2711
+ --adaptive-scale: 1;
2712
+ --adaptive-vh: 1vh;
2713
+ }
2714
+
2715
+ /* Mobile */
2716
+ @media (max-width: ${breakpoints.mobile.max}px) {
2717
+ :root {
2718
+ --adaptive-scale: ${breakpoints.mobile.scale};
2719
+ }
2720
+ }
2721
+
2722
+ /* Tablet */
2723
+ @media (min-width: ${breakpoints.tablet.min}px) and (max-width: ${breakpoints.tablet.max}px) {
2724
+ :root {
2725
+ --adaptive-scale: ${breakpoints.tablet.scale};
2726
+ }
2727
+ }
2728
+
2729
+ /* Desktop */
2730
+ @media (min-width: ${breakpoints.desktop.min}px) and (max-width: ${breakpoints.desktop.max}px) {
2731
+ :root {
2732
+ --adaptive-scale: ${breakpoints.desktop.scale};
2733
+ }
2734
+ }
2735
+
2736
+ /* Wide */
2737
+ @media (min-width: ${breakpoints.wide.min}px) {
2738
+ :root {
2739
+ --adaptive-scale: ${breakpoints.wide.scale};
2740
+ }
2741
+ }
2742
+
2743
+ /* Фикс для мобильных браузеров (100vh с учетом адресной строки) */
2744
+ @supports (-webkit-touch-callout: none) {
2745
+ :root {
2746
+ --adaptive-vh: calc(var(--window-inner-height, 1vh) * 0.01);
2747
+ }
2748
+ }
2749
+
2750
+ * {
2751
+ box-sizing: border-box;
2752
+ }
2753
+
2754
+ body {
2755
+ margin: 0;
2756
+ padding: 0;
2757
+ }
2758
+ `;
2759
+
2760
+ export { AaveIcon, AlgorandIcon, ApplicationData, ApplicationInfo, ApplicationStatus, ArrowIcon, AttachIcon, AvalancheIcon, Avatar, BalanceRow, BatIcon, BitcoinIcon, BnbSmallIcon, BtgIcon, BusdIcon, Button, ButtonSwitcher, CakeIcon, CardanoIcon, ChainlinkIcon, CheckIcon$1 as CheckIcon, Checkbox, CircleSendCryptoIcon, ClockIcon, Close2Icon, CloseIcon, Container, CopyIcon, CopyTooltip, CosmosIcon, Counter, CountryBrIcon, CountryCzechIcon, CountryKzIcon, CountryRusIcon, CurrencyName, CurrencyRate, DashSmallIcon, DashboardIcon, DecentralandIcon, DepositIcon, DepositSimpleIcon, DigibyteIcon, DogeSmallIcon, DropdownIcon, DropdownSmallIcon, DropdownUpIcon, EditIcon, ElrondIcon, EmojiIcon, EnjinIcon, EosIcon, ErrorBigIcon, EtcIcon, EthIcon, EurIcon, ExchangeArrowsIcon, ExchangeIcon, ExchangeSimpleIcon, FantomIcon, FilecoinIcon, FtxIcon, GlobalStyles, HamburgerButton, HamburgerIcon, HeadphonesIcon, HederaIcon, HideUiIcon, HistoryIcon, IcomputerIcon, IconNeoIcon, IcxIcon, IlsIcon, InfoIcon, Informer, IotaIcon, KlaytnIcon, LariIcon, LinkIcon, LiskIcon, LitecoinIcon, Loader, Logo, LogoAbankIcon, LogoAbsolutIcon, LogoAcbaCreditIcon, LogoAlphabankIcon, LogoArmEconomBankIcon, LogoArshidBankIcon, LogoBankcentercreditIcon, LogoBankofGeorgiaIcon, LogoEurobankIcon, LogoForteBankIcon, LogoHalykBankIcon, LogoHomecreditIcon, LogoHumoCardIcon, LogoJysanBankIcon, LogoKaspiBankIcon, LogoMonobankIcon, LogoMtsbankIcon, LogoNetellerIcon, LogoOshadbankIcon, LogoOtkrutieIcon, LogoPochtabankIcon, LogoPrivatebankIcon, LogoPumbIcon, LogoQiwiIcon, LogoRayfuzenbankIcon, LogoRevolutIcon, LogoRnkbIcon, LogoRosbankIcon, LogoRosselhozbankIcon, LogoRusstandartIcon, LogoSberIcon, LogoSbpIcon, LogoSotovuyIcon, LogoTbcBankIcon, LogoTinkoffIcon, LogoUkrsibbankIcon, LogoUzCardIcon, LogoVtbIcon, LogoWiseIcon, LogoYoumoneyIcon, LogoutIcon, LunaIcon, MakerIcon, MaticIcon, MessageSendIcon, NearIcon, NemIcon, OmgnetworkIcon, OmiseIcon, OntologyIcon, P2PIcon, PaxgIcon, PlusIcon, PolkaIcon, QnekworkIcon, QutumIcon, RadioButton, ReciveCryptoIcon, Requisites, RippleIcon, RubIcon, SandboxIcon, ScanQrIcon, SearchIcon, SelectField, SendCryptoIcon, SettingsIcon, ShowUiIcon, SolanaIcon, StellarIcon, StepnIcon, StyledProvider, SuccessfullBigIcon, SuccessfullSmallIcon, SushiIcon, Switcher, SynthetixIcon, TabList, Table, TetherIcon, TextField, TezosIcon, ThegraphIcon, ThetaIcon, Tooltip, TopUpIcon, TransactionStatus, TrxSmallIcon, Typography, UniswapIcon, UpSmallIcon, UsdIcon, UsdcIcon, UserAccount, UserIcon, UsersIcon, VechainIcon, WalletFillIcon, WalletIcon, WarningIcon, WavesIcon, WithdrawIcon, WithdrawSimpleIcon, XmrSmallIcon, ZcashSmallIcon, ZilliqaIcon, ZrxIcon, adaptiveScalePlugin, breakpoints, copyToClipboard, createAdaptiveScalePlugin, formatCardNumber, maskEmail, theme };
2558
2761
  //# sourceMappingURL=matbea-ui.es.js.map