@naculus/connect-appkit-ui 0.4.0 → 0.6.0

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import * as React from 'react';
+import React__default from 'react';
 import { WalletNamespace, EmbeddedWalletAccountView, StorageSecurityReport, PassphraseRequest, Web3ConnectConfig } from '@naculus/connect-appkit-react';
 import { ClassValue } from 'clsx';
 import { SiwxResult } from '@naculus/siwx';
@@ -35,7 +36,7 @@ interface ChainSelectorProps {
     showLabel?: boolean;
     variant?: "dropdown" | "buttons" | "minimal";
 }
-declare function ChainSelector({ className, showLabel, variant }: ChainSelectorProps): React.JSX.Element | null;
+declare function ChainSelector({ className, showLabel, variant }: ChainSelectorProps): React__default.JSX.Element | null;
 
 interface AccountButtonProps {
     className?: string;
@@ -46,7 +47,7 @@ interface AccountButtonProps {
     balanceSymbol?: string;
     onConnect?: () => void;
 }
-declare function AccountButton({ className, showAddress, showBalance, address: externalAddress, balance: externalBalance, balanceSymbol, onConnect, }: AccountButtonProps): React.JSX.Element;
+declare function AccountButton({ className, showAddress, showBalance, address: externalAddress, balance: externalBalance, balanceSymbol, onConnect, }: AccountButtonProps): React__default.JSX.Element;
 
 interface AccountSelectorProps {
     className?: string;
@@ -77,14 +78,14 @@ interface AccountSelectorViewProps extends AccountSelectorProps {
  * in `canDerive`, and that state is otherwise reachable only by importing an
  * actual key.
  */
-declare function AccountSelectorView({ className, hideBackfill, onSelect, accounts, activeNamespace, canDerive, setActiveNamespace, backfillAccounts, }: AccountSelectorViewProps): React.JSX.Element | null;
+declare function AccountSelectorView({ className, hideBackfill, onSelect, accounts, activeNamespace, canDerive, setActiveNamespace, backfillAccounts, }: AccountSelectorViewProps): React__default.JSX.Element | null;
 /**
  * Lists the embedded wallet's accounts and lets the user choose which signs.
  *
  * Renders nothing when there is no embedded wallet, so a consumer can mount
  * this unconditionally.
  */
-declare function AccountSelector(props: AccountSelectorProps): React.JSX.Element | null;
+declare function AccountSelector(props: AccountSelectorProps): React__default.JSX.Element | null;
 
 interface WalletSecurityPanelProps {
     className?: string;
@@ -139,7 +140,7 @@ interface PassphraseDialogViewProps extends PassphraseDialogProps {
  * Exported because reaching the retry and create states otherwise means
  * arranging an actual failed decrypt.
  */
-declare function PassphraseDialogView({ className, request, submit, cancel, }: PassphraseDialogViewProps): React.JSX.Element | null;
+declare function PassphraseDialogView({ className, request, submit, cancel, }: PassphraseDialogViewProps): React__default.JSX.Element | null;
 /**
  * Asks for the passphrase that encrypts the embedded wallet on this device.
  *
@@ -147,7 +148,7 @@ declare function PassphraseDialogView({ className, request, submit, cancel, }: P
  * blocked on the answer, and nothing at all when the app supplies its own
  * `encryptionPassphrase` or has encryption off.
  */
-declare function PassphraseDialog(props: PassphraseDialogProps): React.JSX.Element;
+declare function PassphraseDialog(props: PassphraseDialogProps): React__default.JSX.Element;
 
 interface PasskeySetupProps {
     className?: string;
@@ -193,11 +194,11 @@ interface UnlockSnapshot {
  * unsealed, not yet checked — otherwise needs a real authenticator behaving a
  * particular way.
  */
-declare function PasskeySetupView({ className, passkeys, unlock, onRegistered, }: PasskeySetupViewProps): React.JSX.Element | null;
+declare function PasskeySetupView({ className, passkeys, unlock, onRegistered, }: PasskeySetupViewProps): React__default.JSX.Element | null;
 /**
  * Registers a passkey for the embedded wallet and re-seals its stored record.
  */
-declare function PasskeySetup(props: PasskeySetupProps): React.JSX.Element;
+declare function PasskeySetup(props: PasskeySetupProps): React__default.JSX.Element;
 
 /**
  * Hook that detects if the user is on a mobile device.
@@ -226,49 +227,49 @@ declare function useEIP6963(): UseEIP6963Result;
 declare function cn(...inputs: ClassValue[]): string;
 
 interface ComponentRegistry {
-    Button?: React.ComponentType<any>;
-    Card?: React.ComponentType<any>;
-    Badge?: React.ComponentType<any>;
-    Switch?: React.ComponentType<any>;
-    Checkbox?: React.ComponentType<any>;
-    Tabs?: React.ComponentType<any>;
-    TabsContent?: React.ComponentType<any>;
-    TabsList?: React.ComponentType<any>;
-    TabsTrigger?: React.ComponentType<any>;
-    DropdownMenu?: React.ComponentType<any>;
-    Avatar?: React.ComponentType<any>;
-    Skeleton?: React.ComponentType<any>;
-    Tooltip?: React.ComponentType<any>;
-    Popover?: React.ComponentType<any>;
-    Progress?: React.ComponentType<any>;
-    Separator?: React.ComponentType<any>;
-    ScrollArea?: React.ComponentType<any>;
-    Input?: React.ComponentType<any>;
-    Select?: React.ComponentType<any>;
-    Label?: React.ComponentType<any>;
-    Sheet?: React.ComponentType<any>;
-    Modal?: React.ComponentType<any>;
-    Dialog?: React.ComponentType<any>;
-    DialogContent?: React.ComponentType<any>;
-    DialogHeader?: React.ComponentType<any>;
-    DialogTitle?: React.ComponentType<any>;
-    ConnectButton?: React.ComponentType<any>;
-    AccountButton?: React.ComponentType<any>;
-    ChainSelector?: React.ComponentType<any>;
-    QRCodeModal?: React.ComponentType<any>;
-    SignInButton?: React.ComponentType<any>;
-    SeedPhraseBackup?: React.ComponentType<any>;
-    ErrorBoundary?: React.ComponentType<any>;
-    AppKit?: React.ComponentType<any>;
-    AppKitButton?: React.ComponentType<any>;
-    AppKitChainSelector?: React.ComponentType<any>;
-    Web3ConnectUI?: React.ComponentType<any>;
+    Button?: React__default.ComponentType<any>;
+    Card?: React__default.ComponentType<any>;
+    Badge?: React__default.ComponentType<any>;
+    Switch?: React__default.ComponentType<any>;
+    Checkbox?: React__default.ComponentType<any>;
+    Tabs?: React__default.ComponentType<any>;
+    TabsContent?: React__default.ComponentType<any>;
+    TabsList?: React__default.ComponentType<any>;
+    TabsTrigger?: React__default.ComponentType<any>;
+    DropdownMenu?: React__default.ComponentType<any>;
+    Avatar?: React__default.ComponentType<any>;
+    Skeleton?: React__default.ComponentType<any>;
+    Tooltip?: React__default.ComponentType<any>;
+    Popover?: React__default.ComponentType<any>;
+    Progress?: React__default.ComponentType<any>;
+    Separator?: React__default.ComponentType<any>;
+    ScrollArea?: React__default.ComponentType<any>;
+    Input?: React__default.ComponentType<any>;
+    Select?: React__default.ComponentType<any>;
+    Label?: React__default.ComponentType<any>;
+    Sheet?: React__default.ComponentType<any>;
+    Modal?: React__default.ComponentType<any>;
+    Dialog?: React__default.ComponentType<any>;
+    DialogContent?: React__default.ComponentType<any>;
+    DialogHeader?: React__default.ComponentType<any>;
+    DialogTitle?: React__default.ComponentType<any>;
+    ConnectButton?: React__default.ComponentType<any>;
+    AccountButton?: React__default.ComponentType<any>;
+    ChainSelector?: React__default.ComponentType<any>;
+    QRCodeModal?: React__default.ComponentType<any>;
+    SignInButton?: React__default.ComponentType<any>;
+    SeedPhraseBackup?: React__default.ComponentType<any>;
+    ErrorBoundary?: React__default.ComponentType<any>;
+    AppKit?: React__default.ComponentType<any>;
+    AppKitButton?: React__default.ComponentType<any>;
+    AppKitChainSelector?: React__default.ComponentType<any>;
+    Web3ConnectUI?: React__default.ComponentType<any>;
 }
 interface Web3ComponentProviderProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     components?: ComponentRegistry;
 }
-declare function Web3ComponentProvider({ children, components, }: Web3ComponentProviderProps): React.JSX.Element;
+declare function Web3ComponentProvider({ children, components, }: Web3ComponentProviderProps): React__default.JSX.Element;
 declare function useComponentRegistry(): ComponentRegistry;
 declare function useComponent<K extends keyof ComponentRegistry>(name: K): ComponentRegistry[K] | undefined;
 
@@ -382,12 +383,12 @@ interface ThemeContextValue {
     toggleDarkMode: () => void;
 }
 interface ThemeProviderProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     theme?: ThemeOverride;
     defaultDark?: boolean;
     priority?: ThemePriority;
 }
-declare function ThemeProvider({ children, theme, defaultDark, priority, }: ThemeProviderProps): React.JSX.Element;
+declare function ThemeProvider({ children, theme, defaultDark, priority, }: ThemeProviderProps): React__default.JSX.Element;
 declare function useTheme(): ThemeContextValue;
 declare function useThemeVariable(name: ThemeVariableName): string;
 
@@ -405,9 +406,9 @@ interface WalletConnectContextValue {
     retryQR: () => void;
 }
 interface WalletConnectProviderProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
-declare function WalletConnectProvider({ children }: WalletConnectProviderProps): React.JSX.Element;
+declare function WalletConnectProvider({ children }: WalletConnectProviderProps): React__default.JSX.Element;
 declare function useWalletConnect(): WalletConnectContextValue;
 declare function useWalletConnectOptional(): WalletConnectContextValue | null;
 
@@ -425,17 +426,17 @@ interface QRCodeModalProps {
     description?: string;
     className?: string;
 }
-declare function QRCodeModal({ uri, open, onClose, onDeepLink, onRetry, status, showDeepLink: explicitShowDeepLink, timeoutMs, title, description, className, }: QRCodeModalProps): React.JSX.Element;
+declare function QRCodeModal({ uri, open, onClose, onDeepLink, onRetry, status, showDeepLink: explicitShowDeepLink, timeoutMs, title, description, className, }: QRCodeModalProps): React__default.JSX.Element;
 
 interface ErrorBoundaryProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /** Optional custom fallback UI. Receives error and reset callback. */
     fallback?: (props: {
         error: Error;
         reset: () => void;
-    }) => React.ReactNode;
+    }) => React__default.ReactNode;
     /** Called when an error is caught. Useful for logging. */
-    onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
+    onError?: (error: Error, errorInfo: React__default.ErrorInfo) => void;
     /** Called after the boundary resets. */
     onReset?: () => void;
     /** Called when the user dismisses the error dialog. */
@@ -448,13 +449,13 @@ interface ErrorBoundaryState {
     error: Error | null;
     dismissed: boolean;
 }
-declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+declare class ErrorBoundary extends React__default.Component<ErrorBoundaryProps, ErrorBoundaryState> {
     constructor(props: ErrorBoundaryProps);
     static getDerivedStateFromError(error: Error): ErrorBoundaryState;
-    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    componentDidCatch(error: Error, errorInfo: React__default.ErrorInfo): void;
     handleReset: () => void;
     handleDismiss: () => void;
-    render(): React.ReactNode;
+    render(): React__default.ReactNode;
 }
 
 interface SignInButtonProps {
@@ -465,9 +466,9 @@ interface SignInButtonProps {
     error?: Error | null;
     onSignIn?: () => void;
     onClearError?: () => void;
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
 }
-declare function SignInButton({ className, isSignedIn, isSigningIn, result, error, onSignIn, onClearError, children, }: SignInButtonProps): React.JSX.Element;
+declare function SignInButton({ className, isSignedIn, isSigningIn, result, error, onSignIn, onClearError, children, }: SignInButtonProps): React__default.JSX.Element;
 
 type DetectionMode = "auto" | "walletconnect" | "eip6963";
 interface DetectionContextValue {
@@ -476,7 +477,7 @@ interface DetectionContextValue {
 declare function useDetectionMode(): DetectionContextValue;
 interface Web3ConnectUIProps {
     config: Web3ConnectConfig;
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     autoConnect?: boolean;
     /** Wallet connection detection mode:
      * - "walletconnect" (default): Always use WalletConnect relay
@@ -495,7 +496,7 @@ interface Web3ConnectUIProps {
      */
     themePriority?: ThemePriority;
 }
-declare function Web3ConnectUI({ config, children, autoConnect, detectionMode, theme, defaultDark, themePriority, }: Web3ConnectUIProps): React.JSX.Element;
+declare function Web3ConnectUI({ config, children, autoConnect, detectionMode, theme, defaultDark, themePriority, }: Web3ConnectUIProps): React__default.JSX.Element;
 
 interface SeedPhraseBackupProps {
     seedPhrase: string;
@@ -509,7 +510,7 @@ interface SeedPhraseBackupProps {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 }
-declare function SeedPhraseBackup({ seedPhrase, onConfirm, onSkip, onExportPrivateKey, className, wordCount, inline, open, onOpenChange, }: SeedPhraseBackupProps): React.JSX.Element | null;
+declare function SeedPhraseBackup({ seedPhrase, onConfirm, onSkip, onExportPrivateKey, className, wordCount, inline, open, onOpenChange, }: SeedPhraseBackupProps): React__default.JSX.Element | null;
 
 interface AppKitProps {
     projectId: string;
@@ -529,7 +530,7 @@ interface AppKitProps {
     encryptionKey?: Web3ConnectConfig["encryptionKey"];
     /** Optional SIWx authentication policy. */
     siwx?: Web3ConnectConfig["siwx"];
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
     autoConnect?: boolean;
     theme?: Web3ConnectUIProps["theme"];
@@ -564,16 +565,16 @@ interface AppKitContextValue {
     setOpen: (open: boolean) => void;
 }
 declare function useAppKit(): AppKitContextValue;
-declare function AppKit({ projectId, metadata, enableEmbedded, enablePasskeys, chains, embeddedConfig, encryptionKey, siwx, children, className, autoConnect, theme, defaultDark, themePriority, detectionMode, }: AppKitProps): React.JSX.Element;
+declare function AppKit({ projectId, metadata, enableEmbedded, enablePasskeys, chains, embeddedConfig, encryptionKey, siwx, children, className, autoConnect, theme, defaultDark, themePriority, detectionMode, }: AppKitProps): React__default.JSX.Element;
 interface AppKitButtonProps {
     className?: string;
 }
-declare function AppKitButton({ className }: AppKitButtonProps): React.JSX.Element;
+declare function AppKitButton({ className }: AppKitButtonProps): React__default.JSX.Element;
 interface AppKitChainSelectorProps {
     className?: string;
     variant?: "dropdown" | "buttons" | "minimal";
 }
-declare function AppKitChainSelector({ className, variant, }: AppKitChainSelectorProps): React.JSX.Element;
+declare function AppKitChainSelector({ className, variant, }: AppKitChainSelectorProps): React__default.JSX.Element;
 
 /**
  * RouteSelector — UI component for cross-chain route selection.
@@ -645,7 +646,7 @@ interface RouteSelectorProps {
     /** Optional className overrides */
     className?: string;
 }
-declare function RouteSelector({ inputToken, outputToken, amount, routes, loading, executing, onRouteSelected, onCancel, successTxHash, error, className, }: RouteSelectorProps): React.JSX.Element;
+declare function RouteSelector({ inputToken, outputToken, amount, routes, loading, executing, onRouteSelected, onCancel, successTxHash, error, className, }: RouteSelectorProps): React__default.JSX.Element;
 
 interface SmartWalletToggleProps {
     isDeployed?: boolean;
@@ -656,7 +657,7 @@ interface SmartWalletToggleProps {
     onShowSettings?: () => void;
     onRetry?: () => void;
 }
-declare function SmartWalletToggle({ isDeployed, isDeploying, estimatedGas, error, onUpgrade, onShowSettings, onRetry, }: SmartWalletToggleProps): React.JSX.Element;
+declare function SmartWalletToggle({ isDeployed, isDeploying, estimatedGas, error, onUpgrade, onShowSettings, onRetry, }: SmartWalletToggleProps): React__default.JSX.Element;
 
 type AccountType = "simple" | "multi-sig" | "social-recovery";
 type PaymasterType = "self" | "sponsor" | "erc20" | "custom";
@@ -675,7 +676,7 @@ interface SmartWalletSettingsProps {
     onSave?: (config: SmartWalletConfig) => void;
     onBack?: () => void;
 }
-declare function SmartWalletSettings({ currentConfig, onSave, onBack }: SmartWalletSettingsProps): React.JSX.Element;
+declare function SmartWalletSettings({ currentConfig, onSave, onBack }: SmartWalletSettingsProps): React__default.JSX.Element;
 
 interface AddressWarningDialogProps {
     address: string;
@@ -683,7 +684,7 @@ interface AddressWarningDialogProps {
     onClose: () => void;
     onProceed?: () => void;
 }
-declare function AddressWarningDialog({ address, open, onClose, onProceed, }: AddressWarningDialogProps): React.JSX.Element | null;
+declare function AddressWarningDialog({ address, open, onClose, onProceed, }: AddressWarningDialogProps): React__default.JSX.Element | null;
 
 interface WalletPickerProps {
     wallets: DiscoveredWallet[];
@@ -691,6 +692,6 @@ interface WalletPickerProps {
     loading?: boolean;
     error?: string | null;
 }
-declare function WalletPicker({ wallets, onSelect, loading, error, }: WalletPickerProps): React.JSX.Element;
+declare function WalletPicker({ wallets, onSelect, loading, error, }: WalletPickerProps): React__default.JSX.Element;
 
 export { AccountButton, type AccountButtonProps, AccountSelector, type AccountSelectorProps, AccountSelectorView, type AccountSelectorViewProps, type AccountType, AddressWarningDialog, type AddressWarningDialogProps, AppKit, AppKitButton, type AppKitButtonProps, AppKitChainSelector, type AppKitChainSelectorProps, type AppKitContextValue, type AppKitProps, type BundlerPreset, ChainSelector, type ChainSelectorProps, type ComponentRegistry, ConnectButtonAdapter as ConnectButton, type ConnectButtonProps, type DetectionMode, type DiscoveredWallet, ErrorBoundary, type ErrorBoundaryProps, PasskeySetup, type PasskeySetupProps, PasskeySetupView, type PasskeySetupViewProps, PassphraseDialog, type PassphraseDialogProps, PassphraseDialogView, type PassphraseDialogViewProps, type PaymasterType, QRCodeModal, type QRCodeModalProps, type QRCodeModalStatus, type QRStatus, RouteSelector, type RouteSelectorProps, SeedPhraseBackup, type SeedPhraseBackupProps, SignInButton, type SignInButtonProps, type SmartWalletConfig, SmartWalletSettings, type SmartWalletSettingsProps, SmartWalletToggle, type SmartWalletToggleProps, type ThemeOverride, type ThemePriority, ThemeProvider, type ThemeProviderProps, type TokenDisplay, type UnlockSnapshot, type UseEIP6963Result, type WalletConnectContextValue, WalletConnectProvider, type WalletConnectProviderProps, type WalletConnectState, WalletPicker, type WalletPickerProps, WalletSecurityPanel, type WalletSecurityPanelProps, WalletSecurityPanelView, type WalletSecurityPanelViewProps, Web3ComponentProvider, type Web3ComponentProviderProps, Web3ConnectUI, type Web3ConnectUIProps, cn, useAppKit, useComponent, useComponentRegistry, useDetectionMode, useEIP6963, useIsMobile, useTheme, useThemeVariable, useWalletConnect, useWalletConnectOptional };