@gearbox-protocol/permissionless-ui 1.22.0-next.28 → 1.22.0-next.29

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/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/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/table/grid-table.d.ts

@@ -163,6 +163,7 @@ declare const GridTableRow: React.ForwardRefExoticComponent<GridTableRowProps &
 declare const gridTableHeadVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
     justify?: "center" | "start" | "end" | null | undefined;
+    gapBefore?: "none" | "sm" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface GridTableHeadProps extends ColProps, VariantProps<typeof gridTableHeadVariants> {
     children?: React.ReactNode;
@@ -179,6 +180,7 @@ interface GridTableHeadProps extends ColProps, VariantProps<typeof gridTableHead
  * - `span` — number of columns to span (defaults to 1).
  * - `size` — cell size variant: "sm", "default", "lg" (defaults to "default").
  * - `justify` — content alignment: "start", "center", "end" (defaults to "start").
+ * - `gapBefore` — extra left padding for visual separation ("sm" | "md" | "none"). Uses padding so hover covers the gap.
  *
  * Note: Automatically applies border, muted text color, and medium font weight.
  */
@@ -186,6 +188,7 @@ declare const GridTableHead: React.ForwardRefExoticComponent<GridTableHeadProps
 declare const gridTableCellVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
     textAlign?: "left" | "center" | "right" | null | undefined;
+    gapBefore?: "none" | "sm" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface GridTableCellProps extends ColProps, VariantProps<typeof gridTableCellVariants> {
     children?: React.ReactNode;
@@ -202,6 +205,7 @@ interface GridTableCellProps extends ColProps, VariantProps<typeof gridTableCell
  * - `span` — number of columns to span (defaults to 1).
  * - `size` — cell size variant: "sm", "default", "lg" (defaults to "default").
  * - `textAlign` — text alignment: "left", "center", "right".
+ * - `gapBefore` — extra left padding for visual separation ("sm" | "md" | "none"). Uses padding so hover covers the gap.
  *
  * Note: Automatically applies appropriate padding based on size variant.
  *

package/dist/types/components/typed-intl/index.d.ts

@@ -6,8 +6,6 @@ export type Values = FormattedMessageProps["values"];
 export type LocaleKeys = string;
 export interface FormattedMessageTypedProps {
     messageId: LocaleKeys;
-    /** @deprecated Use messageId instead */
-    id?: LocaleKeys;
     values?: Values;
     defaultMessage?: string;
 }

package/dist/types/utils/network-icons.d.ts

@@ -1,6 +1,8 @@
 import { NetworkType } from '@gearbox-protocol/sdk';
 /**
- * Alias for backward compatibility
+ * Known network icons type.
+ * Accepts any NetworkType from SDK plus "AllNetworks" and arbitrary strings
+ * for forward compatibility with new networks.
  */
 export type NetworkIcons = NetworkType | "AllNetworks";
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/permissionless-ui",
-  "version": "1.22.0-next.28",
+  "version": "1.22.0-next.29",
   "description": "Internal UI components",
   "license": "MIT",
   "main": "./dist/cjs/index.js",
@@ -82,10 +82,10 @@
     "react-markdown": "^9.0.3",
     "react-markdown-math": "^1.0.2",
     "react-slick": "^0.31.0",
-    "slick-carousel": "^1.8.1",
     "remark-gfm": "^4.0.0",
+    "slick-carousel": "^1.8.1",
     "sonner": "^2.0.7",
-    "tailwind-merge": "^2.6.0",
+    "tailwind-merge": "^3.4.0",
     "tailwindcss-animate": "^1.0.7"
   },
   "peerDependencies": {
@@ -127,7 +127,7 @@
     "@commitlint/cli": "^20.1.0",
     "@commitlint/config-conventional": "^20.0.0",
     "@gearbox-protocol/biome-config": "^1.0.2",
-    "@gearbox-protocol/sdk": "*",
+    "@gearbox-protocol/sdk": "^12.6.7",
     "@rollup/plugin-typescript": "^12.3.0",
     "@storybook/addon-a11y": "^10.0.8",
     "@storybook/addon-docs": "^10.0.8",
@@ -139,9 +139,9 @@
     "@tanstack/react-query": "^5.64.1",
     "@types/cross-spawn": "^6.0.6",
     "@types/luxon": "^3.4.2",
-    "@types/react-slick": "^0.23.13",
     "@types/react": "^19.1.16",
     "@types/react-dom": "^19.1.9",
+    "@types/react-slick": "^0.23.13",
     "@vitejs/plugin-react": "^5.1.1",
     "@vitest/browser-playwright": "^4.0.14",
     "@vitest/coverage-v8": "^4.0.14",
@@ -168,7 +168,7 @@
     "tailwind-scrollbar": "^4.0.2",
     "tailwindcss": "^4.1.14",
     "typescript": "^5.9.3",
-    "viem": "^2.39.0",
+    "viem": "^2.45.3",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
     "vite-tsconfig-paths": "^5.1.4",