@talken/talkenkit 2.3.4

package/dist/components/Box/Box.d.ts

@@ -0,0 +1,83 @@
+import { type ClassValue } from 'clsx';
+import React from 'react';
+type HTMLProperties<T = HTMLElement> = Omit<React.AllHTMLAttributes<T>, 'as' | 'className' | 'color' | 'height' | 'width'>;
+export declare const Box: React.ForwardRefExoticComponent<{
+    background?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | {
+        base?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | undefined;
+        hover?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | undefined;
+        active?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | undefined;
+    } | undefined;
+    borderColor?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | {
+        base?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | undefined;
+        hover?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | undefined;
+        active?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | undefined;
+    } | undefined;
+    boxShadow?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | {
+        base?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
+        hover?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
+        active?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
+    } | undefined;
+    color?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | {
+        base?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | undefined;
+        hover?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | undefined;
+        active?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | undefined;
+    } | undefined;
+} & {
+    alignItems?: "center" | "flex-end" | "flex-start" | {
+        smallScreen?: "center" | "flex-end" | "flex-start" | undefined;
+        largeScreen?: "center" | "flex-end" | "flex-start" | undefined;
+    } | undefined;
+    display?: "none" | "flex" | "block" | "inline" | {
+        smallScreen?: "none" | "flex" | "block" | "inline" | undefined;
+        largeScreen?: "none" | "flex" | "block" | "inline" | undefined;
+    } | undefined;
+} & {
+    readonly alignSelf?: "center" | "flex-end" | "flex-start" | undefined;
+    readonly backgroundSize?: "cover" | undefined;
+    readonly borderRadius?: "1" | "actionButton" | "connectButton" | "menuButton" | "modal" | "modalMobile" | "6" | "10" | "13" | "25%" | "full" | undefined;
+    readonly borderStyle?: "solid" | undefined;
+    readonly borderWidth?: "0" | "1" | "2" | "4" | undefined;
+    readonly cursor?: "none" | "pointer" | undefined;
+    readonly pointerEvents?: "none" | "all" | undefined;
+    readonly minHeight?: "8" | "44" | undefined;
+    readonly flexDirection?: "column" | "row" | undefined;
+    readonly fontFamily?: "body" | undefined;
+    readonly fontSize?: "13" | "12" | "14" | "16" | "18" | "20" | "23" | undefined;
+    readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | undefined;
+    readonly gap?: "0" | "1" | "2" | "3" | "6" | "10" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "24" | "28" | "32" | "36" | "-1" | "5" | "64" | undefined;
+    readonly height?: "1" | "2" | "full" | "4" | "8" | "44" | "12" | "20" | "24" | "28" | "30" | "32" | "34" | "36" | "40" | "48" | "54" | "60" | "200" | "max" | undefined;
+    readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
+    readonly textAlign?: "inherit" | "left" | "center" | undefined;
+    readonly marginBottom?: "0" | "1" | "2" | "3" | "6" | "10" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "24" | "28" | "32" | "36" | "-1" | "5" | "64" | undefined;
+    readonly marginLeft?: "0" | "1" | "2" | "3" | "6" | "10" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "24" | "28" | "32" | "36" | "-1" | "5" | "64" | undefined;
+    readonly marginRight?: "0" | "1" | "2" | "3" | "6" | "10" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "24" | "28" | "32" | "36" | "-1" | "5" | "64" | undefined;
+    readonly marginTop?: "0" | "1" | "2" | "3" | "6" | "10" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "24" | "28" | "32" | "36" | "-1" | "5" | "64" | undefined;
+    readonly maxWidth?: "1" | "2" | "full" | "4" | "8" | "44" | "12" | "20" | "24" | "28" | "30" | "32" | "34" | "36" | "40" | "48" | "54" | "60" | "200" | "max" | undefined;
+    readonly minWidth?: "1" | "2" | "full" | "4" | "8" | "44" | "12" | "20" | "24" | "28" | "30" | "32" | "34" | "36" | "40" | "48" | "54" | "60" | "200" | "max" | undefined;
+    readonly overflow?: "hidden" | undefined;
+    readonly paddingBottom?: "0" | "1" | "2" | "3" | "6" | "10" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "24" | "28" | "32" | "36" | "-1" | "5" | "64" | undefined;
+    readonly paddingLeft?: "0" | "1" | "2" | "3" | "6" | "10" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "24" | "28" | "32" | "36" | "-1" | "5" | "64" | undefined;
+    readonly paddingRight?: "0" | "1" | "2" | "3" | "6" | "10" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "24" | "28" | "32" | "36" | "-1" | "5" | "64" | undefined;
+    readonly paddingTop?: "0" | "1" | "2" | "3" | "6" | "10" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "24" | "28" | "32" | "36" | "-1" | "5" | "64" | undefined;
+    readonly position?: "fixed" | "absolute" | "relative" | undefined;
+    readonly WebkitUserSelect?: "none" | undefined;
+    readonly right?: "0" | undefined;
+    readonly transition?: "transform" | "default" | undefined;
+    readonly userSelect?: "none" | undefined;
+    readonly width?: "1" | "2" | "full" | "4" | "8" | "44" | "12" | "20" | "24" | "28" | "30" | "32" | "34" | "36" | "40" | "48" | "54" | "60" | "200" | "max" | undefined;
+    readonly backdropFilter?: "modalOverlay" | undefined;
+    margin?: "0" | "1" | "2" | "3" | "6" | "10" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "24" | "28" | "32" | "36" | "-1" | "5" | "64" | undefined;
+    marginX?: "0" | "1" | "2" | "3" | "6" | "10" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "24" | "28" | "32" | "36" | "-1" | "5" | "64" | undefined;
+    marginY?: "0" | "1" | "2" | "3" | "6" | "10" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "24" | "28" | "32" | "36" | "-1" | "5" | "64" | undefined;
+    padding?: "0" | "1" | "2" | "3" | "6" | "10" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "24" | "28" | "32" | "36" | "-1" | "5" | "64" | undefined;
+    paddingX?: "0" | "1" | "2" | "3" | "6" | "10" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "24" | "28" | "32" | "36" | "-1" | "5" | "64" | undefined;
+    paddingY?: "0" | "1" | "2" | "3" | "6" | "10" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "24" | "28" | "32" | "36" | "-1" | "5" | "64" | undefined;
+} & {
+    reset?: keyof React.JSX.IntrinsicElements;
+} & HTMLProperties<HTMLElement> & {
+    as?: React.ElementType;
+    className?: ClassValue;
+    testId?: string;
+} & React.RefAttributes<HTMLElement>>;
+export type BoxProps = Parameters<typeof Box>[0];
+export {};

package/dist/components/Button/ActionButton.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+type Size = 'small' | 'medium' | 'large';
+export declare function ActionButton({ disabled, href, label, onClick, rel, size, target, testId, type, }: {
+    href?: string;
+    label: string;
+    onClick?: () => void;
+    rel?: string;
+    size?: Size;
+    target?: string;
+    type?: 'primary' | 'secondary';
+    disabled?: boolean;
+    testId?: string;
+}): React.JSX.Element;
+export {};

package/dist/components/ChainModal/Chain.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { useSwitchChain } from 'wagmi';
+import type { AsyncImageSrc } from '../AsyncImage/useAsyncImage';
+import { type BoxProps } from '../Box/Box';
+interface ChainProps {
+    chainId: number;
+    currentChainId: number;
+    switchChain: ReturnType<typeof useSwitchChain>['switchChain'];
+    chainIconSize: BoxProps['height'];
+    name: string | undefined;
+    isLoading: boolean;
+    iconBackground: string | undefined;
+    src: string | AsyncImageSrc | undefined | null;
+    idx: number;
+}
+declare const Chain: ({ chainId, currentChainId, switchChain, chainIconSize, isLoading, src, name, iconBackground, idx, }: ChainProps) => React.JSX.Element;
+export default Chain;

package/dist/components/ChainModal/ChainModal.css.d.ts

@@ -0,0 +1,2 @@
+export declare const DesktopScrollClassName: string;
+export declare const MobileScrollClassName: string;

package/dist/components/ChainModal/ChainModal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ChainModalProps {
+    open: boolean;
+    onClose: () => void;
+}
+export declare function ChainModal({ onClose, open }: ChainModalProps): React.JSX.Element | null;

package/dist/components/CloseButton/CloseButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const CloseButton: ({ "aria-label": ariaLabel, onClose, }: {
+    "aria-label"?: string;
+    onClose: () => void;
+}) => React.JSX.Element;

package/dist/components/ConnectButton/ConnectButton.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { type ResponsiveValue } from '../../css/sprinkles.css';
+import { ConnectButtonRenderer } from './ConnectButtonRenderer';
+type AccountStatus = 'full' | 'avatar' | 'address';
+type ChainStatus = 'full' | 'icon' | 'name' | 'none';
+export interface ConnectButtonProps {
+    accountStatus?: ResponsiveValue<AccountStatus>;
+    showBalance?: ResponsiveValue<boolean>;
+    chainStatus?: ResponsiveValue<ChainStatus>;
+    label?: string;
+}
+export declare function ConnectButton({ accountStatus, chainStatus, label, showBalance, }: ConnectButtonProps): React.JSX.Element;
+export declare namespace ConnectButton {
+    var __defaultProps: {
+        readonly accountStatus: "full";
+        readonly chainStatus: {
+            readonly largeScreen: "full";
+            readonly smallScreen: "icon";
+        };
+        readonly label: "Connect Wallet";
+        readonly showBalance: {
+            readonly largeScreen: true;
+            readonly smallScreen: false;
+        };
+    };
+    var Custom: typeof ConnectButtonRenderer;
+}
+export {};

package/dist/components/ConnectButton/ConnectButtonRenderer.d.ts

@@ -0,0 +1,37 @@
+import React, { type ReactNode } from 'react';
+import { type AuthenticationStatus } from '../RainbowKitProvider/AuthenticationContext';
+export interface ConnectButtonRendererProps {
+    children: (renderProps: {
+        account?: {
+            address: string;
+            balanceDecimals?: number;
+            balanceFormatted?: string;
+            balanceSymbol?: string;
+            displayBalance?: string;
+            displayName: string;
+            ensAvatar?: string;
+            ensName?: string;
+            hasPendingTransactions: boolean;
+        };
+        chain?: {
+            hasIcon: boolean;
+            iconUrl?: string;
+            iconBackground?: string;
+            id: number;
+            name?: string;
+            unsupported?: boolean;
+        };
+        mounted: boolean;
+        authenticationStatus?: AuthenticationStatus;
+        openAccountModal: () => void;
+        openChainModal: () => void;
+        openConnectModal: () => void;
+        accountModalOpen: boolean;
+        chainModalOpen: boolean;
+        connectModalOpen: boolean;
+    }) => ReactNode;
+}
+export declare function ConnectButtonRenderer({ children, }: ConnectButtonRendererProps): React.JSX.Element;
+export declare namespace ConnectButtonRenderer {
+    var displayName: string;
+}

package/dist/components/ConnectButton/abbreviateETHBalance.d.ts

@@ -0,0 +1,2 @@
+export declare function toPrecision(number: number, precision?: number): string;
+export declare function abbreviateETHBalance(number: number): string;

package/dist/components/ConnectButton/formatAddress.d.ts

@@ -0,0 +1 @@
+export declare function formatAddress(address: string): string;

package/dist/components/ConnectButton/formatENS.d.ts

@@ -0,0 +1,2 @@
+import type { GetEnsNameReturnType } from 'viem';
+export declare function formatENS(name: GetEnsNameReturnType): string;

package/dist/components/ConnectModal/ConnectModal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ConnectModalProps {
+    open: boolean;
+    onClose: () => void;
+}
+export declare function ConnectModal({ onClose, open }: ConnectModalProps): React.JSX.Element | null;

package/dist/components/ConnectModal/ConnectModalIntro.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function ConnectModalIntro({ compactModeEnabled, getWallet, }: {
+    compactModeEnabled?: boolean;
+    getWallet: () => void;
+}): React.JSX.Element;

package/dist/components/ConnectOptions/AbcWaasLoginSection.css.d.ts

@@ -0,0 +1,8 @@
+export declare const container: string;
+export declare const emailFormContainer: string;
+export declare const emailInputStyle: string;
+export declare const submitButtonStyle: string;
+export declare const submitArrow: string;
+export declare const socialButtonsContainer: string;
+export declare const socialButtonStyle: string;
+export declare const socialButtonText: string;

package/dist/components/ConnectOptions/AbcWaasLoginSection.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface AbcWaasLoginSectionProps {
+    onEmailSubmit: (email: string) => void;
+    onSocialLogin: (provider: 'google' | 'apple') => void;
+    compact?: boolean;
+    isLoading?: boolean;
+}
+export declare function AbcWaasLoginSection({ onEmailSubmit, onSocialLogin, compact: _compact, isLoading, }: AbcWaasLoginSectionProps): React.JSX.Element;

package/dist/components/ConnectOptions/ConnectDetails.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { type WalletConnector } from '../../wallets/useWalletConnectors';
+import { WalletStep } from './DesktopOptions';
+export declare function GetDetail({ getWalletDownload, compactModeEnabled, }: {
+    getWalletDownload: (walletId: string) => void;
+    compactModeEnabled: boolean;
+}): React.JSX.Element;
+export declare function ConnectDetail({ changeWalletStep, compactModeEnabled, connectionError, onClose, qrCodeUri, reconnect, wallet, }: {
+    changeWalletStep: (newWalletStep: WalletStep) => void;
+    compactModeEnabled: boolean;
+    connectionError: boolean;
+    qrCodeUri?: string;
+    reconnect: (wallet: WalletConnector) => void;
+    wallet: WalletConnector;
+    onClose: () => void;
+}): React.JSX.Element;
+export declare function DownloadOptionsDetail({ changeWalletStep, wallet, }: {
+    changeWalletStep: (newWalletStep: WalletStep) => void;
+    wallet: WalletConnector;
+}): React.JSX.Element;
+export declare function DownloadDetail({ changeWalletStep, wallet, }: {
+    changeWalletStep: (newWalletStep: WalletStep) => void;
+    wallet: WalletConnector;
+}): React.JSX.Element;
+export declare function InstructionMobileDetail({ connectWallet, wallet, }: {
+    connectWallet: (wallet: WalletConnector) => void;
+    wallet: WalletConnector;
+}): React.JSX.Element;
+export declare function InstructionExtensionDetail({ wallet, }: {
+    wallet: WalletConnector;
+}): React.JSX.Element;
+export declare function InstructionDesktopDetail({ connectWallet, wallet, }: {
+    connectWallet: (wallet: WalletConnector) => void;
+    wallet: WalletConnector;
+}): React.JSX.Element;

package/dist/components/ConnectOptions/ConnectOptions.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export default function ConnectOptions({ onClose }: {
+    onClose: () => void;
+}): React.JSX.Element;

package/dist/components/ConnectOptions/DesktopOptions.css.d.ts

@@ -0,0 +1,4 @@
+export declare const QRCodeBackgroundClassName: string;
+export declare const ScrollClassName: string;
+export declare const sidebar: string;
+export declare const sidebarCompactMode: string;

package/dist/components/ConnectOptions/DesktopOptions.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export declare enum WalletStep {
+    None = "NONE",
+    LearnCompact = "LEARN_COMPACT",
+    Get = "GET",
+    Connect = "CONNECT",
+    DownloadOptions = "DOWNLOAD_OPTIONS",
+    Download = "DOWNLOAD",
+    InstructionsMobile = "INSTRUCTIONS_MOBILE",
+    InstructionsDesktop = "INSTRUCTIONS_DESKTOP",
+    InstructionsExtension = "INSTRUCTIONS_EXTENSION"
+}
+export declare enum AbcWaasStep {
+    Main = "MAIN",
+    Password = "PASSWORD",
+    Otp = "OTP",
+    OtpPasswordSetup = "OTP_PASSWORD_SETUP",
+    PasswordSetup = "PASSWORD_SETUP",
+    PasswordConfirm = "PASSWORD_CONFIRM"
+}
+export declare function DesktopOptions({ onClose }: {
+    onClose: () => void;
+}): React.JSX.Element;

package/dist/components/ConnectOptions/MobileOptions.css.d.ts

@@ -0,0 +1,3 @@
+export declare const scroll: string;
+export declare const rotatingBorder: string;
+export declare const spinner: string;

package/dist/components/ConnectOptions/MobileOptions.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type WalletConnector } from '../../wallets/useWalletConnectors';
+export declare function WalletButton({ onClose, wallet, connecting, }: {
+    wallet: WalletConnector;
+    onClose: () => void;
+    connecting?: boolean;
+}): React.JSX.Element;
+export declare function MobileOptions({ onClose }: {
+    onClose: () => void;
+}): React.JSX.Element;

package/dist/components/ConnectOptions/MobileStatus.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const MobileStatus: ({ onClose }: {
+    onClose: () => void;
+}) => React.JSX.Element;

package/dist/components/Dialog/Dialog.css.d.ts

@@ -0,0 +1,2 @@
+export declare const overlay: string;
+export declare const content: string;

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,10 @@
+import React, { type ReactNode } from 'react';
+interface DialogProps {
+    open: boolean;
+    onClose: () => void;
+    titleId: string;
+    onMountAutoFocus?: (event: Event) => void;
+    children: ReactNode;
+}
+export declare function Dialog({ children, onClose, open, titleId }: DialogProps): React.JSX.Element;
+export {};

package/dist/components/Dialog/DialogContent.css.d.ts

@@ -0,0 +1,6 @@
+export declare const dialogContent: string;
+export declare const dialogContentWideMobile: string;
+export declare const dialogContentWideDesktop: string;
+export declare const dialogContentCompactMode: string;
+export declare const dialogContentMobile: string;
+export declare const bottomSheetOverrides: string;

package/dist/components/Dialog/DialogContent.d.ts

@@ -0,0 +1,12 @@
+import React, { type ReactNode } from 'react';
+import { type BoxProps } from '../Box/Box';
+interface DialogContentProps {
+    children: ReactNode;
+    bottomSheetOnMobile?: boolean;
+    padding?: BoxProps['padding'];
+    paddingBottom?: BoxProps['paddingBottom'];
+    marginTop?: BoxProps['marginTop'];
+    wide?: boolean;
+}
+export declare function DialogContent({ bottomSheetOnMobile, children, marginTop, padding, paddingBottom, wide, }: DialogContentProps): React.JSX.Element;
+export {};

package/dist/components/Dialog/FocusTrap.d.ts

@@ -0,0 +1,2 @@
+import { type JSX } from 'react';
+export declare function FocusTrap(props: JSX.IntrinsicElements['div']): JSX.Element;

package/dist/components/Disclaimer/DisclaimerLink.d.ts

@@ -0,0 +1,5 @@
+import React, { type ReactNode } from 'react';
+export declare const DisclaimerLink: ({ children, href, }: {
+    children: ReactNode;
+    href: string;
+}) => React.JSX.Element;

package/dist/components/Disclaimer/DisclaimerText.d.ts

@@ -0,0 +1,4 @@
+import React, { type ReactNode } from 'react';
+export declare const DisclaimerText: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;

package/dist/components/Icons/Apple.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const AppleIcon: () => React.JSX.Element;

package/dist/components/Icons/Assets.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const preloadAssetsIcon: () => Promise<(string | void)[]>;
+export declare const AssetsIcon: () => React.JSX.Element;

package/dist/components/Icons/Back.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const BackIcon: () => React.JSX.Element;

package/dist/components/Icons/Cancel.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CancelIcon: () => React.JSX.Element;

package/dist/components/Icons/Close.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CloseIcon: () => React.JSX.Element;

package/dist/components/Icons/Connect.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const preloadConnectIcon: () => Promise<(string | void)[]>;
+export declare const ConnectIcon: () => React.JSX.Element;

package/dist/components/Icons/Copied.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CopiedIcon: () => React.JSX.Element;

package/dist/components/Icons/Copy.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CopyIcon: () => React.JSX.Element;

package/dist/components/Icons/Create.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const preloadCreateIcon: () => Promise<(string | void)[]>;
+export declare const CreateIcon: () => React.JSX.Element;

package/dist/components/Icons/Disconnect.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DisconnectIcon: () => React.JSX.Element;

package/dist/components/Icons/DisconnectSq.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const DisconnectSqIcon: ({ size }: {
+    size: number;
+}) => React.JSX.Element;

package/dist/components/Icons/Dropdown.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DropdownIcon: () => React.JSX.Element;

package/dist/components/Icons/Explore.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ExploreIcon: () => React.JSX.Element;

package/dist/components/Icons/ExternalLink.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ExternalLinkIcon: () => React.JSX.Element;

package/dist/components/Icons/Google.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const GoogleIcon: () => React.JSX.Element;

package/dist/components/Icons/Icons.css.d.ts

@@ -0,0 +1,3 @@
+export declare const CloseIconClassName: string;
+export declare const SpinnerIconClassName: string;
+export declare const SpinnerIconPathClassName: string;

package/dist/components/Icons/Info.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const InfoIcon: () => React.JSX.Element;

package/dist/components/Icons/Login.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const preloadLoginIcon: () => Promise<(string | void)[]>;
+export declare const LoginIcon: () => React.JSX.Element;

package/dist/components/Icons/Refresh.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const preloadRefreshIcon: () => Promise<(string | void)[]>;
+export declare const RefreshIcon: () => React.JSX.Element;

package/dist/components/Icons/Scan.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const preloadScanIcon: () => Promise<(string | void)[]>;
+export declare const ScanIcon: () => React.JSX.Element;

package/dist/components/Icons/Spinner.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const SpinnerIcon: ({ height, width, }: {
+    width?: string | number;
+    height?: string | number;
+}) => React.JSX.Element;

package/dist/components/Icons/Success.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SuccessIcon: () => React.JSX.Element;

package/dist/components/Icons/SwitchAccount.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SwitchAccountIcon: () => React.JSX.Element;

package/dist/components/InfoButton/InfoButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const InfoButton: ({ "aria-label": ariaLabel, onClick, }: {
+    "aria-label"?: string;
+    onClick: () => void;
+}) => React.JSX.Element;

package/dist/components/MenuButton/MenuButton.css.d.ts

@@ -0,0 +1 @@
+export declare const unsetBackgroundOnHover: string;

package/dist/components/MenuButton/MenuButton.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type Props = {
+    children?: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLElement> | undefined;
+    currentlySelected?: boolean;
+    testId?: string;
+};
+export declare const MenuButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
+export {};

package/dist/components/ModalSelection/ModalSelection.css.d.ts

@@ -0,0 +1 @@
+export declare const transparentBorder: string;

package/dist/components/ModalSelection/ModalSelection.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+type Props = {
+    onClick?: React.MouseEventHandler<HTMLElement> | undefined;
+    as?: React.ElementType<any>;
+    currentlySelected?: boolean;
+    ready?: boolean;
+    recent?: boolean;
+    name: string;
+    iconUrl: string | (() => Promise<string>);
+    iconBackground?: string;
+    testId?: string;
+    isRainbowKitConnector?: boolean;
+};
+export declare const ModalSelection: {
+    ({ as, currentlySelected, iconBackground, iconUrl, name, onClick, ready, recent, testId, isRainbowKitConnector, ...urlProps }: Props): React.JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/ProfileDetails/ProfileDetails.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { GetEnsNameReturnType } from 'viem';
+import type { GetEnsAvatarReturnType } from 'viem/actions';
+import type { useAccount } from 'wagmi';
+import type { useProfile } from '../../hooks/useProfile';
+interface ProfileDetailsProps {
+    address: ReturnType<typeof useAccount>['address'];
+    ensAvatar: GetEnsAvatarReturnType | undefined;
+    ensName: GetEnsNameReturnType | undefined;
+    balance: ReturnType<typeof useProfile>['balance'];
+    onClose: () => void;
+    onDisconnect: () => void;
+}
+export declare function ProfileDetails({ address, ensAvatar, ensName, balance, onClose, onDisconnect, }: ProfileDetailsProps): React.JSX.Element | null;
+export {};

package/dist/components/ProfileDetails/ProfileDetailsAction.d.ts

@@ -0,0 +1,10 @@
+import { type JSX } from 'react';
+interface ProfileDetailsActionProps {
+    label: string;
+    action?: () => void;
+    icon: JSX.Element;
+    url?: string;
+    testId?: string;
+}
+export declare function ProfileDetailsAction({ action, icon, label, testId, url, }: ProfileDetailsActionProps): JSX.Element;
+export {};