@funkit/connect 5.5.18 → 5.5.20

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 (120) hide show
  1. package/CHANGELOG.md +44 -0
  2. package/dist/{chunk-VBAZNW44.js → chunk-ES634CAR.js} +1 -1
  3. package/dist/{chunk-H5N35KZJ.js → chunk-K4APSFTL.js} +1 -1
  4. package/dist/{chunk-5XBODEZO.js → chunk-OV3P5HQK.js} +1 -1
  5. package/dist/components/Box/Box.d.ts +21 -21
  6. package/dist/components/Dropdown/ChainDropdown.d.ts +2 -1
  7. package/dist/components/FunBottomBar/FunBottomBar.css.d.ts +1 -1
  8. package/dist/components/FunInfoBanner/InfoBanner.d.ts +1 -0
  9. package/dist/components/FunTooltip/FunTooltip.d.ts +5 -1
  10. package/dist/css/sprinkles.css.d.ts +21 -21
  11. package/dist/hooks/queries/useWithdrawalQuote.d.ts +1 -1
  12. package/dist/hooks/useTokenChain.d.ts +1 -0
  13. package/dist/index.css +2688 -2643
  14. package/dist/index.d.ts +1 -1
  15. package/dist/index.js +4679 -3911
  16. package/dist/modals/CheckoutModal/ConfirmationStep/ConfirmationStep.d.ts +1 -0
  17. package/dist/modals/CheckoutModal/ConfirmationStep/ConfirmationStepLoading.d.ts +3 -0
  18. package/dist/modals/CheckoutModal/LoadingAccount.d.ts +4 -2
  19. package/dist/modals/CheckoutModal/stepTransition.d.ts +3 -2
  20. package/dist/modals/WithdrwalModal/WithdrawalContent.d.ts +1 -1
  21. package/dist/providers/FunkitCheckoutContext.d.ts +15 -0
  22. package/dist/themes/baseTheme.js +1 -1
  23. package/dist/themes/darkTheme.js +2 -2
  24. package/dist/themes/lightTheme.js +2 -2
  25. package/dist/utils/address.d.ts +7 -0
  26. package/dist/utils/checkout.d.ts +1 -1
  27. package/dist/utils/flags/config.d.ts +28 -0
  28. package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
  29. package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
  30. package/dist/wallets/walletConnectors/bitskiWallet/bitskiWallet.js +2 -2
  31. package/dist/wallets/walletConnectors/braveWallet/braveWallet.js +2 -2
  32. package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js +2 -2
  33. package/dist/wallets/walletConnectors/{chunk-KR6JBW5E.js → chunk-2GJQ4XZQ.js} +4 -4
  34. package/dist/wallets/walletConnectors/{chunk-G73C6P5P.js → chunk-2HYNUNAS.js} +112 -40
  35. package/dist/wallets/walletConnectors/{chunk-2UCNRD7H.js → chunk-2KUBG3S6.js} +1 -1
  36. package/dist/wallets/walletConnectors/{chunk-FRGSRLTS.js → chunk-2L43XSW3.js} +4 -4
  37. package/dist/wallets/walletConnectors/{chunk-6ONTSPEY.js → chunk-2STUC6QL.js} +1 -1
  38. package/dist/wallets/walletConnectors/{chunk-ZSVTX6EK.js → chunk-362NXNTM.js} +1 -1
  39. package/dist/wallets/walletConnectors/{chunk-MOOBCMMB.js → chunk-3CICVJUN.js} +1 -1
  40. package/dist/wallets/walletConnectors/{chunk-A5APNTGL.js → chunk-5W7VDOCL.js} +4 -4
  41. package/dist/wallets/walletConnectors/{chunk-LMZMXEXL.js → chunk-7QONTUXT.js} +1 -1
  42. package/dist/wallets/walletConnectors/{chunk-W6N74MS3.js → chunk-A5N6B5UW.js} +1 -1
  43. package/dist/wallets/walletConnectors/{chunk-3U3BMEH5.js → chunk-AFXHGWBH.js} +1 -1
  44. package/dist/wallets/walletConnectors/{chunk-BVX4XGNP.js → chunk-BBOM42DL.js} +1 -1
  45. package/dist/wallets/walletConnectors/{chunk-NO7XMBB5.js → chunk-BOU4WKRZ.js} +1 -1
  46. package/dist/wallets/walletConnectors/{chunk-PB254NQ4.js → chunk-BPZ2XJO2.js} +1 -1
  47. package/dist/wallets/walletConnectors/{chunk-PIUNLQJG.js → chunk-BYXPFMI7.js} +1 -1
  48. package/dist/wallets/walletConnectors/{chunk-GSOYKKIS.js → chunk-CJGUM55H.js} +4 -4
  49. package/dist/wallets/walletConnectors/{chunk-XYBEMO3C.js → chunk-CNPKISHN.js} +1 -1
  50. package/dist/wallets/walletConnectors/{chunk-SLOIIJGP.js → chunk-D6AOOO5F.js} +1 -1
  51. package/dist/wallets/walletConnectors/{chunk-WRA2DVJ7.js → chunk-DNSG5Q7V.js} +23 -9
  52. package/dist/wallets/walletConnectors/{chunk-ABFSXBE6.js → chunk-DRO6WYMM.js} +1 -1
  53. package/dist/wallets/walletConnectors/{chunk-MSFKSQBY.js → chunk-EC6CHBSZ.js} +4 -4
  54. package/dist/wallets/walletConnectors/{chunk-3NC26XLM.js → chunk-FKJJQNKX.js} +4 -4
  55. package/dist/wallets/walletConnectors/{chunk-P74YPRF6.js → chunk-HS3C7OQV.js} +1 -1
  56. package/dist/wallets/walletConnectors/{chunk-LN7OD5EC.js → chunk-HWPKCIBE.js} +1 -1
  57. package/dist/wallets/walletConnectors/{chunk-ZMYVTWDF.js → chunk-IFON7E6U.js} +1 -1
  58. package/dist/wallets/walletConnectors/{chunk-IDKVN5CF.js → chunk-J3LI3FYZ.js} +4 -4
  59. package/dist/wallets/walletConnectors/{chunk-JXP2QPW7.js → chunk-JCHN6A47.js} +1 -1
  60. package/dist/wallets/walletConnectors/{chunk-4UM4GTKZ.js → chunk-JWFF4AAL.js} +4 -4
  61. package/dist/wallets/walletConnectors/{chunk-DTRYS3MO.js → chunk-KIDC67XJ.js} +4 -4
  62. package/dist/wallets/walletConnectors/{chunk-W5O4YSZN.js → chunk-LNEC5RNX.js} +1 -1
  63. package/dist/wallets/walletConnectors/{chunk-LEXSM5KI.js → chunk-M3NZ6R2E.js} +4 -4
  64. package/dist/wallets/walletConnectors/{chunk-6LPM6LUQ.js → chunk-NT2HYJKW.js} +4 -4
  65. package/dist/wallets/walletConnectors/{chunk-63YLN6R5.js → chunk-NWIQNBJU.js} +1 -1
  66. package/dist/wallets/walletConnectors/{chunk-KFFJPS5R.js → chunk-OBOVHCEI.js} +4 -4
  67. package/dist/wallets/walletConnectors/{chunk-V57WLZEE.js → chunk-OL5ZO7E4.js} +1 -1
  68. package/dist/wallets/walletConnectors/{chunk-SJTXS4ZW.js → chunk-OLOIXTYS.js} +1 -1
  69. package/dist/wallets/walletConnectors/{chunk-CTU6JCOK.js → chunk-OPAZMNA7.js} +1 -1
  70. package/dist/wallets/walletConnectors/{chunk-ETTNDQQG.js → chunk-Q3H3TRBS.js} +1 -1
  71. package/dist/wallets/walletConnectors/{chunk-25VW5TZP.js → chunk-QLVVUKYB.js} +1 -1
  72. package/dist/wallets/walletConnectors/{chunk-IPOC2VJX.js → chunk-RKPCWHXL.js} +1 -1
  73. package/dist/wallets/walletConnectors/{chunk-JROWU5BP.js → chunk-RNBEDQHF.js} +1 -1
  74. package/dist/wallets/walletConnectors/{chunk-R6RWZRFF.js → chunk-RZIO5TFF.js} +1 -1
  75. package/dist/wallets/walletConnectors/{chunk-4AD7VI2P.js → chunk-SHBUZ7U7.js} +1 -1
  76. package/dist/wallets/walletConnectors/{chunk-AXWP3GD4.js → chunk-SULRQO27.js} +1 -1
  77. package/dist/wallets/walletConnectors/{chunk-3S2U24BJ.js → chunk-TCAGNB4B.js} +1 -1
  78. package/dist/wallets/walletConnectors/{chunk-7GSNBOD3.js → chunk-TDAVGY5F.js} +4 -4
  79. package/dist/wallets/walletConnectors/{chunk-4WEHDI4Y.js → chunk-TDIEHTMB.js} +1 -1
  80. package/dist/wallets/walletConnectors/{chunk-545L7Y4M.js → chunk-UIASLGLV.js} +1 -1
  81. package/dist/wallets/walletConnectors/{chunk-N2NIIUW6.js → chunk-UYGJO62F.js} +112 -40
  82. package/dist/wallets/walletConnectors/{chunk-HBA36GW3.js → chunk-VR4TBQ6S.js} +1 -1
  83. package/dist/wallets/walletConnectors/{chunk-HKV7EMYZ.js → chunk-VWCLFMWJ.js} +1 -1
  84. package/dist/wallets/walletConnectors/{chunk-ISIBREBO.js → chunk-VYBAYMP3.js} +1 -1
  85. package/dist/wallets/walletConnectors/{chunk-VCVVV2K7.js → chunk-XWUJE7MW.js} +1 -1
  86. package/dist/wallets/walletConnectors/{chunk-AD2KIJB6.js → chunk-ZSI5N4VV.js} +4 -4
  87. package/dist/wallets/walletConnectors/{chunk-6P2EMPZI.js → chunk-ZZZRUXZE.js} +1 -1
  88. package/dist/wallets/walletConnectors/clvWallet/clvWallet.js +2 -2
  89. package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js +2 -2
  90. package/dist/wallets/walletConnectors/coreWallet/coreWallet.js +2 -2
  91. package/dist/wallets/walletConnectors/dawnWallet/dawnWallet.js +2 -2
  92. package/dist/wallets/walletConnectors/desigWallet/desigWallet.js +2 -2
  93. package/dist/wallets/walletConnectors/enkryptWallet/enkryptWallet.js +2 -2
  94. package/dist/wallets/walletConnectors/foxWallet/foxWallet.js +2 -2
  95. package/dist/wallets/walletConnectors/frameWallet/frameWallet.js +2 -2
  96. package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
  97. package/dist/wallets/walletConnectors/gateWallet/gateWallet.js +2 -2
  98. package/dist/wallets/walletConnectors/index.js +78 -78
  99. package/dist/wallets/walletConnectors/injectedWallet/injectedWallet.js +2 -2
  100. package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
  101. package/dist/wallets/walletConnectors/mewWallet/mewWallet.js +2 -2
  102. package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
  103. package/dist/wallets/walletConnectors/oneKeyWallet/oneKeyWallet.js +2 -2
  104. package/dist/wallets/walletConnectors/phantomWallet/phantomWallet.js +2 -2
  105. package/dist/wallets/walletConnectors/rabbyWallet/rabbyWallet.js +2 -2
  106. package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
  107. package/dist/wallets/walletConnectors/ramperWallet/ramperWallet.js +2 -2
  108. package/dist/wallets/walletConnectors/roninWallet/roninWallet.js +2 -2
  109. package/dist/wallets/walletConnectors/safeheronWallet/safeheronWallet.js +2 -2
  110. package/dist/wallets/walletConnectors/safepalWallet/safepalWallet.js +2 -2
  111. package/dist/wallets/walletConnectors/subWallet/subWallet.js +2 -2
  112. package/dist/wallets/walletConnectors/tahoWallet/tahoWallet.js +2 -2
  113. package/dist/wallets/walletConnectors/talismanWallet/talismanWallet.js +2 -2
  114. package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
  115. package/dist/wallets/walletConnectors/tokenaryWallet/tokenaryWallet.js +2 -2
  116. package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
  117. package/dist/wallets/walletConnectors/xdefiWallet/xdefiWallet.js +2 -2
  118. package/dist/wallets/walletConnectors/zealWallet/zealWallet.js +2 -2
  119. package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
  120. package/package.json +9 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,49 @@
1
1
  # @funkit/connect
2
2
 
3
+ ## 5.5.20
4
+
5
+ ### Patch Changes
6
+
7
+ - 9101241: feat(connect): open meld provider in small popup window vs new tab
8
+ - 278d17c: feat(connect,fun-relay): display Low amount error for relay quotes in Withdrawal
9
+ - 1e35550: feat(connect): disable chains for unsupported tokens
10
+ - dda560c: feat(connect): add Withdrawal disclaimer for USDC.e
11
+ - 441f56d: fix(connect): display correct receive amount after fees for withdrawal
12
+ - 3042a35: feat(connect): add loading skeleton for confirmation step as the entry step
13
+ - 56ab543: enable non-supported-chain asset
14
+ - 7e4b743: allow change amount in defi mode
15
+ - 8a1a7b3: feat(connect): adjust error message padding above main CTA
16
+ - 07f0406: feat(connect): update how we display costs for withdrawal
17
+ - 9fd66f8: fix: bump viem peer dependency to >=2.22.14
18
+ - fb6585f: feat(connect): adjust background blur for Polymarket
19
+ - Updated dependencies [278d17c]
20
+ - Updated dependencies [9fd66f8]
21
+ - @funkit/fun-relay@0.1.12
22
+ - @funkit/chains@0.3.6
23
+ - @funkit/core@2.3.33
24
+ - @funkit/wagmi-tools@3.0.55
25
+
26
+ ## 5.5.19
27
+
28
+ ### Patch Changes
29
+
30
+ - f21b29a: feat(connect): reload quotes in the background on withdraws
31
+ - 420895a: feat(connect, apps): express mode by adding the starting step to the config
32
+ - ee5951d: feat(connect): reduce withdrawal modal top content padding
33
+ - e257a90: chore: add usdt0 logo
34
+ - beae754: feat(connect): enable solana withdrawal for sol, usdc, usdt
35
+ - 8e23d77: feat: add abstract chain support
36
+ - 29472ef: feat(connect): design QA for Withdrawal & fix useScrollDivider 1px scroll
37
+ - 27ceca3: feat: add feature flag to control modal navigation flow
38
+ - Updated dependencies [c4dd644]
39
+ - Updated dependencies [8e23d77]
40
+ - Updated dependencies [27ceca3]
41
+ - @funkit/api-base@1.9.9
42
+ - @funkit/chains@0.3.5
43
+ - @funkit/utils@1.1.7
44
+ - @funkit/core@2.3.32
45
+ - @funkit/wagmi-tools@3.0.54
46
+
3
47
  ## 5.5.18
4
48
 
5
49
  ### Patch Changes
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  baseTheme
4
- } from "./chunk-5XBODEZO.js";
4
+ } from "./chunk-OV3P5HQK.js";
5
5
 
6
6
  // src/themes/darkTheme.ts
7
7
  var accentColors = {
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  baseTheme
4
- } from "./chunk-5XBODEZO.js";
4
+ } from "./chunk-OV3P5HQK.js";
5
5
 
6
6
  // src/themes/lightTheme.ts
7
7
  var accentColors = {
@@ -88,7 +88,7 @@ var blurs = {
88
88
  modalOverlay: "blur(8px)"
89
89
  },
90
90
  tiny: {
91
- modalOverlay: "blur(3px)"
91
+ modalOverlay: "blur(2px)"
92
92
  }
93
93
  };
94
94
  var DEFAULT_FONT_WEIGHTS = {
@@ -55,35 +55,35 @@ export declare const Box: React.ForwardRefExoticComponent<{
55
55
  readonly fontFamily?: "body" | undefined;
56
56
  readonly fontSize?: "modalTopbarTitle" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "modalTopbarSubtitle" | "modalBottomBarButtonText" | undefined;
57
57
  readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | "modalTopbarTitle" | undefined;
58
- readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
59
- readonly height?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
58
+ readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
59
+ readonly height?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
60
60
  readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
61
61
  readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
62
- readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
63
- readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
64
- readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
65
- readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
66
- readonly minHeight?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
67
- readonly maxHeight?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
68
- readonly maxWidth?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
69
- readonly minWidth?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
62
+ readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
63
+ readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
64
+ readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
65
+ readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
66
+ readonly minHeight?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
67
+ readonly maxHeight?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
68
+ readonly maxWidth?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
69
+ readonly minWidth?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
70
70
  readonly overflow?: "hidden" | undefined;
71
- readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
72
- readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
73
- readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
74
- readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
71
+ readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
72
+ readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
73
+ readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
74
+ readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
75
75
  readonly position?: "fixed" | "absolute" | "relative" | undefined;
76
76
  readonly right?: "0" | undefined;
77
77
  readonly transition?: "transform" | "default" | undefined;
78
78
  readonly userSelect?: "none" | undefined;
79
- readonly width?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
79
+ readonly width?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
80
80
  readonly backdropFilter?: "modalOverlay" | undefined;
81
- margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
82
- marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
83
- marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
84
- padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
85
- paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
86
- paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
81
+ margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
82
+ marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
83
+ marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
84
+ padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
85
+ paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
86
+ paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
87
87
  } & {
88
88
  reset?: keyof JSX.IntrinsicElements;
89
89
  } & HTMLProperties<HTMLElement> & {
@@ -6,6 +6,7 @@ interface ChainDropdownProps {
6
6
  assets: TokenTransferSourceChainsAndAssets;
7
7
  chainIds?: number[];
8
8
  selectedChainId?: number;
9
+ selectedToken?: string;
9
10
  onChainSelected: (chainId: number | undefined,
10
11
  /**
11
12
  * If true, it will trigger automatic updates for the matching token in the parent component.
@@ -22,5 +23,5 @@ interface ChainDropdownProps {
22
23
  maxDropdownHeight?: BaseDropdownProps['maxDropdownHeight'];
23
24
  tagComponent?: (value: string) => React.ReactNode;
24
25
  }
25
- export declare const ChainDropdown: ({ assets, chainIds: chains, selectedChainId: propSelectedChainId, allowUnselect, onChainSelected, activeItemProps, size, openDropdownBackgroundColor, openDropdownFullWidth, isLoading, alwaysOpenToTop, maxDropdownHeight, tagComponent, }: ChainDropdownProps) => React.JSX.Element;
26
+ export declare const ChainDropdown: ({ assets, chainIds: chains, selectedChainId: propSelectedChainId, selectedToken, allowUnselect, onChainSelected, activeItemProps, size, openDropdownBackgroundColor, openDropdownFullWidth, isLoading, alwaysOpenToTop, maxDropdownHeight, tagComponent, }: ChainDropdownProps) => React.JSX.Element;
26
27
  export {};
@@ -1,2 +1,2 @@
1
- export declare const BOTTOM_BAR_PADDING_Y: 12;
1
+ export declare const BOTTOM_BAR_PADDING_Y: 18;
2
2
  export declare const topSectionDynamicPadding: string;
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  export type InfoBannerProps = {
3
+ /** Contents of the banner, supports HTML markup for more structured announcements (eg. link to a blogpost) */
3
4
  message: string;
4
5
  type: 'warning' | 'alert' | 'announcement';
5
6
  expireAtMs?: number;
@@ -28,6 +28,10 @@ export interface FunTooltipProps {
28
28
  * Based on display type the countdown starts immediately ('click') or after no longer hovering ('hover')
29
29
  */
30
30
  hideDelay?: number;
31
+ /**
32
+ * Delay before the tooltip is shown. Defaults to 0ms. Primarily used when displayType is set to hover and we want to prevent multiple tooltips from being visible due to rapid mouse movements.
33
+ */
34
+ startDelay?: number;
31
35
  width?: BoxProps['width'];
32
36
  }
33
- export declare const FunTooltip: ({ content, children, wrapperElementRef, tooltipPosition, enableDynamicPositioning, bottomOffset, maxWidth, displayType, hideDelay, width, }: FunTooltipProps) => React.JSX.Element;
37
+ export declare const FunTooltip: ({ content, children, wrapperElementRef, tooltipPosition, enableDynamicPositioning, bottomOffset, maxWidth, displayType, hideDelay, startDelay, width, }: FunTooltipProps) => React.JSX.Element;
@@ -670,35 +670,35 @@ export declare const sprinkles: ((props: {
670
670
  readonly fontFamily?: "body" | undefined;
671
671
  readonly fontSize?: "modalTopbarTitle" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "modalTopbarSubtitle" | "modalBottomBarButtonText" | undefined;
672
672
  readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | "modalTopbarTitle" | undefined;
673
- readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
674
- readonly height?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
673
+ readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
674
+ readonly height?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
675
675
  readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
676
676
  readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
677
- readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
678
- readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
679
- readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
680
- readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
681
- readonly minHeight?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
682
- readonly maxHeight?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
683
- readonly maxWidth?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
684
- readonly minWidth?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
677
+ readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
678
+ readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
679
+ readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
680
+ readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
681
+ readonly minHeight?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
682
+ readonly maxHeight?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
683
+ readonly maxWidth?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
684
+ readonly minWidth?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
685
685
  readonly overflow?: "hidden" | undefined;
686
- readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
687
- readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
688
- readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
689
- readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
686
+ readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
687
+ readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
688
+ readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
689
+ readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
690
690
  readonly position?: "fixed" | "absolute" | "relative" | undefined;
691
691
  readonly right?: "0" | undefined;
692
692
  readonly transition?: "transform" | "default" | undefined;
693
693
  readonly userSelect?: "none" | undefined;
694
- readonly width?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
694
+ readonly width?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
695
695
  readonly backdropFilter?: "modalOverlay" | undefined;
696
- margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
697
- marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
698
- marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
699
- padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
700
- paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
701
- paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
696
+ margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
697
+ marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
698
+ marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
699
+ padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
700
+ paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
701
+ paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
702
702
  }) => string) & {
703
703
  properties: Set<"alignItems" | "alignSelf" | "backdropFilter" | "backgroundSize" | "boxShadow" | "color" | "cursor" | "display" | "flexDirection" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "justifyContent" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "userSelect" | "width" | "background" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "gap" | "margin" | "overflow" | "padding" | "transition" | "marginX" | "marginY" | "paddingX" | "paddingY">;
704
704
  };
@@ -1,4 +1,4 @@
1
- import { type Address } from 'viem';
1
+ import type { Address } from 'viem';
2
2
  import type { WithdrawalClient } from '~/wallets/Wallet';
3
3
  interface CheckoutQuoteParams {
4
4
  recipientAddress: string;
@@ -9,6 +9,7 @@ interface UseTokenChainResult {
9
9
  selectedChainId: number;
10
10
  handleChainChange: (chainId?: number, autoUpdate?: boolean) => void;
11
11
  selectedToken: string;
12
+ selectedChainName: string;
12
13
  handleTokenChange: (token: string, chainId?: number, autoUpdate?: boolean) => void;
13
14
  }
14
15
  /**