@nowramp/form 0.1.52 → 0.1.54

package/dist/index.js

@@ -4,18 +4,18 @@
   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))}@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}.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}
+  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}.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}.uppercase{text-transform:uppercase}.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 te } from "react/jsx-runtime";
-import Pe, { useState as g, useRef as V, useCallback as O, useEffect as _, useMemo as j, useReducer as Xt, useContext as $t, createContext as jt } from "react";
-import { RampApi as Fe } from "@nowramp/sdk";
+import De, { useState as C, useRef as V, useCallback as H, useEffect as _, useMemo as j, useReducer as Xt, useContext as $t, createContext as jt } from "react";
+import { RampApi as Ke } from "@nowramp/sdk";
 import { createPortal as yt } from "react-dom";
 function Wt(t, n) {
-  const [a, r] = g(null), [l, u] = g(!0), [m, i] = g(null), s = V(null);
-  (!s.current || s.current !== t) && (s.current = new Fe({ apiKey: "", ...t }));
-  const p = O(async () => {
+  const [a, r] = C(null), [l, u] = C(!0), [m, i] = C(null), s = V(null);
+  (!s.current || s.current !== t) && (s.current = new Ke({ apiKey: "", ...t }));
+  const p = H(async () => {
     if (!t.projectId) {
       i(new Error("projectId is required")), u(!1);
       return;
@@ -35,8 +35,8 @@ function Wt(t, n) {
   }, [p]), { config: a, loading: l, error: m, refetch: p };
 }
 function Gt(t, n) {
-  const [a, r] = g(null), [l, u] = g(!1), [m, i] = g(null), s = V(null), p = V(""), h = `${t.apiUrl}|${t.projectId}`;
-  (!s.current || p.current !== h) && (s.current = new Fe({ apiKey: "", ...t }), p.current = h);
+  const [a, r] = C(null), [l, u] = C(!1), [m, i] = C(null), s = V(null), p = V(""), h = `${t.apiUrl}|${t.projectId}`;
+  (!s.current || p.current !== h) && (s.current = new Ke({ apiKey: "", ...t }), p.current = h);
   const d = V(0);
   _(() => {
     const y = ++d.current;
@@ -53,7 +53,7 @@ function Gt(t, n) {
       }
     );
   }, [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 f = O(async () => {
+  const f = H(async () => {
     if (!(!n || !t.projectId)) {
       u(!0), i(null);
       try {
@@ -68,10 +68,10 @@ function Gt(t, n) {
   }, [t.projectId, n]);
   return { quotes: a, loading: l, error: m, refetch: f };
 }
-function Zt(t) {
-  const [n, a] = g(null), [r, l] = g(!1), [u, m] = g(null), i = V(null), s = V(""), p = `${t.apiUrl}|${t.projectId}`;
-  (!i.current || s.current !== p) && (i.current = new Fe({ apiKey: "", ...t }), s.current = p);
-  const h = O(async (f) => {
+function Yt(t) {
+  const [n, a] = C(null), [r, l] = C(!1), [u, m] = C(null), i = V(null), s = V(""), p = `${t.apiUrl}|${t.projectId}`;
+  (!i.current || s.current !== p) && (i.current = new Ke({ apiKey: "", ...t }), s.current = p);
+  const h = H(async (f) => {
     l(!0), m(null);
     try {
       const y = await i.current.createCheckoutIntent(f);
@@ -82,15 +82,15 @@ function Zt(t) {
     } finally {
       l(!1);
     }
-  }, []), d = O(() => {
+  }, []), d = H(() => {
     a(null), m(null);
   }, []);
   return { order: n, loading: r, error: u, createOrder: h, reset: d };
 }
-function Yt(t, n, a) {
-  const [r, l] = g(null), [u, m] = g(!1), [i, s] = g(null), p = V(null);
-  p.current || (p.current = new Fe({ apiKey: "", projectId: "", ...t }));
-  const h = O(async () => {
+function Zt(t, n, a) {
+  const [r, l] = C(null), [u, m] = C(!1), [i, s] = C(null), p = V(null);
+  p.current || (p.current = new Ke({ apiKey: "", projectId: "", ...t }));
+  const h = H(async () => {
     if (n) {
       m(!0), s(null);
       try {
@@ -199,7 +199,7 @@ function Qt(t, n) {
   }
 }
 const Rt = jt(null);
-function Jt({
+function zt({
   projectId: t,
   apiUrl: n = "https://api.nowramp.com",
   assetBaseUrl: a = "",
@@ -217,11 +217,11 @@ function Jt({
   statusPollInterval: A = 5e3,
   onComplete: b,
   onError: T,
-  children: Y
+  children: Z
 }) {
-  const Q = j(() => ({ apiUrl: n, projectId: t }), [n, t]), q = s || (i ? i.toLowerCase() : ""), ee = r === "sell", ie = ee ? !!h : !!p, k = (ee ? !!(ie && i && q) : !!(ie && i && q && d)) && f ? "confirm" : "amount", S = p || (r === "buy" ? "250" : ""), [c, N] = Xt(Qt, {
+  const Q = j(() => ({ apiUrl: n, projectId: t }), [n, t]), q = s || (i ? i.toLowerCase() : ""), ee = r === "sell", ie = ee ? !!h : !!p, L = (ee ? !!(ie && i && q) : !!(ie && i && q && d)) && f ? "confirm" : "amount", S = p || (r === "buy" ? "250" : ""), [c, N] = Xt(Qt, {
     ...St,
-    step: k,
+    step: L,
     flowType: r,
     fiatCurrency: m,
     cryptoCurrency: i,
@@ -230,17 +230,17 @@ function Jt({
     cryptoAmount: xt(h, 6),
     walletAddress: d,
     customerId: l
-  }), H = c.flowType === "sell", {
+  }), O = c.flowType === "sell", {
     config: I,
     loading: Se,
     error: se
   } = Wt(Q, c.flowType);
-  Pe.useEffect(() => {
+  De.useEffect(() => {
     var U, F, M;
     if (!I || !c.cryptoCurrency || c.network) return;
     const v = (U = I.cryptos) == null ? void 0 : U.find((K) => K.code === c.cryptoCurrency), w = ((F = v == null ? void 0 : v.networks) == null ? void 0 : F.find((K) => K.isDefault)) || ((M = v == null ? void 0 : v.networks) == null ? void 0 : M[0]);
     w != null && w.id && N({ type: "SET_NETWORK", network: w.id });
-  }, [I, c.cryptoCurrency, c.network]), Pe.useEffect(() => {
+  }, [I, c.cryptoCurrency, c.network]), De.useEffect(() => {
     var M, K;
     if (!((M = I == null ? void 0 : I.paymentMethods) != null && M.length)) return;
     const v = c.fiatCurrency, w = I.paymentMethods;
@@ -254,7 +254,7 @@ function Jt({
     N({ type: "SET_PAYMENT_METHOD", methodId: (F == null ? void 0 : F.id) || ((K = w[0]) == null ? void 0 : K.id) || "" });
   }, [I, c.fiatCurrency, c.paymentMethodId]);
   const X = j(() => {
-    if (H) {
+    if (O) {
       if (!c.cryptoAmount) return null;
       const M = parseFloat(c.cryptoAmount);
       return isNaN(M) || M <= 0 ? "Enter a valid amount" : null;
@@ -266,48 +266,48 @@ function Jt({
     if (!w) return null;
     const U = parseFloat(w.minAmount), F = parseFloat(w.maxAmount);
     return !isNaN(U) && v < U ? `Minimum amount is ${w.minAmount} ${c.fiatCurrency}` : !isNaN(F) && v > F ? `Maximum amount is ${w.maxAmount} ${c.fiatCurrency}` : null;
-  }, [I, c.fiatAmount, c.fiatCurrency, c.cryptoAmount, H]), ue = j(() => {
-    const v = H ? !!c.cryptoAmount : !!c.fiatAmount;
+  }, [I, c.fiatAmount, c.fiatCurrency, c.cryptoAmount, O]), ue = j(() => {
+    const v = O ? !!c.cryptoAmount : !!c.fiatAmount;
     return !I || !v || !c.cryptoCurrency || !c.network || X ? null : {
       fiatCurrency: c.fiatCurrency,
-      ...H ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
+      ...O ? { 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, X, H, c.flowType]), {
-    quotes: L,
+  }, [I, c.fiatCurrency, c.fiatAmount, c.cryptoAmount, c.cryptoCurrency, c.network, c.paymentMethodId, c.country, X, O, c.flowType]), {
+    quotes: k,
     loading: xe,
     error: W,
     refetch: ne
   } = Gt(Q, ue), {
     order: ae,
-    loading: Ce,
+    loading: ge,
     error: Re,
     createOrder: me
-  } = Zt(Q), G = 15e3, {
-    status: Z,
-    loading: Me
-  } = Yt(
+  } = Yt(Q), G = 15e3, {
+    status: Y,
+    loading: Be
+  } = Zt(
     { apiUrl: n },
     (ae == null ? void 0 : ae.orderId) ?? null,
     { pollInterval: A, initialDelay: G }
   );
-  Pe.useEffect(() => {
-    (Z == null ? void 0 : Z.status) === "completed" && b && b(Z);
-  }, [Z == null ? void 0 : Z.status, b]), Pe.useEffect(() => {
+  De.useEffect(() => {
+    (Y == null ? void 0 : Y.status) === "completed" && b && b(Y);
+  }, [Y == null ? void 0 : Y.status, b]), De.useEffect(() => {
     const v = se || Re;
     v && T && T(v);
   }, [se, Re, T]);
-  const ge = f || (I == null ? void 0 : I.defaultGateway) || null, Te = V(ge);
-  Te.current = ge;
-  const ve = V(L);
-  ve.current = L;
+  const Ce = f || (I == null ? void 0 : I.defaultGateway) || null, Te = V(Ce);
+  Te.current = Ce;
+  const ve = V(k);
+  ve.current = k;
   const be = V(u);
   be.current = u;
-  const _e = O(async () => {
+  const Ve = H(async () => {
     var w, U, F;
     const v = ((w = c.selectedQuote) == null ? void 0 : w.gatewayId) || ((F = (U = ve.current) == null ? void 0 : U.bestQuote) == null ? void 0 : F.gatewayId) || Te.current;
     if (!v || !c.walletAddress) {
@@ -320,7 +320,7 @@ function Jt({
         gateway: v,
         customerId: c.customerId || void 0,
         fiatCurrency: c.fiatCurrency,
-        ...H ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
+        ...O ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
         cryptoCurrency: c.cryptoCurrency,
         network: c.network,
         walletAddress: c.walletAddress,
@@ -333,13 +333,13 @@ function Jt({
       const K = M instanceof Error ? M.message : "Failed to create order";
       /wallet|address/i.test(K) ? N({ type: "SET_WALLET_ERROR", message: K.replace(/^Failed to create checkout intent:\s*/i, "") }) : N({ type: "SET_ERROR", message: K });
     }
-  }, [c, me, H]), he = O((v) => {
+  }, [c, me, O]), he = H((v) => {
     N({ type: "SET_STEP", step: v });
-  }, []), Le = O(() => {
+  }, []), ke = H(() => {
     const v = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], w = v.indexOf(c.step);
     w > 0 && N({ type: "SET_STEP", step: v[w - 1] });
-  }, [c.step, H]), Ve = j(() => {
-    const v = H ? !!c.cryptoAmount : !!c.fiatAmount;
+  }, [c.step, O]), Xe = j(() => {
+    const v = O ? !!c.cryptoAmount : !!c.fiatAmount;
     switch (c.step) {
       case "confirm":
         return !!(v && c.cryptoCurrency && c.network && c.walletAddress && !X);
@@ -352,7 +352,7 @@ function Jt({
       default:
         return !1;
     }
-  }, [c, X, H]), Xe = {
+  }, [c, X, O]), $e = {
     apiConfig: Q,
     assetBaseUrl: a,
     config: I,
@@ -360,24 +360,24 @@ function Jt({
     configError: se,
     state: c,
     dispatch: N,
-    quotes: L,
+    quotes: k,
     quotesLoading: xe,
     quotesError: W,
     fetchQuotes: ne,
     order: ae,
-    orderLoading: Ce,
+    orderLoading: ge,
     orderError: Re,
-    createOrder: _e,
-    orderStatus: Z,
-    orderStatusLoading: Me,
+    createOrder: Ve,
+    orderStatus: Y,
+    orderStatusLoading: Be,
     fieldLocks: y || null,
-    defaultGateway: ge,
+    defaultGateway: Ce,
     amountError: X,
     goToStep: he,
-    goBack: Le,
-    canProceed: Ve
+    goBack: ke,
+    canProceed: Xe
   };
-  return /* @__PURE__ */ e(Rt.Provider, { value: Xe, children: Y });
+  return /* @__PURE__ */ e(Rt.Provider, { value: $e, children: Z });
 }
 function Ae() {
   const t = $t(Rt);
@@ -385,7 +385,35 @@ function Ae() {
     throw new Error("useRamp must be used within a RampProvider");
   return t;
 }
-const Qe = {
+const Le = {
+  // Canonical IDs (returned by the API — lowercase full names)
+  // These cover cases where the canonical ID differs from the legacy uppercase key
+  ethereum: { name: "Ethereum (ERC20)", shortName: "Ethereum", icon: "eth" },
+  bitcoin: { name: "Bitcoin", icon: "btc" },
+  solana: { name: "Solana", icon: "sol" },
+  polygon: { name: "Polygon", icon: "pol" },
+  arbitrum: { name: "Arbitrum", icon: "arb" },
+  avalanche: { name: "Avalanche C-Chain", shortName: "Avalanche", icon: "avax" },
+  litecoin: { name: "Litecoin", icon: "ltc" },
+  tezos: { name: "Tezos", icon: "xtz" },
+  sei: { name: "SEI", icon: "sei" },
+  imx: { name: "Immutable X", shortName: "Immutable", icon: "imx" },
+  galachain: { name: "Gala", icon: "gala" },
+  zksync2: { name: "zkSync Era", shortName: "zkSync", icon: "zksync" },
+  zks: { name: "zkSpace", icon: "zks" },
+  "flow-evm": { name: "Flow (EVM)", shortName: "Flow", icon: "flow" },
+  vara: { name: "Vara", icon: "vara" },
+  venom: { name: "Venom", icon: "venom" },
+  hsk: { name: "HashKey Chain", shortName: "HashKey", icon: "hsk" },
+  mck: { name: "MCK", icon: "mck" },
+  peer: { name: "Peer", icon: "peer" },
+  // Testnets (fallback display names)
+  goerli: { name: "Goerli Testnet", shortName: "Goerli", icon: "eth" },
+  hbartestnet: { name: "Hedera Testnet", shortName: "Hedera", icon: "hbar" },
+  arbitrumrinkeby: { name: "Arbitrum Testnet", shortName: "Arbitrum", icon: "arb" },
+  dydxtestnet: { name: "dYdX Testnet", shortName: "dYdX", icon: "stark" },
+  "zksync-rinkeby": { name: "zkSync Testnet", shortName: "zkSync", icon: "zksync" },
+  // Legacy uppercase keys (used by local crypto data and older integrations)
   ETH: { name: "Ethereum (ERC20)", shortName: "Ethereum", icon: "eth" },
   BSC: { name: "Binance Smart Chain (BEP20)", shortName: "Binance", icon: "bnb" },
   BTC: { name: "Bitcoin", icon: "btc" },
@@ -712,7 +740,7 @@ const Qe = {
   { 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 }
-], zt = Object.fromEntries(
+], Jt = Object.fromEntries(
   Tt.map((t) => [t.code, t.name])
 ), qt = {
   AED: "ae",
@@ -749,21 +777,21 @@ const Qe = {
   VND: "vn",
   ZAR: "za"
 };
-function Lt(t, n = "") {
+function kt(t, n = "") {
   return `${n}/crypto-icons/${t.toLowerCase()}.svg`;
 }
 function en(t, n = "") {
   const a = qt[t] || "us";
   return `${n}/flags/${a}.svg`;
 }
-function Ue(t) {
-  return Qe[t] || Qe[t.toUpperCase()] || Qe[t.toUpperCase().replace(/-/g, "_")];
+function Fe(t) {
+  return Le[t] || Le[t.toLowerCase()] || Le[t.toUpperCase()] || Le[t.toUpperCase().replace(/-/g, "_")] || Le[t.toLowerCase().replace(/-/g, "_")];
 }
-function Je(t, n = "") {
-  const a = Ue(t);
+function ze(t, n = "") {
+  const a = Fe(t);
   return a ? `${n}/crypto-icons/${a.icon}.svg` : `${n}/crypto-icons/${t.toLowerCase()}.svg`;
 }
-const Ct = [
+const gt = [
   { code: "ALL", name: "Albania Lek" },
   { code: "ARS", name: "Argentina Peso" },
   { code: "AUD", name: "Australian Dollar" },
@@ -776,7 +804,7 @@ const Ct = [
   { code: "CHF", name: "Swiss Franc" },
   { code: "MXN", name: "Mexican Peso" },
   { code: "INR", name: "Indian Rupee" }
-], gt = [
+], Ct = [
   { id: "blue", name: "Blue", accent: "#0077FF" },
   { id: "violet", name: "Violet", accent: "#7C3AED" },
   { id: "green", name: "Green", accent: "#10B981" },
@@ -815,14 +843,14 @@ const le = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), bt = 10, Nt = 1e-4, nn = (
       t.push({ code: n.code, name: n.name, chain: a, popular: n.popular });
   return t;
 })();
-function kt({
+function Lt({
   src: t,
   alt: n,
   size: a,
   className: r = "",
   background: l
 }) {
-  const [u, m] = g(!1), [i, s] = g(!1), p = O(() => m(!0), []), h = O(() => s(!0), []);
+  const [u, m] = C(!1), [i, s] = C(!1), p = H(() => m(!0), []), h = H(() => s(!0), []);
   return /* @__PURE__ */ o(
     "div",
     {
@@ -867,18 +895,18 @@ function kt({
 }
 function Et({ ticker: t, size: n = 32, baseUrl: a = "" }) {
   return /* @__PURE__ */ e(
-    kt,
+    Lt,
     {
-      src: Lt(t, a),
+      src: kt(t, a),
       alt: t,
       size: n,
       background: "#ffffff"
     }
   );
 }
-function ze({ currencyCode: t, size: n = 16, baseUrl: a = "" }) {
+function Je({ currencyCode: t, size: n = 16, baseUrl: a = "" }) {
   return /* @__PURE__ */ e(
-    kt,
+    Lt,
     {
       src: en(t, a),
       alt: t,
@@ -1052,7 +1080,7 @@ function Wn({ size: t = 18 }) {
     }
   );
 }
-function ke() {
+function Ie() {
   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 mn() {
@@ -1130,7 +1158,7 @@ function Mt(t, n, a = 24) {
   const r = yn[t];
   return r ? fn(r, a) : n ? /* @__PURE__ */ e("img", { src: n, alt: "", width: a, height: a, style: { borderRadius: "50%" } }) : /* @__PURE__ */ e(qe, { size: a });
 }
-function Cn({
+function gn({
   methods: t,
   selectedId: n,
   onOpenModal: a,
@@ -1176,19 +1204,19 @@ function Cn({
         /* @__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: 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(ke, {})
+          /* @__PURE__ */ e(Ie, {})
         ] })
       ]
     }
   ) });
 }
-function gn({
+function Cn({
   className: t = "",
   autoRedirect: n = !1,
   redirectDelay: a = 3e3
 }) {
   var f;
-  const { order: r, orderStatus: l, goToStep: u, goBack: m } = Ae(), [i, s] = g(!1), [p, h] = g(null), d = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
+  const { order: r, orderStatus: l, goToStep: u, goBack: m } = Ae(), [i, s] = C(!1), [p, h] = C(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) {
       h(Math.ceil(a / 1e3));
@@ -1835,7 +1863,7 @@ function wn({ className: t = "" }) {
     fetchQuotes: u,
     createOrder: m,
     orderLoading: i
-  } = Ae(), s = r.flowType === "sell", [p, h] = g(null), d = n == null ? void 0 : n.gateways.find((y) => y.id === l), f = async () => {
+  } = Ae(), s = r.flowType === "sell", [p, h] = C(null), d = n == null ? void 0 : n.gateways.find((y) => y.id === l), f = async () => {
     h(null);
     try {
       u(), await m();
@@ -1897,12 +1925,12 @@ function ye({ label: t, value: n, mono: a, highlight: r }) {
     )
   ] });
 }
-function De({
+function Ue({
   isOpen: t,
   onClose: n,
   children: a
 }) {
-  const [r, l] = g(!1), [u, m] = g(!1);
+  const [r, l] = C(!1), [u, m] = C(!1);
   _(() => {
     if (t)
       l(!0), requestAnimationFrame(() => requestAnimationFrame(() => m(!0)));
@@ -1912,7 +1940,7 @@ function De({
       return () => clearTimeout(s);
     }
   }, [t]);
-  const i = O(() => {
+  const i = H(() => {
     m(!1), setTimeout(() => n(), 250);
   }, [n]);
   return _(() => {
@@ -1985,7 +2013,7 @@ function Rn() {
     /* @__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 Ie({ onClick: t }) {
+function Me({ onClick: t }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -1998,7 +2026,7 @@ function Ie({ onClick: t }) {
     }
   );
 }
-function Ke({
+function _e({
   value: t,
   onChange: n,
   placeholder: a = ""
@@ -2033,9 +2061,9 @@ function Tn({
   assetBaseUrl: r = "",
   selectedCode: l
 }) {
-  const [u, m] = g(""), i = j(() => {
-    if (!a || a.length === 0) return Ct;
-    const p = new Map(Ct.map((h) => [h.code, h.name]));
+  const [u, m] = C(""), i = j(() => {
+    if (!a || a.length === 0) return gt;
+    const p = new Map(gt.map((h) => [h.code, h.name]));
     return a.map((h) => ({
       code: h.code,
       name: h.name || p.get(h.code) || h.code
@@ -2057,7 +2085,7 @@ function Tn({
     );
   }, [i, 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("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Me, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2072,7 +2100,7 @@ function Tn({
         children: "Select fiat currency"
       }
     ),
-    /* @__PURE__ */ e(Ke, { value: u, onChange: m }),
+    /* @__PURE__ */ e(_e, { value: u, onChange: m }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       s.map((p, h) => {
         const d = p.name !== p.code ? p.name : "", f = l === p.code;
@@ -2084,7 +2112,7 @@ function Tn({
               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(ze, { currencyCode: p.code, size: 32, baseUrl: r }),
+                /* @__PURE__ */ e(Je, { currencyCode: p.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: p.code }),
                   d && /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: d })
@@ -2115,7 +2143,7 @@ function Tn({
   ] });
 }
 function At({ src: t, alt: n, size: a, className: r, style: l }) {
-  const [u, m] = g(!1), [i, s] = g(!1), p = O(() => m(!0), []), h = O(() => s(!0), []);
+  const [u, m] = C(!1), [i, s] = C(!1), p = H(() => m(!0), []), h = H(() => s(!0), []);
   return /* @__PURE__ */ o("div", { className: r, style: { ...l, width: a, height: a, position: "relative" }, children: [
     !u && !i && /* @__PURE__ */ e(
       "div",
@@ -2147,12 +2175,12 @@ function At({ src: t, alt: n, size: a, className: r, style: l }) {
     )
   ] });
 }
-function Ln({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selectedCode: l, selectedChain: u }) {
-  const [m, i] = g(""), s = j(() => {
+function kn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selectedCode: l, selectedChain: u }) {
+  const [m, i] = C(""), s = j(() => {
     if (!a || a.length === 0) return nn;
     const d = [];
     for (const f of a) {
-      const y = f.networks || [], A = f.name || zt[f.code] || f.code;
+      const y = f.networks || [], A = f.name || Jt[f.code] || f.code;
       if (y.length === 0)
         d.push({ code: f.code, name: A, chain: f.code, popular: !1 });
       else
@@ -2168,14 +2196,14 @@ function Ln({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selecte
         }
     }
     return d;
-  }, [a]), p = O((d, f) => l === d && u === f, [l, u]), h = j(() => {
+  }, [a]), p = H((d, f) => l === d && u === f, [l, u]), h = j(() => {
     var A;
     const d = m.trim().toLowerCase();
     if (!d) {
       if (l && u) {
         const b = s.find((T) => T.code === l && T.chain === u);
         if (b) {
-          const T = s.filter((Y) => !(Y.code === l && Y.chain === u));
+          const T = s.filter((Z) => !(Z.code === l && Z.chain === u));
           return [b, ...T];
         }
       }
@@ -2183,15 +2211,15 @@ function Ln({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selecte
     }
     const f = d.split(/\s+/), y = [];
     for (const b of s) {
-      const T = Ue(b.chain), Y = T ? T.name.toLowerCase() : "", Q = ((A = T == null ? void 0 : T.shortName) == null ? void 0 : A.toLowerCase()) || "", q = b.chain.toLowerCase(), ee = b.code.toLowerCase(), ie = b.name.toLowerCase(), C = [ee, ie, Y, Q, q];
-      if (!f.every((c) => C.some((N) => N.includes(c)))) continue;
+      const T = Fe(b.chain), Z = T ? T.name.toLowerCase() : "", Q = ((A = T == null ? void 0 : T.shortName) == null ? void 0 : A.toLowerCase()) || "", q = b.chain.toLowerCase(), ee = b.code.toLowerCase(), ie = b.name.toLowerCase(), g = [ee, ie, Z, Q, q];
+      if (!f.every((c) => g.some((N) => N.includes(c)))) continue;
       let S = 0;
-      ee === d ? S += 100 : ee.startsWith(f[0]) && (S += 50), b.popular && (S += 10), f.length > 1 && (Y.includes(f[1]) || Q.includes(f[1]) || q.includes(f[1])) && (S += 25), y.push({ item: b, score: S });
+      ee === d ? S += 100 : ee.startsWith(f[0]) && (S += 50), b.popular && (S += 10), f.length > 1 && (Z.includes(f[1]) || Q.includes(f[1]) || q.includes(f[1])) && (S += 25), y.push({ item: b, score: S });
     }
     return y.sort((b, T) => T.score - b.score), y.map((b) => b.item);
   }, [s, 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("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Me, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2200,10 +2228,10 @@ function Ln({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selecte
         children: "Select crypto currency"
       }
     ),
-    /* @__PURE__ */ e(Ke, { value: m, onChange: i }),
+    /* @__PURE__ */ e(_e, { value: m, onChange: i }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       h.map((d, f) => {
-        const y = Ue(d.chain), A = (y == null ? void 0 : y.name) || d.chainName || d.chain, b = d.name !== d.code ? d.name : "", T = p(d.code, d.chain);
+        const y = Fe(d.chain), A = (y == null ? void 0 : y.name) || d.chainName || d.chain, b = d.name !== d.code ? d.name : "", T = p(d.code, d.chain);
         return /* @__PURE__ */ o("div", { children: [
           /* @__PURE__ */ o(
             "button",
@@ -2221,7 +2249,7 @@ function Ln({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selecte
                       children: /* @__PURE__ */ e(
                         At,
                         {
-                          src: Lt(d.code, r),
+                          src: kt(d.code, r),
                           alt: d.code,
                           size: 32
                         }
@@ -2242,7 +2270,7 @@ function Ln({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selecte
                       children: /* @__PURE__ */ e(
                         At,
                         {
-                          src: Je(d.chain, r),
+                          src: ze(d.chain, r),
                           alt: d.chain,
                           size: 16
                         }
@@ -2291,13 +2319,13 @@ function Ln({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selecte
     ] })
   ] });
 }
-function kn({
+function Ln({
   methods: t,
   selectedId: n,
   onSelect: a,
   onClose: r
 }) {
-  const [l, u] = g(""), m = j(() => {
+  const [l, u] = C(""), m = j(() => {
     const i = l.trim().toLowerCase();
     if (!i) {
       if (n) {
@@ -2314,7 +2342,7 @@ function kn({
     );
   }, [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("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Me, { onClick: r }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2323,7 +2351,7 @@ function kn({
         children: "Choose payment method"
       }
     ),
-    /* @__PURE__ */ e(Ke, { value: l, onChange: u }),
+    /* @__PURE__ */ e(_e, { value: l, onChange: u }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       m.map((i, s) => {
         const p = i.id === n, h = It(i.id, i.name);
@@ -2424,7 +2452,7 @@ function Bn({
   showThemeToggle: u = !0
 }) {
   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__ */ e("div", { className: "flex justify-end items-center px-5 pt-5", children: /* @__PURE__ */ e(Me, { onClick: t }) }),
     /* @__PURE__ */ o("div", { className: "px-5 flex-1 pt-6 overflow-y-auto custom-scroll", 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: [
@@ -2470,7 +2498,7 @@ function Bn({
     ] })
   ] });
 }
-function On({
+function Hn({
   className: t = "",
   theme: n = "dark",
   skinId: a = "mono",
@@ -2488,7 +2516,7 @@ function On({
   showFlowToggle: A = !0,
   showSettings: b = !0,
   showThemeToggle: T = !0,
-  autoRedirect: Y = !1,
+  autoRedirect: Z = !1,
   explorerUrl: Q,
   doneButtonText: q = "Done",
   supportEmail: ee,
@@ -2496,51 +2524,51 @@ function On({
 }) {
   var st, ct, dt, ut, mt, ht, pt, ft;
   const {
-    state: C,
-    dispatch: k,
+    state: g,
+    dispatch: L,
     config: S,
     configLoading: c,
     quotes: N,
-    quotesLoading: H,
+    quotesLoading: O,
     quotesError: I,
     fetchQuotes: Se,
     createOrder: se,
     orderLoading: X,
     amountError: ue,
-    fieldLocks: L,
+    fieldLocks: k,
     apiConfig: xe,
     assetBaseUrl: W
-  } = Ae(), [ne, ae] = g(n === "dark"), [Ce, Re] = g(a), [me, G] = g(null), [Z, Me] = g(!1), [ge, Te] = g(!1), [ve, be] = g(!1), [_e, he] = g(null), [Le, Ve] = g(!0), [Xe, v] = g(!1), [w, U] = g(!1), F = V(null), M = V(), K = V(C.flowType);
+  } = Ae(), [ne, ae] = C(n === "dark"), [ge, Re] = C(a), [me, G] = C(null), [Y, Be] = C(!1), [Ce, Te] = C(!1), [ve, be] = C(!1), [Ve, he] = C(null), [ke, Xe] = C(!0), [$e, v] = C(!1), [w, U] = C(!1), F = V(null), M = V(), K = V(g.flowType);
   _(() => {
     ae(n === "dark");
   }, [n]), _(() => {
-    const x = setTimeout(() => Ve(!1), c ? 0 : 800);
+    const x = setTimeout(() => Xe(!1), c ? 0 : 800);
     return () => clearTimeout(x);
   }, [c]), _(() => {
-    if (K.current !== C.flowType && !Le) {
-      K.current = C.flowType, v(!0), Me(!1), Te(!1);
+    if (K.current !== g.flowType && !ke) {
+      K.current = g.flowType, v(!0), Be(!1), Te(!1);
       const x = setTimeout(() => v(!1), 350);
       return () => clearTimeout(x);
     }
-    K.current = C.flowType;
-  }, [C.flowType, Le]);
-  const $ = C.flowType, P = $ === "buy", J = C.cryptoCurrency || "BTC", re = C.fiatCurrency || "USD", $e = P ? C.fiatAmount : C.cryptoAmount, pe = tn($e), Ne = (st = N == null ? void 0 : N.bestQuote) != null && st.exchangeRate ? parseFloat(N.bestQuote.exchangeRate) : null, Be = V(null);
-  Ne && J && re && (Be.current = { rate: Ne, crypto: J, fiat: re });
+    K.current = g.flowType;
+  }, [g.flowType, ke]);
+  const $ = g.flowType, P = $ === "buy", z = g.cryptoCurrency || "BTC", re = g.fiatCurrency || "USD", je = P ? g.fiatAmount : g.cryptoAmount, pe = tn(je), Ne = (st = N == null ? void 0 : N.bestQuote) != null && st.exchangeRate ? parseFloat(N.bestQuote.exchangeRate) : null, He = V(null);
+  Ne && z && re && (He.current = { rate: Ne, crypto: z, fiat: re });
   const Bt = j(() => {
     if (N != null && N.bestQuote) {
       const x = P ? N.bestQuote.cryptoAmount : N.bestQuote.fiatAmount;
       if (x) return x;
     }
     return "0";
-  }, [N, P]), Ot = j(() => {
-    var D, ce, Ge;
-    const x = Ne || ((D = Be.current) == null ? void 0 : D.rate), E = Ne ? J : (ce = Be.current) == null ? void 0 : ce.crypto, R = Ne ? re : (Ge = Be.current) == null ? void 0 : Ge.fiat;
+  }, [N, P]), Ht = j(() => {
+    var D, ce, Ye;
+    const x = Ne || ((D = He.current) == null ? void 0 : D.rate), E = Ne ? z : (ce = He.current) == null ? void 0 : ce.crypto, R = Ne ? re : (Ye = He.current) == null ? void 0 : Ye.fiat;
     return !x || !E || !R ? "" : `1 ${E} ≈ ${x.toFixed(2)} ${R}`;
-  }, [J, re, Ne]);
+  }, [z, re, Ne]);
   _(() => {
-    const x = C.walletAddress.trim(), E = C.network;
+    const x = g.walletAddress.trim(), E = g.network;
     if (!x || x.length < 10) {
-      he(null), k({ type: "SET_WALLET_ERROR", message: "" });
+      he(null), L({ type: "SET_WALLET_ERROR", message: "" });
       return;
     }
     return be(!0), he(null), clearTimeout(M.current), M.current = setTimeout(async () => {
@@ -2550,13 +2578,13 @@ function On({
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({ address: x, ...E ? { network: E } : {} })
-        })).json(), Ye = ((R = Ze.data) == null ? void 0 : R.attributes) || Ze.data || Ze;
-        if (Ye.isValid)
-          he(!0), k({ type: "SET_WALLET_ERROR", message: "" });
+        })).json(), Qe = ((R = Ze.data) == null ? void 0 : R.attributes) || Ze.data || Ze;
+        if (Qe.isValid)
+          he(!0), L({ type: "SET_WALLET_ERROR", message: "" });
         else {
           he(!1);
-          const Vt = ((D = Ye.errors) == null ? void 0 : D[0]) || ((ce = Ye.details) == null ? void 0 : ce.formatMessage) || "Invalid wallet address";
-          k({ type: "SET_WALLET_ERROR", message: Vt });
+          const Vt = ((D = Qe.errors) == null ? void 0 : D[0]) || ((ce = Qe.details) == null ? void 0 : ce.formatMessage) || "Invalid wallet address";
+          L({ type: "SET_WALLET_ERROR", message: Vt });
         }
       } catch {
         he(null);
@@ -2564,61 +2592,61 @@ function On({
         be(!1);
       }
     }, 500), () => clearTimeout(M.current);
-  }, [C.walletAddress, C.network, xe.apiUrl]);
-  const et = !$e || pe === 0, tt = pe > 0 && (P ? pe < bt : pe < Nt), nt = !!ue || tt || Z && et, Ht = pe > 0 && !ue && !tt, je = C.walletAddress.trim().length >= 10 && _e !== !1 && !ve, Oe = Ht && je && !!C.cryptoCurrency && !!C.network, Pt = (x) => {
+  }, [g.walletAddress, g.network, xe.apiUrl]);
+  const et = !je || pe === 0, tt = pe > 0 && (P ? pe < bt : pe < Nt), nt = !!ue || tt || Y && et, Ot = pe > 0 && !ue && !tt, We = g.walletAddress.trim().length >= 10 && Ve !== !1 && !ve, Oe = Ot && We && !!g.cryptoCurrency && !!g.network, Pt = (x) => {
     let E = x.target.value.replace(/[^0-9.,]/g, "");
     const R = P ? 2 : 6, D = E.indexOf(".");
-    D !== -1 && E.length - D - 1 > R && (E = E.slice(0, D + R + 1)), k(P ? { type: "SET_FIAT_AMOUNT", amount: E } : { type: "SET_CRYPTO_AMOUNT", amount: E });
+    D !== -1 && E.length - D - 1 > R && (E = E.slice(0, D + R + 1)), L(P ? { type: "SET_FIAT_AMOUNT", amount: E } : { type: "SET_CRYPTO_AMOUNT", amount: E });
   }, at = (x) => {
-    x !== $ && k({ type: "SET_FLOW_TYPE", flowType: x });
-  }, Dt = O(
+    x !== $ && L({ type: "SET_FLOW_TYPE", flowType: x });
+  }, Dt = H(
     (x) => {
-      k({ type: "SET_FIAT_CURRENCY", currency: x });
+      L({ type: "SET_FIAT_CURRENCY", currency: x });
     },
-    [k]
-  ), Ut = O(
+    [L]
+  ), Ut = H(
     (x, E) => {
-      k({ type: "SET_CRYPTO_CURRENCY", currency: x }), k({ type: "SET_CRYPTO_CHAIN", chain: E });
+      L({ type: "SET_CRYPTO_CURRENCY", currency: x }), L({ type: "SET_CRYPTO_CHAIN", chain: E });
     },
-    [k]
-  ), Ft = O(
+    [L]
+  ), Ft = H(
     (x) => {
-      k({ type: "SET_PAYMENT_METHOD", methodId: x });
+      L({ type: "SET_PAYMENT_METHOD", methodId: x });
     },
-    [k]
+    [L]
   ), Kt = () => {
     Oe && (U(!0), Se());
   };
   _(() => {
     var x;
-    if (!(!w || H)) {
+    if (!(!w || O)) {
       if (N != null && N.bestQuote)
-        U(!1), k({ type: "SELECT_QUOTE", quote: N.bestQuote }), se().catch(() => {
+        U(!1), L({ type: "SELECT_QUOTE", quote: N.bestQuote }), se().catch(() => {
         });
       else if (I)
-        U(!1), k({ type: "SET_ERROR", message: I.message || "No quotes available" });
+        U(!1), L({ type: "SET_ERROR", message: I.message || "No quotes available" });
       else if (N && !N.bestQuote) {
         U(!1);
         const E = (x = N.unavailableGateways) == null ? void 0 : x.map((D) => D.reason).filter(Boolean), R = E != null && E.length ? `No providers available: ${E.join("; ")}` : "No providers available for this currency/network combination";
-        k({ type: "SET_ERROR", message: R });
+        L({ type: "SET_ERROR", message: R });
       }
     }
-  }, [w, N, H, I, k, se]);
-  const rt = ne ? "theme-dark" : "theme-light", We = gt.find((x) => x.id === Ce) || gt[0], _t = We.accent === null, ot = (r ? le(r) : !1) ? { "--t-accent": r, "--t-cta-bg": r, "--t-cta-text": "#ffffff" } : _t ? {
+  }, [w, N, O, I, L, se]);
+  const rt = ne ? "theme-dark" : "theme-light", Ge = Ct.find((x) => x.id === ge) || Ct[0], _t = Ge.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": We.accent,
-    "--t-cta-bg": We.accent,
+    "--t-accent": Ge.accent,
+    "--t-cta-bg": Ge.accent,
     "--t-cta-text": "#ffffff"
-  }, z = {};
-  s && le(s) && (z["--t-surface"] = s, z["--t-modal-bg"] = s), p && le(p) && (z["--t-pill-bg"] = p, z["--t-close-bg"] = p), h && le(h) && (z["--t-text"] = h), d && le(d) && (z["--t-text-secondary"] = d), f && le(f) && (z["--t-text-muted"] = f, z["--t-text-tertiary"] = f), y && le(y) && (z["--t-success"] = y);
+  }, J = {};
+  s && le(s) && (J["--t-surface"] = s, J["--t-modal-bg"] = s), p && le(p) && (J["--t-pill-bg"] = p, J["--t-close-bg"] = p), h && le(h) && (J["--t-text"] = h), 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 He = {};
-  m && le(m) && (He.border = `1px solid ${m}`), i && (He.borderRadius = i);
-  const lt = C.step === "checkout" ? /* @__PURE__ */ e(gn, { autoRedirect: Y }) : C.step === "processing" ? /* @__PURE__ */ e(bn, {}) : C.step === "complete" ? /* @__PURE__ */ e(Nn, { explorerUrl: Q, doneButtonText: q, onDone: ie }) : C.step === "error" ? /* @__PURE__ */ e(En, { supportEmail: ee }) : C.step === "confirm" ? /* @__PURE__ */ e(wn, {}) : null;
+  const Pe = {};
+  m && le(m) && (Pe.border = `1px solid ${m}`), i && (Pe.borderRadius = i);
+  const lt = g.step === "checkout" ? /* @__PURE__ */ e(Cn, { autoRedirect: Z }) : g.step === "processing" ? /* @__PURE__ */ e(bn, {}) : g.step === "complete" ? /* @__PURE__ */ e(Nn, { explorerUrl: Q, doneButtonText: q, onDone: ie }) : g.step === "error" ? /* @__PURE__ */ e(En, { supportEmail: ee }) : g.step === "confirm" ? /* @__PURE__ */ e(wn, {}) : null;
   if (lt)
     return /* @__PURE__ */ e(
       "div",
@@ -2628,13 +2656,13 @@ function On({
           fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
           ...fe,
           ...ot,
-          ...z,
-          ...He
+          ...J,
+          ...Pe
         },
         children: lt
       }
     );
-  const oe = C.network, Ee = oe ? Ue(oe) : null, it = (Ee == null ? void 0 : Ee.shortName) || (Ee == null ? void 0 : Ee.name) || oe;
+  const oe = g.network, Ee = oe ? Fe(oe) : null, it = (Ee == null ? void 0 : Ee.shortName) || (Ee == null ? void 0 : Ee.name) || oe;
   return /* @__PURE__ */ o(
     "div",
     {
@@ -2643,8 +2671,8 @@ function On({
         fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
         ...fe,
         ...ot,
-        ...z,
-        ...He
+        ...J,
+        ...Pe
       },
       children: [
         b && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${A ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(hn, { onClick: () => G("settings") }) }),
@@ -2684,7 +2712,7 @@ function On({
             )
           ] })
         ] }) : null,
-        Le || Xe || c ? /* @__PURE__ */ e(Rn, {}) : /* @__PURE__ */ o("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
+        ke || $e || c ? /* @__PURE__ */ e(Rn, {}) : /* @__PURE__ */ o("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
           /* @__PURE__ */ o(
             "div",
             {
@@ -2692,7 +2720,7 @@ function On({
               style: {
                 background: "var(--t-surface)",
                 borderRadius: 5,
-                border: Z && nt ? "1px solid #EF4444" : "1px solid transparent",
+                border: Y && nt ? "1px solid #EF4444" : "1px solid transparent",
                 minHeight: 102
               },
               children: [
@@ -2703,14 +2731,14 @@ function On({
                     {
                       ref: F,
                       type: "text",
-                      value: $e,
+                      value: je,
                       onChange: Pt,
-                      onBlur: () => Me(!0),
+                      onBlur: () => Be(!0),
                       placeholder: P ? "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: !!((ct = L == null ? void 0 : L.sourceAmount) != null && ct.locked)
+                      disabled: !!((ct = k == null ? void 0 : k.sourceAmount) != null && ct.locked)
                     }
                   ),
                   P ? /* @__PURE__ */ o(
@@ -2725,11 +2753,11 @@ function On({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((dt = L == null ? void 0 : L.sourceCurrency) != null && dt.locked),
+                      disabled: !!((dt = k == null ? void 0 : k.sourceCurrency) != null && dt.locked),
                       children: [
-                        /* @__PURE__ */ e(ze, { currencyCode: re, size: 16, baseUrl: W }),
+                        /* @__PURE__ */ e(Je, { currencyCode: re, size: 16, baseUrl: W }),
                         /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: re }),
-                        /* @__PURE__ */ e(ke, {})
+                        /* @__PURE__ */ e(Ie, {})
                       ]
                     }
                   ) : /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
@@ -2745,11 +2773,11 @@ function On({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((ut = L == null ? void 0 : L.destinationCurrency) != null && ut.locked),
+                        disabled: !!((ut = k == null ? void 0 : k.destinationCurrency) != null && ut.locked),
                         children: [
-                          /* @__PURE__ */ e(Et, { ticker: J, size: 16, baseUrl: W }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: J }),
-                          /* @__PURE__ */ e(ke, {})
+                          /* @__PURE__ */ e(Et, { ticker: z, size: 16, baseUrl: W }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: z }),
+                          /* @__PURE__ */ e(Ie, {})
                         ]
                       }
                     ),
@@ -2757,7 +2785,7 @@ function On({
                       /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: Je(oe, W),
+                          src: ze(oe, W),
                           alt: oe,
                           width: 14,
                           height: 14,
@@ -2772,7 +2800,7 @@ function On({
               ]
             }
           ),
-          Z && nt && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: ue || (et ? "Amount should be more than 0" : P ? `Minimum amount is ${bt} ${re}` : `Minimum amount is ${Nt} ${J}`) }),
+          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" : P ? `Minimum amount is ${bt} ${re}` : `Minimum amount is ${Nt} ${z}`) }),
           /* @__PURE__ */ o(
             "div",
             {
@@ -2789,7 +2817,7 @@ function On({
               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: [
-                  H && !w ? /* @__PURE__ */ e(B, { w: 180, h: 32 }) : /* @__PURE__ */ e(
+                  O && !w ? /* @__PURE__ */ e(B, { w: 180, h: 32 }) : /* @__PURE__ */ e(
                     Sn,
                     {
                       value: pe > 0 ? Bt : "0",
@@ -2811,11 +2839,11 @@ function On({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((mt = L == null ? void 0 : L.destinationCurrency) != null && mt.locked),
+                        disabled: !!((mt = k == null ? void 0 : k.destinationCurrency) != null && mt.locked),
                         children: [
-                          /* @__PURE__ */ e(Et, { ticker: J, size: 16, baseUrl: W }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: J }),
-                          /* @__PURE__ */ e(ke, {})
+                          /* @__PURE__ */ e(Et, { ticker: z, size: 16, baseUrl: W }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: z }),
+                          /* @__PURE__ */ e(Ie, {})
                         ]
                       }
                     ),
@@ -2823,7 +2851,7 @@ function On({
                       /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: Je(oe, W),
+                          src: ze(oe, W),
                           alt: oe,
                           width: 14,
                           height: 14,
@@ -2845,11 +2873,11 @@ function On({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((ht = L == null ? void 0 : L.sourceCurrency) != null && ht.locked),
+                      disabled: !!((ht = k == null ? void 0 : k.sourceCurrency) != null && ht.locked),
                       children: [
-                        /* @__PURE__ */ e(ze, { currencyCode: re, size: 16, baseUrl: W }),
+                        /* @__PURE__ */ e(Je, { currencyCode: re, size: 16, baseUrl: W }),
                         /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: re }),
-                        /* @__PURE__ */ e(ke, {})
+                        /* @__PURE__ */ e(Ie, {})
                       ]
                     }
                   )
@@ -2865,16 +2893,16 @@ function On({
                 background: "var(--t-surface)",
                 ...(pt = S == null ? void 0 : S.paymentMethods) != null && pt.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
               },
-              children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: y ? "var(--t-success)" : "var(--t-text-secondary)" }, children: Ot || " " })
+              children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: y ? "var(--t-success)" : "var(--t-text-secondary)" }, children: Ht || " " })
             }
           ),
           (S == null ? void 0 : S.paymentMethods) && S.paymentMethods.length > 0 && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: /* @__PURE__ */ e(
-            Cn,
+            gn,
             {
               methods: S.paymentMethods,
-              selectedId: C.paymentMethodId,
+              selectedId: g.paymentMethodId,
               onOpenModal: () => G("payment"),
-              fiatCurrency: C.fiatCurrency
+              fiatCurrency: g.fiatCurrency
             }
           ) }),
           /* @__PURE__ */ o("div", { className: "mt-8", children: [
@@ -2883,15 +2911,15 @@ function On({
               "input",
               {
                 type: "text",
-                value: C.walletAddress,
-                onChange: (x) => k({ type: "SET_WALLET_ADDRESS", address: x.target.value }),
+                value: g.walletAddress,
+                onChange: (x) => L({ type: "SET_WALLET_ADDRESS", address: x.target.value }),
                 onBlur: () => Te(!0),
                 placeholder: P ? "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: C.walletError || ge && !je ? "1px solid #EF4444" : "1px solid var(--t-border)",
+                  border: g.walletError || Ce && !We ? "1px solid #EF4444" : "1px solid var(--t-border)",
                   borderRadius: 3.5,
                   height: 47,
                   padding: "0 14px",
@@ -2899,10 +2927,10 @@ function On({
                   fontSize: 13,
                   backgroundColor: "transparent"
                 },
-                disabled: !!((ft = L == null ? void 0 : L.destinationAddress) != null && ft.locked)
+                disabled: !!((ft = k == null ? void 0 : k.destinationAddress) != null && ft.locked)
               }
             ),
-            C.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: C.walletError }) : ge && !je && !ve ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : ve && C.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 }) : Ce && !We && !ve ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : ve && 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(
@@ -2919,12 +2947,12 @@ function On({
                 opacity: Oe && !X && !w ? 1 : 0.4,
                 cursor: Oe && !X && !w ? "pointer" : "not-allowed"
               },
-              children: w ? "Getting best price..." : X ? "Processing..." : P ? `Buy ${J}` : `Sell ${J}`
+              children: w ? "Getting best price..." : X ? "Processing..." : P ? `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" }) })
         ] }, $),
-        /* @__PURE__ */ e(De, { isOpen: me === "fiat", onClose: () => G(null), children: (x) => {
+        /* @__PURE__ */ e(Ue, { isOpen: me === "fiat", onClose: () => G(null), children: (x) => {
           var E;
           return /* @__PURE__ */ e(
             Tn,
@@ -2935,14 +2963,14 @@ function On({
               },
               currencies: (E = S == null ? void 0 : S.fiats) == null ? void 0 : E.map((R) => ({ code: R.code, name: R.code })),
               assetBaseUrl: W,
-              selectedCode: C.fiatCurrency
+              selectedCode: g.fiatCurrency
             }
           );
         } }),
-        /* @__PURE__ */ e(De, { isOpen: me === "crypto", onClose: () => G(null), children: (x) => {
+        /* @__PURE__ */ e(Ue, { isOpen: me === "crypto", onClose: () => G(null), children: (x) => {
           var E;
           return /* @__PURE__ */ e(
-            Ln,
+            kn,
             {
               onClose: x,
               onSelect: (R, D) => {
@@ -2957,18 +2985,18 @@ function On({
                 };
               }),
               assetBaseUrl: W,
-              selectedCode: C.cryptoCurrency,
-              selectedChain: C.network
+              selectedCode: g.cryptoCurrency,
+              selectedChain: g.network
             }
           );
         } }),
-        /* @__PURE__ */ e(De, { isOpen: me === "payment", onClose: () => G(null), children: (x) => {
+        /* @__PURE__ */ e(Ue, { isOpen: me === "payment", onClose: () => G(null), children: (x) => {
           var E;
           return /* @__PURE__ */ e(
-            kn,
+            Ln,
             {
-              methods: ((E = S == null ? void 0 : S.paymentMethods) == null ? void 0 : E.filter((R) => R.supportedFiats.includes(C.fiatCurrency))) || [],
-              selectedId: C.paymentMethodId,
+              methods: ((E = S == null ? void 0 : S.paymentMethods) == null ? void 0 : E.filter((R) => R.supportedFiats.includes(g.fiatCurrency))) || [],
+              selectedId: g.paymentMethodId,
               onSelect: (R) => {
                 Ft(R), x();
               },
@@ -2976,13 +3004,13 @@ function On({
             }
           );
         } }),
-        /* @__PURE__ */ e(De, { isOpen: me === "settings", onClose: () => G(null), children: (x) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Ue, { isOpen: me === "settings", onClose: () => G(null), children: (x) => /* @__PURE__ */ e(
           Bn,
           {
             onClose: x,
             darkMode: ne,
             onToggleDarkMode: ae,
-            skinId: Ce,
+            skinId: ge,
             onSelectSkin: (E) => {
               Re(E);
             },
@@ -2993,7 +3021,7 @@ function On({
     }
   );
 }
-function Hn({
+function On({
   projectId: t,
   apiUrl: n,
   assetBaseUrl: a,
@@ -3011,31 +3039,31 @@ function Hn({
   statusPollInterval: A,
   onComplete: b,
   onError: T,
-  className: Y,
+  className: Z,
   theme: Q,
   skinId: q,
   accentColor: ee,
   bgColor: ie,
-  bgImage: C,
-  borderColor: k,
+  bgImage: g,
+  borderColor: L,
   borderRadius: S,
   surfaceColor: c,
   inputBgColor: N,
-  textColor: H,
+  textColor: O,
   textSecondaryColor: I,
   textMutedColor: Se,
   successColor: se,
   showFlowToggle: X,
   showSettings: ue,
-  showThemeToggle: L,
+  showThemeToggle: k,
   autoRedirect: xe,
   explorerUrl: W,
   doneButtonText: ne,
   supportEmail: ae,
-  onDone: Ce
+  onDone: ge
 }) {
   return /* @__PURE__ */ e(
-    Jt,
+    zt,
     {
       projectId: t,
       apiUrl: n,
@@ -3055,30 +3083,30 @@ function Hn({
       onComplete: b,
       onError: T,
       children: /* @__PURE__ */ e(
-        On,
+        Hn,
         {
-          className: Y,
+          className: Z,
           theme: Q,
           skinId: q,
           accentColor: ee,
           bgColor: ie,
-          bgImage: C,
-          borderColor: k,
+          bgImage: g,
+          borderColor: L,
           borderRadius: S,
           surfaceColor: c,
           inputBgColor: N,
-          textColor: H,
+          textColor: O,
           textSecondaryColor: I,
           textMutedColor: Se,
           successColor: se,
           showFlowToggle: X,
           showSettings: ue,
-          showThemeToggle: L,
+          showThemeToggle: k,
           autoRedirect: xe,
           explorerUrl: W,
           doneButtonText: ne,
           supportEmail: ae,
-          onDone: Ce
+          onDone: ge
         }
       )
     }
@@ -3089,9 +3117,9 @@ function Gn({
   rateRefreshInterval: n,
   ...a
 }) {
-  return /* @__PURE__ */ e(Hn, { ...a });
+  return /* @__PURE__ */ e(On, { ...a });
 }
-function Zn({
+function Yn({
   skin: t,
   active: n,
   onClick: a,
@@ -3170,20 +3198,20 @@ function Un() {
     t
   )) });
 }
-function Yn({
+function Zn({
   onClose: t,
   onSelect: n,
   quotes: a,
   quotesLoading: r,
   cryptoCurrency: l
 }) {
-  const [u, m] = g(""), i = j(() => {
+  const [u, m] = C(""), i = j(() => {
     if (!(a != null && a.quotes)) return [];
     const s = u.trim().toLowerCase();
     return s ? a.quotes.filter((p) => p.gatewayName.toLowerCase().includes(s)) : 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("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Me, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -3192,7 +3220,7 @@ function Yn({
         children: "Choose Ramp"
       }
     ),
-    /* @__PURE__ */ e(Ke, { value: u, onChange: m }),
+    /* @__PURE__ */ e(_e, { value: u, onChange: m }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5 space-y-2", children: [
       r ? /* @__PURE__ */ e(Un, {}) : i.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" }) : i.map((s, p) => {
         const h = p === 0, d = parseFloat(s.cryptoAmount), f = d >= 1 ? d.toFixed(4) : d.toPrecision(6);
@@ -3247,57 +3275,57 @@ export {
   An as AnimatedDigit,
   Sn as AnimatedNumber,
   on as ApplePayIcon,
-  Qe as BLOCKCHAINS,
+  Le as BLOCKCHAINS,
   an as BankIcon,
   nn as CRYPTO_CHAIN_COMBOS,
   Tt as CRYPTO_CURRENCIES,
   un as CardIcon,
   Gn as CheckoutForm,
-  gn as CheckoutStep,
-  ke as ChevronDown,
+  Cn as CheckoutStep,
+  Ie as ChevronDown,
   mn as ChevronRight,
-  Yn as ChooseRampModal,
-  Ie as CloseButton,
+  Zn as ChooseRampModal,
+  Me as CloseButton,
   Wn as CoinifyIcon,
   Nn as CompleteStep,
   wn as ConfirmStep,
-  Ln as CryptoCurrencyModal,
+  kn as CryptoCurrencyModal,
   Et as CryptoIcon,
   pn as DarkModeIcon,
   En as ErrorStep,
-  Ct as FIAT_CURRENCIES,
+  gt as FIAT_CURRENCIES,
   qt as FIAT_TO_COUNTRY,
   Tn as FiatCurrencyModal,
-  ze as FiatFlag,
+  Je as FiatFlag,
   Rn as FormSkeleton,
   qe as GenericCoinIcon,
   ln as GooglePayIcon,
   vt as MOCK_RATES,
   hn as MenuIcon,
-  De as Modal,
+  Ue as Modal,
   sn as PayPalIcon,
-  Cn as PaymentMethodSelector,
+  gn as PaymentMethodSelector,
   bn as ProcessingStep,
-  Hn as RampForm,
-  Jt as RampProvider,
+  On as RampForm,
+  zt as RampProvider,
   rn as RevolutIcon,
-  gt as SKINS,
-  Ke as SearchInput,
+  Ct as SKINS,
+  _e as SearchInput,
   Bn as SettingsScreen,
   B as Skeleton,
-  Zn as SkinSwatch,
+  Yn as SkinSwatch,
   In as ToggleSwitch,
   jn as formatOutput,
-  Je as getChainIconUrl,
-  Lt as getCryptoIconUrl,
+  ze as getChainIconUrl,
+  kt as getCryptoIconUrl,
   en as getFiatFlagUrl,
   $n as getMockRate,
   fn as getPaymentIcon,
   tn as parseAmount,
-  Zt as useCheckoutIntent,
+  Yt as useCheckoutIntent,
   Gt as useQuotes,
   Ae as useRamp,
   Wt as useRampConfig,
-  Yt as useTransaction
+  Zt as useTransaction
 };
 //# sourceMappingURL=index.js.map