@nowramp/form 0.1.52 → 0.1.53

package/dist/index.js

@@ -4,17 +4,17 @@
   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 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 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 }));
+  (!s.current || s.current !== t) && (s.current = new Ke({ apiKey: "", ...t }));
   const p = O(async () => {
     if (!t.projectId) {
       i(new Error("projectId is required")), u(!1);
@@ -36,7 +36,7 @@ function Wt(t, n) {
 }
 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);
+  (!s.current || p.current !== h) && (s.current = new Ke({ apiKey: "", ...t }), p.current = h);
   const d = V(0);
   _(() => {
     const y = ++d.current;
@@ -70,7 +70,7 @@ function Gt(t, n) {
 }
 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);
+  (!i.current || s.current !== p) && (i.current = new Ke({ apiKey: "", ...t }), s.current = p);
   const h = O(async (f) => {
     l(!0), m(null);
     try {
@@ -89,7 +89,7 @@ function Zt(t) {
 }
 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 }));
+  p.current || (p.current = new Ke({ apiKey: "", projectId: "", ...t }));
   const h = O(async () => {
     if (n) {
       m(!0), s(null);
@@ -235,12 +235,12 @@ function Jt({
     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;
@@ -289,15 +289,15 @@ function Jt({
     createOrder: me
   } = Zt(Q), G = 15e3, {
     status: Z,
-    loading: Me
+    loading: Be
   } = Yt(
     { apiUrl: n },
     (ae == null ? void 0 : ae.orderId) ?? null,
     { pollInterval: A, initialDelay: G }
   );
-  Pe.useEffect(() => {
+  De.useEffect(() => {
     (Z == null ? void 0 : Z.status) === "completed" && b && b(Z);
-  }, [Z == null ? void 0 : Z.status, b]), Pe.useEffect(() => {
+  }, [Z == null ? void 0 : Z.status, b]), De.useEffect(() => {
     const v = se || Re;
     v && T && T(v);
   }, [se, Re, T]);
@@ -307,7 +307,7 @@ function Jt({
   ve.current = L;
   const be = V(u);
   be.current = u;
-  const _e = O(async () => {
+  const Ve = O(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) {
@@ -338,7 +338,7 @@ function Jt({
   }, []), Le = O(() => {
     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(() => {
+  }, [c.step, H]), Xe = j(() => {
     const v = H ? !!c.cryptoAmount : !!c.fiatAmount;
     switch (c.step) {
       case "confirm":
@@ -352,7 +352,7 @@ function Jt({
       default:
         return !1;
     }
-  }, [c, X, H]), Xe = {
+  }, [c, X, H]), $e = {
     apiConfig: Q,
     assetBaseUrl: a,
     config: I,
@@ -367,17 +367,17 @@ function Jt({
     order: ae,
     orderLoading: Ce,
     orderError: Re,
-    createOrder: _e,
+    createOrder: Ve,
     orderStatus: Z,
-    orderStatusLoading: Me,
+    orderStatusLoading: Be,
     fieldLocks: y || null,
     defaultGateway: ge,
     amountError: X,
     goToStep: he,
     goBack: Le,
-    canProceed: Ve
+    canProceed: Xe
   };
-  return /* @__PURE__ */ e(Rt.Provider, { value: Xe, children: Y });
+  return /* @__PURE__ */ e(Rt.Provider, { value: $e, children: Y });
 }
 function Ae() {
   const t = $t(Rt);
@@ -385,7 +385,17 @@ function Ae() {
     throw new Error("useRamp must be used within a RampProvider");
   return t;
 }
-const Qe = {
+const ke = {
+  // Canonical IDs (returned by the API)
+  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" },
+  // 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" },
@@ -756,11 +766,11 @@ 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 ke[t] || ke[t.toLowerCase()] || ke[t.toUpperCase()] || ke[t.toUpperCase().replace(/-/g, "_")] || ke[t.toLowerCase().replace(/-/g, "_")];
 }
 function Je(t, n = "") {
-  const a = Ue(t);
+  const a = Fe(t);
   return a ? `${n}/crypto-icons/${a.icon}.svg` : `${n}/crypto-icons/${t.toLowerCase()}.svg`;
 }
 const Ct = [
@@ -1052,7 +1062,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() {
@@ -1176,7 +1186,7 @@ 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, {})
         ] })
       ]
     }
@@ -1897,7 +1907,7 @@ function ye({ label: t, value: n, mono: a, highlight: r }) {
     )
   ] });
 }
-function De({
+function Ue({
   isOpen: t,
   onClose: n,
   children: a
@@ -1985,7 +1995,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 +2008,7 @@ function Ie({ onClick: t }) {
     }
   );
 }
-function Ke({
+function _e({
   value: t,
   onChange: n,
   placeholder: a = ""
@@ -2057,7 +2067,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 +2082,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;
@@ -2183,7 +2193,7 @@ 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];
+      const T = Fe(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;
       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 });
@@ -2191,7 +2201,7 @@ function Ln({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selecte
     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 +2210,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",
@@ -2314,7 +2324,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 +2333,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 +2434,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: [
@@ -2510,22 +2520,22 @@ function On({
     fieldLocks: L,
     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] = g(n === "dark"), [Ce, Re] = g(a), [me, G] = g(null), [Z, Be] = g(!1), [ge, Te] = g(!1), [ve, be] = g(!1), [Ve, he] = g(null), [Le, Xe] = g(!0), [$e, v] = g(!1), [w, U] = g(!1), F = V(null), M = V(), K = V(C.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);
+      K.current = C.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 });
+  const $ = C.flowType, P = $ === "buy", J = C.cryptoCurrency || "BTC", re = C.fiatCurrency || "USD", je = P ? C.fiatAmount : C.cryptoAmount, pe = tn(je), Ne = (st = N == null ? void 0 : N.bestQuote) != null && st.exchangeRate ? parseFloat(N.bestQuote.exchangeRate) : null, Oe = V(null);
+  Ne && J && re && (Oe.current = { rate: Ne, crypto: J, fiat: re });
   const Bt = j(() => {
     if (N != null && N.bestQuote) {
       const x = P ? N.bestQuote.cryptoAmount : N.bestQuote.fiatAmount;
@@ -2533,8 +2543,8 @@ function On({
     }
     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;
+    var D, ce, Ze;
+    const x = Ne || ((D = Oe.current) == null ? void 0 : D.rate), E = Ne ? J : (ce = Oe.current) == null ? void 0 : ce.crypto, R = Ne ? re : (Ze = Oe.current) == null ? void 0 : Ze.fiat;
     return !x || !E || !R ? "" : `1 ${E} ≈ ${x.toFixed(2)} ${R}`;
   }, [J, re, Ne]);
   _(() => {
@@ -2546,16 +2556,16 @@ function On({
     return be(!0), he(null), clearTimeout(M.current), M.current = setTimeout(async () => {
       var R, D, ce;
       try {
-        const Ze = await (await fetch(`${xe.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: x, ...E ? { network: E } : {} })
-        })).json(), Ye = ((R = Ze.data) == null ? void 0 : R.attributes) || Ze.data || Ze;
-        if (Ye.isValid)
+        })).json(), Qe = ((R = Ye.data) == null ? void 0 : R.attributes) || Ye.data || Ye;
+        if (Qe.isValid)
           he(!0), k({ 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";
+          const Vt = ((D = Qe.errors) == null ? void 0 : D[0]) || ((ce = Qe.details) == null ? void 0 : ce.formatMessage) || "Invalid wallet address";
           k({ type: "SET_WALLET_ERROR", message: Vt });
         }
       } catch {
@@ -2565,7 +2575,7 @@ function On({
       }
     }, 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) => {
+  const et = !je || pe === 0, tt = pe > 0 && (P ? pe < bt : pe < Nt), nt = !!ue || tt || Z && et, Ht = pe > 0 && !ue && !tt, We = C.walletAddress.trim().length >= 10 && Ve !== !1 && !ve, He = Ht && We && !!C.cryptoCurrency && !!C.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 });
@@ -2587,7 +2597,7 @@ function On({
     },
     [k]
   ), Kt = () => {
-    Oe && (U(!0), Se());
+    He && (U(!0), Se());
   };
   _(() => {
     var x;
@@ -2604,20 +2614,20 @@ function On({
       }
     }
   }, [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 ? {
+  const rt = ne ? "theme-dark" : "theme-light", Ge = gt.find((x) => x.id === Ce) || gt[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);
   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 Pe = {};
+  m && le(m) && (Pe.border = `1px solid ${m}`), i && (Pe.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;
   if (lt)
     return /* @__PURE__ */ e(
@@ -2629,12 +2639,12 @@ function On({
           ...fe,
           ...ot,
           ...z,
-          ...He
+          ...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 = C.network, Ee = oe ? Fe(oe) : null, it = (Ee == null ? void 0 : Ee.shortName) || (Ee == null ? void 0 : Ee.name) || oe;
   return /* @__PURE__ */ o(
     "div",
     {
@@ -2644,7 +2654,7 @@ function On({
         ...fe,
         ...ot,
         ...z,
-        ...He
+        ...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 +2694,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: [
+        Le || $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",
             {
@@ -2703,9 +2713,9 @@ 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 },
@@ -2729,7 +2739,7 @@ function On({
                       children: [
                         /* @__PURE__ */ e(ze, { 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: [
@@ -2749,7 +2759,7 @@ function On({
                         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(Ie, {})
                         ]
                       }
                     ),
@@ -2815,7 +2825,7 @@ function On({
                         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(Ie, {})
                         ]
                       }
                     ),
@@ -2849,7 +2859,7 @@ function On({
                       children: [
                         /* @__PURE__ */ e(ze, { 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, {})
                       ]
                     }
                   )
@@ -2891,7 +2901,7 @@ function On({
                 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: C.walletError || ge && !We ? "1px solid #EF4444" : "1px solid var(--t-border)",
                   borderRadius: 3.5,
                   height: 47,
                   padding: "0 14px",
@@ -2902,13 +2912,13 @@ function On({
                 disabled: !!((ft = L == null ? void 0 : L.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
+            C.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: C.walletError }) : ge && !We && !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
           ] }),
           /* @__PURE__ */ e("div", { className: "flex-1" }),
           /* @__PURE__ */ e(
             "button",
             {
-              disabled: !Oe || X || w,
+              disabled: !He || X || w,
               onClick: Kt,
               className: "w-full font-semibold text-[16px] transition-all",
               style: {
@@ -2916,15 +2926,15 @@ function On({
                 borderRadius: 5,
                 background: "var(--t-cta-bg)",
                 color: "var(--t-cta-text)",
-                opacity: Oe && !X && !w ? 1 : 0.4,
-                cursor: Oe && !X && !w ? "pointer" : "not-allowed"
+                opacity: He && !X && !w ? 1 : 0.4,
+                cursor: He && !X && !w ? "pointer" : "not-allowed"
               },
               children: w ? "Getting best price..." : X ? "Processing..." : P ? `Buy ${J}` : `Sell ${J}`
             }
           ),
           /* @__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,
@@ -2939,7 +2949,7 @@ function On({
             }
           );
         } }),
-        /* @__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,
@@ -2962,7 +2972,7 @@ function On({
             }
           );
         } }),
-        /* @__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,
@@ -2976,7 +2986,7 @@ 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,
@@ -3183,7 +3193,7 @@ function Yn({
     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 +3202,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,17 +3257,17 @@ export {
   An as AnimatedDigit,
   Sn as AnimatedNumber,
   on as ApplePayIcon,
-  Qe as BLOCKCHAINS,
+  ke 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,
+  Ie as ChevronDown,
   mn as ChevronRight,
   Yn as ChooseRampModal,
-  Ie as CloseButton,
+  Me as CloseButton,
   Wn as CoinifyIcon,
   Nn as CompleteStep,
   wn as ConfirmStep,
@@ -3274,7 +3284,7 @@ export {
   ln as GooglePayIcon,
   vt as MOCK_RATES,
   hn as MenuIcon,
-  De as Modal,
+  Ue as Modal,
   sn as PayPalIcon,
   Cn as PaymentMethodSelector,
   bn as ProcessingStep,
@@ -3282,7 +3292,7 @@ export {
   Jt as RampProvider,
   rn as RevolutIcon,
   gt as SKINS,
-  Ke as SearchInput,
+  _e as SearchInput,
   Bn as SettingsScreen,
   B as Skeleton,
   Zn as SkinSwatch,