@nowramp/form 0.1.48 → 0.1.49

package/dist/index.js

@@ -4,128 +4,128 @@
   if(document.getElementById(id))return;
   var s=document.createElement('style');
   s.id=id;
-  s.textContent=`@layer nowramp-form{.theme-dark{--t-bg: #000000;--t-surface: rgba(255,255,255,.1);--t-surface-hover: rgba(255,255,255,.14);--t-text: #ffffff;--t-text-secondary: rgba(255,255,255,.4);--t-text-tertiary: rgba(255,255,255,.3);--t-text-muted: rgba(255,255,255,.5);--t-border: rgba(255,255,255,.2);--t-border-focus: rgba(255,255,255,.5);--t-pill-bg: rgba(255,255,255,.1);--t-pill-hover: rgba(255,255,255,.15);--t-badge-bg: rgba(255,255,255,.15);--t-divider: rgba(255,255,255,.2);--t-close-bg: rgba(255,255,255,.1);--t-close-hover: rgba(255,255,255,.2);--t-icon-stroke: rgba(255,255,255,.4);--t-icon-close: rgba(255,255,255,.6);--t-accent: #0077FF;--t-cta-bg: var(--t-accent);--t-cta-text: #ffffff;--t-cta-hover: rgba(255,255,255,.9);--t-cta-active: rgba(255,255,255,.8);--t-modal-bg: #000000;--t-chain-border: #000000;--t-skeleton-from: rgba(255,255,255,.06);--t-skeleton-mid: rgba(255,255,255,.12);--t-scrollbar: rgba(255,255,255,.15);--t-card-icon-bg: rgba(255,255,255,.1);--t-card-icon-stroke: rgba(255,255,255,.6);--t-success: #10b981;--t-error: #EF4444}.theme-light{--t-bg: #F2F3F5;--t-surface: rgba(0,0,0,.05);--t-surface-hover: rgba(0,0,0,.08);--t-text: #111111;--t-text-secondary: rgba(0,0,0,.45);--t-text-tertiary: rgba(0,0,0,.3);--t-text-muted: rgba(0,0,0,.5);--t-border: rgba(0,0,0,.12);--t-border-focus: rgba(0,0,0,.3);--t-pill-bg: rgba(0,0,0,.06);--t-pill-hover: rgba(0,0,0,.1);--t-badge-bg: rgba(0,0,0,.08);--t-divider: rgba(0,0,0,.1);--t-close-bg: rgba(0,0,0,.06);--t-close-hover: rgba(0,0,0,.12);--t-icon-stroke: rgba(0,0,0,.35);--t-icon-close: rgba(0,0,0,.5);--t-accent: #0077FF;--t-cta-bg: var(--t-accent);--t-cta-text: #ffffff;--t-cta-hover: #222222;--t-cta-active: #333333;--t-modal-bg: #F2F3F5;--t-chain-border: #F2F3F5;--t-skeleton-from: rgba(0,0,0,.04);--t-skeleton-mid: rgba(0,0,0,.08);--t-scrollbar: rgba(0,0,0,.12);--t-card-icon-bg: rgba(0,0,0,.06);--t-card-icon-stroke: rgba(0,0,0,.5);--t-success: #10b981;--t-error: #EF4444}.custom-scroll::-webkit-scrollbar{width:4px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background:var(--t-scrollbar);border-radius:2px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--t-skeleton-from) 25%,var(--t-skeleton-mid) 50%,var(--t-skeleton-from) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tab-fade-in{animation:fadeIn .3s ease-out both}.digit-slot{display:inline-block;overflow:hidden;vertical-align:top}.digit-slot-inner{transition:transform .35s cubic-bezier(.33,1,.68,1)}@keyframes nramp-spin{to{transform:rotate(360deg)}}.nramp-spinner{width:40px;height:40px;border:3px solid var(--t-border);border-top-color:var(--t-accent);border-radius:50%;animation:nramp-spin .8s linear infinite;margin:0 auto}.nramp-spinner-large{width:60px;height:60px;border-width:4px}.nramp-spinner-inline{width:16px;height:16px;border-width:2px;display:inline-block}.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}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-0{left:0}.right-3{right:.75rem}.top-0{top:0}.top-1\\/2{top:50%}.top-\\[3px\\]{top:3px}.z-20{z-index:20}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mb-1\\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-2\\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mr-0\\.5{margin-right:.125rem}.mr-3{margin-right:.75rem}.mt-0\\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\\[2px\\]{margin-top:2px}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-\\[640px\\]{height:640px}.h-full{height:100%}.min-h-\\[640px\\]{min-height:640px}.w-0{width:0px}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-\\[390px\\]{max-width:390px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.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-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-3\\.5{gap:.875rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-white\\/20{border-color:#fff3}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-12{padding:3rem}.p-8{padding:2rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\\[18px\\]{padding-left:18px;padding-right:18px}.px-\\[2px\\]{padding-left:2px;padding-right:2px}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-1{padding-bottom:.25rem}.pb-2\\.5{padding-bottom:.625rem}.pb-5{padding-bottom:1.25rem}.pb-\\[14px\\]{padding-bottom:14px}.pb-\\[18px\\]{padding-bottom:18px}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-\\[12px\\]{padding-top:12px}.pt-\\[14px\\]{padding-top:14px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[48px\\]{font-size:48px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.lowercase{text-transform:lowercase}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(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)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:opacity-70:hover{opacity:.7}
+  s.textContent=`@layer nowramp-form{.theme-dark{--t-bg: #000000;--t-surface: rgba(255,255,255,.1);--t-surface-hover: rgba(255,255,255,.14);--t-text: #ffffff;--t-text-secondary: rgba(255,255,255,.4);--t-text-tertiary: rgba(255,255,255,.3);--t-text-muted: rgba(255,255,255,.5);--t-border: rgba(255,255,255,.2);--t-border-focus: rgba(255,255,255,.5);--t-pill-bg: rgba(255,255,255,.1);--t-pill-hover: rgba(255,255,255,.15);--t-badge-bg: rgba(255,255,255,.15);--t-divider: rgba(255,255,255,.2);--t-close-bg: rgba(255,255,255,.1);--t-close-hover: rgba(255,255,255,.2);--t-icon-stroke: rgba(255,255,255,.4);--t-icon-close: rgba(255,255,255,.6);--t-accent: #0077FF;--t-cta-bg: var(--t-accent);--t-cta-text: #ffffff;--t-cta-hover: rgba(255,255,255,.9);--t-cta-active: rgba(255,255,255,.8);--t-modal-bg: #000000;--t-chain-border: #000000;--t-skeleton-from: rgba(255,255,255,.06);--t-skeleton-mid: rgba(255,255,255,.12);--t-scrollbar: rgba(255,255,255,.15);--t-card-icon-bg: rgba(255,255,255,.1);--t-card-icon-stroke: rgba(255,255,255,.6);--t-success: #10b981;--t-error: #EF4444}.theme-light{--t-bg: #F2F3F5;--t-surface: rgba(0,0,0,.05);--t-surface-hover: rgba(0,0,0,.08);--t-text: #111111;--t-text-secondary: rgba(0,0,0,.45);--t-text-tertiary: rgba(0,0,0,.3);--t-text-muted: rgba(0,0,0,.5);--t-border: rgba(0,0,0,.12);--t-border-focus: rgba(0,0,0,.3);--t-pill-bg: rgba(0,0,0,.06);--t-pill-hover: rgba(0,0,0,.1);--t-badge-bg: rgba(0,0,0,.08);--t-divider: rgba(0,0,0,.1);--t-close-bg: rgba(0,0,0,.06);--t-close-hover: rgba(0,0,0,.12);--t-icon-stroke: rgba(0,0,0,.35);--t-icon-close: rgba(0,0,0,.5);--t-accent: #0077FF;--t-cta-bg: var(--t-accent);--t-cta-text: #ffffff;--t-cta-hover: #222222;--t-cta-active: #333333;--t-modal-bg: #F2F3F5;--t-chain-border: #F2F3F5;--t-skeleton-from: rgba(0,0,0,.04);--t-skeleton-mid: rgba(0,0,0,.08);--t-scrollbar: rgba(0,0,0,.12);--t-card-icon-bg: rgba(0,0,0,.06);--t-card-icon-stroke: rgba(0,0,0,.5);--t-success: #10b981;--t-error: #EF4444}.custom-scroll::-webkit-scrollbar{width:4px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background:var(--t-scrollbar);border-radius:2px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--t-skeleton-from) 25%,var(--t-skeleton-mid) 50%,var(--t-skeleton-from) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tab-fade-in{animation:fadeIn .3s ease-out both}.digit-slot{display:inline-block;overflow:hidden;vertical-align:top}.digit-slot-inner{transition:transform .35s cubic-bezier(.33,1,.68,1)}@keyframes nramp-spin{to{transform:rotate(360deg)}}.nramp-spinner{width:40px;height:40px;border:3px solid var(--t-border);border-top-color:var(--t-accent);border-radius:50%;animation:nramp-spin .8s linear infinite;margin:0 auto}.nramp-spinner-large{width:60px;height:60px;border-width:4px}.nramp-spinner-inline{width:16px;height:16px;border-width:2px;display:inline-block}.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}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-0{left:0}.right-3{right:.75rem}.top-0{top:0}.top-1\\/2{top:50%}.top-\\[3px\\]{top:3px}.z-20{z-index:20}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mb-1\\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-2\\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mr-0\\.5{margin-right:.125rem}.mr-3{margin-right:.75rem}.mt-0\\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\\[2px\\]{margin-top:2px}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-\\[640px\\]{height:640px}.h-full{height:100%}.min-h-\\[640px\\]{min-height:640px}.w-0{width:0px}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-\\[390px\\]{max-width:390px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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(.4,0,.6,1) infinite}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.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-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-3\\.5{gap:.875rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-white\\/20{border-color:#fff3}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-12{padding:3rem}.p-8{padding:2rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\\[18px\\]{padding-left:18px;padding-right:18px}.px-\\[2px\\]{padding-left:2px;padding-right:2px}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-1{padding-bottom:.25rem}.pb-2\\.5{padding-bottom:.625rem}.pb-5{padding-bottom:1.25rem}.pb-\\[14px\\]{padding-bottom:14px}.pb-\\[18px\\]{padding-bottom:18px}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-\\[12px\\]{padding-top:12px}.pt-\\[14px\\]{padding-top:14px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[48px\\]{font-size:48px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.lowercase{text-transform:lowercase}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(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)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover-item{transition:background-color .15s ease}.hover-item:hover{background-color:var(--t-hover-bg, rgba(255, 255, 255, .05))}.hover\\:opacity-70:hover{opacity:.7}
 }`;
   document.head.appendChild(s);
 })();
-import { jsx as e, jsxs as o, Fragment as J } from "react/jsx-runtime";
-import ke, { useState as b, useRef as K, useCallback as $, useEffect as U, useMemo as F, useReducer as It, useContext as Mt, createContext as Bt } from "react";
-import { RampApi as Me } from "@nowramp/sdk";
-import { createPortal as st } from "react-dom";
-function Ot(t, n) {
-  const [a, r] = b(null), [l, m] = b(!0), [d, u] = b(null), s = K(null);
-  (!s.current || s.current !== t) && (s.current = new Me({ apiKey: "", ...t }));
-  const i = $(async () => {
+import { jsx as e, jsxs as o, Fragment as te } from "react/jsx-runtime";
+import De, { useState as v, useRef as X, useCallback as O, useEffect as _, useMemo as j, useReducer as $t, useContext as Wt, createContext as jt } from "react";
+import { RampApi as Ke } from "@nowramp/sdk";
+import { createPortal as yt } from "react-dom";
+function Vt(t, n) {
+  const [a, r] = v(null), [l, u] = v(!0), [m, s] = v(null), i = X(null);
+  (!i.current || i.current !== t) && (i.current = new Ke({ apiKey: "", ...t }));
+  const h = O(async () => {
     if (!t.projectId) {
-      u(new Error("projectId is required")), m(!1);
+      s(new Error("projectId is required")), u(!1);
       return;
     }
-    m(!0), u(null);
+    u(!0), s(null);
     try {
-      const h = await s.current.getSupported(n);
-      r(h);
-    } catch (h) {
-      u(h instanceof Error ? h : new Error("Failed to fetch config"));
+      const p = await i.current.getSupported(n);
+      r(p);
+    } catch (p) {
+      s(p instanceof Error ? p : new Error("Failed to fetch config"));
     } finally {
-      m(!1);
+      u(!1);
     }
   }, [t.projectId, n]);
-  return U(() => {
-    i();
-  }, [i]), { config: a, loading: l, error: d, refetch: i };
-}
-function Pt(t, n) {
-  const [a, r] = b(null), [l, m] = b(!1), [d, u] = b(null), s = K(null), i = K(""), h = `${t.apiUrl}|${t.projectId}`;
-  (!s.current || i.current !== h) && (s.current = new Me({ apiKey: "", ...t }), i.current = h);
-  const f = K(0);
-  U(() => {
-    const x = ++f.current;
+  return _(() => {
+    h();
+  }, [h]), { config: a, loading: l, error: m, refetch: h };
+}
+function Gt(t, n) {
+  const [a, r] = v(null), [l, u] = v(!1), [m, s] = v(null), i = X(null), h = X(""), p = `${t.apiUrl}|${t.projectId}`;
+  (!i.current || h.current !== p) && (i.current = new Ke({ apiKey: "", ...t }), h.current = p);
+  const d = X(0);
+  _(() => {
+    const y = ++d.current;
     if (!n || !t.projectId) {
-      r(null), m(!1);
+      r(null), u(!1);
       return;
     }
-    m(!0), u(null), s.current.getQuotes(n).then(
-      (p) => {
-        f.current === x && (r(p), m(!1));
+    u(!0), s(null), i.current.getQuotes(n).then(
+      (w) => {
+        d.current === y && (r(w), u(!1));
       },
-      (p) => {
-        f.current === x && (u(p instanceof Error ? p : new Error("Failed to fetch quotes")), r(null), m(!1));
+      (w) => {
+        d.current === y && (s(w instanceof Error ? w : new Error("Failed to fetch quotes")), r(null), u(!1));
       }
     );
   }, [t.projectId, n == null ? void 0 : n.fiatCurrency, n == null ? void 0 : n.fiatAmount, n == null ? void 0 : n.cryptoAmount, n == null ? void 0 : n.cryptoCurrency, n == null ? void 0 : n.network, n == null ? void 0 : n.paymentMethodId, n == null ? void 0 : n.country, n == null ? void 0 : n.orderType]);
-  const v = $(async () => {
+  const f = O(async () => {
     if (!(!n || !t.projectId)) {
-      m(!0), u(null);
+      u(!0), s(null);
       try {
-        const x = await s.current.getQuotes(n);
-        r(x);
-      } catch (x) {
-        u(x instanceof Error ? x : new Error("Failed to fetch quotes"));
+        const y = await i.current.getQuotes(n);
+        r(y);
+      } catch (y) {
+        s(y instanceof Error ? y : new Error("Failed to fetch quotes"));
       } finally {
-        m(!1);
+        u(!1);
       }
     }
   }, [t.projectId, n]);
-  return { quotes: a, loading: l, error: d, refetch: v };
+  return { quotes: a, loading: l, error: m, refetch: f };
 }
-function Ht(t) {
-  const [n, a] = b(null), [r, l] = b(!1), [m, d] = b(null), u = K(null), s = K(""), i = `${t.apiUrl}|${t.projectId}`;
-  (!u.current || s.current !== i) && (u.current = new Me({ apiKey: "", ...t }), s.current = i);
-  const h = $(async (v) => {
-    l(!0), d(null);
+function Yt(t) {
+  const [n, a] = v(null), [r, l] = v(!1), [u, m] = v(null), s = X(null), i = X(""), h = `${t.apiUrl}|${t.projectId}`;
+  (!s.current || i.current !== h) && (s.current = new Ke({ apiKey: "", ...t }), i.current = h);
+  const p = O(async (f) => {
+    l(!0), m(null);
     try {
-      const x = await u.current.createCheckoutIntent(v);
-      return a(x), x;
-    } catch (x) {
-      const p = x instanceof Error ? x : new Error("Failed to create checkout intent");
-      throw d(p), p;
+      const y = await s.current.createCheckoutIntent(f);
+      return a(y), y;
+    } catch (y) {
+      const w = y instanceof Error ? y : new Error("Failed to create checkout intent");
+      throw m(w), w;
     } finally {
       l(!1);
     }
-  }, []), f = $(() => {
-    a(null), d(null);
+  }, []), d = O(() => {
+    a(null), m(null);
   }, []);
-  return { order: n, loading: r, error: m, createOrder: h, reset: f };
+  return { order: n, loading: r, error: u, createOrder: p, reset: d };
 }
-function Dt(t, n, a) {
-  const [r, l] = b(null), [m, d] = b(!1), [u, s] = b(null), i = K(null);
-  i.current || (i.current = new Me({ apiKey: "", projectId: "", ...t }));
-  const h = $(async () => {
+function Qt(t, n, a) {
+  const [r, l] = v(null), [u, m] = v(!1), [s, i] = v(null), h = X(null);
+  h.current || (h.current = new Ke({ apiKey: "", projectId: "", ...t }));
+  const p = O(async () => {
     if (n) {
-      d(!0), s(null);
+      m(!0), i(null);
       try {
-        const f = await i.current.getTransaction(n);
-        l(f);
-      } catch (f) {
-        s(f instanceof Error ? f : new Error("Failed to fetch status"));
+        const d = await h.current.getTransaction(n);
+        l(d);
+      } catch (d) {
+        i(d instanceof Error ? d : new Error("Failed to fetch status"));
       } finally {
-        d(!1);
+        m(!1);
       }
     }
   }, [n]);
-  return U(() => {
+  return _(() => {
     if (!n) return;
-    const f = (a == null ? void 0 : a.initialDelay) ?? 0;
-    if (f > 0) {
-      const v = setTimeout(h, f);
-      return () => clearTimeout(v);
+    const d = (a == null ? void 0 : a.initialDelay) ?? 0;
+    if (d > 0) {
+      const f = setTimeout(p, d);
+      return () => clearTimeout(f);
     }
-    h();
-  }, [h, n, a == null ? void 0 : a.initialDelay]), U(() => {
+    p();
+  }, [p, n, a == null ? void 0 : a.initialDelay]), _(() => {
     if (!n || !(a != null && a.pollInterval) || !r || ["completed", "failed", "cancelled", "expired", "refunded"].includes(r.status))
       return;
-    const v = setInterval(h, a.pollInterval);
-    return () => clearInterval(v);
-  }, [n, a == null ? void 0 : a.pollInterval, r == null ? void 0 : r.status, h]), { status: r, loading: m, error: u, refetch: h };
+    const f = setInterval(p, a.pollInterval);
+    return () => clearInterval(f);
+  }, [n, a == null ? void 0 : a.pollInterval, r == null ? void 0 : r.status, p]), { status: r, loading: u, error: s, refetch: p };
 }
-function ct(t, n) {
+function xt(t, n) {
   if (!t) return t;
   const a = t.indexOf(".");
   if (a === -1) return t;
   let r = t;
   return r.length - a - 1 > n && (r = r.slice(0, a + n + 1)), r = r.replace(/0+$/, "").replace(/\.$/, ""), r;
 }
-const yt = {
+const St = {
   step: "amount",
   flowType: "buy",
   fiatCurrency: "USD",
@@ -143,7 +143,7 @@ const yt = {
   country: "",
   errorMessage: null
 };
-function Ut(t, n) {
+function Zt(t, n) {
   switch (n.type) {
     case "SET_STEP":
       return { ...t, step: n.step, errorMessage: null };
@@ -193,154 +193,158 @@ function Ut(t, n) {
     case "CLEAR_ERROR":
       return { ...t, errorMessage: null };
     case "RESET":
-      return yt;
+      return St;
     default:
       return t;
   }
 }
-const xt = Bt(null);
-function Kt({
+const Rt = jt(null);
+function zt({
   projectId: t,
   apiUrl: n = "https://api.nowramp.com",
   assetBaseUrl: a = "",
   flowType: r = "buy",
   customerId: l = "",
+  brandId: u,
   defaultFiatCurrency: m = "USD",
-  defaultCryptoCurrency: d = "BTC",
-  defaultNetwork: u = "",
-  defaultFiatAmount: s = "",
-  defaultCryptoAmount: i = "",
-  defaultWalletAddress: h = "",
+  defaultCryptoCurrency: s = "BTC",
+  defaultNetwork: i = "",
+  defaultFiatAmount: h = "",
+  defaultCryptoAmount: p = "",
+  defaultWalletAddress: d = "",
   defaultGateway: f,
-  fieldLocks: v,
-  statusPollInterval: x = 5e3,
-  onComplete: p,
-  onError: C,
-  children: R
+  fieldLocks: y,
+  statusPollInterval: w = 5e3,
+  onComplete: b,
+  onError: T,
+  children: Q
 }) {
-  const P = F(() => ({ apiUrl: n, projectId: t }), [n, t]), w = u || (d ? d.toLowerCase() : ""), W = r === "sell", Q = W ? !!i : !!s, q = (W ? !!(Q && d && w) : !!(Q && d && w && h)) && f ? "confirm" : "amount", [c, O] = It(Ut, {
-    ...yt,
-    step: q,
+  const Z = j(() => ({ apiUrl: n, projectId: t }), [n, t]), q = i || (s ? s.toLowerCase() : ""), ee = r === "sell", se = ee ? !!p : !!h, L = (ee ? !!(se && s && q) : !!(se && s && q && d)) && f ? "confirm" : "amount", S = h || (r === "buy" ? "250" : ""), [c, C] = $t(Zt, {
+    ...St,
+    step: L,
     flowType: r,
     fiatCurrency: m,
-    cryptoCurrency: d,
-    network: w,
-    fiatAmount: ct(s, 2),
-    cryptoAmount: ct(i, 6),
-    walletAddress: h,
+    cryptoCurrency: s,
+    network: q,
+    fiatAmount: xt(S, 2),
+    cryptoAmount: xt(p, 6),
+    walletAddress: d,
     customerId: l
-  }), N = c.flowType === "sell", {
+  }), P = c.flowType === "sell", {
     config: I,
-    loading: _,
-    error: V
-  } = Ot(P, c.flowType);
-  ke.useEffect(() => {
-    var L, k, S;
+    loading: Se,
+    error: ie
+  } = Vt(Z, c.flowType);
+  De.useEffect(() => {
+    var U, K, M;
     if (!I || !c.cryptoCurrency || c.network) return;
-    const g = (L = I.cryptos) == null ? void 0 : L.find((H) => H.code === c.cryptoCurrency), A = ((k = g == null ? void 0 : g.networks) == null ? void 0 : k.find((H) => H.isDefault)) || ((S = g == null ? void 0 : g.networks) == null ? void 0 : S[0]);
-    A != null && A.id && O({ type: "SET_NETWORK", network: A.id });
-  }, [I, c.cryptoCurrency, c.network]), ke.useEffect(() => {
-    var S, H;
-    if (!((S = I == null ? void 0 : I.paymentMethods) != null && S.length)) return;
-    const g = c.fiatCurrency, A = I.paymentMethods;
+    const N = (U = I.cryptos) == null ? void 0 : U.find((F) => F.code === c.cryptoCurrency), A = ((K = N == null ? void 0 : N.networks) == null ? void 0 : K.find((F) => F.isDefault)) || ((M = N == null ? void 0 : N.networks) == null ? void 0 : M[0]);
+    A != null && A.id && C({ type: "SET_NETWORK", network: A.id });
+  }, [I, c.cryptoCurrency, c.network]), De.useEffect(() => {
+    var M, F;
+    if (!((M = I == null ? void 0 : I.paymentMethods) != null && M.length)) return;
+    const N = c.fiatCurrency, A = I.paymentMethods;
     if (c.paymentMethodId && A.some(
-      (Z) => Z.id === c.paymentMethodId && Z.supportedFiats.includes(g)
+      (D) => D.id === c.paymentMethodId && D.supportedFiats.includes(N)
     ))
       return;
-    const k = A.find(
-      (D) => D.supportedFiats.includes(g) && (D.id.includes("card") || D.id.includes("debit"))
-    ) || A.find((D) => D.supportedFiats.includes(g));
-    O({ type: "SET_PAYMENT_METHOD", methodId: (k == null ? void 0 : k.id) || ((H = A[0]) == null ? void 0 : H.id) || "" });
+    const K = A.find(
+      (W) => W.supportedFiats.includes(N) && (W.id.includes("card") || W.id.includes("debit"))
+    ) || A.find((W) => W.supportedFiats.includes(N));
+    C({ type: "SET_PAYMENT_METHOD", methodId: (K == null ? void 0 : K.id) || ((F = A[0]) == null ? void 0 : F.id) || "" });
   }, [I, c.fiatCurrency, c.paymentMethodId]);
-  const G = F(() => {
-    if (N) {
+  const $ = j(() => {
+    if (P) {
       if (!c.cryptoAmount) return null;
-      const S = parseFloat(c.cryptoAmount);
-      return isNaN(S) || S <= 0 ? "Enter a valid amount" : null;
+      const M = parseFloat(c.cryptoAmount);
+      return isNaN(M) || M <= 0 ? "Enter a valid amount" : null;
     }
     if (!I || !c.fiatAmount) return null;
-    const g = parseFloat(c.fiatAmount);
-    if (isNaN(g)) return null;
-    const A = I.fiats.find((S) => S.code === c.fiatCurrency);
+    const N = parseFloat(c.fiatAmount);
+    if (isNaN(N)) return null;
+    const A = I.fiats.find((M) => M.code === c.fiatCurrency);
     if (!A) return null;
-    const L = parseFloat(A.minAmount), k = parseFloat(A.maxAmount);
-    return !isNaN(L) && g < L ? `Minimum amount is ${A.minAmount} ${c.fiatCurrency}` : !isNaN(k) && g > k ? `Maximum amount is ${A.maxAmount} ${c.fiatCurrency}` : null;
-  }, [I, c.fiatAmount, c.fiatCurrency, c.cryptoAmount, N]), Ce = F(() => {
-    const g = N ? !!c.cryptoAmount : !!c.fiatAmount;
-    return !I || !g || !c.cryptoCurrency || !c.network || G ? null : {
+    const U = parseFloat(A.minAmount), K = parseFloat(A.maxAmount);
+    return !isNaN(U) && N < U ? `Minimum amount is ${A.minAmount} ${c.fiatCurrency}` : !isNaN(K) && N > K ? `Maximum amount is ${A.maxAmount} ${c.fiatCurrency}` : null;
+  }, [I, c.fiatAmount, c.fiatCurrency, c.cryptoAmount, P]), ue = j(() => {
+    const N = P ? !!c.cryptoAmount : !!c.fiatAmount;
+    return !I || !N || !c.cryptoCurrency || !c.network || $ ? null : {
       fiatCurrency: c.fiatCurrency,
-      ...N ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
+      ...P ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
       cryptoCurrency: c.cryptoCurrency,
       network: c.network,
       paymentMethodId: c.paymentMethodId || void 0,
       country: c.country || void 0,
       orderType: c.flowType
     };
-  }, [I, c.fiatCurrency, c.fiatAmount, c.cryptoAmount, c.cryptoCurrency, c.network, c.paymentMethodId, c.country, G, N, c.flowType]), {
-    quotes: fe,
-    loading: ce,
-    error: X,
-    refetch: ye
-  } = Pt(P, Ce), {
+  }, [I, c.fiatCurrency, c.fiatAmount, c.cryptoAmount, c.cryptoCurrency, c.network, c.paymentMethodId, c.country, $, P, c.flowType]), {
+    quotes: k,
+    loading: xe,
+    error: V,
+    refetch: ne
+  } = Gt(Z, ue), {
     order: ae,
-    loading: Ne,
-    error: ie,
-    createOrder: de
-  } = Ht(P), be = 15e3, {
+    loading: ge,
+    error: Re,
+    createOrder: me
+  } = Yt(Z), G = 15e3, {
     status: Y,
-    loading: re
-  } = Dt(
+    loading: Me
+  } = Qt(
     { apiUrl: n },
     (ae == null ? void 0 : ae.orderId) ?? null,
-    { pollInterval: x, initialDelay: be }
+    { pollInterval: w, initialDelay: G }
   );
-  ke.useEffect(() => {
-    (Y == null ? void 0 : Y.status) === "completed" && p && p(Y);
-  }, [Y == null ? void 0 : Y.status, p]), ke.useEffect(() => {
-    const g = V || ie;
-    g && C && C(g);
-  }, [V, ie, C]);
-  const oe = f || (I == null ? void 0 : I.defaultGateway) || null, Ee = K(oe);
-  Ee.current = oe;
-  const Ae = K(fe);
-  Ae.current = fe;
-  const we = $(async () => {
-    var A, L, k;
-    const g = ((A = c.selectedQuote) == null ? void 0 : A.gatewayId) || ((k = (L = Ae.current) == null ? void 0 : L.bestQuote) == null ? void 0 : k.gatewayId) || Ee.current;
-    if (!g || !c.walletAddress) {
-      const S = [!g && "gateway", !c.walletAddress && "walletAddress"].filter(Boolean).join(", ");
-      O({ type: "SET_ERROR", message: `Missing required fields: ${S}` });
+  De.useEffect(() => {
+    (Y == null ? void 0 : Y.status) === "completed" && b && b(Y);
+  }, [Y == null ? void 0 : Y.status, b]), De.useEffect(() => {
+    const N = ie || Re;
+    N && T && T(N);
+  }, [ie, Re, T]);
+  const ve = f || (I == null ? void 0 : I.defaultGateway) || null, Te = X(ve);
+  Te.current = ve;
+  const Ne = X(k);
+  Ne.current = k;
+  const be = X(u);
+  be.current = u;
+  const _e = O(async () => {
+    var A, U, K;
+    const N = ((A = c.selectedQuote) == null ? void 0 : A.gatewayId) || ((K = (U = Ne.current) == null ? void 0 : U.bestQuote) == null ? void 0 : K.gatewayId) || Te.current;
+    if (!N || !c.walletAddress) {
+      const M = [!N && "gateway", !c.walletAddress && "walletAddress"].filter(Boolean).join(", ");
+      C({ type: "SET_ERROR", message: `Missing required fields: ${M}` });
       return;
     }
     try {
-      await de({
-        gateway: g,
+      await me({
+        gateway: N,
         customerId: c.customerId || void 0,
         fiatCurrency: c.fiatCurrency,
-        ...N ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
+        ...P ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
         cryptoCurrency: c.cryptoCurrency,
         network: c.network,
         walletAddress: c.walletAddress,
         paymentMethodId: c.paymentMethodId || void 0,
         email: c.email || void 0,
-        orderType: c.flowType
-      }), O({ type: "SET_STEP", step: "checkout" });
-    } catch (S) {
-      const H = S instanceof Error ? S.message : "Failed to create order";
-      /wallet|address/i.test(H) ? O({ type: "SET_WALLET_ERROR", message: H.replace(/^Failed to create checkout intent:\s*/i, "") }) : O({ type: "SET_ERROR", message: H });
+        orderType: c.flowType,
+        ...be.current ? { metadata: { brand: be.current } } : {}
+      }), C({ type: "SET_STEP", step: "checkout" });
+    } catch (M) {
+      const F = M instanceof Error ? M.message : "Failed to create order";
+      /wallet|address/i.test(F) ? C({ type: "SET_WALLET_ERROR", message: F.replace(/^Failed to create checkout intent:\s*/i, "") }) : C({ type: "SET_ERROR", message: F });
     }
-  }, [c, de, N]), ee = $((g) => {
-    O({ type: "SET_STEP", step: g });
-  }, []), ue = $(() => {
-    const g = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], A = g.indexOf(c.step);
-    A > 0 && O({ type: "SET_STEP", step: g[A - 1] });
-  }, [c.step, N]), Oe = F(() => {
-    const g = N ? !!c.cryptoAmount : !!c.fiatAmount;
+  }, [c, me, P]), pe = O((N) => {
+    C({ type: "SET_STEP", step: N });
+  }, []), ke = O(() => {
+    const N = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], A = N.indexOf(c.step);
+    A > 0 && C({ type: "SET_STEP", step: N[A - 1] });
+  }, [c.step, P]), Xe = j(() => {
+    const N = P ? !!c.cryptoAmount : !!c.fiatAmount;
     switch (c.step) {
       case "confirm":
-        return !!(g && c.cryptoCurrency && c.network && c.walletAddress && !G);
+        return !!(N && c.cryptoCurrency && c.network && c.walletAddress && !$);
       case "amount":
-        return !!(g && c.cryptoCurrency && c.network && !G);
+        return !!(N && c.cryptoCurrency && c.network && !$);
       case "quotes":
         return !!c.selectedQuote;
       case "wallet":
@@ -348,40 +352,40 @@ function Kt({
       default:
         return !1;
     }
-  }, [c, G, N]), xe = {
-    apiConfig: P,
+  }, [c, $, P]), $e = {
+    apiConfig: Z,
     assetBaseUrl: a,
     config: I,
-    configLoading: _,
-    configError: V,
+    configLoading: Se,
+    configError: ie,
     state: c,
-    dispatch: O,
-    quotes: fe,
-    quotesLoading: ce,
-    quotesError: X,
-    fetchQuotes: ye,
+    dispatch: C,
+    quotes: k,
+    quotesLoading: xe,
+    quotesError: V,
+    fetchQuotes: ne,
     order: ae,
-    orderLoading: Ne,
-    orderError: ie,
-    createOrder: we,
+    orderLoading: ge,
+    orderError: Re,
+    createOrder: _e,
     orderStatus: Y,
-    orderStatusLoading: re,
-    fieldLocks: v || null,
-    defaultGateway: oe,
-    amountError: G,
-    goToStep: ee,
-    goBack: ue,
-    canProceed: Oe
+    orderStatusLoading: Me,
+    fieldLocks: y || null,
+    defaultGateway: ve,
+    amountError: $,
+    goToStep: pe,
+    goBack: ke,
+    canProceed: Xe
   };
-  return /* @__PURE__ */ e(xt.Provider, { value: xe, children: R });
+  return /* @__PURE__ */ e(Rt.Provider, { value: $e, children: Q });
 }
-function he() {
-  const t = Mt(xt);
+function we() {
+  const t = Wt(Rt);
   if (!t)
     throw new Error("useRamp must be used within a RampProvider");
   return t;
 }
-const Fe = {
+const Ze = {
   ETH: { name: "Ethereum (ERC20)", shortName: "Ethereum", icon: "eth" },
   BSC: { name: "Binance Smart Chain (BEP20)", shortName: "Binance", icon: "bnb" },
   BTC: { name: "Bitcoin", icon: "btc" },
@@ -515,7 +519,7 @@ const Fe = {
   OKC: { name: "OKX Chain", icon: "eth" },
   UNI_CHAIN: { name: "UNI", icon: "uni" },
   ZEC: { name: "ZCash", icon: "zec" }
-}, Ft = [
+}, Tt = [
   // --- Popular / Top coins ---
   { code: "BTC", name: "Bitcoin", chains: ["BTC", "LN"], popular: !0 },
   { code: "ETH", name: "Ethereum", chains: ["ETH", "ARB", "BASE", "BSC", "OPTIMISM", "LINEA", "ZKSYNC", "LRC", "STARK", "APE", "ECLIPSE", "FUEL", "INK", "SOPHON", "UNICHAIN", "WLD"], popular: !0 },
@@ -708,7 +712,9 @@ const Fe = {
   { code: "ZCHF", name: "Frankencoin", chains: ["ETH"], popular: !1 },
   { code: "ZETA", name: "Zeta", chains: ["ETH", "ZETACHAIN"], popular: !1 },
   { code: "ZTG", name: "Zeitgeist", chains: ["ZTG"], popular: !1 }
-], _t = {
+], Jt = Object.fromEntries(
+  Tt.map((t) => [t.code, t.name])
+), qt = {
   AED: "ae",
   ALL: "al",
   ARS: "ar",
@@ -743,21 +749,21 @@ const Fe = {
   VND: "vn",
   ZAR: "za"
 };
-function gt(t, n = "") {
+function kt(t, n = "") {
   return `${n}/crypto-icons/${t.toLowerCase()}.svg`;
 }
-function Xt(t, n = "") {
-  const a = _t[t] || "us";
+function en(t, n = "") {
+  const a = qt[t] || "us";
   return `${n}/flags/${a}.svg`;
 }
-function Ie(t) {
-  return Fe[t] || Fe[t.toUpperCase()] || Fe[t.toUpperCase().replace(/-/g, "_")];
+function Ue(t) {
+  return Ze[t] || Ze[t.toUpperCase()] || Ze[t.toUpperCase().replace(/-/g, "_")];
 }
-function Xe(t, n = "") {
-  const a = Ie(t);
+function ze(t, n = "") {
+  const a = Ue(t);
   return a ? `${n}/crypto-icons/${a.icon}.svg` : `${n}/crypto-icons/${t.toLowerCase()}.svg`;
 }
-const it = [
+const gt = [
   { code: "ALL", name: "Albania Lek" },
   { code: "ARS", name: "Argentina Peso" },
   { code: "AUD", name: "Australian Dollar" },
@@ -770,14 +776,14 @@ const it = [
   { code: "CHF", name: "Swiss Franc" },
   { code: "MXN", name: "Mexican Peso" },
   { code: "INR", name: "Indian Rupee" }
-], dt = [
+], vt = [
   { id: "blue", name: "Blue", accent: "#0077FF" },
   { id: "violet", name: "Violet", accent: "#7C3AED" },
   { id: "green", name: "Green", accent: "#10B981" },
   { id: "orange", name: "Orange", accent: "#F59E0B" },
   { id: "rose", name: "Rose", accent: "#F43F5E" },
   { id: "mono", name: "Mono", accent: null }
-], ut = {
+], Nt = {
   USDC: { USD: 0.9962, EUR: 1.0814, GBP: 1.2573, JPY: 667e-5, CAD: 0.7198, AUD: 0.6384, BRL: 0.1726, CHF: 1.1306, MXN: 0.0487, INR: 0.01187, ARS: 855e-6, ALL: 0.01058 },
   USDT: { USD: 0.9958, EUR: 1.081, GBP: 1.2568, JPY: 666e-5, CAD: 0.7194, AUD: 0.638, BRL: 0.1724, CHF: 1.1301, MXN: 0.0486, INR: 0.01186, ARS: 854e-6, ALL: 0.01057 },
   BTC: { USD: 104e-7, EUR: 1129e-8, GBP: 1313e-8, JPY: 696e-10, CAD: 751e-8, AUD: 666e-8, BRL: 18e-7, CHF: 118e-7, MXN: 508e-9, INR: 124e-9, ARS: 892e-11, ALL: 11e-8 },
@@ -787,14 +793,14 @@ const it = [
   DOGE: { USD: 3.896, EUR: 4.232, GBP: 4.92, JPY: 0.02607, CAD: 2.815, AUD: 2.496, BRL: 0.675, CHF: 4.421, MXN: 0.1902, INR: 0.04641, ARS: 3345e-6, ALL: 0.04134 },
   ADA: { USD: 1.333, EUR: 1.448, GBP: 1.683, JPY: 892e-5, CAD: 0.963, AUD: 0.854, BRL: 0.2309, CHF: 1.512, MXN: 0.0651, INR: 0.01588, ARS: 1145e-6, ALL: 0.01414 }
 };
-function Ln(t, n) {
+function Xn(t, n) {
   var a, r;
-  return ((a = ut[t]) == null ? void 0 : a[n]) ?? ((r = ut.USDC) == null ? void 0 : r[n]) ?? 1;
+  return ((a = Nt[t]) == null ? void 0 : a[n]) ?? ((r = Nt.USDC) == null ? void 0 : r[n]) ?? 1;
 }
-function $t(t) {
+function tn(t) {
   return parseFloat(t.replace(/,/g, "")) || 0;
 }
-function In(t) {
+function $n(t) {
   if (t === 0) return "0";
   if (t >= 1e3) return t.toLocaleString("en-US", { maximumFractionDigits: 2 });
   if (t >= 1) return t.toFixed(2);
@@ -802,46 +808,91 @@ function In(t) {
   const n = t.toPrecision(4);
   return parseFloat(n).toString();
 }
-const _e = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), mt = 10, pt = 1e-4, Vt = (() => {
+const le = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), bt = 10, Ct = 1e-4, nn = (() => {
   const t = [];
-  for (const n of Ft)
+  for (const n of Tt)
     for (const a of n.chains)
       t.push({ code: n.code, name: n.name, chain: a, popular: n.popular });
   return t;
 })();
-function ht({ ticker: t, size: n = 32, baseUrl: a = "" }) {
+function Lt({
+  src: t,
+  alt: n,
+  size: a,
+  className: r = "",
+  background: l
+}) {
+  const [u, m] = v(!1), [s, i] = v(!1), h = O(() => m(!0), []), p = O(() => i(!0), []);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: `relative rounded-full shrink-0 ${r}`,
+      style: { width: a, height: a, background: l },
+      children: [
+        !u && !s && /* @__PURE__ */ e(
+          "div",
+          {
+            className: "absolute inset-0 rounded-full animate-pulse",
+            style: { background: "var(--t-pill-bg, #333)" }
+          }
+        ),
+        s ? /* @__PURE__ */ e(
+          "div",
+          {
+            className: "absolute inset-0 rounded-full flex items-center justify-center font-bold",
+            style: {
+              background: "var(--t-pill-bg, #333)",
+              color: "var(--t-text-muted)",
+              fontSize: Math.max(8, a * 0.35)
+            },
+            children: n.slice(0, 3)
+          }
+        ) : /* @__PURE__ */ e(
+          "img",
+          {
+            src: t,
+            alt: n,
+            width: a,
+            height: a,
+            loading: "lazy",
+            onLoad: h,
+            onError: p,
+            className: `rounded-full ${u ? "opacity-100" : "opacity-0"}`,
+            style: { width: a, height: a, transition: "opacity 0.15s ease-in" }
+          }
+        )
+      ]
+    }
+  );
+}
+function Et({ ticker: t, size: n = 32, baseUrl: a = "" }) {
   return /* @__PURE__ */ e(
-    "img",
+    Lt,
     {
-      src: gt(t, a),
+      src: kt(t, a),
       alt: t,
-      width: n,
-      height: n,
-      className: "rounded-full shrink-0",
-      style: { width: n, height: n }
+      size: n,
+      background: "#ffffff"
     }
   );
 }
-function $e({ currencyCode: t, size: n = 16, baseUrl: a = "" }) {
+function Je({ currencyCode: t, size: n = 16, baseUrl: a = "" }) {
   return /* @__PURE__ */ e(
-    "img",
+    Lt,
     {
-      src: Xt(t, a),
+      src: en(t, a),
       alt: t,
-      width: n,
-      height: n,
-      className: "rounded-full shrink-0",
-      style: { width: n, height: n }
+      size: n
     }
   );
 }
-function Ve({ size: t = 32, color: n = "#888" }) {
+function qe({ size: t = 32, color: n = "#888" }) {
   return /* @__PURE__ */ o("svg", { width: t, height: t, viewBox: "0 0 32 32", fill: "none", children: [
     /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "16", fill: n }),
     /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "8", stroke: "white", strokeWidth: "1.5", fill: "none" })
   ] });
 }
-function Gt({ size: t = 24 }) {
+function an({ size: t = 24 }) {
   return /* @__PURE__ */ o("svg", { width: t, height: t, viewBox: "0 0 32 32", fill: "none", children: [
     /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "16", fill: "#0077FF" }),
     /* @__PURE__ */ e("path", { d: "M8 15l8-6 8 6H8z", fill: "white" }),
@@ -851,7 +902,7 @@ function Gt({ size: t = 24 }) {
     /* @__PURE__ */ e("rect", { x: "8", y: "22", width: "16", height: "2", rx: "0.5", fill: "white" })
   ] });
 }
-function Wt({ size: t = 32 }) {
+function rn({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -861,7 +912,7 @@ function Wt({ size: t = 32 }) {
     }
   );
 }
-function jt({ size: t = 32 }) {
+function on({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -871,7 +922,7 @@ function jt({ size: t = 32 }) {
     }
   );
 }
-function Yt({ size: t = 32 }) {
+function ln({ size: t = 32 }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -884,7 +935,7 @@ function Yt({ size: t = 32 }) {
     }
   );
 }
-function Qt({ size: t = 32 }) {
+function sn({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -894,7 +945,7 @@ function Qt({ size: t = 32 }) {
     }
   );
 }
-function Zt({ size: t = 32 }) {
+function cn({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -907,7 +958,7 @@ function Zt({ size: t = 32 }) {
     }
   );
 }
-function Mn({ size: t = 18 }) {
+function Wn({ size: t = 18 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -917,13 +968,13 @@ function Mn({ size: t = 18 }) {
     }
   );
 }
-function ge() {
+function Le() {
   return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ e("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "var(--t-text-secondary)", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
-function zt() {
+function dn() {
   return /* @__PURE__ */ e("svg", { width: "8", height: "14", viewBox: "0 0 8 14", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1 1L7 7L1 13", stroke: "var(--t-icon-stroke)", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
-function Jt({ onClick: t }) {
+function un({ onClick: t }) {
   return /* @__PURE__ */ e("button", { onClick: t, className: "hover:opacity-70 transition-opacity", children: /* @__PURE__ */ e("svg", { width: "24", height: "16", viewBox: "0 0 24 16", fill: "none", children: /* @__PURE__ */ e(
     "path",
     {
@@ -932,7 +983,7 @@ function Jt({ onClick: t }) {
     }
   ) }) });
 }
-function qt({ size: t = 40 }) {
+function mn({ size: t = 40 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -945,32 +996,32 @@ function qt({ size: t = 40 }) {
     }
   );
 }
-function en(t, n = 32) {
+function pn(t, n = 32) {
   switch (t) {
     case "revolut":
-      return /* @__PURE__ */ e(Wt, { size: n });
+      return /* @__PURE__ */ e(rn, { size: n });
     case "applepay":
-      return /* @__PURE__ */ e(jt, { size: n });
+      return /* @__PURE__ */ e(on, { size: n });
     case "card":
-      return /* @__PURE__ */ e(Zt, { size: n });
+      return /* @__PURE__ */ e(cn, { size: n });
     case "googlepay":
-      return /* @__PURE__ */ e(Yt, { size: n });
+      return /* @__PURE__ */ e(ln, { size: n });
     case "paypal":
-      return /* @__PURE__ */ e(Qt, { size: n });
+      return /* @__PURE__ */ e(sn, { size: n });
     case "bank":
-      return /* @__PURE__ */ e(Gt, { size: n });
+      return /* @__PURE__ */ e(an, { size: n });
     default:
-      return /* @__PURE__ */ e(Ve, { size: n });
+      return /* @__PURE__ */ e(qe, { size: n });
   }
 }
-const tn = {
+const hn = {
   "debit-credit-card": "card",
   "bank-transfer": "bank",
   "apple-pay": "applepay",
   "google-pay": "googlepay",
   paypal: "paypal",
   revolut: "revolut"
-}, nn = {
+}, fn = {
   "debit-credit-card": "Card",
   "bank-transfer": "Bank Transfer",
   "ach-bank-transfer": "ACH",
@@ -980,23 +1031,23 @@ const tn = {
   paypal: "PayPal",
   revolut: "Revolut"
 };
-function vt(t, n) {
-  return nn[t] || n;
+function It(t, n) {
+  return fn[t] || n;
 }
-function Ct(t, n, a = 24) {
-  const r = tn[t];
-  return r ? en(r, a) : n ? /* @__PURE__ */ e("img", { src: n, alt: "", width: a, height: a, style: { borderRadius: "50%" } }) : /* @__PURE__ */ e(Ve, { size: a });
+function Mt(t, n, a = 24) {
+  const r = hn[t];
+  return r ? pn(r, a) : n ? /* @__PURE__ */ e("img", { src: n, alt: "", width: a, height: a, style: { borderRadius: "50%" } }) : /* @__PURE__ */ e(qe, { size: a });
 }
-function an({
+function yn({
   methods: t,
   selectedId: n,
   onOpenModal: a,
   fiatCurrency: r
 }) {
-  const l = F(
-    () => t.filter((d) => d.supportedFiats.includes(r)),
+  const l = j(
+    () => t.filter((m) => m.supportedFiats.includes(r)),
     [t, r]
-  ), m = l.find((d) => d.id === n) || l[0];
+  ), u = l.find((m) => m.id === n) || l[0];
   return l.length === 0 ? /* @__PURE__ */ e(
     "div",
     {
@@ -1011,14 +1062,14 @@ function an({
         r
       ] })
     }
-  ) : /* @__PURE__ */ e(J, { children: /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ e(te, { children: /* @__PURE__ */ o(
     "div",
     {
       role: "button",
       tabIndex: 0,
       onClick: a,
-      onKeyDown: (d) => {
-        (d.key === "Enter" || d.key === " ") && a();
+      onKeyDown: (m) => {
+        (m.key === "Enter" || m.key === " ") && a();
       },
       className: "flex items-center justify-between w-full px-[18px] transition-colors",
       style: {
@@ -1031,36 +1082,36 @@ function an({
       children: [
         /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Payment method" }),
         /* @__PURE__ */ o("span", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e("span", { className: "flex items-center justify-center", style: { width: 20, height: 20 }, children: m && Ct(m.id, m.icon, 20) }),
-          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: m ? vt(m.id, m.name) : "Select" }),
-          /* @__PURE__ */ e(ge, {})
+          /* @__PURE__ */ e("span", { className: "flex items-center justify-center", style: { width: 20, height: 20 }, children: u && Mt(u.id, u.icon, 20) }),
+          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: u ? It(u.id, u.name) : "Select" }),
+          /* @__PURE__ */ e(Le, {})
         ] })
       ]
     }
   ) });
 }
-function rn({
+function xn({
   className: t = "",
   autoRedirect: n = !1,
   redirectDelay: a = 3e3
 }) {
-  var v;
-  const { order: r, orderStatus: l, goToStep: m, goBack: d } = he(), [u, s] = b(!1), [i, h] = b(null), f = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
-  if (U(() => {
-    if ((r == null ? void 0 : r.checkout.method) === "redirect" && n && !f) {
-      h(Math.ceil(a / 1e3));
-      const x = setTimeout(() => {
+  var f;
+  const { order: r, orderStatus: l, goToStep: u, goBack: m } = we(), [s, i] = v(!1), [h, p] = v(null), d = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
+  if (_(() => {
+    if ((r == null ? void 0 : r.checkout.method) === "redirect" && n && !d) {
+      p(Math.ceil(a / 1e3));
+      const y = setTimeout(() => {
         window.location.href = r.checkout.url;
-      }, a), p = setInterval(() => {
-        h((C) => C && C > 1 ? C - 1 : null);
+      }, a), w = setInterval(() => {
+        p((b) => b && b > 1 ? b - 1 : null);
       }, 1e3);
       return () => {
-        clearTimeout(x), clearInterval(p);
+        clearTimeout(y), clearInterval(w);
       };
     }
-  }, [r, n, a, f]), U(() => {
-    l && (l.status === "completed" ? m("complete") : ["failed", "cancelled", "expired"].includes(l.status) && m("error"));
-  }, [l == null ? void 0 : l.status, m]), !r)
+  }, [r, n, a, d]), _(() => {
+    l && (l.status === "completed" ? u("complete") : ["failed", "cancelled", "expired"].includes(l.status) && u("error"));
+  }, [l == null ? void 0 : l.status, u]), !r)
     return /* @__PURE__ */ o(
       "div",
       {
@@ -1080,14 +1131,14 @@ function rn({
                 paddingLeft: 24,
                 paddingRight: 24
               },
-              onClick: d,
+              onClick: m,
               children: "Go Back"
             }
           )
         ]
       }
     );
-  if (f)
+  if (d)
     return /* @__PURE__ */ o(
       "div",
       {
@@ -1106,7 +1157,7 @@ function rn({
                 background: "var(--t-cta-bg)",
                 color: "var(--t-cta-text)"
               },
-              onClick: d,
+              onClick: m,
               children: "Start over"
             }
           )
@@ -1114,8 +1165,8 @@ function rn({
       }
     );
   if (r.checkout.method === "iframe") {
-    const x = r.checkout.url, p = ((v = r.checkout.allowedFeatures) == null ? void 0 : v.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share";
-    return st(
+    const y = r.checkout.url, w = ((f = r.checkout.allowedFeatures) == null ? void 0 : f.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share";
+    return yt(
       /* @__PURE__ */ o(
         "div",
         {
@@ -1143,7 +1194,7 @@ function rn({
                 children: /* @__PURE__ */ o(
                   "button",
                   {
-                    onClick: d,
+                    onClick: m,
                     style: {
                       display: "flex",
                       alignItems: "center",
@@ -1166,7 +1217,7 @@ function rn({
               }
             ),
             /* @__PURE__ */ o("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
-              !u && /* @__PURE__ */ o(
+              !s && /* @__PURE__ */ o(
                 "div",
                 {
                   style: {
@@ -1186,15 +1237,15 @@ function rn({
               /* @__PURE__ */ e(
                 "iframe",
                 {
-                  src: x,
+                  src: y,
                   style: {
-                    display: u ? "block" : "none",
+                    display: s ? "block" : "none",
                     width: "100%",
                     height: "100%",
                     border: "none"
                   },
-                  allow: p,
-                  onLoad: () => s(!0),
+                  allow: w,
+                  onLoad: () => i(!0),
                   title: "Provider Checkout"
                 }
               )
@@ -1219,9 +1270,9 @@ function rn({
             r.gateway,
             " to complete your payment."
           ] }),
-          i !== null && /* @__PURE__ */ o("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: [
+          h !== null && /* @__PURE__ */ o("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: [
             "Redirecting in ",
-            i,
+            h,
             "..."
           ] }),
           /* @__PURE__ */ o(
@@ -1254,7 +1305,7 @@ function rn({
                 background: "var(--t-surface)",
                 color: "var(--t-text)"
               },
-              onClick: d,
+              onClick: m,
               children: "Cancel"
             }
           )
@@ -1262,8 +1313,8 @@ function rn({
       }
     );
   if (r.checkout.method === "widget" && r.widgetConfig) {
-    const x = on(r.checkout.url, r.widgetConfig);
-    return st(
+    const y = gn(r.checkout.url, r.widgetConfig);
+    return yt(
       /* @__PURE__ */ o(
         "div",
         {
@@ -1291,7 +1342,7 @@ function rn({
                 children: /* @__PURE__ */ o(
                   "button",
                   {
-                    onClick: d,
+                    onClick: m,
                     style: {
                       display: "flex",
                       alignItems: "center",
@@ -1314,7 +1365,7 @@ function rn({
               }
             ),
             /* @__PURE__ */ o("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
-              !u && /* @__PURE__ */ o(
+              !s && /* @__PURE__ */ o(
                 "div",
                 {
                   style: {
@@ -1334,15 +1385,15 @@ function rn({
               /* @__PURE__ */ e(
                 "iframe",
                 {
-                  src: x,
+                  src: y,
                   style: {
-                    display: u ? "block" : "none",
+                    display: s ? "block" : "none",
                     width: "100%",
                     height: "100%",
                     border: "none"
                   },
                   allow: "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share",
-                  onLoad: () => s(!0),
+                  onLoad: () => i(!0),
                   title: "Payment Checkout"
                 }
               )
@@ -1372,7 +1423,7 @@ function rn({
               paddingLeft: 24,
               paddingRight: 24
             },
-            onClick: d,
+            onClick: m,
             children: "Go Back"
           }
         )
@@ -1380,15 +1431,15 @@ function rn({
     }
   );
 }
-function on(t, n) {
+function gn(t, n) {
   const a = new URL("/en/partner/widget", t);
   for (const [r, l] of Object.entries(n))
     l != null && l !== "" && a.searchParams.set(r, String(l));
   return a.toString();
 }
-function ln({ className: t = "" }) {
-  const { orderStatus: n, orderStatusLoading: a, goToStep: r } = he();
-  U(() => {
+function vn({ className: t = "" }) {
+  const { orderStatus: n, orderStatusLoading: a, goToStep: r } = we();
+  _(() => {
     n && (n.status === "completed" ? r("complete") : ["failed", "cancelled", "expired", "refunded"].includes(n.status) && r("error"));
   }, [n == null ? void 0 : n.status, r]);
   const l = () => {
@@ -1407,25 +1458,25 @@ function ln({ className: t = "" }) {
     /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-3", style: { color: "var(--t-text)" }, children: l() }),
     a && /* @__PURE__ */ e("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: "Checking status..." }),
     n && /* @__PURE__ */ o("div", { className: "w-full mt-6 text-left", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
-      /* @__PURE__ */ e(pe, { label: "Order ID", value: n.orderId, mono: !0 }),
-      /* @__PURE__ */ e(pe, { label: "Provider", value: n.gateway }),
+      /* @__PURE__ */ e(Ae, { label: "Order ID", value: n.orderId, mono: !0 }),
+      /* @__PURE__ */ e(Ae, { label: "Provider", value: n.gateway }),
       /* @__PURE__ */ e(
-        pe,
+        Ae,
         {
           label: "Amount",
           value: `${n.fiatAmount} ${n.fiatCurrency}`
         }
       ),
       /* @__PURE__ */ e(
-        pe,
+        Ae,
         {
           label: "Receiving",
           value: `${n.cryptoAmount || "..."} ${n.cryptoCurrency}`
         }
       ),
-      /* @__PURE__ */ e(pe, { label: "Network", value: n.network }),
+      /* @__PURE__ */ e(Ae, { label: "Network", value: n.network }),
       /* @__PURE__ */ e(
-        pe,
+        Ae,
         {
           label: "To Address",
           value: `${n.walletAddress.slice(0, 10)}...${n.walletAddress.slice(-8)}`,
@@ -1439,7 +1490,7 @@ function ln({ className: t = "" }) {
     ] })
   ] });
 }
-function pe({ label: t, value: n, mono: a }) {
+function Ae({ label: t, value: n, mono: a }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -1459,16 +1510,16 @@ function pe({ label: t, value: n, mono: a }) {
     }
   );
 }
-function sn({
+function Nn({
   className: t = "",
   explorerUrl: n,
   onDone: a,
   doneButtonText: r = "Done"
 }) {
-  const { orderStatus: l, state: m, dispatch: d } = he(), u = m.flowType === "sell", s = () => {
+  const { orderStatus: l, state: u, dispatch: m } = we(), s = u.flowType === "sell", i = () => {
     if (!(l != null && l.transactionHash)) return null;
     if (!n) {
-      const f = {
+      const d = {
         ethereum: "https://etherscan.io/tx/{txHash}",
         polygon: "https://polygonscan.com/tx/{txHash}",
         arbitrum: "https://arbiscan.io/tx/{txHash}",
@@ -1479,12 +1530,12 @@ function sn({
         avalanche: "https://snowtrace.io/tx/{txHash}",
         fantom: "https://ftmscan.com/tx/{txHash}"
       };
-      return (f[m.network] || f.ethereum).replace("{txHash}", l.transactionHash);
+      return (d[u.network] || d.ethereum).replace("{txHash}", l.transactionHash);
     }
     return n.replace("{txHash}", l.transactionHash);
-  }, i = () => {
-    a ? a() : d({ type: "RESET" });
-  }, h = s();
+  }, h = () => {
+    a ? a() : m({ type: "RESET" });
+  }, p = i();
   return /* @__PURE__ */ o("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
     /* @__PURE__ */ e(
       "div",
@@ -1494,27 +1545,27 @@ function sn({
         children: /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: "32", height: "32", fill: "white", children: /* @__PURE__ */ e("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z" }) })
       }
     ),
-    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: u ? "Sale Complete!" : "Purchase Complete!" }),
-    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: u ? `Your ${(l == null ? void 0 : l.fiatCurrency) || m.fiatCurrency} payout is being processed.` : `Your ${(l == null ? void 0 : l.cryptoCurrency) || m.cryptoCurrency} has been sent to your wallet.` }),
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: s ? "Sale Complete!" : "Purchase Complete!" }),
+    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: s ? `Your ${(l == null ? void 0 : l.fiatCurrency) || u.fiatCurrency} payout is being processed.` : `Your ${(l == null ? void 0 : l.cryptoCurrency) || u.cryptoCurrency} has been sent to your wallet.` }),
     l && /* @__PURE__ */ o("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
       /* @__PURE__ */ e(
-        ne,
+        de,
         {
-          label: u ? "Amount Sold" : "Amount Received",
+          label: s ? "Amount Sold" : "Amount Received",
           value: `${l.cryptoAmount} ${l.cryptoCurrency}`,
           highlight: !0
         }
       ),
       /* @__PURE__ */ e(
-        ne,
+        de,
         {
-          label: u ? "Payout Amount" : "Amount Paid",
+          label: s ? "Payout Amount" : "Amount Paid",
           value: `${l.fiatAmount} ${l.fiatCurrency}`
         }
       ),
-      /* @__PURE__ */ e(ne, { label: "Network", value: l.network }),
+      /* @__PURE__ */ e(de, { label: "Network", value: l.network }),
       /* @__PURE__ */ e(
-        ne,
+        de,
         {
           label: "Wallet",
           value: `${l.walletAddress.slice(0, 10)}...${l.walletAddress.slice(-8)}`,
@@ -1522,17 +1573,17 @@ function sn({
         }
       ),
       l.transactionHash && /* @__PURE__ */ e(
-        ne,
+        de,
         {
           label: "Transaction",
           value: `${l.transactionHash.slice(0, 10)}...${l.transactionHash.slice(-8)}`,
           mono: !0
         }
       ),
-      /* @__PURE__ */ e(ne, { label: "Provider", value: l.gateway }),
-      /* @__PURE__ */ e(ne, { label: "Order ID", value: l.orderId, mono: !0 }),
+      /* @__PURE__ */ e(de, { label: "Provider", value: l.gateway }),
+      /* @__PURE__ */ e(de, { label: "Order ID", value: l.orderId, mono: !0 }),
       l.completedAt && /* @__PURE__ */ e(
-        ne,
+        de,
         {
           label: "Completed",
           value: new Date(l.completedAt).toLocaleString()
@@ -1540,10 +1591,10 @@ function sn({
       )
     ] }),
     /* @__PURE__ */ o("div", { className: "w-full flex flex-col gap-2", children: [
-      h && /* @__PURE__ */ e(
+      p && /* @__PURE__ */ e(
         "a",
         {
-          href: h,
+          href: p,
           target: "_blank",
           rel: "noopener noreferrer",
           className: "w-full font-semibold text-[14px] flex items-center justify-center transition-all",
@@ -1556,14 +1607,14 @@ function sn({
         {
           className: "w-full font-semibold text-[16px] transition-all",
           style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)" },
-          onClick: i,
+          onClick: h,
           children: r
         }
       )
     ] })
   ] });
 }
-function ne({ label: t, value: n, mono: a, highlight: r }) {
+function de({ label: t, value: n, mono: a, highlight: r }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -1583,12 +1634,12 @@ function ne({ label: t, value: n, mono: a, highlight: r }) {
     }
   );
 }
-function cn({
+function bn({
   className: t = "",
   onRetry: n,
   supportEmail: a = "support@nowramp.com"
 }) {
-  const { state: r, orderStatus: l, dispatch: m, goToStep: d } = he(), u = r.flowType === "sell", s = () => {
+  const { state: r, orderStatus: l, dispatch: u, goToStep: m } = we(), s = r.flowType === "sell", i = () => {
     if (l)
       switch (l.status) {
         case "failed":
@@ -1603,26 +1654,26 @@ function cn({
           return "Something Went Wrong";
       }
     return "Something Went Wrong";
-  }, i = () => {
+  }, h = () => {
     if (r.errorMessage) return r.errorMessage;
     if (l)
       switch (l.status) {
         case "failed":
-          return u ? "Your sale could not be processed. Please try again." : "Your payment could not be processed. Please try again or use a different payment method.";
+          return s ? "Your sale could not be processed. Please try again." : "Your payment could not be processed. Please try again or use a different payment method.";
         case "cancelled":
-          return u ? "Your sale was cancelled. No crypto was transferred." : "Your order was cancelled. No payment was processed.";
+          return s ? "Your sale was cancelled. No crypto was transferred." : "Your order was cancelled. No payment was processed.";
         case "expired":
-          return u ? "Your order has expired. Please start a new sale." : "Your order has expired. Please start a new purchase.";
+          return s ? "Your order has expired. Please start a new sale." : "Your order has expired. Please start a new purchase.";
         case "refunded":
-          return u ? "Your crypto has been returned. The funds should appear in your wallet shortly." : "Your payment has been refunded. The funds should appear in your account within 5-10 business days.";
+          return s ? "Your crypto has been returned. The funds should appear in your wallet shortly." : "Your payment has been refunded. The funds should appear in your account within 5-10 business days.";
         default:
           return "An unexpected error occurred. Please try again.";
       }
     return "An unexpected error occurred. Please try again.";
-  }, h = () => {
-    m({ type: "CLEAR_ERROR" }), n ? n() : (m({ type: "RESET" }), d("amount"));
-  }, f = () => {
-    m({ type: "RESET" }), d("amount");
+  }, p = () => {
+    u({ type: "CLEAR_ERROR" }), n ? n() : (u({ type: "RESET" }), m("amount"));
+  }, d = () => {
+    u({ type: "RESET" }), m("amount");
   };
   return /* @__PURE__ */ o("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
     /* @__PURE__ */ e(
@@ -1633,8 +1684,8 @@ function cn({
         children: /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: "32", height: "32", fill: "white", children: /* @__PURE__ */ e("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" }) })
       }
     ),
-    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: s() }),
-    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: i() }),
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: i() }),
+    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: h() }),
     l && /* @__PURE__ */ e("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: /* @__PURE__ */ o("div", { className: "flex justify-between items-center py-2", children: [
       /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: "Order ID" }),
       /* @__PURE__ */ e("span", { className: "text-[13px] font-medium font-mono", style: { color: "var(--t-text)" }, children: l.orderId })
@@ -1645,7 +1696,7 @@ function cn({
         {
           className: "w-full font-semibold text-[16px] transition-all",
           style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)" },
-          onClick: h,
+          onClick: p,
           children: "Try Again"
         }
       ),
@@ -1654,7 +1705,7 @@ function cn({
         {
           className: "w-full font-semibold text-[14px] transition-all",
           style: { height: 48, borderRadius: 5, background: "var(--t-surface)", color: "var(--t-text)" },
-          onClick: f,
+          onClick: d,
           children: "Start Over"
         }
       )
@@ -1680,68 +1731,68 @@ function cn({
     ] })
   ] });
 }
-function ft(t) {
+function At(t) {
   return t.length <= 12 ? t : `${t.slice(0, 6)}...${t.slice(-6)}`;
 }
-function dn({ className: t = "" }) {
+function Cn({ className: t = "" }) {
   const {
     config: n,
     configLoading: a,
     state: r,
     defaultGateway: l,
-    fetchQuotes: m,
-    createOrder: d,
-    orderLoading: u
-  } = he(), s = r.flowType === "sell", [i, h] = b(null), f = n == null ? void 0 : n.gateways.find((x) => x.id === l), v = async () => {
-    h(null);
+    fetchQuotes: u,
+    createOrder: m,
+    orderLoading: s
+  } = we(), i = r.flowType === "sell", [h, p] = v(null), d = n == null ? void 0 : n.gateways.find((y) => y.id === l), f = async () => {
+    p(null);
     try {
-      m(), await d();
-    } catch (x) {
-      const p = x instanceof Error ? x.message : "Failed to create order";
-      h(p);
+      u(), await m();
+    } catch (y) {
+      const w = y instanceof Error ? y.message : "Failed to create order";
+      p(w);
     }
   };
   return a ? /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
     /* @__PURE__ */ e("div", { className: "nramp-spinner" }),
     /* @__PURE__ */ e("p", { className: "text-[14px] mt-4", style: { color: "var(--t-text-secondary)" }, children: "Loading..." })
   ] }) : /* @__PURE__ */ o("div", { className: `flex flex-col items-center px-8 py-12 ${t}`, children: [
-    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-6", style: { color: "var(--t-text)" }, children: s ? "Confirm Sale" : "Confirm Purchase" }),
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-6", style: { color: "var(--t-text)" }, children: i ? "Confirm Sale" : "Confirm Purchase" }),
     /* @__PURE__ */ o("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
-      f && /* @__PURE__ */ o("div", { className: "flex justify-between items-center py-2", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
+      d && /* @__PURE__ */ o("div", { className: "flex justify-between items-center py-2", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
         /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: "Provider" }),
         /* @__PURE__ */ o("span", { className: "flex items-center gap-2", children: [
-          f.logo && /* @__PURE__ */ e("img", { src: f.logo, alt: f.name, width: 20, height: 20, style: { borderRadius: 4 } }),
-          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: f.name })
+          d.logo && /* @__PURE__ */ e("img", { src: d.logo, alt: d.name, width: 20, height: 20, style: { borderRadius: 4 } }),
+          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: d.name })
         ] })
       ] }),
-      s ? /* @__PURE__ */ o(J, { children: [
-        /* @__PURE__ */ e(se, { label: "You sell", value: `${r.cryptoAmount} ${r.cryptoCurrency}`, highlight: !0 }),
-        /* @__PURE__ */ e(se, { label: "You receive", value: `${r.fiatCurrency} payout` })
-      ] }) : /* @__PURE__ */ o(J, { children: [
-        /* @__PURE__ */ e(se, { label: "You pay", value: `${r.fiatAmount} ${r.fiatCurrency}`, highlight: !0 }),
-        /* @__PURE__ */ e(se, { label: "You receive", value: `${r.cryptoCurrency} on ${r.network}` }),
-        /* @__PURE__ */ e(se, { label: "Wallet", value: ft(r.walletAddress), mono: !0 })
+      i ? /* @__PURE__ */ o(te, { children: [
+        /* @__PURE__ */ e(ye, { label: "You sell", value: `${r.cryptoAmount} ${r.cryptoCurrency}`, highlight: !0 }),
+        /* @__PURE__ */ e(ye, { label: "You receive", value: `${r.fiatCurrency} payout` })
+      ] }) : /* @__PURE__ */ o(te, { children: [
+        /* @__PURE__ */ e(ye, { label: "You pay", value: `${r.fiatAmount} ${r.fiatCurrency}`, highlight: !0 }),
+        /* @__PURE__ */ e(ye, { label: "You receive", value: `${r.cryptoCurrency} on ${r.network}` }),
+        /* @__PURE__ */ e(ye, { label: "Wallet", value: At(r.walletAddress), mono: !0 })
       ] }),
-      /* @__PURE__ */ e(se, { label: "Network", value: r.network }),
-      s && r.walletAddress && /* @__PURE__ */ e(se, { label: "Refund address", value: ft(r.walletAddress), mono: !0 })
+      /* @__PURE__ */ e(ye, { label: "Network", value: r.network }),
+      i && r.walletAddress && /* @__PURE__ */ e(ye, { label: "Refund address", value: At(r.walletAddress), mono: !0 })
     ] }),
-    i && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: i }),
+    h && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: h }),
     /* @__PURE__ */ e(
       "button",
       {
         className: "w-full font-semibold text-[16px] transition-all flex items-center justify-center gap-2",
-        style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)", opacity: u ? 0.7 : 1 },
-        disabled: u,
-        onClick: v,
-        children: u ? /* @__PURE__ */ o(J, { children: [
+        style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)", opacity: s ? 0.7 : 1 },
+        disabled: s,
+        onClick: f,
+        children: s ? /* @__PURE__ */ o(te, { children: [
           /* @__PURE__ */ e("span", { className: "nramp-spinner-inline" }),
           "Processing..."
-        ] }) : s ? "Confirm & Sell" : "Confirm & Pay"
+        ] }) : i ? "Confirm & Sell" : "Confirm & Pay"
       }
     )
   ] });
 }
-function se({ label: t, value: n, mono: a, highlight: r }) {
+function ye({ label: t, value: n, mono: a, highlight: r }) {
   return /* @__PURE__ */ o("div", { className: "flex justify-between items-center py-2", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
     /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: t }),
     /* @__PURE__ */ e(
@@ -1754,95 +1805,95 @@ function se({ label: t, value: n, mono: a, highlight: r }) {
     )
   ] });
 }
-function Le({
+function He({
   isOpen: t,
   onClose: n,
   children: a
 }) {
-  const [r, l] = b(!1), [m, d] = b(!1);
-  U(() => {
+  const [r, l] = v(!1), [u, m] = v(!1);
+  _(() => {
     if (t)
-      l(!0), requestAnimationFrame(() => requestAnimationFrame(() => d(!0)));
+      l(!0), requestAnimationFrame(() => requestAnimationFrame(() => m(!0)));
     else if (r) {
-      d(!1);
-      const s = setTimeout(() => l(!1), 250);
-      return () => clearTimeout(s);
+      m(!1);
+      const i = setTimeout(() => l(!1), 250);
+      return () => clearTimeout(i);
     }
   }, [t]);
-  const u = $(() => {
-    d(!1), setTimeout(() => n(), 250);
+  const s = O(() => {
+    m(!1), setTimeout(() => n(), 250);
   }, [n]);
-  return U(() => {
+  return _(() => {
     if (!t) return;
-    const s = (i) => {
-      i.key === "Escape" && u();
+    const i = (h) => {
+      h.key === "Escape" && s();
     };
-    return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
-  }, [t, u]), r ? /* @__PURE__ */ e(
+    return window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i);
+  }, [t, s]), r ? /* @__PURE__ */ e(
     "div",
     {
       className: "absolute inset-0 z-20 transition-opacity duration-250",
-      style: { opacity: m ? 1 : 0 },
+      style: { opacity: u ? 1 : 0 },
       children: /* @__PURE__ */ e(
         "div",
         {
           className: "absolute inset-0 flex flex-col transition-transform duration-250 ease-out",
-          style: { background: "var(--t-modal-bg)", transform: m ? "translateY(0)" : "translateY(24px)" },
-          children: typeof a == "function" ? a(u) : a
+          style: { background: "var(--t-modal-bg)", transform: u ? "translateY(0)" : "translateY(24px)" },
+          children: typeof a == "function" ? a(s) : a
         }
       )
     }
   ) : null;
 }
-function un({ char: t, height: n = 38 }) {
+function En({ char: t, height: n = 38 }) {
   const a = "0123456789", r = a.indexOf(t);
   return r === -1 ? /* @__PURE__ */ e("span", { children: t }) : /* @__PURE__ */ e("span", { className: "digit-slot", style: { height: n, lineHeight: `${n}px` }, children: /* @__PURE__ */ e("span", { className: "digit-slot-inner block", style: { transform: `translateY(-${r * n}px)` }, children: a.split("").map((l) => /* @__PURE__ */ e("span", { className: "block", style: { height: n, lineHeight: `${n}px` }, children: l }, l)) }) });
 }
-function mn({
+function An({
   value: t,
   height: n = 38,
   className: a = "",
   style: r = {}
 }) {
-  return /* @__PURE__ */ e("span", { className: a, style: { display: "inline-flex", ...r }, children: t.split("").map((l, m) => /* @__PURE__ */ e(un, { char: l, height: n }, m)) });
+  return /* @__PURE__ */ e("span", { className: a, style: { display: "inline-flex", ...r }, children: t.split("").map((l, u) => /* @__PURE__ */ e(En, { char: l, height: n }, u)) });
 }
-function M({
+function B({
   w: t,
   h: n,
   className: a = ""
 }) {
   return /* @__PURE__ */ e("div", { className: `skeleton ${a}`, style: { width: t, height: n } });
 }
-function pn() {
+function wn() {
   return /* @__PURE__ */ o("div", { className: "flex-1 px-5 flex flex-col", children: [
     /* @__PURE__ */ o("div", { className: "px-[18px] pt-[14px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5 }, children: [
-      /* @__PURE__ */ e(M, { w: 70, h: 14, className: "mb-3" }),
+      /* @__PURE__ */ e(B, { w: 70, h: 14, className: "mb-3" }),
       /* @__PURE__ */ o("div", { className: "flex justify-between items-center", children: [
-        /* @__PURE__ */ e(M, { w: 120, h: 32 }),
-        /* @__PURE__ */ e(M, { w: 75, h: 32 })
+        /* @__PURE__ */ e(B, { w: 120, h: 32 }),
+        /* @__PURE__ */ e(B, { w: 75, h: 32 })
       ] })
     ] }),
     /* @__PURE__ */ o("div", { className: "px-[18px] pt-[12px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5, marginTop: 4 }, children: [
-      /* @__PURE__ */ e(M, { w: 50, h: 14, className: "mb-3" }),
+      /* @__PURE__ */ e(B, { w: 50, h: 14, className: "mb-3" }),
       /* @__PURE__ */ o("div", { className: "flex justify-between items-center", children: [
-        /* @__PURE__ */ e(M, { w: 180, h: 32 }),
-        /* @__PURE__ */ e(M, { w: 85, h: 32 })
+        /* @__PURE__ */ e(B, { w: 180, h: 32 }),
+        /* @__PURE__ */ e(B, { w: 85, h: 32 })
       ] })
     ] }),
     /* @__PURE__ */ o("div", { className: "flex justify-between mt-3 px-[2px]", children: [
-      /* @__PURE__ */ e(M, { w: 140, h: 12 }),
-      /* @__PURE__ */ e(M, { w: 90, h: 12 })
+      /* @__PURE__ */ e(B, { w: 140, h: 12 }),
+      /* @__PURE__ */ e(B, { w: 90, h: 12 })
     ] }),
     /* @__PURE__ */ o("div", { className: "mt-8", children: [
-      /* @__PURE__ */ e(M, { w: 65, h: 14, className: "mb-2.5" }),
-      /* @__PURE__ */ e(M, { w: "100%", h: 47 })
+      /* @__PURE__ */ e(B, { w: 65, h: 14, className: "mb-2.5" }),
+      /* @__PURE__ */ e(B, { w: "100%", h: 47 })
     ] }),
     /* @__PURE__ */ e("div", { className: "flex-1" }),
-    /* @__PURE__ */ e(M, { w: "100%", h: 60, className: "mb-2" }),
+    /* @__PURE__ */ e(B, { w: "100%", h: 60, className: "mb-2" }),
     /* @__PURE__ */ e("div", { className: "text-center py-3", children: /* @__PURE__ */ e("span", { className: "text-[11px]", style: { color: "var(--t-text-tertiary)" }, children: "Powered by NowRamp" }) })
   ] });
 }
-function ve({ onClick: t }) {
+function Ie({ onClick: t }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -1855,7 +1906,7 @@ function ve({ onClick: t }) {
     }
   );
 }
-function Be({
+function Fe({
   value: t,
   onChange: n,
   placeholder: a = ""
@@ -1883,88 +1934,172 @@ function Be({
     )
   ] });
 }
-function hn({ onClose: t, onSelect: n, currencies: a, assetBaseUrl: r = "" }) {
-  const [l, m] = b(""), d = F(() => {
-    if (!a || a.length === 0) return it;
-    const s = new Map(it.map((i) => [i.code, i.name]));
-    return a.map((i) => ({
-      code: i.code,
-      name: i.name || s.get(i.code) || i.code
+function Sn({
+  onClose: t,
+  onSelect: n,
+  currencies: a,
+  assetBaseUrl: r = "",
+  selectedCode: l
+}) {
+  const [u, m] = v(""), s = j(() => {
+    if (!a || a.length === 0) return gt;
+    const h = new Map(gt.map((p) => [p.code, p.name]));
+    return a.map((p) => ({
+      code: p.code,
+      name: p.name || h.get(p.code) || p.code
     }));
-  }, [a]), u = F(() => {
-    const s = l.trim().toLowerCase();
-    return s ? d.filter(
-      (i) => i.code.toLowerCase().includes(s) || i.name.toLowerCase().includes(s)
-    ) : d;
-  }, [d, l]);
-  return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(ve, { onClick: t }) }),
+  }, [a]), i = j(() => {
+    const h = u.trim().toLowerCase();
+    if (!h) {
+      if (l) {
+        const p = s.find((d) => d.code === l);
+        if (p) {
+          const d = s.filter((f) => f.code !== l);
+          return [p, ...d];
+        }
+      }
+      return s;
+    }
+    return s.filter(
+      (p) => p.code.toLowerCase().includes(h) || p.name.toLowerCase().includes(h)
+    );
+  }, [s, u, l]);
+  return /* @__PURE__ */ o(te, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Ie, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
         className: "text-center text-[17px] font-medium mt-2 mb-6",
-        style: { color: "var(--t-text)", fontSize: 17, fontWeight: 500, marginTop: 8, marginBottom: 24 },
+        style: {
+          color: "var(--t-text)",
+          fontSize: 17,
+          fontWeight: 500,
+          marginTop: 8,
+          marginBottom: 24
+        },
         children: "Select fiat currency"
       }
     ),
-    /* @__PURE__ */ e(Be, { value: l, onChange: m }),
+    /* @__PURE__ */ e(Fe, { value: u, onChange: m }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      u.map((s) => /* @__PURE__ */ o(
-        "button",
-        {
-          onClick: () => n(s.code),
-          className: "flex items-center gap-3.5 w-full py-3.5 transition-colors",
-          style: { color: "var(--t-text)" },
-          children: [
-            /* @__PURE__ */ e($e, { currencyCode: s.code, size: 32, baseUrl: r }),
-            /* @__PURE__ */ o("div", { className: "text-left", children: [
-              /* @__PURE__ */ e("div", { className: "font-semibold text-[15px] leading-tight", children: s.code }),
-              /* @__PURE__ */ e("div", { className: "text-[13px] mt-0.5", style: { color: "var(--t-text-secondary)" }, children: s.name })
-            ] })
-          ]
-        },
-        s.code
-      )),
-      u.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
+      i.map((h, p) => {
+        const d = h.name !== h.code ? h.name : "", f = l === h.code;
+        return /* @__PURE__ */ o("div", { children: [
+          /* @__PURE__ */ o(
+            "button",
+            {
+              onClick: () => n(h.code),
+              className: "flex items-center w-full transition-colors rounded-lg hover-item",
+              style: { color: "var(--t-text)", gap: 14, padding: "18px 8px", margin: "0 -8px" },
+              children: [
+                /* @__PURE__ */ e(Je, { currencyCode: h.code, size: 32, baseUrl: r }),
+                /* @__PURE__ */ o("div", { className: "text-left flex-1 flex items-center gap-2", children: [
+                  /* @__PURE__ */ e("span", { className: "font-semibold text-[15px]", children: h.code }),
+                  d && /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: d })
+                ] }),
+                f && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: /* @__PURE__ */ e(
+                  "path",
+                  {
+                    d: "M13.5 4.5L6 12L2.5 8.5",
+                    stroke: "var(--t-success, #4CD964)",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                ) })
+              ]
+            }
+          ),
+          p < i.length - 1 && /* @__PURE__ */ e(
+            "div",
+            {
+              style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" }
+            }
+          )
+        ] }, h.code);
+      }),
+      i.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
     ] })
   ] });
 }
-function fn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "" }) {
-  const [l, m] = b(""), d = F(() => {
-    if (!a || a.length === 0) return Vt;
-    const s = [];
-    for (const i of a) {
-      const h = i.networks || [];
-      if (h.length === 0)
-        s.push({ code: i.code, name: i.name || i.code, chain: i.code, popular: !1 });
+function wt({ src: t, alt: n, size: a, className: r, style: l }) {
+  const [u, m] = v(!1), [s, i] = v(!1), h = O(() => m(!0), []), p = O(() => i(!0), []);
+  return /* @__PURE__ */ o("div", { className: r, style: { ...l, width: a, height: a, position: "relative" }, children: [
+    !u && !s && /* @__PURE__ */ e(
+      "div",
+      {
+        className: "absolute inset-0 rounded-full animate-pulse",
+        style: { background: "var(--t-pill-bg, #333)" }
+      }
+    ),
+    s ? /* @__PURE__ */ e(
+      "div",
+      {
+        className: "absolute inset-0 rounded-full flex items-center justify-center text-[10px] font-bold",
+        style: { background: "var(--t-pill-bg, #333)", color: "var(--t-text-muted)" },
+        children: n.slice(0, 3)
+      }
+    ) : /* @__PURE__ */ e(
+      "img",
+      {
+        src: t,
+        alt: n,
+        width: a,
+        height: a,
+        loading: "lazy",
+        onLoad: h,
+        onError: p,
+        className: `rounded-full ${u ? "opacity-100" : "opacity-0"}`,
+        style: { width: a, height: a, transition: "opacity 0.15s ease-in" }
+      }
+    )
+  ] });
+}
+function Rn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selectedCode: l, selectedChain: u }) {
+  const [m, s] = v(""), i = j(() => {
+    if (!a || a.length === 0) return nn;
+    const d = [];
+    for (const f of a) {
+      const y = f.networks || [], w = f.name || Jt[f.code] || f.code;
+      if (y.length === 0)
+        d.push({ code: f.code, name: w, chain: f.code, popular: !1 });
       else
-        for (const f of h) {
-          const v = f.code || f.id || f.name || i.code;
-          s.push({
-            code: i.code,
-            name: i.name || i.code,
-            chain: v,
-            chainName: f.name,
+        for (const b of y) {
+          const T = b.code || b.id || b.name || f.code;
+          d.push({
+            code: f.code,
+            name: w,
+            chain: T,
+            chainName: b.name,
             popular: !1
           });
         }
     }
-    return s;
-  }, [a]), u = F(() => {
-    var f;
-    const s = l.trim().toLowerCase();
-    if (!s) return d;
-    const i = s.split(/\s+/), h = [];
-    for (const v of d) {
-      const x = Ie(v.chain), p = x ? x.name.toLowerCase() : "", C = ((f = x == null ? void 0 : x.shortName) == null ? void 0 : f.toLowerCase()) || "", R = v.chain.toLowerCase(), P = v.code.toLowerCase(), w = v.name.toLowerCase(), W = [P, w, p, C, R];
-      if (!i.every((q) => W.some((c) => c.includes(q)))) continue;
-      let j = 0;
-      P === s ? j += 100 : P.startsWith(i[0]) && (j += 50), v.popular && (j += 10), i.length > 1 && (p.includes(i[1]) || C.includes(i[1]) || R.includes(i[1])) && (j += 25), h.push({ item: v, score: j });
+    return d;
+  }, [a]), h = O((d, f) => l === d && u === f, [l, u]), p = j(() => {
+    var w;
+    const d = m.trim().toLowerCase();
+    if (!d) {
+      if (l && u) {
+        const b = i.find((T) => T.code === l && T.chain === u);
+        if (b) {
+          const T = i.filter((Q) => !(Q.code === l && Q.chain === u));
+          return [b, ...T];
+        }
+      }
+      return i;
+    }
+    const f = d.split(/\s+/), y = [];
+    for (const b of i) {
+      const T = Ue(b.chain), Q = T ? T.name.toLowerCase() : "", Z = ((w = T == null ? void 0 : T.shortName) == null ? void 0 : w.toLowerCase()) || "", q = b.chain.toLowerCase(), ee = b.code.toLowerCase(), se = b.name.toLowerCase(), g = [ee, se, Q, Z, q];
+      if (!f.every((c) => g.some((C) => C.includes(c)))) continue;
+      let S = 0;
+      ee === d ? S += 100 : ee.startsWith(f[0]) && (S += 50), b.popular && (S += 10), f.length > 1 && (Q.includes(f[1]) || Z.includes(f[1]) || q.includes(f[1])) && (S += 25), y.push({ item: b, score: S });
     }
-    return h.sort((v, x) => x.score - v.score), h.map((v) => v.item);
-  }, [d, l]);
-  return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(ve, { onClick: t }) }),
+    return y.sort((b, T) => T.score - b.score), y.map((b) => b.item);
+  }, [i, m, l, u]);
+  return /* @__PURE__ */ o(te, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Ie, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -1973,81 +2108,121 @@ function fn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "" }) {
         children: "Select crypto currency"
       }
     ),
-    /* @__PURE__ */ e(Be, { value: l, onChange: m }),
+    /* @__PURE__ */ e(Fe, { value: m, onChange: s }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      u.map((s) => {
-        const i = Ie(s.chain), h = (i == null ? void 0 : i.name) || s.chainName || s.chain;
-        return /* @__PURE__ */ o(
-          "button",
-          {
-            onClick: () => n(s.code, s.chain),
-            className: "flex items-center gap-3.5 w-full py-3.5 transition-colors",
-            children: [
-              /* @__PURE__ */ o("div", { className: "relative shrink-0", style: { width: 40, height: 40 }, children: [
-                /* @__PURE__ */ e(
-                  "img",
-                  {
-                    src: gt(s.code, r),
-                    alt: s.code,
-                    width: 32,
-                    height: 32,
-                    className: "rounded-full absolute top-0 left-0",
-                    style: { width: 32, height: 32 }
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  "img",
-                  {
-                    src: Xe(s.chain, r),
-                    alt: s.chain,
-                    width: 16,
-                    height: 16,
-                    className: "rounded-full absolute",
-                    style: {
-                      width: 16,
-                      height: 16,
-                      bottom: 0,
-                      right: 0,
-                      border: "2px solid var(--t-chain-border)"
+      p.map((d, f) => {
+        const y = Ue(d.chain), w = (y == null ? void 0 : y.name) || d.chainName || d.chain, b = d.name !== d.code ? d.name : "", T = h(d.code, d.chain);
+        return /* @__PURE__ */ o("div", { children: [
+          /* @__PURE__ */ o(
+            "button",
+            {
+              onClick: () => n(d.code, d.chain),
+              className: "flex items-center w-full transition-colors rounded-lg hover-item",
+              style: { gap: 14, padding: "18px 8px", margin: "0 -8px" },
+              children: [
+                /* @__PURE__ */ o("div", { className: "relative shrink-0", style: { width: 40, height: 40 }, children: [
+                  /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: "absolute top-0 left-0",
+                      style: { background: "#ffffff", borderRadius: "50%" },
+                      children: /* @__PURE__ */ e(
+                        wt,
+                        {
+                          src: kt(d.code, r),
+                          alt: d.code,
+                          size: 32
+                        }
+                      )
                     }
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ o("div", { className: "text-left flex-1 min-w-0", children: [
-                /* @__PURE__ */ e(
-                  "div",
-                  {
-                    className: "font-semibold text-[15px] leading-tight",
-                    style: { color: "var(--t-text)" },
-                    children: s.code
-                  }
-                ),
-                /* @__PURE__ */ e("div", { className: "text-[13px] mt-0.5", style: { color: "var(--t-text-secondary)" }, children: s.name })
-              ] }),
-              /* @__PURE__ */ e("div", { className: "text-right shrink-0", children: /* @__PURE__ */ e("div", { className: "text-[13px]", style: { color: "var(--t-text-muted)" }, children: h }) })
-            ]
-          },
-          `${s.code}-${s.chain}`
-        );
+                  ),
+                  /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: "absolute",
+                      style: {
+                        bottom: 0,
+                        right: 0,
+                        border: "2px solid var(--t-surface, #1C1C22)",
+                        borderRadius: "50%",
+                        background: "#ffffff"
+                      },
+                      children: /* @__PURE__ */ e(
+                        wt,
+                        {
+                          src: ze(d.chain, r),
+                          alt: d.chain,
+                          size: 16
+                        }
+                      )
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e("div", { className: "text-left flex-1 min-w-0", children: /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ e(
+                    "span",
+                    {
+                      className: "font-semibold text-[15px]",
+                      style: { color: "var(--t-text)" },
+                      children: d.code
+                    }
+                  ),
+                  b && /* @__PURE__ */ e(
+                    "span",
+                    {
+                      className: "text-[13px]",
+                      style: { color: "var(--t-text-secondary)" },
+                      children: b
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ o("div", { className: "flex items-center gap-2 shrink-0", children: [
+                  /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: w }),
+                  T && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+                    "path",
+                    {
+                      d: "M13.5 4.5L6 12L2.5 8.5",
+                      stroke: "var(--t-success, #4CD964)",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round"
+                    }
+                  ) })
+                ] })
+              ]
+            }
+          ),
+          f < p.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
+        ] }, `${d.code}-${d.chain}`);
       }),
-      u.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
+      p.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
     ] })
   ] });
 }
-function yn({
+function Tn({
   methods: t,
   selectedId: n,
   onSelect: a,
   onClose: r
 }) {
-  const [l, m] = b(""), d = F(() => {
-    const u = l.trim().toLowerCase();
-    return u ? t.filter(
-      (s) => s.id.toLowerCase().includes(u) || s.name.toLowerCase().includes(u) || s.description && s.description.toLowerCase().includes(u)
-    ) : t;
-  }, [t, l]);
-  return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(ve, { onClick: r }) }),
+  const [l, u] = v(""), m = j(() => {
+    const s = l.trim().toLowerCase();
+    if (!s) {
+      if (n) {
+        const i = t.find((h) => h.id === n);
+        if (i) {
+          const h = t.filter((p) => p.id !== n);
+          return [i, ...h];
+        }
+      }
+      return t;
+    }
+    return t.filter(
+      (i) => i.id.toLowerCase().includes(s) || i.name.toLowerCase().includes(s) || i.description && i.description.toLowerCase().includes(s)
+    );
+  }, [t, l, n]);
+  return /* @__PURE__ */ o(te, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Ie, { onClick: r }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2056,56 +2231,65 @@ function yn({
         children: "Choose payment method"
       }
     ),
-    /* @__PURE__ */ e(Be, { value: l, onChange: m }),
+    /* @__PURE__ */ e(Fe, { value: l, onChange: u }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      d.map((u, s) => {
-        const i = u.id === n, h = vt(u.id, u.name);
-        return /* @__PURE__ */ o(
-          "button",
-          {
-            onClick: () => a(u.id),
-            className: "flex items-start gap-3.5 w-full py-4 transition-colors",
-            style: {
-              color: "var(--t-text)",
-              borderBottom: s < d.length - 1 ? "1px solid var(--t-divider, rgba(128,128,128,0.12))" : "none"
-            },
-            children: [
-              /* @__PURE__ */ e(
-                "span",
-                {
-                  className: "flex items-center justify-center shrink-0 mt-0.5",
-                  style: { width: 32, height: 32 },
-                  children: Ct(u.id, u.icon, 32)
-                }
-              ),
-              /* @__PURE__ */ o("div", { className: "text-left flex-1", children: [
+      m.map((s, i) => {
+        const h = s.id === n, p = It(s.id, s.name);
+        return /* @__PURE__ */ o("div", { children: [
+          /* @__PURE__ */ o(
+            "button",
+            {
+              onClick: () => a(s.id),
+              className: `flex w-full transition-colors rounded-lg hover-item ${s.description ? "items-start" : "items-center"}`,
+              style: { color: "var(--t-text)", gap: 14, padding: "18px 8px", margin: "0 -8px" },
+              children: [
                 /* @__PURE__ */ e(
-                  "div",
+                  "span",
                   {
-                    className: "font-semibold text-[15px] leading-tight",
-                    style: { color: i ? "var(--t-accent)" : "var(--t-text)" },
-                    children: h
+                    className: `flex items-center justify-center shrink-0 ${s.description ? "mt-0.5" : ""}`,
+                    style: { width: 32, height: 32 },
+                    children: Mt(s.id, s.icon, 32)
                   }
                 ),
-                u.description && /* @__PURE__ */ e(
-                  "div",
+                /* @__PURE__ */ o("div", { className: "text-left flex-1", children: [
+                  /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: "font-semibold text-[15px] leading-tight",
+                      style: { color: "var(--t-text)" },
+                      children: p
+                    }
+                  ),
+                  s.description && /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: "text-[13px] leading-snug mt-1",
+                      style: { color: "var(--t-text-secondary)" },
+                      children: s.description
+                    }
+                  )
+                ] }),
+                h && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0 mt-1", children: /* @__PURE__ */ e(
+                  "path",
                   {
-                    className: "text-[13px] leading-snug mt-1",
-                    style: { color: "var(--t-text-muted)" },
-                    children: u.description
+                    d: "M13.5 4.5L6 12L2.5 8.5",
+                    stroke: "var(--t-success, #4CD964)",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
                   }
-                )
-              ] })
-            ]
-          },
-          u.id
-        );
+                ) })
+              ]
+            }
+          ),
+          i < m.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
+        ] }, s.id);
       }),
-      d.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No payment methods found" })
+      m.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No payment methods found" })
     ] })
   ] });
 }
-function xn({
+function kn({
   checked: t,
   onChange: n,
   accentColor: a = "var(--t-accent)"
@@ -2135,36 +2319,39 @@ function xn({
     }
   );
 }
-const gn = [
+const Ln = [
   { label: "Privacy policy", href: "https://nowramp.com/privacy-policy" },
   { label: "Terms of use", href: "https://nowramp.com/terms-and-conditions" }
 ];
-function vn({
+function In({
   onClose: t,
   darkMode: n,
   onToggleDarkMode: a,
   skinId: r,
-  onSelectSkin: l
+  onSelectSkin: l,
+  showThemeToggle: u = !0
 }) {
-  return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end items-center px-5 pt-5", children: /* @__PURE__ */ e(ve, { onClick: t }) }),
+  return /* @__PURE__ */ o(te, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end items-center px-5 pt-5", children: /* @__PURE__ */ e(Ie, { onClick: t }) }),
     /* @__PURE__ */ o("div", { className: "px-5 flex-1 pt-6 overflow-y-auto custom-scroll", children: [
-      /* @__PURE__ */ e("div", { style: { borderTop: "1px solid var(--t-divider)" }, children: /* @__PURE__ */ o("div", { className: "flex items-center justify-between w-full py-5", children: [
-        /* @__PURE__ */ o("div", { className: "flex items-center gap-3.5", children: [
-          /* @__PURE__ */ e(qt, { size: 40 }),
-          /* @__PURE__ */ e(
-            "span",
-            {
-              className: "font-medium text-[15px]",
-              style: { color: "var(--t-text)" },
-              children: "Dark Mode"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(xn, { checked: n, onChange: a, accentColor: "#4CD964" })
-      ] }) }),
-      /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider)" } }),
-      gn.map((m) => /* @__PURE__ */ o("div", { children: [
+      u && /* @__PURE__ */ o(te, { children: [
+        /* @__PURE__ */ e("div", { style: { borderTop: "1px solid var(--t-divider)" }, children: /* @__PURE__ */ o("div", { className: "flex items-center justify-between w-full py-5", children: [
+          /* @__PURE__ */ o("div", { className: "flex items-center gap-3.5", children: [
+            /* @__PURE__ */ e(mn, { size: 40 }),
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: "font-medium text-[15px]",
+                style: { color: "var(--t-text)" },
+                children: "Dark Mode"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(kn, { checked: n, onChange: a, accentColor: "#4CD964" })
+        ] }) }),
+        /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider)" } })
+      ] }),
+      Ln.map((m) => /* @__PURE__ */ o("div", { children: [
         /* @__PURE__ */ o(
           "a",
           {
@@ -2182,7 +2369,7 @@ function vn({
                   children: m.label
                 }
               ),
-              /* @__PURE__ */ e(zt, {})
+              /* @__PURE__ */ e(dn, {})
             ]
           }
         ),
@@ -2191,189 +2378,201 @@ function vn({
     ] })
   ] });
 }
-function Cn({
+function Mn({
   className: t = "",
   theme: n = "dark",
   skinId: a = "mono",
   accentColor: r,
   bgColor: l,
-  bgImage: m,
-  borderColor: d,
-  borderRadius: u,
-  showFlowToggle: s = !0,
-  autoRedirect: i = !1,
-  explorerUrl: h,
-  doneButtonText: f = "Done",
-  supportEmail: v,
-  onDone: x
+  bgImage: u,
+  borderColor: m,
+  borderRadius: s,
+  surfaceColor: i,
+  inputBgColor: h,
+  textColor: p,
+  textSecondaryColor: d,
+  textMutedColor: f,
+  successColor: y,
+  showFlowToggle: w = !0,
+  showSettings: b = !0,
+  showThemeToggle: T = !0,
+  autoRedirect: Q = !1,
+  explorerUrl: Z,
+  doneButtonText: q = "Done",
+  supportEmail: ee,
+  onDone: se
 }) {
-  var qe, et, tt, nt, at, rt, ot, lt;
+  var it, ct, dt, ut, mt, pt, ht, ft;
   const {
-    state: p,
-    dispatch: C,
-    config: R,
-    configLoading: P,
-    quotes: w,
-    quotesLoading: W,
-    quotesError: Q,
-    fetchQuotes: j,
-    createOrder: q,
-    orderLoading: c,
-    amountError: O,
-    fieldLocks: N,
-    apiConfig: I,
-    assetBaseUrl: _
-  } = he(), [V, G] = b(n === "dark"), [Ce, fe] = b(a), [ce, X] = b(null), [ye, ae] = b(!1), [Ne, ie] = b(!1), [de, be] = b(!1), [Y, re] = b(null), [oe, Ee] = b(!0), [Ae, we] = b(!1), [ee, ue] = b(!1), Oe = K(null), xe = K(), g = K(p.flowType);
-  U(() => {
-    G(n === "dark");
-  }, [n]), U(() => {
-    const y = setTimeout(() => Ee(!1), P ? 0 : 800);
-    return () => clearTimeout(y);
-  }, [P]), U(() => {
-    if (g.current !== p.flowType && !oe) {
-      g.current = p.flowType, we(!0), ae(!1), ie(!1);
-      const y = setTimeout(() => we(!1), 350);
-      return () => clearTimeout(y);
+    state: g,
+    dispatch: L,
+    config: S,
+    configLoading: c,
+    quotes: C,
+    quotesLoading: P,
+    quotesError: I,
+    fetchQuotes: Se,
+    createOrder: ie,
+    orderLoading: $,
+    amountError: ue,
+    fieldLocks: k,
+    apiConfig: xe,
+    assetBaseUrl: V
+  } = we(), [ne, ae] = v(n === "dark"), [ge, Re] = v(a), [me, G] = v(null), [Y, Me] = v(!1), [ve, Te] = v(!1), [Ne, be] = v(!1), [_e, pe] = v(null), [ke, Xe] = v(!0), [$e, N] = v(!1), [A, U] = v(!1), K = X(null), M = X(), F = X(g.flowType);
+  _(() => {
+    ae(n === "dark");
+  }, [n]), _(() => {
+    const x = setTimeout(() => Xe(!1), c ? 0 : 800);
+    return () => clearTimeout(x);
+  }, [c]), _(() => {
+    if (F.current !== g.flowType && !ke) {
+      F.current = g.flowType, N(!0), Me(!1), Te(!1);
+      const x = setTimeout(() => N(!1), 350);
+      return () => clearTimeout(x);
     }
-    g.current = p.flowType;
-  }, [p.flowType, oe]);
-  const A = p.flowType, L = A === "buy", k = p.cryptoCurrency || "BTC", S = p.fiatCurrency || "USD", H = L ? p.fiatAmount : p.cryptoAmount, D = $t(H), Z = (qe = w == null ? void 0 : w.bestQuote) != null && qe.exchangeRate ? parseFloat(w.bestQuote.exchangeRate) : null, Se = K(null);
-  Z && k && S && (Se.current = { rate: Z, crypto: k, fiat: S });
-  const Nt = F(() => {
-    if (w != null && w.bestQuote) {
-      const y = L ? w.bestQuote.cryptoAmount : w.bestQuote.fiatAmount;
-      if (y) return y;
+    F.current = g.flowType;
+  }, [g.flowType, ke]);
+  const W = g.flowType, D = W === "buy", z = g.cryptoCurrency || "BTC", re = g.fiatCurrency || "USD", We = D ? g.fiatAmount : g.cryptoAmount, he = tn(We), Ce = (it = C == null ? void 0 : C.bestQuote) != null && it.exchangeRate ? parseFloat(C.bestQuote.exchangeRate) : null, Be = X(null);
+  Ce && z && re && (Be.current = { rate: Ce, crypto: z, fiat: re });
+  const Bt = j(() => {
+    if (C != null && C.bestQuote) {
+      const x = D ? C.bestQuote.cryptoAmount : C.bestQuote.fiatAmount;
+      if (x) return x;
     }
     return "0";
-  }, [w, L]), bt = F(() => {
-    var B, te, De;
-    const y = Z || ((B = Se.current) == null ? void 0 : B.rate), E = Z ? k : (te = Se.current) == null ? void 0 : te.crypto, T = Z ? S : (De = Se.current) == null ? void 0 : De.fiat;
-    return !y || !E || !T ? "" : `1 ${E} ≈ ${y.toFixed(2)} ${T}`;
-  }, [k, S, Z]);
-  U(() => {
-    const y = p.walletAddress.trim(), E = p.network;
-    if (!y || y.length < 10) {
-      re(null), C({ type: "SET_WALLET_ERROR", message: "" });
+  }, [C, D]), Ot = j(() => {
+    var H, ce, Ge;
+    const x = Ce || ((H = Be.current) == null ? void 0 : H.rate), E = Ce ? z : (ce = Be.current) == null ? void 0 : ce.crypto, R = Ce ? re : (Ge = Be.current) == null ? void 0 : Ge.fiat;
+    return !x || !E || !R ? "" : `1 ${E} ≈ ${x.toFixed(2)} ${R}`;
+  }, [z, re, Ce]);
+  _(() => {
+    const x = g.walletAddress.trim(), E = g.network;
+    if (!x || x.length < 10) {
+      pe(null), L({ type: "SET_WALLET_ERROR", message: "" });
       return;
     }
-    return be(!0), re(null), clearTimeout(xe.current), xe.current = setTimeout(async () => {
-      var T, B, te;
+    return be(!0), pe(null), clearTimeout(M.current), M.current = setTimeout(async () => {
+      var R, H, ce;
       try {
-        const Ue = await (await fetch(`${I.apiUrl}/public/validate/address`, {
+        const Ye = await (await fetch(`${xe.apiUrl}/public/validate/address`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ address: y, ...E ? { network: E } : {} })
-        })).json(), Ke = ((T = Ue.data) == null ? void 0 : T.attributes) || Ue.data || Ue;
-        if (Ke.isValid)
-          re(!0), C({ type: "SET_WALLET_ERROR", message: "" });
+          body: JSON.stringify({ address: x, ...E ? { network: E } : {} })
+        })).json(), Qe = ((R = Ye.data) == null ? void 0 : R.attributes) || Ye.data || Ye;
+        if (Qe.isValid)
+          pe(!0), L({ type: "SET_WALLET_ERROR", message: "" });
         else {
-          re(!1);
-          const Lt = ((B = Ke.errors) == null ? void 0 : B[0]) || ((te = Ke.details) == null ? void 0 : te.formatMessage) || "Invalid wallet address";
-          C({ type: "SET_WALLET_ERROR", message: Lt });
+          pe(!1);
+          const Xt = ((H = Qe.errors) == null ? void 0 : H[0]) || ((ce = Qe.details) == null ? void 0 : ce.formatMessage) || "Invalid wallet address";
+          L({ type: "SET_WALLET_ERROR", message: Xt });
         }
       } catch {
-        re(null);
+        pe(null);
       } finally {
         be(!1);
       }
-    }, 500), () => clearTimeout(xe.current);
-  }, [p.walletAddress, p.network, I.apiUrl]);
-  const Ge = !H || D === 0, We = D > 0 && (L ? D < mt : D < pt), je = !!O || We || ye && Ge, Et = D > 0 && !O && !We, Pe = p.walletAddress.trim().length >= 10 && Y !== !1 && !de, Te = Et && Pe && !!p.cryptoCurrency && !!p.network, At = (y) => {
-    let E = y.target.value.replace(/[^0-9.,]/g, "");
-    const T = L ? 2 : 6, B = E.indexOf(".");
-    B !== -1 && E.length - B - 1 > T && (E = E.slice(0, B + T + 1)), C(L ? { type: "SET_FIAT_AMOUNT", amount: E } : { type: "SET_CRYPTO_AMOUNT", amount: E });
-  }, Ye = (y) => {
-    y !== A && C({ type: "SET_FLOW_TYPE", flowType: y });
-  }, wt = $(
-    (y) => {
-      C({ type: "SET_FIAT_CURRENCY", currency: y });
+    }, 500), () => clearTimeout(M.current);
+  }, [g.walletAddress, g.network, xe.apiUrl]);
+  const et = !We || he === 0, tt = he > 0 && (D ? he < bt : he < Ct), nt = !!ue || tt || Y && et, Pt = he > 0 && !ue && !tt, je = g.walletAddress.trim().length >= 10 && _e !== !1 && !Ne, Oe = Pt && je && !!g.cryptoCurrency && !!g.network, Dt = (x) => {
+    let E = x.target.value.replace(/[^0-9.,]/g, "");
+    const R = D ? 2 : 6, H = E.indexOf(".");
+    H !== -1 && E.length - H - 1 > R && (E = E.slice(0, H + R + 1)), L(D ? { type: "SET_FIAT_AMOUNT", amount: E } : { type: "SET_CRYPTO_AMOUNT", amount: E });
+  }, at = (x) => {
+    x !== W && L({ type: "SET_FLOW_TYPE", flowType: x });
+  }, Ht = O(
+    (x) => {
+      L({ type: "SET_FIAT_CURRENCY", currency: x });
     },
-    [C]
-  ), St = $(
-    (y, E) => {
-      C({ type: "SET_CRYPTO_CURRENCY", currency: y }), C({ type: "SET_CRYPTO_CHAIN", chain: E });
+    [L]
+  ), Ut = O(
+    (x, E) => {
+      L({ type: "SET_CRYPTO_CURRENCY", currency: x }), L({ type: "SET_CRYPTO_CHAIN", chain: E });
     },
-    [C]
-  ), Tt = $(
-    (y) => {
-      C({ type: "SET_PAYMENT_METHOD", methodId: y });
+    [L]
+  ), Kt = O(
+    (x) => {
+      L({ type: "SET_PAYMENT_METHOD", methodId: x });
     },
-    [C]
-  ), Rt = () => {
-    Te && (ue(!0), j());
+    [L]
+  ), Ft = () => {
+    Oe && (U(!0), Se());
   };
-  U(() => {
-    var y;
-    if (!(!ee || W)) {
-      if (w != null && w.bestQuote)
-        ue(!1), C({ type: "SELECT_QUOTE", quote: w.bestQuote }), q().catch(() => {
+  _(() => {
+    var x;
+    if (!(!A || P)) {
+      if (C != null && C.bestQuote)
+        U(!1), L({ type: "SELECT_QUOTE", quote: C.bestQuote }), ie().catch(() => {
         });
-      else if (Q)
-        ue(!1), C({ type: "SET_ERROR", message: Q.message || "No quotes available" });
-      else if (w && !w.bestQuote) {
-        ue(!1);
-        const E = (y = w.unavailableGateways) == null ? void 0 : y.map((B) => B.reason).filter(Boolean), T = E != null && E.length ? `No providers available: ${E.join("; ")}` : "No providers available for this currency/network combination";
-        C({ type: "SET_ERROR", message: T });
+      else if (I)
+        U(!1), L({ type: "SET_ERROR", message: I.message || "No quotes available" });
+      else if (C && !C.bestQuote) {
+        U(!1);
+        const E = (x = C.unavailableGateways) == null ? void 0 : x.map((H) => H.reason).filter(Boolean), R = E != null && E.length ? `No providers available: ${E.join("; ")}` : "No providers available for this currency/network combination";
+        L({ type: "SET_ERROR", message: R });
       }
     }
-  }, [ee, w, W, Q, C, q]);
-  const Qe = V ? "theme-dark" : "theme-light", He = dt.find((y) => y.id === Ce) || dt[0], kt = He.accent === null, Ze = (r ? _e(r) : !1) ? { "--t-accent": r, "--t-cta-bg": r, "--t-cta-text": "#ffffff" } : kt ? {
-    "--t-accent": V ? "#ffffff" : "#111111",
-    "--t-cta-bg": V ? "#ffffff" : "#111111",
-    "--t-cta-text": V ? "#000000" : "#ffffff"
+  }, [A, C, P, I, L, ie]);
+  const rt = ne ? "theme-dark" : "theme-light", Ve = vt.find((x) => x.id === ge) || vt[0], _t = Ve.accent === null, ot = (r ? le(r) : !1) ? { "--t-accent": r, "--t-cta-bg": r, "--t-cta-text": "#ffffff" } : _t ? {
+    "--t-accent": ne ? "#ffffff" : "#111111",
+    "--t-cta-bg": ne ? "#ffffff" : "#111111",
+    "--t-cta-text": ne ? "#000000" : "#ffffff"
   } : {
-    "--t-accent": He.accent,
-    "--t-cta-bg": He.accent,
+    "--t-accent": Ve.accent,
+    "--t-cta-bg": Ve.accent,
     "--t-cta-text": "#ffffff"
-  }, le = {};
-  l && _e(l) ? le.backgroundColor = l : le.backgroundColor = "var(--t-bg)", m && (le.backgroundImage = `url(${m})`, le.backgroundSize = "cover", le.backgroundPosition = "center");
-  const Re = {};
-  d && _e(d) && (Re.border = `1px solid ${d}`), u && (Re.borderRadius = u);
-  const ze = p.step === "checkout" ? /* @__PURE__ */ e(rn, { autoRedirect: i }) : p.step === "processing" ? /* @__PURE__ */ e(ln, {}) : p.step === "complete" ? /* @__PURE__ */ e(sn, { explorerUrl: h, doneButtonText: f, onDone: x }) : p.step === "error" ? /* @__PURE__ */ e(cn, { supportEmail: v }) : p.step === "confirm" ? /* @__PURE__ */ e(dn, {}) : null;
-  if (ze)
+  }, J = {};
+  i && le(i) && (J["--t-surface"] = i, J["--t-modal-bg"] = i), h && le(h) && (J["--t-pill-bg"] = h, J["--t-close-bg"] = h), p && le(p) && (J["--t-text"] = p), d && le(d) && (J["--t-text-secondary"] = d), f && le(f) && (J["--t-text-muted"] = f, J["--t-text-tertiary"] = f), y && le(y) && (J["--t-success"] = y);
+  const fe = {};
+  l && le(l) ? fe.backgroundColor = l : fe.backgroundColor = "var(--t-bg)", u && (fe.backgroundImage = `url(${u})`, fe.backgroundSize = "cover", fe.backgroundPosition = "center");
+  const Pe = {};
+  m && le(m) && (Pe.border = `1px solid ${m}`), s && (Pe.borderRadius = s);
+  const lt = g.step === "checkout" ? /* @__PURE__ */ e(xn, { autoRedirect: Q }) : g.step === "processing" ? /* @__PURE__ */ e(vn, {}) : g.step === "complete" ? /* @__PURE__ */ e(Nn, { explorerUrl: Z, doneButtonText: q, onDone: se }) : g.step === "error" ? /* @__PURE__ */ e(bn, { supportEmail: ee }) : g.step === "confirm" ? /* @__PURE__ */ e(Cn, {}) : null;
+  if (lt)
     return /* @__PURE__ */ e(
       "div",
       {
-        className: `${Qe} relative w-full max-w-[390px] h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
+        className: `${rt} relative w-full max-w-[390px] h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
         style: {
           fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
-          ...le,
-          ...Ze,
-          ...Re
+          ...fe,
+          ...ot,
+          ...J,
+          ...Pe
         },
-        children: ze
+        children: lt
       }
     );
-  const z = p.network, me = z ? Ie(z) : null, Je = (me == null ? void 0 : me.shortName) || (me == null ? void 0 : me.name) || z;
+  const oe = g.network, Ee = oe ? Ue(oe) : null, st = (Ee == null ? void 0 : Ee.shortName) || (Ee == null ? void 0 : Ee.name) || oe;
   return /* @__PURE__ */ o(
     "div",
     {
-      className: `${Qe} relative w-full max-w-[390px] min-h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
+      className: `${rt} relative w-full max-w-[390px] min-h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
       style: {
         fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
-        ...le,
-        ...Ze,
-        ...Re
+        ...fe,
+        ...ot,
+        ...J,
+        ...Pe
       },
       children: [
-        /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${s ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(Jt, { onClick: () => X("settings") }) }),
-        s ? /* @__PURE__ */ o("div", { className: "flex flex-col items-center pt-3 pb-5", children: [
+        b && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${w ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(un, { onClick: () => G("settings") }) }),
+        w ? /* @__PURE__ */ o("div", { className: "flex flex-col items-center pt-3 pb-5", children: [
           /* @__PURE__ */ o("div", { className: "flex", style: { width: 165 }, children: [
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => Ye("buy"),
+                onClick: () => at("buy"),
                 className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
-                style: { color: A === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
+                style: { color: W === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
                 children: "Buy"
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => Ye("sell"),
+                onClick: () => at("sell"),
                 className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
-                style: { color: A === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
+                style: { color: W === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
                 children: "Sell"
               }
             )
@@ -2386,14 +2585,14 @@ function Cn({
                 className: "absolute top-0 h-full transition-all duration-300 ease-in-out",
                 style: {
                   width: "50%",
-                  left: A === "buy" ? "0%" : "50%",
+                  left: W === "buy" ? "0%" : "50%",
                   background: "var(--t-accent)"
                 }
               }
             )
           ] })
         ] }) : null,
-        oe || Ae || P ? /* @__PURE__ */ e(pn, {}) : /* @__PURE__ */ o("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
+        ke || $e || c ? /* @__PURE__ */ e(wn, {}) : /* @__PURE__ */ o("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
           /* @__PURE__ */ o(
             "div",
             {
@@ -2401,7 +2600,7 @@ function Cn({
               style: {
                 background: "var(--t-surface)",
                 borderRadius: 5,
-                border: ye && je ? "1px solid #EF4444" : "1px solid transparent",
+                border: Y && nt ? "1px solid #EF4444" : "1px solid transparent",
                 minHeight: 102
               },
               children: [
@@ -2410,22 +2609,22 @@ function Cn({
                   /* @__PURE__ */ e(
                     "input",
                     {
-                      ref: Oe,
+                      ref: K,
                       type: "text",
-                      value: H,
-                      onChange: At,
-                      onBlur: () => ae(!0),
-                      placeholder: L ? "250" : "0.01",
+                      value: We,
+                      onChange: Dt,
+                      onBlur: () => Me(!0),
+                      placeholder: D ? "250" : "0.01",
                       className: "bg-transparent outline-none w-0 flex-1 mr-3",
                       style: { color: "var(--t-text)", fontSize: 24, fontWeight: 600, lineHeight: "32px", padding: 0, border: "none", borderRadius: 0, backgroundColor: "transparent", height: "auto", width: 0 },
                       inputMode: "decimal",
-                      disabled: !!((et = N == null ? void 0 : N.sourceAmount) != null && et.locked)
+                      disabled: !!((ct = k == null ? void 0 : k.sourceAmount) != null && ct.locked)
                     }
                   ),
-                  L ? /* @__PURE__ */ o(
+                  D ? /* @__PURE__ */ o(
                     "button",
                     {
-                      onClick: () => X("fiat"),
+                      onClick: () => G("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -2434,18 +2633,18 @@ function Cn({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((tt = N == null ? void 0 : N.sourceCurrency) != null && tt.locked),
+                      disabled: !!((dt = k == null ? void 0 : k.sourceCurrency) != null && dt.locked),
                       children: [
-                        /* @__PURE__ */ e($e, { currencyCode: S, size: 16, baseUrl: _ }),
-                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: S }),
-                        /* @__PURE__ */ e(ge, {})
+                        /* @__PURE__ */ e(Je, { currencyCode: re, size: 16, baseUrl: V }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: re }),
+                        /* @__PURE__ */ e(Le, {})
                       ]
                     }
                   ) : /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
                     /* @__PURE__ */ o(
                       "button",
                       {
-                        onClick: () => X("crypto"),
+                        onClick: () => G("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -2454,34 +2653,34 @@ function Cn({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((nt = N == null ? void 0 : N.destinationCurrency) != null && nt.locked),
+                        disabled: !!((ut = k == null ? void 0 : k.destinationCurrency) != null && ut.locked),
                         children: [
-                          /* @__PURE__ */ e(ht, { ticker: k, size: 16, baseUrl: _ }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: k }),
-                          /* @__PURE__ */ e(ge, {})
+                          /* @__PURE__ */ e(Et, { ticker: z, size: 16, baseUrl: V }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: z }),
+                          /* @__PURE__ */ e(Le, {})
                         ]
                       }
                     ),
-                    z && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
-                      /* @__PURE__ */ e(
+                    oe && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
+                      /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: Xe(z, _),
-                          alt: z,
+                          src: ze(oe, V),
+                          alt: oe,
                           width: 14,
                           height: 14,
                           className: "rounded-full",
                           style: { width: 14, height: 14 }
                         }
-                      ),
-                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: Je })
+                      ) }),
+                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: st })
                     ] })
                   ] })
                 ] })
               ]
             }
           ),
-          ye && je && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: O || (Ge ? "Amount should be more than 0" : L ? `Minimum amount is ${mt} ${S}` : `Minimum amount is ${pt} ${k}`) }),
+          Y && nt && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: ue || (et ? "Amount should be more than 0" : D ? `Minimum amount is ${bt} ${re}` : `Minimum amount is ${Ct} ${z}`) }),
           /* @__PURE__ */ o(
             "div",
             {
@@ -2498,20 +2697,20 @@ function Cn({
               children: [
                 /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
                 /* @__PURE__ */ o("div", { className: "flex items-start justify-between", children: [
-                  W ? /* @__PURE__ */ e(M, { w: 180, h: 32 }) : /* @__PURE__ */ e(
-                    mn,
+                  P && !A ? /* @__PURE__ */ e(B, { w: 180, h: 32 }) : /* @__PURE__ */ e(
+                    An,
                     {
-                      value: D > 0 ? Nt : "0",
+                      value: he > 0 ? Bt : "0",
                       height: 32,
                       className: "font-semibold",
-                      style: { color: D > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
+                      style: { color: he > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
                     }
                   ),
-                  L ? /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
+                  D ? /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
                     /* @__PURE__ */ o(
                       "button",
                       {
-                        onClick: () => X("crypto"),
+                        onClick: () => G("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -2520,32 +2719,32 @@ function Cn({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((at = N == null ? void 0 : N.destinationCurrency) != null && at.locked),
+                        disabled: !!((mt = k == null ? void 0 : k.destinationCurrency) != null && mt.locked),
                         children: [
-                          /* @__PURE__ */ e(ht, { ticker: k, size: 16, baseUrl: _ }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: k }),
-                          /* @__PURE__ */ e(ge, {})
+                          /* @__PURE__ */ e(Et, { ticker: z, size: 16, baseUrl: V }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: z }),
+                          /* @__PURE__ */ e(Le, {})
                         ]
                       }
                     ),
-                    z && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
-                      /* @__PURE__ */ e(
+                    oe && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
+                      /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: Xe(z, _),
-                          alt: z,
+                          src: ze(oe, V),
+                          alt: oe,
                           width: 14,
                           height: 14,
                           className: "rounded-full",
                           style: { width: 14, height: 14 }
                         }
-                      ),
-                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: Je })
+                      ) }),
+                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: st })
                     ] })
                   ] }) : /* @__PURE__ */ o(
                     "button",
                     {
-                      onClick: () => X("fiat"),
+                      onClick: () => G("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -2554,11 +2753,11 @@ function Cn({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((rt = N == null ? void 0 : N.sourceCurrency) != null && rt.locked),
+                      disabled: !!((pt = k == null ? void 0 : k.sourceCurrency) != null && pt.locked),
                       children: [
-                        /* @__PURE__ */ e($e, { currencyCode: S, size: 16, baseUrl: _ }),
-                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: S }),
-                        /* @__PURE__ */ e(ge, {})
+                        /* @__PURE__ */ e(Je, { currencyCode: re, size: 16, baseUrl: V }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: re }),
+                        /* @__PURE__ */ e(Le, {})
                       ]
                     }
                   )
@@ -2572,35 +2771,35 @@ function Cn({
               className: "flex items-center justify-between mt-[2px] px-[18px] pt-[12px] pb-[14px]",
               style: {
                 background: "var(--t-surface)",
-                ...(ot = R == null ? void 0 : R.paymentMethods) != null && ot.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
+                ...(ht = S == null ? void 0 : S.paymentMethods) != null && ht.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
               },
-              children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: bt || " " })
+              children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: y ? "var(--t-success)" : "var(--t-text-secondary)" }, children: Ot || " " })
             }
           ),
-          (R == null ? void 0 : R.paymentMethods) && R.paymentMethods.length > 0 && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: /* @__PURE__ */ e(
-            an,
+          (S == null ? void 0 : S.paymentMethods) && S.paymentMethods.length > 0 && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: /* @__PURE__ */ e(
+            yn,
             {
-              methods: R.paymentMethods,
-              selectedId: p.paymentMethodId,
-              onOpenModal: () => X("payment"),
-              fiatCurrency: p.fiatCurrency
+              methods: S.paymentMethods,
+              selectedId: g.paymentMethodId,
+              onOpenModal: () => G("payment"),
+              fiatCurrency: g.fiatCurrency
             }
           ) }),
           /* @__PURE__ */ o("div", { className: "mt-8", children: [
-            /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: L ? "Receiving wallet address" : "Sending wallet address" }),
+            /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: D ? "Receiving wallet address" : "Sending wallet address" }),
             /* @__PURE__ */ e(
               "input",
               {
                 type: "text",
-                value: p.walletAddress,
-                onChange: (y) => C({ type: "SET_WALLET_ADDRESS", address: y.target.value }),
-                onBlur: () => ie(!0),
-                placeholder: L ? "Enter your receiving address" : "Enter your sending address",
+                value: g.walletAddress,
+                onChange: (x) => L({ type: "SET_WALLET_ADDRESS", address: x.target.value }),
+                onBlur: () => Te(!0),
+                placeholder: D ? "Enter your receiving address" : "Enter your sending address",
                 spellCheck: !1,
                 autoComplete: "off",
                 className: "w-full bg-transparent text-[13px] outline-none transition-colors",
                 style: {
-                  border: p.walletError || Ne && !Pe ? "1px solid #EF4444" : "1px solid var(--t-border)",
+                  border: g.walletError || ve && !je ? "1px solid #EF4444" : "1px solid var(--t-border)",
                   borderRadius: 3.5,
                   height: 47,
                   padding: "0 14px",
@@ -2608,198 +2807,220 @@ function Cn({
                   fontSize: 13,
                   backgroundColor: "transparent"
                 },
-                disabled: !!((lt = N == null ? void 0 : N.destinationAddress) != null && lt.locked)
+                disabled: !!((ft = k == null ? void 0 : k.destinationAddress) != null && ft.locked)
               }
             ),
-            p.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: p.walletError }) : Ne && !Pe && !de ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : de && p.walletAddress.trim().length >= 10 ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "var(--t-text-muted)" }, children: "Validating address..." }) : null
+            g.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: g.walletError }) : ve && !je && !Ne ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : Ne && g.walletAddress.trim().length >= 10 ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "var(--t-text-muted)" }, children: "Validating address..." }) : null
           ] }),
           /* @__PURE__ */ e("div", { className: "flex-1" }),
           /* @__PURE__ */ e(
             "button",
             {
-              disabled: !Te || c || ee,
-              onClick: Rt,
+              disabled: !Oe || $ || A,
+              onClick: Ft,
               className: "w-full font-semibold text-[16px] transition-all",
               style: {
                 height: 60,
                 borderRadius: 5,
                 background: "var(--t-cta-bg)",
                 color: "var(--t-cta-text)",
-                opacity: Te && !c && !ee ? 1 : 0.4,
-                cursor: Te && !c && !ee ? "pointer" : "not-allowed"
+                opacity: Oe && !$ && !A ? 1 : 0.4,
+                cursor: Oe && !$ && !A ? "pointer" : "not-allowed"
               },
-              children: ee ? "Getting best price..." : c ? "Processing..." : L ? `Buy ${k}` : `Sell ${k}`
+              children: A ? "Getting best price..." : $ ? "Processing..." : D ? `Buy ${z}` : `Sell ${z}`
             }
           ),
           /* @__PURE__ */ e("div", { className: "text-center py-3", children: /* @__PURE__ */ e("span", { className: "text-[11px]", style: { color: "var(--t-text-tertiary)" }, children: "Powered by NowRamp" }) })
-        ] }, A),
-        /* @__PURE__ */ e(Le, { isOpen: ce === "fiat", onClose: () => X(null), children: (y) => {
+        ] }, W),
+        /* @__PURE__ */ e(He, { isOpen: me === "fiat", onClose: () => G(null), children: (x) => {
           var E;
           return /* @__PURE__ */ e(
-            hn,
+            Sn,
             {
-              onClose: y,
-              onSelect: (T) => {
-                wt(T), y();
+              onClose: x,
+              onSelect: (R) => {
+                Ht(R), x();
               },
-              currencies: (E = R == null ? void 0 : R.fiats) == null ? void 0 : E.map((T) => ({ code: T.code, name: T.code })),
-              assetBaseUrl: _
+              currencies: (E = S == null ? void 0 : S.fiats) == null ? void 0 : E.map((R) => ({ code: R.code, name: R.code })),
+              assetBaseUrl: V,
+              selectedCode: g.fiatCurrency
             }
           );
         } }),
-        /* @__PURE__ */ e(Le, { isOpen: ce === "crypto", onClose: () => X(null), children: (y) => {
+        /* @__PURE__ */ e(He, { isOpen: me === "crypto", onClose: () => G(null), children: (x) => {
           var E;
           return /* @__PURE__ */ e(
-            fn,
+            Rn,
             {
-              onClose: y,
-              onSelect: (T, B) => {
-                St(T, B), y();
+              onClose: x,
+              onSelect: (R, H) => {
+                Ut(R, H), x();
               },
-              cryptos: (E = R == null ? void 0 : R.cryptos) == null ? void 0 : E.map((T) => {
-                var B;
+              cryptos: (E = S == null ? void 0 : S.cryptos) == null ? void 0 : E.map((R) => {
+                var H;
                 return {
-                  code: T.code,
-                  name: T.code,
-                  networks: (B = T.networks) == null ? void 0 : B.map((te) => ({ code: te.id, name: te.name }))
+                  code: R.code,
+                  name: R.code,
+                  networks: (H = R.networks) == null ? void 0 : H.map((ce) => ({ code: ce.id, name: ce.name }))
                 };
               }),
-              assetBaseUrl: _
+              assetBaseUrl: V,
+              selectedCode: g.cryptoCurrency,
+              selectedChain: g.network
             }
           );
         } }),
-        /* @__PURE__ */ e(Le, { isOpen: ce === "payment", onClose: () => X(null), children: (y) => {
+        /* @__PURE__ */ e(He, { isOpen: me === "payment", onClose: () => G(null), children: (x) => {
           var E;
           return /* @__PURE__ */ e(
-            yn,
+            Tn,
             {
-              methods: ((E = R == null ? void 0 : R.paymentMethods) == null ? void 0 : E.filter((T) => T.supportedFiats.includes(p.fiatCurrency))) || [],
-              selectedId: p.paymentMethodId,
-              onSelect: (T) => {
-                Tt(T), y();
+              methods: ((E = S == null ? void 0 : S.paymentMethods) == null ? void 0 : E.filter((R) => R.supportedFiats.includes(g.fiatCurrency))) || [],
+              selectedId: g.paymentMethodId,
+              onSelect: (R) => {
+                Kt(R), x();
               },
-              onClose: y
+              onClose: x
             }
           );
         } }),
-        /* @__PURE__ */ e(Le, { isOpen: ce === "settings", onClose: () => X(null), children: (y) => /* @__PURE__ */ e(
-          vn,
+        /* @__PURE__ */ e(He, { isOpen: me === "settings", onClose: () => G(null), children: (x) => /* @__PURE__ */ e(
+          In,
           {
-            onClose: y,
-            darkMode: V,
-            onToggleDarkMode: G,
-            skinId: Ce,
+            onClose: x,
+            darkMode: ne,
+            onToggleDarkMode: ae,
+            skinId: ge,
             onSelectSkin: (E) => {
-              fe(E);
-            }
+              Re(E);
+            },
+            showThemeToggle: T
           }
         ) })
       ]
     }
   );
 }
-function Nn({
+function Bn({
   projectId: t,
   apiUrl: n,
   assetBaseUrl: a,
   flowType: r,
   customerId: l,
+  brandId: u,
   defaultFiatCurrency: m,
-  defaultCryptoCurrency: d,
-  defaultNetwork: u,
-  defaultFiatAmount: s,
-  defaultCryptoAmount: i,
-  defaultWalletAddress: h,
+  defaultCryptoCurrency: s,
+  defaultNetwork: i,
+  defaultFiatAmount: h,
+  defaultCryptoAmount: p,
+  defaultWalletAddress: d,
   defaultGateway: f,
-  fieldLocks: v,
-  statusPollInterval: x,
-  onComplete: p,
-  onError: C,
-  className: R,
-  theme: P,
-  skinId: w,
-  accentColor: W,
-  bgColor: Q,
-  bgImage: j,
-  borderColor: q,
-  borderRadius: c,
-  showFlowToggle: O,
-  autoRedirect: N,
-  explorerUrl: I,
-  doneButtonText: _,
-  supportEmail: V,
-  onDone: G
+  fieldLocks: y,
+  statusPollInterval: w,
+  onComplete: b,
+  onError: T,
+  className: Q,
+  theme: Z,
+  skinId: q,
+  accentColor: ee,
+  bgColor: se,
+  bgImage: g,
+  borderColor: L,
+  borderRadius: S,
+  surfaceColor: c,
+  inputBgColor: C,
+  textColor: P,
+  textSecondaryColor: I,
+  textMutedColor: Se,
+  successColor: ie,
+  showFlowToggle: $,
+  showSettings: ue,
+  showThemeToggle: k,
+  autoRedirect: xe,
+  explorerUrl: V,
+  doneButtonText: ne,
+  supportEmail: ae,
+  onDone: ge
 }) {
   return /* @__PURE__ */ e(
-    Kt,
+    zt,
     {
       projectId: t,
       apiUrl: n,
       assetBaseUrl: a,
       flowType: r,
       customerId: l,
+      brandId: u,
       defaultFiatCurrency: m,
-      defaultCryptoCurrency: d,
-      defaultNetwork: u,
-      defaultFiatAmount: s,
-      defaultCryptoAmount: i,
-      defaultWalletAddress: h,
+      defaultCryptoCurrency: s,
+      defaultNetwork: i,
+      defaultFiatAmount: h,
+      defaultCryptoAmount: p,
+      defaultWalletAddress: d,
       defaultGateway: f,
-      fieldLocks: v,
-      statusPollInterval: x,
-      onComplete: p,
-      onError: C,
+      fieldLocks: y,
+      statusPollInterval: w,
+      onComplete: b,
+      onError: T,
       children: /* @__PURE__ */ e(
-        Cn,
+        Mn,
         {
-          className: R,
-          theme: P,
-          skinId: w,
-          accentColor: W,
-          bgColor: Q,
-          bgImage: j,
-          borderColor: q,
-          borderRadius: c,
-          showFlowToggle: O,
-          autoRedirect: N,
-          explorerUrl: I,
-          doneButtonText: _,
-          supportEmail: V,
-          onDone: G
+          className: Q,
+          theme: Z,
+          skinId: q,
+          accentColor: ee,
+          bgColor: se,
+          bgImage: g,
+          borderColor: L,
+          borderRadius: S,
+          surfaceColor: c,
+          inputBgColor: C,
+          textColor: P,
+          textSecondaryColor: I,
+          textMutedColor: Se,
+          successColor: ie,
+          showFlowToggle: $,
+          showSettings: ue,
+          showThemeToggle: k,
+          autoRedirect: xe,
+          explorerUrl: V,
+          doneButtonText: ne,
+          supportEmail: ae,
+          onDone: ge
         }
       )
     }
   );
 }
-function Bn({
+function jn({
   submitButtonText: t,
   rateRefreshInterval: n,
   ...a
 }) {
-  return /* @__PURE__ */ e(Nn, { ...a });
+  return /* @__PURE__ */ e(Bn, { ...a });
 }
-function On({
+function Vn({
   skin: t,
   active: n,
   onClick: a,
   darkMode: r,
   dimmed: l
 }) {
-  const m = t.accent === null, d = 32;
+  const u = t.accent === null, m = 32;
   return /* @__PURE__ */ o(
     "button",
     {
       onClick: a,
       className: "relative shrink-0",
-      style: { width: d, height: d, opacity: l ? 0.4 : 1, transition: "opacity 0.2s" },
+      style: { width: m, height: m, opacity: l ? 0.4 : 1, transition: "opacity 0.2s" },
       children: [
-        m ? /* @__PURE__ */ o("svg", { width: d, height: d, viewBox: "0 0 32 32", children: [
+        u ? /* @__PURE__ */ o("svg", { width: m, height: m, viewBox: "0 0 32 32", children: [
           /* @__PURE__ */ e("clipPath", { id: "mono-left", children: /* @__PURE__ */ e("rect", { x: "0", y: "0", width: "16", height: "32" }) }),
           /* @__PURE__ */ e("clipPath", { id: "mono-right", children: /* @__PURE__ */ e("rect", { x: "16", y: "0", width: "16", height: "32" }) }),
           /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: "#111111", clipPath: "url(#mono-left)" }),
           /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: "#ffffff", clipPath: "url(#mono-right)" }),
           /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: "none", stroke: r ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.1)", strokeWidth: "1" })
-        ] }) : /* @__PURE__ */ e("svg", { width: d, height: d, viewBox: "0 0 32 32", children: /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: t.accent }) }),
+        ] }) : /* @__PURE__ */ e("svg", { width: m, height: m, viewBox: "0 0 32 32", children: /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: t.accent }) }),
         n && !l && /* @__PURE__ */ e(
           "div",
           {
@@ -2811,13 +3032,13 @@ function On({
     }
   );
 }
-function bn({ quote: t }) {
+function On({ quote: t }) {
   return t.isBestRate ? /* @__PURE__ */ e("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Best price" }) : t.isRecommended ? /* @__PURE__ */ e("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Recommended" }) : t.rank && t.rank <= 3 ? /* @__PURE__ */ o("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: [
     "#",
     t.rank
   ] }) : null;
 }
-function En({ quote: t }) {
+function Pn({ quote: t }) {
   return t.gatewayLogo ? /* @__PURE__ */ e(
     "img",
     {
@@ -2828,9 +3049,9 @@ function En({ quote: t }) {
       className: "rounded-full shrink-0",
       style: { width: 36, height: 36 }
     }
-  ) : /* @__PURE__ */ e(Ve, { size: 36 });
+  ) : /* @__PURE__ */ e(qe, { size: 36 });
 }
-function An() {
+function Dn() {
   return /* @__PURE__ */ e("div", { className: "space-y-2", children: [0, 1, 2].map((t) => /* @__PURE__ */ o(
     "div",
     {
@@ -2843,34 +3064,34 @@ function An() {
         background: "var(--t-surface)"
       },
       children: [
-        /* @__PURE__ */ e(M, { w: 36, h: 36, className: "rounded-full shrink-0" }),
+        /* @__PURE__ */ e(B, { w: 36, h: 36, className: "rounded-full shrink-0" }),
         /* @__PURE__ */ o("div", { className: "flex-1", children: [
-          /* @__PURE__ */ e(M, { w: 90, h: 14, className: "mb-1.5" }),
-          /* @__PURE__ */ e(M, { w: 60, h: 12 })
+          /* @__PURE__ */ e(B, { w: 90, h: 14, className: "mb-1.5" }),
+          /* @__PURE__ */ e(B, { w: 60, h: 12 })
         ] }),
         /* @__PURE__ */ o("div", { className: "text-right", children: [
-          /* @__PURE__ */ e(M, { w: 40, h: 10, className: "mb-1.5" }),
-          /* @__PURE__ */ e(M, { w: 80, h: 14 })
+          /* @__PURE__ */ e(B, { w: 40, h: 10, className: "mb-1.5" }),
+          /* @__PURE__ */ e(B, { w: 80, h: 14 })
         ] })
       ]
     },
     t
   )) });
 }
-function Pn({
+function Gn({
   onClose: t,
   onSelect: n,
   quotes: a,
   quotesLoading: r,
   cryptoCurrency: l
 }) {
-  const [m, d] = b(""), u = F(() => {
+  const [u, m] = v(""), s = j(() => {
     if (!(a != null && a.quotes)) return [];
-    const s = m.trim().toLowerCase();
-    return s ? a.quotes.filter((i) => i.gatewayName.toLowerCase().includes(s)) : a.quotes;
-  }, [a, m]);
-  return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(ve, { onClick: t }) }),
+    const i = u.trim().toLowerCase();
+    return i ? a.quotes.filter((h) => h.gatewayName.toLowerCase().includes(i)) : a.quotes;
+  }, [a, u]);
+  return /* @__PURE__ */ o(te, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Ie, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2879,112 +3100,112 @@ function Pn({
         children: "Choose Ramp"
       }
     ),
-    /* @__PURE__ */ e(Be, { value: m, onChange: d }),
+    /* @__PURE__ */ e(Fe, { value: u, onChange: m }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5 space-y-2", children: [
-      r ? /* @__PURE__ */ e(An, {}) : u.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: a && a.quotes.length === 0 ? "No quotes available for this request" : "No providers found" }) : u.map((s, i) => {
-        const h = i === 0, f = parseFloat(s.cryptoAmount), v = f >= 1 ? f.toFixed(4) : f.toPrecision(6);
+      r ? /* @__PURE__ */ e(Dn, {}) : s.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: a && a.quotes.length === 0 ? "No quotes available for this request" : "No providers found" }) : s.map((i, h) => {
+        const p = h === 0, d = parseFloat(i.cryptoAmount), f = d >= 1 ? d.toFixed(4) : d.toPrecision(6);
         return /* @__PURE__ */ o(
           "button",
           {
-            onClick: () => n(s),
+            onClick: () => n(i),
             className: "w-full flex items-center gap-3.5 transition-colors",
             style: {
-              borderRadius: h ? 4.5 : 5,
-              height: h ? 63 : 64,
+              borderRadius: p ? 4.5 : 5,
+              height: p ? 63 : 64,
               paddingLeft: 16,
               paddingRight: 16,
-              border: h ? "1px solid var(--t-border)" : "1px solid transparent",
-              background: h ? "transparent" : "var(--t-surface)"
+              border: p ? "1px solid var(--t-border)" : "1px solid transparent",
+              background: p ? "transparent" : "var(--t-surface)"
             },
             children: [
-              /* @__PURE__ */ e(En, { quote: s }),
+              /* @__PURE__ */ e(Pn, { quote: i }),
               /* @__PURE__ */ o("div", { className: "text-left flex-1 min-w-0", children: [
-                /* @__PURE__ */ e("div", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: s.gatewayName }),
-                /* @__PURE__ */ e(bn, { quote: s })
+                /* @__PURE__ */ e("div", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: i.gatewayName }),
+                /* @__PURE__ */ e(On, { quote: i })
               ] }),
               /* @__PURE__ */ o("div", { className: "text-right shrink-0", children: [
                 /* @__PURE__ */ e("div", { className: "text-[11px]", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
                 /* @__PURE__ */ o("div", { className: "font-medium text-[14px]", style: { color: "var(--t-text)" }, children: [
                   l,
                   " ",
-                  v
+                  f
                 ] })
               ] })
             ]
           },
-          s.gatewayId
+          i.gatewayId
         );
       }),
-      !r && (a == null ? void 0 : a.unavailableGateways) && a.unavailableGateways.length > 0 && /* @__PURE__ */ e("div", { className: "pt-3", children: a.unavailableGateways.map((s) => /* @__PURE__ */ o(
+      !r && (a == null ? void 0 : a.unavailableGateways) && a.unavailableGateways.length > 0 && /* @__PURE__ */ e("div", { className: "pt-3", children: a.unavailableGateways.map((i) => /* @__PURE__ */ o(
         "div",
         {
           className: "flex items-center justify-between py-2 text-[12px]",
           style: { color: "var(--t-text-muted)" },
           children: [
-            /* @__PURE__ */ e("span", { children: s.gatewayName }),
-            /* @__PURE__ */ e("span", { children: s.reason })
+            /* @__PURE__ */ e("span", { children: i.gatewayName }),
+            /* @__PURE__ */ e("span", { children: i.reason })
           ]
         },
-        s.gatewayId
+        i.gatewayId
       )) })
     ] })
   ] });
 }
 export {
-  un as AnimatedDigit,
-  mn as AnimatedNumber,
-  jt as ApplePayIcon,
-  Fe as BLOCKCHAINS,
-  Gt as BankIcon,
-  Vt as CRYPTO_CHAIN_COMBOS,
-  Ft as CRYPTO_CURRENCIES,
-  Zt as CardIcon,
-  Bn as CheckoutForm,
-  rn as CheckoutStep,
-  ge as ChevronDown,
-  zt as ChevronRight,
-  Pn as ChooseRampModal,
-  ve as CloseButton,
-  Mn as CoinifyIcon,
-  sn as CompleteStep,
-  dn as ConfirmStep,
-  fn as CryptoCurrencyModal,
-  ht as CryptoIcon,
-  qt as DarkModeIcon,
-  cn as ErrorStep,
-  it as FIAT_CURRENCIES,
-  _t as FIAT_TO_COUNTRY,
-  hn as FiatCurrencyModal,
-  $e as FiatFlag,
-  pn as FormSkeleton,
-  Ve as GenericCoinIcon,
-  Yt as GooglePayIcon,
-  ut as MOCK_RATES,
-  Jt as MenuIcon,
-  Le as Modal,
-  Qt as PayPalIcon,
-  an as PaymentMethodSelector,
-  ln as ProcessingStep,
-  Nn as RampForm,
-  Kt as RampProvider,
-  Wt as RevolutIcon,
-  dt as SKINS,
-  Be as SearchInput,
-  vn as SettingsScreen,
-  M as Skeleton,
-  On as SkinSwatch,
-  xn as ToggleSwitch,
-  In as formatOutput,
-  Xe as getChainIconUrl,
-  gt as getCryptoIconUrl,
-  Xt as getFiatFlagUrl,
-  Ln as getMockRate,
-  en as getPaymentIcon,
-  $t as parseAmount,
-  Ht as useCheckoutIntent,
-  Pt as useQuotes,
-  he as useRamp,
-  Ot as useRampConfig,
-  Dt as useTransaction
+  En as AnimatedDigit,
+  An as AnimatedNumber,
+  on as ApplePayIcon,
+  Ze as BLOCKCHAINS,
+  an as BankIcon,
+  nn as CRYPTO_CHAIN_COMBOS,
+  Tt as CRYPTO_CURRENCIES,
+  cn as CardIcon,
+  jn as CheckoutForm,
+  xn as CheckoutStep,
+  Le as ChevronDown,
+  dn as ChevronRight,
+  Gn as ChooseRampModal,
+  Ie as CloseButton,
+  Wn as CoinifyIcon,
+  Nn as CompleteStep,
+  Cn as ConfirmStep,
+  Rn as CryptoCurrencyModal,
+  Et as CryptoIcon,
+  mn as DarkModeIcon,
+  bn as ErrorStep,
+  gt as FIAT_CURRENCIES,
+  qt as FIAT_TO_COUNTRY,
+  Sn as FiatCurrencyModal,
+  Je as FiatFlag,
+  wn as FormSkeleton,
+  qe as GenericCoinIcon,
+  ln as GooglePayIcon,
+  Nt as MOCK_RATES,
+  un as MenuIcon,
+  He as Modal,
+  sn as PayPalIcon,
+  yn as PaymentMethodSelector,
+  vn as ProcessingStep,
+  Bn as RampForm,
+  zt as RampProvider,
+  rn as RevolutIcon,
+  vt as SKINS,
+  Fe as SearchInput,
+  In as SettingsScreen,
+  B as Skeleton,
+  Vn as SkinSwatch,
+  kn as ToggleSwitch,
+  $n as formatOutput,
+  ze as getChainIconUrl,
+  kt as getCryptoIconUrl,
+  en as getFiatFlagUrl,
+  Xn as getMockRate,
+  pn as getPaymentIcon,
+  tn as parseAmount,
+  Yt as useCheckoutIntent,
+  Gt as useQuotes,
+  we as useRamp,
+  Vt as useRampConfig,
+  Qt as useTransaction
 };
 //# sourceMappingURL=index.js.map