@gearbox-protocol/permissionless-ui 1.22.0-next.3 → 1.22.0-next.31

package/dist/types/components/assets-list-cell/assets-list-cell.d.ts

@@ -1,5 +1,16 @@
+import { default as React } from 'react';
 import { Address } from 'viem';
-export interface AssetsListCellProps {
+type Mode = "default" | "cascade";
+interface CommonOptions {
+    mode?: Mode;
+    showIconTooltip?: boolean;
+    otherTooltip?: React.ReactNode;
+    onOtherClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+/**
+ * Single asset cell props (new API)
+ */
+export interface SingleAssetCellProps {
     /**
      * The asset address
      */
@@ -18,7 +29,6 @@ export interface AssetsListCellProps {
     explorerUrl?: string;
     /**
      * Icon symbol to use if it doesn't match the asset symbol
-     * e.g., pool tokens don't have their own symbol and use underlying symbol
      */
     iconSymbol?: string;
     /**
@@ -30,19 +40,73 @@ export interface AssetsListCellProps {
      * Additional CSS classes
      */
     className?: string;
+    balances?: undefined;
+    tokensList?: undefined;
+}
+/**
+ * Multi-asset list cell props (legacy API, compatible with @gearbox-protocol/interface)
+ */
+export interface MultiAssetCellProps {
+    /**
+     * List of asset balances (either objects with token address or plain addresses)
+     */
+    balances: Array<{
+        token: Address;
+    }> | Array<Address>;
+    /**
+     * Token data keyed by address
+     */
+    tokensList: Record<Address, {
+        symbol: string;
+        title?: string;
+    }>;
+    /**
+     * Maximum number of assets to display before showing "+N"
+     * @default 3
+     */
+    maxAssets?: number;
+    /**
+     * Size of token icons
+     * @default 24
+     */
+    iconSize?: number;
+    /**
+     * Display and interaction options
+     */
+    options?: CommonOptions;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    assetAddress?: undefined;
+    symbol?: undefined;
 }
+export type AssetsListCellProps = SingleAssetCellProps | MultiAssetCellProps;
 /**
- * AssetsListCell component for displaying asset information in list views
- * Similar to TableCellAsset but without table cell wrapper, suitable for list/grid layouts
+ * AssetsListCell — displays asset icons in a list/grid layout
+ *
+ * Supports two APIs:
+ * 1. Single asset (new): `<AssetsListCell assetAddress="0x..." symbol="ETH" />`
+ * 2. Multi-asset list (legacy): `<AssetsListCell balances={[...]} tokensList={...} />`
  *
  * @example
  * ```tsx
+ * // Single asset
  * <AssetsListCell
  *   assetAddress="0x1234..."
  *   symbol="ETH"
  *   comment="Ethereum"
- *   explorerUrl="https://etherscan.io"
+ * />
+ *
+ * // Multi-asset list (cascade mode)
+ * <AssetsListCell
+ *   balances={[{ token: "0x1234..." }, { token: "0x5678..." }]}
+ *   tokensList={{ "0x1234...": { symbol: "ETH" }, "0x5678...": { symbol: "USDC" } }}
+ *   maxAssets={5}
+ *   iconSize={24}
+ *   options={{ mode: "cascade" }}
  * />
  * ```
  */
-export declare function AssetsListCell({ assetAddress, symbol, iconSymbol, comment, explorerUrl, iconSize, className, }: AssetsListCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function AssetsListCell(props: AssetsListCellProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/auth/connect-required.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import { ReactNode } from 'react';
 import { Address } from 'viem';
 import { TabButtonProps } from '../buttons';
 /**
@@ -29,4 +29,4 @@ export interface ConnectRequiredProps extends TabButtonProps {
     owner?: Address;
     children: ReactNode;
 }
-export declare function ConnectRequired({ children, owner, ...customProps }: ConnectRequiredProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').ReactPortal | import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').ReactElement<unknown, string | import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function ConnectRequired({ children, owner, ...customProps }: ConnectRequiredProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/types/components/auth/signin-required.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import { ReactNode } from 'react';
 import { Address } from 'viem';
 import { TabButtonProps } from '../buttons';
 /**
@@ -31,4 +31,4 @@ export interface SignInRequiredProps extends TabButtonProps {
     children: ReactNode;
     skipSignIn?: boolean;
 }
-export declare function SignInRequired({ children, owner, skipSignIn, ...customProps }: SignInRequiredProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').ReactPortal | import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').ReactElement<unknown, string | import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function SignInRequired({ children, owner, skipSignIn, ...customProps }: SignInRequiredProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/types/components/buttons/button/button.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "text" | "default" | "destructive" | "ghost" | "outline" | "secondary" | "white" | "neutral" | "pink" | "pink-outline" | "blue" | "blue-outline" | null | undefined;
+    variant?: "link" | "text" | "default" | "success" | "destructive" | "ghost" | "outline" | "secondary" | "white" | "neutral" | "pink" | "pink-outline" | "blue" | "blue-outline" | null | undefined;
     size?: "default" | "icon" | "auto" | "sm" | "lg" | "xs" | null | undefined;
     width?: "compact" | "wide" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/buttons/navigation-button/navigation-button.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import * as React from "react";
 export interface NavigationButtonProps {
     href: string;
     text: string;

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

@@ -12,10 +12,10 @@ import * as React from "react";
  * ```
  */
 declare const cardGridVariants: (props?: ({
-    columns?: 2 | 1 | 3 | 5 | 4 | 6 | null | undefined;
-    columnsLg?: 2 | 1 | 3 | 5 | 4 | 6 | null | undefined;
-    columnsMd?: 2 | 1 | 3 | 5 | 4 | 6 | null | undefined;
-    columnsSm?: 2 | 1 | 3 | 5 | 4 | 6 | null | undefined;
+    columns?: 2 | 1 | 3 | 4 | 5 | 6 | null | undefined;
+    columnsLg?: 2 | 1 | 3 | 4 | 5 | 6 | null | undefined;
+    columnsMd?: 2 | 1 | 3 | 4 | 5 | 6 | null | undefined;
+    columnsSm?: 2 | 1 | 3 | 4 | 5 | 6 | null | undefined;
     gap?: "none" | "sm" | "lg" | "md" | "xl" | null | undefined;
     justifyItemContent?: "center" | "start" | "end" | "stretch" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/client-adapters/index.d.ts

@@ -1 +1,3 @@
 export * from './styled-button';
+export * from './styled-dialog-container';
+export * from './styled-rounded-image';

package/dist/types/components/client-adapters/styled-button/styled-button.d.ts

@@ -1,7 +1,7 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
 import { ButtonProps } from '../../buttons/button';
+import * as React from "react";
 type ButtonWidth = "compact" | "wide";
-type ButtonColors = "primary" | "outlined" | "neutral" | "white";
+type ButtonColors = "primary" | "outlined" | "neutral" | "white" | "success";
 type ButtonSize = "sm" | "md" | "lg";
 export interface StyledButtonProps extends Omit<ButtonProps, "size" | "$size" | "width" | "variant"> {
     $size?: ButtonSize;

package/dist/types/components/client-adapters/styled-dialog-container/index.d.ts

@@ -0,0 +1 @@
+export * from './styled-dialog-container';

package/dist/types/components/client-adapters/styled-dialog-container/styled-dialog-container.d.ts

@@ -0,0 +1,13 @@
+import { DialogContainerProps } from '../../dialog/dialog-container';
+import * as React from "react";
+type PaddingSize = "none" | "md" | "lg" | "xl";
+export interface StyledDialogContainerProps extends Omit<DialogContainerProps, "padding" | "colorTheme" | "maxWidth"> {
+    $padding?: PaddingSize;
+    $width?: string;
+    $minWidth?: string;
+    $maxWidth?: string;
+    $minHeight?: string;
+    $colorTheme?: DialogContainerProps["colorTheme"];
+}
+declare const StyledDialogContainer: React.ForwardRefExoticComponent<StyledDialogContainerProps & React.RefAttributes<HTMLDivElement>>;
+export { StyledDialogContainer };

package/dist/types/components/client-adapters/styled-rounded-image/index.d.ts

@@ -0,0 +1 @@
+export * from './styled-rounded-image';

package/dist/types/components/client-adapters/styled-rounded-image/styled-rounded-image.d.ts

@@ -0,0 +1,9 @@
+import { RoundedImageProps } from '../../rounded-image/rounded-image';
+import * as React from "react";
+export interface StyledRoundedImageProps extends Omit<RoundedImageProps, "size" | "rounded" | "defaultIcon"> {
+    $size: number;
+    $rounded?: boolean;
+    $defaultIcon?: string;
+}
+declare const StyledRoundedImage: React.ForwardRefExoticComponent<StyledRoundedImageProps & React.RefAttributes<HTMLImageElement>>;
+export { StyledRoundedImage };

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

@@ -1,8 +1,9 @@
-import type * as React from "react";
+import { TypographyProps } from '../typography/typography';
+import * as React from "react";
 /**
  * DescriptionProps — props for Description component.
  */
-export interface DescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {
+export interface DescriptionProps extends Omit<TypographyProps, "variant" | "color"> {
 }
 /**
  * Description — component for displaying secondary/muted text.
@@ -23,4 +24,5 @@ export interface DescriptionProps extends React.HTMLAttributes<HTMLSpanElement>
  * <Description className="text-xs">Small description</Description>
  * ```
  */
-export declare function Description({ className, ...props }: DescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare const Description: React.ForwardRefExoticComponent<DescriptionProps & React.RefAttributes<HTMLDivElement>>;
+export { Description };

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

@@ -1,7 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
-export interface DialogContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    maxWidth?: "sm" | "md" | "lg" | "xl" | "2xl" | "full";
-    padding?: boolean;
+declare const dialogContainerVariants: (props?: ({
+    padding?: boolean | "md" | "xl" | null | undefined;
+    colorTheme?: "default" | "modal" | "transparent" | "box" | null | undefined;
+    maxWidth?: "full" | "sm" | "lg" | "md" | "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> {
 }
 /**
  * DialogContainer component for responsive content width within dialogs

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

@@ -1,9 +1,15 @@
+import { VariantProps } from 'class-variance-authority';
+import { ModalProps } from '../modal/modal';
 import { DialogContainerProps } from './dialog-container';
-import { DialogModalProps } from './dialog-modal';
 import * as React from "react";
+declare const dialogModalContainerVariants: (props?: ({
+    width?: "full" | "default" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface DialogModalContainerProps {
-    modalProps: Omit<DialogModalProps, "ref" | " children">;
-    dialogProps?: Omit<DialogContainerProps, "ref" | "children">;
+    show: boolean;
+    onClickOutside?: () => void;
+    modal?: Omit<ModalProps, "ref" | " children" | "show" | "onClickOutside">;
+    dialog?: Omit<DialogContainerProps, "ref" | "children"> & VariantProps<typeof dialogModalContainerVariants>;
 }
 /**
  * DialogModalContainer component for responsive content width within dialogs

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

@@ -1,5 +1,5 @@
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-declare const Dialog: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').RefAttributes<HTMLButtonElement>>;
-declare const DialogPortal: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').FC<DialogPrimitive.DialogPortalProps>;
+declare const Dialog: import('react').FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: import('react').FC<DialogPrimitive.DialogPortalProps>;
 export { Dialog, DialogPortal, DialogTrigger };

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

@@ -1,3 +1,4 @@
+export * from '../modal/modal';
 export * from './dialog';
 export * from './dialog-container';
 export * from './dialog-content';
@@ -5,7 +6,6 @@ export * from './dialog-description';
 export * from './dialog-footer';
 export * from './dialog-form';
 export * from './dialog-header';
-export * from './dialog-modal';
 export * from './dialog-modal-container';
 export * from './dialog-overlay';
 export * from './dialog-title';

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

@@ -64,6 +64,7 @@ export * from './legal-agreement';
 export * from './liquidation';
 export * from './loader-guard';
 export * from './markdown-viewer';
+export * from './modal';
 export * from './navbar';
 export * from './navbar-logo';
 export * from './navitem';

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

@@ -1,13 +1,19 @@
 import { VariantProps } from 'class-variance-authority';
-import type * as React from "react";
+import * as React from "react";
+export type InputColorTheme = "filledDark" | "filledLight" | "outlined";
 declare const inputVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
+    colorTheme?: "outlined" | "filledDark" | "filledLight" | null | undefined;
     variant?: "default" | "success" | "error" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * InputProps — props for Input component.
  */
-interface InputProps extends Omit<React.ComponentProps<"input">, "size">, VariantProps<typeof inputVariants> {
+export interface InputProps extends Omit<React.ComponentProps<"input">, "size">, VariantProps<typeof inputVariants> {
+    startingIcon?: React.ReactNode;
+    onStartingIconClick?: () => void;
+    endingIcon?: React.ReactNode;
+    onEndingIconClick?: () => void;
     hasError?: boolean;
     errorMessage?: string;
 }
@@ -40,5 +46,5 @@ interface InputProps extends Omit<React.ComponentProps<"input">, "size">, Varian
  * <Input size="sm" type="email" />
  * ```
  */
-export declare function Input({ hasError, errorMessage, value, size, variant, className, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export { inputVariants };

package/dist/types/components/layout/col/col.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import * as React from "react";
 /**
  * ColProps — props for Col component.
  */

package/dist/types/components/layout/container/container.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import * as React from "react";
 /**
  * ContainerProps — props for Container component.
  */

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

@@ -1,5 +1,5 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
 import { LegalReferences } from '../legal-disclaimer';
+import * as React from "react";
 export interface FooterProps extends React.HTMLAttributes<HTMLElement> {
     logo?: React.ReactNode;
     copyright?: React.ReactNode;

package/dist/types/components/layout/grid/grid.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import * as React from "react";
 /**
  * GridProps — props for Grid component.
  */

package/dist/types/components/layout/header/header.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import * as React from "react";
 interface MobileMenuContextValue {
     closeMobileMenu: () => void;
 }

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

@@ -1,4 +1,4 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import * as React from "react";
 export interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
     header?: React.ReactNode;
     footer?: React.ReactNode;

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

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

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

@@ -0,0 +1,33 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const dialogModalVariants: (props?: ({
+    colorTheme?: "default" | "dark" | "dark-transparent" | null | undefined;
+    backdrop?: "default" | "success" | "failure" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ModalProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dialogModalVariants> {
+    /**
+     * Whether to show the dialog container
+     * When false, renders null
+     * @default true
+     */
+    show?: boolean;
+    /**
+     * Callback when clicking outside the container (on the overlay)
+     * Only works when used as a modal overlay
+     */
+    onClickOutside?: () => void;
+}
+/**
+ * Modal component for responsive content width within dialogs
+ * Follows the same pattern as Container from layout/container
+ *
+ * @example
+ * ```tsx
+ * // With show/hide control
+ * <Modal show={isOpen} onClickOutside={handleClose}>
+ *   <Content />
+ * </Modal>
+ * ```
+ */
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
+export { Modal };

package/dist/types/components/navbar/navbar-indicator-context.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from '../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import { default as React } from 'react';
 interface NavbarIndicatorContextType {
     registerItem: (id: string, element: HTMLElement) => void;
     unregisterItem: (id: string) => void;

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

@@ -8,6 +8,9 @@
  * Props:
  * - `network` — network name (required).
  * - `size` — icon size in pixels (defaults to 20).
+ * - `isTest` — whether this is a test network (shows test badge).
+ * - `suffixSize` — size of the test badge (defaults to 12).
+ * - `showTooltip` — whether to show a tooltip with the network name.
  *
  * Note: Fetches icon from Gearbox static CDN based on network name.
  * Automatically falls back to default icon if network icon is not found.
@@ -16,6 +19,10 @@
 export interface NetworkIconProps {
     network: string | undefined;
     size?: number;
+    isTest?: boolean;
+    suffixSize?: number;
+    showTooltip?: boolean;
+    rounded?: boolean;
     className?: string;
 }
-export declare function NetworkIcon({ network, size, className, }: NetworkIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function NetworkIcon({ network, size, isTest, suffixSize, showTooltip, rounded, className, }: NetworkIconProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,4 @@
+import { RoundedImageProps } from '../rounded-image/rounded-image';
 import * as React from "react";
 export interface PointsReward {
     /**
@@ -9,7 +10,7 @@ export interface PointsReward {
      */
     type: string;
 }
-export interface PointsIconProps extends React.HTMLAttributes<HTMLImageElement> {
+export interface PointsIconProps extends React.HTMLAttributes<HTMLImageElement>, Omit<RoundedImageProps, "size" | "src" | "alt"> {
     /**
      * Reward information with name and type
      */
@@ -22,10 +23,6 @@ export interface PointsIconProps extends React.HTMLAttributes<HTMLImageElement>
      * Base URL for static assets (defaults to Gearbox static CDN)
      */
     staticBaseUrl?: string;
-    /**
-     * Whether to apply rounded corners (circle)
-     */
-    rounded?: boolean;
 }
 /**
  * PointsIcon — component for displaying reward/points program icons.

package/dist/types/components/pool-apy-tooltip/pool-apy-tooltip.d.ts

@@ -1,4 +1,17 @@
 import type * as React from "react";
+/**
+ * Pool points tip for displaying points/rewards info
+ */
+export interface PoolAPYPointsTip {
+    reward?: {
+        duration?: string;
+        condition?: string;
+    };
+    amount: string;
+    name: string;
+    tokenTitle?: string;
+    fullTip: string;
+}
 export interface PoolAPYTooltipProps {
     /**
      * Trigger element
@@ -35,6 +48,10 @@ export interface PoolAPYTooltipProps {
         apy: number;
         token?: string;
     }>;
+    /**
+     * Pool points data
+     */
+    points?: Array<PoolAPYPointsTip>;
     /**
      * APY 7 days ago (for comparison)
      */
@@ -42,6 +59,15 @@ export interface PoolAPYTooltipProps {
         value?: number;
         loading?: boolean;
     };
+    /**
+     * External APY data
+     */
+    externalAPY?: {
+        totalValue: number;
+        apy: number;
+        name: string;
+        tooltip: string;
+    };
     /**
      * Tokens list for displaying token names
      */
@@ -56,4 +82,4 @@ export interface PoolAPYTooltipProps {
 /**
  * PoolAPYTooltip — a tooltip showing pool APY breakdown
  */
-export declare function PoolAPYTooltip({ children, totalAPY, extraAPYTotal, loading7DAgo, loading, baseAPY, extraAPY, apy7DAgo, tokensList, className, }: PoolAPYTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function PoolAPYTooltip({ children, totalAPY, extraAPYTotal, loading7DAgo, loading, baseAPY, extraAPY, points, apy7DAgo, externalAPY, tokensList, className, }: PoolAPYTooltipProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from '../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import { PropsWithChildren } from 'react';
 export type PoolPointsColor = "primary" | "secondary" | "green" | "blue" | "yellow";
 export interface PoolPointsIndicatorProps {
     /**

package/dist/types/components/rounded-image/rounded-image.d.ts

@@ -1,11 +1,26 @@
-import type * as React from "react";
-export interface RoundedImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+import * as React from "react";
+export interface RoundedImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, "onError"> {
     /**
      * Size of the image in pixels
      */
-    size?: number;
+    size: number;
+    /**
+     * Whether to apply rounded corners (circle)
+     */
+    rounded?: boolean;
+    /**
+     * Default icon to display if the image fails to load
+     */
+    defaultIcon?: string;
+    /**
+     * Image fit behavior
+     * - "contain" — show full image without cropping (best for icons)
+     * - "cover" — fill bounds, may crop (best for photos/avatars)
+     */
+    fit?: "contain" | "cover";
 }
 /**
  * RoundedImage — a circular image component
  */
-export declare function RoundedImage({ className, size, style, ...props }: RoundedImageProps): import("react/jsx-runtime").JSX.Element;
+declare const RoundedImage: React.ForwardRefExoticComponent<RoundedImageProps & React.RefAttributes<HTMLImageElement>>;
+export { RoundedImage };

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

@@ -3,10 +3,10 @@ import type * as React from "react";
  * ShortStringProps — props for ShortString component.
  */
 export interface ShortStringProps {
-    children: string;
-    maxLength?: number;
-    className?: string;
+    children: React.ReactNode;
+    maxLength?: number | "text-overflow";
     showTooltip?: boolean;
+    className?: string;
 }
 /**
  * ShortString — component for truncating text with tooltip showing full content.
@@ -36,4 +36,4 @@ export interface ShortStringProps {
  * </ShortString>
  * ```
  */
-export declare function ShortString({ children, maxLength, className, showTooltip, }: ShortStringProps): React.ReactElement;
+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;

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

@@ -3,7 +3,7 @@ import type * as React from "react";
 declare const skeletonVariants: (props?: ({
     variant?: "default" | "lighter" | "darker" | null | undefined;
     speed?: "default" | "slow" | "fast" | null | undefined;
-    width?: "full" | "sm" | "lg" | "xs" | "md" | "xl" | "3/4" | "1/2" | "1/3" | "1/4" | "2xl" | null | undefined;
+    width?: "full" | "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3/4" | "1/2" | "1/3" | "1/4" | null | undefined;
     height?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type WidthPreset = NonNullable<VariantProps<typeof skeletonVariants>["width"]>;

package/dist/types/components/stat-badge/stat-badge.d.ts

@@ -135,7 +135,7 @@ export interface StatBadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement
  */
 export declare const StatBadge: React.ForwardRefExoticComponent<StatBadgeProps & React.RefAttributes<HTMLDivElement>>;
 declare const statBadgeGridVariants: (props?: ({
-    cols?: 2 | 1 | 3 | 5 | 4 | 6 | null | undefined;
+    cols?: 2 | 1 | 3 | 4 | 5 | 6 | null | undefined;
     gap?: "default" | "sm" | "lg" | "xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface StatBadgeGridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statBadgeGridVariants> {