@gearbox-protocol/ui-kit 4.0.0-next.5 → 4.0.0-next.51

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,40 +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 p, transactionConfirmShellContentVariants as C } from "./confirm/dialog/constants.js";
-import { TransactionConfirmModalView as u } from "./confirm/dialog/TransactionConfirmModalView.js";
-import { TransactionConfirmPageView as S } from "./confirm/dialog/TransactionConfirmPageView.js";
-import { TransactionConfirmExecuteButton as h } from "./confirm/execution/TransactionConfirmExecuteButton.js";
-import { TransactionConfirmExecuteButtonTest as P, TransactionConfirmFailureResultTest as R, TransactionConfirmSuccessResultTest as V, TransactionConfirmTxHashRowTest as d } from "./confirm/result/constants.js";
-import { TransactionConfirmFailureResult as A } from "./confirm/result/TransactionConfirmFailureResult.js";
-import { TransactionConfirmSuccessIcon as B } from "./confirm/result/TransactionConfirmSuccessIcon.js";
-import { TransactionConfirmSuccessResult as H } from "./confirm/result/TransactionConfirmSuccessResult.js";
-import { TransactionConfirmTxHashRow as v } from "./confirm/result/TransactionConfirmTxHashRow.js";
-import { ProgressStepperTest as I } from "./confirm/stepper/constants.js";
-import { ProgressStepper as b } from "./confirm/stepper/ProgressStepper.js";
-import { shouldShowTransactionProgressStepper as k } from "./confirm/stepper/transactionExecutionStepTypes.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";
 export {
-  b as ProgressStepper,
-  I as ProgressStepperTest,
-  e as TransactionConfirmAmountField,
+  L as ProgressStepper,
+  y as ProgressStepperTest,
+  a as TransactionConfirmAmountField,
   n as TransactionConfirmAmountFieldTest,
-  t as TransactionConfirmAmountPairTest,
   f as TransactionConfirmDialogTest,
-  h as TransactionConfirmExecuteButton,
-  P as TransactionConfirmExecuteButtonTest,
-  A as TransactionConfirmFailureResult,
-  R as TransactionConfirmFailureResultTest,
-  u as TransactionConfirmModalView,
-  S as TransactionConfirmPageView,
-  B as TransactionConfirmSuccessIcon,
-  H as TransactionConfirmSuccessResult,
-  V as TransactionConfirmSuccessResultTest,
-  v as TransactionConfirmTxHashRow,
-  d as TransactionConfirmTxHashRowTest,
+  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,
-  k as shouldShowTransactionProgressStepper,
+  e as resolveAmountSlots,
   c as transactionConfirmDialogShellVariants,
   T as transactionConfirmModalContainerVariants,
-  p as transactionConfirmPreviewScrollVariants,
+  l as transactionConfirmPreviewScrollVariants,
   C as transactionConfirmShellContentVariants
 };

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

@@ -1,19 +1,25 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { useId as g } from "react";
-import { YieldBreakdownTooltip as w } from "../yield-breakdown-tooltip/yield-breakdown-tooltip.js";
-import { totalApyOf as x, positiveTokenRewardsOf as v, pointProgramsOf as C } from "../../utils/apy-breakdown.js";
-import "@gearbox-protocol/sdk";
-import { bpsToPercent as I } from "../../utils/bps.js";
-import { cn as k } from "../../utils/cn.js";
-import "sonner";
-import { formatCompactPercent as P } from "../../utils/format-money.js";
-import "@gearbox-protocol/sdk/common-utils";
+import { jsx as r, jsxs as o } 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 "@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 "../../utils/z-index.js";
+import "../points-icon/points-icon.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";
 const l = 14;
-function A() {
-  const t = `additional-incentives-${g().replace(/:/g, "")}`;
-  return /* @__PURE__ */ n(
+function N() {
+  const t = `additional-incentives-${v().replace(/:/g, "")}`;
+  return /* @__PURE__ */ o(
     "svg",
     {
       width: l,
@@ -25,15 +31,15 @@ function A() {
       role: "img",
       "aria-label": "Incentives",
       children: [
-        /* @__PURE__ */ e("title", { children: "Incentives" }),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ r("title", { children: "Incentives" }),
+        /* @__PURE__ */ r(
           "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__ */ e(
+        /* @__PURE__ */ r(
           "path",
           {
             d: "M7 3.75V10.25M3.75 7H10.25",
@@ -42,7 +48,7 @@ function A() {
             strokeLinecap: "round"
           }
         ),
-        /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ n(
+        /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ o(
           "linearGradient",
           {
             id: t,
@@ -52,8 +58,8 @@ function A() {
             y2: "7",
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ e("stop", { stopColor: "#FF2D8D" }),
-              /* @__PURE__ */ e("stop", { offset: "1", stopColor: "#FF6C20" })
+              /* @__PURE__ */ r("stop", { stopColor: "#FF2D8D" }),
+              /* @__PURE__ */ r("stop", { offset: "1", stopColor: "#FF6C20" })
             ]
           }
         ) })
@@ -61,40 +67,43 @@ function A() {
     }
   );
 }
-function c(t) {
-  return t == null ? !1 : v(t).length > 0 || C(t).length > 0;
+function p(t) {
+  return t == null ? !1 : I(t).length > 0 || k(t).length > 0;
 }
-function E({
+function R({
   apy: t,
-  maxLeverage: p,
-  collateralApy: r,
-  borrowApy: d,
-  additionalBorrowApy: a,
-  decimals: m = 2,
-  className: o
+  maxLeverage: m,
+  collateralApy: e,
+  borrowApy: c,
+  quotaRate: d,
+  decimals: a = 2,
+  tooltip: f = !0,
+  period: h,
+  className: i
 }) {
   if (!t)
-    return /* @__PURE__ */ e("span", { className: "text-secondary-foreground", children: "—" });
-  const i = x(t), f = c(t) || c(r), h = i >= 1, s = () => {
-    const u = P(I(i), m);
-    return /* @__PURE__ */ n("div", { className: k("inline-flex items-center gap-1.5", o), children: [
-      /* @__PURE__ */ e("span", { className: "inline-flex items-center", children: u }),
-      f ? /* @__PURE__ */ e(A, {}) : null
+    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 h ? /* @__PURE__ */ e(
-    w,
+  return g ? /* @__PURE__ */ r(
+    F,
     {
       supplyApy: t,
-      maxLeverage: p,
-      collateralApy: r,
-      borrowApy: d,
-      additionalBorrowApy: a,
-      className: o,
+      maxLeverage: m,
+      collateralApy: e,
+      borrowApy: c,
+      quotaRate: d,
+      period: h,
+      className: i,
       children: s()
     }
   ) : s();
 }
 export {
-  E as CompoundAPY
+  R as CompoundAPY
 };

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

@@ -1,15 +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 { FaIcon as p } from "../icons/fa-icon.js";
-import "@gearbox-protocol/sdk";
+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 "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const f = s.forwardRef(
+const p = t.forwardRef(
   ({ title: m, titleAddon: i, onClose: e, className: o }, a) => /* @__PURE__ */ n(
     "div",
     {
@@ -33,20 +31,20 @@ const f = 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(p, { icon: c, className: "size-5" })
+            children: /* @__PURE__ */ r(f, { icon: s, className: "size-5" })
           }
         ) }) : null
       ]
     }
   )
 );
-f.displayName = "ConfirmMenu";
+p.displayName = "ConfirmMenu";
 export {
-  f as ConfirmMenu
+  p as ConfirmMenu
 };

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

@@ -1,17 +1,15 @@
 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";
 import { FormattedMessageTyped as g } from "../typed-intl/index.js";
 import { useIsMobile as h } from "../../hooks/use-media-query.js";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as s } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const I = r.forwardRef(function({ toCopy: t, className: n }, c) {
@@ -29,7 +27,7 @@ const I = r.forwardRef(function({ toCopy: t, className: n }, c) {
     T,
     {
       title: /* @__PURE__ */ f(
-        y,
+        x,
         {
           ref: c,
           buttonType: "outlined",
@@ -45,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(
@@ -55,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

@@ -1,59 +1,66 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { IconExternal as t } from "@gearbox-protocol/static";
-import * as a from "react";
-import { BaseLink as p } from "../base-link/base-link.js";
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { IconExternal as o } from "@gearbox-protocol/static";
+import * as s from "react";
+import { BaseLink as a } from "../base-link/base-link.js";
 import { IconButton as d } from "../icon-button/icon-button.js";
 import { SimpleDropdown as c } from "../simple-dropdown/simple-dropdown.js";
 import { SimpleDropdownMenuItem as f } from "../simple-dropdown/simple-dropdown-menu-item.js";
-import { useIsMobile as u } from "../../hooks/use-media-query.js";
-import "@gearbox-protocol/sdk";
-import { cn as h } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
+import { SimpleTooltip as u } from "../tooltip/simple-tooltip.js";
+import "../tooltip/tooltip.js";
+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 "luxon";
 import "../../utils/z-index.js";
-const x = a.forwardRef(function({ explorerLinks: o, className: i, title: l }, n) {
-  const m = u() ? 32 : 40;
+const D = s.forwardRef(function({ explorerLinks: r, className: i, title: m }, n) {
+  const l = x() ? 32 : 40;
   return /* @__PURE__ */ e(
-    c,
+    u,
     {
-      title: l || /* @__PURE__ */ e(
-        d,
+      title: /* @__PURE__ */ e(
+        c,
         {
-          ref: n,
-          buttonType: "outlined",
-          size: m,
-          title: "View in explorer",
-          className: h(i),
-          children: /* @__PURE__ */ e("span", { className: "flex items-center justify-center text-foreground", children: /* @__PURE__ */ e(t, { size: 14 }) })
+          title: m || /* @__PURE__ */ e(
+            d,
+            {
+              ref: n,
+              buttonType: "outlined",
+              size: l,
+              className: g(i),
+              children: /* @__PURE__ */ e("span", { className: "flex items-center justify-center text-foreground", children: /* @__PURE__ */ e(o, { size: 14 }) })
+            }
+          ),
+          asChild: !0,
+          placement: "bottom",
+          align: "end",
+          children: r?.map((t) => /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ p(
+            a,
+            {
+              href: t.url,
+              external: !0,
+              className: "flex items-center gap-2",
+              children: [
+                t.name,
+                /* @__PURE__ */ e(
+                  o,
+                  {
+                    size: 14,
+                    className: "ml-auto",
+                    style: { width: 14, height: 14 }
+                  }
+                )
+              ]
+            }
+          ) }, t.url))
         }
       ),
-      asChild: !0,
-      placement: "bottom",
-      align: "end",
-      children: o?.map((r) => /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ s(
-        p,
-        {
-          href: r.url,
-          external: !0,
-          className: "flex items-center gap-2",
-          children: [
-            r.name,
-            /* @__PURE__ */ e(
-              t,
-              {
-                size: 14,
-                className: "ml-auto",
-                style: { width: 14, height: 14 }
-              }
-            )
-          ]
-        }
-      ) }, r.url))
+      placement: "top",
+      children: /* @__PURE__ */ e(h, { messageId: "components.openCopyButtons.explorer" })
     }
   );
 });
-x.displayName = "DetailedPageTitleExplorerDropdown";
+D.displayName = "DetailedPageTitleExplorerDropdown";
 export {
-  x as DetailedPageTitleExplorerDropdown
+  D as DetailedPageTitleExplorerDropdown
 };

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

@@ -1,13 +1,11 @@
-import { jsx as i } from "react/jsx-runtime";
-import { cva as n } from "class-variance-authority";
-import * as s from "react";
-import "@gearbox-protocol/sdk";
+import { jsx as n } from "react/jsx-runtime";
+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 "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const x = n("", {
+const x = s("", {
   variants: {
     padding: {
       md: "p-5",
@@ -39,16 +37,16 @@ const x = n("", {
     colorTheme: "default",
     maxWidth: "full"
   }
-}), f = s.forwardRef(
+}), f = i.forwardRef(
   ({
     maxWidth: r = "full",
     padding: a = !0,
     colorTheme: e = "default",
     sticky: o = !1,
     className: d,
-    children: t,
-    ...l
-  }, m) => /* @__PURE__ */ i(
+    children: l,
+    ...t
+  }, m) => /* @__PURE__ */ n(
     "div",
     {
       ref: m,
@@ -58,8 +56,8 @@ const x = n("", {
         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,17 +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";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as m } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 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,
@@ -26,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

@@ -1,17 +1,15 @@
 import { jsx as m } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dialog";
-import * as p from "react";
-import "@gearbox-protocol/sdk";
-import { cn as e } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
+import * as e from "react";
+import "@gearbox-protocol/sdk/onchain";
+import { cn as p } from "../../utils/cn.js";
 import "luxon";
 import "../../utils/z-index.js";
-const a = p.forwardRef(({ className: i, ...r }, t) => /* @__PURE__ */ m(
+const a = e.forwardRef(({ className: i, ...r }, t) => /* @__PURE__ */ m(
   o.Description,
   {
     ref: t,
-    className: e("text-sm text-muted-foreground", i),
+    className: p("text-sm text-muted-foreground", i),
     ...r
   }
 ));

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

@@ -1,25 +1,22 @@
-import { jsx as m } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk";
-import { cn as e } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
+import { jsx as r } from "react/jsx-runtime";
+import "@gearbox-protocol/sdk/onchain";
+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
 };

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

@@ -1,10 +1,7 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { Button as n } from "../buttons/button/button.js";
-import "react";
-import "@gearbox-protocol/sdk";
+import { Button as m } from "../buttons/button/button.js";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as b } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { Dialog as g } from "./dialog.js";
@@ -12,11 +9,11 @@ import { DialogContent as v } from "./dialog-content.js";
 import { DialogFooter as D } from "./dialog-footer.js";
 import { DialogHeader as w } from "./dialog-header.js";
 import { DialogTitle as N } from "./dialog-title.js";
-function J({
+function E({
   title: c,
-  isFormValid: p,
+  isFormValid: s,
   isLoading: l,
-  saveButtonText: s = "Save changes",
+  saveButtonText: p = "Save changes",
   loadingText: f = "Saving...",
   onCancel: t,
   onSubmit: d,
@@ -29,15 +26,15 @@ function J({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   aiHelpDisabled: H
 }) {
-  const x = (m) => {
-    m.preventDefault(), d(m);
+  const x = (n) => {
+    n.preventDefault(), d(n);
   }, a = /* @__PURE__ */ e(
-    n,
+    m,
     {
-      disabled: !p || l,
+      disabled: !s || l,
       type: "submit",
       variant: r,
-      children: l ? f : s
+      children: l ? f : p
     }
   );
   return /* @__PURE__ */ e(g, { open: !0, onOpenChange: t, children: /* @__PURE__ */ e(
@@ -54,7 +51,7 @@ function J({
         /* @__PURE__ */ e(D, { className: "w-full mt-8", children: /* @__PURE__ */ i("div", { className: "flex items-center w-full justify-between", children: [
           /* @__PURE__ */ e("div", { className: "flex items-center space-x-2" }),
           /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ e(n, { type: "button", variant: "outline", onClick: t, children: "Cancel" }),
+            /* @__PURE__ */ e(m, { type: "button", variant: "outline", onClick: t, children: "Cancel" }),
             o ? /* @__PURE__ */ e(o, { variant: r, children: a }) : a
           ] })
         ] }) })
@@ -63,5 +60,5 @@ function J({
   ) });
 }
 export {
-  J as DialogForm
+  E as DialogForm
 };