@nexus-cross/dapp-ui 1.0.1-beta.1 → 1.0.1-beta.2

package/dist/index.d.cts

@@ -124,6 +124,173 @@ interface SendTransactionArgs {
     gas?: bigint;
 }
 type SendTransactionFn = (args: SendTransactionArgs) => Promise<`0x${string}`>;
+interface PoolToken {
+    address: string;
+    symbol: string;
+    name: string;
+    decimals: number;
+    price: string;
+}
+interface RewardPool {
+    pool_id: number;
+    pool_address: string;
+    pool_name: string;
+    pool_type: "CrossPool" | "GamePool";
+    pool_status: string;
+    deposit_token: PoolToken;
+    reward_tokens: PoolToken[];
+    total_deposited: string;
+    total_users: number;
+    created_block: number;
+    created_time: number;
+    last_updated_block: number;
+    last_updated_time: number;
+}
+interface UserDepositInfo {
+    account: string;
+    pool_address: string;
+    pool_id: number;
+    pool_name: string;
+    deposited_amount: string;
+    claimable_reward: string;
+    total_rewards_claimed: string;
+    last_deposited_block: number;
+    last_updated_block: number;
+    last_updated_time: number;
+    last_withdrawn_block: number;
+}
+interface Billboard {
+    price: string;
+    change: string;
+    rate: number;
+    high24: string;
+    low24: string;
+    baseVolume: string;
+    quoteVolume: string;
+}
+interface DexPairInfo {
+    pair_name: string;
+    pair_address: string;
+    quote_address: string;
+    base_address: string;
+    quote_symbol: string;
+    base_symbol: string;
+    quote_name: string;
+    base_name: string;
+    quote_decimals: number;
+    base_decimals: number;
+    icon_image: string;
+    enabled: boolean;
+    active: boolean;
+    status: string;
+    billboard: Billboard;
+    tick_size: string;
+    lot_size: string;
+}
+interface DexOpenOrder {
+    order_id: number;
+    /** 0 = sell (ask), 1 = buy (bid) */
+    order_side: number;
+    owner: string;
+    pair: string;
+    price: string;
+    amount: string;
+    filled: string;
+    volume: string;
+    created_at: number;
+    created_block: number;
+    created_hash: string;
+}
+interface ForgePoolToken {
+    address: string;
+    name: string;
+    symbol: string;
+    image: string;
+}
+interface ForgePool {
+    lp_balance: string;
+    pair_address: string;
+    pool_ownership: string;
+    total_supply: string;
+    token: ForgePoolToken;
+}
+interface ForgeTokenDetail {
+    address: string;
+    name: string;
+    symbol: string;
+    image: string;
+    image_url: string;
+    pair_address: string;
+    wrapped_native: string;
+    virtual_reserve_b: string;
+    reserve_a: string;
+    reserve_b: string;
+    graduated: boolean;
+    current_price: string;
+    market_cap: string;
+    total_supply: string;
+    available_supply: string;
+}
+
+type DexMarket = "cross" | "crossd" | "forge";
+
+/**
+ * dapp-ui가 렌더하는 outlink의 대분류.
+ * `portfolio`는 세부적으로 `origin`으로 더 나뉜다.
+ */
+type OutlinkCategory = "terms" | "privacy" | "portfolio";
+/**
+ * `onOutlink` 콜백에 전달되는 호출 컨텍스트. `category` + `origin`으로
+ * 호출측이 목적지별 분기를 할 수 있고, `portfolio-*`의 경우 해당 섹션의
+ * 원시 데이터를 `payload`로 내려보낸다.
+ *
+ * 새로운 포트폴리오 섹션이 추가될 때는 이 union에 variant 하나만 더하면
+ * 자동으로 호출측에도 타입이 좁혀져서 전달된다.
+ */
+type OutlinkContext = {
+    category: "terms";
+    origin: "terms";
+} | {
+    category: "privacy";
+    origin: "privacy";
+} | {
+    category: "portfolio";
+    origin: "portfolio-rewards";
+    payload: {
+        pool: RewardPool;
+        userDeposit?: UserDepositInfo;
+    };
+} | {
+    category: "portfolio";
+    origin: "portfolio-forge";
+    payload: {
+        pool: ForgePool;
+        tokenDetail?: ForgeTokenDetail;
+    };
+} | {
+    category: "portfolio";
+    origin: "portfolio-dex-order";
+    payload: {
+        market: DexMarket;
+        side: "buy" | "sell";
+        order: DexOpenOrder;
+        pair?: DexPairInfo;
+    };
+};
+type OutlinkOrigin = OutlinkContext["origin"];
+/**
+ * outlink 가로채기 콜백. 반환값 규칙:
+ *
+ *   - `string`      → 해당 URL로 이동(원본을 변형 가능).
+ *   - `null`        → 이동 취소(창도 열리지 않음).
+ *   - `undefined`   → 원본 URL로 그대로 이동 (no-op).
+ *   - `Promise<...>`→ 위 값 중 하나를 resolve. 비동기 동안 사용자 제스처를
+ *                     유지하기 위해 빈 창이 먼저 열린 뒤 URL이 채워진다.
+ *
+ * middle-click · cmd-click · ctrl-click 등 브라우저 새 탭 단축 동작은
+ * 가로채지 않고 원본 `href`로 그대로 열린다.
+ */
+type OnOutlink = (link: string, ctx: OutlinkContext) => string | null | undefined | Promise<string | null | undefined>;
 
 interface WalletInfoTriggerProps {
     asChild?: boolean;
@@ -173,15 +340,27 @@ interface WalletInfoProps {
     preferredTokens?: PreferredToken[];
     onSelectWallet?: () => void;
     onCopyAddress?: (address: string, success: boolean) => void;
-    /** 지정 시 기본 Disconnect 버튼이 Footer에 노출됨. WalletInfo.Footer 슬롯이 우선. */
+    /**
+     * 지정 시 기본 Disconnect 버튼이 Footer에 노출됨. `WalletInfo.Footer` 슬롯이
+     * 있으면 해당 슬롯이 메인 영역을 대체한다. Terms/Privacy 링크는 둘 중 무엇을
+     * 쓰든 항상 하단에 함께 렌더된다.
+     */
     onDisconnect?: () => void;
     /** 기본 Disconnect 버튼 라벨 (기본 "Disconnect"). */
     disconnectLabel?: string;
-    /** Footer 하단 Terms 링크 URL. 지정 시에만 노출. */
+    /**
+     * Footer 하단 Terms 링크 URL.
+     * 미지정 시 CROSS 에코시스템 기본 URL로 폴백되어 자동 노출된다.
+     * 숨기려면 빈 문자열(`""`)을 전달.
+     */
     termsUrl?: string;
     /** Terms 링크 라벨 (기본 "Terms of Service"). */
     termsLabel?: string;
-    /** Footer 하단 Privacy 링크 URL. 지정 시에만 노출. */
+    /**
+     * Footer 하단 Privacy 링크 URL.
+     * 미지정 시 CROSS 에코시스템 기본 URL로 폴백되어 자동 노출된다.
+     * 숨기려면 빈 문자열(`""`)을 전달.
+     */
     privacyUrl?: string;
     /** Privacy 링크 라벨 (기본 "Privacy Policy"). */
     privacyLabel?: string;
@@ -206,10 +385,20 @@ interface WalletInfoProps {
      * wagmi의 `sendTransactionAsync`를 그대로 전달해도 호환된다.
      */
     sendTransaction?: SendTransactionFn;
+    /**
+     * Terms/Privacy · 포트폴리오 섹션 등 외부 링크 이동을 가로채는 콜백.
+     * `(url, ctx) => newUrl | null | undefined | Promise<...>` 형태이며
+     *   - `string`      → 해당 URL로 이동(변형 가능)
+     *   - `null`        → 이동 취소
+     *   - `undefined`   → 원본 URL 유지
+     * middle-click · cmd-click은 가로채지 않고 원본 `href`로 열린다.
+     * `showPortfolio=true`일 때 내부 `WalletPortfolioBody`로도 릴레이된다.
+     */
+    onOutlink?: OnOutlink;
     style?: WalletInfoStyle;
     children: React.ReactNode;
 }
-declare function WalletInfoRoot({ env, theme, mobileBreakpoint, drawerDirection, modal, showBalance, showForgeToken, showGameToken, showQR, qrLogoSrc, walletAddress, accountName, profileImageUrl, connectorId, connectorName: connectorNameProp, connectorIconUrl: connectorIconUrlProp, preferredTokens, onSelectWallet, onCopyAddress, onDisconnect, disconnectLabel, termsUrl, termsLabel, privacyUrl, privacyLabel, open: propOpen, onOpenChange, showPortfolio, portfolioTitle, showTotalAssets, totalAssetsLabel, sendTransaction, style, children, }: WalletInfoProps): react_jsx_runtime.JSX.Element;
+declare function WalletInfoRoot({ env, theme, mobileBreakpoint, drawerDirection, modal, showBalance, showForgeToken, showGameToken, showQR, qrLogoSrc, walletAddress, accountName, profileImageUrl, connectorId, connectorName: connectorNameProp, connectorIconUrl: connectorIconUrlProp, preferredTokens, onSelectWallet, onCopyAddress, onDisconnect, disconnectLabel, termsUrl, termsLabel, privacyUrl, privacyLabel, open: propOpen, onOpenChange, showPortfolio, portfolioTitle, showTotalAssets, totalAssetsLabel, sendTransaction, onOutlink, style, children, }: WalletInfoProps): react_jsx_runtime.JSX.Element;
 declare const WalletInfo: typeof WalletInfoRoot & {
     Trigger: typeof WalletInfoTrigger;
     Content: typeof WalletInfoContent;
@@ -413,9 +602,14 @@ interface WalletPortfolioProps {
      * 종속되지 않도록 외부에서 주입한다.
      */
     sendTransaction?: SendTransactionFn;
+    /**
+     * 포트폴리오 섹션 내부 외부 링크 이동을 가로채는 콜백.
+     * 반환값으로 URL 변형 / 취소가 가능하며 async도 지원한다.
+     */
+    onOutlink?: OnOutlink;
     children: React.ReactNode;
 }
-declare function WalletPortfolioRoot({ env, theme, walletAddress, open: propOpen, onOpenChange, sendTransaction, children, }: WalletPortfolioProps): react_jsx_runtime.JSX.Element;
+declare function WalletPortfolioRoot({ env, theme, walletAddress, open: propOpen, onOpenChange, sendTransaction, onOutlink, children, }: WalletPortfolioProps): react_jsx_runtime.JSX.Element;
 declare const WalletPortfolio: typeof WalletPortfolioRoot & {
     Trigger: typeof WalletPortfolioTrigger;
     Content: typeof WalletPortfolioContent;
@@ -443,8 +637,13 @@ interface WalletPortfolioBodyProps {
      * `WalletPortfolioBody`를 단독 embed로 사용하는 경우 직접 전달해야 한다.
      */
     sendTransaction?: SendTransactionFn;
+    /**
+     * 포트폴리오 섹션 내부 외부 링크 이동을 가로채는 콜백.
+     * 반환값으로 URL 변형 / 취소가 가능하며 async도 지원한다.
+     */
+    onOutlink?: OnOutlink;
 }
-declare function WalletPortfolioBody({ env, theme, walletAddress, onBack, showHeader, variant, className, sendTransaction, }: WalletPortfolioBodyProps): react_jsx_runtime.JSX.Element;
+declare function WalletPortfolioBody({ env, theme, walletAddress, onBack, showHeader, variant, className, sendTransaction, onOutlink, }: WalletPortfolioBodyProps): react_jsx_runtime.JSX.Element;
 
 declare function CROSSxIcon(): react_jsx_runtime.JSX.Element;
 declare function MetaMaskIcon(): react_jsx_runtime.JSX.Element;
@@ -671,4 +870,4 @@ declare const BINANCE_ICON: string;
 declare const GOOGLE_ICON: string;
 declare const APPLE_ICON: string;
 
-export { APPLE_ICON, AppLauncher, AppLauncherContent, type AppLauncherContentProps, type AppLauncherProps, AppLauncherTrigger, type AppLauncherTriggerProps, BINANCE_ICON, CONNECTOR_REGISTRY, CROSSX_ICON, type ChainId, ConnectButton, type ConnectButtonProps, ConnectorId, type ConnectorMeta, type DrawerDirection$1 as DrawerDirection, type Environment, GOOGLE_ICON, type GlobalMenu, type GlobalMenuItem, type GlobalMenuItemUrl, METAMASK_ICON, type PreferredToken, type SendTransactionArgs, type SendTransactionFn, TOKEN_STATS_QUERY_KEY, type Theme, type TokenBalance, type TokenBalanceResponse, type TokenStats, type TokenStatsResponse, 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, useGlobalMenu, useTokenBalance, useTokenStats, useWalletDetect };
+export { APPLE_ICON, AppLauncher, AppLauncherContent, type AppLauncherContentProps, type AppLauncherProps, AppLauncherTrigger, type AppLauncherTriggerProps, BINANCE_ICON, CONNECTOR_REGISTRY, CROSSX_ICON, type ChainId, ConnectButton, type ConnectButtonProps, ConnectorId, type ConnectorMeta, type DrawerDirection$1 as DrawerDirection, type Environment, GOOGLE_ICON, type GlobalMenu, type GlobalMenuItem, type GlobalMenuItemUrl, METAMASK_ICON, type OnOutlink, type OutlinkCategory, type OutlinkContext, type OutlinkOrigin, type PreferredToken, type SendTransactionArgs, type SendTransactionFn, TOKEN_STATS_QUERY_KEY, type Theme, type TokenBalance, type TokenBalanceResponse, type TokenStats, type TokenStatsResponse, 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, useGlobalMenu, useTokenBalance, useTokenStats, useWalletDetect };

package/dist/index.d.ts

@@ -124,6 +124,173 @@ interface SendTransactionArgs {
     gas?: bigint;
 }
 type SendTransactionFn = (args: SendTransactionArgs) => Promise<`0x${string}`>;
+interface PoolToken {
+    address: string;
+    symbol: string;
+    name: string;
+    decimals: number;
+    price: string;
+}
+interface RewardPool {
+    pool_id: number;
+    pool_address: string;
+    pool_name: string;
+    pool_type: "CrossPool" | "GamePool";
+    pool_status: string;
+    deposit_token: PoolToken;
+    reward_tokens: PoolToken[];
+    total_deposited: string;
+    total_users: number;
+    created_block: number;
+    created_time: number;
+    last_updated_block: number;
+    last_updated_time: number;
+}
+interface UserDepositInfo {
+    account: string;
+    pool_address: string;
+    pool_id: number;
+    pool_name: string;
+    deposited_amount: string;
+    claimable_reward: string;
+    total_rewards_claimed: string;
+    last_deposited_block: number;
+    last_updated_block: number;
+    last_updated_time: number;
+    last_withdrawn_block: number;
+}
+interface Billboard {
+    price: string;
+    change: string;
+    rate: number;
+    high24: string;
+    low24: string;
+    baseVolume: string;
+    quoteVolume: string;
+}
+interface DexPairInfo {
+    pair_name: string;
+    pair_address: string;
+    quote_address: string;
+    base_address: string;
+    quote_symbol: string;
+    base_symbol: string;
+    quote_name: string;
+    base_name: string;
+    quote_decimals: number;
+    base_decimals: number;
+    icon_image: string;
+    enabled: boolean;
+    active: boolean;
+    status: string;
+    billboard: Billboard;
+    tick_size: string;
+    lot_size: string;
+}
+interface DexOpenOrder {
+    order_id: number;
+    /** 0 = sell (ask), 1 = buy (bid) */
+    order_side: number;
+    owner: string;
+    pair: string;
+    price: string;
+    amount: string;
+    filled: string;
+    volume: string;
+    created_at: number;
+    created_block: number;
+    created_hash: string;
+}
+interface ForgePoolToken {
+    address: string;
+    name: string;
+    symbol: string;
+    image: string;
+}
+interface ForgePool {
+    lp_balance: string;
+    pair_address: string;
+    pool_ownership: string;
+    total_supply: string;
+    token: ForgePoolToken;
+}
+interface ForgeTokenDetail {
+    address: string;
+    name: string;
+    symbol: string;
+    image: string;
+    image_url: string;
+    pair_address: string;
+    wrapped_native: string;
+    virtual_reserve_b: string;
+    reserve_a: string;
+    reserve_b: string;
+    graduated: boolean;
+    current_price: string;
+    market_cap: string;
+    total_supply: string;
+    available_supply: string;
+}
+
+type DexMarket = "cross" | "crossd" | "forge";
+
+/**
+ * dapp-ui가 렌더하는 outlink의 대분류.
+ * `portfolio`는 세부적으로 `origin`으로 더 나뉜다.
+ */
+type OutlinkCategory = "terms" | "privacy" | "portfolio";
+/**
+ * `onOutlink` 콜백에 전달되는 호출 컨텍스트. `category` + `origin`으로
+ * 호출측이 목적지별 분기를 할 수 있고, `portfolio-*`의 경우 해당 섹션의
+ * 원시 데이터를 `payload`로 내려보낸다.
+ *
+ * 새로운 포트폴리오 섹션이 추가될 때는 이 union에 variant 하나만 더하면
+ * 자동으로 호출측에도 타입이 좁혀져서 전달된다.
+ */
+type OutlinkContext = {
+    category: "terms";
+    origin: "terms";
+} | {
+    category: "privacy";
+    origin: "privacy";
+} | {
+    category: "portfolio";
+    origin: "portfolio-rewards";
+    payload: {
+        pool: RewardPool;
+        userDeposit?: UserDepositInfo;
+    };
+} | {
+    category: "portfolio";
+    origin: "portfolio-forge";
+    payload: {
+        pool: ForgePool;
+        tokenDetail?: ForgeTokenDetail;
+    };
+} | {
+    category: "portfolio";
+    origin: "portfolio-dex-order";
+    payload: {
+        market: DexMarket;
+        side: "buy" | "sell";
+        order: DexOpenOrder;
+        pair?: DexPairInfo;
+    };
+};
+type OutlinkOrigin = OutlinkContext["origin"];
+/**
+ * outlink 가로채기 콜백. 반환값 규칙:
+ *
+ *   - `string`      → 해당 URL로 이동(원본을 변형 가능).
+ *   - `null`        → 이동 취소(창도 열리지 않음).
+ *   - `undefined`   → 원본 URL로 그대로 이동 (no-op).
+ *   - `Promise<...>`→ 위 값 중 하나를 resolve. 비동기 동안 사용자 제스처를
+ *                     유지하기 위해 빈 창이 먼저 열린 뒤 URL이 채워진다.
+ *
+ * middle-click · cmd-click · ctrl-click 등 브라우저 새 탭 단축 동작은
+ * 가로채지 않고 원본 `href`로 그대로 열린다.
+ */
+type OnOutlink = (link: string, ctx: OutlinkContext) => string | null | undefined | Promise<string | null | undefined>;
 
 interface WalletInfoTriggerProps {
     asChild?: boolean;
@@ -173,15 +340,27 @@ interface WalletInfoProps {
     preferredTokens?: PreferredToken[];
     onSelectWallet?: () => void;
     onCopyAddress?: (address: string, success: boolean) => void;
-    /** 지정 시 기본 Disconnect 버튼이 Footer에 노출됨. WalletInfo.Footer 슬롯이 우선. */
+    /**
+     * 지정 시 기본 Disconnect 버튼이 Footer에 노출됨. `WalletInfo.Footer` 슬롯이
+     * 있으면 해당 슬롯이 메인 영역을 대체한다. Terms/Privacy 링크는 둘 중 무엇을
+     * 쓰든 항상 하단에 함께 렌더된다.
+     */
     onDisconnect?: () => void;
     /** 기본 Disconnect 버튼 라벨 (기본 "Disconnect"). */
     disconnectLabel?: string;
-    /** Footer 하단 Terms 링크 URL. 지정 시에만 노출. */
+    /**
+     * Footer 하단 Terms 링크 URL.
+     * 미지정 시 CROSS 에코시스템 기본 URL로 폴백되어 자동 노출된다.
+     * 숨기려면 빈 문자열(`""`)을 전달.
+     */
     termsUrl?: string;
     /** Terms 링크 라벨 (기본 "Terms of Service"). */
     termsLabel?: string;
-    /** Footer 하단 Privacy 링크 URL. 지정 시에만 노출. */
+    /**
+     * Footer 하단 Privacy 링크 URL.
+     * 미지정 시 CROSS 에코시스템 기본 URL로 폴백되어 자동 노출된다.
+     * 숨기려면 빈 문자열(`""`)을 전달.
+     */
     privacyUrl?: string;
     /** Privacy 링크 라벨 (기본 "Privacy Policy"). */
     privacyLabel?: string;
@@ -206,10 +385,20 @@ interface WalletInfoProps {
      * wagmi의 `sendTransactionAsync`를 그대로 전달해도 호환된다.
      */
     sendTransaction?: SendTransactionFn;
+    /**
+     * Terms/Privacy · 포트폴리오 섹션 등 외부 링크 이동을 가로채는 콜백.
+     * `(url, ctx) => newUrl | null | undefined | Promise<...>` 형태이며
+     *   - `string`      → 해당 URL로 이동(변형 가능)
+     *   - `null`        → 이동 취소
+     *   - `undefined`   → 원본 URL 유지
+     * middle-click · cmd-click은 가로채지 않고 원본 `href`로 열린다.
+     * `showPortfolio=true`일 때 내부 `WalletPortfolioBody`로도 릴레이된다.
+     */
+    onOutlink?: OnOutlink;
     style?: WalletInfoStyle;
     children: React.ReactNode;
 }
-declare function WalletInfoRoot({ env, theme, mobileBreakpoint, drawerDirection, modal, showBalance, showForgeToken, showGameToken, showQR, qrLogoSrc, walletAddress, accountName, profileImageUrl, connectorId, connectorName: connectorNameProp, connectorIconUrl: connectorIconUrlProp, preferredTokens, onSelectWallet, onCopyAddress, onDisconnect, disconnectLabel, termsUrl, termsLabel, privacyUrl, privacyLabel, open: propOpen, onOpenChange, showPortfolio, portfolioTitle, showTotalAssets, totalAssetsLabel, sendTransaction, style, children, }: WalletInfoProps): react_jsx_runtime.JSX.Element;
+declare function WalletInfoRoot({ env, theme, mobileBreakpoint, drawerDirection, modal, showBalance, showForgeToken, showGameToken, showQR, qrLogoSrc, walletAddress, accountName, profileImageUrl, connectorId, connectorName: connectorNameProp, connectorIconUrl: connectorIconUrlProp, preferredTokens, onSelectWallet, onCopyAddress, onDisconnect, disconnectLabel, termsUrl, termsLabel, privacyUrl, privacyLabel, open: propOpen, onOpenChange, showPortfolio, portfolioTitle, showTotalAssets, totalAssetsLabel, sendTransaction, onOutlink, style, children, }: WalletInfoProps): react_jsx_runtime.JSX.Element;
 declare const WalletInfo: typeof WalletInfoRoot & {
     Trigger: typeof WalletInfoTrigger;
     Content: typeof WalletInfoContent;
@@ -413,9 +602,14 @@ interface WalletPortfolioProps {
      * 종속되지 않도록 외부에서 주입한다.
      */
     sendTransaction?: SendTransactionFn;
+    /**
+     * 포트폴리오 섹션 내부 외부 링크 이동을 가로채는 콜백.
+     * 반환값으로 URL 변형 / 취소가 가능하며 async도 지원한다.
+     */
+    onOutlink?: OnOutlink;
     children: React.ReactNode;
 }
-declare function WalletPortfolioRoot({ env, theme, walletAddress, open: propOpen, onOpenChange, sendTransaction, children, }: WalletPortfolioProps): react_jsx_runtime.JSX.Element;
+declare function WalletPortfolioRoot({ env, theme, walletAddress, open: propOpen, onOpenChange, sendTransaction, onOutlink, children, }: WalletPortfolioProps): react_jsx_runtime.JSX.Element;
 declare const WalletPortfolio: typeof WalletPortfolioRoot & {
     Trigger: typeof WalletPortfolioTrigger;
     Content: typeof WalletPortfolioContent;
@@ -443,8 +637,13 @@ interface WalletPortfolioBodyProps {
      * `WalletPortfolioBody`를 단독 embed로 사용하는 경우 직접 전달해야 한다.
      */
     sendTransaction?: SendTransactionFn;
+    /**
+     * 포트폴리오 섹션 내부 외부 링크 이동을 가로채는 콜백.
+     * 반환값으로 URL 변형 / 취소가 가능하며 async도 지원한다.
+     */
+    onOutlink?: OnOutlink;
 }
-declare function WalletPortfolioBody({ env, theme, walletAddress, onBack, showHeader, variant, className, sendTransaction, }: WalletPortfolioBodyProps): react_jsx_runtime.JSX.Element;
+declare function WalletPortfolioBody({ env, theme, walletAddress, onBack, showHeader, variant, className, sendTransaction, onOutlink, }: WalletPortfolioBodyProps): react_jsx_runtime.JSX.Element;
 
 declare function CROSSxIcon(): react_jsx_runtime.JSX.Element;
 declare function MetaMaskIcon(): react_jsx_runtime.JSX.Element;
@@ -671,4 +870,4 @@ declare const BINANCE_ICON: string;
 declare const GOOGLE_ICON: string;
 declare const APPLE_ICON: string;
 
-export { APPLE_ICON, AppLauncher, AppLauncherContent, type AppLauncherContentProps, type AppLauncherProps, AppLauncherTrigger, type AppLauncherTriggerProps, BINANCE_ICON, CONNECTOR_REGISTRY, CROSSX_ICON, type ChainId, ConnectButton, type ConnectButtonProps, ConnectorId, type ConnectorMeta, type DrawerDirection$1 as DrawerDirection, type Environment, GOOGLE_ICON, type GlobalMenu, type GlobalMenuItem, type GlobalMenuItemUrl, METAMASK_ICON, type PreferredToken, type SendTransactionArgs, type SendTransactionFn, TOKEN_STATS_QUERY_KEY, type Theme, type TokenBalance, type TokenBalanceResponse, type TokenStats, type TokenStatsResponse, 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, useGlobalMenu, useTokenBalance, useTokenStats, useWalletDetect };
+export { APPLE_ICON, AppLauncher, AppLauncherContent, type AppLauncherContentProps, type AppLauncherProps, AppLauncherTrigger, type AppLauncherTriggerProps, BINANCE_ICON, CONNECTOR_REGISTRY, CROSSX_ICON, type ChainId, ConnectButton, type ConnectButtonProps, ConnectorId, type ConnectorMeta, type DrawerDirection$1 as DrawerDirection, type Environment, GOOGLE_ICON, type GlobalMenu, type GlobalMenuItem, type GlobalMenuItemUrl, METAMASK_ICON, type OnOutlink, type OutlinkCategory, type OutlinkContext, type OutlinkOrigin, type PreferredToken, type SendTransactionArgs, type SendTransactionFn, TOKEN_STATS_QUERY_KEY, type Theme, type TokenBalance, type TokenBalanceResponse, type TokenStats, type TokenStatsResponse, 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, useGlobalMenu, useTokenBalance, useTokenStats, useWalletDetect };