@gearbox-protocol/ui-kit 3.14.0-next.6 → 3.14.0-next.61

package/dist/types/components/alert-badge/alert-badge.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const alertBadgeVariants: (props?: ({
-    variant?: "default" | "success" | "warning" | "primary" | "alert" | "info" | null | undefined;
+    variant?: "none" | "default" | "success" | "warning" | "primary" | "alert" | "info" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/block-sync-pill/block-sync-pill.d.ts

@@ -0,0 +1,35 @@
+import { BlockSyncProps } from '../../types/footer';
+import type * as React from "react";
+export interface BlockSyncPillProps extends BlockSyncProps {
+    /**
+     * Label rendered inside the status pill. Defaults to `Status`.
+     */
+    statusLabel?: React.ReactNode;
+    /**
+     * Additional class names applied to the pill wrapper.
+     */
+    className?: string;
+}
+/**
+ * BlockSyncPill — backend-sync status rendered as an {@link AppFooter}-style
+ * pill: a thin bordered, rounded badge with a status dot and a label.
+ *
+ * Reflects the **liveness** of the data-refresh loop rather than raw block age:
+ * - **loading** (no successful sync yet): the dot is a pulsing neutral gray;
+ * - **synced** (within `syncIntervalMs * staleMultiplier`, no errors): green,
+ *   pulsing while a refresh is in flight;
+ * - **error / stalled**: red.
+ *
+ * Hovering reveals per-chain block numbers and the local time of the last sync.
+ *
+ * @example
+ * ```tsx
+ * <BlockSyncPill
+ *   blockByChain={blockByChain}
+ *   explorerAddresses={explorerAddresses}
+ *   networkById={networkById}
+ *   syncIntervalMs={300000}
+ * />
+ * ```
+ */
+export declare function BlockSyncPill({ blockByChain, explorerAddresses, networkById, syncIntervalMs, staleMultiplier, statusLabel, className, }: BlockSyncPillProps): React.ReactElement;

package/dist/types/components/block-sync-pill/block-sync-status.d.ts

@@ -0,0 +1,29 @@
+import { BlockByChain } from '../../types/footer';
+/**
+ * Liveness state of the data-refresh loop, derived from per-chain sync info:
+ * - `loading` — nothing has successfully synced yet (initial state);
+ * - `synced` — at least one chain synced and none are stale/failing;
+ * - `error` — a chain reported an error, or the oldest sync is stale.
+ */
+export type BlockSyncState = "loading" | "synced" | "error";
+export interface BlockSyncStatus {
+    state: BlockSyncState;
+    /** True while any chain has a refresh in flight. */
+    isSyncing: boolean;
+}
+export interface GetBlockSyncStatusProps {
+    blockByChain: BlockByChain | undefined;
+    /** Reference "now" timestamp (ms) used to evaluate staleness. */
+    now: number;
+    /** Age (ms) after which the oldest sync is considered stale. */
+    staleAfterMs: number;
+}
+/**
+ * Pure derivation of the {@link BlockSyncState} from chain sync info.
+ *
+ * A chain counts as "synced" only when it has both a real block (`> 0`) and a
+ * local sync timestamp. Staleness is measured against the **oldest** synced
+ * chain, so a single lagging chain is enough to flag the whole indicator.
+ * Errors take priority over everything else.
+ */
+export declare function getBlockSyncStatus({ blockByChain, now, staleAfterMs, }: GetBlockSyncStatusProps): BlockSyncStatus;

package/dist/types/components/block-sync-pill/index.d.ts

@@ -0,0 +1 @@
+export * from './block-sync-pill';

package/dist/types/components/buttons/button/button.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "link" | "text" | "default" | "success" | "destructive" | "ghost" | "outline" | "secondary" | "white" | "neutral" | "pink" | "pink-outline" | "blue" | "blue-outline" | null | undefined;
-    size?: "default" | "icon" | "auto" | "xs" | "sm" | "lg" | null | undefined;
+    size?: "default" | "icon" | "auto" | "xs" | "sm" | "lg" | "md" | null | undefined;
     width?: "compact" | "wide" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
@@ -43,8 +43,9 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
  * Sizes (size):
  * - `auto` — automatic height without padding.
  * - `xs` — extra small (rounded-full, px-3, text-xs).
- * - `sm` — small (h-8, px-3, text-xs).
- * - `default` — standard (h-9, px-4, py-2).
+ * - `sm` — small (h-7, px-3, text-xs).
+ * - `md` — medium (h-8, px-3.5, text-sm).
+ * - `default` — standard (h-10, px-4).
  * - `lg` — large (h-10, px-8).
  * - `icon` — square button for icons (h-9 w-9).
  *

package/dist/types/components/composites/credit-account-history/body.d.ts

@@ -0,0 +1,14 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { Address } from 'viem';
+import { CreditAccountOperationLike, ProtocolsList } from './types';
+export interface HistoryBodyProps {
+    readonly creditManager: {
+        underlyingToken: Address;
+    };
+    readonly tokens: Record<Address, TokenData>;
+    readonly protocols: ProtocolsList | undefined;
+    readonly dataList: Array<CreditAccountOperationLike>;
+    readonly explorerUrl?: string;
+}
+export declare function HistoryBody({ dataList, creditManager, tokens, protocols, explorerUrl, }: HistoryBodyProps): React.ReactElement;

package/dist/types/components/composites/credit-account-history/cells/details.d.ts

@@ -0,0 +1,9 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { Address } from 'viem';
+import { OperationDetails } from '../types';
+export interface DetailsProps {
+    readonly data: OperationDetails;
+    readonly tokensList: Record<Address, TokenData>;
+}
+export declare function Details({ data: { from, leverage, to }, tokensList, }: DetailsProps): React.ReactElement;

package/dist/types/components/composites/credit-account-history/cells/hash.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface HashProps {
+    readonly txHash: string;
+    readonly etherscanAddress: string;
+}
+export declare function Hash({ txHash, etherscanAddress, }: HashProps): React.ReactElement;

package/dist/types/components/composites/credit-account-history/cells/index.d.ts

@@ -0,0 +1,4 @@
+export * from './details';
+export * from './hash';
+export * from './protocol';
+export * from './token-list';

package/dist/types/components/composites/credit-account-history/cells/protocol.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { ProtocolData } from '../types';
+export interface ProtocolProps {
+    readonly protocol: ProtocolData;
+    readonly isUnderlying?: boolean;
+}
+export declare function Protocol({ isUnderlying, protocol: { icon, name }, }: ProtocolProps): React.ReactElement;

package/dist/types/components/composites/credit-account-history/cells/token-list.d.ts

@@ -0,0 +1,9 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { Address } from 'viem';
+import { DetailsEntry } from '../types';
+export interface TokenListProps {
+    readonly data: Array<DetailsEntry>;
+    readonly tokensList: Record<Address, TokenData>;
+}
+export declare function TokenList({ data, tokensList, }: TokenListProps): React.ReactElement;

package/dist/types/components/composites/credit-account-history/credit-account-history.d.ts

@@ -0,0 +1,15 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { Address } from 'viem';
+import { CreditAccountOperationLike, ProtocolsList } from './types';
+export interface CreditAccountHistoryProps {
+    readonly creditManager: {
+        underlyingToken: Address;
+    };
+    readonly tokens: Record<Address, TokenData>;
+    readonly protocols: ProtocolsList | undefined;
+    readonly dataList: Array<CreditAccountOperationLike>;
+    readonly isLoading?: boolean;
+    readonly explorerUrl?: string;
+}
+export declare const CreditAccountHistory: React.NamedExoticComponent<CreditAccountHistoryProps>;

package/dist/types/components/composites/credit-account-history/index.d.ts

@@ -0,0 +1,2 @@
+export * from './credit-account-history';
+export * from './types';

package/dist/types/components/composites/credit-account-history/line.d.ts

@@ -0,0 +1,18 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { Address } from 'viem';
+import { CreditAccountOperationLike, OperationDetails, ProtocolsList } from './types';
+export interface HistoryLineProps {
+    readonly data: CreditAccountOperationLike;
+    readonly details: OperationDetails;
+    readonly tokens: Record<Address, TokenData>;
+    readonly protocols: ProtocolsList | undefined;
+    readonly hideBorder: boolean;
+    readonly index: {
+        index: number;
+        outOf: number;
+    };
+    readonly underlyingToken: Address;
+    readonly explorerUrl?: string;
+}
+export declare function HistoryLine({ data, details, tokens, protocols, hideBorder, index, underlyingToken, explorerUrl, }: HistoryLineProps): React.ReactElement;

package/dist/types/components/composites/credit-account-history/types.d.ts

@@ -0,0 +1,36 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { Address } from 'viem';
+export declare const ZERO_ADDRESS: Address;
+export interface DetailsEntry {
+    readonly token?: Address;
+    readonly account?: Address;
+    readonly description?: string;
+}
+export interface OperationDetails {
+    readonly from: Array<DetailsEntry>;
+    readonly leverage?: string;
+    readonly to?: Array<DetailsEntry>;
+}
+export interface ProtocolData {
+    readonly name: string;
+    readonly icon: string;
+}
+export type ProtocolsList = Record<Address, ProtocolData>;
+export declare const GEARBOX_PROTOCOL_INFO: ProtocolData;
+export interface CreditAccountOperationLike {
+    readonly txHash: string;
+    readonly date: string;
+    readonly time: string;
+    readonly timestamp: number;
+    readonly protocol: string;
+    readonly sessionId: string;
+    readonly blockNum: number;
+    readonly operation: string;
+    readonly operationType: string;
+    getDetails(token: Address, tokensList: Record<Address, TokenData>): [OperationDetails, Array<CreditAccountOperationLike>?];
+}
+export interface OpenCreditAccountLike extends CreditAccountOperationLike {
+    readonly from: bigint;
+    readonly leverage: number;
+}
+export declare const isMulticallOperation: (op: unknown) => boolean;

package/dist/types/components/composites/index.d.ts

@@ -1,6 +1,9 @@
+export * from './credit-account-history';
+export * from './notification-center';
 export * from './oracles-and-lt-table';
 export * from './pool-assets-table';
 export * from './pool-credit-manager-info';
 export * from './pool-credit-managers-table';
 export * from './pool-table';
 export * from './strategies-table';
+export * from './tx-preview';

package/dist/types/components/composites/notification-center/index.d.ts

@@ -0,0 +1,2 @@
+export * from './notification-center';
+export * from './types';

package/dist/types/components/composites/notification-center/notification-center.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { NotificationCenterProps } from './types';
+/**
+ * Presentational notification center: a bell trigger with a request-count badge
+ * and a dropdown listing deferred ("Requests") and settled ("Recent")
+ * operations. Fully controlled and data-agnostic — the host builds the row view
+ * models (titles, status labels, timestamps) and wires the callbacks.
+ */
+export declare function NotificationCenter({ open, onOpenChange, deferredRows, successRows, deferredCount, hasReady, hasAny, onClear, }: NotificationCenterProps): React.ReactElement;

package/dist/types/components/composites/notification-center/types.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+/** A deferred (two-phase) request row shown in the "Requests" section. */
+export interface DeferredRowView {
+    readonly id: string;
+    readonly title: React.ReactNode;
+    readonly positionName: React.ReactNode;
+    readonly isReady: boolean;
+    readonly isClickable: boolean;
+    readonly statusLabel: React.ReactNode;
+    /** Present only for reopenable (matured) rows; makes the row clickable. */
+    readonly onExecute?: () => void;
+}
+/** A settled operation row shown in the "Recent" section. */
+export interface SuccessRowView {
+    readonly id: string;
+    readonly label: React.ReactNode;
+    readonly timestampLabel: React.ReactNode;
+    readonly onView?: () => void;
+}
+export interface NotificationCenterProps {
+    readonly open: boolean;
+    readonly onOpenChange: (open: boolean) => void;
+    readonly deferredRows: DeferredRowView[];
+    readonly successRows: SuccessRowView[];
+    readonly deferredCount: number;
+    /** At least one deferred request has matured (drives the badge/status color). */
+    readonly hasReady: boolean;
+    readonly hasAny: boolean;
+    /** Optional action: wipe settled ("Recent") notifications. Rendered in the Recent section header; hidden when omitted. */
+    readonly onClear?: () => void;
+}

package/dist/types/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.d.ts

@@ -0,0 +1,29 @@
+import { VariantProps } from 'class-variance-authority';
+import { default as React } from 'react';
+import { TokenFullData } from '../../../../../types/common';
+declare const rootVariants: (props?: ({
+    position?: "first" | "last" | "inBetween" | "solo" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface TransactionConfirmAmountFieldProps extends VariantProps<typeof rootVariants> {
+    readonly label: React.ReactNode;
+    readonly primaryAmount: {
+        readonly value: bigint;
+        readonly token?: Omit<TokenFullData, "address">;
+    } | {
+        node: React.ReactNode;
+    };
+    readonly secondaryAmount?: {
+        readonly valueUSD?: bigint | number;
+    } | {
+        node: React.ReactNode;
+    };
+    readonly loading?: boolean;
+    readonly maxLength?: number;
+    readonly approximate?: {
+        isApproximate?: boolean;
+        approximateSymbol?: string;
+    };
+}
+export declare function TransactionConfirmAmountField({ label, primaryAmount, secondaryAmount, loading, position, size, maxLength, approximate, }: TransactionConfirmAmountFieldProps): React.ReactElement;
+export {};

package/dist/types/components/composites/tx-preview/confirm/amounts/constants.d.ts

@@ -0,0 +1,6 @@
+export declare class TransactionConfirmAmountFieldTest {
+    static root: string;
+}
+export declare class TransactionConfirmAmountPairTest {
+    static root: string;
+}

package/dist/types/components/composites/tx-preview/confirm/amounts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './constants';
+export * from './TransactionConfirmAmountField';

package/dist/types/components/composites/tx-preview/confirm/dialog/TransactionConfirmModalView.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { TransactionConfirmShellProps } from './TransactionConfirmShell';
+export interface TransactionConfirmModalViewProps extends Omit<TransactionConfirmShellProps, "header" | "data-testid"> {
+    readonly open: boolean;
+    readonly onClose: () => void;
+    readonly title: React.ReactNode;
+    readonly titleAddon: React.ReactNode | undefined;
+    readonly hideTitleAddonOnResult: boolean | undefined;
+    readonly containerClassName: string | undefined;
+    readonly containerTestId: string | undefined;
+    readonly shellTestId: string | undefined;
+}
+/**
+ *
+ * Base shell on page as a dialog
+ */
+export declare function TransactionConfirmModalView({ open, onClose, title, titleAddon, hideTitleAddonOnResult, containerClassName, containerTestId, shellTestId, phase, ...rest }: TransactionConfirmModalViewProps): React.ReactElement | null;

package/dist/types/components/composites/tx-preview/confirm/dialog/TransactionConfirmPageView.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { TransactionConfirmShellProps } from './TransactionConfirmShell';
+export interface TransactionConfirmPageViewProps extends Omit<TransactionConfirmShellProps, "header" | "data-testid"> {
+    readonly title: React.ReactNode;
+    readonly titleAddon: React.ReactNode | undefined;
+    readonly hideTitleAddonOnResult: boolean | undefined;
+    readonly containerClassName: string | undefined;
+    readonly containerTestId: string | undefined;
+    readonly shellTestId: string | undefined;
+}
+/**
+ *
+ * Base shell in modal
+ */
+export declare function TransactionConfirmPageView({ title, titleAddon, hideTitleAddonOnResult, containerClassName, containerTestId, shellTestId, phase, ...rest }: TransactionConfirmPageViewProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/dialog/TransactionConfirmShell.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { TransactionExecutionStepView } from '../stepper/transactionExecutionStepTypes';
+import { TransactionConfirmPhase } from './transactionConfirmPhase';
+export interface TransactionConfirmShellProps {
+    readonly phase?: TransactionConfirmPhase;
+    readonly header?: React.ReactNode;
+    readonly preview: React.ReactNode;
+    readonly previewLoading?: boolean;
+    readonly previewError?: Error | null;
+    readonly previewErrorTitle?: string;
+    readonly previewClassName?: string;
+    readonly execution: React.ReactNode;
+    readonly progressSteps?: ReadonlyArray<TransactionExecutionStepView>;
+    readonly renderProgressStepLabel?: (step: TransactionExecutionStepView) => React.ReactNode;
+    readonly result?: React.ReactNode;
+    readonly className?: string;
+    readonly "data-testid"?: string;
+}
+/**
+ *
+ * Base shell component
+ */
+export declare function TransactionConfirmShell({ phase, header, preview, previewLoading, previewError, previewErrorTitle, previewClassName, execution, progressSteps, renderProgressStepLabel, result, className, "data-testid": dataTestId, }: TransactionConfirmShellProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/dialog/computeTransactionConfirmDialogLayout.d.ts

@@ -0,0 +1,8 @@
+import { TransactionConfirmPhase } from './transactionConfirmPhase';
+export interface TransactionConfirmDialogLayout {
+    readonly showPreview: boolean;
+    readonly showExecution: boolean;
+    readonly showProgressStepper: boolean;
+    readonly showResult: boolean;
+}
+export declare function computeTransactionConfirmDialogLayout(phase: TransactionConfirmPhase, hasProgressSteps: boolean): TransactionConfirmDialogLayout;

package/dist/types/components/composites/tx-preview/confirm/dialog/constants.d.ts

@@ -0,0 +1,17 @@
+export declare class TransactionConfirmDialogTest {
+    static root: string;
+    static execution: string;
+    static progress: string;
+    static result: string;
+}
+/** Outer dialog card: mobile-first full width, fixed 560px from md up. */
+export declare const transactionConfirmDialogShellVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * Modal confirm: use available viewport height; inner preview scrolls only when
+ * content overflows (see `transactionConfirmPreviewScrollVariants`).
+ */
+export declare const transactionConfirmModalContainerVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/** Scrollable preview column inside confirm / execute body. */
+export declare const transactionConfirmPreviewScrollVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/** Inner shell content: fill the padded dialog container without re-applying width. */
+export declare const transactionConfirmShellContentVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/types/components/composites/tx-preview/confirm/dialog/index.d.ts

@@ -0,0 +1,5 @@
+export * from './computeTransactionConfirmDialogLayout';
+export * from './constants';
+export * from './TransactionConfirmModalView';
+export * from './TransactionConfirmPageView';
+export * from './transactionConfirmPhase';

package/dist/types/components/composites/tx-preview/confirm/dialog/transactionConfirmPhase.d.ts

@@ -0,0 +1,4 @@
+export type TransactionConfirmPhase = "confirm" | "awaiting_receipt" | "success" | "failure";
+export interface TransactionConfirmSubmittedTx {
+    readonly hash: `0x${string}`;
+}

package/dist/types/components/composites/tx-preview/confirm/execution/TransactionConfirmExecuteButton.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { ButtonProps } from '../../../../buttons/button/button';
+export interface TransactionConfirmExecuteButtonProps extends ButtonProps {
+    readonly isLoading?: boolean;
+}
+export declare function TransactionConfirmExecuteButton({ isLoading, disabled, children, width, size, ...rest }: TransactionConfirmExecuteButtonProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/execution/index.d.ts

@@ -0,0 +1 @@
+export * from './TransactionConfirmExecuteButton';

package/dist/types/components/composites/tx-preview/confirm/index.d.ts

@@ -0,0 +1,5 @@
+export * from './amounts';
+export * from './dialog';
+export * from './execution';
+export * from './result';
+export * from './stepper';

package/dist/types/components/composites/tx-preview/confirm/result/TransactionConfirmFailureResult.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface TransactionConfirmFailureResultProps {
+    readonly title: React.ReactNode;
+    readonly description: React.ReactNode;
+    readonly footerAction?: React.ReactNode;
+    readonly iconSize?: number;
+}
+export declare function TransactionConfirmFailureResult({ title, description, footerAction, iconSize, }: TransactionConfirmFailureResultProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/result/TransactionConfirmSuccessIcon.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare function TransactionConfirmSuccessIcon(): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/result/TransactionConfirmSuccessResult.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface TransactionConfirmSuccessResultProps {
+    readonly headline: React.ReactNode;
+    readonly subtitle: React.ReactNode;
+    readonly txHashRow?: React.ReactNode;
+    readonly footerAction?: React.ReactNode;
+}
+export declare function TransactionConfirmSuccessResult({ headline, subtitle, txHashRow, footerAction, }: TransactionConfirmSuccessResultProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/result/TransactionConfirmTxHashRow.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface TransactionConfirmTxHashRowProps {
+    readonly txHashLink: React.ReactNode;
+    readonly addToWalletLink?: React.ReactNode;
+}
+export declare function TransactionConfirmTxHashRow({ txHashLink, addToWalletLink, }: TransactionConfirmTxHashRowProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/result/constants.d.ts

@@ -0,0 +1,18 @@
+export declare class TransactionConfirmSuccessResultTest {
+    static root: string;
+    static headline: string;
+    static subtitle: string;
+    static footer: string;
+}
+export declare class TransactionConfirmFailureResultTest {
+    static root: string;
+    static footer: string;
+}
+export declare class TransactionConfirmTxHashRowTest {
+    static root: string;
+    static txHashLink: string;
+    static addToWallet: string;
+}
+export declare class TransactionConfirmExecuteButtonTest {
+    static root: string;
+}

package/dist/types/components/composites/tx-preview/confirm/result/index.d.ts

@@ -0,0 +1,5 @@
+export * from './constants';
+export * from './TransactionConfirmFailureResult';
+export * from './TransactionConfirmSuccessIcon';
+export * from './TransactionConfirmSuccessResult';
+export * from './TransactionConfirmTxHashRow';

package/dist/types/components/composites/tx-preview/confirm/stepper/ProgressStepper.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+import { StepStatus } from './transactionExecutionStepTypes';
+export interface ProgressStepperStep {
+    /** Stable identity used as the React key. */
+    readonly id: string;
+    readonly label: React.ReactNode;
+    readonly status: StepStatus;
+    /**
+     * Marker centered on the connector that precedes this step — e.g. a delay
+     * clock shown between "Request" and "Withdraw". Ignored on the first step.
+     */
+    readonly connectorMarker?: React.ReactNode;
+    /** Render the connector that precedes this step as dashed. */
+    readonly connectorDashed?: boolean;
+}
+/**
+ * Visual tone of the reached (completed + active) track.
+ * - `foreground`: solid white dots and connectors (default).
+ * - `muted`: grey `gray-50` track; the active dot stays white, completed dots
+ *   and reached connectors render in `gray-50`.
+ */
+export type ProgressStepperTone = "foreground" | "muted";
+export interface ProgressStepperProps {
+    readonly steps: ReadonlyArray<ProgressStepperStep>;
+    readonly tone?: ProgressStepperTone;
+    readonly className?: string;
+}
+/**
+ * Generic progress stepper: a row of dots + labels joined by connectors.
+ *
+ * Each connector is two half-lines living in the same row as the dot, so the
+ * lines butt directly against the 9px dots. Supports an optional per-connector
+ * `marker` (centered on the connector midpoint, e.g. a waiting clock) and a
+ * `dashed` connector style. The reached track color follows `tone`.
+ */
+export declare function ProgressStepper({ steps, tone, className, }: ProgressStepperProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/stepper/constants.d.ts

@@ -0,0 +1,3 @@
+export declare class ProgressStepperTest {
+    static root: string;
+}

package/dist/types/components/composites/tx-preview/confirm/stepper/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './ProgressStepper';
+export * from './transactionExecutionStepTypes';

package/dist/types/components/composites/tx-preview/confirm/stepper/transactionExecutionStepTypes.d.ts

@@ -0,0 +1,10 @@
+export type TransactionExecutionStepId = "approve" | "auth" | "execute";
+export type TransactionExecutionPrerequisiteStepId = Exclude<TransactionExecutionStepId, "execute">;
+export type StepStatus = "completed" | "active" | "upcoming";
+export type TransactionExecutionStepLabelKey = "approve" | "approveBatch" | "auth" | "execute";
+export interface TransactionExecutionStepView {
+    id: TransactionExecutionStepId;
+    labelKey: TransactionExecutionStepLabelKey;
+    status: StepStatus;
+}
+export declare function shouldShowTransactionProgressStepper(steps: ReadonlyArray<Pick<TransactionExecutionStepView, "id">>): boolean;

package/dist/types/components/composites/tx-preview/index.d.ts

@@ -0,0 +1 @@
+export * from './confirm';

package/dist/types/components/confirm-menu/confirm-menu.d.ts

@@ -2,8 +2,10 @@ import * as React from "react";
 export interface ConfirmMenuProps {
     /** Title text or element shown in the header */
     title: React.ReactNode;
-    /** Callback when the close button is clicked */
-    onClose: () => void;
+    /** Optional badge or addon rendered after the title (e.g. LP pill). */
+    titleAddon?: React.ReactNode;
+    /** Callback when the close button is clicked. Omit to hide the close control. */
+    onClose?: () => void;
     /** Additional CSS class applied to the root element */
     className?: string;
 }