@gearbox-protocol/ui-kit 4.0.0-next.16 → 4.0.0-next.18

package/dist/esm/components/base/position-assets/constants.js

@@ -0,0 +1,8 @@
+class t {
+  static root = "position-assets-root";
+  static row = "position-assets-row";
+  static empty = "position-assets-empty";
+}
+export {
+  t as PositionAssetsTest
+};

package/dist/esm/components/base/position-assets/index.js

@@ -0,0 +1,6 @@
+import { PositionAssetsTest as t } from "./constants.js";
+import { PositionAssets as i } from "./position-assets.js";
+export {
+  i as PositionAssets,
+  t as PositionAssetsTest
+};

package/dist/esm/components/base/position-assets/position-assets.js

@@ -0,0 +1,73 @@
+import { jsx as i, jsxs as p } from "react/jsx-runtime";
+import { Stack as d } from "../stack/stack.js";
+import "react";
+import "@gearbox-protocol/sdk";
+import "clsx";
+import "tailwind-merge";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../../utils/z-index.js";
+import "../../points-icon/points-icon.js";
+import { TokenBigint as c } from "../values/scalars.js";
+import "../../badge/badge.js";
+import "../../badge/chip.js";
+import "react-intl";
+import { TokenSymbol as f } from "../../token-symbol/token-symbol.js";
+import { Typography as u } from "../../typography/typography.js";
+import { PositionAssetsTest as m } from "./constants.js";
+const k = 1;
+function _({
+  assets: r,
+  against: e,
+  empty: s,
+  testId: n
+}) {
+  const t = h(r, e);
+  return /* @__PURE__ */ i(d, { gap: "sm", align: "end", "data-testid": n ?? m.root, children: t.length === 0 ? s !== void 0 && /* @__PURE__ */ i(
+    u,
+    {
+      variant: "caption",
+      color: "secondary",
+      as: "div",
+      "data-testid": m.empty,
+      children: s
+    }
+  ) : t.map((o) => /* @__PURE__ */ p(
+    "span",
+    {
+      className: "flex items-center gap-2",
+      "data-testid": m.row,
+      children: [
+        /* @__PURE__ */ i(f, { size: 20, token: o.token }),
+        /* @__PURE__ */ i(c, { data: o.value, token: o.token })
+      ]
+    },
+    o.token.address
+  )) });
+}
+function h(r, e) {
+  const s = /* @__PURE__ */ new Map(), n = (t, o) => {
+    const l = t.token.address.toLowerCase(), a = s.get(l);
+    s.set(l, {
+      token: a?.token ?? t.token,
+      // a token the other side alone holds is a zero here, not a gap
+      value: o ? t.value : a?.value ?? 0n,
+      worth: v(a?.worth, t.valueUsd)
+    });
+  };
+  for (const t of r ?? []) n(t, !0);
+  for (const t of e ?? []) n(t, !1);
+  return [...s.values()].filter((t) => t.worth === null || t.worth >= k).sort(
+    (t, o) => (o.worth ?? 0) - (t.worth ?? 0) || // a tie has to break the same way on both sides, or the rows drift
+    t.token.address.localeCompare(o.token.address)
+  );
+}
+function v(r, e) {
+  return r === void 0 ? e : r === null || e === null ? null : Math.max(r, e);
+}
+export {
+  _ as PositionAssets,
+  m as PositionAssetsTest,
+  h as visibleAssets
+};

package/dist/esm/components/base/strategy-apy-breakdown-card/strategy-apy-breakdown-card.js

@@ -1,194 +1,199 @@
-import { jsxs as u, jsx as l, Fragment as M } from "react/jsx-runtime";
-import { PointsIcon as $ } from "../../points-icon/points-icon.js";
-import { TokenIcon as q } from "../../token-icon/token-icon.js";
-import { FormattedMessageTyped as d } from "../../typed-intl/index.js";
+import { jsxs as i, jsx as t, Fragment as B } from "react/jsx-runtime";
+import { PointsIcon as I } from "../../points-icon/points-icon.js";
+import { TokenIcon as P } from "../../token-icon/token-icon.js";
+import { FormattedMessageTyped as p } from "../../typed-intl/index.js";
 import "react";
-import { positiveTokenRewardsOf as F, pointProgramsOf as T, totalApyOf as R } from "../../../utils/apy-breakdown.js";
+import { positiveTokenRewardsOf as M, pointProgramsOf as L, totalApyOf as T } from "../../../utils/apy-breakdown.js";
 import "@gearbox-protocol/sdk";
-import { bpsToPercent as j } from "../../../utils/bps.js";
-import { cn as w } from "../../../utils/cn.js";
+import { bpsToPercent as $ } from "../../../utils/bps.js";
+import { cn as h } from "../../../utils/cn.js";
 import "sonner";
-import { formatLeverage as s } from "../../../utils/format-leverage.js";
-import { formatCompactPercent as S } from "../../../utils/format-money.js";
-import { strategyApyPartsAtLeverage as O } from "../../../utils/strategy-apy.js";
+import { formatLeverage as a } from "../../../utils/format-leverage.js";
+import { formatCompactPercent as F } from "../../../utils/format-money.js";
+import { strategyApyPartsAtLeverage as j } from "../../../utils/strategy-apy.js";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
-import { StrategyApyBreakdownCardTest as h } from "./constants.js";
-const i = "—";
-function a(e) {
-  const r = j(e);
-  if (Math.abs(r) >= 1e3) {
-    const p = S(Math.abs(r));
-    return r < 0 ? `−${p}` : p;
+import { StrategyApyBreakdownCardTest as w } from "./constants.js";
+const u = "—";
+function s(e) {
+  const n = $(e);
+  if (Math.abs(n) >= 1e3) {
+    const d = F(Math.abs(n));
+    return n < 0 ? `−${d}` : d;
   }
-  const m = Math.abs(r).toFixed(2);
-  return r < 0 ? `−${m}%` : `${m}%`;
+  const m = Math.abs(n).toFixed(2);
+  return n < 0 ? `−${m}%` : `${m}%`;
 }
-function z(e) {
+function S(e) {
   return e == null || e <= 0 ? "bg-muted text-muted-foreground" : "bg-success/20 text-success";
 }
 function g({
   base: e,
-  leverage: r
+  leverage: n
 }) {
-  return /* @__PURE__ */ l(
-    d,
+  return /* @__PURE__ */ t(
+    p,
     {
       messageId: "components.strategyApyBreakdownCard.formula",
-      values: { base: e, leverage: r }
+      values: { base: e, leverage: n }
     }
   );
 }
-function oe({
+function te({
   data: e,
-  leverage: r
+  leverage: n
 }) {
-  const t = r ?? (e.maxLeverage != null && e.maxLeverage > 0 ? e.maxLeverage : void 0), m = t != null ? s(t) : i, p = e.collateralApy ? F(e.collateralApy) : [], k = e.collateralApy ? T(e.collateralApy) : [], n = t != null ? O({
-    leverage: t,
-    maxLeverage: e.maxLeverage,
+  const o = n ?? (e.maxLeverage != null && e.maxLeverage > 0 ? e.maxLeverage : void 0), m = o != null ? a(o) : u, d = e.collateralApy ? M(e.collateralApy) : [], k = e.collateralApy ? L(e.collateralApy) : [], r = o != null ? j({
+    leverage: o,
     borrowApy: e.borrowApy,
-    additionalBorrowApy: e.additionalBorrowApy
-  }) : void 0, y = e.collateralApy?.organicApy, b = y != null && t != null ? y * t : void 0, f = p.map(
-    (o) => o.supplyApr != null && t != null ? o.supplyApr * t : void 0
-  ), N = e.borrowApy != null && n != null ? -n.borrowCost : void 0, L = e.additionalBorrowApy, x = L != null && L !== 0, B = x && n != null ? n.quotaRate : void 0, C = x && n != null ? -n.quotaCost : void 0, I = b != null && n != null && f.every((o) => o != null) ? b + f.reduce((o, c) => o + (c ?? 0), 0) - n.totalCost : void 0, P = t != null && e.maxLeverage != null && e.maxLeverage > 0 && Math.abs(t - e.maxLeverage) < 1e-9, A = e.netApy != null ? R(e.netApy) : P && e.maxLeverageApy != null ? R(e.maxLeverageApy) : I;
-  return /* @__PURE__ */ u(
+    quotaRate: e.quotaRate,
+    liquidationThreshold: e.liquidationThreshold,
+    quotaMode: e.quotaMode
+  }) : void 0, f = e.collateralApy?.organicApy, y = f != null && o != null ? f * o : void 0, v = d.map(
+    (l) => l.supplyApr != null && o != null ? l.supplyApr * o : void 0
+  ), N = e.borrowApy != null && r != null ? -r.borrowCost : void 0, x = e.quotaRate != null && e.quotaRate !== 0, q = x && r != null ? r.quotaRate : void 0, R = x && r != null ? -r.quotaCost : void 0, C = y != null && r != null && v.every((l) => l != null) ? y + v.reduce((l, c) => l + (c ?? 0), 0) - r.totalCost : void 0, A = e.netApy != null ? T(e.netApy) : C;
+  return /* @__PURE__ */ i(
     "div",
     {
       className: "flex w-full min-w-0 flex-col gap-4 rounded-xl border border-border bg-card p-4",
-      "data-testid": h.root,
+      "data-testid": w.root,
       children: [
-        /* @__PURE__ */ u("div", { className: "flex h-6 items-center justify-between gap-3", children: [
-          /* @__PURE__ */ l("span", { className: "text-base font-semibold leading-4 text-foreground", children: /* @__PURE__ */ l(
-            d,
+        /* @__PURE__ */ i("div", { className: "flex h-6 items-center justify-between gap-3", children: [
+          /* @__PURE__ */ t("span", { className: "text-base font-semibold leading-4 text-foreground", children: /* @__PURE__ */ t(
+            p,
             {
               messageId: "components.strategyApyBreakdownCard.titleAtLeverage",
               values: { leverage: m }
             }
           ) }),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ t(
             "span",
             {
-              className: w(
+              className: h(
                 "rounded-md px-2 py-0.5 text-sm font-semibold tabular-nums",
-                z(A)
+                S(A)
               ),
-              "data-testid": h.net,
-              children: A == null ? i : a(A)
+              "data-testid": w.net,
+              children: A == null ? u : s(A)
             }
           )
         ] }),
-        /* @__PURE__ */ u("div", { className: "flex flex-col gap-3", children: [
-          /* @__PURE__ */ l(
-            v,
+        /* @__PURE__ */ i("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ t(
+            b,
             {
-              label: /* @__PURE__ */ l(d, { messageId: "components.strategyApyBreakdownCard.collateralApy" }),
-              value: b == null ? i : a(b),
-              subtext: y != null && t != null ? /* @__PURE__ */ l(
+              label: /* @__PURE__ */ t(p, { messageId: "components.strategyApyBreakdownCard.collateralApy" }),
+              value: y == null ? u : s(y),
+              subtext: f != null && o != null ? /* @__PURE__ */ t(
                 g,
                 {
-                  base: a(y),
-                  leverage: s(t)
+                  base: s(f),
+                  leverage: a(o)
                 }
               ) : void 0
             }
           ),
-          p.map((o, c) => /* @__PURE__ */ l(
-            v,
+          d.map((l, c) => /* @__PURE__ */ t(
+            b,
             {
-              label: /* @__PURE__ */ u("span", { className: "inline-flex items-center gap-1.5", children: [
-                /* @__PURE__ */ l("span", { children: /* @__PURE__ */ l(
-                  d,
+              label: /* @__PURE__ */ i("span", { className: "inline-flex items-center gap-1.5", children: [
+                /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(
+                  p,
                   {
                     messageId: "components.apyParts.extraAPY",
-                    values: { symbol: o.token.symbol }
+                    values: { symbol: l.token.symbol }
                   }
                 ) }),
-                /* @__PURE__ */ l(
-                  q,
+                /* @__PURE__ */ t(
+                  P,
                   {
-                    token: o.token,
-                    symbol: o.token.symbol,
+                    token: l.token,
+                    symbol: l.token.symbol,
                     size: 16,
                     className: "shrink-0"
                   }
                 )
               ] }),
-              value: f[c] == null ? i : a(f[c]),
-              subtext: o.supplyApr != null && t != null ? /* @__PURE__ */ l(
+              value: v[c] == null ? u : s(v[c]),
+              subtext: l.supplyApr != null && o != null ? /* @__PURE__ */ t(
                 g,
                 {
-                  base: a(o.supplyApr),
-                  leverage: s(t)
+                  base: s(l.supplyApr),
+                  leverage: a(o)
                 }
               ) : void 0
             },
-            `incentive-${o.token.address}-${o.supplyApr ?? 0}`
+            `incentive-${l.token.address}-${l.supplyApr ?? 0}`
           )),
-          /* @__PURE__ */ l(
-            v,
+          /* @__PURE__ */ t(
+            b,
             {
               muted: !0,
-              label: /* @__PURE__ */ l(d, { messageId: "components.strategyApyBreakdownCard.borrowRate" }),
-              value: N == null ? i : a(N),
-              subtext: e.borrowApy != null && n != null ? /* @__PURE__ */ l(
+              label: /* @__PURE__ */ t(p, { messageId: "components.strategyApyBreakdownCard.borrowRate" }),
+              value: N == null ? u : s(N),
+              subtext: e.borrowApy != null && r != null ? /* @__PURE__ */ t(
                 g,
                 {
-                  base: a(-e.borrowApy),
-                  leverage: s(n.debtMultiplier)
+                  base: s(-e.borrowApy),
+                  leverage: a(r.debtMultiplier)
                 }
               ) : void 0
             }
           ),
-          x ? /* @__PURE__ */ l(
-            v,
+          x ? /* @__PURE__ */ t(
+            b,
             {
               muted: !0,
-              label: /* @__PURE__ */ l(d, { messageId: "components.strategyApyBreakdownCard.quotaRate" }),
-              value: C == null ? i : a(C),
-              subtext: B != null && t != null ? /* @__PURE__ */ l(
-                g,
-                {
-                  base: a(-B),
-                  leverage: s(t)
-                }
+              label: /* @__PURE__ */ t(p, { messageId: "components.strategyApyBreakdownCard.quotaRate" }),
+              value: R == null ? u : s(R),
+              subtext: q != null && r != null ? (
+                // The quota is charged on the LT-weighted position, so this
+                // multiplier is not the leverage the row above uses.
+                /* @__PURE__ */ t(
+                  g,
+                  {
+                    base: s(-q),
+                    leverage: a(r.quotaMultiplier)
+                  }
+                )
               ) : void 0
             }
           ) : null,
-          k.length > 0 ? /* @__PURE__ */ u(M, { children: [
-            /* @__PURE__ */ l("div", { className: "h-px w-full bg-divider" }),
-            k.map((o) => {
-              const c = o.multiplier != null && t != null ? o.multiplier * t : void 0;
-              return /* @__PURE__ */ l(
-                v,
+          k.length > 0 ? /* @__PURE__ */ i(B, { children: [
+            /* @__PURE__ */ t("div", { className: "h-px w-full bg-divider" }),
+            k.map((l) => {
+              const c = l.multiplier != null && o != null ? l.multiplier * o : void 0;
+              return /* @__PURE__ */ t(
+                b,
                 {
-                  label: /* @__PURE__ */ u("span", { className: "inline-flex items-center gap-1.5", children: [
-                    /* @__PURE__ */ l("span", { children: /* @__PURE__ */ l(
-                      d,
+                  label: /* @__PURE__ */ i("span", { className: "inline-flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(
+                      p,
                       {
                         messageId: "components.yieldBreakdown.programPoints",
-                        values: { name: o.name }
+                        values: { name: l.name }
                       }
                     ) }),
-                    /* @__PURE__ */ l(
-                      $,
+                    /* @__PURE__ */ t(
+                      I,
                       {
-                        reward: { name: o.name, type: o.id },
+                        reward: { name: l.name, type: l.id },
                         size: 16,
                         className: "shrink-0"
                       }
                     )
                   ] }),
-                  value: c != null ? `${s(c)}×` : i,
-                  subtext: o.multiplier != null && t != null ? /* @__PURE__ */ l(
+                  value: c != null ? `${a(c)}×` : u,
+                  subtext: l.multiplier != null && o != null ? /* @__PURE__ */ t(
                     g,
                     {
-                      base: s(o.multiplier),
-                      leverage: s(t)
+                      base: a(l.multiplier),
+                      leverage: a(o)
                     }
                   ) : void 0
                 },
-                o.id
+                l.id
               );
             })
           ] }) : null
@@ -197,38 +202,38 @@ function oe({
     }
   );
 }
-function v({
+function b({
   label: e,
-  value: r,
-  subtext: t,
+  value: n,
+  subtext: o,
   muted: m = !1
 }) {
-  const p = m ? "text-muted-foreground" : "text-foreground";
-  return /* @__PURE__ */ u(
+  const d = m ? "text-muted-foreground" : "text-foreground";
+  return /* @__PURE__ */ i(
     "div",
     {
       className: "flex items-start justify-between gap-3",
-      "data-testid": h.row,
+      "data-testid": w.row,
       children: [
-        /* @__PURE__ */ l("span", { className: w("min-w-0 text-sm font-semibold leading-5", p), children: e }),
-        /* @__PURE__ */ u("span", { className: "flex shrink-0 flex-col items-end", children: [
-          /* @__PURE__ */ l(
+        /* @__PURE__ */ t("span", { className: h("min-w-0 text-sm font-semibold leading-5", d), children: e }),
+        /* @__PURE__ */ i("span", { className: "flex shrink-0 flex-col items-end", children: [
+          /* @__PURE__ */ t(
             "span",
             {
-              className: w(
+              className: h(
                 "text-sm font-semibold leading-5 tabular-nums",
-                r === i || m ? "text-muted-foreground" : "text-foreground"
+                n === u || m ? "text-muted-foreground" : "text-foreground"
               ),
-              children: r
+              children: n
             }
           ),
-          t != null ? /* @__PURE__ */ l("span", { className: "text-xs leading-4 text-muted-foreground", children: t }) : null
+          o != null ? /* @__PURE__ */ t("span", { className: "text-xs leading-4 text-muted-foreground", children: o }) : null
         ] })
       ]
     }
   );
 }
 export {
-  oe as StrategyApyBreakdownCard,
-  h as StrategyApyBreakdownCardTest
+  te as StrategyApyBreakdownCard,
+  w as StrategyApyBreakdownCardTest
 };

package/dist/esm/components/base/values/scalars.js

@@ -1,63 +1,82 @@
-import { jsx as e } from "react/jsx-runtime";
-import { CompoundAPY as s } from "../../compound-apy/compound-apy.js";
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { formatUnits as m } from "viem";
+import { CompoundAPY as p } from "../../compound-apy/compound-apy.js";
+import { SimpleTooltip as u } from "../../tooltip/simple-tooltip.js";
+import "../../tooltip/tooltip.js";
 import "react";
 import "@gearbox-protocol/sdk";
 import { cn as a } from "../../../utils/cn.js";
 import "sonner";
-import { formatLeverage as c } from "../../../utils/format-leverage.js";
-import { formatPercentAmount as m, formatMoney as l } from "../../../utils/format-money.js";
+import { formatAssetAmount as c } from "../../../utils/format-asset-amount.js";
+import { formatLeverage as d } from "../../../utils/format-leverage.js";
+import { formatPercentAmount as f, formatMoney as h } from "../../../utils/format-money.js";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
-import { ValueTest as r } from "./constants.js";
-const d = "—";
-function i() {
-  return /* @__PURE__ */ e("span", { "data-testid": r.placeholder, children: d });
+import { ValueTest as e } from "./constants.js";
+const v = "—";
+function n() {
+  return /* @__PURE__ */ r("span", { "data-testid": e.placeholder, children: v });
 }
-function o(t) {
-  return `${m(t / 100, 2)}%`;
+function l(t) {
+  return `${f(t / 100, 2)}%`;
 }
-function P({ data: t }) {
-  return t === void 0 ? /* @__PURE__ */ e(i, {}) : typeof t == "number" ? /* @__PURE__ */ e("span", { "data-testid": r.apy, children: o(t) }) : /* @__PURE__ */ e("span", { "data-testid": r.apy, children: /* @__PURE__ */ e(s, { apy: t }) });
+function E({ data: t }) {
+  return t === void 0 ? /* @__PURE__ */ r(n, {}) : typeof t == "number" ? /* @__PURE__ */ r("span", { "data-testid": e.apy, children: l(t) }) : /* @__PURE__ */ r("span", { "data-testid": e.apy, children: /* @__PURE__ */ r(p, { apy: t }) });
 }
-function $({
+function H({
   data: t
 }) {
-  return t == null ? /* @__PURE__ */ e(i, {}) : /* @__PURE__ */ e("span", { "data-testid": r.usd, children: l(t) });
+  return t == null ? /* @__PURE__ */ r(n, {}) : /* @__PURE__ */ r("span", { "data-testid": e.usd, children: h(t) });
 }
-function z({
+function N({
   data: t
 }) {
-  return t === void 0 ? /* @__PURE__ */ e(i, {}) : /* @__PURE__ */ e("span", { "data-testid": r.leverage, children: `${c(t)}x` });
+  return t === void 0 ? /* @__PURE__ */ r(n, {}) : /* @__PURE__ */ r("span", { "data-testid": e.leverage, children: `${d(t)}x` });
 }
 function w({
   data: t
 }) {
-  return t === void 0 ? /* @__PURE__ */ e(i, {}) : /* @__PURE__ */ e("span", { "data-testid": r.utilization, children: o(t) });
+  return t === void 0 ? /* @__PURE__ */ r(n, {}) : /* @__PURE__ */ r("span", { "data-testid": e.utilization, children: l(t) });
 }
-function B({
+function D({
   data: t
 }) {
   if (t === void 0)
-    return /* @__PURE__ */ e(i, {});
-  const n = t < 1e4 ? "text-destructive" : t < 11e3 ? "text-warning" : "text-success";
-  return /* @__PURE__ */ e("span", { "data-testid": r.healthFactor, className: a(n), children: (t / 1e4).toFixed(2) });
+    return /* @__PURE__ */ r(n, {});
+  const i = t < 1e4 ? "text-destructive" : t < 11e3 ? "text-warning" : "text-success";
+  return /* @__PURE__ */ r("span", { "data-testid": e.healthFactor, className: a(i), children: (t / 1e4).toFixed(2) });
 }
-function C({
+function M({
   data: t,
-  token: n
+  token: i
 }) {
-  if (t === void 0 || n === void 0)
-    return /* @__PURE__ */ e(i, {});
-  const u = Number(t) / 10 ** n.decimals;
-  return /* @__PURE__ */ e("span", { "data-testid": r.tokenBigint, children: `${u.toLocaleString(void 0, { maximumFractionDigits: 6 })} ${n.symbol}` });
+  if (t === void 0 || i === void 0)
+    return /* @__PURE__ */ r(n, {});
+  const o = m(t, i.decimals);
+  return (
+    // `title` also keeps the amount where a hover tooltip cannot reach:
+    // keyboard, touch, and the browser's own find
+    /* @__PURE__ */ s("span", { "data-testid": e.tokenBigint, title: `${o} ${i.symbol}`, children: [
+      /* @__PURE__ */ r(
+        u,
+        {
+          placement: "top",
+          className: "break-all",
+          title: /* @__PURE__ */ r("span", { children: c(t, i.decimals) }),
+          children: /* @__PURE__ */ r("span", { children: o })
+        }
+      ),
+      ` ${i.symbol}`
+    ] })
+  );
 }
 export {
-  P as ApyValue,
-  B as HealthFactorValue,
-  z as LeverageValue,
-  C as TokenBigint,
-  $ as UsdValue,
+  E as ApyValue,
+  D as HealthFactorValue,
+  N as LeverageValue,
+  M as TokenBigint,
+  H as UsdValue,
   w as UtilizationValue,
-  o as bps
+  l as bps
 };

package/dist/esm/components/checkbox/checkbox-labeled.js

@@ -37,6 +37,7 @@ import "../simple-accordion/simple-accordion.js";
 import "../tip-card/tip-card.js";
 import "../typography/typography.js";
 import "../points-icon/points-icon.js";
+import "viem";
 import "../vertical-indicator/vertical-indicator.js";
 import "../base/page-title/page-title.js";
 import "../detailed-page-title/detailed-page-title-copy-button.js";
@@ -72,7 +73,6 @@ import "../dialog/dialog-header.js";
 import "../dialog/dialog-title.js";
 import "../dialog/dialog-modal-container.js";
 import "../dialog/dialog-overlay.js";
-import "viem";
 import "../input/input.js";
 import { Label as k } from "../label/label.js";
 import "../simple-dropdown/simple-dropdown.js";

package/dist/esm/components/client-adapters/styled-rounded-image/styled-rounded-image.js

@@ -37,6 +37,7 @@ import "../../simple-accordion/simple-accordion.js";
 import "../../tip-card/tip-card.js";
 import "../../typography/typography.js";
 import "../../points-icon/points-icon.js";
+import "viem";
 import "../../vertical-indicator/vertical-indicator.js";
 import "../../base/page-title/page-title.js";
 import "../../detailed-page-title/detailed-page-title-copy-button.js";
@@ -73,7 +74,6 @@ import "../../dialog/dialog-header.js";
 import "../../dialog/dialog-title.js";
 import "../../dialog/dialog-modal-container.js";
 import "../../dialog/dialog-overlay.js";
-import "viem";
 import "../../input/input.js";
 import "../../label/label.js";
 import "../../simple-dropdown/simple-dropdown.js";

package/dist/esm/components/compound-apy/compound-apy.js

@@ -69,7 +69,7 @@ function E({
   maxLeverage: p,
   collateralApy: r,
   borrowApy: d,
-  additionalBorrowApy: a,
+  quotaRate: a,
   decimals: m = 2,
   className: o
 }) {
@@ -89,7 +89,7 @@ function E({
       maxLeverage: p,
       collateralApy: r,
       borrowApy: d,
-      additionalBorrowApy: a,
+      quotaRate: a,
       className: o,
       children: s()
     }