@chainberry/ui-components 1.0.5 → 1.0.7

package/dist/index.d.ts

@@ -27,6 +27,30 @@ export declare function ActionFooter({ actions, bleed, className, ...props }: {
     className?: string;
 } & Omit<ComponentProps<"div">, "className">): JSX.Element;
 
+export declare function AmountField({ id, label, value, onChange, 
+    /** trailing unit, e.g. the coin code */
+    suffix, 
+    /** right-aligned note beside the label, e.g. "Available: 1.2 BTC" */
+    hint, 
+    /** helper / error line under the input, e.g. a fiat estimate */
+    helper, 
+    /** show a "Max" button when provided */
+    onMax, maxDisabled, disabled, invalid, placeholder, className, }: {
+    id?: string;
+    label?: ReactNode;
+    value: string;
+    onChange: (value: string) => void;
+    suffix?: ReactNode;
+    hint?: ReactNode;
+    helper?: ReactNode;
+    onMax?: () => void;
+    maxDisabled?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    placeholder?: string;
+    className?: string;
+}): JSX.Element;
+
 export declare function AppHeaderV1({ user, navMode, onNavModeChange, headerMode, onHeaderModeChange, onAccount, onLogout, onTakeTour, onResetDemo, }: {
     user?: HeaderUser;
     navMode?: NavPreset;
@@ -318,6 +342,7 @@ export declare namespace convertData {
         formatUsd,
         formatCrypto,
         CONVERT_FEE_RATE,
+        WALLET_TIERS,
         NETWORK_NAMES,
         COINS,
         HOLDINGS,
@@ -338,32 +363,7 @@ export declare function ConvertPanel({ currentUser, onSubmit, className, }: {
     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, }: {
+export declare function ConvertSummary({ fromCoin, toCoin, payAmount, payFiat, receiveAmount, receiveFiat, rateLabel, rateCountdown, rateTtl, rateVersion, feeLabel, fromWalletName, fromWalletAddress, toWalletName, toWalletAddress, footer, className, }: {
     fromCoin: string | null;
     toCoin: string | null;
     payAmount?: string | null;
@@ -371,6 +371,12 @@ export declare function ConvertSummary({ fromCoin, toCoin, payAmount, payFiat, r
     receiveAmount?: string | null;
     receiveFiat?: string | null;
     rateLabel?: string | null;
+    /** seconds until the quoted rate re-rolls; null hides the countdown */
+    rateCountdown?: number | null;
+    /** full length of the rate window, for the ring's progress */
+    rateTtl?: number;
+    /** increments each time a fresh rate lands — replays the flash on the value */
+    rateVersion?: number;
     feeLabel?: string | null;
     fromWalletName?: string | null;
     fromWalletAddress?: string | null;
@@ -531,31 +537,6 @@ 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;
@@ -1349,6 +1330,39 @@ declare type PeriodSelection = {
     label?: string;
 };
 
+declare function PickerField({ id, label, value, options, onChange, placeholder, emptyMessage, disabled, className, }: {
+    id?: string;
+    label?: ReactNode;
+    value: string | null;
+    options: PickerOption[];
+    onChange: (value: string) => void;
+    placeholder?: ReactNode;
+    emptyMessage?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+}): JSX.Element;
+export { PickerField as ConvertPickerField }
+export { PickerField as DepositPickerField }
+export { PickerField }
+export { PickerField as WithdrawPickerField }
+
+declare type PickerOption = {
+    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 { PickerOption as ConvertPickerOption }
+export { PickerOption as DepositPickerOption }
+export { PickerOption }
+export { PickerOption as WithdrawPickerOption }
+
 export declare function Popover(props: ComponentProps<typeof PopoverPrimitive.Root>): JSX.Element;
 
 export declare function PopoverAnchor(props: ComponentProps<typeof PopoverPrimitive.Anchor>): JSX.Element;
@@ -1424,12 +1438,6 @@ declare type RecentTransaction = {
     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";
 
@@ -1725,6 +1733,30 @@ export declare const tabsListVariants: (props?: ({
 
 export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof Tabs_2.Trigger>): React_2.JSX.Element;
 
+export declare function TextField({ id, label, value, onChange, placeholder, 
+    /** right-aligned note beside the label */
+    hint, 
+    /** helper / error line under the input */
+    helper, disabled, invalid, inputMode, spellCheck, autoComplete, maxLength, 
+    /** extra classes on the <input> itself (e.g. font-mono, height) */
+    inputClassName, className, }: {
+    id?: string;
+    label?: ReactNode;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    hint?: ReactNode;
+    helper?: ReactNode;
+    disabled?: boolean;
+    invalid?: boolean;
+    inputMode?: React.ComponentProps<"input">["inputMode"];
+    spellCheck?: boolean;
+    autoComplete?: string;
+    maxLength?: number;
+    inputClassName?: string;
+    className?: string;
+}): 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, }: {
@@ -2031,6 +2063,14 @@ declare type Wallet = {
     pendingFiat?: string;
 };
 
+/** The source wallets you can convert FROM — the four treasury risk tiers.
+ Currency + network are chosen separately, so these carry no coin/balance. */
+declare const WALLET_TIERS: {
+    id: string;
+    name: string;
+    purpose: Holding["purpose"];
+}[];
+
 export declare type WalletActionId = "withdraw" | "deposit" | "convert";
 
 export declare function WalletBalancesTable({ balances, actionsVariant, className, }: {
@@ -2039,6 +2079,34 @@ export declare function WalletBalancesTable({ balances, actionsVariant, classNam
     className?: string;
 }): JSX.Element;
 
+export declare function WalletField({ id, label, placeholder, value, onChange, wallets, emptyMessage, variant, disabled, className, }: {
+    id?: string;
+    label?: ReactNode;
+    placeholder?: ReactNode;
+    value: string | null;
+    onChange: (value: string) => void;
+    wallets: WalletOption[];
+    emptyMessage?: ReactNode;
+    /** "detailed" shows badge + address + balance; "simple" shows only the name */
+    variant?: "detailed" | "simple";
+    disabled?: boolean;
+    className?: string;
+}): JSX.Element;
+
+export declare type WalletOption = {
+    id: string;
+    /** primary line — the wallet name */
+    name: string;
+    /** detailed: short address / secondary line */
+    address?: string;
+    /** detailed: coin + network for the leading badge and balance unit */
+    coin?: string;
+    network?: string;
+    /** detailed: right-aligned balance */
+    amount?: string;
+    amountFiat?: string;
+};
+
 /** 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 */
@@ -2109,31 +2177,6 @@ export declare function WithdrawPanel({ currentUser, onSubmit, className, }: {
     className?: string;
 }): JSX.Element;
 
-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 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 declare function WithdrawSummary({ coin, network, networkName, amount, amountFiat, from, to, footer, className, }: {
     coin: string | null;
     network: string | null;