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

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,16 @@
+import { ApyBreakdown, Bps } from '@gearbox-protocol/sdk/model';
+import { default as React } from 'react';
+import { BorrowRateBlockTest } from './constants';
+export { BorrowRateBlockTest };
+export type BorrowRateValue = ApyBreakdown | Bps;
+export interface BorrowRateBlockProps {
+    readonly data: BorrowRateValue | undefined;
+    readonly dataTo?: BorrowRateValue;
+    /** SDK `borrowRate.base`; omit when the breakdown is missing. */
+    readonly base?: 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, base, }: 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,7 +6,8 @@ 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;

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

@@ -21,10 +21,17 @@ 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;
 }
 /**
  * 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.
  */
-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, }: 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,27 @@ export * from './history-chart';
 export * from './info-list';
 export * from './info-portal';
 export * from './leverage-input';
+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

@@ -11,9 +11,16 @@ 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;

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

@@ -38,4 +38,4 @@ export interface LeverageInputProps {
  * Title row carries an inline-editable value (`×N.NN`) 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/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. Penalty is premium + fee, a presentation
+ * of two SDK values.
+ */
+export declare function LiquidationParamsTable({ data, }: LiquidationParamsTableProps): React.ReactElement;

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

@@ -20,6 +20,13 @@ 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;
+}
+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

@@ -4,8 +4,12 @@ import { PageTitleTest } from './constants';
 export { PageTitleTest };
 export type PageTitleText = FormatMessageTypedProps | string;
 export interface PageTitleProps {
-    readonly title: PageTitleText;
-    /** Browser tab title when it should differ from the visible heading. */
+    /** Visible heading; a node (e.g. a token-pair title) renders as given. */
+    readonly title: PageTitleText | React.ReactNode;
+    /**
+     * 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 browserTitle?: PageTitleText;
     /**
      * Renders the document head for the resolved browser title (e.g. a Helmet

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,14 @@
+import { Bps } 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;
+    };
+}
+/** Trailing APY windows next to the yield chart. Missing windows 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;

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { StrategyOpportunity } from '@gearbox-protocol/sdk/model';
+import { default as React } from 'react';
+import { StrategyApyBreakdownCardTest } from './constants';
+export { StrategyApyBreakdownCardTest };
+export interface StrategyApyBreakdownCardProps {
+    readonly data: StrategyOpportunity;
+}
+/** APY terms next to the strategy yield chart — collateral and borrow rates. */
+export declare function StrategyApyBreakdownCard({ data, }: StrategyApyBreakdownCardProps): React.ReactElement;

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

@@ -9,8 +9,15 @@ export interface TabberSectionProps {
     readonly heading?: TitleText;
     readonly actions?: React.ReactNode;
     readonly children?: React.ReactNode;
+    /**
+     * Render this section above the sticky tab bar (overview badges). The tab
+     * still appears in the bar and scroll-spy still tracks the section.
+     */
+    readonly beforeBar?: boolean;
+    /** Skip the in-section h2 — overview has badges, not a heading. */
+    readonly hideHeading?: boolean;
 }
-export declare function TabberSection({ id, title, heading, actions, children, }: TabberSectionProps): React.ReactElement;
+export declare function TabberSection({ id, title, heading, actions, children, hideHeading, }: TabberSectionProps): React.ReactElement;
 export declare namespace TabberSection {
     var displayName: string;
 }
@@ -19,6 +26,8 @@ export interface TabberProps {
     readonly observeKey?: string;
     readonly initialSection?: string;
     readonly testId?: string;
+    /** Injected by {@link DetailsViewLeftPane} on narrow screens. */
+    readonly mobileManagePane?: React.ReactNode;
 }
-export declare function Tabber({ children, observeKey, initialSection, testId, }: TabberProps): React.ReactElement;
+export declare function Tabber({ children, observeKey, initialSection, testId, mobileManagePane, }: TabberProps): React.ReactElement;
 export declare function isTabber(node: React.ReactNode): boolean;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -3,7 +3,7 @@ import { default as React } from 'react';
 export interface PositionTypeBadgeProps {
     /** The SDK's `Position.kind`. */
     readonly data: PositionKind;
-    readonly size?: "table" | "aside";
+    readonly size?: "table" | "aside" | "title";
 }
 /**
  * Colored kind label of a position row: "Lender" / "Strategy" / "Liquidation".

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

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const linkVariants: (props?: ({
-    size?: "default" | "unset" | "xs" | "sm" | null | undefined;
+    size?: "default" | "unset" | "sm" | "xs" | null | undefined;
     variant?: "default" | "unset" | "underlined" | null | undefined;
     color?: "main" | "default" | "secondary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1,8 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "text" | "default" | "success" | "destructive" | "ghost" | "blue" | "pink" | "white" | "secondary" | "outline" | "neutral" | "pink-outline" | "blue-outline" | null | undefined;
-    size?: "auto" | "default" | "icon" | "xs" | "sm" | "lg" | "md" | null | undefined;
+    variant?: "link" | "text" | "default" | "success" | "destructive" | "blue" | "pink" | "white" | "secondary" | "ghost" | "outline" | "neutral" | "pink-outline" | "blue-outline" | null | undefined;
+    size?: "auto" | "default" | "icon" | "sm" | "md" | "lg" | "xs" | null | undefined;
     width?: "compact" | "wide" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**

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

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

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

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

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

@@ -1,9 +1,9 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const dialogContainerVariants: (props?: ({
-    padding?: boolean | "xl" | "md" | null | undefined;
-    colorTheme?: "default" | "modal" | "box" | "transparent" | null | undefined;
-    maxWidth?: "full" | "sm" | "lg" | "xl" | "2xl" | "md" | null | undefined;
+    padding?: boolean | "md" | "xl" | null | undefined;
+    colorTheme?: "default" | "modal" | "transparent" | "box" | null | undefined;
+    maxWidth?: "full" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
     sticky?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface DialogContainerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dialogContainerVariants> {