@funkit/connect 1.0.13 → 1.0.14

package/dist/index.js

@@ -4,14 +4,14 @@ import {
 } from "./chunk-SW6GAS7K.js";
 import {
   darkTheme
-} from "./chunk-2NNNYGQA.js";
+} from "./chunk-I4LVVIYS.js";
 import {
   lightTheme
-} from "./chunk-JLKS6NET.js";
+} from "./chunk-AF763GD5.js";
 import "./chunk-UK5FXGK3.js";
 
 // src/components/ConnectButton/ConnectButton.tsx
-import React146, { useContext as useContext26, useEffect as useEffect32, useState as useState44 } from "react";
+import React146, { useContext as useContext27, useEffect as useEffect32, useState as useState44 } from "react";
 
 // src/css/sprinkles.css.ts
 import { createMapValueFn as _51c72 } from "@vanilla-extract/sprinkles/createUtils";
@@ -21,7 +21,7 @@ var largeScreenMinWidth = 768;
 var mapResponsiveValue = _51c72({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
 var normalizeResponsiveValue = _a49f6({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
 var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fe2", hover: "_1rsrm2fe3", active: "_1rsrm2fe4", selection: "_1rsrm2fe5" }, defaultClass: "_1rsrm2fe2" }, accentColorForeground: { conditions: { base: "_1rsrm2fe6", hover: "_1rsrm2fe7", active: "_1rsrm2fe8", selection: "_1rsrm2fe9" }, defaultClass: "_1rsrm2fe6" }, actionButtonBorder: { conditions: { base: "_1rsrm2fea", hover: "_1rsrm2feb", active: "_1rsrm2fec", selection: "_1rsrm2fed" }, defaultClass: "_1rsrm2fea" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fee", hover: "_1rsrm2fef", active: "_1rsrm2feg", selection: "_1rsrm2feh" }, defaultClass: "_1rsrm2fee" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fei", hover: "_1rsrm2fej", active: "_1rsrm2fek", selection: "_1rsrm2fel" }, defaultClass: "_1rsrm2fei" }, actionButtonDisabled: { conditions: { base: "_1rsrm2fem", hover: "_1rsrm2fen", active: "_1rsrm2feo", selection: "_1rsrm2fep" }, defaultClass: "_1rsrm2fem" }, closeButton: { conditions: { base: "_1rsrm2feq", hover: "_1rsrm2fer", active: "_1rsrm2fes", selection: "_1rsrm2fet" }, defaultClass: "_1rsrm2feq" }, closeButtonBackground: { conditions: { base: "_1rsrm2feu", hover: "_1rsrm2fev", active: "_1rsrm2few", selection: "_1rsrm2fex" }, defaultClass: "_1rsrm2feu" }, connectButtonBackground: { conditions: { base: "_1rsrm2fey", hover: "_1rsrm2fez", active: "_1rsrm2ff0", selection: "_1rsrm2ff1" }, defaultClass: "_1rsrm2fey" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2ff2", hover: "_1rsrm2ff3", active: "_1rsrm2ff4", selection: "_1rsrm2ff5" }, defaultClass: "_1rsrm2ff2" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2ff6", hover: "_1rsrm2ff7", active: "_1rsrm2ff8", selection: "_1rsrm2ff9" }, defaultClass: "_1rsrm2ff6" }, connectButtonText: { conditions: { base: "_1rsrm2ffa", hover: "_1rsrm2ffb", active: "_1rsrm2ffc", selection: "_1rsrm2ffd" }, defaultClass: "_1rsrm2ffa" }, connectButtonTextError: { conditions: { base: "_1rsrm2ffe", hover: "_1rsrm2fff", active: "_1rsrm2ffg", selection: "_1rsrm2ffh" }, defaultClass: "_1rsrm2ffe" }, connectionIndicator: { conditions: { base: "_1rsrm2ffi", hover: "_1rsrm2ffj", active: "_1rsrm2ffk", selection: "_1rsrm2ffl" }, defaultClass: "_1rsrm2ffi" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2ffm", hover: "_1rsrm2ffn", active: "_1rsrm2ffo", selection: "_1rsrm2ffp" }, defaultClass: "_1rsrm2ffm" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2ffq", hover: "_1rsrm2ffr", active: "_1rsrm2ffs", selection: "_1rsrm2fft" }, defaultClass: "_1rsrm2ffq" }, error: { conditions: { base: "_1rsrm2ffu", hover: "_1rsrm2ffv", active: "_1rsrm2ffw", selection: "_1rsrm2ffx" }, defaultClass: "_1rsrm2ffu" }, generalBorder: { conditions: { base: "_1rsrm2ffy", hover: "_1rsrm2ffz", active: "_1rsrm2fg0", selection: "_1rsrm2fg1" }, defaultClass: "_1rsrm2ffy" }, generalBorderDim: { conditions: { base: "_1rsrm2fg2", hover: "_1rsrm2fg3", active: "_1rsrm2fg4", selection: "_1rsrm2fg5" }, defaultClass: "_1rsrm2fg2" }, menuItemBackground: { conditions: { base: "_1rsrm2fg6", hover: "_1rsrm2fg7", active: "_1rsrm2fg8", selection: "_1rsrm2fg9" }, defaultClass: "_1rsrm2fg6" }, modalText: { conditions: { base: "_1rsrm2fga", hover: "_1rsrm2fgb", active: "_1rsrm2fgc", selection: "_1rsrm2fgd" }, defaultClass: "_1rsrm2fga" }, modalTextDim: { conditions: { base: "_1rsrm2fge", hover: "_1rsrm2fgf", active: "_1rsrm2fgg", selection: "_1rsrm2fgh" }, defaultClass: "_1rsrm2fge" }, modalTextSecondary: { conditions: { base: "_1rsrm2fgi", hover: "_1rsrm2fgj", active: "_1rsrm2fgk", selection: "_1rsrm2fgl" }, defaultClass: "_1rsrm2fgi" }, profileAction: { conditions: { base: "_1rsrm2fgm", hover: "_1rsrm2fgn", active: "_1rsrm2fgo", selection: "_1rsrm2fgp" }, defaultClass: "_1rsrm2fgm" }, profileActionHover: { conditions: { base: "_1rsrm2fgq", hover: "_1rsrm2fgr", active: "_1rsrm2fgs", selection: "_1rsrm2fgt" }, defaultClass: "_1rsrm2fgq" }, profileForeground: { conditions: { base: "_1rsrm2fgu", hover: "_1rsrm2fgv", active: "_1rsrm2fgw", selection: "_1rsrm2fgx" }, defaultClass: "_1rsrm2fgu" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fgy", hover: "_1rsrm2fgz", active: "_1rsrm2fh0", selection: "_1rsrm2fh1" }, defaultClass: "_1rsrm2fgy" }, standby: { conditions: { base: "_1rsrm2fh2", hover: "_1rsrm2fh3", active: "_1rsrm2fh4", selection: "_1rsrm2fh5" }, defaultClass: "_1rsrm2fh2" }, solidLine: { conditions: { base: "_1rsrm2fh6", hover: "_1rsrm2fh7", active: "_1rsrm2fh8", selection: "_1rsrm2fh9" }, defaultClass: "_1rsrm2fh6" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fha", hover: "_1rsrm2fhb", active: "_1rsrm2fhc", selection: "_1rsrm2fhd" }, defaultClass: "_1rsrm2fha" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fhe", hover: "_1rsrm2fhf", active: "_1rsrm2fhg", selection: "_1rsrm2fhh" }, defaultClass: "_1rsrm2fhe" }, loadingBase: { conditions: { base: "_1rsrm2fhi", hover: "_1rsrm2fhj", active: "_1rsrm2fhk", selection: "_1rsrm2fhl" }, defaultClass: "_1rsrm2fhi" }, loadingAccent: { conditions: { base: "_1rsrm2fhm", hover: "_1rsrm2fhn", active: "_1rsrm2fho", selection: "_1rsrm2fhp" }, defaultClass: "_1rsrm2fhm" }, modalBackdrop: { conditions: { base: "_1rsrm2fhq", hover: "_1rsrm2fhr", active: "_1rsrm2fhs", selection: "_1rsrm2fht" }, defaultClass: "_1rsrm2fhq" }, modalBackground: { conditions: { base: "_1rsrm2fhu", hover: "_1rsrm2fhv", active: "_1rsrm2fhw", selection: "_1rsrm2fhx" }, defaultClass: "_1rsrm2fhu" }, modalBorder: { conditions: { base: "_1rsrm2fhy", hover: "_1rsrm2fhz", active: "_1rsrm2fi0", selection: "_1rsrm2fi1" }, defaultClass: "_1rsrm2fhy" }, notificationPrimary: { conditions: { base: "_1rsrm2fi2", hover: "_1rsrm2fi3", active: "_1rsrm2fi4", selection: "_1rsrm2fi5" }, defaultClass: "_1rsrm2fi2" }, textPrimary: { conditions: { base: "_1rsrm2fi6", hover: "_1rsrm2fi7", active: "_1rsrm2fi8", selection: "_1rsrm2fi9" }, defaultClass: "_1rsrm2fi6" }, textSecondary: { conditions: { base: "_1rsrm2fia", hover: "_1rsrm2fib", active: "_1rsrm2fic", selection: "_1rsrm2fid" }, defaultClass: "_1rsrm2fia" }, textTertiary: { conditions: { base: "_1rsrm2fie", hover: "_1rsrm2fif", active: "_1rsrm2fig", selection: "_1rsrm2fih" }, defaultClass: "_1rsrm2fie" }, textDisabled: { conditions: { base: "_1rsrm2fii", hover: "_1rsrm2fij", active: "_1rsrm2fik", selection: "_1rsrm2fil" }, defaultClass: "_1rsrm2fii" }, textSelection: { conditions: { base: "_1rsrm2fim", hover: "_1rsrm2fin", active: "_1rsrm2fio", selection: "_1rsrm2fip" }, defaultClass: "_1rsrm2fim" }, inputFieldPrimary: { conditions: { base: "_1rsrm2fiq", hover: "_1rsrm2fir", active: "_1rsrm2fis", selection: "_1rsrm2fit" }, defaultClass: "_1rsrm2fiq" }, inputFieldPlaceholder: { conditions: { base: "_1rsrm2fiu", hover: "_1rsrm2fiv", active: "_1rsrm2fiw", selection: "_1rsrm2fix" }, defaultClass: "_1rsrm2fiu" }, inputFieldDisabled: { conditions: { base: "_1rsrm2fiy", hover: "_1rsrm2fiz", active: "_1rsrm2fj0", selection: "_1rsrm2fj1" }, defaultClass: "_1rsrm2fiy" }, strokePrimary: { conditions: { base: "_1rsrm2fj2", hover: "_1rsrm2fj3", active: "_1rsrm2fj4", selection: "_1rsrm2fj5" }, defaultClass: "_1rsrm2fj2" }, strokeSecondary: { conditions: { base: "_1rsrm2fj6", hover: "_1rsrm2fj7", active: "_1rsrm2fj8", selection: "_1rsrm2fj9" }, defaultClass: "_1rsrm2fj6" }, buttonPrimary: { conditions: { base: "_1rsrm2fja", hover: "_1rsrm2fjb", active: "_1rsrm2fjc", selection: "_1rsrm2fjd" }, defaultClass: "_1rsrm2fja" }, buttonProcessing: { conditions: { base: "_1rsrm2fje", hover: "_1rsrm2fjf", active: "_1rsrm2fjg", selection: "_1rsrm2fjh" }, defaultClass: "_1rsrm2fje" }, buttonDisabled: { conditions: { base: "_1rsrm2fji", hover: "_1rsrm2fjj", active: "_1rsrm2fjk", selection: "_1rsrm2fjl" }, defaultClass: "_1rsrm2fji" }, buttonWarning: { conditions: { base: "_1rsrm2fjm", hover: "_1rsrm2fjn", active: "_1rsrm2fjo", selection: "_1rsrm2fjp" }, defaultClass: "_1rsrm2fjm" }, buttonTextWarning: { conditions: { base: "_1rsrm2fjq", hover: "_1rsrm2fjr", active: "_1rsrm2fjs", selection: "_1rsrm2fjt" }, defaultClass: "_1rsrm2fjq" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fju", hover: "_1rsrm2fjv", active: "_1rsrm2fjw", selection: "_1rsrm2fjx" }, defaultClass: "_1rsrm2fju" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fjy", hover: "_1rsrm2fjz", active: "_1rsrm2fk0", selection: "_1rsrm2fk1" }, defaultClass: "_1rsrm2fjy" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fk2", hover: "_1rsrm2fk3", active: "_1rsrm2fk4", selection: "_1rsrm2fk5" }, defaultClass: "_1rsrm2fk2" }, transparent: { conditions: { base: "_1rsrm2fk6", hover: "_1rsrm2fk7", active: "_1rsrm2fk8", selection: "_1rsrm2fk9" }, defaultClass: "_1rsrm2fk6" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fka", hover: "_1rsrm2fkb", active: "_1rsrm2fkc", selection: "_1rsrm2fkd" }, defaultClass: "_1rsrm2fka" }, accentColorForeground: { conditions: { base: "_1rsrm2fke", hover: "_1rsrm2fkf", active: "_1rsrm2fkg", selection: "_1rsrm2fkh" }, defaultClass: "_1rsrm2fke" }, actionButtonBorder: { conditions: { base: "_1rsrm2fki", hover: "_1rsrm2fkj", active: "_1rsrm2fkk", selection: "_1rsrm2fkl" }, defaultClass: "_1rsrm2fki" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fkm", hover: "_1rsrm2fkn", active: "_1rsrm2fko", selection: "_1rsrm2fkp" }, defaultClass: "_1rsrm2fkm" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fkq", hover: "_1rsrm2fkr", active: "_1rsrm2fks", selection: "_1rsrm2fkt" }, defaultClass: "_1rsrm2fkq" }, actionButtonDisabled: { conditions: { base: "_1rsrm2fku", hover: "_1rsrm2fkv", active: "_1rsrm2fkw", selection: "_1rsrm2fkx" }, defaultClass: "_1rsrm2fku" }, closeButton: { conditions: { base: "_1rsrm2fky", hover: "_1rsrm2fkz", active: "_1rsrm2fl0", selection: "_1rsrm2fl1" }, defaultClass: "_1rsrm2fky" }, closeButtonBackground: { conditions: { base: "_1rsrm2fl2", hover: "_1rsrm2fl3", active: "_1rsrm2fl4", selection: "_1rsrm2fl5" }, defaultClass: "_1rsrm2fl2" }, connectButtonBackground: { conditions: { base: "_1rsrm2fl6", hover: "_1rsrm2fl7", active: "_1rsrm2fl8", selection: "_1rsrm2fl9" }, defaultClass: "_1rsrm2fl6" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fla", hover: "_1rsrm2flb", active: "_1rsrm2flc", selection: "_1rsrm2fld" }, defaultClass: "_1rsrm2fla" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2fle", hover: "_1rsrm2flf", active: "_1rsrm2flg", selection: "_1rsrm2flh" }, defaultClass: "_1rsrm2fle" }, connectButtonText: { conditions: { base: "_1rsrm2fli", hover: "_1rsrm2flj", active: "_1rsrm2flk", selection: "_1rsrm2fll" }, defaultClass: "_1rsrm2fli" }, connectButtonTextError: { conditions: { base: "_1rsrm2flm", hover: "_1rsrm2fln", active: "_1rsrm2flo", selection: "_1rsrm2flp" }, defaultClass: "_1rsrm2flm" }, connectionIndicator: { conditions: { base: "_1rsrm2flq", hover: "_1rsrm2flr", active: "_1rsrm2fls", selection: "_1rsrm2flt" }, defaultClass: "_1rsrm2flq" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2flu", hover: "_1rsrm2flv", active: "_1rsrm2flw", selection: "_1rsrm2flx" }, defaultClass: "_1rsrm2flu" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2fly", hover: "_1rsrm2flz", active: "_1rsrm2fm0", selection: "_1rsrm2fm1" }, defaultClass: "_1rsrm2fly" }, error: { conditions: { base: "_1rsrm2fm2", hover: "_1rsrm2fm3", active: "_1rsrm2fm4", selection: "_1rsrm2fm5" }, defaultClass: "_1rsrm2fm2" }, generalBorder: { conditions: { base: "_1rsrm2fm6", hover: "_1rsrm2fm7", active: "_1rsrm2fm8", selection: "_1rsrm2fm9" }, defaultClass: "_1rsrm2fm6" }, generalBorderDim: { conditions: { base: "_1rsrm2fma", hover: "_1rsrm2fmb", active: "_1rsrm2fmc", selection: "_1rsrm2fmd" }, defaultClass: "_1rsrm2fma" }, menuItemBackground: { conditions: { base: "_1rsrm2fme", hover: "_1rsrm2fmf", active: "_1rsrm2fmg", selection: "_1rsrm2fmh" }, defaultClass: "_1rsrm2fme" }, modalText: { conditions: { base: "_1rsrm2fmi", hover: "_1rsrm2fmj", active: "_1rsrm2fmk", selection: "_1rsrm2fml" }, defaultClass: "_1rsrm2fmi" }, modalTextDim: { conditions: { base: "_1rsrm2fmm", hover: "_1rsrm2fmn", active: "_1rsrm2fmo", selection: "_1rsrm2fmp" }, defaultClass: "_1rsrm2fmm" }, modalTextSecondary: { conditions: { base: "_1rsrm2fmq", hover: "_1rsrm2fmr", active: "_1rsrm2fms", selection: "_1rsrm2fmt" }, defaultClass: "_1rsrm2fmq" }, profileAction: { conditions: { base: "_1rsrm2fmu", hover: "_1rsrm2fmv", active: "_1rsrm2fmw", selection: "_1rsrm2fmx" }, defaultClass: "_1rsrm2fmu" }, profileActionHover: { conditions: { base: "_1rsrm2fmy", hover: "_1rsrm2fmz", active: "_1rsrm2fn0", selection: "_1rsrm2fn1" }, defaultClass: "_1rsrm2fmy" }, profileForeground: { conditions: { base: "_1rsrm2fn2", hover: "_1rsrm2fn3", active: "_1rsrm2fn4", selection: "_1rsrm2fn5" }, defaultClass: "_1rsrm2fn2" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fn6", hover: "_1rsrm2fn7", active: "_1rsrm2fn8", selection: "_1rsrm2fn9" }, defaultClass: "_1rsrm2fn6" }, standby: { conditions: { base: "_1rsrm2fna", hover: "_1rsrm2fnb", active: "_1rsrm2fnc", selection: "_1rsrm2fnd" }, defaultClass: "_1rsrm2fna" }, solidLine: { conditions: { base: "_1rsrm2fne", hover: "_1rsrm2fnf", active: "_1rsrm2fng", selection: "_1rsrm2fnh" }, defaultClass: "_1rsrm2fne" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fni", hover: "_1rsrm2fnj", active: "_1rsrm2fnk", selection: "_1rsrm2fnl" }, defaultClass: "_1rsrm2fni" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fnm", hover: "_1rsrm2fnn", active: "_1rsrm2fno", selection: "_1rsrm2fnp" }, defaultClass: "_1rsrm2fnm" }, loadingBase: { conditions: { base: "_1rsrm2fnq", hover: "_1rsrm2fnr", active: "_1rsrm2fns", selection: "_1rsrm2fnt" }, defaultClass: "_1rsrm2fnq" }, loadingAccent: { conditions: { base: "_1rsrm2fnu", hover: "_1rsrm2fnv", active: "_1rsrm2fnw", selection: "_1rsrm2fnx" }, defaultClass: "_1rsrm2fnu" }, modalBackdrop: { conditions: { base: "_1rsrm2fny", hover: "_1rsrm2fnz", active: "_1rsrm2fo0", selection: "_1rsrm2fo1" }, defaultClass: "_1rsrm2fny" }, modalBackground: { conditions: { base: "_1rsrm2fo2", hover: "_1rsrm2fo3", active: "_1rsrm2fo4", selection: "_1rsrm2fo5" }, defaultClass: "_1rsrm2fo2" }, modalBorder: { conditions: { base: "_1rsrm2fo6", hover: "_1rsrm2fo7", active: "_1rsrm2fo8", selection: "_1rsrm2fo9" }, defaultClass: "_1rsrm2fo6" }, notificationPrimary: { conditions: { base: "_1rsrm2foa", hover: "_1rsrm2fob", active: "_1rsrm2foc", selection: "_1rsrm2fod" }, defaultClass: "_1rsrm2foa" }, textPrimary: { conditions: { base: "_1rsrm2foe", hover: "_1rsrm2fof", active: "_1rsrm2fog", selection: "_1rsrm2foh" }, defaultClass: "_1rsrm2foe" }, textSecondary: { conditions: { base: "_1rsrm2foi", hover: "_1rsrm2foj", active: "_1rsrm2fok", selection: "_1rsrm2fol" }, defaultClass: "_1rsrm2foi" }, textTertiary: { conditions: { base: "_1rsrm2fom", hover: "_1rsrm2fon", active: "_1rsrm2foo", selection: "_1rsrm2fop" }, defaultClass: "_1rsrm2fom" }, textDisabled: { conditions: { base: "_1rsrm2foq", hover: "_1rsrm2for", active: "_1rsrm2fos", selection: "_1rsrm2fot" }, defaultClass: "_1rsrm2foq" }, textSelection: { conditions: { base: "_1rsrm2fou", hover: "_1rsrm2fov", active: "_1rsrm2fow", selection: "_1rsrm2fox" }, defaultClass: "_1rsrm2fou" }, inputFieldPrimary: { conditions: { base: "_1rsrm2foy", hover: "_1rsrm2foz", active: "_1rsrm2fp0", selection: "_1rsrm2fp1" }, defaultClass: "_1rsrm2foy" }, inputFieldPlaceholder: { conditions: { base: "_1rsrm2fp2", hover: "_1rsrm2fp3", active: "_1rsrm2fp4", selection: "_1rsrm2fp5" }, defaultClass: "_1rsrm2fp2" }, inputFieldDisabled: { conditions: { base: "_1rsrm2fp6", hover: "_1rsrm2fp7", active: "_1rsrm2fp8", selection: "_1rsrm2fp9" }, defaultClass: "_1rsrm2fp6" }, strokePrimary: { conditions: { base: "_1rsrm2fpa", hover: "_1rsrm2fpb", active: "_1rsrm2fpc", selection: "_1rsrm2fpd" }, defaultClass: "_1rsrm2fpa" }, strokeSecondary: { conditions: { base: "_1rsrm2fpe", hover: "_1rsrm2fpf", active: "_1rsrm2fpg", selection: "_1rsrm2fph" }, defaultClass: "_1rsrm2fpe" }, buttonPrimary: { conditions: { base: "_1rsrm2fpi", hover: "_1rsrm2fpj", active: "_1rsrm2fpk", selection: "_1rsrm2fpl" }, defaultClass: "_1rsrm2fpi" }, buttonProcessing: { conditions: { base: "_1rsrm2fpm", hover: "_1rsrm2fpn", active: "_1rsrm2fpo", selection: "_1rsrm2fpp" }, defaultClass: "_1rsrm2fpm" }, buttonDisabled: { conditions: { base: "_1rsrm2fpq", hover: "_1rsrm2fpr", active: "_1rsrm2fps", selection: "_1rsrm2fpt" }, defaultClass: "_1rsrm2fpq" }, buttonWarning: { conditions: { base: "_1rsrm2fpu", hover: "_1rsrm2fpv", active: "_1rsrm2fpw", selection: "_1rsrm2fpx" }, defaultClass: "_1rsrm2fpu" }, buttonTextWarning: { conditions: { base: "_1rsrm2fpy", hover: "_1rsrm2fpz", active: "_1rsrm2fq0", selection: "_1rsrm2fq1" }, defaultClass: "_1rsrm2fpy" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fq2", hover: "_1rsrm2fq3", active: "_1rsrm2fq4", selection: "_1rsrm2fq5" }, defaultClass: "_1rsrm2fq2" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fq6", hover: "_1rsrm2fq7", active: "_1rsrm2fq8", selection: "_1rsrm2fq9" }, defaultClass: "_1rsrm2fq6" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fqa", hover: "_1rsrm2fqb", active: "_1rsrm2fqc", selection: "_1rsrm2fqd" }, defaultClass: "_1rsrm2fqa" }, transparent: { conditions: { base: "_1rsrm2fqe", hover: "_1rsrm2fqf", active: "_1rsrm2fqg", selection: "_1rsrm2fqh" }, defaultClass: "_1rsrm2fqe" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2fqi", hover: "_1rsrm2fqj", active: "_1rsrm2fqk", selection: "_1rsrm2fql" }, defaultClass: "_1rsrm2fqi" }, dialog: { conditions: { base: "_1rsrm2fqm", hover: "_1rsrm2fqn", active: "_1rsrm2fqo", selection: "_1rsrm2fqp" }, defaultClass: "_1rsrm2fqm" }, profileDetailsAction: { conditions: { base: "_1rsrm2fqq", hover: "_1rsrm2fqr", active: "_1rsrm2fqs", selection: "_1rsrm2fqt" }, defaultClass: "_1rsrm2fqq" }, selectedOption: { conditions: { base: "_1rsrm2fqu", hover: "_1rsrm2fqv", active: "_1rsrm2fqw", selection: "_1rsrm2fqx" }, defaultClass: "_1rsrm2fqu" }, selectedWallet: { conditions: { base: "_1rsrm2fqy", hover: "_1rsrm2fqz", active: "_1rsrm2fr0", selection: "_1rsrm2fr1" }, defaultClass: "_1rsrm2fqy" }, walletLogo: { conditions: { base: "_1rsrm2fr2", hover: "_1rsrm2fr3", active: "_1rsrm2fr4", selection: "_1rsrm2fr5" }, defaultClass: "_1rsrm2fr2" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2fr6", hover: "_1rsrm2fr7", active: "_1rsrm2fr8", selection: "_1rsrm2fr9" }, defaultClass: "_1rsrm2fr6" }, accentColorForeground: { conditions: { base: "_1rsrm2fra", hover: "_1rsrm2frb", active: "_1rsrm2frc", selection: "_1rsrm2frd" }, defaultClass: "_1rsrm2fra" }, actionButtonBorder: { conditions: { base: "_1rsrm2fre", hover: "_1rsrm2frf", active: "_1rsrm2frg", selection: "_1rsrm2frh" }, defaultClass: "_1rsrm2fre" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fri", hover: "_1rsrm2frj", active: "_1rsrm2frk", selection: "_1rsrm2frl" }, defaultClass: "_1rsrm2fri" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2frm", hover: "_1rsrm2frn", active: "_1rsrm2fro", selection: "_1rsrm2frp" }, defaultClass: "_1rsrm2frm" }, actionButtonDisabled: { conditions: { base: "_1rsrm2frq", hover: "_1rsrm2frr", active: "_1rsrm2frs", selection: "_1rsrm2frt" }, defaultClass: "_1rsrm2frq" }, closeButton: { conditions: { base: "_1rsrm2fru", hover: "_1rsrm2frv", active: "_1rsrm2frw", selection: "_1rsrm2frx" }, defaultClass: "_1rsrm2fru" }, closeButtonBackground: { conditions: { base: "_1rsrm2fry", hover: "_1rsrm2frz", active: "_1rsrm2fs0", selection: "_1rsrm2fs1" }, defaultClass: "_1rsrm2fry" }, connectButtonBackground: { conditions: { base: "_1rsrm2fs2", hover: "_1rsrm2fs3", active: "_1rsrm2fs4", selection: "_1rsrm2fs5" }, defaultClass: "_1rsrm2fs2" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fs6", hover: "_1rsrm2fs7", active: "_1rsrm2fs8", selection: "_1rsrm2fs9" }, defaultClass: "_1rsrm2fs6" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2fsa", hover: "_1rsrm2fsb", active: "_1rsrm2fsc", selection: "_1rsrm2fsd" }, defaultClass: "_1rsrm2fsa" }, connectButtonText: { conditions: { base: "_1rsrm2fse", hover: "_1rsrm2fsf", active: "_1rsrm2fsg", selection: "_1rsrm2fsh" }, defaultClass: "_1rsrm2fse" }, connectButtonTextError: { conditions: { base: "_1rsrm2fsi", hover: "_1rsrm2fsj", active: "_1rsrm2fsk", selection: "_1rsrm2fsl" }, defaultClass: "_1rsrm2fsi" }, connectionIndicator: { conditions: { base: "_1rsrm2fsm", hover: "_1rsrm2fsn", active: "_1rsrm2fso", selection: "_1rsrm2fsp" }, defaultClass: "_1rsrm2fsm" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2fsq", hover: "_1rsrm2fsr", active: "_1rsrm2fss", selection: "_1rsrm2fst" }, defaultClass: "_1rsrm2fsq" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2fsu", hover: "_1rsrm2fsv", active: "_1rsrm2fsw", selection: "_1rsrm2fsx" }, defaultClass: "_1rsrm2fsu" }, error: { conditions: { base: "_1rsrm2fsy", hover: "_1rsrm2fsz", active: "_1rsrm2ft0", selection: "_1rsrm2ft1" }, defaultClass: "_1rsrm2fsy" }, generalBorder: { conditions: { base: "_1rsrm2ft2", hover: "_1rsrm2ft3", active: "_1rsrm2ft4", selection: "_1rsrm2ft5" }, defaultClass: "_1rsrm2ft2" }, generalBorderDim: { conditions: { base: "_1rsrm2ft6", hover: "_1rsrm2ft7", active: "_1rsrm2ft8", selection: "_1rsrm2ft9" }, defaultClass: "_1rsrm2ft6" }, menuItemBackground: { conditions: { base: "_1rsrm2fta", hover: "_1rsrm2ftb", active: "_1rsrm2ftc", selection: "_1rsrm2ftd" }, defaultClass: "_1rsrm2fta" }, modalText: { conditions: { base: "_1rsrm2fte", hover: "_1rsrm2ftf", active: "_1rsrm2ftg", selection: "_1rsrm2fth" }, defaultClass: "_1rsrm2fte" }, modalTextDim: { conditions: { base: "_1rsrm2fti", hover: "_1rsrm2ftj", active: "_1rsrm2ftk", selection: "_1rsrm2ftl" }, defaultClass: "_1rsrm2fti" }, modalTextSecondary: { conditions: { base: "_1rsrm2ftm", hover: "_1rsrm2ftn", active: "_1rsrm2fto", selection: "_1rsrm2ftp" }, defaultClass: "_1rsrm2ftm" }, profileAction: { conditions: { base: "_1rsrm2ftq", hover: "_1rsrm2ftr", active: "_1rsrm2fts", selection: "_1rsrm2ftt" }, defaultClass: "_1rsrm2ftq" }, profileActionHover: { conditions: { base: "_1rsrm2ftu", hover: "_1rsrm2ftv", active: "_1rsrm2ftw", selection: "_1rsrm2ftx" }, defaultClass: "_1rsrm2ftu" }, profileForeground: { conditions: { base: "_1rsrm2fty", hover: "_1rsrm2ftz", active: "_1rsrm2fu0", selection: "_1rsrm2fu1" }, defaultClass: "_1rsrm2fty" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fu2", hover: "_1rsrm2fu3", active: "_1rsrm2fu4", selection: "_1rsrm2fu5" }, defaultClass: "_1rsrm2fu2" }, standby: { conditions: { base: "_1rsrm2fu6", hover: "_1rsrm2fu7", active: "_1rsrm2fu8", selection: "_1rsrm2fu9" }, defaultClass: "_1rsrm2fu6" }, solidLine: { conditions: { base: "_1rsrm2fua", hover: "_1rsrm2fub", active: "_1rsrm2fuc", selection: "_1rsrm2fud" }, defaultClass: "_1rsrm2fua" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fue", hover: "_1rsrm2fuf", active: "_1rsrm2fug", selection: "_1rsrm2fuh" }, defaultClass: "_1rsrm2fue" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fui", hover: "_1rsrm2fuj", active: "_1rsrm2fuk", selection: "_1rsrm2ful" }, defaultClass: "_1rsrm2fui" }, loadingBase: { conditions: { base: "_1rsrm2fum", hover: "_1rsrm2fun", active: "_1rsrm2fuo", selection: "_1rsrm2fup" }, defaultClass: "_1rsrm2fum" }, loadingAccent: { conditions: { base: "_1rsrm2fuq", hover: "_1rsrm2fur", active: "_1rsrm2fus", selection: "_1rsrm2fut" }, defaultClass: "_1rsrm2fuq" }, modalBackdrop: { conditions: { base: "_1rsrm2fuu", hover: "_1rsrm2fuv", active: "_1rsrm2fuw", selection: "_1rsrm2fux" }, defaultClass: "_1rsrm2fuu" }, modalBackground: { conditions: { base: "_1rsrm2fuy", hover: "_1rsrm2fuz", active: "_1rsrm2fv0", selection: "_1rsrm2fv1" }, defaultClass: "_1rsrm2fuy" }, modalBorder: { conditions: { base: "_1rsrm2fv2", hover: "_1rsrm2fv3", active: "_1rsrm2fv4", selection: "_1rsrm2fv5" }, defaultClass: "_1rsrm2fv2" }, notificationPrimary: { conditions: { base: "_1rsrm2fv6", hover: "_1rsrm2fv7", active: "_1rsrm2fv8", selection: "_1rsrm2fv9" }, defaultClass: "_1rsrm2fv6" }, textPrimary: { conditions: { base: "_1rsrm2fva", hover: "_1rsrm2fvb", active: "_1rsrm2fvc", selection: "_1rsrm2fvd" }, defaultClass: "_1rsrm2fva" }, textSecondary: { conditions: { base: "_1rsrm2fve", hover: "_1rsrm2fvf", active: "_1rsrm2fvg", selection: "_1rsrm2fvh" }, defaultClass: "_1rsrm2fve" }, textTertiary: { conditions: { base: "_1rsrm2fvi", hover: "_1rsrm2fvj", active: "_1rsrm2fvk", selection: "_1rsrm2fvl" }, defaultClass: "_1rsrm2fvi" }, textDisabled: { conditions: { base: "_1rsrm2fvm", hover: "_1rsrm2fvn", active: "_1rsrm2fvo", selection: "_1rsrm2fvp" }, defaultClass: "_1rsrm2fvm" }, textSelection: { conditions: { base: "_1rsrm2fvq", hover: "_1rsrm2fvr", active: "_1rsrm2fvs", selection: "_1rsrm2fvt" }, defaultClass: "_1rsrm2fvq" }, inputFieldPrimary: { conditions: { base: "_1rsrm2fvu", hover: "_1rsrm2fvv", active: "_1rsrm2fvw", selection: "_1rsrm2fvx" }, defaultClass: "_1rsrm2fvu" }, inputFieldPlaceholder: { conditions: { base: "_1rsrm2fvy", hover: "_1rsrm2fvz", active: "_1rsrm2fw0", selection: "_1rsrm2fw1" }, defaultClass: "_1rsrm2fvy" }, inputFieldDisabled: { conditions: { base: "_1rsrm2fw2", hover: "_1rsrm2fw3", active: "_1rsrm2fw4", selection: "_1rsrm2fw5" }, defaultClass: "_1rsrm2fw2" }, strokePrimary: { conditions: { base: "_1rsrm2fw6", hover: "_1rsrm2fw7", active: "_1rsrm2fw8", selection: "_1rsrm2fw9" }, defaultClass: "_1rsrm2fw6" }, strokeSecondary: { conditions: { base: "_1rsrm2fwa", hover: "_1rsrm2fwb", active: "_1rsrm2fwc", selection: "_1rsrm2fwd" }, defaultClass: "_1rsrm2fwa" }, buttonPrimary: { conditions: { base: "_1rsrm2fwe", hover: "_1rsrm2fwf", active: "_1rsrm2fwg", selection: "_1rsrm2fwh" }, defaultClass: "_1rsrm2fwe" }, buttonProcessing: { conditions: { base: "_1rsrm2fwi", hover: "_1rsrm2fwj", active: "_1rsrm2fwk", selection: "_1rsrm2fwl" }, defaultClass: "_1rsrm2fwi" }, buttonDisabled: { conditions: { base: "_1rsrm2fwm", hover: "_1rsrm2fwn", active: "_1rsrm2fwo", selection: "_1rsrm2fwp" }, defaultClass: "_1rsrm2fwm" }, buttonWarning: { conditions: { base: "_1rsrm2fwq", hover: "_1rsrm2fwr", active: "_1rsrm2fws", selection: "_1rsrm2fwt" }, defaultClass: "_1rsrm2fwq" }, buttonTextWarning: { conditions: { base: "_1rsrm2fwu", hover: "_1rsrm2fwv", active: "_1rsrm2fww", selection: "_1rsrm2fwx" }, defaultClass: "_1rsrm2fwu" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fwy", hover: "_1rsrm2fwz", active: "_1rsrm2fx0", selection: "_1rsrm2fx1" }, defaultClass: "_1rsrm2fwy" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fx2", hover: "_1rsrm2fx3", active: "_1rsrm2fx4", selection: "_1rsrm2fx5" }, defaultClass: "_1rsrm2fx2" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fx6", hover: "_1rsrm2fx7", active: "_1rsrm2fx8", selection: "_1rsrm2fx9" }, defaultClass: "_1rsrm2fx6" }, transparent: { conditions: { base: "_1rsrm2fxa", hover: "_1rsrm2fxb", active: "_1rsrm2fxc", selection: "_1rsrm2fxd" }, defaultClass: "_1rsrm2fxa" } } } } }, { conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 }, styles: { alignItems: { values: { "flex-start": { conditions: { smallScreen: "_1rsrm2f0", largeScreen: "_1rsrm2f1" }, defaultClass: "_1rsrm2f0" }, "flex-end": { conditions: { smallScreen: "_1rsrm2f2", largeScreen: "_1rsrm2f3" }, defaultClass: "_1rsrm2f2" }, center: { conditions: { smallScreen: "_1rsrm2f4", largeScreen: "_1rsrm2f5" }, defaultClass: "_1rsrm2f4" } } }, display: { values: { none: { conditions: { smallScreen: "_1rsrm2f6", largeScreen: "_1rsrm2f7" }, defaultClass: "_1rsrm2f6" }, block: { conditions: { smallScreen: "_1rsrm2f8", largeScreen: "_1rsrm2f9" }, defaultClass: "_1rsrm2f8" }, flex: { conditions: { smallScreen: "_1rsrm2fa", largeScreen: "_1rsrm2fb" }, defaultClass: "_1rsrm2fa" }, inline: { conditions: { smallScreen: "_1rsrm2fc", largeScreen: "_1rsrm2fd" }, defaultClass: "_1rsrm2fc" } } } } }, { conditions: void 0, styles: { margin: { mappings: ["marginTop", "marginBottom", "marginLeft", "marginRight"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, padding: { mappings: ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, alignSelf: { values: { "flex-start": { defaultClass: "_1rsrm2fe" }, "flex-end": { defaultClass: "_1rsrm2ff" }, center: { defaultClass: "_1rsrm2fg" } } }, backgroundSize: { values: { cover: { defaultClass: "_1rsrm2fh" } } }, borderRadius: { values: { "1": { defaultClass: "_1rsrm2fi" }, "6": { defaultClass: "_1rsrm2fj" }, "10": { defaultClass: "_1rsrm2fk" }, "13": { defaultClass: "_1rsrm2fl" }, "16": { defaultClass: "_1rsrm2fm" }, "24": { defaultClass: "_1rsrm2fn" }, actionButton: { defaultClass: "_1rsrm2fo" }, connectButton: { defaultClass: "_1rsrm2fp" }, menuButton: { defaultClass: "_1rsrm2fq" }, modal: { defaultClass: "_1rsrm2fr" }, modalMobile: { defaultClass: "_1rsrm2fs" }, "25%": { defaultClass: "_1rsrm2ft" }, full: { defaultClass: "_1rsrm2fu" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2fv" }, dotted: { defaultClass: "_1rsrm2fw" }, hidden: { defaultClass: "_1rsrm2fx" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2fy" }, "1": { defaultClass: "_1rsrm2fz" }, "2": { defaultClass: "_1rsrm2f10" }, "4": { defaultClass: "_1rsrm2f11" }, "0.5": { defaultClass: "_1rsrm2f12" } } }, cursor: { values: { pointer: { defaultClass: "_1rsrm2f13" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f14" }, column: { defaultClass: "_1rsrm2f15" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f16" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f17" }, "12": { defaultClass: "_1rsrm2f18" }, "13": { defaultClass: "_1rsrm2f19" }, "14": { defaultClass: "_1rsrm2f1a" }, "16": { defaultClass: "_1rsrm2f1b" }, "18": { defaultClass: "_1rsrm2f1c" }, "20": { defaultClass: "_1rsrm2f1d" }, "23": { defaultClass: "_1rsrm2f1e" }, "57": { defaultClass: "_1rsrm2f1f" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f1g" }, medium: { defaultClass: "_1rsrm2f1h" }, semibold: { defaultClass: "_1rsrm2f1i" }, bold: { defaultClass: "_1rsrm2f1j" }, heavy: { defaultClass: "_1rsrm2f1k" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f1l" }, "1": { defaultClass: "_1rsrm2f1m" }, "2": { defaultClass: "_1rsrm2f1n" }, "3": { defaultClass: "_1rsrm2f1o" }, "4": { defaultClass: "_1rsrm2f1p" }, "5": { defaultClass: "_1rsrm2f1q" }, "6": { defaultClass: "_1rsrm2f1r" }, "8": { defaultClass: "_1rsrm2f1s" }, "10": { defaultClass: "_1rsrm2f1t" }, "12": { defaultClass: "_1rsrm2f1u" }, "14": { defaultClass: "_1rsrm2f1v" }, "16": { defaultClass: "_1rsrm2f1w" }, "18": { defaultClass: "_1rsrm2f1x" }, "20": { defaultClass: "_1rsrm2f1y" }, "24": { defaultClass: "_1rsrm2f1z" }, "28": { defaultClass: "_1rsrm2f20" }, "30": { defaultClass: "_1rsrm2f21" }, "32": { defaultClass: "_1rsrm2f22" }, "36": { defaultClass: "_1rsrm2f23" }, "44": { defaultClass: "_1rsrm2f24" }, "64": { defaultClass: "_1rsrm2f25" }, "-1": { defaultClass: "_1rsrm2f26" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f27" }, "2": { defaultClass: "_1rsrm2f28" }, "4": { defaultClass: "_1rsrm2f29" }, "8": { defaultClass: "_1rsrm2f2a" }, "10": { defaultClass: "_1rsrm2f2b" }, "12": { defaultClass: "_1rsrm2f2c" }, "14": { defaultClass: "_1rsrm2f2d" }, "16": { defaultClass: "_1rsrm2f2e" }, "20": { defaultClass: "_1rsrm2f2f" }, "24": { defaultClass: "_1rsrm2f2g" }, "28": { defaultClass: "_1rsrm2f2h" }, "30": { defaultClass: "_1rsrm2f2i" }, "32": { defaultClass: "_1rsrm2f2j" }, "34": { defaultClass: "_1rsrm2f2k" }, "36": { defaultClass: "_1rsrm2f2l" }, "40": { defaultClass: "_1rsrm2f2m" }, "44": { defaultClass: "_1rsrm2f2n" }, "48": { defaultClass: "_1rsrm2f2o" }, "50": { defaultClass: "_1rsrm2f2p" }, "54": { defaultClass: "_1rsrm2f2q" }, "60": { defaultClass: "_1rsrm2f2r" }, "93": { defaultClass: "_1rsrm2f2s" }, "100": { defaultClass: "_1rsrm2f2t" }, "108": { defaultClass: "_1rsrm2f2u" }, "162": { defaultClass: "_1rsrm2f2v" }, "192": { defaultClass: "_1rsrm2f2w" }, "200": { defaultClass: "_1rsrm2f2x" }, "210": { defaultClass: "_1rsrm2f2y" }, "220": { defaultClass: "_1rsrm2f2z" }, "230": { defaultClass: "_1rsrm2f30" }, "240": { defaultClass: "_1rsrm2f31" }, "256": { defaultClass: "_1rsrm2f32" }, "320": { defaultClass: "_1rsrm2f33" }, "400": { defaultClass: "_1rsrm2f34" }, "440": { defaultClass: "_1rsrm2f35" }, "600": { defaultClass: "_1rsrm2f36" }, half: { defaultClass: "_1rsrm2f37" }, full: { defaultClass: "_1rsrm2f38" }, max: { defaultClass: "_1rsrm2f39" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f3a" }, "flex-end": { defaultClass: "_1rsrm2f3b" }, center: { defaultClass: "_1rsrm2f3c" }, "space-between": { defaultClass: "_1rsrm2f3d" }, "space-around": { defaultClass: "_1rsrm2f3e" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f3f" }, center: { defaultClass: "_1rsrm2f3g" }, inherit: { defaultClass: "_1rsrm2f3h" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f3i" }, "1": { defaultClass: "_1rsrm2f3j" }, "2": { defaultClass: "_1rsrm2f3k" }, "3": { defaultClass: "_1rsrm2f3l" }, "4": { defaultClass: "_1rsrm2f3m" }, "5": { defaultClass: "_1rsrm2f3n" }, "6": { defaultClass: "_1rsrm2f3o" }, "8": { defaultClass: "_1rsrm2f3p" }, "10": { defaultClass: "_1rsrm2f3q" }, "12": { defaultClass: "_1rsrm2f3r" }, "14": { defaultClass: "_1rsrm2f3s" }, "16": { defaultClass: "_1rsrm2f3t" }, "18": { defaultClass: "_1rsrm2f3u" }, "20": { defaultClass: "_1rsrm2f3v" }, "24": { defaultClass: "_1rsrm2f3w" }, "28": { defaultClass: "_1rsrm2f3x" }, "30": { defaultClass: "_1rsrm2f3y" }, "32": { defaultClass: "_1rsrm2f3z" }, "36": { defaultClass: "_1rsrm2f40" }, "44": { defaultClass: "_1rsrm2f41" }, "64": { defaultClass: "_1rsrm2f42" }, "-1": { defaultClass: "_1rsrm2f43" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f44" }, "1": { defaultClass: "_1rsrm2f45" }, "2": { defaultClass: "_1rsrm2f46" }, "3": { defaultClass: "_1rsrm2f47" }, "4": { defaultClass: "_1rsrm2f48" }, "5": { defaultClass: "_1rsrm2f49" }, "6": { defaultClass: "_1rsrm2f4a" }, "8": { defaultClass: "_1rsrm2f4b" }, "10": { defaultClass: "_1rsrm2f4c" }, "12": { defaultClass: "_1rsrm2f4d" }, "14": { defaultClass: "_1rsrm2f4e" }, "16": { defaultClass: "_1rsrm2f4f" }, "18": { defaultClass: "_1rsrm2f4g" }, "20": { defaultClass: "_1rsrm2f4h" }, "24": { defaultClass: "_1rsrm2f4i" }, "28": { defaultClass: "_1rsrm2f4j" }, "30": { defaultClass: "_1rsrm2f4k" }, "32": { defaultClass: "_1rsrm2f4l" }, "36": { defaultClass: "_1rsrm2f4m" }, "44": { defaultClass: "_1rsrm2f4n" }, "64": { defaultClass: "_1rsrm2f4o" }, "-1": { defaultClass: "_1rsrm2f4p" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f4q" }, "1": { defaultClass: "_1rsrm2f4r" }, "2": { defaultClass: "_1rsrm2f4s" }, "3": { defaultClass: "_1rsrm2f4t" }, "4": { defaultClass: "_1rsrm2f4u" }, "5": { defaultClass: "_1rsrm2f4v" }, "6": { defaultClass: "_1rsrm2f4w" }, "8": { defaultClass: "_1rsrm2f4x" }, "10": { defaultClass: "_1rsrm2f4y" }, "12": { defaultClass: "_1rsrm2f4z" }, "14": { defaultClass: "_1rsrm2f50" }, "16": { defaultClass: "_1rsrm2f51" }, "18": { defaultClass: "_1rsrm2f52" }, "20": { defaultClass: "_1rsrm2f53" }, "24": { defaultClass: "_1rsrm2f54" }, "28": { defaultClass: "_1rsrm2f55" }, "30": { defaultClass: "_1rsrm2f56" }, "32": { defaultClass: "_1rsrm2f57" }, "36": { defaultClass: "_1rsrm2f58" }, "44": { defaultClass: "_1rsrm2f59" }, "64": { defaultClass: "_1rsrm2f5a" }, "-1": { defaultClass: "_1rsrm2f5b" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f5c" }, "1": { defaultClass: "_1rsrm2f5d" }, "2": { defaultClass: "_1rsrm2f5e" }, "3": { defaultClass: "_1rsrm2f5f" }, "4": { defaultClass: "_1rsrm2f5g" }, "5": { defaultClass: "_1rsrm2f5h" }, "6": { defaultClass: "_1rsrm2f5i" }, "8": { defaultClass: "_1rsrm2f5j" }, "10": { defaultClass: "_1rsrm2f5k" }, "12": { defaultClass: "_1rsrm2f5l" }, "14": { defaultClass: "_1rsrm2f5m" }, "16": { defaultClass: "_1rsrm2f5n" }, "18": { defaultClass: "_1rsrm2f5o" }, "20": { defaultClass: "_1rsrm2f5p" }, "24": { defaultClass: "_1rsrm2f5q" }, "28": { defaultClass: "_1rsrm2f5r" }, "30": { defaultClass: "_1rsrm2f5s" }, "32": { defaultClass: "_1rsrm2f5t" }, "36": { defaultClass: "_1rsrm2f5u" }, "44": { defaultClass: "_1rsrm2f5v" }, "64": { defaultClass: "_1rsrm2f5w" }, "-1": { defaultClass: "_1rsrm2f5x" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f5y" }, "2": { defaultClass: "_1rsrm2f5z" }, "4": { defaultClass: "_1rsrm2f60" }, "8": { defaultClass: "_1rsrm2f61" }, "10": { defaultClass: "_1rsrm2f62" }, "12": { defaultClass: "_1rsrm2f63" }, "14": { defaultClass: "_1rsrm2f64" }, "16": { defaultClass: "_1rsrm2f65" }, "20": { defaultClass: "_1rsrm2f66" }, "24": { defaultClass: "_1rsrm2f67" }, "28": { defaultClass: "_1rsrm2f68" }, "30": { defaultClass: "_1rsrm2f69" }, "32": { defaultClass: "_1rsrm2f6a" }, "34": { defaultClass: "_1rsrm2f6b" }, "36": { defaultClass: "_1rsrm2f6c" }, "40": { defaultClass: "_1rsrm2f6d" }, "44": { defaultClass: "_1rsrm2f6e" }, "48": { defaultClass: "_1rsrm2f6f" }, "50": { defaultClass: "_1rsrm2f6g" }, "54": { defaultClass: "_1rsrm2f6h" }, "60": { defaultClass: "_1rsrm2f6i" }, "93": { defaultClass: "_1rsrm2f6j" }, "100": { defaultClass: "_1rsrm2f6k" }, "108": { defaultClass: "_1rsrm2f6l" }, "162": { defaultClass: "_1rsrm2f6m" }, "192": { defaultClass: "_1rsrm2f6n" }, "200": { defaultClass: "_1rsrm2f6o" }, "210": { defaultClass: "_1rsrm2f6p" }, "220": { defaultClass: "_1rsrm2f6q" }, "230": { defaultClass: "_1rsrm2f6r" }, "240": { defaultClass: "_1rsrm2f6s" }, "256": { defaultClass: "_1rsrm2f6t" }, "320": { defaultClass: "_1rsrm2f6u" }, "400": { defaultClass: "_1rsrm2f6v" }, "440": { defaultClass: "_1rsrm2f6w" }, "600": { defaultClass: "_1rsrm2f6x" }, half: { defaultClass: "_1rsrm2f6y" }, full: { defaultClass: "_1rsrm2f6z" }, max: { defaultClass: "_1rsrm2f70" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f71" }, "2": { defaultClass: "_1rsrm2f72" }, "4": { defaultClass: "_1rsrm2f73" }, "8": { defaultClass: "_1rsrm2f74" }, "10": { defaultClass: "_1rsrm2f75" }, "12": { defaultClass: "_1rsrm2f76" }, "14": { defaultClass: "_1rsrm2f77" }, "16": { defaultClass: "_1rsrm2f78" }, "20": { defaultClass: "_1rsrm2f79" }, "24": { defaultClass: "_1rsrm2f7a" }, "28": { defaultClass: "_1rsrm2f7b" }, "30": { defaultClass: "_1rsrm2f7c" }, "32": { defaultClass: "_1rsrm2f7d" }, "34": { defaultClass: "_1rsrm2f7e" }, "36": { defaultClass: "_1rsrm2f7f" }, "40": { defaultClass: "_1rsrm2f7g" }, "44": { defaultClass: "_1rsrm2f7h" }, "48": { defaultClass: "_1rsrm2f7i" }, "50": { defaultClass: "_1rsrm2f7j" }, "54": { defaultClass: "_1rsrm2f7k" }, "60": { defaultClass: "_1rsrm2f7l" }, "93": { defaultClass: "_1rsrm2f7m" }, "100": { defaultClass: "_1rsrm2f7n" }, "108": { defaultClass: "_1rsrm2f7o" }, "162": { defaultClass: "_1rsrm2f7p" }, "192": { defaultClass: "_1rsrm2f7q" }, "200": { defaultClass: "_1rsrm2f7r" }, "210": { defaultClass: "_1rsrm2f7s" }, "220": { defaultClass: "_1rsrm2f7t" }, "230": { defaultClass: "_1rsrm2f7u" }, "240": { defaultClass: "_1rsrm2f7v" }, "256": { defaultClass: "_1rsrm2f7w" }, "320": { defaultClass: "_1rsrm2f7x" }, "400": { defaultClass: "_1rsrm2f7y" }, "440": { defaultClass: "_1rsrm2f7z" }, "600": { defaultClass: "_1rsrm2f80" }, half: { defaultClass: "_1rsrm2f81" }, full: { defaultClass: "_1rsrm2f82" }, max: { defaultClass: "_1rsrm2f83" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2f84" }, "2": { defaultClass: "_1rsrm2f85" }, "4": { defaultClass: "_1rsrm2f86" }, "8": { defaultClass: "_1rsrm2f87" }, "10": { defaultClass: "_1rsrm2f88" }, "12": { defaultClass: "_1rsrm2f89" }, "14": { defaultClass: "_1rsrm2f8a" }, "16": { defaultClass: "_1rsrm2f8b" }, "20": { defaultClass: "_1rsrm2f8c" }, "24": { defaultClass: "_1rsrm2f8d" }, "28": { defaultClass: "_1rsrm2f8e" }, "30": { defaultClass: "_1rsrm2f8f" }, "32": { defaultClass: "_1rsrm2f8g" }, "34": { defaultClass: "_1rsrm2f8h" }, "36": { defaultClass: "_1rsrm2f8i" }, "40": { defaultClass: "_1rsrm2f8j" }, "44": { defaultClass: "_1rsrm2f8k" }, "48": { defaultClass: "_1rsrm2f8l" }, "50": { defaultClass: "_1rsrm2f8m" }, "54": { defaultClass: "_1rsrm2f8n" }, "60": { defaultClass: "_1rsrm2f8o" }, "93": { defaultClass: "_1rsrm2f8p" }, "100": { defaultClass: "_1rsrm2f8q" }, "108": { defaultClass: "_1rsrm2f8r" }, "162": { defaultClass: "_1rsrm2f8s" }, "192": { defaultClass: "_1rsrm2f8t" }, "200": { defaultClass: "_1rsrm2f8u" }, "210": { defaultClass: "_1rsrm2f8v" }, "220": { defaultClass: "_1rsrm2f8w" }, "230": { defaultClass: "_1rsrm2f8x" }, "240": { defaultClass: "_1rsrm2f8y" }, "256": { defaultClass: "_1rsrm2f8z" }, "320": { defaultClass: "_1rsrm2f90" }, "400": { defaultClass: "_1rsrm2f91" }, "440": { defaultClass: "_1rsrm2f92" }, "600": { defaultClass: "_1rsrm2f93" }, half: { defaultClass: "_1rsrm2f94" }, full: { defaultClass: "_1rsrm2f95" }, max: { defaultClass: "_1rsrm2f96" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2f97" }, "2": { defaultClass: "_1rsrm2f98" }, "4": { defaultClass: "_1rsrm2f99" }, "8": { defaultClass: "_1rsrm2f9a" }, "10": { defaultClass: "_1rsrm2f9b" }, "12": { defaultClass: "_1rsrm2f9c" }, "14": { defaultClass: "_1rsrm2f9d" }, "16": { defaultClass: "_1rsrm2f9e" }, "20": { defaultClass: "_1rsrm2f9f" }, "24": { defaultClass: "_1rsrm2f9g" }, "28": { defaultClass: "_1rsrm2f9h" }, "30": { defaultClass: "_1rsrm2f9i" }, "32": { defaultClass: "_1rsrm2f9j" }, "34": { defaultClass: "_1rsrm2f9k" }, "36": { defaultClass: "_1rsrm2f9l" }, "40": { defaultClass: "_1rsrm2f9m" }, "44": { defaultClass: "_1rsrm2f9n" }, "48": { defaultClass: "_1rsrm2f9o" }, "50": { defaultClass: "_1rsrm2f9p" }, "54": { defaultClass: "_1rsrm2f9q" }, "60": { defaultClass: "_1rsrm2f9r" }, "93": { defaultClass: "_1rsrm2f9s" }, "100": { defaultClass: "_1rsrm2f9t" }, "108": { defaultClass: "_1rsrm2f9u" }, "162": { defaultClass: "_1rsrm2f9v" }, "192": { defaultClass: "_1rsrm2f9w" }, "200": { defaultClass: "_1rsrm2f9x" }, "210": { defaultClass: "_1rsrm2f9y" }, "220": { defaultClass: "_1rsrm2f9z" }, "230": { defaultClass: "_1rsrm2fa0" }, "240": { defaultClass: "_1rsrm2fa1" }, "256": { defaultClass: "_1rsrm2fa2" }, "320": { defaultClass: "_1rsrm2fa3" }, "400": { defaultClass: "_1rsrm2fa4" }, "440": { defaultClass: "_1rsrm2fa5" }, "600": { defaultClass: "_1rsrm2fa6" }, half: { defaultClass: "_1rsrm2fa7" }, full: { defaultClass: "_1rsrm2fa8" }, max: { defaultClass: "_1rsrm2fa9" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2faa" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fab" }, "1": { defaultClass: "_1rsrm2fac" }, "2": { defaultClass: "_1rsrm2fad" }, "3": { defaultClass: "_1rsrm2fae" }, "4": { defaultClass: "_1rsrm2faf" }, "5": { defaultClass: "_1rsrm2fag" }, "6": { defaultClass: "_1rsrm2fah" }, "8": { defaultClass: "_1rsrm2fai" }, "10": { defaultClass: "_1rsrm2faj" }, "12": { defaultClass: "_1rsrm2fak" }, "14": { defaultClass: "_1rsrm2fal" }, "16": { defaultClass: "_1rsrm2fam" }, "18": { defaultClass: "_1rsrm2fan" }, "20": { defaultClass: "_1rsrm2fao" }, "24": { defaultClass: "_1rsrm2fap" }, "28": { defaultClass: "_1rsrm2faq" }, "30": { defaultClass: "_1rsrm2far" }, "32": { defaultClass: "_1rsrm2fas" }, "36": { defaultClass: "_1rsrm2fat" }, "44": { defaultClass: "_1rsrm2fau" }, "64": { defaultClass: "_1rsrm2fav" }, "-1": { defaultClass: "_1rsrm2faw" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fax" }, "1": { defaultClass: "_1rsrm2fay" }, "2": { defaultClass: "_1rsrm2faz" }, "3": { defaultClass: "_1rsrm2fb0" }, "4": { defaultClass: "_1rsrm2fb1" }, "5": { defaultClass: "_1rsrm2fb2" }, "6": { defaultClass: "_1rsrm2fb3" }, "8": { defaultClass: "_1rsrm2fb4" }, "10": { defaultClass: "_1rsrm2fb5" }, "12": { defaultClass: "_1rsrm2fb6" }, "14": { defaultClass: "_1rsrm2fb7" }, "16": { defaultClass: "_1rsrm2fb8" }, "18": { defaultClass: "_1rsrm2fb9" }, "20": { defaultClass: "_1rsrm2fba" }, "24": { defaultClass: "_1rsrm2fbb" }, "28": { defaultClass: "_1rsrm2fbc" }, "30": { defaultClass: "_1rsrm2fbd" }, "32": { defaultClass: "_1rsrm2fbe" }, "36": { defaultClass: "_1rsrm2fbf" }, "44": { defaultClass: "_1rsrm2fbg" }, "64": { defaultClass: "_1rsrm2fbh" }, "-1": { defaultClass: "_1rsrm2fbi" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2fbj" }, "1": { defaultClass: "_1rsrm2fbk" }, "2": { defaultClass: "_1rsrm2fbl" }, "3": { defaultClass: "_1rsrm2fbm" }, "4": { defaultClass: "_1rsrm2fbn" }, "5": { defaultClass: "_1rsrm2fbo" }, "6": { defaultClass: "_1rsrm2fbp" }, "8": { defaultClass: "_1rsrm2fbq" }, "10": { defaultClass: "_1rsrm2fbr" }, "12": { defaultClass: "_1rsrm2fbs" }, "14": { defaultClass: "_1rsrm2fbt" }, "16": { defaultClass: "_1rsrm2fbu" }, "18": { defaultClass: "_1rsrm2fbv" }, "20": { defaultClass: "_1rsrm2fbw" }, "24": { defaultClass: "_1rsrm2fbx" }, "28": { defaultClass: "_1rsrm2fby" }, "30": { defaultClass: "_1rsrm2fbz" }, "32": { defaultClass: "_1rsrm2fc0" }, "36": { defaultClass: "_1rsrm2fc1" }, "44": { defaultClass: "_1rsrm2fc2" }, "64": { defaultClass: "_1rsrm2fc3" }, "-1": { defaultClass: "_1rsrm2fc4" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fc5" }, "1": { defaultClass: "_1rsrm2fc6" }, "2": { defaultClass: "_1rsrm2fc7" }, "3": { defaultClass: "_1rsrm2fc8" }, "4": { defaultClass: "_1rsrm2fc9" }, "5": { defaultClass: "_1rsrm2fca" }, "6": { defaultClass: "_1rsrm2fcb" }, "8": { defaultClass: "_1rsrm2fcc" }, "10": { defaultClass: "_1rsrm2fcd" }, "12": { defaultClass: "_1rsrm2fce" }, "14": { defaultClass: "_1rsrm2fcf" }, "16": { defaultClass: "_1rsrm2fcg" }, "18": { defaultClass: "_1rsrm2fch" }, "20": { defaultClass: "_1rsrm2fci" }, "24": { defaultClass: "_1rsrm2fcj" }, "28": { defaultClass: "_1rsrm2fck" }, "30": { defaultClass: "_1rsrm2fcl" }, "32": { defaultClass: "_1rsrm2fcm" }, "36": { defaultClass: "_1rsrm2fcn" }, "44": { defaultClass: "_1rsrm2fco" }, "64": { defaultClass: "_1rsrm2fcp" }, "-1": { defaultClass: "_1rsrm2fcq" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fcr" }, fixed: { defaultClass: "_1rsrm2fcs" }, relative: { defaultClass: "_1rsrm2fct" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fcu" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fcv" }, transform: { defaultClass: "_1rsrm2fcw" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fcx" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fcy" }, "2": { defaultClass: "_1rsrm2fcz" }, "4": { defaultClass: "_1rsrm2fd0" }, "8": { defaultClass: "_1rsrm2fd1" }, "10": { defaultClass: "_1rsrm2fd2" }, "12": { defaultClass: "_1rsrm2fd3" }, "14": { defaultClass: "_1rsrm2fd4" }, "16": { defaultClass: "_1rsrm2fd5" }, "20": { defaultClass: "_1rsrm2fd6" }, "24": { defaultClass: "_1rsrm2fd7" }, "28": { defaultClass: "_1rsrm2fd8" }, "30": { defaultClass: "_1rsrm2fd9" }, "32": { defaultClass: "_1rsrm2fda" }, "34": { defaultClass: "_1rsrm2fdb" }, "36": { defaultClass: "_1rsrm2fdc" }, "40": { defaultClass: "_1rsrm2fdd" }, "44": { defaultClass: "_1rsrm2fde" }, "48": { defaultClass: "_1rsrm2fdf" }, "50": { defaultClass: "_1rsrm2fdg" }, "54": { defaultClass: "_1rsrm2fdh" }, "60": { defaultClass: "_1rsrm2fdi" }, "93": { defaultClass: "_1rsrm2fdj" }, "100": { defaultClass: "_1rsrm2fdk" }, "108": { defaultClass: "_1rsrm2fdl" }, "162": { defaultClass: "_1rsrm2fdm" }, "192": { defaultClass: "_1rsrm2fdn" }, "200": { defaultClass: "_1rsrm2fdo" }, "210": { defaultClass: "_1rsrm2fdp" }, "220": { defaultClass: "_1rsrm2fdq" }, "230": { defaultClass: "_1rsrm2fdr" }, "240": { defaultClass: "_1rsrm2fds" }, "256": { defaultClass: "_1rsrm2fdt" }, "320": { defaultClass: "_1rsrm2fdu" }, "400": { defaultClass: "_1rsrm2fdv" }, "440": { defaultClass: "_1rsrm2fdw" }, "600": { defaultClass: "_1rsrm2fdx" }, half: { defaultClass: "_1rsrm2fdy" }, full: { defaultClass: "_1rsrm2fdz" }, max: { defaultClass: "_1rsrm2fe0" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fe1" } } } } });
-var themeVars = { colors: { accentColor: "var(--rk-colors-accentColor)", accentColorForeground: "var(--rk-colors-accentColorForeground)", actionButtonBorder: "var(--rk-colors-actionButtonBorder)", actionButtonBorderMobile: "var(--rk-colors-actionButtonBorderMobile)", actionButtonSecondaryBackground: "var(--rk-colors-actionButtonSecondaryBackground)", actionButtonDisabled: "var(--rk-colors-actionButtonDisabled)", closeButton: "var(--rk-colors-closeButton)", closeButtonBackground: "var(--rk-colors-closeButtonBackground)", connectButtonBackground: "var(--rk-colors-connectButtonBackground)", connectButtonBackgroundError: "var(--rk-colors-connectButtonBackgroundError)", connectButtonInnerBackground: "var(--rk-colors-connectButtonInnerBackground)", connectButtonText: "var(--rk-colors-connectButtonText)", connectButtonTextError: "var(--rk-colors-connectButtonTextError)", connectionIndicator: "var(--rk-colors-connectionIndicator)", downloadBottomCardBackground: "var(--rk-colors-downloadBottomCardBackground)", downloadTopCardBackground: "var(--rk-colors-downloadTopCardBackground)", error: "var(--rk-colors-error)", generalBorder: "var(--rk-colors-generalBorder)", generalBorderDim: "var(--rk-colors-generalBorderDim)", menuItemBackground: "var(--rk-colors-menuItemBackground)", modalText: "var(--rk-colors-modalText)", modalTextDim: "var(--rk-colors-modalTextDim)", modalTextSecondary: "var(--rk-colors-modalTextSecondary)", profileAction: "var(--rk-colors-profileAction)", profileActionHover: "var(--rk-colors-profileActionHover)", profileForeground: "var(--rk-colors-profileForeground)", selectedOptionBorder: "var(--rk-colors-selectedOptionBorder)", standby: "var(--rk-colors-standby)", solidLine: "var(--rk-colors-solidLine)", leftTranslucentLine: "var(--rk-colors-leftTranslucentLine)", rightTranslucentLine: "var(--rk-colors-rightTranslucentLine)", loadingBase: "var(--rk-colors-loadingBase)", loadingAccent: "var(--rk-colors-loadingAccent)", modalBackdrop: "var(--rk-colors-modalBackdrop)", modalBackground: "var(--rk-colors-modalBackground)", modalBorder: "var(--rk-colors-modalBorder)", notificationPrimary: "var(--rk-colors-notificationPrimary)", textPrimary: "var(--rk-colors-textPrimary)", textSecondary: "var(--rk-colors-textSecondary)", textTertiary: "var(--rk-colors-textTertiary)", textDisabled: "var(--rk-colors-textDisabled)", textSelection: "var(--rk-colors-textSelection)", inputFieldPrimary: "var(--rk-colors-inputFieldPrimary)", inputFieldPlaceholder: "var(--rk-colors-inputFieldPlaceholder)", inputFieldDisabled: "var(--rk-colors-inputFieldDisabled)", strokePrimary: "var(--rk-colors-strokePrimary)", strokeSecondary: "var(--rk-colors-strokeSecondary)", buttonPrimary: "var(--rk-colors-buttonPrimary)", buttonProcessing: "var(--rk-colors-buttonProcessing)", buttonDisabled: "var(--rk-colors-buttonDisabled)", buttonWarning: "var(--rk-colors-buttonWarning)", buttonTextWarning: "var(--rk-colors-buttonTextWarning)", buttonTextPrimary: "var(--rk-colors-buttonTextPrimary)", buttonTextSecondary: "var(--rk-colors-buttonTextSecondary)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)" }, fonts: { body: "var(--rk-fonts-body)" }, radii: { actionButton: "var(--rk-radii-actionButton)", connectButton: "var(--rk-radii-connectButton)", menuButton: "var(--rk-radii-menuButton)", modal: "var(--rk-radii-modal)", modalMobile: "var(--rk-radii-modalMobile)" }, shadows: { connectButton: "var(--rk-shadows-connectButton)", dialog: "var(--rk-shadows-dialog)", profileDetailsAction: "var(--rk-shadows-profileDetailsAction)", selectedOption: "var(--rk-shadows-selectedOption)", selectedWallet: "var(--rk-shadows-selectedWallet)", walletLogo: "var(--rk-shadows-walletLogo)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" } };
+var themeVars = { colors: { accentColor: "var(--rk-colors-accentColor)", accentColorForeground: "var(--rk-colors-accentColorForeground)", actionButtonBorder: "var(--rk-colors-actionButtonBorder)", actionButtonBorderMobile: "var(--rk-colors-actionButtonBorderMobile)", actionButtonSecondaryBackground: "var(--rk-colors-actionButtonSecondaryBackground)", actionButtonDisabled: "var(--rk-colors-actionButtonDisabled)", closeButton: "var(--rk-colors-closeButton)", closeButtonBackground: "var(--rk-colors-closeButtonBackground)", connectButtonBackground: "var(--rk-colors-connectButtonBackground)", connectButtonBackgroundError: "var(--rk-colors-connectButtonBackgroundError)", connectButtonInnerBackground: "var(--rk-colors-connectButtonInnerBackground)", connectButtonText: "var(--rk-colors-connectButtonText)", connectButtonTextError: "var(--rk-colors-connectButtonTextError)", connectionIndicator: "var(--rk-colors-connectionIndicator)", downloadBottomCardBackground: "var(--rk-colors-downloadBottomCardBackground)", downloadTopCardBackground: "var(--rk-colors-downloadTopCardBackground)", error: "var(--rk-colors-error)", generalBorder: "var(--rk-colors-generalBorder)", generalBorderDim: "var(--rk-colors-generalBorderDim)", menuItemBackground: "var(--rk-colors-menuItemBackground)", modalText: "var(--rk-colors-modalText)", modalTextDim: "var(--rk-colors-modalTextDim)", modalTextSecondary: "var(--rk-colors-modalTextSecondary)", profileAction: "var(--rk-colors-profileAction)", profileActionHover: "var(--rk-colors-profileActionHover)", profileForeground: "var(--rk-colors-profileForeground)", selectedOptionBorder: "var(--rk-colors-selectedOptionBorder)", standby: "var(--rk-colors-standby)", solidLine: "var(--rk-colors-solidLine)", leftTranslucentLine: "var(--rk-colors-leftTranslucentLine)", rightTranslucentLine: "var(--rk-colors-rightTranslucentLine)", loadingBase: "var(--rk-colors-loadingBase)", loadingAccent: "var(--rk-colors-loadingAccent)", modalBackdrop: "var(--rk-colors-modalBackdrop)", modalBackground: "var(--rk-colors-modalBackground)", modalBorder: "var(--rk-colors-modalBorder)", notificationPrimary: "var(--rk-colors-notificationPrimary)", textPrimary: "var(--rk-colors-textPrimary)", textSecondary: "var(--rk-colors-textSecondary)", textTertiary: "var(--rk-colors-textTertiary)", textDisabled: "var(--rk-colors-textDisabled)", textSelection: "var(--rk-colors-textSelection)", inputFieldPrimary: "var(--rk-colors-inputFieldPrimary)", inputFieldPlaceholder: "var(--rk-colors-inputFieldPlaceholder)", inputFieldDisabled: "var(--rk-colors-inputFieldDisabled)", strokePrimary: "var(--rk-colors-strokePrimary)", strokeSecondary: "var(--rk-colors-strokeSecondary)", buttonPrimary: "var(--rk-colors-buttonPrimary)", buttonProcessing: "var(--rk-colors-buttonProcessing)", buttonDisabled: "var(--rk-colors-buttonDisabled)", buttonWarning: "var(--rk-colors-buttonWarning)", buttonTextWarning: "var(--rk-colors-buttonTextWarning)", buttonTextPrimary: "var(--rk-colors-buttonTextPrimary)", buttonTextSecondary: "var(--rk-colors-buttonTextSecondary)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)" }, fonts: { body: "var(--rk-fonts-body)" }, radii: { actionButton: "var(--rk-radii-actionButton)", connectButton: "var(--rk-radii-connectButton)", menuButton: "var(--rk-radii-menuButton)", modal: "var(--rk-radii-modal)", modalMobile: "var(--rk-radii-modalMobile)" }, shadows: { connectButton: "var(--rk-shadows-connectButton)", dialog: "var(--rk-shadows-dialog)", profileDetailsAction: "var(--rk-shadows-profileDetailsAction)", selectedOption: "var(--rk-shadows-selectedOption)", selectedWallet: "var(--rk-shadows-selectedWallet)", walletLogo: "var(--rk-shadows-walletLogo)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" }, moonpayTheme: "var(--rk-moonpayTheme)" };
 
 // src/css/touchableStyles.css.ts
 var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
@@ -132,9 +132,9 @@ import PrivyJS, {
   LocalStorage
 } from "@privy-io/js-sdk-core";
 import React141, {
-  createContext as createContext16,
+  createContext as createContext17,
   useCallback as useCallback27,
-  useContext as useContext22,
+  useContext as useContext23,
   useEffect as useEffect28,
   useMemo as useMemo33,
   useState as useState39
@@ -483,9 +483,9 @@ var useFunkitConnectChainsById = () => {
 
 // src/components/FunkitProvider/ModalContext.tsx
 import React140, {
-  createContext as createContext15,
+  createContext as createContext16,
   useCallback as useCallback26,
-  useContext as useContext21,
+  useContext as useContext22,
   useEffect as useEffect27,
   useMemo as useMemo32,
   useState as useState38
@@ -567,20 +567,90 @@ var Box = React3.forwardRef(
 );
 Box.displayName = "Box";
 
+// src/components/FunkitProvider/FunkitConfigContext.tsx
+import { createContext as createContext3, useContext as useContext3 } from "react";
+var DEFAULT_TEXT_CUSTOMIZATIONS = {
+  selectPaymentMethod: "Select Payment Method",
+  brokerageOrExchange: "Brokerage or Exchange",
+  debitOrCredit: "Debit or Credit",
+  accountBalance: "Wallet Balance",
+  transferCrypto: "Transfer Crypto",
+  selectAccount: "Select Account",
+  payWith: "Pay With",
+  enterPaymentInfo: "Enter Payment Information"
+};
+var DEFAULT_FUNKIT_CONFIG = {
+  apiKey: "",
+  privyAppId: "",
+  appName: "",
+  appLogoSrc: "https://media.licdn.com/dms/image/D560BAQG0hO3xnlKy7Q/company-logo_200_200/0/1664326073952/funxyz_logo?e=2147483647&v=beta&t=MaS4CK29tMHkN3GSFqKWCb1DubIE-kBDYYfoiQJSed8",
+  appLogoBackgroundColor: "transparent",
+  allowBackgroundScroll: false,
+  textCustomizations: DEFAULT_TEXT_CUSTOMIZATIONS,
+  loginModalConfig: {
+    web2: false,
+    web3: false,
+    prioritizeWeb2Logins: true,
+    web2OauthLogins: {
+      ["google_oauth" /* GOOGLE */]: false,
+      ["twitter_oauth" /* TWITTER */]: false,
+      ["apple_oauth" /* APPLE */]: false
+    }
+  },
+  accountModalConfig: { allowDepositing: false },
+  paymentsConfig: {
+    allowBrokerageUnlinking: false,
+    defaultPaymentMethod: void 0,
+    paymentTitleMaxWidth: "240"
+  },
+  termsFontSize: 12
+};
+var FunkitConfigContext = createContext3(
+  DEFAULT_FUNKIT_CONFIG
+);
+function useFunkitConfig() {
+  const originalFunkitConfig = useContext3(FunkitConfigContext);
+  const finalFunkitConfig = {
+    ...DEFAULT_FUNKIT_CONFIG,
+    ...originalFunkitConfig,
+    loginModalConfig: {
+      ...DEFAULT_FUNKIT_CONFIG.loginModalConfig,
+      ...originalFunkitConfig.loginModalConfig || {},
+      web2OauthLogins: {
+        ...DEFAULT_FUNKIT_CONFIG.loginModalConfig.web2OauthLogins,
+        ...originalFunkitConfig.loginModalConfig.web2OauthLogins || {}
+      }
+    },
+    accountModalConfig: {
+      ...DEFAULT_FUNKIT_CONFIG.accountModalConfig,
+      ...originalFunkitConfig.accountModalConfig || {}
+    },
+    paymentsConfig: {
+      ...DEFAULT_FUNKIT_CONFIG.paymentsConfig,
+      ...originalFunkitConfig.paymentsConfig || {}
+    },
+    textCustomizations: {
+      ...DEFAULT_FUNKIT_CONFIG.textCustomizations,
+      ...originalFunkitConfig.textCustomizations || {}
+    }
+  };
+  return finalFunkitConfig;
+}
+
 // src/components/FunkitProvider/FunkitThemeProvider.tsx
-import React4, { createContext as createContext3, useContext as useContext3, useEffect as useEffect2, useState as useState2 } from "react";
+import React4, { createContext as createContext4, useContext as useContext4, useEffect as useEffect2, useState as useState2 } from "react";
 var defaultTheme = darkTheme();
 var defaultLightTheme = lightTheme();
-var ThemeIdContext = createContext3(void 0);
+var ThemeIdContext = createContext4(void 0);
 var attr = "data-rk";
 var createThemeRootProps = (id) => ({
   [attr]: id || ""
 });
 var useThemeRootProps = () => {
-  const id = useContext3(ThemeIdContext);
+  const id = useContext4(ThemeIdContext);
   return createThemeRootProps(id);
 };
-var ThemeContext = createContext3({
+var ThemeContext = createContext4({
   active: defaultTheme,
   lightMode: void 0,
   darkMode: void 0,
@@ -592,7 +662,7 @@ var ThemeContext = createContext3({
   }
 });
 var useActiveTheme = () => {
-  const { active: active2, setActive, lightMode, darkMode, toggleTheme } = useContext3(ThemeContext);
+  const { active: active2, setActive, lightMode, darkMode, toggleTheme } = useContext4(ThemeContext);
   return {
     active: active2,
     setTheme: setActive,
@@ -733,6 +803,7 @@ function Dialog({
   isHidden = false,
   isSmartCloseable = false
 }) {
+  const { allowBackgroundScroll } = useFunkitConfig();
   useEffect4(() => {
     const handleEscape = (event) => open && event.key === "Escape" && onClose();
     if (isSmartCloseable) {
@@ -744,12 +815,6 @@ function Dialog({
     () => isSmartCloseable ? onClose() : () => void 0,
     [isSmartCloseable, onClose]
   );
-  const [bodyScrollable, setBodyScrollable] = useState3(true);
-  useEffect4(() => {
-    setBodyScrollable(
-      getComputedStyle(window.document.body).overflow !== "hidden"
-    );
-  }, []);
   const themeRootProps = useThemeRootProps();
   const mobile = isMobile();
   const [isOpen, setIsOpen] = useState3(open);
@@ -764,7 +829,7 @@ function Dialog({
   }, [open]);
   return /* @__PURE__ */ React6.createElement(React6.Fragment, null, isOpen ? createPortal(
     /* @__PURE__ */ React6.createElement(RemoveScroll, {
-      enabled: bodyScrollable
+      enabled: !allowBackgroundScroll
     }, /* @__PURE__ */ React6.createElement(Box, {
       ...themeRootProps,
       style: { display: isHidden ? "none" : void 0 }
@@ -787,18 +852,18 @@ function Dialog({
 }
 
 // src/components/Dialog/DialogContent.tsx
-import React16, { useContext as useContext6 } from "react";
+import React16, { useContext as useContext7 } from "react";
 
 // src/components/FunkitProvider/FunToastProvider.tsx
-import React7, { createContext as createContext4, useCallback as useCallback4, useContext as useContext4, useState as useState4 } from "react";
-var FunToastContext = createContext4({
+import React7, { createContext as createContext5, useCallback as useCallback4, useContext as useContext5, useState as useState4 } from "react";
+var FunToastContext = createContext5({
   toastContent: null,
   showToast: () => void 0,
   hideToast: () => void 0,
   closing: false
 });
 function useFunToast() {
-  return useContext4(FunToastContext);
+  return useContext5(FunToastContext);
 }
 function FunToastProvider({ children }) {
   const [toastContent, setToastContent] = useState4(null);
@@ -827,7 +892,7 @@ function FunToastProvider({ children }) {
 }
 
 // src/components/FunkitProvider/ModalSizeContext.tsx
-import React9, { createContext as createContext6, useContext as useContext5 } from "react";
+import React9, { createContext as createContext7, useContext as useContext6 } from "react";
 
 // src/hooks/useWindowSize.ts
 import { useEffect as useEffect5, useState as useState5 } from "react";
@@ -867,8 +932,8 @@ var useWindowSize = () => {
 };
 
 // src/components/FunkitProvider/WalletButtonContext.tsx
-import React8, { createContext as createContext5, useMemo as useMemo3, useState as useState6 } from "react";
-var WalletButtonContext = createContext5({
+import React8, { createContext as createContext6, useMemo as useMemo3, useState as useState6 } from "react";
+var WalletButtonContext = createContext6({
   connector: null,
   setConnector: () => void 0
 });
@@ -890,14 +955,14 @@ var ModalSizeOptions = {
   COMPACT: "compact",
   WIDE: "wide"
 };
-var ModalSizeContext = createContext6(ModalSizeOptions.WIDE);
+var ModalSizeContext = createContext7(ModalSizeOptions.WIDE);
 function ModalSizeProvider({
   children,
   modalSize
 }) {
   const { width } = useWindowSize();
   const isSmallScreen = width && width < largeScreenMinWidth;
-  const { connector } = useContext5(WalletButtonContext);
+  const { connector } = useContext6(WalletButtonContext);
   return /* @__PURE__ */ React9.createElement(ModalSizeContext.Provider, {
     value: isSmallScreen || connector ? ModalSizeOptions.COMPACT : modalSize
   }, children);
@@ -1141,7 +1206,7 @@ function DialogContent({
   wide = false
 }) {
   const mobile = isMobile();
-  const modalSize = useContext6(ModalSizeContext);
+  const modalSize = useContext7(ModalSizeContext);
   const { toastContent, closing } = useFunToast();
   const compactModeEnabled = modalSize === ModalSizeOptions.COMPACT;
   return /* @__PURE__ */ React16.createElement(Box, {
@@ -1165,9 +1230,9 @@ function DialogContent({
 // src/components/FunkitProvider/GeneralWalletProvider.tsx
 import { Auth, FunWallet, getAssetsByWalletAddress } from "@funkit/core";
 import React18, {
-  createContext as createContext7,
+  createContext as createContext8,
   useCallback as useCallback5,
-  useContext as useContext7,
+  useContext as useContext8,
   useEffect as useEffect6,
   useMemo as useMemo5,
   useRef as useRef2,
@@ -1176,11 +1241,6 @@ import React18, {
 import { useAccount as useAccount2, useDisconnect } from "wagmi";
 
 // src/consts/payment.ts
-var PaymentFlow = /* @__PURE__ */ ((PaymentFlow2) => {
-  PaymentFlow2[PaymentFlow2["DEPOSIT"] = 0] = "DEPOSIT";
-  PaymentFlow2[PaymentFlow2["CHECKOUT"] = 1] = "CHECKOUT";
-  return PaymentFlow2;
-})(PaymentFlow || {});
 var PaymentMethod = /* @__PURE__ */ ((PaymentMethod2) => {
   PaymentMethod2["CARD"] = "card";
   PaymentMethod2["TRANSFER"] = "transfer";
@@ -1226,7 +1286,33 @@ function useSymbolRefresh() {
 var useSymbolRefresh_default = useSymbolRefresh;
 
 // src/utils/assets.ts
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO } from "@funkit/core";
 import { formatUnits } from "viem";
+
+// src/hooks/useCheckoutType.ts
+function getCheckoutType(checkoutItem) {
+  var _a;
+  if (!checkoutItem) {
+    return {
+      isCheckoutCrFlow: false,
+      isCheckoutDirectCrFlow: false,
+      isCheckoutPostActionRequired: false
+    };
+  }
+  const isCheckoutCrFlow = !!checkoutItem.initSettings.config.customRecipient;
+  const isCheckoutDirectCrFlow = isCheckoutCrFlow && checkoutItem.selectedSourceAssetInfo.chainId === checkoutItem.initSettings.config.targetChain && ((_a = checkoutItem.selectedSourceAssetInfo.address) == null ? void 0 : _a.toLowerCase()) === checkoutItem.initSettings.config.targetAsset.toLowerCase();
+  const isCheckoutPostActionRequired = !!checkoutItem.initSettings.config.actionsParams.length;
+  return {
+    isCheckoutCrFlow,
+    isCheckoutDirectCrFlow,
+    isCheckoutPostActionRequired
+  };
+}
+function useCheckoutType(checkoutItem) {
+  return getCheckoutType(checkoutItem);
+}
+
+// src/utils/assets.ts
 function combineChainSymbolOrAddress({
   chainId,
   symbolOrAddress
@@ -1238,6 +1324,16 @@ function combineChainSymbolOrAddress({
 var getNormalizedTokenBalance = (tokenBalance, decimals) => {
   return Number(formatUnits(BigInt(tokenBalance), decimals));
 };
+var isAssetUsableToPayForCheckout = (checkoutItem, paymentMethod, assetChainId, assetTokenAddress) => {
+  const { isCheckoutPostActionRequired } = getCheckoutType(checkoutItem);
+  const isSameAsPurchasingToken = !isCheckoutPostActionRequired && paymentMethod === "balance" /* ACCOUNT_BALANCE */ && checkoutItem.initSettings.config.targetChain === assetChainId && checkoutItem.initSettings.config.targetAsset.toLowerCase() === assetTokenAddress.toLowerCase();
+  const isPickedChainSupportedForCheckout = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO[assetChainId].isCheckoutSupported;
+  const isUsable = !isSameAsPurchasingToken && isPickedChainSupportedForCheckout;
+  return {
+    isUsable,
+    reason: isUsable ? "" : isSameAsPurchasingToken ? "Not Applicable" : !isPickedChainSupportedForCheckout ? "Unsupported" : ""
+  };
+};
 
 // src/components/ConnectButton/formatAddress.ts
 function formatAddress(address) {
@@ -1331,7 +1427,7 @@ var WalletDecoratedIcon = () => {
 
 // src/components/FunkitProvider/GeneralWalletProvider.tsx
 var FETCH_ASSETS_INTERVAL_MS = 5e3;
-var GeneralWalletContext = createContext7({
+var GeneralWalletContext = createContext8({
   walletAddress: "",
   accountBalancePaymentDefaultInfo: null,
   isUserLoggedIn: false,
@@ -1524,11 +1620,11 @@ function GeneralWalletProvider({ children }) {
   }, children);
 }
 var useGeneralWallet = () => {
-  return useContext7(GeneralWalletContext);
+  return useContext8(GeneralWalletContext);
 };
 var useFunkitDisconnect = () => {
   const disconnectReturn = useDisconnect();
-  const { handleLogout } = useContext7(GeneralWalletContext);
+  const { handleLogout } = useContext8(GeneralWalletContext);
   return {
     ...disconnectReturn,
     disconnect: handleLogout,
@@ -1561,7 +1657,7 @@ import {
   addOwnerTxParams,
   Chain,
   ContractInterface,
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3,
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4,
   getAssetPriceInfoForCheckout as getAssetPriceInfoForCheckout2,
   getCheckoutByDepositAddress,
   getCheckoutQuote as getApiCheckoutQuote,
@@ -1638,36 +1734,13 @@ function generateQuoteApiErrorForDisplay(errorMessage = "") {
   return (foundItem == null ? void 0 : foundItem.display) || "";
 }
 
-// src/hooks/useCheckoutType.ts
-function getCheckoutType(checkoutItem) {
-  var _a;
-  if (!checkoutItem) {
-    return {
-      isCheckoutCrFlow: false,
-      isCheckoutDirectCrFlow: false,
-      isCheckoutPostActionRequired: false
-    };
-  }
-  const isCheckoutCrFlow = !!checkoutItem.initSettings.config.customRecipient;
-  const isCheckoutDirectCrFlow = isCheckoutCrFlow && checkoutItem.selectedSourceAssetInfo.chainId === checkoutItem.initSettings.config.targetChain && ((_a = checkoutItem.selectedSourceAssetInfo.address) == null ? void 0 : _a.toLowerCase()) === checkoutItem.initSettings.config.targetAsset.toLowerCase();
-  const isCheckoutPostActionRequired = !!checkoutItem.initSettings.config.actionsParams.length;
-  return {
-    isCheckoutCrFlow,
-    isCheckoutDirectCrFlow,
-    isCheckoutPostActionRequired
-  };
-}
-function useCheckoutType(checkoutItem) {
-  return getCheckoutType(checkoutItem);
-}
-
 // src/utils/checkout.ts
 import {
   CHECKOUT_SPONSOR_SUPPORT_CHAINS,
   CheckoutState as CheckoutState2,
   CONTRACT_ADDRESSES,
   FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS2,
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO,
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2,
   getAssetPriceInfoForCheckout,
   getEnvOptions,
   getTokenInfo
@@ -1895,7 +1968,7 @@ function validateCheckoutConfig(config, isUserLoggedIn) {
       message: "Invalid actionsParams configuration: Has to be an array. If no actions are required, please specify an empty array ([]) instead."
     };
   }
-  if (!FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO[config.targetChain]) {
+  if (!FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[config.targetChain]) {
     return {
       isValid: false,
       message: `Invalid targetChain configuration: Unsupported chain id ${config.targetChain} for checkout.`
@@ -1990,14 +2063,14 @@ async function decorateTokenList(tokensChainMap, targetChainId) {
         pickedChainId = chainMapKeys[0];
         const priorityIndex = Number.MAX_SAFE_INTEGER;
         chainMapKeys.forEach((curChainId) => {
-          const pickPriority = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO[curChainId].pickPriority;
+          const pickPriority = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[curChainId].pickPriority;
           if (pickPriority < priorityIndex) {
             pickedChainId = curChainId;
           }
         });
       }
       let tokenAddressForCheckout = null;
-      if (((_d = (_c = (_b = (_a = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO) == null ? void 0 : _a[pickedChainId]) == null ? void 0 : _b.nativeCurrency) == null ? void 0 : _c.symbol) == null ? void 0 : _d.toUpperCase()) === tokenTicker.toUpperCase()) {
+      if (((_d = (_c = (_b = (_a = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2) == null ? void 0 : _a[pickedChainId]) == null ? void 0 : _b.nativeCurrency) == null ? void 0 : _c.symbol) == null ? void 0 : _d.toUpperCase()) === tokenTicker.toUpperCase()) {
         tokenAddressForCheckout = FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS2;
       }
       let erc20TokenAddress = null;
@@ -2076,10 +2149,10 @@ function combineChainSymbolOrAddress2({
 var GAS_ESTIMATE_MULTIPLER = 1.2;
 
 // src/utils/moonpay.ts
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2 } from "@funkit/core";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3 } from "@funkit/core";
 var generateMoonpayCurrencyCode = (tokenSymbol, chainId) => {
   var _a, _b;
-  let moonpayChainName = (_b = (_a = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2) == null ? void 0 : _a[chainId]) == null ? void 0 : _b.moonpayChainName;
+  let moonpayChainName = (_b = (_a = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3) == null ? void 0 : _a[chainId]) == null ? void 0 : _b.moonpayChainName;
   if (moonpayChainName == null) {
     throw new Error("Moonpay not supported on testnets");
   }
@@ -2089,59 +2162,21 @@ var generateMoonpayCurrencyCode = (tokenSymbol, chainId) => {
   const mpCurrencyCode = `${tokenSymbol}${moonpayChainName}`.toLowerCase();
   return mpCurrencyCode;
 };
-
-// src/components/FunkitProvider/FunkitConfigContext.tsx
-import { createContext as createContext8, useContext as useContext8 } from "react";
-var DEFAULT_TEXT_CUSTOMIZATIONS = {
-  selectPaymentMethod: "Select Payment Method",
-  brokerageOrExchange: "Brokerage or Exchange",
-  debitOrCredit: "Debit or Credit",
-  accountBalance: "Wallet Balance",
-  transferCrypto: "Transfer Crypto",
-  selectAccount: "Select Account",
-  payWith: "Pay With",
-  enterPaymentInfo: "Enter Payment Information"
-};
-var DEFAULT_FUNKIT_CONFIG = {
-  apiKey: "",
-  privyAppId: "",
-  appName: "",
-  appLogoSrc: "",
-  textCustomizations: DEFAULT_TEXT_CUSTOMIZATIONS,
-  loginModalConfig: { web2: false, web3: false, prioritizeWeb2Logins: true },
-  accountModalConfig: { enableDepositing: false },
-  paymentsConfig: {
-    allowBrokerageUnlinking: false,
-    defaultPaymentMethod: void 0,
-    paymentTitleMaxWidth: "240"
+function colorToHex(color) {
+  let hexColor = color;
+  const rgbMatch = color.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
+  if (rgbMatch) {
+    const [, r, g, b] = rgbMatch.map(Number);
+    const rHex = r.toString(16).padStart(2, "0");
+    const gHex = g.toString(16).padStart(2, "0");
+    const bHex = b.toString(16).padStart(2, "0");
+    hexColor = `#${rHex}${gHex}${bHex}`;
   }
-};
-var FunkitConfigContext = createContext8(
-  DEFAULT_FUNKIT_CONFIG
-);
-function useFunkitConfig() {
-  const originalFunkitConfig = useContext8(FunkitConfigContext);
-  const finalFunkitConfig = {
-    ...DEFAULT_FUNKIT_CONFIG,
-    ...originalFunkitConfig,
-    loginModalConfig: {
-      ...DEFAULT_FUNKIT_CONFIG.loginModalConfig,
-      ...originalFunkitConfig.loginModalConfig || {}
-    },
-    accountModalConfig: {
-      ...DEFAULT_FUNKIT_CONFIG.accountModalConfig,
-      ...originalFunkitConfig.accountModalConfig || {}
-    },
-    paymentsConfig: {
-      ...DEFAULT_FUNKIT_CONFIG.paymentsConfig,
-      ...originalFunkitConfig.paymentsConfig || {}
-    },
-    textCustomizations: {
-      ...DEFAULT_FUNKIT_CONFIG.textCustomizations,
-      ...originalFunkitConfig.textCustomizations || {}
-    }
-  };
-  return finalFunkitConfig;
+  const hexMatch = color.match(/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i);
+  if (hexMatch) {
+    hexColor = hexMatch[0].toLowerCase();
+  }
+  return hexColor;
 }
 
 // src/components/FunkitProvider/FunkitCheckoutContext.tsx
@@ -2999,7 +3034,6 @@ var useFunkitCheckout = (props) => {
   const { openFunCheckoutModal } = useFunCheckoutModal();
   const { openConnectModal } = useConnectModal();
   const { walletAddress, isUserLoggedIn } = useGeneralWallet();
-  const [waitingLogin, setWaitingLogin] = useState9(void 0);
   const onErrorWrapper = useCallback6(
     (payload) => {
       logger.warn(payload.message, payload);
@@ -3015,6 +3049,7 @@ var useFunkitCheckout = (props) => {
     },
     [openFunCheckoutModal, props]
   );
+  const [pendingCheckoutConfig, setPendingCheckoutConfig] = useState9();
   const beginCheckout = useCallback6(
     async (inputConfig) => {
       const combinedConfig = {
@@ -3030,6 +3065,7 @@ var useFunkitCheckout = (props) => {
         const finalConfig = combinedConfig;
         let newId = _initNewCheckout == null ? void 0 : _initNewCheckout({ ...props, config: finalConfig }, false);
         if (isUserLoggedIn || !!finalConfig.customRecipient) {
+          setPendingCheckoutConfig(void 0);
           if (isUserLoggedIn) {
             const { result, tokenTicker } = await testAutoExecutionDuringCheckout(
               finalConfig,
@@ -3042,7 +3078,7 @@ var useFunkitCheckout = (props) => {
                 true,
                 tokenTicker
               );
-            } else if (!FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[finalConfig.targetChain].isFiatCheckoutSupported) {
+            } else if (!FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4[finalConfig.targetChain].isFiatCheckoutSupported) {
               onErrorWrapper == null ? void 0 : onErrorWrapper({
                 type: "error",
                 message: "Unable to begin a new checkout: Insufficient funds on testnet account",
@@ -3054,7 +3090,7 @@ var useFunkitCheckout = (props) => {
           onOpenWrapper == null ? void 0 : onOpenWrapper(newId);
         } else {
           openConnectModal == null ? void 0 : openConnectModal();
-          setWaitingLogin(finalConfig);
+          setPendingCheckoutConfig(finalConfig);
         }
       } else {
         onErrorWrapper == null ? void 0 : onErrorWrapper({
@@ -3078,13 +3114,11 @@ var useFunkitCheckout = (props) => {
     ]
   );
   useEffect7(() => {
-    if (!waitingLogin)
-      return;
-    if (isUserLoggedIn) {
-      setWaitingLogin(void 0);
-      beginCheckout(waitingLogin);
+    if (isUserLoggedIn && pendingCheckoutConfig) {
+      setPendingCheckoutConfig(void 0);
+      beginCheckout(pendingCheckoutConfig);
     }
-  }, [beginCheckout, isUserLoggedIn, waitingLogin]);
+  }, [beginCheckout, isUserLoggedIn, pendingCheckoutConfig]);
   return {
     beginCheckout
   };
@@ -4761,7 +4795,7 @@ function FunInputDefault({
     background: hasBackground ? "actionButtonSecondaryBackground" : void 0,
     borderRadius: "menuButton",
     fontFamily: "body",
-    minWidth: "max",
+    minWidth: "full",
     display: "flex",
     color: textColor,
     alignItems: "center",
@@ -4811,6 +4845,7 @@ function FunInputDefault({
     },
     onFocus,
     onBlur,
+    onWheel: (e) => e.currentTarget.blur(),
     className: inputProps.disabled ? inputClassDisabled : inputClass,
     ...inputProps,
     style: {
@@ -4902,6 +4937,7 @@ var FunInputWithRef = forwardRef2(
           onKeySubmit();
         }
       },
+      onWheel: (e) => e.currentTarget.blur(),
       onPaste,
       onMouseDown: (e) => {
         if (onMouseDown) {
@@ -5276,6 +5312,7 @@ function FunLinkButton({
 
 // src/components/FunButton/FunTermsAndConditionsTextButton.tsx
 function FunTermsAndConditionsTextButton() {
+  const { termsFontSize } = useFunkitConfig();
   return /* @__PURE__ */ React54.createElement(Box, {
     paddingY: "8",
     display: "flex",
@@ -5284,8 +5321,8 @@ function FunTermsAndConditionsTextButton() {
     style: { fontStyle: "italic" }
   }, /* @__PURE__ */ React54.createElement(Text, {
     color: "modalTextDim",
-    size: "12",
-    weight: "medium"
+    weight: "medium",
+    style: { fontSize: termsFontSize }
   }, "By clicking Confirm Order you agree to our", /* @__PURE__ */ React54.createElement(FunLinkButton, {
     onClick: () => {
       window.open(
@@ -5294,7 +5331,9 @@ function FunTermsAndConditionsTextButton() {
       );
     },
     text: "terms and conditions",
-    textProps: { style: { fontStyle: "italic" } }
+    textProps: {
+      style: { fontStyle: "italic", fontSize: termsFontSize }
+    }
   })));
 }
 
@@ -5325,14 +5364,14 @@ function useCheckoutQuoteNotification(checkoutId) {
 }
 
 // src/utils/deposit.ts
-var MINIMUM_MOONPAY_DEPOSIT_AMOUNT_USD = 30;
+var MINIMUM_MOONPAY_DEPOSIT_AMOUNT_USD = 35;
 function isAmountValidForMoonpay({
   amountUsd
 }) {
   return parseFloat(amountUsd || "0") < MINIMUM_MOONPAY_DEPOSIT_AMOUNT_USD;
 }
 function generateInsufficientAmountForMoonpayError(paymentFlow, isShortened) {
-  return `Minimum ${PaymentFlow[paymentFlow].toLowerCase()} value of $${MINIMUM_MOONPAY_DEPOSIT_AMOUNT_USD} required${isShortened ? "" : " for the selected payment method"}.`;
+  return `$${MINIMUM_MOONPAY_DEPOSIT_AMOUNT_USD} minimum${isShortened ? "" : " required for the selected payment method"}.`;
 }
 
 // src/components/FunOnramp/FunOnrampTokenPill.tsx
@@ -5792,6 +5831,8 @@ function FunPaymentMethods({
     }
   }, [reDraftSymbol]);
   const hasSufficientBalance = useMemo14(() => {
+    if (!checkoutItem)
+      return false;
     if (!(depositInfo == null ? void 0 : depositInfo.amount))
       return true;
     const tokenKeys = Object.keys(walletAssets || {});
@@ -5800,10 +5841,16 @@ function FunPaymentMethods({
         return null;
       }
       const asset = walletAssets == null ? void 0 : walletAssets[assetKey];
-      return asset.totalUsdValue >= (depositInfo == null ? void 0 : depositInfo.amount);
+      const { isUsable } = isAssetUsableToPayForCheckout(
+        checkoutItem,
+        "balance" /* ACCOUNT_BALANCE */,
+        asset.chainId,
+        asset.contractAddress
+      );
+      return isUsable && asset.totalUsdValue >= parseFloat(depositInfo == null ? void 0 : depositInfo.amount);
     });
     return isNotNullish(foundAsset);
-  }, [depositInfo == null ? void 0 : depositInfo.amount, walletAssets]);
+  }, [checkoutItem, depositInfo == null ? void 0 : depositInfo.amount, walletAssets]);
   const { hasQuoteError, showQuoteNotification, quoteNotificationMessage } = useCheckoutQuoteNotification(checkoutId || "");
   const PaymentMethodListWithStatus = useMemo14(() => {
     return Object.keys(PAYMENT_METHOD_CONFIG).map((paymentMethod) => {
@@ -5827,7 +5874,7 @@ function FunPaymentMethods({
           paymentMethod,
           isActive: paymentMethod === selectedOption && isClickable,
           isClickable: isClickable && !isContinuing,
-          disclaimerText: shouldDisableMoonpay ? generateInsufficientAmountForMoonpayError(paymentFlow, true) : shouldDisableAccBalance ? `Insufficient account balance.` : "",
+          disclaimerText: shouldDisableMoonpay ? generateInsufficientAmountForMoonpayError(paymentFlow, true) : shouldDisableAccBalance ? `Insufficient balance.` : "",
           onClick: () => {
             setSelectedOption(paymentMethod);
           }
@@ -6880,6 +6927,16 @@ function FunPaymentMeshType({
 // src/components/FunPayments/FunPaymentMoonpayType.tsx
 import { getMoonpayUrlSignature } from "@funkit/core";
 import React75, { memo, useEffect as useEffect15, useMemo as useMemo18, useState as useState20 } from "react";
+
+// src/components/FunkitProvider/FunkitSandboxContext.tsx
+import { createContext as createContext11, useContext as useContext11 } from "react";
+var FunkitSandboxContext = createContext11(false);
+var useIsFunkitSandboxMode = () => useContext11(FunkitSandboxContext);
+
+// src/components/FunPayments/FunPaymentMoonpayType.css.ts
+var mpClass = "_1kmpeyf0";
+
+// src/components/FunPayments/FunPaymentMoonpayType.tsx
 var MoonPayBuyWidget = memo(function Widget(props) {
   const [MoonPayBuyWidgetInner, setMoonPayBuyWidgetInner] = React75.useState(null);
   useEffect15(() => {
@@ -6892,6 +6949,7 @@ var MoonPayBuyWidget = memo(function Widget(props) {
       }
     };
     loadMoonPayBuyWidgetInner();
+    return () => setMoonPayBuyWidgetInner(null);
   }, []);
   if (!MoonPayBuyWidgetInner)
     return /* @__PURE__ */ React75.createElement(React75.Fragment, null, props.children);
@@ -6910,6 +6968,8 @@ function FunPaymentMoonpayType({
   redirectToCheckoutHistory,
   finalConvertedAssetName
 }) {
+  const { active: active2 } = useActiveTheme();
+  const isSandboxMode = useIsFunkitSandboxMode();
   const [isSupportedRegion, setIsSupportedRegion] = useState20(true);
   const [isBackToHomeDisabled, setIsBackToHomeDisabled] = useState20(true);
   const funkitConfig = useFunkitConfig();
@@ -6918,9 +6978,18 @@ function FunPaymentMoonpayType({
   }, [depositToken, depositTokenChainId]);
   const depositTokenAmountStringFormatted = formatTokenAmountForMoonpay(depositTokenAmount);
   const handleGetSignature = async (url) => {
-    const res = await getMoonpayUrlSignature(url, funkitConfig == null ? void 0 : funkitConfig.apiKey);
+    const res = await getMoonpayUrlSignature(
+      url,
+      isSandboxMode,
+      funkitConfig == null ? void 0 : funkitConfig.apiKey
+    );
     const queryParams = new URLSearchParams(res.split("?")[1]);
     const signature = queryParams.get("signature");
+    logger.log("moonpaySignatureRequested", {
+      originalUrl: url,
+      res,
+      signature
+    });
     return signature || "";
   };
   const description = useMemo18(() => {
@@ -6932,6 +7001,15 @@ function FunPaymentMoonpayType({
     const conversionText = finalConvertedAssetName && !isSame ? ` that is then automatically converted to ${finalConvertedAssetName}.` : ".";
     return `${funkitConfig == null ? void 0 : funkitConfig.appName} uses Moonpay to on-ramp ${depositToken} via credit & debit cards${conversionText}`;
   }, [finalConvertedAssetName, funkitConfig == null ? void 0 : funkitConfig.appName, depositToken]);
+  const moonpayButtonColor = useMemo18(() => {
+    const primaryButtonHex = colorToHex(active2.colors.buttonPrimary);
+    console.log("primaryButonHex", primaryButtonHex);
+    if (["#FFF", "#FFFF", "#FFFFFF", "#FFFFFFFF"].includes(primaryButtonHex)) {
+      return void 0;
+    } else {
+      return primaryButtonHex;
+    }
+  }, [active2.colors.buttonPrimary]);
   return /* @__PURE__ */ React75.createElement(Box, {
     className: backAnimation ? animateContentOutClass : animateContentInClass
   }, /* @__PURE__ */ React75.createElement(Box, {
@@ -6972,7 +7050,13 @@ function FunPaymentMoonpayType({
     },
     onUnsupportedRegion: () => setIsSupportedRegion(false),
     visible: isSupportedRegion,
-    style: { margin: 0 }
+    className: mpClass,
+    style: {
+      margin: 0,
+      border: `1px solid ${active2.colors.modalTextDim}`
+    },
+    theme: active2.moonpayTheme,
+    colorCode: moonpayButtonColor
   })), paymentFlow === 0 /* DEPOSIT */ ? /* @__PURE__ */ React75.createElement(Box, {
     width: "full"
   }, /* @__PURE__ */ React75.createElement(FunButton, {
@@ -7578,10 +7662,10 @@ import React91, { useMemo as useMemo23, useState as useState23 } from "react";
 import { useAccount as useAccount5 } from "wagmi";
 
 // src/components/Avatar/Avatar.tsx
-import React83, { useContext as useContext11 } from "react";
+import React83, { useContext as useContext12 } from "react";
 
 // src/components/FunkitProvider/AvatarContext.ts
-import { createContext as createContext11 } from "react";
+import { createContext as createContext12 } from "react";
 
 // src/components/Avatar/EmojiAvatar.tsx
 import React81, { useEffect as useEffect17, useState as useState22 } from "react";
@@ -7663,11 +7747,11 @@ var EmojiAvatar = ({
 
 // src/components/FunkitProvider/AvatarContext.ts
 var defaultAvatar = EmojiAvatar;
-var AvatarContext = createContext11(defaultAvatar);
+var AvatarContext = createContext12(defaultAvatar);
 
 // src/components/Avatar/Avatar.tsx
 function Avatar({ address, imageUrl, loading, size }) {
-  const AvatarComponent2 = useContext11(AvatarContext);
+  const AvatarComponent2 = useContext12(AvatarContext);
   return /* @__PURE__ */ React83.createElement(Box, {
     "aria-hidden": true,
     borderRadius: "full",
@@ -8175,7 +8259,7 @@ function Home({
     color: "modalText",
     weight: "heavy",
     style: { fontSize: "56px", lineHeight: "68px" }
-  }, formatCurrencyAndStringify(parseFloat(balance.toString())))), (accountModalConfig == null ? void 0 : accountModalConfig.enableDepositing) ? /* @__PURE__ */ React91.createElement(Box, {
+  }, formatCurrencyAndStringify(parseFloat(balance.toString())))), (accountModalConfig == null ? void 0 : accountModalConfig.allowDepositing) ? /* @__PURE__ */ React91.createElement(Box, {
     id: "button-row",
     display: "flex",
     flexDirection: "row",
@@ -8209,7 +8293,7 @@ function Home({
 }
 
 // src/components/ProfileDetails/FunProfileViews/Settings/Settings.tsx
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4 } from "@funkit/core";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5 } from "@funkit/core";
 import React94, { useCallback as useCallback15, useState as useState24 } from "react";
 import { useAccount as useAccount6 } from "wagmi";
 
@@ -8362,7 +8446,7 @@ function Settings({
       onClick: () => {
         if (activeChain == null ? void 0 : activeChain.id) {
           window.open(
-            `${FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4[activeChain == null ? void 0 : activeChain.id].explorerInfo.url}/address/${walletAddress}`,
+            `${FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5[activeChain == null ? void 0 : activeChain.id].explorerInfo.url}/address/${walletAddress}`,
             "_blank"
           );
         }
@@ -8439,7 +8523,7 @@ function AccountModal({ onClose, open }) {
 }
 
 // src/components/ChainModal/ChainModal.tsx
-import React101, { useContext as useContext13 } from "react";
+import React101, { useContext as useContext14 } from "react";
 import { useAccount as useAccount7, useConfig as useConfig3 } from "wagmi";
 
 // src/hooks/useFunkitSwitchChain.ts
@@ -8476,7 +8560,7 @@ function useFunkitSwitchChains({
 
 // src/components/FunkitProvider/I18nContext.tsx
 import React97, {
-  createContext as createContext12,
+  createContext as createContext13,
   useEffect as useEffect18,
   useMemo as useMemo24,
   useState as useState28
@@ -8665,7 +8749,7 @@ var detectedBrowserLocale = () => {
 };
 
 // src/components/FunkitProvider/I18nContext.tsx
-var I18nContext = createContext12({ i18n });
+var I18nContext = createContext13({ i18n });
 var I18nProvider = ({ children, locale }) => {
   const [updateCount, setUpdateCount] = useState28(0);
   const browserLocale = useMemo24(
@@ -8760,7 +8844,7 @@ var MenuButton = React99.forwardRef(
 MenuButton.displayName = "MenuButton";
 
 // src/components/ChainModal/Chain.tsx
-import React100, { Fragment as Fragment5, useContext as useContext12 } from "react";
+import React100, { Fragment as Fragment5, useContext as useContext13 } from "react";
 var Chain2 = ({
   chainId,
   currentChainId,
@@ -8773,7 +8857,7 @@ var Chain2 = ({
   idx
 }) => {
   const mobile = isMobile();
-  const { i18n: i18n2 } = useContext12(I18nContext);
+  const { i18n: i18n2 } = useContext13(I18nContext);
   const funkitConnectChains = useFunkitConnectChains();
   const { isWeb2Login } = useGeneralWallet();
   const isCurrentChain = currentChainId === chainId && !isLoading;
@@ -8851,7 +8935,7 @@ function ChainModal({ onClose, open }) {
     onSettled: () => onClose()
   });
   const { handleLogout } = useGeneralWallet();
-  const { i18n: i18n2 } = useContext13(I18nContext);
+  const { i18n: i18n2 } = useContext14(I18nContext);
   const titleId = "rk_chain_modal_title";
   const mobile = isMobile();
   const isCurrentChainSupported = chains.some((chain) => chain.id === chainId);
@@ -8997,7 +9081,7 @@ function FunConnectErrorStep({
 }
 
 // src/components/FunConnectOptions/FunSignInStep.tsx
-import React107, { useCallback as useCallback16, useContext as useContext16, useMemo as useMemo25, useState as useState30 } from "react";
+import React107, { useCallback as useCallback16, useContext as useContext17, useMemo as useMemo25, useState as useState30 } from "react";
 
 // src/utils/browsers.ts
 function isSafari() {
@@ -9065,7 +9149,8 @@ function FunContainer({
   isCollapsible = true,
   isCollapsed = false,
   showHoverEffect = true,
-  onClick = () => void 0
+  onClick = () => void 0,
+  titlePaddingBottom = "24"
 }) {
   return /* @__PURE__ */ React103.createElement(Box, {
     key: `${title}`,
@@ -9085,7 +9170,7 @@ function FunContainer({
     },
     style: { cursor: isCollapsed ? "pointer" : "default" }
   }, /* @__PURE__ */ React103.createElement(Box, {
-    paddingBottom: isCollapsed ? "0" : "24",
+    paddingBottom: isCollapsed ? "0" : titlePaddingBottom,
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between"
@@ -9218,19 +9303,19 @@ var AppleIcon = () => {
 };
 
 // src/components/ModalSelection/ModalSelection.tsx
-import React106, { useContext as useContext15, useState as useState29 } from "react";
+import React106, { useContext as useContext16, useState as useState29 } from "react";
 
 // src/components/FunkitProvider/useCoolMode.ts
-import { useContext as useContext14, useEffect as useEffect19, useRef as useRef8 } from "react";
+import { useContext as useContext15, useEffect as useEffect19, useRef as useRef8 } from "react";
 
 // src/components/FunkitProvider/CoolModeContext.ts
-import { createContext as createContext13 } from "react";
-var CoolModeContext = createContext13(false);
+import { createContext as createContext14 } from "react";
+var CoolModeContext = createContext14(false);
 
 // src/components/FunkitProvider/useCoolMode.ts
 var useCoolMode = (imageUrl) => {
   const ref = useRef8(null);
-  const coolModeEnabled = useContext14(CoolModeContext);
+  const coolModeEnabled = useContext15(CoolModeContext);
   const resolvedImageUrl = useAsyncImage(imageUrl);
   useEffect19(() => {
     if (coolModeEnabled && ref.current && resolvedImageUrl) {
@@ -9400,7 +9485,7 @@ var ModalSelection = ({
 }) => {
   const coolModeRef = useCoolMode(iconUrl);
   const [isMouseOver, setIsMouseOver] = useState29(false);
-  const { i18n: i18n2 } = useContext15(I18nContext);
+  const { i18n: i18n2 } = useContext16(I18nContext);
   return /* @__PURE__ */ React106.createElement(Box, {
     display: "flex",
     flexDirection: "column",
@@ -9469,10 +9554,22 @@ ModalSelection.displayName = "ModalSelection";
 var scrollClassName = "_14qbs541 _1rsrm2fax _1rsrm2fbj";
 
 // src/components/FunConnectOptions/FunSignInStep.tsx
-var OAUTH_LOGIN_OPTIONS = [
-  { provider: "google", icon: /* @__PURE__ */ React107.createElement(GoogleIcon, null) },
-  { provider: "twitter", icon: /* @__PURE__ */ React107.createElement(TwitterIcon, null) },
-  { provider: "apple", icon: /* @__PURE__ */ React107.createElement(AppleIcon, null) }
+var FULL_OAUTH_LOGIN_OPTIONS = [
+  {
+    funkitKey: "google_oauth" /* GOOGLE */,
+    provider: "google",
+    icon: /* @__PURE__ */ React107.createElement(GoogleIcon, null)
+  },
+  {
+    funkitKey: "twitter_oauth" /* TWITTER */,
+    provider: "twitter",
+    icon: /* @__PURE__ */ React107.createElement(TwitterIcon, null)
+  },
+  {
+    funkitKey: "apple_oauth" /* APPLE */,
+    provider: "apple",
+    icon: /* @__PURE__ */ React107.createElement(AppleIcon, null)
+  }
 ];
 function getInitSignInType(loginModalConfig) {
   const web2Enabled = !!loginModalConfig.web2;
@@ -9498,16 +9595,15 @@ function FunSignInStep({
 }) {
   var _a, _b, _c;
   const funkitConfig = useFunkitConfig();
-  const [signInType, setSignInType] = useState30(
-    getInitSignInType(funkitConfig.loginModalConfig)
-  );
+  const initSignInType = getInitSignInType(funkitConfig.loginModalConfig);
+  const [signInType, setSignInType] = useState30(initSignInType);
   const [selectedOptionId, setSelectedOptionId] = useState30();
   const { isSendingOtpEmail, handleSendOtpEmail, handleOauthRedirect } = useFunkitWeb2Login();
   const isEmailInputValid = useMemo25(() => {
     return validateEmailString(emailInput);
   }, [emailInput]);
   const [emailError, setEmailError] = useState30();
-  const { connector } = useContext16(WalletButtonContext);
+  const { connector } = useContext17(WalletButtonContext);
   const mergeEIP6963WithRkConnectors = !connector;
   const wallets = useWalletConnectors(mergeEIP6963WithRkConnectors).filter((wallet) => wallet.ready || !!wallet.extensionDownloadUrl).sort((a, b) => a.groupIndex - b.groupIndex);
   const groupedWallets = groupBy(wallets, (wallet) => wallet.groupName);
@@ -9580,28 +9676,24 @@ function FunSignInStep({
     setSelectedWallet,
     changeStep
   ]);
-  return /* @__PURE__ */ React107.createElement(Box, {
-    minHeight: "320"
-  }, /* @__PURE__ */ React107.createElement(FunModalTitleSection, {
-    title: "Get Started",
-    hasCloseButton: true,
-    onClose,
-    customJustifyContentStyle: "space-between"
-  }), /* @__PURE__ */ React107.createElement(Box, {
-    display: "flex",
-    flexDirection: "column",
-    paddingY: "20",
-    gap: "20",
-    className: animateContentInClass
-  }, ((_b = funkitConfig == null ? void 0 : funkitConfig.loginModalConfig) == null ? void 0 : _b.web2) ? /* @__PURE__ */ React107.createElement(FunContainer, {
-    title: "Email & Social",
+  const ENABLED_OAUTH_ITEMS = useMemo25(() => {
+    return FULL_OAUTH_LOGIN_OPTIONS.filter(
+      (oAuthItem) => !!funkitConfig.loginModalConfig.web2OauthLogins[oAuthItem.funkitKey]
+    );
+  }, [funkitConfig.loginModalConfig.web2OauthLogins]);
+  const hasAnyOauthEnabled = useMemo25(() => {
+    return ENABLED_OAUTH_ITEMS.length;
+  }, [ENABLED_OAUTH_ITEMS.length]);
+  const Web2LoginSection = ((_b = funkitConfig == null ? void 0 : funkitConfig.loginModalConfig) == null ? void 0 : _b.web2) ? /* @__PURE__ */ React107.createElement(FunContainer, {
+    title: hasAnyOauthEnabled ? "Email & Social" : "Email",
     titleSuffix: /* @__PURE__ */ React107.createElement(Box, {
       color: "textPrimary"
     }, /* @__PURE__ */ React107.createElement(ProfileIcon, null)),
     isCollapsible: true,
     isCollapsed: signInType !== 0 /* WEB2 */,
     showHoverEffect: signInType !== 0 /* WEB2 */,
-    onClick: () => onClickSection(0 /* WEB2 */)
+    onClick: () => onClickSection(0 /* WEB2 */),
+    titlePaddingBottom: hasAnyOauthEnabled ? "24" : "8"
   }, /* @__PURE__ */ React107.createElement(Box, {
     display: "flex",
     flexDirection: "row",
@@ -9638,14 +9730,14 @@ function FunSignInStep({
     })) : null,
     onClick: handleEmailSubmit,
     buttonStyle: { height: "48px" }
-  }))), /* @__PURE__ */ React107.createElement(FunDivider, null), /* @__PURE__ */ React107.createElement(Box, {
+  }))), hasAnyOauthEnabled ? /* @__PURE__ */ React107.createElement(React107.Fragment, null, /* @__PURE__ */ React107.createElement(FunDivider, null), /* @__PURE__ */ React107.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     gap: "14"
   }, /* @__PURE__ */ React107.createElement(Box, {
     display: "flex",
     gap: "10"
-  }, OAUTH_LOGIN_OPTIONS.map((oAuthItem) => /* @__PURE__ */ React107.createElement(FunIconButton, {
+  }, ENABLED_OAUTH_ITEMS.map((oAuthItem) => /* @__PURE__ */ React107.createElement(FunIconButton, {
     key: oAuthItem.provider,
     onClick: () => {
       handleOauthRedirect(oAuthItem.provider);
@@ -9657,12 +9749,13 @@ function FunSignInStep({
     showBorder: true,
     size: "24",
     width: "full"
-  })))), emailError && /* @__PURE__ */ React107.createElement(Box, {
+  }))))) : null, emailError && /* @__PURE__ */ React107.createElement(Box, {
     paddingTop: "18"
   }, /* @__PURE__ */ React107.createElement(FunNotification, {
     type: "error",
     description: emailError
-  }))) : null, ((_c = funkitConfig == null ? void 0 : funkitConfig.loginModalConfig) == null ? void 0 : _c.web3) && funWeb3ConnectWallets.length > 0 ? /* @__PURE__ */ React107.createElement(FunContainer, {
+  }))) : null;
+  const Web3LoginSection = ((_c = funkitConfig == null ? void 0 : funkitConfig.loginModalConfig) == null ? void 0 : _c.web3) && funWeb3ConnectWallets.length > 0 ? /* @__PURE__ */ React107.createElement(FunContainer, {
     title: "Connect Wallet",
     titleSuffix: /* @__PURE__ */ React107.createElement(Box, {
       color: "modalText"
@@ -9688,7 +9781,21 @@ function FunSignInStep({
       recent: wallet.recent,
       testId: `wallet-option-${wallet.id}`
     });
-  }))) : null));
+  }))) : null;
+  return /* @__PURE__ */ React107.createElement(Box, {
+    minHeight: "320"
+  }, /* @__PURE__ */ React107.createElement(FunModalTitleSection, {
+    title: "Get Started",
+    hasCloseButton: true,
+    onClose,
+    customJustifyContentStyle: "space-between"
+  }), /* @__PURE__ */ React107.createElement(Box, {
+    display: "flex",
+    flexDirection: "column",
+    paddingY: "20",
+    gap: "20",
+    className: animateContentInClass
+  }, initSignInType === 0 /* WEB2 */ ? Web2LoginSection : Web3LoginSection, initSignInType === 0 /* WEB2 */ ? Web3LoginSection : Web2LoginSection));
 }
 
 // src/components/FunConnectOptions/FunWeb2ConnectingStep.tsx
@@ -9793,7 +9900,7 @@ var FunWeb2ConnectingStep = (props) => {
 import React125 from "react";
 
 // src/components/ConnectOptions/ConnectDetails.tsx
-import React124, { useContext as useContext19, useEffect as useEffect22 } from "react";
+import React124, { useContext as useContext20, useEffect as useEffect22 } from "react";
 
 // src/utils/colors.ts
 var convertHexToRGBA = (hexCode, opacity = 1) => {
@@ -9993,10 +10100,10 @@ var ScanIcon = () => /* @__PURE__ */ React114.createElement(AsyncImage, {
 });
 
 // src/components/ConnectOptions/DesktopOptions.tsx
-import React123, { Fragment as Fragment6, useContext as useContext18, useEffect as useEffect21, useRef as useRef9, useState as useState31 } from "react";
+import React123, { Fragment as Fragment6, useContext as useContext19, useEffect as useEffect21, useRef as useRef9, useState as useState31 } from "react";
 
 // src/components/ConnectModal/ConnectModalIntro.tsx
-import React120, { useContext as useContext17 } from "react";
+import React120, { useContext as useContext18 } from "react";
 
 // src/components/Disclaimer/DisclaimerLink.tsx
 import React115 from "react";
@@ -10024,13 +10131,13 @@ var DisclaimerText = ({ children }) => {
 };
 
 // src/components/FunkitProvider/AppContext.ts
-import { createContext as createContext14 } from "react";
+import { createContext as createContext15 } from "react";
 var defaultAppInfo = {
   appName: void 0,
   disclaimer: void 0,
   learnMoreUrl: "https://learn.rainbow.me/understanding-web3?utm_source=rainbowkit&utm_campaign=learnmore"
 };
-var AppContext = createContext14(defaultAppInfo);
+var AppContext = createContext15(defaultAppInfo);
 
 // src/components/Icons/Assets.tsx
 import React118 from "react";
@@ -10061,8 +10168,8 @@ function ConnectModalIntro({
   compactModeEnabled = false,
   getWallet
 }) {
-  const { disclaimer: Disclaimer, learnMoreUrl } = useContext17(AppContext);
-  const { i18n: i18n2 } = useContext17(I18nContext);
+  const { disclaimer: Disclaimer, learnMoreUrl } = useContext18(AppContext);
+  const { i18n: i18n2 } = useContext18(I18nContext);
   return /* @__PURE__ */ React120.createElement(React120.Fragment, null, /* @__PURE__ */ React120.createElement(Box, {
     alignItems: "center",
     color: "accentColor",
@@ -10212,13 +10319,13 @@ function DesktopOptions({ onClose }) {
   const [qrCodeUri, setQrCodeUri] = useState31();
   const hasQrCode = !!(selectedWallet == null ? void 0 : selectedWallet.qrCode) && qrCodeUri;
   const [connectionError, setConnectionError] = useState31(false);
-  const modalSize = useContext18(ModalSizeContext);
+  const modalSize = useContext19(ModalSizeContext);
   const compactModeEnabled = modalSize === ModalSizeOptions.COMPACT;
-  const { disclaimer: Disclaimer } = useContext18(AppContext);
-  const { i18n: i18n2 } = useContext18(I18nContext);
+  const { disclaimer: Disclaimer } = useContext19(AppContext);
+  const { i18n: i18n2 } = useContext19(I18nContext);
   const safari = isSafari();
   const initialized = useRef9(false);
-  const { connector } = useContext18(WalletButtonContext);
+  const { connector } = useContext19(WalletButtonContext);
   const mergeEIP6963WithRkConnectors = !connector;
   const wallets = useWalletConnectors(mergeEIP6963WithRkConnectors).filter((wallet) => wallet.ready || !!wallet.extensionDownloadUrl).sort((a, b) => a.groupIndex - b.groupIndex);
   const groupedWallets = groupBy(wallets, (wallet) => wallet.groupName);
@@ -10637,7 +10744,7 @@ function GetDetail({
     (wallet) => wallet.isFunkitSdkConnector
   );
   const shownWallets = wallets.splice(0, 5);
-  const { i18n: i18n2 } = useContext19(I18nContext);
+  const { i18n: i18n2 } = useContext20(I18nContext);
   return /* @__PURE__ */ React124.createElement(Box, {
     alignItems: "center",
     display: "flex",
@@ -10761,8 +10868,8 @@ function ConnectDetail({
   const funkitConfig = useFunkitConfig();
   const appConfig = {
     name: funkitConfig.appName,
-    logoSrc: funkitConfig.appLogoSrc || "https://media.licdn.com/dms/image/D560BAQG0hO3xnlKy7Q/company-logo_200_200/0/1664326073952/funxyz_logo?e=2147483647&v=beta&t=MaS4CK29tMHkN3GSFqKWCb1DubIE-kBDYYfoiQJSed8",
-    logoBackground: "#000"
+    logoSrc: funkitConfig.appLogoSrc,
+    logoBackground: funkitConfig.appLogoBackgroundColor
   };
   const hasExtension = !!wallet.extensionDownloadUrl;
   const hasQrCode = qrCode && qrCodeUri;
@@ -11006,7 +11113,7 @@ function DownloadOptionsDetail({
 }) {
   const browser = getBrowser();
   const platform = getPlatform();
-  const modalSize = useContext19(ModalSizeContext);
+  const modalSize = useContext20(ModalSizeContext);
   const isCompact = modalSize === "compact";
   const {
     desktop,
@@ -11015,7 +11122,7 @@ function DownloadOptionsDetail({
     extensionDownloadUrl,
     mobileDownloadUrl
   } = wallet;
-  const { i18n: i18n2 } = useContext19(I18nContext);
+  const { i18n: i18n2 } = useContext20(I18nContext);
   useEffect22(() => {
     preloadCreateIcon();
     preloadScanIcon();
@@ -11092,7 +11199,7 @@ function DownloadDetail({
   wallet
 }) {
   const { downloadUrls, qrCode } = wallet;
-  const { i18n: i18n2 } = useContext19(I18nContext);
+  const { i18n: i18n2 } = useContext20(I18nContext);
   useEffect22(() => {
     preloadCreateIcon();
     preloadScanIcon();
@@ -11152,7 +11259,7 @@ function InstructionMobileDetail({
   wallet
 }) {
   var _a, _b, _c, _d;
-  const { i18n: i18n2 } = useContext19(I18nContext);
+  const { i18n: i18n2 } = useContext20(I18nContext);
   return /* @__PURE__ */ React124.createElement(Box, {
     alignItems: "center",
     display: "flex",
@@ -11230,7 +11337,7 @@ function InstructionExtensionDetail({
   wallet
 }) {
   var _a, _b, _c, _d;
-  const { i18n: i18n2 } = useContext19(I18nContext);
+  const { i18n: i18n2 } = useContext20(I18nContext);
   return /* @__PURE__ */ React124.createElement(Box, {
     alignItems: "center",
     display: "flex",
@@ -11309,7 +11416,7 @@ function InstructionDesktopDetail({
   wallet
 }) {
   var _a, _b, _c, _d;
-  const { i18n: i18n2 } = useContext19(I18nContext);
+  const { i18n: i18n2 } = useContext20(I18nContext);
   return /* @__PURE__ */ React124.createElement(Box, {
     alignItems: "center",
     display: "flex",
@@ -11506,7 +11613,7 @@ function FunConnectOptions({ onClose }) {
 }
 
 // src/components/SignIn/SignIn.tsx
-import React127, { useCallback as useCallback19, useContext as useContext20, useRef as useRef10 } from "react";
+import React127, { useCallback as useCallback19, useContext as useContext21, useRef as useRef10 } from "react";
 import { UserRejectedRequestError } from "viem";
 import { useAccount as useAccount8, useSignMessage } from "wagmi";
 var signInIcon = async () => (await import("./sign-FZVB2CS6.js")).default;
@@ -11514,7 +11621,7 @@ function SignIn({
   onClose,
   onCloseModal
 }) {
-  const { i18n: i18n2 } = useContext20(I18nContext);
+  const { i18n: i18n2 } = useContext21(I18nContext);
   const [{ status, ...state }, setState] = React127.useState({ status: "idle" });
   const authAdapter = useAuthenticationAdapter();
   const getNonce = useCallback19(async () => {
@@ -11731,7 +11838,7 @@ import React138 from "react";
 
 // src/components/FunCheckoutHistoryModal/FunCheckoutHistoryDetail.tsx
 import {
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9
 } from "@funkit/core";
 import React137, { useMemo as useMemo31 } from "react";
 
@@ -11755,7 +11862,7 @@ var EditIcon = ({ size = "24" }) => /* @__PURE__ */ React129.createElement("svg"
 })));
 
 // src/components/FunCheckoutModal/FunCheckoutModal.tsx
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7 } from "@funkit/core";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8 } from "@funkit/core";
 import React135, { useCallback as useCallback24, useEffect as useEffect25, useMemo as useMemo29, useState as useState36 } from "react";
 
 // src/hooks/useCheckoutAccountBalanceTransfer.ts
@@ -11816,7 +11923,7 @@ function useCheckoutAccountBalanceTransfer(checkoutId) {
 // src/components/FunCheckoutModal/FunCheckoutConfirmationStep.tsx
 import {
   ERC20_ABI,
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5,
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6,
   getPaymasterDataForCheckoutSponsoredTransfer,
   isAddress as isAddress3,
   meshPreviewTransfer as meshPreviewTransfer3
@@ -11956,7 +12063,7 @@ function FunCheckoutConfirmationStep({
           sourceAssetChainId,
           currentChain: chain
         });
-        const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5[sourceAssetChainId].chainInfo.name;
+        const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[sourceAssetChainId].chainInfo.name;
         setPostCheckoutStepMessage(
           WEB3_ACCOUNT_BALANCE_MESSAGE_GENERATOR[1 /* SWITCH_CHAIN */](chainName)
         );
@@ -12132,7 +12239,7 @@ function FunCheckoutConfirmationStep({
   ]);
   const paymentTokenString = useMemo26(() => {
     var _a2, _b2, _c2, _d2, _e2, _f2;
-    const sourceChainName = ((_a2 = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _a2.chainId) ? (_d2 = (_c2 = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5) == null ? void 0 : _c2[(_b2 = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _b2.chainId]) == null ? void 0 : _d2.name : "";
+    const sourceChainName = ((_a2 = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _a2.chainId) ? (_d2 = (_c2 = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6) == null ? void 0 : _c2[(_b2 = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _b2.chainId]) == null ? void 0 : _d2.name : "";
     return formatCryptoAndStringify(
       parseFloat(((_e2 = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _e2.finalPaymentTokenAmount) || "0"),
       `${(_f2 = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _f2.symbol}${sourceChainName ? ` (${sourceChainName})` : ""}` || ""
@@ -12261,6 +12368,7 @@ function FunCheckoutInputAmountStep({
     flexDirection: "column",
     gap: "24",
     paddingY: "24",
+    width: "full",
     className: animateOut ? animateContentOutClass : animateContentInClass
   }, /* @__PURE__ */ React131.createElement(Box, {
     display: "flex",
@@ -12271,12 +12379,13 @@ function FunCheckoutInputAmountStep({
     width: "full"
   }, /* @__PURE__ */ React131.createElement(FunInput, {
     value: amountInput,
-    placeholder: "0.000",
+    placeholder: "0",
     onChange: (newAmount) => setAmountInput(newAmount.target.value),
-    inputProps: { type: "number" },
+    inputProps: { type: "number", autoFocus: true },
     inputStyle: {
-      width: 170,
-      paddingLeft: "0px",
+      textAlign: "center",
+      width: "100%",
+      paddingX: "0px",
       fontWeight: 800,
       fontStyle: "normal",
       fontFamily: "inherit",
@@ -12312,7 +12421,7 @@ function FunCheckoutInputAmountStep({
 // src/components/FunCheckoutModal/FunCheckoutSelectAssetStep.tsx
 import {
   FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3,
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7
 } from "@funkit/core";
 import React133, { useCallback as useCallback23, useEffect as useEffect24, useMemo as useMemo28, useState as useState35 } from "react";
 
@@ -12338,7 +12447,7 @@ function MeshOrAccountSelectAsset({
   onFinish,
   isOnFinishLoading
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const [accountHoldingsMap, setAccountHoldingsMap] = useState35({});
   const [isLoadingAssets, setIsLoadingAssets] = useState35(true);
   const [selectedChainTokenSymbol, setSelectedChainTokenSymbol] = useState35("");
@@ -12353,7 +12462,6 @@ function MeshOrAccountSelectAsset({
     ((_d = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _d.paymentMethod) === "balance" /* ACCOUNT_BALANCE */
   );
   const { walletAssets } = useGeneralWallet();
-  const { isCheckoutPostActionRequired } = useCheckoutType(checkoutItem);
   const generateAccountHoldingsMapForMesh = useCallback23(async () => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     if (funkitConfig == null ? void 0 : funkitConfig.apiKey) {
@@ -12434,18 +12542,18 @@ function MeshOrAccountSelectAsset({
   const generateAccountHoldingsMapForBalance = useCallback23(async () => {
     const itemMap = {};
     const checkoutTargetChainId = checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetChain;
-    const isCheckoutOnMainnet = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[checkoutTargetChainId || ""].isFiatCheckoutSupported;
+    const isCheckoutOnMainnet = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[checkoutTargetChainId || ""].isFiatCheckoutSupported;
     Object.values(walletAssets || {}).forEach((fwAsset) => {
       var _a2, _b2, _c2, _d2;
       if (!fwAsset.symbol || !fwAsset.contractAddress)
         return;
-      const isAssetOnMainnet = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[fwAsset.chainId].isFiatCheckoutSupported;
+      const isAssetOnMainnet = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[fwAsset.chainId].isFiatCheckoutSupported;
       if (isCheckoutOnMainnet && !isAssetOnMainnet)
         return;
       if (!isCheckoutOnMainnet && checkoutTargetChainId !== fwAsset.chainId)
         return;
       let normalizedTokenAddress = fwAsset.contractAddress;
-      if (((_d2 = (_c2 = (_b2 = (_a2 = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6) == null ? void 0 : _a2[fwAsset.chainId]) == null ? void 0 : _b2.nativeCurrency) == null ? void 0 : _c2.symbol) == null ? void 0 : _d2.toUpperCase()) === fwAsset.symbol.toUpperCase()) {
+      if (((_d2 = (_c2 = (_b2 = (_a2 = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7) == null ? void 0 : _a2[fwAsset.chainId]) == null ? void 0 : _b2.nativeCurrency) == null ? void 0 : _c2.symbol) == null ? void 0 : _d2.toUpperCase()) === fwAsset.symbol.toUpperCase()) {
         normalizedTokenAddress = FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3;
       }
       const chainSymbol = combineChainSymbolOrAddress2({
@@ -12493,15 +12601,21 @@ function MeshOrAccountSelectAsset({
     generateAccountHoldingsMapForBalance
   ]);
   const assetOptions = useMemo28(() => {
-    var _a2;
-    return (_a2 = Object.keys(accountHoldingsMap)) == null ? void 0 : _a2.map((chainSymbolKey) => {
+    var _a2, _b2;
+    if (!checkoutItem || !((_a2 = checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a2.paymentMethod))
+      return [];
+    return (_b2 = Object.keys(accountHoldingsMap)) == null ? void 0 : _b2.map((chainSymbolKey) => {
       var _a3;
       const item = accountHoldingsMap[chainSymbolKey];
-      const isSameAsPurchasingToken = !isCheckoutPostActionRequired && ((_a3 = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a3.paymentMethod) === "balance" /* ACCOUNT_BALANCE */ && checkoutItem.initSettings.config.targetChain === item.pickedChainId && checkoutItem.initSettings.config.targetAsset.toLowerCase() === item.tokenAddress.toLowerCase();
+      const { isUsable, reason } = isAssetUsableToPayForCheckout(
+        checkoutItem,
+        (_a3 = checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a3.paymentMethod,
+        item.pickedChainId,
+        item.tokenAddress
+      );
       const isKnownToken = !!item.usdAmount;
-      const isPickedChainSupportedForCheckout = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[item.pickedChainId].isCheckoutSupported;
-      const isTokenDisabled = isSameAsPurchasingToken || !isKnownToken || !isPickedChainSupportedForCheckout;
-      const badgeText = isSameAsPurchasingToken ? "Not Applicable" : !isKnownToken ? "Unknown" : !isPickedChainSupportedForCheckout ? "Unsupported" : "";
+      const isTokenDisabled = !isUsable || !isKnownToken;
+      const badgeText = !isUsable ? reason : !isKnownToken ? "Unknown" : "";
       return {
         value: chainSymbolKey,
         isDisabled: isTokenDisabled,
@@ -12537,13 +12651,7 @@ function MeshOrAccountSelectAsset({
     }).sort(
       (a, b) => Number(a.isDisabled) - Number(b.isDisabled) || ((b == null ? void 0 : b.labelMeta) || 0) - ((a == null ? void 0 : a.labelMeta) || 0)
     );
-  }, [
-    accountHoldingsMap,
-    checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetAsset,
-    checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetChain,
-    (_l = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _l.paymentMethod,
-    isCheckoutPostActionRequired
-  ]);
+  }, [accountHoldingsMap, checkoutItem]);
   const onClickContinue = useCallback23(() => {
     if (selectedChainTokenSymbol && !(checkoutItem == null ? void 0 : checkoutItem.isDrafting)) {
       const tokenItem = accountHoldingsMap[selectedChainTokenSymbol];
@@ -12937,7 +13045,7 @@ function FunCheckoutModal({
         const targetChainId = checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetChain.toString();
         let sourceTokenAddress;
         let sourceTokenTicker;
-        if (((_a2 = checkoutItem == null ? void 0 : checkoutItem.initSettings) == null ? void 0 : _a2.config.targetAsset) === NATIVE_TOKEN && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[targetChainId].nativeCurrency.symbol === "ETH" /* ETH */) {
+        if (((_a2 = checkoutItem == null ? void 0 : checkoutItem.initSettings) == null ? void 0 : _a2.config.targetAsset) === NATIVE_TOKEN && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[targetChainId].nativeCurrency.symbol === "ETH" /* ETH */) {
           sourceTokenAddress = NATIVE_TOKEN;
           sourceTokenTicker = "ETH" /* ETH */;
         } else {
@@ -13164,7 +13272,7 @@ function CheckoutPrimaryInfoSnapshot({
         fontSize: "12px",
         lineHeight: "12px",
         fontStyle: "normal",
-        fontFamily: darkTheme().fonts.body
+        fontFamily: "inherit"
       },
       focused: true,
       inputProps: { autoFocus: true },
@@ -13247,8 +13355,8 @@ function FunCheckoutHistoryDetail({
   );
   useWalletAssetsListener(isProcessing || isCompleted);
   const timelineLabels = useMemo31(() => {
-    const fromExplorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[checkoutHistoryInfo.fromChainId].explorerInfo;
-    const toExplorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[checkoutHistoryInfo.toChainId].explorerInfo;
+    const fromExplorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9[checkoutHistoryInfo.fromChainId].explorerInfo;
+    const toExplorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9[checkoutHistoryInfo.toChainId].explorerInfo;
     return [
       {
         text: "Order Submitted",
@@ -13424,7 +13532,7 @@ function useModalStateValueWithId() {
     }, [])
   };
 }
-var ModalContext = createContext15({
+var ModalContext = createContext16({
   accountModalOpen: false,
   chainModalOpen: false,
   connectModalOpen: false,
@@ -13557,7 +13665,7 @@ function ModalProvider({ children }) {
   }));
 }
 function useModalState() {
-  const { accountModalOpen, chainModalOpen, connectModalOpen } = useContext21(ModalContext);
+  const { accountModalOpen, chainModalOpen, connectModalOpen } = useContext22(ModalContext);
   return {
     accountModalOpen,
     chainModalOpen,
@@ -13565,19 +13673,19 @@ function useModalState() {
   };
 }
 function useAccountModal() {
-  const { accountModalOpen, openAccountModal } = useContext21(ModalContext);
+  const { accountModalOpen, openAccountModal } = useContext22(ModalContext);
   return { accountModalOpen, openAccountModal };
 }
 function useChainModal() {
-  const { chainModalOpen, openChainModal } = useContext21(ModalContext);
+  const { chainModalOpen, openChainModal } = useContext22(ModalContext);
   return { chainModalOpen, openChainModal };
 }
 function useWalletConnectOpenState() {
-  const { isWalletConnectModalOpen, setIsWalletConnectModalOpen } = useContext21(ModalContext);
+  const { isWalletConnectModalOpen, setIsWalletConnectModalOpen } = useContext22(ModalContext);
   return { isWalletConnectModalOpen, setIsWalletConnectModalOpen };
 }
 function useConnectModal() {
-  const { connectModalOpen, openConnectModal } = useContext21(ModalContext);
+  const { connectModalOpen, openConnectModal } = useContext22(ModalContext);
   const { isWalletConnectModalOpen } = useWalletConnectOpenState();
   return {
     connectModalOpen: connectModalOpen || isWalletConnectModalOpen,
@@ -13585,11 +13693,11 @@ function useConnectModal() {
   };
 }
 function useFunCheckoutModal() {
-  const { funCheckoutModalOpen, openFunCheckoutModal } = useContext21(ModalContext);
+  const { funCheckoutModalOpen, openFunCheckoutModal } = useContext22(ModalContext);
   return { funCheckoutModalOpen, openFunCheckoutModal };
 }
 function useFunCheckoutHistoryModal() {
-  const { funCheckoutHistoryModalOpen, openFunCheckoutHistoryModal } = useContext21(ModalContext);
+  const { funCheckoutHistoryModalOpen, openFunCheckoutHistoryModal } = useContext22(ModalContext);
   return { funCheckoutHistoryModalOpen, openFunCheckoutHistoryModal };
 }
 
@@ -13799,7 +13907,7 @@ var ERROR_MESSAGES = {
   PRIVY_PROVIDER_NOT_INITIALIZED: "Privy wallet provider not initialized",
   PRIVY_USER_NOT_INITIALIZED: "Privy user not initialized"
 };
-var FunkitWeb2Context = createContext16({
+var FunkitWeb2Context = createContext17({
   isSendingOtpEmail: false,
   handleSendOtpEmail: () => Promise.resolve({ success: false, error: "" }),
   handleOauthRedirect: () => Promise.resolve(void 0),
@@ -13816,6 +13924,12 @@ var PRIVY_IFRAME_ID = "privy-funkit-iframe";
 var PRIVY_OAUTH_CODE_URL_PARAM = "privy_oauth_code";
 var PRIVY_OAUTH_STATE_URL_PARAM = "privy_oauth_state";
 var RESEND_EMAIL_TIMEOUT_MS = 3e3;
+var FunkitOauthLoginMethod = /* @__PURE__ */ ((FunkitOauthLoginMethod2) => {
+  FunkitOauthLoginMethod2["GOOGLE"] = "google_oauth" /* google_oauth */;
+  FunkitOauthLoginMethod2["TWITTER"] = "twitter_oauth" /* twitter_oauth */;
+  FunkitOauthLoginMethod2["APPLE"] = "apple_oauth" /* apple_oauth */;
+  return FunkitOauthLoginMethod2;
+})(FunkitOauthLoginMethod || {});
 var getLoginMethodFromCache = () => {
   try {
     return window.localStorage.getItem(LOGIN_METHOD_CACHE) || "";
@@ -14160,7 +14274,7 @@ var FunkitWeb2Provider = ({
     style: { display: "none" }
   }) : null, children);
 };
-var useFunkitWeb2Login = () => useContext22(FunkitWeb2Context);
+var useFunkitWeb2Login = () => useContext23(FunkitWeb2Context);
 
 // src/hooks/useConnectionStatus.ts
 function useConnectionStatus() {
@@ -14183,8 +14297,8 @@ function useConnectionStatus() {
 }
 
 // src/components/FunkitProvider/ShowBalanceContext.tsx
-import React142, { createContext as createContext17, useContext as useContext23, useState as useState40 } from "react";
-var ShowBalanceContext = createContext17({
+import React142, { createContext as createContext18, useContext as useContext24, useState as useState40 } from "react";
+var ShowBalanceContext = createContext18({
   showBalance: void 0,
   setShowBalance: () => void 0
 });
@@ -14194,7 +14308,7 @@ function ShowBalanceProvider({ children }) {
     value: { showBalance, setShowBalance }
   }, children);
 }
-var useShowBalance = () => useContext23(ShowBalanceContext);
+var useShowBalance = () => useContext24(ShowBalanceContext);
 
 // src/components/Icons/Dropdown.tsx
 import React143 from "react";
@@ -14213,7 +14327,7 @@ var DropdownIcon = () => /* @__PURE__ */ React143.createElement("svg", {
 }));
 
 // src/components/ConnectButton/ConnectButtonRenderer.tsx
-import React145, { useContext as useContext25 } from "react";
+import React145, { useContext as useContext26 } from "react";
 import { useAccount as useAccount16, useBalance, useConfig as useConfig5 } from "wagmi";
 
 // src/hooks/useIsMounted.ts
@@ -14258,7 +14372,7 @@ function useChainId() {
 }
 
 // src/transactions/TransactionStoreContext.tsx
-import React144, { createContext as createContext18, useContext as useContext24, useEffect as useEffect30, useState as useState42 } from "react";
+import React144, { createContext as createContext19, useContext as useContext25, useEffect as useEffect30, useState as useState42 } from "react";
 import { useAccount as useAccount14, usePublicClient } from "wagmi";
 
 // src/transactions/transactionStore.ts
@@ -14401,7 +14515,7 @@ function createTransactionStore({
 
 // src/transactions/TransactionStoreContext.tsx
 var storeSingleton;
-var TransactionStoreContext = createContext18(null);
+var TransactionStoreContext = createContext19(null);
 function TransactionStoreProvider({
   children
 }) {
@@ -14424,7 +14538,7 @@ function TransactionStoreProvider({
   }, children);
 }
 function useTransactionStore() {
-  const store = useContext24(TransactionStoreContext);
+  const store = useContext25(TransactionStoreContext);
   if (!store) {
     throw new Error("Transaction hooks must be used within FunkitProvider");
   }
@@ -14451,8 +14565,8 @@ function useRecentTransactions() {
 }
 
 // src/components/FunkitProvider/ShowRecentTransactionsContext.ts
-import { createContext as createContext19 } from "react";
-var ShowRecentTransactionsContext = createContext19(false);
+import { createContext as createContext20 } from "react";
+var ShowRecentTransactionsContext = createContext20(false);
 
 // src/components/ConnectButton/abbreviateETHBalance.ts
 var units = ["k", "m", "b", "t"];
@@ -14502,7 +14616,7 @@ function ConnectButtonRenderer({
   const chainIconUrl = (_c = funkitConnectChain == null ? void 0 : funkitConnectChain.iconUrl) != null ? _c : void 0;
   const chainIconBackground = (_d = funkitConnectChain == null ? void 0 : funkitConnectChain.iconBackground) != null ? _d : void 0;
   const resolvedChainIconUrl = useAsyncImage(chainIconUrl);
-  const showRecentTransactions = useContext25(ShowRecentTransactionsContext);
+  const showRecentTransactions = useContext26(ShowRecentTransactionsContext);
   const hasPendingTransactions = useRecentTransactions().some(({ status }) => status === "pending") && showRecentTransactions;
   const { showBalance } = useShowBalance();
   const computeShouldShowBalance = () => {
@@ -14570,7 +14684,7 @@ function ChainSelectorButton({
   chain
 }) {
   var _a, _b;
-  const { i18n: i18n2 } = useContext26(I18nContext);
+  const { i18n: i18n2 } = useContext27(I18nContext);
   return /* @__PURE__ */ React146.createElement(Box, {
     alignItems: "center",
     "aria-label": "Chain Selector",
@@ -14711,7 +14825,7 @@ function ConnectButton({
   const connectionStatus = useConnectionStatus();
   const { setShowBalance } = useShowBalance();
   const [ready, setReady] = useState44(false);
-  const { i18n: i18n2 } = useContext26(I18nContext);
+  const { i18n: i18n2 } = useContext27(I18nContext);
   useEffect32(() => {
     setShowBalance(showBalance);
     if (!ready)
@@ -14776,7 +14890,7 @@ ConnectButton.Custom = ConnectButtonRenderer;
 
 // src/components/FunkitProvider/FunkitProvider.tsx
 import { QueryClientProvider } from "@tanstack/react-query";
-import React147, { createContext as createContext20, useContext as useContext27, useEffect as useEffect35 } from "react";
+import React147, { createContext as createContext21, useContext as useContext28, useEffect as useEffect35 } from "react";
 import { useAccountEffect as useAccountEffect3, WagmiProvider } from "wagmi";
 
 // src/css/cssObjectFromTheme.ts
@@ -15588,7 +15702,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey4, version);
 }
 function getCurrentSdkVersion() {
-  return "1.0.13";
+  return "1.0.14";
 }
 function useFingerprint() {
   const fingerprint = useCallback29(() => {
@@ -15661,7 +15775,7 @@ var MoonPayProvider = (props) => {
     ...props
   }, props.children);
 };
-var ThemeIdContext2 = createContext20(void 0);
+var ThemeIdContext2 = createContext21(void 0);
 var attr2 = "data-rk";
 var createThemeRootProps2 = (id) => ({ [attr2]: id || "" });
 var createThemeRootSelector = (id) => {
@@ -15692,7 +15806,8 @@ function FunkitProvider(props) {
     initialChain: initialChainId,
     locale: props.locale,
     funkitConfig: props.funkitConfig,
-    debug: props.debug
+    debug: props.debug,
+    sandbox: props.sandbox
   }, props.children))));
 }
 function FunkitProviderInner({
@@ -15703,7 +15818,8 @@ function FunkitProviderInner({
   initialChain,
   locale,
   funkitConfig,
-  debug
+  debug,
+  sandbox
 }) {
   usePreloadImages();
   useFingerprint();
@@ -15715,6 +15831,7 @@ function FunkitProviderInner({
     ...appInfo
   };
   const avatarContext = avatar != null ? avatar : defaultAvatar;
+  const isSandboxMode = !!sandbox;
   const modalSize = ModalSizeOptions.WIDE;
   const coolMode = false;
   const showRecentTransactions = false;
@@ -15730,6 +15847,8 @@ function FunkitProviderInner({
     modalSize
   }, /* @__PURE__ */ React147.createElement(FunkitWeb2Provider, null, /* @__PURE__ */ React147.createElement(GeneralWalletProvider, null, /* @__PURE__ */ React147.createElement(FunkitCheckoutProvider, null, /* @__PURE__ */ React147.createElement(ShowRecentTransactionsContext.Provider, {
     value: showRecentTransactions
+  }, /* @__PURE__ */ React147.createElement(FunkitSandboxContext.Provider, {
+    value: isSandboxMode
   }, /* @__PURE__ */ React147.createElement(FunkitMeshProvider, null, /* @__PURE__ */ React147.createElement(TransactionStoreProvider, null, /* @__PURE__ */ React147.createElement(AvatarContext.Provider, {
     value: avatarContext
   }, /* @__PURE__ */ React147.createElement(AppContext.Provider, {
@@ -15737,7 +15856,7 @@ function FunkitProviderInner({
   }, /* @__PURE__ */ React147.createElement(ThemeIdContext2.Provider, {
     value: id
   }, /* @__PURE__ */ React147.createElement(ShowBalanceProvider, null, /* @__PURE__ */ React147.createElement(FunToastProvider, null, /* @__PURE__ */ React147.createElement(MoonPayProvider, {
-    apiKey: "pk_live_IxayBRQuBC3RzpPZkbGPrwUsRWAaeO",
+    apiKey: isSandboxMode ? "pk_test_dWfAhBbvVexIId9S5hPd78mKM7ivIsqu" : "pk_live_IxayBRQuBC3RzpPZkbGPrwUsRWAaeO",
     debug: !!debug
   }, /* @__PURE__ */ React147.createElement(ModalProvider, null, activeTheme ? /* @__PURE__ */ React147.createElement("div", {
     ...createThemeRootProps2(id),
@@ -15753,11 +15872,11 @@ function FunkitProviderInner({
         )}}`
       ].join("")
     }
-  }), children) : children)))))))))))))))))));
+  }), children) : children))))))))))))))))))));
 }
 
 // src/components/WalletButton/WalletButton.tsx
-import React149, { useContext as useContext29 } from "react";
+import React149, { useContext as useContext30 } from "react";
 
 // src/components/WalletButton/WalletButton.css.ts
 var border = "_85s11r0";
@@ -15765,7 +15884,7 @@ var maxWidth = "_85s11r1";
 
 // src/components/WalletButton/WalletButtonRenderer.tsx
 import React148, {
-  useContext as useContext28,
+  useContext as useContext29,
   useEffect as useEffect36,
   useMemo as useMemo34,
   useState as useState45
@@ -15778,7 +15897,7 @@ function WalletButtonRenderer({
   const isMounted = useIsMounted();
   const { openConnectModal } = useConnectModal();
   const { connectModalOpen } = useModalState();
-  const { connector, setConnector } = useContext28(WalletButtonContext);
+  const { connector, setConnector } = useContext29(WalletButtonContext);
   const [firstConnector] = useWalletConnectors().filter((wallet2) => wallet2.isFunkitSdkConnector).filter((_wallet) => _wallet.id.toLowerCase() === wallet.toLowerCase()).sort((a, b) => a.groupIndex - b.groupIndex);
   if (!firstConnector) {
     throw new Error("Connector not found");
@@ -15845,7 +15964,7 @@ function WalletButtonRenderer({
 
 // src/components/WalletButton/WalletButton.tsx
 var WalletButton = ({ wallet }) => {
-  const { i18n: i18n2 } = useContext29(I18nContext);
+  const { i18n: i18n2 } = useContext30(I18nContext);
   return /* @__PURE__ */ React149.createElement(WalletButtonRenderer, {
     wallet
   }, ({ ready, connect, connected, mounted, connector, loading }) => {
@@ -15952,7 +16071,7 @@ function getDefaultWallets(parameters) {
 // src/components/ConnectOptions/MobileOptions.tsx
 import React150, {
   useCallback as useCallback31,
-  useContext as useContext30,
+  useContext as useContext31,
   useEffect as useEffect37,
   useRef as useRef11,
   useState as useState46
@@ -16007,7 +16126,7 @@ function WalletButton2({
   } = wallet;
   const coolModeRef = useCoolMode(iconUrl);
   const initialized = useRef11(false);
-  const { i18n: i18n2 } = useContext30(I18nContext);
+  const { i18n: i18n2 } = useContext31(I18nContext);
   const onConnect = useCallback31(async () => {
     const onMobileUri = async () => {
       const mobileUri = await (getMobileUri == null ? void 0 : getMobileUri());
@@ -16098,7 +16217,7 @@ function MobileOptions({ onClose }) {
   const wallets = useWalletConnectors().filter(
     (wallet) => wallet.isFunkitSdkConnector
   );
-  const { disclaimer: Disclaimer, learnMoreUrl } = useContext30(AppContext);
+  const { disclaimer: Disclaimer, learnMoreUrl } = useContext31(AppContext);
   let headerLabel = null;
   let walletContent = null;
   let headerBackgroundContrast = false;
@@ -16106,7 +16225,7 @@ function MobileOptions({ onClose }) {
   const [walletStep, setWalletStep] = useState46(
     "CONNECT" /* Connect */
   );
-  const { i18n: i18n2 } = useContext30(I18nContext);
+  const { i18n: i18n2 } = useContext31(I18nContext);
   const ios = isIOS();
   switch (walletStep) {
     case "CONNECT" /* Connect */: {
@@ -16365,6 +16484,7 @@ function useAddRecentTransaction() {
 export {
   ConnectButton,
   FunkitConnectAuthenticationProvider,
+  FunkitOauthLoginMethod,
   FunkitProvider,
   NATIVE_TOKEN,
   PaymentMethod,