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

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
-};
+

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

@@ -1,38 +1,36 @@
-import { TransactionConfirmAmountFieldTest as n, TransactionConfirmAmountPairTest as t } from "./confirm/amounts/constants.js";
-import { TransactionConfirmAmountField as e } from "./confirm/amounts/TransactionConfirmAmountField.js";
+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 p } from "./confirm/dialog/constants.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 R, TransactionConfirmSuccessResultTest as P, TransactionConfirmTxHashRowTest as d } from "./confirm/result/constants.js";
-import { TransactionConfirmFailureResult as F } from "./confirm/result/TransactionConfirmFailureResult.js";
-import { TransactionConfirmSuccessIcon as A } from "./confirm/result/TransactionConfirmSuccessIcon.js";
-import { TransactionConfirmSuccessResult as B } from "./confirm/result/TransactionConfirmSuccessResult.js";
-import { TransactionConfirmTxHashRow as H } from "./confirm/result/TransactionConfirmTxHashRow.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 { shouldShowTransactionProgressStepper as b } from "./confirm/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/compound-apy/compound-apy.js

@@ -5,7 +5,6 @@ import { totalApyOf as C, positiveTokenRewardsOf as I, pointProgramsOf as k } fr
 import "@gearbox-protocol/sdk/onchain";
 import { bpsToPercent as P } from "../../utils/bps.js";
 import { cn as A } from "../../utils/cn.js";
-import "sonner";
 import { formatCompactPercent as O } from "../../utils/format-money.js";
 import "luxon";
 import "../../utils/z-index.js";
@@ -71,7 +70,7 @@ function N() {
 function p(t) {
   return t == null ? !1 : I(t).length > 0 || k(t).length > 0;
 }
-function W({
+function R({
   apy: t,
   maxLeverage: m,
   collateralApy: e,
@@ -106,5 +105,5 @@ function W({
   ) : s();
 }
 export {
-  W as CompoundAPY
+  R as CompoundAPY
 };

package/dist/esm/components/confirm-menu/confirm-menu.js

@@ -1,14 +1,13 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import * as s from "react";
-import { IconButton as t } from "../icon-button/icon-button.js";
-import { faXmark as c } from "@fortawesome/free-solid-svg-icons";
+import { faXmark as s } from "@fortawesome/free-solid-svg-icons";
+import * as t from "react";
+import { IconButton as c } from "../icon-button/icon-button.js";
 import { FaIcon as f } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as l } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
-const p = s.forwardRef(
+const p = t.forwardRef(
   ({ title: m, titleAddon: i, onClose: e, className: o }, a) => /* @__PURE__ */ n(
     "div",
     {
@@ -32,13 +31,13 @@ const p = s.forwardRef(
           i ? /* @__PURE__ */ r("div", { className: "shrink-0", children: i }) : null
         ] }),
         e ? /* @__PURE__ */ r("div", { className: "shrink-0 pl-2", children: /* @__PURE__ */ r(
-          t,
+          c,
           {
             buttonType: "hollow",
             size: 30,
             onClick: e,
             "aria-label": "Close",
-            children: /* @__PURE__ */ r(f, { icon: c, className: "size-5" })
+            children: /* @__PURE__ */ r(f, { icon: s, className: "size-5" })
           }
         ) }) : null
       ]

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

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import { IconCopy as d } from "@gearbox-protocol/static";
+import { faCheck as d } from "@fortawesome/free-solid-svg-icons";
+import { IconCopy as y } from "@gearbox-protocol/static";
 import * as r from "react";
-import { IconButton as y } from "../icon-button/icon-button.js";
-import { faCheck as x } from "@fortawesome/free-solid-svg-icons";
+import { IconButton as x } from "../icon-button/icon-button.js";
 import { FaIcon as C } from "../icons/fa-icon.js";
 import { SimpleTooltip as T } from "../tooltip/simple-tooltip.js";
 import "../tooltip/tooltip.js";
@@ -10,7 +10,6 @@ import { FormattedMessageTyped as g } from "../typed-intl/index.js";
 import { useIsMobile as h } from "../../hooks/use-media-query.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as s } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const I = r.forwardRef(function({ toCopy: t, className: n }, c) {
@@ -28,7 +27,7 @@ const I = r.forwardRef(function({ toCopy: t, className: n }, c) {
     T,
     {
       title: /* @__PURE__ */ f(
-        y,
+        x,
         {
           ref: c,
           buttonType: "outlined",
@@ -44,7 +43,7 @@ const I = r.forwardRef(function({ toCopy: t, className: n }, c) {
                   "absolute inset-0 flex items-center justify-center transition-all duration-200",
                   o ? "opacity-100 scale-100 text-success" : "opacity-0 scale-50 text-foreground"
                 ),
-                children: /* @__PURE__ */ e(C, { icon: x, className: "size-4" })
+                children: /* @__PURE__ */ e(C, { icon: d, className: "size-4" })
               }
             ),
             /* @__PURE__ */ e(
@@ -54,7 +53,7 @@ const I = r.forwardRef(function({ toCopy: t, className: n }, c) {
                   "flex items-center justify-center transition-all duration-200 text-foreground",
                   o ? "opacity-0 scale-50" : "opacity-100 scale-100"
                 ),
-                children: /* @__PURE__ */ e(d, { size: 15 })
+                children: /* @__PURE__ */ e(y, { size: 15 })
               }
             )
           ]

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

@@ -11,7 +11,6 @@ import { FormattedMessageTyped as h } from "../typed-intl/index.js";
 import { useIsMobile as x } from "../../hooks/use-media-query.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as g } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const D = s.forwardRef(function({ explorerLinks: r, className: i, title: m }, n) {

package/dist/esm/components/dialog/dialog-container.js

@@ -3,7 +3,6 @@ import { cva as s } from "class-variance-authority";
 import * as i from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as p } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const x = s("", {
@@ -45,8 +44,8 @@ const x = s("", {
     colorTheme: e = "default",
     sticky: o = !1,
     className: d,
-    children: t,
-    ...l
+    children: l,
+    ...t
   }, m) => /* @__PURE__ */ n(
     "div",
     {
@@ -57,8 +56,8 @@ const x = s("", {
         x({ padding: a, colorTheme: e, maxWidth: r, sticky: o }),
         d
       ),
-      ...l,
-      children: t
+      ...t,
+      children: l
     }
   )
 );

package/dist/esm/components/dialog/dialog-content.js

@@ -1,16 +1,15 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { faXmark as d } from "@fortawesome/free-solid-svg-icons";
 import * as a from "@radix-ui/react-dialog";
-import * as d from "react";
-import { faXmark as n } from "@fortawesome/free-solid-svg-icons";
+import * as n from "react";
 import { FaIcon as l } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as m } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import { Z_INDEX as p } from "../../utils/z-index.js";
 import { DialogPortal as c } from "./dialog.js";
 import { DialogOverlay as f } from "./dialog-overlay.js";
-const u = d.forwardRef(({ className: e, children: r, ...s }, i) => /* @__PURE__ */ t(c, { children: [
+const u = n.forwardRef(({ className: e, children: r, ...s }, i) => /* @__PURE__ */ t(c, { children: [
   /* @__PURE__ */ o(f, {}),
   /* @__PURE__ */ t(
     a.Content,
@@ -25,7 +24,7 @@ const u = d.forwardRef(({ className: e, children: r, ...s }, i) => /* @__PURE__
       children: [
         r,
         /* @__PURE__ */ t(a.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none disabled:cursor-not-allowed disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground cursor-pointer hover:text-foreground", children: [
-          /* @__PURE__ */ o(l, { icon: n, className: "size-4" }),
+          /* @__PURE__ */ o(l, { icon: d, className: "size-4" }),
           /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
         ] })
       ]

package/dist/esm/components/dialog/dialog-description.js

@@ -3,7 +3,6 @@ import * as o from "@radix-ui/react-dialog";
 import * as e from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as p } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const a = e.forwardRef(({ className: i, ...r }, t) => /* @__PURE__ */ m(

package/dist/esm/components/dialog/dialog-footer.js

@@ -1,24 +1,22 @@
-import { jsx as m } from "react/jsx-runtime";
-import "react";
+import { jsx as r } from "react/jsx-runtime";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as e } from "../../utils/cn.js";
-import "sonner";
+import { cn as m } from "../../utils/cn.js";
 import "luxon";
 import "../../utils/z-index.js";
-const i = ({
+const s = ({
   className: o,
-  ...r
-}) => /* @__PURE__ */ m(
+  ...e
+}) => /* @__PURE__ */ r(
   "div",
   {
-    className: e(
+    className: m(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
       o
     ),
-    ...r
+    ...e
   }
 );
-i.displayName = "DialogFooter";
+s.displayName = "DialogFooter";
 export {
-  i as DialogFooter
+  s as DialogFooter
 };