@deframe-sdk/components 0.1.4 → 0.1.6

package/dist/index.d.mts

@@ -11,32 +11,23 @@ declare function PercentageButton({ children, disabled, className, type, ...prop
 /** Primary UI component for user interaction - uses brand-primary color for theming */
 declare function PrimaryButton({ children, disabled, className, type, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
-/** Primary UI component for user interaction */
+/** Secondary UI component for user interaction - outline style using brand-primary color */
 declare function SecondaryButton({ children, disabled, className, type, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
-/** Primary UI component for user interaction */
+/** Tertiary UI component for user interaction - ghost style using brand-tertiary color */
 declare function TertiaryButton({ children, disabled, className, type, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
+/** 'ButtonProps' defines the properties for button components */
 interface ButtonProps {
-    /**
-     * The content of the button
-     */
+    /** The content of the button */
     children: React.ReactNode;
-    /**
-     * Whether the button is disabled
-     */
+    /** Whether the button is disabled */
     disabled?: boolean;
-    /**
-     * Additional CSS class names
-     */
+    /** Additional CSS class names */
     className?: string;
-    /**
-     * Type of the button
-     */
+    /** Type of the button */
     type?: 'button' | 'submit' | 'reset';
-    /**
-     * Optional click handler
-     */
+    /** Optional click handler */
     onClick?: () => void;
 }
 
@@ -421,6 +412,8 @@ interface SummaryDetailsProps {
 }
 declare const SummaryDetails: React$1.FC<SummaryDetailsProps>;
 
+declare const SummaryDetailsCryptoControlV2: React$1.FC<SummaryDetailsProps>;
+
 interface ActionSheetItem {
     id: string;
     label: string;
@@ -579,4 +572,288 @@ interface DeframeComponentsProviderProps {
 }
 declare function DeframeComponentsProvider({ theme, themeConfig, customTheme, className, children }: DeframeComponentsProviderProps): react_jsx_runtime.JSX.Element;
 
-export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, BannerNotification, type BannerNotificationProps, type ButtonProps, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, type DeframeThemeConfig, type DetailItem, Currency as Fiat, type FiatProps, Input, type InputProps, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, PercentageButton, PrimaryButton, SecondaryButton, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, SummaryDetails, type SummaryDetailsProps, 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 InfoRowProps {
+    children: React__default.ReactNode;
+    borderBottom?: boolean;
+    className?: string;
+}
+declare const InfoRow: React__default.FC<InfoRowProps>;
+
+interface InfoLabelProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const InfoLabel: React__default.FC<InfoLabelProps>;
+
+interface InfoValueProps {
+    children: React__default.ReactNode;
+    variant?: 'default' | 'success' | 'warning' | 'error';
+    className?: string;
+}
+declare const InfoValue: React__default.FC<InfoValueProps>;
+
+interface InfoRowWithIconProps {
+    children: React__default.ReactNode;
+    borderBottom?: boolean;
+    className?: string;
+}
+declare const InfoRowWithIcon: React__default.FC<InfoRowWithIconProps>;
+
+interface InfoRowIconLabelProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const InfoRowIconLabel: React__default.FC<InfoRowIconLabelProps>;
+
+interface InfoRowIconValueProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const InfoRowIconValue: React__default.FC<InfoRowIconValueProps>;
+
+interface CollapsibleInfoRowProps {
+    label: string;
+    value: string;
+    children?: React__default.ReactNode;
+    defaultOpen?: boolean;
+    className?: string;
+    collapseLabel: string;
+    expandLabel: string;
+}
+declare const CollapsibleInfoRow: React__default.FC<CollapsibleInfoRowProps>;
+
+interface BackgroundContainerProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const BackgroundContainer: React__default.FC<BackgroundContainerProps>;
+
+interface SectionCardProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const SectionCard: React__default.FC<SectionCardProps>;
+
+interface NavbarProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const Navbar: React__default.FC<NavbarProps>;
+
+interface FlexColProps {
+    children: React__default.ReactNode;
+    className?: string;
+    gap?: 'xs' | 'sm' | 'md' | 'lg';
+}
+declare const FlexCol: React__default.FC<FlexColProps>;
+
+interface FlexRowProps {
+    children: React__default.ReactNode;
+    className?: string;
+    gap?: 'xs' | 'sm' | 'md' | 'lg';
+}
+declare const FlexRow: React__default.FC<FlexRowProps>;
+
+interface ScrollableContentProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const ScrollableContent: React__default.FC<ScrollableContentProps>;
+
+interface DetailsHeaderProps {
+    title: string;
+    onBack?: () => void;
+    className?: string;
+    backAriaLabel?: string;
+}
+declare const DetailsHeader: React__default.FC<DetailsHeaderProps>;
+
+interface CloseButtonProps {
+    onClick?: () => void;
+    testId?: string;
+    ariaLabel?: string;
+    className?: string;
+}
+declare const CloseButton: React__default.FC<CloseButtonProps>;
+
+interface HighRiskBadgeProps {
+    className?: string;
+    label?: string;
+}
+declare const HighRiskBadge: React__default.FC<HighRiskBadgeProps>;
+
+interface MediumRiskBadgeProps {
+    className?: string;
+    label?: string;
+}
+declare const MediumRiskBadge: React__default.FC<MediumRiskBadgeProps>;
+
+interface LowRiskBadgeProps {
+    className?: string;
+    label: string;
+}
+declare const LowRiskBadge: React__default.FC<LowRiskBadgeProps>;
+
+interface HistoryDetailsLabels {
+    currencyLabel: string;
+    totalAmountLabel: string;
+    operationCostLabel: string;
+    operationCostSponsoredLabel: string;
+    protocolLabel: string;
+    statusLabel: string;
+    transactionIdLabel: string;
+    dateLabel: string;
+    transactionLabel: string;
+    viewOnExplorerLabel: string;
+    transactionDetailsTitle: string;
+}
+
+interface HistoryAssetViewProps {
+    iconUrl: string;
+    symbol: string;
+    amount: string;
+    amountInUSD: string | null;
+}
+interface HistoryDetailsViewProps {
+    transactionTypeLabel: string;
+    symbol: string;
+    amountWithSymbol: string;
+    amountInUsdFormatted: string;
+    shouldShowFlow: boolean;
+    assetIn?: HistoryAssetViewProps;
+    assetOut?: HistoryAssetViewProps;
+    primaryAssetIconUrl: string;
+    protocolLabel: string;
+    statusLabel: string;
+    txHash: string | null;
+    date: string;
+    explorerUrl: string | null;
+    onClose: () => void;
+    labels: HistoryDetailsLabels;
+}
+declare const HistoryDepositDetailsView: React__default.FC<HistoryDetailsViewProps>;
+
+declare const HistoryWithdrawDetailsView: React__default.FC<HistoryDetailsViewProps>;
+
+interface SwapNetworkSelectorViewProps {
+    chainLabel: string;
+    chainImage?: string;
+    onClick: () => void;
+    directionLabel?: string;
+    testId?: string;
+    className?: string;
+}
+declare const SwapNetworkSelectorView: React__default.FC<SwapNetworkSelectorViewProps>;
+
+interface SwapQuoteHeaderViewProps {
+    label: React__default.ReactNode;
+    timerElement?: React__default.ReactNode;
+    className?: string;
+}
+declare const SwapQuoteHeaderView: React__default.FC<SwapQuoteHeaderViewProps>;
+
+interface InputFieldRegistration {
+    name: string;
+    onBlur: React__default.FocusEventHandler<HTMLInputElement>;
+    ref: React__default.Ref<HTMLInputElement>;
+}
+interface SwapAmountInputViewProps {
+    value: string;
+    hasError: boolean;
+    onChange: (value: string) => void;
+    maxFractionDigits?: number;
+    field?: InputFieldRegistration;
+    ariaLabel?: string;
+    className?: string;
+}
+declare const SwapAmountInputView: React__default.FC<SwapAmountInputViewProps>;
+
+interface SwapOutputAmountViewProps {
+    displayOutput: string | number;
+    isLoading: boolean;
+    loadingElement?: React__default.ReactNode;
+    searchingQuoteLabel?: string;
+    className?: string;
+}
+declare const SwapOutputAmountView: React__default.FC<SwapOutputAmountViewProps>;
+
+interface SwapQuoteErrorsViewProps {
+    hasQuoteError: boolean;
+    hasBytecodeError: boolean;
+    quoteErrorMessage?: string;
+    bytecodeErrorMessage?: string;
+}
+declare const SwapQuoteErrorsView: React__default.FC<SwapQuoteErrorsViewProps>;
+
+interface SwapSlippageToleranceButtonsViewProps {
+    slippageBps: number;
+    onSelect: (bps: number) => void;
+    formatPercentage: (bps: number) => string;
+    className?: string;
+}
+declare const SwapSlippageToleranceButtonsView: React__default.FC<SwapSlippageToleranceButtonsViewProps>;
+
+interface SwapTokenSelectorViewProps {
+    token: {
+        symbol: string;
+        logoURI?: string;
+    } | null;
+    onClick: () => void;
+    testId?: string;
+    selectTokenLabel?: string;
+    className?: string;
+}
+declare const SwapTokenSelectorView: React__default.FC<SwapTokenSelectorViewProps>;
+
+interface SwapQuoteBlockchainCostsViewProps {
+    totalCostFormatted: string;
+    feePercentage: string;
+    gasCostFormatted: string;
+    protocolFee: string;
+    blockchainCostsLabel?: string;
+    networkGasLabel?: string;
+    protocolFeeLabel?: string;
+    collapseLabel?: string;
+    expandLabel?: string;
+}
+declare const SwapQuoteBlockchainCostsView: React__default.FC<SwapQuoteBlockchainCostsViewProps>;
+
+interface ChooseAStrategyActionsheetViewProps {
+    isOpen: boolean;
+    currentActionSheetId: string | null;
+    assetName: string;
+    apy: string;
+    logoUrl: string;
+    strategyId: string;
+    riskLevel: 'low' | 'medium' | 'high';
+    onStrategyClick: () => void;
+    onClose: () => void;
+    yieldLabel?: string;
+    apyLabel?: string;
+    riskBadgeLabels: {
+        low: string;
+        medium: string;
+        high: string;
+    };
+    closeAriaLabel?: string;
+}
+declare const ChooseAStrategyActionsheetView: React__default.FC<ChooseAStrategyActionsheetViewProps>;
+
+interface StrategyDetailsViewProps {
+    logoUrl: string;
+    title: string;
+    description: string;
+    strategyInfo: {
+        label: string;
+        value: string;
+    }[];
+    onBack?: () => void;
+    onDeposit?: () => void;
+    headerTitle?: string;
+    strategyInfoTitle?: string;
+    depositButtonLabel?: string;
+    backAriaLabel?: string;
+}
+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 };

package/dist/index.d.ts

@@ -11,32 +11,23 @@ declare function PercentageButton({ children, disabled, className, type, ...prop
 /** Primary UI component for user interaction - uses brand-primary color for theming */
 declare function PrimaryButton({ children, disabled, className, type, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
-/** Primary UI component for user interaction */
+/** Secondary UI component for user interaction - outline style using brand-primary color */
 declare function SecondaryButton({ children, disabled, className, type, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
-/** Primary UI component for user interaction */
+/** Tertiary UI component for user interaction - ghost style using brand-tertiary color */
 declare function TertiaryButton({ children, disabled, className, type, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
+/** 'ButtonProps' defines the properties for button components */
 interface ButtonProps {
-    /**
-     * The content of the button
-     */
+    /** The content of the button */
     children: React.ReactNode;
-    /**
-     * Whether the button is disabled
-     */
+    /** Whether the button is disabled */
     disabled?: boolean;
-    /**
-     * Additional CSS class names
-     */
+    /** Additional CSS class names */
     className?: string;
-    /**
-     * Type of the button
-     */
+    /** Type of the button */
     type?: 'button' | 'submit' | 'reset';
-    /**
-     * Optional click handler
-     */
+    /** Optional click handler */
     onClick?: () => void;
 }
 
@@ -421,6 +412,8 @@ interface SummaryDetailsProps {
 }
 declare const SummaryDetails: React$1.FC<SummaryDetailsProps>;
 
+declare const SummaryDetailsCryptoControlV2: React$1.FC<SummaryDetailsProps>;
+
 interface ActionSheetItem {
     id: string;
     label: string;
@@ -579,4 +572,288 @@ interface DeframeComponentsProviderProps {
 }
 declare function DeframeComponentsProvider({ theme, themeConfig, customTheme, className, children }: DeframeComponentsProviderProps): react_jsx_runtime.JSX.Element;
 
-export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, BannerNotification, type BannerNotificationProps, type ButtonProps, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, type DeframeThemeConfig, type DetailItem, Currency as Fiat, type FiatProps, Input, type InputProps, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, PercentageButton, PrimaryButton, SecondaryButton, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, SummaryDetails, type SummaryDetailsProps, 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 InfoRowProps {
+    children: React__default.ReactNode;
+    borderBottom?: boolean;
+    className?: string;
+}
+declare const InfoRow: React__default.FC<InfoRowProps>;
+
+interface InfoLabelProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const InfoLabel: React__default.FC<InfoLabelProps>;
+
+interface InfoValueProps {
+    children: React__default.ReactNode;
+    variant?: 'default' | 'success' | 'warning' | 'error';
+    className?: string;
+}
+declare const InfoValue: React__default.FC<InfoValueProps>;
+
+interface InfoRowWithIconProps {
+    children: React__default.ReactNode;
+    borderBottom?: boolean;
+    className?: string;
+}
+declare const InfoRowWithIcon: React__default.FC<InfoRowWithIconProps>;
+
+interface InfoRowIconLabelProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const InfoRowIconLabel: React__default.FC<InfoRowIconLabelProps>;
+
+interface InfoRowIconValueProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const InfoRowIconValue: React__default.FC<InfoRowIconValueProps>;
+
+interface CollapsibleInfoRowProps {
+    label: string;
+    value: string;
+    children?: React__default.ReactNode;
+    defaultOpen?: boolean;
+    className?: string;
+    collapseLabel: string;
+    expandLabel: string;
+}
+declare const CollapsibleInfoRow: React__default.FC<CollapsibleInfoRowProps>;
+
+interface BackgroundContainerProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const BackgroundContainer: React__default.FC<BackgroundContainerProps>;
+
+interface SectionCardProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const SectionCard: React__default.FC<SectionCardProps>;
+
+interface NavbarProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const Navbar: React__default.FC<NavbarProps>;
+
+interface FlexColProps {
+    children: React__default.ReactNode;
+    className?: string;
+    gap?: 'xs' | 'sm' | 'md' | 'lg';
+}
+declare const FlexCol: React__default.FC<FlexColProps>;
+
+interface FlexRowProps {
+    children: React__default.ReactNode;
+    className?: string;
+    gap?: 'xs' | 'sm' | 'md' | 'lg';
+}
+declare const FlexRow: React__default.FC<FlexRowProps>;
+
+interface ScrollableContentProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const ScrollableContent: React__default.FC<ScrollableContentProps>;
+
+interface DetailsHeaderProps {
+    title: string;
+    onBack?: () => void;
+    className?: string;
+    backAriaLabel?: string;
+}
+declare const DetailsHeader: React__default.FC<DetailsHeaderProps>;
+
+interface CloseButtonProps {
+    onClick?: () => void;
+    testId?: string;
+    ariaLabel?: string;
+    className?: string;
+}
+declare const CloseButton: React__default.FC<CloseButtonProps>;
+
+interface HighRiskBadgeProps {
+    className?: string;
+    label?: string;
+}
+declare const HighRiskBadge: React__default.FC<HighRiskBadgeProps>;
+
+interface MediumRiskBadgeProps {
+    className?: string;
+    label?: string;
+}
+declare const MediumRiskBadge: React__default.FC<MediumRiskBadgeProps>;
+
+interface LowRiskBadgeProps {
+    className?: string;
+    label: string;
+}
+declare const LowRiskBadge: React__default.FC<LowRiskBadgeProps>;
+
+interface HistoryDetailsLabels {
+    currencyLabel: string;
+    totalAmountLabel: string;
+    operationCostLabel: string;
+    operationCostSponsoredLabel: string;
+    protocolLabel: string;
+    statusLabel: string;
+    transactionIdLabel: string;
+    dateLabel: string;
+    transactionLabel: string;
+    viewOnExplorerLabel: string;
+    transactionDetailsTitle: string;
+}
+
+interface HistoryAssetViewProps {
+    iconUrl: string;
+    symbol: string;
+    amount: string;
+    amountInUSD: string | null;
+}
+interface HistoryDetailsViewProps {
+    transactionTypeLabel: string;
+    symbol: string;
+    amountWithSymbol: string;
+    amountInUsdFormatted: string;
+    shouldShowFlow: boolean;
+    assetIn?: HistoryAssetViewProps;
+    assetOut?: HistoryAssetViewProps;
+    primaryAssetIconUrl: string;
+    protocolLabel: string;
+    statusLabel: string;
+    txHash: string | null;
+    date: string;
+    explorerUrl: string | null;
+    onClose: () => void;
+    labels: HistoryDetailsLabels;
+}
+declare const HistoryDepositDetailsView: React__default.FC<HistoryDetailsViewProps>;
+
+declare const HistoryWithdrawDetailsView: React__default.FC<HistoryDetailsViewProps>;
+
+interface SwapNetworkSelectorViewProps {
+    chainLabel: string;
+    chainImage?: string;
+    onClick: () => void;
+    directionLabel?: string;
+    testId?: string;
+    className?: string;
+}
+declare const SwapNetworkSelectorView: React__default.FC<SwapNetworkSelectorViewProps>;
+
+interface SwapQuoteHeaderViewProps {
+    label: React__default.ReactNode;
+    timerElement?: React__default.ReactNode;
+    className?: string;
+}
+declare const SwapQuoteHeaderView: React__default.FC<SwapQuoteHeaderViewProps>;
+
+interface InputFieldRegistration {
+    name: string;
+    onBlur: React__default.FocusEventHandler<HTMLInputElement>;
+    ref: React__default.Ref<HTMLInputElement>;
+}
+interface SwapAmountInputViewProps {
+    value: string;
+    hasError: boolean;
+    onChange: (value: string) => void;
+    maxFractionDigits?: number;
+    field?: InputFieldRegistration;
+    ariaLabel?: string;
+    className?: string;
+}
+declare const SwapAmountInputView: React__default.FC<SwapAmountInputViewProps>;
+
+interface SwapOutputAmountViewProps {
+    displayOutput: string | number;
+    isLoading: boolean;
+    loadingElement?: React__default.ReactNode;
+    searchingQuoteLabel?: string;
+    className?: string;
+}
+declare const SwapOutputAmountView: React__default.FC<SwapOutputAmountViewProps>;
+
+interface SwapQuoteErrorsViewProps {
+    hasQuoteError: boolean;
+    hasBytecodeError: boolean;
+    quoteErrorMessage?: string;
+    bytecodeErrorMessage?: string;
+}
+declare const SwapQuoteErrorsView: React__default.FC<SwapQuoteErrorsViewProps>;
+
+interface SwapSlippageToleranceButtonsViewProps {
+    slippageBps: number;
+    onSelect: (bps: number) => void;
+    formatPercentage: (bps: number) => string;
+    className?: string;
+}
+declare const SwapSlippageToleranceButtonsView: React__default.FC<SwapSlippageToleranceButtonsViewProps>;
+
+interface SwapTokenSelectorViewProps {
+    token: {
+        symbol: string;
+        logoURI?: string;
+    } | null;
+    onClick: () => void;
+    testId?: string;
+    selectTokenLabel?: string;
+    className?: string;
+}
+declare const SwapTokenSelectorView: React__default.FC<SwapTokenSelectorViewProps>;
+
+interface SwapQuoteBlockchainCostsViewProps {
+    totalCostFormatted: string;
+    feePercentage: string;
+    gasCostFormatted: string;
+    protocolFee: string;
+    blockchainCostsLabel?: string;
+    networkGasLabel?: string;
+    protocolFeeLabel?: string;
+    collapseLabel?: string;
+    expandLabel?: string;
+}
+declare const SwapQuoteBlockchainCostsView: React__default.FC<SwapQuoteBlockchainCostsViewProps>;
+
+interface ChooseAStrategyActionsheetViewProps {
+    isOpen: boolean;
+    currentActionSheetId: string | null;
+    assetName: string;
+    apy: string;
+    logoUrl: string;
+    strategyId: string;
+    riskLevel: 'low' | 'medium' | 'high';
+    onStrategyClick: () => void;
+    onClose: () => void;
+    yieldLabel?: string;
+    apyLabel?: string;
+    riskBadgeLabels: {
+        low: string;
+        medium: string;
+        high: string;
+    };
+    closeAriaLabel?: string;
+}
+declare const ChooseAStrategyActionsheetView: React__default.FC<ChooseAStrategyActionsheetViewProps>;
+
+interface StrategyDetailsViewProps {
+    logoUrl: string;
+    title: string;
+    description: string;
+    strategyInfo: {
+        label: string;
+        value: string;
+    }[];
+    onBack?: () => void;
+    onDeposit?: () => void;
+    headerTitle?: string;
+    strategyInfoTitle?: string;
+    depositButtonLabel?: string;
+    backAriaLabel?: string;
+}
+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 };