@tuwaio/nova-connect 1.0.0-fix-test-alpha.58.f75b213 → 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.
@@ -3596,7 +3595,7 @@ type BackButtonProps = {
     className?: string;
     style?: React__default.CSSProperties;
 };
-type TitleProps$4 = {
+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$4>;
+        Title?: ComponentType<TitleProps$5>;
         /** Custom close button component */
         CloseButton?: ComponentType<CloseButtonProps>;
         /** Custom main content component */
@@ -4296,7 +4295,7 @@ type TextContainerProps = {
     children: React__default.ReactNode;
     cardData: ConnectCardData;
 } & React__default.RefAttributes<HTMLDivElement>;
-type TitleProps$3 = {
+type TitleProps$4 = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
@@ -4354,7 +4353,7 @@ type ConnectCardCustomization = {
         /** Custom text container */
         TextContainer?: ComponentType<TextContainerProps>;
         /** Custom title */
-        Title?: ComponentType<TitleProps$3>;
+        Title?: ComponentType<TitleProps$4>;
         /** Custom subtitle */
         Subtitle?: ComponentType<SubtitleProps>;
         /** Custom info link */
@@ -4557,360 +4556,568 @@ interface ConnectCardProps {
 declare const ConnectCard: React__default.NamedExoticComponent<ConnectCardProps & React__default.RefAttributes<HTMLButtonElement>>;
 
 /**
- * Interface for grouped wallet connectors
+ * A custom hook to easily access the i18n labels from any component
+ * within the `NovaConnectLabelsProvider` tree.
+ *
+ * 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>
+ *   );
+ * }
+ * ```
  */
-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;
-    })[];
-}
+declare const useNovaConnectLabels: () => NovaConnectLabels;
 
 /**
- * @file Connecting component with comprehensive customization options and connection status display.
+ * @file ConnectorsBlock component with comprehensive customization options and connector group display.
  */
 
 /**
- * Connection states
+ * Connector block data for customization context
  */
-type ConnectionState = 'connecting' | 'success' | 'error';
+interface ConnectorsBlockData {
+    /** Currently selected network adapter */
+    selectedAdapter: OrbitAdapter | undefined;
+    /** 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 data
+ * Individual connector item 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$1 | null;
-    /** Whether to show detailed error */
-    showDetailedError: boolean;
-    /** Raw error object */
-    rawError: unknown;
+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$6 = {
+type ContainerProps$8 = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
     role?: string;
+    'aria-labelledby'?: string;
     'aria-label'?: string;
-    'aria-live'?: 'polite' | 'assertive' | 'off';
-    'aria-atomic'?: boolean;
-    statusData: ConnectingStatusData;
+    blockData: ConnectorsBlockData;
 } & 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 = {
+type TitleProps$3 = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
     id?: string;
     role?: string;
     'aria-level'?: number;
-    statusData: ConnectingStatusData;
+    onClick?: () => void;
+    blockData: ConnectorsBlockData;
 } & React__default.RefAttributes<HTMLHeadingElement>;
-type ErrorMessageProps$2 = {
+type ConnectorsListProps = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
     role?: string;
-    'aria-describedby'?: string;
-    statusData: ConnectingStatusData;
-} & React__default.RefAttributes<HTMLParagraphElement>;
-type ErrorDetailsProps = {
+    'aria-label'?: string;
+    blockData: ConnectorsBlockData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type ConnectorItemProps = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
-    statusData: ConnectingStatusData;
-} & React__default.RefAttributes<HTMLDetailsElement>;
-type LoadingPlaceholderProps = {
+    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;
-    statusData: ConnectingStatusData;
+    onClick?: () => void;
+    blockData: ConnectorsBlockData;
 } & React__default.RefAttributes<HTMLDivElement>;
 /**
- * Customization options for Connecting component
+ * Customization options for ConnectorsBlock component
  */
-type ConnectingCustomization = {
+type ConnectorsBlockCustomization = {
     /** Custom components */
     components?: {
         /** Custom container wrapper */
-        Container?: ComponentType<ContainerProps$6>;
-        /** 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$2>;
-        /** Custom error details */
-        ErrorDetails?: ComponentType<ErrorDetailsProps>;
-        /** Custom loading placeholder */
-        LoadingPlaceholder?: ComponentType<LoadingPlaceholderProps>;
+        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: {
-            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;
+            blockData: ConnectorsBlockData;
         }) => string;
-        /** Function to generate status message classes */
-        statusMessage?: (params: {
-            statusData: ConnectingStatusData;
+        /** Function to generate title classes */
+        title?: (params: {
+            blockData: ConnectorsBlockData;
         }) => string;
-        /** Function to generate error message classes */
-        errorMessage?: (params: {
-            statusData: ConnectingStatusData;
+        /** Function to generate connectors list classes */
+        connectorsList?: (params: {
+            blockData: ConnectorsBlockData;
         }) => string;
-        /** Function to generate error details classes */
-        errorDetails?: (params: {
-            statusData: ConnectingStatusData;
+        /** Function to generate connector item classes */
+        connectorItem?: (params: {
+            itemData: ConnectorItemData;
+            blockData: ConnectorsBlockData;
         }) => string;
-        /** Function to generate loading placeholder classes */
-        loadingPlaceholder?: (params: {
-            statusData: ConnectingStatusData;
+        /** Function to generate empty state classes */
+        emptyState?: (params: {
+            blockData: ConnectorsBlockData;
         }) => 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;
+            blockData: ConnectorsBlockData;
         }) => 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;
+        /** Function to generate title styles */
+        title?: (params: {
+            blockData: ConnectorsBlockData;
         }) => React__default.CSSProperties;
-        /** Function to generate error message styles */
-        errorMessage?: (params: {
-            statusData: ConnectingStatusData;
+        /** Function to generate connectors list styles */
+        connectorsList?: (params: {
+            blockData: ConnectorsBlockData;
         }) => React__default.CSSProperties;
-        /** Function to generate error details styles */
-        errorDetails?: (params: {
-            statusData: ConnectingStatusData;
+        /** Function to generate connector item styles */
+        connectorItem?: (params: {
+            itemData: ConnectorItemData;
+            blockData: ConnectorsBlockData;
         }) => React__default.CSSProperties;
-        /** Function to generate loading placeholder styles */
-        loadingPlaceholder?: (params: {
-            statusData: ConnectingStatusData;
+        /** Function to generate empty state styles */
+        emptyState?: (params: {
+            blockData: ConnectorsBlockData;
         }) => 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;
+        /** 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?: string;
-            spinner?: string;
-            successIcon?: string;
-            errorIcon?: string;
-            loading?: string;
+            container?: (blockData: ConnectorsBlockData) => string;
+            connectorsList?: (blockData: ConnectorsBlockData) => string;
+            emptyState?: (blockData: ConnectorsBlockData) => string;
         };
-        /** Custom animation settings */
-        animation?: {
-            spinnerDuration?: string;
-            transitionDuration?: 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[];
         };
-        /** Custom icon settings */
-        icons?: {
-            showSuccessIcon?: boolean;
-            showErrorIcon?: boolean;
-            customSuccessIcon?: ComponentType<{
-                className?: string;
-            }>;
-            customErrorIcon?: ComponentType<{
-                className?: 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;
 };
 /**
- * Connection status component props interface
+ * Props for the ConnectorsBlock component
  */
-interface ConnectingProps {
-    /** Currently active connector identifier */
-    activeConnector: string | undefined;
-    /** Selected orbit adapter for the connection */
+interface ConnectorsBlockProps extends Pick<ConnectorsSelectionsProps, 'waitForPredict' | 'setIsOpen' | 'setIsConnected' | 'onClick' | 'appChains' | 'solanaRPCUrls'>, Pick<ConnectButtonProps, 'store'> {
+    /** 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;
-    /** Custom CSS classes for styling the container */
-    className?: string;
+    /** 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;
     /** Customization options */
-    customization?: ConnectingCustomization;
+    customization?: ConnectorsBlockCustomization;
 }
 /**
- * Connection status display component for wallet connection flow
+ * ConnectorsBlock component - Displays a grouped section of wallet connectors with full customization
  *
- * 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
+ * This component renders a section of wallet connectors with:
+ * - Responsive layout adapting to touch/mouse interfaces
+ * - Support for multi-network wallet selection
+ * - Automatic connection handling for single-network wallets
+ * - 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
  *
- * The component automatically detects connection state and displays appropriate
- * visual feedback with proper semantic markup for accessibility tools.
+ * 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
  *
- * @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
+ * 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
  *
- * @example
- * ```tsx
- * <Connecting
- *   activeConnector="metamask"
- *   selectedAdapter={ethereumAdapter}
- *   connectors={availableConnectors}
- *   isConnected={false}
- * />
- * ```
+ * 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
  *
- * @example
+ * @example Basic usage
  * ```tsx
- * // With custom error handling
- * <Connecting
- *   activeConnector="walletconnect"
- *   selectedAdapter={polygonAdapter}
- *   connectors={connectors}
- *   isConnected={false}
- *   customErrorMessage="Custom connection error occurred"
- *   showDetailedError={true}
+ * <ConnectorsBlock
+ *   selectedAdapter={OrbitAdapter.EVM}
+ *   connectors={installedConnectors}
+ *   title="Installed"
+ *   isTitleBold={true}
+ *   isOnlyOneNetwork={false}
+ *   onClick={(group) => handleWalletSelection(group)}
+ *   appChains={appConfiguration}
+ *   solanaRPCUrls={rpcConfig}
+ *   store={walletStore}
  * />
  * ```
  *
- * @example
+ * @example With full customization
  * ```tsx
- * // Successful connection state
- * <Connecting
- *   activeConnector="phantom"
- *   selectedAdapter={solanaAdapter}
- *   connectors={solanaConnectors}
- *   isConnected={true}
+ * <ConnectorsBlock
+ *   selectedAdapter={undefined}
+ *   connectors={popularConnectors}
+ *   title="Popular"
+ *   isTitleBold={false}
+ *   isOnlyOneNetwork={true}
+ *   onClick={(group) => initiateConnection(group)}
+ *   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 const Connecting: React__default.NamedExoticComponent<ConnectingProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const ConnectorsBlock: React__default.NamedExoticComponent<ConnectorsBlockProps & React__default.RefAttributes<HTMLElement>>;
+
+/**
+ * @file ConnectorsSelections component with comprehensive customization options and categorized connector display.
+ */
 
+/**
+ * Connector selections data for customization context
+ */
+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;
+    selectionsData: ConnectorsSelectionsData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type ContentWrapperProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    selectionsData: ConnectorsSelectionsData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type ConnectorsAreaProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-label'?: string;
+    selectionsData: ConnectorsSelectionsData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type ImpersonateSectionProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-label'?: string;
+    impersonateData: ImpersonateSectionData;
+    selectionsData: ConnectorsSelectionsData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type ImpersonateTitleProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    impersonateData: ImpersonateSectionData;
+    selectionsData: ConnectorsSelectionsData;
+} & React__default.RefAttributes<HTMLParagraphElement>;
+type EmptyStateProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    '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;
+    selectionsData: ConnectorsSelectionsData;
+} & React__default.RefAttributes<HTMLDivElement>;
+/**
+ * Customization options for ConnectorsSelections component
+ */
+type ConnectorsSelectionsCustomization = {
+    /** Custom components */
+    components?: {
+        /** Custom container wrapper */
+        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: {
+            selectionsData: ConnectorsSelectionsData;
+        }) => string;
+        /** Function to generate content wrapper classes */
+        contentWrapper?: (params: {
+            selectionsData: ConnectorsSelectionsData;
+        }) => string;
+        /** Function to generate connectors area classes */
+        connectorsArea?: (params: {
+            selectionsData: ConnectorsSelectionsData;
+        }) => string;
+        /** 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;
+    };
+    /** Custom style generators */
+    styles?: {
+        /** Function to generate container styles */
+        container?: (params: {
+            selectionsData: ConnectorsSelectionsData;
+        }) => React__default.CSSProperties;
+        /** Function to generate content wrapper styles */
+        contentWrapper?: (params: {
+            selectionsData: ConnectorsSelectionsData;
+        }) => React__default.CSSProperties;
+        /** Function to generate connectors area styles */
+        connectorsArea?: (params: {
+            selectionsData: ConnectorsSelectionsData;
+        }) => React__default.CSSProperties;
+        /** 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;
+    };
+    /** Custom event handlers */
+    handlers?: {
+        /** 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 ARIA labels */
+        ariaLabels?: {
+            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 ConnectorsSelections component
  */
@@ -4918,9 +5125,9 @@ interface ConnectorsSelectionsProps extends Pick<ConnectButtonProps, 'withImpers
     /** Currently selected network adapter */
     selectedAdapter: OrbitAdapter | undefined;
     /** Array of grouped wallet connectors */
-    connectors: GroupedConnector$1[];
+    connectors: GroupedConnector[];
     /** Click handler for connector selection */
-    onClick: (connector: GroupedConnector$1) => void;
+    onClick: (connector: GroupedConnector) => void;
     /** Function to set connection status */
     setIsConnected: (value: boolean) => void;
     /** Function to control modal open state */
@@ -4931,6 +5138,8 @@ interface ConnectorsSelectionsProps extends Pick<ConnectButtonProps, 'withImpers
     setContentType: (contentType: ConnectContentType) => void;
     /** Whether only one network is available */
     isOnlyOneNetwork?: boolean;
+    /** Customization options */
+    customization?: ConnectorsSelectionsCustomization;
 }
 /**
  * ConnectorsSelections component - Main wallet selection interface with categorized connectors
@@ -4942,6 +5151,7 @@ interface ConnectorsSelectionsProps extends Pick<ConnectButtonProps, 'withImpers
  * - 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
  *
  * Wallet categorization:
  * - Installed: Detected browser extension wallets (excluding popular ones)
@@ -4954,12 +5164,14 @@ interface ConnectorsSelectionsProps extends Pick<ConnectButtonProps, 'withImpers
  * - 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
@@ -4967,21 +5179,9 @@ interface ConnectorsSelectionsProps extends Pick<ConnectButtonProps, 'withImpers
  * - Role-based navigation support
  * - Focus management for keyboard users
  * - Error states with descriptive messaging
+ * - Customizable ARIA labels and descriptions
  *
- * @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
+ * @example Basic usage
  * ```tsx
  * <ConnectorsSelections
  *   selectedAdapter={OrbitAdapter.EVM}
@@ -4995,12 +5195,12 @@ interface ConnectorsSelectionsProps extends Pick<ConnectButtonProps, 'withImpers
  *   isOnlyOneNetwork={false}
  *   appChains={chainConfiguration}
  *   solanaRPCUrls={solanaConfig}
+ *   store={walletStore}
  * />
  * ```
  *
- * @example
+ * @example With full customization
  * ```tsx
- * // Touch device optimized with educational content
  * <ConnectorsSelections
  *   selectedAdapter={undefined}
  *   connectors={allConnectors}
@@ -5011,198 +5211,178 @@ interface ConnectorsSelectionsProps extends Pick<ConnectButtonProps, 'withImpers
  *   setContentType={changeContent}
  *   withImpersonated={false}
  *   isOnlyOneNetwork={true}
+ *   customization={{
+ *     components: {
+ *       Container: CustomSelectionsContainer,
+ *       EmptyState: CustomEmptyStateComponent
+ *     },
+ *     classNames: {
+ *       connectorsArea: ({ selectionsData }) =>
+ *         selectionsData.isTouch ? 'horizontal-scroll' : 'vertical-stack',
+ *       impersonateSection: ({ impersonateData }) =>
+ *         impersonateData.isTouch ? 'touch-impersonate' : 'mouse-impersonate'
+ *     },
+ *     handlers: {
+ *       onImpersonateClick: (impersonateData, selectionsData, originalHandler) => {
+ *         analytics.track('impersonate_clicked');
+ *         originalHandler();
+ *       }
+ *     },
+ *     connectorsBlock: {
+ *       installed: {
+ *         classNames: {
+ *           title: () => 'custom-installed-title'
+ *         }
+ *       }
+ *     }
+ *   }}
  * />
  * ```
- *
- * @public
  */
-declare function ConnectorsSelections({ setIsConnected, setIsOpen, selectedAdapter, connectors, onClick, appChains, solanaRPCUrls, waitForPredict, setContentType, withImpersonated, isOnlyOneNetwork, store, }: ConnectorsSelectionsProps): react_jsx_runtime.JSX.Element;
+declare const ConnectorsSelections: React__default.NamedExoticComponent<ConnectorsSelectionsProps & React__default.RefAttributes<HTMLDivElement>>;
 
 /**
- * Props for the ConnectorsBlock component
- */
-interface ConnectorsBlockProps extends Pick<ConnectorsSelectionsProps, 'waitForPredict' | 'setIsOpen' | 'setIsConnected' | 'onClick' | 'appChains' | 'solanaRPCUrls'>, Pick<ConnectButtonProps, 'store'> {
-    /** Currently selected network adapter */
-    selectedAdapter: OrbitAdapter | undefined;
-    /** Array of grouped wallet connectors to display */
-    connectors: GroupedConnector$1[];
-    /** 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;
-}
-/**
- * ConnectorsBlock component - Displays a grouped section of wallet connectors
- *
- * This component renders a section of wallet connectors with:
- * - Responsive layout adapting to touch/mouse interfaces
- * - Support for multi-network wallet selection
- * - Automatic connection handling for single-network wallets
- * - Recent wallet indicators and prioritization
- * - Full accessibility support with proper labeling
- * - Error handling and connection retry logic
- *
- * 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
- *
- * 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
- *
- * 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
- *
- * @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
- * ```tsx
- * <ConnectorsBlock
- *   selectedAdapter={OrbitAdapter.EVM}
- *   connectors={installedConnectors}
- *   title="Installed"
- *   isTitleBold={true}
- *   isOnlyOneNetwork={false}
- *   onClick={(group) => handleWalletSelection(group)}
- *   appChains={appConfiguration}
- *   solanaRPCUrls={rpcConfig}
- * />
- * ```
- *
- * @example
- * ```tsx
- * // Popular wallets section without network selection
- * <ConnectorsBlock
- *   selectedAdapter={undefined}
- *   connectors={popularConnectors}
- *   title="Popular"
- *   isTitleBold={false}
- *   isOnlyOneNetwork={true}
- *   onClick={(group) => initiateConnection(group)}
- *   appChains={appConfiguration}
- *   solanaRPCUrls={rpcConfig}
- * />
- * ```
- *
- * @public
- */
-declare function ConnectorsBlock({ selectedAdapter, connectors, solanaRPCUrls, appChains, waitForPredict, setIsConnected, setIsOpen, onClick, title, isTitleBold, isOnlyOneNetwork, store, }: ConnectorsBlockProps): react_jsx_runtime.JSX.Element;
-
-/**
- * @file Disclaimer component with comprehensive customization options.
+ * @file GetWallet component with comprehensive customization options and staggered animations.
  */
 
 /**
- * Type definition for button actions
- * Can be either a URL string for external links or a callback function
+ * Configuration for wallet icons in the animation
  */
-type ButtonAction = string | (() => void);
-type ContainerProps$5 = {
+interface WalletIconConfig {
+    /** Wallet key for Web3Icon component */
+    walletKey: string;
+    /** Position configuration using predefined position classes */
+    position: {
+        /** Top position class (e.g., 'top-[5%]', 'top-4') */
+        top?: string;
+        /** Bottom position class (e.g., 'bottom-[10%]', 'bottom-4') */
+        bottom?: string;
+        /** Left position class (e.g., 'left-[5%]', 'left-4') */
+        left?: string;
+        /** Right position class (e.g., 'right-[10%]', 'right-4') */
+        right?: string;
+        /** Transform classes for centering */
+        transform?: string;
+    };
+    /** Size configuration using predefined size classes */
+    size: {
+        /** Width and height classes for mobile */
+        mobile: {
+            width: string;
+            height: string;
+        };
+        /** Width and height classes for desktop */
+        desktop: {
+            width: string;
+            height: string;
+        };
+    };
+    /** Animation configuration */
+    animation: {
+        /** Animation duration in milliseconds */
+        duration: number;
+        /** Animation delay in milliseconds */
+        delay: number;
+        /** Whether to reverse animation direction */
+        reverse?: boolean;
+        /** Animation easing function */
+        ease?: string;
+    };
+    /** ARIA label for the wallet icon */
+    ariaLabel?: string;
+}
+type ContainerProps$6 = {
     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$1 = {
+} & React__default.RefAttributes<HTMLElement>;
+type AnimationSectionProps = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
     role?: string;
-    'aria-labelledby'?: string;
+    'aria-label'?: string;
 };
-type TitleProps$2 = {
-    id: string;
+type StarsBackgroundProps = {
     className?: string;
     style?: React__default.CSSProperties;
-    children: React__default.ReactNode;
-    role?: string;
-    'aria-level'?: number;
+    show: boolean;
+    'aria-hidden'?: boolean;
 };
-type DescriptionProps$1 = {
-    id: string;
+type GradientOverlayProps = {
     className?: string;
     style?: React__default.CSSProperties;
-    children: React__default.ReactNode;
-    role?: string;
+    'aria-hidden'?: boolean;
 };
-type AdditionalContentProps = {
+type AnimationWrapperProps = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
     role?: string;
     'aria-label'?: string;
+    enableAnimations: boolean;
+    animationDelay?: number;
+    animationDuration?: number;
 };
-type ActionsProps = {
+type WalletIconProps = {
+    config: WalletIconConfig;
+    enableAnimations: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+};
+type ContentSectionProps$1 = {
     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;
+type TitleProps$2 = {
     className?: string;
-    'data-testid'?: string;
     style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-level'?: number;
 };
-type StatusProps = {
+type DescriptionProps$1 = {
     className?: string;
     style?: React__default.CSSProperties;
-    children?: React__default.ReactNode;
-    'aria-live'?: 'polite' | 'assertive' | 'off';
-    'aria-atomic'?: boolean;
+    children: React__default.ReactNode;
     role?: string;
 };
+type ScreenReaderProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+};
 /**
- * Customization options for Disclaimer component
+ * Customization options for GetWallet component
  */
-type DisclaimerCustomization = {
+type GetWalletCustomization = {
     /** Custom components */
     components?: {
         /** Custom container wrapper */
-        Container?: ComponentType<ContainerProps$5>;
+        Container?: ComponentType<ContainerProps$6>;
+        /** Custom animation section */
+        AnimationSection?: ComponentType<AnimationSectionProps>;
+        /** Custom stars background */
+        StarsBackground?: ComponentType<StarsBackgroundProps>;
+        /** Custom gradient overlay */
+        GradientOverlay?: ComponentType<GradientOverlayProps>;
+        /** Custom animation wrapper */
+        AnimationWrapper?: ComponentType<AnimationWrapperProps>;
+        /** Custom wallet icon display */
+        WalletIcon?: ComponentType<WalletIconProps>;
         /** Custom content section */
         ContentSection?: ComponentType<ContentSectionProps$1>;
         /** Custom title component */
         Title?: ComponentType<TitleProps$2>;
         /** Custom description component */
         Description?: ComponentType<DescriptionProps$1>;
-        /** Custom additional content wrapper */
-        AdditionalContent?: ComponentType<AdditionalContentProps>;
-        /** Custom actions section */
-        Actions?: ComponentType<ActionsProps>;
-        /** Custom link button */
-        LinkButton?: ComponentType<ButtonProps>;
-        /** Custom action button */
-        ActionButton?: ComponentType<ButtonProps>;
-        /** Custom status component */
-        Status?: ComponentType<StatusProps>;
+        /** Custom screen reader component */
+        ScreenReader?: ComponentType<ScreenReaderProps>;
     };
     /** Custom class name generators */
     classNames?: {
@@ -5210,6 +5390,21 @@ type DisclaimerCustomization = {
         container?: (params: {
             compact: boolean;
         }) => string;
+        /** Function to generate animation section classes */
+        animationSection?: (params: {
+            compact: boolean;
+        }) => string;
+        /** Function to generate stars background classes */
+        starsBackground?: () => string;
+        /** Function to generate gradient overlay classes */
+        gradientOverlay?: () => string;
+        /** Function to generate animation wrapper classes */
+        animationWrapper?: () => string;
+        /** Function to generate wallet icon classes */
+        walletIcon?: (params: {
+            config: WalletIconConfig;
+            enableAnimations: boolean;
+        }) => string;
         /** Function to generate content section classes */
         contentSection?: (params: {
             compact: boolean;
@@ -5220,17 +5415,8 @@ type DisclaimerCustomization = {
         }) => 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;
+        /** Function to generate screen reader classes */
+        screenReader?: () => string;
     };
     /** Custom style generators */
     styles?: {
@@ -5238,6 +5424,21 @@ type DisclaimerCustomization = {
         container?: (params: {
             compact: boolean;
         }) => React__default.CSSProperties;
+        /** Function to generate animation section styles */
+        animationSection?: (params: {
+            compact: boolean;
+        }) => React__default.CSSProperties;
+        /** Function to generate stars background styles */
+        starsBackground?: () => React__default.CSSProperties;
+        /** Function to generate gradient overlay styles */
+        gradientOverlay?: () => React__default.CSSProperties;
+        /** Function to generate animation wrapper styles */
+        animationWrapper?: () => React__default.CSSProperties;
+        /** Function to generate wallet icon styles */
+        walletIcon?: (params: {
+            config: WalletIconConfig;
+            enableAnimations: boolean;
+        }) => React__default.CSSProperties;
         /** Function to generate content section styles */
         contentSection?: (params: {
             compact: boolean;
@@ -5248,109 +5449,91 @@ type DisclaimerCustomization = {
         }) => 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;
+        /** Function to generate screen reader styles */
+        screenReader?: () => 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 handler for animation start */
+        onAnimationStart?: () => void;
+        /** Custom handler for animation complete */
+        onAnimationComplete?: () => void;
     };
     /** Configuration options */
     config?: {
-        /** Custom button labels */
-        buttonLabels?: {
-            learnMore?: string;
-            listAction?: string;
-        };
         /** Custom ARIA labels */
         ariaLabels?: {
             container?: string;
+            animationSection?: string;
+            animationWrapper?: string;
             contentSection?: string;
-            actions?: string;
-            additionalContent?: string;
+        };
+        /** Animation configuration overrides */
+        animation?: {
+            /** Global animation duration multiplier */
+            durationMultiplier?: number;
+            /** Global animation delay multiplier */
+            delayMultiplier?: number;
+            /** Default easing function */
+            defaultEase?: string;
         };
     };
 };
 /**
- * Props for the Disclaimer component
+ * Props for the GetWallet 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 */
+interface GetWalletProps {
+    /** Custom CSS classes for styling the 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;
+    /** Whether to show the component in compact mode */
+    compact?: boolean;
+    /** Whether animations should be enabled */
+    enableAnimations?: boolean;
+    /** Custom wallet icons to display instead of defaults */
+    customWalletIcons?: WalletIconConfig[];
+    /** Whether to show the background stars animation */
+    showStarsBackground?: boolean;
     /** Customization options */
-    customization?: DisclaimerCustomization;
+    customization?: GetWalletCustomization;
 }
 /**
- * Educational disclaimer component with call-to-action buttons
+ * Educational wallet introduction component with animated icons and comprehensive customization
  *
- * This component provides educational content with actionable buttons for:
- * - Informational disclaimers about wallets, networks, or other concepts
- * - Educational content with "Learn More" functionality
- * - Network information with optional "List of Networks" access
- * - Responsive layout with proper spacing and visual hierarchy
- * - Full WCAG accessibility compliance with screen reader support
- * - Keyboard navigation with proper focus management
- * - Semantic HTML structure with comprehensive ARIA labeling
- * - Internationalization support for button labels
- * - Support for both internal callbacks and external links
- * - Flexible content areas with optional children support
+ * This component provides an engaging introduction to Web3 wallets featuring:
+ * - Animated floating wallet icons with individual staggered animations and delays
+ * - Educational content explaining Web3 wallet importance
+ * - Responsive design with mobile-first approach
+ * - Full accessibility support with proper ARIA labeling
+ * - Internationalization support for all text content
+ * - Performance optimizations with memoized calculations
+ * - Customizable animations and icon configurations
+ * - Semantic HTML structure for screen readers
+ * - Proper focus management and keyboard navigation
  * - 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
+ * Animation features:
+ * - Individual animation delays for each wallet icon using CSS custom properties
+ * - Customizable duration, easing, and direction per icon
+ * - Staggered floating animations for visual appeal
+ * - Motion reduction respect (prefers-reduced-motion)
+ * - Smooth entrance animations with framer-motion
  *
  * @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"
- * />
+ * <GetWallet />
  * ```
  *
  * @example With customization
  * ```tsx
- * <Disclaimer
- *   title="Network Information"
- *   description="Choose the right network for your transactions"
- *   learnMoreAction={handleLearnMore}
+ * <GetWallet
  *   compact
  *   customization={{
  *     classNames: {
@@ -5358,393 +5541,85 @@ interface DisclaimerProps {
  *       title: () => 'custom-title-styling'
  *     },
  *     components: {
- *       LinkButton: CustomLinkButton
+ *       WalletIcon: CustomWalletIcon
+ *     },
+ *     config: {
+ *       animation: {
+ *         durationMultiplier: 1.5,
+ *         delayMultiplier: 0.8
+ *       }
  *     }
  *   }}
  * />
  * ```
  */
-declare const Disclaimer: React__default.ForwardRefExoticComponent<DisclaimerProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const GetWallet: React__default.ForwardRefExoticComponent<GetWalletProps & React__default.RefAttributes<HTMLElement>>;
 
 /**
- * @file GetWallet component with comprehensive customization options and staggered animations.
+ * @file ImpersonateForm component with comprehensive customization options and validation.
  */
 
 /**
- * Configuration for wallet icons in the animation
+ * Validation configuration
  */
-interface WalletIconConfig {
-    /** Wallet key for Web3Icon component */
-    walletKey: string;
-    /** Position configuration using predefined position classes */
-    position: {
-        /** Top position class (e.g., 'top-[5%]', 'top-4') */
-        top?: string;
-        /** Bottom position class (e.g., 'bottom-[10%]', 'bottom-4') */
-        bottom?: string;
-        /** Left position class (e.g., 'left-[5%]', 'left-4') */
-        left?: string;
-        /** Right position class (e.g., 'right-[10%]', 'right-4') */
-        right?: string;
-        /** Transform classes for centering */
-        transform?: string;
-    };
-    /** Size configuration using predefined size classes */
-    size: {
-        /** Width and height classes for mobile */
-        mobile: {
-            width: string;
-            height: string;
-        };
-        /** Width and height classes for desktop */
-        desktop: {
-            width: string;
-            height: string;
-        };
-    };
-    /** Animation configuration */
-    animation: {
-        /** Animation duration in milliseconds */
-        duration: number;
-        /** Animation delay in milliseconds */
-        delay: number;
-        /** Whether to reverse animation direction */
-        reverse?: boolean;
-        /** Animation easing function */
-        ease?: string;
-    };
-    /** ARIA label for the wallet icon */
-    ariaLabel?: string;
+interface ValidationConfig {
+    /** Debounce delay in milliseconds */
+    debounceDelay: number;
+    /** Whether to validate on blur */
+    validateOnBlur: boolean;
+    /** Whether to validate on change */
+    validateOnChange: boolean;
+    /** Custom validation function */
+    customValidator?: (address: string) => string | null;
 }
-type ContainerProps$4 = {
-    className?: string;
-    style?: React__default.CSSProperties;
-    children: React__default.ReactNode;
-    role?: string;
-    'aria-label'?: string;
-    'data-testid'?: string;
-} & React__default.RefAttributes<HTMLElement>;
-type AnimationSectionProps = {
-    className?: string;
-    style?: React__default.CSSProperties;
-    children: React__default.ReactNode;
-    role?: string;
-    'aria-label'?: string;
-};
-type StarsBackgroundProps = {
-    className?: string;
-    style?: React__default.CSSProperties;
-    show: boolean;
-    'aria-hidden'?: boolean;
-};
-type GradientOverlayProps = {
-    className?: string;
-    style?: React__default.CSSProperties;
-    'aria-hidden'?: boolean;
-};
-type AnimationWrapperProps = {
+type ContainerProps$5 = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
-    role?: string;
-    'aria-label'?: string;
-    enableAnimations: boolean;
-    animationDelay?: number;
-    animationDuration?: number;
-};
-type WalletIconProps = {
-    config: WalletIconConfig;
-    enableAnimations: boolean;
-    className?: string;
-    style?: React__default.CSSProperties;
-};
-type ContentSectionProps = {
+} & React__default.RefAttributes<HTMLDivElement>;
+type LabelProps = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
-    role?: string;
-};
-type TitleProps$1 = {
+    htmlFor?: string;
+} & React__default.RefAttributes<HTMLLabelElement>;
+type InputProps = {
     className?: string;
     style?: React__default.CSSProperties;
-    children: React__default.ReactNode;
-    role?: string;
-    'aria-level'?: number;
-};
-type DescriptionProps = {
+    id?: string;
+    type?: string;
+    value: string;
+    onChange: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
+    onBlur: () => void;
+    placeholder?: string;
+    'aria-describedby'?: string;
+    'aria-invalid'?: 'true' | 'false';
+    autoComplete?: string;
+    spellCheck?: boolean;
+    hasError: boolean;
+} & React__default.RefAttributes<HTMLInputElement>;
+type ErrorMessageProps$2 = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
+    id?: string;
     role?: string;
-};
-type ScreenReaderProps = {
-    className?: string;
-    style?: React__default.CSSProperties;
-    children: React__default.ReactNode;
-};
+    'aria-live'?: 'polite' | 'assertive';
+} & React__default.RefAttributes<HTMLParagraphElement>;
 /**
- * Customization options for GetWallet component
+ * Customization options for ImpersonateForm component
  */
-type GetWalletCustomization = {
+type ImpersonateFormCustomization = {
     /** Custom components */
     components?: {
         /** Custom container wrapper */
-        Container?: ComponentType<ContainerProps$4>;
-        /** Custom animation section */
-        AnimationSection?: ComponentType<AnimationSectionProps>;
-        /** Custom stars background */
-        StarsBackground?: ComponentType<StarsBackgroundProps>;
-        /** Custom gradient overlay */
-        GradientOverlay?: ComponentType<GradientOverlayProps>;
-        /** Custom animation wrapper */
-        AnimationWrapper?: ComponentType<AnimationWrapperProps>;
-        /** Custom wallet icon display */
-        WalletIcon?: ComponentType<WalletIconProps>;
-        /** Custom content section */
-        ContentSection?: ComponentType<ContentSectionProps>;
-        /** Custom title component */
-        Title?: ComponentType<TitleProps$1>;
-        /** Custom description component */
-        Description?: ComponentType<DescriptionProps>;
-        /** Custom screen reader component */
-        ScreenReader?: ComponentType<ScreenReaderProps>;
-    };
-    /** Custom class name generators */
-    classNames?: {
-        /** Function to generate container classes */
-        container?: (params: {
-            compact: boolean;
-        }) => string;
-        /** Function to generate animation section classes */
-        animationSection?: (params: {
-            compact: boolean;
-        }) => string;
-        /** Function to generate stars background classes */
-        starsBackground?: () => string;
-        /** Function to generate gradient overlay classes */
-        gradientOverlay?: () => string;
-        /** Function to generate animation wrapper classes */
-        animationWrapper?: () => string;
-        /** Function to generate wallet icon classes */
-        walletIcon?: (params: {
-            config: WalletIconConfig;
-            enableAnimations: 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 screen reader classes */
-        screenReader?: () => string;
-    };
-    /** Custom style generators */
-    styles?: {
-        /** Function to generate container styles */
-        container?: (params: {
-            compact: boolean;
-        }) => React__default.CSSProperties;
-        /** Function to generate animation section styles */
-        animationSection?: (params: {
-            compact: boolean;
-        }) => React__default.CSSProperties;
-        /** Function to generate stars background styles */
-        starsBackground?: () => React__default.CSSProperties;
-        /** Function to generate gradient overlay styles */
-        gradientOverlay?: () => React__default.CSSProperties;
-        /** Function to generate animation wrapper styles */
-        animationWrapper?: () => React__default.CSSProperties;
-        /** Function to generate wallet icon styles */
-        walletIcon?: (params: {
-            config: WalletIconConfig;
-            enableAnimations: 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 screen reader styles */
-        screenReader?: () => React__default.CSSProperties;
-    };
-    /** Custom event handlers */
-    handlers?: {
-        /** Custom handler for component mount */
-        onMount?: () => void;
-        /** Custom handler for component unmount */
-        onUnmount?: () => void;
-        /** Custom handler for animation start */
-        onAnimationStart?: () => void;
-        /** Custom handler for animation complete */
-        onAnimationComplete?: () => void;
-    };
-    /** Configuration options */
-    config?: {
-        /** Custom ARIA labels */
-        ariaLabels?: {
-            container?: string;
-            animationSection?: string;
-            animationWrapper?: string;
-            contentSection?: string;
-        };
-        /** Animation configuration overrides */
-        animation?: {
-            /** Global animation duration multiplier */
-            durationMultiplier?: number;
-            /** Global animation delay multiplier */
-            delayMultiplier?: number;
-            /** Default easing function */
-            defaultEase?: string;
-        };
-    };
-};
-/**
- * Props for the GetWallet component
- */
-interface GetWalletProps {
-    /** Custom CSS classes for styling the container */
-    className?: string;
-    /** Optional custom ARIA label for enhanced accessibility */
-    'aria-label'?: string;
-    /** Custom test ID for testing purposes */
-    'data-testid'?: string;
-    /** Whether to show the component in compact mode */
-    compact?: boolean;
-    /** Whether animations should be enabled */
-    enableAnimations?: boolean;
-    /** Custom wallet icons to display instead of defaults */
-    customWalletIcons?: WalletIconConfig[];
-    /** Whether to show the background stars animation */
-    showStarsBackground?: boolean;
-    /** Customization options */
-    customization?: GetWalletCustomization;
-}
-/**
- * Educational wallet introduction component with animated icons and comprehensive customization
- *
- * This component provides an engaging introduction to Web3 wallets featuring:
- * - Animated floating wallet icons with individual staggered animations and delays
- * - Educational content explaining Web3 wallet importance
- * - Responsive design with mobile-first approach
- * - Full accessibility support with proper ARIA labeling
- * - Internationalization support for all text content
- * - Performance optimizations with memoized calculations
- * - Customizable animations and icon configurations
- * - Semantic HTML structure for screen readers
- * - Proper focus management and keyboard navigation
- * - Full customization of all child components
- *
- * Animation features:
- * - Individual animation delays for each wallet icon using CSS custom properties
- * - Customizable duration, easing, and direction per icon
- * - Staggered floating animations for visual appeal
- * - Motion reduction respect (prefers-reduced-motion)
- * - Smooth entrance animations with framer-motion
- *
- * @example Basic usage
- * ```tsx
- * <GetWallet />
- * ```
- *
- * @example With customization
- * ```tsx
- * <GetWallet
- *   compact
- *   customization={{
- *     classNames: {
- *       container: ({ compact }) => compact ? 'custom-compact' : 'custom-full',
- *       title: () => 'custom-title-styling'
- *     },
- *     components: {
- *       WalletIcon: CustomWalletIcon
- *     },
- *     config: {
- *       animation: {
- *         durationMultiplier: 1.5,
- *         delayMultiplier: 0.8
- *       }
- *     }
- *   }}
- * />
- * ```
- */
-declare const GetWallet: React__default.ForwardRefExoticComponent<GetWalletProps & React__default.RefAttributes<HTMLElement>>;
-
-/**
- * @file ImpersonateForm component with comprehensive customization options and validation.
- */
-
-/**
- * Validation configuration
- */
-interface ValidationConfig {
-    /** Debounce delay in milliseconds */
-    debounceDelay: number;
-    /** Whether to validate on blur */
-    validateOnBlur: boolean;
-    /** Whether to validate on change */
-    validateOnChange: boolean;
-    /** Custom validation function */
-    customValidator?: (address: string) => string | null;
-}
-type ContainerProps$3 = {
-    className?: string;
-    style?: React__default.CSSProperties;
-    children: React__default.ReactNode;
-} & React__default.RefAttributes<HTMLDivElement>;
-type LabelProps = {
-    className?: string;
-    style?: React__default.CSSProperties;
-    children: React__default.ReactNode;
-    htmlFor?: string;
-} & React__default.RefAttributes<HTMLLabelElement>;
-type InputProps = {
-    className?: string;
-    style?: React__default.CSSProperties;
-    id?: string;
-    type?: string;
-    value: string;
-    onChange: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
-    onBlur: () => void;
-    placeholder?: string;
-    'aria-describedby'?: string;
-    'aria-invalid'?: 'true' | 'false';
-    autoComplete?: string;
-    spellCheck?: boolean;
-    hasError: boolean;
-} & React__default.RefAttributes<HTMLInputElement>;
-type ErrorMessageProps$1 = {
-    className?: string;
-    style?: React__default.CSSProperties;
-    children: React__default.ReactNode;
-    id?: string;
-    role?: string;
-    'aria-live'?: 'polite' | 'assertive';
-} & React__default.RefAttributes<HTMLParagraphElement>;
-/**
- * Customization options for ImpersonateForm component
- */
-type ImpersonateFormCustomization = {
-    /** Custom components */
-    components?: {
-        /** Custom container wrapper */
-        Container?: ComponentType<ContainerProps$3>;
+        Container?: ComponentType<ContainerProps$5>;
         /** Custom label component */
         Label?: ComponentType<LabelProps>;
         /** Custom input component */
         Input?: ComponentType<InputProps>;
         /** Custom error message component */
-        ErrorMessage?: ComponentType<ErrorMessageProps$1>;
+        ErrorMessage?: ComponentType<ErrorMessageProps$2>;
     };
     /** Custom class name generators */
     classNames?: {
@@ -5901,461 +5776,719 @@ interface ImpersonateFormProps extends Pick<ConnectButtonProps, 'store'> {
 declare const ImpersonateForm: React__default.ForwardRefExoticComponent<ImpersonateFormProps & React__default.RefAttributes<HTMLDivElement>>;
 
 /**
- * @file NetworkSelections component with comprehensive customization options for network selection.
+ * @file Disclaimer component with comprehensive customization options.
  */
 
 /**
- * Network data for display
+ * Type definition for button actions
+ * Can be either a URL string for external links or a callback function
  */
-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$1[];
-    /** Whether device is touch-enabled */
-    isTouch: boolean;
-    /** Whether in error state */
-    isError: boolean;
-    /** Available networks */
-    networks: NetworkData[];
-}
-type ContainerProps$2 = {
+type ButtonAction = string | (() => void);
+type ContainerProps$4 = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
     role?: string;
-    'aria-labelledby'?: string;
-    selectionsData: NetworkSelectionsData;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+    'data-testid'?: string;
+    'aria-live'?: 'polite' | 'assertive' | 'off';
 } & React__default.RefAttributes<HTMLDivElement>;
-type TitleProps = {
+type ContentSectionProps = {
     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 = {
+    'aria-labelledby'?: string;
+};
+type TitleProps$1 = {
+    id: string;
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
     role?: string;
-    'aria-label'?: string;
-    selectionsData: NetworkSelectionsData;
-} & React__default.RefAttributes<HTMLDivElement>;
-type NetworkItemProps = {
+    'aria-level'?: number;
+};
+type DescriptionProps = {
+    id: string;
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
     role?: string;
-    networkData: NetworkData;
-    selectionsData: NetworkSelectionsData;
-} & React__default.RefAttributes<HTMLDivElement>;
-type NetworkIconProps = {
+};
+type AdditionalContentProps = {
     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 = {
+};
+type ActionsProps = {
     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;
+    'aria-label'?: string;
+};
+type ButtonProps = {
+    action: ButtonAction;
     children: React__default.ReactNode;
-    'aria-hidden'?: boolean;
-    selectionsData: NetworkSelectionsData;
-} & React__default.RefAttributes<HTMLDivElement>;
-type ErrorTitleProps = {
+    'aria-label'?: string;
     className?: string;
+    'data-testid'?: string;
     style?: React__default.CSSProperties;
-    children: React__default.ReactNode;
-    role?: string;
-    'aria-level'?: number;
-    selectionsData: NetworkSelectionsData;
-} & React__default.RefAttributes<HTMLHeadingElement>;
-type ErrorMessageProps = {
+};
+type StatusProps = {
     className?: string;
     style?: React__default.CSSProperties;
-    children: React__default.ReactNode;
+    children?: React__default.ReactNode;
+    'aria-live'?: 'polite' | 'assertive' | 'off';
+    'aria-atomic'?: boolean;
     role?: string;
-    selectionsData: NetworkSelectionsData;
-} & React__default.RefAttributes<HTMLParagraphElement>;
+};
 /**
- * NetworkSelections customization options
+ * Customization options for Disclaimer component
  */
-type NetworkSelectionsCustomization = {
+type DisclaimerCustomization = {
     /** Custom components */
     components?: {
         /** Custom container wrapper */
-        Container?: ComponentType<ContainerProps$2>;
-        /** 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>;
+        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: {
-            selectionsData: NetworkSelectionsData;
+            compact: boolean;
+        }) => string;
+        /** Function to generate content section classes */
+        contentSection?: (params: {
+            compact: boolean;
         }) => 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;
+            compact: boolean;
         }) => string;
-        /** Function to generate error message classes */
-        errorMessage?: (params: {
-            selectionsData: NetworkSelectionsData;
+        /** 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: {
-            selectionsData: NetworkSelectionsData;
+            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: {
-            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;
+            compact: boolean;
         }) => React__default.CSSProperties;
-        /** Function to generate error message styles */
-        errorMessage?: (params: {
-            selectionsData: NetworkSelectionsData;
+        /** 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 network click handler */
-        onNetworkClick?: (networkData: NetworkData, selectionsData: NetworkSelectionsData, originalHandler: (network: OrbitAdapter) => void) => void;
-        /** Custom error retry handler */
-        onErrorRetry?: (selectionsData: NetworkSelectionsData) => void;
+        /** 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?: (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;
-            };
+            container?: string;
+            contentSection?: string;
+            actions?: string;
+            additionalContent?: string;
         };
     };
-    /** ConnectCard customization for network cards */
-    connectCard?: ConnectCardCustomization;
-    /** Disclaimer customization */
-    disclaimer?: DisclaimerCustomization;
 };
 /**
- * Props for the NetworkSelections component
+ * Props for the Disclaimer component
  */
-interface NetworkSelectionsProps {
-    /** Name of the currently active wallet connector */
-    activeConnector: string | undefined;
-    /** Array of grouped wallet connectors with their supported networks */
-    connectors: GroupedConnector$1[];
-    /** Click handler for network selection */
-    onClick: (adapter: OrbitAdapter, walletType: WalletType) => Promise<void>;
+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?: NetworkSelectionsCustomization;
+    customization?: DisclaimerCustomization;
 }
 /**
- * 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
- * - Responsive layout adapting to touch/mouse interfaces
- * - Error handling for invalid connector states
- * - 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)
- * - Cross-chain wallets supporting both EVM and Solana
- * - Network-specific connection requirements
- * - User education about blockchain differences
- *
- * Layout features:
- * - Touch devices: Horizontal scrolling layout for easy mobile navigation
- * - Mouse devices: Vertical layout with fixed height scrolling
- * - Network icons with Web3Icon integration for consistency
- * - External links for additional network information
+ * Educational disclaimer component with call-to-action buttons
  *
- * Error handling:
- * - Graceful fallback when active connector is not found
- * - Clear error messaging with actionable guidance
- * - Visual error indicators with warning icons
- * - Accessible error state announcements
+ * 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
  *
- * Accessibility features:
- * - Semantic heading structure for network selection
- * - Proper ARIA labels for error states and selections
- * - Screen reader friendly network descriptions
- * - Keyboard navigation support for all interactive elements
- * - Error announcements with live regions
+ * 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
- * <NetworkSelections
- *   activeConnector="metamask"
- *   connectors={multiNetworkConnectors}
- *   onClick={async (adapter, walletType) => {
- *     await connectToNetwork(adapter, walletType);
- *   }}
+ * <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
- * <NetworkSelections
- *   activeConnector="phantom"
- *   connectors={crossChainConnectors}
- *   onClick={(adapter, type) => handleNetworkConnection(adapter, type)}
+ * <Disclaimer
+ *   title="Network Information"
+ *   description="Choose the right network for your transactions"
+ *   learnMoreAction={handleLearnMore}
+ *   compact
  *   customization={{
- *     components: {
- *       Container: CustomNetworkContainer,
- *       NetworkIcon: CustomNetworkIcon
- *     },
  *     classNames: {
- *       networkList: ({ selectionsData }) =>
- *         selectionsData.isTouch ? 'touch-network-list' : 'desktop-network-list'
+ *       container: ({ compact }) => compact ? 'custom-compact' : 'custom-full',
+ *       title: () => 'custom-title-styling'
  *     },
- *     handlers: {
- *       onNetworkClick: (networkData, selectionsData, originalHandler) => {
- *         analytics.track('network_selected', { network: networkData.name });
- *         originalHandler(networkData.adapter);
- *       }
+ *     components: {
+ *       LinkButton: CustomLinkButton
  *     }
  *   }}
  * />
  * ```
  */
-declare const NetworkSelections: React__default.NamedExoticComponent<NetworkSelectionsProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const Disclaimer: React__default.ForwardRefExoticComponent<DisclaimerProps & React__default.RefAttributes<HTMLDivElement>>;
 
 /**
- * Parameters for retrieving chain lists based on wallet configuration.
- *
- * Combines chain configuration with wallet-specific requirements to determine
- * which chains should be available for a given wallet type.
- *
- * @interface GetChainsListParams
- * @extends InitialChains
- * @since 1.0.0
- *
- * @example
- * ```typescript
- * const params: GetChainsListParams = {
- *   walletType: WalletType.EVM_METAMASK,
- *   appChains: [
- *     { id: 1, name: 'Ethereum' },
- *     { id: 137, name: 'Polygon' }
- *   ],
- *   chains: [1, 137] // Optional filter
- * };
- * ```
- */
-interface GetChainsListParams extends InitialChains {
-    /** The wallet type to determine chain compatibility */
-    walletType: WalletType;
-    /** Optional array of specific chain identifiers to filter or validate */
-    chains?: ChainIdentifierArray;
-}
-/**
- * Retrieves chain list for a specific wallet type with automatic adapter loading.
- *
- * This is the primary function for getting blockchain-compatible chains based on
- * wallet type and configuration. It automatically determines the correct adapter,
- * loads it if necessary, and falls back to safe defaults if loading fails.
- *
- * The function supports all major blockchain types:
- * - EVM chains: Returns numeric chain IDs from app configuration
- * - Solana clusters: Returns string cluster names from RPC configuration
- * - Future blockchains: Extensible through the adapter pattern
- *
- * @param params - Configuration object with wallet type and chain data
- * @returns Promise resolving to array of chain identifiers
- *
- * @example
- * ```typescript
- * // Get EVM chains for MetaMask
- * const evmChains = await getChainsListByWalletType({
- *   walletType: WalletType.EVM_METAMASK,
- *   appChains: [
- *     { id: 1, name: 'Ethereum' },
- *     { id: 137, name: 'Polygon' }
- *   ]
- * });
- * // Returns: [1, 137]
- *
- * // Get Solana clusters for Phantom
- * const solanaClusters = await getChainsListByWalletType({
- *   walletType: WalletType.SOLANA_PHANTOM,
- *   solanaRPCUrls: {
- *     'mainnet-beta': 'https://api.mainnet-beta.solana.com',
- *     'devnet': 'https://api.devnet.solana.com'
- *   }
- * });
- * // Returns: ['mainnet-beta', 'devnet']
- * ```
- *
- * @since 1.0.0
+ * @file NetworkSelections component with comprehensive customization options for network selection.
  */
-declare function getChainsListByWalletType(params: GetChainsListParams): Promise<(string | number)[]>;
+
 /**
- * Synchronous version that only works with pre-loaded adapters.
- *
- * This function provides immediate results by using only adapters that have
- * already been loaded into the registry cache. It will not trigger new
- * loading operations, making it safe for synchronous contexts but potentially
- * less complete than the async version.
- *
- * Use this function when:
- * - You've pre-loaded adapters during app initialization
- * - You need immediate results without async overhead
- * - You're in a synchronous context where async calls aren't feasible
- *
- * @param params - Configuration object with wallet type and chain data
- * @returns Array of chain identifiers (empty if adapter not loaded)
- *
- * @example
- * ```typescript
- * // Pre-load adapters first
- * await preloadChainAdapters([OrbitAdapter.EVM, OrbitAdapter.SOLANA]);
- *
- * // Now safe to use sync version
- * const chains = getChainsListByWalletTypeSync({
- *   walletType: WalletType.EVM_METAMASK,
- *   appChains: evmConfiguration
- * });
- * ```
- *
- * @since 1.0.0
+ * Network data for display
  */
-declare function getChainsListByWalletTypeSync(params: GetChainsListParams): (string | number)[];
+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;
+}
 /**
- * Validates if a chain list conforms to EVM format (with adapter loading).
- *
- * Uses the EVM adapter to perform comprehensive validation, falling back to
- * basic type checking if the adapter isn't available. EVM chains typically
- * use numeric identifiers.
- *
- * @param chains - Array of chain identifiers to validate
- * @returns Promise resolving to true if chains are valid for EVM
- *
- * @example
- * ```typescript
- * const isEvm = await isEvmChainList([1, 137, 56]); // true
- * const notEvm = await isEvmChainList(['mainnet-beta']); // false
- * ```
- *
- * @since 1.0.0
+ * Network selections data for customization context
  */
-declare function isEvmChainList(chains: (string | number)[]): Promise<boolean>;
-/**
- * Validates if a chain list conforms to Solana format (with adapter loading).
- *
- * Uses the Solana adapter to perform comprehensive validation, falling back to
- * basic type checking if the adapter isn't available. Solana chains typically
+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
+ */
+interface NetworkSelectionsProps {
+    /** Name of the currently active wallet connector */
+    activeConnector: string | undefined;
+    /** Array of grouped wallet connectors with their supported networks */
+    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 with full customization
+ *
+ * This component provides a network selection interface when a wallet supports multiple blockchains:
+ * - Visual network cards with blockchain icons and names
+ * - Responsive layout adapting to touch/mouse interfaces
+ * - Error handling for invalid connector states
+ * - 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)
+ * - Cross-chain wallets supporting both EVM and Solana
+ * - Network-specific connection requirements
+ * - User education about blockchain differences
+ *
+ * Layout features:
+ * - Touch devices: Horizontal scrolling layout for easy mobile navigation
+ * - Mouse devices: Vertical layout with fixed height scrolling
+ * - Network icons with Web3Icon integration for consistency
+ * - External links for additional network information
+ *
+ * Error handling:
+ * - Graceful fallback when active connector is not found
+ * - Clear error messaging with actionable guidance
+ * - Visual error indicators with warning icons
+ * - Accessible error state announcements
+ *
+ * Accessibility features:
+ * - Semantic heading structure for network selection
+ * - Proper ARIA labels for error states and selections
+ * - Screen reader friendly network descriptions
+ * - Keyboard navigation support for all interactive elements
+ * - Error announcements with live regions
+ *
+ * @example Basic usage
+ * ```tsx
+ * <NetworkSelections
+ *   activeConnector="metamask"
+ *   connectors={multiNetworkConnectors}
+ *   onClick={async (adapter, walletType) => {
+ *     await connectToNetwork(adapter, walletType);
+ *   }}
+ * />
+ * ```
+ *
+ * @example With customization
+ * ```tsx
+ * <NetworkSelections
+ *   activeConnector="phantom"
+ *   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);
+ *       }
+ *     }
+ *   }}
+ * />
+ * ```
+ */
+declare const NetworkSelections: React__default.NamedExoticComponent<NetworkSelectionsProps & React__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Parameters for retrieving chain lists based on wallet configuration.
+ *
+ * Combines chain configuration with wallet-specific requirements to determine
+ * which chains should be available for a given wallet type.
+ *
+ * @interface GetChainsListParams
+ * @extends InitialChains
+ * @since 1.0.0
+ *
+ * @example
+ * ```typescript
+ * const params: GetChainsListParams = {
+ *   walletType: WalletType.EVM_METAMASK,
+ *   appChains: [
+ *     { id: 1, name: 'Ethereum' },
+ *     { id: 137, name: 'Polygon' }
+ *   ],
+ *   chains: [1, 137] // Optional filter
+ * };
+ * ```
+ */
+interface GetChainsListParams extends InitialChains {
+    /** The wallet type to determine chain compatibility */
+    walletType: WalletType;
+    /** Optional array of specific chain identifiers to filter or validate */
+    chains?: ChainIdentifierArray;
+}
+/**
+ * Retrieves chain list for a specific wallet type with automatic adapter loading.
+ *
+ * This is the primary function for getting blockchain-compatible chains based on
+ * wallet type and configuration. It automatically determines the correct adapter,
+ * loads it if necessary, and falls back to safe defaults if loading fails.
+ *
+ * The function supports all major blockchain types:
+ * - EVM chains: Returns numeric chain IDs from app configuration
+ * - Solana clusters: Returns string cluster names from RPC configuration
+ * - Future blockchains: Extensible through the adapter pattern
+ *
+ * @param params - Configuration object with wallet type and chain data
+ * @returns Promise resolving to array of chain identifiers
+ *
+ * @example
+ * ```typescript
+ * // Get EVM chains for MetaMask
+ * const evmChains = await getChainsListByWalletType({
+ *   walletType: WalletType.EVM_METAMASK,
+ *   appChains: [
+ *     { id: 1, name: 'Ethereum' },
+ *     { id: 137, name: 'Polygon' }
+ *   ]
+ * });
+ * // Returns: [1, 137]
+ *
+ * // Get Solana clusters for Phantom
+ * const solanaClusters = await getChainsListByWalletType({
+ *   walletType: WalletType.SOLANA_PHANTOM,
+ *   solanaRPCUrls: {
+ *     'mainnet-beta': 'https://api.mainnet-beta.solana.com',
+ *     'devnet': 'https://api.devnet.solana.com'
+ *   }
+ * });
+ * // Returns: ['mainnet-beta', 'devnet']
+ * ```
+ *
+ * @since 1.0.0
+ */
+declare function getChainsListByWalletType(params: GetChainsListParams): Promise<(string | number)[]>;
+/**
+ * Synchronous version that only works with pre-loaded adapters.
+ *
+ * This function provides immediate results by using only adapters that have
+ * already been loaded into the registry cache. It will not trigger new
+ * loading operations, making it safe for synchronous contexts but potentially
+ * less complete than the async version.
+ *
+ * Use this function when:
+ * - You've pre-loaded adapters during app initialization
+ * - You need immediate results without async overhead
+ * - You're in a synchronous context where async calls aren't feasible
+ *
+ * @param params - Configuration object with wallet type and chain data
+ * @returns Array of chain identifiers (empty if adapter not loaded)
+ *
+ * @example
+ * ```typescript
+ * // Pre-load adapters first
+ * await preloadChainAdapters([OrbitAdapter.EVM, OrbitAdapter.SOLANA]);
+ *
+ * // Now safe to use sync version
+ * const chains = getChainsListByWalletTypeSync({
+ *   walletType: WalletType.EVM_METAMASK,
+ *   appChains: evmConfiguration
+ * });
+ * ```
+ *
+ * @since 1.0.0
+ */
+declare function getChainsListByWalletTypeSync(params: GetChainsListParams): (string | number)[];
+/**
+ * Validates if a chain list conforms to EVM format (with adapter loading).
+ *
+ * Uses the EVM adapter to perform comprehensive validation, falling back to
+ * basic type checking if the adapter isn't available. EVM chains typically
+ * use numeric identifiers.
+ *
+ * @param chains - Array of chain identifiers to validate
+ * @returns Promise resolving to true if chains are valid for EVM
+ *
+ * @example
+ * ```typescript
+ * const isEvm = await isEvmChainList([1, 137, 56]); // true
+ * const notEvm = await isEvmChainList(['mainnet-beta']); // false
+ * ```
+ *
+ * @since 1.0.0
+ */
+declare function isEvmChainList(chains: (string | number)[]): Promise<boolean>;
+/**
+ * Validates if a chain list conforms to Solana format (with adapter loading).
+ *
+ * Uses the Solana adapter to perform comprehensive validation, falling back to
+ * basic type checking if the adapter isn't available. Solana chains typically
  * use string cluster names.
  *
  * @param chains - Array of chain identifiers to validate
@@ -6794,176 +6927,497 @@ 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).
+ * 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$1[];
+/**
+ * Quick helper to check if connectors are available
+ */
+declare function hasAvailableConnectors(connectors: Partial<Record<OrbitAdapter, Connector[]>>): boolean;
+
+interface GetFilteredConnectorsParams {
+    connectors: Partial<Record<OrbitAdapter, Connector[]>>;
+    selectedAdapter?: OrbitAdapter;
+}
+/**
+ * Filters grouped connectors by the selected adapter.
+ * Returns all connectors if no adapter is selected, or only connectors
+ * that support the specified adapter if one is provided.
+ *
+ * @param params Configuration object with connectors and optional adapter filter
+ * @returns Filtered array of grouped connectors
+ */
+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[]>>, adapter: OrbitAdapter): boolean;
+
+declare const getNetworkIcon: (adapter: OrbitAdapter) => {
+    chainId: number;
+    name: string;
+} | {
+    chainId: string;
+    name: string;
+} | undefined;
+
+declare const networksLinks: Partial<Record<OrbitAdapter, {
+    aboutNetwork: string;
+    choseWallet: string;
+    about: string;
+}>>;
+
+/**
+ * @fileoverview Central export hub for blockchain utility functions and types.
+ *
+ * This module provides a unified interface for accessing blockchain-related utilities,
+ * offering both synchronous and asynchronous versions of functions to support different
+ * usage patterns and performance requirements.
+ *
+ * Export Strategy:
+ * - Synchronous functions by default for backward compatibility
+ * - Asynchronous versions with "Async" suffix for better performance
+ * - Adapter management functions for system control
+ * - Type exports for TypeScript integration
+ *
+ * @example
+ * ```typescript
+ * // Import synchronous version (backward compatible)
+ * import { getChainsListByWalletType, isEvmChainList } from './utils';
+ *
+ * // Import asynchronous version (better performance)
+ * import {
+ *   getChainsListByWalletTypeAsync,
+ *   isEvmChainListAsync
+ * } from './utils';
+ *
+ * // Import adapter management
+ * import { preloadChainAdapters, getAdapterStatus } from './utils';
+ *
+ * // Import types
+ * import type { ChainAdapter, AdapterLoadStatus } from './utils';
+ * ```
+ *
+ * @since 1.0.0
+ */
+/**
+ * Re-export all functions from the main chain utilities module.
+ * This includes both sync and async versions with proper naming.
+ */
+
+/**
+ * Synchronous fallback for getting available Solana clusters.
+ *
+ * This function provides immediate results but with limited functionality.
+ * It serves as a compatibility layer for synchronous contexts where the
+ * async version cannot be used.
+ *
+ * @returns Empty array with warning (use async version for real results)
+ *
+ * @example
+ * ```typescript
+ * // Synchronous fallback (limited functionality)
+ * const clusters = getAvailableSolanaClusters(); // []
+ *
+ * // Preferred async version (full functionality)
+ * const clustersAsync = await getAvailableSolanaClustersAsync();
+ * ```
+ *
+ * @since 1.0.0
+ * @deprecated Use getAvailableSolanaClustersAsync for full functionality
+ */
+declare function getAvailableSolanaClusters(): string[];
+/**
+ * Synchronous fallback for Solana cluster validation.
+ *
+ * This function provides basic validation against known cluster names but
+ * lacks the comprehensive validation logic of the async version. It performs
+ * a simple lookup against standard Solana cluster monikers.
+ *
+ * @param cluster - Cluster name to validate
+ * @returns True if cluster name matches known standard clusters
+ *
+ * @example
+ * ```typescript
+ * // Synchronous fallback (basic validation)
+ * const isValid = isValidSolanaCluster('mainnet-beta'); // true
+ * const isCustom = isValidSolanaCluster('custom-cluster'); // false
+ *
+ * // Preferred async version (comprehensive validation)
+ * const isValidAsync = await isValidSolanaClusterAsync('custom-cluster');
+ * ```
+ *
+ * @since 1.0.0
+ * @deprecated Use isValidSolanaClusterAsync for comprehensive validation
+ */
+declare function isValidSolanaCluster(cluster: string): boolean;
+
+/**
+ * @file NetworkTabs component with comprehensive customization options and animated transitions.
+ */
+
+/**
+ * Animation configuration
+ */
+interface AnimationConfig {
+    /** Layout animation duration */
+    layoutDuration: number;
+    /** Layout animation easing */
+    layoutEasing: number[];
+    /** Text transition duration */
+    textDuration: number;
+    /** Text transition delay */
+    textDelay?: number;
+}
+/**
+ * Network tab data
+ */
+interface NetworkTabData {
+    /** Network adapter (undefined for "All") */
+    network: OrbitAdapter | undefined;
+    /** Display name */
+    displayName: string;
+    /** Network info from utils */
+    networkInfo: ReturnType<typeof getNetworkIcon> | null;
+    /** Whether this tab is selected */
+    isSelected: boolean;
+    /** Tab index */
+    index: number;
+}
+type ContainerProps$2 = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-label'?: string;
+} & React__default.RefAttributes<HTMLDivElement>;
+type TabListProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLDivElement>;
+type TabProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    'data-network': string;
+} & React__default.RefAttributes<HTMLDivElement>;
+type TabButtonProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    type?: 'button';
+    role?: string;
+    'aria-selected'?: boolean;
+    'aria-controls'?: string;
+    onClick: () => void;
+    onMouseEnter?: () => void;
+    onFocus?: () => void;
+    title?: string;
+    'aria-label'?: string;
+    tabData: NetworkTabData;
+} & React__default.RefAttributes<HTMLButtonElement>;
+type IconContainerProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    role?: string;
+    'aria-label'?: string;
+    tabData: NetworkTabData;
+} & React__default.RefAttributes<HTMLDivElement>;
+type TabTextProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    variants?: Variants;
+    animate?: string;
+    'aria-hidden'?: boolean;
+    tabData: NetworkTabData;
+} & React__default.RefAttributes<HTMLSpanElement>;
+type IndicatorProps = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    'aria-hidden'?: boolean;
+    tabData: NetworkTabData;
+} & React__default.RefAttributes<HTMLDivElement>;
+/**
+ * Customization options for NetworkTabs component
  */
-declare function getGroupedConnectors({ connectors, excludeConnectors }?: GetGroupedConnectorsParams): GroupedConnector[];
+type NetworkTabsCustomization = {
+    /** Custom components */
+    components?: {
+        /** Custom container wrapper */
+        Container?: ComponentType<ContainerProps$2>;
+        /** Custom tab list container */
+        TabList?: ComponentType<TabListProps>;
+        /** Custom tab wrapper */
+        Tab?: ComponentType<TabProps>;
+        /** Custom tab button */
+        TabButton?: ComponentType<TabButtonProps>;
+        /** Custom icon container */
+        IconContainer?: ComponentType<IconContainerProps>;
+        /** Custom tab text */
+        TabText?: ComponentType<TabTextProps>;
+        /** Custom selection indicator */
+        Indicator?: ComponentType<IndicatorProps>;
+    };
+    /** Custom class name generators */
+    classNames?: {
+        /** Function to generate container classes */
+        container?: () => string;
+        /** Function to generate tab list classes */
+        tabList?: () => string;
+        /** Function to generate tab classes */
+        tab?: (params: {
+            isSelected: boolean;
+            index: number;
+        }) => string;
+        /** Function to generate tab button classes */
+        tabButton?: (params: {
+            isSelected: boolean;
+            tabData: NetworkTabData;
+        }) => string;
+        /** Function to generate icon container classes */
+        iconContainer?: (params: {
+            tabData: NetworkTabData;
+        }) => string;
+        /** Function to generate tab text classes */
+        tabText?: (params: {
+            isSelected: boolean;
+            tabData: NetworkTabData;
+        }) => string;
+        /** Function to generate indicator classes */
+        indicator?: (params: {
+            tabData: NetworkTabData;
+        }) => string;
+    };
+    /** Custom style generators */
+    styles?: {
+        /** Function to generate container styles */
+        container?: () => React__default.CSSProperties;
+        /** Function to generate tab list styles */
+        tabList?: () => React__default.CSSProperties;
+        /** Function to generate tab styles */
+        tab?: (params: {
+            isSelected: boolean;
+            index: number;
+        }) => React__default.CSSProperties;
+        /** Function to generate tab button styles */
+        tabButton?: (params: {
+            isSelected: boolean;
+            tabData: NetworkTabData;
+        }) => React__default.CSSProperties;
+        /** Function to generate icon container styles */
+        iconContainer?: (params: {
+            tabData: NetworkTabData;
+        }) => React__default.CSSProperties;
+        /** Function to generate tab text styles */
+        tabText?: (params: {
+            isSelected: boolean;
+            tabData: NetworkTabData;
+        }) => React__default.CSSProperties;
+        /** Function to generate indicator styles */
+        indicator?: (params: {
+            tabData: NetworkTabData;
+        }) => React__default.CSSProperties;
+    };
+    /** Custom event handlers */
+    handlers?: {
+        /** Custom handler for tab selection (called after default logic) */
+        onTabSelect?: (network: OrbitAdapter | undefined, tabData: NetworkTabData) => void;
+        /** Custom handler for tab hover */
+        onTabHover?: (network: OrbitAdapter | undefined, tabData: NetworkTabData) => void;
+        /** Custom handler for tab focus */
+        onTabFocus?: (network: OrbitAdapter | undefined, tabData: NetworkTabData) => void;
+        /** Custom handler for component mount */
+        onMount?: () => void;
+        /** Custom handler for component unmount */
+        onUnmount?: () => void;
+    };
+    /** Configuration options */
+    config?: {
+        /** Custom animation configuration */
+        animation?: Partial<AnimationConfig>;
+        /** Custom ARIA labels */
+        ariaLabels?: {
+            container?: string;
+            tabPrefix?: string;
+            iconSuffix?: string;
+            selectedSuffix?: string;
+        };
+        /** Whether to show "All" option */
+        showAllOption?: boolean;
+        /** Custom network display names */
+        networkNames?: {
+            [key: string]: string;
+        };
+        /** Minimum networks to show tabs */
+        minNetworksToShow?: number;
+    };
+};
 /**
- * Quick helper to check if connectors are available
+ * Props for the NetworkTabs component
  */
-declare function hasAvailableConnectors(connectors: Partial<Record<OrbitAdapter, Connector$1[]>>): boolean;
-
-interface GetFilteredConnectorsParams {
-    connectors: Partial<Record<OrbitAdapter, Connector$1[]>>;
-    selectedAdapter?: OrbitAdapter;
+interface NetworkTabsProps {
+    /** Array of available network adapters */
+    networks: OrbitAdapter[];
+    /** Currently selected network adapter (undefined means "All" is selected) */
+    selectedAdapter: OrbitAdapter | undefined;
+    /** Handler for network selection changes */
+    onSelect: (adapter: OrbitAdapter | undefined) => void;
+    /** Custom CSS classes for styling the container */
+    className?: string;
+    /** Customization options */
+    customization?: NetworkTabsCustomization;
 }
 /**
- * Filters grouped connectors by the selected adapter.
- * Returns all connectors if no adapter is selected, or only connectors
- * that support the specified adapter if one is provided.
- *
- * @param params Configuration object with connectors and optional adapter filter
- * @returns Filtered array of grouped connectors
- */
-declare function getFilteredConnectors({ connectors, selectedAdapter, }: GetFilteredConnectorsParams): GroupedConnector[];
-/**
- * Quick helper to check if any connectors exist for an adapter
- */
-declare function hasConnectorsForAdapter(connectors: Partial<Record<OrbitAdapter, Connector$1[]>>, adapter: OrbitAdapter): boolean;
-
-declare const getNetworkIcon: (adapter: OrbitAdapter) => {
-    chainId: number;
-    name: string;
-} | {
-    chainId: string;
-    name: string;
-} | undefined;
-
-declare const networksLinks: Partial<Record<OrbitAdapter, {
-    aboutNetwork: string;
-    choseWallet: string;
-    about: string;
-}>>;
-
-/**
- * @fileoverview Central export hub for blockchain utility functions and types.
- *
- * This module provides a unified interface for accessing blockchain-related utilities,
- * offering both synchronous and asynchronous versions of functions to support different
- * usage patterns and performance requirements.
+ * NetworkTabs component - Animated tab navigation for network selection with comprehensive customization
  *
- * Export Strategy:
- * - Synchronous functions by default for backward compatibility
- * - Asynchronous versions with "Async" suffix for better performance
- * - Adapter management functions for system control
- * - Type exports for TypeScript integration
+ * This component provides an animated tab interface for selecting blockchain networks:
+ * - Animated tab transitions with smooth layouts powered by Framer Motion
+ * - Visual network icons with Web3Icon integration and fallbacks
+ * - Configurable "All networks" option for viewing all connectors
+ * - Responsive horizontal scrolling for mobile-friendly experience
+ * - Full accessibility support with proper ARIA labels and keyboard navigation
+ * - Motion-based UI feedback with customizable animation timing
+ * - Complete customization of all child components and animations
  *
- * @example
- * ```typescript
- * // Import synchronous version (backward compatible)
- * import { getChainsListByWalletType, isEvmChainList } from './utils';
+ * Key features:
+ * - Framer Motion powered animations with configurable timing and easing
+ * - Dynamic tab indicator that smoothly morphs between selections
+ * - Network icons with proper Web3Icon integration and fallback support
+ * - Conditional rendering based on configurable minimum network threshold
+ * - Touch-friendly interface with horizontal scrolling support
+ * - Full component tree customization through render prop pattern
  *
- * // Import asynchronous version (better performance)
- * import {
- *   getChainsListByWalletTypeAsync,
- *   isEvmChainListAsync
- * } from './utils';
+ * Animation system:
+ * - Layout animations for smooth tab movement with configurable duration
+ * - Text fade transitions with customizable timing when switching tabs
+ * - Morphing background indicator with layoutId for smooth transitions
+ * - Optimized animation durations tuned for natural feel
+ * - Support for reduced motion preferences
  *
- * // Import adapter management
- * import { preloadChainAdapters, getAdapterStatus } from './utils';
+ * Accessibility features:
+ * - Proper tablist and tab ARIA semantics for screen readers
+ * - Keyboard navigation support (Tab, Space, Enter, Arrow keys)
+ * - Dynamic ARIA labels with selection state announcements
+ * - Focus management with visible focus indicators
+ * - Meaningful tooltips and descriptions for each network
+ * - Screen reader friendly icon descriptions
  *
- * // Import types
- * import type { ChainAdapter, AdapterLoadStatus } from './utils';
+ * @example Basic usage
+ * ```tsx
+ * <NetworkTabs
+ *   networks={[OrbitAdapter.EVM, OrbitAdapter.SOLANA]}
+ *   selectedAdapter={OrbitAdapter.EVM}
+ *   onSelect={(adapter) => handleNetworkChange(adapter)}
+ * />
  * ```
  *
- * @since 1.0.0
- */
-/**
- * Re-export all functions from the main chain utilities module.
- * This includes both sync and async versions with proper naming.
- */
-
-/**
- * Synchronous fallback for getting available Solana clusters.
- *
- * This function provides immediate results but with limited functionality.
- * It serves as a compatibility layer for synchronous contexts where the
- * async version cannot be used.
- *
- * @returns Empty array with warning (use async version for real results)
- *
- * @example
- * ```typescript
- * // Synchronous fallback (limited functionality)
- * const clusters = getAvailableSolanaClusters(); // []
- *
- * // Preferred async version (full functionality)
- * const clustersAsync = await getAvailableSolanaClustersAsync();
+ * @example With custom animation timing
+ * ```tsx
+ * <NetworkTabs
+ *   networks={networks}
+ *   selectedAdapter={selectedNetwork}
+ *   onSelect={setSelectedNetwork}
+ *   customization={{
+ *     config: {
+ *       animation: {
+ *         layoutDuration: 0.3,
+ *         textDuration: 0.15
+ *       }
+ *     }
+ *   }}
+ * />
  * ```
  *
- * @since 1.0.0
- * @deprecated Use getAvailableSolanaClustersAsync for full functionality
+ * @example With full customization
+ * ```tsx
+ * <NetworkTabs
+ *   networks={networks}
+ *   selectedAdapter={selectedNetwork}
+ *   onSelect={setSelectedNetwork}
+ *   customization={{
+ *     components: {
+ *       TabButton: CustomTabButton,
+ *       Indicator: CustomIndicator
+ *     },
+ *     classNames: {
+ *       tabButton: ({ isSelected }) => isSelected ? 'custom-selected' : 'custom-normal'
+ *     },
+ *     handlers: {
+ *       onTabSelect: (network, tabData) => {
+ *         analytics.track('network_tab_selected', { network: network?.name });
+ *       }
+ *     },
+ *     config: {
+ *       minNetworksToShow: 2,
+ *       showAllOption: false
+ *     }
+ *   }}
+ * />
+ * ```
  */
-declare function getAvailableSolanaClusters(): string[];
+declare const NetworkTabs: React__default.NamedExoticComponent<NetworkTabsProps & React__default.RefAttributes<HTMLDivElement>>;
+
 /**
- * Synchronous fallback for Solana cluster validation.
- *
- * This function provides basic validation against known cluster names but
- * lacks the comprehensive validation logic of the async version. It performs
- * a simple lookup against standard Solana cluster monikers.
- *
- * @param cluster - Cluster name to validate
- * @returns True if cluster name matches known standard clusters
- *
- * @example
- * ```typescript
- * // Synchronous fallback (basic validation)
- * const isValid = isValidSolanaCluster('mainnet-beta'); // true
- * const isCustom = isValidSolanaCluster('custom-cluster'); // false
- *
- * // Preferred async version (comprehensive validation)
- * const isValidAsync = await isValidSolanaClusterAsync('custom-cluster');
- * ```
- *
- * @since 1.0.0
- * @deprecated Use isValidSolanaClusterAsync for comprehensive validation
+ * Interface for grouped wallet connectors
  */
-declare function isValidSolanaCluster(cluster: string): boolean;
+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 NetworkTabs component with comprehensive customization options and animated transitions.
+ * @file Connecting component with comprehensive customization options and connection status display.
  */
 
 /**
- * Animation configuration
+ * Connection states
  */
-interface AnimationConfig {
-    /** Layout animation duration */
-    layoutDuration: number;
-    /** Layout animation easing */
-    layoutEasing: number[];
-    /** Text transition duration */
-    textDuration: number;
-    /** Text transition delay */
-    textDelay?: number;
-}
+type ConnectionState = 'connecting' | 'success' | 'error';
 /**
- * Network tab data
+ * Connection status data
  */
-interface NetworkTabData {
-    /** Network adapter (undefined for "All") */
-    network: OrbitAdapter | undefined;
-    /** Display name */
-    displayName: string;
-    /** Network info from utils */
-    networkInfo: ReturnType<typeof getNetworkIcon> | null;
-    /** Whether this tab is selected */
-    isSelected: boolean;
-    /** Tab index */
-    index: number;
+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;
@@ -6971,275 +7425,309 @@ type ContainerProps$1 = {
     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 TabListProps = {
+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 TabProps = {
+type MessageContainerProps = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
-    'data-network': string;
+    statusData: ConnectingStatusData;
 } & React__default.RefAttributes<HTMLDivElement>;
-type TabButtonProps = {
+type StatusMessageProps = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
-    type?: 'button';
+    id?: string;
     role?: string;
-    'aria-selected'?: boolean;
-    'aria-controls'?: string;
-    onClick: () => void;
-    onMouseEnter?: () => void;
-    onFocus?: () => void;
-    title?: string;
-    'aria-label'?: string;
-    tabData: NetworkTabData;
-} & React__default.RefAttributes<HTMLButtonElement>;
-type IconContainerProps = {
+    'aria-level'?: number;
+    statusData: ConnectingStatusData;
+} & React__default.RefAttributes<HTMLHeadingElement>;
+type ErrorMessageProps = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
     role?: string;
-    'aria-label'?: string;
-    tabData: NetworkTabData;
-} & React__default.RefAttributes<HTMLDivElement>;
-type TabTextProps = {
+    'aria-describedby'?: string;
+    statusData: ConnectingStatusData;
+} & React__default.RefAttributes<HTMLParagraphElement>;
+type ErrorDetailsProps = {
     className?: string;
     style?: React__default.CSSProperties;
     children: React__default.ReactNode;
-    variants?: Variants;
-    animate?: string;
-    'aria-hidden'?: boolean;
-    tabData: NetworkTabData;
-} & React__default.RefAttributes<HTMLSpanElement>;
-type IndicatorProps = {
+    statusData: ConnectingStatusData;
+} & React__default.RefAttributes<HTMLDetailsElement>;
+type LoadingPlaceholderProps = {
     className?: string;
     style?: React__default.CSSProperties;
-    'aria-hidden'?: boolean;
-    tabData: NetworkTabData;
+    role?: string;
+    'aria-label'?: string;
+    statusData: ConnectingStatusData;
 } & React__default.RefAttributes<HTMLDivElement>;
 /**
- * Customization options for NetworkTabs component
+ * Customization options for Connecting component
  */
-type NetworkTabsCustomization = {
+type ConnectingCustomization = {
     /** Custom components */
     components?: {
         /** Custom container wrapper */
         Container?: ComponentType<ContainerProps$1>;
-        /** Custom tab list container */
-        TabList?: ComponentType<TabListProps>;
-        /** Custom tab wrapper */
-        Tab?: ComponentType<TabProps>;
-        /** Custom tab button */
-        TabButton?: ComponentType<TabButtonProps>;
-        /** Custom icon container */
-        IconContainer?: ComponentType<IconContainerProps>;
-        /** Custom tab text */
-        TabText?: ComponentType<TabTextProps>;
-        /** Custom selection indicator */
-        Indicator?: ComponentType<IndicatorProps>;
+        /** 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?: () => string;
-        /** Function to generate tab list classes */
-        tabList?: () => string;
-        /** Function to generate tab classes */
-        tab?: (params: {
-            isSelected: boolean;
-            index: number;
+        container?: (params: {
+            statusData: ConnectingStatusData;
         }) => string;
-        /** Function to generate tab button classes */
-        tabButton?: (params: {
-            isSelected: boolean;
-            tabData: NetworkTabData;
+        /** Function to generate status container classes */
+        statusContainer?: (params: {
+            statusData: ConnectingStatusData;
         }) => string;
-        /** Function to generate icon container classes */
-        iconContainer?: (params: {
-            tabData: NetworkTabData;
+        /** 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 tab text classes */
-        tabText?: (params: {
-            isSelected: boolean;
-            tabData: NetworkTabData;
+        /** Function to generate error details classes */
+        errorDetails?: (params: {
+            statusData: ConnectingStatusData;
         }) => string;
-        /** Function to generate indicator classes */
-        indicator?: (params: {
-            tabData: NetworkTabData;
+        /** Function to generate loading placeholder classes */
+        loadingPlaceholder?: (params: {
+            statusData: ConnectingStatusData;
         }) => string;
     };
     /** Custom style generators */
     styles?: {
         /** Function to generate container styles */
-        container?: () => React__default.CSSProperties;
-        /** Function to generate tab list styles */
-        tabList?: () => React__default.CSSProperties;
-        /** Function to generate tab styles */
-        tab?: (params: {
-            isSelected: boolean;
-            index: number;
+        container?: (params: {
+            statusData: ConnectingStatusData;
         }) => React__default.CSSProperties;
-        /** Function to generate tab button styles */
-        tabButton?: (params: {
-            isSelected: boolean;
-            tabData: NetworkTabData;
+        /** Function to generate status container styles */
+        statusContainer?: (params: {
+            statusData: ConnectingStatusData;
         }) => React__default.CSSProperties;
-        /** Function to generate icon container styles */
-        iconContainer?: (params: {
-            tabData: NetworkTabData;
+        /** Function to generate spinner styles */
+        spinner?: (params: {
+            statusData: ConnectingStatusData;
         }) => React__default.CSSProperties;
-        /** Function to generate tab text styles */
-        tabText?: (params: {
-            isSelected: boolean;
-            tabData: NetworkTabData;
+        /** Function to generate status icon styles */
+        statusIcon?: (params: {
+            statusData: ConnectingStatusData;
         }) => React__default.CSSProperties;
-        /** Function to generate indicator styles */
-        indicator?: (params: {
-            tabData: NetworkTabData;
+        /** 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 tab selection (called after default logic) */
-        onTabSelect?: (network: OrbitAdapter | undefined, tabData: NetworkTabData) => void;
-        /** Custom handler for tab hover */
-        onTabHover?: (network: OrbitAdapter | undefined, tabData: NetworkTabData) => void;
-        /** Custom handler for tab focus */
-        onTabFocus?: (network: OrbitAdapter | undefined, tabData: NetworkTabData) => void;
-        /** Custom handler for component mount */
-        onMount?: () => void;
-        /** Custom handler for component unmount */
-        onUnmount?: () => void;
+        /** 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 animation configuration */
-        animation?: Partial<AnimationConfig>;
         /** Custom ARIA labels */
         ariaLabels?: {
             container?: string;
-            tabPrefix?: string;
-            iconSuffix?: string;
-            selectedSuffix?: string;
+            spinner?: string;
+            successIcon?: string;
+            errorIcon?: string;
+            loading?: string;
         };
-        /** Whether to show "All" option */
-        showAllOption?: boolean;
-        /** Custom network display names */
-        networkNames?: {
-            [key: string]: 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;
+            }>;
         };
-        /** Minimum networks to show tabs */
-        minNetworksToShow?: number;
     };
 };
 /**
- * Props for the NetworkTabs component
+ * Connection status component props interface
  */
-interface NetworkTabsProps {
-    /** Array of available network adapters */
-    networks: OrbitAdapter[];
-    /** Currently selected network adapter (undefined means "All" is selected) */
+interface ConnectingProps {
+    /** Currently active connector identifier */
+    activeConnector: string | undefined;
+    /** Selected orbit adapter for the connection */
     selectedAdapter: OrbitAdapter | undefined;
-    /** Handler for network selection changes */
-    onSelect: (adapter: OrbitAdapter | undefined) => void;
+    /** 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?: NetworkTabsCustomization;
+    customization?: ConnectingCustomization;
 }
 /**
- * NetworkTabs component - Animated tab navigation for network selection with comprehensive customization
- *
- * This component provides an animated tab interface for selecting blockchain networks:
- * - Animated tab transitions with smooth layouts powered by Framer Motion
- * - Visual network icons with Web3Icon integration and fallbacks
- * - Configurable "All networks" option for viewing all connectors
- * - Responsive horizontal scrolling for mobile-friendly experience
- * - Full accessibility support with proper ARIA labels and keyboard navigation
- * - Motion-based UI feedback with customizable animation timing
- * - Complete customization of all child components and animations
+ * Connection status display component for wallet connection flow
  *
- * Key features:
- * - Framer Motion powered animations with configurable timing and easing
- * - Dynamic tab indicator that smoothly morphs between selections
- * - Network icons with proper Web3Icon integration and fallback support
- * - Conditional rendering based on configurable minimum network threshold
- * - Touch-friendly interface with horizontal scrolling support
- * - Full component tree customization through render prop pattern
+ * 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
  *
- * Animation system:
- * - Layout animations for smooth tab movement with configurable duration
- * - Text fade transitions with customizable timing when switching tabs
- * - Morphing background indicator with layoutId for smooth transitions
- * - Optimized animation durations tuned for natural feel
- * - Support for reduced motion preferences
+ * The component automatically detects connection state and displays appropriate
+ * visual feedback with proper semantic markup for accessibility tools.
  *
- * Accessibility features:
- * - Proper tablist and tab ARIA semantics for screen readers
- * - Keyboard navigation support (Tab, Space, Enter, Arrow keys)
- * - Dynamic ARIA labels with selection state announcements
- * - Focus management with visible focus indicators
- * - Meaningful tooltips and descriptions for each network
- * - Screen reader friendly icon descriptions
+ * @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 Basic usage
+ * @example
  * ```tsx
- * <NetworkTabs
- *   networks={[OrbitAdapter.EVM, OrbitAdapter.SOLANA]}
- *   selectedAdapter={OrbitAdapter.EVM}
- *   onSelect={(adapter) => handleNetworkChange(adapter)}
+ * <Connecting
+ *   activeConnector="metamask"
+ *   selectedAdapter={ethereumAdapter}
+ *   connectors={availableConnectors}
+ *   isConnected={false}
  * />
  * ```
  *
- * @example With custom animation timing
+ * @example
  * ```tsx
- * <NetworkTabs
- *   networks={networks}
- *   selectedAdapter={selectedNetwork}
- *   onSelect={setSelectedNetwork}
- *   customization={{
- *     config: {
- *       animation: {
- *         layoutDuration: 0.3,
- *         textDuration: 0.15
- *       }
- *     }
- *   }}
+ * // With custom error handling
+ * <Connecting
+ *   activeConnector="walletconnect"
+ *   selectedAdapter={polygonAdapter}
+ *   connectors={connectors}
+ *   isConnected={false}
+ *   customErrorMessage="Custom connection error occurred"
+ *   showDetailedError={true}
  * />
  * ```
  *
- * @example With full customization
+ * @example
  * ```tsx
- * <NetworkTabs
- *   networks={networks}
- *   selectedAdapter={selectedNetwork}
- *   onSelect={setSelectedNetwork}
- *   customization={{
- *     components: {
- *       TabButton: CustomTabButton,
- *       Indicator: CustomIndicator
- *     },
- *     classNames: {
- *       tabButton: ({ isSelected }) => isSelected ? 'custom-selected' : 'custom-normal'
- *     },
- *     handlers: {
- *       onTabSelect: (network, tabData) => {
- *         analytics.track('network_tab_selected', { network: network?.name });
- *       }
- *     },
- *     config: {
- *       minNetworksToShow: 2,
- *       showAllOption: false
- *     }
- *   }}
+ * // Successful connection state
+ * <Connecting
+ *   activeConnector="phantom"
+ *   selectedAdapter={solanaAdapter}
+ *   connectors={solanaConnectors}
+ *   isConnected={true}
  * />
  * ```
+ *
+ * @public
  */
-declare const NetworkTabs: React__default.NamedExoticComponent<NetworkTabsProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const Connecting: React__default.NamedExoticComponent<ConnectingProps & React__default.RefAttributes<HTMLDivElement>>;
 
 /**
  * @file RecentBadge component with comprehensive customization options and animated gradient border.
@@ -7757,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, 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, 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, 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 };
+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 };