@nexus-cross/dapp-ui 1.1.3-beta.1 → 1.1.3-beta.3

package/dist/index.d.cts

@@ -18,19 +18,26 @@ interface AppLauncherProps {
 }
 declare function AppLauncher({ env, theme, mobileBreakpoint, domain, children, }: AppLauncherProps): react_jsx_runtime.JSX.Element;
 
-interface AppLauncherTriggerProps {
-    asChild?: boolean;
-    children?: React.ReactNode;
-}
-declare function AppLauncherTrigger({ asChild, children, }: AppLauncherTriggerProps): react_jsx_runtime.JSX.Element;
-
-interface AppLauncherContentProps {
-    align?: "start" | "center" | "end";
-    sideOffset?: number;
-    className?: string;
+/**
+ * `AppLauncherTrigger`의 `style` prop 타입. 표준 `CSSProperties` 위에
+ * `--at-*` CSS 커스텀 변수 키를 추가해 자동완성을 지원한다.
+ *
+ * 사용 예: `style={{ "--at-color": "white", "--at-bg-hover": "rgba(255,255,255,0.1)" }}`
+ *
+ * 변수는 `.al-trigger-btn` 클래스에 cascading 되므로 자식 아이콘도
+ * `currentColor` 를 통해 같은 색을 따라간다.
+ */
+interface AppLauncherTriggerStyle extends CSSProperties {
+    "--at-bg"?: string;
+    "--at-bg-hover"?: string;
+    "--at-color"?: string;
+    "--at-border"?: string;
+    "--at-border-radius"?: string;
+    "--at-size"?: string;
+    "--at-padding"?: string;
+    "--at-press-scale"?: string | number;
+    "--at-transition"?: string;
 }
-declare function AppLauncherContent({ align, sideOffset, className, }: AppLauncherContentProps): react_jsx_runtime.JSX.Element;
-
 interface GlobalMenuItemUrl {
     dev: string;
     stage: string;
@@ -52,6 +59,23 @@ interface GlobalMenu {
     items: GlobalMenuItem[];
 }
 
+interface AppLauncherTriggerProps {
+    asChild?: boolean;
+    children?: React.ReactNode;
+    /** Additional CSS class merged with built-in `.al-trigger-btn` (default trigger only) */
+    className?: string;
+    /** Inline style + CSS custom property overrides (`AppLauncherTriggerStyle`) — default trigger only */
+    style?: AppLauncherTriggerStyle;
+}
+declare function AppLauncherTrigger({ asChild, children, className, style, }: AppLauncherTriggerProps): react_jsx_runtime.JSX.Element;
+
+interface AppLauncherContentProps {
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
+    className?: string;
+}
+declare function AppLauncherContent({ align, sideOffset, className, }: AppLauncherContentProps): react_jsx_runtime.JSX.Element;
+
 declare function useGlobalMenu(env?: Environment): _tanstack_react_query.UseQueryResult<GlobalMenu, Error>;
 
 /** CAIP-2 chain identifier (e.g. "eip155:612044") */
@@ -897,6 +921,52 @@ interface WalletDetectResult {
 }
 declare function useWalletDetect(): WalletDetectResult;
 
+/**
+ * `ConnectButton`의 `style` prop 타입. 표준 `CSSProperties` 위에
+ * `--cb-*` CSS 커스텀 변수 키를 추가해 자동완성을 지원한다.
+ *
+ * 사용 예: `style={{ "--cb-bg": "#7346f3", "--cb-pill-bg": "#1a1a2e" }}`
+ *
+ * 변수는 ConnectButton 의 모든 상태(disconnected / connecting / connected
+ * pill)에 cascading 된다. WalletInfo popover 의 스타일은 별도
+ * `walletInfoStyle` prop 으로 분리되어 있다.
+ */
+interface ConnectButtonStyle extends CSSProperties {
+    "--cb-bg"?: string;
+    "--cb-bg-hover"?: string;
+    "--cb-color"?: string;
+    "--cb-border"?: string;
+    "--cb-radius"?: string;
+    "--cb-height"?: string;
+    "--cb-padding"?: string;
+    "--cb-font-family"?: string;
+    "--cb-font-size"?: string;
+    "--cb-font-weight"?: string | number;
+    "--cb-gap"?: string;
+    "--cb-transition"?: string;
+    "--cb-loading-opacity"?: string | number;
+    "--cb-press-scale"?: string | number;
+    "--cb-spinner-size"?: string;
+    "--cb-spinner-thumb"?: string;
+    "--cb-spinner-track"?: string;
+    "--cb-pill-bg"?: string;
+    "--cb-pill-bg-hover"?: string;
+    "--cb-pill-color"?: string;
+    "--cb-pill-border"?: string;
+    "--cb-pill-radius"?: string;
+    "--cb-pill-height"?: string;
+    "--cb-pill-padding"?: string;
+    "--cb-pill-press-scale"?: string | number;
+    "--cb-pill-font-family"?: string;
+    "--cb-pill-font-size"?: string;
+    "--cb-pill-font-weight"?: string | number;
+    "--cb-pill-gap"?: string;
+    "--cb-pill-icon-size"?: string;
+    "--cb-pill-icon-placeholder-bg"?: string;
+    "--cb-pill-address-font"?: string;
+    "--cb-pill-address-font-size"?: string;
+    "--cb-pill-address-letter-spacing"?: string;
+}
 /**
  * Resolved wallet provider — determines which icon + display name appears
  * in the connected pill.
@@ -950,11 +1020,21 @@ interface ConnectButtonProps {
     disconnectLabel?: string;
     /**
      * 외부(호출부)에서 주입하는 className. disconnected / connecting /
-     * connected(트리거 pill)에 공통으로 적용된다. 지정하면 기본 inline
-     * 스타일이 비활성화되어 Tailwind 등 외부 스타일 시스템으로 완전히
-     * 오버라이드할 수 있다.
+     * connected(트리거 pill)에 공통으로 추가된다 (기본 `cb-button` /
+     * `cb-pill` 클래스에 병합).
      */
     className?: string;
+    /**
+     * 버튼 자체(`disconnected` / `connecting` / `connected pill`)의
+     * CSS 커스텀 변수 오버라이드. WalletInfo popover 스타일은 별도
+     * `walletInfoStyle` 로 분리되어 있다.
+     */
+    style?: ConnectButtonStyle;
+    /**
+     * 트리거 pill 을 눌러 열리는 WalletInfo popover/drawer 의 CSS
+     * 커스텀 변수 오버라이드 (`WalletInfoStyle`).
+     */
+    walletInfoStyle?: WalletInfoStyle;
     theme?: Theme;
     env?: Environment;
     showBalance?: boolean;
@@ -962,7 +1042,6 @@ interface ConnectButtonProps {
     drawerDirection?: DrawerDirection$1;
     modal?: boolean;
     connectorId?: ConnectorId;
-    style?: WalletInfoStyle;
     /** Send 페이지의 일반 토큰 전송에 사용할 외부 트랜잭션 전송 함수. */
     sendTransaction?: SendTransactionFn;
     getTransactionReceipt?: GetTransactionReceiptFn;
@@ -985,7 +1064,7 @@ interface ConnectButtonProps {
  * 상태/데이터/콜백은 props로 주입받는다. 실제 wagmi 연결 로직은
  * `@nexus-cross/connect-kit-react`의 상위 래퍼에서 수행한다.
  */
-declare function ConnectButton({ isConnecting, address, provider, providerName, accountName, sendAccounts, onConnect, onDisconnect, onCopy, onSelectWallet, label, connectingLabel, disconnectLabel, className, theme, env, showBalance, showPortfolio, drawerDirection, modal, connectorId, style, sendTransaction, getTransactionReceipt, estimateGas, }: ConnectButtonProps): react_jsx_runtime.JSX.Element;
+declare function ConnectButton({ isConnecting, address, provider, providerName, accountName, sendAccounts, onConnect, onDisconnect, onCopy, onSelectWallet, label, connectingLabel, disconnectLabel, className, theme, env, showBalance, showPortfolio, drawerDirection, modal, connectorId, style, walletInfoStyle, sendTransaction, getTransactionReceipt, estimateGas, }: ConnectButtonProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Wallet provider icons used by `ConnectButton`. Ported from
@@ -1007,4 +1086,67 @@ 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, type EstimateGasArgs, type EstimateGasFn, GOOGLE_ICON, type GasEstimate, type GetTransactionReceiptArgs, type GetTransactionReceiptFn, type GlobalMenu, type GlobalMenuItem, type GlobalMenuItemUrl, METAMASK_ICON, type OnOutlink, type OutlinkCategory, type OutlinkContext, type OutlinkOrigin, type PreferredToken, type RecentSendAddress, SOCIAL_REGISTRY, type SendAccount, type SendAsset, SendPage, type SendPageProps, type SendStatus, type SendTransactionArgs, type SendTransactionFn, 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, resolveEnvironment, useGlobalMenu, useTokenBalance, useTokenStats, useWalletDetect };
+/**
+ * `SkillsButton`의 `style` prop 타입. 표준 `CSSProperties` 위에
+ * `--sb-*` CSS 커스텀 변수 키를 추가해 자동완성을 지원한다.
+ *
+ * 사용 예: `style={{ "--sb-color": "white", "--sb-bg": "rgba(0,0,0,0.4)" }}`
+ *
+ * CSS 변수는 자식 요소(아이콘, 스피너)로 cascading 되므로, `--sb-color`
+ * 하나만 바꿔도 텍스트·아이콘·스피너가 모두 같은 색을 따라간다.
+ */
+interface SkillsButtonStyle extends CSSProperties {
+    "--sb-bg"?: string;
+    "--sb-border"?: string;
+    "--sb-border-hover"?: string;
+    "--sb-color"?: string;
+    "--sb-color-hover"?: string;
+    "--sb-radius"?: string;
+    "--sb-height"?: string;
+    "--sb-padding"?: string;
+    "--sb-gap"?: string;
+    "--sb-font-size"?: string;
+    "--sb-font-weight"?: string | number;
+    "--sb-line-height"?: string | number;
+    "--sb-letter-spacing"?: string;
+    "--sb-blur"?: string;
+    "--sb-border-width"?: string;
+    "--sb-icon-size"?: string;
+    "--sb-icon-hover-rotation"?: string;
+    "--sb-spinner-size"?: string;
+    "--sb-spinner-thumb"?: string;
+    "--sb-spinner-track"?: string;
+    "--sb-disabled-opacity"?: string | number;
+    "--sb-press-scale"?: string | number;
+    "--sb-hover-duration"?: string;
+    "--sb-icon-duration"?: string;
+    "--sb-easing"?: string;
+}
+interface SkillsButtonProps {
+    /** Button text label */
+    label?: string;
+    /** Skills service URL or path to navigate to */
+    href?: string;
+    /** Called when button is clicked (instead of navigation if provided) */
+    onClick?: () => void | Promise<void>;
+    /** Optional CSS class name (merged with built-in `.sb-button`) */
+    className?: string;
+    /** Inline style + CSS custom property overrides (`SkillsButtonStyle`) */
+    style?: SkillsButtonStyle;
+    /** Light/dark surface preset (sets `data-theme`). Defaults to no preset. */
+    theme?: Theme;
+    /** Disable the button */
+    disabled?: boolean;
+    /** Whether button is in loading state */
+    isLoading?: boolean;
+    /** Label shown while loading */
+    loadingLabel?: string;
+    /** Open link in new tab */
+    openInNewTab?: boolean;
+    /** Button type attribute */
+    type?: "button" | "submit" | "reset";
+}
+
+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, BINANCE_ICON, CONNECTOR_REGISTRY, CROSSX_ICON, type ChainId, ConnectButton, type ConnectButtonProps, type ConnectButtonStyle, ConnectorId, type ConnectorMeta, type DrawerDirection$1 as DrawerDirection, type Environment, type EstimateGasArgs, type EstimateGasFn, GOOGLE_ICON, type GasEstimate, type GetTransactionReceiptArgs, type GetTransactionReceiptFn, type GlobalMenu, type GlobalMenuItem, type GlobalMenuItemUrl, METAMASK_ICON, type OnOutlink, type OutlinkCategory, type OutlinkContext, type OutlinkOrigin, type PreferredToken, type RecentSendAddress, SOCIAL_REGISTRY, type SendAccount, type SendAsset, SendPage, 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, resolveEnvironment, useGlobalMenu, useTokenBalance, useTokenStats, useWalletDetect };

package/dist/index.d.ts

@@ -18,19 +18,26 @@ interface AppLauncherProps {
 }
 declare function AppLauncher({ env, theme, mobileBreakpoint, domain, children, }: AppLauncherProps): react_jsx_runtime.JSX.Element;
 
-interface AppLauncherTriggerProps {
-    asChild?: boolean;
-    children?: React.ReactNode;
-}
-declare function AppLauncherTrigger({ asChild, children, }: AppLauncherTriggerProps): react_jsx_runtime.JSX.Element;
-
-interface AppLauncherContentProps {
-    align?: "start" | "center" | "end";
-    sideOffset?: number;
-    className?: string;
+/**
+ * `AppLauncherTrigger`의 `style` prop 타입. 표준 `CSSProperties` 위에
+ * `--at-*` CSS 커스텀 변수 키를 추가해 자동완성을 지원한다.
+ *
+ * 사용 예: `style={{ "--at-color": "white", "--at-bg-hover": "rgba(255,255,255,0.1)" }}`
+ *
+ * 변수는 `.al-trigger-btn` 클래스에 cascading 되므로 자식 아이콘도
+ * `currentColor` 를 통해 같은 색을 따라간다.
+ */
+interface AppLauncherTriggerStyle extends CSSProperties {
+    "--at-bg"?: string;
+    "--at-bg-hover"?: string;
+    "--at-color"?: string;
+    "--at-border"?: string;
+    "--at-border-radius"?: string;
+    "--at-size"?: string;
+    "--at-padding"?: string;
+    "--at-press-scale"?: string | number;
+    "--at-transition"?: string;
 }
-declare function AppLauncherContent({ align, sideOffset, className, }: AppLauncherContentProps): react_jsx_runtime.JSX.Element;
-
 interface GlobalMenuItemUrl {
     dev: string;
     stage: string;
@@ -52,6 +59,23 @@ interface GlobalMenu {
     items: GlobalMenuItem[];
 }
 
+interface AppLauncherTriggerProps {
+    asChild?: boolean;
+    children?: React.ReactNode;
+    /** Additional CSS class merged with built-in `.al-trigger-btn` (default trigger only) */
+    className?: string;
+    /** Inline style + CSS custom property overrides (`AppLauncherTriggerStyle`) — default trigger only */
+    style?: AppLauncherTriggerStyle;
+}
+declare function AppLauncherTrigger({ asChild, children, className, style, }: AppLauncherTriggerProps): react_jsx_runtime.JSX.Element;
+
+interface AppLauncherContentProps {
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
+    className?: string;
+}
+declare function AppLauncherContent({ align, sideOffset, className, }: AppLauncherContentProps): react_jsx_runtime.JSX.Element;
+
 declare function useGlobalMenu(env?: Environment): _tanstack_react_query.UseQueryResult<GlobalMenu, Error>;
 
 /** CAIP-2 chain identifier (e.g. "eip155:612044") */
@@ -897,6 +921,52 @@ interface WalletDetectResult {
 }
 declare function useWalletDetect(): WalletDetectResult;
 
+/**
+ * `ConnectButton`의 `style` prop 타입. 표준 `CSSProperties` 위에
+ * `--cb-*` CSS 커스텀 변수 키를 추가해 자동완성을 지원한다.
+ *
+ * 사용 예: `style={{ "--cb-bg": "#7346f3", "--cb-pill-bg": "#1a1a2e" }}`
+ *
+ * 변수는 ConnectButton 의 모든 상태(disconnected / connecting / connected
+ * pill)에 cascading 된다. WalletInfo popover 의 스타일은 별도
+ * `walletInfoStyle` prop 으로 분리되어 있다.
+ */
+interface ConnectButtonStyle extends CSSProperties {
+    "--cb-bg"?: string;
+    "--cb-bg-hover"?: string;
+    "--cb-color"?: string;
+    "--cb-border"?: string;
+    "--cb-radius"?: string;
+    "--cb-height"?: string;
+    "--cb-padding"?: string;
+    "--cb-font-family"?: string;
+    "--cb-font-size"?: string;
+    "--cb-font-weight"?: string | number;
+    "--cb-gap"?: string;
+    "--cb-transition"?: string;
+    "--cb-loading-opacity"?: string | number;
+    "--cb-press-scale"?: string | number;
+    "--cb-spinner-size"?: string;
+    "--cb-spinner-thumb"?: string;
+    "--cb-spinner-track"?: string;
+    "--cb-pill-bg"?: string;
+    "--cb-pill-bg-hover"?: string;
+    "--cb-pill-color"?: string;
+    "--cb-pill-border"?: string;
+    "--cb-pill-radius"?: string;
+    "--cb-pill-height"?: string;
+    "--cb-pill-padding"?: string;
+    "--cb-pill-press-scale"?: string | number;
+    "--cb-pill-font-family"?: string;
+    "--cb-pill-font-size"?: string;
+    "--cb-pill-font-weight"?: string | number;
+    "--cb-pill-gap"?: string;
+    "--cb-pill-icon-size"?: string;
+    "--cb-pill-icon-placeholder-bg"?: string;
+    "--cb-pill-address-font"?: string;
+    "--cb-pill-address-font-size"?: string;
+    "--cb-pill-address-letter-spacing"?: string;
+}
 /**
  * Resolved wallet provider — determines which icon + display name appears
  * in the connected pill.
@@ -950,11 +1020,21 @@ interface ConnectButtonProps {
     disconnectLabel?: string;
     /**
      * 외부(호출부)에서 주입하는 className. disconnected / connecting /
-     * connected(트리거 pill)에 공통으로 적용된다. 지정하면 기본 inline
-     * 스타일이 비활성화되어 Tailwind 등 외부 스타일 시스템으로 완전히
-     * 오버라이드할 수 있다.
+     * connected(트리거 pill)에 공통으로 추가된다 (기본 `cb-button` /
+     * `cb-pill` 클래스에 병합).
      */
     className?: string;
+    /**
+     * 버튼 자체(`disconnected` / `connecting` / `connected pill`)의
+     * CSS 커스텀 변수 오버라이드. WalletInfo popover 스타일은 별도
+     * `walletInfoStyle` 로 분리되어 있다.
+     */
+    style?: ConnectButtonStyle;
+    /**
+     * 트리거 pill 을 눌러 열리는 WalletInfo popover/drawer 의 CSS
+     * 커스텀 변수 오버라이드 (`WalletInfoStyle`).
+     */
+    walletInfoStyle?: WalletInfoStyle;
     theme?: Theme;
     env?: Environment;
     showBalance?: boolean;
@@ -962,7 +1042,6 @@ interface ConnectButtonProps {
     drawerDirection?: DrawerDirection$1;
     modal?: boolean;
     connectorId?: ConnectorId;
-    style?: WalletInfoStyle;
     /** Send 페이지의 일반 토큰 전송에 사용할 외부 트랜잭션 전송 함수. */
     sendTransaction?: SendTransactionFn;
     getTransactionReceipt?: GetTransactionReceiptFn;
@@ -985,7 +1064,7 @@ interface ConnectButtonProps {
  * 상태/데이터/콜백은 props로 주입받는다. 실제 wagmi 연결 로직은
  * `@nexus-cross/connect-kit-react`의 상위 래퍼에서 수행한다.
  */
-declare function ConnectButton({ isConnecting, address, provider, providerName, accountName, sendAccounts, onConnect, onDisconnect, onCopy, onSelectWallet, label, connectingLabel, disconnectLabel, className, theme, env, showBalance, showPortfolio, drawerDirection, modal, connectorId, style, sendTransaction, getTransactionReceipt, estimateGas, }: ConnectButtonProps): react_jsx_runtime.JSX.Element;
+declare function ConnectButton({ isConnecting, address, provider, providerName, accountName, sendAccounts, onConnect, onDisconnect, onCopy, onSelectWallet, label, connectingLabel, disconnectLabel, className, theme, env, showBalance, showPortfolio, drawerDirection, modal, connectorId, style, walletInfoStyle, sendTransaction, getTransactionReceipt, estimateGas, }: ConnectButtonProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Wallet provider icons used by `ConnectButton`. Ported from
@@ -1007,4 +1086,67 @@ 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, type EstimateGasArgs, type EstimateGasFn, GOOGLE_ICON, type GasEstimate, type GetTransactionReceiptArgs, type GetTransactionReceiptFn, type GlobalMenu, type GlobalMenuItem, type GlobalMenuItemUrl, METAMASK_ICON, type OnOutlink, type OutlinkCategory, type OutlinkContext, type OutlinkOrigin, type PreferredToken, type RecentSendAddress, SOCIAL_REGISTRY, type SendAccount, type SendAsset, SendPage, type SendPageProps, type SendStatus, type SendTransactionArgs, type SendTransactionFn, 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, resolveEnvironment, useGlobalMenu, useTokenBalance, useTokenStats, useWalletDetect };
+/**
+ * `SkillsButton`의 `style` prop 타입. 표준 `CSSProperties` 위에
+ * `--sb-*` CSS 커스텀 변수 키를 추가해 자동완성을 지원한다.
+ *
+ * 사용 예: `style={{ "--sb-color": "white", "--sb-bg": "rgba(0,0,0,0.4)" }}`
+ *
+ * CSS 변수는 자식 요소(아이콘, 스피너)로 cascading 되므로, `--sb-color`
+ * 하나만 바꿔도 텍스트·아이콘·스피너가 모두 같은 색을 따라간다.
+ */
+interface SkillsButtonStyle extends CSSProperties {
+    "--sb-bg"?: string;
+    "--sb-border"?: string;
+    "--sb-border-hover"?: string;
+    "--sb-color"?: string;
+    "--sb-color-hover"?: string;
+    "--sb-radius"?: string;
+    "--sb-height"?: string;
+    "--sb-padding"?: string;
+    "--sb-gap"?: string;
+    "--sb-font-size"?: string;
+    "--sb-font-weight"?: string | number;
+    "--sb-line-height"?: string | number;
+    "--sb-letter-spacing"?: string;
+    "--sb-blur"?: string;
+    "--sb-border-width"?: string;
+    "--sb-icon-size"?: string;
+    "--sb-icon-hover-rotation"?: string;
+    "--sb-spinner-size"?: string;
+    "--sb-spinner-thumb"?: string;
+    "--sb-spinner-track"?: string;
+    "--sb-disabled-opacity"?: string | number;
+    "--sb-press-scale"?: string | number;
+    "--sb-hover-duration"?: string;
+    "--sb-icon-duration"?: string;
+    "--sb-easing"?: string;
+}
+interface SkillsButtonProps {
+    /** Button text label */
+    label?: string;
+    /** Skills service URL or path to navigate to */
+    href?: string;
+    /** Called when button is clicked (instead of navigation if provided) */
+    onClick?: () => void | Promise<void>;
+    /** Optional CSS class name (merged with built-in `.sb-button`) */
+    className?: string;
+    /** Inline style + CSS custom property overrides (`SkillsButtonStyle`) */
+    style?: SkillsButtonStyle;
+    /** Light/dark surface preset (sets `data-theme`). Defaults to no preset. */
+    theme?: Theme;
+    /** Disable the button */
+    disabled?: boolean;
+    /** Whether button is in loading state */
+    isLoading?: boolean;
+    /** Label shown while loading */
+    loadingLabel?: string;
+    /** Open link in new tab */
+    openInNewTab?: boolean;
+    /** Button type attribute */
+    type?: "button" | "submit" | "reset";
+}
+
+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, BINANCE_ICON, CONNECTOR_REGISTRY, CROSSX_ICON, type ChainId, ConnectButton, type ConnectButtonProps, type ConnectButtonStyle, ConnectorId, type ConnectorMeta, type DrawerDirection$1 as DrawerDirection, type Environment, type EstimateGasArgs, type EstimateGasFn, GOOGLE_ICON, type GasEstimate, type GetTransactionReceiptArgs, type GetTransactionReceiptFn, type GlobalMenu, type GlobalMenuItem, type GlobalMenuItemUrl, METAMASK_ICON, type OnOutlink, type OutlinkCategory, type OutlinkContext, type OutlinkOrigin, type PreferredToken, type RecentSendAddress, SOCIAL_REGISTRY, type SendAccount, type SendAsset, SendPage, 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, resolveEnvironment, useGlobalMenu, useTokenBalance, useTokenStats, useWalletDetect };