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

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

@@ -4,7 +4,6 @@ import { useState as x, useEffect as q } from "react";
 import { useTitleText as G } from "../text/use-title-text.js";
 import { Modal as H } from "../../modal/modal.js";
 import { useIntlTyped as J, FormattedMessageTyped as K } from "../../typed-intl/index.js";
-import "@gearbox-protocol/sdk/common-utils";
 import { useIsMobile as Q } from "../../../hooks/use-media-query.js";
 import { bnToInputView as M } from "../../../utils/bn-to-input-view.js";
 import { cn as R } from "../../../utils/cn.js";
@@ -44,12 +43,12 @@ const Y = g(
     defaultVariants: { size: "md" }
   }
 );
-function ge({
+function xe({
   amount: t,
   onAmount: s,
   token: r,
   tokens: n,
-  onToken: o,
+  onToken: a,
   balance: u,
   balances: B,
   usdPrices: j,
@@ -57,7 +56,7 @@ function ge({
   maxLabel: v,
   usdPrice: b,
   size: A,
-  disabled: a = !1,
+  disabled: o = !1,
   testId: D
 }) {
   const O = J(), y = G(), U = Q(), i = A ?? (U ? "sm" : "md"), l = r.decimals, [p, w] = x(
@@ -70,8 +69,8 @@ function ge({
   const $ = (d) => {
     const [F, V] = S(d.target.value, l);
     F === null || V === null || (w(V), s(F));
-  }, I = !!(n && n.length > 1 && o && !a), T = b !== void 0 ? ee(p, b) : null, E = (d) => {
-    o?.(d), f(!1);
+  }, I = !!(n && n.length > 1 && a && !o), T = b !== void 0 ? ee(p, b) : null, E = (d) => {
+    a?.(d), f(!1);
   }, C = () => f(!1);
   return /* @__PURE__ */ c(L, { children: [
     /* @__PURE__ */ c(
@@ -79,7 +78,7 @@ function ge({
       {
         "data-testid": D ?? m.root,
         "data-active": P,
-        "data-disabled": a,
+        "data-disabled": o,
         className: Y({ size: i }),
         children: [
           /* @__PURE__ */ c("div", { className: "mb-2 flex justify-between text-sm leading-[120%]", children: [
@@ -100,7 +99,7 @@ function ge({
                 title: v !== void 0 ? y(v) : void 0,
                 token: r,
                 balance: u,
-                disabled: a,
+                disabled: o,
                 onMax: () => s(u)
               }
             ) : null
@@ -120,7 +119,7 @@ function ge({
                 onChange: $,
                 onFocus: () => z(!0),
                 onBlur: () => z(!1),
-                disabled: a,
+                disabled: o,
                 minLength: 1,
                 maxLength: 79,
                 title: O.formatMessage({
@@ -143,7 +142,7 @@ function ge({
               {
                 token: r,
                 size: i,
-                disabled: a
+                disabled: o
               }
             ) })
           ] }),
@@ -182,19 +181,19 @@ function ee(t, s) {
   if (!s) return null;
   const r = Number.parseFloat(t.replace(",", ".") || "0");
   if (!Number.isFinite(r) || r === 0) return null;
-  const n = r * s, o = Math.abs(n) < 100;
+  const n = r * s, a = Math.abs(n) < 100;
   try {
     return new Intl.NumberFormat("en-US", {
       style: "currency",
       currency: "USD",
-      minimumFractionDigits: o ? 2 : 0,
-      maximumFractionDigits: o ? 2 : 0
+      minimumFractionDigits: a ? 2 : 0,
+      maximumFractionDigits: a ? 2 : 0
     }).format(n);
   } catch {
     return "$0";
   }
 }
 export {
-  ge as AmountInput,
+  xe as AmountInput,
   m as AmountInputTest
 };

package/dist/esm/components/base/amount-input/token-select-panel.js

@@ -12,14 +12,13 @@ import "tailwind-merge";
 import "sonner";
 import { formatAssetAmount as w } from "../../../utils/format-asset-amount.js";
 import { formatMoney as T } from "../../../utils/format-money.js";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 import "../../table/table.js";
 import { TokenSymbol as y } from "../../token-symbol/token-symbol.js";
 import { FormattedMessageTyped as N } from "../../typed-intl/index.js";
 import { AmountInputTest as s } from "./constants.js";
-function L({
+function K({
   tokens: i,
   balances: d,
   usdPrices: n,
@@ -77,5 +76,5 @@ function L({
   );
 }
 export {
-  L as TokenSelectPanel
+  K as TokenSelectPanel
 };

package/dist/esm/components/base/borrow-rate-block/borrow-rate-block.js

@@ -10,7 +10,6 @@ import "@gearbox-protocol/sdk/onchain";
 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";
@@ -24,7 +23,7 @@ function p(t) {
 function u(t) {
   return typeof t == "number" ? t : t?.base;
 }
-function q({
+function _({
   data: t,
   dataTo: r
 }) {
@@ -85,6 +84,6 @@ function q({
   ) }) });
 }
 export {
-  q as BorrowRateBlock,
+  _ as BorrowRateBlock,
   n as BorrowRateBlockTest
 };

package/dist/esm/components/base/detailed-page-title/detailed-page-title.js

@@ -1,6 +1,6 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import { PageTitle as N } from "../page-title/page-title.js";
-import { Stack as i } from "../stack/stack.js";
+import { Stack as r } from "../stack/stack.js";
 import { DetailedPageTitleCopyButton as j } from "../../detailed-page-title/detailed-page-title-copy-button.js";
 import { DetailedPageTitleExplorerDropdown as x } from "../../detailed-page-title/detailed-page-title-explorer-dropdown.js";
 import { TokenSymbol as y } from "../../token-symbol/token-symbol.js";
@@ -8,19 +8,18 @@ import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as m } from "../../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 import { DetailedPageTitleTest as s } from "./constants.js";
-function K({
+function J({
   title: c,
   browserTitle: p,
   token: n,
   icon: d,
   tokenIconSize: u = 32,
   disabled: g = !1,
-  toCopy: l,
-  explorerLinks: t,
+  toCopy: i,
+  explorerLinks: e,
   badges: f,
   actions: a,
   buttonsSlot: o,
@@ -28,17 +27,17 @@ function K({
   actionsPosition: h = "left",
   className: T
 }) {
-  const D = n ? /* @__PURE__ */ e(
+  const D = n ? /* @__PURE__ */ t(
     "span",
     {
       className: m(
         "inline-flex shrink-0 self-center",
         g ? "grayscale" : void 0
       ),
-      children: /* @__PURE__ */ e(y, { size: u, token: n })
+      children: /* @__PURE__ */ t(y, { size: u, token: n })
     }
-  ) : d, P = o != null || a != null || l != null || t != null && t.length > 0 ? /* @__PURE__ */ r(
-    i,
+  ) : d, P = o != null || a != null || i != null || e != null && e.length > 0 ? /* @__PURE__ */ l(
+    r,
     {
       direction: "row",
       align: "center",
@@ -48,25 +47,25 @@ function K({
       children: [
         a,
         o,
-        l != null ? /* @__PURE__ */ e(j, { toCopy: l }) : null,
-        t != null && t.length > 0 ? /* @__PURE__ */ e(
+        i != null ? /* @__PURE__ */ t(j, { toCopy: i }) : null,
+        e != null && e.length > 0 ? /* @__PURE__ */ t(
           x,
           {
-            explorerLinks: [...t]
+            explorerLinks: [...e]
           }
         ) : null
       ]
     }
   ) : null;
-  return /* @__PURE__ */ r(
-    i,
+  return /* @__PURE__ */ l(
+    r,
     {
       gap: "sm",
       className: m("min-w-0", T),
       "data-testid": s.root,
       children: [
-        /* @__PURE__ */ r(
-          i,
+        /* @__PURE__ */ l(
+          r,
           {
             direction: "row",
             align: "center",
@@ -75,9 +74,9 @@ function K({
             wrap: !0,
             className: "w-full",
             children: [
-              /* @__PURE__ */ r(i, { direction: "row", align: "center", gap: "sm", wrap: !0, className: "min-w-0", children: [
+              /* @__PURE__ */ l(r, { direction: "row", align: "center", gap: "sm", wrap: !0, className: "min-w-0", children: [
                 D,
-                /* @__PURE__ */ e(N, { title: c, browserTitle: p }),
+                /* @__PURE__ */ t(N, { title: c, browserTitle: p }),
                 f
               ] }),
               P
@@ -90,6 +89,6 @@ function K({
   );
 }
 export {
-  K as DetailedPageTitle,
+  J as DetailedPageTitle,
   s as DetailedPageTitleTest
 };

package/dist/esm/components/base/details-view/detail-aside/detail-aside-screen-layout.js

@@ -4,39 +4,38 @@ 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 { DETAIL_MAIN_ASIDE_CLASS_NAME as d, DETAIL_MAIN_ASIDE_LAYOUT_CLASS_NAME as c } from "./constants.js";
 import { DetailAsideScope as _ } from "./detail-aside-scope.js";
 import { DetailAsideWrapper as f } from "./detail-aside-wrapper.js";
-function x({
-  children: t,
+function h({
+  children: e,
   aside: r,
-  mainRef: e,
+  mainRef: t,
   asidePosition: m,
   centeredMain: a,
-  className: p,
-  asideClassName: A,
+  className: A,
+  asideClassName: p,
   mainClassName: s
 }) {
   const l = r != null ? /* @__PURE__ */ i(f, { children: r }) : null;
   return /* @__PURE__ */ i(_, { children: /* @__PURE__ */ i(
     n,
     {
-      className: o(c, p),
-      asideClassName: o(d, A),
+      className: o(c, A),
+      asideClassName: o(d, p),
       mainClassName: s,
-      mainRef: e,
+      mainRef: t,
       aside: l,
       asidePosition: m,
       centeredMain: a,
       variant: "detail",
       stickyAside: !1,
-      children: t
+      children: e
     }
   ) });
 }
 export {
-  x as DetailAsideScreenLayout
+  h as DetailAsideScreenLayout
 };

package/dist/esm/components/base/info-list/info-list.js

@@ -7,7 +7,6 @@ import "@gearbox-protocol/sdk/onchain";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 import { PointsValue as l } from "../values/points-value.js";
@@ -22,7 +21,7 @@ import "../../badge/chip.js";
 import { Typography as u } from "../../typography/typography.js";
 import { VerticalIndicator as d } from "../../vertical-indicator/vertical-indicator.js";
 import { InfoListTest as i } from "./constants.js";
-function G({
+function F({
   children: t
 }) {
   return /* @__PURE__ */ r(c, { gap: "sm", "data-testid": i.root, children: t });
@@ -50,7 +49,7 @@ function g({
     }
   );
 }
-function H({
+function G({
   title: t
 }) {
   const o = n();
@@ -67,7 +66,7 @@ function H({
     }
   );
 }
-function J({
+function H({
   data: t,
   title: o = "components.yieldBreakdown.points"
 }) {
@@ -75,8 +74,8 @@ function J({
 }
 export {
   g as InfoLine,
-  G as InfoList,
+  F as InfoList,
   i as InfoListTest,
-  H as InfoSectionTitle,
-  J as PointsInfoLine
+  G as InfoSectionTitle,
+  H as PointsInfoLine
 };

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

@@ -6,7 +6,6 @@ import "@gearbox-protocol/sdk/onchain";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 import "../../table/grid-table.js";
@@ -17,7 +16,7 @@ import { LiquidationParamsTableTest as u } from "./constants.js";
 function a(o) {
   return o / 100;
 }
-function z({
+function L({
   data: o
 }) {
   const n = a(o.liquidationPremium), l = a(o.liquidationFee);
@@ -57,6 +56,6 @@ function z({
   );
 }
 export {
-  z as LiquidationParamsTable,
+  L as LiquidationParamsTable,
   u as LiquidationParamsTableTest
 };

package/dist/esm/components/base/manage-pane/manage-pane.js

@@ -18,7 +18,6 @@ import "@gearbox-protocol/sdk/onchain";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 import "../../dialog/dialog-header.js";
@@ -50,7 +49,7 @@ function R(o) {
 function W(o) {
   return f(o) && o.type === K;
 }
-function Et({
+function xt({
   children: o,
   activeTab: g,
   onTabChange: M,
@@ -166,15 +165,15 @@ function Et({
     ) : null
   ] });
 }
-function Nt({
+function Et({
   children: o
 }) {
   return /* @__PURE__ */ n(e, { gap: "sm", "data-testid": i.message, children: o });
 }
 export {
-  Et as ManagePane,
+  xt as ManagePane,
   K as ManagePaneActionTab,
-  Nt as ManagePaneMessage,
+  Et as ManagePaneMessage,
   H as ManagePaneTab,
   J as ManagePaneTabDropdown,
   i as ManagePaneTest

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

@@ -5,7 +5,6 @@ import "@gearbox-protocol/sdk/onchain";
 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";
@@ -18,7 +17,7 @@ import { TokenSymbol as u } from "../../token-symbol/token-symbol.js";
 import { Typography as k } from "../../typography/typography.js";
 import { PositionAssetsTest as c } from "./constants.js";
 const v = 1, g = 20;
-function Y({
+function X({
   assets: s,
   to: e,
   empty: a,
@@ -90,7 +89,7 @@ function x(s, e) {
   return s === void 0 ? e : s === null || e === null ? null : Math.max(s, e);
 }
 export {
-  Y as PositionAssets,
+  X as PositionAssets,
   c as PositionAssetsTest,
   y as visibleAssets
 };

package/dist/esm/components/base/review-button/review-button.js

@@ -2,16 +2,15 @@ import { jsxs as p, jsx as t } from "react/jsx-runtime";
 import { Stack as n } from "../stack/stack.js";
 import { Button as d } from "../../buttons/button/button.js";
 import { TipCard as l } from "../../tip-card/tip-card.js";
-import { FormattedMessageTyped as r } from "../../typed-intl/index.js";
+import { FormattedMessageTyped as e } from "../../typed-intl/index.js";
 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";
-import { ReviewButtonTest as e } from "./constants.js";
-function R({
+import { ReviewButtonTest as r } from "./constants.js";
+function N({
   disabled: m,
   error: o,
   tip: i,
@@ -25,8 +24,8 @@ function R({
         textColor: "light",
         attributeColor: "alert",
         className: "w-full",
-        "data-testid": e.tip,
-        children: /* @__PURE__ */ t(r, { ...i })
+        "data-testid": r.tip,
+        children: /* @__PURE__ */ t(e, { ...i })
       }
     ) : null,
     /* @__PURE__ */ t(
@@ -34,16 +33,16 @@ function R({
       {
         disabled: m,
         onClick: a,
-        "data-testid": e.root,
+        "data-testid": r.root,
         className: c(
           o && "h-auto min-h-[40px] whitespace-normal text-center"
         ),
-        children: o ? /* @__PURE__ */ t("span", { "data-testid": e.error, children: /* @__PURE__ */ t(r, { messageId: o }) }) : /* @__PURE__ */ t(r, { messageId: s })
+        children: o ? /* @__PURE__ */ t("span", { "data-testid": r.error, children: /* @__PURE__ */ t(e, { messageId: o }) }) : /* @__PURE__ */ t(e, { messageId: s })
       }
     )
   ] });
 }
 export {
-  R as ReviewButton,
-  e as ReviewButtonTest
+  N as ReviewButton,
+  r as ReviewButtonTest
 };

package/dist/esm/components/base/section-heading/section-heading.js

@@ -3,11 +3,10 @@ import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as m } from "../../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 import { SectionHeadingTest as r } from "./constants.js";
-function g({
+function x({
   children: t,
   className: o
 }) {
@@ -21,6 +20,6 @@ function g({
   );
 }
 export {
-  g as SectionHeading,
+  x as SectionHeading,
   r as SectionHeadingTest
 };

package/dist/esm/components/base/segmented-tabs/segmented-tabs.js

@@ -1,21 +1,20 @@
 import { jsx as r } from "react/jsx-runtime";
 import { Link as S } from "react-router-dom";
 import { Stack as v } from "../stack/stack.js";
-import { Button as n } from "../../buttons/button/button.js";
+import { Button as m } from "../../buttons/button/button.js";
 import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as y } from "../../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 import { SegmentedTabsTest as C } from "./constants.js";
 const N = "bg-gray-30 border-gray-30 hover:bg-gray-40 hover:border-gray-40";
-function D({
+function z({
   items: a,
   activeTab: s,
-  onTabChange: p,
-  getTestId: c,
+  onTabChange: c,
+  getTestId: p,
   className: d,
   buttonClassName: u,
   testId: g
@@ -31,21 +30,21 @@ function D({
         const o = s === t, h = y(
           u,
           o ? void 0 : N
-        ), m = {
+        ), n = {
           size: "md",
           variant: o ? "neutral" : "ghost",
           className: h,
           disabled: l,
-          "data-testid": b ?? c?.(t),
+          "data-testid": b ?? p?.(t),
           "aria-current": o ? "step" : void 0
         };
-        return i ? /* @__PURE__ */ r(n, { ...m, asChild: !0, children: /* @__PURE__ */ r(S, { to: i, children: e }) }, t) : /* @__PURE__ */ r(
-          n,
+        return i ? /* @__PURE__ */ r(m, { ...n, asChild: !0, children: /* @__PURE__ */ r(S, { to: i, children: e }) }, t) : /* @__PURE__ */ r(
+          m,
           {
-            ...m,
+            ...n,
             type: "button",
             onClick: () => {
-              T?.(), p?.(t, f);
+              T?.(), c?.(t, f);
             },
             children: e
           },
@@ -57,6 +56,6 @@ function D({
 }
 export {
   N as SEGMENTED_TABS_INACTIVE_BUTTON_CLASS,
-  D as SegmentedTabs,
+  z as SegmentedTabs,
   C as SegmentedTabsTest
 };

package/dist/esm/components/base/side-card/side-card.js

@@ -1,45 +1,44 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
 import { useTitleText as l } from "../text/use-title-text.js";
-import { Typography as p } from "../../typography/typography.js";
+import { Typography as n } from "../../typography/typography.js";
 import "react";
 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 { SideCardTest as r } from "./constants.js";
-function j({
+function T({
   title: o,
   tip: i,
   children: d,
   className: a,
-  testId: m
+  testId: s
 }) {
-  const s = l();
-  return /* @__PURE__ */ t(
+  const m = l();
+  return /* @__PURE__ */ e(
     "div",
     {
-      className: n(
+      className: p(
         "@container flex w-full flex-col gap-4 rounded-lg border border-border bg-card p-4 sm:p-6",
         a
       ),
-      "data-testid": m ?? r.root,
+      "data-testid": s ?? r.root,
       children: [
-        /* @__PURE__ */ t("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ e(
-            p,
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ t(
+            n,
             {
               as: "span",
               variant: "body",
               className: "m-0 text-base font-semibold leading-none text-card-foreground",
               "data-testid": r.title,
-              children: s(o)
+              children: m(o)
             }
           ),
           i
         ] }),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           "div",
           {
             className: "grid grid-cols-1 gap-4 @[24rem]:grid-cols-2 @[40rem]:grid-cols-3",
@@ -52,6 +51,6 @@ function j({
   );
 }
 export {
-  j as SideCard,
+  T as SideCard,
   r as SideCardTest
 };