@gearbox-protocol/ui-kit 4.0.0-next.48 → 4.0.0-next.49

package/dist/esm/components/base/stat-badge/stat-badge.js

@@ -1,18 +1,17 @@
 import { jsxs as a, jsx as l } from "react/jsx-runtime";
-import { Stack as p } from "../stack/stack.js";
-import { useTitleText as x } from "../text/use-title-text.js";
-import { faCaretDown as h, faCaretUp as S } from "@fortawesome/free-solid-svg-icons";
+import { faCaretDown as p, faCaretUp as x } from "@fortawesome/free-solid-svg-icons";
+import { Stack as h } from "../stack/stack.js";
+import { useTitleText as S } from "../text/use-title-text.js";
 import { FaIcon as v } from "../../icons/fa-icon.js";
 import { Skeleton as N } from "../../skeleton/skeleton.js";
 import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as o } from "../../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../../utils/z-index.js";
 import { SimpleTooltip as b } from "../../tooltip/simple-tooltip.js";
 import "../../tooltip/tooltip.js";
-import { StatBadgeTest as m } from "./constants.js";
+import { StatBadgeTest as n } from "./constants.js";
 const I = {
   sm: "p-4",
   md: "p-5",
@@ -21,7 +20,7 @@ const I = {
   sm: "mb-2.5",
   md: "mb-2",
   default: "mb-3"
-}, d = {
+}, m = {
   sm: "text-xs leading-[0.8125rem]",
   md: "text-xs leading-[0.9rem]",
   default: "text-sm leading-[1.0625rem]"
@@ -39,15 +38,15 @@ function w({
     {
       className: o(
         "inline-flex items-center gap-0.5 font-medium",
-        d[i],
+        m[i],
         r
       ),
-      "data-testid": m.delta,
+      "data-testid": n.delta,
       children: [
         /* @__PURE__ */ l(
           v,
           {
-            icon: t.value < 0 ? h : S,
+            icon: t.value < 0 ? p : x,
             className: "size-3"
           }
         ),
@@ -57,17 +56,17 @@ function w({
   );
   return t.tooltip == null ? e : /* @__PURE__ */ l(b, { title: e, triggerClassName: "shrink-0", children: t.tooltip });
 }
-function H({
+function q({
   title: t,
   value: i,
   isLoading: r = !1,
   size: e = "default",
   delta: s,
-  action: n,
+  action: d,
   className: c,
   testId: u
 }) {
-  const f = x(), g = s != null && !r;
+  const f = S(), g = s != null && !r;
   return /* @__PURE__ */ a(
     "div",
     {
@@ -76,7 +75,7 @@ function H({
         I[e],
         c
       ),
-      "data-testid": u ?? m.root,
+      "data-testid": u ?? n.root,
       children: [
         /* @__PURE__ */ a(
           "div",
@@ -89,13 +88,13 @@ function H({
               /* @__PURE__ */ l(
                 "div",
                 {
-                  className: o("font-medium text-muted-foreground", d[e]),
+                  className: o("font-medium text-muted-foreground", m[e]),
                   children: f(t)
                 }
               ),
-              g || n != null ? /* @__PURE__ */ a("div", { className: "flex shrink-0 items-center gap-2", children: [
+              g || d != null ? /* @__PURE__ */ a("div", { className: "flex shrink-0 items-center gap-2", children: [
                 s != null && !r ? /* @__PURE__ */ l(w, { delta: s, size: e }) : null,
-                n != null ? /* @__PURE__ */ l("div", { className: "shrink-0", "data-testid": m.action, children: n }) : null
+                d != null ? /* @__PURE__ */ l("div", { className: "shrink-0", "data-testid": n.action, children: d }) : null
               ] }) : null
             ]
           }
@@ -107,7 +106,7 @@ function H({
               "text-left font-medium text-foreground",
               _[e]
             ),
-            children: /* @__PURE__ */ l(N, { width: 80, loading: r, children: /* @__PURE__ */ l(p, { gap: "xs", align: "start", className: "w-full items-start", children: i }) })
+            children: /* @__PURE__ */ l(N, { width: 80, loading: r, children: /* @__PURE__ */ l(h, { gap: "xs", align: "start", className: "w-full items-start", children: i }) })
           }
         )
       ]
@@ -129,7 +128,7 @@ const E = {
   default: "gap-4",
   lg: "gap-6"
 };
-function J({
+function H({
   cols: t = 1,
   colsLg: i,
   gap: r = "default",
@@ -146,13 +145,13 @@ function J({
         D[r],
         s
       ),
-      "data-testid": m.grid,
+      "data-testid": n.grid,
       children: e
     }
   );
 }
 export {
-  H as StatBadge,
-  J as StatBadgeGrid,
-  m as StatBadgeTest
+  q as StatBadge,
+  H as StatBadgeGrid,
+  n as StatBadgeTest
 };

package/dist/esm/components/base/sticky-bar/sticky-bar.js

@@ -1,12 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
-import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as p } from "../../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../../utils/z-index.js";
 import { StickyBarTest as i } from "./constants.js";
-function u({
+function b({
   children: t,
   className: r,
   testId: o = i.root
@@ -25,6 +23,6 @@ function u({
   );
 }
 export {
-  u as StickyBar,
+  b as StickyBar,
   i as StickyBarTest
 };

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

@@ -1,17 +1,16 @@
-import { jsxs as A, jsx as o, Fragment as C } from "react/jsx-runtime";
+import { jsxs as A, jsx as e, Fragment as C } from "react/jsx-runtime";
 import { calcNetStrategyApy as x, calcEffectiveBorrowApy as D } from "@gearbox-protocol/sdk/onchain";
 import { ApyBreakdownBody as P, formatBreakdownRate as i, ApyBreakdownRow as v, periodMessageId as k, ApyBreakdownDivider as q, BREAKDOWN_DASH as O } from "../apy-breakdown-body/apy-breakdown-body.js";
 import { NoValue as b } from "../values/no-value.js";
-import "react";
 import { totalApyOf as S, positiveTokenRewardsOf as L, pointProgramsOf as M } from "../../../utils/apy-breakdown.js";
 import "clsx";
 import "tailwind-merge";
-import "sonner";
 import { formatLeverage as d } from "../../../utils/format-leverage.js";
 import "luxon";
 import "../../../utils/z-index.js";
 import { PointsIcon as $ } from "../../points-icon/points-icon.js";
 import "viem";
+import "react";
 import { TokenIcon as j } from "../../token-icon/token-icon.js";
 import { FormattedMessageTyped as r } from "../../typed-intl/index.js";
 import "../../tooltip/simple-tooltip.js";
@@ -27,7 +26,7 @@ function z(c) {
     liquidationThreshold: s
   };
 }
-function so({
+function re({
   data: c,
   leverage: t,
   showFormula: p = !1,
@@ -45,15 +44,15 @@ function so({
       t
     ),
     ...l.rewards ? { rewards: l.rewards } : {}
-  } : null, m = f && a ? D(a, t) : null, u = g === null ? null : S(g), I = u === null || m === null ? null : u + m, N = l ? L(l) : [], B = l ? M(l) : [], T = N.map((e) => ({
-    reward: e,
-    value: Math.round(t * (e.supplyApr ?? 0))
-  })), y = I === null ? null : I - T.reduce((e, w) => e + w.value, 0), h = y !== null && t > 0 ? y / t : void 0, R = a && m !== null && t > 0 ? (m - a.borrowApy * (t - 1)) / t : void 0;
+  } : null, m = f && a ? D(a, t) : null, u = g === null ? null : S(g), I = u === null || m === null ? null : u + m, N = l ? L(l) : [], B = l ? M(l) : [], T = N.map((o) => ({
+    reward: o,
+    value: Math.round(t * (o.supplyApr ?? 0))
+  })), y = I === null ? null : I - T.reduce((o, w) => o + w.value, 0), h = y !== null && t > 0 ? y / t : void 0, R = a && m !== null && t > 0 ? (m - a.borrowApy * (t - 1)) / t : void 0;
   return /* @__PURE__ */ A(
     P,
     {
       testId: n.root,
-      title: /* @__PURE__ */ o(
+      title: /* @__PURE__ */ e(
         r,
         {
           messageId: k(
@@ -64,17 +63,17 @@ function so({
           values: { leverage: d(t) }
         }
       ),
-      chip: u === null ? /* @__PURE__ */ o(b, { reason: s }) : i(u),
+      chip: u === null ? /* @__PURE__ */ e(b, { reason: s }) : i(u),
       chipPositive: (u ?? 0) > 0,
       chipTestId: n.net,
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ e(
           v,
           {
             testId: n.collateral,
             valueTestId: n.value,
             captionTestId: n.caption,
-            label: /* @__PURE__ */ o(
+            label: /* @__PURE__ */ e(
               r,
               {
                 messageId: k(
@@ -84,8 +83,8 @@ function so({
                 )
               }
             ),
-            value: y === null ? /* @__PURE__ */ o(b, { reason: s }) : i(y),
-            subtext: p && h !== void 0 ? /* @__PURE__ */ o(
+            value: y === null ? /* @__PURE__ */ e(b, { reason: s }) : i(y),
+            subtext: p && h !== void 0 ? /* @__PURE__ */ e(
               r,
               {
                 messageId: "components.strategyApyBreakdownCard.formula",
@@ -97,51 +96,51 @@ function so({
             ) : void 0
           }
         ),
-        T.map(({ reward: e, value: w }) => /* @__PURE__ */ o(
+        T.map(({ reward: o, value: w }) => /* @__PURE__ */ e(
           v,
           {
             valueTestId: n.value,
             captionTestId: n.caption,
             label: /* @__PURE__ */ A("span", { className: "inline-flex items-center gap-1.5", children: [
-              /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(
+              /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
                 r,
                 {
                   messageId: "components.apyParts.extraAPY",
-                  values: { symbol: e.token.symbol }
+                  values: { symbol: o.token.symbol }
                 }
               ) }),
-              /* @__PURE__ */ o(
+              /* @__PURE__ */ e(
                 j,
                 {
-                  token: e.token,
-                  symbol: e.token.symbol,
+                  token: o.token,
+                  symbol: o.token.symbol,
                   size: 16,
                   className: "shrink-0"
                 }
               )
             ] }),
             value: i(w),
-            subtext: p ? /* @__PURE__ */ o(
+            subtext: p ? /* @__PURE__ */ e(
               r,
               {
                 messageId: "components.strategyApyBreakdownCard.formula",
                 values: {
                   leverage: d(t),
-                  base: i(e.supplyApr ?? 0)
+                  base: i(o.supplyApr ?? 0)
                 }
               }
             ) : void 0
           },
-          `incentive-${e.token.address}-${e.supplyApr ?? 0}`
+          `incentive-${o.token.address}-${o.supplyApr ?? 0}`
         )),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ e(
           v,
           {
             muted: !0,
             testId: n.borrow,
             valueTestId: n.value,
             captionTestId: n.caption,
-            label: /* @__PURE__ */ o(
+            label: /* @__PURE__ */ e(
               r,
               {
                 messageId: k(
@@ -151,8 +150,8 @@ function so({
                 )
               }
             ),
-            value: m === null ? /* @__PURE__ */ o(b, { reason: s }) : i(-m),
-            subtext: p && a && R !== void 0 ? /* @__PURE__ */ o(
+            value: m === null ? /* @__PURE__ */ e(b, { reason: s }) : i(-m),
+            subtext: p && a && R !== void 0 ? /* @__PURE__ */ e(
               r,
               {
                 messageId: "components.strategyApyBreakdownCard.borrowFormula",
@@ -172,42 +171,42 @@ function so({
           }
         ),
         B.length > 0 ? /* @__PURE__ */ A(C, { children: [
-          /* @__PURE__ */ o(q, {}),
-          B.map((e) => /* @__PURE__ */ o(
+          /* @__PURE__ */ e(q, {}),
+          B.map((o) => /* @__PURE__ */ e(
             v,
             {
               valueTestId: n.points,
               captionTestId: n.caption,
               label: /* @__PURE__ */ A("span", { className: "inline-flex items-center gap-1.5", children: [
-                /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(
+                /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
                   r,
                   {
                     messageId: "components.yieldBreakdown.programPoints",
-                    values: { name: e.name }
+                    values: { name: o.name }
                   }
                 ) }),
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ e(
                   $,
                   {
-                    reward: { name: e.name, type: e.id },
+                    reward: { name: o.name, type: o.id },
                     size: 16,
                     className: "shrink-0"
                   }
                 )
               ] }),
-              value: e.multiplier != null ? `${d(e.multiplier * t)}×` : O,
-              subtext: p && e.multiplier != null ? /* @__PURE__ */ o(
+              value: o.multiplier != null ? `${d(o.multiplier * t)}×` : O,
+              subtext: p && o.multiplier != null ? /* @__PURE__ */ e(
                 r,
                 {
                   messageId: "components.strategyApyBreakdownCard.formula",
                   values: {
                     leverage: d(t),
-                    base: d(e.multiplier)
+                    base: d(o.multiplier)
                   }
                 }
               ) : void 0
             },
-            e.id
+            o.id
           ))
         ] }) : null
       ]
@@ -215,6 +214,6 @@ function so({
   );
 }
 export {
-  so as StrategyApyBreakdownCard,
+  re as StrategyApyBreakdownCard,
   n as StrategyApyBreakdownCardTest
 };

package/dist/esm/components/base/title-meta/title-meta.js

@@ -1,13 +1,12 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { Link as l } from "../../link/link.js";
 import { NetworkIcon as x } from "../../network-icon/network-icon.js";
-import "../../network-icon/network-indicator.js";
 import { TokenIcon as h } from "../../token-icon/token-icon.js";
 import { FormattedMessageTyped as u } from "../../typed-intl/index.js";
 import { Typography as r } from "../../typography/typography.js";
 import { Stack as o } from "../stack/stack.js";
 import { TitleMetaTest as s } from "./constants.js";
-function I({
+function M({
   network: i,
   curatorName: a,
   curatorLink: m,
@@ -83,6 +82,6 @@ function I({
   );
 }
 export {
-  I as TitleMeta,
+  M as TitleMeta,
   s as TitleMetaTest
 };

package/dist/esm/components/base/token-amount/token-amount.js

@@ -1,17 +1,16 @@
 import { jsx as r, jsxs as t } from "react/jsx-runtime";
 import { Stack as s } from "../stack/stack.js";
 import { NoValue as a } from "../values/no-value.js";
-import "react";
 import "@gearbox-protocol/sdk/onchain";
 import "clsx";
 import "tailwind-merge";
-import "sonner";
 import { APPROXIMATE_SYMBOL as l } from "../../../utils/format.js";
 import { formatMoney as c } from "../../../utils/format-money.js";
 import "luxon";
 import "../../../utils/z-index.js";
 import "../../points-icon/points-icon.js";
 import "viem";
+import "react";
 import "../../token-icon/token-icon.js";
 import "react-intl";
 import "../../tooltip/simple-tooltip.js";
@@ -21,7 +20,7 @@ import "../../badge/chip.js";
 import { TokenTemplate as u } from "../../token-template/token-template.js";
 import { Typography as f } from "../../typography/typography.js";
 import { TokenAmountTest as m } from "./constants.js";
-function Y({
+function X({
   data: o,
   token: e,
   align: i = "end",
@@ -46,6 +45,6 @@ function Y({
   ] });
 }
 export {
-  Y as TokenAmount,
+  X as TokenAmount,
   m as TokenAmountTest
 };

package/dist/esm/components/base/token-pair-symbol/token-pair-symbol.js

@@ -1,32 +1,30 @@
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { TokenSymbol as m } from "../../token-symbol/token-symbol.js";
-import "react";
+import { TokenSymbol as n } from "../../token-symbol/token-symbol.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as p } from "../../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../../utils/z-index.js";
 import { TokenPairSymbolTest as f } from "./constants.js";
-function N({
+function b({
   collateral: o,
   underlying: t,
   size: e = 32,
-  offset: i = 10,
-  className: n
+  offset: m = 10,
+  className: i
 }) {
   return !t && !o ? null : o ? t ? /* @__PURE__ */ s(
     "span",
     {
-      className: p("relative z-0 inline-flex shrink-0 self-center", n),
+      className: p("relative z-0 inline-flex shrink-0 self-center", i),
       "data-testid": f.root,
       children: [
-        /* @__PURE__ */ r("span", { className: "z-[1]", children: /* @__PURE__ */ r(m, { size: e, token: o }) }),
-        /* @__PURE__ */ r("span", { className: "relative z-0", style: { right: `${i}%` }, children: /* @__PURE__ */ r(m, { size: e, token: t }) })
+        /* @__PURE__ */ r("span", { className: "z-[1]", children: /* @__PURE__ */ r(n, { size: e, token: o }) }),
+        /* @__PURE__ */ r("span", { className: "relative z-0", style: { right: `${m}%` }, children: /* @__PURE__ */ r(n, { size: e, token: t }) })
       ]
     }
-  ) : /* @__PURE__ */ r(m, { size: e, token: o }) : t ? /* @__PURE__ */ r(m, { size: e, token: t }) : null;
+  ) : /* @__PURE__ */ r(n, { size: e, token: o }) : t ? /* @__PURE__ */ r(n, { size: e, token: t }) : null;
 }
 export {
-  N as TokenPairSymbol,
+  b as TokenPairSymbol,
   f as TokenPairSymbolTest
 };

package/dist/esm/components/base/values/pnl-value.js

@@ -1,28 +1,26 @@
-import { jsx as r } from "react/jsx-runtime";
-import "react";
+import { jsx as o } from "react/jsx-runtime";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as i } from "../../../utils/cn.js";
-import "sonner";
+import { cn as s } from "../../../utils/cn.js";
 import "luxon";
 import "../../../utils/z-index.js";
-import { ValueTest as s } from "./constants.js";
-import { NoValue as m } from "./no-value.js";
-function V({
-  data: o
+import { ValueTest as n } from "./constants.js";
+import { NoValue as i } from "./no-value.js";
+function d({
+  data: e
 }) {
-  const t = typeof o == "number" ? o : o?.total.valueUsd ?? null;
+  const t = typeof e == "number" ? e : e?.total.valueUsd ?? null;
   if (t === null)
-    return /* @__PURE__ */ r(m, {});
-  const e = t > 0 ? "+" : t < 0 ? "−" : "";
-  return /* @__PURE__ */ r(
+    return /* @__PURE__ */ o(i, {});
+  const r = t > 0 ? "+" : t < 0 ? "−" : "";
+  return /* @__PURE__ */ o(
     "span",
     {
-      "data-testid": s.pnl,
-      className: i(t > 0 && "text-success", t < 0 && "text-destructive"),
-      children: `${e}$${Math.abs(t).toFixed(2)}`
+      "data-testid": n.pnl,
+      className: s(t > 0 && "text-success", t < 0 && "text-destructive"),
+      children: `${r}$${Math.abs(t).toFixed(2)}`
     }
   );
 }
 export {
-  V as PnlValue
+  d as PnlValue
 };

package/dist/esm/components/base/values/position-status-badge.js

@@ -1,11 +1,9 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { Badge as r } from "../../badge/badge.js";
 import "../../badge/chip.js";
 import { FormattedMessageTyped as o } from "../../typed-intl/index.js";
-import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as i } from "../../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../../utils/z-index.js";
 const m = {
@@ -15,11 +13,11 @@ const m = {
   active: "components.positionStatusBadge.active",
   repaid: "components.positionStatusBadge.repaid"
 };
-function b({
-  data: t
+function f({
+  data: e
 }) {
-  return /* @__PURE__ */ e(r, { variant: "secondary", className: i(m[t]), children: /* @__PURE__ */ e(o, { messageId: a[t] }) });
+  return /* @__PURE__ */ t(r, { variant: "secondary", className: i(m[e]), children: /* @__PURE__ */ t(o, { messageId: a[e] }) });
 }
 export {
-  b as PositionStatusBadge
+  f as PositionStatusBadge
 };

package/dist/esm/components/base/values/position-type-badge.js

@@ -2,22 +2,20 @@ import { jsx as o } from "react/jsx-runtime";
 import { Badge as r } from "../../badge/badge.js";
 import "../../badge/chip.js";
 import { FormattedMessageTyped as n } from "../../typed-intl/index.js";
-import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as i } from "../../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../../utils/z-index.js";
 const p = {
   pool: "shrink-0 border-transparent bg-emerald-500/15 font-medium text-emerald-400 hover:bg-emerald-500/15",
   strategy: "shrink-0 border-transparent bg-blue-500/15 font-medium text-blue-400 hover:bg-blue-500/15",
   liquidation: "shrink-0 border-transparent bg-purple-500/15 font-medium text-purple-400 hover:bg-purple-500/15"
-}, m = {
+}, a = {
   pool: "components.positionTypeBadge.pool",
   strategy: "components.positionTypeBadge.strategy",
   liquidation: "components.positionTypeBadge.liquidation"
-}, a = "text-[10px] leading-none px-1.5 py-0.5 rounded-md";
-function f({
+}, m = "text-[10px] leading-none px-1.5 py-0.5 rounded-md";
+function B({
   data: e,
   size: t = "table"
 }) {
@@ -27,12 +25,12 @@ function f({
       variant: "secondary",
       className: i(
         p[e],
-        t === "aside" && a
+        t === "aside" && m
       ),
-      children: /* @__PURE__ */ o(n, { messageId: m[e] })
+      children: /* @__PURE__ */ o(n, { messageId: a[e] })
     }
   );
 }
 export {
-  f as PositionTypeBadge
+  B as PositionTypeBadge
 };

package/dist/esm/components/base/values/price-impact-value.js

@@ -1,23 +1,21 @@
 import { jsx as t } from "react/jsx-runtime";
-import "react";
 import "@gearbox-protocol/sdk/onchain";
 import "clsx";
 import "tailwind-merge";
-import "sonner";
 import { formatPercentAmount as o } from "../../../utils/format-money.js";
 import "luxon";
 import "../../../utils/z-index.js";
 import { ValueTest as i } from "./constants.js";
 import { NoValue as m } from "./no-value.js";
-function p(r) {
+function e(r) {
   return `${r > 0n ? "+" : ""}${o(Number(r) / 1e4, 2)}%`;
 }
-function x({
+function V({
   data: r
 }) {
-  return r === void 0 ? /* @__PURE__ */ t(m, {}) : /* @__PURE__ */ t("span", { "data-testid": i.priceImpact, children: p(r) });
+  return r === void 0 ? /* @__PURE__ */ t(m, {}) : /* @__PURE__ */ t("span", { "data-testid": i.priceImpact, children: e(r) });
 }
 export {
-  x as PriceImpactValue,
-  p as priceImpact
+  V as PriceImpactValue,
+  e as priceImpact
 };