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

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
 };