@rango-dev/ui 0.36.1 → 0.36.2-next.1

package/src/components/NotFound/NotFound.tsx

@@ -9,13 +9,15 @@ import { Typography } from '../Typography';
 import { Container } from './NotFound.styles';
 
 export function NotFound(props: NotFoundPropTypes) {
+  const { hasIcon = true, titleColor } = props;
   return (
     <Container>
-      <SearchIcon color="secondary" size={26} />
+      {hasIcon && <SearchIcon color="secondary" size={26} />}
       <Divider size={4} />
-      <Typography variant="title" size="medium">
+      <Typography variant="title" size="medium" color={titleColor}>
         {props.title}
       </Typography>
+      <Divider size={10} />
       <Typography variant="body" size="medium" color="neutral700">
         {props.description}
       </Typography>

package/src/components/NotFound/NotFound.types.ts

@@ -1,4 +1,6 @@
 export type NotFoundPropTypes = {
   title: string;
   description?: string;
+  hasIcon?: boolean;
+  titleColor?: string;
 };

package/src/components/Popover/Popover.styles.ts

@@ -6,6 +6,7 @@ export const PopoverContainer = styled(RadixPopover.Content, {
   borderRadius: '$sm',
   filter: 'drop-shadow(0px 5px 20px rgba(130, 130, 130, 0.20))',
   backgroundColor: '$neutral100',
+  zIndex: 10,
   [`.${darkTheme} &`]: {
     backgroundColor: '$neutral300',
   },

package/src/components/Popover/Popover.tsx

@@ -39,10 +39,11 @@ export function Popover(props: PropsWithChildren<PopoverPropTypes>) {
     collisionPadding = 0,
     container = document.body,
     onOpenChange,
+    open,
     ...rest
   } = props;
   return (
-    <RadixPopover.Root onOpenChange={onOpenChange}>
+    <RadixPopover.Root onOpenChange={onOpenChange} open={open}>
       <RadixPopover.Trigger asChild>{children}</RadixPopover.Trigger>
       <PopoverContent
         align={align}

package/src/components/Popover/Popover.types.ts

@@ -26,4 +26,5 @@ export interface ContentType {
 
 export type PopoverPropTypes = ContentType & {
   content: ReactNode;
+  open?: boolean;
 };

package/src/components/TokenAmount/TokenAmount.styles.ts

@@ -27,3 +27,7 @@ export const usdValueStyles = css({
   display: 'flex',
   paddingTop: '$5',
 });
+
+export const tooltipRootStyle = {
+  width: 'fit-content',
+};

package/src/components/TokenAmount/TokenAmount.tsx

@@ -12,6 +12,7 @@ import { Typography } from '../Typography';
 import {
   Container,
   tokenAmountStyles,
+  tooltipRootStyle,
   usdValueStyles,
 } from './TokenAmount.styles';
 
@@ -34,6 +35,7 @@ export function TokenAmount(props: PropTypes) {
           )}
           <div>
             <NumericTooltip
+              styles={{ root: tooltipRootStyle }}
               content={props.price.realValue}
               open={!props.price.realValue ? false : undefined}
               container={props.tooltipContainer}>
@@ -64,7 +66,6 @@ export function TokenAmount(props: PropTypes) {
                 <Typography size="small" variant="body">
                   {`~$${props.price.usdValue}`}
                 </Typography>
-                <Divider direction="horizontal" size={4} />
               </ValueTypography>
             )}
           </NumericTooltip>

package/src/components/Tooltip/Tooltip.tsx

@@ -21,6 +21,7 @@ export function Tooltip(props: PropsWithChildren<TooltipPropTypes>) {
     side = 'top',
     styles,
     align,
+    alignOffset,
   } = props;
 
   return (
@@ -31,6 +32,7 @@ export function Tooltip(props: PropsWithChildren<TooltipPropTypes>) {
         </RadixTooltip.Trigger>
         <RadixTooltip.Portal container={container}>
           <TooltipContent
+            alignOffset={alignOffset}
             align={align}
             side={side}
             sideOffset={sideOffset}

package/src/components/Tooltip/Tooltip.types.ts

@@ -17,4 +17,5 @@ export interface TooltipPropTypes {
     content?: CSS;
   };
   align?: RadixTooltipContentProps['align'];
+  alignOffset?: RadixTooltipContentProps['alignOffset'];
 }

package/src/containers/SwapInput/SwapInput.styles.ts

@@ -38,17 +38,6 @@ export const InputAmount = styled(TextField, {
   '&:disabled': {
     cursor: 'unset',
   },
-  variants: {
-    isZero: {
-      true: {
-        $$color: '$colors$neutral700',
-        [`.${darkTheme} &`]: {
-          $$color: '$colors$neutral900',
-        },
-        color: '$$color',
-      },
-    },
-  },
 });
 export const MaxButton = styled(Button, {
   $$color: '$colors$secondary200',

package/src/containers/SwapInput/SwapInput.tsx

@@ -32,7 +32,8 @@ export function SwapInput(props: SwapInputPropTypes) {
     'balance' in props &&
     !props.loading &&
     !props.loadingBalance &&
-    props.token.displayName;
+    props.token.displayName &&
+    props.anyWalletConnected;
 
   const showBalanceSkeleton =
     'balance' in props && (props.loading || props.loadingBalance);
@@ -114,7 +115,6 @@ export function SwapInput(props: SwapInputPropTypes) {
                   size="large"
                   placeholder="0"
                   variant="ghost"
-                  isZero={props.price.value === '0'}
                   min={0}
                   {...('onInputChange' in props && {
                     onChange: (event: React.ChangeEvent<HTMLInputElement>) =>

package/src/containers/SwapInput/SwapInput.types.ts

@@ -31,6 +31,7 @@ type FromProps = {
   loadingBalance: boolean;
   onSelectMaxBalance: () => void;
   onInputChange: (inputAmount: string) => void;
+  anyWalletConnected: boolean;
 };
 
 type ToProps = {

package/src/icons/Bullhorn.tsx

@@ -8,11 +8,17 @@ function SvgBullhorn(props: SvgIconPropsWithChildren) {
   return createElement(
     SvgIcon,
     props,
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-      <path
-        fill="currentColor"
-        d="M22.113,8.042l-1.092-6.365C20.9,0.972,20.232,0.501,19.53,0.622c-2.204,2.671-6.05,6.28-11.222,7.169 L1.943,8.882C0.888,9.064,0.18,10.066,0.36,11.121l0.656,3.817c0.182,1.056,1.184,1.764,2.239,1.582l0.669-0.115 c0.188,2.37,1.326,4.157,2.186,5.834c0.093,0.19,0.234,0.349,0.407,0.471c0.807,0.57,1.822,0.801,2.785,0.636 c1.264-0.218,2.308-1.09,2.677-2.412c0.178-0.634-0.144-1.298-0.753-1.546c-1.23-0.504-1.427-0.677-1.28-1.073 c0.19-0.524,0.02-1.117-0.426-1.464c-0.251-0.195-0.237-1.084,0.204-1.441c5.133-0.844,9.918,1.266,12.87,3.035 c0.705-0.12,1.177-0.787,1.055-1.492l-1.094-6.364c0.704-0.121,1.176-0.787,1.054-1.492C23.487,8.392,22.817,7.92,22.113,8.042z  M10.74,20.581c-0.442,1.578-2.273,1.921-3.479,1.071c-0.854-1.675-1.918-3.321-2.057-5.465l2.935-0.503 c-0.201,0.82-0.016,1.727,0.593,2.192C8.174,19.391,9.43,20.049,10.74,20.581z M2.291,14.721l-0.655-3.817 c-0.061-0.35,0.178-0.686,0.526-0.747l7.002-1.203l0.875,5.092L3.036,15.25C2.687,15.309,2.35,15.071,2.291,14.721z M22.304,16.789 c-1.655-0.908-3.338-1.616-5.017-2.098c-2.038-0.587-4.033-0.835-5.956-0.743l-0.916-5.333c1.841-0.558,3.641-1.457,5.366-2.691 c1.418-1.018,2.772-2.241,4.03-3.649L22.304,16.789z"
-      />
+    <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+      <g id="Frame 1000009392">
+        <path
+          id="Vector"
+          d="M11.2837 4.18222L12.8874 12.333M6.09508 13.6694L12.8219 12.3459C13.0879 12.2935 13.3626 12.3075 13.6219 12.3865L17.3842 13.5325C18.0508 13.7356 18.6933 13.1551 18.5588 12.4714L16.48 1.90558C16.3454 1.22189 15.5309 0.928099 14.9909 1.36852L11.9432 3.85445C11.7332 4.02578 11.4842 4.14277 11.2182 4.1951L4.4914 5.51863C2.24063 5.96147 0.775013 8.14508 1.21786 10.3958C1.6607 12.6466 3.84431 14.1122 6.09508 13.6694ZM5.64226 13.7585L8.02441 17.9576C8.32196 18.4822 8.92177 18.7574 9.51347 18.641C10.4518 18.4564 10.9334 17.4068 10.4616 16.575L8.54031 13.1883L5.64226 13.7585Z"
+          stroke="currentColor"
+          fill="#00000000"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
     </svg>
   );
 }

package/src/icons/Calendar.tsx

@@ -0,0 +1,39 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgCalendar(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.50034 3.8499C3.99644 3.8499 3.51318 4.05007 3.15687 4.40638C2.80056 4.76269 2.60039 5.24595 2.60039 5.74985V20.7495C2.60039 21.2534 2.80056 21.7367 3.15687 22.093C3.51318 22.4493 3.99644 22.6495 4.50034 22.6495H19.5C20.0039 22.6495 20.4872 22.4493 20.8435 22.093C21.1998 21.7367 21.4 21.2534 21.4 20.7495V5.74985C21.4 5.24595 21.1998 4.76269 20.8435 4.40638C20.4872 4.05007 20.0039 3.8499 19.5 3.8499H4.50034ZM2.30834 3.55786C2.8897 2.9765 3.67818 2.6499 4.50034 2.6499H19.5C20.3222 2.6499 21.1107 2.9765 21.692 3.55786C22.2734 4.13921 22.6 4.92769 22.6 5.74985V20.7495C22.6 21.5717 22.2734 22.3602 21.692 22.9415C21.1107 23.5229 20.3222 23.8495 19.5 23.8495H4.50034C3.67818 23.8495 2.8897 23.5229 2.30834 22.9415C1.72699 22.3602 1.40039 21.5717 1.40039 20.7495V5.74985C1.40039 4.92769 1.72699 4.13921 2.30834 3.55786Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M16.9999 0.149902C17.3313 0.149902 17.5999 0.418532 17.5999 0.749902V5.74979C17.5999 6.08116 17.3313 6.34979 16.9999 6.34979C16.6685 6.34979 16.3999 6.08116 16.3999 5.74979V0.749902C16.3999 0.418532 16.6685 0.149902 16.9999 0.149902Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.00039 0.149902C7.33176 0.149902 7.60039 0.418532 7.60039 0.749902V5.74979C7.60039 6.08116 7.33176 6.34979 7.00039 6.34979C6.66902 6.34979 6.40039 6.08116 6.40039 5.74979V0.749902C6.40039 0.418532 6.66902 0.149902 7.00039 0.149902Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.40039 10.7494C1.40039 10.418 1.66902 10.1494 2.00039 10.1494H22C22.3313 10.1494 22.6 10.418 22.6 10.7494C22.6 11.0808 22.3313 11.3494 22 11.3494H2.00039C1.66902 11.3494 1.40039 11.0808 1.40039 10.7494Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+export default SvgCalendar;

package/src/icons/Discord.tsx

@@ -8,10 +8,11 @@ function SvgDiscord(props: SvgIconPropsWithChildren) {
   return createElement(
     SvgIcon,
     props,
-    <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
       <path
         fillRule="evenodd"
-        d="M24.6739 9.46265C22.5971 7.87997 19.3118 7.61169 19.1712 7.60204C18.9531 7.58467 18.7452 7.70047 18.6556 7.89155C18.6474 7.90313 18.5761 8.05947 18.4966 8.30266C19.8702 8.52269 21.5577 8.96468 23.0842 9.86217C23.3288 10.005 23.4042 10.31 23.2534 10.5416C23.1535 10.694 22.9844 10.777 22.8091 10.777C22.7154 10.777 22.6196 10.7519 22.534 10.7018C19.909 9.15962 16.6318 9.08242 16 9.08242C15.3682 9.08242 12.089 9.15962 9.46603 10.7018C9.22147 10.8465 8.89946 10.7751 8.74864 10.5435C8.59579 10.31 8.6712 10.0069 8.91576 9.86217C10.4423 8.96661 12.1298 8.52269 13.5034 8.30459C13.4239 8.05947 13.3526 7.90506 13.3465 7.89155C13.2548 7.70047 13.0489 7.58081 12.8288 7.60204C12.6882 7.61169 9.40285 7.87997 7.29755 9.48388C6.19905 10.447 4 16.0751 4 20.9409C4 21.0277 4.02446 21.1107 4.06929 21.186C5.5856 23.7106 9.72486 24.3707 10.6685 24.3996C10.6726 24.3996 10.6787 24.3996 10.6848 24.3996C10.8519 24.3996 11.0088 24.3243 11.1067 24.1969L12.0605 22.954C9.48641 22.3248 8.17188 21.2555 8.09647 21.1918C7.88043 21.0123 7.86005 20.6996 8.05163 20.495C8.24117 20.2904 8.57133 20.2711 8.78736 20.4506C8.81793 20.4777 11.2391 22.4232 16 22.4232C20.769 22.4232 23.1902 20.4699 23.2147 20.4506C23.4307 20.2731 23.7588 20.2904 23.9504 20.497C24.1399 20.7016 24.1196 21.0123 23.9035 21.1918C23.8281 21.2555 22.5136 22.3248 19.9395 22.954L20.8933 24.1969C20.9912 24.3243 21.1481 24.3996 21.3152 24.3996C21.3213 24.3996 21.3274 24.3996 21.3315 24.3996C22.2751 24.3707 26.4144 23.7106 27.9307 21.186C27.9755 21.1107 28 21.0277 28 20.9409C28 16.0751 25.801 10.447 24.6739 9.46265ZM12.6087 18.9645C11.5999 18.9645 10.7826 18.0805 10.7826 16.9881C10.7826 15.8956 11.5999 15.0117 12.6087 15.0117C13.6175 15.0117 14.4348 15.8956 14.4348 16.9881C14.4348 18.0805 13.6175 18.9645 12.6087 18.9645ZM19.3913 18.9645C18.3825 18.9645 17.5652 18.0805 17.5652 16.9881C17.5652 15.8956 18.3825 15.0117 19.3913 15.0117C20.4001 15.0117 21.2174 15.8956 21.2174 16.9881C21.2174 18.0805 20.4001 18.9645 19.3913 18.9645Z"
+        clipRule="evenodd"
+        d="M14.899 2.27191C15.0314 2.01005 15.312 1.8574 15.6037 1.88852C17.4166 2.08189 19.3694 2.48267 21.2253 3.77553C21.3465 3.85999 21.4382 3.98039 21.4874 4.11973C22.6789 7.49582 23.3304 10.4412 23.5822 12.8075C23.831 15.1462 23.6985 17.0009 23.2414 18.1433C23.2341 18.1615 23.2261 18.1794 23.2173 18.1969C22.7981 19.0347 22.1662 19.9871 21.3855 20.7411C20.6151 21.485 19.6146 22.1155 18.4694 22.1155C18.1899 22.1155 17.9568 21.9886 17.8202 21.9015C17.6623 21.8009 17.5077 21.6704 17.3642 21.5322C17.0752 21.2538 16.7706 20.8856 16.4945 20.4912C16.2176 20.0956 15.955 19.6532 15.7588 19.2196C15.6653 19.0127 15.5791 18.7913 15.516 18.5666C13.1328 18.9857 10.8676 18.9857 8.48444 18.5666C8.4213 18.7913 8.33515 19.0127 8.24158 19.2196C8.04541 19.6532 7.78287 20.0956 7.50593 20.4912C7.22987 20.8856 6.92526 21.2538 6.63621 21.5322C6.49268 21.6704 6.33812 21.8009 6.18025 21.9015C6.04365 21.9886 5.81054 22.1155 5.53101 22.1155C4.38587 22.1155 3.3853 21.485 2.61497 20.7411C1.83422 19.9871 1.2023 19.0347 0.783111 18.1969C0.774337 18.1794 0.766298 18.1615 0.759014 18.1433C0.30194 17.0009 0.169411 15.1462 0.418271 12.8075C0.670063 10.4412 1.32158 7.49582 2.51307 4.11973C2.56225 3.98039 2.65392 3.85999 2.77517 3.77553C4.63103 2.48267 6.58386 2.08189 8.3967 1.88852C8.68814 1.85743 8.96846 2.00972 9.101 2.27113L10.0165 4.07672C11.3338 3.89737 12.6694 3.89734 13.9868 4.07663L14.899 2.27191ZM7.09691 18.2788C6.71076 18.1869 6.32052 18.0845 5.92524 17.9716C5.55047 17.8645 5.33346 17.4739 5.44054 17.0991C5.54762 16.7244 5.93823 16.5074 6.313 16.6144C10.303 17.7544 13.6974 17.7544 17.6874 16.6144C18.0622 16.5074 18.4528 16.7244 18.5599 17.0991C18.667 17.4739 18.45 17.8645 18.0752 17.9716C17.6799 18.0845 17.2897 18.1869 16.9035 18.2788C16.9379 18.3842 16.9844 18.5042 17.0448 18.6378C17.1979 18.9761 17.4132 19.3423 17.6508 19.6818C17.8894 20.0226 18.1361 20.316 18.3433 20.5155C18.4381 20.6068 18.5125 20.6667 18.5638 20.7014C19.1559 20.6679 19.7871 20.3224 20.405 19.7257C21.0374 19.115 21.5762 18.3156 21.9413 17.5926C22.2618 16.7669 22.4174 15.2007 22.1786 12.9569C21.9455 10.7663 21.3448 8.00484 20.233 4.80813C18.8635 3.90803 17.4168 3.54109 15.9362 3.34881L15.0154 5.1705C14.8755 5.44734 14.5712 5.60035 14.2655 5.54759C12.7676 5.289 11.2364 5.289 9.73842 5.54759C9.43307 5.6003 9.12905 5.44766 8.98892 5.17128L8.06485 3.34872C6.58406 3.54098 5.13715 3.9079 3.76746 4.80813C2.65563 8.00484 2.05491 10.7663 1.82181 12.9569C1.58305 15.2007 1.73862 16.7669 2.05908 17.5926C2.42427 18.3156 2.96299 19.115 3.59544 19.7257C4.21334 20.3224 4.84451 20.6679 5.43667 20.7014C5.4879 20.6667 5.56232 20.6068 5.65716 20.5155C5.86433 20.316 6.11107 20.0226 6.34961 19.6818C6.58726 19.3423 6.80256 18.9761 6.95558 18.6378C7.01604 18.5042 7.0625 18.3842 7.09691 18.2788ZM5.38821 20.73C5.38826 20.7298 5.39117 20.7283 5.39677 20.726C5.39096 20.7291 5.38815 20.7303 5.38821 20.73ZM18.6122 20.73C18.6122 20.7302 18.6094 20.7291 18.6037 20.726C18.6093 20.7283 18.6122 20.7298 18.6122 20.73ZM7.14082 10.6693C7.49375 10.3163 7.97243 10.1181 8.47156 10.1181C8.97068 10.1181 9.44936 10.3163 9.8023 10.6693C10.1552 11.0222 10.3535 11.5009 10.3535 12C10.3535 12.4991 10.1552 12.9778 9.8023 13.3308C9.44936 13.6837 8.97068 13.882 8.47156 13.882C7.97243 13.882 7.49375 13.6837 7.14082 13.3308C6.78788 12.9778 6.58961 12.4991 6.58961 12C6.58961 11.5009 6.78788 11.0222 7.14082 10.6693ZM8.47156 11.5295C8.34678 11.5295 8.22711 11.5791 8.13887 11.6673C8.05064 11.7556 8.00107 11.8752 8.00107 12C8.00107 12.1248 8.05064 12.2445 8.13887 12.3327C8.22711 12.4209 8.34678 12.4705 8.47156 12.4705C8.59634 12.4705 8.71601 12.4209 8.80424 12.3327C8.89248 12.2445 8.94204 12.1248 8.94204 12C8.94204 11.8752 8.89248 11.7556 8.80424 11.6673C8.71601 11.5791 8.59634 11.5295 8.47156 11.5295ZM14.1981 10.6693C14.5511 10.3163 15.0297 10.1181 15.5289 10.1181C16.028 10.1181 16.5067 10.3163 16.8596 10.6693C17.2125 11.0222 17.4108 11.5009 17.4108 12C17.4108 12.4991 17.2125 12.9778 16.8596 13.3308C16.5067 13.6837 16.028 13.882 15.5289 13.882C15.0297 13.882 14.5511 13.6837 14.1981 13.3308C13.8452 12.9778 13.6469 12.4991 13.6469 12C13.6469 11.5009 13.8452 11.0222 14.1981 10.6693ZM15.5289 11.5295C15.4041 11.5295 15.2844 11.5791 15.1962 11.6673C15.108 11.7556 15.0584 11.8752 15.0584 12C15.0584 12.1248 15.108 12.2445 15.1962 12.3327C15.2844 12.4209 15.4041 12.4705 15.5289 12.4705C15.6537 12.4705 15.7733 12.4209 15.8616 12.3327C15.9498 12.2445 15.9994 12.1248 15.9994 12C15.9994 11.8752 15.9498 11.7556 15.8616 11.6673C15.7733 11.5791 15.6537 11.5295 15.5289 11.5295Z"
         fill="currentColor"
       />
     </svg>

package/src/icons/Filter.tsx

@@ -0,0 +1,21 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgFilter(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.82568 3.82878C2.82568 2.03228 4.28203 0.575928 6.07853 0.575928H17.9208C19.7173 0.575928 21.1737 2.03228 21.1737 3.82878V5.80513C21.1737 6.68795 20.8149 7.53209 20.181 8.1445L15.7568 13.4631L15.7228 13.4949C15.3694 13.8261 15.1689 14.2887 15.1689 14.773V18.8493C15.1689 19.6996 14.836 20.5161 14.2414 21.124L12.2631 23.1462C11.0086 24.4287 8.83041 23.5405 8.83041 21.7465V14.773C8.83041 14.2887 8.6299 13.8261 8.27652 13.4949L8.24251 13.4631L3.81837 8.1445C3.18447 7.53209 2.82568 6.68795 2.82568 5.80513V3.82878ZM6.07853 2.07724C5.11119 2.07724 4.327 2.86143 4.327 3.82878V5.80513C4.327 6.28941 4.52751 6.75208 4.88089 7.08322L4.9149 7.11509L9.33904 12.4336C9.97294 13.046 10.3317 13.8902 10.3317 14.773V21.7465C10.3317 22.195 10.8763 22.417 11.1899 22.0964L13.1682 20.0741C13.4883 19.7468 13.6676 19.3072 13.6676 18.8493V14.773C13.6676 13.8902 14.0264 13.046 14.6603 12.4336L19.0844 7.11509L19.1185 7.08322C19.4718 6.75208 19.6723 6.28941 19.6723 5.80513V3.82878C19.6723 2.86143 18.8882 2.07724 17.9208 2.07724H6.07853Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+export default SvgFilter;

package/src/icons/First.tsx

@@ -0,0 +1,25 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgFirst(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 20 24" xmlns="http://www.w3.org/2000/svg">
+      <path
+        id="Vector"
+        d="M10.3981 12.2525L19.7762 22.3353C19.9172 22.4895 19.9959 22.6973 19.995 22.9135C19.9942 23.1297 19.9139 23.3368 19.7717 23.4897C19.6294 23.6426 19.4368 23.7289 19.2357 23.7297C19.0346 23.7306 18.8413 23.6459 18.6979 23.4943L8.852 12.9088C8.68428 12.7285 8.61109 12.4856 8.63218 12.2503C8.62181 12.1305 8.63616 12.0098 8.6742 11.8966C8.71224 11.7834 8.77304 11.6807 8.85226 11.5957L18.6984 1.01023C18.8414 0.856505 19.0353 0.770142 19.2376 0.770142C19.4398 0.770142 19.6337 0.856505 19.7767 1.01023C19.9197 1.16396 20 1.37246 20 1.58986C20 1.80726 19.9197 2.01576 19.7767 2.16949L10.3981 12.2525Z"
+        fill="currentColor"
+      />
+      <path
+        id="Vector_2"
+        d="M1.76846 12.2525L11.1473 22.3353C11.2883 22.4895 11.367 22.6973 11.3661 22.9135C11.3653 23.1297 11.285 23.3368 11.1428 23.4897C11.0006 23.6426 10.8079 23.7289 10.6068 23.7297C10.4057 23.7306 10.2124 23.6459 10.069 23.4943L0.223115 12.9088C0.0553913 12.7285 -0.0177975 12.4856 0.0032959 12.2503C-0.00705814 12.1305 0.00729561 12.0098 0.0453348 11.8966C0.083375 11.7835 0.144164 11.6807 0.223369 11.5957L10.069 1.01023C10.212 0.856505 10.4059 0.770142 10.6082 0.770142C10.8104 0.770142 11.0043 0.856505 11.1473 1.01023C11.2903 1.16396 11.3706 1.37246 11.3706 1.58986C11.3706 1.80726 11.2903 2.01576 11.1473 2.16949L1.76846 12.2525Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+export default SvgFirst;

package/src/icons/Last.tsx

@@ -0,0 +1,25 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgLast(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 20 24" xmlns="http://www.w3.org/2000/svg">
+      <path
+        id="Vector"
+        d="M9.6014 11.7457L0.223335 21.8285C0.082301 21.9826 0.00363768 22.1904 0.00448023 22.4067C0.00532279 22.6229 0.0856029 22.83 0.227834 22.9829C0.370064 23.1358 0.562722 23.222 0.763842 23.2229C0.964961 23.2237 1.15825 23.1391 1.3016 22.9874L11.1475 12.402C11.3152 12.2216 11.3884 11.9787 11.3673 11.7435C11.3777 11.6237 11.3634 11.5029 11.3253 11.3898C11.2873 11.2766 11.2265 11.1739 11.1473 11.0889L1.30109 0.503396C1.1581 0.349669 0.964172 0.263306 0.761958 0.263306C0.559745 0.263306 0.365814 0.349669 0.222827 0.503396C0.0798406 0.657122 -0.000488281 0.865621 -0.000488281 1.08302C-0.000488281 1.30043 0.0798406 1.50892 0.222827 1.66265L9.6014 11.7457Z"
+        fill="currentColor"
+      />
+      <path
+        id="Vector_2"
+        d="M18.231 11.7457L8.85222 21.8285C8.71119 21.9826 8.63252 22.1904 8.63337 22.4067C8.63421 22.6229 8.71449 22.83 8.85672 22.9829C8.99895 23.1358 9.19161 23.222 9.39273 23.2229C9.59385 23.2237 9.78713 23.1391 9.93048 22.9874L19.7764 12.402C19.9441 12.2216 20.0173 11.9787 19.9962 11.7435C20.0066 11.6237 19.9922 11.5029 19.9542 11.3898C19.9161 11.2766 19.8553 11.1739 19.7761 11.0889L9.93048 0.503396C9.7875 0.349669 9.59357 0.263306 9.39135 0.263306C9.18914 0.263306 8.99521 0.349669 8.85222 0.503396C8.70924 0.657122 8.62891 0.865621 8.62891 1.08302C8.62891 1.30043 8.70924 1.50892 8.85222 1.66265L18.231 11.7457Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+export default SvgLast;

package/src/icons/Logout.tsx

@@ -0,0 +1,28 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgLogout(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <g clipPath="url(#clip0_19665_403207)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M0.268555 6.51603C0.268555 3.41999 2.77839 0.910156 5.87443 0.910156H11.1186C14.2147 0.910156 16.7245 3.41999 16.7245 6.51604V6.8207C16.7245 7.22453 16.3971 7.5519 15.9933 7.5519C15.5895 7.5519 15.2621 7.22453 15.2621 6.8207V6.51604C15.2621 4.22766 13.407 2.37256 11.1186 2.37256H5.87443C3.58606 2.37256 1.73096 4.22766 1.73096 6.51603V17.4841C1.73096 19.7724 3.58606 21.6275 5.87443 21.6275H11.1186C13.407 21.6275 15.2621 19.7724 15.2621 17.4841V17.1794C15.2621 16.7756 15.5895 16.4482 15.9933 16.4482C16.3971 16.4482 16.7245 16.7756 16.7245 17.1794V17.4841C16.7245 20.5801 14.2147 23.0899 11.1186 23.0899H5.87443C2.77839 23.0899 0.268555 20.5801 0.268555 17.4841V6.51603ZM19.533 8.3803C19.7831 8.06325 20.2429 8.00898 20.56 8.2591C21.2114 8.77302 21.9659 9.38204 22.5599 9.97564C22.8565 10.2721 23.1335 10.5846 23.3408 10.8972C23.5373 11.1936 23.7309 11.5778 23.731 12C23.731 12.4221 23.5373 12.8064 23.3408 13.1028C23.1335 13.4153 22.8565 13.7279 22.5599 14.0244C21.9659 14.618 21.2114 15.227 20.56 15.7409C20.2429 15.991 19.7831 15.9367 19.533 15.6197C19.2829 15.3026 19.3372 14.8429 19.6542 14.5927C20.3082 14.0768 21.0001 13.5157 21.5261 12.99C21.6159 12.9003 21.6984 12.8139 21.7735 12.7312H10.672C10.2682 12.7312 9.94084 12.4038 9.94084 12C9.94084 11.5962 10.2682 11.2688 10.672 11.2688H21.7734C21.6984 11.1861 21.6158 11.0997 21.5261 11.01C21 10.4843 20.3082 9.92316 19.6542 9.40725C19.3372 9.15713 19.2829 8.69735 19.533 8.3803Z"
+          fill="currentColor"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_19665_403207">
+          <rect width={24} height={24} fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
+export default SvgLogout;

package/src/icons/RangoExplorer.tsx

@@ -17,9 +17,9 @@ function SvgRangoExplorer(props: SvgIconPropsWithChildren) {
       />
       <path
         d="M20.2351 15.5998C20.2351 18.1601 18.1596 20.2355 15.5994 20.2355C13.0392 20.2355 10.9637 18.1601 10.9637 15.5998C10.9637 13.0396 13.0392 10.9641 15.5994 10.9641C18.1596 10.9641 20.2351 13.0396 20.2351 15.5998ZM20.6394 20.7498C20.6096 20.7498 20.5817 20.7377 20.5642 20.7202L19.6076 19.7636C19.5686 19.7246 19.5637 19.6554 19.6091 19.6065C19.6486 19.5688 19.7169 19.5647 19.7652 19.61L20.7198 20.5646C20.7579 20.6028 20.7634 20.6698 20.7212 20.7184C20.6955 20.74 20.6657 20.7498 20.6394 20.7498Z"
-        stroke="#727272"
+        stroke="currentColor"
         strokeWidth={0.5}
-        fill="white"
+        fill="transparent"
       />
       <defs>
         <linearGradient

package/src/icons/Rank.tsx

@@ -0,0 +1,27 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgRank(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M16.5543 8.80555C16.7998 9.05054 16.8002 9.44816 16.5552 9.69366L11.0688 15.1914C10.9509 15.3095 10.7909 15.3759 10.624 15.3758C10.4571 15.3757 10.2971 15.3092 10.1793 15.1909L7.4418 12.4421C7.19707 12.1963 7.19789 11.7987 7.44364 11.554C7.6894 11.3092 8.08702 11.31 8.33175 11.5558L10.6248 13.8583L15.6662 8.80646C15.9112 8.56096 16.3088 8.56055 16.5543 8.80555Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.034 1.62891C12.4707 1.1563 11.533 1.16075 10.9866 1.62794L9.19324 3.16028C8.94868 3.37167 8.62911 3.53755 8.32526 3.65046C8.02072 3.76362 7.67165 3.84597 7.35257 3.84597H5.38746C4.53024 3.84597 3.82317 4.55304 3.82317 5.41027V7.36401C3.82317 7.68352 3.7406 8.02973 3.62935 8.33029C3.51777 8.63171 3.35598 8.94486 3.1551 9.18592L3.1514 9.19036L1.61992 10.994C1.15868 11.544 1.15776 12.4746 1.619 13.0245L3.15512 14.8338C3.356 15.0748 3.51777 15.388 3.62935 15.6894C3.7406 15.99 3.82317 16.3362 3.82317 16.6557V18.5981C3.82317 19.4553 4.53024 20.1624 5.38746 20.1624H7.35257C7.67649 20.1624 8.02553 20.2443 8.33057 20.3583C8.63529 20.4721 8.95127 20.6385 9.1944 20.849L10.9856 22.3908C11.5485 22.8631 12.4855 22.8589 13.032 22.3925L14.8244 20.8496C15.0691 20.6378 15.3899 20.4709 15.6942 20.3579C15.9988 20.2447 16.3479 20.1624 16.6669 20.1624H18.598C19.4552 20.1624 20.1623 19.4553 20.1623 18.5981V16.667C20.1623 16.3431 20.2442 15.9941 20.3582 15.689C20.472 15.3843 20.6385 15.0683 20.849 14.8252L22.3907 13.034C22.863 12.4711 22.8588 11.5341 22.3924 10.9876L20.8496 9.19518C20.6377 8.95047 20.4709 8.62968 20.3578 8.32535C20.2446 8.02081 20.1623 7.67174 20.1623 7.35265V5.42163C20.1623 4.5644 19.4552 3.85733 18.598 3.85733H16.6669C16.343 3.85733 15.994 3.7754 15.6889 3.66143C15.3843 3.5476 15.0684 3.38121 14.8253 3.17077L13.034 1.62891ZM10.1706 0.6732C11.191 -0.199189 12.8185 -0.195314 13.8457 0.670466L13.8507 0.674665L15.647 2.2209C15.7445 2.30545 15.9167 2.40574 16.1285 2.48488C16.3403 2.56402 16.5365 2.60135 16.6669 2.60135H18.598C20.1488 2.60135 21.4182 3.87074 21.4182 5.42163V7.35265C21.4182 7.47657 21.4552 7.67273 21.5351 7.88787C21.615 8.10292 21.7155 8.27663 21.7987 8.3726L21.8001 8.3742L23.3462 10.1705C24.2188 11.1909 24.215 12.8185 23.3491 13.8458L23.3449 13.8508L21.8001 15.6455L21.7987 15.6471C21.7141 15.7446 21.6139 15.9168 21.5347 16.1286C21.4556 16.3404 21.4182 16.5366 21.4182 16.667V18.5981C21.4182 20.1489 20.1488 21.4183 18.598 21.4183H16.6669C16.543 21.4183 16.3469 21.4553 16.1317 21.5352C15.9167 21.6151 15.743 21.7156 15.647 21.7988L15.6454 21.8002L13.8507 23.345L13.8491 23.3463C12.8287 24.2189 11.2011 24.215 10.1738 23.3492L10.1688 23.345L8.37412 21.8002L8.37251 21.7988C8.27496 21.7142 8.10282 21.6139 7.89099 21.5348C7.67919 21.4557 7.48301 21.4183 7.35257 21.4183H5.38746C3.83658 21.4183 2.56719 20.1489 2.56719 18.5981V16.6557C2.56719 16.5322 2.53048 16.3388 2.45147 16.1254C2.37327 15.9141 2.27454 15.7397 2.19176 15.6397L0.658475 13.8338C-0.196709 12.8164 -0.196703 11.2033 0.658481 10.1859L0.66048 10.1835L2.19176 8.38001C2.27455 8.27999 2.37327 8.10555 2.45147 7.89428C2.53048 7.68085 2.56719 7.48751 2.56719 7.36401V5.41027C2.56719 3.85938 3.83658 2.58999 5.38746 2.58999H7.35257C7.47648 2.58999 7.67265 2.55307 7.88778 2.47313C8.10283 2.39322 8.27654 2.29272 8.37251 2.20954L8.37585 2.20665L10.1706 0.6732Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+export default SvgRank;

package/src/icons/Score.tsx

@@ -0,0 +1,39 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgScore(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.1297 4.15703C13.935 4.15703 13.5652 4.31417 13.2086 5.04165L13.2065 5.04589L11.708 8.04284C11.5535 8.35839 11.2936 8.6315 11.023 8.83277C10.7517 9.03459 10.414 9.20563 10.0653 9.26254L7.35557 9.70885C6.59307 9.84027 6.32773 10.1442 6.26382 10.3438C6.20022 10.5425 6.23891 10.9424 6.78676 11.4903L8.90971 13.6133C9.1703 13.8817 9.34982 14.2405 9.44958 14.5896C9.5489 14.9373 9.58745 15.3398 9.4993 15.7108L9.49876 15.713L8.89345 18.3254C8.66637 19.3044 8.89026 19.678 9.02355 19.7749C9.1589 19.8734 9.58682 19.9701 10.4497 19.4606L12.9892 17.9517C13.3345 17.7437 13.7543 17.6591 14.1377 17.6591C14.521 17.6591 14.9408 17.7437 15.2861 17.9518L17.8274 19.4616C18.6899 19.9761 19.1166 19.8777 19.2508 19.7796C19.3853 19.6814 19.6089 19.3042 19.3819 18.3256L18.7759 15.7102L18.7757 15.7092C18.6885 15.3355 18.7258 14.9314 18.8257 14.5817C18.9256 14.2322 19.1063 13.8725 19.3719 13.6069L21.4868 11.4921L21.4876 11.4913C22.0361 10.9377 22.0753 10.535 22.0115 10.3359C21.9481 10.1379 21.6846 9.83555 20.9213 9.70911L18.1973 9.26046C17.8585 9.19741 17.5259 9.03063 17.2542 8.83019C16.9846 8.63125 16.7229 8.36056 16.5673 8.04284L15.0695 5.04728C14.7024 4.31804 14.3271 4.15703 14.1297 4.15703ZM14.1297 2.95703C14.9959 2.95703 15.6897 3.61019 16.1414 4.50783L16.1422 4.50923L17.6446 7.5142C17.6913 7.60998 17.801 7.74239 17.9666 7.86456C18.1288 7.98418 18.2937 8.05649 18.4119 8.07962L21.1169 8.52515C22.0873 8.6859 22.8933 9.15476 23.1544 9.96992C23.415 10.7838 23.0341 11.6359 22.3389 12.337L22.3371 12.3388L20.2205 14.4555C20.1351 14.5409 20.0393 14.7024 19.9796 14.9113C19.9201 15.1197 19.9149 15.3108 19.9443 15.4367L19.9446 15.438L20.5509 18.0544C20.8024 19.1392 20.7123 20.1981 19.9587 20.7486C19.205 21.2992 18.1694 21.0627 17.2133 20.4926L14.6675 18.98C14.5558 18.9125 14.365 18.8591 14.1377 18.8591C13.9103 18.8591 13.7195 18.9125 13.6078 18.98L13.6039 18.9824L11.0604 20.4935C10.1048 21.058 9.07033 21.2929 8.31757 20.7453C7.56277 20.1961 7.4729 19.139 7.72442 18.0546L8.3307 15.438L8.33167 15.4339C8.35982 15.3162 8.35577 15.1294 8.29575 14.9193C8.23652 14.712 8.14079 14.5454 8.05111 14.4517L5.93823 12.3388C5.24162 11.6422 4.86018 10.7924 5.12098 9.9779C5.38142 9.16455 6.18463 8.69242 7.15436 8.52584L7.15843 8.52514L9.87069 8.07843L9.8718 8.07825C9.98026 8.06059 10.1422 7.99241 10.3068 7.86995C10.4714 7.74746 10.583 7.61219 10.6307 7.51422L10.6334 7.50866L12.1322 4.51126C12.5733 3.6125 13.2615 2.95703 14.1297 2.95703Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.76416 4.5541C0.76416 4.22273 1.03279 3.9541 1.36416 3.9541H7.74598C8.07735 3.9541 8.34598 4.22273 8.34598 4.5541C8.34598 4.88547 8.07735 5.1541 7.74598 5.1541H1.36416C1.03279 5.1541 0.76416 4.88547 0.76416 4.5541Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.76416 19.4447C0.76416 19.1134 1.03279 18.8447 1.36416 18.8447H4.55507C4.88644 18.8447 5.15507 19.1134 5.15507 19.4447C5.15507 19.7761 4.88644 20.0447 4.55507 20.0447H1.36416C1.03279 20.0447 0.76416 19.7761 0.76416 19.4447Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.76416 11.9994C0.76416 11.668 1.03279 11.3994 1.36416 11.3994H2.4278C2.75917 11.3994 3.0278 11.668 3.0278 11.9994C3.0278 12.3308 2.75917 12.5994 2.4278 12.5994H1.36416C1.03279 12.5994 0.76416 12.3308 0.76416 11.9994Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+export default SvgScore;

package/src/icons/Share.tsx

@@ -0,0 +1,28 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgShare(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <g clipPath="url(#clip0_19665_403199)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M19.3333 2.34435C17.7132 2.34435 16.3999 3.65765 16.3999 5.27769C16.3999 6.89772 17.7132 8.21102 19.3333 8.21102C20.9534 8.21102 22.2666 6.89772 22.2666 5.27769C22.2666 3.65765 20.9534 2.34435 19.3333 2.34435ZM14.9333 5.27769C14.9333 2.84765 16.9032 0.877686 19.3333 0.877686C21.7634 0.877686 23.7333 2.84765 23.7333 5.27769C23.7333 7.70773 21.7634 9.67769 19.3333 9.67769C17.8132 9.67769 16.4732 8.90689 15.6827 7.73484L8.91673 10.8571C9.01448 11.2215 9.0666 11.6046 9.0666 11.9999C9.0666 12.3952 9.01449 12.7782 8.91675 13.1427L15.6828 16.2649C16.4732 15.0929 17.8132 14.3221 19.3333 14.3221C21.7634 14.3221 23.7333 16.292 23.7333 18.7221C23.7333 21.1522 21.7634 23.1221 19.3333 23.1221C16.9032 23.1221 14.9333 21.1522 14.9333 18.7221C14.9333 18.3346 14.9834 17.9588 15.0774 17.6009L8.30465 14.4755C7.51261 15.6372 6.17867 16.3999 4.6666 16.3999C2.23656 16.3999 0.266602 14.43 0.266602 11.9999C0.266602 9.56979 2.23656 7.59991 4.6666 7.59991C6.17863 7.59991 7.51254 8.36258 8.30459 9.52424L15.0774 6.39888C14.9834 6.04093 14.9333 5.66515 14.9333 5.27769ZM4.6666 9.06658C3.04656 9.06658 1.73327 10.3798 1.73327 11.9999C1.73327 13.62 3.04656 14.9332 4.6666 14.9332C6.28664 14.9332 7.59993 13.62 7.59993 11.9999C7.59993 10.3798 6.28664 9.06658 4.6666 9.06658ZM19.3333 15.7888C17.7132 15.7888 16.3999 17.102 16.3999 18.7221C16.3999 20.3422 17.7132 21.6555 19.3333 21.6555C20.9534 21.6555 22.2666 20.3422 22.2666 18.7221C22.2666 17.102 20.9534 15.7888 19.3333 15.7888Z"
+          fill="currentColor"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_19665_403199">
+          <rect width={24} height={24} fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
+export default SvgShare;

package/src/icons/Stats.tsx

@@ -0,0 +1,28 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgStats(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <g clipPath="url(#clip0_19665_403204)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M0.999935 0.266602C1.40494 0.266602 1.73327 0.594926 1.73327 0.999935V14.4444C1.73327 16.4817 1.73483 17.9358 1.88335 19.0405C2.02903 20.1241 2.3039 20.7609 2.77141 21.2285C2.7714 21.2285 2.77142 21.2285 2.77141 21.2285M2.77141 21.2285C3.23891 21.696 3.87575 21.9708 4.95932 22.1165C6.064 22.265 7.5182 22.2666 9.55549 22.2666H22.9999C23.4049 22.2666 23.7333 22.5949 23.7333 22.9999C23.7333 23.4049 23.4049 23.7333 22.9999 23.7333H9.49996C7.5305 23.7333 5.97763 23.7333 4.76389 23.5701C3.51768 23.4026 2.51976 23.051 1.73433 22.2656C0.948917 21.4801 0.597309 20.4822 0.429758 19.2359C0.266576 18.0222 0.266587 16.4694 0.266602 14.4999L0.266602 0.999935C0.266602 0.594926 0.594927 0.266602 0.999935 0.266602M8.32449 4.17795C6.98416 4.17795 6.06248 4.98901 5.29529 6.26659C5.08679 6.61381 4.63629 6.72625 4.28907 6.51775C3.94186 6.30925 3.82941 5.85875 4.03791 5.51153C4.91701 4.0476 6.22867 2.71128 8.32449 2.71128C9.36395 2.71128 10.2395 2.97626 10.97 3.46553C11.6929 3.94969 12.231 4.62463 12.6496 5.3813C13.4335 6.79833 13.8659 8.64001 14.2715 10.3675C14.2905 10.4486 14.3095 10.5294 14.3284 10.6099C14.7661 12.4697 15.193 14.183 15.951 15.4412C16.3214 16.0559 16.7549 16.5322 17.2811 16.8571C17.8026 17.1791 18.4563 17.378 19.3111 17.378C20.663 17.378 21.5795 16.5614 22.3773 15.2794C22.5913 14.9355 23.0435 14.8302 23.3874 15.0442C23.7313 15.2582 23.8365 15.7104 23.6226 16.0543C22.7232 17.4995 21.4198 18.8446 19.3111 18.8446C18.2146 18.8446 17.2883 18.5852 16.5107 18.1051C15.7378 17.6279 15.1528 16.9583 14.6948 16.1981C13.796 14.7062 13.326 12.7529 12.9008 10.946C12.8897 10.8992 12.8788 10.8525 12.8678 10.8059C12.4406 8.9898 12.0493 7.32607 11.3662 6.09127C11.0241 5.47294 10.6285 5.00204 10.1538 4.68412C9.68679 4.37131 9.10098 4.17795 8.32449 4.17795Z"
+          fill="currentColor"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_19665_403204">
+          <rect width={24} height={24} fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
+export default SvgStats;

package/src/icons/index.ts

@@ -3,6 +3,7 @@ export { default as AutoThemeIcon } from './AutoTheme';
 export { default as AutorenewIcon } from './Autorenew';
 export { default as BorderRadiusIcon } from './BorderRadius';
 export { default as BridgesIcon } from './Bridges';
+export { default as CalendarIcon } from './Calendar';
 export { default as ChevronDownIcon } from './ChevronDown';
 export { default as ChevronLeftIcon } from './ChevronLeft';
 export { default as ChevronRightIcon } from './ChevronRight';
@@ -25,6 +26,7 @@ export { default as ExchangeIcon } from './Exchange';
 export { default as ExitIcon } from './Exit';
 export { default as ExplorerIcon } from './Explorer';
 export { default as ExternalLinkIcon } from './ExternalLink';
+export { default as FirstIcon } from './First';
 export { default as FontIcon } from './Font';
 export { default as GasIcon } from './Gas';
 export { default as HeightIcon } from './Height';
@@ -32,9 +34,11 @@ export { default as InProgressIcon } from './InProgress';
 export { default as InfoErrorIcon } from './InfoError';
 export { default as InfoIcon } from './Info';
 export { default as LanguageIcon } from './Language';
+export { default as LastIcon } from './Last';
 export { default as LightModeIcon } from './LightMode';
 export { default as LinkIcon } from './Link';
 export { default as LoadingIcon } from './Loading';
+export { default as LogoutIcon } from './Logout';
 export { default as LogoWithTextIcon } from './LogoWithText';
 export { default as MenuIcon } from './Menu';
 export { default as MoreIcon } from './More';
@@ -48,12 +52,16 @@ export { default as OtherCategoryIcon } from './OtherCategory';
 export { default as PasteIcon } from './Paste';
 export { default as PinIcon } from './Pin';
 export { default as RangoExplorerIcon } from './RangoExplorer';
+export { default as RankIcon } from './Rank';
 export { default as RefreshIcon } from './Refresh';
 export { default as ReportIcon } from './Report';
 export { default as RequestIcon } from './Request';
 export { default as ReverseIcon } from './Reverse';
 export { default as RouteIcon } from './Route';
+export { default as ScoreIcon } from './Score';
 export { default as SearchIcon } from './Search';
+export { default as ShareIcon } from './Share';
+export { default as StatsIcon } from './Stats';
 export { default as SupportIcon } from './Support';
 export { default as SwapIcon } from './Swap';
 export { default as TimeIcon } from './Time';
@@ -68,6 +76,7 @@ export { default as BullhornIcon } from './Bullhorn';
 export { default as ChainsIcon } from './Chains';
 export { default as ColorsIcon } from './Colors';
 export { default as DiscordIcon } from './Discord';
+export { default as FilterIcon } from './Filter';
 export { default as InfinityIcon } from './Infinity';
 export { default as KeyIcon } from './Key';
 export { default as MediumIcon } from './Medium';