@gearbox-protocol/ui-kit 4.0.0-next.60 → 4.0.0-next.62

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

@@ -1,16 +1,16 @@
-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 { jsxs as t, Fragment as s, jsx as e } from "react/jsx-runtime";
+import { cva as g } from "class-variance-authority";
+import { resolveAmountSlots as h } from "./amount-slots.js";
+import { FadeoutLoading as y } 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 { cn as k } from "../../../../../utils/cn.js";
+import { APPROXIMATE_SYMBOL as N } from "../../../../../utils/format.js";
+import { formatMoney as T } from "../../../../../utils/format-money.js";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as h } from "../../../../../utils/cn.js";
-import { APPROXIMATE_SYMBOL as k } from "../../../../../utils/format.js";
-import { formatMoney as N } from "../../../../../utils/format-money.js";
-import "luxon";
 import "../../../../../utils/z-index.js";
-import { TransactionConfirmAmountFieldTest as T } from "./constants.js";
-const b = y(
+import { TransactionConfirmAmountFieldTest as b } from "./constants.js";
+const S = g(
   "flex w-full items-center justify-between bg-gray-20 px-4 py-3",
   {
     variants: {
@@ -28,59 +28,46 @@ const b = y(
     defaultVariants: { position: "first", size: "md" }
   }
 );
-function S(e) {
-  if (e.primaryAmount !== void 0)
-    return {
-      primaryAmount: e.primaryAmount,
-      secondaryAmount: e.secondaryAmount
-    };
-  const { amount: t } = e;
-  return {
-    primaryAmount: { value: t?.value, token: t?.token },
-    secondaryAmount: { valueUSD: t?.valueUsd ?? void 0 }
-  };
-}
-function P(e) {
+function U(r) {
   const {
-    label: t,
-    loading: l = !1,
+    label: l,
+    loading: d = !1,
     position: p,
-    size: u = "md",
-    maxLength: c,
-    approximate: f
-  } = 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: [
-      a && /* @__PURE__ */ n("span", { children: m }),
-      /* @__PURE__ */ n(
+    size: c = "md",
+    maxLength: f,
+    approximate: u
+  } = r, { isApproximate: i = !1, approximateSymbol: a = N } = u || {}, { primaryAmount: o, secondaryAmount: n } = h(r), x = o && "node" in o ? o.node : /* @__PURE__ */ t(s, { children: [
+    o.token && /* @__PURE__ */ e(v, { token: o.token, size: 16 }),
+    /* @__PURE__ */ t("span", { children: [
+      i && /* @__PURE__ */ e("span", { children: a }),
+      /* @__PURE__ */ e(
         A,
         {
           value: o?.value,
           token: o.token,
-          maxLength: c
+          maxLength: f
         }
       )
     ] })
-  ] }), s = r && "node" in r ? r.node : r?.valueUSD ? /* @__PURE__ */ i(d, { children: [
-    a && /* @__PURE__ */ n("span", { children: m }),
-    N(r.valueUSD)
+  ] }), m = n && "node" in n ? n.node : n?.valueUSD ? /* @__PURE__ */ t(s, { children: [
+    i && /* @__PURE__ */ e("span", { children: a }),
+    T(n.valueUSD)
   ] }) : null;
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: h(b({ position: p, size: u })),
-      "data-testid": T.root,
+      className: k(S({ position: p, size: c })),
+      "data-testid": b.root,
       children: [
-        /* @__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__ */ 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 })
+        /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: l }),
+        /* @__PURE__ */ t("div", { className: "flex flex-col items-end gap-0.5", children: [
+          /* @__PURE__ */ e(y, { loading: d, children: /* @__PURE__ */ e("span", { className: "inline-flex items-center gap-1.5 text-sm font-medium text-foreground", children: x }) }),
+          m && /* @__PURE__ */ e("span", { className: "text-xs leading-[130%] text-secondary-foreground", children: m })
         ] })
       ]
     }
   );
 }
 export {
-  P as TransactionConfirmAmountField,
-  S as resolveAmountSlots
+  U as TransactionConfirmAmountField
 };

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

@@ -0,0 +1,15 @@
+function t(n) {
+  if (n.primaryAmount !== void 0)
+    return {
+      primaryAmount: n.primaryAmount,
+      secondaryAmount: n.secondaryAmount
+    };
+  const { amount: o } = n;
+  return {
+    primaryAmount: { value: o?.value, token: o?.token },
+    secondaryAmount: { valueUSD: o?.valueUsd ?? void 0 }
+  };
+}
+export {
+  t as resolveAmountSlots
+};

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

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

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

@@ -8,21 +8,21 @@ 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 D } from "../../../../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../../../../utils/z-index.js";
 import { ProgressStepper as V } from "../stepper/ProgressStepper.js";
 import { computeTransactionConfirmDialogLayout as z } from "./computeTransactionConfirmDialogLayout.js";
-import { TransactionConfirmDialogTest as c, transactionConfirmModalContainerVariants as E, transactionConfirmDialogShellVariants as R, transactionConfirmShellContentVariants as j, transactionConfirmPreviewScrollVariants as y } from "./constants.js";
+import { TransactionConfirmDialogTest as c } from "./constants.js";
+import { transactionConfirmModalContainerVariants as E, transactionConfirmDialogShellVariants as R, transactionConfirmShellContentVariants as j, transactionConfirmPreviewScrollVariants as y } from "./transaction-confirm-dialog.variants.js";
 function ie(e) {
   const {
     mode: t,
-    open: d = !0,
-    phase: m = "confirm",
+    open: m = !0,
+    phase: d = "confirm",
     onClose: a,
     title: n,
-    titleAddon: u,
+    titleAddon: f,
     hideTitleAddonOnResult: i = !0,
     body: o,
     className: s,
@@ -30,8 +30,8 @@ function ie(e) {
     "data-testid": w,
     shellTestId: x
   } = e;
-  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(
+  if (t === "dialog" && !m) return null;
+  const u = o.kind === "ready" ? d : "confirm", C = u !== "confirm" && u !== "awaiting_receipt" && i ? void 0 : f, h = /* @__PURE__ */ r(
     S,
     {
       className: D(
@@ -44,7 +44,7 @@ function ie(e) {
         O,
         {
           body: o,
-          phase: f,
+          phase: u,
           previewClassName: g,
           testId: x ?? c.root,
           header: /* @__PURE__ */ r(
@@ -64,16 +64,16 @@ function ie(e) {
 function O({
   body: e,
   phase: t,
-  previewClassName: d,
-  testId: m,
+  previewClassName: m,
+  testId: d,
   header: a
 }) {
-  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;
+  const n = e.kind === "ready" ? e.stepper : void 0, f = !!(n && n.length > 0), i = z(t, f), 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": m,
+      "data-testid": d,
       children: [
         /* @__PURE__ */ r("div", { className: "shrink-0", children: a }),
         /* @__PURE__ */ r(p, { size: "sm" }),
@@ -89,7 +89,7 @@ function O({
           i.showPreview ? /* @__PURE__ */ r(
             "div",
             {
-              className: d ?? y(),
+              className: m ?? y(),
               children: /* @__PURE__ */ r(F, { body: e })
             }
           ) : null,

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

@@ -1,26 +1,9 @@
-import { cva as o } from "class-variance-authority";
-class r {
+class o {
   static root = "transaction-confirm-dialog-root";
   static execution = "transaction-confirm-dialog-execution";
   static progress = "transaction-confirm-dialog-progress";
   static result = "transaction-confirm-dialog-result";
 }
-const n = o(
-  "box-border w-full max-w-full md:w-[560px] md:max-w-[560px]"
-), i = o(
-  "flex max-h-[min(100dvh-2.5rem,900px)] min-h-0 flex-col"
-), l = o(
-  // `pr-2 -mr-2` pushes the scrollbar out into the card's padding instead of
-  // letting it sit flush against the content; the reserved gutter stops the
-  // layout shifting on the frame the scrollbar appears.
-  "flex min-h-0 flex-1 flex-col gap-4 overflow-x-hidden overflow-y-auto pr-2 -mr-2 [scrollbar-gutter:stable]"
-), e = o(
-  "box-border flex min-h-0 w-full min-w-0 max-w-full flex-1 flex-col"
-);
 export {
-  r as TransactionConfirmDialogTest,
-  n as transactionConfirmDialogShellVariants,
-  i as transactionConfirmModalContainerVariants,
-  l as transactionConfirmPreviewScrollVariants,
-  e as transactionConfirmShellContentVariants
+  o as TransactionConfirmDialogTest
 };

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

@@ -1,12 +1,6 @@
-import { computeTransactionConfirmDialogLayout as a } from "./computeTransactionConfirmDialogLayout.js";
-import { TransactionConfirmDialogTest as t, transactionConfirmDialogShellVariants as i, transactionConfirmModalContainerVariants as e, transactionConfirmPreviewScrollVariants as l, transactionConfirmShellContentVariants as s } from "./constants.js";
-import { TransactionConfirmShell as f } from "./TransactionConfirmShell.js";
+import { TransactionConfirmDialogTest as n } from "./constants.js";
+import { TransactionConfirmShell as i } from "./TransactionConfirmShell.js";
 export {
-  t as TransactionConfirmDialogTest,
-  f as TransactionConfirmShell,
-  a as computeTransactionConfirmDialogLayout,
-  i as transactionConfirmDialogShellVariants,
-  e as transactionConfirmModalContainerVariants,
-  l as transactionConfirmPreviewScrollVariants,
-  s as transactionConfirmShellContentVariants
+  n as TransactionConfirmDialogTest,
+  i as TransactionConfirmShell
 };

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

@@ -0,0 +1,19 @@
+import { cva as o } from "class-variance-authority";
+const n = o(
+  "box-border w-full max-w-full md:w-[560px] md:max-w-[560px]"
+), r = o(
+  "flex max-h-[min(100dvh-2.5rem,900px)] min-h-0 flex-col"
+), a = o(
+  // `pr-2 -mr-2` pushes the scrollbar out into the card's padding instead of
+  // letting it sit flush against the content; the reserved gutter stops the
+  // layout shifting on the frame the scrollbar appears.
+  "flex min-h-0 flex-1 flex-col gap-4 overflow-x-hidden overflow-y-auto pr-2 -mr-2 [scrollbar-gutter:stable]"
+), t = o(
+  "box-border flex min-h-0 w-full min-w-0 max-w-full flex-1 flex-col"
+);
+export {
+  n as transactionConfirmDialogShellVariants,
+  r as transactionConfirmModalContainerVariants,
+  a as transactionConfirmPreviewScrollVariants,
+  t as transactionConfirmShellContentVariants
+};

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

@@ -1,36 +1,27 @@
-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 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 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 { TransactionConfirmAmountFieldTest as t } from "./amounts/constants.js";
+import { TransactionConfirmAmountField as e } from "./amounts/TransactionConfirmAmountField.js";
+import { TransactionConfirmDialogTest as a } from "./dialog/constants.js";
+import { TransactionConfirmShell as m } from "./dialog/TransactionConfirmShell.js";
+import { TransactionConfirmExecuteButton as T } from "./execution/TransactionConfirmExecuteButton.js";
+import { TransactionConfirmExecuteButtonTest as p, TransactionConfirmFailureResultTest as x, TransactionConfirmSuccessResultTest as u, TransactionConfirmTxHashRowTest as C } from "./result/constants.js";
+import { TransactionConfirmFailureResult as R } from "./result/TransactionConfirmFailureResult.js";
+import { TransactionConfirmSuccessResult as F } from "./result/TransactionConfirmSuccessResult.js";
+import { TransactionConfirmTxHashRow as h } from "./result/TransactionConfirmTxHashRow.js";
+import { ProgressStepperTest as w } from "./stepper/constants.js";
+import { ProgressStepper as B } from "./stepper/ProgressStepper.js";
 export {
-  L as ProgressStepper,
-  y as ProgressStepperTest,
-  a as TransactionConfirmAmountField,
-  n as TransactionConfirmAmountFieldTest,
-  f as TransactionConfirmDialogTest,
-  S as TransactionConfirmExecuteButton,
-  g as TransactionConfirmExecuteButtonTest,
-  w as TransactionConfirmFailureResult,
-  h as TransactionConfirmFailureResultTest,
-  u as TransactionConfirmShell,
-  D as TransactionConfirmSuccessIcon,
-  v as TransactionConfirmSuccessResult,
-  F as TransactionConfirmSuccessResultTest,
-  E as TransactionConfirmTxHashRow,
-  V as TransactionConfirmTxHashRowTest,
-  s as computeTransactionConfirmDialogLayout,
-  e as resolveAmountSlots,
-  c as transactionConfirmDialogShellVariants,
-  T as transactionConfirmModalContainerVariants,
-  l as transactionConfirmPreviewScrollVariants,
-  C as transactionConfirmShellContentVariants
+  B as ProgressStepper,
+  w as ProgressStepperTest,
+  e as TransactionConfirmAmountField,
+  t as TransactionConfirmAmountFieldTest,
+  a as TransactionConfirmDialogTest,
+  T as TransactionConfirmExecuteButton,
+  p as TransactionConfirmExecuteButtonTest,
+  R as TransactionConfirmFailureResult,
+  x as TransactionConfirmFailureResultTest,
+  m as TransactionConfirmShell,
+  F as TransactionConfirmSuccessResult,
+  u as TransactionConfirmSuccessResultTest,
+  h as TransactionConfirmTxHashRow,
+  C as TransactionConfirmTxHashRowTest
 };

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

@@ -1,15 +1,13 @@
-import { TransactionConfirmExecuteButtonTest as n, TransactionConfirmFailureResultTest as s, TransactionConfirmSuccessResultTest as t, TransactionConfirmTxHashRowTest as a } from "./constants.js";
+import { TransactionConfirmExecuteButtonTest as n, TransactionConfirmFailureResultTest as t, TransactionConfirmSuccessResultTest as s, TransactionConfirmTxHashRowTest as a } from "./constants.js";
 import { TransactionConfirmFailureResult as i } from "./TransactionConfirmFailureResult.js";
-import { TransactionConfirmSuccessIcon as T } from "./TransactionConfirmSuccessIcon.js";
-import { TransactionConfirmSuccessResult as m } from "./TransactionConfirmSuccessResult.js";
-import { TransactionConfirmTxHashRow as x } from "./TransactionConfirmTxHashRow.js";
+import { TransactionConfirmSuccessResult as c } from "./TransactionConfirmSuccessResult.js";
+import { TransactionConfirmTxHashRow as m } from "./TransactionConfirmTxHashRow.js";
 export {
   n as TransactionConfirmExecuteButtonTest,
   i as TransactionConfirmFailureResult,
-  s as TransactionConfirmFailureResultTest,
-  T as TransactionConfirmSuccessIcon,
-  m as TransactionConfirmSuccessResult,
-  t as TransactionConfirmSuccessResultTest,
-  x as TransactionConfirmTxHashRow,
+  t as TransactionConfirmFailureResultTest,
+  c as TransactionConfirmSuccessResult,
+  s as TransactionConfirmSuccessResultTest,
+  m as TransactionConfirmTxHashRow,
   a as TransactionConfirmTxHashRowTest
 };

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

@@ -1,7 +1,6 @@
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import "@gearbox-protocol/sdk/onchain";
 import { cn as s } from "../../../../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../../../../utils/z-index.js";
 import { ProgressStepperTest as x } from "./constants.js";
 function p({
@@ -33,7 +32,7 @@ function d(r, n, a) {
 function h(r) {
   return r === "completed" || r === "active";
 }
-function S({
+function k({
   steps: r,
   tone: n = "foreground",
   className: a
@@ -44,12 +43,12 @@ function S({
       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;
+        const m = o === 0, u = o === r.length - 1, c = e.status === "active", i = r[o + 1], f = h(e.status), g = e.status === "completed" || e.status === "active" && !!i?.connectorMarker;
         return /* @__PURE__ */ l(
           "li",
           {
             className: "flex min-w-0 flex-1 flex-col items-center",
-            "aria-current": i ? "step" : void 0,
+            "aria-current": c ? "step" : void 0,
             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: [
@@ -72,7 +71,7 @@ function S({
                   {
                     className: d(
                       g,
-                      c?.connectorDashed,
+                      i?.connectorDashed,
                       n
                     ),
                     "aria-hidden": !0
@@ -84,7 +83,7 @@ function S({
                 {
                   className: s(
                     "mt-3 max-w-full truncate px-1 text-center text-xs leading-snug",
-                    i ? "font-medium text-foreground" : "font-normal text-secondary-foreground"
+                    c ? "font-medium text-foreground" : "font-normal text-secondary-foreground"
                   ),
                   children: e.label
                 }
@@ -98,5 +97,5 @@ function S({
   );
 }
 export {
-  S as ProgressStepper
+  k as ProgressStepper
 };

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

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

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

@@ -1,24 +1,17 @@
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import { useId as v } from "react";
-import { NoValue as x } from "../base/values/no-value.js";
-import { totalApyOf as C, positiveTokenRewardsOf as I, pointProgramsOf as k } from "../../utils/apy-breakdown.js";
+import { NoValue as x } from "../no-value/no-value.js";
+import { YieldBreakdownTooltip as C } from "../yield-breakdown-tooltip/yield-breakdown.js";
+import { cn as I } from "../../utils/cn.js";
 import "@gearbox-protocol/sdk/onchain";
-import { bpsToPercent as P } from "../../utils/bps.js";
-import { cn as A } from "../../utils/cn.js";
-import { formatCompactPercent as O } from "../../utils/format-money.js";
-import "luxon";
+import { formatCompactPercent as k } from "../../utils/internal/format-percent.js";
 import "../../utils/z-index.js";
-import "viem";
-import "../tooltip/simple-tooltip.js";
-import "../tooltip/tooltip.js";
-import "../badge/badge.js";
-import "../badge/chip.js";
-import "react-intl";
-import { YieldBreakdownTooltip as F } from "../yield-breakdown-tooltip/yield-breakdown-tooltip.js";
+import { totalApyOf as P, positiveTokenRewardsOf as A, pointProgramsOf as O } from "../../utils/internal/apy-breakdown.js";
+import { bpsToPercent as F } from "../../utils/internal/bps-to-percent.js";
 const l = 14;
 function N() {
   const t = `additional-incentives-${v().replace(/:/g, "")}`;
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ n(
     "svg",
     {
       width: l,
@@ -30,15 +23,15 @@ function N() {
       role: "img",
       "aria-label": "Incentives",
       children: [
-        /* @__PURE__ */ r("title", { children: "Incentives" }),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e("title", { children: "Incentives" }),
+        /* @__PURE__ */ e(
           "path",
           {
             d: "M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14Z",
             fill: `url(#${t})`
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           "path",
           {
             d: "M7 3.75V10.25M3.75 7H10.25",
@@ -47,7 +40,7 @@ function N() {
             strokeLinecap: "round"
           }
         ),
-        /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ o(
+        /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ n(
           "linearGradient",
           {
             id: t,
@@ -57,8 +50,8 @@ function N() {
             y2: "7",
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ r("stop", { stopColor: "#FF2D8D" }),
-              /* @__PURE__ */ r("stop", { offset: "1", stopColor: "#FF6C20" })
+              /* @__PURE__ */ e("stop", { stopColor: "#FF2D8D" }),
+              /* @__PURE__ */ e("stop", { offset: "1", stopColor: "#FF6C20" })
             ]
           }
         ) })
@@ -66,43 +59,43 @@ function N() {
     }
   );
 }
-function p(t) {
-  return t == null ? !1 : I(t).length > 0 || k(t).length > 0;
+function c(t) {
+  return t == null ? !1 : A(t).length > 0 || O(t).length > 0;
 }
-function L({
+function V({
   apy: t,
-  maxLeverage: m,
-  collateralApy: e,
-  borrowApy: c,
-  quotaRate: d,
+  maxLeverage: p,
+  collateralApy: r,
+  borrowApy: d,
+  quotaRate: m,
   decimals: a = 2,
   tooltip: f = !0,
   period: h,
-  className: i
+  className: o
 }) {
   if (!t)
-    return /* @__PURE__ */ r(x, {});
-  const n = C(t), u = p(t) || p(e), g = f && n >= 1, s = () => {
-    const w = O(P(n), a);
-    return /* @__PURE__ */ o("div", { className: A("inline-flex items-center gap-1.5", i), children: [
-      /* @__PURE__ */ r("span", { className: "inline-flex items-center", children: w }),
-      u ? /* @__PURE__ */ r(N, {}) : null
+    return /* @__PURE__ */ e(x, {});
+  const i = P(t), u = c(t) || c(r), g = f && i >= 1, s = () => {
+    const w = k(F(i), a);
+    return /* @__PURE__ */ n("div", { className: I("inline-flex items-center gap-1.5", o), children: [
+      /* @__PURE__ */ e("span", { className: "inline-flex items-center", children: w }),
+      u ? /* @__PURE__ */ e(N, {}) : null
     ] });
   };
-  return g ? /* @__PURE__ */ r(
-    F,
+  return g ? /* @__PURE__ */ e(
+    C,
     {
       supplyApy: t,
-      maxLeverage: m,
-      collateralApy: e,
-      borrowApy: c,
-      quotaRate: d,
+      maxLeverage: p,
+      collateralApy: r,
+      borrowApy: d,
+      quotaRate: m,
       period: h,
-      className: i,
+      className: o,
       children: s()
     }
   ) : s();
 }
 export {
-  L as CompoundAPY
+  V as CompoundAPY
 };