@chainberry/ui-components 1.0.44 → 1.0.45

package/dist/index.d.ts

@@ -175,7 +175,8 @@ export declare function AppHeaderV2({ user, navMode, onNavModeChange, headerMode
     /** 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) */
+    /** navigate to a route — the search "Go to" results and the account menu's
+     auth-screen previews both use this */
     onNavigate?: (id: string) => void;
     onAccount?: () => void;
     onLogout?: () => void;
@@ -594,11 +595,13 @@ export declare namespace convertTypes {
     }
 }
 
-export declare function CopyableId({ value, head, tail, revealOnHover, asLink, href, className, }: {
+export declare function CopyableId({ value, head, tail, revealOnHover, asLink, mask, href, className, }: {
     value: string;
     head?: number;
     tail?: number;
     revealOnHover?: boolean;
+    /** show the hidden middle as bullets — for secrets, not ids */
+    mask?: boolean;
     /** render the value as a TextLink instead of plain monospace text */
     asLink?: boolean;
     href?: string;
@@ -1445,11 +1448,13 @@ declare const KIND_OPTIONS: {
 
 export declare function Label({ className, ...props }: ComponentProps<typeof LabelPrimitive.Root>): JSX.Element;
 
-export declare function Logo({ src, alt, href, collapsed, }: {
+export declare function Logo({ src, alt, href, collapsed, className: imgClassName, }: {
     src?: string;
     alt?: string;
     href?: string;
     collapsed?: boolean;
+    /** classes merged onto the image — used to size the mark up (e.g. auth screens) */
+    className?: string;
 }): JSX.Element;
 
 export declare function MonthlyUsageTable({ rows }: {
@@ -1797,8 +1802,11 @@ declare const PRESETS: PresetDef_2[];
 /** PRIMARY_NAV — the trimmed MVP navigation. */
 export declare const PRIMARY_NAV: NavGroupConfig[];
 
-export declare function QrCode({ value, className, }: {
+export declare function QrCode({ value, 
+    /** accessible name — say what the code is for (deposit address, 2FA setup…) */
+    label, className, }: {
     value: string;
+    label?: string;
     className?: string;
 }): JSX.Element;
 
@@ -2169,6 +2177,10 @@ 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, 
+    /** input type — "text" unless a field needs email/password semantics */
+    type, 
+    /** control rendered inside the input, at its right edge (e.g. an eye toggle) */
+    trailing, 
     /** right-aligned note beside the label */
     hint, 
     /** helper / error line under the input */
@@ -2180,6 +2192,8 @@ export declare function TextField({ id, label, value, onChange, placeholder,
     value: string;
     onChange: (value: string) => void;
     placeholder?: string;
+    type?: React.ComponentProps<"input">["type"];
+    trailing?: ReactNode;
     hint?: ReactNode;
     helper?: ReactNode;
     disabled?: boolean;
@@ -2338,13 +2352,17 @@ export declare namespace transactionsData {
     }
 }
 
-export declare function TransactionsFilterPanel({ open, onOpenChange, value, assets, onApply, onSave, }: {
+export declare function TransactionsFilterPanel({ open, onOpenChange, value, assets, onApply, onSave, riskOptions, }: {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     value: TxFilter;
     assets: AssetOption[];
     onApply: (filter: TxFilter) => void;
     onSave: (filter: TxFilter) => void;
+    riskOptions?: {
+        value: RiskLevel_2;
+        label: string;
+    }[];
     /**
      * @deprecated No longer invoked. Reset now clears the in-drawer draft only and
      * never mutates applied filters or the table — commit changes via Apply
@@ -2525,7 +2543,7 @@ declare const USER_WALLET_GROUPS: UserWalletGroup[];
 
 declare type UserActionId = 'edit' | 'delete';
 
-export declare function UserMenu({ name, avatarSrc, navMode, onNavModeChange, headerMode, onHeaderModeChange, onAccount, onLogout, onTakeTour, onResetDemo, collapsed, side, align, fullWidth, }: {
+export declare function UserMenu({ name, avatarSrc, navMode, onNavModeChange, headerMode, onHeaderModeChange, variant, onAccount, onNavigate, onLogout, onTakeTour, onResetDemo, collapsed, side, align, fullWidth, }: {
     name?: string;
     avatarSrc?: string;
     /** current navigation preset — MVP ("primary") or Full ("full") */
@@ -2534,7 +2552,11 @@ export declare function UserMenu({ name, avatarSrc, navMode, onNavModeChange, he
     /** current app-header version — V1 (no search) or V2 (search) */
     headerMode?: HeaderMode;
     onHeaderModeChange?: (mode: HeaderMode) => void;
+    /** "minimal" drops every prototype switch, leaving Account information · Logout */
+    variant?: UserMenuVariant;
     onAccount?: () => void;
+    /** navigate to a route id — powers the auth-screen previews */
+    onNavigate?: (id: string) => void;
     onLogout?: () => void;
     onTakeTour?: () => void;
     onResetDemo?: () => void;
@@ -2548,6 +2570,10 @@ export declare function UserMenu({ name, avatarSrc, navMode, onNavModeChange, he
     fullWidth?: boolean;
 }): JSX.Element;
 
+/** Which items the menu carries — the full prototype menu with all the demo
+ switches, or the short production-shaped list (Account information · Logout). */
+declare type UserMenuVariant = "full" | "minimal";
+
 export declare function UserRowActions({ label, onAction, hideEdit, hideDelete, }: {
     /** context for the accessible label, e.g. the user's name */
     label?: string;
@@ -2867,13 +2893,13 @@ export declare namespace withdrawData {
     }
 }
 
-export declare function WithdrawHistoryTable({ data, className, onRowClick, amountTone, emptyMessage, }: {
+export declare function WithdrawHistoryTable({ data, className, onRowClick, direction, emptyMessage, }: {
     data: WithdrawalRecord[];
     className?: string;
     /** click a row to open its Activity details panel */
     onRowClick?: (row: WithdrawalRecord) => void;
-    /** "outflow" paints the figure red; "neutral" leaves it in the body colour */
-    amountTone?: "outflow" | "neutral";
+    /** money-movement direction behind the amount's sign — "neutral" gives none */
+    direction?: PaymentDirection;
     emptyMessage?: string;
 }): JSX.Element;