@tuwaio/nova-connect 0.1.9 → 0.2.0

package/dist/{ToastError-CaoiEVOK.d.cts → ToastError-C3LvnSma.d.cts}

@@ -2,13 +2,13 @@ import { Dialog, DialogContent, StarsBackground } from '@tuwaio/nova-core';
 import { TargetAndTransition, VariantLabels, LegacyAnimationControls, Transition, AnyResolvedKeyframe, HTMLMotionProps, Variants, Easing, motion } from 'framer-motion';
 import * as React$1 from 'react';
 import React__default, { ComponentType, ReactNode, ComponentPropsWithoutRef } from 'react';
-import { B as ButtonTxStatus, b as NovaConnectProviderProps, h as useNovaConnectLabels, p as NativeBalanceResult, C as ConnectContentType } from './useWalletNativeBalance-DSt1VUWC.cjs';
-import { BaseWallet } from '@tuwaio/satellite-core';
+import { B as ButtonTxStatus, b as NovaConnectProviderProps, h as useNovaConnectLabels, p as NativeBalanceResult, a as ConnectedContentType, C as ConnectContentType } from './useWalletNativeBalance-D49yGzRi.cjs';
+import { BaseConnector } from '@tuwaio/satellite-core';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as Select from '@radix-ui/react-select';
 import { I as InitialChains } from './types-DGsiEwne.cjs';
 import { Transaction } from '@tuwaio/pulsar-core';
-import { OrbitAdapter, WalletType } from '@tuwaio/orbit-core';
+import { ConnectorType, OrbitAdapter, RecentlyConnectedConnectorData } from '@tuwaio/orbit-core';
 import { Connector } from '@tuwaio/satellite-react';
 
 /**
@@ -609,15 +609,6 @@ type CustomTriggerArrowProps = {
     /** Whether hidden from screen readers */
     'aria-hidden'?: boolean;
 };
-/**
- * Props for a custom loading state display.
- */
-type CustomLoadingStateProps = {
-    /** CSS class */
-    className?: string;
-    /** ARIA label */
-    'aria-label': string;
-};
 /**
  * Props for a custom display for a single chain (when no selector is needed).
  */
@@ -743,8 +734,6 @@ type ChainTriggerButtonCustomization = {
 type ChainSelectorCustomization = {
     /** Custom component overrides */
     components?: {
-        /** Custom loading state component */
-        LoadingState?: ComponentType<CustomLoadingStateProps>;
         /** Custom component for displaying a single chain */
         SingleChainDisplay?: ComponentType<CustomSingleChainDisplayProps>;
         /** Custom wrapper for the desktop selector */
@@ -1459,7 +1448,7 @@ interface ConnectButtonData {
     /** Current labels from i18n */
     labels: ReturnType<typeof useNovaConnectLabels>;
     /** Active wallet information */
-    activeWallet: BaseWallet | undefined;
+    activeConnection: BaseConnector | undefined;
 }
 type NavigationProps$1 = {
     className?: string;
@@ -1621,6 +1610,7 @@ type CustomDisconnectButtonProps = {
     'data-testid'?: string;
     'aria-describedby'?: string;
     disabled?: boolean;
+    connectionsCount: number;
 };
 type CustomExplorerLinkProps = {
     href: string;
@@ -1910,14 +1900,14 @@ declare const ConnectedModalFooter: React$1.ForwardRefExoticComponent<ConnectedM
 
 type WalletNameDisplayProps = {
     ensNameAbbreviated?: string;
-    activeWallet: BaseWallet;
+    activeConnection: BaseConnector;
     labels: Record<string, string>;
     className?: string;
 };
 type CopyButtonProps = {
     isCopied: boolean;
     onCopy: () => Promise<void>;
-    activeWallet: BaseWallet;
+    activeConnection: BaseConnector;
     labels: Record<string, string>;
     className?: string;
     disabled?: boolean;
@@ -1925,12 +1915,13 @@ type CopyButtonProps = {
 type BalanceDisplayProps = {
     balance?: ConnectedModalMainContentProps['balance'];
     balanceLoading: boolean;
+    refetch: () => void;
     labels: Record<string, string>;
     className?: string;
 };
 type ScreenReaderFeedbackProps = {
     isCopied: boolean;
-    activeWallet: BaseWallet;
+    activeConnection: BaseConnector;
     labels: Record<string, string>;
     className?: string;
 };
@@ -2079,6 +2070,8 @@ type ConnectedModalNameAndBalanceCustomization = {
  * Props for the ConnectedModalNameAndBalance component
  */
 interface ConnectedModalNameAndBalanceProps extends Pick<ConnectedModalMainContentProps, 'balanceLoading' | 'ensNameAbbreviated' | 'balance'> {
+    /** Function to manually trigger a balance refresh */
+    refetch: () => void;
     /** Additional CSS classes for the container */
     className?: string;
     /** Custom aria-label for the container */
@@ -2109,6 +2102,7 @@ interface ConnectedModalNameAndBalanceProps extends Pick<ConnectedModalMainConte
  *   ensNameAbbreviated="wallet.eth"
  *   balanceLoading={false}
  *   balance={{ value: "1.23", symbol: "ETH" }}
+ *   refetch={() => {}}
  * />
  * ```
  *
@@ -2118,6 +2112,7 @@ interface ConnectedModalNameAndBalanceProps extends Pick<ConnectedModalMainConte
  *   ensNameAbbreviated="wallet.eth"
  *   balanceLoading={false}
  *   balance={{ value: "1.23", symbol: "ETH" }}
+ *   refetch={() => {}}
  *   customization={{
  *     classNames: {
  *       container: ({ hasActiveWallet }) =>
@@ -2493,7 +2488,7 @@ type LoadingIndicatorProps = {
     className?: string;
 };
 type AvatarSectionProps = {
-    activeWallet: BaseWallet;
+    activeConnection: BaseConnector;
     ensAvatar: string | null;
     walletName: string;
     connectorsCount: number;
@@ -2506,6 +2501,7 @@ type AvatarSectionProps = {
 type InfoSectionProps = {
     balanceLoading: boolean;
     balance: NativeBalanceResult | null;
+    refetch: () => void;
     ensNameAbbreviated: string | undefined;
     labels: Record<string, string>;
     className?: string;
@@ -2694,6 +2690,7 @@ interface ConnectedModalMainContentProps extends Pick<NovaConnectProviderProps,
     balanceLoading: boolean;
     ensNameAbbreviated: string | undefined;
     balance: NativeBalanceResult | null;
+    refetch: () => void;
     /** Additional CSS classes for the container */
     className?: string;
     /** Custom aria-label for the container */
@@ -2755,8 +2752,8 @@ interface ConnectedModalMainContentProps extends Pick<NovaConnectProviderProps,
  *     components: {
  *       LoadingIndicator: ({ isLoading }) =>
  *         isLoading ? <div className="custom-spinner" /> : null,
- *       AvatarSection: ({ activeWallet, onSwitchWallet }) => (
- *         <div onClick={onSwitchWallet}>Custom Avatar: {activeWallet.address}</div>
+ *       AvatarSection: ({ activeConnection, onSwitchWallet }) => (
+ *         <div onClick={onSwitchWallet}>Custom Avatar: {activeConnection.address}</div>
  *       ),
  *     },
  *     childCustomizations: {
@@ -2808,7 +2805,7 @@ type CustomNoWalletContainerProps = {
 };
 type CustomTransactionsHistoryWrapperProps = {
     children: ReactNode;
-    activeWalletAddress: string;
+    activeConnectionAddress: string;
     transactionPool: NonNullable<NovaConnectProviderProps['transactionPool']>;
     pulsarAdapter: NonNullable<NovaConnectProviderProps['pulsarAdapter']>;
     labels: Record<string, string>;
@@ -3013,13 +3010,290 @@ interface ConnectedModalTxHistoryProps extends Pick<NovaConnectProviderProps, 't
  */
 declare const ConnectedModalTxHistory: React__default.ForwardRefExoticComponent<ConnectedModalTxHistoryProps & React__default.RefAttributes<HTMLDivElement>>;
 
+/**
+ * @file ConnectionsContent component for managing multiple wallet connections.
+ */
+
+type CustomContainerProps = {
+    className?: string;
+    children: ReactNode;
+    isEmpty?: boolean;
+    connectionsCount?: number;
+    recentCount?: number;
+    role?: string;
+    'aria-label'?: string;
+    'data-testid'?: string;
+};
+type CustomSectionHeaderProps = {
+    title: string;
+    count?: number;
+    className?: string;
+    'aria-level'?: number;
+};
+type CustomActiveSectionProps = {
+    className?: string;
+    children: ReactNode;
+    count: number;
+    labels?: Record<string, string>;
+};
+type CustomRecentSectionProps = {
+    className?: string;
+    children: ReactNode;
+    labels?: Record<string, string>;
+};
+type CustomActiveRowProps = {
+    connectorType: ConnectorType;
+    address: string;
+    fullAddress?: string;
+    chainId?: number | string;
+    onDisconnect: (e: React.MouseEvent) => void;
+    className?: string;
+    explorerLink?: string;
+    icon?: string;
+    labels?: Record<string, string>;
+    isCopied?: boolean;
+    onCopy?: () => void;
+    onExplorer?: () => void;
+};
+type CustomConnectedRowProps = {
+    connectorType: ConnectorType;
+    address: string;
+    chainId?: number | string;
+    onSwitch: () => void;
+    onDisconnect: (e: React.MouseEvent) => void;
+    className?: string;
+    icon?: string;
+    labels?: Record<string, string>;
+    isHovered?: boolean;
+};
+type CustomRecentRowProps = {
+    connectorType: ConnectorType;
+    address: string;
+    timestamp: number;
+    onConnect?: () => void;
+    onRemove: (e: React.MouseEvent) => void;
+    className?: string;
+    icon?: string;
+    isConnecting?: boolean;
+    labels?: Record<string, string>;
+};
+type CustomActionButtonProps = {
+    onClick: (e: React.MouseEvent) => void;
+    label: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+    className?: string;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+    variant?: 'primary' | 'secondary' | 'danger';
+};
+type CustomAddWalletButtonProps = {
+    onClick: () => void;
+    label: string;
+    className?: string;
+    disabled?: boolean;
+};
+type CustomEmptyStateProps = {
+    message: string;
+    className?: string;
+};
+/**
+ * Customization options for ConnectionsContent component
+ */
+type ConnectionsContentCustomization = {
+    /** Override container element props */
+    containerProps?: Partial<ComponentPropsWithoutRef<'div'>>;
+    /** Custom components */
+    components?: {
+        /** Custom container component */
+        Container?: ComponentType<CustomContainerProps>;
+        /** Custom section header component */
+        SectionHeader?: ComponentType<CustomSectionHeaderProps>;
+        /** Custom active connectors section */
+        ActiveConnectorsSection?: ComponentType<CustomActiveSectionProps>;
+        /** Custom recently connected section */
+        RecentlyConnectedSection?: ComponentType<CustomRecentSectionProps>;
+        /** Custom active connector row */
+        ActiveConnectorRow?: ComponentType<CustomActiveRowProps>;
+        /** Custom connected connector row */
+        ConnectedConnectorRow?: ComponentType<CustomConnectedRowProps>;
+        /** Custom recently connected row */
+        RecentlyConnectedRow?: ComponentType<CustomRecentRowProps>;
+        /** Custom action button */
+        ActionButton?: ComponentType<CustomActionButtonProps>;
+        /** Custom add wallet button */
+        AddWalletButton?: ComponentType<CustomAddWalletButtonProps>;
+        /** Custom empty state */
+        EmptyState?: ComponentType<CustomEmptyStateProps>;
+    };
+    /** Custom class name generators */
+    classNames?: {
+        /** Function to generate container classes */
+        container?: (params: {
+            isEmpty: boolean;
+            connectionsCount: number;
+            recentCount: number;
+        }) => string;
+        /** Function to generate section header classes */
+        sectionHeader?: (params: {
+            sectionType: 'active' | 'recent';
+        }) => string;
+        /** Function to generate active section classes */
+        activeSection?: (params: {
+            count: number;
+        }) => string;
+        /** Function to generate recent section classes */
+        recentSection?: (params: {
+            count: number;
+        }) => string;
+        /** Function to generate active row classes */
+        activeRow?: (params: {
+            connectorType: ConnectorType;
+            hasExplorer: boolean;
+        }) => string;
+        /** Function to generate connected row classes */
+        connectedRow?: (params: {
+            connectorType: ConnectorType;
+            isHovered: boolean;
+        }) => string;
+        /** Function to generate recent row classes */
+        recentRow?: (params: {
+            connectorType: ConnectorType;
+            isConnecting: boolean;
+        }) => string;
+        /** Function to generate action button classes */
+        actionButton?: (params: {
+            variant?: 'primary' | 'secondary' | 'danger';
+            disabled?: boolean;
+            loading?: boolean;
+        }) => string;
+        /** Function to generate add wallet button classes */
+        addWalletButton?: (params: {
+            disabled?: boolean;
+        }) => string;
+        /** Function to generate empty state classes */
+        emptyState?: () => string;
+    };
+    /** Custom event handlers */
+    handlers?: {
+        /** Custom handler before switching connection */
+        onBeforeSwitch?: (connectorType: ConnectorType) => boolean | Promise<boolean>;
+        /** Custom handler after switching connection */
+        onAfterSwitch?: (connectorType: ConnectorType) => void;
+        /** Custom handler when switch fails */
+        onSwitchError?: (connectorType: ConnectorType, error: Error) => void;
+        /** Custom handler before disconnect */
+        onBeforeDisconnect?: (connectorType: ConnectorType) => boolean | Promise<boolean>;
+        /** Custom handler after disconnect */
+        onAfterDisconnect?: (connectorType: ConnectorType) => void;
+        /** Custom handler when disconnect fails */
+        onDisconnectError?: (connectorType: ConnectorType, error: Error) => void;
+        /** Custom handler before connecting recent */
+        onBeforeConnect?: (connectorType: ConnectorType) => boolean | Promise<boolean>;
+        /** Custom handler after connecting recent */
+        onAfterConnect?: (connectorType: ConnectorType) => void;
+        /** Custom handler when connect fails */
+        onConnectError?: (connectorType: ConnectorType, error: Error) => void;
+        /** Custom handler before removing recent */
+        onBeforeRemove?: (connectorType: ConnectorType) => boolean | Promise<boolean>;
+        /** Custom handler after removing recent */
+        onAfterRemove?: (connectorType: ConnectorType) => void;
+        /** Custom handler for copy address */
+        onCopyAddress?: (address: string, connectorType: ConnectorType) => void;
+        /** Custom handler for explorer click */
+        onExplorerClick?: (url: string, address: string, connectorType: ConnectorType) => void;
+        /** Custom handler for add wallet click */
+        onAddWalletClick?: () => void;
+    };
+    /** Custom text and ARIA labels */
+    labels?: {
+        /** Custom empty state message */
+        emptyStateMessage?: string;
+        /** Custom active section title */
+        activeSectionTitle?: string;
+        /** Custom recent section title */
+        recentSectionTitle?: string;
+        /** Custom disconnect button label */
+        disconnectLabel?: string;
+        /** Custom switch button label */
+        switchLabel?: string;
+        /** Custom connect button label */
+        connectLabel?: string;
+        /** Custom remove button label */
+        removeLabel?: string;
+        /** Custom copy button label */
+        copyLabel?: string;
+        /** Custom copied success label */
+        copiedLabel?: string;
+        /** Custom explorer button label */
+        explorerLabel?: string;
+        /** Custom add wallet button label */
+        addWalletLabel?: string;
+        /** Custom ARIA label for container */
+        containerAriaLabel?: string;
+        /** Custom ARIA label for active section */
+        activeSectionAriaLabel?: string;
+        /** Custom ARIA label for recent section */
+        recentSectionAriaLabel?: string;
+        /** Custom ARIA description for switch action */
+        switchAriaDescription?: string;
+        /** Custom ARIA description for disconnect action */
+        disconnectAriaDescription?: string;
+        /** Custom ARIA description for connect action */
+        connectAriaDescription?: string;
+        /** Custom ARIA description for remove action */
+        removeAriaDescription?: string;
+        /** Custom ARIA live region announcement for switch */
+        switchAnnouncement?: (walletName: string) => string;
+        /** Custom ARIA live region announcement for disconnect */
+        disconnectAnnouncement?: (walletName: string) => string;
+        /** Custom ARIA live region announcement for connect */
+        connectAnnouncement?: (walletName: string) => string;
+    };
+    /** Configuration options */
+    config?: {
+        /** Whether to disable animations */
+        disableAnimation?: boolean;
+        /** Whether to reduce motion for accessibility */
+        reduceMotion?: boolean;
+        /** Whether to show empty state */
+        showEmptyState?: boolean;
+        /** Whether to show add wallet button */
+        showAddWalletButton?: boolean;
+        /** Whether to show recently connected section */
+        showRecentSection?: boolean;
+        /** Whether to enable keyboard shortcuts */
+        enableKeyboardShortcuts?: boolean;
+        /** Custom keyboard shortcuts map */
+        keyboardShortcuts?: {
+            /** Key for switching to next connection */
+            nextConnection?: string;
+            /** Key for switching to previous connection */
+            prevConnection?: string;
+            /** Key for disconnecting active wallet */
+            disconnect?: string;
+        };
+        /** Maximum recent connections to show */
+        maxRecentConnections?: number;
+        /** Whether to auto-focus first interactive element */
+        autoFocus?: boolean;
+        /** Custom test IDs */
+        testIds?: {
+            container?: string;
+            activeSection?: string;
+            recentSection?: string;
+            addWalletButton?: string;
+        };
+    };
+};
+
 /**
  * @file ConnectedModal component with comprehensive customization options for all child components.
  */
 
-type ConnectedModalContentType = 'main' | 'transactions' | 'chains';
 type HeaderProps = {
-    contentType: ConnectedModalContentType;
+    contentType: ConnectedContentType;
     title: string;
     onBack: () => void;
     onClose: () => void;
@@ -3041,8 +3315,9 @@ type CloseButtonProps$1 = {
     className?: string;
 };
 type MainContentProps$1 = Pick<NovaConnectProviderProps, 'transactionPool' | 'pulsarAdapter'> & {
-    contentType: ConnectedModalContentType;
+    contentType: ConnectedContentType;
     balance: NativeBalanceResult | null;
+    refetch: () => void;
     ensNameAbbreviated: string | undefined;
     avatarIsLoading: boolean;
     balanceLoading: boolean;
@@ -3055,6 +3330,7 @@ type MainContentProps$1 = Pick<NovaConnectProviderProps, 'transactionPool' | 'pu
         chain: string | number;
     };
     className?: string;
+    childCustomizations?: ConnectedModalCustomization['childCustomizations'];
 };
 type WalletNameConfig = {
     abbreviateSymbols?: number;
@@ -3107,30 +3383,30 @@ type ConnectedModalCustomization = {
         dialog?: () => string;
         /** Function to generate dialog content classes */
         dialogContent?: (params: {
-            contentType: ConnectedModalContentType;
+            contentType: ConnectedContentType;
             hasActiveWallet: boolean;
         }) => string;
         /** Function to generate motion container classes */
         motionContainer?: () => string;
         /** Function to generate content container classes */
         contentContainer?: (params: {
-            contentType: ConnectedModalContentType;
+            contentType: ConnectedContentType;
         }) => string;
         /** Function to generate header classes */
         header?: (params: {
-            contentType: ConnectedModalContentType;
+            contentType: ConnectedContentType;
         }) => string;
         /** Function to generate back button classes */
         backButton?: () => string;
         /** Function to generate title classes */
         title?: (params: {
-            contentType: ConnectedModalContentType;
+            contentType: ConnectedContentType;
         }) => string;
         /** Function to generate close button classes */
         closeButton?: () => string;
         /** Function to generate main content classes */
         mainContent?: (params: {
-            contentType: ConnectedModalContentType;
+            contentType: ConnectedContentType;
         }) => string;
         /** Function to generate footer classes */
         footer?: () => string;
@@ -3181,12 +3457,14 @@ type ConnectedModalCustomization = {
         /** Custom handler for chain change */
         onChainChange?: (chainId: string) => void;
         /** Custom handler for content type change */
-        onContentTypeChange?: (type: ConnectedModalContentType) => void;
+        onContentTypeChange?: (type: ConnectedContentType) => void;
     };
     /** Child component customizations */
     childCustomizations?: {
         /** Customization for ConnectedModalMainContent component */
         mainContent?: ConnectedModalMainContentCustomization;
+        /** Customization for ConnectionsContent component */
+        connections?: ConnectionsContentCustomization;
         /** Customization for ConnectedModalTxHistory component */
         txHistory?: Record<string, unknown>;
         /** Customization for ScrollableChainList component */
@@ -3854,7 +4132,7 @@ interface ConnectorsBlockData {
     /** Whether there are connectors to display */
     hasConnectors: boolean;
     /** Recent wallets data */
-    recentWallets: Record<string, Record<string, boolean>> | null;
+    recentWallets: [string, RecentlyConnectedConnectorData][] | null;
     /** Section ID for accessibility */
     sectionId: string;
 }
@@ -4707,6 +4985,7 @@ type InputProps = {
     value: string;
     onChange: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
     onBlur: () => void;
+    onPaste?: (event: React__default.ClipboardEvent<HTMLInputElement>) => void;
     placeholder?: string;
     'aria-describedby'?: string;
     'aria-invalid'?: 'true' | 'false';
@@ -4753,13 +5032,17 @@ type ImpersonateFormCustomization = {
     /** Custom event handlers */
     handlers?: {
         /** Custom handler for input change (called after default logic) */
-        onInputChange?: (value: string) => void;
+        onInputChange?: (displayValue: string, resolvedAddress: string | null) => void;
         /** Custom handler for input blur (called after default logic) */
-        onInputBlur?: (value: string) => void;
+        onInputBlur?: (displayValue: string, resolvedAddress: string | null) => void;
+        /** Custom handler for paste events */
+        onInputPaste?: (displayValue: string, resolvedAddress: string | null) => void;
         /** Custom handler for validation start */
         onValidationStart?: (value: string) => void;
         /** Custom handler for validation complete */
         onValidationComplete?: (value: string, error: string | null) => void;
+        /** Custom handler for resolved address */
+        onAddressResolved?: (originalValue: string, resolvedAddress: string) => void;
         /** Custom handler for component mount */
         onMount?: () => void;
         /** Custom handler for component unmount */
@@ -4786,6 +5069,8 @@ type ImpersonateFormCustomization = {
  * Props for the ImpersonateForm component
  */
 interface ImpersonateFormProps {
+    /** Currently selected adapter **/
+    selectedAdapter?: OrbitAdapter;
     /** Current impersonated wallet address value */
     impersonatedAddress: string;
     /** Callback to update the impersonated address */
@@ -4797,82 +5082,6 @@ interface ImpersonateFormProps {
 }
 /**
  * Form component for entering wallet address to impersonate with comprehensive customization
- *
- * This component provides a validated form input with:
- * - Debounced validation with configurable timing
- * - Real-time address format validation using viem's isAddress
- * - Full accessibility support with proper ARIA labeling
- * - Error state management with immediate visual feedback
- * - Touch-friendly design with proper focus states
- * - Full customization of all child components
- * - Comprehensive validation with custom validation support
- *
- * Validation features:
- * - Empty address detection
- * - Invalid address format detection using viem
- * - Connected wallet conflict detection
- * - Custom validation function support
- * - Debounced validation to prevent excessive API calls
- * - Immediate validation on blur for better UX
- *
- * Accessibility features:
- * - Proper form labeling with htmlFor association
- * - ARIA invalid and describedby attributes
- * - Live region for error announcements
- * - Screen reader friendly error messages
- * - Proper focus management
- *
- * @example Basic usage
- * ```tsx
- * <ImpersonateForm
- *   impersonatedAddress={address}
- *   setImpersonatedAddress={setAddress}
- *   store={novaConnectStore}
- * />
- * ```
- *
- * @example With custom validation
- * ```tsx
- * <ImpersonateForm
- *   impersonatedAddress={address}
- *   setImpersonatedAddress={setAddress}
- *   store={novaConnectStore}
- *   customization={{
- *     config: {
- *       validation: {
- *         debounceDelay: 300,
- *         customValidator: (addr) => {
- *           if (addr === '0x...') return 'This address is not allowed';
- *           return null;
- *         }
- *       }
- *     }
- *   }}
- * />
- * ```
- *
- * @example With full customization
- * ```tsx
- * <ImpersonateForm
- *   impersonatedAddress={address}
- *   setImpersonatedAddress={setAddress}
- *   store={novaConnectStore}
- *   customization={{
- *     components: {
- *       Input: CustomInput,
- *       ErrorMessage: CustomErrorMessage
- *     },
- *     classNames: {
- *       input: ({ hasError }) => hasError ? 'custom-error' : 'custom-normal'
- *     },
- *     handlers: {
- *       onValidationComplete: (value, error) => {
- *         console.log('Validation result:', { value, error });
- *       }
- *     }
- *   }}
- * />
- * ```
  */
 declare const ImpersonateForm: React__default.ForwardRefExoticComponent<ImpersonateFormProps & React__default.RefAttributes<HTMLDivElement>>;
 
@@ -5301,7 +5510,7 @@ interface NetworkSelectionsProps {
     /** Array of grouped wallet connectors with their supported networks */
     connectors: GroupedConnector[];
     /** Click handler for network selection */
-    onClick: (adapter: OrbitAdapter, walletType: WalletType) => Promise<void>;
+    onClick: (adapter: OrbitAdapter, connectorType: ConnectorType) => Promise<void>;
     /** Customization options */
     customization?: NetworkSelectionsCustomization;
 }
@@ -5347,8 +5556,8 @@ interface NetworkSelectionsProps {
  * <NetworkSelections
  *   activeConnector="metamask"
  *   connectors={multiNetworkConnectors}
- *   onClick={async (adapter, walletType) => {
- *     await connectToNetwork(adapter, walletType);
+ *   onClick={async (adapter, connectorType) => {
+ *     await connectToNetwork(adapter, connectorType);
  *   }}
  * />
  * ```