@gearbox-protocol/permissionless-ui 1.26.11-next.7 → 1.27.0

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

@@ -5,7 +5,6 @@ import { FormattedMessageTyped as s } from "../typed-intl/index.js";
 import "@gearbox-protocol/sdk";
 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) {

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

@@ -6,7 +6,6 @@ import "@gearbox-protocol/sdk";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import "../layout/col/col.js";
@@ -19,7 +18,7 @@ import "../buttons/back-button/back-button.js";
 import "../page-title/page-title.js";
 import "../layout/social-icons/social-icons.js";
 import { Skeleton as r } from "../skeleton/skeleton.js";
-function A({
+function z({
   showGuard: s,
   children: a,
   loader: i
@@ -39,5 +38,5 @@ function A({
   return /* @__PURE__ */ m(e, { showGuard: l, guard: l && (i || t), children: a });
 }
 export {
-  A as LoaderGuard
+  z as LoaderGuard
 };

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

@@ -6,7 +6,6 @@ import { SpinnerLoader as c } from "../spinner-loader/spinner-loader.js";
 import "@gearbox-protocol/sdk";
 import { cn as p } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const s = m(

package/dist/esm/components/markdown-viewer/markdown-viewer.js

@@ -6,7 +6,6 @@ import "../base-link/base-link.js";
 import "@gearbox-protocol/sdk";
 import { cn as p } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import "../layout/col/col.js";
@@ -179,7 +178,7 @@ function a(o) {
   }
   return { id: T(l), displayText: o };
 }
-function vr({
+function Tr({
   content: o,
   title: l,
   backButton: s,
@@ -391,5 +390,5 @@ function vr({
   return c ? d : /* @__PURE__ */ r(w, { title: l || "", backButton: s, children: d });
 }
 export {
-  vr as MarkdownViewer
+  Tr as MarkdownViewer
 };

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

@@ -1,8 +1,7 @@
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-dialog";
 import { cva as D } from "class-variance-authority";
-import * as i from "react";
-import "@gearbox-protocol/sdk/common-utils";
+import * as s from "react";
 import "@gearbox-protocol/sdk";
 import { useIsMobile as M } from "../../hooks/use-media-query.js";
 import { cn as o } from "../../utils/cn.js";
@@ -28,30 +27,30 @@ const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] befor
     colorTheme: "default",
     backdrop: "default"
   }
-}), w = i.forwardRef(
+}), w = s.forwardRef(
   ({
     show: r = !0,
     colorTheme: g = "default",
     backdrop: p = "default",
     xsCentered: v = !1,
-    onClickOutside: s,
+    onClickOutside: i,
     zIndexLayer: c = "MODAL",
     className: x,
     children: y,
     ...h
   }, C) => {
     const _ = M(), d = O[c], f = { zIndex: N[c] };
-    i.useEffect(() => {
+    s.useEffect(() => {
       if (!(typeof document > "u") && r)
         return n += 1, document.body.classList.add(u), () => {
           n = Math.max(0, n - 1), n === 0 && document.body.classList.remove(u);
         };
     }, [r]);
-    const l = i.useCallback(
+    const l = s.useCallback(
       (e) => {
-        e || s?.();
+        e || i?.();
       },
-      [s]
+      [i]
     );
     return r ? /* @__PURE__ */ t(a.Root, { open: r, onOpenChange: l, modal: !0, children: /* @__PURE__ */ m(a.Portal, { children: [
       /* @__PURE__ */ t(

package/dist/esm/components/navbar/navbar-with-overflow.js

@@ -8,7 +8,6 @@ import { SimpleDropdown as G } from "../simple-dropdown/simple-dropdown.js";
 import "@gearbox-protocol/sdk";
 import { cn as T } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { FaIcon as V } from "../icons/fa-icon.js";
@@ -85,7 +84,7 @@ function _({
     }
   );
 }
-function ie({
+function oe({
   items: t,
   moreLabel: a = "More",
   className: m
@@ -177,5 +176,5 @@ function ie({
   );
 }
 export {
-  ie as NavbarWithOverflow
+  oe as NavbarWithOverflow
 };

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

@@ -1,13 +1,12 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import { cva as d } from "class-variance-authority";
-import * as n from "react";
+import * as o from "react";
 import "@gearbox-protocol/sdk";
-import { cn as o } from "../../utils/cn.js";
+import { cn as n } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-import { NavbarIndicatorProvider as p, useNavbarIndicator as v } from "./navbar-indicator-context.js";
+import { NavbarIndicatorProvider as v, useNavbarIndicator as p } from "./navbar-indicator-context.js";
 const u = d("flex items-center bg-background min-w-0", {
   variants: {
     variant: {
@@ -31,25 +30,25 @@ const u = d("flex items-center bg-background min-w-0", {
     size: "default",
     sticky: !1
   }
-}), b = ({ containerClassName: a, children: e }) => {
-  const t = v();
-  return /* @__PURE__ */ c(
+}), b = ({ containerClassName: t, children: e }) => {
+  const a = p();
+  return /* @__PURE__ */ m(
     "div",
     {
-      ref: t?.containerRef,
-      className: o(
+      ref: a?.containerRef,
+      className: n(
         "flex items-center gap-10 max-xs:gap-8 flex-1 h-full relative overflow-x-auto overflow-y-hidden",
         "md:justify-center md:overflow-x-visible",
         "px-1 pb-1 md:px-4 md:pb-0",
         "navbar-scrollbar",
-        a
+        t
       ),
       children: [
         e,
         /* @__PURE__ */ r(
           "div",
           {
-            ref: t?.indicatorRef,
+            ref: a?.indicatorRef,
             className: "absolute bottom-0 h-0.5 bg-accent transition-all duration-300 ease-out pointer-events-none",
             style: {
               left: 0,
@@ -62,32 +61,32 @@ const u = d("flex items-center bg-background min-w-0", {
       ]
     }
   );
-}, x = n.forwardRef(
+}, x = o.forwardRef(
   ({
-    className: a,
+    className: t,
     variant: e,
-    size: t,
+    size: a,
     sticky: i,
     containerClassName: s,
     children: l,
     ...f
-  }, m) => /* @__PURE__ */ r(
+  }, c) => /* @__PURE__ */ r(
     "nav",
     {
-      ref: m,
-      className: o(u({ variant: e, size: t, sticky: i, className: a })),
+      ref: c,
+      className: n(u({ variant: e, size: a, sticky: i, className: t })),
       ...f,
-      children: /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(b, { containerClassName: s, children: l }) })
+      children: /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(b, { containerClassName: s, children: l }) })
     }
   )
 );
 x.displayName = "Navbar";
-const N = n.forwardRef(({ className: a, children: e, ...t }, i) => /* @__PURE__ */ r(
+const N = o.forwardRef(({ className: t, children: e, ...a }, i) => /* @__PURE__ */ r(
   "div",
   {
     ref: i,
-    className: o("flex items-center gap-1 min-w-max", a),
-    ...t,
+    className: n("flex items-center gap-1 min-w-max", t),
+    ...a,
     children: e
   }
 ));

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

@@ -3,10 +3,9 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-function f({
+function y({
   size: o,
   className: t,
   style: i,
@@ -29,5 +28,5 @@ function f({
   );
 }
 export {
-  f as NavBarLogo
+  y as NavBarLogo
 };

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

@@ -6,7 +6,6 @@ import { useNavbarIndicator as I } from "../navbar/navbar-indicator-context.js";
 import "@gearbox-protocol/sdk";
 import { cn as l } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const R = w(

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

@@ -3,10 +3,9 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-function x({
+function u({
   icon: e,
   message: r,
   className: i
@@ -26,5 +25,5 @@ function x({
   );
 }
 export {
-  x as NotFound
+  u as NotFound
 };

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

@@ -3,17 +3,16 @@ import "react";
 import "@gearbox-protocol/sdk";
 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 h({
   className: t,
   children: o,
   ...r
 }) {
   return /* @__PURE__ */ e("div", { className: i("m-0 p-0 w-full flex flex-wrap", t), ...r, children: o });
 }
-function v({
+function g({
   icon: t,
   title: o,
   subTitle: r,
@@ -47,6 +46,6 @@ function v({
   );
 }
 export {
-  v as OptionsItem,
-  g as OptionsList
+  g as OptionsItem,
+  h as OptionsList
 };

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

@@ -1,23 +1,22 @@
 import { jsx as t } from "react/jsx-runtime";
 import "react";
 import "@gearbox-protocol/sdk";
-import { cn as m } from "../../utils/cn.js";
+import { cn as e } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-function v({ children: r, className: o, ...i }) {
-  return /* @__PURE__ */ t("div", { className: m("overflow-hidden", o), ...i, children: r });
+function l({ children: r, className: o, ...i }) {
+  return /* @__PURE__ */ t("div", { className: e("overflow-hidden", o), ...i, children: r });
 }
-function u({
+function v({
   children: r,
   className: o,
   size: i,
-  ...e
+  ...m
 }) {
-  return /* @__PURE__ */ t("div", { className: m("break-words", o), ...e, children: r });
+  return /* @__PURE__ */ t("div", { className: e("break-words", o), ...m, children: r });
 }
 export {
-  v as Overflow,
-  u as OverflowWrap
+  l as Overflow,
+  v as OverflowWrap
 };

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

@@ -3,7 +3,6 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as t } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const m = {
@@ -14,7 +13,7 @@ const m = {
   light: "border border-gray-50",
   none: ""
 };
-function w({
+function C({
   children: o,
   maxHeight: e,
   minHeight: p = e,
@@ -47,5 +46,5 @@ function w({
   );
 }
 export {
-  w as OverflowContainer
+  C as OverflowContainer
 };

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

@@ -1,13 +1,12 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { cva as o } from "class-variance-authority";
+import { cva as x } from "class-variance-authority";
 import * as b from "react";
 import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const A = o(
+const A = x(
   "font-semibold leading-tight tracking-tight flex items-center gap-2",
   {
     variants: {
@@ -29,7 +28,7 @@ const A = o(
       variant: "default"
     }
   }
-), T = o(
+), T = x(
   "flex flex-col md:flex-row items-start md:items-center",
   {
     variants: {
@@ -45,7 +44,7 @@ const A = o(
   }
 ), V = b.forwardRef(
   ({
-    className: x,
+    className: o,
     size: g,
     variant: p,
     spacing: m,
@@ -83,7 +82,7 @@ const A = o(
         className: s(
           "w-full flex items-center gap-4",
           n ? "flex-col items-start" : "flex-row items-center",
-          x
+          o
         ),
         ...v,
         children: [

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

@@ -5,11 +5,10 @@ import "@gearbox-protocol/sdk";
 import { cn as i } from "../../utils/cn.js";
 import "sonner";
 import { percentTemplate as l } from "../../utils/format-money.js";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const x = (r) => r >= 90 ? "danger" : r >= 70 ? "warning" : r >= 50 ? "info" : "success";
-function M({
+function C({
   percent: r,
   decimals: e = 2,
   showColor: o = !0,
@@ -32,5 +31,5 @@ function M({
   ] });
 }
 export {
-  M as PercentIndicator
+  C as PercentIndicator
 };

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

@@ -10,7 +10,6 @@ import "@gearbox-protocol/sdk";
 import { cn as y } from "../../utils/cn.js";
 import "sonner";
 import { percentTemplate as r } from "../../utils/format-money.js";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { TokenIcon as C } from "../token-icon/token-icon.js";
@@ -33,7 +32,7 @@ const A = {
 function $({ children: d }) {
   return /* @__PURE__ */ e("div", { className: "w-[110px] grid grid-cols-2 items-end text-end", children: d });
 }
-function ne({
+function oe({
   children: d,
   totalAPY: f,
   baseAPY: c,
@@ -247,5 +246,5 @@ function ne({
   );
 }
 export {
-  ne as PoolAPYTooltip
+  oe as PoolAPYTooltip
 };

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

@@ -1,16 +1,15 @@
 import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { IconLighting as m } from "@gearbox-protocol/static";
-import n from "react";
+import { IconLighting as n } from "@gearbox-protocol/static";
+import m from "react";
 import "@gearbox-protocol/sdk";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const f = {
   primary: "#e0369c",
   secondary: "#fff"
-}, w = n.forwardRef(({ children: t, size: i = 24, color: s = "primary", className: l }, c) => {
+}, v = m.forwardRef(({ children: t, size: i = 24, color: s = "primary", className: l }, c) => {
   const e = i + 8, o = f[s];
   return /* @__PURE__ */ d("div", { ref: c, className: a("relative", l), children: [
     /* @__PURE__ */ r(
@@ -33,12 +32,12 @@ const f = {
           height: 14,
           backgroundColor: o
         },
-        children: /* @__PURE__ */ r(m, { size: 8 })
+        children: /* @__PURE__ */ r(n, { size: 8 })
       }
     ),
     t
   ] });
 });
 export {
-  w as PoolIndicatorIcon
+  v as PoolIndicatorIcon
 };

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

@@ -3,7 +3,6 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const a = {
@@ -13,7 +12,7 @@ const a = {
   blue: "border-blue-600 bg-blue-600",
   yellow: "border-yellow-600 bg-yellow-600"
 };
-function f({
+function y({
   size: r = 24,
   color: n = "primary",
   className: s,
@@ -74,5 +73,5 @@ function f({
   ] });
 }
 export {
-  f as PoolPointsIndicator
+  y as PoolPointsIndicator
 };

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

@@ -1,15 +1,14 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
 import * as s from "@radix-ui/react-progress";
 import * as u from "react";
 import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const g = u.forwardRef(
   ({
-    className: l,
+    className: o,
     value: e,
     variant: i = "default",
     size: n = "default",
@@ -28,17 +27,17 @@ const g = u.forwardRef(
       info: "bg-foreground"
     };
     return /* @__PURE__ */ a("div", { className: r("flex w-full items-center", t && "gap-3"), children: [
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ l(
         s.Root,
         {
           ref: f,
           className: r(
             "relative w-full overflow-hidden rounded-full bg-secondary",
             d[n],
-            l
+            o
           ),
           ...m,
-          children: /* @__PURE__ */ o(
+          children: /* @__PURE__ */ l(
             s.Indicator,
             {
               className: r(

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

@@ -1,4 +1,4 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { cva as g } from "class-variance-authority";
 import * as b from "react";
 import { GOOD_HF as l, BAD_HF as x, getHFZones as v } from "../health-factor/health-factor.js";
@@ -6,7 +6,6 @@ import { HelpTip as h } from "../help-tip/help-tip.js";
 import "@gearbox-protocol/sdk";
 import { cn as i } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const m = 33.33, N = {
@@ -23,11 +22,11 @@ const m = 33.33, N = {
   }
 };
 function w(t) {
-  const e = v(t);
-  return e === "good" ? 3 : e === "medium" ? 2 : 1;
+  const r = v(t);
+  return r === "good" ? 3 : r === "medium" ? 2 : 1;
 }
-function y(t, e) {
-  const { intervalStart: s, intervalEnd: n, startFrom: a } = N[e], f = Math.min(Math.max(t, s), n) - s, p = n - s, u = f / p * m;
+function y(t, r) {
+  const { intervalStart: s, intervalEnd: n, startFrom: a } = N[r], f = Math.min(Math.max(t, s), n) - s, p = n - s, u = f / p * m;
   return a + u;
 }
 const E = g(
@@ -37,13 +36,13 @@ const E = g(
     "py-6 px-5"
   ].join(" ")
 ), d = "mx-[2.5px] h-2 flex-1 shrink-0 basis-0 rounded-[2px]", F = b.forwardRef(
-  ({ progress: t, tip: e, children: s }, n) => {
+  ({ progress: t, tip: r, children: s }, n) => {
     const a = w(t), c = y(t, a);
     return /* @__PURE__ */ o("div", { ref: n, className: i(E()), children: [
-      e != null && e !== "" && /* @__PURE__ */ r("div", { className: "absolute right-4 top-4 z-[1] leading-none", children: /* @__PURE__ */ r(h, { maxWidth: "350px", minWidth: "350px", children: e }) }),
-      /* @__PURE__ */ r("div", { className: "mb-4 text-base font-medium leading-5", children: s }),
+      r != null && r !== "" && /* @__PURE__ */ e("div", { className: "absolute right-4 top-4 z-[1] leading-none", children: /* @__PURE__ */ e(h, { maxWidth: "350px", minWidth: "350px", children: r }) }),
+      /* @__PURE__ */ e("div", { className: "mb-4 text-base font-medium leading-5", children: s }),
       /* @__PURE__ */ o("div", { className: "relative w-full flex flex-nowrap", children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           "div",
           {
             className: i(
@@ -52,7 +51,7 @@ const E = g(
             )
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           "div",
           {
             className: i(
@@ -61,7 +60,7 @@ const E = g(
             )
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           "div",
           {
             className: i(
@@ -77,16 +76,16 @@ const E = g(
             style: { left: `${c}%` },
             "aria-hidden": !0,
             children: [
-              /* @__PURE__ */ r("span", { className: " absolute left-1/2 -top-1/8 h-0 w-0 -translate-x-1/2 translate-y-1/2 border-4 border-transparent border-t-foreground border-b-0" }),
-              /* @__PURE__ */ r("span", { className: "absolute left-1/2 -bottom-1/8 h-0 w-0 -translate-x-1/2 -translate-y-1/2 border-4 border-transparent border-b-foreground border-t-0" })
+              /* @__PURE__ */ e("span", { className: " absolute left-1/2 -top-1/8 h-0 w-0 -translate-x-1/2 translate-y-1/2 border-4 border-transparent border-t-foreground border-b-0" }),
+              /* @__PURE__ */ e("span", { className: "absolute left-1/2 -bottom-1/8 h-0 w-0 -translate-x-1/2 -translate-y-1/2 border-4 border-transparent border-b-foreground border-t-0" })
             ]
           }
         )
       ] }),
       /* @__PURE__ */ o("div", { className: "mt-4 flex w-full flex-nowrap", children: [
-        /* @__PURE__ */ r("div", { className: "mx-[2.5px] flex-1 shrink-0 basis-0 text-center text-xs font-medium uppercase leading-[14px] text-secondary-foreground", children: "Low" }),
-        /* @__PURE__ */ r("div", { className: "mx-[2.5px] flex-1 shrink-0 basis-0 text-center text-xs font-medium uppercase leading-[14px] text-secondary-foreground", children: "Normal" }),
-        /* @__PURE__ */ r("div", { className: "mx-[2.5px] flex-1 shrink-0 basis-0 text-center text-xs font-medium uppercase leading-[14px] text-secondary-foreground", children: "High" })
+        /* @__PURE__ */ e("div", { className: "mx-[2.5px] flex-1 shrink-0 basis-0 text-center text-xs font-medium uppercase leading-[14px] text-secondary-foreground", children: "Low" }),
+        /* @__PURE__ */ e("div", { className: "mx-[2.5px] flex-1 shrink-0 basis-0 text-center text-xs font-medium uppercase leading-[14px] text-secondary-foreground", children: "Normal" }),
+        /* @__PURE__ */ e("div", { className: "mx-[2.5px] flex-1 shrink-0 basis-0 text-center text-xs font-medium uppercase leading-[14px] text-secondary-foreground", children: "High" })
       ] })
     ] });
   }