@gearbox-protocol/ui-kit 4.0.0-next.4 → 4.0.0-next.6

package/dist/types/components/assets-list-cell/assets-list-cell.d.ts

@@ -1,12 +1,15 @@
 import { Token } from '@gearbox-protocol/sdk/model';
 import { default as React } from 'react';
 import { Address } from 'viem';
+import { CollateralAllocation } from '../collateral-allocation-tooltip';
 type Mode = "default" | "cascade";
 interface CommonOptions {
     mode?: Mode;
     showIconTooltip?: boolean;
     otherTooltip?: React.ReactNode;
     onOtherClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /** When set, hover on the cascade shows the allocation mix instead of per-icon symbols. */
+    allocation?: CollateralAllocation;
 }
 /**
  * Single asset cell props (new API)

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

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import type * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
+    variant?: "default" | "success" | "warning" | "destructive" | "secondary" | "info" | "outline" | "neutral" | "danger" | "accent" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * Badge — component for displaying labels, tags, or status indicators.
@@ -15,6 +15,7 @@ declare const badgeVariants: (props?: ({
  * - `secondary` — secondary badge with muted background.
  * - `destructive` — destructive badge with red background for errors/warnings.
  * - `outline` — outlined badge with border only.
+ * - `success` / `info` / `warning` / `danger` / `accent` / `neutral` — tinted chips.
  *
  * Note: Prefer using this component instead of native HTML div element for badges.
  *

package/dist/types/components/badge/chip.d.ts

@@ -0,0 +1,22 @@
+import { default as React, ReactNode } from 'react';
+export declare class ChipTest {
+    static root: string;
+}
+export declare class ChipsTest {
+    static root: string;
+    static chip: string;
+}
+export type ChipTone = "success" | "info" | "neutral" | "warning" | "danger" | "accent";
+export interface ChipProps {
+    readonly children?: ReactNode;
+    readonly tone?: ChipTone;
+    readonly className?: string;
+}
+/** Tinted {@link Badge} for table/status chips. */
+export declare function Chip({ children, tone, className, }: ChipProps): React.ReactElement;
+export interface ChipsProps {
+    readonly children: ReactNode;
+    readonly className?: string;
+}
+/** Horizontal row of {@link Chip} (or other badge nodes). */
+export declare function Chips({ children, className }: ChipsProps): React.ReactElement;

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

@@ -1 +1,2 @@
 export * from './badge';
+export * from './chip';

package/dist/types/components/base/history-chart/history-chart.d.ts

@@ -1,5 +1,6 @@
 import { HistoryRange, HistorySeries } from '@gearbox-protocol/sdk/model';
 import { default as React } from 'react';
+import { TitleText } from '../text';
 import { PriceLineConfig, PriceZoneConfig } from '../../graph';
 import { YMeasureUnits } from '../../graph/formatters';
 import { HistoryChartTest } from './constants';
@@ -28,10 +29,19 @@ export interface HistoryChartProps {
     readonly showCurrentValue?: boolean;
     /** Y-axis floor when the series has data. */
     readonly yScaleMin?: number;
+    /** Heading to the left of the range dropdown, above the chart frame. */
+    readonly title?: TitleText;
+    /** Controls to the left of the range dropdown (e.g. leverage chips). */
+    readonly trailing?: React.ReactNode;
+    /**
+     * Force a second Y-axis. When omitted, the chart splits axes only if
+     * `yMeasureUnit` lists more than one distinct unit.
+     */
+    readonly dualYAxis?: boolean;
 }
 /**
- * Design-only history chart on the TradingView engine: range buttons, legend,
- * tooltips, optional reference lines and zones. Takes the SDK's
+ * Design-only history chart on the TradingView engine: range dropdown, legend
+ * below the frame, tooltips, optional reference lines and zones. Takes the SDK's
  * `HistorySeries` as it comes — points are mapped 1:1, no fetching.
  */
-export declare function HistoryChart({ data, range, onRange, isLoading, error, yMeasureUnit, height, seriesTitles, priceLines, zones, showCurrentValue, yScaleMin, }: HistoryChartProps): React.ReactElement;
+export declare function HistoryChart({ data, range, onRange, isLoading, error, yMeasureUnit, height, seriesTitles, priceLines, zones, showCurrentValue, yScaleMin, title, trailing, dualYAxis: dualYAxisProp, }: HistoryChartProps): React.ReactElement;

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

@@ -8,6 +8,7 @@ export * from './history-chart';
 export * from './info-list';
 export * from './info-portal';
 export * from './leverage-input';
+export * from './leverage-preset-chips';
 export * from './liquidation-params-table';
 export * from './liquidation-price-block';
 export * from './manage-pane';

package/dist/types/components/base/leverage-input/leverage-input.d.ts

@@ -35,7 +35,7 @@ export interface LeverageInputProps {
 }
 /**
  * Target leverage of a position, bounded by what the strategy allows.
- * Title row carries an inline-editable value (`×N.NN`) and an optional reset;
+ * Title row carries an inline-editable value (`N.NNx`) and an optional reset;
  * the slider below can show risk bands via `colorIntervals`.
  */
 export declare function LeverageInput({ value, onChange, max, min, title, hint, reset, colorIntervals, colorIntervalLabel, size, }: LeverageInputProps): React.ReactElement;

package/dist/types/components/base/leverage-preset-chips/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const LeveragePresetChipsTest: {
+    readonly root: "leverage-preset-chips-root";
+    readonly chip: "leverage-preset-chips-chip";
+};

package/dist/types/components/base/leverage-preset-chips/index.d.ts

@@ -0,0 +1,2 @@
+export * from './constants';
+export * from './leverage-preset-chips';

package/dist/types/components/base/leverage-preset-chips/leverage-preset-chips.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { LeveragePresetChipsTest } from './constants';
+export { LeveragePresetChipsTest };
+export interface LeveragePresetChipsProps {
+    readonly options: readonly number[];
+    readonly value?: number;
+    readonly onChange: (value: number) => void;
+}
+/**
+ * Leverage step pills for the yield-chart toolbar. Selected leverage only
+ * drives the APY breakdown card, not the chart series.
+ */
+export declare function LeveragePresetChips({ options, value, onChange, }: LeveragePresetChipsProps): React.ReactElement | null;

package/dist/types/components/base/liquidation-params-table/liquidation-params-table.d.ts

@@ -6,7 +6,7 @@ export interface LiquidationParamsTableProps {
     readonly data: Pick<StrategyOpportunity, "liquidationThreshold" | "liquidationPremium" | "liquidationFee">;
 }
 /**
- * Single-row liquidation parameters. Penalty is premium + fee, a presentation
- * of two SDK values.
+ * Single-row liquidation parameters. Discount is premium + fee, a
+ * presentation of two SDK values.
  */
 export declare function LiquidationParamsTable({ data, }: LiquidationParamsTableProps): React.ReactElement;

package/dist/types/components/base/pool-apy-breakdown-card/pool-apy-breakdown-card.d.ts

@@ -3,12 +3,11 @@ import { default as React } from 'react';
 import { PoolApyBreakdownCardTest } from './constants';
 export { PoolApyBreakdownCardTest };
 export interface PoolApyBreakdownCardProps {
-    /** Trailing average APYs in basis points; a missing window renders a dash. */
+    /** Organic and incentive APYs in basis points; a missing value renders a dash. */
     readonly data?: {
-        readonly apy1d?: Bps;
-        readonly apy7d?: Bps;
-        readonly apy30d?: Bps;
+        readonly organicApy?: Bps;
+        readonly incentiveApy?: Bps;
     };
 }
-/** Trailing APY windows next to the yield chart. Missing windows render as dashes. */
+/** Organic vs incentive APY next to the pool APY chart. Missing values render as dashes. */
 export declare function PoolApyBreakdownCard({ data, }: PoolApyBreakdownCardProps): React.ReactElement;

package/dist/types/components/base/strategy-apy-breakdown-card/constants.d.ts

@@ -1,4 +1,5 @@
 export declare class StrategyApyBreakdownCardTest {
     static root: string;
     static row: string;
+    static net: string;
 }

package/dist/types/components/base/strategy-apy-breakdown-card/strategy-apy-breakdown-card.d.ts

@@ -1,9 +1,17 @@
-import { StrategyOpportunity } from '@gearbox-protocol/sdk/model';
+import { ApyBreakdown, Bps, Leverage } from '@gearbox-protocol/sdk/model';
 import { default as React } from 'react';
 import { StrategyApyBreakdownCardTest } from './constants';
 export { StrategyApyBreakdownCardTest };
+export interface StrategyApyBreakdownData {
+    readonly collateralApy?: ApyBreakdown;
+    readonly borrowApy?: Bps;
+    readonly additionalBorrowApy?: Bps;
+    readonly maxLeverage?: Leverage;
+}
 export interface StrategyApyBreakdownCardProps {
-    readonly data: StrategyOpportunity;
+    readonly data: StrategyApyBreakdownData;
+    /** Selected leverage from the chart toolbar chips. Falls back to max. */
+    readonly leverage?: Leverage;
 }
-/** APY terms next to the strategy yield chart — collateral and borrow rates. */
-export declare function StrategyApyBreakdownCard({ data, }: StrategyApyBreakdownCardProps): React.ReactElement;
+/** Net APY formula beside the strategy yield chart. Chart itself is unchanged. */
+export declare function StrategyApyBreakdownCard({ data, leverage: leverageProp, }: StrategyApyBreakdownCardProps): React.ReactElement;

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

@@ -2,4 +2,5 @@ export declare class TitleMetaTest {
     static root: string;
     static network: string;
     static curator: string;
+    static link: string;
 }

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

@@ -1,15 +1,23 @@
+import { Token } from '@gearbox-protocol/sdk/model';
 import { default as React } from 'react';
 import { NetworkIcons } from '../../../utils/network-icons';
 import { TitleMetaTest } from './constants';
 export { TitleMetaTest };
+export interface TitleMetaLink {
+    readonly href: string;
+    readonly token?: Token;
+    readonly label?: string;
+    readonly onClick?: () => void;
+}
 export interface TitleMetaProps {
     readonly network: NetworkIcons;
     readonly curatorName: string | undefined;
     readonly curatorLink: string | undefined;
     readonly onCuratorLinkClick?: () => void;
+    readonly links?: ReadonlyArray<TitleMetaLink>;
     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;
+export declare function TitleMeta({ network, curatorName, curatorLink, onCuratorLinkClick, links, testId, networkTestId, curatorTestId, }: TitleMetaProps): React.ReactElement;

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

@@ -2,5 +2,6 @@ export { ValueTest } from './constants';
 export { PnlValue } from './pnl-value';
 export { PointsValue, type PointsValueProps } from './points-value';
 export { PositionShortLabel, PositionShortLabelTest, } from './position-short-label';
+export { type PositionStatus, PositionStatusBadge, type PositionStatusBadgeProps, } from './position-status-badge';
 export { PositionTypeBadge, type PositionTypeBadgeProps, } from './position-type-badge';
 export { ApyValue, type ApyValueProps, bps, HealthFactorValue, LeverageValue, TokenBigint, UsdValue, UtilizationValue, } from './scalars';

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export type PositionStatus = "active" | "repaid";
+export interface PositionStatusBadgeProps {
+    readonly data: PositionStatus;
+}
+/** Lifecycle chip of a strategy position: Active or Repaid. */
+export declare function PositionStatusBadge({ data, }: PositionStatusBadgeProps): React.ReactElement;

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

@@ -6,6 +6,6 @@ export interface PositionTypeBadgeProps {
     readonly size?: "table" | "aside" | "title";
 }
 /**
- * Colored kind label of a position row: "Lender" / "Strategy" / "Liquidation".
+ * Colored kind label of a position row: "LP" / "Strategy" / "Liquidation".
  */
 export declare function PositionTypeBadge({ data, size, }: PositionTypeBadgeProps): React.ReactElement;

package/dist/types/components/base-table/base-table-line.d.ts

@@ -0,0 +1,21 @@
+import { default as React, ReactNode } from 'react';
+import { BaseTableColumn } from './types';
+export { BaseTableLineTest } from './constants';
+export interface BaseTableLineProps<TSort extends string = never> {
+    readonly columns: ReadonlyArray<BaseTableColumn<TSort>>;
+    readonly cells: Readonly<Record<string, ReactNode>>;
+    readonly last: boolean;
+    readonly href?: string;
+    readonly disabled?: boolean;
+    readonly disabledStyle?: boolean;
+    /** Extra row className, e.g. RWA accent tint. */
+    readonly accentClassName?: string;
+    readonly onRowClick?: () => void;
+    readonly "data-testid"?: string;
+    readonly minHeightClassName?: string;
+}
+/**
+ * One row of {@link BaseTable}: desktop cells from the column model, or a
+ * stacked mobile card driven by each column's `mobile` role.
+ */
+export declare function BaseTableLine<TSort extends string = never>({ columns, cells, last, href, disabled, disabledStyle, accentClassName, onRowClick, "data-testid": testId, minHeightClassName, }: BaseTableLineProps<TSort>): React.ReactElement;

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

@@ -0,0 +1,19 @@
+import { default as React, PropsWithChildren, ReactNode } from 'react';
+import { BaseTableColumn, BaseTableSortApi } from './types';
+export { BaseTableTest } from './constants';
+export type { BaseTableColumn, BaseTableSortApi } from './types';
+export interface BaseTableProps<TSort extends string = never> {
+    readonly columns: ReadonlyArray<BaseTableColumn<TSort>>;
+    readonly isLoading: boolean;
+    readonly emptyMessage: ReactNode;
+    readonly sort?: BaseTableSortApi<TSort>;
+    readonly rowHeight?: string;
+    readonly loaderRows?: number;
+    readonly className?: string;
+    readonly wrapperClassName?: string;
+}
+/**
+ * Declarative data table over {@link GridTable}: column model, sort headers,
+ * loading skeleton and empty state. Mobile collapses to a single track.
+ */
+export declare function BaseTable<TSort extends string = never>({ columns, isLoading, emptyMessage, sort, rowHeight, loaderRows, className, wrapperClassName, children, }: PropsWithChildren<BaseTableProps<TSort>>): React.ReactElement;

package/dist/types/components/base-table/constants.d.ts

@@ -0,0 +1,8 @@
+export declare class BaseTableTest {
+    static root: string;
+    static head: string;
+    static empty: string;
+}
+export declare class BaseTableLineTest {
+    static root: string;
+}

package/dist/types/components/base-table/index.d.ts

@@ -0,0 +1,3 @@
+export * from './base-table';
+export * from './base-table-line';
+export type * from './types';

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

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+type BaseTableColumnJustify = "start" | "end";
+/**
+ * Mobile placement for a column inside {@link BaseTableLine}:
+ * - `title` — primary identity block (name / tokens)
+ * - `badge` — compact chip next to the title (also unclipped on desktop)
+ * - `stat` — labeled metric in the stats grid
+ * - `block` — full-width labeled block under the stats
+ * - `hidden` — desktop-only
+ */
+type BaseTableColumnMobile = "title" | "badge" | "stat" | "block" | "hidden";
+interface BaseTableColumnSort<TSort extends string = never> {
+    readonly field: TSort;
+    readonly defaultDirection: "asc" | "desc";
+    /** Plain string for HeadCell `sortField` (a11y / tooltip). */
+    readonly label: string;
+}
+/**
+ * Column model shared by {@link BaseTable} (tracks + header) and
+ * {@link BaseTableLine} (desktop cells + mobile labels).
+ */
+export interface BaseTableColumn<TSort extends string = never> {
+    readonly id: string;
+    readonly title: ReactNode;
+    /** CSS grid track, e.g. `"minmax(320px,3fr)"`. */
+    readonly track: string;
+    readonly justify?: BaseTableColumnJustify;
+    readonly sort?: BaseTableColumnSort<TSort>;
+    readonly headClassName?: string;
+    readonly cellClassName?: string;
+    readonly mobile?: BaseTableColumnMobile;
+}
+export interface BaseTableSortApi<TSort extends string> {
+    readonly getSortDirection: (field: TSort) => "asc" | "desc" | undefined;
+    readonly onSort: (field: TSort, defaultDirection: "asc" | "desc") => void;
+}
+export {};

package/dist/types/components/collateral-allocation-tooltip/allocation-wheel.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface AllocationWheelProps {
+    /** Slice share in 0..1 of the total allocation. */
+    readonly share: number;
+    /** Palette index for token slices; ignored when {@link idle}. */
+    readonly colorIndex: number;
+    readonly idle?: boolean;
+}
+/** 20px donut showing one slice's share of the total. */
+export declare function AllocationWheel({ share, colorIndex, idle, }: AllocationWheelProps): React.ReactElement;

package/dist/types/components/collateral-allocation-tooltip/collateral-allocation-tooltip.d.ts

@@ -0,0 +1,23 @@
+import { Amount, Token } from '@gearbox-protocol/sdk/model';
+import { default as React } from 'react';
+export type CollateralAllocationSlice = {
+    kind: "token";
+    token: Token;
+    amount: Amount;
+} | {
+    kind: "idle";
+    amount: Amount;
+};
+export interface CollateralAllocation {
+    slices: ReadonlyArray<CollateralAllocationSlice>;
+}
+export interface CollateralAllocationTooltipProps {
+    readonly data: CollateralAllocation;
+    readonly children?: React.ReactNode;
+    readonly className?: string;
+}
+/**
+ * Pool collateral mix for Earn table hover — token rows plus an Idle remainder.
+ * Slice shares are derived from `amount.valueUsd`.
+ */
+export declare function CollateralAllocationTooltip({ data, children, className, }: CollateralAllocationTooltipProps): React.ReactElement;

package/dist/types/components/collateral-allocation-tooltip/constants.d.ts

@@ -0,0 +1,8 @@
+export declare class CollateralAllocationTooltipTest {
+    static root: string;
+    static row: string;
+    static wheel: string;
+}
+export declare class AllocationWheelTest {
+    static root: string;
+}

package/dist/types/components/collateral-allocation-tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export * from './allocation-wheel';
+export * from './collateral-allocation-tooltip';
+export * from './constants';

package/dist/types/components/composites/pool-assets-table/constants.d.ts

@@ -0,0 +1,6 @@
+export declare class PoolAssetsTableTest {
+    static root: string;
+    static exposureCell: string;
+    static capCell: string;
+    static capUtilizationCell: string;
+}

package/dist/types/components/composites/pool-assets-table/index.d.ts

@@ -1,3 +1,4 @@
+export * from './constants';
 export * from './pool-assets-table';
 export * from './pool-assets-table-head';
 export * from './pool-assets-table-row';

package/dist/types/components/composites/pool-assets-table/pool-assets-table-head.d.ts

@@ -1,10 +1,9 @@
 import { default as React } from 'react';
 import { PoolAssetsTableSort } from './types';
-/** Props for {@link PoolAssetsTableHead}. */
 export interface PoolAssetsTableHeadProps {
     readonly sort: PoolAssetsTableSort;
 }
 /**
- * Header row: sortable Asset, Rate, and Limits columns (`components.poolAssetsTable.*` locale keys).
+ * Header row: sortable Name / Exposure / Cap / Cap utilization.
  */
 export declare function PoolAssetsTableHead({ sort, }: PoolAssetsTableHeadProps): React.ReactElement;

package/dist/types/components/composites/pool-assets-table/pool-assets-table-row.d.ts

@@ -1,15 +1,15 @@
-import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { QuotaAsset, Token } from '@gearbox-protocol/sdk/model';
 import { default as React } from 'react';
-import { PoolAssetsTableQuotaRow } from './types';
-/** Props for {@link PoolAssetsTableRow}. */
 export interface PoolAssetsTableRowProps {
     readonly poolName: string;
-    readonly token: TokenData | undefined;
-    readonly currentQuota: PoolAssetsTableQuotaRow;
-    readonly underlyingToken: TokenData;
+    readonly asset: QuotaAsset;
+    readonly underlyingToken: Token;
     readonly last: boolean;
+    readonly isCompact: boolean;
+    readonly totalUsed: bigint;
+    readonly colorIndex: number;
 }
 /**
- * Single data row: token + pool name, `bps`-formatted rate, and formatted usage vs limit.
+ * Single data row: token name, exposure (amount + pie), cap, and cap utilization.
  */
-export declare function PoolAssetsTableRow({ poolName, token, currentQuota, underlyingToken, last, }: PoolAssetsTableRowProps): React.ReactElement;
+export declare function PoolAssetsTableRow({ poolName, asset, underlyingToken, last, isCompact, totalUsed, colorIndex, }: PoolAssetsTableRowProps): React.ReactElement;

package/dist/types/components/composites/pool-assets-table/pool-assets-table.d.ts

@@ -1,27 +1,14 @@
-import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { QuotaAsset, Token } from '@gearbox-protocol/sdk/model';
 import { default as React } from 'react';
-import { Address } from 'viem';
-import { PoolAssetsTableQuotaRow, PoolAssetsTableSort } from './types';
-/**
- * Props for {@link PoolAssetsTable}.
- */
+import { PoolAssetsTableSort } from './types';
 export interface PoolAssetsTableProps {
-    /** Quota rows to render (one per asset). */
-    readonly list: ReadonlyArray<PoolAssetsTableQuotaRow>;
-    /** Pool name shown under the asset title. */
+    readonly list: ReadonlyArray<QuotaAsset>;
     readonly poolName: string;
     readonly sort: PoolAssetsTableSort;
-    /** Token metadata keyed by token address (must include every `quota.token`). */
-    readonly tokensList: Partial<Record<Address, TokenData>>;
-    /** Underlying asset used for `TokenTemplate` amounts in the usage column. */
-    readonly underlyingToken: TokenData;
+    readonly underlyingToken: Token;
 }
 /**
- * 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.
+ * Grid table of pool asset quotas: exposure, cap, and cap utilization.
+ * Collapses into stacked cards below {@link COMPACT_WIDTH_THRESHOLD}.
  */
-export declare function PoolAssetsTable({ list, poolName, sort, tokensList, underlyingToken, }: PoolAssetsTableProps): React.ReactElement | null;
+export declare function PoolAssetsTable({ list, poolName, sort, underlyingToken, }: PoolAssetsTableProps): React.ReactElement | null;

package/dist/types/components/composites/pool-assets-table/types.d.ts

@@ -1,7 +1,7 @@
-import { Address } from 'viem';
+import { QuotaAsset } from '@gearbox-protocol/sdk/model';
 import { SortField, SortSetterFunction } from '../../../hooks';
 /** Column identifiers used by the pool assets table header sort controls. */
-export type PoolAssetsSortFields = "name" | "rate" | "usage";
+export type PoolAssetsSortFields = "name" | "exposure" | "cap" | "capUtilization";
 /**
  * Sort state + setter wired to `HeadCell` / `useSort` (same pattern as `PoolTable`).
  */
@@ -13,13 +13,5 @@ export interface PoolAssetsTableSort {
 export interface PoolAssetsFilterState {
     readonly sort: PoolAssetsTableSort;
 }
-/**
- * One asset line: quota limit, usage, and borrow rate.
- * Shape aligns with Gearbox SDK quota / QuotaInfo-style data.
- */
-export interface PoolAssetsTableQuotaRow {
-    readonly token: Address;
-    readonly limit: bigint;
-    readonly totalQuoted: bigint;
-    readonly rate: bigint;
-}
+/** One quota row — the SDK's {@link QuotaAsset}. */
+export type PoolAssetsTableQuotaRow = QuotaAsset;

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

@@ -1,23 +1,27 @@
 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;
-}
+import { TransactionConfirmShellProps } from './transactionConfirmShellTypes';
 /**
+ * The one card every transaction confirmation renders, on every surface.
  *
- * Base shell component
+ * Callers describe *what the card shows* (`body`) and *how it is framed*
+ * (`mode`); everything else is decided here. This replaces the former
+ * `TransactionConfirmPageView` / `TransactionConfirmModalView` pair, which
+ * differed only in the frame yet each restated the whole prop list.
+ *
+ * Two traps from that pair are closed here rather than left to callers.
+ *
+ * The modal's height clamp is composed with `className` instead of being
+ * replaced by it, so a caller adding a class no longer drops the viewport
+ * clamp and the flex context the scrollable preview depends on by accident.
+ * `cn` is tailwind-merge, so a utility deliberately targeting the same
+ * property still wins — though arbitrary-property syntax such as
+ * `[max-height:50vh]` sits in a different group and will not displace it.
+ *
+ * And a `placeholder` or `error` body pins the phase to `confirm`, so those
+ * two can never be asked for a result view they were never given. Note the
+ * limit of that guarantee: a `ready` body driven to a terminal phase without a
+ * `result` still draws a header and nothing else, exactly as the views it
+ * replaces did. Requiring both halves of `result` is what keeps the promise
+ * whole once a caller opts into one.
  */
-export declare function TransactionConfirmShell({ phase, header, preview, previewLoading, previewError, previewErrorTitle, previewClassName, execution, progressSteps, renderProgressStepLabel, result, className, "data-testid": dataTestId, }: TransactionConfirmShellProps): React.ReactElement;
+export declare function TransactionConfirmShell(props: TransactionConfirmShellProps): React.ReactElement | null;

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

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

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

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