@funkit/connect 6.14.23-next.2 → 6.15.1

package/CHANGELOG.md

@@ -1,46 +1,61 @@
 # @funkit/connect
 
-## 6.14.23-next.2
+## 6.15.1
 
 ### Patch Changes
 
-- Updated dependencies
-  - @funkit/core@2.3.60-next.2
-  - @funkit/wagmi-tools@3.0.83-next.2
-
-## 6.14.23-next.1
+- fbb43ae: feat(connect): update preferred network logic for brokerage assets
+- d296585: fix(connect): fix UI bug in SEPA flow
 
-### Patch Changes
+## 6.15.0
 
-- chore: bumping version to test
-- Updated dependencies
-  - @funkit/api-base@1.12.15-next.1
-  - @funkit/chains@0.4.4-next.1
-  - @funkit/core@2.3.60-next.1
-  - @funkit/wagmi-tools@3.0.83-next.1
+### Minor Changes
 
-## 6.14.23-next.0
+- 21fd780: refactor: remove test for specific customer for title alignment
 
 ### Patch Changes
 
+- dc0899c: feat(connect): add hbhype token icon
+- 2e88a52: feat: support swapped and kryptonim via meld
+- d9c2d11: fix(connect): fix padding bottom when source change screen overflows
+- d8801d5: chore(connect,utils): deprecate flag EnableFrogProxyServer
+- 876cf20: feat: lighter chain registration
 - 3824315: support solana as target asset
-- ba6634c: chore: no changes, just triggering release
+- 7077903: feat: add monad chain support
+- dbe04ee: refactor several files for server client config
+- fc213a3: feat(connect): hide chain icon for brokerage flow
+- b74e323: feat(connect): update in-progress text for layerZero checkouts
 - 6420fcb: feat(connect): add hyperbeat yeild token icons
 - 54fdecc: feat(connect): only fetch checkout history as needed
+- 7e7867d: add hyperedge
+- 73325c8: feat(connect): migrate showinfobanner flag to statsig
 - 002ac44: feat(connect): add behype icon
+- 8212f09: Refactor useTextMeasurer to use DOM element measurement instead of canvas for improved accuracy and better style support
 - 3250234: only fetch user ip info when logged in
+- 6783087: chore(connect): removed bech32 dependency
+- 05edce9: chore(connect): deprecate fetchSponsorInitialTransferGasLimit
+- c25f91f: fix(connect): fix fallback for alignTitle config
 - af1b322: feat(connect): add fallback for wallet asset logo
+- c4d12e1: feat(connect): update bluvo dependency to latest
 - c76619e: Migrate from Lerna to Turborepo for improved build performance and developer experience. This change removes automatic builds during package installation (`prepare` scripts) and introduces intelligent caching. No changes to public APIs or package functionality.
+- Updated dependencies [cfe62b9]
+- Updated dependencies [2e88a52]
+- Updated dependencies [d8801d5]
+- Updated dependencies [876cf20]
 - Updated dependencies [3824315]
-- Updated dependencies [ba6634c]
+- Updated dependencies [7077903]
+- Updated dependencies [98196b4]
+- Updated dependencies [7e7867d]
+- Updated dependencies [5ba2828]
 - Updated dependencies [af1b322]
+- Updated dependencies [a925603]
 - Updated dependencies [c76619e]
-  - @funkit/fun-relay@2.1.10-next.0
-  - @funkit/api-base@1.12.15-next.0
-  - @funkit/core@2.3.60-next.0
-  - @funkit/chains@0.4.4-next.0
-  - @funkit/utils@1.1.17-next.0
-  - @funkit/wagmi-tools@3.0.83-next.0
+  - @funkit/api-base@1.12.15
+  - @funkit/utils@1.1.17
+  - @funkit/chains@0.4.4
+  - @funkit/fun-relay@2.1.10
+  - @funkit/core@2.3.60
+  - @funkit/wagmi-tools@3.0.83
 
 ## 6.14.22
 

package/dist/__generated__/default_configs.d.ts

@@ -11,6 +11,13 @@ declare const _default: {
     readonly boolean: {
         readonly value: false;
     };
+    readonly showinfobanner: {
+        readonly value: {
+            readonly message: "";
+            readonly expireAtMs: 0;
+            readonly type: "announcement";
+        };
+    };
     readonly showpoweredtagline: {
         readonly value: false;
     };

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

@@ -25,7 +25,7 @@ interface DialogProps {
  */
 export declare function Dialog({ children, onClose, onAnimationComplete, open, titleId, isHidden, isSmartCloseable, withoutSidePadding, withoutBottomPadding, withTransition, testId, }: DialogProps): React.ReactPortal | null;
 export declare namespace Dialog {
-    var Title: ({ title, titleMeta, hasCloseButton: hasCloseButtonProp, isCloseDisabled, onClose, hasBackButton: hasBackButtonProp, helpButtonUrl, isBackDisabled, onBack, className, }: DialogTitleProps) => React.JSX.Element;
+    var Title: ({ title, titleMeta, hasCloseButton: hasCloseButtonProp, isCloseDisabled, onClose, hasBackButton: hasBackButtonProp, isBackDisabled, onBack, className, }: DialogTitleProps) => React.JSX.Element;
     var Content: ({ children, fullHeight, paddingLeft, paddingBottom, paddingTop, className, withTopDivider, withBottomDivider, id, withoutInternalPadding, ...boxProps }: DialogContentProps) => React.JSX.Element;
     var BottomSection: ({ paddingX, children, ...boxProps }: BoxProps) => React.JSX.Element;
     var BottomBar: ({ topSection, actionButtonProps, bottomSection, onClose, }: import("../FunBottomBar/FunBottomBar").FunBottomBarProps) => React.JSX.Element | null;
@@ -48,7 +48,6 @@ export interface DialogTitleProps {
     isCloseDisabled?: boolean;
     onClose?: () => void;
     hasBackButton?: boolean;
-    helpButtonUrl?: string;
     isBackDisabled?: boolean;
     onBack?: () => void;
     className?: string;

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

@@ -1,5 +1,6 @@
 export declare const SCROLL_BAR_WIDTH = 6;
 export declare const DIALOG_BOTTOM_PADDING = "15";
+export declare const bottomPaddingVariable = "--bottom-padding-value";
 /**
  * note the border defined here is taken into account in the FunCheckoutModalHeightAnimationWrapper component in the `getPermittedHeight` function
  * adjusting the border width will require adjusting the `getPermittedHeight` function

package/dist/components/FunAsset/FunAssetItem.d.ts

@@ -7,7 +7,8 @@ interface FunAssetItemProps {
     badgeText: string | null;
     onClick: () => void;
     testId?: string;
+    isChainIconHidden?: boolean;
 }
-export declare const FunAssetItem: ({ asset, isActive, isDisabled, badgeText, onClick, testId, }: FunAssetItemProps) => React.JSX.Element;
+export declare const FunAssetItem: ({ asset, isActive, isDisabled, isChainIconHidden, badgeText, onClick, testId, }: FunAssetItemProps) => React.JSX.Element;
 export declare function FunAssetItemSkeleton(): React.JSX.Element;
 export {};

package/dist/components/FunAssetAvatar/FunAssetAvatar.d.ts

@@ -9,6 +9,7 @@ interface FunAssetAvatarProps {
     prioritizeDefaults?: boolean;
     hideIfUnknown?: boolean;
     largeChainIcon?: boolean;
+    isChainIconHidden?: boolean;
 }
-export declare function FunAssetAvatar({ assetSrc, assetTicker, assetName, assetIconSize, chainId, prioritizeDefaults, hideIfUnknown, largeChainIcon, }: FunAssetAvatarProps): React.JSX.Element | null;
+export declare function FunAssetAvatar({ assetSrc, assetTicker, assetName, assetIconSize, chainId, prioritizeDefaults, hideIfUnknown, largeChainIcon, isChainIconHidden, }: FunAssetAvatarProps): React.JSX.Element | null;
 export {};

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

@@ -1,28 +1,29 @@
 import React, { type ReactNode } from 'react';
 import type { CheckoutProgressStep } from '~/providers/FunkitCheckoutContext';
 interface TransactionStatusProps {
+    isLayerZero: boolean;
+    isWithdrawal: boolean;
     textConfigStatus?: TextConfigStatus;
     textConfigSteps?: TextConfigSteps;
     onOrderDelayed?: () => void;
     startTimeMs: number;
     status: 'delayed' | 'failed' | 'progress' | 'success';
     step: CheckoutProgressStep;
-    isWithdrawal: boolean;
 }
-export type TextConfigStatus = Record<Exclude<TransactionStatusProps['status'], 'progress'> | 'progress_delayed', {
-    title: string;
+export type TextConfig = {
     description: ReactNode;
-}>;
-export declare const DEPOSIT_TEXT_CONFIG_STATUS: TextConfigStatus;
-export declare const WITHDRAWAL_TEXT_CONFIG_STATUS: TextConfigStatus;
-export type TextConfigSteps = Record<CheckoutProgressStep, {
     title: string;
-    description: ReactNode;
-}>;
-export declare const DEPOSIT_TEXT_CONFIG_STEPS: TextConfigSteps;
-export declare const WITHDRAWAL_TEXT_CONFIG_STEPS: TextConfigSteps;
+};
+export type TextConfigContext = {
+    durationUnits: 'minutes' | 'seconds';
+    isWithdrawal: boolean;
+};
+export type TextConfigStatus = Record<Exclude<TransactionStatusProps['status'], 'progress'> | 'progress_delayed', TextConfig | ((context: TextConfigContext) => TextConfig)>;
+export declare const DEFAULT_TEXT_CONFIG_STATUS: TextConfigStatus;
+export type TextConfigSteps = Record<CheckoutProgressStep, TextConfig | ((context: TextConfigContext) => TextConfig)>;
+export declare const DEFAULT_TEXT_CONFIG_STEPS: TextConfigSteps;
 export declare function TransactionStatusLoading({ expectedStatus, }: {
     expectedStatus: TransactionStatusProps['status'];
 }): React.JSX.Element;
-export declare function TransactionStatus({ status, step, isWithdrawal, textConfigStatus, textConfigSteps, }: TransactionStatusProps): React.JSX.Element;
+export declare function TransactionStatus({ isLayerZero, isWithdrawal, status, step, textConfigStatus, textConfigSteps, }: TransactionStatusProps): React.JSX.Element;
 export {};

package/dist/components/YouPayYouReceive/YouPayYouReceive.d.ts

@@ -13,8 +13,9 @@ interface YouPayYouReceiveProps {
     showYouPaySection?: boolean;
     showFiatCurrencySection?: boolean;
     prioritizeDefaults?: boolean;
+    isYouPayChainIconHidden?: boolean;
 }
-export declare const YouPayYouReceive: ({ payLabel, receiveLabel, fiatCurrencyLabel, payTokenSymbol, receiveTokenSymbol, fiatCurrencySymbol, payTokenIconSrc, receiveTokenIconSrc, payTokenChainId, receiveTokenChainId, showYouPaySection, showFiatCurrencySection, prioritizeDefaults, }: YouPayYouReceiveProps) => React.JSX.Element;
+export declare const YouPayYouReceive: ({ payLabel, receiveLabel, fiatCurrencyLabel, payTokenSymbol, receiveTokenSymbol, fiatCurrencySymbol, payTokenIconSrc, receiveTokenIconSrc, payTokenChainId, receiveTokenChainId, showYouPaySection, showFiatCurrencySection, prioritizeDefaults, isYouPayChainIconHidden, }: YouPayYouReceiveProps) => React.JSX.Element;
 export declare const YouPayYouReceiveBottomBarLayoutWrapper: ({ children, }: {
     children: React.ReactNode;
 }) => React.JSX.Element;

package/dist/consts/customers.d.ts

@@ -10,3 +10,5 @@ export declare function isMonkeyTiltCustomer(apiKey: string): apiKey is "2SrxurU
 export declare function isBasedCustomer(apiKey: string): apiKey is "clDebbfo9edXq1GydZ0CahSAfSimPj616lFa9p8e";
 export declare function isHyenaCustomer(apiKey: string): apiKey is "pLQBJsA6zS9tg990rbdBD6UdABkWRv5O60vlrVcW";
 export declare function isAvantisCustomer(apiKey: string): apiKey is "6TUi99Tq3O9MWj1IFX8Pv6spmPXzcvhy9NvBoeW2";
+export declare function isPerplCustomer(apiKey: string): apiKey is "wQDLu86Qab61vbtru7thf8Yj0xaeqVUH4ohoXESu";
+export declare function isLighterxyzCustomer(apiKey: string): apiKey is "i6e1I8cfX625TTwRJlD2DshKyAoaUtO8aeoaR4i2";

package/dist/domains/clientMetadata.d.ts

@@ -4,33 +4,28 @@
  *
  * Make sure it is SERIALIZABLE and BACKWARD COMPATIBLE!!
  */
-import type { ApiCheckoutClientMetadata, ApiSelectedPaymentMethodInfo } from '@funkit/utils';
+import type { ApiCheckoutClientMetadata } from '@funkit/utils';
 import type { FunkitActiveCheckoutItem, FunkitCheckoutActionParams, FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext';
-import { type PaymentMethodInfo } from './paymentMethods';
 import type { FunkitCheckoutQuoteResult } from './quote';
+type Serialize<T> = T extends (...args: never[]) => unknown ? DeepSerialize<ReturnType<T>> : T extends object ? DeepSerialize<T> : T;
+type DeepSerialize<T> = {
+    [K in keyof T]: Serialize<T[K]>;
+};
 /**
  * Historical Checkout Configuration stored in the server
  * This is similar to FunkitCheckoutConfig but with some fields changed to serializable types
  * */
-export type ServerCheckoutConfig = Omit<FunkitCheckoutConfig, 'generateActionsParams'> & {
-    generateActionsParams?: string;
-};
+export type ServerCheckoutConfig = DeepSerialize<FunkitCheckoutConfig>;
+type HistoricalCheckoutItemKey = 'id' | 'startTimestampMs' | 'finalDollarValue' | 'latestQuote' | 'depositAddress' | 'selectedSourceAssetInfo' | 'selectedPaymentMethodInfo';
 /**
  * HistoricalCheckoutItem stored in the server
  *
  * Make sure it is SERIALIZABLE and BACKWARD COMPATIBLE!!
  **/
-export interface HistoricalCheckoutItem {
-    id: FunkitActiveCheckoutItem['id'];
-    startTimestampMs: FunkitActiveCheckoutItem['startTimestampMs'];
-    finalDollarValue: FunkitActiveCheckoutItem['finalDollarValue'];
-    latestQuote: FunkitActiveCheckoutItem['latestQuote'];
-    depositAddress: FunkitActiveCheckoutItem['depositAddress'];
+export interface HistoricalCheckoutItem extends Pick<FunkitActiveCheckoutItem, HistoricalCheckoutItemKey> {
     initSettings: {
         config: ServerCheckoutConfig;
     };
-    selectedSourceAssetInfo: FunkitActiveCheckoutItem['selectedSourceAssetInfo'];
-    selectedPaymentMethodInfo: FunkitActiveCheckoutItem['selectedPaymentMethodInfo'];
     isWithdrawal?: boolean;
 }
 /**
@@ -44,4 +39,4 @@ export declare function generateClientMetadataForBackend({ checkoutItem, latestQ
     isWithdrawal?: boolean;
 }): ApiCheckoutClientMetadata;
 export declare function generateClientMetadataForTokenTransfer(): HistoricalCheckoutItem;
-export declare function toApiSelectedPaymentMethodInfo(paymentMethodInfo: PaymentMethodInfo): ApiSelectedPaymentMethodInfo;
+export {};

package/dist/domains/quote.d.ts

@@ -11,7 +11,7 @@ export interface FunkitCheckoutQuoteResult extends Omit<ApiFunkitCheckoutQuoteRe
     finalSpreadUsd: string;
     finalFeesBreakdown: CheckoutFees;
 }
-export declare function getCheckoutBaseQuote(checkoutItem: FunkitActiveCheckoutItem, userId: string, walletAddress: Address, apiKey: string, sponsorInitialTransferGasLimit: number, wagmiConfig: Config, directExecutionInfo: FunkitDirectExecutionInfo, senderAddress?: Address, isWithdrawal?: boolean): Promise<CheckoutQuoteResponse>;
+export declare function getCheckoutBaseQuote(checkoutItem: FunkitActiveCheckoutItem, userId: string, walletAddress: Address, apiKey: string, wagmiConfig: Config, directExecutionInfo: FunkitDirectExecutionInfo, senderAddress?: Address, isWithdrawal?: boolean): Promise<CheckoutQuoteResponse>;
 export declare function getQuoteFinalEstimation(baseQuote: CheckoutQuoteResponse, checkoutItem: FunkitActiveCheckoutItem, newPaymentMethodInfo: PaymentMethodInfo, wagmiConfig: Config, apiKey: string, loginType: LoginType, isWithdrawal?: boolean, brokerageQuote?: BluvoBrokerageQuote): Promise<{
     finalEstimation: FunkitCheckoutQuoteResult;
     brokerage?: BrokerageDetails;
@@ -28,7 +28,6 @@ export interface CheckoutQuoteParams {
     userId: string;
     walletAddress: Address;
     apiKey: string;
-    sponsorInitialTransferGasLimit: number;
     newPaymentMethodInfo: PaymentMethodInfo;
     wagmiConfig: Config;
     loginType: LoginType;
@@ -39,7 +38,7 @@ export interface CheckoutQuoteParams {
     senderAddress?: Address;
     isWithdrawal?: boolean;
 }
-export declare function getQuoteAndEstimation({ checkoutItem, userId, walletAddress, apiKey, sponsorInitialTransferGasLimit, newPaymentMethodInfo, wagmiConfig, loginType, directExecutionInfo, senderAddress, isWithdrawal, }: CheckoutQuoteParams): Promise<{
+export declare function getQuoteAndEstimation({ checkoutItem, userId, walletAddress, apiKey, newPaymentMethodInfo, wagmiConfig, loginType, directExecutionInfo, senderAddress, isWithdrawal, }: CheckoutQuoteParams): Promise<{
     baseQuote: CheckoutQuoteResponse;
     checkedAssetAmount: CheckedAssetAmount;
     finalEstimation: FunkitCheckoutQuoteResult;

package/dist/hooks/useBluvo.d.ts

@@ -36,12 +36,7 @@ export declare const useBluvoSupportedExchanges: ({ fullInfo, iconSize, filterBy
 export declare const useBluvo: () => {
     exchangeType: BluvoExchangeType | undefined;
     bluvoClient: {
-        listExchanges: (status?: "live" | "offline" | "maintenance" | "coming_soon") => Promise<{
-            id: string;
-            name: string;
-            logoUrl: string;
-            status: import("@bluvo/sdk-ts").StatusEnum;
-        }[] | null>;
+        listExchanges: (status?: "live" | "offline" | "maintenance" | "coming_soon") => Promise<any[] | null>;
         startWithdrawalFlow: (flowOptions: import("@bluvo/sdk-ts").WithdrawalFlowOptions) => Promise<{
             machine: import("@bluvo/sdk-ts").Machine<import("@bluvo/sdk-ts").FlowState, import("@bluvo/sdk-ts").FlowActionType>;
             closeOAuthWindow: null;
@@ -57,6 +52,20 @@ export declare const useBluvo: () => {
             machine: import("@bluvo/sdk-ts").Machine<import("@bluvo/sdk-ts").FlowState, import("@bluvo/sdk-ts").FlowActionType>;
         } | null>;
         requestQuote: (options: import("@bluvo/sdk-ts").QuoteRequestOptions) => Promise<{
+            success: boolean;
+            error: string;
+            type?: undefined;
+            rawQuote?: undefined;
+            quoteData?: undefined;
+            result?: undefined;
+        } | {
+            success: boolean;
+            error: string;
+            type: import("@bluvo/sdk-ts").TypeEnum2;
+            rawQuote?: undefined;
+            quoteData?: undefined;
+            result?: undefined;
+        } | {
             rawQuote: {
                 id: string;
                 asset: string;
@@ -98,25 +107,110 @@ export declare const useBluvo: () => {
                 };
                 expiresAt: number;
             };
-        } | undefined>;
+            success: boolean;
+            result: {
+                rawQuote: {
+                    id: string;
+                    asset: string;
+                    amountWithFee?: number | null;
+                    amountNoFee?: number | null;
+                    estimatedFee?: number | null;
+                    amountWithFeeInFiat?: number | null;
+                    amountNoFeeInFiat?: number | null;
+                    estimatedFeeInFiat?: number | null;
+                    destinationAddress: string;
+                    network?: string | null;
+                    tag?: string | null;
+                    estimatedTotal?: number;
+                    feeDetails?: Array<{
+                        category: import("@bluvo/sdk-ts").CategoryEnum;
+                        currency: string;
+                        amount: number;
+                        amountInFiat: number;
+                        fiatCurrency: string;
+                    }>;
+                    expiresAt: string;
+                    additionalInfo: {
+                        minWithdrawal: string | null;
+                        maxWithdrawal?: string | null;
+                    };
+                };
+                quoteData: {
+                    id: string;
+                    asset: string;
+                    amount: string;
+                    estimatedFee: string;
+                    estimatedTotal: string;
+                    amountWithFeeInFiat: string;
+                    amountNoFeeInFiat: string;
+                    estimatedFeeInFiat: string;
+                    additionalInfo: {
+                        minWithdrawal: string | null;
+                        maxWithdrawal?: string | null;
+                    };
+                    expiresAt: number;
+                };
+            };
+            error?: undefined;
+            type?: undefined;
+        }>;
         executeWithdrawal: (quoteId: string) => Promise<{
             success: boolean;
+            error: string;
+            type?: undefined;
+        } | {
+            success: boolean;
+            error: any;
+            type: import("@bluvo/sdk-ts").TypeEnum2;
+        } | {
+            success: boolean;
+            result: {
+                success: boolean;
+                error?: string;
+                type?: import("@bluvo/sdk-ts").TypeEnum2;
+                result?: unknown;
+            } | null | undefined;
             error?: string;
             type?: import("@bluvo/sdk-ts").TypeEnum2;
-            result?: unknown;
-        } | null | undefined>;
+        }>;
         submit2FA: (code: string) => Promise<{
             success: boolean;
+            error: string;
+            type?: undefined;
+        } | {
+            success: boolean;
+            error: any;
+            type: import("@bluvo/sdk-ts").TypeEnum2;
+        } | {
+            success: boolean;
+            result: {
+                success: boolean;
+                error?: string;
+                type?: import("@bluvo/sdk-ts").TypeEnum2;
+                result?: unknown;
+            } | null | undefined;
             error?: string;
             type?: import("@bluvo/sdk-ts").TypeEnum2;
-            result?: unknown;
-        } | null | undefined>;
+        }>;
         retryWithdrawal: () => Promise<{
             success: boolean;
+            error: string;
+            type?: undefined;
+        } | {
+            success: boolean;
+            error: any;
+            type: import("@bluvo/sdk-ts").TypeEnum2;
+        } | {
+            success: boolean;
+            result: {
+                success: boolean;
+                error?: string;
+                type?: import("@bluvo/sdk-ts").TypeEnum2;
+                result?: unknown;
+            } | null | undefined;
             error?: string;
             type?: import("@bluvo/sdk-ts").TypeEnum2;
-            result?: unknown;
-        } | null | undefined>;
+        } | undefined>;
         cancel: () => void;
         testWithdrawalComplete: (transactionId?: string) => void;
         isIdle: boolean;

package/dist/hooks/useCheckoutDirectExecutionHistory.d.ts

@@ -8,6 +8,7 @@ export declare function useCheckoutDirectExecutionHistory({ initDirectExecution,
 }): {
     state: CheckoutState;
     refundState: CheckoutRefundState | undefined;
+    isLayerZero: boolean | undefined;
     isRefunded: boolean;
     isCompleted: boolean;
     isFailed: boolean;

package/dist/index.css

@@ -9184,8 +9184,9 @@
   }
 }
 
-/* vanilla-extract-css-ns:src/components/Dialog/DialogContent.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WVzY6bMBDH7/sUlnpJDo4IgTQll6rP0Hs12ANYMTYyJpBWefeKj7AYstqgqifkYX7/GcYzw+7XvvhtA/+wJ3/eCMmhoRmKNLMRCf2waM6DsRbcZhHZe961bm3DOQi91uf+tht1ogzKzRerL6ioNaDKBA0tIMXtIsKpj7CkEwGWcrQg5FqUaZUIk4MVWq1n80KixbVcLWzGDdQgaSJ1/Qrp9z5CPSp7OHl9td3zBDmsR4L1SNghBXAuVEpNn793ntgkJr1pQh0dKtbW6nzuc5onI5SwAuQkHQaSbboeI5QcvKLZnueV9Mpr5squaTivhV3bt/ADxRea8CU56Dh9RdM2B20ikgnOUZ2n1ltEoLK6tZXMaCljMDStrEUTkdJCLNF9N1SsUiVaN1wU0Rrji7BtNdilix4Du6RGV4pTpqU2EbmC2VBqLv25pLnmIH+MbtuPNMcMOl0uykLCbcxjvMlj32b/IS61WZXH/Vdpw9FQA1xU5US6NYheeftaFhaNFWBuP7GxbgrxJyn82wd+rB5lbW+8GKNEphV/mj9z7ymR2F1M+6RcGGTtoowI07LKu5Z8NHI7hm4jc2fIxzXwbFtMKOyobjBFH0sXwIS9EW/nlwShRCoU1ZXbxskCAymJtwtniDt9fjjst8dgvQ/bRDtdTPJALcMFQ7gh1jPZ7zlyAe1oIioCipPNZMl9PZ6Kpl8dO/dfO/+JEnKfOvmD07PtPd/fM/SwRAN/jo4WBw2eoOECfU/4/hdIZgG6QQgAAA== */
+/* vanilla-extract-css-ns:src/components/Dialog/DialogContent.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WVQdOaMBCG7/6KzPSihziIYi1eOt+5hx567yxkkYwhYZIg2I7/vRNAPiL6VafTk8O6z+5LeHez/Lkqf9lNuF6R3zNCKE2UtaqgJTDG5YGeQFQYkxPoOaX6SE0JqYsXioH43iW9tcg3VaNe7GeEFNDQHPkhtzGJwqhsrsGaM5vHZBUEp9rF+udNFLicy2w5iIlzMPNPVh1RUqtBmgw1LeGAi1bmuMOu6zClMw6WMrTAxatoqmTGdQGWK/k6W5QCLb7K1dzmTEMNgmZC1c+QYZfD5fVk17ugO23/eYSsX0c2ryNRi1w9pDv9wX4UE5h1oRG1/dCCfu7uVhSX3HIQI1kpiHTeeo1Qsg7KZmLOXWBOuV/2FeMFDvZjX6IHFZ8w41PloOXUCbUzCW1iknPGUO7H0XNMoLLKxUyqlRAJaHqorEUdE2MhEej/159YJQ1av10c0xqTI7fuNNJj2z2B9HjQqpKMpkooPVoP7bPptsPbkLZ4VHNQ0NZl3JQCzoOO4UtuO7v9h77U5lWRdG+lNENNNTBemVFpF+Bd5cVzKixqy0Gff2BjfQnJXyT82ws+rh7nzhtP9jCYKsnu6k/975QJbD+M+6WMa0zdwoxJqkRVtJa8GtmNoW9k5q2IYR3c2xojCluqHUze9VLuQrJnEixDQxAMUi6pqnwbZxMMhCDBMrpB/OkLo37PXQfrfdhGtQ+TSe6pabtN367vda/s1wIZBzeaiJKAZGQ+WnKft7uy6VbH0r+4by9TQi7jpLBPurfFb/f4DbqeopvwFh0iHrq5g0YT9F3w5Q+1dU6YjggAAA== */
 [data-rk] ._1pzt4231 {
+  --bottom-padding-value: var(--rk-spacing-modalPaddingBottomLower);
   max-height: 525px;
   max-width: 100vw;
   width: 450px;
@@ -9222,7 +9223,7 @@
   padding-left: 0;
 }
 [data-rk] ._1pzt4236 {
-  padding-bottom: 0;
+  --bottom-padding-value: 0;
 }
 [data-rk] ._1pzt4238 {
   min-width: initial;