@funkit/connect 9.3.2 → 9.4.3

package/CHANGELOG.md

@@ -1,5 +1,70 @@
 # @funkit/connect
 
+## 9.4.3
+
+### Patch Changes
+
+- 6a14554: fix: swapped theme variable mapping
+- e739676: fix: show correct loading state for cash tab
+
+## 9.4.2
+
+### Patch Changes
+
+- 6ba7d50: feat(connect): migrate TokenTransferSourceChainsAndAssets flag to statsig
+- 0ddaf2e: feat: add fop min limit
+- a8bf211: feat(connect): improve swapped error screen
+- 156e238: chore: remove unused api and tests
+- 5fdb061: adjust default payment amount skeleton height
+- c7ac6cb: chore(connect): fix tsconfig
+- 5864c70: rename internal package's typo
+- c824e9b: source select screen skeletons updated to fit lighter
+- ca36ea4: fix(connect): token dropdown groups
+- d9d62d1: Upgrade @bluvo/react and @bluvo/sdk-ts to 3.0.0-beta.1 and fix brokerage type forwarding
+- 4209131: feat(connect): remove dropdown fade-out workaround
+- Updated dependencies [6ba7d50]
+- Updated dependencies [0ddaf2e]
+- Updated dependencies [156e238]
+- Updated dependencies [c7ac6cb]
+- Updated dependencies [867e355]
+- Updated dependencies [d9d62d1]
+  - @funkit/utils@1.2.6
+  - @funkit/api-base@3.0.4
+  - @funkit/fun-relay@2.6.5
+  - @funkit/chains@1.1.2
+
+## 9.4.1
+
+### Patch Changes
+
+- cf9b5e6: fix brokerage flow
+
+## 9.4.0
+
+### Minor Changes
+
+- 47571d6: Add onCheckoutBlocked callback with semiGeoblock/fullGeoblock distinction for geoblock, security, and unloggedin blocks
+- 30c90b2: feat(connect): make polymarket withdrawal config params customizable
+
+### Patch Changes
+
+- 0f3f24e: allow both customRecipient and actionParams for one checkout
+- 59ac11e: hide payment source labels according to statsig flag in cash tab
+- 0f3f24e: Show pending text and hide redirect button when transaction hash is unavailable
+- 0f3f24e: Increase dialog max height for withdrawal modal content
+- 0f3f24e: Fix withdrawal pending screen showing completed prematurely for multi-step transactions
+- ad9c2fe: fix(connect): update generic error message copy
+- 465be26: chore: update iframe allow list
+- cc8cf8b: bump ts version
+- 834c86f: feat(connect): chain/token dropdown groups
+- a05c817: opinion theme updates part 3
+- 4df5e00: fix oversized text in tooltip
+- Updated dependencies [cc8cf8b]
+  - @funkit/api-base@3.0.3
+  - @funkit/chains@1.1.1
+  - @funkit/fun-relay@2.6.4
+  - @funkit/utils@1.2.5
+
 ## 9.3.2
 
 ### Patch Changes

package/dist/__generated__/default_configs.d.ts

@@ -58,6 +58,9 @@ declare const _default: {
             readonly chainIdList: readonly [];
         };
     };
+    readonly disabletokentransferchainsandassets: {
+        readonly value: {};
+    };
     readonly dynamicrouting: {
         readonly value: readonly [{
             readonly routeId: "LIGHTER_ETH_SPOT";
@@ -307,6 +310,24 @@ declare const _default: {
     };
     readonly foppriority: {
         readonly variants: readonly [{
+            readonly condition: {
+                readonly type: "country";
+                readonly countryCodes: readonly ["AD", "AE", "AM", "AT", "AU", "AW", "AZ", "CH", "CZ", "DE", "DK", "DM", "GA", "GB", "GG", "GL", "GP", "HU", "IE", "IT", "JE", "KN", "KW", "LU", "ME", "NL", "OM", "PG", "PL", "QA", "SA", "SE", "TW", "US", "UZ", "ZA"];
+            };
+            readonly value: readonly ["APPLE_PAY", "CARDS", "GOOGLE_PAY", "REVOLUT_PAY", "PAYPAL", "BANK_TRANSFER", "PIX", "SKRILL"];
+        }, {
+            readonly condition: {
+                readonly type: "country";
+                readonly countryCodes: readonly ["AR", "GH", "KE"];
+            };
+            readonly value: readonly ["ASTROPAY", "CARDS", "APPLE_PAY", "GOOGLE_PAY", "REVOLUT_PAY", "PAYPAL", "BANK_TRANSFER", "PIX", "SKRILL"];
+        }, {
+            readonly condition: {
+                readonly type: "country";
+                readonly countryCodes: readonly ["LK", "MO", "SR", "TM", "VU", "IN"];
+            };
+            readonly value: readonly ["GOOGLE_PAY", "CARDS", "APPLE_PAY", "REVOLUT_PAY", "PAYPAL", "BANK_TRANSFER", "PIX", "SKRILL"];
+        }, {
             readonly condition: {
                 readonly type: "country";
                 readonly countryCodes: readonly ["BR"];
@@ -315,9 +336,51 @@ declare const _default: {
         }, {
             readonly condition: {
                 readonly type: "country";
-                readonly countryCodes: readonly ["IN"];
+                readonly countryCodes: readonly ["CA"];
+            };
+            readonly value: readonly ["INTERAC", "CARDS", "APPLE_PAY", "GOOGLE_PAY", "REVOLUT_PAY", "PAYPAL", "BANK_TRANSFER", "PIX", "SKRILL"];
+        }, {
+            readonly condition: {
+                readonly type: "country";
+                readonly countryCodes: readonly ["ID"];
+            };
+            readonly value: readonly ["GOPAY", "CARDS", "APPLE_PAY", "GOOGLE_PAY", "REVOLUT_PAY", "PAYPAL", "BANK_TRANSFER", "PIX", "SKRILL"];
+        }, {
+            readonly condition: {
+                readonly type: "country";
+                readonly countryCodes: readonly ["MY"];
             };
-            readonly value: readonly ["GOOGLE_PAY", "APPLE_PAY", "REVOLUT_PAY", "PAYPAL", "BANK_TRANSFER", "PIX", "SKRILL", "CARDS"];
+            readonly value: readonly ["TOUCHNGO", "CARDS", "APPLE_PAY", "GOOGLE_PAY", "REVOLUT_PAY", "PAYPAL", "BANK_TRANSFER", "PIX", "SKRILL"];
+        }, {
+            readonly condition: {
+                readonly type: "country";
+                readonly countryCodes: readonly ["NO"];
+            };
+            readonly value: readonly ["VIPPS", "CARDS", "APPLE_PAY", "GOOGLE_PAY", "REVOLUT_PAY", "PAYPAL", "BANK_TRANSFER", "PIX", "SKRILL"];
+        }, {
+            readonly condition: {
+                readonly type: "country";
+                readonly countryCodes: readonly ["PH"];
+            };
+            readonly value: readonly ["GCASH", "CARDS", "APPLE_PAY", "GOOGLE_PAY", "REVOLUT_PAY", "PAYPAL", "BANK_TRANSFER", "PIX", "SKRILL"];
+        }, {
+            readonly condition: {
+                readonly type: "country";
+                readonly countryCodes: readonly ["TH"];
+            };
+            readonly value: readonly ["PROMPTPAY", "CARDS", "APPLE_PAY", "GOOGLE_PAY", "REVOLUT_PAY", "PAYPAL", "BANK_TRANSFER", "PIX", "SKRILL"];
+        }, {
+            readonly condition: {
+                readonly type: "country";
+                readonly countryCodes: readonly ["VN"];
+            };
+            readonly value: readonly ["VIETQR", "CARDS", "APPLE_PAY", "GOOGLE_PAY", "REVOLUT_PAY", "PAYPAL", "BANK_TRANSFER", "PIX", "SKRILL"];
+        }, {
+            readonly condition: {
+                readonly type: "country";
+                readonly countryCodes: readonly ["ZM"];
+            };
+            readonly value: readonly ["MOBILE_MONEY", "CARDS", "APPLE_PAY", "GOOGLE_PAY", "REVOLUT_PAY", "PAYPAL", "BANK_TRANSFER", "PIX", "SKRILL"];
         }];
         readonly value: readonly ["CARDS", "APPLE_PAY", "GOOGLE_PAY", "REVOLUT_PAY", "PAYPAL", "BANK_TRANSFER", "PIX", "SKRILL"];
     };
@@ -432,17 +495,164 @@ declare const _default: {
             readonly popular: readonly [];
         };
     };
-    readonly tokentransfertest: {
+    readonly tokentransferconfig: {
         readonly value: {
-            readonly chains: {
-                readonly '1': readonly ["0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48", "0x6b175474e89094c44da98b954eedeac495271d0f", "0xdac17f958d2ee523a2206206994597c13d831ec7", "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee"];
-                readonly '137': readonly ["0x3c499c542cef5e3811e1192ce70d8cc03d5c3359", "0x2791bca1f2de4661ed88a30c99a7a9449aa84174"];
-                readonly '1151111081099710': readonly ["So11111111111111111111111111111111111111112", "EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v"];
-            };
-            readonly defaultChainId: 137;
-            readonly defaultTokens: readonly [];
-            readonly badges: {};
-            readonly chainSortOrder: readonly ["1", "1151111081099710", "56", "8453", "137", "42161", "10"];
+            readonly priorityTokens: readonly [];
+            readonly chains: readonly [{
+                readonly chainId: 137;
+                readonly isDefault: true;
+                readonly assets: readonly [{
+                    readonly address: "0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359";
+                }, {
+                    readonly address: "0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174";
+                }, {
+                    readonly address: "0xc2132D05D31c914a87C6611C10748AEb04B58e8F";
+                }, {
+                    readonly address: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE";
+                }, {
+                    readonly address: "0x8f3Cf7ad23Cd3CaDbD9735AFf958023239c6A063";
+                }, {
+                    readonly address: "0x7ceB23fD6bC0adD59E62ac25578270cFf1b9f619";
+                }];
+            }, {
+                readonly chainId: 1;
+                readonly assets: readonly [{
+                    readonly address: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48";
+                }, {
+                    readonly address: "0x6B175474E89094C44Da98b954EedeAC495271d0F";
+                }, {
+                    readonly address: "0xdAC17F958D2ee523a2206206994597C13D831ec7";
+                }, {
+                    readonly address: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE";
+                }, {
+                    readonly address: "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2";
+                }, {
+                    readonly address: "0x455e53CBB86018Ac2B8092FdCd39d8444aFFC3F6";
+                }, {
+                    readonly address: "0x7D1AfA7B718fb893dB30A3aBc0Cfc608AaCfeBB0";
+                }, {
+                    readonly address: "0xcbB7C0000aB88B473b1f5aFd9ef808440eed33Bf";
+                }, {
+                    readonly address: "0x4c9EDD5852cd905f086C759E8383e09bff1E68B3";
+                }];
+            }, {
+                readonly chainId: 1151111081099710;
+                readonly assets: readonly [{
+                    readonly address: "11111111111111111111111111111111";
+                }, {
+                    readonly address: "EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v";
+                }, {
+                    readonly address: "Es9vMFrzaCERmJfrF4H2FYD4KCoNkY11McCe8BenwNYB";
+                }, {
+                    readonly address: "6p6xgHyF7AeE6TZkSmFsko444wqoP15icUSqi2jfGiPN";
+                }, {
+                    readonly address: "DEkqHyPN7GMRJ5cArtQFAWefqbZb33Hyf6s5iCwjEonT";
+                }];
+            }, {
+                readonly chainId: 56;
+                readonly assets: readonly [{
+                    readonly address: "0x8AC76a51cc950d9822D68b83fE1Ad97B32Cd580d";
+                }, {
+                    readonly address: "0x55d398326f99059fF775485246999027B3197955";
+                }, {
+                    readonly address: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE";
+                }, {
+                    readonly address: "0xbb4CdB9CBd36B01bD1cBaEBF2De08d9173bc095c";
+                }, {
+                    readonly address: "0x2170Ed0880ac9A755fd29B2688956BD959F933F8";
+                }, {
+                    readonly address: "0x1AF3F329e8BE154074D8769D1FFa4eE058B1DBc3";
+                }, {
+                    readonly address: "0xe9e7CEA3DedcA5984780Bafc599bD69ADd087D56";
+                }, {
+                    readonly address: "0x7130d2A12B9BCbFAe4f2634d864A1Ee1Ce3Ead9c";
+                }, {
+                    readonly address: "0x5d3a1Ff2b6BAb83b63cd9AD0787074081a52ef34";
+                }];
+            }, {
+                readonly chainId: 8453;
+                readonly assets: readonly [{
+                    readonly address: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913";
+                }, {
+                    readonly address: "0xfde4C96c8593536E31F229EA8f37b2ADa2699bb2";
+                }, {
+                    readonly address: "0x50c5725949A6F0c72E6C4a641F24049A917DB0Cb";
+                }, {
+                    readonly address: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE";
+                }, {
+                    readonly address: "0x4200000000000000000000000000000000000006";
+                }, {
+                    readonly address: "0xcbB7C0000aB88B473b1f5aFd9ef808440eed33Bf";
+                }, {
+                    readonly address: "0x5d3a1Ff2b6BAb83b63cd9AD0787074081a52ef34";
+                }];
+            }, {
+                readonly chainId: 42161;
+                readonly assets: readonly [{
+                    readonly address: "0xaf88d065e77c8cC2239327C5EDb3A432268e5831";
+                }, {
+                    readonly address: "0xFd086bC7CD5C481DCC9C85ebE478A1C0b69FCbb9";
+                }, {
+                    readonly address: "0xDA10009cBd5D07dd0CeCc66161FC93D7c9000da1";
+                }, {
+                    readonly address: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE";
+                }, {
+                    readonly address: "0x82aF49447D8a07e3bd95BD0d56f35241523fBab1";
+                }, {
+                    readonly address: "0x912CE59144191C1204E64559FE8253a0e49E6548";
+                }, {
+                    readonly address: "0x5d3a1Ff2b6BAb83b63cd9AD0787074081a52ef34";
+                }];
+            }, {
+                readonly chainId: 8253038;
+                readonly assets: readonly [{
+                    readonly address: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE";
+                }];
+            }, {
+                readonly chainId: 10;
+                readonly assets: readonly [{
+                    readonly address: "0x0b2C639c533813f4Aa9D7837CAf62653d097Ff85";
+                }, {
+                    readonly address: "0x94b008aA00579c1307B0EF2c499aD98a8ce58e58";
+                }, {
+                    readonly address: "0xDA10009cBd5D07dd0CeCc66161FC93D7c9000da1";
+                }, {
+                    readonly address: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE";
+                }, {
+                    readonly address: "0x4200000000000000000000000000000000000006";
+                }, {
+                    readonly address: "0x5d3a1Ff2b6BAb83b63cd9AD0787074081a52ef34";
+                }];
+            }, {
+                readonly chainId: 999;
+                readonly assets: readonly [{
+                    readonly address: "0xb88339CB7199b77E23DB6E890353E22632Ba630f";
+                }, {
+                    readonly address: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE";
+                }, {
+                    readonly address: "0xB8CE59FC3717ada4C02eaDF9682A9e934F625ebb";
+                }, {
+                    readonly address: "0x9FDBdA0A5e284c32744D2f17Ee5c74B284993463";
+                }, {
+                    readonly address: "0x5d3a1Ff2b6BAb83b63cd9AD0787074081a52ef34";
+                }];
+            }, {
+                readonly chainId: 2741;
+                readonly assets: readonly [{
+                    readonly address: "0x84A71ccD554Cc1b02749b35d22F684CC8ec987e1";
+                }, {
+                    readonly address: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE";
+                }, {
+                    readonly address: "0x3439153EB7AF838Ad19d56E1571FBD09333C2809";
+                }, {
+                    readonly address: "0x0709F39376dEEe2A2dfC94A58EdEb2Eb9DF012bD";
+                }];
+            }, {
+                readonly chainId: 5064014;
+                readonly assets: readonly [{
+                    readonly address: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE";
+                }];
+            }];
         };
     };
     readonly tokentransfertokengroups: {

package/dist/__generated__/default_feature_gates.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     readonly 'exact-in': false;
+    readonly 'new-token-transfer-config': false;
     readonly 'test-testing-gate': false;
 };
 export default _default;

package/dist/{chunk-MXNOQTKX.js → chunk-O35RTEEF.js}

@@ -181,7 +181,7 @@ var baseTheme = ({
     modalTopBarHeight: "56px",
     modalTopbarIconSize: "16px",
     modalTopbarIconWrapperSize: "32px",
-    paymentAmountSkeletonBlockHeight: "10px",
+    paymentAmountSkeletonBlockHeight: "14px",
     paymentAmountSkeletonBlockWidth: "93px",
     paymentAmountSkeletonCircleSize: "15px",
     paymentMethodItemIconSize: "20px",
@@ -199,6 +199,7 @@ var baseTheme = ({
     buttonTextPrimary: customFontFamily,
     buttonTextSecondary: customFontFamily,
     buttonTextTertiary: customFontFamily,
+    dropdownGroupHeader: customFontFamily,
     header: customFontFamily,
     inputAmount: customFontFamily,
     txStatusDescription: customFontFamily,
@@ -209,6 +210,7 @@ var baseTheme = ({
     buttonTextPrimary: fontStacks[fontStack],
     buttonTextSecondary: fontStacks[fontStack],
     buttonTextTertiary: fontStacks[fontStack],
+    dropdownGroupHeader: fontStacks[fontStack],
     header: fontStacks[fontStack],
     inputAmount: fontStacks[fontStack],
     txStatusDescription: fontStacks[fontStack],
@@ -218,6 +220,7 @@ var baseTheme = ({
   fontWeight: {
     ...DEFAULT_FONT_WEIGHTS,
     cryptoCashToggle: DEFAULT_FONT_WEIGHTS.medium,
+    dropdownGroupHeader: DEFAULT_FONT_WEIGHTS.medium,
     inputAmount: DEFAULT_FONT_WEIGHTS.medium,
     inputLabel: DEFAULT_FONT_WEIGHTS.medium,
     inputValue: DEFAULT_FONT_WEIGHTS.medium,
@@ -249,6 +252,7 @@ var baseTheme = ({
     buttonTextSecondary: FONT_SIZINGS[fontSizing][10],
     buttonTextTertiary: FONT_SIZINGS[fontSizing][12],
     dollarValue: FONT_SIZINGS[fontSizing][40],
+    dropdownGroupHeader: FONT_SIZINGS[fontSizing][12],
     inputAmount: FONT_SIZINGS[fontSizing][57],
     inputLabel: customFontSizings[12] ?? FONT_SIZINGS[fontSizing][12],
     inputValue: customFontSizings[13] ?? FONT_SIZINGS[fontSizing][13],
@@ -274,6 +278,8 @@ var baseTheme = ({
     formOfPaymentsListSectionLabelFontSize: FONT_SIZINGS[fontSizing][12],
     quickOptionFontSize: FONT_SIZINGS[fontSizing][14],
     useConnectedFontSize: FONT_SIZINGS[fontSizing][12],
+    paymentFeeSummaryTooltip: FONT_SIZINGS[fontSizing][10],
+    tooltipContent: FONT_SIZINGS[fontSizing][10],
     ...customFontSizings
   },
   radii: {
@@ -303,6 +309,8 @@ var baseTheme = ({
     activeOptionBorderWidth: "1px",
     buttonTertiaryBorderWidth: "0px",
     cryptoCashToggleContainerBorderWidth: "0px",
+    cryptoCashToggleActiveTabBorderWidth: "1px",
+    cryptoCashToggleInactiveTabBorderWidth: "1px",
     txSummaryBoxBorderWidth: "1px",
     ...customBorderWidths
   },
@@ -313,6 +321,13 @@ var baseTheme = ({
     cryptoCashToggleMarginBottom: "16px",
     cryptoCashToggleMarginTop: "24px",
     cryptoCashToggleTabPaddingY: "6px",
+    dropdownItemIconGap: "4px",
+    dropdownItemPaddingX: "4px",
+    dropdownItemPaddingY: "6px",
+    dropdownCompactPaddingX: "6px",
+    dropdownCompactPaddingY: "6px",
+    dropdownPaddingX: "12px",
+    dropdownPaddingY: "12px",
     modalBaseHorizontalPadding: "6px",
     modalBottomBarButtonPaddingY: "0px",
     modalBottomHorizontalPadding: "12px",
@@ -341,6 +356,7 @@ var baseTheme = ({
     inputPaddingY: "12px",
     dropdownActiveItemRegularSizePaddingY: "8px",
     assetListDefaultGap: "4px",
+    dropdownGroupDividerMarginY: "8px",
     ...customSpacings
   },
   textTransforms: {

package/dist/{chunk-RHUOOPDI.js → chunk-S65TG73G.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-MXNOQTKX.js";
+} from "./chunk-O35RTEEF.js";
 
 // src/themes/darkTheme.ts
 var accentColors = {
@@ -72,6 +72,8 @@ var darkTheme = ({
     copyButtonBackgroundBase: customColors?.offBackground ?? "#1F1F1F",
     copyButtonBackgroundHover: customColors?.hoverState ?? "#333333",
     copyButtonBackgroundActive: customColors?.inputBorderHover ?? "#525252",
+    useConnectedBackgroundBase: customColors?.mediumStroke ?? "#333333",
+    useConnectedBackgroundHover: customColors?.mediumStroke ?? "#333333",
     copyButtonBorderBase: customColors?.mediumStroke ?? "#333333",
     copyButtonBorderHover: customColors?.mediumStroke ?? "#333333",
     funFeatureListBackgroundBase: customColors?.offBackground ?? "#1F1F1F",
@@ -89,6 +91,13 @@ var darkTheme = ({
     // tab
     activeTabBorderColor: "#333333",
     activeTabBackground: "#333333",
+    inactiveTabBorderColor: "transparent",
+    inactiveTabBackgroundBase: "transparent",
+    inactiveTabBackgroundHover: "transparent",
+    inactiveTabBackgroundActive: "transparent",
+    activeTabText: customColors?.primaryText ?? "#FFF",
+    inactiveTabTextBase: customColors?.secondaryText ?? "#8C8C8C",
+    inactiveTabHover: customColors?.primaryText ?? "#FFF",
     // button
     actionColor: "#FFF",
     actionColorHover: "rgba(255, 255, 255, 0.8)",
@@ -193,6 +202,8 @@ var darkTheme = ({
     dropdownActiveItemBackgroundDisabled: customColors?.dropdownActiveItemBackgroundDisabled ?? "transparent",
     dropdownActiveItemBorderBase: customColors?.dropdownActiveItemBorderBase ?? customColors?.mediumStroke ?? "#333333",
     dropdownActiveItemBorderHover: customColors?.dropdownActiveItemBorderHover ?? customColors?.mediumStroke ?? "#333333",
+    dropdownGroupHeader: customColors?.dropdownGroupHeader ?? customColors?.primaryText ?? "#FFF",
+    // primaryText
     txSummaryBoxBackground: customColors?.txSummaryBoxBackground ?? customColors?.modalBackground ?? "#000",
     txSummaryBoxBorder: customColors?.txSummaryBoxBorder ?? customColors?.lightStroke ?? "#333333",
     counterRingColor: customColors?.counterRingColor ?? accentColor,

package/dist/{chunk-AGBRSMZ7.js → chunk-VLAOBEJN.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-MXNOQTKX.js";
+} from "./chunk-O35RTEEF.js";
 
 // src/themes/lightTheme.ts
 var accentColors = {
@@ -72,6 +72,8 @@ var lightTheme = ({
     copyButtonBackgroundBase: customColors?.offBackground ?? "#F7F7F7",
     copyButtonBackgroundHover: customColors?.hoverState ?? "#F0F0F0",
     copyButtonBackgroundActive: customColors?.inputBorderHover ?? "#E5E5E5",
+    useConnectedBackgroundBase: customColors?.mediumStroke ?? "#F0F0F0",
+    useConnectedBackgroundHover: customColors?.mediumStroke ?? "#F0F0F0",
     copyButtonBorderBase: customColors?.mediumStroke ?? "#F0F0F0",
     copyButtonBorderHover: customColors?.mediumStroke ?? "#F0F0F0",
     funFeatureListBackgroundBase: customColors?.offBackground ?? "#F7F7F7",
@@ -89,6 +91,13 @@ var lightTheme = ({
     // tab
     activeTabBorderColor: "#F7F7F7",
     activeTabBackground: "#F7F7F7",
+    inactiveTabBorderColor: "transparent",
+    inactiveTabBackgroundBase: "transparent",
+    inactiveTabBackgroundHover: "transparent",
+    inactiveTabBackgroundActive: "transparent",
+    activeTabText: customColors?.primaryText ?? "#000",
+    inactiveTabTextBase: customColors?.secondaryText ?? "#737373",
+    inactiveTabHover: customColors?.primaryText ?? "#000",
     // button
     actionColor: "#000",
     actionColorHover: "rgba(0, 0, 0, 0.7)",
@@ -193,6 +202,8 @@ var lightTheme = ({
     dropdownActiveItemBackgroundDisabled: customColors?.dropdownActiveItemBackgroundDisabled ?? "transparent",
     dropdownActiveItemBorderBase: customColors?.dropdownActiveItemBorderBase ?? customColors?.mediumStroke ?? "#F0F0F0",
     dropdownActiveItemBorderHover: customColors?.dropdownActiveItemBorderHover ?? customColors?.mediumStroke ?? "#F0F0F0",
+    dropdownGroupHeader: customColors?.dropdownGroupHeader ?? customColors?.primaryText ?? "#000",
+    // primaryText
     txSummaryBoxBackground: customColors?.txSummaryBoxBackground ?? customColors?.modalBackground ?? "#FFF",
     txSummaryBoxBorder: customColors?.txSummaryBoxBorder ?? customColors?.lightStroke ?? "#F7F7F7",
     counterRingColor: customColors?.counterRingColor ?? accentColor,