@gearbox-protocol/ui-kit 4.0.0-next.39 → 4.0.0-next.40

package/dist/esm/utils/templates.js

@@ -1,42 +1,41 @@
 import { jsx as f, Fragment as u } from "react/jsx-runtime";
-import { BigIntMath as g } from "@gearbox-protocol/sdk/common-utils";
-import { formatBN as a, toBigInt as d } from "@gearbox-protocol/sdk/onchain";
-import { percentTemplate as p } from "./format-money.js";
-function x(o, t = 2) {
-  return /* @__PURE__ */ f(u, { children: p(o, t) });
+import { formatBN as m, toBigInt as g, BigIntMath as d } from "@gearbox-protocol/sdk/onchain";
+import { percentTemplate as $ } from "./format-money.js";
+function B(o, t = 2) {
+  return /* @__PURE__ */ f(u, { children: $(o, t) });
 }
-function $(o, t, s, e = " ", r) {
+function p(o, t, s, e = " ", r) {
   const { decimals: n = 18 } = t || {};
-  let i = a(o, n, s);
-  const m = t?.title || t?.symbol || "undefined";
+  let i = m(o, n, s);
+  const c = t?.title || t?.symbol || "undefined";
   if (r !== void 0 && i !== "-") {
-    const l = e.length + m.length, c = r - l;
-    c > 0 && i.length > c && (i = i.slice(0, c));
+    const l = e.length + c.length, a = r - l;
+    a > 0 && i.length > a && (i = i.slice(0, a));
   }
-  return i === "-" ? i : `${i}${e}${m}`;
+  return i === "-" ? i : `${i}${e}${c}`;
 }
-function v(o, t, s = 2) {
+function x(o, t, s = 2) {
   if (o === void 0) return "-";
   const e = o.toFixed(s), r = Math.abs(Number(e)) > 0 ? "" : "< ", n = r ? `${e.slice(0, e.length - 1)}1` : e;
   return `${r}${n} ${t?.title}`;
 }
-function k(o, t, s, e) {
-  const r = d(o || 0), n = $(
-    g.abs(r),
+function v(o, t, s, e) {
+  const r = g(o || 0), n = p(
+    d.abs(r),
     t,
     s,
     e
   );
   return n === "-" ? n : `${r < 0 ? "-" : ""}${n}`;
 }
-function P(o, t, s, e = " ") {
-  const { decimals: r = 18 } = t || {}, n = a(o, r, s), i = t?.title || t?.symbol || "undefined";
+function k(o, t, s, e = " ") {
+  const { decimals: r = 18 } = t || {}, n = m(o, r, s), i = t?.title || t?.symbol || "undefined";
   return n === "-" ? n : `${n}${e}${i}`;
 }
 export {
-  k as negativeTokenTemplate,
-  x as percentageTemplate,
-  $ as tokenTemplate,
-  v as tokenTemplateNumber,
-  P as tokenTemplateString
+  v as negativeTokenTemplate,
+  B as percentageTemplate,
+  p as tokenTemplate,
+  x as tokenTemplateNumber,
+  k as tokenTemplateString
 };

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.

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

@@ -3,7 +3,6 @@ export * from './use-controllable-state';
 export * from './use-debounce';
 export * from './use-debounce-call';
 export * from './use-filter';
-export * from './use-hf';
 export * from './use-media-query';
 export * from './use-observed-width-key';
 export * from './use-opened-state';

package/dist/types/utils/token-icon-source.d.ts

@@ -1,4 +1,28 @@
-import { IconComposite } from '@gearbox-protocol/sdk/common-utils';
+/** One layer of a composite icon: a token symbol to resolve, or a ready URL. */
+export type TokenIconLayerSource = {
+    type: "symbol";
+    symbol: string;
+} | {
+    type: "url";
+    url: string;
+};
+/**
+ * Named layout preset for a composite icon. The pixel layout is `TokenIcon`'s,
+ * never an API payload's — which is why these types live here and not in the
+ * SDK read model.
+ *
+ * `centered_foreground`: background full size, foreground centered at ~65%
+ * (a token on a plate).
+ */
+export type TokenIconCompositePreset = "centered_foreground";
+/** Client-composed token icon: layers stacked by preset. */
+export type IconComposite = {
+    kind: "composite";
+    preset: TokenIconCompositePreset;
+    scaleFactor?: number;
+    /** Exactly two layers (bottom then top). */
+    layers: readonly [TokenIconLayerSource, TokenIconLayerSource];
+};
 /** Same shape as `TokenIcon`'s `symbol` prop — kept here to avoid a cycle. */
 export type TokenIconSource = string | {
     icon: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "4.0.0-next.39",
+  "version": "4.0.0-next.40",
   "description": "Internal UI components",
   "repository": {
     "type": "git",

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("@gearbox-protocol/sdk/common-utils"),s=require("react");function i({assets:t,quotas:c,prices:u,liquidationThresholds:n,underlyingToken:o,debt:e,quotasInfo:f,allowZeroDebt:l=!1,tokensList:a}){return{hf:s.useMemo(()=>{try{return e===0n&&!l?0:m.calcHealthFactor({assets:t,quotas:c,prices:u,liquidationThresholds:n,underlyingToken:o,debt:e,quotasInfo:f,tokensList:a})}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,f,l,a])}}exports.useHF=i;

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

@@ -1,43 +0,0 @@
-import { calcHealthFactor as p } from "@gearbox-protocol/sdk/common-utils";
-import { useMemo as E } from "react";
-function H({
-  assets: t,
-  quotas: c,
-  prices: f,
-  liquidationThresholds: n,
-  underlyingToken: u,
-  debt: e,
-  quotasInfo: o,
-  allowZeroDebt: m = !1,
-  tokensList: l
-}) {
-  return { hf: E(() => {
-    try {
-      return e === 0n && !m ? 0 : p({
-        assets: t,
-        quotas: c,
-        prices: f,
-        liquidationThresholds: n,
-        underlyingToken: u,
-        debt: e,
-        quotasInfo: o,
-        tokensList: l
-      });
-    } catch (r) {
-      return typeof r == "object" && r !== null && "reason" in r && r.reason === "overflow" ? Number.MAX_SAFE_INTEGER : 0;
-    }
-  }, [
-    t,
-    c,
-    f,
-    n,
-    u,
-    e,
-    o,
-    m,
-    l
-  ]) };
-}
-export {
-  H as useHF
-};

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

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