@gearbox-protocol/ui-kit 4.0.0-next.4 → 4.0.0-next.41

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

@@ -1,95 +1,102 @@
-import { jsx as n, jsxs as d } from "react/jsx-runtime";
-import { PointsIcon as R } from "../points-icon/points-icon.js";
-import { TokenIcon as Y } from "../token-icon/token-icon.js";
-import { YieldBreakdownTooltip as w } from "../yield-breakdown-tooltip/yield-breakdown-tooltip.js";
-import "react";
-import { positiveTokenRewardsOf as z, pointProgramsOf as I, totalApyOf as L } from "../../utils/apy-breakdown.js";
-import "@gearbox-protocol/sdk";
-import { bpsToPercent as N } from "../../utils/bps.js";
-import { cn as $ } from "../../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useId as x } from "react";
+import { YieldBreakdownTooltip as v } from "../yield-breakdown-tooltip/yield-breakdown-tooltip.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 "sonner";
-import { formatPercentAmount as v } from "../../utils/format-money.js";
-import "@gearbox-protocol/sdk/common-utils";
+import { formatCompactPercent as O } from "../../utils/format-money.js";
 import "luxon";
 import "../../utils/z-index.js";
-function K({
+const l = 14;
+function F() {
+  const e = `additional-incentives-${x().replace(/:/g, "")}`;
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      width: l,
+      height: l,
+      viewBox: "0 0 14 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "size-3.5 shrink-0 overflow-clip",
+      role: "img",
+      "aria-label": "Incentives",
+      children: [
+        /* @__PURE__ */ t("title", { children: "Incentives" }),
+        /* @__PURE__ */ t(
+          "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(#${e})`
+          }
+        ),
+        /* @__PURE__ */ t(
+          "path",
+          {
+            d: "M7 3.75V10.25M3.75 7H10.25",
+            stroke: "white",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ n(
+          "linearGradient",
+          {
+            id: e,
+            x1: "0",
+            y1: "7",
+            x2: "14",
+            y2: "7",
+            gradientUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ t("stop", { stopColor: "#FF2D8D" }),
+              /* @__PURE__ */ t("stop", { offset: "1", stopColor: "#FF6C20" })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function c(e) {
+  return e == null ? !1 : I(e).length > 0 || k(e).length > 0;
+}
+function U({
   apy: e,
-  maxLeverage: f,
-  collateralApy: h,
-  borrowApy: g,
-  additionalBorrowApy: x,
-  decimals: u = 2,
-  className: a
+  maxLeverage: p,
+  collateralApy: r,
+  borrowApy: d,
+  quotaRate: a,
+  decimals: m = 2,
+  tooltip: f = !0,
+  period: h,
+  className: o
 }) {
   if (!e)
-    return /* @__PURE__ */ n("span", { className: "text-secondary-foreground", children: "—" });
-  const i = z(e), m = I(e), p = L(e), A = p >= 1, l = () => {
-    const P = i.length > 0, k = m.length > 0, y = `${v(N(p), u)}%`, c = i.length, o = c + m.length;
-    return /* @__PURE__ */ d("div", { className: $("inline-flex items-center gap-1.5", a), children: [
-      /* @__PURE__ */ n("span", { className: "inline-flex items-center", children: y }),
-      (P || k) && /* @__PURE__ */ d("span", { className: "relative inline-flex", children: [
-        i.map((t, r) => {
-          const s = r === o - 1;
-          return /* @__PURE__ */ n(
-            "span",
-            {
-              style: {
-                zIndex: o - r,
-                marginRight: s ? 0 : -7
-              },
-              children: /* @__PURE__ */ n(
-                Y,
-                {
-                  token: t.token,
-                  size: 14,
-                  style: {
-                    margin: t.token.symbol === "GEAR" ? "-3px 0 0 0" : "0"
-                  }
-                }
-              )
-            },
-            `extra-${t.token.address}-${t.supplyApr ?? 0}`
-          );
-        }),
-        m.map((t, r) => {
-          const s = r + c, T = s === o - 1;
-          return /* @__PURE__ */ n(
-            "span",
-            {
-              style: {
-                zIndex: o - s,
-                marginRight: T ? 0 : -7
-              },
-              children: /* @__PURE__ */ n(
-                R,
-                {
-                  reward: {
-                    name: t.name,
-                    type: t.id
-                  },
-                  size: 14
-                }
-              )
-            },
-            `points-${t.id}`
-          );
-        })
-      ] })
+    return /* @__PURE__ */ t("span", { className: "text-secondary-foreground", children: "—" });
+  const i = C(e), u = c(e) || c(r), g = f && i >= 1, s = () => {
+    const w = O(P(i), m);
+    return /* @__PURE__ */ n("div", { className: A("inline-flex items-center gap-1.5", o), children: [
+      /* @__PURE__ */ t("span", { className: "inline-flex items-center", children: w }),
+      u ? /* @__PURE__ */ t(F, {}) : null
     ] });
   };
-  return A ? /* @__PURE__ */ n(
-    w,
+  return g ? /* @__PURE__ */ t(
+    v,
     {
       supplyApy: e,
-      maxLeverage: f,
-      collateralApy: h,
-      borrowApy: g,
-      additionalBorrowApy: x,
-      className: a,
-      children: l()
+      maxLeverage: p,
+      collateralApy: r,
+      borrowApy: d,
+      quotaRate: a,
+      period: h,
+      className: o,
+      children: s()
     }
-  ) : l();
+  ) : s();
 }
 export {
-  K as CompoundAPY
+  U as CompoundAPY
 };

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

@@ -2,14 +2,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 { 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 = s.forwardRef(
   ({ title: m, titleAddon: i, onClose: e, className: o }, a) => /* @__PURE__ */ n(
     "div",
     {
@@ -39,14 +38,14 @@ const f = s.forwardRef(
             size: 30,
             onClick: e,
             "aria-label": "Close",
-            children: /* @__PURE__ */ r(p, { icon: c, className: "size-5" })
+            children: /* @__PURE__ */ r(f, { icon: c, className: "size-5" })
           }
         ) }) : null
       ]
     }
   )
 );
-f.displayName = "ConfirmMenu";
+p.displayName = "ConfirmMenu";
 export {
-  f as ConfirmMenu
+  p as ConfirmMenu
 };

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

@@ -1,14 +1,13 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { forwardRef as y, useMemo as i } from "react";
+import { forwardRef as y, useMemo as l } from "react";
 import { RoundedImage as u } from "../rounded-image/rounded-image.js";
 import { Skeleton as g } from "../skeleton/skeleton.js";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
-import { percentTemplate as l } from "../../utils/format-money.js";
+import { percentTemplate as i } from "../../utils/format-money.js";
 import { getStatic as c } from "../../utils/static.js";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 function h({
@@ -31,7 +30,7 @@ function h({
   );
 }
 const d = y(({ poolAPY: t, extraAPY: n, tokensList: a }, o) => /* @__PURE__ */ r("div", { ref: o, className: "inline-block", children: n.length > 0 && /* @__PURE__ */ r("span", { className: "text-xs", children: /* @__PURE__ */ m("span", { className: "flex items-start text-secondary-foreground font-normal", children: [
-  l(t),
+  i(t),
   " +",
   /* @__PURE__ */ r("span", { className: "flex flex-col items-end flex-wrap", children: n.map((e) => {
     const s = e.apy || 0;
@@ -40,7 +39,7 @@ const d = y(({ poolAPY: t, extraAPY: n, tokensList: a }, o) => /* @__PURE__ */ r
       {
         children: [
           /* @__PURE__ */ r(h, { reward: e, tokensList: a }),
-          l(s)
+          i(s)
         ]
       },
       `${e.token}-${e.rewardToken}-${e.apy}-${e.endTimestamp}`
@@ -48,17 +47,17 @@ const d = y(({ poolAPY: t, extraAPY: n, tokensList: a }, o) => /* @__PURE__ */ r
   }) })
 ] }) }) }));
 d.displayName = "ApyParts";
-function v({
+function j({
   totalAPY: t,
   totalAPYLoading: n,
   baseAPY: a,
   extraAPY: o,
   tokensList: e
 }) {
-  const s = i(
+  const s = l(
     () => a.reduce((p, x) => p + x.apy, 0),
     [a]
-  ), f = i(() => o.filter((p) => (p.apy || 0) > 0), [o]);
+  ), f = l(() => o.filter((p) => (p.apy || 0) > 0), [o]);
   return /* @__PURE__ */ r(g, { width: 80, loading: n, children: t >= 1e-3 && /* @__PURE__ */ r(
     d,
     {
@@ -69,6 +68,6 @@ function v({
   ) });
 }
 export {
-  v as DetailedApy,
+  j as DetailedApy,
   h as PoolRewardsIcon
 };

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

@@ -8,10 +8,9 @@ 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) {

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

@@ -1,59 +1,67 @@
-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 { 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 "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 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,12 @@
-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,7 +38,7 @@ const x = n("", {
     colorTheme: "default",
     maxWidth: "full"
   }
-}), f = s.forwardRef(
+}), f = i.forwardRef(
   ({
     maxWidth: r = "full",
     padding: a = !0,
@@ -48,7 +47,7 @@ const x = n("", {
     className: d,
     children: t,
     ...l
-  }, m) => /* @__PURE__ */ i(
+  }, m) => /* @__PURE__ */ n(
     "div",
     {
       ref: m,

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

@@ -3,10 +3,9 @@ import * as a from "@radix-ui/react-dialog";
 import * as d from "react";
 import { faXmark as n } from "@fortawesome/free-solid-svg-icons";
 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";

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

@@ -1,17 +1,16 @@
 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 * as e 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 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,9 +1,8 @@
 import { jsx as m } from "react/jsx-runtime";
 import "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as e } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const i = ({

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

@@ -1,10 +1,9 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { Button as n } from "../buttons/button/button.js";
+import { Button as m } from "../buttons/button/button.js";
 import "react";
-import "@gearbox-protocol/sdk";
+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 +11,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 I({
   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 +28,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 +53,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 +62,5 @@ function J({
   ) });
 }
 export {
-  J as DialogForm
+  I as DialogForm
 };

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

@@ -1,22 +1,21 @@
 import { jsx as o } from "react/jsx-runtime";
 import "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const m = ({
-  className: t,
-  ...e
+  className: e,
+  ...t
 }) => /* @__PURE__ */ o(
   "div",
   {
     className: r(
       "flex flex-col space-y-1.5 text-center sm:text-left",
-      t
+      e
     ),
-    ...e
+    ...t
   }
 );
 m.displayName = "DialogHeader";

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

@@ -1,10 +1,9 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cva as f } from "class-variance-authority";
 import * as c from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as w } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { Modal as g } from "../modal/modal.js";

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

@@ -1,22 +1,21 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-dialog";
 import * as r from "react";
-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 s } from "../../utils/z-index.js";
-const p = r.forwardRef(({ className: t, ...o }, e) => /* @__PURE__ */ i(
+const p = r.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ i(
   a.Overlay,
   {
-    ref: e,
+    ref: o,
     className: m(
       s.MODAL,
       "fixed inset-0 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       t
     ),
-    ...o
+    ...e
   }
 ));
 p.displayName = a.Overlay.displayName;

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

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

package/dist/esm/components/dropdown-menu/dropdown-menu-checkbox-item.js

@@ -3,10 +3,9 @@ import * as o from "@radix-ui/react-dropdown-menu";
 import * as d from "react";
 import { faCheck as l } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as p } from "../icons/fa-icon.js";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as f } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const u = d.forwardRef(