@deframe-sdk/components 0.1.12 → 0.1.14

package/dist/index.d.mts

@@ -5,6 +5,18 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 /** Primary UI component for user interaction */
 declare function ActionButton({ children, disabled, className, type, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
+interface CloseButtonProps {
+    /** Click handler for the close button */
+    onClick?: () => void;
+    /** Test ID for testing purposes */
+    testId?: string;
+    /** ARIA label for accessibility */
+    ariaLabel?: string;
+    /** Additional CSS class names */
+    className?: string;
+}
+declare const CloseButton: React__default.FC<CloseButtonProps>;
+
 /** Primary UI component for user interaction */
 declare function PercentageButton({ children, disabled, className, type, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
@@ -997,6 +1009,14 @@ interface SwapProcessingViewProps {
 }
 declare const SwapProcessingView: React__default.FC<SwapProcessingViewProps>;
 
+/**
+ * Visual variant of SwapProcessingView.
+ * Design identical to the SwapPanel ProcessingOverlay:
+ * glass-blur transparent background, rotating sync icon,
+ * uppercase green title + muted subtitle. No chrome, no transaction details.
+ */
+declare const SwapProcessingViewSimple: React__default.FC<Partial<SwapProcessingViewProps>>;
+
 interface SwapCrossChainProcessingViewProps {
     fromTokenSymbol: string;
     fromTokenIcon: string;
@@ -1045,12 +1065,12 @@ interface SwapSignatureWarningViewProps {
 declare const SwapSignatureWarningView: React__default.FC<SwapSignatureWarningViewProps>;
 
 interface SwapSuccessLabels {
-    title: string;
-    descriptionPrefix: string;
-    descriptionMiddle: string;
-    descriptionSuffix: string;
-    walletLinkText: string;
-    startNewSwapButton: string;
+    title?: string;
+    descriptionPrefix?: string;
+    descriptionMiddle?: string;
+    descriptionSuffix?: string;
+    walletLinkText?: string;
+    startNewSwapButton?: string;
 }
 
 interface SwapSuccessViewProps {
@@ -1071,6 +1091,14 @@ interface SwapSuccessViewProps {
 }
 declare const SwapSuccessView: React__default.FC<SwapSuccessViewProps>;
 
+/**
+ * Visual variant of SwapSuccessView.
+ * Design identical to the SwapPanel SuccessOverlay:
+ * glass-blur transparent background, centered icon + title + subtitle.
+ * No chrome, no transaction details.
+ */
+declare const SwapSuccessViewSimple: React__default.FC<Partial<SwapSuccessViewProps>>;
+
 interface SwapTransactionFailedViewProps {
     fromTokenSymbol: string;
     fromTokenIcon: string;
@@ -1094,6 +1122,14 @@ interface SwapTransactionFailedViewProps {
 }
 declare const SwapTransactionFailedView: React__default.FC<SwapTransactionFailedViewProps>;
 
+/**
+ * Visual variant of SwapTransactionFailedView.
+ * Design identical to the SwapPanel ErrorOverlay:
+ * glass-blur transparent background, spring-in red circle with animated X,
+ * bold title + muted subtitle. No chrome, no transaction details.
+ */
+declare const SwapTransactionFailedViewSimple: React__default.FC<Partial<SwapTransactionFailedViewProps>>;
+
 interface ChooseAnAssetSwapLabels {
     title: string;
     searchPlaceholder: string;
@@ -1298,6 +1334,711 @@ interface ConfirmSwapButtonViewProps {
 }
 declare const ConfirmSwapButtonView: React__default.FC<ConfirmSwapButtonViewProps>;
 
+interface ChooseANetworkLabels {
+    title: string;
+    searchPlaceholder: string;
+    loadMoreLabel: string;
+}
+
+interface ChainItem {
+    chainId: number;
+    name: string;
+    imageUrl: string;
+}
+
+interface ChooseANetworkViewProps {
+    labels: ChooseANetworkLabels;
+    autoFocus?: boolean;
+    chains: ChainItem[];
+    pageSize?: number;
+    onChainClick: (chainId: number) => void;
+}
+declare const ChooseANetworkView: React__default.FC<ChooseANetworkViewProps>;
+
+interface SwapHistoryLabels {
+    emptyTitle: string;
+    emptyDescription: string;
+    loadMoreLabel: string;
+}
+
+interface SwapHistoryItem {
+    id: string;
+    title: string;
+    subtitle: string;
+    iconUrl: string;
+    iconAlt: string;
+    amountFormatted: string;
+    amountUsd?: string;
+    dateKey: string;
+    dateLabel: string;
+}
+
+interface SwapHistoryViewProps {
+    labels: SwapHistoryLabels;
+    isLoading: boolean;
+    items: SwapHistoryItem[];
+    onItemClick: (itemId: string) => void;
+    pageSize?: number;
+}
+declare const SwapHistoryView: React__default.FC<SwapHistoryViewProps>;
+
+interface HistorySwapDetailsLabels {
+    headerTitle: string;
+    notFoundMessage: string;
+    detailsUnavailableMessage: string;
+    swapLabel: string;
+    sentLabel: string;
+    receivedLabel: string;
+    statusLabel: string;
+    txIdLabel: string;
+    dateLabel: string;
+    transactionLabel: string;
+    viewOnExplorerLabel: string;
+}
+
+interface BaseProps {
+    labels: HistorySwapDetailsLabels;
+    onBack: () => void;
+}
+interface NotFoundProps extends BaseProps {
+    status: 'not-found';
+}
+interface UnavailableProps extends BaseProps {
+    status: 'unavailable';
+}
+interface LoadedProps extends BaseProps {
+    status: 'loaded';
+    symbolIn: string;
+    amountInFormatted: string;
+    amountInUsd: string | null;
+    tokenInLogoUrl: string;
+    chainInName: string | null;
+    symbolOut: string;
+    amountOutFormatted: string;
+    amountOutUsd: string | null;
+    tokenOutLogoUrl: string;
+    chainOutName: string | null;
+    routeOrNetworkLabel: string;
+    routeOrNetworkValue: string;
+    statusLabel: string;
+    txHash: string | null;
+    dateFormatted: string;
+    explorerUrl: string | null;
+}
+type HistorySwapDetailsViewProps = NotFoundProps | UnavailableProps | LoadedProps;
+declare const HistorySwapDetailsView: React__default.FC<HistorySwapDetailsViewProps>;
+
+interface SwapWidgetFallbackViewProps {
+    title: string;
+    description: string;
+    buttonLabel: string;
+    onButtonClick: () => void;
+}
+declare const SwapWidgetFallbackView: React__default.FC<SwapWidgetFallbackViewProps>;
+
+interface ApyRangeProps {
+    children: React__default.ReactNode;
+}
+declare const ApyRange: React__default.FC<ApyRangeProps>;
+
+type LabelVariant = 'primary' | 'secondary';
+interface LabelProps {
+    children: React__default.ReactNode;
+    variant?: LabelVariant;
+    className?: string;
+}
+declare const Label: React__default.FC<LabelProps>;
+
+declare const HistoryListSkeleton: React__default.FC;
+
+type BackgroundVariant = 'subtle' | 'raised';
+interface WalletBalanceItem {
+    label: string;
+    value: string;
+}
+interface WalletBalancesProps {
+    cards: WalletBalanceItem[];
+    variant?: BackgroundVariant;
+    className?: string;
+}
+declare const WalletBalances: React__default.FC<WalletBalancesProps>;
+
+interface HistoryTabEmptyProps {
+    title: string;
+    description: string;
+}
+declare const HistoryTabEmpty: React__default.FC<HistoryTabEmptyProps>;
+
+interface StrategyGridCardProps {
+    logoUrl: string;
+    title: string;
+    subtitle: string;
+    apyFormatted: string;
+    apyLabel: string;
+    onClick?: () => void;
+    className?: string;
+}
+declare const StrategyGridCard: React__default.FC<StrategyGridCardProps>;
+
+interface BackButtonProps {
+    onClick?: () => void;
+    ariaLabel?: string;
+    className?: string;
+}
+declare const BackButton: React__default.FC<BackButtonProps>;
+
+interface EarnBalanceCardProps {
+    tokenIcon?: React__default.ReactNode;
+    fiatBalance: string;
+    profitAmount: string;
+    tokenAmount: string;
+    investedLabel: string;
+    earningsLabel: string;
+    isFetching?: boolean;
+}
+declare const EarnBalanceCard: React__default.FC<EarnBalanceCardProps>;
+
+interface EarnInvestmentSummaryViewProps {
+    overviewDescription: string;
+    totalInvestedLabel: string;
+    totalInvestedValue: string;
+    totalReturnLabel: string;
+    totalReturnValue: string;
+    className?: string;
+}
+/**
+ * Investment Summary view for desktop layout.
+ * Pure view — displays total invested and total earned values.
+ */
+declare const EarnInvestmentSummaryView: React__default.FC<EarnInvestmentSummaryViewProps>;
+
+interface EarnInvestedSectionItem {
+    strategyId: string;
+    logoUrl: string;
+    assetName: string;
+    subtitle: string;
+    balanceFormatted: string;
+    profitFormatted: string;
+}
+interface EarnInvestedSectionViewProps {
+    sectionTitle: string;
+    items: EarnInvestedSectionItem[];
+    onItemClick?: (strategyId: string) => void;
+    className?: string;
+}
+/**
+ * Invested strategies section view for desktop layout.
+ * Pure view — receives pre-formatted items and renders a vertical list.
+ */
+declare const EarnInvestedSectionView: React__default.FC<EarnInvestedSectionViewProps>;
+
+interface EarnExploreGridItem {
+    id: string;
+    logoUrl: string;
+    title: string;
+    subtitle: string;
+    apyFormatted: string;
+    apyLabel: string;
+}
+interface EarnExploreGridViewProps {
+    sectionTitle: string;
+    loadingLabel: string;
+    errorLabel: string;
+    emptySearchTitle: string;
+    emptySearchDescription: string;
+    isLoading: boolean;
+    error?: Error | null;
+    strategies: EarnExploreGridItem[];
+    searchBar: React__default.ReactNode;
+    chipGroup: React__default.ReactNode;
+    hasFilters: boolean;
+    onStrategyClick?: (strategyId: string) => void;
+    className?: string;
+}
+/**
+ * Explore strategies grid view for desktop layout.
+ * Pure view — receives filtered strategies and renders a grid with search/filter UI.
+ */
+declare const EarnExploreGridView: React__default.FC<EarnExploreGridViewProps>;
+
+interface EarnRecentTransactionsViewProps {
+    sectionTitle: string;
+    viewAllLabel: string;
+    isLoading: boolean;
+    hasMore: boolean;
+    hasItems: boolean;
+    historyList: React__default.ReactNode;
+    emptyTitle: string;
+    emptyDescription: string;
+    onViewAll?: () => void;
+    className?: string;
+}
+/**
+ * Recent transactions section view for desktop layout.
+ * Pure view — renders a section with title, "view all" link, and history list slot.
+ */
+declare const EarnRecentTransactionsView: React__default.FC<EarnRecentTransactionsViewProps>;
+
+interface EarnDesktopViewProps {
+    isLoading: boolean;
+    loadingSkeleton: React__default.ReactNode;
+    summary: EarnInvestmentSummaryViewProps;
+    invested: EarnInvestedSectionViewProps;
+    explore: EarnExploreGridViewProps;
+    transactions: EarnRecentTransactionsViewProps;
+    className?: string;
+}
+/**
+ * Desktop layout for Earn page.
+ * Pure view — receives typed props per section and renders section views directly.
+ */
+declare const EarnDesktopView: React__default.FC<EarnDesktopViewProps>;
+
+interface EarnInvestmentDetailsTransaction {
+    id: string;
+    action: string;
+    date: string;
+    usdAmount: string;
+    tokenAmount: string;
+}
+
+interface EarnInvestmentDetailsViewProps {
+    title: string;
+    onBack?: () => void;
+    tokenIcon?: string;
+    fiatBalance: string;
+    profitAmount: string;
+    tokenAmount: string;
+    investedLabel: string;
+    earningsLabel: string;
+    summaryTitle: string;
+    summaryItems: Array<{
+        label: string;
+        value: string;
+    }>;
+    pastActivitiesTitle: string;
+    transactions: EarnInvestmentDetailsTransaction[];
+    onTransactionClick: (transactionId: string) => void;
+    showMoreButton: boolean;
+    onLoadMore: () => void;
+    loadMoreLabel: string;
+    depositLabel: string;
+    onDeposit: () => void;
+    withdrawLabel: string;
+    onWithdraw: () => void;
+}
+/**
+ * Investment details view for a single strategy position.
+ * Pure view — receives all data pre-formatted from the container.
+ */
+declare const EarnInvestmentDetailsView: React__default.FC<EarnInvestmentDetailsViewProps>;
+
+interface GroupedStrategyListItem {
+    id: string;
+    logoUrl: string;
+    title: string;
+    subtitle: string;
+    onClick: () => void;
+}
+interface GroupedInvestedItem extends GroupedStrategyListItem {
+    balanceFormatted: string;
+    profitFormatted: string;
+}
+interface GroupedStrategyItem extends GroupedStrategyListItem {
+    apyFormatted: string;
+}
+interface GroupedStrategyListViewProps {
+    isLoading: boolean;
+    loadingLabel: string;
+    error: Error | null;
+    errorLabel: string;
+    investedLabel: string;
+    investedItems: GroupedInvestedItem[];
+    bestPerformanceLabel: string;
+    bestPerformanceItems: GroupedStrategyItem[];
+    allStrategiesLabel: string;
+    allStrategiesItems: GroupedStrategyItem[];
+}
+/**
+ * Grouped strategy list view for mobile overview tab.
+ * Pure view — receives pre-formatted items grouped by category.
+ */
+declare const GroupedStrategyListView: React__default.FC<GroupedStrategyListViewProps>;
+
+interface HistoryListViewItem {
+    id: string;
+    iconUrl: string;
+    iconAlt: string;
+    isDeposit: boolean;
+    isSwap: boolean;
+    title: string;
+    subtitle: string;
+    amountFormatted: string;
+    amountUsd?: string;
+    onClick: () => void;
+}
+interface HistoryListViewGroup {
+    dateLabel: string;
+    items: HistoryListViewItem[];
+}
+interface HistoryListViewProps {
+    groups: HistoryListViewGroup[];
+    showLoadMore: boolean;
+    onLoadMore: () => void;
+    loadMoreLabel: string;
+    itemClassName?: string;
+    itemVariant?: 'subtle' | 'raised';
+}
+/**
+ * History list view.
+ * Pure view — receives pre-grouped, pre-formatted history items.
+ */
+declare const HistoryListView: React__default.FC<HistoryListViewProps>;
+
+interface EarnTokenSelectorViewProps {
+    selectedToken: {
+        symbol: string;
+        logoURI?: string | null;
+    } | null;
+    onTokenClick: () => void;
+    isLoading: boolean;
+    selectTokenLabel: string;
+    chainLabel: string;
+    chainImage?: string;
+    chainDirectionLabel: string;
+    chainDisabledTitle?: string;
+}
+declare const EarnTokenSelectorView: React__default.FC<EarnTokenSelectorViewProps>;
+
+interface EarnAmountInputViewProps {
+    value: string;
+    onChange: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
+    ariaLabel: string;
+    dollarAmountFormatted: string;
+    availableBalanceFormatted?: string;
+}
+declare const EarnAmountInputView: React__default.FC<EarnAmountInputViewProps>;
+
+interface EarnPercentageButtonsViewProps {
+    onPercentageClick: (basisPoints: number) => void;
+    maxLabel: string;
+}
+declare const EarnPercentageButtonsView: React__default.FC<EarnPercentageButtonsViewProps>;
+
+interface EarnWithdrawTokenSelectorViewProps {
+    selectedToken: {
+        symbol: string;
+        logoURI?: string | null;
+    } | null;
+    onTokenClick: () => void;
+    selectTokenLabel: string;
+    chainLabel: string;
+    chainImage?: string;
+    chainDirectionLabel: string;
+    chainDisabledTitle?: string;
+}
+declare const EarnWithdrawTokenSelectorView: React__default.FC<EarnWithdrawTokenSelectorViewProps>;
+
+interface EarnNoBalanceNotificationViewProps {
+    prompt: string;
+    actionLabel: string;
+    onAction: () => void;
+}
+declare const EarnNoBalanceNotificationView: React__default.FC<EarnNoBalanceNotificationViewProps>;
+
+interface EarnTxStatusCardViewProps {
+    statusLabel: string;
+    isProcessing: boolean;
+    successMessage?: string;
+    errorMessage?: string;
+}
+declare const EarnTxStatusCardView: React__default.FC<EarnTxStatusCardViewProps>;
+
+interface EarnBytecodeErrorViewProps {
+    errorTitle: string;
+    errorMessage: string;
+}
+declare const EarnBytecodeErrorView: React__default.FC<EarnBytecodeErrorViewProps>;
+
+interface EarnPositionCardViewProps {
+    balanceUSD: string;
+    balanceToken: string;
+    icon?: string;
+    iconAlt?: string;
+}
+declare const EarnPositionCardView: React__default.FC<EarnPositionCardViewProps>;
+
+interface EarnDepositFormViewProps {
+    headerTitle: string;
+    onBack?: () => void;
+    progress: number;
+    pageTitle: string;
+    subtitle: string;
+    onSubmit: React__default.FormEventHandler<HTMLFormElement>;
+    selectedToken: {
+        symbol: string;
+        logoURI?: string | null;
+    } | null;
+    onTokenClick: () => void;
+    isLoadingToken: boolean;
+    selectTokenLabel: string;
+    chainLabel: string;
+    chainImage?: string;
+    chainDirectionLabel: string;
+    chainDisabledTitle?: string;
+    amountValue: string;
+    onAmountChange: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
+    amountAriaLabel: string;
+    dollarAmountFormatted: string;
+    availableBalanceFormatted: string;
+    showNoBalanceNotification: boolean;
+    noBalancePrompt: string;
+    goToSwapLabel: string;
+    onGoToSwap: () => void;
+    onPercentageClick: (basisPoints: number) => void;
+    maxLabel: string;
+    showTxStatus: boolean;
+    txStatusLabel: string;
+    isTxProcessing: boolean;
+    isTxSuccess: boolean;
+    isTxError: boolean;
+    txSuccessMessage?: string;
+    txErrorMessage?: string;
+    bytecodeErrorMessage?: string;
+    transactionErrorLabel: string;
+    isQuoteValid: boolean;
+    isFetchingQuote: boolean;
+    quoteDetails: Array<{
+        label: string;
+        value: string;
+        borderBottom?: boolean;
+    }>;
+    submitDisabled: boolean;
+    submitButtonText: string;
+}
+declare const EarnDepositFormView: React__default.FC<EarnDepositFormViewProps>;
+
+interface EarnWithdrawFormViewProps {
+    headerTitle: string;
+    onBack?: () => void;
+    progress: number;
+    pageTitle: string;
+    subtitle: string;
+    onSubmit: React__default.FormEventHandler<HTMLFormElement>;
+    positionBalanceUSD: string;
+    positionBalanceToken: string;
+    strategyIcon?: string;
+    strategyName?: string;
+    selectedToken: {
+        symbol: string;
+        logoURI?: string | null;
+    } | null;
+    onTokenClick: () => void;
+    selectTokenLabel: string;
+    chainLabel: string;
+    chainImage?: string;
+    chainDirectionLabel: string;
+    chainDisabledTitle?: string;
+    amountValue: string;
+    onAmountChange: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
+    amountAriaLabel: string;
+    dollarAmountFormatted: string;
+    onPercentageClick: (basisPoints: number) => void;
+    maxLabel: string;
+    showTxStatus: boolean;
+    txStatusLabel: string;
+    isTxProcessing: boolean;
+    isTxSuccess: boolean;
+    isTxError: boolean;
+    txSuccessMessage?: string;
+    txErrorMessage?: string;
+    bytecodeErrorMessage?: string;
+    transactionErrorLabel: string;
+    isQuoteValid: boolean;
+    isFetchingQuote: boolean;
+    summaryTitle: string;
+    summaryItems: Array<{
+        label: string;
+        value: string;
+    }>;
+    submitDisabled: boolean;
+    submitButtonText: string;
+}
+declare const EarnWithdrawFormView: React__default.FC<EarnWithdrawFormViewProps>;
+
+interface EarnDepositProcessingViewProps {
+    progress: number;
+    title: string;
+    descriptionPrefix: string;
+    activityHistoryText: string;
+    onGoToHistory: () => void;
+    onBack: () => void;
+    strategyName: string;
+    apyLabel: string;
+    apyValue: string;
+    iconSrc?: string;
+    iconAlt: string;
+    amountUSD: string;
+    amountToken: string;
+    transactionSteps: TransactionStep[];
+    processingDetailsLabels: TransactionProcessingDetailsLabels;
+}
+declare const EarnDepositProcessingView: React__default.FC<EarnDepositProcessingViewProps>;
+
+interface EarnDepositSuccessViewProps {
+    title: string;
+    descriptionPrefix: string;
+    formattedAmount: string;
+    tokenSymbol: string;
+    descriptionSuffix: string;
+    descriptionLinkText: string;
+    onClose: () => void;
+    exploreMoreLabel: string;
+    strategyName: string;
+    apyLabel: string;
+    apyValue: string;
+    iconSrc?: string;
+    iconAlt: string;
+    amountUSD: string;
+    amountToken: string;
+    transactionSteps: TransactionStep[];
+    processingDetailsLabels: TransactionProcessingDetailsLabels;
+}
+declare const EarnDepositSuccessView: React__default.FC<EarnDepositSuccessViewProps>;
+
+interface EarnDepositWarningViewProps {
+    progress: number;
+    title: string;
+    description: string;
+    backTitle: string;
+    onBack: () => void;
+    cancelLabel: string;
+    onCancel: () => void;
+    retryLabel: string;
+    onRetry: () => void;
+    strategyName: string;
+    apyLabel: string;
+    apyValue: string;
+    iconSrc?: string;
+    iconAlt: string;
+    amountUSD: string;
+    amountToken: string;
+    transactionSteps: TransactionStep[];
+    processingDetailsLabels: TransactionProcessingDetailsLabels;
+}
+declare const EarnDepositWarningView: React__default.FC<EarnDepositWarningViewProps>;
+
+interface EarnDepositFailedViewProps {
+    progress: number;
+    title: string;
+    description: string;
+    backTitle: string;
+    onBack: () => void;
+    viewExplorerLabel: string;
+    onViewExplorer: () => void;
+    viewExplorerDisabled: boolean;
+    retryLabel: string;
+    onRetry: () => void;
+    strategyName: string;
+    apyLabel: string;
+    apyValue: string;
+    iconSrc?: string;
+    iconAlt: string;
+    iconGradient: string;
+    amountUSD: string;
+    amountToken: string;
+    transactionSteps: TransactionStep[];
+    processingDetailsLabels: TransactionProcessingDetailsLabels;
+}
+declare const EarnDepositFailedView: React__default.FC<EarnDepositFailedViewProps>;
+
+interface EarnWithdrawProcessingViewProps {
+    progress: number;
+    title: string;
+    descriptionPrefix: string;
+    activityHistoryText: string;
+    descriptionSuffix?: string;
+    onGoToHistory: () => void;
+    onBack: () => void;
+    strategyName: string;
+    apyLabel: string;
+    apyValue: string;
+    iconSrc?: string;
+    iconAlt: string;
+    amountUSD: string;
+    amountToken: string;
+    transactionSteps: TransactionStep[];
+    processingDetailsLabels: TransactionProcessingDetailsLabels;
+}
+declare const EarnWithdrawProcessingView: React__default.FC<EarnWithdrawProcessingViewProps>;
+
+interface EarnWithdrawSuccessViewProps {
+    title: string;
+    descriptionPrefix: string;
+    formattedAmount: string;
+    tokenSymbol: string;
+    descriptionSuffix: string;
+    descriptionLinkText: string;
+    onClose: () => void;
+    exploreMoreLabel: string;
+    strategyName: string;
+    apyLabel: string;
+    apyValue: string;
+    iconSrc?: string;
+    iconAlt: string;
+    amountUSD: string;
+    amountToken: string;
+    transactionSteps: TransactionStep[];
+    processingDetailsLabels: TransactionProcessingDetailsLabels;
+}
+declare const EarnWithdrawSuccessView: React__default.FC<EarnWithdrawSuccessViewProps>;
+
+interface EarnWithdrawWarningViewProps {
+    progress: number;
+    title: string;
+    description: string;
+    backTitle: string;
+    onBack: () => void;
+    cancelLabel: string;
+    onCancel: () => void;
+    retryLabel: string;
+    onRetry: () => void;
+    strategyName: string;
+    apyLabel: string;
+    apyValue: string;
+    iconSrc?: string;
+    iconAlt: string;
+    amountUSD: string;
+    amountToken: string;
+    transactionSteps: TransactionStep[];
+    processingDetailsLabels: TransactionProcessingDetailsLabels;
+}
+declare const EarnWithdrawWarningView: React__default.FC<EarnWithdrawWarningViewProps>;
+
+interface EarnWithdrawFailedViewProps {
+    progress: number;
+    title: string;
+    description: string;
+    backTitle: string;
+    onBack: () => void;
+    viewExplorerLabel: string;
+    onViewExplorer: () => void;
+    viewExplorerDisabled: boolean;
+    retryLabel: string;
+    onRetry: () => void;
+    strategyName: string;
+    apyLabel: string;
+    apyValue: string;
+    iconSrc?: string;
+    iconAlt: string;
+    iconGradient: string;
+    amountUSD: string;
+    amountToken: string;
+    transactionSteps: TransactionStep[];
+    processingDetailsLabels: TransactionProcessingDetailsLabels;
+}
+declare const EarnWithdrawFailedView: React__default.FC<EarnWithdrawFailedViewProps>;
+
 type SwapValidationCode = 'NO_WALLET' | 'NO_CHAIN' | 'NO_TOKEN' | 'INVALID_TOKEN' | 'NO_AMOUNT' | 'AMOUNT_BELOW_MINIMUM' | 'INSUFFICIENT_BALANCE' | 'INVALID_AMOUNT' | 'VALID_SWAP';
 
 interface DeframeThemeColors {
@@ -1320,4 +2061,4 @@ interface DeframeTheme {
     colors?: DeframeThemeColors;
 }
 
-export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, BackgroundContainer, type BackgroundContainerProps, type BalanceDomain, BannerNotification, type BannerNotificationProps, type ButtonProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, type ChooseAnAssetSwapLabels, ChooseAnAssetSwapView, type ChooseAnAssetSwapViewProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, type ConfirmSwapButtonLabels, ConfirmSwapButtonView, type ConfirmSwapButtonViewProps, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, type DetailItem, DetailsHeader, type DetailsHeaderProps, Currency as Fiat, type FiatProps, FlexCol, type FlexColProps, FlexRow, type FlexRowProps, HighRiskBadge, type HighRiskBadgeProps, type HistoryAssetViewProps, HistoryDepositDetailsView, type HistoryDetailsLabels, type HistoryDetailsViewProps, HistoryWithdrawDetailsView, InfoLabel, type InfoLabelProps, InfoRow, InfoRowIconLabel, type InfoRowIconLabelProps, InfoRowIconValue, type InfoRowIconValueProps, type InfoRowProps, InfoRowWithIcon, type InfoRowWithIconProps, InfoValue, type InfoValueProps, Input, type InputFieldRegistration, type InputProps, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, LoadingDots, type LoadingDotsProps, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, Navbar, type NavbarProps, PercentageButton, PrimaryButton, ProgressIndicator, type ProgressIndicatorProps, ScrollableContent, type ScrollableContentProps, SearchEmptyState, type SearchEmptyStateProps, SearchInput, type SearchInputProps, SecondaryButton, SectionCard, type SectionCardProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, StepDisplay, type StepDisplayProps, StepStatusIcon, type StepStatusIconProps, StepStatusText, type StepStatusTextProps, StrategyDetailsView, type StrategyDetailsViewProps, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAdvancedSettingsView, type SwapAdvancedSettingsViewProps, SwapAmountInputView, type SwapAmountInputViewProps, type SwapCardLabels, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, type SwapFormLabels, SwapFormView, type SwapFormViewProps, SwapFromCardView, type SwapFromCardViewProps, SwapNetworkSelectorView, type SwapNetworkSelectorViewProps, SwapOutputAmountView, type SwapOutputAmountViewProps, SwapProcessingView, type SwapProcessingViewProps, SwapQuoteBlockchainCostsView, type SwapQuoteBlockchainCostsViewProps, type SwapQuoteDetailsLabels, SwapQuoteDetailsView, type SwapQuoteDetailsViewProps, SwapQuoteErrorsView, type SwapQuoteErrorsViewProps, SwapQuoteHeaderView, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSlippageToleranceButtonsView, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapToCardView, type SwapToCardViewProps, SwapTokenSelectorView, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, type SwapValidationCode, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, Title, type TokenData, TokenWithChainBadge, type TokenWithChainBadgeProps, TransactionProcessingDetails, type TransactionProcessingDetailsLabels, type TransactionProcessingDetailsProps, TransactionScreen, TransactionScreenIcon, type TransactionScreenIconProps, TransactionScreenInvestmentCard, type TransactionScreenInvestmentCardProps, type TransactionScreenProps, type TransactionStep, type TransactionStepStatus, WalletConnectPanel, type WalletConnectPanelProps, WalletItem, type WalletItemProps, ConnectWalletList as WalletList, WalletListContainer, type WalletListContainerProps, type WalletOption };
+export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, ApyRange, type ApyRangeProps, BackButton, type BackButtonProps, BackgroundContainer, type BackgroundContainerProps, type BalanceDomain, BannerNotification, type BannerNotificationProps, type ButtonProps, type ChainItem, type ChooseANetworkLabels, ChooseANetworkView, type ChooseANetworkViewProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, type ChooseAnAssetSwapLabels, ChooseAnAssetSwapView, type ChooseAnAssetSwapViewProps, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, type ConfirmSwapButtonLabels, ConfirmSwapButtonView, type ConfirmSwapButtonViewProps, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, type DetailItem, DetailsHeader, type DetailsHeaderProps, EarnAmountInputView, type EarnAmountInputViewProps, EarnBalanceCard, type EarnBalanceCardProps, EarnBytecodeErrorView, type EarnBytecodeErrorViewProps, EarnDepositFailedView, type EarnDepositFailedViewProps, EarnDepositFormView, type EarnDepositFormViewProps, EarnDepositProcessingView, type EarnDepositProcessingViewProps, EarnDepositSuccessView, type EarnDepositSuccessViewProps, EarnDepositWarningView, type EarnDepositWarningViewProps, EarnDesktopView, type EarnDesktopViewProps, type EarnExploreGridItem, EarnExploreGridView, type EarnExploreGridViewProps, type EarnInvestedSectionItem, EarnInvestedSectionView, type EarnInvestedSectionViewProps, type EarnInvestmentDetailsTransaction, EarnInvestmentDetailsView, type EarnInvestmentDetailsViewProps, EarnInvestmentSummaryView, type EarnInvestmentSummaryViewProps, EarnNoBalanceNotificationView, type EarnNoBalanceNotificationViewProps, EarnPercentageButtonsView, type EarnPercentageButtonsViewProps, EarnPositionCardView, type EarnPositionCardViewProps, EarnRecentTransactionsView, type EarnRecentTransactionsViewProps, EarnTokenSelectorView, type EarnTokenSelectorViewProps, EarnTxStatusCardView, type EarnTxStatusCardViewProps, EarnWithdrawFailedView, type EarnWithdrawFailedViewProps, EarnWithdrawFormView, type EarnWithdrawFormViewProps, EarnWithdrawProcessingView, type EarnWithdrawProcessingViewProps, EarnWithdrawSuccessView, type EarnWithdrawSuccessViewProps, EarnWithdrawTokenSelectorView, type EarnWithdrawTokenSelectorViewProps, EarnWithdrawWarningView, type EarnWithdrawWarningViewProps, Currency as Fiat, type FiatProps, FlexCol, type FlexColProps, FlexRow, type FlexRowProps, type GroupedInvestedItem, type GroupedStrategyItem, type GroupedStrategyListItem, GroupedStrategyListView, type GroupedStrategyListViewProps, HighRiskBadge, type HighRiskBadgeProps, type HistoryAssetViewProps, HistoryDepositDetailsView, type HistoryDetailsLabels, type HistoryDetailsViewProps, HistoryListSkeleton, HistoryListView, type HistoryListViewGroup, type HistoryListViewItem, type HistoryListViewProps, type HistorySwapDetailsLabels, HistorySwapDetailsView, type HistorySwapDetailsViewProps, HistoryTabEmpty, type HistoryTabEmptyProps, HistoryWithdrawDetailsView, InfoLabel, type InfoLabelProps, InfoRow, InfoRowIconLabel, type InfoRowIconLabelProps, InfoRowIconValue, type InfoRowIconValueProps, type InfoRowProps, InfoRowWithIcon, type InfoRowWithIconProps, InfoValue, type InfoValueProps, Input, type InputFieldRegistration, type InputProps, Label, type LabelProps, type LabelVariant, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, LoadingDots, type LoadingDotsProps, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, Navbar, type NavbarProps, PercentageButton, PrimaryButton, ProgressIndicator, type ProgressIndicatorProps, ScrollableContent, type ScrollableContentProps, SearchEmptyState, type SearchEmptyStateProps, SearchInput, type SearchInputProps, SecondaryButton, SectionCard, type SectionCardProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, StepDisplay, type StepDisplayProps, StepStatusIcon, type StepStatusIconProps, StepStatusText, type StepStatusTextProps, StrategyDetailsView, type StrategyDetailsViewProps, StrategyGridCard, type StrategyGridCardProps, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAdvancedSettingsView, type SwapAdvancedSettingsViewProps, SwapAmountInputView, type SwapAmountInputViewProps, type SwapCardLabels, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, type SwapFormLabels, SwapFormView, type SwapFormViewProps, SwapFromCardView, type SwapFromCardViewProps, type SwapHistoryItem, type SwapHistoryLabels, SwapHistoryView, type SwapHistoryViewProps, SwapNetworkSelectorView, type SwapNetworkSelectorViewProps, SwapOutputAmountView, type SwapOutputAmountViewProps, SwapProcessingView, type SwapProcessingViewProps, SwapProcessingViewSimple, SwapQuoteBlockchainCostsView, type SwapQuoteBlockchainCostsViewProps, type SwapQuoteDetailsLabels, SwapQuoteDetailsView, type SwapQuoteDetailsViewProps, SwapQuoteErrorsView, type SwapQuoteErrorsViewProps, SwapQuoteHeaderView, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSlippageToleranceButtonsView, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapSuccessViewSimple, SwapToCardView, type SwapToCardViewProps, SwapTokenSelectorView, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, SwapTransactionFailedViewSimple, type SwapValidationCode, SwapWidgetFallbackView, type SwapWidgetFallbackViewProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, Title, type TokenData, TokenWithChainBadge, type TokenWithChainBadgeProps, TransactionProcessingDetails, type TransactionProcessingDetailsLabels, type TransactionProcessingDetailsProps, TransactionScreen, TransactionScreenIcon, type TransactionScreenIconProps, TransactionScreenInvestmentCard, type TransactionScreenInvestmentCardProps, type TransactionScreenProps, type TransactionStep, type TransactionStepStatus, type WalletBalanceItem, WalletBalances, type WalletBalancesProps, WalletConnectPanel, type WalletConnectPanelProps, WalletItem, type WalletItemProps, ConnectWalletList as WalletList, WalletListContainer, type WalletListContainerProps, type WalletOption };