@funkit/connect 9.17.0 → 9.19.0

package/dist/clients/lighter.js

@@ -3,7 +3,7 @@ import {
   AsyncImage,
   Box,
   useFunkitTranslation
-} from "./chunk-JOBMGIG4.js";
+} from "./chunk-GSK3TMI5.js";
 import {
   logger
 } from "./chunk-3QHYYLVM.js";

package/dist/clients/polymarket.js

@@ -22,6 +22,7 @@ var POLYMARKET_PUSD_ADDRESS = getAddress(
 );
 
 // src/domains/paymentMethods.ts
+import { PaymentMethod } from "@funkit/connect-core";
 import { exhaustiveCheck, formatAddress } from "@funkit/utils";
 
 // src/consts/bluvo.tsx
@@ -265,42 +266,42 @@ var FOP_COMPONENT_ICONS = {
 // src/domains/paymentMethods.ts
 function createPaymentMethodInfo(params) {
   switch (params.paymentMethod) {
-    case "card" /* CARD */:
+    case PaymentMethod.CARD:
       return {
-        paymentMethod: "card" /* CARD */,
+        paymentMethod: PaymentMethod.CARD,
         title: params.titleCustomization,
         description: ""
       };
-    case "balance" /* ACCOUNT_BALANCE */:
+    case PaymentMethod.ACCOUNT_BALANCE:
       return {
-        paymentMethod: "balance" /* ACCOUNT_BALANCE */,
+        paymentMethod: PaymentMethod.ACCOUNT_BALANCE,
         title: "Your Wallet",
         description: formatAddress(params.walletAddress || "")
       };
-    case "brokerage" /* BROKERAGE */:
+    case PaymentMethod.BROKERAGE:
       return {
-        paymentMethod: "brokerage" /* BROKERAGE */,
+        paymentMethod: PaymentMethod.BROKERAGE,
         title: getExchangeName(params.exchange),
         description: "",
         deviceId: params.deviceId,
         exchange: params.exchange
       };
-    case "token_transfer" /* TOKEN_TRANSFER */:
+    case PaymentMethod.TOKEN_TRANSFER:
       return {
         // this is an arbitrary value for Polymarket.
-        paymentMethod: "token_transfer" /* TOKEN_TRANSFER */,
+        paymentMethod: PaymentMethod.TOKEN_TRANSFER,
         title: "QR Code Transfer",
         description: ""
       };
-    case "bitcoin_lightning" /* BITCOIN_LIGHTNING */:
+    case PaymentMethod.BITCOIN_LIGHTNING:
       return {
-        paymentMethod: "bitcoin_lightning" /* BITCOIN_LIGHTNING */,
+        paymentMethod: PaymentMethod.BITCOIN_LIGHTNING,
         title: "Bitcoin on Cash App",
         description: ""
       };
-    case "virtual_bank" /* VIRTUAL_BANK */:
+    case PaymentMethod.VIRTUAL_BANK:
       return {
-        paymentMethod: "virtual_bank" /* VIRTUAL_BANK */,
+        paymentMethod: PaymentMethod.VIRTUAL_BANK,
         title: "Fiat Account",
         description: "",
         matchingFiatAccount: params.matchingFiatAccount,
@@ -335,7 +336,7 @@ function generateClientMetadataForTokenTransfer() {
       iconSrc: null
     },
     selectedPaymentMethodInfo: createPaymentMethodInfo({
-      paymentMethod: "token_transfer" /* TOKEN_TRANSFER */
+      paymentMethod: PaymentMethod.TOKEN_TRANSFER
     })
   };
 }

package/dist/clients/rolly.d.ts

@@ -3,27 +3,29 @@
  *
  * Deposit flow wraps Rolly's `depositToken()` call inside the VaultDepositor
  * proxy so it composes with EXACT_INPUT quoting:
- *   1. approve(USDT, VAULT_DEPOSITOR[mainnet], MAX)
- *   2. VAULT_DEPOSITOR[mainnet].deposit(USDT, ROLLY_VAULT,
+ *   1. approve(token, VAULT_DEPOSITOR[arbitrum], MAX)
+ *   2. VAULT_DEPOSITOR[arbitrum].deposit(token, ROLLY_VAULT,
  *        depositToken(recipient, AMOUNT_PLACEHOLDER), 0)
- * VaultDepositor pulls the msg.sender's full USDT balance at exec time and
- * substitutes AMOUNT_PLACEHOLDER with the actual amount before calling
- * Rolly.depositToken, so the arrival amount doesn't need to be known at quote
- * time.
+ * VaultDepositor pulls the msg.sender's full token balance (USDT0 by default)
+ * at exec time and substitutes AMOUNT_PLACEHOLDER with the actual amount
+ * before calling Rolly.depositToken, so the arrival amount doesn't need to be
+ * known at quote time.
  */
 import { type Address } from 'viem';
 import type { FunkitCheckoutActionParams } from '../providers/FunkitCheckoutContext/types';
-/** Rolly rollup deposit contract on Ethereum mainnet (UUPS proxy). */
+/** Rolly rollup deposit contract on Arbitrum (UUPS proxy). */
 export declare const ROLLY_VAULT_ADDRESS: `0x${string}`;
-/** Ethereum mainnet USDT — Rolly's source deposit token. */
-export declare const MAINNET_USDT: `0x${string}`;
-/** VaultDepositor on Ethereum mainnet — same address used by other VaultDepositor flows. */
-export declare const VAULT_DEPOSITOR_MAINNET: `0x${string}`;
+/** Arbitrum USDT0 — Rolly's source deposit token. */
+export declare const ARBITRUM_USDT0: `0x${string}`;
+/** VaultDepositor on Arbitrum — same address used by other VaultDepositor flows. */
+export declare const VAULT_DEPOSITOR_ARBITRUM: `0x${string}`;
 /** Sentinel value the VaultDepositor replaces with the actual deposit amount at exec time. */
 export declare const AMOUNT_PLACEHOLDER = 115792089237316195423570985008687907853269984665640564039457584007912570601199n;
 export interface RollyDepositActionsConfig {
     /** Address credited on the Rolly rollup (typically the connected wallet). */
     recipientAddress: Address | undefined;
+    /** Token being deposited. Defaults to USDT0. */
+    tokenAddress?: Address;
 }
 /**
  * Builds the `generateActionsParams` callback for a Rolly deposit routed

package/dist/clients/rolly.js

@@ -8,13 +8,13 @@ import {
   maxUint256
 } from "viem";
 var ROLLY_VAULT_ADDRESS = getAddress(
-  "0x6e6B003F801c4532350858431d893B04317734C4"
+  "0x67Ae473bbf4CC04a591A479cF139EC0Ec58342b1"
 );
-var MAINNET_USDT = getAddress(
-  "0xdAC17F958D2ee523a2206206994597C13D831ec7"
+var ARBITRUM_USDT0 = getAddress(
+  "0xfd086bc7cd5c481dcc9c85ebe478a1c0b69fcbb9"
 );
-var VAULT_DEPOSITOR_MAINNET = getAddress(
-  "0x64Aa32cd125FB32F4286d2bAC3a7346edFffEe2A"
+var VAULT_DEPOSITOR_ARBITRUM = getAddress(
+  "0xC8A6871D4eC4DaE64f605db0f8a0B3D9ef928D64"
 );
 var AMOUNT_PLACEHOLDER = 0xffffffffffffffffffffffffffffffffffffffffffffffffffffffffdeadbeefn;
 var ROLLY_VAULT_ABI = [
@@ -44,7 +44,7 @@ var VAULT_DEPOSITOR_ABI = [
   }
 ];
 function createRollyDepositActions(config) {
-  const { recipientAddress } = config;
+  const { recipientAddress, tokenAddress = ARBITRUM_USDT0 } = config;
   return async () => {
     if (!recipientAddress) {
       throw new Error(
@@ -57,35 +57,35 @@ function createRollyDepositActions(config) {
       args: [recipientAddress, AMOUNT_PLACEHOLDER]
     });
     return [
-      // Step 1: Reset USDT approval
+      // Step 1: Reset token approval
       {
         contractAbi: erc20Abi,
-        contractAddress: MAINNET_USDT,
+        contractAddress: tokenAddress,
         functionName: "approve",
-        functionArgs: [VAULT_DEPOSITOR_MAINNET, 0n]
+        functionArgs: [VAULT_DEPOSITOR_ARBITRUM, 0n]
       },
-      // Step 2: Approve USDT to VaultDepositor (infinite)
+      // Step 2: Approve token to VaultDepositor (infinite)
       {
         contractAbi: erc20Abi,
-        contractAddress: MAINNET_USDT,
+        contractAddress: tokenAddress,
         functionName: "approve",
-        functionArgs: [VAULT_DEPOSITOR_MAINNET, maxUint256]
+        functionArgs: [VAULT_DEPOSITOR_ARBITRUM, maxUint256]
       },
-      // Step 3: VaultDepositor pulls USDT, swaps placeholder, forwards to
+      // Step 3: VaultDepositor pulls token, swaps placeholder, forwards to
       // Rolly.depositToken → credits recipient on the rollup
       {
         contractAbi: VAULT_DEPOSITOR_ABI,
-        contractAddress: VAULT_DEPOSITOR_MAINNET,
+        contractAddress: VAULT_DEPOSITOR_ARBITRUM,
         functionName: "deposit",
-        functionArgs: [MAINNET_USDT, ROLLY_VAULT_ADDRESS, depositCalldata, 0n]
+        functionArgs: [tokenAddress, ROLLY_VAULT_ADDRESS, depositCalldata, 0n]
       }
     ];
   };
 }
 export {
   AMOUNT_PLACEHOLDER,
-  MAINNET_USDT,
+  ARBITRUM_USDT0,
   ROLLY_VAULT_ADDRESS,
-  VAULT_DEPOSITOR_MAINNET,
+  VAULT_DEPOSITOR_ARBITRUM,
   createRollyDepositActions
 };

package/dist/components/AnimatedDollarValue/AnimatedDollarValue.d.ts

@@ -1,4 +1,4 @@
-import { type NumberFlowProps, type NumberFlowElement } from '@number-flow/react';
+import { type NumberFlowElement, type NumberFlowProps } from '@number-flow/react';
 import React from 'react';
 type AnimatedDollarValueProps = Omit<NumberFlowProps, 'format'> & {
     ref?: React.Ref<NumberFlowElement>;

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

@@ -52,26 +52,26 @@ export declare const Box: React.ForwardRefExoticComponent<{
     readonly borderWidth?: "0" | "1" | "activeOptionBorderWidth" | "buttonTertiaryBorderWidth" | "cryptoCashToggleContainerBorderWidth" | "cryptoCashToggleActiveTabBorderWidth" | "cryptoCashToggleInactiveTabBorderWidth" | "txSummaryBoxBorderWidth" | "2" | "3" | "4" | "0.5" | undefined;
     readonly cursor?: "default" | "help" | "not-allowed" | "pointer" | undefined;
     readonly flexDirection?: "column" | "row" | undefined;
-    readonly fontFamily?: "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "dropdownGroupHeader" | "amountValue" | "body" | "header" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | undefined;
-    readonly fontSize?: "inherit" | "inputLabel" | "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "dropdownGroupHeader" | "body" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | "cryptoCashToggle" | "inputValue" | "modalTopbarTitle" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "header-14" | "header-36" | "dollarValue" | "modalTopbarSubtitle" | "withdrawalYouWillReceive" | "youPayYouReceivePrimaryFontSize" | "youPayYouReceiveSecondaryFontSize" | "depositAddressFontSize" | "funFeatureListItemFontSize" | "dropdownItemFontSize" | "sourceListSectionLabelFontSize" | "formOfPaymentsListSectionLabelFontSize" | "quickOptionFontSize" | "useConnectedFontSize" | "paymentFeeSummaryTooltip" | "tooltipContent" | undefined;
-    readonly fontWeight?: "inherit" | "medium" | "bold" | "inputLabel" | "dropdownGroupHeader" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | "regular" | "semibold" | "heavy" | "cryptoCashToggle" | "inputValue" | "modalTopbarTitle" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "sourceListSectionLabelFontWeight" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "formOfPaymentsListSectionLabelFontWeight" | undefined;
-    readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
+    readonly fontFamily?: "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "dropdownGroupHeader" | "amountValue" | "body" | "header" | "inputAmount" | "modalTopbarTitle" | "txStatusDescription" | "txStatusTitle" | undefined;
+    readonly fontSize?: "inherit" | "inputLabel" | "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "dropdownGroupHeader" | "body" | "inputAmount" | "modalTopbarTitle" | "txStatusDescription" | "txStatusTitle" | "cryptoCashToggle" | "inputValue" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "header-14" | "header-36" | "dollarValue" | "modalTopbarSubtitle" | "withdrawalYouWillReceive" | "youPayYouReceivePrimaryFontSize" | "youPayYouReceiveSecondaryFontSize" | "depositAddressFontSize" | "funFeatureListItemFontSize" | "dropdownItemFontSize" | "sourceListSectionLabelFontSize" | "formOfPaymentsListSectionLabelFontSize" | "quickOptionFontSize" | "useConnectedFontSize" | "paymentFeeSummaryTooltip" | "tooltipContent" | undefined;
+    readonly fontWeight?: "inherit" | "medium" | "bold" | "inputLabel" | "dropdownGroupHeader" | "withdrawalYouWillReceiveLabel" | "withdrawalYouWillReceiveValueCrypto" | "withdrawalYouWillReceiveValueUsd" | "inputAmount" | "modalTopbarTitle" | "txStatusDescription" | "txStatusTitle" | "regular" | "semibold" | "heavy" | "cryptoCashToggle" | "inputValue" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "sourceListSectionLabelFontWeight" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "formOfPaymentsListSectionLabelFontWeight" | undefined;
+    readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
     readonly height?: "1" | "connectExchangeIconSize" | "cryptoCashToggleIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalBottomBarCloseButtonHeight" | "modalTopBarHeight" | "modalTopbarIconSize" | "modalTopbarIconWrapperSize" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "paymentMethodItemIconSize" | "selectAssetItemIconSize" | "sourceListGap" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "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" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "300" | "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" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
-    readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
-    readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
-    readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
+    readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
+    readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
+    readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
+    readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
     readonly minHeight?: "1" | "connectExchangeIconSize" | "cryptoCashToggleIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalBottomBarCloseButtonHeight" | "modalTopBarHeight" | "modalTopbarIconSize" | "modalTopbarIconWrapperSize" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "paymentMethodItemIconSize" | "selectAssetItemIconSize" | "sourceListGap" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "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" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "300" | "half" | "max" | undefined;
     readonly maxHeight?: "1" | "connectExchangeIconSize" | "cryptoCashToggleIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalBottomBarCloseButtonHeight" | "modalTopBarHeight" | "modalTopbarIconSize" | "modalTopbarIconWrapperSize" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "paymentMethodItemIconSize" | "selectAssetItemIconSize" | "sourceListGap" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "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" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "300" | "half" | "max" | undefined;
     readonly maxWidth?: "1" | "connectExchangeIconSize" | "cryptoCashToggleIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalBottomBarCloseButtonHeight" | "modalTopBarHeight" | "modalTopbarIconSize" | "modalTopbarIconWrapperSize" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "paymentMethodItemIconSize" | "selectAssetItemIconSize" | "sourceListGap" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "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" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "300" | "half" | "max" | undefined;
     readonly minWidth?: "1" | "connectExchangeIconSize" | "cryptoCashToggleIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalBottomBarCloseButtonHeight" | "modalTopBarHeight" | "modalTopbarIconSize" | "modalTopbarIconWrapperSize" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "paymentMethodItemIconSize" | "selectAssetItemIconSize" | "sourceListGap" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "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" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "300" | "half" | "max" | undefined;
     readonly overflow?: "hidden" | undefined;
-    readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
-    readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
-    readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
-    readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
+    readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
+    readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
+    readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
+    readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
     readonly position?: "fixed" | "absolute" | "relative" | undefined;
     readonly right?: "0" | undefined;
     readonly textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | "txStatusTitle" | "inputAmountQuickOptionButton" | undefined;
@@ -79,12 +79,12 @@ export declare const Box: React.ForwardRefExoticComponent<{
     readonly userSelect?: "none" | undefined;
     readonly width?: "1" | "connectExchangeIconSize" | "cryptoCashToggleIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalBottomBarCloseButtonHeight" | "modalTopBarHeight" | "modalTopbarIconSize" | "modalTopbarIconWrapperSize" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "paymentMethodItemIconSize" | "selectAssetItemIconSize" | "sourceListGap" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "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" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "300" | "half" | "max" | undefined;
     readonly backdropFilter?: "modalOverlay" | undefined;
-    margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
-    marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
-    marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
-    padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
-    paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
-    paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
+    margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
+    marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
+    marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | "-18" | "-12" | undefined;
+    padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
+    paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
+    paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "dropdownItemIconGap" | "dropdownItemPaddingX" | "dropdownItemPaddingY" | "dropdownCompactPaddingX" | "dropdownCompactPaddingY" | "dropdownPaddingX" | "dropdownPaddingY" | "modalBaseHorizontalPadding" | "modalBottomBarButtonPaddingY" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "selectBrokerageListGap" | "walletConnectorListGap" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "withdrawalModalPaddingTop" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "inputPaddingX" | "inputPaddingY" | "dropdownActiveItemRegularSizePaddingY" | "assetListDefaultGap" | "dropdownGroupDividerMarginY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "48" | "-1" | "5" | "7" | "9" | "22" | "64" | undefined;
 } & {
     reset?: keyof React.JSX.IntrinsicElements;
 } & HTMLProperties<HTMLElement> & {

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

@@ -23,6 +23,7 @@ export declare const dialogMobile: string;
  * - Internal scrolling when content exceeds height
  */
 export declare const dialogFanaticsBottomSheet: string;
+export declare const dialogExtraWide: string;
 export declare const scrollContent: string;
 export declare const scrollbarHidden: string;
 export declare const fullHeightContent: string;

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

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

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

@@ -1,4 +1,4 @@
-import React, { type SVGAttributes, type RefObject } from 'react';
+import React, { type RefObject, type SVGAttributes } from 'react';
 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;

package/dist/components/PaddedScrollableArea/PaddedScrollableArea.d.ts

@@ -13,7 +13,6 @@ interface PaddedScrollableAreaProps {
     padding: number;
     /** Optional bottom padding (sprinkle value) applied inside the scroll area, e.g. when no bottom bar is present. */
     paddingBottom?: BoxProps['paddingBottom'];
-    ref?: React.Ref<HTMLDivElement>;
     style?: React.CSSProperties;
 }
 /**
@@ -24,5 +23,5 @@ interface PaddedScrollableAreaProps {
  * paddingRight is automatically calculated as `padding - SCROLL_BAR_WIDTH` so that
  * content appears to have `padding`px of right-side spacing regardless of scrollbar state.
  */
-export declare function PaddedScrollableArea({ padding, isScrolling, paddingBottom, children, className, ref, style, }: PaddedScrollableAreaProps): React.JSX.Element;
+export declare const PaddedScrollableArea: React.ForwardRefExoticComponent<PaddedScrollableAreaProps & React.RefAttributes<HTMLDivElement>>;
 export {};