@funkit/connect 2.0.7 → 3.0.0-next.1

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

@@ -2,29 +2,33 @@ import { ClassValue } from 'clsx';
 import * as React from 'react';
 type HTMLProperties<T = HTMLElement> = Omit<React.AllHTMLAttributes<T>, 'as' | 'className' | 'color' | 'height' | 'width'>;
 export declare const Box: React.ForwardRefExoticComponent<{
-    background?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | {
-        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+    background?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | {
+        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
     } | undefined;
-    borderColor?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | {
-        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+    borderColor?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | {
+        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
     } | undefined;
-    boxShadow?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | {
-        base?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
-        hover?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
-        active?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
-        selection?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
+    boxShadow?: "button" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "callToAction" | {
+        base?: "button" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "callToAction" | undefined;
+        hover?: "button" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "callToAction" | undefined;
+        active?: "button" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "callToAction" | undefined;
+        selection?: "button" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "callToAction" | undefined;
+        focused?: "button" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "callToAction" | undefined;
     } | undefined;
-    color?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | {
-        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+    color?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | {
+        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
     } | undefined;
 } & {
     alignItems?: "center" | "flex-end" | "flex-start" | {
@@ -38,43 +42,43 @@ export declare const Box: React.ForwardRefExoticComponent<{
 } & {
     readonly alignSelf?: "center" | "flex-end" | "flex-start" | undefined;
     readonly backgroundSize?: "cover" | undefined;
-    readonly borderRadius?: "1" | "10" | "13" | "16" | "actionButton" | "connectButton" | "menuButton" | "modal" | "modalMobile" | "6" | "24" | "25%" | "full" | undefined;
+    readonly borderRadius?: "1" | "8" | "10" | "13" | "16" | "actionButton" | "connectButton" | "menuButton" | "modal" | "modalMobile" | "4" | "6" | "24" | "25%" | "full" | undefined;
     readonly borderStyle?: "dotted" | "hidden" | "solid" | undefined;
-    readonly borderWidth?: "0" | "1" | "2" | "0.5" | "4" | undefined;
-    readonly cursor?: "pointer" | undefined;
+    readonly borderWidth?: "0" | "1" | "2" | "3" | "4" | "0.5" | undefined;
+    readonly cursor?: "default" | "not-allowed" | "pointer" | undefined;
     readonly flexDirection?: "column" | "row" | undefined;
     readonly fontFamily?: "body" | undefined;
-    readonly fontSize?: "10" | "12" | "13" | "14" | "16" | "18" | "20" | "23" | "57" | undefined;
+    readonly fontSize?: "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "23" | "40" | "57" | undefined;
     readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | undefined;
-    readonly gap?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly height?: "1" | "10" | "12" | "14" | "16" | "20" | "2" | "24" | "full" | "4" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly gap?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
+    readonly height?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
     readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
     readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
-    readonly marginBottom?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly marginLeft?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly marginRight?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly marginTop?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly minHeight?: "1" | "10" | "12" | "14" | "16" | "20" | "2" | "24" | "full" | "4" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
-    readonly maxHeight?: "1" | "10" | "12" | "14" | "16" | "20" | "2" | "24" | "full" | "4" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
-    readonly maxWidth?: "1" | "10" | "12" | "14" | "16" | "20" | "2" | "24" | "full" | "4" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
-    readonly minWidth?: "1" | "10" | "12" | "14" | "16" | "20" | "2" | "24" | "full" | "4" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly marginBottom?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
+    readonly marginLeft?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
+    readonly marginRight?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
+    readonly marginTop?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
+    readonly minHeight?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly maxHeight?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly maxWidth?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly minWidth?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
     readonly overflow?: "hidden" | undefined;
-    readonly paddingBottom?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly paddingLeft?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly paddingRight?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly paddingTop?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
+    readonly paddingBottom?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
+    readonly paddingLeft?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
+    readonly paddingRight?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
+    readonly paddingTop?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
     readonly position?: "fixed" | "absolute" | "relative" | undefined;
     readonly right?: "0" | undefined;
     readonly transition?: "transform" | "default" | undefined;
     readonly userSelect?: "none" | undefined;
-    readonly width?: "1" | "10" | "12" | "14" | "16" | "20" | "2" | "24" | "full" | "4" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly width?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
     readonly backdropFilter?: "modalOverlay" | undefined;
-    margin?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    marginX?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    marginY?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    padding?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    paddingX?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    paddingY?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
+    margin?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
+    marginX?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
+    marginY?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
+    padding?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
+    paddingX?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
+    paddingY?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
 } & {
     reset?: keyof JSX.IntrinsicElements;
 } & HTMLProperties<HTMLElement> & {

package/dist/components/ChainModal/Chain.d.ts

@@ -13,10 +13,11 @@ interface ChainProps {
     src: string | AsyncImageSrc | undefined | null;
     idx: number;
 }
-export declare function ChainLineItem({ chainId, chainIconSize, gap, }: {
+export declare function ChainLineItem({ chainId, chainIconSize, gap, hideChainName, }: {
     chainId: number;
     chainIconSize: BoxProps['height'];
     gap?: BoxProps['gap'];
+    hideChainName?: boolean;
 }): React.JSX.Element | null;
 declare const Chain: ({ chainId, currentChainId, switchChain, chainIconSize, isLoading, src, name, iconBackground, idx, }: ChainProps) => React.JSX.Element;
 export default Chain;

package/dist/components/CloseButton/CloseButton.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-export declare const CloseButton: ({ "aria-label": ariaLabel, onClose, }: {
-    "aria-label"?: string;
+export declare const CloseButton: ({ onClose }: {
     onClose: () => void;
 }) => React.JSX.Element;

package/dist/components/ConnectButton/ConnectButtonRenderer.d.ts

@@ -7,6 +7,7 @@ export interface ConnectButtonRendererProps {
             balanceDecimals?: number;
             balanceFormatted?: string;
             balanceSymbol?: string;
+            balanceNativeAmount?: string;
             displayBalance?: string;
             displayName: string;
             displayAvatar: string;

package/dist/components/DevTest/DevEmbed.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function DevEmbed(): React.JSX.Element;

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

@@ -1,5 +1,13 @@
+export declare const DialogAnimationTimeIn = 250;
+export declare const DialogAnimationTimeOut = 120;
 export declare const overlay: string;
 export declare const overlayOut: string;
-export declare const DialogAnimationTime = 150;
 export declare const content: string;
 export declare const contentSlideOut: string;
+export declare const titleSection: {
+    animationDuration: string;
+    animationTimingFunction: string;
+    animationFillMode: string;
+};
+export declare const animateTitleInClass: string;
+export declare const animateTitleOutClass: string;

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

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { BoxProps } from '../Box/Box';
 interface DialogProps {
     open: boolean;
     onClose: () => void;
@@ -10,5 +11,31 @@ interface DialogProps {
     /** Whether clicking outside the dialog or pressing escape key would close the modal */
     isSmartCloseable?: boolean;
 }
+/**
+ * Dialog components (title, content, bottom bar) must be rendered as direct children of Dialog for correct scrolling behavior
+ */
 export declare function Dialog({ children, onClose, open, titleId, isHidden, isSmartCloseable, }: DialogProps): React.JSX.Element;
+export declare namespace Dialog {
+    var Title: ({ title, hasCloseButton, onClose, hasBackButton, onBack, backAnimation, skipBackDelay, countdownSeconds, countdownKey, delayCountdownReturnByBuffer, }: DialogTitleProps) => React.JSX.Element;
+    var Content: ({ children, fullHeight, paddingX, className, ...boxProps }: DialogContentProps) => React.JSX.Element;
+    var BottomSection: ({ paddingX, ...boxProps }: Omit<BoxProps, "children">) => React.JSX.Element;
+    var BottomBar: ({ topSection, actionButtonProps, bottomSection, }: import("../FunBottomBar/FunBottomBar").FunBottomBarProps) => React.JSX.Element;
+}
+interface DialogContentProps extends BoxProps {
+    children: ReactNode;
+    /** Whether the content should fill all available space */
+    fullHeight?: boolean;
+}
+export interface DialogTitleProps {
+    title?: string;
+    hasCloseButton?: boolean;
+    onClose?: (p?: any) => void;
+    hasBackButton?: boolean;
+    skipBackDelay?: boolean;
+    onBack?: (p?: any) => void;
+    backAnimation?: boolean;
+    countdownSeconds?: number;
+    countdownKey?: string;
+    delayCountdownReturnByBuffer?: boolean;
+}
 export {};

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

@@ -1,6 +1,5 @@
-export declare const dialogContent: string;
-export declare const dialogContentWideMobile: string;
-export declare const dialogContentWideDesktop: string;
-export declare const dialogContentCompactMode: string;
-export declare const dialogContentMobile: string;
-export declare const bottomSheetOverrides: string;
+export declare const dialog: string;
+export declare const dialogCompact: string;
+export declare const dialogMobile: string;
+export declare const scrollContent: string;
+export declare const fullHeightContent: string;

package/dist/components/FunAlert/FunAlert.d.ts

@@ -0,0 +1,5 @@
+import React, { ReactNode } from 'react';
+export declare function FunAlert({ icon, description, }: {
+    icon: ReactNode;
+    description: string | ReactNode;
+}): React.JSX.Element;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BoxProps } from '../Box/Box';
+interface FunAssetBadgeProps {
+    children: React.ReactNode;
+    background?: BoxProps['background'];
+    color?: BoxProps['color'];
+}
+export declare function FunAssetBadge({ children, background, color, }: FunAssetBadgeProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { AssetHoldingsItem } from '../../utils/assets';
+interface FunAssetItemProps {
+    asset: AssetHoldingsItem;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    badgeText: string | null;
+    onClick: () => void;
+}
+export declare const FunAssetItem: ({ asset, isActive, isDisabled, badgeText, onClick, }: FunAssetItemProps) => React.JSX.Element;
+export declare function FunAssetItemSkeleton(): React.JSX.Element;
+export {};

package/dist/components/FunBadge/FunBadge.d.ts

@@ -1,4 +1,11 @@
 import React from 'react';
-export declare function FunBadge({ text }: {
-    text: string;
-}): React.JSX.Element;
+import { BoxProps } from '../Box/Box';
+interface FunBadgeProps {
+    children: React.ReactNode;
+    paddingX?: BoxProps['paddingX'];
+    borderRadius?: BoxProps['borderRadius'];
+    background?: BoxProps['background'];
+    color?: BoxProps['color'];
+}
+export declare function FunBadge({ children, background, color, borderRadius, paddingX, }: FunBadgeProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FunButtonProps } from '../FunButton/FunButton';
+export interface FunBottomBarProps {
+    topSection?: React.ReactNode;
+    actionButtonProps: FunButtonProps;
+    bottomSection?: React.ReactNode;
+}
+export declare const FunBottomBar: ({ topSection, actionButtonProps, bottomSection, }: FunBottomBarProps) => React.JSX.Element;

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

@@ -1,4 +1,5 @@
 export declare const funLinkButtonStyle: string;
+export declare const pressedStyles: string;
 export declare const funIconButtonStyle: string;
 export declare const iconStyle: string;
 export declare const rotateStyle: string;

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

@@ -1,19 +1,12 @@
 import React from 'react';
-import { BoxProps } from '../Box/Box';
-import { TextProps } from '../Text/Text';
-export type funButtonTypes = 'primary' | 'secondary' | 'warning';
-interface FunButtonProps {
+export type FunButtonTypes = 'primary' | 'secondary' | 'tertiary';
+export interface FunButtonProps {
     id?: string;
     title: string;
     onClick?: (e?: any) => void;
-    titlePrefix?: React.ReactNode;
-    titleSuffix?: React.ReactNode;
-    type?: funButtonTypes;
+    type?: FunButtonTypes;
     isDisabled?: boolean;
-    borderRadius?: BoxProps['borderRadius'];
-    titleWeight?: TextProps['weight'];
-    buttonStyle?: BoxProps['style'];
-    textColor?: BoxProps['color'];
+    isLoading?: boolean;
+    loaderSize?: number;
 }
-export declare function FunButton({ id, title, onClick, titlePrefix, titleSuffix, isDisabled, type, borderRadius, titleWeight, buttonStyle, textColor, }: FunButtonProps): React.JSX.Element;
-export {};
+export declare function FunButton({ id, title, onClick, isDisabled, type, isLoading, loaderSize, }: FunButtonProps): React.JSX.Element;

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

@@ -3,8 +3,8 @@ import { BoxProps } from '../Box/Box';
 /**
  * Circular icon button with dynamic height and width
  */
-export declare const FunIconButton: ({ onClick, icon, size, showBorder, paddingX, paddingY, borderRadius, ariaLabel, color, background, width, rotateIconAnimation, }: {
-    onClick: () => void;
+export declare const FunIconButton: ({ onClick, icon, size, showBorder, paddingX, paddingY, borderRadius, ariaLabel, color, background, width, rotateIconAnimation, renderAsSquare, as, }: {
+    onClick?: () => void;
     icon: React.ReactNode;
     size?: BoxProps["height"];
     paddingX?: BoxProps["paddingX"];
@@ -16,4 +16,6 @@ export declare const FunIconButton: ({ onClick, icon, size, showBorder, paddingX
     background?: BoxProps["background"];
     width?: BoxProps["width"];
     rotateIconAnimation?: boolean;
+    renderAsSquare?: boolean;
+    as?: BoxProps["as"];
 }) => React.JSX.Element;

package/dist/components/FunCallToAction/FunCallToAction.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BoxProps } from '../Box/Box';
+interface CallToActionProps {
+    badgeText: string;
+    badgeBackground: BoxProps['background'];
+    badgeColor: BoxProps['color'];
+    children: React.ReactNode;
+}
+export declare function FunCallToAction({ badgeText, badgeBackground, badgeColor, children, }: CallToActionProps): React.JSX.Element;
+export {};

package/dist/components/FunCheckoutHistoryModal/FunCheckoutHistoryContent.d.ts

@@ -1,8 +1,11 @@
-import React from 'react';
+import React, { Dispatch, SetStateAction } from 'react';
 import { HistoryContentPages } from '../../utils/checkoutHistory';
-export declare function FunCheckoutHistoryContent({ onClose, depositAddress, initialPage, onBackFromDetailPage, }: {
+interface FunCheckoutHistoryContentProps {
     depositAddress: `0x${string}`;
-    initialPage: HistoryContentPages;
-    onClose: () => void;
-    onBackFromDetailPage: undefined | (() => void);
-}): React.JSX.Element;
+    currentPage: HistoryContentPages;
+    setCurrentPage: Dispatch<SetStateAction<HistoryContentPages>>;
+    onBackFromHelpPage: () => void;
+}
+export declare const HELP_SCREEN_BOTTOM_BAR_ID = "help-screen-bottom-section";
+export declare function FunCheckoutHistoryContent({ depositAddress, currentPage, setCurrentPage, onBackFromHelpPage, }: FunCheckoutHistoryContentProps): React.JSX.Element;
+export {};

package/dist/components/FunCheckoutHistoryModal/FunCheckoutHistoryDetail.d.ts

@@ -4,8 +4,7 @@ import { HistoryContentPages } from '../../utils/checkoutHistory';
 /**
  * Processing info about a checkout history item (already created in backend)
  */
-export declare function FunCheckoutHistoryDetail({ checkoutHistoryInfo, setCurrentPage, animateOut, }: {
+export declare function FunCheckoutHistoryDetail({ checkoutHistoryInfo, setCurrentPage, }: {
     checkoutHistoryInfo: CheckoutHistoryItem;
     setCurrentPage: Dispatch<SetStateAction<HistoryContentPages>>;
-    animateOut: boolean;
 }): React.JSX.Element;

package/dist/components/FunCheckoutHistoryModal/FunCheckoutHistoryHelp.d.ts

@@ -1,7 +1,6 @@
 import { CheckoutHistoryItem } from '@funkit/api-base';
 import React from 'react';
-export declare function FunCheckoutHistoryHelp({ checkoutHistoryInfo, animateOut, onBackFromHelpPage, }: {
+export declare function FunCheckoutHistoryHelp({ checkoutHistoryInfo, onBackFromHelpPage, }: {
     checkoutHistoryInfo: CheckoutHistoryItem;
-    animateOut: boolean;
     onBackFromHelpPage: () => void;
 }): React.JSX.Element;

package/dist/components/FunCheckoutHistoryModal/FunCheckoutHistoryTransaction.css.d.ts

@@ -0,0 +1,3 @@
+export declare const ContentExpanded: string;
+export declare const ContentCollapsed: string;
+export declare const Divider: string;