@xswap-link/sdk 0.15.1 → 0.15.2

package/dist/index.mjs

@@ -17402,7 +17402,7 @@ var sortChains = (chains, disabledChainIds) => [...chains].map((chain) => ({
 import { createRoot } from "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
@@ -17564,6 +17564,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({
@@ -18684,6 +18692,88 @@ var useEvmContractApi_default = useEvmContractApi;
 // src/hooks/useBatchQuery.ts
 import { useCallback as useCallback2 } from "react";
 
+// src/hooks/useCrossChainDelivery.ts
+import { useEffect, useState as useState2 } from "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] = useState2();
+  const [startedAt, setStartedAt] = useState2();
+  const active = enabled && !!chainId && !!txHash;
+  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
 import { useCallback as useCallback3, useRef } from "react";
 var useDebounce = ({
@@ -20482,9 +20572,9 @@ import {
   createContext as createContext2,
   useCallback as useCallback5,
   useContext as useContext2,
-  useEffect,
+  useEffect as useEffect2,
   useMemo as useMemo4,
-  useState as useState2
+  useState as useState3
 } from "react";
 import { jsx as jsx73, jsxs as jsxs27 } from "react/jsx-runtime";
 var HistoryContext = createContext2(
@@ -20531,15 +20621,15 @@ var HistoryProvider = ({ children }) => {
   const { evm, solana } = useWallet();
   const { address } = evm;
   const { address: solanaAddress } = solana;
-  const [solanaHistory, setSolanaHistory] = useState2([]);
-  const [history, setHistory] = useState2([]);
-  const [historyLoadedOnce, setHistoryLoadedOnce] = useState2(false);
-  const [solanaHistoryLoadedOnce, setSolanaHistoryLoadedOnce] = useState2(false);
+  const [solanaHistory, setSolanaHistory] = useState3([]);
+  const [history, setHistory] = useState3([]);
+  const [historyLoadedOnce, setHistoryLoadedOnce] = useState3(false);
+  const [solanaHistoryLoadedOnce, setSolanaHistoryLoadedOnce] = useState3(false);
   const { enqueueSnackbar, closeSnackbar } = useSnackbar();
   const { debounce: getHistoryDebounce } = useDebounce({
     delayMs: 600
   });
-  useEffect(() => {
+  useEffect2(() => {
     if (!isServer) {
       localStorage.removeItem("transactions-history");
     }
@@ -20579,7 +20669,7 @@ var HistoryProvider = ({ children }) => {
       setSolanaHistoryLoadedOnce(true);
     }
   };
-  useEffect(() => {
+  useEffect2(() => {
     if (solanaAddress) {
       fetchSolanaHistory();
     } else {
@@ -20684,7 +20774,7 @@ var HistoryProvider = ({ children }) => {
       setHistoryLoadedOnce(true);
     }
   }, [address, enqueueSnackbar]);
-  useEffect(() => {
+  useEffect2(() => {
     if (!historyLoadedOnce) {
       getHistoryDebounce(fetchHistory);
     }
@@ -20771,7 +20861,7 @@ var HistoryProvider = ({ children }) => {
     },
     [showSnackbarForDoneTx]
   );
-  useEffect(() => {
+  useEffect2(() => {
     setHistoryLoadedOnce(false);
     setSolanaHistoryLoadedOnce(false);
     setHistory([]);
@@ -20848,10 +20938,10 @@ import {
   createContext as createContext3,
   useCallback as useCallback6,
   useContext as useContext3,
-  useEffect as useEffect2,
+  useEffect as useEffect3,
   useMemo as useMemo5,
   useRef as useRef2,
-  useState as useState3
+  useState as useState4
 } from "react";
 
 // src/utils/validation.ts
@@ -21222,50 +21312,50 @@ var SwapProvider = ({
   const { evm, solana } = useWallet();
   const { address: evmAddress, chainId: walletChainId } = evm;
   const { address: solanaAddress } = solana;
-  const [isInitialStateSet, setIsInitialStateSet] = useState3(false);
-  const [tab, setTab] = useState3(init2.tab);
-  const [error, setError] = useState3(init2.error);
-  const [activePicker, setActivePicker] = useState3(init2.activePicker);
-  const [expressDelivery, setExpressDelivery] = useState3(init2.expressDelivery);
-  const [slippage, setSlippage] = useState3(init2.slippage);
-  const [infiniteApproval, setInfiniteApproval] = useState3(
+  const [isInitialStateSet, setIsInitialStateSet] = useState4(false);
+  const [tab, setTab] = useState4(init2.tab);
+  const [error, setError] = useState4(init2.error);
+  const [activePicker, setActivePicker] = useState4(init2.activePicker);
+  const [expressDelivery, setExpressDelivery] = useState4(init2.expressDelivery);
+  const [slippage, setSlippage] = useState4(init2.slippage);
+  const [infiniteApproval, setInfiniteApproval] = useState4(
     init2.infiniteApproval
   );
-  const [srcChain, setSrcChain] = useState3(init2.srcChain);
-  const [dstChain, setDstChain] = useState3(init2.dstChain);
-  const [feeToken, setFeeToken] = useState3(init2.feeToken);
-  const [srcToken, setSrcToken] = useState3(init2.srcToken);
-  const [dstToken, setDstToken] = useState3(init2.dstToken);
-  const [tokenPrices, setTokenPrices] = useState3(init2.tokenPrices);
-  const [tokenBalances, setTokenBalances] = useState3({});
-  const [customTokensVersion, setCustomTokensVersion] = useState3(0);
-  const [bridgeTokens, setBridgeTokens] = useState3([]);
-  const [srcValue, setSrcValue] = useState3(init2.srcValue);
-  const [srcTokenBalanceWei, setSrcTokenBalanceWei] = useState3(
+  const [srcChain, setSrcChain] = useState4(init2.srcChain);
+  const [dstChain, setDstChain] = useState4(init2.dstChain);
+  const [feeToken, setFeeToken] = useState4(init2.feeToken);
+  const [srcToken, setSrcToken] = useState4(init2.srcToken);
+  const [dstToken, setDstToken] = useState4(init2.dstToken);
+  const [tokenPrices, setTokenPrices] = useState4(init2.tokenPrices);
+  const [tokenBalances, setTokenBalances] = useState4({});
+  const [customTokensVersion, setCustomTokensVersion] = useState4(0);
+  const [bridgeTokens, setBridgeTokens] = useState4([]);
+  const [srcValue, setSrcValue] = useState4(init2.srcValue);
+  const [srcTokenBalanceWei, setSrcTokenBalanceWei] = useState4(
     init2.srcTokenBalanceWei
   );
-  const [srcChainTokensOptions, setSrcChainTokensOptions] = useState3(
+  const [srcChainTokensOptions, setSrcChainTokensOptions] = useState4(
     init2.srcChainTokensOptions
   );
-  const [dstChainTokensOptions, setDstChainTokensOptions] = useState3(
+  const [dstChainTokensOptions, setDstChainTokensOptions] = useState4(
     init2.dstChainTokensOptions
   );
-  const [srcChainOtherTokensOptions, setSrcChainOtherTokensOptions] = useState3(
+  const [srcChainOtherTokensOptions, setSrcChainOtherTokensOptions] = useState4(
     init2.srcChainOtherTokensOptions
   );
-  const [dstChainOtherTokensOptions, setDstChainOtherTokensOptions] = useState3(
+  const [dstChainOtherTokensOptions, setDstChainOtherTokensOptions] = useState4(
     init2.dstChainOtherTokensOptions
   );
-  const [srcChainOptions, setSrcChainOptions] = useState3([]);
-  const [dstChainOptions, setDstChainOptions] = useState3([]);
-  const [isFetchingBalance, setIsFetchingBalance] = useState3(
+  const [srcChainOptions, setSrcChainOptions] = useState4([]);
+  const [dstChainOptions, setDstChainOptions] = useState4([]);
+  const [isFetchingBalance, setIsFetchingBalance] = useState4(
     init2.isFetchingBalance
   );
-  const [isFetchingBalances, setIsFetchingBalances] = useState3(
+  const [isFetchingBalances, setIsFetchingBalances] = useState4(
     init2.isFetchingBalances
   );
-  const [isFetchingRoute, setFetchingRoute] = useState3(init2.isFetchingRoute);
-  const [route, setRoute] = useState3(init2.route);
+  const [isFetchingRoute, setFetchingRoute] = useState4(init2.isFetchingRoute);
+  const [route, setRoute] = useState4(init2.route);
   const routeAbortController = useRef2(null);
   const refreshSelectedTokenBalanceNonce = useRef2(crypto.randomUUID());
   const prevWalletAddresses = useRef2(void 0);
@@ -21391,10 +21481,15 @@ var SwapProvider = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [route]
   );
-  const isExpressDeliveryActive = useMemo5(
-    () => expressDelivery && !!route && BigNumber.from(route.xSwapFees?.expressDeliveryFee || "0").gt("0"),
-    [expressDelivery, route]
-  );
+  const isExpressDeliveryActive = useMemo5(() => {
+    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 = useMemo5(
     () => supportedChains.length > 0 && bridgeTokens.length > 0,
     [supportedChains, bridgeTokens]
@@ -21632,7 +21727,7 @@ var SwapProvider = ({
     },
     [supportedChains]
   );
-  useEffect2(() => {
+  useEffect3(() => {
     if (supportedChains.length > 0) {
       const chainIds = supportedChains.map((chain) => chain.chainId);
       getPrices({ chainId: chainIds }).then((prices) => {
@@ -21640,22 +21735,22 @@ var SwapProvider = ({
       });
     }
   }, [supportedChains]);
-  useEffect2(() => {
+  useEffect3(() => {
     (async () => {
       const data = await getBridgeTokens();
       setBridgeTokens(data);
     })();
   }, []);
-  useEffect2(() => {
+  useEffect3(() => {
     quoteRoute();
   }, [quoteRoute]);
-  useEffect2(() => {
+  useEffect3(() => {
     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]);
-  useEffect2(() => {
+  useEffect3(() => {
     let isCancelled = false;
     if ((evmAddress || solanaAddress) && supportedChains.length > 0) {
       setIsFetchingBalances(true);
@@ -21674,7 +21769,7 @@ var SwapProvider = ({
       isCancelled = true;
     };
   }, [evmAddress, solanaAddress, supportedChains.length, customTokensVersion]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (srcChain?.chainId === "mainnet-beta") {
       setFeeToken(
         srcChain?.tokens.find(
@@ -21689,7 +21784,7 @@ var SwapProvider = ({
       );
     }
   }, [srcChain]);
-  useEffect2(() => {
+  useEffect3(() => {
     (async () => {
       const isSingleChainSelected = dstChain?.chainId === srcChain?.chainId;
       const srcTokenOptions = getTokenOptions(
@@ -21758,7 +21853,7 @@ var SwapProvider = ({
     dstToken?.symbol,
     tokenBalances
   ]);
-  useEffect2(() => {
+  useEffect3(() => {
     const baseChains = supportedChains.filter(
       ({ web3Environment, swapSupported, bridgeSupported }) => web3Environment === "mainnet" /* MAINNET */ && (bridgeUI && bridgeSupported || !bridgeUI && swapSupported)
     );
@@ -21813,7 +21908,7 @@ var SwapProvider = ({
     dstToken,
     bridgeTokensDictionary
   ]);
-  useEffect2(() => {
+  useEffect3(() => {
     const prevWalletChainId = prevFollowedWalletChainId.current;
     prevFollowedWalletChainId.current = walletChainId;
     if (!walletChainId || !prevWalletChainId || prevWalletChainId === walletChainId || !isInitialStateSet || integrationConfig?.srcChainId || bridgeUI) {
@@ -21832,7 +21927,7 @@ var SwapProvider = ({
     integrationConfig?.srcChainId,
     bridgeUI
   ]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!isInitialStateSet) {
       return;
     }
@@ -21848,7 +21943,7 @@ var SwapProvider = ({
     setDstChain(void 0);
     setIsInitialStateSet(false);
   }, [bridgeUI]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (isInitialStateSet || !supportedChains || supportedChains.length === 0 || !bridgeTokensDictionary) {
       return;
     }
@@ -21913,7 +22008,7 @@ var SwapProvider = ({
     isInitialStateSet,
     bridgeTokensDictionary
   ]);
-  useEffect2(() => {
+  useEffect3(() => {
     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.
@@ -21949,7 +22044,7 @@ var SwapProvider = ({
     bridgeTokensDictionary,
     isInitialStateSet
   ]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!isInitialStateSet || initPending.current) {
       return;
     }
@@ -21959,7 +22054,7 @@ var SwapProvider = ({
       window.xPayOnDstChainChange(dstChain?.chainId);
     }
   }, [integrationConfig.onDstChainChange, dstChain]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!isInitialStateSet || initPending.current) {
       return;
     }
@@ -21970,7 +22065,7 @@ var SwapProvider = ({
       window.xPayOnDstTokenChange(token);
     }
   }, [integrationConfig.onDstTokenChange, dstToken]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!isInitialStateSet || initPending.current) {
       return;
     }
@@ -21980,7 +22075,7 @@ var SwapProvider = ({
       window.xPayOnSrcChainChange(srcChain?.chainId);
     }
   }, [integrationConfig.onSrcChainChange, srcChain]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!isInitialStateSet || initPending.current) {
       return;
     }
@@ -22171,7 +22266,7 @@ function useTransaction() {
 }
 
 // src/hooks/networkManagement/useNetworks.ts
-import { useEffect as useEffect3, useMemo as useMemo8, useState as useState4 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo8, useState as useState5 } from "react";
 import { useAccount as useAccount2 } from "wagmi";
 
 // src/hooks/networkManagement/clientToSigner.tsx
@@ -22190,9 +22285,9 @@ async function useEthersSigner({ chainId } = {}) {
 
 // src/hooks/networkManagement/useNetworks.ts
 var useNetworks = () => {
-  const [signer, setSigner] = useState4();
+  const [signer, setSigner] = useState5();
   const ethersSigner = useEthersSigner();
-  useEffect3(() => {
+  useEffect4(() => {
     ethersSigner.then((signer2) => setSigner(signer2));
   }, [ethersSigner]);
   const account = useAccount2();
@@ -22216,7 +22311,7 @@ var useNetworks_default = useNetworks;
 import { useCallback as useCallback8 } from "react";
 
 // src/components/Swap/SwapView/FeesPanel/index.tsx
-import { useEffect as useEffect4, useMemo as useMemo9, useState as useState5 } from "react";
+import { useEffect as useEffect5, useMemo as useMemo9, useState as useState6 } from "react";
 
 // src/components/Swap/SwapView/FeesPanel/DeliveryInfo/index.tsx
 import { jsx as jsx76 } from "react/jsx-runtime";
@@ -22246,7 +22341,10 @@ import { jsx as jsx78 } from "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: ",
@@ -22264,11 +22362,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 || ""}`
@@ -24410,9 +24508,9 @@ import { BN as BN15 } from "@coral-xyz/anchor";
 import { useWallet as useWallet2 } from "@solana/wallet-adapter-react";
 import { Fragment as Fragment2, jsx as jsx79, jsxs as jsxs29 } from "react/jsx-runtime";
 var FeesPanel = () => {
-  const [expanded, setExpanded] = useState5(false);
-  const [isFetchingSolanaFee, setIsFetchingSolanaFee] = useState5(false);
-  const [solanaBridgeFee, setSolanaBridgeFee] = useState5(null);
+  const [expanded, setExpanded] = useState6(false);
+  const [isFetchingSolanaFee, setIsFetchingSolanaFee] = useState6(false);
+  const [solanaBridgeFee, setSolanaBridgeFee] = useState6(null);
   const {
     route,
     feeToken,
@@ -24429,7 +24527,7 @@ var FeesPanel = () => {
       evm: { address: evmAddress }
     }
   } = useNetworks_default();
-  useEffect4(() => {
+  useEffect5(() => {
     const fetchSolanaBridgeFee = async () => {
       if (bridgeUI && srcChain?.ecosystem === "solana" /* SOLANA */ && dstChain?.ccipChainId && srcToken && srcValueWei && publicKey9 && evmAddress) {
         try {
@@ -24703,7 +24801,8 @@ var TxOverview = ({ onCloseClick }) => {
     dstValueWei,
     route,
     refreshBalance,
-    bridgeUI
+    bridgeUI,
+    isExpressDeliveryActive
   } = useSwapContext();
   const {
     txStatus,
@@ -24734,7 +24833,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) {
@@ -24801,7 +24903,8 @@ var TxOverview = ({ onCloseClick }) => {
       srcValueWei,
       dstValueWei,
       supportedChains,
-      route
+      route,
+      isExpressDeliveryActive
     ]
   );
   const enqueueSwapTx = useCallback8(async () => {
@@ -25132,20 +25235,54 @@ async function checkAndDelegateTokenAuthority(connection, publicKey9, tokenMint,
   }
 }
 
-// src/components/Swap/SwapView/ConfirmationView/TxResult/index.tsx
+// src/components/Swap/SwapView/ConfirmationView/TxProgress/index.tsx
+import { useEffect as useEffect6, useMemo as useMemo12, useState as useState7 } from "react";
 import { jsx as jsx84, jsxs as jsxs34 } from "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] = useState7(() => Date.now());
+  useEffect6(() => {
+    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 = useMemo12(
+    () => 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__ */ jsxs34("div", { className: "flex flex-col gap-8 text-t_text_primary", children: [
     /* @__PURE__ */ jsxs34("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx84("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em]", children: txError ? "Transaction Error" : "Transaction Success" }),
-        txError ? /* @__PURE__ */ jsx84(ErrorCircleThinIcon, { className: "w-6 h-6 shrink-0 text-[#F44336]" }) : /* @__PURE__ */ jsx84(CheckCircleThinIcon, { className: "w-6 h-6 shrink-0 text-[#6AE89B]" })
+      /* @__PURE__ */ jsx84("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em]", children: "Delivering Funds" }),
+      /* @__PURE__ */ jsx84("div", { className: "text-sm leading-5 tracking-[0.01em] text-t_text_primary text-opacity-50", children: note }),
+      /* @__PURE__ */ jsx84("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__ */ jsx84(TokenTiles, {}),
+    /* @__PURE__ */ jsxs34("div", { className: "flex flex-col rounded-xl bg-t_bg_tertiary bg-opacity-[0.02]", children: [
+      /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between gap-4 px-4 sm:px-6 py-4 rounded-lg", children: [
+        /* @__PURE__ */ jsx84("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__ */ jsx84(CheckCircleThinIcon, { className: "w-6 h-6 shrink-0 text-[#6AE89B]" })
       ] }),
-      txError ? /* @__PURE__ */ jsx84("div", { className: "text-sm leading-5 tracking-[0.01em] text-t_text_primary text-opacity-50", children: txError }) : !txMsg && srcChain !== dstChain && /* @__PURE__ */ jsx84("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__ */ jsxs34("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__ */ jsx84("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__ */ jsxs34("div", { className: "flex items-center gap-3 shrink-0", children: [
+          /* @__PURE__ */ jsx84("span", { className: "text-sm leading-5 tracking-[0.01em] tabular-nums text-t_text_primary text-opacity-50", children: formatElapsed(elapsedMs) }),
+          /* @__PURE__ */ jsx84(ProgressRingThinIcon, { className: "w-6 h-6 shrink-0 animate-spin-slow text-t_text_primary" })
+        ] })
+      ] })
     ] }),
-    !txMsg && /* @__PURE__ */ jsx84(TokenTiles, {}),
     /* @__PURE__ */ jsx84("div", { className: "h-px w-full gradient-sections-separator-container" }),
     /* @__PURE__ */ jsx84(
       "button",
@@ -25153,10 +25290,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__ */ jsxs34("div", { className: "w-full flex gap-3 items-center", children: [
+    /* @__PURE__ */ jsxs34("div", { className: "w-full flex gap-3 items-center", children: [
       /* @__PURE__ */ jsxs34(
         "a",
         {
@@ -25176,11 +25313,112 @@ var TxResult = ({ onCloseClick }) => {
   ] });
 };
 
+// src/components/Swap/SwapView/ConfirmationView/TxResult/index.tsx
+import { useMemo as useMemo13 } from "react";
+import { jsx as jsx85, jsxs as jsxs35 } from "react/jsx-runtime";
+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 = useMemo13(() => {
+    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 = useMemo13(() => {
+    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__ */ jsxs35("div", { className: "flex flex-col gap-8 text-t_text_primary", children: [
+    /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx85("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em]", children: failed ? "Transaction Error" : partiallyFailed ? "Partially Completed" : "Transaction Success" }),
+        failed ? /* @__PURE__ */ jsx85(ErrorCircleThinIcon, { className: "w-6 h-6 shrink-0 text-[#F44336]" }) : partiallyFailed ? /* @__PURE__ */ jsx85(ErrorCircleThinIcon, { className: "w-6 h-6 shrink-0 text-t_warning_light" }) : /* @__PURE__ */ jsx85(CheckCircleThinIcon, { className: "w-6 h-6 shrink-0 text-[#6AE89B]" })
+      ] }),
+      txError ? /* @__PURE__ */ jsx85("div", { className: "text-sm leading-5 tracking-[0.01em] text-t_text_primary text-opacity-50", children: txError }) : !txMsg && !!note && /* @__PURE__ */ jsx85("div", { className: "text-sm leading-5 tracking-[0.01em] text-t_text_primary text-opacity-50", children: note })
+    ] }),
+    !txMsg && /* @__PURE__ */ jsx85(TokenTiles, {}),
+    /* @__PURE__ */ jsx85("div", { className: "h-px w-full gradient-sections-separator-container" }),
+    /* @__PURE__ */ jsx85(
+      "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__ */ jsxs35("div", { className: "w-full flex gap-3 items-center", children: [
+      /* @__PURE__ */ jsxs35(
+        "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__ */ jsx85("div", { className: "w-6 h-6 bg-t_bg_tertiary bg-opacity-5 rounded-[4px] flex items-center justify-center", children: /* @__PURE__ */ jsx85(RedirectThinIcon, { className: "w-3 h-3" }) })
+          ]
+        }
+      ),
+      targetExplorerUrl && /* @__PURE__ */ jsxs35(
+        "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__ */ jsx85("div", { className: "w-6 h-6 bg-t_bg_tertiary bg-opacity-5 rounded-[4px] flex items-center justify-center", children: /* @__PURE__ */ jsx85(RedirectThinIcon, { className: "w-3 h-3" }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx85("div", { className: "flex-1 h-px bg-t_text_primary bg-opacity-10" })
+    ] })
+  ] });
+};
+
 // src/components/Swap/SwapView/ConfirmationView/index.tsx
-import { jsx as jsx85 } from "react/jsx-runtime";
-var ConfirmationView = ({ onCloseClick }) => {
+import { jsx as jsx86 } from "react/jsx-runtime";
+var ConfirmationView = ({ onCloseClick, delivery }) => {
   const { txStatus, txError } = useTxUIWrapper();
-  return txStatus === 5 /* COMPLETED */ || txError ? /* @__PURE__ */ jsx85(TxResult, { onCloseClick }) : /* @__PURE__ */ jsx85(TxOverview, { onCloseClick });
+  if (txError) {
+    return /* @__PURE__ */ jsx86(TxResult, { onCloseClick, delivery });
+  }
+  if (txStatus !== 5 /* COMPLETED */) {
+    return /* @__PURE__ */ jsx86(TxOverview, { onCloseClick });
+  }
+  return delivery.isPolling ? /* @__PURE__ */ jsx86(TxProgress, { onCloseClick, delivery }) : /* @__PURE__ */ jsx86(TxResult, { onCloseClick, delivery });
 };
 
 // src/context/TxUIWrapper.tsx
@@ -25189,12 +25427,12 @@ import {
   createContext as createContext5,
   useCallback as useCallback9,
   useContext as useContext5,
-  useEffect as useEffect5,
-  useMemo as useMemo12,
+  useEffect as useEffect7,
+  useMemo as useMemo14,
   useRef as useRef3,
-  useState as useState6
+  useState as useState8
 } from "react";
-import { jsx as jsx86, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs36 } from "react/jsx-runtime";
 var TxUIWrapperContext = createContext5({});
 var TxUIWrapper = ({ children }) => {
   const { evm, solana } = useWallet();
@@ -25202,31 +25440,45 @@ var TxUIWrapper = ({ children }) => {
   const { chainId: solanaChainId } = solana;
   const { enqueueTransaction: nativeEnqueueTransaction } = useTransaction();
   const { enqueueSnackbar, closeSnackbar } = useSnackbar2();
-  const [currentNetwork, setCurrentNetwork] = useState6("evm" /* EVM */);
+  const [currentNetwork, setCurrentNetwork] = useState8("evm" /* EVM */);
   const isTxModalOpenRef = useRef3(false);
-  const [isTxModalOpen, setTxModalOpen] = useState6(false);
-  const [txHash, setTxHash] = useState6("");
+  const [isTxModalOpen, setTxModalOpen] = useState8(false);
+  const [txHash, setTxHash] = useState8("");
   const txKey = useRef3();
-  const [txError, setTxError] = useState6("");
-  const [txMsg, setTxMsg] = useState6("");
-  const [txReceipt, setTxReceipt] = useState6(
+  const [txError, setTxError] = useState8("");
+  const [txMsg, setTxMsg] = useState8("");
+  const [txReceipt, setTxReceipt] = useState8(
     void 0
   );
-  const [loading, setLoading] = useState6(false);
-  const [txNeedsApproval, setTxNeedsApproval] = useState6(false);
-  const [txStatus, setTxStatus] = useState6(0 /* SWAP_INIT */);
-  const { supportedChains, setSrcValue } = useSwapContext();
+  const [loading, setLoading] = useState8(false);
+  const [txNeedsApproval, setTxNeedsApproval] = useState8(false);
+  const [txStatus, setTxStatus] = useState8(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);
     }
   };
-  useEffect5(() => {
+  useEffect7(() => {
     if (!isTxModalOpen) {
       if (txError) {
         enqueueSnackbar(
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx87(
             SnackMessage,
             {
               message: {
@@ -25242,14 +25494,14 @@ var TxUIWrapper = ({ children }) => {
         if (txHash) {
           const snackbarKey = txHash;
           enqueueSnackbar(
-            /* @__PURE__ */ jsx86(
+            /* @__PURE__ */ jsx87(
               SnackMessage,
               {
                 message: {
                   text: `Transaction ${trimTxHash(txHash)} is about to be mined!`,
                   variant: "warning",
-                  action: () => /* @__PURE__ */ jsxs35("div", { className: "flex items-center flex-nowrap", children: [
-                    /* @__PURE__ */ jsx86(
+                  action: () => /* @__PURE__ */ jsxs36("div", { className: "flex items-center flex-nowrap", children: [
+                    /* @__PURE__ */ jsx87(
                       Button,
                       {
                         type: "button",
@@ -25263,16 +25515,16 @@ var TxUIWrapper = ({ children }) => {
                         children: "Check"
                       }
                     ),
-                    /* @__PURE__ */ jsx86(
+                    /* @__PURE__ */ jsx87(
                       "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__ */ jsx86(CloseIcon, {})
+                        children: /* @__PURE__ */ jsx87(CloseIcon, {})
                       }
                     )
                   ] }),
-                  animation: () => /* @__PURE__ */ jsx86(Spinner, { className: "w-4 h-4" })
+                  animation: () => /* @__PURE__ */ jsx87(Spinner, { className: "w-4 h-4" })
                 }
               }
             ),
@@ -25340,14 +25592,14 @@ var TxUIWrapper = ({ children }) => {
         }
         const snackbarKey = `${txHash}-success`;
         enqueueSnackbar(
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx87(
             SnackMessage,
             {
               message: {
                 text: `Transaction mined successfully!`,
                 variant: "success",
-                action: () => /* @__PURE__ */ jsxs35("div", { className: "flex items-center flex-nowrap", children: [
-                  /* @__PURE__ */ jsx86(
+                action: () => /* @__PURE__ */ jsxs36("div", { className: "flex items-center flex-nowrap", children: [
+                  /* @__PURE__ */ jsx87(
                     Button,
                     {
                       type: "button",
@@ -25365,12 +25617,12 @@ var TxUIWrapper = ({ children }) => {
                       children: "View"
                     }
                   ),
-                  /* @__PURE__ */ jsx86(
+                  /* @__PURE__ */ jsx87(
                     "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__ */ jsx86(CloseIcon, {})
+                      children: /* @__PURE__ */ jsx87(CloseIcon, {})
                     }
                   )
                 ] })
@@ -25426,14 +25678,14 @@ var TxUIWrapper = ({ children }) => {
         }
         const snackbarKey = `${txHash}-success`;
         enqueueSnackbar(
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx87(
             SnackMessage,
             {
               message: {
                 text: `Transaction mined successfully!`,
                 variant: "success",
-                action: () => /* @__PURE__ */ jsxs35("div", { className: "flex items-center flex-nowrap", children: [
-                  /* @__PURE__ */ jsx86(
+                action: () => /* @__PURE__ */ jsxs36("div", { className: "flex items-center flex-nowrap", children: [
+                  /* @__PURE__ */ jsx87(
                     Button,
                     {
                       type: "button",
@@ -25450,12 +25702,12 @@ var TxUIWrapper = ({ children }) => {
                       children: "View"
                     }
                   ),
-                  /* @__PURE__ */ jsx86(
+                  /* @__PURE__ */ jsx87(
                     "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__ */ jsx86(CloseIcon, {})
+                      children: /* @__PURE__ */ jsx87(CloseIcon, {})
                     }
                   )
                 ] })
@@ -25532,7 +25784,7 @@ var TxUIWrapper = ({ children }) => {
       nativeEnqueueTransaction
     ]
   );
-  const txExplorerUrl = useMemo12(() => {
+  const txExplorerUrl = useMemo14(() => {
     return getTxExplorerUrl(
       txHash,
       supportedChains.find(
@@ -25553,11 +25805,11 @@ var TxUIWrapper = ({ children }) => {
     setTxModalOpen(flag);
     isTxModalOpenRef.current = flag;
   }, []);
-  const modalType = useMemo12(
-    () => txError ? "error" : txStatus === 5 /* COMPLETED */ ? "success" : "neutral",
-    [txError, txStatus]
+  const modalType = useMemo14(
+    () => txError ? "error" : delivery.isPolling ? "waiting" : txStatus === 5 /* COMPLETED */ ? "success" : "neutral",
+    [txError, txStatus, delivery.isPolling]
   );
-  const state = useMemo12(
+  const state = useMemo14(
     () => ({
       enqueueTransaction,
       closeTransactionModal,
@@ -25592,14 +25844,14 @@ var TxUIWrapper = ({ children }) => {
     setSrcValue("");
     setModalOpen(false);
   }, [setTxError, setSrcValue, setModalOpen]);
-  return /* @__PURE__ */ jsxs35(TxUIWrapperContext.Provider, { value: state, children: [
-    isTxModalOpen && /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsxs36(TxUIWrapperContext.Provider, { value: state, children: [
+    isTxModalOpen && /* @__PURE__ */ jsx87(
       TxModal,
       {
         id: "tx_modal",
         type: modalType,
         onCloseClick: closeTxModal,
-        children: /* @__PURE__ */ jsx86(ConfirmationView, { onCloseClick: closeTxModal })
+        children: /* @__PURE__ */ jsx87(ConfirmationView, { onCloseClick: closeTxModal, delivery })
       }
     ),
     children
@@ -25610,25 +25862,25 @@ function useTxUIWrapper() {
 }
 
 // src/components/Modal/index.tsx
-import { jsx as jsx87, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs37 } from "react/jsx-runtime";
 
 // src/components/PoweredBy/index.tsx
-import { jsx as jsx88, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs38 } from "react/jsx-runtime";
 var PoweredBy = () => {
-  return /* @__PURE__ */ jsx88("div", { className: "flex justify-end items-center", children: /* @__PURE__ */ jsxs37("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__ */ jsx88("div", { className: "flex items-center [&_svg]:h-5 [&_svg]:w-auto", children: /* @__PURE__ */ jsx88(ChainlinkMarkIcon, {}) }),
-    /* @__PURE__ */ jsxs37("p", { className: "text-xs whitespace-nowrap leading-5 tracking-[0.015em]", children: [
-      /* @__PURE__ */ jsx88("span", { className: "text-t_text_primary text-opacity-70", children: `POWERED BY ` }),
-      /* @__PURE__ */ jsx88("span", { className: "text-t_text_primary", children: "CCIP." })
+  return /* @__PURE__ */ jsx89("div", { className: "flex justify-end items-center", children: /* @__PURE__ */ jsxs38("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__ */ jsx89("div", { className: "flex items-center [&_svg]:h-5 [&_svg]:w-auto", children: /* @__PURE__ */ jsx89(ChainlinkMarkIcon, {}) }),
+    /* @__PURE__ */ jsxs38("p", { className: "text-xs whitespace-nowrap leading-5 tracking-[0.015em]", children: [
+      /* @__PURE__ */ jsx89("span", { className: "text-t_text_primary text-opacity-70", children: `POWERED BY ` }),
+      /* @__PURE__ */ jsx89("span", { className: "text-t_text_primary", children: "CCIP." })
     ] })
   ] }) });
 };
 
 // src/components/SafeInput/index.tsx
-import { forwardRef as forwardRef5, useCallback as useCallback10, useMemo as useMemo13 } from "react";
-import { jsx as jsx89 } from "react/jsx-runtime";
+import { forwardRef as forwardRef5, useCallback as useCallback10, useMemo as useMemo15 } from "react";
+import { jsx as jsx90 } from "react/jsx-runtime";
 var SafeInput = forwardRef5(({ value, onChange, id: id2, placeholder, regex, className, disabled }, ref) => {
-  const size = useMemo13(() => value.length < 2 ? 2 : value.length, [value]);
+  const size = useMemo15(() => value.length < 2 ? 2 : value.length, [value]);
   const handleChange = useCallback10(
     (e) => {
       if (e.target.value === ".") {
@@ -25640,7 +25892,7 @@ var SafeInput = forwardRef5(({ value, onChange, id: id2, placeholder, regex, cla
     },
     [onChange, regex, id2]
   );
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx90(
     "input",
     {
       ref,
@@ -25663,9 +25915,9 @@ var SafeInput = forwardRef5(({ value, onChange, id: id2, placeholder, regex, cla
 SafeInput.displayName = "SafeInput";
 
 // src/components/Skeleton/index.tsx
-import { jsx as jsx90 } from "react/jsx-runtime";
+import { jsx as jsx91 } from "react/jsx-runtime";
 var Skeleton = ({ className }) => {
-  return /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx91(
     "div",
     {
       className: `bg-t_bg_tertiary bg-opacity-15 rounded animate-pulse ${className || ""}`
@@ -25674,9 +25926,9 @@ var Skeleton = ({ className }) => {
 };
 
 // src/components/Spinner/index.tsx
-import { jsx as jsx91, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs39 } from "react/jsx-runtime";
 var Spinner = ({ className }) => {
-  return /* @__PURE__ */ jsx91("div", { role: "status", className: className || "", children: /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsx92("div", { role: "status", className: className || "", children: /* @__PURE__ */ jsxs39(
     "svg",
     {
       "aria-hidden": "true",
@@ -25685,14 +25937,14 @@ var Spinner = ({ className }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx92(
           "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__ */ jsx91(
+        /* @__PURE__ */ jsx92(
           "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",
@@ -25705,11 +25957,11 @@ var Spinner = ({ className }) => {
 };
 
 // src/components/Swap/index.tsx
-import { useMemo as useMemo28 } from "react";
+import { useMemo as useMemo30 } from "react";
 
 // src/components/Swap/Header/Controls/index.tsx
-import { Fragment as Fragment4, jsx as jsx92, jsxs as jsxs39 } from "react/jsx-runtime";
-var HeaderIconButton = ({ onClick, label, children }) => /* @__PURE__ */ jsx92(
+import { Fragment as Fragment4, jsx as jsx93, jsxs as jsxs40 } from "react/jsx-runtime";
+var HeaderIconButton = ({ onClick, label, children }) => /* @__PURE__ */ jsx93(
   "button",
   {
     type: "button",
@@ -25721,63 +25973,63 @@ var HeaderIconButton = ({ onClick, label, children }) => /* @__PURE__ */ jsx92(
 );
 var Controls = ({ onClose }) => {
   const { tab, setTab, overlay } = useSwapContext();
-  return /* @__PURE__ */ jsx92("div", { className: "flex gap-2 items-center", children: tab === "Swap" ? /* @__PURE__ */ jsxs39(Fragment4, { children: [
-    /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsx93("div", { className: "flex gap-2 items-center", children: tab === "Swap" ? /* @__PURE__ */ jsxs40(Fragment4, { children: [
+    /* @__PURE__ */ jsx93(
       HeaderIconButton,
       {
         onClick: () => setTab("Settings"),
         label: "Open preferences",
-        children: /* @__PURE__ */ jsx92(AdjustmentsIcon, { className: "w-4 h-4 opacity-50" })
+        children: /* @__PURE__ */ jsx93(AdjustmentsIcon, { className: "w-4 h-4 opacity-50" })
       }
     ),
-    /* @__PURE__ */ jsx92(
+    /* @__PURE__ */ jsx93(
       HeaderIconButton,
       {
         onClick: () => setTab("History"),
         label: "Open activity",
-        children: /* @__PURE__ */ jsx92(ClockIcon, { className: "w-4 h-4 opacity-50" })
+        children: /* @__PURE__ */ jsx93(ClockIcon, { className: "w-4 h-4 opacity-50" })
       }
     ),
-    overlay && /* @__PURE__ */ jsx92(HeaderIconButton, { onClick: onClose, label: "Close", children: /* @__PURE__ */ jsx92("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ jsx92(CloseIcon, {}) }) })
-  ] }) : /* @__PURE__ */ jsxs39(Fragment4, { children: [
-    tab === "Settings" && /* @__PURE__ */ jsx92(
+    overlay && /* @__PURE__ */ jsx93(HeaderIconButton, { onClick: onClose, label: "Close", children: /* @__PURE__ */ jsx93("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ jsx93(CloseIcon, {}) }) })
+  ] }) : /* @__PURE__ */ jsxs40(Fragment4, { children: [
+    tab === "Settings" && /* @__PURE__ */ jsx93(
       HeaderIconButton,
       {
         onClick: () => setTab("Settings"),
         label: "Preferences",
-        children: /* @__PURE__ */ jsx92(AdjustmentsIcon, { className: "w-4 h-4 opacity-50" })
+        children: /* @__PURE__ */ jsx93(AdjustmentsIcon, { className: "w-4 h-4 opacity-50" })
       }
     ),
-    /* @__PURE__ */ jsx92(
+    /* @__PURE__ */ jsx93(
       HeaderIconButton,
       {
         onClick: () => setTab("Swap"),
         label: "Back to swap",
-        children: /* @__PURE__ */ jsx92("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ jsx92(CloseIcon, {}) })
+        children: /* @__PURE__ */ jsx93("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ jsx93(CloseIcon, {}) })
       }
     )
   ] }) });
 };
 
 // src/components/Swap/Header/index.tsx
-import { jsx as jsx93, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs41 } from "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__ */ jsxs40("div", { className: "flex justify-between items-center", children: [
-    /* @__PURE__ */ jsx93("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em]", children: title }),
-    /* @__PURE__ */ jsx93(Controls, { onClose })
+  return /* @__PURE__ */ jsxs41("div", { className: "flex justify-between items-center", children: [
+    /* @__PURE__ */ jsx94("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em]", children: title }),
+    /* @__PURE__ */ jsx94(Controls, { onClose })
   ] });
 };
 
 // src/components/Swap/HistoryView/index.tsx
-import { useMemo as useMemo15 } from "react";
+import { useMemo as useMemo17 } from "react";
 import { Virtuoso } from "react-virtuoso";
 
 // src/components/Swap/HistoryView/ActivityCard/index.tsx
 import { format as format2 } from "date-fns";
-import { useMemo as useMemo14 } from "react";
-import { Fragment as Fragment5, jsx as jsx94, jsxs as jsxs41 } from "react/jsx-runtime";
+import { useMemo as useMemo16 } from "react";
+import { Fragment as Fragment5, jsx as jsx95, jsxs as jsxs42 } from "react/jsx-runtime";
 var ActivityCard = ({ transaction }) => {
   const { supportedChains, findTokenDataByAddressAndChain, tokenPrices } = useSwapContext();
   const { evm, solana } = useWallet();
@@ -25800,7 +26052,7 @@ var ActivityCard = ({ transaction }) => {
   const date = format2(txDate, "dd.MM.yyyy");
   const time = format2(txDate, "hh.mmaa");
   const receivedToken = dstToken || srcToken;
-  const amount = useMemo14(() => {
+  const amount = useMemo16(() => {
     if (transaction.tokenOutAmount && dstToken) {
       return weiToHumanReadable({
         amount: transaction.tokenOutAmount,
@@ -25814,7 +26066,7 @@ var ActivityCard = ({ transaction }) => {
       precisionFractionalPlaces: 4
     });
   }, [transaction, srcToken, dstToken]);
-  const amountUsd = useMemo14(() => {
+  const amountUsd = useMemo16(() => {
     const token = dstToken || srcToken;
     const chainId = dstToken ? transaction.targetChainId : transaction.sourceChainId;
     if (!token) return null;
@@ -25826,19 +26078,19 @@ var ActivityCard = ({ transaction }) => {
     (chain) => chain.chainId === transaction.sourceChainId
   )?.transactionExplorer}/${transaction.hash}`;
   const destinationChain = dstChain || srcChain;
-  return /* @__PURE__ */ jsx94("div", { className: "pb-2", children: /* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-4 p-4 rounded-2xl bg-t_bg_tertiary bg-opacity-[0.03]", children: [
-    /* @__PURE__ */ jsxs41("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2 px-3 py-2 rounded-md bg-t_bg_tertiary bg-opacity-[0.03]", children: [
-        /* @__PURE__ */ jsx94("span", { className: "text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50 whitespace-nowrap", children: date }),
-        /* @__PURE__ */ jsx94("span", { className: "w-0.5 h-0.5 shrink-0 bg-t_text_primary opacity-25" }),
-        /* @__PURE__ */ jsx94("span", { className: "text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50 whitespace-nowrap", children: time })
+  return /* @__PURE__ */ jsx95("div", { className: "pb-2", children: /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-4 p-4 rounded-2xl bg-t_bg_tertiary bg-opacity-[0.03]", children: [
+    /* @__PURE__ */ jsxs42("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2 px-3 py-2 rounded-md bg-t_bg_tertiary bg-opacity-[0.03]", children: [
+        /* @__PURE__ */ jsx95("span", { className: "text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50 whitespace-nowrap", children: date }),
+        /* @__PURE__ */ jsx95("span", { className: "w-0.5 h-0.5 shrink-0 bg-t_text_primary opacity-25" }),
+        /* @__PURE__ */ jsx95("span", { className: "text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50 whitespace-nowrap", children: time })
       ] }),
-      /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2", children: [
-        transaction.status === "IN_PROGRESS" ? /* @__PURE__ */ jsxs41("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__ */ jsx94(LoadingRingIcon, { className: "w-4 h-4 shrink-0 animate-spin" }),
-          /* @__PURE__ */ jsxs41("p", { className: "text-xs leading-[18px] whitespace-nowrap", children: [
+      /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2", children: [
+        transaction.status === "IN_PROGRESS" ? /* @__PURE__ */ jsxs42("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__ */ jsx95(LoadingRingIcon, { className: "w-4 h-4 shrink-0 animate-spin" }),
+          /* @__PURE__ */ jsxs42("p", { className: "text-xs leading-[18px] whitespace-nowrap", children: [
             `Est. Time `,
-            /* @__PURE__ */ jsx94(
+            /* @__PURE__ */ jsx95(
               Timer,
               {
                 displayFormat: 0 /* Minutes */,
@@ -25847,8 +26099,8 @@ var ActivityCard = ({ transaction }) => {
               }
             )
           ] })
-        ] }) : transaction.status === "DONE" ? /* @__PURE__ */ jsx94("div", { className: "flex items-center px-3 py-2 rounded-md bg-t_text_green bg-opacity-5", children: /* @__PURE__ */ jsx94("p", { className: "text-xs leading-[18px] whitespace-nowrap text-t_text_green text-opacity-80", children: "Done" }) }) : transaction.status === "REVERTED" ? /* @__PURE__ */ jsx94("div", { className: "flex items-center px-3 py-2 rounded-md bg-t_bg_tertiary bg-opacity-[0.03]", children: /* @__PURE__ */ jsx94("p", { className: "text-xs leading-[18px] whitespace-nowrap text-t_text_primary text-opacity-50", children: "Reverted" }) }) : null,
-        /* @__PURE__ */ jsx94(
+        ] }) : transaction.status === "DONE" ? /* @__PURE__ */ jsx95("div", { className: "flex items-center px-3 py-2 rounded-md bg-t_text_green bg-opacity-5", children: /* @__PURE__ */ jsx95("p", { className: "text-xs leading-[18px] whitespace-nowrap text-t_text_green text-opacity-80", children: "Done" }) }) : transaction.status === "REVERTED" ? /* @__PURE__ */ jsx95("div", { className: "flex items-center px-3 py-2 rounded-md bg-t_bg_tertiary bg-opacity-[0.03]", children: /* @__PURE__ */ jsx95("p", { className: "text-xs leading-[18px] whitespace-nowrap text-t_text_primary text-opacity-50", children: "Reverted" }) }) : null,
+        /* @__PURE__ */ jsx95(
           "a",
           {
             href: explorerUrl,
@@ -25856,14 +26108,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__ */ jsx94(LinkExternalThinIcon, { className: "w-3 h-3 opacity-50" })
+            children: /* @__PURE__ */ jsx95(LinkExternalThinIcon, { className: "w-3 h-3 opacity-50" })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsxs41("div", { className: "flex items-center shrink-0", children: [
-        dstToken && /* @__PURE__ */ jsx94("div", { className: "-mr-2", children: /* @__PURE__ */ jsx94(
+    /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxs42("div", { className: "flex items-center shrink-0", children: [
+        dstToken && /* @__PURE__ */ jsx95("div", { className: "-mr-2", children: /* @__PURE__ */ jsx95(
           TokenLogoWithChain,
           {
             token: srcToken,
@@ -25873,7 +26125,7 @@ var ActivityCard = ({ transaction }) => {
             chainLogoClassName: "w-[18px]"
           }
         ) }),
-        /* @__PURE__ */ jsx94(
+        /* @__PURE__ */ jsx95(
           TokenLogoWithChain,
           {
             token: receivedToken,
@@ -25884,26 +26136,26 @@ var ActivityCard = ({ transaction }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs41("div", { className: "flex justify-between items-center gap-2 w-full min-w-0", children: [
-        /* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-0.5 text-left min-w-0", children: [
-          /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2 text-sm font-medium leading-5 tracking-[0.01em] text-t_text_primary", children: [
-            /* @__PURE__ */ jsx94("span", { children: srcToken?.symbol || "?" }),
-            dstToken && /* @__PURE__ */ jsxs41(Fragment5, { children: [
-              /* @__PURE__ */ jsx94(ChevronRightThinIcon, { className: "shrink-0 opacity-50" }),
-              /* @__PURE__ */ jsx94("span", { className: "truncate", children: dstToken.symbol })
+      /* @__PURE__ */ jsxs42("div", { className: "flex justify-between items-center gap-2 w-full min-w-0", children: [
+        /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-0.5 text-left min-w-0", children: [
+          /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2 text-sm font-medium leading-5 tracking-[0.01em] text-t_text_primary", children: [
+            /* @__PURE__ */ jsx95("span", { children: srcToken?.symbol || "?" }),
+            dstToken && /* @__PURE__ */ jsxs42(Fragment5, { children: [
+              /* @__PURE__ */ jsx95(ChevronRightThinIcon, { className: "shrink-0 opacity-50" }),
+              /* @__PURE__ */ jsx95("span", { className: "truncate", children: dstToken.symbol })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs41("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__ */ jsxs41(Fragment5, { children: [
-              /* @__PURE__ */ jsx94("span", { className: "whitespace-nowrap truncate", children: `Destination ${destinationChain.displayName || destinationChain.name}` }),
-              /* @__PURE__ */ jsx94("span", { className: "w-0.5 h-0.5 shrink-0 bg-t_text_primary opacity-25" })
+          /* @__PURE__ */ jsxs42("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__ */ jsxs42(Fragment5, { children: [
+              /* @__PURE__ */ jsx95("span", { className: "whitespace-nowrap truncate", children: `Destination ${destinationChain.displayName || destinationChain.name}` }),
+              /* @__PURE__ */ jsx95("span", { className: "w-0.5 h-0.5 shrink-0 bg-t_text_primary opacity-25" })
             ] }),
-            /* @__PURE__ */ jsx94("span", { className: "whitespace-nowrap", children: receiverAddress ? shortAddress(receiverAddress) : "-" })
+            /* @__PURE__ */ jsx95("span", { className: "whitespace-nowrap", children: receiverAddress ? shortAddress(receiverAddress) : "-" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-0.5 text-right shrink-0", children: [
-          /* @__PURE__ */ jsx94("div", { className: "text-sm font-medium leading-5 tracking-[0.01em] text-t_text_primary", children: amount }),
-          amountUsd && /* @__PURE__ */ jsx94("div", { className: "text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50", children: `${amountUsd} USD` })
+        /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-0.5 text-right shrink-0", children: [
+          /* @__PURE__ */ jsx95("div", { className: "text-sm font-medium leading-5 tracking-[0.01em] text-t_text_primary", children: amount }),
+          amountUsd && /* @__PURE__ */ jsx95("div", { className: "text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50", children: `${amountUsd} USD` })
         ] })
       ] })
     ] })
@@ -25911,13 +26163,13 @@ var ActivityCard = ({ transaction }) => {
 };
 
 // src/components/Swap/HistoryView/index.tsx
-import { jsx as jsx95, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs43 } from "react/jsx-runtime";
 var HistoryView = () => {
   const { history, historyLoadedOnce, solanaHistory, solanaHistoryLoadedOnce } = useHistory();
   const {
     solana: { address: solanaAddress }
   } = useWallet();
-  const unifiedHistory = useMemo15(() => {
+  const unifiedHistory = useMemo17(() => {
     const combinedHistory = [
       ...history,
       ...solanaAddress ? solanaHistory : []
@@ -25926,40 +26178,40 @@ var HistoryView = () => {
       return b.timestamp - a.timestamp;
     });
   }, [history, solanaHistory, solanaAddress]);
-  const view = useMemo15(() => {
+  const view = useMemo17(() => {
     if (!unifiedHistory || unifiedHistory.length === 0) {
       const isHistoryLoaded = historyLoadedOnce && (solanaAddress ? solanaHistoryLoadedOnce : true);
-      return isHistoryLoaded ? /* @__PURE__ */ jsxs42("div", { className: "flex flex-col items-center justify-center gap-2 h-full min-h-[320px] text-center", children: [
-        /* @__PURE__ */ jsx95("p", { className: "text-sm font-medium text-t_text_primary", children: "Nothing here yet..." }),
-        /* @__PURE__ */ jsxs42("p", { className: "text-xs leading-[18px] text-t_text_primary text-opacity-50", children: [
+      return isHistoryLoaded ? /* @__PURE__ */ jsxs43("div", { className: "flex flex-col items-center justify-center gap-2 h-full min-h-[320px] text-center", children: [
+        /* @__PURE__ */ jsx96("p", { className: "text-sm font-medium text-t_text_primary", children: "Nothing here yet..." }),
+        /* @__PURE__ */ jsxs43("p", { className: "text-xs leading-[18px] text-t_text_primary text-opacity-50", children: [
           "Your swaps will show up here",
-          /* @__PURE__ */ jsx95("br", {}),
+          /* @__PURE__ */ jsx96("br", {}),
           "once you make the first one."
         ] })
-      ] }) : /* @__PURE__ */ jsxs42("div", { className: "flex flex-col items-center justify-center gap-4 h-full min-h-[320px] text-center", children: [
-        /* @__PURE__ */ jsx95(Spinner, { className: "w-8 h-8" }),
-        /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx95("p", { className: "text-sm font-medium text-t_text_primary", children: "Where's it..." }),
-          /* @__PURE__ */ jsxs42("p", { className: "text-xs leading-[18px] text-t_text_primary text-opacity-50", children: [
+      ] }) : /* @__PURE__ */ jsxs43("div", { className: "flex flex-col items-center justify-center gap-4 h-full min-h-[320px] text-center", children: [
+        /* @__PURE__ */ jsx96(Spinner, { className: "w-8 h-8" }),
+        /* @__PURE__ */ jsxs43("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx96("p", { className: "text-sm font-medium text-t_text_primary", children: "Where's it..." }),
+          /* @__PURE__ */ jsxs43("p", { className: "text-xs leading-[18px] text-t_text_primary text-opacity-50", children: [
             "We crunch data for your view.",
-            /* @__PURE__ */ jsx95("br", {}),
+            /* @__PURE__ */ jsx96("br", {}),
             "Please wait a moment."
           ] })
         ] })
       ] });
     }
-    return /* @__PURE__ */ jsxs42("div", { className: "relative h-full", children: [
-      /* @__PURE__ */ jsx95(
+    return /* @__PURE__ */ jsxs43("div", { className: "relative h-full", children: [
+      /* @__PURE__ */ jsx96(
         Virtuoso,
         {
           data: unifiedHistory,
           style: { height: "100%" },
           itemContent: (_, transaction) => {
-            return /* @__PURE__ */ jsx95(ActivityCard, { transaction });
+            return /* @__PURE__ */ jsx96(ActivityCard, { transaction });
           }
         }
       ),
-      /* @__PURE__ */ jsx95("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__ */ jsx96("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,
@@ -25967,13 +26219,13 @@ var HistoryView = () => {
     unifiedHistory,
     solanaAddress
   ]);
-  return /* @__PURE__ */ jsx95("div", { className: "flex-1 overflow-hidden", children: view });
+  return /* @__PURE__ */ jsx96("div", { className: "flex-1 overflow-hidden", children: view });
 };
 
 // src/components/Swap/SwapView/SwapPanel/TokenPanel/ChainPicker/index.tsx
-import { useEffect as useEffect6, useMemo as useMemo16, useRef as useRef4, useState as useState7 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo18, useRef as useRef4, useState as useState9 } from "react";
 import { Virtuoso as Virtuoso2 } from "react-virtuoso";
-import { Fragment as Fragment6, jsx as jsx96, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx97, jsxs as jsxs44 } from "react/jsx-runtime";
 var ChainPicker = ({
   chains,
   selectedChainId,
@@ -25981,14 +26233,14 @@ var ChainPicker = ({
   onSelect,
   onClose
 }) => {
-  const [searchValue, setSearchValue] = useState7("");
+  const [searchValue, setSearchValue] = useState9("");
   const chainSearchRef = useRef4(null);
-  useEffect6(() => {
+  useEffect8(() => {
     setTimeout(() => {
       chainSearchRef.current?.focus();
     }, 10);
   }, []);
-  const filteredChains = useMemo16(() => {
+  const filteredChains = useMemo18(() => {
     if (!searchValue) return chains;
     const searchLower = searchValue.toLowerCase();
     return chains.filter(
@@ -25996,23 +26248,23 @@ var ChainPicker = ({
     );
   }, [chains, searchValue]);
   const requiresSourceReset = (chain) => !!chain.disabled || chain.chainId === sameChainId;
-  return /* @__PURE__ */ jsxs43(Fragment6, { children: [
-    /* @__PURE__ */ jsxs43("div", { className: "flex justify-between items-center mb-6", children: [
-      /* @__PURE__ */ jsx96("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em] text-t_text_primary", children: "Select Network" }),
-      /* @__PURE__ */ jsx96(
+  return /* @__PURE__ */ jsxs44(Fragment6, { children: [
+    /* @__PURE__ */ jsxs44("div", { className: "flex justify-between items-center mb-6", children: [
+      /* @__PURE__ */ jsx97("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em] text-t_text_primary", children: "Select Network" }),
+      /* @__PURE__ */ jsx97(
         "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__ */ jsx96("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ jsx96(CloseIcon, {}) })
+          children: /* @__PURE__ */ jsx97("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ jsx97(CloseIcon, {}) })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs43("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__ */ jsx96("div", { className: "text-t_text_primary opacity-60 flex items-center shrink-0", children: /* @__PURE__ */ jsx96(SearchThinIcon, {}) }),
-      /* @__PURE__ */ jsx96(
+    /* @__PURE__ */ jsxs44("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__ */ jsx97("div", { className: "text-t_text_primary opacity-60 flex items-center shrink-0", children: /* @__PURE__ */ jsx97(SearchThinIcon, {}) }),
+      /* @__PURE__ */ jsx97(
         "input",
         {
           ref: chainSearchRef,
@@ -26023,7 +26275,7 @@ var ChainPicker = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx96("div", { className: "flex flex-col mx-0 h-full min-h-0 flex-1", children: filteredChains.length ? /* @__PURE__ */ jsx96(
+    /* @__PURE__ */ jsx97("div", { className: "flex flex-col mx-0 h-full min-h-0 flex-1", children: filteredChains.length ? /* @__PURE__ */ jsx97(
       Virtuoso2,
       {
         style: { maxHeight: "700px", height: "100%" },
@@ -26031,13 +26283,13 @@ var ChainPicker = ({
         itemContent: (_, chain) => {
           const resetWarning = requiresSourceReset(chain);
           const isSelected = chain.chainId === selectedChainId;
-          return /* @__PURE__ */ jsx96("div", { className: "pb-2", children: /* @__PURE__ */ jsxs43(
+          return /* @__PURE__ */ jsx97("div", { className: "pb-2", children: /* @__PURE__ */ jsxs44(
             "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__ */ jsx96(
+                /* @__PURE__ */ jsx97(
                   "img",
                   {
                     src: chain.image,
@@ -26045,19 +26297,19 @@ var ChainPicker = ({
                     className: `w-10 h-10 rounded-full shrink-0 ${resetWarning ? "opacity-40" : ""}`
                   }
                 ),
-                /* @__PURE__ */ jsxs43("div", { className: "flex justify-between items-center gap-2 w-full min-w-0", children: [
-                  /* @__PURE__ */ jsx96(
+                /* @__PURE__ */ jsxs44("div", { className: "flex justify-between items-center gap-2 w-full min-w-0", children: [
+                  /* @__PURE__ */ jsx97(
                     "p",
                     {
                       className: `text-sm font-medium leading-5 tracking-[0.01em] text-t_text_primary ${resetWarning ? "opacity-40" : ""}`,
                       children: chain.displayName
                     }
                   ),
-                  resetWarning && /* @__PURE__ */ jsxs43("div", { className: "flex items-center justify-end gap-1.5 text-[#D77F02]", children: [
-                    /* @__PURE__ */ jsx96(WarningIcon, { className: "w-3.5 h-3.5 shrink-0" }),
-                    /* @__PURE__ */ jsxs43("span", { className: "text-xs leading-[18px] tracking-[0.01em] whitespace-nowrap", children: [
-                      /* @__PURE__ */ jsx96("span", { className: "sm:hidden", children: "Source will reset." }),
-                      /* @__PURE__ */ jsx96("span", { className: "hidden sm:inline", children: "Source will reset after selection." })
+                  resetWarning && /* @__PURE__ */ jsxs44("div", { className: "flex items-center justify-end gap-1.5 text-[#D77F02]", children: [
+                    /* @__PURE__ */ jsx97(WarningIcon, { className: "w-3.5 h-3.5 shrink-0" }),
+                    /* @__PURE__ */ jsxs44("span", { className: "text-xs leading-[18px] tracking-[0.01em] whitespace-nowrap", children: [
+                      /* @__PURE__ */ jsx97("span", { className: "sm:hidden", children: "Source will reset." }),
+                      /* @__PURE__ */ jsx97("span", { className: "hidden sm:inline", children: "Source will reset after selection." })
                     ] })
                   ] })
                 ] })
@@ -26066,42 +26318,42 @@ var ChainPicker = ({
           ) });
         }
       }
-    ) : /* @__PURE__ */ jsx96("div", { className: "text-center py-1 text-sm text-t_text_primary text-opacity-50", children: "No network found" }) })
+    ) : /* @__PURE__ */ jsx97("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
 import { faCheck } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { useCallback as useCallback11, useEffect as useEffect8, useMemo as useMemo19, useRef as useRef6, useState as useState9 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect10, useMemo as useMemo21, useRef as useRef6, useState as useState11 } from "react";
 import { Virtuoso as Virtuoso4 } from "react-virtuoso";
 
 // src/components/Swap/SwapView/SwapPanel/TokenPanel/TokenPicker/NetworkFilter/index.tsx
-import { useEffect as useEffect7, useMemo as useMemo17, useRef as useRef5, useState as useState8 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo19, useRef as useRef5, useState as useState10 } from "react";
 import { Virtuoso as Virtuoso3 } from "react-virtuoso";
-import { jsx as jsx97, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs45 } from "react/jsx-runtime";
 var NetworkFilter = ({ type, selectedChain, onSelect }) => {
   const { srcChainOptions, dstChainOptions } = useSwapContext();
-  const [open, setOpen] = useState8(false);
-  const [searchValue, setSearchValue] = useState8("");
+  const [open, setOpen] = useState10(false);
+  const [searchValue, setSearchValue] = useState10("");
   const containerRef = useRef5(null);
-  const chains = useMemo17(
+  const chains = useMemo19(
     () => type === "source" ? srcChainOptions : dstChainOptions,
     [type, srcChainOptions, dstChainOptions]
   );
-  const filteredChains = useMemo17(() => {
+  const filteredChains = useMemo19(() => {
     if (!searchValue) return chains;
     const searchLower = searchValue.toLowerCase();
     return chains.filter(
       (chain) => chain.displayName.toLowerCase().includes(searchLower) || chain.chainId.toLowerCase().includes(searchLower)
     );
   }, [chains, searchValue]);
-  useEffect7(() => {
+  useEffect9(() => {
     if (!open) {
       setSearchValue("");
     }
   }, [open]);
-  useEffect7(() => {
+  useEffect9(() => {
     const onPointerDown = (e) => {
       if (containerRef.current && !e.composedPath().includes(containerRef.current)) {
         setOpen(false);
@@ -26111,22 +26363,22 @@ var NetworkFilter = ({ type, selectedChain, onSelect }) => {
     return () => document.removeEventListener("mousedown", onPointerDown);
   }, []);
   const clusterChains = chains.slice(0, 4);
-  return /* @__PURE__ */ jsxs44("div", { className: "relative", ref: containerRef, children: [
-    /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsxs45("div", { className: "relative", ref: containerRef, children: [
+    /* @__PURE__ */ jsxs45(
       "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__ */ jsx97(
+          selectedChain ? /* @__PURE__ */ jsx98(
             "img",
             {
               src: selectedChain.image,
               alt: selectedChain.displayName,
               className: "w-5 h-5 rounded-full"
             }
-          ) : /* @__PURE__ */ jsx97("div", { className: "grid grid-cols-2 gap-0.5 shrink-0", children: clusterChains.map((chain) => /* @__PURE__ */ jsx97(
+          ) : /* @__PURE__ */ jsx98("div", { className: "grid grid-cols-2 gap-0.5 shrink-0", children: clusterChains.map((chain) => /* @__PURE__ */ jsx98(
             "img",
             {
               src: chain.image,
@@ -26135,21 +26387,21 @@ var NetworkFilter = ({ type, selectedChain, onSelect }) => {
             },
             chain.chainId
           )) }),
-          /* @__PURE__ */ jsx97("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__ */ jsx97(
+          /* @__PURE__ */ jsx98("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__ */ jsx98(
             "div",
             {
               className: `flex items-center justify-center w-6 h-6 text-t_text_primary opacity-50 transition-transform ${open ? "rotate-180" : ""}`,
-              children: /* @__PURE__ */ jsx97(ChevronDownThinIcon, {})
+              children: /* @__PURE__ */ jsx98(ChevronDownThinIcon, {})
             }
           )
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxs44("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__ */ jsxs44("div", { className: "flex items-center gap-2 px-2.5 pb-4", children: [
-        /* @__PURE__ */ jsx97("div", { className: "text-t_text_primary opacity-60 [&_svg]:w-4 [&_svg]:h-4 flex items-center", children: /* @__PURE__ */ jsx97(SearchThinIcon, {}) }),
-        /* @__PURE__ */ jsx97(
+    open && /* @__PURE__ */ jsxs45("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__ */ jsxs45("div", { className: "flex items-center gap-2 px-2.5 pb-4", children: [
+        /* @__PURE__ */ jsx98("div", { className: "text-t_text_primary opacity-60 [&_svg]:w-4 [&_svg]:h-4 flex items-center", children: /* @__PURE__ */ jsx98(SearchThinIcon, {}) }),
+        /* @__PURE__ */ jsx98(
           "input",
           {
             value: searchValue,
@@ -26159,15 +26411,15 @@ var NetworkFilter = ({ type, selectedChain, onSelect }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx97("div", { className: "h-px w-full bg-t_bg_tertiary bg-opacity-5 mb-2" }),
-      /* @__PURE__ */ jsx97("div", { className: "h-[214px]", children: /* @__PURE__ */ jsx97(
+      /* @__PURE__ */ jsx98("div", { className: "h-px w-full bg-t_bg_tertiary bg-opacity-5 mb-2" }),
+      /* @__PURE__ */ jsx98("div", { className: "h-[214px]", children: /* @__PURE__ */ jsx98(
         Virtuoso3,
         {
           style: { height: "214px" },
           data: [void 0, ...filteredChains],
           itemContent: (_, chain) => {
             const isSelected = (chain?.chainId || "") === (selectedChain?.chainId || "");
-            return /* @__PURE__ */ jsxs44(
+            return /* @__PURE__ */ jsxs45(
               "button",
               {
                 type: "button",
@@ -26177,14 +26429,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__ */ jsx97(
+                  chain ? /* @__PURE__ */ jsx98(
                     "img",
                     {
                       src: chain.image,
                       alt: chain.displayName,
                       className: "w-6 h-6 rounded-full"
                     }
-                  ) : /* @__PURE__ */ jsx97("div", { className: "grid grid-cols-2 gap-0.5 shrink-0", children: clusterChains.map((clusterChain) => /* @__PURE__ */ jsx97(
+                  ) : /* @__PURE__ */ jsx98("div", { className: "grid grid-cols-2 gap-0.5 shrink-0", children: clusterChains.map((clusterChain) => /* @__PURE__ */ jsx98(
                     "img",
                     {
                       src: clusterChain.image,
@@ -26193,7 +26445,7 @@ var NetworkFilter = ({ type, selectedChain, onSelect }) => {
                     },
                     clusterChain.chainId
                   )) }),
-                  /* @__PURE__ */ jsx97(
+                  /* @__PURE__ */ jsx98(
                     "p",
                     {
                       className: `text-sm leading-[18px] tracking-[0.01em] text-t_text_primary truncate ${isSelected ? "" : "text-opacity-80"}`,
@@ -26211,9 +26463,9 @@ var NetworkFilter = ({ type, selectedChain, onSelect }) => {
 };
 
 // src/components/Swap/SwapView/SwapPanel/TokenPanel/TokenPicker/TokenItem/index.tsx
-import { useMemo as useMemo18 } from "react";
+import { useMemo as useMemo20 } from "react";
 import { useAccount as useAccount3 } from "wagmi";
-import { Fragment as Fragment7, jsx as jsx98, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx99, jsxs as jsxs46 } from "react/jsx-runtime";
 var TokenItem = ({
   token,
   selectedTokenAddress,
@@ -26229,34 +26481,34 @@ var TokenItem = ({
     integrationConfig
   } = useSwapContext();
   const { address } = useAccount3();
-  const chain = useMemo18(
+  const chain = useMemo20(
     () => supportedChains.find(({ chainId }) => chainId === token.chainId),
     [supportedChains, token]
   );
-  const tokenPrice = useMemo18(() => {
+  const tokenPrice = useMemo20(() => {
     const prices = tokenPrices[token.chainId];
     return prices?.[token.address];
   }, [token, tokenPrices]);
-  const tokenBalance = useMemo18(() => {
+  const tokenBalance = useMemo20(() => {
     if (!token.balance || !token.decimals) return null;
     return Number(ethers_exports.utils.formatUnits(token.balance, token.decimals));
   }, [token.balance, token.decimals]);
-  const hasBalance = useMemo18(
+  const hasBalance = useMemo20(
     () => token.balance && !token.balance.eq(0),
     [token.balance]
   );
-  const tokenValueUsd = useMemo18(() => {
+  const tokenValueUsd = useMemo20(() => {
     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__ */ jsx98("div", { className: "pb-2", children: /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsx99("div", { className: "pb-2", children: /* @__PURE__ */ jsxs46(
     "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__ */ jsx98("div", { className: `shrink-0 ${resetWarning ? "opacity-40" : ""}`, children: /* @__PURE__ */ jsx98(
+        /* @__PURE__ */ jsx99("div", { className: `shrink-0 ${resetWarning ? "opacity-40" : ""}`, children: /* @__PURE__ */ jsx99(
           TokenLogoWithChain,
           {
             token,
@@ -26266,37 +26518,37 @@ var TokenItem = ({
             chainLogoClassName: "w-[18px]"
           }
         ) }),
-        /* @__PURE__ */ jsxs45("div", { className: "flex justify-between items-center gap-2 w-full min-w-0", children: [
-          /* @__PURE__ */ jsxs45(
+        /* @__PURE__ */ jsxs46("div", { className: "flex justify-between items-center gap-2 w-full min-w-0", children: [
+          /* @__PURE__ */ jsxs46(
             "div",
             {
               className: `text-left min-w-0 ${resetWarning ? "opacity-40" : ""}`,
               children: [
-                /* @__PURE__ */ jsxs45("div", { className: "text-sm font-medium leading-5 tracking-[0.01em] text-t_text_primary flex items-center gap-1", children: [
+                /* @__PURE__ */ jsxs46("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__ */ jsx98(
+                  ) && panelType === "destination" && /* @__PURE__ */ jsx99(
                     "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__ */ jsx98(StarsIcon, {})
+                      children: /* @__PURE__ */ jsx99(StarsIcon, {})
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs45("div", { className: "flex gap-2 items-center text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50", children: [
-                  /* @__PURE__ */ jsx98("span", { className: "whitespace-nowrap", children: chain?.displayName || token.name }),
-                  !resetWarning && /* @__PURE__ */ jsxs45(Fragment7, { children: [
-                    /* @__PURE__ */ jsx98("span", { className: "w-0.5 h-0.5 bg-t_text_primary opacity-25 shrink-0" }),
-                    /* @__PURE__ */ jsx98("span", { className: "whitespace-nowrap hidden sm:block", children: shortAddress(token.address) })
+                /* @__PURE__ */ jsxs46("div", { className: "flex gap-2 items-center text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50", children: [
+                  /* @__PURE__ */ jsx99("span", { className: "whitespace-nowrap", children: chain?.displayName || token.name }),
+                  !resetWarning && /* @__PURE__ */ jsxs46(Fragment7, { children: [
+                    /* @__PURE__ */ jsx99("span", { className: "w-0.5 h-0.5 bg-t_text_primary opacity-25 shrink-0" }),
+                    /* @__PURE__ */ jsx99("span", { className: "whitespace-nowrap hidden sm:block", children: shortAddress(token.address) })
                   ] })
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs45("div", { className: "text-right shrink-0", children: [
-            address && isFetchingBalances ? /* @__PURE__ */ jsx98(Skeleton, { className: "w-[48px] h-[12px]" }) : token.balance && token.decimals && address && /* @__PURE__ */ jsx98(
+          /* @__PURE__ */ jsxs46("div", { className: "text-right shrink-0", children: [
+            address && isFetchingBalances ? /* @__PURE__ */ jsx99(Skeleton, { className: "w-[48px] h-[12px]" }) : token.balance && token.decimals && address && /* @__PURE__ */ jsx99(
               "div",
               {
                 className: `text-sm font-medium leading-5 tracking-[0.01em] text-t_text_primary ${resetWarning ? "opacity-40" : ""}`,
@@ -26307,13 +26559,13 @@ var TokenItem = ({
                 }) : "<0.0001"
               }
             ),
-            resetWarning ? /* @__PURE__ */ jsxs45("div", { className: "flex items-center justify-end gap-1.5 text-[#F46F28]", children: [
-              /* @__PURE__ */ jsx98(WarningIcon, { className: "w-3.5 h-3.5 shrink-0" }),
-              /* @__PURE__ */ jsxs45("span", { className: "text-xs leading-[18px] tracking-[0.01em] whitespace-nowrap", children: [
-                /* @__PURE__ */ jsx98("span", { className: "sm:hidden", children: resetWarning === "source" ? "Source will reset." : "Destination will reset." }),
-                /* @__PURE__ */ jsx98("span", { className: "hidden sm:inline", children: resetWarning === "source" ? "Source will reset after selection." : "Destination will reset after selection." })
+            resetWarning ? /* @__PURE__ */ jsxs46("div", { className: "flex items-center justify-end gap-1.5 text-[#F46F28]", children: [
+              /* @__PURE__ */ jsx99(WarningIcon, { className: "w-3.5 h-3.5 shrink-0" }),
+              /* @__PURE__ */ jsxs46("span", { className: "text-xs leading-[18px] tracking-[0.01em] whitespace-nowrap", children: [
+                /* @__PURE__ */ jsx99("span", { className: "sm:hidden", children: resetWarning === "source" ? "Source will reset." : "Destination will reset." }),
+                /* @__PURE__ */ jsx99("span", { className: "hidden sm:inline", children: resetWarning === "source" ? "Source will reset after selection." : "Destination will reset after selection." })
               ] })
-            ] }) : !isFetchingBalances && hasBalance && address && /* @__PURE__ */ jsx98("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__ */ jsx99("div", { className: "text-xs leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-50", children: tokenValueUsd ? `${tokenValueUsd.toFixed(2)} USD` : "-" })
           ] })
         ] })
       ]
@@ -26324,7 +26576,7 @@ var TokenItem = ({
 // src/components/Swap/SwapView/SwapPanel/TokenPanel/TokenPicker/index.tsx
 import { useAccount as useAccount4 } from "wagmi";
 import { Connection as Connection9, PublicKey as PublicKey25 } from "@solana/web3.js";
-import { Fragment as Fragment8, jsx as jsx99, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx100, jsxs as jsxs47 } from "react/jsx-runtime";
 var TokenPicker = ({
   chain,
   tokens,
@@ -26335,12 +26587,12 @@ var TokenPicker = ({
   setModalOpen,
   type
 }) => {
-  const [searchValue, setSearchValue] = useState9("");
-  const [acceptRisks, setAcceptRisks] = useState9(false);
-  const [showImportWarning, setShowImportWarning] = useState9(false);
-  const [loadingCustomTokenData, setLoadingCustomTokenData] = useState9(false);
-  const [customTokenData, setCustomTokenData] = useState9(null);
-  const [networkFilter, setNetworkFilter] = useState9(
+  const [searchValue, setSearchValue] = useState11("");
+  const [acceptRisks, setAcceptRisks] = useState11(false);
+  const [showImportWarning, setShowImportWarning] = useState11(false);
+  const [loadingCustomTokenData, setLoadingCustomTokenData] = useState11(false);
+  const [customTokenData, setCustomTokenData] = useState11(null);
+  const [networkFilter, setNetworkFilter] = useState11(
     void 0
   );
   const currentRouteRequestNonce = useRef6(0);
@@ -26359,7 +26611,7 @@ var TokenPicker = ({
   const {
     solana: { address: solanaAddress }
   } = useWallet();
-  useEffect8(() => {
+  useEffect10(() => {
     setShowImportWarning(false);
     setAcceptRisks(false);
   }, [isOpen]);
@@ -26489,7 +26741,7 @@ var TokenPicker = ({
       }
     }
   }, [importChain, searchValue, supportedChains]);
-  useEffect8(() => {
+  useEffect10(() => {
     if (!bridgeUI && importChain && !findTokenDataByAddressAndChain(
       importChain.ecosystem === "evm" /* EVM */ ? searchValue.toLowerCase() : searchValue,
       importChain.chainId
@@ -26514,12 +26766,12 @@ var TokenPicker = ({
     findTokenDataByAddressAndChain,
     importChain
   ]);
-  useEffect8(() => {
+  useEffect10(() => {
     setSearchValue("");
     setNetworkFilter(void 0);
   }, [isOpen]);
   const isMatch = (value, searchValue2) => value.toLowerCase().indexOf(searchValue2.toLowerCase()) > -1;
-  const visibleTokens = useMemo19(() => {
+  const visibleTokens = useMemo21(() => {
     const all = [...tokens || [], ...otherTokens || []];
     return all.filter((token) => {
       if (networkFilter && token.chainId !== networkFilter.chainId) {
@@ -26566,7 +26818,7 @@ var TokenPicker = ({
     (tokenA, tokenB) => Number(!!getResetWarning(tokenA)) - Number(!!getResetWarning(tokenB)),
     [getResetWarning]
   );
-  const ownedTokens = useMemo19(() => {
+  const ownedTokens = useMemo21(() => {
     if (!address && !solanaAddress) {
       return [];
     }
@@ -26589,7 +26841,7 @@ var TokenPicker = ({
     calculateTokenValue,
     compareByResetWarning
   ]);
-  const recommendedTokens = useMemo19(
+  const recommendedTokens = useMemo21(
     () => visibleTokens.filter(
       (token) => !(address || solanaAddress) || BigNumber.from(token?.balance || "0").eq(0)
     ).sort(
@@ -26597,13 +26849,13 @@ var TokenPicker = ({
     ),
     [visibleTokens, address, solanaAddress, compareByResetWarning]
   );
-  const tokenGroups = useMemo19(() => {
+  const tokenGroups = useMemo21(() => {
     return ownedTokens.length ? [
       { label: "MY TOKENS.", tokens: ownedTokens },
       { label: "RECOMMENDED.", tokens: recommendedTokens }
     ] : [{ label: "RECOMMENDED.", tokens: recommendedTokens }];
   }, [ownedTokens, recommendedTokens]);
-  const listRows = useMemo19(
+  const listRows = useMemo21(
     () => tokenGroups.flatMap((group, groupIndex) => {
       const rows = groupIndex === 0 ? [] : [
         {
@@ -26627,49 +26879,49 @@ var TokenPicker = ({
     }),
     [tokenGroups]
   );
-  const [topRowIndex, setTopRowIndex] = useState9(0);
+  const [topRowIndex, setTopRowIndex] = useState11(0);
   const pinnedGroupLabel = listRows[Math.min(topRowIndex, listRows.length - 1)]?.groupLabel ?? tokenGroups[0]?.label ?? "";
-  useEffect8(() => {
+  useEffect10(() => {
     if (isOpen && tokenSearchRef.current) {
       setTimeout(() => {
         tokenSearchRef.current?.focus();
       }, 10);
     }
   }, [isOpen]);
-  return showImportWarning ? /* @__PURE__ */ jsxs46(Fragment8, { children: [
-    /* @__PURE__ */ jsxs46("div", { className: "flex justify-between items-center mb-6", children: [
-      /* @__PURE__ */ jsx99("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em]", children: "Import token" }),
-      /* @__PURE__ */ jsx99(
+  return showImportWarning ? /* @__PURE__ */ jsxs47(Fragment8, { children: [
+    /* @__PURE__ */ jsxs47("div", { className: "flex justify-between items-center mb-6", children: [
+      /* @__PURE__ */ jsx100("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em]", children: "Import token" }),
+      /* @__PURE__ */ jsx100(
         "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__ */ jsx99("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ jsx99(CloseIcon, {}) })
+          children: /* @__PURE__ */ jsx100("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ jsx100(CloseIcon, {}) })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs46("div", { className: "flex flex-col h-full gap-2", children: [
-      customTokenData && /* @__PURE__ */ jsxs46(
+    /* @__PURE__ */ jsxs47("div", { className: "flex flex-col h-full gap-2", children: [
+      customTokenData && /* @__PURE__ */ jsxs47(
         "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__ */ jsx99(
+            /* @__PURE__ */ jsx100(
               UnknownTokenLogo,
               {
                 tokenName: customTokenData.name,
                 className: "w-9 h-9 text-[15px]"
               }
             ),
-            /* @__PURE__ */ jsxs46("div", { className: "flex justify-between items-center gap-1 overflow-hidden grow", children: [
-              /* @__PURE__ */ jsx99("div", { className: "overflow-hidden whitespace-nowrap text-ellipsis text-sm font-medium", children: customTokenData.name }),
-              /* @__PURE__ */ jsx99("div", { className: "text-sm text-t_text_primary text-opacity-50", children: customTokenData.symbol })
+            /* @__PURE__ */ jsxs47("div", { className: "flex justify-between items-center gap-1 overflow-hidden grow", children: [
+              /* @__PURE__ */ jsx100("div", { className: "overflow-hidden whitespace-nowrap text-ellipsis text-sm font-medium", children: customTokenData.name }),
+              /* @__PURE__ */ jsx100("div", { className: "text-sm text-t_text_primary text-opacity-50", children: customTokenData.symbol })
             ] }),
-            /* @__PURE__ */ jsxs46("div", { className: "text-sm flex items-center", children: [
+            /* @__PURE__ */ jsxs47("div", { className: "text-sm flex items-center", children: [
               shortAddress(searchValue.toLowerCase()),
-              /* @__PURE__ */ jsx99(
+              /* @__PURE__ */ jsx100(
                 "button",
                 {
                   type: "button",
@@ -26678,30 +26930,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__ */ jsx99(CopyIcon, { className: "w-5 h-5" })
+                  children: /* @__PURE__ */ jsx100(CopyIcon, { className: "w-5 h-5" })
                 }
               )
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ jsx99("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__ */ jsxs46("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__ */ jsx99("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__ */ jsxs46(
+      /* @__PURE__ */ jsx100("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__ */ jsxs47("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__ */ jsx100("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__ */ jsxs47(
           "button",
           {
             type: "button",
             onClick: () => setAcceptRisks((state) => !state),
             className: "flex items-center",
             children: [
-              /* @__PURE__ */ jsx99("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__ */ jsx99(FontAwesomeIcon, { icon: faCheck, className: "w-4 h-4" }) }),
-              /* @__PURE__ */ jsx99("div", { className: "font-medium", children: "Accept" })
+              /* @__PURE__ */ jsx100("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__ */ jsx100(FontAwesomeIcon, { icon: faCheck, className: "w-4 h-4" }) }),
+              /* @__PURE__ */ jsx100("div", { className: "font-medium", children: "Accept" })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsx99("div", { className: "flex grow items-end justify-center", children: /* @__PURE__ */ jsx99(
+      /* @__PURE__ */ jsx100("div", { className: "flex grow items-end justify-center", children: /* @__PURE__ */ jsx100(
         Button,
         {
           type: "button",
@@ -26712,24 +26964,24 @@ var TokenPicker = ({
         }
       ) })
     ] })
-  ] }) : /* @__PURE__ */ jsxs46(Fragment8, { children: [
-    /* @__PURE__ */ jsxs46("div", { className: "flex justify-between items-center mb-6", children: [
-      /* @__PURE__ */ jsx99("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em] text-t_text_primary", children: "Select Token" }),
-      /* @__PURE__ */ jsx99(
+  ] }) : /* @__PURE__ */ jsxs47(Fragment8, { children: [
+    /* @__PURE__ */ jsxs47("div", { className: "flex justify-between items-center mb-6", children: [
+      /* @__PURE__ */ jsx100("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em] text-t_text_primary", children: "Select Token" }),
+      /* @__PURE__ */ jsx100(
         "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__ */ jsx99("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ jsx99(CloseIcon, {}) })
+          children: /* @__PURE__ */ jsx100("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ jsx100(CloseIcon, {}) })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs46("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__ */ jsxs46("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsx99("div", { className: "text-t_text_primary opacity-60 flex items-center shrink-0", children: /* @__PURE__ */ jsx99(SearchThinIcon, {}) }),
-        /* @__PURE__ */ jsx99(
+    /* @__PURE__ */ jsxs47("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__ */ jsxs47("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx100("div", { className: "text-t_text_primary opacity-60 flex items-center shrink-0", children: /* @__PURE__ */ jsx100(SearchThinIcon, {}) }),
+        /* @__PURE__ */ jsx100(
           "input",
           {
             ref: tokenSearchRef,
@@ -26740,7 +26992,7 @@ var TokenPicker = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx99(
+      /* @__PURE__ */ jsx100(
         NetworkFilter,
         {
           type,
@@ -26749,8 +27001,8 @@ var TokenPicker = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx99("div", { className: "flex flex-col mx-0 h-full min-h-0 flex-1", children: loadingCustomTokenData ? /* @__PURE__ */ jsx99("div", { className: "flex justify-center w-full py-4 px-0", children: /* @__PURE__ */ jsx99(Spinner, { className: "w-9 h-9" }) }) : /* @__PURE__ */ jsx99(Fragment8, { children: customTokenData ? /* @__PURE__ */ jsxs46("div", { className: "flex gap-3 py-3 px-4 items-center rounded-xl bg-t_bg_tertiary bg-opacity-[0.03]", children: [
-      /* @__PURE__ */ jsx99(
+    /* @__PURE__ */ jsx100("div", { className: "flex flex-col mx-0 h-full min-h-0 flex-1", children: loadingCustomTokenData ? /* @__PURE__ */ jsx100("div", { className: "flex justify-center w-full py-4 px-0", children: /* @__PURE__ */ jsx100(Spinner, { className: "w-9 h-9" }) }) : /* @__PURE__ */ jsx100(Fragment8, { children: customTokenData ? /* @__PURE__ */ jsxs47("div", { className: "flex gap-3 py-3 px-4 items-center rounded-xl bg-t_bg_tertiary bg-opacity-[0.03]", children: [
+      /* @__PURE__ */ jsx100(
         TokenLogoWithChain,
         {
           token: customTokenData,
@@ -26760,14 +27012,14 @@ var TokenPicker = ({
           chainLogoClassName: "w-5"
         }
       ),
-      /* @__PURE__ */ jsxs46("div", { className: "flex justify-between items-center gap-1 overflow-hidden grow", children: [
-        /* @__PURE__ */ jsxs46("div", { children: [
-          /* @__PURE__ */ jsx99("div", { className: "text-sm font-medium text-ellipsis", children: customTokenData.name }),
-          /* @__PURE__ */ jsx99("div", { className: "text-xs text-t_text_primary !text-opacity-50", children: importChain?.displayName })
+      /* @__PURE__ */ jsxs47("div", { className: "flex justify-between items-center gap-1 overflow-hidden grow", children: [
+        /* @__PURE__ */ jsxs47("div", { children: [
+          /* @__PURE__ */ jsx100("div", { className: "text-sm font-medium text-ellipsis", children: customTokenData.name }),
+          /* @__PURE__ */ jsx100("div", { className: "text-xs text-t_text_primary !text-opacity-50", children: importChain?.displayName })
         ] }),
-        /* @__PURE__ */ jsx99("div", { className: "text-sm text-t_text_primary text-opacity-50", children: customTokenData.symbol })
+        /* @__PURE__ */ jsx100("div", { className: "text-sm text-t_text_primary text-opacity-50", children: customTokenData.symbol })
       ] }),
-      /* @__PURE__ */ jsx99("div", { children: /* @__PURE__ */ jsx99(
+      /* @__PURE__ */ jsx100("div", { children: /* @__PURE__ */ jsx100(
         Button,
         {
           type: "button",
@@ -26776,10 +27028,10 @@ var TokenPicker = ({
           children: "Import"
         }
       ) })
-    ] }) : /* @__PURE__ */ jsxs46("div", { className: "flex flex-col h-full min-h-0", children: [
-      /* @__PURE__ */ jsx99("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__ */ jsxs46("div", { className: "relative flex flex-col flex-1 min-h-0", children: [
-        /* @__PURE__ */ jsx99(
+    ] }) : /* @__PURE__ */ jsxs47("div", { className: "flex flex-col h-full min-h-0", children: [
+      /* @__PURE__ */ jsx100("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__ */ jsxs47("div", { className: "relative flex flex-col flex-1 min-h-0", children: [
+        /* @__PURE__ */ jsx100(
           Virtuoso4,
           {
             style: { maxHeight: "700px", height: "100%" },
@@ -26791,12 +27043,12 @@ var TokenPicker = ({
                 return null;
               }
               if (row.kind === "label") {
-                return /* @__PURE__ */ jsx99("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__ */ jsx100("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__ */ jsx99("div", { className: "text-center py-1 pb-3 text-sm text-t_text_primary text-opacity-50", children: "No token found" });
+                return /* @__PURE__ */ jsx100("div", { className: "text-center py-1 pb-3 text-sm text-t_text_primary text-opacity-50", children: "No token found" });
               }
-              return /* @__PURE__ */ jsx99(
+              return /* @__PURE__ */ jsx100(
                 TokenItem,
                 {
                   panelType: type,
@@ -26813,14 +27065,14 @@ var TokenPicker = ({
             }
           }
         ),
-        /* @__PURE__ */ jsx99("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__ */ jsx100("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
-import { jsx as jsx100, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs48 } from "react/jsx-runtime";
 var PickerView = () => {
   const {
     activePicker,
@@ -26887,7 +27139,7 @@ var PickerView = () => {
   if (!activePicker) {
     return null;
   }
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx101(
     "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",
@@ -26899,9 +27151,9 @@ var PickerView = () => {
           close();
         }
       },
-      children: /* @__PURE__ */ jsxs47("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__ */ jsx100("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__ */ jsx100(
+      children: /* @__PURE__ */ jsxs48("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__ */ jsx101("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__ */ jsx101(
           ChainPicker,
           {
             chains: dstChainOptions,
@@ -26910,7 +27162,7 @@ var PickerView = () => {
             onSelect: onDstChainSelect,
             onClose: close
           }
-        ) : /* @__PURE__ */ jsx100(
+        ) : /* @__PURE__ */ jsx101(
           TokenPicker,
           {
             type,
@@ -26933,9 +27185,9 @@ var PickerView = () => {
 };
 
 // src/components/ToggleButton/index.tsx
-import { jsx as jsx101 } from "react/jsx-runtime";
+import { jsx as jsx102 } from "react/jsx-runtime";
 var ToggleButton = ({ checked, onClick }) => {
-  return /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx102(
     "button",
     {
       type: "button",
@@ -26943,7 +27195,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__ */ jsx101(
+      children: /* @__PURE__ */ jsx102(
         "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"}`
@@ -27030,9 +27282,9 @@ var mapTransports = (chains) => {
 };
 
 // src/components/Tooltip/index.tsx
-import { useEffect as useEffect9, useState as useState10 } from "react";
+import { useEffect as useEffect11, useState as useState12 } from "react";
 import { createPortal } from "react-dom";
-import { jsx as jsx102 } from "react/jsx-runtime";
+import { jsx as jsx103 } from "react/jsx-runtime";
 var positionToClass = {
   TOP: "-translate-x-1/2 -translate-y-full",
   BOTTOM: "-translate-x-1/2",
@@ -27040,9 +27292,9 @@ var positionToClass = {
   RIGHT: "-translate-y-1/2"
 };
 var Tooltip = ({ id: id2, position, text, triggerRef }) => {
-  const [positionPx, setPositionPx] = useState10({ top: 0, left: 0 });
-  const [visible, setVisible] = useState10(false);
-  useEffect9(() => {
+  const [positionPx, setPositionPx] = useState12({ top: 0, left: 0 });
+  const [visible, setVisible] = useState12(false);
+  useEffect11(() => {
     const trigger = triggerRef.current;
     const updatePosition = () => {
       if (!trigger) {
@@ -27103,7 +27355,7 @@ var Tooltip = ({ id: id2, position, text, triggerRef }) => {
     };
   }, [triggerRef, position]);
   return createPortal(
-    visible && /* @__PURE__ */ jsx102(
+    visible && /* @__PURE__ */ jsx103(
       "div",
       {
         id: id2,
@@ -27122,17 +27374,17 @@ var Tooltip = ({ id: id2, position, text, triggerRef }) => {
 
 // src/components/Swap/SettingsView/InfiniteApproval/index.tsx
 import { useRef as useRef7 } from "react";
-import { jsx as jsx103, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs49 } from "react/jsx-runtime";
 var InfiniteApproval = () => {
   const tooltipTriggerRef = useRef7(null);
   const { infiniteApproval, setInfiniteApproval } = useSwapContext();
-  return /* @__PURE__ */ jsxs48("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__ */ jsxs48("div", { className: "flex items-center gap-2 min-w-0", children: [
-      /* @__PURE__ */ jsx103("h2", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary whitespace-nowrap", children: "Persistent Access" }),
-      /* @__PURE__ */ jsx103("div", { className: "w-0.5 h-0.5 bg-t_text_primary opacity-25 shrink-0" }),
-      /* @__PURE__ */ jsxs48("div", { className: "flex items-center gap-1.5 min-w-0", children: [
-        /* @__PURE__ */ jsx103("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__ */ jsx103(
+  return /* @__PURE__ */ jsxs49("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__ */ jsxs49("div", { className: "flex items-center gap-2 min-w-0", children: [
+      /* @__PURE__ */ jsx104("h2", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary whitespace-nowrap", children: "Persistent Access" }),
+      /* @__PURE__ */ jsx104("div", { className: "w-0.5 h-0.5 bg-t_text_primary opacity-25 shrink-0" }),
+      /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-1.5 min-w-0", children: [
+        /* @__PURE__ */ jsx104("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__ */ jsx104(
           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.",
@@ -27141,7 +27393,7 @@ var InfiniteApproval = () => {
             id: "infinite-approval-tooltip"
           }
         ),
-        /* @__PURE__ */ jsx103(
+        /* @__PURE__ */ jsx104(
           InfoThinIcon,
           {
             ref: tooltipTriggerRef,
@@ -27150,7 +27402,7 @@ var InfiniteApproval = () => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx103(
+    /* @__PURE__ */ jsx104(
       ToggleButton,
       {
         checked: infiniteApproval,
@@ -27164,17 +27416,17 @@ var InfiniteApproval = () => {
 
 // src/components/Swap/SettingsView/Delivery/index.tsx
 import { useRef as useRef8 } from "react";
-import { jsx as jsx104, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs50 } from "react/jsx-runtime";
 var Delivery = () => {
   const tooltipTriggerRef = useRef8(null);
   const { expressDelivery, setExpressDelivery } = useSwapContext();
-  return /* @__PURE__ */ jsxs49("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__ */ jsxs49("div", { className: "flex items-center gap-2 min-w-0", children: [
-      /* @__PURE__ */ jsx104("h2", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary whitespace-nowrap", children: "Fast Delivery" }),
-      /* @__PURE__ */ jsx104("div", { className: "w-0.5 h-0.5 bg-t_text_primary opacity-25 shrink-0" }),
-      /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-1.5 min-w-0", children: [
-        /* @__PURE__ */ jsx104("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__ */ jsx104(
+  return /* @__PURE__ */ jsxs50("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__ */ jsxs50("div", { className: "flex items-center gap-2 min-w-0", children: [
+      /* @__PURE__ */ jsx105("h2", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary whitespace-nowrap", children: "Fast Delivery" }),
+      /* @__PURE__ */ jsx105("div", { className: "w-0.5 h-0.5 bg-t_text_primary opacity-25 shrink-0" }),
+      /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-1.5 min-w-0", children: [
+        /* @__PURE__ */ jsx105("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__ */ jsx105(
           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.",
@@ -27183,7 +27435,7 @@ var Delivery = () => {
             id: "express-delivery-tooltip"
           }
         ),
-        /* @__PURE__ */ jsx104(
+        /* @__PURE__ */ jsx105(
           InfoThinIcon,
           {
             ref: tooltipTriggerRef,
@@ -27192,7 +27444,7 @@ var Delivery = () => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx104(
+    /* @__PURE__ */ jsx105(
       ToggleButton,
       {
         checked: expressDelivery,
@@ -27205,13 +27457,13 @@ var Delivery = () => {
 };
 
 // src/components/Swap/SettingsView/Slippage/index.tsx
-import { useState as useState11 } from "react";
-import { jsx as jsx105, jsxs as jsxs50 } from "react/jsx-runtime";
+import { useState as useState13 } from "react";
+import { jsx as jsx106, jsxs as jsxs51 } from "react/jsx-runtime";
 var defaultPreset = "1.5";
 var presets = ["1", "2", "6"];
 var Slippage = () => {
   const { slippage, setSlippage } = useSwapContext();
-  const [customSlippage, setCustomSlippage] = useState11(slippage);
+  const [customSlippage, setCustomSlippage] = useState13(slippage);
   const onInputChange = (value) => {
     if (value.length === 0) {
       setCustomSlippage("");
@@ -27226,18 +27478,18 @@ var Slippage = () => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs50("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__ */ jsxs50("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx105("h2", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary", children: "Slippage" }),
-        /* @__PURE__ */ jsx105("div", { className: "w-0.5 h-0.5 bg-t_text_primary opacity-25 shrink-0" }),
-        /* @__PURE__ */ jsx105("p", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary text-opacity-50", children: `${Number(slippage).toFixed(2)}%` })
+  return /* @__PURE__ */ jsxs51("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__ */ jsxs51("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs51("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx106("h2", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary", children: "Slippage" }),
+        /* @__PURE__ */ jsx106("div", { className: "w-0.5 h-0.5 bg-t_text_primary opacity-25 shrink-0" }),
+        /* @__PURE__ */ jsx106("p", { className: "text-sm leading-6 tracking-[0.01em] text-t_text_primary text-opacity-50", children: `${Number(slippage).toFixed(2)}%` })
       ] }),
-      /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-4 w-full", children: [
-        /* @__PURE__ */ jsxs50("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__ */ jsxs50("div", { className: "flex items-center gap-3 min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx105("div", { className: "flex items-center justify-center w-6 h-6 rounded bg-t_bg_tertiary bg-opacity-5 shrink-0", children: /* @__PURE__ */ jsx105(AdjustmentsIcon, { className: "w-3.5 h-3.5 text-t_text_primary" }) }),
-            /* @__PURE__ */ jsx105(
+      /* @__PURE__ */ jsxs51("div", { className: "flex items-center gap-4 w-full", children: [
+        /* @__PURE__ */ jsxs51("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__ */ jsxs51("div", { className: "flex items-center gap-3 min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx106("div", { className: "flex items-center justify-center w-6 h-6 rounded bg-t_bg_tertiary bg-opacity-5 shrink-0", children: /* @__PURE__ */ jsx106(AdjustmentsIcon, { className: "w-3.5 h-3.5 text-t_text_primary" }) }),
+            /* @__PURE__ */ jsx106(
               SafeInput,
               {
                 id: "slippage-input",
@@ -27249,10 +27501,10 @@ var Slippage = () => {
               }
             )
           ] }),
-          /* @__PURE__ */ jsx105("span", { className: "text-sm leading-6 text-t_text_primary text-opacity-50 shrink-0", children: "%" })
+          /* @__PURE__ */ jsx106("span", { className: "text-sm leading-6 text-t_text_primary text-opacity-50 shrink-0", children: "%" })
         ] }),
-        /* @__PURE__ */ jsx105("div", { className: "w-0.5 h-0.5 bg-t_text_primary opacity-25 shrink-0 hidden sm:block" }),
-        /* @__PURE__ */ jsx105("div", { className: "flex items-center gap-2", children: presets.map((preset) => /* @__PURE__ */ jsx105(
+        /* @__PURE__ */ jsx106("div", { className: "w-0.5 h-0.5 bg-t_text_primary opacity-25 shrink-0 hidden sm:block" }),
+        /* @__PURE__ */ jsx106("div", { className: "flex items-center gap-2", children: presets.map((preset) => /* @__PURE__ */ jsx106(
           "button",
           {
             type: "button",
@@ -27264,10 +27516,10 @@ var Slippage = () => {
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs50("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx105("p", { className: "text-[10px] leading-4 tracking-[0.015em] text-t_text_primary text-opacity-30", children: "NOTE." }),
-      /* @__PURE__ */ jsxs50("p", { className: "text-sm leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-40", children: [
-        /* @__PURE__ */ jsx105("span", { className: "font-medium", children: "Slippage" }),
+    /* @__PURE__ */ jsxs51("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx106("p", { className: "text-[10px] leading-4 tracking-[0.015em] text-t_text_primary text-opacity-30", children: "NOTE." }),
+      /* @__PURE__ */ jsxs51("p", { className: "text-sm leading-[18px] tracking-[0.01em] text-t_text_primary text-opacity-40", children: [
+        /* @__PURE__ */ jsx106("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.`
@@ -27277,17 +27529,17 @@ var Slippage = () => {
 };
 
 // src/components/Swap/SettingsView/index.tsx
-import { jsx as jsx106, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs52 } from "react/jsx-runtime";
 var SettingsView = () => {
-  return /* @__PURE__ */ jsxs51("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx106(Delivery, {}),
-    /* @__PURE__ */ jsx106(InfiniteApproval, {}),
-    /* @__PURE__ */ jsx106(Slippage, {})
+  return /* @__PURE__ */ jsxs52("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx107(Delivery, {}),
+    /* @__PURE__ */ jsx107(InfiniteApproval, {}),
+    /* @__PURE__ */ jsx107(Slippage, {})
   ] });
 };
 
 // src/components/Swap/ReorderButton/ReorderButton.tsx
-import { jsx as jsx107 } from "react/jsx-runtime";
+import { jsx as jsx108 } from "react/jsx-runtime";
 var ReorderButton = () => {
   const {
     dstChain,
@@ -27305,13 +27557,13 @@ var ReorderButton = () => {
     setDstToken(srcToken);
     setSrcToken(dstToken);
   };
-  return /* @__PURE__ */ jsx107("div", { className: "h-0 w-full relative z-[1]", children: /* @__PURE__ */ jsx107(
+  return /* @__PURE__ */ jsx108("div", { className: "h-0 w-full relative z-[1]", children: /* @__PURE__ */ jsx108(
     "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__ */ jsx107("div", { className: "flex text-t_text_primary opacity-50", children: /* @__PURE__ */ jsx107(ChevronsUpDownThinIcon, {}) })
+      children: /* @__PURE__ */ jsx108("div", { className: "flex text-t_text_primary opacity-50", children: /* @__PURE__ */ jsx108(ChevronsUpDownThinIcon, {}) })
     }
   ) });
 };
@@ -27322,7 +27574,7 @@ var specialApprovalTokens = {
 };
 
 // src/hooks/useERC20Token.ts
-import { useCallback as useCallback12, useMemo as useMemo20 } from "react";
+import { useCallback as useCallback12, useMemo as useMemo22 } from "react";
 var useERC20Token = ({
   rpcChainId,
   currentChainId,
@@ -27331,7 +27583,7 @@ var useERC20Token = ({
 }) => {
   const evmContractApi = useEvmContractApi_default();
   const { supportedChains } = useSwapContext();
-  const contract = useMemo20(() => {
+  const contract = useMemo22(() => {
     const rpcUrl = supportedChains.find(
       (chain) => chain.ecosystem === "evm" /* EVM */ && chain.chainId === rpcChainId
     )?.publicRpcUrls[0];
@@ -27373,9 +27625,9 @@ var useERC20Token = ({
 };
 
 // src/components/Swap/SwapView/SwapButton/index.tsx
-import { useCallback as useCallback13, useEffect as useEffect10, useMemo as useMemo21, useState as useState12 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect12, useMemo as useMemo23, useState as useState14 } from "react";
 import { useAccount as useAccount5, useSwitchChain } from "wagmi";
-import { Fragment as Fragment9, jsx as jsx108 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx109 } from "react/jsx-runtime";
 var SwapButton = () => {
   const { address, chainId } = useAccount5();
   const { switchChainAsync } = useSwitchChain();
@@ -27395,11 +27647,11 @@ var SwapButton = () => {
     onConnectWallet
   } = useSwapContext();
   const { setTxStatus, setTxMsg, setTxModalOpen, enqueueTransaction } = useTxUIWrapper();
-  const srcChainId = useMemo21(() => srcChain?.chainId, [srcChain?.chainId]);
-  const dstChainId = useMemo21(() => dstChain?.chainId, [dstChain?.chainId]);
-  const srcTokenAddress = useMemo21(() => srcToken?.address, [srcToken?.address]);
-  const dstTokenAddress = useMemo21(() => dstToken?.address, [dstToken?.address]);
-  const [currentTokenAllowance, setCurrentTokenAllowance] = useState12("0");
+  const srcChainId = useMemo23(() => srcChain?.chainId, [srcChain?.chainId]);
+  const dstChainId = useMemo23(() => dstChain?.chainId, [dstChain?.chainId]);
+  const srcTokenAddress = useMemo23(() => srcToken?.address, [srcToken?.address]);
+  const dstTokenAddress = useMemo23(() => dstToken?.address, [dstToken?.address]);
+  const [currentTokenAllowance, setCurrentTokenAllowance] = useState14("0");
   const {
     networks: { evm }
   } = useNetworks_default();
@@ -27416,7 +27668,7 @@ var SwapButton = () => {
     signer: evm.signer,
     tokenAddress: srcTokenAddress
   });
-  const routerAddress = useMemo21(() => {
+  const routerAddress = useMemo23(() => {
     if (!srcChainId) return "";
     return srcChainId === dstChainId ? ADDRESSES[srcChainId]?.XSwapRouterSingleChain || "" : ADDRESSES[srcChainId]?.XSwapRouter || "";
   }, [srcChainId, dstChainId]);
@@ -27432,7 +27684,7 @@ var SwapButton = () => {
       setCurrentTokenAllowance("0");
     }
   }, [allowance, evm.address, routerAddress]);
-  useEffect10(() => {
+  useEffect12(() => {
     if (srcChainId && specialApprovalTokens[srcChainId]?.includes(srcTokenAddress)) {
       getAllowance();
     }
@@ -27442,7 +27694,7 @@ var SwapButton = () => {
     setTxMsg("");
     setTxModalOpen(true);
   }, [setTxModalOpen, setTxMsg, setTxStatus]);
-  const button = useMemo21(() => {
+  const button = useMemo23(() => {
     if (!isAsyncDataLoaded) {
       return {
         text: "Loading XPay...",
@@ -27613,7 +27865,7 @@ var SwapButton = () => {
     setTxStatus,
     showSwapConfirmationView
   ]);
-  return /* @__PURE__ */ jsx108(Fragment9, { children: /* @__PURE__ */ jsx108(
+  return /* @__PURE__ */ jsx109(Fragment9, { children: /* @__PURE__ */ jsx109(
     "button",
     {
       type: "button",
@@ -27626,11 +27878,11 @@ var SwapButton = () => {
 };
 
 // src/components/Swap/SwapView/SwapPanel/index.tsx
-import { useMemo as useMemo27 } from "react";
+import { useMemo as useMemo29 } from "react";
 
 // src/components/Swap/SwapView/SwapPanel/AmountPanel/index.tsx
-import { useMemo as useMemo22 } from "react";
-import { Fragment as Fragment10, jsx as jsx109, jsxs as jsxs52 } from "react/jsx-runtime";
+import { useMemo as useMemo24 } from "react";
+import { Fragment as Fragment10, jsx as jsx110, jsxs as jsxs53 } from "react/jsx-runtime";
 var AmountPanel = ({ type }) => {
   const {
     srcChain,
@@ -27657,7 +27909,7 @@ var AmountPanel = ({ type }) => {
       })
     );
   };
-  const value = useMemo22(() => {
+  const value = useMemo24(() => {
     if (type === "destination" && dstToken && dstChain && bridgeUI && srcChain?.ecosystem === "solana" /* SOLANA */) {
       return srcValue;
     }
@@ -27672,10 +27924,10 @@ var AmountPanel = ({ type }) => {
     dstChain
   ]);
   if (!isAsyncDataLoaded) {
-    return /* @__PURE__ */ jsx109("div", { className: "flex items-center flex-1 min-w-0", children: /* @__PURE__ */ jsx109(Skeleton, { className: "w-[100px] h-8" }) });
+    return /* @__PURE__ */ jsx110("div", { className: "flex items-center flex-1 min-w-0", children: /* @__PURE__ */ jsx110(Skeleton, { className: "w-[100px] h-8" }) });
   }
-  return /* @__PURE__ */ jsx109("div", { className: "flex items-center gap-3 flex-1 min-w-0 overflow-hidden text-left", children: type === "source" ? /* @__PURE__ */ jsxs52(Fragment10, { children: [
-    /* @__PURE__ */ jsx109(
+  return /* @__PURE__ */ jsx110("div", { className: "flex items-center gap-3 flex-1 min-w-0 overflow-hidden text-left", children: type === "source" ? /* @__PURE__ */ jsxs53(Fragment10, { children: [
+    /* @__PURE__ */ jsx110(
       SafeInput,
       {
         id: "swap-amount-input",
@@ -27685,7 +27937,7 @@ var AmountPanel = ({ type }) => {
         onChange: (value2) => setSrcValue(value2)
       }
     ),
-    !!srcToken && !!srcTokenBalanceWei && /* @__PURE__ */ jsx109(
+    !!srcToken && !!srcTokenBalanceWei && /* @__PURE__ */ jsx110(
       "button",
       {
         type: "button",
@@ -27694,12 +27946,12 @@ var AmountPanel = ({ type }) => {
         children: "MAX"
       }
     )
-  ] }) : isFetchingRoute ? /* @__PURE__ */ jsx109(Skeleton, { className: "w-[150px] h-[32px]" }) : /* @__PURE__ */ jsx109("div", { className: "text-2xl leading-8 text-t_text_primary opacity-60 truncate", children: value || 0 }) });
+  ] }) : isFetchingRoute ? /* @__PURE__ */ jsx110(Skeleton, { className: "w-[150px] h-[32px]" }) : /* @__PURE__ */ jsx110("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
-import { useMemo as useMemo23 } from "react";
-import { jsx as jsx110, jsxs as jsxs53 } from "react/jsx-runtime";
+import { useMemo as useMemo25 } from "react";
+import { jsx as jsx111, jsxs as jsxs54 } from "react/jsx-runtime";
 var Balance = ({ type }) => {
   const {
     srcToken,
@@ -27710,7 +27962,7 @@ var Balance = ({ type }) => {
     dstChain,
     dstChainTokensOptions
   } = useSwapContext();
-  const dstTokenBalanceInfo = useMemo23(() => {
+  const dstTokenBalanceInfo = useMemo25(() => {
     if (!dstToken || !dstChain) {
       return "";
     }
@@ -27732,15 +27984,15 @@ var Balance = ({ type }) => {
   if (!token || !balanceInfo && !isLoading) {
     return null;
   }
-  return /* @__PURE__ */ jsx110("div", { className: "flex items-center justify-end py-1", children: isLoading ? /* @__PURE__ */ jsx110(Skeleton, { className: "w-[80px] h-[16px]" }) : /* @__PURE__ */ jsxs53("p", { className: "text-[10px] leading-4 text-right whitespace-nowrap", children: [
-    /* @__PURE__ */ jsx110("span", { className: "text-t_text_primary text-opacity-50", children: `Balance. ` }),
-    /* @__PURE__ */ jsx110("span", { className: "text-t_text_primary text-opacity-75 tracking-[0.032em]", children: `${balanceInfo} ${token.symbol}` })
+  return /* @__PURE__ */ jsx111("div", { className: "flex items-center justify-end py-1", children: isLoading ? /* @__PURE__ */ jsx111(Skeleton, { className: "w-[80px] h-[16px]" }) : /* @__PURE__ */ jsxs54("p", { className: "text-[10px] leading-4 text-right whitespace-nowrap", children: [
+    /* @__PURE__ */ jsx111("span", { className: "text-t_text_primary text-opacity-50", children: `Balance. ` }),
+    /* @__PURE__ */ jsx111("span", { className: "text-t_text_primary text-opacity-75 tracking-[0.032em]", children: `${balanceInfo} ${token.symbol}` })
   ] }) });
 };
 
 // src/components/Swap/SwapView/SwapPanel/TokenPanel/index.tsx
-import { useMemo as useMemo24 } from "react";
-import { jsx as jsx111, jsxs as jsxs54 } from "react/jsx-runtime";
+import { useMemo as useMemo26 } from "react";
+import { jsx as jsx112, jsxs as jsxs55 } from "react/jsx-runtime";
 var TokenPanel = ({ chain, token, type, className }) => {
   const {
     bridgeUI,
@@ -27750,36 +28002,36 @@ var TokenPanel = ({ chain, token, type, className }) => {
     setActivePicker,
     isAsyncDataLoaded
   } = useSwapContext();
-  const integratorLockedDestinationToken = useMemo24(
+  const integratorLockedDestinationToken = useMemo26(
     () => type === "destination" && dstTokenLocked,
     [type, dstTokenLocked]
   );
-  const integratorLockedSourceToken = useMemo24(
+  const integratorLockedSourceToken = useMemo26(
     () => type === "source" && srcTokenLocked,
     [type, srcTokenLocked]
   );
-  const bridgeDestination = useMemo24(
+  const bridgeDestination = useMemo26(
     () => type === "destination" && bridgeUI,
     [bridgeUI, type]
   );
   const locked = bridgeDestination && dstChainLocked || integratorLockedDestinationToken || integratorLockedSourceToken;
   if (!isAsyncDataLoaded) {
-    return /* @__PURE__ */ jsx111(
+    return /* @__PURE__ */ jsx112(
       "div",
       {
         className: `flex items-center shrink-0 min-h-11 ${className || ""}`,
         "aria-hidden": true,
-        children: /* @__PURE__ */ jsxs54("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx111(Skeleton, { className: "w-12 h-4" }),
-          /* @__PURE__ */ jsxs54("div", { className: "relative flex items-end pr-1 pb-1", children: [
-            /* @__PURE__ */ jsx111(Skeleton, { className: "w-10 h-10 rounded-full" }),
-            /* @__PURE__ */ jsx111(Skeleton, { className: "absolute bottom-0 right-0 w-[18px] h-[18px] rounded-full border border-solid border-t_bg_secondary" })
+        children: /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx112(Skeleton, { className: "w-12 h-4" }),
+          /* @__PURE__ */ jsxs55("div", { className: "relative flex items-end pr-1 pb-1", children: [
+            /* @__PURE__ */ jsx112(Skeleton, { className: "w-10 h-10 rounded-full" }),
+            /* @__PURE__ */ jsx112(Skeleton, { className: "absolute bottom-0 right-0 w-[18px] h-[18px] rounded-full border border-solid border-t_bg_secondary" })
           ] })
         ] })
       }
     );
   }
-  return /* @__PURE__ */ jsxs54(
+  return /* @__PURE__ */ jsxs55(
     "button",
     {
       type: "button",
@@ -27789,15 +28041,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__ */ jsxs54("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx111(
+        /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx112(
             "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__ */ jsx111(
+          token ? /* @__PURE__ */ jsx112(
             TokenLogoWithChain,
             {
               token,
@@ -27806,7 +28058,7 @@ var TokenPanel = ({ chain, token, type, className }) => {
               generatedLogoClassName: "w-10 h-10 text-[16px]",
               chainLogoClassName: "w-[18px]"
             }
-          ) : bridgeDestination && chain && /* @__PURE__ */ jsx111(
+          ) : bridgeDestination && chain && /* @__PURE__ */ jsx112(
             "img",
             {
               src: chain.image,
@@ -27817,30 +28069,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__ */ jsx111("div", { className: "flex items-center justify-center w-6 h-6 ml-1 -mr-2 text-t_text_primary opacity-50", children: /* @__PURE__ */ jsx111(ChevronDownThinIcon, {}) })
+        /* @__PURE__ */ jsx112("div", { className: "flex items-center justify-center w-6 h-6 ml-1 -mr-2 text-t_text_primary opacity-50", children: /* @__PURE__ */ jsx112(ChevronDownThinIcon, {}) })
       ]
     }
   );
 };
 
 // src/components/Swap/SwapView/SwapPanel/UsdValue/index.tsx
-import { useMemo as useMemo25 } from "react";
-import { jsx as jsx112 } from "react/jsx-runtime";
+import { useMemo as useMemo27 } from "react";
+import { jsx as jsx113 } from "react/jsx-runtime";
 var UsdValue = ({ type }) => {
   const { srcValueUsd, dstValueUsd, isFetchingRoute } = useSwapContext();
-  const valueUsd = useMemo25(
+  const valueUsd = useMemo27(
     () => type === "source" ? srcValueUsd : dstValueUsd,
     [dstValueUsd, srcValueUsd, type]
   );
   if (type === "destination" && isFetchingRoute) {
-    return /* @__PURE__ */ jsx112(Skeleton, { className: "w-[80px] h-[16px] my-1" });
+    return /* @__PURE__ */ jsx113(Skeleton, { className: "w-[80px] h-[16px] my-1" });
   }
-  return /* @__PURE__ */ jsx112("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__ */ jsx113("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
-import { useCallback as useCallback14, useMemo as useMemo26 } from "react";
-import { jsx as jsx113, jsxs as jsxs55 } from "react/jsx-runtime";
+import { useCallback as useCallback14, useMemo as useMemo28 } from "react";
+import { jsx as jsx114, jsxs as jsxs56 } from "react/jsx-runtime";
 var WalletPanel = ({ chain, className }) => {
   const {
     setOpenEVMWalletModal,
@@ -27880,7 +28132,7 @@ var WalletPanel = ({ chain, className }) => {
       setOpenSuiWalletModal(true);
     }
   }, [chain, openEvmWalletModal, setOpenSolanaWalletModal, setOpenSuiWalletModal]);
-  const address = useMemo26(() => {
+  const address = useMemo28(() => {
     if (!chain) {
       return "";
     }
@@ -27894,34 +28146,34 @@ var WalletPanel = ({ chain, className }) => {
     return "";
   }, [chain, evm, solana, sui]);
   if (!isAsyncDataLoaded) {
-    return /* @__PURE__ */ jsx113(Skeleton, { className: "w-16 h-6" });
+    return /* @__PURE__ */ jsx114(Skeleton, { className: "w-16 h-6" });
   }
   if (!chain) {
-    return /* @__PURE__ */ jsx113("div", { className: "h-6", "aria-hidden": true });
+    return /* @__PURE__ */ jsx114("div", { className: "h-6", "aria-hidden": true });
   }
-  return /* @__PURE__ */ jsxs55(
+  return /* @__PURE__ */ jsxs56(
     "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__ */ jsx113("p", { className: "text-[10px] leading-4 tracking-[0.01em] text-t_text_primary whitespace-nowrap", children: address ? shortAddress(address) : "Connect" }),
-        /* @__PURE__ */ jsx113("div", { className: "flex items-center justify-center w-4 h-4 -mr-1.5 text-t_text_primary opacity-50", children: /* @__PURE__ */ jsx113(ChevronDownThinSmallIcon, {}) })
+        /* @__PURE__ */ jsx114("p", { className: "text-[10px] leading-4 tracking-[0.01em] text-t_text_primary whitespace-nowrap", children: address ? shortAddress(address) : "Connect" }),
+        /* @__PURE__ */ jsx114("div", { className: "flex items-center justify-center w-4 h-4 -mr-1.5 text-t_text_primary opacity-50", children: /* @__PURE__ */ jsx114(ChevronDownThinSmallIcon, {}) })
       ]
     }
   );
 };
 
 // src/components/Swap/SwapView/SwapPanel/index.tsx
-import { jsx as jsx114, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx115, jsxs as jsxs57 } from "react/jsx-runtime";
 var SwapPanel = ({ type }) => {
   const { srcChain, srcToken, dstChain, dstToken } = useSwapContext();
-  const token = useMemo27(
+  const token = useMemo29(
     () => type === "source" ? srcToken : dstToken,
     [type, srcToken, dstToken]
   );
-  const chain = useMemo27(
+  const chain = useMemo29(
     () => type === "source" ? srcChain : dstChain,
     [type, srcChain, dstChain]
   );
@@ -27931,23 +28183,23 @@ var SwapPanel = ({ type }) => {
     }
     event.currentTarget.querySelector("#swap-amount-input")?.focus();
   };
-  return /* @__PURE__ */ jsxs56(
+  return /* @__PURE__ */ jsxs57(
     "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__ */ jsxs56("div", { className: "flex gap-2 items-center w-full min-h-6", children: [
-          /* @__PURE__ */ jsx114("p", { className: "text-[10px] leading-4 tracking-[0.01em] text-t_text_primary text-opacity-50", children: type === "source" ? "Source" : "Destination" }),
-          /* @__PURE__ */ jsx114(WalletPanel, { chain, type })
+        /* @__PURE__ */ jsxs57("div", { className: "flex gap-2 items-center w-full min-h-6", children: [
+          /* @__PURE__ */ jsx115("p", { className: "text-[10px] leading-4 tracking-[0.01em] text-t_text_primary text-opacity-50", children: type === "source" ? "Source" : "Destination" }),
+          /* @__PURE__ */ jsx115(WalletPanel, { chain, type })
         ] }),
-        /* @__PURE__ */ jsxs56("div", { className: "flex items-center justify-between w-full gap-4", children: [
-          /* @__PURE__ */ jsx114(AmountPanel, { type }),
-          /* @__PURE__ */ jsx114(TokenPanel, { chain, token, type })
+        /* @__PURE__ */ jsxs57("div", { className: "flex items-center justify-between w-full gap-4", children: [
+          /* @__PURE__ */ jsx115(AmountPanel, { type }),
+          /* @__PURE__ */ jsx115(TokenPanel, { chain, token, type })
         ] }),
-        /* @__PURE__ */ jsxs56("div", { className: "flex items-center justify-between w-full gap-4 min-h-6", children: [
-          /* @__PURE__ */ jsx114(UsdValue, { type }),
-          /* @__PURE__ */ jsx114(Balance, { type })
+        /* @__PURE__ */ jsxs57("div", { className: "flex items-center justify-between w-full gap-4 min-h-6", children: [
+          /* @__PURE__ */ jsx115(UsdValue, { type }),
+          /* @__PURE__ */ jsx115(Balance, { type })
         ] })
       ]
     }
@@ -27955,19 +28207,19 @@ var SwapPanel = ({ type }) => {
 };
 
 // src/components/Swap/SwapView/index.tsx
-import { jsx as jsx115, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx116, jsxs as jsxs58 } from "react/jsx-runtime";
 var SwapView = () => {
-  return /* @__PURE__ */ jsxs57("div", { className: "flex flex-col gap-8 fill-t_text_primary", children: [
-    /* @__PURE__ */ jsxs57("div", { className: "flex flex-col gap-6", children: [
-      /* @__PURE__ */ jsxs57("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsx115(SwapPanel, { type: "source" }),
-        /* @__PURE__ */ jsx115(ReorderButton, {}),
-        /* @__PURE__ */ jsx115(SwapPanel, { type: "destination" })
+  return /* @__PURE__ */ jsxs58("div", { className: "flex flex-col gap-8 fill-t_text_primary", children: [
+    /* @__PURE__ */ jsxs58("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsxs58("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx116(SwapPanel, { type: "source" }),
+        /* @__PURE__ */ jsx116(ReorderButton, {}),
+        /* @__PURE__ */ jsx116(SwapPanel, { type: "destination" })
       ] }),
-      /* @__PURE__ */ jsx115("div", { className: "h-px w-full gradient-sections-separator-container" }),
-      /* @__PURE__ */ jsx115(FeesPanel, {})
+      /* @__PURE__ */ jsx116("div", { className: "h-px w-full gradient-sections-separator-container" }),
+      /* @__PURE__ */ jsx116(FeesPanel, {})
     ] }),
-    /* @__PURE__ */ jsx115(SwapButton, {})
+    /* @__PURE__ */ jsx116(SwapButton, {})
   ] });
 };
 
@@ -27982,14 +28234,14 @@ import {
   useConnectWallet as useSuiConnectWallet,
   useDisconnectWallet as useSuiDisconnectWallet
 } from "@mysten/dapp-kit";
-import { jsx as jsx116, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx117, jsxs as jsxs59 } from "react/jsx-runtime";
 var ConnectorIcon = ({
   connector,
   className
 }) => {
   switch (connector.name) {
     case "WalletConnect": {
-      return /* @__PURE__ */ jsx116(
+      return /* @__PURE__ */ jsx117(
         WalletConnectIcon,
         {
           className: `w-10 h-10 rounded-lg shrink-0 ${className || ""}`
@@ -27997,7 +28249,7 @@ var ConnectorIcon = ({
       );
     }
     default: {
-      return /* @__PURE__ */ jsx116(
+      return /* @__PURE__ */ jsx117(
         "img",
         {
           src: connector.icon,
@@ -28008,7 +28260,7 @@ var ConnectorIcon = ({
     }
   }
 };
-var WalletRow = ({ icon, name, isConnected, onClick }) => /* @__PURE__ */ jsx116("div", { className: "pb-2", children: /* @__PURE__ */ jsxs58(
+var WalletRow = ({ icon, name, isConnected, onClick }) => /* @__PURE__ */ jsx117("div", { className: "pb-2", children: /* @__PURE__ */ jsxs59(
   "button",
   {
     type: "button",
@@ -28016,15 +28268,15 @@ var WalletRow = ({ icon, name, isConnected, onClick }) => /* @__PURE__ */ jsx116
     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__ */ jsxs58("div", { className: "flex justify-between items-center gap-2 w-full min-w-0", children: [
-        /* @__PURE__ */ jsx116("p", { className: "text-sm font-medium leading-5 tracking-[0.01em] text-t_text_primary text-left", children: name }),
-        isConnected && /* @__PURE__ */ jsxs58("span", { className: "flex items-center gap-1.5 text-xs leading-[18px] tracking-[0.01em] whitespace-nowrap", children: [
-          /* @__PURE__ */ jsxs58("span", { className: "group-hover:hidden flex items-center gap-1.5 text-t_text_green", children: [
-            /* @__PURE__ */ jsx116(DotGreenIcon, {}),
+      /* @__PURE__ */ jsxs59("div", { className: "flex justify-between items-center gap-2 w-full min-w-0", children: [
+        /* @__PURE__ */ jsx117("p", { className: "text-sm font-medium leading-5 tracking-[0.01em] text-t_text_primary text-left", children: name }),
+        isConnected && /* @__PURE__ */ jsxs59("span", { className: "flex items-center gap-1.5 text-xs leading-[18px] tracking-[0.01em] whitespace-nowrap", children: [
+          /* @__PURE__ */ jsxs59("span", { className: "group-hover:hidden flex items-center gap-1.5 text-t_text_green", children: [
+            /* @__PURE__ */ jsx117(DotGreenIcon, {}),
             "Connected"
           ] }),
-          /* @__PURE__ */ jsxs58("span", { className: "hidden group-hover:flex items-center gap-1.5 text-t_text_red", children: [
-            /* @__PURE__ */ jsx116(DotRedIcon, {}),
+          /* @__PURE__ */ jsxs59("span", { className: "hidden group-hover:flex items-center gap-1.5 text-t_text_red", children: [
+            /* @__PURE__ */ jsx117(DotRedIcon, {}),
             "Disconnect"
           ] })
         ] })
@@ -28099,27 +28351,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__ */ jsxs58("div", { className: `flex flex-col h-full min-h-0 ${className || ""}`, children: [
-    /* @__PURE__ */ jsxs58("div", { className: "flex justify-between items-center mb-6", children: [
-      /* @__PURE__ */ jsx116("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em] text-t_text_primary", children: "Select Wallet" }),
-      /* @__PURE__ */ jsx116(
+  return /* @__PURE__ */ jsxs59("div", { className: `flex flex-col h-full min-h-0 ${className || ""}`, children: [
+    /* @__PURE__ */ jsxs59("div", { className: "flex justify-between items-center mb-6", children: [
+      /* @__PURE__ */ jsx117("div", { className: "text-2xl font-medium leading-8 tracking-[0.01em] text-t_text_primary", children: "Select Wallet" }),
+      /* @__PURE__ */ jsx117(
         "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__ */ jsx116("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ jsx116(CloseIcon, {}) })
+          children: /* @__PURE__ */ jsx117("div", { className: "w-4 h-4 opacity-50 fill-t_text_primary flex items-center justify-center", children: /* @__PURE__ */ jsx117(CloseIcon, {}) })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs58("div", { className: "flex flex-col flex-1 min-h-0 overflow-y-auto", children: [
+    /* @__PURE__ */ jsxs59("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__ */ jsx116(
+        return /* @__PURE__ */ jsx117(
           WalletRow,
           {
-            icon: /* @__PURE__ */ jsx116(ConnectorIcon, { connector }),
+            icon: /* @__PURE__ */ jsx117(ConnectorIcon, { connector }),
             name: connector.name,
             isConnected,
             onClick: async () => {
@@ -28132,10 +28384,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__ */ jsx116(
+        return /* @__PURE__ */ jsx117(
           WalletRow,
           {
-            icon: /* @__PURE__ */ jsx116(
+            icon: /* @__PURE__ */ jsx117(
               "img",
               {
                 src: wallet.adapter.icon,
@@ -28152,20 +28404,20 @@ var WalletPicker = ({ ecosystem, className, onClose }) => {
           },
           wallet.adapter.name
         );
-      }) : /* @__PURE__ */ jsx116("div", { className: "text-center py-1 text-sm text-t_text_primary text-opacity-50", children: "No wallet found" })),
+      }) : /* @__PURE__ */ jsx117("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__ */ jsx116(
+        return /* @__PURE__ */ jsx117(
           WalletRow,
           {
-            icon: wallet.icon ? /* @__PURE__ */ jsx116(
+            icon: wallet.icon ? /* @__PURE__ */ jsx117(
               "img",
               {
                 src: wallet.icon,
                 alt: wallet.name,
                 className: "w-10 h-10 rounded-lg shrink-0"
               }
-            ) : /* @__PURE__ */ jsx116("div", { className: "w-10 h-10 rounded-lg shrink-0 bg-t_bg_tertiary bg-opacity-10" }),
+            ) : /* @__PURE__ */ jsx117("div", { className: "w-10 h-10 rounded-lg shrink-0 bg-t_bg_tertiary bg-opacity-10" }),
             name: wallet.name,
             isConnected,
             onClick: async () => {
@@ -28174,13 +28426,13 @@ var WalletPicker = ({ ecosystem, className, onClose }) => {
           },
           wallet.name
         );
-      }) : /* @__PURE__ */ jsx116("div", { className: "text-center py-1 text-sm text-t_text_primary text-opacity-50", children: "No wallet found" }))
+      }) : /* @__PURE__ */ jsx117("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
-import { jsx as jsx117, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx118, jsxs as jsxs60 } from "react/jsx-runtime";
 var WalletPickerView = () => {
   const {
     openEVMWalletModal,
@@ -28199,7 +28451,7 @@ var WalletPickerView = () => {
   if (!ecosystem) {
     return null;
   }
-  return /* @__PURE__ */ jsx117(
+  return /* @__PURE__ */ jsx118(
     "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",
@@ -28211,9 +28463,9 @@ var WalletPickerView = () => {
           close();
         }
       },
-      children: /* @__PURE__ */ jsxs59("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__ */ jsx117("div", { className: "sm:hidden mx-auto mb-4 h-1 w-8 rounded-full bg-t_bg_tertiary bg-opacity-10 shrink-0" }),
-        /* @__PURE__ */ jsx117(WalletPicker, { ecosystem, onClose: close })
+      children: /* @__PURE__ */ jsxs60("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__ */ jsx118("div", { className: "sm:hidden mx-auto mb-4 h-1 w-8 rounded-full bg-t_bg_tertiary bg-opacity-10 shrink-0" }),
+        /* @__PURE__ */ jsx118(WalletPicker, { ecosystem, onClose: close })
       ] })
     }
   );
@@ -28224,42 +28476,42 @@ var useWalletPickerOpen = () => {
 };
 
 // src/components/Swap/index.tsx
-import { jsx as jsx118, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx119, jsxs as jsxs61 } from "react/jsx-runtime";
 var Swap = ({ onClose }) => {
   const { tab, activePicker } = useSwapContext();
   const walletPickerOpen = useWalletPickerOpen();
-  const overlayView = useMemo28(() => {
-    return tab === "Settings" ? /* @__PURE__ */ jsx118(SettingsView, {}) : tab === "History" ? /* @__PURE__ */ jsx118(HistoryView, {}) : null;
+  const overlayView = useMemo30(() => {
+    return tab === "Settings" ? /* @__PURE__ */ jsx119(SettingsView, {}) : tab === "History" ? /* @__PURE__ */ jsx119(HistoryView, {}) : null;
   }, [tab]);
-  return /* @__PURE__ */ jsxs60(
+  return /* @__PURE__ */ jsxs61(
     "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__ */ jsxs60("div", { className: "relative flex flex-col flex-1 min-h-0", children: [
-          activePicker && /* @__PURE__ */ jsx118(PickerView, {}),
-          /* @__PURE__ */ jsx118(WalletPickerView, {}),
-          /* @__PURE__ */ jsxs60(
+        /* @__PURE__ */ jsxs61("div", { className: "relative flex flex-col flex-1 min-h-0", children: [
+          activePicker && /* @__PURE__ */ jsx119(PickerView, {}),
+          /* @__PURE__ */ jsx119(WalletPickerView, {}),
+          /* @__PURE__ */ jsxs61(
             "div",
             {
               className: `flex flex-col gap-6 flex-1 min-h-0 ${activePicker || walletPickerOpen ? "sm:invisible" : ""}`,
               children: [
-                /* @__PURE__ */ jsx118(Header2, { onClose }),
-                /* @__PURE__ */ jsxs60("div", { className: "relative flex flex-col flex-1 min-h-0", children: [
-                  /* @__PURE__ */ jsx118(
+                /* @__PURE__ */ jsx119(Header2, { onClose }),
+                /* @__PURE__ */ jsxs61("div", { className: "relative flex flex-col flex-1 min-h-0", children: [
+                  /* @__PURE__ */ jsx119(
                     "div",
                     {
                       className: `flex flex-col flex-1 min-h-0 ${overlayView ? "invisible" : ""}`,
-                      children: /* @__PURE__ */ jsx118(SwapView, {})
+                      children: /* @__PURE__ */ jsx119(SwapView, {})
                     }
                   ),
-                  overlayView && /* @__PURE__ */ jsx118("div", { className: "absolute inset-0 flex flex-col min-h-0", children: overlayView })
+                  overlayView && /* @__PURE__ */ jsx119("div", { className: "absolute inset-0 flex flex-col min-h-0", children: overlayView })
                 ] })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsx118(PoweredBy, {})
+        /* @__PURE__ */ jsx119(PoweredBy, {})
       ]
     }
   );
@@ -28267,7 +28519,7 @@ var Swap = ({ onClose }) => {
 
 // src/components/TextInput/index.tsx
 import { forwardRef as forwardRef6 } from "react";
-import { Fragment as Fragment11, jsx as jsx119, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx120, jsxs as jsxs62 } from "react/jsx-runtime";
 var TextInput = forwardRef6((props, ref) => {
   const {
     inputIcon,
@@ -28282,10 +28534,10 @@ var TextInput = forwardRef6((props, ref) => {
     disabled = false,
     className = ""
   } = props;
-  return /* @__PURE__ */ jsxs61(Fragment11, { children: [
-    /* @__PURE__ */ jsxs61("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__ */ jsxs62(Fragment11, { children: [
+    /* @__PURE__ */ jsxs62("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__ */ jsx119(
+      /* @__PURE__ */ jsx120(
         "input",
         {
           ref,
@@ -28300,13 +28552,13 @@ var TextInput = forwardRef6((props, ref) => {
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx119("div", { className: "flex justify-between pt-[10px]", children: /* @__PURE__ */ jsx119("div", { className: "px-5 text-t_text_red", children: error }) }),
-    warning && /* @__PURE__ */ jsx119("div", { className: "flex justify-between pt-[10px]", children: /* @__PURE__ */ jsx119("div", { className: "px-5 text-t_text_orange", children: warning }) })
+    error && /* @__PURE__ */ jsx120("div", { className: "flex justify-between pt-[10px]", children: /* @__PURE__ */ jsx120("div", { className: "px-5 text-t_text_red", children: error }) }),
+    warning && /* @__PURE__ */ jsx120("div", { className: "flex justify-between pt-[10px]", children: /* @__PURE__ */ jsx120("div", { className: "px-5 text-t_text_orange", children: warning }) })
   ] });
 });
 
 // src/hooks/useTimer.ts
-import { useState as useState13, useEffect as useEffect11, useCallback as useCallback16 } from "react";
+import { useState as useState15, useEffect as useEffect13, useCallback as useCallback16 } from "react";
 var TimeUtils = class {
   static getTimeFromSeconds(seconds) {
     const days = Math.floor(seconds / (60 * 60 * 24));
@@ -28326,8 +28578,8 @@ var useTimer = ({
   onExpire,
   autoStart = true
 }) => {
-  const [isRunning, setIsRunning] = useState13(autoStart);
-  const [seconds, setSeconds] = useState13(
+  const [isRunning, setIsRunning] = useState15(autoStart);
+  const [seconds, setSeconds] = useState15(
     TimeUtils.getSecondsFromExpiry(expiryTimestamp)
   );
   const tick = useCallback16(() => {
@@ -28338,7 +28590,7 @@ var useTimer = ({
     }
     setSeconds(newSeconds);
   }, [expiryTimestamp, onExpire]);
-  useEffect11(() => {
+  useEffect13(() => {
     if (!isRunning) return;
     const intervalId = setInterval(tick, 1e3);
     return () => clearInterval(intervalId);
@@ -28360,37 +28612,37 @@ var useTimer = ({
 var useTimer_default = useTimer;
 
 // src/components/Timer/index.tsx
-import { useEffect as useEffect12, useState as useState14 } from "react";
-import { Fragment as Fragment12, jsx as jsx120, jsxs as jsxs62 } from "react/jsx-runtime";
+import { useEffect as useEffect14, useState as useState16 } from "react";
+import { Fragment as Fragment12, jsx as jsx121, jsxs as jsxs63 } from "react/jsx-runtime";
 var Timer = ({
   expiryTimestamp,
   displayFormat = 2 /* Days */,
   customTextOnExpire
 }) => {
-  const [expired, setExpired] = useState14(
+  const [expired, setExpired] = useState16(
     expiryTimestamp.getTime() < Date.now()
   );
   const { seconds, minutes, hours, days, restart } = useTimer_default({
     expiryTimestamp,
     onExpire: () => setExpired(true)
   });
-  useEffect12(() => {
+  useEffect14(() => {
     restart(expiryTimestamp);
   }, [expiryTimestamp]);
-  return /* @__PURE__ */ jsx120(Fragment12, { children: expired && customTextOnExpire ? /* @__PURE__ */ jsx120(Fragment12, { children: customTextOnExpire }) : /* @__PURE__ */ jsxs62(Fragment12, { children: [
-    displayFormat === 0 /* Minutes */ && /* @__PURE__ */ jsx120("span", { children: `${(days * 24 + hours) * 60 + minutes}:${seconds.toString().padStart(2, "0")}` }),
-    displayFormat === 1 /* Hours */ && /* @__PURE__ */ jsx120("span", { children: `${days * 24 + hours}:${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}` }),
-    displayFormat === 2 /* Days */ && /* @__PURE__ */ jsx120("span", { children: `${days}:${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}` })
+  return /* @__PURE__ */ jsx121(Fragment12, { children: expired && customTextOnExpire ? /* @__PURE__ */ jsx121(Fragment12, { children: customTextOnExpire }) : /* @__PURE__ */ jsxs63(Fragment12, { children: [
+    displayFormat === 0 /* Minutes */ && /* @__PURE__ */ jsx121("span", { children: `${(days * 24 + hours) * 60 + minutes}:${seconds.toString().padStart(2, "0")}` }),
+    displayFormat === 1 /* Hours */ && /* @__PURE__ */ jsx121("span", { children: `${days * 24 + hours}:${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}` }),
+    displayFormat === 2 /* Days */ && /* @__PURE__ */ jsx121("span", { children: `${days}:${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}` })
   ] }) });
 };
 
 // src/components/TokenLogo/index.tsx
-import { useEffect as useEffect13, useState as useState15 } from "react";
+import { useEffect as useEffect15, useState as useState17 } from "react";
 
 // src/components/TokenLogo/Unknown/index.tsx
-import { jsx as jsx121 } from "react/jsx-runtime";
+import { jsx as jsx122 } from "react/jsx-runtime";
 var UnknownTokenLogo = ({ tokenName, className }) => {
-  return /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsx122(
     "div",
     {
       className: `rounded-full bg-white shadow-sm flex items-center justify-center text-black ${className}`,
@@ -28400,21 +28652,21 @@ var UnknownTokenLogo = ({ tokenName, className }) => {
 };
 
 // src/components/TokenLogo/index.tsx
-import { jsx as jsx122 } from "react/jsx-runtime";
+import { jsx as jsx123 } from "react/jsx-runtime";
 var TokenLogo = ({
   token,
   className,
   generatedLogoClassName
 }) => {
-  const [errorOcurred, setErrorOccured] = useState15(false);
-  useEffect13(() => {
+  const [errorOcurred, setErrorOccured] = useState17(false);
+  useEffect15(() => {
     setErrorOccured(false);
   }, [token?.address]);
   if (!token) {
     return null;
   }
   if (errorOcurred) {
-    return /* @__PURE__ */ jsx122(
+    return /* @__PURE__ */ jsx123(
       UnknownTokenLogo,
       {
         tokenName: token.name,
@@ -28422,7 +28674,7 @@ var TokenLogo = ({
       }
     );
   }
-  return token?.image ? /* @__PURE__ */ jsx122(
+  return token?.image ? /* @__PURE__ */ jsx123(
     "img",
     {
       src: token.image,
@@ -28430,7 +28682,7 @@ var TokenLogo = ({
       className: `rounded-full ${className}`,
       onError: () => setErrorOccured(true)
     }
-  ) : /* @__PURE__ */ jsx122(
+  ) : /* @__PURE__ */ jsx123(
     UnknownTokenLogo,
     {
       tokenName: token.name,
@@ -28440,7 +28692,7 @@ var TokenLogo = ({
 };
 
 // src/components/TokenLogo/WithChain/index.tsx
-import { jsx as jsx123, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx124, jsxs as jsxs64 } from "react/jsx-runtime";
 var TokenLogoWithChain = ({
   token,
   chain,
@@ -28448,8 +28700,8 @@ var TokenLogoWithChain = ({
   generatedLogoClassName,
   chainLogoClassName
 }) => {
-  return /* @__PURE__ */ jsxs63("div", { className: "relative flex items-end pr-1 pb-1", children: [
-    /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsxs64("div", { className: "relative flex items-end pr-1 pb-1", children: [
+    /* @__PURE__ */ jsx124(
       TokenLogo,
       {
         token,
@@ -28457,7 +28709,7 @@ var TokenLogoWithChain = ({
         generatedLogoClassName
       }
     ),
-    chain && /* @__PURE__ */ jsx123(
+    chain && /* @__PURE__ */ jsx124(
       "img",
       {
         src: chain.image,
@@ -28469,7 +28721,7 @@ var TokenLogoWithChain = ({
 };
 
 // src/components/TxConfigForm/index.tsx
-import { useEffect as useEffect14, useMemo as useMemo29 } from "react";
+import { useEffect as useEffect16, useMemo as useMemo31 } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 
 // localTheme.ts
@@ -28592,7 +28844,7 @@ function changeHostVariableColor(isLightMode, customStyles) {
 }
 
 // src/components/TxConfigForm/index.tsx
-import { Fragment as Fragment13, jsx as jsx124, jsxs as jsxs64 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx125, jsxs as jsxs65 } from "react/jsx-runtime";
 var normalizeTxConfigFormProps = (props) => {
   return {
     ...props,
@@ -28602,21 +28854,21 @@ var normalizeTxConfigFormProps = (props) => {
 };
 var PendingTransactionsEmitter = ({ onPendingTransactionsChange }) => {
   const { history } = useHistory();
-  const pendingTransactions = useMemo29(
+  const pendingTransactions = useMemo31(
     () => history.filter((entry) => entry.status === "IN_PROGRESS"),
     [history]
   );
-  useEffect14(() => {
+  useEffect16(() => {
     if (onPendingTransactionsChange) {
       onPendingTransactionsChange(pendingTransactions);
     } else if (window.xPayOnPendingTransactionsChange) {
       window.xPayOnPendingTransactionsChange(pendingTransactions);
     }
   }, [onPendingTransactionsChange, pendingTransactions]);
-  return /* @__PURE__ */ jsx124(Fragment13, {});
+  return /* @__PURE__ */ jsx125(Fragment13, {});
 };
 var TxConfigForm = (props) => {
-  const normalizedProps = useMemo29(
+  const normalizedProps = useMemo31(
     () => normalizeTxConfigFormProps(props),
     [props]
   );
@@ -28661,30 +28913,30 @@ var TxConfigForm = (props) => {
       onClose();
     }
   };
-  const wagmiConfig = useMemo29(
+  const wagmiConfig = useMemo31(
     () => providedWagmiConfig ?? window.xPayWagmiConfig ?? getWagmiConfig(supportedChains),
     [providedWagmiConfig, supportedChains]
   );
-  useEffect14(() => {
+  useEffect16(() => {
     changeHostVariableColor(lightTheme, styles);
   }, [lightTheme, styles]);
-  useEffect14(() => {
+  useEffect16(() => {
     if (override?.apiUrl) {
       setApiUrl(override?.apiUrl);
     }
   }, [override?.apiUrl]);
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx125(
     ErrorBoundary,
     {
-      FallbackComponent: () => /* @__PURE__ */ jsx124("div", { children: "Something went wrong, please contact XSwap." }),
-      children: /* @__PURE__ */ jsx124(AllWalletsConfig, { wagmiConfig, children: /* @__PURE__ */ jsx124(WalletProvider, { children: /* @__PURE__ */ jsxs64(HistoryProvider, { children: [
-        /* @__PURE__ */ jsx124(
+      FallbackComponent: () => /* @__PURE__ */ jsx125("div", { children: "Something went wrong, please contact XSwap." }),
+      children: /* @__PURE__ */ jsx125(AllWalletsConfig, { wagmiConfig, children: /* @__PURE__ */ jsx125(WalletProvider, { children: /* @__PURE__ */ jsxs65(HistoryProvider, { children: [
+        /* @__PURE__ */ jsx125(
           PendingTransactionsEmitter,
           {
             onPendingTransactionsChange
           }
         ),
-        /* @__PURE__ */ jsx124(
+        /* @__PURE__ */ jsx125(
           SwapProvider,
           {
             integrationConfig: {
@@ -28714,14 +28966,14 @@ var TxConfigForm = (props) => {
             },
             supportedChains,
             overlay,
-            children: /* @__PURE__ */ jsx124(TransactionProvider, { children: /* @__PURE__ */ jsx124(TxUIWrapper, { children: overlay ? /* @__PURE__ */ jsx124(
+            children: /* @__PURE__ */ jsx125(TransactionProvider, { children: /* @__PURE__ */ jsx125(TxUIWrapper, { children: overlay ? /* @__PURE__ */ jsx125(
               "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__ */ jsx124("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__ */ jsx124(Swap, { onSubmit, onClose }) })
+                children: /* @__PURE__ */ jsx125("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__ */ jsx125(Swap, { onSubmit, onClose }) })
               }
-            ) : /* @__PURE__ */ jsx124("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__ */ jsx124(Swap, { onSubmit: () => {
+            ) : /* @__PURE__ */ jsx125("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__ */ jsx125(Swap, { onSubmit: () => {
             }, onClose: () => {
             } }) }) }) })
           }
@@ -28761,7 +29013,7 @@ var openTxConfigForm = async ({
         throw new Error("XPay was incorrectly initialized");
       }
       xpayRoot.render(
-        /* @__PURE__ */ jsx124(
+        /* @__PURE__ */ jsx125(
           TxConfigForm,
           {
             integratorId,
@@ -28814,10 +29066,10 @@ import { format as format3 } from "date-fns";
 import { useCallback as useCallback17 } from "react";
 
 // src/components/TxDataCard/TokenDetails/index.tsx
-import { jsx as jsx125, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx126, jsxs as jsxs66 } from "react/jsx-runtime";
 var TokenDetails = ({ chain, token, amount }) => {
-  return /* @__PURE__ */ jsxs65("div", { className: "flex gap-2", children: [
-    /* @__PURE__ */ jsx125(
+  return /* @__PURE__ */ jsxs66("div", { className: "flex gap-2", children: [
+    /* @__PURE__ */ jsx126(
       TokenLogoWithChain,
       {
         token,
@@ -28827,15 +29079,15 @@ var TokenDetails = ({ chain, token, amount }) => {
         chainLogoClassName: "w-5"
       }
     ),
-    /* @__PURE__ */ jsxs65("div", { className: "flex flex-col text-[12px]", children: [
-      /* @__PURE__ */ jsx125("div", { className: "text-t_text_primary text-nowrap", children: `${Number(amount) < 1e-4 ? "<0.0001" : amount} ${token?.symbol ? token?.symbol : "unknown"}` }),
-      /* @__PURE__ */ jsx125("div", { className: "text-xs text-t_text_primary text-opacity-50", children: chain?.displayName })
+    /* @__PURE__ */ jsxs66("div", { className: "flex flex-col text-[12px]", children: [
+      /* @__PURE__ */ jsx126("div", { className: "text-t_text_primary text-nowrap", children: `${Number(amount) < 1e-4 ? "<0.0001" : amount} ${token?.symbol ? token?.symbol : "unknown"}` }),
+      /* @__PURE__ */ jsx126("div", { className: "text-xs text-t_text_primary text-opacity-50", children: chain?.displayName })
     ] })
   ] });
 };
 
 // src/components/TxDataCard/TxDataCardUI/index.tsx
-import { Fragment as Fragment14, jsx as jsx126, jsxs as jsxs66 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx127, jsxs as jsxs67 } from "react/jsx-runtime";
 var TxDataCardUI = ({
   transaction,
   supportedChains,
@@ -28862,21 +29114,21 @@ var TxDataCardUI = ({
   const dstChain = supportedChains.find(
     (chain) => chain.chainId === transaction.targetChainId
   );
-  return /* @__PURE__ */ jsxs66("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__ */ jsxs66("div", { className: "flex items-center gap-2 border-b border-solid border-t_text_primary border-opacity-10 pb-1", children: [
-      /* @__PURE__ */ jsx126("div", { className: "text-xs text-t_text_primary text-opacity-50", children: date }),
-      /* @__PURE__ */ jsxs66("div", { className: "flex grow justify-end items-center h-6", children: [
-        transaction.status === "IN_PROGRESS" ? /* @__PURE__ */ jsxs66("div", { className: "flex items-center grow justify-end text-xs", children: [
-          /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsxs67("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__ */ jsxs67("div", { className: "flex items-center gap-2 border-b border-solid border-t_text_primary border-opacity-10 pb-1", children: [
+      /* @__PURE__ */ jsx127("div", { className: "text-xs text-t_text_primary text-opacity-50", children: date }),
+      /* @__PURE__ */ jsxs67("div", { className: "flex grow justify-end items-center h-6", children: [
+        transaction.status === "IN_PROGRESS" ? /* @__PURE__ */ jsxs67("div", { className: "flex items-center grow justify-end text-xs", children: [
+          /* @__PURE__ */ jsx127(
             FontAwesomeIcon2,
             {
               icon: faHourglassHalf,
               className: "w-4 h-4 mr-1 text-t_text_orange"
             }
           ),
-          /* @__PURE__ */ jsxs66("div", { className: "text-xs text-t_text_orange min-w-[108px]", children: [
+          /* @__PURE__ */ jsxs67("div", { className: "text-xs text-t_text_orange min-w-[108px]", children: [
             "In progress (",
-            /* @__PURE__ */ jsx126(
+            /* @__PURE__ */ jsx127(
               Timer,
               {
                 displayFormat: 0 /* Minutes */,
@@ -28886,8 +29138,8 @@ var TxDataCardUI = ({
             ),
             ")"
           ] })
-        ] }) : transaction.status === "DONE" ? /* @__PURE__ */ jsx126("div", { className: "flex items-center grow justify-end text-xs", children: /* @__PURE__ */ jsx126("div", { className: "mr-1 text-t_text_green", children: "Done" }) }) : transaction.status === "REVERTED" ? /* @__PURE__ */ jsx126("div", { className: "flex items-center grow justify-end text-xs", children: /* @__PURE__ */ jsx126("div", { className: "mr-1 text-t_text_red", children: "Reverted" }) }) : null,
-        /* @__PURE__ */ jsx126(
+        ] }) : transaction.status === "DONE" ? /* @__PURE__ */ jsx127("div", { className: "flex items-center grow justify-end text-xs", children: /* @__PURE__ */ jsx127("div", { className: "mr-1 text-t_text_green", children: "Done" }) }) : transaction.status === "REVERTED" ? /* @__PURE__ */ jsx127("div", { className: "flex items-center grow justify-end text-xs", children: /* @__PURE__ */ jsx127("div", { className: "mr-1 text-t_text_red", children: "Reverted" }) }) : null,
+        /* @__PURE__ */ jsx127(
           "a",
           {
             href: `${transaction.messageId ? `${CCIP_EXPLORER}${transaction.messageId}` : `${supportedChains.find(
@@ -28897,7 +29149,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__ */ jsx126(
+            children: /* @__PURE__ */ jsx127(
               FontAwesomeIcon2,
               {
                 icon: faArrowUpRightFromSquare,
@@ -28908,8 +29160,8 @@ var TxDataCardUI = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx126("div", { className: "flex flex-wrap gap-8", children: /* @__PURE__ */ jsxs66("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx126(
+    /* @__PURE__ */ jsx127("div", { className: "flex flex-wrap gap-8", children: /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx127(
         TokenDetails,
         {
           chain: srcChain,
@@ -28917,15 +29169,15 @@ var TxDataCardUI = ({
           amount: transferredAmount
         }
       ),
-      transaction.tokenOutAddress && /* @__PURE__ */ jsxs66(Fragment14, { children: [
-        /* @__PURE__ */ jsx126(
+      transaction.tokenOutAddress && /* @__PURE__ */ jsxs67(Fragment14, { children: [
+        /* @__PURE__ */ jsx127(
           FontAwesomeIcon2,
           {
             icon: faArrowRight,
             className: "w-5 h-5 text-t_text_primary opacity-50 mx-1.5"
           }
         ),
-        /* @__PURE__ */ jsx126(
+        /* @__PURE__ */ jsx127(
           TokenDetails,
           {
             chain: dstChain,
@@ -28939,11 +29191,11 @@ var TxDataCardUI = ({
 };
 
 // src/components/TxDataCard/index.tsx
-import { jsx as jsx127 } from "react/jsx-runtime";
+import { jsx as jsx128 } from "react/jsx-runtime";
 
 // src/components/TxModal/index.tsx
 import { createPortal as createPortal2 } from "react-dom";
-import { jsx as jsx128, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx129, jsxs as jsxs68 } from "react/jsx-runtime";
 var TxModal = ({
   id: id2,
   children,
@@ -28959,24 +29211,24 @@ var TxModal = ({
     }
   };
   return createPortal2(
-    /* @__PURE__ */ jsx128(
+    /* @__PURE__ */ jsx129(
       "div",
       {
         className: "fixed box-border inset-0 z-20 flex items-center justify-center bg-black bg-opacity-80",
         onMouseDown: onBackdropClick,
-        children: /* @__PURE__ */ jsxs67(
+        children: /* @__PURE__ */ jsxs68(
           "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__ */ jsx128(
+              (type === "error" || type === "success") && /* @__PURE__ */ jsx129(
                 "div",
                 {
                   "aria-hidden": true,
                   className: `absolute inset-0 rounded-[inherit] pointer-events-none ${type === "error" ? "tx-modal-glow-error" : "tx-modal-glow-success"}`
                 }
               ),
-              /* @__PURE__ */ jsx128("div", { className: "relative", children })
+              /* @__PURE__ */ jsx129("div", { className: "relative", children })
             ]
           }
         )
@@ -28988,30 +29240,30 @@ var TxModal = ({
 };
 
 // src/components/TxStatusButton/index.tsx
-import { useMemo as useMemo30, useState as useState16 } from "react";
-import { Fragment as Fragment15, jsx as jsx129, jsxs as jsxs68 } from "react/jsx-runtime";
+import { useMemo as useMemo32, useState as useState18 } from "react";
+import { Fragment as Fragment15, jsx as jsx130, jsxs as jsxs69 } from "react/jsx-runtime";
 var TxStatusButton = ({
   transaction,
   supportedChains,
   srcToken,
   dstToken
 }) => {
-  const [isWide, setIsWide] = useState16(false);
-  const background = useMemo30(
+  const [isWide, setIsWide] = useState18(false);
+  const background = useMemo32(
     () => 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 = useMemo30(
+  const border = useMemo32(
     () => transaction?.status === "DONE" ? "border border-solid border-t_success_dark" : "border border-solid border-t_main_accent_dark",
     [transaction]
   );
-  return /* @__PURE__ */ jsxs68(
+  return /* @__PURE__ */ jsxs69(
     "div",
     {
       className: "flex gap-2 items-end justify-end flex-wrap",
       onClick: () => setIsWide((x) => !x),
       children: [
-        isWide && /* @__PURE__ */ jsx129(
+        isWide && /* @__PURE__ */ jsx130(
           TxDataCardUI,
           {
             transaction,
@@ -29020,15 +29272,15 @@ var TxStatusButton = ({
             dstToken
           }
         ),
-        /* @__PURE__ */ jsx129(
+        /* @__PURE__ */ jsx130(
           "div",
           {
             className: `text-t_text_primary rounded-xl h-14 w-20  mb-2 cursor-pointer ${background} ${border}`,
-            children: /* @__PURE__ */ jsxs68("div", { className: "flex gap-2 items-center h-14 w-20 justify-center fill-t_text_primary", children: [
-              /* @__PURE__ */ jsx129("div", { className: `${isWide ? "rotate-180" : ""}`, children: /* @__PURE__ */ jsx129(ArrowLeftIcon, {}) }),
-              /* @__PURE__ */ jsx129("div", { className: "relative flex items-center justify-center w-9 h-9", children: transaction?.status === "DONE" ? /* @__PURE__ */ jsx129("div", { className: "w-5 h-5 fill-t_success_dark", children: /* @__PURE__ */ jsx129(CheckIcon, {}) }) : /* @__PURE__ */ jsxs68(Fragment15, { children: [
-                /* @__PURE__ */ jsx129("div", { className: "w-5 h-5", children: /* @__PURE__ */ jsx129(XSwapLogo, {}) }),
-                /* @__PURE__ */ jsx129("div", { className: "absolute flex items-center justify-center top-0 left-0 right-0 bottom-0 text-t_text_primary", children: /* @__PURE__ */ jsx129(Spinner, { className: "w-10 h-10" }) })
+            children: /* @__PURE__ */ jsxs69("div", { className: "flex gap-2 items-center h-14 w-20 justify-center fill-t_text_primary", children: [
+              /* @__PURE__ */ jsx130("div", { className: `${isWide ? "rotate-180" : ""}`, children: /* @__PURE__ */ jsx130(ArrowLeftIcon, {}) }),
+              /* @__PURE__ */ jsx130("div", { className: "relative flex items-center justify-center w-9 h-9", children: transaction?.status === "DONE" ? /* @__PURE__ */ jsx130("div", { className: "w-5 h-5 fill-t_success_dark", children: /* @__PURE__ */ jsx130(CheckIcon, {}) }) : /* @__PURE__ */ jsxs69(Fragment15, { children: [
+                /* @__PURE__ */ jsx130("div", { className: "w-5 h-5", children: /* @__PURE__ */ jsx130(XSwapLogo, {}) }),
+                /* @__PURE__ */ jsx130("div", { className: "absolute flex items-center justify-center top-0 left-0 right-0 bottom-0 text-t_text_primary", children: /* @__PURE__ */ jsx130(Spinner, { className: "w-10 h-10" }) })
               ] }) })
             ] })
           }
@@ -29065,12 +29317,12 @@ var updateTransactionDoneInRenderedTransactions = (hash3) => {
   });
 };
 var renderTxStatusButtons = () => {
-  const buttons = renderedTransactions.map((item) => /* @__PURE__ */ jsx129(TxStatusButton, { ...item }, item.transaction.hash));
+  const buttons = renderedTransactions.map((item) => /* @__PURE__ */ jsx130(TxStatusButton, { ...item }, item.transaction.hash));
   if (xpayTxStatusRoot === null) {
     throw new Error("XPay was incorrectly initialized");
   }
   xpayTxStatusRoot.render(
-    /* @__PURE__ */ jsx129("div", { className: "fixed bottom-5 right-2 flex flex-col gap-3 pl-9 items-end w-full z-50", children: buttons })
+    /* @__PURE__ */ jsx130("div", { className: "fixed bottom-5 right-2 flex flex-col gap-3 pl-9 items-end w-full z-50", children: buttons })
   );
 };
 
@@ -29099,8 +29351,8 @@ var createWebComponent = (ReactComponent, options = {}) => {
 };
 
 // src/components/TxWidgetWC/index.tsx
-import { useEffect as useEffect15, useState as useState17 } from "react";
-import { Fragment as Fragment16, jsx as jsx130, jsxs as jsxs69 } from "react/jsx-runtime";
+import { useEffect as useEffect17, useState as useState19 } from "react";
+import { Fragment as Fragment16, jsx as jsx131, jsxs as jsxs70 } from "react/jsx-runtime";
 var TxWidget = ({
   integratorId,
   dstChain: dstChainId,
@@ -29130,15 +29382,15 @@ var TxWidget = ({
   integratorFeeReceiverAddress,
   highlightedDstTokens
 }) => {
-  const [loading, setLoading] = useState17(true);
-  const [supportedChains, setSupportedChains] = useState17([]);
-  const [srcTokenAddr, setSrcTokenAddr] = useState17(
+  const [loading, setLoading] = useState19(true);
+  const [supportedChains, setSupportedChains] = useState19([]);
+  const [srcTokenAddr, setSrcTokenAddr] = useState19(
     void 0
   );
-  const [dstTokenAddr, setDstTokenAddr] = useState17(
+  const [dstTokenAddr, setDstTokenAddr] = useState19(
     void 0
   );
-  useEffect15(() => {
+  useEffect17(() => {
     (async () => {
       setLoading(true);
       if (override?.apiUrl) {
@@ -29159,7 +29411,7 @@ var TxWidget = ({
       console.error("Error parsing styles:", error);
     }
   })();
-  useEffect15(() => {
+  useEffect17(() => {
     const newSrcTokenAddr = resolveTokenAddress(
       srcTokenId,
       srcChainId,
@@ -29173,9 +29425,9 @@ var TxWidget = ({
     setSrcTokenAddr(newSrcTokenAddr);
     setDstTokenAddr(newDstTokenAddr);
   }, [srcTokenId, srcChainId, dstTokenId, dstChainId, supportedChains]);
-  return /* @__PURE__ */ jsxs69(Fragment16, { children: [
-    /* @__PURE__ */ jsx130("style", { children: global_default }),
-    loading ? /* @__PURE__ */ jsx130("div", { className: "min-h-[532px] w-full flex items-center justify-center", children: /* @__PURE__ */ jsx130(Spinner, { className: "w-10 h-10" }) }) : /* @__PURE__ */ jsx130(
+  return /* @__PURE__ */ jsxs70(Fragment16, { children: [
+    /* @__PURE__ */ jsx131("style", { children: global_default }),
+    loading ? /* @__PURE__ */ jsx131("div", { className: "min-h-[532px] w-full flex items-center justify-center", children: /* @__PURE__ */ jsx131(Spinner, { className: "w-10 h-10" }) }) : /* @__PURE__ */ jsx131(
       TxConfigForm,
       {
         integratorId,
@@ -29254,8 +29506,8 @@ var createTxWidgetWC = () => {
 
 // src/components/TxWidgetWCWrapped/index.tsx
 import { isServer as isServer2 } from "@tanstack/react-query";
-import { useEffect as useEffect16 } from "react";
-import { jsx as jsx131 } from "react/jsx-runtime";
+import { useEffect as useEffect18 } from "react";
+import { jsx as jsx132 } from "react/jsx-runtime";
 var TxWidgetWC = createTxWidgetWC();
 if (!isServer2 && typeof customElements !== "undefined") {
   if (!customElements.get("xpay-widget")) {
@@ -29295,7 +29547,7 @@ var TxWidgetWCWrapped = ({
   if (typeof window !== "undefined") {
     window.xPayWagmiConfig = wagmiConfig;
   }
-  useEffect16(() => {
+  useEffect18(() => {
     window.xPayOnPendingTransactionsChange = onPendingTransactionsChange;
     window.xPayOnDstTokenChange = onDstTokenChange;
     window.xPayOnDstChainChange = onDstChainChange;
@@ -29310,7 +29562,7 @@ var TxWidgetWCWrapped = ({
     onSrcChainChange,
     onConnectWallet
   ]);
-  return /* @__PURE__ */ jsx131(
+  return /* @__PURE__ */ jsx132(
     "xpay-widget",
     {
       "integrator-id": integratorId,