@gearbox-protocol/ui-kit 4.0.0-next.60 → 4.0.0-next.61

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

@@ -0,0 +1,6 @@
+import { FilterSortField, SortType } from '../../../utils/sort';
+/**
+ * Sort state of a single column. Internal: the kit's own table heads read it,
+ * while consumers sort through `useSort` and `getSortForFields`.
+ */
+export declare const getSortForField: <T>(s: T, state: FilterSortField<T> | null) => SortType | undefined;

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

@@ -1,4 +1,5 @@
-import { SortField, SortSetterFunction } from '../../../hooks';
+import { SortSetterFunction } from '../../../hooks';
+import { SortField } from '../../../utils/sort';
 /** Column identifiers used by the pool assets table header sort controls. */
 export type PoolAssetsSortFields = "name" | "exposure" | "cap" | "capUtilization";
 /**

package/dist/types/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.d.ts

@@ -1,40 +1,10 @@
-import { TokenAmount } from '@gearbox-protocol/sdk/model';
 import { VariantProps } from 'class-variance-authority';
 import { default as React } from 'react';
-import { TokenTemplateProps } from '../../../../token-template';
+import { AmountSource } from './amount-slots';
 declare const rootVariants: (props?: ({
     position?: "first" | "last" | "inBetween" | "solo" | null | undefined;
     size?: "sm" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-type PrimarySlot = {
-    readonly value: TokenTemplateProps["value"];
-    readonly token?: TokenTemplateProps["token"];
-} | {
-    node: React.ReactNode;
-};
-type SecondarySlot = {
-    readonly valueUSD?: bigint | number;
-} | {
-    node: React.ReactNode;
-};
-/**
- * Either hand over the SDK's {@link TokenAmount} whole, or fill the two slots
- * yourself. The slot form stays for the `node` escape hatch and for callers
- * that have no `TokenAmount` to give.
- */
-type AmountSource = {
-    /**
-     * Value, token and the USD caption all read off one SDK amount.
-     * `null` means unavailable and renders like any other absent value.
-     */
-    readonly amount: TokenAmount | null;
-    readonly primaryAmount?: undefined;
-    readonly secondaryAmount?: undefined;
-} | {
-    readonly amount?: undefined;
-    readonly primaryAmount: PrimarySlot;
-    readonly secondaryAmount?: SecondarySlot;
-};
 export type TransactionConfirmAmountFieldProps = VariantProps<typeof rootVariants> & AmountSource & {
     readonly label: React.ReactNode;
     readonly loading?: boolean;
@@ -44,19 +14,5 @@ export type TransactionConfirmAmountFieldProps = VariantProps<typeof rootVariant
         approximateSymbol?: string;
     };
 };
-/**
- * One SDK amount already carries all three things the field shows: the number,
- * its token and the dollar value. Callers used to take it apart and hand the
- * pieces back through two props; passing `amount` lets them stop.
- *
- * Takes the whole prop union so the slot form is picked by the discriminant
- * rather than by a cast — `amount` is `TokenAmount | null`, never `undefined`,
- * so a caller holding `TokenAmount | undefined` has to say `?? null` and
- * cannot land here with nothing at all.
- */
-export declare function resolveAmountSlots(source: AmountSource): {
-    readonly primaryAmount: PrimarySlot;
-    readonly secondaryAmount: SecondarySlot | undefined;
-};
 export declare function TransactionConfirmAmountField(props: TransactionConfirmAmountFieldProps): React.ReactElement;
 export {};

package/dist/types/components/composites/tx-preview/confirm/amounts/amount-slots.d.ts

@@ -0,0 +1,51 @@
+import { TokenAmount } from '@gearbox-protocol/sdk/model';
+import { default as React } from 'react';
+import { TokenTemplateProps } from '../../../../token-template';
+/**
+ * The slot vocabulary of TransactionConfirmAmountField and the step that fills
+ * it. Internal: the field is public, the shape of its two slots is the kit's
+ * own business.
+ */
+export type PrimarySlot = {
+    readonly value: TokenTemplateProps["value"];
+    readonly token?: TokenTemplateProps["token"];
+} | {
+    node: React.ReactNode;
+};
+export type SecondarySlot = {
+    readonly valueUSD?: bigint | number;
+} | {
+    node: React.ReactNode;
+};
+/**
+ * Either hand over the SDK's {@link TokenAmount} whole, or fill the two slots
+ * yourself. The slot form stays for the `node` escape hatch and for callers
+ * that have no `TokenAmount` to give.
+ */
+export type AmountSource = {
+    /**
+     * Value, token and the USD caption all read off one SDK amount.
+     * `null` means unavailable and renders like any other absent value.
+     */
+    readonly amount: TokenAmount | null;
+    readonly primaryAmount?: undefined;
+    readonly secondaryAmount?: undefined;
+} | {
+    readonly amount?: undefined;
+    readonly primaryAmount: PrimarySlot;
+    readonly secondaryAmount?: SecondarySlot;
+};
+/**
+ * One SDK amount already carries all three things the field shows: the number,
+ * its token and the dollar value. Callers used to take it apart and hand the
+ * pieces back through two props; passing `amount` lets them stop.
+ *
+ * Takes the whole prop union so the slot form is picked by the discriminant
+ * rather than by a cast — `amount` is `TokenAmount | null`, never `undefined`,
+ * so a caller holding `TokenAmount | undefined` has to say `?? null` and
+ * cannot land here with nothing at all.
+ */
+export declare function resolveAmountSlots(source: AmountSource): {
+    readonly primaryAmount: PrimarySlot;
+    readonly secondaryAmount: SecondarySlot | undefined;
+};

package/dist/types/components/composites/tx-preview/confirm/dialog/constants.d.ts

@@ -5,13 +5,3 @@ export declare class TransactionConfirmDialogTest {
     static result: string;
 }
 /** Outer dialog card: mobile-first full width, fixed 560px from md up. */
-export declare const transactionConfirmDialogShellVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-/**
- * Modal confirm: use available viewport height; inner preview scrolls only when
- * content overflows (see `transactionConfirmPreviewScrollVariants`).
- */
-export declare const transactionConfirmModalContainerVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-/** Scrollable preview column inside confirm / execute body. */
-export declare const transactionConfirmPreviewScrollVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-/** Inner shell content: fill the padded dialog container without re-applying width. */
-export declare const transactionConfirmShellContentVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/types/components/composites/tx-preview/confirm/dialog/index.d.ts

@@ -1,4 +1,3 @@
-export * from './computeTransactionConfirmDialogLayout';
 export * from './constants';
 export * from './TransactionConfirmShell';
 export * from './transactionConfirmPhase';

package/dist/types/components/composites/tx-preview/confirm/dialog/transaction-confirm-dialog.variants.d.ts

@@ -0,0 +1,10 @@
+export declare const transactionConfirmDialogShellVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * Modal confirm: use available viewport height; inner preview scrolls only when
+ * content overflows (see `transactionConfirmPreviewScrollVariants`).
+ */
+export declare const transactionConfirmModalContainerVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/** Scrollable preview column inside confirm / execute body. */
+export declare const transactionConfirmPreviewScrollVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/** Inner shell content: fill the padded dialog container without re-applying width. */
+export declare const transactionConfirmShellContentVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/types/components/composites/tx-preview/confirm/result/index.d.ts

@@ -1,5 +1,4 @@
 export * from './constants';
 export * from './TransactionConfirmFailureResult';
-export * from './TransactionConfirmSuccessIcon';
 export * from './TransactionConfirmSuccessResult';
 export * from './TransactionConfirmTxHashRow';

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

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

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

@@ -0,0 +1,7 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+/**
+ * Where a dialog renders. Its own module, outside the barrel: DialogContent is
+ * the only thing that portals, and a consumer composes dialogs from Dialog and
+ * DialogContent rather than from radix parts.
+ */
+export declare const DialogPortal: import('react').FC<DialogPrimitive.DialogPortalProps>;

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

@@ -1,5 +1,9 @@
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 declare const Dialog: import('react').FC<DialogPrimitive.DialogProps>;
+/**
+ * No consumer uses it: a dialog here is opened from the modal store. Kept
+ * because it is one alias completing the radix surface, and the stories open
+ * their dialogs through it.
+ */
 declare const DialogTrigger: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
-declare const DialogPortal: import('react').FC<DialogPrimitive.DialogPortalProps>;
-export { Dialog, DialogPortal, DialogTrigger };
+export { Dialog, DialogTrigger };

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

@@ -7,6 +7,5 @@ export * from './dialog-footer';
 export * from './dialog-form';
 export * from './dialog-header';
 export * from './dialog-modal-container';
-export * from './dialog-overlay';
 export * from './dialog-title';
 export * from './one-field-dialog';

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

@@ -1,5 +1,10 @@
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import type * as React from "react";
+/**
+ * Looks like a passthrough, and is not: radix defaults `modal` to true, which
+ * locks body scroll while a menu is open. Every menu in the kit wants the
+ * opposite, so the default is flipped here rather than at each call.
+ */
 declare const DropdownMenu: {
     ({ modal, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
     displayName: string;

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

@@ -1,4 +1,4 @@
-import { ParseSmallNumberResult } from '../../utils';
+import { ParseSmallNumberResult } from '../../utils/internal/parse-small-number';
 import type * as React from "react";
 export interface FormattedNumberStringProps extends React.HTMLAttributes<HTMLSpanElement> {
     /**

package/dist/types/{utils → components/graph}/format-number.d.ts

@@ -2,24 +2,6 @@
  * Utility functions for formatting numbers with various options
  * Used by graph formatters and liquidation components
  */
-/**
- * Determines the appropriate number of decimal places based on the scaled value.
- * If the value is small (< 10), we need more precision to distinguish between values.
- */
-export declare function getAdaptiveDecimals(scaledValue: number): number;
-interface FormatNumberOptions {
-    /** Use short format with K/M/B suffixes */
-    format?: "full" | "short";
-    /** Minimum fraction digits */
-    minimumFractionDigits?: number;
-    /** Maximum fraction digits */
-    maximumFractionDigits?: number;
-    /** Threshold for exponential notation */
-    maxExponentialThreshold?: number;
-    /** Automatically determine decimals based on magnitude */
-    adaptiveDecimals?: boolean;
-}
-export declare function formatNumberWithSuffix(amount: number, options?: FormatNumberOptions): string;
 /**
  * Convert a number to significant digits string
  * For small values (< 1), uses true significant digits
@@ -38,10 +20,6 @@ export declare function toSignificantDigits(value: number, decimals: number): st
  * Check if a value is below display threshold
  */
 export declare function isBelowDisplayThreshold(value: number): boolean;
-/**
- * Format very small values with threshold indicator
- */
-export declare function formatSmallValue(value: number, suffix?: string): string | null;
 /**
  * Constants for number formatting
  */
@@ -62,4 +40,3 @@ export declare const FORMAT_CONSTANTS: {
  * ```
  */
 export declare function formatPrice(value: number, decimals?: number, maxSmallDecimals?: number): string;
-export {};

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

@@ -1,13 +1,10 @@
+import { YMeasureUnits } from './graph-vocabulary';
 import { Time, TickMarkType } from 'lightweight-charts';
+export type { YMeasureUnits };
 export interface Point {
     time: Time | number;
     value: number;
 }
-interface Flavoring<FlavorT> {
-    _type?: FlavorT;
-}
-type Flavor<T, FlavorT> = T & Flavoring<FlavorT>;
-export type YMeasureUnits = "$" | "%" | "none" | Flavor<string, "token">;
 /**
  * Format a number with full precision, only removing trailing zeros
  * Used for displaying exact current values on graphs
@@ -52,4 +49,3 @@ export interface XFormatters {
 export declare const getXFormatters: (unit: XMeasureUnits, points?: Point[]) => XFormatters;
 /** @deprecated Use getXFormatters instead */
 export declare const getXFormatter: (unit: XMeasureUnits, points?: Point[]) => XFormatter;
-export {};

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

@@ -1,5 +1,5 @@
 import { Point, XMeasureUnits, YMeasureUnits } from './formatters';
-import { SeriesConfig } from './graph';
+import { SeriesConfig } from './series-config';
 import type * as React from "react";
 export interface GraphTooltipProps {
     /** Points by series label */

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

@@ -4,7 +4,7 @@ import * as React from "react";
 declare const graphViewVariants: (props?: ({
     variant?: "default" | "outlined" | "ghost" | "elevated" | "plain" | null | undefined;
     size?: "full" | "default" | "sm" | "lg" | "xl" | null | undefined;
-    padding?: "none" | "default" | "sm" | "lg" | null | undefined;
+    padding?: "default" | "none" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * GraphView component props
@@ -189,4 +189,4 @@ declare const GraphView: React.ForwardRefExoticComponent<GraphViewProps & React.
  * ```
  */
 export declare function GraphViewWithData({ series, data, lineColor, color, topColor, bottomColor, graphId, onUnselectSeries, loading, title, description, toolbar, emptyMessage, error, containerClassName, variant, size, padding, yMeasureUnit, showCurrentValue, ...restProps }: GraphViewWithDataProps): React.ReactElement;
-export { GraphView, graphViewVariants };
+export { GraphView };

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

@@ -0,0 +1,44 @@
+import { LineStyle as LineStyleEnum, LineWidth } from 'lightweight-charts';
+interface Flavoring<FlavorT> {
+    _type?: FlavorT;
+}
+type Flavor<T, FlavorT> = T & Flavoring<FlavorT>;
+export type YMeasureUnits = "$" | "%" | "none" | Flavor<string, "token">;
+export interface PriceLineConfig {
+    /** Y value (price) where the horizontal line is drawn. */
+    price: number;
+    /**
+     * `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. */
+    color?: string;
+    /** Text shown next to the line on the price axis. */
+    title?: string;
+    /** Line thickness (1–4). Default 1. */
+    lineWidth?: LineWidth;
+    /** Line dash style. Default dashed. */
+    lineStyle?: LineStyleEnum;
+    /** Whether to render the value label on the price axis. Default true. */
+    axisLabelVisible?: boolean;
+}
+export interface PriceZoneConfig {
+    /** Upper price bound. Omit to extend the band to the top of the pane. */
+    priceTop?: number;
+    /** Lower price bound. Omit to extend the band to the bottom of the pane. */
+    priceBottom?: number;
+    /** Fill color — use a translucent value. Defaults to a translucent destructive tint. */
+    color?: string;
+    /**
+     * `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;
+}
+export declare const DEFAULT_SERIES_COLORS: {
+    line: string;
+    top: string;
+    bottom: string;
+}[];
+export {};

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

@@ -1,34 +1,10 @@
-import { ChartOptions, DeepPartial, LineStyle, LineWidth, Time, LineStyle as LineStyleEnum } from 'lightweight-charts';
+import { ChartOptions, DeepPartial, Time } from 'lightweight-charts';
 import { Point, YMeasureUnits } from './formatters';
 import { GraphTooltipProps } from './graph-tooltip';
+import { PriceLineConfig, PriceZoneConfig } from './graph-vocabulary';
+import { SeriesConfig, SeriesPriceScaleId } from './series-config';
+export type { SeriesChartType, SeriesConfig, SeriesPriceScaleId, } from './series-config';
 import * as React from "react";
-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;
-    /** Line color — same as `color`; use for explicit line-only color. */
-    lineColor?: string;
-    /** Upper gradient of the area fill */
-    topColor?: string;
-    /** Lower gradient of the area fill */
-    bottomColor?: string;
-    yMeasureUnit?: YMeasureUnits;
-    /** Price scale when `dualYAxis` is enabled on Graph. */
-    priceScaleId?: SeriesPriceScaleId;
-    /** Render as line (no fill) instead of area. */
-    seriesType?: SeriesChartType;
-    /** 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 interface VisibleLogicalRangeInput {
@@ -70,50 +46,6 @@ export type VerticalLineOptions = Partial<{
      */
     tooltipText: string;
 }>;
-/**
- * Horizontal reference line drawn at a fixed Y (price) value, e.g. a
- * liquidation price level. Rendered as a native lightweight-charts price line
- * attached to a series, so it tracks the series' price scale and does not
- * affect autoscale or tooltips.
- */
-export interface PriceLineConfig {
-    /** Y value (price) where the horizontal line is drawn. */
-    price: number;
-    /**
-     * `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. */
-    color?: string;
-    /** Text shown next to the line on the price axis. */
-    title?: string;
-    /** Line thickness (1–4). Default 1. */
-    lineWidth?: LineWidth;
-    /** Line dash style. Default dashed. */
-    lineStyle?: LineStyleEnum;
-    /** Whether to render the value label on the price axis. Default true. */
-    axisLabelVisible?: boolean;
-}
-/**
- * Shaded horizontal band drawn between two Y (price) values across the full
- * width of the chart — e.g. a liquidation "danger zone" below a health-factor
- * threshold. Rendered behind the series as a lightweight-charts primitive, so
- * it tracks the series' price scale and does not affect tooltips.
- */
-export interface PriceZoneConfig {
-    /** Upper price bound. Omit to extend the band to the top of the pane. */
-    priceTop?: number;
-    /** Lower price bound. Omit to extend the band to the bottom of the pane. */
-    priceBottom?: number;
-    /** Fill color — use a translucent value. Defaults to a translucent destructive tint. */
-    color?: string;
-    /**
-     * `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;
-}
 /**
  * Returns formatted label and value strings for a vertical line tooltip.
  * Used by Graph and by tests.
@@ -146,18 +78,6 @@ export declare function getStepForwardValue(data: ReadonlyArray<Point>, crosshai
  * Greens/teals are spread out so that when only a subset of series is visible,
  * similar colors are not repeated.
  */
-export declare const DEFAULT_SERIES_COLORS: {
-    line: string;
-    top: string;
-    bottom: string;
-}[];
-export type SeriesColorPalette = (typeof DEFAULT_SERIES_COLORS)[number];
-/**
- * Returns a color palette for a series by index. Uses predefined palette for
- * the first N series; generates distinct colors for additional series so they
- * never repeat.
- */
-export declare function getSeriesColorPalette(index: number): SeriesColorPalette;
 export interface GraphProps {
     /** Series configuration - can be single or multiple series */
     series: Array<SeriesConfig>;

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

@@ -1,7 +1,2 @@
-export * from './default-config';
-export { getXFormatter, getXFormatters, type Point as GraphPoint, type XFormatters, type XMeasureUnits, type YMeasureUnits, } from './formatters';
-export * from './graph';
-export * from './graph-current-value';
-export * from './graph-tooltip';
-export * from './graph-view';
-export * from './plugins/vertical-line';
+export type { GraphViewWithDataProps } from './graph-view';
+export * from './graph-vocabulary';

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

@@ -0,0 +1,31 @@
+import { LineStyle } from 'lightweight-charts';
+import { Point, YMeasureUnits } from './formatters';
+/** Which axis a series is drawn against. */
+export type SeriesPriceScaleId = "left" | "right";
+/** Area with a fill, or a bare line. */
+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;
+    /** Line color — same as `color`; use for explicit line-only color. */
+    lineColor?: string;
+    /** Upper gradient of the area fill */
+    topColor?: string;
+    /** Lower gradient of the area fill */
+    bottomColor?: string;
+    yMeasureUnit?: YMeasureUnits;
+    /** Price scale when `dualYAxis` is enabled on Graph. */
+    priceScaleId?: SeriesPriceScaleId;
+    /** Render as line (no fill) instead of area. */
+    seriesType?: SeriesChartType;
+    /** Line dash style (line series only). */
+    lineStyle?: LineStyle;
+}

package/dist/types/components/graph/series-palette.d.ts

@@ -0,0 +1,13 @@
+import { DEFAULT_SERIES_COLORS } from './graph-vocabulary';
+/**
+ * Colours for the nth series. Its own module: the chart assigns them and the
+ * tooltip reads them back, and taking the function from the chart would close
+ * a cycle between the two.
+ */
+export type SeriesColorPalette = (typeof DEFAULT_SERIES_COLORS)[number];
+/**
+ * Returns a color palette for a series by index. Uses predefined palette for
+ * the first N series; generates distinct colors for additional series so they
+ * never repeat.
+ */
+export declare function getSeriesColorPalette(index: number): SeriesColorPalette;

package/dist/types/components/head-cell/head-cell.d.ts

@@ -70,40 +70,3 @@ export interface HeadCellProps {
  * ```
  */
 export declare function HeadCell({ title, tip, arrowPosition, sortDirection, sortField, sortTip, onSort, className, }: HeadCellProps): React.ReactElement;
-interface SimpleHeadCellProps {
-    /**
-     * Title to display in the header cell
-     */
-    title: React.ReactNode;
-    /**
-     * Help tip to display next to title
-     */
-    tip?: React.ReactNode;
-    /**
-     * Additional className
-     */
-    className?: string;
-}
-/**
- * SimpleHeadCell — simple table header cell without sorting.
- *
- * @usage
- * Use SimpleHeadCell in table headers when you don't need sorting:
- * - Non-sortable columns
- * - Static headers
- * - Headers with only help tips
- *
- * @example
- * ```tsx
- * // Basic header
- * <SimpleHeadCell title="Status" />
- *
- * // With help tip
- * <SimpleHeadCell
- *   title="Health Factor"
- *   tip="Ratio of collateral value to borrowed value"
- * />
- * ```
- */
-export declare function SimpleHeadCell({ title, tip, className, }: SimpleHeadCellProps): React.ReactElement;
-export {};

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

@@ -1,13 +1,6 @@
+import { HFZones } from './zones';
 import type * as React from "react";
-export type HFZones = "good" | "medium" | "bad" | "critical" | "liquidation";
-export declare const GOOD_HF = 15000;
-export declare const BAD_HF = 11000;
-/**
- * Determines the health factor zone based on the value
- * @param hf - Health factor value in basis points (e.g., 15000 for 1.5)
- * @returns The health factor zone or undefined
- */
-export declare const getHFZones: (hf: number | bigint | undefined) => HFZones | undefined;
+export type { HFZones };
 export interface HealthFactorProps extends React.HTMLAttributes<HTMLSpanElement> {
     /** Health factor value in basis points (e.g. 15000 = 1.5, 10000 = 1.0). */
     value: number | bigint;

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

@@ -0,0 +1,6 @@
+/**
+ * The health-factor zones a value can fall into. Its own module: HealthFactor
+ * renders them and StatusBars colours by them, and naming the type from either
+ * component would close a cycle between the two.
+ */
+export type HFZones = "good" | "medium" | "bad" | "critical" | "liquidation";

package/dist/types/components/help-tip/help-tip-icon.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+/**
+ * The question mark on its own, without the tooltip around it. Its own module:
+ * HelpTip and NoValue render it, no consumer does, and the barrel carries the
+ * tooltip rather than its glyph.
+ */
+export interface HelpTipIconProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color"> {
+    /** Size of the icon in pixels. @default 14 */
+    iconSize?: number;
+    /** Icon type: question circle or info. @default "question" */
+    iconVariant?: "question" | "info";
+}
+/**
+ * HelpTipIcon — standalone help icon (gray-90 default, gray-110 on hover).
+ * Use with a custom tooltip or when you only need the icon.
+ */
+export declare const HelpTipIcon: React.ForwardRefExoticComponent<HelpTipIconProps & React.RefAttributes<HTMLSpanElement>>;