@gearbox-protocol/ui-kit 3.14.0-next.9 → 4.0.0-next.2

package/dist/types/components/base/time-to-liquidation-block/constants.d.ts

@@ -0,0 +1,5 @@
+export declare class TimeToLiquidationBlockTest {
+    static root: string;
+    static value: string;
+    static valueTo: string;
+}

package/dist/types/components/base/time-to-liquidation-block/index.d.ts

@@ -0,0 +1,2 @@
+export * from './constants';
+export * from './time-to-liquidation-block';

package/dist/types/components/base/time-to-liquidation-block/time-to-liquidation-block.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { TitleText } from '../text';
+import { TTLZones } from '../../../utils/ttl';
+import { TimeToLiquidationBlockTest } from './constants';
+export { TimeToLiquidationBlockTest };
+export interface TimeToLiquidationBlockProps {
+    /**
+     * Time to liquidation in seconds; `null` renders "N/A", omit to render "—"
+     * (value not available).
+     */
+    readonly seconds?: number | null;
+    /** Time after the operation; renders a from → to transition. */
+    readonly secondsTo?: number | null;
+    /** Pre-computed zone; if not set, derived from the value. */
+    readonly zone?: TTLZones;
+    readonly isLoading?: boolean;
+    /** Label override; defaults to the "Time to liquidation" locale string. */
+    readonly title?: TitleText;
+    /** Tooltip override; defaults to the standard explanation. */
+    readonly tip?: React.ReactNode;
+    readonly testId?: string;
+}
+/**
+ * "Time to liquidation" row of a preview: label + help tip, the remaining
+ * time as `Nmo` / `Nd` / `<1d` with a zone dot, optionally from → to.
+ * Design only — the reference `TimeToLiquidationBlock` markup on value props.
+ */
+export declare function TimeToLiquidationBlock({ seconds, secondsTo, zone, isLoading, title, tip, testId, }: TimeToLiquidationBlockProps): React.ReactElement;

package/dist/types/components/base/title-meta/constants.d.ts

@@ -0,0 +1,5 @@
+export declare class TitleMetaTest {
+    static root: string;
+    static network: string;
+    static curator: string;
+}

package/dist/types/components/base/title-meta/index.d.ts

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

package/dist/types/components/base/title-meta/title-meta.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { NetworkIcons } from '../../../utils/network-icons';
+import { TitleMetaTest } from './constants';
+export { TitleMetaTest };
+export interface TitleMetaProps {
+    readonly network: NetworkIcons;
+    readonly curatorName: string | undefined;
+    readonly curatorLink: string | undefined;
+    readonly onCuratorLinkClick?: () => void;
+    readonly testId?: string;
+    readonly networkTestId?: string;
+    readonly curatorTestId?: string;
+}
+/** Network + curator row under a detail-page title. */
+export declare function TitleMeta({ network, curatorName, curatorLink, onCuratorLinkClick, testId, networkTestId, curatorTestId, }: TitleMetaProps): React.ReactElement;

package/dist/types/components/base/token-amount/constants.d.ts

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

package/dist/types/components/base/token-amount/index.d.ts

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

package/dist/types/components/base/token-amount/token-amount.d.ts

@@ -0,0 +1,21 @@
+import { Amount, Token, TokenAmount as TokenAmountModel } from '@gearbox-protocol/sdk/model';
+import { default as React } from 'react';
+import { TokenAmountTest } from './constants';
+export { TokenAmountTest };
+/**
+ * An amount of a token, with its USD value underneath.
+ *
+ * The model's `TokenAmount` says what it is denominated in, so that is all this
+ * takes. The few groups the SDK hands out as a bare `Amount` (a pool's
+ * `totalSupply` / `totalBorrow`, implicitly in the market underlying) name their
+ * token alongside.
+ */
+export type TokenAmountProps = {
+    /** `null` means unavailable and renders an em-dash. */
+    readonly data: TokenAmountModel | null;
+    readonly token?: undefined;
+} | {
+    readonly data: Amount | null;
+    readonly token: Token;
+};
+export declare function TokenAmount({ data, token, }: TokenAmountProps): React.ReactElement;

package/dist/types/components/base/token-pair-symbol/constants.d.ts

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

package/dist/types/components/base/token-pair-symbol/index.d.ts

@@ -0,0 +1,2 @@
+export * from './constants';
+export * from './token-pair-symbol';

package/dist/types/components/base/token-pair-symbol/token-pair-symbol.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { TokenSymbolProps } from '../../token-symbol';
+import { TokenPairSymbolTest } from './constants';
+export { TokenPairSymbolTest };
+export interface TokenPairSymbolProps {
+    /** Collateral / strategy token (left). */
+    readonly collateral: TokenSymbolProps["token"] | undefined;
+    /** Debt / underlying token (right). */
+    readonly underlying: TokenSymbolProps["token"] | undefined;
+    readonly size?: number;
+    readonly offset?: number;
+    readonly className?: string;
+}
+/** Two token icons overlapping: collateral in front, underlying behind. */
+export declare function TokenPairSymbol({ collateral, underlying, size, offset, className, }: TokenPairSymbolProps): React.ReactElement | null;

package/dist/types/components/base/token-pair-title/constants.d.ts

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

package/dist/types/components/base/token-pair-title/index.d.ts

@@ -0,0 +1,2 @@
+export * from './constants';
+export * from './token-pair-title';

package/dist/types/components/base/token-pair-title/token-pair-title.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { TokenPairTitleTest } from './constants';
+export { TokenPairTitleTest };
+export interface TokenPairTitleProps {
+    /** Collateral / strategy side of the title. */
+    readonly name: React.ReactNode;
+    /** Debt side symbol; hidden when undefined. */
+    readonly debtSymbol?: string;
+}
+/** "Collateral / debt" title: names separated by a muted slash. */
+export declare function TokenPairTitle({ name, debtSymbol, }: TokenPairTitleProps): React.ReactElement;

package/dist/types/components/base/values/constants.d.ts

@@ -0,0 +1,13 @@
+export declare class ValueTest {
+    static apy: string;
+    static usd: string;
+    static leverage: string;
+    static utilization: string;
+    static healthFactor: string;
+    static pnl: string;
+    static tokenBigint: string;
+    static placeholder: string;
+}
+export declare class PositionShortLabelTest {
+    static root: string;
+}

package/dist/types/components/base/values/index.d.ts

@@ -0,0 +1,5 @@
+export { ValueTest } from './constants';
+export { PnlValue } from './pnl-value';
+export { PositionShortLabel, PositionShortLabelTest, } from './position-short-label';
+export { PositionTypeBadge, type PositionTypeBadgeProps, } from './position-type-badge';
+export { ApyValue, type ApyValueProps, HealthFactorValue, LeverageValue, TokenBigint, UsdValue, UtilizationValue, } from './scalars';

package/dist/types/components/base/values/pnl-value.d.ts

@@ -0,0 +1,6 @@
+import { PnlBreakdown } from '@gearbox-protocol/sdk/model';
+import { default as React } from 'react';
+/** Realised + unrealised PnL of a position, signed. */
+export declare function PnlValue({ data, }: {
+    readonly data: PnlBreakdown | undefined;
+}): React.ReactElement;

package/dist/types/components/base/values/position-short-label.d.ts

@@ -0,0 +1,8 @@
+import { StrategyPosition } from '@gearbox-protocol/sdk/model';
+import { default as React } from 'react';
+import { PositionShortLabelTest } from './constants';
+export { PositionShortLabelTest };
+/** "wstETH / WETH · 2.5x" — one open position, in a menu row. */
+export declare function PositionShortLabel({ data, }: {
+    readonly data: StrategyPosition;
+}): React.ReactElement;

package/dist/types/components/base/values/position-type-badge.d.ts

@@ -0,0 +1,11 @@
+import { PositionKind } from '@gearbox-protocol/sdk/model';
+import { default as React } from 'react';
+export interface PositionTypeBadgeProps {
+    /** The SDK's `Position.kind`. */
+    readonly data: PositionKind;
+    readonly size?: "table" | "aside" | "title";
+}
+/**
+ * Colored kind label of a position row: "Lender" / "Strategy" / "Liquidation".
+ */
+export declare function PositionTypeBadge({ data, size, }: PositionTypeBadgeProps): React.ReactElement;

package/dist/types/components/base/values/scalars.d.ts

@@ -0,0 +1,34 @@
+import { ApyBreakdown, Bps, Leverage, Token } from '@gearbox-protocol/sdk/model';
+import { default as React } from 'react';
+export interface ApyValueProps {
+    /** A breakdown (tooltip-able) or a bare rate; `undefined` renders a dash. */
+    readonly data: ApyBreakdown | Bps | undefined;
+}
+/**
+ * Any APY the model carries, in one place: `supplyApy`, `netApy`, `borrowApy`.
+ * A breakdown renders the reference chip (reward icons + breakdown tooltip)
+ * via `CompoundAPY`; a bare `Bps` stays a plain percentage.
+ */
+export declare function ApyValue({ data }: ApyValueProps): React.ReactElement;
+export declare function UsdValue({ data, }: {
+    readonly data: number | null | undefined;
+}): React.ReactElement;
+export declare function LeverageValue({ data, }: {
+    readonly data: Leverage | undefined;
+}): React.ReactElement;
+export declare function UtilizationValue({ data, }: {
+    readonly data: Bps | undefined;
+}): React.ReactElement;
+/** Health factor with its zone: below 1 the account is liquidatable. */
+export declare function HealthFactorValue({ data, }: {
+    readonly data: Bps | undefined;
+}): React.ReactElement;
+/**
+ * A bare `bigint` in token units (simulate previews carry these): the only
+ * value component that needs a denomination passed with it, because the SDK
+ * hands these out without one.
+ */
+export declare function TokenBigint({ data, token, }: {
+    readonly data: bigint | undefined;
+    readonly token: Token | undefined;
+}): React.ReactElement;

package/dist/types/components/base-link/base-link.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const linkVariants: (props?: ({
-    size?: "default" | "xs" | "sm" | "unset" | null | undefined;
+    size?: "default" | "unset" | "sm" | "xs" | null | undefined;
     variant?: "default" | "unset" | "underlined" | null | undefined;
     color?: "main" | "default" | "secondary" | 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/breakpoint-provider.d.ts

@@ -0,0 +1,56 @@
+import { ReactElement, ReactNode } from 'react';
+/**
+ * Named breakpoint media queries. Keep in sync with the semantic hooks in
+ * `use-media-query.ts` (`useIsExtraSmall`, `useIsMobile`, …).
+ */
+export declare const BREAKPOINT_QUERIES: {
+    readonly isExtraSmall: "(max-width: 500px)";
+    readonly isMobile: "(max-width: 768px)";
+    readonly isTablet: "(min-width: 768px) and (max-width: 1024px)";
+    readonly isMedium: "(max-width: 1024px)";
+    readonly isDesktop: "(min-width: 1024px)";
+};
+export type BreakpointKey = keyof typeof BREAKPOINT_QUERIES;
+export type BreakpointState = {
+    readonly [K in BreakpointKey]: boolean;
+};
+export declare const DEFAULT_BREAKPOINT_STATE: BreakpointState;
+type MatchMediaLike = (query: string) => Pick<MediaQueryList, "matches">;
+/**
+ * Snapshot named breakpoints from a `matchMedia` implementation.
+ * Exported for unit tests; used by `BreakpointProvider` for the initial state.
+ */
+export declare function getBreakpointState(matchMedia: MatchMediaLike): BreakpointState;
+type MediaQueryListLike = {
+    matches: boolean;
+    addEventListener: (type: "change", listener: (event: MediaQueryListEvent) => void) => void;
+    removeEventListener: (type: "change", listener: (event: MediaQueryListEvent) => void) => void;
+};
+type MatchMediaSubscribe = (query: string) => MediaQueryListLike;
+/**
+ * Subscribe once to all named breakpoints. Returns an unsubscribe function.
+ * Exported for unit tests (deduplication / change propagation).
+ */
+export declare function subscribeBreakpoints(matchMedia: MatchMediaSubscribe, onChange: (state: BreakpointState) => void): () => void;
+/**
+ * Shared breakpoint context. `undefined` means no provider is mounted and
+ * semantic hooks should fall back to their own `matchMedia` subscription.
+ */
+export declare const BreakpointContext: import('react').Context<BreakpointState | undefined>;
+/**
+ * Hook that returns the provider state, or `undefined` when no
+ * `BreakpointProvider` is mounted.
+ */
+export declare function useBreakpointContext(): BreakpointState | undefined;
+export interface BreakpointProviderProps {
+    readonly children: ReactNode;
+}
+/**
+ * Owns a single set of `matchMedia` listeners for the five named breakpoints
+ * and shares the result via context. Mount once near the app root.
+ *
+ * Semantic hooks (`useIsMobile`, …) read from this context when present and
+ * otherwise keep their self-contained fallback behaviour.
+ */
+export declare function BreakpointProvider({ children, }: BreakpointProviderProps): ReactElement;
+export {};

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

@@ -1,8 +1,8 @@
 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" | "md" | null | undefined;
+    variant?: "link" | "text" | "default" | "success" | "destructive" | "blue" | "pink" | "white" | "secondary" | "ghost" | "outline" | "neutral" | "pink-outline" | "blue-outline" | null | undefined;
+    size?: "auto" | "default" | "icon" | "sm" | "md" | "lg" | "xs" | null | undefined;
     width?: "compact" | "wide" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**

package/dist/types/components/checkbox/checkbox.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import * as React from "react";
 declare const checkboxVariants: (props?: ({
-    size?: "lg" | "md" | null | undefined;
+    size?: "md" | "lg" | null | undefined;
     color?: "primary" | "secondary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> & VariantProps<typeof checkboxVariants>;
@@ -25,7 +25,7 @@ export type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimit
  * - for toggle switches (use Switch component if available).
  */
 declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
-    size?: "lg" | "md" | null | undefined;
+    size?: "md" | "lg" | null | undefined;
     color?: "primary" | "secondary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { Checkbox };

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

@@ -1,6 +1,3 @@
-export * from './oracles-and-lt-table';
+export * from './notification-center';
 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/constants.d.ts

@@ -0,0 +1,13 @@
+export declare const notificationCenterTestIds: {
+    readonly root: "notification-center-root";
+    readonly trigger: "notification-center-trigger";
+    readonly badge: "notification-center-badge";
+    readonly panel: "notification-center-panel";
+    readonly requestsSection: "notification-center-requests";
+    readonly requestRow: "notification-center-request-row";
+    readonly requestExecute: "notification-center-request-execute";
+    readonly successSection: "notification-center-success";
+    readonly successRow: "notification-center-success-row";
+    readonly empty: "notification-center-empty";
+    readonly clear: "notification-center-clear";
+};

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/pool-assets-table/pool-assets-table.d.ts

@@ -17,7 +17,10 @@ export interface PoolAssetsTableProps {
     readonly underlyingToken: TokenData;
 }
 /**
- * Grid table of pool asset quotas: asset / effective rate / limits usage.
+ * Legacy GridTable of pool asset quotas (`TokenData` field props).
+ * Canonical consumer table is client-v3 `PoolsAssetsTable` (`data: PoolOpportunityDetail`).
+ * Do not add a third table in this pass — next-stage `table/` absorbs this.
+ *
  * On viewports below the mobile breakpoint the header is hidden and each row
  * uses the compact `TableLineSm` layout.
  */

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 { TokenTemplateProps } from '../../../../token-template';
+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: TokenTemplateProps["value"];
+        readonly token?: TokenTemplateProps["token"];
+    } | {
+        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,16 @@
+import { default as React } from 'react';
+import { TransactionConfirmShellProps } from './TransactionConfirmShell';
+export interface TransactionConfirmPageViewProps extends Omit<TransactionConfirmShellProps, "header" | "data-testid"> {
+    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 in modal
+ */
+export declare function TransactionConfirmPageView({ onClose, 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';