@xswap-link/sdk 0.15.1 → 0.15.2

package/dist/index.js

@@ -17415,7 +17415,7 @@ var sortChains = (chains, disabledChainIds) => [...chains].map((chain) => ({
 var import_client = require("react-dom/client");
 
 // src/components/global.css
-var global_default = `/* ! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com */*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::before,::after{--tw-content:''}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-family,'Satoshi',Tahoma,Verdana,ui-sans-serif);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type='button']),input:where([type='reset']),input:where([type='submit']){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role="button"]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.gradient-sections-separator-container{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),color-mix(in srgb,var(--bg-tertiary) calc(0.1 * 100%),transparent) var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:transparent var(--tw-gradient-to-position)}.x-border{border-width:1px;border-style:solid;border-color:color-mix(in srgb,var(--text-primary) calc(var(--tw-border-opacity) * 100%),transparent);--tw-border-opacity:0.1}.swap-panel-gradient-border{position:relative}.swap-panel-gradient-border::before,.swap-panel-gradient-border::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.swap-panel-gradient-border::before{background:linear-gradient(90deg,color-mix(in srgb,var(--text-primary) 2.5%,transparent),color-mix(in srgb,var(--text-primary) 5%,transparent))}.swap-panel-gradient-border::after{background:linear-gradient(90deg,color-mix(in srgb,var(--text-primary) 5%,transparent),color-mix(in srgb,var(--text-primary) 7.5%,transparent));opacity:0;transition:opacity 0.15s ease}.swap-panel-gradient-border:hover::after{opacity:1}.network-dropdown-surface{background:linear-gradient(90deg,color-mix(in srgb,var(--bg-primary) 20%,transparent) 0%,color-mix(in srgb,var(--bg-primary) 20%,transparent) 100%),linear-gradient(180deg,color-mix(in srgb,var(--bg-tertiary) 4%,transparent) 0%,color-mix(in srgb,var(--bg-tertiary) 2%,transparent) 49.5%,color-mix(in srgb,var(--bg-tertiary) 4%,transparent) 100%),var(--bg-secondary)}.network-dropdown-row:hover,.network-dropdown-row-active{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--bg-tertiary) 0.5%,transparent) 15%,color-mix(in srgb,var(--bg-tertiary) 2.5%,transparent) 50%,color-mix(in srgb,var(--bg-tertiary) 0.5%,transparent) 85%,transparent 100%)}.tx-modal-glow-success{background:radial-gradient(120% 60% at 0% 0%,rgba(76,175,80,0.25) 0%,transparent 45%)}.tx-modal-glow-error{background:radial-gradient(120% 60% at 0% 0%,rgba(244,67,54,0.25) 0%,transparent 45%)}.btn{position:relative;z-index:1;margin:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap;border-style:none;background-color:transparent;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn:hover{cursor:pointer}.btn-disabled{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));opacity:0.5}.btn-disabled:hover{cursor:not-allowed}.btn--full-width{width:100%}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0px}.inset-x-0{left:0px;right:0px}.-right-2{right:-0.5rem}.bottom-0{bottom:0px}.bottom-5{bottom:1.25rem}.left-0{left:0px}.left-1\\/2{left:50%}.right-0{right:0px}.right-2{right:0.5rem}.top-0{top:0px}.top-\\[calc\\(100\\%\\+8px\\)\\]{top:calc(100% + 8px)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.m-0{margin:0px}.mx-0{margin-left:0px;margin-right:0px}.mx-1{margin-left:0.25rem;margin-right:0.25rem}.mx-1\\.5{margin-left:0.375rem;margin-right:0.375rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:0.25rem;margin-bottom:0.25rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.-mr-1{margin-right:-0.25rem}.-mr-1\\.5{margin-right:-0.375rem}.-mr-2{margin-right:-0.5rem}.mb-1{margin-bottom:0.25rem}.mb-2{margin-bottom:0.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:0.25rem}.ml-1\\.5{margin-left:0.375rem}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mt-2{margin-top:0.5rem}.box-border{box-sizing:border-box}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-0{height:0px}.h-0\\.5{height:0.125rem}.h-1{height:0.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-3{height:0.75rem}.h-3\\.5{height:0.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\\[11px\\]{height:11px}.h-\\[12px\\]{height:12px}.h-\\[14px\\]{height:14px}.h-\\[16px\\]{height:16px}.h-\\[18px\\]{height:18px}.h-\\[20px\\]{height:20px}.h-\\[214px\\]{height:214px}.h-\\[32px\\]{height:32px}.h-\\[34px\\]{height:34px}.h-\\[72px\\]{height:72px}.h-\\[85vh\\]{height:85vh}.h-full{height:100%}.h-px{height:1px}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-11{min-height:2.75rem}.min-h-6{min-height:1.5rem}.min-h-\\[320px\\]{min-height:320px}.min-h-\\[43px\\]{min-height:43px}.min-h-\\[532px\\]{min-height:532px}.w-0{width:0px}.w-0\\.5{width:0.125rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-3{width:0.75rem}.w-3\\.5{width:0.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\\[100px\\]{width:100px}.w-\\[11px\\]{width:11px}.w-\\[14px\\]{width:14px}.w-\\[150px\\]{width:150px}.w-\\[18px\\]{width:18px}.w-\\[296px\\]{width:296px}.w-\\[34px\\]{width:34px}.w-\\[48px\\]{width:48px}.w-\\[60px\\]{width:60px}.w-\\[80px\\]{width:80px}.w-full{width:100%}.w-x_modal{width:var(--modal-width)}.min-w-0{min-width:0px}.min-w-10{min-width:2.5rem}.min-w-9{min-width:2.25rem}.min-w-\\[108px\\]{min-width:108px}.min-w-\\[340px\\]{min-width:340px}.min-w-x_modal{min-width:var(--modal-width,340px)}.max-w-80{max-width:20rem}.max-w-\\[120px\\]{max-width:120px}.max-w-\\[500px\\]{max-width:500px}.max-w-\\[var\\(--modal-width\\2c 588px\\)\\]{max-width:var(--modal-width,588px)}.max-w-x_modal{max-width:var(--modal-width,620px)}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-5{--tw-translate-x:1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin 3s linear infinite}.\\!cursor-not-allowed{cursor:not-allowed !important}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-0\\.5{gap:0.125rem}.gap-1{gap:0.25rem}.gap-1\\.5{gap:0.375rem}.gap-2{gap:0.5rem}.gap-2\\.5{gap:0.625rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-1{-moz-column-gap:0.25rem;column-gap:0.25rem}.gap-y-2{row-gap:0.5rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.\\!rounded-\\[10px\\]{border-radius:10px !important}.rounded{border-radius:0.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[10px\\]{border-radius:10px}.rounded-\\[32px\\]{border-radius:32px}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[inherit\\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-xl{border-radius:0.75rem}.rounded-b-none{border-bottom-right-radius:0px;border-bottom-left-radius:0px}.rounded-t-\\[24px\\]{border-top-left-radius:24px;border-top-right-radius:24px}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-t_bg_secondary{--tw-border-opacity:1;border-color:color-mix(in srgb,var(--bg-secondary) calc(var(--tw-border-opacity) * 100%),transparent)}.border-t_error_dark{--tw-border-opacity:1;border-color:color-mix(in srgb,var(--error-dark) calc(var(--tw-border-opacity) * 100%),transparent)}.border-t_main_accent_dark{--tw-border-opacity:1;border-color:color-mix(in srgb,var(--main-accent-dark) calc(var(--tw-border-opacity) * 100%),transparent)}.border-t_main_accent_light{--tw-border-opacity:1;border-color:color-mix(in srgb,var(--main-accent-light) calc(var(--tw-border-opacity) * 100%),transparent)}.border-t_main_accent_light\\/60{border-color:color-mix(in srgb,var(--main-accent-light) calc(0.6 * 100%),transparent)}.border-t_success_dark{--tw-border-opacity:1;border-color:color-mix(in srgb,var(--success-dark) calc(var(--tw-border-opacity) * 100%),transparent)}.border-t_text_primary{--tw-border-opacity:1;border-color:color-mix(in srgb,var(--text-primary) calc(var(--tw-border-opacity) * 100%),transparent)}.border-t_warning_dark{--tw-border-opacity:1;border-color:color-mix(in srgb,var(--warning-dark) calc(var(--tw-border-opacity) * 100%),transparent)}.border-x_alert{--tw-border-opacity:1;border-color:rgb(255 183 77/var(--tw-border-opacity))}.border-opacity-10{--tw-border-opacity:0.1}.border-opacity-20{--tw-border-opacity:0.2}.border-opacity-5{--tw-border-opacity:0.05}.border-opacity-50{--tw-border-opacity:0.5}.\\!bg-t_bg_tertiary{--tw-bg-opacity:1 !important;background-color:color-mix(in srgb,var(--bg-tertiary) calc(var(--tw-bg-opacity) * 100%),transparent) !important}.bg-\\[rgba\\(0\\2c 0\\2c 0\\2c 0\\.8\\)\\]{background-color:rgba(0,0,0,0.8)}.bg-\\[rgba\\(2\\2c 2\\2c 2\\2c 0\\.8\\)\\]{background-color:rgba(2,2,2,0.8)}.bg-\\[rgba\\(40\\2c 40\\2c 40\\2c 0\\.15\\)\\]{background-color:rgba(40,40,40,0.15)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-t_bg_primary{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--bg-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-t_bg_secondary{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--bg-secondary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-t_bg_tertiary{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--bg-tertiary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-t_button_pr_off_bg{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--button-pr-off-bg) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-t_text_green{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--text-green) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-t_text_orange{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--text-orange) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-t_text_primary{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--text-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.\\!bg-opacity-10{--tw-bg-opacity:0.1 !important}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-opacity-15{--tw-bg-opacity:0.15}.bg-opacity-5{--tw-bg-opacity:0.05}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-75{--tw-bg-opacity:0.75}.bg-opacity-80{--tw-bg-opacity:0.8}.bg-opacity-\\[0\\.02\\]{--tw-bg-opacity:0.02}.bg-opacity-\\[0\\.03\\]{--tw-bg-opacity:0.03}.bg-opacity-\\[0\\.04\\]{--tw-bg-opacity:0.04}.bg-opacity-\\[0\\.07\\]{--tw-bg-opacity:0.07}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-t_bg_primary\\/\\[0\\.65\\]{--tw-gradient-from:color-mix(in srgb,var(--bg-primary) calc(0.65 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_bg_secondary\\/50{--tw-gradient-from:color-mix(in srgb,var(--bg-secondary) calc(0.5 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_bg_secondary\\/65{--tw-gradient-from:color-mix(in srgb,var(--bg-secondary) calc(0.65 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_bg_tertiary\\/0{--tw-gradient-from:color-mix(in srgb,var(--bg-tertiary) calc(0 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_bg_tertiary\\/10{--tw-gradient-from:color-mix(in srgb,var(--bg-tertiary) calc(0.1 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_bg_tertiary\\/5{--tw-gradient-from:color-mix(in srgb,var(--bg-tertiary) calc(0.05 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_bg_tertiary\\/\\[0\\.01\\]{--tw-gradient-from:color-mix(in srgb,var(--bg-tertiary) calc(0.01 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_bg_tertiary\\/\\[0\\.02\\]{--tw-gradient-from:color-mix(in srgb,var(--bg-tertiary) calc(0.02 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_bg_tertiary\\/\\[0\\.03\\]{--tw-gradient-from:color-mix(in srgb,var(--bg-tertiary) calc(0.03 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_error_dark\\/15{--tw-gradient-from:color-mix(in srgb,var(--error-dark) calc(0.15 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_main_accent_light{--tw-gradient-from:color-mix(in srgb,var(--main-accent-light) calc(1 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:color-mix(in srgb,var(--main-accent-light) calc(0 * 100%),transparent) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_main_accent_light\\/10{--tw-gradient-from:color-mix(in srgb,var(--main-accent-light) calc(0.1 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_main_accent_light\\/20{--tw-gradient-from:color-mix(in srgb,var(--main-accent-light) calc(0.2 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_main_accent_light\\/25{--tw-gradient-from:color-mix(in srgb,var(--main-accent-light) calc(0.25 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_success_light\\/20{--tw-gradient-from:color-mix(in srgb,var(--success-light) calc(0.2 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_warning_dark\\/15{--tw-gradient-from:color-mix(in srgb,var(--warning-dark) calc(0.15 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-x_blue_light{--tw-gradient-from:rgba(54,129,198,1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(54,129,198,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-x_blue_light\\/25{--tw-gradient-from:rgba(54,129,198,0.25) var(--tw-gradient-from-position);--tw-gradient-to:rgba(54,129,198,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-50\\%{--tw-gradient-from-position:50%}.via-t_bg_tertiary\\/5{--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),color-mix(in srgb,var(--bg-tertiary) calc(0.05 * 100%),transparent) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-t_bg_secondary\\/0{--tw-gradient-to:color-mix(in srgb,var(--bg-secondary) calc(0 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_bg_secondary\\/15{--tw-gradient-to:color-mix(in srgb,var(--bg-secondary) calc(0.15 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_bg_secondary\\/50{--tw-gradient-to:color-mix(in srgb,var(--bg-secondary) calc(0.5 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_bg_tertiary\\/0{--tw-gradient-to:color-mix(in srgb,var(--bg-tertiary) calc(0 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_bg_tertiary\\/5{--tw-gradient-to:color-mix(in srgb,var(--bg-tertiary) calc(0.05 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_bg_tertiary\\/\\[0\\.01\\]{--tw-gradient-to:color-mix(in srgb,var(--bg-tertiary) calc(0.01 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_bg_tertiary\\/\\[0\\.02\\]{--tw-gradient-to:color-mix(in srgb,var(--bg-tertiary) calc(0.02 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_bg_tertiary\\/\\[0\\.03\\]{--tw-gradient-to:color-mix(in srgb,var(--bg-tertiary) calc(0.03 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_bg_tertiary\\/\\[0\\.08\\]{--tw-gradient-to:color-mix(in srgb,var(--bg-tertiary) calc(0.08 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_main_accent_dark{--tw-gradient-to:color-mix(in srgb,var(--main-accent-dark) calc(1 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_main_accent_dark\\/10{--tw-gradient-to:color-mix(in srgb,var(--main-accent-dark) calc(0.1 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_main_accent_dark\\/20{--tw-gradient-to:color-mix(in srgb,var(--main-accent-dark) calc(0.2 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_main_accent_dark\\/25{--tw-gradient-to:color-mix(in srgb,var(--main-accent-dark) calc(0.25 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_success_dark\\/20{--tw-gradient-to:color-mix(in srgb,var(--success-dark) calc(0.2 * 100%),transparent) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-x_blue_dark{--tw-gradient-to:rgba(43,74,157,1) var(--tw-gradient-to-position)}.to-x_blue_dark\\/25{--tw-gradient-to:rgba(43,74,157,0.25) var(--tw-gradient-to-position)}.fill-t_success_dark{fill:color-mix(in srgb,var(--success-dark) calc(1 * 100%),transparent)}.fill-t_text_primary{fill:color-mix(in srgb,var(--text-primary) calc(1 * 100%),transparent)}.fill-white{fill:#fff}.p-0{padding:0px}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\\[14px\\]{padding:14px}.p-\\[15px\\]{padding:15px}.\\!py-3{padding-top:0.75rem !important;padding-bottom:0.75rem !important}.px-0{padding-left:0px;padding-right:0px}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0px;padding-bottom:0px}.py-0\\.5{padding-top:0.125rem;padding-bottom:0.125rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-1{padding-bottom:0.25rem}.pb-2{padding-bottom:0.5rem}.pb-3{padding-bottom:0.75rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pl-9{padding-left:2.25rem}.pr-1{padding-right:0.25rem}.pt-2{padding-top:0.5rem}.pt-2\\.5{padding-top:0.625rem}.pt-3{padding-top:0.75rem}.pt-\\[10px\\]{padding-top:10px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.\\!text-sm{font-size:0.875rem !important;line-height:1.25rem !important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\\[10px\\]{font-size:10px}.text-\\[12px\\]{font-size:12px}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xs{font-size:0.75rem;line-height:1rem}.\\!font-medium{font-weight:500 !important}.font-medium{font-weight:500}.leading-10{line-height:2.5rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-8{line-height:2rem}.leading-\\[0px\\]{line-height:0px}.leading-\\[14px\\]{line-height:14px}.leading-\\[18px\\]{line-height:18px}.tracking-\\[0\\.015em\\]{letter-spacing:0.015em}.tracking-\\[0\\.01em\\]{letter-spacing:0.01em}.tracking-\\[0\\.032em\\]{letter-spacing:0.032em}.tracking-\\[0\\.08em\\]{letter-spacing:0.08em}.\\!text-t_button_pr_text{--tw-text-opacity:1 !important;color:color-mix(in srgb,var(--button-pr-text) calc(var(--tw-text-opacity) * 100%),transparent) !important}.text-\\[\\#6AE89B\\]{--tw-text-opacity:1;color:rgb(106 232 155/var(--tw-text-opacity))}.text-\\[\\#D77F02\\]{--tw-text-opacity:1;color:rgb(215 127 2/var(--tw-text-opacity))}.text-\\[\\#F44336\\]{--tw-text-opacity:1;color:rgb(244 67 54/var(--tw-text-opacity))}.text-\\[\\#F46F28\\]{--tw-text-opacity:1;color:rgb(244 111 40/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-t_button_pr_off_text{--tw-text-opacity:1;color:color-mix(in srgb,var(--button-pr-off-text) calc(var(--tw-text-opacity) * 100%),transparent)}.text-t_button_pr_text{--tw-text-opacity:1;color:color-mix(in srgb,var(--button-pr-text) calc(var(--tw-text-opacity) * 100%),transparent)}.text-t_success_light{--tw-text-opacity:1;color:color-mix(in srgb,var(--success-light) calc(var(--tw-text-opacity) * 100%),transparent)}.text-t_text_green{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-green) calc(var(--tw-text-opacity) * 100%),transparent)}.text-t_text_orange{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-orange) calc(var(--tw-text-opacity) * 100%),transparent)}.text-t_text_primary{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-primary) calc(var(--tw-text-opacity) * 100%),transparent)}.text-t_text_red{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-red) calc(var(--tw-text-opacity) * 100%),transparent)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-x_alert_light{--tw-text-opacity:1;color:rgb(255 226 183/var(--tw-text-opacity))}.\\!text-opacity-50{--tw-text-opacity:0.5 !important}.text-opacity-10{--tw-text-opacity:0.1}.text-opacity-25{--tw-text-opacity:0.25}.text-opacity-30{--tw-text-opacity:0.3}.text-opacity-40{--tw-text-opacity:0.4}.text-opacity-50{--tw-text-opacity:0.5}.text-opacity-60{--tw-text-opacity:0.6}.text-opacity-70{--tw-text-opacity:0.7}.text-opacity-75{--tw-text-opacity:0.75}.text-opacity-80{--tw-text-opacity:0.8}.no-underline{text-decoration-line:none}.opacity-25{opacity:0.25}.opacity-40{opacity:0.4}.opacity-50{opacity:0.5}.opacity-60{opacity:0.6}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_0_6px_rgba\\(255\\2c 0\\2c 0\\2c 0\\.5\\)\\]{--tw-shadow:0 0 6px rgba(255,0,0,0.5);--tw-shadow-colored:0 0 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_0_6px_rgba\\(255\\2c 165\\2c 0\\2c 0\\.5\\)\\]{--tw-shadow:0 0 6px rgba(255,165,0,0.5);--tw-shadow-colored:0 0 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\\[12px\\]{--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\\[24px\\]{--tw-backdrop-blur:blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\\[32px\\]{--tw-backdrop-blur:blur(32px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\\[48px\\]{--tw-backdrop-blur:blur(48px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-\\[filter\\]{transition-property:filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}:host{color:white;line-height:1.5rem;font-size:1rem;*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--bg-tertiary) 15%,transparent) var(--bg-primary)}*::-webkit-scrollbar{width:4px}*::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}*::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--bg-tertiary) 15%,transparent);border-radius:4px}}.SnackbarContainer-top,.notistack-SnackbarContainer{top:100px !important}.placeholder\\:text-t_text_primary::-moz-placeholder{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-primary) calc(var(--tw-text-opacity) * 100%),transparent)}.placeholder\\:text-t_text_primary::placeholder{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-primary) calc(var(--tw-text-opacity) * 100%),transparent)}.placeholder\\:text-opacity-40::-moz-placeholder{--tw-text-opacity:0.4}.placeholder\\:text-opacity-40::placeholder{--tw-text-opacity:0.4}.placeholder\\:text-opacity-50::-moz-placeholder{--tw-text-opacity:0.5}.placeholder\\:text-opacity-50::placeholder{--tw-text-opacity:0.5}.hover\\:bg-t_bg_tertiary:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--bg-tertiary) calc(var(--tw-bg-opacity) * 100%),transparent)}.hover\\:bg-opacity-10:hover{--tw-bg-opacity:0.1}.hover\\:from-t_bg_tertiary\\/10:hover{--tw-gradient-from:color-mix(in srgb,var(--bg-tertiary) calc(0.1 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\\:from-t_main_accent_light\\/40:hover{--tw-gradient-from:color-mix(in srgb,var(--main-accent-light) calc(0.4 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\\:to-t_bg_tertiary\\/10:hover{--tw-gradient-to:color-mix(in srgb,var(--bg-tertiary) calc(0.1 * 100%),transparent) var(--tw-gradient-to-position)}.hover\\:to-t_main_accent_dark\\/40:hover{--tw-gradient-to:color-mix(in srgb,var(--main-accent-dark) calc(0.4 * 100%),transparent) var(--tw-gradient-to-position)}.hover\\:fill-t_main_accent_light:hover{fill:color-mix(in srgb,var(--main-accent-light) calc(1 * 100%),transparent)}.hover\\:text-opacity-50:hover{--tw-text-opacity:0.5}.hover\\:opacity-80:hover{opacity:0.8}.hover\\:brightness-105:hover{--tw-brightness:brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.group:hover .group-hover\\:flex{display:flex}.group:hover .group-hover\\:hidden{display:none}@media (min-width:640px){.sm\\:invisible{visibility:hidden}.sm\\:absolute{position:absolute}.sm\\:z-\\[1\\]{z-index:1}.sm\\:z-\\[2\\]{z-index:2}.sm\\:block{display:block}.sm\\:inline{display:inline}.sm\\:hidden{display:none}.sm\\:h-\\[600px\\]{height:600px}.sm\\:h-full{height:100%}.sm\\:w-\\[72px\\]{width:72px}.sm\\:max-w-\\[636px\\]{max-width:636px}.sm\\:justify-start{justify-content:flex-start}.sm\\:justify-center{justify-content:center}.sm\\:rounded-\\[32px\\]{border-radius:32px}.sm\\:rounded-none{border-radius:0px}.sm\\:border{border-width:1px}.sm\\:border-0{border-width:0px}.sm\\:bg-transparent{background-color:transparent}.sm\\:bg-none{background-image:none}.sm\\:p-0{padding:0px}.sm\\:p-4{padding:1rem}.sm\\:p-8{padding:2rem}.sm\\:px-6{padding-left:1.5rem;padding-right:1.5rem}}.\\[\\&_svg\\]\\:h-4 svg{height:1rem}.\\[\\&_svg\\]\\:h-5 svg{height:1.25rem}.\\[\\&_svg\\]\\:w-4 svg{width:1rem}.\\[\\&_svg\\]\\:w-auto svg{width:auto}
+var global_default = `/* ! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com */*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::before,::after{--tw-content:''}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-family,'Satoshi',Tahoma,Verdana,ui-sans-serif);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type='button']),input:where([type='reset']),input:where([type='submit']){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role="button"]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.gradient-sections-separator-container{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),color-mix(in srgb,var(--bg-tertiary) calc(0.1 * 100%),transparent) var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:transparent var(--tw-gradient-to-position)}.x-border{border-width:1px;border-style:solid;border-color:color-mix(in srgb,var(--text-primary) calc(var(--tw-border-opacity) * 100%),transparent);--tw-border-opacity:0.1}.swap-panel-gradient-border{position:relative}.swap-panel-gradient-border::before,.swap-panel-gradient-border::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.swap-panel-gradient-border::before{background:linear-gradient(90deg,color-mix(in srgb,var(--text-primary) 2.5%,transparent),color-mix(in srgb,var(--text-primary) 5%,transparent))}.swap-panel-gradient-border::after{background:linear-gradient(90deg,color-mix(in srgb,var(--text-primary) 5%,transparent),color-mix(in srgb,var(--text-primary) 7.5%,transparent));opacity:0;transition:opacity 0.15s ease}.swap-panel-gradient-border:hover::after{opacity:1}.network-dropdown-surface{background:linear-gradient(90deg,color-mix(in srgb,var(--bg-primary) 20%,transparent) 0%,color-mix(in srgb,var(--bg-primary) 20%,transparent) 100%),linear-gradient(180deg,color-mix(in srgb,var(--bg-tertiary) 4%,transparent) 0%,color-mix(in srgb,var(--bg-tertiary) 2%,transparent) 49.5%,color-mix(in srgb,var(--bg-tertiary) 4%,transparent) 100%),var(--bg-secondary)}.network-dropdown-row:hover,.network-dropdown-row-active{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--bg-tertiary) 0.5%,transparent) 15%,color-mix(in srgb,var(--bg-tertiary) 2.5%,transparent) 50%,color-mix(in srgb,var(--bg-tertiary) 0.5%,transparent) 85%,transparent 100%)}.tx-modal-glow-success{background:radial-gradient(120% 60% at 0% 0%,rgba(76,175,80,0.25) 0%,transparent 45%)}.tx-modal-glow-error{background:radial-gradient(120% 60% at 0% 0%,rgba(244,67,54,0.25) 0%,transparent 45%)}.btn{position:relative;z-index:1;margin:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap;border-style:none;background-color:transparent;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn:hover{cursor:pointer}.btn-disabled{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));opacity:0.5}.btn-disabled:hover{cursor:not-allowed}.btn--full-width{width:100%}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0px}.inset-x-0{left:0px;right:0px}.-right-2{right:-0.5rem}.bottom-0{bottom:0px}.bottom-5{bottom:1.25rem}.left-0{left:0px}.left-1\\/2{left:50%}.right-0{right:0px}.right-2{right:0.5rem}.top-0{top:0px}.top-\\[calc\\(100\\%\\+8px\\)\\]{top:calc(100% + 8px)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.m-0{margin:0px}.mx-0{margin-left:0px;margin-right:0px}.mx-1{margin-left:0.25rem;margin-right:0.25rem}.mx-1\\.5{margin-left:0.375rem;margin-right:0.375rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:0.25rem;margin-bottom:0.25rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.-mr-1{margin-right:-0.25rem}.-mr-1\\.5{margin-right:-0.375rem}.-mr-2{margin-right:-0.5rem}.mb-1{margin-bottom:0.25rem}.mb-2{margin-bottom:0.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:0.25rem}.ml-1\\.5{margin-left:0.375rem}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mt-2{margin-top:0.5rem}.box-border{box-sizing:border-box}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-0{height:0px}.h-0\\.5{height:0.125rem}.h-1{height:0.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-3{height:0.75rem}.h-3\\.5{height:0.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\\[11px\\]{height:11px}.h-\\[12px\\]{height:12px}.h-\\[14px\\]{height:14px}.h-\\[16px\\]{height:16px}.h-\\[18px\\]{height:18px}.h-\\[20px\\]{height:20px}.h-\\[214px\\]{height:214px}.h-\\[32px\\]{height:32px}.h-\\[34px\\]{height:34px}.h-\\[72px\\]{height:72px}.h-\\[85vh\\]{height:85vh}.h-full{height:100%}.h-px{height:1px}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-11{min-height:2.75rem}.min-h-6{min-height:1.5rem}.min-h-\\[320px\\]{min-height:320px}.min-h-\\[43px\\]{min-height:43px}.min-h-\\[532px\\]{min-height:532px}.w-0{width:0px}.w-0\\.5{width:0.125rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-3{width:0.75rem}.w-3\\.5{width:0.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\\[100px\\]{width:100px}.w-\\[11px\\]{width:11px}.w-\\[14px\\]{width:14px}.w-\\[150px\\]{width:150px}.w-\\[18px\\]{width:18px}.w-\\[296px\\]{width:296px}.w-\\[34px\\]{width:34px}.w-\\[48px\\]{width:48px}.w-\\[60px\\]{width:60px}.w-\\[80px\\]{width:80px}.w-full{width:100%}.w-x_modal{width:var(--modal-width)}.min-w-0{min-width:0px}.min-w-10{min-width:2.5rem}.min-w-9{min-width:2.25rem}.min-w-\\[108px\\]{min-width:108px}.min-w-\\[340px\\]{min-width:340px}.min-w-x_modal{min-width:var(--modal-width,340px)}.max-w-80{max-width:20rem}.max-w-\\[120px\\]{max-width:120px}.max-w-\\[500px\\]{max-width:500px}.max-w-\\[var\\(--modal-width\\2c 588px\\)\\]{max-width:var(--modal-width,588px)}.max-w-x_modal{max-width:var(--modal-width,620px)}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-5{--tw-translate-x:1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin 3s linear infinite}.\\!cursor-not-allowed{cursor:not-allowed !important}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-0\\.5{gap:0.125rem}.gap-1{gap:0.25rem}.gap-1\\.5{gap:0.375rem}.gap-2{gap:0.5rem}.gap-2\\.5{gap:0.625rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-1{-moz-column-gap:0.25rem;column-gap:0.25rem}.gap-y-2{row-gap:0.5rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.\\!rounded-\\[10px\\]{border-radius:10px !important}.rounded{border-radius:0.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[10px\\]{border-radius:10px}.rounded-\\[32px\\]{border-radius:32px}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[inherit\\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-xl{border-radius:0.75rem}.rounded-b-none{border-bottom-right-radius:0px;border-bottom-left-radius:0px}.rounded-t-\\[24px\\]{border-top-left-radius:24px;border-top-right-radius:24px}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-t_bg_secondary{--tw-border-opacity:1;border-color:color-mix(in srgb,var(--bg-secondary) calc(var(--tw-border-opacity) * 100%),transparent)}.border-t_error_dark{--tw-border-opacity:1;border-color:color-mix(in srgb,var(--error-dark) calc(var(--tw-border-opacity) * 100%),transparent)}.border-t_main_accent_dark{--tw-border-opacity:1;border-color:color-mix(in srgb,var(--main-accent-dark) calc(var(--tw-border-opacity) * 100%),transparent)}.border-t_main_accent_light{--tw-border-opacity:1;border-color:color-mix(in srgb,var(--main-accent-light) calc(var(--tw-border-opacity) * 100%),transparent)}.border-t_main_accent_light\\/60{border-color:color-mix(in srgb,var(--main-accent-light) calc(0.6 * 100%),transparent)}.border-t_success_dark{--tw-border-opacity:1;border-color:color-mix(in srgb,var(--success-dark) calc(var(--tw-border-opacity) * 100%),transparent)}.border-t_text_primary{--tw-border-opacity:1;border-color:color-mix(in srgb,var(--text-primary) calc(var(--tw-border-opacity) * 100%),transparent)}.border-t_warning_dark{--tw-border-opacity:1;border-color:color-mix(in srgb,var(--warning-dark) calc(var(--tw-border-opacity) * 100%),transparent)}.border-x_alert{--tw-border-opacity:1;border-color:rgb(255 183 77/var(--tw-border-opacity))}.border-opacity-10{--tw-border-opacity:0.1}.border-opacity-20{--tw-border-opacity:0.2}.border-opacity-5{--tw-border-opacity:0.05}.border-opacity-50{--tw-border-opacity:0.5}.\\!bg-t_bg_tertiary{--tw-bg-opacity:1 !important;background-color:color-mix(in srgb,var(--bg-tertiary) calc(var(--tw-bg-opacity) * 100%),transparent) !important}.bg-\\[rgba\\(0\\2c 0\\2c 0\\2c 0\\.8\\)\\]{background-color:rgba(0,0,0,0.8)}.bg-\\[rgba\\(2\\2c 2\\2c 2\\2c 0\\.8\\)\\]{background-color:rgba(2,2,2,0.8)}.bg-\\[rgba\\(40\\2c 40\\2c 40\\2c 0\\.15\\)\\]{background-color:rgba(40,40,40,0.15)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-t_bg_primary{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--bg-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-t_bg_secondary{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--bg-secondary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-t_bg_tertiary{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--bg-tertiary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-t_button_pr_off_bg{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--button-pr-off-bg) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-t_text_green{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--text-green) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-t_text_orange{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--text-orange) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-t_text_primary{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--text-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.\\!bg-opacity-10{--tw-bg-opacity:0.1 !important}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-opacity-15{--tw-bg-opacity:0.15}.bg-opacity-5{--tw-bg-opacity:0.05}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-75{--tw-bg-opacity:0.75}.bg-opacity-80{--tw-bg-opacity:0.8}.bg-opacity-\\[0\\.02\\]{--tw-bg-opacity:0.02}.bg-opacity-\\[0\\.03\\]{--tw-bg-opacity:0.03}.bg-opacity-\\[0\\.04\\]{--tw-bg-opacity:0.04}.bg-opacity-\\[0\\.07\\]{--tw-bg-opacity:0.07}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-t_bg_primary\\/\\[0\\.65\\]{--tw-gradient-from:color-mix(in srgb,var(--bg-primary) calc(0.65 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_bg_secondary\\/50{--tw-gradient-from:color-mix(in srgb,var(--bg-secondary) calc(0.5 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_bg_secondary\\/65{--tw-gradient-from:color-mix(in srgb,var(--bg-secondary) calc(0.65 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_bg_tertiary\\/0{--tw-gradient-from:color-mix(in srgb,var(--bg-tertiary) calc(0 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_bg_tertiary\\/10{--tw-gradient-from:color-mix(in srgb,var(--bg-tertiary) calc(0.1 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_bg_tertiary\\/5{--tw-gradient-from:color-mix(in srgb,var(--bg-tertiary) calc(0.05 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_bg_tertiary\\/\\[0\\.01\\]{--tw-gradient-from:color-mix(in srgb,var(--bg-tertiary) calc(0.01 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_bg_tertiary\\/\\[0\\.02\\]{--tw-gradient-from:color-mix(in srgb,var(--bg-tertiary) calc(0.02 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_bg_tertiary\\/\\[0\\.03\\]{--tw-gradient-from:color-mix(in srgb,var(--bg-tertiary) calc(0.03 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_error_dark\\/15{--tw-gradient-from:color-mix(in srgb,var(--error-dark) calc(0.15 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_main_accent_light{--tw-gradient-from:color-mix(in srgb,var(--main-accent-light) calc(1 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:color-mix(in srgb,var(--main-accent-light) calc(0 * 100%),transparent) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_main_accent_light\\/10{--tw-gradient-from:color-mix(in srgb,var(--main-accent-light) calc(0.1 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_main_accent_light\\/20{--tw-gradient-from:color-mix(in srgb,var(--main-accent-light) calc(0.2 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_main_accent_light\\/25{--tw-gradient-from:color-mix(in srgb,var(--main-accent-light) calc(0.25 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_success_light\\/20{--tw-gradient-from:color-mix(in srgb,var(--success-light) calc(0.2 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-t_warning_dark\\/15{--tw-gradient-from:color-mix(in srgb,var(--warning-dark) calc(0.15 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-x_blue_light{--tw-gradient-from:rgba(54,129,198,1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(54,129,198,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-x_blue_light\\/25{--tw-gradient-from:rgba(54,129,198,0.25) var(--tw-gradient-from-position);--tw-gradient-to:rgba(54,129,198,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-50\\%{--tw-gradient-from-position:50%}.via-t_bg_tertiary\\/5{--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),color-mix(in srgb,var(--bg-tertiary) calc(0.05 * 100%),transparent) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-t_bg_secondary\\/0{--tw-gradient-to:color-mix(in srgb,var(--bg-secondary) calc(0 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_bg_secondary\\/15{--tw-gradient-to:color-mix(in srgb,var(--bg-secondary) calc(0.15 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_bg_secondary\\/50{--tw-gradient-to:color-mix(in srgb,var(--bg-secondary) calc(0.5 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_bg_tertiary\\/0{--tw-gradient-to:color-mix(in srgb,var(--bg-tertiary) calc(0 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_bg_tertiary\\/5{--tw-gradient-to:color-mix(in srgb,var(--bg-tertiary) calc(0.05 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_bg_tertiary\\/\\[0\\.01\\]{--tw-gradient-to:color-mix(in srgb,var(--bg-tertiary) calc(0.01 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_bg_tertiary\\/\\[0\\.02\\]{--tw-gradient-to:color-mix(in srgb,var(--bg-tertiary) calc(0.02 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_bg_tertiary\\/\\[0\\.03\\]{--tw-gradient-to:color-mix(in srgb,var(--bg-tertiary) calc(0.03 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_bg_tertiary\\/\\[0\\.08\\]{--tw-gradient-to:color-mix(in srgb,var(--bg-tertiary) calc(0.08 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_main_accent_dark{--tw-gradient-to:color-mix(in srgb,var(--main-accent-dark) calc(1 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_main_accent_dark\\/10{--tw-gradient-to:color-mix(in srgb,var(--main-accent-dark) calc(0.1 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_main_accent_dark\\/20{--tw-gradient-to:color-mix(in srgb,var(--main-accent-dark) calc(0.2 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_main_accent_dark\\/25{--tw-gradient-to:color-mix(in srgb,var(--main-accent-dark) calc(0.25 * 100%),transparent) var(--tw-gradient-to-position)}.to-t_success_dark\\/20{--tw-gradient-to:color-mix(in srgb,var(--success-dark) calc(0.2 * 100%),transparent) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-x_blue_dark{--tw-gradient-to:rgba(43,74,157,1) var(--tw-gradient-to-position)}.to-x_blue_dark\\/25{--tw-gradient-to:rgba(43,74,157,0.25) var(--tw-gradient-to-position)}.fill-t_success_dark{fill:color-mix(in srgb,var(--success-dark) calc(1 * 100%),transparent)}.fill-t_text_primary{fill:color-mix(in srgb,var(--text-primary) calc(1 * 100%),transparent)}.fill-white{fill:#fff}.p-0{padding:0px}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\\[14px\\]{padding:14px}.p-\\[15px\\]{padding:15px}.\\!py-3{padding-top:0.75rem !important;padding-bottom:0.75rem !important}.px-0{padding-left:0px;padding-right:0px}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0px;padding-bottom:0px}.py-0\\.5{padding-top:0.125rem;padding-bottom:0.125rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-1{padding-bottom:0.25rem}.pb-2{padding-bottom:0.5rem}.pb-3{padding-bottom:0.75rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pl-9{padding-left:2.25rem}.pr-1{padding-right:0.25rem}.pt-2{padding-top:0.5rem}.pt-2\\.5{padding-top:0.625rem}.pt-3{padding-top:0.75rem}.pt-\\[10px\\]{padding-top:10px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.\\!text-sm{font-size:0.875rem !important;line-height:1.25rem !important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\\[10px\\]{font-size:10px}.text-\\[12px\\]{font-size:12px}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xs{font-size:0.75rem;line-height:1rem}.\\!font-medium{font-weight:500 !important}.font-medium{font-weight:500}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-10{line-height:2.5rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-8{line-height:2rem}.leading-\\[0px\\]{line-height:0px}.leading-\\[14px\\]{line-height:14px}.leading-\\[18px\\]{line-height:18px}.tracking-\\[0\\.015em\\]{letter-spacing:0.015em}.tracking-\\[0\\.01em\\]{letter-spacing:0.01em}.tracking-\\[0\\.032em\\]{letter-spacing:0.032em}.tracking-\\[0\\.08em\\]{letter-spacing:0.08em}.\\!text-t_button_pr_text{--tw-text-opacity:1 !important;color:color-mix(in srgb,var(--button-pr-text) calc(var(--tw-text-opacity) * 100%),transparent) !important}.text-\\[\\#6AE89B\\]{--tw-text-opacity:1;color:rgb(106 232 155/var(--tw-text-opacity))}.text-\\[\\#D77F02\\]{--tw-text-opacity:1;color:rgb(215 127 2/var(--tw-text-opacity))}.text-\\[\\#F44336\\]{--tw-text-opacity:1;color:rgb(244 67 54/var(--tw-text-opacity))}.text-\\[\\#F46F28\\]{--tw-text-opacity:1;color:rgb(244 111 40/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-t_button_pr_off_text{--tw-text-opacity:1;color:color-mix(in srgb,var(--button-pr-off-text) calc(var(--tw-text-opacity) * 100%),transparent)}.text-t_button_pr_text{--tw-text-opacity:1;color:color-mix(in srgb,var(--button-pr-text) calc(var(--tw-text-opacity) * 100%),transparent)}.text-t_success_light{--tw-text-opacity:1;color:color-mix(in srgb,var(--success-light) calc(var(--tw-text-opacity) * 100%),transparent)}.text-t_text_green{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-green) calc(var(--tw-text-opacity) * 100%),transparent)}.text-t_text_orange{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-orange) calc(var(--tw-text-opacity) * 100%),transparent)}.text-t_text_primary{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-primary) calc(var(--tw-text-opacity) * 100%),transparent)}.text-t_text_red{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-red) calc(var(--tw-text-opacity) * 100%),transparent)}.text-t_warning_light{--tw-text-opacity:1;color:color-mix(in srgb,var(--warning-light) calc(var(--tw-text-opacity) * 100%),transparent)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-x_alert_light{--tw-text-opacity:1;color:rgb(255 226 183/var(--tw-text-opacity))}.\\!text-opacity-50{--tw-text-opacity:0.5 !important}.text-opacity-10{--tw-text-opacity:0.1}.text-opacity-25{--tw-text-opacity:0.25}.text-opacity-30{--tw-text-opacity:0.3}.text-opacity-40{--tw-text-opacity:0.4}.text-opacity-50{--tw-text-opacity:0.5}.text-opacity-60{--tw-text-opacity:0.6}.text-opacity-70{--tw-text-opacity:0.7}.text-opacity-75{--tw-text-opacity:0.75}.text-opacity-80{--tw-text-opacity:0.8}.no-underline{text-decoration-line:none}.opacity-25{opacity:0.25}.opacity-40{opacity:0.4}.opacity-50{opacity:0.5}.opacity-60{opacity:0.6}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_0_6px_rgba\\(255\\2c 0\\2c 0\\2c 0\\.5\\)\\]{--tw-shadow:0 0 6px rgba(255,0,0,0.5);--tw-shadow-colored:0 0 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_0_6px_rgba\\(255\\2c 165\\2c 0\\2c 0\\.5\\)\\]{--tw-shadow:0 0 6px rgba(255,165,0,0.5);--tw-shadow-colored:0 0 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\\[12px\\]{--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\\[24px\\]{--tw-backdrop-blur:blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\\[32px\\]{--tw-backdrop-blur:blur(32px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\\[48px\\]{--tw-backdrop-blur:blur(48px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-\\[filter\\]{transition-property:filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}:host{color:white;line-height:1.5rem;font-size:1rem;*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--bg-tertiary) 15%,transparent) var(--bg-primary)}*::-webkit-scrollbar{width:4px}*::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}*::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--bg-tertiary) 15%,transparent);border-radius:4px}}.SnackbarContainer-top,.notistack-SnackbarContainer{top:100px !important}.placeholder\\:text-t_text_primary::-moz-placeholder{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-primary) calc(var(--tw-text-opacity) * 100%),transparent)}.placeholder\\:text-t_text_primary::placeholder{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-primary) calc(var(--tw-text-opacity) * 100%),transparent)}.placeholder\\:text-opacity-40::-moz-placeholder{--tw-text-opacity:0.4}.placeholder\\:text-opacity-40::placeholder{--tw-text-opacity:0.4}.placeholder\\:text-opacity-50::-moz-placeholder{--tw-text-opacity:0.5}.placeholder\\:text-opacity-50::placeholder{--tw-text-opacity:0.5}.hover\\:bg-t_bg_tertiary:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--bg-tertiary) calc(var(--tw-bg-opacity) * 100%),transparent)}.hover\\:bg-opacity-10:hover{--tw-bg-opacity:0.1}.hover\\:from-t_bg_tertiary\\/10:hover{--tw-gradient-from:color-mix(in srgb,var(--bg-tertiary) calc(0.1 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\\:from-t_main_accent_light\\/40:hover{--tw-gradient-from:color-mix(in srgb,var(--main-accent-light) calc(0.4 * 100%),transparent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\\:to-t_bg_tertiary\\/10:hover{--tw-gradient-to:color-mix(in srgb,var(--bg-tertiary) calc(0.1 * 100%),transparent) var(--tw-gradient-to-position)}.hover\\:to-t_main_accent_dark\\/40:hover{--tw-gradient-to:color-mix(in srgb,var(--main-accent-dark) calc(0.4 * 100%),transparent) var(--tw-gradient-to-position)}.hover\\:fill-t_main_accent_light:hover{fill:color-mix(in srgb,var(--main-accent-light) calc(1 * 100%),transparent)}.hover\\:text-opacity-50:hover{--tw-text-opacity:0.5}.hover\\:opacity-80:hover{opacity:0.8}.hover\\:brightness-105:hover{--tw-brightness:brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.group:hover .group-hover\\:flex{display:flex}.group:hover .group-hover\\:hidden{display:none}@media (min-width:640px){.sm\\:invisible{visibility:hidden}.sm\\:absolute{position:absolute}.sm\\:z-\\[1\\]{z-index:1}.sm\\:z-\\[2\\]{z-index:2}.sm\\:block{display:block}.sm\\:inline{display:inline}.sm\\:hidden{display:none}.sm\\:h-\\[600px\\]{height:600px}.sm\\:h-full{height:100%}.sm\\:w-\\[72px\\]{width:72px}.sm\\:max-w-\\[636px\\]{max-width:636px}.sm\\:justify-start{justify-content:flex-start}.sm\\:justify-center{justify-content:center}.sm\\:rounded-\\[32px\\]{border-radius:32px}.sm\\:rounded-none{border-radius:0px}.sm\\:border{border-width:1px}.sm\\:border-0{border-width:0px}.sm\\:bg-transparent{background-color:transparent}.sm\\:bg-none{background-image:none}.sm\\:p-0{padding:0px}.sm\\:p-4{padding:1rem}.sm\\:p-8{padding:2rem}.sm\\:px-6{padding-left:1.5rem;padding-right:1.5rem}}.\\[\\&_svg\\]\\:h-4 svg{height:1rem}.\\[\\&_svg\\]\\:h-5 svg{height:1.25rem}.\\[\\&_svg\\]\\:w-4 svg{width:1rem}.\\[\\&_svg\\]\\:w-auto svg{width:auto}
 `;
 
 // src/fonts/Satoshi-Regular.woff2
@@ -17577,6 +17577,14 @@ async function getBalances(payload) {
     })}`
   );
 }
+async function getTransactionStatus(payload, abortSignal) {
+  return _sendRequest(
+    `/getTransactionStatus?${new URLSearchParams({
+      data: JSON.stringify(payload)
+    })}`,
+    { signal: abortSignal }
+  );
+}
 async function getTxStatus(payload) {
   return await _sendRequest(
     `/getTxStatus?${new URLSearchParams({
@@ -18681,14 +18689,96 @@ var useEvmContractApi_default = useEvmContractApi;
 // src/hooks/useBatchQuery.ts
 var import_react8 = require("react");
 
-// src/hooks/useDebounce.tsx
+// src/hooks/useCrossChainDelivery.ts
 var import_react9 = require("react");
+var TERMINAL_STATUSES = [
+  "DONE",
+  "PARTIALLY_FAILED",
+  "FAILED"
+];
+var POLL_INTERVAL_MS = 4e3;
+var SLOW_POLL_INTERVAL_MS = 15e3;
+var SLOW_POLL_AFTER_MS = 3 * 60 * 1e3;
+var useCrossChainDelivery = ({
+  enabled,
+  chainId,
+  txHash,
+  walletAddress
+}) => {
+  const [response, setResponse] = (0, import_react9.useState)();
+  const [startedAt, setStartedAt] = (0, import_react9.useState)();
+  const active = enabled && !!chainId && !!txHash;
+  (0, import_react9.useEffect)(() => {
+    if (!active) {
+      setResponse(void 0);
+      setStartedAt(void 0);
+      return;
+    }
+    let cancelled = false;
+    let timer;
+    const controller = new AbortController();
+    const startTime = Date.now();
+    setResponse(void 0);
+    setStartedAt(startTime);
+    const poll2 = async () => {
+      try {
+        const next = await getTransactionStatus(
+          {
+            chainId,
+            txHash,
+            walletAddress
+          },
+          controller.signal
+        );
+        if (cancelled) {
+          return;
+        }
+        setResponse(next);
+        if (TERMINAL_STATUSES.includes(next.status)) {
+          return;
+        }
+      } catch (err) {
+        if (cancelled) {
+          return;
+        }
+        console.warn("Failed to read cross-chain delivery status:", err);
+      }
+      timer = setTimeout(
+        poll2,
+        Date.now() - startTime > SLOW_POLL_AFTER_MS ? SLOW_POLL_INTERVAL_MS : POLL_INTERVAL_MS
+      );
+    };
+    poll2();
+    return () => {
+      cancelled = true;
+      if (timer) {
+        clearTimeout(timer);
+      }
+      controller.abort();
+    };
+  }, [active, chainId, txHash, walletAddress]);
+  const status = response?.status;
+  const isSettled = !!status && TERMINAL_STATUSES.includes(status);
+  return {
+    status,
+    response,
+    isPolling: active && !isSettled,
+    isSettled,
+    isDelivered: status === "DONE",
+    isPartiallyFailed: status === "PARTIALLY_FAILED",
+    isFailed: status === "FAILED",
+    startedAt
+  };
+};
+
+// src/hooks/useDebounce.tsx
+var import_react10 = require("react");
 var useDebounce = ({
   delayMs,
   instantExecution
 }) => {
-  const timerRef = (0, import_react9.useRef)(null);
-  const debounce = (0, import_react9.useCallback)(
+  const timerRef = (0, import_react10.useRef)(null);
+  const debounce = (0, import_react10.useCallback)(
     (callback) => {
       if (timerRef.current) {
         clearTimeout(timerRef.current);
@@ -18705,7 +18795,7 @@ var useDebounce = ({
 };
 
 // src/hooks/useXPower.ts
-var import_react10 = require("react");
+var import_react11 = require("react");
 var iface = new ethers_exports.utils.Interface(StakingStableAPRAbi);
 
 // src/services/solana/jupiter/extract-swap-data.ts
@@ -20475,9 +20565,9 @@ function extractMintDecimals(accountInfosMap, mint) {
 // src/context/HistoryProvider.tsx
 var import_bignumber21 = __toESM(require("bignumber.js"));
 var import_notistack2 = require("notistack");
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_jsx_runtime74 = require("react/jsx-runtime");
-var HistoryContext = (0, import_react11.createContext)(
+var HistoryContext = (0, import_react12.createContext)(
   {}
 );
 var PENDING_TXS_LOCAL_STORAGE_KEY = "pending_transactions";
@@ -20521,15 +20611,15 @@ var HistoryProvider = ({ children }) => {
   const { evm, solana } = useWallet();
   const { address } = evm;
   const { address: solanaAddress } = solana;
-  const [solanaHistory, setSolanaHistory] = (0, import_react11.useState)([]);
-  const [history, setHistory] = (0, import_react11.useState)([]);
-  const [historyLoadedOnce, setHistoryLoadedOnce] = (0, import_react11.useState)(false);
-  const [solanaHistoryLoadedOnce, setSolanaHistoryLoadedOnce] = (0, import_react11.useState)(false);
+  const [solanaHistory, setSolanaHistory] = (0, import_react12.useState)([]);
+  const [history, setHistory] = (0, import_react12.useState)([]);
+  const [historyLoadedOnce, setHistoryLoadedOnce] = (0, import_react12.useState)(false);
+  const [solanaHistoryLoadedOnce, setSolanaHistoryLoadedOnce] = (0, import_react12.useState)(false);
   const { enqueueSnackbar, closeSnackbar } = (0, import_notistack2.useSnackbar)();
   const { debounce: getHistoryDebounce } = useDebounce({
     delayMs: 600
   });
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!isServer) {
       localStorage.removeItem("transactions-history");
     }
@@ -20569,7 +20659,7 @@ var HistoryProvider = ({ children }) => {
       setSolanaHistoryLoadedOnce(true);
     }
   };
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (solanaAddress) {
       fetchSolanaHistory();
     } else {
@@ -20577,7 +20667,7 @@ var HistoryProvider = ({ children }) => {
       setSolanaHistoryLoadedOnce(true);
     }
   }, [solanaAddress]);
-  const fetchHistory = (0, import_react11.useCallback)(async () => {
+  const fetchHistory = (0, import_react12.useCallback)(async () => {
     try {
       if (!address) {
         return;
@@ -20674,7 +20764,7 @@ var HistoryProvider = ({ children }) => {
       setHistoryLoadedOnce(true);
     }
   }, [address, enqueueSnackbar]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!historyLoadedOnce) {
       getHistoryDebounce(fetchHistory);
     }
@@ -20683,7 +20773,7 @@ var HistoryProvider = ({ children }) => {
     }, 6e4);
     return () => clearInterval(timer);
   }, [address, fetchHistory, getHistoryDebounce, historyLoadedOnce]);
-  const addTransactionToLocalHistory = (0, import_react11.useCallback)(
+  const addTransactionToLocalHistory = (0, import_react12.useCallback)(
     (transaction, userAddress) => {
       setHistory((prevHistory) => {
         const clearedPrevHistory = prevHistory.filter(
@@ -20699,7 +20789,7 @@ var HistoryProvider = ({ children }) => {
     },
     []
   );
-  const showSnackbarForDoneTx = (0, import_react11.useCallback)(
+  const showSnackbarForDoneTx = (0, import_react12.useCallback)(
     (messageId) => {
       enqueueSnackbar(
         /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
@@ -20736,7 +20826,7 @@ var HistoryProvider = ({ children }) => {
     },
     [closeSnackbar, enqueueSnackbar]
   );
-  const updateTransactionInLocalHistory = (0, import_react11.useCallback)(
+  const updateTransactionInLocalHistory = (0, import_react12.useCallback)(
     (transaction, userAddress) => {
       setHistory((prevHistory) => {
         const newHistory = prevHistory.map(
@@ -20761,13 +20851,13 @@ var HistoryProvider = ({ children }) => {
     },
     [showSnackbarForDoneTx]
   );
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     setHistoryLoadedOnce(false);
     setSolanaHistoryLoadedOnce(false);
     setHistory([]);
     setSolanaHistory([]);
   }, [address, solanaAddress]);
-  const state = (0, import_react11.useMemo)(
+  const state = (0, import_react12.useMemo)(
     () => ({
       history,
       addTransactionToLocalHistory,
@@ -20788,7 +20878,7 @@ var HistoryProvider = ({ children }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(HistoryContext.Provider, { value: state, children });
 };
 function useHistory() {
-  return (0, import_react11.useContext)(HistoryContext);
+  return (0, import_react12.useContext)(HistoryContext);
 }
 
 // src/utils/tokens.ts
@@ -20834,7 +20924,7 @@ var addCustomTokensToChains = (chains) => {
 
 // src/context/SwapProvider.tsx
 var import_bignumber22 = __toESM(require("bignumber.js"));
-var import_react12 = require("react");
+var import_react13 = require("react");
 
 // src/utils/validation.ts
 var getDefaultSwapSourceChain = ({
@@ -21194,7 +21284,7 @@ var init2 = {
   dstChainOptions: [],
   addTokenToChainIfNotExists: functionNotImplemented
 };
-var swapContext = (0, import_react12.createContext)(init2);
+var swapContext = (0, import_react13.createContext)(init2);
 var SwapProvider = ({
   children,
   integrationConfig,
@@ -21204,80 +21294,80 @@ var SwapProvider = ({
   const { evm, solana } = useWallet();
   const { address: evmAddress, chainId: walletChainId } = evm;
   const { address: solanaAddress } = solana;
-  const [isInitialStateSet, setIsInitialStateSet] = (0, import_react12.useState)(false);
-  const [tab, setTab] = (0, import_react12.useState)(init2.tab);
-  const [error, setError] = (0, import_react12.useState)(init2.error);
-  const [activePicker, setActivePicker] = (0, import_react12.useState)(init2.activePicker);
-  const [expressDelivery, setExpressDelivery] = (0, import_react12.useState)(init2.expressDelivery);
-  const [slippage, setSlippage] = (0, import_react12.useState)(init2.slippage);
-  const [infiniteApproval, setInfiniteApproval] = (0, import_react12.useState)(
+  const [isInitialStateSet, setIsInitialStateSet] = (0, import_react13.useState)(false);
+  const [tab, setTab] = (0, import_react13.useState)(init2.tab);
+  const [error, setError] = (0, import_react13.useState)(init2.error);
+  const [activePicker, setActivePicker] = (0, import_react13.useState)(init2.activePicker);
+  const [expressDelivery, setExpressDelivery] = (0, import_react13.useState)(init2.expressDelivery);
+  const [slippage, setSlippage] = (0, import_react13.useState)(init2.slippage);
+  const [infiniteApproval, setInfiniteApproval] = (0, import_react13.useState)(
     init2.infiniteApproval
   );
-  const [srcChain, setSrcChain] = (0, import_react12.useState)(init2.srcChain);
-  const [dstChain, setDstChain] = (0, import_react12.useState)(init2.dstChain);
-  const [feeToken, setFeeToken] = (0, import_react12.useState)(init2.feeToken);
-  const [srcToken, setSrcToken] = (0, import_react12.useState)(init2.srcToken);
-  const [dstToken, setDstToken] = (0, import_react12.useState)(init2.dstToken);
-  const [tokenPrices, setTokenPrices] = (0, import_react12.useState)(init2.tokenPrices);
-  const [tokenBalances, setTokenBalances] = (0, import_react12.useState)({});
-  const [customTokensVersion, setCustomTokensVersion] = (0, import_react12.useState)(0);
-  const [bridgeTokens, setBridgeTokens] = (0, import_react12.useState)([]);
-  const [srcValue, setSrcValue] = (0, import_react12.useState)(init2.srcValue);
-  const [srcTokenBalanceWei, setSrcTokenBalanceWei] = (0, import_react12.useState)(
+  const [srcChain, setSrcChain] = (0, import_react13.useState)(init2.srcChain);
+  const [dstChain, setDstChain] = (0, import_react13.useState)(init2.dstChain);
+  const [feeToken, setFeeToken] = (0, import_react13.useState)(init2.feeToken);
+  const [srcToken, setSrcToken] = (0, import_react13.useState)(init2.srcToken);
+  const [dstToken, setDstToken] = (0, import_react13.useState)(init2.dstToken);
+  const [tokenPrices, setTokenPrices] = (0, import_react13.useState)(init2.tokenPrices);
+  const [tokenBalances, setTokenBalances] = (0, import_react13.useState)({});
+  const [customTokensVersion, setCustomTokensVersion] = (0, import_react13.useState)(0);
+  const [bridgeTokens, setBridgeTokens] = (0, import_react13.useState)([]);
+  const [srcValue, setSrcValue] = (0, import_react13.useState)(init2.srcValue);
+  const [srcTokenBalanceWei, setSrcTokenBalanceWei] = (0, import_react13.useState)(
     init2.srcTokenBalanceWei
   );
-  const [srcChainTokensOptions, setSrcChainTokensOptions] = (0, import_react12.useState)(
+  const [srcChainTokensOptions, setSrcChainTokensOptions] = (0, import_react13.useState)(
     init2.srcChainTokensOptions
   );
-  const [dstChainTokensOptions, setDstChainTokensOptions] = (0, import_react12.useState)(
+  const [dstChainTokensOptions, setDstChainTokensOptions] = (0, import_react13.useState)(
     init2.dstChainTokensOptions
   );
-  const [srcChainOtherTokensOptions, setSrcChainOtherTokensOptions] = (0, import_react12.useState)(
+  const [srcChainOtherTokensOptions, setSrcChainOtherTokensOptions] = (0, import_react13.useState)(
     init2.srcChainOtherTokensOptions
   );
-  const [dstChainOtherTokensOptions, setDstChainOtherTokensOptions] = (0, import_react12.useState)(
+  const [dstChainOtherTokensOptions, setDstChainOtherTokensOptions] = (0, import_react13.useState)(
     init2.dstChainOtherTokensOptions
   );
-  const [srcChainOptions, setSrcChainOptions] = (0, import_react12.useState)([]);
-  const [dstChainOptions, setDstChainOptions] = (0, import_react12.useState)([]);
-  const [isFetchingBalance, setIsFetchingBalance] = (0, import_react12.useState)(
+  const [srcChainOptions, setSrcChainOptions] = (0, import_react13.useState)([]);
+  const [dstChainOptions, setDstChainOptions] = (0, import_react13.useState)([]);
+  const [isFetchingBalance, setIsFetchingBalance] = (0, import_react13.useState)(
     init2.isFetchingBalance
   );
-  const [isFetchingBalances, setIsFetchingBalances] = (0, import_react12.useState)(
+  const [isFetchingBalances, setIsFetchingBalances] = (0, import_react13.useState)(
     init2.isFetchingBalances
   );
-  const [isFetchingRoute, setFetchingRoute] = (0, import_react12.useState)(init2.isFetchingRoute);
-  const [route, setRoute] = (0, import_react12.useState)(init2.route);
-  const routeAbortController = (0, import_react12.useRef)(null);
-  const refreshSelectedTokenBalanceNonce = (0, import_react12.useRef)(crypto.randomUUID());
-  const prevWalletAddresses = (0, import_react12.useRef)(void 0);
-  const prevFollowedWalletChainId = (0, import_react12.useRef)(void 0);
-  const initPending = (0, import_react12.useRef)(false);
-  const modeSwitchReinit = (0, import_react12.useRef)(false);
-  const srcTokenLocked = (0, import_react12.useMemo)(
+  const [isFetchingRoute, setFetchingRoute] = (0, import_react13.useState)(init2.isFetchingRoute);
+  const [route, setRoute] = (0, import_react13.useState)(init2.route);
+  const routeAbortController = (0, import_react13.useRef)(null);
+  const refreshSelectedTokenBalanceNonce = (0, import_react13.useRef)(crypto.randomUUID());
+  const prevWalletAddresses = (0, import_react13.useRef)(void 0);
+  const prevFollowedWalletChainId = (0, import_react13.useRef)(void 0);
+  const initPending = (0, import_react13.useRef)(false);
+  const modeSwitchReinit = (0, import_react13.useRef)(false);
+  const srcTokenLocked = (0, import_react13.useMemo)(
     () => !!integrationConfig?.srcTokenLocked,
     [integrationConfig?.srcTokenLocked]
   );
-  const dstTokenLocked = (0, import_react12.useMemo)(
+  const dstTokenLocked = (0, import_react13.useMemo)(
     () => !!integrationConfig?.dstTokenLocked,
     [integrationConfig?.dstTokenLocked]
   );
-  const dstChainLocked = (0, import_react12.useMemo)(
+  const dstChainLocked = (0, import_react13.useMemo)(
     () => !!integrationConfig?.dstChainLocked,
     [integrationConfig?.dstChainLocked]
   );
-  const srcChainLocked = (0, import_react12.useMemo)(
+  const srcChainLocked = (0, import_react13.useMemo)(
     () => !!integrationConfig?.srcChainLocked,
     [integrationConfig?.srcChainLocked]
   );
-  const bridgeUI = (0, import_react12.useMemo)(
+  const bridgeUI = (0, import_react13.useMemo)(
     () => !!integrationConfig.bridge,
     [integrationConfig.bridge]
   );
-  const hasOnConnectWalletCallback = (0, import_react12.useMemo)(() => {
+  const hasOnConnectWalletCallback = (0, import_react13.useMemo)(() => {
     return !!(integrationConfig.onConnectWallet || window.xPayOnConnectWallet);
   }, [integrationConfig.onConnectWallet]);
-  const supportedTokens = (0, import_react12.useMemo)(() => {
+  const supportedTokens = (0, import_react13.useMemo)(() => {
     const customTokens = !isServer ? JSON.parse(localStorage.getItem("custom-tokens") || "{}") : {};
     const chainIdToTokenAddressToData = {};
     supportedChains.forEach((chain) => {
@@ -21288,7 +21378,7 @@ var SwapProvider = ({
     });
     return deepMergeObjects(chainIdToTokenAddressToData, customTokens);
   }, [supportedChains, customTokensVersion]);
-  const chainToTokenOptionsMap = (0, import_react12.useMemo)(() => {
+  const chainToTokenOptionsMap = (0, import_react13.useMemo)(() => {
     const tempChainToTokenOptionsMap = {};
     Object.entries(supportedTokens).forEach(([chainId, chainData]) => {
       tempChainToTokenOptionsMap[chainId] = Object.entries(chainData).filter(([, tokenData]) => tokenData.supported).sort(([, tokenDataA], [, tokenDataB]) => {
@@ -21302,7 +21392,7 @@ var SwapProvider = ({
     });
     return tempChainToTokenOptionsMap;
   }, [supportedTokens]);
-  const bridgeTokensDictionary = (0, import_react12.useMemo)(() => {
+  const bridgeTokensDictionary = (0, import_react13.useMemo)(() => {
     if (!bridgeTokens || bridgeTokens.length === 0) return null;
     const dictionary = {};
     const addMapping = (chainIdFrom, tokenAddressFrom, chainIdTo, tokenAddressTo) => {
@@ -21328,20 +21418,20 @@ var SwapProvider = ({
     }
     return Object.keys(dictionary).length > 0 ? dictionary : null;
   }, [bridgeTokens]);
-  const srcValueUsd = (0, import_react12.useMemo)(() => {
+  const srcValueUsd = (0, import_react13.useMemo)(() => {
     if (srcToken && srcChain && tokenPrices && tokenPrices[srcChain.chainId] && tokenPrices[srcChain.chainId]?.[srcToken.address]) {
       return (Number(srcValue) * Number(tokenPrices[srcChain.chainId]?.[srcToken.address])).toFixed(2);
     }
     return null;
   }, [tokenPrices, srcToken, srcValue, srcChain]);
-  const srcValueWei = (0, import_react12.useMemo)(
+  const srcValueWei = (0, import_react13.useMemo)(
     () => humanReadableToWei({
       amount: srcValue,
       decimals: srcToken?.decimals || 18
     }),
     [srcToken?.decimals, srcValue]
   );
-  const dstValue = (0, import_react12.useMemo)(
+  const dstValue = (0, import_react13.useMemo)(
     () => weiToHumanReadable({
       amount: route?.estAmountOut || "0",
       // TODO include fees.xSwapFee.tokenFee
@@ -21351,20 +21441,20 @@ var SwapProvider = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [route]
   );
-  const dstValueWei = (0, import_react12.useMemo)(
+  const dstValueWei = (0, import_react13.useMemo)(
     () => humanReadableToWei({
       amount: dstValue,
       decimals: dstToken?.decimals || 18
     }),
     [dstToken?.decimals, dstValue]
   );
-  const dstValueUsd = (0, import_react12.useMemo)(() => {
+  const dstValueUsd = (0, import_react13.useMemo)(() => {
     if (dstToken && dstChain && tokenPrices && tokenPrices[dstChain?.chainId] && tokenPrices[dstChain?.chainId]?.[dstToken.address]) {
       return (Number(dstValue) * Number(tokenPrices[dstChain?.chainId]?.[dstToken.address])).toFixed(2);
     }
     return null;
   }, [tokenPrices, dstToken, dstValue, dstChain]);
-  const dstValueMin = (0, import_react12.useMemo)(
+  const dstValueMin = (0, import_react13.useMemo)(
     () => weiToHumanReadable({
       amount: route?.minAmountOut || "0",
       decimals: dstToken?.decimals || 18,
@@ -21373,15 +21463,20 @@ var SwapProvider = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [route]
   );
-  const isExpressDeliveryActive = (0, import_react12.useMemo)(
-    () => expressDelivery && !!route && BigNumber.from(route.xSwapFees?.expressDeliveryFee || "0").gt("0"),
-    [expressDelivery, route]
-  );
-  const isAsyncDataLoaded = (0, import_react12.useMemo)(
+  const isExpressDeliveryActive = (0, import_react13.useMemo)(() => {
+    if (!route) {
+      return false;
+    }
+    if (typeof route.expressDelivery === "boolean") {
+      return route.expressDelivery;
+    }
+    return expressDelivery && BigNumber.from(route.xSwapFees?.expressDeliveryFee || "0").gt("0");
+  }, [expressDelivery, route]);
+  const isAsyncDataLoaded = (0, import_react13.useMemo)(
     () => supportedChains.length > 0 && bridgeTokens.length > 0,
     [supportedChains, bridgeTokens]
   );
-  const srcTokenBalanceInfo = (0, import_react12.useMemo)(() => {
+  const srcTokenBalanceInfo = (0, import_react13.useMemo)(() => {
     if (!srcToken || !srcTokenBalanceWei || !evmAddress && !solanaAddress) {
       return "";
     }
@@ -21402,7 +21497,7 @@ var SwapProvider = ({
       precisionFractionalPlaces: 5
     });
   }, [evmAddress, solanaAddress, srcToken, srcTokenBalanceWei]);
-  const getTokenOptions = (0, import_react12.useCallback)(
+  const getTokenOptions = (0, import_react13.useCallback)(
     (chainId) => {
       if (!chainId) {
         return [];
@@ -21422,7 +21517,7 @@ var SwapProvider = ({
     },
     [bridgeTokensDictionary, bridgeUI, chainToTokenOptionsMap]
   );
-  const quoteRoute = (0, import_react12.useCallback)(async () => {
+  const quoteRoute = (0, import_react13.useCallback)(async () => {
     if (!srcChain || !dstChain || !srcToken || !dstToken || !srcValueWei || safeBigNumberFrom(srcValueWei).eq(0) || bridgeUI && !bridgeTokensDictionary || bridgeUI && srcChain.ecosystem !== "evm" /* EVM */) {
       setRoute(void 0);
       return;
@@ -21510,7 +21605,7 @@ var SwapProvider = ({
     srcToken,
     srcValueWei
   ]);
-  const refreshBalance = (0, import_react12.useCallback)(
+  const refreshBalance = (0, import_react13.useCallback)(
     async (options) => {
       if (!evmAddress && !solanaAddress || !srcChain?.publicRpcUrls[0] || !srcToken || !srcToken?.address) {
         refreshSelectedTokenBalanceNonce.current = crypto.randomUUID();
@@ -21585,20 +21680,20 @@ var SwapProvider = ({
     },
     [evmAddress, solanaAddress, srcChain, srcToken, tokenBalances]
   );
-  const findTokenDataByAddressAndChain = (0, import_react12.useCallback)(
+  const findTokenDataByAddressAndChain = (0, import_react13.useCallback)(
     (tokenAddress, chainId) => {
       return supportedTokens[chainId]?.[tokenAddress];
     },
     [supportedTokens]
   );
-  const onConnectWallet = (0, import_react12.useCallback)(() => {
+  const onConnectWallet = (0, import_react13.useCallback)(() => {
     if (integrationConfig.onConnectWallet) {
       integrationConfig.onConnectWallet();
     } else if (window.xPayOnConnectWallet) {
       window.xPayOnConnectWallet();
     }
   }, [integrationConfig]);
-  const addTokenToChainIfNotExists = (0, import_react12.useCallback)(
+  const addTokenToChainIfNotExists = (0, import_react13.useCallback)(
     (chainId, token) => {
       const chain = supportedChains.find((chain2) => chain2.chainId === chainId);
       if (!chain) return chain;
@@ -21614,7 +21709,7 @@ var SwapProvider = ({
     },
     [supportedChains]
   );
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (supportedChains.length > 0) {
       const chainIds = supportedChains.map((chain) => chain.chainId);
       getPrices({ chainId: chainIds }).then((prices) => {
@@ -21622,22 +21717,22 @@ var SwapProvider = ({
       });
     }
   }, [supportedChains]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     (async () => {
       const data = await getBridgeTokens();
       setBridgeTokens(data);
     })();
   }, []);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     quoteRoute();
   }, [quoteRoute]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const walletAddresses = `${evmAddress ?? ""}:${solanaAddress ?? ""}`;
     const walletChanged = prevWalletAddresses.current !== void 0 && prevWalletAddresses.current !== walletAddresses;
     prevWalletAddresses.current = walletAddresses;
     refreshBalance(walletChanged ? { forceRpc: true } : void 0);
   }, [refreshBalance, evmAddress, solanaAddress]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     let isCancelled = false;
     if ((evmAddress || solanaAddress) && supportedChains.length > 0) {
       setIsFetchingBalances(true);
@@ -21656,7 +21751,7 @@ var SwapProvider = ({
       isCancelled = true;
     };
   }, [evmAddress, solanaAddress, supportedChains.length, customTokensVersion]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (srcChain?.chainId === "mainnet-beta") {
       setFeeToken(
         srcChain?.tokens.find(
@@ -21671,7 +21766,7 @@ var SwapProvider = ({
       );
     }
   }, [srcChain]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     (async () => {
       const isSingleChainSelected = dstChain?.chainId === srcChain?.chainId;
       const srcTokenOptions = getTokenOptions(
@@ -21740,7 +21835,7 @@ var SwapProvider = ({
     dstToken?.symbol,
     tokenBalances
   ]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const baseChains = supportedChains.filter(
       ({ web3Environment, swapSupported, bridgeSupported }) => web3Environment === "mainnet" /* MAINNET */ && (bridgeUI && bridgeSupported || !bridgeUI && swapSupported)
     );
@@ -21795,7 +21890,7 @@ var SwapProvider = ({
     dstToken,
     bridgeTokensDictionary
   ]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const prevWalletChainId = prevFollowedWalletChainId.current;
     prevFollowedWalletChainId.current = walletChainId;
     if (!walletChainId || !prevWalletChainId || prevWalletChainId === walletChainId || !isInitialStateSet || integrationConfig?.srcChainId || bridgeUI) {
@@ -21814,7 +21909,7 @@ var SwapProvider = ({
     integrationConfig?.srcChainId,
     bridgeUI
   ]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!isInitialStateSet) {
       return;
     }
@@ -21830,7 +21925,7 @@ var SwapProvider = ({
     setDstChain(void 0);
     setIsInitialStateSet(false);
   }, [bridgeUI]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (isInitialStateSet || !supportedChains || supportedChains.length === 0 || !bridgeTokensDictionary) {
       return;
     }
@@ -21895,7 +21990,7 @@ var SwapProvider = ({
     isInitialStateSet,
     bridgeTokensDictionary
   ]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!bridgeTokensDictionary || supportedChains.length === 0 || !isInitialStateSet || // A bridgeUI-change reset is in flight: this closure still holds the
     // previous mode's route, so mapping it against the new mode would
     // resurrect it. The re-init applies the new mode's defaults instead.
@@ -21931,7 +22026,7 @@ var SwapProvider = ({
     bridgeTokensDictionary,
     isInitialStateSet
   ]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!isInitialStateSet || initPending.current) {
       return;
     }
@@ -21941,7 +22036,7 @@ var SwapProvider = ({
       window.xPayOnDstChainChange(dstChain?.chainId);
     }
   }, [integrationConfig.onDstChainChange, dstChain]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!isInitialStateSet || initPending.current) {
       return;
     }
@@ -21952,7 +22047,7 @@ var SwapProvider = ({
       window.xPayOnDstTokenChange(token);
     }
   }, [integrationConfig.onDstTokenChange, dstToken]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!isInitialStateSet || initPending.current) {
       return;
     }
@@ -21962,7 +22057,7 @@ var SwapProvider = ({
       window.xPayOnSrcChainChange(srcChain?.chainId);
     }
   }, [integrationConfig.onSrcChainChange, srcChain]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!isInitialStateSet || initPending.current) {
       return;
     }
@@ -22044,16 +22139,16 @@ var SwapProvider = ({
   );
 };
 var useSwapContext = () => {
-  return (0, import_react12.useContext)(swapContext);
+  return (0, import_react13.useContext)(swapContext);
 };
 
 // src/context/TransactionProvider.tsx
 var import_web36 = require("@solana/web3.js");
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_jsx_runtime76 = require("react/jsx-runtime");
-var TransactionContext = (0, import_react13.createContext)({});
+var TransactionContext = (0, import_react14.createContext)({});
 var TransactionProvider = ({ children }) => {
-  const evmTransactionExecutor = (0, import_react13.useCallback)(
+  const evmTransactionExecutor = (0, import_react14.useCallback)(
     async ({ executeTransaction, handlers }) => {
       try {
         const tx = await executeTransaction();
@@ -22070,11 +22165,11 @@ var TransactionProvider = ({ children }) => {
     },
     []
   );
-  const customConnection = (0, import_react13.useMemo)(
+  const customConnection = (0, import_react14.useMemo)(
     () => new import_web36.Connection(SOLANA_MAINNET_RPC_URL, "confirmed"),
     []
   );
-  const solanaTransactionExecutor = (0, import_react13.useCallback)(
+  const solanaTransactionExecutor = (0, import_react14.useCallback)(
     async ({ executeTransaction, handlers }) => {
       try {
         const signedTransaction = await executeTransaction();
@@ -22113,7 +22208,7 @@ var TransactionProvider = ({ children }) => {
     },
     [customConnection]
   );
-  const enqueueTransaction = (0, import_react13.useCallback)(
+  const enqueueTransaction = (0, import_react14.useCallback)(
     ({
       executeTransaction,
       handlers,
@@ -22135,7 +22230,7 @@ var TransactionProvider = ({ children }) => {
     },
     [evmTransactionExecutor, solanaTransactionExecutor]
   );
-  const state = (0, import_react13.useMemo)(
+  const state = (0, import_react14.useMemo)(
     () => ({
       enqueueTransaction
     }),
@@ -22144,15 +22239,15 @@ var TransactionProvider = ({ children }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(TransactionContext.Provider, { value: state, children });
 };
 function useTransaction() {
-  return (0, import_react13.useContext)(TransactionContext);
+  return (0, import_react14.useContext)(TransactionContext);
 }
 
 // src/hooks/networkManagement/useNetworks.ts
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_wagmi4 = require("wagmi");
 
 // src/hooks/networkManagement/clientToSigner.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_wagmi3 = require("wagmi");
 function clientToSigner(client) {
   const { account, transport } = client;
@@ -22162,18 +22257,18 @@ function clientToSigner(client) {
 }
 async function useEthersSigner({ chainId } = {}) {
   const { data: client } = (0, import_wagmi3.useConnectorClient)({ chainId });
-  return (0, import_react14.useMemo)(() => client ? clientToSigner(client) : void 0, [client]);
+  return (0, import_react15.useMemo)(() => client ? clientToSigner(client) : void 0, [client]);
 }
 
 // src/hooks/networkManagement/useNetworks.ts
 var useNetworks = () => {
-  const [signer, setSigner] = (0, import_react15.useState)();
+  const [signer, setSigner] = (0, import_react16.useState)();
   const ethersSigner = useEthersSigner();
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     ethersSigner.then((signer2) => setSigner(signer2));
   }, [ethersSigner]);
   const account = (0, import_wagmi4.useAccount)();
-  const evm = (0, import_react15.useMemo)(
+  const evm = (0, import_react16.useMemo)(
     () => ({
       networkName: "EVM",
       chainId: account.chainId?.toString() || DEFAULT_SOURCE_CHAIN_ID,
@@ -22190,10 +22285,10 @@ var useNetworks = () => {
 var useNetworks_default = useNetworks;
 
 // src/components/Swap/SwapView/ConfirmationView/TxOverview/index.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 
 // src/components/Swap/SwapView/FeesPanel/index.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // src/components/Swap/SwapView/FeesPanel/DeliveryInfo/index.tsx
 var import_jsx_runtime77 = require("react/jsx-runtime");
@@ -22223,7 +22318,10 @@ var import_jsx_runtime79 = require("react/jsx-runtime");
 var Fees = ({
   solanaBridgeFee
 }) => {
-  const { route, slippage, feeToken, dstToken, expressDelivery } = useSwapContext();
+  const { route, slippage, feeToken, dstToken } = useSwapContext();
+  const expressDeliveryFee = safeBigNumberFrom(
+    route?.xSwapFees.expressDeliveryFee || "0"
+  );
   const fees = [
     {
       name: "CCIP Fee: ",
@@ -22241,11 +22339,11 @@ var Fees = ({
         precisionFractionalPlaces: 5
       }) || 0} ${feeToken?.symbol || ""}`
     },
-    ...expressDelivery ? [
+    ...expressDeliveryFee.gt(0) ? [
       {
         name: "Express delivery Fee: ",
         value: `${weiToHumanReadable({
-          amount: route?.xSwapFees.expressDeliveryFee || "0",
+          amount: expressDeliveryFee.toString(),
           decimals: feeToken?.decimals || 18,
           precisionFractionalPlaces: 5
         }) || 0} ${feeToken?.symbol || ""}`
@@ -24372,9 +24470,9 @@ var import_anchor7 = require("@coral-xyz/anchor");
 var import_wallet_adapter_react3 = require("@solana/wallet-adapter-react");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 var FeesPanel = () => {
-  const [expanded, setExpanded] = (0, import_react16.useState)(false);
-  const [isFetchingSolanaFee, setIsFetchingSolanaFee] = (0, import_react16.useState)(false);
-  const [solanaBridgeFee, setSolanaBridgeFee] = (0, import_react16.useState)(null);
+  const [expanded, setExpanded] = (0, import_react17.useState)(false);
+  const [isFetchingSolanaFee, setIsFetchingSolanaFee] = (0, import_react17.useState)(false);
+  const [solanaBridgeFee, setSolanaBridgeFee] = (0, import_react17.useState)(null);
   const {
     route,
     feeToken,
@@ -24391,7 +24489,7 @@ var FeesPanel = () => {
       evm: { address: evmAddress }
     }
   } = useNetworks_default();
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const fetchSolanaBridgeFee = async () => {
       if (bridgeUI && srcChain?.ecosystem === "solana" /* SOLANA */ && dstChain?.ccipChainId && srcToken && srcValueWei && publicKey9 && evmAddress) {
         try {
@@ -24473,7 +24571,7 @@ var FeesPanel = () => {
     evmAddress,
     srcToken
   ]);
-  const totalFee = (0, import_react16.useMemo)(() => {
+  const totalFee = (0, import_react17.useMemo)(() => {
     if (!route) {
       return "0";
     }
@@ -24517,7 +24615,7 @@ var FeesPanel = () => {
 };
 
 // src/components/Swap/SwapView/ConfirmationView/TokenTiles/index.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var TokenTile = ({ type }) => {
   const {
@@ -24531,7 +24629,7 @@ var TokenTile = ({ type }) => {
   } = useSwapContext();
   const token = type === "source" ? srcToken : dstToken;
   const chain = type === "source" ? srcChain : dstChain;
-  const value = (0, import_react17.useMemo)(() => {
+  const value = (0, import_react18.useMemo)(() => {
     if (type === "destination" && bridgeUI && srcChain?.ecosystem === "solana" /* SOLANA */) {
       return srcValue;
     }
@@ -24581,11 +24679,11 @@ var Header = ({ onCloseClick }) => {
 };
 
 // src/components/Swap/SwapView/ConfirmationView/TxOverview/Steps/index.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 var Steps = () => {
   const { txStatus, txNeedsApproval, txMsg } = useTxUIWrapper();
-  const items = (0, import_react18.useMemo)(() => {
+  const items = (0, import_react19.useMemo)(() => {
     const approvalActive = txStatus === 1 /* SIGNING_APPROVAL */ || txStatus === 2 /* CONFIRMING_APPROVAL */;
     const txActive = txStatus === 3 /* SIGNING_TX */ || txStatus === 4 /* CONFIRMING_TX */;
     return [
@@ -24605,7 +24703,7 @@ var Steps = () => {
       }
     ];
   }, [txMsg, txNeedsApproval, txStatus]);
-  const filteredItems = (0, import_react18.useMemo)(
+  const filteredItems = (0, import_react19.useMemo)(
     () => items.filter(({ show }) => show),
     [items]
   );
@@ -24654,7 +24752,8 @@ var TxOverview = ({ onCloseClick }) => {
     dstValueWei,
     route,
     refreshBalance,
-    bridgeUI
+    bridgeUI,
+    isExpressDeliveryActive
   } = useSwapContext();
   const {
     txStatus,
@@ -24671,7 +24770,7 @@ var TxOverview = ({ onCloseClick }) => {
   } = useNetworks_default();
   const { publicKey: publicKey9, signTransaction } = (0, import_wallet_adapter_react4.useWallet)();
   const evmContractApi = useEvmContractApi();
-  const trackTransaction = (0, import_react19.useCallback)(
+  const trackTransaction = (0, import_react20.useCallback)(
     async (txReceipt) => {
       if (!srcChain || !dstChain || !srcToken || !dstToken || !route) {
         return;
@@ -24685,7 +24784,10 @@ var TxOverview = ({ onCloseClick }) => {
         tokenAddress: srcToken.address,
         tokenOutAddress: dstToken?.address,
         tokenOutAmount: dstValueWei,
-        estimatedDeliveryTimestamp: Number(route.xSwapFees.expressDeliveryFee || "0") > 0 ? Date.now() / 1e3 * 1e3 + 30 * 1e3 : Date.now() / 1e3 * 1e3 + crosschainEstimationTimes?.[srcChain?.chainId]?.[dstChain?.chainId] || FALLBACK_CROSSCHAIN_ESTIMATION_TIME,
+        // Read the speed off the quote, never off the express-delivery fee: a fast
+        // CCTP transfer pays Circle out of the bridged USDC and charges no express
+        // fee, so the fee test used to promise 30 minutes for a 30-second transfer.
+        estimatedDeliveryTimestamp: isExpressDeliveryActive ? Date.now() + EXPRESS_DELIVERY_TIME : Date.now() + (crosschainEstimationTimes?.[srcChain?.chainId]?.[dstChain?.chainId] || FALLBACK_CROSSCHAIN_ESTIMATION_TIME),
         status: "IN_PROGRESS"
       };
       if (srcChain.chainId === dstChain.chainId) {
@@ -24752,10 +24854,11 @@ var TxOverview = ({ onCloseClick }) => {
       srcValueWei,
       dstValueWei,
       supportedChains,
-      route
+      route,
+      isExpressDeliveryActive
     ]
   );
-  const enqueueSwapTx = (0, import_react19.useCallback)(async () => {
+  const enqueueSwapTx = (0, import_react20.useCallback)(async () => {
     if (srcToken) {
       if (route && route.ecosystem === "evm" /* EVM */) {
         const enqueueSwap = ({ afterApproval = false } = {}) => {
@@ -25083,20 +25186,54 @@ async function checkAndDelegateTokenAuthority(connection, publicKey9, tokenMint,
   }
 }
 
-// src/components/Swap/SwapView/ConfirmationView/TxResult/index.tsx
+// src/components/Swap/SwapView/ConfirmationView/TxProgress/index.tsx
+var import_react21 = require("react");
 var import_jsx_runtime85 = require("react/jsx-runtime");
-var TxResult = ({ onCloseClick }) => {
-  const { txError, txExplorerUrl, txMsg } = useTxUIWrapper();
-  const { isExpressDeliveryActive, srcChain, dstChain } = useSwapContext();
+var FAST_DELIVERY_GRACE_MS = 2 * 60 * 1e3;
+var formatElapsed = (ms) => {
+  const totalSeconds = Math.floor(ms / 1e3);
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  return `${minutes}:${seconds.toString().padStart(2, "0")}`;
+};
+var TxProgress = ({ onCloseClick, delivery }) => {
+  const { srcChain, dstChain, isExpressDeliveryActive } = useSwapContext();
+  const { txExplorerUrl } = useTxUIWrapper();
+  const [now, setNow] = (0, import_react21.useState)(() => Date.now());
+  (0, import_react21.useEffect)(() => {
+    const ticker = setInterval(() => setNow(Date.now()), 1e3);
+    return () => clearInterval(ticker);
+  }, []);
+  const elapsedMs = delivery.startedAt ? Math.max(0, now - delivery.startedAt) : 0;
+  const isExpress = delivery.response?.expressDelivery ?? isExpressDeliveryActive;
+  const estimatedMs = (0, import_react21.useMemo)(
+    () => srcChain && dstChain && crosschainEstimationTimes?.[srcChain.chainId]?.[dstChain.chainId] || FALLBACK_CROSSCHAIN_ESTIMATION_TIME,
+    [srcChain, dstChain]
+  );
+  const isSlow = elapsedMs > (isExpress ? FAST_DELIVERY_GRACE_MS : estimatedMs);
+  const note = isSlow ? "This is taking longer than usual. Nothing is lost \u2014 the transfer is still on its way." : isExpress ? "Fast delivery is on: funds usually arrive within a minute." : `Funds can take up to ${Math.round(
+    estimatedMs / 6e4
+  )} minutes to arrive on ${dstChain?.displayName || "the destination chain"}.`;
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-col gap-8 text-t_text_primary", children: [
     /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em]", children: txError ? "Transaction Error" : "Transaction Success" }),
-        txError ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ErrorCircleThinIcon, { className: "w-6 h-6 shrink-0 text-[#F44336]" }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CheckCircleThinIcon, { className: "w-6 h-6 shrink-0 text-[#6AE89B]" })
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em]", children: "Delivering Funds" }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-sm leading-5 tracking-[0.01em] text-t_text_primary text-opacity-50", children: note }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-sm leading-5 tracking-[0.01em] text-t_text_primary text-opacity-25", children: "You can close this window \u2014 the transfer completes on its own." })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TokenTiles, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-col rounded-xl bg-t_bg_tertiary bg-opacity-[0.02]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex items-center justify-between gap-4 px-4 sm:px-6 py-4 rounded-lg", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-sm leading-5 tracking-[0.01em] text-t_text_primary text-opacity-50", children: `Swap confirmed on ${srcChain?.displayName || "the source chain"}` }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CheckCircleThinIcon, { className: "w-6 h-6 shrink-0 text-[#6AE89B]" })
       ] }),
-      txError ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-sm leading-5 tracking-[0.01em] text-t_text_primary text-opacity-50", children: txError }) : !txMsg && srcChain !== dstChain && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-sm leading-5 tracking-[0.01em] text-t_text_primary text-opacity-50", children: `Approximated time of delivery: ${isExpressDeliveryActive ? "30 sec" : "30 min"}` })
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex items-center justify-between gap-4 px-4 sm:px-6 py-4 rounded-lg bg-gradient-to-r from-transparent via-t_bg_tertiary/5 to-transparent", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-sm leading-5 tracking-[0.01em] text-t_text_primary text-opacity-75", children: `Waiting for funds on ${dstChain?.displayName || "the destination chain"}` }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex items-center gap-3 shrink-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "text-sm leading-5 tracking-[0.01em] tabular-nums text-t_text_primary text-opacity-50", children: formatElapsed(elapsedMs) }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ProgressRingThinIcon, { className: "w-6 h-6 shrink-0 animate-spin-slow text-t_text_primary" })
+        ] })
+      ] })
     ] }),
-    !txMsg && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TokenTiles, {}),
     /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "h-px w-full gradient-sections-separator-container" }),
     /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       "button",
@@ -25104,10 +25241,10 @@ var TxResult = ({ onCloseClick }) => {
         type: "button",
         onClick: onCloseClick,
         className: "w-full px-6 py-3 rounded-lg border-none cursor-pointer bg-t_bg_tertiary bg-opacity-5 text-sm font-medium leading-6 tracking-[0.01em] text-t_text_primary text-opacity-80 hover:bg-opacity-10 transition-colors",
-        children: "Continue"
+        children: "Close"
       }
     ),
-    !txMsg && !txError && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "w-full flex gap-3 items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "w-full flex gap-3 items-center", children: [
       /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
         "a",
         {
@@ -25127,49 +25264,164 @@ var TxResult = ({ onCloseClick }) => {
   ] });
 };
 
-// src/components/Swap/SwapView/ConfirmationView/index.tsx
+// src/components/Swap/SwapView/ConfirmationView/TxResult/index.tsx
+var import_react22 = require("react");
 var import_jsx_runtime86 = require("react/jsx-runtime");
-var ConfirmationView = ({ onCloseClick }) => {
+var TxResult = ({ onCloseClick, delivery }) => {
+  const { txError, txExplorerUrl, txMsg } = useTxUIWrapper();
+  const { isExpressDeliveryActive, srcChain, dstChain, supportedChains } = useSwapContext();
+  const isCrossChain = !!srcChain && !!dstChain && srcChain.chainId !== dstChain.chainId;
+  const failed = !!txError || !!delivery?.isFailed;
+  const partiallyFailed = !!delivery?.isPartiallyFailed;
+  const targetTx = delivery?.response?.targetTx;
+  const targetExplorerUrl = (0, import_react22.useMemo)(() => {
+    if (!targetTx) {
+      return void 0;
+    }
+    const explorer = supportedChains.find(
+      (chain) => chain.chainId === targetTx.chainId && chain.ecosystem === "evm" /* EVM */
+    )?.transactionExplorer;
+    return explorer ? `${explorer}/${targetTx.hash}` : void 0;
+  }, [supportedChains, targetTx]);
+  const note = (0, import_react22.useMemo)(() => {
+    if (delivery?.isFailed) {
+      return `The transaction failed on ${srcChain?.displayName || "the source chain"}.`;
+    }
+    if (partiallyFailed) {
+      return `The swap on ${dstChain?.displayName || "the destination chain"} could not be completed, so the bridged tokens were sent to your wallet instead.`;
+    }
+    if (delivery?.isDelivered) {
+      return `Funds delivered on ${dstChain?.displayName || "the destination chain"}.`;
+    }
+    if (isCrossChain) {
+      return `Approximated time of delivery: ${isExpressDeliveryActive ? "30 sec" : "30 min"}`;
+    }
+    return void 0;
+  }, [
+    delivery?.isDelivered,
+    delivery?.isFailed,
+    partiallyFailed,
+    isCrossChain,
+    isExpressDeliveryActive,
+    srcChain?.displayName,
+    dstChain?.displayName
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col gap-8 text-t_text_primary", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em]", children: failed ? "Transaction Error" : partiallyFailed ? "Partially Completed" : "Transaction Success" }),
+        failed ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ErrorCircleThinIcon, { className: "w-6 h-6 shrink-0 text-[#F44336]" }) : partiallyFailed ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ErrorCircleThinIcon, { className: "w-6 h-6 shrink-0 text-t_warning_light" }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CheckCircleThinIcon, { className: "w-6 h-6 shrink-0 text-[#6AE89B]" })
+      ] }),
+      txError ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "text-sm leading-5 tracking-[0.01em] text-t_text_primary text-opacity-50", children: txError }) : !txMsg && !!note && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "text-sm leading-5 tracking-[0.01em] text-t_text_primary text-opacity-50", children: note })
+    ] }),
+    !txMsg && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TokenTiles, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "h-px w-full gradient-sections-separator-container" }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: onCloseClick,
+        className: "w-full px-6 py-3 rounded-lg border-none cursor-pointer bg-t_bg_tertiary bg-opacity-5 text-sm font-medium leading-6 tracking-[0.01em] text-t_text_primary text-opacity-80 hover:bg-opacity-10 transition-colors",
+        children: "Continue"
+      }
+    ),
+    !txMsg && !txError && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "w-full flex gap-3 items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+        "a",
+        {
+          href: txExplorerUrl,
+          target: "_blank",
+          rel: "noreferrer",
+          className: "flex items-center gap-1.5 text-sm text-t_text_primary text-opacity-25 hover:text-opacity-50 transition-colors",
+          children: [
+            "View On Explorer",
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "w-6 h-6 bg-t_bg_tertiary bg-opacity-5 rounded-[4px] flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(RedirectThinIcon, { className: "w-3 h-3" }) })
+          ]
+        }
+      ),
+      targetExplorerUrl && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+        "a",
+        {
+          href: targetExplorerUrl,
+          target: "_blank",
+          rel: "noreferrer",
+          className: "flex items-center gap-1.5 text-sm text-t_text_primary text-opacity-25 hover:text-opacity-50 transition-colors",
+          children: [
+            "View Delivery",
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "w-6 h-6 bg-t_bg_tertiary bg-opacity-5 rounded-[4px] flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(RedirectThinIcon, { className: "w-3 h-3" }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "flex-1 h-px bg-t_text_primary bg-opacity-10" })
+    ] })
+  ] });
+};
+
+// src/components/Swap/SwapView/ConfirmationView/index.tsx
+var import_jsx_runtime87 = require("react/jsx-runtime");
+var ConfirmationView = ({ onCloseClick, delivery }) => {
   const { txStatus, txError } = useTxUIWrapper();
-  return txStatus === 5 /* COMPLETED */ || txError ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TxResult, { onCloseClick }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TxOverview, { onCloseClick });
+  if (txError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TxResult, { onCloseClick, delivery });
+  }
+  if (txStatus !== 5 /* COMPLETED */) {
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TxOverview, { onCloseClick });
+  }
+  return delivery.isPolling ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TxProgress, { onCloseClick, delivery }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TxResult, { onCloseClick, delivery });
 };
 
 // src/context/TxUIWrapper.tsx
 var import_notistack3 = require("notistack");
-var import_react20 = require("react");
-var import_jsx_runtime87 = require("react/jsx-runtime");
-var TxUIWrapperContext = (0, import_react20.createContext)({});
+var import_react23 = require("react");
+var import_jsx_runtime88 = require("react/jsx-runtime");
+var TxUIWrapperContext = (0, import_react23.createContext)({});
 var TxUIWrapper = ({ children }) => {
   const { evm, solana } = useWallet();
   const { chainId } = evm;
   const { chainId: solanaChainId } = solana;
   const { enqueueTransaction: nativeEnqueueTransaction } = useTransaction();
   const { enqueueSnackbar, closeSnackbar } = (0, import_notistack3.useSnackbar)();
-  const [currentNetwork, setCurrentNetwork] = (0, import_react20.useState)("evm" /* EVM */);
-  const isTxModalOpenRef = (0, import_react20.useRef)(false);
-  const [isTxModalOpen, setTxModalOpen] = (0, import_react20.useState)(false);
-  const [txHash, setTxHash] = (0, import_react20.useState)("");
-  const txKey = (0, import_react20.useRef)();
-  const [txError, setTxError] = (0, import_react20.useState)("");
-  const [txMsg, setTxMsg] = (0, import_react20.useState)("");
-  const [txReceipt, setTxReceipt] = (0, import_react20.useState)(
+  const [currentNetwork, setCurrentNetwork] = (0, import_react23.useState)("evm" /* EVM */);
+  const isTxModalOpenRef = (0, import_react23.useRef)(false);
+  const [isTxModalOpen, setTxModalOpen] = (0, import_react23.useState)(false);
+  const [txHash, setTxHash] = (0, import_react23.useState)("");
+  const txKey = (0, import_react23.useRef)();
+  const [txError, setTxError] = (0, import_react23.useState)("");
+  const [txMsg, setTxMsg] = (0, import_react23.useState)("");
+  const [txReceipt, setTxReceipt] = (0, import_react23.useState)(
     void 0
   );
-  const [loading, setLoading] = (0, import_react20.useState)(false);
-  const [txNeedsApproval, setTxNeedsApproval] = (0, import_react20.useState)(false);
-  const [txStatus, setTxStatus] = (0, import_react20.useState)(0 /* SWAP_INIT */);
-  const { supportedChains, setSrcValue } = useSwapContext();
+  const [loading, setLoading] = (0, import_react23.useState)(false);
+  const [txNeedsApproval, setTxNeedsApproval] = (0, import_react23.useState)(false);
+  const [txStatus, setTxStatus] = (0, import_react23.useState)(0 /* SWAP_INIT */);
+  const { supportedChains, setSrcValue, srcChain, dstChain } = useSwapContext();
+  const isCrossChainSwap = !!srcChain && !!dstChain && srcChain.chainId !== dstChain.chainId;
+  const delivery = useCrossChainDelivery({
+    enabled: txStatus === 5 /* COMPLETED */ && !txError && // Only while the modal is up: the chains below are the ones currently
+    // selected, and the user is free to pick different ones the moment they close
+    // it. An unclaimed CCTP transfer is the executor's and the sweep's job from
+    // there on, not this poll's.
+    isTxModalOpen && // A custom message means the modal is running a standalone transaction
+    // (an approval reset, say), not a swap with a destination leg.
+    !txMsg && isCrossChainSwap && // The status endpoint reads an EVM receipt; a Solana source has none.
+    srcChain?.ecosystem === "evm" /* EVM */,
+    chainId: srcChain?.chainId,
+    txHash,
+    walletAddress: evm.address
+  });
   const closeTransactionModal = (transactionKey) => {
     if (txKey.current === transactionKey) {
       isTxModalOpenRef.current = false;
       setTxModalOpen(false);
     }
   };
-  (0, import_react20.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isTxModalOpen) {
       if (txError) {
         enqueueSnackbar(
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             SnackMessage,
             {
               message: {
@@ -25185,14 +25437,14 @@ var TxUIWrapper = ({ children }) => {
         if (txHash) {
           const snackbarKey = txHash;
           enqueueSnackbar(
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
               SnackMessage,
               {
                 message: {
                   text: `Transaction ${trimTxHash(txHash)} is about to be mined!`,
                   variant: "warning",
-                  action: () => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center flex-nowrap", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                  action: () => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center flex-nowrap", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                       Button,
                       {
                         type: "button",
@@ -25206,16 +25458,16 @@ var TxUIWrapper = ({ children }) => {
                         children: "Check"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                       "div",
                       {
                         className: "fill-t_text_primary text-t_text_primary w-[14px] h-[14px] cursor-pointer p-[14px] leading-[0px]",
                         onClick: () => closeSnackbar(snackbarKey),
-                        children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(CloseIcon, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CloseIcon, {})
                       }
                     )
                   ] }),
-                  animation: () => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Spinner, { className: "w-4 h-4" })
+                  animation: () => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Spinner, { className: "w-4 h-4" })
                 }
               }
             ),
@@ -25236,7 +25488,7 @@ var TxUIWrapper = ({ children }) => {
     isTxModalOpen,
     supportedChains
   ]);
-  const getTxExplorerUrl = (0, import_react20.useCallback)(
+  const getTxExplorerUrl = (0, import_react23.useCallback)(
     (txHash2, txExplorer, txReceipt2) => {
       const defaultUrl = `${txExplorer}/${txHash2}`;
       if (!txReceipt2) {
@@ -25255,7 +25507,7 @@ var TxUIWrapper = ({ children }) => {
     },
     []
   );
-  const addUILogicToHandlersEVM = (0, import_react20.useCallback)(
+  const addUILogicToHandlersEVM = (0, import_react23.useCallback)(
     (currentKey, handlers, showDefaultSuccessMessage = true) => {
       const newHandlers = { ...handlers };
       newHandlers.onConfirm = (tx) => {
@@ -25283,14 +25535,14 @@ var TxUIWrapper = ({ children }) => {
         }
         const snackbarKey = `${txHash}-success`;
         enqueueSnackbar(
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             SnackMessage,
             {
               message: {
                 text: `Transaction mined successfully!`,
                 variant: "success",
-                action: () => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center flex-nowrap", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                action: () => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center flex-nowrap", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                     Button,
                     {
                       type: "button",
@@ -25308,12 +25560,12 @@ var TxUIWrapper = ({ children }) => {
                       children: "View"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                     "div",
                     {
                       className: "fill-t_text_primary text-t_text_primary w-[14px] h-[14px] cursor-pointer p-[14px] leading-[0px]",
                       onClick: () => closeSnackbar(snackbarKey),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(CloseIcon, {})
+                      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CloseIcon, {})
                     }
                   )
                 ] })
@@ -25342,7 +25594,7 @@ var TxUIWrapper = ({ children }) => {
       currentNetwork
     ]
   );
-  const addUILogicToHandlersSolana = (0, import_react20.useCallback)(
+  const addUILogicToHandlersSolana = (0, import_react23.useCallback)(
     (currentKey, handlers, showDefaultSuccessMessage = true) => {
       const newHandlers = { ...handlers };
       newHandlers.onConfirm = (signedTransaction) => {
@@ -25369,14 +25621,14 @@ var TxUIWrapper = ({ children }) => {
         }
         const snackbarKey = `${txHash}-success`;
         enqueueSnackbar(
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             SnackMessage,
             {
               message: {
                 text: `Transaction mined successfully!`,
                 variant: "success",
-                action: () => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center flex-nowrap", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                action: () => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center flex-nowrap", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                     Button,
                     {
                       type: "button",
@@ -25393,12 +25645,12 @@ var TxUIWrapper = ({ children }) => {
                       children: "View"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                     "div",
                     {
                       className: "fill-t_text_primary text-t_text_primary w-[14px] h-[14px] cursor-pointer p-[14px] leading-[0px]",
                       onClick: () => closeSnackbar(snackbarKey),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(CloseIcon, {})
+                      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CloseIcon, {})
                     }
                   )
                 ] })
@@ -25427,7 +25679,7 @@ var TxUIWrapper = ({ children }) => {
       currentNetwork
     ]
   );
-  const enqueueTransaction = (0, import_react20.useCallback)(
+  const enqueueTransaction = (0, import_react23.useCallback)(
     ({
       executeTransaction,
       txStatus: txStatus2,
@@ -25475,7 +25727,7 @@ var TxUIWrapper = ({ children }) => {
       nativeEnqueueTransaction
     ]
   );
-  const txExplorerUrl = (0, import_react20.useMemo)(() => {
+  const txExplorerUrl = (0, import_react23.useMemo)(() => {
     return getTxExplorerUrl(
       txHash,
       supportedChains.find(
@@ -25492,15 +25744,15 @@ var TxUIWrapper = ({ children }) => {
     txHash,
     txReceipt
   ]);
-  const setModalOpen = (0, import_react20.useCallback)((flag) => {
+  const setModalOpen = (0, import_react23.useCallback)((flag) => {
     setTxModalOpen(flag);
     isTxModalOpenRef.current = flag;
   }, []);
-  const modalType = (0, import_react20.useMemo)(
-    () => txError ? "error" : txStatus === 5 /* COMPLETED */ ? "success" : "neutral",
-    [txError, txStatus]
+  const modalType = (0, import_react23.useMemo)(
+    () => txError ? "error" : delivery.isPolling ? "waiting" : txStatus === 5 /* COMPLETED */ ? "success" : "neutral",
+    [txError, txStatus, delivery.isPolling]
   );
-  const state = (0, import_react20.useMemo)(
+  const state = (0, import_react23.useMemo)(
     () => ({
       enqueueTransaction,
       closeTransactionModal,
@@ -25530,49 +25782,49 @@ var TxUIWrapper = ({ children }) => {
       txNeedsApproval
     ]
   );
-  const closeTxModal = (0, import_react20.useCallback)(() => {
+  const closeTxModal = (0, import_react23.useCallback)(() => {
     setTxError("");
     setSrcValue("");
     setModalOpen(false);
   }, [setTxError, setSrcValue, setModalOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(TxUIWrapperContext.Provider, { value: state, children: [
-    isTxModalOpen && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(TxUIWrapperContext.Provider, { value: state, children: [
+    isTxModalOpen && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
       TxModal,
       {
         id: "tx_modal",
         type: modalType,
         onCloseClick: closeTxModal,
-        children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ConfirmationView, { onCloseClick: closeTxModal })
+        children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ConfirmationView, { onCloseClick: closeTxModal, delivery })
       }
     ),
     children
   ] });
 };
 function useTxUIWrapper() {
-  return (0, import_react20.useContext)(TxUIWrapperContext);
+  return (0, import_react23.useContext)(TxUIWrapperContext);
 }
 
 // src/components/Modal/index.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 
 // src/components/PoweredBy/index.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var PoweredBy = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "flex justify-end items-center", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex items-center gap-2.5 px-3 py-2 rounded-lg bg-gradient-to-r from-t_bg_tertiary/0 to-t_bg_tertiary/5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "flex items-center [&_svg]:h-5 [&_svg]:w-auto", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ChainlinkMarkIcon, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("p", { className: "text-xs whitespace-nowrap leading-5 tracking-[0.015em]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-t_text_primary text-opacity-70", children: `POWERED BY ` }),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-t_text_primary", children: "CCIP." })
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex justify-end items-center", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center gap-2.5 px-3 py-2 rounded-lg bg-gradient-to-r from-t_bg_tertiary/0 to-t_bg_tertiary/5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex items-center [&_svg]:h-5 [&_svg]:w-auto", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ChainlinkMarkIcon, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("p", { className: "text-xs whitespace-nowrap leading-5 tracking-[0.015em]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "text-t_text_primary text-opacity-70", children: `POWERED BY ` }),
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "text-t_text_primary", children: "CCIP." })
     ] })
   ] }) });
 };
 
 // src/components/SafeInput/index.tsx
-var import_react21 = require("react");
-var import_jsx_runtime90 = require("react/jsx-runtime");
-var SafeInput = (0, import_react21.forwardRef)(({ value, onChange, id: id2, placeholder, regex, className, disabled }, ref) => {
-  const size = (0, import_react21.useMemo)(() => value.length < 2 ? 2 : value.length, [value]);
-  const handleChange = (0, import_react21.useCallback)(
+var import_react24 = require("react");
+var import_jsx_runtime91 = require("react/jsx-runtime");
+var SafeInput = (0, import_react24.forwardRef)(({ value, onChange, id: id2, placeholder, regex, className, disabled }, ref) => {
+  const size = (0, import_react24.useMemo)(() => value.length < 2 ? 2 : value.length, [value]);
+  const handleChange = (0, import_react24.useCallback)(
     (e) => {
       if (e.target.value === ".") {
         return;
@@ -25583,7 +25835,7 @@ var SafeInput = (0, import_react21.forwardRef)(({ value, onChange, id: id2, plac
     },
     [onChange, regex, id2]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     "input",
     {
       ref,
@@ -25606,9 +25858,9 @@ var SafeInput = (0, import_react21.forwardRef)(({ value, onChange, id: id2, plac
 SafeInput.displayName = "SafeInput";
 
 // src/components/Skeleton/index.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var Skeleton = ({ className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     "div",
     {
       className: `bg-t_bg_tertiary bg-opacity-15 rounded animate-pulse ${className || ""}`
@@ -25617,9 +25869,9 @@ var Skeleton = ({ className }) => {
 };
 
 // src/components/Spinner/index.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var Spinner = ({ className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { role: "status", className: className || "", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { role: "status", className: className || "", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
     "svg",
     {
       "aria-hidden": "true",
@@ -25628,14 +25880,14 @@ var Spinner = ({ className }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           "path",
           {
             d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           "path",
           {
             d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
@@ -25648,11 +25900,11 @@ var Spinner = ({ className }) => {
 };
 
 // src/components/Swap/index.tsx
-var import_react41 = require("react");
+var import_react44 = require("react");
 
 // src/components/Swap/Header/Controls/index.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
-var HeaderIconButton = ({ onClick, label, children }) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+var import_jsx_runtime94 = require("react/jsx-runtime");
+var HeaderIconButton = ({ onClick, label, children }) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
   "button",
   {
     type: "button",
@@ -25664,63 +25916,63 @@ var HeaderIconButton = ({ onClick, label, children }) => /* @__PURE__ */ (0, imp
 );
 var Controls = ({ onClose }) => {
   const { tab, setTab, overlay } = useSwapContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "flex gap-2 items-center", children: tab === "Swap" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "flex gap-2 items-center", children: tab === "Swap" ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       HeaderIconButton,
       {
         onClick: () => setTab("Settings"),
         label: "Open preferences",
-        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(AdjustmentsIcon, { className: "w-4 h-4 opacity-50" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(AdjustmentsIcon, { className: "w-4 h-4 opacity-50" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       HeaderIconButton,
       {
         onClick: () => setTab("History"),
         label: "Open activity",
-        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ClockIcon, { className: "w-4 h-4 opacity-50" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ClockIcon, { className: "w-4 h-4 opacity-50" })
       }
     ),
-    overlay && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(HeaderIconButton, { onClick: onClose, label: "Close", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(CloseIcon, {}) }) })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
-    tab === "Settings" && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    overlay && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(HeaderIconButton, { onClick: onClose, label: "Close", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(CloseIcon, {}) }) })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
+    tab === "Settings" && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       HeaderIconButton,
       {
         onClick: () => setTab("Settings"),
         label: "Preferences",
-        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(AdjustmentsIcon, { className: "w-4 h-4 opacity-50" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(AdjustmentsIcon, { className: "w-4 h-4 opacity-50" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       HeaderIconButton,
       {
         onClick: () => setTab("Swap"),
         label: "Back to swap",
-        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(CloseIcon, {}) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(CloseIcon, {}) })
       }
     )
   ] }) });
 };
 
 // src/components/Swap/Header/index.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var Header2 = ({ onClose }) => {
   const { tab, integrationConfig, bridgeUI } = useSwapContext();
   const title = tab === "Settings" ? "Preferences" : tab === "History" ? "My Activity" : integrationConfig.widgetTitle || (bridgeUI ? "Bridge" : "Swap");
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex justify-between items-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em]", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Controls, { onClose })
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex justify-between items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em]", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Controls, { onClose })
   ] });
 };
 
 // src/components/Swap/HistoryView/index.tsx
-var import_react23 = require("react");
+var import_react26 = require("react");
 var import_react_virtuoso = require("react-virtuoso");
 
 // src/components/Swap/HistoryView/ActivityCard/index.tsx
 var import_date_fns2 = require("date-fns");
-var import_react22 = require("react");
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_react25 = require("react");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var ActivityCard = ({ transaction }) => {
   const { supportedChains, findTokenDataByAddressAndChain, tokenPrices } = useSwapContext();
   const { evm, solana } = useWallet();
@@ -25743,7 +25995,7 @@ var ActivityCard = ({ transaction }) => {
   const date = (0, import_date_fns2.format)(txDate, "dd.MM.yyyy");
   const time = (0, import_date_fns2.format)(txDate, "hh.mmaa");
   const receivedToken = dstToken || srcToken;
-  const amount = (0, import_react22.useMemo)(() => {
+  const amount = (0, import_react25.useMemo)(() => {
     if (transaction.tokenOutAmount && dstToken) {
       return weiToHumanReadable({
         amount: transaction.tokenOutAmount,
@@ -25757,7 +26009,7 @@ var ActivityCard = ({ transaction }) => {
       precisionFractionalPlaces: 4
     });
   }, [transaction, srcToken, dstToken]);
-  const amountUsd = (0, import_react22.useMemo)(() => {
+  const amountUsd = (0, import_react25.useMemo)(() => {
     const token = dstToken || srcToken;
     const chainId = dstToken ? transaction.targetChainId : transaction.sourceChainId;
     if (!token) return null;
@@ -25769,19 +26021,19 @@ var ActivityCard = ({ transaction }) => {
     (chain) => chain.chainId === transaction.sourceChainId
   )?.transactionExplorer}/${transaction.hash}`;
   const destinationChain = dstChain || srcChain;
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col gap-4 p-4 rounded-2xl bg-t_bg_tertiary bg-opacity-[0.03]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center gap-2 px-3 py-2 rounded-md bg-t_bg_tertiary bg-opacity-[0.03]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50 whitespace-nowrap", children: date }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "w-0.5 h-0.5 shrink-0 bg-t_text_primary opacity-25" }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50 whitespace-nowrap", children: time })
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col gap-4 p-4 rounded-2xl bg-t_bg_tertiary bg-opacity-[0.03]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center gap-2 px-3 py-2 rounded-md bg-t_bg_tertiary bg-opacity-[0.03]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50 whitespace-nowrap", children: date }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "w-0.5 h-0.5 shrink-0 bg-t_text_primary opacity-25" }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50 whitespace-nowrap", children: time })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center gap-2", children: [
-        transaction.status === "IN_PROGRESS" ? /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center gap-2 px-3 py-2 rounded-md bg-t_text_orange bg-opacity-[0.07] text-t_text_orange", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(LoadingRingIcon, { className: "w-4 h-4 shrink-0 animate-spin" }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("p", { className: "text-xs leading-[18px] whitespace-nowrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center gap-2", children: [
+        transaction.status === "IN_PROGRESS" ? /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center gap-2 px-3 py-2 rounded-md bg-t_text_orange bg-opacity-[0.07] text-t_text_orange", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(LoadingRingIcon, { className: "w-4 h-4 shrink-0 animate-spin" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("p", { className: "text-xs leading-[18px] whitespace-nowrap", children: [
             `Est. Time `,
-            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
               Timer,
               {
                 displayFormat: 0 /* Minutes */,
@@ -25790,8 +26042,8 @@ var ActivityCard = ({ transaction }) => {
               }
             )
           ] })
-        ] }) : transaction.status === "DONE" ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex items-center px-3 py-2 rounded-md bg-t_text_green bg-opacity-5", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "text-xs leading-[18px] whitespace-nowrap text-t_text_green text-opacity-80", children: "Done" }) }) : transaction.status === "REVERTED" ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex items-center px-3 py-2 rounded-md bg-t_bg_tertiary bg-opacity-[0.03]", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "text-xs leading-[18px] whitespace-nowrap text-t_text_primary text-opacity-50", children: "Reverted" }) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+        ] }) : transaction.status === "DONE" ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "flex items-center px-3 py-2 rounded-md bg-t_text_green bg-opacity-5", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-xs leading-[18px] whitespace-nowrap text-t_text_green text-opacity-80", children: "Done" }) }) : transaction.status === "REVERTED" ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "flex items-center px-3 py-2 rounded-md bg-t_bg_tertiary bg-opacity-[0.03]", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-xs leading-[18px] whitespace-nowrap text-t_text_primary text-opacity-50", children: "Reverted" }) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           "a",
           {
             href: explorerUrl,
@@ -25799,14 +26051,14 @@ var ActivityCard = ({ transaction }) => {
             rel: "noreferrer",
             className: "flex items-center justify-center w-[34px] h-[34px] shrink-0 rounded-md bg-t_bg_tertiary bg-opacity-5 no-underline text-t_text_primary hover:bg-opacity-10 transition-colors",
             "aria-label": "Show the transaction in the chain explorer",
-            children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(LinkExternalThinIcon, { className: "w-3 h-3 opacity-50" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(LinkExternalThinIcon, { className: "w-3 h-3 opacity-50" })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center shrink-0", children: [
-        dstToken && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "-mr-2", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center shrink-0", children: [
+        dstToken && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "-mr-2", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           TokenLogoWithChain,
           {
             token: srcToken,
@@ -25816,7 +26068,7 @@ var ActivityCard = ({ transaction }) => {
             chainLogoClassName: "w-[18px]"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           TokenLogoWithChain,
           {
             token: receivedToken,
@@ -25827,26 +26079,26 @@ var ActivityCard = ({ transaction }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex justify-between items-center gap-2 w-full min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col gap-0.5 text-left min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center gap-2 text-sm font-medium leading-5 tracking-[0.01em] text-t_text_primary", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { children: srcToken?.symbol || "?" }),
-            dstToken && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ChevronRightThinIcon, { className: "shrink-0 opacity-50" }),
-              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "truncate", children: dstToken.symbol })
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex justify-between items-center gap-2 w-full min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col gap-0.5 text-left min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center gap-2 text-sm font-medium leading-5 tracking-[0.01em] text-t_text_primary", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { children: srcToken?.symbol || "?" }),
+            dstToken && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ChevronRightThinIcon, { className: "shrink-0 opacity-50" }),
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "truncate", children: dstToken.symbol })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center gap-2 text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50 min-w-0", children: [
-            destinationChain && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "whitespace-nowrap truncate", children: `Destination ${destinationChain.displayName || destinationChain.name}` }),
-              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "w-0.5 h-0.5 shrink-0 bg-t_text_primary opacity-25" })
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center gap-2 text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50 min-w-0", children: [
+            destinationChain && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "whitespace-nowrap truncate", children: `Destination ${destinationChain.displayName || destinationChain.name}` }),
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "w-0.5 h-0.5 shrink-0 bg-t_text_primary opacity-25" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "whitespace-nowrap", children: receiverAddress ? shortAddress(receiverAddress) : "-" })
+            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "whitespace-nowrap", children: receiverAddress ? shortAddress(receiverAddress) : "-" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col gap-0.5 text-right shrink-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "text-sm font-medium leading-5 tracking-[0.01em] text-t_text_primary", children: amount }),
-          amountUsd && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50", children: `${amountUsd} USD` })
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col gap-0.5 text-right shrink-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "text-sm font-medium leading-5 tracking-[0.01em] text-t_text_primary", children: amount }),
+          amountUsd && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50", children: `${amountUsd} USD` })
         ] })
       ] })
     ] })
@@ -25854,13 +26106,13 @@ var ActivityCard = ({ transaction }) => {
 };
 
 // src/components/Swap/HistoryView/index.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var HistoryView = () => {
   const { history, historyLoadedOnce, solanaHistory, solanaHistoryLoadedOnce } = useHistory();
   const {
     solana: { address: solanaAddress }
   } = useWallet();
-  const unifiedHistory = (0, import_react23.useMemo)(() => {
+  const unifiedHistory = (0, import_react26.useMemo)(() => {
     const combinedHistory = [
       ...history,
       ...solanaAddress ? solanaHistory : []
@@ -25869,40 +26121,40 @@ var HistoryView = () => {
       return b.timestamp - a.timestamp;
     });
   }, [history, solanaHistory, solanaAddress]);
-  const view = (0, import_react23.useMemo)(() => {
+  const view = (0, import_react26.useMemo)(() => {
     if (!unifiedHistory || unifiedHistory.length === 0) {
       const isHistoryLoaded = historyLoadedOnce && (solanaAddress ? solanaHistoryLoadedOnce : true);
-      return isHistoryLoaded ? /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col items-center justify-center gap-2 h-full min-h-[320px] text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-sm font-medium text-t_text_primary", children: "Nothing here yet..." }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("p", { className: "text-xs leading-[18px] text-t_text_primary text-opacity-50", children: [
+      return isHistoryLoaded ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col items-center justify-center gap-2 h-full min-h-[320px] text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-sm font-medium text-t_text_primary", children: "Nothing here yet..." }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("p", { className: "text-xs leading-[18px] text-t_text_primary text-opacity-50", children: [
           "Your swaps will show up here",
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("br", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("br", {}),
           "once you make the first one."
         ] })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col items-center justify-center gap-4 h-full min-h-[320px] text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Spinner, { className: "w-8 h-8" }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-sm font-medium text-t_text_primary", children: "Where's it..." }),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("p", { className: "text-xs leading-[18px] text-t_text_primary text-opacity-50", children: [
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col items-center justify-center gap-4 h-full min-h-[320px] text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Spinner, { className: "w-8 h-8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-sm font-medium text-t_text_primary", children: "Where's it..." }),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("p", { className: "text-xs leading-[18px] text-t_text_primary text-opacity-50", children: [
             "We crunch data for your view.",
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("br", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("br", {}),
             "Please wait a moment."
           ] })
         ] })
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "relative h-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "relative h-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         import_react_virtuoso.Virtuoso,
         {
           data: unifiedHistory,
           style: { height: "100%" },
           itemContent: (_, transaction) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ActivityCard, { transaction });
+            return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ActivityCard, { transaction });
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "pointer-events-none absolute bottom-0 inset-x-0 h-16 bg-gradient-to-t from-t_bg_primary/[0.65] to-transparent" })
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "pointer-events-none absolute bottom-0 inset-x-0 h-16 bg-gradient-to-t from-t_bg_primary/[0.65] to-transparent" })
     ] });
   }, [
     historyLoadedOnce,
@@ -25910,13 +26162,13 @@ var HistoryView = () => {
     unifiedHistory,
     solanaAddress
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "flex-1 overflow-hidden", children: view });
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "flex-1 overflow-hidden", children: view });
 };
 
 // src/components/Swap/SwapView/SwapPanel/TokenPanel/ChainPicker/index.tsx
-var import_react24 = require("react");
+var import_react27 = require("react");
 var import_react_virtuoso2 = require("react-virtuoso");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var ChainPicker = ({
   chains,
   selectedChainId,
@@ -25924,14 +26176,14 @@ var ChainPicker = ({
   onSelect,
   onClose
 }) => {
-  const [searchValue, setSearchValue] = (0, import_react24.useState)("");
-  const chainSearchRef = (0, import_react24.useRef)(null);
-  (0, import_react24.useEffect)(() => {
+  const [searchValue, setSearchValue] = (0, import_react27.useState)("");
+  const chainSearchRef = (0, import_react27.useRef)(null);
+  (0, import_react27.useEffect)(() => {
     setTimeout(() => {
       chainSearchRef.current?.focus();
     }, 10);
   }, []);
-  const filteredChains = (0, import_react24.useMemo)(() => {
+  const filteredChains = (0, import_react27.useMemo)(() => {
     if (!searchValue) return chains;
     const searchLower = searchValue.toLowerCase();
     return chains.filter(
@@ -25939,23 +26191,23 @@ var ChainPicker = ({
     );
   }, [chains, searchValue]);
   const requiresSourceReset = (chain) => !!chain.disabled || chain.chainId === sameChainId;
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex justify-between items-center mb-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em] text-t_text_primary", children: "Select Network" }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex justify-between items-center mb-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em] text-t_text_primary", children: "Select Network" }),
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         "button",
         {
           type: "button",
           "aria-label": "Close",
           className: "flex items-center justify-center w-8 h-8 rounded-md bg-t_bg_tertiary bg-opacity-5 hover:bg-opacity-10 transition-colors",
           onClick: onClose,
-          children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(CloseIcon, {}) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(CloseIcon, {}) })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-2 h-14 px-4 rounded-xl bg-t_bg_tertiary bg-opacity-[0.03] border border-solid border-t_text_primary border-opacity-5 mb-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "text-t_text_primary opacity-60 flex items-center shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(SearchThinIcon, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex items-center gap-2 h-14 px-4 rounded-xl bg-t_bg_tertiary bg-opacity-[0.03] border border-solid border-t_text_primary border-opacity-5 mb-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "text-t_text_primary opacity-60 flex items-center shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(SearchThinIcon, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         "input",
         {
           ref: chainSearchRef,
@@ -25966,7 +26218,7 @@ var ChainPicker = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "flex flex-col mx-0 h-full min-h-0 flex-1", children: filteredChains.length ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "flex flex-col mx-0 h-full min-h-0 flex-1", children: filteredChains.length ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       import_react_virtuoso2.Virtuoso,
       {
         style: { maxHeight: "700px", height: "100%" },
@@ -25974,13 +26226,13 @@ var ChainPicker = ({
         itemContent: (_, chain) => {
           const resetWarning = requiresSourceReset(chain);
           const isSelected = chain.chainId === selectedChainId;
-          return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
             "div",
             {
               onClick: () => onSelect(chain),
               className: `flex gap-3 items-center p-3 sm:p-4 rounded-xl cursor-pointer bg-gradient-to-r from-t_bg_tertiary/[0.02] to-t_bg_tertiary/[0.02] bg-[rgba(40,40,40,0.15)] hover:bg-t_bg_tertiary hover:bg-opacity-10 transition-colors ${isSelected ? "!bg-t_bg_tertiary !bg-opacity-10" : ""}`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                   "img",
                   {
                     src: chain.image,
@@ -25988,19 +26240,19 @@ var ChainPicker = ({
                     className: `w-10 h-10 rounded-full shrink-0 ${resetWarning ? "opacity-40" : ""}`
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex justify-between items-center gap-2 w-full min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex justify-between items-center gap-2 w-full min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                     "p",
                     {
                       className: `text-sm font-medium leading-5 tracking-[0.01em] text-t_text_primary ${resetWarning ? "opacity-40" : ""}`,
                       children: chain.displayName
                     }
                   ),
-                  resetWarning && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center justify-end gap-1.5 text-[#D77F02]", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(WarningIcon, { className: "w-3.5 h-3.5 shrink-0" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "text-xs leading-[18px] tracking-[0.01em] whitespace-nowrap", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "sm:hidden", children: "Source will reset." }),
-                      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "hidden sm:inline", children: "Source will reset after selection." })
+                  resetWarning && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex items-center justify-end gap-1.5 text-[#D77F02]", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(WarningIcon, { className: "w-3.5 h-3.5 shrink-0" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "text-xs leading-[18px] tracking-[0.01em] whitespace-nowrap", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "sm:hidden", children: "Source will reset." }),
+                      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "hidden sm:inline", children: "Source will reset after selection." })
                     ] })
                   ] })
                 ] })
@@ -26009,42 +26261,42 @@ var ChainPicker = ({
           ) });
         }
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "text-center py-1 text-sm text-t_text_primary text-opacity-50", children: "No network found" }) })
+    ) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "text-center py-1 text-sm text-t_text_primary text-opacity-50", children: "No network found" }) })
   ] });
 };
 
 // src/components/Swap/SwapView/SwapPanel/TokenPanel/TokenPicker/index.tsx
 var import_free_solid_svg_icons = require("@fortawesome/free-solid-svg-icons");
 var import_react_fontawesome = require("@fortawesome/react-fontawesome");
-var import_react27 = require("react");
+var import_react30 = require("react");
 var import_react_virtuoso4 = require("react-virtuoso");
 
 // src/components/Swap/SwapView/SwapPanel/TokenPanel/TokenPicker/NetworkFilter/index.tsx
-var import_react25 = require("react");
+var import_react28 = require("react");
 var import_react_virtuoso3 = require("react-virtuoso");
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var NetworkFilter = ({ type, selectedChain, onSelect }) => {
   const { srcChainOptions, dstChainOptions } = useSwapContext();
-  const [open, setOpen] = (0, import_react25.useState)(false);
-  const [searchValue, setSearchValue] = (0, import_react25.useState)("");
-  const containerRef = (0, import_react25.useRef)(null);
-  const chains = (0, import_react25.useMemo)(
+  const [open, setOpen] = (0, import_react28.useState)(false);
+  const [searchValue, setSearchValue] = (0, import_react28.useState)("");
+  const containerRef = (0, import_react28.useRef)(null);
+  const chains = (0, import_react28.useMemo)(
     () => type === "source" ? srcChainOptions : dstChainOptions,
     [type, srcChainOptions, dstChainOptions]
   );
-  const filteredChains = (0, import_react25.useMemo)(() => {
+  const filteredChains = (0, import_react28.useMemo)(() => {
     if (!searchValue) return chains;
     const searchLower = searchValue.toLowerCase();
     return chains.filter(
       (chain) => chain.displayName.toLowerCase().includes(searchLower) || chain.chainId.toLowerCase().includes(searchLower)
     );
   }, [chains, searchValue]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (!open) {
       setSearchValue("");
     }
   }, [open]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     const onPointerDown = (e) => {
       if (containerRef.current && !e.composedPath().includes(containerRef.current)) {
         setOpen(false);
@@ -26054,22 +26306,22 @@ var NetworkFilter = ({ type, selectedChain, onSelect }) => {
     return () => document.removeEventListener("mousedown", onPointerDown);
   }, []);
   const clusterChains = chains.slice(0, 4);
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "relative", ref: containerRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "relative", ref: containerRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
       "button",
       {
         type: "button",
         onClick: () => setOpen((state) => !state),
         className: "flex items-center gap-2.5 h-12 px-3 py-2 rounded-lg bg-t_bg_tertiary bg-opacity-[0.04] hover:bg-opacity-10 transition-colors",
         children: [
-          selectedChain ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+          selectedChain ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
             "img",
             {
               src: selectedChain.image,
               alt: selectedChain.displayName,
               className: "w-5 h-5 rounded-full"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "grid grid-cols-2 gap-0.5 shrink-0", children: clusterChains.map((chain) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "grid grid-cols-2 gap-0.5 shrink-0", children: clusterChains.map((chain) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
             "img",
             {
               src: chain.image,
@@ -26078,21 +26330,21 @@ var NetworkFilter = ({ type, selectedChain, onSelect }) => {
             },
             chain.chainId
           )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary whitespace-nowrap max-w-[120px] truncate", children: selectedChain ? selectedChain.displayName : `${chains.length} Networks` }),
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary whitespace-nowrap max-w-[120px] truncate", children: selectedChain ? selectedChain.displayName : `${chains.length} Networks` }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
             "div",
             {
               className: `flex items-center justify-center w-6 h-6 text-t_text_primary opacity-50 transition-transform ${open ? "rotate-180" : ""}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ChevronDownThinIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ChevronDownThinIcon, {})
             }
           )
         ]
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "absolute -right-2 top-[calc(100%+8px)] z-20 flex flex-col w-[296px] py-5 px-2.5 rounded-xl network-dropdown-surface border border-solid border-t_text_primary border-opacity-5 overflow-hidden", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex items-center gap-2 px-2.5 pb-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "text-t_text_primary opacity-60 [&_svg]:w-4 [&_svg]:h-4 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(SearchThinIcon, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    open && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "absolute -right-2 top-[calc(100%+8px)] z-20 flex flex-col w-[296px] py-5 px-2.5 rounded-xl network-dropdown-surface border border-solid border-t_text_primary border-opacity-5 overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-center gap-2 px-2.5 pb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "text-t_text_primary opacity-60 [&_svg]:w-4 [&_svg]:h-4 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(SearchThinIcon, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
           "input",
           {
             value: searchValue,
@@ -26102,15 +26354,15 @@ var NetworkFilter = ({ type, selectedChain, onSelect }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "h-px w-full bg-t_bg_tertiary bg-opacity-5 mb-2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "h-[214px]", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "h-px w-full bg-t_bg_tertiary bg-opacity-5 mb-2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "h-[214px]", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
         import_react_virtuoso3.Virtuoso,
         {
           style: { height: "214px" },
           data: [void 0, ...filteredChains],
           itemContent: (_, chain) => {
             const isSelected = (chain?.chainId || "") === (selectedChain?.chainId || "");
-            return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
               "button",
               {
                 type: "button",
@@ -26120,14 +26372,14 @@ var NetworkFilter = ({ type, selectedChain, onSelect }) => {
                 },
                 className: `network-dropdown-row flex items-center gap-2.5 w-full h-10 px-2.5 rounded-lg text-left ${isSelected ? "network-dropdown-row-active" : ""}`,
                 children: [
-                  chain ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+                  chain ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
                     "img",
                     {
                       src: chain.image,
                       alt: chain.displayName,
                       className: "w-6 h-6 rounded-full"
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "grid grid-cols-2 gap-0.5 shrink-0", children: clusterChains.map((clusterChain) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "grid grid-cols-2 gap-0.5 shrink-0", children: clusterChains.map((clusterChain) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
                     "img",
                     {
                       src: clusterChain.image,
@@ -26136,7 +26388,7 @@ var NetworkFilter = ({ type, selectedChain, onSelect }) => {
                     },
                     clusterChain.chainId
                   )) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
                     "p",
                     {
                       className: `text-sm leading-[18px] tracking-[0.01em] text-t_text_primary truncate ${isSelected ? "" : "text-opacity-80"}`,
@@ -26154,9 +26406,9 @@ var NetworkFilter = ({ type, selectedChain, onSelect }) => {
 };
 
 // src/components/Swap/SwapView/SwapPanel/TokenPanel/TokenPicker/TokenItem/index.tsx
-var import_react26 = require("react");
+var import_react29 = require("react");
 var import_wagmi5 = require("wagmi");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var TokenItem = ({
   token,
   selectedTokenAddress,
@@ -26172,34 +26424,34 @@ var TokenItem = ({
     integrationConfig
   } = useSwapContext();
   const { address } = (0, import_wagmi5.useAccount)();
-  const chain = (0, import_react26.useMemo)(
+  const chain = (0, import_react29.useMemo)(
     () => supportedChains.find(({ chainId }) => chainId === token.chainId),
     [supportedChains, token]
   );
-  const tokenPrice = (0, import_react26.useMemo)(() => {
+  const tokenPrice = (0, import_react29.useMemo)(() => {
     const prices = tokenPrices[token.chainId];
     return prices?.[token.address];
   }, [token, tokenPrices]);
-  const tokenBalance = (0, import_react26.useMemo)(() => {
+  const tokenBalance = (0, import_react29.useMemo)(() => {
     if (!token.balance || !token.decimals) return null;
     return Number(ethers_exports.utils.formatUnits(token.balance, token.decimals));
   }, [token.balance, token.decimals]);
-  const hasBalance = (0, import_react26.useMemo)(
+  const hasBalance = (0, import_react29.useMemo)(
     () => token.balance && !token.balance.eq(0),
     [token.balance]
   );
-  const tokenValueUsd = (0, import_react26.useMemo)(() => {
+  const tokenValueUsd = (0, import_react29.useMemo)(() => {
     if (!tokenBalance || !tokenPrice || !hasBalance) return null;
     return tokenBalance * +tokenPrice;
   }, [tokenBalance, tokenPrice, hasBalance]);
   const isSelected = token.address.toLowerCase() === selectedTokenAddress?.toLowerCase() && selectedChainId && token.chainId === selectedChainId;
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
     "div",
     {
       className: `flex gap-3 items-center p-3 sm:p-4 rounded-xl cursor-pointer bg-gradient-to-r from-t_bg_tertiary/[0.02] to-t_bg_tertiary/[0.02] bg-[rgba(40,40,40,0.15)] hover:bg-t_bg_tertiary hover:bg-opacity-10 transition-colors ${isSelected ? "!bg-t_bg_tertiary !bg-opacity-10" : ""}`,
       onClick,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: `shrink-0 ${resetWarning ? "opacity-40" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: `shrink-0 ${resetWarning ? "opacity-40" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
           TokenLogoWithChain,
           {
             token,
@@ -26209,37 +26461,37 @@ var TokenItem = ({
             chainLogoClassName: "w-[18px]"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex justify-between items-center gap-2 w-full min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex justify-between items-center gap-2 w-full min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
             "div",
             {
               className: `text-left min-w-0 ${resetWarning ? "opacity-40" : ""}`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "text-sm font-medium leading-5 tracking-[0.01em] text-t_text_primary flex items-center gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "text-sm font-medium leading-5 tracking-[0.01em] text-t_text_primary flex items-center gap-1", children: [
                   token.symbol,
                   integrationConfig?.highlightedDstTokens?.includes(
                     token.symbol
-                  ) && panelType === "destination" && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                  ) && panelType === "destination" && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                     "div",
                     {
                       className: "flex items-center justify-center text-t_text_primary rounded-full w-3.5 h-3.5 text-xs",
                       title: "AI-powered token",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(StarsIcon, {})
+                      children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(StarsIcon, {})
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex gap-2 items-center text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "whitespace-nowrap", children: chain?.displayName || token.name }),
-                  !resetWarning && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "w-0.5 h-0.5 bg-t_text_primary opacity-25 shrink-0" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "whitespace-nowrap hidden sm:block", children: shortAddress(token.address) })
+                /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex gap-2 items-center text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "whitespace-nowrap", children: chain?.displayName || token.name }),
+                  !resetWarning && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "w-0.5 h-0.5 bg-t_text_primary opacity-25 shrink-0" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "whitespace-nowrap hidden sm:block", children: shortAddress(token.address) })
                   ] })
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "text-right shrink-0", children: [
-            address && isFetchingBalances ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Skeleton, { className: "w-[48px] h-[12px]" }) : token.balance && token.decimals && address && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "text-right shrink-0", children: [
+            address && isFetchingBalances ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Skeleton, { className: "w-[48px] h-[12px]" }) : token.balance && token.decimals && address && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
               "div",
               {
                 className: `text-sm font-medium leading-5 tracking-[0.01em] text-t_text_primary ${resetWarning ? "opacity-40" : ""}`,
@@ -26250,13 +26502,13 @@ var TokenItem = ({
                 }) : "<0.0001"
               }
             ),
-            resetWarning ? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-center justify-end gap-1.5 text-[#F46F28]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(WarningIcon, { className: "w-3.5 h-3.5 shrink-0" }),
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "text-xs leading-[18px] tracking-[0.01em] whitespace-nowrap", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "sm:hidden", children: resetWarning === "source" ? "Source will reset." : "Destination will reset." }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "hidden sm:inline", children: resetWarning === "source" ? "Source will reset after selection." : "Destination will reset after selection." })
+            resetWarning ? /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex items-center justify-end gap-1.5 text-[#F46F28]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(WarningIcon, { className: "w-3.5 h-3.5 shrink-0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("span", { className: "text-xs leading-[18px] tracking-[0.01em] whitespace-nowrap", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "sm:hidden", children: resetWarning === "source" ? "Source will reset." : "Destination will reset." }),
+                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "hidden sm:inline", children: resetWarning === "source" ? "Source will reset after selection." : "Destination will reset after selection." })
               ] })
-            ] }) : !isFetchingBalances && hasBalance && address && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50", children: tokenValueUsd ? `${tokenValueUsd.toFixed(2)} USD` : "-" })
+            ] }) : !isFetchingBalances && hasBalance && address && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50", children: tokenValueUsd ? `${tokenValueUsd.toFixed(2)} USD` : "-" })
           ] })
         ] })
       ]
@@ -26267,7 +26519,7 @@ var TokenItem = ({
 // src/components/Swap/SwapView/SwapPanel/TokenPanel/TokenPicker/index.tsx
 var import_wagmi6 = require("wagmi");
 var import_web328 = require("@solana/web3.js");
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var TokenPicker = ({
   chain,
   tokens,
@@ -26278,16 +26530,16 @@ var TokenPicker = ({
   setModalOpen,
   type
 }) => {
-  const [searchValue, setSearchValue] = (0, import_react27.useState)("");
-  const [acceptRisks, setAcceptRisks] = (0, import_react27.useState)(false);
-  const [showImportWarning, setShowImportWarning] = (0, import_react27.useState)(false);
-  const [loadingCustomTokenData, setLoadingCustomTokenData] = (0, import_react27.useState)(false);
-  const [customTokenData, setCustomTokenData] = (0, import_react27.useState)(null);
-  const [networkFilter, setNetworkFilter] = (0, import_react27.useState)(
+  const [searchValue, setSearchValue] = (0, import_react30.useState)("");
+  const [acceptRisks, setAcceptRisks] = (0, import_react30.useState)(false);
+  const [showImportWarning, setShowImportWarning] = (0, import_react30.useState)(false);
+  const [loadingCustomTokenData, setLoadingCustomTokenData] = (0, import_react30.useState)(false);
+  const [customTokenData, setCustomTokenData] = (0, import_react30.useState)(null);
+  const [networkFilter, setNetworkFilter] = (0, import_react30.useState)(
     void 0
   );
-  const currentRouteRequestNonce = (0, import_react27.useRef)(0);
-  const tokenSearchRef = (0, import_react27.useRef)(null);
+  const currentRouteRequestNonce = (0, import_react30.useRef)(0);
+  const tokenSearchRef = (0, import_react30.useRef)(null);
   const {
     bridgeUI,
     supportedChains,
@@ -26302,12 +26554,12 @@ var TokenPicker = ({
   const {
     solana: { address: solanaAddress }
   } = useWallet();
-  (0, import_react27.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     setShowImportWarning(false);
     setAcceptRisks(false);
   }, [isOpen]);
   const importChain = networkFilter ?? chain;
-  const importCustomToken = (0, import_react27.useCallback)(() => {
+  const importCustomToken = (0, import_react30.useCallback)(() => {
     if (importChain && customTokenData && (isETHAddressValid(searchValue) || isSolanaAddressValid(searchValue))) {
       let customTokens = {};
       if (!isServer) {
@@ -26343,7 +26595,7 @@ var TokenPicker = ({
     addTokenToChainIfNotExists,
     setModalOpen
   ]);
-  const getCustomTokenData2 = (0, import_react27.useCallback)(async () => {
+  const getCustomTokenData2 = (0, import_react30.useCallback)(async () => {
     if (!importChain) {
       return;
     }
@@ -26369,7 +26621,7 @@ var TokenPicker = ({
       }
     }
   }, [importChain, searchValue]);
-  const getCustomSolanaTokenData = (0, import_react27.useCallback)(async () => {
+  const getCustomSolanaTokenData = (0, import_react30.useCallback)(async () => {
     const nonce = Date.now();
     currentRouteRequestNonce.current = nonce;
     const rpcUrl = supportedChains.find(
@@ -26432,7 +26684,7 @@ var TokenPicker = ({
       }
     }
   }, [importChain, searchValue, supportedChains]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (!bridgeUI && importChain && !findTokenDataByAddressAndChain(
       importChain.ecosystem === "evm" /* EVM */ ? searchValue.toLowerCase() : searchValue,
       importChain.chainId
@@ -26457,12 +26709,12 @@ var TokenPicker = ({
     findTokenDataByAddressAndChain,
     importChain
   ]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     setSearchValue("");
     setNetworkFilter(void 0);
   }, [isOpen]);
   const isMatch = (value, searchValue2) => value.toLowerCase().indexOf(searchValue2.toLowerCase()) > -1;
-  const visibleTokens = (0, import_react27.useMemo)(() => {
+  const visibleTokens = (0, import_react30.useMemo)(() => {
     const all = [...tokens || [], ...otherTokens || []];
     return all.filter((token) => {
       if (networkFilter && token.chainId !== networkFilter.chainId) {
@@ -26471,7 +26723,7 @@ var TokenPicker = ({
       return isMatch(token.symbol, searchValue) || isMatch(token.name, searchValue) || token.address.toLowerCase() === searchValue.toLowerCase();
     });
   }, [tokens, otherTokens, searchValue, networkFilter]);
-  const calculateTokenValue = (0, import_react27.useCallback)(
+  const calculateTokenValue = (0, import_react30.useCallback)(
     (token) => {
       if (!token.balance || !token.decimals) return 0;
       const balance = Number(
@@ -26482,7 +26734,7 @@ var TokenPicker = ({
     },
     [tokenPrices]
   );
-  const getResetWarning = (0, import_react27.useCallback)(
+  const getResetWarning = (0, import_react30.useCallback)(
     (token) => {
       if (type === "destination") {
         if (srcChain && !isChainConnectionSupported(srcChain, token.chainId, bridgeUI)) {
@@ -26505,11 +26757,11 @@ var TokenPicker = ({
     },
     [type, srcChain, dstChain, bridgeUI, supportedChains, bridgeTokensDictionary]
   );
-  const compareByResetWarning = (0, import_react27.useCallback)(
+  const compareByResetWarning = (0, import_react30.useCallback)(
     (tokenA, tokenB) => Number(!!getResetWarning(tokenA)) - Number(!!getResetWarning(tokenB)),
     [getResetWarning]
   );
-  const ownedTokens = (0, import_react27.useMemo)(() => {
+  const ownedTokens = (0, import_react30.useMemo)(() => {
     if (!address && !solanaAddress) {
       return [];
     }
@@ -26532,7 +26784,7 @@ var TokenPicker = ({
     calculateTokenValue,
     compareByResetWarning
   ]);
-  const recommendedTokens = (0, import_react27.useMemo)(
+  const recommendedTokens = (0, import_react30.useMemo)(
     () => visibleTokens.filter(
       (token) => !(address || solanaAddress) || BigNumber.from(token?.balance || "0").eq(0)
     ).sort(
@@ -26540,13 +26792,13 @@ var TokenPicker = ({
     ),
     [visibleTokens, address, solanaAddress, compareByResetWarning]
   );
-  const tokenGroups = (0, import_react27.useMemo)(() => {
+  const tokenGroups = (0, import_react30.useMemo)(() => {
     return ownedTokens.length ? [
       { label: "MY TOKENS.", tokens: ownedTokens },
       { label: "RECOMMENDED.", tokens: recommendedTokens }
     ] : [{ label: "RECOMMENDED.", tokens: recommendedTokens }];
   }, [ownedTokens, recommendedTokens]);
-  const listRows = (0, import_react27.useMemo)(
+  const listRows = (0, import_react30.useMemo)(
     () => tokenGroups.flatMap((group, groupIndex) => {
       const rows = groupIndex === 0 ? [] : [
         {
@@ -26570,49 +26822,49 @@ var TokenPicker = ({
     }),
     [tokenGroups]
   );
-  const [topRowIndex, setTopRowIndex] = (0, import_react27.useState)(0);
+  const [topRowIndex, setTopRowIndex] = (0, import_react30.useState)(0);
   const pinnedGroupLabel = listRows[Math.min(topRowIndex, listRows.length - 1)]?.groupLabel ?? tokenGroups[0]?.label ?? "";
-  (0, import_react27.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (isOpen && tokenSearchRef.current) {
       setTimeout(() => {
         tokenSearchRef.current?.focus();
       }, 10);
     }
   }, [isOpen]);
-  return showImportWarning ? /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex justify-between items-center mb-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em]", children: "Import token" }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  return showImportWarning ? /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex justify-between items-center mb-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em]", children: "Import token" }),
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         "button",
         {
           type: "button",
           "aria-label": "Close",
           className: "flex items-center justify-center w-8 h-8 rounded-md bg-t_bg_tertiary bg-opacity-5 hover:bg-opacity-10 transition-colors",
           onClick: () => setModalOpen(false),
-          children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(CloseIcon, {}) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(CloseIcon, {}) })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex flex-col h-full gap-2", children: [
-      customTokenData && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex flex-col h-full gap-2", children: [
+      customTokenData && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
         "div",
         {
           className: `flex gap-3 py-3 px-4 items-center grow-0 bg-t_bg_tertiary bg-opacity-[0.03] border border-solid border-t_text_primary border-opacity-10 rounded-xl`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
               UnknownTokenLogo,
               {
                 tokenName: customTokenData.name,
                 className: "w-9 h-9 text-[15px]"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex justify-between items-center gap-1 overflow-hidden grow", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "overflow-hidden whitespace-nowrap text-ellipsis text-sm font-medium", children: customTokenData.name }),
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "text-sm text-t_text_primary text-opacity-50", children: customTokenData.symbol })
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex justify-between items-center gap-1 overflow-hidden grow", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "overflow-hidden whitespace-nowrap text-ellipsis text-sm font-medium", children: customTokenData.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "text-sm text-t_text_primary text-opacity-50", children: customTokenData.symbol })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "text-sm flex items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "text-sm flex items-center", children: [
               shortAddress(searchValue.toLowerCase()),
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                 "button",
                 {
                   type: "button",
@@ -26621,30 +26873,30 @@ var TokenPicker = ({
                   ),
                   "aria-label": `Copy ${customTokenData.symbol} token address`,
                   className: "flex items-center p-2 fill-t_text_primary cursor-pointer hover:fill-t_main_accent_light",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(CopyIcon, { className: "w-5 h-5" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(CopyIcon, { className: "w-5 h-5" })
                 }
               )
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "px-4 py-4 rounded-xl border border-solid border-t_warning_dark text-sm text-t_text_primary text-opacity-80", children: "Ensure that you have verified the token address and confirmed its correctness" }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "bg-t_bg_tertiary bg-opacity-[0.03] border border-solid border-t_text_primary border-opacity-10 rounded-xl p-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "text-sm mb-2 text-t_text_primary text-opacity-80", children: "Be mindful that anyone can create tokens, even counterfeit versions of existing ones. Certain tokens and their technical specifications might not be compatible with XSwap services. By importing such custom tokens, you acknowledge and consent to the associated risks." }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "px-4 py-4 rounded-xl border border-solid border-t_warning_dark text-sm text-t_text_primary text-opacity-80", children: "Ensure that you have verified the token address and confirmed its correctness" }),
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "bg-t_bg_tertiary bg-opacity-[0.03] border border-solid border-t_text_primary border-opacity-10 rounded-xl p-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "text-sm mb-2 text-t_text_primary text-opacity-80", children: "Be mindful that anyone can create tokens, even counterfeit versions of existing ones. Certain tokens and their technical specifications might not be compatible with XSwap services. By importing such custom tokens, you acknowledge and consent to the associated risks." }),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
           "button",
           {
             type: "button",
             onClick: () => setAcceptRisks((state) => !state),
             className: "flex items-center",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "flex justify-center items-center p-1 w-6 h-6 border-2 border-solid border-t_text_primary border-opacity-50 rounded-md mr-2", children: acceptRisks && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_fontawesome.FontAwesomeIcon, { icon: import_free_solid_svg_icons.faCheck, className: "w-4 h-4" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "font-medium", children: "Accept" })
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex justify-center items-center p-1 w-6 h-6 border-2 border-solid border-t_text_primary border-opacity-50 rounded-md mr-2", children: acceptRisks && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react_fontawesome.FontAwesomeIcon, { icon: import_free_solid_svg_icons.faCheck, className: "w-4 h-4" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "font-medium", children: "Accept" })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "flex grow items-end justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex grow items-end justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         Button,
         {
           type: "button",
@@ -26655,24 +26907,24 @@ var TokenPicker = ({
         }
       ) })
     ] })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex justify-between items-center mb-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em] text-t_text_primary", children: "Select Token" }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex justify-between items-center mb-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em] text-t_text_primary", children: "Select Token" }),
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         "button",
         {
           type: "button",
           "aria-label": "Close",
           className: "flex items-center justify-center w-8 h-8 rounded-md bg-t_bg_tertiary bg-opacity-5 hover:bg-opacity-10 transition-colors",
           onClick: () => setModalOpen(false),
-          children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(CloseIcon, {}) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(CloseIcon, {}) })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex items-center justify-between gap-2 h-14 pl-4 pr-1 rounded-xl bg-t_bg_tertiary bg-opacity-[0.03] border border-solid border-t_text_primary border-opacity-5 mb-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "text-t_text_primary opacity-60 flex items-center shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SearchThinIcon, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center justify-between gap-2 h-14 pl-4 pr-1 rounded-xl bg-t_bg_tertiary bg-opacity-[0.03] border border-solid border-t_text_primary border-opacity-5 mb-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "text-t_text_primary opacity-60 flex items-center shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(SearchThinIcon, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
           "input",
           {
             ref: tokenSearchRef,
@@ -26683,7 +26935,7 @@ var TokenPicker = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         NetworkFilter,
         {
           type,
@@ -26692,8 +26944,8 @@ var TokenPicker = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "flex flex-col mx-0 h-full min-h-0 flex-1", children: loadingCustomTokenData ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "flex justify-center w-full py-4 px-0", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Spinner, { className: "w-9 h-9" }) }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_jsx_runtime100.Fragment, { children: customTokenData ? /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex gap-3 py-3 px-4 items-center rounded-xl bg-t_bg_tertiary bg-opacity-[0.03]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex flex-col mx-0 h-full min-h-0 flex-1", children: loadingCustomTokenData ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex justify-center w-full py-4 px-0", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Spinner, { className: "w-9 h-9" }) }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_jsx_runtime101.Fragment, { children: customTokenData ? /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex gap-3 py-3 px-4 items-center rounded-xl bg-t_bg_tertiary bg-opacity-[0.03]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         TokenLogoWithChain,
         {
           token: customTokenData,
@@ -26703,14 +26955,14 @@ var TokenPicker = ({
           chainLogoClassName: "w-5"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex justify-between items-center gap-1 overflow-hidden grow", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "text-sm font-medium text-ellipsis", children: customTokenData.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "text-xs text-t_text_primary !text-opacity-50", children: importChain?.displayName })
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex justify-between items-center gap-1 overflow-hidden grow", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "text-sm font-medium text-ellipsis", children: customTokenData.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "text-xs text-t_text_primary !text-opacity-50", children: importChain?.displayName })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "text-sm text-t_text_primary text-opacity-50", children: customTokenData.symbol })
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "text-sm text-t_text_primary text-opacity-50", children: customTokenData.symbol })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         Button,
         {
           type: "button",
@@ -26719,10 +26971,10 @@ var TokenPicker = ({
           children: "Import"
         }
       ) })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex flex-col h-full min-h-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "pb-3 text-[10px] leading-4 tracking-[0.015em] text-t_text_primary text-opacity-30 text-left shrink-0", children: pinnedGroupLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "relative flex flex-col flex-1 min-h-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex flex-col h-full min-h-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "pb-3 text-[10px] leading-4 tracking-[0.015em] text-t_text_primary text-opacity-30 text-left shrink-0", children: pinnedGroupLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "relative flex flex-col flex-1 min-h-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
           import_react_virtuoso4.Virtuoso,
           {
             style: { maxHeight: "700px", height: "100%" },
@@ -26734,12 +26986,12 @@ var TokenPicker = ({
                 return null;
               }
               if (row.kind === "label") {
-                return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "pt-2 pb-3 text-[10px] leading-4 tracking-[0.015em] text-t_text_primary text-opacity-30 text-left", children: row.label });
+                return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "pt-2 pb-3 text-[10px] leading-4 tracking-[0.015em] text-t_text_primary text-opacity-30 text-left", children: row.label });
               }
               if (row.kind === "empty") {
-                return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "text-center py-1 pb-3 text-sm text-t_text_primary text-opacity-50", children: "No token found" });
+                return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "text-center py-1 pb-3 text-sm text-t_text_primary text-opacity-50", children: "No token found" });
               }
-              return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                 TokenItem,
                 {
                   panelType: type,
@@ -26756,14 +27008,14 @@ var TokenPicker = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "pointer-events-none absolute bottom-0 left-0 right-0 h-16 bg-gradient-to-t from-t_bg_secondary/65 to-t_bg_secondary/0" })
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "pointer-events-none absolute bottom-0 left-0 right-0 h-16 bg-gradient-to-t from-t_bg_secondary/65 to-t_bg_secondary/0" })
       ] })
     ] }) }) })
   ] });
 };
 
 // src/components/Swap/PickerView/index.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var PickerView = () => {
   const {
     activePicker,
@@ -26830,7 +27082,7 @@ var PickerView = () => {
   if (!activePicker) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     "div",
     {
       className: "fixed top-0 left-0 right-0 bottom-0 z-10 flex flex-col justify-end bg-[rgba(2,2,2,0.8)] sm:absolute sm:z-[1] sm:justify-start sm:bg-transparent",
@@ -26842,9 +27094,9 @@ var PickerView = () => {
           close();
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex flex-col w-full h-[85vh] max-h-full overflow-hidden p-4 pt-2.5 rounded-t-[24px] border-t border-solid border-t_text_primary border-opacity-10 bg-gradient-to-r from-t_bg_secondary/50 to-t_bg_secondary/50 bg-t_bg_primary sm:h-full sm:p-0 sm:rounded-none sm:border-0 sm:bg-none sm:bg-transparent", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "sm:hidden mx-auto mb-4 h-1 w-8 rounded-full bg-t_bg_tertiary bg-opacity-10 shrink-0" }),
-        bridgeDestination ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-col w-full h-[85vh] max-h-full overflow-hidden p-4 pt-2.5 rounded-t-[24px] border-t border-solid border-t_text_primary border-opacity-10 bg-gradient-to-r from-t_bg_secondary/50 to-t_bg_secondary/50 bg-t_bg_primary sm:h-full sm:p-0 sm:rounded-none sm:border-0 sm:bg-none sm:bg-transparent", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "sm:hidden mx-auto mb-4 h-1 w-8 rounded-full bg-t_bg_tertiary bg-opacity-10 shrink-0" }),
+        bridgeDestination ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           ChainPicker,
           {
             chains: dstChainOptions,
@@ -26853,7 +27105,7 @@ var PickerView = () => {
             onSelect: onDstChainSelect,
             onClose: close
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           TokenPicker,
           {
             type,
@@ -26876,9 +27128,9 @@ var PickerView = () => {
 };
 
 // src/components/ToggleButton/index.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var ToggleButton = ({ checked, onClick }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "button",
     {
       type: "button",
@@ -26886,7 +27138,7 @@ var ToggleButton = ({ checked, onClick }) => {
       "aria-checked": checked,
       onClick,
       className: `relative inline-flex items-center w-10 h-5 p-0.5 rounded-full cursor-pointer transition-opacity border-none bg-gradient-to-r ${checked ? "from-x_blue_light/25 to-x_blue_dark/25" : "from-t_main_accent_light/20 to-t_main_accent_dark/20 opacity-50"}`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
         "span",
         {
           className: `w-4 h-4 rounded-full transition-transform bg-gradient-to-r ${checked ? "translate-x-5 from-x_blue_light to-x_blue_dark" : "translate-x-0 from-t_main_accent_light to-t_main_accent_dark"}`
@@ -26973,9 +27225,9 @@ var mapTransports = (chains) => {
 };
 
 // src/components/Tooltip/index.tsx
-var import_react28 = require("react");
+var import_react31 = require("react");
 var import_react_dom = require("react-dom");
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 var positionToClass = {
   TOP: "-translate-x-1/2 -translate-y-full",
   BOTTOM: "-translate-x-1/2",
@@ -26983,9 +27235,9 @@ var positionToClass = {
   RIGHT: "-translate-y-1/2"
 };
 var Tooltip = ({ id: id2, position, text, triggerRef }) => {
-  const [positionPx, setPositionPx] = (0, import_react28.useState)({ top: 0, left: 0 });
-  const [visible, setVisible] = (0, import_react28.useState)(false);
-  (0, import_react28.useEffect)(() => {
+  const [positionPx, setPositionPx] = (0, import_react31.useState)({ top: 0, left: 0 });
+  const [visible, setVisible] = (0, import_react31.useState)(false);
+  (0, import_react31.useEffect)(() => {
     const trigger = triggerRef.current;
     const updatePosition = () => {
       if (!trigger) {
@@ -27046,7 +27298,7 @@ var Tooltip = ({ id: id2, position, text, triggerRef }) => {
     };
   }, [triggerRef, position]);
   return (0, import_react_dom.createPortal)(
-    visible && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+    visible && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
       "div",
       {
         id: id2,
@@ -27064,18 +27316,18 @@ var Tooltip = ({ id: id2, position, text, triggerRef }) => {
 };
 
 // src/components/Swap/SettingsView/InfiniteApproval/index.tsx
-var import_react29 = require("react");
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_react32 = require("react");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var InfiniteApproval = () => {
-  const tooltipTriggerRef = (0, import_react29.useRef)(null);
+  const tooltipTriggerRef = (0, import_react32.useRef)(null);
   const { infiniteApproval, setInfiniteApproval } = useSwapContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex gap-2 items-center justify-between py-4 px-6 rounded-xl bg-gradient-to-r from-t_bg_tertiary/[0.03] to-t_bg_tertiary/[0.01]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("h2", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary whitespace-nowrap", children: "Persistent Access" }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "w-0.5 h-0.5 bg-t_text_primary opacity-25 shrink-0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-1.5 min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary text-opacity-50 whitespace-nowrap truncate", children: "Don't Ask Every Tx." }),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex gap-2 items-center justify-between py-4 px-6 rounded-xl bg-gradient-to-r from-t_bg_tertiary/[0.03] to-t_bg_tertiary/[0.01]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("h2", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary whitespace-nowrap", children: "Persistent Access" }),
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "w-0.5 h-0.5 bg-t_text_primary opacity-25 shrink-0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex items-center gap-1.5 min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary text-opacity-50 whitespace-nowrap truncate", children: "Don't Ask Every Tx." }),
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
           Tooltip,
           {
             text: "Enabling persistent access (infinite approval) allows to access your tokens without requiring repeated approvals for each transaction. This streamlines multiple transactions but may pose a security risk if the spender's address is compromised.",
@@ -27084,7 +27336,7 @@ var InfiniteApproval = () => {
             id: "infinite-approval-tooltip"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
           InfoThinIcon,
           {
             ref: tooltipTriggerRef,
@@ -27093,7 +27345,7 @@ var InfiniteApproval = () => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
       ToggleButton,
       {
         checked: infiniteApproval,
@@ -27106,18 +27358,18 @@ var InfiniteApproval = () => {
 };
 
 // src/components/Swap/SettingsView/Delivery/index.tsx
-var import_react30 = require("react");
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_react33 = require("react");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 var Delivery = () => {
-  const tooltipTriggerRef = (0, import_react30.useRef)(null);
+  const tooltipTriggerRef = (0, import_react33.useRef)(null);
   const { expressDelivery, setExpressDelivery } = useSwapContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex gap-2 items-center justify-between py-4 px-6 rounded-xl bg-gradient-to-r from-t_bg_tertiary/[0.03] to-t_bg_tertiary/[0.01]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("h2", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary whitespace-nowrap", children: "Fast Delivery" }),
-      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "w-0.5 h-0.5 bg-t_text_primary opacity-25 shrink-0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex items-center gap-1.5 min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary text-opacity-50 whitespace-nowrap truncate", children: expressDelivery ? "Est. Time 30 Sec." : "Est. Time 30 Min." }),
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex gap-2 items-center justify-between py-4 px-6 rounded-xl bg-gradient-to-r from-t_bg_tertiary/[0.03] to-t_bg_tertiary/[0.01]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("h2", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary whitespace-nowrap", children: "Fast Delivery" }),
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "w-0.5 h-0.5 bg-t_text_primary opacity-25 shrink-0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex items-center gap-1.5 min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary text-opacity-50 whitespace-nowrap truncate", children: expressDelivery ? "Est. Time 30 Sec." : "Est. Time 30 Min." }),
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           Tooltip,
           {
             text: "Fast Delivery is a special feature of XSwap that reduces transaction time across chains to around 30 seconds. It is currently available for swaps below a value of $1000 USD.",
@@ -27126,7 +27378,7 @@ var Delivery = () => {
             id: "express-delivery-tooltip"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           InfoThinIcon,
           {
             ref: tooltipTriggerRef,
@@ -27135,7 +27387,7 @@ var Delivery = () => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
       ToggleButton,
       {
         checked: expressDelivery,
@@ -27148,13 +27400,13 @@ var Delivery = () => {
 };
 
 // src/components/Swap/SettingsView/Slippage/index.tsx
-var import_react31 = require("react");
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_react34 = require("react");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 var defaultPreset = "1.5";
 var presets = ["1", "2", "6"];
 var Slippage = () => {
   const { slippage, setSlippage } = useSwapContext();
-  const [customSlippage, setCustomSlippage] = (0, import_react31.useState)(slippage);
+  const [customSlippage, setCustomSlippage] = (0, import_react34.useState)(slippage);
   const onInputChange = (value) => {
     if (value.length === 0) {
       setCustomSlippage("");
@@ -27169,18 +27421,18 @@ var Slippage = () => {
       }
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-col gap-6 py-4 px-6 rounded-xl bg-gradient-to-r from-t_bg_tertiary/[0.03] to-t_bg_tertiary/[0.01]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("h2", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary", children: "Slippage" }),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "w-0.5 h-0.5 bg-t_text_primary opacity-25 shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary text-opacity-50", children: `${Number(slippage).toFixed(2)}%` })
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex flex-col gap-6 py-4 px-6 rounded-xl bg-gradient-to-r from-t_bg_tertiary/[0.03] to-t_bg_tertiary/[0.01]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("h2", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary", children: "Slippage" }),
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "w-0.5 h-0.5 bg-t_text_primary opacity-25 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary text-opacity-50", children: `${Number(slippage).toFixed(2)}%` })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex items-center gap-4 w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex items-center justify-between flex-1 h-12 gap-3 p-3 rounded-[10px] bg-gradient-to-r from-t_bg_tertiary/[0.02] to-t_bg_tertiary/[0.02] bg-[rgba(40,40,40,0.15)] border border-solid border-t_text_primary border-opacity-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex items-center gap-3 min-w-0 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex items-center justify-center w-6 h-6 rounded bg-t_bg_tertiary bg-opacity-5 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(AdjustmentsIcon, { className: "w-3.5 h-3.5 text-t_text_primary" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-4 w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center justify-between flex-1 h-12 gap-3 p-3 rounded-[10px] bg-gradient-to-r from-t_bg_tertiary/[0.02] to-t_bg_tertiary/[0.02] bg-[rgba(40,40,40,0.15)] border border-solid border-t_text_primary border-opacity-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-3 min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "flex items-center justify-center w-6 h-6 rounded bg-t_bg_tertiary bg-opacity-5 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(AdjustmentsIcon, { className: "w-3.5 h-3.5 text-t_text_primary" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
               SafeInput,
               {
                 id: "slippage-input",
@@ -27192,10 +27444,10 @@ var Slippage = () => {
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "text-sm leading-6 text-t_text_primary text-opacity-50 shrink-0", children: "%" })
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "text-sm leading-6 text-t_text_primary text-opacity-50 shrink-0", children: "%" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "w-0.5 h-0.5 bg-t_text_primary opacity-25 shrink-0 hidden sm:block" }),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex items-center gap-2", children: presets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "w-0.5 h-0.5 bg-t_text_primary opacity-25 shrink-0 hidden sm:block" }),
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "flex items-center gap-2", children: presets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
           "button",
           {
             type: "button",
@@ -27207,10 +27459,10 @@ var Slippage = () => {
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "text-[10px] leading-4 tracking-[0.015em] text-t_text_primary text-opacity-30", children: "NOTE." }),
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("p", { className: "text-sm leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-40", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "font-medium", children: "Slippage" }),
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: "text-[10px] leading-4 tracking-[0.015em] text-t_text_primary text-opacity-30", children: "NOTE." }),
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("p", { className: "text-sm leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-40", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "font-medium", children: "Slippage" }),
         ` defines how much a price can change before your
           transfer falls back to USDC. If the price moves more than your
           tolerance allows, you'll receive USDC on your destination chain.`
@@ -27220,17 +27472,17 @@ var Slippage = () => {
 };
 
 // src/components/Swap/SettingsView/index.tsx
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var SettingsView = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Delivery, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(InfiniteApproval, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Slippage, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Delivery, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(InfiniteApproval, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Slippage, {})
   ] });
 };
 
 // src/components/Swap/ReorderButton/ReorderButton.tsx
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 var ReorderButton = () => {
   const {
     dstChain,
@@ -27248,13 +27500,13 @@ var ReorderButton = () => {
     setDstToken(srcToken);
     setSrcToken(dstToken);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "h-0 w-full relative z-[1]", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "h-0 w-full relative z-[1]", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
     "button",
     {
       onClick: onReorderClick,
       "aria-label": "Switch target token with the source token",
       className: "absolute left-1/2 -translate-x-1/2 -translate-y-1/2 flex items-center justify-center w-8 h-8 rounded-md backdrop-blur-[24px] bg-t_bg_secondary bg-gradient-to-r from-t_bg_tertiary/5 to-t_bg_tertiary/5 hover:from-t_bg_tertiary/10 hover:to-t_bg_tertiary/10 transition-colors",
-      children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "flex text-t_text_primary opacity-50", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ChevronsUpDownThinIcon, {}) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex text-t_text_primary opacity-50", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ChevronsUpDownThinIcon, {}) })
     }
   ) });
 };
@@ -27265,7 +27517,7 @@ var specialApprovalTokens = {
 };
 
 // src/hooks/useERC20Token.ts
-var import_react32 = require("react");
+var import_react35 = require("react");
 var useERC20Token = ({
   rpcChainId,
   currentChainId,
@@ -27274,7 +27526,7 @@ var useERC20Token = ({
 }) => {
   const evmContractApi = useEvmContractApi_default();
   const { supportedChains } = useSwapContext();
-  const contract = (0, import_react32.useMemo)(() => {
+  const contract = (0, import_react35.useMemo)(() => {
     const rpcUrl = supportedChains.find(
       (chain) => chain.ecosystem === "evm" /* EVM */ && chain.chainId === rpcChainId
     )?.publicRpcUrls[0];
@@ -27288,13 +27540,13 @@ var useERC20Token = ({
     return null;
   }, [rpcChainId, currentChainId, signer, tokenAddress, supportedChains]);
   return {
-    balanceOf: (0, import_react32.useCallback)(
+    balanceOf: (0, import_react35.useCallback)(
       async (address) => {
         return await evmContractApi.query(contract, "balanceOf", [address]);
       },
       [contract, evmContractApi]
     ),
-    allowance: (0, import_react32.useCallback)(
+    allowance: (0, import_react35.useCallback)(
       async (address, allowedToSpendAddress) => {
         return await evmContractApi.query(contract, "allowance", [
           address,
@@ -27303,7 +27555,7 @@ var useERC20Token = ({
       },
       [contract, evmContractApi]
     ),
-    approve: (0, import_react32.useCallback)(
+    approve: (0, import_react35.useCallback)(
       async (amount, allowedToSpendAddress) => {
         return await evmContractApi.execute(contract, "approve", [
           allowedToSpendAddress,
@@ -27316,9 +27568,9 @@ var useERC20Token = ({
 };
 
 // src/components/Swap/SwapView/SwapButton/index.tsx
-var import_react33 = require("react");
+var import_react36 = require("react");
 var import_wagmi7 = require("wagmi");
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_jsx_runtime110 = require("react/jsx-runtime");
 var SwapButton = () => {
   const { address, chainId } = (0, import_wagmi7.useAccount)();
   const { switchChainAsync } = (0, import_wagmi7.useSwitchChain)();
@@ -27338,11 +27590,11 @@ var SwapButton = () => {
     onConnectWallet
   } = useSwapContext();
   const { setTxStatus, setTxMsg, setTxModalOpen, enqueueTransaction } = useTxUIWrapper();
-  const srcChainId = (0, import_react33.useMemo)(() => srcChain?.chainId, [srcChain?.chainId]);
-  const dstChainId = (0, import_react33.useMemo)(() => dstChain?.chainId, [dstChain?.chainId]);
-  const srcTokenAddress = (0, import_react33.useMemo)(() => srcToken?.address, [srcToken?.address]);
-  const dstTokenAddress = (0, import_react33.useMemo)(() => dstToken?.address, [dstToken?.address]);
-  const [currentTokenAllowance, setCurrentTokenAllowance] = (0, import_react33.useState)("0");
+  const srcChainId = (0, import_react36.useMemo)(() => srcChain?.chainId, [srcChain?.chainId]);
+  const dstChainId = (0, import_react36.useMemo)(() => dstChain?.chainId, [dstChain?.chainId]);
+  const srcTokenAddress = (0, import_react36.useMemo)(() => srcToken?.address, [srcToken?.address]);
+  const dstTokenAddress = (0, import_react36.useMemo)(() => dstToken?.address, [dstToken?.address]);
+  const [currentTokenAllowance, setCurrentTokenAllowance] = (0, import_react36.useState)("0");
   const {
     networks: { evm }
   } = useNetworks_default();
@@ -27359,11 +27611,11 @@ var SwapButton = () => {
     signer: evm.signer,
     tokenAddress: srcTokenAddress
   });
-  const routerAddress = (0, import_react33.useMemo)(() => {
+  const routerAddress = (0, import_react36.useMemo)(() => {
     if (!srcChainId) return "";
     return srcChainId === dstChainId ? ADDRESSES[srcChainId]?.XSwapRouterSingleChain || "" : ADDRESSES[srcChainId]?.XSwapRouter || "";
   }, [srcChainId, dstChainId]);
-  const getAllowance = (0, import_react33.useCallback)(async () => {
+  const getAllowance = (0, import_react36.useCallback)(async () => {
     if (routerAddress && evm.address) {
       try {
         const currentAllowance = await allowance(evm.address, routerAddress);
@@ -27375,17 +27627,17 @@ var SwapButton = () => {
       setCurrentTokenAllowance("0");
     }
   }, [allowance, evm.address, routerAddress]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (srcChainId && specialApprovalTokens[srcChainId]?.includes(srcTokenAddress)) {
       getAllowance();
     }
   }, [getAllowance, srcChainId, srcTokenAddress]);
-  const showSwapConfirmationView = (0, import_react33.useCallback)(() => {
+  const showSwapConfirmationView = (0, import_react36.useCallback)(() => {
     setTxStatus(0 /* SWAP_INIT */);
     setTxMsg("");
     setTxModalOpen(true);
   }, [setTxModalOpen, setTxMsg, setTxStatus]);
-  const button = (0, import_react33.useMemo)(() => {
+  const button = (0, import_react36.useMemo)(() => {
     if (!isAsyncDataLoaded) {
       return {
         text: "Loading XPay...",
@@ -27556,7 +27808,7 @@ var SwapButton = () => {
     setTxStatus,
     showSwapConfirmationView
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_jsx_runtime109.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_jsx_runtime110.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
     "button",
     {
       type: "button",
@@ -27569,11 +27821,11 @@ var SwapButton = () => {
 };
 
 // src/components/Swap/SwapView/SwapPanel/index.tsx
-var import_react39 = require("react");
+var import_react42 = require("react");
 
 // src/components/Swap/SwapView/SwapPanel/AmountPanel/index.tsx
-var import_react34 = require("react");
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_react37 = require("react");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 var AmountPanel = ({ type }) => {
   const {
     srcChain,
@@ -27600,7 +27852,7 @@ var AmountPanel = ({ type }) => {
       })
     );
   };
-  const value = (0, import_react34.useMemo)(() => {
+  const value = (0, import_react37.useMemo)(() => {
     if (type === "destination" && dstToken && dstChain && bridgeUI && srcChain?.ecosystem === "solana" /* SOLANA */) {
       return srcValue;
     }
@@ -27615,10 +27867,10 @@ var AmountPanel = ({ type }) => {
     dstChain
   ]);
   if (!isAsyncDataLoaded) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "flex items-center flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Skeleton, { className: "w-[100px] h-8" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "flex items-center flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Skeleton, { className: "w-[100px] h-8" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "flex items-center gap-3 flex-1 min-w-0 overflow-hidden text-left", children: type === "source" ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "flex items-center gap-3 flex-1 min-w-0 overflow-hidden text-left", children: type === "source" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_jsx_runtime111.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       SafeInput,
       {
         id: "swap-amount-input",
@@ -27628,7 +27880,7 @@ var AmountPanel = ({ type }) => {
         onChange: (value2) => setSrcValue(value2)
       }
     ),
-    !!srcToken && !!srcTokenBalanceWei && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    !!srcToken && !!srcTokenBalanceWei && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       "button",
       {
         type: "button",
@@ -27637,12 +27889,12 @@ var AmountPanel = ({ type }) => {
         children: "MAX"
       }
     )
-  ] }) : isFetchingRoute ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Skeleton, { className: "w-[150px] h-[32px]" }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "text-2xl leading-8 text-t_text_primary opacity-60 truncate", children: value || 0 }) });
+  ] }) : isFetchingRoute ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Skeleton, { className: "w-[150px] h-[32px]" }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "text-2xl leading-8 text-t_text_primary opacity-60 truncate", children: value || 0 }) });
 };
 
 // src/components/Swap/SwapView/SwapPanel/AmountPanel/Balance/index.tsx
-var import_react35 = require("react");
-var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_react38 = require("react");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 var Balance = ({ type }) => {
   const {
     srcToken,
@@ -27653,7 +27905,7 @@ var Balance = ({ type }) => {
     dstChain,
     dstChainTokensOptions
   } = useSwapContext();
-  const dstTokenBalanceInfo = (0, import_react35.useMemo)(() => {
+  const dstTokenBalanceInfo = (0, import_react38.useMemo)(() => {
     if (!dstToken || !dstChain) {
       return "";
     }
@@ -27675,15 +27927,15 @@ var Balance = ({ type }) => {
   if (!token || !balanceInfo && !isLoading) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "flex items-center justify-end py-1", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Skeleton, { className: "w-[80px] h-[16px]" }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("p", { className: "text-[10px] leading-4 text-right whitespace-nowrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "text-t_text_primary text-opacity-50", children: `Balance. ` }),
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "text-t_text_primary text-opacity-75 tracking-[0.032em]", children: `${balanceInfo} ${token.symbol}` })
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "flex items-center justify-end py-1", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Skeleton, { className: "w-[80px] h-[16px]" }) : /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("p", { className: "text-[10px] leading-4 text-right whitespace-nowrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "text-t_text_primary text-opacity-50", children: `Balance. ` }),
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "text-t_text_primary text-opacity-75 tracking-[0.032em]", children: `${balanceInfo} ${token.symbol}` })
   ] }) });
 };
 
 // src/components/Swap/SwapView/SwapPanel/TokenPanel/index.tsx
-var import_react36 = require("react");
-var import_jsx_runtime112 = require("react/jsx-runtime");
+var import_react39 = require("react");
+var import_jsx_runtime113 = require("react/jsx-runtime");
 var TokenPanel = ({ chain, token, type, className }) => {
   const {
     bridgeUI,
@@ -27693,36 +27945,36 @@ var TokenPanel = ({ chain, token, type, className }) => {
     setActivePicker,
     isAsyncDataLoaded
   } = useSwapContext();
-  const integratorLockedDestinationToken = (0, import_react36.useMemo)(
+  const integratorLockedDestinationToken = (0, import_react39.useMemo)(
     () => type === "destination" && dstTokenLocked,
     [type, dstTokenLocked]
   );
-  const integratorLockedSourceToken = (0, import_react36.useMemo)(
+  const integratorLockedSourceToken = (0, import_react39.useMemo)(
     () => type === "source" && srcTokenLocked,
     [type, srcTokenLocked]
   );
-  const bridgeDestination = (0, import_react36.useMemo)(
+  const bridgeDestination = (0, import_react39.useMemo)(
     () => type === "destination" && bridgeUI,
     [bridgeUI, type]
   );
   const locked = bridgeDestination && dstChainLocked || integratorLockedDestinationToken || integratorLockedSourceToken;
   if (!isAsyncDataLoaded) {
-    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
       "div",
       {
         className: `flex items-center shrink-0 min-h-11 ${className || ""}`,
         "aria-hidden": true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Skeleton, { className: "w-12 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "relative flex items-end pr-1 pb-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Skeleton, { className: "w-10 h-10 rounded-full" }),
-            /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Skeleton, { className: "absolute bottom-0 right-0 w-[18px] h-[18px] rounded-full border border-solid border-t_bg_secondary" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Skeleton, { className: "w-12 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "relative flex items-end pr-1 pb-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Skeleton, { className: "w-10 h-10 rounded-full" }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Skeleton, { className: "absolute bottom-0 right-0 w-[18px] h-[18px] rounded-full border border-solid border-t_bg_secondary" })
           ] })
         ] })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
     "button",
     {
       type: "button",
@@ -27732,15 +27984,15 @@ var TokenPanel = ({ chain, token, type, className }) => {
       },
       className: `flex items-center shrink-0 min-h-11 rounded-lg ${locked ? "" : "hover:opacity-80 transition-opacity"} ${className || ""}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
             "p",
             {
               className: `text-sm font-medium leading-6 tracking-[0.01em] text-t_text_primary ${token ? "" : "opacity-60"}`,
               children: token ? token.symbol : bridgeDestination && chain ? chain.displayName : "Select"
             }
           ),
-          token ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+          token ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
             TokenLogoWithChain,
             {
               token,
@@ -27749,7 +28001,7 @@ var TokenPanel = ({ chain, token, type, className }) => {
               generatedLogoClassName: "w-10 h-10 text-[16px]",
               chainLogoClassName: "w-[18px]"
             }
-          ) : bridgeDestination && chain && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+          ) : bridgeDestination && chain && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
             "img",
             {
               src: chain.image,
@@ -27760,30 +28012,30 @@ var TokenPanel = ({ chain, token, type, className }) => {
         ] }),
         !locked && // The 24px glyph has 8px of built-in whitespace on each side; pull the
         // right side back so the chevron sits flush with the panel edge.
-        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "flex items-center justify-center w-6 h-6 ml-1 -mr-2 text-t_text_primary opacity-50", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ChevronDownThinIcon, {}) })
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "flex items-center justify-center w-6 h-6 ml-1 -mr-2 text-t_text_primary opacity-50", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(ChevronDownThinIcon, {}) })
       ]
     }
   );
 };
 
 // src/components/Swap/SwapView/SwapPanel/UsdValue/index.tsx
-var import_react37 = require("react");
-var import_jsx_runtime113 = require("react/jsx-runtime");
+var import_react40 = require("react");
+var import_jsx_runtime114 = require("react/jsx-runtime");
 var UsdValue = ({ type }) => {
   const { srcValueUsd, dstValueUsd, isFetchingRoute } = useSwapContext();
-  const valueUsd = (0, import_react37.useMemo)(
+  const valueUsd = (0, import_react40.useMemo)(
     () => type === "source" ? srcValueUsd : dstValueUsd,
     [dstValueUsd, srcValueUsd, type]
   );
   if (type === "destination" && isFetchingRoute) {
-    return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Skeleton, { className: "w-[80px] h-[16px] my-1" });
+    return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Skeleton, { className: "w-[80px] h-[16px] my-1" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "py-1 text-[10px] leading-4 tracking-[0.01em] text-t_text_primary text-opacity-50 whitespace-nowrap", children: valueUsd ? `${valueUsd} USD` : "" });
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("p", { className: "py-1 text-[10px] leading-4 tracking-[0.01em] text-t_text_primary text-opacity-50 whitespace-nowrap", children: valueUsd ? `${valueUsd} USD` : "" });
 };
 
 // src/components/Swap/SwapView/SwapPanel/WalletPanel/index.tsx
-var import_react38 = require("react");
-var import_jsx_runtime114 = require("react/jsx-runtime");
+var import_react41 = require("react");
+var import_jsx_runtime115 = require("react/jsx-runtime");
 var WalletPanel = ({ chain, className }) => {
   const {
     setOpenEVMWalletModal,
@@ -27799,7 +28051,7 @@ var WalletPanel = ({ chain, className }) => {
     onConnectWallet,
     isAsyncDataLoaded
   } = useSwapContext();
-  const openEvmWalletModal = (0, import_react38.useCallback)(() => {
+  const openEvmWalletModal = (0, import_react41.useCallback)(() => {
     if (!integrationConfig.defaultWalletPicker && hasOnConnectWalletCallback) {
       onConnectWallet();
       return;
@@ -27811,7 +28063,7 @@ var WalletPanel = ({ chain, className }) => {
     onConnectWallet,
     setOpenEVMWalletModal
   ]);
-  const openWalletModal = (0, import_react38.useCallback)(() => {
+  const openWalletModal = (0, import_react41.useCallback)(() => {
     if (!chain) {
       return;
     }
@@ -27823,7 +28075,7 @@ var WalletPanel = ({ chain, className }) => {
       setOpenSuiWalletModal(true);
     }
   }, [chain, openEvmWalletModal, setOpenSolanaWalletModal, setOpenSuiWalletModal]);
-  const address = (0, import_react38.useMemo)(() => {
+  const address = (0, import_react41.useMemo)(() => {
     if (!chain) {
       return "";
     }
@@ -27837,34 +28089,34 @@ var WalletPanel = ({ chain, className }) => {
     return "";
   }, [chain, evm, solana, sui]);
   if (!isAsyncDataLoaded) {
-    return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Skeleton, { className: "w-16 h-6" });
+    return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Skeleton, { className: "w-16 h-6" });
   }
   if (!chain) {
-    return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "h-6", "aria-hidden": true });
+    return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "h-6", "aria-hidden": true });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
     "button",
     {
       type: "button",
       onClick: openWalletModal,
       className: `flex items-center justify-center px-2 py-1 rounded bg-t_bg_tertiary bg-opacity-5 hover:bg-opacity-10 transition-colors ${className || ""}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("p", { className: "text-[10px] leading-4 tracking-[0.01em] text-t_text_primary whitespace-nowrap", children: address ? shortAddress(address) : "Connect" }),
-        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "flex items-center justify-center w-4 h-4 -mr-1.5 text-t_text_primary opacity-50", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(ChevronDownThinSmallIcon, {}) })
+        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("p", { className: "text-[10px] leading-4 tracking-[0.01em] text-t_text_primary whitespace-nowrap", children: address ? shortAddress(address) : "Connect" }),
+        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "flex items-center justify-center w-4 h-4 -mr-1.5 text-t_text_primary opacity-50", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(ChevronDownThinSmallIcon, {}) })
       ]
     }
   );
 };
 
 // src/components/Swap/SwapView/SwapPanel/index.tsx
-var import_jsx_runtime115 = require("react/jsx-runtime");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 var SwapPanel = ({ type }) => {
   const { srcChain, srcToken, dstChain, dstToken } = useSwapContext();
-  const token = (0, import_react39.useMemo)(
+  const token = (0, import_react42.useMemo)(
     () => type === "source" ? srcToken : dstToken,
     [type, srcToken, dstToken]
   );
-  const chain = (0, import_react39.useMemo)(
+  const chain = (0, import_react42.useMemo)(
     () => type === "source" ? srcChain : dstChain,
     [type, srcChain, dstChain]
   );
@@ -27874,23 +28126,23 @@ var SwapPanel = ({ type }) => {
     }
     event.currentTarget.querySelector("#swap-amount-input")?.focus();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
     "div",
     {
       onClick: focusAmountInput,
       className: `flex flex-col gap-2 px-4 sm:px-6 py-4 rounded-2xl backdrop-blur-[12px] ${type === "source" ? "bg-gradient-to-r from-t_bg_tertiary/5 to-t_bg_tertiary/5 swap-panel-gradient-border cursor-text" : "bg-gradient-to-r from-t_bg_tertiary/[0.03] to-t_bg_tertiary/[0.03]"}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex gap-2 items-center w-full min-h-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("p", { className: "text-[10px] leading-4 tracking-[0.01em] text-t_text_primary text-opacity-50", children: type === "source" ? "Source" : "Destination" }),
-          /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(WalletPanel, { chain, type })
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex gap-2 items-center w-full min-h-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("p", { className: "text-[10px] leading-4 tracking-[0.01em] text-t_text_primary text-opacity-50", children: type === "source" ? "Source" : "Destination" }),
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(WalletPanel, { chain, type })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex items-center justify-between w-full gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(AmountPanel, { type }),
-          /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(TokenPanel, { chain, token, type })
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center justify-between w-full gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(AmountPanel, { type }),
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(TokenPanel, { chain, token, type })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex items-center justify-between w-full gap-4 min-h-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(UsdValue, { type }),
-          /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Balance, { type })
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center justify-between w-full gap-4 min-h-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(UsdValue, { type }),
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Balance, { type })
         ] })
       ]
     }
@@ -27898,35 +28150,35 @@ var SwapPanel = ({ type }) => {
 };
 
 // src/components/Swap/SwapView/index.tsx
-var import_jsx_runtime116 = require("react/jsx-runtime");
+var import_jsx_runtime117 = require("react/jsx-runtime");
 var SwapView = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex flex-col gap-8 fill-t_text_primary", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex flex-col gap-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(SwapPanel, { type: "source" }),
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(ReorderButton, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(SwapPanel, { type: "destination" })
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex flex-col gap-8 fill-t_text_primary", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(SwapPanel, { type: "source" }),
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(ReorderButton, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(SwapPanel, { type: "destination" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "h-px w-full gradient-sections-separator-container" }),
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(FeesPanel, {})
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "h-px w-full gradient-sections-separator-container" }),
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(FeesPanel, {})
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(SwapButton, {})
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(SwapButton, {})
   ] });
 };
 
 // src/components/Swap/SwapView/WalletPicker/index.tsx
-var import_react40 = require("react");
+var import_react43 = require("react");
 var import_wagmi8 = require("wagmi");
 var import_wallet_adapter_react5 = require("@solana/wallet-adapter-react");
 var import_dapp_kit3 = require("@mysten/dapp-kit");
-var import_jsx_runtime117 = require("react/jsx-runtime");
+var import_jsx_runtime118 = require("react/jsx-runtime");
 var ConnectorIcon = ({
   connector,
   className
 }) => {
   switch (connector.name) {
     case "WalletConnect": {
-      return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
         WalletConnectIcon,
         {
           className: `w-10 h-10 rounded-lg shrink-0 ${className || ""}`
@@ -27934,7 +28186,7 @@ var ConnectorIcon = ({
       );
     }
     default: {
-      return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
         "img",
         {
           src: connector.icon,
@@ -27945,7 +28197,7 @@ var ConnectorIcon = ({
     }
   }
 };
-var WalletRow = ({ icon, name, isConnected, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+var WalletRow = ({ icon, name, isConnected, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
   "button",
   {
     type: "button",
@@ -27953,15 +28205,15 @@ var WalletRow = ({ icon, name, isConnected, onClick }) => /* @__PURE__ */ (0, im
     className: `group flex gap-3 items-center w-full p-3 sm:p-4 rounded-xl cursor-pointer bg-gradient-to-r from-t_bg_tertiary/[0.02] to-t_bg_tertiary/[0.02] bg-[rgba(40,40,40,0.15)] hover:bg-t_bg_tertiary hover:bg-opacity-10 transition-colors ${isConnected ? "!bg-t_bg_tertiary !bg-opacity-10" : ""}`,
     children: [
       icon,
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex justify-between items-center gap-2 w-full min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("p", { className: "text-sm font-medium leading-5 tracking-[0.01em] text-t_text_primary text-left", children: name }),
-        isConnected && /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("span", { className: "flex items-center gap-1.5 text-xs leading-[18px] tracking-[0.01em] whitespace-nowrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("span", { className: "group-hover:hidden flex items-center gap-1.5 text-t_text_green", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(DotGreenIcon, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex justify-between items-center gap-2 w-full min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "text-sm font-medium leading-5 tracking-[0.01em] text-t_text_primary text-left", children: name }),
+        isConnected && /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("span", { className: "flex items-center gap-1.5 text-xs leading-[18px] tracking-[0.01em] whitespace-nowrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("span", { className: "group-hover:hidden flex items-center gap-1.5 text-t_text_green", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(DotGreenIcon, {}),
             "Connected"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("span", { className: "hidden group-hover:flex items-center gap-1.5 text-t_text_red", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(DotRedIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("span", { className: "hidden group-hover:flex items-center gap-1.5 text-t_text_red", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(DotRedIcon, {}),
             "Disconnect"
           ] })
         ] })
@@ -27981,7 +28233,7 @@ var WalletPicker = ({ ecosystem, className, onClose }) => {
     publicKey: publicKey9,
     disconnect: disconnectSolana
   } = (0, import_wallet_adapter_react5.useWallet)();
-  const handleEvmWalletClick = (0, import_react40.useCallback)(
+  const handleEvmWalletClick = (0, import_react43.useCallback)(
     async (connector) => {
       try {
         await connectAsync({ connector });
@@ -27993,7 +28245,7 @@ var WalletPicker = ({ ecosystem, className, onClose }) => {
     },
     [connectAsync, onClose]
   );
-  const handleConnectSolana = (0, import_react40.useCallback)(
+  const handleConnectSolana = (0, import_react43.useCallback)(
     async (walletName) => {
       try {
         select(walletName);
@@ -28011,7 +28263,7 @@ var WalletPicker = ({ ecosystem, className, onClose }) => {
   const suiCurrentWallet = (0, import_dapp_kit3.useCurrentWallet)();
   const { mutateAsync: connectSuiWalletMut } = (0, import_dapp_kit3.useConnectWallet)();
   const { mutateAsync: disconnectSuiWalletMut } = (0, import_dapp_kit3.useDisconnectWallet)();
-  const handleConnectSui = (0, import_react40.useCallback)(
+  const handleConnectSui = (0, import_react43.useCallback)(
     async (wallet) => {
       try {
         await connectSuiWalletMut({ wallet });
@@ -28023,7 +28275,7 @@ var WalletPicker = ({ ecosystem, className, onClose }) => {
     },
     [connectSuiWalletMut, onClose]
   );
-  const handleDisconnectSui = (0, import_react40.useCallback)(async () => {
+  const handleDisconnectSui = (0, import_react43.useCallback)(async () => {
     try {
       await disconnectSuiWalletMut();
     } catch (error) {
@@ -28036,27 +28288,27 @@ var WalletPicker = ({ ecosystem, className, onClose }) => {
     (connector, index) => connectors.findIndex(({ name }) => name === connector.name) === index
   );
   const visibleSolanaWallets = wallets.filter((wallet) => !/metamask/i.test(wallet.adapter.name));
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: `flex flex-col h-full min-h-0 ${className || ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex justify-between items-center mb-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em] text-t_text_primary", children: "Select Wallet" }),
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: `flex flex-col h-full min-h-0 ${className || ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex justify-between items-center mb-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em] text-t_text_primary", children: "Select Wallet" }),
+      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
         "button",
         {
           type: "button",
           "aria-label": "Close",
           className: "flex items-center justify-center w-8 h-8 rounded-md bg-t_bg_tertiary bg-opacity-5 hover:bg-opacity-10 transition-colors",
           onClick: onClose,
-          children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(CloseIcon, {}) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(CloseIcon, {}) })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex flex-col flex-1 min-h-0 overflow-y-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex flex-col flex-1 min-h-0 overflow-y-auto", children: [
       ecosystem === "evm" /* EVM */ && visibleConnectors.map((connector) => {
         const isConnected = activeConnector?.id === connector.id;
-        return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
           WalletRow,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(ConnectorIcon, { connector }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(ConnectorIcon, { connector }),
             name: connector.name,
             isConnected,
             onClick: async () => {
@@ -28069,10 +28321,10 @@ var WalletPicker = ({ ecosystem, className, onClose }) => {
       }),
       ecosystem === "solana" /* SOLANA */ && (visibleSolanaWallets.length ? visibleSolanaWallets.map((wallet) => {
         const isConnected = !!publicKey9 && activeWallet?.adapter.name === wallet.adapter.name;
-        return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
           WalletRow,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+            icon: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
               "img",
               {
                 src: wallet.adapter.icon,
@@ -28089,20 +28341,20 @@ var WalletPicker = ({ ecosystem, className, onClose }) => {
           },
           wallet.adapter.name
         );
-      }) : /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "text-center py-1 text-sm text-t_text_primary text-opacity-50", children: "No wallet found" })),
+      }) : /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "text-center py-1 text-sm text-t_text_primary text-opacity-50", children: "No wallet found" })),
       ecosystem === "sui" /* SUI */ && (suiWallets.length ? suiWallets.map((wallet) => {
         const isConnected = !!suiAccount?.address && suiCurrentWallet?.currentWallet?.name === wallet.name;
-        return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
           WalletRow,
           {
-            icon: wallet.icon ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+            icon: wallet.icon ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
               "img",
               {
                 src: wallet.icon,
                 alt: wallet.name,
                 className: "w-10 h-10 rounded-lg shrink-0"
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "w-10 h-10 rounded-lg shrink-0 bg-t_bg_tertiary bg-opacity-10" }),
+            ) : /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "w-10 h-10 rounded-lg shrink-0 bg-t_bg_tertiary bg-opacity-10" }),
             name: wallet.name,
             isConnected,
             onClick: async () => {
@@ -28111,13 +28363,13 @@ var WalletPicker = ({ ecosystem, className, onClose }) => {
           },
           wallet.name
         );
-      }) : /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "text-center py-1 text-sm text-t_text_primary text-opacity-50", children: "No wallet found" }))
+      }) : /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "text-center py-1 text-sm text-t_text_primary text-opacity-50", children: "No wallet found" }))
     ] })
   ] });
 };
 
 // src/components/Swap/WalletPickerView/index.tsx
-var import_jsx_runtime118 = require("react/jsx-runtime");
+var import_jsx_runtime119 = require("react/jsx-runtime");
 var WalletPickerView = () => {
   const {
     openEVMWalletModal,
@@ -28136,7 +28388,7 @@ var WalletPickerView = () => {
   if (!ecosystem) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
     "div",
     {
       className: "fixed top-0 left-0 right-0 bottom-0 z-10 flex flex-col justify-end bg-[rgba(2,2,2,0.8)] sm:absolute sm:z-[2] sm:justify-start sm:bg-transparent",
@@ -28148,9 +28400,9 @@ var WalletPickerView = () => {
           close();
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex flex-col w-full h-[85vh] max-h-full overflow-hidden p-4 pt-2.5 rounded-t-[24px] border-t border-solid border-t_text_primary border-opacity-10 bg-gradient-to-r from-t_bg_secondary/50 to-t_bg_secondary/50 bg-t_bg_primary sm:h-full sm:p-0 sm:rounded-none sm:border-0 sm:bg-none sm:bg-transparent", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "sm:hidden mx-auto mb-4 h-1 w-8 rounded-full bg-t_bg_tertiary bg-opacity-10 shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(WalletPicker, { ecosystem, onClose: close })
+      children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex flex-col w-full h-[85vh] max-h-full overflow-hidden p-4 pt-2.5 rounded-t-[24px] border-t border-solid border-t_text_primary border-opacity-10 bg-gradient-to-r from-t_bg_secondary/50 to-t_bg_secondary/50 bg-t_bg_primary sm:h-full sm:p-0 sm:rounded-none sm:border-0 sm:bg-none sm:bg-transparent", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "sm:hidden mx-auto mb-4 h-1 w-8 rounded-full bg-t_bg_tertiary bg-opacity-10 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(WalletPicker, { ecosystem, onClose: close })
       ] })
     }
   );
@@ -28161,51 +28413,51 @@ var useWalletPickerOpen = () => {
 };
 
 // src/components/Swap/index.tsx
-var import_jsx_runtime119 = require("react/jsx-runtime");
+var import_jsx_runtime120 = require("react/jsx-runtime");
 var Swap = ({ onClose }) => {
   const { tab, activePicker } = useSwapContext();
   const walletPickerOpen = useWalletPickerOpen();
-  const overlayView = (0, import_react41.useMemo)(() => {
-    return tab === "Settings" ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(SettingsView, {}) : tab === "History" ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(HistoryView, {}) : null;
+  const overlayView = (0, import_react44.useMemo)(() => {
+    return tab === "Settings" ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(SettingsView, {}) : tab === "History" ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(HistoryView, {}) : null;
   }, [tab]);
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
     "div",
     {
       className: `relative flex flex-col gap-6 p-4 sm:p-8 text-t_text_primary bg-gradient-to-r from-t_bg_tertiary/[0.01] to-t_bg_tertiary/[0.01] bg-t_bg_secondary bg-opacity-50 backdrop-blur-[48px] rounded-[32px] border border-solid border-t_text_primary border-opacity-10 flex-1`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "relative flex flex-col flex-1 min-h-0", children: [
-          activePicker && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(PickerView, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(WalletPickerView, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "relative flex flex-col flex-1 min-h-0", children: [
+          activePicker && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(PickerView, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(WalletPickerView, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
             "div",
             {
               className: `flex flex-col gap-6 flex-1 min-h-0 ${activePicker || walletPickerOpen ? "sm:invisible" : ""}`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Header2, { onClose }),
-                /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "relative flex flex-col flex-1 min-h-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Header2, { onClose }),
+                /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "relative flex flex-col flex-1 min-h-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
                     "div",
                     {
                       className: `flex flex-col flex-1 min-h-0 ${overlayView ? "invisible" : ""}`,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(SwapView, {})
+                      children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(SwapView, {})
                     }
                   ),
-                  overlayView && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "absolute inset-0 flex flex-col min-h-0", children: overlayView })
+                  overlayView && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "absolute inset-0 flex flex-col min-h-0", children: overlayView })
                 ] })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(PoweredBy, {})
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(PoweredBy, {})
       ]
     }
   );
 };
 
 // src/components/TextInput/index.tsx
-var import_react42 = require("react");
-var import_jsx_runtime120 = require("react/jsx-runtime");
-var TextInput = (0, import_react42.forwardRef)((props, ref) => {
+var import_react45 = require("react");
+var import_jsx_runtime121 = require("react/jsx-runtime");
+var TextInput = (0, import_react45.forwardRef)((props, ref) => {
   const {
     inputIcon,
     required,
@@ -28219,10 +28471,10 @@ var TextInput = (0, import_react42.forwardRef)((props, ref) => {
     disabled = false,
     className = ""
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_jsx_runtime120.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "flex items-center border border-solid border-t_text_primary border-opacity-10 rounded-lg py-0 px-3 gap-2 bg-t_bg_secondary ", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex items-center border border-solid border-t_text_primary border-opacity-10 rounded-lg py-0 px-3 gap-2 bg-t_bg_secondary ", children: [
       inputIcon,
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
         "input",
         {
           ref,
@@ -28237,13 +28489,13 @@ var TextInput = (0, import_react42.forwardRef)((props, ref) => {
         }
       )
     ] }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "flex justify-between pt-[10px]", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "px-5 text-t_text_red", children: error }) }),
-    warning && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "flex justify-between pt-[10px]", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "px-5 text-t_text_orange", children: warning }) })
+    error && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "flex justify-between pt-[10px]", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "px-5 text-t_text_red", children: error }) }),
+    warning && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "flex justify-between pt-[10px]", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "px-5 text-t_text_orange", children: warning }) })
   ] });
 });
 
 // src/hooks/useTimer.ts
-var import_react43 = require("react");
+var import_react46 = require("react");
 var TimeUtils = class {
   static getTimeFromSeconds(seconds) {
     const days = Math.floor(seconds / (60 * 60 * 24));
@@ -28263,11 +28515,11 @@ var useTimer = ({
   onExpire,
   autoStart = true
 }) => {
-  const [isRunning, setIsRunning] = (0, import_react43.useState)(autoStart);
-  const [seconds, setSeconds] = (0, import_react43.useState)(
+  const [isRunning, setIsRunning] = (0, import_react46.useState)(autoStart);
+  const [seconds, setSeconds] = (0, import_react46.useState)(
     TimeUtils.getSecondsFromExpiry(expiryTimestamp)
   );
-  const tick = (0, import_react43.useCallback)(() => {
+  const tick = (0, import_react46.useCallback)(() => {
     const newSeconds = TimeUtils.getSecondsFromExpiry(expiryTimestamp);
     if (newSeconds <= 0) {
       if (onExpire) onExpire();
@@ -28275,14 +28527,14 @@ var useTimer = ({
     }
     setSeconds(newSeconds);
   }, [expiryTimestamp, onExpire]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (!isRunning) return;
     const intervalId = setInterval(tick, 1e3);
     return () => clearInterval(intervalId);
   }, [isRunning, tick]);
-  const pause = (0, import_react43.useCallback)(() => setIsRunning(false), []);
-  const resume = (0, import_react43.useCallback)(() => setIsRunning(true), []);
-  const restart = (0, import_react43.useCallback)((newExpiryTimestamp) => {
+  const pause = (0, import_react46.useCallback)(() => setIsRunning(false), []);
+  const resume = (0, import_react46.useCallback)(() => setIsRunning(true), []);
+  const restart = (0, import_react46.useCallback)((newExpiryTimestamp) => {
     setIsRunning(true);
     setSeconds(TimeUtils.getSecondsFromExpiry(newExpiryTimestamp));
   }, []);
@@ -28297,37 +28549,37 @@ var useTimer = ({
 var useTimer_default = useTimer;
 
 // src/components/Timer/index.tsx
-var import_react44 = require("react");
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_react47 = require("react");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 var Timer = ({
   expiryTimestamp,
   displayFormat = 2 /* Days */,
   customTextOnExpire
 }) => {
-  const [expired, setExpired] = (0, import_react44.useState)(
+  const [expired, setExpired] = (0, import_react47.useState)(
     expiryTimestamp.getTime() < Date.now()
   );
   const { seconds, minutes, hours, days, restart } = useTimer_default({
     expiryTimestamp,
     onExpire: () => setExpired(true)
   });
-  (0, import_react44.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     restart(expiryTimestamp);
   }, [expiryTimestamp]);
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_jsx_runtime121.Fragment, { children: expired && customTextOnExpire ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_jsx_runtime121.Fragment, { children: customTextOnExpire }) : /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
-    displayFormat === 0 /* Minutes */ && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { children: `${(days * 24 + hours) * 60 + minutes}:${seconds.toString().padStart(2, "0")}` }),
-    displayFormat === 1 /* Hours */ && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { children: `${days * 24 + hours}:${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}` }),
-    displayFormat === 2 /* Days */ && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { children: `${days}:${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}` })
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_jsx_runtime122.Fragment, { children: expired && customTextOnExpire ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_jsx_runtime122.Fragment, { children: customTextOnExpire }) : /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_jsx_runtime122.Fragment, { children: [
+    displayFormat === 0 /* Minutes */ && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { children: `${(days * 24 + hours) * 60 + minutes}:${seconds.toString().padStart(2, "0")}` }),
+    displayFormat === 1 /* Hours */ && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { children: `${days * 24 + hours}:${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}` }),
+    displayFormat === 2 /* Days */ && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { children: `${days}:${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}` })
   ] }) });
 };
 
 // src/components/TokenLogo/index.tsx
-var import_react45 = require("react");
+var import_react48 = require("react");
 
 // src/components/TokenLogo/Unknown/index.tsx
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 var UnknownTokenLogo = ({ tokenName, className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     "div",
     {
       className: `rounded-full bg-white shadow-sm flex items-center justify-center text-black ${className}`,
@@ -28337,21 +28589,21 @@ var UnknownTokenLogo = ({ tokenName, className }) => {
 };
 
 // src/components/TokenLogo/index.tsx
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 var TokenLogo = ({
   token,
   className,
   generatedLogoClassName
 }) => {
-  const [errorOcurred, setErrorOccured] = (0, import_react45.useState)(false);
-  (0, import_react45.useEffect)(() => {
+  const [errorOcurred, setErrorOccured] = (0, import_react48.useState)(false);
+  (0, import_react48.useEffect)(() => {
     setErrorOccured(false);
   }, [token?.address]);
   if (!token) {
     return null;
   }
   if (errorOcurred) {
-    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
       UnknownTokenLogo,
       {
         tokenName: token.name,
@@ -28359,7 +28611,7 @@ var TokenLogo = ({
       }
     );
   }
-  return token?.image ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+  return token?.image ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     "img",
     {
       src: token.image,
@@ -28367,7 +28619,7 @@ var TokenLogo = ({
       className: `rounded-full ${className}`,
       onError: () => setErrorOccured(true)
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     UnknownTokenLogo,
     {
       tokenName: token.name,
@@ -28377,7 +28629,7 @@ var TokenLogo = ({
 };
 
 // src/components/TokenLogo/WithChain/index.tsx
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 var TokenLogoWithChain = ({
   token,
   chain,
@@ -28385,8 +28637,8 @@ var TokenLogoWithChain = ({
   generatedLogoClassName,
   chainLogoClassName
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "relative flex items-end pr-1 pb-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "relative flex items-end pr-1 pb-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
       TokenLogo,
       {
         token,
@@ -28394,7 +28646,7 @@ var TokenLogoWithChain = ({
         generatedLogoClassName
       }
     ),
-    chain && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+    chain && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
       "img",
       {
         src: chain.image,
@@ -28406,7 +28658,7 @@ var TokenLogoWithChain = ({
 };
 
 // src/components/TxConfigForm/index.tsx
-var import_react46 = require("react");
+var import_react49 = require("react");
 var import_react_error_boundary = require("react-error-boundary");
 
 // localTheme.ts
@@ -28529,7 +28781,7 @@ function changeHostVariableColor(isLightMode, customStyles) {
 }
 
 // src/components/TxConfigForm/index.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 var normalizeTxConfigFormProps = (props) => {
   return {
     ...props,
@@ -28539,21 +28791,21 @@ var normalizeTxConfigFormProps = (props) => {
 };
 var PendingTransactionsEmitter = ({ onPendingTransactionsChange }) => {
   const { history } = useHistory();
-  const pendingTransactions = (0, import_react46.useMemo)(
+  const pendingTransactions = (0, import_react49.useMemo)(
     () => history.filter((entry) => entry.status === "IN_PROGRESS"),
     [history]
   );
-  (0, import_react46.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (onPendingTransactionsChange) {
       onPendingTransactionsChange(pendingTransactions);
     } else if (window.xPayOnPendingTransactionsChange) {
       window.xPayOnPendingTransactionsChange(pendingTransactions);
     }
   }, [onPendingTransactionsChange, pendingTransactions]);
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_jsx_runtime125.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_jsx_runtime126.Fragment, {});
 };
 var TxConfigForm = (props) => {
-  const normalizedProps = (0, import_react46.useMemo)(
+  const normalizedProps = (0, import_react49.useMemo)(
     () => normalizeTxConfigFormProps(props),
     [props]
   );
@@ -28598,30 +28850,30 @@ var TxConfigForm = (props) => {
       onClose();
     }
   };
-  const wagmiConfig = (0, import_react46.useMemo)(
+  const wagmiConfig = (0, import_react49.useMemo)(
     () => providedWagmiConfig ?? window.xPayWagmiConfig ?? getWagmiConfig(supportedChains),
     [providedWagmiConfig, supportedChains]
   );
-  (0, import_react46.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     changeHostVariableColor(lightTheme, styles);
   }, [lightTheme, styles]);
-  (0, import_react46.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (override?.apiUrl) {
       setApiUrl(override?.apiUrl);
     }
   }, [override?.apiUrl]);
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
     import_react_error_boundary.ErrorBoundary,
     {
-      FallbackComponent: () => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { children: "Something went wrong, please contact XSwap." }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(AllWalletsConfig, { wagmiConfig, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(WalletProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(HistoryProvider, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+      FallbackComponent: () => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { children: "Something went wrong, please contact XSwap." }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(AllWalletsConfig, { wagmiConfig, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(WalletProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(HistoryProvider, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
           PendingTransactionsEmitter,
           {
             onPendingTransactionsChange
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
           SwapProvider,
           {
             integrationConfig: {
@@ -28651,14 +28903,14 @@ var TxConfigForm = (props) => {
             },
             supportedChains,
             overlay,
-            children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TransactionProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TxUIWrapper, { children: overlay ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(TransactionProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(TxUIWrapper, { children: overlay ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
               "div",
               {
                 className: "top-0 left-0 right-0 bottom-0 bg-[rgba(0,0,0,0.8)] fixed flex flex-col items-center justify-center z-10",
                 onMouseDown: onBackdropClick,
-                children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "relative rounded-[32px] overflow-auto text-t_text_primary w-x_modal min-w-x_modal max-w-x_modal min-h-[532px] flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Swap, { onSubmit, onClose }) })
+                children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "relative rounded-[32px] overflow-auto text-t_text_primary w-x_modal min-w-x_modal max-w-x_modal min-h-[532px] flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Swap, { onSubmit, onClose }) })
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "rounded-[32px] overflow-auto text-t_text_primary min-h-[532px] w-x_modal min-w-x_modal max-w-x_modal flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Swap, { onSubmit: () => {
+            ) : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "rounded-[32px] overflow-auto text-t_text_primary min-h-[532px] w-x_modal min-w-x_modal max-w-x_modal flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Swap, { onSubmit: () => {
             }, onClose: () => {
             } }) }) }) })
           }
@@ -28698,7 +28950,7 @@ var openTxConfigForm = async ({
         throw new Error("XPay was incorrectly initialized");
       }
       xpayRoot.render(
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
           TxConfigForm,
           {
             integratorId,
@@ -28744,13 +28996,13 @@ var openTxConfigForm = async ({
 var import_free_solid_svg_icons2 = require("@fortawesome/free-solid-svg-icons");
 var import_react_fontawesome2 = require("@fortawesome/react-fontawesome");
 var import_date_fns3 = require("date-fns");
-var import_react47 = require("react");
+var import_react50 = require("react");
 
 // src/components/TxDataCard/TokenDetails/index.tsx
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 var TokenDetails = ({ chain, token, amount }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
       TokenLogoWithChain,
       {
         token,
@@ -28760,22 +29012,22 @@ var TokenDetails = ({ chain, token, amount }) => {
         chainLogoClassName: "w-5"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col text-[12px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "text-t_text_primary text-nowrap", children: `${Number(amount) < 1e-4 ? "<0.0001" : amount} ${token?.symbol ? token?.symbol : "unknown"}` }),
-      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "text-xs text-t_text_primary text-opacity-50", children: chain?.displayName })
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col text-[12px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "text-t_text_primary text-nowrap", children: `${Number(amount) < 1e-4 ? "<0.0001" : amount} ${token?.symbol ? token?.symbol : "unknown"}` }),
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "text-xs text-t_text_primary text-opacity-50", children: chain?.displayName })
     ] })
   ] });
 };
 
 // src/components/TxDataCard/TxDataCardUI/index.tsx
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 var TxDataCardUI = ({
   transaction,
   supportedChains,
   srcToken,
   dstToken
 }) => {
-  const getDate = (0, import_react47.useCallback)((blockTimestamp) => {
+  const getDate = (0, import_react50.useCallback)((blockTimestamp) => {
     return (0, import_date_fns3.format)(new Date(blockTimestamp * 1e3), "d MMM yyyy HH:mm:ss");
   }, []);
   const date = getDate(transaction.timestamp);
@@ -28795,21 +29047,21 @@ var TxDataCardUI = ({
   const dstChain = supportedChains.find(
     (chain) => chain.chainId === transaction.targetChainId
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col border border-t_text_primary border-opacity-10 rounded-lg bg-t_bg_primary p-4 gap-4 mb-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center gap-2 border-b border-solid border-t_text_primary border-opacity-10 pb-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "text-xs text-t_text_primary text-opacity-50", children: date }),
-      /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex grow justify-end items-center h-6", children: [
-        transaction.status === "IN_PROGRESS" ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center grow justify-end text-xs", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col border border-t_text_primary border-opacity-10 rounded-lg bg-t_bg_primary p-4 gap-4 mb-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex items-center gap-2 border-b border-solid border-t_text_primary border-opacity-10 pb-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "text-xs text-t_text_primary text-opacity-50", children: date }),
+      /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex grow justify-end items-center h-6", children: [
+        transaction.status === "IN_PROGRESS" ? /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex items-center grow justify-end text-xs", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
             import_react_fontawesome2.FontAwesomeIcon,
             {
               icon: import_free_solid_svg_icons2.faHourglassHalf,
               className: "w-4 h-4 mr-1 text-t_text_orange"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "text-xs text-t_text_orange min-w-[108px]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "text-xs text-t_text_orange min-w-[108px]", children: [
             "In progress (",
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
               Timer,
               {
                 displayFormat: 0 /* Minutes */,
@@ -28819,8 +29071,8 @@ var TxDataCardUI = ({
             ),
             ")"
           ] })
-        ] }) : transaction.status === "DONE" ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex items-center grow justify-end text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "mr-1 text-t_text_green", children: "Done" }) }) : transaction.status === "REVERTED" ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex items-center grow justify-end text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "mr-1 text-t_text_red", children: "Reverted" }) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+        ] }) : transaction.status === "DONE" ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex items-center grow justify-end text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "mr-1 text-t_text_green", children: "Done" }) }) : transaction.status === "REVERTED" ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex items-center grow justify-end text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "mr-1 text-t_text_red", children: "Reverted" }) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           "a",
           {
             href: `${transaction.messageId ? `${CCIP_EXPLORER}${transaction.messageId}` : `${supportedChains.find(
@@ -28830,7 +29082,7 @@ var TxDataCardUI = ({
             rel: "noreferrer",
             className: "no-underline ml-1.5 text-t_text_primary",
             "aria-label": "Show the transaction in the chain explorer",
-            children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
               import_react_fontawesome2.FontAwesomeIcon,
               {
                 icon: import_free_solid_svg_icons2.faArrowUpRightFromSquare,
@@ -28841,8 +29093,8 @@ var TxDataCardUI = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex flex-wrap gap-8", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex flex-wrap gap-8", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
         TokenDetails,
         {
           chain: srcChain,
@@ -28850,15 +29102,15 @@ var TxDataCardUI = ({
           amount: transferredAmount
         }
       ),
-      transaction.tokenOutAddress && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+      transaction.tokenOutAddress && /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_jsx_runtime128.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           import_react_fontawesome2.FontAwesomeIcon,
           {
             icon: import_free_solid_svg_icons2.faArrowRight,
             className: "w-5 h-5 text-t_text_primary opacity-50 mx-1.5"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           TokenDetails,
           {
             chain: dstChain,
@@ -28872,11 +29124,11 @@ var TxDataCardUI = ({
 };
 
 // src/components/TxDataCard/index.tsx
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 
 // src/components/TxModal/index.tsx
 var import_react_dom2 = require("react-dom");
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 var TxModal = ({
   id: id2,
   children,
@@ -28892,24 +29144,24 @@ var TxModal = ({
     }
   };
   return (0, import_react_dom2.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
       "div",
       {
         className: "fixed box-border inset-0 z-20 flex items-center justify-center bg-black bg-opacity-80",
         onMouseDown: onBackdropClick,
-        children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
           "div",
           {
             className: `relative rounded-[32px] p-6 sm:p-8 w-full min-w-[340px] overflow-auto max-w-[var(--modal-width,588px)] backdrop-blur-[32px] bg-t_bg_secondary bg-opacity-75 border border-solid ${type === "warning" ? "border-t_warning_dark" : type === "waiting" ? "border-t_main_accent_dark" : "border-t_text_primary border-opacity-10"} ${className}`,
             children: [
-              (type === "error" || type === "success") && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+              (type === "error" || type === "success") && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                 "div",
                 {
                   "aria-hidden": true,
                   className: `absolute inset-0 rounded-[inherit] pointer-events-none ${type === "error" ? "tx-modal-glow-error" : "tx-modal-glow-success"}`
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "relative", children })
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "relative", children })
             ]
           }
         )
@@ -28921,30 +29173,30 @@ var TxModal = ({
 };
 
 // src/components/TxStatusButton/index.tsx
-var import_react48 = require("react");
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_react51 = require("react");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 var TxStatusButton = ({
   transaction,
   supportedChains,
   srcToken,
   dstToken
 }) => {
-  const [isWide, setIsWide] = (0, import_react48.useState)(false);
-  const background = (0, import_react48.useMemo)(
+  const [isWide, setIsWide] = (0, import_react51.useState)(false);
+  const background = (0, import_react51.useMemo)(
     () => transaction?.status === "DONE" ? "bg-t_bg_primary bg-gradient-to-r from-t_success_light/20 to-t_success_dark/20" : "bg-t_bg_primary bg-gradient-to-r from-t_main_accent_light/20 to-t_main_accent_dark/20]",
     [transaction]
   );
-  const border = (0, import_react48.useMemo)(
+  const border = (0, import_react51.useMemo)(
     () => transaction?.status === "DONE" ? "border border-solid border-t_success_dark" : "border border-solid border-t_main_accent_dark",
     [transaction]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
     "div",
     {
       className: "flex gap-2 items-end justify-end flex-wrap",
       onClick: () => setIsWide((x) => !x),
       children: [
-        isWide && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+        isWide && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           TxDataCardUI,
           {
             transaction,
@@ -28953,15 +29205,15 @@ var TxStatusButton = ({
             dstToken
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           "div",
           {
             className: `text-t_text_primary rounded-xl h-14 w-20  mb-2 cursor-pointer ${background} ${border}`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex gap-2 items-center h-14 w-20 justify-center fill-t_text_primary", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: `${isWide ? "rotate-180" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(ArrowLeftIcon, {}) }),
-              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "relative flex items-center justify-center w-9 h-9", children: transaction?.status === "DONE" ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "w-5 h-5 fill-t_success_dark", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(CheckIcon, {}) }) : /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_jsx_runtime130.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "w-5 h-5", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(XSwapLogo, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "absolute flex items-center justify-center top-0 left-0 right-0 bottom-0 text-t_text_primary", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Spinner, { className: "w-10 h-10" }) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex gap-2 items-center h-14 w-20 justify-center fill-t_text_primary", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: `${isWide ? "rotate-180" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(ArrowLeftIcon, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "relative flex items-center justify-center w-9 h-9", children: transaction?.status === "DONE" ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "w-5 h-5 fill-t_success_dark", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(CheckIcon, {}) }) : /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "w-5 h-5", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(XSwapLogo, {}) }),
+                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "absolute flex items-center justify-center top-0 left-0 right-0 bottom-0 text-t_text_primary", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Spinner, { className: "w-10 h-10" }) })
               ] }) })
             ] })
           }
@@ -28998,22 +29250,22 @@ var updateTransactionDoneInRenderedTransactions = (hash3) => {
   });
 };
 var renderTxStatusButtons = () => {
-  const buttons = renderedTransactions.map((item) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(TxStatusButton, { ...item }, item.transaction.hash));
+  const buttons = renderedTransactions.map((item) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(TxStatusButton, { ...item }, item.transaction.hash));
   if (xpayTxStatusRoot === null) {
     throw new Error("XPay was incorrectly initialized");
   }
   xpayTxStatusRoot.render(
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "fixed bottom-5 right-2 flex flex-col gap-3 pl-9 items-end w-full z-50", children: buttons })
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "fixed bottom-5 right-2 flex flex-col gap-3 pl-9 items-end w-full z-50", children: buttons })
   );
 };
 
 // src/utils/webComponents.ts
 var import_core2 = __toESM(require("@r2wc/core"));
-var import_react49 = __toESM(require("react"));
+var import_react52 = __toESM(require("react"));
 var import_client3 = require("react-dom/client");
 var mount = (container, ReactComponent, props) => {
   const root = (0, import_client3.createRoot)(container);
-  const element = import_react49.default.createElement(ReactComponent, props);
+  const element = import_react52.default.createElement(ReactComponent, props);
   root.render(element);
   return {
     root,
@@ -29021,7 +29273,7 @@ var mount = (container, ReactComponent, props) => {
   };
 };
 var update2 = ({ root, ReactComponent }, props) => {
-  const element = import_react49.default.createElement(ReactComponent, props);
+  const element = import_react52.default.createElement(ReactComponent, props);
   root.render(element);
 };
 var unmount = ({ root }) => {
@@ -29032,8 +29284,8 @@ var createWebComponent = (ReactComponent, options = {}) => {
 };
 
 // src/components/TxWidgetWC/index.tsx
-var import_react50 = require("react");
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_react53 = require("react");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 var TxWidget = ({
   integratorId,
   dstChain: dstChainId,
@@ -29063,15 +29315,15 @@ var TxWidget = ({
   integratorFeeReceiverAddress,
   highlightedDstTokens
 }) => {
-  const [loading, setLoading] = (0, import_react50.useState)(true);
-  const [supportedChains, setSupportedChains] = (0, import_react50.useState)([]);
-  const [srcTokenAddr, setSrcTokenAddr] = (0, import_react50.useState)(
+  const [loading, setLoading] = (0, import_react53.useState)(true);
+  const [supportedChains, setSupportedChains] = (0, import_react53.useState)([]);
+  const [srcTokenAddr, setSrcTokenAddr] = (0, import_react53.useState)(
     void 0
   );
-  const [dstTokenAddr, setDstTokenAddr] = (0, import_react50.useState)(
+  const [dstTokenAddr, setDstTokenAddr] = (0, import_react53.useState)(
     void 0
   );
-  (0, import_react50.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     (async () => {
       setLoading(true);
       if (override?.apiUrl) {
@@ -29092,7 +29344,7 @@ var TxWidget = ({
       console.error("Error parsing styles:", error);
     }
   })();
-  (0, import_react50.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     const newSrcTokenAddr = resolveTokenAddress(
       srcTokenId,
       srcChainId,
@@ -29106,9 +29358,9 @@ var TxWidget = ({
     setSrcTokenAddr(newSrcTokenAddr);
     setDstTokenAddr(newDstTokenAddr);
   }, [srcTokenId, srcChainId, dstTokenId, dstChainId, supportedChains]);
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("style", { children: global_default }),
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "min-h-[532px] w-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Spinner, { className: "w-10 h-10" }) }) : /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_jsx_runtime132.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("style", { children: global_default }),
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "min-h-[532px] w-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Spinner, { className: "w-10 h-10" }) }) : /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
       TxConfigForm,
       {
         integratorId,
@@ -29187,8 +29439,8 @@ var createTxWidgetWC = () => {
 
 // src/components/TxWidgetWCWrapped/index.tsx
 var import_react_query2 = require("@tanstack/react-query");
-var import_react51 = require("react");
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_react54 = require("react");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 var TxWidgetWC = createTxWidgetWC();
 if (!import_react_query2.isServer && typeof customElements !== "undefined") {
   if (!customElements.get("xpay-widget")) {
@@ -29228,7 +29480,7 @@ var TxWidgetWCWrapped = ({
   if (typeof window !== "undefined") {
     window.xPayWagmiConfig = wagmiConfig;
   }
-  (0, import_react51.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     window.xPayOnPendingTransactionsChange = onPendingTransactionsChange;
     window.xPayOnDstTokenChange = onDstTokenChange;
     window.xPayOnDstChainChange = onDstChainChange;
@@ -29243,7 +29495,7 @@ var TxWidgetWCWrapped = ({
     onSrcChainChange,
     onConnectWallet
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
     "xpay-widget",
     {
       "integrator-id": integratorId,