@gearbox-protocol/ui-kit 4.0.0-next.46 → 4.0.0-next.47

package/dist/cjs/components/base/health-factor-block/health-factor-block.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("../text/use-title-text.cjs"),i=require("../../fadeout-loading/fadeout-loading.cjs"),d=require("../../health-factor/health-factor.cjs"),u=require("../../typed-intl/index.cjs"),T=require("../../vertical-indicator/vertical-indicator.cjs"),t=require("./constants.cjs");function x({healthFactor:o,healthFactorTo:a,debt:c,debtTo:h,zone:s,isLoading:l,title:n,tip:F,testId:v}){const m=p.useTitleText(),r=a!==void 0;return e.jsx(T.VerticalIndicator,{align:"center",dimPreviousValue:!1,"data-testid":v??t.HealthFactorBlockTest.root,label:n!==void 0?m(n):e.jsx(u.FormattedMessageTyped,{messageId:"components.healthFactorBlock.label"}),tip:F??e.jsx(u.FormattedMessageTyped,{messageId:"components.healthFactorBlock.tip"}),value:e.jsx(i.FadeoutLoading,{loading:l,children:o===void 0?e.jsx("span",{"data-testid":t.HealthFactorBlockTest.value,children:"—"}):e.jsx(d.HealthFactor,{value:o,debt:c,zone:r?void 0:s,"data-testid":t.HealthFactorBlockTest.value})}),valueTo:r?e.jsx(i.FadeoutLoading,{loading:l,children:e.jsx(d.HealthFactor,{value:a,debt:h??c,zone:s,"data-testid":t.HealthFactorBlockTest.valueTo})}):void 0})}exports.HealthFactorBlockTest=t.HealthFactorBlockTest;exports.HealthFactorBlock=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),_=require("../text/use-title-text.cjs"),d=require("../../fadeout-loading/fadeout-loading.cjs"),u=require("../../health-factor/health-factor.cjs"),h=require("../../typed-intl/index.cjs"),v=require("../../vertical-indicator/vertical-indicator.cjs"),m=require("../../../utils/format.cjs"),t=require("./constants.cjs");function j({healthFactor:o,healthFactorTo:s,debt:l,debtTo:x,approximate:c,zone:n,isLoading:r,title:i,tip:p,testId:F}){const T=_.useTitleText(),a=s!==void 0;return e.jsx(v.VerticalIndicator,{align:"center",dimPreviousValue:!1,"data-testid":F??t.HealthFactorBlockTest.root,label:i!==void 0?T(i):e.jsx(h.FormattedMessageTyped,{messageId:"components.healthFactorBlock.label"}),tip:p??e.jsx(h.FormattedMessageTyped,{messageId:"components.healthFactorBlock.tip"}),value:e.jsx(d.FadeoutLoading,{loading:r,children:o===void 0?e.jsx("span",{"data-testid":t.HealthFactorBlockTest.value,children:"—"}):e.jsxs("span",{className:"inline-flex items-center","data-testid":t.HealthFactorBlockTest.value,children:[c&&!a?e.jsx("span",{className:"mr-0.5",children:m.APPROXIMATE_SYMBOL}):null,e.jsx(u.HealthFactor,{value:o,debt:l,zone:a?void 0:n})]})}),valueTo:a?e.jsx(d.FadeoutLoading,{loading:r,children:e.jsxs("span",{className:"inline-flex items-center","data-testid":t.HealthFactorBlockTest.valueTo,children:[c?e.jsx("span",{className:"mr-0.5",children:m.APPROXIMATE_SYMBOL}):null,e.jsx(u.HealthFactor,{value:s,debt:x??l,zone:n})]})}):void 0})}exports.HealthFactorBlockTest=t.HealthFactorBlockTest;exports.HealthFactorBlock=j;

package/dist/cjs/components/base/liquidation-price-block/liquidation-price-block.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("../text/use-title-text.cjs"),d=require("../../fadeout-loading/fadeout-loading.cjs"),T=require("../../formatted-number/formatted-number.cjs"),v=require("../../status-elements/status-elements.cjs"),m=require("../../typed-intl/index.cjs"),j=require("../../vertical-indicator/vertical-indicator.cjs"),b=require("../../../utils/format.cjs"),g=require("../../../utils/parse-input-to-bn.cjs"),n=require("./constants.cjs");function L(t,i){if(!(!t||!i))return`${t.symbol} / ${i.symbol}`}function f({price:t,priceTo:i,collateral:o,underlying:s,approximate:r,zone:a,isLoading:c,title:l,tip:x,testId:_}){const p=P.useTitleText(),u=i!==void 0;return e.jsx(j.VerticalIndicator,{align:"center",dimPreviousValue:!1,"data-testid":_??n.LiquidationPriceBlockTest.root,label:l!==void 0?p(l):e.jsx(m.FormattedMessageTyped,{messageId:"components.liquidationPriceBlock.label"}),tip:x??e.jsx(m.FormattedMessageTyped,{messageId:"components.liquidationPriceBlock.tip"}),value:e.jsx(d.FadeoutLoading,{loading:c,children:e.jsx(q,{price:t,approximate:r,zone:u?void 0:a,testId:n.LiquidationPriceBlockTest.value})}),valueTo:u?e.jsx(d.FadeoutLoading,{loading:c,children:e.jsx(q,{price:i??null,approximate:r,zone:a,testId:n.LiquidationPriceBlockTest.valueTo})}):void 0,valueDescription:L(o,s)})}function q({price:t,approximate:i,zone:o,testId:s}){return e.jsxs("span",{className:"inline-flex items-center","data-testid":s,children:[t===void 0?"—":t===null||t===0n?"N/A":e.jsxs(e.Fragment,{children:[i?e.jsx("span",{className:"mr-0.5",children:b.APPROXIMATE_SYMBOL}):null,e.jsx(T.FormattedNumberString,{value:g.bnToLiquidationPriceView(t)})]}),o?e.jsx("span",{className:"ml-1.5",children:e.jsx(v.HealthDot,{zone:o})}):null]})}exports.LiquidationPriceBlockTest=n.LiquidationPriceBlockTest;exports.LiquidationPriceBlock=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("../text/use-title-text.cjs"),d=require("../../fadeout-loading/fadeout-loading.cjs"),T=require("../../formatted-number/formatted-number.cjs"),v=require("../../status-elements/status-elements.cjs"),m=require("../../typed-intl/index.cjs"),j=require("../../vertical-indicator/vertical-indicator.cjs"),b=require("../../../utils/format.cjs"),g=require("../../../utils/parse-input-to-bn.cjs"),n=require("./constants.cjs");function L(t,i){if(!(!t||!i))return`${t.symbol} / ${i.symbol}`}function f({price:t,priceTo:i,collateral:o,underlying:s,approximate:r,zone:c,isLoading:l,title:u,tip:x,testId:p}){const _=P.useTitleText(),a=i!==void 0;return e.jsx(j.VerticalIndicator,{align:"center",dimPreviousValue:!1,"data-testid":p??n.LiquidationPriceBlockTest.root,label:u!==void 0?_(u):e.jsx(m.FormattedMessageTyped,{messageId:"components.liquidationPriceBlock.label"}),tip:x??e.jsx(m.FormattedMessageTyped,{messageId:"components.liquidationPriceBlock.tip"}),value:e.jsx(d.FadeoutLoading,{loading:l,children:e.jsx(q,{price:t,approximate:r&&!a,zone:a?void 0:c,testId:n.LiquidationPriceBlockTest.value})}),valueTo:a?e.jsx(d.FadeoutLoading,{loading:l,children:e.jsx(q,{price:i??null,approximate:r,zone:c,testId:n.LiquidationPriceBlockTest.valueTo})}):void 0,valueDescription:L(o,s)})}function q({price:t,approximate:i,zone:o,testId:s}){return e.jsxs("span",{className:"inline-flex items-center","data-testid":s,children:[t===void 0?"—":t===null||t===0n?"N/A":e.jsxs(e.Fragment,{children:[i?e.jsx("span",{className:"mr-0.5",children:b.APPROXIMATE_SYMBOL}):null,e.jsx(T.FormattedNumberString,{value:g.bnToLiquidationPriceView(t)})]}),o?e.jsx("span",{className:"ml-1.5",children:e.jsx(v.HealthDot,{zone:o})}):null]})}exports.LiquidationPriceBlockTest=n.LiquidationPriceBlockTest;exports.LiquidationPriceBlock=f;

package/dist/cjs/components/base/time-to-liquidation-block/time-to-liquidation-block.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("../text/use-title-text.cjs"),u=require("../../fadeout-loading/fadeout-loading.cjs"),_=require("../../status-elements/status-elements.cjs"),r=require("../../typed-intl/index.cjs"),L=require("../../vertical-indicator/vertical-indicator.cjs"),p=require("../../../utils/format.cjs"),c=require("../../../utils/ttl.cjs"),l=require("./constants.cjs");function g({data:t,dataTo:n,approximate:s,zone:a,isLoading:o,title:i,tip:m,testId:v}){const q=x.useTitleText(),d=n!==void 0;return e.jsx(L.VerticalIndicator,{align:"center",dimPreviousValue:!1,"data-testid":v??l.TimeToLiquidationBlockTest.root,label:i!==void 0?q(i):e.jsx(r.FormattedMessageTyped,{messageId:"components.timeToLiquidationBlock.label"}),tip:m??e.jsx(r.FormattedMessageTyped,{messageId:"components.timeToLiquidationBlock.tip"}),value:e.jsx(u.FadeoutLoading,{loading:o,children:e.jsx(T,{milliseconds:t,approximate:s,zone:d?void 0:a,testId:l.TimeToLiquidationBlockTest.value})}),valueTo:d?e.jsx(u.FadeoutLoading,{loading:o,children:e.jsx(T,{milliseconds:n??null,approximate:s,zone:a,testId:l.TimeToLiquidationBlockTest.valueTo})}):void 0})}function T({milliseconds:t,approximate:n,zone:s,testId:a}){const o=t==null?void 0:c.ttlLeft(t),i=s??(t==null?void 0:c.getTTLZones(t));return e.jsxs("span",{className:"inline-flex items-center","data-testid":a,children:[t===void 0?"—":t===null?"N/A":e.jsxs(e.Fragment,{children:[n?e.jsx("span",{className:"mr-0.5",children:p.APPROXIMATE_SYMBOL}):null,o?.months!==void 0?`${o.months}mo`:o?.day!==void 0?`${o.day}d`:"<1d"]}),t!=null&&i?e.jsx("span",{className:"ml-1.5",children:e.jsx(_.HealthDot,{zone:i})}):null]})}exports.TimeToLiquidationBlockTest=l.TimeToLiquidationBlockTest;exports.TimeToLiquidationBlock=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("../text/use-title-text.cjs"),u=require("../../fadeout-loading/fadeout-loading.cjs"),p=require("../../status-elements/status-elements.cjs"),r=require("../../typed-intl/index.cjs"),_=require("../../vertical-indicator/vertical-indicator.cjs"),L=require("../../../utils/format.cjs"),c=require("../../../utils/ttl.cjs"),l=require("./constants.cjs");function g({data:t,dataTo:n,approximate:s,zone:a,isLoading:o,title:i,tip:m,testId:v}){const q=x.useTitleText(),d=n!==void 0;return e.jsx(_.VerticalIndicator,{align:"center",dimPreviousValue:!1,"data-testid":v??l.TimeToLiquidationBlockTest.root,label:i!==void 0?q(i):e.jsx(r.FormattedMessageTyped,{messageId:"components.timeToLiquidationBlock.label"}),tip:m??e.jsx(r.FormattedMessageTyped,{messageId:"components.timeToLiquidationBlock.tip"}),value:e.jsx(u.FadeoutLoading,{loading:o,children:e.jsx(T,{milliseconds:t,approximate:s&&!d,zone:d?void 0:a,testId:l.TimeToLiquidationBlockTest.value})}),valueTo:d?e.jsx(u.FadeoutLoading,{loading:o,children:e.jsx(T,{milliseconds:n??null,approximate:s,zone:a,testId:l.TimeToLiquidationBlockTest.valueTo})}):void 0})}function T({milliseconds:t,approximate:n,zone:s,testId:a}){const o=t==null?void 0:c.ttlLeft(t),i=s??(t==null?void 0:c.getTTLZones(t));return e.jsxs("span",{className:"inline-flex items-center","data-testid":a,children:[t===void 0?"—":t===null?"N/A":e.jsxs(e.Fragment,{children:[n?e.jsx("span",{className:"mr-0.5",children:L.APPROXIMATE_SYMBOL}):null,o?.months!==void 0?`${o.months}mo`:o?.day!==void 0?`${o.day}d`:"<1d"]}),t!=null&&i?e.jsx("span",{className:"ml-1.5",children:e.jsx(p.HealthDot,{zone:i})}):null]})}exports.TimeToLiquidationBlockTest=l.TimeToLiquidationBlockTest;exports.TimeToLiquidationBlock=g;

package/dist/esm/components/base/health-factor-block/health-factor-block.js

@@ -1,52 +1,72 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useTitleText as h } from "../text/use-title-text.js";
-import { FadeoutLoading as s } from "../../fadeout-loading/fadeout-loading.js";
-import { HealthFactor as c } from "../../health-factor/health-factor.js";
-import { FormattedMessageTyped as n } from "../../typed-intl/index.js";
-import { VerticalIndicator as g } from "../../vertical-indicator/vertical-indicator.js";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { useTitleText as x } from "../text/use-title-text.js";
+import { FadeoutLoading as c } from "../../fadeout-loading/fadeout-loading.js";
+import { HealthFactor as p } from "../../health-factor/health-factor.js";
+import { FormattedMessageTyped as u } from "../../typed-intl/index.js";
+import { VerticalIndicator as B } from "../../vertical-indicator/vertical-indicator.js";
+import { APPROXIMATE_SYMBOL as v } from "../../../utils/format.js";
 import { HealthFactorBlockTest as t } from "./constants.js";
-function b({
-  healthFactor: e,
-  healthFactorTo: a,
-  debt: r,
-  debtTo: p,
-  zone: i,
-  isLoading: l,
+function j({
+  healthFactor: o,
+  healthFactorTo: l,
+  debt: i,
+  debtTo: f,
+  approximate: r,
+  zone: s,
+  isLoading: n,
   title: d,
-  tip: u,
-  testId: v
+  tip: h,
+  testId: T
 }) {
-  const f = h(), m = a !== void 0;
-  return /* @__PURE__ */ o(
-    g,
+  const g = x(), a = l !== void 0;
+  return /* @__PURE__ */ e(
+    B,
     {
       align: "center",
       dimPreviousValue: !1,
-      "data-testid": v ?? t.root,
-      label: d !== void 0 ? f(d) : /* @__PURE__ */ o(n, { messageId: "components.healthFactorBlock.label" }),
-      tip: u ?? /* @__PURE__ */ o(n, { messageId: "components.healthFactorBlock.tip" }),
-      value: /* @__PURE__ */ o(s, { loading: l, children: e === void 0 ? /* @__PURE__ */ o("span", { "data-testid": t.value, children: "—" }) : /* @__PURE__ */ o(
-        c,
+      "data-testid": T ?? t.root,
+      label: d !== void 0 ? g(d) : /* @__PURE__ */ e(u, { messageId: "components.healthFactorBlock.label" }),
+      tip: h ?? /* @__PURE__ */ e(u, { messageId: "components.healthFactorBlock.tip" }),
+      value: /* @__PURE__ */ e(c, { loading: n, children: o === void 0 ? /* @__PURE__ */ e("span", { "data-testid": t.value, children: "—" }) : /* @__PURE__ */ m(
+        "span",
         {
-          value: e,
-          debt: r,
-          zone: m ? void 0 : i,
-          "data-testid": t.value
+          className: "inline-flex items-center",
+          "data-testid": t.value,
+          children: [
+            r && !a ? /* @__PURE__ */ e("span", { className: "mr-0.5", children: v }) : null,
+            /* @__PURE__ */ e(
+              p,
+              {
+                value: o,
+                debt: i,
+                zone: a ? void 0 : s
+              }
+            )
+          ]
         }
       ) }),
-      valueTo: m ? /* @__PURE__ */ o(s, { loading: l, children: /* @__PURE__ */ o(
-        c,
+      valueTo: a ? /* @__PURE__ */ e(c, { loading: n, children: /* @__PURE__ */ m(
+        "span",
         {
-          value: a,
-          debt: p ?? r,
-          zone: i,
-          "data-testid": t.valueTo
+          className: "inline-flex items-center",
+          "data-testid": t.valueTo,
+          children: [
+            r ? /* @__PURE__ */ e("span", { className: "mr-0.5", children: v }) : null,
+            /* @__PURE__ */ e(
+              p,
+              {
+                value: l,
+                debt: f ?? i,
+                zone: s
+              }
+            )
+          ]
         }
       ) }) : void 0
     }
   );
 }
 export {
-  b as HealthFactorBlock,
+  j as HealthFactorBlock,
   t as HealthFactorBlockTest
 };

package/dist/esm/components/base/liquidation-price-block/liquidation-price-block.js

@@ -2,12 +2,12 @@ import { jsx as i, jsxs as c, Fragment as T } from "react/jsx-runtime";
 import { useTitleText as b } from "../text/use-title-text.js";
 import { FadeoutLoading as u } from "../../fadeout-loading/fadeout-loading.js";
 import { FormattedNumberString as g } from "../../formatted-number/formatted-number.js";
-import { HealthDot as I } from "../../status-elements/status-elements.js";
-import { FormattedMessageTyped as f } from "../../typed-intl/index.js";
-import { VerticalIndicator as q } from "../../vertical-indicator/vertical-indicator.js";
-import { APPROXIMATE_SYMBOL as x } from "../../../utils/format.js";
+import { HealthDot as x } from "../../status-elements/status-elements.js";
+import { FormattedMessageTyped as p } from "../../typed-intl/index.js";
+import { VerticalIndicator as I } from "../../vertical-indicator/vertical-indicator.js";
+import { APPROXIMATE_SYMBOL as q } from "../../../utils/format.js";
 import { bnToLiquidationPriceView as B } from "../../../utils/parse-input-to-bn.js";
-import { LiquidationPriceBlockTest as l } from "./constants.js";
+import { LiquidationPriceBlockTest as n } from "./constants.js";
 function L(e, o) {
   if (!(!e || !o))
     return `${e.symbol} / ${o.symbol}`;
@@ -17,45 +17,45 @@ function S({
   priceTo: o,
   collateral: t,
   underlying: r,
-  approximate: n,
-  zone: a,
-  isLoading: m,
-  title: s,
+  approximate: a,
+  zone: m,
+  isLoading: s,
+  title: d,
   tip: v,
   testId: P
 }) {
-  const h = b(), d = o !== void 0;
+  const h = b(), l = o !== void 0;
   return /* @__PURE__ */ i(
-    q,
+    I,
     {
       align: "center",
       dimPreviousValue: !1,
-      "data-testid": P ?? l.root,
-      label: s !== void 0 ? h(s) : /* @__PURE__ */ i(f, { messageId: "components.liquidationPriceBlock.label" }),
-      tip: v ?? /* @__PURE__ */ i(f, { messageId: "components.liquidationPriceBlock.tip" }),
-      value: /* @__PURE__ */ i(u, { loading: m, children: /* @__PURE__ */ i(
-        p,
+      "data-testid": P ?? n.root,
+      label: d !== void 0 ? h(d) : /* @__PURE__ */ i(p, { messageId: "components.liquidationPriceBlock.label" }),
+      tip: v ?? /* @__PURE__ */ i(p, { messageId: "components.liquidationPriceBlock.tip" }),
+      value: /* @__PURE__ */ i(u, { loading: s, children: /* @__PURE__ */ i(
+        f,
         {
           price: e,
-          approximate: n,
-          zone: d ? void 0 : a,
-          testId: l.value
+          approximate: a && !l,
+          zone: l ? void 0 : m,
+          testId: n.value
         }
       ) }),
-      valueTo: d ? /* @__PURE__ */ i(u, { loading: m, children: /* @__PURE__ */ i(
-        p,
+      valueTo: l ? /* @__PURE__ */ i(u, { loading: s, children: /* @__PURE__ */ i(
+        f,
         {
           price: o ?? null,
-          approximate: n,
-          zone: a,
-          testId: l.valueTo
+          approximate: a,
+          zone: m,
+          testId: n.valueTo
         }
       ) }) : void 0,
       valueDescription: L(t, r)
     }
   );
 }
-function p({
+function f({
   price: e,
   approximate: o,
   zone: t,
@@ -63,13 +63,13 @@ function p({
 }) {
   return /* @__PURE__ */ c("span", { className: "inline-flex items-center", "data-testid": r, children: [
     e === void 0 ? "—" : e === null || e === 0n ? "N/A" : /* @__PURE__ */ c(T, { children: [
-      o ? /* @__PURE__ */ i("span", { className: "mr-0.5", children: x }) : null,
+      o ? /* @__PURE__ */ i("span", { className: "mr-0.5", children: q }) : null,
       /* @__PURE__ */ i(g, { value: B(e) })
     ] }),
-    t ? /* @__PURE__ */ i("span", { className: "ml-1.5", children: /* @__PURE__ */ i(I, { zone: t }) }) : null
+    t ? /* @__PURE__ */ i("span", { className: "ml-1.5", children: /* @__PURE__ */ i(x, { zone: t }) }) : null
   ] });
 }
 export {
   S as LiquidationPriceBlock,
-  l as LiquidationPriceBlockTest
+  n as LiquidationPriceBlockTest
 };

package/dist/esm/components/base/time-to-liquidation-block/time-to-liquidation-block.js

@@ -4,44 +4,44 @@ import { FadeoutLoading as s } from "../../fadeout-loading/fadeout-loading.js";
 import { HealthDot as g } from "../../status-elements/status-elements.js";
 import { FormattedMessageTyped as u } from "../../typed-intl/index.js";
 import { VerticalIndicator as L } from "../../vertical-indicator/vertical-indicator.js";
-import { APPROXIMATE_SYMBOL as I } from "../../../utils/format.js";
-import { ttlLeft as x, getTTLZones as B } from "../../../utils/ttl.js";
-import { TimeToLiquidationBlockTest as a } from "./constants.js";
+import { APPROXIMATE_SYMBOL as x } from "../../../utils/format.js";
+import { ttlLeft as I, getTTLZones as B } from "../../../utils/ttl.js";
+import { TimeToLiquidationBlockTest as d } from "./constants.js";
 function j({
   data: o,
   dataTo: n,
   approximate: r,
-  zone: l,
+  zone: a,
   isLoading: e,
   title: i,
-  tip: v,
-  testId: p
+  tip: p,
+  testId: v
 }) {
-  const T = h(), d = n !== void 0;
+  const T = h(), l = n !== void 0;
   return /* @__PURE__ */ t(
     L,
     {
       align: "center",
       dimPreviousValue: !1,
-      "data-testid": p ?? a.root,
+      "data-testid": v ?? d.root,
       label: i !== void 0 ? T(i) : /* @__PURE__ */ t(u, { messageId: "components.timeToLiquidationBlock.label" }),
-      tip: v ?? /* @__PURE__ */ t(u, { messageId: "components.timeToLiquidationBlock.tip" }),
+      tip: p ?? /* @__PURE__ */ t(u, { messageId: "components.timeToLiquidationBlock.tip" }),
       value: /* @__PURE__ */ t(s, { loading: e, children: /* @__PURE__ */ t(
         c,
         {
           milliseconds: o,
-          approximate: r,
-          zone: d ? void 0 : l,
-          testId: a.value
+          approximate: r && !l,
+          zone: l ? void 0 : a,
+          testId: d.value
         }
       ) }),
-      valueTo: d ? /* @__PURE__ */ t(s, { loading: e, children: /* @__PURE__ */ t(
+      valueTo: l ? /* @__PURE__ */ t(s, { loading: e, children: /* @__PURE__ */ t(
         c,
         {
           milliseconds: n ?? null,
           approximate: r,
-          zone: l,
-          testId: a.valueTo
+          zone: a,
+          testId: d.valueTo
         }
       ) }) : void 0
     }
@@ -51,12 +51,12 @@ function c({
   milliseconds: o,
   approximate: n,
   zone: r,
-  testId: l
+  testId: a
 }) {
-  const e = o == null ? void 0 : x(o), i = r ?? (o == null ? void 0 : B(o));
-  return /* @__PURE__ */ m("span", { className: "inline-flex items-center", "data-testid": l, children: [
+  const e = o == null ? void 0 : I(o), i = r ?? (o == null ? void 0 : B(o));
+  return /* @__PURE__ */ m("span", { className: "inline-flex items-center", "data-testid": a, children: [
     o === void 0 ? "—" : o === null ? "N/A" : /* @__PURE__ */ m(f, { children: [
-      n ? /* @__PURE__ */ t("span", { className: "mr-0.5", children: I }) : null,
+      n ? /* @__PURE__ */ t("span", { className: "mr-0.5", children: x }) : null,
       e?.months !== void 0 ? `${e.months}mo` : e?.day !== void 0 ? `${e.day}d` : "<1d"
     ] }),
     o != null && i ? /* @__PURE__ */ t("span", { className: "ml-1.5", children: /* @__PURE__ */ t(g, { zone: i }) }) : null
@@ -64,5 +64,5 @@ function c({
 }
 export {
   j as TimeToLiquidationBlock,
-  a as TimeToLiquidationBlockTest
+  d as TimeToLiquidationBlockTest
 };

package/dist/types/components/base/health-factor-block/health-factor-block.d.ts

@@ -13,6 +13,13 @@ export interface HealthFactorBlockProps {
     readonly debt: bigint;
     /** Debt after the operation (defaults to `debt`). */
     readonly debtTo?: bigint;
+    /**
+     * Prefixes the figure with {@link APPROXIMATE_SYMBOL}, for a factor the
+     * operation projects rather than promises. Only the projected side is
+     * marked: on a `from → to` row the "from" is where the account stands now,
+     * which is measured, not estimated.
+     */
+    readonly approximate?: boolean;
     /** Pre-computed zone; if not set, derived from the value. */
     readonly zone?: HFZones;
     readonly isLoading?: boolean;
@@ -26,4 +33,4 @@ export interface HealthFactorBlockProps {
  * "Health factor" row of a preview: label + help tip on the left, the zone-
  * colored HF (with optional from → to transition) on the right.
  */
-export declare function HealthFactorBlock({ healthFactor, healthFactorTo, debt, debtTo, zone, isLoading, title, tip, testId, }: HealthFactorBlockProps): React.ReactElement;
+export declare function HealthFactorBlock({ healthFactor, healthFactorTo, debt, debtTo, approximate, zone, isLoading, title, tip, testId, }: HealthFactorBlockProps): React.ReactElement;

package/dist/types/components/base/liquidation-price-block/liquidation-price-block.d.ts

@@ -17,10 +17,10 @@ export interface LiquidationPriceBlockProps {
     /** Underlying token of the quoted pair. */
     readonly underlying?: Token;
     /**
-     * Prefixes the figure with {@link APPROXIMATE_SYMBOL}. For a projection the
-     * operation cannot promise exactly — a routed leg the market can move under.
-     * Both columns are marked when the row renders `from → to`: the "from" of a
-     * projected pair is projected too.
+     * Prefixes the figure with {@link APPROXIMATE_SYMBOL}, for a value the
+     * operation projects rather than promises. Only the projected side is
+     * marked: on a `from → to` row the "from" is where the account stands now,
+     * which is measured, not estimated.
      */
     readonly approximate?: boolean;
     /** Zone dot next to the price. */

package/dist/types/components/base/time-to-liquidation-block/time-to-liquidation-block.d.ts

@@ -12,10 +12,10 @@ export interface TimeToLiquidationBlockProps {
     /** Time after the operation; renders a from → to transition. */
     readonly dataTo?: bigint | null;
     /**
-     * Prefixes the figure with {@link APPROXIMATE_SYMBOL}. For a projection the
-     * operation cannot promise exactly — a routed leg the market can move under.
-     * Both columns are marked when the row renders `from → to`: the "from" of a
-     * projected pair is projected too.
+     * Prefixes the figure with {@link APPROXIMATE_SYMBOL}, for a value the
+     * operation projects rather than promises. Only the projected side is
+     * marked: on a `from → to` row the "from" is where the account stands now,
+     * which is measured, not estimated.
      */
     readonly approximate?: boolean;
     /** Pre-computed zone; if not set, derived from the value. */

package/package.json

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