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

package/src/icons/Bridges.tsx

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

package/src/icons/Bullhorn.tsx

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

package/src/icons/Calendar.tsx

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

package/src/icons/Chains.tsx

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

package/src/icons/ChevronDown.tsx

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

package/src/icons/ChevronLeft.tsx

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

package/src/icons/ChevronRight.tsx

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

package/src/icons/ChevronUp.tsx

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

package/src/icons/Close.tsx

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

package/src/icons/Colors.tsx

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

package/src/icons/Complete.tsx

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

package/src/icons/Copy.tsx

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

package/src/icons/CosmosCategory.tsx

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

package/src/icons/CreditCard.tsx

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

package/src/icons/CustomColors.tsx

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

package/src/icons/CustomTokensZeroState.tsx

@@ -0,0 +1,262 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgCustomTokensZeroState(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 200 173" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fill="#F3F8FC"
+        d="M44.167 61.576C5.142 56.15 5.23 102.127 11.919 116.708c12.94 28.225 62.797 48.735 69.176 24.965 9.46-35.247 62.915-2.897 85.22-4.754 22.304-1.858 24.25-31.86 6.499-46.34-17.752-14.48-5.966-32.553-8.561-48.994-2.595-16.44-24.489-29.104-48.396-14.093-22.582 14.178-17.514 41.617-71.69 34.084Z"
+      />
+      <g stroke="#002D5E" strokeLinecap="round" strokeWidth={0.877}>
+        <path d="M36.509 80.67c-2.554-2.055-5.828-1.903-10.124-.734M41.066 73.016c-2.62-3.294-3.184-5.288-3.688-9.6M37.608 75.705c-3.2-2.95-7.364-5.582-11.294-7.717" />
+      </g>
+      <path
+        stroke="#002D5E"
+        strokeDasharray="3.51 2.63"
+        strokeWidth={0.877}
+        d="M141.301 100.922c.348-3.058.581-6.172 1.492-9.117.782-2.524 2.02-4.717 3.768-6.66 1.456-1.62 3.195-3.075 5.223-3.867 1.97-.77 4.154-1.006 6.255-1.001 2.518.006 5.171.328 7.493 1.421 1.803.849 3.288 2.637 4.303 4.351 1.759 2.97 1.247 6.634-.92 9.22-.764.91-1.753 1.771-2.862 2.203-1.564.609-3.035.013-4.129-1.244-2.476-2.843-1.619-7.39-.322-10.552 1.524-3.715 4.277-6.931 7.534-9.149 2.361-1.607 5.028-2.739 7.68-3.736 2.619-.984 5.281-1.656 7.97-2.393"
+      />
+      <circle cx={186.116} cy={70.399} r={2.746} fill="#002D5E" />
+      <g stroke="#fff" strokeWidth={0.407} filter="url(#a)">
+        <rect
+          width={99.809}
+          height={28.4}
+          x={46.977}
+          y={112.419}
+          fill="#D6E8F9"
+          fillOpacity={0.5}
+          rx={4.404}
+        />
+        <rect
+          width={70.596}
+          height={4.056}
+          x={70.917}
+          y={120.126}
+          fill="#F5FAFF"
+          rx={2.028}
+        />
+        <rect
+          width={70.596}
+          height={4.056}
+          x={70.917}
+          y={129.868}
+          fill="#F5FAFF"
+          rx={2.028}
+        />
+        <path
+          fill="#F5FAFF"
+          d="M67.263 126.82a7.911 7.911 0 1 1-15.822 0 7.911 7.911 0 0 1 15.822 0Z"
+        />
+      </g>
+      <g stroke="#fff" strokeWidth={0.407} filter="url(#b)">
+        <rect
+          width={99.809}
+          height={28.4}
+          x={46.978}
+          y={44.592}
+          fill="#D6E8F9"
+          fillOpacity={0.5}
+          rx={4.404}
+        />
+        <rect
+          width={70.596}
+          height={4.056}
+          x={70.917}
+          y={52.3}
+          fill="#F5FAFF"
+          rx={2.028}
+        />
+        <rect
+          width={70.596}
+          height={4.056}
+          x={70.917}
+          y={62.041}
+          fill="#F5FAFF"
+          rx={2.028}
+        />
+        <path
+          fill="#F5FAFF"
+          d="M67.263 59a7.911 7.911 0 1 1-15.822 0 7.911 7.911 0 0 1 15.822 0Z"
+        />
+      </g>
+      <g filter="url(#c)">
+        <rect
+          width={108.517}
+          height={31.193}
+          x={38.475}
+          y={76.075}
+          fill="#fff"
+          rx={4.99}
+        />
+      </g>
+      <rect
+        width={75.27}
+        height={4.731}
+        x={66.133}
+        y={84.572}
+        fill="#E6F2FF"
+        rx={2.366}
+      />
+      <rect
+        width={75.27}
+        height={4.731}
+        x={66.133}
+        y={94.894}
+        fill="#E6F2FF"
+        rx={2.366}
+      />
+      <g filter="url(#d)">
+        <circle
+          cx={52.386}
+          cy={91.607}
+          r={9.749}
+          stroke="#002D5E"
+          strokeDasharray="1.78 1.34"
+          strokeWidth={0.446}
+        />
+      </g>
+      <g filter="url(#e)">
+        <circle cx={54.492} cy={91.848} r={9.99} fill="#E5F2FF" />
+        <circle
+          cx={54.492}
+          cy={91.848}
+          r={9.896}
+          stroke="#fff"
+          strokeWidth={0.188}
+        />
+      </g>
+      <g stroke="#002D5E" strokeLinecap="round" strokeWidth={0.754}>
+        <path d="m53.224 90.58 2.534 2.534M53.224 93.114l2.534-2.534" />
+      </g>
+      <circle
+        cx={54.491}
+        cy={91.847}
+        r={4.15}
+        stroke="#002D5E"
+        strokeWidth={0.754}
+      />
+      <defs>
+        <filter
+          id="a"
+          width={100.984}
+          height={29.575}
+          x={46.39}
+          y={111.831}
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_19281_419764"
+            stdDeviation={0.192}
+          />
+        </filter>
+        <filter
+          id="b"
+          width={100.984}
+          height={29.575}
+          x={46.39}
+          y={44.005}
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_19281_419764"
+            stdDeviation={0.192}
+          />
+        </filter>
+        <filter
+          id="c"
+          width={116.833}
+          height={39.509}
+          x={33.07}
+          y={74.827}
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            result="hardAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          />
+          <feOffset dx={-1.247} dy={2.911} />
+          <feGaussianBlur stdDeviation={2.079} />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix values="0 0 0 0 0.507031 0 0 0 0 0.626875 0 0 0 0 0.7375 0 0 0 0.49 0" />
+          <feBlend
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_19281_419764"
+          />
+          <feBlend
+            in="SourceGraphic"
+            in2="effect1_dropShadow_19281_419764"
+            result="shape"
+          />
+        </filter>
+        <filter
+          id="d"
+          width={21.73}
+          height={21.73}
+          x={41.521}
+          y={80.742}
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feGaussianBlur in="BackgroundImageFix" stdDeviation={0.446} />
+          <feComposite
+            in2="SourceAlpha"
+            operator="in"
+            result="effect1_backgroundBlur_19281_419764"
+          />
+          <feBlend
+            in="SourceGraphic"
+            in2="effect1_backgroundBlur_19281_419764"
+            result="shape"
+          />
+        </filter>
+        <filter
+          id="e"
+          width={22.994}
+          height={24.285}
+          x={42.995}
+          y={81.104}
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feGaussianBlur in="BackgroundImageFix" stdDeviation={0.377} />
+          <feComposite
+            in2="SourceAlpha"
+            operator="in"
+            result="effect1_backgroundBlur_19281_419764"
+          />
+          <feColorMatrix
+            in="SourceAlpha"
+            result="hardAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          />
+          <feOffset dy={2.044} />
+          <feGaussianBlur stdDeviation={0.754} />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix values="0 0 0 0 0.814115 0 0 0 0 0.882372 0 0 0 0 0.9625 0 0 0 0.33 0" />
+          <feBlend
+            in2="effect1_backgroundBlur_19281_419764"
+            result="effect2_dropShadow_19281_419764"
+          />
+          <feBlend
+            in="SourceGraphic"
+            in2="effect2_dropShadow_19281_419764"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  );
+}
+export default SvgCustomTokensZeroState;