@funkit/connect 0.1.5 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/{chunk-VGM7OU7P.js → chunk-3A7E2IPT.js} +3 -1
  2. package/dist/{chunk-LKGTFED3.js → chunk-PKSFBURG.js} +3 -1
  3. package/dist/{chunk-HS4VFULE.js → chunk-VVHY6TFA.js} +865 -609
  4. package/dist/{chunk-WJHR5YCY.js → chunk-X5YTL45L.js} +865 -609
  5. package/dist/components/Box/Box.d.ts +12 -12
  6. package/dist/components/FunButton/FunButton.css.d.ts +1 -0
  7. package/dist/components/FunButton/FunIconButton.d.ts +5 -1
  8. package/dist/components/FunkitProvider/FunkitCheckoutContext.d.ts +6 -8
  9. package/dist/components/FunkitWeb2Provider/FunkitWeb2Provider.d.ts +17 -2
  10. package/dist/components/index.css +278 -225
  11. package/dist/components/index.js +2 -2
  12. package/dist/css/sprinkles.css.d.ts +52 -0
  13. package/dist/hooks/useCheckoutAccountBalanceTransfer.d.ts +20 -0
  14. package/dist/index.css +278 -225
  15. package/dist/index.js +3 -3
  16. package/dist/themes/darkTheme.d.ts +2 -0
  17. package/dist/themes/darkTheme.js +1 -1
  18. package/dist/themes/lightTheme.d.ts +2 -0
  19. package/dist/themes/lightTheme.js +1 -1
  20. package/dist/utils/checkout.d.ts +6 -4
  21. package/dist/wallets/walletConnectors/argentWallet/argentWallet.js +2 -2
  22. package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
  23. package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
  24. package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
  25. package/dist/wallets/walletConnectors/index.js +52 -52
  26. package/dist/wallets/walletConnectors/ledgerWallet/ledgerWallet.js +2 -2
  27. package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
  28. package/dist/wallets/walletConnectors/oktoWallet/oktoWallet.js +2 -2
  29. package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
  30. package/dist/wallets/walletConnectors/omniWallet/omniWallet.js +2 -2
  31. package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
  32. package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
  33. package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
  34. package/dist/wallets/walletConnectors/walletConnectWallet/walletConnectWallet.js +2 -2
  35. package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
  36. package/package.json +2 -2
package/dist/{chunk-HS4VFULE.js → chunk-VVHY6TFA.js} RENAMED
@@ -1,13 +1,13 @@
1
1
  "use client";
2
2
  import {
3
3
  darkTheme
4
- } from "./chunk-LKGTFED3.js";
4
+ } from "./chunk-PKSFBURG.js";
5
5
 
6
6
  // src/components/index.ts
7
7
  import { FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3 } from "@funkit/core";
8
8
 
9
9
  // src/components/ConnectButton/ConnectButton.tsx
10
- import React131, { useContext as useContext22, useMemo as useMemo28 } from "react";
10
+ import React132, { useContext as useContext22, useMemo as useMemo28 } from "react";
11
11
 
12
12
  // src/css/sprinkles.css.ts
13
13
  import { createMapValueFn as _51c72 } from "@vanilla-extract/sprinkles/createUtils";
@@ -16,8 +16,8 @@ import { createSprinkles as _ad221 } from "@vanilla-extract/sprinkles/createRunt
16
16
  var largeScreenMinWidth = 768;
17
17
  var mapResponsiveValue = _51c72({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
18
18
  var normalizeResponsiveValue = _a49f6({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
19
- var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "sprinkles_background_accentColor_base__1rsrm2fdd", hover: "sprinkles_background_accentColor_hover__1rsrm2fde", active: "sprinkles_background_accentColor_active__1rsrm2fdf" }, defaultClass: "sprinkles_background_accentColor_base__1rsrm2fdd" }, accentColorForeground: { conditions: { base: "sprinkles_background_accentColorForeground_base__1rsrm2fdg", hover: "sprinkles_background_accentColorForeground_hover__1rsrm2fdh", active: "sprinkles_background_accentColorForeground_active__1rsrm2fdi" }, defaultClass: "sprinkles_background_accentColorForeground_base__1rsrm2fdg" }, actionButtonBorder: { conditions: { base: "sprinkles_background_actionButtonBorder_base__1rsrm2fdj", hover: "sprinkles_background_actionButtonBorder_hover__1rsrm2fdk", active: "sprinkles_background_actionButtonBorder_active__1rsrm2fdl" }, defaultClass: "sprinkles_background_actionButtonBorder_base__1rsrm2fdj" }, actionButtonBorderMobile: { conditions: { base: "sprinkles_background_actionButtonBorderMobile_base__1rsrm2fdm", hover: "sprinkles_background_actionButtonBorderMobile_hover__1rsrm2fdn", active: "sprinkles_background_actionButtonBorderMobile_active__1rsrm2fdo" }, defaultClass: "sprinkles_background_actionButtonBorderMobile_base__1rsrm2fdm" }, actionButtonSecondaryBackground: { conditions: { base: "sprinkles_background_actionButtonSecondaryBackground_base__1rsrm2fdp", hover: "sprinkles_background_actionButtonSecondaryBackground_hover__1rsrm2fdq", active: "sprinkles_background_actionButtonSecondaryBackground_active__1rsrm2fdr" }, defaultClass: "sprinkles_background_actionButtonSecondaryBackground_base__1rsrm2fdp" }, actionButtonDisabled: { conditions: { base: "sprinkles_background_actionButtonDisabled_base__1rsrm2fds", hover: "sprinkles_background_actionButtonDisabled_hover__1rsrm2fdt", active: "sprinkles_background_actionButtonDisabled_active__1rsrm2fdu" }, defaultClass: "sprinkles_background_actionButtonDisabled_base__1rsrm2fds" }, closeButton: { conditions: { base: "sprinkles_background_closeButton_base__1rsrm2fdv", hover: "sprinkles_background_closeButton_hover__1rsrm2fdw", active: "sprinkles_background_closeButton_active__1rsrm2fdx" }, defaultClass: "sprinkles_background_closeButton_base__1rsrm2fdv" }, closeButtonBackground: { conditions: { base: "sprinkles_background_closeButtonBackground_base__1rsrm2fdy", hover: "sprinkles_background_closeButtonBackground_hover__1rsrm2fdz", active: "sprinkles_background_closeButtonBackground_active__1rsrm2fe0" }, defaultClass: "sprinkles_background_closeButtonBackground_base__1rsrm2fdy" }, connectButtonBackground: { conditions: { base: "sprinkles_background_connectButtonBackground_base__1rsrm2fe1", hover: "sprinkles_background_connectButtonBackground_hover__1rsrm2fe2", active: "sprinkles_background_connectButtonBackground_active__1rsrm2fe3" }, defaultClass: "sprinkles_background_connectButtonBackground_base__1rsrm2fe1" }, connectButtonBackgroundError: { conditions: { base: "sprinkles_background_connectButtonBackgroundError_base__1rsrm2fe4", hover: "sprinkles_background_connectButtonBackgroundError_hover__1rsrm2fe5", active: "sprinkles_background_connectButtonBackgroundError_active__1rsrm2fe6" }, defaultClass: "sprinkles_background_connectButtonBackgroundError_base__1rsrm2fe4" }, connectButtonInnerBackground: { conditions: { base: "sprinkles_background_connectButtonInnerBackground_base__1rsrm2fe7", hover: "sprinkles_background_connectButtonInnerBackground_hover__1rsrm2fe8", active: "sprinkles_background_connectButtonInnerBackground_active__1rsrm2fe9" }, defaultClass: "sprinkles_background_connectButtonInnerBackground_base__1rsrm2fe7" }, connectButtonText: { conditions: { base: "sprinkles_background_connectButtonText_base__1rsrm2fea", hover: "sprinkles_background_connectButtonText_hover__1rsrm2feb", active: "sprinkles_background_connectButtonText_active__1rsrm2fec" }, defaultClass: "sprinkles_background_connectButtonText_base__1rsrm2fea" }, connectButtonTextError: { conditions: { base: "sprinkles_background_connectButtonTextError_base__1rsrm2fed", hover: "sprinkles_background_connectButtonTextError_hover__1rsrm2fee", active: "sprinkles_background_connectButtonTextError_active__1rsrm2fef" }, defaultClass: "sprinkles_background_connectButtonTextError_base__1rsrm2fed" }, connectionIndicator: { conditions: { base: "sprinkles_background_connectionIndicator_base__1rsrm2feg", hover: "sprinkles_background_connectionIndicator_hover__1rsrm2feh", active: "sprinkles_background_connectionIndicator_active__1rsrm2fei" }, defaultClass: "sprinkles_background_connectionIndicator_base__1rsrm2feg" }, downloadBottomCardBackground: { conditions: { base: "sprinkles_background_downloadBottomCardBackground_base__1rsrm2fej", hover: "sprinkles_background_downloadBottomCardBackground_hover__1rsrm2fek", active: "sprinkles_background_downloadBottomCardBackground_active__1rsrm2fel" }, defaultClass: "sprinkles_background_downloadBottomCardBackground_base__1rsrm2fej" }, downloadTopCardBackground: { conditions: { base: "sprinkles_background_downloadTopCardBackground_base__1rsrm2fem", hover: "sprinkles_background_downloadTopCardBackground_hover__1rsrm2fen", active: "sprinkles_background_downloadTopCardBackground_active__1rsrm2feo" }, defaultClass: "sprinkles_background_downloadTopCardBackground_base__1rsrm2fem" }, error: { conditions: { base: "sprinkles_background_error_base__1rsrm2fep", hover: "sprinkles_background_error_hover__1rsrm2feq", active: "sprinkles_background_error_active__1rsrm2fer" }, defaultClass: "sprinkles_background_error_base__1rsrm2fep" }, generalBorder: { conditions: { base: "sprinkles_background_generalBorder_base__1rsrm2fes", hover: "sprinkles_background_generalBorder_hover__1rsrm2fet", active: "sprinkles_background_generalBorder_active__1rsrm2feu" }, defaultClass: "sprinkles_background_generalBorder_base__1rsrm2fes" }, generalBorderDim: { conditions: { base: "sprinkles_background_generalBorderDim_base__1rsrm2fev", hover: "sprinkles_background_generalBorderDim_hover__1rsrm2few", active: "sprinkles_background_generalBorderDim_active__1rsrm2fex" }, defaultClass: "sprinkles_background_generalBorderDim_base__1rsrm2fev" }, menuItemBackground: { conditions: { base: "sprinkles_background_menuItemBackground_base__1rsrm2fey", hover: "sprinkles_background_menuItemBackground_hover__1rsrm2fez", active: "sprinkles_background_menuItemBackground_active__1rsrm2ff0" }, defaultClass: "sprinkles_background_menuItemBackground_base__1rsrm2fey" }, modalBackdrop: { conditions: { base: "sprinkles_background_modalBackdrop_base__1rsrm2ff1", hover: "sprinkles_background_modalBackdrop_hover__1rsrm2ff2", active: "sprinkles_background_modalBackdrop_active__1rsrm2ff3" }, defaultClass: "sprinkles_background_modalBackdrop_base__1rsrm2ff1" }, modalBackground: { conditions: { base: "sprinkles_background_modalBackground_base__1rsrm2ff4", hover: "sprinkles_background_modalBackground_hover__1rsrm2ff5", active: "sprinkles_background_modalBackground_active__1rsrm2ff6" }, defaultClass: "sprinkles_background_modalBackground_base__1rsrm2ff4" }, modalBorder: { conditions: { base: "sprinkles_background_modalBorder_base__1rsrm2ff7", hover: "sprinkles_background_modalBorder_hover__1rsrm2ff8", active: "sprinkles_background_modalBorder_active__1rsrm2ff9" }, defaultClass: "sprinkles_background_modalBorder_base__1rsrm2ff7" }, modalText: { conditions: { base: "sprinkles_background_modalText_base__1rsrm2ffa", hover: "sprinkles_background_modalText_hover__1rsrm2ffb", active: "sprinkles_background_modalText_active__1rsrm2ffc" }, defaultClass: "sprinkles_background_modalText_base__1rsrm2ffa" }, modalTextDim: { conditions: { base: "sprinkles_background_modalTextDim_base__1rsrm2ffd", hover: "sprinkles_background_modalTextDim_hover__1rsrm2ffe", active: "sprinkles_background_modalTextDim_active__1rsrm2fff" }, defaultClass: "sprinkles_background_modalTextDim_base__1rsrm2ffd" }, modalTextSecondary: { conditions: { base: "sprinkles_background_modalTextSecondary_base__1rsrm2ffg", hover: "sprinkles_background_modalTextSecondary_hover__1rsrm2ffh", active: "sprinkles_background_modalTextSecondary_active__1rsrm2ffi" }, defaultClass: "sprinkles_background_modalTextSecondary_base__1rsrm2ffg" }, profileAction: { conditions: { base: "sprinkles_background_profileAction_base__1rsrm2ffj", hover: "sprinkles_background_profileAction_hover__1rsrm2ffk", active: "sprinkles_background_profileAction_active__1rsrm2ffl" }, defaultClass: "sprinkles_background_profileAction_base__1rsrm2ffj" }, profileActionHover: { conditions: { base: "sprinkles_background_profileActionHover_base__1rsrm2ffm", hover: "sprinkles_background_profileActionHover_hover__1rsrm2ffn", active: "sprinkles_background_profileActionHover_active__1rsrm2ffo" }, defaultClass: "sprinkles_background_profileActionHover_base__1rsrm2ffm" }, profileForeground: { conditions: { base: "sprinkles_background_profileForeground_base__1rsrm2ffp", hover: "sprinkles_background_profileForeground_hover__1rsrm2ffq", active: "sprinkles_background_profileForeground_active__1rsrm2ffr" }, defaultClass: "sprinkles_background_profileForeground_base__1rsrm2ffp" }, selectedOptionBorder: { conditions: { base: "sprinkles_background_selectedOptionBorder_base__1rsrm2ffs", hover: "sprinkles_background_selectedOptionBorder_hover__1rsrm2fft", active: "sprinkles_background_selectedOptionBorder_active__1rsrm2ffu" }, defaultClass: "sprinkles_background_selectedOptionBorder_base__1rsrm2ffs" }, standby: { conditions: { base: "sprinkles_background_standby_base__1rsrm2ffv", hover: "sprinkles_background_standby_hover__1rsrm2ffw", active: "sprinkles_background_standby_active__1rsrm2ffx" }, defaultClass: "sprinkles_background_standby_base__1rsrm2ffv" }, solidLine: { conditions: { base: "sprinkles_background_solidLine_base__1rsrm2ffy", hover: "sprinkles_background_solidLine_hover__1rsrm2ffz", active: "sprinkles_background_solidLine_active__1rsrm2fg0" }, defaultClass: "sprinkles_background_solidLine_base__1rsrm2ffy" }, leftTranslucentLine: { conditions: { base: "sprinkles_background_leftTranslucentLine_base__1rsrm2fg1", hover: "sprinkles_background_leftTranslucentLine_hover__1rsrm2fg2", active: "sprinkles_background_leftTranslucentLine_active__1rsrm2fg3" }, defaultClass: "sprinkles_background_leftTranslucentLine_base__1rsrm2fg1" }, rightTranslucentLine: { conditions: { base: "sprinkles_background_rightTranslucentLine_base__1rsrm2fg4", hover: "sprinkles_background_rightTranslucentLine_hover__1rsrm2fg5", active: "sprinkles_background_rightTranslucentLine_active__1rsrm2fg6" }, defaultClass: "sprinkles_background_rightTranslucentLine_base__1rsrm2fg4" } } }, borderColor: { values: { accentColor: { conditions: { base: "sprinkles_borderColor_accentColor_base__1rsrm2fg7", hover: "sprinkles_borderColor_accentColor_hover__1rsrm2fg8", active: "sprinkles_borderColor_accentColor_active__1rsrm2fg9" }, defaultClass: "sprinkles_borderColor_accentColor_base__1rsrm2fg7" }, accentColorForeground: { conditions: { base: "sprinkles_borderColor_accentColorForeground_base__1rsrm2fga", hover: "sprinkles_borderColor_accentColorForeground_hover__1rsrm2fgb", active: "sprinkles_borderColor_accentColorForeground_active__1rsrm2fgc" }, defaultClass: "sprinkles_borderColor_accentColorForeground_base__1rsrm2fga" }, actionButtonBorder: { conditions: { base: "sprinkles_borderColor_actionButtonBorder_base__1rsrm2fgd", hover: "sprinkles_borderColor_actionButtonBorder_hover__1rsrm2fge", active: "sprinkles_borderColor_actionButtonBorder_active__1rsrm2fgf" }, defaultClass: "sprinkles_borderColor_actionButtonBorder_base__1rsrm2fgd" }, actionButtonBorderMobile: { conditions: { base: "sprinkles_borderColor_actionButtonBorderMobile_base__1rsrm2fgg", hover: "sprinkles_borderColor_actionButtonBorderMobile_hover__1rsrm2fgh", active: "sprinkles_borderColor_actionButtonBorderMobile_active__1rsrm2fgi" }, defaultClass: "sprinkles_borderColor_actionButtonBorderMobile_base__1rsrm2fgg" }, actionButtonSecondaryBackground: { conditions: { base: "sprinkles_borderColor_actionButtonSecondaryBackground_base__1rsrm2fgj", hover: "sprinkles_borderColor_actionButtonSecondaryBackground_hover__1rsrm2fgk", active: "sprinkles_borderColor_actionButtonSecondaryBackground_active__1rsrm2fgl" }, defaultClass: "sprinkles_borderColor_actionButtonSecondaryBackground_base__1rsrm2fgj" }, actionButtonDisabled: { conditions: { base: "sprinkles_borderColor_actionButtonDisabled_base__1rsrm2fgm", hover: "sprinkles_borderColor_actionButtonDisabled_hover__1rsrm2fgn", active: "sprinkles_borderColor_actionButtonDisabled_active__1rsrm2fgo" }, defaultClass: "sprinkles_borderColor_actionButtonDisabled_base__1rsrm2fgm" }, closeButton: { conditions: { base: "sprinkles_borderColor_closeButton_base__1rsrm2fgp", hover: "sprinkles_borderColor_closeButton_hover__1rsrm2fgq", active: "sprinkles_borderColor_closeButton_active__1rsrm2fgr" }, defaultClass: "sprinkles_borderColor_closeButton_base__1rsrm2fgp" }, closeButtonBackground: { conditions: { base: "sprinkles_borderColor_closeButtonBackground_base__1rsrm2fgs", hover: "sprinkles_borderColor_closeButtonBackground_hover__1rsrm2fgt", active: "sprinkles_borderColor_closeButtonBackground_active__1rsrm2fgu" }, defaultClass: "sprinkles_borderColor_closeButtonBackground_base__1rsrm2fgs" }, connectButtonBackground: { conditions: { base: "sprinkles_borderColor_connectButtonBackground_base__1rsrm2fgv", hover: "sprinkles_borderColor_connectButtonBackground_hover__1rsrm2fgw", active: "sprinkles_borderColor_connectButtonBackground_active__1rsrm2fgx" }, defaultClass: "sprinkles_borderColor_connectButtonBackground_base__1rsrm2fgv" }, connectButtonBackgroundError: { conditions: { base: "sprinkles_borderColor_connectButtonBackgroundError_base__1rsrm2fgy", hover: "sprinkles_borderColor_connectButtonBackgroundError_hover__1rsrm2fgz", active: "sprinkles_borderColor_connectButtonBackgroundError_active__1rsrm2fh0" }, defaultClass: "sprinkles_borderColor_connectButtonBackgroundError_base__1rsrm2fgy" }, connectButtonInnerBackground: { conditions: { base: "sprinkles_borderColor_connectButtonInnerBackground_base__1rsrm2fh1", hover: "sprinkles_borderColor_connectButtonInnerBackground_hover__1rsrm2fh2", active: "sprinkles_borderColor_connectButtonInnerBackground_active__1rsrm2fh3" }, defaultClass: "sprinkles_borderColor_connectButtonInnerBackground_base__1rsrm2fh1" }, connectButtonText: { conditions: { base: "sprinkles_borderColor_connectButtonText_base__1rsrm2fh4", hover: "sprinkles_borderColor_connectButtonText_hover__1rsrm2fh5", active: "sprinkles_borderColor_connectButtonText_active__1rsrm2fh6" }, defaultClass: "sprinkles_borderColor_connectButtonText_base__1rsrm2fh4" }, connectButtonTextError: { conditions: { base: "sprinkles_borderColor_connectButtonTextError_base__1rsrm2fh7", hover: "sprinkles_borderColor_connectButtonTextError_hover__1rsrm2fh8", active: "sprinkles_borderColor_connectButtonTextError_active__1rsrm2fh9" }, defaultClass: "sprinkles_borderColor_connectButtonTextError_base__1rsrm2fh7" }, connectionIndicator: { conditions: { base: "sprinkles_borderColor_connectionIndicator_base__1rsrm2fha", hover: "sprinkles_borderColor_connectionIndicator_hover__1rsrm2fhb", active: "sprinkles_borderColor_connectionIndicator_active__1rsrm2fhc" }, defaultClass: "sprinkles_borderColor_connectionIndicator_base__1rsrm2fha" }, downloadBottomCardBackground: { conditions: { base: "sprinkles_borderColor_downloadBottomCardBackground_base__1rsrm2fhd", hover: "sprinkles_borderColor_downloadBottomCardBackground_hover__1rsrm2fhe", active: "sprinkles_borderColor_downloadBottomCardBackground_active__1rsrm2fhf" }, defaultClass: "sprinkles_borderColor_downloadBottomCardBackground_base__1rsrm2fhd" }, downloadTopCardBackground: { conditions: { base: "sprinkles_borderColor_downloadTopCardBackground_base__1rsrm2fhg", hover: "sprinkles_borderColor_downloadTopCardBackground_hover__1rsrm2fhh", active: "sprinkles_borderColor_downloadTopCardBackground_active__1rsrm2fhi" }, defaultClass: "sprinkles_borderColor_downloadTopCardBackground_base__1rsrm2fhg" }, error: { conditions: { base: "sprinkles_borderColor_error_base__1rsrm2fhj", hover: "sprinkles_borderColor_error_hover__1rsrm2fhk", active: "sprinkles_borderColor_error_active__1rsrm2fhl" }, defaultClass: "sprinkles_borderColor_error_base__1rsrm2fhj" }, generalBorder: { conditions: { base: "sprinkles_borderColor_generalBorder_base__1rsrm2fhm", hover: "sprinkles_borderColor_generalBorder_hover__1rsrm2fhn", active: "sprinkles_borderColor_generalBorder_active__1rsrm2fho" }, defaultClass: "sprinkles_borderColor_generalBorder_base__1rsrm2fhm" }, generalBorderDim: { conditions: { base: "sprinkles_borderColor_generalBorderDim_base__1rsrm2fhp", hover: "sprinkles_borderColor_generalBorderDim_hover__1rsrm2fhq", active: "sprinkles_borderColor_generalBorderDim_active__1rsrm2fhr" }, defaultClass: "sprinkles_borderColor_generalBorderDim_base__1rsrm2fhp" }, menuItemBackground: { conditions: { base: "sprinkles_borderColor_menuItemBackground_base__1rsrm2fhs", hover: "sprinkles_borderColor_menuItemBackground_hover__1rsrm2fht", active: "sprinkles_borderColor_menuItemBackground_active__1rsrm2fhu" }, defaultClass: "sprinkles_borderColor_menuItemBackground_base__1rsrm2fhs" }, modalBackdrop: { conditions: { base: "sprinkles_borderColor_modalBackdrop_base__1rsrm2fhv", hover: "sprinkles_borderColor_modalBackdrop_hover__1rsrm2fhw", active: "sprinkles_borderColor_modalBackdrop_active__1rsrm2fhx" }, defaultClass: "sprinkles_borderColor_modalBackdrop_base__1rsrm2fhv" }, modalBackground: { conditions: { base: "sprinkles_borderColor_modalBackground_base__1rsrm2fhy", hover: "sprinkles_borderColor_modalBackground_hover__1rsrm2fhz", active: "sprinkles_borderColor_modalBackground_active__1rsrm2fi0" }, defaultClass: "sprinkles_borderColor_modalBackground_base__1rsrm2fhy" }, modalBorder: { conditions: { base: "sprinkles_borderColor_modalBorder_base__1rsrm2fi1", hover: "sprinkles_borderColor_modalBorder_hover__1rsrm2fi2", active: "sprinkles_borderColor_modalBorder_active__1rsrm2fi3" }, defaultClass: "sprinkles_borderColor_modalBorder_base__1rsrm2fi1" }, modalText: { conditions: { base: "sprinkles_borderColor_modalText_base__1rsrm2fi4", hover: "sprinkles_borderColor_modalText_hover__1rsrm2fi5", active: "sprinkles_borderColor_modalText_active__1rsrm2fi6" }, defaultClass: "sprinkles_borderColor_modalText_base__1rsrm2fi4" }, modalTextDim: { conditions: { base: "sprinkles_borderColor_modalTextDim_base__1rsrm2fi7", hover: "sprinkles_borderColor_modalTextDim_hover__1rsrm2fi8", active: "sprinkles_borderColor_modalTextDim_active__1rsrm2fi9" }, defaultClass: "sprinkles_borderColor_modalTextDim_base__1rsrm2fi7" }, modalTextSecondary: { conditions: { base: "sprinkles_borderColor_modalTextSecondary_base__1rsrm2fia", hover: "sprinkles_borderColor_modalTextSecondary_hover__1rsrm2fib", active: "sprinkles_borderColor_modalTextSecondary_active__1rsrm2fic" }, defaultClass: "sprinkles_borderColor_modalTextSecondary_base__1rsrm2fia" }, profileAction: { conditions: { base: "sprinkles_borderColor_profileAction_base__1rsrm2fid", hover: "sprinkles_borderColor_profileAction_hover__1rsrm2fie", active: "sprinkles_borderColor_profileAction_active__1rsrm2fif" }, defaultClass: "sprinkles_borderColor_profileAction_base__1rsrm2fid" }, profileActionHover: { conditions: { base: "sprinkles_borderColor_profileActionHover_base__1rsrm2fig", hover: "sprinkles_borderColor_profileActionHover_hover__1rsrm2fih", active: "sprinkles_borderColor_profileActionHover_active__1rsrm2fii" }, defaultClass: "sprinkles_borderColor_profileActionHover_base__1rsrm2fig" }, profileForeground: { conditions: { base: "sprinkles_borderColor_profileForeground_base__1rsrm2fij", hover: "sprinkles_borderColor_profileForeground_hover__1rsrm2fik", active: "sprinkles_borderColor_profileForeground_active__1rsrm2fil" }, defaultClass: "sprinkles_borderColor_profileForeground_base__1rsrm2fij" }, selectedOptionBorder: { conditions: { base: "sprinkles_borderColor_selectedOptionBorder_base__1rsrm2fim", hover: "sprinkles_borderColor_selectedOptionBorder_hover__1rsrm2fin", active: "sprinkles_borderColor_selectedOptionBorder_active__1rsrm2fio" }, defaultClass: "sprinkles_borderColor_selectedOptionBorder_base__1rsrm2fim" }, standby: { conditions: { base: "sprinkles_borderColor_standby_base__1rsrm2fip", hover: "sprinkles_borderColor_standby_hover__1rsrm2fiq", active: "sprinkles_borderColor_standby_active__1rsrm2fir" }, defaultClass: "sprinkles_borderColor_standby_base__1rsrm2fip" }, solidLine: { conditions: { base: "sprinkles_borderColor_solidLine_base__1rsrm2fis", hover: "sprinkles_borderColor_solidLine_hover__1rsrm2fit", active: "sprinkles_borderColor_solidLine_active__1rsrm2fiu" }, defaultClass: "sprinkles_borderColor_solidLine_base__1rsrm2fis" }, leftTranslucentLine: { conditions: { base: "sprinkles_borderColor_leftTranslucentLine_base__1rsrm2fiv", hover: "sprinkles_borderColor_leftTranslucentLine_hover__1rsrm2fiw", active: "sprinkles_borderColor_leftTranslucentLine_active__1rsrm2fix" }, defaultClass: "sprinkles_borderColor_leftTranslucentLine_base__1rsrm2fiv" }, rightTranslucentLine: { conditions: { base: "sprinkles_borderColor_rightTranslucentLine_base__1rsrm2fiy", hover: "sprinkles_borderColor_rightTranslucentLine_hover__1rsrm2fiz", active: "sprinkles_borderColor_rightTranslucentLine_active__1rsrm2fj0" }, defaultClass: "sprinkles_borderColor_rightTranslucentLine_base__1rsrm2fiy" } } }, boxShadow: { values: { connectButton: { conditions: { base: "sprinkles_boxShadow_connectButton_base__1rsrm2fj1", hover: "sprinkles_boxShadow_connectButton_hover__1rsrm2fj2", active: "sprinkles_boxShadow_connectButton_active__1rsrm2fj3" }, defaultClass: "sprinkles_boxShadow_connectButton_base__1rsrm2fj1" }, dialog: { conditions: { base: "sprinkles_boxShadow_dialog_base__1rsrm2fj4", hover: "sprinkles_boxShadow_dialog_hover__1rsrm2fj5", active: "sprinkles_boxShadow_dialog_active__1rsrm2fj6" }, defaultClass: "sprinkles_boxShadow_dialog_base__1rsrm2fj4" }, profileDetailsAction: { conditions: { base: "sprinkles_boxShadow_profileDetailsAction_base__1rsrm2fj7", hover: "sprinkles_boxShadow_profileDetailsAction_hover__1rsrm2fj8", active: "sprinkles_boxShadow_profileDetailsAction_active__1rsrm2fj9" }, defaultClass: "sprinkles_boxShadow_profileDetailsAction_base__1rsrm2fj7" }, selectedOption: { conditions: { base: "sprinkles_boxShadow_selectedOption_base__1rsrm2fja", hover: "sprinkles_boxShadow_selectedOption_hover__1rsrm2fjb", active: "sprinkles_boxShadow_selectedOption_active__1rsrm2fjc" }, defaultClass: "sprinkles_boxShadow_selectedOption_base__1rsrm2fja" }, selectedWallet: { conditions: { base: "sprinkles_boxShadow_selectedWallet_base__1rsrm2fjd", hover: "sprinkles_boxShadow_selectedWallet_hover__1rsrm2fje", active: "sprinkles_boxShadow_selectedWallet_active__1rsrm2fjf" }, defaultClass: "sprinkles_boxShadow_selectedWallet_base__1rsrm2fjd" }, walletLogo: { conditions: { base: "sprinkles_boxShadow_walletLogo_base__1rsrm2fjg", hover: "sprinkles_boxShadow_walletLogo_hover__1rsrm2fjh", active: "sprinkles_boxShadow_walletLogo_active__1rsrm2fji" }, defaultClass: "sprinkles_boxShadow_walletLogo_base__1rsrm2fjg" } } }, color: { values: { accentColor: { conditions: { base: "sprinkles_color_accentColor_base__1rsrm2fjj", hover: "sprinkles_color_accentColor_hover__1rsrm2fjk", active: "sprinkles_color_accentColor_active__1rsrm2fjl" }, defaultClass: "sprinkles_color_accentColor_base__1rsrm2fjj" }, accentColorForeground: { conditions: { base: "sprinkles_color_accentColorForeground_base__1rsrm2fjm", hover: "sprinkles_color_accentColorForeground_hover__1rsrm2fjn", active: "sprinkles_color_accentColorForeground_active__1rsrm2fjo" }, defaultClass: "sprinkles_color_accentColorForeground_base__1rsrm2fjm" }, actionButtonBorder: { conditions: { base: "sprinkles_color_actionButtonBorder_base__1rsrm2fjp", hover: "sprinkles_color_actionButtonBorder_hover__1rsrm2fjq", active: "sprinkles_color_actionButtonBorder_active__1rsrm2fjr" }, defaultClass: "sprinkles_color_actionButtonBorder_base__1rsrm2fjp" }, actionButtonBorderMobile: { conditions: { base: "sprinkles_color_actionButtonBorderMobile_base__1rsrm2fjs", hover: "sprinkles_color_actionButtonBorderMobile_hover__1rsrm2fjt", active: "sprinkles_color_actionButtonBorderMobile_active__1rsrm2fju" }, defaultClass: "sprinkles_color_actionButtonBorderMobile_base__1rsrm2fjs" }, actionButtonSecondaryBackground: { conditions: { base: "sprinkles_color_actionButtonSecondaryBackground_base__1rsrm2fjv", hover: "sprinkles_color_actionButtonSecondaryBackground_hover__1rsrm2fjw", active: "sprinkles_color_actionButtonSecondaryBackground_active__1rsrm2fjx" }, defaultClass: "sprinkles_color_actionButtonSecondaryBackground_base__1rsrm2fjv" }, actionButtonDisabled: { conditions: { base: "sprinkles_color_actionButtonDisabled_base__1rsrm2fjy", hover: "sprinkles_color_actionButtonDisabled_hover__1rsrm2fjz", active: "sprinkles_color_actionButtonDisabled_active__1rsrm2fk0" }, defaultClass: "sprinkles_color_actionButtonDisabled_base__1rsrm2fjy" }, closeButton: { conditions: { base: "sprinkles_color_closeButton_base__1rsrm2fk1", hover: "sprinkles_color_closeButton_hover__1rsrm2fk2", active: "sprinkles_color_closeButton_active__1rsrm2fk3" }, defaultClass: "sprinkles_color_closeButton_base__1rsrm2fk1" }, closeButtonBackground: { conditions: { base: "sprinkles_color_closeButtonBackground_base__1rsrm2fk4", hover: "sprinkles_color_closeButtonBackground_hover__1rsrm2fk5", active: "sprinkles_color_closeButtonBackground_active__1rsrm2fk6" }, defaultClass: "sprinkles_color_closeButtonBackground_base__1rsrm2fk4" }, connectButtonBackground: { conditions: { base: "sprinkles_color_connectButtonBackground_base__1rsrm2fk7", hover: "sprinkles_color_connectButtonBackground_hover__1rsrm2fk8", active: "sprinkles_color_connectButtonBackground_active__1rsrm2fk9" }, defaultClass: "sprinkles_color_connectButtonBackground_base__1rsrm2fk7" }, connectButtonBackgroundError: { conditions: { base: "sprinkles_color_connectButtonBackgroundError_base__1rsrm2fka", hover: "sprinkles_color_connectButtonBackgroundError_hover__1rsrm2fkb", active: "sprinkles_color_connectButtonBackgroundError_active__1rsrm2fkc" }, defaultClass: "sprinkles_color_connectButtonBackgroundError_base__1rsrm2fka" }, connectButtonInnerBackground: { conditions: { base: "sprinkles_color_connectButtonInnerBackground_base__1rsrm2fkd", hover: "sprinkles_color_connectButtonInnerBackground_hover__1rsrm2fke", active: "sprinkles_color_connectButtonInnerBackground_active__1rsrm2fkf" }, defaultClass: "sprinkles_color_connectButtonInnerBackground_base__1rsrm2fkd" }, connectButtonText: { conditions: { base: "sprinkles_color_connectButtonText_base__1rsrm2fkg", hover: "sprinkles_color_connectButtonText_hover__1rsrm2fkh", active: "sprinkles_color_connectButtonText_active__1rsrm2fki" }, defaultClass: "sprinkles_color_connectButtonText_base__1rsrm2fkg" }, connectButtonTextError: { conditions: { base: "sprinkles_color_connectButtonTextError_base__1rsrm2fkj", hover: "sprinkles_color_connectButtonTextError_hover__1rsrm2fkk", active: "sprinkles_color_connectButtonTextError_active__1rsrm2fkl" }, defaultClass: "sprinkles_color_connectButtonTextError_base__1rsrm2fkj" }, connectionIndicator: { conditions: { base: "sprinkles_color_connectionIndicator_base__1rsrm2fkm", hover: "sprinkles_color_connectionIndicator_hover__1rsrm2fkn", active: "sprinkles_color_connectionIndicator_active__1rsrm2fko" }, defaultClass: "sprinkles_color_connectionIndicator_base__1rsrm2fkm" }, downloadBottomCardBackground: { conditions: { base: "sprinkles_color_downloadBottomCardBackground_base__1rsrm2fkp", hover: "sprinkles_color_downloadBottomCardBackground_hover__1rsrm2fkq", active: "sprinkles_color_downloadBottomCardBackground_active__1rsrm2fkr" }, defaultClass: "sprinkles_color_downloadBottomCardBackground_base__1rsrm2fkp" }, downloadTopCardBackground: { conditions: { base: "sprinkles_color_downloadTopCardBackground_base__1rsrm2fks", hover: "sprinkles_color_downloadTopCardBackground_hover__1rsrm2fkt", active: "sprinkles_color_downloadTopCardBackground_active__1rsrm2fku" }, defaultClass: "sprinkles_color_downloadTopCardBackground_base__1rsrm2fks" }, error: { conditions: { base: "sprinkles_color_error_base__1rsrm2fkv", hover: "sprinkles_color_error_hover__1rsrm2fkw", active: "sprinkles_color_error_active__1rsrm2fkx" }, defaultClass: "sprinkles_color_error_base__1rsrm2fkv" }, generalBorder: { conditions: { base: "sprinkles_color_generalBorder_base__1rsrm2fky", hover: "sprinkles_color_generalBorder_hover__1rsrm2fkz", active: "sprinkles_color_generalBorder_active__1rsrm2fl0" }, defaultClass: "sprinkles_color_generalBorder_base__1rsrm2fky" }, generalBorderDim: { conditions: { base: "sprinkles_color_generalBorderDim_base__1rsrm2fl1", hover: "sprinkles_color_generalBorderDim_hover__1rsrm2fl2", active: "sprinkles_color_generalBorderDim_active__1rsrm2fl3" }, defaultClass: "sprinkles_color_generalBorderDim_base__1rsrm2fl1" }, menuItemBackground: { conditions: { base: "sprinkles_color_menuItemBackground_base__1rsrm2fl4", hover: "sprinkles_color_menuItemBackground_hover__1rsrm2fl5", active: "sprinkles_color_menuItemBackground_active__1rsrm2fl6" }, defaultClass: "sprinkles_color_menuItemBackground_base__1rsrm2fl4" }, modalBackdrop: { conditions: { base: "sprinkles_color_modalBackdrop_base__1rsrm2fl7", hover: "sprinkles_color_modalBackdrop_hover__1rsrm2fl8", active: "sprinkles_color_modalBackdrop_active__1rsrm2fl9" }, defaultClass: "sprinkles_color_modalBackdrop_base__1rsrm2fl7" }, modalBackground: { conditions: { base: "sprinkles_color_modalBackground_base__1rsrm2fla", hover: "sprinkles_color_modalBackground_hover__1rsrm2flb", active: "sprinkles_color_modalBackground_active__1rsrm2flc" }, defaultClass: "sprinkles_color_modalBackground_base__1rsrm2fla" }, modalBorder: { conditions: { base: "sprinkles_color_modalBorder_base__1rsrm2fld", hover: "sprinkles_color_modalBorder_hover__1rsrm2fle", active: "sprinkles_color_modalBorder_active__1rsrm2flf" }, defaultClass: "sprinkles_color_modalBorder_base__1rsrm2fld" }, modalText: { conditions: { base: "sprinkles_color_modalText_base__1rsrm2flg", hover: "sprinkles_color_modalText_hover__1rsrm2flh", active: "sprinkles_color_modalText_active__1rsrm2fli" }, defaultClass: "sprinkles_color_modalText_base__1rsrm2flg" }, modalTextDim: { conditions: { base: "sprinkles_color_modalTextDim_base__1rsrm2flj", hover: "sprinkles_color_modalTextDim_hover__1rsrm2flk", active: "sprinkles_color_modalTextDim_active__1rsrm2fll" }, defaultClass: "sprinkles_color_modalTextDim_base__1rsrm2flj" }, modalTextSecondary: { conditions: { base: "sprinkles_color_modalTextSecondary_base__1rsrm2flm", hover: "sprinkles_color_modalTextSecondary_hover__1rsrm2fln", active: "sprinkles_color_modalTextSecondary_active__1rsrm2flo" }, defaultClass: "sprinkles_color_modalTextSecondary_base__1rsrm2flm" }, profileAction: { conditions: { base: "sprinkles_color_profileAction_base__1rsrm2flp", hover: "sprinkles_color_profileAction_hover__1rsrm2flq", active: "sprinkles_color_profileAction_active__1rsrm2flr" }, defaultClass: "sprinkles_color_profileAction_base__1rsrm2flp" }, profileActionHover: { conditions: { base: "sprinkles_color_profileActionHover_base__1rsrm2fls", hover: "sprinkles_color_profileActionHover_hover__1rsrm2flt", active: "sprinkles_color_profileActionHover_active__1rsrm2flu" }, defaultClass: "sprinkles_color_profileActionHover_base__1rsrm2fls" }, profileForeground: { conditions: { base: "sprinkles_color_profileForeground_base__1rsrm2flv", hover: "sprinkles_color_profileForeground_hover__1rsrm2flw", active: "sprinkles_color_profileForeground_active__1rsrm2flx" }, defaultClass: "sprinkles_color_profileForeground_base__1rsrm2flv" }, selectedOptionBorder: { conditions: { base: "sprinkles_color_selectedOptionBorder_base__1rsrm2fly", hover: "sprinkles_color_selectedOptionBorder_hover__1rsrm2flz", active: "sprinkles_color_selectedOptionBorder_active__1rsrm2fm0" }, defaultClass: "sprinkles_color_selectedOptionBorder_base__1rsrm2fly" }, standby: { conditions: { base: "sprinkles_color_standby_base__1rsrm2fm1", hover: "sprinkles_color_standby_hover__1rsrm2fm2", active: "sprinkles_color_standby_active__1rsrm2fm3" }, defaultClass: "sprinkles_color_standby_base__1rsrm2fm1" }, solidLine: { conditions: { base: "sprinkles_color_solidLine_base__1rsrm2fm4", hover: "sprinkles_color_solidLine_hover__1rsrm2fm5", active: "sprinkles_color_solidLine_active__1rsrm2fm6" }, defaultClass: "sprinkles_color_solidLine_base__1rsrm2fm4" }, leftTranslucentLine: { conditions: { base: "sprinkles_color_leftTranslucentLine_base__1rsrm2fm7", hover: "sprinkles_color_leftTranslucentLine_hover__1rsrm2fm8", active: "sprinkles_color_leftTranslucentLine_active__1rsrm2fm9" }, defaultClass: "sprinkles_color_leftTranslucentLine_base__1rsrm2fm7" }, rightTranslucentLine: { conditions: { base: "sprinkles_color_rightTranslucentLine_base__1rsrm2fma", hover: "sprinkles_color_rightTranslucentLine_hover__1rsrm2fmb", active: "sprinkles_color_rightTranslucentLine_active__1rsrm2fmc" }, defaultClass: "sprinkles_color_rightTranslucentLine_base__1rsrm2fma" } } } } }, { conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 }, styles: { alignItems: { values: { "flex-start": { conditions: { smallScreen: "sprinkles_alignItems_flex-start_smallScreen__1rsrm2f0", largeScreen: "sprinkles_alignItems_flex-start_largeScreen__1rsrm2f1" }, defaultClass: "sprinkles_alignItems_flex-start_smallScreen__1rsrm2f0" }, "flex-end": { conditions: { smallScreen: "sprinkles_alignItems_flex-end_smallScreen__1rsrm2f2", largeScreen: "sprinkles_alignItems_flex-end_largeScreen__1rsrm2f3" }, defaultClass: "sprinkles_alignItems_flex-end_smallScreen__1rsrm2f2" }, center: { conditions: { smallScreen: "sprinkles_alignItems_center_smallScreen__1rsrm2f4", largeScreen: "sprinkles_alignItems_center_largeScreen__1rsrm2f5" }, defaultClass: "sprinkles_alignItems_center_smallScreen__1rsrm2f4" } } }, display: { values: { none: { conditions: { smallScreen: "sprinkles_display_none_smallScreen__1rsrm2f6", largeScreen: "sprinkles_display_none_largeScreen__1rsrm2f7" }, defaultClass: "sprinkles_display_none_smallScreen__1rsrm2f6" }, block: { conditions: { smallScreen: "sprinkles_display_block_smallScreen__1rsrm2f8", largeScreen: "sprinkles_display_block_largeScreen__1rsrm2f9" }, defaultClass: "sprinkles_display_block_smallScreen__1rsrm2f8" }, flex: { conditions: { smallScreen: "sprinkles_display_flex_smallScreen__1rsrm2fa", largeScreen: "sprinkles_display_flex_largeScreen__1rsrm2fb" }, defaultClass: "sprinkles_display_flex_smallScreen__1rsrm2fa" }, inline: { conditions: { smallScreen: "sprinkles_display_inline_smallScreen__1rsrm2fc", largeScreen: "sprinkles_display_inline_largeScreen__1rsrm2fd" }, defaultClass: "sprinkles_display_inline_smallScreen__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: "sprinkles_alignSelf_flex-start__1rsrm2fe" }, "flex-end": { defaultClass: "sprinkles_alignSelf_flex-end__1rsrm2ff" }, center: { defaultClass: "sprinkles_alignSelf_center__1rsrm2fg" } } }, backgroundSize: { values: { cover: { defaultClass: "sprinkles_backgroundSize_cover__1rsrm2fh" } } }, borderRadius: { values: { "1": { defaultClass: "sprinkles_borderRadius_1__1rsrm2fi" }, "6": { defaultClass: "sprinkles_borderRadius_6__1rsrm2fj" }, "10": { defaultClass: "sprinkles_borderRadius_10__1rsrm2fk" }, "13": { defaultClass: "sprinkles_borderRadius_13__1rsrm2fl" }, "16": { defaultClass: "sprinkles_borderRadius_16__1rsrm2fm" }, "24": { defaultClass: "sprinkles_borderRadius_24__1rsrm2fn" }, actionButton: { defaultClass: "sprinkles_borderRadius_actionButton__1rsrm2fo" }, connectButton: { defaultClass: "sprinkles_borderRadius_connectButton__1rsrm2fp" }, menuButton: { defaultClass: "sprinkles_borderRadius_menuButton__1rsrm2fq" }, modal: { defaultClass: "sprinkles_borderRadius_modal__1rsrm2fr" }, modalMobile: { defaultClass: "sprinkles_borderRadius_modalMobile__1rsrm2fs" }, "25%": { defaultClass: "sprinkles_borderRadius_25%__1rsrm2ft" }, full: { defaultClass: "sprinkles_borderRadius_full__1rsrm2fu" } } }, borderStyle: { values: { solid: { defaultClass: "sprinkles_borderStyle_solid__1rsrm2fv" }, dotted: { defaultClass: "sprinkles_borderStyle_dotted__1rsrm2fw" }, hidden: { defaultClass: "sprinkles_borderStyle_hidden__1rsrm2fx" } } }, borderWidth: { values: { "0": { defaultClass: "sprinkles_borderWidth_0__1rsrm2fy" }, "1": { defaultClass: "sprinkles_borderWidth_1__1rsrm2fz" }, "2": { defaultClass: "sprinkles_borderWidth_2__1rsrm2f10" }, "4": { defaultClass: "sprinkles_borderWidth_4__1rsrm2f11" } } }, cursor: { values: { pointer: { defaultClass: "sprinkles_cursor_pointer__1rsrm2f12" } } }, flexDirection: { values: { row: { defaultClass: "sprinkles_flexDirection_row__1rsrm2f13" }, column: { defaultClass: "sprinkles_flexDirection_column__1rsrm2f14" } } }, fontFamily: { values: { body: { defaultClass: "sprinkles_fontFamily_body__1rsrm2f15" } } }, fontSize: { values: { "10": { defaultClass: "sprinkles_fontSize_10__1rsrm2f16" }, "12": { defaultClass: "sprinkles_fontSize_12__1rsrm2f17" }, "13": { defaultClass: "sprinkles_fontSize_13__1rsrm2f18" }, "14": { defaultClass: "sprinkles_fontSize_14__1rsrm2f19" }, "16": { defaultClass: "sprinkles_fontSize_16__1rsrm2f1a" }, "18": { defaultClass: "sprinkles_fontSize_18__1rsrm2f1b" }, "20": { defaultClass: "sprinkles_fontSize_20__1rsrm2f1c" }, "23": { defaultClass: "sprinkles_fontSize_23__1rsrm2f1d" }, "57": { defaultClass: "sprinkles_fontSize_57__1rsrm2f1e" } } }, fontWeight: { values: { regular: { defaultClass: "sprinkles_fontWeight_regular__1rsrm2f1f" }, medium: { defaultClass: "sprinkles_fontWeight_medium__1rsrm2f1g" }, semibold: { defaultClass: "sprinkles_fontWeight_semibold__1rsrm2f1h" }, bold: { defaultClass: "sprinkles_fontWeight_bold__1rsrm2f1i" }, heavy: { defaultClass: "sprinkles_fontWeight_heavy__1rsrm2f1j" } } }, gap: { values: { "0": { defaultClass: "sprinkles_gap_0__1rsrm2f1k" }, "1": { defaultClass: "sprinkles_gap_1__1rsrm2f1l" }, "2": { defaultClass: "sprinkles_gap_2__1rsrm2f1m" }, "3": { defaultClass: "sprinkles_gap_3__1rsrm2f1n" }, "4": { defaultClass: "sprinkles_gap_4__1rsrm2f1o" }, "5": { defaultClass: "sprinkles_gap_5__1rsrm2f1p" }, "6": { defaultClass: "sprinkles_gap_6__1rsrm2f1q" }, "8": { defaultClass: "sprinkles_gap_8__1rsrm2f1r" }, "10": { defaultClass: "sprinkles_gap_10__1rsrm2f1s" }, "12": { defaultClass: "sprinkles_gap_12__1rsrm2f1t" }, "14": { defaultClass: "sprinkles_gap_14__1rsrm2f1u" }, "16": { defaultClass: "sprinkles_gap_16__1rsrm2f1v" }, "18": { defaultClass: "sprinkles_gap_18__1rsrm2f1w" }, "20": { defaultClass: "sprinkles_gap_20__1rsrm2f1x" }, "24": { defaultClass: "sprinkles_gap_24__1rsrm2f1y" }, "28": { defaultClass: "sprinkles_gap_28__1rsrm2f1z" }, "30": { defaultClass: "sprinkles_gap_30__1rsrm2f20" }, "32": { defaultClass: "sprinkles_gap_32__1rsrm2f21" }, "36": { defaultClass: "sprinkles_gap_36__1rsrm2f22" }, "44": { defaultClass: "sprinkles_gap_44__1rsrm2f23" }, "64": { defaultClass: "sprinkles_gap_64__1rsrm2f24" }, "-1": { defaultClass: "sprinkles_gap_-1__1rsrm2f25" } } }, height: { values: { "1": { defaultClass: "sprinkles_height_1__1rsrm2f26" }, "2": { defaultClass: "sprinkles_height_2__1rsrm2f27" }, "4": { defaultClass: "sprinkles_height_4__1rsrm2f28" }, "8": { defaultClass: "sprinkles_height_8__1rsrm2f29" }, "12": { defaultClass: "sprinkles_height_12__1rsrm2f2a" }, "20": { defaultClass: "sprinkles_height_20__1rsrm2f2b" }, "24": { defaultClass: "sprinkles_height_24__1rsrm2f2c" }, "28": { defaultClass: "sprinkles_height_28__1rsrm2f2d" }, "30": { defaultClass: "sprinkles_height_30__1rsrm2f2e" }, "32": { defaultClass: "sprinkles_height_32__1rsrm2f2f" }, "34": { defaultClass: "sprinkles_height_34__1rsrm2f2g" }, "36": { defaultClass: "sprinkles_height_36__1rsrm2f2h" }, "40": { defaultClass: "sprinkles_height_40__1rsrm2f2i" }, "44": { defaultClass: "sprinkles_height_44__1rsrm2f2j" }, "48": { defaultClass: "sprinkles_height_48__1rsrm2f2k" }, "54": { defaultClass: "sprinkles_height_54__1rsrm2f2l" }, "60": { defaultClass: "sprinkles_height_60__1rsrm2f2m" }, "93": { defaultClass: "sprinkles_height_93__1rsrm2f2n" }, "100": { defaultClass: "sprinkles_height_100__1rsrm2f2o" }, "108": { defaultClass: "sprinkles_height_108__1rsrm2f2p" }, "162": { defaultClass: "sprinkles_height_162__1rsrm2f2q" }, "192": { defaultClass: "sprinkles_height_192__1rsrm2f2r" }, "200": { defaultClass: "sprinkles_height_200__1rsrm2f2s" }, "210": { defaultClass: "sprinkles_height_210__1rsrm2f2t" }, "220": { defaultClass: "sprinkles_height_220__1rsrm2f2u" }, "230": { defaultClass: "sprinkles_height_230__1rsrm2f2v" }, "240": { defaultClass: "sprinkles_height_240__1rsrm2f2w" }, "256": { defaultClass: "sprinkles_height_256__1rsrm2f2x" }, "320": { defaultClass: "sprinkles_height_320__1rsrm2f2y" }, "400": { defaultClass: "sprinkles_height_400__1rsrm2f2z" }, "440": { defaultClass: "sprinkles_height_440__1rsrm2f30" }, "600": { defaultClass: "sprinkles_height_600__1rsrm2f31" }, half: { defaultClass: "sprinkles_height_half__1rsrm2f32" }, full: { defaultClass: "sprinkles_height_full__1rsrm2f33" }, max: { defaultClass: "sprinkles_height_max__1rsrm2f34" } } }, justifyContent: { values: { "flex-start": { defaultClass: "sprinkles_justifyContent_flex-start__1rsrm2f35" }, "flex-end": { defaultClass: "sprinkles_justifyContent_flex-end__1rsrm2f36" }, center: { defaultClass: "sprinkles_justifyContent_center__1rsrm2f37" }, "space-between": { defaultClass: "sprinkles_justifyContent_space-between__1rsrm2f38" }, "space-around": { defaultClass: "sprinkles_justifyContent_space-around__1rsrm2f39" } } }, textAlign: { values: { left: { defaultClass: "sprinkles_textAlign_left__1rsrm2f3a" }, center: { defaultClass: "sprinkles_textAlign_center__1rsrm2f3b" }, inherit: { defaultClass: "sprinkles_textAlign_inherit__1rsrm2f3c" } } }, marginBottom: { values: { "0": { defaultClass: "sprinkles_marginBottom_0__1rsrm2f3d" }, "1": { defaultClass: "sprinkles_marginBottom_1__1rsrm2f3e" }, "2": { defaultClass: "sprinkles_marginBottom_2__1rsrm2f3f" }, "3": { defaultClass: "sprinkles_marginBottom_3__1rsrm2f3g" }, "4": { defaultClass: "sprinkles_marginBottom_4__1rsrm2f3h" }, "5": { defaultClass: "sprinkles_marginBottom_5__1rsrm2f3i" }, "6": { defaultClass: "sprinkles_marginBottom_6__1rsrm2f3j" }, "8": { defaultClass: "sprinkles_marginBottom_8__1rsrm2f3k" }, "10": { defaultClass: "sprinkles_marginBottom_10__1rsrm2f3l" }, "12": { defaultClass: "sprinkles_marginBottom_12__1rsrm2f3m" }, "14": { defaultClass: "sprinkles_marginBottom_14__1rsrm2f3n" }, "16": { defaultClass: "sprinkles_marginBottom_16__1rsrm2f3o" }, "18": { defaultClass: "sprinkles_marginBottom_18__1rsrm2f3p" }, "20": { defaultClass: "sprinkles_marginBottom_20__1rsrm2f3q" }, "24": { defaultClass: "sprinkles_marginBottom_24__1rsrm2f3r" }, "28": { defaultClass: "sprinkles_marginBottom_28__1rsrm2f3s" }, "30": { defaultClass: "sprinkles_marginBottom_30__1rsrm2f3t" }, "32": { defaultClass: "sprinkles_marginBottom_32__1rsrm2f3u" }, "36": { defaultClass: "sprinkles_marginBottom_36__1rsrm2f3v" }, "44": { defaultClass: "sprinkles_marginBottom_44__1rsrm2f3w" }, "64": { defaultClass: "sprinkles_marginBottom_64__1rsrm2f3x" }, "-1": { defaultClass: "sprinkles_marginBottom_-1__1rsrm2f3y" } } }, marginLeft: { values: { "0": { defaultClass: "sprinkles_marginLeft_0__1rsrm2f3z" }, "1": { defaultClass: "sprinkles_marginLeft_1__1rsrm2f40" }, "2": { defaultClass: "sprinkles_marginLeft_2__1rsrm2f41" }, "3": { defaultClass: "sprinkles_marginLeft_3__1rsrm2f42" }, "4": { defaultClass: "sprinkles_marginLeft_4__1rsrm2f43" }, "5": { defaultClass: "sprinkles_marginLeft_5__1rsrm2f44" }, "6": { defaultClass: "sprinkles_marginLeft_6__1rsrm2f45" }, "8": { defaultClass: "sprinkles_marginLeft_8__1rsrm2f46" }, "10": { defaultClass: "sprinkles_marginLeft_10__1rsrm2f47" }, "12": { defaultClass: "sprinkles_marginLeft_12__1rsrm2f48" }, "14": { defaultClass: "sprinkles_marginLeft_14__1rsrm2f49" }, "16": { defaultClass: "sprinkles_marginLeft_16__1rsrm2f4a" }, "18": { defaultClass: "sprinkles_marginLeft_18__1rsrm2f4b" }, "20": { defaultClass: "sprinkles_marginLeft_20__1rsrm2f4c" }, "24": { defaultClass: "sprinkles_marginLeft_24__1rsrm2f4d" }, "28": { defaultClass: "sprinkles_marginLeft_28__1rsrm2f4e" }, "30": { defaultClass: "sprinkles_marginLeft_30__1rsrm2f4f" }, "32": { defaultClass: "sprinkles_marginLeft_32__1rsrm2f4g" }, "36": { defaultClass: "sprinkles_marginLeft_36__1rsrm2f4h" }, "44": { defaultClass: "sprinkles_marginLeft_44__1rsrm2f4i" }, "64": { defaultClass: "sprinkles_marginLeft_64__1rsrm2f4j" }, "-1": { defaultClass: "sprinkles_marginLeft_-1__1rsrm2f4k" } } }, marginRight: { values: { "0": { defaultClass: "sprinkles_marginRight_0__1rsrm2f4l" }, "1": { defaultClass: "sprinkles_marginRight_1__1rsrm2f4m" }, "2": { defaultClass: "sprinkles_marginRight_2__1rsrm2f4n" }, "3": { defaultClass: "sprinkles_marginRight_3__1rsrm2f4o" }, "4": { defaultClass: "sprinkles_marginRight_4__1rsrm2f4p" }, "5": { defaultClass: "sprinkles_marginRight_5__1rsrm2f4q" }, "6": { defaultClass: "sprinkles_marginRight_6__1rsrm2f4r" }, "8": { defaultClass: "sprinkles_marginRight_8__1rsrm2f4s" }, "10": { defaultClass: "sprinkles_marginRight_10__1rsrm2f4t" }, "12": { defaultClass: "sprinkles_marginRight_12__1rsrm2f4u" }, "14": { defaultClass: "sprinkles_marginRight_14__1rsrm2f4v" }, "16": { defaultClass: "sprinkles_marginRight_16__1rsrm2f4w" }, "18": { defaultClass: "sprinkles_marginRight_18__1rsrm2f4x" }, "20": { defaultClass: "sprinkles_marginRight_20__1rsrm2f4y" }, "24": { defaultClass: "sprinkles_marginRight_24__1rsrm2f4z" }, "28": { defaultClass: "sprinkles_marginRight_28__1rsrm2f50" }, "30": { defaultClass: "sprinkles_marginRight_30__1rsrm2f51" }, "32": { defaultClass: "sprinkles_marginRight_32__1rsrm2f52" }, "36": { defaultClass: "sprinkles_marginRight_36__1rsrm2f53" }, "44": { defaultClass: "sprinkles_marginRight_44__1rsrm2f54" }, "64": { defaultClass: "sprinkles_marginRight_64__1rsrm2f55" }, "-1": { defaultClass: "sprinkles_marginRight_-1__1rsrm2f56" } } }, marginTop: { values: { "0": { defaultClass: "sprinkles_marginTop_0__1rsrm2f57" }, "1": { defaultClass: "sprinkles_marginTop_1__1rsrm2f58" }, "2": { defaultClass: "sprinkles_marginTop_2__1rsrm2f59" }, "3": { defaultClass: "sprinkles_marginTop_3__1rsrm2f5a" }, "4": { defaultClass: "sprinkles_marginTop_4__1rsrm2f5b" }, "5": { defaultClass: "sprinkles_marginTop_5__1rsrm2f5c" }, "6": { defaultClass: "sprinkles_marginTop_6__1rsrm2f5d" }, "8": { defaultClass: "sprinkles_marginTop_8__1rsrm2f5e" }, "10": { defaultClass: "sprinkles_marginTop_10__1rsrm2f5f" }, "12": { defaultClass: "sprinkles_marginTop_12__1rsrm2f5g" }, "14": { defaultClass: "sprinkles_marginTop_14__1rsrm2f5h" }, "16": { defaultClass: "sprinkles_marginTop_16__1rsrm2f5i" }, "18": { defaultClass: "sprinkles_marginTop_18__1rsrm2f5j" }, "20": { defaultClass: "sprinkles_marginTop_20__1rsrm2f5k" }, "24": { defaultClass: "sprinkles_marginTop_24__1rsrm2f5l" }, "28": { defaultClass: "sprinkles_marginTop_28__1rsrm2f5m" }, "30": { defaultClass: "sprinkles_marginTop_30__1rsrm2f5n" }, "32": { defaultClass: "sprinkles_marginTop_32__1rsrm2f5o" }, "36": { defaultClass: "sprinkles_marginTop_36__1rsrm2f5p" }, "44": { defaultClass: "sprinkles_marginTop_44__1rsrm2f5q" }, "64": { defaultClass: "sprinkles_marginTop_64__1rsrm2f5r" }, "-1": { defaultClass: "sprinkles_marginTop_-1__1rsrm2f5s" } } }, minHeight: { values: { "1": { defaultClass: "sprinkles_minHeight_1__1rsrm2f5t" }, "2": { defaultClass: "sprinkles_minHeight_2__1rsrm2f5u" }, "4": { defaultClass: "sprinkles_minHeight_4__1rsrm2f5v" }, "8": { defaultClass: "sprinkles_minHeight_8__1rsrm2f5w" }, "12": { defaultClass: "sprinkles_minHeight_12__1rsrm2f5x" }, "20": { defaultClass: "sprinkles_minHeight_20__1rsrm2f5y" }, "24": { defaultClass: "sprinkles_minHeight_24__1rsrm2f5z" }, "28": { defaultClass: "sprinkles_minHeight_28__1rsrm2f60" }, "30": { defaultClass: "sprinkles_minHeight_30__1rsrm2f61" }, "32": { defaultClass: "sprinkles_minHeight_32__1rsrm2f62" }, "34": { defaultClass: "sprinkles_minHeight_34__1rsrm2f63" }, "36": { defaultClass: "sprinkles_minHeight_36__1rsrm2f64" }, "40": { defaultClass: "sprinkles_minHeight_40__1rsrm2f65" }, "44": { defaultClass: "sprinkles_minHeight_44__1rsrm2f66" }, "48": { defaultClass: "sprinkles_minHeight_48__1rsrm2f67" }, "54": { defaultClass: "sprinkles_minHeight_54__1rsrm2f68" }, "60": { defaultClass: "sprinkles_minHeight_60__1rsrm2f69" }, "93": { defaultClass: "sprinkles_minHeight_93__1rsrm2f6a" }, "100": { defaultClass: "sprinkles_minHeight_100__1rsrm2f6b" }, "108": { defaultClass: "sprinkles_minHeight_108__1rsrm2f6c" }, "162": { defaultClass: "sprinkles_minHeight_162__1rsrm2f6d" }, "192": { defaultClass: "sprinkles_minHeight_192__1rsrm2f6e" }, "200": { defaultClass: "sprinkles_minHeight_200__1rsrm2f6f" }, "210": { defaultClass: "sprinkles_minHeight_210__1rsrm2f6g" }, "220": { defaultClass: "sprinkles_minHeight_220__1rsrm2f6h" }, "230": { defaultClass: "sprinkles_minHeight_230__1rsrm2f6i" }, "240": { defaultClass: "sprinkles_minHeight_240__1rsrm2f6j" }, "256": { defaultClass: "sprinkles_minHeight_256__1rsrm2f6k" }, "320": { defaultClass: "sprinkles_minHeight_320__1rsrm2f6l" }, "400": { defaultClass: "sprinkles_minHeight_400__1rsrm2f6m" }, "440": { defaultClass: "sprinkles_minHeight_440__1rsrm2f6n" }, "600": { defaultClass: "sprinkles_minHeight_600__1rsrm2f6o" }, half: { defaultClass: "sprinkles_minHeight_half__1rsrm2f6p" }, full: { defaultClass: "sprinkles_minHeight_full__1rsrm2f6q" }, max: { defaultClass: "sprinkles_minHeight_max__1rsrm2f6r" } } }, maxHeight: { values: { "1": { defaultClass: "sprinkles_maxHeight_1__1rsrm2f6s" }, "2": { defaultClass: "sprinkles_maxHeight_2__1rsrm2f6t" }, "4": { defaultClass: "sprinkles_maxHeight_4__1rsrm2f6u" }, "8": { defaultClass: "sprinkles_maxHeight_8__1rsrm2f6v" }, "12": { defaultClass: "sprinkles_maxHeight_12__1rsrm2f6w" }, "20": { defaultClass: "sprinkles_maxHeight_20__1rsrm2f6x" }, "24": { defaultClass: "sprinkles_maxHeight_24__1rsrm2f6y" }, "28": { defaultClass: "sprinkles_maxHeight_28__1rsrm2f6z" }, "30": { defaultClass: "sprinkles_maxHeight_30__1rsrm2f70" }, "32": { defaultClass: "sprinkles_maxHeight_32__1rsrm2f71" }, "34": { defaultClass: "sprinkles_maxHeight_34__1rsrm2f72" }, "36": { defaultClass: "sprinkles_maxHeight_36__1rsrm2f73" }, "40": { defaultClass: "sprinkles_maxHeight_40__1rsrm2f74" }, "44": { defaultClass: "sprinkles_maxHeight_44__1rsrm2f75" }, "48": { defaultClass: "sprinkles_maxHeight_48__1rsrm2f76" }, "54": { defaultClass: "sprinkles_maxHeight_54__1rsrm2f77" }, "60": { defaultClass: "sprinkles_maxHeight_60__1rsrm2f78" }, "93": { defaultClass: "sprinkles_maxHeight_93__1rsrm2f79" }, "100": { defaultClass: "sprinkles_maxHeight_100__1rsrm2f7a" }, "108": { defaultClass: "sprinkles_maxHeight_108__1rsrm2f7b" }, "162": { defaultClass: "sprinkles_maxHeight_162__1rsrm2f7c" }, "192": { defaultClass: "sprinkles_maxHeight_192__1rsrm2f7d" }, "200": { defaultClass: "sprinkles_maxHeight_200__1rsrm2f7e" }, "210": { defaultClass: "sprinkles_maxHeight_210__1rsrm2f7f" }, "220": { defaultClass: "sprinkles_maxHeight_220__1rsrm2f7g" }, "230": { defaultClass: "sprinkles_maxHeight_230__1rsrm2f7h" }, "240": { defaultClass: "sprinkles_maxHeight_240__1rsrm2f7i" }, "256": { defaultClass: "sprinkles_maxHeight_256__1rsrm2f7j" }, "320": { defaultClass: "sprinkles_maxHeight_320__1rsrm2f7k" }, "400": { defaultClass: "sprinkles_maxHeight_400__1rsrm2f7l" }, "440": { defaultClass: "sprinkles_maxHeight_440__1rsrm2f7m" }, "600": { defaultClass: "sprinkles_maxHeight_600__1rsrm2f7n" }, half: { defaultClass: "sprinkles_maxHeight_half__1rsrm2f7o" }, full: { defaultClass: "sprinkles_maxHeight_full__1rsrm2f7p" }, max: { defaultClass: "sprinkles_maxHeight_max__1rsrm2f7q" } } }, maxWidth: { values: { "1": { defaultClass: "sprinkles_maxWidth_1__1rsrm2f7r" }, "2": { defaultClass: "sprinkles_maxWidth_2__1rsrm2f7s" }, "4": { defaultClass: "sprinkles_maxWidth_4__1rsrm2f7t" }, "8": { defaultClass: "sprinkles_maxWidth_8__1rsrm2f7u" }, "12": { defaultClass: "sprinkles_maxWidth_12__1rsrm2f7v" }, "20": { defaultClass: "sprinkles_maxWidth_20__1rsrm2f7w" }, "24": { defaultClass: "sprinkles_maxWidth_24__1rsrm2f7x" }, "28": { defaultClass: "sprinkles_maxWidth_28__1rsrm2f7y" }, "30": { defaultClass: "sprinkles_maxWidth_30__1rsrm2f7z" }, "32": { defaultClass: "sprinkles_maxWidth_32__1rsrm2f80" }, "34": { defaultClass: "sprinkles_maxWidth_34__1rsrm2f81" }, "36": { defaultClass: "sprinkles_maxWidth_36__1rsrm2f82" }, "40": { defaultClass: "sprinkles_maxWidth_40__1rsrm2f83" }, "44": { defaultClass: "sprinkles_maxWidth_44__1rsrm2f84" }, "48": { defaultClass: "sprinkles_maxWidth_48__1rsrm2f85" }, "54": { defaultClass: "sprinkles_maxWidth_54__1rsrm2f86" }, "60": { defaultClass: "sprinkles_maxWidth_60__1rsrm2f87" }, "93": { defaultClass: "sprinkles_maxWidth_93__1rsrm2f88" }, "100": { defaultClass: "sprinkles_maxWidth_100__1rsrm2f89" }, "108": { defaultClass: "sprinkles_maxWidth_108__1rsrm2f8a" }, "162": { defaultClass: "sprinkles_maxWidth_162__1rsrm2f8b" }, "192": { defaultClass: "sprinkles_maxWidth_192__1rsrm2f8c" }, "200": { defaultClass: "sprinkles_maxWidth_200__1rsrm2f8d" }, "210": { defaultClass: "sprinkles_maxWidth_210__1rsrm2f8e" }, "220": { defaultClass: "sprinkles_maxWidth_220__1rsrm2f8f" }, "230": { defaultClass: "sprinkles_maxWidth_230__1rsrm2f8g" }, "240": { defaultClass: "sprinkles_maxWidth_240__1rsrm2f8h" }, "256": { defaultClass: "sprinkles_maxWidth_256__1rsrm2f8i" }, "320": { defaultClass: "sprinkles_maxWidth_320__1rsrm2f8j" }, "400": { defaultClass: "sprinkles_maxWidth_400__1rsrm2f8k" }, "440": { defaultClass: "sprinkles_maxWidth_440__1rsrm2f8l" }, "600": { defaultClass: "sprinkles_maxWidth_600__1rsrm2f8m" }, half: { defaultClass: "sprinkles_maxWidth_half__1rsrm2f8n" }, full: { defaultClass: "sprinkles_maxWidth_full__1rsrm2f8o" }, max: { defaultClass: "sprinkles_maxWidth_max__1rsrm2f8p" } } }, minWidth: { values: { "1": { defaultClass: "sprinkles_minWidth_1__1rsrm2f8q" }, "2": { defaultClass: "sprinkles_minWidth_2__1rsrm2f8r" }, "4": { defaultClass: "sprinkles_minWidth_4__1rsrm2f8s" }, "8": { defaultClass: "sprinkles_minWidth_8__1rsrm2f8t" }, "12": { defaultClass: "sprinkles_minWidth_12__1rsrm2f8u" }, "20": { defaultClass: "sprinkles_minWidth_20__1rsrm2f8v" }, "24": { defaultClass: "sprinkles_minWidth_24__1rsrm2f8w" }, "28": { defaultClass: "sprinkles_minWidth_28__1rsrm2f8x" }, "30": { defaultClass: "sprinkles_minWidth_30__1rsrm2f8y" }, "32": { defaultClass: "sprinkles_minWidth_32__1rsrm2f8z" }, "34": { defaultClass: "sprinkles_minWidth_34__1rsrm2f90" }, "36": { defaultClass: "sprinkles_minWidth_36__1rsrm2f91" }, "40": { defaultClass: "sprinkles_minWidth_40__1rsrm2f92" }, "44": { defaultClass: "sprinkles_minWidth_44__1rsrm2f93" }, "48": { defaultClass: "sprinkles_minWidth_48__1rsrm2f94" }, "54": { defaultClass: "sprinkles_minWidth_54__1rsrm2f95" }, "60": { defaultClass: "sprinkles_minWidth_60__1rsrm2f96" }, "93": { defaultClass: "sprinkles_minWidth_93__1rsrm2f97" }, "100": { defaultClass: "sprinkles_minWidth_100__1rsrm2f98" }, "108": { defaultClass: "sprinkles_minWidth_108__1rsrm2f99" }, "162": { defaultClass: "sprinkles_minWidth_162__1rsrm2f9a" }, "192": { defaultClass: "sprinkles_minWidth_192__1rsrm2f9b" }, "200": { defaultClass: "sprinkles_minWidth_200__1rsrm2f9c" }, "210": { defaultClass: "sprinkles_minWidth_210__1rsrm2f9d" }, "220": { defaultClass: "sprinkles_minWidth_220__1rsrm2f9e" }, "230": { defaultClass: "sprinkles_minWidth_230__1rsrm2f9f" }, "240": { defaultClass: "sprinkles_minWidth_240__1rsrm2f9g" }, "256": { defaultClass: "sprinkles_minWidth_256__1rsrm2f9h" }, "320": { defaultClass: "sprinkles_minWidth_320__1rsrm2f9i" }, "400": { defaultClass: "sprinkles_minWidth_400__1rsrm2f9j" }, "440": { defaultClass: "sprinkles_minWidth_440__1rsrm2f9k" }, "600": { defaultClass: "sprinkles_minWidth_600__1rsrm2f9l" }, half: { defaultClass: "sprinkles_minWidth_half__1rsrm2f9m" }, full: { defaultClass: "sprinkles_minWidth_full__1rsrm2f9n" }, max: { defaultClass: "sprinkles_minWidth_max__1rsrm2f9o" } } }, overflow: { values: { hidden: { defaultClass: "sprinkles_overflow_hidden__1rsrm2f9p" } } }, paddingBottom: { values: { "0": { defaultClass: "sprinkles_paddingBottom_0__1rsrm2f9q" }, "1": { defaultClass: "sprinkles_paddingBottom_1__1rsrm2f9r" }, "2": { defaultClass: "sprinkles_paddingBottom_2__1rsrm2f9s" }, "3": { defaultClass: "sprinkles_paddingBottom_3__1rsrm2f9t" }, "4": { defaultClass: "sprinkles_paddingBottom_4__1rsrm2f9u" }, "5": { defaultClass: "sprinkles_paddingBottom_5__1rsrm2f9v" }, "6": { defaultClass: "sprinkles_paddingBottom_6__1rsrm2f9w" }, "8": { defaultClass: "sprinkles_paddingBottom_8__1rsrm2f9x" }, "10": { defaultClass: "sprinkles_paddingBottom_10__1rsrm2f9y" }, "12": { defaultClass: "sprinkles_paddingBottom_12__1rsrm2f9z" }, "14": { defaultClass: "sprinkles_paddingBottom_14__1rsrm2fa0" }, "16": { defaultClass: "sprinkles_paddingBottom_16__1rsrm2fa1" }, "18": { defaultClass: "sprinkles_paddingBottom_18__1rsrm2fa2" }, "20": { defaultClass: "sprinkles_paddingBottom_20__1rsrm2fa3" }, "24": { defaultClass: "sprinkles_paddingBottom_24__1rsrm2fa4" }, "28": { defaultClass: "sprinkles_paddingBottom_28__1rsrm2fa5" }, "30": { defaultClass: "sprinkles_paddingBottom_30__1rsrm2fa6" }, "32": { defaultClass: "sprinkles_paddingBottom_32__1rsrm2fa7" }, "36": { defaultClass: "sprinkles_paddingBottom_36__1rsrm2fa8" }, "44": { defaultClass: "sprinkles_paddingBottom_44__1rsrm2fa9" }, "64": { defaultClass: "sprinkles_paddingBottom_64__1rsrm2faa" }, "-1": { defaultClass: "sprinkles_paddingBottom_-1__1rsrm2fab" } } }, paddingLeft: { values: { "0": { defaultClass: "sprinkles_paddingLeft_0__1rsrm2fac" }, "1": { defaultClass: "sprinkles_paddingLeft_1__1rsrm2fad" }, "2": { defaultClass: "sprinkles_paddingLeft_2__1rsrm2fae" }, "3": { defaultClass: "sprinkles_paddingLeft_3__1rsrm2faf" }, "4": { defaultClass: "sprinkles_paddingLeft_4__1rsrm2fag" }, "5": { defaultClass: "sprinkles_paddingLeft_5__1rsrm2fah" }, "6": { defaultClass: "sprinkles_paddingLeft_6__1rsrm2fai" }, "8": { defaultClass: "sprinkles_paddingLeft_8__1rsrm2faj" }, "10": { defaultClass: "sprinkles_paddingLeft_10__1rsrm2fak" }, "12": { defaultClass: "sprinkles_paddingLeft_12__1rsrm2fal" }, "14": { defaultClass: "sprinkles_paddingLeft_14__1rsrm2fam" }, "16": { defaultClass: "sprinkles_paddingLeft_16__1rsrm2fan" }, "18": { defaultClass: "sprinkles_paddingLeft_18__1rsrm2fao" }, "20": { defaultClass: "sprinkles_paddingLeft_20__1rsrm2fap" }, "24": { defaultClass: "sprinkles_paddingLeft_24__1rsrm2faq" }, "28": { defaultClass: "sprinkles_paddingLeft_28__1rsrm2far" }, "30": { defaultClass: "sprinkles_paddingLeft_30__1rsrm2fas" }, "32": { defaultClass: "sprinkles_paddingLeft_32__1rsrm2fat" }, "36": { defaultClass: "sprinkles_paddingLeft_36__1rsrm2fau" }, "44": { defaultClass: "sprinkles_paddingLeft_44__1rsrm2fav" }, "64": { defaultClass: "sprinkles_paddingLeft_64__1rsrm2faw" }, "-1": { defaultClass: "sprinkles_paddingLeft_-1__1rsrm2fax" } } }, paddingRight: { values: { "0": { defaultClass: "sprinkles_paddingRight_0__1rsrm2fay" }, "1": { defaultClass: "sprinkles_paddingRight_1__1rsrm2faz" }, "2": { defaultClass: "sprinkles_paddingRight_2__1rsrm2fb0" }, "3": { defaultClass: "sprinkles_paddingRight_3__1rsrm2fb1" }, "4": { defaultClass: "sprinkles_paddingRight_4__1rsrm2fb2" }, "5": { defaultClass: "sprinkles_paddingRight_5__1rsrm2fb3" }, "6": { defaultClass: "sprinkles_paddingRight_6__1rsrm2fb4" }, "8": { defaultClass: "sprinkles_paddingRight_8__1rsrm2fb5" }, "10": { defaultClass: "sprinkles_paddingRight_10__1rsrm2fb6" }, "12": { defaultClass: "sprinkles_paddingRight_12__1rsrm2fb7" }, "14": { defaultClass: "sprinkles_paddingRight_14__1rsrm2fb8" }, "16": { defaultClass: "sprinkles_paddingRight_16__1rsrm2fb9" }, "18": { defaultClass: "sprinkles_paddingRight_18__1rsrm2fba" }, "20": { defaultClass: "sprinkles_paddingRight_20__1rsrm2fbb" }, "24": { defaultClass: "sprinkles_paddingRight_24__1rsrm2fbc" }, "28": { defaultClass: "sprinkles_paddingRight_28__1rsrm2fbd" }, "30": { defaultClass: "sprinkles_paddingRight_30__1rsrm2fbe" }, "32": { defaultClass: "sprinkles_paddingRight_32__1rsrm2fbf" }, "36": { defaultClass: "sprinkles_paddingRight_36__1rsrm2fbg" }, "44": { defaultClass: "sprinkles_paddingRight_44__1rsrm2fbh" }, "64": { defaultClass: "sprinkles_paddingRight_64__1rsrm2fbi" }, "-1": { defaultClass: "sprinkles_paddingRight_-1__1rsrm2fbj" } } }, paddingTop: { values: { "0": { defaultClass: "sprinkles_paddingTop_0__1rsrm2fbk" }, "1": { defaultClass: "sprinkles_paddingTop_1__1rsrm2fbl" }, "2": { defaultClass: "sprinkles_paddingTop_2__1rsrm2fbm" }, "3": { defaultClass: "sprinkles_paddingTop_3__1rsrm2fbn" }, "4": { defaultClass: "sprinkles_paddingTop_4__1rsrm2fbo" }, "5": { defaultClass: "sprinkles_paddingTop_5__1rsrm2fbp" }, "6": { defaultClass: "sprinkles_paddingTop_6__1rsrm2fbq" }, "8": { defaultClass: "sprinkles_paddingTop_8__1rsrm2fbr" }, "10": { defaultClass: "sprinkles_paddingTop_10__1rsrm2fbs" }, "12": { defaultClass: "sprinkles_paddingTop_12__1rsrm2fbt" }, "14": { defaultClass: "sprinkles_paddingTop_14__1rsrm2fbu" }, "16": { defaultClass: "sprinkles_paddingTop_16__1rsrm2fbv" }, "18": { defaultClass: "sprinkles_paddingTop_18__1rsrm2fbw" }, "20": { defaultClass: "sprinkles_paddingTop_20__1rsrm2fbx" }, "24": { defaultClass: "sprinkles_paddingTop_24__1rsrm2fby" }, "28": { defaultClass: "sprinkles_paddingTop_28__1rsrm2fbz" }, "30": { defaultClass: "sprinkles_paddingTop_30__1rsrm2fc0" }, "32": { defaultClass: "sprinkles_paddingTop_32__1rsrm2fc1" }, "36": { defaultClass: "sprinkles_paddingTop_36__1rsrm2fc2" }, "44": { defaultClass: "sprinkles_paddingTop_44__1rsrm2fc3" }, "64": { defaultClass: "sprinkles_paddingTop_64__1rsrm2fc4" }, "-1": { defaultClass: "sprinkles_paddingTop_-1__1rsrm2fc5" } } }, position: { values: { absolute: { defaultClass: "sprinkles_position_absolute__1rsrm2fc6" }, fixed: { defaultClass: "sprinkles_position_fixed__1rsrm2fc7" }, relative: { defaultClass: "sprinkles_position_relative__1rsrm2fc8" } } }, right: { values: { "0": { defaultClass: "sprinkles_right_0__1rsrm2fc9" } } }, transition: { values: { "default": { defaultClass: "sprinkles_transition_default__1rsrm2fca" }, transform: { defaultClass: "sprinkles_transition_transform__1rsrm2fcb" } } }, userSelect: { values: { none: { defaultClass: "sprinkles_userSelect_none__1rsrm2fcc" } } }, width: { values: { "1": { defaultClass: "sprinkles_width_1__1rsrm2fcd" }, "2": { defaultClass: "sprinkles_width_2__1rsrm2fce" }, "4": { defaultClass: "sprinkles_width_4__1rsrm2fcf" }, "8": { defaultClass: "sprinkles_width_8__1rsrm2fcg" }, "12": { defaultClass: "sprinkles_width_12__1rsrm2fch" }, "20": { defaultClass: "sprinkles_width_20__1rsrm2fci" }, "24": { defaultClass: "sprinkles_width_24__1rsrm2fcj" }, "28": { defaultClass: "sprinkles_width_28__1rsrm2fck" }, "30": { defaultClass: "sprinkles_width_30__1rsrm2fcl" }, "32": { defaultClass: "sprinkles_width_32__1rsrm2fcm" }, "34": { defaultClass: "sprinkles_width_34__1rsrm2fcn" }, "36": { defaultClass: "sprinkles_width_36__1rsrm2fco" }, "40": { defaultClass: "sprinkles_width_40__1rsrm2fcp" }, "44": { defaultClass: "sprinkles_width_44__1rsrm2fcq" }, "48": { defaultClass: "sprinkles_width_48__1rsrm2fcr" }, "54": { defaultClass: "sprinkles_width_54__1rsrm2fcs" }, "60": { defaultClass: "sprinkles_width_60__1rsrm2fct" }, "93": { defaultClass: "sprinkles_width_93__1rsrm2fcu" }, "100": { defaultClass: "sprinkles_width_100__1rsrm2fcv" }, "108": { defaultClass: "sprinkles_width_108__1rsrm2fcw" }, "162": { defaultClass: "sprinkles_width_162__1rsrm2fcx" }, "192": { defaultClass: "sprinkles_width_192__1rsrm2fcy" }, "200": { defaultClass: "sprinkles_width_200__1rsrm2fcz" }, "210": { defaultClass: "sprinkles_width_210__1rsrm2fd0" }, "220": { defaultClass: "sprinkles_width_220__1rsrm2fd1" }, "230": { defaultClass: "sprinkles_width_230__1rsrm2fd2" }, "240": { defaultClass: "sprinkles_width_240__1rsrm2fd3" }, "256": { defaultClass: "sprinkles_width_256__1rsrm2fd4" }, "320": { defaultClass: "sprinkles_width_320__1rsrm2fd5" }, "400": { defaultClass: "sprinkles_width_400__1rsrm2fd6" }, "440": { defaultClass: "sprinkles_width_440__1rsrm2fd7" }, "600": { defaultClass: "sprinkles_width_600__1rsrm2fd8" }, half: { defaultClass: "sprinkles_width_half__1rsrm2fd9" }, full: { defaultClass: "sprinkles_width_full__1rsrm2fda" }, max: { defaultClass: "sprinkles_width_max__1rsrm2fdb" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "sprinkles_backdropFilter_modalOverlay__1rsrm2fdc" } } } } });
20
- 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)", modalBackdrop: "var(--rk-colors-modalBackdrop)", modalBackground: "var(--rk-colors-modalBackground)", modalBorder: "var(--rk-colors-modalBorder)", 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)" }, 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)" } };
19
+ var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "sprinkles_background_accentColor_base__1rsrm2fdd", hover: "sprinkles_background_accentColor_hover__1rsrm2fde", active: "sprinkles_background_accentColor_active__1rsrm2fdf" }, defaultClass: "sprinkles_background_accentColor_base__1rsrm2fdd" }, accentColorForeground: { conditions: { base: "sprinkles_background_accentColorForeground_base__1rsrm2fdg", hover: "sprinkles_background_accentColorForeground_hover__1rsrm2fdh", active: "sprinkles_background_accentColorForeground_active__1rsrm2fdi" }, defaultClass: "sprinkles_background_accentColorForeground_base__1rsrm2fdg" }, actionButtonBorder: { conditions: { base: "sprinkles_background_actionButtonBorder_base__1rsrm2fdj", hover: "sprinkles_background_actionButtonBorder_hover__1rsrm2fdk", active: "sprinkles_background_actionButtonBorder_active__1rsrm2fdl" }, defaultClass: "sprinkles_background_actionButtonBorder_base__1rsrm2fdj" }, actionButtonBorderMobile: { conditions: { base: "sprinkles_background_actionButtonBorderMobile_base__1rsrm2fdm", hover: "sprinkles_background_actionButtonBorderMobile_hover__1rsrm2fdn", active: "sprinkles_background_actionButtonBorderMobile_active__1rsrm2fdo" }, defaultClass: "sprinkles_background_actionButtonBorderMobile_base__1rsrm2fdm" }, actionButtonSecondaryBackground: { conditions: { base: "sprinkles_background_actionButtonSecondaryBackground_base__1rsrm2fdp", hover: "sprinkles_background_actionButtonSecondaryBackground_hover__1rsrm2fdq", active: "sprinkles_background_actionButtonSecondaryBackground_active__1rsrm2fdr" }, defaultClass: "sprinkles_background_actionButtonSecondaryBackground_base__1rsrm2fdp" }, actionButtonDisabled: { conditions: { base: "sprinkles_background_actionButtonDisabled_base__1rsrm2fds", hover: "sprinkles_background_actionButtonDisabled_hover__1rsrm2fdt", active: "sprinkles_background_actionButtonDisabled_active__1rsrm2fdu" }, defaultClass: "sprinkles_background_actionButtonDisabled_base__1rsrm2fds" }, closeButton: { conditions: { base: "sprinkles_background_closeButton_base__1rsrm2fdv", hover: "sprinkles_background_closeButton_hover__1rsrm2fdw", active: "sprinkles_background_closeButton_active__1rsrm2fdx" }, defaultClass: "sprinkles_background_closeButton_base__1rsrm2fdv" }, closeButtonBackground: { conditions: { base: "sprinkles_background_closeButtonBackground_base__1rsrm2fdy", hover: "sprinkles_background_closeButtonBackground_hover__1rsrm2fdz", active: "sprinkles_background_closeButtonBackground_active__1rsrm2fe0" }, defaultClass: "sprinkles_background_closeButtonBackground_base__1rsrm2fdy" }, connectButtonBackground: { conditions: { base: "sprinkles_background_connectButtonBackground_base__1rsrm2fe1", hover: "sprinkles_background_connectButtonBackground_hover__1rsrm2fe2", active: "sprinkles_background_connectButtonBackground_active__1rsrm2fe3" }, defaultClass: "sprinkles_background_connectButtonBackground_base__1rsrm2fe1" }, connectButtonBackgroundError: { conditions: { base: "sprinkles_background_connectButtonBackgroundError_base__1rsrm2fe4", hover: "sprinkles_background_connectButtonBackgroundError_hover__1rsrm2fe5", active: "sprinkles_background_connectButtonBackgroundError_active__1rsrm2fe6" }, defaultClass: "sprinkles_background_connectButtonBackgroundError_base__1rsrm2fe4" }, connectButtonInnerBackground: { conditions: { base: "sprinkles_background_connectButtonInnerBackground_base__1rsrm2fe7", hover: "sprinkles_background_connectButtonInnerBackground_hover__1rsrm2fe8", active: "sprinkles_background_connectButtonInnerBackground_active__1rsrm2fe9" }, defaultClass: "sprinkles_background_connectButtonInnerBackground_base__1rsrm2fe7" }, connectButtonText: { conditions: { base: "sprinkles_background_connectButtonText_base__1rsrm2fea", hover: "sprinkles_background_connectButtonText_hover__1rsrm2feb", active: "sprinkles_background_connectButtonText_active__1rsrm2fec" }, defaultClass: "sprinkles_background_connectButtonText_base__1rsrm2fea" }, connectButtonTextError: { conditions: { base: "sprinkles_background_connectButtonTextError_base__1rsrm2fed", hover: "sprinkles_background_connectButtonTextError_hover__1rsrm2fee", active: "sprinkles_background_connectButtonTextError_active__1rsrm2fef" }, defaultClass: "sprinkles_background_connectButtonTextError_base__1rsrm2fed" }, connectionIndicator: { conditions: { base: "sprinkles_background_connectionIndicator_base__1rsrm2feg", hover: "sprinkles_background_connectionIndicator_hover__1rsrm2feh", active: "sprinkles_background_connectionIndicator_active__1rsrm2fei" }, defaultClass: "sprinkles_background_connectionIndicator_base__1rsrm2feg" }, downloadBottomCardBackground: { conditions: { base: "sprinkles_background_downloadBottomCardBackground_base__1rsrm2fej", hover: "sprinkles_background_downloadBottomCardBackground_hover__1rsrm2fek", active: "sprinkles_background_downloadBottomCardBackground_active__1rsrm2fel" }, defaultClass: "sprinkles_background_downloadBottomCardBackground_base__1rsrm2fej" }, downloadTopCardBackground: { conditions: { base: "sprinkles_background_downloadTopCardBackground_base__1rsrm2fem", hover: "sprinkles_background_downloadTopCardBackground_hover__1rsrm2fen", active: "sprinkles_background_downloadTopCardBackground_active__1rsrm2feo" }, defaultClass: "sprinkles_background_downloadTopCardBackground_base__1rsrm2fem" }, error: { conditions: { base: "sprinkles_background_error_base__1rsrm2fep", hover: "sprinkles_background_error_hover__1rsrm2feq", active: "sprinkles_background_error_active__1rsrm2fer" }, defaultClass: "sprinkles_background_error_base__1rsrm2fep" }, generalBorder: { conditions: { base: "sprinkles_background_generalBorder_base__1rsrm2fes", hover: "sprinkles_background_generalBorder_hover__1rsrm2fet", active: "sprinkles_background_generalBorder_active__1rsrm2feu" }, defaultClass: "sprinkles_background_generalBorder_base__1rsrm2fes" }, generalBorderDim: { conditions: { base: "sprinkles_background_generalBorderDim_base__1rsrm2fev", hover: "sprinkles_background_generalBorderDim_hover__1rsrm2few", active: "sprinkles_background_generalBorderDim_active__1rsrm2fex" }, defaultClass: "sprinkles_background_generalBorderDim_base__1rsrm2fev" }, menuItemBackground: { conditions: { base: "sprinkles_background_menuItemBackground_base__1rsrm2fey", hover: "sprinkles_background_menuItemBackground_hover__1rsrm2fez", active: "sprinkles_background_menuItemBackground_active__1rsrm2ff0" }, defaultClass: "sprinkles_background_menuItemBackground_base__1rsrm2fey" }, modalBackdrop: { conditions: { base: "sprinkles_background_modalBackdrop_base__1rsrm2ff1", hover: "sprinkles_background_modalBackdrop_hover__1rsrm2ff2", active: "sprinkles_background_modalBackdrop_active__1rsrm2ff3" }, defaultClass: "sprinkles_background_modalBackdrop_base__1rsrm2ff1" }, modalBackground: { conditions: { base: "sprinkles_background_modalBackground_base__1rsrm2ff4", hover: "sprinkles_background_modalBackground_hover__1rsrm2ff5", active: "sprinkles_background_modalBackground_active__1rsrm2ff6" }, defaultClass: "sprinkles_background_modalBackground_base__1rsrm2ff4" }, modalBorder: { conditions: { base: "sprinkles_background_modalBorder_base__1rsrm2ff7", hover: "sprinkles_background_modalBorder_hover__1rsrm2ff8", active: "sprinkles_background_modalBorder_active__1rsrm2ff9" }, defaultClass: "sprinkles_background_modalBorder_base__1rsrm2ff7" }, modalText: { conditions: { base: "sprinkles_background_modalText_base__1rsrm2ffa", hover: "sprinkles_background_modalText_hover__1rsrm2ffb", active: "sprinkles_background_modalText_active__1rsrm2ffc" }, defaultClass: "sprinkles_background_modalText_base__1rsrm2ffa" }, modalTextDim: { conditions: { base: "sprinkles_background_modalTextDim_base__1rsrm2ffd", hover: "sprinkles_background_modalTextDim_hover__1rsrm2ffe", active: "sprinkles_background_modalTextDim_active__1rsrm2fff" }, defaultClass: "sprinkles_background_modalTextDim_base__1rsrm2ffd" }, modalTextSecondary: { conditions: { base: "sprinkles_background_modalTextSecondary_base__1rsrm2ffg", hover: "sprinkles_background_modalTextSecondary_hover__1rsrm2ffh", active: "sprinkles_background_modalTextSecondary_active__1rsrm2ffi" }, defaultClass: "sprinkles_background_modalTextSecondary_base__1rsrm2ffg" }, profileAction: { conditions: { base: "sprinkles_background_profileAction_base__1rsrm2ffj", hover: "sprinkles_background_profileAction_hover__1rsrm2ffk", active: "sprinkles_background_profileAction_active__1rsrm2ffl" }, defaultClass: "sprinkles_background_profileAction_base__1rsrm2ffj" }, profileActionHover: { conditions: { base: "sprinkles_background_profileActionHover_base__1rsrm2ffm", hover: "sprinkles_background_profileActionHover_hover__1rsrm2ffn", active: "sprinkles_background_profileActionHover_active__1rsrm2ffo" }, defaultClass: "sprinkles_background_profileActionHover_base__1rsrm2ffm" }, profileForeground: { conditions: { base: "sprinkles_background_profileForeground_base__1rsrm2ffp", hover: "sprinkles_background_profileForeground_hover__1rsrm2ffq", active: "sprinkles_background_profileForeground_active__1rsrm2ffr" }, defaultClass: "sprinkles_background_profileForeground_base__1rsrm2ffp" }, selectedOptionBorder: { conditions: { base: "sprinkles_background_selectedOptionBorder_base__1rsrm2ffs", hover: "sprinkles_background_selectedOptionBorder_hover__1rsrm2fft", active: "sprinkles_background_selectedOptionBorder_active__1rsrm2ffu" }, defaultClass: "sprinkles_background_selectedOptionBorder_base__1rsrm2ffs" }, standby: { conditions: { base: "sprinkles_background_standby_base__1rsrm2ffv", hover: "sprinkles_background_standby_hover__1rsrm2ffw", active: "sprinkles_background_standby_active__1rsrm2ffx" }, defaultClass: "sprinkles_background_standby_base__1rsrm2ffv" }, solidLine: { conditions: { base: "sprinkles_background_solidLine_base__1rsrm2ffy", hover: "sprinkles_background_solidLine_hover__1rsrm2ffz", active: "sprinkles_background_solidLine_active__1rsrm2fg0" }, defaultClass: "sprinkles_background_solidLine_base__1rsrm2ffy" }, leftTranslucentLine: { conditions: { base: "sprinkles_background_leftTranslucentLine_base__1rsrm2fg1", hover: "sprinkles_background_leftTranslucentLine_hover__1rsrm2fg2", active: "sprinkles_background_leftTranslucentLine_active__1rsrm2fg3" }, defaultClass: "sprinkles_background_leftTranslucentLine_base__1rsrm2fg1" }, rightTranslucentLine: { conditions: { base: "sprinkles_background_rightTranslucentLine_base__1rsrm2fg4", hover: "sprinkles_background_rightTranslucentLine_hover__1rsrm2fg5", active: "sprinkles_background_rightTranslucentLine_active__1rsrm2fg6" }, defaultClass: "sprinkles_background_rightTranslucentLine_base__1rsrm2fg4" }, loadingBase: { conditions: { base: "sprinkles_background_loadingBase_base__1rsrm2fg7", hover: "sprinkles_background_loadingBase_hover__1rsrm2fg8", active: "sprinkles_background_loadingBase_active__1rsrm2fg9" }, defaultClass: "sprinkles_background_loadingBase_base__1rsrm2fg7" }, loadingAccent: { conditions: { base: "sprinkles_background_loadingAccent_base__1rsrm2fga", hover: "sprinkles_background_loadingAccent_hover__1rsrm2fgb", active: "sprinkles_background_loadingAccent_active__1rsrm2fgc" }, defaultClass: "sprinkles_background_loadingAccent_base__1rsrm2fga" } } }, borderColor: { values: { accentColor: { conditions: { base: "sprinkles_borderColor_accentColor_base__1rsrm2fgd", hover: "sprinkles_borderColor_accentColor_hover__1rsrm2fge", active: "sprinkles_borderColor_accentColor_active__1rsrm2fgf" }, defaultClass: "sprinkles_borderColor_accentColor_base__1rsrm2fgd" }, accentColorForeground: { conditions: { base: "sprinkles_borderColor_accentColorForeground_base__1rsrm2fgg", hover: "sprinkles_borderColor_accentColorForeground_hover__1rsrm2fgh", active: "sprinkles_borderColor_accentColorForeground_active__1rsrm2fgi" }, defaultClass: "sprinkles_borderColor_accentColorForeground_base__1rsrm2fgg" }, actionButtonBorder: { conditions: { base: "sprinkles_borderColor_actionButtonBorder_base__1rsrm2fgj", hover: "sprinkles_borderColor_actionButtonBorder_hover__1rsrm2fgk", active: "sprinkles_borderColor_actionButtonBorder_active__1rsrm2fgl" }, defaultClass: "sprinkles_borderColor_actionButtonBorder_base__1rsrm2fgj" }, actionButtonBorderMobile: { conditions: { base: "sprinkles_borderColor_actionButtonBorderMobile_base__1rsrm2fgm", hover: "sprinkles_borderColor_actionButtonBorderMobile_hover__1rsrm2fgn", active: "sprinkles_borderColor_actionButtonBorderMobile_active__1rsrm2fgo" }, defaultClass: "sprinkles_borderColor_actionButtonBorderMobile_base__1rsrm2fgm" }, actionButtonSecondaryBackground: { conditions: { base: "sprinkles_borderColor_actionButtonSecondaryBackground_base__1rsrm2fgp", hover: "sprinkles_borderColor_actionButtonSecondaryBackground_hover__1rsrm2fgq", active: "sprinkles_borderColor_actionButtonSecondaryBackground_active__1rsrm2fgr" }, defaultClass: "sprinkles_borderColor_actionButtonSecondaryBackground_base__1rsrm2fgp" }, actionButtonDisabled: { conditions: { base: "sprinkles_borderColor_actionButtonDisabled_base__1rsrm2fgs", hover: "sprinkles_borderColor_actionButtonDisabled_hover__1rsrm2fgt", active: "sprinkles_borderColor_actionButtonDisabled_active__1rsrm2fgu" }, defaultClass: "sprinkles_borderColor_actionButtonDisabled_base__1rsrm2fgs" }, closeButton: { conditions: { base: "sprinkles_borderColor_closeButton_base__1rsrm2fgv", hover: "sprinkles_borderColor_closeButton_hover__1rsrm2fgw", active: "sprinkles_borderColor_closeButton_active__1rsrm2fgx" }, defaultClass: "sprinkles_borderColor_closeButton_base__1rsrm2fgv" }, closeButtonBackground: { conditions: { base: "sprinkles_borderColor_closeButtonBackground_base__1rsrm2fgy", hover: "sprinkles_borderColor_closeButtonBackground_hover__1rsrm2fgz", active: "sprinkles_borderColor_closeButtonBackground_active__1rsrm2fh0" }, defaultClass: "sprinkles_borderColor_closeButtonBackground_base__1rsrm2fgy" }, connectButtonBackground: { conditions: { base: "sprinkles_borderColor_connectButtonBackground_base__1rsrm2fh1", hover: "sprinkles_borderColor_connectButtonBackground_hover__1rsrm2fh2", active: "sprinkles_borderColor_connectButtonBackground_active__1rsrm2fh3" }, defaultClass: "sprinkles_borderColor_connectButtonBackground_base__1rsrm2fh1" }, connectButtonBackgroundError: { conditions: { base: "sprinkles_borderColor_connectButtonBackgroundError_base__1rsrm2fh4", hover: "sprinkles_borderColor_connectButtonBackgroundError_hover__1rsrm2fh5", active: "sprinkles_borderColor_connectButtonBackgroundError_active__1rsrm2fh6" }, defaultClass: "sprinkles_borderColor_connectButtonBackgroundError_base__1rsrm2fh4" }, connectButtonInnerBackground: { conditions: { base: "sprinkles_borderColor_connectButtonInnerBackground_base__1rsrm2fh7", hover: "sprinkles_borderColor_connectButtonInnerBackground_hover__1rsrm2fh8", active: "sprinkles_borderColor_connectButtonInnerBackground_active__1rsrm2fh9" }, defaultClass: "sprinkles_borderColor_connectButtonInnerBackground_base__1rsrm2fh7" }, connectButtonText: { conditions: { base: "sprinkles_borderColor_connectButtonText_base__1rsrm2fha", hover: "sprinkles_borderColor_connectButtonText_hover__1rsrm2fhb", active: "sprinkles_borderColor_connectButtonText_active__1rsrm2fhc" }, defaultClass: "sprinkles_borderColor_connectButtonText_base__1rsrm2fha" }, connectButtonTextError: { conditions: { base: "sprinkles_borderColor_connectButtonTextError_base__1rsrm2fhd", hover: "sprinkles_borderColor_connectButtonTextError_hover__1rsrm2fhe", active: "sprinkles_borderColor_connectButtonTextError_active__1rsrm2fhf" }, defaultClass: "sprinkles_borderColor_connectButtonTextError_base__1rsrm2fhd" }, connectionIndicator: { conditions: { base: "sprinkles_borderColor_connectionIndicator_base__1rsrm2fhg", hover: "sprinkles_borderColor_connectionIndicator_hover__1rsrm2fhh", active: "sprinkles_borderColor_connectionIndicator_active__1rsrm2fhi" }, defaultClass: "sprinkles_borderColor_connectionIndicator_base__1rsrm2fhg" }, downloadBottomCardBackground: { conditions: { base: "sprinkles_borderColor_downloadBottomCardBackground_base__1rsrm2fhj", hover: "sprinkles_borderColor_downloadBottomCardBackground_hover__1rsrm2fhk", active: "sprinkles_borderColor_downloadBottomCardBackground_active__1rsrm2fhl" }, defaultClass: "sprinkles_borderColor_downloadBottomCardBackground_base__1rsrm2fhj" }, downloadTopCardBackground: { conditions: { base: "sprinkles_borderColor_downloadTopCardBackground_base__1rsrm2fhm", hover: "sprinkles_borderColor_downloadTopCardBackground_hover__1rsrm2fhn", active: "sprinkles_borderColor_downloadTopCardBackground_active__1rsrm2fho" }, defaultClass: "sprinkles_borderColor_downloadTopCardBackground_base__1rsrm2fhm" }, error: { conditions: { base: "sprinkles_borderColor_error_base__1rsrm2fhp", hover: "sprinkles_borderColor_error_hover__1rsrm2fhq", active: "sprinkles_borderColor_error_active__1rsrm2fhr" }, defaultClass: "sprinkles_borderColor_error_base__1rsrm2fhp" }, generalBorder: { conditions: { base: "sprinkles_borderColor_generalBorder_base__1rsrm2fhs", hover: "sprinkles_borderColor_generalBorder_hover__1rsrm2fht", active: "sprinkles_borderColor_generalBorder_active__1rsrm2fhu" }, defaultClass: "sprinkles_borderColor_generalBorder_base__1rsrm2fhs" }, generalBorderDim: { conditions: { base: "sprinkles_borderColor_generalBorderDim_base__1rsrm2fhv", hover: "sprinkles_borderColor_generalBorderDim_hover__1rsrm2fhw", active: "sprinkles_borderColor_generalBorderDim_active__1rsrm2fhx" }, defaultClass: "sprinkles_borderColor_generalBorderDim_base__1rsrm2fhv" }, menuItemBackground: { conditions: { base: "sprinkles_borderColor_menuItemBackground_base__1rsrm2fhy", hover: "sprinkles_borderColor_menuItemBackground_hover__1rsrm2fhz", active: "sprinkles_borderColor_menuItemBackground_active__1rsrm2fi0" }, defaultClass: "sprinkles_borderColor_menuItemBackground_base__1rsrm2fhy" }, modalBackdrop: { conditions: { base: "sprinkles_borderColor_modalBackdrop_base__1rsrm2fi1", hover: "sprinkles_borderColor_modalBackdrop_hover__1rsrm2fi2", active: "sprinkles_borderColor_modalBackdrop_active__1rsrm2fi3" }, defaultClass: "sprinkles_borderColor_modalBackdrop_base__1rsrm2fi1" }, modalBackground: { conditions: { base: "sprinkles_borderColor_modalBackground_base__1rsrm2fi4", hover: "sprinkles_borderColor_modalBackground_hover__1rsrm2fi5", active: "sprinkles_borderColor_modalBackground_active__1rsrm2fi6" }, defaultClass: "sprinkles_borderColor_modalBackground_base__1rsrm2fi4" }, modalBorder: { conditions: { base: "sprinkles_borderColor_modalBorder_base__1rsrm2fi7", hover: "sprinkles_borderColor_modalBorder_hover__1rsrm2fi8", active: "sprinkles_borderColor_modalBorder_active__1rsrm2fi9" }, defaultClass: "sprinkles_borderColor_modalBorder_base__1rsrm2fi7" }, modalText: { conditions: { base: "sprinkles_borderColor_modalText_base__1rsrm2fia", hover: "sprinkles_borderColor_modalText_hover__1rsrm2fib", active: "sprinkles_borderColor_modalText_active__1rsrm2fic" }, defaultClass: "sprinkles_borderColor_modalText_base__1rsrm2fia" }, modalTextDim: { conditions: { base: "sprinkles_borderColor_modalTextDim_base__1rsrm2fid", hover: "sprinkles_borderColor_modalTextDim_hover__1rsrm2fie", active: "sprinkles_borderColor_modalTextDim_active__1rsrm2fif" }, defaultClass: "sprinkles_borderColor_modalTextDim_base__1rsrm2fid" }, modalTextSecondary: { conditions: { base: "sprinkles_borderColor_modalTextSecondary_base__1rsrm2fig", hover: "sprinkles_borderColor_modalTextSecondary_hover__1rsrm2fih", active: "sprinkles_borderColor_modalTextSecondary_active__1rsrm2fii" }, defaultClass: "sprinkles_borderColor_modalTextSecondary_base__1rsrm2fig" }, profileAction: { conditions: { base: "sprinkles_borderColor_profileAction_base__1rsrm2fij", hover: "sprinkles_borderColor_profileAction_hover__1rsrm2fik", active: "sprinkles_borderColor_profileAction_active__1rsrm2fil" }, defaultClass: "sprinkles_borderColor_profileAction_base__1rsrm2fij" }, profileActionHover: { conditions: { base: "sprinkles_borderColor_profileActionHover_base__1rsrm2fim", hover: "sprinkles_borderColor_profileActionHover_hover__1rsrm2fin", active: "sprinkles_borderColor_profileActionHover_active__1rsrm2fio" }, defaultClass: "sprinkles_borderColor_profileActionHover_base__1rsrm2fim" }, profileForeground: { conditions: { base: "sprinkles_borderColor_profileForeground_base__1rsrm2fip", hover: "sprinkles_borderColor_profileForeground_hover__1rsrm2fiq", active: "sprinkles_borderColor_profileForeground_active__1rsrm2fir" }, defaultClass: "sprinkles_borderColor_profileForeground_base__1rsrm2fip" }, selectedOptionBorder: { conditions: { base: "sprinkles_borderColor_selectedOptionBorder_base__1rsrm2fis", hover: "sprinkles_borderColor_selectedOptionBorder_hover__1rsrm2fit", active: "sprinkles_borderColor_selectedOptionBorder_active__1rsrm2fiu" }, defaultClass: "sprinkles_borderColor_selectedOptionBorder_base__1rsrm2fis" }, standby: { conditions: { base: "sprinkles_borderColor_standby_base__1rsrm2fiv", hover: "sprinkles_borderColor_standby_hover__1rsrm2fiw", active: "sprinkles_borderColor_standby_active__1rsrm2fix" }, defaultClass: "sprinkles_borderColor_standby_base__1rsrm2fiv" }, solidLine: { conditions: { base: "sprinkles_borderColor_solidLine_base__1rsrm2fiy", hover: "sprinkles_borderColor_solidLine_hover__1rsrm2fiz", active: "sprinkles_borderColor_solidLine_active__1rsrm2fj0" }, defaultClass: "sprinkles_borderColor_solidLine_base__1rsrm2fiy" }, leftTranslucentLine: { conditions: { base: "sprinkles_borderColor_leftTranslucentLine_base__1rsrm2fj1", hover: "sprinkles_borderColor_leftTranslucentLine_hover__1rsrm2fj2", active: "sprinkles_borderColor_leftTranslucentLine_active__1rsrm2fj3" }, defaultClass: "sprinkles_borderColor_leftTranslucentLine_base__1rsrm2fj1" }, rightTranslucentLine: { conditions: { base: "sprinkles_borderColor_rightTranslucentLine_base__1rsrm2fj4", hover: "sprinkles_borderColor_rightTranslucentLine_hover__1rsrm2fj5", active: "sprinkles_borderColor_rightTranslucentLine_active__1rsrm2fj6" }, defaultClass: "sprinkles_borderColor_rightTranslucentLine_base__1rsrm2fj4" }, loadingBase: { conditions: { base: "sprinkles_borderColor_loadingBase_base__1rsrm2fj7", hover: "sprinkles_borderColor_loadingBase_hover__1rsrm2fj8", active: "sprinkles_borderColor_loadingBase_active__1rsrm2fj9" }, defaultClass: "sprinkles_borderColor_loadingBase_base__1rsrm2fj7" }, loadingAccent: { conditions: { base: "sprinkles_borderColor_loadingAccent_base__1rsrm2fja", hover: "sprinkles_borderColor_loadingAccent_hover__1rsrm2fjb", active: "sprinkles_borderColor_loadingAccent_active__1rsrm2fjc" }, defaultClass: "sprinkles_borderColor_loadingAccent_base__1rsrm2fja" } } }, boxShadow: { values: { connectButton: { conditions: { base: "sprinkles_boxShadow_connectButton_base__1rsrm2fjd", hover: "sprinkles_boxShadow_connectButton_hover__1rsrm2fje", active: "sprinkles_boxShadow_connectButton_active__1rsrm2fjf" }, defaultClass: "sprinkles_boxShadow_connectButton_base__1rsrm2fjd" }, dialog: { conditions: { base: "sprinkles_boxShadow_dialog_base__1rsrm2fjg", hover: "sprinkles_boxShadow_dialog_hover__1rsrm2fjh", active: "sprinkles_boxShadow_dialog_active__1rsrm2fji" }, defaultClass: "sprinkles_boxShadow_dialog_base__1rsrm2fjg" }, profileDetailsAction: { conditions: { base: "sprinkles_boxShadow_profileDetailsAction_base__1rsrm2fjj", hover: "sprinkles_boxShadow_profileDetailsAction_hover__1rsrm2fjk", active: "sprinkles_boxShadow_profileDetailsAction_active__1rsrm2fjl" }, defaultClass: "sprinkles_boxShadow_profileDetailsAction_base__1rsrm2fjj" }, selectedOption: { conditions: { base: "sprinkles_boxShadow_selectedOption_base__1rsrm2fjm", hover: "sprinkles_boxShadow_selectedOption_hover__1rsrm2fjn", active: "sprinkles_boxShadow_selectedOption_active__1rsrm2fjo" }, defaultClass: "sprinkles_boxShadow_selectedOption_base__1rsrm2fjm" }, selectedWallet: { conditions: { base: "sprinkles_boxShadow_selectedWallet_base__1rsrm2fjp", hover: "sprinkles_boxShadow_selectedWallet_hover__1rsrm2fjq", active: "sprinkles_boxShadow_selectedWallet_active__1rsrm2fjr" }, defaultClass: "sprinkles_boxShadow_selectedWallet_base__1rsrm2fjp" }, walletLogo: { conditions: { base: "sprinkles_boxShadow_walletLogo_base__1rsrm2fjs", hover: "sprinkles_boxShadow_walletLogo_hover__1rsrm2fjt", active: "sprinkles_boxShadow_walletLogo_active__1rsrm2fju" }, defaultClass: "sprinkles_boxShadow_walletLogo_base__1rsrm2fjs" } } }, color: { values: { accentColor: { conditions: { base: "sprinkles_color_accentColor_base__1rsrm2fjv", hover: "sprinkles_color_accentColor_hover__1rsrm2fjw", active: "sprinkles_color_accentColor_active__1rsrm2fjx" }, defaultClass: "sprinkles_color_accentColor_base__1rsrm2fjv" }, accentColorForeground: { conditions: { base: "sprinkles_color_accentColorForeground_base__1rsrm2fjy", hover: "sprinkles_color_accentColorForeground_hover__1rsrm2fjz", active: "sprinkles_color_accentColorForeground_active__1rsrm2fk0" }, defaultClass: "sprinkles_color_accentColorForeground_base__1rsrm2fjy" }, actionButtonBorder: { conditions: { base: "sprinkles_color_actionButtonBorder_base__1rsrm2fk1", hover: "sprinkles_color_actionButtonBorder_hover__1rsrm2fk2", active: "sprinkles_color_actionButtonBorder_active__1rsrm2fk3" }, defaultClass: "sprinkles_color_actionButtonBorder_base__1rsrm2fk1" }, actionButtonBorderMobile: { conditions: { base: "sprinkles_color_actionButtonBorderMobile_base__1rsrm2fk4", hover: "sprinkles_color_actionButtonBorderMobile_hover__1rsrm2fk5", active: "sprinkles_color_actionButtonBorderMobile_active__1rsrm2fk6" }, defaultClass: "sprinkles_color_actionButtonBorderMobile_base__1rsrm2fk4" }, actionButtonSecondaryBackground: { conditions: { base: "sprinkles_color_actionButtonSecondaryBackground_base__1rsrm2fk7", hover: "sprinkles_color_actionButtonSecondaryBackground_hover__1rsrm2fk8", active: "sprinkles_color_actionButtonSecondaryBackground_active__1rsrm2fk9" }, defaultClass: "sprinkles_color_actionButtonSecondaryBackground_base__1rsrm2fk7" }, actionButtonDisabled: { conditions: { base: "sprinkles_color_actionButtonDisabled_base__1rsrm2fka", hover: "sprinkles_color_actionButtonDisabled_hover__1rsrm2fkb", active: "sprinkles_color_actionButtonDisabled_active__1rsrm2fkc" }, defaultClass: "sprinkles_color_actionButtonDisabled_base__1rsrm2fka" }, closeButton: { conditions: { base: "sprinkles_color_closeButton_base__1rsrm2fkd", hover: "sprinkles_color_closeButton_hover__1rsrm2fke", active: "sprinkles_color_closeButton_active__1rsrm2fkf" }, defaultClass: "sprinkles_color_closeButton_base__1rsrm2fkd" }, closeButtonBackground: { conditions: { base: "sprinkles_color_closeButtonBackground_base__1rsrm2fkg", hover: "sprinkles_color_closeButtonBackground_hover__1rsrm2fkh", active: "sprinkles_color_closeButtonBackground_active__1rsrm2fki" }, defaultClass: "sprinkles_color_closeButtonBackground_base__1rsrm2fkg" }, connectButtonBackground: { conditions: { base: "sprinkles_color_connectButtonBackground_base__1rsrm2fkj", hover: "sprinkles_color_connectButtonBackground_hover__1rsrm2fkk", active: "sprinkles_color_connectButtonBackground_active__1rsrm2fkl" }, defaultClass: "sprinkles_color_connectButtonBackground_base__1rsrm2fkj" }, connectButtonBackgroundError: { conditions: { base: "sprinkles_color_connectButtonBackgroundError_base__1rsrm2fkm", hover: "sprinkles_color_connectButtonBackgroundError_hover__1rsrm2fkn", active: "sprinkles_color_connectButtonBackgroundError_active__1rsrm2fko" }, defaultClass: "sprinkles_color_connectButtonBackgroundError_base__1rsrm2fkm" }, connectButtonInnerBackground: { conditions: { base: "sprinkles_color_connectButtonInnerBackground_base__1rsrm2fkp", hover: "sprinkles_color_connectButtonInnerBackground_hover__1rsrm2fkq", active: "sprinkles_color_connectButtonInnerBackground_active__1rsrm2fkr" }, defaultClass: "sprinkles_color_connectButtonInnerBackground_base__1rsrm2fkp" }, connectButtonText: { conditions: { base: "sprinkles_color_connectButtonText_base__1rsrm2fks", hover: "sprinkles_color_connectButtonText_hover__1rsrm2fkt", active: "sprinkles_color_connectButtonText_active__1rsrm2fku" }, defaultClass: "sprinkles_color_connectButtonText_base__1rsrm2fks" }, connectButtonTextError: { conditions: { base: "sprinkles_color_connectButtonTextError_base__1rsrm2fkv", hover: "sprinkles_color_connectButtonTextError_hover__1rsrm2fkw", active: "sprinkles_color_connectButtonTextError_active__1rsrm2fkx" }, defaultClass: "sprinkles_color_connectButtonTextError_base__1rsrm2fkv" }, connectionIndicator: { conditions: { base: "sprinkles_color_connectionIndicator_base__1rsrm2fky", hover: "sprinkles_color_connectionIndicator_hover__1rsrm2fkz", active: "sprinkles_color_connectionIndicator_active__1rsrm2fl0" }, defaultClass: "sprinkles_color_connectionIndicator_base__1rsrm2fky" }, downloadBottomCardBackground: { conditions: { base: "sprinkles_color_downloadBottomCardBackground_base__1rsrm2fl1", hover: "sprinkles_color_downloadBottomCardBackground_hover__1rsrm2fl2", active: "sprinkles_color_downloadBottomCardBackground_active__1rsrm2fl3" }, defaultClass: "sprinkles_color_downloadBottomCardBackground_base__1rsrm2fl1" }, downloadTopCardBackground: { conditions: { base: "sprinkles_color_downloadTopCardBackground_base__1rsrm2fl4", hover: "sprinkles_color_downloadTopCardBackground_hover__1rsrm2fl5", active: "sprinkles_color_downloadTopCardBackground_active__1rsrm2fl6" }, defaultClass: "sprinkles_color_downloadTopCardBackground_base__1rsrm2fl4" }, error: { conditions: { base: "sprinkles_color_error_base__1rsrm2fl7", hover: "sprinkles_color_error_hover__1rsrm2fl8", active: "sprinkles_color_error_active__1rsrm2fl9" }, defaultClass: "sprinkles_color_error_base__1rsrm2fl7" }, generalBorder: { conditions: { base: "sprinkles_color_generalBorder_base__1rsrm2fla", hover: "sprinkles_color_generalBorder_hover__1rsrm2flb", active: "sprinkles_color_generalBorder_active__1rsrm2flc" }, defaultClass: "sprinkles_color_generalBorder_base__1rsrm2fla" }, generalBorderDim: { conditions: { base: "sprinkles_color_generalBorderDim_base__1rsrm2fld", hover: "sprinkles_color_generalBorderDim_hover__1rsrm2fle", active: "sprinkles_color_generalBorderDim_active__1rsrm2flf" }, defaultClass: "sprinkles_color_generalBorderDim_base__1rsrm2fld" }, menuItemBackground: { conditions: { base: "sprinkles_color_menuItemBackground_base__1rsrm2flg", hover: "sprinkles_color_menuItemBackground_hover__1rsrm2flh", active: "sprinkles_color_menuItemBackground_active__1rsrm2fli" }, defaultClass: "sprinkles_color_menuItemBackground_base__1rsrm2flg" }, modalBackdrop: { conditions: { base: "sprinkles_color_modalBackdrop_base__1rsrm2flj", hover: "sprinkles_color_modalBackdrop_hover__1rsrm2flk", active: "sprinkles_color_modalBackdrop_active__1rsrm2fll" }, defaultClass: "sprinkles_color_modalBackdrop_base__1rsrm2flj" }, modalBackground: { conditions: { base: "sprinkles_color_modalBackground_base__1rsrm2flm", hover: "sprinkles_color_modalBackground_hover__1rsrm2fln", active: "sprinkles_color_modalBackground_active__1rsrm2flo" }, defaultClass: "sprinkles_color_modalBackground_base__1rsrm2flm" }, modalBorder: { conditions: { base: "sprinkles_color_modalBorder_base__1rsrm2flp", hover: "sprinkles_color_modalBorder_hover__1rsrm2flq", active: "sprinkles_color_modalBorder_active__1rsrm2flr" }, defaultClass: "sprinkles_color_modalBorder_base__1rsrm2flp" }, modalText: { conditions: { base: "sprinkles_color_modalText_base__1rsrm2fls", hover: "sprinkles_color_modalText_hover__1rsrm2flt", active: "sprinkles_color_modalText_active__1rsrm2flu" }, defaultClass: "sprinkles_color_modalText_base__1rsrm2fls" }, modalTextDim: { conditions: { base: "sprinkles_color_modalTextDim_base__1rsrm2flv", hover: "sprinkles_color_modalTextDim_hover__1rsrm2flw", active: "sprinkles_color_modalTextDim_active__1rsrm2flx" }, defaultClass: "sprinkles_color_modalTextDim_base__1rsrm2flv" }, modalTextSecondary: { conditions: { base: "sprinkles_color_modalTextSecondary_base__1rsrm2fly", hover: "sprinkles_color_modalTextSecondary_hover__1rsrm2flz", active: "sprinkles_color_modalTextSecondary_active__1rsrm2fm0" }, defaultClass: "sprinkles_color_modalTextSecondary_base__1rsrm2fly" }, profileAction: { conditions: { base: "sprinkles_color_profileAction_base__1rsrm2fm1", hover: "sprinkles_color_profileAction_hover__1rsrm2fm2", active: "sprinkles_color_profileAction_active__1rsrm2fm3" }, defaultClass: "sprinkles_color_profileAction_base__1rsrm2fm1" }, profileActionHover: { conditions: { base: "sprinkles_color_profileActionHover_base__1rsrm2fm4", hover: "sprinkles_color_profileActionHover_hover__1rsrm2fm5", active: "sprinkles_color_profileActionHover_active__1rsrm2fm6" }, defaultClass: "sprinkles_color_profileActionHover_base__1rsrm2fm4" }, profileForeground: { conditions: { base: "sprinkles_color_profileForeground_base__1rsrm2fm7", hover: "sprinkles_color_profileForeground_hover__1rsrm2fm8", active: "sprinkles_color_profileForeground_active__1rsrm2fm9" }, defaultClass: "sprinkles_color_profileForeground_base__1rsrm2fm7" }, selectedOptionBorder: { conditions: { base: "sprinkles_color_selectedOptionBorder_base__1rsrm2fma", hover: "sprinkles_color_selectedOptionBorder_hover__1rsrm2fmb", active: "sprinkles_color_selectedOptionBorder_active__1rsrm2fmc" }, defaultClass: "sprinkles_color_selectedOptionBorder_base__1rsrm2fma" }, standby: { conditions: { base: "sprinkles_color_standby_base__1rsrm2fmd", hover: "sprinkles_color_standby_hover__1rsrm2fme", active: "sprinkles_color_standby_active__1rsrm2fmf" }, defaultClass: "sprinkles_color_standby_base__1rsrm2fmd" }, solidLine: { conditions: { base: "sprinkles_color_solidLine_base__1rsrm2fmg", hover: "sprinkles_color_solidLine_hover__1rsrm2fmh", active: "sprinkles_color_solidLine_active__1rsrm2fmi" }, defaultClass: "sprinkles_color_solidLine_base__1rsrm2fmg" }, leftTranslucentLine: { conditions: { base: "sprinkles_color_leftTranslucentLine_base__1rsrm2fmj", hover: "sprinkles_color_leftTranslucentLine_hover__1rsrm2fmk", active: "sprinkles_color_leftTranslucentLine_active__1rsrm2fml" }, defaultClass: "sprinkles_color_leftTranslucentLine_base__1rsrm2fmj" }, rightTranslucentLine: { conditions: { base: "sprinkles_color_rightTranslucentLine_base__1rsrm2fmm", hover: "sprinkles_color_rightTranslucentLine_hover__1rsrm2fmn", active: "sprinkles_color_rightTranslucentLine_active__1rsrm2fmo" }, defaultClass: "sprinkles_color_rightTranslucentLine_base__1rsrm2fmm" }, loadingBase: { conditions: { base: "sprinkles_color_loadingBase_base__1rsrm2fmp", hover: "sprinkles_color_loadingBase_hover__1rsrm2fmq", active: "sprinkles_color_loadingBase_active__1rsrm2fmr" }, defaultClass: "sprinkles_color_loadingBase_base__1rsrm2fmp" }, loadingAccent: { conditions: { base: "sprinkles_color_loadingAccent_base__1rsrm2fms", hover: "sprinkles_color_loadingAccent_hover__1rsrm2fmt", active: "sprinkles_color_loadingAccent_active__1rsrm2fmu" }, defaultClass: "sprinkles_color_loadingAccent_base__1rsrm2fms" } } } } }, { conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 }, styles: { alignItems: { values: { "flex-start": { conditions: { smallScreen: "sprinkles_alignItems_flex-start_smallScreen__1rsrm2f0", largeScreen: "sprinkles_alignItems_flex-start_largeScreen__1rsrm2f1" }, defaultClass: "sprinkles_alignItems_flex-start_smallScreen__1rsrm2f0" }, "flex-end": { conditions: { smallScreen: "sprinkles_alignItems_flex-end_smallScreen__1rsrm2f2", largeScreen: "sprinkles_alignItems_flex-end_largeScreen__1rsrm2f3" }, defaultClass: "sprinkles_alignItems_flex-end_smallScreen__1rsrm2f2" }, center: { conditions: { smallScreen: "sprinkles_alignItems_center_smallScreen__1rsrm2f4", largeScreen: "sprinkles_alignItems_center_largeScreen__1rsrm2f5" }, defaultClass: "sprinkles_alignItems_center_smallScreen__1rsrm2f4" } } }, display: { values: { none: { conditions: { smallScreen: "sprinkles_display_none_smallScreen__1rsrm2f6", largeScreen: "sprinkles_display_none_largeScreen__1rsrm2f7" }, defaultClass: "sprinkles_display_none_smallScreen__1rsrm2f6" }, block: { conditions: { smallScreen: "sprinkles_display_block_smallScreen__1rsrm2f8", largeScreen: "sprinkles_display_block_largeScreen__1rsrm2f9" }, defaultClass: "sprinkles_display_block_smallScreen__1rsrm2f8" }, flex: { conditions: { smallScreen: "sprinkles_display_flex_smallScreen__1rsrm2fa", largeScreen: "sprinkles_display_flex_largeScreen__1rsrm2fb" }, defaultClass: "sprinkles_display_flex_smallScreen__1rsrm2fa" }, inline: { conditions: { smallScreen: "sprinkles_display_inline_smallScreen__1rsrm2fc", largeScreen: "sprinkles_display_inline_largeScreen__1rsrm2fd" }, defaultClass: "sprinkles_display_inline_smallScreen__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: "sprinkles_alignSelf_flex-start__1rsrm2fe" }, "flex-end": { defaultClass: "sprinkles_alignSelf_flex-end__1rsrm2ff" }, center: { defaultClass: "sprinkles_alignSelf_center__1rsrm2fg" } } }, backgroundSize: { values: { cover: { defaultClass: "sprinkles_backgroundSize_cover__1rsrm2fh" } } }, borderRadius: { values: { "1": { defaultClass: "sprinkles_borderRadius_1__1rsrm2fi" }, "6": { defaultClass: "sprinkles_borderRadius_6__1rsrm2fj" }, "10": { defaultClass: "sprinkles_borderRadius_10__1rsrm2fk" }, "13": { defaultClass: "sprinkles_borderRadius_13__1rsrm2fl" }, "16": { defaultClass: "sprinkles_borderRadius_16__1rsrm2fm" }, "24": { defaultClass: "sprinkles_borderRadius_24__1rsrm2fn" }, actionButton: { defaultClass: "sprinkles_borderRadius_actionButton__1rsrm2fo" }, connectButton: { defaultClass: "sprinkles_borderRadius_connectButton__1rsrm2fp" }, menuButton: { defaultClass: "sprinkles_borderRadius_menuButton__1rsrm2fq" }, modal: { defaultClass: "sprinkles_borderRadius_modal__1rsrm2fr" }, modalMobile: { defaultClass: "sprinkles_borderRadius_modalMobile__1rsrm2fs" }, "25%": { defaultClass: "sprinkles_borderRadius_25%__1rsrm2ft" }, full: { defaultClass: "sprinkles_borderRadius_full__1rsrm2fu" } } }, borderStyle: { values: { solid: { defaultClass: "sprinkles_borderStyle_solid__1rsrm2fv" }, dotted: { defaultClass: "sprinkles_borderStyle_dotted__1rsrm2fw" }, hidden: { defaultClass: "sprinkles_borderStyle_hidden__1rsrm2fx" } } }, borderWidth: { values: { "0": { defaultClass: "sprinkles_borderWidth_0__1rsrm2fy" }, "1": { defaultClass: "sprinkles_borderWidth_1__1rsrm2fz" }, "2": { defaultClass: "sprinkles_borderWidth_2__1rsrm2f10" }, "4": { defaultClass: "sprinkles_borderWidth_4__1rsrm2f11" } } }, cursor: { values: { pointer: { defaultClass: "sprinkles_cursor_pointer__1rsrm2f12" } } }, flexDirection: { values: { row: { defaultClass: "sprinkles_flexDirection_row__1rsrm2f13" }, column: { defaultClass: "sprinkles_flexDirection_column__1rsrm2f14" } } }, fontFamily: { values: { body: { defaultClass: "sprinkles_fontFamily_body__1rsrm2f15" } } }, fontSize: { values: { "10": { defaultClass: "sprinkles_fontSize_10__1rsrm2f16" }, "12": { defaultClass: "sprinkles_fontSize_12__1rsrm2f17" }, "13": { defaultClass: "sprinkles_fontSize_13__1rsrm2f18" }, "14": { defaultClass: "sprinkles_fontSize_14__1rsrm2f19" }, "16": { defaultClass: "sprinkles_fontSize_16__1rsrm2f1a" }, "18": { defaultClass: "sprinkles_fontSize_18__1rsrm2f1b" }, "20": { defaultClass: "sprinkles_fontSize_20__1rsrm2f1c" }, "23": { defaultClass: "sprinkles_fontSize_23__1rsrm2f1d" }, "57": { defaultClass: "sprinkles_fontSize_57__1rsrm2f1e" } } }, fontWeight: { values: { regular: { defaultClass: "sprinkles_fontWeight_regular__1rsrm2f1f" }, medium: { defaultClass: "sprinkles_fontWeight_medium__1rsrm2f1g" }, semibold: { defaultClass: "sprinkles_fontWeight_semibold__1rsrm2f1h" }, bold: { defaultClass: "sprinkles_fontWeight_bold__1rsrm2f1i" }, heavy: { defaultClass: "sprinkles_fontWeight_heavy__1rsrm2f1j" } } }, gap: { values: { "0": { defaultClass: "sprinkles_gap_0__1rsrm2f1k" }, "1": { defaultClass: "sprinkles_gap_1__1rsrm2f1l" }, "2": { defaultClass: "sprinkles_gap_2__1rsrm2f1m" }, "3": { defaultClass: "sprinkles_gap_3__1rsrm2f1n" }, "4": { defaultClass: "sprinkles_gap_4__1rsrm2f1o" }, "5": { defaultClass: "sprinkles_gap_5__1rsrm2f1p" }, "6": { defaultClass: "sprinkles_gap_6__1rsrm2f1q" }, "8": { defaultClass: "sprinkles_gap_8__1rsrm2f1r" }, "10": { defaultClass: "sprinkles_gap_10__1rsrm2f1s" }, "12": { defaultClass: "sprinkles_gap_12__1rsrm2f1t" }, "14": { defaultClass: "sprinkles_gap_14__1rsrm2f1u" }, "16": { defaultClass: "sprinkles_gap_16__1rsrm2f1v" }, "18": { defaultClass: "sprinkles_gap_18__1rsrm2f1w" }, "20": { defaultClass: "sprinkles_gap_20__1rsrm2f1x" }, "24": { defaultClass: "sprinkles_gap_24__1rsrm2f1y" }, "28": { defaultClass: "sprinkles_gap_28__1rsrm2f1z" }, "30": { defaultClass: "sprinkles_gap_30__1rsrm2f20" }, "32": { defaultClass: "sprinkles_gap_32__1rsrm2f21" }, "36": { defaultClass: "sprinkles_gap_36__1rsrm2f22" }, "44": { defaultClass: "sprinkles_gap_44__1rsrm2f23" }, "64": { defaultClass: "sprinkles_gap_64__1rsrm2f24" }, "-1": { defaultClass: "sprinkles_gap_-1__1rsrm2f25" } } }, height: { values: { "1": { defaultClass: "sprinkles_height_1__1rsrm2f26" }, "2": { defaultClass: "sprinkles_height_2__1rsrm2f27" }, "4": { defaultClass: "sprinkles_height_4__1rsrm2f28" }, "8": { defaultClass: "sprinkles_height_8__1rsrm2f29" }, "12": { defaultClass: "sprinkles_height_12__1rsrm2f2a" }, "20": { defaultClass: "sprinkles_height_20__1rsrm2f2b" }, "24": { defaultClass: "sprinkles_height_24__1rsrm2f2c" }, "28": { defaultClass: "sprinkles_height_28__1rsrm2f2d" }, "30": { defaultClass: "sprinkles_height_30__1rsrm2f2e" }, "32": { defaultClass: "sprinkles_height_32__1rsrm2f2f" }, "34": { defaultClass: "sprinkles_height_34__1rsrm2f2g" }, "36": { defaultClass: "sprinkles_height_36__1rsrm2f2h" }, "40": { defaultClass: "sprinkles_height_40__1rsrm2f2i" }, "44": { defaultClass: "sprinkles_height_44__1rsrm2f2j" }, "48": { defaultClass: "sprinkles_height_48__1rsrm2f2k" }, "54": { defaultClass: "sprinkles_height_54__1rsrm2f2l" }, "60": { defaultClass: "sprinkles_height_60__1rsrm2f2m" }, "93": { defaultClass: "sprinkles_height_93__1rsrm2f2n" }, "100": { defaultClass: "sprinkles_height_100__1rsrm2f2o" }, "108": { defaultClass: "sprinkles_height_108__1rsrm2f2p" }, "162": { defaultClass: "sprinkles_height_162__1rsrm2f2q" }, "192": { defaultClass: "sprinkles_height_192__1rsrm2f2r" }, "200": { defaultClass: "sprinkles_height_200__1rsrm2f2s" }, "210": { defaultClass: "sprinkles_height_210__1rsrm2f2t" }, "220": { defaultClass: "sprinkles_height_220__1rsrm2f2u" }, "230": { defaultClass: "sprinkles_height_230__1rsrm2f2v" }, "240": { defaultClass: "sprinkles_height_240__1rsrm2f2w" }, "256": { defaultClass: "sprinkles_height_256__1rsrm2f2x" }, "320": { defaultClass: "sprinkles_height_320__1rsrm2f2y" }, "400": { defaultClass: "sprinkles_height_400__1rsrm2f2z" }, "440": { defaultClass: "sprinkles_height_440__1rsrm2f30" }, "600": { defaultClass: "sprinkles_height_600__1rsrm2f31" }, half: { defaultClass: "sprinkles_height_half__1rsrm2f32" }, full: { defaultClass: "sprinkles_height_full__1rsrm2f33" }, max: { defaultClass: "sprinkles_height_max__1rsrm2f34" } } }, justifyContent: { values: { "flex-start": { defaultClass: "sprinkles_justifyContent_flex-start__1rsrm2f35" }, "flex-end": { defaultClass: "sprinkles_justifyContent_flex-end__1rsrm2f36" }, center: { defaultClass: "sprinkles_justifyContent_center__1rsrm2f37" }, "space-between": { defaultClass: "sprinkles_justifyContent_space-between__1rsrm2f38" }, "space-around": { defaultClass: "sprinkles_justifyContent_space-around__1rsrm2f39" } } }, textAlign: { values: { left: { defaultClass: "sprinkles_textAlign_left__1rsrm2f3a" }, center: { defaultClass: "sprinkles_textAlign_center__1rsrm2f3b" }, inherit: { defaultClass: "sprinkles_textAlign_inherit__1rsrm2f3c" } } }, marginBottom: { values: { "0": { defaultClass: "sprinkles_marginBottom_0__1rsrm2f3d" }, "1": { defaultClass: "sprinkles_marginBottom_1__1rsrm2f3e" }, "2": { defaultClass: "sprinkles_marginBottom_2__1rsrm2f3f" }, "3": { defaultClass: "sprinkles_marginBottom_3__1rsrm2f3g" }, "4": { defaultClass: "sprinkles_marginBottom_4__1rsrm2f3h" }, "5": { defaultClass: "sprinkles_marginBottom_5__1rsrm2f3i" }, "6": { defaultClass: "sprinkles_marginBottom_6__1rsrm2f3j" }, "8": { defaultClass: "sprinkles_marginBottom_8__1rsrm2f3k" }, "10": { defaultClass: "sprinkles_marginBottom_10__1rsrm2f3l" }, "12": { defaultClass: "sprinkles_marginBottom_12__1rsrm2f3m" }, "14": { defaultClass: "sprinkles_marginBottom_14__1rsrm2f3n" }, "16": { defaultClass: "sprinkles_marginBottom_16__1rsrm2f3o" }, "18": { defaultClass: "sprinkles_marginBottom_18__1rsrm2f3p" }, "20": { defaultClass: "sprinkles_marginBottom_20__1rsrm2f3q" }, "24": { defaultClass: "sprinkles_marginBottom_24__1rsrm2f3r" }, "28": { defaultClass: "sprinkles_marginBottom_28__1rsrm2f3s" }, "30": { defaultClass: "sprinkles_marginBottom_30__1rsrm2f3t" }, "32": { defaultClass: "sprinkles_marginBottom_32__1rsrm2f3u" }, "36": { defaultClass: "sprinkles_marginBottom_36__1rsrm2f3v" }, "44": { defaultClass: "sprinkles_marginBottom_44__1rsrm2f3w" }, "64": { defaultClass: "sprinkles_marginBottom_64__1rsrm2f3x" }, "-1": { defaultClass: "sprinkles_marginBottom_-1__1rsrm2f3y" } } }, marginLeft: { values: { "0": { defaultClass: "sprinkles_marginLeft_0__1rsrm2f3z" }, "1": { defaultClass: "sprinkles_marginLeft_1__1rsrm2f40" }, "2": { defaultClass: "sprinkles_marginLeft_2__1rsrm2f41" }, "3": { defaultClass: "sprinkles_marginLeft_3__1rsrm2f42" }, "4": { defaultClass: "sprinkles_marginLeft_4__1rsrm2f43" }, "5": { defaultClass: "sprinkles_marginLeft_5__1rsrm2f44" }, "6": { defaultClass: "sprinkles_marginLeft_6__1rsrm2f45" }, "8": { defaultClass: "sprinkles_marginLeft_8__1rsrm2f46" }, "10": { defaultClass: "sprinkles_marginLeft_10__1rsrm2f47" }, "12": { defaultClass: "sprinkles_marginLeft_12__1rsrm2f48" }, "14": { defaultClass: "sprinkles_marginLeft_14__1rsrm2f49" }, "16": { defaultClass: "sprinkles_marginLeft_16__1rsrm2f4a" }, "18": { defaultClass: "sprinkles_marginLeft_18__1rsrm2f4b" }, "20": { defaultClass: "sprinkles_marginLeft_20__1rsrm2f4c" }, "24": { defaultClass: "sprinkles_marginLeft_24__1rsrm2f4d" }, "28": { defaultClass: "sprinkles_marginLeft_28__1rsrm2f4e" }, "30": { defaultClass: "sprinkles_marginLeft_30__1rsrm2f4f" }, "32": { defaultClass: "sprinkles_marginLeft_32__1rsrm2f4g" }, "36": { defaultClass: "sprinkles_marginLeft_36__1rsrm2f4h" }, "44": { defaultClass: "sprinkles_marginLeft_44__1rsrm2f4i" }, "64": { defaultClass: "sprinkles_marginLeft_64__1rsrm2f4j" }, "-1": { defaultClass: "sprinkles_marginLeft_-1__1rsrm2f4k" } } }, marginRight: { values: { "0": { defaultClass: "sprinkles_marginRight_0__1rsrm2f4l" }, "1": { defaultClass: "sprinkles_marginRight_1__1rsrm2f4m" }, "2": { defaultClass: "sprinkles_marginRight_2__1rsrm2f4n" }, "3": { defaultClass: "sprinkles_marginRight_3__1rsrm2f4o" }, "4": { defaultClass: "sprinkles_marginRight_4__1rsrm2f4p" }, "5": { defaultClass: "sprinkles_marginRight_5__1rsrm2f4q" }, "6": { defaultClass: "sprinkles_marginRight_6__1rsrm2f4r" }, "8": { defaultClass: "sprinkles_marginRight_8__1rsrm2f4s" }, "10": { defaultClass: "sprinkles_marginRight_10__1rsrm2f4t" }, "12": { defaultClass: "sprinkles_marginRight_12__1rsrm2f4u" }, "14": { defaultClass: "sprinkles_marginRight_14__1rsrm2f4v" }, "16": { defaultClass: "sprinkles_marginRight_16__1rsrm2f4w" }, "18": { defaultClass: "sprinkles_marginRight_18__1rsrm2f4x" }, "20": { defaultClass: "sprinkles_marginRight_20__1rsrm2f4y" }, "24": { defaultClass: "sprinkles_marginRight_24__1rsrm2f4z" }, "28": { defaultClass: "sprinkles_marginRight_28__1rsrm2f50" }, "30": { defaultClass: "sprinkles_marginRight_30__1rsrm2f51" }, "32": { defaultClass: "sprinkles_marginRight_32__1rsrm2f52" }, "36": { defaultClass: "sprinkles_marginRight_36__1rsrm2f53" }, "44": { defaultClass: "sprinkles_marginRight_44__1rsrm2f54" }, "64": { defaultClass: "sprinkles_marginRight_64__1rsrm2f55" }, "-1": { defaultClass: "sprinkles_marginRight_-1__1rsrm2f56" } } }, marginTop: { values: { "0": { defaultClass: "sprinkles_marginTop_0__1rsrm2f57" }, "1": { defaultClass: "sprinkles_marginTop_1__1rsrm2f58" }, "2": { defaultClass: "sprinkles_marginTop_2__1rsrm2f59" }, "3": { defaultClass: "sprinkles_marginTop_3__1rsrm2f5a" }, "4": { defaultClass: "sprinkles_marginTop_4__1rsrm2f5b" }, "5": { defaultClass: "sprinkles_marginTop_5__1rsrm2f5c" }, "6": { defaultClass: "sprinkles_marginTop_6__1rsrm2f5d" }, "8": { defaultClass: "sprinkles_marginTop_8__1rsrm2f5e" }, "10": { defaultClass: "sprinkles_marginTop_10__1rsrm2f5f" }, "12": { defaultClass: "sprinkles_marginTop_12__1rsrm2f5g" }, "14": { defaultClass: "sprinkles_marginTop_14__1rsrm2f5h" }, "16": { defaultClass: "sprinkles_marginTop_16__1rsrm2f5i" }, "18": { defaultClass: "sprinkles_marginTop_18__1rsrm2f5j" }, "20": { defaultClass: "sprinkles_marginTop_20__1rsrm2f5k" }, "24": { defaultClass: "sprinkles_marginTop_24__1rsrm2f5l" }, "28": { defaultClass: "sprinkles_marginTop_28__1rsrm2f5m" }, "30": { defaultClass: "sprinkles_marginTop_30__1rsrm2f5n" }, "32": { defaultClass: "sprinkles_marginTop_32__1rsrm2f5o" }, "36": { defaultClass: "sprinkles_marginTop_36__1rsrm2f5p" }, "44": { defaultClass: "sprinkles_marginTop_44__1rsrm2f5q" }, "64": { defaultClass: "sprinkles_marginTop_64__1rsrm2f5r" }, "-1": { defaultClass: "sprinkles_marginTop_-1__1rsrm2f5s" } } }, minHeight: { values: { "1": { defaultClass: "sprinkles_minHeight_1__1rsrm2f5t" }, "2": { defaultClass: "sprinkles_minHeight_2__1rsrm2f5u" }, "4": { defaultClass: "sprinkles_minHeight_4__1rsrm2f5v" }, "8": { defaultClass: "sprinkles_minHeight_8__1rsrm2f5w" }, "12": { defaultClass: "sprinkles_minHeight_12__1rsrm2f5x" }, "20": { defaultClass: "sprinkles_minHeight_20__1rsrm2f5y" }, "24": { defaultClass: "sprinkles_minHeight_24__1rsrm2f5z" }, "28": { defaultClass: "sprinkles_minHeight_28__1rsrm2f60" }, "30": { defaultClass: "sprinkles_minHeight_30__1rsrm2f61" }, "32": { defaultClass: "sprinkles_minHeight_32__1rsrm2f62" }, "34": { defaultClass: "sprinkles_minHeight_34__1rsrm2f63" }, "36": { defaultClass: "sprinkles_minHeight_36__1rsrm2f64" }, "40": { defaultClass: "sprinkles_minHeight_40__1rsrm2f65" }, "44": { defaultClass: "sprinkles_minHeight_44__1rsrm2f66" }, "48": { defaultClass: "sprinkles_minHeight_48__1rsrm2f67" }, "54": { defaultClass: "sprinkles_minHeight_54__1rsrm2f68" }, "60": { defaultClass: "sprinkles_minHeight_60__1rsrm2f69" }, "93": { defaultClass: "sprinkles_minHeight_93__1rsrm2f6a" }, "100": { defaultClass: "sprinkles_minHeight_100__1rsrm2f6b" }, "108": { defaultClass: "sprinkles_minHeight_108__1rsrm2f6c" }, "162": { defaultClass: "sprinkles_minHeight_162__1rsrm2f6d" }, "192": { defaultClass: "sprinkles_minHeight_192__1rsrm2f6e" }, "200": { defaultClass: "sprinkles_minHeight_200__1rsrm2f6f" }, "210": { defaultClass: "sprinkles_minHeight_210__1rsrm2f6g" }, "220": { defaultClass: "sprinkles_minHeight_220__1rsrm2f6h" }, "230": { defaultClass: "sprinkles_minHeight_230__1rsrm2f6i" }, "240": { defaultClass: "sprinkles_minHeight_240__1rsrm2f6j" }, "256": { defaultClass: "sprinkles_minHeight_256__1rsrm2f6k" }, "320": { defaultClass: "sprinkles_minHeight_320__1rsrm2f6l" }, "400": { defaultClass: "sprinkles_minHeight_400__1rsrm2f6m" }, "440": { defaultClass: "sprinkles_minHeight_440__1rsrm2f6n" }, "600": { defaultClass: "sprinkles_minHeight_600__1rsrm2f6o" }, half: { defaultClass: "sprinkles_minHeight_half__1rsrm2f6p" }, full: { defaultClass: "sprinkles_minHeight_full__1rsrm2f6q" }, max: { defaultClass: "sprinkles_minHeight_max__1rsrm2f6r" } } }, maxHeight: { values: { "1": { defaultClass: "sprinkles_maxHeight_1__1rsrm2f6s" }, "2": { defaultClass: "sprinkles_maxHeight_2__1rsrm2f6t" }, "4": { defaultClass: "sprinkles_maxHeight_4__1rsrm2f6u" }, "8": { defaultClass: "sprinkles_maxHeight_8__1rsrm2f6v" }, "12": { defaultClass: "sprinkles_maxHeight_12__1rsrm2f6w" }, "20": { defaultClass: "sprinkles_maxHeight_20__1rsrm2f6x" }, "24": { defaultClass: "sprinkles_maxHeight_24__1rsrm2f6y" }, "28": { defaultClass: "sprinkles_maxHeight_28__1rsrm2f6z" }, "30": { defaultClass: "sprinkles_maxHeight_30__1rsrm2f70" }, "32": { defaultClass: "sprinkles_maxHeight_32__1rsrm2f71" }, "34": { defaultClass: "sprinkles_maxHeight_34__1rsrm2f72" }, "36": { defaultClass: "sprinkles_maxHeight_36__1rsrm2f73" }, "40": { defaultClass: "sprinkles_maxHeight_40__1rsrm2f74" }, "44": { defaultClass: "sprinkles_maxHeight_44__1rsrm2f75" }, "48": { defaultClass: "sprinkles_maxHeight_48__1rsrm2f76" }, "54": { defaultClass: "sprinkles_maxHeight_54__1rsrm2f77" }, "60": { defaultClass: "sprinkles_maxHeight_60__1rsrm2f78" }, "93": { defaultClass: "sprinkles_maxHeight_93__1rsrm2f79" }, "100": { defaultClass: "sprinkles_maxHeight_100__1rsrm2f7a" }, "108": { defaultClass: "sprinkles_maxHeight_108__1rsrm2f7b" }, "162": { defaultClass: "sprinkles_maxHeight_162__1rsrm2f7c" }, "192": { defaultClass: "sprinkles_maxHeight_192__1rsrm2f7d" }, "200": { defaultClass: "sprinkles_maxHeight_200__1rsrm2f7e" }, "210": { defaultClass: "sprinkles_maxHeight_210__1rsrm2f7f" }, "220": { defaultClass: "sprinkles_maxHeight_220__1rsrm2f7g" }, "230": { defaultClass: "sprinkles_maxHeight_230__1rsrm2f7h" }, "240": { defaultClass: "sprinkles_maxHeight_240__1rsrm2f7i" }, "256": { defaultClass: "sprinkles_maxHeight_256__1rsrm2f7j" }, "320": { defaultClass: "sprinkles_maxHeight_320__1rsrm2f7k" }, "400": { defaultClass: "sprinkles_maxHeight_400__1rsrm2f7l" }, "440": { defaultClass: "sprinkles_maxHeight_440__1rsrm2f7m" }, "600": { defaultClass: "sprinkles_maxHeight_600__1rsrm2f7n" }, half: { defaultClass: "sprinkles_maxHeight_half__1rsrm2f7o" }, full: { defaultClass: "sprinkles_maxHeight_full__1rsrm2f7p" }, max: { defaultClass: "sprinkles_maxHeight_max__1rsrm2f7q" } } }, maxWidth: { values: { "1": { defaultClass: "sprinkles_maxWidth_1__1rsrm2f7r" }, "2": { defaultClass: "sprinkles_maxWidth_2__1rsrm2f7s" }, "4": { defaultClass: "sprinkles_maxWidth_4__1rsrm2f7t" }, "8": { defaultClass: "sprinkles_maxWidth_8__1rsrm2f7u" }, "12": { defaultClass: "sprinkles_maxWidth_12__1rsrm2f7v" }, "20": { defaultClass: "sprinkles_maxWidth_20__1rsrm2f7w" }, "24": { defaultClass: "sprinkles_maxWidth_24__1rsrm2f7x" }, "28": { defaultClass: "sprinkles_maxWidth_28__1rsrm2f7y" }, "30": { defaultClass: "sprinkles_maxWidth_30__1rsrm2f7z" }, "32": { defaultClass: "sprinkles_maxWidth_32__1rsrm2f80" }, "34": { defaultClass: "sprinkles_maxWidth_34__1rsrm2f81" }, "36": { defaultClass: "sprinkles_maxWidth_36__1rsrm2f82" }, "40": { defaultClass: "sprinkles_maxWidth_40__1rsrm2f83" }, "44": { defaultClass: "sprinkles_maxWidth_44__1rsrm2f84" }, "48": { defaultClass: "sprinkles_maxWidth_48__1rsrm2f85" }, "54": { defaultClass: "sprinkles_maxWidth_54__1rsrm2f86" }, "60": { defaultClass: "sprinkles_maxWidth_60__1rsrm2f87" }, "93": { defaultClass: "sprinkles_maxWidth_93__1rsrm2f88" }, "100": { defaultClass: "sprinkles_maxWidth_100__1rsrm2f89" }, "108": { defaultClass: "sprinkles_maxWidth_108__1rsrm2f8a" }, "162": { defaultClass: "sprinkles_maxWidth_162__1rsrm2f8b" }, "192": { defaultClass: "sprinkles_maxWidth_192__1rsrm2f8c" }, "200": { defaultClass: "sprinkles_maxWidth_200__1rsrm2f8d" }, "210": { defaultClass: "sprinkles_maxWidth_210__1rsrm2f8e" }, "220": { defaultClass: "sprinkles_maxWidth_220__1rsrm2f8f" }, "230": { defaultClass: "sprinkles_maxWidth_230__1rsrm2f8g" }, "240": { defaultClass: "sprinkles_maxWidth_240__1rsrm2f8h" }, "256": { defaultClass: "sprinkles_maxWidth_256__1rsrm2f8i" }, "320": { defaultClass: "sprinkles_maxWidth_320__1rsrm2f8j" }, "400": { defaultClass: "sprinkles_maxWidth_400__1rsrm2f8k" }, "440": { defaultClass: "sprinkles_maxWidth_440__1rsrm2f8l" }, "600": { defaultClass: "sprinkles_maxWidth_600__1rsrm2f8m" }, half: { defaultClass: "sprinkles_maxWidth_half__1rsrm2f8n" }, full: { defaultClass: "sprinkles_maxWidth_full__1rsrm2f8o" }, max: { defaultClass: "sprinkles_maxWidth_max__1rsrm2f8p" } } }, minWidth: { values: { "1": { defaultClass: "sprinkles_minWidth_1__1rsrm2f8q" }, "2": { defaultClass: "sprinkles_minWidth_2__1rsrm2f8r" }, "4": { defaultClass: "sprinkles_minWidth_4__1rsrm2f8s" }, "8": { defaultClass: "sprinkles_minWidth_8__1rsrm2f8t" }, "12": { defaultClass: "sprinkles_minWidth_12__1rsrm2f8u" }, "20": { defaultClass: "sprinkles_minWidth_20__1rsrm2f8v" }, "24": { defaultClass: "sprinkles_minWidth_24__1rsrm2f8w" }, "28": { defaultClass: "sprinkles_minWidth_28__1rsrm2f8x" }, "30": { defaultClass: "sprinkles_minWidth_30__1rsrm2f8y" }, "32": { defaultClass: "sprinkles_minWidth_32__1rsrm2f8z" }, "34": { defaultClass: "sprinkles_minWidth_34__1rsrm2f90" }, "36": { defaultClass: "sprinkles_minWidth_36__1rsrm2f91" }, "40": { defaultClass: "sprinkles_minWidth_40__1rsrm2f92" }, "44": { defaultClass: "sprinkles_minWidth_44__1rsrm2f93" }, "48": { defaultClass: "sprinkles_minWidth_48__1rsrm2f94" }, "54": { defaultClass: "sprinkles_minWidth_54__1rsrm2f95" }, "60": { defaultClass: "sprinkles_minWidth_60__1rsrm2f96" }, "93": { defaultClass: "sprinkles_minWidth_93__1rsrm2f97" }, "100": { defaultClass: "sprinkles_minWidth_100__1rsrm2f98" }, "108": { defaultClass: "sprinkles_minWidth_108__1rsrm2f99" }, "162": { defaultClass: "sprinkles_minWidth_162__1rsrm2f9a" }, "192": { defaultClass: "sprinkles_minWidth_192__1rsrm2f9b" }, "200": { defaultClass: "sprinkles_minWidth_200__1rsrm2f9c" }, "210": { defaultClass: "sprinkles_minWidth_210__1rsrm2f9d" }, "220": { defaultClass: "sprinkles_minWidth_220__1rsrm2f9e" }, "230": { defaultClass: "sprinkles_minWidth_230__1rsrm2f9f" }, "240": { defaultClass: "sprinkles_minWidth_240__1rsrm2f9g" }, "256": { defaultClass: "sprinkles_minWidth_256__1rsrm2f9h" }, "320": { defaultClass: "sprinkles_minWidth_320__1rsrm2f9i" }, "400": { defaultClass: "sprinkles_minWidth_400__1rsrm2f9j" }, "440": { defaultClass: "sprinkles_minWidth_440__1rsrm2f9k" }, "600": { defaultClass: "sprinkles_minWidth_600__1rsrm2f9l" }, half: { defaultClass: "sprinkles_minWidth_half__1rsrm2f9m" }, full: { defaultClass: "sprinkles_minWidth_full__1rsrm2f9n" }, max: { defaultClass: "sprinkles_minWidth_max__1rsrm2f9o" } } }, overflow: { values: { hidden: { defaultClass: "sprinkles_overflow_hidden__1rsrm2f9p" } } }, paddingBottom: { values: { "0": { defaultClass: "sprinkles_paddingBottom_0__1rsrm2f9q" }, "1": { defaultClass: "sprinkles_paddingBottom_1__1rsrm2f9r" }, "2": { defaultClass: "sprinkles_paddingBottom_2__1rsrm2f9s" }, "3": { defaultClass: "sprinkles_paddingBottom_3__1rsrm2f9t" }, "4": { defaultClass: "sprinkles_paddingBottom_4__1rsrm2f9u" }, "5": { defaultClass: "sprinkles_paddingBottom_5__1rsrm2f9v" }, "6": { defaultClass: "sprinkles_paddingBottom_6__1rsrm2f9w" }, "8": { defaultClass: "sprinkles_paddingBottom_8__1rsrm2f9x" }, "10": { defaultClass: "sprinkles_paddingBottom_10__1rsrm2f9y" }, "12": { defaultClass: "sprinkles_paddingBottom_12__1rsrm2f9z" }, "14": { defaultClass: "sprinkles_paddingBottom_14__1rsrm2fa0" }, "16": { defaultClass: "sprinkles_paddingBottom_16__1rsrm2fa1" }, "18": { defaultClass: "sprinkles_paddingBottom_18__1rsrm2fa2" }, "20": { defaultClass: "sprinkles_paddingBottom_20__1rsrm2fa3" }, "24": { defaultClass: "sprinkles_paddingBottom_24__1rsrm2fa4" }, "28": { defaultClass: "sprinkles_paddingBottom_28__1rsrm2fa5" }, "30": { defaultClass: "sprinkles_paddingBottom_30__1rsrm2fa6" }, "32": { defaultClass: "sprinkles_paddingBottom_32__1rsrm2fa7" }, "36": { defaultClass: "sprinkles_paddingBottom_36__1rsrm2fa8" }, "44": { defaultClass: "sprinkles_paddingBottom_44__1rsrm2fa9" }, "64": { defaultClass: "sprinkles_paddingBottom_64__1rsrm2faa" }, "-1": { defaultClass: "sprinkles_paddingBottom_-1__1rsrm2fab" } } }, paddingLeft: { values: { "0": { defaultClass: "sprinkles_paddingLeft_0__1rsrm2fac" }, "1": { defaultClass: "sprinkles_paddingLeft_1__1rsrm2fad" }, "2": { defaultClass: "sprinkles_paddingLeft_2__1rsrm2fae" }, "3": { defaultClass: "sprinkles_paddingLeft_3__1rsrm2faf" }, "4": { defaultClass: "sprinkles_paddingLeft_4__1rsrm2fag" }, "5": { defaultClass: "sprinkles_paddingLeft_5__1rsrm2fah" }, "6": { defaultClass: "sprinkles_paddingLeft_6__1rsrm2fai" }, "8": { defaultClass: "sprinkles_paddingLeft_8__1rsrm2faj" }, "10": { defaultClass: "sprinkles_paddingLeft_10__1rsrm2fak" }, "12": { defaultClass: "sprinkles_paddingLeft_12__1rsrm2fal" }, "14": { defaultClass: "sprinkles_paddingLeft_14__1rsrm2fam" }, "16": { defaultClass: "sprinkles_paddingLeft_16__1rsrm2fan" }, "18": { defaultClass: "sprinkles_paddingLeft_18__1rsrm2fao" }, "20": { defaultClass: "sprinkles_paddingLeft_20__1rsrm2fap" }, "24": { defaultClass: "sprinkles_paddingLeft_24__1rsrm2faq" }, "28": { defaultClass: "sprinkles_paddingLeft_28__1rsrm2far" }, "30": { defaultClass: "sprinkles_paddingLeft_30__1rsrm2fas" }, "32": { defaultClass: "sprinkles_paddingLeft_32__1rsrm2fat" }, "36": { defaultClass: "sprinkles_paddingLeft_36__1rsrm2fau" }, "44": { defaultClass: "sprinkles_paddingLeft_44__1rsrm2fav" }, "64": { defaultClass: "sprinkles_paddingLeft_64__1rsrm2faw" }, "-1": { defaultClass: "sprinkles_paddingLeft_-1__1rsrm2fax" } } }, paddingRight: { values: { "0": { defaultClass: "sprinkles_paddingRight_0__1rsrm2fay" }, "1": { defaultClass: "sprinkles_paddingRight_1__1rsrm2faz" }, "2": { defaultClass: "sprinkles_paddingRight_2__1rsrm2fb0" }, "3": { defaultClass: "sprinkles_paddingRight_3__1rsrm2fb1" }, "4": { defaultClass: "sprinkles_paddingRight_4__1rsrm2fb2" }, "5": { defaultClass: "sprinkles_paddingRight_5__1rsrm2fb3" }, "6": { defaultClass: "sprinkles_paddingRight_6__1rsrm2fb4" }, "8": { defaultClass: "sprinkles_paddingRight_8__1rsrm2fb5" }, "10": { defaultClass: "sprinkles_paddingRight_10__1rsrm2fb6" }, "12": { defaultClass: "sprinkles_paddingRight_12__1rsrm2fb7" }, "14": { defaultClass: "sprinkles_paddingRight_14__1rsrm2fb8" }, "16": { defaultClass: "sprinkles_paddingRight_16__1rsrm2fb9" }, "18": { defaultClass: "sprinkles_paddingRight_18__1rsrm2fba" }, "20": { defaultClass: "sprinkles_paddingRight_20__1rsrm2fbb" }, "24": { defaultClass: "sprinkles_paddingRight_24__1rsrm2fbc" }, "28": { defaultClass: "sprinkles_paddingRight_28__1rsrm2fbd" }, "30": { defaultClass: "sprinkles_paddingRight_30__1rsrm2fbe" }, "32": { defaultClass: "sprinkles_paddingRight_32__1rsrm2fbf" }, "36": { defaultClass: "sprinkles_paddingRight_36__1rsrm2fbg" }, "44": { defaultClass: "sprinkles_paddingRight_44__1rsrm2fbh" }, "64": { defaultClass: "sprinkles_paddingRight_64__1rsrm2fbi" }, "-1": { defaultClass: "sprinkles_paddingRight_-1__1rsrm2fbj" } } }, paddingTop: { values: { "0": { defaultClass: "sprinkles_paddingTop_0__1rsrm2fbk" }, "1": { defaultClass: "sprinkles_paddingTop_1__1rsrm2fbl" }, "2": { defaultClass: "sprinkles_paddingTop_2__1rsrm2fbm" }, "3": { defaultClass: "sprinkles_paddingTop_3__1rsrm2fbn" }, "4": { defaultClass: "sprinkles_paddingTop_4__1rsrm2fbo" }, "5": { defaultClass: "sprinkles_paddingTop_5__1rsrm2fbp" }, "6": { defaultClass: "sprinkles_paddingTop_6__1rsrm2fbq" }, "8": { defaultClass: "sprinkles_paddingTop_8__1rsrm2fbr" }, "10": { defaultClass: "sprinkles_paddingTop_10__1rsrm2fbs" }, "12": { defaultClass: "sprinkles_paddingTop_12__1rsrm2fbt" }, "14": { defaultClass: "sprinkles_paddingTop_14__1rsrm2fbu" }, "16": { defaultClass: "sprinkles_paddingTop_16__1rsrm2fbv" }, "18": { defaultClass: "sprinkles_paddingTop_18__1rsrm2fbw" }, "20": { defaultClass: "sprinkles_paddingTop_20__1rsrm2fbx" }, "24": { defaultClass: "sprinkles_paddingTop_24__1rsrm2fby" }, "28": { defaultClass: "sprinkles_paddingTop_28__1rsrm2fbz" }, "30": { defaultClass: "sprinkles_paddingTop_30__1rsrm2fc0" }, "32": { defaultClass: "sprinkles_paddingTop_32__1rsrm2fc1" }, "36": { defaultClass: "sprinkles_paddingTop_36__1rsrm2fc2" }, "44": { defaultClass: "sprinkles_paddingTop_44__1rsrm2fc3" }, "64": { defaultClass: "sprinkles_paddingTop_64__1rsrm2fc4" }, "-1": { defaultClass: "sprinkles_paddingTop_-1__1rsrm2fc5" } } }, position: { values: { absolute: { defaultClass: "sprinkles_position_absolute__1rsrm2fc6" }, fixed: { defaultClass: "sprinkles_position_fixed__1rsrm2fc7" }, relative: { defaultClass: "sprinkles_position_relative__1rsrm2fc8" } } }, right: { values: { "0": { defaultClass: "sprinkles_right_0__1rsrm2fc9" } } }, transition: { values: { "default": { defaultClass: "sprinkles_transition_default__1rsrm2fca" }, transform: { defaultClass: "sprinkles_transition_transform__1rsrm2fcb" } } }, userSelect: { values: { none: { defaultClass: "sprinkles_userSelect_none__1rsrm2fcc" } } }, width: { values: { "1": { defaultClass: "sprinkles_width_1__1rsrm2fcd" }, "2": { defaultClass: "sprinkles_width_2__1rsrm2fce" }, "4": { defaultClass: "sprinkles_width_4__1rsrm2fcf" }, "8": { defaultClass: "sprinkles_width_8__1rsrm2fcg" }, "12": { defaultClass: "sprinkles_width_12__1rsrm2fch" }, "20": { defaultClass: "sprinkles_width_20__1rsrm2fci" }, "24": { defaultClass: "sprinkles_width_24__1rsrm2fcj" }, "28": { defaultClass: "sprinkles_width_28__1rsrm2fck" }, "30": { defaultClass: "sprinkles_width_30__1rsrm2fcl" }, "32": { defaultClass: "sprinkles_width_32__1rsrm2fcm" }, "34": { defaultClass: "sprinkles_width_34__1rsrm2fcn" }, "36": { defaultClass: "sprinkles_width_36__1rsrm2fco" }, "40": { defaultClass: "sprinkles_width_40__1rsrm2fcp" }, "44": { defaultClass: "sprinkles_width_44__1rsrm2fcq" }, "48": { defaultClass: "sprinkles_width_48__1rsrm2fcr" }, "54": { defaultClass: "sprinkles_width_54__1rsrm2fcs" }, "60": { defaultClass: "sprinkles_width_60__1rsrm2fct" }, "93": { defaultClass: "sprinkles_width_93__1rsrm2fcu" }, "100": { defaultClass: "sprinkles_width_100__1rsrm2fcv" }, "108": { defaultClass: "sprinkles_width_108__1rsrm2fcw" }, "162": { defaultClass: "sprinkles_width_162__1rsrm2fcx" }, "192": { defaultClass: "sprinkles_width_192__1rsrm2fcy" }, "200": { defaultClass: "sprinkles_width_200__1rsrm2fcz" }, "210": { defaultClass: "sprinkles_width_210__1rsrm2fd0" }, "220": { defaultClass: "sprinkles_width_220__1rsrm2fd1" }, "230": { defaultClass: "sprinkles_width_230__1rsrm2fd2" }, "240": { defaultClass: "sprinkles_width_240__1rsrm2fd3" }, "256": { defaultClass: "sprinkles_width_256__1rsrm2fd4" }, "320": { defaultClass: "sprinkles_width_320__1rsrm2fd5" }, "400": { defaultClass: "sprinkles_width_400__1rsrm2fd6" }, "440": { defaultClass: "sprinkles_width_440__1rsrm2fd7" }, "600": { defaultClass: "sprinkles_width_600__1rsrm2fd8" }, half: { defaultClass: "sprinkles_width_half__1rsrm2fd9" }, full: { defaultClass: "sprinkles_width_full__1rsrm2fda" }, max: { defaultClass: "sprinkles_width_max__1rsrm2fdb" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "sprinkles_backdropFilter_modalOverlay__1rsrm2fdc" } } } } });
20
+ 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)", modalBackdrop: "var(--rk-colors-modalBackdrop)", modalBackground: "var(--rk-colors-modalBackground)", modalBorder: "var(--rk-colors-modalBorder)", 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)" }, 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)" } };
21
21
 
22
22
  // src/css/touchableStyles.css.ts
23
23
  var active = { shrink: "touchableStyles_active_shrink__7rkubb8", shrinkSm: "touchableStyles_active_shrinkSm__7rkubb9" };
@@ -538,7 +538,7 @@ var FunkitWalletContext = createContext3({
538
538
  startAssetsListener: () => void 0,
539
539
  stopAssetsListener: () => void 0
540
540
  });
541
- var FETCH_ASSETS_INTERVAL_MS = 5e3;
541
+ var FETCH_ASSETS_INTERVAL_MS = 4e3;
542
542
  function FunkitWalletProvider({ children }) {
543
543
  const intervalRef = useRef2();
544
544
  const { connector } = useAccount3();
@@ -13417,10 +13417,22 @@ function useFunkitConfig() {
13417
13417
  }
13418
13418
 
13419
13419
  // src/components/FunkitWeb2Provider/FunkitWeb2Provider.tsx
13420
+ function removeURLParameters() {
13421
+ if (window.history.pushState) {
13422
+ const cleanUrl = window.location.protocol + "//" + window.location.host + window.location.pathname;
13423
+ window.history.pushState({ path: cleanUrl }, "", cleanUrl);
13424
+ }
13425
+ }
13420
13426
  var PRIVY_ERROR_CODES = {
13421
13427
  INVALID_CREDENTIALS: "invalid_credentials",
13422
13428
  NETWORK_ERROR: "network_error"
13423
13429
  };
13430
+ var privyOauthProvider = {
13431
+ GOOGLE: "google",
13432
+ APPLE: "apple",
13433
+ TWITTER: "twitter",
13434
+ EMAIL: "email"
13435
+ };
13424
13436
  var FunkitWeb2Context = createContext7({
13425
13437
  privy: null,
13426
13438
  loading: false,
@@ -13435,14 +13447,21 @@ var FunkitWeb2Context = createContext7({
13435
13447
  setCodeInput: () => void 0,
13436
13448
  sendOTPCode: () => Promise.resolve(false),
13437
13449
  verifyOTPCode: () => Promise.resolve(false),
13450
+ handleOauthRedirect: () => void 0,
13438
13451
  user: null,
13439
- userEmail: "loading...",
13452
+ userEmail: {
13453
+ type: "email",
13454
+ label: "email",
13455
+ value: "loading...",
13456
+ id: "loading..."
13457
+ },
13440
13458
  token: null,
13441
13459
  refreshToken: null,
13442
13460
  logout: () => void 0
13443
13461
  });
13444
13462
  var PRIVY_EXPIRY_TIME = 6e5;
13445
13463
  var PRIVY_CACHE_CODE = "privy:email:time";
13464
+ var LOGIN_TYPE_CACHE = "loginType";
13446
13465
  var FunkitWeb2Provider = ({
13447
13466
  children
13448
13467
  }) => {
@@ -13454,7 +13473,7 @@ var FunkitWeb2Provider = ({
13454
13473
  const [privy, setPrivy] = useState4(null);
13455
13474
  const [loading, setLoading] = useState4(false);
13456
13475
  const [verifying, setVerifying] = useState4(false);
13457
- const [loginType, setLoginType] = useState4("Email");
13476
+ const [loginType, setLoginTypeState] = useState4("Email");
13458
13477
  const [loginInput, setLoginInput] = useState4("");
13459
13478
  const isLoginInputValid = useMemo4(() => {
13460
13479
  const result = validateOTPInput(loginInput);
@@ -13467,6 +13486,22 @@ var FunkitWeb2Provider = ({
13467
13486
  const [refreshToken, setRefreshToken] = useState4(null);
13468
13487
  const [iframeUrl, setIframeUrl] = useState4("");
13469
13488
  const [init, setInit] = useState4(false);
13489
+ useEffect5(() => {
13490
+ try {
13491
+ const cachedType = window.localStorage.getItem(LOGIN_TYPE_CACHE);
13492
+ setLoginTypeState(cachedType ?? "Email");
13493
+ } catch (e) {
13494
+ console.log(e);
13495
+ }
13496
+ }, []);
13497
+ const setLoginTypeAndCache = useCallback2((type) => {
13498
+ setLoginTypeState(type);
13499
+ try {
13500
+ window.localStorage.setItem(LOGIN_TYPE_CACHE, type);
13501
+ } catch (err) {
13502
+ console.log("LocalStorage Set not supported", err);
13503
+ }
13504
+ }, []);
13470
13505
  const initializeEmbeddedWallet = useCallback2(
13471
13506
  async (privyInputClass, privyInputUser) => {
13472
13507
  const finalUser = privyInputUser ? privyInputUser : user;
@@ -13530,6 +13565,17 @@ var FunkitWeb2Provider = ({
13530
13565
  },
13531
13566
  [connectAsync, initialChainId, initializeEmbeddedWallet, privy, wallets]
13532
13567
  );
13568
+ const handleMessage = useCallback2(
13569
+ (e) => {
13570
+ if (!privy)
13571
+ return;
13572
+ if (e.origin === "https://auth.privy.io") {
13573
+ const iframeHandler = privy.embeddedWallet.getMessageHandler();
13574
+ iframeHandler(e.data);
13575
+ }
13576
+ },
13577
+ [privy]
13578
+ );
13533
13579
  useEffect5(() => {
13534
13580
  if (!funkitConfig?.privyAppId) {
13535
13581
  throw new Error(
@@ -13537,6 +13583,7 @@ var FunkitWeb2Provider = ({
13537
13583
  );
13538
13584
  }
13539
13585
  if (!privy) {
13586
+ console.log(">privy init");
13540
13587
  const privyClass = new PrivyJS({
13541
13588
  appId: funkitConfig?.privyAppId,
13542
13589
  storage: new LocalStorage()
@@ -13551,32 +13598,38 @@ var FunkitWeb2Provider = ({
13551
13598
  );
13552
13599
  privy.setMessagePoster(iframe.contentWindow);
13553
13600
  setInit(true);
13554
- privy.user.get().then(async (res) => {
13601
+ const handlePrivyLogin = async () => {
13602
+ const queryParams = new URLSearchParams(window.location.search);
13603
+ const oauthCode = queryParams.get("privy_oauth_code");
13604
+ const oauthState = queryParams.get("privy_oauth_state");
13605
+ if (oauthCode && oauthState) {
13606
+ const session = await privy.auth.oauth.loginWithCode(
13607
+ oauthCode,
13608
+ oauthState
13609
+ );
13610
+ setUser(session.user);
13611
+ removeURLParameters();
13612
+ return await handleWeb2Login(session.user);
13613
+ }
13614
+ const res = await privy.user.get();
13555
13615
  if (!res.user) {
13556
13616
  return false;
13557
13617
  }
13558
13618
  setUser(res.user);
13559
- setToken(res.token);
13560
- setRefreshToken(res.refreshToken);
13561
13619
  return await handleWeb2Login(res.user);
13562
- }).catch((err) => {
13620
+ };
13621
+ handlePrivyLogin().catch((err) => {
13563
13622
  if (err.code === "missing_or_invalid_token") {
13564
- return;
13623
+ return err;
13565
13624
  }
13566
13625
  console.error("Funkit Error: Couldn't fetch user session ", err);
13567
13626
  });
13568
13627
  }
13569
- const handleMessage = (e) => {
13570
- if (privy) {
13571
- const iframeHandler = privy.embeddedWallet.getMessageHandler();
13572
- iframeHandler(e.data);
13573
- }
13574
- };
13575
13628
  window.addEventListener("message", handleMessage);
13576
13629
  return () => {
13577
13630
  window.removeEventListener("message", handleMessage);
13578
13631
  };
13579
- }, [privy, iframeUrl, init, funkitConfig, handleWeb2Login]);
13632
+ }, [privy, iframeUrl, init, funkitConfig, handleWeb2Login, handleMessage]);
13580
13633
  const sendOTPCode = async (forceResend = false) => {
13581
13634
  if (!privy) {
13582
13635
  throw new Error("Privy not initialized");
@@ -13601,6 +13654,7 @@ var FunkitWeb2Provider = ({
13601
13654
  PRIVY_CACHE_CODE,
13602
13655
  `${loginInput}:${new Date().getTime()}`
13603
13656
  );
13657
+ setLoginTypeAndCache("Email");
13604
13658
  return true;
13605
13659
  }
13606
13660
  return false;
@@ -13680,6 +13734,34 @@ var FunkitWeb2Provider = ({
13680
13734
  loginInput
13681
13735
  ]
13682
13736
  );
13737
+ const OauthLogin = useCallback2(
13738
+ async (authProvider) => {
13739
+ if (!privy) {
13740
+ throw new Error("Privy not initialized");
13741
+ }
13742
+ if (!authProvider)
13743
+ console.warn("Oauth: No provider specified, defaulting to google");
13744
+ setLoginTypeAndCache(authProvider);
13745
+ try {
13746
+ const provider = authProvider || "google";
13747
+ const redirectURI = `${window.location.origin}`;
13748
+ console.log("Oauth: Redirecting to", provider, redirectURI);
13749
+ const oauthURL = await privy.auth.oauth.generateURL(
13750
+ provider,
13751
+ redirectURI
13752
+ );
13753
+ window.location.assign(oauthURL.url);
13754
+ } catch (e) {
13755
+ console.error("Oauth: Redirect failed", e);
13756
+ return false;
13757
+ }
13758
+ },
13759
+ [privy, setLoginTypeAndCache]
13760
+ );
13761
+ const resetInputs = useCallback2(() => {
13762
+ setLoginInput("");
13763
+ setLoginTypeState("Email");
13764
+ }, [setLoginInput, setLoginTypeState]);
13683
13765
  const logout = useCallback2(() => {
13684
13766
  if (privy) {
13685
13767
  privy.auth.logout();
@@ -13687,23 +13769,75 @@ var FunkitWeb2Provider = ({
13687
13769
  setToken(null);
13688
13770
  setRefreshToken(null);
13689
13771
  resetInputs();
13772
+ try {
13773
+ window.localStorage.removeItem(PRIVY_CACHE_CODE);
13774
+ window.localStorage.removeItem(LOGIN_TYPE_CACHE);
13775
+ } catch (e) {
13776
+ console.log("LocalStorage remove not supported", e);
13777
+ }
13690
13778
  }
13691
- }, [privy]);
13692
- const resetInputs = () => {
13693
- setLoginInput("");
13694
- setLoginType("Email");
13695
- };
13779
+ }, [privy, resetInputs]);
13696
13780
  const userEmail = useMemo4(() => {
13697
- if (user) {
13698
- const linkedAccount = user.linked_accounts.find(
13699
- (account) => account.type === "email"
13700
- );
13701
- if (linkedAccount) {
13702
- return linkedAccount.address;
13781
+ if (user && user.linked_accounts) {
13782
+ const linkedAccount = user.linked_accounts.map((account) => {
13783
+ switch (account.type) {
13784
+ case "email":
13785
+ return {
13786
+ type: privyOauthProvider.EMAIL,
13787
+ label: "Email",
13788
+ value: account.address,
13789
+ id: account.address
13790
+ };
13791
+ case "google_oauth":
13792
+ return {
13793
+ type: privyOauthProvider.GOOGLE,
13794
+ label: "Email",
13795
+ value: account.email,
13796
+ id: account.email
13797
+ };
13798
+ case "twitter_oauth":
13799
+ return {
13800
+ type: privyOauthProvider.TWITTER,
13801
+ label: "Twitter ID",
13802
+ value: account.name,
13803
+ id: account.username
13804
+ };
13805
+ case "apple_oauth":
13806
+ return {
13807
+ type: privyOauthProvider.APPLE,
13808
+ label: "Apple ID",
13809
+ value: account.email,
13810
+ id: account.email
13811
+ };
13812
+ case "wallet":
13813
+ return {
13814
+ type: "wallet",
13815
+ label: "Wallet",
13816
+ value: account.address,
13817
+ id: account.address
13818
+ };
13819
+ default:
13820
+ return {
13821
+ type: "unknown",
13822
+ label: "Unknown",
13823
+ value: "Unknown",
13824
+ id: "Unknown"
13825
+ };
13826
+ }
13827
+ });
13828
+ if (linkedAccount && linkedAccount.length > 0) {
13829
+ return linkedAccount.find(
13830
+ (account) => account?.type?.toLowerCase() === loginType?.toLowerCase()
13831
+ ) ?? { label: "Unknown", value: "Unknown", id: "Unknown" };
13703
13832
  }
13704
13833
  }
13705
- return "loading...";
13706
- }, [user]);
13834
+ return {
13835
+ type: "unknown",
13836
+ label: "Email",
13837
+ value: "loading...",
13838
+ id: "loading..."
13839
+ };
13840
+ }, [loginType, user]);
13707
13841
  const contextValue = {
13708
13842
  privy,
13709
13843
  loading,
@@ -13718,6 +13852,7 @@ var FunkitWeb2Provider = ({
13718
13852
  setCodeInput: (value) => setOtpCode(value),
13719
13853
  sendOTPCode,
13720
13854
  verifyOTPCode,
13855
+ handleOauthRedirect: OauthLogin,
13721
13856
  user,
13722
13857
  userEmail,
13723
13858
  token,
@@ -13751,7 +13886,7 @@ var DropdownIcon = () => /* @__PURE__ */ React12.createElement("svg", {
13751
13886
  }));
13752
13887
 
13753
13888
  // src/components/ConnectButton/ConnectButtonRenderer.tsx
13754
- import React130, { useContext as useContext21 } from "react";
13889
+ import React131, { useContext as useContext21 } from "react";
13755
13890
  import { useAccount as useAccount15, useBalance as useBalance2, useNetwork as useNetwork10 } from "wagmi";
13756
13891
 
13757
13892
  // src/hooks/useIsMounted.ts
@@ -13994,7 +14129,7 @@ function useRecentTransactions() {
13994
14129
  }
13995
14130
 
13996
14131
  // src/components/FunkitProvider/ModalContext.tsx
13997
- import React129, {
14132
+ import React130, {
13998
14133
  createContext as createContext16,
13999
14134
  useCallback as useCallback24,
14000
14135
  useContext as useContext20,
@@ -14234,6 +14369,7 @@ import {
14234
14369
  getAssetPriceInfoForCheckout as getAssetPriceInfoForCheckout2,
14235
14370
  getCheckoutQuote as getApiCheckoutQuote,
14236
14371
  getCheckoutsByFunWalletAddress,
14372
+ getMoonpayBuyQuoteForCreditCard,
14237
14373
  initializeCheckout as postApiInitializeCheckout,
14238
14374
  isAddress as isAddress2
14239
14375
  } from "@funkit/core";
@@ -14263,8 +14399,163 @@ import {
14263
14399
  Token
14264
14400
  } from "@funkit/core";
14265
14401
  import { fetchBalance } from "@wagmi/core";
14402
+
14403
+ // src/utils/formatNumber.ts
14404
+ var FORMAT_NUMBER_DEFAULT = {
14405
+ minBeforeUseScientific: 1e-5,
14406
+ maxBeforeAggresiveDecimalTruncation: 1,
14407
+ softDecimalPrecision: 5,
14408
+ aggresiveDecimalPrecision: 5,
14409
+ maxBeforeUseSuffix: 1e6,
14410
+ decimalPrecisionForSuffix: 5,
14411
+ maxSuffixSize: 1e6,
14412
+ maxNumberPartSizeForSuffix: 1e3
14413
+ };
14414
+ function formatNumberAndStringify(number, options = FORMAT_NUMBER_DEFAULT, numberFormatOptions = {}) {
14415
+ const {
14416
+ minBeforeUseScientific,
14417
+ softDecimalPrecision,
14418
+ maxBeforeAggresiveDecimalTruncation,
14419
+ aggresiveDecimalPrecision,
14420
+ maxBeforeUseSuffix,
14421
+ decimalPrecisionForSuffix,
14422
+ maxSuffixSize,
14423
+ maxNumberPartSizeForSuffix,
14424
+ minimumSignificantDigits = 5
14425
+ } = { ...FORMAT_NUMBER_DEFAULT, ...options };
14426
+ if (number === 0) {
14427
+ return number.toLocaleString("en", { ...numberFormatOptions });
14428
+ }
14429
+ if (!number) {
14430
+ return "";
14431
+ }
14432
+ const absoluteNumber = Math.abs(number);
14433
+ const roundedForSuffix = absoluteNumber.toFixed(decimalPrecisionForSuffix);
14434
+ if (Number(roundedForSuffix) >= maxBeforeUseSuffix) {
14435
+ return _formatTruncated(
14436
+ number,
14437
+ decimalPrecisionForSuffix,
14438
+ false,
14439
+ true,
14440
+ maxSuffixSize,
14441
+ maxNumberPartSizeForSuffix,
14442
+ numberFormatOptions
14443
+ );
14444
+ }
14445
+ if (absoluteNumber >= maxBeforeAggresiveDecimalTruncation) {
14446
+ return number.toLocaleString("en", {
14447
+ maximumFractionDigits: aggresiveDecimalPrecision,
14448
+ ...numberFormatOptions
14449
+ });
14450
+ }
14451
+ if (absoluteNumber < minBeforeUseScientific) {
14452
+ return number.toLocaleString("en", {
14453
+ notation: "scientific",
14454
+ maximumFractionDigits: aggresiveDecimalPrecision,
14455
+ ...numberFormatOptions
14456
+ });
14457
+ }
14458
+ return number.toLocaleString("en", {
14459
+ maximumFractionDigits: softDecimalPrecision,
14460
+ minimumSignificantDigits,
14461
+ maximumSignificantDigits: minimumSignificantDigits,
14462
+ ...numberFormatOptions
14463
+ });
14464
+ }
14465
+ function formatCurrencyAndStringify(amount, options = {}, numberFormatOptions = {}) {
14466
+ const defaultOptions = {
14467
+ maxSuffixSize: 1e12,
14468
+ minBeforeUseScientific: 1e-6,
14469
+ decimalPrecisionForSuffix: 2,
14470
+ aggresiveDecimalPrecision: 2,
14471
+ softDecimalPrecision: 6,
14472
+ minimumSignificantDigits: 2
14473
+ };
14474
+ const defaultNumberFormatOptions = {
14475
+ style: "currency",
14476
+ currency: "USD",
14477
+ minimumFractionDigits: 2,
14478
+ maximumFractionDigits: 2,
14479
+ compactDisplay: "long"
14480
+ };
14481
+ const formattedAsString = formatNumberAndStringify(
14482
+ amount,
14483
+ { ...defaultOptions, ...options },
14484
+ {
14485
+ ...defaultNumberFormatOptions,
14486
+ ...numberFormatOptions
14487
+ }
14488
+ );
14489
+ return formattedAsString;
14490
+ }
14491
+ function formatCryptoAndStringify(amount, platform = "", useCurrencyAbbreviation = true, options) {
14492
+ const formattedAsString = formatNumberAndStringify(amount, options);
14493
+ const abbr = platform;
14494
+ let result = formattedAsString;
14495
+ if (useCurrencyAbbreviation && abbr) {
14496
+ result = `${formattedAsString} ${abbr}`;
14497
+ }
14498
+ return result;
14499
+ }
14500
+ function _formatTruncated(value, precision = 2, keepTrailingZeros = false, useComma = false, maxSuffixValue = 1e12, maxNumberPartSizeForSuffix = 1e3, numberFormatOptions = {}) {
14501
+ value = +value;
14502
+ if (Number.isNaN(value)) {
14503
+ throw new Error("invalid number for `value` passed in to `formatTruncated`");
14504
+ }
14505
+ const negative = value < 0;
14506
+ value = Math.abs(value);
14507
+ function getFormattedNumberPartAndSuffix(divideBy, suffixStr = "", nextSuffixStr = "") {
14508
+ const dividedVal = value / divideBy;
14509
+ const rawDividedValRounded = dividedVal.toFixed(precision);
14510
+ const useScientific = Number(rawDividedValRounded) >= maxNumberPartSizeForSuffix || divideBy === 1e12 && Number(rawDividedValRounded) >= 1e3;
14511
+ const incrementToNextSuffix = maxSuffixValue > divideBy && Number(rawDividedValRounded) >= 1e3;
14512
+ const suffix2 = !incrementToNextSuffix ? suffixStr : nextSuffixStr;
14513
+ const dividedValRounded = !incrementToNextSuffix ? rawDividedValRounded : (Number(rawDividedValRounded) / 1e3).toFixed(precision);
14514
+ if (useComma || useScientific) {
14515
+ return [
14516
+ Number(dividedValRounded).toLocaleString("en", {
14517
+ ...useScientific && Number(dividedValRounded) !== 1 && { notation: "scientific" },
14518
+ maximumFractionDigits: precision,
14519
+ ...numberFormatOptions
14520
+ }),
14521
+ suffix2
14522
+ ];
14523
+ }
14524
+ return [dividedValRounded, suffix2];
14525
+ }
14526
+ let [formatted, suffix] = getFormattedNumberPartAndSuffix(1, "", "K");
14527
+ if (value >= 1e3 && (value < 1e6 || maxSuffixValue === 1e3)) {
14528
+ ;
14529
+ [formatted, suffix] = getFormattedNumberPartAndSuffix(1e3, "K", "M");
14530
+ } else if (value >= 1e6 && (value < 1e9 || maxSuffixValue === 1e6)) {
14531
+ ;
14532
+ [formatted, suffix] = getFormattedNumberPartAndSuffix(1e6, "M", "B");
14533
+ } else if (value >= 1e9 && (value < 1e12 || maxSuffixValue === 1e9)) {
14534
+ ;
14535
+ [formatted, suffix] = getFormattedNumberPartAndSuffix(1e9, "B", "T");
14536
+ } else if (value >= 1e12) {
14537
+ ;
14538
+ [formatted, suffix] = getFormattedNumberPartAndSuffix(1e12, "T");
14539
+ }
14540
+ if (!keepTrailingZeros && !formatted?.includes("E")) {
14541
+ const [before, after] = formatted.split(".");
14542
+ const trimmedAfter = after?.replace(/0+$/gm, "");
14543
+ formatted = before;
14544
+ if (trimmedAfter?.length > 0) {
14545
+ formatted += "." + trimmedAfter;
14546
+ }
14547
+ }
14548
+ if (negative) {
14549
+ formatted = "-" + formatted;
14550
+ }
14551
+ formatted += suffix;
14552
+ return formatted;
14553
+ }
14554
+
14555
+ // src/utils/checkout.ts
14266
14556
  var CHECKOUT_EXPIRATION_TIMESTAMP_UPPERBOUND = 36e5;
14267
14557
  var CHECKOUT_EXPIRATION_TIMESTAMP_LOWERBOUND = 3e5;
14558
+ var MOONPAY_TIME_ESTIMATE_MS = 12e4;
14268
14559
  function validateCheckoutConfig(config) {
14269
14560
  if (!config.checkoutItemTitle) {
14270
14561
  return {
@@ -14301,17 +14592,14 @@ function validateCheckoutConfig(config) {
14301
14592
  message: "Valid checkout configuration, proceeding..."
14302
14593
  };
14303
14594
  }
14304
- var testAutoExecutionDuringCheckout = async (config, chainItem, wallet) => {
14595
+ var testAutoExecutionDuringCheckout = async (config, wallet) => {
14305
14596
  const { targetAsset, targetAssetAmount, targetChain } = config;
14306
- if (targetChain !== `${chainItem.id}`) {
14307
- return { result: false, tokenTicker: null };
14308
- }
14309
14597
  try {
14310
14598
  const tokenAddress = targetAsset.toLowerCase() === FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS.toLowerCase() ? void 0 : targetAsset;
14311
14599
  const data = await fetchBalance({
14312
14600
  address: await wallet.getAddress(),
14313
14601
  token: tokenAddress,
14314
- chainId: chainItem.id
14602
+ chainId: Number(targetChain)
14315
14603
  });
14316
14604
  if (parseFloat(data.formatted) >= targetAssetAmount) {
14317
14605
  return { result: true, tokenTicker: data.symbol };
@@ -14327,20 +14615,6 @@ async function getTokenAddress(tokenTicker, chainId) {
14327
14615
  const token = new Token(tokenTicker, chain);
14328
14616
  return await token.getAddress();
14329
14617
  }
14330
- function getFunkitEnvForDirectExecution({
14331
- chainId
14332
- }) {
14333
- const existingGlobalEnvOptions = getEnvOptions();
14334
- const originalEnvOptions = existingGlobalEnvOptions || { gasSponsor: {} };
14335
- const newConfig = {
14336
- ...originalEnvOptions,
14337
- chain: chainId,
14338
- gasSponsor: {
14339
- ...originalEnvOptions.gasSponsor
14340
- }
14341
- };
14342
- return newConfig;
14343
- }
14344
14618
  function getFunkitEnvForCheckoutEstimation({
14345
14619
  chainId,
14346
14620
  bypassWalletInit
@@ -14425,6 +14699,13 @@ function getCheckoutStateStepNumber(state) {
14425
14699
  return 0;
14426
14700
  }
14427
14701
  }
14702
+ function formatTokenAmountForMoonpay(amount) {
14703
+ return formatNumberAndStringify(
14704
+ amount,
14705
+ {},
14706
+ { maximumFractionDigits: 2, minimumFractionDigits: 2 }
14707
+ );
14708
+ }
14428
14709
 
14429
14710
  // src/components/FunPayments/FunPaymentMethods.tsx
14430
14711
  import React78, { useCallback as useCallback12, useMemo as useMemo16, useState as useState19 } from "react";
@@ -15547,11 +15828,6 @@ function useCheckoutAccountBalanceTransfer(checkoutId) {
15547
15828
  token: checkoutItem?.selectedSourceAssetInfo?.symbol,
15548
15829
  amount: tokenAmount
15549
15830
  };
15550
- console.log("funWallet", funWallet);
15551
- console.log("funWalletAuth", funWalletAuth);
15552
- console.log("newConfig", newConfig);
15553
- console.log("userId", userId);
15554
- console.log("transferParams", transferParams);
15555
15831
  const transferOp = await funWallet.transfer(
15556
15832
  funWalletAuth,
15557
15833
  userId,
@@ -15562,173 +15838,28 @@ function useCheckoutAccountBalanceTransfer(checkoutId) {
15562
15838
  return {
15563
15839
  rFunWallet: funWallet,
15564
15840
  rFunWalletAuth: funWalletAuth,
15565
- transferOp
15841
+ transferOp,
15842
+ envConfig: newConfig
15566
15843
  };
15567
15844
  }
15568
15845
  }
15569
- return { rFunWallet: null, rFunWalletAuth: null, transferOp: null };
15846
+ return {
15847
+ rFunWallet: null,
15848
+ rFunWalletAuth: null,
15849
+ transferOp: null,
15850
+ envConfig: null
15851
+ };
15570
15852
  },
15571
15853
  [
15572
- checkoutItem?.selectedSourceAssetInfo.chainId,
15573
- checkoutItem?.selectedSourceAssetInfo?.symbol,
15574
- funWallet,
15575
- funWalletAuth
15576
- ]
15577
- );
15578
- return {
15579
- generateCheckoutTransferOpItems
15580
- };
15581
- }
15582
-
15583
- // src/utils/formatNumber.ts
15584
- var FORMAT_NUMBER_DEFAULT = {
15585
- minBeforeUseScientific: 1e-5,
15586
- maxBeforeAggresiveDecimalTruncation: 1,
15587
- softDecimalPrecision: 5,
15588
- aggresiveDecimalPrecision: 5,
15589
- maxBeforeUseSuffix: 1e6,
15590
- decimalPrecisionForSuffix: 5,
15591
- maxSuffixSize: 1e6,
15592
- maxNumberPartSizeForSuffix: 1e3
15593
- };
15594
- function formatNumberAndStringify(number, options = FORMAT_NUMBER_DEFAULT, numberFormatOptions = {}) {
15595
- const {
15596
- minBeforeUseScientific,
15597
- softDecimalPrecision,
15598
- maxBeforeAggresiveDecimalTruncation,
15599
- aggresiveDecimalPrecision,
15600
- maxBeforeUseSuffix,
15601
- decimalPrecisionForSuffix,
15602
- maxSuffixSize,
15603
- maxNumberPartSizeForSuffix,
15604
- minimumSignificantDigits = 5
15605
- } = { ...FORMAT_NUMBER_DEFAULT, ...options };
15606
- if (number === 0) {
15607
- return number.toLocaleString("en", { ...numberFormatOptions });
15608
- }
15609
- if (!number) {
15610
- return "";
15611
- }
15612
- const absoluteNumber = Math.abs(number);
15613
- const roundedForSuffix = absoluteNumber.toFixed(decimalPrecisionForSuffix);
15614
- if (Number(roundedForSuffix) >= maxBeforeUseSuffix) {
15615
- return _formatTruncated(
15616
- number,
15617
- decimalPrecisionForSuffix,
15618
- false,
15619
- true,
15620
- maxSuffixSize,
15621
- maxNumberPartSizeForSuffix,
15622
- numberFormatOptions
15623
- );
15624
- }
15625
- if (absoluteNumber >= maxBeforeAggresiveDecimalTruncation) {
15626
- return number.toLocaleString("en", {
15627
- maximumFractionDigits: aggresiveDecimalPrecision,
15628
- ...numberFormatOptions
15629
- });
15630
- }
15631
- if (absoluteNumber < minBeforeUseScientific) {
15632
- return number.toLocaleString("en", {
15633
- notation: "scientific",
15634
- maximumFractionDigits: aggresiveDecimalPrecision,
15635
- ...numberFormatOptions
15636
- });
15637
- }
15638
- return number.toLocaleString("en", {
15639
- maximumFractionDigits: softDecimalPrecision,
15640
- minimumSignificantDigits,
15641
- maximumSignificantDigits: minimumSignificantDigits,
15642
- ...numberFormatOptions
15643
- });
15644
- }
15645
- function formatCurrencyAndStringify(amount, options = {}, numberFormatOptions = {}) {
15646
- const defaultOptions = {
15647
- maxSuffixSize: 1e12,
15648
- minBeforeUseScientific: 1e-6,
15649
- decimalPrecisionForSuffix: 2,
15650
- aggresiveDecimalPrecision: 2,
15651
- softDecimalPrecision: 6,
15652
- minimumSignificantDigits: 2
15653
- };
15654
- const defaultNumberFormatOptions = {
15655
- style: "currency",
15656
- currency: "USD",
15657
- maximumFractionDigits: 2,
15658
- compactDisplay: "long"
15659
- };
15660
- const formattedAsString = formatNumberAndStringify(
15661
- amount,
15662
- { ...defaultOptions, ...options },
15663
- {
15664
- ...defaultNumberFormatOptions,
15665
- ...numberFormatOptions
15666
- }
15667
- );
15668
- return formattedAsString;
15669
- }
15670
- function formatCryptoAndStringify(amount, platform = "", useCurrencyAbbreviation = true, options) {
15671
- const formattedAsString = formatNumberAndStringify(amount, options);
15672
- const abbr = platform;
15673
- let result = formattedAsString;
15674
- if (useCurrencyAbbreviation && abbr) {
15675
- result = `${formattedAsString} ${abbr}`;
15676
- }
15677
- return result;
15678
- }
15679
- function _formatTruncated(value, precision = 2, keepTrailingZeros = false, useComma = false, maxSuffixValue = 1e12, maxNumberPartSizeForSuffix = 1e3, numberFormatOptions = {}) {
15680
- value = +value;
15681
- if (Number.isNaN(value)) {
15682
- throw new Error("invalid number for `value` passed in to `formatTruncated`");
15683
- }
15684
- const negative = value < 0;
15685
- value = Math.abs(value);
15686
- function getFormattedNumberPartAndSuffix(divideBy, suffixStr = "", nextSuffixStr = "") {
15687
- const dividedVal = value / divideBy;
15688
- const rawDividedValRounded = dividedVal.toFixed(precision);
15689
- const useScientific = Number(rawDividedValRounded) >= maxNumberPartSizeForSuffix || divideBy === 1e12 && Number(rawDividedValRounded) >= 1e3;
15690
- const incrementToNextSuffix = maxSuffixValue > divideBy && Number(rawDividedValRounded) >= 1e3;
15691
- const suffix2 = !incrementToNextSuffix ? suffixStr : nextSuffixStr;
15692
- const dividedValRounded = !incrementToNextSuffix ? rawDividedValRounded : (Number(rawDividedValRounded) / 1e3).toFixed(precision);
15693
- if (useComma || useScientific) {
15694
- return [
15695
- Number(dividedValRounded).toLocaleString("en", {
15696
- ...useScientific && Number(dividedValRounded) !== 1 && { notation: "scientific" },
15697
- maximumFractionDigits: precision,
15698
- ...numberFormatOptions
15699
- }),
15700
- suffix2
15701
- ];
15702
- }
15703
- return [dividedValRounded, suffix2];
15704
- }
15705
- let [formatted, suffix] = getFormattedNumberPartAndSuffix(1, "", "K");
15706
- if (value >= 1e3 && (value < 1e6 || maxSuffixValue === 1e3)) {
15707
- ;
15708
- [formatted, suffix] = getFormattedNumberPartAndSuffix(1e3, "K", "M");
15709
- } else if (value >= 1e6 && (value < 1e9 || maxSuffixValue === 1e6)) {
15710
- ;
15711
- [formatted, suffix] = getFormattedNumberPartAndSuffix(1e6, "M", "B");
15712
- } else if (value >= 1e9 && (value < 1e12 || maxSuffixValue === 1e9)) {
15713
- ;
15714
- [formatted, suffix] = getFormattedNumberPartAndSuffix(1e9, "B", "T");
15715
- } else if (value >= 1e12) {
15716
- ;
15717
- [formatted, suffix] = getFormattedNumberPartAndSuffix(1e12, "T");
15718
- }
15719
- if (!keepTrailingZeros && !formatted?.includes("E")) {
15720
- const [before, after] = formatted.split(".");
15721
- const trimmedAfter = after?.replace(/0+$/gm, "");
15722
- formatted = before;
15723
- if (trimmedAfter?.length > 0) {
15724
- formatted += "." + trimmedAfter;
15725
- }
15726
- }
15727
- if (negative) {
15728
- formatted = "-" + formatted;
15729
- }
15730
- formatted += suffix;
15731
- return formatted;
15854
+ checkoutItem?.selectedSourceAssetInfo.chainId,
15855
+ checkoutItem?.selectedSourceAssetInfo?.symbol,
15856
+ funWallet,
15857
+ funWalletAuth
15858
+ ]
15859
+ );
15860
+ return {
15861
+ generateCheckoutTransferOpItems
15862
+ };
15732
15863
  }
15733
15864
 
15734
15865
  // src/components/FunTermsAndConditionsTextButton/FunTermsAndConditionsTextButton.tsx
@@ -15740,6 +15871,7 @@ import React36 from "react";
15740
15871
  // src/components/FunButton/FunButton.css.ts
15741
15872
  var funIconButtonStyle = "FunButton_funIconButtonStyle__1tyx5nu2";
15742
15873
  var funLinkButtonStyle = "FunButton_funLinkButtonStyle__1tyx5nu0";
15874
+ var iconStyle = "FunButton_iconStyle__1tyx5nu3";
15743
15875
 
15744
15876
  // src/components/FunButton/FunLinkButton.tsx
15745
15877
  function FunLinkButton({
@@ -16096,7 +16228,7 @@ function FunCheckoutConfirmationStep({
16096
16228
  selectedPaymentMethodInfo,
16097
16229
  animateOut
16098
16230
  }) {
16099
- const { checkoutItem, confirmCheckout, handleWeb2DirectExecution } = useFunkitPreCheckoutInternal(checkoutId);
16231
+ const { checkoutItem, confirmCheckout } = useFunkitPreCheckoutInternal(checkoutId);
16100
16232
  const funkitConfig = useFunkitConfig();
16101
16233
  const { fetchInfo: fetchMeshNetworkInfo } = useMeshActiveNetworkInfo(
16102
16234
  selectedPaymentMethodInfo?.meta?.accessToken?.brokerName
@@ -16105,6 +16237,7 @@ function FunCheckoutConfirmationStep({
16105
16237
  () => checkoutItem?.quoteErrorMessage !== "",
16106
16238
  [checkoutItem?.quoteErrorMessage]
16107
16239
  );
16240
+ const { funWallet } = useFunkitWallet();
16108
16241
  const { generateCheckoutTransferOpItems } = useCheckoutAccountBalanceTransfer(checkoutId);
16109
16242
  const [isConfirming, setIsConfirming] = useState10(false);
16110
16243
  const [confirmationError, setConfirmationError] = useState10("");
@@ -16154,7 +16287,7 @@ function FunCheckoutConfirmationStep({
16154
16287
  );
16155
16288
  const handleAccountBalancePostCheckout = useCallback5(
16156
16289
  async (depositAddress) => {
16157
- const { rFunWallet, rFunWalletAuth, transferOp } = await generateCheckoutTransferOpItems(
16290
+ const { rFunWallet, rFunWalletAuth, transferOp, envConfig } = await generateCheckoutTransferOpItems(
16158
16291
  depositAddress,
16159
16292
  checkoutItem?.latestQuote?.estTotalFromAmount || 0
16160
16293
  );
@@ -16169,11 +16302,14 @@ function FunCheckoutConfirmationStep({
16169
16302
  console.log(">transferOp.userOp", transferOp.userOp);
16170
16303
  const signedOp = await rFunWallet.signOperation(
16171
16304
  rFunWalletAuth,
16172
- transferOp
16305
+ transferOp,
16306
+ envConfig
16173
16307
  );
16308
+ console.log(">signedOp", signedOp);
16174
16309
  const executionRes = await rFunWallet.executeOperation(
16175
16310
  rFunWalletAuth,
16176
- signedOp
16311
+ signedOp,
16312
+ envConfig
16177
16313
  );
16178
16314
  console.log("Execution result", executionRes);
16179
16315
  } else {
@@ -16229,16 +16365,14 @@ function FunCheckoutConfirmationStep({
16229
16365
  }
16230
16366
  try {
16231
16367
  setIsConfirming(true);
16232
- if (checkoutItem?.isDirectExecution) {
16233
- await handleWeb2DirectExecution();
16234
- onFinish?.("", 0, "");
16235
- return;
16236
- }
16237
- const depositAddress = await confirmCheckout?.(
16238
- selectedPaymentMethodInfo.paymentMethod
16239
- );
16368
+ const targetChainId = checkoutItem?.initSettings.config.targetChain;
16369
+ const sourceChainId = checkoutItem?.selectedSourceAssetInfo.chainId;
16370
+ const isFunWalletInitializedOnTargetChain = await funWallet?.getDeploymentStatus({
16371
+ chain: targetChainId
16372
+ });
16373
+ const shouldBatchOpBypassInit = selectedPaymentMethodInfo.paymentMethod === "balance" /* ACCOUNT_BALANCE */ && !isFunWalletInitializedOnTargetChain && targetChainId === sourceChainId;
16374
+ const depositAddress = await confirmCheckout?.(shouldBatchOpBypassInit);
16240
16375
  if (!depositAddress) {
16241
- setIsConfirming(false);
16242
16376
  throw new Error(
16243
16377
  "Invalid depositAddress - unable to proceed with checkout"
16244
16378
  );
@@ -16259,11 +16393,11 @@ function FunCheckoutConfirmationStep({
16259
16393
  }
16260
16394
  }, [
16261
16395
  selectedPaymentMethodInfo,
16262
- checkoutItem?.isDirectExecution,
16396
+ checkoutItem?.initSettings.config.targetChain,
16397
+ checkoutItem?.selectedSourceAssetInfo.chainId,
16398
+ funWallet,
16263
16399
  confirmCheckout,
16264
- handlePostCheckout,
16265
- handleWeb2DirectExecution,
16266
- onFinish
16400
+ handlePostCheckout
16267
16401
  ]);
16268
16402
  return /* @__PURE__ */ React43.createElement(Box, {
16269
16403
  display: "flex",
@@ -16827,7 +16961,11 @@ var FunIconButton = ({
16827
16961
  icon,
16828
16962
  size = "20",
16829
16963
  showBorder = true,
16830
- ariaLabel = "Button"
16964
+ paddingX = "2",
16965
+ paddingY = "2",
16966
+ borderRadius = "full",
16967
+ ariaLabel = "Button",
16968
+ color = "modalText"
16831
16969
  }) => {
16832
16970
  return /* @__PURE__ */ React49.createElement(Box, {
16833
16971
  display: "flex",
@@ -16836,19 +16974,26 @@ var FunIconButton = ({
16836
16974
  "aria-label": ariaLabel,
16837
16975
  background: "modalBackground",
16838
16976
  borderColor: { base: "modalBorder", hover: "modalTextDim" },
16839
- borderRadius: "full",
16977
+ borderRadius,
16840
16978
  borderStyle: "solid",
16841
16979
  borderWidth: showBorder ? "1" : "0",
16980
+ paddingX,
16981
+ paddingY,
16842
16982
  className: funIconButtonStyle,
16843
- color: "closeButton",
16844
- height: size,
16845
- width: size,
16983
+ color,
16846
16984
  justifyContent: "center",
16847
16985
  onClick,
16848
16986
  style: { willChange: "transform" },
16849
16987
  transition: "default",
16850
16988
  type: "button"
16851
- }, icon);
16989
+ }, /* @__PURE__ */ React49.createElement(Box, {
16990
+ display: "flex",
16991
+ alignItems: "center",
16992
+ justifyContent: "center",
16993
+ height: size,
16994
+ width: size,
16995
+ className: iconStyle
16996
+ }, icon));
16852
16997
  };
16853
16998
 
16854
16999
  // src/components/Icons/Close.tsx
@@ -16911,25 +17056,13 @@ var FunBackIcon = () => {
16911
17056
  // src/components/FunButton/FunBackButton.tsx
16912
17057
  var FunBackButton = ({ onBack }) => {
16913
17058
  const mobile = isMobile();
16914
- return /* @__PURE__ */ React53.createElement(Box, {
16915
- alignItems: "center",
16916
- as: "button",
16917
- background: "modalBackground",
16918
- borderColor: { base: "modalBorder", hover: "modalTextDim" },
16919
- borderRadius: "full",
16920
- borderStyle: "solid",
16921
- borderWidth: mobile ? "0" : "1",
16922
- className: funIconButtonStyle,
16923
- color: "closeButton",
16924
- display: "flex",
16925
- height: "24",
16926
- width: "24",
16927
- justifyContent: "center",
17059
+ return /* @__PURE__ */ React53.createElement(FunIconButton, {
16928
17060
  onClick: onBack,
16929
- style: { willChange: "transform" },
16930
- transition: "default",
16931
- type: "button"
16932
- }, /* @__PURE__ */ React53.createElement(FunBackIcon, null));
17061
+ icon: /* @__PURE__ */ React53.createElement(FunBackIcon, null),
17062
+ ariaLabel: "Back",
17063
+ showBorder: !mobile,
17064
+ size: "24"
17065
+ });
16933
17066
  };
16934
17067
 
16935
17068
  // src/components/FunModalTitleSection/FunModalTitleSection.css.ts
@@ -17974,12 +18107,13 @@ function FunPaymentMoonpayType({
17974
18107
  const [walletAddress, setWalletAddress] = useState16("");
17975
18108
  const { appName } = useAppInfoInternal();
17976
18109
  const funkitConfig = useFunkitConfig();
18110
+ const depositTokenAmountStringFormatted = formatTokenAmountForMoonpay(depositTokenAmount);
17977
18111
  const fetchMoonpayUrl = async () => {
17978
18112
  const url = await handleGetMoonpayUrl(
17979
18113
  depositToken,
17980
18114
  parseInt(depositTokenChainId),
17981
18115
  paymentAddress,
17982
- depositTokenAmount.toString()
18116
+ depositTokenAmountStringFormatted
17983
18117
  );
17984
18118
  const queryParams = new URLSearchParams(url.split("?")[1]);
17985
18119
  const _currencyCode = queryParams.get("currencyCode");
@@ -18026,7 +18160,7 @@ function FunPaymentMoonpayType({
18026
18160
  paddingBottom: "24"
18027
18161
  }, /* @__PURE__ */ React67.createElement(MoonPayBuyWidget, {
18028
18162
  variant: "embedded",
18029
- quoteCurrencyAmount: depositTokenAmount.toString(),
18163
+ quoteCurrencyAmount: depositTokenAmountStringFormatted,
18030
18164
  currencyCode,
18031
18165
  walletAddress,
18032
18166
  onUrlSignatureRequested: handleGetSignature,
@@ -18123,10 +18257,13 @@ function LineItem({
18123
18257
  display: "flex",
18124
18258
  flexDirection: "row",
18125
18259
  gap: "8"
18260
+ }, /* @__PURE__ */ React71.createElement(Box, {
18261
+ display: "flex",
18262
+ alignItems: "center"
18126
18263
  }, /* @__PURE__ */ React71.createElement(Text, {
18127
18264
  color: "modalText",
18128
18265
  size: "16"
18129
- }, value), valueSuffix ? /* @__PURE__ */ React71.createElement(Box, {
18266
+ }, value)), valueSuffix ? /* @__PURE__ */ React71.createElement(Box, {
18130
18267
  display: "flex",
18131
18268
  alignItems: "center"
18132
18269
  }, valueSuffix) : null));
@@ -18235,8 +18372,8 @@ function FWSettings({
18235
18372
  paddingBottom: "28",
18236
18373
  className: animateOut ? animateContentOutClass5 : animateContentInClass5
18237
18374
  }, /* @__PURE__ */ React71.createElement(LineItem, {
18238
- label: "Email",
18239
- value: userEmail
18375
+ label: userEmail.label,
18376
+ value: userEmail.id
18240
18377
  }), /* @__PURE__ */ React71.createElement(LineItem, {
18241
18378
  label: "Address",
18242
18379
  value: formatAddress(address),
@@ -19108,7 +19245,6 @@ function FunPaymentMethods({
19108
19245
  }
19109
19246
 
19110
19247
  // src/components/FunkitProvider/FunkitCheckoutContext.tsx
19111
- var DIRECT_EXECUTION_ESTIMATED_TIME_MS = 3e4;
19112
19248
  var FunkitCheckoutContext = createContext12({
19113
19249
  activeCheckouts: {},
19114
19250
  checkoutHistoryList: [],
@@ -19123,8 +19259,7 @@ var FunkitCheckoutContext = createContext12({
19123
19259
  _confirmCheckout: () => Promise.resolve("0x"),
19124
19260
  _getCheckoutQuote: () => Promise.resolve(void 0),
19125
19261
  _getCheckoutDraftDollarValue: () => Promise.resolve(void 0),
19126
- _generateSignedBatchOperation: () => Promise.resolve(null),
19127
- _handleWeb2DirectExecution: () => Promise.resolve(void 0)
19262
+ _generateSignedBatchOperation: () => Promise.resolve(null)
19128
19263
  });
19129
19264
  var CHECKOUT_HISTORY_REFETCH_INTERVAL_MS = 5e3;
19130
19265
  function FunkitCheckoutProvider({ children }) {
@@ -19175,18 +19310,18 @@ function FunkitCheckoutProvider({ children }) {
19175
19310
  clearInterval(intervalRef.current);
19176
19311
  }, []);
19177
19312
  const _initNewCheckout = useCallback13(
19178
- (initSettings, isDirectExecution, sourceSymbol) => {
19313
+ (initSettings, hasSufficientBalance, sourceSymbol) => {
19179
19314
  const newCheckoutId = uuid();
19180
19315
  const selectedSourceAssetFormatted = {
19181
- address: isDirectExecution ? initSettings.config.targetAsset : null,
19182
- chainId: isDirectExecution ? initSettings.config.targetChain : null,
19183
- symbol: isDirectExecution ? sourceSymbol : null
19316
+ address: hasSufficientBalance ? initSettings.config.targetAsset : null,
19317
+ chainId: hasSufficientBalance ? initSettings.config.targetChain : null,
19318
+ symbol: hasSufficientBalance ? sourceSymbol : null
19184
19319
  };
19185
19320
  const newActiveCheckoutItem = {
19186
19321
  id: newCheckoutId,
19187
19322
  startTimestampMs: Date.now(),
19188
19323
  draftDollarValue: null,
19189
- isQuoting: isDirectExecution,
19324
+ isQuoting: hasSufficientBalance,
19190
19325
  latestQuote: null,
19191
19326
  quoteErrorMessage: "",
19192
19327
  depositAddress: null,
@@ -19198,7 +19333,7 @@ function FunkitCheckoutProvider({ children }) {
19198
19333
  targetAsset: initSettings.config.targetAsset.toLowerCase()
19199
19334
  }
19200
19335
  },
19201
- isDirectExecution
19336
+ isFastForwarded: hasSufficientBalance
19202
19337
  };
19203
19338
  setActiveCheckouts({
19204
19339
  ...activeCheckouts,
@@ -19261,7 +19396,7 @@ function FunkitCheckoutProvider({ children }) {
19261
19396
  [activeCheckouts]
19262
19397
  );
19263
19398
  const _getCheckoutQuote = useCallback13(
19264
- async (checkoutId, sponsorInitialTransferGasLimit) => {
19399
+ async (checkoutId, sponsorInitialTransferGasLimit, paymentMethod) => {
19265
19400
  if (!activeCheckouts?.[checkoutId]) {
19266
19401
  throw new Error(
19267
19402
  `Funkit Internal Error: Unable to find checkout with id: ${checkoutId}`
@@ -19299,10 +19434,32 @@ function FunkitCheckoutProvider({ children }) {
19299
19434
  sponsorInitialTransferGasLimit: sponsorInitialTransferGasLimit.toString(),
19300
19435
  apiKey: funkitConfig.apiKey || ""
19301
19436
  });
19302
- const finalEstimation = {
19303
- ...newEstimation,
19304
- estCheckoutTimeMs: checkoutItem.isDirectExecution ? DIRECT_EXECUTION_ESTIMATED_TIME_MS : newEstimation.estCheckoutTimeMs
19305
- };
19437
+ const finalEstimation = newEstimation;
19438
+ if (paymentMethod === "card" /* CARD */) {
19439
+ let moonpayChainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[checkoutItem.selectedSourceAssetInfo.chainId].moonpayChainName;
19440
+ if (moonpayChainName !== "") {
19441
+ moonpayChainName = `_${moonpayChainName}`;
19442
+ }
19443
+ const mpCurrencyCode = `${checkoutItem.selectedSourceAssetInfo.symbol}${moonpayChainName}`.toLowerCase();
19444
+ const moonpayEstimation = await getMoonpayBuyQuoteForCreditCard({
19445
+ currencyCode: mpCurrencyCode,
19446
+ quoteCurrencyAmount: formatTokenAmountForMoonpay(
19447
+ parseFloat(newEstimation.estTotalFromAmount)
19448
+ ),
19449
+ baseCurrencyCode: "usd",
19450
+ areFeesIncluded: true,
19451
+ apiKey: funkitConfig.apiKey || ""
19452
+ });
19453
+ if (moonpayEstimation["errors"]) {
19454
+ throw new Error("Moonpay estimation error");
19455
+ }
19456
+ const moonpayFees = parseFloat(moonpayEstimation.feeAmount) + parseFloat(moonpayEstimation.networkFeeAmount) + parseFloat(moonpayEstimation.extraFeeAmount);
19457
+ const originalEstFeesUsd = finalEstimation.estFeesUsd;
19458
+ finalEstimation.estFeesUsd = moonpayFees;
19459
+ finalEstimation.estTotalUsd += moonpayFees - originalEstFeesUsd;
19460
+ finalEstimation.estCheckoutTimeMs += MOONPAY_TIME_ESTIMATE_MS;
19461
+ } else if (paymentMethod === "brokerage" /* BROKERAGE */) {
19462
+ }
19306
19463
  checkoutItem?.initSettings?.onEstimation?.(finalEstimation);
19307
19464
  setActiveCheckouts({
19308
19465
  ...activeCheckouts,
@@ -19329,7 +19486,7 @@ function FunkitCheckoutProvider({ children }) {
19329
19486
  [account?.address, activeCheckouts, funkitConfig?.apiKey]
19330
19487
  );
19331
19488
  const _generateSignedBatchOperation = useCallback13(
19332
- async (actionsParams, assetChainId, bypassWalletInit, isDirectExecution) => {
19489
+ async (actionsParams, assetChainId, bypassWalletInit) => {
19333
19490
  if (!funWallet || !funWalletAuth || !account.address) {
19334
19491
  throw new Error("Funwallet or auth not defined");
19335
19492
  }
@@ -19344,17 +19501,10 @@ function FunkitCheckoutProvider({ children }) {
19344
19501
  );
19345
19502
  txParamsList.push(formattedTxParams);
19346
19503
  });
19347
- let newConfig;
19348
- if (isDirectExecution) {
19349
- newConfig = getFunkitEnvForDirectExecution({
19350
- chainId: assetChainId
19351
- });
19352
- } else {
19353
- newConfig = getFunkitEnvForCheckoutEstimation({
19354
- chainId: assetChainId,
19355
- bypassWalletInit
19356
- });
19357
- }
19504
+ const newConfig = getFunkitEnvForCheckoutEstimation({
19505
+ chainId: assetChainId,
19506
+ bypassWalletInit
19507
+ });
19358
19508
  const userId = await funWalletAuth?.getUserId();
19359
19509
  const batchOperation = await funWallet.createBatchOperation(
19360
19510
  funWalletAuth,
@@ -19373,56 +19523,8 @@ function FunkitCheckoutProvider({ children }) {
19373
19523
  },
19374
19524
  [funWallet, funWalletAuth, account]
19375
19525
  );
19376
- const _handleWeb2DirectExecution = useCallback13(
19377
- async (checkoutId) => {
19378
- if (!activeCheckouts?.[checkoutId]) {
19379
- throw new Error(
19380
- `Funkit Internal Error: Unable to find checkout with id: ${checkoutId}`
19381
- );
19382
- }
19383
- const checkoutItem = activeCheckouts?.[checkoutId];
19384
- if (funWallet && funWalletAuth) {
19385
- try {
19386
- const batchOperation = await _generateSignedBatchOperation(
19387
- checkoutItem.initSettings.config.actionsParams,
19388
- checkoutItem.initSettings.config.targetChain,
19389
- false,
19390
- true
19391
- );
19392
- if (!batchOperation) {
19393
- throw new Error("Invalid batchOperation");
19394
- }
19395
- const newConfig = getFunkitEnvForDirectExecution({
19396
- chainId: checkoutItem.initSettings.config.targetChain
19397
- });
19398
- const operationReciept = await funWallet.executeOperation(
19399
- funWalletAuth,
19400
- batchOperation,
19401
- newConfig
19402
- );
19403
- if (operationReciept) {
19404
- checkoutItem.initSettings.onSuccess?.({
19405
- type: "success",
19406
- message: "FunWallet direct execution succeeded",
19407
- metadata: {
19408
- receipt: operationReciept
19409
- }
19410
- });
19411
- }
19412
- } catch (err) {
19413
- console.error("FunWallet direct execution failed");
19414
- checkoutItem.initSettings.onError?.({
19415
- type: "error",
19416
- message: "FunWallet direct execution failed",
19417
- metadata: err
19418
- });
19419
- }
19420
- }
19421
- },
19422
- [_generateSignedBatchOperation, activeCheckouts, funWallet, funWalletAuth]
19423
- );
19424
19526
  const _confirmCheckout = useCallback13(
19425
- async (checkoutId, paymentMethod) => {
19527
+ async (checkoutId, shouldbatchOpBypassInit) => {
19426
19528
  if (!funkitConfig?.apiKey) {
19427
19529
  throw new Error(
19428
19530
  `Funkit Internal Error: Unable to detect funkit api key`
@@ -19439,12 +19541,10 @@ function FunkitCheckoutProvider({ children }) {
19439
19541
  `Funkit Internal Error: Unable to find checkout with id: ${checkoutId}`
19440
19542
  );
19441
19543
  }
19442
- const isAccountBalancePaymentMethod = paymentMethod === "balance" /* ACCOUNT_BALANCE */;
19443
19544
  const signedBatchOperation = await _generateSignedBatchOperation(
19444
19545
  checkoutItem.initSettings.config.actionsParams,
19445
19546
  checkoutItem.initSettings.config.targetChain,
19446
- isAccountBalancePaymentMethod,
19447
- false
19547
+ shouldbatchOpBypassInit
19448
19548
  );
19449
19549
  const depositAddress = await postApiInitializeCheckout({
19450
19550
  userOp: signedBatchOperation.userOp,
@@ -19484,8 +19584,7 @@ function FunkitCheckoutProvider({ children }) {
19484
19584
  _getCheckoutDraftDollarValue,
19485
19585
  _getCheckoutQuote,
19486
19586
  _confirmCheckout,
19487
- _generateSignedBatchOperation,
19488
- _handleWeb2DirectExecution
19587
+ _generateSignedBatchOperation
19489
19588
  };
19490
19589
  return /* @__PURE__ */ React79.createElement(FunkitCheckoutContext.Provider, {
19491
19590
  value: contextValue
@@ -19497,9 +19596,7 @@ var useFunkitPreCheckoutInternal = (checkoutId) => {
19497
19596
  _updateSelectedSourceAsset,
19498
19597
  _confirmCheckout,
19499
19598
  _getCheckoutQuote,
19500
- _getCheckoutDraftDollarValue,
19501
- _handleWeb2DirectExecution,
19502
- _generateSignedBatchOperation
19599
+ _getCheckoutDraftDollarValue
19503
19600
  } = useContext10(FunkitCheckoutContext);
19504
19601
  if (!checkoutId) {
19505
19602
  return {
@@ -19507,9 +19604,7 @@ var useFunkitPreCheckoutInternal = (checkoutId) => {
19507
19604
  updateSourceAsset: () => void 0,
19508
19605
  confirmCheckout: async () => await Promise.resolve("0x"),
19509
19606
  getCheckoutDraftDollarValue: async () => await Promise.resolve(void 0),
19510
- getCheckoutQuote: async () => await Promise.resolve(void 0),
19511
- handleWeb2DirectExecution: async () => await Promise.resolve(void 0),
19512
- generateSignedBatchOperationForDirectExecution: async () => await Promise.resolve(null)
19607
+ getCheckoutQuote: async () => await Promise.resolve(void 0)
19513
19608
  };
19514
19609
  }
19515
19610
  const checkoutItem = activeCheckouts?.[checkoutId];
@@ -19521,16 +19616,13 @@ var useFunkitPreCheckoutInternal = (checkoutId) => {
19521
19616
  newSourceAssetSymbol,
19522
19617
  newSourceAssetChainId
19523
19618
  ),
19524
- confirmCheckout: async (paymentMethod) => await _confirmCheckout(checkoutId, paymentMethod),
19525
- getCheckoutQuote: async (sponsorInitialTransferGasLimit) => await _getCheckoutQuote(checkoutId, sponsorInitialTransferGasLimit),
19526
- getCheckoutDraftDollarValue: async () => await _getCheckoutDraftDollarValue(checkoutId),
19527
- handleWeb2DirectExecution: async () => await _handleWeb2DirectExecution(checkoutId),
19528
- generateSignedBatchOperationForDirectExecution: async () => await _generateSignedBatchOperation(
19529
- checkoutItem.initSettings.config.actionsParams,
19530
- checkoutItem.initSettings.config.targetChain,
19531
- false,
19532
- true
19533
- )
19619
+ confirmCheckout: async (shouldBatchOpBypassInit) => await _confirmCheckout(checkoutId, shouldBatchOpBypassInit),
19620
+ getCheckoutQuote: async (sponsorInitialTransferGasLimit, paymentMethod) => await _getCheckoutQuote(
19621
+ checkoutId,
19622
+ sponsorInitialTransferGasLimit,
19623
+ paymentMethod
19624
+ ),
19625
+ getCheckoutDraftDollarValue: async () => await _getCheckoutDraftDollarValue(checkoutId)
19534
19626
  };
19535
19627
  };
19536
19628
  var useFunkitPostCheckoutInternal = (depositAddress) => {
@@ -19562,9 +19654,12 @@ var useFunkitCheckout = (props) => {
19562
19654
  const { config, onValidation, onSuccess, onError } = props;
19563
19655
  const { _initNewCheckout } = useContext10(FunkitCheckoutContext);
19564
19656
  const { openFunCheckoutModal } = useFunCheckoutModal();
19657
+ const { openConnectModal } = useConnectModal();
19565
19658
  const connectionStatus = useConnectionStatus();
19566
19659
  const { isLoggedIn: isWeb2Login, funWallet } = useFunkitWallet();
19567
19660
  const networks = useNetwork5();
19661
+ const { isConnected } = useAccount8();
19662
+ const [waitingLogin, setWaitingLogin] = useState20(void 0);
19568
19663
  const onErrorWrapper = useCallback13(
19569
19664
  (payload) => {
19570
19665
  console.error(payload);
@@ -19572,84 +19667,108 @@ var useFunkitCheckout = (props) => {
19572
19667
  },
19573
19668
  [onError]
19574
19669
  );
19575
- const _handleWeb3DirectExecution = useCallback13(async () => {
19576
- for (let i = 0; i < config.actionsParams.length; i++) {
19577
- try {
19578
- const { request } = await prepareWriteContract({
19579
- address: config.actionsParams[i].contractAddress,
19580
- abi: config.actionsParams[i].contractAbi,
19581
- functionName: config.actionsParams[i].functionName,
19582
- args: config.actionsParams[i].functionArgs
19583
- });
19584
- const { hash } = await writeContract(request);
19585
- if (hash) {
19586
- onSuccess?.({
19587
- type: "success",
19588
- message: "EOA execution confirmed",
19589
- metadata: {
19590
- receipt: hash
19591
- }
19670
+ const _handleWeb3DirectExecution = useCallback13(
19671
+ async (inputConfig) => {
19672
+ for (let i = 0; i < inputConfig.actionsParams.length; i++) {
19673
+ try {
19674
+ const { request } = await prepareWriteContract({
19675
+ address: inputConfig.actionsParams[i].contractAddress,
19676
+ abi: inputConfig.actionsParams[i].contractAbi,
19677
+ functionName: inputConfig.actionsParams[i].functionName,
19678
+ args: inputConfig.actionsParams[i].functionArgs
19679
+ });
19680
+ const { hash } = await writeContract(request);
19681
+ if (hash) {
19682
+ onSuccess?.({
19683
+ type: "success",
19684
+ message: "EOA execution confirmed",
19685
+ metadata: {
19686
+ receipt: hash
19687
+ }
19688
+ });
19689
+ } else {
19690
+ throw new Error("Invalid or missing execution hash");
19691
+ }
19692
+ } catch (err) {
19693
+ console.error("EOA execution failed", err);
19694
+ onErrorWrapper?.({
19695
+ type: "error",
19696
+ message: "EOA execution failed",
19697
+ metadata: err
19592
19698
  });
19593
- } else {
19594
- throw new Error("Invalid or missing execution hash");
19595
19699
  }
19596
- } catch (err) {
19597
- console.error("EOA execution failed", err);
19598
- onErrorWrapper?.({
19599
- type: "error",
19600
- message: "EOA execution failed",
19601
- metadata: err
19602
- });
19603
19700
  }
19604
- }
19605
- }, [config.actionsParams, onErrorWrapper, onSuccess]);
19606
- const beginCheckout = useCallback13(async () => {
19607
- const validationResult = validateCheckoutConfig(config);
19608
- onValidation?.(validationResult);
19609
- if (validationResult.isValid) {
19610
- let newId = _initNewCheckout?.(props, false);
19611
- if (isWeb2Login || connectionStatus !== "connected" /* CONNECTED */) {
19612
- if (funWallet && networks.chain) {
19613
- const { result, tokenTicker } = await testAutoExecutionDuringCheckout(
19614
- config,
19615
- networks.chain,
19616
- funWallet
19617
- );
19618
- if (result) {
19619
- newId = _initNewCheckout?.(props, true, tokenTicker);
19620
- } else if (!FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[config.targetChain].isFiatCheckoutSupported) {
19621
- onErrorWrapper?.({
19622
- type: "error",
19623
- message: "Unable to begin a new checkout: Insufficient funds on testnet account",
19624
- metadata: {}
19625
- });
19626
- return;
19701
+ },
19702
+ [onErrorWrapper, onSuccess]
19703
+ );
19704
+ const beginCheckout = useCallback13(
19705
+ async (inputConfig = config) => {
19706
+ const validationResult = validateCheckoutConfig(inputConfig);
19707
+ onValidation?.(validationResult);
19708
+ if (validationResult.isValid) {
19709
+ let newId = _initNewCheckout?.({ ...props, config: inputConfig }, false);
19710
+ if (isWeb2Login || connectionStatus !== "connected" /* CONNECTED */) {
19711
+ if (funWallet && networks.chain) {
19712
+ const { result, tokenTicker } = await testAutoExecutionDuringCheckout(inputConfig, funWallet);
19713
+ if (result) {
19714
+ newId = _initNewCheckout?.(
19715
+ { ...props, config: inputConfig },
19716
+ true,
19717
+ tokenTicker
19718
+ );
19719
+ } else if (!FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[inputConfig.targetChain].isFiatCheckoutSupported) {
19720
+ onErrorWrapper?.({
19721
+ type: "error",
19722
+ message: "Unable to begin a new checkout: Insufficient funds on testnet account",
19723
+ metadata: {}
19724
+ });
19725
+ return;
19726
+ }
19727
+ openFunCheckoutModal?.(newId);
19728
+ } else {
19729
+ openConnectModal?.();
19730
+ setWaitingLogin(inputConfig);
19731
+ }
19732
+ } else {
19733
+ if (isConnected) {
19734
+ await _handleWeb3DirectExecution(inputConfig);
19735
+ } else {
19736
+ openConnectModal?.();
19737
+ setWaitingLogin(inputConfig);
19627
19738
  }
19628
- openFunCheckoutModal?.(newId);
19629
19739
  }
19630
19740
  } else {
19631
- await _handleWeb3DirectExecution();
19741
+ onErrorWrapper?.({
19742
+ type: "error",
19743
+ message: `Unable to begin a new checkout: ${validationResult.message}`,
19744
+ metadata: {}
19745
+ });
19632
19746
  }
19633
- } else {
19634
- onErrorWrapper?.({
19635
- type: "error",
19636
- message: `Unable to begin a new checkout: ${validationResult.message}`,
19637
- metadata: {}
19638
- });
19747
+ },
19748
+ [
19749
+ config,
19750
+ onValidation,
19751
+ _initNewCheckout,
19752
+ props,
19753
+ isWeb2Login,
19754
+ connectionStatus,
19755
+ funWallet,
19756
+ networks.chain,
19757
+ openFunCheckoutModal,
19758
+ onErrorWrapper,
19759
+ openConnectModal,
19760
+ isConnected,
19761
+ _handleWeb3DirectExecution
19762
+ ]
19763
+ );
19764
+ useEffect20(() => {
19765
+ if (!waitingLogin)
19766
+ return;
19767
+ if (isWeb2Login || isConnected) {
19768
+ setWaitingLogin(void 0);
19769
+ beginCheckout(waitingLogin);
19639
19770
  }
19640
- }, [
19641
- config,
19642
- onValidation,
19643
- _initNewCheckout,
19644
- props,
19645
- isWeb2Login,
19646
- connectionStatus,
19647
- funWallet,
19648
- networks.chain,
19649
- openFunCheckoutModal,
19650
- onErrorWrapper,
19651
- _handleWeb3DirectExecution
19652
- ]);
19771
+ }, [beginCheckout, isConnected, isWeb2Login, waitingLogin]);
19653
19772
  return {
19654
19773
  beginCheckout
19655
19774
  };
@@ -19675,7 +19794,7 @@ function setRainbowKitVersion({ version }) {
19675
19794
  }
19676
19795
  function useFingerprint() {
19677
19796
  const fingerprint = useCallback14(() => {
19678
- setRainbowKitVersion({ version: "0.1.5" });
19797
+ setRainbowKitVersion({ version: "0.1.7" });
19679
19798
  }, []);
19680
19799
  useEffect21(() => {
19681
19800
  fingerprint();
@@ -20301,11 +20420,11 @@ var ShortFunToast = ({
20301
20420
 
20302
20421
  // src/components/Dialog/DialogContent.css.ts
20303
20422
  var bottomSheetOverrides = "DialogContent_bottomSheetOverrides__1pzt4237";
20304
- var dialogContent = "DialogContent_dialogContent__1pzt4231 sprinkles_background_modalBackground_base__1rsrm2ff4 sprinkles_borderColor_modalBorder_base__1rsrm2fi1 sprinkles_borderRadius_modal__1rsrm2fr sprinkles_borderStyle_solid__1rsrm2fv sprinkles_borderWidth_2__1rsrm2f10 sprinkles_boxShadow_dialog_base__1rsrm2fj4 sprinkles_display_flex_smallScreen__1rsrm2fa sprinkles_flexDirection_column__1rsrm2f14 sprinkles_overflow_hidden__1rsrm2f9p sprinkles_position_relative__1rsrm2fc8";
20305
- var dialogContentCompactMode = "DialogContent_dialogContentCompactMode__1pzt4234 DialogContent_dialogContent__1pzt4231 sprinkles_background_modalBackground_base__1rsrm2ff4 sprinkles_borderColor_modalBorder_base__1rsrm2fi1 sprinkles_borderRadius_modal__1rsrm2fr sprinkles_borderStyle_solid__1rsrm2fv sprinkles_borderWidth_2__1rsrm2f10 sprinkles_boxShadow_dialog_base__1rsrm2fj4 sprinkles_display_flex_smallScreen__1rsrm2fa sprinkles_flexDirection_column__1rsrm2f14 sprinkles_overflow_hidden__1rsrm2f9p sprinkles_position_relative__1rsrm2fc8";
20423
+ var dialogContent = "DialogContent_dialogContent__1pzt4231 sprinkles_background_modalBackground_base__1rsrm2ff4 sprinkles_borderColor_modalBorder_base__1rsrm2fi7 sprinkles_borderRadius_modal__1rsrm2fr sprinkles_borderStyle_solid__1rsrm2fv sprinkles_borderWidth_2__1rsrm2f10 sprinkles_boxShadow_dialog_base__1rsrm2fjg sprinkles_display_flex_smallScreen__1rsrm2fa sprinkles_flexDirection_column__1rsrm2f14 sprinkles_overflow_hidden__1rsrm2f9p sprinkles_position_relative__1rsrm2fc8";
20424
+ var dialogContentCompactMode = "DialogContent_dialogContentCompactMode__1pzt4234 DialogContent_dialogContent__1pzt4231 sprinkles_background_modalBackground_base__1rsrm2ff4 sprinkles_borderColor_modalBorder_base__1rsrm2fi7 sprinkles_borderRadius_modal__1rsrm2fr sprinkles_borderStyle_solid__1rsrm2fv sprinkles_borderWidth_2__1rsrm2f10 sprinkles_boxShadow_dialog_base__1rsrm2fjg sprinkles_display_flex_smallScreen__1rsrm2fa sprinkles_flexDirection_column__1rsrm2f14 sprinkles_overflow_hidden__1rsrm2f9p sprinkles_position_relative__1rsrm2fc8";
20306
20425
  var dialogContentMobile = "DialogContent_dialogContentMobile__1pzt4236 sprinkles_borderRadius_modalMobile__1rsrm2fs";
20307
- var dialogContentWideDesktop = "DialogContent_dialogContentWideDesktop__1pzt4233 DialogContent_dialogContent__1pzt4231 sprinkles_background_modalBackground_base__1rsrm2ff4 sprinkles_borderColor_modalBorder_base__1rsrm2fi1 sprinkles_borderRadius_modal__1rsrm2fr sprinkles_borderStyle_solid__1rsrm2fv sprinkles_borderWidth_2__1rsrm2f10 sprinkles_boxShadow_dialog_base__1rsrm2fj4 sprinkles_display_flex_smallScreen__1rsrm2fa sprinkles_flexDirection_column__1rsrm2f14 sprinkles_overflow_hidden__1rsrm2f9p sprinkles_position_relative__1rsrm2fc8";
20308
- var dialogContentWideMobile = "DialogContent_dialogContentWideMobile__1pzt4232 DialogContent_dialogContent__1pzt4231 sprinkles_background_modalBackground_base__1rsrm2ff4 sprinkles_borderColor_modalBorder_base__1rsrm2fi1 sprinkles_borderRadius_modal__1rsrm2fr sprinkles_borderStyle_solid__1rsrm2fv sprinkles_borderWidth_2__1rsrm2f10 sprinkles_boxShadow_dialog_base__1rsrm2fj4 sprinkles_display_flex_smallScreen__1rsrm2fa sprinkles_flexDirection_column__1rsrm2f14 sprinkles_overflow_hidden__1rsrm2f9p sprinkles_position_relative__1rsrm2fc8";
20426
+ var dialogContentWideDesktop = "DialogContent_dialogContentWideDesktop__1pzt4233 DialogContent_dialogContent__1pzt4231 sprinkles_background_modalBackground_base__1rsrm2ff4 sprinkles_borderColor_modalBorder_base__1rsrm2fi7 sprinkles_borderRadius_modal__1rsrm2fr sprinkles_borderStyle_solid__1rsrm2fv sprinkles_borderWidth_2__1rsrm2f10 sprinkles_boxShadow_dialog_base__1rsrm2fjg sprinkles_display_flex_smallScreen__1rsrm2fa sprinkles_flexDirection_column__1rsrm2f14 sprinkles_overflow_hidden__1rsrm2f9p sprinkles_position_relative__1rsrm2fc8";
20427
+ var dialogContentWideMobile = "DialogContent_dialogContentWideMobile__1pzt4232 DialogContent_dialogContent__1pzt4231 sprinkles_background_modalBackground_base__1rsrm2ff4 sprinkles_borderColor_modalBorder_base__1rsrm2fi7 sprinkles_borderRadius_modal__1rsrm2fr sprinkles_borderStyle_solid__1rsrm2fv sprinkles_borderWidth_2__1rsrm2f10 sprinkles_boxShadow_dialog_base__1rsrm2fjg sprinkles_display_flex_smallScreen__1rsrm2fa sprinkles_flexDirection_column__1rsrm2f14 sprinkles_overflow_hidden__1rsrm2f9p sprinkles_position_relative__1rsrm2fc8";
20309
20428
 
20310
20429
  // src/components/Dialog/DialogContent.tsx
20311
20430
  function DialogContent({
@@ -21083,12 +21202,12 @@ var SingleLoader = () => {
21083
21202
  gap: 10,
21084
21203
  display: "flex"
21085
21204
  }
21086
- }, /* @__PURE__ */ React100.createElement("div", {
21205
+ }, /* @__PURE__ */ React100.createElement(Box, {
21206
+ background: "loadingBase",
21087
21207
  style: {
21088
21208
  width: 24,
21089
21209
  height: 24,
21090
21210
  position: "relative",
21091
- background: "rgba(255, 255, 255, 0.05)",
21092
21211
  borderRadius: 40
21093
21212
  }
21094
21213
  }), /* @__PURE__ */ React100.createElement("div", {
@@ -21099,18 +21218,18 @@ var SingleLoader = () => {
21099
21218
  gap: 7,
21100
21219
  display: "inline-flex"
21101
21220
  }
21102
- }, /* @__PURE__ */ React100.createElement("div", {
21221
+ }, /* @__PURE__ */ React100.createElement(Box, {
21222
+ background: "loadingAccent",
21103
21223
  style: {
21104
21224
  width: 114,
21105
21225
  height: 15,
21106
- background: "rgba(255, 255, 255, 0.20)",
21107
21226
  borderRadius: 12
21108
21227
  }
21109
- }), /* @__PURE__ */ React100.createElement("div", {
21228
+ }), /* @__PURE__ */ React100.createElement(Box, {
21229
+ background: "loadingBase",
21110
21230
  style: {
21111
21231
  width: 114,
21112
21232
  height: 15,
21113
- background: "rgba(255, 255, 255, 0.05)",
21114
21233
  borderRadius: 12
21115
21234
  }
21116
21235
  }))), /* @__PURE__ */ React100.createElement("div", {
@@ -21121,11 +21240,11 @@ var SingleLoader = () => {
21121
21240
  gap: 2,
21122
21241
  display: "inline-flex"
21123
21242
  }
21124
- }, /* @__PURE__ */ React100.createElement("div", {
21243
+ }, /* @__PURE__ */ React100.createElement(Box, {
21244
+ background: "loadingBase",
21125
21245
  style: {
21126
21246
  width: 114,
21127
21247
  height: 15,
21128
- background: "rgba(255, 255, 255, 0.05)",
21129
21248
  borderRadius: 12
21130
21249
  }
21131
21250
  })));
@@ -21360,7 +21479,7 @@ function FWHome({
21360
21479
  return /* @__PURE__ */ React103.createElement(Box, null, /* @__PURE__ */ React103.createElement(FWProfileTitleSection, {
21361
21480
  animateOut,
21362
21481
  account,
21363
- userEmail,
21482
+ userEmail: userEmail.value,
21364
21483
  setAnimateOut,
21365
21484
  onChangeView,
21366
21485
  onClose
@@ -21870,6 +21989,7 @@ function FunCheckoutHistoryDetail({
21870
21989
  isTerminal
21871
21990
  } = useCheckoutStateBooleans(checkoutHistoryInfo.state);
21872
21991
  useCheckoutHistoryListener(isProcessing);
21992
+ useFunWalletAssetsListener(isProcessing || isCompleted);
21873
21993
  const timelineLabels = useMemo24(() => {
21874
21994
  const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[checkoutHistoryInfo.fromChainId].explorerInfo;
21875
21995
  return [
@@ -22260,7 +22380,7 @@ function FunCheckoutVerifyDetailsStep({
22260
22380
  var ANIMATION_DELAY = 150;
22261
22381
  var DUMMY_TRANSFER_PARAMS = {
22262
22382
  toAddress: "0x000000000000000000000000000000000000dEaD",
22263
- tokenAmount: 20
22383
+ tokenAmount: 5
22264
22384
  };
22265
22385
  function FunCheckoutModal({
22266
22386
  onClose,
@@ -22287,13 +22407,11 @@ function FunCheckoutModal({
22287
22407
  const [isSoftHidden, setIsSoftHidden] = useState30(false);
22288
22408
  const [animateOut, setAnimateOut] = useState30(false);
22289
22409
  const [previewId, setPreviewId] = useState30("");
22290
- const {
22291
- checkoutItem,
22292
- getCheckoutQuote,
22293
- generateSignedBatchOperationForDirectExecution
22294
- } = useFunkitPreCheckoutInternal(checkoutId || "");
22410
+ const { checkoutItem, getCheckoutQuote } = useFunkitPreCheckoutInternal(
22411
+ checkoutId || ""
22412
+ );
22295
22413
  const [checkoutStep, setCheckoutStep] = useState30(
22296
- checkoutItem?.isDirectExecution ? "confirmation" /* CONFIRMATION */ : "payment" /* SELECT_PAYMENT_METHOD */
22414
+ checkoutItem?.isFastForwarded ? "confirmation" /* CONFIRMATION */ : "payment" /* SELECT_PAYMENT_METHOD */
22297
22415
  );
22298
22416
  useEffect31(() => {
22299
22417
  return () => {
@@ -22302,7 +22420,7 @@ function FunCheckoutModal({
22302
22420
  }, []);
22303
22421
  const { generateCheckoutTransferOpItems } = useCheckoutAccountBalanceTransfer(checkoutId);
22304
22422
  const [selectedPaymentMethodInfo, setSelectedPaymentMethodInfo] = useState30(
22305
- checkoutItem?.isDirectExecution ? DEFAULT_WALLET_PAYMENT_CONFIG : null
22423
+ checkoutItem?.isFastForwarded ? DEFAULT_WALLET_PAYMENT_CONFIG : null
22306
22424
  );
22307
22425
  const titleConfig = useMemo26(() => {
22308
22426
  const baseTitle = checkoutItem?.initSettings?.config?.modalTitle || "Checkout";
@@ -22343,7 +22461,7 @@ function FunCheckoutModal({
22343
22461
  };
22344
22462
  case "confirmation" /* CONFIRMATION */:
22345
22463
  return {
22346
- hasBack: !checkoutItem?.isDirectExecution,
22464
+ hasBack: !checkoutItem?.isFastForwarded,
22347
22465
  onBack: () => {
22348
22466
  setAnimateOut(true);
22349
22467
  setTimeout(() => {
@@ -22372,6 +22490,7 @@ function FunCheckoutModal({
22372
22490
  }
22373
22491
  }, [
22374
22492
  checkoutItem?.initSettings?.config?.modalTitle,
22493
+ checkoutItem?.isFastForwarded,
22375
22494
  checkoutStep,
22376
22495
  selectedPaymentMethodInfo?.paymentMethod
22377
22496
  ]);
@@ -22393,16 +22512,13 @@ function FunCheckoutModal({
22393
22512
  setIsSourceAssetConfirming(true);
22394
22513
  let sponsorInitialTransferGasLimit = 0;
22395
22514
  const selectedPaymentMethod = selectedPaymentMethodInfo?.paymentMethod;
22396
- if (selectedPaymentMethod === "balance" /* ACCOUNT_BALANCE */ && !checkoutItem.isDirectExecution) {
22515
+ if (selectedPaymentMethod === "balance" /* ACCOUNT_BALANCE */) {
22397
22516
  setSelectedPaymentMethodInfo(DEFAULT_WALLET_PAYMENT_CONFIG);
22398
22517
  const { transferOp } = await generateCheckoutTransferOpItems(
22399
22518
  DUMMY_TRANSFER_PARAMS.toAddress,
22400
22519
  DUMMY_TRANSFER_PARAMS.tokenAmount
22401
22520
  );
22402
22521
  sponsorInitialTransferGasLimit = Number(transferOp?.userOp.preVerificationGas || 0) + Number(transferOp?.userOp.callGasLimit || 0) + Number(transferOp?.userOp.verificationGasLimit || 0);
22403
- } else if (selectedPaymentMethod === "balance" /* ACCOUNT_BALANCE */ && checkoutItem.isDirectExecution) {
22404
- const batchOperation = await generateSignedBatchOperationForDirectExecution();
22405
- sponsorInitialTransferGasLimit = Number(batchOperation?.userOp.preVerificationGas || 0) + Number(batchOperation?.userOp.callGasLimit || 0) + Number(batchOperation?.userOp.verificationGasLimit || 0);
22406
22522
  } else if (selectedPaymentMethod === "card" /* CARD */) {
22407
22523
  setSelectedPaymentMethodInfo({
22408
22524
  paymentMethod: "card" /* CARD */,
@@ -22413,7 +22529,10 @@ function FunCheckoutModal({
22413
22529
  });
22414
22530
  }
22415
22531
  setCheckoutStep("confirmation" /* CONFIRMATION */);
22416
- await getCheckoutQuote(sponsorInitialTransferGasLimit);
22532
+ await getCheckoutQuote(
22533
+ sponsorInitialTransferGasLimit,
22534
+ selectedPaymentMethod
22535
+ );
22417
22536
  }
22418
22537
  } catch (err) {
22419
22538
  console.error("Error confirming source asset", err);
@@ -22422,11 +22541,9 @@ function FunCheckoutModal({
22422
22541
  }
22423
22542
  }, [
22424
22543
  DEFAULT_WALLET_PAYMENT_CONFIG,
22425
- checkoutItem?.isDirectExecution,
22426
22544
  checkoutItem?.selectedSourceAssetInfo?.address,
22427
22545
  checkoutItem?.selectedSourceAssetInfo?.symbol,
22428
22546
  generateCheckoutTransferOpItems,
22429
- generateSignedBatchOperationForDirectExecution,
22430
22547
  getCheckoutQuote,
22431
22548
  selectedPaymentMethodInfo?.paymentMethod
22432
22549
  ]);
@@ -22537,8 +22654,6 @@ function FunCheckoutModal({
22537
22654
  setCheckoutStep("two_factor" /* TWO_FACTOR */);
22538
22655
  } else if (paymentMethod === "card" /* CARD */) {
22539
22656
  setCheckoutStep("payment_setup" /* PAYMENT_SETUP */);
22540
- } else if (paymentMethod === "balance" /* ACCOUNT_BALANCE */ && checkoutItem?.isDirectExecution) {
22541
- onClose();
22542
22657
  } else {
22543
22658
  redirectToCheckoutHistory(depositAddress);
22544
22659
  }
@@ -22607,14 +22722,14 @@ var FunConfirmDialogMenu = ({
22607
22722
  };
22608
22723
 
22609
22724
  // src/components/FunConnectModal/FunConnectModal.tsx
22610
- import React127 from "react";
22725
+ import React128 from "react";
22611
22726
  import { useDisconnect as useDisconnect4 } from "wagmi";
22612
22727
 
22613
22728
  // src/components/ConnectOptions/FunConnectOptions.tsx
22614
- import React126, { useCallback as useCallback23, useState as useState34 } from "react";
22729
+ import React127, { useCallback as useCallback23, useState as useState34 } from "react";
22615
22730
 
22616
22731
  // src/components/FunSignInFlow/FunSignInStep.tsx
22617
- import React119, { useCallback as useCallback22, useState as useState32 } from "react";
22732
+ import React120, { useCallback as useCallback22, useState as useState32 } from "react";
22618
22733
 
22619
22734
  // src/utils/groupBy.ts
22620
22735
  function groupBy(items, getKey) {
@@ -22697,8 +22812,103 @@ var ProfileIcon = () => {
22697
22812
  }));
22698
22813
  };
22699
22814
 
22815
+ // src/components/Icons/SocialMediaIcons.tsx
22816
+ import React118 from "react";
22817
+ var GoogleIcon = () => {
22818
+ return /* @__PURE__ */ React118.createElement("svg", {
22819
+ width: "18",
22820
+ height: "18",
22821
+ viewBox: "0 0 18 18",
22822
+ fill: "none",
22823
+ xmlns: "http://www.w3.org/2000/svg"
22824
+ }, /* @__PURE__ */ React118.createElement("g", {
22825
+ clipPath: "url(#clip0_1033_2902)"
22826
+ }, /* @__PURE__ */ React118.createElement("g", {
22827
+ clipPath: "url(#clip1_1033_2902)"
22828
+ }, /* @__PURE__ */ React118.createElement("path", {
22829
+ d: "M17.3612 7.68341C17.4368 7.68341 17.498 7.74467 17.498 7.82024V9.25684C17.498 9.79453 17.4481 10.3203 17.3523 10.8303C16.6113 14.7917 13.1213 17.7855 8.9381 17.7566C4.24421 17.7243 0.487676 13.9316 0.498068 9.23768C0.508395 4.55215 4.31009 0.756836 8.99804 0.756836C11.2948 0.756836 13.3787 1.668 14.9087 3.14806C14.9639 3.20148 14.9653 3.28954 14.911 3.34386L12.8786 5.37625C12.8263 5.42858 12.7417 5.42994 12.6881 5.37891C11.7278 4.46486 10.4286 3.9037 8.99804 3.9037C6.04392 3.9037 3.66508 6.26563 3.64503 9.21968C3.62487 12.1931 6.02931 14.6099 8.99804 14.6099C11.4068 14.6099 13.444 13.0187 14.1158 10.8303H9.13486C9.05929 10.8303 8.99804 10.769 8.99804 10.6934V7.8202C8.99804 7.74463 9.05929 7.68337 9.13486 7.68337H17.3612V7.68341Z",
22830
+ fill: "#2196F3"
22831
+ }), /* @__PURE__ */ React118.createElement("path", {
22832
+ d: "M17.3613 7.68359H16.3352C16.4107 7.68359 16.472 7.74485 16.472 7.82042V9.25702C16.472 9.79471 16.4221 10.3205 16.3263 10.8305C15.6193 14.6097 12.4104 17.5082 8.48453 17.7417C8.63474 17.7505 8.78595 17.7557 8.93822 17.7568C13.1215 17.7856 16.6114 14.7919 17.3524 10.8305C17.4482 10.3205 17.4981 9.79471 17.4981 9.25702V7.82039C17.4981 7.74485 17.4369 7.68359 17.3613 7.68359Z",
22833
+ fill: "#1E88E5"
22834
+ }), /* @__PURE__ */ React118.createElement("path", {
22835
+ d: "M4.13616 7.01503L1.55469 5.14981C3.00294 2.53038 5.79373 0.756836 8.99843 0.756836C11.2952 0.756836 13.3791 1.668 14.9091 3.14806C14.9643 3.20148 14.9657 3.28954 14.9114 3.34386L12.879 5.37625C12.8267 5.42848 12.7422 5.43011 12.6887 5.37918C11.7285 4.46496 10.4291 3.90373 8.99843 3.90373C6.84248 3.90373 4.98411 5.1782 4.13616 7.01503Z",
22836
+ fill: "#F44336"
22837
+ }), /* @__PURE__ */ React118.createElement("path", {
22838
+ d: "M3.39062 6.47666L4.13587 7.01511C4.90983 5.33855 6.52576 4.13108 8.44125 3.93303C8.45566 3.93147 8.46951 3.92957 8.48418 3.92818C8.31561 3.91218 8.14478 3.90381 7.97199 3.90381C6.0244 3.90381 4.32705 4.93055 3.39062 6.47666Z",
22839
+ fill: "#E53935"
22840
+ }), /* @__PURE__ */ React118.createElement("path", {
22841
+ d: "M13.882 3.14806C13.9373 3.20148 13.9387 3.28954 13.8843 3.34389L12.2347 4.99352C12.3927 5.11372 12.544 5.24228 12.6876 5.37894C12.7412 5.42998 12.8257 5.42862 12.8781 5.37629L14.9105 3.34389C14.9648 3.28954 14.9634 3.20152 14.9082 3.14806C13.3782 1.668 11.2943 0.756836 8.99753 0.756836C8.82517 0.756836 8.65418 0.76258 8.48438 0.772707C10.5775 0.897385 12.4668 1.77903 13.882 3.14806Z",
22842
+ fill: "#E53935"
22843
+ }), /* @__PURE__ */ React118.createElement("path", {
22844
+ d: "M15.232 15.0335C13.6798 16.7085 11.4606 17.7569 8.99676 17.7569C5.66894 17.7569 2.78784 15.8445 1.39258 13.0585L4.02808 11.2524C4.81894 13.2203 6.74572 14.61 8.99676 14.61C10.4094 14.61 11.6942 14.0628 12.6506 13.1686L15.232 15.0335Z",
22845
+ fill: "#4CAF50"
22846
+ }), /* @__PURE__ */ React118.createElement("path", {
22847
+ d: "M4.02911 11.2524L3.25195 11.785C4.15458 13.4665 5.92959 14.61 7.97161 14.61C8.1443 14.61 8.315 14.6015 8.4835 14.5856C6.45649 14.3923 4.75898 13.0686 4.02911 11.2524Z",
22848
+ fill: "#43A047"
22849
+ }), /* @__PURE__ */ React118.createElement("path", {
22850
+ d: "M8.99797 17.7569C11.4618 17.7569 13.681 16.7085 15.2332 15.0334L14.601 14.5767C13.1435 16.3905 10.9571 17.5939 8.48618 17.7414C8.65551 17.7515 8.82611 17.7569 8.99797 17.7569Z",
22851
+ fill: "#43A047"
22852
+ }), /* @__PURE__ */ React118.createElement("path", {
22853
+ d: "M3.64494 9.25693C3.64494 9.96223 3.7814 10.6358 4.0294 11.2525L1.39387 13.0585C0.820615 11.9147 0.498047 10.6234 0.498047 9.25693C0.498047 7.7673 0.881145 6.36726 1.5543 5.1499L4.13578 7.01512C3.82075 7.69681 3.64494 8.45654 3.64494 9.25693Z",
22854
+ fill: "#FFC107"
22855
+ }), /* @__PURE__ */ React118.createElement("path", {
22856
+ d: "M3.25262 11.7849L4.02977 11.2524C3.78177 10.6357 3.64531 9.96213 3.64531 9.25683C3.64531 8.45644 3.82112 7.69671 4.13615 7.01502L3.39091 6.47656C2.90697 7.2756 2.62611 8.21322 2.61927 9.21971C2.61296 10.1479 2.84296 11.0218 3.25262 11.7849Z",
22857
+ fill: "#FFB300"
22858
+ }))), /* @__PURE__ */ React118.createElement("defs", null, /* @__PURE__ */ React118.createElement("clipPath", {
22859
+ id: "clip0_1033_2902"
22860
+ }, /* @__PURE__ */ React118.createElement("rect", {
22861
+ width: "17",
22862
+ height: "17",
22863
+ fill: "white",
22864
+ transform: "translate(0.5 0.5)"
22865
+ })), /* @__PURE__ */ React118.createElement("clipPath", {
22866
+ id: "clip1_1033_2902"
22867
+ }, /* @__PURE__ */ React118.createElement("rect", {
22868
+ width: "17",
22869
+ height: "17",
22870
+ fill: "white",
22871
+ transform: "translate(0.5 0.756836)"
22872
+ }))));
22873
+ };
22874
+ var TwitterIcon = () => {
22875
+ return /* @__PURE__ */ React118.createElement("svg", {
22876
+ width: "17.6",
22877
+ height: "18",
22878
+ viewBox: "0 0 1200 1227",
22879
+ fill: "none",
22880
+ xmlns: "http://www.w3.org/2000/svg"
22881
+ }, /* @__PURE__ */ React118.createElement("path", {
22882
+ d: "M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z",
22883
+ fill: "currentColor"
22884
+ }));
22885
+ };
22886
+ var AppleIcon = () => {
22887
+ return /* @__PURE__ */ React118.createElement("svg", {
22888
+ width: "17",
22889
+ height: "18",
22890
+ viewBox: "0 0 17 18",
22891
+ fill: "none",
22892
+ xmlns: "http://www.w3.org/2000/svg"
22893
+ }, /* @__PURE__ */ React118.createElement("g", {
22894
+ clipPath: "url(#clip0_1049_3254)"
22895
+ }, /* @__PURE__ */ React118.createElement("path", {
22896
+ fillRule: "evenodd",
22897
+ clipRule: "evenodd",
22898
+ d: "M11.1086 3.21394C11.7283 2.4957 12.146 1.49533 12.0317 0.5C11.1387 0.534 10.0582 1.07047 9.4179 1.78787C8.84288 2.42451 8.34093 3.44176 8.47587 4.41755C9.47205 4.4915 10.4889 3.93302 11.1086 3.21394ZM13.3425 9.53125C13.3674 12.1042 15.6975 12.96 15.7233 12.9711C15.7044 13.0314 15.3511 14.1906 14.4959 15.3891C13.7559 16.4244 12.9883 17.4555 11.779 17.4776C10.5911 17.4988 10.2087 16.8027 8.84976 16.8027C7.49172 16.8027 7.06712 17.4554 5.94287 17.4988C4.77565 17.5404 3.88605 16.3787 3.14085 15.3468C1.61606 13.2363 0.451421 9.38257 2.01574 6.78162C2.79274 5.49048 4.18086 4.67162 5.68846 4.65122C6.83419 4.62997 7.91633 5.38999 8.61683 5.38999C9.31734 5.38999 10.6324 4.47625 12.0145 4.61055C12.593 4.6335 14.2174 4.83403 15.26 6.29685C15.1758 6.347 13.3218 7.38078 13.3425 9.53125Z",
22899
+ fill: "currentColor"
22900
+ })), /* @__PURE__ */ React118.createElement("defs", null, /* @__PURE__ */ React118.createElement("clipPath", {
22901
+ id: "clip0_1049_3254"
22902
+ }, /* @__PURE__ */ React118.createElement("rect", {
22903
+ width: "17",
22904
+ height: "17",
22905
+ fill: "currentColor",
22906
+ transform: "translate(0 0.5)"
22907
+ }))));
22908
+ };
22909
+
22700
22910
  // src/components/ModalSelection/ModalSelection.tsx
22701
- import React118, { useContext as useContext17, useState as useState31 } from "react";
22911
+ import React119, { useContext as useContext17, useState as useState31 } from "react";
22702
22912
 
22703
22913
  // src/components/FunkitProvider/useCoolMode.ts
22704
22914
  import { useContext as useContext16, useEffect as useEffect32, useRef as useRef11 } from "react";
@@ -22873,13 +23083,13 @@ var ModalSelection = ({
22873
23083
  const coolModeRef = useCoolMode(iconUrl);
22874
23084
  const [isMouseOver, setIsMouseOver] = useState31(false);
22875
23085
  const i18n2 = useContext17(I18nContext);
22876
- return /* @__PURE__ */ React118.createElement(Box, {
23086
+ return /* @__PURE__ */ React119.createElement(Box, {
22877
23087
  display: "flex",
22878
23088
  flexDirection: "column",
22879
23089
  onMouseEnter: () => setIsMouseOver(true),
22880
23090
  onMouseLeave: () => setIsMouseOver(false),
22881
23091
  ref: coolModeRef
22882
- }, /* @__PURE__ */ React118.createElement(Box, {
23092
+ }, /* @__PURE__ */ React119.createElement(Box, {
22883
23093
  as,
22884
23094
  borderRadius: "menuButton",
22885
23095
  borderStyle: "solid",
@@ -22909,28 +23119,28 @@ var ModalSelection = ({
22909
23119
  }
22910
23120
  },
22911
23121
  ...urlProps
22912
- }, /* @__PURE__ */ React118.createElement(Box, {
23122
+ }, /* @__PURE__ */ React119.createElement(Box, {
22913
23123
  color: currentlySelected ? "accentColorForeground" : "modalText",
22914
23124
  disabled: !ready,
22915
23125
  fontFamily: "body",
22916
23126
  fontSize: "16",
22917
23127
  fontWeight: "bold",
22918
23128
  transition: "default"
22919
- }, /* @__PURE__ */ React118.createElement(Box, {
23129
+ }, /* @__PURE__ */ React119.createElement(Box, {
22920
23130
  alignItems: "center",
22921
23131
  display: "flex",
22922
23132
  flexDirection: "row",
22923
23133
  gap: "12"
22924
- }, /* @__PURE__ */ React118.createElement(AsyncImage, {
23134
+ }, /* @__PURE__ */ React119.createElement(AsyncImage, {
22925
23135
  background: iconBackground,
22926
23136
  ...isMouseOver ? {} : { borderColor: "actionButtonBorder" },
22927
23137
  borderRadius: "6",
22928
23138
  height: "28",
22929
23139
  src: iconUrl,
22930
23140
  width: "28"
22931
- }), /* @__PURE__ */ React118.createElement(Box, null, /* @__PURE__ */ React118.createElement(Box, {
23141
+ }), /* @__PURE__ */ React119.createElement(Box, null, /* @__PURE__ */ React119.createElement(Box, {
22932
23142
  style: { marginTop: recent ? -2 : void 0 }
22933
- }, name), recent && /* @__PURE__ */ React118.createElement(Text, {
23143
+ }, name), recent && /* @__PURE__ */ React119.createElement(Text, {
22934
23144
  color: currentlySelected ? "accentColorForeground" : "accentColor",
22935
23145
  size: "12",
22936
23146
  style: { lineHeight: 1, marginTop: -1 },
@@ -22951,7 +23161,14 @@ function FunSignInStep({
22951
23161
  connectToWallet,
22952
23162
  setQrCodeUri
22953
23163
  }) {
22954
- const { loginInput, setLoginInput, isLoginInputValid, sendOTPCode, loading } = useFunkitWeb2Login();
23164
+ const {
23165
+ loginInput,
23166
+ setLoginInput,
23167
+ isLoginInputValid,
23168
+ sendOTPCode,
23169
+ handleOauthRedirect,
23170
+ loading
23171
+ } = useFunkitWeb2Login();
22955
23172
  const [emailError, setEmailError] = useState32();
22956
23173
  const funkitConfig = useFunkitConfig();
22957
23174
  const [signInType, setSignInType] = useState32(
@@ -23020,39 +23237,36 @@ function FunSignInStep({
23020
23237
  setEmailError("Error sending code to your email");
23021
23238
  }
23022
23239
  }, [sendOTPCode, funkitConnectWallet2, setSelectedWallet, changeStep]);
23023
- return /* @__PURE__ */ React119.createElement(Box, {
23240
+ return /* @__PURE__ */ React120.createElement(Box, {
23024
23241
  minHeight: "320"
23025
- }, /* @__PURE__ */ React119.createElement(FunModalTitleSection, {
23242
+ }, /* @__PURE__ */ React120.createElement(FunModalTitleSection, {
23026
23243
  title: "Get Started",
23027
23244
  hasCloseButton: true,
23028
23245
  onClose,
23029
23246
  customJustifyContentStyle: "space-between"
23030
- }), /* @__PURE__ */ React119.createElement(Box, {
23247
+ }), /* @__PURE__ */ React120.createElement(Box, {
23031
23248
  display: "flex",
23032
23249
  flexDirection: "column",
23033
23250
  paddingY: "20",
23034
23251
  gap: "20",
23035
23252
  className: animateContentIn
23036
- }, emailError && /* @__PURE__ */ React119.createElement(FunNotification, {
23037
- type: "error",
23038
- description: emailError
23039
- }), funkitConfig?.enabledLoginOptions?.web2 ? /* @__PURE__ */ React119.createElement(FunContainer, {
23253
+ }, funkitConfig?.enabledLoginOptions?.web2 ? /* @__PURE__ */ React120.createElement(FunContainer, {
23040
23254
  title: "Sign In",
23041
- titleSuffix: /* @__PURE__ */ React119.createElement(Box, {
23255
+ titleSuffix: /* @__PURE__ */ React120.createElement(Box, {
23042
23256
  color: "accentColor"
23043
- }, /* @__PURE__ */ React119.createElement(ProfileIcon, null)),
23257
+ }, /* @__PURE__ */ React120.createElement(ProfileIcon, null)),
23044
23258
  isCollapsible: true,
23045
23259
  isCollapsed: signInType !== 0 /* WEB2 */,
23046
23260
  showHoverEffect: signInType !== 0 /* WEB2 */,
23047
23261
  onClick: () => onClickSection(0 /* WEB2 */)
23048
- }, /* @__PURE__ */ React119.createElement(Box, {
23262
+ }, /* @__PURE__ */ React120.createElement(Box, {
23049
23263
  display: "flex",
23050
23264
  flexDirection: "row",
23051
23265
  gap: "5",
23052
23266
  width: "full"
23053
- }, /* @__PURE__ */ React119.createElement(Box, {
23267
+ }, /* @__PURE__ */ React120.createElement(Box, {
23054
23268
  style: { flex: 1 }
23055
- }, /* @__PURE__ */ React119.createElement(FunInput, {
23269
+ }, /* @__PURE__ */ React120.createElement(FunInput, {
23056
23270
  label: "Email Address",
23057
23271
  placeholder: "Enter your email",
23058
23272
  value: loginInput,
@@ -23061,47 +23275,89 @@ function FunSignInStep({
23061
23275
  setEmailError(void 0);
23062
23276
  },
23063
23277
  onKeySubmit: handleEmailSubmit
23064
- })), /* @__PURE__ */ React119.createElement(Box, {
23278
+ })), /* @__PURE__ */ React120.createElement(Box, {
23065
23279
  style: { flex: 1, maxWidth: 115 }
23066
- }, /* @__PURE__ */ React119.createElement(Box, {
23280
+ }, /* @__PURE__ */ React120.createElement(Box, {
23067
23281
  id: "ghost-div",
23068
23282
  style: { height: 26 }
23069
- }), /* @__PURE__ */ React119.createElement(FunButton, {
23283
+ }), /* @__PURE__ */ React120.createElement(FunButton, {
23070
23284
  type: "primary",
23071
23285
  title: "Next",
23072
23286
  borderRadius: "menuButton",
23073
23287
  isDisabled: !isLoginInputValid || loading,
23074
- titleSuffix: loading ? /* @__PURE__ */ React119.createElement(Box, {
23288
+ titleSuffix: loading ? /* @__PURE__ */ React120.createElement(Box, {
23075
23289
  display: "flex",
23076
23290
  alignItems: "center",
23077
23291
  color: "modalText"
23078
- }, /* @__PURE__ */ React119.createElement(SpinnerIcon, {
23292
+ }, /* @__PURE__ */ React120.createElement(SpinnerIcon, {
23079
23293
  height: 16,
23080
23294
  width: 16
23081
23295
  })) : null,
23082
23296
  onClick: handleEmailSubmit,
23083
23297
  buttonStyle: { height: "48px" }
23084
- }))), emailError && /* @__PURE__ */ React119.createElement(Box, {
23298
+ }))), /* @__PURE__ */ React120.createElement(FunDivider, null), /* @__PURE__ */ React120.createElement(Box, {
23299
+ display: "flex",
23300
+ flexDirection: "column",
23301
+ gap: "14"
23302
+ }, /* @__PURE__ */ React120.createElement(Box, {
23303
+ display: "flex",
23304
+ gap: "10",
23305
+ color: "accentColor"
23306
+ }, /* @__PURE__ */ React120.createElement(FunIconButton, {
23307
+ onClick: () => {
23308
+ handleOauthRedirect(privyOauthProvider.GOOGLE);
23309
+ },
23310
+ icon: /* @__PURE__ */ React120.createElement(GoogleIcon, null),
23311
+ ariaLabel: "",
23312
+ paddingX: "44",
23313
+ paddingY: "16",
23314
+ borderRadius: "24",
23315
+ showBorder: true,
23316
+ size: "24"
23317
+ }), /* @__PURE__ */ React120.createElement(FunIconButton, {
23318
+ onClick: () => {
23319
+ handleOauthRedirect(privyOauthProvider.TWITTER);
23320
+ },
23321
+ icon: /* @__PURE__ */ React120.createElement(TwitterIcon, null),
23322
+ ariaLabel: "",
23323
+ paddingX: "44",
23324
+ paddingY: "16",
23325
+ borderRadius: "24",
23326
+ showBorder: true,
23327
+ size: "24",
23328
+ color: "modalText"
23329
+ }), /* @__PURE__ */ React120.createElement(FunIconButton, {
23330
+ onClick: () => {
23331
+ handleOauthRedirect(privyOauthProvider.APPLE);
23332
+ },
23333
+ icon: /* @__PURE__ */ React120.createElement(AppleIcon, null),
23334
+ ariaLabel: "",
23335
+ paddingX: "44",
23336
+ paddingY: "16",
23337
+ borderRadius: "24",
23338
+ showBorder: true,
23339
+ size: "24"
23340
+ }))), emailError && /* @__PURE__ */ React120.createElement(Box, {
23085
23341
  paddingTop: "18"
23086
- }, /* @__PURE__ */ React119.createElement(FunNotification, {
23342
+ }, /* @__PURE__ */ React120.createElement(FunNotification, {
23087
23343
  type: "error",
23088
23344
  description: emailError
23089
- }))) : null, funkitConfig?.enabledLoginOptions?.web3 ? /* @__PURE__ */ React119.createElement(FunContainer, {
23345
+ }))) : null, funkitConfig?.enabledLoginOptions?.web3 ? /* @__PURE__ */ React120.createElement(FunContainer, {
23090
23346
  title: "Connect Wallet",
23091
- titleSuffix: /* @__PURE__ */ React119.createElement(Box, {
23347
+ titleSuffix: /* @__PURE__ */ React120.createElement(Box, {
23092
23348
  color: "accentColor"
23093
- }, /* @__PURE__ */ React119.createElement(WalletIcon, null)),
23349
+ }, /* @__PURE__ */ React120.createElement(WalletIcon, null)),
23094
23350
  isCollapsible: true,
23095
23351
  isCollapsed: signInType !== 1 /* WEB3 */,
23096
23352
  showHoverEffect: signInType !== 1 /* WEB3 */,
23097
23353
  onClick: () => onClickSection(1 /* WEB3 */)
23098
- }, /* @__PURE__ */ React119.createElement(Box, {
23354
+ }, /* @__PURE__ */ React120.createElement(Box, {
23099
23355
  display: "flex",
23100
23356
  flexDirection: "column",
23101
23357
  gap: "10",
23102
23358
  className: ScrollClassName
23103
23359
  }, funWeb3ConnectWallets.map((wallet) => {
23104
- return /* @__PURE__ */ React119.createElement(ModalSelection, {
23360
+ return /* @__PURE__ */ React120.createElement(ModalSelection, {
23105
23361
  currentlySelected: wallet.id === selectedOptionId,
23106
23362
  iconBackground: wallet.iconBackground,
23107
23363
  iconUrl: wallet.iconUrl,
@@ -23116,7 +23372,7 @@ function FunSignInStep({
23116
23372
  }
23117
23373
 
23118
23374
  // src/components/FunSignInFlow/FunWeb2ConnectingStep/FunWeb2ConnectingStep.tsx
23119
- import React120, { useEffect as useEffect33 } from "react";
23375
+ import React121, { useEffect as useEffect33 } from "react";
23120
23376
 
23121
23377
  // src/components/FunSignInFlow/FunWeb2ConnectingStep/FunWeb2ConnectingStep.css.ts
23122
23378
  var animateContentInClass10 = "FunWeb2ConnectingStep_animateContentInClass__rq6qkx2";
@@ -23137,14 +23393,14 @@ var FunWeb2ConnectingStep = (props) => {
23137
23393
  resetError
23138
23394
  } = useFunkitWeb2Login();
23139
23395
  const OTPTypeString = type === "Email" ? "Email Address" : "Phone Number";
23140
- const [backAnimation, setBackAnimation] = React120.useState(false);
23396
+ const [backAnimation, setBackAnimation] = React121.useState(false);
23141
23397
  useEffect33(() => {
23142
23398
  setCodeInput("");
23143
23399
  resetError();
23144
23400
  }, []);
23145
- return /* @__PURE__ */ React120.createElement(Box, {
23401
+ return /* @__PURE__ */ React121.createElement(Box, {
23146
23402
  height: "max"
23147
- }, /* @__PURE__ */ React120.createElement(FunModalTitleSection, {
23403
+ }, /* @__PURE__ */ React121.createElement(FunModalTitleSection, {
23148
23404
  title: "Verify Your " + type,
23149
23405
  hasCloseButton: true,
23150
23406
  onClose: props.onClose,
@@ -23154,56 +23410,56 @@ var FunWeb2ConnectingStep = (props) => {
23154
23410
  setTimeout(props.onBack, 150);
23155
23411
  },
23156
23412
  skipBackDelay: true
23157
- }), /* @__PURE__ */ React120.createElement(Box, {
23413
+ }), /* @__PURE__ */ React121.createElement(Box, {
23158
23414
  display: "flex",
23159
23415
  flexDirection: "column",
23160
23416
  paddingY: "20",
23161
23417
  gap: "20",
23162
23418
  className: backAnimation ? animateContentOutClass10 : animateContentInClass10
23163
- }, /* @__PURE__ */ React120.createElement(FunInput, {
23419
+ }, /* @__PURE__ */ React121.createElement(FunInput, {
23164
23420
  inputProps: { disabled: true },
23165
23421
  label: OTPTypeString,
23166
23422
  placeholder: `${loginInput}`,
23167
23423
  value: "",
23168
23424
  onChange: () => void 0
23169
- }), /* @__PURE__ */ React120.createElement(FunTwoFaInput_default, {
23425
+ }), /* @__PURE__ */ React121.createElement(FunTwoFaInput_default, {
23170
23426
  value: codeInput,
23171
23427
  onChange: setCodeInput,
23172
23428
  onCompleted: verifyOTPCode,
23173
23429
  hasError: isNotNullish(otpError) && otpError?.code == PRIVY_ERROR_CODES.INVALID_CREDENTIALS
23174
- }), /* @__PURE__ */ React120.createElement(Box, {
23430
+ }), /* @__PURE__ */ React121.createElement(Box, {
23175
23431
  display: "flex",
23176
23432
  flexDirection: "column",
23177
23433
  alignItems: "center",
23178
23434
  justifyContent: "flex-start"
23179
- }, /* @__PURE__ */ React120.createElement(Box, {
23435
+ }, /* @__PURE__ */ React121.createElement(Box, {
23180
23436
  display: "flex",
23181
23437
  justifyContent: "center"
23182
- }, /* @__PURE__ */ React120.createElement(Text, {
23438
+ }, /* @__PURE__ */ React121.createElement(Text, {
23183
23439
  color: "modalTextDim",
23184
23440
  size: "12"
23185
- }, "A code was sent to your ", type, "."), loading ? /* @__PURE__ */ React120.createElement("div", {
23441
+ }, "A code was sent to your ", type, "."), loading ? /* @__PURE__ */ React121.createElement("div", {
23186
23442
  style: { paddingLeft: "4px" }
23187
- }, /* @__PURE__ */ React120.createElement(Text, {
23443
+ }, /* @__PURE__ */ React121.createElement(Text, {
23188
23444
  color: "modalTextDim",
23189
23445
  size: "12",
23190
23446
  weight: "medium"
23191
- }, "Sent!")) : /* @__PURE__ */ React120.createElement(FunLinkButton, {
23447
+ }, "Sent!")) : /* @__PURE__ */ React121.createElement(FunLinkButton, {
23192
23448
  onClick: () => sendOTPCode(true),
23193
23449
  text: "Resend Code."
23194
- }))), otpError && otpError?.code == PRIVY_ERROR_CODES.NETWORK_ERROR ? /* @__PURE__ */ React120.createElement(FunNotification, {
23450
+ }))), otpError && otpError?.code == PRIVY_ERROR_CODES.NETWORK_ERROR ? /* @__PURE__ */ React121.createElement(FunNotification, {
23195
23451
  type: "error",
23196
23452
  description: "Network error. Please try again."
23197
- }) : null, /* @__PURE__ */ React120.createElement(FunButton, {
23453
+ }) : null, /* @__PURE__ */ React121.createElement(FunButton, {
23198
23454
  type: "primary",
23199
23455
  title: "Sign In",
23200
23456
  borderRadius: "menuButton",
23201
23457
  isDisabled: codeInput.length < 6 || verifying,
23202
- titleSuffix: verifying ? /* @__PURE__ */ React120.createElement(Box, {
23458
+ titleSuffix: verifying ? /* @__PURE__ */ React121.createElement(Box, {
23203
23459
  display: "flex",
23204
23460
  alignItems: "center",
23205
23461
  color: "modalText"
23206
- }, /* @__PURE__ */ React120.createElement(SpinnerIcon, {
23462
+ }, /* @__PURE__ */ React121.createElement(SpinnerIcon, {
23207
23463
  height: 16,
23208
23464
  width: 16
23209
23465
  })) : null,
@@ -23212,33 +23468,33 @@ var FunWeb2ConnectingStep = (props) => {
23212
23468
  };
23213
23469
 
23214
23470
  // src/components/FunSignInFlow/FunWeb3ConnectingStep.tsx
23215
- import React124 from "react";
23471
+ import React125 from "react";
23216
23472
 
23217
23473
  // src/components/ConnectOptions/ConnectDetails.tsx
23218
- import React123, { useContext as useContext19, useEffect as useEffect34 } from "react";
23474
+ import React124, { useContext as useContext19, useEffect as useEffect34 } from "react";
23219
23475
 
23220
23476
  // src/components/Icons/LinkIcon.tsx
23221
- import React121 from "react";
23477
+ import React122 from "react";
23222
23478
  var LinkIcon = () => {
23223
- return /* @__PURE__ */ React121.createElement("svg", {
23479
+ return /* @__PURE__ */ React122.createElement("svg", {
23224
23480
  width: "21",
23225
23481
  height: "11",
23226
23482
  viewBox: "0 0 21 11",
23227
23483
  fill: "none",
23228
23484
  xmlns: "http://www.w3.org/2000/svg"
23229
- }, /* @__PURE__ */ React121.createElement("path", {
23485
+ }, /* @__PURE__ */ React122.createElement("path", {
23230
23486
  d: "M7.375 1.33325H5.29167C3.32748 1.33325 2.34539 1.33325 1.73519 1.94345C1.125 2.55365 1.125 3.53575 1.125 5.49992C1.125 7.46409 1.125 8.44617 1.7352 9.05638C2.34539 9.66658 3.32748 9.66658 5.29167 9.66658H7.375",
23231
23487
  stroke: "currentColor",
23232
23488
  strokeWidth: "2.08333",
23233
23489
  strokeLinecap: "round",
23234
23490
  strokeLinejoin: "round"
23235
- }), /* @__PURE__ */ React121.createElement("path", {
23491
+ }), /* @__PURE__ */ React122.createElement("path", {
23236
23492
  d: "M13.625 9.66658H15.7083C17.6725 9.66658 18.6546 9.66658 19.2648 9.05638C19.875 8.44617 19.875 7.46409 19.875 5.49992C19.875 3.53575 19.875 2.55364 19.2648 1.94344C18.6546 1.33325 17.6725 1.33325 15.7083 1.33325H13.625",
23237
23493
  stroke: "currentColor",
23238
23494
  strokeWidth: "2.08333",
23239
23495
  strokeLinecap: "round",
23240
23496
  strokeLinejoin: "round"
23241
- }), /* @__PURE__ */ React121.createElement("path", {
23497
+ }), /* @__PURE__ */ React122.createElement("path", {
23242
23498
  d: "M6.3335 5.5H14.6668",
23243
23499
  stroke: "currentColor",
23244
23500
  strokeWidth: "2.08333",
@@ -23248,7 +23504,7 @@ var LinkIcon = () => {
23248
23504
  };
23249
23505
 
23250
23506
  // src/components/ConnectOptions/DesktopOptions.tsx
23251
- import React122, { useContext as useContext18, useState as useState33 } from "react";
23507
+ import React123, { useContext as useContext18, useState as useState33 } from "react";
23252
23508
  function DesktopOptions({ onClose }) {
23253
23509
  const modalSize = useContext18(ModalSizeContext);
23254
23510
  const compactModeEnabled = modalSize === ModalSizeOptions.COMPACT;
@@ -23261,10 +23517,10 @@ function DesktopOptions({ onClose }) {
23261
23517
  setWalletStep(newWalletStep);
23262
23518
  };
23263
23519
  const [email, setEmail] = useState33("");
23264
- return /* @__PURE__ */ React122.createElement(Box, {
23520
+ return /* @__PURE__ */ React123.createElement(Box, {
23265
23521
  display: "flex",
23266
23522
  flexDirection: "row"
23267
- }, /* @__PURE__ */ React122.createElement(Box, {
23523
+ }, /* @__PURE__ */ React123.createElement(Box, {
23268
23524
  className: compactModeEnabled ? sidebarCompactMode : sidebar,
23269
23525
  display: "flex",
23270
23526
  flexDirection: "column",
@@ -23312,14 +23568,14 @@ var getPlatformSrc = async () => {
23312
23568
  };
23313
23569
  var preloadPlatformIcon = () => loadImages(getPlatformSrc);
23314
23570
  function LinkItem() {
23315
- return /* @__PURE__ */ React123.createElement(Box, {
23571
+ return /* @__PURE__ */ React124.createElement(Box, {
23316
23572
  display: "flex",
23317
23573
  alignItems: "center",
23318
23574
  justifyContent: "center",
23319
23575
  width: "full"
23320
- }, /* @__PURE__ */ React123.createElement(Box, {
23576
+ }, /* @__PURE__ */ React124.createElement(Box, {
23321
23577
  style: { flex: 1 }
23322
- }, /* @__PURE__ */ React123.createElement(FunDivider, null)), /* @__PURE__ */ React123.createElement(Box, {
23578
+ }, /* @__PURE__ */ React124.createElement(FunDivider, null)), /* @__PURE__ */ React124.createElement(Box, {
23323
23579
  display: "flex",
23324
23580
  alignItems: "center",
23325
23581
  justifyContent: "center",
@@ -23327,9 +23583,9 @@ function LinkItem() {
23327
23583
  background: "modalBorder",
23328
23584
  padding: "8",
23329
23585
  borderRadius: "13"
23330
- }, /* @__PURE__ */ React123.createElement(LinkIcon, null)), /* @__PURE__ */ React123.createElement(Box, {
23586
+ }, /* @__PURE__ */ React124.createElement(LinkIcon, null)), /* @__PURE__ */ React124.createElement(Box, {
23331
23587
  style: { flex: 1 }
23332
- }, /* @__PURE__ */ React123.createElement(FunDivider, null)));
23588
+ }, /* @__PURE__ */ React124.createElement(FunDivider, null)));
23333
23589
  }
23334
23590
  function ConnectDetail({
23335
23591
  changeWalletStep,
@@ -23358,74 +23614,74 @@ function ConnectDetail({
23358
23614
  preloadBrowserIcon();
23359
23615
  preloadPlatformIcon();
23360
23616
  }, []);
23361
- return /* @__PURE__ */ React123.createElement(Box, {
23617
+ return /* @__PURE__ */ React124.createElement(Box, {
23362
23618
  display: "flex",
23363
23619
  flexDirection: "column",
23364
23620
  height: "full",
23365
23621
  width: "full"
23366
- }, hasQrCode ? /* @__PURE__ */ React123.createElement(Box, {
23622
+ }, hasQrCode ? /* @__PURE__ */ React124.createElement(Box, {
23367
23623
  alignItems: "center",
23368
23624
  display: "flex",
23369
23625
  height: "full",
23370
23626
  justifyContent: "center"
23371
- }, /* @__PURE__ */ React123.createElement(QRCode, {
23627
+ }, /* @__PURE__ */ React124.createElement(QRCode, {
23372
23628
  logoBackground: iconBackground,
23373
23629
  logoSize: compactModeEnabled ? 60 : 72,
23374
23630
  logoUrl: iconUrl,
23375
23631
  size: compactModeEnabled ? 318 : smallWindow ? Math.max(280, Math.min(windowWidth - 308, 382)) : 382,
23376
23632
  uri: qrCodeUri
23377
- })) : /* @__PURE__ */ React123.createElement(Box, {
23633
+ })) : /* @__PURE__ */ React124.createElement(Box, {
23378
23634
  alignItems: "center",
23379
23635
  display: "flex",
23380
23636
  justifyContent: "center",
23381
23637
  style: { flexGrow: 1 }
23382
- }, /* @__PURE__ */ React123.createElement(Box, {
23638
+ }, /* @__PURE__ */ React124.createElement(Box, {
23383
23639
  alignItems: "center",
23384
23640
  display: "flex",
23385
23641
  flexDirection: "column",
23386
23642
  gap: "8"
23387
- }, /* @__PURE__ */ React123.createElement(Box, {
23643
+ }, /* @__PURE__ */ React124.createElement(Box, {
23388
23644
  alignItems: "center",
23389
23645
  display: "flex",
23390
23646
  flexDirection: "column",
23391
23647
  gap: "4",
23392
23648
  style: { textAlign: "center" }
23393
- }, ready && !hasQrCode ? /* @__PURE__ */ React123.createElement(Box, {
23649
+ }, ready && !hasQrCode ? /* @__PURE__ */ React124.createElement(Box, {
23394
23650
  width: "full",
23395
23651
  display: "flex",
23396
23652
  flexDirection: "column",
23397
23653
  gap: "24"
23398
- }, /* @__PURE__ */ React123.createElement(Box, {
23654
+ }, /* @__PURE__ */ React124.createElement(Box, {
23399
23655
  id: "link-graphics",
23400
23656
  display: "flex",
23401
23657
  flexDirection: "row",
23402
23658
  justifyContent: "space-between"
23403
- }, /* @__PURE__ */ React123.createElement(Box, {
23659
+ }, /* @__PURE__ */ React124.createElement(Box, {
23404
23660
  style: { width: 80, height: 80 }
23405
- }, /* @__PURE__ */ React123.createElement(AsyncImage, {
23661
+ }, /* @__PURE__ */ React124.createElement(AsyncImage, {
23406
23662
  background: appConfig.logoBackground,
23407
23663
  borderRadius: "menuButton",
23408
23664
  src: appConfig.logoSrc,
23409
23665
  width: 80,
23410
23666
  height: 80
23411
- })), /* @__PURE__ */ React123.createElement(LinkItem, null), /* @__PURE__ */ React123.createElement(Box, {
23667
+ })), /* @__PURE__ */ React124.createElement(LinkItem, null), /* @__PURE__ */ React124.createElement(Box, {
23412
23668
  style: { width: 80, height: 80 }
23413
- }, /* @__PURE__ */ React123.createElement(AsyncImage, {
23669
+ }, /* @__PURE__ */ React124.createElement(AsyncImage, {
23414
23670
  background: selectedWallet?.iconBackground,
23415
23671
  borderRadius: "menuButton",
23416
23672
  src: selectedWallet?.iconUrl,
23417
23673
  width: 80,
23418
23674
  height: 80
23419
- }))), /* @__PURE__ */ React123.createElement(Box, {
23675
+ }))), /* @__PURE__ */ React124.createElement(Box, {
23420
23676
  id: "link-text",
23421
23677
  display: "flex",
23422
23678
  flexDirection: "column",
23423
23679
  gap: "10"
23424
- }, /* @__PURE__ */ React123.createElement(Text, {
23680
+ }, /* @__PURE__ */ React124.createElement(Text, {
23425
23681
  color: "accentColor",
23426
23682
  weight: "semibold",
23427
23683
  size: "18"
23428
- }, "Connecting to ", selectedWallet?.name, "..."), /* @__PURE__ */ React123.createElement(Text, {
23684
+ }, "Connecting to ", selectedWallet?.name, "..."), /* @__PURE__ */ React124.createElement(Text, {
23429
23685
  color: "modalTextSecondary",
23430
23686
  weight: "medium",
23431
23687
  size: "14"
@@ -23448,8 +23704,8 @@ function FunWeb3ConnectingStep({
23448
23704
  logoSrc: "https://media.licdn.com/dms/image/D560BAQG0hO3xnlKy7Q/company-logo_200_200/0/1664326073952/funxyz_logo?e=2147483647&v=beta&t=MaS4CK29tMHkN3GSFqKWCb1DubIE-kBDYYfoiQJSed8",
23449
23705
  logoBackground: "#000"
23450
23706
  };
23451
- const [animateOut, setAnimateOut] = React124.useState(false);
23452
- return /* @__PURE__ */ React124.createElement(Box, null, /* @__PURE__ */ React124.createElement(FunModalTitleSection, {
23707
+ const [animateOut, setAnimateOut] = React125.useState(false);
23708
+ return /* @__PURE__ */ React125.createElement(Box, null, /* @__PURE__ */ React125.createElement(FunModalTitleSection, {
23453
23709
  title: "Connect Wallet",
23454
23710
  hasBackButton: true,
23455
23711
  onBack: () => {
@@ -23461,13 +23717,13 @@ function FunWeb3ConnectingStep({
23461
23717
  backAnimation: animateOut,
23462
23718
  hasCloseButton: true,
23463
23719
  onClose
23464
- }), selectedWallet ? /* @__PURE__ */ React124.createElement(Box, {
23720
+ }), selectedWallet ? /* @__PURE__ */ React125.createElement(Box, {
23465
23721
  display: "flex",
23466
23722
  flexDirection: "column",
23467
23723
  paddingY: "20",
23468
23724
  gap: "24",
23469
23725
  className: animateOut ? animateContentOutClass11 : animateContentInClass11
23470
- }, /* @__PURE__ */ React124.createElement(ConnectDetail, {
23726
+ }, /* @__PURE__ */ React125.createElement(ConnectDetail, {
23471
23727
  changeWalletStep: () => void 0,
23472
23728
  compactModeEnabled: true,
23473
23729
  qrCodeUri,
@@ -23476,13 +23732,13 @@ function FunWeb3ConnectingStep({
23476
23732
  connectionError: false,
23477
23733
  reconnect: () => void 0,
23478
23734
  appConfig
23479
- }), /* @__PURE__ */ React124.createElement(FunButton, {
23735
+ }), /* @__PURE__ */ React125.createElement(FunButton, {
23480
23736
  isDisabled: true,
23481
- titleSuffix: /* @__PURE__ */ React124.createElement(Box, {
23737
+ titleSuffix: /* @__PURE__ */ React125.createElement(Box, {
23482
23738
  display: "flex",
23483
23739
  alignItems: "center",
23484
23740
  color: "modalText"
23485
- }, /* @__PURE__ */ React124.createElement(SpinnerIcon, {
23741
+ }, /* @__PURE__ */ React125.createElement(SpinnerIcon, {
23486
23742
  height: 21,
23487
23743
  width: 21
23488
23744
  })),
@@ -23491,7 +23747,7 @@ function FunWeb3ConnectingStep({
23491
23747
  }
23492
23748
 
23493
23749
  // src/components/FunStates/FunErrorContent.tsx
23494
- import React125 from "react";
23750
+ import React126 from "react";
23495
23751
  function FunErrorContent({
23496
23752
  title,
23497
23753
  onBack,
@@ -23499,27 +23755,27 @@ function FunErrorContent({
23499
23755
  actionTitle,
23500
23756
  onAction
23501
23757
  }) {
23502
- return /* @__PURE__ */ React125.createElement(Box, null, /* @__PURE__ */ React125.createElement(FunModalTitleSection, {
23758
+ return /* @__PURE__ */ React126.createElement(Box, null, /* @__PURE__ */ React126.createElement(FunModalTitleSection, {
23503
23759
  title,
23504
23760
  hasBackButton: true,
23505
23761
  onBack,
23506
23762
  hasCloseButton: true,
23507
23763
  onClose
23508
- }), /* @__PURE__ */ React125.createElement(Box, {
23764
+ }), /* @__PURE__ */ React126.createElement(Box, {
23509
23765
  display: "flex",
23510
23766
  flexDirection: "column",
23511
23767
  alignItems: "center",
23512
23768
  paddingY: "20",
23513
23769
  gap: "24"
23514
- }, /* @__PURE__ */ React125.createElement(Box, {
23770
+ }, /* @__PURE__ */ React126.createElement(Box, {
23515
23771
  style: { height: 250, width: 262, marginTop: -50, marginBottom: -60 }
23516
- }, /* @__PURE__ */ React125.createElement(AsyncImage, {
23772
+ }, /* @__PURE__ */ React126.createElement(AsyncImage, {
23517
23773
  background: "none",
23518
23774
  borderRadius: "menuButton",
23519
23775
  src: async () => (await import("./fun-error-KT4BQTNE.js")).default,
23520
23776
  width: "full",
23521
23777
  height: "full"
23522
- })), /* @__PURE__ */ React125.createElement(FunButton, {
23778
+ })), /* @__PURE__ */ React126.createElement(FunButton, {
23523
23779
  title: actionTitle,
23524
23780
  onClick: onAction,
23525
23781
  type: "primary"
@@ -23553,32 +23809,32 @@ function FunConnectOptions({
23553
23809
  }
23554
23810
  }
23555
23811
  }, []);
23556
- return /* @__PURE__ */ React126.createElement(Box, {
23812
+ return /* @__PURE__ */ React127.createElement(Box, {
23557
23813
  display: "flex",
23558
23814
  flexDirection: "row"
23559
- }, /* @__PURE__ */ React126.createElement(Box, {
23815
+ }, /* @__PURE__ */ React127.createElement(Box, {
23560
23816
  className: sidebarCompactMode,
23561
23817
  display: "flex",
23562
23818
  flexDirection: "column",
23563
23819
  marginTop: "16",
23564
23820
  paddingX: "20",
23565
23821
  width: "full"
23566
- }, step === 0 /* SIGNIN */ ? /* @__PURE__ */ React126.createElement(FunSignInStep, {
23822
+ }, step === 0 /* SIGNIN */ ? /* @__PURE__ */ React127.createElement(FunSignInStep, {
23567
23823
  onClose,
23568
23824
  changeStep,
23569
23825
  setSelectedWallet,
23570
23826
  connectToWallet,
23571
23827
  setQrCodeUri
23572
- }) : step === 3 /* PENDING_WALLET */ ? /* @__PURE__ */ React126.createElement(FunWeb3ConnectingStep, {
23828
+ }) : step === 3 /* PENDING_WALLET */ ? /* @__PURE__ */ React127.createElement(FunWeb3ConnectingStep, {
23573
23829
  onClose,
23574
23830
  changeStep,
23575
23831
  selectedWallet,
23576
23832
  qrCodeUri
23577
- }) : step === 1 /* PENDING_EMAIL */ ? /* @__PURE__ */ React126.createElement(FunWeb2ConnectingStep, {
23833
+ }) : step === 1 /* PENDING_EMAIL */ ? /* @__PURE__ */ React127.createElement(FunWeb2ConnectingStep, {
23578
23834
  onClose,
23579
23835
  onBack: () => changeStep(0 /* SIGNIN */),
23580
23836
  setSelectedWallet
23581
- }) : step === 4 /* ERROR */ ? /* @__PURE__ */ React126.createElement(FunErrorContent, {
23837
+ }) : step === 4 /* ERROR */ ? /* @__PURE__ */ React127.createElement(FunErrorContent, {
23582
23838
  title: "Connection Failed",
23583
23839
  onBack: () => changeStep(0 /* SIGNIN */),
23584
23840
  onClose,
@@ -23602,31 +23858,31 @@ function FunConnectModal({ onClose, open }) {
23602
23858
  const titleId = "rk_connect_title";
23603
23859
  const connectionStatus = useConnectionStatus();
23604
23860
  const { disconnect } = useDisconnect4();
23605
- const onAuthCancel = React127.useCallback(() => {
23861
+ const onAuthCancel = React128.useCallback(() => {
23606
23862
  onClose();
23607
23863
  disconnect();
23608
23864
  }, [onClose, disconnect]);
23609
23865
  if (connectionStatus === "disconnected" /* DISCONNECTED */) {
23610
- return /* @__PURE__ */ React127.createElement(Dialog, {
23866
+ return /* @__PURE__ */ React128.createElement(Dialog, {
23611
23867
  onClose,
23612
23868
  open,
23613
23869
  titleId
23614
- }, /* @__PURE__ */ React127.createElement(DialogContent, {
23870
+ }, /* @__PURE__ */ React128.createElement(DialogContent, {
23615
23871
  bottomSheetOnMobile: true,
23616
23872
  padding: "0"
23617
- }, /* @__PURE__ */ React127.createElement(FunConnectOptions, {
23873
+ }, /* @__PURE__ */ React128.createElement(FunConnectOptions, {
23618
23874
  onClose
23619
23875
  })));
23620
23876
  }
23621
23877
  if (connectionStatus === "unauthenticated" /* UNAUTHENTICATED */) {
23622
- return /* @__PURE__ */ React127.createElement(Dialog, {
23878
+ return /* @__PURE__ */ React128.createElement(Dialog, {
23623
23879
  onClose: onAuthCancel,
23624
23880
  open,
23625
23881
  titleId
23626
- }, /* @__PURE__ */ React127.createElement(DialogContent, {
23882
+ }, /* @__PURE__ */ React128.createElement(DialogContent, {
23627
23883
  bottomSheetOnMobile: true,
23628
23884
  padding: "0"
23629
- }, /* @__PURE__ */ React127.createElement(SignIn, {
23885
+ }, /* @__PURE__ */ React128.createElement(SignIn, {
23630
23886
  onClose: onAuthCancel
23631
23887
  })));
23632
23888
  }
@@ -23634,15 +23890,15 @@ function FunConnectModal({ onClose, open }) {
23634
23890
  }
23635
23891
 
23636
23892
  // src/components/FunDevTestModal/FunDevTestModal.tsx
23637
- import React128 from "react";
23893
+ import React129 from "react";
23638
23894
  function FunDevTestModal({ onClose, open }) {
23639
- return /* @__PURE__ */ React128.createElement(Dialog, {
23895
+ return /* @__PURE__ */ React129.createElement(Dialog, {
23640
23896
  onClose,
23641
23897
  open,
23642
23898
  titleId: "dev/test modal"
23643
- }, /* @__PURE__ */ React128.createElement(DialogContent, {
23899
+ }, /* @__PURE__ */ React129.createElement(DialogContent, {
23644
23900
  bottomSheetOnMobile: true
23645
- }, /* @__PURE__ */ React128.createElement(Box, null, /* @__PURE__ */ React128.createElement(FunCheckoutHistoryDetail, {
23901
+ }, /* @__PURE__ */ React129.createElement(Box, null, /* @__PURE__ */ React129.createElement(FunCheckoutHistoryDetail, {
23646
23902
  depositAddress: "0x3EAD3A7B7f4074a45b4Ff5e2Ef71555a59b40336"
23647
23903
  }))));
23648
23904
  }
@@ -23756,7 +24012,7 @@ function ModalProvider({ children }) {
23756
24012
  onConnect: () => closeModals({ keepConnectModalOpen: isUnauthenticated }),
23757
24013
  onDisconnect: () => closeModals({ keepConnectModalOpen: false })
23758
24014
  });
23759
- return /* @__PURE__ */ React129.createElement(ModalContext.Provider, {
24015
+ return /* @__PURE__ */ React130.createElement(ModalContext.Provider, {
23760
24016
  value: useMemo27(
23761
24017
  () => ({
23762
24018
  accountModalOpen,
@@ -23796,32 +24052,32 @@ function ModalProvider({ children }) {
23796
24052
  confirmModalOpen
23797
24053
  ]
23798
24054
  )
23799
- }, children, /* @__PURE__ */ React129.createElement(FunConnectModal, {
24055
+ }, children, /* @__PURE__ */ React130.createElement(FunConnectModal, {
23800
24056
  onClose: closeConnectModal,
23801
24057
  open: connectModalOpen
23802
- }), /* @__PURE__ */ React129.createElement(AccountModal, {
24058
+ }), /* @__PURE__ */ React130.createElement(AccountModal, {
23803
24059
  onClose: closeAccountModal,
23804
24060
  open: accountModalOpen
23805
- }), /* @__PURE__ */ React129.createElement(ChainModal, {
24061
+ }), /* @__PURE__ */ React130.createElement(ChainModal, {
23806
24062
  onClose: closeChainModal,
23807
24063
  open: chainModalOpen
23808
- }), /* @__PURE__ */ React129.createElement(FunConfirmDialogMenu, {
24064
+ }), /* @__PURE__ */ React130.createElement(FunConfirmDialogMenu, {
23809
24065
  confirmType: confirmModalType,
23810
24066
  open: confirmModalOpen,
23811
24067
  onCancel: () => {
23812
24068
  setConfirmModalOpen(false);
23813
24069
  },
23814
24070
  onConfirm: confirmMenuAction
23815
- }), /* @__PURE__ */ React129.createElement(FunCheckoutModal, {
24071
+ }), /* @__PURE__ */ React130.createElement(FunCheckoutModal, {
23816
24072
  onClose: closeFunCheckoutModal,
23817
24073
  open: funCheckoutModalOpen,
23818
24074
  checkoutId: funCheckoutModalId,
23819
24075
  key: funCheckoutModalId
23820
- }), /* @__PURE__ */ React129.createElement(FunCheckoutHistoryModal, {
24076
+ }), /* @__PURE__ */ React130.createElement(FunCheckoutHistoryModal, {
23821
24077
  onClose: closeFunCheckoutHistoryModal,
23822
24078
  open: funCheckoutHistoryModalOpen,
23823
24079
  depositAddress: funCheckoutHistoryModalId
23824
- }), /* @__PURE__ */ React129.createElement(FunDevTestModal, {
24080
+ }), /* @__PURE__ */ React130.createElement(FunDevTestModal, {
23825
24081
  onClose: closeFunDevTestModal,
23826
24082
  open: funDevTestModalOpen
23827
24083
  }));
@@ -23902,7 +24158,7 @@ function ConnectButtonRenderer({
23902
24158
  connectModalOpen,
23903
24159
  funDevTestModalOpen
23904
24160
  } = useModalState();
23905
- return /* @__PURE__ */ React130.createElement(React130.Fragment, null, children({
24161
+ return /* @__PURE__ */ React131.createElement(React131.Fragment, null, children({
23906
24162
  account: address ? {
23907
24163
  address,
23908
24164
  balanceDecimals: balanceData?.decimals,
@@ -23946,12 +24202,12 @@ function AccountButton({
23946
24202
  const { isLoggedIn: isWeb2Login } = useFunkitWallet();
23947
24203
  const { userEmail } = useFunkitWeb2Login();
23948
24204
  const displayAccountTitle = useMemo28(() => {
23949
- if (isWeb2Login && userEmail !== "") {
23950
- return userEmail;
24205
+ if (isWeb2Login && userEmail.value !== "") {
24206
+ return userEmail.value;
23951
24207
  }
23952
24208
  return account.displayName;
23953
24209
  }, [account.displayName, isWeb2Login, userEmail]);
23954
- return /* @__PURE__ */ React131.createElement(Box, {
24210
+ return /* @__PURE__ */ React132.createElement(Box, {
23955
24211
  alignItems: "center",
23956
24212
  as: "button",
23957
24213
  background: "accentColor",
@@ -23969,14 +24225,14 @@ function AccountButton({
23969
24225
  testId: "account-button",
23970
24226
  transition: "default",
23971
24227
  type: "button"
23972
- }, account.displayBalance && /* @__PURE__ */ React131.createElement(Box, {
24228
+ }, account.displayBalance && /* @__PURE__ */ React132.createElement(Box, {
23973
24229
  display: mapResponsiveValue(
23974
24230
  showBalance,
23975
24231
  (value) => value ? "block" : "none"
23976
24232
  ),
23977
24233
  padding: "8",
23978
24234
  paddingLeft: "12"
23979
- }, account.displayBalance), /* @__PURE__ */ React131.createElement(Box, {
24235
+ }, account.displayBalance), /* @__PURE__ */ React132.createElement(Box, {
23980
24236
  background: normalizeResponsiveValue(showBalance)[isMobile() ? "smallScreen" : "largeScreen"] ? "connectButtonInnerBackground" : "connectButtonBackground",
23981
24237
  borderColor: "accentColor",
23982
24238
  borderRadius: "connectButton",
@@ -23988,31 +24244,31 @@ function AccountButton({
23988
24244
  paddingX: "8",
23989
24245
  paddingY: "6",
23990
24246
  transition: "default"
23991
- }, /* @__PURE__ */ React131.createElement(Box, {
24247
+ }, /* @__PURE__ */ React132.createElement(Box, {
23992
24248
  alignItems: "center",
23993
24249
  display: "flex",
23994
24250
  gap: "6",
23995
24251
  height: "24"
23996
- }, /* @__PURE__ */ React131.createElement(Box, {
24252
+ }, /* @__PURE__ */ React132.createElement(Box, {
23997
24253
  display: mapResponsiveValue(
23998
24254
  accountStatus,
23999
24255
  (value) => value === "full" || value === "avatar" ? "block" : "none"
24000
24256
  )
24001
- }, /* @__PURE__ */ React131.createElement(Avatar, {
24257
+ }, /* @__PURE__ */ React132.createElement(Avatar, {
24002
24258
  address: account.address,
24003
24259
  imageUrl: account.ensAvatar,
24004
24260
  loading: account.hasPendingTransactions,
24005
24261
  size: 24
24006
- })), /* @__PURE__ */ React131.createElement(Box, {
24262
+ })), /* @__PURE__ */ React132.createElement(Box, {
24007
24263
  alignItems: "center",
24008
24264
  display: "flex",
24009
24265
  gap: "6"
24010
- }, /* @__PURE__ */ React131.createElement(Box, {
24266
+ }, /* @__PURE__ */ React132.createElement(Box, {
24011
24267
  display: mapResponsiveValue(
24012
24268
  accountStatus,
24013
24269
  (value) => value === "full" || value === "address" ? "block" : "none"
24014
24270
  )
24015
- }, displayAccountTitle), /* @__PURE__ */ React131.createElement(DropdownIcon, null)))));
24271
+ }, displayAccountTitle), /* @__PURE__ */ React132.createElement(DropdownIcon, null)))));
24016
24272
  }
24017
24273
  function ChainSelectorButton({
24018
24274
  unsupportedChain,
@@ -24020,7 +24276,7 @@ function ChainSelectorButton({
24020
24276
  openChainModal,
24021
24277
  chain
24022
24278
  }) {
24023
- return /* @__PURE__ */ React131.createElement(Box, {
24279
+ return /* @__PURE__ */ React132.createElement(Box, {
24024
24280
  alignItems: "center",
24025
24281
  "aria-label": "Chain Selector",
24026
24282
  as: "button",
@@ -24046,37 +24302,37 @@ function ChainSelectorButton({
24046
24302
  testId: unsupportedChain ? "wrong-network-button" : "chain-button",
24047
24303
  transition: "default",
24048
24304
  type: "button"
24049
- }, unsupportedChain ? /* @__PURE__ */ React131.createElement(Box, {
24305
+ }, unsupportedChain ? /* @__PURE__ */ React132.createElement(Box, {
24050
24306
  alignItems: "center",
24051
24307
  display: "flex",
24052
24308
  height: "24",
24053
24309
  paddingX: "4"
24054
- }, "Wrong network") : /* @__PURE__ */ React131.createElement(Box, {
24310
+ }, "Wrong network") : /* @__PURE__ */ React132.createElement(Box, {
24055
24311
  alignItems: "center",
24056
24312
  display: "flex",
24057
24313
  gap: "6"
24058
- }, chain.hasIcon ? /* @__PURE__ */ React131.createElement(Box, {
24314
+ }, chain.hasIcon ? /* @__PURE__ */ React132.createElement(Box, {
24059
24315
  display: mapResponsiveValue(
24060
24316
  chainStatus,
24061
24317
  (value) => value === "full" || value === "icon" ? "block" : "none"
24062
24318
  ),
24063
24319
  height: "24",
24064
24320
  width: "24"
24065
- }, /* @__PURE__ */ React131.createElement(AsyncImage, {
24321
+ }, /* @__PURE__ */ React132.createElement(AsyncImage, {
24066
24322
  alt: chain.name ?? "Chain icon",
24067
24323
  background: chain.iconBackground,
24068
24324
  borderRadius: "full",
24069
24325
  height: "24",
24070
24326
  src: chain.iconUrl,
24071
24327
  width: "24"
24072
- })) : null, /* @__PURE__ */ React131.createElement(Box, {
24328
+ })) : null, /* @__PURE__ */ React132.createElement(Box, {
24073
24329
  display: mapResponsiveValue(chainStatus, (value) => {
24074
24330
  if (value === "icon" && !chain.iconUrl) {
24075
24331
  return "block";
24076
24332
  }
24077
24333
  return value === "full" || value === "name" ? "block" : "none";
24078
24334
  })
24079
- }, chain.name ?? chain.id)), /* @__PURE__ */ React131.createElement(DropdownIcon, null));
24335
+ }, chain.name ?? chain.id)), /* @__PURE__ */ React132.createElement(DropdownIcon, null));
24080
24336
  }
24081
24337
  var defaultProps = {
24082
24338
  accountStatus: "full",
@@ -24093,7 +24349,7 @@ function ConnectButton({
24093
24349
  const chains = useRainbowKitChains();
24094
24350
  const connectionStatus = useConnectionStatus();
24095
24351
  const i18n2 = useContext22(I18nContext);
24096
- return /* @__PURE__ */ React131.createElement(ConnectButtonRenderer, null, ({
24352
+ return /* @__PURE__ */ React132.createElement(ConnectButtonRenderer, null, ({
24097
24353
  account,
24098
24354
  chain,
24099
24355
  mounted,
@@ -24104,7 +24360,7 @@ function ConnectButton({
24104
24360
  }) => {
24105
24361
  const ready = mounted && connectionStatus !== "loading" /* LOADING */;
24106
24362
  const unsupportedChain = chain?.unsupported ?? false;
24107
- return /* @__PURE__ */ React131.createElement(Box, {
24363
+ return /* @__PURE__ */ React132.createElement(Box, {
24108
24364
  display: "flex",
24109
24365
  gap: "12",
24110
24366
  ...!ready ? {
@@ -24115,17 +24371,17 @@ function ConnectButton({
24115
24371
  userSelect: "none"
24116
24372
  }
24117
24373
  } : { userSelect: "none" }
24118
- }, ready && account && connectionStatus === "connected" /* CONNECTED */ ? /* @__PURE__ */ React131.createElement(React131.Fragment, null, chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React131.createElement(ChainSelectorButton, {
24374
+ }, ready && account && connectionStatus === "connected" /* CONNECTED */ ? /* @__PURE__ */ React132.createElement(React132.Fragment, null, chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React132.createElement(ChainSelectorButton, {
24119
24375
  unsupportedChain,
24120
24376
  chainStatus,
24121
24377
  openChainModal,
24122
24378
  chain
24123
- }), !unsupportedChain && /* @__PURE__ */ React131.createElement(AccountButton, {
24379
+ }), !unsupportedChain && /* @__PURE__ */ React132.createElement(AccountButton, {
24124
24380
  openAccountModal,
24125
24381
  account,
24126
24382
  showBalance,
24127
24383
  accountStatus
24128
- })) : /* @__PURE__ */ React131.createElement(Box, {
24384
+ })) : /* @__PURE__ */ React132.createElement(Box, {
24129
24385
  as: "button",
24130
24386
  background: "accentColor",
24131
24387
  borderRadius: "connectButton",