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

package/dist/esm/components/base/stack/stack.js

@@ -3,10 +3,9 @@ import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as p } from "../../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
-import { StackTest as b } from "./constants.js";
+import { StackTest as T } from "./constants.js";
 const a = {
   row: "flex-row",
   col: "flex-col"
@@ -28,15 +27,15 @@ const a = {
   end: "justify-end",
   between: "justify-between"
 };
-function N({
+function y({
   direction: o = "col",
   gap: r = "none",
   align: t,
   justify: e,
   wrap: s = !1,
   className: n,
-  children: i,
-  ...c
+  children: c,
+  ...i
 }) {
   return /* @__PURE__ */ m(
     "div",
@@ -50,12 +49,12 @@ function N({
         s ? "flex-wrap" : void 0,
         n
       ),
-      ...c,
-      children: i
+      ...i,
+      children: c
     }
   );
 }
 export {
-  N as Stack,
-  b as StackTest
+  y as Stack,
+  T as StackTest
 };

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

@@ -1,4 +1,4 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
+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";
@@ -8,7 +8,6 @@ import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as o } from "../../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 import { SimpleTooltip as b } from "../../tooltip/simple-tooltip.js";
@@ -35,17 +34,17 @@ function w({
   delta: t,
   size: i
 }) {
-  const l = t.value > 0 ? "text-success" : t.value < 0 ? "text-destructive" : "text-muted-foreground", e = /* @__PURE__ */ a(
+  const r = t.value > 0 ? "text-success" : t.value < 0 ? "text-destructive" : "text-muted-foreground", e = /* @__PURE__ */ a(
     "span",
     {
       className: o(
         "inline-flex items-center gap-0.5 font-medium",
         d[i],
-        l
+        r
       ),
       "data-testid": m.delta,
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ l(
           v,
           {
             icon: t.value < 0 ? h : S,
@@ -56,19 +55,19 @@ function w({
       ]
     }
   );
-  return t.tooltip == null ? e : /* @__PURE__ */ r(b, { title: e, triggerClassName: "shrink-0", children: t.tooltip });
+  return t.tooltip == null ? e : /* @__PURE__ */ l(b, { title: e, triggerClassName: "shrink-0", children: t.tooltip });
 }
-function J({
+function H({
   title: t,
   value: i,
-  isLoading: l = !1,
+  isLoading: r = !1,
   size: e = "default",
   delta: s,
   action: n,
   className: c,
   testId: u
 }) {
-  const f = x(), g = s != null && !l;
+  const f = x(), g = s != null && !r;
   return /* @__PURE__ */ a(
     "div",
     {
@@ -87,7 +86,7 @@ function J({
               T[e]
             ),
             children: [
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ l(
                 "div",
                 {
                   className: o("font-medium text-muted-foreground", d[e]),
@@ -95,20 +94,20 @@ function J({
                 }
               ),
               g || n != null ? /* @__PURE__ */ a("div", { className: "flex shrink-0 items-center gap-2", children: [
-                s != null && !l ? /* @__PURE__ */ r(w, { delta: s, size: e }) : null,
-                n != null ? /* @__PURE__ */ r("div", { className: "shrink-0", "data-testid": m.action, children: n }) : null
+                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
               ] }) : null
             ]
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ l(
           "div",
           {
             className: o(
               "text-left font-medium text-foreground",
               _[e]
             ),
-            children: /* @__PURE__ */ r(N, { width: 80, loading: l, children: /* @__PURE__ */ r(p, { gap: "xs", align: "start", className: "w-full items-start", children: i }) })
+            children: /* @__PURE__ */ l(N, { width: 80, loading: r, children: /* @__PURE__ */ l(p, { gap: "xs", align: "start", className: "w-full items-start", children: i }) })
           }
         )
       ]
@@ -130,21 +129,21 @@ const E = {
   default: "gap-4",
   lg: "gap-6"
 };
-function K({
+function J({
   cols: t = 1,
   colsLg: i,
-  gap: l = "default",
+  gap: r = "default",
   children: e,
   className: s
 }) {
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: o(
         "grid w-full",
         E[t],
         i ? G[i] : void 0,
-        D[l],
+        D[r],
         s
       ),
       "data-testid": m.grid,
@@ -153,7 +152,7 @@ function K({
   );
 }
 export {
-  J as StatBadge,
-  K as StatBadgeGrid,
+  H as StatBadge,
+  J as StatBadgeGrid,
   m as StatBadgeTest
 };

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

@@ -3,11 +3,10 @@ import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as p } from "../../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 import { StickyBarTest as i } from "./constants.js";
-function f({
+function u({
   children: t,
   className: r,
   testId: o = i.root
@@ -26,6 +25,6 @@ function f({
   );
 }
 export {
-  f as StickyBar,
+  u as StickyBar,
   i as StickyBarTest
 };

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

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

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

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

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

@@ -6,7 +6,6 @@ import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as i } from "../../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 const m = {
@@ -16,11 +15,11 @@ const m = {
   active: "components.positionStatusBadge.active",
   repaid: "components.positionStatusBadge.repaid"
 };
-function v({
+function b({
   data: t
 }) {
   return /* @__PURE__ */ e(r, { variant: "secondary", className: i(m[t]), children: /* @__PURE__ */ e(o, { messageId: a[t] }) });
 }
 export {
-  v as PositionStatusBadge
+  b as PositionStatusBadge
 };

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

@@ -1,12 +1,11 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Badge as r } from "../../badge/badge.js";
 import "../../badge/chip.js";
-import { FormattedMessageTyped as i } from "../../typed-intl/index.js";
+import { FormattedMessageTyped as n } from "../../typed-intl/index.js";
 import "react";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as n } from "../../../utils/cn.js";
+import { cn as i } from "../../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 const p = {
@@ -18,7 +17,7 @@ const p = {
   strategy: "components.positionTypeBadge.strategy",
   liquidation: "components.positionTypeBadge.liquidation"
 }, a = "text-[10px] leading-none px-1.5 py-0.5 rounded-md";
-function x({
+function f({
   data: e,
   size: t = "table"
 }) {
@@ -26,14 +25,14 @@ function x({
     r,
     {
       variant: "secondary",
-      className: n(
+      className: i(
         p[e],
         t === "aside" && a
       ),
-      children: /* @__PURE__ */ o(i, { messageId: m[e] })
+      children: /* @__PURE__ */ o(n, { messageId: m[e] })
     }
   );
 }
 export {
-  x as PositionTypeBadge
+  f as PositionTypeBadge
 };

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

@@ -5,19 +5,18 @@ import "clsx";
 import "tailwind-merge";
 import "sonner";
 import { formatPercentAmount as o } from "../../../utils/format-money.js";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 import { ValueTest as i } from "./constants.js";
-function m(r) {
+function e(r) {
   return `${r > 0n ? "+" : ""}${o(Number(r) / 1e4, 2)}%`;
 }
-function g({
+function I({
   data: r
 }) {
-  return r === void 0 ? /* @__PURE__ */ t("span", { "data-testid": i.placeholder, children: "—" }) : /* @__PURE__ */ t("span", { "data-testid": i.priceImpact, children: m(r) });
+  return r === void 0 ? /* @__PURE__ */ t("span", { "data-testid": i.placeholder, children: "—" }) : /* @__PURE__ */ t("span", { "data-testid": i.priceImpact, children: e(r) });
 }
 export {
-  g as PriceImpactValue,
-  m as priceImpact
+  I as PriceImpactValue,
+  e as priceImpact
 };

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

@@ -10,7 +10,6 @@ import "sonner";
 import { formatAssetAmount as d } from "../../../utils/format-asset-amount.js";
 import { formatLeverage as f } from "../../../utils/format-leverage.js";
 import { formatPercentAmount as h, formatMoney as v } from "../../../utils/format-money.js";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 import { ValueTest as i } from "./constants.js";
@@ -21,29 +20,29 @@ function n() {
 function s(t) {
   return `${h(t / 100, 2)}%`;
 }
-function H({
+function E({
   data: t,
   tooltip: e = !0,
   period: o
 }) {
   return t === void 0 ? /* @__PURE__ */ r(n, {}) : typeof t == "number" ? /* @__PURE__ */ r("span", { "data-testid": i.apy, children: s(t) }) : /* @__PURE__ */ r("span", { "data-testid": i.apy, children: /* @__PURE__ */ r(p, { apy: t, tooltip: e, period: o }) });
 }
-function N({
+function H({
   data: t
 }) {
   return t == null ? /* @__PURE__ */ r(n, {}) : /* @__PURE__ */ r("span", { "data-testid": i.usd, children: v(t) });
 }
-function w({
+function N({
   data: t
 }) {
   return t === void 0 ? /* @__PURE__ */ r(n, {}) : /* @__PURE__ */ r("span", { "data-testid": i.leverage, children: `${f(t)}x` });
 }
-function D({
+function w({
   data: t
 }) {
   return t === void 0 ? /* @__PURE__ */ r(n, {}) : /* @__PURE__ */ r("span", { "data-testid": i.utilization, children: s(t) });
 }
-function M({
+function D({
   data: t
 }) {
   if (t === void 0)
@@ -51,7 +50,7 @@ function M({
   const e = t < 1e4 ? "text-destructive" : t < 11e3 ? "text-warning" : "text-success";
   return /* @__PURE__ */ r("span", { "data-testid": i.healthFactor, className: c(e), children: (t / 1e4).toFixed(2) });
 }
-function O({
+function M({
   data: t,
   token: e,
   showSymbol: o = !0
@@ -78,11 +77,11 @@ function O({
   );
 }
 export {
-  H as ApyValue,
-  M as HealthFactorValue,
-  w as LeverageValue,
-  O as TokenBigint,
-  N as UsdValue,
-  D as UtilizationValue,
+  E as ApyValue,
+  D as HealthFactorValue,
+  N as LeverageValue,
+  M as TokenBigint,
+  H as UsdValue,
+  w as UtilizationValue,
   s as bps
 };

package/dist/esm/components/base-link/base-link.js

@@ -6,7 +6,6 @@ import { useNavigationAdapter as N } from "../navigation-context/navigation-cont
 import "@gearbox-protocol/sdk/onchain";
 import { cn as j } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const L = k("transition-colors", {
@@ -41,26 +40,26 @@ const L = k("transition-colors", {
     href: e,
     target: l,
     rel: u,
-    asChild: m = !1,
-    external: f = !1,
+    asChild: f = !1,
+    external: m = !1,
     size: c = "default",
     variant: g = "default",
     color: x = "default",
     children: r,
     ...o
   }, a) => {
-    const { Link: p } = N(), t = f ? "_blank" : l, n = t === "_blank" ? "noopener noreferrer" : u, s = j(L({ size: c, variant: g, color: x }), d);
-    if (m) {
-      const v = {
+    const { Link: v } = N(), t = m ? "_blank" : l, n = t === "_blank" ? "noopener noreferrer" : u, s = j(L({ size: c, variant: g, color: x }), d);
+    if (f) {
+      const p = {
         href: e,
         target: t,
         rel: n,
         ...o
       };
-      return /* @__PURE__ */ i(b, { ref: a, className: s, ...v, children: r });
+      return /* @__PURE__ */ i(b, { ref: a, className: s, ...p, children: r });
     }
     return e?.startsWith("/") ? /* @__PURE__ */ i(
-      p,
+      v,
       {
         ref: a,
         className: s,

package/dist/esm/components/base-table/base-table-line.js

@@ -5,7 +5,6 @@ import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { GridTableRow as h, GridTableCell as u } from "../table/grid-table.js";
@@ -37,7 +36,7 @@ function v({
     /* @__PURE__ */ i("div", { className: "min-w-0 text-sm", children: r })
   ] });
 }
-function te({
+function ie({
   columns: t,
   cells: r,
   last: x,
@@ -112,6 +111,6 @@ function te({
   );
 }
 export {
-  te as BaseTableLine,
+  ie as BaseTableLine,
   D as BaseTableLineTest
 };

package/dist/esm/components/base-table/base-table.js

@@ -1,13 +1,12 @@
 import { jsxs as T, jsx as t } from "react/jsx-runtime";
-import { Children as p } from "react";
+import { Children as n } from "react";
 import { Guard as x } from "../guard/guard.js";
 import { HeadCell as y } from "../head-cell/head-cell.js";
 import "react-intl";
 import "../buttons/button/button.js";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as n } from "../../utils/cn.js";
+import { cn as p } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { GridTable as C, GridTableHeader as j, GridTableRow as f, GridTableHead as H, GridTableBody as N, GridTableCell as S } from "../table/grid-table.js";
@@ -32,7 +31,7 @@ function B({
     }
   ) });
 }
-function X({
+function W({
   columns: i,
   isLoading: o,
   emptyMessage: c,
@@ -50,7 +49,7 @@ function X({
       cols: l ? "1fr" : g,
       gap: 0,
       size: "lg",
-      className: n("min-w-0 w-full", w),
+      className: p("min-w-0 w-full", w),
       wrapperClassName: b,
       "data-testid": d.root,
       children: [
@@ -61,7 +60,7 @@ function X({
             {
               justify: m,
               size: "sm",
-              className: n(
+              className: p(
                 "min-w-0 whitespace-nowrap",
                 e.headClassName
               ),
@@ -93,9 +92,9 @@ function X({
             children: !o && /* @__PURE__ */ t(
               x,
               {
-                showGuard: p.count(s) === 0,
+                showGuard: n.count(s) === 0,
                 guard: /* @__PURE__ */ t(B, { message: c, testId: d.empty }),
-                children: p.count(s) > 0 && /* @__PURE__ */ t(N, { children: s })
+                children: n.count(s) > 0 && /* @__PURE__ */ t(N, { children: s })
               }
             )
           }
@@ -105,6 +104,6 @@ function X({
   );
 }
 export {
-  X as BaseTable,
+  W as BaseTable,
   d as BaseTableTest
 };

package/dist/esm/components/breadcrumbs/breadcrumbs.js

@@ -5,11 +5,10 @@ import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as c } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const u = "text-sm! transition-colors text-muted-foreground! hover:text-foreground!";
-function T({
+function R({
   items: n,
   onClick: d,
   currentStep: m,
@@ -62,5 +61,5 @@ function T({
   }) }) });
 }
 export {
-  T as BreadCrumbs
+  R as BreadCrumbs
 };

package/dist/esm/components/buttons/back-button/back-button.js

@@ -6,7 +6,6 @@ import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as p } from "../../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 const x = f("flex items-center transition-colors", {
@@ -35,20 +34,20 @@ function l({
 }) {
   return /* @__PURE__ */ a("a", { href: t, className: r, onClick: o, children: e });
 }
-function N({
+function L({
   href: t,
   text: r,
   onClick: o,
   className: e,
   variant: i,
-  size: m,
-  LinkComponent: n = l
+  size: n,
+  LinkComponent: m = l
 }) {
   return /* @__PURE__ */ s(
-    n,
+    m,
     {
       href: t,
-      className: p(x({ variant: i, size: m, className: e })),
+      className: p(x({ variant: i, size: n, className: e })),
       onClick: o,
       children: [
         /* @__PURE__ */ a(c, { icon: u, className: "mr-2 size-4" }),
@@ -58,6 +57,6 @@ function N({
   );
 }
 export {
-  N as BackButton,
+  L as BackButton,
   x as backButtonVariants
 };

package/dist/esm/components/buttons/button/button.js

@@ -5,7 +5,6 @@ import * as y from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as e } from "../../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 const h = x(