@gearbox-protocol/ui-kit 4.0.0-next.3 → 4.0.0-next.31

package/dist/esm/components/trading-view/trading-view.js

@@ -1,21 +1,22 @@
-import { jsxs as h, jsx as i } from "react/jsx-runtime";
-import { useMemo as g, useCallback as ce, useRef as N } from "react";
-import { toast as ue } from "sonner";
-import { useIsMobile as me } from "../../hooks/use-media-query.js";
-import "@gearbox-protocol/sdk";
-import { cn as de } from "../../utils/cn.js";
+import { jsxs as v, jsx as o } from "react/jsx-runtime";
+import { useMemo as I, useCallback as fe, useRef as C } from "react";
+import { toast as be } from "sonner";
+import { SectionHeading as we } from "../base/section-heading/section-heading.js";
+import { useIsMobile as he } from "../../hooks/use-media-query.js";
+import "@gearbox-protocol/sdk/onchain";
+import { cn as ve } from "../../utils/cn.js";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-import { RangeButtons as fe } from "../buttons/range-buttons/range-buttons.js";
-import { DEFAULT_SERIES_COLORS as j, getSeriesColorPalette as ae, GraphLegend as we } from "../graph/graph.js";
-import { GraphViewWithData as xe } from "../graph/graph-view.js";
-import { GraphDropdown as ve } from "./graph-dropdown.js";
-const pe = ({ size: e = 16 }) => /* @__PURE__ */ h(
+import { DEFAULT_SERIES_COLORS as T, getSeriesColorPalette as pe, GraphLegend as xe } from "../graph/graph.js";
+import { GraphViewWithData as ge } from "../graph/graph-view.js";
+import { Select as Se, SelectTrigger as ye, SelectValue as Ae, SelectContent as Ie, SelectItem as Ce } from "../select/select.js";
+import { GraphDropdown as Ne } from "./graph-dropdown.js";
+const Me = ({ size: t = 16 }) => /* @__PURE__ */ v(
   "svg",
   {
-    width: e,
-    height: e,
+    width: t,
+    height: t,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
@@ -24,15 +25,15 @@ const pe = ({ size: e = 16 }) => /* @__PURE__ */ h(
     strokeLinejoin: "round",
     "aria-label": "Expand fullscreen",
     children: [
-      /* @__PURE__ */ i("title", { children: "Expand fullscreen" }),
-      /* @__PURE__ */ i("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" })
+      /* @__PURE__ */ o("title", { children: "Expand fullscreen" }),
+      /* @__PURE__ */ o("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" })
     ]
   }
-), be = ({ size: e = 16 }) => /* @__PURE__ */ h(
+), ke = ({ size: t = 16 }) => /* @__PURE__ */ v(
   "svg",
   {
-    width: e,
-    height: e,
+    width: t,
+    height: t,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
@@ -41,223 +42,261 @@ const pe = ({ size: e = 16 }) => /* @__PURE__ */ h(
     strokeLinejoin: "round",
     "aria-label": "Exit fullscreen",
     children: [
-      /* @__PURE__ */ i("title", { children: "Exit fullscreen" }),
-      /* @__PURE__ */ i("path", { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" })
+      /* @__PURE__ */ o("title", { children: "Exit fullscreen" }),
+      /* @__PURE__ */ o("path", { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" })
     ]
   }
-), $ = "ui-kit:tradingview-series-colors:";
-function L(e) {
+), Ee = {
+  timeScale: { borderVisible: !1 },
+  rightPriceScale: { borderVisible: !1 },
+  leftPriceScale: { borderVisible: !1 }
+}, X = "ui-kit:tradingview-series-colors:";
+function j(t) {
   if (typeof window > "u" || !window.localStorage)
     return /* @__PURE__ */ new Map();
   try {
-    const o = window.localStorage.getItem($ + e);
-    if (!o) return /* @__PURE__ */ new Map();
-    const c = JSON.parse(o);
+    const r = window.localStorage.getItem(X + t);
+    if (!r) return /* @__PURE__ */ new Map();
+    const c = JSON.parse(r);
     return c == null || typeof c != "object" ? /* @__PURE__ */ new Map() : new Map(
       Object.entries(c).filter(
-        ([, r]) => typeof r == "number" && r >= 0 && r < j.length
+        ([, n]) => typeof n == "number" && n >= 0 && n < T.length
       )
     );
   } catch {
     return /* @__PURE__ */ new Map();
   }
 }
-function ye(e, o) {
+function Re(t, r) {
   if (!(typeof window > "u" || !window.localStorage))
     try {
       window.localStorage.setItem(
-        $ + e,
-        JSON.stringify(Object.fromEntries(o))
+        X + t,
+        JSON.stringify(Object.fromEntries(r))
       );
     } catch {
     }
 }
-function J(e, o) {
-  if (o.size === 0) return;
-  const c = L(e);
-  for (const [r, v] of o)
-    c.set(r, v);
-  ye(e, c);
+function $(t, r) {
+  if (r.size === 0) return;
+  const c = j(t);
+  for (const [n, p] of r)
+    c.set(n, p);
+  Re(t, c);
 }
-function ze({
-  data: e,
-  yMeasureUnit: o,
+function Ze({
+  data: t,
+  yMeasureUnit: r,
   height: c = 306,
-  defaultGraph: r,
-  onGraphSelected: v,
+  defaultGraph: n,
+  onGraphSelected: p,
   graphs: f,
-  isMultipleSelect: X,
-  range: q,
-  rangeList: R,
-  setRange: Q,
-  onGraphExpanded: I,
-  isGraphExpanded: Y,
-  onUnselectSeries: O,
-  graphsWithNoData: Z,
-  loadingGraphs: A,
-  isLoading: T,
+  isMultipleSelect: q,
+  range: Q,
+  rangeList: S,
+  setRange: Y,
+  onGraphExpanded: N,
+  isGraphExpanded: Z,
+  onUnselectSeries: L,
+  graphsWithNoData: D,
+  loadingGraphs: M,
+  isLoading: V,
   noDataMessage: _ = "No data available for this graph",
-  currentValueDecimals: D,
+  currentValueDecimals: P,
   containerClassName: U,
   useSharedPriceScale: K,
-  showCurrentValue: P,
-  yScaleMin: G,
-  yScaleMinMultiple: ee,
-  seriesColorPersistenceKey: u,
-  ...z
+  showCurrentValue: G,
+  yScaleMin: ee,
+  yScaleMinMultiple: te,
+  seriesColorPersistenceKey: d,
+  title: re,
+  trailing: k,
+  ...ne
 }) {
-  const p = g(() => Array.isArray(e) ? e : e ? [e] : [], [e]), C = g(() => Array.isArray(e) && e.length > 1, [e]), F = me(), te = ce(
-    (w, y) => {
-      ue.error(_);
+  const x = I(() => Array.isArray(t) ? t : t ? [t] : [], [t]), oe = I(() => Array.isArray(t) && t.length > 1, [t]), z = he(), le = fe(
+    (u, y) => {
+      be.error(_);
     },
     [_]
-  ), oe = g(() => {
-    if (o)
-      return Array.isArray(o) ? o[0] : o;
-  }, [o]), V = !!(v && f && r), l = N(/* @__PURE__ */ new Map()), a = N(0), B = N(!1);
-  if (f && f.length > 0 && !B.current) {
-    B.current = !0;
-    const w = u ? L(u) : /* @__PURE__ */ new Map(), y = String(f[0].value);
-    l.current.set(y, 0), a.current = 1;
-    for (let t = 1; t < f.length; t++) {
-      const m = String(f[t].value);
-      if (l.current.has(m)) continue;
-      const b = w.get(m) ?? t;
-      l.current.set(m, b), a.current = Math.max(a.current, b + 1);
+  ), ie = I(() => {
+    if (r)
+      return Array.isArray(r) ? r[0] : r;
+  }, [r]), se = !!(p && f && n), i = C(/* @__PURE__ */ new Map()), b = C(0), F = C(!1);
+  if (f && f.length > 0 && !F.current) {
+    F.current = !0;
+    const u = d ? j(d) : /* @__PURE__ */ new Map(), y = String(f[0].value);
+    i.current.set(y, 0), b.current = 1;
+    for (let e = 1; e < f.length; e++) {
+      const m = String(f[e].value);
+      if (i.current.has(m)) continue;
+      const g = u.get(m) ?? e;
+      i.current.set(m, g), b.current = Math.max(b.current, g + 1);
     }
-    u && J(
-      u,
-      l.current
+    d && $(
+      d,
+      i.current
     );
   }
-  const W = g(() => {
-    const w = Array.isArray(o) ? o : void 0;
-    if (u) {
-      const t = L(u);
-      for (const [m, x] of t)
-        l.current.has(m) || (l.current.set(m, x), a.current = Math.max(
-          a.current,
-          x + 1
+  const w = I(() => {
+    const u = Array.isArray(r) ? r : void 0;
+    if (d) {
+      const e = j(d);
+      for (const [m, h] of e)
+        i.current.has(m) || (i.current.set(m, h), b.current = Math.max(
+          b.current,
+          h + 1
         ));
     }
-    const y = p.map((t, m) => {
-      const x = t?.title || `Series ${m + 1}`, b = r != null ? Array.isArray(r) ? r[0]?.value ?? r[0] : typeof r == "object" && "value" in r ? r.value : r : null, E = p.length === 1 ? b != null ? String(b) : "single" : t?.id || x;
-      if (!l.current.has(E)) {
-        const n = new Set(
-          Array.from(l.current.values())
+    const y = x.map((e, m) => {
+      const h = e?.title || `Series ${m + 1}`, g = n != null ? Array.isArray(n) ? n[0]?.value ?? n[0] : typeof n == "object" && "value" in n ? n.value : n : null, R = x.length === 1 ? g != null ? String(g) : "single" : e?.id || h;
+      if (!i.current.has(R)) {
+        const l = new Set(
+          Array.from(i.current.values())
         );
-        let s = a.current;
-        for (let d = 0; d < j.length; d++) {
-          const S = (a.current + d) % j.length;
-          if (!n.has(S)) {
-            s = S;
+        let s = b.current;
+        for (let a = 0; a < T.length; a++) {
+          const A = (b.current + a) % T.length;
+          if (!l.has(A)) {
+            s = A;
             break;
           }
         }
-        l.current.set(E, s), a.current = s + 1;
+        i.current.set(R, s), b.current = s + 1;
       }
-      const le = l.current.get(E) ?? 0, k = ae(le), se = [...t?.data || []].sort((n, s) => {
-        const d = typeof n.time == "number" ? n.time : Number(n.time), S = typeof s.time == "number" ? s.time : Number(s.time);
-        return d - S;
-      }).reduce((n, s) => {
-        const d = s.time;
-        return n.length === 0 || n[n.length - 1].time !== d ? n.push({ time: d, value: s.value }) : n[n.length - 1] = { time: d, value: s.value }, n;
-      }, []), H = t?.lineColor ?? t?.color ?? void 0;
+      const me = i.current.get(R) ?? 0, O = pe(me), ae = [...e?.data || []].sort((l, s) => {
+        const a = typeof l.time == "number" ? l.time : Number(l.time), A = typeof s.time == "number" ? s.time : Number(s.time);
+        return a - A;
+      }).reduce((l, s) => {
+        const a = s.time;
+        return l.length === 0 || l[l.length - 1].time !== a ? l.push({ time: a, value: s.value }) : l[l.length - 1] = { time: a, value: s.value }, l;
+      }, []), J = e?.lineColor ?? e?.color ?? void 0;
       return {
-        data: se,
-        label: x,
-        yMeasureUnit: w?.[m] ?? (Array.isArray(o) ? void 0 : o),
-        ...t?.priceScaleId != null && {
-          priceScaleId: t.priceScaleId
+        data: ae,
+        label: h,
+        ...e?.id != null && { id: e.id },
+        yMeasureUnit: u?.[m] ?? (Array.isArray(r) ? void 0 : r),
+        ...e?.priceScaleId != null && {
+          priceScaleId: e.priceScaleId
         },
-        ...t?.seriesType != null && {
-          seriesType: t.seriesType
+        ...e?.seriesType != null && {
+          seriesType: e.seriesType
         },
-        ...t?.lineStyle != null && {
-          lineStyle: t.lineStyle
+        ...e?.lineStyle != null && {
+          lineStyle: e.lineStyle
         },
-        ...H != null ? {
-          lineColor: H,
-          ...t?.topColor != null && {
-            topColor: t.topColor
+        ...J != null ? {
+          lineColor: J,
+          ...e?.topColor != null && {
+            topColor: e.topColor
           },
-          ...t?.bottomColor != null && {
-            bottomColor: t.bottomColor
+          ...e?.bottomColor != null && {
+            bottomColor: e.bottomColor
           }
         } : {
-          color: k.line,
-          topColor: k.top,
-          bottomColor: k.bottom
+          color: O.line,
+          topColor: O.top,
+          bottomColor: O.bottom
         }
       };
     });
-    return u && l.current.size > 0 && J(
-      u,
-      l.current
+    return d && i.current.size > 0 && $(
+      d,
+      i.current
     ), y;
-  }, [p, r, o, u]), re = T !== void 0 ? T : A !== void 0 ? A.size > 0 : C && p.length > 0 ? p.some((w) => !w) : !e, ne = z.title, M = C && !V && !ne, ie = (!F && I || R.length > 0 || V || M) && /* @__PURE__ */ h("div", { className: "z-10 w-full flex flex-row flex-wrap sm:flex-nowrap items-center gap-2", children: [
-    /* @__PURE__ */ i("div", { className: "min-w-0", children: v && f && r ? /* @__PURE__ */ i(
-      ve,
-      {
-        onSelected: v,
-        items: f,
-        defaultItem: r,
-        multiple: X,
-        graphsWithNoData: Z,
-        loadingGraphs: A,
-        onNoDataSelected: te
-      }
-    ) : M ? /* @__PURE__ */ i(
-      we,
-      {
-        series: W,
-        onUnselect: O,
-        inline: !0
-      }
-    ) : null }),
-    /* @__PURE__ */ h("div", { className: "flex flex-row flex-nowrap justify-start sm:justify-end items-center flex-1", children: [
-      /* @__PURE__ */ i(fe, { range: q, rangeList: R, setRange: Q }),
-      !F && I && /* @__PURE__ */ i(
+  }, [x, n, r, d]), H = V !== void 0 ? V : M !== void 0 ? M.size > 0 : oe && x.length > 0 ? x.some((u) => !u) : !t, B = C(w);
+  w.length > 0 && (B.current = w);
+  const W = w.length > 0 ? w : H ? B.current : w, E = re, ce = !z && N ? !0 : S.length > 0 || se || E != null || k != null, ue = p && f && n ? /* @__PURE__ */ o(
+    Ne,
+    {
+      onSelected: p,
+      items: f,
+      defaultItem: n,
+      multiple: q,
+      graphsWithNoData: D,
+      loadingGraphs: M,
+      onNoDataSelected: le
+    }
+  ) : E != null ? /* @__PURE__ */ o(we, { className: "min-w-0 truncate", children: E }) : null, de = ce && /* @__PURE__ */ v("div", { className: "flex w-full flex-row flex-wrap items-center justify-between gap-3", children: [
+    /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: ue }),
+    /* @__PURE__ */ v("div", { className: "flex shrink-0 flex-row flex-nowrap items-center gap-3", children: [
+      k,
+      k != null && S.length > 0 ? /* @__PURE__ */ o("div", { className: "h-4 w-px shrink-0 bg-border" }) : null,
+      S.length > 0 ? /* @__PURE__ */ v(Se, { value: Q, onValueChange: Y, children: [
+        /* @__PURE__ */ o(
+          ye,
+          {
+            size: "sm",
+            className: "h-8 w-auto min-w-[4.5rem] gap-1.5 border-border bg-muted shadow-none",
+            children: /* @__PURE__ */ o(Ae, {})
+          }
+        ),
+        /* @__PURE__ */ o(Ie, { align: "end", children: S.map((u) => /* @__PURE__ */ o(Ce, { value: u.value, children: u.label }, u.value)) })
+      ] }) : null,
+      !z && N && /* @__PURE__ */ o(
         "button",
         {
           type: "button",
-          className: "px-2.5 py-1.5 flex min-w-[44px] min-h-[26px] justify-center items-center text-xs leading-[14px] font-medium text-center rounded-md border cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring bg-muted border-muted text-muted-foreground hover:border-secondary ml-1.5",
-          onClick: I,
-          children: Y ? /* @__PURE__ */ i(be, { size: 16 }) : /* @__PURE__ */ i(pe, { size: 16 })
+          className: "flex min-h-[26px] min-w-[44px] cursor-pointer items-center justify-center rounded-md border border-muted bg-muted px-2.5 py-1.5 text-center text-xs font-medium leading-[14px] text-muted-foreground transition-colors hover:border-secondary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+          onClick: N,
+          children: Z ? /* @__PURE__ */ o(ke, { size: 16 }) : /* @__PURE__ */ o(Me, { size: 16 })
         }
       )
     ] })
   ] });
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ v(
     "div",
     {
-      style: {
-        width: "100%",
-        height: c ? `${c}px` : void 0
-      },
-      className: "w-full",
-      children: /* @__PURE__ */ i(
-        xe,
-        {
-          series: W,
-          loading: re,
-          toolbar: ie,
-          size: c ? "full" : "default",
-          containerClassName: de("h-full", U),
-          showLegend: C && !M,
-          onUnselectSeries: O,
-          yMeasureUnit: oe,
-          currentValueDecimals: D,
-          useSharedPriceScale: K,
-          showCurrentValue: P,
-          yScaleMin: G,
-          yScaleMinMultiple: ee,
-          ...z
-        }
-      )
+      className: ve(
+        "flex w-full flex-col gap-3 rounded-lg border border-border bg-card p-4 shadow-none",
+        U
+      ),
+      children: [
+        de,
+        /* @__PURE__ */ o(
+          "div",
+          {
+            style: {
+              width: "100%",
+              height: c ? `${c}px` : void 0
+            },
+            className: "w-full",
+            children: /* @__PURE__ */ o(
+              ge,
+              {
+                ...ne,
+                series: w,
+                loading: H,
+                size: c ? "full" : "default",
+                padding: "none",
+                variant: "ghost",
+                className: "rounded-md border border-border bg-card",
+                containerClassName: "h-full overflow-hidden rounded-none border-0 bg-transparent shadow-none",
+                showLegend: !1,
+                onUnselectSeries: L,
+                yMeasureUnit: ie,
+                currentValueDecimals: P,
+                useSharedPriceScale: K,
+                showCurrentValue: G,
+                yScaleMin: ee,
+                yScaleMinMultiple: te,
+                hideDefaultTooltip: !0,
+                optionsOverrides: Ee
+              }
+            )
+          }
+        ),
+        W.length > 0 ? /* @__PURE__ */ o(
+          xe,
+          {
+            series: W,
+            onUnselect: L,
+            inline: !0
+          }
+        ) : null
+      ]
     }
   );
 }
 export {
-  ze as TradingView
+  Ze as TradingView
 };

package/dist/esm/components/typography/typography.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { cva as x } from "class-variance-authority";
 import * as p from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as c } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

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

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as e, Fragment as b } from "react/jsx-runtime";
 import { cva as l } from "class-variance-authority";
 import * as v from "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";

package/dist/esm/components/vspace/vspace.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import { SPACE_HEIGHT as d, SPACE_PX as n } from "../base/spacing.js";
 import "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";

package/dist/esm/components/with-copy/with-copy.js

@@ -3,7 +3,7 @@ import { IconCopy as v } from "@gearbox-protocol/static";
 import { useState as w, useRef as k } from "react";
 import { faCheck as N } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as j } from "../icons/fa-icon.js";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as i } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
@@ -24,6 +24,7 @@ import "../token-icon/token-icon.js";
 import { SimpleTooltip as T } from "../tooltip/simple-tooltip.js";
 import "../tooltip/tooltip.js";
 import "../badge/badge.js";
+import "../badge/chip.js";
 import "../base/amount-input/amount-input.js";
 import "../confirm-menu/confirm-menu.js";
 import "react-intl";
@@ -34,8 +35,10 @@ import "../token-symbol/token-symbol.js";
 import "../simple-accordion/simple-accordion.js";
 import "../tip-card/tip-card.js";
 import "../typography/typography.js";
-import "../vertical-indicator/vertical-indicator.js";
 import "../points-icon/points-icon.js";
+import "viem";
+import "../vertical-indicator/vertical-indicator.js";
+import "../base/page-title/page-title.js";
 import "../detailed-page-title/detailed-page-title-copy-button.js";
 import "../detailed-page-title/detailed-page-title-explorer-dropdown.js";
 import "../base/details-view/detail-aside/detail-aside-scope.js";
@@ -43,6 +46,7 @@ import "../layout/main-aside-layout/main-aside-layout.js";
 import "../base/details-view/details-view.js";
 import "../fadeout-loading/fadeout-loading.js";
 import "../health-factor/health-factor.js";
+import "@gearbox-protocol/sdk/model";
 import "../checkbox/checkbox.js";
 import "../checkbox/checkbox-labeled.js";
 import "../select/select.js";
@@ -56,16 +60,30 @@ import "../slider/slider.js";
 import "../slider/slider-context.js";
 import "../text-button/text-button.js";
 import "../with-title/with-title.js";
-import "../status-elements/status-elements.js";
 import "react-router-dom";
+import "../status-elements/status-elements.js";
 import "../client-adapters/styled-dialog-container/styled-dialog-container.js";
+import "../modal/modal.js";
+import "@radix-ui/react-dialog";
+import "../dialog/dialog-container.js";
+import "../dialog/dialog-content.js";
+import "../dialog/dialog-description.js";
+import "../dialog/dialog-footer.js";
+import "../dialog/dialog-header.js";
+import "../dialog/dialog-title.js";
+import "../dialog/dialog-modal-container.js";
+import "../dialog/dialog-overlay.js";
+import "../input/input.js";
+import "../label/label.js";
 import "../simple-dropdown/simple-dropdown.js";
 import "../simple-dropdown/simple-dropdown-menu-item.js";
-import "../help-tip/help-tip.js";
 import "../base/tabber/tabber.js";
 import "../link/link.js";
 import "../rounded-image/rounded-image.js";
+import "../network-icon/network-indicator.js";
 import "../base-link/base-link.js";
+import "../help-tip/help-tip.js";
+import "../base-table/base-table-line.js";
 import "../navigation-context/navigation-context.js";
 import "../cards/card/card.js";
 import "../checkbox-item/checkbox-item.js";
@@ -73,21 +91,9 @@ import "../client-adapters/styled-button/styled-button.js";
 import "../client-adapters/styled-rounded-image/styled-rounded-image.js";
 import "../composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js";
 import "../composites/tx-preview/confirm/dialog/constants.js";
-import "../modal/modal.js";
-import "../dialog/dialog-container.js";
+import "../spinner/spinner.js";
 import "../spinner-loader/spinner-loader.js";
 import "../detailed-apy/detailed-apy.js";
-import "@radix-ui/react-dialog";
-import "../dialog/dialog-content.js";
-import "../dialog/dialog-description.js";
-import "../dialog/dialog-footer.js";
-import "../dialog/dialog-header.js";
-import "../dialog/dialog-title.js";
-import "../dialog/dialog-modal-container.js";
-import "../dialog/dialog-overlay.js";
-import "viem";
-import "../input/input.js";
-import "../label/label.js";
 import "../dropdown-menu/dropdown-menu.js";
 import "../dropdown-menu/dropdown-menu-checkbox-item.js";
 import "../dropdown-menu/dropdown-menu-content.js";
@@ -122,14 +128,14 @@ import "../legal-agreement/legal-agreement-theme.js";
 import "../loader/loader.js";
 import "../loading/loading.js";
 import "../loading-bar/loading-bar.js";
+import "../radio-group/radio-group.js";
+import "../status-dot/status-dot.js";
 import "../segmented-control/segmented-control.js";
 import "../separate-line/separate-line.js";
-import "../spinner/spinner.js";
 import "../split-list/split-list.js";
-import "../status-dot/status-dot.js";
 import "../textarea/textarea.js";
 import "../theme-provider.js";
-function Zo({
+function rr({
   toCopy: u,
   children: d,
   onCopySuccess: f,
@@ -211,5 +217,5 @@ function Zo({
   return a ? /* @__PURE__ */ t(T, { placement: "top", triangle: !0, title: c(), children: a }) : c();
 }
 export {
-  Zo as WithCopy
+  rr as WithCopy
 };

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

@@ -1,7 +1,7 @@
 import { jsxs as p, jsx as i } from "react/jsx-runtime";
 import { cva as x } from "class-variance-authority";
 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";

package/dist/esm/components/yield-breakdown-tooltip/index.js

@@ -1,4 +1,5 @@
-import { YieldBreakdownTooltip as r } from "./yield-breakdown-tooltip.js";
+import { ApyBreakdownTooltip as p, YieldBreakdownTooltip as r } from "./yield-breakdown-tooltip.js";
 export {
+  p as ApyBreakdownTooltip,
   r as YieldBreakdownTooltip
 };