@chainberry/ui-components 1.0.2 → 1.0.3

package/dist/index.d.ts

@@ -1,77 +1,2162 @@
-import { Badge } from '../../../react-app/src/components/nav/Badge';
-import { BadgeVariant } from '../../../react-app/src/components/nav/Badge';
-import { Button } from '../../../react-app/src/components/ui/button';
-import { buttonVariants } from '../../../react-app/src/components/ui/button';
-import { ComponentProps } from '../../../react-app/node_modules/@types/react';
-import { findNavItem } from '../../../react-app/src/components/nav/navConfig';
-import { FULL_NAV } from '../../../react-app/src/components/nav/navConfig';
-import { ICON_NAMES } from '../../../react-app/src/components/nav/icons';
-import { IconName } from '../../../react-app/src/components/nav/icons';
-import { ICONS } from '../../../react-app/src/components/nav/icons';
-import { Logo } from '../../../react-app/src/components/nav/Logo';
-import { NAV_ITEMS } from '../../../react-app/src/components/nav/navConfig';
-import { NAV_PRESETS } from '../../../react-app/src/components/nav/navConfig';
-import { NavDrawer } from '../../../react-app/src/components/nav/NavDrawer';
-import { NavGroup } from '../../../react-app/src/components/nav/NavGroup';
-import { NavGroupConfig } from '../../../react-app/src/components/nav/navConfig';
-import { NavIcon } from '../../../react-app/src/components/nav/NavIcon';
-import { NavItem } from '../../../react-app/src/components/nav/NavItem';
-import { NavItemConfig } from '../../../react-app/src/components/nav/navConfig';
-import { NavItemProps } from '../../../react-app/src/components/nav/NavItem';
-import { NavLabel } from '../../../react-app/src/components/nav/NavLabel';
-import { NavPreset } from '../../../react-app/src/components/nav/navConfig';
-import { PRIMARY_NAV } from '../../../react-app/src/components/nav/navConfig';
-import { SectionHeading } from '../../../react-app/src/components/nav/SectionHeading';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { ClassProp } from 'class-variance-authority/types';
+import { ComponentProps } from 'react';
+import { Context } from 'react';
+import { DayPicker } from 'react-day-picker';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { IconSvgElement } from '@hugeicons/react';
+import { JSX } from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as React_2 from 'react';
+import { ReactNode } from 'react';
+import { Separator as Separator_2 } from 'radix-ui';
+import { Tabs as Tabs_2 } from 'radix-ui';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { VariantProps } from 'class-variance-authority';
 
+/** Earliest date the account has data for — the lower bound of "Maximum". */
+declare const ACCOUNT_START: Date;
+
+export declare function ActionFooter({ actions, bleed, className, ...props }: {
+    actions: FooterAction[];
+    /** "dialog" → break out of a Dialog's p-6 to sit flush at the bottom */
+    bleed?: "dialog";
+    className?: string;
+} & Omit<ComponentProps<"div">, "className">): JSX.Element;
+
+export declare function AppHeaderV1({ user, navMode, onNavModeChange, headerMode, onHeaderModeChange, onAccount, onLogout, onTakeTour, onResetDemo, }: {
+    user?: HeaderUser;
+    navMode?: NavPreset;
+    onNavModeChange?: (mode: NavPreset) => void;
+    headerMode?: HeaderMode;
+    onHeaderModeChange?: (mode: HeaderMode) => void;
+    onAccount?: () => void;
+    onLogout?: () => void;
+    onTakeTour?: () => void;
+    onResetDemo?: () => void;
+}): JSX.Element;
+
+export declare function AppHeaderV2({ user, navMode, onNavModeChange, headerMode, onHeaderModeChange, notifications, searchPlaceholder, extension, onNavigate, onAccount, onLogout, onTakeTour, onResetDemo, onViewAllNotifications, }: {
+    user?: HeaderUser;
+    navMode?: NavPreset;
+    onNavModeChange?: (mode: NavPreset) => void;
+    headerMode?: HeaderMode;
+    onHeaderModeChange?: (mode: HeaderMode) => void;
+    notifications?: NotificationItemData[];
+    searchPlaceholder?: string;
+    /** Extra px the frosted background grows downward, so a page's sticky
+     sub-header shares this ONE blurred surface (no second backdrop-filter). */
+    extension?: number;
+    /** navigate to an app page (from the search "Go to" results) */
+    onNavigate?: (id: string) => void;
+    onAccount?: () => void;
+    onLogout?: () => void;
+    onTakeTour?: () => void;
+    onResetDemo?: () => void;
+    onViewAllNotifications?: () => void;
+}): JSX.Element;
+
+/** Fallback for any asset without an explicit colour above. */
+declare const ASSET_COLOR_FALLBACK = "#94A3B8";
+
+/** Stable brand-ish colour per asset, so a code shows the same hue in every
+ donut and legend. Shades stay within the app's blue → violet → cyan family. */
+declare const ASSET_COLORS: Record<string, string>;
+
+/** Distinct currency/network pairs present in the ledger, sorted. */
+declare const ASSET_OPTIONS: AssetOption[];
+
+declare function assetColor(code: string): string;
+
+declare type AssetOption = {
+    key: string;
+    currency: string;
+    network: string;
+};
+
+/** One slice of an asset-breakdown donut. */
+declare type AssetSlice = {
+    /** asset code, e.g. "USDT" */
+    code: string;
+    /** whole-number percentage of the total */
+    percent: number;
+    /** formatted fiat value for this slice, e.g. "$359.68" (for tooltips) */
+    amount?: string;
+};
+
+export declare function AssetValue({ value, code, icon, className, }: {
+    /** the text to show, e.g. "USDT" or "1,582.18 USDT" */
+    value: string;
+    /** currency/network code — drives the logo (and its initials fallback) */
+    code: string;
+    /** show the leading coin logo */
+    icon?: boolean;
+    className?: string;
+}): JSX.Element;
+
+export declare function Avatar({ src, name, size, className, }: {
+    src?: string;
+    name?: string;
+    size?: number;
+    className?: string;
+}): JSX.Element;
+
+declare function Badge({ variant, value, }: {
+    variant?: BadgeVariant;
+    /** text for the count variant; ignored by soon/ext */
+    value?: string | number;
+}): JSX.Element;
 export { Badge }
 export { Badge as NavBadge }
 
+export declare type BadgeTone = "primary" | "sky" | "emerald" | "amber" | "red" | "slate" | "violet" | "orange";
+
+declare type BadgeVariant = "count" | "soon" | "ext";
 export { BadgeVariant }
 export { BadgeVariant as NavBadgeVariant }
 
-export { Button }
+export declare const badgeVariants: (props?: ({
+    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare namespace balancesData {
+    export {
+        balancesTotals,
+        CURRENCY_BALANCES
+    }
+}
+
+export declare namespace balancesRecentTransactions {
+    export {
+        RecentTxDirection,
+        WalletRef,
+        RecentTransaction,
+        RECENT_TRANSACTIONS,
+        RECENT_TRANSACTIONS as default
+    }
+}
+
+export declare function BalancesSummary({ totalAssets, totalPending, activeWallets, totalWallets, 
+    /** When false, hides the "/ total" suffix and shows just the active count. */
+    showTotalWallets, 
+    /** When true, renders the Total pending value in amber (matches the table). */
+    pendingAmber, className, }: {
+    totalAssets: string;
+    totalPending: string;
+    activeWallets: number;
+    totalWallets: number;
+    showTotalWallets?: boolean;
+    pendingAmber?: boolean;
+    className?: string;
+}): JSX.Element;
+
+/** Roll-up shown in the summary card at the top of the Balances screen. */
+declare function balancesTotals(balances: CurrencyBalance[]): {
+    totalAssets: string;
+    totalPending: string;
+    activeWallets: number;
+    totalWallets: number;
+};
+
+export declare namespace balancesTypes {
+    export {
+        Wallet,
+        CurrencyBalance
+    }
+}
+
+export declare function BlockchainDetails({ detail, show, showRefund, className, }: {
+    detail: TransactionDetail;
+    show?: Partial<Record<BlockchainField, boolean>>;
+    /** render the second "Refund" block */
+    showRefund?: boolean;
+    className?: string;
+}): JSX.Element;
+
+export declare type BlockchainField = "from" | "fromWallet" | "fromTag" | "to" | "toWallet" | "toTag" | "hash" | "fee";
+
+export declare function Button({ className, variant, size, asChild, ...props }: React_2.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): React_2.JSX.Element;
+
+declare type ButtonVariant = ComponentProps<typeof Button>["variant"];
+
+export declare const buttonVariants: (props?: ({
+    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Calendar({ className, classNames, showOutsideDays, ...props }: ComponentProps<typeof DayPicker>): JSX.Element;
+
+export declare function Checkbox({ className, ...props }: ComponentProps<typeof CheckboxPrimitive.Root>): JSX.Element;
+
+/** A convertible asset and its live USD price (drives rates + fiat values). */
+declare type Coin = {
+    code: string;
+    name: string;
+    /** USD price of one unit, e.g. 3121 for ETH */
+    price: number;
+    /** networks this coin can be received on, e.g. ["ETH", "TRON"] */
+    networks: string[];
+};
+
+/** A depositable asset and the networks it can be received over. */
+declare type Coin_2 = {
+    code: string;
+    name: string;
+    /** network codes valid for this coin, e.g. ["ETH", "TRON"] */
+    networks: string[];
+};
+
+/** A withdrawable asset and the networks it can be sent over. */
+declare type Coin_3 = {
+    code: string;
+    name: string;
+    /** network codes valid for this coin, e.g. ["ETH", "TRON"] */
+    networks: string[];
+};
+
+export declare function CoinLogo({ src, code, className, }: {
+    /** image URL; when absent, initials are shown */
+    src?: string;
+    /** currency/network code — used for alt text and the initials fallback */
+    code: string;
+    className?: string;
+}): JSX.Element;
+
+/** Convertible assets and their live USD price. */
+declare const COINS: Coin[];
+
+/** Depositable assets and the networks each can arrive over. */
+declare const COINS_2: Coin_2[];
+
+/** Withdrawable assets and the networks each can move over. */
+declare const COINS_3: Coin_3[];
+
+/** Path to an asset logo, or undefined when we have no artwork for the code. */
+declare function coinSrc(code: string): string | undefined;
+
+export declare type Column<T> = {
+    id: string;
+    /** header label — also the label shown in the Columns menu */
+    header: string;
+    cell: (row: T) => ReactNode;
+    align?: "start" | "end";
+    /** enable click-to-sort on this column (requires `sortValue`) */
+    sortable?: boolean;
+    /** comparable value used for sorting (number sorts numerically) */
+    sortValue?: (row: T) => number | string;
+    /** false → column can't be hidden from the Columns menu */
+    canHide?: boolean;
+    headClassName?: string;
+    cellClassName?: string;
+    /** custom placeholder shown in this column while `loading` */
+    skeleton?: ReactNode;
+};
+
+export declare type ColumnOption = {
+    id: string;
+    label: string;
+    /** false → shown as disabled (cannot be hidden) */
+    canHide?: boolean;
+};
+
+export declare function ColumnsMenu({ columns, visible, onChange, label, }: {
+    columns: ColumnOption[];
+    visible: Record<string, boolean>;
+    onChange: (id: string, next: boolean) => void;
+    label?: string;
+}): JSX.Element;
+
+export declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, destructive, onConfirm, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: ReactNode;
+    description?: ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    destructive?: boolean;
+    onConfirm: () => void;
+}): JSX.Element;
+
+/** Past conversions — the team audit trail. Mixed members, wallets and pairs. */
+declare const CONVERSION_HISTORY: ConversionRecord[];
+
+/** One past conversion — the team audit trail. */
+declare type ConversionRecord = {
+    id: string;
+    /** e.g. "Jul 14, 2026" */
+    date: string;
+    /** e.g. "02:27 PM" */
+    time: string;
+    /** team member who initiated it */
+    initiator: string;
+    /** wallet the funds were converted from */
+    wallet: string;
+    fromCoin: string;
+    toCoin: string;
+    /** signed from figure — an outflow, e.g. "-2.00" */
+    fromAmount: string;
+    /** signed to figure — an inflow, e.g. "+6,229.32" */
+    toAmount: string;
+    /** human rate line, e.g. "1 ETH = 3,121.00 USDT" */
+    rate: string;
+    /** USD value of the conversion, e.g. "$6,242.00" */
+    fiatValue: string;
+    status: TxStatus;
+};
+
+/** Conversion fee taken on every swap (0.2%). */
+declare const CONVERT_FEE_RATE = 0.002;
+
+export declare namespace convertData {
+    export {
+        figureToNumber,
+        formatUsd,
+        formatCrypto,
+        CONVERT_FEE_RATE,
+        NETWORK_NAMES,
+        COINS,
+        HOLDINGS,
+        CONVERSION_HISTORY
+    }
+}
+
+export declare function ConvertHistoryTable({ data, className, }: {
+    data: ConversionRecord[];
+    className?: string;
+}): JSX.Element;
+
+export declare function ConvertPanel({ currentUser, onSubmit, className, }: {
+    /** team member shown as the initiator of a submitted conversion */
+    currentUser?: string;
+    /** called when a conversion is confirmed — e.g. to prepend it to history */
+    onSubmit?: (record: ConversionRecord) => void;
+    className?: string;
+}): JSX.Element;
+
+export declare function ConvertPickerField({ id, label, value, options, onChange, placeholder, emptyMessage, disabled, className, }: {
+    id?: string;
+    label?: ReactNode;
+    value: string | null;
+    options: ConvertPickerOption[];
+    onChange: (value: string) => void;
+    placeholder?: ReactNode;
+    emptyMessage?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+}): JSX.Element;
+
+export declare type ConvertPickerOption = {
+    value: string;
+    /** primary line — shown both in the list and in the closed trigger */
+    label: ReactNode;
+    /** muted secondary line */
+    sublabel?: ReactNode;
+    /** leading visual, e.g. <CoinLogo /> or <CurrencyNetwork /> */
+    leading?: ReactNode;
+    /** right-aligned trailing content, e.g. an available balance */
+    meta?: ReactNode;
+    disabled?: boolean;
+};
+
+export declare function ConvertSummary({ fromCoin, toCoin, payAmount, payFiat, receiveAmount, receiveFiat, rateLabel, feeLabel, fromWalletName, fromWalletAddress, toWalletName, toWalletAddress, footer, className, }: {
+    fromCoin: string | null;
+    toCoin: string | null;
+    payAmount?: string | null;
+    payFiat?: string | null;
+    receiveAmount?: string | null;
+    receiveFiat?: string | null;
+    rateLabel?: string | null;
+    feeLabel?: string | null;
+    fromWalletName?: string | null;
+    fromWalletAddress?: string | null;
+    toWalletName?: string | null;
+    toWalletAddress?: string | null;
+    footer?: ReactNode;
+    className?: string;
+}): JSX.Element;
+
+export declare namespace convertTypes {
+    export {
+        Coin,
+        Holding,
+        ConversionRecord
+    }
+}
+
+export declare function CopyableId({ value, head, tail, revealOnHover, asLink, href, className, }: {
+    value: string;
+    head?: number;
+    tail?: number;
+    revealOnHover?: boolean;
+    /** render the value as a TextLink instead of plain monospace text */
+    asLink?: boolean;
+    href?: string;
+    className?: string;
+}): JSX.Element;
+
+export declare function CopyButton({ value, className }: {
+    value: string;
+    className?: string;
+}): JSX.Element;
+
+/** How many rows the current selection matches across the full ledger. */
+declare function countMatches(f: TxFilter): number;
+
+declare const CURRENCY_BALANCES: CurrencyBalance[];
+
+/** One currency's rolled-up balance plus the Main/Payout wallets it holds. */
+declare type CurrencyBalance = {
+    /** Asset ticker, e.g. "USDT". */
+    code: string;
+    /** Full currency name, e.g. "Tether". */
+    name: string;
+    totalAmount: string;
+    totalAmountFiat: string;
+    totalPending: string;
+    totalPendingFiat: string;
+    wallets: Wallet[];
+};
+
+export declare function CurrencyNetwork({ code, network, codeSrc, networkSrc, size, className, }: {
+    code: string;
+    network: string;
+    /** resolved logo URLs (e.g. from an asset map); initials shown when absent */
+    codeSrc?: string;
+    networkSrc?: string;
+    /** icon scale — "sm" (default) or "md" (larger) */
+    size?: keyof typeof SIZES;
+    className?: string;
+}): JSX.Element;
+
+declare const DAILY_BALANCES: DailyBalance[];
+
+/** One day in the daily-balances ledger. `null` figures render as an em dash. */
+declare type DailyBalance = {
+    date: string;
+    openingBalance: string | null;
+    closingBalance: string | null;
+    /** signed diff string, e.g. "$4.83"; `null` renders as an em dash */
+    diff: string | null;
+    userDeposits: string;
+    userWithdrawals: string;
+    otherDeposits: string;
+    otherWithdrawals: string;
+};
+
+export declare function DailyBalancesTable({ data, pageSize, }: {
+    data: DailyBalance[];
+    /** paginate when set; omit to render every row */
+    pageSize?: number;
+}): JSX.Element;
+
+export declare function DataTable<T>({ columns, data, getRowId, layout, density, pageSize, loading, skeletonRows, searchable, searchPlaceholder, searchFilter, searchScopes, defaultSearchScope, onSearchScopeChange, query: queryProp, onQueryChange, columnToggle, columnVisibility: columnVisibilityProp, onColumnVisibilityChange, onRowClick, rowLeading, emptyMessage, toolbarFilters, toolbarActions, toolbarBelow, }: DataTableProps<T>): JSX.Element;
+
+export declare type DataTableProps<T> = {
+    columns: Column<T>[];
+    data: T[];
+    /** stable unique key per row */
+    getRowId: (row: T) => string;
+    layout?: "auto" | "fill";
+    /** row vertical padding: "comfortable" (default) or "compact" (shorter rows) */
+    density?: "comfortable" | "compact";
+    /** rows per page; omit to show all rows and hide the footer */
+    pageSize?: number;
+    loading?: boolean;
+    /** skeleton rows to render while loading (default 10) */
+    skeletonRows?: number;
+    /** render a search input in the toolbar (needs `searchFilter`) */
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    searchFilter?: (row: T, query: string) => boolean;
+    /** Optional field-scope dropdown at the right of the search box. UI only:
+     picking a scope swaps the placeholder to "Search by <label>" and notifies
+     `onSearchScopeChange`; it does NOT filter (that's the backend's job). */
+    searchScopes?: {
+        value: string;
+        label: string;
+    }[];
+    defaultSearchScope?: string;
+    onSearchScopeChange?: (value: string) => void;
+    /** controlled search query — drives filtering even when the built-in search
+     input isn't rendered (e.g. when an external toolbar owns it) */
+    query?: string;
+    onQueryChange?: (value: string) => void;
+    /** render the Columns visibility menu in the toolbar */
+    columnToggle?: boolean;
+    /** controlled column visibility (else internal state) */
+    columnVisibility?: Record<string, boolean>;
+    onColumnVisibilityChange?: (id: string, next: boolean) => void;
+    onRowClick?: (row: T) => void;
+    /** leading cell before the first column (e.g. a status dot) */
+    rowLeading?: (row: T) => ReactNode;
+    emptyMessage?: ReactNode;
+    /** toolbar slots — domain-specific controls */
+    toolbarFilters?: ReactNode;
+    toolbarActions?: ReactNode;
+    toolbarBelow?: ReactNode;
+};
+
+declare type DateField = "createdAt" | "confirmedAt";
+
+/** Past incoming deposits — the audit trail of received funds. Mixed senders,
+ receiving wallets, chains and statuses (confirmed / processing / pending). */
+declare const DEPOSIT_HISTORY: DepositRecord[];
+
+/** Named treasury wallets that can receive funds. Their address is the deposit
+ address shown for the chosen coin+network. */
+declare const DEPOSIT_WALLETS: DepositWallet[];
+
+export declare namespace depositData {
+    export {
+        figureToNumber_2 as figureToNumber,
+        formatUsd_2 as formatUsd,
+        NETWORKS,
+        COINS_2 as COINS,
+        DEPOSIT_WALLETS,
+        DEPOSIT_HISTORY
+    }
+}
+
+export declare function DepositHistoryTable({ data, className, }: {
+    data: DepositRecord[];
+    className?: string;
+}): JSX.Element;
+
+export declare function DepositPanel({ className }: {
+    className?: string;
+}): JSX.Element;
+
+export declare function DepositPickerField({ id, label, value, options, onChange, placeholder, emptyMessage, disabled, className, }: {
+    id?: string;
+    label?: ReactNode;
+    value: string | null;
+    options: DepositPickerOption[];
+    onChange: (value: string) => void;
+    placeholder?: ReactNode;
+    emptyMessage?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+}): JSX.Element;
+
+export declare type DepositPickerOption = {
+    value: string;
+    /** primary line — shown both in the list and in the closed trigger */
+    label: ReactNode;
+    /** muted secondary line */
+    sublabel?: ReactNode;
+    /** leading visual, e.g. <CoinLogo /> or <CurrencyNetwork /> */
+    leading?: ReactNode;
+    /** right-aligned trailing content, e.g. an available balance */
+    meta?: ReactNode;
+    disabled?: boolean;
+};
+
+export declare function DepositReceiveCard({ wallet, coin, network, networkName, className, }: {
+    wallet: DepositWallet | null;
+    coin: string | null;
+    network: string | null;
+    networkName?: string;
+    className?: string;
+}): JSX.Element;
+
+/** One past incoming deposit — the audit trail of received funds. */
+declare type DepositRecord = {
+    id: string;
+    /** e.g. "Jul 14, 2026" */
+    date: string;
+    /** e.g. "02:27 PM" */
+    time: string;
+    /** external sender's on-chain address the funds came from */
+    fromAddress: string;
+    /** named treasury wallet that received it, e.g. "Low Risk Wallet" */
+    toWallet: string;
+    toAddress: string;
+    coin: string;
+    network: string;
+    /** signed crypto figure — an inflow, e.g. "+1,200.00" */
+    amount: string;
+    /** signed fiat sub-line, e.g. "+$1,200.00" */
+    amountFiat: string;
+    /** confirmation progress, e.g. "12/12" — omit when not applicable */
+    confirmations?: string;
+    status: TxStatus;
+};
+
+export declare namespace depositTypes {
+    export {
+        Network,
+        Coin_2 as Coin,
+        DepositWallet,
+        DepositRecord
+    }
+}
+
+/** A named treasury wallet that can RECEIVE funds — its address is the deposit
+ address for the chosen coin+network. */
+declare type DepositWallet = {
+    id: string;
+    /** human label, e.g. "Low Risk Wallet" */
+    name: string;
+    /** optional risk/purpose tag shown as a small pill */
+    purpose?: "low" | "medium" | "high" | "operational" | "payout";
+    coin: string;
+    network: string;
+    /** full on-chain deposit address (rendered in full + as a QR, copyable) */
+    address: string;
+    /** current balance, shown for context when picking */
+    amount: string;
+    amountFiat: string;
+    fiatRate: number;
+    /** destination tag / memo for tag-based chains (TON, XRP, …) — must be sent
+     alongside the address or the deposit can't be credited */
+    tag?: string;
+};
 
-export { buttonVariants }
+export declare function DetailField({ label, show, className, children, }: {
+    label: string;
+    /** false hides the field entirely */
+    show?: boolean;
+    className?: string;
+    children: ReactNode;
+}): JSX.Element | null;
 
-export { findNavItem }
+export declare function Dialog(props: ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
 
-export { FULL_NAV }
+export declare function DialogClose(props: ComponentProps<typeof DialogPrimitive.Close>): JSX.Element;
 
-export { ICON_NAMES }
+export declare function DialogContent({ className, children, showClose, ...props }: ComponentProps<typeof DialogPrimitive.Content> & {
+    showClose?: boolean;
+}): JSX.Element;
 
-export { IconName }
+export declare function DialogDescription({ className, ...props }: ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
 
-export { ICONS }
+export declare function DialogFooter({ className, ...props }: ComponentProps<"div">): JSX.Element;
 
-export { Logo }
+export declare function DialogHeader({ className, ...props }: ComponentProps<"div">): JSX.Element;
 
-export { NAV_ITEMS }
+export declare function DialogTitle({ className, ...props }: ComponentProps<typeof DialogPrimitive.Title>): JSX.Element;
 
-export { NAV_PRESETS }
+export declare function DialogTrigger(props: ComponentProps<typeof DialogPrimitive.Trigger>): JSX.Element;
+
+export declare function DonutChart({ segments, size, thickness, gap, animate, className, }: {
+    segments: DonutSegment[];
+    /** rendered width/height in px */
+    size?: number;
+    /** ring thickness in viewBox units (viewBox is 100×100) */
+    thickness?: number;
+    /** gap between segments in viewBox units */
+    gap?: number;
+    /** draw the ring in on mount (default true) */
+    animate?: boolean;
+    className?: string;
+}): JSX.Element;
+
+export declare type DonutSegment = {
+    /** primary tooltip line + React key — e.g. the currency code "USDT" */
+    label: string;
+    /** any non-negative magnitude — segments are drawn proportional to the total */
+    value: number;
+    color: string;
+    /** secondary tooltip line — e.g. the amount "$359.68 · 28%" */
+    detail?: string;
+};
+
+export declare type DownloadFormat = {
+    label: string;
+    value: string;
+    icon?: IconSvgElement;
+};
+
+export declare function DownloadMenu({ formats, onDownload, label, align, className, }: {
+    formats?: DownloadFormat[];
+    onDownload?: (value: string) => void;
+    label?: string;
+    align?: "start" | "center" | "end";
+    className?: string;
+}): JSX.Element;
+
+export declare function DropdownMenu(props: ComponentProps<typeof DropdownMenuPrimitive.Root>): JSX.Element;
+
+export declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): JSX.Element;
+
+export declare function DropdownMenuContent({ className, sideOffset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Content>): JSX.Element;
+
+export declare function DropdownMenuGroup(props: ComponentProps<typeof DropdownMenuPrimitive.Group>): JSX.Element;
+
+export declare function DropdownMenuItem({ className, inset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function DropdownMenuLabel({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Label>): JSX.Element;
+
+export declare function DropdownMenuRadioGroup(props: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): JSX.Element;
+
+export declare function DropdownMenuRadioItem({ className, children, ...props }: ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): JSX.Element;
+
+export declare function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Separator>): JSX.Element;
+
+export declare function DropdownMenuSub(props: ComponentProps<typeof DropdownMenuPrimitive.Sub>): JSX.Element;
+
+export declare function DropdownMenuSubContent({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.SubContent>): JSX.Element;
+
+export declare function DropdownMenuSubTrigger({ className, children, ...props }: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger>): JSX.Element;
+
+export declare function DropdownMenuTrigger(props: ComponentProps<typeof DropdownMenuPrimitive.Trigger>): JSX.Element;
+
+declare const EMPTY_FILTER: TxFilter;
+
+declare type Endpoint = {
+    /** human label, e.g. a named wallet — omit for a raw typed address */
+    label?: string;
+    address: string;
+};
+
+declare const EXPORT_HISTORY: ExportEntry[];
+
+/** A previously generated export, listed under "Export history". */
+declare type ExportEntry = {
+    id: string;
+    file: string;
+    period: string;
+    generatedBy: string;
+};
+
+export declare function ExportHistoryList({ entries, onDownload, className, }: {
+    entries: ExportEntry[];
+    onDownload?: (entry: ExportEntry) => void;
+    className?: string;
+}): JSX.Element;
+
+/** "42,120.00" → 42120.0 (drops grouping commas and any sign). */
+declare function figureToNumber(value: string): number;
+
+/** "42,120.00" → 42120.0 (drops grouping commas and any sign). */
+declare function figureToNumber_2(value: string): number;
+
+/** "42,120.00" → 42120.0 (drops grouping commas and any sign). */
+declare function figureToNumber_3(value: string): number;
+
+declare function filterMatches(tx: Transaction, f: TxFilter): boolean;
+
+/** A short, human name summarizing the selection — used to prefill the preset name. */
+declare function filterToName(f: TxFilter): string;
+
+export declare function findNavItem(id: string): NavItemConfig | undefined;
+
+export declare type FooterAction = {
+    key?: string;
+    label: ReactNode;
+    onClick?: () => void;
+    variant?: ButtonVariant;
+    /** which side of the bar — default "end" (right) */
+    align?: "start" | "end";
+    disabled?: boolean;
+    type?: "button" | "submit";
+    className?: string;
+};
+
+/** Grouped crypto figure, 2–8 decimals, e.g. 6229.32 → "6,229.32". */
+declare function formatCrypto(value: number): string;
+
+/** Format a USD amount, e.g. 12000 → "$12,000.00". */
+declare function formatUsd(value: number): string;
+
+/** Format a USD amount, e.g. 12000 → "$12,000.00". */
+declare function formatUsd_2(value: number): string;
+
+/** Format a USD amount, e.g. 12000 → "$12,000.00". */
+declare function formatUsd_3(value: number): string;
+
+/** FULL_NAV — the complete app navigation. */
+export declare const FULL_NAV: NavGroupConfig[];
+
+/** Synthesise the full Reports dataset for a period + view. Pure + deterministic. */
+declare function getReportData(period: PeriodSelection, view?: ReportView): ReportData;
+
+/** Which app header is shown — V1 (no search, just this menu) or V2 (search). */
+export declare type HeaderMode = "v1" | "v2";
+
+export declare function HeaderSearch({ onNavigate, placeholder, docsBaseUrl, }: {
+    onNavigate?: (id: string) => void;
+    placeholder?: string;
+    docsBaseUrl?: string;
+}): JSX.Element;
+
+export declare const HeaderStickyContext: Context<HeaderStickyValue>;
+
+export declare type HeaderStickyValue = {
+    /** Pixels to grow the header's frosted background by (0 = just the header). */
+    setExtension: (px: number) => void;
+    /** Top offset (px) a page's sticky sub-header should pin to. */
+    stickyTop: number;
+};
+
+export declare type HeaderUser = {
+    name?: string;
+    avatarSrc?: string;
+};
+
+/** A treasury wallet holding a coin — a valid source to convert FROM. */
+declare type Holding = {
+    id: string;
+    /** wallet label, e.g. "Low Risk Wallet" */
+    name: string;
+    /** optional risk/purpose tag shown as a small pill */
+    purpose?: "low" | "medium" | "high" | "operational" | "payout";
+    coin: string;
+    /** network the holding sits on, e.g. "ETH" / "TRON" */
+    network: string;
+    /** the wallet's on-chain address (rendered truncated, copyable in full) */
+    address: string;
+    /** available crypto figure, pre-formatted (e.g. "16.100000") — also the limit */
+    amount: string;
+    amountFiat: string;
+};
+
+/** Treasury wallets holding each coin — valid sources to convert from. */
+declare const HOLDINGS: Holding[];
+
+export declare const ICON_NAMES: IconName[];
+
+export declare type IconName = keyof typeof icons;
+
+export declare const ICONS: {
+    grid: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    checkc: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    swap: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    shield: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    wallet: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    down: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    up: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    convert: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    transfer: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    book: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    invoice: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    payout: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    bank: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    chart: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    code: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    widget: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    org: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    users: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    list: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    card: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    help: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    coins: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    safe: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    useraccount: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    global: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    settings: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+};
+
+declare const icons: {
+    grid: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    checkc: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    swap: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    shield: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    wallet: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    down: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    up: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    convert: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    transfer: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    book: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    invoice: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    payout: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    bank: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    chart: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    code: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    widget: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    org: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    users: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    list: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    card: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    help: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    coins: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    safe: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    useraccount: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    global: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    settings: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+};
+
+export declare function Input({ className, type, ...props }: React_2.ComponentProps<"input">): React_2.JSX.Element;
+
+declare function isFilterEmpty(f: TxFilter): boolean;
+
+export declare function Label({ className, ...props }: ComponentProps<typeof LabelPrimitive.Root>): JSX.Element;
+
+export declare function Logo({ src, alt, href, collapsed, }: {
+    src?: string;
+    alt?: string;
+    href?: string;
+    collapsed?: boolean;
+}): JSX.Element;
+
+/** Flat id → item lookup across both presets (for route → page wiring). PRIMARY
+ listed first so FULL wins for shared ids, while PRIMARY-only ids (e.g. the
+ Treasury "All Transactions") still resolve. */
+export declare const NAV_ITEMS: Record<string, NavItemConfig>;
+
+/** Named presets, for Storybook selects and app wiring. */
+export declare const NAV_PRESETS: Record<NavPreset, NavGroupConfig[]>;
 
 /** @deprecated use the props of `Badge` instead. */
 export declare type NavBadgeProps = ComponentProps<typeof Badge>;
 
-export { NavDrawer }
+export declare function NavDrawer({ config, preset, activeId, collapsed: collapsedProp, logoSrc, onNavigate, }: {
+    /** explicit nav config; overrides preset */
+    config?: NavGroupConfig[];
+    preset?: NavPreset;
+    activeId?: string;
+    collapsed?: boolean;
+    /** override the logo image */
+    logoSrc?: string;
+    onNavigate?: (id: string) => void;
+}): JSX.Element;
+
+export declare function NavGroup({ label, icon, items, divider, activeId, collapsed, open, onToggle, onNavigate, }: {
+    label?: string;
+    icon?: IconName;
+    items?: NavItemConfig[];
+    /** draw a separator rule above the group */
+    divider?: boolean;
+    activeId?: string;
+    collapsed?: boolean;
+    /** controlled expanded state (accordion). Falls back to internal state. */
+    open?: boolean;
+    onToggle?: () => void;
+    onNavigate?: (id: string) => void;
+}): JSX.Element;
+
+export declare type NavGroupConfig = {
+    /** section heading; omit for ungrouped top-level rows */
+    label?: string;
+    /** icon shown next to the heading; makes the section a collapsible row */
+    icon?: IconName;
+    /** render a separator rule above this group */
+    divider?: boolean;
+    items: NavItemConfig[];
+};
+
+export declare function NavIcon({ name, active, size, }: {
+    name?: IconName;
+    active?: boolean;
+    size?: number;
+}): JSX.Element;
+
+export declare function NavItem({ id, label, icon, active, collapsed, sub, badge, soon, ext, onNavigate, }: NavItemProps): JSX.Element;
+
+export declare type NavItemConfig = {
+    /** stable key + route id */
+    id: string;
+    /** visible text */
+    label: string;
+    /** icon key (see ICONS) */
+    icon: IconName;
+    /** count pill */
+    badge?: number;
+    /** "SOON" tag */
+    soon?: boolean;
+    /** external URL → renders an anchor + ↗ */
+    ext?: string;
+};
+
+export declare type NavItemProps = {
+    id: string;
+    label: string;
+    icon: IconName;
+    active?: boolean;
+    collapsed?: boolean;
+    /** nested sub-item — slightly smaller text + icon */
+    sub?: boolean;
+    badge?: number;
+    soon?: boolean;
+    /** external URL → renders an anchor + ↗ */
+    ext?: string;
+    onNavigate?: (id: string) => void;
+};
+
+export declare function NavLabel({ text }: {
+    text?: string;
+}): JSX.Element;
+
+export declare type NavPreset = "primary" | "full";
+
+export declare function NavRailSection({ label, icon, items, activeId, onNavigate, }: {
+    label: string;
+    icon: IconName;
+    items: NavItemConfig[];
+    activeId?: string;
+    onNavigate?: (id: string) => void;
+}): JSX.Element;
+
+export declare function NavSection({ label, icon, expanded, onToggle, controls, }: {
+    label: string;
+    icon: IconName;
+    expanded?: boolean;
+    onToggle?: () => void;
+    /** id of the region this header toggles (aria-controls) */
+    controls?: string;
+}): JSX.Element;
+
+/** A row "needs action" — awaiting approval or flagged for a currency mismatch. */
+declare function needsAction(tx: Transaction): boolean;
+
+/** A blockchain a coin can arrive over, e.g. { code: "ETH", name: "Ethereum" }. */
+declare type Network = {
+    code: string;
+    name: string;
+};
+
+/** A blockchain a coin can move over, e.g. { code: "ETH", name: "Ethereum" }. */
+declare type Network_2 = {
+    code: string;
+    name: string;
+};
+
+/** Human network labels for the detail view (table shows the short ticker). */
+declare const NETWORK_LABELS: Record<string, string>;
+
+/** Human network names for the codes used on holdings. */
+declare const NETWORK_NAMES: Record<string, string>;
+
+/** Networks referenced across the sample data. */
+declare const NETWORKS: Record<string, Network>;
+
+/** Networks referenced across the sample data. */
+declare const NETWORKS_2: Record<string, Network_2>;
+
+export declare function NotificationItem({ icon, tone, title, detail, time, unread, }: NotificationItemData): JSX.Element;
+
+export declare type NotificationItemData = {
+    id: string;
+    icon: IconSvgElement;
+    tone: NotificationTone;
+    title: string;
+    detail: string;
+    time: string;
+    unread?: boolean;
+};
+
+export declare function NotificationsMenu({ items, onViewAll, }: {
+    items?: NotificationItemData[];
+    onViewAll?: () => void;
+}): JSX.Element;
+
+export declare function NotificationsPanel({ items, max, onViewAll, className, }: {
+    items: NotificationItemData[];
+    /** how many rows to show before "View all" */
+    max?: number;
+    onViewAll?: () => void;
+    className?: string;
+}): JSX.Element;
+
+export declare type NotificationTone = "blue" | "red" | "green";
+
+declare type OptionKey = "search" | "tabs" | "filters" | "columns" | "refresh" | "download";
+
+export declare function PageContainer({ className, children, }: {
+    className?: string;
+    children: ReactNode;
+}): JSX.Element;
+
+export declare function PageTitle({ children, defaultOpen, }: {
+    children: ReactNode;
+    defaultOpen?: boolean;
+}): JSX.Element;
+
+export declare function PageTitleChip({ label, className, }: {
+    label?: string;
+    className?: string;
+}): JSX.Element;
+
+export declare function PageTitlePanel({ title, description, tips, tipsLabel, children, className, }: {
+    /** Bold heading inside the panel. */
+    title: ReactNode;
+    /** Lead paragraph explaining the screen. */
+    description?: ReactNode;
+    /** Optional numbered "what to try" hints. */
+    tips?: ReactNode[];
+    tipsLabel?: string;
+    /** Freeform content — replaces description/tips when provided. */
+    children?: ReactNode;
+    className?: string;
+}): JSX.Element | null;
+
+export declare function Pagination({ className, ...props }: ComponentProps<"nav">): JSX.Element;
+
+export declare function PaginationContent({ className, ...props }: ComponentProps<"ul">): JSX.Element;
+
+export declare function PaginationEllipsis({ className, ...props }: ComponentProps<"span">): JSX.Element;
+
+export declare function PaginationItem(props: ComponentProps<"li">): JSX.Element;
+
+export declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): JSX.Element;
+
+declare type PaginationLinkProps = ComponentProps<"button"> & {
+    isActive?: boolean;
+    size?: "default" | "icon" | "sm";
+};
+
+export declare function PaginationNext({ className, ...props }: PaginationLinkProps): JSX.Element;
+
+export declare function PaginationPrevious({ className, ...props }: PaginationLinkProps): JSX.Element;
+
+/**
+ * Gates the app behind a single hardcoded password. Once entered correctly the
+ * unlock is persisted in localStorage, so it is only required once per browser.
+ */
+export declare function PasswordGate({ children }: {
+    children: ReactNode;
+}): JSX.Element;
+
+export declare function PaymentType({ type, label, }: {
+    type: "deposit" | "withdraw";
+    /** overrides the default capitalized `type` text */
+    label?: string;
+}): JSX.Element;
+
+export declare function PeriodPicker({ value, onChange, today, className, }: {
+    value: PeriodSelection;
+    onChange: (next: PeriodSelection) => void;
+    /** reference "now" for the relative presets */
+    today?: Date;
+    className?: string;
+}): JSX.Element;
+
+/** The reporting period: either a whole month or a custom day range. Months are
+ pinned to the first of the month; ranges carry an inclusive from/to and, when
+ chosen from a preset (e.g. "Last 7 days"), the preset's label for display. */
+declare type PeriodSelection = {
+    mode: "month";
+    month: Date;
+} | {
+    mode: "range";
+    from: Date;
+    to: Date;
+    label?: string;
+};
+
+export declare function Popover(props: ComponentProps<typeof PopoverPrimitive.Root>): JSX.Element;
+
+export declare function PopoverAnchor(props: ComponentProps<typeof PopoverPrimitive.Anchor>): JSX.Element;
+
+export declare function PopoverContent({ className, align, sideOffset, ...props }: ComponentProps<typeof PopoverPrimitive.Content>): JSX.Element;
+
+export declare function PopoverTrigger(props: ComponentProps<typeof PopoverPrimitive.Trigger>): JSX.Element;
+
+declare type PresetDef = {
+    id: string;
+    label: string;
+    /** null → the "All" default; otherwise a row predicate */
+    match: ((tx: Transaction) => boolean) | null;
+    /** leading icon shown on the preset chip */
+    icon?: PresetIcon;
+};
+
+declare type PresetDef_2 = {
+    id: PresetId;
+    label: string;
+    range: (today: Date) => {
+        from: Date;
+        to: Date;
+    };
+};
+
+declare type PresetIcon = "alert" | "filter" | "deposit";
+
+declare type PresetId = "today" | "yesterday" | "today-yesterday" | "last-7" | "last-14" | "last-28" | "last-30" | "this-week" | "last-week" | "this-month" | "last-month" | "maximum";
+
+/** Resolve a preset into a labelled range PeriodSelection. */
+declare function presetPeriod(def: PresetDef_2, today?: Date): PeriodSelection;
+
+declare const PRESETS: PresetDef_2[];
+
+/** PRIMARY_NAV — the trimmed MVP navigation. */
+export declare const PRIMARY_NAV: NavGroupConfig[];
+
+export declare function QrCode({ value, className, }: {
+    value: string;
+    className?: string;
+}): JSX.Element;
+
+export declare function RadioGroup({ className, ...props }: ComponentProps<typeof RadioGroupPrimitive.Root>): JSX.Element;
+
+export declare function RadioGroupItem({ className, ...props }: ComponentProps<typeof RadioGroupPrimitive.Item>): JSX.Element;
+
+declare const RECENT_TRANSACTIONS: RecentTransaction[];
+
+declare type RecentTransaction = {
+    /** stable id + React key */
+    id: string;
+    /** movement label, e.g. "Manual Deposit" · "Auto Transfer" · "Manual Withdraw" */
+    label: string;
+    direction: RecentTxDirection;
+    status: TxStatus;
+    /** currency code, big badge, e.g. "USDT" */
+    currency: string;
+    /** network ticker, small overlay badge, e.g. "TRX" */
+    network: string;
+    /** signed coin figure, e.g. "+20.00" (transfers are unsigned) */
+    amount: string;
+    /** signed fiat sub-line, e.g. "+$20.00" */
+    amountFiat: string;
+    from: WalletRef;
+    to: WalletRef;
+    /** date, e.g. "Mar 10, 2024" */
+    date: string;
+    /** time, e.g. "11:31 AM" */
+    time: string;
+    /** who triggered it — omitted for automated (system) movements */
+    initiatedBy?: string;
+    txHash: string;
+};
+
+export declare function RecentTransactionsPanel({ transactions, open, onOpenChange, }: {
+    transactions: RecentTransaction[];
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}): JSX.Element;
+
+/** Direction drives the header icon and the amount color. */
+declare type RecentTxDirection = "in" | "out" | "transfer";
+
+declare const REFERENCE_TODAY: Date;
+
+declare const REPORT_SUMMARIES: ReportSummary[];
+
+declare type ReportData = {
+    /** true when the period falls outside the data window — render the empty state */
+    isEmpty: boolean;
+    summaries: ReportSummary[];
+    dailyBalances: DailyBalance[];
+};
+
+export declare namespace reportsData {
+    export {
+        assetColor,
+        ASSET_COLORS,
+        ASSET_COLOR_FALLBACK,
+        REPORT_SUMMARIES,
+        DAILY_BALANCES,
+        EXPORT_HISTORY
+    }
+}
+
+export declare namespace reportsPresets {
+    export {
+        presetPeriod,
+        REFERENCE_TODAY,
+        ACCOUNT_START,
+        PresetId,
+        PresetDef_2 as PresetDef,
+        PRESETS
+    }
+}
+
+export declare namespace reportsReportData {
+    export {
+        getReportData,
+        ReportView,
+        ReportData,
+        getReportData as default
+    }
+}
+
+export declare function ReportsSummaryEmpty({ className }: {
+    className?: string;
+}): JSX.Element;
+
+export declare namespace reportsTypes {
+    export {
+        PeriodSelection,
+        AssetSlice,
+        ReportSummary,
+        DailyBalance,
+        ExportEntry
+    }
+}
+
+/** A summary card: a headline fiat total plus its per-asset breakdown. */
+declare type ReportSummary = {
+    label: string;
+    total: string;
+    slices: AssetSlice[];
+};
+
+export declare function ReportSummaryCard({ summary, emphasized, className, }: {
+    summary: ReportSummary;
+    /** headline value weight — semibold when true (default), normal (400) when false */
+    emphasized?: boolean;
+    className?: string;
+}): JSX.Element;
+
+/** The three-column summary banner: one rounded card split by vertical rules. */
+export declare function ReportSummaryGroup({ summaries, className, }: {
+    summaries: ReportSummary[];
+    className?: string;
+}): JSX.Element;
+
+declare type ReportView = "volume" | "transactions";
+
+declare const RISK_OPTIONS: {
+    value: RiskLevel_2;
+    label: string;
+}[];
+
+export declare function RiskAssessment({ assessment, actionRequired, onApprove, onReject, className, }: {
+    assessment: RiskAssessment_2;
+    /** show the Approve / Reject state (Pending Approval / Currency Mismatch) */
+    actionRequired?: boolean;
+    onApprove?: () => void;
+    onReject?: () => void;
+    className?: string;
+}): JSX.Element;
+
+declare type RiskAssessment_2 = {
+    /** 0–100 risk score */
+    score: number;
+    /** bucket for the signal bars + score color */
+    level: RiskLevel_2;
+    /** engine decision — picks the status icon + tone */
+    decision: RiskDecision;
+    /** vendor that produced the score, e.g. "Crystal" */
+    provider: string;
+    /** short human-readable justification */
+    reason: string;
+};
+
+/** Outcome of the KYT/risk engine — drives the RiskAssessment status chip. */
+declare type RiskDecision = "auto-approved" | "approved" | "manual-review" | "flagged" | "rejected";
+
+export declare type RiskLevel = "low" | "medium" | "high";
+
+declare type RiskLevel_2 = "low" | "medium" | "high";
+
+export declare function RiskSignal({ level }: {
+    level: RiskLevel;
+}): JSX.Element;
+
+export declare const SAMPLE_NOTIFICATIONS: NotificationItemData[];
+
+/** Saved / named destination addresses (allow-list). Scoped per coin+network. */
+declare const SAVED_ADDRESSES: SavedAddress[];
+
+declare const SAVED_PRESETS: PresetDef[];
+
+/** A saved/named destination address money can be sent TO. Scoped to coin+network. */
+declare type SavedAddress = {
+    id: string;
+    /** human label, e.g. "Binance Hot Wallet" */
+    label: string;
+    coin: string;
+    network: string;
+    address: string;
+};
+
+export declare function SavedPresetsBar({ presets, activeId, getCount, onToggle, onDelete, onCreateView, onReset, resetDisabled, }: {
+    presets: PresetDef[];
+    activeId: string | null;
+    getCount: (preset: PresetDef) => number;
+    onToggle: (id: string) => void;
+    onDelete: (id: string) => void;
+    onCreateView: () => void;
+    onReset: () => void;
+    resetDisabled?: boolean;
+}): JSX.Element;
+
+export declare function SavePresetDialog({ open, onOpenChange, filter, onSave, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    filter: TxFilter;
+    onSave: (name: string, filter: TxFilter) => void;
+}): JSX.Element;
+
+export declare function ScrollArea({ children, className, viewportClassName, ...rootProps }: ComponentProps<"div"> & {
+    viewportClassName?: string;
+}): JSX.Element;
+
+export declare function SectionHeading({ label, collapsible, expanded, onToggle, controls, }: {
+    label?: string;
+    collapsible?: boolean;
+    expanded?: boolean;
+    onToggle?: () => void;
+    /** id of the region this heading toggles (aria-controls) */
+    controls?: string;
+}): JSX.Element;
+
+export declare function Separator({ className, orientation, decorative, ...props }: React_2.ComponentProps<typeof Separator_2.Root>): React_2.JSX.Element;
+
+export declare function SidePanel(props: ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
+
+export declare function SidePanelBody({ className, ...props }: ComponentProps<"div">): JSX.Element;
+
+export declare function SidePanelClose(props: ComponentProps<typeof DialogPrimitive.Close>): JSX.Element;
+
+export declare function SidePanelContent({ className, children, side, showClose, ...props }: ComponentProps<typeof DialogPrimitive.Content> & {
+    side?: "right" | "left";
+    showClose?: boolean;
+}): JSX.Element;
+
+export declare function SidePanelDescription({ className, ...props }: ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
+
+export declare function SidePanelFooter({ className, ...props }: ComponentProps<"div">): JSX.Element;
+
+/** Panel header — no hard border; instead a gradient fades the scrolling body
+ out beneath it, so content appears to dissolve as it scrolls under. */
+export declare function SidePanelHeader({ className, children, ...props }: ComponentProps<"div">): JSX.Element;
+
+/** Standard section heading for panels and modals. */
+export declare function SidePanelSectionTitle({ className, ...props }: ComponentProps<"h3">): JSX.Element;
+
+/** Divider between sections — inset to the body padding (not full-bleed). The
+ standard section divider for panels and modals. */
+export declare function SidePanelSeparator({ className, ...props }: ComponentProps<typeof Separator>): JSX.Element;
+
+export declare function SidePanelTitle({ className, ...props }: ComponentProps<typeof DialogPrimitive.Title>): JSX.Element;
+
+export declare function SidePanelTrigger(props: ComponentProps<typeof DialogPrimitive.Trigger>): JSX.Element;
+
+declare const SIZES: {
+    readonly xs: {
+        readonly logo: "size-5";
+        readonly badge: "size-2.5";
+        readonly pos: "-right-1.5 -bottom-0.5";
+        readonly ring: "border";
+    };
+    readonly sm: {
+        readonly logo: "size-7";
+        readonly badge: "size-3.5";
+        readonly pos: "-right-2.5 -bottom-1";
+        readonly ring: "border-2";
+    };
+    readonly md: {
+        readonly logo: "size-9";
+        readonly badge: "size-4";
+        readonly pos: "-right-2 -bottom-1";
+        readonly ring: "border-2";
+    };
+};
+
+export declare function Skeleton({ className, ...props }: ComponentProps<"div">): JSX.Element;
+
+export declare function SortHeader({ label, sort, onSort, align, }: {
+    label: string;
+    /** current sort direction for this column, or false when not sorted by it */
+    sort?: "asc" | "desc" | false;
+    onSort?: () => void;
+    align?: "start" | "end";
+}): JSX.Element;
+
+/** Named treasury wallets available as withdrawal sources. */
+declare const SOURCE_WALLETS: SourceWallet[];
+
+/** A named treasury wallet money can be sent FROM. Scoped to one coin+network. */
+declare type SourceWallet = {
+    id: string;
+    /** human label, e.g. "Low Risk Wallet" */
+    name: string;
+    /** optional risk/purpose tag shown as a small pill */
+    purpose?: "low" | "medium" | "high" | "operational" | "payout";
+    coin: string;
+    network: string;
+    /** full on-chain address (rendered truncated, copyable in full) */
+    address: string;
+    /** available crypto figure, pre-formatted (e.g. "42,120.00") — also the limit */
+    amount: string;
+    amountFiat: string;
+    /** USD value of one unit, used to compute the recap fiat equivalent */
+    fiatRate: number;
+};
+
+declare const STATUS_META: Record<TxStatus, {
+    label: string;
+    tone: BadgeTone;
+}>;
+
+/** Display order (reading order) for status lists. */
+declare const STATUS_ORDER: TxStatus[];
+
+export declare function StatusBadge({ children, tone, className, }: {
+    children: ReactNode;
+    tone?: BadgeTone;
+    className?: string;
+}): JSX.Element;
+
+export declare function Table({ className, containerClassName, ...props }: React_2.ComponentProps<"table"> & {
+    containerClassName?: string;
+}): React_2.JSX.Element;
+
+export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): React_2.JSX.Element;
+
+export declare function TableCaption({ className, ...props }: React_2.ComponentProps<"caption">): React_2.JSX.Element;
+
+export declare function TableCell({ className, ...props }: React_2.ComponentProps<"td">): React_2.JSX.Element;
+
+export declare function TableFooter({ className, ...props }: React_2.ComponentProps<"tfoot">): React_2.JSX.Element;
+
+export declare function TableHead({ className, ...props }: React_2.ComponentProps<"th">): React_2.JSX.Element;
+
+export declare function TableHeader({ className, ...props }: React_2.ComponentProps<"thead">): React_2.JSX.Element;
+
+export declare function TableRow({ className, ...props }: React_2.ComponentProps<"tr">): React_2.JSX.Element;
+
+export declare function Tabs({ className, orientation, ...props }: React_2.ComponentProps<typeof Tabs_2.Root>): React_2.JSX.Element;
+
+export declare function TabsContent({ className, ...props }: React_2.ComponentProps<typeof Tabs_2.Content>): React_2.JSX.Element;
+
+export declare function TabsList({ className, variant, ...props }: React_2.ComponentProps<typeof Tabs_2.List> & VariantProps<typeof tabsListVariants>): React_2.JSX.Element;
+
+export declare const tabsListVariants: (props?: ({
+    variant?: "default" | "line" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof Tabs_2.Trigger>): React_2.JSX.Element;
+
+export declare function TextLink({ href, className, children, ...props }: ComponentProps<"a">): JSX.Element;
+
+export declare function TextStack({ primary, secondary, align, tabularNums, primaryClassName, secondaryClassName, className, }: {
+    primary: ReactNode;
+    secondary?: ReactNode;
+    align?: "start" | "end";
+    tabularNums?: boolean;
+    primaryClassName?: string;
+    secondaryClassName?: string;
+    className?: string;
+}): JSX.Element;
+
+/** Solid dot color per tone — for the small status swatches in the filter list. */
+declare const TONE_DOT: Record<BadgeTone, string>;
+
+export declare function Tooltip(props: ComponentProps<typeof TooltipPrimitive.Root>): JSX.Element;
+
+export declare function TooltipContent({ className, sideOffset, children, ...props }: ComponentProps<typeof TooltipPrimitive.Content>): JSX.Element;
+
+export declare function TooltipProvider({ delayDuration, ...props }: ComponentProps<typeof TooltipPrimitive.Provider>): JSX.Element;
+
+export declare function TooltipTrigger(props: ComponentProps<typeof TooltipPrimitive.Trigger>): JSX.Element;
+
+declare function toTransactionDetail(tx: Transaction): TransactionDetail;
+
+declare type Transaction = {
+    /** stable id + React key */
+    id: string;
+    type: TxType;
+    status: TxStatus;
+    risk: RiskLevel_2;
+    /** signed coin figure, e.g. "+1,582.18" or "-140.80" */
+    amount: string;
+    /** currency code appended after the amount, e.g. "USDT" */
+    currency: string;
+    /** signed fiat sub-line, e.g. "+$1,582.18" */
+    amountFiat: string;
+    /** network ticker shown under the currency, e.g. "ETH" */
+    network: string;
+    /** created date, e.g. "Jul 05, 2026" */
+    createdAt: string;
+    /** created time, e.g. "02:27 PM" */
+    createdTime: string;
+    /** confirmed date — omit while still pending */
+    confirmedAt?: string;
+    confirmedTime?: string;
+    /** full user id (rendered truncated) */
+    userId: string;
+    /** full order id (rendered truncated) */
+    orderId: string;
+};
+
+/** Fields the search box can scope to (UI only — the backend does the search).
+ Exported so the page can wire TransactionsTableOptions to this table. */
+export declare const TRANSACTION_SEARCH_SCOPES: {
+    value: string;
+    label: string;
+}[];
+
+/** The table's columns as toggle options — for the Columns menu in the toolbar. */
+export declare const transactionColumnOptions: ColumnOption[];
+
+/** The full transaction, as shown in the Transaction Details side panel.
+ *  Extends the table row with the fields only the detail view needs. */
+declare type TransactionDetail = Transaction & {
+    /** human network label, e.g. "TRX Shasta" */
+    networkLabel: string;
+    updatedAt: string;
+    updatedTime: string;
+    /** end-customer's on-chain wallet */
+    customerWallet: string;
+    /** Destination tag/memo for tag-based chains (TON, XRP, …). When present, the
+     *  customer wallet shows as Address + Tag, and From/To split into Wallet + Tag. */
+    customerTag?: string;
+    /** expected deposit amount, e.g. "14.00 USDT" */
+    expectedAmount: string;
+    /** conversion rate line, e.g. "1 USDT = $1.00" */
+    rate: string;
+    /** commission fee, e.g. "3.00 USDT" */
+    commissionFee: string;
+    riskAssessment: RiskAssessment_2;
+    fromAddress: string;
+    /** From-side destination tag (tag-based chains) — splits From into Wallet + Tag. */
+    fromTag?: string;
+    toAddress: string;
+    /** To-side destination tag (tag-based chains) — splits To into Wallet + Tag. */
+    toTag?: string;
+    txHash: string;
+    /** network fee with unit, e.g. "6.23 TRX Shasta" */
+    txFee: string;
+    transactionUid: string;
+    partnerPaymentId: string;
+};
+
+export declare function TransactionDetailPanel({ detail, open, onOpenChange, show, onApprove, onReject, }: {
+    detail: TransactionDetail | null;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** per-section, per-field visibility — every value defaults to shown */
+    show?: TransactionDetailVisibility;
+    /** Risk Assessment approve/reject handlers (Pending Approval / Currency Mismatch) */
+    onApprove?: () => void;
+    onReject?: () => void;
+}): JSX.Element;
+
+export declare type TransactionDetailVisibility = {
+    summary?: Partial<Record<TransactionSummaryField, boolean>>;
+    info?: Partial<Record<TransactionInfoField, boolean>>;
+    /** false hides the whole Risk Assessment section */
+    riskAssessment?: boolean;
+    blockchain?: Partial<Record<BlockchainField, boolean>>;
+    /** false hides the second "Refund" block */
+    showRefund?: boolean;
+    reference?: Partial<Record<TransactionReferenceField, boolean>>;
+};
+
+export declare function TransactionInfo({ detail, show, className, }: {
+    detail: TransactionDetail;
+    show?: Partial<Record<TransactionInfoField, boolean>>;
+    className?: string;
+}): JSX.Element;
+
+export declare type TransactionInfoField = "currency" | "network" | "createdAt" | "updatedAt" | "userId" | "customerWallet" | "address" | "tag" | "expectedAmount" | "rate" | "commissionFee";
+
+export declare function TransactionReference({ detail, show, className, }: {
+    detail: TransactionDetail;
+    show?: Partial<Record<TransactionReferenceField, boolean>>;
+    className?: string;
+}): JSX.Element;
+
+export declare type TransactionReferenceField = "transactionUid" | "partnerPaymentId";
+
+/** Full ledger — the hand-written sample plus 243 generated test rows. */
+declare const TRANSACTIONS: Transaction[];
+
+export declare namespace transactionsData {
+    export {
+        coinSrc,
+        needsAction,
+        toTransactionDetail,
+        TRANSACTIONS,
+        PresetIcon,
+        PresetDef,
+        SAVED_PRESETS,
+        NETWORK_LABELS
+    }
+}
+
+export declare function TransactionsFilterPanel({ open, onOpenChange, value, onApply, onSave, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    value: TxFilter;
+    onApply: (filter: TxFilter) => void;
+    onSave: (filter: TxFilter) => void;
+}): JSX.Element;
+
+export declare namespace transactionsFilters {
+    export {
+        isFilterEmpty,
+        filterMatches,
+        countMatches,
+        filterToName,
+        DateField,
+        TxFilter,
+        EMPTY_FILTER,
+        TYPE_OPTIONS,
+        RISK_OPTIONS,
+        AssetOption,
+        ASSET_OPTIONS
+    }
+}
+
+export declare namespace transactionsStatuses {
+    export {
+        STATUS_META,
+        STATUS_ORDER,
+        TONE_DOT
+    }
+}
+
+export declare function TransactionsTable({ data, loading, onRowClick, query, columnVisibility, presets, }: TransactionsTableProps): JSX.Element;
+
+export declare function TransactionsTableOptions({ search, onSearchChange, searchScopes, searchScope, onSearchScopeChange, searchPlaceholder, segment, onSegmentChange, tabs, tabCounts, onFilter, filterCount, columns, columnVisibility, onColumnChange, onRefresh, refreshing, onDownload, show, className, }: {
+    search: string;
+    onSearchChange: (value: string) => void;
+    searchScopes?: {
+        value: string;
+        label: string;
+    }[];
+    searchScope?: string;
+    onSearchScopeChange?: (value: string) => void;
+    searchPlaceholder?: string;
+    segment: string;
+    onSegmentChange: (value: string) => void;
+    tabs?: {
+        value: string;
+        label: string;
+    }[];
+    /** per-tab counts (by tab value) → blue badge after the label when > 0 */
+    tabCounts?: Record<string, number>;
+    onFilter?: () => void;
+    filterCount?: number;
+    columns: ColumnOption[];
+    columnVisibility: Record<string, boolean>;
+    onColumnChange: (id: string, next: boolean) => void;
+    onRefresh?: () => void;
+    refreshing?: boolean;
+    onDownload?: (format: string) => void;
+    show?: TransactionsTableOptionsVisibility;
+    className?: string;
+}): JSX.Element;
+
+export declare type TransactionsTableOptionsVisibility = Partial<Record<OptionKey, boolean>>;
+
+export declare type TransactionsTableProps = {
+    data: Transaction[];
+    loading?: boolean;
+    onRowClick?: (tx: Transaction) => void;
+    /** controlled search query (owned by the page, shared with the toolbar) */
+    query?: string;
+    /** controlled column visibility (owned by the page, shared with the toolbar) */
+    columnVisibility?: Record<string, boolean>;
+    /** the SavedPresetsBar row, rendered just above the table */
+    presets?: ReactNode;
+};
+
+export declare namespace transactionsTypes {
+    export {
+        TxType,
+        TxStatus,
+        RiskLevel_2 as RiskLevel,
+        Transaction,
+        RiskDecision,
+        RiskAssessment_2 as RiskAssessment,
+        TransactionDetail
+    }
+}
+
+export declare function TransactionSummary({ detail, show, className, }: {
+    detail: TransactionDetail;
+    show?: Partial<Record<TransactionSummaryField, boolean>>;
+    className?: string;
+}): JSX.Element;
+
+export declare type TransactionSummaryField = "type" | "status" | "amount" | "amountFiat";
+
+declare type TxFilter = {
+    types: TxType[];
+    statuses: TxStatus[];
+    /** "CURRENCY/NETWORK" keys, e.g. "USDT/ETH" */
+    assets: string[];
+    risks: RiskLevel_2[];
+    dateField: DateField;
+    /** ISO date strings from <input type="date">, e.g. "2026-07-01" */
+    from?: string;
+    to?: string;
+};
+
+declare type TxStatus = "created" | "confirmed" | "rejected" | "failed" | "pending-approval" | "processing" | "expired" | "cancelled" | "refunded" | "partially-confirmed" | "under-review" | "settled" | "currency-mismatch";
+
+declare type TxType = "deposit" | "withdraw";
+
+declare const TYPE_OPTIONS: {
+    value: TxType;
+    label: string;
+}[];
+
+export declare function UiBadge({ className, variant, asChild, ...props }: React_2.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): React_2.JSX.Element;
+
+export declare function useHeaderExtension(): HeaderStickyValue;
+
+export declare function UserMenu({ name, avatarSrc, navMode, onNavModeChange, headerMode, onHeaderModeChange, onAccount, onLogout, onTakeTour, onResetDemo, }: {
+    name?: string;
+    avatarSrc?: string;
+    /** current navigation preset — MVP ("primary") or Full ("full") */
+    navMode?: NavPreset;
+    onNavModeChange?: (mode: NavPreset) => void;
+    /** current app-header version — V1 (no search) or V2 (search) */
+    headerMode?: HeaderMode;
+    onHeaderModeChange?: (mode: HeaderMode) => void;
+    onAccount?: () => void;
+    onLogout?: () => void;
+    onTakeTour?: () => void;
+    onResetDemo?: () => void;
+}): JSX.Element;
+
+/** A named wallet within a currency, on a specific network. */
+declare type Wallet = {
+    id: string;
+    /** "Main" | "Payout". */
+    name: string;
+    /** Optional secondary line under the name, e.g. "min $5,000". */
+    note?: string;
+    /** Network code for the icon (resolved via coinSrc), e.g. "ETH", "TRON". */
+    network: string;
+    /** Network label shown next to the icon, e.g. "Ethereum". */
+    networkName: string;
+    amount: string;
+    amountFiat: string;
+    /** Pending crypto figure; omit when the wallet holds no pending funds. */
+    pending?: string;
+    pendingFiat?: string;
+};
+
+export declare type WalletActionId = "withdraw" | "deposit" | "convert";
+
+export declare function WalletBalancesTable({ balances, actionsVariant, className, }: {
+    balances: CurrencyBalance[];
+    actionsVariant?: "icons" | "menu";
+    className?: string;
+}): JSX.Element;
+
+/** One end of a movement — a named treasury wallet or an on-chain address. */
+declare type WalletRef = {
+    /** what's shown, e.g. "Low Risk Wallet" or a truncated address */
+    label: string;
+    /** full value copied to the clipboard */
+    value: string;
+    /** true → on-chain address (monospace); false → a named wallet */
+    address?: boolean;
+};
 
-export { NavGroup }
+export declare function WalletRowActions({ variant, 
+    /** context for accessible labels, e.g. the wallet name */
+    label, onAction, }: {
+    variant?: "icons" | "menu";
+    label?: string;
+    onAction?: (id: WalletActionId) => void;
+}): JSX.Element;
 
-export { NavGroupConfig }
+/** Past withdrawals — the team audit trail. Mixed members, wallets and chains. */
+declare const WITHDRAWAL_HISTORY: WithdrawalRecord[];
 
-export { NavIcon }
+/** One past withdrawal — the audit-trail row shown in the history table. */
+declare type WithdrawalRecord = {
+    id: string;
+    /** e.g. "Jul 14, 2026" */
+    date: string;
+    /** e.g. "02:27 PM" */
+    time: string;
+    /** team member who initiated it (multi-user account audit trail) */
+    initiator: string;
+    /** named source wallet, e.g. "High Risk Wallet" */
+    fromWallet: string;
+    fromAddress: string;
+    /** named destination, e.g. "Binance Hot Wallet" */
+    toLabel: string;
+    toAddress: string;
+    coin: string;
+    network: string;
+    /** signed crypto figure — an outflow, e.g. "-1,200.00" */
+    amount: string;
+    /** signed fiat sub-line, e.g. "-$1,200.00" */
+    amountFiat: string;
+    status: TxStatus;
+};
 
-export { NavItem }
+export declare namespace withdrawData {
+    export {
+        figureToNumber_3 as figureToNumber,
+        formatUsd_3 as formatUsd,
+        NETWORKS_2 as NETWORKS,
+        COINS_3 as COINS,
+        SOURCE_WALLETS,
+        SAVED_ADDRESSES,
+        WITHDRAWAL_HISTORY
+    }
+}
 
-export { NavItemConfig }
+export declare function WithdrawHistoryTable({ data, className, }: {
+    data: WithdrawalRecord[];
+    className?: string;
+}): JSX.Element;
 
-export { NavItemProps }
+export declare function WithdrawPanel({ currentUser, onSubmit, className, }: {
+    /** team member shown as the initiator of a submitted withdrawal */
+    currentUser?: string;
+    /** called when a withdrawal is confirmed — e.g. to prepend it to history */
+    onSubmit?: (record: WithdrawalRecord) => void;
+    className?: string;
+}): JSX.Element;
 
-export { NavLabel }
+export declare function WithdrawPickerField({ id, label, value, options, onChange, placeholder, emptyMessage, disabled, className, }: {
+    id?: string;
+    label?: ReactNode;
+    value: string | null;
+    options: WithdrawPickerOption[];
+    onChange: (value: string) => void;
+    placeholder?: ReactNode;
+    emptyMessage?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+}): JSX.Element;
 
-export { NavPreset }
+export declare type WithdrawPickerOption = {
+    value: string;
+    /** primary line — shown both in the list and in the closed trigger */
+    label: ReactNode;
+    /** muted secondary line */
+    sublabel?: ReactNode;
+    /** leading visual, e.g. <CoinLogo /> or <CurrencyNetwork /> */
+    leading?: ReactNode;
+    /** right-aligned trailing content, e.g. an available balance */
+    meta?: ReactNode;
+    disabled?: boolean;
+};
 
-export { PRIMARY_NAV }
+export declare function WithdrawSummary({ coin, network, networkName, amount, amountFiat, from, to, footer, className, }: {
+    coin: string | null;
+    network: string | null;
+    networkName?: string;
+    /** crypto figure, e.g. "1,200.00" — empty/null shows a zeroed preview */
+    amount?: string | null;
+    /** fiat equivalent, e.g. "$1,200.00" */
+    amountFiat?: string | null;
+    from?: Endpoint | null;
+    to?: Endpoint | null;
+    /** actions rendered at the bottom of the card, e.g. the Withdraw button */
+    footer?: ReactNode;
+    className?: string;
+}): JSX.Element;
 
-export { SectionHeading }
+export declare namespace withdrawTypes {
+    export {
+        Network_2 as Network,
+        Coin_3 as Coin,
+        SourceWallet,
+        SavedAddress,
+        WithdrawalRecord
+    }
+}
 
 export { }