@nexus-cross/crossx-sdk-core 2.3.0-beta.2 → 2.3.0-beta.4

package/dist/index.js

@@ -1,7 +1,7 @@
 import { createRemoteJWKSet as mt, jwtVerify as yt, decodeJwt as bt } from "jose";
-import { secp256k1 as St } from "@noble/curves/secp256k1.js";
+import { secp256k1 as vt } from "@noble/curves/secp256k1.js";
 import { keccak_256 as He } from "@noble/hashes/sha3.js";
-import { bytesToHex as vt } from "@noble/hashes/utils.js";
+import { bytesToHex as St } from "@noble/hashes/utils.js";
 var d = /* @__PURE__ */ ((i) => (i.AUTH_NOT_INITIALIZED = "AUTH_NOT_INITIALIZED", i.AUTH_FAILED = "AUTH_FAILED", i.AUTH_TOKEN_INVALID = "AUTH_TOKEN_INVALID", i.AUTH_TOKEN_EXPIRED = "AUTH_TOKEN_EXPIRED", i.AUTH_NOT_AUTHENTICATED = "AUTH_NOT_AUTHENTICATED", i.ALREADY_AUTHENTICATED = "ALREADY_AUTHENTICATED", i.SESSION_EXPIRED = "SESSION_EXPIRED", i.OAUTH_POPUP_BLOCKED = "OAUTH_POPUP_BLOCKED", i.WALLET_NOT_FOUND = "WALLET_NOT_FOUND", i.WALLET_CREATION_FAILED = "WALLET_CREATION_FAILED", i.WALLET_ALREADY_EXISTS = "WALLET_ALREADY_EXISTS", i.ADDRESS_LIMIT_EXCEEDED = "ADDRESS_LIMIT_EXCEEDED", i.SIGN_FAILED = "SIGN_FAILED", i.SIGN_REJECTED = "SIGN_REJECTED", i.TX_FAILED = "TX_FAILED", i.TX_REJECTED = "TX_REJECTED", i.BROADCAST_FAILED = "BROADCAST_FAILED", i.USER_REJECTED = "USER_REJECTED", i.TX_INVALID_PARAMS = "TX_INVALID_PARAMS", i.NETWORK_ERROR = "NETWORK_ERROR", i.NETWORK_NOT_CONFIGURED = "NETWORK_NOT_CONFIGURED", i.INVALID_CHAIN = "INVALID_CHAIN", i.CHAIN_NOT_SUPPORTED = "CHAIN_NOT_SUPPORTED", i.CHAIN_ADAPTER_NOT_FOUND = "CHAIN_ADAPTER_NOT_FOUND", i.NOT_IMPLEMENTED = "NOT_IMPLEMENTED", i.SIGNATURE_FAILED = "SIGNATURE_FAILED", i.TRANSACTION_FAILED = "TRANSACTION_FAILED", i.PREPARE_FAILED = "PREPARE_FAILED", i.PREPARE_EXPIRED = "PREPARE_EXPIRED", i.PREPARE_MISMATCH = "PREPARE_MISMATCH", i.MIGRATION_FAILED = "MIGRATION_FAILED", i.MIGRATION_BACKUP_EXISTS = "MIGRATION_BACKUP_EXISTS", i.MIGRATION_PIN_LOCKED = "MIGRATION_PIN_LOCKED", i.GATEWAY_INTERNAL_ERROR = "GATEWAY_INTERNAL_ERROR", i.GATEWAY_LOCK_CONFLICT = "GATEWAY_LOCK_CONFLICT", i.WALLET_INCONSISTENT_STATE = "WALLET_INCONSISTENT_STATE", i.PROJECT_ID_MISSING = "PROJECT_ID_MISSING", i.ORIGIN_NOT_ALLOWED = "ORIGIN_NOT_ALLOWED", i.APP_IDENTIFIER_MISSING = "APP_IDENTIFIER_MISSING", i.INVALID_APP_TYPE = "INVALID_APP_TYPE", i.PROJECT_NOT_REGISTERED = "PROJECT_NOT_REGISTERED", i.SIGNATURE_SIGNER_MISMATCH = "SIGNATURE_SIGNER_MISMATCH", i.GAS_ESTIMATION_FAILED = "GAS_ESTIMATION_FAILED", i.TYPED_DATA_CHAIN_ID_MISMATCH = "TYPED_DATA_CHAIN_ID_MISMATCH", i.PIN_NOT_SET = "PIN_NOT_SET", i.PIN_WRONG = "PIN_WRONG", i.PIN_INVALID = "PIN_INVALID", i.PIN_REPEATED_PATTERN = "PIN_REPEATED_PATTERN", i.PIN_CANCELLED = "PIN_CANCELLED", i.EXTERNAL_WALLET_REQUESTED = "EXTERNAL_WALLET_REQUESTED", i.PIN_LOCKED = "PIN_LOCKED", i.HMAC_REQUIRED = "HMAC_REQUIRED", i.HMAC_VERIFICATION_FAILED = "HMAC_VERIFICATION_FAILED", i.WITHDRAW_FAILED = "WITHDRAW_FAILED", i.USER_NOT_FOUND = "USER_NOT_FOUND", i.RN_BRIDGE_NOT_AVAILABLE = "RN_BRIDGE_NOT_AVAILABLE", i.RN_BRIDGE_HANDSHAKE_FAILED = "RN_BRIDGE_HANDSHAKE_FAILED", i.RN_NATIVE_SESSION_EXPIRED = "RN_NATIVE_SESSION_EXPIRED", i.INVALID_CONFIG = "INVALID_CONFIG", i.UNKNOWN_ERROR = "UNKNOWN_ERROR", i))(d || {});
 class h extends Error {
   constructor(e, r, t) {
@@ -33,7 +33,7 @@ function It(i) {
 function kt(i) {
   return Array.isArray(i.connectOtherWallets) && i.connectOtherWallets.length > 0 ? [...i.connectOtherWallets] : i.showConnectOtherWallets === !0 ? [...At] : [];
 }
-const Se = {
+const ve = {
   // ─── CROSS ────────────────────────────────────────────
   CROSS_MAINNET: {
     caipId: "eip155:612055",
@@ -83,12 +83,12 @@ const Se = {
     testnet: !0
   }
 }, Ls = Object.fromEntries(
-  Object.entries(Se).map(([i, e]) => [i, e.caipId])
+  Object.entries(ve).map(([i, e]) => [i, e.caipId])
 ), Tt = new Map(
-  Object.values(Se).map((i) => [i.caipId, i])
+  Object.values(ve).map((i) => [i.caipId, i])
 );
 new Map(
-  Object.values(Se).map((i) => [i.chainId, i])
+  Object.values(ve).map((i) => [i.chainId, i])
 );
 const Rt = { symbol: "", decimals: 18 };
 function Ae(i) {
@@ -676,16 +676,16 @@ const Ke = "crossx_access_token", ze = "crossx_refresh_token", qe = "crossx_user
       const { authApiUrl: _ } = this.config, { accessToken: u, refreshToken: g } = await this.exchangeFirebaseToken(e, _);
       let x, f, m;
       try {
-        const v = this.crypto.decodeJWT(e);
-        c.log("[CROSSx] Firebase JWT 필드:", Object.keys(v).join(", ")), f = (o = v.firebase) == null ? void 0 : o.sign_in_provider;
-        const E = ((n = v.firebase) == null ? void 0 : n.identities) ?? {};
-        m = v.email ?? ((a = E.email) == null ? void 0 : a[0]), f === "google.com" ? x = (l = E["google.com"]) == null ? void 0 : l[0] : f === "apple.com" && (x = (p = E["apple.com"]) == null ? void 0 : p[0]), c.log("[CROSSx] OAuth provider sub 추출 — provider:", f, "hasProviderSub:", !!x, "email:", m ?? "(없음)");
+        const S = this.crypto.decodeJWT(e);
+        c.log("[CROSSx] Firebase JWT 필드:", Object.keys(S).join(", ")), f = (o = S.firebase) == null ? void 0 : o.sign_in_provider;
+        const E = ((n = S.firebase) == null ? void 0 : n.identities) ?? {};
+        m = S.email ?? ((a = E.email) == null ? void 0 : a[0]), f === "google.com" ? x = (l = E["google.com"]) == null ? void 0 : l[0] : f === "apple.com" && (x = (p = E["apple.com"]) == null ? void 0 : p[0]), c.log("[CROSSx] OAuth provider sub 추출 — provider:", f, "hasProviderSub:", !!x, "email:", m ?? "(없음)");
       } catch {
         c.warn("[CROSSx] firebaseToken에서 providerSub 추출 실패");
       }
       if (u) {
-        const v = this.crypto.decodeJWT(u);
-        c.log("[CROSSx] access_token 디코딩 — sub:", v.sub, "exp:", v.exp, "필드:", Object.keys(v).join(", "));
+        const S = this.crypto.decodeJWT(u);
+        c.log("[CROSSx] access_token 디코딩 — sub:", S.sub, "exp:", S.exp, "필드:", Object.keys(S).join(", "));
         const E = await this.crypto.verifyJWT(u);
         if (s = E.signatureVerified ?? !1, !E.valid)
           throw c.error("[CROSSx] access_token 검증 실패"), new Error("유효하지 않은 access token");
@@ -706,10 +706,10 @@ const Ke = "crossx_access_token", ze = "crossx_refresh_token", qe = "crossx_user
           providerSub: x
         }, this.tokenStore.set(u), this.useCookieAuth || (await this.storage.set(this.STORAGE_KEY_ACCESS_TOKEN, u), g && this.config.secureStorageAvailable !== !1 ? await this.storage.set(this.STORAGE_KEY_REFRESH_TOKEN, g) : g && c.warn("[CROSSx] 안전한 스토리지 미사용 — refresh_token 영속 저장을 건너뜁니다"));
       } else {
-        const v = this.crypto.decodeJWT(e);
+        const S = this.crypto.decodeJWT(e);
         t = {
-          id: v.sub,
-          email: v.email ?? r,
+          id: S.sub,
+          email: S.email ?? r,
           signInProvider: f,
           providerSub: x
         }, c.log("[CROSSx] Cookie 모드 — Firebase 토큰에서 사용자 정보 추출 — id:", t.id);
@@ -1448,7 +1448,7 @@ function at() {
   }
   return pe.production;
 }
-const Wt = 2e3, Ve = 6e4, Ut = 1e3, Ht = 1e4, Gt = "0x77359400", je = "0x3B9ACA00", Ye = 130, Me = 6, Xe = 18, Je = 3e4, Kt = 5 * 60 * 1e3, zt = 30 * 1e3, Ne = 100, qt = "crossx-sdk-js/2.3.0";
+const Wt = 2e3, Ve = 6e4, Ut = 1e3, Ht = 1e4, Gt = "0x77359400", je = "0x3B9ACA00", Ye = 130, Me = 6, Xe = 18, Je = 3e4, Kt = 5 * 60 * 1e3, zt = 30 * 1e3, Ne = 100, qt = "crossx-sdk-js/2.3.0-beta.3";
 function ct(i) {
   let e = i.length;
   for (; e > 0 && i.charCodeAt(e - 1) === 48; ) e--;
@@ -2387,8 +2387,8 @@ const oe = class oe extends Mt {
       },
       getIsRecoveringSession: () => this._isRecoveringSession,
       emitAddressChanged: ({ address: f, index: m, walletName: y }) => {
-        const v = { address: f, index: m };
-        y !== void 0 && (v.walletName = y), this.emit("addressChanged", v);
+        const S = { address: f, index: m };
+        y !== void 0 && (S.walletName = y), this.emit("addressChanged", S);
       },
       emitAuthChanged: ({ isAuthenticated: f, address: m, userId: y }) => {
         this.emit("authChanged", { isAuthenticated: f, address: m, userId: y });
@@ -2535,7 +2535,7 @@ const oe = class oe extends Mt {
   }
   async _doInitialize(e) {
     var r, t;
-    c.log("[CROSSx SDK] v2.3.0 초기화 중..."), this.confirmation.setMessages(J(this._config.locale));
+    c.log("[CROSSx SDK] v2.3.0-beta.3 초기화 중..."), this.confirmation.setMessages(J(this._config.locale));
     try {
       const s = at();
       this.internalConfig.oauthServiceUrl = s.oauthServiceUrl, this.internalConfig.authApiUrl = s.authApiUrl, this.internalConfig.walletGatewayUrl = s.walletGatewayUrl, this.adapterConfig.gatewayUrl = s.walletGatewayUrl, (t = (r = this.crypto).setJWKSEndpoint) == null || t.call(r, `${s.authApiUrl}/.well-known/jwks.json`);
@@ -2564,7 +2564,7 @@ const oe = class oe extends Mt {
           c.log("[CROSSx] initialize: 비밀번호 입력 취소 — 지갑 미로드 상태로 계속");
         }
       }
-      return this.initialized = !0, c.info("[CROSSx SDK] v2.3.0 초기화 완료"), this.emit("initialized", { restored: !!(l != null && l.success) }), l ?? null;
+      return this.initialized = !0, c.info("[CROSSx SDK] v2.3.0-beta.3 초기화 완료"), this.emit("initialized", { restored: !!(l != null && l.success) }), l ?? null;
     } catch (s) {
       throw new h(d.AUTH_NOT_INITIALIZED, "SDK 초기화에 실패했습니다", s);
     }
@@ -2585,7 +2585,7 @@ const oe = class oe extends Mt {
       const e = new X({
         appId: this._config.projectId,
         appVersion: "1.0.0",
-        sdkVersion: "2.3.0",
+        sdkVersion: "2.3.0-beta.3",
         keyId: "key-id-1",
         userIdHash: "user-hash-placeholder",
         projectId: this._config.projectId
@@ -3515,27 +3515,27 @@ const oe = class oe extends Mt {
   async sendTransactionWithWaitForReceipt(e, r, t = {}) {
     var m, y;
     if (this._isAuthenticatedViaRNBridge) {
-      const v = X.getBridge();
-      if (v != null && v.sendTransactionWithWaitForReceipt)
-        return this.bridgeSendTransactionWithWaitForReceipt(v, e, r, t);
+      const S = X.getBridge();
+      if (S != null && S.sendTransactionWithWaitForReceipt)
+        return this.bridgeSendTransactionWithWaitForReceipt(S, e, r, t);
     }
     const { intervalMs: s, timeoutMs: o, ...n } = t, { txHash: a } = await this.sendTransaction(e, r, n), l = s ?? ((m = this._config.receiptPolling) == null ? void 0 : m.intervalMs) ?? Wt, p = o ?? ((y = this._config.receiptPolling) == null ? void 0 : y.timeoutMs) ?? Ve, _ = Ae(e), u = r.from ?? "";
     let g, x;
-    const f = this.waitForTxAndGetReceipt(a, e, { intervalMs: l, timeoutMs: p }).then((v) => {
-      g = v;
-      const E = BigInt(v.gasUsed) * BigInt(v.effectiveGasPrice), A = r.value ? BigInt(r.value) : 0n, I = we(r.value, _.symbol, _.decimals, this._config.displayDecimals), T = we("0x" + E.toString(16), _.symbol, _.decimals, this._config.displayDecimals), C = we("0x" + (A + E).toString(16), _.symbol, _.decimals, this._config.displayDecimals);
+    const f = this.waitForTxAndGetReceipt(a, e, { intervalMs: l, timeoutMs: p }).then((S) => {
+      g = S;
+      const E = BigInt(S.gasUsed) * BigInt(S.effectiveGasPrice), A = r.value ? BigInt(r.value) : 0n, I = we(r.value, _.symbol, _.decimals, this._config.displayDecimals), T = we("0x" + E.toString(16), _.symbol, _.decimals, this._config.displayDecimals), C = we("0x" + (A + E).toString(16), _.symbol, _.decimals, this._config.displayDecimals);
       return {
         chainId: e,
         txHash: a,
-        from: v.from,
-        to: v.to ?? r.to,
+        from: S.from,
+        to: S.to ?? r.to,
         amount: I,
         fees: T,
         total: C,
         nativeSymbol: _.symbol,
-        status: v.status === "0x1" ? "success" : "reverted"
+        status: S.status === "0x1" ? "success" : "reverted"
       };
-    }).catch((v) => (x = v instanceof Error ? v : new Error(String(v)), {
+    }).catch((S) => (x = S instanceof Error ? S : new Error(String(S)), {
       chainId: e,
       txHash: a,
       from: u,
@@ -4290,11 +4290,11 @@ ${t.length}`
     const n = He(o), a = r.startsWith("0x") ? r.slice(2) : r;
     if (a.length !== 130)
       throw new Error(`서명 길이가 유효하지 않습니다: 130 hex 문자 예상, 현재 ${a.length}`);
-    const l = gr(a), p = l.slice(0, 32), _ = l.slice(32, 64), u = l[64], g = u >= 27 ? u - 27 : u, m = new St.Signature(
+    const l = gr(a), p = l.slice(0, 32), _ = l.slice(32, 64), u = l[64], g = u >= 27 ? u - 27 : u, m = new vt.Signature(
       et(p),
       et(_)
     ).addRecoveryBit(g).recoverPublicKey(n).toBytes(!1).slice(1), y = He(m);
-    return "0x" + vt(y.slice(12));
+    return "0x" + St(y.slice(12));
   }
 }
 function gr(i) {
@@ -4441,9 +4441,9 @@ class se {
       const x = setTimeout(() => {
         c.warn("[CROSSx] OAuth 타임아웃 (5분) — postMessage를 수신하지 못했습니다"), I(), t(new Error("Authentication timeout"));
       }, 5 * 60 * 1e3), f = 10, m = 30;
-      let y = 0, v = null;
+      let y = 0, S = null;
       const E = () => {
-        clearInterval(A), c.warn("[CROSSx] COOP 감지 — OAuth 서버 응답을 " + m + "초간 대기합니다"), v = setTimeout(() => {
+        clearInterval(A), c.warn("[CROSSx] COOP 감지 — OAuth 서버 응답을 " + m + "초간 대기합니다"), S = setTimeout(() => {
           I(), t(new Error(
             "OAuth 서버로부터 응답을 받지 못했습니다. 브라우저 보안 정책(COOP)으로 인해 팝업 통신이 차단되었을 수 있습니다. 다시 시도해 주세요."
           ));
@@ -4458,7 +4458,7 @@ class se {
           E();
         }
       }, 1e3), I = () => {
-        clearTimeout(x), clearInterval(A), v && clearTimeout(v), window.removeEventListener("message", T);
+        clearTimeout(x), clearInterval(A), S && clearTimeout(S), window.removeEventListener("message", T);
       }, T = (C) => {
         if (C.origin !== e.expectedOrigin) return;
         if (!yr.has(C.origin)) {
@@ -4484,16 +4484,16 @@ class se {
           c.error("[CROSSx] OAuth 실패:", N.error), t(new Error(N.error || "Authentication failed"));
           return;
         }
-        const z = N == null ? void 0 : N.idToken, P = N == null ? void 0 : N.accessToken, L = P ?? z, B = (N == null ? void 0 : N.email) || void 0;
+        const z = N == null ? void 0 : N.idToken, P = N == null ? void 0 : N.accessToken, L = P ?? z, W = (N == null ? void 0 : N.email) || void 0;
         if (c.log("[CROSSx] OAuth 토큰 수신:", {
           hasAccessToken: !!P,
           hasIdToken: !!z,
-          hasEmail: !!B
+          hasEmail: !!W
         }), !L) {
           c.error("[CROSSx] 토큰을 찾을 수 없음:", C.data), t(new Error("Token not found in response"));
           return;
         }
-        const ne = { token: L, email: B }, ae = (ge) => {
+        const ne = { token: L, email: W }, ae = (ge) => {
           se.verifyIdTokenNonce(ge, p).then(() => r(ne)).catch((ce) => {
             c.error("[CROSSx] nonce 검증 실패:", ce), t(ce instanceof Error ? ce : new Error("nonce verification failed"));
           });
@@ -4741,9 +4741,9 @@ class ie {
               d.USER_NOT_FOUND,
               ie.getGatewayErrorMessage(x.code, f)
             );
-          const y = m === d.AUTH_NOT_AUTHENTICATED ? d.SESSION_EXPIRED : m, v = y === d.SESSION_EXPIRED ? "인증 세션이 만료되었습니다. 다시 로그인해 주세요." : ie.getGatewayErrorMessage(x.code, f), E = x.data;
+          const y = m === d.AUTH_NOT_AUTHENTICATED ? d.SESSION_EXPIRED : m, S = y === d.SESSION_EXPIRED ? "인증 세션이 만료되었습니다. 다시 로그인해 주세요." : ie.getGatewayErrorMessage(x.code, f), E = x.data;
           let A;
-          throw m === d.PIN_LOCKED ? A = ie.extractLockDetails(E) : m === d.ADDRESS_LIMIT_EXCEEDED ? A = { limit: Ne, raw: E } : A = E ?? void 0, new h(y, v, A);
+          throw m === d.PIN_LOCKED ? A = ie.extractLockDetails(E) : m === d.ADDRESS_LIMIT_EXCEEDED ? A = { limit: Ne, raw: E } : A = E ?? void 0, new h(y, S, A);
         }
         return c.log("[CROSSx] Wallet Gateway API 성공:", { code: x.code, url: n, method: e }), x.data ?? x;
       }
@@ -5141,7 +5141,7 @@ class ie {
     }
   }
 }
-class Sr {
+class vr {
   constructor(e, r, t, s = () => {
   }) {
     this.inner = e, this.getBridge = r, this.isAuthenticatedViaRNBridge = t, this.assertBridgeSessionActive = s, e.checkWallet && (this.checkWallet = () => e.checkWallet()), e.prepare && (this.prepare = (o, n) => e.prepare(o, n)), e.migrateWallet && (this.migrateWallet = (o, n) => e.migrateWallet(o, n)), e.verifyPin && (this.verifyPin = (o) => e.verifyPin(o)), e.getShareC && (this.getShareC = () => e.getShareC()), e.verifyRecoveryPin && (this.verifyRecoveryPin = (o, n) => e.verifyRecoveryPin(o, n));
@@ -5325,7 +5325,7 @@ class xe {
     );
   }
   static fallbackChains() {
-    return Object.values(Se).map((e) => ({
+    return Object.values(ve).map((e) => ({
       chainId: e.caipId,
       rpcUrl: e.rpcUrl
     }));
@@ -5349,7 +5349,7 @@ class xe {
     }
   }
 }
-const tt = "__crossx-confirm-style", M = "__crossx-confirm-overlay", vr = {
+const tt = "__crossx-confirm-style", M = "__crossx-confirm-overlay", Sr = {
   light: {
     bg: "#FFFFFF",
     border: "rgba(0,0,0,0.07)",
@@ -5362,7 +5362,8 @@ const tt = "__crossx-confirm-style", M = "__crossx-confirm-overlay", vr = {
     pillFromColor: "rgba(0,0,0,0.65)",
     pillAmtColor: "#000000",
     divider: "rgba(0,0,0,0.07)",
-    closeColor: "rgba(0,0,0,0.65)",
+    closeColor: "rgba(0,0,0,0.40)",
+    // Figma content/low (#00000066)
     closeHoverBg: "#F5F7FA",
     copyColor: "rgba(0,0,0,0.65)",
     inputBg: "#F5F7FA",
@@ -5391,7 +5392,8 @@ const tt = "__crossx-confirm-style", M = "__crossx-confirm-overlay", vr = {
     pillFromColor: "rgba(255,255,255,0.65)",
     pillAmtColor: "#FFFFFF",
     divider: "rgba(255,255,255,0.07)",
-    closeColor: "rgba(255,255,255,0.65)",
+    closeColor: "rgba(255,255,255,0.40)",
+    // Figma content/low (#FFFFFF66)
     closeHoverBg: "#252B39",
     copyColor: "rgba(255,255,255,0.65)",
     inputBg: "#252B39",
@@ -5410,7 +5412,7 @@ const tt = "__crossx-confirm-style", M = "__crossx-confirm-overlay", vr = {
   }
 };
 function rt(i, e) {
-  const r = vr[i], t = e == null ? void 0 : e[i];
+  const r = Sr[i], t = e == null ? void 0 : e[i];
   return t ? {
     ...r,
     // ── Brand
@@ -5520,16 +5522,22 @@ const Er = `
   -webkit-appearance: none;
   box-shadow: none;
   outline: none;
+  /* 아이콘 색은 content/low(--cx-close) 단일 알파값만 사용 — opacity 중첩 금지 */
+  opacity: 1;
+  transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
+}
+.__crossx-close:hover {
+  background: var(--cx-close-hover);
+  color: var(--cx-subtitle);
 }
-.__crossx-close:hover,
-.__crossx-close:focus,
 .__crossx-close:active {
-  background: none !important;
-  box-shadow: none !important;
-  outline: none !important;
-  filter: none !important;
-  transform: none !important;
-  opacity: 1 !important;
+  background: var(--cx-close-hover);
+  color: var(--cx-title);
+  transform: scale(0.92);
+}
+.__crossx-close:focus-visible {
+  outline: 2px solid var(--cx-primary);
+  outline-offset: 2px;
 }
 .__crossx-close svg { display: block; }
 
@@ -6107,6 +6115,9 @@ const Er = `
   transition: border-color 0.15s, box-shadow 0.15s;
   -webkit-text-security: disc;
 }
+.__crossx-pin-input:hover:not(:focus) {
+  border-color: var(--cx-border-medium);
+}
 .__crossx-pin-input:focus {
   border-color: var(--cx-primary);
   box-shadow: 0 0 0 2px var(--cx-primary-glow);
@@ -6793,19 +6804,21 @@ button.__crossx-connect-other-block:active {
   width: 100%;
   text-align: left;
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  transition: background-color 0.15s ease, transform 0.1s ease;
 }
 .__crossx-wallet-item--selected {
   border-color: transparent;
 }
-.__crossx-wallet-item:hover,
-.__crossx-wallet-item:focus,
+.__crossx-wallet-item:hover {
+  background: var(--cx-surface-high);
+}
 .__crossx-wallet-item:active {
-  opacity: 1 !important;
-  box-shadow: none !important;
-  outline: none !important;
-  filter: none !important;
-  transform: none !important;
-  background: var(--cx-pill-bg) !important;
+  background: var(--cx-surface-high);
+  transform: scale(0.985);
+}
+.__crossx-wallet-item:focus-visible {
+  outline: 2px solid var(--cx-primary);
+  outline-offset: 2px;
 }
 .__crossx-wallet-avatar {
   width: 28px;
@@ -6887,7 +6900,7 @@ button.__crossx-connect-other-block:active {
   justify-content: center;
   gap: 8px;
   padding: 16px;
-  border: 1px dashed var(--cx-divider);
+  border: 1px dashed var(--cx-border-medium); /* Figma border/medium */
   border-radius: 12px;
   cursor: pointer;
   appearance: none;
@@ -6900,16 +6913,18 @@ button.__crossx-connect-other-block:active {
   flex-shrink: 0;
   color: var(--cx-value);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
+}
+.__crossx-wallet-add:hover {
+  background: var(--cx-pill-bg);
 }
-.__crossx-wallet-add:hover,
-.__crossx-wallet-add:focus,
 .__crossx-wallet-add:active {
-  opacity: 1 !important;
-  box-shadow: none !important;
-  outline: none !important;
-  filter: none !important;
-  transform: none !important;
-  background: none !important;
+  background: var(--cx-surface-high);
+  transform: scale(0.99);
+}
+.__crossx-wallet-add:focus-visible {
+  outline: 2px solid var(--cx-primary);
+  outline-offset: 2px;
 }
 .__crossx-wallet-add:disabled { opacity: 0.5; cursor: not-allowed; }
 .__crossx-wallet-add-icon {
@@ -8250,7 +8265,7 @@ function _t(i, e, r) {
 const Z = `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
   <rect x="9" y="9" width="13" height="13" rx="2"/>
   <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>
-</svg>`, W = `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round">
+</svg>`, B = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
   <line x1="18" y1="6" x2="6" y2="18"/>
   <line x1="6" y1="6" x2="18" y2="18"/>
 </svg>`, Pr = `<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -8309,13 +8324,13 @@ function D(i, e) {
     </div>`;
 }
 function Br(i, e, r, t) {
-  const s = e, o = i.nativeSymbol ?? "ETH", n = i.nativeDecimals ?? 18, a = ve(i.dappName), l = i.to ? `<span class="__crossx-addr-text">${Q(i.to)}</span>
+  const s = e, o = i.nativeSymbol ?? "ETH", n = i.nativeDecimals ?? 18, a = Se(i.dappName), l = i.to ? `<span class="__crossx-addr-text">${Q(i.to)}</span>
        <button class="__crossx-copy-btn" data-copy="${w(i.to)}" title="Copy address">${Z}</button>` : "<span>—</span>", p = _t(i, r, t), _ = dt(i.value, o, n, r), u = _ ? D((t == null ? void 0 : t.label_value) ?? "Value", `<span>${_}</span>`) : "", g = i.data ?? "0x", x = document.createElement("div");
   return x.id = M, x.innerHTML = `
     <div class="__crossx-card __crossx-card--migration __crossx-card--sign-tx" style="${H(s)}" role="dialog" aria-modal="true" aria-labelledby="__crossx-ttl">
       <div class="__crossx-header">
         <p class="__crossx-title" id="__crossx-ttl">${w((t == null ? void 0 : t.sign_transaction_title) ?? "Signature Request")}</p>
-        <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${W}</button>
+        <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${B}</button>
       </div>
       <hr class="__crossx-divider">
       <div class="__crossx-body">
@@ -8363,13 +8378,13 @@ function Ur(i) {
   return i ? Wr.has(i.slice(0, 10).toLowerCase()) : !1;
 }
 function Hr(i, e, r, t) {
-  const s = e, o = i.nativeSymbol ?? "ETH", n = i.nativeDecimals ?? 18, a = ve(i.dappName), l = i.to ? `<span class="__crossx-addr-text">${Q(i.to)}</span>
+  const s = e, o = i.nativeSymbol ?? "ETH", n = i.nativeDecimals ?? 18, a = Se(i.dappName), l = i.to ? `<span class="__crossx-addr-text">${Q(i.to)}</span>
        <button class="__crossx-copy-btn" data-copy="${w(i.to)}" title="Copy address">${Z}</button>` : "<span>—</span>", p = _t(i, r, t), u = dt(i.value, o, n, r) ?? "—", g = Ur(i.data) ? (t == null ? void 0 : t.send_tx_approve_button) ?? "Approve" : (t == null ? void 0 : t.send_tx_confirm_button) ?? "Confirm", x = document.createElement("div");
   return x.id = M, x.innerHTML = `
     <div class="__crossx-card __crossx-card--migration __crossx-card--send-tx" style="${H(s)}" role="dialog" aria-modal="true" aria-labelledby="__crossx-ttl">
       <div class="__crossx-header">
         <p class="__crossx-title" id="__crossx-ttl">${w((t == null ? void 0 : t.send_transaction_title) ?? "Approve transaction")}</p>
-        <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${W}</button>
+        <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${B}</button>
       </div>
       <hr class="__crossx-divider">
       <div class="__crossx-body">
@@ -8392,7 +8407,7 @@ function Hr(i, e, r, t) {
     </div>
   `, x;
 }
-function ve(i) {
+function Se(i) {
   var e;
   if (i) return i;
   try {
@@ -8449,7 +8464,7 @@ function jr(i, e, r) {
     <div class="__crossx-card __crossx-card--migration" style="${H(e)}" role="dialog" aria-modal="true" aria-labelledby="__crossx-ttl">
       <div class="__crossx-header">
         <p class="__crossx-title" id="__crossx-ttl">${w((r == null ? void 0 : r.tx_success) ?? "Transaction complete")}</p>
-        <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${W}</button>
+        <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${B}</button>
       </div>
       <hr class="__crossx-divider">
       <div class="__crossx-body">
@@ -8491,7 +8506,7 @@ function Xr(i, e, r, t) {
   }
   if (a && !i.querySelector("#__crossx-close-btn")) {
     const m = document.createElement("button");
-    m.className = "__crossx-close", m.id = "__crossx-close-btn", m.setAttribute("aria-label", "Close"), m.innerHTML = W, a.appendChild(m);
+    m.className = "__crossx-close", m.id = "__crossx-close-btn", m.setAttribute("aria-label", "Close"), m.innerHTML = B, a.appendChild(m);
   }
   const l = i.querySelector("#__crossx-progress-body");
   if (!l) return;
@@ -8516,19 +8531,19 @@ function Xr(i, e, r, t) {
     m.addEventListener("click", (y) => {
       var E;
       y.stopPropagation();
-      const v = m.dataset.copy;
-      v && ((E = navigator.clipboard) == null || E.writeText(v).catch(() => {
+      const S = m.dataset.copy;
+      S && ((E = navigator.clipboard) == null || E.writeText(S).catch(() => {
       }));
     });
   });
 }
 function Jr(i, e, r) {
-  const t = e, s = ve(i.dappName), o = w(i.message), n = document.createElement("div");
+  const t = e, s = Se(i.dappName), o = w(i.message), n = document.createElement("div");
   return n.id = M, n.innerHTML = `
     <div class="__crossx-card __crossx-card--migration __crossx-card--sign-msg" style="${H(t)}" role="dialog" aria-modal="true" aria-labelledby="__crossx-ttl">
       <div class="__crossx-header">
         <p class="__crossx-title" id="__crossx-ttl">${w((r == null ? void 0 : r.sign_message_title) ?? "Signature Request")}</p>
-        <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${W}</button>
+        <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${B}</button>
       </div>
       <hr class="__crossx-divider">
       <div class="__crossx-body">
@@ -8555,7 +8570,7 @@ function Jr(i, e, r) {
   `, n;
 }
 function Zr(i, e, r) {
-  const t = e, s = ve(i.dappName);
+  const t = e, s = Se(i.dappName);
   let o = {};
   if (typeof i.typedData == "string")
     try {
@@ -8583,7 +8598,7 @@ function Zr(i, e, r) {
     <div class="__crossx-card __crossx-card--migration __crossx-card--sign-typed" style="${H(t)}" role="dialog" aria-modal="true" aria-labelledby="__crossx-ttl">
       <div class="__crossx-header">
         <p class="__crossx-title" id="__crossx-ttl">${w((r == null ? void 0 : r.sign_typed_data_title) ?? "Signature Request")}</p>
-        <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${W}</button>
+        <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${B}</button>
       </div>
       <hr class="__crossx-divider">
       <div class="__crossx-body">
@@ -8643,7 +8658,7 @@ function is(i, e, r, t) {
           <p class="__crossx-title" id="__crossx-ttl">${w((t == null ? void 0 : t.wallet_selector_title) ?? "Select Connected Wallet")}</p>
           <p class="__crossx-subtitle--body">${w((t == null ? void 0 : t.wallet_selector_description) ?? "Please select the wallet you previously used for this game to continue.")}</p>
         </div>
-        <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${W}</button>
+        <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${B}</button>
       </div>
       <hr class="__crossx-divider">
       <div class="__crossx-body __crossx-wallet-selector-body">
@@ -8679,7 +8694,7 @@ function os(i, e) {
   const n = document.createElement("p");
   n.className = "__crossx-title", n.id = "__crossx-ttl", n.style.paddingRight = "48px", n.textContent = (e == null ? void 0 : e.wallet_created_title) ?? "Wallet Created!";
   const a = document.createElement("button");
-  a.className = "__crossx-close", a.id = "__crossx-close-btn", a.type = "button", a.ariaLabel = "Close", a.textContent = "×", s.append(o, n, a);
+  a.className = "__crossx-close", a.id = "__crossx-close-btn", a.type = "button", a.ariaLabel = "Close", a.innerHTML = B, s.append(o, n, a);
   const l = document.createElement("hr");
   l.className = "__crossx-divider";
   const p = document.createElement("div");
@@ -8751,7 +8766,7 @@ function ds(i, e = [], r) {
           <p class="__crossx-title" id="__crossx-ttl" style="padding-right:0;">${w((r == null ? void 0 : r.login_selector_title) ?? "CROSS Wallet")}</p>
           <p class="__crossx-subtitle">${w((r == null ? void 0 : r.login_selector_subtitle) ?? "Sign in instantly with your social account")}</p>
         </div>
-        <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${W}</button>
+        <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${B}</button>
       </div>
       <hr class="__crossx-divider">
       <div class="__crossx-body">
@@ -8783,7 +8798,7 @@ function ps(i, e) {
     <div class="__crossx-card __crossx-card--migration" style="${H(r)}" role="alertdialog" aria-modal="true" aria-labelledby="__crossx-session-header-title" aria-describedby="__crossx-session-msg">
       <div class="__crossx-header">
         <p class="__crossx-title" id="__crossx-session-header-title">${w(e.title)}</p>
-        <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${W}</button>
+        <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${B}</button>
       </div>
       <hr class="__crossx-divider">
       <div class="__crossx-body" style="padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px;">
@@ -8801,7 +8816,7 @@ function ps(i, e) {
   `, t;
 }
 function _s(i, e = !0) {
-  const r = i, t = e ? `<button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${W}</button>` : "", s = e ? '<button class="__crossx-skip-btn" id="__crossx-skip-btn">Skip for Now</button>' : "", o = document.createElement("div");
+  const r = i, t = e ? `<button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${B}</button>` : "", s = e ? '<button class="__crossx-skip-btn" id="__crossx-skip-btn">Skip for Now</button>' : "", o = document.createElement("div");
   return o.id = M, o.innerHTML = `
     <div class="__crossx-card __crossx-card--migration" style="${H(r)}" role="dialog" aria-modal="true" aria-labelledby="__crossx-ttl">
       <div class="__crossx-header">
@@ -8830,7 +8845,7 @@ function hs(i, e) {
     <div class="__crossx-card __crossx-card--migration" style="${H(r)}" role="dialog" aria-modal="true" aria-labelledby="__crossx-ttl">
       <div class="__crossx-header">
         <p class="__crossx-title" id="__crossx-ttl">Import from Social Backup</p>
-        <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${W}</button>
+        <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${B}</button>
       </div>
       <hr class="__crossx-divider">
       <div class="__crossx-pin-center">
@@ -8858,7 +8873,7 @@ function xs(i, e, r) {
     <div class="__crossx-card __crossx-card--migration" style="${H(t)}" role="dialog" aria-modal="true" aria-labelledby="__crossx-ttl">
       <div class="__crossx-header">
         <p class="__crossx-title" id="__crossx-ttl">Import from Social Backup</p>
-        <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${W}</button>
+        <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${B}</button>
       </div>
       <hr class="__crossx-divider">
       <div class="__crossx-pin-center">
@@ -8895,7 +8910,7 @@ function gs(i) {
       <span class="__crossx-pin6-sheet-handle" aria-hidden="true"></span>
       <p class="__crossx-title" id="__crossx-ttl" style="padding-right:48px;">${w(i.title)}</p>
       <p class="__crossx-pw-subtitle">${w(i.headerSubtitle)}</p>
-      <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${W}</button>
+      <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${B}</button>
     </div>
     <hr class="__crossx-divider">
     <div class="__crossx-pw-body">
@@ -8960,7 +8975,7 @@ function Re(i) {
       <span class="__crossx-pin6-sheet-handle" aria-hidden="true"></span>
       <p class="__crossx-title" id="__crossx-ttl" style="padding-right:48px;">${w(i.title)}</p>
       ${t}
-      <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${W}</button>
+      <button class="__crossx-close" id="__crossx-close-btn" aria-label="Close">${B}</button>
     </div>
     <hr class="__crossx-divider">
     <div class="__crossx-pin6-body"${r}>
@@ -9001,42 +9016,42 @@ function ws(i) {
 function Ce(i, e, r, t, s, o, n) {
   var We, Ue;
   let a = !!(o && o > Date.now()), l = !1;
-  const p = () => Array.from(i.querySelectorAll(".__crossx-pin6-box")), _ = () => i.querySelector("#__crossx-pin6-boxes"), u = () => i.querySelector("#__crossx-pin6-error"), g = () => i.querySelector("#__crossx-pin6-lock-msg"), x = () => i.querySelector("#__crossx-pin6-lock-countdown"), f = () => i.querySelector(".__crossx-pin6-body"), m = "●", y = (b, S) => {
-    b.dataset.digit = S, b.value = m;
-  }, v = (b) => {
+  const p = () => Array.from(i.querySelectorAll(".__crossx-pin6-box")), _ = () => i.querySelector("#__crossx-pin6-boxes"), u = () => i.querySelector("#__crossx-pin6-error"), g = () => i.querySelector("#__crossx-pin6-lock-msg"), x = () => i.querySelector("#__crossx-pin6-lock-countdown"), f = () => i.querySelector(".__crossx-pin6-body"), m = "●", y = (b, v) => {
+    b.dataset.digit = v, b.value = m;
+  }, S = (b) => {
     delete b.dataset.digit, b.value = "";
   }, E = (b) => b.dataset.digit ?? "", A = () => p().map(E).join(""), I = () => Array.from(i.querySelectorAll(".__crossx-pin6-dot")), T = () => {
     var k;
-    const b = p(), S = I();
-    if (S.length && (S.forEach((R, O) => {
+    const b = p(), v = I();
+    if (v.length && (v.forEach((R, O) => {
       const $ = !!(b[O] && E(b[O]));
       R.classList.toggle("--filled", $), R.classList.toggle("--active", !1);
     }), !a && !l)) {
       const R = b.findIndex(($) => !E($));
-      (k = S[R === -1 ? 5 : R]) == null || k.classList.add("--active");
+      (k = v[R === -1 ? 5 : R]) == null || k.classList.add("--active");
     }
   }, C = () => {
-    i.querySelectorAll(".__crossx-pin6-numpad-key[data-key]").forEach((S) => S.classList.toggle("--disabled", a)), I().forEach((S) => S.classList.toggle("--locked", a)), T();
+    i.querySelectorAll(".__crossx-pin6-numpad-key[data-key]").forEach((v) => v.classList.toggle("--disabled", a)), I().forEach((v) => v.classList.toggle("--locked", a)), T();
   }, U = (b) => {
-    a = b, p().forEach((S) => {
-      S.disabled = b, S.classList.toggle("--locked", b);
+    a = b, p().forEach((v) => {
+      v.disabled = b, v.classList.toggle("--locked", b);
     });
   }, N = () => i.querySelector("#__crossx-pin6-attempt"), q = () => {
     const b = u();
     b && (b.textContent = "");
   }, z = () => n ?? "Your account will be locked after further failures.", P = () => i.querySelector("#__crossx-pin6-warning"), L = (b) => {
     var k;
-    let S = P();
-    if (!S) {
-      S = document.createElement("p"), S.className = "__crossx-pin6-warning", S.id = "__crossx-pin6-warning";
+    let v = P();
+    if (!v) {
+      v = document.createElement("p"), v.className = "__crossx-pin6-warning", v.id = "__crossx-pin6-warning";
       const R = u();
-      R ? R.insertAdjacentElement("afterend", S) : (k = f()) == null || k.appendChild(S);
+      R ? R.insertAdjacentElement("afterend", v) : (k = f()) == null || k.appendChild(v);
     }
-    S.textContent = b;
-  }, B = () => {
+    v.textContent = b;
+  }, W = () => {
     const b = P();
     b && (b.textContent = "");
-  }, ne = (b, S) => {
+  }, ne = (b, v) => {
     var R;
     let k = N();
     if (!k) {
@@ -9044,23 +9059,23 @@ function Ce(i, e, r, t, s, o, n) {
       const O = P() ?? u();
       O ? O.insertAdjacentElement("afterend", k) : (R = f()) == null || R.appendChild(k);
     }
-    k.textContent = `${b}/${S}`;
+    k.textContent = `${b}/${v}`;
   }, ae = () => {
     const b = N();
     b && (b.textContent = "");
   }, ge = (b) => {
-    const S = u();
-    S && (S.textContent = b);
+    const v = u();
+    v && (v.textContent = b);
     const k = _();
-    k == null || k.classList.add("--shake"), setTimeout(() => k == null ? void 0 : k.classList.remove("--shake"), 500), p().forEach(v), setTimeout(() => {
+    k == null || k.classList.add("--shake"), setTimeout(() => k == null ? void 0 : k.classList.remove("--shake"), 500), p().forEach(S), setTimeout(() => {
       var R;
       (R = p()[0]) == null || R.focus(), T();
     }, 50);
   }, ce = (b) => {
     var $;
-    U(!0), p().forEach(v), C();
-    const S = u();
-    if (S && (S.textContent = "Too many failed attempts. Please wait."), !g()) {
+    U(!0), p().forEach(S), C();
+    const v = u();
+    if (v && (v.textContent = "Too many failed attempts. Please wait."), !g()) {
       const F = document.createElement("p");
       F.className = "__crossx-pin6-lock-msg", F.id = "__crossx-pin6-lock-msg", F.innerHTML = `${wt}<span id="__crossx-pin6-lock-countdown"></span>`;
       const V = u();
@@ -9069,7 +9084,7 @@ function Ce(i, e, r, t, s, o, n) {
     const k = () => {
       var ee;
       const F = b - Date.now(), V = x();
-      F <= 0 ? (clearInterval(R), U(!1), (ee = g()) == null || ee.remove(), S && (S.textContent = ""), C(), setTimeout(() => {
+      F <= 0 ? (clearInterval(R), U(!1), (ee = g()) == null || ee.remove(), v && (v.textContent = ""), C(), setTimeout(() => {
         var fe;
         return (fe = p()[0]) == null ? void 0 : fe.focus();
       }, 50)) : V && (V.textContent = ` ${ws(F)}`);
@@ -9083,20 +9098,20 @@ function Ce(i, e, r, t, s, o, n) {
     if (a || l) return;
     const b = A();
     if (b.length === 6) {
-      l = !0, p().forEach((S) => {
-        S.disabled = !0;
+      l = !0, p().forEach((v) => {
+        v.disabled = !0;
       });
       try {
         if (s) {
-          const S = await s(b);
-          S.ok ? e(b) : S.lockExpiresAt ? (ae(), ce(S.lockExpiresAt)) : (ge(S.error ?? "Incorrect PIN. Please try again."), S.attemptCount != null && S.maxAttempts != null ? (L(z()), ne(S.attemptCount, S.maxAttempts)) : (B(), ae()));
+          const v = await s(b);
+          v.ok ? e(b) : v.lockExpiresAt ? (ae(), ce(v.lockExpiresAt)) : (ge(v.error ?? "Incorrect PIN. Please try again."), v.attemptCount != null && v.maxAttempts != null ? (L(z()), ne(v.attemptCount, v.maxAttempts)) : (W(), ae()));
         } else
           e(b);
-      } catch (S) {
-        t && t(S);
+      } catch (v) {
+        t && t(v);
       } finally {
-        l = !1, a || p().forEach((S) => {
-          S.disabled = !1;
+        l = !1, a || p().forEach((v) => {
+          v.disabled = !1;
         }), T();
       }
     }
@@ -9107,30 +9122,30 @@ function Ce(i, e, r, t, s, o, n) {
   }, 100);
   const Be = () => {
     if (a || l) return;
-    const b = p(), S = b.find((k) => !E(k)) ?? b[b.length - 1];
-    S == null || S.focus();
+    const b = p(), v = b.find((k) => !E(k)) ?? b[b.length - 1];
+    v == null || v.focus();
   };
   (We = _()) == null || We.addEventListener("click", (b) => {
     b.target.classList.contains("__crossx-pin6-box") || Be();
   }), (Ue = f()) == null || Ue.addEventListener("click", (b) => {
-    const S = b.target;
-    S.classList.contains("__crossx-pin6-box") || S.closest("button") || Be();
-  }), p().forEach((b, S) => {
+    const v = b.target;
+    v.classList.contains("__crossx-pin6-box") || v.closest("button") || Be();
+  }), p().forEach((b, v) => {
     b.addEventListener("input", () => {
       var R;
       const k = b.value.replace(/\D/g, "").slice(-1);
-      k ? y(b, k) : v(b), q(), k && S < 5 && ((R = p()[S + 1]) == null || R.focus()), T(), A().length === 6 && setTimeout(Ee, 80);
+      k ? y(b, k) : S(b), q(), k && v < 5 && ((R = p()[v + 1]) == null || R.focus()), T(), A().length === 6 && setTimeout(Ee, 80);
     }), b.addEventListener("keydown", (k) => {
       var R, O;
       if (k.key === "Backspace") {
         if (k.preventDefault(), E(b))
-          v(b);
-        else if (S > 0) {
-          const $ = p()[S - 1];
-          v($), $.focus();
+          S(b);
+        else if (v > 0) {
+          const $ = p()[v - 1];
+          S($), $.focus();
         }
         T();
-      } else k.key === "ArrowLeft" && S > 0 ? (k.preventDefault(), (R = p()[S - 1]) == null || R.focus()) : k.key === "ArrowRight" && S < 5 ? (k.preventDefault(), (O = p()[S + 1]) == null || O.focus()) : k.key === "Escape" && r();
+      } else k.key === "ArrowLeft" && v > 0 ? (k.preventDefault(), (R = p()[v - 1]) == null || R.focus()) : k.key === "ArrowRight" && v < 5 ? (k.preventDefault(), (O = p()[v + 1]) == null || O.focus()) : k.key === "Escape" && r();
     }), b.addEventListener("paste", (k) => {
       var $, F;
       k.preventDefault();
@@ -9145,19 +9160,19 @@ function Ce(i, e, r, t, s, o, n) {
   const _e = i.querySelector("#__crossx-pin6-numpad");
   if (_e) {
     let b = null;
-    const S = () => {
+    const v = () => {
       b && (b.classList.remove("--pressed"), b = null);
     };
     _e.addEventListener("pointerdown", (R) => {
       const O = R.target.closest(".__crossx-pin6-numpad-key");
-      !O || a || l || (S(), b = O, O.classList.add("--pressed"), O.setPointerCapture(R.pointerId));
+      !O || a || l || (v(), b = O, O.classList.add("--pressed"), O.setPointerCapture(R.pointerId));
     });
     const k = (R) => {
       const O = R.dataset.key;
       if (!O) return;
       if (O === "backspace") {
         const ee = [...p()].reverse().find((fe) => E(fe));
-        ee && (v(ee), q()), T();
+        ee && (S(ee), q()), T();
         return;
       }
       if (!/^\d$/.test(O)) return;
@@ -9167,10 +9182,10 @@ function Ce(i, e, r, t, s, o, n) {
     _e.addEventListener("pointerup", (R) => {
       if (!b) return;
       const O = b;
-      S();
+      v();
       const $ = O.getBoundingClientRect();
       R.clientX >= $.left && R.clientX <= $.right && R.clientY >= $.top && R.clientY <= $.bottom && !a && !l && k(O);
-    }), _e.addEventListener("pointercancel", S), _e.addEventListener("pointerleave", S, !0), T(), o && o > Date.now() && C();
+    }), _e.addEventListener("pointercancel", v), _e.addEventListener("pointerleave", v, !0), T(), o && o > Date.now() && C();
   }
 }
 const ms = `<svg width="22" height="17" viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -9184,7 +9199,7 @@ const ms = `<svg width="22" height="17" viewBox="0 0 22 17" fill="none" xmlns="h
 </svg>`, bs = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M12 0C18.6274 0 24 5.37258 24 12C23.9999 18.6273 18.6274 24 12 24C5.37264 24 9.89594e-05 18.6273 0 12C0 5.37258 5.37258 0 12 0ZM10.875 15.127V17.377H13.125V15.127H10.875ZM10.875 6.62207V13.627H13.125V6.62207H10.875Z" fill="currentColor"/>
 </svg>`;
-function Ss(i, e, r) {
+function vs(i, e, r) {
   var o;
   const t = i.querySelectorAll(".__crossx-pin-input");
   t.forEach((n, a) => {
@@ -9217,7 +9232,7 @@ function Ss(i, e, r) {
     }
   }), (o = t[0]) == null || o.focus();
 }
-class vs {
+class Ss {
   constructor(e = "light", r, t = Me, s) {
     this.theme = e, this.overrides = r, this.tokens = rt(e, r), this.displayDecimals = t, this.pinKeyboard = s;
   }
@@ -9305,10 +9320,10 @@ class vs {
       }), (E = a.querySelector("#__crossx-close-btn")) == null || E.addEventListener("click", x), a.addEventListener("click", (A) => {
         A.target === a && x();
       });
-      const v = (A) => {
-        A.key === "Escape" && (document.removeEventListener("keydown", v), x());
+      const S = (A) => {
+        A.key === "Escape" && (document.removeEventListener("keydown", S), x());
       };
-      document.addEventListener("keydown", v);
+      document.addEventListener("keydown", S);
     });
   }
   showWalletCreatedPrompt() {
@@ -9373,7 +9388,7 @@ class vs {
       }), (m = o.querySelector("#__crossx-close-btn")) == null || m.addEventListener("click", _), o.addEventListener("click", (y) => {
         y.target === o && _();
       }), o.querySelectorAll(".__crossx-login-terms-link").forEach((y) => {
-        y.addEventListener("click", (v) => v.stopPropagation());
+        y.addEventListener("click", (S) => S.stopPropagation());
       });
       const u = (y) => {
         y.key === "Escape" && (document.removeEventListener("keydown", u), _());
@@ -9507,27 +9522,27 @@ class vs {
           A.classList.toggle("--disabled", !P), A.textContent = C || T;
         }, N = (P, L) => {
           if (I.has(L)) return;
-          const B = P.querySelector(`#__crossx-notice-check-${L}`);
-          I.add(L), B.classList.add("--checked"), P.setAttribute("aria-checked", "true"), U();
+          const W = P.querySelector(`#__crossx-notice-check-${L}`);
+          I.add(L), W.classList.add("--checked"), P.setAttribute("aria-checked", "true"), U();
         }, q = (P, L) => {
           if (!I.has(L)) return;
-          const B = P.querySelector(`#__crossx-notice-check-${L}`);
-          I.delete(L), B.classList.remove("--checked"), P.setAttribute("aria-checked", "false"), U();
+          const W = P.querySelector(`#__crossx-notice-check-${L}`);
+          I.delete(L), W.classList.remove("--checked"), P.setAttribute("aria-checked", "false"), U();
         };
         E.forEach((P) => {
           const L = parseInt(P.dataset.checkIndex ?? "0", 10);
           P.addEventListener("click", () => {
             I.has(L) ? q(P, L) : N(P, L);
-          }), P.addEventListener("keydown", (B) => {
-            (B.key === " " || B.key === "Enter") && (B.preventDefault(), I.has(L) ? q(P, L) : N(P, L));
+          }), P.addEventListener("keydown", (W) => {
+            (W.key === " " || W.key === "Enter") && (W.preventDefault(), I.has(L) ? q(P, L) : N(P, L));
           });
         }), A.addEventListener("click", () => {
           if (I.size === E.length) {
             y(e == null ? void 0 : e.errorMessage);
             return;
           }
-          const P = E.find((B) => {
-            const ne = parseInt(B.dataset.checkIndex ?? "0", 10);
+          const P = E.find((W) => {
+            const ne = parseInt(W.dataset.checkIndex ?? "0", 10);
             return !I.has(ne);
           });
           if (!P) return;
@@ -9548,7 +9563,7 @@ class vs {
    */
   showPinInputPrompt(e) {
     return new Promise((r, t) => {
-      var v;
+      var S;
       G();
       const s = this.messages, o = (e == null ? void 0 : e.verifyMode) === !0, n = o ? (s == null ? void 0 : s.verify_pin_title) ?? "Verify Your PIN" : (s == null ? void 0 : s.pin_input_title) ?? "Enter PIN", a = o ? (s == null ? void 0 : s.verify_pin_subtitle) ?? "Enter your PIN to authorize this transaction." : (s == null ? void 0 : s.pin_input_subtitle) ?? "Enter your 6-digit PIN to continue.", l = (s == null ? void 0 : s.pin_locked_failure_warning) ?? "Your account will be locked after further failures.", p = it(
         this.tokens,
@@ -9573,7 +9588,7 @@ class vs {
       }, m = (E) => {
         g(), t(E);
       }, y = p.querySelector(".__crossx-card");
-      this.applyPinKeyboardMode(y), (v = y.querySelector("#__crossx-close-btn")) == null || v.addEventListener("click", f), Ce(y, x, f, m, e == null ? void 0 : e.onSubmit, e == null ? void 0 : e.lockExpiresAt, l), p.addEventListener("click", (E) => {
+      this.applyPinKeyboardMode(y), (S = y.querySelector("#__crossx-close-btn")) == null || S.addEventListener("click", f), Ce(y, x, f, m, e == null ? void 0 : e.onSubmit, e == null ? void 0 : e.lockExpiresAt, l), p.addEventListener("click", (E) => {
         E.target === p && f();
       });
     });
@@ -9596,7 +9611,7 @@ class vs {
       }, n = () => {
         s(), r(null);
       }, a = t.querySelector(".__crossx-card");
-      a && this.applyPinKeyboardMode(a), Ss(t, o, n), (l = t.querySelector("#__crossx-close-btn")) == null || l.addEventListener("click", n), t.addEventListener("click", (p) => {
+      a && this.applyPinKeyboardMode(a), vs(t, o, n), (l = t.querySelector("#__crossx-close-btn")) == null || l.addEventListener("click", n), t.addEventListener("click", (p) => {
         p.target === t && n();
       });
     });
@@ -9955,7 +9970,7 @@ Example: createCROSSxSDK({ projectId: "your-project-id", ... })`
     var C;
     return (C = x == null ? void 0 : x.assertRNBridgeSessionActive) == null ? void 0 : C.call(x);
   };
-  g = new Sr(
+  g = new vr(
     g,
     () => {
       var C;
@@ -9964,13 +9979,13 @@ Example: createCROSSxSDK({ projectId: "your-project-id", ... })`
     f,
     m
   );
-  const y = new xe(s, l), v = new vs(
+  const y = new xe(s, l), S = new Ss(
     i.theme ?? "light",
     i.themeTokens,
     i.displayDecimals,
     i.pinKeyboard
   ), E = new Es(
-    v,
+    S,
     () => {
       var C;
       return (C = x == null ? void 0 : x.getRNBridge) == null ? void 0 : C.call(x);