@gearbox-protocol/ui-kit 4.0.0-next.9 → 4.0.1

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

@@ -62,11 +62,6 @@ declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<
  * Contains table rows (TableRow components) with data.
  */
 declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-/**
- * TableFooter — footer section of a Table.
- * Typically contains summary information or totals.
- */
-declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
 /**
  * TableRow — row component of a Table.
  * Contains table cells (TableCell or TableHead components) with hover effects.
@@ -84,44 +79,4 @@ declare const tableCellVariants: (props?: ({
 interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement>, VariantProps<typeof tableCellVariants> {
 }
 declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
-/**
- * TableCaption — caption component of a Table.
- * Displays table description or summary below the table.
- */
-declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
-/**
- * SortTableHeadProps — props for sortable table header.
- */
-export interface SortTableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
-    title: string;
-    isSorted: boolean;
-    direction: "asc" | "desc";
-    setSort: (direction: "asc" | "desc") => void;
-    placement?: "left" | "right";
-}
-/**
- * SortingTableHead — sortable table header component with direction indicator and tooltip.
- *
- * @usage
- * Use SortingTableHead to create clickable, sortable table column headers:
- * sortable data tables, sortable lists, interactive table headers.
- *
- * Props:
- * - `title` — title text displayed in tooltip (required).
- * - `isSorted` — indicates if this column is currently sorted (required).
- * - `direction` — current sort direction: "asc" or "desc" (required).
- * - `setSort` — callback function to change sort direction (required).
- * - `placement` — placement of sort indicator: "left" or "right" (defaults to "right").
- * - `children` — header content displayed in the cell (required).
- * - All standard HTML th props are supported (className, etc.).
- *
- * Note: Clicking the header toggles sort direction (asc ↔ desc).
- * Sort indicator (caret up/down, same as HeadCell) is visible when sorted or on header hover.
- * Includes tooltip showing "Sort by {title}" on hover.
- *
- * Do NOT use SortingTableHead:
- * - for non-sortable table headers (use TableHead component).
- * - when sorting functionality is not needed (use TableHead component).
- */
-declare const SortingTableHead: React.ForwardRefExoticComponent<SortTableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
-export { SortingTableHead, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, tableVariants, tableHeadVariants, tableCellVariants, };
+export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow };

package/dist/types/components/text-button/text-button.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const textColorVariants: (props?: ({
-    buttonColor?: "empty" | "primaryDashed" | "secondaryDashed" | null | undefined;
+    buttonColor?: "primaryDashed" | "secondaryDashed" | "empty" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const layoutVariants: (props?: ({
     size?: "default" | "sm" | "md" | "lg" | null | undefined;

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

@@ -37,4 +37,4 @@ export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextArea
  * ```
  */
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export { Textarea, textareaVariants };
+export { Textarea };

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

@@ -12,23 +12,10 @@ export interface ThemeConfig {
     attribute?: "class" | "data-theme";
     enableColorScheme?: boolean;
 }
-/**
- * Theme context
- */
-interface ThemeContextValue {
-    theme: Theme;
-    setTheme: (theme: Theme) => void;
-    actualTheme: "light" | "dark";
-}
-/**
- * Hook for using theme
- */
-export declare function useTheme(): ThemeContextValue;
 /**
  * Theme provider - DefaultGlobalStyle analog
  * Manages application theme and applies global styles
  */
 export declare function ThemeProvider({ children, defaultTheme, storageKey, attribute, enableColorScheme, }: ThemeConfig & {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export {};
+}): import("react").JSX.Element;

package/dist/types/components/tip-card/index.d.ts

@@ -1 +1 @@
-export { TipCard, type TipCardProps, tipCardVariants } from './tip-card';
+export * from './tip-card';

package/dist/types/components/tip-card/tip-card.d.ts

@@ -1,12 +1,12 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const tipCardVariants: (props?: ({
-    backgroundColor?: "dark" | "transparent" | "light" | "gray-10" | "gray-20" | "gray-30" | "gray-40" | "gray-50" | "gray-60" | "gray-70" | "gray-80" | "gray-90" | "gray-100" | "gray-110" | null | undefined;
-    textColor?: "dark" | "unset" | "light" | null | undefined;
-    borderColor?: "none" | "dark" | "light" | "gradient" | null | undefined;
+    backgroundColor?: "transparent" | "dark" | "light" | null | undefined;
+    textColor?: "unset" | "dark" | "light" | null | undefined;
+    borderColor?: "dark" | "light" | "gradient" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const indicatorVariants: (props?: ({
-    attributeColor?: "success" | "warning" | "primary" | "alert" | null | undefined;
+    attributeColor?: "alert" | "warning" | "success" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface TipCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tipCardVariants>, VariantProps<typeof indicatorVariants> {
 }
@@ -39,4 +39,4 @@ export interface TipCardProps extends React.HTMLAttributes<HTMLDivElement>, Vari
  * ```
  */
 declare const TipCard: React.ForwardRefExoticComponent<TipCardProps & React.RefAttributes<HTMLDivElement>>;
-export { TipCard, tipCardVariants };
+export { TipCard };

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

@@ -1 +1 @@
-export { preloadTokenIcons, type SymbolOrIcon, TokenIcon, type TokenIconProps, } from './token-icon';
+export * from './token-icon';

package/dist/types/{utils → components/token-icon}/token-icon-source.d.ts

@@ -1,4 +1,28 @@
-import { IconComposite } from '@gearbox-protocol/sdk/common-utils';
+/** One layer of a composite icon: a token symbol to resolve, or a ready URL. */
+export type TokenIconLayerSource = {
+    type: "symbol";
+    symbol: string;
+} | {
+    type: "url";
+    url: string;
+};
+/**
+ * Named layout preset for a composite icon. The pixel layout is `TokenIcon`'s,
+ * never an API payload's — which is why these types live here and not in the
+ * SDK read model.
+ *
+ * `centered_foreground`: background full size, foreground centered at ~65%
+ * (a token on a plate).
+ */
+export type TokenIconCompositePreset = "centered_foreground";
+/** Client-composed token icon: layers stacked by preset. */
+export type IconComposite = {
+    kind: "composite";
+    preset: TokenIconCompositePreset;
+    scaleFactor?: number;
+    /** Exactly two layers (bottom then top). */
+    layers: readonly [TokenIconLayerSource, TokenIconLayerSource];
+};
 /** Same shape as `TokenIcon`'s `symbol` prop — kept here to avoid a cycle. */
 export type TokenIconSource = string | {
     icon: string;

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 './token-icon-source';
 import { RoundedImageProps } from '../rounded-image/rounded-image';
 /**
  * TokenIcon — component for displaying token/asset icons.
@@ -44,17 +43,3 @@ export interface TokenIconProps extends Omit<RoundedImageProps, "src" | "size">
 }
 declare const TokenIcon: React.ForwardRefExoticComponent<TokenIconProps & React.RefAttributes<HTMLDivElement | HTMLImageElement>>;
 export { TokenIcon };
-/**
- * Preload token icons into browser cache.
- * Call this function early in your app initialization with the list of token symbols.
- *
- * @example
- * ```tsx
- * // In your app initialization or data loading
- * import { preloadTokenIcons } from '@gearbox-protocol/ui-kit';
- *
- * const tokens = ['WETH', 'USDC', 'DAI', 'WBTC'];
- * preloadTokenIcons(tokens);
- * ```
- */
-export declare function preloadTokenIcons(symbols: SymbolOrIcon[]): void;

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/{utils → components/token-template}/bn-to-pretty-view.d.ts

@@ -1,4 +1,4 @@
-import { ParseSmallNumberResult } from './parse-input-to-bn';
+import { ParseSmallNumberResult } from '../../utils/internal/parse-small-number';
 /**
  * Formats a BigInt value to a pretty human-readable string with locale formatting
  *

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

@@ -1 +1 @@
-export { TokenTemplate, type TokenTemplateProps } from './token-template';
+export * from './token-template';

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

@@ -1,6 +1,6 @@
 import { TokenFullData } from '../../types/common';
-import { ParseSmallNumberResult } from '../../utils';
-import { negativeTokenTemplate, tokenTemplateString } from '../../utils/templates';
+import { ParseSmallNumberResult } from '../../utils/internal/parse-small-number';
+import { tokenTemplateString } from '../../utils/templates';
 import { FormattedNumberStringProps } from '../formatted-number';
 import type * as React from "react";
 export interface TokenTemplateProps extends Omit<FormattedNumberStringProps, "value"> {
@@ -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 { tokenTemplateString, negativeTokenTemplate };
+export declare function TokenTemplate({ value, token, precision, formatter, noFormattedAmountValue, showSymbol, maxLength, ...rest }: TokenTemplateProps): React.JSX.Element;
+export { tokenTemplateString };

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

@@ -0,0 +1,4 @@
+export declare const TradingViewTest: {
+    readonly priceScaleTitles: "trading-view-price-scale-titles";
+    readonly priceScaleTitle: (side: "left" | "right") => string;
+};

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

@@ -1,2 +1,2 @@
-export * from './graph-dropdown';
+export * from './constants';
 export * from './trading-view';

package/dist/types/components/trading-view/price-scale-titles.d.ts

@@ -0,0 +1,16 @@
+import { SeriesConfig } from '../graph/series-config';
+import type * as React from "react";
+export interface PriceScaleTitlesProps {
+    /** Pass the list the legend is built from, so the two always agree. */
+    readonly series: ReadonlyArray<SeriesConfig>;
+}
+/**
+ * Names the series on each Y axis, above the chart frame.
+ *
+ * Two scales and nothing on the canvas says which line is read against which,
+ * and lightweight-charts has no price-scale title of its own. Sitting above the
+ * frame rather than over the plot keeps it off the series, and the wording is
+ * the legend label, so the two can never disagree about what a series is
+ * called.
+ */
+export declare function PriceScaleTitles({ series, }: PriceScaleTitlesProps): React.ReactElement;

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" | "title"> {
+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 */
@@ -178,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, title, trailing, ...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, dualYAxis, showCurrentValue, yScaleMin, yScaleMinMultiple, seriesColorPersistenceKey, title, trailing, ...restProps }: TradingViewProps<T, TRange>): React.ReactElement;

package/dist/types/components/truncated-text/index.d.ts

@@ -0,0 +1 @@
+export * from './truncated-text';

package/dist/types/components/truncated-text/truncated-text.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+export interface TruncatedTextProps {
+    readonly text: string;
+    readonly className?: string;
+    readonly "data-testid"?: string;
+}
+/**
+ * Single-line text that clips with an ellipsis and exposes a native tooltip
+ * (`title`) only when the content is actually truncated. The overflow check
+ * runs on hover/focus, so the tooltip text is in place before the browser
+ * shows it and there is no extra render.
+ */
+export declare function TruncatedText({ text, className, "data-testid": dataTestId, }: TruncatedTextProps): 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/typography/typography.d.ts

@@ -1,10 +1,10 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const typographyVariants: (props?: ({
-    variant?: "body" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "bodySmall" | "overline" | "inherit" | null | undefined;
-    color?: "inherit" | "default" | "muted" | "success" | "warning" | "destructive" | "primary" | "secondary" | null | undefined;
+    variant?: "body" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "bodySmall" | null | undefined;
+    color?: "default" | "inherit" | "secondary" | "warning" | "success" | "muted" | "destructive" | "primary" | null | undefined;
     weight?: "bold" | "medium" | "inherit" | "normal" | "semibold" | null | undefined;
-    align?: "center" | "inherit" | "left" | "right" | null | undefined;
+    align?: "center" | "inherit" | "right" | "left" | null | undefined;
     leading?: "inherit" | "normal" | "tight" | "relaxed" | null | undefined;
     truncate?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -54,4 +54,4 @@ export interface TypographyProps extends Omit<React.HTMLAttributes<HTMLElement>,
  * ```
  */
 declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
-export { Typography, typographyVariants };
+export { Typography };

package/dist/types/components/vertical-indicator/vertical-indicator.d.ts

@@ -1,15 +1,15 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const rootVariants: (props?: ({
-    align?: "center" | "start" | "end" | "baseline" | null | undefined;
+    align?: "center" | "end" | "start" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const labelVariants: (props?: ({
     size?: "default" | "unset" | "sm" | "xs" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const valueVariants: (props?: ({
     size?: "default" | "unset" | "sm" | "xs" | null | undefined;
-    weight?: "medium" | "normal" | "unset" | null | undefined;
-    color?: "default" | "muted" | "success" | "warning" | "primary" | "alert" | "secondary" | null | undefined;
+    weight?: "medium" | "unset" | "normal" | null | undefined;
+    color?: "default" | "alert" | "secondary" | "warning" | "success" | "muted" | "primary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface VerticalIndicatorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color">, VariantProps<typeof rootVariants>, VariantProps<typeof labelVariants>, VariantProps<typeof valueVariants> {
     /** Label text shown on the left */
@@ -55,4 +55,4 @@ export interface VerticalIndicatorProps extends Omit<React.HTMLAttributes<HTMLDi
  * ```
  */
 declare const VerticalIndicator: React.ForwardRefExoticComponent<VerticalIndicatorProps & React.RefAttributes<HTMLDivElement>>;
-export { VerticalIndicator, rootVariants as verticalIndicatorVariants };
+export { VerticalIndicator };

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

@@ -1,4 +1,4 @@
-import { SpaceSize } from '../base/spacing';
+import { SpaceSize } from './vspace-spacing';
 import type * as React from "react";
 /**
  * One step of the shared spacing scale, or an explicit pixel height for the

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

@@ -3,31 +3,9 @@ import type * as React from "react";
 export interface WithCopyProps {
     /** Text to copy to clipboard */
     toCopy: string;
-    /** Callback after successful copy */
-    onCopySuccess?: () => void;
-    /** Icon size in pixels */
-    iconSize?: number;
-    /** Custom icon element */
-    icon?: React.ReactNode;
-    /** Additional className for the container */
-    className?: string;
-    /** Additional className for the button */
-    buttonClassName?: string;
-    /** Duration to show success checkmark in ms (default: 1500) */
-    successDuration?: number;
     /** Trigger type to show the tooltip */
     trigger?: "button" | "root";
     /** Tooltip content */
     tooltip?: React.ReactNode;
 }
-/**
- * WithCopy — wraps content with a copy-to-clipboard button
- *
- * @example
- * ```tsx
- * <WithCopy toCopy="0x1234...5678">
- *   <span>0x1234...5678</span>
- * </WithCopy>
- * ```
- */
-export declare function WithCopy({ toCopy, children, onCopySuccess, iconSize, icon, className, buttonClassName, successDuration, trigger, tooltip, }: PropsWithChildren<WithCopyProps>): React.ReactElement;
+export declare function WithCopy({ toCopy, children, trigger, tooltip, }: PropsWithChildren<WithCopyProps>): React.ReactElement;

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

@@ -1,30 +1,19 @@
-import { ApyBreakdown, Bps, Leverage } from '@gearbox-protocol/sdk/model';
+import { SimpleTooltipPlacement } from '../tooltip';
 import type * as React from "react";
-export interface YieldBreakdownTooltipProps {
-    /**
-     * Net yield (`ApyBreakdown`). For a strategy this is the net at
-     * {@link maxLeverage}.
-     */
-    supplyApy: ApyBreakdown;
-    /**
-     * Strategy-only plain leverage multiplier (e.g. `13.6` for 13.6x). When set,
-     * the header is "Net APY at Nx Leverage" and a Borrow Rate row is shown.
-     */
-    maxLeverage?: Leverage;
-    /**
-     * 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 (folded into Borrow Rate). */
-    additionalBorrowApy?: Bps;
-    children?: React.ReactNode;
-    className?: string;
+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;
 }
 /**
- * Earn APY tooltip — strategy (`Net APY at Nx Leverage`) and pool
- * (`Overall APY`) layouts from SDK `ApyBreakdown`.
+ * 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 YieldBreakdownTooltip({ supplyApy, maxLeverage, collateralApy, borrowApy, additionalBorrowApy, children, className, }: YieldBreakdownTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function ApyBreakdownTooltip({ title, children, placement, open, className, triggerClassName, }: ApyBreakdownTooltipProps): React.ReactElement;

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

@@ -0,0 +1,38 @@
+import { ApyBreakdown, Bps, Leverage } from '@gearbox-protocol/sdk/model';
+import type * as React from "react";
+/**
+ * The strategy yield breakdown. Its own module, outside the barrel: CompoundAPY
+ * mounts it behind its own tooltip, and a consumer reaches it through that.
+ */
+export interface YieldBreakdownTooltipProps {
+    /**
+     * Net yield (`ApyBreakdown`). For a strategy this is the net at
+     * {@link maxLeverage}.
+     */
+    supplyApy: ApyBreakdown;
+    /**
+     * Strategy-only plain leverage multiplier (e.g. `13.6` for 13.6x). When set,
+     * the header is "Net APY at Nx Leverage" and a Borrow Rate row is shown.
+     */
+    maxLeverage?: Leverage;
+    /**
+     * Strategy collateral yield used for Collateral / Incentive rows. Falls back
+     * to {@link supplyApy} when omitted.
+     */
+    collateralApy?: ApyBreakdown;
+    /** Strategy base borrow cost in bps (the row prints its magnitude). */
+    borrowApy?: 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;
+}
+/**
+ * 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, quotaRate, period, children, className, open, }: YieldBreakdownTooltipProps): React.JSX.Element;

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

@@ -1,4 +1,2 @@
-export * from './design-tokens';
 export { default as tailwindConfig, preset } from './tailwind.config';
 export { default as tailwindPreset } from './tailwind-preset';
-export * from './variants';

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

@@ -63,18 +63,12 @@ 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;
-                "dropdown-dark-button": string;
                 white: string;
                 black: string;
                 gray: {

package/dist/types/{components/breakpoint-provider.d.ts → hooks/breakpoint-state.d.ts}

@@ -1,4 +1,3 @@
-import { ReactElement, ReactNode } from 'react';
 /**
  * Named breakpoint media queries. Keep in sync with the semantic hooks in
  * `use-media-query.ts` (`useIsExtraSmall`, `useIsMobile`, …).
@@ -42,15 +41,4 @@ export declare const BreakpointContext: import('react').Context<BreakpointState
  * `BreakpointProvider` is mounted.
  */
 export declare function useBreakpointContext(): BreakpointState | undefined;
-export interface BreakpointProviderProps {
-    readonly children: ReactNode;
-}
-/**
- * Owns a single set of `matchMedia` listeners for the five named breakpoints
- * and shares the result via context. Mount once near the app root.
- *
- * Semantic hooks (`useIsMobile`, …) read from this context when present and
- * otherwise keep their self-contained fallback behaviour.
- */
-export declare function BreakpointProvider({ children, }: BreakpointProviderProps): ReactElement;
 export {};

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

@@ -1,11 +1,4 @@
-export * from './use-checkbox-select';
-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-copy-to-clipboard.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copy text, then hold a "copied" flag for a moment.
+ *
+ * Three components had grown their own copy of this: the same clipboard write,
+ * the same timeout, the same swallowed error — and none of them cleared the
+ * timeout on unmount. Not exported from the package: it is the kit's own.
+ */
+export declare function useCopyToClipboard(successDuration?: number): {
+    isCopied: boolean;
+    copy: (text: string) => Promise<void>;
+};