@tuwaio/nova-connect 1.0.0-fix-test-alpha.57.ba01e3f → 1.0.0-fix-test-alpha.59.8fde9e1

package/dist/index.d.ts

@@ -8,7 +8,6 @@ import { TransactionPool, Transaction, TxAdapter } from '@tuwaio/pulsar-core';
 import { ISatelliteConnectStore, BaseWallet } from '@tuwaio/satellite-core';
 import { StoreApi } from 'zustand/index';
 import { Dialog, DialogContent, StarsBackground } from '@tuwaio/nova-core';
-import { Connector as Connector$1 } from '@tuwaio/satellite-react';
 
 /**
  * @file Highly customizable chain list renderer with comprehensive styling and behavior control.
@@ -1470,7 +1469,7 @@ type StatusIconCustomization = {
         reduceMotion?: boolean;
     };
 };
-interface StatusIconProps extends Omit<HTMLMotionProps<'div'>, 'children' | 'initial' | 'animate' | 'exit' | 'variants' | 'transition'> {
+interface StatusIconProps$1 extends Omit<HTMLMotionProps<'div'>, 'children' | 'initial' | 'animate' | 'exit' | 'variants' | 'transition'> {
     /** Transaction status type */
     txStatus: 'succeed' | 'failed' | 'replaced';
     /** Color variable name (without --tuwa- prefix) */
@@ -1538,7 +1537,7 @@ interface StatusIconProps extends Omit<HTMLMotionProps<'div'>, 'children' | 'ini
  * </StatusIcon>
  * ```
  */
-declare const StatusIcon: React$1.ForwardRefExoticComponent<Omit<StatusIconProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const StatusIcon: React$1.ForwardRefExoticComponent<Omit<StatusIconProps$1, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * @file ConnectedContent component displays wallet connection status with transaction monitoring and comprehensive customization options.
@@ -3596,7 +3595,7 @@ type BackButtonProps = {
     className?: string;
     style?: React__default.CSSProperties;
 };
-type TitleProps$2 = {
+type TitleProps$5 = {
     title: string;
     className?: string;
     style?: React__default.CSSProperties;
@@ -3653,7 +3652,7 @@ type ConnectedModalCustomization = {
         /** Custom back button component */
         BackButton?: ComponentType<BackButtonProps>;
         /** Custom title component */
-        Title?: ComponentType<TitleProps$2>;
+        Title?: ComponentType<TitleProps$5>;
         /** Custom close button component */
         CloseButton?: ComponentType<CloseButtonProps>;
         /** Custom main content component */
@@ -4145,18 +4144,343 @@ interface AboutWalletsProps {
 declare const AboutWallets: React__default.ForwardRefExoticComponent<AboutWalletsProps & React__default.RefAttributes<HTMLElement>>;
 
 /**
- * Props for the NetworkIcons component
+ * @file ConnectCard component with comprehensive customization options for wallet connection cards.
  */
-interface NetworkIconsProps {
-    /** Array of network adapters to display as icons */
+
+/**
+ * Network data for display
+ */
+interface NetworkData$1 {
+    /** Network adapter */
+    adapter: OrbitAdapter;
+    /** Chain ID for icon display */
+    chainId?: number | string;
+    /** Network display name */
+    name?: string;
+    /** Network index in list */
+    index: number;
+}
+/**
+ * Connect card data
+ */
+interface ConnectCardData {
+    /** Primary title/name */
+    title: string;
+    /** Optional subtitle */
+    subtitle?: string;
+    /** Whether card is recent */
+    isRecent: boolean;
+    /** Whether touch device */
+    isTouch: boolean;
+    /** Info link URL */
+    infoLink?: string;
+    /** Network adapters */
     adapters?: OrbitAdapter[];
-    /** Whether only one network is available */
+    /** Whether only one network */
     isOnlyOneNetwork?: boolean;
+    /** Network count for overflow */
+    networkCount: number;
+    /** Visible networks */
+    visibleNetworks: NetworkData$1[];
+    /** Overflow count */
+    overflowCount: number;
 }
+type NetworkIconsContainerProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-label'?: string;
+    cardData: ConnectCardData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type NetworkIconProps$1 = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-label'?: string;
+    networkData: NetworkData$1;
+    cardData: ConnectCardData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type NetworkOverflowProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-label'?: string;
+    overflowCount: number;
+    cardData: ConnectCardData;
+} & React__default.RefAttributes<HTMLDivElement>;
+/**
+ * NetworkIcons customization options
+ */
+type NetworkIconsCustomization = {
+    /** Custom components */
+    components?: {
+        /** Custom container wrapper */
+        Container?: ComponentType<NetworkIconsContainerProps>;
+        /** Custom network icon */
+        NetworkIcon?: ComponentType<NetworkIconProps$1>;
+        /** Custom overflow indicator */
+        OverflowIndicator?: ComponentType<NetworkOverflowProps>;
+    };
+    /** Custom class name generators */
+    classNames?: {
+        /** Function to generate container classes */
+        container?: (params: {
+            cardData: ConnectCardData;
+        }) => string;
+        /** Function to generate network icon classes */
+        networkIcon?: (params: {
+            networkData: NetworkData$1;
+            cardData: ConnectCardData;
+        }) => string;
+        /** Function to generate overflow indicator classes */
+        overflowIndicator?: (params: {
+            overflowCount: number;
+            cardData: ConnectCardData;
+        }) => string;
+    };
+    /** Custom style generators */
+    styles?: {
+        /** Function to generate container styles */
+        container?: (params: {
+            cardData: ConnectCardData;
+        }) => React__default.CSSProperties;
+        /** Function to generate network icon styles */
+        networkIcon?: (params: {
+            networkData: NetworkData$1;
+            cardData: ConnectCardData;
+        }) => React__default.CSSProperties;
+        /** Function to generate overflow indicator styles */
+        overflowIndicator?: (params: {
+            overflowCount: number;
+            cardData: ConnectCardData;
+        }) => React__default.CSSProperties;
+    };
+};
+type CardContainerProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    type?: 'button';
+    onClick?: () => void;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+    cardData: ConnectCardData;
+} & React__default.RefAttributes<HTMLButtonElement>;
+type CardContentProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    cardData: ConnectCardData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type IconContainerProps$1 = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-label'?: string;
+    cardData: ConnectCardData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type IconWrapperProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    cardData: ConnectCardData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type TextContainerProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    cardData: ConnectCardData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type TitleProps$4 = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-level'?: number;
+    cardData: ConnectCardData;
+} & React__default.RefAttributes<HTMLSpanElement>;
+type SubtitleProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    id?: string;
+    role?: string;
+    cardData: ConnectCardData;
+} & React__default.RefAttributes<HTMLSpanElement>;
+type InfoLinkProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    onClick?: (e: React__default.MouseEvent) => void;
+    href?: string;
+    target?: string;
+    rel?: string;
+    'aria-label'?: string;
+    cardData: ConnectCardData;
+} & React__default.RefAttributes<HTMLAnchorElement>;
+type RecentBadgeWrapperProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    'aria-label'?: string;
+    cardData: ConnectCardData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type ChevronProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    'aria-hidden'?: boolean;
+    cardData: ConnectCardData;
+} & React__default.RefAttributes<HTMLDivElement>;
+/**
+ * ConnectCard customization options
+ */
+type ConnectCardCustomization = {
+    /** Custom components */
+    components?: {
+        /** Custom card container */
+        Container?: ComponentType<CardContainerProps>;
+        /** Custom card content */
+        Content?: ComponentType<CardContentProps>;
+        /** Custom icon container */
+        IconContainer?: ComponentType<IconContainerProps$1>;
+        /** Custom icon wrapper */
+        IconWrapper?: ComponentType<IconWrapperProps>;
+        /** Custom text container */
+        TextContainer?: ComponentType<TextContainerProps>;
+        /** Custom title */
+        Title?: ComponentType<TitleProps$4>;
+        /** Custom subtitle */
+        Subtitle?: ComponentType<SubtitleProps>;
+        /** Custom info link */
+        InfoLink?: ComponentType<InfoLinkProps>;
+        /** Custom recent badge wrapper */
+        RecentBadgeWrapper?: ComponentType<RecentBadgeWrapperProps>;
+        /** Custom chevron */
+        Chevron?: ComponentType<ChevronProps>;
+    };
+    /** Custom class name generators */
+    classNames?: {
+        /** Function to generate container classes */
+        container?: (params: {
+            cardData: ConnectCardData;
+        }) => string;
+        /** Function to generate content classes */
+        content?: (params: {
+            cardData: ConnectCardData;
+        }) => string;
+        /** Function to generate icon container classes */
+        iconContainer?: (params: {
+            cardData: ConnectCardData;
+        }) => string;
+        /** Function to generate icon wrapper classes */
+        iconWrapper?: (params: {
+            cardData: ConnectCardData;
+        }) => string;
+        /** Function to generate text container classes */
+        textContainer?: (params: {
+            cardData: ConnectCardData;
+        }) => string;
+        /** Function to generate title classes */
+        title?: (params: {
+            cardData: ConnectCardData;
+        }) => string;
+        /** Function to generate subtitle classes */
+        subtitle?: (params: {
+            cardData: ConnectCardData;
+        }) => string;
+        /** Function to generate info link classes */
+        infoLink?: (params: {
+            cardData: ConnectCardData;
+        }) => string;
+        /** Function to generate recent badge wrapper classes */
+        recentBadgeWrapper?: (params: {
+            cardData: ConnectCardData;
+        }) => string;
+        /** Function to generate chevron classes */
+        chevron?: (params: {
+            cardData: ConnectCardData;
+        }) => string;
+    };
+    /** Custom style generators */
+    styles?: {
+        /** Function to generate container styles */
+        container?: (params: {
+            cardData: ConnectCardData;
+        }) => React__default.CSSProperties;
+        /** Function to generate content styles */
+        content?: (params: {
+            cardData: ConnectCardData;
+        }) => React__default.CSSProperties;
+        /** Function to generate icon container styles */
+        iconContainer?: (params: {
+            cardData: ConnectCardData;
+        }) => React__default.CSSProperties;
+        /** Function to generate icon wrapper styles */
+        iconWrapper?: (params: {
+            cardData: ConnectCardData;
+        }) => React__default.CSSProperties;
+        /** Function to generate text container styles */
+        textContainer?: (params: {
+            cardData: ConnectCardData;
+        }) => React__default.CSSProperties;
+        /** Function to generate title styles */
+        title?: (params: {
+            cardData: ConnectCardData;
+        }) => React__default.CSSProperties;
+        /** Function to generate subtitle styles */
+        subtitle?: (params: {
+            cardData: ConnectCardData;
+        }) => React__default.CSSProperties;
+        /** Function to generate info link styles */
+        infoLink?: (params: {
+            cardData: ConnectCardData;
+        }) => React__default.CSSProperties;
+        /** Function to generate recent badge wrapper styles */
+        recentBadgeWrapper?: (params: {
+            cardData: ConnectCardData;
+        }) => React__default.CSSProperties;
+        /** Function to generate chevron styles */
+        chevron?: (params: {
+            cardData: ConnectCardData;
+        }) => React__default.CSSProperties;
+    };
+    /** Custom event handlers */
+    handlers?: {
+        /** Custom click handler */
+        onClick?: (cardData: ConnectCardData, originalHandler: () => void) => void;
+        /** Custom info link click handler */
+        onInfoClick?: (cardData: ConnectCardData, event: React__default.MouseEvent) => void;
+        /** Custom hover handler */
+        onHover?: (cardData: ConnectCardData, isHovering: boolean) => void;
+    };
+    /** Configuration options */
+    config?: {
+        /** Custom ARIA labels */
+        ariaLabels?: {
+            card?: (cardData: ConnectCardData) => string;
+            icon?: (cardData: ConnectCardData) => string;
+            infoLink?: (cardData: ConnectCardData) => string;
+            recentBadge?: (cardData: ConnectCardData) => string;
+        };
+        /** Custom animation settings */
+        animation?: {
+            hoverScale?: string;
+            transitionDuration?: string;
+            chevronTransform?: string;
+        };
+    };
+    /** NetworkIcons customization */
+    networkIcons?: NetworkIconsCustomization;
+};
 /**
  * Props for the ConnectCard component
  */
-interface ConnectCardProps extends NetworkIconsProps {
+interface ConnectCardProps {
     /** Click handler for the connect card */
     onClick: () => void;
     /** Icon element to display for the wallet/connector */
@@ -4169,9 +4493,17 @@ interface ConnectCardProps extends NetworkIconsProps {
     infoLink?: string;
     /** Whether this connector was recently used */
     isRecent?: boolean;
+    /** Array of network adapters to display as icons */
+    adapters?: OrbitAdapter[];
+    /** Whether only one network is available */
+    isOnlyOneNetwork?: boolean;
+    /** Custom CSS classes for styling the container */
+    className?: string;
+    /** Customization options */
+    customization?: ConnectCardCustomization;
 }
 /**
- * ConnectCard component - Interactive card for wallet connection options
+ * ConnectCard component - Interactive card for wallet connection options with comprehensive customization
  *
  * This component provides a clickable card interface for wallet connectors with:
  * - Responsive design adapting to touch/mouse interfaces
@@ -4181,32 +4513,9 @@ interface ConnectCardProps extends NetworkIconsProps {
  * - Hover animations and visual feedback
  * - Full accessibility support with ARIA labels
  * - Keyboard navigation support
+ * - Complete customization of all child components and styling
  *
- * Visual features:
- * - Touch devices: Square card layout optimized for mobile interaction
- * - Mouse devices: Horizontal card layout with hover animations
- * - Dynamic network icons display up to 3 supported networks
- * - Smooth hover transitions with scale and color changes
- * - Recent badge with fade-out on hover
- *
- * Accessibility features:
- * - Proper ARIA labels for screen readers
- * - Role attributes for semantic structure
- * - Keyboard navigation support
- * - Focus management with visual indicators
- * - Screen reader announcements for state changes
- *
- * @param onClick - Handler function called when card is clicked
- * @param title - Primary display name for the wallet/connector
- * @param icon - React element containing the wallet icon
- * @param adapters - Array of supported network adapters
- * @param infoLink - Optional URL for additional information
- * @param subtitle - Optional secondary description text
- * @param isRecent - Whether to show recent usage badge
- * @param isOnlyOneNetwork - Whether only one network is available
- * @returns JSX element representing the interactive connect card
- *
- * @example
+ * @example Basic usage
  * ```tsx
  * <ConnectCard
  *   onClick={() => connect('metamask')}
@@ -4219,225 +4528,265 @@ interface ConnectCardProps extends NetworkIconsProps {
  * />
  * ```
  *
- * @example
+ * @example With full customization
  * ```tsx
- * // Touch device optimized card
  * <ConnectCard
  *   onClick={() => connect('walletconnect')}
  *   title="WalletConnect"
  *   icon={<WalletConnectIcon />}
  *   adapters={[ethereum, polygon]}
- *   isOnlyOneNetwork={false}
+ *   customization={{
+ *     components: {
+ *       Container: CustomCardContainer,
+ *       Title: CustomTitle
+ *     },
+ *     classNames: {
+ *       container: ({ cardData }) => cardData.isTouch ? 'touch-card' : 'desktop-card'
+ *     },
+ *     handlers: {
+ *       onClick: (cardData, originalHandler) => {
+ *         analytics.track('card_clicked', { title: cardData.title });
+ *         originalHandler();
+ *       }
+ *     }
+ *   }}
  * />
  * ```
+ */
+declare const ConnectCard: React__default.NamedExoticComponent<ConnectCardProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * A custom hook to easily access the i18n labels from any component
+ * within the `NovaConnectLabelsProvider` tree.
  *
- * @public
+ * This hook provides type-safe access to all UI labels and automatically
+ * falls back to default English labels if no provider is found.
+ *
+ * @returns {NovaConnectLabels} The complete object of UI labels for the current locale.
+ *
+ * @example
+ * ```typescript
+ * import { useNovaConnectLabels } from './hooks/useNovaConnectLabels';
+ *
+ * function MyComponent() {
+ *   const labels = useNovaConnectLabels();
+ *
+ *   return (
+ *     <div>
+ *       <h1>{labels.connectWallet}</h1>
+ *       <button>{labels.connect}</button>
+ *       <p aria-label={labels.walletBalance}>{formattedBalance}</p>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Destructuring specific labels for better performance
+ * function ConnectButton() {
+ *   const { connectWallet, connecting, connected } = useNovaConnectLabels();
+ *
+ *   return (
+ *     <button>
+ *       {isConnecting ? connecting : isConnected ? connected : connectWallet}
+ *     </button>
+ *   );
+ * }
+ * ```
  */
-declare function ConnectCard({ onClick, title, icon, adapters, infoLink, subtitle, isRecent, isOnlyOneNetwork, }: ConnectCardProps): react_jsx_runtime.JSX.Element;
+declare const useNovaConnectLabels: () => NovaConnectLabels;
 
 /**
- * Interface for grouped wallet connectors
+ * @file ConnectorsBlock component with comprehensive customization options and connector group display.
  */
-interface GroupedConnector$1 {
-    /** Name of the wallet connector */
-    name: string;
-    /** Optional icon for the wallet */
-    icon?: string;
-    /** Array of supported network adapters */
-    adapters: OrbitAdapter[];
-    /** Array of connectors with their associated adapters */
-    connectors: (Connector$1 & {
-        adapter: OrbitAdapter;
-    })[];
-}
 
 /**
- * Connection status component props interface
- * Defines the required data for displaying wallet connection progress
+ * Connector block data for customization context
  */
-interface ConnectingProps {
-    /** Currently active connector identifier */
-    activeConnector: string | undefined;
-    /** Selected orbit adapter for the connection */
+interface ConnectorsBlockData {
+    /** Currently selected network adapter */
     selectedAdapter: OrbitAdapter | undefined;
-    /** Array of available wallet connectors */
-    connectors: GroupedConnector$1[];
-    /** Whether the wallet connection is successfully established */
-    isConnected: boolean;
-    /** Optional custom error message to display */
-    customErrorMessage?: string;
-    /** Whether to show detailed error information */
-    showDetailedError?: boolean;
+    /** Array of grouped wallet connectors to display */
+    connectors: GroupedConnector[];
+    /** Title text for the connector group */
+    title: string;
+    /** Whether to render the title in bold accent color */
+    isTitleBold: boolean;
+    /** Whether only one network is available */
+    isOnlyOneNetwork: boolean;
+    /** Whether device is touch-enabled */
+    isTouch: boolean;
+    /** Whether there are connectors to display */
+    hasConnectors: boolean;
+    /** Recent wallets data */
+    recentWallets: Record<string, Record<string, boolean>> | null;
+    /** Section ID for accessibility */
+    sectionId: string;
 }
 /**
- * Connection status display component for wallet connection flow
- *
- * This component provides comprehensive visual feedback during wallet connection:
- * - Animated loading spinner for connection in progress
- * - Success state with checkmark icon for completed connections
- * - Error state with warning icon and detailed error messages
- * - Fully internationalized text content with translation support
- * - WCAG compliant accessibility with proper ARIA labels and live regions
- * - Responsive design that adapts to different screen sizes
- * - Visual status indicators with semantic colors and icons
- * - Screen reader announcements for state changes
- *
- * The component automatically detects connection state and displays appropriate
- * visual feedback with proper semantic markup for accessibility tools.
- *
- * @param activeConnector - Identifier of the currently connecting wallet
- * @param selectedAdapter - Orbit adapter instance for the connection
- * @param connectors - Array of available wallet connector options
- * @param isConnected - Boolean flag indicating successful connection
- * @param customErrorMessage - Optional custom error message override
- * @param showDetailedError - Flag to show detailed error information
- * @returns JSX element displaying connection status with visual feedback
- *
- * @example
- * ```tsx
- * <Connecting
- *   activeConnector="metamask"
- *   selectedAdapter={ethereumAdapter}
- *   connectors={availableConnectors}
- *   isConnected={false}
- * />
- * ```
- *
- * @example
- * ```tsx
- * // With custom error handling
- * <Connecting
- *   activeConnector="walletconnect"
- *   selectedAdapter={polygonAdapter}
- *   connectors={connectors}
- *   isConnected={false}
- *   customErrorMessage="Custom connection error occurred"
- *   showDetailedError={true}
- * />
- * ```
- *
- * @example
- * ```tsx
- * // Successful connection state
- * <Connecting
- *   activeConnector="phantom"
- *   selectedAdapter={solanaAdapter}
- *   connectors={solanaConnectors}
- *   isConnected={true}
- * />
- * ```
- *
- * @public
+ * Individual connector item data
  */
-declare function Connecting({ activeConnector, selectedAdapter, connectors, isConnected, customErrorMessage, showDetailedError, }: ConnectingProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Props for the ConnectorsSelections component
- */
-interface ConnectorsSelectionsProps extends Pick<ConnectButtonProps, 'withImpersonated' | 'store'>, InitialChains {
-    /** Currently selected network adapter */
-    selectedAdapter: OrbitAdapter | undefined;
-    /** Array of grouped wallet connectors */
-    connectors: GroupedConnector$1[];
-    /** Click handler for connector selection */
-    onClick: (connector: GroupedConnector$1) => void;
-    /** Function to set connection status */
-    setIsConnected: (value: boolean) => void;
-    /** Function to control modal open state */
-    setIsOpen: (value: boolean) => void;
-    /** Function to wait for connection prediction */
-    waitForPredict: () => boolean | undefined;
-    /** Function to set modal content type */
-    setContentType: (contentType: ConnectContentType) => void;
-    /** Whether only one network is available */
-    isOnlyOneNetwork?: boolean;
+interface ConnectorItemData {
+    /** Grouped connector configuration */
+    group: GroupedConnector;
+    /** Formatted wallet name */
+    name: string;
+    /** Whether this wallet was recently used */
+    isRecent: boolean;
+    /** Item index in the list */
+    index: number;
 }
+type ContainerProps$8 = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-labelledby'?: string;
+    'aria-label'?: string;
+    blockData: ConnectorsBlockData;
+} & React__default.RefAttributes<HTMLElement>;
+type TitleProps$3 = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    id?: string;
+    role?: string;
+    'aria-level'?: number;
+    onClick?: () => void;
+    blockData: ConnectorsBlockData;
+} & React__default.RefAttributes<HTMLHeadingElement>;
+type ConnectorsListProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-label'?: string;
+    blockData: ConnectorsBlockData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type ConnectorItemProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    itemData: ConnectorItemData;
+    blockData: ConnectorsBlockData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type EmptyStateProps$1 = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-label'?: string;
+    onClick?: () => void;
+    blockData: ConnectorsBlockData;
+} & React__default.RefAttributes<HTMLDivElement>;
 /**
- * ConnectorsSelections component - Main wallet selection interface with categorized connectors
- *
- * This component provides the primary wallet selection interface with:
- * - Categorized wallet sections (Installed, Popular, Impersonate)
- * - Responsive layout adapting to touch/mouse interfaces
- * - Safe App environment detection and filtering
- * - Empty state handling for missing connectors
- * - Educational content integration for touch devices
- * - Full accessibility support with semantic structure
- *
- * Wallet categorization:
- * - Installed: Detected browser extension wallets (excluding popular ones)
- * - Popular: Coinbase Wallet and WalletConnect for broader compatibility
- * - Impersonate: Development/testing wallet for address simulation
- * - Safe App filtering: Conditional Safe Wallet display based on environment
- *
- * Layout features:
- * - Touch devices: Horizontal scrolling with educational disclaimer
- * - Mouse devices: Vertical scrolling with fixed height container
- * - Responsive grid adapting to screen size and device capabilities
- * - Custom scrollbar styling with NovaCustomScroll class
- *
- * Empty state handling:
- * - Clear error messaging when no connectors found
- * - Contextual help text explaining the issue
- * - Visual indicators with warning icons
- * - Proper error state accessibility
- *
- * Accessibility features:
- * - Semantic HTML structure with proper headings
- * - ARIA labels for screen readers
- * - Role-based navigation support
- * - Focus management for keyboard users
- * - Error states with descriptive messaging
- *
- * @param selectedAdapter - Currently selected network adapter
- * @param connectors - Array of available wallet connectors
- * @param onClick - Handler for wallet connector selection
- * @param setIsConnected - Function to update connection status
- * @param setIsOpen - Function to control modal visibility
- * @param waitForPredict - Function for connection state prediction
- * @param setContentType - Function to change modal content
- * @param withImpersonated - Whether to show impersonation option
- * @param isOnlyOneNetwork - Whether only one network is available
- * @param appChains - Configuration for supported blockchain networks
- * @param solanaRPCUrls - Solana RPC endpoints configuration
- * @returns JSX element representing the connector selection interface
- *
- * @example
- * ```tsx
- * <ConnectorsSelections
- *   selectedAdapter={OrbitAdapter.EVM}
- *   connectors={availableConnectors}
- *   onClick={(connector) => handleWalletSelection(connector)}
- *   setIsConnected={setConnectionStatus}
- *   setIsOpen={setModalOpen}
- *   waitForPredict={() => checkConnectionState()}
- *   setContentType={setModalContent}
- *   withImpersonated={true}
- *   isOnlyOneNetwork={false}
- *   appChains={chainConfiguration}
- *   solanaRPCUrls={solanaConfig}
- * />
- * ```
- *
- * @example
- * ```tsx
- * // Touch device optimized with educational content
- * <ConnectorsSelections
- *   selectedAdapter={undefined}
- *   connectors={allConnectors}
- *   onClick={(connector) => initiateConnection(connector)}
- *   setIsConnected={updateConnectionState}
- *   setIsOpen={toggleModal}
- *   waitForPredict={predictConnection}
- *   setContentType={changeContent}
- *   withImpersonated={false}
- *   isOnlyOneNetwork={true}
- * />
- * ```
- *
- * @public
+ * Customization options for ConnectorsBlock component
  */
-declare function ConnectorsSelections({ setIsConnected, setIsOpen, selectedAdapter, connectors, onClick, appChains, solanaRPCUrls, waitForPredict, setContentType, withImpersonated, isOnlyOneNetwork, store, }: ConnectorsSelectionsProps): react_jsx_runtime.JSX.Element;
-
+type ConnectorsBlockCustomization = {
+    /** Custom components */
+    components?: {
+        /** Custom container wrapper */
+        Container?: ComponentType<ContainerProps$8>;
+        /** Custom title component */
+        Title?: ComponentType<TitleProps$3>;
+        /** Custom connectors list */
+        ConnectorsList?: ComponentType<ConnectorsListProps>;
+        /** Custom connector item wrapper */
+        ConnectorItem?: ComponentType<ConnectorItemProps>;
+        /** Custom empty state component */
+        EmptyState?: ComponentType<EmptyStateProps$1>;
+    };
+    /** Custom class name generators */
+    classNames?: {
+        /** Function to generate container classes */
+        container?: (params: {
+            blockData: ConnectorsBlockData;
+        }) => string;
+        /** Function to generate title classes */
+        title?: (params: {
+            blockData: ConnectorsBlockData;
+        }) => string;
+        /** Function to generate connectors list classes */
+        connectorsList?: (params: {
+            blockData: ConnectorsBlockData;
+        }) => string;
+        /** Function to generate connector item classes */
+        connectorItem?: (params: {
+            itemData: ConnectorItemData;
+            blockData: ConnectorsBlockData;
+        }) => string;
+        /** Function to generate empty state classes */
+        emptyState?: (params: {
+            blockData: ConnectorsBlockData;
+        }) => string;
+    };
+    /** Custom style generators */
+    styles?: {
+        /** Function to generate container styles */
+        container?: (params: {
+            blockData: ConnectorsBlockData;
+        }) => React__default.CSSProperties;
+        /** Function to generate title styles */
+        title?: (params: {
+            blockData: ConnectorsBlockData;
+        }) => React__default.CSSProperties;
+        /** Function to generate connectors list styles */
+        connectorsList?: (params: {
+            blockData: ConnectorsBlockData;
+        }) => React__default.CSSProperties;
+        /** Function to generate connector item styles */
+        connectorItem?: (params: {
+            itemData: ConnectorItemData;
+            blockData: ConnectorsBlockData;
+        }) => React__default.CSSProperties;
+        /** Function to generate empty state styles */
+        emptyState?: (params: {
+            blockData: ConnectorsBlockData;
+        }) => React__default.CSSProperties;
+    };
+    /** Custom event handlers */
+    handlers?: {
+        /** Custom connector click handler */
+        onConnectorClick?: (itemData: ConnectorItemData, blockData: ConnectorsBlockData, originalHandler: (group: GroupedConnector) => Promise<void>) => void;
+        /** Custom title click handler */
+        onTitleClick?: (blockData: ConnectorsBlockData) => void;
+        /** Custom empty state action handler */
+        onEmptyStateAction?: (blockData: ConnectorsBlockData) => void;
+    };
+    /** Configuration options */
+    config?: {
+        /** Custom ARIA labels */
+        ariaLabels?: {
+            container?: (blockData: ConnectorsBlockData) => string;
+            connectorsList?: (blockData: ConnectorsBlockData) => string;
+            emptyState?: (blockData: ConnectorsBlockData) => string;
+        };
+        /** Custom layout configuration */
+        layout?: {
+            /** Touch device gap between items */
+            touchGap?: string;
+            /** Mouse device gap between items */
+            mouseGap?: string;
+            /** Custom touch layout classes */
+            touchClasses?: string[];
+            /** Custom mouse layout classes */
+            mouseClasses?: string[];
+        };
+        /** Show/hide features */
+        features?: {
+            /** Whether to show empty state */
+            showEmptyState?: boolean;
+            /** Whether to show title when no connectors */
+            showTitleWhenEmpty?: boolean;
+            /** Whether to show recent indicators */
+            showRecentIndicators?: boolean;
+        };
+    };
+    /** ConnectCard customization for each connector card */
+    connectCard?: ConnectCardCustomization;
+};
 /**
  * Props for the ConnectorsBlock component
  */
@@ -4445,16 +4794,18 @@ interface ConnectorsBlockProps extends Pick<ConnectorsSelectionsProps, 'waitForP
     /** Currently selected network adapter */
     selectedAdapter: OrbitAdapter | undefined;
     /** Array of grouped wallet connectors to display */
-    connectors: GroupedConnector$1[];
+    connectors: GroupedConnector[];
     /** Title text for the connector group */
     title: string;
     /** Whether to render the title in bold accent color */
     isTitleBold?: boolean;
     /** Whether only one network is available */
     isOnlyOneNetwork?: boolean;
+    /** Customization options */
+    customization?: ConnectorsBlockCustomization;
 }
 /**
- * ConnectorsBlock component - Displays a grouped section of wallet connectors
+ * ConnectorsBlock component - Displays a grouped section of wallet connectors with full customization
  *
  * This component renders a section of wallet connectors with:
  * - Responsive layout adapting to touch/mouse interfaces
@@ -4463,39 +4814,30 @@ interface ConnectorsBlockProps extends Pick<ConnectorsSelectionsProps, 'waitForP
  * - Recent wallet indicators and prioritization
  * - Full accessibility support with proper labeling
  * - Error handling and connection retry logic
+ * - Complete customization of all child components and styling
  *
  * Layout features:
  * - Touch devices: Horizontal scrolling layout with cards
  * - Mouse devices: Vertical stacked layout for better readability
  * - Dynamic title styling based on section importance
  * - Consistent spacing and visual hierarchy
+ * - Customizable layout parameters and responsive behavior
  *
  * Connection flow:
  * - Single adapter: Direct connection attempt
  * - Multiple adapters without selection: Triggers network selection
  * - Selected adapter: Uses specific adapter for connection
  * - Recent wallets: Visual indicators for previously used wallets
+ * - Error handling with retry mechanisms
  *
  * Accessibility features:
  * - Semantic heading structure with proper levels
  * - Group labeling for related connector sets
  * - Screen reader friendly section descriptions
  * - Proper focus management and keyboard navigation
+ * - ARIA live regions for dynamic content updates
  *
- * @param selectedAdapter - Currently selected network adapter
- * @param connectors - Array of grouped wallet connectors
- * @param title - Section title for the connector group
- * @param isTitleBold - Whether to style title as accent/important
- * @param isOnlyOneNetwork - Whether only one network is available
- * @param waitForPredict - Function to wait for connection prediction
- * @param setIsOpen - Function to control modal open state
- * @param setIsConnected - Function to set connection status
- * @param onClick - Click handler for connector selection
- * @param appChains - Configuration for supported chains
- * @param solanaRPCUrls - Solana RPC URL configuration
- * @returns JSX element representing the connectors block
- *
- * @example
+ * @example Basic usage
  * ```tsx
  * <ConnectorsBlock
  *   selectedAdapter={OrbitAdapter.EVM}
@@ -4506,12 +4848,12 @@ interface ConnectorsBlockProps extends Pick<ConnectorsSelectionsProps, 'waitForP
  *   onClick={(group) => handleWalletSelection(group)}
  *   appChains={appConfiguration}
  *   solanaRPCUrls={rpcConfig}
+ *   store={walletStore}
  * />
  * ```
  *
- * @example
+ * @example With full customization
  * ```tsx
- * // Popular wallets section without network selection
  * <ConnectorsBlock
  *   selectedAdapter={undefined}
  *   connectors={popularConnectors}
@@ -4519,272 +4861,385 @@ interface ConnectorsBlockProps extends Pick<ConnectorsSelectionsProps, 'waitForP
  *   isTitleBold={false}
  *   isOnlyOneNetwork={true}
  *   onClick={(group) => initiateConnection(group)}
- *   appChains={appConfiguration}
- *   solanaRPCUrls={rpcConfig}
+ *   customization={{
+ *     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'
+ *       }
+ *     }
+ *   }}
  * />
  * ```
- *
- * @public
  */
-declare function ConnectorsBlock({ selectedAdapter, connectors, solanaRPCUrls, appChains, waitForPredict, setIsConnected, setIsOpen, onClick, title, isTitleBold, isOnlyOneNetwork, store, }: ConnectorsBlockProps): react_jsx_runtime.JSX.Element;
+declare const ConnectorsBlock: React__default.NamedExoticComponent<ConnectorsBlockProps & React__default.RefAttributes<HTMLElement>>;
 
 /**
- * @file Disclaimer component with comprehensive customization options.
+ * @file ConnectorsSelections component with comprehensive customization options and categorized connector display.
  */
 
 /**
- * Type definition for button actions
- * Can be either a URL string for external links or a callback function
+ * Connector selections data for customization context
  */
-type ButtonAction = string | (() => void);
-type ContainerProps$4 = {
+interface ConnectorsSelectionsData {
+    /** Currently selected network adapter */
+    selectedAdapter: OrbitAdapter | undefined;
+    /** All available connectors */
+    connectors: GroupedConnector[];
+    /** Whether only one network is available */
+    isOnlyOneNetwork: boolean;
+    /** Whether device is touch-enabled */
+    isTouch: boolean;
+    /** Whether impersonated wallet is available */
+    hasImpersonatedConnector: boolean;
+    /** Whether impersonated section should be shown */
+    showImpersonated: boolean;
+    /** Filtered connector groups */
+    connectorGroups: {
+        installed: GroupedConnector[];
+        popular: GroupedConnector[];
+        impersonated?: GroupedConnector;
+    };
+    /** Current labels from i18n */
+    labels: ReturnType<typeof useNovaConnectLabels>;
+}
+/**
+ * Impersonate section data
+ */
+interface ImpersonateSectionData {
+    /** The impersonated wallet connector */
+    connector: GroupedConnector;
+    /** Whether device is touch-enabled */
+    isTouch: boolean;
+    /** Current labels from i18n */
+    labels: ReturnType<typeof useNovaConnectLabels>;
+    /** Section data for context */
+    sectionsData: ConnectorsSelectionsData;
+}
+type ContainerProps$7 = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
     role?: string;
     'aria-label'?: string;
-    'aria-describedby'?: string;
-    'data-testid'?: string;
-    'aria-live'?: 'polite' | 'assertive' | 'off';
+    selectionsData: ConnectorsSelectionsData;
 } & React__default.RefAttributes<HTMLDivElement>;
-type ContentSectionProps$1 = {
+type ContentWrapperProps = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
-    role?: string;
-    'aria-labelledby'?: string;
-};
-type TitleProps$1 = {
-    id: string;
+    selectionsData: ConnectorsSelectionsData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type ConnectorsAreaProps = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
     role?: string;
-    'aria-level'?: number;
-};
-type DescriptionProps$1 = {
-    id: string;
+    'aria-label'?: string;
+    selectionsData: ConnectorsSelectionsData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type ImpersonateSectionProps = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
     role?: string;
-};
-type AdditionalContentProps = {
+    'aria-label'?: string;
+    impersonateData: ImpersonateSectionData;
+    selectionsData: ConnectorsSelectionsData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type ImpersonateTitleProps = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
-    role?: string;
-    'aria-label'?: string;
-};
-type ActionsProps = {
+    impersonateData: ImpersonateSectionData;
+    selectionsData: ConnectorsSelectionsData;
+} & React__default.RefAttributes<HTMLParagraphElement>;
+type EmptyStateProps = {
     className?: string;
     style?: React__default.CSSProperties;
     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;
-    style?: React__default.CSSProperties;
-};
-type StatusProps = {
+    'aria-live'?: 'polite' | 'assertive' | 'off';
+    onClick?: () => void;
+    selectionsData: ConnectorsSelectionsData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type DisclaimerSectionProps = {
     className?: string;
     style?: React__default.CSSProperties;
-    children?: React__default.ReactNode;
-    'aria-live'?: 'polite' | 'assertive' | 'off';
-    'aria-atomic'?: boolean;
-    role?: string;
-};
+    children: React__default.ReactNode;
+    selectionsData: ConnectorsSelectionsData;
+} & React__default.RefAttributes<HTMLDivElement>;
 /**
- * Customization options for Disclaimer component
+ * Customization options for ConnectorsSelections component
  */
-type DisclaimerCustomization = {
+type ConnectorsSelectionsCustomization = {
     /** Custom components */
     components?: {
         /** Custom container wrapper */
-        Container?: ComponentType<ContainerProps$4>;
-        /** Custom content section */
-        ContentSection?: ComponentType<ContentSectionProps$1>;
-        /** Custom title component */
-        Title?: ComponentType<TitleProps$1>;
-        /** 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>;
+        Container?: ComponentType<ContainerProps$7>;
+        /** Custom content wrapper */
+        ContentWrapper?: ComponentType<ContentWrapperProps>;
+        /** Custom connectors area wrapper */
+        ConnectorsArea?: ComponentType<ConnectorsAreaProps>;
+        /** Custom impersonate section */
+        ImpersonateSection?: ComponentType<ImpersonateSectionProps>;
+        /** Custom impersonate title */
+        ImpersonateTitle?: ComponentType<ImpersonateTitleProps>;
+        /** Custom empty state */
+        EmptyState?: ComponentType<EmptyStateProps>;
+        /** Custom disclaimer section */
+        DisclaimerSection?: ComponentType<DisclaimerSectionProps>;
     };
     /** Custom class name generators */
     classNames?: {
         /** Function to generate container classes */
         container?: (params: {
-            compact: boolean;
+            selectionsData: ConnectorsSelectionsData;
         }) => string;
-        /** Function to generate content section classes */
-        contentSection?: (params: {
-            compact: boolean;
+        /** Function to generate content wrapper classes */
+        contentWrapper?: (params: {
+            selectionsData: ConnectorsSelectionsData;
         }) => string;
-        /** Function to generate title classes */
-        title?: (params: {
-            compact: boolean;
+        /** Function to generate connectors area classes */
+        connectorsArea?: (params: {
+            selectionsData: ConnectorsSelectionsData;
         }) => 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 impersonate section classes */
+        impersonateSection?: (params: {
+            impersonateData: ImpersonateSectionData;
+            selectionsData: ConnectorsSelectionsData;
+        }) => string;
+        /** Function to generate impersonate title classes */
+        impersonateTitle?: (params: {
+            impersonateData: ImpersonateSectionData;
+            selectionsData: ConnectorsSelectionsData;
+        }) => string;
+        /** Function to generate empty state classes */
+        emptyState?: (params: {
+            selectionsData: ConnectorsSelectionsData;
+        }) => string;
+        /** Function to generate disclaimer section classes */
+        disclaimerSection?: (params: {
+            selectionsData: ConnectorsSelectionsData;
         }) => string;
-        /** Function to generate status classes */
-        status?: () => string;
     };
     /** Custom style generators */
     styles?: {
         /** Function to generate container styles */
         container?: (params: {
-            compact: boolean;
+            selectionsData: ConnectorsSelectionsData;
         }) => React__default.CSSProperties;
-        /** Function to generate content section styles */
-        contentSection?: (params: {
-            compact: boolean;
+        /** Function to generate content wrapper styles */
+        contentWrapper?: (params: {
+            selectionsData: ConnectorsSelectionsData;
         }) => React__default.CSSProperties;
-        /** Function to generate title styles */
-        title?: (params: {
-            compact: boolean;
+        /** Function to generate connectors area styles */
+        connectorsArea?: (params: {
+            selectionsData: ConnectorsSelectionsData;
         }) => React__default.CSSProperties;
-        /** Function to generate description styles */
-        description?: () => React__default.CSSProperties;
-        /** Function to generate additional content styles */
-        additionalContent?: () => React__default.CSSProperties;
-        /** Function to generate actions styles */
-        actions?: () => React__default.CSSProperties;
-        /** Function to generate button styles */
-        button?: (params: {
-            isLink: boolean;
-            isPrimary: boolean;
+        /** Function to generate impersonate section styles */
+        impersonateSection?: (params: {
+            impersonateData: ImpersonateSectionData;
+            selectionsData: ConnectorsSelectionsData;
+        }) => React__default.CSSProperties;
+        /** Function to generate impersonate title styles */
+        impersonateTitle?: (params: {
+            impersonateData: ImpersonateSectionData;
+            selectionsData: ConnectorsSelectionsData;
+        }) => React__default.CSSProperties;
+        /** Function to generate empty state styles */
+        emptyState?: (params: {
+            selectionsData: ConnectorsSelectionsData;
+        }) => React__default.CSSProperties;
+        /** Function to generate disclaimer section styles */
+        disclaimerSection?: (params: {
+            selectionsData: ConnectorsSelectionsData;
         }) => React__default.CSSProperties;
-        /** Function to generate status styles */
-        status?: () => React__default.CSSProperties;
     };
     /** 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 impersonate click handler */
+        onImpersonateClick?: (impersonateData: ImpersonateSectionData, selectionsData: ConnectorsSelectionsData, originalHandler: () => void) => void;
+        /** Custom empty state action handler */
+        onEmptyStateAction?: (selectionsData: ConnectorsSelectionsData) => 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?: (selectionsData: ConnectorsSelectionsData) => string;
+            connectorsArea?: (selectionsData: ConnectorsSelectionsData) => string;
+            impersonateSection?: (impersonateData: ImpersonateSectionData) => string;
+        };
+        /** Layout configuration */
+        layout?: {
+            /** Touch device classes for connectors area */
+            touchConnectorsClasses?: string[];
+            /** Mouse device classes for connectors area */
+            mouseConnectorsClasses?: string[];
+            /** Touch device classes for content wrapper */
+            touchContentClasses?: string[];
+            /** Mouse device classes for content wrapper */
+            mouseContentClasses?: string[];
+        };
+        /** Show/hide features */
+        features?: {
+            /** Whether to show empty state */
+            showEmptyState?: boolean;
+            /** Whether to show disclaimer on touch devices */
+            showDisclaimer?: boolean;
+            /** Whether to show impersonate section */
+            showImpersonate?: boolean;
         };
     };
+    /** ConnectorsBlock customization for each connector block */
+    connectorsBlock?: {
+        /** Customization for installed connectors block */
+        installed?: ConnectorsBlockCustomization;
+        /** Customization for popular connectors block */
+        popular?: ConnectorsBlockCustomization;
+    };
+    /** ConnectCard customization for impersonate card */
+    impersonateCard?: ConnectCardCustomization;
 };
 /**
- * Props for the Disclaimer component
+ * Props for the ConnectorsSelections 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 ConnectorsSelectionsProps extends Pick<ConnectButtonProps, 'withImpersonated' | 'store'>, InitialChains {
+    /** Currently selected network adapter */
+    selectedAdapter: OrbitAdapter | undefined;
+    /** Array of grouped wallet connectors */
+    connectors: GroupedConnector[];
+    /** Click handler for connector selection */
+    onClick: (connector: GroupedConnector) => void;
+    /** Function to set connection status */
+    setIsConnected: (value: boolean) => void;
+    /** Function to control modal open state */
+    setIsOpen: (value: boolean) => void;
+    /** Function to wait for connection prediction */
+    waitForPredict: () => boolean | undefined;
+    /** Function to set modal content type */
+    setContentType: (contentType: ConnectContentType) => void;
+    /** Whether only one network is available */
+    isOnlyOneNetwork?: boolean;
     /** Customization options */
-    customization?: DisclaimerCustomization;
+    customization?: ConnectorsSelectionsCustomization;
 }
 /**
- * Educational disclaimer component with call-to-action buttons
+ * ConnectorsSelections component - Main wallet selection interface with categorized connectors
  *
- * 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
+ * This component provides the primary wallet selection interface with:
+ * - Categorized wallet sections (Installed, Popular, Impersonate)
+ * - Responsive layout adapting to touch/mouse interfaces
+ * - Safe App environment detection and filtering
+ * - Empty state handling for missing connectors
+ * - Educational content integration for touch devices
+ * - Full accessibility support with semantic structure
+ * - Complete customization of all child components and styling
  *
- * 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
+ * Wallet categorization:
+ * - Installed: Detected browser extension wallets (excluding popular ones)
+ * - Popular: Coinbase Wallet and WalletConnect for broader compatibility
+ * - Impersonate: Development/testing wallet for address simulation
+ * - Safe App filtering: Conditional Safe Wallet display based on environment
+ *
+ * Layout features:
+ * - Touch devices: Horizontal scrolling with educational disclaimer
+ * - Mouse devices: Vertical scrolling with fixed height container
+ * - Responsive grid adapting to screen size and device capabilities
+ * - Custom scrollbar styling with NovaCustomScroll class
+ * - Customizable layout parameters and responsive behavior
+ *
+ * Empty state handling:
+ * - Clear error messaging when no connectors found
+ * - Contextual help text explaining the issue
+ * - Visual indicators with warning icons
+ * - Proper error state accessibility
+ * - Customizable empty state content and styling
+ *
+ * Accessibility features:
+ * - Semantic HTML structure with proper headings
+ * - ARIA labels for screen readers
+ * - Role-based navigation support
+ * - Focus management for keyboard users
+ * - Error states with descriptive messaging
+ * - Customizable ARIA labels and descriptions
  *
  * @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"
+ * <ConnectorsSelections
+ *   selectedAdapter={OrbitAdapter.EVM}
+ *   connectors={availableConnectors}
+ *   onClick={(connector) => handleWalletSelection(connector)}
+ *   setIsConnected={setConnectionStatus}
+ *   setIsOpen={setModalOpen}
+ *   waitForPredict={() => checkConnectionState()}
+ *   setContentType={setModalContent}
+ *   withImpersonated={true}
+ *   isOnlyOneNetwork={false}
+ *   appChains={chainConfiguration}
+ *   solanaRPCUrls={solanaConfig}
+ *   store={walletStore}
  * />
  * ```
  *
- * @example With customization
+ * @example With full customization
  * ```tsx
- * <Disclaimer
- *   title="Network Information"
- *   description="Choose the right network for your transactions"
- *   learnMoreAction={handleLearnMore}
- *   compact
+ * <ConnectorsSelections
+ *   selectedAdapter={undefined}
+ *   connectors={allConnectors}
+ *   onClick={(connector) => initiateConnection(connector)}
+ *   setIsConnected={updateConnectionState}
+ *   setIsOpen={toggleModal}
+ *   waitForPredict={predictConnection}
+ *   setContentType={changeContent}
+ *   withImpersonated={false}
+ *   isOnlyOneNetwork={true}
  *   customization={{
+ *     components: {
+ *       Container: CustomSelectionsContainer,
+ *       EmptyState: CustomEmptyStateComponent
+ *     },
  *     classNames: {
- *       container: ({ compact }) => compact ? 'custom-compact' : 'custom-full',
- *       title: () => 'custom-title-styling'
+ *       connectorsArea: ({ selectionsData }) =>
+ *         selectionsData.isTouch ? 'horizontal-scroll' : 'vertical-stack',
+ *       impersonateSection: ({ impersonateData }) =>
+ *         impersonateData.isTouch ? 'touch-impersonate' : 'mouse-impersonate'
  *     },
- *     components: {
- *       LinkButton: CustomLinkButton
+ *     handlers: {
+ *       onImpersonateClick: (impersonateData, selectionsData, originalHandler) => {
+ *         analytics.track('impersonate_clicked');
+ *         originalHandler();
+ *       }
+ *     },
+ *     connectorsBlock: {
+ *       installed: {
+ *         classNames: {
+ *           title: () => 'custom-installed-title'
+ *         }
+ *       }
  *     }
  *   }}
  * />
  * ```
  */
-declare const Disclaimer: React__default.ForwardRefExoticComponent<DisclaimerProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const ConnectorsSelections: React__default.NamedExoticComponent<ConnectorsSelectionsProps & React__default.RefAttributes<HTMLDivElement>>;
 
 /**
  * @file GetWallet component with comprehensive customization options and staggered animations.
@@ -4836,7 +5291,7 @@ interface WalletIconConfig {
     /** ARIA label for the wallet icon */
     ariaLabel?: string;
 }
-type ContainerProps$3 = {
+type ContainerProps$6 = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
@@ -4878,20 +5333,20 @@ type WalletIconProps = {
     className?: string;
     style?: React__default.CSSProperties;
 };
-type ContentSectionProps = {
+type ContentSectionProps$1 = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
     role?: string;
 };
-type TitleProps = {
+type TitleProps$2 = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
     role?: string;
     'aria-level'?: number;
 };
-type DescriptionProps = {
+type DescriptionProps$1 = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
@@ -4909,7 +5364,7 @@ type GetWalletCustomization = {
     /** Custom components */
     components?: {
         /** Custom container wrapper */
-        Container?: ComponentType<ContainerProps$3>;
+        Container?: ComponentType<ContainerProps$6>;
         /** Custom animation section */
         AnimationSection?: ComponentType<AnimationSectionProps>;
         /** Custom stars background */
@@ -4921,11 +5376,11 @@ type GetWalletCustomization = {
         /** Custom wallet icon display */
         WalletIcon?: ComponentType<WalletIconProps>;
         /** Custom content section */
-        ContentSection?: ComponentType<ContentSectionProps>;
+        ContentSection?: ComponentType<ContentSectionProps$1>;
         /** Custom title component */
-        Title?: ComponentType<TitleProps>;
+        Title?: ComponentType<TitleProps$2>;
         /** Custom description component */
-        Description?: ComponentType<DescriptionProps>;
+        Description?: ComponentType<DescriptionProps$1>;
         /** Custom screen reader component */
         ScreenReader?: ComponentType<ScreenReaderProps>;
     };
@@ -5117,7 +5572,7 @@ interface ValidationConfig {
     /** Custom validation function */
     customValidator?: (address: string) => string | null;
 }
-type ContainerProps$2 = {
+type ContainerProps$5 = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
@@ -5143,7 +5598,7 @@ type InputProps = {
     spellCheck?: boolean;
     hasError: boolean;
 } & React__default.RefAttributes<HTMLInputElement>;
-type ErrorMessageProps = {
+type ErrorMessageProps$2 = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
@@ -5158,13 +5613,13 @@ type ImpersonateFormCustomization = {
     /** Custom components */
     components?: {
         /** Custom container wrapper */
-        Container?: ComponentType<ContainerProps$2>;
+        Container?: ComponentType<ContainerProps$5>;
         /** Custom label component */
         Label?: ComponentType<LabelProps>;
         /** Custom input component */
         Input?: ComponentType<InputProps>;
         /** Custom error message component */
-        ErrorMessage?: ComponentType<ErrorMessageProps>;
+        ErrorMessage?: ComponentType<ErrorMessageProps$2>;
     };
     /** Custom class name generators */
     classNames?: {
@@ -5320,6 +5775,508 @@ interface ImpersonateFormProps extends Pick<ConnectButtonProps, 'store'> {
  */
 declare const ImpersonateForm: React__default.ForwardRefExoticComponent<ImpersonateFormProps & React__default.RefAttributes<HTMLDivElement>>;
 
+/**
+ * @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$4 = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    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 = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-labelledby'?: string;
+};
+type TitleProps$1 = {
+    id: string;
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-level'?: number;
+};
+type DescriptionProps = {
+    id: string;
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+};
+type AdditionalContentProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-label'?: string;
+};
+type ActionsProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    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;
+    style?: React__default.CSSProperties;
+};
+type StatusProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    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$4>;
+        /** Custom content section */
+        ContentSection?: ComponentType<ContentSectionProps>;
+        /** Custom title component */
+        Title?: ComponentType<TitleProps$1>;
+        /** 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 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 style generators */
+    styles?: {
+        /** Function to generate container styles */
+        container?: (params: {
+            compact: boolean;
+        }) => React__default.CSSProperties;
+        /** Function to generate content section styles */
+        contentSection?: (params: {
+            compact: boolean;
+        }) => React__default.CSSProperties;
+        /** Function to generate title styles */
+        title?: (params: {
+            compact: boolean;
+        }) => React__default.CSSProperties;
+        /** Function to generate description styles */
+        description?: () => React__default.CSSProperties;
+        /** Function to generate additional content styles */
+        additionalContent?: () => React__default.CSSProperties;
+        /** Function to generate actions styles */
+        actions?: () => React__default.CSSProperties;
+        /** Function to generate button styles */
+        button?: (params: {
+            isLink: boolean;
+            isPrimary: boolean;
+        }) => React__default.CSSProperties;
+        /** Function to generate status styles */
+        status?: () => React__default.CSSProperties;
+    };
+    /** 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: {
+ *       container: ({ compact }) => compact ? 'custom-compact' : 'custom-full',
+ *       title: () => 'custom-title-styling'
+ *     },
+ *     components: {
+ *       LinkButton: CustomLinkButton
+ *     }
+ *   }}
+ * />
+ * ```
+ */
+declare const Disclaimer: React__default.ForwardRefExoticComponent<DisclaimerProps & React__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * @file NetworkSelections component with comprehensive customization options for network selection.
+ */
+
+/**
+ * Network data for display
+ */
+interface NetworkData {
+    /** Network adapter */
+    adapter: OrbitAdapter;
+    /** Chain ID for icon display */
+    chainId?: number | string;
+    /** Network display name */
+    name: string;
+    /** Network info link URL */
+    infoLink?: string;
+    /** Network index in list */
+    index: number;
+}
+/**
+ * Network selections data for customization context
+ */
+interface NetworkSelectionsData {
+    /** Currently active connector name */
+    activeConnector?: string;
+    /** Available grouped connectors */
+    connectors: GroupedConnector[];
+    /** Whether device is touch-enabled */
+    isTouch: boolean;
+    /** Whether in error state */
+    isError: boolean;
+    /** Available networks */
+    networks: NetworkData[];
+}
+type ContainerProps$3 = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-labelledby'?: string;
+    selectionsData: NetworkSelectionsData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type TitleProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    id?: string;
+    role?: string;
+    'aria-level'?: number;
+    selectionsData: NetworkSelectionsData;
+} & React__default.RefAttributes<HTMLHeadingElement>;
+type NetworkListProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-label'?: string;
+    selectionsData: NetworkSelectionsData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type NetworkItemProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    networkData: NetworkData;
+    selectionsData: NetworkSelectionsData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type NetworkIconProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-label'?: string;
+    networkData: NetworkData;
+    selectionsData: NetworkSelectionsData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type ErrorContainerProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-live'?: 'polite' | 'assertive';
+    selectionsData: NetworkSelectionsData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type ErrorIconProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    'aria-hidden'?: boolean;
+    selectionsData: NetworkSelectionsData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type ErrorTitleProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-level'?: number;
+    selectionsData: NetworkSelectionsData;
+} & React__default.RefAttributes<HTMLHeadingElement>;
+type ErrorMessageProps$1 = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    selectionsData: NetworkSelectionsData;
+} & React__default.RefAttributes<HTMLParagraphElement>;
+/**
+ * NetworkSelections customization options
+ */
+type NetworkSelectionsCustomization = {
+    /** Custom components */
+    components?: {
+        /** Custom container wrapper */
+        Container?: ComponentType<ContainerProps$3>;
+        /** Custom title */
+        Title?: ComponentType<TitleProps>;
+        /** Custom network list */
+        NetworkList?: ComponentType<NetworkListProps>;
+        /** Custom network item wrapper */
+        NetworkItem?: ComponentType<NetworkItemProps>;
+        /** Custom network icon wrapper */
+        NetworkIcon?: ComponentType<NetworkIconProps>;
+        /** Custom error container */
+        ErrorContainer?: ComponentType<ErrorContainerProps>;
+        /** Custom error icon wrapper */
+        ErrorIcon?: ComponentType<ErrorIconProps>;
+        /** Custom error title */
+        ErrorTitle?: ComponentType<ErrorTitleProps>;
+        /** Custom error message */
+        ErrorMessage?: ComponentType<ErrorMessageProps$1>;
+    };
+    /** Custom class name generators */
+    classNames?: {
+        /** Function to generate container classes */
+        container?: (params: {
+            selectionsData: NetworkSelectionsData;
+        }) => string;
+        /** Function to generate title classes */
+        title?: (params: {
+            selectionsData: NetworkSelectionsData;
+        }) => string;
+        /** Function to generate network list classes */
+        networkList?: (params: {
+            selectionsData: NetworkSelectionsData;
+        }) => string;
+        /** Function to generate network item classes */
+        networkItem?: (params: {
+            networkData: NetworkData;
+            selectionsData: NetworkSelectionsData;
+        }) => string;
+        /** Function to generate network icon classes */
+        networkIcon?: (params: {
+            networkData: NetworkData;
+            selectionsData: NetworkSelectionsData;
+        }) => string;
+        /** Function to generate error container classes */
+        errorContainer?: (params: {
+            selectionsData: NetworkSelectionsData;
+        }) => string;
+        /** Function to generate error icon classes */
+        errorIcon?: (params: {
+            selectionsData: NetworkSelectionsData;
+        }) => string;
+        /** Function to generate error title classes */
+        errorTitle?: (params: {
+            selectionsData: NetworkSelectionsData;
+        }) => string;
+        /** Function to generate error message classes */
+        errorMessage?: (params: {
+            selectionsData: NetworkSelectionsData;
+        }) => string;
+    };
+    /** Custom style generators */
+    styles?: {
+        /** Function to generate container styles */
+        container?: (params: {
+            selectionsData: NetworkSelectionsData;
+        }) => React__default.CSSProperties;
+        /** Function to generate title styles */
+        title?: (params: {
+            selectionsData: NetworkSelectionsData;
+        }) => React__default.CSSProperties;
+        /** Function to generate network list styles */
+        networkList?: (params: {
+            selectionsData: NetworkSelectionsData;
+        }) => React__default.CSSProperties;
+        /** Function to generate network item styles */
+        networkItem?: (params: {
+            networkData: NetworkData;
+            selectionsData: NetworkSelectionsData;
+        }) => React__default.CSSProperties;
+        /** Function to generate network icon styles */
+        networkIcon?: (params: {
+            networkData: NetworkData;
+            selectionsData: NetworkSelectionsData;
+        }) => React__default.CSSProperties;
+        /** Function to generate error container styles */
+        errorContainer?: (params: {
+            selectionsData: NetworkSelectionsData;
+        }) => React__default.CSSProperties;
+        /** Function to generate error icon styles */
+        errorIcon?: (params: {
+            selectionsData: NetworkSelectionsData;
+        }) => React__default.CSSProperties;
+        /** Function to generate error title styles */
+        errorTitle?: (params: {
+            selectionsData: NetworkSelectionsData;
+        }) => React__default.CSSProperties;
+        /** Function to generate error message styles */
+        errorMessage?: (params: {
+            selectionsData: NetworkSelectionsData;
+        }) => React__default.CSSProperties;
+    };
+    /** Custom event handlers */
+    handlers?: {
+        /** Custom network click handler */
+        onNetworkClick?: (networkData: NetworkData, selectionsData: NetworkSelectionsData, originalHandler: (network: OrbitAdapter) => void) => void;
+        /** Custom error retry handler */
+        onErrorRetry?: (selectionsData: NetworkSelectionsData) => void;
+    };
+    /** Configuration options */
+    config?: {
+        /** Custom ARIA labels */
+        ariaLabels?: {
+            container?: (selectionsData: NetworkSelectionsData) => string;
+            networkList?: (selectionsData: NetworkSelectionsData) => string;
+            networkIcon?: (networkData: NetworkData) => string;
+            errorContainer?: (selectionsData: NetworkSelectionsData) => string;
+        };
+        /** Custom scroll behavior */
+        scroll?: {
+            touchMaxHeight?: string;
+            mouseMaxHeight?: string;
+            gap?: {
+                touch?: string;
+                mouse?: string;
+            };
+        };
+    };
+    /** ConnectCard customization for network cards */
+    connectCard?: ConnectCardCustomization;
+    /** Disclaimer customization */
+    disclaimer?: DisclaimerCustomization;
+};
 /**
  * Props for the NetworkSelections component
  */
@@ -5327,12 +6284,14 @@ interface NetworkSelectionsProps {
     /** Name of the currently active wallet connector */
     activeConnector: string | undefined;
     /** Array of grouped wallet connectors with their supported networks */
-    connectors: GroupedConnector$1[];
+    connectors: GroupedConnector[];
     /** Click handler for network selection */
     onClick: (adapter: OrbitAdapter, walletType: WalletType) => Promise<void>;
+    /** Customization options */
+    customization?: NetworkSelectionsCustomization;
 }
 /**
- * NetworkSelections component - Network/blockchain selection interface for multi-network wallets
+ * NetworkSelections component - Network/blockchain selection interface for multi-network wallets with full customization
  *
  * This component provides a network selection interface when a wallet supports multiple blockchains:
  * - Visual network cards with blockchain icons and names
@@ -5341,6 +6300,7 @@ interface NetworkSelectionsProps {
  * - Educational content about blockchain networks
  * - Full accessibility support with semantic structure
  * - External documentation links for each network
+ * - Complete customization of all child components and styling
  *
  * Use cases:
  * - Multi-network wallets (e.g., MetaMask supporting EVM chains)
@@ -5367,12 +6327,7 @@ interface NetworkSelectionsProps {
  * - Keyboard navigation support for all interactive elements
  * - Error announcements with live regions
  *
- * @param activeConnector - Name of the currently selected wallet connector
- * @param connectors - Array of available wallet connectors with supported networks
- * @param onClick - Async handler for network selection with adapter and wallet type
- * @returns JSX element representing the network selection interface
- *
- * @example
+ * @example Basic usage
  * ```tsx
  * <NetworkSelections
  *   activeConnector="metamask"
@@ -5383,23 +6338,32 @@ interface NetworkSelectionsProps {
  * />
  * ```
  *
- * @example
+ * @example With customization
  * ```tsx
- * // For cross-chain wallet selection
  * <NetworkSelections
  *   activeConnector="phantom"
- *   connectors={[{
- *     name: "Phantom",
- *     adapters: [OrbitAdapter.SOLANA, OrbitAdapter.EVM],
- *     connectors: phantomConnectors
- *   }]}
+ *   connectors={crossChainConnectors}
  *   onClick={(adapter, type) => handleNetworkConnection(adapter, type)}
+ *   customization={{
+ *     components: {
+ *       Container: CustomNetworkContainer,
+ *       NetworkIcon: CustomNetworkIcon
+ *     },
+ *     classNames: {
+ *       networkList: ({ selectionsData }) =>
+ *         selectionsData.isTouch ? 'touch-network-list' : 'desktop-network-list'
+ *     },
+ *     handlers: {
+ *       onNetworkClick: (networkData, selectionsData, originalHandler) => {
+ *         analytics.track('network_selected', { network: networkData.name });
+ *         originalHandler(networkData.adapter);
+ *       }
+ *     }
+ *   }}
  * />
  * ```
- *
- * @public
  */
-declare function NetworkSelections({ connectors, onClick, activeConnector }: NetworkSelectionsProps): react_jsx_runtime.JSX.Element;
+declare const NetworkSelections: React__default.NamedExoticComponent<NetworkSelectionsProps & React__default.RefAttributes<HTMLDivElement>>;
 
 /**
  * Parameters for retrieving chain lists based on wallet configuration.
@@ -5963,30 +6927,30 @@ declare function getAvailableChainIds({ selectedAdapter, appChains, solanaRPCUrl
     selectedAdapter: OrbitAdapter;
 } & InitialChains): Array<number | string>;
 
-interface GroupedConnector {
+interface GroupedConnector$1 {
     name: string;
     icon?: string;
     adapters: OrbitAdapter[];
-    connectors: (Connector$1 & {
+    connectors: (Connector & {
         adapter: OrbitAdapter;
     })[];
 }
 interface GetGroupedConnectorsParams {
-    connectors: Partial<Record<OrbitAdapter, Connector$1[]>>;
+    connectors: Partial<Record<OrbitAdapter, Connector[]>>;
     excludeConnectors?: string[];
 }
 /**
  * Groups wallet connectors by their formatted names across different adapters.
  * Filters out specified excluded connectors (like 'injected' wallets).
  */
-declare function getGroupedConnectors({ connectors, excludeConnectors }?: GetGroupedConnectorsParams): GroupedConnector[];
+declare function getGroupedConnectors({ connectors, excludeConnectors }?: GetGroupedConnectorsParams): GroupedConnector$1[];
 /**
  * Quick helper to check if connectors are available
  */
-declare function hasAvailableConnectors(connectors: Partial<Record<OrbitAdapter, Connector$1[]>>): boolean;
+declare function hasAvailableConnectors(connectors: Partial<Record<OrbitAdapter, Connector[]>>): boolean;
 
 interface GetFilteredConnectorsParams {
-    connectors: Partial<Record<OrbitAdapter, Connector$1[]>>;
+    connectors: Partial<Record<OrbitAdapter, Connector[]>>;
     selectedAdapter?: OrbitAdapter;
 }
 /**
@@ -5997,11 +6961,11 @@ interface GetFilteredConnectorsParams {
  * @param params Configuration object with connectors and optional adapter filter
  * @returns Filtered array of grouped connectors
  */
-declare function getFilteredConnectors({ connectors, selectedAdapter, }: GetFilteredConnectorsParams): GroupedConnector[];
+declare function getFilteredConnectors({ connectors, selectedAdapter, }: GetFilteredConnectorsParams): GroupedConnector$1[];
 /**
  * Quick helper to check if any connectors exist for an adapter
  */
-declare function hasConnectorsForAdapter(connectors: Partial<Record<OrbitAdapter, Connector$1[]>>, adapter: OrbitAdapter): boolean;
+declare function hasConnectorsForAdapter(connectors: Partial<Record<OrbitAdapter, Connector[]>>, adapter: OrbitAdapter): boolean;
 
 declare const getNetworkIcon: (adapter: OrbitAdapter) => {
     chainId: number;
@@ -6134,7 +7098,7 @@ interface NetworkTabData {
     /** Tab index */
     index: number;
 }
-type ContainerProps$1 = {
+type ContainerProps$2 = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
@@ -6197,7 +7161,7 @@ type NetworkTabsCustomization = {
     /** Custom components */
     components?: {
         /** Custom container wrapper */
-        Container?: ComponentType<ContainerProps$1>;
+        Container?: ComponentType<ContainerProps$2>;
         /** Custom tab list container */
         TabList?: ComponentType<TabListProps>;
         /** Custom tab wrapper */
@@ -6410,6 +7374,361 @@ interface NetworkTabsProps {
  */
 declare const NetworkTabs: React__default.NamedExoticComponent<NetworkTabsProps & React__default.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Interface for grouped wallet connectors
+ */
+interface GroupedConnector {
+    /** Name of the wallet connector */
+    name: string;
+    /** Optional icon for the wallet */
+    icon?: string;
+    /** Array of supported network adapters */
+    adapters: OrbitAdapter[];
+    /** Array of connectors with their associated adapters */
+    connectors: (Connector & {
+        adapter: OrbitAdapter;
+    })[];
+}
+
+/**
+ * @file Connecting component with comprehensive customization options and connection status display.
+ */
+
+/**
+ * Connection states
+ */
+type ConnectionState = 'connecting' | 'success' | 'error';
+/**
+ * Connection status data
+ */
+interface ConnectingStatusData {
+    /** Connection state */
+    state: ConnectionState;
+    /** Display message */
+    message: string;
+    /** Error message if any */
+    errorMessage: string | null;
+    /** Currently active connector */
+    activeConnector: string | undefined;
+    /** Selected adapter */
+    selectedAdapter: OrbitAdapter | undefined;
+    /** Current connector configuration */
+    currentConnector: GroupedConnector | null;
+    /** Whether to show detailed error */
+    showDetailedError: boolean;
+    /** Raw error object */
+    rawError: unknown;
+}
+type ContainerProps$1 = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-label'?: string;
+    'aria-live'?: 'polite' | 'assertive' | 'off';
+    'aria-atomic'?: boolean;
+    statusData: ConnectingStatusData;
+} & React__default.RefAttributes<HTMLElement>;
+type StatusContainerProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    statusData: ConnectingStatusData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type SpinnerProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    role?: string;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+    statusData: ConnectingStatusData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type StatusIconProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    role?: string;
+    'aria-label'?: string;
+    statusData: ConnectingStatusData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type WalletIconContainerProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    statusData: ConnectingStatusData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type MessageContainerProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    statusData: ConnectingStatusData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type StatusMessageProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    id?: string;
+    role?: string;
+    'aria-level'?: number;
+    statusData: ConnectingStatusData;
+} & React__default.RefAttributes<HTMLHeadingElement>;
+type ErrorMessageProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-describedby'?: string;
+    statusData: ConnectingStatusData;
+} & React__default.RefAttributes<HTMLParagraphElement>;
+type ErrorDetailsProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    statusData: ConnectingStatusData;
+} & React__default.RefAttributes<HTMLDetailsElement>;
+type LoadingPlaceholderProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    role?: string;
+    'aria-label'?: string;
+    statusData: ConnectingStatusData;
+} & React__default.RefAttributes<HTMLDivElement>;
+/**
+ * Customization options for Connecting component
+ */
+type ConnectingCustomization = {
+    /** Custom components */
+    components?: {
+        /** Custom container wrapper */
+        Container?: ComponentType<ContainerProps$1>;
+        /** Custom status container */
+        StatusContainer?: ComponentType<StatusContainerProps>;
+        /** Custom loading spinner */
+        Spinner?: ComponentType<SpinnerProps>;
+        /** Custom status icon */
+        StatusIcon?: ComponentType<StatusIconProps>;
+        /** Custom wallet icon container */
+        WalletIconContainer?: ComponentType<WalletIconContainerProps>;
+        /** Custom message container */
+        MessageContainer?: ComponentType<MessageContainerProps>;
+        /** Custom status message */
+        StatusMessage?: ComponentType<StatusMessageProps>;
+        /** Custom error message */
+        ErrorMessage?: ComponentType<ErrorMessageProps>;
+        /** Custom error details */
+        ErrorDetails?: ComponentType<ErrorDetailsProps>;
+        /** Custom loading placeholder */
+        LoadingPlaceholder?: ComponentType<LoadingPlaceholderProps>;
+    };
+    /** Custom class name generators */
+    classNames?: {
+        /** Function to generate container classes */
+        container?: (params: {
+            statusData: ConnectingStatusData;
+        }) => string;
+        /** Function to generate status container classes */
+        statusContainer?: (params: {
+            statusData: ConnectingStatusData;
+        }) => string;
+        /** Function to generate spinner classes */
+        spinner?: (params: {
+            statusData: ConnectingStatusData;
+        }) => string;
+        /** Function to generate status icon classes */
+        statusIcon?: (params: {
+            statusData: ConnectingStatusData;
+        }) => string;
+        /** Function to generate wallet icon container classes */
+        walletIconContainer?: (params: {
+            statusData: ConnectingStatusData;
+        }) => string;
+        /** Function to generate message container classes */
+        messageContainer?: (params: {
+            statusData: ConnectingStatusData;
+        }) => string;
+        /** Function to generate status message classes */
+        statusMessage?: (params: {
+            statusData: ConnectingStatusData;
+        }) => string;
+        /** Function to generate error message classes */
+        errorMessage?: (params: {
+            statusData: ConnectingStatusData;
+        }) => string;
+        /** Function to generate error details classes */
+        errorDetails?: (params: {
+            statusData: ConnectingStatusData;
+        }) => string;
+        /** Function to generate loading placeholder classes */
+        loadingPlaceholder?: (params: {
+            statusData: ConnectingStatusData;
+        }) => string;
+    };
+    /** Custom style generators */
+    styles?: {
+        /** Function to generate container styles */
+        container?: (params: {
+            statusData: ConnectingStatusData;
+        }) => React__default.CSSProperties;
+        /** Function to generate status container styles */
+        statusContainer?: (params: {
+            statusData: ConnectingStatusData;
+        }) => React__default.CSSProperties;
+        /** Function to generate spinner styles */
+        spinner?: (params: {
+            statusData: ConnectingStatusData;
+        }) => React__default.CSSProperties;
+        /** Function to generate status icon styles */
+        statusIcon?: (params: {
+            statusData: ConnectingStatusData;
+        }) => React__default.CSSProperties;
+        /** Function to generate wallet icon container styles */
+        walletIconContainer?: (params: {
+            statusData: ConnectingStatusData;
+        }) => React__default.CSSProperties;
+        /** Function to generate message container styles */
+        messageContainer?: (params: {
+            statusData: ConnectingStatusData;
+        }) => React__default.CSSProperties;
+        /** Function to generate status message styles */
+        statusMessage?: (params: {
+            statusData: ConnectingStatusData;
+        }) => React__default.CSSProperties;
+        /** Function to generate error message styles */
+        errorMessage?: (params: {
+            statusData: ConnectingStatusData;
+        }) => React__default.CSSProperties;
+        /** Function to generate error details styles */
+        errorDetails?: (params: {
+            statusData: ConnectingStatusData;
+        }) => React__default.CSSProperties;
+        /** Function to generate loading placeholder styles */
+        loadingPlaceholder?: (params: {
+            statusData: ConnectingStatusData;
+        }) => React__default.CSSProperties;
+    };
+    /** Custom event handlers */
+    handlers?: {
+        /** Custom handler for state change */
+        onStateChange?: (state: ConnectionState, statusData: ConnectingStatusData) => void;
+        /** Custom handler for error occurrence */
+        onError?: (error: unknown, statusData: ConnectingStatusData) => void;
+        /** Custom handler for successful connection */
+        onSuccess?: (statusData: ConnectingStatusData) => void;
+        /** Custom handler for connection start */
+        onConnectingStart?: (statusData: ConnectingStatusData) => void;
+        /** Custom cleanup handler called on unmount */
+        onCleanup?: (statusData: ConnectingStatusData) => void;
+    };
+    /** Configuration options */
+    config?: {
+        /** Custom ARIA labels */
+        ariaLabels?: {
+            container?: string;
+            spinner?: string;
+            successIcon?: string;
+            errorIcon?: string;
+            loading?: string;
+        };
+        /** Custom animation settings */
+        animation?: {
+            spinnerDuration?: string;
+            transitionDuration?: string;
+        };
+        /** Custom icon settings */
+        icons?: {
+            showSuccessIcon?: boolean;
+            showErrorIcon?: boolean;
+            customSuccessIcon?: ComponentType<{
+                className?: string;
+            }>;
+            customErrorIcon?: ComponentType<{
+                className?: string;
+            }>;
+        };
+    };
+};
+/**
+ * Connection status component props interface
+ */
+interface ConnectingProps {
+    /** Currently active connector identifier */
+    activeConnector: string | undefined;
+    /** Selected orbit adapter for the connection */
+    selectedAdapter: OrbitAdapter | undefined;
+    /** Array of available wallet connectors */
+    connectors: GroupedConnector[];
+    /** Whether the wallet connection is successfully established */
+    isConnected: boolean;
+    /** Optional custom error message to display */
+    customErrorMessage?: string;
+    /** Whether to show detailed error information */
+    showDetailedError?: boolean;
+    /** Custom CSS classes for styling the container */
+    className?: string;
+    /** Customization options */
+    customization?: ConnectingCustomization;
+}
+/**
+ * Connection status display component for wallet connection flow
+ *
+ * This component provides comprehensive visual feedback during wallet connection:
+ * - Animated loading spinner for connection in progress
+ * - Success state with checkmark icon for completed connections
+ * - Error state with warning icon and detailed error messages
+ * - Fully internationalized text content with translation support
+ * - WCAG compliant accessibility with proper ARIA labels and live regions
+ * - Responsive design that adapts to different screen sizes
+ * - Visual status indicators with semantic colors and icons
+ * - Screen reader announcements for state changes
+ *
+ * The component automatically detects connection state and displays appropriate
+ * visual feedback with proper semantic markup for accessibility tools.
+ *
+ * @param activeConnector - Identifier of the currently connecting wallet
+ * @param selectedAdapter - Orbit adapter instance for the connection
+ * @param connectors - Array of available wallet connector options
+ * @param isConnected - Boolean flag indicating successful connection
+ * @param customErrorMessage - Optional custom error message override
+ * @param showDetailedError - Flag to show detailed error information
+ * @returns JSX element displaying connection status with visual feedback
+ *
+ * @example
+ * ```tsx
+ * <Connecting
+ *   activeConnector="metamask"
+ *   selectedAdapter={ethereumAdapter}
+ *   connectors={availableConnectors}
+ *   isConnected={false}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With custom error handling
+ * <Connecting
+ *   activeConnector="walletconnect"
+ *   selectedAdapter={polygonAdapter}
+ *   connectors={connectors}
+ *   isConnected={false}
+ *   customErrorMessage="Custom connection error occurred"
+ *   showDetailedError={true}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Successful connection state
+ * <Connecting
+ *   activeConnector="phantom"
+ *   selectedAdapter={solanaAdapter}
+ *   connectors={solanaConnectors}
+ *   isConnected={true}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const Connecting: React__default.NamedExoticComponent<ConnectingProps & React__default.RefAttributes<HTMLDivElement>>;
+
 /**
  * @file RecentBadge component with comprehensive customization options and animated gradient border.
  */
@@ -6926,4 +8245,4 @@ declare function initializeBlockchainSupport(): Promise<InitializationResult>;
  */
 declare function isAdapterSupported(adapter: OrbitAdapter): Promise<boolean>;
 
-export { AboutWallets, type AboutWalletsCustomization, type AboutWalletsProps, type AdapterInfo, type AdapterLoadStatus, type AllChainConfigs, type AllConnectors, type AllWallets, type AnimationConfig, type BadgeAnimationConfig, type BadgeGradientConfig, type BlockchainUtilities, type BlockchainUtilityResult, type ChainAdapter, type ChainIdentifierArray, ChainListRenderer, type ChainListRendererCustomization, type ChainListRendererProps, ChainSelector, type ChainSelectorCustomization, type ChainSelectorProps, type ChainTriggerButtonCustomization, ConnectButton, type ConnectButtonProps, ConnectCard, ConnectedContent, type ConnectedContentCustomization, type ConnectedContentProps, ConnectedModal, type ConnectedModalCustomization, ConnectedModalFooter, type ConnectedModalFooterCustomization, type ConnectedModalFooterProps, ConnectedModalMainContent, type ConnectedModalMainContentCustomization, type ConnectedModalMainContentProps, ConnectedModalNameAndBalance, type ConnectedModalNameAndBalanceCustomization, type ConnectedModalNameAndBalanceProps, type ConnectedModalProps, ConnectedModalTxHistory, type ConnectedModalTxHistoryCustomization, type ConnectedModalTxHistoryProps, Connecting, type Connector, ConnectorsBlock, ConnectorsSelections, type ConnectorsSelectionsProps, Disclaimer, type DisclaimerCustomization, type DisclaimerProps, GetWallet, type GetWalletCustomization, type GetWalletProps, type GroupedConnector, IconButton, type IconButtonCustomization, type IconButtonProps, ImpersonateForm, type ImpersonateFormCustomization, type ImpersonateFormProps, type InitialChains, type InitializationResult, NetworkSelections, type NetworkTabData, NetworkTabs, type NetworkTabsCustomization, type NetworkTabsProps, type NovaConnectLabels, RecentBadge, type RecentBadgeCustomization, type RecentBadgeProps, ScrollableChainList, type ScrollableChainListCustomization, type ScrollableChainListProps, SelectContentAnimated, type SelectContentAnimatedProps, StatusIcon, type StatusIconCustomization, type StatusIconProps, ToBottomButton, type ToBottomButtonCustomization, type ToBottomButtonProps, ToTopButton, type ToTopButtonCustomization, type ToTopButtonProps, ToastError, type ToastErrorCustomization, type ToastErrorProps, type ValidationConfig, WaitForConnectionContent, type WaitForConnectionContentCustomization, type WaitForConnectionContentProps, type Wallet, WalletAvatar, type WalletAvatarCustomization, type WalletAvatarProps, type WalletAvatarSize, WalletIcon, type WalletIconConfig, type WalletIconCustomization, type WalletIconProps$1 as WalletIconProps, defaultLabels, getAdapterStatus, getAllAdaptersStatus, getAvailableChainIds, getAvailableSolanaClusters, getAvailableSolanaClusters$1 as getAvailableSolanaClustersAsync, getBlockchainUtilities, getChainsListByWalletTypeSync as getChainsListByWalletType, getChainsListByWalletType as getChainsListByWalletTypeAsync, getChainsListByWalletTypeSync, getConnectChainId, getEvmUtils, getFilteredConnectors, getGroupedConnectors, getNetworkIcon, getSolanaUtils, getWalletChains, hasAvailableConnectors, hasConnectorsForAdapter, initializeBlockchainSupport, isAdapterSupported, isEvmChainListSync as isEvmChainList, isEvmChainList as isEvmChainListAsync, isEvmChainListSync, isSolanaChainListSync as isSolanaChainList, isSolanaChainList as isSolanaChainListAsync, isSolanaChainListSync, isValidSolanaCluster, isValidSolanaCluster$1 as isValidSolanaClusterAsync, networksLinks, preloadChainAdapters, ukrainianLabels };
+export { AboutWallets, type AboutWalletsCustomization, type AboutWalletsProps, type AdapterInfo, type AdapterLoadStatus, type AllChainConfigs, type AllConnectors, type AllWallets, type AnimationConfig, type BadgeAnimationConfig, type BadgeGradientConfig, type BlockchainUtilities, type BlockchainUtilityResult, type ChainAdapter, type ChainIdentifierArray, ChainListRenderer, type ChainListRendererCustomization, type ChainListRendererProps, ChainSelector, type ChainSelectorCustomization, type ChainSelectorProps, type ChainTriggerButtonCustomization, ConnectButton, type ConnectButtonProps, ConnectCard, type ConnectCardCustomization, type ConnectCardData, ConnectedContent, type ConnectedContentCustomization, type ConnectedContentProps, ConnectedModal, type ConnectedModalCustomization, ConnectedModalFooter, type ConnectedModalFooterCustomization, type ConnectedModalFooterProps, ConnectedModalMainContent, type ConnectedModalMainContentCustomization, type ConnectedModalMainContentProps, ConnectedModalNameAndBalance, type ConnectedModalNameAndBalanceCustomization, type ConnectedModalNameAndBalanceProps, type ConnectedModalProps, ConnectedModalTxHistory, type ConnectedModalTxHistoryCustomization, type ConnectedModalTxHistoryProps, Connecting, type ConnectingCustomization, type ConnectingProps, type ConnectingStatusData, type ConnectionState, type Connector, type ConnectorItemData, ConnectorsBlock, type ConnectorsBlockCustomization, type ConnectorsBlockData, ConnectorsSelections, type ConnectorsSelectionsCustomization, type ConnectorsSelectionsData, type ConnectorsSelectionsProps, Disclaimer, type DisclaimerCustomization, type DisclaimerProps, GetWallet, type GetWalletCustomization, type GetWalletProps, type GroupedConnector$1 as GroupedConnector, IconButton, type IconButtonCustomization, type IconButtonProps, ImpersonateForm, type ImpersonateFormCustomization, type ImpersonateFormProps, type ImpersonateSectionData, type InitialChains, type InitializationResult, type NetworkIconsCustomization, NetworkSelections, type NetworkSelectionsCustomization, type NetworkSelectionsData, type NetworkTabData, NetworkTabs, type NetworkTabsCustomization, type NetworkTabsProps, type NovaConnectLabels, RecentBadge, type RecentBadgeCustomization, type RecentBadgeProps, ScrollableChainList, type ScrollableChainListCustomization, type ScrollableChainListProps, SelectContentAnimated, type SelectContentAnimatedProps, StatusIcon, type StatusIconCustomization, type StatusIconProps$1 as StatusIconProps, ToBottomButton, type ToBottomButtonCustomization, type ToBottomButtonProps, ToTopButton, type ToTopButtonCustomization, type ToTopButtonProps, ToastError, type ToastErrorCustomization, type ToastErrorProps, type ValidationConfig, WaitForConnectionContent, type WaitForConnectionContentCustomization, type WaitForConnectionContentProps, type Wallet, WalletAvatar, type WalletAvatarCustomization, type WalletAvatarProps, type WalletAvatarSize, WalletIcon, type WalletIconConfig, type WalletIconCustomization, type WalletIconProps$1 as WalletIconProps, defaultLabels, getAdapterStatus, getAllAdaptersStatus, getAvailableChainIds, getAvailableSolanaClusters, getAvailableSolanaClusters$1 as getAvailableSolanaClustersAsync, getBlockchainUtilities, getChainsListByWalletTypeSync as getChainsListByWalletType, getChainsListByWalletType as getChainsListByWalletTypeAsync, getChainsListByWalletTypeSync, getConnectChainId, getEvmUtils, getFilteredConnectors, getGroupedConnectors, getNetworkIcon, getSolanaUtils, getWalletChains, hasAvailableConnectors, hasConnectorsForAdapter, initializeBlockchainSupport, isAdapterSupported, isEvmChainListSync as isEvmChainList, isEvmChainList as isEvmChainListAsync, isEvmChainListSync, isSolanaChainListSync as isSolanaChainList, isSolanaChainList as isSolanaChainListAsync, isSolanaChainListSync, isValidSolanaCluster, isValidSolanaCluster$1 as isValidSolanaClusterAsync, networksLinks, preloadChainAdapters, ukrainianLabels };