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

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

@@ -1,12 +1,9 @@
 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>>;
-declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
-declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-export { DropdownMenu, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSub, DropdownMenuTrigger, };
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger };

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

@@ -1,10 +1,4 @@
 export * from './dropdown-menu';
-export * from './dropdown-menu-checkbox-item';
 export * from './dropdown-menu-content';
 export * from './dropdown-menu-item';
 export * from './dropdown-menu-label';
-export * from './dropdown-menu-radio-item';
-export * from './dropdown-menu-separator';
-export * from './dropdown-menu-shortcut';
-export * from './dropdown-menu-sub-content';
-export * from './dropdown-menu-sub-trigger';

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/error-message/index.d.ts

@@ -1,2 +1 @@
 export * from './error-line-message';
-export * from './error-message';

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

@@ -1,7 +1,29 @@
 import { AreaSeriesPartialOptions, ChartOptions, DeepPartial } from 'lightweight-charts';
 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
@@ -17,4 +39,3 @@ export declare function getDefaultSeries(): AreaSeriesPartialOptions;
  * Call this at runtime to ensure CSS variables are properly resolved
  */
 export declare function getDefaultVerticalLine(): Partial<VertLineOptions>;
-export declare const DEFAULT_OPTIONS: DeepPartial<ChartOptions>;

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

@@ -8,8 +8,6 @@ interface Flavoring<FlavorT> {
 }
 type Flavor<T, FlavorT> = T & Flavoring<FlavorT>;
 export type YMeasureUnits = "$" | "%" | "none" | Flavor<string, "token">;
-type YFormatter = (v: number, symbol: YMeasureUnits | undefined, format?: "full" | "short") => string;
-export declare const getYFormatter: (unit: YMeasureUnits) => YFormatter;
 /**
  * Format a number with full precision, only removing trailing zeros
  * Used for displaying exact current values on graphs
@@ -22,17 +20,26 @@ export interface AdaptiveYAxisFormatterOptions {
      */
     yScaleMin?: number;
 }
+/**
+ * Compact unit on an already-formatted axis tick. Generic `"token"` / `"none"`
+ * 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.
  * Data point values (like current price label) are shown with full precision.
  * Returns both the formatter and update functions.
  */
-export declare function createAdaptiveYAxisFormatter(initialValues: number[], _unit: YMeasureUnits, options?: AdaptiveYAxisFormatterOptions): {
+export declare function createAdaptiveYAxisFormatter(initialValues: number[], unit: YMeasureUnits, options?: AdaptiveYAxisFormatterOptions): {
     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-view.d.ts

@@ -189,36 +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;
-/**
- * Custom hook to manage graph sizing with an aside element
- *
- * This hook helps calculate the available width for a graph when there's
- * an aside element (like a legend or info panel) next to it.
- *
- * @param gap - The gap in pixels between the graph and aside element
- * @returns Object containing graphWidth, parentRef, and asideRef
- *
- * @example
- * ```tsx
- * function MyChart() {
- *   const { graphWidth, parentRef, asideRef } = useGraphAside(16);
- *
- *   return (
- *     <div ref={parentRef} className="flex gap-4">
- *       <div style={{ width: graphWidth }}>
- *         <GraphViewWithData {...props} />
- *       </div>
- *       <aside ref={asideRef}>
- *         Legend content
- *       </aside>
- *     </div>
- *   );
- * }
- * ```
- */
-export declare function useGraphAside(gap?: number): {
-    graphWidth: number | null;
-    parentRef: React.RefObject<HTMLDivElement | null>;
-    asideRef: React.RefObject<HTMLDivElement | null>;
-};
 export { GraphView, graphViewVariants };

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,29 @@ 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 interface VisibleLogicalRangeInput {
+    readonly lastIndex: number;
+    readonly width: number;
+    readonly padLeft: boolean;
+    readonly padRight: boolean;
+    readonly paddingPx?: number;
+}
+/**
+ * Logical range that shows every bar, plus optional plot-area air so a
+ * centred `dd MMM` date label is not clipped by the frame.
+ *
+ * Computed from the point count rather than `getVisibleLogicalRange()`:
+ * `setVisibleRange` in lightweight-charts is applied on the next animation
+ * frame, so reading the scale back immediately returns the previous (or
+ * default `barSpacing: 6`) window and a follow-up `setVisibleLogicalRange`
+ * would replace the full-period request with a truncated one.
+ */
+export declare function visibleLogicalRangeFor({ lastIndex, width, padLeft, padRight, paddingPx, }: VisibleLogicalRangeInput): {
+    from: number;
+    to: number;
+} | null;
 export type VerticalLineOptions = Partial<{
     color: string;
     labelText: string;
@@ -51,8 +80,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 +109,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;
 }
@@ -198,10 +227,10 @@ export interface GraphProps {
      */
     yScaleMinMultiple?: number;
     /**
-     * Minimum visible time (unix seconds).  When set, the X axis never zooms
-     * in further than this value — even if the current series data starts later.
-     * Useful for keeping the full selected time range (e.g. 1Y) when switching
-     * between series with different data coverage.
+     * Minimum visible time (unix seconds). When set, leading whitespace is
+     * injected so a later-starting series still occupies the selected window.
+     * It does not change the logical range applied below: `timeToIndex` with
+     * `findNearest` already snaps a time before the first point to index 0.
      */
     visibleTimeFrom?: number;
     /**
@@ -225,8 +254,21 @@ export interface GraphProps {
  * Supports single or multiple series with different colors and legends
  */
 export declare function Graph({ series, className, showLegend, onUnselectSeries, xMeasureUnit, yMeasureUnit, optionsOverrides, verticalLineOptions, priceLineOptions, zoneOptions, currentValueDecimals, useSharedPriceScale, dualYAxis, defaultVisiblePriceScaleId, leftPriceScaleTitle, rightPriceScaleTitle: _rightPriceScaleTitle, showCurrentValue, graphTitle, yScaleMin, yScaleMinMultiple, visibleTimeFrom, disableZoom, hideDefaultTooltip, }: GraphProps): React.ReactElement;
+/**
+ * A legend entry that is not a data series — a vertical marker line, say.
+ * Such a line is drawn by its own layer and never reaches `series`, so
+ * without this the chart shows a coloured line nothing on screen names.
+ */
+export interface GraphLegendMarker {
+    id: string;
+    label: string;
+    /** Same value handed to the line itself, so legend and line agree. */
+    color: string;
+}
 export interface GraphLegendProps {
     series: Array<SeriesConfig>;
+    /** Non-series entries, rendered after the series in the same row. */
+    markers?: ReadonlyArray<GraphLegendMarker>;
     onUnselect?: (label: string) => void;
     /**
      * When true, the legend is laid out inline (no absolute positioning) so it
@@ -235,4 +277,4 @@ export interface GraphLegendProps {
      */
     inline?: boolean;
 }
-export declare function GraphLegend({ series, onUnselect, inline, }: GraphLegendProps): React.ReactElement;
+export declare function GraphLegend({ series, markers, onUnselect, inline, }: GraphLegendProps): React.ReactElement;

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

@@ -1,7 +1,7 @@
 export * from './default-config';
-export { getXFormatter, getXFormatters, getYFormatter, type Point as GraphPoint, type XFormatters, type XMeasureUnits, type YMeasureUnits, } from './formatters';
-export { DEFAULT_SERIES_COLORS, Graph, GraphLegend, type GraphLegendProps, type GraphProps, getSeriesColorPalette, getVerticalLineLabelStyle, getVerticalLineTooltipContent, type PriceLineConfig, type PriceZoneConfig, type SeriesColorPalette, type SeriesConfig, type VerticalLineOptions, } from './graph';
+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 { VertLine } from './plugins/vertical-line';
+export * from './plugins/vertical-line';

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

@@ -70,7 +70,7 @@ export interface HeadCellProps {
  * ```
  */
 export declare function HeadCell({ title, tip, arrowPosition, sortDirection, sortField, sortTip, onSort, className, }: HeadCellProps): React.ReactElement;
-export interface SimpleHeadCellProps {
+interface SimpleHeadCellProps {
     /**
      * Title to display in the header cell
      */
@@ -106,3 +106,4 @@ export interface SimpleHeadCellProps {
  * ```
  */
 export declare function SimpleHeadCell({ title, tip, className, }: SimpleHeadCellProps): React.ReactElement;
+export {};

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

@@ -1 +1 @@
-export { type ArrowPosition, HeadCell, type HeadCellProps, SimpleHeadCell, type SimpleHeadCellProps, type SortDirection, } from './head-cell';
+export * from './head-cell';

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

@@ -23,6 +23,15 @@ export interface HealthFactorProps extends React.HTMLAttributes<HTMLSpanElement>
      * @default "color"
      */
     zoneType?: "color" | "bars" | "dot";
+    /**
+     * Marks the figure as projected rather than measured, with a leading `≈`.
+     *
+     * Drawn here, inside the zone-colored span, because the symbol belongs to the
+     * number: a caller placing it beside this component leaves it uncolored while
+     * the value it qualifies is red. Suppressed on a zero debt, where there is no
+     * factor to approximate — only "N/A".
+     */
+    approximate?: boolean;
 }
 /**
  * HealthFactor — primitive under {@link HealthFactorBlock} (zones / bars / dot).
@@ -41,4 +50,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, approximate, className, ...props }: HealthFactorProps): React.JSX.Element;

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

@@ -1,8 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const iconColorVariants: (props?: ({
-    iconColor?: "muted" | "foreground" | "gray-10" | "gray-20" | "gray-30" | "gray-40" | "gray-50" | "gray-60" | "gray-70" | "gray-80" | "gray-90" | "gray-100" | "gray-110" | null | undefined;
-    iconHoverColor?: "muted" | "foreground" | "gray-10" | "gray-20" | "gray-30" | "gray-40" | "gray-50" | "gray-60" | "gray-70" | "gray-80" | "gray-90" | "gray-100" | "gray-110" | null | undefined;
+    iconColor?: "foreground" | "gray-10" | "gray-20" | "gray-30" | "gray-40" | "gray-50" | "gray-60" | "gray-70" | "gray-80" | "gray-90" | "gray-100" | "gray-110" | "muted" | null | undefined;
+    iconHoverColor?: "foreground" | "gray-10" | "gray-20" | "gray-30" | "gray-40" | "gray-50" | "gray-60" | "gray-70" | "gray-80" | "gray-90" | "gray-100" | "gray-110" | "muted" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface HelpTipProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "title"> {
     /** Tooltip popup content (what appears when hovering the icon). */
@@ -60,5 +60,5 @@ declare const HelpTipIcon: React.ForwardRefExoticComponent<HelpTipIconProps & Re
  * TipWrap — wrapper for spacing the help tip inline with text (e.g. after a label).
  * Matches A: margin-left 6px, inline-block, line-height 0.
  */
-declare const TipWrap: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-export { HelpTip, HelpTipIcon, TipWrap };
+export declare const TipWrap: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+export { HelpTip, HelpTipIcon };

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

@@ -1,8 +1,17 @@
 import { default as React } from 'react';
+export type HFIndicatorSize = "sm" | "md";
 export interface HFIndicatorProps {
-    readonly value?: string;
+    /** Pre-formatted health factor, e.g. `"1.05"`. */
+    readonly value: string;
+    /** `md` stands alone on a screen; `sm` fits a one-row banner. */
+    readonly size?: HFIndicatorSize;
 }
 /**
- * Concentric rings around a health-factor value. Presentation only.
+ * Concentric rings around a health-factor value. Presentation only: the number
+ * arrives formatted, and the colour does not follow it — every caller so far
+ * renders this because the factor is already low.
+ *
+ * The box is the outermost ring, so the component occupies exactly what it
+ * paints and a caller can place it like any other block.
  */
-export declare function HFIndicator({ value, }: HFIndicatorProps): React.ReactElement;
+export declare function HFIndicator({ value, size, }: HFIndicatorProps): React.ReactElement;

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

@@ -1,17 +1,9 @@
 import { VariantProps } from 'class-variance-authority';
 import { BaseLink } from '../base-link/base-link';
 import * as React from "react";
-/** Button type for IconButton — matches interface (A) theme variants */
-export type IconButtonType = "outlined" | "filled" | "filledDark" | "hollow" | "empty";
 declare const iconButtonVariants: (props?: ({
     buttonType?: "filled" | "outlined" | "filledDark" | "hollow" | "empty" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface IconButtonIconProps {
-    /** Tailwind text color class (e.g. "text-foreground", "text-gray-60") */
-    color?: "default";
-    /** Icon size in px; applied as size-* (e.g. 16 → size-4) */
-    size?: 12 | 14 | 16 | 18 | 20 | 24;
-}
 export interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color">, VariantProps<typeof iconButtonVariants> {
     /**
      * Renders as child element using Radix Slot

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

@@ -1,2 +1 @@
-export { faArrowDown, faArrowLeft, faArrowRight, faArrowsUpDown, faArrowUp, faBars, faBolt, faCaretDown, faCaretLeft, faCaretRight, faCaretUp, faCheck, faChevronDown, faChevronLeft, faChevronRight, faCircle, faCircleCheck, faCircleExclamation, faCirclePlus, faCircleQuestion, faCloud, faCog, faCreditCard, faEllipsisVertical, faEnvelope, faKeyboard, faLifeRing, faMagnifyingGlass, faMessage, faPlus, faRightFromBracket, faTrash, faTriangleExclamation, faUser, faUserPlus, faUsers, faWallet, faXmark, } from '@fortawesome/free-solid-svg-icons';
-export { FaIcon } from './fa-icon';
+export * from './fa-icon';

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

@@ -7,19 +7,16 @@ export * from './badge';
 export * from './base';
 export * from './base-link';
 export * from './base-table';
-export * from './block-sync-pill';
 export * from './breadcrumbs';
 export * from './breakpoint-provider';
 export * from './buttons';
 export * from './cards';
 export * from './checkbox';
-export * from './checkbox-item';
 export * from './client-adapters';
 export * from './collateral-allocation-tooltip';
 export * from './composites';
 export * from './compound-apy';
 export * from './confirm-menu';
-export * from './detailed-apy';
 export * from './detailed-page-title';
 export * from './dialog';
 export * from './disabled-wrap';
@@ -28,7 +25,6 @@ export * from './edit-input';
 export * from './error-message';
 export * from './explorer-links-dropdown';
 export * from './fadeout-loading';
-export * from './filter';
 export * from './formatted-number';
 export * from './graph';
 export * from './guard';
@@ -46,16 +42,18 @@ export * from './legal-agreement';
 export * from './link';
 export * from './loader';
 export * from './loading';
-export * from './loading-bar';
+export * from './markdown-text';
 export * from './modal';
 export * from './name-cell';
 export * from './navbar-logo';
 export * from './navigation-context';
 export * from './points-icon';
 export * from './pool-points-indicator';
+export * from './radio-group';
 export * from './rounded-image';
 export * from './rwa-feature';
 export * from './rwa-styles';
+export * from './sdk-status-pill';
 export * from './search-line';
 export * from './segmented-control';
 export * from './select';
@@ -68,7 +66,6 @@ export * from './slider';
 export * from './spinner';
 export * from './spinner-loader';
 export * from './split-list';
-export * from './status-dot';
 export * from './status-elements';
 export * from './tab-control';
 export * from './table';
@@ -82,10 +79,10 @@ export * from './token-symbol';
 export * from './token-template';
 export * from './tooltip';
 export * from './trading-view';
+export * from './truncated-text';
 export * from './typed-intl';
 export * from './typography';
 export * from './vertical-indicator';
 export * from './vspace';
 export * from './with-copy';
-export * from './with-title';
 export * from './yield-breakdown-tooltip';

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

@@ -4,7 +4,7 @@ import * as React from "react";
 declare const labelVariants: (props?: ({
     disabledStyle?: "none" | "default" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
-    variant?: "default" | "muted" | "success" | "error" | null | undefined;
+    variant?: "default" | "success" | "error" | "muted" | null | undefined;
     required?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
@@ -37,7 +37,7 @@ declare const labelVariants: (props?: ({
 declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: ({
     disabledStyle?: "none" | "default" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
-    variant?: "default" | "muted" | "success" | "error" | null | undefined;
+    variant?: "default" | "success" | "error" | "muted" | null | undefined;
     required?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
 export { Label, labelVariants };

package/dist/types/components/layout/app-footer/app-footer.d.ts

@@ -1,4 +1,3 @@
-import { BlockSyncProps } from '../../../types/footer';
 import * as React from "react";
 /**
  * A single legal/navigation link rendered in {@link AppFooter}.
@@ -30,20 +29,14 @@ export interface AppFooterProps extends React.HTMLAttributes<HTMLElement> {
      */
     year?: number;
     /**
-     * Whether to show the status pill on the far right. Defaults to `true`.
+     * Slot between the copyright and the links — typically a
+     * {@link SyncStatusPill}. The footer knows nothing about what goes in it.
+     *
+     * A slot rather than sync-specific props: the footer used to accept a fixed
+     * `blockSyncProps` shape and render its own pill from it, which made every
+     * change to the indicator a change to the footer's API.
      */
-    showStatus?: boolean;
-    /**
-     * Label rendered inside the status pill. Defaults to `Status`.
-     */
-    statusLabel?: React.ReactNode;
-    /**
-     * When provided, the status pill becomes a live network-synchronization
-     * indicator ({@link BlockSyncPill}): the dot color reflects the time since
-     * the last block update and hovering reveals per-chain block details.
-     * Without it, a static green status pill is rendered.
-     */
-    blockSyncProps?: BlockSyncProps;
+    status?: React.ReactNode;
 }
 /**
  * AppFooter — minimal, Hyperliquid-style footer used by the Gearbox App
@@ -56,7 +49,8 @@ export interface AppFooterProps extends React.HTMLAttributes<HTMLElement> {
  * @example
  * ```tsx
  * <AppFooter />
- * <AppFooter links={myLinks} copyright="© Acme, 2026" showStatus={false} />
+ * <AppFooter links={myLinks} copyright="© Acme, 2026" />
+ * <AppFooter status={<SyncStatusPill {...syncProps} />} />
  * ```
  */
 export declare const AppFooter: React.ForwardRefExoticComponent<AppFooterProps & React.RefAttributes<HTMLElement>>;

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

@@ -1,5 +1,5 @@
-export { LegalAgreementAwaitingPanel, type LegalAgreementAwaitingPanelProps, LegalAgreementAwaitingPanelTest, } from './legal-agreement-awaiting-panel';
-export { BlockedRegionDialog, type BlockedRegionDialogProps, type LegalAgreementCheckboxItem, LegalAgreementDialog, type LegalAgreementDialogConfig, type LegalAgreementDialogProps, } from './legal-agreement-dialog';
-export { LegalAgreementLink, type LegalAgreementLinkProps, } from './legal-agreement-link';
-export { LegalAgreementPanel, type LegalAgreementPanelProps, LegalAgreementPanelTest, } from './legal-agreement-panel';
-export { type LegalAgreementThemeVariantProps, type LegalAgreementVisualTheme, legalAgreementAwaitingDescriptionVariants, legalAgreementAwaitingRootVariants, legalAgreementAwaitingTitleVariants, legalAgreementLinkVariants, legalAgreementPanelCheckboxLabelVariants, legalAgreementPanelCheckboxListTitleVariants, legalAgreementPanelCheckboxListVariants, legalAgreementPanelCheckboxRowVariants, legalAgreementPanelNotificationVariants, legalAgreementPanelRootVariants, legalAgreementPanelV2BannerVariants, } from './legal-agreement-theme';
+export * from './legal-agreement-awaiting-panel';
+export * from './legal-agreement-dialog';
+export * from './legal-agreement-link';
+export * from './legal-agreement-panel';
+export * from './legal-agreement-theme';

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/legal-agreement/legal-agreement-theme.d.ts

@@ -1,4 +1,3 @@
-import { VariantProps } from 'class-variance-authority';
 export type LegalAgreementVisualTheme = "default" | "gearboxV3";
 export declare const legalAgreementPanelRootVariants: (props?: ({
     theme?: "default" | "gearboxV3" | null | undefined;
@@ -33,4 +32,3 @@ export declare const legalAgreementAwaitingDescriptionVariants: (props?: ({
 export declare const legalAgreementLinkVariants: (props?: ({
     theme?: "default" | "gearboxV3" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type LegalAgreementThemeVariantProps = VariantProps<typeof legalAgreementPanelRootVariants>;

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/markdown-text/index.d.ts

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

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

@@ -0,0 +1,6 @@
+import type * as React from "react";
+export interface MarkdownTextProps {
+    readonly content: string;
+    readonly className?: string;
+}
+export declare const MarkdownText: React.NamedExoticComponent<MarkdownTextProps>;