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

package/dist/types/components/status-elements/status-elements.d.ts

@@ -1,4 +1,4 @@
-import { HFZones } from '..';
+import { HFZones } from '../health-factor/zones';
 export interface AccountHealthDotProps {
     zone: HFZones;
     size?: number;

package/dist/types/components/tab-control/tab-control.d.ts

@@ -3,6 +3,11 @@ export interface TabControl<T extends string> {
     id: T;
     disabled?: boolean;
 }
+interface UseTabControlReturnType<T extends string> {
+    id: T;
+    index: number;
+    handleTabChange: (id: T, index: number) => void;
+}
 export interface TabControlProps<T extends string> {
     className?: string;
     tabs: Array<TabControl<T>>;
@@ -12,17 +17,4 @@ export interface TabControlProps<T extends string> {
     tabItemWrapPadding?: string;
 }
 export declare function TabControl<T extends string>({ className, tabs, state: controlState, showBorder, tabItemWrapPadding, variant, }: TabControlProps<T>): import("react").JSX.Element;
-interface TabItemProps {
-    icon?: React.ReactNode;
-    label: React.ReactNode;
-    amount?: number;
-    selected: boolean;
-    textSize?: "default" | "unset";
-}
-export declare function TabItem({ icon, label, selected, textSize, amount, }: TabItemProps): import("react").JSX.Element;
-interface UseTabControlReturnType<T extends string> {
-    id: T;
-    index: number;
-    handleTabChange: (id: T, index: number) => void;
-}
 export {};

package/dist/types/components/tab-control/tab-item.d.ts

@@ -0,0 +1,13 @@
+/**
+ * One tab. Its own module, outside the barrel: TabControl and Tabber render it,
+ * a consumer builds tabs by handing TabControl its items.
+ */
+interface TabItemProps {
+    icon?: React.ReactNode;
+    label: React.ReactNode;
+    amount?: number;
+    selected: boolean;
+    textSize?: "default" | "unset";
+}
+export declare function TabItem({ icon, label, selected, textSize, amount, }: TabItemProps): import("react").JSX.Element;
+export {};

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

@@ -81,16 +81,6 @@ declare const GridTableHeader: React.ForwardRefExoticComponent<React.HTMLAttribu
  * Note: Automatically removes border from last row's children.
  */
 declare const GridTableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-/**
- * GridTableFooter — footer section of a GridTable.
- *
- * @usage
- * Use GridTableFooter to display summary or totals at the bottom of grid tables:
- * table summaries, total rows, footer information.
- *
- * Note: Automatically applies top border, muted background, and medium font weight to all child elements.
- */
-export declare const GridTableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 interface GridTableRowProps extends GridProps {
     children?: React.ReactNode;
     className?: string;
@@ -248,15 +238,5 @@ interface GridTableCellProps extends ColProps, VariantProps<typeof gridTableCell
  * ```
  */
 declare const GridTableCell: React.ForwardRefExoticComponent<GridTableCellProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * GridTableCaption — caption component of a GridTable.
- *
- * @usage
- * Use GridTableCaption to display table description or summary:
- * table captions, descriptions, summary text below the table.
- *
- * Note: Spans full width and displays with muted text color below the table.
- */
-export declare const GridTableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { GridTable, GridTableBody, GridTableCell, GridTableHead, GridTableHeader, GridTableRow, gridTableVariants, gridTableHeadVariants, gridTableCellVariants, };
+export { GridTable, GridTableBody, GridTableCell, GridTableHead, GridTableHeader, GridTableRow, };
 export type { GridTableProps, GridTableHeadProps, GridTableCellProps, GridTableRowProps, };

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

@@ -1,5 +1,2 @@
 export * from './grid-error-line';
-export * from './grid-loading-line';
-export * from './grid-table';
 export * from './table';
-export * from './table-sm';

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

@@ -79,4 +79,4 @@ declare const tableCellVariants: (props?: ({
 interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement>, VariantProps<typeof tableCellVariants> {
 }
 declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
-export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, tableVariants, tableHeadVariants, tableCellVariants, };
+export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow };

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { IconComposite, TokenIconInput } from '../../utils/token-icon-source';
+import { IconComposite, TokenIconInput } from './token-icon-source';
 import { RoundedImageProps } from '../rounded-image/rounded-image';
 /**
  * TokenIcon — component for displaying token/asset icons.

package/dist/types/{utils → components/token-template}/bn-to-pretty-view.d.ts

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

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

@@ -1,5 +1,5 @@
 import { TokenFullData } from '../../types/common';
-import { ParseSmallNumberResult } from '../../utils';
+import { ParseSmallNumberResult } from '../../utils/internal/parse-small-number';
 import { tokenTemplateString } from '../../utils/templates';
 import { FormattedNumberStringProps } from '../formatted-number';
 import type * as React from "react";

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-import { ApyBreakdown, Bps, Leverage } from '@gearbox-protocol/sdk/model';
 import { SimpleTooltipPlacement } from '../tooltip';
 import type * as React from "react";
 export interface ApyBreakdownTooltipProps {
@@ -18,35 +17,3 @@ export interface ApyBreakdownTooltipProps {
  * surface. Callers pass only the trigger and the card — width lives here.
  */
 export declare function ApyBreakdownTooltip({ title, children, placement, open, className, triggerClassName, }: ApyBreakdownTooltipProps): React.ReactElement;
-export interface YieldBreakdownTooltipProps {
-    /**
-     * Net yield (`ApyBreakdown`). For a strategy this is the net at
-     * {@link maxLeverage}.
-     */
-    supplyApy: ApyBreakdown;
-    /**
-     * Strategy-only plain leverage multiplier (e.g. `13.6` for 13.6x). When set,
-     * the header is "Net APY at Nx Leverage" and a Borrow Rate row is shown.
-     */
-    maxLeverage?: Leverage;
-    /**
-     * Strategy collateral yield used for Collateral / Incentive rows. Falls back
-     * to {@link supplyApy} when omitted.
-     */
-    collateralApy?: ApyBreakdown;
-    /** Strategy base borrow cost in bps (shown as a negative rate). */
-    borrowApy?: Bps;
-    /** Strategy quota rate in bps, at 1x (folded into Borrow Rate). */
-    quotaRate?: Bps;
-    /** When `"7d"`, labels carry the averaging-window suffix. */
-    period?: "7d";
-    children?: React.ReactNode;
-    className?: string;
-    /** Controlled open state. Specs pass it because jsdom has no hover. */
-    open?: boolean;
-}
-/**
- * Earn APY tooltip — a pool hands {@link PoolApyBreakdownCard}; a strategy
- * (positions list) still itemises unlevered collateral, borrow and rewards.
- */
-export declare function YieldBreakdownTooltip({ supplyApy, maxLeverage, collateralApy, borrowApy, quotaRate, period, children, className, open, }: YieldBreakdownTooltipProps): React.JSX.Element;

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

@@ -0,0 +1,38 @@
+import { ApyBreakdown, Bps, Leverage } from '@gearbox-protocol/sdk/model';
+import type * as React from "react";
+/**
+ * The strategy yield breakdown. Its own module, outside the barrel: CompoundAPY
+ * mounts it behind its own tooltip, and a consumer reaches it through that.
+ */
+export interface YieldBreakdownTooltipProps {
+    /**
+     * Net yield (`ApyBreakdown`). For a strategy this is the net at
+     * {@link maxLeverage}.
+     */
+    supplyApy: ApyBreakdown;
+    /**
+     * Strategy-only plain leverage multiplier (e.g. `13.6` for 13.6x). When set,
+     * the header is "Net APY at Nx Leverage" and a Borrow Rate row is shown.
+     */
+    maxLeverage?: Leverage;
+    /**
+     * Strategy collateral yield used for Collateral / Incentive rows. Falls back
+     * to {@link supplyApy} when omitted.
+     */
+    collateralApy?: ApyBreakdown;
+    /** Strategy base borrow cost in bps (shown as a negative rate). */
+    borrowApy?: Bps;
+    /** Strategy quota rate in bps, at 1x (folded into Borrow Rate). */
+    quotaRate?: Bps;
+    /** When `"7d"`, labels carry the averaging-window suffix. */
+    period?: "7d";
+    children?: React.ReactNode;
+    className?: string;
+    /** Controlled open state. Specs pass it because jsdom has no hover. */
+    open?: boolean;
+}
+/**
+ * Earn APY tooltip — a pool hands {@link PoolApyBreakdownCard}; a strategy
+ * (positions list) still itemises unlevered collateral, borrow and rewards.
+ */
+export declare function YieldBreakdownTooltip({ supplyApy, maxLeverage, collateralApy, borrowApy, quotaRate, period, children, className, open, }: YieldBreakdownTooltipProps): React.JSX.Element;

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

@@ -63,18 +63,12 @@ export declare const preset: {
                 "success-foreground": string;
                 "success-hover": string;
                 warning: string;
-                info: {
-                    DEFAULT: string;
-                    foreground: string;
-                };
                 liquidation: string;
-                "liquidation-line": string;
                 border: string;
                 divider: string;
                 input: string;
                 ring: string;
                 "text-secondary": string;
-                "dropdown-dark-button": string;
                 white: string;
                 black: string;
                 gray: {

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

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

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

@@ -1,6 +1,4 @@
-export * from './use-debounce';
 export * from './use-debounce-call';
 export * from './use-filter';
 export * from './use-media-query';
-export * from './use-observed-width-key';
 export * from './use-previous';

package/dist/types/hooks/use-copy-to-clipboard.d.ts

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

package/dist/types/hooks/use-filter.d.ts

@@ -1,10 +1,4 @@
-type SortType = "desc" | "asc";
-export interface FilterSortField<T> {
-    field: T;
-    sort: SortType;
-}
-export type SortField<T> = FilterSortField<T>;
-export declare const getSortForField: <T>(s: T, state: FilterSortField<T> | null) => SortType | undefined;
+import { FilterSortField, SortType } from '../utils/sort';
 export type SortSetterFunction<T> = (field: T, startFromSort?: SortType) => void;
 /**
  * Hook for managing sort state
@@ -43,4 +37,3 @@ export declare const getSortForFields: <T>(field: T, state: MultiSortField<T> |
  * is reached.
  */
 export declare function nextMultiSortState<T>(prev: MultiSortField<T>, field: T, startFromSort?: SortType, maxFields?: number): MultiSortField<T>;
-export {};

package/dist/types/hooks/use-media-query.d.ts

@@ -13,6 +13,9 @@
  * @param enabled When `false`, skips the `matchMedia` subscription. Used by
  *   the named breakpoint hooks so they do not attach listeners when a
  *   `BreakpointProvider` already owns the shared state.
+ *
+ * The named hooks below cover every case the kit has; this one is kept for a
+ * consumer that needs a query of its own.
  */
 export declare function useMediaQuery(query: string, enabled?: boolean): boolean;
 /**

package/dist/types/index.d.ts

@@ -1,6 +1,5 @@
 import { default as EnglishLocale } from './locale/en.json';
 export * from './components/base';
-export * from './components/accordion';
 export * from './components/alert-badge';
 export * from './components/alert-dialog';
 export * from './components/alert-modal';
@@ -10,7 +9,7 @@ export * from './components/badge';
 export * from './components/base-link';
 export * from './components/base-table';
 export * from './components/breadcrumbs';
-export * from './components/breakpoint-provider';
+export * from './components/breakpoints';
 export * from './components/buttons';
 export * from './components/cards';
 export * from './components/checkbox';
@@ -50,26 +49,23 @@ export * from './components/name-cell';
 export * from './components/navbar-logo';
 export * from './components/navigation-context';
 export * from './components/network-icon';
+export * from './components/no-value';
 export * from './components/points-icon';
 export * from './components/pool-points-indicator';
 export * from './components/radio-group';
-export * from './components/rounded-image';
 export * from './components/rwa-feature';
-export * from './components/rwa-styles';
 export * from './components/sdk-status-pill';
 export * from './components/search-line';
 export * from './components/segmented-control';
 export * from './components/select';
 export * from './components/separate-line';
 export * from './components/short-string';
-export * from './components/simple-accordion';
 export * from './components/simple-dropdown';
 export * from './components/skeleton';
 export * from './components/slider';
 export * from './components/spinner';
 export * from './components/spinner-loader';
 export * from './components/split-list';
-export * from './components/status-elements';
 export * from './components/tab-control';
 export * from './components/table';
 export * from './components/tabs';
@@ -91,9 +87,10 @@ export * from './components/with-copy';
 export * from './components/yield-breakdown-tooltip';
 export * from './hooks';
 export * from './locale';
+/**
+ * Consumers augment `LocaleRegistry` against this shape, so the reference is
+ * type-level and no import of the value ever shows up.
+ */
 export { EnglishLocale };
 export * from './utils';
-export * from './utils/cn';
-export * from './utils/format';
-export * from './utils/format-money';
-export * from './utils/templates';
+export { cn as default } from './utils/cn';