@deframe-sdk/components 0.1.6 → 0.1.8

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { ReactNode } from 'react';
+import React__default, { ReactNode, ComponentProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /** Primary UI component for user interaction */
@@ -31,54 +31,22 @@ interface ButtonProps {
     onClick?: () => void;
 }
 
-declare function Input({ label, error, placeholder, type, repassword, disabled, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+declare function Input({ label, error, placeholder, type, repassword, href, disabled, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
 
-interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    /**
-     * Label for the input (optional, for accessibility)
-     */
+interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
     label?: string;
-    /**
-     * Error message to display below
-     */
     error?: string;
-    /**
-     * Helper text (non-error)
-     */
-    helperText?: string;
-    /**
-     * Link for repassword
-     */
     repassword?: string;
+    href?: string;
 }
 
-interface ListItemProps {
-    children: React__default.ReactNode;
-    /**
-     * Applies to the inner content wrapper
-     */
-    className?: string;
-    /**
-     * Applies to the outer bordered container
-     */
-    containerClassName?: string;
-    onClick?: () => void;
-}
-declare const ListItem: React__default.FC<ListItemProps>;
-declare const ListItemLeftSide: React__default.FC<{
-    children: React__default.ReactNode;
-    className?: string;
-}>;
-declare const ListItemContent: React__default.FC<{
-    children: React__default.ReactNode;
-    className?: string;
-}>;
-declare const ListItemRightSide: React__default.FC<{
-    children: React__default.ReactNode;
-    className?: string;
-}>;
+declare function ListItem({ children, className, containerClassName, onClick, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
 
-interface WalletOption {
+declare function ListItemLeftSide({ children, className, ...props }: ListItemLeftSideProps): react_jsx_runtime.JSX.Element;
+declare function ListItemContent({ children, className, ...props }: ListItemContentProps): react_jsx_runtime.JSX.Element;
+declare function ListItemRightSide({ children, className, ...props }: ListItemRightSideProps): react_jsx_runtime.JSX.Element;
+
+interface WalletOption$1 {
     /** Unique identifier for the wallet */
     id: string;
     /** Display name of the wallet */
@@ -88,9 +56,9 @@ interface WalletOption {
     /** Click handler for wallet selection */
     onClick?: () => void;
 }
-interface ConnectWalletListProps {
+interface ConnectWalletListProps$1 {
     /** List of wallet options */
-    wallets: WalletOption[];
+    wallets: WalletOption$1[];
     /** Title text for the wallet connect screen */
     title?: string;
     /** Subtitle text for the wallet connect screen */
@@ -102,27 +70,11 @@ interface ConnectWalletListProps {
  * ConnectWalletList - Displays a list of wallet options for connection
  * Includes title, subtitle, and clickable wallet items
  */
-declare function ConnectWalletList({ wallets, className, }: ConnectWalletListProps): react_jsx_runtime.JSX.Element;
+declare function ConnectWalletList({ wallets, className, }: ConnectWalletListProps$1): react_jsx_runtime.JSX.Element;
 
-interface WalletItemProps {
-    /** Unique identifier for the wallet */
-    id: string;
-    /** Display name of the wallet */
-    name: string;
-    /** Wallet icon - can be an image URL or React component */
-    icon: string | React.ReactNode;
-    /** Click handler for wallet selection */
-    onClick?: () => void;
-    /** Additional CSS class names */
-    className?: string;
-}
-/**
- * WalletItem - Individual wallet button component
- * Displays a clickable wallet option with icon, name, and chevron
- */
 declare function WalletItem({ id, name, icon, onClick, className, }: WalletItemProps): react_jsx_runtime.JSX.Element;
 
-interface WalletListContainerProps {
+interface WalletListContainerProps$1 {
     /** Child components (typically WalletItem components) */
     children: ReactNode;
     /** Additional CSS class names */
@@ -132,7 +84,39 @@ interface WalletListContainerProps {
  * WalletListContainer - Container wrapper for wallet list items
  * Provides consistent spacing and layout for wallet options
  */
-declare function WalletListContainer({ children, className, }: WalletListContainerProps): react_jsx_runtime.JSX.Element;
+declare function WalletListContainer({ children, className, }: WalletListContainerProps$1): react_jsx_runtime.JSX.Element;
+
+interface ListItemProps extends ComponentProps<'li'> {
+    containerClassName?: string;
+    onClick?: () => void;
+}
+interface ListItemLeftSideProps extends ComponentProps<'div'> {
+}
+interface ListItemContentProps extends ComponentProps<'div'> {
+}
+interface ListItemRightSideProps extends ComponentProps<'div'> {
+}
+interface WalletOption {
+    id: string;
+    name: string;
+    icon: string | ReactNode;
+    onClick?: () => void;
+}
+interface ConnectWalletListProps {
+    wallets: WalletOption[];
+    title?: string;
+    subtitle?: string;
+    className?: string;
+}
+interface WalletItemProps {
+    id: string;
+    name: string;
+    icon: string | ReactNode;
+    onClick?: () => void;
+    className?: string;
+}
+interface WalletListContainerProps extends ComponentProps<'ul'> {
+}
 
 /** Flexible currency display component supporting fiat and crypto */
 declare function Currency(props: CurrencyProps | FiatProps): react_jsx_runtime.JSX.Element;
@@ -199,74 +183,40 @@ interface CurrencyProps {
     className?: string;
 }
 
-interface TextProps extends React$1.HTMLAttributes<HTMLElement> {
-    as?: keyof React$1.JSX.IntrinsicElements;
-    variantClass?: string;
-}
-/**
- * Base Text component used internally by other text variants.
- * Handles tag selection, base font, and class merging.
- */
-declare const Text: React$1.ForwardRefExoticComponent<TextProps & React$1.RefAttributes<HTMLElement>>;
-
-declare const accentVariants: {
-    readonly 'accent-large': "text-[15px] leading-[140%] font-semibold";
-    readonly 'accent-medium': "text-[14px] leading-[140%] font-semibold";
-    readonly 'accent-small': "text-[12px] leading-[140%] font-semibold";
-};
-interface TextAccentProps extends React$1.HTMLAttributes<HTMLElement> {
-    variant?: keyof typeof accentVariants;
-    as?: keyof React$1.JSX.IntrinsicElements;
-}
 declare const TextAccent: React$1.ForwardRefExoticComponent<TextAccentProps & React$1.RefAttributes<HTMLElement>>;
 
-declare const bodyVariants: {
-    readonly 'text-large': "text-[15px] leading-[140%] font-normal";
-    readonly 'text-medium': "text-[14px] leading-[140%] font-normal";
-    readonly 'text-small': "text-[12px] leading-[140%] font-normal";
-};
-interface TextBodyProps extends React$1.HTMLAttributes<HTMLElement> {
-    variant?: keyof typeof bodyVariants;
-    as?: keyof React$1.JSX.IntrinsicElements;
-}
 declare const TextBody: React$1.ForwardRefExoticComponent<TextBodyProps & React$1.RefAttributes<HTMLElement>>;
 
-declare const headingVariants: {
-    readonly 'h-large': "text-[56px] leading-[100%] tracking-[0] font-extrabold";
-    readonly h1: "text-[40px] leading-[110%] font-extrabold";
-    readonly h2: "text-[28px] leading-[130%] font-extrabold";
-    readonly h3: "text-[22px] leading-[120%] font-extrabold";
-    readonly h4: "text-[18px] leading-[120%] font-extrabold";
-    readonly h5: "text-[16px] leading-[120%] font-bold";
-};
-interface TextHeadingProps extends React$1.HTMLAttributes<HTMLElement> {
-    variant?: keyof typeof headingVariants;
-    as?: keyof React$1.JSX.IntrinsicElements;
-}
 declare const TextHeading: React$1.ForwardRefExoticComponent<TextHeadingProps & React$1.RefAttributes<HTMLElement>>;
 
-/** Link component for navigation and external links */
-declare function Link({ children, href, className, target, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
+declare function Link({ children, href, className, target, disabled, prefetch, replace, scroll, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Title component for headings and page titles
  * This is an alias for TextHeading with h1 variant as default
  */
-declare function Title({ variant, ...props }: TextHeadingProps): react_jsx_runtime.JSX.Element;
+declare function Title({ variant, className, ...props }: TextHeadingProps): react_jsx_runtime.JSX.Element;
 
-interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    /**
-     * The URL to link to
-     */
+interface TextAccentProps extends React$1.HTMLAttributes<HTMLElement> {
+    variant?: 'accent-large' | 'accent-medium' | 'accent-small';
+    as?: keyof React$1.JSX.IntrinsicElements;
+}
+interface TextBodyProps extends React$1.HTMLAttributes<HTMLElement> {
+    variant?: 'text-large' | 'text-medium' | 'text-small';
+    as?: keyof React$1.JSX.IntrinsicElements;
+}
+interface TextHeadingProps extends React$1.HTMLAttributes<HTMLElement> {
+    variant?: 'h-large' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
+    as?: keyof React$1.JSX.IntrinsicElements;
+}
+interface LinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement> {
     href: string;
-    /**
-     * The content of the link
-     */
-    children: React.ReactNode;
-    /**
-     * Additional CSS class names
-     */
+    children: React$1.ReactNode;
     className?: string;
+    disabled?: boolean;
+    prefetch?: boolean;
+    replace?: boolean;
+    scroll?: boolean;
 }
 
 type TabsVariant = 'primary' | 'secondary' | 'default' | 'light' | 'medium' | 'dark' | 'header';
@@ -344,29 +294,23 @@ interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare const Skeleton: React$1.FC<SkeletonProps>;
 
-interface BannerNotificationProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    /** Type of notification - inline (default) or toast */
+declare function BannerNotification({ type, variant, title, message, position, autoHideDuration, show, onClose, showIcon, icon, className, ...props }: BannerNotificationProps): react_jsx_runtime.JSX.Element | null;
+declare namespace BannerNotification {
+    var displayName: string;
+}
+
+interface BannerNotificationProps extends ComponentProps<'div'> {
     type?: 'inline' | 'toast';
-    /** Variant type that determines colors and icon */
     variant?: 'info' | 'warning' | 'error' | 'success';
-    /** The title of the banner */
     title?: string;
-    /** The message to display in the banner */
     message: string;
-    /** Position for toast notifications */
     position?: 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
-    /** Auto hide duration in milliseconds (default: 5000, set to 0 to disable) */
     autoHideDuration?: number;
-    /** Control visibility for toast notifications */
     show?: boolean;
-    /** Callback when notification is closed */
     onClose?: () => void;
-    /** Whether to show the icon (default: true) */
     showIcon?: boolean;
-    /** Custom icon to display */
     icon?: React$1.ReactNode;
 }
-declare const BannerNotification: React$1.FC<BannerNotificationProps>;
 
 interface AddressDisplayProps {
     /** The full address to display */
@@ -856,4 +800,389 @@ interface StrategyDetailsViewProps {
 }
 declare const StrategyDetailsView: React__default.FC<StrategyDetailsViewProps>;
 
-export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, BackgroundContainer, type BackgroundContainerProps, BannerNotification, type BannerNotificationProps, type ButtonProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, type DeframeThemeConfig, 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, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, Navbar, type NavbarProps, PercentageButton, PrimaryButton, ScrollableContent, type ScrollableContentProps, SecondaryButton, SectionCard, type SectionCardProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, StrategyDetailsView, type StrategyDetailsViewProps, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAmountInputView, type SwapAmountInputViewProps, SwapNetworkSelectorView, type SwapNetworkSelectorViewProps, SwapOutputAmountView, type SwapOutputAmountViewProps, SwapQuoteBlockchainCostsView, type SwapQuoteBlockchainCostsViewProps, SwapQuoteErrorsView, type SwapQuoteErrorsViewProps, SwapQuoteHeaderView, type SwapQuoteHeaderViewProps, SwapSlippageToleranceButtonsView, type SwapSlippageToleranceButtonsViewProps, SwapTokenSelectorView, type SwapTokenSelectorViewProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, type TextProps, type ThemeMode, type ThemePreset, Title, WalletItem, type WalletItemProps, ConnectWalletList as WalletList, WalletListContainer, type WalletListContainerProps, type ConnectWalletListProps as WalletListProps, type WalletOption, cryptocontrolThemeColors, darkThemeColors, defaultThemeColors, themeToCSS };
+interface ProgressIndicatorProps {
+    /** Progress percentage (0-100) */
+    progress: number;
+    /** Optional className for custom styling */
+    className?: string;
+}
+declare const ProgressIndicator: React__default.FC<ProgressIndicatorProps>;
+
+interface LoadingDotsProps {
+    className?: string;
+}
+/**
+ * Animated loading dots component with a bouncing effect
+ * Used to indicate loading states throughout the application
+ */
+declare const LoadingDots: React__default.FC<LoadingDotsProps>;
+
+interface SearchInputProps {
+    /**
+     * Placeholder text (default: "Search")
+     */
+    placeholder?: string;
+    /**
+     * Current value
+     */
+    value?: string;
+    /**
+     * Whether the input is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Change handler — called immediately on every keystroke
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Search handler — called immediately on every keystroke (debounce in the container)
+     */
+    onSearch?: (value: string) => void;
+    /**
+     * Additional CSS class names for container
+     */
+    className?: string;
+    /**
+     * Additional CSS class names for input element (e.g., custom background)
+     */
+    inputClassName?: string;
+    /**
+     * Whether the input should be auto focused
+     */
+    autoFocus?: boolean;
+    /**
+     * test id for the container
+     */
+    containerTestId?: string;
+    /**
+     * test id for the input element
+     */
+    inputTestId?: string;
+}
+/**
+ * SearchInput - Search input component with search icon
+ */
+declare const SearchInput: React__default.FC<SearchInputProps>;
+
+interface SearchEmptyStateProps {
+    title: string;
+    description: string;
+}
+declare const SearchEmptyState: React__default.FC<SearchEmptyStateProps>;
+
+interface CollapsibleSectionProps {
+    /** Section title */
+    title: string;
+    /** Optional subtitle shown next to title */
+    subtitle?: string;
+    /** Content to show when expanded */
+    children: React__default.ReactNode;
+    /** Whether section is open by default (uncontrolled mode) */
+    defaultOpen?: boolean;
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Optional className */
+    className?: string;
+    /** Aria label text for "Collapse" */
+    collapseText: string;
+    /** Aria label text for "Expand" */
+    expandText: string;
+}
+declare const CollapsibleSection: React__default.FC<CollapsibleSectionProps>;
+
+interface TransactionScreenIconProps {
+    type: 'processing' | 'success' | 'warning';
+    gradient?: string;
+}
+declare const TransactionScreenIcon: React__default.FC<TransactionScreenIconProps>;
+
+interface TransactionScreenProps {
+    progress: number;
+    iconType: TransactionScreenIconProps['type'];
+    iconGradient?: string;
+    title: React__default.ReactNode;
+    description: React__default.ReactNode;
+    /** Renders a close (X) button in the top-left */
+    onClose?: () => void;
+    /** Renders a back-arrow header */
+    onBack?: () => void;
+    backTitle?: string;
+    /** Bottom action bar (buttons) */
+    actions?: React__default.ReactNode;
+    /** Card / details content between hero and actions */
+    children?: React__default.ReactNode;
+    /** data-testid placed on the header wrapper div when onClose is used */
+    testId?: string;
+}
+declare const TransactionScreen: React__default.FC<TransactionScreenProps>;
+
+interface TransactionScreenInvestmentCardProps {
+    strategyName: React__default.ReactNode;
+    apyLabel: string;
+    apyValue: string;
+    iconSrc?: string;
+    iconAlt?: string;
+    amountUSD: React__default.ReactNode;
+    amountToken: React__default.ReactNode;
+}
+declare const TransactionScreenInvestmentCard: React__default.FC<TransactionScreenInvestmentCardProps>;
+
+type TransactionStepStatus = 'completed' | 'processing' | 'failed';
+interface TransactionStep {
+    /** Step label/title */
+    label: string;
+    /** Current status of the step */
+    status?: TransactionStepStatus;
+    /** Optional status text override (e.g., "Processando...") - can be string or React node */
+    statusText?: React.ReactNode;
+    /** Optional explorer URL for this step */
+    explorerUrl?: string;
+    /** Optional static value (for info-only steps like "Tempo estimado") */
+    value?: ReactNode;
+}
+
+interface TransactionProcessingDetailsLabels {
+    title: string;
+    completedText: string;
+    processingText: string;
+    failedText: string;
+    viewOnExplorerText: string;
+}
+
+interface TransactionProcessingDetailsProps {
+    /** Array of transaction steps to display */
+    steps: TransactionStep[];
+    /** Optional CSS class name */
+    className?: string;
+    /** Whether the details section is open by default */
+    defaultOpen?: boolean;
+    /** All translated strings for this component */
+    labels: TransactionProcessingDetailsLabels;
+}
+/**
+ * Displays transaction processing steps with visual breakdown using vertical connectors
+ * Similar to SwapProcessingDetails but designed for deposit/withdraw flows
+ */
+declare function TransactionProcessingDetails({ steps, className, defaultOpen, labels, }: TransactionProcessingDetailsProps): react_jsx_runtime.JSX.Element | null;
+
+interface StepStatusIconProps {
+    status: TransactionStepStatus;
+}
+/**
+ * Renders a step status icon based on the step status
+ * Only three icon types: success (checkmark), timer (clock), and error (alert)
+ */
+declare function StepStatusIcon({ status }: StepStatusIconProps): react_jsx_runtime.JSX.Element;
+
+interface StepStatusTextProps {
+    step: TransactionStep;
+    completedText: string;
+    processingText: string;
+    failedText: string;
+    viewOnExplorerText: string;
+}
+/**
+ * Renders the status text and optional explorer link for a step
+ */
+declare function StepStatusText({ step, completedText, processingText, failedText, viewOnExplorerText, }: StepStatusTextProps): react_jsx_runtime.JSX.Element;
+
+interface StepDisplayProps {
+    step: TransactionStep;
+    completedText: string;
+    processingText: string;
+    failedText: string;
+    viewOnExplorerText: string;
+}
+/**
+ * Renders a single processing step with icon, label, and status
+ */
+declare function StepDisplay({ step, completedText, processingText, failedText, viewOnExplorerText }: StepDisplayProps): react_jsx_runtime.JSX.Element;
+
+interface TokenWithChainBadgeProps {
+    tokenLogoUrl?: string;
+    tokenAlt?: string;
+    chainId?: number;
+    chainLogoUrl?: string;
+    chainName?: string;
+}
+declare const TokenWithChainBadge: React__default.FC<TokenWithChainBadgeProps>;
+
+interface SwapProcessingViewProps {
+    fromTokenSymbol: string;
+    fromTokenIcon: string;
+    toTokenSymbol: string;
+    toTokenIcon: string;
+    formattedInputAmount: string;
+    formattedOutputAmount: string;
+    formattedInputAmountUSD: string;
+    formattedOutputAmountUSD: string;
+    progress: number;
+    transactionSteps: TransactionStep[];
+    onClose: () => void;
+    onGoToHistory: () => void;
+    titleText: string;
+    descriptionPrefix: string;
+    activityHistoryText: string;
+    processingDetailsLabels: TransactionProcessingDetailsLabels;
+}
+declare const SwapProcessingView: React__default.FC<SwapProcessingViewProps>;
+
+interface SwapCrossChainProcessingViewProps {
+    fromTokenSymbol: string;
+    fromTokenIcon: string;
+    toTokenSymbol: string;
+    toTokenIcon: string;
+    originChainId?: number;
+    destinationChainId?: number;
+    originChainLogoUrl: string;
+    originChainName: string;
+    destinationChainLogoUrl: string;
+    destinationChainName: string;
+    formattedInputAmount: string;
+    formattedOutputAmount: string;
+    formattedInputAmountUSD: string;
+    formattedOutputAmountUSD: string;
+    progress: number;
+    title: string;
+    description: string;
+    transactionSteps: TransactionStep[];
+    onClose: () => void;
+    onGoToHistory: () => void;
+    viewHistoryText: string;
+    processingDetailsLabels: TransactionProcessingDetailsLabels;
+}
+declare const SwapCrossChainProcessingView: React__default.FC<SwapCrossChainProcessingViewProps>;
+
+interface SwapSignatureWarningViewProps {
+    fromTokenSymbol: string;
+    fromTokenIcon: string;
+    toTokenSymbol: string;
+    toTokenIcon: string;
+    formattedInputAmount: string;
+    formattedOutputAmount: string;
+    formattedInputAmountUSD: string;
+    formattedOutputAmountUSD: string;
+    progress: number;
+    errorTitle: string;
+    errorDescription: string;
+    transactionSteps: TransactionStep[];
+    onCancel: () => void;
+    onTryAgain: () => void;
+    cancelButtonText: string;
+    retryButtonText: string;
+    processingDetailsLabels: TransactionProcessingDetailsLabels;
+}
+declare const SwapSignatureWarningView: React__default.FC<SwapSignatureWarningViewProps>;
+
+interface SwapSuccessLabels {
+    title: string;
+    descriptionPrefix: string;
+    descriptionMiddle: string;
+    descriptionSuffix: string;
+    walletLinkText: string;
+    startNewSwapButton: string;
+}
+
+interface SwapSuccessViewProps {
+    fromTokenSymbol: string;
+    fromTokenIcon: string;
+    toTokenSymbol: string;
+    toTokenIcon: string;
+    formattedInputAmount: string;
+    formattedOutputAmount: string;
+    formattedInputAmountUSD: string;
+    formattedOutputAmountUSD: string;
+    transactionSteps: TransactionStep[];
+    onClose: () => void;
+    onStartNewSwap: () => void;
+    onGoToWallet: () => void;
+    labels: SwapSuccessLabels;
+    processingDetailsLabels: TransactionProcessingDetailsLabels;
+}
+declare const SwapSuccessView: React__default.FC<SwapSuccessViewProps>;
+
+interface SwapTransactionFailedViewProps {
+    fromTokenSymbol: string;
+    fromTokenIcon: string;
+    toTokenSymbol: string;
+    toTokenIcon: string;
+    formattedInputAmount: string;
+    formattedOutputAmount: string;
+    formattedInputAmountUSD: string;
+    formattedOutputAmountUSD: string;
+    progress: number;
+    errorTitle: string;
+    errorDescription: string;
+    transactionSteps: TransactionStep[];
+    hasExplorerLink: boolean;
+    onBack: () => void;
+    onViewExplorer: () => void;
+    onTryAgain: () => void;
+    viewOnExplorerText: string;
+    retryButtonText: string;
+    processingDetailsLabels: TransactionProcessingDetailsLabels;
+}
+declare const SwapTransactionFailedView: React__default.FC<SwapTransactionFailedViewProps>;
+
+interface ChooseAnAssetSwapLabels {
+    title: string;
+    searchPlaceholder: string;
+    searchingText: string;
+    loadMoreButton: string;
+    searchEmptyTitle: string;
+    searchEmptyDescription: string;
+}
+
+/**
+ * Token data representing a single token available for selection.
+ */
+interface TokenData {
+    address: string;
+    chainId: number;
+    decimals: number;
+    symbol: string;
+    name: string;
+    logoURI: string | null;
+    priceInUSD?: number | null;
+}
+
+/**
+ * Balance information for a token in the user's wallet.
+ */
+interface BalanceDomain {
+    address: string;
+    chainId: number;
+    name: string;
+    symbol: string;
+    decimals: number;
+    logoUrl: string;
+    priceUSD: string;
+    amountBase: string;
+    amountUI: string;
+    amountHumanized?: string;
+    amountInUSD: string;
+    id: string;
+}
+
+interface ChooseAnAssetSwapViewProps {
+    actionSheetId: string;
+    isOpen: boolean;
+    currentActionSheetId: string | null;
+    onClose: () => void;
+    onSearch: (value: string) => void;
+    autoFocus: boolean;
+    displayedTokens: TokenData[];
+    hasMore: boolean;
+    onLoadMore: () => void;
+    findBalance: (token: TokenData) => BalanceDomain | undefined;
+    isFetching: boolean;
+    onAssetClick: (token: TokenData) => void;
+    labels: ChooseAnAssetSwapLabels;
+    formatTokenAmount: (amountUI: string, priceUSD: number, decimals: number) => string;
+    formatCurrencyValue: (value: number) => string;
+}
+declare const ChooseAnAssetSwapView: React__default.FC<ChooseAnAssetSwapViewProps>;
+
+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, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, type DeframeThemeConfig, 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, SwapAmountInputView, type SwapAmountInputViewProps, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, SwapNetworkSelectorView, type SwapNetworkSelectorViewProps, SwapOutputAmountView, type SwapOutputAmountViewProps, SwapProcessingView, type SwapProcessingViewProps, SwapQuoteBlockchainCostsView, type SwapQuoteBlockchainCostsViewProps, SwapQuoteErrorsView, type SwapQuoteErrorsViewProps, SwapQuoteHeaderView, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSlippageToleranceButtonsView, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapTokenSelectorView, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, type ThemeMode, type ThemePreset, Title, type TokenData, TokenWithChainBadge, type TokenWithChainBadgeProps, TransactionProcessingDetails, type TransactionProcessingDetailsLabels, type TransactionProcessingDetailsProps, TransactionScreen, TransactionScreenIcon, type TransactionScreenIconProps, TransactionScreenInvestmentCard, type TransactionScreenInvestmentCardProps, type TransactionScreenProps, type TransactionStep, type TransactionStepStatus, WalletItem, type WalletItemProps, ConnectWalletList as WalletList, WalletListContainer, type WalletListContainerProps, type WalletOption, cryptocontrolThemeColors, darkThemeColors, defaultThemeColors, themeToCSS };