@gearbox-protocol/ui-kit 4.0.0-next.1 → 4.0.0-next.10

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

@@ -2,7 +2,9 @@ import { Token } from '@gearbox-protocol/sdk/model';
 import { default as React } from 'react';
 import { TitleText } from '../text';
 import { AmountInputTest } from './constants';
+import { TokenButtonSize } from './token-button';
 export { AmountInputTest };
+export type AmountInputSize = TokenButtonSize;
 export interface AmountInputProps {
     readonly amount: bigint;
     readonly onAmount: (amount: bigint) => void;
@@ -11,19 +13,28 @@ export interface AmountInputProps {
     readonly tokens?: ReadonlyArray<Token>;
     readonly onToken?: (token: Token) => void;
     readonly balance?: bigint;
+    /** Wallet balances by token address — the picker's balance column. */
+    readonly balances?: Readonly<Record<string, bigint>>;
+    /** USD price per whole token by address — the picker's USD line. */
+    readonly usdPrices?: Readonly<Record<string, 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. */
     readonly maxLabel?: TitleText;
     /** USD price per one whole token; shows a USD equivalent when set. */
     readonly usdPrice?: number;
+    /**
+     * Field density. Defaults to `sm` on mobile and `md` otherwise — the
+     * reference `SmartNumberInput` sizes from agentic-rwa.
+     */
+    readonly size?: AmountInputSize;
     readonly disabled?: boolean;
     readonly testId?: string;
 }
 /**
  * The one amount field of a dialog: label row with balance and MAX, a large
- * value input beside the token (icon + optional dropdown picker), and a USD
+ * value input beside the token (icon + optional modal picker), and a USD
  * equivalent. The reference `SmartNumberInput` markup on SDK-typed props —
  * design only, `bigint` in / `bigint` out.
  */
-export declare function AmountInput({ amount, onAmount, token, tokens, onToken, balance, label, maxLabel, usdPrice, disabled, testId, }: AmountInputProps): React.ReactElement;
+export declare function AmountInput({ amount, onAmount, token, tokens, onToken, balance, balances, usdPrices, label, maxLabel, usdPrice, size, disabled, testId, }: AmountInputProps): React.ReactElement;

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

@@ -6,4 +6,6 @@ export declare class AmountInputTest {
     static label: string;
     static balance: string;
     static usd: string;
+    static selectPanel: string;
+    static selectOption: string;
 }

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

@@ -1 +1,2 @@
 export * from './amount-input';
+export * from './token-select-panel';

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

@@ -1,16 +1,28 @@
 import { Token } from '@gearbox-protocol/sdk/model';
+import { VariantProps } from 'class-variance-authority';
 import { default as React } from 'react';
+declare const blockVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type TokenButtonSize = NonNullable<VariantProps<typeof blockVariants>["size"]>;
 export interface TokenButtonProps {
     readonly token: Token | undefined;
     /** When set and not disabled, the block is clickable and shows a chevron. */
     readonly onClick?: () => void;
-    /** Rotates the chevron (dropdown open). */
+    /**
+     * Marks the block as a picker trigger (cursor + chevron) without a local
+     * click handler — for use inside a dropdown trigger that owns the toggle.
+     */
+    readonly interactive?: boolean;
+    /** Rotates the chevron (picker open). */
     readonly active?: boolean;
     readonly disabled?: boolean;
+    readonly size?: TokenButtonSize;
 }
 /**
  * Token display with icon and optional chevron — the trigger of the token
  * picker. Internal to `AmountInput` (the reference `CurrencyButton`, retyped
  * on the SDK `Token`).
  */
-export declare function TokenButton({ token, onClick, active, disabled, }: TokenButtonProps): React.ReactElement;
+export declare function TokenButton({ token, onClick, interactive, active, disabled, size, }: TokenButtonProps): React.ReactElement;
+export {};

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

@@ -0,0 +1,17 @@
+import { Token } from '@gearbox-protocol/sdk/model';
+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>>;
+    /** USD price per one whole token by address; shows a USD line under the balance. */
+    readonly usdPrices?: Readonly<Record<string, number>>;
+    readonly onSelect: (token: Token) => void;
+    readonly onClose: () => void;
+}
+/**
+ * Token picker body of `AmountInput` — the reference `TokenSelectModal`
+ * (`ConfirmMenu` + name/balance rows) on SDK-typed props. Always rendered
+ * inside a `Modal`.
+ */
+export declare function TokenSelectPanel({ tokens, balances, usdPrices, onSelect, onClose, }: TokenSelectPanelProps): React.ReactElement;

package/dist/types/components/base/borrow-rate-block/borrow-rate-block.d.ts

@@ -0,0 +1,21 @@
+import { BorrowRateBreakdown, Bps } from '@gearbox-protocol/sdk/model';
+import { default as React } from 'react';
+import { BorrowRateBlockTest } from './constants';
+export { BorrowRateBlockTest };
+/**
+ * The SDK's `borrowRate` breakdown, or a bare `Bps` when only the position's
+ * plain `borrowApy` is available (offchain mode: no breakdown to split into
+ * total / base). A caller never picks a field itself, so `total` and `base`
+ * can't drift out of sync the way threading two separately-extracted `Bps`
+ * numbers through two props invited.
+ */
+export type BorrowRateValue = BorrowRateBreakdown | Bps;
+export interface BorrowRateBlockProps {
+    readonly data: BorrowRateValue | undefined;
+    readonly dataTo?: BorrowRateValue;
+}
+/**
+ * Borrow-rate row: total on the trigger, Base Rate from the SDK, Rates
+ * normalization as a dash until the SDK reports it.
+ */
+export declare function BorrowRateBlock({ data, dataTo, }: BorrowRateBlockProps): React.ReactElement;

package/dist/types/components/base/borrow-rate-block/constants.d.ts

@@ -0,0 +1,5 @@
+export declare class BorrowRateBlockTest {
+    static root: string;
+    static trigger: string;
+    static details: string;
+}

package/dist/types/components/base/borrow-rate-block/index.d.ts

@@ -0,0 +1,2 @@
+export * from './borrow-rate-block';
+export * from './constants';

package/dist/types/components/base/chart-with-side-card/chart-with-side-card.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { ChartWithSideCardTest } from './constants';
+export { ChartWithSideCardTest };
+export interface ChartWithSideCardProps {
+    readonly chart: React.ReactNode;
+    readonly side: React.ReactNode;
+}
+/**
+ * Detail-page yield layout: chart on the left, a side card on the right.
+ * The card is one StatBadge column wide; if that would squeeze the chart
+ * below 40rem, the card wraps underneath at full width instead.
+ */
+export declare function ChartWithSideCard({ chart, side, }: ChartWithSideCardProps): React.ReactElement;

package/dist/types/components/base/chart-with-side-card/constants.d.ts

@@ -0,0 +1,5 @@
+export declare class ChartWithSideCardTest {
+    static root: string;
+    static chart: string;
+    static side: string;
+}

package/dist/types/components/base/chart-with-side-card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './chart-with-side-card';
+export * from './constants';

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

@@ -6,10 +6,9 @@ import { DetailedPageTitleTest } from './constants';
 export type DetailedPageTitleExplorerLink = ExplorerLink;
 export { DetailedPageTitleTest };
 export interface DetailedPageTitleProps {
-    readonly title: PageTitleText;
+    /** 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.
@@ -28,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';
@@ -21,10 +22,26 @@ export interface HistoryChartProps {
     readonly priceLines?: ReadonlyArray<PriceLineConfig>;
     /** Shaded horizontal bands, e.g. a liquidation danger zone. */
     readonly zones?: ReadonlyArray<PriceZoneConfig>;
+    /**
+     * Current-value overlay in the chart corner. Detail screens keep this off;
+     * defaults to `false`.
+     */
+    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, }: 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

@@ -1,4 +1,6 @@
 export * from './amount-input';
+export * from './borrow-rate-block';
+export * from './chart-with-side-card';
 export * from './detailed-page-title';
 export * from './details-view';
 export * from './health-factor-block';
@@ -6,18 +8,28 @@ 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';
+export * from './more-accordion';
+export * from './nested-info-stack';
 export * from './page-title';
+export * from './pool-apy-breakdown-card';
 export * from './review-button';
 export * from './section-heading';
 export * from './segmented-tabs';
+export * from './side-card';
 export * from './spacing';
 export * from './stack';
 export * from './stat-badge';
 export * from './sticky-bar';
+export * from './strategy-apy-breakdown-card';
 export * from './tabber';
 export * from './text';
 export * from './time-to-liquidation-block';
+export * from './title-meta';
 export * from './token-amount';
+export * from './token-pair-symbol';
+export * from './token-pair-title';
 export * from './values';

package/dist/types/components/base/info-list/constants.d.ts

@@ -1,4 +1,5 @@
 export declare class InfoListTest {
     static root: string;
     static line: string;
+    static sectionTitle: string;
 }

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';
@@ -11,9 +12,22 @@ export interface InfoLineProps {
     readonly value: React.ReactNode;
     /** Tooltip content behind the help icon next to the label. */
     readonly tip?: React.ReactNode;
+    /** Caption under the value (right-aligned), e.g. "for 0.00 USDC". */
+    readonly valueDescription?: React.ReactNode;
     /** New value after an arrow (value → valueTo); the old one is dimmed. */
     readonly valueTo?: React.ReactNode;
     readonly testId?: string;
 }
 /** One row of the list — the reference `VerticalIndicator` markup. */
-export declare function InfoLine({ title, value, tip, valueTo, testId, }: InfoLineProps): React.ReactElement;
+export declare function InfoLine({ title, value, tip, valueDescription, valueTo, testId, }: InfoLineProps): React.ReactElement;
+export interface InfoSectionTitleProps {
+    readonly title: TitleText;
+}
+/** 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, step, title, hint, reset, colorIntervals, colorIntervalLabel, size, }: LeverageInputProps): React.ReactElement;
+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/constants.d.ts

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

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

@@ -0,0 +1,2 @@
+export * from './constants';
+export * from './liquidation-params-table';

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

@@ -0,0 +1,12 @@
+import { StrategyOpportunity } from '@gearbox-protocol/sdk/model';
+import { default as React } from 'react';
+import { LiquidationParamsTableTest } from './constants';
+export { LiquidationParamsTableTest };
+export interface LiquidationParamsTableProps {
+    readonly data: Pick<StrategyOpportunity, "liquidationThreshold" | "liquidationPremium" | "liquidationFee">;
+}
+/**
+ * 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

@@ -20,6 +20,15 @@ export interface ManagePaneTabDropdownProps {
     readonly items: ReadonlyArray<ManagePaneTabDropdownItem>;
 }
 export declare function ManagePaneTabDropdown(_props: ManagePaneTabDropdownProps): null;
+export interface ManagePaneActionTabProps {
+    readonly id: string;
+    readonly title: TitleText;
+    /** Fires without changing the active tab (e.g. "My positions"). */
+    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 {
     readonly children: React.ReactNode;
     /** Controlled active tab — the screen owns it (usually `?operation=`). */

package/dist/types/components/base/more-accordion/constants.d.ts

@@ -0,0 +1,4 @@
+export declare class MoreAccordionTest {
+    static root: string;
+    static trigger: string;
+}

package/dist/types/components/base/more-accordion/index.d.ts

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

package/dist/types/components/base/more-accordion/more-accordion.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { TitleText } from '../text';
+import { MoreAccordionTest } from './constants';
+export { MoreAccordionTest };
+export interface MoreAccordionProps {
+    readonly children: React.ReactNode;
+    readonly moreMessage?: TitleText;
+    readonly lessMessage?: TitleText;
+}
+/** Centered more/less disclosure over a `SimpleAccordion`. */
+export declare function MoreAccordion({ children, moreMessage, lessMessage, }: MoreAccordionProps): React.ReactElement;

package/dist/types/components/base/nested-info-stack/constants.d.ts

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

package/dist/types/components/base/nested-info-stack/index.d.ts

@@ -0,0 +1,2 @@
+export * from './constants';
+export * from './nested-info-stack';

package/dist/types/components/base/nested-info-stack/nested-info-stack.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { NestedInfoStackTest } from './constants';
+export { NestedInfoStackTest };
+export interface NestedInfoStackProps {
+    readonly children: React.ReactNode;
+}
+/**
+ * Nested compact-info rows: indent plus a 2px left rail.
+ */
+export declare function NestedInfoStack({ children, }: NestedInfoStackProps): React.ReactElement;

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

@@ -3,17 +3,27 @@ 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 {
-    readonly title: PageTitleText;
-    /** Browser tab title when it should differ from the visible heading. */
-    readonly browserTitle?: PageTitleText;
+    /** Visible heading; a node (e.g. a token-pair title) renders as given. */
+    readonly title: PageTitleText | React.ReactNode;
     /**
-     * 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.
+     * Browser tab title when it should differ from the visible heading.
+     * Required when {@link title} is a node — a node cannot become a string.
      */
-    readonly head?: (browserTitle: string) => React.ReactNode;
+    readonly browserTitle?: PageTitleText;
     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

@@ -0,0 +1,4 @@
+export declare class PoolApyBreakdownCardTest {
+    static root: string;
+    static value: string;
+}

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

@@ -0,0 +1,2 @@
+export * from './constants';
+export * from './pool-apy-breakdown-card';

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

@@ -0,0 +1,13 @@
+import { Bps } from '@gearbox-protocol/sdk/model';
+import { default as React } from 'react';
+import { PoolApyBreakdownCardTest } from './constants';
+export { PoolApyBreakdownCardTest };
+export interface PoolApyBreakdownCardProps {
+    /** Organic and incentive APYs in basis points; a missing value renders a dash. */
+    readonly data?: {
+        readonly organicApy?: Bps;
+        readonly incentiveApy?: Bps;
+    };
+}
+/** 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/side-card/constants.d.ts

@@ -0,0 +1,5 @@
+export declare class SideCardTest {
+    static root: string;
+    static title: string;
+    static body: string;
+}

package/dist/types/components/base/side-card/index.d.ts

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

package/dist/types/components/base/side-card/side-card.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { TitleText } from '../text';
+import { SideCardTest } from './constants';
+export { SideCardTest };
+export interface SideCardProps {
+    readonly title: TitleText;
+    readonly tip?: React.ReactNode;
+    readonly children: React.ReactNode;
+    readonly className?: string;
+    readonly testId?: string;
+}
+/**
+ * Card beside a chart: title row, optional tip. Body columns follow the
+ * card's own width — 3, then 2, then 1 as it gets narrower.
+ */
+export declare function SideCard({ title, tip, children, className, testId, }: SideCardProps): React.ReactElement;