@gearbox-protocol/ui-kit 4.0.0-next.39 → 4.0.0-next.40

package/dist/esm/components/edit-input/edit-input.js

@@ -9,7 +9,6 @@ import { TextButton as M } from "../text-button/text-button.js";
 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 S = D("", {
@@ -30,9 +29,9 @@ const S = D("", {
   md: "default",
   lg: "lg"
 };
-function Y({
-  label: m,
-  value: c,
+function X({
+  label: c,
+  value: m,
   onChange: d,
   onSubmit: u,
   onEditModeChange: p,
@@ -75,7 +74,7 @@ function Y({
         L,
         {
           ref: n,
-          value: c,
+          value: m,
           size: V[s],
           colorTheme: x,
           onChange: d,
@@ -114,12 +113,12 @@ function Y({
           icon: /* @__PURE__ */ t(z, { size: 12, className: "mb-[3px] shrink-0", "aria-hidden": !0 }),
           tabIndex: -1,
           onClick: j,
-          children: m
+          children: c
         }
       )
     }
   );
 }
 export {
-  Y as EditInput
+  X as EditInput
 };

package/dist/esm/components/error-message/error-line-message.js

@@ -1,17 +1,16 @@
 import { jsxs as r } from "react/jsx-runtime";
 import "react";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as e } from "../../utils/cn.js";
+import { cn as i } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-function g({
+function f({
   err: t,
   title: o,
-  className: i
+  className: e
 }) {
-  return /* @__PURE__ */ r("div", { className: e("text-destructive", i), children: [
+  return /* @__PURE__ */ r("div", { className: i("text-destructive", e), children: [
     /* @__PURE__ */ r("strong", { children: [
       o ?? "Error",
       ":"
@@ -21,5 +20,5 @@ function g({
   ] });
 }
 export {
-  g as ErrorLineMessage
+  f as ErrorLineMessage
 };

package/dist/esm/components/error-message/error-message.js

@@ -7,10 +7,9 @@ import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as n } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-function y({
+function v({
   err: t,
   btnTitle: m,
   onClick: o,
@@ -35,5 +34,5 @@ function y({
   );
 }
 export {
-  y as ErrorMessage
+  v as ErrorMessage
 };

package/dist/esm/components/fadeout-loading/fadeout-loading.js

@@ -3,7 +3,6 @@ import * as s from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as n } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const d = s.forwardRef(

package/dist/esm/components/filter/filter-block.js

@@ -3,7 +3,6 @@ import * as s from "react";
 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";
 import { filterBlockVariants as c } from "./variants.js";

package/dist/esm/components/filter/filter-checkbox-item.js

@@ -1,15 +1,14 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-dropdown-menu";
-import * as c from "react";
+import * as m from "react";
 import { faCheck as n } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as l } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as d } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const p = c.forwardRef(({ className: o, children: r, checked: a, ...i }, s) => /* @__PURE__ */ m(
+const p = m.forwardRef(({ className: o, children: r, checked: a, ...i }, s) => /* @__PURE__ */ c(
   t.CheckboxItem,
   {
     ref: s,

package/dist/esm/components/filter/filter-chip.js

@@ -7,7 +7,6 @@ import { FaIcon as l } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as u } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const d = m.forwardRef(

package/dist/esm/components/filter/filter-chips.js

@@ -1,9 +1,8 @@
-import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
 import * as d from "react";
 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";
 import { FilterChip as u } from "./filter-chip.js";
@@ -14,13 +13,13 @@ const c = d.forwardRef(
     onRemoveFilter: t,
     onClearAll: o,
     showClearAll: n = !0,
-    ...p
-  }, a) => r.length === 0 ? null : /* @__PURE__ */ l(
+    ...a
+  }, l) => r.length === 0 ? null : /* @__PURE__ */ p(
     "div",
     {
-      ref: a,
+      ref: l,
       className: s("flex flex-wrap items-center gap-2", m),
-      ...p,
+      ...a,
       children: [
         r.map((e) => /* @__PURE__ */ i(
           u,

package/dist/esm/components/filter/filter-dropdown-item.js

@@ -1,26 +1,25 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import * as d from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as u } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const x = d.forwardRef(
   ({
     className: n,
     inset: a,
-    title: i,
+    title: s,
     decimals: f,
     maxValue: h,
-    state: t,
+    state: e,
     onSave: v,
-    onReset: e,
-    children: s,
+    onReset: t,
+    children: i,
     ...m
   }, l) => {
-    const o = t != null;
-    return /* @__PURE__ */ c(
+    const o = e != null;
+    return /* @__PURE__ */ p(
       "div",
       {
         ref: l,
@@ -32,13 +31,13 @@ const x = d.forwardRef(
         ),
         ...m,
         children: [
-          /* @__PURE__ */ r("span", { children: i || s }),
-          o && e && /* @__PURE__ */ r(
+          /* @__PURE__ */ r("span", { children: s || i }),
+          o && t && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
-              onClick: (p) => {
-                p.stopPropagation(), e();
+              onClick: (c) => {
+                c.stopPropagation(), t();
               },
               className: "text-xs text-muted-foreground hover:text-foreground",
               children: "Reset"

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

@@ -4,7 +4,6 @@ import * as t from "react";
 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 e = t.forwardRef(({ className: o, ...m }, p) => /* @__PURE__ */ i(r.Group, { ref: p, className: a(o), ...m }));

package/dist/esm/components/filter/filter-label.js

@@ -4,7 +4,6 @@ import * as e from "react";
 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 s = e.forwardRef(({ className: m, inset: r, ...t }, i) => /* @__PURE__ */ p(

package/dist/esm/components/filter/filter-modal-item.js

@@ -3,7 +3,6 @@ import * as x from "react";
 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 b = x.forwardRef(
@@ -17,13 +16,13 @@ const b = x.forwardRef(
     onReset: o,
     children: l,
     onClick: p,
-    ...m
-  }, u) => {
+    ...u
+  }, m) => {
     const r = e != null;
     return /* @__PURE__ */ d(
       "button",
       {
-        ref: u,
+        ref: m,
         type: "button",
         "data-has-state": r,
         className: g(
@@ -36,7 +35,7 @@ const b = x.forwardRef(
         ),
         onClick: p || a,
         disabled: t,
-        ...m,
+        ...u,
         children: [
           /* @__PURE__ */ n("span", { children: c || l }),
           r && o && /* @__PURE__ */ n(

package/dist/esm/components/filter/filter-modal.js

@@ -9,7 +9,6 @@ import "../buttons/navigation-button/navigation-button.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as D } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import { extractTextFromLabel as j, serializeValue as R } from "../../utils/react.js";
 import "luxon";
 import "../../utils/z-index.js";
@@ -34,7 +33,7 @@ import { useIntlTyped as ae } from "../typed-intl/index.js";
 function d(m, o) {
   return m ? Array.isArray(m) ? m.includes(o) : m.has(o) : !1;
 }
-function Qe({
+function qe({
   title: m,
   state: o,
   modalShow: f,
@@ -214,5 +213,5 @@ function Qe({
   );
 }
 export {
-  Qe as FilterModal
+  qe as FilterModal
 };

package/dist/esm/components/filter/filter-radio-item.js

@@ -1,15 +1,14 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-dropdown-menu";
-import * as m from "react";
-import { faCircle as n } from "@fortawesome/free-solid-svg-icons";
+import * as n from "react";
+import { faCircle as m } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as c } 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 d = m.forwardRef(({ className: o, children: r, ...i }, a) => /* @__PURE__ */ s(
+const d = n.forwardRef(({ className: o, children: r, ...i }, a) => /* @__PURE__ */ s(
   t.RadioItem,
   {
     ref: a,
@@ -19,7 +18,7 @@ const d = m.forwardRef(({ className: o, children: r, ...i }, a) => /* @__PURE__
     ),
     ...i,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(t.ItemIndicator, { children: /* @__PURE__ */ e(c, { icon: n, className: "size-2 fill-current" }) }) }),
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(t.ItemIndicator, { children: /* @__PURE__ */ e(c, { icon: m, className: "size-2 fill-current" }) }) }),
       r
     ]
   }

package/dist/esm/components/filter/filter-separator.js

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

package/dist/esm/components/formatted-number/formatted-number.js

@@ -5,10 +5,9 @@ import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as u } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-function w({
+function k({
   value: t,
   decimalPartLength: r = 4,
   hideZerosIfMore: p = 3,
@@ -55,5 +54,5 @@ function x({ zeroPart: t, repeats: r }) {
   ] });
 }
 export {
-  w as FormattedNumberString
+  k as FormattedNumberString
 };

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

@@ -8,10 +8,9 @@ import { TooltipProvider as y, Tooltip as b, TooltipTrigger as H, TooltipContent
 import "@gearbox-protocol/sdk/onchain";
 import { cn as n } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-function q({
+function $({
   title: l,
   tip: r,
   arrowPosition: i = "left",
@@ -21,7 +20,7 @@ function q({
   onSort: t,
   className: h
 }) {
-  const [x, m] = v.useState(!1), g = !!s || x, a = () => /* @__PURE__ */ e(
+  const [x, a] = v.useState(!1), g = !!s || x, c = () => /* @__PURE__ */ e(
     "span",
     {
       className: n(
@@ -30,7 +29,7 @@ function q({
       ),
       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" })
     }
-  ), c = () => /* @__PURE__ */ o(
+  ), m = () => /* @__PURE__ */ o(
     "button",
     {
       type: "button",
@@ -42,9 +41,9 @@ function q({
         !t && "cursor-default"
       ),
       children: [
-        t && i === "left" && a(),
+        t && i === "left" && c(),
         l,
-        t && i === "right" && a()
+        t && i === "right" && c()
       ]
     }
   ), C = `Sort by ${f}`;
@@ -52,19 +51,19 @@ function q({
     "div",
     {
       className: n("inline-flex items-center gap-1.5", h),
-      onPointerEnter: () => m(!0),
-      onPointerLeave: () => m(!1),
+      onPointerEnter: () => a(!0),
+      onPointerLeave: () => a(!1),
       children: [
         t ? /* @__PURE__ */ e(y, { children: /* @__PURE__ */ o(b, { children: [
-          /* @__PURE__ */ e(H, { asChild: !0, children: c() }),
+          /* @__PURE__ */ e(H, { asChild: !0, children: m() }),
           /* @__PURE__ */ e(w, { children: u || C })
-        ] }) }) : c(),
+        ] }) }) : m(),
         r && /* @__PURE__ */ e(p, { children: r })
       ]
     }
   );
 }
-function B({
+function q({
   title: l,
   tip: r,
   className: i
@@ -75,6 +74,6 @@ function B({
   ] });
 }
 export {
-  q as HeadCell,
-  B as SimpleHeadCell
+  $ as HeadCell,
+  q as SimpleHeadCell
 };

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

@@ -4,7 +4,6 @@ import { cva as F } from "class-variance-authority";
 import "react";
 import { cn as H } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { StatusBars as N, HealthDot as g } from "../status-elements/status-elements.js";
@@ -26,7 +25,7 @@ const A = 15e3, D = 11e3, b = 10500, w = (t) => {
     }
   }
 );
-function k({
+function P({
   value: t,
   debt: s,
   decimals: c = 3,
@@ -61,6 +60,6 @@ function k({
 export {
   D as BAD_HF,
   A as GOOD_HF,
-  k as HealthFactor,
+  P as HealthFactor,
   w as getHFZones
 };

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

@@ -5,7 +5,6 @@ import * as c from "react";
 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";
 import { SimpleTooltip as C } from "../tooltip/simple-tooltip.js";
@@ -54,8 +53,8 @@ const H = T("transition-colors", {
     iconSize: i = 14,
     iconColor: n = "gray-90",
     iconHoverColor: p = "gray-110",
-    iconVariant: m = "question",
-    onPointerEnter: x,
+    iconVariant: x = "question",
+    onPointerEnter: m,
     ...d
   }, f) => {
     const u = /* @__PURE__ */ e(
@@ -65,8 +64,8 @@ const H = T("transition-colors", {
         iconSize: i,
         iconColor: n,
         iconHoverColor: p,
-        iconVariant: m,
-        onPointerEnter: x,
+        iconVariant: x,
+        onPointerEnter: m,
         className: r,
         ...d
       }

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

@@ -1,15 +1,14 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Slot as p } from "@radix-ui/react-slot";
-import { cva as u } from "class-variance-authority";
+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 "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const y = u(
+const y = p(
   "inline-flex items-center justify-center p-0 rounded-full transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-default disabled:pointer-events-none",
   {
     variants: {
@@ -33,10 +32,10 @@ const y = u(
     linkProps: i,
     asChild: c = !1,
     disabled: a,
-    children: m,
+    children: u,
     ...s
   }, l) => {
-    const e = m, n = h(
+    const e = u, n = h(
       y({ buttonType: b, className: d }),
       "flex items-center justify-center"
     ), o = {
@@ -54,7 +53,7 @@ const y = u(
         children: e
       }
     ) }) : c ? /* @__PURE__ */ r(
-      p,
+      m,
       {
         ref: l,
         className: n,

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

@@ -5,11 +5,10 @@ import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as n } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 i.autoAddCss = !1;
-function x({ className: o, ...r }) {
+function k({ className: o, ...r }) {
   return /* @__PURE__ */ m(
     t,
     {
@@ -19,5 +18,5 @@ function x({ className: o, ...r }) {
   );
 }
 export {
-  x as FaIcon
+  k as FaIcon
 };

package/dist/esm/components/input/input.js

@@ -4,7 +4,6 @@ import * as R from "react";
 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";
 import { useIconSlotWidths as S } from "./use-icon-slot-widths.js";
@@ -71,7 +70,7 @@ const z = T(
       variant: "default"
     }
   }
-), G = R.forwardRef(
+), F = R.forwardRef(
   ({
     hasError: o,
     errorMessage: d,
@@ -158,6 +157,6 @@ const z = T(
   }
 );
 export {
-  G as Input,
+  F as Input,
   z as inputVariants
 };

package/dist/esm/components/label/label.js

@@ -5,7 +5,6 @@ import * as r from "react";
 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 y = v(

package/dist/esm/components/link/link.js

@@ -6,7 +6,6 @@ import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as h } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const v = b(
@@ -26,39 +25,39 @@ function k({
   className: i,
   children: n,
   href: c,
-  target: m,
+  target: l,
   variant: e = "default",
-  size: l = "default",
+  size: m = "default",
   color: d = "main",
-  external: a = !1,
+  external: t = !1,
   asChild: f = !1,
   ...w
 }) {
-  const p = a ? /* @__PURE__ */ r("span", { className: "icon-wrap -mt-px pl-1.5 leading-none", children: /* @__PURE__ */ r(x, { size: 14 }) }) : null, s = a && typeof n == "string" ? (() => {
-    const t = n.trimEnd().lastIndexOf(" "), u = t === -1 ? "" : n.slice(0, t + 1), _ = t === -1 ? n : n.slice(t + 1);
+  const s = t ? /* @__PURE__ */ r("span", { className: "icon-wrap -mt-px pl-1.5 leading-none", children: /* @__PURE__ */ r(x, { size: 14 }) }) : null, p = t && typeof n == "string" ? (() => {
+    const a = n.trimEnd().lastIndexOf(" "), u = a === -1 ? "" : n.slice(0, a + 1), _ = a === -1 ? n : n.slice(a + 1);
     return /* @__PURE__ */ o("span", { className: "content-wrap", children: [
       u,
       /* @__PURE__ */ o("span", { className: "whitespace-nowrap", children: [
         _,
-        p
+        s
       ] })
     ] });
   })() : /* @__PURE__ */ o(g, { children: [
     /* @__PURE__ */ r("span", { className: "content-wrap", children: n }),
-    p
+    s
   ] });
   return /* @__PURE__ */ r(
     N,
     {
       href: c,
-      target: m,
-      external: a,
+      target: l,
+      external: t,
       variant: e,
-      size: l,
+      size: m,
       color: d,
       className: h(v({ variant: e }), i),
       ...w,
-      children: f ? /* @__PURE__ */ r("span", { children: s }) : s
+      children: f ? /* @__PURE__ */ r("span", { children: p }) : p
     }
   );
 }

package/dist/esm/components/loader/loader.js

@@ -5,7 +5,6 @@ import { FormattedMessageTyped as s } from "../typed-intl/index.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as t } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const n = a.forwardRef(function({ className: o }, i) {