@gearbox-protocol/ui-kit 4.0.0-next.3 → 4.0.0-next.5

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/detailed-page-title/detailed-page-title.d.ts

@@ -9,8 +9,6 @@ export interface DetailedPageTitleProps {
     /** Visible heading; a node (e.g. a token-pair title) renders as given. */
     readonly title: PageTitleText | React.ReactNode;
     readonly browserTitle?: PageTitleText;
-    /** Document-head hook forwarded to {@link PageTitle}. */
-    readonly head?: (browserTitle: string) => React.ReactNode;
     /**
      * Token whose icon heads the title. The model `Token` is enough — the icon
      * is resolved from the symbol inside ui-kit.
@@ -29,4 +27,4 @@ export interface DetailedPageTitleProps {
     readonly className?: string;
 }
 /** Detail screen heading: token icon + title + badges + copy/explorer actions. */
-export declare function DetailedPageTitle({ title, browserTitle, head, token, icon, tokenIconSize, disabled, toCopy, explorerLinks, badges, actions, buttonsSlot, meta, actionsPosition, className, }: DetailedPageTitleProps): React.ReactElement;
+export declare function DetailedPageTitle({ title, browserTitle, token, icon, tokenIconSize, disabled, toCopy, explorerLinks, badges, actions, buttonsSlot, meta, actionsPosition, className, }: DetailedPageTitleProps): React.ReactElement;

package/dist/types/components/base/health-factor-block/health-factor-block.d.ts

@@ -1,13 +1,14 @@
+import { Bps } from '@gearbox-protocol/sdk/model';
 import { default as React } from 'react';
 import { TitleText } from '../text';
 import { HFZones } from '../../health-factor';
 import { HealthFactorBlockTest } from './constants';
 export { HealthFactorBlockTest };
 export interface HealthFactorBlockProps {
-    /** Health factor in basis points (e.g. 15000 = 1.5); omit to render "—". */
-    readonly hf?: number;
+    /** SDK `healthFactor` in basis points (e.g. 15000 = 1.5); omit to render "—". */
+    readonly healthFactor?: Bps;
     /** Target HF after the operation; renders a from → to transition. */
-    readonly hfTo?: number;
+    readonly healthFactorTo?: Bps;
     /** Debt in base units; a 0n debt renders "N/A". */
     readonly debt: bigint;
     /** Debt after the operation (defaults to `debt`). */
@@ -23,7 +24,6 @@ export interface HealthFactorBlockProps {
 }
 /**
  * "Health factor" row of a preview: label + help tip on the left, the zone-
- * colored HF (with optional from → to transition) on the right. Design only —
- * the reference `HFBlock` markup on bare value props.
+ * colored HF (with optional from → to transition) on the right.
  */
-export declare function HealthFactorBlock({ hf, hfTo, debt, debtTo, zone, isLoading, title, tip, testId, }: HealthFactorBlockProps): React.ReactElement;
+export declare function HealthFactorBlock({ healthFactor, healthFactorTo, debt, debtTo, zone, isLoading, title, tip, testId, }: HealthFactorBlockProps): React.ReactElement;

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

@@ -1,3 +1,4 @@
+import { ApyBreakdown } from '@gearbox-protocol/sdk/model';
 import { default as React } from 'react';
 import { TitleText } from '../text';
 import { InfoListTest } from './constants';
@@ -24,3 +25,9 @@ export interface InfoSectionTitleProps {
 }
 /** Uppercase section label inside an `InfoList` (e.g. debt limits). */
 export declare function InfoSectionTitle({ title, }: InfoSectionTitleProps): React.ReactElement;
+export interface PointsInfoLineProps {
+    readonly data: ApyBreakdown | undefined;
+    readonly title?: TitleText;
+}
+/** Points row that omits itself when the SDK breakdown has no programs. */
+export declare function PointsInfoLine({ data, title, }: PointsInfoLineProps): React.ReactElement | null;

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/liquidation-price-block/liquidation-price-block.d.ts

@@ -1,3 +1,4 @@
+import { Token } from '@gearbox-protocol/sdk/model';
 import { default as React } from 'react';
 import { TitleText } from '../text';
 import { HFZones } from '../../health-factor';
@@ -11,8 +12,10 @@ export interface LiquidationPriceBlockProps {
     readonly price?: bigint | null;
     /** Price after the operation; renders a from → to transition. */
     readonly priceTo?: bigint | null;
-    /** The pair the price is quoted in, e.g. "WETH / USDC". */
-    readonly pricePair?: React.ReactNode;
+    /** Collateral token of the quoted pair. */
+    readonly collateral?: Token | null;
+    /** Underlying token of the quoted pair. */
+    readonly underlying?: Token;
     /** Zone dot next to the price. */
     readonly zone?: HFZones;
     readonly isLoading?: boolean;
@@ -25,6 +28,5 @@ export interface LiquidationPriceBlockProps {
 /**
  * "Liquidation price" row of a preview: label + help tip, the formatted price
  * (with optional from → to and zone dot), and the price pair underneath.
- * Design only — the reference `LiquidationPriceBlock` markup on value props.
  */
-export declare function LiquidationPriceBlock({ price, priceTo, pricePair, zone, isLoading, title, tip, testId, }: LiquidationPriceBlockProps): React.ReactElement;
+export declare function LiquidationPriceBlock({ price, priceTo, collateral, underlying, zone, isLoading, title, tip, testId, }: LiquidationPriceBlockProps): React.ReactElement;

package/dist/types/components/base/manage-pane/constants.d.ts

@@ -4,5 +4,6 @@ export declare class ManagePaneTest {
     static dropdown: string;
     static body: string;
     static message: string;
+    static actionDialog: string;
     static tab: (id: string) => string;
 }

package/dist/types/components/base/manage-pane/manage-pane.d.ts

@@ -24,7 +24,9 @@ export interface ManagePaneActionTabProps {
     readonly id: string;
     readonly title: TitleText;
     /** Fires without changing the active tab (e.g. "My positions"). */
-    readonly onClick: () => void;
+    readonly onClick?: () => void;
+    /** When set, a click opens this content in a dialog instead of switching tabs. */
+    readonly children?: React.ReactNode;
 }
 export declare function ManagePaneActionTab(_props: ManagePaneActionTabProps): null;
 export interface ManagePaneProps {

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

@@ -3,6 +3,17 @@ import { FormatMessageTypedProps } from '../../typed-intl';
 import { PageTitleTest } from './constants';
 export { PageTitleTest };
 export type PageTitleText = FormatMessageTypedProps | string;
+export interface PageHeadProviderProps {
+    readonly children: React.ReactNode;
+    /** Renders the document head for a resolved browser title (e.g. a Helmet node). */
+    readonly render: (browserTitle: string) => React.ReactNode;
+}
+/**
+ * Optional document-head hook for {@link PageTitle}. Without a provider the
+ * visible heading still renders and `<head>` is left alone — ui-kit does not
+ * import a head library.
+ */
+export declare function PageHeadProvider({ children, render, }: PageHeadProviderProps): React.ReactElement;
 export interface PageTitleProps {
     /** Visible heading; a node (e.g. a token-pair title) renders as given. */
     readonly title: PageTitleText | React.ReactNode;
@@ -11,13 +22,8 @@ export interface PageTitleProps {
      * Required when {@link title} is a node — a node cannot become a string.
      */
     readonly browserTitle?: PageTitleText;
-    /**
-     * Renders the document head for the resolved browser title (e.g. a Helmet
-     * element). The app owns the head library; ui-kit only hands over the string.
-     */
-    readonly head?: (browserTitle: string) => React.ReactNode;
     readonly as?: "h1" | "h2" | "h3" | "span";
     readonly className?: string;
 }
 /** The one visible page heading, plus an optional document-head hook. */
-export declare function PageTitle({ title, browserTitle, head, as, className, }: PageTitleProps): React.ReactElement;
+export declare function PageTitle({ title, browserTitle, as, className, }: PageTitleProps): 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/time-to-liquidation-block/time-to-liquidation-block.d.ts

@@ -5,12 +5,12 @@ import { TimeToLiquidationBlockTest } from './constants';
 export { TimeToLiquidationBlockTest };
 export interface TimeToLiquidationBlockProps {
     /**
-     * Time to liquidation in seconds; `null` renders "N/A", omit to render "—"
-     * (value not available).
+     * SDK `timeToLiquidation` in milliseconds; `null` renders "N/A", omit to
+     * render "—" (value not available).
      */
-    readonly seconds?: number | null;
+    readonly data?: bigint | null;
     /** Time after the operation; renders a from → to transition. */
-    readonly secondsTo?: number | null;
+    readonly dataTo?: bigint | null;
     /** Pre-computed zone; if not set, derived from the value. */
     readonly zone?: TTLZones;
     readonly isLoading?: boolean;
@@ -23,6 +23,5 @@ export interface TimeToLiquidationBlockProps {
 /**
  * "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;
+export declare function TimeToLiquidationBlock({ data, dataTo, zone, isLoading, title, tip, testId, }: TimeToLiquidationBlockProps): 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/token-amount/token-amount.d.ts

@@ -1,7 +1,9 @@
 import { Amount, Token, TokenAmount as TokenAmountModel } from '@gearbox-protocol/sdk/model';
 import { default as React } from 'react';
+import { StackAlign } from '../stack';
 import { TokenAmountTest } from './constants';
 export { TokenAmountTest };
+export type TokenAmountAlign = Extract<StackAlign, "start" | "end">;
 /**
  * An amount of a token, with its USD value underneath.
  *
@@ -10,7 +12,7 @@ export { TokenAmountTest };
  * `totalSupply` / `totalBorrow`, implicitly in the market underlying) name their
  * token alongside.
  */
-export type TokenAmountProps = {
+type TokenAmountDataProps = {
     /** `null` means unavailable and renders an em-dash. */
     readonly data: TokenAmountModel | null;
     readonly token?: undefined;
@@ -18,4 +20,8 @@ export type TokenAmountProps = {
     readonly data: Amount | null;
     readonly token: Token;
 };
-export declare function TokenAmount({ data, token, }: TokenAmountProps): React.ReactElement;
+export type TokenAmountProps = TokenAmountDataProps & {
+    /** Cross-axis alignment of the token line and the USD caption. */
+    readonly align?: TokenAmountAlign;
+};
+export declare function TokenAmount({ data, token, align, }: TokenAmountProps): React.ReactElement;

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

@@ -6,6 +6,7 @@ export declare class ValueTest {
     static healthFactor: string;
     static pnl: string;
     static tokenBigint: string;
+    static points: string;
     static placeholder: string;
 }
 export declare class PositionShortLabelTest {

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

@@ -1,5 +1,7 @@
 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/points-value.d.ts

@@ -0,0 +1,11 @@
+import { ApyBreakdown } from '@gearbox-protocol/sdk/model';
+import { default as React } from 'react';
+export interface PointsValueProps {
+    /** SDK APY breakdown; `undefined` or no point programs render nothing. */
+    readonly data: ApyBreakdown | undefined;
+}
+/**
+ * Point programs attached to an APY breakdown: icon + name for each program.
+ * Returns `null` when the SDK has none.
+ */
+export declare function PointsValue({ data, }: PointsValueProps): React.ReactElement | null;

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

@@ -2,7 +2,7 @@ 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. */
+/** "wstETH / WETH · 2.50x" — one open position, in a menu row. */
 export declare function PositionShortLabel({ data, }: {
     readonly data: StrategyPosition;
 }): React.ReactElement;

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';