@rango-dev/ui 0.1.14 → 0.1.16-next.0

package/dist/containers/SwapHistory/SwapHistory.stories.d.ts

@@ -1,5 +1,14 @@
-/// <reference types="react" />
-import { PropTypes } from './SwapHistory';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
-export default _default;
-export declare const Main: (args: PropTypes) => JSX.Element;
+import React from 'react';
+import { PropTypes } from './SwapHistory';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
+    pendingSwap: import("@rango-dev/queue-manager-rango-preset").PendingSwap;
+    onCopy: (requestId: string) => void;
+    onBack: () => void;
+    isCopied: boolean;
+    onCancel: (requestId: string) => void;
+    onRetry?: (() => void) | undefined;
+    date: string;
+    previewInputs?: React.ReactNode;
+} & import("./SwapMessages").PropTypes>;
+export default _default;
+export declare const Main: (args: PropTypes) => JSX.Element;

package/dist/containers/SwapHistory/SwapMessages.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-export declare type PropTypes = {
-    currentStepBlockchain: string;
-    switchNetwork?: () => Promise<any>;
-    shortMessage: string;
-    detailedMessage: {
-        content: string;
-        long: boolean;
-    };
-    type?: 'success' | 'error' | 'warning' | 'info';
-    lastConvertedTokenInFailedSwap?: {
-        symbol: string;
-        blockchain: string;
-        outputAmount: string;
-    };
-};
-export declare const SwapMessages: React.FC<PropTypes>;
+import React from 'react';
+export type PropTypes = {
+    currentStepBlockchain: string;
+    switchNetwork?: () => Promise<any>;
+    shortMessage: string;
+    detailedMessage: {
+        content: string;
+        long: boolean;
+    };
+    type?: 'success' | 'error' | 'warning' | 'info';
+    lastConvertedTokenInFailedSwap?: {
+        symbol: string;
+        blockchain: string;
+        outputAmount: string;
+    };
+};
+export declare const SwapMessages: React.FC<PropTypes>;

package/dist/containers/SwapHistory/index.d.ts

@@ -1 +1 @@
-export { SwapHistory } from './SwapHistory';
+export { SwapHistory } from './SwapHistory';

package/dist/containers/SwapHistory/mock.d.ts

@@ -1,2 +1,2 @@
-import { PendingSwap } from '../History/types';
-export declare const pendingSwap: PendingSwap;
+import { PendingSwap } from '../History/types';
+export declare const pendingSwap: PendingSwap;

package/dist/containers/TokenSelector/TokenSelector.d.ts

@@ -0,0 +1,124 @@
+/// <reference types="react" />
+import { LoadingStatus } from '../../types/meta';
+import { TokenWithAmount } from '../../components/TokenList/TokenList';
+export declare const LoaderContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
+    sm: string;
+    md: string;
+    lg: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+}, {
+    colors: {
+        primary: string;
+        primary100: string;
+        primary200: string;
+        primary300: string;
+        primary400: string;
+        primary500: string;
+        primary600: string;
+        primary700: string;
+        primary800: string;
+        primary900: string;
+        surface: string;
+        neutral100: string;
+        neutral200: string;
+        neutral300: string;
+        neutral400: string;
+        neutral500: string;
+        neutral600: string;
+        neutral700: string;
+        neutral800: string;
+        neutral900: string;
+        background: string;
+        foreground: string;
+        success: string;
+        success100: string;
+        success300: string;
+        success500: string;
+        success700: string;
+        warning: string;
+        warning100: string;
+        warning300: string;
+        warning500: string;
+        warning700: string;
+        error: string;
+        error100: string;
+        error300: string;
+        error500: string;
+        error700: string;
+        white: string;
+    };
+    space: {
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+        10: string;
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        30: string;
+        32: string;
+    };
+    fontSizes: {
+        10: string;
+        12: string;
+        14: string;
+        16: string;
+        18: string;
+        20: string;
+        24: string;
+        32: string;
+        36: string;
+        40: string;
+        48: string;
+    };
+    fonts: {};
+    fontWeights: {
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+    };
+    lineHeights: {};
+    letterSpacings: {};
+    sizes: {
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        48: string;
+    };
+    borderWidths: {};
+    borderStyles: {};
+    radii: {
+        5: string;
+        10: string;
+    };
+    shadows: {
+        s: string;
+    };
+    zIndices: {};
+    transitions: {};
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
+export interface PropTypes {
+    list: TokenWithAmount[];
+    type?: 'Source' | 'Destination';
+    selected: TokenWithAmount | null;
+    onChange: (token: TokenWithAmount) => void;
+    onBack?: () => void;
+    loadingStatus: LoadingStatus;
+    hasHeader?: boolean;
+}
+export declare function TokenSelector(props: PropTypes): JSX.Element;

package/dist/{components → containers}/TokenSelector/TokenSelector.stories.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { PropTypes } from './TokenSelector';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
-export default _default;
-export declare const Main: (args: PropTypes) => JSX.Element;
+/// <reference types="react" />
+import { PropTypes } from './TokenSelector';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes>;
+export default _default;
+export declare const Main: (args: PropTypes) => JSX.Element;

package/dist/containers/index.d.ts

@@ -1,3 +1,8 @@
-export * from './ConfirmSwap';
-export * from './History';
-export * from './SwapHistory';
+export * from './ConfirmSwap';
+export * from './History';
+export * from './SwapHistory';
+export * from './BlockchainSelector';
+export * from './ConnectWalletsModal';
+export * from './LiquiditySourcesSelector';
+export * from './TokenSelector';
+export * from './Settings';

package/dist/helper/index.d.ts

@@ -1,6 +1,6 @@
-export declare function containsText(text: string, searchText: string): boolean;
-export declare function getConciseAddress(address: string | null, maxChars?: number, ellipsisLength?: number): string | null;
-export declare function limitDecimalPlaces(numberString: string, maxDecimalPlaces?: number): string;
-export declare const generateRangeColors: (name: string, mode: 'light' | 'dark', color?: string | undefined) => {
-    [x: string]: string | undefined;
-};
+export declare function containsText(text: string, searchText: string): boolean;
+export declare function getConciseAddress(address: string | null, maxChars?: number, ellipsisLength?: number): string | null;
+export declare function limitDecimalPlaces(numberString: string, maxDecimalPlaces?: number): string;
+export declare const generateRangeColors: (name: string, mode: 'light' | 'dark', color?: string) => {
+    [x: string]: string | undefined;
+};

package/dist/hooks/index.d.ts

@@ -1 +1 @@
-export { useCopyToClipboard } from './useCopyToClipboard';
+export { useCopyToClipboard } from './useCopyToClipboard';

package/dist/hooks/useCopyToClipboard.d.ts

@@ -1 +1 @@
-export declare function useCopyToClipboard(resetInterval?: number): readonly [boolean, (text: string | number) => void];
+export declare function useCopyToClipboard(resetInterval?: number): readonly [boolean, (text: string | number) => void];

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-export * from './components';
-export * from './containers';
-export * from './theme';
-export * from './types';
-export * from './hooks';
-export { generateRangeColors } from './helper';
+export * from './components';
+export * from './containers';
+export * from './theme';
+export * from './types';
+export * from './hooks';
+export { generateRangeColors } from './helper';

package/dist/index.js

@@ -1,8 +1,20 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./ui.cjs.production.min.js')
-} else {
-  module.exports = require('./ui.cjs.development.js')
-}
+var Zr=Object.defineProperty;var t=(o,e)=>Zr(o,"name",{value:e,configurable:!0});import S,{Fragment as gt}from"react";import*as se from"react";import{createStitches as qr}from"@stitches/react";var Vr={colors:{primary:"#5FA425",primary100:"#9FC87C",primary200:"#8FBF66",primary300:"#7FB651",primary400:"#6FAD3B",primary500:"#5FA425",primary600:"#4C831E",primary700:"#396216",primary800:"#26420F",primary900:"#132107",surface:"#fff",neutral100:"#f3f3f3",neutral200:"#FAFAFA",neutral300:"#EAEAEA",neutral400:"#999999",neutral500:"#888888",neutral600:"#666666",neutral700:"#444444",neutral800:"#333333",neutral900:"#111111",background:"#fff",foreground:"#000",success:"#0070F3",success100:"#D3E5FF",success300:"#3291FF",success500:"#0070F3",success700:"#0761D1",warning:"#F5A623",warning100:"#FFEFCF",warning300:"#F7B955",warning500:"#F5A623",warning700:"#AB570A",error:"#FF0000",error100:"#F7D4D6",error300:"#FF3333",error500:"#FF0000",error700:"#E60000",white:"#fff"},space:{2:"2px",4:"4px",6:"6px",8:"8px",10:"10px",12:"12px",16:"16px",20:"20px",24:"24px",28:"28px",30:"30px",32:"32px"},fontSizes:{10:"10px",12:"12px",14:"14px",16:"16px",18:"18px",20:"20px",24:"24px",32:"32px",36:"36px",40:"40px",48:"48px"},fonts:{},fontWeights:{400:"400",500:"500",600:"600",700:"700"},lineHeights:{},letterSpacings:{},sizes:{4:"4px",6:"6px",8:"8px",12:"12px",16:"16px",20:"20px",24:"24px",28:"28px",32:"32px",36:"36px",40:"40px",48:"48px"},borderWidths:{},borderStyles:{},radii:{5:"8px",10:"12px"},shadows:{s:"0px 3px 5px 3px #f0f2f5, 0px 6px 10px 3px #f0f2f5, 0px 1px 18px 3px #f0f2f5"},zIndices:{},transitions:{}},Gr={sm:"(min-width: 640px)",md:"(min-width: 768px)",lg:"(min-width: 1024px)"},Or={bc:o=>({backgroundColor:o})},Yr=qr,{styled:i,css:na,createTheme:Ue,keyframes:uo,globalCss:aa}=Yr({media:Gr,theme:Vr,utils:Or}),la=Ue({}),O=Ue({colors:{surface:"#000",neutral900:"#f3f3f3",neutral800:"#FAFAFA",neutral700:"#EAEAEA",neutral600:"#999999",neutral500:"#888888",neutral400:"#666666",neutral300:"#444444",neutral200:"#333333",neutral100:"#111111",foreground:"#fff",background:"#000"},shadows:{s:"0px 3px 5px 3px #222, 0px 6px 10px 3px #222, 0px 1px 18px 3px #222"}});var g=i("svg",{stroke:"$foreground",variants:{color:{primary:{stroke:"$primary"},error:{stroke:"$error"},warning:{stroke:"$warning"},success:{stroke:"$success"},black:{$$color:"$colors$foreground",[`.${O} &`]:{$$color:"$colors$background"},stroke:"$$color"},white:{$$color:"$colors$background",[`.${O} &`]:{$$color:"$colors$foreground"},stroke:"$$color"}},disabled:{true:{stroke:"$neutral400"}}}}),P=i("svg",{fill:"$foreground",variants:{color:{primary:{fill:"$primary"},error:{fill:"$error"},warning:{fill:"$warning"},success:{fill:"$success"},black:{$$color:"$colors$foreground",[`.${O} &`]:{$$color:"$colors$background"},fill:"$$color"},white:{$$color:"$colors$background",[`.${O} &`]:{$$color:"$colors$foreground"},fill:"$$color"}},disabled:{true:{stroke:"$neutral400"}}}});var Xe=t(({size:o=16,color:e,...r})=>se.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},se.createElement("path",{d:"M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10ZM9.17 14.83l5.66-5.66M14.83 14.83 9.17 9.17",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),"DeleteCircleIcon");Xe.toString=()=>"._icon";import*as No from"react";var Je=t(({size:o=16,color:e,...r})=>No.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},No.createElement("path",{d:"M9 22h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9v6c0 5 2 7 7 7Z",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),No.createElement("path",{d:"m7.75 12 2.83 2.83 5.67-5.66",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),"CheckSquareIcon");Je.toString=()=>"._icon";import*as pe from"react";var Ao=t(({size:o=16,color:e,...r})=>pe.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},pe.createElement("path",{d:"M6 12h12M12 18V6",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),"AddIcon");Ao.toString=()=>"._icon";import*as Do from"react";var fo=t(({size:o=16,color:e,...r})=>Do.createElement(P,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},Do.createElement("path",{d:"M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10ZM12 8v5",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",stroke:"#fff"}),Do.createElement("path",{d:"M11.994 16h.01",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",stroke:"#fff"})),"InfoCircleIcon");fo.toString=()=>"._icon";import*as ce from"react";var Ke=t(({size:o=16,color:e,...r})=>ce.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},ce.createElement("path",{d:"M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10ZM8 12h8M12 16V8",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),"AddCircleIcon");Ke.toString=()=>"._icon";import*as de from"react";var Qe=t(({size:o=16,color:e,...r})=>de.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},de.createElement("path",{d:"M11.92 22c5.5 0 10-4.5 10-10s-4.5-10-10-10-10 4.5-10 10 4.5 10 10 10ZM7.92 12h8",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),"MinusCircleIcon");Qe.toString=()=>"._icon";import*as Ho from"react";var yo=t(({size:o=16,color:e,...r})=>Ho.createElement(P,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},Ho.createElement("path",{d:"M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10Z",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round",stroke:"#fff"}),Ho.createElement("path",{d:"m7.75 12 2.83 2.83 5.67-5.66",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round",stroke:"#fff"})),"CheckCircleIcon");yo.toString=()=>"._icon";import*as me from"react";var _o=t(({size:o=16,color:e,...r})=>me.createElement(P,{width:o,height:o,viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:e,className:"_icon",...r},me.createElement("path",{d:"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",fillRule:"evenodd",clipRule:"evenodd"})),"CheckIcon");_o.toString=()=>"._icon";import*as ge from"react";var Re=t(({size:o=16,color:e,...r})=>ge.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},ge.createElement("path",{d:"M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10ZM18.9 5l-14 14",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"})),"BanIcon");Re.toString=()=>"._icon";import*as Eo from"react";var jo=t(({size:o=16,color:e,...r})=>Eo.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},Eo.createElement("path",{d:"M12 9v5M12 21.41H5.94c-3.47 0-4.92-2.48-3.24-5.51l3.12-5.62L8.76 5c1.78-3.21 4.7-3.21 6.48 0l2.94 5.29 3.12 5.62c1.68 3.03.22 5.51-3.24 5.51H12v-.01Z",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),Eo.createElement("path",{d:"M11.994 17h.01",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),"WarningIcon");jo.toString=()=>"._icon";import*as to from"react";var or=t(({size:o=16,color:e,...r})=>to.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},to.createElement("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),to.createElement("polyline",{points:"14 2 14 8 20 8"}),to.createElement("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),to.createElement("line",{x1:"16",y1:"17",x2:"8",y2:"17"}),to.createElement("polyline",{points:"10 9 9 9 8 9"})),"HistoryIcon");or.toString=()=>"._icon";import*as Zo from"react";var xo=t(({size:o=16,color:e,...r})=>Zo.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},Zo.createElement("path",{d:"M4 22V5c0-2 1.34-3 3-3h8c1.66 0 3 1 3 3v17H4ZM2.5 22h17",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),Zo.createElement("path",{d:"M8.89 10h4.23c1.04 0 1.89-.5 1.89-1.89V6.88c0-1.39-.85-1.89-1.89-1.89H8.89C7.85 4.99 7 5.49 7 6.88v1.23C7 9.5 7.85 10 8.89 10ZM7 13h3M18 16.01l4.5-.01v-6l-2-1",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),"GasIcon");xo.toString=()=>"._icon";import*as qo from"react";var er=t(({size:o=16,color:e,...r})=>qo.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},qo.createElement("circle",{cx:"12",cy:"12",r:"3"}),qo.createElement("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"})),"SettingsIcon");er.toString=()=>"._icon";import*as he from"react";var rr=t(({size:o=16,color:e,...r})=>he.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},he.createElement("path",{d:"M21.5 5.98c-3.33-.33-6.68-.5-10.02-.5-1.98 0-3.96.1-5.94.3l-2.04.2M9 4.97l.22-1.31C9.38 2.71 9.5 2 11.19 2h2.62c1.69 0 1.82.75 1.97 1.67l.22 1.3M19.35 9.14l-.65 10.07c-.11 1.57-.2 2.79-2.99 2.79H9.29c-2.79 0-2.88-1.22-2.99-2.79L5.65 9.14M10.83 16.5h3.33M10 12.5h5",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),"TrashIcon");rr.toString=()=>"._icon";import*as ue from"react";var tr=t(({size:o=16,color:e,...r})=>ue.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},ue.createElement("path",{d:"M9 11.7h5M11.5 21a9.5 9.5 0 1 0 0-19 9.5 9.5 0 0 0 0 19ZM22 22l-2-2",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),"SearchMinusIcon");tr.toString=()=>"._icon";import*as fe from"react";var Vo=t(({size:o=16,color:e,...r})=>fe.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},fe.createElement("path",{d:"M11.5 21a9.5 9.5 0 1 0 0-19 9.5 9.5 0 0 0 0 19ZM22 22l-2-2",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),"SearchIcon");Vo.toString=()=>"._icon";import*as ye from"react";var Go=t(({size:o=16,color:e,...r})=>ye.createElement(g,{width:o,height:o,fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",color:e,className:"_icon",...r},ye.createElement("path",{d:"m8.91 19.92 6.52-6.52c.77-.77.77-2.03 0-2.8L8.91 4.08",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"})),"AngleRightIcon");Go.toString=()=>"._icon";import*as xe from"react";var ir=t(({size:o=16,color:e,...r})=>xe.createElement(g,{width:o,height:o,fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",color:e,className:"_icon",...r},xe.createElement("path",{d:"M19.92 15.05 13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"})),"AngleUpIcon");ir.toString=()=>"._icon";import nr from"react";var Oo=t(({size:o=16,color:e,...r})=>nr.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},nr.createElement("path",{d:"m19.92 8.95-6.52 6.52c-.77.77-2.03.77-2.8 0L4.08 8.95",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"})),"AngleDownIcon");Oo.toString=()=>"._icon";import*as ve from"react";var Ce=t(({size:o=16,color:e,...r})=>ve.createElement(g,{width:o,height:o,fill:"none",viewBox:"0 0 24 24",color:e,xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},ve.createElement("path",{d:"M15 19.92 8.48 13.4c-.77-.77-.77-2.03 0-2.8L15 4.08",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"})),"AngleLeftIcon");Oo.toString=()=>"._icon";import*as Yo from"react";var Uo=t(({size:o=16,color:e,...r})=>Yo.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},Yo.createElement("path",{d:"M16.44 8.9c3.6.31 5.07 2.16 5.07 6.21v.13c0 4.47-1.79 6.26-6.26 6.26H8.74c-4.47 0-6.26-1.79-6.26-6.26v-.13c0-4.02 1.45-5.87 4.99-6.2M12 2v12.88",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),Yo.createElement("path",{d:"M15.35 12.65 12 16l-3.35-3.35",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),"DownloadIcon");Uo.toString=()=>"._icon";import*as Io from"react";var ar=Io.forwardRef(({color:o="black",size:e=16,...r},n)=>Io.createElement(g,{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,color:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"_icon",...r,ref:n},Io.createElement("polyline",{points:"9 18 15 12 9 6"})));ar.toString=()=>"._icon";import*as Xo from"react";var Jo=t(({size:o=16,color:e,...r})=>Xo.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},Xo.createElement("line",{x1:"5",y1:"12",x2:"19",y2:"12"}),Xo.createElement("polyline",{points:"12 5 19 12 12 19"})),"ArrowRightIcon");Jo.toString=()=>"._icon";import*as Se from"react";var lr=t(({size:o=16,color:e,...r})=>Se.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},Se.createElement("path",{d:"M14.89 5.08c-.87-.26-1.83-.43-2.89-.43-4.79 0-8.67 3.88-8.67 8.67C3.33 18.12 7.21 22 12 22s8.67-3.88 8.67-8.67c0-1.78-.54-3.44-1.46-4.82M16.13 5.32 13.24 2M16.13 5.32l-3.37 2.46",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),"RetryRightIcon");lr.toString=()=>"._icon";import*as ke from"react";var sr=t(({size:o=16,color:e,...r})=>ke.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},ke.createElement("path",{d:"M9.11 5.08c.87-.26 1.83-.43 2.89-.43 4.79 0 8.67 3.88 8.67 8.67s-3.88 8.67-8.67 8.67-8.67-3.88-8.67-8.67c0-1.78.54-3.44 1.46-4.82M7.87 5.32 10.76 2M7.87 5.32l3.37 2.46",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),"RetryLeftIcon");sr.toString=()=>"._icon";import*as be from"react";var pr=t(({size:o=16,color:e,...r})=>be.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},be.createElement("path",{d:"M22 12c0 5.52-4.48 10-10 10s-8.89-5.56-8.89-5.56m0 0h4.52m-4.52 0v5M2 12C2 6.48 6.44 2 12 2c6.67 0 10 5.56 10 5.56m0 0v-5m0 5h-4.44",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),"TryAgainIcon");pr.toString=()=>"._icon";import*as Ko from"react";var cr=t(({size:o=16,color:e,...r})=>Ko.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},Ko.createElement("path",{d:"m13.82 6.85 3.04 3.04M13.82 17.15V6.85M10.18 17.15l-3.04-3.04M10.18 6.85v10.3",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"}),Ko.createElement("path",{d:"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),"VerticalSwapIcon");cr.toString=()=>"._icon";import*as Qo from"react";var dr=t(({size:o=16,color:e,...r})=>Qo.createElement(g,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},Qo.createElement("path",{d:"m17.15 13.82-3.04 3.04M6.85 13.82h10.3M6.85 10.18l3.04-3.04M17.15 10.18H6.85",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"}),Qo.createElement("path",{d:"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),"HorizontalSwapIcon");dr.toString=()=>"._icon";import*as vo from"react";var mr=vo.forwardRef(({color:o="black",size:e=16,...r},n)=>vo.createElement(g,{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,color:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"_icon",...r,ref:n},vo.createElement("polyline",{points:"23 4 23 10 17 10"}),vo.createElement("path",{d:"M20.49 15a9 9 0 1 1-2.12-9.36L23 10"})));mr.toString=()=>"._icon";import*as Po from"react";var gr=t(({size:o=16,color:e,...r})=>Po.createElement(P,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},Po.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.51 7.205a3.018 3.018 0 0 0-3.01 3.01v6.73a3.018 3.018 0 0 0 3.01 3.01h11.48a3.018 3.018 0 0 0 3.01-3.01v-.44h-1.15c-1.41 0-2.778-1.03-2.907-2.553a2.758 2.758 0 0 1 .816-2.227 2.743 2.743 0 0 1 1.971-.82H19v-.69a3.018 3.018 0 0 0-3.01-3.01H4.51ZM0 10.215a4.518 4.518 0 0 1 4.51-4.51h11.48a4.518 4.518 0 0 1 4.51 4.51v1.44a.75.75 0 0 1-.75.75h-2.02c-.36 0-.675.14-.903.373l-.013.014c-.266.26-.415.63-.377 1.022v.009c.053.635.664 1.182 1.413 1.182h1.9a.75.75 0 0 1 .75.75v1.19a4.518 4.518 0 0 1-4.51 4.51H4.51A4.518 4.518 0 0 1 0 16.945v-6.73Z"}),Po.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.35 2.655a1.15 1.15 0 0 0-1.554-1.079l-7.94 3A2.098 2.098 0 0 0 1.5 6.547v4.569a.75.75 0 1 1-1.5 0v-4.57c0-1.5.922-2.84 2.325-3.371l7.94-3s-.001 0 0 0c1.732-.657 3.585.629 3.585 2.481v3.8a.75.75 0 0 1-1.5 0v-3.8ZM17.729 12.405c-.36 0-.675.14-.903.373l-.013.014c-.266.26-.415.63-.377 1.022v.009c.053.635.664 1.182 1.413 1.182h1.943a.276.276 0 0 0 .267-.27v-2.06a.276.276 0 0 0-.267-.27h-2.063Zm-1.97-.68a2.743 2.743 0 0 1 1.97-.82h2.107a1.777 1.777 0 0 1 1.723 1.77v2.06a1.777 1.777 0 0 1-1.75 1.77h-1.96c-1.41 0-2.778-1.03-2.907-2.553a2.759 2.759 0 0 1 .816-2.227Z"}),Po.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.5 10.705a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5h-7a.75.75 0 0 1-.75-.75Z"})),"WalletIcon");gr.toString=()=>"._icon";import*as io from"react";var hr=t(({size:o=16,color:e,...r})=>io.createElement(P,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},io.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.569 7.205a3.018 3.018 0 0 0-3.01 3.01v3.076a4.749 4.749 0 0 1 6.5 4.414c0 .808-.206 1.579-.574 2.25h8.564a3.018 3.018 0 0 0 3.01-3.01v-.44h-1.15c-1.41 0-2.778-1.03-2.907-2.553a2.758 2.758 0 0 1 .816-2.227 2.743 2.743 0 0 1 1.97-.82h1.27v-.69a3.018 3.018 0 0 0-3.01-3.01H6.569Zm-4.51 3.01a4.518 4.518 0 0 1 4.51-4.51h11.48a4.518 4.518 0 0 1 4.51 4.51v1.44a.75.75 0 0 1-.75.75h-2.02c-.36 0-.675.14-.903.373l-.014.014c-.266.26-.414.63-.377 1.022l.001.009c.053.635.664 1.182 1.413 1.182h1.9a.75.75 0 0 1 .75.75v1.19a4.518 4.518 0 0 1-4.51 4.51H7.939a.75.75 0 0 1-.482-1.324c.243-.204.457-.457.624-.744l.01-.015a3.17 3.17 0 0 0 .468-1.667 3.249 3.249 0 0 0-5.283-2.533.75.75 0 0 1-1.217-.587v-4.37Z"}),io.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.409 2.655a1.15 1.15 0 0 0-1.555-1.078l-7.94 3a2.098 2.098 0 0 0-1.355 1.968v4.57a.75.75 0 0 1-1.5 0v-4.57c0-1.5.921-2.84 2.324-3.371l7.94-3c1.733-.657 3.586.629 3.586 2.481v3.8a.75.75 0 0 1-1.5 0v-3.8ZM19.787 12.405c-.359 0-.674.14-.902.374l-.014.013c-.266.26-.414.63-.377 1.022v.01c.054.634.664 1.181 1.413 1.181h1.943a.276.276 0 0 0 .267-.27v-2.06a.276.276 0 0 0-.267-.27h-2.063Zm-1.97-.68a2.743 2.743 0 0 1 1.97-.82h2.107a1.777 1.777 0 0 1 1.723 1.77v2.06a1.777 1.777 0 0 1-1.75 1.77h-1.96c-1.41 0-2.777-1.03-2.907-2.553a2.759 2.759 0 0 1 .817-2.227Z"}),io.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.559 10.705a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5h-7a.75.75 0 0 1-.75-.75ZM5.309 14.455c-.762 0-1.469.267-2.033.717h-.001a3.22 3.22 0 0 0-1.216 2.533c0 .61.17 1.184.468 1.667l.006.01a3.22 3.22 0 0 0 2.776 1.573 3.155 3.155 0 0 0 2.148-.824c.243-.204.457-.457.624-.744l.01-.015a3.17 3.17 0 0 0 .468-1.667 3.249 3.249 0 0 0-3.25-3.25Zm-2.967-.457a4.749 4.749 0 0 1 7.717 3.707c0 .888-.248 1.73-.687 2.446-.25.427-.57.808-.941 1.12a4.656 4.656 0 0 1-3.122 1.184 4.72 4.72 0 0 1-4.062-2.301 4.671 4.671 0 0 1-.688-2.449 4.72 4.72 0 0 1 1.783-3.707Z"}),io.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.07 17.685a.75.75 0 0 1 .75-.75H6.8a.75.75 0 0 1 0 1.5H3.82a.75.75 0 0 1-.75-.75Z"}),io.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.309 15.475a.75.75 0 0 1 .75.75v2.99a.75.75 0 0 1-1.5 0v-2.99a.75.75 0 0 1 .75-.75Z"})),"AddWalletIcon");hr.toString=()=>"._icon";import*as no from"react";var ur=t(({size:o=16,color:e,...r})=>no.createElement(P,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},no.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.627 7.205a3.018 3.018 0 0 0-3.01 3.01v3.076a4.749 4.749 0 0 1 6.5 4.414c0 .808-.205 1.579-.573 2.25h8.563a3.018 3.018 0 0 0 3.01-3.01v-.44h-1.15c-1.41 0-2.777-1.03-2.907-2.553a2.759 2.759 0 0 1 .817-2.227 2.743 2.743 0 0 1 1.97-.82h1.27v-.69a3.018 3.018 0 0 0-3.01-3.01H6.627Zm-4.51 3.01a4.518 4.518 0 0 1 4.51-4.51h11.48a4.518 4.518 0 0 1 4.51 4.51v1.44a.75.75 0 0 1-.75.75h-2.02c-.359 0-.675.14-.902.373l-.014.014c-.266.26-.415.63-.377 1.022v.009c.054.635.664 1.182 1.413 1.182h1.9a.75.75 0 0 1 .75.75v1.19a4.518 4.518 0 0 1-4.51 4.51H7.997a.75.75 0 0 1-.482-1.325c.243-.203.457-.456.624-.743l.01-.016a3.17 3.17 0 0 0 .468-1.666 3.249 3.249 0 0 0-5.282-2.533.75.75 0 0 1-1.218-.587v-4.37Z"}),no.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.467 2.655a1.15 1.15 0 0 0-1.554-1.079l-7.94 3a2.098 2.098 0 0 0-1.356 1.97v4.569a.75.75 0 1 1-1.5 0v-4.57c0-1.5.922-2.84 2.325-3.371l7.94-3c1.732-.657 3.585.629 3.585 2.481v3.8a.75.75 0 0 1-1.5 0v-3.8ZM19.846 12.405c-.359 0-.675.14-.903.373l-.013.014c-.266.26-.415.63-.377 1.022v.009c.053.635.664 1.182 1.413 1.182h1.943a.276.276 0 0 0 .267-.27v-2.06a.276.276 0 0 0-.267-.27h-2.063Zm-1.97-.68a2.743 2.743 0 0 1 1.97-.82h2.107a1.777 1.777 0 0 1 1.723 1.77v2.06a1.777 1.777 0 0 1-1.75 1.77h-1.96c-1.41 0-2.778-1.03-2.907-2.553a2.759 2.759 0 0 1 .816-2.227Z"}),no.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.617 10.705a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5h-7a.75.75 0 0 1-.75-.75ZM5.367 14.455c-.761 0-1.468.267-2.032.717h-.002a3.22 3.22 0 0 0-1.216 2.533c0 .61.17 1.183.469 1.666l.006.01a3.22 3.22 0 0 0 2.775 1.574 3.155 3.155 0 0 0 2.148-.825c.243-.203.457-.456.624-.743l.01-.016a3.17 3.17 0 0 0 .468-1.666 3.249 3.249 0 0 0-3.25-3.25ZM2.4 13.998a4.749 4.749 0 0 1 7.717 3.707 4.67 4.67 0 0 1-.687 2.446c-.25.427-.57.808-.94 1.12a4.655 4.655 0 0 1-3.123 1.184 4.72 4.72 0 0 1-4.061-2.301 4.67 4.67 0 0 1-.689-2.449A4.72 4.72 0 0 1 2.4 13.998Z"}),no.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.785 16.106a.75.75 0 0 1 1.06-.003l2.12 2.11a.75.75 0 1 1-1.058 1.064l-2.12-2.11a.75.75 0 0 1-.002-1.061Z"}),no.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.948 16.136a.75.75 0 0 1-.002 1.06l-2.12 2.11a.75.75 0 0 1-1.058-1.063l2.12-2.11a.75.75 0 0 1 1.06.003Z"})),"DeleteWalletIcon");ur.toString=()=>"._icon";import*as Co from"react";var fr=t(({size:o=16,color:e,...r})=>Co.createElement(P,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},Co.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.686 7.205a3.018 3.018 0 0 0-3.01 3.01v3.076a4.749 4.749 0 0 1 6.5 4.414c0 .808-.205 1.579-.573 2.25h8.563a3.018 3.018 0 0 0 3.01-3.01v-.44h-1.15c-1.41 0-2.778-1.03-2.907-2.553a2.758 2.758 0 0 1 .816-2.227 2.743 2.743 0 0 1 1.97-.82h1.27v-.69a3.018 3.018 0 0 0-3.01-3.01H6.686Zm-4.51 3.01a4.518 4.518 0 0 1 4.51-4.51h11.48a4.518 4.518 0 0 1 4.51 4.51v1.44a.75.75 0 0 1-.75.75h-2.02c-.36 0-.675.14-.903.373l-.013.014c-.266.26-.415.63-.378 1.022l.001.009c.053.635.664 1.182 1.413 1.182h1.9a.75.75 0 0 1 .75.75v1.19a4.518 4.518 0 0 1-4.51 4.51H8.056a.75.75 0 0 1-.482-1.324c.243-.204.457-.457.624-.744l.01-.015a3.17 3.17 0 0 0 .468-1.667 3.249 3.249 0 0 0-5.283-2.533.75.75 0 0 1-1.217-.587v-4.37Z"}),Co.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.526 2.655a1.15 1.15 0 0 0-1.554-1.078l-7.94 3a2.098 2.098 0 0 0-1.356 1.968v4.57a.75.75 0 0 1-1.5 0v-4.57c0-1.5.921-2.84 2.324-3.371l7.94-3c1.733-.657 3.586.629 3.586 2.481v3.8a.75.75 0 0 1-1.5 0v-3.8ZM19.905 12.405c-.36 0-.675.14-.903.374l-.014.013c-.265.26-.414.63-.377 1.022l.001.01c.053.634.664 1.181 1.413 1.181h1.942a.276.276 0 0 0 .268-.27v-2.06a.276.276 0 0 0-.268-.27h-2.062Zm-1.971-.68a2.743 2.743 0 0 1 1.97-.82h2.107a1.777 1.777 0 0 1 1.724 1.77v2.06a1.777 1.777 0 0 1-1.75 1.77h-1.96c-1.41 0-2.778-1.03-2.907-2.553a2.758 2.758 0 0 1 .816-2.227Z"}),Co.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.676 10.705a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5h-7a.75.75 0 0 1-.75-.75ZM5.426 14.455c-.762 0-1.469.267-2.033.717h-.001a3.22 3.22 0 0 0-1.216 2.533c0 .61.17 1.184.468 1.667l.006.01a3.22 3.22 0 0 0 2.776 1.573 3.155 3.155 0 0 0 2.148-.824c.243-.204.457-.457.624-.744l.01-.015a3.17 3.17 0 0 0 .468-1.667 3.249 3.249 0 0 0-3.25-3.25Zm-2.967-.457a4.749 4.749 0 0 1 7.717 3.707c0 .888-.248 1.73-.687 2.446-.25.427-.57.808-.941 1.12a4.656 4.656 0 0 1-3.122 1.184 4.72 4.72 0 0 1-4.062-2.301 4.671 4.671 0 0 1-.688-2.449 4.72 4.72 0 0 1 1.783-3.707Z"}),Co.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.538 16.215a.75.75 0 0 1-.042 1.06l-2.13 1.97a.75.75 0 0 1-1.04-.02l-.99-.99a.75.75 0 1 1 1.062-1.06l.48.48 1.6-1.48a.75.75 0 0 1 1.06.04Z"})),"CheckWalletIcon");fr.toString=()=>"._icon";import*as ao from"react";var yr=t(({size:o=16,color:e,...r})=>ao.createElement(P,{width:o,height:o,viewBox:"0 0 24 24",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},ao.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.244 7.205a3.018 3.018 0 0 0-3.01 3.01v1.73a.75.75 0 0 1-1.5 0v-1.73a4.518 4.518 0 0 1 4.51-4.51h11.48a4.518 4.518 0 0 1 4.51 4.51v1.44a.75.75 0 0 1-.75.75h-2.02c-.359 0-.674.14-.902.373l-.014.014c-.266.26-.414.63-.377 1.022v.009c.054.635.664 1.182 1.413 1.182h1.9a.75.75 0 0 1 .75.75v1.19a4.518 4.518 0 0 1-4.51 4.51h-5.48a.75.75 0 0 1 0-1.5h5.48a3.018 3.018 0 0 0 3.01-3.01v-.44h-1.15c-1.41 0-2.777-1.03-2.907-2.553a2.758 2.758 0 0 1 .817-2.227 2.743 2.743 0 0 1 1.97-.82h1.27v-.69a3.018 3.018 0 0 0-3.01-3.01H5.244Z"}),ao.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.084 2.655a1.15 1.15 0 0 0-1.554-1.078l-7.94 3a2.098 2.098 0 0 0-1.356 1.968v4.57a.75.75 0 0 1-1.5 0v-4.57c0-1.5.922-2.84 2.325-3.371l7.94-3c1.732-.657 3.585.629 3.585 2.481v3.8a.75.75 0 0 1-1.5 0v-3.8ZM18.463 12.405c-.359 0-.675.14-.902.374l-.014.013c-.266.26-.415.63-.377 1.022v.01c.053.634.664 1.181 1.413 1.181h1.943a.276.276 0 0 0 .267-.27v-2.06a.276.276 0 0 0-.267-.27h-2.063Zm-1.97-.68a2.743 2.743 0 0 1 1.97-.82h2.107a1.777 1.777 0 0 1 1.723 1.77v2.06a1.777 1.777 0 0 1-1.75 1.77h-1.96c-1.41 0-2.777-1.03-2.907-2.553a2.758 2.758 0 0 1 .816-2.227Z"}),ao.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.234 10.705a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5h-7a.75.75 0 0 1-.75-.75ZM1.234 15.205a.75.75 0 0 1 .75-.75h5.34a1.91 1.91 0 0 1 1.91 1.91v1.28a.75.75 0 0 1-1.5 0v-1.28a.41.41 0 0 0-.41-.41h-5.34a.75.75 0 0 1-.75-.75Z"}),ao.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.735 13.455a.75.75 0 0 1 0 1.06l-.69.69.69.69a.75.75 0 1 1-1.061 1.06l-1.22-1.22a.75.75 0 0 1 0-1.06l1.22-1.22a.75.75 0 0 1 1.06 0ZM1.984 17.296a.75.75 0 0 1 .75.75v1.28c0 .225.185.41.41.41h5.34a.75.75 0 0 1 0 1.5h-5.34a1.91 1.91 0 0 1-1.91-1.91v-1.28a.75.75 0 0 1 .75-.75Z"}),ao.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.735 18.735a.75.75 0 0 1 1.061 0l1.22 1.22a.75.75 0 0 1 0 1.061l-1.22 1.22a.75.75 0 1 1-1.06-1.06l.689-.69-.69-.69a.75.75 0 0 1 0-1.06Z"})),"SwapWalletIcon");yr.toString=()=>"._icon";import*as lo from"react";var Ro=lo.forwardRef(({color:o="black",size:e=16,...r},n)=>lo.createElement(g,{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,color:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"_icon",...r,ref:n},lo.createElement("path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"}),lo.createElement("polyline",{points:"16 17 21 12 16 7"}),lo.createElement("line",{x1:"21",y1:"12",x2:"9",y2:"12"})));Ro.toString=()=>"._icon";import*as K from"react";var xr=t(({size:o=16,color:e,...r})=>K.createElement(g,{width:o,height:o,viewBox:"0 0 32 32",color:e,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},K.createElement("g",{clipPath:"url(#a)",strokeWidth:1.5},K.createElement("path",{d:"M9.333 9.333V4.8a.8.8 0 0 1 .8-.8h11.734a.8.8 0 0 1 .8.8v4.533M13.333 4v5.333M16 4v5.333m9.333 17.334H6.667A2.667 2.667 0 0 1 4 24V12a2.667 2.667 0 0 1 2.667-2.667h18.666A2.667 2.667 0 0 1 28 12v12a2.667 2.667 0 0 1-2.667 2.667Z"}),K.createElement("path",{d:"M22 18.666a.667.667 0 1 1 0-1.334.667.667 0 0 1 0 1.334Z",fill:e,strokeLinecap:"round",strokeLinejoin:"round"})),K.createElement("defs",null,K.createElement("clipPath",{id:"a"},K.createElement("path",{fill:e,d:"M0 0h32v32H0z"})))),"BagIcon");xr.toString=()=>"._icon";import*as So from"react";var oe=So.forwardRef(({size:o=16,...e},r)=>So.createElement(g,{width:o,height:o,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"_icon",...e,ref:r},So.createElement("circle",{cx:10,cy:10,r:7.25,strokeWidth:1.5}),So.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.134 6.6a.6.6 0 0 0-1.2 0v4.27a.6.6 0 0 0 .28.507c.009.01.018.019.029.028l2.59 2.373a.472.472 0 0 0 .753-.109.763.763 0 0 0-.133-.919l-2.319-2.123V6.6Z"})));oe.toString=()=>"._icon";var Q=i(Ao,{transform:"rotate(45deg)",cursor:"pointer"});Q.toString=()=>"._icon";import*as we from"react";var vr=t(({size:o=16,color:e,...r})=>we.createElement(P,{width:o,height:o,color:e,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 122.88 107.95",xmlSpace:"preserve",className:"_icon",...r},we.createElement("path",{d:"M82.19 0c1.22-.01 2.27.4 3.18 1.27l13.27 12.7c.86.82 1.28 1.91 1.3 3.11.02 1.22-.34 2.33-1.18 3.18l-7.06 7.35L72.09 8.67l6.99-7.28C79.94.5 80.98.02 82.19 0zM20.08 68.29a4.536 4.536 0 1 1 2.67 8.67c-6.98 2.14-11.66 6.28-13.21 10.17-.41 1.04-.55 1.99-.39 2.77.12.59.48 1.13 1.07 1.56 2.55 1.86 8.04 2.34 17.26.1 5.46-1.33 11.31-3.13 16.49-4.73 5.29-1.63 9.91-3.06 13.12-3.66 5.92-1.1 11.83-1.85 16.6-1.61 6.26.31 10.96 2.32 12.57 7.13 1.04 3.11.75 5.81.49 8.23-.09.87-.18 1.68-.14 2.21 0 .02.95-.05 5.53-.41 5.3-.42 10.79-2.51 16.21-4.58 2.78-1.06 5.54-2.11 8.67-3.07 2.4-.73 4.93.63 5.65 3.02.73 2.4-.63 4.93-3.02 5.65-2.43.74-5.24 1.82-8.06 2.89-6.04 2.3-12.14 4.63-18.74 5.15-12.07.95-14.87-2.46-15.3-7.95-.1-1.29.03-2.54.17-3.88.16-1.5.34-3.18-.07-4.39-.18-.54-1.89-.82-4.39-.94-3.99-.2-9.22.48-14.54 1.47-2.65.49-7.05 1.85-12.09 3.41-5.27 1.63-11.22 3.46-17.02 4.87-12.14 2.95-20.21 1.7-24.73-1.6-2.54-1.85-4.05-4.27-4.63-7-.54-2.54-.23-5.28.85-8 2.46-6.14 9.23-12.5 18.98-15.48zm21.19-19.84L53.3 60.02l-14.71 3.95c-.53.1-.74-.11-.65-.6l3.33-14.92zm24.6-33.34 19.59 18.87L58.7 62.23l-23.98 6.43c-.86.17-1.2-.17-1.06-.98l5.43-24.31 26.78-28.26z",style:{fillRule:"evenodd",clipRule:"evenodd"}})),"SignatureIcon");vr.toString=()=>"._icon";import*as R from"react";var Cr=t(({size:o=16,color:e,...r})=>R.createElement(P,{width:o,height:o,viewBox:"0 0 64 64",color:e,xmlns:"http://www.w3.org/2000/svg",className:"_icon",...r},R.createElement("g",{id:"Text-files"},R.createElement("path",{d:`M53.9791489,9.1429005H50.010849c-0.0826988,0-0.1562004,0.0283995-0.2331009,0.0469999V5.0228
+		C49.7777481,2.253,47.4731483,0,44.6398468,0h-34.422596C7.3839517,0,5.0793519,2.253,5.0793519,5.0228v46.8432999
+		c0,2.7697983,2.3045998,5.0228004,5.1378999,5.0228004h6.0367002v2.2678986C16.253952,61.8274002,18.4702511,64,21.1954517,64
+		h32.783699c2.7252007,0,4.9414978-2.1725998,4.9414978-4.8432007V13.9861002
+		C58.9206467,11.3155003,56.7043495,9.1429005,53.9791489,9.1429005z M7.1110516,51.8661003V5.0228
+		c0-1.6487999,1.3938999-2.9909999,3.1062002-2.9909999h34.422596c1.7123032,0,3.1062012,1.3422,3.1062012,2.9909999v46.8432999
+		c0,1.6487999-1.393898,2.9911003-3.1062012,2.9911003h-34.422596C8.5049515,54.8572006,7.1110516,53.5149002,7.1110516,51.8661003z
+		 M56.8888474,59.1567993c0,1.550602-1.3055,2.8115005-2.9096985,2.8115005h-32.783699
+		c-1.6042004,0-2.9097996-1.2608986-2.9097996-2.8115005v-2.2678986h26.3541946
+		c2.8333015,0,5.1379013-2.2530022,5.1379013-5.0228004V11.1275997c0.0769005,0.0186005,0.1504021,0.0469999,0.2331009,0.0469999
+		h3.9682999c1.6041985,0,2.9096985,1.2609005,2.9096985,2.8115005V59.1567993z`}),R.createElement("path",{d:`M38.6031494,13.2063999H16.253952c-0.5615005,0-1.0159006,0.4542999-1.0159006,1.0158005
+		c0,0.5615997,0.4544001,1.0158997,1.0159006,1.0158997h22.3491974c0.5615005,0,1.0158997-0.4542999,1.0158997-1.0158997
+		C39.6190491,13.6606998,39.16465,13.2063999,38.6031494,13.2063999z`}),R.createElement("path",{d:`M38.6031494,21.3334007H16.253952c-0.5615005,0-1.0159006,0.4542999-1.0159006,1.0157986
+		c0,0.5615005,0.4544001,1.0159016,1.0159006,1.0159016h22.3491974c0.5615005,0,1.0158997-0.454401,1.0158997-1.0159016
+		C39.6190491,21.7877007,39.16465,21.3334007,38.6031494,21.3334007z`}),R.createElement("path",{d:`M38.6031494,29.4603004H16.253952c-0.5615005,0-1.0159006,0.4543991-1.0159006,1.0158997
+		s0.4544001,1.0158997,1.0159006,1.0158997h22.3491974c0.5615005,0,1.0158997-0.4543991,1.0158997-1.0158997
+		S39.16465,29.4603004,38.6031494,29.4603004z`}),R.createElement("path",{d:`M28.4444485,37.5872993H16.253952c-0.5615005,0-1.0159006,0.4543991-1.0159006,1.0158997
+		s0.4544001,1.0158997,1.0159006,1.0158997h12.1904964c0.5615025,0,1.0158005-0.4543991,1.0158005-1.0158997
+		S29.0059509,37.5872993,28.4444485,37.5872993z`}))),"CopyIcon");Cr.toString=()=>"._icon";import Z from"react";import Ur from"react";var Xr=i("span",{margin:0,display:"inline-block",variants:{variant:{h1:{fontSize:"$36",fontWeight:"$700","@md":{fontSize:"$40"},"@lg":{fontSize:"$48"}},h2:{fontSize:"$32",fontWeight:"$700","@md":{fontSize:"$36"},"@lg":{fontSize:"$40"}},h3:{fontSize:"$20",fontWeight:"$700","@md":{fontSize:"$24"},"@lg":{fontSize:"$32"}},h4:{fontSize:"$18",fontWeight:"$600","@md":{fontSize:"$20"},"@lg":{fontSize:"$24"}},h5:{fontSize:"$16",fontWeight:"$600"},h6:{fontSize:"$14",fontWeight:"$500","@md":{fontSize:"$16"},"@lg":{fontSize:"$18"}},title:{fontSize:"$14",fontWeight:"$500","@md":{fontSize:"$15"}},body1:{fontSize:"$14",fontWeight:"$400","@md":{fontSize:"$16"},"@lg":{fontSize:"$18"}},body2:{fontSize:"$14",fontWeight:"$400"},body3:{fontSize:"$12",fontWeight:"$400"},caption:{fontSize:"$10",fontWeight:"$400","@lg":{fontSize:"$12"}}},align:{center:{textAlign:"center"},left:{textAlign:"left"},right:{textAlign:"right"}},noWrap:{true:{whiteSpace:"nowrap"}},ml:{2:{marginLeft:"$2"},4:{marginLeft:"$4"},8:{marginLeft:"$8"},12:{marginLeft:"$12"}},mt:{2:{marginTop:"$2"},4:{marginTop:"$4"},8:{marginTop:"$8"},12:{marginTop:"$12"}},mr:{2:{marginRight:"$2"},4:{marginRight:"$4"},8:{marginRight:"$8"},12:{marginRight:"$12"}},mb:{2:{marginBottom:"$2"},4:{marginBottom:"$4"},8:{marginBottom:"$8"},12:{marginBottom:"$12"}}}});function p({children:o,className:e,color:r,...n}){let a=r?{color:r.startsWith("$")?r:`$${r}`}:{color:"$foreground"};return Ur.createElement(Xr,{className:`_typography _text ${e||""}`,css:a,...n},o)}t(p,"Typography");p.toString=()=>"._typography";var Jr=i("div",{position:"relative",width:"$28",height:"$28",variants:{direction:{vertical:{margin:"auto"},horizontal:{}}}}),Kr=i("img",{width:"$28",height:"$28",borderRadius:"50%"}),Qr=i("div",{position:"absolute",right:-4,bottom:-4,width:"$16",height:"$16",padding:"$2",borderRadius:"50%",backgroundColor:"$background",border:"1px solid $neutral400",img:{width:"100%",display:"block"}}),Rr=i("div",{display:"flex",variants:{direction:{horizontal:{alignItems:"center"},vertical:{flexDirection:"column",textAlign:"center",justifyContent:"center"}},success:{true:{filter:"none"},false:{filter:"grayscale(100%)"}}}}),ot=i("div",{variants:{pl:{true:{paddingLeft:"$4","@lg":{paddingLeft:"$8"}},false:{paddingTop:"$8"}}}}),et=i(p,{color:"$neutral600",display:"block",paddingLeft:"$8"});function so(o){let{logo:e,chainLogo:r,amount:n,symbol:a,blockchain:l,estimatedAmount:c,success:s=!0,direction:m="horizontal"}=o;return Z.createElement(Rr,{direction:m,success:s},Z.createElement(Jr,{direction:m},Z.createElement(Kr,{src:e,alt:a}),Z.createElement(Qr,null,Z.createElement("img",{src:r,alt:l}))),Z.createElement(ot,{pl:m==="horizontal"},n&&Z.createElement(p,{noWrap:!0,variant:m==="vertical"?"body2":"title"},n),!n&&c&&Z.createElement(p,{noWrap:!0,variant:m==="vertical"?"body2":"title",color:"$neutral600"},c),"\xA0",Z.createElement(p,{variant:m==="vertical"?"body2":"title",noWrap:!0},a),Z.createElement(et,{noWrap:!0,variant:"caption",color:"$neutral800"},"on ",l)))}t(so,"StepDetail");import rt from"react";var tt=uo({"0%":{backgroundPosition:"-468px 0"},"100%":{backgroundPosition:"468px 0"}}),it=i("div",{borderRadius:"$5",backgroundColor:"$neutral100",background:"linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%)",backgroundSize:"800px 100px",animation:`${tt} 2s infinite ease-out`,variants:{width:{16:{width:"$16"},20:{width:"$20"},24:{width:"$24"},36:{width:"$36"},48:{width:"$48"}},height:{16:{height:"$16"},20:{height:"$20"},24:{height:"$24"},36:{height:"$36"},48:{height:"$48"},94:{height:94}}}});function $e({width:o=20,height:e=20}){return rt.createElement(it,{width:o,height:e})}t($e,"Skeleton");import nt from"react";var at=uo({"100%":{transform:"rotate(360deg)"}}),lt=i("div",{borderRadius:"50%",position:"relative",border:"2px solid $neutral100",borderRight:"2px solid",animation:`${at} 1.5s linear infinite`,margin:"0px $8",variants:{color:{primary:{borderRightColor:"$primary"},error:{borderRightColor:"$error"},warning:{borderRightColor:"$warning"},success:{borderRightColor:"$success"},black:{borderRightColor:"$black"},white:{borderRightColor:"$white"}},size:{16:{width:"$16",height:"$16"},20:{width:"$20",height:"$20"},24:{width:"$24",height:"$24"}}}});function L({size:o=16,color:e="primary"}){return nt.createElement(lt,{size:o,color:e})}t(L,"Spinner");import*as H from"@radix-ui/react-tooltip";import po from"react";var st=i(H.Trigger,{border:0,padding:0,backgroundColor:"transparent"}),pt=i(H.Content,{borderRadius:"$5",padding:"$4 $8",fontSize:"$14",animationDuration:"400ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",variants:{color:{primary:{backgroundColor:"$primary",color:"$white"},error:{backgroundColor:"$error",color:"$white"},warning:{backgroundColor:"$warning",color:"$white"},success:{backgroundColor:"$success",color:"$white"},gray:{backgroundColor:"$neutral100",color:"$black"},black:{backgroundColor:"$black",color:"$white"},white:{backgroundColor:"$white",color:"$black"}}}}),ct=i(H.Arrow,{variants:{color:{primary:{fill:"$primary"},error:{fill:"$error"},warning:{fill:"$warning"},success:{fill:"$success"},gray:{fill:"$neutral100"},black:{fill:"$black"},white:{fill:"$white"}}}}),dt=i("div",{display:"inline-block"});function ee({children:o,content:e,side:r="top",color:n="gray"}){return po.createElement(H.Provider,null,po.createElement(H.Root,null,po.createElement(st,{asChild:!0},po.createElement(dt,null,o)),po.createElement(H.Portal,null,po.createElement(pt,{color:n,side:r,sideOffset:5},e,po.createElement(ct,{color:n})))))}t(ee,"Tooltip");var Te=i("span",{width:"10px",height:"10px",backgroundColor:"$primary",borderRadius:"99999px"});import Sr from"react";var mt=i("div",{display:"flex",justifyContent:"center",alignItems:"center",".image":{width:"100%",height:"100%",objectFit:"contain"}});function B(o){let{size:e,...r}=o;return Sr.createElement(mt,{css:{width:e+"px",height:e+"px"}},Sr.createElement("img",{className:"image",...r}))}t(B,"Image");var ht=i("div",{borderRadius:"$5",border:"1px solid $neutral100",display:"flex",alignItems:"center",minHeight:126,justifyContent:"space-between",backgroundColor:"$surface"}),ut=i(p,{color:"$error"}),ft=i("div",{display:"flex",alignItems:"center",margin:"0 auto",overflowX:"auto",overflowY:"hidden",alignSelf:"stretch",padding:"$4","@md":{padding:"$8"}}),kr=i("div",{height:"0",width:"$20",border:"1px dashed $foreground",borderRadius:"inherit","@lg":{width:"$32"}}),yt=i("hr",{width:"100%",border:"1px solid $neutral400",margin:"$8 0"}),xt=i("div",{position:"relative"}),vt=i("div",{width:"$6",height:"$6",backgroundColor:"$foreground",position:"absolute",top:"45%",right:-5,marginLeft:"$8",borderRadius:"50%","@md":{width:"$8",height:"$8",right:-8,top:"45%"}}),Ct=i("div",{width:"0px",height:"0px",borderTop:"5px solid transparent",borderBottom:"5px solid transparent",borderLeft:"5px solid $foreground"}),Ie=uo({"0%":{opacity:1},"50%":{opacity:.3},"100%":{opacity:1}}),St=i("div",{backgroundColor:"$neutral100",borderRadius:"5px",margin:"$4",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",padding:"$4","@md":{padding:"$8",margin:"$8"}}),br=i("div",{display:"flex",flexDirection:"column",alignItems:"center",variants:{warning:{true:{animation:`${Ie} 2s ease-in-out infinite`}}}}),kt=i(p,{variants:{warning:{true:{color:"$warning300"}}}}),bt=i("div",{padding:"$4","@md":{padding:"$8"}}),wt=i("div",{display:"flex",justifyContent:"center",alignItems:"center"});function $t(o){let{data:e,loading:r,error:n,totalFee:a,feeWarning:l,totalTime:c}=o;return S.createElement(ht,null,r?S.createElement(bt,null,S.createElement($e,{width:48,height:94})):S.createElement(St,null,S.createElement(ee,{content:"Transaction cost (fee)"},S.createElement(br,{warning:l},S.createElement(xo,{size:20,color:l?"warning":void 0}),S.createElement(kt,{mt:4,align:"center",variant:"caption",warning:l},n&&"-",!!e&&`$${a}`))),S.createElement(yt,null),S.createElement(ee,{content:"Time estimate"},S.createElement(br,{warning:l},S.createElement(oe,{size:20}),S.createElement(p,{mt:4,align:"center",variant:"caption"},n&&"-",!!e&&`~${c}m`)))),S.createElement(ft,null,r&&S.createElement(L,{color:"primary"}),n&&S.createElement(ut,{variant:"caption"},n),!!e&&e.result?.swaps.map((s,m)=>S.createElement(gt,{key:m},m===0&&S.createElement(xt,null,S.createElement(so,{direction:"vertical",logo:s.from.logo,symbol:s.from.symbol,chainLogo:s.from.blockchainLogo,blockchain:s.from.blockchain,amount:s.fromAmount}),S.createElement(vt,null)),S.createElement(wt,null,S.createElement(kr,null),S.createElement(B,{src:s.swapperLogo,alt:s.swapperId,size:20}),S.createElement(kr,null)),m+1===e.result?.swaps.length&&S.createElement(Ct,null),S.createElement(so,{direction:"vertical",logo:s.to.logo,symbol:s.to.symbol,chainLogo:s.to.blockchainLogo,blockchain:s.to.blockchain,amount:s.toAmount}))),!!e&&!e?.result&&S.createElement(p,{variant:"body2"},"No routes found")))}t($t,"BestRoute");import Pe from"react";var Tt=i("button",{borderRadius:"$5",fontSize:"$16",fontWeight:"$400",cursor:"pointer",padding:"0 $12",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.35s",border:"0","&:active":{transform:"scale(0.95)"},variants:{align:{start:{display:"flex",width:"100%"},grow:{display:"flex",width:"100%"}},size:{compact:{},free:{},small:{height:"$32"},medium:{height:"$40"},large:{height:"$48"}},variant:{contained:{backgroundColor:"$neutral100",color:"$foreground",border:0,"&:hover":{backgroundColor:"$neutral200"},"&:disabled":{background:"$neutral400"},"&:disabled:hover":{background:"$neutral400",transform:"unset"}},outlined:{backgroundColor:"$surface",border:1,borderStyle:"solid",borderColor:"$neutral400",color:"$foreground","&:hover":{borderColor:"$neutral600"},"&:disabled":{borderColor:"$neutral400",color:"$neutral400"}},ghost:{color:"$foreground","&:hover":{backgroundColor:"$neutral200"},"&:disabled":{color:"$neutral400"},background:"transparent",border:0,[`& ${p}`]:{color:"inherit"}}},fullWidth:{true:{width:"100%"}},loading:{true:{}},type:{primary:{},error:{},warning:{},success:{}}},compoundVariants:[{type:"primary",variant:"contained",css:{background:"$primary",color:"$white","&:hover":{background:"$primary700"},"&:visited":{background:"$primary900"},"&:focus":{background:"$primary600"}}},{type:"primary",variant:"outlined",css:{color:"$primary",borderColor:"$primary","&:hover":{color:"$primary700",borderColor:"$primary700"},"&:visited":{color:"$primary900",borderColor:"$primary900"},"&:focus":{color:"$primary600",borderColor:"$primary600"}}},{type:"primary",variant:"ghost",css:{color:"$primary","&:hover":{color:"$primary700"},"&:visited":{color:"$primary900"},"&:focus":{color:"$primary600"}}},{type:"error",variant:"contained",css:{background:"$error",$$color:"$colors$background",[`.${O} &`]:{$$color:"$colors$foreground"},color:"$$color","&:hover":{background:"$error300"},"&:visited":{background:"$error700"},"&:focus":{background:"$error700"}}},{type:"error",variant:"outlined",css:{color:"$error",borderColor:"$error","&:hover":{color:"$error300",borderColor:"$error300"},"&:visited":{color:"$error700",borderColor:"$error700"},"&:focus":{color:"$error700",borderColor:"$error700"}}},{type:"error",variant:"ghost",css:{color:"$error","&:hover":{color:"$error300"},"&:visited":{color:"$error700"},"&:focus":{color:"$error700"}}},{type:"warning",variant:"contained",css:{background:"$warning",$$color:"$colors$background",[`.${O} &`]:{$$color:"$colors$foreground"},color:"$$color","&:hover":{background:"$warning300"},"&:visited":{background:"$warning700"},"&:focus":{background:"$warning700"}}},{type:"warning",variant:"outlined",css:{color:"$warning",borderColor:"$warning","&:hover":{color:"$warning300",borderColor:"$warning300"},"&:visited":{color:"$warning700",borderColor:"$warning700"},"&:focus":{color:"$warning700",borderColor:"$warning700"}}},{type:"warning",variant:"ghost",css:{color:"$warning","&:hover":{color:"$warning300"},"&:visited":{color:"$warning700"},"&:focus":{color:"$warning700"}}},{type:"success",variant:"contained",css:{background:"$success",$$color:"$colors$background",[`.${O} &`]:{$$color:"$colors$foreground"},color:"$$color","&:hover":{background:"$success300"},"&:visited":{background:"$success700"},"&:focus":{background:"$success700"}}},{type:"success",variant:"outlined",css:{color:"$success",borderColor:"$success","&:hover":{color:"$success300",borderColor:"$success300"},"&:visited":{color:"$success700",borderColor:"$success700"},"&:focus":{color:"$success700",borderColor:"$success700"}}},{type:"success",variant:"ghost",css:{color:"$success","&:hover":{color:"$success300"},"&:visited":{color:"$success700"},"&:focus":{color:"$success700"}}},{size:"compact",css:{padding:"$2 $4",fontSize:"$12"}}],defaultVariants:{size:"medium",variant:"contained"}}),It=i("div",{flex:1,variants:{align:{start:{textAlign:"left"},grow:{textAlign:"center"}},ml:{true:{marginLeft:"$8"}},mr:{true:{marginRight:"$8"}},flexContent:{true:{display:"flex",alignItems:"center"}}}});function f({children:o,loading:e,disabled:r,prefix:n,suffix:a,align:l,flexContent:c,...s}){return Pe.createElement(Tt,{disabled:e||r,...s,align:l},n,o&&Pe.createElement(It,{align:l,ml:!!n,mr:!!a&&!e,flexContent:c,className:"_text"},o),e&&Pe.createElement(L,{size:16,color:s.type}),a)}t(f,"Button");import Lo from"react";import*as re from"@radix-ui/react-checkbox";var Pt=i("div",{display:"flex",alignItems:"center"}),Lt=i(re.Root,{borderRadius:"5px",width:20,padding:0,height:20,border:"1px solid $foreground",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"$2",backgroundColor:"$neutral-100",cursor:"pointer"}),Wt=i("label",{color:"$foreground",fontSize:"$m",marginLeft:"$8",cursor:"pointer"});function Bt({label:o,id:e,...r}){return Lo.createElement(Pt,null,Lo.createElement(Lt,{id:e,...r},Lo.createElement(re.Indicator,null,Lo.createElement(_o,{size:20}))),Lo.createElement(Wt,{className:"_text",htmlFor:e},o))}t(Bt,"Checkbox");import Mt from"react";var Ft=i("div",{display:"inline-flex",justifyContent:"center",alignItems:"center",borderRadius:"$5",padding:"$4 $8",height:"32",fontSize:"$14",cursor:"pointer",transition:"all 0.35s",color:"$foreground","&:hover":{backgroundColor:"$success700",color:"$background"},variants:{selected:{true:{backgroundColor:"$success",color:"$background"},false:{backgroundColor:"$surface"}}}});function Le(o){let{label:e,selected:r,prefix:n,suffix:a,onClick:l,style:c}=o;return Mt.createElement(Ft,{selected:r,onClick:l,style:c},n||null,e,a||null)}t(Le,"Chip");import oo,{useEffect as zt}from"react";import{createPortal as Nt}from"react-dom";var At=i("div",{position:"fixed",display:"flex",justifyContent:"center",alignItems:"center",top:"0",left:"0",width:"100vw",height:"100vh",backgroundColor:"rgba(0,0,0,.1)",zIndex:10}),Dt=i("div",{backgroundColor:"$background",borderRadius:"$10",padding:"$16 $16",display:"flex",flexDirection:"column",zIndex:20}),Ht=i("div",{display:"flex",alignItems:"center"}),_t=i("div",{display:"flex",justifyContent:"space-between",alignItems:"center",position:"relative",marginBottom:"$16"});function We(o){let{title:e,content:r,open:n,onClose:a,containerStyle:l,action:c}=o,s=t(m=>{m.target===m.currentTarget&&a()},"handleBackDropClick");return zt(()=>{n?document.body.style.overflow="hidden":document.body.style.overflow="unset"},[n]),oo.createElement(oo.Fragment,null,n&&Nt(oo.createElement(At,{onClick:s},oo.createElement(Dt,{style:l},oo.createElement(_t,null,oo.createElement(p,{variant:"h4"},e),oo.createElement(Ht,null,c,oo.createElement(Q,{size:24,onClick:a}))),r)),document.body))}t(We,"Modal");import eo,{useState as Yt}from"react";import Et from"react";var jt=i("div",{variants:{size:{4:{},8:{},12:{},16:{},18:{},20:{},24:{},32:{}},direction:{vertical:{},horizontal:{}}},compoundVariants:[{size:4,direction:"horizontal",css:{width:"$4"}},{size:4,direction:"vertical",css:{height:"$4"}},{size:8,direction:"horizontal",css:{width:"$8"}},{size:8,direction:"vertical",css:{height:"$8"}},{size:12,direction:"horizontal",css:{width:"$12"}},{size:12,direction:"vertical",css:{height:"$12"}},{size:16,direction:"horizontal",css:{width:"$16"}},{size:16,direction:"vertical",css:{height:"$16"}},{size:18,direction:"horizontal",css:{width:"$18"}},{size:18,direction:"vertical",css:{height:"$18"}},{size:20,direction:"horizontal",css:{width:"$20"}},{size:20,direction:"vertical",css:{height:"$20"}},{size:24,direction:"horizontal",css:{width:"$24"}},{size:24,direction:"vertical",css:{height:"$24"}},{size:32,direction:"horizontal",css:{width:"$32"}},{size:32,direction:"vertical",css:{height:"$32"}}]});function v({size:o=12,direction:e="vertical"}){return Et.createElement(jt,{size:o,direction:e})}t(v,"Divider");import Wo from"react";var Zt=i("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$8 0",position:"relative"}),qt=i(f,{padding:"$8"});function Be(o){return Wo.createElement(Zt,null,o.onBack?Wo.createElement(qt,{variant:"ghost",size:"small",onClick:o.onBack},Wo.createElement(Ce,{size:24})):null,o.prefix,Wo.createElement(p,{variant:"h4"},o.title),o.suffix||Wo.createElement("div",null))}t(Be,"Header");import ko from"react";var Vt=i("div",{backgroundColor:"$surface",padding:"1px",boxSizing:"border-box",border:"1px solid $neutral400",borderRadius:"$5",height:"$48",display:"flex",flexGrow:1,position:"relative",alignItems:"center",color:"$foreground",overflowX:"hidden",transition:"border-color ease .3s","&:focus-within":{borderColor:"$success",outline:"1px solid $success"},variants:{size:{small:{"& input":{fontSize:"$14"},height:"$32"},medium:{"& input":{fontSize:"$15"},height:"$40"},large:{"& input":{fontSize:"$16"},height:"$48"}},disabled:{true:{backgroundColor:"$neutral100",cursor:"not-allowed",filter:"grayscale(100%)"}},prefix:{true:{paddingLeft:"$16"},false:{paddingLeft:"$0"}},suffix:{true:{paddingRight:"$16"},false:{paddingRight:"$0"}}},defaultVariants:{size:"medium"}}),Gt=i("input",{color:"$foreground",paddingLeft:"$16",paddingRight:"$16",flexGrow:1,width:"100%",border:"none",borderRadius:"$5",outline:"none",backgroundColor:"transparent","-webkit-appearance":"none",margin:0,"&:disabled":{cursor:"not-allowed"},"&::-webkit-outer-spin-button, &::-webkit-inner-spin-button":{"-webkit-appearance":"none",margin:0},'&[type="number"]':{"-moz-appearance":"textfield"}}),Ot=i("label",{display:"inline-block",fontSize:"$14",color:"$foreground",marginBottom:"$4"}),Bo=ko.forwardRef((o,e)=>{let{label:r,prefix:n,suffix:a,children:l,size:c,style:s,...m}=o;return ko.createElement(ko.Fragment,null,r&&ko.createElement(Ot,{className:"_text",...m.id&&{htmlFor:m.id}},r),ko.createElement(Vt,{disabled:m.disabled,prefix:!!n,suffix:!!a,size:c,style:s,className:"_text"},n||null,ko.createElement(Gt,{className:"_text",...m,spellCheck:!1,ref:e}),a||null))});var Ut=i("div",{overflow:"hidden",display:"flex",flexDirection:"column",flex:"1",padding:"0 $4"}),Xt=i("div",{padding:"1px"});function F(o){let{title:e,Footer:r,TopButton:n,onBack:a,hasHeader:l=!0}=o,[c,s]=Yt("");return eo.createElement(eo.Fragment,null,l&&eo.createElement(Be,{onBack:a,title:e||"",suffix:n}),eo.createElement(Ut,null,o.textField&&eo.createElement(Xt,null,eo.createElement(Bo,{size:"large",prefix:eo.createElement(Vo,{size:24}),placeholder:o.textFieldPlaceholder,onChange:m=>s(m.target.value),value:c,autoFocus:!0}),eo.createElement(v,{size:16})),o.textField&&o.children?.(c),!o.textField&&o.children),r)}t(F,"SecondaryPage");import co,{useEffect as Rt,useState as oi}from"react";function z(o,e){return o.toLowerCase().indexOf(e.toLowerCase())>-1}t(z,"containsText");function wr(o,e=8,r=3){if(!o)return null;if(o.length<2*e+r)return o;let n=Math.ceil((o.length-e)/2),a=o.length-e;return`${o.substr(n,e)}${".".repeat(r)}${o.substr(a)}`}t(wr,"getConciseAddress");function te(o,e=4){let r=parseFloat(o);if(isNaN(r))return o;{let n=Math.pow(10,e);return(Math.round(r*n)/n).toString()}}t(te,"limitDecimalPlaces");var $r=t(o=>(e=>e.length===3?e.split("").map(r=>parseInt(r.repeat(2),16)):(e.match(/.{1,2}/g)||[]).map(r=>parseInt(r,16)))(o.replace("#","")),"hexToRgb"),Jt=t(o=>(([e,r,n])=>.2126*e+.7152*r+.0722*n<40)($r(o)),"isHexTooDark"),Kt=t(o=>(([e,r,n])=>(e*299+r*587+n*114)/1e3>155)($r(o)),"isHexTooLight"),Mo=t((o,e)=>{o=o.replace(/^#/,""),o.length===3&&(o=o[0]+o[0]+o[1]+o[1]+o[2]+o[2]);let[r,n,a]=o.match(/.{2}/g);[r,n,a]=[parseInt(r,16)+e,parseInt(n,16)+e,parseInt(a,16)+e],r=Math.max(Math.min(255,r),0).toString(16),n=Math.max(Math.min(255,n),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16);let l=(r.length<2?"0":"")+r,c=(n.length<2?"0":"")+n,s=(a.length<2?"0":"")+a;return`#${l}${c}${s}`},"colorShade"),Qt=t((o,e,r)=>{let n={[o]:r};if(r){let a=r;if(Jt(r)||e==="dark")for(let l=1;l<10;l++)n={...n,[o+l*100]:o==="neutral"?Mo(a,l*15):Mo(r,l*5)};if(Kt(r)||e==="light")for(let l=1;l<10;l++)a=Mo(a,-(l*5)),n={...n,[o+l*100]:Mo(o==="neutral"?a:r,-(l*5))}}return n},"generateRangeColors");var ei=i("div",{display:"flex",flexWrap:"wrap"}),ri=i("div",{width:12,height:12,borderRadius:6,border:"1px solid $neutral400",position:"absolute",top:12,right:12,variants:{checked:{true:{borderColor:"$success"},false:{borderColor:"$neutral400"}}}}),ti=i("div",{width:6,margin:"20% auto",height:6,borderRadius:3,variants:{checked:{true:{backgroundColor:"$success"},false:{backgroundColor:"$neutral400"}}}}),ii=i("div",{border:"1.5px solid",borderRadius:"$5",padding:"$12",flexBasis:"calc(33.33% - 10px)",margin:5,display:"flex",flexDirection:"column",justifyContent:"space-between",width:124,height:92,cursor:"pointer",position:"relative",variants:{checked:{true:{borderColor:"$success",color:"$success"},false:{borderColor:"$neutral400",color:"$neutral400"}}}});function Me({list:o,onChange:e}){let[r,n]=oi(o.find(l=>l.selected)?.walletType||""),a=t(l=>{n(l.walletType),e(l)},"onClick");return Rt(()=>{n(o.find(l=>l.selected)?.walletType||"")},[o]),co.createElement(ei,null,o.map((l,c)=>{let s=r===l.walletType;return co.createElement(ii,{checked:s,onClick:a.bind(null,l),key:c},co.createElement(B,{src:l.image,alt:l.walletType,size:24}),co.createElement(p,{variant:"body2"},l.name),co.createElement(p,{variant:"caption"},wr(l.address)),co.createElement(ri,{checked:s},co.createElement(ti,{checked:s})))}))}t(Me,"SelectableWalletList");import ni from"react";var ai=i("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$10",boxShadow:"$s",width:"100%",minWidth:"375px",maxWidth:"512px",padding:"$16",boxSizing:"border-box",backgroundColor:"$background",overflow:"hidden","& *":{boxSizing:"border-box",listStyleType:"none","&::-webkit-scrollbar":{width:"$8",height:"$8"},"&::-webkit-scrollbar-thumb":{backgroundColor:"$neutral400",borderRadius:"$10"},"&::-webkit-scrollbar-thumb:hover":{backgroundColor:"$neutral500"},"&::-webkit-scrollbar-track":{backgroundColor:"$neutral100"}},variants:{fixedHeight:{true:{height:"595px",maxHeight:"595px"},false:{height:"auto"}}}});function li(o){let{children:e,style:r,fixedHeight:n=!0}=o;return ni.createElement(ai,{style:r,id:"swap-box",fixedHeight:n},e)}t(li,"SwapContainer");import q from"react";import Y from"react";var si=i("div",{display:"flex",alignItems:"center",width:"160px","& .amount":{fontWeight:"bold"},"& .estimated":{color:"$neutral600"}}),pi=i("div",{position:"relative",img:{borderRadius:"50%"},".overlay":{position:"absolute",right:-4,bottom:-4,width:"$16",height:"$16",padding:"$2",borderRadius:"50%",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$background",border:"1px solid $neutral400"}});function Fe(o){let{data:{token:e,blockchain:r,amount:n,estimatedAmount:a}}=o;return Y.createElement(si,null,Y.createElement(pi,null,Y.createElement(B,{src:e.logo,alt:"",size:24}),Y.createElement("div",{className:"overlay"},Y.createElement(B,{src:r.logo,alt:r.name,size:12}))),Y.createElement(v,{size:8,direction:"horizontal"}),!!n&&Y.createElement("span",{className:"amount"},o.data.amount),!n&&a&&Y.createElement("span",{className:"amount estimated"},o.data.estimatedAmount),Y.createElement(v,{size:4,direction:"horizontal"}),e.symbol)}t(Fe,"Token");var ci=i("div",{position:"relative",display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$16 0",borderBottom:"1px solid $neutral100","& > .info":{display:"flex",alignItems:"center"},".status":{textTransform:"uppercase",fontWeight:"bold",fontSize:"$12"},"&.failed .status":{color:"$error"},"&.success .status":{color:"$success"}});function ze({swap:o,status:e,onClick:r}){let n=o.steps[0],a=o.steps[o.steps.length-1];return q.createElement(f,{variant:"ghost",size:"free",fullWidth:!0,onClick:r.bind(null,o.requestId)},q.createElement(ci,{className:`${e}`},q.createElement("div",{className:"info"},q.createElement(Fe,{data:{token:{logo:n.fromLogo,symbol:n.fromSymbol},blockchain:{logo:n.fromBlockchainLogo||"",name:n.fromBlockchain},amount:te(o.inputAmount)}}),q.createElement(v,{size:12,direction:"horizontal"}),q.createElement(Jo,{size:12}),q.createElement(v,{size:12,direction:"horizontal"}),q.createElement(Fe,{data:{token:{logo:a.toLogo,symbol:a.toSymbol},blockchain:{logo:a.toBlockchainLogo||"",name:a.toBlockchain},amount:te(a.outputAmount||""),estimatedAmount:te(a.expectedOutputAmountHumanReadable||"")}})),q.createElement("div",{className:"status"},e==="running"?q.createElement(L,{size:24,color:"primary"}):e)))}t(ze,"SwapDetail");import Tr from"react";import*as ie from"@radix-ui/react-switch";var di=i(ie.Root,{boxSizing:"border-box",boxShadow:"none",borderStyle:"solid",width:"42px",height:"22px",backgroundColor:"$neutral600",borderColor:"$neutral600",borderRadius:"99999px",position:"relative",padding:"0",cursor:"pointer",'&[data-state="checked"]':{backgroundColor:"$success",borderColor:"$success"},"-webkit-tap-highlight-color":"rgba(0, 0, 0, 0)"}),mi=i(ie.Thumb,{position:"absolute",top:"0",boxSizing:"border-box",display:"block",width:"18px",height:"18px",backgroundColor:"$white",transition:" transform 300ms",borderRadius:"999999px",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(20px)"}});function Fo(o){let{checked:e,onChange:r}=o;return Tr.createElement(di,{checked:e,onCheckedChange:r},Tr.createElement(mi,null))}t(Fo,"Switch");import{detectInstallLink as fi}from"@rango-dev/wallets-shared";import mo from"react";var Ne=(a=>(a.NOT_INSTALLED="not installed",a.DISCONNECTED="disconnected",a.CONNECTING="connecting",a.CONNECTED="connected",a))(Ne||{});import bo,{Fragment as gi}from"react";import{detectInstallLink as hi}from"@rango-dev/wallets-shared";var ui=i("span",{display:"flex",justifyContent:"center",alignItems:"center"}),Ir=t(({walletState:o,installLink:e})=>bo.createElement(gi,null,o!=="disconnected"&&bo.createElement(ui,null,o==="not installed"&&bo.createElement("a",{href:hi(e),target:"_blank"},bo.createElement(Uo,{size:24,color:"success"})),o==="connecting"&&bo.createElement(L,null),o==="connected"&&bo.createElement(Ro,null))),"State");var yi=i("div",{paddingRight:"$12","& img":{borderRadius:"50%"}}),xi=i("div",{display:"flex",flexDirection:"column"}),vi=i(f,{variants:{type:{primary:{outline:"1px solid $primary",borderColor:"$primary","&:hover":{borderColor:"$primary"}}}}});function Pr(o){let{name:e,type:r,image:n,state:a,onClick:l,installLink:c}=o;return mo.createElement(vi,{type:a==="connected"?"primary":void 0,disabled:a=="connecting",onClick:()=>{a==="not installed"?window.open(fi(c),"_blank"):l(r)},align:"start",variant:"outlined",size:"large",prefix:mo.createElement(yi,null,mo.createElement(B,{src:n,size:24})),suffix:mo.createElement(Ir,{walletState:a,installLink:c})},mo.createElement(xi,null,mo.createElement(p,{variant:"h5",noWrap:!1},e),a==="connected"?mo.createElement(p,{variant:"caption",noWrap:!1,color:"primary"},"Connected"):null))}t(Pr,"Wallet");import N from"react";var Ci=i("div",{width:"100%",padding:"$16",borderRadius:"$5",backgroundColor:"$neutral100",color:"$neutral800",".main":{display:"flex",alignItems:"center"},".footer":{paddingTop:"$8"},"&.hasIcon .footer":{paddingLeft:"$32"},variants:{type:{primary:{color:"$primary200"},secondary:{color:"$foreground"},success:{color:"$success300"},warning:{color:"$warning500"},error:{color:"$error300"}}}});function A(o){let{type:e,children:r,title:n}=o,a=["error","success","warning"].includes(e);return N.createElement(Ci,{type:e,className:a?"hasIcon":""},N.createElement("div",{className:"main"},a&&N.createElement(N.Fragment,null,N.createElement("div",{style:{width:"32px",display:"flex",justifyContent:"center",alignItems:"center"}},e==="success"&&N.createElement(yo,{color:e,size:24}),e==="warning"&&N.createElement(jo,{color:e,size:24}),e==="error"&&N.createElement(fo,{color:e,size:24}),N.createElement(v,{size:4,direction:"horizontal"}))),N.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"start",flexDirection:"column",width:"100%"}},n&&N.createElement(N.Fragment,null,N.createElement(p,{className:"title",variant:"title",color:e},n),!!r&&N.createElement(v,{size:4})),r)),o.footer?N.createElement("div",{className:"footer"},o.footer):null)}t(A,"Alert");import Si from"react";function ro(){return Si.createElement(A,{type:"error",title:" Error connecting server, please reload the app and try again."})}t(ro,"LoadingFailedAlert");import U,{useState as ki}from"react";import{ChromePicker as bi}from"react-color";import wi from"rgb-hex";var $i=i("div",{position:"relative"}),Ti=i("div",{border:"1px solid $neutral100",borderRadius:"$5",width:"$32",height:"$32"}),Ii=i("div",{position:"fixed",top:"0px",right:"0px",bottom:"0px",left:"0px"}),Pi=i("div",{position:"absolute",zIndex:"2",variants:{place:{top:{top:"-241px"},bottom:{},left:{top:"-50%",left:"-225px"},right:{top:"-50%",right:"-225px"}}}}),Li=i("label",{display:"inline-block",fontSize:"$14",marginBottom:"$4",color:"$foreground"});function Wi({color:o,onChangeColor:e,label:r,place:n,placeholder:a}){let[l,c]=ki(!1);return U.createElement($i,null,U.createElement(Li,{className:"_text"},r),U.createElement(f,{variant:"outlined",prefix:U.createElement(Ti,{style:{backgroundColor:o}}),fullWidth:!0,align:"start",size:"large",suffix:o&&U.createElement("div",{onClick:s=>{s.stopPropagation(),e(void 0)}},U.createElement(Q,{size:20})),onClick:()=>c(s=>!s)},o||a),l&&U.createElement(Pi,{place:n},U.createElement(Ii,{onClick:()=>c(!1)}),U.createElement(bi,{color:o,onChange:s=>{let m="#"+wi(s.rgb.r,s.rgb.g,s.rgb.b,s.rgb.a);e(m)}})))}t(Wi,"ColorPicker");import go from"react";import*as wo from"@radix-ui/react-radio-group";var Bi=i(wo.Root,{variants:{direction:{horizontal:{display:"flex",flexDirection:"row",flexWrap:"wrap"},vertical:{display:"grid",gridGap:"$24"}}}}),Mi=i("div",{display:"flex",alignItems:"center",marginRight:"$8"}),Fi=i(wo.Item,{padding:"0",width:"20px",height:"20px",borderRadius:"100%",cursor:"pointer",backgroundColor:"$background",border:"1px solid $neutral400","&:hover":{borderColor:"$neutral600"}}),zi=i("div",{display:"flex"}),Ni=i(wo.Indicator,{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%",position:"relative","&::after":{content:"",display:"block",width:"10px",height:"10px",borderRadius:"50%",backgroundColor:"$success"}}),Ai=i("label",{paddingLeft:"$8",cursor:"pointer",color:"$foreground"});function Ae(o){let{value:e,onChange:r,direction:n="vertical",style:a}=o;return go.createElement(zi,null,go.createElement(Bi,{onValueChange:r,value:e,direction:n,style:a},o.options.map((l,c)=>go.createElement(Mi,{key:c},go.createElement(Fi,{value:l.value,id:l.value},go.createElement(Ni,null)),go.createElement(Ai,{className:"_text",htmlFor:l.value},go.createElement(p,{variant:"body2"},l.label))))))}t(Ae,"Radio");import De,{forwardRef as qi,useEffect as Br,useState as He}from"react";import ne from"react";import{VariableSizeList as Di}from"react-window";import Hi from"react-window-infinite-loader";import _i from"react-virtualized-auto-sizer";function Lr(o){let{itemCount:e,hasNextPage:r,loadNextPage:n,Item:a,innerElementType:l,size:c}=o,s=t(m=>!r||m<e,"isItemLoaded");return ne.createElement(_i,null,({width:m,height:u})=>ne.createElement(Hi,{isItemLoaded:s,itemCount:r?e+1:e,loadMoreItems:n,threshold:1},({onItemsRendered:T,ref:w})=>ne.createElement(Di,{innerElementType:l,ref:w,itemSize:()=>c,itemCount:e,height:u||0,width:m||0,onItemsRendered:T},({index:h,style:M})=>s(h)?ne.createElement(a,{index:h,style:M}):null)))}t(Lr,"VirtualizedList");import V from"react";var Ei=i("div",{paddingRight:"$16"}),ji=i("div",{display:"flex",flexDirection:"column"}),Zi=i("div",{display:"flex",flexDirection:"column",alignItems:"flex-end"});function Wr(o){let{token:e,style:r,onClick:n,selected:a}=o;return V.createElement("div",{style:{display:"flex",alignItems:"center",width:"100%",...r,height:"48px",top:`${parseFloat(r?.top)+0}px`,padding:"0 4px"}},V.createElement(f,{variant:"outlined",size:"large",align:"start",onClick:n.bind(null,e),type:a?"primary":void 0,prefix:V.createElement(Ei,null,V.createElement(B,{src:e.image,size:32})),suffix:e.balance?.amount&&V.createElement(Zi,null,V.createElement(p,{variant:"body2"},e.balance.amount),V.createElement(p,{variant:"caption"},`${e.balance.usdValue}$`))},V.createElement(ji,null,V.createElement(p,{variant:"body1"},e.symbol),V.createElement(p,{variant:"caption",color:"neutral600"},e.name))))}t(Wr,"TokenItem");var Mr=20;function _e(o){let{list:e,searchedText:r,onChange:n,multiSelect:a,selectedList:l}=o,[c,s]=He(o.selected),m=t($=>{s($),n($)},"changeSelected"),u=t($=>a&&l?l.map(x=>x.symbol+x.address).indexOf($.symbol+$.address)>-1:c?.symbol===$.symbol&&c?.address===$.address,"isSelected"),[T,w]=He(!0),[h,M]=He(e),C=t(()=>{M(e.slice(0,h.length+Mr))},"loadNextPage");Br(()=>{M(e.slice(0,Mr))},[r,e]),Br(()=>{w(e.length>h.length)},[h.length]);let I=qi(({style:$,...x},D)=>De.createElement("div",{ref:D,style:{...$,height:`${parseFloat($?.height)+8*2}px`},...x}));return De.createElement(Lr,{Item:({index:$,style:x})=>De.createElement(Wr,{token:h[$],style:x,onClick:m,selected:u(h[$])}),hasNextPage:T,itemCount:h.length,loadNextPage:C,innerElementType:I,size:56})}t(_e,"TokenList");import X from"react";import{createPortal as Vi}from"react-dom";var Gi=i("div",{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",zIndex:9999999,backgroundColor:"rgba(0,0,0,.1)",borderRadius:"$10"}),Oi=i("div",{position:"absolute",boxShadow:"$s",background:"$background",padding:"$20",display:"flex",flexDirection:"column",justifyContent:"space-between",zIndex:9999999,borderRadius:"$10",variants:{anchor:{left:{top:0,left:0,height:"100%",minWidth:"300px",maxWidth:"90%"},right:{top:0,right:0,height:"100%",minWidth:"300px",maxWidth:"90%"},bottom:{bottom:0,width:"100%",maxHeight:"90%"},top:{top:0,width:"100%",maxHeight:"90%"}}}}),Yi=i("div",{display:"flex",justifyContent:"space-between",alignItems:"center",position:"relative",marginBottom:"$16"}),Ui=i("div",{overflowY:"auto",height:"100%"}),Xi=i("footer",{width:"100%",marginTop:"$28"});function Ee(o){let{title:e,content:r,open:n,onClose:a,containerStyle:l,anchor:c="bottom",showClose:s=!1,footer:m,container:u}=o;return X.createElement(X.Fragment,null,n&&u&&Vi(X.createElement(Gi,{onClick:t(w=>{w.target===w.currentTarget&&a()},"handleBackDropClick")},X.createElement(Oi,{anchor:c,style:l},X.createElement(Yi,null,X.createElement(p,{variant:"h6"},e),s&&X.createElement(Q,{size:24,onClick:a})),X.createElement(Ui,null,r),X.createElement(Xi,null,m))),u))}t(Ee,"Drawer");import k from"react";var Ji=i("div",{overflowY:"auto"}),Ki=i("div",{paddingBottom:"$32",marginBottom:"$32",borderBottom:"1px solid $neutral400"}),Qi=i("div",{display:"flex",alignItems:"center"}),Ri=i("div",{padding:"$16 0"}),on=i(f,{marginTop:"$16"}),en=i("div",{paddingBottom:"$24",".title":{paddingBottom:"$8",display:"flex",alignItems:"center"},".num":{backgroundColor:"$neutral100",display:"inline-flex",width:"24px",height:"24px",color:"$neutral800",borderRadius:"50%",fontSize:"$14",border:"1px solid $neutral400",justifyContent:"center",alignItems:"center"}}),rn=i("div",{paddingBottom:"$16"});function tn(o){let{onBack:e,loading:r,onConfirm:n,requiredWallets:a,selectableWallets:l,onChange:c,confirmDisabled:s,isExperimentalChain:m,handleConnectChain:u,confirmButtonTitle:T,errors:w,warnings:h,extraMessages:M}=o;return console.log(o),k.createElement(F,{textField:!1,title:"Confirm Swap",onBack:e,Footer:k.createElement(Qi,null,k.createElement(on,{fullWidth:!0,loading:r,type:"primary",variant:"contained",onClick:n,disabled:s},T))},k.createElement(Ji,null,k.createElement("div",null,M||null,k.createElement(rn,null,w?.map((C,I)=>k.createElement(k.Fragment,{key:I},k.createElement(v,null),k.createElement(A,{type:"error",key:I,...typeof C=="string"?{title:C}:{children:C}}))),h?.map((C,I)=>k.createElement(k.Fragment,{key:I},k.createElement(v,null),k.createElement(A,{type:"warning",key:I,...typeof C=="string"?{title:C}:{children:C}}))))),o.previewInputs||o.previewRoutes?k.createElement(Ki,null,o.previewInputs,o.previewRoutes?k.createElement(v,{size:16}):null,o.previewRoutes):null,a.map((C,I)=>{let $=l.filter(x=>C===x.chain);return k.createElement(en,{key:I},k.createElement("div",{className:"title"},k.createElement("div",{className:"num"},I+1),k.createElement(v,{size:8,direction:"horizontal"}),k.createElement(p,{variant:"body2"},"Your ",C," Wallet")),$.length===0&&k.createElement(k.Fragment,null,k.createElement(Ri,null,k.createElement(A,{type:"error"},"You need to connect a compatible wallet with ",C,".")),m?.(C)&&k.createElement(f,{variant:"contained",type:"primary",align:"grow",onClick:()=>u?.(C)},`Add ${C} chain to Cosmos wallets`)),$.length!=0&&k.createElement(Me,{list:$,onChange:c}))})))}t(tn,"ConfirmSwap");import G from"react";import nn from"react";function J(o){let{catergory:e,searchedFor:r}=o;return nn.createElement(A,{type:"secondary",title:`${e} ${r?"'"+r+"'":""} not found.`})}t(J,"NotFoundAlert");import _ from"react";var an=i("div",{".group-title":{textTransform:"uppercase"}});function je(o){let{list:e,onSwapClick:r,groupBy:n}=o,a=n?n(e):[{title:"History",swaps:e}];return _.createElement(_.Fragment,null,a.filter(l=>l.swaps.length>0).map((l,c)=>_.createElement(_.Fragment,{key:c},_.createElement(an,null,_.createElement(p,{variant:"body2",color:"neutral600",className:"group-title"},l.title),l.swaps.map(s=>_.createElement(_.Fragment,{key:s.requestId},_.createElement(ze,{swap:s,status:s.status,onClick:r}),_.createElement(v,{size:12})))),_.createElement(v,{size:24}))))}t(je,"SwapsGroup");import $o from"react";var zo=i("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),ln=t((o,e)=>o.filter(r=>z(r.symbol,e)||z(r.address||"",e)||z(r.name||"",e)),"filterTokens");function sn(o){let{list:e,type:r,selected:n,hasHeader:a,onChange:l,onBack:c,loadingStatus:s}=o;return $o.createElement(F,{textField:!0,hasHeader:a,title:`Select ${r} token`,onBack:c,textFieldPlaceholder:"Search tokens by name"},m=>{let u=ln(e,m);return s==="loading"?$o.createElement(zo,null,$o.createElement(L,{size:24})):s==="failed"?$o.createElement(ro,null):u.length?$o.createElement(_e,{searchedText:m,list:u,selected:n,onChange:l}):$o.createElement(J,{catergory:"Token",searchedFor:m})})}t(sn,"TokenSelector");var pn=i("div",{overflowY:"auto"}),cn=t((o,e)=>o.filter(r=>{let n=r.steps[0],a=r.steps[r.steps.length-1];return z(n.fromBlockchain,e)||z(n.fromSymbol,e)||z(a.toBlockchain,e)||z(a.toSymbol,e)||z(r.requestId,e)}),"filteredHistory");function dn(o){let{list:e=[],onBack:r,onSwapClick:n,groupBy:a,loading:l}=o;return G.createElement(F,{onBack:r,textField:!0,textFieldPlaceholder:"Search by blockchain, token or request Id",title:"Swaps"},c=>{let s=cn(e,c);return G.createElement(G.Fragment,null,l&&G.createElement(zo,null,G.createElement(L,{size:24})),G.createElement(pn,null,!l&&G.createElement(G.Fragment,null,s.length?G.createElement(je,{list:s,onSwapClick:n,groupBy:a}):G.createElement(J,{catergory:"Swap"}))))})}t(dn,"History");import d,{useState as un}from"react";import W,{useState as mn}from"react";var gn=t(o=>!o||o==="info"?"secondary":o,"getAlertType"),hn=i("div",{width:"90%",overflowWrap:"break-word",color:"$error500 !important"}),Ze=i(p,{color:"$success500 !important"}),Fr=t(o=>{let{shortMessage:e,detailedMessage:r,currentStepBlockchain:n,type:a,lastConvertedTokenInFailedSwap:l}=o,[c,s]=mn(!1),m=r.long?0:150,u=!c&&r.content.length>m;return W.createElement(A,{type:gn(a),title:e,...u&&{footer:W.createElement(f,{variant:"outlined",type:"primary",onClick:s.bind(null,T=>!T)},"Show more details")},...!!o.switchNetwork&&{footer:W.createElement(f,{variant:"outlined",type:"primary",onClick:()=>{o?.switchNetwork&&o.switchNetwork().catch(()=>{})}},"Change network to ",n)}},r.content?W.createElement(hn,null,W.createElement(p,{variant:"body2"},u&&!c?r.content.substring(0,m)+(m>0?"...":""):r.content)):null,!!l&&W.createElement(W.Fragment,null,W.createElement("p",null,W.createElement(p,{variant:"body2"},"Don't worry, your fund is\xA0"),W.createElement(Ze,{variant:"body2"},W.createElement("b",null,"Safe"))),W.createElement("p",null,W.createElement(p,{variant:"body2"},"It is converted to \xA0",W.createElement("u",null,l.outputAmount),"\xA0"),W.createElement(Ze,{variant:"body2"},W.createElement("b",null,l.symbol,"\xA0")),W.createElement(p,{variant:"body2"},"on your\xA0"),W.createElement(Ze,{variant:"body2"},W.createElement("b",null,l.blockchain,"\xA0")),W.createElement(p,{variant:"body2"},"wallet"))))},"SwapMessages");var fn=i("div",{display:"flex",alignItems:"center",paddingLeft:"$4",variants:{created:{true:{filter:"grayscale(100%)"}},running:{true:{animation:`${Ie} 2s ease-in-out infinite`}}}}),w2=i("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}),$2=i(p,{color:"$error"}),yn=i("div",{paddingLeft:"$16",color:"$neutral800"}),xn=i("div",{display:"flex",alignItems:"center"}),vn=i("div",{position:"relative"}),T2=i("div",{display:"flex",alignItems:"center"}),Cn=i("div",{width:"$8",height:"$8",backgroundColor:"$foreground",borderRadius:"4px",marginLeft:"11px"}),Sn=i("div",{width:"0px",height:"0px",borderLeft:"5px solid transparent",borderRight:"5px solid transparent",borderTop:"5px solid $foreground",marginLeft:"$10"}),kn=i("a",{color:"$primary",fontWeight:"$600"}),bn=i("div",{display:"flex",flexDirection:"column",paddingBottom:"$16",borderBottom:"1px solid $neutral100"}),wn=i("div",{display:"flex",".details":{padding:"$8 0"}}),zr=i("div",{display:"flex",margin:"$12 0 $12 $20"}),Nr=i("div",{display:"flex",alignItems:"center"}),Ar=i(p,{color:"$success",paddingLeft:"$4"}),Dr=i("div",{width:"0",minHeight:"$16",marginLeft:"14px",border:"1px dashed $foreground",borderRadius:"inherit"}),$n=i("div",{display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:"$14",padding:"$8 0",".name":{color:"$neutral600"},".value":{display:"flex",alignItems:"center",color:"$neutral800",justifyContent:"flex-end"},".status":{fontWeight:"bold",textTransform:"uppercase"},".status.failed":{color:"$error"},".status.success":{color:"$success"}}),Tn=i("div",{width:"150px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis","@md":{width:"auto"}}),In=i("div",{padding:"0",color:"$neutral600",fontSize:"$10"}),Pn=i("div",{overflowY:"auto",padding:"$8 $4 $2 $4"});function Ln(o){let{pendingSwap:e,onBack:r,onCopy:n,isCopied:a,onCancel:l,date:c,onRetry:s,previewInputs:m,...u}=o,[T,w]=un(!1);return d.createElement(F,{title:"Swap Details",textField:!1,onBack:r,Footer:d.createElement(d.Fragment,null,e?.status==="running"&&d.createElement(f,{variant:"outlined",fullWidth:!0,type:"error",onClick:w.bind(null,!0)},"Cancel"),!!s&&d.createElement(f,{variant:"contained",fullWidth:!0,type:"primary",onClick:s},"Try again"))},d.createElement("div",null,d.createElement(bn,null,d.createElement($n,null,d.createElement("div",{className:"name"},"Request Id:",d.createElement("span",{className:"value requestId",onClick:n.bind(null,e?.requestId)},d.createElement(Tn,null,e?.requestId),d.createElement(v,{size:4,direction:"horizontal"}),d.createElement(f,{type:"primary",variant:"ghost",size:"compact"},a?"Copied!":"Copy"))),d.createElement("div",{className:"name"},d.createElement("span",{className:`value status ${e?.status||""}`},e?.status,e?.status==="running"&&d.createElement(L,{size:16,color:"primary"})),d.createElement(In,null,c))))),d.createElement(Pn,null,u.shortMessage&&d.createElement(Fr,{...u}),d.createElement(v,{size:16}),e?.steps.map((h,M)=>d.createElement("div",{key:M},M===0&&d.createElement(vn,null,d.createElement(so,{logo:h.fromLogo,symbol:h.fromSymbol,chainLogo:h.fromBlockchainLogo||"",blockchain:h.fromBlockchain,amount:e.inputAmount}),d.createElement(Cn,null)),d.createElement(Dr,null),d.createElement(fn,{created:h.status==="created",running:!["created","success","failed"].includes(h.status)},d.createElement(B,{src:h.swapperLogo||"",alt:h.swapperId,size:20}),d.createElement(yn,null,d.createElement(p,{variant:"body2"},h.swapperType==="DEX"?"Swap":"Bridge"," via"," ",h.swapperId),d.createElement(xn,null,d.createElement(xo,null),d.createElement(p,{variant:"body2"},"\xA0 $",h.feeInUsd," estimated gas fee")))),d.createElement("div",{style:{display:"flex"}},d.createElement(wn,null,d.createElement(Dr,null),d.createElement("div",{className:"details"},!!h.explorerUrl&&d.createElement("div",null,h.explorerUrl.map((C,I)=>d.createElement(zr,{key:I},d.createElement(Nr,null,d.createElement(v,{size:4}),d.createElement(yo,{color:"primary"}),d.createElement(Ar,{variant:"body2"},d.createElement(kn,{href:C.url,target:"_blank",rel:"noreferrer",key:I},C.description?d.createElement("b",null,C.description.substring(0,1).toUpperCase(),C.description.substring(1)," Tx"):d.createElement("b",null,"View transaction"))))))),h.status==="failed"&&d.createElement(zr,null,d.createElement(Nr,null,d.createElement(fo,{color:"error"}),d.createElement(Ar,{variant:"body2",color:"$error500"},"Step failed")))))),M+1===e.steps.length&&d.createElement(Sn,null),d.createElement(so,{logo:h.toLogo,symbol:h.toSymbol,chainLogo:h.toBlockchainLogo||"",blockchain:h.toBlockchain,amount:h.outputAmount||"",estimatedAmount:h.expectedOutputAmountHumanReadable||"",success:h.status==="success"}))),d.createElement(v,{size:32})),d.createElement(Ee,{onClose:w.bind(null,!1),open:T,showClose:!0,anchor:"bottom",title:"Cancel Progress",content:d.createElement(A,{type:"warning"},d.createElement(p,{variant:"body2"},"Warning: Cancel ",d.createElement("u",null,"doesn't revert")," your transaction if you've already signed and sent a transaction to the blockchain. It only stops next steps from being executed.")),footer:d.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"}},d.createElement(f,{variant:"contained",type:"success",onClick:w.bind(null,!1)},"Skip"),d.createElement(v,{size:16,direction:"horizontal"}),d.createElement(f,{variant:"contained",type:"error",onClick:()=>{l(e.requestId),w(!1)}},"Cancel progress")),container:document.getElementById("swap-box")}))}t(Ln,"SwapHistory");import E from"react";import To,{useState as Wn}from"react";var Bn=i("div",{display:"grid",gap:".5rem",gridTemplateColumns:" repeat(2, minmax(0, 1fr))",alignContent:"baseline",width:"100%",height:"100%"}),Mn=i("div",{paddingRight:"$4"});function qe(o){let{list:e,onChange:r,multiSelect:n,selectedList:a}=o,[l,c]=Wn(o.selected),s=t(u=>{c(u),r(u)},"changeSelectedBlockchain"),m=t(u=>n&&a?a==="all"||a.findIndex(T=>u===T.name)>-1:u===l?.name,"isSelect");return To.createElement(Bn,null,e.map((u,T)=>To.createElement(f,{type:m(u.name)?"primary":void 0,variant:"outlined",size:"large",prefix:To.createElement(Mn,null,To.createElement(B,{size:24,src:u.logo})),suffix:m(u.name)?To.createElement(Te,null):void 0,align:"start",onClick:s.bind(null,u),key:T},To.createElement(p,{variant:"body2"},u.displayName))))}t(qe,"BlockchainsList");var Fn=i("div",{overflowY:"auto",padding:"0 $4"}),zn=t((o,e)=>o.filter(r=>z(r.name,e)||z(r.displayName,e)),"filterBlockchains");function Nn(o){let{type:e,list:r,onChange:n,selected:a,onBack:l,loadingStatus:c,hasHeader:s,listContainerStyle:m,multiSelect:u,selectedList:T}=o;return E.createElement(F,{textField:!0,hasHeader:s,textFieldPlaceholder:"Search blockchains by name",title:`Select ${e} Blockchain`,onBack:l},w=>{let h=zn(r,w);return E.createElement(E.Fragment,null,c==="loading"&&E.createElement(zo,null,E.createElement(L,{size:24})),E.createElement(Fn,{style:m,key:"1"},c==="failed"&&E.createElement(ro,null),c==="success"&&E.createElement(E.Fragment,null,h.length?E.createElement(qe,{list:h,selected:a,multiSelect:u,selectedList:T,onChange:n}):E.createElement(J,{catergory:"Blockchain",searchedFor:w}))))})}t(Nn,"BlockchainSelector");import Ve from"react";var An=i("div",{display:"grid",gap:"$8",gridTemplateColumns:"repeat(2, minmax(0, 1fr))",overflow:"auto"});function Dn(o){let{open:e,list:r,onSelect:n,onClose:a}=o,l=Ve.createElement(An,null,r.map((c,s)=>Ve.createElement(Pr,{...c,key:s,onClick:n})));return Ve.createElement(We,{title:"Connect Wallets",open:e,content:l,onClose:a,containerStyle:{width:"75%",maxWidth:"30rem",height:"60%"}})}t(Dn,"ConnectWalletsModal");import Oe from"react";import y,{useEffect as Hn,useState as _n}from"react";var En=t(o=>({bridge:o.filter(e=>e.type==="BRIDGE"||e.type==="AGGREGATOR"),exchange:o.filter(e=>e.type==="DEX")}),"groupLiquiditySources"),jn=i("div",{variants:{loaded:{true:{overflowY:"auto",padding:"0 $4"}}}}),Hr=i("div",{position:"sticky",display:"flex",justifyContent:"space-between",alignItems:"center",top:"0",backgroundColor:"$background",zIndex:"9999",paddingTop:"$8",paddingBottom:"$8"}),Zn=i("div",{paddingRight:"$16"}),_r=i("div",{display:"flex",justifyContent:"center"});function Ge(o){let{list:e,onChange:r,listContainerStyle:n,loadingStatus:a,searchedFor:l}=o,[c,s]=_n(e.filter(x=>x.selected)),m=t(x=>{x.selected=!x.selected,s(D=>x.selected?[...D,x]:D.filter(le=>le.title!=x.title)),r(x)},"changeLiquiditySources"),u=t(x=>!!c.find(D=>x.title===D.title),"isSelected");Hn(()=>{s(e.filter(x=>x.selected))},[e]);let T=En(e),w=T.bridge,h=T.exchange,M=w.length,C=h.length,I=w.filter(u).length,$=h.filter(u).length;return y.createElement(jn,{style:n,loaded:a==="success"},y.createElement("div",null,y.createElement(Hr,null,y.createElement(p,{variant:"h5"},"Bridges"),y.createElement(p,{variant:"body1",color:"neutral800"},I===M?M:`${I} / ${M}`)),y.createElement(v,{size:12}),a==="loading"&&y.createElement(_r,null,y.createElement(L,{size:24})),a==="failed"&&y.createElement(ro,null),a==="success"&&y.createElement(y.Fragment,null,M?w.map((x,D)=>y.createElement(Er,{liquiditySource:x,key:D,selected:u(x),onChange:m})):y.createElement(J,{catergory:"Bridge",searchedFor:l}))),y.createElement("div",null,y.createElement(Hr,null,y.createElement(p,{variant:"h5"},"Exchanges"),y.createElement(p,{variant:"body1",color:"neutral800"},$===C?C:`${$} / ${C}`)),y.createElement(v,{size:12}),a==="loading"&&y.createElement(_r,null,y.createElement(L,{size:24})),a==="failed"&&y.createElement(ro,null),a=="success"&&y.createElement(y.Fragment,null,C?h.map((x,D)=>y.createElement(Er,{liquiditySource:x,key:D,selected:u(x),onChange:m})):y.createElement(J,{catergory:"Exchange",searchedFor:l}))))}t(Ge,"LiquiditySourceList");var Er=t(({liquiditySource:o,selected:e,onChange:r})=>y.createElement(f,{size:"large",align:"start",variant:"outlined",prefix:y.createElement(Zn,null,y.createElement(B,{src:o.logo,size:20})),suffix:y.createElement(Fo,{checked:e}),style:{marginBottom:"12px"},onClick:r.bind(null,o)},y.createElement(p,{variant:"body1"},o.title)),"LiquiditySourceItem");var qn=t((o,e)=>o.filter(r=>z(r.title,e||"")),"filterLiquiditySources");function Vn(o){let{list:e,onChange:r,onBack:n,hasHeader:a,listContainerStyle:l,toggleAll:c,loadingStatus:s}=o;return Oe.createElement(F,{textField:!0,textFieldPlaceholder:"Search by name",title:"Liquidity Sources",TopButton:Oe.createElement(f,{variant:"ghost",type:"primary",onClick:c},e.find(m=>m.selected)?"Deselect all":"Select all"),hasHeader:a,onBack:n},m=>Oe.createElement(Ge,{listContainerStyle:l,list:qn(e,m),onChange:r,loadingStatus:s,searchedFor:m}))}t(Vn,"LiquiditySourcesSelector");import b,{useState as Gn}from"react";var ae=i("div",{borderRadius:"$5",backgroundColor:"$neutral100",padding:"$16"}),On=i(p,{marginBottom:"$16"}),Yn=i("div",{display:"grid",rowGap:"$16",gridTemplateColumns:"repeat(auto-fill, 64px)"}),Un=i(ae,{display:"flex",justifyContent:"space-between",marginTop:"$16",cursor:"pointer"}),Xn=i(ae,{display:"flex",justifyContent:"space-between",marginTop:"$16"}),Jn=i(Go,{marginLeft:"$8"}),Kn=i("div",{display:"flex",alignItems:"center",justifyContent:"center"}),Qn=i(ae,{marginTop:"$16"}),Rn=i("div",{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$16"});function oa(o){let{slippages:e,selectedLiquiditySources:r,liquiditySources:n,onSlippageChange:a,onLiquiditySourcesClick:l,onBack:c,customSlippage:s,onCustomSlippageChange:m,maxSlippage:u,minSlippage:T,selectedTheme:w,onThemeChange:h,toggleInfiniteApprove:M,infiniteApprove:C,loadingStatus:I,singleTheme:$}=o,[x,D]=Gn(o.selectedSlippage),le=t(j=>{D(j),a(j)},"changeSlippage"),jr=b.createElement(b.Fragment,null,b.createElement(ae,null,b.createElement(Rn,null,b.createElement(p,{variant:"body2"},"Slippage tolerance"),s?b.createElement(p,{variant:"caption",color:"error"},s,"% Custom"):void 0),b.createElement(Yn,null,e.map((j,ho)=>b.createElement(Le,{key:ho,onClick:()=>{s&&m(null),le(j)},selected:!s&&j===x,label:`${j.toString()}%`,style:{marginRight:"8px"}})),b.createElement(Bo,{type:"number",value:s||"",onChange:j=>{let ho=parseFloat(j.target.value);(!ho||ho>=T&&ho<=u)&&m(ho)},suffix:s&&b.createElement(p,{variant:"body2"},"%"),size:"small",placeholder:"Custom %",style:{width:"128px",flexGrow:"initial"}}))),!$&&b.createElement(Qn,null,b.createElement(On,{variant:"body2"},"Theme"),b.createElement(Ae,{value:w,options:[{value:"dark",label:"Dark"},{value:"light",label:"Light"},{value:"auto",label:"Auto"}],onChange:j=>h(j),direction:"horizontal",style:{marginTop:"$24"}})),b.createElement(Xn,null,b.createElement(p,{variant:"body2"},"Infinite Approval"),b.createElement(Fo,{checked:C,onChange:M})),b.createElement(Un,null,b.createElement(f,{onClick:l,align:"start",variant:"ghost",loading:I==="loading",suffix:b.createElement(Kn,null,I==="success"&&b.createElement(p,{variant:"body2",color:"neutral800"},n.length!==r.length?`${r.length} / ${n.length}`:n.length),I==="failed"&&b.createElement(p,{variant:"body2",color:"$error500"},"Loading failed"),b.createElement(Jn,null))},b.createElement(p,{variant:"body2"},"Liquidity Sources"))));return b.createElement(F,{title:"Settings",textField:!1,onBack:c},jr)}t(oa,"Settings");import Ye from"react";import ea from"copy-to-clipboard";function ra(o){let[e,r]=Ye.useState(!1),n=Ye.useCallback(a=>{ea(a.toString()),r(!0)},[]);return Ye.useEffect(()=>{let a;return e&&o&&(a=setTimeout(()=>r(!1),o)),()=>{clearTimeout(a)}},[e,o]),[e,n]}t(ra,"useCopyToClipboard");export{Ke as AddCircleIcon,Ao as AddIcon,hr as AddWalletIcon,A as Alert,Oo as AngleDownIcon,Ce as AngleLeftIcon,Go as AngleRightIcon,ir as AngleUpIcon,Jo as ArrowRightIcon,xr as BagIcon,Re as BanIcon,$t as BestRoute,Nn as BlockchainSelector,f as Button,yo as CheckCircleIcon,_o as CheckIcon,Je as CheckSquareIcon,fr as CheckWalletIcon,Bt as Checkbox,ar as ChevronRightIcon,Le as Chip,Q as CloseIcon,Wi as ColorPicker,tn as ConfirmSwap,Dn as ConnectWalletsModal,Cr as CopyIcon,Xe as DeleteCircleIcon,ur as DeleteWalletIcon,Ro as DisconnectIcon,v as Divider,Uo as DownloadIcon,Ee as Drawer,Te as FilledCircle,xo as GasIcon,Be as Header,dn as History,or as HistoryIcon,dr as HorizontalSwapIcon,B as Image,fo as InfoCircleIcon,Vn as LiquiditySourcesSelector,ro as LoadingFailedAlert,Qe as MinusCircleIcon,We as Modal,Ae as Radio,mr as RetryIcon,sr as RetryLeftIcon,lr as RetryRightIcon,Vo as SearchIcon,tr as SearchMinusIcon,F as SecondaryPage,Me as SelectableWalletList,oa as Settings,er as SettingsIcon,vr as SignatureIcon,L as Spinner,so as StepDetail,li as SwapContainer,ze as SwapDetail,Ln as SwapHistory,yr as SwapWalletIcon,je as SwapsGroup,Fo as Switch,Bo as TextField,oe as TimeIcon,_e as TokenList,sn as TokenSelector,ee as Tooltip,rr as TrashIcon,pr as TryAgainIcon,p as Typography,cr as VerticalSwapIcon,Pr as Wallet,gr as WalletIcon,Ne as WalletState,jo as WarningIcon,Ue as createTheme,na as css,O as darkTheme,Qt as generateRangeColors,aa as globalCss,uo as keyframes,la as lightTheme,i as styled,ra as useCopyToClipboard};
+//# sourceMappingURL=index.js.map