@gearbox-protocol/ui-kit 4.0.0-next.47 → 4.0.0-next.49

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

@@ -1,10 +1,8 @@
-import { jsx as e, jsxs as m, Fragment as y } from "react/jsx-runtime";
+import { jsx as e, jsxs as a, Fragment as y } from "react/jsx-runtime";
 import { NoValue as b } from "../../base/values/no-value.js";
-import "react";
 import "@gearbox-protocol/sdk/onchain";
 import "clsx";
 import "tailwind-merge";
-import "sonner";
 import { formatMoney as C } from "../../../utils/format-money.js";
 import "luxon";
 import "../../../utils/z-index.js";
@@ -12,7 +10,7 @@ import "../../points-icon/points-icon.js";
 import { UtilizationValue as S } from "../../base/values/scalars.js";
 import "../../badge/badge.js";
 import "../../badge/chip.js";
-import { FormattedMessageTyped as a } from "../../typed-intl/index.js";
+import { FormattedMessageTyped as m } from "../../typed-intl/index.js";
 import { AllocationWheel as k } from "../../collateral-allocation-tooltip/allocation-wheel.js";
 import "@fortawesome/free-solid-svg-icons";
 import "../../icons/fa-icon.js";
@@ -23,8 +21,9 @@ import { NameCell as w } from "../../name-cell/name-cell.js";
 import { ShortString as L } from "../../short-string/short-string.js";
 import "react-intl";
 import "../../buttons/button/button.js";
-import { GridTableRow as U, GridTableCell as l } from "../../table/grid-table.js";
+import { GridTableRow as U, GridTableCell as o } from "../../table/grid-table.js";
 import "../../skeleton/skeleton.js";
+import "react";
 import "../../table/table.js";
 import { TableLineSm as I, TableCellSm as n } from "../../table/table-sm.js";
 import { TokenSymbol as P } from "../../token-symbol/token-symbol.js";
@@ -38,7 +37,7 @@ function V(i, t) {
 function B(i, t) {
   return t <= 0n || i <= 0n ? 0 : Number(i * 10000n / t) / 1e4;
 }
-function fe({
+function he({
   asset: i,
   underlyingToken: t,
   last: T,
@@ -47,13 +46,13 @@ function fe({
   colorIndex: A,
   explorerUrl: d
 }) {
-  const { token: r, limit: s, used: o } = i, N = c ? 40 : 21, u = B(o.value, z), h = () => /* @__PURE__ */ e(
+  const { token: r, limit: s, used: l } = i, N = c ? 40 : 21, u = B(l.value, z), h = () => /* @__PURE__ */ e(
     w,
     {
       leading: /* @__PURE__ */ e(P, { size: 32, token: r }),
       title: /* @__PURE__ */ e(L, { maxLength: N, children: r.symbol })
     }
-  ), f = () => /* @__PURE__ */ m(
+  ), f = () => /* @__PURE__ */ a(
     "div",
     {
       className: "flex items-center justify-end gap-2",
@@ -77,10 +76,10 @@ function fe({
                 precision: 2,
                 showSymbol: !1,
                 token: t,
-                value: o.value
+                value: l.value
               }
             ),
-            valueDescription: o.valueUsd === null ? /* @__PURE__ */ e(b, {}) : C(o.valueUsd)
+            valueDescription: l.valueUsd === null ? /* @__PURE__ */ e(b, {}) : C(l.valueUsd)
           }
         )
       ]
@@ -94,7 +93,7 @@ function fe({
       token: t,
       value: s.value
     }
-  ) }), v = () => /* @__PURE__ */ e("div", { "data-testid": p.capUtilizationCell, children: /* @__PURE__ */ e(S, { data: V(o.value, s.value) }) });
+  ) }), v = () => /* @__PURE__ */ e("div", { "data-testid": p.capUtilizationCell, children: /* @__PURE__ */ e(S, { data: V(l.value, s.value) }) });
   return /* @__PURE__ */ e(
     U,
     {
@@ -103,7 +102,7 @@ function fe({
       href: d ? `${d}/address/${r.address}` : void 0,
       target: "_blank",
       style: { minHeight: "75px" },
-      children: c ? /* @__PURE__ */ e(l, { className: "px-3 py-0!", size: "sm", span: "full", children: /* @__PURE__ */ m(
+      children: c ? /* @__PURE__ */ e(o, { className: "px-3 py-0!", size: "sm", span: "full", children: /* @__PURE__ */ a(
         I,
         {
           className: "w-full",
@@ -114,35 +113,35 @@ function fe({
             /* @__PURE__ */ e(
               n,
               {
-                title: /* @__PURE__ */ e(a, { messageId: "components.poolAssetsTable.exposure" }),
+                title: /* @__PURE__ */ e(m, { messageId: "components.poolAssetsTable.exposure" }),
                 children: f()
               }
             ),
             /* @__PURE__ */ e(
               n,
               {
-                title: /* @__PURE__ */ e(a, { messageId: "components.poolAssetsTable.cap" }),
+                title: /* @__PURE__ */ e(m, { messageId: "components.poolAssetsTable.cap" }),
                 children: g()
               }
             ),
             /* @__PURE__ */ e(
               n,
               {
-                title: /* @__PURE__ */ e(a, { messageId: "components.poolAssetsTable.capUtilization" }),
+                title: /* @__PURE__ */ e(m, { messageId: "components.poolAssetsTable.capUtilization" }),
                 children: v()
               }
             )
           ]
         }
-      ) }) : /* @__PURE__ */ m(y, { children: [
-        /* @__PURE__ */ e(l, { className: "pl-4", size: "sm", textAlign: "left", children: h() }),
-        /* @__PURE__ */ e(l, { size: "sm", textAlign: "right", children: f() }),
-        /* @__PURE__ */ e(l, { size: "sm", textAlign: "right", children: g() }),
-        /* @__PURE__ */ e(l, { className: "pr-4", size: "sm", textAlign: "right", children: v() })
+      ) }) : /* @__PURE__ */ a(y, { children: [
+        /* @__PURE__ */ e(o, { className: "pl-4", size: "sm", textAlign: "left", children: h() }),
+        /* @__PURE__ */ e(o, { size: "sm", textAlign: "right", children: f() }),
+        /* @__PURE__ */ e(o, { size: "sm", textAlign: "right", children: g() }),
+        /* @__PURE__ */ e(o, { className: "pr-4", size: "sm", textAlign: "right", children: v() })
       ] })
     }
   );
 }
 export {
-  fe as PoolAssetsTableRow
+  he as PoolAssetsTableRow
 };

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

@@ -2,11 +2,10 @@ import { jsx as o, jsxs as c } from "react/jsx-runtime";
 import { Card as f } from "../../cards/card/card.js";
 import "clsx";
 import "tailwind-merge";
-import "react";
 import "@fortawesome/free-solid-svg-icons";
+import "react";
 import "../../icons/fa-icon.js";
 import "@gearbox-protocol/sdk/onchain";
-import "sonner";
 import "luxon";
 import "../../../utils/z-index.js";
 import "react-intl";
@@ -20,7 +19,7 @@ import { PoolAssetsTableTest as v } from "./constants.js";
 import { PoolAssetsTableHead as w } from "./pool-assets-table-head.js";
 import { PoolAssetsTableRow as A } from "./pool-assets-table-row.js";
 const C = 680;
-function U({
+function S({
   list: t,
   sort: s,
   underlyingToken: l,
@@ -55,5 +54,5 @@ function U({
   ) });
 }
 export {
-  U as PoolAssetsTable
+  S as PoolAssetsTable
 };

package/dist/esm/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js

@@ -1,12 +1,10 @@
-import { jsxs as i, Fragment as d, jsx as o } from "react/jsx-runtime";
+import { jsxs as i, Fragment as d, jsx as n } from "react/jsx-runtime";
 import { cva as y } from "class-variance-authority";
 import { FadeoutLoading as g } from "../../../../fadeout-loading/fadeout-loading.js";
 import { TokenIcon as v } from "../../../../token-icon/token-icon.js";
 import { TokenTemplate as A } from "../../../../token-template/token-template.js";
-import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as h } from "../../../../../utils/cn.js";
-import "sonner";
 import { APPROXIMATE_SYMBOL as k } from "../../../../../utils/format.js";
 import { formatMoney as N } from "../../../../../utils/format-money.js";
 import "luxon";
@@ -30,19 +28,19 @@ const b = y(
     defaultVariants: { position: "first", size: "md" }
   }
 );
-function S(n) {
-  if (n.primaryAmount !== void 0)
+function S(e) {
+  if (e.primaryAmount !== void 0)
     return {
-      primaryAmount: n.primaryAmount,
-      secondaryAmount: n.secondaryAmount
+      primaryAmount: e.primaryAmount,
+      secondaryAmount: e.secondaryAmount
     };
-  const { amount: t } = n;
+  const { amount: t } = e;
   return {
     primaryAmount: { value: t?.value, token: t?.token },
     secondaryAmount: { valueUSD: t?.valueUsd ?? void 0 }
   };
 }
-function E(n) {
+function P(e) {
   const {
     label: t,
     loading: l = !1,
@@ -50,21 +48,21 @@ function E(n) {
     size: u = "md",
     maxLength: c,
     approximate: f
-  } = n, { isApproximate: m = !1, approximateSymbol: a = k } = f || {}, { primaryAmount: e, secondaryAmount: r } = S(n), x = e && "node" in e ? e.node : /* @__PURE__ */ i(d, { children: [
-    e.token && /* @__PURE__ */ o(v, { token: e.token, size: 16 }),
+  } = e, { isApproximate: a = !1, approximateSymbol: m = k } = f || {}, { primaryAmount: o, secondaryAmount: r } = S(e), x = o && "node" in o ? o.node : /* @__PURE__ */ i(d, { children: [
+    o.token && /* @__PURE__ */ n(v, { token: o.token, size: 16 }),
     /* @__PURE__ */ i("span", { children: [
-      m && /* @__PURE__ */ o("span", { children: a }),
-      /* @__PURE__ */ o(
+      a && /* @__PURE__ */ n("span", { children: m }),
+      /* @__PURE__ */ n(
         A,
         {
-          value: e?.value,
-          token: e.token,
+          value: o?.value,
+          token: o.token,
           maxLength: c
         }
       )
     ] })
   ] }), s = r && "node" in r ? r.node : r?.valueUSD ? /* @__PURE__ */ i(d, { children: [
-    m && /* @__PURE__ */ o("span", { children: a }),
+    a && /* @__PURE__ */ n("span", { children: m }),
     N(r.valueUSD)
   ] }) : null;
   return /* @__PURE__ */ i(
@@ -73,16 +71,16 @@ function E(n) {
       className: h(b({ position: p, size: u })),
       "data-testid": T.root,
       children: [
-        /* @__PURE__ */ o("span", { className: "text-sm font-medium text-foreground", children: t }),
+        /* @__PURE__ */ n("span", { className: "text-sm font-medium text-foreground", children: t }),
         /* @__PURE__ */ i("div", { className: "flex flex-col items-end gap-0.5", children: [
-          /* @__PURE__ */ o(g, { loading: l, children: /* @__PURE__ */ o("span", { className: "inline-flex items-center gap-1.5 text-sm font-medium text-foreground", children: x }) }),
-          s && /* @__PURE__ */ o("span", { className: "text-xs leading-[130%] text-secondary-foreground", children: s })
+          /* @__PURE__ */ n(g, { loading: l, children: /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1.5 text-sm font-medium text-foreground", children: x }) }),
+          s && /* @__PURE__ */ n("span", { className: "text-xs leading-[130%] text-secondary-foreground", children: s })
         ] })
       ]
     }
   );
 }
 export {
-  E as TransactionConfirmAmountField,
+  P as TransactionConfirmAmountField,
   S as resolveAmountSlots
 };

package/dist/esm/components/composites/tx-preview/confirm/amounts/constants.js

@@ -1,10 +1,6 @@
 class t {
   static root = "transaction-confirm-amount-field-root";
 }
-class a {
-  static root = "transaction-confirm-amount-pair-root";
-}
 export {
-  t as TransactionConfirmAmountFieldTest,
-  a as TransactionConfirmAmountPairTest
+  t as TransactionConfirmAmountFieldTest
 };

package/dist/esm/components/composites/tx-preview/confirm/amounts/index.js

@@ -1,7 +1,7 @@
-import { TransactionConfirmAmountFieldTest as r, TransactionConfirmAmountPairTest as t } from "./constants.js";
-import { TransactionConfirmAmountField as m } from "./TransactionConfirmAmountField.js";
+import { TransactionConfirmAmountFieldTest as r } from "./constants.js";
+import { TransactionConfirmAmountField as e, resolveAmountSlots as m } from "./TransactionConfirmAmountField.js";
 export {
-  m as TransactionConfirmAmountField,
+  e as TransactionConfirmAmountField,
   r as TransactionConfirmAmountFieldTest,
-  t as TransactionConfirmAmountPairTest
+  m as resolveAmountSlots
 };

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

@@ -2,32 +2,27 @@ import { jsx as r, jsxs as l, Fragment as v } from "react/jsx-runtime";
 import { StyledDialogContainer as S } from "../../../../client-adapters/styled-dialog-container/styled-dialog-container.js";
 import { ConfirmMenu as k } from "../../../../confirm-menu/confirm-menu.js";
 import { ErrorLineMessage as T } from "../../../../error-message/error-line-message.js";
-import "react-intl";
-import "../../../../buttons/button/button.js";
-import "../../../../dialog/dialog-container.js";
-import { useIntlTyped as N, FormattedMessageTyped as P } from "../../../../typed-intl/index.js";
-import "react";
+import { Modal as N } from "../../../../modal/modal.js";
+import { SkeletonStack as P } from "../../../../skeleton/skeleton-stack.js";
+import { Spinner as I } from "../../../../spinner/spinner.js";
+import { useIntlTyped as M, FormattedMessageTyped as L } from "../../../../typed-intl/index.js";
+import { Typography as A } from "../../../../typography/typography.js";
+import { VSpace as p } from "../../../../vspace/vspace.js";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as I } from "../../../../../utils/cn.js";
-import "sonner";
+import { cn as D } from "../../../../../utils/cn.js";
 import "luxon";
 import "../../../../../utils/z-index.js";
-import { Modal as M } from "../../../../modal/modal.js";
-import { SkeletonStack as L } from "../../../../skeleton/skeleton-stack.js";
-import { Spinner as A } from "../../../../spinner/spinner.js";
-import { Typography as D } from "../../../../typography/typography.js";
-import { VSpace as f } from "../../../../vspace/vspace.js";
 import { ProgressStepper as V } from "../stepper/ProgressStepper.js";
 import { computeTransactionConfirmDialogLayout as z } from "./computeTransactionConfirmDialogLayout.js";
-import { TransactionConfirmDialogTest as m, transactionConfirmModalContainerVariants as E, transactionConfirmDialogShellVariants as R, transactionConfirmShellContentVariants as j, transactionConfirmPreviewScrollVariants as y } from "./constants.js";
-function le(e) {
+import { TransactionConfirmDialogTest as c, transactionConfirmModalContainerVariants as E, transactionConfirmDialogShellVariants as R, transactionConfirmShellContentVariants as j, transactionConfirmPreviewScrollVariants as y } from "./constants.js";
+function ie(e) {
   const {
     mode: t,
-    open: c = !0,
-    phase: d = "confirm",
+    open: d = !0,
+    phase: m = "confirm",
     onClose: a,
     title: n,
-    titleAddon: p,
+    titleAddon: u,
     hideTitleAddonOnResult: i = !0,
     body: o,
     className: s,
@@ -35,11 +30,11 @@ function le(e) {
     "data-testid": w,
     shellTestId: x
   } = e;
-  if (t === "dialog" && !c) return null;
-  const u = o.kind === "ready" ? d : "confirm", C = u !== "confirm" && u !== "awaiting_receipt" && i ? void 0 : p, h = /* @__PURE__ */ r(
+  if (t === "dialog" && !d) return null;
+  const f = o.kind === "ready" ? m : "confirm", C = f !== "confirm" && f !== "awaiting_receipt" && i ? void 0 : u, h = /* @__PURE__ */ r(
     S,
     {
-      className: I(
+      className: D(
         R(),
         t === "dialog" ? E() : null,
         s
@@ -49,9 +44,9 @@ function le(e) {
         O,
         {
           body: o,
-          phase: u,
+          phase: f,
           previewClassName: g,
-          testId: x ?? m.root,
+          testId: x ?? c.root,
           header: /* @__PURE__ */ r(
             k,
             {
@@ -64,29 +59,29 @@ function le(e) {
       )
     }
   );
-  return t === "page" ? h : /* @__PURE__ */ r(M, { show: !0, onClickOutside: a, zIndexLayer: "MODAL", children: h });
+  return t === "page" ? h : /* @__PURE__ */ r(N, { show: !0, onClickOutside: a, zIndexLayer: "MODAL", children: h });
 }
 function O({
   body: e,
   phase: t,
-  previewClassName: c,
-  testId: d,
+  previewClassName: d,
+  testId: m,
   header: a
 }) {
-  const n = e.kind === "ready" ? e.stepper : void 0, p = !!(n && n.length > 0), i = z(t, p), o = e.kind === "ready" ? B(e, t) : void 0, s = e.kind === "ready" ? e.execution : void 0;
+  const n = e.kind === "ready" ? e.stepper : void 0, u = !!(n && n.length > 0), i = z(t, u), o = e.kind === "ready" ? B(e, t) : void 0, s = e.kind === "ready" ? e.execution : void 0;
   return /* @__PURE__ */ l(
     "div",
     {
       className: j(),
-      "data-testid": d,
+      "data-testid": m,
       children: [
         /* @__PURE__ */ r("div", { className: "shrink-0", children: a }),
-        /* @__PURE__ */ r(f, { size: "sm" }),
+        /* @__PURE__ */ r(p, { size: "sm" }),
         i.showResult && o ? /* @__PURE__ */ r(
           "div",
           {
             className: "flex min-h-0 flex-1 flex-col",
-            "data-testid": m.result,
+            "data-testid": c.result,
             children: o
           }
         ) : null,
@@ -94,27 +89,27 @@ function O({
           i.showPreview ? /* @__PURE__ */ r(
             "div",
             {
-              className: c ?? y(),
+              className: d ?? y(),
               children: /* @__PURE__ */ r(F, { body: e })
             }
           ) : null,
-          i.showPreview && i.showExecution && s ? /* @__PURE__ */ r(f, { size: "md" }) : null,
+          i.showPreview && i.showExecution && s ? /* @__PURE__ */ r(p, { size: "md" }) : null,
           i.showExecution && s ? /* @__PURE__ */ r(
             "div",
             {
               className: "min-w-0 w-full shrink-0",
-              "data-testid": m.execution,
+              "data-testid": c.execution,
               children: s
             }
           ) : null
         ] }),
         i.showProgressStepper && n ? /* @__PURE__ */ l(v, { children: [
-          /* @__PURE__ */ r(f, { size: "md" }),
+          /* @__PURE__ */ r(p, { size: "md" }),
           /* @__PURE__ */ r(
             "div",
             {
               className: "shrink-0",
-              "data-testid": m.progress,
+              "data-testid": c.progress,
               children: /* @__PURE__ */ r(V, { tone: "muted", steps: n })
             }
           )
@@ -126,10 +121,10 @@ function O({
 function F({
   body: e
 }) {
-  const t = N();
+  const t = M();
   return e.kind === "loading" ? /* @__PURE__ */ l("div", { className: "flex flex-col items-center justify-center gap-3 py-8", children: [
-    /* @__PURE__ */ r(A, {}),
-    /* @__PURE__ */ r(D, { variant: "bodySmall", color: "muted", as: "p", children: /* @__PURE__ */ r(P, { messageId: "components.transactionConfirm.previewLoading" }) })
+    /* @__PURE__ */ r(I, {}),
+    /* @__PURE__ */ r(A, { variant: "bodySmall", color: "muted", as: "p", children: /* @__PURE__ */ r(L, { messageId: "components.transactionConfirm.previewLoading" }) })
   ] }) : e.kind === "error" ? /* @__PURE__ */ r(
     T,
     {
@@ -138,7 +133,7 @@ function F({
         messageId: "components.transactionConfirm.previewErrorTitle"
       })
     }
-  ) : e.previewLoading ? /* @__PURE__ */ r(L, { lines: 3 }) : /* @__PURE__ */ r(v, { children: e.preview });
+  ) : e.previewLoading ? /* @__PURE__ */ r(P, { lines: 3 }) : /* @__PURE__ */ r(v, { children: e.preview });
 }
 function B(e, t) {
   if (e.result) {
@@ -147,5 +142,5 @@ function B(e, t) {
   }
 }
 export {
-  le as TransactionConfirmShell
+  ie as TransactionConfirmShell
 };

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

@@ -1,38 +1,36 @@
-import { TransactionConfirmAmountFieldTest as n, TransactionConfirmAmountPairTest as t } from "./amounts/constants.js";
-import { TransactionConfirmAmountField as e } from "./amounts/TransactionConfirmAmountField.js";
+import { TransactionConfirmAmountFieldTest as n } from "./amounts/constants.js";
+import { TransactionConfirmAmountField as a, resolveAmountSlots as e } from "./amounts/TransactionConfirmAmountField.js";
 import { computeTransactionConfirmDialogLayout as s } from "./dialog/computeTransactionConfirmDialogLayout.js";
-import { TransactionConfirmDialogTest as f, transactionConfirmDialogShellVariants as c, transactionConfirmModalContainerVariants as T, transactionConfirmPreviewScrollVariants as l, transactionConfirmShellContentVariants as p } from "./dialog/constants.js";
+import { TransactionConfirmDialogTest as f, transactionConfirmDialogShellVariants as c, transactionConfirmModalContainerVariants as T, transactionConfirmPreviewScrollVariants as l, transactionConfirmShellContentVariants as C } from "./dialog/constants.js";
 import { TransactionConfirmShell as u } from "./dialog/TransactionConfirmShell.js";
 import { TransactionConfirmExecuteButton as S } from "./execution/TransactionConfirmExecuteButton.js";
-import { TransactionConfirmExecuteButtonTest as g, TransactionConfirmFailureResultTest as R, TransactionConfirmSuccessResultTest as P, TransactionConfirmTxHashRowTest as d } from "./result/constants.js";
-import { TransactionConfirmFailureResult as F } from "./result/TransactionConfirmFailureResult.js";
-import { TransactionConfirmSuccessIcon as A } from "./result/TransactionConfirmSuccessIcon.js";
-import { TransactionConfirmSuccessResult as B } from "./result/TransactionConfirmSuccessResult.js";
-import { TransactionConfirmTxHashRow as H } from "./result/TransactionConfirmTxHashRow.js";
+import { TransactionConfirmExecuteButtonTest as g, TransactionConfirmFailureResultTest as h, TransactionConfirmSuccessResultTest as F, TransactionConfirmTxHashRowTest as V } from "./result/constants.js";
+import { TransactionConfirmFailureResult as w } from "./result/TransactionConfirmFailureResult.js";
+import { TransactionConfirmSuccessIcon as D } from "./result/TransactionConfirmSuccessIcon.js";
+import { TransactionConfirmSuccessResult as v } from "./result/TransactionConfirmSuccessResult.js";
+import { TransactionConfirmTxHashRow as E } from "./result/TransactionConfirmTxHashRow.js";
 import { ProgressStepperTest as y } from "./stepper/constants.js";
 import { ProgressStepper as L } from "./stepper/ProgressStepper.js";
-import { shouldShowTransactionProgressStepper as b } from "./stepper/transactionExecutionStepTypes.js";
 export {
   L as ProgressStepper,
   y as ProgressStepperTest,
-  e as TransactionConfirmAmountField,
+  a as TransactionConfirmAmountField,
   n as TransactionConfirmAmountFieldTest,
-  t as TransactionConfirmAmountPairTest,
   f as TransactionConfirmDialogTest,
   S as TransactionConfirmExecuteButton,
   g as TransactionConfirmExecuteButtonTest,
-  F as TransactionConfirmFailureResult,
-  R as TransactionConfirmFailureResultTest,
+  w as TransactionConfirmFailureResult,
+  h as TransactionConfirmFailureResultTest,
   u as TransactionConfirmShell,
-  A as TransactionConfirmSuccessIcon,
-  B as TransactionConfirmSuccessResult,
-  P as TransactionConfirmSuccessResultTest,
-  H as TransactionConfirmTxHashRow,
-  d as TransactionConfirmTxHashRowTest,
+  D as TransactionConfirmSuccessIcon,
+  v as TransactionConfirmSuccessResult,
+  F as TransactionConfirmSuccessResultTest,
+  E as TransactionConfirmTxHashRow,
+  V as TransactionConfirmTxHashRowTest,
   s as computeTransactionConfirmDialogLayout,
-  b as shouldShowTransactionProgressStepper,
+  e as resolveAmountSlots,
   c as transactionConfirmDialogShellVariants,
   T as transactionConfirmModalContainerVariants,
   l as transactionConfirmPreviewScrollVariants,
-  p as transactionConfirmShellContentVariants
+  C as transactionConfirmShellContentVariants
 };

package/dist/esm/components/composites/tx-preview/confirm/stepper/ProgressStepper.js

@@ -1,12 +1,10 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import "react";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as o } from "../../../../../utils/cn.js";
-import "sonner";
+import { cn as s } from "../../../../../utils/cn.js";
 import "luxon";
 import "../../../../../utils/z-index.js";
-import { ProgressStepperTest as p } from "./constants.js";
-function x({
+import { ProgressStepperTest as x } from "./constants.js";
+function p({
   status: r,
   tone: n
 }) {
@@ -14,7 +12,7 @@ function x({
   return /* @__PURE__ */ t(
     "span",
     {
-      className: o(
+      className: s(
         "relative z-10 block size-[9px] shrink-0 rounded-full",
         // Reached steps (done + current) are solid so the dot matches the
         // "reached" connector running into it; only upcoming stays hollow.
@@ -27,7 +25,7 @@ function x({
   );
 }
 function d(r, n, a) {
-  return o(
+  return s(
     "h-px min-w-0 flex-1",
     r ? a === "muted" ? "bg-gray-50" : "bg-foreground" : n ? "border-t border-dashed border-gray-50" : "bg-gray-50"
   );
@@ -35,7 +33,7 @@ function d(r, n, a) {
 function h(r) {
   return r === "completed" || r === "active";
 }
-function D({
+function S({
   steps: r,
   tone: n = "foreground",
   className: a
@@ -43,18 +41,18 @@ function D({
   return /* @__PURE__ */ t(
     "ol",
     {
-      className: o("m-0 flex w-full list-none p-0", a),
-      "data-testid": p.root,
-      children: r.map((e, s) => {
-        const m = s === 0, u = s === r.length - 1, l = e.status === "active", c = r[s + 1], f = h(e.status), g = e.status === "completed" || e.status === "active" && !!c?.connectorMarker;
-        return /* @__PURE__ */ i(
+      className: s("m-0 flex w-full list-none p-0", a),
+      "data-testid": x.root,
+      children: r.map((e, o) => {
+        const m = o === 0, u = o === r.length - 1, i = e.status === "active", c = r[o + 1], f = h(e.status), g = e.status === "completed" || e.status === "active" && !!c?.connectorMarker;
+        return /* @__PURE__ */ l(
           "li",
           {
             className: "flex min-w-0 flex-1 flex-col items-center",
-            "aria-current": l ? "step" : void 0,
+            "aria-current": i ? "step" : void 0,
             children: [
-              /* @__PURE__ */ i("div", { className: "flex w-full items-center", children: [
-                m ? /* @__PURE__ */ t("span", { className: "min-w-0 flex-1", "aria-hidden": !0 }) : /* @__PURE__ */ i("span", { className: "relative flex min-w-0 flex-1 items-center", children: [
+              /* @__PURE__ */ l("div", { className: "flex w-full items-center", children: [
+                m ? /* @__PURE__ */ t("span", { className: "min-w-0 flex-1", "aria-hidden": !0 }) : /* @__PURE__ */ l("span", { className: "relative flex min-w-0 flex-1 items-center", children: [
                   /* @__PURE__ */ t(
                     "span",
                     {
@@ -68,7 +66,7 @@ function D({
                   ),
                   e.connectorMarker ? /* @__PURE__ */ t("span", { className: "-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-0 z-10 flex items-center", children: e.connectorMarker }) : null
                 ] }),
-                /* @__PURE__ */ t(x, { status: e.status, tone: n }),
+                /* @__PURE__ */ t(p, { status: e.status, tone: n }),
                 u ? /* @__PURE__ */ t("span", { className: "min-w-0 flex-1", "aria-hidden": !0 }) : /* @__PURE__ */ t(
                   "span",
                   {
@@ -84,9 +82,9 @@ function D({
               /* @__PURE__ */ t(
                 "span",
                 {
-                  className: o(
+                  className: s(
                     "mt-3 max-w-full truncate px-1 text-center text-xs leading-snug",
-                    l ? "font-medium text-foreground" : "font-normal text-secondary-foreground"
+                    i ? "font-medium text-foreground" : "font-normal text-secondary-foreground"
                   ),
                   children: e.label
                 }
@@ -100,5 +98,5 @@ function D({
   );
 }
 export {
-  D as ProgressStepper
+  S as ProgressStepper
 };

package/dist/esm/components/composites/tx-preview/confirm/stepper/index.js

@@ -1,8 +1,6 @@
 import { ProgressStepperTest as o } from "./constants.js";
 import { ProgressStepper as s } from "./ProgressStepper.js";
-import { shouldShowTransactionProgressStepper as S } from "./transactionExecutionStepTypes.js";
 export {
   s as ProgressStepper,
-  o as ProgressStepperTest,
-  S as shouldShowTransactionProgressStepper
+  o as ProgressStepperTest
 };

package/dist/esm/components/composites/tx-preview/confirm/stepper/transactionExecutionStepTypes.js

@@ -1,6 +1 @@
-function r(e) {
-  return e.some((o) => o.id !== "execute");
-}
-export {
-  r as shouldShowTransactionProgressStepper
-};
+