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

package/dist/types/components/pool-points-indicator/pool-points-indicator.d.ts

@@ -38,4 +38,4 @@ export interface PoolPointsIndicatorProps {
  * </PoolPointsIndicator>
  * ```
  */
-export declare function PoolPointsIndicator({ size, color, className, children, }: PropsWithChildren<PoolPointsIndicatorProps>): import("react/jsx-runtime").JSX.Element;
+export declare function PoolPointsIndicator({ size, color, className, children, }: PropsWithChildren<PoolPointsIndicatorProps>): import("react").JSX.Element;

package/dist/types/components/radio-group/index.d.ts

@@ -0,0 +1 @@
+export * from './radio-group';

package/dist/types/components/radio-group/radio-group.d.ts

@@ -0,0 +1,39 @@
+import { VariantProps } from 'class-variance-authority';
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import * as React from "react";
+declare const radioGroupItemVariants: (props?: ({
+    size?: "md" | "lg" | null | undefined;
+    color?: "primary" | "secondary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
+export type RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> & VariantProps<typeof radioGroupItemVariants>;
+/**
+ * RadioGroup — one choice out of several.
+ *
+ * @usage
+ * Use for: mutually exclusive options a form shows all at once — a route to
+ * take, a mode to run in. Wrap {@link RadioGroupItem}s and own the value.
+ *
+ * Props:
+ * - All standard Radix UI RadioGroup props are supported (value, defaultValue,
+ *   onValueChange, disabled, orientation, ...).
+ *
+ * Note: Based on the Radix UI RadioGroup primitive; prefer this over
+ * `@radix-ui/react-radio-group` directly.
+ *
+ * Do NOT use RadioGroup:
+ * - for multi-select (use Checkbox).
+ * - when the options do not fit on screen (use Select).
+ */
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * RadioGroupItem — one option inside a {@link RadioGroup}.
+ *
+ * Sized and coloured like `Checkbox`, so the two read as one family; only the
+ * shape differs, because only one of these can be picked.
+ */
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    size?: "md" | "lg" | null | undefined;
+    color?: "primary" | "secondary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+export { RadioGroup, RadioGroupItem };

package/dist/types/components/sdk-status-pill/constants.d.ts

@@ -0,0 +1,5 @@
+export declare class SdkStatusPillTest {
+    static root: string;
+    static dot: string;
+    static tooltip: string;
+}

package/dist/types/components/sdk-status-pill/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './sdk-status';
+export * from './sdk-status-pill';

package/dist/types/components/sdk-status-pill/sdk-status-pill.d.ts

@@ -0,0 +1,27 @@
+import { SdkAttachStatus } from './sdk-status';
+import type * as React from "react";
+export interface SdkStatusPillProps {
+    /** Where the SDK is in its attach lifecycle. */
+    status: SdkAttachStatus;
+}
+/**
+ * SdkStatusPill — whether the SDK is connected, as one dot in an app footer.
+ *
+ * Deliberately narrow: it reports the **SDK's attach lifecycle** and nothing
+ * else. It is not a data-freshness indicator — it will not go grey because a
+ * chain lagged or the backend failed, and it says nothing about what is on
+ * screen. Screens surface their own failures.
+ *
+ * Two constraints, both product decisions:
+ *
+ * - **The palette is green and muted grey only**, never red or amber. See
+ *   {@link sdkStatusDotVariant}.
+ * - **No visible label**, so the tooltip carries the wording and is mirrored
+ *   into `aria-label` — a screen reader cannot see the colour.
+ *
+ * @example
+ * ```tsx
+ * <AppFooter status={<SdkStatusPill status={attach.status} />} />
+ * ```
+ */
+export declare function SdkStatusPill({ status, }: SdkStatusPillProps): React.ReactElement;

package/dist/types/components/sdk-status-pill/sdk-status.d.ts

@@ -0,0 +1,11 @@
+/** Where the SDK is in its attach lifecycle. */
+export type SdkAttachStatus = "loading" | "error" | "ready";
+/** Dot variants this indicator is allowed to use. */
+export type SdkStatusDotVariant = "success" | "default";
+/**
+ * The palette rule, as a function rather than a comment: green once the SDK is
+ * usable, muted grey otherwise. Never `alert` or `warning` — an alarming dot in
+ * permanent view teaches people to ignore it, and the screens surface their own
+ * failures. Exported so the rule is pinned by a test rather than by review.
+ */
+export declare function sdkStatusDotVariant(status: SdkAttachStatus): SdkStatusDotVariant;

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

@@ -28,7 +28,7 @@ import * as React from "react";
  * - for simple toggle switches (use Checkbox or Switch components).
  */
 declare const Select: {
-    (props: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    (props: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>): React.JSX.Element;
     displayName: string;
 };
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/short-string/short-string.d.ts

@@ -36,4 +36,4 @@ export interface ShortStringProps {
  * </ShortString>
  * ```
  */
-export declare function ShortString({ children, maxLength, showTooltip, className, }: ShortStringProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function ShortString({ children, maxLength, showTooltip, className, }: ShortStringProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;

package/dist/types/components/simple-accordion/simple-accordion.d.ts

@@ -31,7 +31,7 @@ export interface SimpleAccordionItemProps {
      */
     onClick?: (opened: boolean) => void;
 }
-export declare function SimpleAccordionItem({ value, title, description, className, hideIcon, reverse, last, triggerClassName, onClick, }: SimpleAccordionItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function SimpleAccordionItem({ value, title, description, className, hideIcon, reverse, last, triggerClassName, onClick, }: SimpleAccordionItemProps): import("react").JSX.Element;
 export declare namespace SimpleAccordionItem {
     var displayName: string;
 }
@@ -79,7 +79,7 @@ export interface SimpleAccordionProps {
  * </SimpleAccordion>
  * ```
  */
-export declare function SimpleAccordion({ children, className, type, collapsible, defaultValue, }: SimpleAccordionProps): import("react/jsx-runtime").JSX.Element;
+export declare function SimpleAccordion({ children, className, type, collapsible, defaultValue, }: SimpleAccordionProps): import("react").JSX.Element;
 export declare namespace SimpleAccordion {
     var displayName: string;
 }

package/dist/types/components/simple-dropdown/simple-dropdown.d.ts

@@ -100,7 +100,7 @@ export interface SimpleDropdownProps {
  * </SimpleDropdown>
  * ```
  */
-export declare function SimpleDropdown({ children, title, asChild, placement, align, sideOffset, maxWidth, minWidth, open, onOpenChange, modal, avoidCollisions, matchTriggerWidth, closeOnlyOnOutsideClick, className, triggerClassName, }: SimpleDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function SimpleDropdown({ children, title, asChild, placement, align, sideOffset, maxWidth, minWidth, open, onOpenChange, modal, avoidCollisions, matchTriggerWidth, closeOnlyOnOutsideClick, className, triggerClassName, }: SimpleDropdownProps): import("react").JSX.Element;
 export declare namespace SimpleDropdown {
     var displayName: string;
 }

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

@@ -78,5 +78,5 @@ interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "chil
  * </Skeleton>
  * ```
  */
-declare function Skeleton({ className, variant, speed, width, height, loading, children, style, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+declare function Skeleton({ className, variant, speed, width, height, loading, children, style, ...props }: SkeletonProps): React.JSX.Element;
 export { Skeleton, skeletonVariants };

package/dist/types/components/slider/constants.d.ts

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

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

@@ -1,3 +1,4 @@
+export { SliderTest } from './constants';
 export * from './slider';
 export * from './slider-context';
 export * from './slider-mark';

package/dist/types/components/slider/slider-context.d.ts

@@ -11,6 +11,6 @@ interface SliderProviderProps {
     min: number;
     max: number;
 }
-export declare function SliderProvider({ children, colorIntervals, min, max, }: SliderProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function SliderProvider({ children, colorIntervals, min, max, }: SliderProviderProps): React.JSX.Element;
 export declare function useSliderContext(): SliderContextValue | undefined;
 export {};

package/dist/types/components/slider/slider-mark.d.ts

@@ -13,5 +13,5 @@ interface SliderMarkProps {
  * Uses onPointerDown + stopPropagation so Radix Slider
  * doesn't also process the same click (prevents double-firing).
  */
-export declare function SliderMark({ value, min, max, onSelect }: SliderMarkProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SliderMark({ value, min, max, onSelect }: SliderMarkProps): import("react").JSX.Element | null;
 export {};

package/dist/types/components/slider/slider-track.d.ts

@@ -4,4 +4,4 @@
  * Intervals are rendered in reversed order so that the first interval
  * in the array renders on top (matching original interface behavior).
  */
-export declare function SliderTrack(): import("react/jsx-runtime").JSX.Element | null;
+export declare function SliderTrack(): import("react").JSX.Element | null;

package/dist/types/components/slider/slider-utils.d.ts

@@ -1,3 +1,4 @@
+import { ColorInterval } from '../../utils/ranges';
 export type { Decimals } from '../../utils/math';
 export { decimalsToStep, findClosestPoint, formatWithDecimals, formatWithoutDecimals, splitInterval, validateMinMax, } from '../../utils/math';
 export interface MarkerPoint {
@@ -7,3 +8,29 @@ export interface MarkerPoint {
 export type MarkerStep = 1 | 10 | 100 | 200;
 export declare function validateMarkerPoints(value: MarkerPoint[], min: number, max: number): MarkerPoint[];
 export declare function makeMarkerPoints(min: number, max: number, decimals: number, precision: number, markerStep: number): MarkerPoint[];
+export interface ResolveSnapProps {
+    /** Interval edges the handle should stick to. */
+    readonly snapPoints: readonly number[];
+    /** The intervals those edges came from. */
+    readonly intervals: readonly ColorInterval[] | undefined;
+    /** How far from a point the handle still snaps to it. */
+    readonly epsilon: number;
+    readonly decimals: number;
+}
+/**
+ * Where the handle lands: the value itself, or a point it is close enough to
+ * stick to.
+ *
+ * `findClosestPoint` offers the nearest whole number alongside the interval
+ * edges and takes whichever is nearer. On its own that is right — a slider
+ * without intervals should stick to round numbers. But an edge is the one
+ * place a value stops being valid, and a whole number a hundredth nearer wins
+ * the comparison and parks the handle just past it. So an edge **within
+ * `epsilon`** takes precedence, unless the whole number sits inside an
+ * interval anyway and is therefore somewhere the handle may legitimately rest.
+ *
+ * Note what this does not promise: a value with a whole number in reach but no
+ * edge in reach still snaps to that whole number, wherever it falls. Reaching
+ * further would drag the handle across a track it was never dragged near.
+ */
+export declare function resolveSnap(value: number, { snapPoints, intervals, epsilon, decimals }: ResolveSnapProps): number;

package/dist/types/components/status-elements/status-elements.d.ts

@@ -6,7 +6,7 @@ export interface AccountHealthDotProps {
 /**
  * HealthDot — colored dot indicating health factor zone.
  */
-export declare function HealthDot({ zone, size }: AccountHealthDotProps): import("react/jsx-runtime").JSX.Element;
+export declare function HealthDot({ zone, size }: AccountHealthDotProps): import("react").JSX.Element;
 export interface StatusBarsProps {
     /** Health factor zone; determines how many bars are filled (1–3) and their color. */
     zone: HFZones;
@@ -23,4 +23,4 @@ export interface StatusBarsProps {
  * <StatusBars zone="bad" />
  * ```
  */
-export declare function StatusBars({ zone }: StatusBarsProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatusBars({ zone }: StatusBarsProps): import("react").JSX.Element;

package/dist/types/components/tab-control/tab-control.d.ts

@@ -11,7 +11,7 @@ export interface TabControlProps<T extends string> {
     variant?: "equal" | "auto";
     tabItemWrapPadding?: string;
 }
-export declare function TabControl<T extends string>({ className, tabs, state: controlState, showBorder, tabItemWrapPadding, variant, }: TabControlProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function TabControl<T extends string>({ className, tabs, state: controlState, showBorder, tabItemWrapPadding, variant, }: TabControlProps<T>): import("react").JSX.Element;
 interface TabItemProps {
     icon?: React.ReactNode;
     label: React.ReactNode;
@@ -19,7 +19,7 @@ interface TabItemProps {
     selected: boolean;
     textSize?: "default" | "unset";
 }
-export declare function TabItem({ icon, label, selected, textSize, amount, }: TabItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabItem({ icon, label, selected, textSize, amount, }: TabItemProps): import("react").JSX.Element;
 interface UseTabControlReturnType<T extends string> {
     id: T;
     index: number;

package/dist/types/components/table/grid-loading-line.d.ts

@@ -44,4 +44,4 @@ export interface GridLoadingLineProps extends React.HTMLAttributes<HTMLDivElemen
  * <GridLoadingLine /> // Uses defaults
  * ```
  */
-export declare function GridLoadingLine({ height, columns, cellClassName, last, className, ...props }: GridLoadingLineProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridLoadingLine({ height, columns, cellClassName, last, className, ...props }: GridLoadingLineProps): React.JSX.Element;

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

@@ -47,4 +47,4 @@ export interface TableLoaderProps extends React.HTMLAttributes<HTMLDivElement> {
  * </GridTable>
  * ```
  */
-export declare function TableLoader({ height, columns, rows, cellClassName, className, ...props }: TableLoaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableLoader({ height, columns, rows, cellClassName, className, ...props }: TableLoaderProps): React.JSX.Element;

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

@@ -28,7 +28,7 @@ export interface TableCellSmProps extends Omit<React.HTMLAttributes<HTMLDivEleme
  * </TableCellSm>
  * ```
  */
-export declare function TableCellSm({ title, className, children, ...props }: TableCellSmProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableCellSm({ title, className, children, ...props }: TableCellSmProps): React.JSX.Element;
 /**
  * TableLineSmProps — props for TableLineSm component.
  */
@@ -91,4 +91,4 @@ export interface TableLineSmProps extends Omit<React.HTMLAttributes<HTMLDivEleme
  * </TableLineSm>
  * ```
  */
-export declare function TableLineSm({ title, columnsXs, columnsSm, columnsMd, columns, className, children, ...props }: TableLineSmProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableLineSm({ title, columnsXs, columnsSm, columnsMd, columns, className, children, ...props }: TableLineSmProps): React.JSX.Element;

package/dist/types/components/theme-provider.d.ts

@@ -30,5 +30,5 @@ export declare function useTheme(): ThemeContextValue;
  */
 export declare function ThemeProvider({ children, defaultTheme, storageKey, attribute, enableColorScheme, }: ThemeConfig & {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export {};

package/dist/types/components/token-icon/token-icon.d.ts

@@ -1,6 +1,5 @@
-import { IconComposite } from '@gearbox-protocol/sdk/common-utils';
 import { default as React } from 'react';
-import { TokenIconInput } from '../../utils/token-icon-source';
+import { IconComposite, TokenIconInput } from '../../utils/token-icon-source';
 import { RoundedImageProps } from '../rounded-image/rounded-image';
 /**
  * TokenIcon — component for displaying token/asset icons.

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

@@ -1,5 +1,5 @@
-import { NetworkType } from '@gearbox-protocol/sdk';
 import { Token } from '@gearbox-protocol/sdk/model';
+import { NetworkType } from '@gearbox-protocol/sdk/onchain';
 import { VariantProps } from 'class-variance-authority';
 import { default as React } from 'react';
 import { TokenMetaInfo } from '../../types/common';

package/dist/types/components/token-template/token-template.d.ts

@@ -48,5 +48,5 @@ export interface TokenTemplateProps extends Omit<FormattedNumberStringProps, "va
  * // Output: "-1.5 ETH"
  * ```
  */
-export declare function TokenTemplate({ value, token, precision, formatter, noFormattedAmountValue, showSymbol, maxLength, ...rest }: TokenTemplateProps): import("react/jsx-runtime").JSX.Element;
+export declare function TokenTemplate({ value, token, precision, formatter, noFormattedAmountValue, showSymbol, maxLength, ...rest }: TokenTemplateProps): React.JSX.Element;
 export { tokenTemplateString, negativeTokenTemplate };

package/dist/types/components/tooltip/simple-tooltip.d.ts

@@ -82,7 +82,7 @@ export interface SimpleTooltipProps {
  * </SimpleTooltip>
  * ```
  */
-export declare function SimpleTooltip({ children, title, placement, trigger, triangle, delayShow, maxWidth, minWidth, type, open: controlledOpen, onOpenChange: controlledOnOpenChange, className, triggerClassName, useTitleAsTrigger, }: SimpleTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function SimpleTooltip({ children, title, placement, trigger, triangle, delayShow, maxWidth, minWidth, type, open: controlledOpen, onOpenChange: controlledOnOpenChange, className, triggerClassName, useTitleAsTrigger, }: SimpleTooltipProps): React.JSX.Element;
 export declare namespace SimpleTooltip {
     var displayName: string;
 }

package/dist/types/components/trading-view/trading-view.d.ts

@@ -1,6 +1,7 @@
 import { LineStyle } from 'lightweight-charts';
 import { RangeButtonsProps } from '../buttons/range-buttons/range-buttons';
 import { YMeasureUnits } from '../graph/formatters';
+import { GraphLegendMarker } from '../graph/graph';
 import { GraphViewWithDataProps } from '../graph/graph-view';
 import { GraphDropdownItem, GraphDropdownProps } from './graph-dropdown';
 import type * as React from "react";
@@ -15,7 +16,11 @@ export interface GraphDataPoint {
  * Graph data structure with title and data points
  */
 export interface GraphData {
-    /** Stable identifier used for color mapping. Should match `GraphDropdownItem.value`. */
+    /**
+     * Stable identifier used for color mapping and as the chart series key.
+     * Should match `GraphDropdownItem.value`. Keep this fixed when only `title`
+     * changes, otherwise the series is recreated and hover tooltips break.
+     */
     id?: string;
     title?: string;
     data: GraphDataPoint[];
@@ -37,11 +42,11 @@ export interface GraphData {
 /**
  * TradingView component props
  */
-export interface TradingViewProps<T extends string = string> extends Omit<GraphViewWithDataProps, "series" | "loading" | "toolbar" | "size" | "showLegend" | "onUnselectSeries" | "yMeasureUnit" | "currentValueDecimals" | "data"> {
+export interface TradingViewProps<T extends string = string, TRange extends string = string> extends Omit<GraphViewWithDataProps, "series" | "loading" | "toolbar" | "size" | "showLegend" | "onUnselectSeries" | "yMeasureUnit" | "currentValueDecimals" | "data" | "title"> {
     /** Graph data - single or array of series */
     data: GraphData | Array<GraphData> | undefined;
     /** Y-axis unit for single or multiple series */
-    yMeasureUnit?: YMeasureUnits | Array<YMeasureUnits>;
+    yMeasureUnit?: YMeasureUnits | ReadonlyArray<YMeasureUnits>;
     /** Chart height in pixels */
     height?: number;
     /** Default selected graph item(s) */
@@ -53,17 +58,23 @@ export interface TradingViewProps<T extends string = string> extends Omit<GraphV
     /** Enable multiple graph selection */
     isMultipleSelect?: boolean;
     /** Available time range options */
-    rangeList: RangeButtonsProps<string>["rangeList"];
+    rangeList: RangeButtonsProps<TRange>["rangeList"];
     /** Currently selected time range */
-    range: string;
+    range: TRange;
     /** Callback to change selected range */
-    setRange: (range: string) => void;
+    setRange: (range: TRange) => void;
     /** Callback when expand button is clicked */
     onGraphExpanded?: () => void;
     /** Whether graph is currently expanded */
     isGraphExpanded?: boolean;
     /** Callback when series is unselected from legend */
     onUnselectSeries?: (label: string) => void;
+    /**
+     * Legend entries for things that are not data series — the vertical marker
+     * lines, which are drawn by their own layer and never reach `data`. Without
+     * them the plot shows coloured lines the legend does not account for.
+     */
+    legendMarkers?: ReadonlyArray<GraphLegendMarker>;
     /** Set of graph values that have no data available */
     graphsWithNoData?: Set<T>;
     /** Set of graph values that are currently loading */
@@ -110,11 +121,18 @@ export interface TradingViewProps<T extends string = string> extends Omit<GraphV
     seriesColorPersistenceKey?: string;
     /**
      * When true, all user-initiated zoom and pan interactions are disabled.
-     * The time range can only be changed via the range buttons.
+     * The time range can only be changed via the range dropdown.
      * Disables: mouse-wheel zoom, pinch zoom, axis drag, axis double-click reset,
      * and scroll/drag panning.
      */
     disableZoom?: boolean;
+    /**
+     * Controls rendered to the left of the range dropdown (e.g. leverage chips).
+     * A divider is shown between this slot and the dropdown when both are present.
+     */
+    trailing?: React.ReactNode;
+    /** Heading to the left of the chart controls, outside the chart frame. */
+    title?: React.ReactNode;
 }
 /**
  * TradingView — comprehensive charting component with graph selection and time range controls.
@@ -171,4 +189,4 @@ export interface TradingViewProps<T extends string = string> extends Omit<GraphV
  * />
  * ```
  */
-export declare function TradingView<T extends string = string>({ data, yMeasureUnit, height, defaultGraph, onGraphSelected, graphs, isMultipleSelect, range, rangeList, setRange, onGraphExpanded, isGraphExpanded, onUnselectSeries, graphsWithNoData, loadingGraphs, isLoading: isLoadingProp, noDataMessage, currentValueDecimals, containerClassName, useSharedPriceScale, showCurrentValue, yScaleMin, yScaleMinMultiple, seriesColorPersistenceKey, ...restProps }: TradingViewProps<T>): React.ReactElement;
+export declare function TradingView<T extends string = string, TRange extends string = string>({ data, yMeasureUnit, height, defaultGraph, onGraphSelected, graphs, isMultipleSelect, range, rangeList, setRange, onGraphExpanded, isGraphExpanded, onUnselectSeries, legendMarkers, graphsWithNoData, loadingGraphs, isLoading: isLoadingProp, noDataMessage, currentValueDecimals, containerClassName, useSharedPriceScale, showCurrentValue, yScaleMin, yScaleMinMultiple, seriesColorPersistenceKey, title, trailing, ...restProps }: TradingViewProps<T, TRange>): React.ReactElement;

package/dist/types/components/typed-intl/index.d.ts

@@ -9,7 +9,7 @@ export interface FormattedMessageTypedProps {
     values?: Values;
     defaultMessage?: string;
 }
-export declare function FormattedMessageTyped({ messageId, values, defaultMessage, }: FormattedMessageTypedProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormattedMessageTyped({ messageId, values, defaultMessage, }: FormattedMessageTypedProps): React.JSX.Element;
 export interface FormatMessageTypedProps {
     messageId: LocaleKeys;
     /** Fallback when the key is missing in the app's messages (e.g. app did not merge locale). */

package/dist/types/components/with-title/with-title.d.ts

@@ -27,5 +27,5 @@ export interface WithTitleProps extends VariantProps<typeof withTitleVariants> {
  * </WithTitle>
  * ```
  */
-export declare function WithTitle({ title, children, size, className, }: WithTitleProps): import("react/jsx-runtime").JSX.Element;
+export declare function WithTitle({ title, children, size, className, }: WithTitleProps): React.JSX.Element;
 export {};

package/dist/types/components/yield-breakdown-tooltip/yield-breakdown-tooltip.d.ts

@@ -1,5 +1,23 @@
 import { ApyBreakdown, Bps, Leverage } from '@gearbox-protocol/sdk/model';
+import { SimpleTooltipPlacement } from '../tooltip';
 import type * as React from "react";
+export interface ApyBreakdownTooltipProps {
+    /** Trigger — what the user hovers. */
+    readonly title: React.ReactNode;
+    /** Breakdown card (or any rich body) shown in the panel. */
+    readonly children: React.ReactNode;
+    /** Placement relative to the trigger. @default "left" */
+    readonly placement?: SimpleTooltipPlacement;
+    /** Controlled open state. Specs pass it because jsdom has no hover. */
+    readonly open?: boolean;
+    readonly className?: string;
+    readonly triggerClassName?: string;
+}
+/**
+ * Chrome around an APY breakdown in a tooltip: 400px, no arrow, modal
+ * surface. Callers pass only the trigger and the card — width lives here.
+ */
+export declare function ApyBreakdownTooltip({ title, children, placement, open, className, triggerClassName, }: ApyBreakdownTooltipProps): React.ReactElement;
 export interface YieldBreakdownTooltipProps {
     /**
      * Net yield (`ApyBreakdown`). For a strategy this is the net at
@@ -8,25 +26,27 @@ export interface YieldBreakdownTooltipProps {
     supplyApy: ApyBreakdown;
     /**
      * Strategy-only plain leverage multiplier (e.g. `13.6` for 13.6x). When set,
-     * the header shows "at Nx leverage" and borrow rows may appear.
+     * the header is "Net APY at Nx Leverage" and a Borrow Rate row is shown.
      */
     maxLeverage?: Leverage;
     /**
-     * Strategy collateral yield used for Base / Incentive rows. Falls back to
-     * {@link supplyApy} when omitted.
+     * Strategy collateral yield used for Collateral / Incentive rows. Falls back
+     * to {@link supplyApy} when omitted.
      */
     collateralApy?: ApyBreakdown;
     /** Strategy base borrow cost in bps (shown as a negative rate). */
     borrowApy?: Bps;
-    /** Strategy additional (quota) borrow cost in bps (shown as a negative rate). */
-    additionalBorrowApy?: Bps;
+    /** Strategy quota rate in bps, at 1x (folded into Borrow Rate). */
+    quotaRate?: Bps;
+    /** When `"7d"`, labels carry the averaging-window suffix. */
+    period?: "7d";
     children?: React.ReactNode;
     className?: string;
+    /** Controlled open state. Specs pass it because jsdom has no hover. */
+    open?: boolean;
 }
 /**
- * Yield Breakdown tooltip for Earn — pool and strategy layouts from SDK
- * `ApyBreakdown` (+ optional strategy borrow / leverage fields).
- *
- * Visuals follow Figma «Yield Details Surface» (400px card, always expanded).
+ * Earn APY tooltip — a pool hands {@link PoolApyBreakdownCard}; a strategy
+ * (positions list) still itemises unlevered collateral, borrow and rewards.
  */
-export declare function YieldBreakdownTooltip({ supplyApy, maxLeverage, collateralApy, borrowApy, additionalBorrowApy, children, className, }: YieldBreakdownTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function YieldBreakdownTooltip({ supplyApy, maxLeverage, collateralApy, borrowApy, quotaRate, period, children, className, open, }: YieldBreakdownTooltipProps): React.JSX.Element;

package/dist/types/configs/tailwind-preset.d.ts

@@ -63,9 +63,14 @@ export declare const preset: {
                 "success-foreground": string;
                 "success-hover": string;
                 warning: string;
+                info: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
                 liquidation: string;
                 "liquidation-line": string;
                 border: string;
+                divider: string;
                 input: string;
                 ring: string;
                 "text-secondary": string;
@@ -91,6 +96,13 @@ export declare const preset: {
                     "3": string;
                     "4": string;
                     "5": string;
+                    "6": string;
+                    "7": string;
+                    "8": string;
+                    "9": string;
+                    "10": string;
+                    "11": string;
+                    "12": string;
                 };
             };
             fontFamily: {

package/dist/types/hooks/index.d.ts

@@ -3,8 +3,8 @@ export * from './use-controllable-state';
 export * from './use-debounce';
 export * from './use-debounce-call';
 export * from './use-filter';
-export * from './use-hf';
 export * from './use-media-query';
+export * from './use-observed-width-key';
 export * from './use-opened-state';
 export * from './use-previous';
 export * from './use-smart-number-input';

package/dist/types/hooks/use-observed-width-key.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Tracks the rounded CSS-pixel width of an element via ResizeObserver.
+ * Useful when a layout should collapse by container width, not viewport.
+ */
+export declare function useObservedWidthKey<T extends HTMLElement>(): {
+    ref: import('react').RefObject<T | null>;
+    widthKey: number;
+};

package/dist/types/index.d.ts

@@ -8,13 +8,14 @@ export * from './components/app-bar';
 export * from './components/assets-list-cell';
 export * from './components/badge';
 export * from './components/base-link';
-export * from './components/block-sync-pill';
+export * from './components/base-table';
 export * from './components/breadcrumbs';
 export * from './components/breakpoint-provider';
 export * from './components/buttons';
 export * from './components/cards';
 export * from './components/checkbox';
 export * from './components/client-adapters';
+export * from './components/collateral-allocation-tooltip';
 export * from './components/composites';
 export * from './components/compound-apy';
 export * from './components/confirm-menu';
@@ -34,8 +35,10 @@ export * from './components/guard';
 export * from './components/head-cell';
 export * from './components/health-factor';
 export * from './components/help-tip';
+export * from './components/hf-indicator';
 export * from './components/icon-button';
 export * from './components/icons';
+export * from './components/infinite-scroll';
 export * from './components/input';
 export * from './components/label';
 export * from './components/layout';
@@ -45,14 +48,17 @@ export * from './components/loader';
 export * from './components/loading';
 export * from './components/loading-bar';
 export * from './components/modal';
+export * from './components/name-cell';
 export * from './components/navbar-logo';
 export * from './components/navigation-context';
 export * from './components/network-icon';
 export * from './components/points-icon';
 export * from './components/pool-points-indicator';
+export * from './components/radio-group';
 export * from './components/rounded-image';
 export * from './components/rwa-feature';
 export * from './components/rwa-styles';
+export * from './components/sdk-status-pill';
 export * from './components/search-line';
 export * from './components/segmented-control';
 export * from './components/select';
@@ -91,12 +97,11 @@ export * from './configs/variants';
 export * from './hooks';
 export type { LocaleKeys } from './locale';
 export * from './locale';
-export type { BlockSyncProps } from './types/footer';
 export { EnglishLocale };
 export * from './utils';
 export * from './utils/a11y';
 export { cn } from './utils/cn';
 export * from './utils/copy';
 export * from './utils/format';
-export { formatMoney, formatPercentAmount, percentageTemplate, percentTemplate, } from './utils/format-money';
+export { formatCompactPercent, formatMoney, formatPercentAmount, percentageTemplate, percentTemplate, } from './utils/format-money';
 export * from './utils/templates';