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

package/dist/esm/components/loading/loading.js

@@ -1,20 +1,27 @@
-import { jsx as m } from "react/jsx-runtime";
-import { LoadingBar as d } from "../loading-bar/loading-bar.js";
-import { useIntlTyped as p } from "../typed-intl/index.js";
-import { loadingProgress as c } from "../../utils/loading.js";
-function l({
-  data: e,
-  loadingFunction: n = c,
-  message: a,
-  subMessage: t
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Modal as c } from "../modal/modal.js";
+import { SpinnerLoader as p } from "../spinner-loader/spinner-loader.js";
+import { useIntlTyped as g } from "../typed-intl/index.js";
+import { loadingProgress as x } from "../../utils/loading.js";
+function f({
+  data: s,
+  loadingFunction: a = x,
+  message: d,
+  subMessage: i
 }) {
-  const { formatMessage: s } = p(), o = e.length === 0 ? 0 : n(e), i = Number.isFinite(o) ? o : 0, r = a ?? s(
+  const { formatMessage: n } = g(), o = s.length === 0 ? 0 : a(s), l = Number.isFinite(o) ? o : 0, m = d ?? n(
     { messageId: "components.loading.loadingPercent" },
-    { percent: i }
-  ), g = t ?? s({ messageId: "components.loading.wait" });
-  return /* @__PURE__ */ m(d, { message: r, subMessage: g });
+    { percent: l }
+  ), r = i ?? n({ messageId: "components.loading.wait" });
+  return /* @__PURE__ */ e(c, { show: !0, xsCentered: !0, zIndexLayer: "LOADING", children: /* @__PURE__ */ t("div", { className: "flex min-h-[120px] w-[250px] flex-col items-center justify-center rounded-md bg-gray-10 p-[16px] text-center", children: [
+    /* @__PURE__ */ e("div", { className: "mb-5", children: /* @__PURE__ */ e(p, {}) }),
+    /* @__PURE__ */ t("div", { className: "flex w-full flex-col gap-0", children: [
+      /* @__PURE__ */ e("span", { className: "text-sm text-foreground", children: m }),
+      r !== "" && /* @__PURE__ */ e("span", { className: "text-sm text-secondary-foreground", children: r })
+    ] })
+  ] }) });
 }
-l.displayName = "Loading";
+f.displayName = "Loading";
 export {
-  l as Loading
+  f as Loading
 };

package/dist/esm/components/sdk-status-pill/sdk-status-pill.js

@@ -1,10 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
-import { StatusDot as a } from "../status-dot/status-dot.js";
-import { SimpleTooltip as c } from "../tooltip/simple-tooltip.js";
+import { SimpleTooltip as a } from "../tooltip/simple-tooltip.js";
 import "../tooltip/tooltip.js";
-import { useIntlTyped as m } from "../typed-intl/index.js";
+import { useIntlTyped as c } from "../typed-intl/index.js";
 import "react";
-import { useMediaQuery as d } from "../../hooks/use-media-query.js";
+import { useMediaQuery as m } from "../../hooks/use-media-query.js";
+import "@gearbox-protocol/sdk/onchain";
+import { cn as d } from "../../utils/cn.js";
+import "luxon";
+import "../../utils/z-index.js";
 import { SdkStatusPillTest as e } from "./constants.js";
 import { sdkStatusDotVariant as l } from "./sdk-status.js";
 const p = "(hover: none)", u = {
@@ -12,10 +15,10 @@ const p = "(hover: none)", u = {
   ready: "components.sdkStatus.connected",
   error: "components.sdkStatus.disconnected"
 };
-function E({
+function M({
   status: o
 }) {
-  const { formatMessage: s } = m(), n = !d(p), r = s({ messageId: u[o] }), i = (
+  const { formatMessage: s } = c(), i = !m(p), r = s({ messageId: u[o] }), n = (
     // `<output>` rather than a span with role="status": same implicit live
     // region, and the status is announced without the dot being focusable.
     //
@@ -32,11 +35,13 @@ function E({
         "data-testid": e.root,
         "aria-label": r,
         children: /* @__PURE__ */ t(
-          a,
+          "div",
           {
-            variant: l(o),
-            size: "xs",
-            pulse: o === "loading",
+            className: d(
+              "size-1.5 shrink-0 rounded-full",
+              l(o) === "success" ? "bg-success" : "bg-muted-foreground",
+              o === "loading" && "animate-pulse"
+            ),
             "data-testid": e.dot
           }
         )
@@ -44,15 +49,15 @@ function E({
     )
   );
   return /* @__PURE__ */ t(
-    c,
+    a,
     {
-      title: i,
-      trigger: n ? "hover" : "click",
+      title: n,
+      trigger: i ? "hover" : "click",
       placement: "top",
       children: /* @__PURE__ */ t("span", { className: "text-xs", "data-testid": e.tooltip, children: r })
     }
   );
 }
 export {
-  E as SdkStatusPill
+  M as SdkStatusPill
 };

package/dist/esm/components/table/index.js

@@ -1,34 +1,30 @@
 import { GridErrorLine as r } from "./grid-error-line.js";
-import { GridLoadingLine as d } from "./grid-loading-line.js";
-import { GridTable as b, GridTableBody as i, GridTableCaption as T, GridTableCell as t, GridTableFooter as n, GridTableHead as G, GridTableHeader as m, GridTableRow as p, gridTableCellVariants as f, gridTableHeadVariants as x, gridTableVariants as s } from "./grid-table.js";
-import { Table as H, TableBody as L, TableCell as V, TableHead as g, TableHeader as w, TableRow as y, tableCellVariants as B, tableHeadVariants as R, tableVariants as S } from "./table.js";
-import { TableLoader as E } from "./table-loader.js";
-import { TableLoaderGuard as c } from "./table-loader-guard.js";
-import { TableCellSm as j, TableLineSm as k } from "./table-sm.js";
+import { GridLoadingLine as i } from "./grid-loading-line.js";
+import { GridTable as d, GridTableBody as o, GridTableCaption as T, GridTableCell as t, GridTableFooter as n, GridTableHead as G, GridTableHeader as m, GridTableRow as p, gridTableCellVariants as s, gridTableHeadVariants as C, gridTableVariants as H } from "./grid-table.js";
+import { Table as f, TableBody as x, TableCell as g, TableHead as L, TableHeader as w, TableRow as y, tableCellVariants as B, tableHeadVariants as R, tableVariants as S } from "./table.js";
+import { TableCellSm as F, TableLineSm as c } from "./table-sm.js";
 export {
   r as GridErrorLine,
-  d as GridLoadingLine,
-  b as GridTable,
-  i as GridTableBody,
+  i as GridLoadingLine,
+  d as GridTable,
+  o as GridTableBody,
   T as GridTableCaption,
   t as GridTableCell,
   n as GridTableFooter,
   G as GridTableHead,
   m as GridTableHeader,
   p as GridTableRow,
-  H as Table,
-  L as TableBody,
-  V as TableCell,
-  j as TableCellSm,
-  g as TableHead,
+  f as Table,
+  x as TableBody,
+  g as TableCell,
+  F as TableCellSm,
+  L as TableHead,
   w as TableHeader,
-  k as TableLineSm,
-  E as TableLoader,
-  c as TableLoaderGuard,
+  c as TableLineSm,
   y as TableRow,
-  f as gridTableCellVariants,
-  x as gridTableHeadVariants,
-  s as gridTableVariants,
+  s as gridTableCellVariants,
+  C as gridTableHeadVariants,
+  H as gridTableVariants,
   B as tableCellVariants,
   R as tableHeadVariants,
   S as tableVariants

package/dist/esm/components/with-copy/with-copy.js

@@ -32,12 +32,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/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";
@@ -111,7 +108,7 @@ import "../split-list/split-list.js";
 import "../tabs/tabs.js";
 import "../textarea/textarea.js";
 import "../theme-provider.js";
-function Bo({
+function Fo({
   toCopy: u,
   children: d,
   onCopySuccess: f,
@@ -193,5 +190,5 @@ function Bo({
   return a ? /* @__PURE__ */ t(T, { placement: "top", triangle: !0, title: c(), children: a }) : c();
 }
 export {
-  Bo as WithCopy
+  Fo as WithCopy
 };