@gearbox-protocol/ui-kit 4.0.0-next.2 → 4.0.0-next.4

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

@@ -1,38 +1,46 @@
-import { jsxs as c, Fragment as d, jsx as g } from "react/jsx-runtime";
-import { useIntlTyped as T } from "../../typed-intl/index.js";
-import { Typography as x } from "../../typography/typography.js";
-import { PageTitleTest as a } from "./constants.js";
-function r(t) {
+import { jsx as s, jsxs as g, Fragment as p } from "react/jsx-runtime";
+import { createContext as x, useContext as T } from "react";
+import { useIntlTyped as l } from "../../typed-intl/index.js";
+import { Typography as u } from "../../typography/typography.js";
+import { PageTitleTest as y } from "./constants.js";
+const m = x(null);
+function b({
+  children: t,
+  render: e
+}) {
+  return /* @__PURE__ */ s(m.Provider, { value: e, children: t });
+}
+function n(t) {
   return typeof t == "string" || !!t && typeof t == "object" && "messageId" in t;
 }
-function i(t, o) {
-  return o === void 0 ? "" : typeof o == "string" ? o : t.formatMessage(o);
+function i(t, e) {
+  return e === void 0 ? "" : typeof e == "string" ? e : t.formatMessage(e);
 }
-function j({
+function I({
   title: t,
-  browserTitle: o,
-  head: s,
-  as: m = "h1",
+  browserTitle: e,
+  as: d = "h1",
   className: f
 }) {
-  const e = T(), p = r(t) ? i(e, t) : t, n = i(
-    e,
-    o ?? (r(t) ? t : void 0)
+  const o = l(), c = T(m), a = n(t) ? i(o, t) : t, r = i(
+    o,
+    e ?? (n(t) ? t : void 0)
   );
-  return /* @__PURE__ */ c(d, { children: [
-    n ? s?.(n) : null,
-    /* @__PURE__ */ g(
-      x,
+  return /* @__PURE__ */ g(p, { children: [
+    r ? c?.(r) : null,
+    /* @__PURE__ */ s(
+      u,
       {
-        as: m,
+        as: d,
         className: f ?? "m-0 text-3xl leading-none font-medium",
-        "data-testid": a.root,
-        children: p
+        "data-testid": y.root,
+        children: a
       }
     )
   ] });
 }
 export {
-  j as PageTitle,
-  a as PageTitleTest
+  b as PageHeadProvider,
+  I as PageTitle,
+  y as PageTitleTest
 };

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

@@ -1,4 +1,4 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { Stack as g } from "../stack/stack.js";
 import { useTitleText as f } from "../text/use-title-text.js";
 import { Skeleton as u } from "../../skeleton/skeleton.js";
@@ -30,24 +30,24 @@ const p = {
 function A({
   title: i,
   value: r,
-  isLoading: o = !1,
+  isLoading: a = !1,
   size: t = "default",
   action: l,
-  className: s,
+  className: o,
   testId: n
 }) {
   const c = f();
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(
     "div",
     {
       className: d(
         "h-full w-full rounded-lg border border-border bg-card",
         p[t],
-        s
+        o
       ),
       "data-testid": n ?? m.root,
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ s(
           "div",
           {
             className: d(
@@ -66,7 +66,16 @@ function A({
             ]
           }
         ),
-        /* @__PURE__ */ e("div", { className: d("font-medium text-foreground", h[t]), children: /* @__PURE__ */ e(u, { width: 80, loading: o, children: /* @__PURE__ */ e(g, { gap: "xs", align: "start", children: r }) }) })
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: d(
+              "text-left font-medium text-foreground",
+              h[t]
+            ),
+            children: /* @__PURE__ */ e(u, { width: 80, loading: a, children: /* @__PURE__ */ e(g, { gap: "xs", align: "start", className: "w-full items-start", children: r }) })
+          }
+        )
       ]
     }
   );
@@ -89,7 +98,7 @@ const b = {
 function B({
   cols: i = 1,
   colsLg: r,
-  gap: o = "default",
+  gap: a = "default",
   children: t,
   className: l
 }) {
@@ -100,7 +109,7 @@ function B({
         "grid w-full",
         b[i],
         r ? I[r] : void 0,
-        _[o],
+        _[a],
         l
       ),
       "data-testid": m.grid,

package/dist/esm/components/base/strategy-apy-breakdown-card/strategy-apy-breakdown-card.js

@@ -11,6 +11,7 @@ import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
+import "../../points-icon/points-icon.js";
 import { ApyValue as o } from "../values/scalars.js";
 import "../../badge/badge.js";
 import { StrategyApyBreakdownCardTest as i } from "./constants.js";
@@ -28,7 +29,7 @@ function e({
     }
   );
 }
-function R({
+function T({
   data: t
 }) {
   return /* @__PURE__ */ d(
@@ -46,6 +47,6 @@ function R({
   );
 }
 export {
-  R as StrategyApyBreakdownCard,
+  T as StrategyApyBreakdownCard,
   i as StrategyApyBreakdownCardTest
 };

package/dist/esm/components/base/time-to-liquidation-block/time-to-liquidation-block.js

@@ -1,60 +1,60 @@
-import { jsx as t, jsxs as v } from "react/jsx-runtime";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
 import { useTitleText as T } from "../text/use-title-text.js";
-import { FadeoutLoading as r } from "../../fadeout-loading/fadeout-loading.js";
+import { FadeoutLoading as l } from "../../fadeout-loading/fadeout-loading.js";
 import { HealthDot as f } from "../../status-elements/status-elements.js";
-import { FormattedMessageTyped as s } from "../../typed-intl/index.js";
+import { FormattedMessageTyped as m } from "../../typed-intl/index.js";
 import { VerticalIndicator as h } from "../../vertical-indicator/vertical-indicator.js";
 import { ttlLeft as g, getTTLZones as x } from "../../../utils/ttl.js";
-import { TimeToLiquidationBlockTest as d } from "./constants.js";
+import { TimeToLiquidationBlockTest as r } from "./constants.js";
 function j({
-  seconds: i,
-  secondsTo: l,
-  zone: n,
-  isLoading: o,
-  title: e,
-  tip: a,
-  testId: c
+  data: o,
+  dataTo: n,
+  zone: a,
+  isLoading: e,
+  title: i,
+  tip: s,
+  testId: v
 }) {
-  const p = T(), m = l !== void 0;
+  const p = T(), d = n !== void 0;
   return /* @__PURE__ */ t(
     h,
     {
       align: "center",
       dimPreviousValue: !1,
-      "data-testid": c ?? d.root,
-      label: e !== void 0 ? p(e) : /* @__PURE__ */ t(s, { messageId: "components.timeToLiquidationBlock.label" }),
-      tip: a ?? /* @__PURE__ */ t(s, { messageId: "components.timeToLiquidationBlock.tip" }),
-      value: /* @__PURE__ */ t(r, { loading: o, children: /* @__PURE__ */ t(
+      "data-testid": v ?? r.root,
+      label: i !== void 0 ? p(i) : /* @__PURE__ */ t(m, { messageId: "components.timeToLiquidationBlock.label" }),
+      tip: s ?? /* @__PURE__ */ t(m, { messageId: "components.timeToLiquidationBlock.tip" }),
+      value: /* @__PURE__ */ t(l, { loading: e, children: /* @__PURE__ */ t(
         u,
         {
-          seconds: i,
-          zone: m ? void 0 : n,
-          testId: d.value
+          milliseconds: o,
+          zone: d ? void 0 : a,
+          testId: r.value
         }
       ) }),
-      valueTo: m ? /* @__PURE__ */ t(r, { loading: o, children: /* @__PURE__ */ t(
+      valueTo: d ? /* @__PURE__ */ t(l, { loading: e, children: /* @__PURE__ */ t(
         u,
         {
-          seconds: l ?? null,
-          zone: n,
-          testId: d.valueTo
+          milliseconds: n ?? null,
+          zone: a,
+          testId: r.valueTo
         }
       ) }) : void 0
     }
   );
 }
 function u({
-  seconds: i,
-  zone: l,
-  testId: n
+  milliseconds: o,
+  zone: n,
+  testId: a
 }) {
-  const o = i == null ? null : i * 1e3, e = o === null ? void 0 : g(o), a = l ?? (o === null ? void 0 : x(o));
-  return /* @__PURE__ */ v("span", { className: "inline-flex items-center", "data-testid": n, children: [
-    i === void 0 ? "—" : o === null ? "N/A" : e?.months !== void 0 ? `${e.months}mo` : e?.day !== void 0 ? `${e.day}d` : "<1d",
-    o !== null && a ? /* @__PURE__ */ t("span", { className: "ml-1.5", children: /* @__PURE__ */ t(f, { zone: a }) }) : null
+  const e = o == null ? void 0 : g(o), i = n ?? (o == null ? void 0 : x(o));
+  return /* @__PURE__ */ c("span", { className: "inline-flex items-center", "data-testid": a, children: [
+    o === void 0 ? "—" : o === null ? "N/A" : e?.months !== void 0 ? `${e.months}mo` : e?.day !== void 0 ? `${e.day}d` : "<1d",
+    o != null && i ? /* @__PURE__ */ t("span", { className: "ml-1.5", children: /* @__PURE__ */ t(f, { zone: i }) }) : null
   ] });
 }
 export {
   j as TimeToLiquidationBlock,
-  d as TimeToLiquidationBlockTest
+  r as TimeToLiquidationBlockTest
 };

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

@@ -1,29 +1,30 @@
-import { jsx as n, jsxs as i } from "react/jsx-runtime";
-import { Stack as m } from "../stack/stack.js";
-import { TokenTemplate as a } from "../../token-template/token-template.js";
-import { Typography as s } from "../../typography/typography.js";
-import { formatMoney as l } from "../../../utils/format-money.js";
-import { TokenAmountTest as r } from "./constants.js";
-function T({
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { Stack as a } from "../stack/stack.js";
+import { TokenTemplate as i } from "../../token-template/token-template.js";
+import { Typography as l } from "../../typography/typography.js";
+import { formatMoney as p } from "../../../utils/format-money.js";
+import { TokenAmountTest as t } from "./constants.js";
+function v({
   data: o,
-  token: e
+  token: n,
+  align: e = "start"
 }) {
   if (o === null)
-    return /* @__PURE__ */ n(
+    return /* @__PURE__ */ r(
       "span",
       {
         className: "text-secondary-foreground",
-        "data-testid": r.root,
+        "data-testid": t.root,
         children: "—"
       }
     );
-  const t = e ?? o.token;
-  return /* @__PURE__ */ i(m, { gap: "xs", align: "end", "data-testid": r.root, children: [
-    /* @__PURE__ */ n(a, { value: o.value, token: t }),
-    /* @__PURE__ */ n(s, { as: "span", variant: "caption", color: "secondary", children: o.valueUsd === null ? "—" : l(o.valueUsd) })
+  const m = n ?? o.token;
+  return /* @__PURE__ */ s(a, { gap: "xs", align: e, "data-testid": t.root, children: [
+    /* @__PURE__ */ r(i, { value: o.value, token: m }),
+    /* @__PURE__ */ r(l, { as: "span", variant: "caption", color: "secondary", children: o.valueUsd === null ? "—" : p(o.valueUsd) })
   ] });
 }
 export {
-  T as TokenAmount,
-  r as TokenAmountTest
+  v as TokenAmount,
+  t as TokenAmountTest
 };

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

@@ -6,6 +6,7 @@ class a {
   static healthFactor = "value-health-factor";
   static pnl = "value-pnl";
   static tokenBigint = "value-token-bigint";
+  static points = "value-points";
   static placeholder = "value-placeholder";
 }
 class e {

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

@@ -1,18 +1,21 @@
-import { PositionShortLabelTest as t, ValueTest as a } from "./constants.js";
+import { PositionShortLabelTest as t, ValueTest as r } from "./constants.js";
 import { PnlValue as l } from "./pnl-value.js";
-import { PositionShortLabel as n } from "./position-short-label.js";
-import { PositionTypeBadge as u } from "./position-type-badge.js";
-import { ApyValue as s, HealthFactorValue as f, LeverageValue as m, TokenBigint as x, UsdValue as P, UtilizationValue as T } from "./scalars.js";
+import { PointsValue as p } from "./points-value.js";
+import { PositionShortLabel as s } from "./position-short-label.js";
+import { PositionTypeBadge as V } from "./position-type-badge.js";
+import { ApyValue as m, HealthFactorValue as x, LeverageValue as P, TokenBigint as T, UsdValue as b, UtilizationValue as g, bps as h } from "./scalars.js";
 export {
-  s as ApyValue,
-  f as HealthFactorValue,
-  m as LeverageValue,
+  m as ApyValue,
+  x as HealthFactorValue,
+  P as LeverageValue,
   l as PnlValue,
-  n as PositionShortLabel,
+  p as PointsValue,
+  s as PositionShortLabel,
   t as PositionShortLabelTest,
-  u as PositionTypeBadge,
-  x as TokenBigint,
-  P as UsdValue,
-  T as UtilizationValue,
-  a as ValueTest
+  V as PositionTypeBadge,
+  T as TokenBigint,
+  b as UsdValue,
+  g as UtilizationValue,
+  r as ValueTest,
+  h as bps
 };

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

@@ -0,0 +1,30 @@
+import { jsx as n, jsxs as s } from "react/jsx-runtime";
+import { PointsIcon as r } from "../../points-icon/points-icon.js";
+import { pointProgramsOf as l } from "../../../utils/apy-breakdown.js";
+import { ValueTest as a } from "./constants.js";
+function c({
+  data: i
+}) {
+  if (!i) return null;
+  const t = l(i);
+  return t.length === 0 ? null : /* @__PURE__ */ n(
+    "span",
+    {
+      className: "inline-flex flex-wrap items-center gap-1.5",
+      "data-testid": a.points,
+      children: t.map((e) => /* @__PURE__ */ s("span", { className: "inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ n(
+          r,
+          {
+            reward: { name: e.name, type: e.id },
+            size: 16
+          }
+        ),
+        /* @__PURE__ */ n("span", { children: e.name })
+      ] }, e.id))
+    }
+  );
+}
+export {
+  c as PointsValue
+};

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

@@ -2,60 +2,62 @@ import { jsx as e } from "react/jsx-runtime";
 import { CompoundAPY as s } from "../../compound-apy/compound-apy.js";
 import "react";
 import "@gearbox-protocol/sdk";
-import { cn as c } from "../../../utils/cn.js";
+import { cn as a } from "../../../utils/cn.js";
 import "sonner";
-import { formatMoney as a, percentageTemplate as l } from "../../../utils/format-money.js";
+import { formatLeverage as c } from "../../../utils/format-leverage.js";
+import { formatPercentAmount as m, formatMoney as l } 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";
-const p = "—";
-function r() {
-  return /* @__PURE__ */ e("span", { "data-testid": i.placeholder, children: p });
+import { ValueTest as r } from "./constants.js";
+const d = "—";
+function i() {
+  return /* @__PURE__ */ e("span", { "data-testid": r.placeholder, children: d });
 }
 function o(t) {
-  return l(t / 100);
+  return `${m(t / 100, 2)}%`;
 }
-function L({ data: t }) {
-  return t === void 0 ? /* @__PURE__ */ e(r, {}) : typeof t == "number" ? /* @__PURE__ */ e("span", { "data-testid": i.apy, children: o(t) }) : /* @__PURE__ */ e("span", { "data-testid": i.apy, children: /* @__PURE__ */ e(s, { apy: t }) });
+function P({ data: t }) {
+  return t === void 0 ? /* @__PURE__ */ e(i, {}) : typeof t == "number" ? /* @__PURE__ */ e("span", { "data-testid": r.apy, children: o(t) }) : /* @__PURE__ */ e("span", { "data-testid": r.apy, children: /* @__PURE__ */ e(s, { apy: t }) });
 }
-function z({
+function $({
   data: t
 }) {
-  return t == null ? /* @__PURE__ */ e(r, {}) : /* @__PURE__ */ e("span", { "data-testid": i.usd, children: a(t) });
+  return t == null ? /* @__PURE__ */ e(i, {}) : /* @__PURE__ */ e("span", { "data-testid": r.usd, children: l(t) });
 }
-function A({
+function z({
   data: t
 }) {
-  return t === void 0 ? /* @__PURE__ */ e(r, {}) : /* @__PURE__ */ e("span", { "data-testid": i.leverage, children: `${t}x` });
+  return t === void 0 ? /* @__PURE__ */ e(i, {}) : /* @__PURE__ */ e("span", { "data-testid": r.leverage, children: `${c(t)}x` });
 }
-function P({
+function w({
   data: t
 }) {
-  return t === void 0 ? /* @__PURE__ */ e(r, {}) : /* @__PURE__ */ e("span", { "data-testid": i.utilization, children: o(t) });
+  return t === void 0 ? /* @__PURE__ */ e(i, {}) : /* @__PURE__ */ e("span", { "data-testid": r.utilization, children: o(t) });
 }
-function T({
+function B({
   data: t
 }) {
   if (t === void 0)
-    return /* @__PURE__ */ e(r, {});
+    return /* @__PURE__ */ e(i, {});
   const n = t < 1e4 ? "text-destructive" : t < 11e3 ? "text-warning" : "text-success";
-  return /* @__PURE__ */ e("span", { "data-testid": i.healthFactor, className: c(n), children: (t / 1e4).toFixed(2) });
+  return /* @__PURE__ */ e("span", { "data-testid": r.healthFactor, className: a(n), children: (t / 1e4).toFixed(2) });
 }
-function $({
+function C({
   data: t,
   token: n
 }) {
   if (t === void 0 || n === void 0)
-    return /* @__PURE__ */ e(r, {});
+    return /* @__PURE__ */ e(i, {});
   const u = Number(t) / 10 ** n.decimals;
-  return /* @__PURE__ */ e("span", { "data-testid": i.tokenBigint, children: `${u.toLocaleString(void 0, { maximumFractionDigits: 6 })} ${n.symbol}` });
+  return /* @__PURE__ */ e("span", { "data-testid": r.tokenBigint, children: `${u.toLocaleString(void 0, { maximumFractionDigits: 6 })} ${n.symbol}` });
 }
 export {
-  L as ApyValue,
-  T as HealthFactorValue,
-  A as LeverageValue,
-  $ as TokenBigint,
-  z as UsdValue,
-  P as UtilizationValue
+  P as ApyValue,
+  B as HealthFactorValue,
+  z as LeverageValue,
+  C as TokenBigint,
+  $ as UsdValue,
+  w as UtilizationValue,
+  o as bps
 };

package/dist/esm/components/block-sync-pill/block-sync-pill.js

@@ -33,10 +33,11 @@ import "../token-symbol/token-symbol.js";
 import "../simple-accordion/simple-accordion.js";
 import "../tip-card/tip-card.js";
 import "../typography/typography.js";
-import "../vertical-indicator/vertical-indicator.js";
 import "../points-icon/points-icon.js";
 import "@fortawesome/free-solid-svg-icons";
 import "../icons/fa-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/details-view/detail-aside/detail-aside-scope.js";
@@ -60,6 +61,19 @@ import "../with-title/with-title.js";
 import "../status-elements/status-elements.js";
 import "react-router-dom";
 import "../client-adapters/styled-dialog-container/styled-dialog-container.js";
+import "../modal/modal.js";
+import "@radix-ui/react-dialog";
+import "../dialog/dialog-container.js";
+import "../dialog/dialog-content.js";
+import "../dialog/dialog-description.js";
+import "../dialog/dialog-footer.js";
+import "../dialog/dialog-header.js";
+import "../dialog/dialog-title.js";
+import "../dialog/dialog-modal-container.js";
+import "../dialog/dialog-overlay.js";
+import "viem";
+import "../input/input.js";
+import "../label/label.js";
 import "../simple-dropdown/simple-dropdown.js";
 import "../simple-dropdown/simple-dropdown-menu-item.js";
 import "../help-tip/help-tip.js";
@@ -74,21 +88,8 @@ import "../client-adapters/styled-button/styled-button.js";
 import "../client-adapters/styled-rounded-image/styled-rounded-image.js";
 import "../composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js";
 import "../composites/tx-preview/confirm/dialog/constants.js";
-import "../modal/modal.js";
-import "../dialog/dialog-container.js";
 import "../spinner-loader/spinner-loader.js";
 import "../detailed-apy/detailed-apy.js";
-import "@radix-ui/react-dialog";
-import "../dialog/dialog-content.js";
-import "../dialog/dialog-description.js";
-import "../dialog/dialog-footer.js";
-import "../dialog/dialog-header.js";
-import "../dialog/dialog-title.js";
-import "../dialog/dialog-modal-container.js";
-import "../dialog/dialog-overlay.js";
-import "viem";
-import "../input/input.js";
-import "../label/label.js";
 import "../dropdown-menu/dropdown-menu.js";
 import "../dropdown-menu/dropdown-menu-checkbox-item.js";
 import "../dropdown-menu/dropdown-menu-content.js";
@@ -132,7 +133,7 @@ import "../textarea/textarea.js";
 import "../theme-provider.js";
 import { getBlockSyncStatus as z } from "./block-sync-status.js";
 const C = 300 * 1e3, O = 2.5;
-function xo({
+function So({
   blockByChain: p,
   explorerAddresses: y,
   networkById: T,
@@ -202,5 +203,5 @@ function xo({
   return d ? /* @__PURE__ */ t($, { title: a(), children: d }) : /* @__PURE__ */ t("div", { className: "select-none", children: a() });
 }
 export {
-  xo as BlockSyncPill
+  So as BlockSyncPill
 };

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

@@ -33,10 +33,11 @@ import "../token-symbol/token-symbol.js";
 import "../simple-accordion/simple-accordion.js";
 import "../tip-card/tip-card.js";
 import "../typography/typography.js";
-import "../vertical-indicator/vertical-indicator.js";
 import "../points-icon/points-icon.js";
 import "@fortawesome/free-solid-svg-icons";
 import "../icons/fa-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/details-view/detail-aside/detail-aside-scope.js";
@@ -59,6 +60,19 @@ import "../with-title/with-title.js";
 import "../status-elements/status-elements.js";
 import "react-router-dom";
 import "../client-adapters/styled-dialog-container/styled-dialog-container.js";
+import "../modal/modal.js";
+import "@radix-ui/react-dialog";
+import "../dialog/dialog-container.js";
+import "../dialog/dialog-content.js";
+import "../dialog/dialog-description.js";
+import "../dialog/dialog-footer.js";
+import "../dialog/dialog-header.js";
+import "../dialog/dialog-title.js";
+import "../dialog/dialog-modal-container.js";
+import "../dialog/dialog-overlay.js";
+import "viem";
+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 "../help-tip/help-tip.js";
@@ -73,21 +87,8 @@ import "../client-adapters/styled-button/styled-button.js";
 import "../client-adapters/styled-rounded-image/styled-rounded-image.js";
 import "../composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js";
 import "../composites/tx-preview/confirm/dialog/constants.js";
-import "../modal/modal.js";
-import "../dialog/dialog-container.js";
 import "../spinner-loader/spinner-loader.js";
 import "../detailed-apy/detailed-apy.js";
-import "@radix-ui/react-dialog";
-import "../dialog/dialog-content.js";
-import "../dialog/dialog-description.js";
-import "../dialog/dialog-footer.js";
-import "../dialog/dialog-header.js";
-import "../dialog/dialog-title.js";
-import "../dialog/dialog-modal-container.js";
-import "../dialog/dialog-overlay.js";
-import "viem";
-import "../input/input.js";
-import { Label as k } from "../label/label.js";
 import "../dropdown-menu/dropdown-menu.js";
 import "../dropdown-menu/dropdown-menu-checkbox-item.js";
 import "../dropdown-menu/dropdown-menu-content.js";