@gearbox-protocol/permissionless-ui 1.26.10 → 1.26.11-next.2

package/dist/cjs/hooks/use-hf.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@gearbox-protocol/sdk"),i=require("react");function y({assets:t,quotas:c,prices:u,liquidationThresholds:n,underlyingToken:o,debt:e,quotasInfo:a,allowZeroDebt:f=!1,tokensList:l}){return{hf:i.useMemo(()=>{try{return e===0n&&!f?0:s.CreditAccountData_Legacy.calcHealthFactor({assets:t,quotas:c,prices:u,liquidationThresholds:n,underlyingToken:o,debt:e,quotasInfo:a,tokensList:l})}catch(r){return typeof r=="object"&&r!==null&&"reason"in r&&r.reason==="overflow"?Number.MAX_SAFE_INTEGER:0}},[t,c,u,n,o,e,a,f,l])}}exports.useHF=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@gearbox-protocol/sdk"),i=require("react");function F({assets:t,quotas:c,prices:u,liquidationThresholds:n,underlyingToken:o,debt:e,quotasInfo:a,allowZeroDebt:f=!1,tokensList:l}){return{hf:i.useMemo(()=>{try{return e===0n&&!f?0:s.CreditAccountDataUtils.calcHealthFactor({assets:t,quotas:c,prices:u,liquidationThresholds:n,underlyingToken:o,debt:e,quotasInfo:a,tokensList:l})}catch(r){return typeof r=="object"&&r!==null&&"reason"in r&&r.reason==="overflow"?Number.MAX_SAFE_INTEGER:0}},[t,c,u,n,o,e,a,f,l])}}exports.useHF=F;

package/dist/cjs/hooks/use-liquidation/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("@gearbox-protocol/sdk"),C=require("react"),e=require("./utils.cjs"),d=35;function R({xMin:t,xMax:i,yMin:s,yMax:u,xLabel:r,yLabel:n,assets:a,quotas:c,prices:L,liquidationThresholds:o,quotasInfo:E,underlyingTokenAddress:_,debt:l,tokensList:P}){return C.useMemo(()=>{const x=i-t,N=u-s,p=x/d,m=N/d,D=Array.from(Array(d)),I={...L};return D.flatMap((G,O)=>{const T=t+O*p,f=t+(O+1)*p;return r&&(I[r.address]=A.toBN(String((T+f)/2),A.PRICE_DECIMALS_POW)),D.map((F,S)=>{const X=s+S*m,h=s+(S+1)*m;return n&&(I[n.address]=A.toBN(String((X+h)/2),A.PRICE_DECIMALS_POW)),{x:T,xEnd:f,y:X,yEnd:h,value:A.CreditAccountData_Legacy.calcHealthFactor({assets:a,quotas:c,prices:I,liquidationThresholds:o,underlyingToken:_,debt:l,quotasInfo:E,tokensList:P})}})})},[t,i,s,u,r,n,a,c,L,o,_,l,E,P])}function U({prices:t}){const[i,s]=C.useState({}),u=C.useMemo(()=>({...t,...i}),[t,i]),r=C.useCallback((n,a)=>{s({...i,[a]:n})},[i]);return[u,r]}function v({assets:t,liquidationThresholds:i,quotas:s,quotasInfo:u,tokensList:r,prices:n}){const[a]=e.useFixedAssets({assets:t,liquidationThresholds:i,quotas:s,quotasInfo:u}),[c,L]=e.usePriceInNumber({asset:a[0],tokensList:r,prices:n}),[o,E]=e.usePriceInNumber({asset:a[1],tokensList:r,prices:n}),_=e.useAxis({currentPrice:c,token:L}),l=e.useAxis({currentPrice:o,token:E});return{xAxis:_,yAxis:l,currentPoint:[c||e.DEFAULT_AXIS_MAX/2,o||e.DEFAULT_AXIS_MAX/2],fixedBalances:a}}exports.CELL_BAD=e.CELL_BAD;exports.CELL_CURRENT=e.CELL_CURRENT;exports.CELL_GOOD=e.CELL_GOOD;exports.CELL_HOVERED=e.CELL_HOVERED;exports.CELL_LIQUIDATION=e.CELL_LIQUIDATION;exports.CELL_OK=e.CELL_OK;exports.DEFAULT_AXIS_MAX=e.DEFAULT_AXIS_MAX;exports.DEFAULT_AXIS_MIN=e.DEFAULT_AXIS_MIN;exports.formatAxisLabel=e.formatAxisLabel;exports.formatAxisTipLabel=e.formatAxisTipLabel;exports.formatAxisTipPrice=e.formatAxisTipPrice;exports.getCellClass=e.getCellClass;exports.isPointInCell=e.isPointInCell;exports.useAxis=e.useAxis;exports.useFixedAssets=e.useFixedAssets;exports.useIsAxisInRelativeUnits=e.useIsAxisInRelativeUnits;exports.useLiquidationGraphActivePrice=e.useLiquidationGraphActivePrice;exports.useLiquidationGraphCurrentActiveValue=e.useLiquidationGraphCurrentActiveValue;exports.usePriceInNumber=e.usePriceInNumber;exports.useWithLiquidationGraphActivePrices=e.useWithLiquidationGraphActivePrices;exports.useEditPriceManually=U;exports.useLiquidationGraphParams=v;exports.useLiquidationHeatmap=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("@gearbox-protocol/sdk"),C=require("react"),e=require("./utils.cjs"),d=35;function N({xMin:t,xMax:i,yMin:s,yMax:a,xLabel:r,yLabel:n,assets:u,quotas:c,prices:L,liquidationThresholds:o,quotasInfo:E,underlyingTokenAddress:l,debt:_,tokensList:P}){return C.useMemo(()=>{const h=i-t,x=a-s,p=h/d,m=x/d,D=Array.from(Array(d)),I={...L};return D.flatMap((G,O)=>{const T=t+O*p,f=t+(O+1)*p;return r&&(I[r.address]=A.toBN(String((T+f)/2),A.PRICE_DECIMALS_POW)),D.map((F,S)=>{const U=s+S*m,X=s+(S+1)*m;return n&&(I[n.address]=A.toBN(String((U+X)/2),A.PRICE_DECIMALS_POW)),{x:T,xEnd:f,y:U,yEnd:X,value:A.CreditAccountDataUtils.calcHealthFactor({assets:u,quotas:c,prices:I,liquidationThresholds:o,underlyingToken:l,debt:_,quotasInfo:E,tokensList:P})}})})},[t,i,s,a,r,n,u,c,L,o,l,_,E,P])}function R({prices:t}){const[i,s]=C.useState({}),a=C.useMemo(()=>({...t,...i}),[t,i]),r=C.useCallback((n,u)=>{s({...i,[u]:n})},[i]);return[a,r]}function v({assets:t,liquidationThresholds:i,quotas:s,quotasInfo:a,tokensList:r,prices:n}){const[u]=e.useFixedAssets({assets:t,liquidationThresholds:i,quotas:s,quotasInfo:a}),[c,L]=e.usePriceInNumber({asset:u[0],tokensList:r,prices:n}),[o,E]=e.usePriceInNumber({asset:u[1],tokensList:r,prices:n}),l=e.useAxis({currentPrice:c,token:L}),_=e.useAxis({currentPrice:o,token:E});return{xAxis:l,yAxis:_,currentPoint:[c||e.DEFAULT_AXIS_MAX/2,o||e.DEFAULT_AXIS_MAX/2],fixedBalances:u}}exports.CELL_BAD=e.CELL_BAD;exports.CELL_CURRENT=e.CELL_CURRENT;exports.CELL_GOOD=e.CELL_GOOD;exports.CELL_HOVERED=e.CELL_HOVERED;exports.CELL_LIQUIDATION=e.CELL_LIQUIDATION;exports.CELL_OK=e.CELL_OK;exports.DEFAULT_AXIS_MAX=e.DEFAULT_AXIS_MAX;exports.DEFAULT_AXIS_MIN=e.DEFAULT_AXIS_MIN;exports.formatAxisLabel=e.formatAxisLabel;exports.formatAxisTipLabel=e.formatAxisTipLabel;exports.formatAxisTipPrice=e.formatAxisTipPrice;exports.getCellClass=e.getCellClass;exports.isPointInCell=e.isPointInCell;exports.useAxis=e.useAxis;exports.useFixedAssets=e.useFixedAssets;exports.useIsAxisInRelativeUnits=e.useIsAxisInRelativeUnits;exports.useLiquidationGraphActivePrice=e.useLiquidationGraphActivePrice;exports.useLiquidationGraphCurrentActiveValue=e.useLiquidationGraphCurrentActiveValue;exports.usePriceInNumber=e.usePriceInNumber;exports.useWithLiquidationGraphActivePrices=e.useWithLiquidationGraphActivePrices;exports.useEditPriceManually=R;exports.useLiquidationGraphParams=v;exports.useLiquidationHeatmap=N;

package/dist/cjs/types/common.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/esm/hooks/use-hf.js

@@ -1,6 +1,6 @@
-import { CreditAccountData_Legacy as l } from "@gearbox-protocol/sdk";
+import { CreditAccountDataUtils as l } from "@gearbox-protocol/sdk";
 import { useMemo as p } from "react";
-function _({
+function i({
   assets: e,
   quotas: c,
   prices: n,
@@ -39,5 +39,5 @@ function _({
   ]) };
 }
 export {
-  _ as useHF
+  i as useHF
 };

package/dist/esm/hooks/use-liquidation/index.js

@@ -1,34 +1,34 @@
-import { toBN as v, PRICE_DECIMALS_POW as R, CreditAccountData_Legacy as U } from "@gearbox-protocol/sdk";
-import { useMemo as G, useState as g, useCallback as F } from "react";
-import { useFixedAssets as Y, usePriceInNumber as S, useAxis as X, DEFAULT_AXIS_MAX as x } from "./utils.js";
-import { CELL_BAD as J, CELL_CURRENT as Z, CELL_GOOD as $, CELL_HOVERED as b, CELL_LIQUIDATION as j, CELL_OK as M, DEFAULT_AXIS_MIN as tt, formatAxisLabel as et, formatAxisTipLabel as rt, formatAxisTipPrice as it, getCellClass as nt, isPointInCell as st, useIsAxisInRelativeUnits as ct, useLiquidationGraphActivePrice as ot, useLiquidationGraphCurrentActiveValue as at, useWithLiquidationGraphActivePrices as ut } from "./utils.js";
+import { toBN as v, PRICE_DECIMALS_POW as R, CreditAccountDataUtils as T } from "@gearbox-protocol/sdk";
+import { useMemo as x, useState as F, useCallback as Y } from "react";
+import { useFixedAssets as g, usePriceInNumber as S, useAxis as U, DEFAULT_AXIS_MAX as X } from "./utils.js";
+import { CELL_BAD as J, CELL_CURRENT as Z, CELL_GOOD as $, CELL_HOVERED as b, CELL_LIQUIDATION as j, CELL_OK as M, DEFAULT_AXIS_MIN as tt, formatAxisLabel as et, formatAxisTipLabel as rt, formatAxisTipPrice as it, getCellClass as st, isPointInCell as nt, useIsAxisInRelativeUnits as ct, useLiquidationGraphActivePrice as ot, useLiquidationGraphCurrentActiveValue as at, useWithLiquidationGraphActivePrices as ut } from "./utils.js";
 const m = 35;
-function W({
+function y({
   xMin: t,
   xMax: e,
   yMin: r,
   yMax: c,
   xLabel: i,
-  yLabel: n,
-  assets: s,
+  yLabel: s,
+  assets: n,
   quotas: o,
   prices: u,
   liquidationThresholds: a,
   quotasInfo: A,
   underlyingTokenAddress: p,
   debt: E,
-  tokensList: l
+  tokensList: L
 }) {
-  return G(() => {
-    const N = e - t, T = c - r, d = N / m, C = T / m, P = Array.from(Array(m)), L = { ...u };
+  return x(() => {
+    const G = e - t, N = c - r, d = G / m, C = N / m, P = Array.from(Array(m)), l = { ...u };
     return P.flatMap((B, _) => {
       const f = t + _ * d, I = t + (_ + 1) * d;
-      return i && (L[i.address] = v(
+      return i && (l[i.address] = v(
         String((f + I) / 2),
         R
       )), P.map((H, D) => {
         const O = r + D * C, h = r + (D + 1) * C;
-        return n && (L[n.address] = v(
+        return s && (l[s.address] = v(
           String((O + h) / 2),
           R
         )), {
@@ -36,15 +36,15 @@ function W({
           xEnd: I,
           y: O,
           yEnd: h,
-          value: U.calcHealthFactor({
-            assets: s,
+          value: T.calcHealthFactor({
+            assets: n,
             quotas: o,
-            prices: L,
+            prices: l,
             liquidationThresholds: a,
             underlyingToken: p,
             debt: E,
             quotasInfo: A,
-            tokensList: l
+            tokensList: L
           })
         };
       });
@@ -55,24 +55,24 @@ function W({
     r,
     c,
     i,
-    n,
     s,
+    n,
     o,
     u,
     a,
     p,
     E,
     A,
-    l
+    L
   ]);
 }
 function K({ prices: t }) {
-  const [e, r] = g({}), c = G(
+  const [e, r] = F({}), c = x(
     () => ({ ...t, ...e }),
     [t, e]
-  ), i = F(
-    (n, s) => {
-      r({ ...e, [s]: n });
+  ), i = Y(
+    (s, n) => {
+      r({ ...e, [n]: s });
     },
     [e]
   );
@@ -84,30 +84,30 @@ function Q({
   quotas: r,
   quotasInfo: c,
   tokensList: i,
-  prices: n
+  prices: s
 }) {
-  const [s] = Y({
+  const [n] = g({
     assets: t,
     liquidationThresholds: e,
     quotas: r,
     quotasInfo: c
   }), [o, u] = S({
-    asset: s[0],
+    asset: n[0],
     tokensList: i,
-    prices: n
+    prices: s
   }), [a, A] = S({
-    asset: s[1],
+    asset: n[1],
     tokensList: i,
-    prices: n
-  }), p = X({ currentPrice: o, token: u }), E = X({ currentPrice: a, token: A });
+    prices: s
+  }), p = U({ currentPrice: o, token: u }), E = U({ currentPrice: a, token: A });
   return {
     xAxis: p,
     yAxis: E,
     currentPoint: [
-      o || x / 2,
-      a || x / 2
+      o || X / 2,
+      a || X / 2
     ],
-    fixedBalances: s
+    fixedBalances: n
   };
 }
 export {
@@ -117,21 +117,21 @@ export {
   b as CELL_HOVERED,
   j as CELL_LIQUIDATION,
   M as CELL_OK,
-  x as DEFAULT_AXIS_MAX,
+  X as DEFAULT_AXIS_MAX,
   tt as DEFAULT_AXIS_MIN,
   et as formatAxisLabel,
   rt as formatAxisTipLabel,
   it as formatAxisTipPrice,
-  nt as getCellClass,
-  st as isPointInCell,
-  X as useAxis,
+  st as getCellClass,
+  nt as isPointInCell,
+  U as useAxis,
   K as useEditPriceManually,
-  Y as useFixedAssets,
+  g as useFixedAssets,
   ct as useIsAxisInRelativeUnits,
   ot as useLiquidationGraphActivePrice,
   at as useLiquidationGraphCurrentActiveValue,
   Q as useLiquidationGraphParams,
-  W as useLiquidationHeatmap,
+  y as useLiquidationHeatmap,
   S as usePriceInNumber,
   ut as useWithLiquidationGraphActivePrices
 };

package/dist/esm/types/common.js

@@ -0,0 +1 @@
+

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

@@ -1,4 +1,5 @@
-import { NetworkType, TokenData } from '@gearbox-protocol/sdk';
+import { NetworkType } from '@gearbox-protocol/sdk';
+import { TokenMetaInfo } from '../../types/common';
 import * as React from "react";
 type Sizes = "default" | "sm" | "md" | "lg";
 /**
@@ -16,7 +17,7 @@ export interface AssetLineBaseProps {
  * AssetLineProps — props for AssetLine component.
  */
 export interface AssetLineProps extends AssetLineBaseProps {
-    token: TokenData | undefined;
+    token: TokenMetaInfo | undefined;
     tokenLabel?: string;
     tokenDescription?: React.ReactNode;
     chainId?: number;
@@ -42,7 +43,7 @@ export interface AssetLineProps extends AssetLineBaseProps {
  * token lists, asset rows, portfolio tables, asset selection lists.
  *
  * Props:
- * - `token` — token data object (TokenData).
+ * - `token` — token data object (TokenMetaInfo).
  * - `tokenLabel` — custom label for token (overrides token.title).
  * - `tokenDescription` — additional description displayed below token symbol.
  * - `chainId` — chain ID for token network.

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

@@ -1,12 +1,11 @@
-import { TokenData } from '@gearbox-protocol/sdk';
 import { PoolAPYPointsTip } from '../pool-apy-tooltip';
 import { LocaleKeys } from '../../locale';
-import { TokenSymbolProps } from '..';
+import { TokenMetaInfo } from '../../types/common';
 /**
  * For GEAR token, use the logo symbol instead of the standard token icon.
  * The standard gear.svg has a white background circle that looks bad on dark themes.
  */
-export declare function getRewardTokenSymbol(token: Exclude<TokenSymbolProps["token"], string>, rewardTokenSymbol: string | undefined): (string | {
+export declare function getRewardTokenSymbol(token: TokenMetaInfo | undefined, rewardTokenSymbol: string | undefined): (string | {
     icon: string;
 }) | undefined;
 export interface PoolBaseAPY {
@@ -78,7 +77,7 @@ export interface CompoundAPYProps {
     /**
      * Token list for displaying token symbols in tooltips
      */
-    tokensList?: Record<string, TokenData>;
+    tokensList?: Record<string, TokenMetaInfo>;
     /**
      * Number of decimal places
      * @default 2

package/dist/types/components/credit-session-status/credit-session-status.d.ts

@@ -1,5 +1,5 @@
-import { CreditSessionStatus as CreditSessionStatusType } from '@gearbox-protocol/sdk';
 import type * as React from "react";
+export type CreditSessionStatusType = "active" | "closed" | "repaid" | "liquidated" | "liquidateExpired" | "liquidatePaused";
 export interface CreditSessionStatusProps {
     status: CreditSessionStatusType;
     className?: string;

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

@@ -1,6 +1,6 @@
 import { NetworkType } from '@gearbox-protocol/sdk';
 import { VariantProps } from 'class-variance-authority';
-import { TokenDataLike } from '..';
+import { TokenFullData } from '../../types/common';
 import type * as React from "react";
 declare const blockVariants: (props?: ({
     size?: "xs" | "sm" | "md" | null | undefined;
@@ -11,7 +11,7 @@ export interface CurrencyButtonProps extends VariantProps<typeof blockVariants>
     /** Max length for symbol display. @default 13 */
     maxLength?: number;
     /** Token to display. */
-    token?: TokenDataLike;
+    token?: Omit<TokenFullData, "address">;
     /** When true, button does not respond to click. */
     disabled?: boolean;
     /** Called when button is clicked to open token select. When set and not disabled, block is clickable. */

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

@@ -1,6 +1,6 @@
-import { ExtraRewardApy, TokenData } from '@gearbox-protocol/sdk';
 import { JSX } from 'react';
 import { Address } from 'viem';
+import { ExtraRewardApyData, TokenMetaInfo } from '../../types/common';
 export type PoolBaseAPY = {
     type: "supplyAPY";
     apy: number;
@@ -12,12 +12,12 @@ export interface DetailedApyProps {
     totalAPY: number;
     totalAPYLoading?: boolean;
     baseAPY: Array<PoolBaseAPY>;
-    extraAPY: Array<ExtraRewardApy>;
-    tokensList: Record<Address, TokenData> | undefined;
+    extraAPY: Array<ExtraRewardApyData>;
+    tokensList: Record<Address, TokenMetaInfo> | undefined;
 }
 interface PoolRewardsIconProps {
-    reward: ExtraRewardApy;
-    tokensList: Record<Address, TokenData> | undefined;
+    reward: ExtraRewardApyData;
+    tokensList: Record<Address, TokenMetaInfo> | undefined;
     size?: number;
     margin?: string;
 }

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

@@ -1,12 +1,12 @@
-import { TokenData } from '@gearbox-protocol/sdk';
 import { ExplorerLink } from '../explorer-links-dropdown';
+import { TokenMetaInfo } from '../../types/common';
 import * as React from "react";
 export type { ExplorerLink } from '../explorer-links-dropdown';
 export interface DetailedPageTitleProps {
     /** Main title text or node */
     title: React.ReactNode;
     /** Token data for the icon (symbol used for TokenIcon) */
-    token?: TokenData;
+    token?: TokenMetaInfo;
     /** Text to copy when the copy button is clicked; copy button is hidden when omitted */
     toCopy?: string;
     /** Explorer links for the dropdown; dropdown is hidden when empty or omitted */

package/dist/types/components/liquidation/liquidation-assets-table/liquidation-assets-table.d.ts

@@ -1,9 +1,9 @@
-import { TokenData } from '@gearbox-protocol/sdk';
 import { Address } from 'viem';
 import { UseLiquidationGraphParamsReturnType } from '../../../hooks/use-liquidation';
+import { TokenMetaInfo } from '../../../types/common';
 import type * as React from "react";
 export interface LiquidationModellingAssetsTableProps {
-    tokensList: Record<Address, TokenData>;
+    tokensList: Record<Address, TokenMetaInfo>;
     graphParams: UseLiquidationGraphParamsReturnType;
     data: Array<{
         token: Address;

package/dist/types/components/liquidation/liquidation-graph/liquidation-graph.d.ts

@@ -1,16 +1,17 @@
-import { Asset, CalcQuotaUpdateProps, TokenData } from '@gearbox-protocol/sdk';
+import { Asset } from '@gearbox-protocol/sdk';
 import { Address } from 'viem';
 import { UseLiquidationGraphParamsReturnType } from '../../../hooks/use-liquidation';
+import { LiquidationThresholds, QuotasInfoList, TokenFullData } from '../../../types/common';
 import type * as React from "react";
 export interface LiquidationGraphProps {
     graphParams: UseLiquidationGraphParamsReturnType;
     assets: Array<Asset>;
-    liquidationThresholds: CalcQuotaUpdateProps["liquidationThresholds"];
+    liquidationThresholds: LiquidationThresholds;
     quotas: Record<Address, Asset>;
-    quotasInfo: CalcQuotaUpdateProps["quotas"];
+    quotasInfo: QuotasInfoList;
     underlyingToken: Address;
     debt: bigint;
-    tokensList: Record<Address, TokenData>;
+    tokensList: Record<Address, TokenFullData>;
     prices: Record<Address, bigint>;
     width?: number;
     height?: number;

package/dist/types/components/liquidation/liquidation-graph-tip/liquidation-graph-tip.d.ts

@@ -1,5 +1,5 @@
-import { TokenData } from '@gearbox-protocol/sdk';
 import { AxisParams } from '../../../hooks/use-liquidation';
+import { TokenFullData } from '../../../types/common';
 import type * as React from "react";
 export interface LiquidationGraphTipProps {
     activePointX: number | undefined;
@@ -7,7 +7,7 @@ export interface LiquidationGraphTipProps {
     xAxis: AxisParams | undefined;
     yAxis: AxisParams | undefined;
     hf: number;
-    underlyingToken: TokenData | undefined;
+    underlyingToken: TokenFullData | undefined;
     maxLabelLength?: number;
 }
 export declare function LiquidationGraphTip({ activePointX, activePointY, xAxis, yAxis, hf, underlyingToken, maxLabelLength, }: LiquidationGraphTipProps): React.ReactElement;

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

@@ -1,6 +1,6 @@
-import { ExtraRewardApy, TokenData } from '@gearbox-protocol/sdk';
 import { PoolBaseAPY } from '../compound-apy/compound-apy';
 import { LocaleKeys } from '../../locale';
+import { ExtraRewardApyData, TokenMetaInfo } from '../../types/common';
 import type * as React from "react";
 export interface PoolAPYPointsTip {
     reward?: {
@@ -35,11 +35,11 @@ export interface PoolAPYTooltipProps {
     children?: React.ReactNode;
     totalAPY?: number;
     baseAPY?: Array<PoolBaseAPY>;
-    extraAPY?: Array<ExtraRewardApy>;
+    extraAPY?: Array<ExtraRewardApyData>;
     points?: Array<PoolAPYPointsTip>;
     apy7DAgo?: APY7DAgoData;
     externalAPY?: ExternalAPYData;
-    tokensList?: Record<string, TokenData>;
+    tokensList?: Record<string, TokenMetaInfo>;
     className?: string;
 }
 export declare function PoolAPYTooltip({ children, totalAPY, baseAPY, extraAPY, points, apy7DAgo, externalAPY, tokensList, className, }: PoolAPYTooltipProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,8 @@
-import { TokenData } from '@gearbox-protocol/sdk';
+import { TokenFullData } from '../../types/common';
 export interface SliderTokenProps {
     from: number;
     to: number;
-    token: TokenData;
+    token: TokenFullData;
     step: number;
     markerStep: number;
     value: number;

package/dist/types/components/smart-number-input/balance-indicator.d.ts

@@ -1,4 +1,4 @@
-import { TokenDataLike } from '.';
+import { TokenFullData } from '../../types/common';
 import type * as React from "react";
 /** Size variant matching A (SmartNumberInputSize). */
 export type BalanceIndicatorSize = "sm" | "md";
@@ -6,7 +6,7 @@ export interface BalanceIndicatorProps {
     /** Label before balance (e.g. "Balance"). */
     title?: React.ReactNode;
     /** Token for formatting amount. */
-    token: TokenDataLike | undefined;
+    token: Omit<TokenFullData, "address"> | undefined;
     /** Max amount to display (formatted via TokenTemplate). */
     maxAmount?: bigint;
     /** When true, balance row is non-interactive. */

package/dist/types/components/smart-number-input/smart-number-input.d.ts

@@ -1,21 +1,13 @@
 import { NetworkType } from '@gearbox-protocol/sdk';
+import { TokenFullData } from '../../types/common';
 import * as React from "react";
 /** A-matching SmartNumberInput size for layout (styles.tsx). */
 export type SmartNumberInputSize = "sm" | "md";
-/**
- * Token data for legacy API compatibility
- * Uses generic type to accept any TokenData-like object
- */
-export interface TokenDataLike {
-    symbol: string;
-    title: string;
-    decimals?: number;
-}
 export interface SmartNumberInputProps {
     /** Current amount value as string. */
     amount: string;
     /** Token data (from interface). */
-    token: TokenDataLike | undefined;
+    token: Omit<TokenFullData, "address"> | undefined;
     /** Label for the input. */
     label?: React.ReactNode;
     /** Max button label (e.g. "Balance"). */

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

@@ -2,19 +2,15 @@ import { NetworkType } from '@gearbox-protocol/sdk';
 import { VariantProps } from 'class-variance-authority';
 import { default as React } from 'react';
 import { TokenIconProps } from '../token-icon';
+import { TokenMetaInfo } from '../../types/common';
 declare const tokenSymbolVariants: (props?: ({
     marginSize?: "sm" | "lg" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-type PartialTokenData = {
-    symbol: string;
-    title?: string;
-    icon?: string;
-};
 export interface TokenSymbolProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof tokenSymbolVariants> {
     /**
      * Token data object or symbol string
      */
-    token?: PartialTokenData | string;
+    token?: TokenMetaInfo | string;
     /**
      * Optional override title to display
      */

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

@@ -1,11 +1,11 @@
+import { TokenFullData } from '../../types/common';
 import { ParseSmallNumberResult } from '../../utils';
 import { negativeTokenTemplate, tokenTemplateString } from '../../utils/templates';
-import { TokenDataLike } from '..';
 import { FormattedNumberStringProps } from '../formatted-number';
 import type * as React from "react";
 export interface TokenTemplateProps extends Omit<FormattedNumberStringProps, "value"> {
     value: bigint | string | number | undefined;
-    token: TokenDataLike | undefined;
+    token: Omit<TokenFullData, "address"> | undefined;
     precision?: number;
     maxLength?: number;
     formatter?: (amount: bigint | string | number | undefined, decimals: number, precision?: number) => string | ParseSmallNumberResult;

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

@@ -1,4 +1,4 @@
-import { TokenData } from '@gearbox-protocol/sdk';
+import { TokenFullData } from '../../types/common';
 import * as React from "react";
 /**
  * Display mode for the tokens list
@@ -46,7 +46,7 @@ export interface TokensListCellProps {
     /**
      * Token data dictionary keyed by address
      */
-    tokensList: Record<`0x${string}`, TokenData>;
+    tokensList: Record<`0x${string}`, TokenFullData>;
     /**
      * Maximum number of tokens to display before showing "+N"
      * @default 3

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

@@ -1,14 +1,15 @@
-import { Asset, CalcQuotaUpdateProps, TokenData } from '@gearbox-protocol/sdk';
+import { Asset } from '@gearbox-protocol/sdk';
 import { Address } from 'viem';
+import { QuotasInfoList, TokenFullData } from '../types/common';
 export interface UseHFProps {
     quotas: Record<Address, Asset>;
-    quotasInfo: CalcQuotaUpdateProps["quotas"];
+    quotasInfo: QuotasInfoList;
     assets: Array<Asset>;
     prices: Record<Address, bigint>;
     liquidationThresholds: Record<Address, bigint>;
     underlyingToken: Address;
     debt: bigint;
-    tokensList: Record<Address, TokenData>;
+    tokensList: Record<Address, TokenFullData>;
     allowZeroDebt?: boolean;
 }
 export declare function useHF({ assets, quotas, prices, liquidationThresholds, underlyingToken, debt, quotasInfo, allowZeroDebt, tokensList, }: UseHFProps): {

package/dist/types/hooks/use-liquidation/index.d.ts

@@ -1,6 +1,7 @@
-import { Asset, CalcQuotaUpdateProps, TokenData } from '@gearbox-protocol/sdk';
+import { Asset } from '@gearbox-protocol/sdk';
 import { Cell } from 'reactochart/ColorHeatmap';
 import { Address } from 'viem';
+import { LiquidationThresholds, QuotasInfoList, TokenFullData } from '../../types/common';
 import { AxisParams, Point } from './types';
 export type { AxisOrder, AxisParams, Point as LiquidationPoint } from './types';
 export type { Cell } from './utils';
@@ -10,16 +11,16 @@ interface UseLiquidationHeatmapProps {
     xMax: number;
     yMin: number;
     yMax: number;
-    xLabel?: TokenData;
-    yLabel?: TokenData;
+    xLabel?: TokenFullData;
+    yLabel?: TokenFullData;
     assets: Array<Asset>;
     quotas: Record<Address, Asset>;
     prices: Record<Address, bigint>;
     liquidationThresholds: Record<Address, bigint>;
     underlyingTokenAddress: Address;
     debt: bigint;
-    quotasInfo: CalcQuotaUpdateProps["quotas"];
-    tokensList: Record<Address, TokenData>;
+    quotasInfo: QuotasInfoList;
+    tokensList: Record<Address, TokenFullData>;
 }
 export declare function useLiquidationHeatmap({ xMin, xMax, yMin, yMax, xLabel, yLabel, assets, quotas, prices, liquidationThresholds, quotasInfo, underlyingTokenAddress, debt, tokensList, }: UseLiquidationHeatmapProps): Cell[];
 interface UseEditPriceManuallyProps {
@@ -34,10 +35,10 @@ export interface UseLiquidationGraphParamsReturnType {
 }
 export interface UseLiquidationGraphParamsProps {
     assets: Array<Asset>;
-    liquidationThresholds: CalcQuotaUpdateProps["liquidationThresholds"];
+    liquidationThresholds: LiquidationThresholds;
     quotas: Record<Address, Asset>;
-    quotasInfo: CalcQuotaUpdateProps["quotas"];
-    tokensList: Record<Address, TokenData>;
+    quotasInfo: QuotasInfoList;
+    tokensList: Record<Address, TokenFullData>;
     prices: Record<Address, bigint>;
 }
 /**

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

@@ -1,4 +1,4 @@
-import { TokenData } from '@gearbox-protocol/sdk';
+import { TokenFullData } from '../../types/common';
 export interface Coordinates {
     x: number;
     y: number;
@@ -8,7 +8,7 @@ export interface AxisParams {
     min: number;
     max: number;
     minHf: number;
-    label: TokenData;
+    label: TokenFullData;
     order: AxisOrder;
     nextOrder: () => void;
 }

package/dist/types/hooks/use-liquidation/utils.d.ts

@@ -1,6 +1,7 @@
-import { Asset, CalcQuotaUpdateProps, TokenData } from '@gearbox-protocol/sdk';
+import { Asset } from '@gearbox-protocol/sdk';
 import { Cell as ReactochartCell } from 'reactochart/ColorHeatmap';
 import { Address } from 'viem';
+import { LiquidationThresholds, QuotasInfoList, TokenFullData } from '../../types/common';
 import { AxisOrder, AxisParams, Point } from './types';
 export interface Cell extends ReactochartCell {
     x: number;
@@ -17,37 +18,37 @@ export declare const CELL_BAD = "rct-chart__heatmap-cell--bad";
 export declare const CELL_LIQUIDATION = "rct-chart__heatmap-cell--liquidation";
 interface UseAxisProps {
     currentPrice: number | undefined;
-    token: TokenData | undefined;
+    token: TokenFullData | undefined;
 }
 export declare const DEFAULT_AXIS_MIN = 0;
 export declare const DEFAULT_AXIS_MAX = 1;
 export declare function useAxis({ token, currentPrice, }: UseAxisProps): AxisParams | undefined;
 interface UseFixedAssetsProps {
     assets: Array<Asset>;
-    liquidationThresholds: CalcQuotaUpdateProps["liquidationThresholds"];
+    liquidationThresholds: LiquidationThresholds;
     quotas: Record<Address, Asset>;
-    quotasInfo: CalcQuotaUpdateProps["quotas"];
+    quotasInfo: QuotasInfoList;
     at?: number;
     length?: number;
 }
 export declare function useFixedAssets({ assets, liquidationThresholds, quotas, quotasInfo, at, length, }: UseFixedAssetsProps): [Asset[], Asset[]];
 interface UsePriceInNumberProps {
     asset: Asset | undefined;
-    tokensList: Record<Address, TokenData>;
+    tokensList: Record<Address, TokenFullData>;
     prices: Record<Address, bigint>;
 }
 type UsePriceInNumberReturnType = [
     price: number | undefined,
-    token: TokenData | undefined
+    token: TokenFullData | undefined
 ];
 export declare function usePriceInNumber({ asset, tokensList, prices, }: UsePriceInNumberProps): UsePriceInNumberReturnType;
-export declare function useIsAxisInRelativeUnits(axis: TokenData | undefined, underlying: TokenData | undefined): boolean;
+export declare function useIsAxisInRelativeUnits(axis: TokenFullData | undefined, underlying: TokenFullData | undefined): boolean;
 /**
  * Format price value for liquidation graph tooltip
  * Re-exports formatPrice from utils with liquidation-specific defaults
  */
 export declare function formatAxisTipPrice(v: number): string;
-export declare function formatAxisTipLabel(token: TokenData | undefined, underlyingToken: TokenData | undefined, order: AxisOrder | undefined): string;
+export declare function formatAxisTipLabel(token: TokenFullData | undefined, underlyingToken: TokenFullData | undefined, order: AxisOrder | undefined): string;
 export declare function formatAxisLabel(underlyingPrice: bigint | undefined, isRelative: boolean, order?: AxisOrder): (l?: number) => string;
 export declare function useLiquidationGraphActivePrice(activePoint: number, underlyingPrice: bigint | undefined, isRelative: boolean, order?: AxisOrder): number;
 export declare function useLiquidationGraphCurrentActiveValue(): {
@@ -59,8 +60,8 @@ export declare function useLiquidationGraphCurrentActiveValue(): {
     handleMouseLeave: () => void;
 };
 interface UseWithActivePricesProps {
-    xLabel: TokenData | undefined;
-    yLabel: TokenData | undefined;
+    xLabel: TokenFullData | undefined;
+    yLabel: TokenFullData | undefined;
     activePoint: [number | undefined, number | undefined] | null;
     prices: Record<Address, bigint>;
 }

package/dist/types/types/common.d.ts

@@ -0,0 +1,23 @@
+import { Address } from 'viem';
+export type TokenMetaInfo = {
+    symbol: string;
+    title?: string;
+    icon?: string;
+    name?: string;
+};
+export type TokenFullData = TokenMetaInfo & {
+    decimals: number;
+    address: Address;
+};
+export interface ExtraRewardApyData {
+    apy: number;
+    rewardToken: Address;
+    rewardTokenSymbol: string;
+    endTimestamp?: number;
+    token?: Address;
+}
+export type LiquidationThresholds = Record<Address, bigint>;
+export type QuotasInfoList = Record<Address, {
+    token: Address;
+    isActive: boolean;
+}>;

package/dist/types/utils/interface.d.ts

@@ -1,12 +1,3 @@
-/**
- * Interface for token data
- */
-export interface TokenData {
-    symbol: string;
-    decimals: number;
-    title?: string;
-    address?: string;
-}
 /**
  * Typography variant types
  */

package/dist/types/utils/search-in-token.d.ts

@@ -1,5 +1,5 @@
-import { TokenData } from '@gearbox-protocol/sdk';
-type PartialTokenData = Partial<Pick<TokenData, "title" | "symbol" | "name" | "address">>;
+import { TokenFullData } from '../types/common';
+type TokenDataSlice = Pick<TokenFullData, "title" | "symbol" | "name" | "address">;
 /**
  * Searches for a match in token data (name, symbol, title, or address)
  *
@@ -21,7 +21,7 @@ type PartialTokenData = Partial<Pick<TokenData, "title" | "symbol" | "name" | "a
  * searchInToken(token, "btc") // false
  * ```
  */
-export declare function searchInToken(token: PartialTokenData | undefined, search: string): boolean;
+export declare function searchInToken(token: TokenDataSlice | undefined, search: string): boolean;
 /**
  * Creates a filter function for tokens based on search string
  *
@@ -39,5 +39,5 @@ export declare function searchInToken(token: PartialTokenData | undefined, searc
  * // [{ title: "Ethereum", symbol: "ETH" }]
  * ```
  */
-export declare function createTokenSearchFilter(search: string): (token: PartialTokenData | undefined) => boolean;
+export declare function createTokenSearchFilter(search: string): (token: TokenDataSlice | undefined) => boolean;
 export {};

package/dist/types/utils/templates.d.ts

@@ -1,5 +1,8 @@
-import { TokenData } from '@gearbox-protocol/sdk';
+import { TokenFullData } from '../types/common';
 import type * as React from "react";
+type TokenDataSlice = Pick<TokenFullData, "title" | "decimals" | "symbol"> & {
+    symbol?: string;
+};
 /**
  * Formats a percentage value and returns it as a React element
  * Use this when your value is already in percent form (e.g., 2.81 for 2.81%)
@@ -15,9 +18,6 @@ import type * as React from "react";
  * ```
  */
 export declare function percentageTemplate(value: number, decimals?: number): React.ReactElement;
-type PartialTokenData = Pick<TokenData, "title" | "decimals"> & {
-    symbol?: string;
-};
 /**
  * Formats a token amount with symbol
  *
@@ -38,7 +38,7 @@ type PartialTokenData = Pick<TokenData, "title" | "decimals"> & {
  * // "1.00 Very..." (truncated to 10 chars)
  * ```
  */
-export declare function tokenTemplate(value: bigint | string | number | undefined, token: PartialTokenData | undefined, precision?: number, spaceSymbol?: string, maxLength?: number): string;
+export declare function tokenTemplate(value: bigint | string | number | undefined, token: TokenDataSlice | undefined, precision?: number, spaceSymbol?: string, maxLength?: number): string;
 /**
  * Formats a token amount and returns it as a string with token title
  * Use this when you need a formatted number string with token name (not a React element)
@@ -60,7 +60,7 @@ export declare function tokenTemplate(value: bigint | string | number | undefine
  * // "< 0.01 ETH"
  * ```
  */
-export declare function tokenTemplateNumber(value: number | undefined, token: PartialTokenData | undefined, precision?: number): string;
+export declare function tokenTemplateNumber(value: number | undefined, token: TokenDataSlice | undefined, precision?: number): string;
 /**
  * Formats a token amount as string, handling negative values correctly
  *
@@ -78,7 +78,7 @@ export declare function tokenTemplateNumber(value: number | undefined, token: Pa
  * // "1.00 USDC"
  * ```
  */
-export declare function negativeTokenTemplate(value: bigint | string | number | undefined, token: PartialTokenData | undefined, precision?: number, spaceSymbol?: string): string;
+export declare function negativeTokenTemplate(value: bigint | string | number | undefined, token: TokenDataSlice | undefined, precision?: number, spaceSymbol?: string): string;
 /**
  * Formats a token amount as string (non-React version of tokenTemplate)
  *
@@ -96,5 +96,5 @@ export declare function negativeTokenTemplate(value: bigint | string | number |
  * // "1.00 USDC"
  * ```
  */
-export declare function tokenTemplateString(value: bigint | string | number | undefined, token: PartialTokenData | undefined, precision?: number, spaceSymbol?: string): string;
+export declare function tokenTemplateString(value: bigint | string | number | undefined, token: TokenDataSlice | undefined, precision?: number, spaceSymbol?: string): string;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/permissionless-ui",
-  "version": "1.26.10",
+  "version": "1.26.11-next.2",
   "description": "Internal UI components",
   "license": "MIT",
   "main": "./dist/cjs/index.js",
@@ -92,7 +92,7 @@
     "tailwindcss-animate": "^1.0.7"
   },
   "peerDependencies": {
-    "@gearbox-protocol/sdk": "*",
+    "@gearbox-protocol/sdk": "v13.0.0-beta.2",
     "@tanstack/react-query": "^5.64.1",
     "@types/react": "^18 || ^19",
     "@types/react-dom": "^18 || ^19",
@@ -130,7 +130,7 @@
     "@commitlint/cli": "^20.1.0",
     "@commitlint/config-conventional": "^20.0.0",
     "@gearbox-protocol/biome-config": "^1.0.2",
-    "@gearbox-protocol/sdk": "12.6.6",
+    "@gearbox-protocol/sdk": "v13.0.0-beta.2",
     "@rollup/plugin-typescript": "^12.3.0",
     "@storybook/addon-a11y": "^10.0.8",
     "@storybook/addon-docs": "^10.0.8",