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

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(

package/src/icons/index.ts

@@ -1,89 +1,90 @@
-export { default as AddIcon } from './Add';
-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';
-export { default as ChevronUpIcon } from './ChevronUp';
-export { default as CloseIcon } from './Close';
-export { default as CompleteIcon } from './Complete';
-export { default as CopyIcon } from './Copy';
-export { default as CosmosCategoryIcon } from './CosmosCategory';
-export { default as CreditCardIcon } from './CreditCard';
-export { default as CustomColorsIcon } from './CustomColors';
-export { default as CustomTokensZeroStateIcon } from './CustomTokensZeroState';
-export { default as CustomTokensZeroStateDarkIcon } from './CustomTokensZeroStateDark';
-export { default as DarkModeIcon } from './DarkMode';
-export { default as DeleteIcon } from './Delete';
-export { default as DesktopIcon } from './Desktop';
-export { default as DisconnectIcon } from './Disconnect';
-export { default as DocumentIcon } from './Document';
-export { default as DoneIcon } from './Done';
-export { default as EvmCategoryIcon } from './EvmCategory';
-export { default as ErrorIcon } from './Error';
-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 FilterIcon } from './Filter';
-export { default as FontIcon } from './Font';
-export { default as GasIcon } from './Gas';
-export { default as HeightIcon } from './Height';
-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';
-export { default as NoRouteIcon } from './NoRoute';
-export { default as NextIcon } from './Next';
-export { default as NoNotificationIcon } from './NoNotification';
-export { default as NotificationNumberIcon } from './NotificationNumber';
-export { default as NotificationsIcon } from './Notifications';
-export { default as NumberIcon } from './Number';
-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 TargetIcon } from './Target';
-export { default as TimeIcon } from './Time';
-export { default as TransactionIcon } from './Transaction';
-export { default as TuneIcon } from './Tune';
-export { default as UtxoCategoryIcon } from './UtxoCategory';
-export { default as WalletIcon } from './Wallet';
-export { default as WarningIcon } from './Warning';
-export { default as WidgetIcon } from './Widget';
-export { default as WidthIcon } from './Width';
-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 InfinityIcon } from './Infinity';
-export { default as KeyIcon } from './Key';
-export { default as MediumIcon } from './Medium';
-export { default as SettingsIcon } from './Settings';
-export { default as StyleIcon } from './Style';
-export { default as TelegramIcon } from './Telegram';
-export { default as XIcon } from './X';
+export { default as AddIcon } from './Add.js';
+export { default as AutoThemeIcon } from './AutoTheme.js';
+export { default as AutorenewIcon } from './Autorenew.js';
+export { default as BorderRadiusIcon } from './BorderRadius.js';
+export { default as BridgesIcon } from './Bridges.js';
+export { default as CalendarIcon } from './Calendar.js';
+export { default as ChevronDownIcon } from './ChevronDown.js';
+export { default as ChevronLeftIcon } from './ChevronLeft.js';
+export { default as ChevronRightIcon } from './ChevronRight.js';
+export { default as ChevronUpIcon } from './ChevronUp.js';
+export { default as CloseIcon } from './Close.js';
+export { default as CompleteIcon } from './Complete.js';
+export { default as CopyIcon } from './Copy.js';
+export { default as CosmosCategoryIcon } from './CosmosCategory.js';
+export { default as CreditCardIcon } from './CreditCard.js';
+export { default as CustomColorsIcon } from './CustomColors.js';
+export { default as CustomTokensZeroStateIcon } from './CustomTokensZeroState.js';
+export { default as CustomTokensZeroStateDarkIcon } from './CustomTokensZeroStateDark.js';
+export { default as DarkModeIcon } from './DarkMode.js';
+export { default as DeleteIcon } from './Delete.js';
+export { default as DesktopIcon } from './Desktop.js';
+export { default as DisconnectIcon } from './Disconnect.js';
+export { default as DocumentIcon } from './Document.js';
+export { default as DoneIcon } from './Done.js';
+export { default as EvmCategoryIcon } from './EvmCategory.js';
+export { default as ErrorIcon } from './Error.js';
+export { default as ExchangeIcon } from './Exchange.js';
+export { default as ExitIcon } from './Exit.js';
+export { default as ExplorerIcon } from './Explorer.js';
+export { default as ExternalLinkIcon } from './ExternalLink.js';
+export { default as FilterIcon } from './Filter.js';
+export { default as FirstIcon } from './First.js';
+export { default as FontIcon } from './Font.js';
+export { default as GasIcon } from './Gas.js';
+export { default as HeightIcon } from './Height.js';
+export { default as InProgressIcon } from './InProgress.js';
+export { default as InfoErrorIcon } from './InfoError.js';
+export { default as InfoIcon } from './Info.js';
+export { default as LanguageIcon } from './Language.js';
+export { default as LastIcon } from './Last.js';
+export { default as LightModeIcon } from './LightMode.js';
+export { default as LinkIcon } from './Link.js';
+export { default as LoadingIcon } from './Loading.js';
+export { default as LogoWithTextIcon } from './LogoWithText.js';
+export { default as LogoutIcon } from './Logout.js';
+export { default as MenuIcon } from './Menu.js';
+export { default as MoreIcon } from './More.js';
+export { default as NoRouteIcon } from './NoRoute.js';
+export { default as NextIcon } from './Next.js';
+export { default as NoNotificationIcon } from './NoNotification.js';
+export { default as NotificationNumberIcon } from './NotificationNumber.js';
+export { default as NotificationsIcon } from './Notifications.js';
+export { default as NumberIcon } from './Number.js';
+export { default as OtherCategoryIcon } from './OtherCategory.js';
+export { default as PasteIcon } from './Paste.js';
+export { default as PinIcon } from './Pin.js';
+export { default as RangoExplorerIcon } from './RangoExplorer.js';
+export { default as RankIcon } from './Rank.js';
+export { default as RefreshIcon } from './Refresh.js';
+export { default as ReportIcon } from './Report.js';
+export { default as RequestIcon } from './Request.js';
+export { default as ReverseIcon } from './Reverse.js';
+export { default as RouteIcon } from './Route.js';
+export { default as ScoreIcon } from './Score.js';
+export { default as SearchIcon } from './Search.js';
+export { default as ShareIcon } from './Share.js';
+export { default as SlippageIcon } from './Slippage.js';
+export { default as StatsIcon } from './Stats.js';
+export { default as SupportIcon } from './Support.js';
+export { default as SwapIcon } from './Swap.js';
+export { default as TargetIcon } from './Target.js';
+export { default as TimeIcon } from './Time.js';
+export { default as TransactionIcon } from './Transaction.js';
+export { default as TuneIcon } from './Tune.js';
+export { default as UtxoCategoryIcon } from './UtxoCategory.js';
+export { default as WalletIcon } from './Wallet.js';
+export { default as WarningIcon } from './Warning.js';
+export { default as WidgetIcon } from './Widget.js';
+export { default as WidthIcon } from './Width.js';
+export { default as BullhornIcon } from './Bullhorn.js';
+export { default as ChainsIcon } from './Chains.js';
+export { default as ColorsIcon } from './Colors.js';
+export { default as DiscordIcon } from './Discord.js';
+export { default as InfinityIcon } from './Infinity.js';
+export { default as KeyIcon } from './Key.js';
+export { default as MediumIcon } from './Medium.js';
+export { default as SettingsIcon } from './Settings.js';
+export { default as StyleIcon } from './Style.js';
+export { default as TelegramIcon } from './Telegram.js';
+export { default as XIcon } from './X.js';

package/src/index.ts

@@ -1,7 +1,7 @@
-export * from './components';
-export * from './containers';
-export * from './theme';
-export * from './types';
-export * from './hooks';
-export * from './icons';
-export * from './constants';
+export * from './components/index.js';
+export * from './containers/index.js';
+export * from './theme.js';
+export * from './types/index.js';
+export * from './hooks/index.js';
+export * from './icons/index.js';
+export * from './constants/index.js';

package/src/theme.ts

@@ -1,7 +1,8 @@
-// TSDX + stiches doesn't work with import statement and has a bug.
-
-import type { PropertyValue, CSS as StitchesCSS } from '@stitches/react';
-import type { DefaultThemeMap } from '@stitches/react/types/config';
+import type {
+  DefaultThemeMap,
+  PropertyValue,
+  CSS as StitchesCSS,
+} from '@stitches/react';
 
 import { createStitches } from '@stitches/react';
 
@@ -208,10 +209,8 @@ export const darkColors = {
 
 /* ----------------------- End of Values ----------------------- */
 
-const typedCreateStiches = createStitches;
-
 export const { styled, css, createTheme, keyframes, globalCss, config } =
-  typedCreateStiches<'', typeof media, typeof theme, DefaultThemeMap>({
+  createStitches<'', typeof media, typeof theme, DefaultThemeMap>({
     media,
     theme,
     utils,

package/src/types/index.ts

@@ -1,5 +1,5 @@
-export type { ConnectedWallet } from './wallet';
+export type { ConnectedWallet } from './wallet.js';
 export type {
   SimulationAssetAndAmount,
   SimulationValidationStatus,
-} from './swaps';
+} from './swaps.js';

package/src/types/swaps.ts

@@ -1,7 +1,7 @@
 import type {
   BlockchainValidationStatus,
   WalletRequiredAssets,
-} from 'rango-sdk';
+} from 'rango-types/lib/api/main';
 
 export type SimulationAssetAndAmount = WalletRequiredAssets;
 export type SimulationValidationStatus = BlockchainValidationStatus;