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

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,9 +1,7 @@
 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 "react";
 import { cn as F } from "../../utils/cn.js";
-import "sonner";
 import { APPROXIMATE_SYMBOL as H } from "../../utils/format.js";
 import "luxon";
 import "../../utils/z-index.js";
@@ -26,17 +24,17 @@ const O = 15e3, _ = 11e3, b = 10500, w = (t) => {
     }
   }
 );
-function S({
+function L({
   value: t,
   debt: s,
   decimals: c = 3,
   zone: o,
-  zoneType: i = "color",
+  zoneType: e = "color",
   approximate: m,
   className: l,
   ...u
 }) {
-  const r = s !== void 0 && s === 0n, d = !r && i === "color", f = !r && o && i === "dot", p = !r && o && i === "bars", e = d ? o === void 0 ? w(t) : o : void 0, a = e === void 0 ? void 0 : e === null ? "unset" : e, v = () => {
+  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 x = Number(t);
     return N(x, c);
@@ -63,6 +61,6 @@ function S({
 export {
   _ as BAD_HF,
   O as GOOD_HF,
-  S as HealthFactor,
+  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
 };

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

@@ -1,43 +1,4 @@
-import { faArrowDown as r, faArrowLeft as e, faArrowRight as o, faArrowUp as i, faArrowsUpDown as t, faBars as l, faBolt as C, faCaretDown as s, faCaretLeft as n, faCaretRight as c, faCaretUp as g, faCheck as h, faChevronDown as w, faChevronLeft as p, faChevronRight as m, faCircle as U, faCircleCheck as u, faCircleExclamation as A, faCirclePlus as R, faCircleQuestion as d, faCloud as k, faCog as v, faCreditCard as x, faEllipsisVertical as D, faEnvelope as E, faKeyboard as L, faLifeRing as B, faMagnifyingGlass as P, faMessage as y, faPlus as F, faRightFromBracket as M, faTrash as T, faTriangleExclamation as b, faUser as G, faUserPlus as I, faUsers as K, faWallet as Q, faXmark as V } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as X } from "./fa-icon.js";
+import { FaIcon as a } from "./fa-icon.js";
 export {
-  X as FaIcon,
-  r as faArrowDown,
-  e as faArrowLeft,
-  o as faArrowRight,
-  i as faArrowUp,
-  t as faArrowsUpDown,
-  l as faBars,
-  C as faBolt,
-  s as faCaretDown,
-  n as faCaretLeft,
-  c as faCaretRight,
-  g as faCaretUp,
-  h as faCheck,
-  w as faChevronDown,
-  p as faChevronLeft,
-  m as faChevronRight,
-  U as faCircle,
-  u as faCircleCheck,
-  A as faCircleExclamation,
-  R as faCirclePlus,
-  d as faCircleQuestion,
-  k as faCloud,
-  v as faCog,
-  x as faCreditCard,
-  D as faEllipsisVertical,
-  E as faEnvelope,
-  L as faKeyboard,
-  B as faLifeRing,
-  P as faMagnifyingGlass,
-  y as faMessage,
-  F as faPlus,
-  M as faRightFromBracket,
-  T as faTrash,
-  b as faTriangleExclamation,
-  G as faUser,
-  I as faUserPlus,
-  K as faUsers,
-  Q as faWallet,
-  V as faXmark
+  a as FaIcon
 };