@gearbox-protocol/ui-kit 4.0.0-next.8 → 4.0.0-next.81

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

@@ -1,6 +1,7 @@
-export declare class PoolAssetsTableTest {
-    static root: string;
-    static exposureCell: string;
-    static capCell: string;
-    static capUtilizationCell: string;
-}
+export declare const PoolAssetsTableTest: {
+    readonly root: "pool-assets-table-root";
+    readonly exposureCell: "pool-assets-table-exposure-cell";
+    readonly capCell: "pool-assets-table-cap-cell";
+    readonly capBelowExposureTip: "pool-assets-table-cap-below-exposure-tip";
+    readonly capUtilizationCell: "pool-assets-table-cap-utilization-cell";
+};

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

@@ -1,5 +1,3 @@
 export * from './constants';
 export * from './pool-assets-table';
-export * from './pool-assets-table-head';
-export * from './pool-assets-table-row';
 export type * from './types';

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

@@ -1,15 +1,16 @@
 import { QuotaAsset, Token } from '@gearbox-protocol/sdk/model';
 import { default as React } from 'react';
 export interface PoolAssetsTableRowProps {
-    readonly poolName: string;
     readonly asset: QuotaAsset;
     readonly underlyingToken: Token;
     readonly last: boolean;
     readonly isCompact: boolean;
     readonly totalUsed: bigint;
     readonly colorIndex: number;
+    /** Base URL of the chain's explorer; absent leaves the row inert. */
+    readonly explorerUrl?: string;
 }
 /**
  * Single data row: token name, exposure (amount + pie), cap, and cap utilization.
  */
-export declare function PoolAssetsTableRow({ poolName, asset, underlyingToken, last, isCompact, totalUsed, colorIndex, }: PoolAssetsTableRowProps): React.ReactElement;
+export declare function PoolAssetsTableRow({ asset, underlyingToken, last, isCompact, totalUsed, colorIndex, explorerUrl, }: PoolAssetsTableRowProps): React.ReactElement;

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

@@ -3,12 +3,16 @@ import { default as React } from 'react';
 import { PoolAssetsTableSort } from './types';
 export interface PoolAssetsTableProps {
     readonly list: ReadonlyArray<QuotaAsset>;
-    readonly poolName: string;
     readonly sort: PoolAssetsTableSort;
     readonly underlyingToken: Token;
+    /**
+     * Block explorer base URL of the pool's chain. Given one, each row links to
+     * its token's address there; without one the rows stay inert.
+     */
+    readonly explorerUrl?: string;
 }
 /**
  * Grid table of pool asset quotas: exposure, cap, and cap utilization.
  * Collapses into stacked cards below {@link COMPACT_WIDTH_THRESHOLD}.
  */
-export declare function PoolAssetsTable({ list, poolName, sort, underlyingToken, }: PoolAssetsTableProps): React.ReactElement | null;
+export declare function PoolAssetsTable({ list, sort, underlyingToken, explorerUrl, }: PoolAssetsTableProps): React.ReactElement | null;

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,5 +1,5 @@
-import { QuotaAsset } from '@gearbox-protocol/sdk/model';
-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";
 /**
@@ -13,5 +13,3 @@ export interface PoolAssetsTableSort {
 export interface PoolAssetsFilterState {
     readonly sort: PoolAssetsTableSort;
 }
-/** One quota row — the SDK's {@link QuotaAsset}. */
-export type PoolAssetsTableQuotaRow = QuotaAsset;

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

@@ -1,29 +1,18 @@
 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;
-export interface TransactionConfirmAmountFieldProps extends VariantProps<typeof rootVariants> {
+export type TransactionConfirmAmountFieldProps = VariantProps<typeof rootVariants> & AmountSource & {
     readonly label: React.ReactNode;
-    readonly primaryAmount: {
-        readonly value: TokenTemplateProps["value"];
-        readonly token?: TokenTemplateProps["token"];
-    } | {
-        node: React.ReactNode;
-    };
-    readonly secondaryAmount?: {
-        readonly valueUSD?: bigint | number;
-    } | {
-        node: React.ReactNode;
-    };
     readonly loading?: boolean;
     readonly maxLength?: number;
     readonly approximate?: {
         isApproximate?: boolean;
         approximateSymbol?: string;
     };
-}
-export declare function TransactionConfirmAmountField({ label, primaryAmount, secondaryAmount, loading, position, size, maxLength, approximate, }: TransactionConfirmAmountFieldProps): React.ReactElement;
+};
+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/amounts/constants.d.ts

@@ -1,6 +1,3 @@
-export declare class TransactionConfirmAmountFieldTest {
-    static root: string;
-}
-export declare class TransactionConfirmAmountPairTest {
-    static root: string;
-}
+export declare const TransactionConfirmAmountFieldTest: {
+    readonly root: "transaction-confirm-amount-field-root";
+};

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

@@ -1,17 +1,7 @@
-export declare class TransactionConfirmDialogTest {
-    static root: string;
-    static execution: string;
-    static progress: string;
-    static result: string;
-}
+export declare const TransactionConfirmDialogTest: {
+    readonly root: "transaction-confirm-dialog-root";
+    readonly execution: "transaction-confirm-dialog-execution";
+    readonly progress: "transaction-confirm-dialog-progress";
+    readonly result: "transaction-confirm-dialog-result";
+};
 /** 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/dialog/transactionConfirmShellTypes.d.ts

@@ -1,15 +1,18 @@
 import { default as React } from 'react';
-import { TransactionExecutionStepView } from '../stepper/transactionExecutionStepTypes';
+import { ProgressStepperStep } from '../stepper/ProgressStepper';
 import { TransactionConfirmPhase } from './transactionConfirmPhase';
 /**
  * How the card is framed. The body is identical in both: `page` drops the card
  * into page flow, `dialog` puts the same card inside a modal.
  */
 export type TransactionConfirmShellMode = "page" | "dialog";
-export interface TransactionConfirmShellStepper {
-    readonly steps: ReadonlyArray<TransactionExecutionStepView>;
-    readonly renderLabel: (step: TransactionExecutionStepView) => React.ReactNode;
-}
+/**
+ * Pre-labelled, ready-to-render steps. The slot no longer restricts step ids
+ * to the execution union: session-plan steppers (agreement/approve/confirm
+ * plus a delayed request/complete tail) carry their own ids and labels, and
+ * visibility is the caller's decision — omit the slot to hide the stepper.
+ */
+export type TransactionConfirmShellStepper = ReadonlyArray<ProgressStepperStep>;
 /**
  * Shown instead of preview and execution once the phase is terminal.
  *

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

@@ -1,18 +1,18 @@
-export declare class TransactionConfirmSuccessResultTest {
-    static root: string;
-    static headline: string;
-    static subtitle: string;
-    static footer: string;
-}
-export declare class TransactionConfirmFailureResultTest {
-    static root: string;
-    static footer: string;
-}
-export declare class TransactionConfirmTxHashRowTest {
-    static root: string;
-    static txHashLink: string;
-    static addToWallet: string;
-}
-export declare class TransactionConfirmExecuteButtonTest {
-    static root: string;
-}
+export declare const TransactionConfirmSuccessResultTest: {
+    readonly root: "transaction-confirm-success-result-root";
+    readonly headline: "transaction-confirm-success-result-headline";
+    readonly subtitle: "transaction-confirm-success-result-subtitle";
+    readonly footer: "transaction-confirm-success-result-footer";
+};
+export declare const TransactionConfirmFailureResultTest: {
+    readonly root: "transaction-confirm-failure-result-root";
+    readonly footer: "transaction-confirm-failure-result-footer";
+};
+export declare const TransactionConfirmTxHashRowTest: {
+    readonly root: "transaction-confirm-tx-hash-row-root";
+    readonly txHashLink: "transaction-confirm-tx-hash-row-tx-hash-link";
+    readonly addToWallet: "transaction-confirm-tx-hash-row-add-to-wallet";
+};
+export declare const TransactionConfirmExecuteButtonTest: {
+    readonly root: "transaction-confirm-execute-button-root";
+};

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/composites/tx-preview/confirm/stepper/constants.d.ts

@@ -1,3 +1,3 @@
-export declare class ProgressStepperTest {
-    static root: string;
-}
+export declare const ProgressStepperTest: {
+    readonly root: "progress-stepper-root";
+};

package/dist/types/components/composites/tx-preview/confirm/stepper/transactionExecutionStepTypes.d.ts

@@ -1,10 +1 @@
-export type TransactionExecutionStepId = "approve" | "auth" | "execute";
-export type TransactionExecutionPrerequisiteStepId = Exclude<TransactionExecutionStepId, "execute">;
 export type StepStatus = "completed" | "active" | "upcoming";
-export type TransactionExecutionStepLabelKey = "approve" | "approveBatch" | "auth" | "execute";
-export interface TransactionExecutionStepView {
-    id: TransactionExecutionStepId;
-    labelKey: TransactionExecutionStepLabelKey;
-    status: StepStatus;
-}
-export declare function shouldShowTransactionProgressStepper(steps: ReadonlyArray<Pick<TransactionExecutionStepView, "id">>): boolean;

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

@@ -17,12 +17,24 @@ export interface CompoundAPYProps {
     /** Strategy base borrow cost in bps. */
     borrowApy?: Bps;
     /** Strategy additional (quota) borrow cost in bps. */
-    additionalBorrowApy?: Bps;
+    quotaRate?: Bps;
     /**
      * Number of decimal places for the total APY string.
      * @default 2
      */
     decimals?: number;
+    /**
+     * Whether the figure carries the yield breakdown on hover.
+     *
+     * Off where the number is already explained — a badge that states one rate
+     * and stops, or a figure something else already wraps in a tooltip of its
+     * own. The incentives icon stays either way; only the hover goes.
+     *
+     * @default true
+     */
+    tooltip?: boolean;
+    /** When `"7d"`, tooltip labels carry the averaging-window suffix. */
+    period?: "7d";
     className?: string;
 }
 /**
@@ -31,4 +43,4 @@ export interface CompoundAPYProps {
  * No `tokensList`, no external APY, no 7D history, no "soon" points state.
  * For the legacy percent-based API see {@link CompoundAPYLegacy}.
  */
-export declare function CompoundAPY({ apy, maxLeverage, collateralApy, borrowApy, additionalBorrowApy, decimals, className, }: CompoundAPYProps): import("react/jsx-runtime").JSX.Element;
+export declare function CompoundAPY({ apy, maxLeverage, collateralApy, borrowApy, quotaRate, decimals, tooltip, period, className, }: CompoundAPYProps): import("react").JSX.Element;

package/dist/types/components/detailed-page-title/index.d.ts

@@ -1,2 +1 @@
-export * from './detailed-page-title-copy-button';
 export * from './detailed-page-title-explorer-dropdown';

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-footer.d.ts

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

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

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

package/dist/types/components/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,12 +1,14 @@
 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>): 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

@@ -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> {
     /**
@@ -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/{utils → components/graph}/colors.d.ts

@@ -5,12 +5,6 @@
  * @returns The resolved color value
  */
 export declare function resolveCSSColor(color: string, fallback?: string): string;
-/**
- * Gets the current value of a CSS variable from the document root
- * @param variableName - The CSS variable name (with or without --)
- * @returns The resolved color value or fallback
- */
-export declare function getCSSVariable(variableName: string, fallback?: string): string;
 /**
  * Converts hex color to rgba
  * @param hex - Hex color string (e.g., "#02c39a" or "#02C39A")

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/{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;
-export 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
@@ -34,18 +16,10 @@ export declare function formatNumberWithSuffix(amount: number, options?: FormatN
  * ```
  */
 export declare function toSignificantDigits(value: number, decimals: number): string;
-/**
- * Check if a value is effectively zero (within epsilon)
- */
-export declare function isEffectivelyZero(value: number): boolean;
 /**
  * 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
  */

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

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