@funkit/connect 3.0.0-next.6 → 3.0.0-next.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 (52) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/components/Box/Box.d.ts +21 -21
  3. package/dist/components/CloseButton/CloseButton.d.ts +6 -3
  4. package/dist/components/Dialog/Dialog.d.ts +5 -3
  5. package/dist/components/FunAssetAvatar/FunAssetAvatar.d.ts +2 -3
  6. package/dist/components/FunBottomBar/FunBottomBar.css.d.ts +1 -0
  7. package/dist/components/FunButton/FunBackButton.d.ts +6 -3
  8. package/dist/components/FunSkeletonLoader/FunSkeletonBlock.d.ts +6 -10
  9. package/dist/components/FunSkeletonLoader/FunSkeletonCircle.d.ts +4 -13
  10. package/dist/components/FunkitProvider/FunkitCheckoutContext.d.ts +1 -1
  11. package/dist/components/Icons/TwoFactor.d.ts +2 -0
  12. package/dist/components/ProfileDetails/FunProfileViews/Home/Home.css.d.ts +1 -0
  13. package/dist/components/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.d.ts +1 -0
  14. package/dist/components/ProfileDetails/FunProfileViews/Home/HomeTokenDisplayRow.d.ts +1 -0
  15. package/dist/css/sprinkles.css.d.ts +21 -21
  16. package/dist/hooks/useScrollDivider.d.ts +1 -0
  17. package/dist/index.css +1951 -1794
  18. package/dist/index.js +731 -663
  19. package/dist/wallets/walletConnectors/argentWallet/argentWallet.js +2 -2
  20. package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
  21. package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
  22. package/dist/wallets/walletConnectors/bloomWallet/bloomWallet.js +2 -2
  23. package/dist/wallets/walletConnectors/chunk-45BGLKK3.js +149 -0
  24. package/dist/wallets/walletConnectors/chunk-A6MZY5ZZ.js +81 -0
  25. package/dist/wallets/walletConnectors/chunk-ARIYPPEC.js +92 -0
  26. package/dist/wallets/walletConnectors/chunk-BEAW5Y5M.js +60 -0
  27. package/dist/wallets/walletConnectors/chunk-CW3DUKXK.js +102 -0
  28. package/dist/wallets/walletConnectors/chunk-E5XC6KBV.js +95 -0
  29. package/dist/wallets/walletConnectors/chunk-FCHEJLHR.js +101 -0
  30. package/dist/wallets/walletConnectors/chunk-HKN7647Q.js +73 -0
  31. package/dist/wallets/walletConnectors/chunk-IOQWKPOO.js +71 -0
  32. package/dist/wallets/walletConnectors/chunk-LPQBQIZL.js +108 -0
  33. package/dist/wallets/walletConnectors/chunk-LTIIUGMZ.js +96 -0
  34. package/dist/wallets/walletConnectors/chunk-PIZ2XVGH.js +60 -0
  35. package/dist/wallets/walletConnectors/chunk-RXUGTOMT.js +60 -0
  36. package/dist/wallets/walletConnectors/chunk-VJ5C6RXN.js +98 -0
  37. package/dist/wallets/walletConnectors/chunk-WMLYUYMP.js +94 -0
  38. package/dist/wallets/walletConnectors/dawnWallet/dawnWallet.js +2 -2
  39. package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
  40. package/dist/wallets/walletConnectors/gateWallet/gateWallet.js +2 -2
  41. package/dist/wallets/walletConnectors/index.js +84 -84
  42. package/dist/wallets/walletConnectors/ledgerWallet/ledgerWallet.js +2 -2
  43. package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
  44. package/dist/wallets/walletConnectors/oktoWallet/oktoWallet.js +2 -2
  45. package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
  46. package/dist/wallets/walletConnectors/omniWallet/omniWallet.js +2 -2
  47. package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
  48. package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
  49. package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
  50. package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
  51. package/package.json +4 -3
  52. /package/dist/{utils → consts}/checkoutFees.d.ts +0 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @funkit/connect
2
2
 
3
+ ## 3.0.0-next.7
4
+
5
+ ### Patch Changes
6
+
7
+ - 196c9f3: v3 upgrades
8
+ - Updated dependencies [5761edd]
9
+ - @funkit/core@2.1.2-next.4
10
+ - @funkit/wagmi-tools@3.0.4-next.4
11
+
3
12
  ## 3.0.0-next.6
4
13
 
5
14
  ### Patch Changes
package/dist/components/Box/Box.d.ts CHANGED
@@ -54,35 +54,35 @@ export declare const Box: React.ForwardRefExoticComponent<{
54
54
  readonly fontFamily?: "body" | undefined;
55
55
  readonly fontSize?: "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "23" | "40" | "57" | undefined;
56
56
  readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | undefined;
57
- readonly gap?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
58
- readonly height?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
57
+ readonly gap?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
58
+ readonly height?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
59
59
  readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
60
60
  readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
61
- readonly marginBottom?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
62
- readonly marginLeft?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
63
- readonly marginRight?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
64
- readonly marginTop?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
65
- readonly minHeight?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
66
- readonly maxHeight?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
67
- readonly maxWidth?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
68
- readonly minWidth?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
61
+ readonly marginBottom?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
62
+ readonly marginLeft?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
63
+ readonly marginRight?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
64
+ readonly marginTop?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
65
+ readonly minHeight?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
66
+ readonly maxHeight?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
67
+ readonly maxWidth?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
68
+ readonly minWidth?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
69
69
  readonly overflow?: "hidden" | undefined;
70
- readonly paddingBottom?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
71
- readonly paddingLeft?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
72
- readonly paddingRight?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
73
- readonly paddingTop?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
70
+ readonly paddingBottom?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
71
+ readonly paddingLeft?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
72
+ readonly paddingRight?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
73
+ readonly paddingTop?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
74
74
  readonly position?: "fixed" | "absolute" | "relative" | undefined;
75
75
  readonly right?: "0" | undefined;
76
76
  readonly transition?: "transform" | "default" | undefined;
77
77
  readonly userSelect?: "none" | undefined;
78
- readonly width?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
78
+ readonly width?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
79
79
  readonly backdropFilter?: "modalOverlay" | undefined;
80
- margin?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
81
- marginX?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
82
- marginY?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
83
- padding?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
84
- paddingX?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
85
- paddingY?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
80
+ margin?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
81
+ marginX?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
82
+ marginY?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
83
+ padding?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
84
+ paddingX?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
85
+ paddingY?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
86
86
  } & {
87
87
  reset?: keyof JSX.IntrinsicElements;
88
88
  } & HTMLProperties<HTMLElement> & {
package/dist/components/CloseButton/CloseButton.d.ts CHANGED
@@ -1,4 +1,7 @@
1
1
  import React from 'react';
2
- export declare const CloseButton: ({ onClose }: {
3
- onClose: () => void;
4
- }) => React.JSX.Element;
2
+ import { FunIconButtonProps } from '../FunButton/FunIconButton';
3
+ interface FunCloseButtonProps extends Omit<FunIconButtonProps, 'onClick' | 'icon' | 'ariaLabel' | 'size'> {
4
+ onClose?: () => void;
5
+ }
6
+ export declare const CloseButton: ({ onClose, ...buttonProps }: FunCloseButtonProps) => React.JSX.Element;
7
+ export {};
package/dist/components/Dialog/Dialog.d.ts CHANGED
@@ -16,8 +16,8 @@ interface DialogProps {
16
16
  */
17
17
  export declare function Dialog({ children, onClose, open, titleId, isHidden, isSmartCloseable, }: DialogProps): React.JSX.Element;
18
18
  export declare namespace Dialog {
19
- var Title: ({ title, hasCloseButton, onClose, hasBackButton, onBack, backAnimation, skipBackDelay, countdownSeconds, countdownKey, delayCountdownReturnByBuffer, dydxHideBack, }: DialogTitleProps) => React.JSX.Element;
20
- var Content: ({ children, fullHeight, paddingLeft, className, withTopDivider, withBottomDivider, ...boxProps }: DialogContentProps) => React.JSX.Element;
19
+ var Title: ({ title, hasCloseButton: hasCloseButtonProp, isCloseDisabled, onClose, hasBackButton: hasBackButtonProp, isBackDisabled, onBack, backAnimation, skipBackDelay, countdownSeconds, countdownKey, delayCountdownReturnByBuffer, dydxHideBack, }: DialogTitleProps) => React.JSX.Element;
20
+ var Content: ({ children, fullHeight, paddingLeft, paddingBottom, className, withTopDivider, withBottomDivider, ...boxProps }: DialogContentProps) => React.JSX.Element;
21
21
  var BottomSection: ({ paddingX, ...boxProps }: Omit<BoxProps, "children">) => React.JSX.Element;
22
22
  var BottomBar: ({ topSection, actionButtonProps, bottomSection, }: import("../FunBottomBar/FunBottomBar").FunBottomBarProps) => React.JSX.Element;
23
23
  }
@@ -31,10 +31,12 @@ interface DialogContentProps extends BoxProps {
31
31
  export interface DialogTitleProps {
32
32
  title?: string;
33
33
  hasCloseButton?: boolean;
34
+ isCloseDisabled?: boolean;
34
35
  onClose?: (p?: any) => void;
35
36
  hasBackButton?: boolean;
36
- skipBackDelay?: boolean;
37
+ isBackDisabled?: boolean;
37
38
  onBack?: (p?: any) => void;
39
+ skipBackDelay?: boolean;
38
40
  backAnimation?: boolean;
39
41
  countdownSeconds?: number;
40
42
  countdownKey?: string;
package/dist/components/FunAssetAvatar/FunAssetAvatar.d.ts CHANGED
@@ -4,11 +4,10 @@ interface FunAssetAvatarProps {
4
4
  assetSrc?: string | undefined;
5
5
  assetTicker?: string;
6
6
  assetName: string;
7
- assetIconSize?: BoxProps['height'] | BoxProps['width'];
7
+ assetIconSize?: BoxProps['height'] & BoxProps['width'];
8
8
  chainId?: string | number;
9
- chainIconSize?: BoxProps['height'] | BoxProps['width'];
10
9
  prioritizeDefaults?: boolean;
11
10
  hideIfUnknown?: boolean;
12
11
  }
13
- export declare function FunAssetAvatar({ assetSrc, assetTicker, assetName, assetIconSize, chainId, chainIconSize, prioritizeDefaults, hideIfUnknown, }: FunAssetAvatarProps): React.JSX.Element | null;
12
+ export declare function FunAssetAvatar({ assetSrc, assetTicker, assetName, assetIconSize, chainId, prioritizeDefaults, hideIfUnknown, }: FunAssetAvatarProps): React.JSX.Element | null;
14
13
  export {};
package/dist/components/FunBottomBar/FunBottomBar.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const topSectionDynamicPadding: string;
package/dist/components/FunButton/FunBackButton.d.ts CHANGED
@@ -1,4 +1,7 @@
1
1
  import React from 'react';
2
- export declare const FunBackButton: ({ onBack }: {
3
- onBack: () => void;
4
- }) => React.JSX.Element;
2
+ import { FunIconButtonProps } from './FunIconButton';
3
+ interface FunBackButtonProps extends Omit<FunIconButtonProps, 'onClick' | 'icon' | 'ariaLabel' | 'size'> {
4
+ onBack?: () => void;
5
+ }
6
+ export declare const FunBackButton: ({ onBack, ...buttonProps }: FunBackButtonProps) => React.JSX.Element;
7
+ export {};
package/dist/components/FunSkeletonLoader/FunSkeletonBlock.d.ts CHANGED
@@ -1,12 +1,8 @@
1
1
  import React from 'react';
2
- export type FunSkeletonBlockProps = {
3
- /** Block height (default: 14px) */
4
- height?: number | `${number}%` | `${number}px`;
5
- /** Margin bottom (px) */
6
- marginBottom?: number;
7
- /** Margin top (px) */
8
- marginTop?: number;
9
- /** Block width (default: 100%) */
10
- width?: number | `${number}%` | `${number}px`;
2
+ import { BoxProps } from '../Box/Box';
3
+ export type FunSkeletonBlockProps = Pick<BoxProps, 'marginBottom' | 'marginTop' | 'style'> & {
4
+ height: BoxProps['height'];
5
+ /** Defaults to full width */
6
+ width?: BoxProps['width'];
11
7
  };
12
- export declare function FunSkeletonBlock(props: FunSkeletonBlockProps): React.JSX.Element;
8
+ export declare function FunSkeletonBlock({ width, ...props }: FunSkeletonBlockProps): React.JSX.Element;
package/dist/components/FunSkeletonLoader/FunSkeletonCircle.d.ts CHANGED
@@ -1,16 +1,7 @@
1
1
  import React from 'react';
2
- export type FunSkeletonCircleProps = {
3
- /** Margin (px) */
4
- margin?: number;
5
- /** Margin bottom (px) */
6
- marginBottom?: number;
7
- /** Margin left (px) */
8
- marginLeft?: number;
9
- /** Margin right (px) */
10
- marginRight?: number;
11
- /** Margin top (px) */
12
- marginTop?: number;
13
- /** Circle size (default: 20px) */
14
- size?: number | `${number}%` | `${number}px`;
2
+ import { BoxProps } from '../Box/Box';
3
+ export type FunSkeletonCircleProps = Pick<BoxProps, 'margin' | 'marginBottom' | 'marginLeft' | 'marginRight' | 'marginTop'> & {
4
+ /** Defaults to 20px */
5
+ size?: BoxProps['height'] & BoxProps['width'];
15
6
  };
16
7
  export declare function FunSkeletonCircle({ size, ...props }: FunSkeletonCircleProps): React.JSX.Element;
package/dist/components/FunkitProvider/FunkitCheckoutContext.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import { CheckoutHistoryItem, CheckoutQuoteResponse } from '@funkit/api-base';
2
2
  import React, { ReactNode } from 'react';
3
3
  import { Abi, Address } from 'viem';
4
+ import { CheckoutFeesBreakdownItem } from '../../consts/checkoutFees';
4
5
  import { PaymentMethod, PaymentMethodInfo } from '../../consts/payment';
5
6
  import { CheckoutHistoryStateMap } from '../../utils/checkout';
6
- import { CheckoutFeesBreakdownItem } from '../../utils/checkoutFees';
7
7
  export interface FunkitCheckoutActionParams {
8
8
  contractAbi: Abi;
9
9
  contractAddress: Address;
package/dist/components/Icons/TwoFactor.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const TwoFactorIcon: () => React.JSX.Element;
package/dist/components/ProfileDetails/FunProfileViews/Home/Home.css.d.ts CHANGED
@@ -6,4 +6,5 @@ export declare const contentSection: {
6
6
  export declare const animateTitleInClass: string;
7
7
  export declare const animateTitleOutClass: string;
8
8
  export declare const animateContentInClass: string;
9
+ export declare const animateVirtuosoInClass: string;
9
10
  export declare const animateContentOutClass: string;
package/dist/components/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { CheckoutHistoryItem } from '@funkit/api-base';
2
2
  import React from 'react';
3
3
  import { HistoryContentPages } from '../../../../utils/checkoutHistory';
4
+ export declare const HOME_CHECKOUT_DISPLAY_ROW_HEIGHT = 52;
4
5
  export declare const HomeCheckoutDisplayRow: ({ checkoutHistoryItem, onSelect, }: {
5
6
  checkoutHistoryItem: CheckoutHistoryItem;
6
7
  onSelect: (depositAddress: `0x${string}`, initialPage: HistoryContentPages) => void;
package/dist/components/ProfileDetails/FunProfileViews/Home/HomeTokenDisplayRow.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ export declare const HOME_TOKEN_BALANCE_DISPLAY_ROW_HEIGHT = 52;
2
3
  export declare const HomeTokenBalanceDisplayRow: ({ asset }: {
3
4
  asset: any;
4
5
  }) => React.JSX.Element;
package/dist/css/sprinkles.css.d.ts CHANGED
@@ -529,35 +529,35 @@ export declare const sprinkles: ((props: {
529
529
  readonly fontFamily?: "body" | undefined;
530
530
  readonly fontSize?: "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "23" | "40" | "57" | undefined;
531
531
  readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | undefined;
532
- readonly gap?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
533
- readonly height?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
532
+ readonly gap?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
533
+ readonly height?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
534
534
  readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
535
535
  readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
536
- readonly marginBottom?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
537
- readonly marginLeft?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
538
- readonly marginRight?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
539
- readonly marginTop?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
540
- readonly minHeight?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
541
- readonly maxHeight?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
542
- readonly maxWidth?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
543
- readonly minWidth?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
536
+ readonly marginBottom?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
537
+ readonly marginLeft?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
538
+ readonly marginRight?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
539
+ readonly marginTop?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
540
+ readonly minHeight?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
541
+ readonly maxHeight?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
542
+ readonly maxWidth?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
543
+ readonly minWidth?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
544
544
  readonly overflow?: "hidden" | undefined;
545
- readonly paddingBottom?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
546
- readonly paddingLeft?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
547
- readonly paddingRight?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
548
- readonly paddingTop?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
545
+ readonly paddingBottom?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
546
+ readonly paddingLeft?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
547
+ readonly paddingRight?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
548
+ readonly paddingTop?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
549
549
  readonly position?: "fixed" | "absolute" | "relative" | undefined;
550
550
  readonly right?: "0" | undefined;
551
551
  readonly transition?: "transform" | "default" | undefined;
552
552
  readonly userSelect?: "none" | undefined;
553
- readonly width?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
553
+ readonly width?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
554
554
  readonly backdropFilter?: "modalOverlay" | undefined;
555
- margin?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
556
- marginX?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
557
- marginY?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
558
- padding?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
559
- paddingX?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
560
- paddingY?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
555
+ margin?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
556
+ marginX?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
557
+ marginY?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
558
+ padding?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
559
+ paddingX?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
560
+ paddingY?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
561
561
  }) => string) & {
562
562
  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">;
563
563
  };
package/dist/hooks/useScrollDivider.d.ts CHANGED
@@ -6,4 +6,5 @@ export declare const useScrollDivider: () => {
6
6
  hasTopDivider: boolean;
7
7
  hasBottomDivider: boolean;
8
8
  isScrolling: boolean;
9
+ isScrollable: boolean;
9
10
  };