@gearbox-protocol/ui-kit 4.0.0-next.5 → 4.0.0-next.51

package/dist/types/components/navigation-context/navigation-context.d.ts

@@ -1,12 +1,4 @@
 import * as React from "react";
-export interface NavigationLinkProps {
-    to: string;
-    className?: string;
-    target?: string;
-    rel?: string;
-    ref?: React.Ref<HTMLAnchorElement>;
-    children?: React.ReactNode;
-}
 export interface NavigationAdapter {
     Link: React.ComponentType<any>;
     useLocation: () => {
@@ -40,6 +32,6 @@ interface NavigationProviderProps extends NavigationAdapter {
  * </NextNavigationProvider>
  * ```
  */
-export declare function NavigationProvider({ Link, useLocation, useNavigate, children, }: NavigationProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function NavigationProvider({ Link, useLocation, useNavigate, children, }: NavigationProviderProps): React.JSX.Element;
 export declare function useNavigationAdapter(): NavigationAdapter;
 export {};

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

@@ -1,3 +1 @@
-export type { NetworkIconProps } from './network-icon';
 export * from './network-icon';
-export * from './network-indicator';

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

@@ -25,4 +25,4 @@ export interface NetworkIconProps {
     rounded?: boolean;
     className?: string;
 }
-export declare function NetworkIcon({ network, size, isTest, suffixSize, showTooltip, rounded, className, }: NetworkIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function NetworkIcon({ network, size, isTest, suffixSize, showTooltip, rounded, className, }: NetworkIconProps): import("react").JSX.Element;

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

@@ -1 +1 @@
-export { PointsIcon, type PointsIconProps, type PointsIconReward, type PointsReward, } from './points-icon';
+export * from './points-icon';

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

@@ -16,11 +16,6 @@ export interface PointsIconReward {
      */
     type: string;
 }
-/**
- * @deprecated Use {@link PointsIconReward}. The bare name conflicts with SDK
- * `PointsReward<T>` from `@gearbox-protocol/sdk/rewards`.
- */
-export type PointsReward = PointsIconReward;
 export interface PointsIconProps extends React.HTMLAttributes<HTMLImageElement>, Omit<RoundedImageProps, "size" | "src" | "alt"> {
     /**
      * Reward information with name and type

package/dist/types/components/pool-points-indicator/pool-points-indicator.d.ts

@@ -38,4 +38,4 @@ export interface PoolPointsIndicatorProps {
  * </PoolPointsIndicator>
  * ```
  */
-export declare function PoolPointsIndicator({ size, color, className, children, }: PropsWithChildren<PoolPointsIndicatorProps>): import("react/jsx-runtime").JSX.Element;
+export declare function PoolPointsIndicator({ size, color, className, children, }: PropsWithChildren<PoolPointsIndicatorProps>): import("react").JSX.Element;

package/dist/types/components/radio-group/index.d.ts

@@ -0,0 +1 @@
+export * from './radio-group';

package/dist/types/components/radio-group/radio-group.d.ts

@@ -0,0 +1,39 @@
+import { VariantProps } from 'class-variance-authority';
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import * as React from "react";
+declare const radioGroupItemVariants: (props?: ({
+    size?: "md" | "lg" | null | undefined;
+    color?: "secondary" | "primary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
+export type RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> & VariantProps<typeof radioGroupItemVariants>;
+/**
+ * RadioGroup — one choice out of several.
+ *
+ * @usage
+ * Use for: mutually exclusive options a form shows all at once — a route to
+ * take, a mode to run in. Wrap {@link RadioGroupItem}s and own the value.
+ *
+ * Props:
+ * - All standard Radix UI RadioGroup props are supported (value, defaultValue,
+ *   onValueChange, disabled, orientation, ...).
+ *
+ * Note: Based on the Radix UI RadioGroup primitive; prefer this over
+ * `@radix-ui/react-radio-group` directly.
+ *
+ * Do NOT use RadioGroup:
+ * - for multi-select (use Checkbox).
+ * - when the options do not fit on screen (use Select).
+ */
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * RadioGroupItem — one option inside a {@link RadioGroup}.
+ *
+ * Sized and coloured like `Checkbox`, so the two read as one family; only the
+ * shape differs, because only one of these can be picked.
+ */
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    size?: "md" | "lg" | null | undefined;
+    color?: "secondary" | "primary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+export { RadioGroup, RadioGroupItem };

package/dist/types/components/rwa-styles/index.d.ts

@@ -1,2 +1 @@
 export declare const RWA_GRADIENT_BORDER_CLASS: string;
-export declare const RWA_POOL_ROW_HOVER_WRAPPER_CLASS = "[&_.grid.grid-cols-subgrid.col-span-full:has([data-rwa-pool-marker='true'])>*]:before:bg-[#7fc8ea]/40";

package/dist/types/components/sdk-status-pill/constants.d.ts

@@ -0,0 +1,5 @@
+export declare class SdkStatusPillTest {
+    static root: string;
+    static dot: string;
+    static tooltip: string;
+}

package/dist/types/components/sdk-status-pill/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './sdk-status';
+export * from './sdk-status-pill';

package/dist/types/components/sdk-status-pill/sdk-status-pill.d.ts

@@ -0,0 +1,27 @@
+import { SdkAttachStatus } from './sdk-status';
+import type * as React from "react";
+export interface SdkStatusPillProps {
+    /** Where the SDK is in its attach lifecycle. */
+    status: SdkAttachStatus;
+}
+/**
+ * SdkStatusPill — whether the SDK is connected, as one dot in an app footer.
+ *
+ * Deliberately narrow: it reports the **SDK's attach lifecycle** and nothing
+ * else. It is not a data-freshness indicator — it will not go grey because a
+ * chain lagged or the backend failed, and it says nothing about what is on
+ * screen. Screens surface their own failures.
+ *
+ * Two constraints, both product decisions:
+ *
+ * - **The palette is green and muted grey only**, never red or amber. See
+ *   {@link sdkStatusDotVariant}.
+ * - **No visible label**, so the tooltip carries the wording and is mirrored
+ *   into `aria-label` — a screen reader cannot see the colour.
+ *
+ * @example
+ * ```tsx
+ * <AppFooter status={<SdkStatusPill status={attach.status} />} />
+ * ```
+ */
+export declare function SdkStatusPill({ status, }: SdkStatusPillProps): React.ReactElement;

package/dist/types/components/sdk-status-pill/sdk-status.d.ts

@@ -0,0 +1,11 @@
+/** Where the SDK is in its attach lifecycle. */
+export type SdkAttachStatus = "loading" | "error" | "ready";
+/** Dot variants this indicator is allowed to use. */
+export type SdkStatusDotVariant = "success" | "default";
+/**
+ * The palette rule, as a function rather than a comment: green once the SDK is
+ * usable, muted grey otherwise. Never `alert` or `warning` — an alarming dot in
+ * permanent view teaches people to ignore it, and the screens surface their own
+ * failures. Exported so the rule is pinned by a test rather than by review.
+ */
+export declare function sdkStatusDotVariant(status: SdkAttachStatus): SdkStatusDotVariant;

package/dist/types/components/search-line/search-line.d.ts

@@ -78,7 +78,7 @@ export declare const SearchLine: React.ForwardRefExoticComponent<SearchLineProps
 /**
  * Props for WithSearchLine component
  */
-export interface WithSearchLineProps {
+interface WithSearchLineProps {
     /**
      * Search state object
      */

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

@@ -28,7 +28,7 @@ import * as React from "react";
  * - for simple toggle switches (use Checkbox or Switch components).
  */
 declare const Select: {
-    (props: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    (props: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>): React.JSX.Element;
     displayName: string;
 };
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
@@ -43,7 +43,7 @@ declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps
 declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, selectTriggerVariants, };
+export declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectScrollDownButton, SelectScrollUpButton, SelectTrigger, SelectValue, selectTriggerVariants, };

package/dist/types/components/separate-line/index.d.ts

@@ -1 +1 @@
-export { SeparateLine, type SeparateLineProps, } from './separate-line';
+export * from './separate-line';

package/dist/types/components/short-string/short-string.d.ts

@@ -36,4 +36,4 @@ export interface ShortStringProps {
  * </ShortString>
  * ```
  */
-export declare function ShortString({ children, maxLength, showTooltip, className, }: ShortStringProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function ShortString({ children, maxLength, showTooltip, className, }: ShortStringProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;

package/dist/types/components/simple-accordion/simple-accordion.d.ts

@@ -31,7 +31,7 @@ export interface SimpleAccordionItemProps {
      */
     onClick?: (opened: boolean) => void;
 }
-export declare function SimpleAccordionItem({ value, title, description, className, hideIcon, reverse, last, triggerClassName, onClick, }: SimpleAccordionItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function SimpleAccordionItem({ value, title, description, className, hideIcon, reverse, last, triggerClassName, onClick, }: SimpleAccordionItemProps): import("react").JSX.Element;
 export declare namespace SimpleAccordionItem {
     var displayName: string;
 }
@@ -79,7 +79,7 @@ export interface SimpleAccordionProps {
  * </SimpleAccordion>
  * ```
  */
-export declare function SimpleAccordion({ children, className, type, collapsible, defaultValue, }: SimpleAccordionProps): import("react/jsx-runtime").JSX.Element;
+export declare function SimpleAccordion({ children, className, type, collapsible, defaultValue, }: SimpleAccordionProps): import("react").JSX.Element;
 export declare namespace SimpleAccordion {
     var displayName: string;
 }

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

@@ -100,7 +100,7 @@ export interface SimpleDropdownProps {
  * </SimpleDropdown>
  * ```
  */
-export declare function SimpleDropdown({ children, title, asChild, placement, align, sideOffset, maxWidth, minWidth, open, onOpenChange, modal, avoidCollisions, matchTriggerWidth, closeOnlyOnOutsideClick, className, triggerClassName, }: SimpleDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function SimpleDropdown({ children, title, asChild, placement, align, sideOffset, maxWidth, minWidth, open, onOpenChange, modal, avoidCollisions, matchTriggerWidth, closeOnlyOnOutsideClick, className, triggerClassName, }: SimpleDropdownProps): import("react").JSX.Element;
 export declare namespace SimpleDropdown {
     var displayName: string;
 }

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

@@ -78,5 +78,5 @@ interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "chil
  * </Skeleton>
  * ```
  */
-declare function Skeleton({ className, variant, speed, width, height, loading, children, style, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+declare function Skeleton({ className, variant, speed, width, height, loading, children, style, ...props }: SkeletonProps): React.JSX.Element;
 export { Skeleton, skeletonVariants };

package/dist/types/components/slider/constants.d.ts

@@ -0,0 +1,3 @@
+export declare class SliderTest {
+    static interval: string;
+}

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

@@ -1,3 +1,4 @@
+export * from './constants';
 export * from './slider';
 export * from './slider-context';
 export * from './slider-mark';

package/dist/types/components/slider/slider-context.d.ts

@@ -11,6 +11,6 @@ interface SliderProviderProps {
     min: number;
     max: number;
 }
-export declare function SliderProvider({ children, colorIntervals, min, max, }: SliderProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function SliderProvider({ children, colorIntervals, min, max, }: SliderProviderProps): React.JSX.Element;
 export declare function useSliderContext(): SliderContextValue | undefined;
 export {};

package/dist/types/components/slider/slider-mark.d.ts

@@ -13,5 +13,5 @@ interface SliderMarkProps {
  * Uses onPointerDown + stopPropagation so Radix Slider
  * doesn't also process the same click (prevents double-firing).
  */
-export declare function SliderMark({ value, min, max, onSelect }: SliderMarkProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SliderMark({ value, min, max, onSelect }: SliderMarkProps): import("react").JSX.Element | null;
 export {};

package/dist/types/components/slider/slider-track.d.ts

@@ -4,4 +4,4 @@
  * Intervals are rendered in reversed order so that the first interval
  * in the array renders on top (matching original interface behavior).
  */
-export declare function SliderTrack(): import("react/jsx-runtime").JSX.Element | null;
+export declare function SliderTrack(): import("react").JSX.Element | null;

package/dist/types/components/slider/slider-utils.d.ts

@@ -1,9 +1,34 @@
-export type { Decimals } from '../../utils/math';
-export { decimalsToStep, findClosestPoint, formatWithDecimals, formatWithoutDecimals, splitInterval, validateMinMax, } from '../../utils/math';
+import { ColorInterval } from '../../utils/ranges';
+export * from '../../utils/math';
 export interface MarkerPoint {
     point: number;
     type: "base" | "additional";
 }
-export type MarkerStep = 1 | 10 | 100 | 200;
 export declare function validateMarkerPoints(value: MarkerPoint[], min: number, max: number): MarkerPoint[];
 export declare function makeMarkerPoints(min: number, max: number, decimals: number, precision: number, markerStep: number): MarkerPoint[];
+export interface ResolveSnapProps {
+    /** Interval edges the handle should stick to. */
+    readonly snapPoints: readonly number[];
+    /** The intervals those edges came from. */
+    readonly intervals: readonly ColorInterval[] | undefined;
+    /** How far from a point the handle still snaps to it. */
+    readonly epsilon: number;
+    readonly decimals: number;
+}
+/**
+ * Where the handle lands: the value itself, or a point it is close enough to
+ * stick to.
+ *
+ * `findClosestPoint` offers the nearest whole number alongside the interval
+ * edges and takes whichever is nearer. On its own that is right — a slider
+ * without intervals should stick to round numbers. But an edge is the one
+ * place a value stops being valid, and a whole number a hundredth nearer wins
+ * the comparison and parks the handle just past it. So an edge **within
+ * `epsilon`** takes precedence, unless the whole number sits inside an
+ * interval anyway and is therefore somewhere the handle may legitimately rest.
+ *
+ * Note what this does not promise: a value with a whole number in reach but no
+ * edge in reach still snaps to that whole number, wherever it falls. Reaching
+ * further would drag the handle across a track it was never dragged near.
+ */
+export declare function resolveSnap(value: number, { snapPoints, intervals, epsilon, decimals }: ResolveSnapProps): number;

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

@@ -28,7 +28,7 @@ declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefA
  * <SpinnerOverlay label="Please wait..." />
  * ```
  */
-declare const SpinnerOverlay: React.ForwardRefExoticComponent<SpinnerProps & {
+export declare const SpinnerOverlay: React.ForwardRefExoticComponent<SpinnerProps & {
     fullScreen?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
-export { Spinner, SpinnerOverlay };
+export { Spinner };

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

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const statusDotVariants: (props?: ({
-    variant?: "default" | "muted" | "success" | "warning" | "primary" | "alert" | "secondary" | null | undefined;
+    variant?: "default" | "success" | "alert" | "secondary" | "warning" | "primary" | "muted" | null | undefined;
     size?: "default" | "sm" | "lg" | "xs" | "xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface StatusDotProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statusDotVariants> {

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

@@ -6,7 +6,7 @@ export interface AccountHealthDotProps {
 /**
  * HealthDot — colored dot indicating health factor zone.
  */
-export declare function HealthDot({ zone, size }: AccountHealthDotProps): import("react/jsx-runtime").JSX.Element;
+export declare function HealthDot({ zone, size }: AccountHealthDotProps): import("react").JSX.Element;
 export interface StatusBarsProps {
     /** Health factor zone; determines how many bars are filled (1–3) and their color. */
     zone: HFZones;
@@ -23,4 +23,4 @@ export interface StatusBarsProps {
  * <StatusBars zone="bad" />
  * ```
  */
-export declare function StatusBars({ zone }: StatusBarsProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatusBars({ zone }: StatusBarsProps): import("react").JSX.Element;

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

@@ -11,7 +11,7 @@ export interface TabControlProps<T extends string> {
     variant?: "equal" | "auto";
     tabItemWrapPadding?: string;
 }
-export declare function TabControl<T extends string>({ className, tabs, state: controlState, showBorder, tabItemWrapPadding, variant, }: TabControlProps<T>): import("react/jsx-runtime").JSX.Element;
+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;
@@ -19,22 +19,10 @@ interface TabItemProps {
     selected: boolean;
     textSize?: "default" | "unset";
 }
-export declare function TabItem({ icon, label, selected, textSize, amount, }: TabItemProps): import("react/jsx-runtime").JSX.Element;
+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 declare function useTabControl<T extends string>(initialId: T, initialIndex?: number): UseTabControlReturnType<T>;
-export interface LocationHashItem<T extends string> {
-    id: T;
-}
-type UsePathTabsReturnType<T extends string> = Partial<Omit<UseTabControlReturnType<T>, "handleTabChange">> & Pick<UseTabControlReturnType<T>, "handleTabChange">;
-export declare function useHashTabs<T extends string>(tabs: Array<LocationHashItem<T>>): UsePathTabsReturnType<T>;
-interface UseSectionTabProps<T extends string> {
-    defaultTabs: Array<TabControl<T>>;
-    pathRoot: string;
-    selectedSection: string;
-}
-export declare function useSectionTab<T extends string>({ defaultTabs, pathRoot, selectedSection, }: UseSectionTabProps<T>): UsePathTabsReturnType<T>;
 export {};

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

@@ -44,4 +44,4 @@ export interface GridLoadingLineProps extends React.HTMLAttributes<HTMLDivElemen
  * <GridLoadingLine /> // Uses defaults
  * ```
  */
-export declare function GridLoadingLine({ height, columns, cellClassName, last, className, ...props }: GridLoadingLineProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridLoadingLine({ height, columns, cellClassName, last, className, ...props }: GridLoadingLineProps): React.JSX.Element;

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

@@ -90,7 +90,7 @@ declare const GridTableBody: React.ForwardRefExoticComponent<React.HTMLAttribute
  *
  * Note: Automatically applies top border, muted background, and medium font weight to all child elements.
  */
-declare const GridTableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const GridTableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 interface GridTableRowProps extends GridProps {
     children?: React.ReactNode;
     className?: string;
@@ -193,7 +193,7 @@ interface GridTableRowProps extends GridProps {
 declare const GridTableRow: React.ForwardRefExoticComponent<GridTableRowProps & React.RefAttributes<HTMLDivElement | HTMLAnchorElement>>;
 declare const gridTableHeadVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
-    justify?: "center" | "start" | "end" | null | undefined;
+    justify?: "center" | "end" | "start" | null | undefined;
     gapBefore?: "none" | "sm" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface GridTableHeadProps extends ColProps, VariantProps<typeof gridTableHeadVariants> {
@@ -218,7 +218,7 @@ interface GridTableHeadProps extends ColProps, VariantProps<typeof gridTableHead
 declare const GridTableHead: React.ForwardRefExoticComponent<GridTableHeadProps & React.RefAttributes<HTMLDivElement>>;
 declare const gridTableCellVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
-    textAlign?: "center" | "left" | "right" | null | undefined;
+    textAlign?: "center" | "right" | "left" | null | undefined;
     gapBefore?: "none" | "sm" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface GridTableCellProps extends ColProps, VariantProps<typeof gridTableCellVariants> {
@@ -257,8 +257,6 @@ declare const GridTableCell: React.ForwardRefExoticComponent<GridTableCellProps
  *
  * Note: Spans full width and displays with muted text color below the table.
  */
-declare const GridTableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const Td: React.ForwardRefExoticComponent<GridTableCellProps & React.RefAttributes<HTMLDivElement>>;
-declare const Th: React.ForwardRefExoticComponent<GridTableHeadProps & React.RefAttributes<HTMLDivElement>>;
-export { GridTable, GridTableBody, GridTableCaption, GridTableCell, GridTableFooter, GridTableHead, GridTableHeader, GridTableRow, gridTableVariants, gridTableHeadVariants, gridTableCellVariants, Td, Th, };
+export declare const GridTableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { GridTable, GridTableBody, GridTableCell, GridTableHead, GridTableHeader, GridTableRow, gridTableVariants, gridTableHeadVariants, gridTableCellVariants, };
 export type { GridTableProps, GridTableHeadProps, GridTableCellProps, GridTableRowProps, };

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

@@ -47,4 +47,4 @@ export interface TableLoaderProps extends React.HTMLAttributes<HTMLDivElement> {
  * </GridTable>
  * ```
  */
-export declare function TableLoader({ height, columns, rows, cellClassName, className, ...props }: TableLoaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableLoader({ height, columns, rows, cellClassName, className, ...props }: TableLoaderProps): React.JSX.Element;

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

@@ -28,7 +28,7 @@ export interface TableCellSmProps extends Omit<React.HTMLAttributes<HTMLDivEleme
  * </TableCellSm>
  * ```
  */
-export declare function TableCellSm({ title, className, children, ...props }: TableCellSmProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableCellSm({ title, className, children, ...props }: TableCellSmProps): React.JSX.Element;
 /**
  * TableLineSmProps — props for TableLineSm component.
  */
@@ -91,4 +91,4 @@ export interface TableLineSmProps extends Omit<React.HTMLAttributes<HTMLDivEleme
  * </TableLineSm>
  * ```
  */
-export declare function TableLineSm({ title, columnsXs, columnsSm, columnsMd, columns, className, children, ...props }: TableLineSmProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableLineSm({ title, columnsXs, columnsSm, columnsMd, columns, className, children, ...props }: TableLineSmProps): React.JSX.Element;

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

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

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

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

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

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

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

@@ -6,7 +6,7 @@ declare const tipCardVariants: (props?: ({
     borderColor?: "none" | "dark" | "light" | "gradient" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const indicatorVariants: (props?: ({
-    attributeColor?: "success" | "warning" | "primary" | "alert" | null | undefined;
+    attributeColor?: "success" | "alert" | "warning" | "primary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface TipCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tipCardVariants>, VariantProps<typeof indicatorVariants> {
 }

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { NetworkType } from '@gearbox-protocol/sdk';
 import { Token } from '@gearbox-protocol/sdk/model';
+import { NetworkType } from '@gearbox-protocol/sdk/onchain';
 import { VariantProps } from 'class-variance-authority';
 import { default as React } from 'react';
 import { TokenMetaInfo } from '../../types/common';

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

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

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

@@ -1,6 +1,6 @@
 import { TokenFullData } from '../../types/common';
 import { ParseSmallNumberResult } from '../../utils';
-import { negativeTokenTemplate, tokenTemplateString } from '../../utils/templates';
+import { tokenTemplateString } from '../../utils/templates';
 import { FormattedNumberStringProps } from '../formatted-number';
 import type * as React from "react";
 export interface TokenTemplateProps extends Omit<FormattedNumberStringProps, "value"> {
@@ -48,5 +48,5 @@ export interface TokenTemplateProps extends Omit<FormattedNumberStringProps, "va
  * // Output: "-1.5 ETH"
  * ```
  */
-export declare function TokenTemplate({ value, token, precision, formatter, noFormattedAmountValue, showSymbol, maxLength, ...rest }: TokenTemplateProps): import("react/jsx-runtime").JSX.Element;
-export { tokenTemplateString, negativeTokenTemplate };
+export declare function TokenTemplate({ value, token, precision, formatter, noFormattedAmountValue, showSymbol, maxLength, ...rest }: TokenTemplateProps): React.JSX.Element;
+export { tokenTemplateString };