@nexus-cross/dapp-ui 1.3.0-beta.1 → 1.3.0

package/dist/index.d.cts

@@ -497,6 +497,124 @@ interface SendFlowProps {
 }
 declare function SendFlow({ onClose, onBackToWallet, onConfirmSuccess, onSuccess, className, ...rest }: SendFlowProps): react_jsx_runtime.JSX.Element;
 
+type BridgeStep = "form" | "history";
+type BridgeStatus = "idle" | "quoting" | "submitting" | "success" | "error";
+type BridgeAmountSource = "from" | "to";
+type BridgePathType = "bridge" | "swap" | "swap-bridge" | "bridge-swap" | "deposit-swap" | "swap-withdraw";
+interface BridgeToken {
+    name: string;
+    symbol: string;
+    chainId: number;
+    address: string;
+    decimals: number;
+    balance: string;
+    iconUrl?: string;
+    priceUsd?: number;
+}
+interface BridgeInfoTokenRef {
+    symbol: string;
+    iconUrl?: string;
+}
+interface BridgeInfoRow {
+    label: string;
+    value: string;
+    tone?: "default" | "accent" | "warning";
+    routeTokens?: BridgeInfoTokenRef[];
+    valueToken?: BridgeInfoTokenRef;
+}
+interface BridgeLiquidityInfo {
+    label?: string;
+    value: string;
+    status?: "low" | "normal" | "rebalancing";
+    percentage?: number;
+}
+interface BridgeTxSummary {
+    pathType?: BridgePathType;
+    exchangeRate?: string;
+    liquidity?: BridgeLiquidityInfo;
+    bridgeInfo?: BridgeInfoRow[];
+    swapInfo?: BridgeInfoRow[];
+    txFeeInfo?: {
+        estTxFee: string;
+        isDelegateFee?: boolean;
+        tokenIconUrl?: string;
+        tokenSymbol?: string;
+    };
+    txFee?: BridgeInfoRow[];
+}
+interface BridgeQuoteInput {
+    fromToken: BridgeToken;
+    toToken: BridgeToken;
+    fromAmount: string;
+    toAmount: string;
+    lastChangedBy: BridgeAmountSource;
+    slippage: string;
+}
+interface BridgeQuoteResult {
+    fromAmount?: string;
+    toAmount?: string;
+    summary?: BridgeTxSummary;
+    error?: string;
+}
+interface BridgeSubmittedInfo {
+    txHash: `0x${string}`;
+    fromToken: BridgeToken;
+    toToken: BridgeToken;
+    fromAmount: string;
+    toAmount: string;
+    pathType?: BridgePathType;
+    routeTokens?: BridgeInfoTokenRef[];
+}
+interface BridgeApprovalInfo {
+    token: BridgeToken;
+    tokenAddress: string;
+    spenderAddress: string;
+    amount?: string;
+}
+interface BridgeFailedInfo {
+    message: string;
+    txHash?: `0x${string}`;
+}
+interface BridgeHistoryItem {
+    id: string;
+    timestamp: string;
+    txHash: `0x${string}`;
+    fromToken: BridgeToken;
+    toToken: BridgeToken;
+    fromAmount: string;
+    toAmount: string;
+    summary?: BridgeTxSummary;
+    status?: "pending" | "success" | "failed";
+}
+type BridgeQuoteFn = (input: BridgeQuoteInput) => Promise<BridgeQuoteResult> | BridgeQuoteResult;
+type BridgeSubmitFn = (input: BridgeQuoteInput) => Promise<BridgeSubmittedInfo> | BridgeSubmittedInfo;
+type BridgeGetApprovalFn = (input: BridgeQuoteInput) => Promise<BridgeApprovalInfo | null> | BridgeApprovalInfo | null;
+type BridgeApproveFn = (input: BridgeQuoteInput, approval: BridgeApprovalInfo) => Promise<void> | void;
+type BridgeGetToTokensFn = (fromToken: BridgeToken, tokens: BridgeToken[]) => BridgeToken[];
+
+interface BridgeFlowProps {
+    walletAddress: string;
+    tokens: BridgeToken[];
+    initialFromToken?: BridgeToken;
+    initialToToken?: BridgeToken;
+    history?: BridgeHistoryItem[];
+    initialSlippage?: string;
+    termsUrl?: string;
+    env?: Environment;
+    getQuote?: BridgeQuoteFn;
+    getToTokens?: BridgeGetToTokensFn;
+    getApproval?: BridgeGetApprovalFn;
+    approveBridge?: BridgeApproveFn;
+    submitBridge?: BridgeSubmitFn;
+    onSubmitted?: (info: BridgeSubmittedInfo) => void;
+    onSuccess?: (info: BridgeSubmittedInfo) => void;
+    onFailed?: (info: BridgeFailedInfo) => void;
+    onClose?: () => void;
+    onBackToWallet?: () => void;
+    className?: string;
+}
+declare function BridgeFlow({ onClose, onBackToWallet, env, className, ...rest }: BridgeFlowProps): react_jsx_runtime.JSX.Element;
+
 interface WalletInfoTriggerProps {
     asChild?: boolean;
     className?: string;
@@ -533,6 +651,12 @@ interface WalletInfoProps {
     showForgeToken?: boolean;
     showGameToken?: boolean;
     showQR?: boolean;
+    /**
+     * Bridge 액션 노출 여부 (기본 true).
+     * - true: 액션 행에 Bridge 버튼, Receive는 상단 QR 버튼으로 표기
+     * - false: 액션 행에 Receive 버튼, 상단 QR 버튼 미표기
+     */
+    showBridge?: boolean;
     qrLogoSrc?: string;
     walletAddress: string;
     accountName?: string;
@@ -618,16 +742,24 @@ interface WalletInfoProps {
      * 미주입 시 LP 섹션은 풀 정보만 표시한다.
      */
     lpBalanceReader?: LpBalanceReaderFn;
+    bridgeTokens?: BridgeToken[];
+    bridgeHistory?: BridgeHistoryItem[];
+    getBridgeQuote?: BridgeQuoteFn;
+    getBridgeToTokens?: BridgeGetToTokensFn;
+    getBridgeApproval?: BridgeGetApprovalFn;
+    approveBridge?: BridgeApproveFn;
+    submitBridge?: BridgeSubmitFn;
     /**
-     * Total Assets 카드 직후의 Receive / Send 액션 콜백. (Buy는 위 onBuy prop으로
-     * 이미 정의됨.) 각 콜백이 미주입이면 해당 카드는 비활성으로 렌더.
+     * 상단 QR 버튼 / 기본 액션 row의 Bridge / Send 콜백. (Buy는 위 onBuy
+     * prop으로 이미 정의됨.) Bridge는 미주입 시 내장 Bridge 화면으로 진입한다.
      */
     onReceive?: () => void;
+    onBridge?: () => void;
     onSend?: () => void;
     style?: WalletInfoStyle;
     children: React.ReactNode;
 }
-declare function WalletInfoRoot({ env, theme, mobileBreakpoint, drawerDirection, modal, showBalance, showForgeToken, showGameToken, showQR, qrLogoSrc, walletAddress, accountName, sendAccounts, profileImageUrl, connectorId, connectorName: connectorNameProp, connectorIconUrl: connectorIconUrlProp, preferredTokens, onSelectWallet, onCopyAddress, onBuy, onBuyDisabledMessage, onDisconnect, disconnectLabel, termsUrl, termsLabel, privacyUrl, privacyLabel, open: propOpen, onOpenChange, showPortfolio, portfolioTitle, showTotalAssets, totalAssetsLabel, sendTransaction, getTransactionReceipt, estimateGas, onOutlink, lpBalanceReader, onReceive, onSend, style, children, }: WalletInfoProps): react_jsx_runtime.JSX.Element;
+declare function WalletInfoRoot({ env, theme, mobileBreakpoint, drawerDirection, modal, showBalance, showForgeToken, showGameToken, showQR, showBridge, qrLogoSrc, walletAddress, accountName, sendAccounts, profileImageUrl, connectorId, connectorName: connectorNameProp, connectorIconUrl: connectorIconUrlProp, preferredTokens, onSelectWallet, onCopyAddress, onBuy, onBuyDisabledMessage, onDisconnect, disconnectLabel, termsUrl, termsLabel, privacyUrl, privacyLabel, open: propOpen, onOpenChange, showPortfolio, portfolioTitle, showTotalAssets, totalAssetsLabel, sendTransaction, getTransactionReceipt, estimateGas, onOutlink, lpBalanceReader, bridgeTokens, bridgeHistory, getBridgeQuote, getBridgeToTokens, getBridgeApproval, approveBridge, submitBridge, onReceive, onBridge, onSend, style, children, }: WalletInfoProps): react_jsx_runtime.JSX.Element;
 declare const WalletInfo: typeof WalletInfoRoot & {
     Trigger: typeof WalletInfoTrigger;
     Content: typeof WalletInfoContent;
@@ -1177,11 +1309,19 @@ interface ConnectButtonProps {
      */
     estimateGas?: EstimateGasFn;
     /**
-     * Total Assets 카드 직후의 Receive / Send 콜백. (Buy는 위 onBuy로 정의됨.)
-     * 각 콜백이 미주입이면 해당 카드는 비활성.
+     * 상단 QR 버튼 / 기본 액션 row의 Bridge / Send 콜백. (Buy는 위 onBuy로
+     * 정의됨.) Bridge는 미주입 시 WalletInfo 내장 Bridge 화면으로 진입한다.
      */
     onReceive?: () => void;
+    onBridge?: () => void;
     onSend?: () => void;
+    bridgeTokens?: BridgeToken[];
+    bridgeHistory?: BridgeHistoryItem[];
+    getBridgeQuote?: BridgeQuoteFn;
+    getBridgeToTokens?: BridgeGetToTokensFn;
+    getBridgeApproval?: BridgeGetApprovalFn;
+    approveBridge?: BridgeApproveFn;
+    submitBridge?: BridgeSubmitFn;
 }
 
 /**
@@ -1196,7 +1336,7 @@ interface ConnectButtonProps {
  * 상태/데이터/콜백은 props로 주입받는다. 실제 wagmi 연결 로직은
  * `@nexus-cross/connect-kit-react`의 상위 래퍼에서 수행한다.
  */
-declare function ConnectButton({ isConnecting, address, provider, providerName, accountName, sendAccounts, onConnect, onDisconnect, onCopy, onSelectWallet, onBuy, onBuyDisabledMessage, label, connectingLabel, disconnectLabel, className, theme, env, showBalance, showPortfolio, drawerDirection, modal, connectorId, style, walletInfoStyle, sendTransaction, getTransactionReceipt, estimateGas, onReceive, onSend, }: ConnectButtonProps): react_jsx_runtime.JSX.Element;
+declare function ConnectButton({ isConnecting, address, provider, providerName, accountName, sendAccounts, onConnect, onDisconnect, onCopy, onSelectWallet, onBuy, onBuyDisabledMessage, label, connectingLabel, disconnectLabel, className, theme, env, showBalance, showPortfolio, drawerDirection, modal, connectorId, style, walletInfoStyle, sendTransaction, getTransactionReceipt, estimateGas, onReceive, onBridge, onSend, bridgeTokens, bridgeHistory, getBridgeQuote, getBridgeToTokens, getBridgeApproval, approveBridge, submitBridge, }: ConnectButtonProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Wallet provider icons used by `ConnectButton`. Ported from
@@ -1282,4 +1422,4 @@ interface SkillsButtonProps {
 declare const DEFAULT_SKILLS_HREF = "https://skills.cross.nexus";
 declare function SkillsButton({ label, href, onClick, className, style, theme, disabled, isLoading, loadingLabel, openInNewTab, type, }: SkillsButtonProps): react_jsx_runtime.JSX.Element;
 
-export { APPLE_ICON, AppLauncher, AppLauncherContent, type AppLauncherContentProps, type AppLauncherProps, AppLauncherTrigger, type AppLauncherTriggerProps, type AppLauncherTriggerStyle, type AppLauncherUsageMode, BINANCE_ICON, CONNECTOR_REGISTRY, CROSSX_ICON, type ChainId, ConnectButton, type ConnectButtonProps, type ConnectButtonStyle, ConnectorId, type ConnectorMeta, DEFAULT_SKILLS_HREF, type DrawerDirection$1 as DrawerDirection, type Environment, type EstimateGasArgs, type EstimateGasFn, GOOGLE_ICON, type GameSwapPool, type GameSwapTokenRef, type GasEstimate, type GetTransactionReceiptArgs, type GetTransactionReceiptFn, type GlobalMenu, type GlobalMenuItem, type GlobalMenuItemUrl, type LpBalanceInfo, type LpBalanceReaderFn, METAMASK_ICON, type OnOutlink, type OutlinkCategory, type OutlinkContext, type OutlinkOrigin, type PreferredToken, type RecentSendAddress, SOCIAL_REGISTRY, type SendAccount, type SendAsset, SendFlow, type SendFlowProps, type SendPageProps, type SendStatus, type SendTransactionArgs, type SendTransactionFn, SkillsButton, type SkillsButtonProps, type SkillsButtonStyle, type SocialConfig, type SocialHandlers, type SocialId, TOKEN_STATS_QUERY_KEY, type Theme, type TokenBalance, type TokenBalanceResponse, type TokenStats, type TokenStatsResponse, type TransactionReceiptResult, USER_BALANCE_QUERY_KEY, WALLET_REGISTRY, type WalletConfig, WalletConnectModal, type WalletConnectModalContentProps, type WalletConnectModalProps, type WalletConnectModalStyle, type WalletConnectModalTriggerProps, type WalletHandlers, type WalletId, WalletInfo, type WalletInfoContentProps, type WalletInfoFooterProps, type WalletInfoNavProps, type WalletInfoProps, type WalletInfoStyle, type WalletInfoTriggerProps, WalletPortfolio, WalletPortfolioBody, type WalletPortfolioBodyProps, type WalletPortfolioContentProps, type WalletPortfolioProps, type WalletPortfolioTriggerProps, type WalletProvider, announceAppLauncherUsage, resolveEnvironment, useGlobalMenu, useTokenBalance, useTokenStats, useWalletDetect };
+export { APPLE_ICON, AppLauncher, AppLauncherContent, type AppLauncherContentProps, type AppLauncherProps, AppLauncherTrigger, type AppLauncherTriggerProps, type AppLauncherTriggerStyle, type AppLauncherUsageMode, BINANCE_ICON, type BridgeAmountSource, type BridgeApprovalInfo, type BridgeApproveFn, type BridgeFailedInfo, BridgeFlow, type BridgeFlowProps, type BridgeGetApprovalFn, type BridgeGetToTokensFn, type BridgeHistoryItem, type BridgeInfoRow, type BridgeInfoTokenRef, type BridgeLiquidityInfo, type BridgePathType, type BridgeQuoteFn, type BridgeQuoteInput, type BridgeQuoteResult, type BridgeStatus, type BridgeStep, type BridgeSubmitFn, type BridgeSubmittedInfo, type BridgeToken, type BridgeTxSummary, CONNECTOR_REGISTRY, CROSSX_ICON, type ChainId, ConnectButton, type ConnectButtonProps, type ConnectButtonStyle, ConnectorId, type ConnectorMeta, DEFAULT_SKILLS_HREF, type DrawerDirection$1 as DrawerDirection, type Environment, type EstimateGasArgs, type EstimateGasFn, GOOGLE_ICON, type GameSwapPool, type GameSwapTokenRef, type GasEstimate, type GetTransactionReceiptArgs, type GetTransactionReceiptFn, type GlobalMenu, type GlobalMenuItem, type GlobalMenuItemUrl, type LpBalanceInfo, type LpBalanceReaderFn, METAMASK_ICON, type OnOutlink, type OutlinkCategory, type OutlinkContext, type OutlinkOrigin, type PreferredToken, type RecentSendAddress, SOCIAL_REGISTRY, type SendAccount, type SendAsset, SendFlow, type SendFlowProps, type SendPageProps, type SendStatus, type SendTransactionArgs, type SendTransactionFn, SkillsButton, type SkillsButtonProps, type SkillsButtonStyle, type SocialConfig, type SocialHandlers, type SocialId, TOKEN_STATS_QUERY_KEY, type Theme, type TokenBalance, type TokenBalanceResponse, type TokenStats, type TokenStatsResponse, type TransactionReceiptResult, USER_BALANCE_QUERY_KEY, WALLET_REGISTRY, type WalletConfig, WalletConnectModal, type WalletConnectModalContentProps, type WalletConnectModalProps, type WalletConnectModalStyle, type WalletConnectModalTriggerProps, type WalletHandlers, type WalletId, WalletInfo, type WalletInfoContentProps, type WalletInfoFooterProps, type WalletInfoNavProps, type WalletInfoProps, type WalletInfoStyle, type WalletInfoTriggerProps, WalletPortfolio, WalletPortfolioBody, type WalletPortfolioBodyProps, type WalletPortfolioContentProps, type WalletPortfolioProps, type WalletPortfolioTriggerProps, type WalletProvider, announceAppLauncherUsage, resolveEnvironment, useGlobalMenu, useTokenBalance, useTokenStats, useWalletDetect };

package/dist/index.d.ts

@@ -497,6 +497,124 @@ interface SendFlowProps {
 }
 declare function SendFlow({ onClose, onBackToWallet, onConfirmSuccess, onSuccess, className, ...rest }: SendFlowProps): react_jsx_runtime.JSX.Element;
 
+type BridgeStep = "form" | "history";
+type BridgeStatus = "idle" | "quoting" | "submitting" | "success" | "error";
+type BridgeAmountSource = "from" | "to";
+type BridgePathType = "bridge" | "swap" | "swap-bridge" | "bridge-swap" | "deposit-swap" | "swap-withdraw";
+interface BridgeToken {
+    name: string;
+    symbol: string;
+    chainId: number;
+    address: string;
+    decimals: number;
+    balance: string;
+    iconUrl?: string;
+    priceUsd?: number;
+}
+interface BridgeInfoTokenRef {
+    symbol: string;
+    iconUrl?: string;
+}
+interface BridgeInfoRow {
+    label: string;
+    value: string;
+    tone?: "default" | "accent" | "warning";
+    routeTokens?: BridgeInfoTokenRef[];
+    valueToken?: BridgeInfoTokenRef;
+}
+interface BridgeLiquidityInfo {
+    label?: string;
+    value: string;
+    status?: "low" | "normal" | "rebalancing";
+    percentage?: number;
+}
+interface BridgeTxSummary {
+    pathType?: BridgePathType;
+    exchangeRate?: string;
+    liquidity?: BridgeLiquidityInfo;
+    bridgeInfo?: BridgeInfoRow[];
+    swapInfo?: BridgeInfoRow[];
+    txFeeInfo?: {
+        estTxFee: string;
+        isDelegateFee?: boolean;
+        tokenIconUrl?: string;
+        tokenSymbol?: string;
+    };
+    txFee?: BridgeInfoRow[];
+}
+interface BridgeQuoteInput {
+    fromToken: BridgeToken;
+    toToken: BridgeToken;
+    fromAmount: string;
+    toAmount: string;
+    lastChangedBy: BridgeAmountSource;
+    slippage: string;
+}
+interface BridgeQuoteResult {
+    fromAmount?: string;
+    toAmount?: string;
+    summary?: BridgeTxSummary;
+    error?: string;
+}
+interface BridgeSubmittedInfo {
+    txHash: `0x${string}`;
+    fromToken: BridgeToken;
+    toToken: BridgeToken;
+    fromAmount: string;
+    toAmount: string;
+    pathType?: BridgePathType;
+    routeTokens?: BridgeInfoTokenRef[];
+}
+interface BridgeApprovalInfo {
+    token: BridgeToken;
+    tokenAddress: string;
+    spenderAddress: string;
+    amount?: string;
+}
+interface BridgeFailedInfo {
+    message: string;
+    txHash?: `0x${string}`;
+}
+interface BridgeHistoryItem {
+    id: string;
+    timestamp: string;
+    txHash: `0x${string}`;
+    fromToken: BridgeToken;
+    toToken: BridgeToken;
+    fromAmount: string;
+    toAmount: string;
+    summary?: BridgeTxSummary;
+    status?: "pending" | "success" | "failed";
+}
+type BridgeQuoteFn = (input: BridgeQuoteInput) => Promise<BridgeQuoteResult> | BridgeQuoteResult;
+type BridgeSubmitFn = (input: BridgeQuoteInput) => Promise<BridgeSubmittedInfo> | BridgeSubmittedInfo;
+type BridgeGetApprovalFn = (input: BridgeQuoteInput) => Promise<BridgeApprovalInfo | null> | BridgeApprovalInfo | null;
+type BridgeApproveFn = (input: BridgeQuoteInput, approval: BridgeApprovalInfo) => Promise<void> | void;
+type BridgeGetToTokensFn = (fromToken: BridgeToken, tokens: BridgeToken[]) => BridgeToken[];
+
+interface BridgeFlowProps {
+    walletAddress: string;
+    tokens: BridgeToken[];
+    initialFromToken?: BridgeToken;
+    initialToToken?: BridgeToken;
+    history?: BridgeHistoryItem[];
+    initialSlippage?: string;
+    termsUrl?: string;
+    env?: Environment;
+    getQuote?: BridgeQuoteFn;
+    getToTokens?: BridgeGetToTokensFn;
+    getApproval?: BridgeGetApprovalFn;
+    approveBridge?: BridgeApproveFn;
+    submitBridge?: BridgeSubmitFn;
+    onSubmitted?: (info: BridgeSubmittedInfo) => void;
+    onSuccess?: (info: BridgeSubmittedInfo) => void;
+    onFailed?: (info: BridgeFailedInfo) => void;
+    onClose?: () => void;
+    onBackToWallet?: () => void;
+    className?: string;
+}
+declare function BridgeFlow({ onClose, onBackToWallet, env, className, ...rest }: BridgeFlowProps): react_jsx_runtime.JSX.Element;
+
 interface WalletInfoTriggerProps {
     asChild?: boolean;
     className?: string;
@@ -533,6 +651,12 @@ interface WalletInfoProps {
     showForgeToken?: boolean;
     showGameToken?: boolean;
     showQR?: boolean;
+    /**
+     * Bridge 액션 노출 여부 (기본 true).
+     * - true: 액션 행에 Bridge 버튼, Receive는 상단 QR 버튼으로 표기
+     * - false: 액션 행에 Receive 버튼, 상단 QR 버튼 미표기
+     */
+    showBridge?: boolean;
     qrLogoSrc?: string;
     walletAddress: string;
     accountName?: string;
@@ -618,16 +742,24 @@ interface WalletInfoProps {
      * 미주입 시 LP 섹션은 풀 정보만 표시한다.
      */
     lpBalanceReader?: LpBalanceReaderFn;
+    bridgeTokens?: BridgeToken[];
+    bridgeHistory?: BridgeHistoryItem[];
+    getBridgeQuote?: BridgeQuoteFn;
+    getBridgeToTokens?: BridgeGetToTokensFn;
+    getBridgeApproval?: BridgeGetApprovalFn;
+    approveBridge?: BridgeApproveFn;
+    submitBridge?: BridgeSubmitFn;
     /**
-     * Total Assets 카드 직후의 Receive / Send 액션 콜백. (Buy는 위 onBuy prop으로
-     * 이미 정의됨.) 각 콜백이 미주입이면 해당 카드는 비활성으로 렌더.
+     * 상단 QR 버튼 / 기본 액션 row의 Bridge / Send 콜백. (Buy는 위 onBuy
+     * prop으로 이미 정의됨.) Bridge는 미주입 시 내장 Bridge 화면으로 진입한다.
      */
     onReceive?: () => void;
+    onBridge?: () => void;
     onSend?: () => void;
     style?: WalletInfoStyle;
     children: React.ReactNode;
 }
-declare function WalletInfoRoot({ env, theme, mobileBreakpoint, drawerDirection, modal, showBalance, showForgeToken, showGameToken, showQR, qrLogoSrc, walletAddress, accountName, sendAccounts, profileImageUrl, connectorId, connectorName: connectorNameProp, connectorIconUrl: connectorIconUrlProp, preferredTokens, onSelectWallet, onCopyAddress, onBuy, onBuyDisabledMessage, onDisconnect, disconnectLabel, termsUrl, termsLabel, privacyUrl, privacyLabel, open: propOpen, onOpenChange, showPortfolio, portfolioTitle, showTotalAssets, totalAssetsLabel, sendTransaction, getTransactionReceipt, estimateGas, onOutlink, lpBalanceReader, onReceive, onSend, style, children, }: WalletInfoProps): react_jsx_runtime.JSX.Element;
+declare function WalletInfoRoot({ env, theme, mobileBreakpoint, drawerDirection, modal, showBalance, showForgeToken, showGameToken, showQR, showBridge, qrLogoSrc, walletAddress, accountName, sendAccounts, profileImageUrl, connectorId, connectorName: connectorNameProp, connectorIconUrl: connectorIconUrlProp, preferredTokens, onSelectWallet, onCopyAddress, onBuy, onBuyDisabledMessage, onDisconnect, disconnectLabel, termsUrl, termsLabel, privacyUrl, privacyLabel, open: propOpen, onOpenChange, showPortfolio, portfolioTitle, showTotalAssets, totalAssetsLabel, sendTransaction, getTransactionReceipt, estimateGas, onOutlink, lpBalanceReader, bridgeTokens, bridgeHistory, getBridgeQuote, getBridgeToTokens, getBridgeApproval, approveBridge, submitBridge, onReceive, onBridge, onSend, style, children, }: WalletInfoProps): react_jsx_runtime.JSX.Element;
 declare const WalletInfo: typeof WalletInfoRoot & {
     Trigger: typeof WalletInfoTrigger;
     Content: typeof WalletInfoContent;
@@ -1177,11 +1309,19 @@ interface ConnectButtonProps {
      */
     estimateGas?: EstimateGasFn;
     /**
-     * Total Assets 카드 직후의 Receive / Send 콜백. (Buy는 위 onBuy로 정의됨.)
-     * 각 콜백이 미주입이면 해당 카드는 비활성.
+     * 상단 QR 버튼 / 기본 액션 row의 Bridge / Send 콜백. (Buy는 위 onBuy로
+     * 정의됨.) Bridge는 미주입 시 WalletInfo 내장 Bridge 화면으로 진입한다.
      */
     onReceive?: () => void;
+    onBridge?: () => void;
     onSend?: () => void;
+    bridgeTokens?: BridgeToken[];
+    bridgeHistory?: BridgeHistoryItem[];
+    getBridgeQuote?: BridgeQuoteFn;
+    getBridgeToTokens?: BridgeGetToTokensFn;
+    getBridgeApproval?: BridgeGetApprovalFn;
+    approveBridge?: BridgeApproveFn;
+    submitBridge?: BridgeSubmitFn;
 }
 
 /**
@@ -1196,7 +1336,7 @@ interface ConnectButtonProps {
  * 상태/데이터/콜백은 props로 주입받는다. 실제 wagmi 연결 로직은
  * `@nexus-cross/connect-kit-react`의 상위 래퍼에서 수행한다.
  */
-declare function ConnectButton({ isConnecting, address, provider, providerName, accountName, sendAccounts, onConnect, onDisconnect, onCopy, onSelectWallet, onBuy, onBuyDisabledMessage, label, connectingLabel, disconnectLabel, className, theme, env, showBalance, showPortfolio, drawerDirection, modal, connectorId, style, walletInfoStyle, sendTransaction, getTransactionReceipt, estimateGas, onReceive, onSend, }: ConnectButtonProps): react_jsx_runtime.JSX.Element;
+declare function ConnectButton({ isConnecting, address, provider, providerName, accountName, sendAccounts, onConnect, onDisconnect, onCopy, onSelectWallet, onBuy, onBuyDisabledMessage, label, connectingLabel, disconnectLabel, className, theme, env, showBalance, showPortfolio, drawerDirection, modal, connectorId, style, walletInfoStyle, sendTransaction, getTransactionReceipt, estimateGas, onReceive, onBridge, onSend, bridgeTokens, bridgeHistory, getBridgeQuote, getBridgeToTokens, getBridgeApproval, approveBridge, submitBridge, }: ConnectButtonProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Wallet provider icons used by `ConnectButton`. Ported from
@@ -1282,4 +1422,4 @@ interface SkillsButtonProps {
 declare const DEFAULT_SKILLS_HREF = "https://skills.cross.nexus";
 declare function SkillsButton({ label, href, onClick, className, style, theme, disabled, isLoading, loadingLabel, openInNewTab, type, }: SkillsButtonProps): react_jsx_runtime.JSX.Element;
 
-export { APPLE_ICON, AppLauncher, AppLauncherContent, type AppLauncherContentProps, type AppLauncherProps, AppLauncherTrigger, type AppLauncherTriggerProps, type AppLauncherTriggerStyle, type AppLauncherUsageMode, BINANCE_ICON, CONNECTOR_REGISTRY, CROSSX_ICON, type ChainId, ConnectButton, type ConnectButtonProps, type ConnectButtonStyle, ConnectorId, type ConnectorMeta, DEFAULT_SKILLS_HREF, type DrawerDirection$1 as DrawerDirection, type Environment, type EstimateGasArgs, type EstimateGasFn, GOOGLE_ICON, type GameSwapPool, type GameSwapTokenRef, type GasEstimate, type GetTransactionReceiptArgs, type GetTransactionReceiptFn, type GlobalMenu, type GlobalMenuItem, type GlobalMenuItemUrl, type LpBalanceInfo, type LpBalanceReaderFn, METAMASK_ICON, type OnOutlink, type OutlinkCategory, type OutlinkContext, type OutlinkOrigin, type PreferredToken, type RecentSendAddress, SOCIAL_REGISTRY, type SendAccount, type SendAsset, SendFlow, type SendFlowProps, type SendPageProps, type SendStatus, type SendTransactionArgs, type SendTransactionFn, SkillsButton, type SkillsButtonProps, type SkillsButtonStyle, type SocialConfig, type SocialHandlers, type SocialId, TOKEN_STATS_QUERY_KEY, type Theme, type TokenBalance, type TokenBalanceResponse, type TokenStats, type TokenStatsResponse, type TransactionReceiptResult, USER_BALANCE_QUERY_KEY, WALLET_REGISTRY, type WalletConfig, WalletConnectModal, type WalletConnectModalContentProps, type WalletConnectModalProps, type WalletConnectModalStyle, type WalletConnectModalTriggerProps, type WalletHandlers, type WalletId, WalletInfo, type WalletInfoContentProps, type WalletInfoFooterProps, type WalletInfoNavProps, type WalletInfoProps, type WalletInfoStyle, type WalletInfoTriggerProps, WalletPortfolio, WalletPortfolioBody, type WalletPortfolioBodyProps, type WalletPortfolioContentProps, type WalletPortfolioProps, type WalletPortfolioTriggerProps, type WalletProvider, announceAppLauncherUsage, resolveEnvironment, useGlobalMenu, useTokenBalance, useTokenStats, useWalletDetect };
+export { APPLE_ICON, AppLauncher, AppLauncherContent, type AppLauncherContentProps, type AppLauncherProps, AppLauncherTrigger, type AppLauncherTriggerProps, type AppLauncherTriggerStyle, type AppLauncherUsageMode, BINANCE_ICON, type BridgeAmountSource, type BridgeApprovalInfo, type BridgeApproveFn, type BridgeFailedInfo, BridgeFlow, type BridgeFlowProps, type BridgeGetApprovalFn, type BridgeGetToTokensFn, type BridgeHistoryItem, type BridgeInfoRow, type BridgeInfoTokenRef, type BridgeLiquidityInfo, type BridgePathType, type BridgeQuoteFn, type BridgeQuoteInput, type BridgeQuoteResult, type BridgeStatus, type BridgeStep, type BridgeSubmitFn, type BridgeSubmittedInfo, type BridgeToken, type BridgeTxSummary, CONNECTOR_REGISTRY, CROSSX_ICON, type ChainId, ConnectButton, type ConnectButtonProps, type ConnectButtonStyle, ConnectorId, type ConnectorMeta, DEFAULT_SKILLS_HREF, type DrawerDirection$1 as DrawerDirection, type Environment, type EstimateGasArgs, type EstimateGasFn, GOOGLE_ICON, type GameSwapPool, type GameSwapTokenRef, type GasEstimate, type GetTransactionReceiptArgs, type GetTransactionReceiptFn, type GlobalMenu, type GlobalMenuItem, type GlobalMenuItemUrl, type LpBalanceInfo, type LpBalanceReaderFn, METAMASK_ICON, type OnOutlink, type OutlinkCategory, type OutlinkContext, type OutlinkOrigin, type PreferredToken, type RecentSendAddress, SOCIAL_REGISTRY, type SendAccount, type SendAsset, SendFlow, type SendFlowProps, type SendPageProps, type SendStatus, type SendTransactionArgs, type SendTransactionFn, SkillsButton, type SkillsButtonProps, type SkillsButtonStyle, type SocialConfig, type SocialHandlers, type SocialId, TOKEN_STATS_QUERY_KEY, type Theme, type TokenBalance, type TokenBalanceResponse, type TokenStats, type TokenStatsResponse, type TransactionReceiptResult, USER_BALANCE_QUERY_KEY, WALLET_REGISTRY, type WalletConfig, WalletConnectModal, type WalletConnectModalContentProps, type WalletConnectModalProps, type WalletConnectModalStyle, type WalletConnectModalTriggerProps, type WalletHandlers, type WalletId, WalletInfo, type WalletInfoContentProps, type WalletInfoFooterProps, type WalletInfoNavProps, type WalletInfoProps, type WalletInfoStyle, type WalletInfoTriggerProps, WalletPortfolio, WalletPortfolioBody, type WalletPortfolioBodyProps, type WalletPortfolioContentProps, type WalletPortfolioProps, type WalletPortfolioTriggerProps, type WalletProvider, announceAppLauncherUsage, resolveEnvironment, useGlobalMenu, useTokenBalance, useTokenStats, useWalletDetect };