@gearbox-protocol/ui-kit 3.6.0 → 3.7.0-next.2

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

@@ -0,0 +1,105 @@
+import { jsx as e, jsxs as t, Fragment as L } from "react/jsx-runtime";
+import "react";
+import "@gearbox-protocol/sdk/common-utils";
+import "@gearbox-protocol/sdk";
+import { useIsMobile as N, useIsDesktop as S } from "../../../hooks/use-media-query.js";
+import "clsx";
+import "tailwind-merge";
+import "sonner";
+import { percentageTemplate as A } from "../../../utils/format-money.js";
+import "luxon";
+import "../../../utils/z-index.js";
+import { Description as w } from "../../description/description.js";
+import { ShortString as c } from "../../short-string/short-string.js";
+import { GridTableRow as y, GridTableCell as s } from "../../table/grid-table.js";
+import { TableLineSm as z, TableCellSm as p } from "../../table/table-sm.js";
+import { TokenSymbol as I } from "../../token-symbol/token-symbol.js";
+import { TokenTemplate as d } from "../../token-template/token-template.js";
+import { FormattedMessageTyped as l } from "../../typed-intl/index.js";
+function O({
+  poolName: h,
+  token: o,
+  currentQuota: g,
+  underlyingToken: r,
+  last: u
+}) {
+  const { limit: f, totalQuoted: x, rate: T } = g, i = N(), b = S() ? 21 : i ? 40 : 16, m = () => /* @__PURE__ */ t("div", { className: "flex items-center flex-col-auto", children: [
+    /* @__PURE__ */ e(I, { token: o, size: 32 }),
+    /* @__PURE__ */ t("span", { className: "ml-1.5 md:ml-2.5 text-left", children: [
+      /* @__PURE__ */ e(c, { maxLength: b, children: o?.title }),
+      /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(c, { maxLength: 20, children: h }) })
+    ] })
+  ] }), a = () => A(T), n = () => /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
+    l,
+    {
+      messageId: "components.poolAssetsTable.usage",
+      values: {
+        amount: /* @__PURE__ */ e(
+          d,
+          {
+            value: x,
+            token: r,
+            decimalPartLength: 2,
+            precision: 2,
+            showSymbol: !1
+          },
+          "pool-assets-line-usage-amount"
+        ),
+        total: /* @__PURE__ */ e(
+          d,
+          {
+            value: f,
+            token: r,
+            decimalPartLength: 2,
+            precision: 2,
+            showSymbol: !1
+          },
+          "pool-assets-line-usage-total"
+        )
+      }
+    }
+  ) });
+  return /* @__PURE__ */ e(
+    y,
+    {
+      last: u,
+      height: "auto",
+      className: "cursor-default",
+      style: {
+        minHeight: "75px"
+      },
+      children: i ? /* @__PURE__ */ e(s, { span: "full", size: "sm", className: "px-3 py-0!", children: /* @__PURE__ */ t(
+        z,
+        {
+          columns: 2,
+          columnsXs: 2,
+          title: m(),
+          className: "w-full",
+          children: [
+            /* @__PURE__ */ e(
+              p,
+              {
+                title: /* @__PURE__ */ e(l, { messageId: "components.poolAssetsTable.rate" }),
+                children: a()
+              }
+            ),
+            /* @__PURE__ */ e(
+              p,
+              {
+                title: /* @__PURE__ */ e(l, { messageId: "components.poolAssetsTable.limits" }),
+                children: n()
+              }
+            )
+          ]
+        }
+      ) }) : /* @__PURE__ */ t(L, { children: [
+        /* @__PURE__ */ e(s, { textAlign: "left", className: "pl-4", size: "sm", children: m() }),
+        /* @__PURE__ */ e(s, { textAlign: "right", size: "sm", children: a() }),
+        /* @__PURE__ */ e(s, { textAlign: "right", className: "pr-4", size: "sm", children: n() })
+      ] })
+    }
+  );
+}
+export {
+  O as PoolAssetsTableRow
+};

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

@@ -0,0 +1,43 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import "react";
+import "@gearbox-protocol/sdk/common-utils";
+import "@gearbox-protocol/sdk";
+import { useIsMobile as n } from "../../../hooks/use-media-query.js";
+import { GridTable as d, GridTableHeader as f, GridTableBody as b } from "../../table/grid-table.js";
+import { PoolAssetsTableHead as c } from "./pool-assets-table-head.js";
+import { PoolAssetsTableRow as T } from "./pool-assets-table-row.js";
+function P({
+  list: e,
+  poolName: l,
+  sort: t,
+  tokensList: i,
+  underlyingToken: a
+}) {
+  const s = n();
+  return /* @__PURE__ */ p(
+    d,
+    {
+      cols: s ? "1fr" : "1fr 180px 1fr",
+      gap: 0,
+      size: "lg",
+      wrapperClassName: "overflow-visible",
+      children: [
+        !s && /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(c, { sort: t }) }),
+        /* @__PURE__ */ o(b, { children: e.map((r, m) => /* @__PURE__ */ o(
+          T,
+          {
+            poolName: l,
+            currentQuota: r,
+            token: i[r.token],
+            underlyingToken: a,
+            last: m === e.length - 1
+          },
+          r.token
+        )) })
+      ]
+    }
+  );
+}
+export {
+  P as PoolAssetsTable
+};

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

@@ -0,0 +1 @@
+

package/dist/esm/components/composites/pool-credit-manager-info/index.js

@@ -0,0 +1,9 @@
+import { overflowContainerClassName as e, overflowWrapClassName as a } from "./overflow-layout.js";
+import { PoolCreditManagerInfo as t } from "./pool-credit-manager-info.js";
+import { poolCreditManagerInfoTestIds as n } from "./test-ids.js";
+export {
+  t as PoolCreditManagerInfo,
+  e as overflowContainerClassName,
+  a as overflowWrapClassName,
+  n as poolCreditManagerInfoTestIds
+};

package/dist/esm/components/composites/pool-credit-manager-info/overflow-layout.js

@@ -0,0 +1,5 @@
+const l = "w-full overflow-x-hidden h-full min-h-0 max-h-full xs:overflow-x-visible xs:h-auto xs:max-h-none", o = "w-full overflow-hidden xs:overflow-visible";
+export {
+  l as overflowContainerClassName,
+  o as overflowWrapClassName
+};

package/dist/esm/components/composites/pool-credit-manager-info/pool-credit-manager-info.js

@@ -0,0 +1,187 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { shortAddress as E, PERCENTAGE_DECIMALS as m, PERCENTAGE_FACTOR as v, toBigInt as y } from "@gearbox-protocol/sdk";
+import "react";
+import "@gearbox-protocol/sdk/common-utils";
+import { useIsMobile as N } from "../../../hooks/use-media-query.js";
+import "clsx";
+import "tailwind-merge";
+import "sonner";
+import { percentageTemplate as s } from "../../../utils/format-money.js";
+import "luxon";
+import "../../../utils/z-index.js";
+import { CardGrid as p } from "../../card-grid/card-grid.js";
+import { CheckboxLabeled as A } from "../../checkbox/checkbox-labeled.js";
+import { ConfirmMenu as P } from "../../confirm-menu/confirm-menu.js";
+import { DialogModalContainer as q } from "../../dialog/dialog-modal-container.js";
+import { OverflowContainer as F } from "../../overflow-container/overflow-container.js";
+import { TableCellSm as n } from "../../table/table-sm.js";
+import { TextButton as S } from "../../text-button/text-button.js";
+import { TokenTemplate as l } from "../../token-template/token-template.js";
+import { FormattedMessageTyped as o } from "../../typed-intl/index.js";
+import { VSpace as d } from "../../vspace/vspace.js";
+import { WithCopy as w } from "../../with-copy/with-copy.js";
+import { overflowContainerClassName as j, overflowWrapClassName as B } from "./overflow-layout.js";
+import { poolCreditManagerInfoTestIds as G } from "./test-ids.js";
+function de({
+  creditManager: t,
+  tokensList: f,
+  underlyingTable: u,
+  onClose: a,
+  hideZeroQuota: c,
+  setHideZeroQuota: g
+}) {
+  const I = N(), i = f[t.underlyingToken], h = () => /* @__PURE__ */ e(
+    n,
+    {
+      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.title" }),
+      children: /* @__PURE__ */ e(
+        w,
+        {
+          toCopy: t.address,
+          trigger: "root",
+          tooltip: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.copy.tip" }),
+          children: /* @__PURE__ */ e(S, { color: "empty", children: I ? E(t.address) : t.address })
+        }
+      )
+    }
+  ), x = () => /* @__PURE__ */ e(
+    n,
+    {
+      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.minDebt" }),
+      children: /* @__PURE__ */ e(l, { value: t.minDebt, token: i })
+    }
+  ), C = () => /* @__PURE__ */ e(
+    n,
+    {
+      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.maxDebt" }),
+      children: /* @__PURE__ */ e(l, { value: t.maxDebt, token: i })
+    }
+  ), b = () => /* @__PURE__ */ e(
+    n,
+    {
+      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.liquidationFee" }),
+      children: s(
+        BigInt(t.feeLiquidation) * m
+      )
+    }
+  ), T = () => {
+    const D = (v - y(t.liquidationDiscount)) * m;
+    return /* @__PURE__ */ e(
+      n,
+      {
+        title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.liquidationPremium" }),
+        children: s(D)
+      }
+    );
+  }, k = () => /* @__PURE__ */ e(
+    n,
+    {
+      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.interestFee" }),
+      children: s(
+        BigInt(t.feeInterest) * m
+      )
+    }
+  ), L = () => /* @__PURE__ */ e(
+    n,
+    {
+      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.debtLimit" }),
+      children: /* @__PURE__ */ e(
+        l,
+        {
+          value: t.totalDebtLimit,
+          token: i
+        }
+      )
+    }
+  ), M = () => /* @__PURE__ */ e(
+    n,
+    {
+      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.maxEnabledTokens" }),
+      children: t.maxEnabledTokensLength
+    }
+  );
+  return /* @__PURE__ */ r(
+    q,
+    {
+      dialog: {
+        padding: !0
+      },
+      show: !0,
+      onClickOutside: a,
+      children: [
+        /* @__PURE__ */ r("div", { className: "w-full", "data-testid": G.detail, children: [
+          /* @__PURE__ */ e(
+            P,
+            {
+              title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.title" }),
+              onClose: a
+            }
+          ),
+          /* @__PURE__ */ e(d, { height: 32 })
+        ] }),
+        /* @__PURE__ */ r(
+          p,
+          {
+            gap: "sm",
+            justifyItemContent: "start",
+            columns: 1,
+            columnsLg: 1,
+            columnsMd: 1,
+            columnsSm: 1,
+            children: [
+              h(),
+              /* @__PURE__ */ r(
+                p,
+                {
+                  gap: "sm",
+                  justifyItemContent: "start",
+                  columns: 4,
+                  columnsLg: 3,
+                  columnsMd: 3,
+                  columnsSm: 2,
+                  children: [
+                    x(),
+                    C(),
+                    b(),
+                    T(),
+                    k(),
+                    L(),
+                    M()
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(d, { height: 32 }),
+        /* @__PURE__ */ e("div", { className: "flex items-center flex-col-12", children: /* @__PURE__ */ e(
+          A,
+          {
+            checked: c,
+            onChange: () => g(!c),
+            boxAlign: "center",
+            children: /* @__PURE__ */ e(o, { messageId: "dialogs.oraclesAndLTInfo.filter.hide0Quota" })
+          }
+        ) }),
+        /* @__PURE__ */ e(d, { height: 16 }),
+        /* @__PURE__ */ e(
+          F,
+          {
+            borderColor: "default",
+            className: B,
+            innerPadding: "0 8px",
+            maxHeight: "300px",
+            minHeight: "100px",
+            overflowContainerClassName: j,
+            outerPadding: "14px 12px 14px 0",
+            size: "default",
+            children: /* @__PURE__ */ e("div", { className: "pl-2 pr-2 flex-col-auto", children: u })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  de as PoolCreditManagerInfo
+};

package/dist/esm/components/composites/pool-credit-manager-info/test-ids.js

@@ -0,0 +1,6 @@
+const e = {
+  detail: "pool-credit-managers-detail"
+};
+export {
+  e as poolCreditManagerInfoTestIds
+};

package/dist/esm/components/composites/pool-credit-manager-info/types.js

@@ -0,0 +1 @@
+

package/dist/esm/components/composites/pool-credit-managers-table/index.js

@@ -0,0 +1,10 @@
+import { PoolCreditManagersTable as r } from "./pool-credit-managers-table.js";
+import { poolCreditManagersTableTestIds as t } from "./pool-credit-managers-table.test-ids.js";
+import { PoolCreditManagersTableHead as d } from "./pool-credit-managers-table-head.js";
+import { PoolCreditManagersTableRow as p } from "./pool-credit-managers-table-row.js";
+export {
+  r as PoolCreditManagersTable,
+  d as PoolCreditManagersTableHead,
+  p as PoolCreditManagersTableRow,
+  t as poolCreditManagersTableTestIds
+};

package/dist/esm/components/composites/pool-credit-managers-table/pool-credit-managers-table-head.js

@@ -0,0 +1,54 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import "react";
+import { getSortForField as r } from "../../../hooks/use-filter.js";
+import "@gearbox-protocol/sdk/common-utils";
+import "@gearbox-protocol/sdk";
+import { HeadCell as a } from "../../head-cell/head-cell.js";
+import { GridTableRow as d, GridTableHead as i } from "../../table/grid-table.js";
+import { useIntlTyped as p, FormattedMessageTyped as n } from "../../typed-intl/index.js";
+function I({
+  sort: m
+}) {
+  const s = p(), { state: t, set: o } = m;
+  return /* @__PURE__ */ l(d, { noHover: !0, height: "35px", children: [
+    /* @__PURE__ */ e(i, { justify: "start", size: "sm", className: "pl-4", children: /* @__PURE__ */ e(
+      a,
+      {
+        arrowPosition: "right",
+        title: /* @__PURE__ */ e(n, { messageId: "components.poolAssetsTable.head.name" }),
+        sortDirection: r("name", t),
+        sortField: s.formatMessage({
+          messageId: "components.poolAssetsTable.head.name"
+        }),
+        onSort: () => o("name")
+      }
+    ) }),
+    /* @__PURE__ */ e(i, { justify: "end", size: "sm", children: /* @__PURE__ */ e(
+      a,
+      {
+        arrowPosition: "left",
+        title: /* @__PURE__ */ e(n, { messageId: "components.poolAssetsTable.head.currentDebt" }),
+        sortDirection: r("currentDebt", t),
+        sortField: s.formatMessage({
+          messageId: "components.poolAssetsTable.head.currentDebt"
+        }),
+        onSort: () => o("currentDebt", "desc")
+      }
+    ) }),
+    /* @__PURE__ */ e(i, { justify: "end", size: "sm", className: "pr-4", children: /* @__PURE__ */ e(
+      a,
+      {
+        arrowPosition: "left",
+        title: /* @__PURE__ */ e(n, { messageId: "components.poolAssetsTable.head.assets" }),
+        sortDirection: r("assets", t),
+        sortField: s.formatMessage({
+          messageId: "components.poolAssetsTable.head.assets"
+        }),
+        onSort: () => o("assets", "desc")
+      }
+    ) })
+  ] });
+}
+export {
+  I as PoolCreditManagersTableHead
+};

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

@@ -0,0 +1,71 @@
+import { jsxs as m, jsx as e, Fragment as n } from "react/jsx-runtime";
+import { shortAddress as d } from "@gearbox-protocol/sdk";
+import "react";
+import "clsx";
+import "tailwind-merge";
+import "sonner";
+import { formatMoney as p } from "../../../utils/format-money.js";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../../utils/z-index.js";
+import { GridTableRow as c, GridTableCell as o } from "../../table/grid-table.js";
+import { TextButton as f } from "../../text-button/text-button.js";
+import { TokenTemplate as h } from "../../token-template/token-template.js";
+import { FormattedMessageTyped as u } from "../../typed-intl/index.js";
+import { VerticalIndicator as l } from "../../vertical-indicator/vertical-indicator.js";
+import { poolCreditManagersTableTestIds as x } from "./pool-credit-managers-table.test-ids.js";
+function F({
+  creditManager: t,
+  last: r,
+  onClick: i,
+  totalDebtMoney: s,
+  underlyingToken: a
+}) {
+  return /* @__PURE__ */ m(
+    c,
+    {
+      last: r,
+      height: "75px",
+      onRowClick: i,
+      "data-testid": x.creditManagerLine,
+      children: [
+        /* @__PURE__ */ e(o, { textAlign: "left", className: "pl-4", size: "sm", children: /* @__PURE__ */ e(
+          l,
+          {
+            label: t.name,
+            description: d(t.address)
+          }
+        ) }),
+        /* @__PURE__ */ e(o, { textAlign: "right", size: "sm", children: /* @__PURE__ */ e("div", { className: "flex justify-end flex-col-auto", children: /* @__PURE__ */ e("div", { className: "flex-col-auto", children: /* @__PURE__ */ e(
+          l,
+          {
+            value: /* @__PURE__ */ e(
+              h,
+              {
+                value: t.totalDebt,
+                token: a
+              }
+            ),
+            valueDescription: p(s)
+          }
+        ) }) }) }),
+        /* @__PURE__ */ e(o, { textAlign: "right", className: "pr-4", size: "sm", children: /* @__PURE__ */ e("div", { className: "flex justify-end flex-col-auto", children: /* @__PURE__ */ e("div", { className: "flex-col-auto", children: /* @__PURE__ */ e(
+          l,
+          {
+            label: /* @__PURE__ */ e(f, { as: "span", children: /* @__PURE__ */ e(
+              u,
+              {
+                messageId: "components.poolCreditManagersTable.assets",
+                values: { amount: t.collateralTokens.length }
+              }
+            ) }),
+            description: /* @__PURE__ */ e(n, { children: " " })
+          }
+        ) }) }) })
+      ]
+    }
+  );
+}
+export {
+  F as PoolCreditManagersTableRow
+};

package/dist/esm/components/composites/pool-credit-managers-table/pool-credit-managers-table.js

@@ -0,0 +1,42 @@
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import "react";
+import "@gearbox-protocol/sdk/common-utils";
+import "@gearbox-protocol/sdk";
+import { useIsMobile as d } from "../../../hooks/use-media-query.js";
+import { GridTable as f, GridTableHeader as n, GridTableBody as b } from "../../table/grid-table.js";
+import { PoolCreditManagersTableHead as c } from "./pool-credit-managers-table-head.js";
+import { PoolCreditManagersTableRow as C } from "./pool-credit-managers-table-row.js";
+function w({
+  handleSelectCM: e,
+  rows: l,
+  sort: i,
+  underlyingToken: s
+}) {
+  const a = d() ? "1fr 120px 0.75fr" : "2fr 1fr 1fr";
+  return /* @__PURE__ */ p(
+    f,
+    {
+      cols: a,
+      gap: 0,
+      size: "lg",
+      wrapperClassName: "overflow-visible",
+      children: [
+        /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(c, { sort: i }) }),
+        /* @__PURE__ */ r(b, { children: l.map(({ creditManager: o, totalDebtMoney: m }, t) => /* @__PURE__ */ r(
+          C,
+          {
+            creditManager: o,
+            last: t === l.length - 1,
+            onClick: e(o),
+            totalDebtMoney: m,
+            underlyingToken: s
+          },
+          o.address
+        )) })
+      ]
+    }
+  );
+}
+export {
+  w as PoolCreditManagersTable
+};

package/dist/esm/components/composites/pool-credit-managers-table/pool-credit-managers-table.test-ids.js

@@ -0,0 +1,6 @@
+const e = {
+  creditManagerLine: "pool-credit-managers-line"
+};
+export {
+  e as poolCreditManagersTableTestIds
+};

package/dist/esm/components/composites/pool-credit-managers-table/types.js

@@ -0,0 +1 @@
+

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

@@ -52,15 +52,18 @@ import "../input/input.js";
 import "../with-title/with-title.js";
 import "../smart-number-input/balance-indicator.js";
 import "../smart-number-input/smart-number-input.js";
+import "../table/grid-table.js";
+import "../help-tip/help-tip.js";
 import "../description/description.js";
+import { getSymbolOrIcon as C } from "../token-symbol/token-symbol.js";
+import "../confirm-menu/confirm-menu.js";
+import "../dialog/dialog-modal-container.js";
+import "../text-button/text-button.js";
+import "../vertical-indicator/vertical-indicator.js";
 import "../rounded-image/rounded-image.js";
 import "../progress/progress.js";
 import "../pool-indicator-icon/pool-indicator-icon.js";
 import "../skeleton/skeleton.js";
-import { getSymbolOrIcon as C } from "../token-symbol/token-symbol.js";
-import "../help-tip/help-tip.js";
-import "../table/grid-table.js";
-import "../confirm-menu/confirm-menu.js";
 import "../currency-button/currency-button.js";
 import "../detailed-apy/detailed-apy.js";
 import "../detailed-page-title/detailed-page-title.js";
@@ -74,7 +77,6 @@ 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 "../label/label.js";
@@ -121,7 +123,6 @@ import "../layout/social-icons/social-icons.js";
 import "../link/link.js";
 import "../../utils/reactochart-compat.js";
 import "../status-elements/status-elements.js";
-import "../text-button/text-button.js";
 import "../loader/loader.js";
 import "../loading/loading.js";
 import "../loading-bar/loading-bar.js";
@@ -159,7 +160,6 @@ import "../time-to-liquidation/time-to-liquidation.js";
 import "../tip-card/tip-card.js";
 import "../toggle/toggle.js";
 import "../typography/typography.js";
-import "../vertical-indicator/vertical-indicator.js";
 import "../vertical-list/vertical-list.js";
 import "../with-filter-button/with-filter-button.js";
 function G(i, p) {

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

@@ -48,18 +48,20 @@ import "../input/input.js";
 import "../with-title/with-title.js";
 import "../smart-number-input/balance-indicator.js";
 import "../smart-number-input/smart-number-input.js";
+import "../table/grid-table.js";
+import "../help-tip/help-tip.js";
+import "../description/description.js";
+import { getSymbolOrIcon as P } from "../token-symbol/token-symbol.js";
+import "../confirm-menu/confirm-menu.js";
+import "../dialog/dialog-modal-container.js";
+import "../text-button/text-button.js";
+import "../vertical-indicator/vertical-indicator.js";
 import "../points-icon/points-icon.js";
 import "../skeleton/skeleton.js";
-import "../vertical-indicator/vertical-indicator.js";
 import "../vertical-list/vertical-list.js";
-import "../description/description.js";
 import "../rounded-image/rounded-image.js";
 import "../progress/progress.js";
 import "../pool-indicator-icon/pool-indicator-icon.js";
-import { getSymbolOrIcon as P } from "../token-symbol/token-symbol.js";
-import "../help-tip/help-tip.js";
-import "../table/grid-table.js";
-import "../confirm-menu/confirm-menu.js";
 import "../currency-button/currency-button.js";
 import "../detailed-apy/detailed-apy.js";
 import { DetailedPageTitleCopyButton as h } from "./detailed-page-title-copy-button.js";
@@ -72,7 +74,6 @@ 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 "../label/label.js";
@@ -118,7 +119,6 @@ import "../layout/social-icons/social-icons.js";
 import "../link/link.js";
 import "../../utils/reactochart-compat.js";
 import "../status-elements/status-elements.js";
-import "../text-button/text-button.js";
 import "../loader/loader.js";
 import "../loading/loading.js";
 import "../loading-bar/loading-bar.js";