@deframe-sdk/components 0.1.7 → 0.1.8

package/dist/index.d.mts

@@ -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 */
@@ -1241,4 +1185,4 @@ interface ChooseAnAssetSwapViewProps {
 }
 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, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, type TextProps, 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 ConnectWalletListProps as WalletListProps, type WalletOption, cryptocontrolThemeColors, darkThemeColors, defaultThemeColors, themeToCSS };
+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 };

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 */
@@ -1241,4 +1185,4 @@ interface ChooseAnAssetSwapViewProps {
 }
 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, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, type TextProps, 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 ConnectWalletListProps as WalletListProps, type WalletOption, cryptocontrolThemeColors, darkThemeColors, defaultThemeColors, themeToCSS };
+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 };