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

package/dist/esm/components/base/token-pair-symbol/token-pair-symbol.js

@@ -0,0 +1,33 @@
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { TokenSymbol as m } from "../../token-symbol/token-symbol.js";
+import "react";
+import "@gearbox-protocol/sdk";
+import { cn as s } from "../../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../../utils/z-index.js";
+import { TokenPairSymbolTest as f } from "./constants.js";
+function S({
+  collateral: o,
+  underlying: t,
+  size: e = 32,
+  offset: i = 10,
+  className: n
+}) {
+  return !t && !o ? null : o ? t ? /* @__PURE__ */ p(
+    "span",
+    {
+      className: s("relative z-0 inline-flex shrink-0 self-center", n),
+      "data-testid": f.root,
+      children: [
+        /* @__PURE__ */ r("span", { className: "z-[1]", children: /* @__PURE__ */ r(m, { size: e, token: o }) }),
+        /* @__PURE__ */ r("span", { className: "relative z-0", style: { right: `${i}%` }, children: /* @__PURE__ */ r(m, { size: e, token: t }) })
+      ]
+    }
+  ) : /* @__PURE__ */ r(m, { size: e, token: o }) : t ? /* @__PURE__ */ r(m, { size: e, token: t }) : null;
+}
+export {
+  S as TokenPairSymbol,
+  f as TokenPairSymbolTest
+};

package/dist/esm/components/base/token-pair-title/constants.js

@@ -0,0 +1,6 @@
+class o {
+  static root = "token-pair-title-root";
+}
+export {
+  o as TokenPairTitleTest
+};

package/dist/esm/components/base/token-pair-title/index.js

@@ -0,0 +1,6 @@
+import { TokenPairTitleTest as r } from "./constants.js";
+import { TokenPairTitle as T } from "./token-pair-title.js";
+export {
+  T as TokenPairTitle,
+  r as TokenPairTitleTest
+};

package/dist/esm/components/base/token-pair-title/token-pair-title.js

@@ -0,0 +1,20 @@
+import { jsxs as e, jsx as n, Fragment as i } from "react/jsx-runtime";
+import { TokenPairTitleTest as o } from "./constants.js";
+function l({
+  name: t,
+  debtSymbol: r
+}) {
+  return /* @__PURE__ */ e("span", { "data-testid": o.root, children: [
+    /* @__PURE__ */ n("span", { children: t }),
+    r ? /* @__PURE__ */ e(i, { children: [
+      " ",
+      /* @__PURE__ */ n("span", { className: "text-muted-foreground font-light", children: "/" }),
+      " ",
+      /* @__PURE__ */ n("span", { children: r })
+    ] }) : null
+  ] });
+}
+export {
+  l as TokenPairTitle,
+  o as TokenPairTitleTest
+};

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

@@ -1,4 +1,4 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import "react";
 import "@gearbox-protocol/sdk";
 import { cn as s } from "../../../utils/cn.js";
@@ -6,17 +6,17 @@ import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
-import { ValueTest as o } from "./constants.js";
+import { ValueTest as r } from "./constants.js";
 function x({
-  data: r
+  data: e
 }) {
-  if (r === void 0)
-    return /* @__PURE__ */ e("span", { "data-testid": o.placeholder, children: "—" });
-  const t = r.total.valueUsd ?? 0, i = t > 0 ? "+" : t < 0 ? "−" : "";
-  return /* @__PURE__ */ e(
+  if (e === void 0 || e.total.valueUsd === null)
+    return /* @__PURE__ */ o("span", { "data-testid": r.placeholder, children: "—" });
+  const t = e.total.valueUsd, i = t > 0 ? "+" : t < 0 ? "−" : "";
+  return /* @__PURE__ */ o(
     "span",
     {
-      "data-testid": o.pnl,
+      "data-testid": r.pnl,
       className: s(t > 0 && "text-success", t < 0 && "text-destructive"),
       children: `${i}$${Math.abs(t).toFixed(2)}`
     }

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

@@ -22,13 +22,21 @@ import "luxon";
 import "../../utils/z-index.js";
 import "../buttons/tab-button/tab-button.js";
 import "../token-icon/token-icon.js";
-import "wagmi";
-import "../auth/wallet-ui-context.js";
 import "../badge/badge.js";
-import "../simple-dropdown/simple-dropdown.js";
-import "../simple-dropdown/simple-dropdown-menu-item.js";
+import "../base/amount-input/amount-input.js";
+import "../confirm-menu/confirm-menu.js";
+import "react-intl";
+import "../table/grid-table.js";
+import "../skeleton/skeleton.js";
+import "../table/table.js";
 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 "../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";
@@ -36,7 +44,6 @@ import "../layout/main-aside-layout/main-aside-layout.js";
 import "../base/details-view/details-view.js";
 import "../fadeout-loading/fadeout-loading.js";
 import "../health-factor/health-factor.js";
-import "../vertical-indicator/vertical-indicator.js";
 import "../checkbox/checkbox.js";
 import "../checkbox/checkbox-labeled.js";
 import "../select/select.js";
@@ -51,27 +58,24 @@ import "../slider/slider-context.js";
 import "../text-button/text-button.js";
 import "../with-title/with-title.js";
 import "../status-elements/status-elements.js";
-import "@fortawesome/free-solid-svg-icons";
 import "react-router-dom";
 import "../client-adapters/styled-dialog-container/styled-dialog-container.js";
-import "../icons/fa-icon.js";
-import "../skeleton/skeleton.js";
+import "../simple-dropdown/simple-dropdown.js";
+import "../simple-dropdown/simple-dropdown-menu-item.js";
+import "../help-tip/help-tip.js";
 import "../base/tabber/tabber.js";
-import "../points-icon/points-icon.js";
+import "../link/link.js";
+import "../rounded-image/rounded-image.js";
 import "../base-link/base-link.js";
 import "../navigation-context/navigation-context.js";
 import "../cards/card/card.js";
 import "../checkbox-item/checkbox-item.js";
 import "../client-adapters/styled-button/styled-button.js";
 import "../client-adapters/styled-rounded-image/styled-rounded-image.js";
-import "../table/grid-table.js";
-import "../help-tip/help-tip.js";
 import "../composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js";
 import "../composites/tx-preview/confirm/dialog/constants.js";
 import "../modal/modal.js";
-import "react-intl";
 import "../dialog/dialog-container.js";
-import "../confirm-menu/confirm-menu.js";
 import "../spinner-loader/spinner-loader.js";
 import "../detailed-apy/detailed-apy.js";
 import "@radix-ui/react-dialog";
@@ -113,36 +117,22 @@ import "../layout/app-footer/app-footer.js";
 import "../layout/app-header/app-header.js";
 import "../layout/col/col.js";
 import "../layout/container/container.js";
-import "../layout/footer/footer.js";
 import "../layout/grid/grid.js";
-import "../layout/header/header.js";
 import "../layout/layout/layout.js";
-import "../page-title/page-title.js";
-import "../layout/social-icons/social-icons.js";
 import "../legal-agreement/legal-agreement-theme.js";
-import "../link/link.js";
 import "../loader/loader.js";
 import "../loading/loading.js";
 import "../loading-bar/loading-bar.js";
-import "../navbar/navbar.js";
-import "../navbar/navbar-indicator-context.js";
-import "../app-bar/app-bar.js";
-import "../navitem/navitem.js";
-import "../rounded-image/rounded-image.js";
 import "../segmented-control/segmented-control.js";
 import "../separate-line/separate-line.js";
-import "../simple-accordion/simple-accordion.js";
 import "../spinner/spinner.js";
 import "../split-list/split-list.js";
 import { StatusDot as V } from "../status-dot/status-dot.js";
-import "../table/table.js";
-import "../table/grid-table-loader.js";
 import "../textarea/textarea.js";
 import "../theme-provider.js";
-import "../tip-card/tip-card.js";
 import { getBlockSyncStatus as z } from "./block-sync-status.js";
 const C = 300 * 1e3, O = 2.5;
-function wo({
+function xo({
   blockByChain: p,
   explorerAddresses: y,
   networkById: T,
@@ -212,5 +202,5 @@ function wo({
   return d ? /* @__PURE__ */ t($, { title: a(), children: d }) : /* @__PURE__ */ t("div", { className: "select-none", children: a() });
 }
 export {
-  wo as BlockSyncPill
+  xo as BlockSyncPill
 };

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

@@ -22,14 +22,21 @@ import "../buttons/tab-button/tab-button.js";
 import "../token-icon/token-icon.js";
 import "../tooltip/simple-tooltip.js";
 import "../tooltip/tooltip.js";
-import "wagmi";
-import "../auth/wallet-ui-context.js";
 import "../badge/badge.js";
+import "../base/amount-input/amount-input.js";
+import "../confirm-menu/confirm-menu.js";
 import "react-intl";
-import "../simple-dropdown/simple-dropdown.js";
-import "../simple-dropdown/simple-dropdown-menu-item.js";
+import "../table/grid-table.js";
+import "../skeleton/skeleton.js";
+import "../table/table.js";
 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 "../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";
@@ -37,7 +44,6 @@ import "../layout/main-aside-layout/main-aside-layout.js";
 import "../base/details-view/details-view.js";
 import "../fadeout-loading/fadeout-loading.js";
 import "../health-factor/health-factor.js";
-import "../vertical-indicator/vertical-indicator.js";
 import { Checkbox as g } from "./checkbox.js";
 import "../select/select.js";
 import "../breakpoint-provider.js";
@@ -51,26 +57,24 @@ import "../slider/slider-context.js";
 import "../text-button/text-button.js";
 import "../with-title/with-title.js";
 import "../status-elements/status-elements.js";
-import "@fortawesome/free-solid-svg-icons";
 import "react-router-dom";
 import "../client-adapters/styled-dialog-container/styled-dialog-container.js";
-import "../icons/fa-icon.js";
-import "../skeleton/skeleton.js";
+import "../simple-dropdown/simple-dropdown.js";
+import "../simple-dropdown/simple-dropdown-menu-item.js";
+import "../help-tip/help-tip.js";
 import "../base/tabber/tabber.js";
-import "../points-icon/points-icon.js";
+import "../link/link.js";
+import "../rounded-image/rounded-image.js";
 import "../base-link/base-link.js";
 import "../navigation-context/navigation-context.js";
 import "../cards/card/card.js";
 import "../checkbox-item/checkbox-item.js";
 import "../client-adapters/styled-button/styled-button.js";
 import "../client-adapters/styled-rounded-image/styled-rounded-image.js";
-import "../table/grid-table.js";
-import "../help-tip/help-tip.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 "../confirm-menu/confirm-menu.js";
 import "../spinner-loader/spinner-loader.js";
 import "../detailed-apy/detailed-apy.js";
 import "@radix-ui/react-dialog";
@@ -112,33 +116,19 @@ import "../layout/app-footer/app-footer.js";
 import "../layout/app-header/app-header.js";
 import "../layout/col/col.js";
 import "../layout/container/container.js";
-import "../layout/footer/footer.js";
 import "../layout/grid/grid.js";
-import "../layout/header/header.js";
 import "../layout/layout/layout.js";
-import "../page-title/page-title.js";
-import "../layout/social-icons/social-icons.js";
 import "../legal-agreement/legal-agreement-theme.js";
-import "../link/link.js";
 import "../loader/loader.js";
 import "../loading/loading.js";
 import "../loading-bar/loading-bar.js";
-import "../navbar/navbar.js";
-import "../navbar/navbar-indicator-context.js";
-import "../app-bar/app-bar.js";
-import "../navitem/navitem.js";
-import "../rounded-image/rounded-image.js";
 import "../segmented-control/segmented-control.js";
 import "../separate-line/separate-line.js";
-import "../simple-accordion/simple-accordion.js";
 import "../spinner/spinner.js";
 import "../split-list/split-list.js";
 import "../status-dot/status-dot.js";
-import "../table/table.js";
-import "../table/grid-table-loader.js";
 import "../textarea/textarea.js";
 import "../theme-provider.js";
-import "../tip-card/tip-card.js";
 const C = b("", {
   variants: {
     boxAlign: {

package/dist/esm/components/client-adapters/styled-rounded-image/styled-rounded-image.js

@@ -22,14 +22,21 @@ import "../../buttons/tab-button/tab-button.js";
 import "../../token-icon/token-icon.js";
 import "../../tooltip/simple-tooltip.js";
 import "../../tooltip/tooltip.js";
-import "wagmi";
-import "../../auth/wallet-ui-context.js";
 import "../../badge/badge.js";
+import "../../base/amount-input/amount-input.js";
+import "../../confirm-menu/confirm-menu.js";
 import "react-intl";
-import "../../simple-dropdown/simple-dropdown.js";
-import "../../simple-dropdown/simple-dropdown-menu-item.js";
+import "../../table/grid-table.js";
+import "../../skeleton/skeleton.js";
+import "../../table/table.js";
 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 "../../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";
@@ -37,7 +44,6 @@ import "../../layout/main-aside-layout/main-aside-layout.js";
 import "../../base/details-view/details-view.js";
 import "../../fadeout-loading/fadeout-loading.js";
 import "../../health-factor/health-factor.js";
-import "../../vertical-indicator/vertical-indicator.js";
 import "../../checkbox/checkbox.js";
 import "../../checkbox/checkbox-labeled.js";
 import "../../select/select.js";
@@ -52,25 +58,23 @@ import "../../slider/slider-context.js";
 import "../../text-button/text-button.js";
 import "../../with-title/with-title.js";
 import "../../status-elements/status-elements.js";
-import "@fortawesome/free-solid-svg-icons";
 import "react-router-dom";
 import "../styled-dialog-container/styled-dialog-container.js";
-import "../../icons/fa-icon.js";
-import "../../skeleton/skeleton.js";
+import "../../simple-dropdown/simple-dropdown.js";
+import "../../simple-dropdown/simple-dropdown-menu-item.js";
+import "../../help-tip/help-tip.js";
 import "../../base/tabber/tabber.js";
-import "../../points-icon/points-icon.js";
+import "../../link/link.js";
+import { RoundedImage as d } from "../../rounded-image/rounded-image.js";
 import "../../base-link/base-link.js";
 import "../../navigation-context/navigation-context.js";
 import "../../cards/card/card.js";
 import "../../checkbox-item/checkbox-item.js";
 import "../styled-button/styled-button.js";
-import "../../table/grid-table.js";
-import "../../help-tip/help-tip.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 "../../confirm-menu/confirm-menu.js";
 import "../../spinner-loader/spinner-loader.js";
 import "../../detailed-apy/detailed-apy.js";
 import "@radix-ui/react-dialog";
@@ -112,33 +116,19 @@ import "../../layout/app-footer/app-footer.js";
 import "../../layout/app-header/app-header.js";
 import "../../layout/col/col.js";
 import "../../layout/container/container.js";
-import "../../layout/footer/footer.js";
 import "../../layout/grid/grid.js";
-import "../../layout/header/header.js";
 import "../../layout/layout/layout.js";
-import "../../page-title/page-title.js";
-import "../../layout/social-icons/social-icons.js";
 import "../../legal-agreement/legal-agreement-theme.js";
-import "../../link/link.js";
 import "../../loader/loader.js";
 import "../../loading/loading.js";
 import "../../loading-bar/loading-bar.js";
-import "../../navbar/navbar.js";
-import "../../navbar/navbar-indicator-context.js";
-import "../../app-bar/app-bar.js";
-import "../../navitem/navitem.js";
-import { RoundedImage as d } from "../../rounded-image/rounded-image.js";
 import "../../segmented-control/segmented-control.js";
 import "../../separate-line/separate-line.js";
-import "../../simple-accordion/simple-accordion.js";
 import "../../spinner/spinner.js";
 import "../../split-list/split-list.js";
 import "../../status-dot/status-dot.js";
-import "../../table/table.js";
-import "../../table/grid-table-loader.js";
 import "../../textarea/textarea.js";
 import "../../theme-provider.js";
-import "../../tip-card/tip-card.js";
 const a = e.forwardRef(({ $size: o, $rounded: r, $defaultIcon: m, ...t }, i) => /* @__PURE__ */ p(
   d,
   {

package/dist/esm/components/composites/notification-center/notification-center.js

@@ -5,7 +5,6 @@ import { SimpleDropdown as y } from "../../simple-dropdown/simple-dropdown.js";
 import "../../simple-dropdown/simple-dropdown-menu-item.js";
 import { FormattedMessageTyped as r } from "../../typed-intl/index.js";
 import { Typography as n } from "../../typography/typography.js";
-import { notificationCenterTestIds as a } from "../../../test-ids/notification-center.js";
 import "react";
 import "@gearbox-protocol/sdk";
 import { cn as c } from "../../../utils/cn.js";
@@ -13,6 +12,7 @@ import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
+import { notificationCenterTestIds as a } from "./constants.js";
 function b({ row: t }) {
   const s = /* @__PURE__ */ i(x, { children: [
     /* @__PURE__ */ e(

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

@@ -2,12 +2,11 @@ import { jsxs as c, 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 "../../breakpoint-provider.js";
 import { HeadCell as a } from "../../head-cell/head-cell.js";
 import { GridTableRow as g, GridTableHead as i } from "../../table/grid-table.js";
 import { useIntlTyped as f, FormattedMessageTyped as n } from "../../typed-intl/index.js";
-function y({
+function j({
   sort: l
 }) {
   const s = f(), { state: t, set: o } = l, m = () => o("usage", "desc"), d = () => o("rate", "desc"), p = () => o("name", "desc");
@@ -51,5 +50,5 @@ function y({
   ] });
 }
 export {
-  y as PoolAssetsTableHead
+  j as PoolAssetsTableHead
 };

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

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as t, Fragment as N } from "react/jsx-runtime";
 import "react";
 import "@gearbox-protocol/sdk/common-utils";
-import "@gearbox-protocol/sdk";
 import { useIsMobile as y, useIsDesktop as L } from "../../../hooks/use-media-query.js";
+import "@gearbox-protocol/sdk";
 import "clsx";
 import "tailwind-merge";
 import "sonner";

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

@@ -1,20 +1,19 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { jsxs as n, 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 { useIsMobile as p } 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({
+function G({
   list: e,
   poolName: l,
   sort: t,
   tokensList: i,
   underlyingToken: a
 }) {
-  const s = n();
-  return /* @__PURE__ */ p(
+  const s = p();
+  return /* @__PURE__ */ n(
     d,
     {
       cols: s ? "1fr" : "1fr 180px 1fr",
@@ -39,5 +38,5 @@ function P({
   );
 }
 export {
-  P as PoolAssetsTable
+  G as PoolAssetsTable
 };

package/dist/esm/components/composites/tx-preview/confirm/dialog/TransactionConfirmModalView.js

@@ -21,14 +21,21 @@ import "../../../../buttons/tab-button/tab-button.js";
 import "../../../../token-icon/token-icon.js";
 import "../../../../tooltip/simple-tooltip.js";
 import "../../../../tooltip/tooltip.js";
-import "wagmi";
-import "../../../../auth/wallet-ui-context.js";
 import "../../../../badge/badge.js";
+import "../../../../base/amount-input/amount-input.js";
+import { ConfirmMenu as s } from "../../../../confirm-menu/confirm-menu.js";
 import "react-intl";
-import "../../../../simple-dropdown/simple-dropdown.js";
-import "../../../../simple-dropdown/simple-dropdown-menu-item.js";
+import "../../../../table/grid-table.js";
+import "../../../../skeleton/skeleton.js";
+import "../../../../table/table.js";
 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 "../../../../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";
@@ -36,7 +43,6 @@ import "../../../../layout/main-aside-layout/main-aside-layout.js";
 import "../../../../base/details-view/details-view.js";
 import "../../../../fadeout-loading/fadeout-loading.js";
 import "../../../../health-factor/health-factor.js";
-import "../../../../vertical-indicator/vertical-indicator.js";
 import "../../../../checkbox/checkbox.js";
 import "../../../../checkbox/checkbox-labeled.js";
 import "../../../../select/select.js";
@@ -51,24 +57,22 @@ import "../../../../slider/slider-context.js";
 import "../../../../text-button/text-button.js";
 import "../../../../with-title/with-title.js";
 import "../../../../status-elements/status-elements.js";
-import "@fortawesome/free-solid-svg-icons";
 import "react-router-dom";
-import { StyledDialogContainer as s } from "../../../../client-adapters/styled-dialog-container/styled-dialog-container.js";
-import "../../../../icons/fa-icon.js";
-import "../../../../skeleton/skeleton.js";
+import { StyledDialogContainer as C } from "../../../../client-adapters/styled-dialog-container/styled-dialog-container.js";
+import "../../../../simple-dropdown/simple-dropdown.js";
+import "../../../../simple-dropdown/simple-dropdown-menu-item.js";
+import "../../../../help-tip/help-tip.js";
 import "../../../../base/tabber/tabber.js";
-import "../../../../points-icon/points-icon.js";
+import "../../../../link/link.js";
+import "../../../../rounded-image/rounded-image.js";
 import "../../../../base-link/base-link.js";
 import "../../../../navigation-context/navigation-context.js";
 import "../../../../cards/card/card.js";
 import "../../../../checkbox-item/checkbox-item.js";
 import "../../../../client-adapters/styled-button/styled-button.js";
 import "../../../../client-adapters/styled-rounded-image/styled-rounded-image.js";
-import "../../../../table/grid-table.js";
-import "../../../../help-tip/help-tip.js";
 import "../amounts/TransactionConfirmAmountField.js";
-import { TransactionConfirmDialogTest as C, transactionConfirmModalContainerVariants as u, transactionConfirmDialogShellVariants as M } from "./constants.js";
-import { ConfirmMenu as T } from "../../../../confirm-menu/confirm-menu.js";
+import { TransactionConfirmDialogTest as u, transactionConfirmModalContainerVariants as M, transactionConfirmDialogShellVariants as T } from "./constants.js";
 import { TransactionConfirmShell as g } from "./TransactionConfirmShell.js";
 import "../../../../spinner-loader/spinner-loader.js";
 import "../../../../detailed-apy/detailed-apy.js";
@@ -113,34 +117,20 @@ import "../../../../layout/app-footer/app-footer.js";
 import "../../../../layout/app-header/app-header.js";
 import "../../../../layout/col/col.js";
 import "../../../../layout/container/container.js";
-import "../../../../layout/footer/footer.js";
 import "../../../../layout/grid/grid.js";
-import "../../../../layout/header/header.js";
 import "../../../../layout/layout/layout.js";
-import "../../../../page-title/page-title.js";
-import "../../../../layout/social-icons/social-icons.js";
 import "../../../../legal-agreement/legal-agreement-theme.js";
-import "../../../../link/link.js";
 import "../../../../loader/loader.js";
 import "../../../../loading/loading.js";
 import "../../../../loading-bar/loading-bar.js";
-import "../../../../navbar/navbar.js";
-import "../../../../navbar/navbar-indicator-context.js";
-import "../../../../app-bar/app-bar.js";
-import "../../../../navitem/navitem.js";
-import "../../../../rounded-image/rounded-image.js";
 import "../../../../segmented-control/segmented-control.js";
 import "../../../../separate-line/separate-line.js";
-import "../../../../simple-accordion/simple-accordion.js";
 import "../../../../spinner/spinner.js";
 import "../../../../split-list/split-list.js";
 import "../../../../status-dot/status-dot.js";
-import "../../../../table/table.js";
-import "../../../../table/grid-table-loader.js";
 import "../../../../textarea/textarea.js";
 import "../../../../theme-provider.js";
-import "../../../../tip-card/tip-card.js";
-function oi({
+function Po({
   open: i,
   onClose: t,
   title: m,
@@ -155,11 +145,11 @@ function oi({
   if (!i) return null;
   const f = o !== "confirm" && o !== "awaiting_receipt" && n ? void 0 : p;
   return /* @__PURE__ */ r(h, { show: i, onClickOutside: t, zIndexLayer: "MODAL", children: /* @__PURE__ */ r(
-    s,
+    C,
     {
       className: c(
-        M(),
-        a ?? u()
+        T(),
+        a ?? M()
       ),
       "data-testid": e,
       children: /* @__PURE__ */ r(
@@ -167,14 +157,14 @@ function oi({
         {
           ...l,
           header: /* @__PURE__ */ r(
-            T,
+            s,
             {
               title: m,
               titleAddon: f,
               onClose: t
             }
           ),
-          "data-testid": d ?? C.root,
+          "data-testid": d ?? u.root,
           phase: o
         }
       )
@@ -182,5 +172,5 @@ function oi({
   ) });
 }
 export {
-  oi as TransactionConfirmModalView
+  Po as TransactionConfirmModalView
 };