@rango-dev/ui 0.38.0 → 0.38.1-next.1

package/src/icons/Last.tsx

@@ -1,23 +1,23 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgLast(props: SvgIconPropsWithChildren) {
   return createElement(
     SvgIcon,
     props,
-    <svg viewBox="0 0 20 24" xmlns="http://www.w3.org/2000/svg">
+    <svg viewBox="0 0 24 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"
+        fill="#727272"
       />
       <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"
+        fill="#727272"
       />
     </svg>
   );

package/src/icons/LightMode.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgLightMode(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Link.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgLink(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Loading.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgLoading(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/LogoWithText.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgLogoWithText(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Logout.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgLogout(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Medium.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgMedium(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Menu.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgMenu(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/More.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgMore(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Next.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgNext(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/NoNotification.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgNoNotification(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/NoRoute.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgNoRoute(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/NotificationNumber.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgNotificationNumber(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Notifications.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgNotifications(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Number.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgNumber(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/OtherCategory.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgOtherCategory(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Paste.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgPaste(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Pin.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgPin(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/RangoExplorer.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgRangoExplorer(props: SvgIconPropsWithChildren) {
   return createElement(
@@ -17,7 +17,7 @@ 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="currentColor"
+        stroke="#727272"
         strokeWidth={0.5}
         fill="transparent"
       />

package/src/icons/Rank.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgRank(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Refresh.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgRefresh(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Report.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgReport(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Request.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgRequest(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Reverse.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgReverse(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Route.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgRoute(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Score.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgScore(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Search.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgSearch(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Settings.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgSettings(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Share.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgShare(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Slippage.tsx

@@ -0,0 +1,19 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgSlippage(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M12.1875 15.9375C12.2868 15.9371 12.3819 15.8973 12.4519 15.8269L19.2019 9.07687C19.2633 9.00514 19.2954 8.91286 19.2918 8.81848C19.2881 8.7241 19.249 8.63457 19.1822 8.56779C19.1154 8.501 19.0259 8.46188 18.9315 8.45823C18.8371 8.45459 18.7449 8.48669 18.6731 8.54813L11.9231 15.2981C11.871 15.3506 11.8355 15.4172 11.8212 15.4898C11.8069 15.5623 11.8143 15.6375 11.8425 15.7058C11.8708 15.7741 11.9186 15.8326 11.98 15.8738C12.0414 15.915 12.1136 15.9372 12.1875 15.9375ZM15 9.75C15 9.37916 14.89 9.01665 14.684 8.70831C14.478 8.39996 14.1851 8.15964 13.8425 8.01773C13.4999 7.87581 13.1229 7.83868 12.7592 7.91103C12.3955 7.98337 12.0614 8.16195 11.7992 8.42417C11.537 8.6864 11.3584 9.02049 11.286 9.38421C11.2137 9.74792 11.2508 10.1249 11.3927 10.4675C11.5346 10.8101 11.775 11.103 12.0833 11.309C12.3916 11.515 12.7542 11.625 13.125 11.625C13.6223 11.625 14.0992 11.4275 14.4508 11.0758C14.8025 10.7242 15 10.2473 15 9.75ZM12 9.75C12 9.5275 12.066 9.30999 12.1896 9.12498C12.3132 8.93998 12.4889 8.79578 12.6945 8.71064C12.9 8.62549 13.1262 8.60321 13.3445 8.64662C13.5627 8.69002 13.7632 8.79717 13.9205 8.9545C14.0778 9.11184 14.185 9.31229 14.2284 9.53052C14.2718 9.74875 14.2495 9.97495 14.1644 10.1805C14.0792 10.3861 13.935 10.5618 13.75 10.6854C13.565 10.809 13.3475 10.875 13.125 10.875C12.8266 10.875 12.5405 10.7565 12.3295 10.5455C12.1185 10.3345 12 10.0484 12 9.75ZM18 16.125C18.3708 16.125 18.7334 16.015 19.0417 15.809C19.35 15.603 19.5904 15.3101 19.7323 14.9675C19.8742 14.6249 19.9113 14.2479 19.839 13.8842C19.7666 13.5205 19.588 13.1864 19.3258 12.9242C19.0636 12.662 18.7295 12.4834 18.3658 12.411C18.0021 12.3387 17.6251 12.3758 17.2825 12.5177C16.9399 12.6596 16.647 12.9 16.441 13.2083C16.235 13.5166 16.125 13.8792 16.125 14.25C16.125 14.7473 16.3225 15.2242 16.6742 15.5758C17.0258 15.9275 17.5027 16.125 18 16.125ZM18 13.125C18.2225 13.125 18.44 13.191 18.625 13.3146C18.81 13.4382 18.9542 13.6139 19.0394 13.8195C19.1245 14.025 19.1468 14.2512 19.1034 14.4695C19.06 14.6877 18.9528 14.8882 18.7955 15.0455C18.6382 15.2028 18.4377 15.31 18.2195 15.3534C18.0012 15.3968 17.775 15.3745 17.5695 15.2894C17.3639 15.2042 17.1882 15.06 17.0646 14.875C16.941 14.69 16.875 14.4725 16.875 14.25C16.875 13.9516 16.9935 13.6655 17.2045 13.4545C17.4155 13.2435 17.7016 13.125 18 13.125ZM3.375 3.75H5.625C5.72446 3.75 5.81984 3.71049 5.89016 3.64016C5.96049 3.56984 6 3.47446 6 3.375C6 3.27554 5.96049 3.18016 5.89016 3.10984C5.81984 3.03951 5.72446 3 5.625 3H3.375C3.27554 3 3.18016 3.03951 3.10984 3.10984C3.03951 3.18016 3 3.27554 3 3.375C3 3.47446 3.03951 3.56984 3.10984 3.64016C3.18016 3.71049 3.27554 3.75 3.375 3.75ZM18.375 3.75H20.625C20.7245 3.75 20.8198 3.71049 20.8902 3.64016C20.9605 3.56984 21 3.47446 21 3.375C21 3.27554 20.9605 3.18016 20.8902 3.10984C20.8198 3.03951 20.7245 3 20.625 3H18.375C18.2755 3 18.1802 3.03951 18.1098 3.10984C18.0395 3.18016 18 3.27554 18 3.375C18 3.47446 18.0395 3.56984 18.1098 3.64016C18.1802 3.71049 18.2755 3.75 18.375 3.75ZM10.875 3.75H13.125C13.2245 3.75 13.3198 3.71049 13.3902 3.64016C13.4605 3.56984 13.5 3.47446 13.5 3.375C13.5 3.27554 13.4605 3.18016 13.3902 3.10984C13.3198 3.03951 13.2245 3 13.125 3H10.875C10.7755 3 10.6802 3.03951 10.6098 3.10984C10.5395 3.18016 10.5 3.27554 10.5 3.375C10.5 3.47446 10.5395 3.56984 10.6098 3.64016C10.6802 3.71049 10.7755 3.75 10.875 3.75ZM7.125 3.75H9.375C9.47446 3.75 9.56984 3.71049 9.64017 3.64016C9.71049 3.56984 9.75 3.47446 9.75 3.375C9.75 3.27554 9.71049 3.18016 9.64017 3.10984C9.56984 3.03951 9.47446 3 9.375 3H7.125C7.02554 3 6.93016 3.03951 6.85983 3.10984C6.78951 3.18016 6.75 3.27554 6.75 3.375C6.75 3.47446 6.78951 3.56984 6.85983 3.64016C6.93016 3.71049 7.02554 3.75 7.125 3.75ZM14.625 3.75H16.875C16.9745 3.75 17.0698 3.71049 17.1402 3.64016C17.2105 3.56984 17.25 3.47446 17.25 3.375C17.25 3.27554 17.2105 3.18016 17.1402 3.10984C17.0698 3.03951 16.9745 3 16.875 3H14.625C14.5255 3 14.4302 3.03951 14.3598 3.10984C14.2895 3.18016 14.25 3.27554 14.25 3.375C14.25 3.47446 14.2895 3.56984 14.3598 3.64016C14.4302 3.71049 14.5255 3.75 14.625 3.75ZM5.625 20.25H3.375C3.27554 20.25 3.18016 20.2895 3.10984 20.3598C3.03951 20.4302 3 20.5255 3 20.625C3 20.7245 3.03951 20.8198 3.10984 20.8902C3.18016 20.9605 3.27554 21 3.375 21H5.625C5.72446 21 5.81984 20.9605 5.89016 20.8902C5.96049 20.8198 6 20.7245 6 20.625C6 20.5255 5.96049 20.4302 5.89016 20.3598C5.81984 20.2895 5.72446 20.25 5.625 20.25ZM20.625 20.25H18.375C18.2755 20.25 18.1802 20.2895 18.1098 20.3598C18.0395 20.4302 18 20.5255 18 20.625C18 20.7245 18.0395 20.8198 18.1098 20.8902C18.1802 20.9605 18.2755 21 18.375 21H20.625C20.7245 21 20.8198 20.9605 20.8902 20.8902C20.9605 20.8198 21 20.7245 21 20.625C21 20.5255 20.9605 20.4302 20.8902 20.3598C20.8198 20.2895 20.7245 20.25 20.625 20.25ZM13.125 20.25H10.875C10.7755 20.25 10.6802 20.2895 10.6098 20.3598C10.5395 20.4302 10.5 20.5255 10.5 20.625C10.5 20.7245 10.5395 20.8198 10.6098 20.8902C10.6802 20.9605 10.7755 21 10.875 21H13.125C13.2245 21 13.3198 20.9605 13.3902 20.8902C13.4605 20.8198 13.5 20.7245 13.5 20.625C13.5 20.5255 13.4605 20.4302 13.3902 20.3598C13.3198 20.2895 13.2245 20.25 13.125 20.25ZM9.375 20.25H7.125C7.02554 20.25 6.93016 20.2895 6.85983 20.3598C6.78951 20.4302 6.75 20.5255 6.75 20.625C6.75 20.7245 6.78951 20.8198 6.85983 20.8902C6.93016 20.9605 7.02554 21 7.125 21H9.375C9.47446 21 9.56984 20.9605 9.64017 20.8902C9.71049 20.8198 9.75 20.7245 9.75 20.625C9.75 20.5255 9.71049 20.4302 9.64017 20.3598C9.56984 20.2895 9.47446 20.25 9.375 20.25ZM16.875 20.25H14.625C14.5255 20.25 14.4302 20.2895 14.3598 20.3598C14.2895 20.4302 14.25 20.5255 14.25 20.625C14.25 20.7245 14.2895 20.8198 14.3598 20.8902C14.4302 20.9605 14.5255 21 14.625 21H16.875C16.9745 21 17.0698 20.9605 17.1402 20.8902C17.2105 20.8198 17.25 20.7245 17.25 20.625C17.25 20.5255 17.2105 20.4302 17.1402 20.3598C17.0698 20.2895 16.9745 20.25 16.875 20.25ZM10.3894 16.2356C10.3191 16.1658 10.2241 16.1266 10.125 16.1266C10.0259 16.1266 9.93089 16.1658 9.86063 16.2356L8.25 17.8444V6.15563L9.86063 7.76437C9.93236 7.82581 10.0246 7.85791 10.119 7.85427C10.2134 7.85062 10.3029 7.8115 10.3697 7.74471C10.4365 7.67793 10.4756 7.5884 10.4793 7.49402C10.4829 7.39964 10.4508 7.30736 10.3894 7.23563L8.13937 4.98563C8.06911 4.91578 7.97407 4.87658 7.875 4.87658C7.77593 4.87658 7.68089 4.91578 7.61063 4.98563L5.36063 7.23563C5.29919 7.30736 5.26709 7.39964 5.27073 7.49402C5.27438 7.5884 5.3135 7.67793 5.38029 7.74471C5.44707 7.8115 5.5366 7.85062 5.63098 7.85427C5.72536 7.85791 5.81764 7.82581 5.88937 7.76437L7.5 6.15563V17.8444L5.88937 16.2356C5.81764 16.1742 5.72536 16.1421 5.63098 16.1457C5.5366 16.1494 5.44707 16.1885 5.38029 16.2553C5.3135 16.3221 5.27438 16.4116 5.27073 16.506C5.26709 16.6004 5.29919 16.6926 5.36063 16.7644L7.61063 19.0144C7.68089 19.0842 7.77593 19.1234 7.875 19.1234C7.97407 19.1234 8.06911 19.0842 8.13937 19.0144L10.3894 16.7644C10.4592 16.6941 10.4984 16.5991 10.4984 16.5C10.4984 16.4009 10.4592 16.3059 10.3894 16.2356Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+export default SvgSlippage;

package/src/icons/Stats.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgStats(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Style.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgStyle(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Support.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgSupport(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Swap.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgSwap(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Telegram.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgTelegram(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Time.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgTime(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Transaction.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgTransaction(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Tune.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgTune(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/UtxoCategory.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgUtxoCategory(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Wallet.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgWallet(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Warning.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgWarning(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Widget.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgWidget(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Width.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgWidth(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/X.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon';
+import { SvgIcon } from '../components/SvgIcon/index.js';
 
 function SvgX(props: SvgIconPropsWithChildren) {
   return createElement(