@tuwaio/nova-connect 0.2.8 → 0.2.10

package/dist/{ToastError-CdjoS4UD.d.ts → index-Ci68q5uc.d.ts}

@@ -1,15 +1,183 @@
-import { Dialog, DialogContent, StarsBackground } from '@tuwaio/nova-core';
-import { TargetAndTransition, VariantLabels, LegacyAnimationControls, Transition, AnyResolvedKeyframe, HTMLMotionProps, Variants, Easing, motion } from 'framer-motion';
+import { Variants, TargetAndTransition, VariantLabels, LegacyAnimationControls, Transition, AnyResolvedKeyframe, HTMLMotionProps, Easing, motion } from 'framer-motion';
 import * as React$1 from 'react';
-import React__default, { ComponentType, ReactNode, ComponentPropsWithoutRef } from 'react';
-import { I as InitialChains, B as ButtonTxStatus, b as NovaConnectProviderProps, h as useNovaConnectLabels, q as NativeBalanceResult, a as ConnectedContentType, C as ConnectContentType } from './useWalletNativeBalance-DR8XONYI.js';
-import { BaseConnector } from '@tuwaio/satellite-core';
+import React__default, { ComponentPropsWithoutRef, ComponentType, ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as Select from '@radix-ui/react-select';
+import { I as InitialChains, B as ButtonTxStatus, b as NovaConnectProviderProps, h as useNovaConnectLabels, q as NativeBalanceResult, a as ConnectedContentType, C as ConnectContentType } from './useWalletNativeBalance-DR8XONYI.js';
+import { BaseConnector } from '@tuwaio/satellite-core';
+import { Dialog, DialogContent, StarsBackground } from '@tuwaio/nova-core';
 import { Transaction } from '@tuwaio/pulsar-core';
 import { ConnectorType, OrbitAdapter, RecentlyConnectedConnectorData } from '@tuwaio/orbit-core';
 import { Connector } from '@tuwaio/satellite-react';
 
+/**
+ * @file BalanceDisplay component with comprehensive customization options.
+ * Exported for use in ConnectedModal and external applications for displaying token balances.
+ */
+
+/**
+ * Balance data structure
+ */
+type BalanceData = {
+    /** Balance value (formatted string) */
+    value: string;
+    /** Token symbol (e.g., ETH, USDC) */
+    symbol: string;
+    /** Optional icon URL or ReactNode */
+    icon?: string | React__default.ReactNode;
+};
+/**
+ * Labels for accessibility
+ */
+type BalanceDisplayLabels = {
+    loading?: string;
+    walletBalance?: string;
+    refreshBalance?: string;
+    noBalanceAvailable?: string;
+};
+/**
+ * Props for RefreshButton sub-component
+ */
+type RefreshButtonProps = {
+    isLoading: boolean;
+    showSuccess: boolean;
+    onRefetch: () => void;
+    labels: Required<BalanceDisplayLabels>;
+    className?: string;
+};
+/**
+ * Props for LoadingState sub-component
+ */
+type LoadingStateProps = {
+    labels: Required<BalanceDisplayLabels>;
+    className?: string;
+};
+/**
+ * Props for BalanceValue sub-component
+ */
+type BalanceValueProps = {
+    balance: BalanceData;
+    labels: Required<BalanceDisplayLabels>;
+    className?: string;
+};
+/**
+ * Props for EmptyState sub-component
+ */
+type EmptyStateProps$2 = {
+    labels: Required<BalanceDisplayLabels>;
+    className?: string;
+};
+/**
+ * Customization options for BalanceDisplay component
+ */
+type BalanceDisplayCustomization = {
+    /** Override root container props */
+    containerProps?: Partial<Omit<ComponentPropsWithoutRef<'div'>, 'popover' | 'onDrag' | 'onDragEnd' | 'onDragExit' | 'onDragStart' | 'onDragStartCapture' | 'onAnimationStart' | 'onAnimationEnd' | 'onAnimationStartCapture' | 'onAnimationEndCapture' | 'onAnimationIteration' | 'onAnimationIterationCapture'>>;
+    /** Custom components */
+    components?: {
+        /** Custom refresh button component */
+        RefreshButton?: ComponentType<RefreshButtonProps>;
+        /** Custom loading state component */
+        LoadingState?: ComponentType<LoadingStateProps>;
+        /** Custom balance value component */
+        BalanceValue?: ComponentType<BalanceValueProps>;
+        /** Custom empty state component */
+        EmptyState?: ComponentType<EmptyStateProps$2>;
+    };
+    /** Custom class name generators */
+    classNames?: {
+        /** Function to generate container classes */
+        container?: (params: {
+            isLoading: boolean;
+            hasBalance: boolean;
+        }) => string;
+        /** Function to generate loading state classes */
+        loadingState?: () => string;
+        /** Function to generate balance value wrapper classes */
+        balanceValueWrapper?: () => string;
+        /** Function to generate balance value classes */
+        balanceValue?: () => string;
+        /** Function to generate balance symbol classes */
+        balanceSymbol?: () => string;
+        /** Function to generate balance icon classes */
+        balanceIcon?: () => string;
+        /** Function to generate refresh button classes */
+        refreshButton?: (params: {
+            isLoading: boolean;
+            showSuccess: boolean;
+        }) => string;
+        /** Function to generate refresh icon classes */
+        refreshIcon?: () => string;
+        /** Function to generate success icon classes */
+        successIcon?: () => string;
+        /** Function to generate empty state classes */
+        emptyState?: () => string;
+    };
+    /** Custom animation variants */
+    variants?: {
+        /** Loading state animation variants */
+        loading?: Variants;
+        /** Success indicator animation variants */
+        success?: Variants;
+        /** Refresh icon animation variants */
+        refresh?: Variants;
+    };
+    /** Configuration options */
+    config?: {
+        /** Whether to show refresh button */
+        showRefreshButton?: boolean;
+        /** Whether to show icon */
+        showIcon?: boolean;
+        /** Success indicator duration in ms */
+        successDuration?: number;
+        /** Whether to disable animations */
+        disableAnimation?: boolean;
+    };
+};
+/**
+ * Props for the BalanceDisplay component
+ */
+interface BalanceDisplayProps$1 {
+    /** Balance data to display */
+    balance: BalanceData | null;
+    /** Whether balance is loading */
+    isLoading?: boolean;
+    /** Function to refetch balance */
+    onRefetch?: () => void;
+    /** Custom labels for accessibility */
+    labels?: BalanceDisplayLabels;
+    /** Additional className for container */
+    className?: string;
+    /** Customization options */
+    customization?: BalanceDisplayCustomization;
+    /** Test ID for testing */
+    'data-testid'?: string;
+}
+/**
+ * BalanceDisplay component for showing token balances with optional refresh functionality.
+ * Fully customizable through the customization prop.
+ *
+ * @example
+ * ```tsx
+ * <BalanceDisplay
+ *   balance={{ value: '1,234.56', symbol: 'USDC' }}
+ *   isLoading={false}
+ *   onRefetch={() => refetchBalance()}
+ *   customization={{
+ *     classNames: {
+ *       container: () => 'flex items-center gap-2',
+ *       balanceValue: () => 'text-lg font-bold',
+ *       refreshButton: () => 'hover:bg-accent/10',
+ *     },
+ *     config: {
+ *       showRefreshButton: true,
+ *     },
+ *   }}
+ * />
+ * ```
+ */
+declare const BalanceDisplay: React__default.FC<BalanceDisplayProps$1>;
+
 /**
  * @file Highly customizable chain list renderer with comprehensive styling and behavior control.
  * @module ChainListRenderer
@@ -39,6 +207,16 @@ interface CustomChainContentProps {
     icon: ReactNode;
     children?: ReactNode;
 }
+/**
+ * Props for custom active indicator wrapper component
+ */
+interface CustomActiveIndicatorWrapperProps {
+    isActive: boolean;
+    isMobile: boolean;
+    indicator: ReactNode;
+    children?: ReactNode;
+    className?: string;
+}
 /**
  * Props for custom active indicator component
  */
@@ -74,6 +252,8 @@ interface ChainListRendererCustomization {
         ChainIcon?: ComponentType<CustomChainIconProps>;
         /** Custom chain content layout component */
         ChainContent?: ComponentType<CustomChainContentProps>;
+        /** Custom active indicator wrapper component */
+        ActiveIndicatorWrapper?: ComponentType<CustomActiveIndicatorWrapperProps>;
         /** Custom active indicator component */
         ActiveIndicator?: ComponentType<CustomActiveIndicatorProps>;
     };
@@ -105,6 +285,11 @@ interface ChainListRendererCustomization {
             isActive: boolean;
             isMobile: boolean;
         }) => string;
+        /** Active indicator wrapper classes */
+        activeIndicatorWrapper?: (params: {
+            isActive: boolean;
+            isMobile: boolean;
+        }) => string;
         /** Active indicator classes */
         activeIndicator?: (params: {
             isMobile: boolean;
@@ -643,6 +828,19 @@ type CustomMobileSelectorProps = {
     /** ARIA label */
     'aria-label': string;
 };
+/**
+ * Props for a custom close button component.
+ */
+type CustomCloseButtonProps = {
+    /** Close handler */
+    onClose: () => void;
+    /** CSS class */
+    className?: string;
+    /** ARIA label */
+    'aria-label': string;
+    /** Icon element */
+    icon: ReactNode;
+};
 /**
  * Props for a custom dialog header component.
  */
@@ -653,6 +851,17 @@ type CustomDialogHeaderProps = {
     onClose: () => void;
     /** CSS class */
     className?: string;
+    /** Close button customization */
+    closeButton?: {
+        /** Close button component */
+        Component?: ComponentType<CustomCloseButtonProps>;
+        /** Close button props */
+        props?: Partial<ComponentPropsWithoutRef<'button'>>;
+        /** Close button classes */
+        className?: string;
+        /** Close button icon classes */
+        iconClassName?: string;
+    };
 };
 /**
  * Animation easing parameters for framer-motion.
@@ -767,6 +976,12 @@ type ChainSelectorCustomization = {
         }) => string;
         /** Classes for the dialog inner container */
         dialogInnerContainer?: () => string;
+        /** Classes for the dialog header */
+        dialogHeader?: () => string;
+        /** Classes for the dialog header title */
+        dialogHeaderTitle?: () => string;
+        /** Classes for the dialog header close button wrapper */
+        dialogHeaderCloseButtonWrapper?: () => string;
     };
     /** Custom event handlers */
     handlers?: {
@@ -775,6 +990,18 @@ type ChainSelectorCustomization = {
         /** Wrapper for the dialog close handler */
         onDialogClose?: (originalHandler: () => void) => void;
     };
+    /** Dialog header customization */
+    dialogHeader?: {
+        /** Close button customization */
+        closeButton?: {
+            /** Close button props */
+            props?: Partial<ComponentPropsWithoutRef<'button'>>;
+            /** Close button classes */
+            className?: string;
+            /** Close button icon classes */
+            iconClassName?: string;
+        };
+    };
     /** Customization for sub-components */
     triggerButton?: ChainTriggerButtonCustomization;
     /** Customization for the Select content */
@@ -798,9 +1025,6 @@ interface ChainSelectorProps extends InitialChains {
 /**
  * The main chain selector component.
  * Supports both desktop (dropdown) and mobile (dialog modal) interfaces.
- *
- * @param props - Props for the ChainSelector component
- * @returns The chain selector component or null if no wallet is connected
  */
 declare function ChainSelector({ appChains, solanaRPCUrls, customization, className, 'aria-label': ariaLabel, }: ChainSelectorProps): react_jsx_runtime.JSX.Element | null;
 
@@ -875,7 +1099,7 @@ type WalletAvatarCustomization = {
         /** Custom background color generator function */
         generateBgColor?: (address: string) => string;
         /** Custom address formatter function */
-        formatAddress?: (address: string, labels: any) => string;
+        formatAddress?: (address: string, labels: Record<string, string>) => string;
     };
 };
 interface WalletAvatarProps extends Omit<ComponentPropsWithoutRef<'div'>, 'role'> {
@@ -1131,10 +1355,6 @@ type ConnectedContentCustomization = {
         balanceContainer?: (params: {
             formattedBalance: string;
         }) => string;
-        /** Function to generate balance text classes */
-        balanceText?: (params: {
-            formattedBalance: string;
-        }) => string;
         /** Function to generate balance divider classes */
         balanceDivider?: () => string;
         /** Function to generate main content classes */
@@ -1456,7 +1676,7 @@ type NavigationProps$1 = {
     role?: string;
     buttonData: ConnectButtonData;
 } & React__default.RefAttributes<HTMLElement>;
-type ContainerProps$8 = {
+type ContainerProps$a = {
     className?: string;
     children: React__default.ReactNode;
     buttonData: ConnectButtonData;
@@ -1485,7 +1705,7 @@ type ConnectButtonCustomization = {
         /** Custom navigation wrapper */
         Navigation?: ComponentType<NavigationProps$1>;
         /** Custom container div */
-        Container?: ComponentType<ContainerProps$8>;
+        Container?: ComponentType<ContainerProps$a>;
         /** Custom button container with motion */
         ButtonContainer?: ComponentType<ButtonContainerProps>;
         /** Custom button element */
@@ -1917,6 +2137,8 @@ type BalanceDisplayProps = {
     refetch: () => void;
     labels: Record<string, string>;
     className?: string;
+    /** Customization for the BalanceDisplay component */
+    customization?: BalanceDisplayCustomization;
 };
 type ScreenReaderFeedbackProps = {
     isCopied: boolean;
@@ -1973,18 +2195,8 @@ type ConnectedModalNameAndBalanceCustomization = {
         copyIcon?: () => string;
         /** Function to generate check icon classes */
         checkIcon?: () => string;
-        /** Function to generate balance container classes */
+        /** Function to generate balance container wrapper classes */
         balanceContainer?: () => string;
-        /** Function to generate balance loading classes */
-        balanceLoading?: () => string;
-        /** Function to generate balance display classes */
-        balanceDisplay?: () => string;
-        /** Function to generate balance value classes */
-        balanceValue?: () => string;
-        /** Function to generate balance symbol classes */
-        balanceSymbol?: () => string;
-        /** Function to generate no balance classes */
-        noBalance?: () => string;
         /** Function to generate screen reader feedback classes */
         screenReaderFeedback?: () => string;
         /** Function to generate live region classes */
@@ -2064,6 +2276,11 @@ type ConnectedModalNameAndBalanceCustomization = {
             liveRegion?: string;
         };
     };
+    /** Child component customizations */
+    childCustomizations?: {
+        /** Customization for BalanceDisplay component */
+        balanceDisplay?: BalanceDisplayCustomization;
+    };
 };
 /**
  * Props for the ConnectedModalNameAndBalance component
@@ -2144,6 +2361,7 @@ declare const ConnectedModalNameAndBalance: React__default.ForwardRefExoticCompo
 type CustomLoadingOverlayProps$1 = {
     size: number;
     isLoading: boolean;
+    className?: string;
 };
 type CustomErrorIndicatorProps = {
     walletName: string;
@@ -2185,6 +2403,11 @@ type WalletIconCustomization = {
             showLoading: boolean;
             hasError: boolean;
         }) => string;
+        /** Function to generate loading overlay classes */
+        loadingOverlay?: (params: {
+            isLoading: boolean;
+            size: number;
+        }) => string;
     };
 };
 interface WalletIconProps$1 extends Omit<ComponentPropsWithoutRef<'div'>, 'role'> {
@@ -2496,6 +2719,12 @@ type AvatarSectionProps = {
     onSwitchWallet: () => void;
     onSwitchNetwork: () => void;
     className?: string;
+    /** Customization for switch wallet IconButton */
+    switchWalletButtonProps?: Partial<IconButtonProps>;
+    /** Customization for switch network IconButton */
+    switchNetworkButtonProps?: Partial<IconButtonProps>;
+    /** Customization for WalletAvatar component */
+    walletAvatarCustomization?: WalletAvatarCustomization;
 };
 type InfoSectionProps = {
     balanceLoading: boolean;
@@ -2504,6 +2733,7 @@ type InfoSectionProps = {
     ensNameAbbreviated: string | undefined;
     labels: Record<string, string>;
     className?: string;
+    nameAndBalanceCustomization?: ConnectedModalNameAndBalanceCustomization;
 };
 type TransactionsSectionProps = {
     walletTransactions: Transaction[];
@@ -2512,6 +2742,8 @@ type TransactionsSectionProps = {
     onViewTransactions: () => void;
     showPendingIndicators?: boolean;
     className?: string;
+    /** Custom className for the transactions button */
+    buttonClassName?: string;
 };
 type NoTransactionsIndicatorProps = {
     className?: string;
@@ -2587,6 +2819,10 @@ type ConnectedModalMainContentCustomization = {
         pendingSpinner?: () => string;
         /** Function to generate no transactions classes */
         noTransactions?: () => string;
+        /** Function to generate extra balances container classes */
+        extraBalancesContainer?: () => string;
+        /** Function to generate custom content container classes */
+        customContentContainer?: () => string;
     };
     /** Custom animation variants */
     variants?: {
@@ -2651,7 +2887,7 @@ type ConnectedModalMainContentCustomization = {
         /** Customization for ConnectedModalNameAndBalance component */
         nameAndBalance?: ConnectedModalNameAndBalanceCustomization;
         /** Customization for WalletAvatar component */
-        walletAvatar?: Partial<WalletAvatarProps>;
+        walletAvatar?: WalletAvatarCustomization;
         /** Customization for switch wallet IconButton */
         switchWalletButton?: Partial<IconButtonProps>;
         /** Customization for switch network IconButton */
@@ -2677,6 +2913,10 @@ type ConnectedModalMainContentCustomization = {
             noTransactions?: string;
         };
     };
+    /** Render slot for extra balances (tokens like USDC, ETH) - rendered after native balance */
+    renderExtraBalances?: () => ReactNode;
+    /** Render slot for custom content (like Telegram bot button) - rendered after transactions button */
+    renderCustomContent?: () => ReactNode;
 };
 /**
  * Props for the ConnectedModalMainContent component
@@ -2792,15 +3032,90 @@ declare const ConnectedModalMainContent: React__default.ForwardRefExoticComponen
  * @file ConnectedModalTxHistory component with comprehensive customization options for transaction history display.
  */
 
+/**
+ * Local customization options for TransactionsHistory component.
+ * This is a copy of the type from @tuwaio/nova-transactions to avoid
+ * breaking dynamic import logic.
+ */
+type LocalTransactionsHistoryCustomization = {
+    /** Custom title for the transactions history section */
+    title?: string;
+    /** Custom class name generators */
+    classNames?: {
+        /** Classes for the outer container */
+        container?: string;
+        /** Classes for the title element */
+        titleText?: string;
+        /** Classes for the list wrapper container */
+        listWrapper?: string;
+        /** Classes for the placeholder container */
+        placeholderContainer?: string;
+        /** Classes for the placeholder title */
+        placeholderTitle?: string;
+        /** Classes for the placeholder message */
+        placeholderMessage?: string;
+        /** Classes for individual transaction item container */
+        itemContainer?: string;
+        /** Classes for the icon wrapper */
+        itemIconWrapper?: string;
+        /** Classes for the icon itself */
+        itemIcon?: string;
+        /** Classes for the content wrapper */
+        itemContentWrapper?: string;
+        /** Classes for the title text */
+        itemTitle?: string;
+        /** Classes for the timestamp text */
+        itemTimestamp?: string;
+        /** Classes for the description text */
+        itemDescription?: string;
+        /** Classes for the status badge container */
+        itemStatusBadge?: string;
+        /** Classes for the status badge icon */
+        itemStatusBadgeIcon?: string;
+        /** Classes for the status badge label */
+        itemStatusBadgeLabel?: string;
+        /** Classes for the transaction key container */
+        itemTxKeyContainer?: string;
+        /** Classes for the default hash link label */
+        itemHashLabel?: string;
+        /** Classes for the default hash link */
+        itemHashLink?: string;
+        /** Classes for the default hash copy button */
+        itemHashCopyButton?: string;
+        /** Classes for the original hash link label (replaced transactions) */
+        itemOriginalHashLabel?: string;
+        /** Classes for the original hash link (replaced transactions) */
+        itemOriginalHashLink?: string;
+        /** Classes for the original hash copy button (replaced transactions) */
+        itemOriginalHashCopyButton?: string;
+    };
+};
 type CustomLoadingContainerProps = {
     labels: Record<string, string>;
     className?: string;
+    /** Granular classNames for sub-elements */
+    classNames?: {
+        spinner?: string;
+        text?: string;
+    };
 };
 type CustomErrorContainerProps = {
     className?: string;
+    /** Granular classNames for sub-elements */
+    classNames?: {
+        iconContainer?: string;
+        icon?: string;
+        content?: string;
+        title?: string;
+        description?: string;
+    };
 };
 type CustomNoWalletContainerProps = {
     className?: string;
+    /** Granular classNames for sub-elements */
+    classNames?: {
+        text?: string;
+    };
 };
 type CustomTransactionsHistoryWrapperProps = {
     children: ReactNode;
@@ -2934,6 +3249,11 @@ type ConnectedModalTxHistoryCustomization = {
             transactionsHistory?: string;
         };
     };
+    /**
+     * Customization for the TransactionsHistory component (from @tuwaio/nova-transactions).
+     * Passed through to the dynamically loaded component.
+     */
+    transactionsHistory?: LocalTransactionsHistoryCustomization;
 };
 /**
  * Props for the ConnectedModalTxHistory component
@@ -3034,11 +3354,22 @@ type CustomActiveSectionProps = {
     children: ReactNode;
     count: number;
     labels?: Record<string, string>;
+    /** Granular classNames for sub-elements */
+    classNames?: {
+        title?: string;
+        wrapper?: string;
+    };
 };
 type CustomRecentSectionProps = {
     className?: string;
     children: ReactNode;
+    count?: number;
     labels?: Record<string, string>;
+    /** Granular classNames for sub-elements */
+    classNames?: {
+        title?: string;
+        list?: string;
+    };
 };
 type CustomActiveRowProps = {
     connectorType: ConnectorType;
@@ -3053,6 +3384,23 @@ type CustomActiveRowProps = {
     isCopied?: boolean;
     onCopy?: () => void;
     onExplorer?: () => void;
+    displayName?: string;
+    /** Granular classNames for sub-elements */
+    classNames?: {
+        container?: string;
+        badge?: string;
+        content?: string;
+        walletName?: string;
+        connectorName?: string;
+        actionsContainer?: string;
+        copyButton?: string;
+        copyIcon?: string;
+        explorerButton?: string;
+        explorerIcon?: string;
+        disconnectButton?: string;
+        iconWrapper?: string;
+        iconBadge?: string;
+    };
 };
 type CustomConnectedRowProps = {
     connectorType: ConnectorType;
@@ -3064,6 +3412,19 @@ type CustomConnectedRowProps = {
     icon?: string;
     labels?: Record<string, string>;
     isHovered?: boolean;
+    /** Granular classNames for sub-elements */
+    classNames?: {
+        container?: string;
+        switchIndicator?: string;
+        switchIcon?: string;
+        content?: string;
+        walletName?: string;
+        connectorName?: string;
+        disconnectButton?: string;
+        disconnectIcon?: string;
+        iconWrapper?: string;
+        iconBadge?: string;
+    };
 };
 type CustomRecentRowProps = {
     connectorType: ConnectorType;
@@ -3075,6 +3436,20 @@ type CustomRecentRowProps = {
     icon?: string;
     isConnecting?: boolean;
     labels?: Record<string, string>;
+    /** Granular classNames for sub-elements */
+    classNames?: {
+        container?: string;
+        content?: string;
+        walletName?: string;
+        connectorName?: string;
+        actionsContainer?: string;
+        connectButton?: string;
+        connectSpinner?: string;
+        removeButton?: string;
+        removeIcon?: string;
+        iconWrapper?: string;
+        iconBadge?: string;
+    };
 };
 type CustomActionButtonProps = {
     onClick: (e: React.MouseEvent) => void;
@@ -3096,6 +3471,11 @@ type CustomAddWalletButtonProps = {
 type CustomEmptyStateProps = {
     message: string;
     className?: string;
+    /** Granular classNames for sub-elements */
+    classNames?: {
+        container?: string;
+        message?: string;
+    };
 };
 /**
  * Customization options for ConnectionsContent component
@@ -3134,45 +3514,108 @@ type ConnectionsContentCustomization = {
             connectionsCount: number;
             recentCount: number;
         }) => string;
-        /** Function to generate section header classes */
-        sectionHeader?: (params: {
-            sectionType: 'active' | 'recent';
-        }) => string;
-        /** Function to generate active section classes */
+        /** Function to generate empty state classes */
+        emptyState?: () => string;
+        /** Function to generate empty state message classes */
+        emptyStateMessage?: () => string;
+        /** Function to generate active section wrapper classes */
         activeSection?: (params: {
             count: number;
         }) => string;
-        /** Function to generate recent section classes */
+        /** Function to generate active section title classes */
+        activeSectionTitle?: () => string;
+        /** Function to generate active section content wrapper classes */
+        activeSectionWrapper?: () => string;
+        /** Function to generate recent section wrapper classes */
         recentSection?: (params: {
             count: number;
         }) => string;
-        /** Function to generate active row classes */
-        activeRow?: (params: {
+        /** Function to generate recent section title classes */
+        recentSectionTitle?: () => string;
+        /** Function to generate recent section list container classes */
+        recentSectionList?: () => string;
+        /** Function to generate active row container classes */
+        activeRowContainer?: (params: {
             connectorType: ConnectorType;
             hasExplorer: boolean;
         }) => string;
-        /** Function to generate connected row classes */
-        connectedRow?: (params: {
+        /** Function to generate active badge classes */
+        activeRowBadge?: () => string;
+        /** Function to generate active row content wrapper classes */
+        activeRowContent?: () => string;
+        /** Function to generate wallet name/address classes */
+        activeRowWalletName?: () => string;
+        /** Function to generate connector name classes */
+        activeRowConnectorName?: () => string;
+        /** Function to generate actions container classes */
+        activeRowActionsContainer?: () => string;
+        /** Function to generate copy button classes */
+        activeRowCopyButton?: (params: {
+            isCopied: boolean;
+        }) => string;
+        /** Function to generate copy icon classes */
+        activeRowCopyIcon?: () => string;
+        /** Function to generate explorer button classes */
+        activeRowExplorerButton?: () => string;
+        /** Function to generate explorer icon classes */
+        activeRowExplorerIcon?: () => string;
+        /** Function to generate disconnect button classes */
+        activeRowDisconnectButton?: () => string;
+        /** Function to generate connected row container classes */
+        connectedRowContainer?: (params: {
             connectorType: ConnectorType;
-            isHovered: boolean;
         }) => string;
-        /** Function to generate recent row classes */
-        recentRow?: (params: {
+        /** Function to generate switch indicator classes */
+        connectedRowSwitchIndicator?: () => string;
+        /** Function to generate switch icon classes */
+        connectedRowSwitchIcon?: () => string;
+        /** Function to generate content wrapper classes */
+        connectedRowContent?: () => string;
+        /** Function to generate wallet address classes */
+        connectedRowWalletName?: () => string;
+        /** Function to generate connector name classes */
+        connectedRowConnectorName?: () => string;
+        /** Function to generate disconnect button classes */
+        connectedRowDisconnectButton?: () => string;
+        /** Function to generate disconnect icon classes */
+        connectedRowDisconnectIcon?: () => string;
+        /** Function to generate recent row container classes */
+        recentRowContainer?: (params: {
             connectorType: ConnectorType;
             isConnecting: boolean;
         }) => string;
-        /** Function to generate action button classes */
-        actionButton?: (params: {
-            variant?: 'primary' | 'secondary' | 'danger';
-            disabled?: boolean;
-            loading?: boolean;
+        /** Function to generate recent row content wrapper classes */
+        recentRowContent?: () => string;
+        /** Function to generate wallet address classes */
+        recentRowWalletName?: () => string;
+        /** Function to generate connector name classes */
+        recentRowConnectorName?: () => string;
+        /** Function to generate actions wrapper classes */
+        recentRowActionsContainer?: () => string;
+        /** Function to generate connect button classes */
+        recentRowConnectButton?: (params: {
+            isConnecting: boolean;
+        }) => string;
+        /** Function to generate connect button spinner classes */
+        recentRowConnectSpinner?: () => string;
+        /** Function to generate remove button classes */
+        recentRowRemoveButton?: (params: {
+            isConnecting: boolean;
+        }) => string;
+        /** Function to generate remove icon classes */
+        recentRowRemoveIcon?: () => string;
+        /** Function to generate connector icon wrapper classes */
+        connectorIconWrapper?: (params: {
+            size: number;
+        }) => string;
+        /** Function to generate network badge wrapper classes */
+        connectorIconBadge?: (params: {
+            badgeSize: number;
         }) => string;
         /** Function to generate add wallet button classes */
         addWalletButton?: (params: {
             disabled?: boolean;
         }) => string;
-        /** Function to generate empty state classes */
-        emptyState?: () => string;
     };
     /** Custom event handlers */
     handlers?: {
@@ -3291,44 +3734,94 @@ type ConnectionsContentCustomization = {
  * @file ConnectedModal component with comprehensive customization options for all child components.
  */
 
-type HeaderProps = {
-    contentType: ConnectedContentType;
+/**
+ * Props for custom DialogTitle component
+ * DialogTitle is the main title element that includes back button and title text
+ */
+type DialogTitleProps = {
+    /** Current title text */
     title: string;
+    /** Current content type for conditional rendering */
+    contentType: ConnectedContentType;
+    /** Handler for back button click */
     onBack: () => void;
-    onClose: () => void;
+    /** Localized labels */
     labels: Record<string, string>;
+    /** Additional CSS classes */
     className?: string;
 };
+/**
+ * Props for custom BackButton component
+ */
 type BackButtonProps$1 = {
+    /** Handler for back button click */
     onBack: () => void;
+    /** Localized labels */
     labels: Record<string, string>;
+    /** Additional CSS classes */
     className?: string;
 };
-type TitleProps$6 = {
-    title: string;
+/**
+ * Props for custom CloseButton component
+ */
+type CloseButtonProps$1 = {
+    /** Handler for close button click */
+    onClose: () => void;
+    /** Localized labels */
+    labels: Record<string, string>;
+    /** Additional CSS classes */
     className?: string;
 };
-type CloseButtonProps$1 = {
+/**
+ * Props for custom Header component
+ * Header wraps DialogTitle and CloseButton together
+ */
+type HeaderProps = {
+    /** Current content type */
+    contentType: ConnectedContentType;
+    /** Current title text */
+    title: string;
+    /** Handler for back button click */
+    onBack: () => void;
+    /** Handler for close button click */
     onClose: () => void;
+    /** Localized labels */
     labels: Record<string, string>;
+    /** Additional CSS classes */
     className?: string;
 };
+/**
+ * Props for custom MainContent component
+ */
 type MainContentProps$1 = Pick<NovaConnectProviderProps, 'transactionPool' | 'pulsarAdapter'> & {
+    /** Current content type */
     contentType: ConnectedContentType;
+    /** Native balance result */
     balance: NativeBalanceResult | null;
+    /** Refetch balance function */
     refetch: () => void;
+    /** Abbreviated ENS name or address */
     ensNameAbbreviated: string | undefined;
+    /** Whether avatar is loading */
     avatarIsLoading: boolean;
+    /** Whether balance is loading */
     balanceLoading: boolean;
+    /** ENS avatar URL */
     ensAvatar: string | null;
+    /** List of available chains */
     chainsList: (string | number)[];
+    /** Handler for chain change */
     onChainChange: (chainId: string) => void;
+    /** Handler for back navigation */
     onBack: () => void;
+    /** Function to get chain data */
     getChainData: (chain: string | number) => {
         formattedChainId: string | number;
         chain: string | number;
     };
+    /** Additional CSS classes */
     className?: string;
+    /** Child component customizations */
     childCustomizations?: ConnectedModalCustomization['childCustomizations'];
 };
 type WalletNameConfig = {
@@ -3347,23 +3840,27 @@ type ConnectedModalCustomization = {
     dialogContentProps?: Partial<ComponentPropsWithoutRef<typeof DialogContent>>;
     /** Custom components */
     components?: {
-        /** Custom dialog component */
+        /** Custom dialog component (root modal wrapper) */
         Dialog?: ComponentType<ComponentPropsWithoutRef<typeof Dialog>>;
-        /** Custom dialog content component */
+        /** Custom dialog content component (modal content wrapper) */
         DialogContent?: ComponentType<ComponentPropsWithoutRef<typeof DialogContent>>;
-        /** Custom dialog header component */
-        DialogHeader?: ComponentType<ComponentPropsWithoutRef<'div'>>;
-        /** Custom dialog title component */
-        DialogTitle?: ComponentType<ComponentPropsWithoutRef<'h2'>>;
-        /** Custom header component */
+        /**
+         * Custom dialog title component
+         * Includes back button (when not on main view) and title text
+         * Use this to customize the entire title area
+         */
+        DialogTitle?: ComponentType<DialogTitleProps>;
+        /**
+         * Custom header component
+         * Wraps DialogTitle and CloseButton together
+         * Use this to customize the entire header layout
+         */
         Header?: ComponentType<HeaderProps>;
-        /** Custom back button component */
+        /** Custom back button component (chevron left icon button) */
         BackButton?: ComponentType<BackButtonProps$1>;
-        /** Custom title component */
-        Title?: ComponentType<TitleProps$6>;
-        /** Custom close button component */
+        /** Custom close button component (X icon button) */
         CloseButton?: ComponentType<CloseButtonProps$1>;
-        /** Custom main content component */
+        /** Custom main content component (renders different views based on contentType) */
         MainContent?: ComponentType<MainContentProps$1>;
         /** Custom main content renderer for main view */
         MainContentRenderer?: ComponentType<ConnectedModalMainContentProps>;
@@ -3373,7 +3870,7 @@ type ConnectedModalCustomization = {
         ChainsContentRenderer?: ComponentType<ScrollableChainListProps>;
         /** Custom footer component */
         Footer?: ComponentType<ConnectedModalFooterProps>;
-        /** Custom motion container */
+        /** Custom motion container for animations */
         MotionContainer?: ComponentType<ComponentPropsWithoutRef<typeof motion.div>>;
     };
     /** Custom class name generators */
@@ -3395,12 +3892,12 @@ type ConnectedModalCustomization = {
         header?: (params: {
             contentType: ConnectedContentType;
         }) => string;
-        /** Function to generate back button classes */
-        backButton?: () => string;
-        /** Function to generate title classes */
-        title?: (params: {
+        /** Function to generate dialog title classes */
+        dialogTitle?: (params: {
             contentType: ConnectedContentType;
         }) => string;
+        /** Function to generate back button classes */
+        backButton?: () => string;
         /** Function to generate close button classes */
         closeButton?: () => string;
         /** Function to generate main content classes */
@@ -3465,11 +3962,11 @@ type ConnectedModalCustomization = {
         /** Customization for ConnectionsContent component */
         connections?: ConnectionsContentCustomization;
         /** Customization for ConnectedModalTxHistory component */
-        txHistory?: Record<string, unknown>;
+        txHistory?: ConnectedModalTxHistoryCustomization;
         /** Customization for ScrollableChainList component */
-        chainList?: Record<string, unknown>;
+        chainList?: ScrollableChainListCustomization;
         /** Customization for ConnectedModalFooter component */
-        footer?: Record<string, unknown>;
+        footer?: ConnectedModalFooterCustomization;
     };
     /** Configuration options */
     config?: {
@@ -3530,6 +4027,28 @@ interface ConnectedModalProps extends Omit<ConnectButtonProps, 'className' | 'cu
  *   store={store}
  * />
  * ```
+ *
+ * @example Customizing DialogTitle
+ * ```tsx
+ * <ConnectedModal
+ *   customization={{
+ *     components: {
+ *       DialogTitle: ({ title, contentType, onBack, labels }) => (
+ *         <div className="custom-title">
+ *           {contentType !== 'main' && (
+ *             <button onClick={onBack}>{labels.back}</button>
+ *           )}
+ *           <h2>{title}</h2>
+ *         </div>
+ *       ),
+ *     },
+ *     classNames: {
+ *       dialogTitle: ({ contentType }) =>
+ *         contentType === 'main' ? 'main-title' : 'sub-title',
+ *     },
+ *   }}
+ * />
+ * ```
  */
 declare const ConnectedModal: React__default.ForwardRefExoticComponent<ConnectedModalProps & React__default.RefAttributes<HTMLDivElement>>;
 
@@ -3544,6 +4063,36 @@ type SlideConfig = {
     descriptionKey: keyof Record<string, string>;
 };
 type SlideDirection = -1 | 0 | 1;
+type AboutWalletsClassNames = {
+    section?: () => string;
+    slideContainer?: () => string;
+    slide?: (params: {
+        slideIndex: number;
+        totalSlides: number;
+    }) => string;
+    imageSection?: (params: {
+        slideIndex: number;
+    }) => string;
+    image?: (params: {
+        slideIndex: number;
+        imageLoaded: boolean;
+    }) => string;
+    contentSection?: (params: {
+        slideIndex: number;
+    }) => string;
+    title?: (params: {
+        slideIndex: number;
+    }) => string;
+    description?: (params: {
+        slideIndex: number;
+    }) => string;
+    navigation?: () => string;
+    indicator?: (params: {
+        index: number;
+        isActive: boolean;
+    }) => string;
+    status?: () => string;
+};
 type SectionProps = {
     className?: string;
     children: React__default.ReactNode;
@@ -3571,6 +4120,15 @@ type SlideProps = {
     labels: Record<string, string>;
     slideVariants?: Variants;
     slideTransition?: Transition;
+    imageVariants?: Variants;
+    imageTransition?: Transition;
+    /** ClassNames for nested customization */
+    classNames?: AboutWalletsClassNames;
+    /** Custom components */
+    components?: {
+        ImageSection?: ComponentType<ImageSectionProps>;
+        ContentSection?: ComponentType<ContentSectionProps$2>;
+    };
 };
 type ImageSectionProps = {
     slide: SlideConfig;
@@ -3580,12 +4138,18 @@ type ImageSectionProps = {
     slideIndex: number;
     className?: string;
     labels: Record<string, string>;
+    imageVariants?: Variants;
+    imageTransition?: Transition;
+    /** ClassNames for nested customization */
+    classNames?: AboutWalletsClassNames;
 };
 type ContentSectionProps$2 = {
     slide: SlideConfig;
     slideIndex: number;
     className?: string;
     labels: Record<string, string>;
+    /** ClassNames for nested customization */
+    classNames?: AboutWalletsClassNames;
 };
 type NavigationProps = {
     slides: SlideConfig[];
@@ -3593,6 +4157,10 @@ type NavigationProps = {
     onSlideChange: (index: number) => void;
     className?: string;
     labels: Record<string, string>;
+    /** ClassNames for nested customization */
+    classNames?: AboutWalletsClassNames;
+    /** Custom indicator component */
+    IndicatorComponent?: ComponentType<IndicatorProps$1>;
 };
 type IndicatorProps$1 = {
     slide: SlideConfig;
@@ -3640,47 +4208,7 @@ type AboutWalletsCustomization = {
         MotionDiv?: ComponentType<ComponentPropsWithoutRef<typeof motion.div>>;
     };
     /** Custom class name generators */
-    classNames?: {
-        /** Function to generate section classes */
-        section?: () => string;
-        /** Function to generate slide container classes */
-        slideContainer?: () => string;
-        /** Function to generate slide classes */
-        slide?: (params: {
-            slideIndex: number;
-            totalSlides: number;
-        }) => string;
-        /** Function to generate image section classes */
-        imageSection?: (params: {
-            slideIndex: number;
-        }) => string;
-        /** Function to generate image classes */
-        image?: (params: {
-            slideIndex: number;
-            imageLoaded: boolean;
-        }) => string;
-        /** Function to generate content section classes */
-        contentSection?: (params: {
-            slideIndex: number;
-        }) => string;
-        /** Function to generate title classes */
-        title?: (params: {
-            slideIndex: number;
-        }) => string;
-        /** Function to generate description classes */
-        description?: (params: {
-            slideIndex: number;
-        }) => string;
-        /** Function to generate navigation classes */
-        navigation?: () => string;
-        /** Function to generate indicator classes */
-        indicator?: (params: {
-            index: number;
-            isActive: boolean;
-        }) => string;
-        /** Function to generate status classes */
-        status?: () => string;
-    };
+    classNames?: AboutWalletsClassNames;
     /** Custom animation variants */
     variants?: {
         /** Slide animation variants */
@@ -3766,9 +4294,220 @@ interface AboutWalletsProps {
  * ```tsx
  * <AboutWallets />
  * ```
+ *
+ * @example With customization via provider
+ * ```tsx
+ * <AboutWallets
+ *   customization={{
+ *     classNames: {
+ *       section: () => 'my-custom-section',
+ *       title: ({ slideIndex }) => slideIndex === 0 ? 'text-blue-500' : 'text-green-500',
+ *       description: () => 'text-gray-400',
+ *       imageSection: () => 'bg-gradient-to-r from-purple-500 to-pink-500',
+ *       indicator: ({ isActive }) => isActive ? 'bg-blue-500 w-8' : 'bg-gray-300',
+ *     },
+ *   }}
+ * />
+ * ```
  */
 declare const AboutWallets: React__default.ForwardRefExoticComponent<AboutWalletsProps & React__default.RefAttributes<HTMLElement>>;
 
+/**
+ * @file RecentBadge component with comprehensive customization options and animated gradient border.
+ */
+
+/**
+ * Animation configuration for the gradient border effect
+ */
+interface BadgeAnimationConfig {
+    /** Animation duration in seconds */
+    duration: number;
+    /** Animation easing function - using valid framer-motion easing values */
+    ease: 'linear' | 'easeIn' | 'easeOut' | 'easeInOut' | 'circIn' | 'circOut' | 'circInOut' | 'backIn' | 'backOut' | 'backInOut' | 'anticipate';
+    /** Whether animation should repeat infinitely */
+    repeat: boolean;
+    /** Initial background position */
+    initialPosition: string;
+    /** Final background position */
+    finalPosition: string;
+}
+/**
+ * Gradient configuration for the border effect
+ */
+interface BadgeGradientConfig {
+    /** Direction of the gradient (e.g., '90deg', '45deg') */
+    direction: string;
+    /** Color stops for the gradient */
+    stops: Array<{
+        /** Position percentage (0-100) */
+        position: number;
+        /** Color value (CSS color, CSS variable, or rgba) */
+        color: string;
+    }>;
+    /** Background size for animation effect */
+    backgroundSize: string;
+}
+type ContainerProps$9 = {
+    className?: string;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-label'?: string;
+} & React__default.RefAttributes<HTMLSpanElement>;
+type AnimatedGradientProps = {
+    className?: string;
+    animated: boolean;
+    animationConfig: BadgeAnimationConfig;
+    gradientConfig: BadgeGradientConfig;
+};
+type BackgroundOverlayProps = {
+    className?: string;
+};
+type ContentProps = {
+    className?: string;
+    children: React__default.ReactNode;
+};
+/**
+ * Customization options for RecentBadge component
+ */
+type RecentBadgeCustomization = {
+    /** Custom components */
+    components?: {
+        /** Custom container wrapper */
+        Container?: ComponentType<ContainerProps$9>;
+        /** Custom animated gradient component */
+        AnimatedGradient?: ComponentType<AnimatedGradientProps>;
+        /** Custom background overlay */
+        BackgroundOverlay?: ComponentType<BackgroundOverlayProps>;
+        /** Custom content wrapper */
+        Content?: ComponentType<ContentProps>;
+    };
+    /** Custom class name generators */
+    classNames?: {
+        /** Function to generate container classes */
+        container?: (params: {
+            isTouch: boolean;
+            animated: boolean;
+        }) => string;
+        /** Function to generate animated gradient classes */
+        animatedGradient?: () => string;
+        /** Function to generate background overlay classes */
+        backgroundOverlay?: () => string;
+        /** Function to generate content classes */
+        content?: () => string;
+    };
+    /** Custom event handlers */
+    handlers?: {
+        /** Custom handler for animation start */
+        onAnimationStart?: () => void;
+        /** Custom handler for animation complete */
+        onAnimationComplete?: () => void;
+        /** Custom handler for component mount */
+        onMount?: () => void;
+        /** Custom handler for component unmount */
+        onUnmount?: () => void;
+    };
+    /** Configuration options */
+    config?: {
+        /** Custom animation configuration */
+        animation?: Partial<BadgeAnimationConfig>;
+        /** Custom gradient configuration */
+        gradient?: Partial<BadgeGradientConfig>;
+        /** Custom ARIA labels */
+        ariaLabels?: {
+            container?: string;
+        };
+        /** Touch device detection override */
+        touchDevice?: boolean;
+    };
+};
+/**
+ * Props for the RecentBadge component
+ */
+interface RecentBadgeProps {
+    /** Custom CSS classes for styling the container */
+    className?: string;
+    /** Content to display inside the badge */
+    children?: React__default.ReactNode;
+    /** Whether the gradient animation should be enabled */
+    animated?: boolean;
+    /** Custom ARIA label for accessibility */
+    'aria-label'?: string;
+    /** Customization options */
+    customization?: RecentBadgeCustomization;
+}
+/**
+ * Badge component with animated gradient border effect and comprehensive customization
+ *
+ * This component provides a visually appealing badge with:
+ * - Animated gradient border effect with customizable timing and colors
+ * - Touch-device responsive sizing for optimal mobile experience
+ * - Full accessibility support with proper ARIA labeling
+ * - Performance optimizations with memoized calculations
+ * - Customizable animations and gradient configurations
+ * - Full customization of all child components
+ * - Proper semantic HTML structure
+ *
+ * Visual features:
+ * - Smooth animated gradient border effect
+ * - Touch-responsive sizing (smaller on touch devices)
+ * - Customizable gradient colors and direction
+ * - Configurable animation timing and easing
+ * - Proper z-index layering for visual effects
+ *
+ * Accessibility features:
+ * - Proper ARIA role and labels
+ * - Screen reader friendly content structure
+ * - Semantic HTML with appropriate roles
+ * - Motion reduction respect (can be controlled via customization)
+ *
+ * @example Basic usage
+ * ```tsx
+ * <RecentBadge>Recent</RecentBadge>
+ * ```
+ *
+ * @example With custom animation
+ * ```tsx
+ * <RecentBadge
+ *   animated={false}
+ *   customization={{
+ *     config: {
+ *       animation: {
+ *         duration: 2,
+ *         ease: 'easeInOut'
+ *       }
+ *     }
+ *   }}
+ * >
+ *   Custom
+ * </RecentBadge>
+ * ```
+ *
+ * @example With full customization
+ * ```tsx
+ * <RecentBadge
+ *   customization={{
+ *     components: {
+ *       AnimatedGradient: CustomGradient,
+ *       Content: CustomContent
+ *     },
+ *     config: {
+ *       gradient: {
+ *         direction: '45deg',
+ *         stops: [
+ *           { position: 0, color: 'transparent' },
+ *           { position: 50, color: 'rgba(59, 130, 246, 0.8)' },
+ *           { position: 100, color: 'transparent' }
+ *         ]
+ *       }
+ *     }
+ *   }}
+ * >
+ *   Premium
+ * </RecentBadge>
+ * ```
+ */
+declare const RecentBadge: React__default.NamedExoticComponent<RecentBadgeProps & React__default.RefAttributes<HTMLSpanElement>>;
+
 /**
  * @file ConnectCard component with comprehensive customization options for wallet connection cards.
  */
@@ -4029,6 +4768,8 @@ type ConnectCardCustomization = {
     };
     /** NetworkIcons customization */
     networkIcons?: NetworkIconsCustomization;
+    /** RecentBadge customization */
+    recentBadge?: RecentBadgeCustomization;
 };
 /**
  * Props for the ConnectCard component
@@ -4148,7 +4889,7 @@ interface ConnectorItemData {
     /** Item index in the list */
     index: number;
 }
-type ContainerProps$7 = {
+type ContainerProps$8 = {
     className?: string;
     children: React__default.ReactNode;
     role?: string;
@@ -4194,7 +4935,7 @@ type ConnectorsBlockCustomization = {
     /** Custom components */
     components?: {
         /** Custom container wrapper */
-        Container?: ComponentType<ContainerProps$7>;
+        Container?: ComponentType<ContainerProps$8>;
         /** Custom title component */
         Title?: ComponentType<TitleProps$4>;
         /** Custom connectors list */
@@ -4268,6 +5009,8 @@ type ConnectorsBlockCustomization = {
     };
     /** ConnectCard customization for each connector card */
     connectCard?: ConnectCardCustomization;
+    /** WalletIcon customization for wallet icons */
+    walletIcon?: WalletIconCustomization;
 };
 /**
  * Props for the ConnectorsBlock component
@@ -4344,33 +5087,255 @@ interface ConnectorsBlockProps extends Pick<ConnectorsSelectionsProps, 'setIsOpe
  *   isOnlyOneNetwork={true}
  *   onClick={(group) => initiateConnection(group)}
  *   customization={{
- *     components: {
- *       Container: CustomConnectorsContainer,
- *       Title: CustomSectionTitle
- *     },
+ *     components: {
+ *       Container: CustomConnectorsContainer,
+ *       Title: CustomSectionTitle
+ *     },
+ *     classNames: {
+ *       connectorsList: ({ blockData }) =>
+ *         blockData.isTouch ? 'horizontal-scroll' : 'vertical-stack',
+ *       connectorItem: ({ itemData, blockData }) =>
+ *         itemData.isRecent ? 'recent-connector' : 'standard-connector'
+ *     },
+ *     handlers: {
+ *       onConnectorClick: (itemData, blockData, originalHandler) => {
+ *         analytics.track('connector_clicked', { wallet: itemData.name });
+ *         originalHandler(itemData.group);
+ *       }
+ *     },
+ *     connectCard: {
+ *       classNames: {
+ *         container: ({ cardData }) =>
+ *           cardData.isRecent ? 'bg-accent' : 'bg-default'
+ *       }
+ *     }
+ *   }}
+ * />
+ * ```
+ */
+declare const ConnectorsBlock: React__default.NamedExoticComponent<ConnectorsBlockProps & React__default.RefAttributes<HTMLElement>>;
+
+/**
+ * @file Disclaimer component with comprehensive customization options.
+ */
+
+/**
+ * Type definition for button actions
+ * Can be either a URL string for external links or a callback function
+ */
+type ButtonAction = string | (() => void);
+type ContainerProps$7 = {
+    className?: string;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+    'data-testid'?: string;
+    'aria-live'?: 'polite' | 'assertive' | 'off';
+} & React__default.RefAttributes<HTMLDivElement>;
+type ContentSectionProps$1 = {
+    className?: string;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-labelledby'?: string;
+};
+type TitleProps$3 = {
+    id: string;
+    className?: string;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-level'?: number;
+};
+type DescriptionProps$1 = {
+    id: string;
+    className?: string;
+    children: React__default.ReactNode;
+    role?: string;
+};
+type AdditionalContentProps = {
+    className?: string;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-label'?: string;
+};
+type ActionsProps = {
+    className?: string;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-label'?: string;
+};
+type ButtonProps = {
+    action: ButtonAction;
+    children: React__default.ReactNode;
+    'aria-label'?: string;
+    className?: string;
+    'data-testid'?: string;
+};
+type StatusProps = {
+    className?: string;
+    children?: React__default.ReactNode;
+    'aria-live'?: 'polite' | 'assertive' | 'off';
+    'aria-atomic'?: boolean;
+    role?: string;
+};
+/**
+ * Customization options for Disclaimer component
+ */
+type DisclaimerCustomization = {
+    /** Custom components */
+    components?: {
+        /** Custom container wrapper */
+        Container?: ComponentType<ContainerProps$7>;
+        /** Custom content section */
+        ContentSection?: ComponentType<ContentSectionProps$1>;
+        /** Custom title component */
+        Title?: ComponentType<TitleProps$3>;
+        /** Custom description component */
+        Description?: ComponentType<DescriptionProps$1>;
+        /** Custom additional content wrapper */
+        AdditionalContent?: ComponentType<AdditionalContentProps>;
+        /** Custom actions section */
+        Actions?: ComponentType<ActionsProps>;
+        /** Custom link button */
+        LinkButton?: ComponentType<ButtonProps>;
+        /** Custom action button */
+        ActionButton?: ComponentType<ButtonProps>;
+        /** Custom status component */
+        Status?: ComponentType<StatusProps>;
+    };
+    /** Custom class name generators */
+    classNames?: {
+        /** Function to generate container classes */
+        container?: (params: {
+            compact: boolean;
+        }) => string;
+        /** Function to generate content section classes */
+        contentSection?: (params: {
+            compact: boolean;
+        }) => string;
+        /** Function to generate title classes */
+        title?: (params: {
+            compact: boolean;
+        }) => string;
+        /** Function to generate description classes */
+        description?: () => string;
+        /** Function to generate additional content classes */
+        additionalContent?: () => string;
+        /** Function to generate actions classes */
+        actions?: () => string;
+        /** Function to generate button classes */
+        button?: (params: {
+            isLink: boolean;
+            isPrimary: boolean;
+        }) => string;
+        /** Function to generate status classes */
+        status?: () => string;
+    };
+    /** Custom event handlers */
+    handlers?: {
+        /** Custom handler for primary button action */
+        onLearnMoreAction?: () => void;
+        /** Custom handler for secondary button action */
+        onListAction?: () => void;
+        /** Custom handler for component mount */
+        onMount?: () => void;
+        /** Custom handler for component unmount */
+        onUnmount?: () => void;
+    };
+    /** Configuration options */
+    config?: {
+        /** Custom button labels */
+        buttonLabels?: {
+            learnMore?: string;
+            listAction?: string;
+        };
+        /** Custom ARIA labels */
+        ariaLabels?: {
+            container?: string;
+            contentSection?: string;
+            actions?: string;
+            additionalContent?: string;
+        };
+    };
+};
+/**
+ * Props for the Disclaimer component
+ */
+interface DisclaimerProps {
+    /** Main title text for the disclaimer */
+    title: string;
+    /** Descriptive text explaining the disclaimer content */
+    description: string;
+    /** Action for the primary "Learn More" button - can be URL or callback */
+    learnMoreAction: ButtonAction;
+    /** Optional action for the secondary "List of Networks" button */
+    listAction?: ButtonAction;
+    /** Custom CSS classes for styling the disclaimer container */
+    className?: string;
+    /** Optional custom ARIA label for enhanced accessibility */
+    'aria-label'?: string;
+    /** Whether to show the disclaimer in compact mode */
+    compact?: boolean;
+    /** Additional content to display below the description */
+    children?: React__default.ReactNode;
+    /** Custom test ID for testing purposes */
+    'data-testid'?: string;
+    /** Whether the disclaimer should be announced to screen readers */
+    announceToScreenReader?: boolean;
+    /** Customization options */
+    customization?: DisclaimerCustomization;
+}
+/**
+ * Educational disclaimer component with call-to-action buttons
+ *
+ * This component provides educational content with actionable buttons for:
+ * - Informational disclaimers about wallets, networks, or other concepts
+ * - Educational content with "Learn More" functionality
+ * - Network information with optional "List of Networks" access
+ * - Responsive layout with proper spacing and visual hierarchy
+ * - Full WCAG accessibility compliance with screen reader support
+ * - Keyboard navigation with proper focus management
+ * - Semantic HTML structure with comprehensive ARIA labeling
+ * - Internationalization support for button labels
+ * - Support for both internal callbacks and external links
+ * - Flexible content areas with optional children support
+ * - Full customization of all child components
+ *
+ * The component automatically handles different action types:
+ * - **String actions**: Rendered as external links with security attributes
+ * - **Function actions**: Rendered as buttons with callback execution
+ * - **Mixed actions**: Can combine both types for different buttons
+ *
+ * @example Basic usage
+ * ```tsx
+ * <Disclaimer
+ *   title="What is a wallet?"
+ *   description="Wallets are essential for managing your crypto..."
+ *   learnMoreAction={() => setContentType('about')}
+ *   listAction="https://example.com/networks"
+ * />
+ * ```
+ *
+ * @example With customization
+ * ```tsx
+ * <Disclaimer
+ *   title="Network Information"
+ *   description="Choose the right network for your transactions"
+ *   learnMoreAction={handleLearnMore}
+ *   compact
+ *   customization={{
  *     classNames: {
- *       connectorsList: ({ blockData }) =>
- *         blockData.isTouch ? 'horizontal-scroll' : 'vertical-stack',
- *       connectorItem: ({ itemData, blockData }) =>
- *         itemData.isRecent ? 'recent-connector' : 'standard-connector'
- *     },
- *     handlers: {
- *       onConnectorClick: (itemData, blockData, originalHandler) => {
- *         analytics.track('connector_clicked', { wallet: itemData.name });
- *         originalHandler(itemData.group);
- *       }
+ *       container: ({ compact }) => compact ? 'custom-compact' : 'custom-full',
+ *       title: () => 'custom-title-styling'
  *     },
- *     connectCard: {
- *       classNames: {
- *         container: ({ cardData }) =>
- *           cardData.isRecent ? 'bg-accent' : 'bg-default'
- *       }
+ *     components: {
+ *       LinkButton: CustomLinkButton
  *     }
  *   }}
  * />
  * ```
  */
-declare const ConnectorsBlock: React__default.NamedExoticComponent<ConnectorsBlockProps & React__default.RefAttributes<HTMLElement>>;
+declare const Disclaimer: React__default.ForwardRefExoticComponent<DisclaimerProps & React__default.RefAttributes<HTMLDivElement>>;
 
 /**
  * @file ConnectorsSelections component with comprehensive customization options and categorized connector display.
@@ -4478,7 +5443,7 @@ type ConnectorsSelectionsCustomization = {
         ImpersonateTitle?: ComponentType<ImpersonateTitleProps>;
         /** Custom empty state */
         EmptyState?: ComponentType<EmptyStateProps>;
-        /** Custom disclaimer section */
+        /** Custom disclaimer section wrapper */
         DisclaimerSection?: ComponentType<DisclaimerSectionProps>;
     };
     /** Custom class name generators */
@@ -4520,6 +5485,8 @@ type ConnectorsSelectionsCustomization = {
         onImpersonateClick?: (impersonateData: ImpersonateSectionData, selectionsData: ConnectorsSelectionsData, originalHandler: () => void) => void;
         /** Custom empty state action handler */
         onEmptyStateAction?: (selectionsData: ConnectorsSelectionsData) => void;
+        /** Custom disclaimer learn more action handler */
+        onDisclaimerLearnMore?: (selectionsData: ConnectorsSelectionsData, originalHandler: () => void) => void;
     };
     /** Configuration options */
     config?: {
@@ -4559,6 +5526,8 @@ type ConnectorsSelectionsCustomization = {
     };
     /** ConnectCard customization for impersonate card */
     impersonateCard?: ConnectCardCustomization;
+    /** Disclaimer customization */
+    disclaimer?: DisclaimerCustomization;
 };
 /**
  * Props for the ConnectorsSelections component
@@ -4639,7 +5608,7 @@ interface ConnectorsSelectionsProps extends Pick<NovaConnectProviderProps, 'with
  * />
  * ```
  *
- * @example With full customization
+ * @example With full customization including disclaimer
  * ```tsx
  * <ConnectorsSelections
  *   selectedAdapter={undefined}
@@ -4659,19 +5628,21 @@ interface ConnectorsSelectionsProps extends Pick<NovaConnectProviderProps, 'with
  *     classNames: {
  *       connectorsArea: ({ selectionsData }) =>
  *         selectionsData.isTouch ? 'horizontal-scroll' : 'vertical-stack',
- *       impersonateSection: ({ impersonateData }) =>
- *         impersonateData.isTouch ? 'touch-impersonate' : 'mouse-impersonate'
  *     },
  *     handlers: {
- *       onImpersonateClick: (impersonateData, selectionsData, originalHandler) => {
- *         analytics.track('impersonate_clicked');
+ *       onDisclaimerLearnMore: (selectionsData, originalHandler) => {
+ *         analytics.track('disclaimer_learn_more_clicked');
  *         originalHandler();
  *       }
  *     },
- *     connectorsBlock: {
- *       installed: {
- *         classNames: {
- *           title: () => 'custom-installed-title'
+ *     disclaimer: {
+ *       classNames: {
+ *         container: ({ compact }) => 'custom-disclaimer-container',
+ *         title: ({ compact }) => 'custom-disclaimer-title'
+ *       },
+ *       config: {
+ *         buttonLabels: {
+ *           learnMore: 'Read More'
  *         }
  *       }
  *     }
@@ -4767,18 +5738,18 @@ type WalletIconProps = {
     enableAnimations: boolean;
     className?: string;
 };
-type ContentSectionProps$1 = {
+type ContentSectionProps = {
     className?: string;
     children: React__default.ReactNode;
     role?: string;
 };
-type TitleProps$3 = {
+type TitleProps$2 = {
     className?: string;
     children: React__default.ReactNode;
     role?: string;
     'aria-level'?: number;
 };
-type DescriptionProps$1 = {
+type DescriptionProps = {
     className?: string;
     children: React__default.ReactNode;
     role?: string;
@@ -4806,11 +5777,11 @@ type GetWalletCustomization = {
         /** Custom wallet icon display */
         WalletIcon?: ComponentType<WalletIconProps>;
         /** Custom content section */
-        ContentSection?: ComponentType<ContentSectionProps$1>;
+        ContentSection?: ComponentType<ContentSectionProps>;
         /** Custom title component */
-        Title?: ComponentType<TitleProps$3>;
+        Title?: ComponentType<TitleProps$2>;
         /** Custom description component */
-        Description?: ComponentType<DescriptionProps$1>;
+        Description?: ComponentType<DescriptionProps>;
         /** Custom screen reader component */
         ScreenReader?: ComponentType<ScreenReaderProps>;
     };
@@ -4999,6 +5970,15 @@ type ErrorMessageProps$2 = {
     role?: string;
     'aria-live'?: 'polite' | 'assertive';
 } & React__default.RefAttributes<HTMLParagraphElement>;
+type ResolvingStatusProps = {
+    isResolving: boolean;
+    domainType: 'ENS' | 'SNS' | '';
+    className?: string;
+};
+type ResolvedAddressProps = {
+    resolvedAddress: string;
+    className?: string;
+};
 /**
  * Customization options for ImpersonateForm component
  */
@@ -5013,6 +5993,10 @@ type ImpersonateFormCustomization = {
         Input?: ComponentType<InputProps>;
         /** Custom error message component */
         ErrorMessage?: ComponentType<ErrorMessageProps$2>;
+        /** Custom resolving status component */
+        ResolvingStatus?: ComponentType<ResolvingStatusProps>;
+        /** Custom resolved address display component */
+        ResolvedAddress?: ComponentType<ResolvedAddressProps>;
     };
     /** Custom class name generators */
     classNames?: {
@@ -5027,6 +6011,10 @@ type ImpersonateFormCustomization = {
         }) => string;
         /** Function to generate error message classes */
         errorMessage?: () => string;
+        /** Function to generate resolving status classes */
+        resolvingStatus?: () => string;
+        /** Function to generate resolved address classes */
+        resolvedAddress?: () => string;
     };
     /** Custom event handlers */
     handlers?: {
@@ -5085,226 +6073,206 @@ interface ImpersonateFormProps {
 declare const ImpersonateForm: React__default.ForwardRefExoticComponent<ImpersonateFormProps & React__default.RefAttributes<HTMLDivElement>>;
 
 /**
- * @file Disclaimer component with comprehensive customization options.
- */
-
+ * Legal disclaimer data for customization context
+ */
+interface LegalDisclaimerData {
+    /** Whether terms URL is available */
+    hasTerms: boolean;
+    /** Whether privacy URL is available */
+    hasPrivacy: boolean;
+    /** Whether both URLs are available */
+    hasBoth: boolean;
+    /** Terms URL */
+    termsUrl?: string;
+    /** Privacy URL */
+    privacyUrl?: string;
+}
 /**
- * Type definition for button actions
- * Can be either a URL string for external links or a callback function
+ * Props for custom container component
  */
-type ButtonAction = string | (() => void);
 type ContainerProps$3 = {
     className?: string;
-    children: React__default.ReactNode;
+    children: ReactNode;
+    disclaimerData: LegalDisclaimerData;
     role?: string;
     'aria-label'?: string;
-    'aria-describedby'?: string;
-    'data-testid'?: string;
-    'aria-live'?: 'polite' | 'assertive' | 'off';
-} & React__default.RefAttributes<HTMLDivElement>;
-type ContentSectionProps = {
-    className?: string;
-    children: React__default.ReactNode;
-    role?: string;
-    'aria-labelledby'?: string;
-};
-type TitleProps$2 = {
-    id: string;
-    className?: string;
-    children: React__default.ReactNode;
-    role?: string;
-    'aria-level'?: number;
-};
-type DescriptionProps = {
-    id: string;
-    className?: string;
-    children: React__default.ReactNode;
-    role?: string;
 };
-type AdditionalContentProps = {
+/**
+ * Props for custom text component
+ */
+type TextProps = {
     className?: string;
-    children: React__default.ReactNode;
-    role?: string;
-    'aria-label'?: string;
+    children: ReactNode;
+    disclaimerData: LegalDisclaimerData;
 };
-type ActionsProps = {
+/**
+ * Props for custom terms link component
+ */
+type TermsLinkProps = {
     className?: string;
-    children: React__default.ReactNode;
-    role?: string;
-    'aria-label'?: string;
+    href: string;
+    children: ReactNode;
+    disclaimerData: LegalDisclaimerData;
+    target?: string;
+    rel?: string;
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
 };
-type ButtonProps = {
-    action: ButtonAction;
-    children: React__default.ReactNode;
-    'aria-label'?: string;
+/**
+ * Props for custom privacy link component
+ */
+type PrivacyLinkProps = {
     className?: string;
-    'data-testid'?: string;
+    href: string;
+    children: ReactNode;
+    disclaimerData: LegalDisclaimerData;
+    target?: string;
+    rel?: string;
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
 };
-type StatusProps = {
+/**
+ * Props for custom separator component
+ */
+type SeparatorProps = {
     className?: string;
-    children?: React__default.ReactNode;
-    'aria-live'?: 'polite' | 'assertive' | 'off';
-    'aria-atomic'?: boolean;
-    role?: string;
+    children?: ReactNode;
+    disclaimerData: LegalDisclaimerData;
 };
 /**
- * Customization options for Disclaimer component
+ * Customization options for LegalDisclaimer component
  */
-type DisclaimerCustomization = {
+type LegalDisclaimerCustomization = {
     /** Custom components */
     components?: {
         /** Custom container wrapper */
         Container?: ComponentType<ContainerProps$3>;
-        /** Custom content section */
-        ContentSection?: ComponentType<ContentSectionProps>;
-        /** Custom title component */
-        Title?: ComponentType<TitleProps$2>;
-        /** Custom description component */
-        Description?: ComponentType<DescriptionProps>;
-        /** Custom additional content wrapper */
-        AdditionalContent?: ComponentType<AdditionalContentProps>;
-        /** Custom actions section */
-        Actions?: ComponentType<ActionsProps>;
-        /** Custom link button */
-        LinkButton?: ComponentType<ButtonProps>;
-        /** Custom action button */
-        ActionButton?: ComponentType<ButtonProps>;
-        /** Custom status component */
-        Status?: ComponentType<StatusProps>;
+        /** Custom text component */
+        Text?: ComponentType<TextProps>;
+        /** Custom terms link component */
+        TermsLink?: ComponentType<TermsLinkProps>;
+        /** Custom privacy link component */
+        PrivacyLink?: ComponentType<PrivacyLinkProps>;
+        /** Custom separator component between terms and privacy */
+        Separator?: ComponentType<SeparatorProps>;
     };
     /** Custom class name generators */
     classNames?: {
         /** Function to generate container classes */
         container?: (params: {
-            compact: boolean;
+            disclaimerData: LegalDisclaimerData;
         }) => string;
-        /** Function to generate content section classes */
-        contentSection?: (params: {
-            compact: boolean;
+        /** Function to generate text classes */
+        text?: (params: {
+            disclaimerData: LegalDisclaimerData;
         }) => string;
-        /** Function to generate title classes */
-        title?: (params: {
-            compact: boolean;
+        /** Function to generate terms link classes */
+        termsLink?: (params: {
+            disclaimerData: LegalDisclaimerData;
         }) => string;
-        /** Function to generate description classes */
-        description?: () => string;
-        /** Function to generate additional content classes */
-        additionalContent?: () => string;
-        /** Function to generate actions classes */
-        actions?: () => string;
-        /** Function to generate button classes */
-        button?: (params: {
-            isLink: boolean;
-            isPrimary: boolean;
+        /** Function to generate privacy link classes */
+        privacyLink?: (params: {
+            disclaimerData: LegalDisclaimerData;
+        }) => string;
+        /** Function to generate separator classes */
+        separator?: (params: {
+            disclaimerData: LegalDisclaimerData;
         }) => string;
-        /** Function to generate status classes */
-        status?: () => string;
     };
     /** Custom event handlers */
     handlers?: {
-        /** Custom handler for primary button action */
-        onLearnMoreAction?: () => void;
-        /** Custom handler for secondary button action */
-        onListAction?: () => void;
-        /** Custom handler for component mount */
-        onMount?: () => void;
-        /** Custom handler for component unmount */
-        onUnmount?: () => void;
+        /** Custom click handler for terms link */
+        onTermsClick?: (disclaimerData: LegalDisclaimerData, originalHandler: (url: string) => void) => void;
+        /** Custom click handler for privacy link */
+        onPrivacyClick?: (disclaimerData: LegalDisclaimerData, originalHandler: (url: string) => void) => void;
     };
     /** Configuration options */
     config?: {
-        /** Custom button labels */
-        buttonLabels?: {
-            learnMore?: string;
-            listAction?: string;
-        };
         /** Custom ARIA labels */
         ariaLabels?: {
-            container?: string;
-            contentSection?: string;
-            actions?: string;
-            additionalContent?: string;
+            container?: (disclaimerData: LegalDisclaimerData) => string;
+        };
+        /** Link behavior configuration */
+        links?: {
+            /** Whether to open links in new tab */
+            openInNewTab?: boolean;
+            /** Custom rel attribute for security */
+            rel?: string;
+        };
+        /** Display configuration */
+        display?: {
+            /** Show terms link */
+            showTerms?: boolean;
+            /** Show privacy link */
+            showPrivacy?: boolean;
+            /** Custom separator text */
+            separatorText?: string;
         };
     };
 };
 /**
- * Props for the Disclaimer component
+ * Props for LegalDisclaimer component
  */
-interface DisclaimerProps {
-    /** Main title text for the disclaimer */
-    title: string;
-    /** Descriptive text explaining the disclaimer content */
-    description: string;
-    /** Action for the primary "Learn More" button - can be URL or callback */
-    learnMoreAction: ButtonAction;
-    /** Optional action for the secondary "List of Networks" button */
-    listAction?: ButtonAction;
-    /** Custom CSS classes for styling the disclaimer container */
-    className?: string;
-    /** Optional custom ARIA label for enhanced accessibility */
-    'aria-label'?: string;
-    /** Whether to show the disclaimer in compact mode */
-    compact?: boolean;
-    /** Additional content to display below the description */
-    children?: React__default.ReactNode;
-    /** Custom test ID for testing purposes */
-    'data-testid'?: string;
-    /** Whether the disclaimer should be announced to screen readers */
-    announceToScreenReader?: boolean;
+interface LegalDisclaimerProps {
     /** Customization options */
-    customization?: DisclaimerCustomization;
+    customization?: LegalDisclaimerCustomization;
 }
 /**
- * Educational disclaimer component with call-to-action buttons
+ * LegalDisclaimer component - Displays Terms of Service and Privacy Policy links with full customization.
  *
- * This component provides educational content with actionable buttons for:
- * - Informational disclaimers about wallets, networks, or other concepts
- * - Educational content with "Learn More" functionality
- * - Network information with optional "List of Networks" access
- * - Responsive layout with proper spacing and visual hierarchy
- * - Full WCAG accessibility compliance with screen reader support
- * - Keyboard navigation with proper focus management
- * - Semantic HTML structure with comprehensive ARIA labeling
- * - Internationalization support for button labels
- * - Support for both internal callbacks and external links
- * - Flexible content areas with optional children support
- * - Full customization of all child components
+ * Renders legal disclaimer text with links based on the `legal` configuration
+ * passed to NovaConnectProvider. Returns null if neither termsUrl nor privacyUrl
+ * is provided.
  *
- * The component automatically handles different action types:
- * - **String actions**: Rendered as external links with security attributes
- * - **Function actions**: Rendered as buttons with callback execution
- * - **Mixed actions**: Can combine both types for different buttons
+ * Features:
+ * - Customizable container, text, and link components
+ * - Dynamic styling through classNames generators
+ * - Custom event handlers for link clicks
+ * - Configurable link behavior and display options
+ * - Full accessibility support with ARIA labels
+ * - Screen reader friendly content structure
  *
  * @example Basic usage
  * ```tsx
- * <Disclaimer
- *   title="What is a wallet?"
- *   description="Wallets are essential for managing your crypto..."
- *   learnMoreAction={() => setContentType('about')}
- *   listAction="https://example.com/networks"
- * />
+ * <LegalDisclaimer />
  * ```
  *
- * @example With customization
+ * @example With full customization
  * ```tsx
- * <Disclaimer
- *   title="Network Information"
- *   description="Choose the right network for your transactions"
- *   learnMoreAction={handleLearnMore}
- *   compact
+ * <LegalDisclaimer
  *   customization={{
+ *     components: {
+ *       Container: CustomContainer,
+ *       TermsLink: CustomTermsLink
+ *     },
  *     classNames: {
- *       container: ({ compact }) => compact ? 'custom-compact' : 'custom-full',
- *       title: () => 'custom-title-styling'
+ *       termsLink: ({ disclaimerData }) =>
+ *         'text-blue-500 font-semibold',
+ *       privacyLink: ({ disclaimerData }) =>
+ *         'text-blue-500 font-semibold'
  *     },
- *     components: {
- *       LinkButton: CustomLinkButton
+ *     handlers: {
+ *       onTermsClick: (disclaimerData, originalHandler) => {
+ *         analytics.track('terms_clicked');
+ *         originalHandler(disclaimerData.termsUrl!);
+ *       }
+ *     },
+ *     config: {
+ *       display: {
+ *         separatorText: ' | '
+ *       },
+ *       links: {
+ *         openInNewTab: true
+ *       }
  *     }
  *   }}
  * />
  * ```
+ *
+ * @public
  */
-declare const Disclaimer: React__default.ForwardRefExoticComponent<DisclaimerProps & React__default.RefAttributes<HTMLDivElement>>;
+declare function LegalDisclaimer({ customization }: LegalDisclaimerProps): react_jsx_runtime.JSX.Element | null;
+declare namespace LegalDisclaimer {
+    var displayName: string;
+}
 
 /**
  * @file NetworkSelections component with comprehensive customization options for network selection.
@@ -6117,6 +7085,8 @@ type ConnectModalCustomization = {
         networkSelections?: NetworkSelectionsCustomization;
         /** NetworkTabs customization */
         networkTabs?: NetworkTabsCustomization;
+        /** LegalDisclaimer customization */
+        legalDisclaimer?: LegalDisclaimerCustomization;
     };
 };
 
@@ -6322,6 +7292,8 @@ type ConnectingCustomization = {
             }>;
         };
     };
+    /** WalletIcon customization (for the wallet icon shown during connection) */
+    walletIcon?: WalletIconCustomization;
 };
 /**
  * Connection status component props interface
@@ -6499,4 +7471,4 @@ interface ToastErrorProps extends Omit<ComponentPropsWithoutRef<'div'>, 'role' |
  */
 declare const ToastError: React$1.ForwardRefExoticComponent<ToastErrorProps & React$1.RefAttributes<HTMLDivElement>>;
 
-export { type ConnectorsBlockData as $, type ConnectedModalMainContentCustomization as A, type ConnectedModalMainContentProps as B, type ChainListRendererCustomization as C, ConnectedModalMainContent as D, type ConnectedModalNameAndBalanceCustomization as E, type ConnectedModalNameAndBalanceProps as F, ConnectedModalNameAndBalance as G, type ConnectedModalTxHistoryCustomization as H, type ConnectedModalTxHistoryProps as I, ConnectedModalTxHistory as J, type IconButtonCustomization as K, type IconButtonProps as L, IconButton as M, type AboutWalletsCustomization as N, type AboutWalletsProps as O, AboutWallets as P, type ConnectCardData as Q, type NetworkIconsCustomization as R, type ScrollableChainListCustomization as S, type ConnectCardCustomization as T, ConnectCard as U, type ConnectionState as V, type WaitForConnectionContentCustomization as W, type ConnectingStatusData as X, type ConnectingCustomization as Y, type ConnectingProps as Z, Connecting as _, type ChainListRendererProps as a, type ConnectorItemData as a0, type ConnectorsBlockCustomization as a1, ConnectorsBlock as a2, type ConnectorsSelectionsData as a3, type ImpersonateSectionData as a4, type ConnectorsSelectionsCustomization as a5, type ConnectorsSelectionsProps as a6, ConnectorsSelections as a7, type DisclaimerCustomization as a8, type DisclaimerProps as a9, type ToTopButtonProps as aA, ToTopButton as aB, type WalletAvatarSize as aC, type WalletAvatarCustomization as aD, type WalletAvatarProps as aE, WalletAvatar as aF, type WalletIconCustomization as aG, type WalletIconProps$1 as aH, WalletIcon as aI, type ConnectModalCustomization as aJ, Disclaimer as aa, type WalletIconConfig as ab, type GetWalletCustomization as ac, type GetWalletProps as ad, GetWallet as ae, type ValidationConfig as af, type ImpersonateFormCustomization as ag, type ImpersonateFormProps as ah, ImpersonateForm as ai, type NetworkSelectionsData as aj, type NetworkSelectionsCustomization as ak, NetworkSelections as al, type AnimationConfig as am, type NetworkTabData as an, type NetworkTabsCustomization as ao, type NetworkTabsProps as ap, NetworkTabs as aq, type SelectContentAnimatedProps as ar, SelectContentAnimated as as, type ToastErrorCustomization as at, type ToastErrorProps as au, ToastError as av, type ToBottomButtonCustomization as aw, type ToBottomButtonProps as ax, ToBottomButton as ay, type ToTopButtonCustomization as az, ChainListRenderer as b, type ChainTriggerButtonCustomization as c, type ChainSelectorCustomization as d, type ChainSelectorProps as e, ChainSelector as f, type ScrollableChainListProps as g, ScrollableChainList as h, type ConnectButtonData as i, type ConnectButtonCustomization as j, type ConnectButtonProps as k, ConnectButton as l, type ConnectedContentCustomization as m, type ConnectedContentProps as n, ConnectedContent as o, type StatusIconCustomization as p, type StatusIconProps$1 as q, StatusIcon as r, type WaitForConnectionContentProps as s, WaitForConnectionContent as t, type ConnectedModalCustomization as u, type ConnectedModalProps as v, ConnectedModal as w, type ConnectedModalFooterCustomization as x, type ConnectedModalFooterProps as y, ConnectedModalFooter as z };
+export { type AboutWalletsCustomization as $, WaitForConnectionContent as A, type BalanceData as B, type ConnectModalCustomization as C, type ConnectedModalProps as D, type EmptyStateProps$2 as E, ConnectedModal as F, type ConnectedModalFooterCustomization as G, type ConnectedModalFooterProps as H, ConnectedModalFooter as I, type ConnectedModalMainContentCustomization as J, type ConnectedModalMainContentProps as K, type LoadingStateProps as L, ConnectedModalMainContent as M, type ConnectedModalNameAndBalanceCustomization as N, type ConnectedModalNameAndBalanceProps as O, ConnectedModalNameAndBalance as P, type LocalTransactionsHistoryCustomization as Q, type RefreshButtonProps as R, type ScrollableChainListCustomization as S, type ToastErrorCustomization as T, type ConnectedModalTxHistoryCustomization as U, type ConnectedModalTxHistoryProps as V, type WaitForConnectionContentCustomization as W, ConnectedModalTxHistory as X, type IconButtonCustomization as Y, type IconButtonProps as Z, IconButton as _, type ConnectedModalCustomization as a, type WalletIconProps$1 as a$, type AboutWalletsProps as a0, AboutWallets as a1, type ConnectCardData as a2, type NetworkIconsCustomization as a3, type ConnectCardCustomization as a4, ConnectCard as a5, type ConnectionState as a6, type ConnectingStatusData as a7, type ConnectingCustomization as a8, type ConnectingProps as a9, type NetworkSelectionsCustomization as aA, NetworkSelections as aB, type AnimationConfig as aC, type NetworkTabData as aD, type NetworkTabsCustomization as aE, type NetworkTabsProps as aF, NetworkTabs as aG, type BadgeAnimationConfig as aH, type BadgeGradientConfig as aI, type RecentBadgeCustomization as aJ, type RecentBadgeProps as aK, RecentBadge as aL, type SelectContentAnimatedProps as aM, SelectContentAnimated as aN, type ToastErrorProps as aO, ToastError as aP, type ToBottomButtonCustomization as aQ, type ToBottomButtonProps as aR, ToBottomButton as aS, type ToTopButtonCustomization as aT, type ToTopButtonProps as aU, ToTopButton as aV, type WalletAvatarSize as aW, type WalletAvatarCustomization as aX, type WalletAvatarProps as aY, WalletAvatar as aZ, type WalletIconCustomization as a_, Connecting as aa, type ConnectorsBlockData as ab, type ConnectorItemData as ac, type ConnectorsBlockCustomization as ad, ConnectorsBlock as ae, type ConnectorsSelectionsData as af, type ImpersonateSectionData as ag, type ConnectorsSelectionsCustomization as ah, type ConnectorsSelectionsProps as ai, ConnectorsSelections as aj, type DisclaimerCustomization as ak, type DisclaimerProps as al, Disclaimer as am, type WalletIconConfig as an, type GetWalletCustomization as ao, type GetWalletProps as ap, GetWallet as aq, type ValidationConfig as ar, type ImpersonateFormCustomization as as, type ImpersonateFormProps as at, ImpersonateForm as au, type LegalDisclaimerData as av, type LegalDisclaimerCustomization as aw, type LegalDisclaimerProps as ax, LegalDisclaimer as ay, type NetworkSelectionsData as az, type BalanceDisplayLabels as b, WalletIcon as b0, type BalanceValueProps as c, type BalanceDisplayCustomization as d, type BalanceDisplayProps$1 as e, BalanceDisplay as f, type ChainListRendererCustomization as g, type ChainListRendererProps as h, ChainListRenderer as i, type ChainTriggerButtonCustomization as j, type ChainSelectorCustomization as k, type ChainSelectorProps as l, ChainSelector as m, type ScrollableChainListProps as n, ScrollableChainList as o, type ConnectButtonData as p, type ConnectButtonCustomization as q, type ConnectButtonProps as r, ConnectButton as s, type ConnectedContentCustomization as t, type ConnectedContentProps as u, ConnectedContent as v, type StatusIconCustomization as w, type StatusIconProps$1 as x, StatusIcon as y, type WaitForConnectionContentProps as z };