kaleido-ui 0.1.2 → 0.1.4

package/dist/web/index.d.ts

@@ -1,8 +1,9 @@
 import { ClassValue } from 'clsx';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React$1 from 'react';
-import { HTMLAttributes, ReactNode, Component } from 'react';
+import { HTMLAttributes, ReactNode, ChangeEvent, Component, CSSProperties } from 'react';
 import { VariantProps } from 'class-variance-authority';
+import * as SelectPrimitive from '@radix-ui/react-select';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
@@ -12,8 +13,8 @@ import * as ToastPrimitives from '@radix-ui/react-toast';
 declare function cn(...inputs: ClassValue[]): string;
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "glow" | "surface" | "cta" | "cta-gradient" | "danger-subtle" | null | undefined;
-    size?: "default" | "cta" | "sm" | "lg" | "xl" | "cta-lg" | "icon" | "icon-lg" | "icon-xl" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "glow" | "surface" | "cta" | "cta-gradient" | "danger-subtle" | "hyperlink" | null | undefined;
+    size?: "default" | "cta" | "xs" | "sm" | "lg" | "xl" | "cta-lg" | "icon" | "icon-lg" | "icon-xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
@@ -31,6 +32,30 @@ interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
 }
 declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
 
+declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface SelectItemProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
+    description?: string;
+}
+declare const SelectItem: React$1.ForwardRefExoticComponent<SelectItemProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+interface SwitchProps {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+}
+declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface NumberInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+}
+declare const NumberInput: React$1.ForwardRefExoticComponent<NumberInputProps & React$1.RefAttributes<HTMLInputElement>>;
+
 declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
 declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
@@ -148,9 +173,17 @@ interface NetworkBadgeProps {
     network: NetworkType;
     /** Override the icon path (consumer provides asset path) */
     iconBasePath?: string;
+    /** @deprecated Use showLabel={false}. Kept for compatibility. */
+    iconOnly?: boolean;
+    /** Adds the network label after the icon. Defaults to false. */
+    showLabel?: boolean;
+    /** Optional content rendered after the icon. Overrides the built-in label. */
+    children?: ReactNode;
+    size?: 'sm' | 'md';
     className?: string;
+    iconClassName?: string;
 }
-declare function NetworkBadge({ network, iconBasePath, className }: NetworkBadgeProps): react_jsx_runtime.JSX.Element;
+declare function NetworkBadge({ network, iconBasePath, showLabel, children, size, className, iconClassName, }: NetworkBadgeProps): react_jsx_runtime.JSX.Element;
 
 interface AssetIconProps {
     ticker: string;
@@ -179,10 +212,12 @@ interface AssetCardProps {
     logoUri?: string;
     /** Whether balance should be masked */
     balanceVisible?: boolean;
+    /** Accent color hex for the card gradient. Pass a token from `kaleido-ui/tokens` (e.g. `colors.network.bitcoin`). */
+    accentColor?: string;
     onClick?: () => void;
     className?: string;
 }
-declare function AssetCard({ ticker, name, displayBalance, networks, logoUri, balanceVisible, onClick, className, }: AssetCardProps): react_jsx_runtime.JSX.Element;
+declare function AssetCard({ ticker, name, displayBalance, networks, logoUri, balanceVisible, accentColor, onClick, className, }: AssetCardProps): react_jsx_runtime.JSX.Element;
 
 interface TransactionCardProps {
     /** Direction of the transaction */
@@ -200,14 +235,663 @@ interface TransactionCardProps {
 }
 declare function TransactionCard({ direction, status, displayAmount, unit, timestamp, onClick, className, }: TransactionCardProps): react_jsx_runtime.JSX.Element;
 
+declare const APP_ICON_NAMES: {
+    readonly activity: "history";
+    readonly bitcoin: "currency_bitcoin";
+    readonly chevronDown: "expand_more";
+    readonly chevronRight: "chevron_right";
+    readonly channelClose: "remove_circle";
+    readonly channelOpen: "add_circle";
+    readonly close: "close";
+    readonly experimental: "science";
+    readonly issuance: "inventory_2";
+    readonly lock: "lock";
+    readonly onboarding: "arrow_circle_up";
+    readonly onchain: "link";
+    readonly power: "power_settings_new";
+    readonly receive: "call_received";
+    readonly refresh: "refresh";
+    readonly search: "search";
+    readonly send: "arrow_outward";
+    readonly settings: "settings";
+    readonly swap: "swap_horiz";
+    readonly transaction: "receipt_long";
+    readonly info: "info";
+    readonly vault: "key";
+    readonly wallet: "account_balance_wallet";
+    readonly allNetworks: "grid_view";
+    readonly arkadeLayers: "layers";
+};
+type AppIconName = keyof typeof APP_ICON_NAMES;
+interface AppIconProps extends Omit<IconProps, 'name'> {
+    name: AppIconName;
+    strokeWidth?: number;
+}
+declare function AppIcon({ name, strokeWidth: _strokeWidth, ...props }: AppIconProps): react_jsx_runtime.JSX.Element;
+
+interface NetworkIconProps {
+    className?: string;
+    alt?: string;
+}
+declare function LightningNetworkIcon({ className, alt, }: NetworkIconProps): react_jsx_runtime.JSX.Element;
+declare function SparkNetworkIcon({ className, alt }: NetworkIconProps): react_jsx_runtime.JSX.Element;
+declare function ArkadeNetworkIcon({ className, alt, }: NetworkIconProps): react_jsx_runtime.JSX.Element;
+
+interface ActionTileProps {
+    icon: ReactNode;
+    label: string;
+    onClick?: () => void;
+    disabled?: boolean;
+    className?: string;
+    ariaLabel?: string;
+    'data-testid'?: string;
+}
+declare function ActionTile({ icon, label, onClick, disabled, className, ariaLabel, 'data-testid': dataTestId, }: ActionTileProps): react_jsx_runtime.JSX.Element;
+
+interface QrCodeProps {
+    value: string;
+    size?: number;
+    className?: string;
+}
+declare function QrCode({ value, size, className }: QrCodeProps): react_jsx_runtime.JSX.Element;
+
+interface BottomNavItem<TValue extends string = string> {
+    id: TValue;
+    label: string;
+    icon?: ReactNode;
+    iconName?: string;
+    testId?: string;
+}
+interface BottomNavProps<TValue extends string = string> {
+    activeView?: TValue;
+    items: readonly BottomNavItem<TValue>[];
+    onChange: (view: TValue) => void;
+    position?: 'fixed' | 'inline';
+    className?: string;
+}
+declare function BottomNav<TValue extends string = string>({ activeView, items, onChange, position, className, }: BottomNavProps<TValue>): react_jsx_runtime.JSX.Element;
+
+interface AccountStatusTabItem<TId extends string = string> {
+    id: TId;
+    label: string;
+    state: string;
+    detail: string;
+    icon: ReactNode;
+    dotTone: string;
+    title: string;
+    description: string;
+    capabilityBullets: string[];
+    networkLabel: string;
+    networkBannerClassName: string;
+    accentBg?: string;
+    accentBorder?: string;
+}
+interface AccountStatusTabsProps<TId extends string = string> {
+    accounts: AccountStatusTabItem<TId>[];
+}
+declare function AccountStatusTabs<TId extends string = string>({ accounts, }: AccountStatusTabsProps<TId>): react_jsx_runtime.JSX.Element;
+
+interface FilterDropdownOption {
+    id: string;
+    label: string;
+    icon: ReactNode;
+    clusterIcon?: ReactNode;
+    tintClass?: string;
+}
+interface FilterDropdownProps {
+    label: string;
+    value: string;
+    options: FilterDropdownOption[];
+    onChange: (id: string) => void;
+    clusterMax?: number;
+    className?: string;
+}
+declare function FilterDropdown({ label, value, options, onChange, clusterMax, className, }: FilterDropdownProps): react_jsx_runtime.JSX.Element;
+
+interface SettingsTileProps {
+    icon: ReactNode;
+    title: string;
+    description?: string;
+    value?: string;
+    onClick: () => void;
+}
+declare function SettingsTile({ icon, title, description, value, onClick }: SettingsTileProps): react_jsx_runtime.JSX.Element;
+declare function SettingsStatusPanel({ label, value }: {
+    label: string;
+    value: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function SettingsActionButton({ icon, children, onClick, }: {
+    icon?: ReactNode;
+    children: ReactNode;
+    onClick: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+type AccountSettingsProtocol = 'RGB' | 'SPARK' | 'ARKADE';
+type AccountSettingsNetwork = 'mainnet' | 'testnet' | 'regtest' | 'signet';
+declare function getAccountNetworkLabel(network: AccountSettingsNetwork): string;
+declare function getAccountNetworkUi(network: AccountSettingsNetwork): {
+    label: string;
+    badgeClassName: string;
+    bannerClassName: string;
+};
+declare function AccountHeaderIcons({ accountId }: {
+    accountId: AccountSettingsProtocol;
+}): react_jsx_runtime.JSX.Element;
+declare function getAccountStatusUi(status: 'ready' | 'offline' | 'optional' | string): {
+    label: string;
+    className: string;
+};
+declare function AccountNetworkSelector({ accountId, value, onChange, disabled, }: {
+    accountId: AccountSettingsProtocol;
+    value: AccountSettingsNetwork;
+    onChange: (network: AccountSettingsNetwork) => void;
+    disabled?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function AccountNetworkPicker({ accountId, current, onSave, }: {
+    accountId: AccountSettingsProtocol;
+    current: AccountSettingsNetwork;
+    onSave: (network: AccountSettingsNetwork) => Promise<unknown>;
+}): react_jsx_runtime.JSX.Element;
+declare function AccountSettingsShell({ accountId, title, subtitle, children, }: {
+    accountId: AccountSettingsProtocol;
+    title: string;
+    subtitle: string;
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function AccountInfoGrid({ items }: {
+    items: Array<{
+        label: string;
+        value: ReactNode;
+    }>;
+}): react_jsx_runtime.JSX.Element;
+declare function AccountNotice({ tone, children, }: {
+    tone?: 'default' | 'warning';
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function AccountNetworkNotice({ network, children, }: {
+    network: AccountSettingsNetwork;
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function AccountStatusPills({ status, network, }: {
+    status: 'ready' | 'offline' | 'optional' | string;
+    network: AccountSettingsNetwork;
+}): react_jsx_runtime.JSX.Element;
+declare function SectionTitle({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function InlineAction({ title, description, accent, onClick, }: {
+    title: string;
+    description: string;
+    accent?: 'purple' | 'blue' | 'primary';
+    onClick: () => void;
+}): react_jsx_runtime.JSX.Element;
+declare function TransferRouteCard({ label, summary, eta, feeHint, }: {
+    label: string;
+    summary: string;
+    eta: string;
+    feeHint: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ExpandIcon({ expanded }: {
+    expanded: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function AccountSettingsRow({ accountId, title, status, network, description, onClick, }: {
+    accountId: AccountSettingsProtocol;
+    title: string;
+    status: 'ready' | 'offline' | 'optional' | string;
+    network: AccountSettingsNetwork;
+    description: string;
+    onClick: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+interface AccountCapabilitiesCardProps {
+    accountId: AccountSettingsProtocol;
+    title: string;
+    description: string;
+    status: string;
+    capabilities: string[];
+    accent: 'primary' | 'blue' | 'purple';
+    isExpanded: boolean;
+    onToggle: () => void;
+    collapsible?: boolean;
+    children?: ReactNode;
+}
+declare function AccountCapabilitiesCard({ accountId, title, description, status, capabilities, accent, isExpanded, onToggle, collapsible, children, }: AccountCapabilitiesCardProps): react_jsx_runtime.JSX.Element;
+
+interface WalletAssetListItem {
+    id: string;
+    ticker: string;
+    name: string;
+    displayBalance: string;
+    networks?: NetworkType[];
+    logoUri?: string;
+    balanceVisible?: boolean;
+    accentColor?: string;
+    onClick?: () => void;
+}
+interface WalletAssetListEmptyState {
+    id: string;
+    title?: string;
+    description?: string;
+    icon?: ReactNode;
+}
+interface WalletAssetListProps {
+    items: WalletAssetListItem[];
+    title?: string;
+    amountLabel?: string;
+    isLoading?: boolean;
+    loadingRows?: number;
+    emptyStates?: WalletAssetListEmptyState[];
+    bottomSpacer?: boolean;
+    className?: string;
+}
+declare function WalletAssetList({ items, title, amountLabel, isLoading, loadingRows, emptyStates, bottomSpacer, className, }: WalletAssetListProps): react_jsx_runtime.JSX.Element;
+
+interface BalanceBreakdownAsset {
+    asset_id: string;
+    ticker: string;
+    name?: string;
+    precision?: number;
+    balance?: unknown;
+}
+interface BalanceBreakdownAccounts {
+    RGB?: {
+        connected?: boolean;
+    };
+}
+interface BalanceBreakdownNodeInfo {
+    pubkey?: string;
+    num_peers?: number;
+    num_channels?: number;
+}
+interface BalanceBreakdownProps {
+    btcOnchain: number;
+    btcLightning: number;
+    btcSpark: number;
+    btcArkade: number;
+    totalBTC: number;
+    rgbAssets: BalanceBreakdownAsset[];
+    accounts: BalanceBreakdownAccounts;
+    nodeInfo?: BalanceBreakdownNodeInfo | null;
+    balanceVisible: boolean;
+    format: (sats: number) => string;
+    formatFiatValue: (sats: number) => string;
+    unit: string;
+    label: string;
+    cycle: () => void;
+    isLoading?: boolean;
+    isPartial?: boolean;
+    btcOnchainPending?: boolean;
+    btcLightningPending?: boolean;
+    btcSparkPending?: boolean;
+    btcArkadePending?: boolean;
+    onRefresh?: () => void;
+    isRefreshing?: boolean;
+    onNavigate?: (view: 'deposit' | 'swap' | 'withdraw') => void;
+}
+declare function BalanceBreakdown({ btcOnchain, btcLightning, btcSpark, btcArkade, totalBTC, rgbAssets, accounts, nodeInfo, balanceVisible, format, formatFiatValue, unit, label, cycle, isLoading, isPartial, btcOnchainPending, btcLightningPending, btcSparkPending, btcArkadePending, onRefresh, isRefreshing, onNavigate, }: BalanceBreakdownProps): react_jsx_runtime.JSX.Element;
+
+interface AssetSelectorOption {
+    ticker: string;
+    name?: string;
+    icon?: string;
+    network?: NetworkType;
+    category?: string | null;
+    categoryLabel?: string;
+}
+interface AssetSelectorCategory {
+    id: string;
+    label: string;
+}
+interface AssetSelectorProps {
+    label: string;
+    selectedTicker: string;
+    options: AssetSelectorOption[];
+    categories?: AssetSelectorCategory[];
+    defaultActiveCategories?: string[];
+    disabled?: boolean;
+    disabledTicker?: string;
+    compact?: boolean;
+    onChange: (ticker: string) => void;
+}
+declare function AssetSelector({ label, selectedTicker, options, categories, defaultActiveCategories, disabled, disabledTicker, compact, onChange, }: AssetSelectorProps): react_jsx_runtime.JSX.Element;
+
+interface SwapInputCardProps {
+    fromTicker: string;
+    toTicker: string;
+    fromInput: string;
+    fromOptions: AssetSelectorOption[];
+    toOptions: AssetSelectorOption[];
+    categories?: AssetSelectorCategory[];
+    defaultActiveCategories?: string[];
+    availableText: string;
+    showMaxText?: boolean;
+    maxText?: string;
+    selectedPercentage?: number | null;
+    percentageDisabled?: boolean;
+    fromUnitLabel: string;
+    fromUnitIsToggle?: boolean;
+    receiveAmount?: string | null;
+    receiveUnitLabel?: string;
+    isLoadingQuote?: boolean;
+    quoteError?: string | null;
+    quoteRateText?: string | null;
+    quoteFeeText?: string | null;
+    quoteExpiresText?: string | null;
+    quoteExpiresUrgent?: boolean;
+    warning?: string | null;
+    submitLabel: string;
+    submitVariant?: ButtonProps['variant'];
+    submitDisabled?: boolean;
+    onFromTickerChange: (ticker: string) => void;
+    onToTickerChange: (ticker: string) => void;
+    onFromInputChange: (value: string) => void;
+    onPercentageClick: (percent: number) => void;
+    onToggleFromUnit?: () => void;
+    onFlip: () => void;
+    onSubmit: () => void;
+}
+declare function SwapInputCard({ fromTicker, toTicker, fromInput, fromOptions, toOptions, categories, defaultActiveCategories, availableText, showMaxText, maxText, selectedPercentage, percentageDisabled, fromUnitLabel, fromUnitIsToggle, receiveAmount, receiveUnitLabel, isLoadingQuote, quoteError, quoteRateText, quoteFeeText, quoteExpiresText, quoteExpiresUrgent, warning, submitLabel, submitVariant, submitDisabled, onFromTickerChange, onToTickerChange, onFromInputChange, onPercentageClick, onToggleFromUnit, onFlip, onSubmit, }: SwapInputCardProps): react_jsx_runtime.JSX.Element;
+
+interface ActivityListItem<TData = unknown> {
+    id: string;
+    direction: 'inbound' | 'outbound';
+    status: StatusType;
+    displayAmount: string;
+    unit?: string;
+    timestamp: number;
+    network?: NetworkType;
+    label?: string;
+    data?: TData;
+}
+interface ActivityListProps<TData = unknown> {
+    items: ActivityListItem<TData>[];
+    isLoading?: boolean;
+    error?: string | null;
+    hasActiveFilters?: boolean;
+    expandedId?: string | null;
+    onExpandedChange?: (id: string | null) => void;
+    onRetry?: () => void;
+    onClearFilters?: () => void;
+    renderEmptyActions?: () => ReactNode;
+    renderDetails?: (item: ActivityListItem<TData>) => ReactNode;
+    emptyIcon?: ReactNode;
+    emptyTitle?: string;
+    emptyDescription?: string;
+    filteredEmptyTitle?: string;
+    filteredEmptyDescription?: string;
+}
+declare function ActivityList<TData = unknown>({ items, isLoading, error, hasActiveFilters, expandedId, onExpandedChange, onRetry, onClearFilters, renderEmptyActions, renderDetails, emptyIcon, emptyTitle, emptyDescription, filteredEmptyTitle, filteredEmptyDescription, }: ActivityListProps<TData>): react_jsx_runtime.JSX.Element;
+
+interface ActivityStatusOption<TValue extends string = string> {
+    value: TValue;
+    label: string;
+}
+interface ActivityFilterBarProps<TStatus extends string = string> {
+    searchTerm: string;
+    onSearchTermChange: (value: string) => void;
+    statusFilter: TStatus;
+    onStatusFilterChange: (value: TStatus) => void;
+    statusOptions: ActivityStatusOption<TStatus>[];
+    hasActiveFilters?: boolean;
+    onClearFilters?: () => void;
+    searchPlaceholder?: string;
+}
+declare function ActivityFilterBar<TStatus extends string = string>({ searchTerm, onSearchTermChange, statusFilter, onStatusFilterChange, statusOptions, hasActiveFilters, onClearFilters, searchPlaceholder, }: ActivityFilterBarProps<TStatus>): react_jsx_runtime.JSX.Element;
+
+type ActivityNetworkFilterValue = 'all' | 'onchain' | 'lightning' | 'spark' | 'arkade';
+interface ActivityNetworkFilterOption<TValue extends string = ActivityNetworkFilterValue> {
+    value: TValue;
+    label: string;
+    icon?: React.ReactNode;
+}
+interface ActivityNetworkFiltersProps<TValue extends string = ActivityNetworkFilterValue> {
+    filters: ActivityNetworkFilterOption<TValue>[];
+    activeFilter: TValue;
+    onChange: (value: TValue) => void;
+    className?: string;
+}
+declare function getActivityNetworkFilterIcon(filter: ActivityNetworkFilterValue): react_jsx_runtime.JSX.Element;
+declare function ActivityNetworkFilters<TValue extends string = ActivityNetworkFilterValue>({ filters, activeFilter, onChange, className, }: ActivityNetworkFiltersProps<TValue>): react_jsx_runtime.JSX.Element | null;
+
+type ActivityTypeTabValue = 'all' | 'received' | 'sent' | 'swaps';
+interface ActivityTypeTabCounts {
+    all?: number;
+    received?: number;
+    sent?: number;
+    swaps?: number;
+}
+declare function ActivityTypeTabs({ counts }: {
+    counts?: ActivityTypeTabCounts;
+}): react_jsx_runtime.JSX.Element;
+
+interface ActivityDetailRowProps {
+    label: string;
+    value: ReactNode;
+    fullValue?: string;
+    onCopy?: () => void;
+    isCopied?: boolean;
+}
+declare function ActivityDetailRow({ label, value, fullValue, onCopy, isCopied, }: ActivityDetailRowProps): react_jsx_runtime.JSX.Element;
+
+type WithdrawAddressType = 'unknown' | 'bitcoin' | 'spark' | 'arkade' | 'lightning' | 'lightning-address' | 'lnurl-pay' | 'rgb' | 'invalid';
+interface WithdrawDestinationInputProps {
+    destination: string;
+    setDestination: (value: string) => void;
+    addressType: WithdrawAddressType;
+    detectedNetworkLabel?: string;
+    isDecoding: boolean;
+    isResolvingLnurl: boolean;
+    handlePaste: () => void;
+    handleReset: () => void;
+}
+declare function WithdrawDestinationInput({ destination, setDestination, addressType, detectedNetworkLabel, isDecoding, isResolvingLnurl, handlePaste, handleReset, }: WithdrawDestinationInputProps): react_jsx_runtime.JSX.Element;
+
+interface WithdrawDecodedLnInvoice {
+    amount?: number | null;
+    asset_amount?: number | null;
+}
+interface WithdrawDecodedRgbInvoice {
+    assignment?: {
+        value?: number | null;
+    } | null;
+    recipient_type?: string;
+}
+interface WithdrawLnurlPayData {
+    params: {
+        min: number;
+        max: number;
+        description?: string;
+    };
+}
+interface WithdrawAmountInputProps {
+    addressType: WithdrawAddressType;
+    amount: string;
+    handleAmountChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleSetMax: () => void;
+    selectedAssetId: string;
+    selectedAssetTicker: string | undefined;
+    assetBalance?: number;
+    formattedBalance: string;
+    decodedLnInvoice: WithdrawDecodedLnInvoice | null;
+    decodedRgbInvoice: WithdrawDecodedRgbInvoice | null;
+    lnurlPayData: WithdrawLnurlPayData | null;
+    witnessAmountSat: number;
+    setWitnessAmountSat: (value: number) => void;
+    feeRate: 'slow' | 'normal' | 'fast';
+    setFeeRate: (rate: 'slow' | 'normal' | 'fast') => void;
+    feeRates: {
+        slow: number;
+        normal: number;
+        fast: number;
+    };
+    donation: boolean;
+    setDonation: (value: boolean) => void;
+}
+declare function WithdrawAmountInput({ addressType, amount, handleAmountChange, handleSetMax, selectedAssetId, selectedAssetTicker, formattedBalance, decodedLnInvoice, decodedRgbInvoice, lnurlPayData, witnessAmountSat, setWitnessAmountSat, feeRate, setFeeRate, feeRates, donation, setDonation, }: WithdrawAmountInputProps): react_jsx_runtime.JSX.Element;
+
+interface WithdrawInvoiceAsset {
+    asset_id: string;
+    ticker: string;
+    precision: number;
+}
+interface WithdrawInvoiceInfoLnInvoice {
+    amount?: number | null;
+    asset_id?: string;
+    asset_amount?: number | null;
+    description?: string;
+}
+interface WithdrawInvoiceInfoRgbInvoice {
+    asset_id?: string;
+    assignment?: {
+        value?: number | null;
+    } | null;
+    recipient_type?: string;
+}
+interface WithdrawInvoiceInfoProps {
+    addressType: WithdrawAddressType;
+    decodedLnInvoice: WithdrawInvoiceInfoLnInvoice | null;
+    decodedRgbInvoice: WithdrawInvoiceInfoRgbInvoice | null;
+    allAssets: WithdrawInvoiceAsset[];
+    selectedAssetId: string;
+    selectedAssetTicker: string | undefined;
+    assetBalance: number;
+    maxLightningCapacity: number;
+}
+declare function WithdrawInvoiceInfo({ addressType, decodedLnInvoice, decodedRgbInvoice, allAssets, selectedAssetId, selectedAssetTicker, assetBalance, maxLightningCapacity, }: WithdrawInvoiceInfoProps): react_jsx_runtime.JSX.Element | null;
+
+interface WithdrawRouteOption<TAccount extends string = string> {
+    account: TAccount;
+    method: string;
+    summary: string;
+    accountTitle: string;
+    methodLabel: string;
+    feeHint: string;
+}
+interface WithdrawRouteSummary {
+    method: string;
+    summary: string;
+    methodLabel: string;
+}
+interface WithdrawRouteSelectorProps<TAccount extends string = string> {
+    routes: WithdrawRouteOption<TAccount>[];
+    activeRouteAccount: TAccount | undefined;
+    recommendedRouteAccount: TAccount | undefined;
+    selectedRouteSummary: WithdrawRouteSummary | null;
+    selectedAccountTitle?: string;
+    onRouteChange: (account: TAccount) => void;
+}
+declare function WithdrawRouteSelector<TAccount extends string = string>({ routes, activeRouteAccount, recommendedRouteAccount, selectedRouteSummary, selectedAccountTitle, onRouteChange, }: WithdrawRouteSelectorProps<TAccount>): react_jsx_runtime.JSX.Element;
+
+interface WithdrawConfirmationRgbInvoice {
+    recipient_type?: string;
+}
+interface WithdrawConfirmationProps {
+    isConfirming: boolean;
+    isPollingStatus: boolean;
+    setShowConfirmation: (value: boolean) => void;
+    displayAmount: number;
+    selectedAssetId: string;
+    selectedAsset?: {
+        ticker?: string;
+    };
+    destination: string;
+    networkLabel: string;
+    routeAccount?: string;
+    routeMethod?: string;
+    estimatedFee: number;
+    feeRate: string;
+    addressType: WithdrawAddressType;
+    decodedRgbInvoice: WithdrawConfirmationRgbInvoice | null;
+    witnessAmountSat: number;
+    amount: string;
+    handleConfirmSend: () => void;
+}
+declare function WithdrawConfirmation({ isConfirming, isPollingStatus, setShowConfirmation, displayAmount, selectedAssetId, selectedAsset, destination, networkLabel, routeAccount, routeMethod, estimatedFee, feeRate, addressType, decodedRgbInvoice, witnessAmountSat, amount, handleConfirmSend, }: WithdrawConfirmationProps): react_jsx_runtime.JSX.Element;
+
+interface WithdrawSuccessProps {
+    displayAmount: number;
+    selectedAssetId: string;
+    selectedAsset?: {
+        ticker?: string;
+    };
+    txResult: {
+        paymentHash?: string;
+        payment_hash?: string;
+        txid?: string;
+    } | null;
+    handleReset: () => void;
+    onDone: () => void;
+}
+declare function WithdrawSuccess({ displayAmount, selectedAssetId, selectedAsset, txResult, handleReset, onDone, }: WithdrawSuccessProps): react_jsx_runtime.JSX.Element;
+
 interface PageHeaderProps {
     left?: ReactNode;
     title?: string;
     right?: ReactNode;
+    className?: string;
     /** Border class for network-aware styling (e.g. "border-network-bitcoin/30") */
     borderClassName?: string;
 }
-declare function PageHeader({ left, title, right, borderClassName }: PageHeaderProps): react_jsx_runtime.JSX.Element;
+declare function PageHeader({ left, title, right, className, borderClassName }: PageHeaderProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Full-bleed page shell that paints the brand radial-gradient backdrop and
+ * renders children in a centered column. Replaces the duplicated
+ * `bg-page-radial` + min-h-screen layouts in Welcome / LockScreen / Onboarding.
+ */
+interface PageShellProps {
+    children: ReactNode;
+    /** When true, sets min-h-screen (default). Set false to constrain to h-screen. */
+    fullHeight?: boolean;
+    /** Default `flex flex-col items-center justify-center p-6`. Disable to provide your own layout. */
+    centered?: boolean;
+    className?: string;
+}
+declare function PageShell({ children, fullHeight, centered, className, }: PageShellProps): react_jsx_runtime.JSX.Element;
+/**
+ * Brand headline gradient — the white-to-slate-fade treatment used on
+ * Welcome / LockScreen titles. Uses CSS variables so dark/light modes
+ * can be re-themed without component changes.
+ */
+interface HeadlineGradientProps {
+    children: ReactNode;
+    as?: 'h1' | 'h2' | 'h3';
+    className?: string;
+}
+declare function HeadlineGradient({ children, as: Tag, className, }: HeadlineGradientProps): react_jsx_runtime.JSX.Element;
+/**
+ * Centered loading state — used by ActivityList and other async surfaces.
+ * Replaces ad-hoc spinner-and-text duplicates across the extension.
+ */
+interface LoadingCardProps {
+    message?: string;
+    className?: string;
+}
+declare function LoadingCard({ message, className }: LoadingCardProps): react_jsx_runtime.JSX.Element;
+/**
+ * Centered error state with an optional retry button. Replaces the bespoke
+ * red-icon-circle + title + description card in ActivityList and elsewhere.
+ */
+interface ErrorCardProps {
+    title?: string;
+    description: string;
+    onRetry?: () => void;
+    retryLabel?: string;
+    className?: string;
+}
+declare function ErrorCard({ title, description, onRetry, retryLabel, className, }: ErrorCardProps): react_jsx_runtime.JSX.Element;
+/**
+ * A bottom-fade overlay used over scrolling content (e.g. dashboard lists)
+ * to soften the cut against the bottom navigation bar.
+ */
+interface FadeOverlayProps {
+    /** Direction of the fade. Defaults to bottom. */
+    edge?: 'bottom' | 'top';
+    /** Tailwind height class — defaults to h-12. */
+    heightClassName?: string;
+    className?: string;
+}
+declare function FadeOverlay({ edge, heightClassName, className, }: FadeOverlayProps): react_jsx_runtime.JSX.Element;
 
 interface SettingItemProps {
     icon?: string;
@@ -231,23 +915,23 @@ declare function SectionLabel({ children, className }: SectionLabelProps): react
 
 declare const variantStyles: {
     readonly error: {
-        readonly container: "bg-red-500/10 border-red-500/20";
-        readonly icon: "text-red-400";
+        readonly container: "bg-danger/40";
+        readonly icon: "text-danger";
         readonly iconName: "error";
     };
     readonly warning: {
-        readonly container: "bg-amber-500/10 border-amber-500/20";
-        readonly icon: "text-amber-400";
+        readonly container: "bg-warning/40";
+        readonly icon: "text-warning";
         readonly iconName: "warning";
     };
     readonly info: {
-        readonly container: "bg-blue-500/10 border-blue-500/20";
-        readonly icon: "text-blue-400";
+        readonly container: "bg-info/40";
+        readonly icon: "text-info";
         readonly iconName: "info";
     };
     readonly success: {
-        readonly container: "bg-primary/10 border-primary/20";
-        readonly icon: "text-primary";
+        readonly container: "bg-primary/8";
+        readonly icon: "text-primary/90";
         readonly iconName: "check_circle";
     };
 };
@@ -272,8 +956,247 @@ declare class ErrorBoundary extends Component<Props, State> {
     constructor(props: Props);
     static getDerivedStateFromError(error: Error): State;
     componentDidCatch(error: Error, info: React.ErrorInfo): void;
-    render(): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+    render(): string | number | boolean | react_jsx_runtime.JSX.Element | Iterable<ReactNode> | null | undefined;
+}
+
+type DepositAccountId = 'RGB' | 'SPARK' | 'ARKADE';
+type DepositTransferMethod = 'bitcoin_l1' | 'lightning' | 'spark' | 'arkade' | 'boarding' | 'submarine_swap';
+type DepositNetworkKey = 'onchain' | 'lightning' | 'spark' | 'arkade';
+interface DepositNetworkConfigEntry {
+    label: string;
+    color: string;
+    bg: string;
+    text: string;
+    border: string;
+    qrBorder: string;
+    /** Inline style. Apply via `style={network.qrGlow}`. */
+    qrGlow: CSSProperties;
+    icon: ReactNode;
+}
+declare const NETWORK_CONFIG: Record<DepositNetworkKey, DepositNetworkConfigEntry>;
+declare function InvoiceStatusBanner({ isInvoicePending, isInvoicePaid, isInvoiceFailedOrExpired, invoiceStatus, }: {
+    isInvoicePending: boolean;
+    isInvoicePaid: boolean;
+    isInvoiceFailedOrExpired: boolean;
+    invoiceStatus: string;
+}): react_jsx_runtime.JSX.Element;
+declare function PaidOverlay(): react_jsx_runtime.JSX.Element;
+declare function CopyIcon({ copied }: {
+    copied: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function AccountChoiceChip({ account, active, onClick, }: {
+    account: DepositAccountId;
+    active: boolean;
+    onClick: () => void;
+}): react_jsx_runtime.JSX.Element;
+declare function NetworkInfoDisclosure({ networks, className, }: {
+    networks: DepositNetworkKey[];
+    className?: string;
+}): react_jsx_runtime.JSX.Element | null;
+declare function MethodChoiceChip({ method, active, enabled, disabledReason, onClick, }: {
+    method: DepositTransferMethod;
+    active: boolean;
+    enabled: boolean;
+    disabledReason?: string;
+    onClick: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+interface DepositSuccessScreenProps {
+    handleDone: () => void;
+    displayTicker: string;
+    selectedAsset?: {
+        name?: string;
+    } | null;
+    network: DepositNetworkKey;
+    arkSubMode?: 'ark' | 'boarding';
+}
+declare function DepositSuccessScreen({ handleDone, displayTicker, selectedAsset, network, arkSubMode, }: DepositSuccessScreenProps): react_jsx_runtime.JSX.Element;
+
+interface DepositNetworkOption {
+    network: DepositNetworkKey;
+    account: DepositAccountId;
+    label: string;
+    description: string;
+    icon: ReactNode;
+    accentBg: string;
+    accentBorder: string;
+    accentText: string;
+}
+interface DepositNetworkDefaultModalProps {
+    open: boolean;
+    assetTicker: string;
+    availableAccounts: DepositAccountId[];
+    suggestedAccount: DepositAccountId;
+    onSelect: (network: DepositNetworkKey) => void;
+}
+declare function DepositNetworkDefaultModal({ open, assetTicker, availableAccounts, suggestedAccount, onSelect, }: DepositNetworkDefaultModalProps): react_jsx_runtime.JSX.Element | null;
+
+interface BtcUnifiedReceiveAddress {
+    network: DepositNetworkKey;
+    label: string;
+    value: string;
+}
+interface BtcUnifiedReceiveResult {
+    qrValue: string;
+    qrLabel: string;
+    addresses: BtcUnifiedReceiveAddress[];
+}
+interface BtcUnifiedReceiveProps {
+    btcSelectedAccount: DepositAccountId;
+    accountReceiveResult: BtcUnifiedReceiveResult;
+    invoiceStatus: string | null;
+    isInvoicePending: boolean;
+    isInvoicePaid: boolean;
+    isInvoiceFailedOrExpired: boolean;
+    amount: string;
+    handleAmountChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    loading: boolean;
+    copied: boolean;
+    copyToClipboard: (text: string) => Promise<void>;
+    setAddress: (value: string) => void;
+    setAmount: (value: string) => void;
+    setInvoiceStatus: (value: string | null) => void;
+    setAccountReceiveResult: (result: null) => void;
+    handleDone: () => void;
+}
+declare function BtcUnifiedReceive({ btcSelectedAccount, accountReceiveResult, invoiceStatus, isInvoicePending, isInvoicePaid, isInvoiceFailedOrExpired, amount, handleAmountChange, loading, copied, copyToClipboard, setAddress, setAmount, setInvoiceStatus, setAccountReceiveResult, handleDone, }: BtcUnifiedReceiveProps): react_jsx_runtime.JSX.Element;
+
+interface DepositGeneratedAsset {
+    ticker?: string;
+    name?: string;
+    precision?: number;
+}
+interface DepositGeneratedViewProps {
+    network: DepositNetworkKey;
+    net: DepositNetworkConfigEntry;
+    isBtc: boolean;
+    address: string;
+    addressLabel: string;
+    recipientId: string;
+    arkSubMode: 'ark' | 'boarding';
+    invoiceStatus: string | null;
+    isInvoicePending: boolean;
+    isInvoicePaid: boolean;
+    isInvoiceFailedOrExpired: boolean;
+    amount: string;
+    handleAmountChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    loading: boolean;
+    copied: boolean;
+    copyToClipboard: (text: string) => Promise<void>;
+    getUnitLabel: () => string;
+    selectedAsset: DepositGeneratedAsset | null;
+    maxDepositAmount: number;
+    setAddress: (value: string) => void;
+    setRecipientId: (value: string) => void;
+    setAmount: (value: string) => void;
+    setInvoiceStatus: (value: string | null) => void;
+    handleDone: () => void;
+}
+declare function DepositGeneratedView({ network, net, isBtc, address, addressLabel, recipientId, arkSubMode, invoiceStatus, isInvoicePending, isInvoicePaid, isInvoiceFailedOrExpired, amount, handleAmountChange, loading, copied, copyToClipboard, getUnitLabel, selectedAsset, maxDepositAmount, setAddress, setRecipientId, setAmount, setInvoiceStatus, handleDone, }: DepositGeneratedViewProps): react_jsx_runtime.JSX.Element;
+
+interface DepositPreGenerationAsset {
+    ticker?: string;
+    precision?: number;
+}
+interface DepositPreGenerationProps {
+    selectedAsset: DepositPreGenerationAsset | null;
+    isBtc: boolean;
+    network: DepositNetworkKey;
+    net: DepositNetworkConfigEntry;
+    selectedAccount: DepositAccountId;
+    currentMethod: DepositTransferMethod;
+    channelsLoading: boolean;
+    showChannelWarning: boolean;
+    showLiquidityWarning: boolean;
+    isAutoGenerate: boolean;
+    loading: boolean;
+    usePrivacy: boolean;
+    setUsePrivacy: (value: boolean) => void;
+    amount: string;
+    handleAmountChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    getUnitLabel: () => string;
+    generateInvoice: () => Promise<void>;
+}
+declare function DepositPreGeneration({ selectedAsset, isBtc, network, net, selectedAccount, currentMethod, channelsLoading, showChannelWarning, showLiquidityWarning, isAutoGenerate, loading, usePrivacy, setUsePrivacy, amount, handleAmountChange, getUnitLabel, generateInvoice, }: DepositPreGenerationProps): react_jsx_runtime.JSX.Element;
+
+interface DepositSelectionAsset {
+    asset_id: string;
+    ticker: string;
+    name?: string;
+    precision?: number;
+}
+interface DepositAssetSelectionProps<TView extends string = string> {
+    setCurrentView: (view: TView) => void;
+    isNewAsset: boolean;
+    newAssetAccount: DepositAccountId | null;
+    newAssetId: string;
+    setNewAssetId: (value: string) => void;
+    searchQuery: string;
+    setSearchQuery: (value: string) => void;
+    filteredAssets: DepositSelectionAsset[];
+    onSelectAsset: (asset: DepositSelectionAsset) => void;
+    handleAddNewAsset: (account: DepositAccountId) => void;
+    handleContinueToGenerate: () => void;
+    isRgbConnected: boolean;
+    isSparkConnected: boolean;
+    isArkadeConnected: boolean;
+}
+declare function DepositAssetSelection<TView extends string = string>({ setCurrentView, isNewAsset, newAssetAccount, newAssetId, setNewAssetId, searchQuery, setSearchQuery, filteredAssets, onSelectAsset, handleAddNewAsset, handleContinueToGenerate, isRgbConnected, isSparkConnected, isArkadeConnected, }: DepositAssetSelectionProps<TView>): react_jsx_runtime.JSX.Element;
+
+interface DepositInvoiceAsset {
+    asset_id?: string;
+    ticker?: string;
+    name?: string;
+    precision?: number;
+}
+interface DepositGenerationController {
+    amount: string;
+    address: string;
+    recipientId: string;
+    loading: boolean;
+    depositDetected: boolean;
+    invoiceStatus: string | null;
+    isInvoicePending: boolean;
+    isInvoicePaid: boolean;
+    isInvoiceFailedOrExpired: boolean;
+    accountReceiveResult: BtcUnifiedReceiveResult | null;
+    copied: boolean;
+    handleAmountChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    generateInvoice: () => Promise<void>;
+    copyToClipboard: (text: string) => Promise<void>;
+    getUnitLabel: () => string;
+    setAddress: (value: string) => void;
+    setRecipientId: (value: string) => void;
+    setAmount: (value: string) => void;
+    setInvoiceStatus: (value: string | null) => void;
+    setAccountReceiveResult: (result: null) => void;
+}
+interface DepositInvoiceGenerationProps {
+    handleBack: () => void;
+    handleDone: () => void;
+    selectedAsset: DepositInvoiceAsset | null;
+    selectedAssetId: string;
+    isNewAsset: boolean;
+    channelsLoading: boolean;
+    channels: unknown[];
+    network: DepositNetworkKey;
+    setNetwork: (network: DepositNetworkKey) => void;
+    isLightningAvailable: boolean;
+    isRgbConnected: boolean;
+    isSparkConnected: boolean;
+    isArkadeConnected: boolean;
+    isSparkLightning: boolean;
+    maxDepositAmount: number;
+    usePrivacy: boolean;
+    setUsePrivacy: (value: boolean) => void;
+    walletChoice: 'RGB' | 'SPARK';
+    setWalletChoice: (choice: 'RGB' | 'SPARK') => void;
+    arkSubMode: 'ark' | 'boarding';
+    setArkSubMode: (mode: 'ark' | 'boarding') => void;
+    btcSelectedAccount: DepositAccountId;
+    gen: DepositGenerationController;
 }
+declare function DepositInvoiceGeneration({ handleBack, handleDone, selectedAsset, selectedAssetId, isNewAsset, channelsLoading, channels, network, setNetwork, isLightningAvailable, isRgbConnected, isSparkConnected, isArkadeConnected, isSparkLightning, maxDepositAmount, usePrivacy, setUsePrivacy, walletChoice, setWalletChoice, arkSubMode, setArkSubMode, btcSelectedAccount, gen, }: DepositInvoiceGenerationProps): react_jsx_runtime.JSX.Element;
 
 type ToasterToast = ToastProps & {
     id: string;
@@ -305,4 +1228,4 @@ declare function getFallbackAssetIconUrl(seed: string): string;
  */
 declare function useAssetIcon(ticker: string, cdnBaseUrl?: string): string;
 
-export { AlertBanner, AssetCard, type AssetCardProps, AssetIcon, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Icon, type IconProps, Icons, Input, type InputProps, Label, NetworkBadge, type NetworkType, PageHeader, type PageHeaderProps, SectionLabel, SettingItem, StatusBadge, type StatusType, Tabs, TabsContent, TabsList, TabsTrigger, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, TransactionCard, type TransactionCardProps, buttonVariants, cn, getAssetIconUrl, getFallbackAssetIconUrl, toast, useAssetIcon, useToast };
+export { AccountCapabilitiesCard, type AccountCapabilitiesCardProps, AccountChoiceChip, AccountHeaderIcons, AccountInfoGrid, AccountNetworkNotice, AccountNetworkPicker, AccountNetworkSelector, AccountNotice, type AccountSettingsNetwork, type AccountSettingsProtocol, AccountSettingsRow, AccountSettingsShell, AccountStatusPills, type AccountStatusTabItem, AccountStatusTabs, type AccountStatusTabsProps, ActionTile, type ActionTileProps, ActivityDetailRow, type ActivityDetailRowProps, ActivityFilterBar, type ActivityFilterBarProps, ActivityList, type ActivityListItem, type ActivityListProps, type ActivityNetworkFilterOption, type ActivityNetworkFilterValue, ActivityNetworkFilters, type ActivityNetworkFiltersProps, type ActivityStatusOption, type ActivityTypeTabCounts, type ActivityTypeTabValue, ActivityTypeTabs, AlertBanner, AppIcon, type AppIconName, type AppIconProps, ArkadeNetworkIcon, AssetCard, type AssetCardProps, AssetIcon, AssetSelector, type AssetSelectorCategory, type AssetSelectorOption, type AssetSelectorProps, BalanceBreakdown, type BalanceBreakdownAccounts, type BalanceBreakdownAsset, type BalanceBreakdownNodeInfo, type BalanceBreakdownProps, BottomNav, type BottomNavItem, type BottomNavProps, BtcUnifiedReceive, type BtcUnifiedReceiveAddress, type BtcUnifiedReceiveProps, type BtcUnifiedReceiveResult, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CopyIcon, type DepositAccountId, DepositAssetSelection, type DepositAssetSelectionProps, type DepositGeneratedAsset, DepositGeneratedView, type DepositGeneratedViewProps, type DepositGenerationController, type DepositInvoiceAsset, DepositInvoiceGeneration, type DepositInvoiceGenerationProps, type DepositNetworkConfigEntry, DepositNetworkDefaultModal, type DepositNetworkDefaultModalProps, type DepositNetworkKey, type DepositNetworkOption, DepositPreGeneration, type DepositPreGenerationAsset, type DepositPreGenerationProps, type DepositSelectionAsset, DepositSuccessScreen, type DepositSuccessScreenProps, type DepositTransferMethod, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, ErrorCard, type ErrorCardProps, ExpandIcon, FadeOverlay, type FadeOverlayProps, FilterDropdown, type FilterDropdownOption, type FilterDropdownProps, HeadlineGradient, type HeadlineGradientProps, Icon, type IconProps, Icons, InlineAction, Input, type InputProps, InvoiceStatusBanner, Label, LightningNetworkIcon, LoadingCard, type LoadingCardProps, MethodChoiceChip, NETWORK_CONFIG, NetworkBadge, type NetworkBadgeProps, type NetworkIconProps, NetworkInfoDisclosure, type NetworkType, NumberInput, type NumberInputProps, PageHeader, type PageHeaderProps, PageShell, type PageShellProps, PaidOverlay, QrCode, type QrCodeProps, SectionLabel, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, SettingItem, SettingsActionButton, SettingsStatusPanel, SettingsTile, type SettingsTileProps, SparkNetworkIcon, StatusBadge, type StatusType, SwapInputCard, type SwapInputCardProps, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, TransactionCard, type TransactionCardProps, TransferRouteCard, WalletAssetList, type WalletAssetListEmptyState, type WalletAssetListItem, type WalletAssetListProps, type WithdrawAddressType, WithdrawAmountInput, type WithdrawAmountInputProps, WithdrawConfirmation, type WithdrawConfirmationProps, type WithdrawConfirmationRgbInvoice, type WithdrawDecodedLnInvoice, type WithdrawDecodedRgbInvoice, WithdrawDestinationInput, type WithdrawDestinationInputProps, type WithdrawInvoiceAsset, WithdrawInvoiceInfo, type WithdrawInvoiceInfoLnInvoice, type WithdrawInvoiceInfoProps, type WithdrawInvoiceInfoRgbInvoice, type WithdrawLnurlPayData, type WithdrawRouteOption, WithdrawRouteSelector, type WithdrawRouteSelectorProps, type WithdrawRouteSummary, WithdrawSuccess, type WithdrawSuccessProps, buttonVariants, cn, getAccountNetworkLabel, getAccountNetworkUi, getAccountStatusUi, getActivityNetworkFilterIcon, getAssetIconUrl, getFallbackAssetIconUrl, toast, useAssetIcon, useToast };