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

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

@@ -33,11 +33,11 @@ declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortal
 declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertDialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
 declare const AlertDialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
 declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

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)
@@ -148,5 +151,5 @@ export type AssetsListCellProps = SingleAssetCellProps | MultiAssetCellProps | T
  * />
  * ```
  */
-export declare function AssetsListCell(props: AssetsListCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function AssetsListCell(props: AssetsListCellProps): React.JSX.Element;
 export {};

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.
  *
@@ -24,5 +25,5 @@ declare const badgeVariants: (props?: ({
  */
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
-declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;
 export { Badge, badgeVariants };

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

@@ -1,4 +1,5 @@
 import { Token } from '@gearbox-protocol/sdk/model';
+import { AddressMap } from '@gearbox-protocol/sdk/onchain';
 import { default as React } from 'react';
 import { TitleText } from '../text';
 import { AmountInputTest } from './constants';
@@ -14,9 +15,9 @@ export interface AmountInputProps {
     readonly onToken?: (token: Token) => void;
     readonly balance?: bigint;
     /** Wallet balances by token address — the picker's balance column. */
-    readonly balances?: Readonly<Record<string, bigint>>;
+    readonly balances?: AddressMap<bigint>;
     /** USD price per whole token by address — the picker's USD line. */
-    readonly usdPrices?: Readonly<Record<string, number>>;
+    readonly usdPrices?: AddressMap<number>;
     /** Label above the field; defaults to the "Amount" locale string. */
     readonly label?: TitleText;
     /** Label of the balance row; defaults to the "Balance" locale string. */

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

@@ -1,11 +1,12 @@
 import { Token } from '@gearbox-protocol/sdk/model';
+import { AddressMap } from '@gearbox-protocol/sdk/onchain';
 import { default as React } from 'react';
 export interface TokenSelectPanelProps {
     readonly tokens: ReadonlyArray<Token>;
-    /** Wallet balances by token address (either casing); shows a balance column. */
-    readonly balances?: Readonly<Record<string, bigint>>;
+    /** Wallet balances by token address; shows a balance column. */
+    readonly balances?: AddressMap<bigint>;
     /** USD price per one whole token by address; shows a USD line under the balance. */
-    readonly usdPrices?: Readonly<Record<string, number>>;
+    readonly usdPrices?: AddressMap<number>;
     readonly onSelect: (token: Token) => void;
     readonly onClose: () => void;
 }

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

@@ -0,0 +1,42 @@
+import { Bps } from '@gearbox-protocol/sdk/model';
+import { default as React } from 'react';
+import { LocaleKeys } from '../../../locale';
+export declare const BREAKDOWN_DASH = "\u2014";
+/** Width of an APY breakdown in a tooltip — the one place it is named. */
+export declare const APY_BREAKDOWN_TOOLTIP_WIDTH = "400px";
+export declare function periodMessageId(period: "7d" | undefined, base: LocaleKeys, with7d: LocaleKeys): LocaleKeys;
+/**
+ * A rate as the rows write it: two decimals, and a real minus sign.
+ *
+ * Two decimals at every scale, unlike the compact form the rest of the kit
+ * uses above 1000%. A breakdown is read by adding it up, and `1.2K%` carries
+ * three significant figures — enough to make a correct column look wrong.
+ */
+export declare function formatBreakdownRate(value: Bps): string;
+export interface ApyBreakdownBodyProps {
+    /** Heading to the left of the chip — "Net APY (7d)" and the like. */
+    readonly title: React.ReactNode;
+    /** The figure the chip prints. */
+    readonly chip: string;
+    /** Green chip when the net is positive; muted otherwise. */
+    readonly chipPositive?: boolean;
+    readonly chipTestId?: string;
+    readonly children: React.ReactNode;
+    readonly testId?: string;
+}
+/**
+ * Shared chrome of an APY breakdown: header with a net chip, then rows.
+ * Used by the pool and strategy cards and by the yield tooltip.
+ */
+export declare function ApyBreakdownBody({ title, chip, chipPositive, chipTestId, children, testId, }: ApyBreakdownBodyProps): React.ReactElement;
+export interface ApyBreakdownRowProps {
+    readonly label: React.ReactNode;
+    readonly value: string;
+    readonly subtext?: React.ReactNode;
+    readonly muted?: boolean;
+    readonly testId?: string;
+    readonly valueTestId?: string;
+    readonly captionTestId?: string;
+}
+export declare function ApyBreakdownRow({ label, value, subtext, muted, testId, valueTestId, captionTestId, }: ApyBreakdownRowProps): React.ReactElement;
+export declare function ApyBreakdownDivider(): React.ReactElement;

package/dist/types/components/base/apy-breakdown-body/index.d.ts

@@ -0,0 +1,2 @@
+export type { ApyBreakdownBodyProps, ApyBreakdownRowProps, } from './apy-breakdown-body';
+export { APY_BREAKDOWN_TOOLTIP_WIDTH, ApyBreakdownBody, ApyBreakdownDivider, ApyBreakdownRow, BREAKDOWN_DASH, formatBreakdownRate, periodMessageId, } from './apy-breakdown-body';

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,14 +1,29 @@
-import { HistoryRange, HistorySeries } from '@gearbox-protocol/sdk/model';
+import { ChartRange, Timestamp } 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';
 export { HistoryChartTest };
+/**
+ * One metric's points over the selected window.
+ *
+ * Declared here rather than imported: the SDK used to export `HistorySeries`,
+ * dropped it when charts moved to the multi-metric `ChartBundle`, and this
+ * component still draws one series at a time. Only these three fields are read.
+ */
+export interface HistorySeries {
+    readonly metric: string;
+    readonly points: ReadonlyArray<{
+        readonly timestamp: Timestamp;
+        readonly value: number;
+    }>;
+}
 export interface HistoryChartProps {
-    /** One series or several (dual charts); SDK shape as it comes. */
+    /** One series or several (dual charts). */
     readonly data: HistorySeries | ReadonlyArray<HistorySeries> | undefined;
-    readonly range: HistoryRange;
-    readonly onRange: (range: HistoryRange) => void;
+    readonly range: ChartRange;
+    readonly onRange: (range: ChartRange) => void;
     readonly isLoading?: boolean;
     readonly error?: Error;
     /** Y-axis unit ("%", "$", a token symbol); one for all or one per series. */
@@ -28,10 +43,20 @@ 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. Same-unit series share
+     * one scale and show its labels.
+     */
+    readonly dualYAxis?: boolean;
 }
 /**
- * Design-only history chart on the TradingView engine: range buttons, legend,
- * tooltips, optional reference lines and zones. Takes the SDK's
- * `HistorySeries` as it comes — points are mapped 1:1, no fetching.
+ * Design-only history chart on the TradingView engine: range dropdown, legend
+ * below the frame, tooltips, optional reference lines and zones. Takes the SDK's
+ * a `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';
@@ -15,6 +16,7 @@ export * from './more-accordion';
 export * from './nested-info-stack';
 export * from './page-title';
 export * from './pool-apy-breakdown-card';
+export * from './position-assets';
 export * from './review-button';
 export * from './section-heading';
 export * from './segmented-tabs';

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

@@ -3,6 +3,6 @@ import { default as React, PropsWithChildren } from 'react';
  * Lets a deeply nested child render information into a slot reserved higher up
  * (e.g. a dialog's projection into the manage pane's card top).
  */
-export declare function InfoPortalProvider({ children }: PropsWithChildren<object>): import("react/jsx-runtime").JSX.Element;
+export declare function InfoPortalProvider({ children }: PropsWithChildren<object>): React.JSX.Element;
 /** The slot inside the pane card where portal content appears. */
 export declare function InfoPortalOut(): React.ReactElement;

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

@@ -25,8 +25,10 @@ export interface LeverageInputProps {
     /** When set, renders a "Reset" button with a tooltip next to the value. */
     readonly reset?: LeverageInputResetProps;
     /**
-     * Risk bands along the track, in leverage units (e.g. `{start: 1, end: 3}`).
-     * Scaled to the slider's integer space internally.
+     * The reachable leverages, in leverage units (e.g. `{start: 1, end: 3}`),
+     * scaled to the slider's integer space internally. Omitted or empty leaves
+     * the track unmarked — which is what an unknown range looks like, not a
+     * full one.
      */
     readonly colorIntervals?: ReadonlyArray<ColorInterval>;
     /** Label of the highlighted interval range under the slider. */
@@ -35,7 +37,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/constants.d.ts

@@ -1,4 +1,7 @@
 export declare class PoolApyBreakdownCardTest {
     static root: string;
+    static net: string;
     static value: string;
+    static reward: string;
+    static points: string;
 }

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

@@ -1,14 +1,17 @@
-import { Bps } from '@gearbox-protocol/sdk/model';
+import { ApyBreakdown } from '@gearbox-protocol/sdk/model';
 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. */
-    readonly data?: {
-        readonly apy1d?: Bps;
-        readonly apy7d?: Bps;
-        readonly apy30d?: Bps;
-    };
+    /** SDK supply APY; missing data renders dashes, a present one with no incentives renders Incentive APY as 0%. */
+    readonly data?: ApyBreakdown;
+    /** When `"7d"`, labels carry the averaging-window suffix. */
+    readonly period?: "7d";
 }
-/** Trailing APY windows next to the yield chart. Missing windows render as dashes. */
-export declare function PoolApyBreakdownCard({ data, }: PoolApyBreakdownCardProps): React.ReactElement;
+/**
+ * How a pool's net APY is arrived at: base yield plus incentives.
+ *
+ * Base and Incentive add up to the chip. Token rewards and points programs
+ * sit under a divider as a breakdown of the incentive, not as extra addends.
+ */
+export declare function PoolApyBreakdownCard({ data, period, }: PoolApyBreakdownCardProps): React.ReactElement;

package/dist/types/components/base/position-assets/constants.d.ts

@@ -0,0 +1,5 @@
+export declare class PositionAssetsTest {
+    static root: string;
+    static row: string;
+    static empty: string;
+}

package/dist/types/components/base/position-assets/index.d.ts

@@ -0,0 +1,2 @@
+export { PositionAssetsTest } from './constants';
+export { PositionAssets, type PositionAssetsProps } from './position-assets';

package/dist/types/components/base/position-assets/position-assets.d.ts

@@ -0,0 +1,55 @@
+import { TokenAmount } from '@gearbox-protocol/sdk/model';
+import { default as React } from 'react';
+import { PositionAssetsTest } from './constants';
+export { PositionAssetsTest };
+export interface PositionAssetsProps {
+    /** What the position holds. */
+    readonly assets?: readonly TokenAmount[];
+    /**
+     * What those holdings become. Given, every row reads `before → after` and
+     * names its token once for the pair; omitted, the rows are plain holdings.
+     */
+    readonly to?: readonly TokenAmount[];
+    /** Rendered in place of the rows when nothing survives the dust filter. */
+    readonly empty?: React.ReactNode;
+    readonly testId?: string;
+}
+/**
+ * Holdings token by token, most valuable first — the position itself rather
+ * than the one number its collateral adds up to. A right-aligned column, so it
+ * reads as the value of the `InfoLine` a caller drops it into.
+ *
+ * The whole of a change belongs in the one slot: a row carries both amounts
+ * with the arrow between them, rather than the caller putting one list in
+ * `value` and another in `valueTo`. Two lists would name the same token twice
+ * and draw its icon twice, which is what pushes a long symbol out of a narrow
+ * dialog; they would also have to be kept in the same order by hand.
+ *
+ * The rows carry no label of their own, which is why they are not `InfoLine`s:
+ * `VerticalIndicator` leaves out its left column entirely when no label is
+ * given and never justifies what remains, so a label-less row would sit on the
+ * wrong side.
+ *
+ * Dust is left out: an account carries stray fractions of a cent from
+ * rounding, and listing them buries the holdings that matter. A token the
+ * oracle cannot price is never dust — an unknown value is not a small one.
+ */
+export declare function PositionAssets({ assets, to, empty, testId, }: PositionAssetsProps): React.ReactElement;
+/** One token across both sides of a change. */
+export interface AssetRow {
+    readonly token: TokenAmount["token"];
+    /** What the position holds now — zero for a token only the other side has. */
+    readonly value: bigint;
+    /** What it becomes — zero where the projection drops the token. */
+    readonly valueTo: bigint;
+    /**
+     * What the token is worth at its richer side, which is what decides both
+     * dust and order. `null` when a side the oracle cannot price is involved.
+     */
+    readonly worth: number | null;
+}
+/**
+ * What earns a row, most valuable first — decided across both sides, so a
+ * token either side holds is listed once, in one place.
+ */
+export declare function visibleAssets(assets: readonly TokenAmount[] | undefined, to?: readonly TokenAmount[]): AssetRow[];

package/dist/types/components/base/review-button/constants.d.ts

@@ -1,4 +1,5 @@
 export declare class ReviewButtonTest {
     static root: string;
     static error: string;
+    static tip: string;
 }

package/dist/types/components/base/review-button/review-button.d.ts

@@ -1,13 +1,27 @@
 import { default as React } from 'react';
+import { FormattedMessageTypedProps } from '../../typed-intl';
 import { LocaleKeys } from '../../../locale';
 import { ReviewButtonTest } from './constants';
 export { ReviewButtonTest };
 export interface ReviewButtonProps {
     readonly disabled: boolean;
-    /** Message id of what blocks the action; rendered above the button. */
+    /** What blocks the action; takes the button's own label while it is set. */
     readonly error: LocaleKeys | null;
+    /**
+     * How to get past the error — a card above the button. Taken as a message
+     * rather than a node because this component owns the formatter: the numbers
+     * a resolution names are `values`, and every caller would otherwise repeat
+     * the same `<FormattedMessageTyped>` wrapper.
+     */
+    readonly tip?: FormattedMessageTypedProps;
     readonly onClick: () => void;
     readonly label?: LocaleKeys;
 }
-/** The single primary action of every dialog: review, then confirm in Verify. */
-export declare function ReviewButton({ disabled, error, onClick, label, }: ReviewButtonProps): React.ReactElement;
+/**
+ * The single primary action of every dialog: review, then confirm in Verify.
+ *
+ * A blocked action says so on the button itself, and says what to do about it
+ * above — the arrangement the confirm screen already uses, so a dialog and its
+ * confirmation report the same refusal the same way.
+ */
+export declare function ReviewButton({ disabled, error, tip, onClick, label, }: ReviewButtonProps): React.ReactElement;

package/dist/types/components/base/stat-badge/constants.d.ts

@@ -2,4 +2,5 @@ export declare class StatBadgeTest {
     static root: string;
     static grid: string;
     static action: string;
+    static delta: string;
 }