@gearbox-protocol/ui-kit 4.0.0-next.51 → 4.0.0-next.53

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

@@ -1,25 +1,24 @@
-import { jsxs as G, jsx as e } from "react/jsx-runtime";
-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 { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { Children as p } from "react";
+import { Guard as f } from "../guard/guard.js";
+import { HeadCell as C } from "../head-cell/head-cell.js";
 import "react-intl";
 import "../buttons/button/button.js";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as p } from "../../utils/cn.js";
+import { cn as c } from "../../utils/cn.js";
 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 B } from "../table/grid-table.js";
-import "../skeleton/skeleton.js";
+import { GridTable as j, GridTableHeader as H, GridTableRow as u, GridTableHead as N, GridTableBody as h, GridTableCell as B } from "../table/grid-table.js";
+import { GridLoadingLine as S } from "../table/grid-loading-line.js";
 import "../table/table.js";
-import { TableLoaderGuard as S } from "../table/table-loader-guard.js";
 import { useIsMobile as v } from "../../hooks/use-media-query.js";
-import { BaseTableTest as d } from "./constants.js";
-import { BaseTableLineTest as Y } from "./constants.js";
+import { BaseTableTest as m } from "./constants.js";
+import { BaseTableLineTest as V } from "./constants.js";
 function z({
   message: i,
   testId: o
 }) {
-  return /* @__PURE__ */ e(f, { noHover: !0, last: !0, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(u, { noHover: !0, last: !0, children: /* @__PURE__ */ t(
     B,
     {
       span: "full",
@@ -31,70 +30,76 @@ function z({
     }
   ) });
 }
-function V({
+function Q({
   columns: i,
   isLoading: o,
-  emptyMessage: c,
-  sort: a,
-  rowHeight: h = "66px",
-  loaderRows: u = 5,
-  className: b,
-  wrapperClassName: w,
-  children: s
+  emptyMessage: g,
+  sort: s,
+  rowHeight: b = "66px",
+  loaderRows: l = 5,
+  className: T,
+  wrapperClassName: G,
+  children: d
 }) {
-  const l = v(), T = i.map((t) => t.track).join(" ");
-  return /* @__PURE__ */ G(
-    C,
+  const n = v(), w = i.map((e) => e.track).join(" ");
+  return /* @__PURE__ */ x(
+    j,
     {
-      cols: l ? "1fr" : T,
+      cols: n ? "1fr" : w,
       gap: 0,
       size: "lg",
-      className: p("min-w-0 w-full", b),
-      wrapperClassName: w,
-      "data-testid": d.root,
+      className: c("min-w-0 w-full", T),
+      wrapperClassName: G,
+      "data-testid": m.root,
       children: [
-        !l && /* @__PURE__ */ e(j, { "data-testid": d.head, children: /* @__PURE__ */ e(f, { noHover: !0, height: "32px", children: i.map((t) => {
-          const m = t.justify ?? "start", r = t.sort, g = r && a ? a.getSortDirection(r.field) : void 0;
-          return /* @__PURE__ */ e(
-            H,
+        !n && /* @__PURE__ */ t(H, { "data-testid": m.head, children: /* @__PURE__ */ t(u, { noHover: !0, height: "32px", children: i.map((e) => {
+          const a = e.justify ?? "start", r = e.sort, y = r && s ? s.getSortDirection(r.field) : void 0;
+          return /* @__PURE__ */ t(
+            N,
             {
-              justify: m,
+              justify: a,
               size: "sm",
-              className: p(
+              className: c(
                 "min-w-0 whitespace-nowrap",
-                t.headClassName
+                e.headClassName
               ),
-              children: r && a ? /* @__PURE__ */ e(
-                y,
+              children: r && s ? /* @__PURE__ */ t(
+                C,
                 {
-                  arrowPosition: m === "end" ? "left" : "right",
-                  title: t.title,
-                  sortDirection: g,
+                  arrowPosition: a === "end" ? "left" : "right",
+                  title: e.title,
+                  sortDirection: y,
                   sortField: r.label,
-                  onSort: () => a.onSort(
+                  onSort: () => s.onSort(
                     r.field,
                     r.defaultDirection
                   )
                 }
-              ) : t.title
+              ) : e.title
             },
-            t.id
+            e.id
           );
         }) }) }),
-        /* @__PURE__ */ e(
-          S,
+        /* @__PURE__ */ t(
+          f,
           {
             showGuard: o,
-            rows: u,
-            columns: l ? 1 : i.length,
-            height: h,
-            cellClassName: "min-w-0 px-1 py-2 first:pl-4 last:pr-4",
-            children: !o && /* @__PURE__ */ e(
-              x,
+            guard: o && /* @__PURE__ */ t(h, { children: Array.from({ length: l }, (e, a) => /* @__PURE__ */ t(
+              S,
               {
-                showGuard: n.count(s) === 0,
-                guard: /* @__PURE__ */ e(z, { message: c, testId: d.empty }),
-                children: n.count(s) > 0 && /* @__PURE__ */ e(N, { children: s })
+                height: b,
+                columns: n ? 1 : i.length,
+                cellClassName: "min-w-0 px-1 py-2 first:pl-4 last:pr-4",
+                last: a === l - 1
+              },
+              `${a}-${l}`
+            )) }),
+            children: !o && /* @__PURE__ */ t(
+              f,
+              {
+                showGuard: p.count(d) === 0,
+                guard: /* @__PURE__ */ t(z, { message: g, testId: m.empty }),
+                children: p.count(d) > 0 && /* @__PURE__ */ t(h, { children: d })
               }
             )
           }
@@ -104,7 +109,7 @@ function V({
   );
 }
 export {
-  V as BaseTable,
-  Y as BaseTableLineTest,
-  d as BaseTableTest
+  Q as BaseTable,
+  V as BaseTableLineTest,
+  m as BaseTableTest
 };

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

@@ -33,12 +33,12 @@ import "../simple-accordion/simple-accordion.js";
 import "../tip-card/tip-card.js";
 import "../typography/typography.js";
 import "../help-tip/help-tip.js";
-import "../points-icon/points-icon.js";
 import "viem";
+import "../points-icon/points-icon.js";
 import "../vertical-indicator/vertical-indicator.js";
 import "../base/page-title/page-title.js";
-import "../detailed-page-title/detailed-page-title-copy-button.js";
 import "../detailed-page-title/detailed-page-title-explorer-dropdown.js";
+import "../base/detailed-page-title/copy-button.js";
 import "../base/details-view/detail-aside/detail-aside-scope.js";
 import "../layout/main-aside-layout/main-aside-layout.js";
 import "../base/details-view/details-view.js";
@@ -52,16 +52,29 @@ import "../breakpoint-provider.js";
 import "lightweight-charts";
 import "../graph/formatters.js";
 import "../graph/graph-view.js";
-import "../base/info-portal/info-portal.js";
 import "../edit-input/edit-input.js";
 import "../slider/slider.js";
 import "../slider/slider-context.js";
 import "../text-button/text-button.js";
-import "../with-title/with-title.js";
 import "react-router-dom";
 import "../status-elements/status-elements.js";
+import "../base/manage-pane/manage-pane.js";
+import "../base/tabber/tabber.js";
+import "../link/link.js";
+import "../rounded-image/rounded-image.js";
+import "../base-link/base-link.js";
+import "../base-table/base-table-line.js";
+import "../navigation-context/navigation-context.js";
+import "../cards/card/card.js";
+import "../client-adapters/styled-button/styled-button.js";
 import "../client-adapters/styled-dialog-container/styled-dialog-container.js";
+import "../simple-dropdown/simple-dropdown.js";
+import "../simple-dropdown/simple-dropdown-menu-item.js";
+import "../composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js";
+import "../composites/tx-preview/confirm/dialog/constants.js";
 import "../modal/modal.js";
+import "../spinner/spinner.js";
+import "../spinner-loader/spinner-loader.js";
 import "@radix-ui/react-dialog";
 import "../dialog/dialog-container.js";
 import "../dialog/dialog-content.js";
@@ -73,20 +86,6 @@ import "../dialog/dialog-modal-container.js";
 import "../dialog/dialog-overlay.js";
 import "../input/input.js";
 import { Label as k } from "../label/label.js";
-import "../simple-dropdown/simple-dropdown.js";
-import "../simple-dropdown/simple-dropdown-menu-item.js";
-import "../base/tabber/tabber.js";
-import "../link/link.js";
-import "../rounded-image/rounded-image.js";
-import "../base-link/base-link.js";
-import "../base-table/base-table-line.js";
-import "../navigation-context/navigation-context.js";
-import "../cards/card/card.js";
-import "../client-adapters/styled-button/styled-button.js";
-import "../composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js";
-import "../composites/tx-preview/confirm/dialog/constants.js";
-import "../spinner/spinner.js";
-import "../spinner-loader/spinner-loader.js";
 import "../dropdown-menu/dropdown-menu.js";
 import "../dropdown-menu/dropdown-menu-content.js";
 import "../dropdown-menu/dropdown-menu-item.js";
@@ -101,9 +100,7 @@ import "../layout/layout/layout.js";
 import "../legal-agreement/legal-agreement-theme.js";
 import "../loader/loader.js";
 import "../loading/loading.js";
-import "../loading-bar/loading-bar.js";
 import "../radio-group/radio-group.js";
-import "../status-dot/status-dot.js";
 import "../search-line/search-line.js";
 import "../segmented-control/segmented-control.js";
 import "../separate-line/separate-line.js";

package/dist/esm/components/composites/pool-assets-table/pool-assets-table-row.js

@@ -6,7 +6,6 @@ import "tailwind-merge";
 import { formatMoney as C } from "../../../utils/format-money.js";
 import "luxon";
 import "../../../utils/z-index.js";
-import "../../points-icon/points-icon.js";
 import { UtilizationValue as S } from "../../base/values/scalars.js";
 import "../../badge/badge.js";
 import "../../badge/chip.js";
@@ -37,7 +36,7 @@ function V(i, t) {
 function B(i, t) {
   return t <= 0n || i <= 0n ? 0 : Number(i * 10000n / t) / 1e4;
 }
-function he({
+function ue({
   asset: i,
   underlyingToken: t,
   last: T,
@@ -143,5 +142,5 @@ function he({
   );
 }
 export {
-  he as PoolAssetsTableRow
+  ue as PoolAssetsTableRow
 };

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

@@ -8,7 +8,6 @@ import { cn as A } from "../../utils/cn.js";
 import { formatCompactPercent as O } from "../../utils/format-money.js";
 import "luxon";
 import "../../utils/z-index.js";
-import "../points-icon/points-icon.js";
 import "viem";
 import "../tooltip/simple-tooltip.js";
 import "../tooltip/tooltip.js";
@@ -70,7 +69,7 @@ function N() {
 function p(t) {
   return t == null ? !1 : I(t).length > 0 || k(t).length > 0;
 }
-function R({
+function L({
   apy: t,
   maxLeverage: m,
   collateralApy: e,
@@ -105,5 +104,5 @@ function R({
   ) : s();
 }
 export {
-  R as CompoundAPY
+  L as CompoundAPY
 };

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

@@ -1,6 +1,4 @@
-import { DetailedPageTitleCopyButton as t } from "./detailed-page-title-copy-button.js";
-import { DetailedPageTitleExplorerDropdown as l } from "./detailed-page-title-explorer-dropdown.js";
+import { DetailedPageTitleExplorerDropdown as r } from "./detailed-page-title-explorer-dropdown.js";
 export {
-  t as DetailedPageTitleCopyButton,
-  l as DetailedPageTitleExplorerDropdown
+  r as DetailedPageTitleExplorerDropdown
 };

package/dist/esm/components/graph/formatters.js

@@ -1,15 +1,15 @@
-import { TickMarkType as l } from "lightweight-charts";
-import { DateTime as F } from "luxon";
-import { isBelowDisplayThreshold as H, FORMAT_CONSTANTS as E, toSignificantDigits as L } from "../../utils/format-number.js";
-const { MIN_DISPLAY_THRESHOLD: k, MAX_EXPONENTIAL_THRESHOLD: B } = E, _ = 2, R = (t, e) => {
+import { TickMarkType as F } from "lightweight-charts";
+import { DateTime as S } from "luxon";
+import { isBelowDisplayThreshold as H, FORMAT_CONSTANTS as L, toSignificantDigits as E } from "../../utils/format-number.js";
+const { MIN_DISPLAY_THRESHOLD: k } = L, R = 2, U = (t, e) => {
   if (H(t))
     return e ? `<${k}${e}` : `<${k}`;
   if (t === 0)
     return e ? `0${e}` : "0";
-  const s = L(t, _);
+  const s = E(t, R);
   return e ? `${s}${e}` : s;
 };
-function G(t, e, s = 4) {
+function B(t, e, s = 4) {
   if (t === 0)
     return e ? `0 ${e}` : "0";
   const n = e && Math.abs(t) >= 1e3 ? 0 : s, f = t.toLocaleString("en-US", {
@@ -21,13 +21,13 @@ function G(t, e, s = 4) {
 function D(t, e) {
   return !t || e === "none" || e === "token" ? t : e === "$" ? `$${t}` : e === "%" ? `${t}%` : `${t} ${e}`;
 }
-function X(t) {
+function _(t) {
   return t.includes("/");
 }
-function T(t) {
-  return X(t) ? "none" : t;
+function $(t) {
+  return _(t) ? "none" : t;
 }
-function W(t, e, s) {
+function G(t, e, s) {
   const n = s?.yScaleMin;
   let f = t.length > 0 ? Math.min(...t) : 0, m = t.length > 0 ? Math.max(...t) : 0;
   const a = () => {
@@ -43,28 +43,28 @@ function W(t, e, s) {
       useGrouping: !1
     });
     return o > 1 ? `${c}${i}` : c;
-  }, y = (r, o, i) => {
+  }, N = (r, o, i) => {
     for (let d = 0; d <= u; d++) {
       const M = /* @__PURE__ */ new Set();
       let c = !0;
-      for (const S of r) {
-        const $ = g(S, o, i, d);
-        if (M.has($)) {
+      for (const l of r) {
+        const T = g(l, o, i, d);
+        if (M.has(T)) {
           c = !1;
           break;
         }
-        M.add($);
+        M.add(T);
       }
       if (c) return d;
     }
     return u;
   }, A = (r) => {
     if (n !== void 0 && r < n) return "";
-    if (r === 0) return D("0", T(e));
+    if (r === 0) return D("0", $(e));
     const { scale: o, suffix: i } = a();
     return D(
       g(r, o, i, h),
-      T(e)
+      $(e)
     );
   };
   return {
@@ -73,12 +73,12 @@ function W(t, e, s) {
       const { scale: o, suffix: i } = a(), d = r.filter(
         (c) => c !== 0 && !(n !== void 0 && c < n)
       );
-      h = y(d, o, i);
+      h = N(d, o, i);
       const M = /* @__PURE__ */ new Set();
       return r.map((c) => {
         if (n !== void 0 && c < n) return "";
-        const S = c === 0 ? "0" : g(c, o, i, h);
-        return !S || M.has(S) ? "" : (M.add(S), D(S, T(e)));
+        const l = c === 0 ? "0" : g(c, o, i, h);
+        return !l || M.has(l) ? "" : (M.add(l), D(l, $(e)));
       });
     },
     updateVisibleRange: (r) => {
@@ -86,31 +86,31 @@ function W(t, e, s) {
     }
   };
 }
-const N = (t) => F.fromSeconds(Number(t)).toFormat("dd/LL/yyyy HH:mm"), O = (t) => F.fromSeconds(Number(t)).toFormat("HH:mm"), P = (t, e) => R(Number(t), e), x = {
-  time: N,
+const y = (t) => S.fromSeconds(Number(t)).toFormat("dd/LL/yyyy HH:mm"), w = (t) => S.fromSeconds(Number(t)).toFormat("HH:mm"), P = (t, e) => U(Number(t), e), x = {
+  time: y,
   "%": P
 };
-function U(t) {
+function X(t) {
   const e = /* @__PURE__ */ new Map();
   return (s, n, f) => {
-    const m = F.fromSeconds(Number(s));
+    const m = S.fromSeconds(Number(s));
     let a;
     if (t === 0)
       a = m.toFormat("HH:mm");
     else
       switch (n) {
-        case l.Year:
+        case F.Year:
           a = m.toFormat("yyyy");
           break;
         // Month boundaries (1st of a month) are reported as `Month` ticks by
         // lightweight-charts. Render them the same way as regular day ticks so
         // the axis reads uniformly ("01 Jul") instead of a stray "Jul 2026".
-        case l.Month:
-        case l.DayOfMonth:
+        case F.Month:
+        case F.DayOfMonth:
           a = t > 365 ? m.toFormat("dd MMM yyyy") : m.toFormat("dd MMM");
           break;
-        case l.Time:
-        case l.TimeWithSeconds:
+        case F.Time:
+        case F.TimeWithSeconds:
           a = m.toFormat("HH:mm");
           break;
         default:
@@ -120,14 +120,14 @@ function U(t) {
     return u || (u = /* @__PURE__ */ new Set(), e.set(n, u)), u.has(a) ? " " : (u.add(a), a);
   };
 }
-const w = (t, e) => {
+const O = (t, e) => {
   if (t === "time" && e && e.length > 0) {
-    const n = F.fromSeconds(Number(e[0].time)), f = F.fromSeconds(
+    const n = S.fromSeconds(Number(e[0].time)), f = S.fromSeconds(
       Number(e[e.length - 1].time)
     ), m = n.hasSame(f, "day"), a = m ? 0 : Math.ceil(f.diff(n, "days").days);
     return {
-      timeFormatter: m ? O : N,
-      tickMarkFormatter: U(a)
+      timeFormatter: m ? w : y,
+      tickMarkFormatter: X(a)
     };
   }
   const s = x[t] || x.time;
@@ -135,12 +135,12 @@ const w = (t, e) => {
     timeFormatter: s,
     tickMarkFormatter: (n) => s(n, t)
   };
-}, p = (t, e) => w(t, e).timeFormatter;
+}, W = (t, e) => O(t, e).timeFormatter;
 export {
-  W as createAdaptiveYAxisFormatter,
-  G as formatExactValue,
-  p as getXFormatter,
-  w as getXFormatters,
-  X as isRatioUnit,
+  G as createAdaptiveYAxisFormatter,
+  B as formatExactValue,
+  W as getXFormatter,
+  O as getXFormatters,
+  _ as isRatioUnit,
   D as withYAxisUnit
 };