@gearbox-protocol/ui-kit 4.0.0-next.23 → 4.0.0-next.25

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

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

package/dist/types/components/assets-list-cell/assets-list-cell.d.ts

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

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

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

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

@@ -1,5 +1,5 @@
-import { AddressMap } from '@gearbox-protocol/sdk';
 import { Token } from '@gearbox-protocol/sdk/model';
+import { AddressMap } from '@gearbox-protocol/sdk/onchain';
 import { default as React } from 'react';
 import { TitleText } from '../text';
 import { AmountInputTest } from './constants';

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

@@ -1,5 +1,5 @@
-import { AddressMap } from '@gearbox-protocol/sdk';
 import { Token } from '@gearbox-protocol/sdk/model';
+import { AddressMap } from '@gearbox-protocol/sdk/onchain';
 import { default as React } from 'react';
 export interface TokenSelectPanelProps {
     readonly tokens: ReadonlyArray<Token>;

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

@@ -49,7 +49,8 @@ export interface HistoryChartProps {
     readonly trailing?: React.ReactNode;
     /**
      * Force a second Y-axis. When omitted, the chart splits axes only if
-     * `yMeasureUnit` lists more than one distinct unit.
+     * `yMeasureUnit` lists more than one distinct unit. Same-unit series share
+     * one scale and show its labels.
      */
     readonly dualYAxis?: boolean;
 }

package/dist/types/components/base/info-portal/info-portal.d.ts

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

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

@@ -8,6 +8,8 @@ export interface PoolApyBreakdownCardProps {
         readonly organicApy?: Bps;
         readonly incentiveApy?: Bps;
     };
+    /** When `"7d"`, labels carry the averaging-window suffix. */
+    readonly period?: "7d";
 }
-/** Organic vs incentive APY next to the pool APY chart. Missing values render as dashes. */
-export declare function PoolApyBreakdownCard({ data, }: PoolApyBreakdownCardProps): React.ReactElement;
+/** Organic vs incentive APY next to the pool APY chart. Missing organic renders as a dash; incentive is 0% when omitted. */
+export declare function PoolApyBreakdownCard({ data, period, }: PoolApyBreakdownCardProps): React.ReactElement;

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

@@ -16,5 +16,5 @@ export interface BackButtonProps extends VariantProps<typeof backButtonVariants>
     className?: string;
     LinkComponent?: React.ComponentType<LinkComponentProps>;
 }
-export declare function BackButton({ href, text, onClick, className, variant, size, LinkComponent, }: BackButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function BackButton({ href, text, onClick, className, variant, size, LinkComponent, }: BackButtonProps): import("react").JSX.Element;
 export { backButtonVariants };

package/dist/types/components/buttons/range-buttons/range-buttons.d.ts

@@ -46,4 +46,4 @@ export interface RangeButtonsProps<T> {
  * />
  * ```
  */
-export declare function RangeButtons<T>({ range, rangeList, setRange, className, }: RangeButtonsProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function RangeButtons<T>({ range, rangeList, setRange, className, }: RangeButtonsProps<T>): React.JSX.Element;

package/dist/types/components/cards/danger-zone/danger-zone.d.ts

@@ -16,4 +16,4 @@ import { CardProps } from '../card';
  * - for warnings or informational content (use regular Card with appropriate styling).
  * - when actions are not actually dangerous or destructive.
  */
-export declare function DangerZone({ children, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function DangerZone({ children, ...props }: CardProps): import("react").JSX.Element;

package/dist/types/components/cards/expandable-call/expandable-call.d.ts

@@ -24,5 +24,5 @@ export interface ExpandablCallProps {
  * - for displaying transactions themselves (use ExpandableCard instead).
  * - outside of transaction context (use ExpandableCard or regular Card instead).
  */
-declare function ExpandablCall({ header, children, index, isExpandable, }: ExpandablCallProps): import("react/jsx-runtime").JSX.Element;
+declare function ExpandablCall({ header, children, index, isExpandable, }: ExpandablCallProps): React.JSX.Element;
 export { ExpandablCall };

package/dist/types/components/cards/expandable-card/expandable-card.d.ts

@@ -24,5 +24,5 @@ export interface ExpandableCardProps {
  * - when you need multiple independent expandable sections (consider using Tabs or separate ExpandableCards).
  * - for non-transaction content when a regular Card would suffice.
  */
-declare function ExpandableCard({ header, children, alwaysExpanded, }: ExpandableCardProps): import("react/jsx-runtime").JSX.Element;
+declare function ExpandableCard({ header, children, alwaysExpanded, }: ExpandableCardProps): React.JSX.Element;
 export { ExpandableCard };

package/dist/types/components/compound-apy/compound-apy.d.ts

@@ -41,4 +41,4 @@ export interface CompoundAPYProps {
  * No `tokensList`, no external APY, no 7D history, no "soon" points state.
  * For the legacy percent-based API see {@link CompoundAPYLegacy}.
  */
-export declare function CompoundAPY({ apy, maxLeverage, collateralApy, borrowApy, quotaRate, decimals, tooltip, className, }: CompoundAPYProps): import("react/jsx-runtime").JSX.Element;
+export declare function CompoundAPY({ apy, maxLeverage, collateralApy, borrowApy, quotaRate, decimals, tooltip, className, }: CompoundAPYProps): import("react").JSX.Element;

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

@@ -1,6 +1,6 @@
 import type * as React from "react";
 declare const DialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
 export { DialogFooter };

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

@@ -1,6 +1,6 @@
 import type * as React from "react";
 declare const DialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
 export { DialogHeader };

package/dist/types/components/dropdown-menu/dropdown-menu-shortcut.d.ts

@@ -1,6 +1,6 @@
 import type * as React from "react";
 declare const DropdownMenuShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
     displayName: string;
 };
 export { DropdownMenuShortcut };

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

@@ -1,7 +1,7 @@
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import type * as React from "react";
 declare const DropdownMenu: {
-    ({ modal, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    ({ modal, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
     displayName: string;
 };
 declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/components/edit-input/edit-input.d.ts

@@ -36,5 +36,5 @@ export interface EditInputProps extends Omit<React.ComponentProps<typeof Input>,
  * EditInput — inline editable field: view mode (TextButton + label) or edit mode (Input + arrow submit).
  * Matches interface EditInput structure and styles.
  */
-export declare function EditInput({ label, value, onChange, onSubmit, onEditModeChange, textButtonProps, inputSize, colorTheme, placeholder, inputMode, autoComplete, autoCorrect, type, spellCheck, className, onKeyDown: onKeyDownProp, ...restProps }: EditInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditInput({ label, value, onChange, onSubmit, onEditModeChange, textButtonProps, inputSize, colorTheme, placeholder, inputMode, autoComplete, autoCorrect, type, spellCheck, className, onKeyDown: onKeyDownProp, ...restProps }: EditInputProps): React.JSX.Element;
 export {};

package/dist/types/components/filter/filter-modal.d.ts

@@ -120,4 +120,4 @@ export interface FilterModalProps<T> {
      */
     showSearch?: boolean;
 }
-export declare function FilterModal<T>({ title, state, modalShow, onOpen, onClose, onReset, options, tabbedOptions, onSelect, className, optionsClassName, resetLabel, applyLabel, showApplyButton, showSearch, }: FilterModalProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function FilterModal<T>({ title, state, modalShow, onOpen, onClose, onReset, options, tabbedOptions, onSelect, className, optionsClassName, resetLabel, applyLabel, showApplyButton, showSearch, }: FilterModalProps<T>): React.JSX.Element;

package/dist/types/components/formatted-number/formatted-number.d.ts

@@ -18,4 +18,4 @@ export interface FormattedNumberStringProps extends React.HTMLAttributes<HTMLSpa
  * FormattedNumberString — displays a number with optional compact decimal (zeros as repeat count) and tooltip with full value.
  * Matches interface FormattedNumber structure and styles.
  */
-export declare function FormattedNumberString({ value, decimalPartLength, hideZerosIfMore, className, ...props }: FormattedNumberStringProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormattedNumberString({ value, decimalPartLength, hideZerosIfMore, className, ...props }: FormattedNumberStringProps): React.JSX.Element;

package/dist/types/components/graph/default-config.d.ts

@@ -2,6 +2,29 @@ import { AreaSeriesPartialOptions, ChartOptions, DeepPartial } from 'lightweight
 import { VertLineOptions } from './plugins/vertical-line';
 export declare const DEFAULT_AREA_SERIES: AreaSeriesPartialOptions;
 export declare const DEFAULT_VERTICAL_LINE: Partial<VertLineOptions>;
+/** Matches UI `text-sm` so axis tick labels read with the rest of the chrome. */
+export declare const AXIS_FONT_SIZE = 14;
+/**
+ * Price-scale tick density. Higher → more space between labels (fewer ticks).
+ * Lightweight-charts defaults to 2.5, which packs ~12 labels onto a 460px pane.
+ */
+export declare const AXIS_TICK_MARK_DENSITY = 5;
+/**
+ * Pixel inset so a tick sitting on the pane edge is drawn fully inside the
+ * canvas (half the font plus a couple of pixels of breathing room).
+ */
+export declare const AXIS_EDGE_LABEL_PADDING_PX: number;
+/**
+ * Extra air above the top tick so the label does not sit flush with the
+ * chart frame. Larger than the bottom inset because the top edge has no
+ * time-axis chrome to separate it from the container.
+ */
+export declare const AXIS_TOP_LABEL_PADDING_PX: number;
+/**
+ * Horizontal inset so a centred date label (`dd MMM`, ~50px) sits fully
+ * inside the time-scale canvas with a few pixels of air on each side.
+ */
+export declare const AXIS_TIME_EDGE_PADDING_PX = 40;
 /**
  * Gets the default chart options with resolved CSS colors
  * Call this at runtime to ensure CSS variables are properly resolved

package/dist/types/components/graph/formatters.d.ts

@@ -27,6 +27,11 @@ export interface AdaptiveYAxisFormatterOptions {
  * stay bare so charts without a real unit don't render a placeholder.
  */
 export declare function withYAxisUnit(label: string, unit: YMeasureUnits): string;
+/**
+ * Ratio units (`base / quote`) stay off axis ticks, the crosshair pill, and
+ * tooltip values — the pair belongs in the series title, not after the number.
+ */
+export declare function isRatioUnit(unit: YMeasureUnits): boolean;
 /**
  * Creates an adaptive Y-axis formatter that determines precision dynamically
  * based on visible range to ensure unique labels on the axis.
@@ -37,7 +42,6 @@ export declare function createAdaptiveYAxisFormatter(initialValues: number[], un
     formatter: (price: number) => string;
     tickmarksFormatter: (prices: number[]) => string[];
     updateVisibleRange: (visibleValues: number[]) => void;
-    updateLastValues: (lastValues: number[]) => void;
 };
 export type XMeasureUnits = "time" | "%";
 type XFormatter = (time: Time, symbol: XMeasureUnits | undefined) => string;

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

@@ -6,6 +6,12 @@ export type SeriesPriceScaleId = "left" | "right";
 export type SeriesChartType = "area" | "line";
 export interface SeriesConfig {
     data: Array<Point>;
+    /**
+     * Stable chart-instance key. Prefer this over `label` so renaming the legend
+     * (e.g. interpolating leverage into the title) updates the existing series
+     * instead of destroying it — which shuffles `seriesRefs` and breaks tooltips.
+     */
+    id?: string;
     label: string;
     /** Line color (area stroke). Alias: prefer `lineColor` for clarity; if both set, `lineColor` wins. */
     color?: string;
@@ -23,6 +29,8 @@ export interface SeriesConfig {
     /** Line dash style (line series only). */
     lineStyle?: LineStyle;
 }
+/** Chart-instance key: stable `id` when set, otherwise the display `label`. */
+export declare function seriesIdentity(series: Pick<SeriesConfig, "id" | "label">): string;
 export type VerticalLineOptions = Partial<{
     color: string;
     labelText: string;
@@ -51,8 +59,8 @@ export interface PriceLineConfig {
     /** Y value (price) where the horizontal line is drawn. */
     price: number;
     /**
-     * Label of the series to attach the line to. When omitted, the line is
-     * attached to the first series that has data (its price scale is used).
+     * `id` (preferred) or display `label` of the series to attach the line to.
+     * When omitted, the line is attached to the first series that has data.
      */
     seriesLabel?: string;
     /** Line color. Defaults to the destructive theme color. */
@@ -80,8 +88,8 @@ export interface PriceZoneConfig {
     /** Fill color — use a translucent value. Defaults to a translucent destructive tint. */
     color?: string;
     /**
-     * Label of the series whose price scale the band is drawn against. When
-     * omitted, the first series with data is used.
+     * `id` (preferred) or display `label` of the series whose price scale the
+     * band is drawn against. When omitted, the first series with data is used.
      */
     seriesLabel?: string;
 }

package/dist/types/components/graph/y-axis-scale.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Nice Y-axis range: a tick step from the same 1 / 2 / 2.5 / 5 × 10^n family
+ * that lightweight-charts uses, with min/max snapped onto that grid so the
+ * first and last labels sit on the pane edges.
+ */
+export interface PickTickSpanArgs {
+    min: number;
+    max: number;
+    scaleHeightPx: number;
+    fontSizePx: number;
+    tickMarkDensity: number;
+    minMove: number;
+}
+export interface NiceAxisRangeArgs {
+    min: number;
+    max: number;
+    /** Hard floor (e.g. `yScaleMin`, or 0 when the series never goes negative). */
+    floor?: number;
+    scaleHeightPx: number;
+    fontSizePx: number;
+    tickMarkDensity: number;
+    minMove?: number;
+    /** Pixel inset lightweight-charts will add via AutoscaleInfo.margins.below. */
+    edgePaddingPx?: number;
+    /** Pixel inset for AutoscaleInfo.margins.above. Defaults to `edgePaddingPx`. */
+    edgePaddingTopPx?: number;
+}
+export interface NiceAxisRange {
+    min: number;
+    max: number;
+    step: number;
+}
+/**
+ * Smallest price increment the scale should resolve. One thousandth of the
+ * data span, snapped down to a power of ten — coarse enough to stay stable,
+ * fine enough not to cap the tick step the way a hardcoded `0.01` does on
+ * narrow ratio charts.
+ */
+export declare function pickMinMove(range: number): number;
+/**
+ * Tick step lightweight-charts would pick for this visible range.
+ */
+export declare function pickTickSpan({ min, max, scaleHeightPx, fontSizePx, tickMarkDensity, minMove, }: PickTickSpanArgs): number;
+/**
+ * Expand `[min, max]` onto the tick grid so both edges are labelled, matching
+ * the step the library will use once pixel edge-padding is applied.
+ */
+export declare function niceAxisRange({ min: rawMin, max: rawMax, floor, scaleHeightPx, fontSizePx, tickMarkDensity, minMove: minMoveArg, edgePaddingPx, edgePaddingTopPx, }: NiceAxisRangeArgs): NiceAxisRange;

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

@@ -41,4 +41,4 @@ export interface HealthFactorProps extends React.HTMLAttributes<HTMLSpanElement>
  * <HealthFactor value={15000} debt={0n} />  // "N/A"
  * ```
  */
-export declare function HealthFactor({ value, debt, decimals, zone, zoneType, className, ...props }: HealthFactorProps): import("react/jsx-runtime").JSX.Element;
+export declare function HealthFactor({ value, debt, decimals, zone, zoneType, className, ...props }: HealthFactorProps): React.JSX.Element;

package/dist/types/components/icons/fa-icon.d.ts

@@ -1,2 +1,2 @@
 import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
-export declare function FaIcon({ className, ...props }: FontAwesomeIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function FaIcon({ className, ...props }: FontAwesomeIconProps): import("react").JSX.Element;

package/dist/types/components/legal-agreement/legal-agreement-dialog.d.ts

@@ -96,7 +96,7 @@ export interface LegalAgreementDialogProps {
  * <LegalAgreementDialog open={isOpen} onClose={handleClose} onSign={handleSign} isSigning={isSigning} config={config} />
  * ```
  */
-export declare function LegalAgreementDialog({ open, onClose, onSign, isSigning, hasV2Signature, isAwaitingSignature, config, theme, }: LegalAgreementDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function LegalAgreementDialog({ open, onClose, onSign, isSigning, hasV2Signature, isAwaitingSignature, config, theme, }: LegalAgreementDialogProps): React.JSX.Element;
 export interface BlockedRegionDialogProps {
     open: boolean;
     onClose: () => void;
@@ -116,4 +116,4 @@ export interface BlockedRegionDialogProps {
  *
  * Note: Displays information about access restriction with link to terms of service.
  */
-export declare function BlockedRegionDialog({ open, onClose, termsOfServiceLink, }: BlockedRegionDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function BlockedRegionDialog({ open, onClose, termsOfServiceLink, }: BlockedRegionDialogProps): React.JSX.Element;

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

@@ -21,7 +21,7 @@ export interface LoadingProps {
  * <Loading data={items} message={customMessage} />
  * ```
  */
-declare function Loading({ data, loadingFunction, message, subMessage, }: LoadingProps): import("react/jsx-runtime").JSX.Element;
+declare function Loading({ data, loadingFunction, message, subMessage, }: LoadingProps): import("react").JSX.Element;
 declare namespace Loading {
     var displayName: string;
 }

package/dist/types/components/navbar-logo/navbar-logo.d.ts

@@ -8,4 +8,4 @@ export interface NavBarLogoProps extends React.ImgHTMLAttributes<HTMLImageElemen
 /**
  * NavBarLogo — a logo image for navigation bar
  */
-export declare function NavBarLogo({ size, className, style, ...props }: NavBarLogoProps): import("react/jsx-runtime").JSX.Element;
+export declare function NavBarLogo({ size, className, style, ...props }: NavBarLogoProps): React.JSX.Element;

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

@@ -40,6 +40,6 @@ interface NavigationProviderProps extends NavigationAdapter {
  * </NextNavigationProvider>
  * ```
  */
-export declare function NavigationProvider({ Link, useLocation, useNavigate, children, }: NavigationProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function NavigationProvider({ Link, useLocation, useNavigate, children, }: NavigationProviderProps): React.JSX.Element;
 export declare function useNavigationAdapter(): NavigationAdapter;
 export {};

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

@@ -25,4 +25,4 @@ export interface NetworkIconProps {
     rounded?: boolean;
     className?: string;
 }
-export declare function NetworkIcon({ network, size, isTest, suffixSize, showTooltip, rounded, className, }: NetworkIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function NetworkIcon({ network, size, isTest, suffixSize, showTooltip, rounded, className, }: NetworkIconProps): import("react").JSX.Element;

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/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/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/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-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

@@ -15,7 +15,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[];

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). */