@funkit/connect 5.5.21 → 6.0.2

package/CHANGELOG.md

@@ -1,5 +1,54 @@
 # @funkit/connect
 
+## 6.0.2
+
+### Patch Changes
+
+- 3de98c8: add ipLocation feature flag
+- 9069cc7: hyperbeat dark theme border set
+- e45077e: fix(connect): bug fix on tooltip
+- a31784b: show loading when user switches
+- 11d8dec: feat(connect): fix Safari popup issue by opening window immediately and setting URL async
+- a979dd1: feat(connect): adjust Katana High Cost banner
+- 2dd4ee5: feat(connect): adjust auto-picking of meld provider quotes based on amount relation
+- f4e5d31: remove new user logic
+- a7e8276: Remove obsolete EtherFi API key and integration components
+
+  This removes all EtherFi-related code including API keys, theme components, customer functions, and UI customizations. The EtherFi integration was marked as obsolete and has been completely removed from the codebase.
+
+  **Breaking Changes:**
+
+  - Removed `ETHERFI_API_KEY` constant from `@funkit/api-base`
+  - Removed `isEtherFiCustomer` function from `@funkit/connect`
+  - Removed `EtherFiIcon` component from `@funkit/connect`
+  - Removed EtherFi theme and configuration options
+  - Cleaned up EtherFi-specific UI logic from checkout modals
+
+- 2bcc68e: preferDestinationWhenSame: when source and destination are the same address, show destination as payment method instead of source
+- a27a6e8: feat(connect): adjust modal bottom padding for Hyperbeat
+- ceb2b3a: fix(connect): inaccurate total time estimate
+- Updated dependencies [f5db915]
+- Updated dependencies [a7e8276]
+  - @funkit/chains@0.3.7
+  - @funkit/api-base@1.9.11
+  - @funkit/core@2.3.35
+  - @funkit/wagmi-tools@3.0.57
+
+## 6.0.0
+
+### Major Changes
+
+- 3ee48c6: fix items align
+
+### Patch Changes
+
+- 254b00e: feat(connect,with-next): QA for Hyperbeat
+- 329cbdc: feat(connect): show received amount from quote
+- 0624afd: feat(connect): use 2-step checkout progress with animations
+- dbd1bd8: quick options added for hyperbeat and hyperswap
+- adfd155: feat(connect, apps): katana theme updates
+- 84f2e27: fix(connect): update snapshots
+
 ## 5.5.21
 
 ### Patch Changes

package/dist/{chunk-ES634CAR.js → chunk-IOMUPAAW.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-OV3P5HQK.js";
+} from "./chunk-IVQ57535.js";
 
 // src/themes/darkTheme.ts
 var accentColors = {

package/dist/{chunk-OV3P5HQK.js → chunk-IVQ57535.js}

@@ -145,8 +145,8 @@ var baseTheme = ({
     modalOverlay: blurs[overlayBlur].modalOverlay
   },
   dimensions: {
-    modalBottomBarButtonHeight: "unset",
-    modalTopBarHeight: "unset",
+    modalBottomBarButtonHeight: "34px",
+    modalTopBarHeight: "56px",
     ...customDimensions
   },
   fonts: {
@@ -155,6 +155,7 @@ var baseTheme = ({
   fontWeight: {
     ...DEFAULT_FONT_WEIGHTS,
     modalTopbarTitle: DEFAULT_FONT_WEIGHTS.medium,
+    modalBottomBarButtonText: DEFAULT_FONT_WEIGHTS.medium,
     ...customFontWeights
   },
   fontSize: {
@@ -186,7 +187,8 @@ var baseTheme = ({
   spacing: {
     modalBaseHorizontalPadding: "6px",
     modalBottomHorizontalPadding: "12px",
-    modalPaddingBottom: "16px",
+    modalPaddingBottomUpper: "18px",
+    modalPaddingBottomLower: "16px",
     modalTopBarVerticalTextSpacing: "0px",
     ...customSpacings
   }

package/dist/{chunk-K4APSFTL.js → chunk-N6UWLAUQ.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-OV3P5HQK.js";
+} from "./chunk-IVQ57535.js";
 
 // src/themes/lightTheme.ts
 var accentColors = {

package/dist/components/Box/Box.d.ts

@@ -53,37 +53,37 @@ export declare const Box: React.ForwardRefExoticComponent<{
     readonly cursor?: "default" | "help" | "not-allowed" | "pointer" | undefined;
     readonly flexDirection?: "column" | "row" | undefined;
     readonly fontFamily?: "body" | undefined;
-    readonly fontSize?: "modalTopbarTitle" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "modalTopbarSubtitle" | "modalBottomBarButtonText" | undefined;
-    readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | "modalTopbarTitle" | undefined;
-    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;
+    readonly fontSize?: "modalTopbarTitle" | "modalBottomBarButtonText" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "modalTopbarSubtitle" | undefined;
+    readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | "modalTopbarTitle" | "modalBottomBarButtonText" | undefined;
+    readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
     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;
     readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
     readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
-    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;
-    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;
-    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;
-    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;
+    readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
+    readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
+    readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
+    readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
     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;
     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;
     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;
     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;
     readonly overflow?: "hidden" | undefined;
-    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;
-    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;
-    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;
-    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;
+    readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
+    readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
+    readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
+    readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
     readonly position?: "fixed" | "absolute" | "relative" | undefined;
     readonly right?: "0" | undefined;
     readonly transition?: "transform" | "default" | undefined;
     readonly userSelect?: "none" | undefined;
     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;
     readonly backdropFilter?: "modalOverlay" | undefined;
-    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;
-    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;
-    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;
-    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;
-    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;
-    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;
+    margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
+    marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
+    marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
+    padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
+    paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
+    paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
 } & {
     reset?: keyof JSX.IntrinsicElements;
 } & HTMLProperties<HTMLElement> & {

package/dist/components/Dialog/Dialog.css.d.ts

@@ -3,7 +3,6 @@ export declare const DialogAnimationTimeIn = 0.25;
 export declare const DialogAnimationTimeOut = 0.12;
 export declare const overlay: string;
 export declare const content: string;
-export declare const dydxTitle: string;
 export declare const titleContainer: string;
 /** Content that shouls overflow into topbar */
 export declare const topbarOverflowContent: string;
@@ -11,3 +10,5 @@ export declare const topbarOverflowContent: string;
 export declare const topbarFadeWrapper: string;
 /** Absolute-positioned background behind topbar (lets us modulate background opacity without making text/button transparent) */
 export declare const topbarFadeBackground: string;
+export declare const itemsAlignCenter: string;
+export declare const itemsAlignEnd: string;

package/dist/components/Dialog/hooks.d.ts

@@ -1,9 +1,20 @@
+export declare const MODAL_BOTTOM_BAR_WRAPPER_ID = "fun-modal-bottom-bar-wrapper";
 export declare const MODAL_BOTTOM_BAR_IDS: {
     readonly checkout: "checkout-modal-bottom-bar";
     readonly withdrawal: "withdrawal-modal-bottom-bar";
 };
+export declare const MODAL_DIVIDER_ID = "fun-modal-divider";
 type ModalBottomBarIdType = keyof typeof MODAL_BOTTOM_BAR_IDS;
 export declare function useBottomSectionRef(modalBottomBarIdType?: ModalBottomBarIdType): HTMLElement | null;
 export declare const CHECKOUT_MODAL_TITLE_COUNTDOWN_ID = "checkout-modal-title-countdown";
 export declare function useTitleCountdownRef(): HTMLElement | null;
+export declare function useGeneralBottomBarElement(): HTMLElement | null;
+export declare function useCheckoutBottomBarElement(): HTMLElement | null;
+export declare function useWithdrawalBottomBarElement(): HTMLElement | null;
+/**
+ * Hook to observe if a ref's children are empty, with special handling for bottom bar nodes.
+ * @param ref - React ref to the DOM node to observe
+ * @param setHasNoChildren - Setter to update if the node has no children
+ */
+export declare function useBottomBarHasNoChildren(): boolean;
 export {};

package/dist/components/FunBottomBar/FunBottomBar.css.d.ts

@@ -1,2 +1 @@
-export declare const BOTTOM_BAR_PADDING_Y: 18;
 export declare const topSectionDynamicPadding: string;

package/dist/components/FunButton/FunButton.d.ts

@@ -14,5 +14,6 @@ export interface FunButtonProps {
     borderRadius?: BoxProps['borderRadius'];
     textSize?: BoxProps['fontSize'];
     uppercase?: boolean;
+    textWeight?: BoxProps['fontWeight'];
 }
-export declare function FunButton({ id, title, customTitleComponent, onClick, isDisabled, type, isLoading, loaderSize, textSize, borderRadius, height, uppercase, }: FunButtonProps): React.JSX.Element;
+export declare function FunButton({ id, title, customTitleComponent, onClick, isDisabled, type, isLoading, loaderSize, textSize, textWeight, borderRadius, height, uppercase, }: FunButtonProps): React.JSX.Element;

package/dist/components/FunCheckoutHistory/FunCheckoutStatus.css.d.ts

@@ -1,3 +1 @@
 export declare const GradientLoadingBox: string;
-export declare const GradientWrapperClass: string;
-export declare const GradientPositionClass: string;

package/dist/components/FunCheckoutHistory/FunCheckoutStatus.d.ts

@@ -4,16 +4,5 @@ interface FunCheckoutStatusProps {
     checkoutHistoryItem: CheckoutHistoryItem | undefined;
     onOrderDelayed?: () => void;
 }
-export declare function FunCheckoutStatus({ checkoutHistoryItem, onOrderDelayed, }: FunCheckoutStatusProps): React.JSX.Element | null;
-export declare function StatusInner({ showCompleted, showDelayed, showFailed, pendingComponent, }: {
-    showCompleted: boolean;
-    showDelayed: boolean;
-    showFailed: boolean;
-    pendingComponent: React.ReactNode;
-}): React.JSX.Element;
-export declare function PendingStatus({ totalSeconds, estimatedRemainingSeconds, onOrderDelayed, }: {
-    totalSeconds: number;
-    estimatedRemainingSeconds: number;
-    onOrderDelayed?: () => void;
-}): React.JSX.Element;
+export declare function FunCheckoutStatus({ checkoutHistoryItem, onOrderDelayed, }: FunCheckoutStatusProps): React.JSX.Element;
 export {};

package/dist/components/FunCheckoutHistory/FunDirectExecutionStatus.d.ts

@@ -3,5 +3,5 @@ import React from 'react';
 interface FunDirectExecutionStatusProps {
     directExecution: DirectExecution | undefined;
 }
-export declare function FunDirectExecutionStatus({ directExecution, }: FunDirectExecutionStatusProps): React.JSX.Element | null;
+export declare function FunDirectExecutionStatus({ directExecution, }: FunDirectExecutionStatusProps): React.JSX.Element;
 export {};

package/dist/components/FunCountdown/FunCountdown.d.ts

@@ -1,4 +1,3 @@
-import { type AnimationProps } from 'motion/react';
 import React, { type ReactNode } from 'react';
 export interface FunCountdownProps {
     countdownSeconds: number;
@@ -14,7 +13,5 @@ export interface FunCountdownProps {
     isPaused?: boolean;
     /** Optional component to be used instead of the countdown after it ends */
     delayedComponent?: ReactNode;
-    /** Animation props to controll how the coundown is replaced with the delayedComponent */
-    motionProps?: AnimationProps;
 }
-export declare const FunCountdown: ({ countdownSeconds, initialRemainingSeconds, counterSize, onCountdownEnded, onBeforeCountdownEnds, onBeforeCountdownEndsSeconds, onCountdownLastSecond, strokeWidth, isHidden, isPaused, children, delayedComponent, motionProps, }: FunCountdownProps) => React.JSX.Element | null;
+export declare const FunCountdown: ({ countdownSeconds, initialRemainingSeconds, counterSize, onCountdownEnded, onBeforeCountdownEnds, onBeforeCountdownEndsSeconds, onCountdownLastSecond, strokeWidth, isHidden, isPaused, children, delayedComponent, }: FunCountdownProps) => React.JSX.Element | null;

package/dist/components/FunInfoBanner/InfoBanner.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export type InfoBannerProps = {
-    /** Contents of the banner, supports HTML markup for more structured announcements (eg. link to a blogpost) */
-    message: string;
+    /** Contents of the banner, supports HTML markup for more structured announcements (eg. link to a blogpost) or a `ReactNode` for more complex content with React components */
+    message: string | React.ReactNode;
     type: 'warning' | 'alert' | 'announcement';
     expireAtMs?: number;
 };

package/dist/components/FunPayments/FunPaymentMethods.d.ts

@@ -1,19 +1,10 @@
 import React, { type ReactNode } from 'react';
-import { PaymentMethod, type PaymentMethodBrokerageInfo, type PaymentMethodVirtualBankInfo } from '../../domains/paymentMethods';
+import { PaymentMethod, type PaymentMethodVirtualBankInfo } from '../../domains/paymentMethods';
 export declare const getDynamicValueIconComponent: () => React.JSX.Element;
 export declare function PaymentMethodIcon({ paymentIcon, keyIconSize, }: {
     paymentIcon: ReactNode;
     keyIconSize: number;
 }): React.JSX.Element;
-interface ConnectedMeshPaymentMethodItemProps extends ConnectedPaymentMethodItemProps {
-    paymentMethodInfo: PaymentMethodBrokerageInfo;
-    onBrokerageError?: () => void;
-}
-/** it is different from BrokeragePaymentMethodItem
- * this component is for connected mesh brokerage like robinhood
- * the other one is for connecting new brokerage button
- * */
-export declare const ConnectedMeshPaymentMethodItem: ({ paymentMethodInfo, isSelected, onSelect, onBrokerageError, targetChainId, showSelectedCheckmark, }: ConnectedMeshPaymentMethodItemProps) => React.JSX.Element;
 interface ConnectedPaymentMethodItemProps {
     isSelected: boolean;
     showSelectedCheckmark?: boolean;
@@ -33,5 +24,5 @@ type BasePaymentMethodItemProps = {
 export declare function AddPaymentMethodItem({ paymentMethod, isClickable, isActive, onClick, customValueIcon, }: BasePaymentMethodItemProps & {
     paymentMethod: PaymentMethod;
     dynamicLimit?: string;
-}): React.JSX.Element | undefined;
+}): React.JSX.Element | null | undefined;
 export {};

package/dist/components/Icons/SpinnerIcon.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
-export declare const SpinnerIcon: ({ size }: {
+interface SpinnerIconProps {
     size?: string | number;
-}) => React.JSX.Element;
+}
+export declare const SpinnerIcon: ({ size }: SpinnerIconProps) => React.JSX.Element;
+export {};

package/dist/components/Icons/StatusIcons.css.d.ts

@@ -0,0 +1,16 @@
+export type StatusIconVariant = keyof typeof variants;
+declare const variants: {
+    secondary: {
+        color: "secondaryText";
+    };
+    success: {
+        color: "success";
+    };
+};
+export declare const slots: {
+    container: string;
+    icon: Record<"success" | "secondary", string>;
+    background: Record<"success" | "secondary", string>;
+    innerShadow: string;
+};
+export {};

package/dist/components/Icons/StatusIcons.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-interface IconProps {
-    size?: number;
-}
 export declare const CompletedGradientSvg: () => React.JSX.Element;
-export declare const CompletedStatusIcon: ({ size }: IconProps) => React.JSX.Element;
-export declare const FailedGradientSvg: () => React.JSX.Element;
-export declare const FailedStatusIcon: ({ size }: IconProps) => React.JSX.Element;
-export declare const DelayedStatusIcon: ({ size }: IconProps) => React.JSX.Element;
-export {};
+export declare function CompletedStatusIcon(props: StatusIconProps): React.JSX.Element;
+export declare function FailedStatusIcon(props: StatusIconProps): React.JSX.Element;
+export declare function DelayedStatusIcon(props: StatusIconProps): React.JSX.Element;
+export type StatusIconProps = {
+    animateEntrance?: boolean;
+    backgroundSize?: number;
+    iconSize: number;
+};

package/dist/components/ReceiveAmount/ReceiveAmount.d.ts

@@ -1,10 +1,12 @@
-import React from 'react';
+import type { ApiFunkitCheckoutQuoteResult } from '@funkit/utils';
+import React, { type ReactNode } from 'react';
 import type { ServerCheckoutConfig } from '~/domains/clientMetadata';
 import type { FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext';
 interface ReceiveAmountProps {
     config: ServerCheckoutConfig | FunkitCheckoutConfig;
     /** To override the default icon if custom one is needed */
-    icon?: React.ReactNode;
+    icon?: ReactNode;
+    quote: ApiFunkitCheckoutQuoteResult | null;
 }
-export declare const ReceiveAmount: ({ config, icon }: ReceiveAmountProps) => React.JSX.Element;
+export declare const ReceiveAmount: ({ config, icon, quote }: ReceiveAmountProps) => React.JSX.Element;
 export {};

package/dist/components/TransactionStatus/TransactionStatus.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { CheckoutProgressStep } from '~/providers/FunkitCheckoutContext';
+interface TransactionStatusProps {
+    onOrderDelayed?: () => void;
+    startTimeMs: number;
+    status: 'delayed' | 'failed' | 'progress' | 'success';
+    step: CheckoutProgressStep;
+}
+export declare function TransactionStatus({ status, step }: TransactionStatusProps): React.JSX.Element;
+export {};

package/dist/consts/customers.d.ts

@@ -5,4 +5,4 @@ export declare function isBankrCustomer(apiKey: string): apiKey is "vWe20Dfyui2o
 export declare function isBsxCustomer(apiKey: string): apiKey is "zN1zrkmLQn4oZtLUW9Qt02uuBI3Jvrgj8Ni40Gf1";
 export declare function isEtherealCustomer(apiKey: string): apiKey is "M3uox3cw0u8YCPV9cIREA6AugUMvPFTk6qOpm4um";
 export declare function isKatanaCustomer(apiKey: string): apiKey is "OXLUmejkh9PlNDS4gSvi9gcEWacOpTz2KUVepVf4";
-export declare function isEtherFiCustomer(apiKey: string): apiKey is "GyJMyQ3juDarKooebGRu16Ncogwhm59h2DIjCu1p";
+export declare function isHyperbeatCustomer(apiKey: string): apiKey is "lUzTaIRxs95iin3pCAafB1ChA5akBiuQ1tjhXnau";

package/dist/css/sprinkles.css.d.ts

@@ -115,6 +115,7 @@ declare const themeContractValues: {
         bold: string;
         heavy: string;
         modalTopbarTitle: string;
+        modalBottomBarButtonText: string;
     };
     fontSize: {
         '10': {
@@ -201,7 +202,8 @@ declare const themeContractValues: {
     spacing: {
         modalBaseHorizontalPadding: string;
         modalBottomHorizontalPadding: string;
-        modalPaddingBottom: string;
+        modalPaddingBottomUpper: string;
+        modalPaddingBottomLower: string;
         modalTopBarVerticalTextSpacing: string;
     };
     blurs: {
@@ -326,6 +328,7 @@ export declare const themeVars: {
         bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         heavy: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         modalTopbarTitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalBottomBarButtonText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     fontSize: {
         '10': {
@@ -412,7 +415,8 @@ export declare const themeVars: {
     spacing: {
         modalBaseHorizontalPadding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         modalBottomHorizontalPadding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        modalPaddingBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalPaddingBottomUpper: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalPaddingBottomLower: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         modalTopBarVerticalTextSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     blurs: {
@@ -668,37 +672,37 @@ export declare const sprinkles: ((props: {
     readonly cursor?: "default" | "help" | "not-allowed" | "pointer" | undefined;
     readonly flexDirection?: "column" | "row" | undefined;
     readonly fontFamily?: "body" | undefined;
-    readonly fontSize?: "modalTopbarTitle" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "modalTopbarSubtitle" | "modalBottomBarButtonText" | undefined;
-    readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | "modalTopbarTitle" | undefined;
-    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;
+    readonly fontSize?: "modalTopbarTitle" | "modalBottomBarButtonText" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "modalTopbarSubtitle" | undefined;
+    readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | "modalTopbarTitle" | "modalBottomBarButtonText" | undefined;
+    readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
     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;
     readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
     readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
-    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;
-    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;
-    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;
-    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;
+    readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
+    readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
+    readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
+    readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
     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;
     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;
     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;
     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;
     readonly overflow?: "hidden" | undefined;
-    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;
-    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;
-    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;
-    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;
+    readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
+    readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
+    readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
+    readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
     readonly position?: "fixed" | "absolute" | "relative" | undefined;
     readonly right?: "0" | undefined;
     readonly transition?: "transform" | "default" | undefined;
     readonly userSelect?: "none" | undefined;
     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;
     readonly backdropFilter?: "modalOverlay" | undefined;
-    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;
-    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;
-    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;
-    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;
-    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;
-    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;
+    margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
+    marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
+    marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
+    padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
+    paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
+    paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
 }) => string) & {
     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">;
 };

package/dist/domains/fees.d.ts

@@ -1,4 +1,4 @@
-import { type CheckoutQuoteResponse } from '@funkit/utils';
+import type { CheckoutQuoteResponse } from '@funkit/utils';
 import type { Config } from 'wagmi';
 import { LoginType } from '~/providers/GeneralWalletProvider';
 import type { FunkitActiveCheckoutItem } from '../providers/FunkitCheckoutContext';
@@ -48,8 +48,7 @@ interface EvaluateFeeBreakdownItem {
     loginType: LoginType;
     isWithdrawal?: boolean;
 }
-export declare function evaluateFeeBreakdown(evalItem: EvaluateFeeBreakdownItem, enableFrogProxyServer?: boolean): Promise<{
+export declare function evaluateFeeBreakdown(evalItem: EvaluateFeeBreakdownItem): Promise<{
     fees: CheckoutFees;
-    brokerage?: BrokerageDetails;
 }>;
 export {};

package/dist/domains/meld.d.ts

@@ -1,10 +1,11 @@
 import { type MeldQuote } from '@funkit/api-base';
 /**
  * Auto-pick the best quote for the user.
- * 1. Pick the quote with the highest customerScore, at least >= 30
+ * 1. If a quote has a customerScore >= 30, pick it
  * 2. If no quote has customerScore >= 30, pick either Coinbase or Binance
- *    2a. If both are available, pick the one with the highest destinationAmount
- *    2b. If only one is available, pick it
+ *    2a. If both are available and they are at least 96% of the highest destinationAmount, pick the one with the best customerScore
+ *      2aa. If they're have the same customerScore, pick the one with the highest destinationAmount
+ *    2b. If both are available and they are less than 96% of the highest destinationAmount, pick the one with the highest destinationAmount
  * 3. If no quote has customerScore >= 30 and no Coinbase or Binance is available, pick the quote with the highest destinationAmount
  * @param quotes - the quotes to pick from
  * @returns the best quote based on the criteria