@gearbox-protocol/permissionless-ui 1.22.0-next.3 → 1.22.0-next.31

package/dist/esm/components/navbar/navbar.js

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as d } from "react/jsx-runtime";
 import { cva as m } from "class-variance-authority";
 import * as s from "react";
+import "@gearbox-protocol/sdk";
 import { cn as n } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import { NavbarIndicatorProvider as v, useNavbarIndicator as p } from "./navbar-indicator-context.js";
 const u = m("flex items-center bg-background", {
   variants: {

package/dist/esm/components/navbar-logo/navbar-logo.js

@@ -1,8 +1,8 @@
 import { jsx as a } from "react/jsx-runtime";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function s({
   size: o,
   className: t,

package/dist/esm/components/navitem/navitem.js

@@ -3,9 +3,9 @@ import { Slot as x } from "@radix-ui/react-slot";
 import { cva as h } from "class-variance-authority";
 import * as t from "react";
 import { useNavbarIndicator as y } from "../navbar/navbar-indicator-context.js";
+import "@gearbox-protocol/sdk";
 import { cn as k } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const I = h(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 relative",
   {

package/dist/esm/components/network-icon/network-icon.js

@@ -1,48 +1,69 @@
-import { jsx as E } from "react/jsx-runtime";
-import { useState as i, useRef as L, useEffect as p } from "react";
-import { cn as w } from "../../utils/cn.js";
-const l = "https://static.gearbox.finance", o = `${l}/chains/allnetworks.svg`, d = /* @__PURE__ */ new Set();
-function f(t) {
-  if (!t) return o;
-  const r = t.toLowerCase(), e = `${l}/chains/${r}.svg`;
-  return d.has(e) ? o : e;
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { useState as g, useRef as y, useEffect as E } from "react";
+import { TooltipProvider as j, Tooltip as k, TooltipTrigger as S, TooltipContent as U } from "../tooltip/tooltip.js";
+import { cn as f } from "../../utils/cn.js";
+import { getStatic as i } from "../../utils/static.js";
+const a = i("/chains/allnetworks.svg"), p = /* @__PURE__ */ new Set();
+function m(t) {
+  if (!t) return a;
+  const r = t.toLowerCase(), n = i(`/chains/${r}.svg`);
+  return p.has(n) ? a : n;
 }
-function N({
+function H({
   network: t,
   size: r = 20,
-  className: e
+  isTest: n,
+  suffixSize: o = 12,
+  showTooltip: w,
+  rounded: N,
+  className: L
 }) {
-  const u = f(t), [s, c] = i(u), [h, a] = i(!1), n = L(!1);
-  p(() => {
-    const S = f(t);
-    c(S), a(!1), n.current = !1;
+  const T = m(t), [l, d] = g(T), [v, h] = g(!1), s = y(!1);
+  E(() => {
+    const b = m(t);
+    d(b), h(!1), s.current = !1;
   }, [t]);
-  const g = () => {
-    n.current || (n.current = !0, d.add(s), c(o));
-  }, m = () => {
-    a(!0);
-  };
-  return (
-    // biome-ignore lint/performance/noImgElement: Simple img for CDN icons with browser caching
-    /* @__PURE__ */ E(
+  const C = () => {
+    s.current || (s.current = !0, p.add(l), d(a));
+  }, I = () => {
+    h(!0);
+  }, u = () => /* @__PURE__ */ c("span", { className: f("relative inline-flex shrink-0", L), children: [
+    /* @__PURE__ */ e(
       "img",
       {
-        src: s,
+        src: l,
         alt: "",
         width: r,
         height: r,
-        className: w(
+        className: f(
           "object-contain shrink-0",
-          !h && "bg-gray-200 dark:bg-gray-700 rounded-full",
-          e
+          N && "rounded-full",
+          !v && "bg-gray-200 dark:bg-gray-700 rounded-full"
         ),
         style: { width: r, height: r },
-        onError: g,
-        onLoad: m
+        onError: C,
+        onLoad: I
       }
-    )
-  );
+    ),
+    n && /* @__PURE__ */ e("span", { className: "absolute -top-1.5 -right-0.5", children: /* @__PURE__ */ e(
+      "img",
+      {
+        src: i("/chains/test.svg"),
+        alt: "test",
+        width: o,
+        height: o,
+        style: { width: o, height: o }
+      }
+    ) })
+  ] });
+  return w ? /* @__PURE__ */ e(j, { children: /* @__PURE__ */ c(k, { children: [
+    /* @__PURE__ */ e(S, { asChild: !0, children: u() }),
+    /* @__PURE__ */ c(U, { children: [
+      "Network: ",
+      t
+    ] })
+  ] }) }) : u();
 }
 export {
-  N as NetworkIcon
+  H as NetworkIcon
 };

package/dist/esm/components/not-found/not-found.js

@@ -1,8 +1,8 @@
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as n } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function d({
   icon: e,
   message: r,

package/dist/esm/components/options-list/options-list.js

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import * as n from "react";
+import "@gearbox-protocol/sdk";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function g({
   className: r,
   children: o,

package/dist/esm/components/overflow/overflow.js

@@ -1,8 +1,8 @@
 import { jsx as i } from "react/jsx-runtime";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as t } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function c({ children: r, className: o, ...e }) {
   return /* @__PURE__ */ i("div", { className: t("overflow-hidden", o), ...e, children: r });
 }

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

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const i = {
   default: "rounded-lg",
   small: "rounded-md"

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

@@ -1,9 +1,9 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { cva as d } from "class-variance-authority";
 import * as u from "react";
+import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const v = d(
   "font-semibold leading-tight tracking-tight flex items-center gap-2",
   {

package/dist/esm/components/percent-indicator/percent-indicator.js

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import { percentTemplate as u } from "../../utils/format-money.js";
 function d({
   percent: t,

package/dist/esm/components/points-icon/points-icon.js

@@ -1,43 +1,40 @@
-import { jsx as m } from "react/jsx-runtime";
-import * as p from "react";
-import { cn as f } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk";
-const l = "https://static.gearbox.fi", h = p.forwardRef(
+import { jsx as p } from "react/jsx-runtime";
+import * as f from "react";
+import { RoundedImage as l } from "../rounded-image/rounded-image.js";
+import { buildStaticUrl as d } from "../../utils/static.js";
+const g = f.forwardRef(
   ({
-    reward: o,
-    size: t = 24,
-    staticBaseUrl: i = l,
-    rounded: r = !1,
-    className: n,
-    style: s,
-    ...a
-  }, c) => {
-    const e = `${i}/points/${o.type.toLowerCase()}.svg`;
-    return (
-      // biome-ignore lint/performance/noImgElement: External SVG icons from CDN
-      /* @__PURE__ */ m(
-        "img",
-        {
-          ref: c,
-          src: e,
-          alt: o.name,
-          width: t,
-          height: t,
-          className: f(r && "rounded-full", n),
-          style: {
-            width: t,
-            height: t,
-            objectFit: "contain",
-            ...s
-          },
-          ...a
-        }
-      )
+    reward: t,
+    size: o = 24,
+    staticBaseUrl: r,
+    rounded: n = !1,
+    className: i,
+    style: a,
+    fit: m = "contain",
+    ...e
+  }, s) => {
+    const c = d(r)(
+      `/points/${t.type.toLowerCase()}.svg`
+    );
+    return /* @__PURE__ */ p(
+      l,
+      {
+        className: i,
+        ref: s,
+        src: c,
+        width: o,
+        height: o,
+        size: o,
+        rounded: n,
+        fit: m,
+        alt: t.name,
+        style: a,
+        ...e
+      }
     );
   }
 );
-h.displayName = "PointsIcon";
+g.displayName = "PointsIcon";
 export {
-  h as PointsIcon
+  g as PointsIcon
 };

package/dist/esm/components/pool-apy-tooltip/pool-apy-tooltip.js

@@ -1,83 +1,109 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { TooltipProvider as f, Tooltip as v, TooltipTrigger as y, TooltipContent as g } from "../tooltip/tooltip.js";
-function w({
-  children: o,
-  totalAPY: s,
-  extraAPYTotal: i,
-  loading7DAgo: c,
-  loading: h,
-  baseAPY: d,
-  extraAPY: a,
-  apy7DAgo: l,
+import { jsx as a, jsxs as e } from "react/jsx-runtime";
+import { TooltipProvider as y, Tooltip as g, TooltipTrigger as N, TooltipContent as b } from "../tooltip/tooltip.js";
+function F({
+  children: c,
+  totalAPY: r,
+  extraAPYTotal: m,
+  loading7DAgo: u,
+  loading: x,
+  baseAPY: l,
+  extraAPY: t,
+  points: s,
+  apy7DAgo: i,
+  externalAPY: o,
   tokensList: p,
-  className: u
+  className: h
 }) {
-  if (!(s !== void 0 || d?.length || a?.length) || h)
-    return /* @__PURE__ */ t("span", { className: u, children: o });
-  const m = typeof l == "object" ? l?.value : l;
-  return /* @__PURE__ */ t(f, { children: /* @__PURE__ */ n(v, { children: [
-    /* @__PURE__ */ t(y, { asChild: !0, children: /* @__PURE__ */ t("span", { className: u, children: o }) }),
-    /* @__PURE__ */ t(g, { className: "max-w-xs", children: /* @__PURE__ */ n("div", { className: "space-y-2 text-sm", children: [
-      d && d.length > 0 && /* @__PURE__ */ n("div", { children: [
-        /* @__PURE__ */ t("div", { className: "font-medium text-muted-foreground mb-1", children: "Base APY" }),
-        d.map((e, r) => /* @__PURE__ */ n(
+  if (!(r !== void 0 || l?.length || t?.length || s?.length) || x)
+    return /* @__PURE__ */ a("span", { className: h, children: c });
+  const f = typeof i == "object" ? i?.value : i;
+  return /* @__PURE__ */ a(y, { children: /* @__PURE__ */ e(g, { children: [
+    /* @__PURE__ */ a(N, { asChild: !0, children: /* @__PURE__ */ a("span", { className: h, children: c }) }),
+    /* @__PURE__ */ a(b, { className: "max-w-xs", children: /* @__PURE__ */ e("div", { className: "space-y-2 text-sm", children: [
+      l && l.length > 0 && /* @__PURE__ */ e("div", { children: [
+        /* @__PURE__ */ a("div", { className: "font-medium text-muted-foreground mb-1", children: "Base APY" }),
+        l.map((n, d) => /* @__PURE__ */ e(
           "div",
           {
             className: "flex justify-between gap-4",
             children: [
-              /* @__PURE__ */ t("span", { children: e.type === "supplyAPY" ? "Supply" : e.type || "Base" }),
-              /* @__PURE__ */ n("span", { className: "tabular-nums", children: [
-                e.apy.toFixed(2),
+              /* @__PURE__ */ a("span", { children: n.type === "supplyAPY" ? "Supply" : n.type || "Base" }),
+              /* @__PURE__ */ e("span", { className: "tabular-nums", children: [
+                n.apy.toFixed(2),
                 "%"
               ] })
             ]
           },
-          `base-${e.type || r}-${e.apy}`
+          `base-${n.type || d}-${n.apy}`
         ))
       ] }),
-      a && a.length > 0 && /* @__PURE__ */ n("div", { children: [
-        /* @__PURE__ */ t("div", { className: "font-medium text-muted-foreground mb-1", children: "Rewards" }),
-        a.map((e, r) => {
-          const x = e.token && p ? p[e.token]?.symbol : e.token;
-          return /* @__PURE__ */ n(
+      t && t.length > 0 && /* @__PURE__ */ e("div", { children: [
+        /* @__PURE__ */ a("div", { className: "font-medium text-muted-foreground mb-1", children: "Rewards" }),
+        t.map((n, d) => {
+          const v = n.token && p ? p[n.token]?.symbol : n.token;
+          return /* @__PURE__ */ e(
             "div",
             {
               className: "flex justify-between gap-4",
               children: [
-                /* @__PURE__ */ t("span", { children: x || e.type || "Reward" }),
-                /* @__PURE__ */ n("span", { className: "tabular-nums", children: [
-                  e.apy.toFixed(2),
+                /* @__PURE__ */ a("span", { children: v || n.type || "Reward" }),
+                /* @__PURE__ */ e("span", { className: "tabular-nums", children: [
+                  n.apy.toFixed(2),
                   "%"
                 ] })
               ]
             },
-            `extra-${e.token || r}-${e.apy}`
+            `extra-${n.token || d}-${n.apy}`
           );
         }),
-        i !== void 0 && /* @__PURE__ */ n("div", { className: "flex justify-between gap-4 text-muted-foreground", children: [
-          /* @__PURE__ */ t("span", { children: "Total Extra" }),
-          /* @__PURE__ */ n("span", { className: "tabular-nums", children: [
-            i.toFixed(2),
+        m !== void 0 && /* @__PURE__ */ e("div", { className: "flex justify-between gap-4 text-muted-foreground", children: [
+          /* @__PURE__ */ a("span", { children: "Total Extra" }),
+          /* @__PURE__ */ e("span", { className: "tabular-nums", children: [
+            m.toFixed(2),
             "%"
           ] })
         ] })
       ] }),
-      s !== void 0 && /* @__PURE__ */ n("div", { className: "border-t pt-2 flex justify-between gap-4 font-medium", children: [
-        /* @__PURE__ */ t("span", { children: "Total APY" }),
-        /* @__PURE__ */ n("span", { className: "tabular-nums", children: [
-          s.toFixed(2),
+      o && /* @__PURE__ */ e("div", { children: [
+        /* @__PURE__ */ a("div", { className: "font-medium text-muted-foreground mb-1", children: "External" }),
+        /* @__PURE__ */ e("div", { className: "flex justify-between gap-4", children: [
+          /* @__PURE__ */ a("span", { children: o.name }),
+          /* @__PURE__ */ e("span", { className: "tabular-nums", children: [
+            o.apy.toFixed(2),
+            "%"
+          ] })
+        ] })
+      ] }),
+      s && s.length > 0 && /* @__PURE__ */ e("div", { children: [
+        /* @__PURE__ */ a("div", { className: "font-medium text-muted-foreground mb-1", children: "Points" }),
+        s.map((n, d) => /* @__PURE__ */ e(
+          "div",
+          {
+            className: "flex justify-between gap-4",
+            children: [
+              /* @__PURE__ */ a("span", { children: n.name }),
+              /* @__PURE__ */ a("span", { className: "tabular-nums", children: n.amount })
+            ]
+          },
+          `point-${n.name}-${d}`
+        ))
+      ] }),
+      r !== void 0 && /* @__PURE__ */ e("div", { className: "border-t pt-2 flex justify-between gap-4 font-medium", children: [
+        /* @__PURE__ */ a("span", { children: "Total APY" }),
+        /* @__PURE__ */ e("span", { className: "tabular-nums", children: [
+          r.toFixed(2),
           "%"
         ] })
       ] }),
-      m !== void 0 && !c && /* @__PURE__ */ n("div", { className: "text-xs text-muted-foreground", children: [
+      f !== void 0 && !u && /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: [
         "7d ago: ",
-        m.toFixed(2),
+        f.toFixed(2),
         "%"
       ] }),
-      c && /* @__PURE__ */ t("div", { className: "text-xs text-muted-foreground", children: "Loading 7d data..." })
+      u && /* @__PURE__ */ a("div", { className: "text-xs text-muted-foreground", children: "Loading 7d data..." })
     ] }) })
   ] }) });
 }
 export {
-  w as PoolAPYTooltip
+  F as PoolAPYTooltip
 };

package/dist/esm/components/pool-indicator-icon/pool-indicator-icon.js

@@ -1,8 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as i } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function f({
   children: o,
   size: t = 24,

package/dist/esm/components/pool-points-indicator/pool-points-indicator.js

@@ -1,8 +1,8 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const a = {
   primary: "border-primary bg-primary",
   secondary: "border-secondary bg-secondary",

package/dist/esm/components/progress/progress.js

@@ -1,9 +1,9 @@
 import { jsxs as t, jsx as l } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-progress";
 import * as u from "react";
+import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const g = u.forwardRef(
   ({
     className: o,

package/dist/esm/components/progress-circle/progress-circle.js

@@ -1,8 +1,8 @@
 import { jsxs as o, jsx as a } from "react/jsx-runtime";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as p } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function j({
   value: l,
   size: e = 40,

package/dist/esm/components/radio-group/radio-group.js

@@ -2,9 +2,9 @@ import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-radio-group";
 import { Circle as p } from "lucide-react";
 import * as t from "react";
+import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const f = t.forwardRef(({ className: r, ...i }, o) => /* @__PURE__ */ e(
   a.Root,
   {

package/dist/esm/components/rounded-image/rounded-image.js

@@ -1,32 +1,64 @@
-import { jsx as e } from "react/jsx-runtime";
-import "react";
-import { cn as i } from "../../utils/cn.js";
-import "sonner";
+import { jsx as L } from "react/jsx-runtime";
+import * as b from "react";
+import { useState as s, useRef as E, useEffect as j } from "react";
 import "@gearbox-protocol/sdk";
-function p({
-  className: t,
-  size: o,
-  style: r,
-  ...m
-}) {
-  return (
-    // biome-ignore lint/performance/noImgElement: Universal component that works outside Next.js
-    /* @__PURE__ */ e(
-      "img",
-      {
-        alt: "",
-        className: i("rounded-full object-cover", t),
-        style: {
-          ...o ? { width: o, height: o } : {},
-          ...r
-        },
-        loading: "lazy",
-        decoding: "async",
-        ...m
-      }
-    )
-  );
+import { cn as k } from "../../utils/cn.js";
+import "sonner";
+import { getStatic as w } from "../../utils/static.js";
+const c = w("/tokens/default.svg"), f = /* @__PURE__ */ new Map();
+function d(e) {
+  return f.get(e) ? c : e;
 }
+const N = b.forwardRef(
+  ({
+    className: e,
+    size: o,
+    rounded: i = !0,
+    style: l,
+    src: r,
+    defaultIcon: u = c,
+    fit: m = "cover",
+    ...g
+  }, p) => {
+    const [h, a] = s(void 0), [v, n] = s(!1), t = E(!1);
+    j(() => {
+      d(r), a(void 0), n(!1), t.current = !1;
+    }, [r]);
+    const y = (I) => {
+      t.current || (t.current = !0, f.set(I.currentTarget.src, !0), a(u));
+    }, R = () => {
+      n(!0);
+    };
+    return (
+      // biome-ignore lint/performance/noImgElement: Universal component that works outside Next.js
+      /* @__PURE__ */ L(
+        "img",
+        {
+          ref: p,
+          src: h || d(r),
+          alt: "",
+          className: k(
+            m === "cover" ? "object-cover" : "object-contain",
+            i && "rounded-full",
+            !v && "bg-gray-90 dark:bg-gray-110 rounded-full",
+            e
+          ),
+          style: {
+            width: o,
+            height: o,
+            ...l
+          },
+          loading: "lazy",
+          decoding: "async",
+          onError: y,
+          onLoad: R,
+          ...g
+        }
+      )
+    );
+  }
+);
+N.displayName = "RoundedImage";
 export {
-  p as RoundedImage
+  N as RoundedImage
 };

package/dist/esm/components/row/row.js

@@ -1,8 +1,8 @@
 import { jsx as w } from "react/jsx-runtime";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as b } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const v = {
   "flex-start": "items-start",
   "flex-end": "items-end",

package/dist/esm/components/search-bar/search-bar.js

@@ -3,9 +3,9 @@ import { cva as i } from "class-variance-authority";
 import { Search as y } from "lucide-react";
 import { useState as n } from "react";
 import { Input as w } from "../input/input.js";
+import "@gearbox-protocol/sdk";
 import { cn as l } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const S = i("relative w-full transition-all duration-200", {
   variants: {
     size: {

package/dist/esm/components/search-line/search-line.js

@@ -3,9 +3,9 @@ import { cva as g } from "class-variance-authority";
 import { Search as S, ArrowRight as j, Loader2 as C } from "lucide-react";
 import * as r from "react";
 import { Input as V } from "../input/input.js";
+import "@gearbox-protocol/sdk";
 import { cn as f } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const R = g("relative w-full transition-all duration-200", {
   variants: {
     size: {

package/dist/esm/components/segmented-control/segmented-control.js

@@ -1,9 +1,9 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { cva as k } from "class-variance-authority";
 import * as z from "react";
+import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const C = k(
   "relative flex flex-row flex-nowrap items-center bg-muted rounded-md",
   {

package/dist/esm/components/select/select.js

@@ -3,9 +3,9 @@ import * as e from "@radix-ui/react-select";
 import { cva as u } from "class-variance-authority";
 import { ChevronDown as c, ChevronUp as h, Check as g } from "lucide-react";
 import * as l from "react";
+import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const b = (a) => /* @__PURE__ */ t(e.Root, { ...a });
 b.displayName = "Select";
 const T = e.Group, V = e.Value, y = u(