@gearbox-protocol/ui-kit 3.14.0-next.3 → 3.14.0-next.30

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/tx-preview/components/AddressAvatar.d.ts

@@ -0,0 +1,12 @@
+import { Address } from 'viem';
+import { AddressRole } from './addressLabel';
+export interface AddressAvatarProps {
+    address: Address;
+    role?: AddressRole;
+}
+/**
+ * Small round avatar for an operation party. Picks an icon based on `role`:
+ * wallet / credit-account get a Font Awesome glyph, pools get the Gearbox brand
+ * logo, and everything else falls back to an address-derived {@link Identicon}.
+ */
+export declare function AddressAvatar({ address, role, }: AddressAvatarProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { Address } from 'viem';
+import { AddressLabel } from './addressLabel';
+export interface AddressPartyProps {
+    address: Address;
+    /** Optional resolved label; controls the displayed name and avatar. */
+    label?: AddressLabel;
+}
+/**
+ * One side of a transfer: an avatar plus a name (the resolved label, when
+ * present) and the shortened, copyable address. The copy affordance sits on the
+ * address line itself (not centered against the whole block). Purely
+ * presentational; labels are resolved by the caller.
+ */
+export declare function AddressParty({ address, label }: AddressPartyProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { Address } from 'viem';
+export interface AddressRowProps {
+    label: string;
+    address: Address;
+}
+/** A labeled row showing a shortened, copyable address. */
+export declare function AddressRow({ label, address }: AddressRowProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,15 @@
+export interface AmountRowToken {
+    symbol: string;
+    decimals: number;
+}
+export interface AmountRowProps {
+    value: bigint | string | number;
+    token: AmountRowToken;
+    /** Row label shown on the left. */
+    label?: string;
+}
+/**
+ * A two-column row: a label on the left and a token amount (icon + formatted
+ * value + symbol) on the right.
+ */
+export declare function AmountRow({ value, token, label }: AmountRowProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+export interface CollapsibleCardProps {
+    /** Unique value identifying the accordion item within the card. */
+    value: string;
+    /** Header title, rendered inside a `CardTitle`. */
+    title: ReactNode;
+    /**
+     * Whether the card is expanded by default.
+     * @default true
+     */
+    defaultOpen?: boolean;
+    /** Extra classes merged into the content wrapper (default `flex flex-col gap-3 pt-0`). */
+    contentClassName?: string;
+    children: ReactNode;
+}
+/**
+ * Collapsible card shell: a `Card` wrapping a single-item `SimpleAccordion`
+ * whose header is the `title` and whose body is `children`. Encapsulates the
+ * repeated `Card -> SimpleAccordion -> SimpleAccordionItem` pattern used across
+ * the decode feature cards.
+ */
+export declare function CollapsibleCard({ value, title, defaultOpen, contentClassName, children, }: CollapsibleCardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+export interface SectionDividerProps {
+    /** Section heading rendered between the two separator rules. */
+    title: string;
+}
+/**
+ * A labeled divider: a centered, uppercase heading flanked by horizontal rules.
+ * Used to introduce a section inside an operation card (e.g. "Transfers" or the
+ * per-address balance groups in the state-changes card).
+ */
+export declare function SectionDivider({ title }: SectionDividerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+import { Address } from 'viem';
+import { AddressLabels } from './addressLabel';
+import { Transfer, TransferListToken } from './TransferRow';
+export interface TransferListProps {
+    transfers: Transfer[];
+    /** Resolved labels for the involved addresses (drives names, avatars, color). */
+    labels: AddressLabels;
+    /** Resolves token metadata (symbol/decimals) for a token address. */
+    resolveToken: (token: Address) => TransferListToken;
+    /** Section heading shown in the divider; pass `null` to omit it. */
+    title?: string | null;
+}
+/**
+ * Renders a list of {@link TransferRow}s, separated from the rest of the card by
+ * a labeled divider. All rows share one symmetric five-column grid so the
+ * arrows, amounts and avatars align across rows. Renders nothing when there are
+ * no transfers.
+ */
+export declare function TransferList({ transfers, labels, resolveToken, title, }: TransferListProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,30 @@
+import { Address } from 'viem';
+import { AddressLabels } from './addressLabel';
+export interface TransferListToken {
+    symbol: string;
+    decimals: number;
+}
+export interface Transfer {
+    token: Address;
+    amount: bigint;
+    from: Address;
+    to: Address;
+}
+export interface TransferRowProps {
+    transfer: Transfer;
+    /** Resolved labels for the involved addresses (drives names, avatars, color). */
+    labels: AddressLabels;
+    token: TransferListToken;
+}
+/**
+ * One transfer as five grid cells (the parent `TransferList` owns the shared,
+ * left-right symmetric grid template so columns line up across rows): sender,
+ * arrow, token amount, arrow, receiver. Sender/receiver are left-aligned in the
+ * flexible outer columns; the centered amount sits at the row's horizontal
+ * center with the two arrows symmetric around it. The arrows and amount are
+ * colored by direction relative to "our" addresses: red when an owned address
+ * is the sender (outgoing), green when it is the receiver (incoming), muted
+ * otherwise. Purely presentational; labels/token metadata are resolved by the
+ * caller.
+ */
+export declare function TransferRow({ transfer, labels, token }: TransferRowProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,27 @@
+import { Address } from 'viem';
+/**
+ * Visual category for a labeled address; drives the avatar rendering.
+ * `external` is the fallback for addresses we do not specifically recognize.
+ */
+export type AddressRole = "wallet" | "creditAccount" | "pool" | "external";
+/**
+ * UI-only description of an address involved in an operation.
+ *
+ * `ours` is a presentation-layer concept (it colors transfers red/green) and is
+ * derived by the feature that builds the labels; it is intentionally decoupled
+ * from the simulation watch set in `src/simulate`.
+ */
+export interface AddressLabel {
+    /** Label shown in transfer rows, e.g. "Your wallet", "LP shares receiver", "Pool XYZ". */
+    transferLabel?: string;
+    /** Label shown as the state-changes divider, e.g. "Wallet balances", "Receiver balances". */
+    balancesLabel?: string;
+    /** Visual category, drives the avatar. */
+    role: AddressRole;
+    /** Whether this is one of "our" addresses; drives transfer color (red/green). */
+    ours: boolean;
+}
+/** Address -> label lookup, keyed by checksummed address. */
+export type AddressLabels = ReadonlyMap<Address, AddressLabel>;
+/** Resolves an address's label, normalizing the key to checksummed form. */
+export declare function getAddressLabel(labels: AddressLabels, address: Address): AddressLabel | undefined;

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

@@ -0,0 +1,9 @@
+export * from './AddressAvatar';
+export * from './AddressParty';
+export * from './AddressRow';
+export * from './AmountRow';
+export * from './addressLabel';
+export * from './CollapsibleCard';
+export * from './SectionDivider';
+export * from './TransferList';
+export * from './TransferRow';

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { TokenFullData } from '../../../../../types/common';
+export interface TransactionConfirmAmountFieldProps {
+    readonly label: React.ReactNode;
+    readonly amount: bigint;
+    readonly token?: Omit<TokenFullData, "address">;
+    readonly usdMoney?: bigint;
+    readonly loading?: boolean;
+    readonly position: "primary" | "receive";
+    readonly size?: "sm" | "md";
+    readonly maxLength?: number;
+}
+export declare function TransactionConfirmAmountField({ label, amount, token, usdMoney, loading, position, size, maxLength, }: TransactionConfirmAmountFieldProps): React.ReactElement;

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

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { TokenFullData } from '../../../../../types/common';
+export interface TransactionConfirmAmountPairProps {
+    readonly primaryLabel: React.ReactNode;
+    readonly primaryAmount: bigint;
+    readonly primaryToken?: Omit<TokenFullData, "address">;
+    readonly primaryUsdMoney?: bigint;
+    readonly receiveLabel: React.ReactNode;
+    readonly receiveAmount: bigint;
+    readonly receiveToken?: Omit<TokenFullData, "address">;
+    readonly receiveUsdMoney?: bigint;
+    readonly loading?: boolean;
+    readonly size?: "sm" | "md";
+    readonly maxLength?: number;
+}
+export declare function TransactionConfirmAmountPair({ primaryLabel, primaryAmount, primaryToken, primaryUsdMoney, receiveLabel, receiveAmount, receiveToken, receiveUsdMoney, loading, size, maxLength, }: TransactionConfirmAmountPairProps): React.ReactElement;

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,3 @@
+export * from './constants';
+export * from './TransactionConfirmAmountField';
+export * from './TransactionConfirmAmountPair';

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

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { TransactionExecutionStepView } from '../stepper/transactionExecutionStepTypes';
+import { TransactionConfirmPhase } from './transactionConfirmPhase';
+export interface TransactionConfirmDialogViewProps {
+    readonly open: boolean;
+    readonly onClose: () => void;
+    readonly phase?: TransactionConfirmPhase;
+    readonly title: React.ReactNode;
+    readonly titleAddon?: React.ReactNode;
+    readonly preview: React.ReactNode;
+    readonly previewLoading?: boolean;
+    readonly previewError?: Error | null;
+    readonly previewErrorTitle?: string;
+    readonly previewClassName?: string;
+    readonly containerClassName?: string;
+    readonly containerTestId?: string;
+    readonly shellTestId?: string;
+    readonly execution: React.ReactNode;
+    readonly progressSteps?: ReadonlyArray<TransactionExecutionStepView>;
+    readonly renderProgressStepLabel?: (step: TransactionExecutionStepView) => React.ReactNode;
+    readonly result?: React.ReactNode;
+    readonly hideTitleAddonOnResult?: boolean;
+}
+export declare function TransactionConfirmDialogView({ open, onClose, phase, title, titleAddon, preview, previewLoading, previewError, previewErrorTitle, previewClassName, containerClassName, containerTestId, shellTestId, execution, progressSteps, renderProgressStepLabel, result, hideTitleAddonOnResult, }: TransactionConfirmDialogViewProps): React.ReactElement | null;

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

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { TransactionExecutionStepView } from '../stepper/transactionExecutionStepTypes';
+import { TransactionConfirmPhase } from './transactionConfirmPhase';
+export interface TransactionConfirmPageViewProps {
+    readonly phase?: TransactionConfirmPhase;
+    readonly onClose?: () => void;
+    readonly title: React.ReactNode;
+    readonly titleAddon?: 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 hideTitleAddonOnResult?: boolean;
+    readonly containerClassName?: string;
+    readonly containerTestId?: string;
+    readonly shellTestId?: string;
+}
+export declare function TransactionConfirmPageView({ onClose, phase, title, titleAddon, preview, previewLoading, previewError, previewErrorTitle, previewClassName, execution, progressSteps, renderProgressStepLabel, result, hideTitleAddonOnResult, containerClassName, containerTestId, shellTestId, }: TransactionConfirmPageViewProps): React.ReactElement;

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

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

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

@@ -0,0 +1,19 @@
+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;
+}
+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,8 @@
+export * from './computeTransactionConfirmDialogLayout';
+export * from './constants';
+export * from './TransactionConfirmDialogView';
+export * from './TransactionConfirmPageView';
+export * from './TransactionConfirmShell';
+export * from './TransactionConfirmShell.constants';
+export * from './transactionConfirmPhase';
+export * from './useTransactionConfirmDialog';

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/dialog/useTransactionConfirmDialog.d.ts

@@ -0,0 +1,8 @@
+export interface UseTransactionConfirmDialogReturn {
+    open: boolean;
+    openDialog: () => void;
+    closeDialog: () => void;
+    refreshNonce: number;
+    bumpRefreshNonce: () => void;
+}
+export declare function useTransactionConfirmDialog(): UseTransactionConfirmDialogReturn;

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,7 @@
+export * from './amounts';
+export * from './dialog';
+export * from './execution';
+export * from './preview';
+export * from './result';
+export * from './stepper';
+export * from './summary';

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

@@ -0,0 +1,12 @@
+import { Operation, PoolSimulationResult } from '@gearbox-protocol/sdk/preview';
+import { default as React } from 'react';
+import { Address } from 'viem';
+import { GearboxSDKLike } from '../../types';
+export interface OperationPreviewContentProps {
+    sdk: GearboxSDKLike;
+    operation: Operation;
+    simulation: PoolSimulationResult | undefined;
+    isSimulating: boolean;
+    wallet: Address;
+}
+export declare function OperationPreviewContent({ sdk, operation, simulation, isSimulating, wallet, }: OperationPreviewContentProps): React.ReactElement;

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

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

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/TransactionProgressStepper.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { TransactionExecutionStepView } from './transactionExecutionStepTypes';
+export interface TransactionProgressStepperProps {
+    readonly steps: ReadonlyArray<TransactionExecutionStepView>;
+    readonly renderLabel: (step: TransactionExecutionStepView) => React.ReactNode;
+}
+export declare function TransactionProgressStepper({ steps, renderLabel, }: TransactionProgressStepperProps): React.ReactElement;

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

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

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

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './TransactionProgressStepper';
+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/confirm/summary/PoolOperationConfirmDetails.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export interface PoolOperationConfirmDetailsProps {
+    readonly apyLabel?: React.ReactNode;
+    readonly apy?: React.ReactNode;
+    readonly apyLoading?: boolean;
+    readonly poolTvlLabel: React.ReactNode;
+    readonly poolTvl: React.ReactNode;
+    readonly poolUtilizationLabel: React.ReactNode;
+    readonly poolUtilization: React.ReactNode;
+    readonly curatorLabel: React.ReactNode;
+    readonly curatorValue: React.ReactNode;
+    readonly poolLabel: React.ReactNode;
+    readonly poolContractValue: React.ReactNode;
+}
+export declare function PoolOperationConfirmDetails({ apyLabel, apy, apyLoading, poolTvlLabel, poolTvl, poolUtilizationLabel, poolUtilization, curatorLabel, curatorValue, poolLabel, poolContractValue, }: PoolOperationConfirmDetailsProps): React.ReactElement;

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

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

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

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