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

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

@@ -1,12 +1,12 @@
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import { IconInfo as L } from "@gearbox-protocol/static";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { IconInfo as A } from "@gearbox-protocol/static";
 import { cva as D } from "class-variance-authority";
-import * as B from "react";
-import { useMemo as E, useRef as b, useState as O, useEffect as P } from "react";
+import * as W from "react";
+import { useMemo as B, useRef as P } from "react";
 import { SpinnerLoader as q } from "../spinner-loader/spinner-loader.js";
 import { cn as j } from "../../utils/cn.js";
-import { Graph as F } from "./graph.js";
-const J = D(
+import { Graph as E } from "./graph.js";
+const F = D(
   "relative w-full overflow-hidden rounded-lg border-border border bg-card text-card-foreground",
   {
     variants: {
@@ -37,46 +37,46 @@ const J = D(
       padding: "default"
     }
   }
-), k = B.forwardRef(
+), k = W.forwardRef(
   ({
-    className: r,
-    variant: t,
-    size: l,
-    padding: m,
+    className: t,
+    variant: l,
+    size: c,
+    padding: f,
     title: a,
     description: s,
-    toolbar: n,
-    loading: i = !1,
-    emptyMessage: d,
-    error: c,
-    children: h,
-    ...x
+    toolbar: h,
+    loading: m = !1,
+    emptyMessage: n,
+    error: r,
+    children: o,
+    ...v
   }, g) => {
-    const u = a || s || n;
-    return /* @__PURE__ */ f(
+    const u = a || s || h;
+    return /* @__PURE__ */ d(
       "div",
       {
         ref: g,
         className: j(
           "flex flex-col",
-          J({ variant: t, size: l, padding: m, className: r })
+          F({ variant: l, size: c, padding: f, className: t })
         ),
-        ...x,
+        ...v,
         children: [
-          u && /* @__PURE__ */ f("div", { className: "mb-4 flex items-start justify-between gap-4 shrink-0", children: [
-            (a || s) && /* @__PURE__ */ f("div", { className: "flex-1", children: [
+          u && /* @__PURE__ */ d("div", { className: "mb-4 flex items-start justify-between gap-4 shrink-0", children: [
+            (a || s) && /* @__PURE__ */ d("div", { className: "flex-1", children: [
               a && /* @__PURE__ */ e("h3", { className: "text-base sm:text-lg font-semibold leading-none tracking-tight", children: a }),
               s && /* @__PURE__ */ e("p", { className: "mt-1 text-xs sm:text-sm text-muted-foreground", children: s })
             ] }),
-            n && /* @__PURE__ */ e("div", { className: "shrink-0 w-full", children: n })
+            h && /* @__PURE__ */ e("div", { className: "shrink-0 w-full", children: h })
           ] }),
-          /* @__PURE__ */ f("div", { className: "relative flex-1 w-full min-h-0", children: [
-            i && /* @__PURE__ */ e("div", { className: "absolute inset-0 z-10 flex items-center justify-center opacity-0 animate-delayed-fade-in", children: /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2", children: /* @__PURE__ */ e(q, { size: 32, width: 3 }) }) }),
-            c && /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ f("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
-              /* @__PURE__ */ e(L, { size: 48, className: "size-12" }),
-              /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm", children: c })
+          /* @__PURE__ */ d("div", { className: "relative flex-1 w-full min-h-0", children: [
+            m && /* @__PURE__ */ e("div", { className: "absolute inset-0 z-10 flex items-center justify-center opacity-0 animate-delayed-fade-in", children: /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2", children: /* @__PURE__ */ e(q, { size: 32, width: 3 }) }) }),
+            r && /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ d("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
+              /* @__PURE__ */ e(A, { size: 48, className: "size-12" }),
+              /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm", children: r })
             ] }) }),
-            !c && !h && d && /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ f("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
+            !r && !o && n && /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ d("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
               /* @__PURE__ */ e(
                 "svg",
                 {
@@ -96,16 +96,16 @@ const J = D(
                   )
                 }
               ),
-              /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm", children: d })
+              /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm", children: n })
             ] }) }),
             /* @__PURE__ */ e(
               "div",
               {
                 className: j(
                   "w-full h-full transition-[filter] duration-300 delay-300",
-                  i && "blur-sm pointer-events-none"
+                  m && "blur-sm pointer-events-none"
                 ),
-                children: !c && h
+                children: !r && o
               }
             )
           ] })
@@ -115,95 +115,80 @@ const J = D(
   }
 );
 k.displayName = "GraphView";
-function _({
-  series: r,
-  data: t,
-  lineColor: l,
-  color: m,
+function Y({
+  series: t,
+  data: l,
+  lineColor: c,
+  color: f,
   topColor: a,
   bottomColor: s,
-  graphId: n,
-  onUnselectSeries: i,
-  loading: d,
-  title: c,
-  description: h,
-  toolbar: x,
+  graphId: h,
+  onUnselectSeries: m,
+  loading: n,
+  title: r,
+  description: o,
+  toolbar: v,
   emptyMessage: g = "No data available",
   error: u,
   containerClassName: z,
-  variant: W,
-  size: G,
-  padding: S,
+  variant: G,
+  size: R,
+  padding: H,
   yMeasureUnit: N,
-  showCurrentValue: y,
-  ...H
+  showCurrentValue: b,
+  ...I
 }) {
-  const p = E(() => {
-    if (r && r.length > 0)
-      return r;
-    if (t && t.length > 0) {
-      const o = l ?? m;
+  const x = B(() => {
+    if (t && t.length > 0)
+      return t;
+    if (l && l.length > 0) {
+      const i = c ?? f;
       return [
         {
-          data: t.map((v) => ({
-            time: typeof v.time == "number" ? v.time : Number(v.time),
-            value: v.value
+          data: l.map((p) => ({
+            time: typeof p.time == "number" ? p.time : Number(p.time),
+            value: p.value
           })),
           label: "Value",
           yMeasureUnit: N,
-          ...o && { lineColor: o },
+          ...i && { lineColor: i },
           ...a && { topColor: a },
           ...s && { bottomColor: s }
         }
       ];
     }
     return [];
-  }, [r, t, N, l, m, a, s]), w = p.some((o) => o.data.length > 0), A = !d && !w, R = b(p);
-  w && (R.current = p);
-  const V = d && !w ? R.current : p, I = V.some((o) => o.data.length > 0);
+  }, [t, l, N, c, f, a, s]), w = x.some((i) => i.data.length > 0), L = !n && !w, y = P(x);
+  w && (y.current = x);
+  const V = n && !w ? y.current : x, S = V.some((i) => i.data.length > 0);
   return /* @__PURE__ */ e(
     k,
     {
       className: z,
-      variant: W,
-      size: G,
-      padding: S,
-      title: c,
-      description: h,
-      toolbar: x,
-      loading: d,
+      variant: G,
+      size: R,
+      padding: H,
+      title: r,
+      description: o,
+      toolbar: v,
+      loading: n,
       error: u,
-      emptyMessage: A ? g : void 0,
-      children: I && !u && /* @__PURE__ */ e(
-        F,
+      emptyMessage: L ? g : void 0,
+      children: S && !u && /* @__PURE__ */ e(
+        E,
         {
           series: V,
           yMeasureUnit: N,
-          ...i ? { onUnselectSeries: i } : {},
-          ...y !== void 0 ? { showCurrentValue: y } : {},
-          ...H
+          ...m ? { onUnselectSeries: m } : {},
+          ...b !== void 0 ? { showCurrentValue: b } : {},
+          ...I
         }
       )
     }
   );
 }
-function $(r = 0) {
-  const t = b(null), l = b(null), [m, a] = O(null);
-  return P(() => {
-    const s = () => {
-      if (t.current && l.current) {
-        const d = l.current.clientWidth, c = t.current.clientWidth;
-        a(d - c - r);
-      }
-    }, n = l.current, i = n ? new ResizeObserver(s) : null;
-    return n && i?.observe(n), () => {
-      n && i?.unobserve(n);
-    };
-  }, [r]), { graphWidth: m, parentRef: l, asideRef: t };
-}
 export {
   k as GraphView,
-  _ as GraphViewWithData,
-  J as graphViewVariants,
-  $ as useGraphAside
+  Y as GraphViewWithData,
+  F as graphViewVariants
 };

package/dist/esm/components/graph/graph.js

@@ -4,9 +4,9 @@ import * as Ve from "react";
 import { useRef as K, useState as ne, useEffect as G, useLayoutEffect as pt } from "react";
 import { useIsMobile as bt } from "../../hooks/use-media-query.js";
 import { cn as Z } from "../../utils/cn.js";
-import { resolveCSSColor as ie, generateColorsFromBase as Ce, hslToHex as St } from "../../utils/colors.js";
+import { hslToHex as St, generateColorsFromBase as Ce, resolveCSSColor as ie } from "../../utils/colors.js";
 import { getDefaultOptions as Je, getDefaultSeries as vt, AXIS_TICK_MARK_DENSITY as ve, getDefaultVerticalLine as Ct, AXIS_FONT_SIZE as xt, AXIS_EDGE_LABEL_PADDING_PX as Qe, AXIS_TOP_LABEL_PADDING_PX as Ye, AXIS_TIME_EDGE_PADDING_PX as yt } from "./default-config.js";
-import { getXFormatters as Ue, formatExactValue as Le, isRatioUnit as _t, createAdaptiveYAxisFormatter as wt } from "./formatters.js";
+import { formatExactValue as Le, isRatioUnit as _t, getXFormatters as Ue, createAdaptiveYAxisFormatter as wt } from "./formatters.js";
 import { GraphCurrentValue as Pt } from "./graph-current-value.js";
 import { GraphTooltip as Nt } from "./graph-tooltip.js";
 import { VertLine as Rt } from "./plugins/vertical-line.js";

package/dist/esm/components/graph/index.js

@@ -1,36 +1,35 @@
-import { AXIS_EDGE_LABEL_PADDING_PX as r, AXIS_FONT_SIZE as o, AXIS_TICK_MARK_DENSITY as a, AXIS_TIME_EDGE_PADDING_PX as _, AXIS_TOP_LABEL_PADDING_PX as E, DEFAULT_AREA_SERIES as A, DEFAULT_OPTIONS as i, DEFAULT_VERTICAL_LINE as p, getDefaultOptions as D, getDefaultSeries as I, getDefaultVerticalLine as L } from "./default-config.js";
-import { getXFormatter as l, getXFormatters as T, getYFormatter as G } from "./formatters.js";
-import { DEFAULT_SERIES_COLORS as f, Graph as m, GraphLegend as n, getSeriesColorPalette as V, getVerticalLineLabelStyle as X, getVerticalLineTooltipContent as h } from "./graph.js";
-import { GraphCurrentValue as F } from "./graph-current-value.js";
-import { GraphTooltip as x } from "./graph-tooltip.js";
-import { GraphView as O, GraphViewWithData as u, graphViewVariants as C, useGraphAside as R } from "./graph-view.js";
-import { VertLine as c } from "./plugins/vertical-line.js";
+import { AXIS_EDGE_LABEL_PADDING_PX as r, AXIS_FONT_SIZE as o, AXIS_TICK_MARK_DENSITY as _, AXIS_TIME_EDGE_PADDING_PX as a, AXIS_TOP_LABEL_PADDING_PX as E, DEFAULT_AREA_SERIES as i, getDefaultOptions as p, getDefaultSeries as A, getDefaultVerticalLine as D } from "./default-config.js";
+import { getXFormatter as L, getXFormatters as S } from "./formatters.js";
+import { DEFAULT_SERIES_COLORS as G, Graph as g, GraphLegend as n, VERTICAL_LINE_LABEL_EDGE_PADDING as V, getSeriesColorPalette as f, getStepForwardValue as T, getVerticalLineLabelStyle as X, getVerticalLineTooltipContent as m, seriesIdentity as P } from "./graph.js";
+import { GraphCurrentValue as s } from "./graph-current-value.js";
+import { GraphTooltip as N } from "./graph-tooltip.js";
+import { GraphView as C, GraphViewWithData as F, graphViewVariants as R } from "./graph-view.js";
+import { VertLine as w } from "./plugins/vertical-line.js";
 export {
   r as AXIS_EDGE_LABEL_PADDING_PX,
   o as AXIS_FONT_SIZE,
-  a as AXIS_TICK_MARK_DENSITY,
-  _ as AXIS_TIME_EDGE_PADDING_PX,
+  _ as AXIS_TICK_MARK_DENSITY,
+  a as AXIS_TIME_EDGE_PADDING_PX,
   E as AXIS_TOP_LABEL_PADDING_PX,
-  A as DEFAULT_AREA_SERIES,
-  i as DEFAULT_OPTIONS,
-  f as DEFAULT_SERIES_COLORS,
-  p as DEFAULT_VERTICAL_LINE,
-  m as Graph,
-  F as GraphCurrentValue,
+  i as DEFAULT_AREA_SERIES,
+  G as DEFAULT_SERIES_COLORS,
+  g as Graph,
+  s as GraphCurrentValue,
   n as GraphLegend,
-  x as GraphTooltip,
-  O as GraphView,
-  u as GraphViewWithData,
-  c as VertLine,
-  D as getDefaultOptions,
-  I as getDefaultSeries,
-  L as getDefaultVerticalLine,
-  V as getSeriesColorPalette,
+  N as GraphTooltip,
+  C as GraphView,
+  F as GraphViewWithData,
+  V as VERTICAL_LINE_LABEL_EDGE_PADDING,
+  w as VertLine,
+  p as getDefaultOptions,
+  A as getDefaultSeries,
+  D as getDefaultVerticalLine,
+  f as getSeriesColorPalette,
+  T as getStepForwardValue,
   X as getVerticalLineLabelStyle,
-  h as getVerticalLineTooltipContent,
-  l as getXFormatter,
-  T as getXFormatters,
-  G as getYFormatter,
-  C as graphViewVariants,
-  R as useGraphAside
+  m as getVerticalLineTooltipContent,
+  L as getXFormatter,
+  S as getXFormatters,
+  R as graphViewVariants,
+  P as seriesIdentity
 };

package/dist/esm/components/head-cell/head-cell.js

@@ -1,33 +1,32 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import * as v from "react";
-import { HelpTip as p } from "../help-tip/help-tip.js";
-import { faCaretUp as N, faCaretDown as T } from "@fortawesome/free-solid-svg-icons";
+import { faCaretUp as v, faCaretDown as N } from "@fortawesome/free-solid-svg-icons";
+import * as T from "react";
+import { HelpTip as f } from "../help-tip/help-tip.js";
 import { FaIcon as d } from "../icons/fa-icon.js";
 import "../tooltip/simple-tooltip.js";
 import { TooltipProvider as y, Tooltip as b, TooltipTrigger as H, TooltipContent as w } from "../tooltip/tooltip.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as n } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
-function $({
+function U({
   title: l,
   tip: r,
   arrowPosition: i = "left",
   sortDirection: s,
-  sortField: f = "this field",
+  sortField: p = "this field",
   sortTip: u,
   onSort: t,
   className: h
 }) {
-  const [x, a] = v.useState(!1), g = !!s || x, c = () => /* @__PURE__ */ e(
+  const [x, a] = T.useState(!1), g = !!s || x, c = () => /* @__PURE__ */ e(
     "span",
     {
       className: n(
         "inline-flex items-center transition-opacity",
         g ? "opacity-100" : "opacity-0"
       ),
-      children: s === "asc" ? /* @__PURE__ */ e(d, { icon: N, className: "size-3 text-muted-foreground" }) : /* @__PURE__ */ e(d, { icon: T, className: "size-3 text-muted-foreground" })
+      children: s === "asc" ? /* @__PURE__ */ e(d, { icon: v, className: "size-3 text-muted-foreground" }) : /* @__PURE__ */ e(d, { icon: N, className: "size-3 text-muted-foreground" })
     }
   ), m = () => /* @__PURE__ */ o(
     "button",
@@ -46,7 +45,7 @@ function $({
         t && i === "right" && c()
       ]
     }
-  ), C = `Sort by ${f}`;
+  ), C = `Sort by ${p}`;
   return /* @__PURE__ */ o(
     "div",
     {
@@ -58,22 +57,22 @@ function $({
           /* @__PURE__ */ e(H, { asChild: !0, children: m() }),
           /* @__PURE__ */ e(w, { children: u || C })
         ] }) }) : m(),
-        r && /* @__PURE__ */ e(p, { children: r })
+        r && /* @__PURE__ */ e(f, { children: r })
       ]
     }
   );
 }
-function q({
+function $({
   title: l,
   tip: r,
   className: i
 }) {
   return /* @__PURE__ */ o("div", { className: n("inline-flex items-center gap-1.5", i), children: [
     /* @__PURE__ */ e("span", { className: "text-sm font-medium text-muted-foreground", children: l }),
-    r && /* @__PURE__ */ e(p, { children: r })
+    r && /* @__PURE__ */ e(f, { children: r })
   ] });
 }
 export {
-  $ as HeadCell,
-  q as SimpleHeadCell
+  U as HeadCell,
+  $ as SimpleHeadCell
 };

package/dist/esm/components/health-factor/health-factor.js

@@ -1,16 +1,15 @@
-import { jsxs as x, jsx as i } from "react/jsx-runtime";
-import { PERCENTAGE_FACTOR as h, formatPercentage as C } from "@gearbox-protocol/sdk/onchain";
-import { cva as F } from "class-variance-authority";
-import "react";
-import { cn as H } from "../../utils/cn.js";
-import "sonner";
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
+import { PERCENTAGE_FACTOR as A, formatPercentage as N } from "@gearbox-protocol/sdk/onchain";
+import { cva as C } from "class-variance-authority";
+import { cn as F } from "../../utils/cn.js";
+import { APPROXIMATE_SYMBOL as H } from "../../utils/format.js";
 import "luxon";
 import "../../utils/z-index.js";
-import { StatusBars as N, HealthDot as g } from "../status-elements/status-elements.js";
-const A = 15e3, D = 11e3, b = 10500, w = (t) => {
+import { StatusBars as g, HealthDot as D } from "../status-elements/status-elements.js";
+const O = 15e3, _ = 11e3, b = 10500, w = (t) => {
   if (t)
-    return t >= A ? "good" : t > D ? "medium" : t > b ? "bad" : t > h ? "critical" : "liquidation";
-}, V = F(
+    return t >= O ? "good" : t > _ ? "medium" : t > b ? "bad" : t > A ? "critical" : "liquidation";
+}, B = C(
   "inline-flex items-center font-medium [text-decoration:inherit]",
   {
     variants: {
@@ -25,41 +24,43 @@ const A = 15e3, D = 11e3, b = 10500, w = (t) => {
     }
   }
 );
-function P({
+function L({
   value: t,
   debt: s,
   decimals: c = 3,
   zone: o,
-  zoneType: n = "color",
-  className: m,
+  zoneType: e = "color",
+  approximate: m,
+  className: l,
   ...u
 }) {
-  const r = s !== void 0 && s === 0n, d = !r && n === "color", l = !r && o && n === "dot", f = !r && o && n === "bars", e = d ? o === void 0 ? w(t) : o : void 0, a = e === void 0 ? void 0 : e === null ? "unset" : e, p = () => {
+  const r = s !== void 0 && s === 0n, d = !r && e === "color", f = !r && o && e === "dot", p = !r && o && e === "bars", i = d ? o === void 0 ? w(t) : o : void 0, a = i === void 0 ? void 0 : i === null ? "unset" : i, v = () => {
     if (r) return "N/A";
-    const v = Number(t);
-    return C(v, c);
+    const x = Number(t);
+    return N(x, c);
   };
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ h(
     "span",
     {
-      className: H(
-        V(
+      className: F(
+        B(
           a !== void 0 ? { zone: a } : {}
         ),
-        m
+        l
       ),
       ...u,
       children: [
-        f && /* @__PURE__ */ i("span", { className: "mr-6 shrink-0", children: /* @__PURE__ */ i(N, { zone: o }) }),
-        p(),
-        l && /* @__PURE__ */ i("span", { className: "ml-1.5", children: /* @__PURE__ */ i(g, { zone: o }) })
+        p && /* @__PURE__ */ n("span", { className: "mr-6 shrink-0", children: /* @__PURE__ */ n(g, { zone: o }) }),
+        m && !r ? /* @__PURE__ */ n("span", { className: "mr-0.5", children: H }) : null,
+        v(),
+        f && /* @__PURE__ */ n("span", { className: "ml-1.5", children: /* @__PURE__ */ n(D, { zone: o }) })
       ]
     }
   );
 }
 export {
-  D as BAD_HF,
-  A as GOOD_HF,
-  P as HealthFactor,
+  _ as BAD_HF,
+  O as GOOD_HF,
+  L as HealthFactor,
   w as getHFZones
 };

package/dist/esm/components/help-tip/help-tip.js

@@ -5,8 +5,7 @@ import { cva as T } from "class-variance-authority";
 import * as p from "react";
 import { FaIcon as C } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as m } from "../../utils/cn.js";
-import "sonner";
+import { cn as l } from "../../utils/cn.js";
 import "luxon";
 import "../../utils/z-index.js";
 import { SimpleTooltip as H } from "../tooltip/simple-tooltip.js";
@@ -60,7 +59,7 @@ const I = T("transition-colors", {
     ...f
   }, d) => {
     const h = /* @__PURE__ */ t(
-      l,
+      m,
       {
         ref: d,
         iconSize: i,
@@ -86,7 +85,7 @@ const I = T("transition-colors", {
   }
 );
 N.displayName = "HelpTip";
-const l = p.forwardRef(
+const m = p.forwardRef(
   ({
     className: o,
     iconSize: r = 14,
@@ -101,7 +100,7 @@ const l = p.forwardRef(
       ref: n,
       role: "img",
       "aria-hidden": !0,
-      className: m(
+      className: l(
         "inline-block cursor-help",
         I({ iconColor: a, iconHoverColor: e }),
         o
@@ -118,18 +117,18 @@ const l = p.forwardRef(
     }
   )
 );
-l.displayName = "HelpTipIcon";
+m.displayName = "HelpTipIcon";
 const w = p.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
   "span",
   {
     ref: a,
-    className: m("ml-1.5 inline-block leading-[0]", o),
+    className: l("ml-1.5 inline-block leading-[0]", o),
     ...r
   }
 ));
 w.displayName = "TipWrap";
 export {
   N as HelpTip,
-  l as HelpTipIcon,
+  m as HelpTipIcon,
   w as TipWrap
 };

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

@@ -1,11 +1,10 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { Slot as m } from "@radix-ui/react-slot";
 import { cva as p } from "class-variance-authority";
 import * as f from "react";
 import { BaseLink as g } from "../base-link/base-link.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as h } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const y = p(
@@ -35,7 +34,7 @@ const y = p(
     children: u,
     ...s
   }, l) => {
-    const e = u, n = h(
+    const r = u, n = h(
       y({ buttonType: b, className: d }),
       "flex items-center justify-center"
     ), o = {
@@ -44,24 +43,24 @@ const y = p(
       minWidth: t,
       minHeight: t
     };
-    return i ? /* @__PURE__ */ r(g, { ...i, children: /* @__PURE__ */ r(
+    return i ? /* @__PURE__ */ e(g, { ...i, children: /* @__PURE__ */ e(
       "span",
       {
         className: n,
         style: o,
         "aria-disabled": a,
-        children: e
+        children: r
       }
-    ) }) : c ? /* @__PURE__ */ r(
+    ) }) : c ? /* @__PURE__ */ e(
       m,
       {
         ref: l,
         className: n,
         style: o,
         ...s,
-        children: e
+        children: r
       }
-    ) : /* @__PURE__ */ r(
+    ) : /* @__PURE__ */ e(
       "button",
       {
         ref: l,
@@ -70,7 +69,7 @@ const y = p(
         style: o,
         disabled: a,
         ...s,
-        children: e
+        children: r
       }
     );
   }

package/dist/esm/components/icons/fa-icon.js

@@ -1,14 +1,12 @@
 import { jsx as m } from "react/jsx-runtime";
 import { config as i } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon as t } from "@fortawesome/react-fontawesome";
-import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as n } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 i.autoAddCss = !1;
-function k({ className: o, ...r }) {
+function u({ className: o, ...r }) {
   return /* @__PURE__ */ m(
     t,
     {
@@ -18,5 +16,5 @@ function k({ className: o, ...r }) {
   );
 }
 export {
-  k as FaIcon
+  u as FaIcon
 };