@gearbox-protocol/permissionless-ui 1.27.0 → 2.0.0-next.1

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

@@ -3,18 +3,19 @@ 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";
-function f({ children: e, className: t }) {
-  return /* @__PURE__ */ r("div", { className: o("space-y-4", t), children: e });
+function l({ children: t, className: e }) {
+  return /* @__PURE__ */ r("div", { className: o("space-y-4", e), children: t });
 }
-function l({ title: e, children: t, className: m }) {
+function x({ title: t, children: e, className: m }) {
   return /* @__PURE__ */ i("div", { className: o("space-y-2", m), children: [
-    e && /* @__PURE__ */ r("h3", { className: "text-sm font-medium text-foreground", children: e }),
-    /* @__PURE__ */ r("div", { className: "text-sm text-muted-foreground", children: t })
+    t && /* @__PURE__ */ r("h3", { className: "text-sm font-medium text-foreground", children: t }),
+    /* @__PURE__ */ r("div", { className: "text-sm text-muted-foreground", children: e })
   ] });
 }
 export {
-  l as HelpSection,
-  f as HelpSections
+  x as HelpSection,
+  l as HelpSections
 };

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

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

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

@@ -2,16 +2,17 @@ import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { IconQuestionCircle as a } from "@gearbox-protocol/static";
 import * as d from "react";
 import "../tooltip/simple-tooltip.js";
-import { TooltipProvider as c, Tooltip as m, TooltipTrigger as p, TooltipContent as f } from "../tooltip/tooltip.js";
+import { TooltipProvider as m, Tooltip as c, TooltipTrigger as p, TooltipContent as f } from "../tooltip/tooltip.js";
 import "@gearbox-protocol/sdk";
 import { cn as x } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const h = d.forwardRef(({ label: i, value: l, tip: r, valueDescription: t, className: n }, s) => /* @__PURE__ */ o("div", { ref: s, className: x("flex flex-col gap-2 w-full", n), children: [
   /* @__PURE__ */ o("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
     /* @__PURE__ */ e("span", { children: i }),
-    r && /* @__PURE__ */ e(c, { delayDuration: 0, children: /* @__PURE__ */ o(m, { children: [
+    r && /* @__PURE__ */ e(m, { delayDuration: 0, children: /* @__PURE__ */ o(c, { children: [
       /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(
         "button",
         {

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

@@ -1,14 +1,15 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Slot as m } from "@radix-ui/react-slot";
-import { cva as p } from "class-variance-authority";
+import { Slot as p } from "@radix-ui/react-slot";
+import { cva as u } from "class-variance-authority";
 import * as f from "react";
 import { BaseLink as g } from "../base-link/base-link.js";
 import "@gearbox-protocol/sdk";
 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 = p(
+const y = u(
   "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: {
@@ -32,10 +33,10 @@ const y = p(
     linkProps: i,
     asChild: c = !1,
     disabled: a,
-    children: u,
+    children: m,
     ...s
   }, l) => {
-    const e = u, n = h(
+    const e = m, n = h(
       y({ buttonType: b, className: d }),
       "flex items-center justify-center"
     ), o = {
@@ -53,7 +54,7 @@ const y = p(
         children: e
       }
     ) }) : c ? /* @__PURE__ */ r(
-      m,
+      p,
       {
         ref: l,
         className: n,

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

@@ -5,10 +5,11 @@ import "react";
 import "@gearbox-protocol/sdk";
 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 k({ className: o, ...r }) {
+function x({ className: o, ...r }) {
   return /* @__PURE__ */ m(
     t,
     {
@@ -18,5 +19,5 @@ function k({ className: o, ...r }) {
   );
 }
 export {
-  k as FaIcon
+  x as FaIcon
 };

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

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

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

@@ -5,6 +5,7 @@ import * as r from "react";
 import "@gearbox-protocol/sdk";
 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/layout/block/block.js

@@ -3,6 +3,7 @@ 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 f = {
@@ -21,7 +22,7 @@ const f = {
   "flex-end": "items-end",
   stretch: "items-stretch"
 };
-function y({
+function w({
   children: t,
   margin: e = "md",
   justify: s = "flex-start",
@@ -45,5 +46,5 @@ function y({
   );
 }
 export {
-  y as Block
+  w as Block
 };

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

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as o, Fragment as f } from "react/jsx-runtime";
+import { jsx as r, jsxs as e, Fragment as f } from "react/jsx-runtime";
 import { IconExternal as t } from "@gearbox-protocol/static";
 import { cva as w } from "class-variance-authority";
 import { BaseLink as u } from "../base-link/base-link.js";
@@ -6,6 +6,7 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as _ } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const g = w(
@@ -26,30 +27,30 @@ function x({
   children: a,
   href: i,
   target: s,
-  variant: e = "default",
+  variant: o = "default",
   size: c = "default",
   color: m = "main",
-  external: r = !1,
+  external: n = !1,
   asChild: d = !1,
   ...l
 }) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ r(
     u,
     {
       href: i,
       target: s,
-      external: r,
-      variant: e,
+      external: n,
+      variant: o,
       size: c,
       color: m,
-      className: _(g({ variant: e }), p),
+      className: _(g({ variant: o }), p),
       ...l,
-      children: d ? /* @__PURE__ */ o("span", { children: [
-        /* @__PURE__ */ n("span", { className: "content-wrap", children: a }),
-        r && /* @__PURE__ */ n("span", { className: "icon-wrap -mt-px pl-1.5 leading-none", children: /* @__PURE__ */ n(t, { size: 14 }) })
-      ] }) : /* @__PURE__ */ o(f, { children: [
-        /* @__PURE__ */ n("span", { className: "content-wrap", children: a }),
-        r && /* @__PURE__ */ n("span", { className: "icon-wrap -mt-px pl-1.5 leading-none", children: /* @__PURE__ */ n(t, { size: 14 }) })
+      children: d ? /* @__PURE__ */ e("span", { children: [
+        /* @__PURE__ */ r("span", { className: "content-wrap", children: a }),
+        n && /* @__PURE__ */ r("span", { className: "icon-wrap -mt-px pl-1.5 leading-none", children: /* @__PURE__ */ r(t, { size: 14 }) })
+      ] }) : /* @__PURE__ */ e(f, { children: [
+        /* @__PURE__ */ r("span", { className: "content-wrap", children: a }),
+        n && /* @__PURE__ */ r("span", { className: "icon-wrap -mt-px pl-1.5 leading-none", children: /* @__PURE__ */ r(t, { size: 14 }) })
       ] })
     }
   );

package/dist/esm/components/liquidation/liquidation-assets-table/liquidation-assets-table.js

@@ -1,18 +1,19 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { AssetUtils as h, PRICE_DECIMALS as b } from "@gearbox-protocol/sdk";
+import { PRICE_DECIMALS as h } from "@gearbox-protocol/sdk";
+import { AssetUtils as b } from "@gearbox-protocol/sdk/common-utils";
 import { useMemo as N } from "react";
 import { TokenSymbol as v } from "../../token-symbol/token-symbol.js";
 import { FormattedMessageTyped as s } from "../../typed-intl/index.js";
 import { useIsMobile as L } from "../../../hooks/use-media-query.js";
 import { cn as n } from "../../../utils/cn.js";
-function q({
+function T({
   tokensList: a,
   graphParams: l,
   data: i,
   prices: m,
   editedPrices: f
 }) {
-  const { fixedBalances: o } = l, c = N(() => h.constructAssetRecord(o), [o]), u = L();
+  const { fixedBalances: o } = l, c = N(() => b.constructAssetRecord(o), [o]), u = L();
   return !i || !i.length ? /* @__PURE__ */ e("div", { className: "w-full flex items-center justify-center py-8 text-sm text-muted-foreground", children: /* @__PURE__ */ e(
     s,
     {
@@ -76,8 +77,8 @@ function q({
   ] });
 }
 function d(a) {
-  return (Number(a || 0n) / Number(b)).toFixed(2);
+  return (Number(a || 0n) / Number(h)).toFixed(2);
 }
 export {
-  q as LiquidationModellingAssetsTable
+  T as LiquidationModellingAssetsTable
 };

package/dist/esm/components/liquidation/liquidation-graph-tip/liquidation-graph-tip.js

@@ -4,15 +4,16 @@ import { ShortString as p } from "../../short-string/short-string.js";
 import { TokenSymbol as f } from "../../token-symbol/token-symbol.js";
 import { FormattedMessageTyped as c } from "../../typed-intl/index.js";
 import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/common-utils";
 import "react";
 import { formatAxisTipPrice as h, formatAxisTipLabel as u } from "../../../hooks/use-liquidation/utils.js";
-function q({
-  activePointX: a,
-  activePointY: o,
+function T({
+  activePointX: o,
+  activePointY: a,
   xAxis: i,
   yAxis: t,
-  hf: s,
-  underlyingToken: m,
+  hf: m,
+  underlyingToken: s,
   maxLabelLength: l
 }) {
   return /* @__PURE__ */ r("div", { className: "flex w-full justify-between items-center", children: [
@@ -20,9 +21,9 @@ function q({
       i && /* @__PURE__ */ e("div", { className: "flex items-center", children: /* @__PURE__ */ e(
         d,
         {
-          underlyingToken: m,
+          underlyingToken: s,
           token: i.label,
-          value: a,
+          value: o,
           order: i.order,
           maxLabelLength: l
         }
@@ -30,9 +31,9 @@ function q({
       t && /* @__PURE__ */ e("div", { className: "flex items-center", children: /* @__PURE__ */ e(
         d,
         {
-          underlyingToken: m,
+          underlyingToken: s,
           token: t.label,
-          value: o,
+          value: a,
           order: t.order,
           maxLabelLength: l
         }
@@ -43,29 +44,29 @@ function q({
         /* @__PURE__ */ e(c, { messageId: "components.creditSessionDetailedLiquidation.graph.tip.hf" }),
         ":"
       ] }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(n, { value: s, debt: 1n }) })
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(n, { value: m, debt: 1n }) })
     ] })
   ] });
 }
 function d({
-  token: a,
-  underlyingToken: o,
+  token: o,
+  underlyingToken: a,
   value: i = 0,
   order: t = "straight",
-  maxLabelLength: s = 13
+  maxLabelLength: m = 13
 }) {
   return /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ e(f, { token: a, size: 12 }),
+    /* @__PURE__ */ e(f, { token: o, size: 12 }),
     /* @__PURE__ */ r("div", { className: "text-sm text-foreground", children: [
-      /* @__PURE__ */ e(p, { maxLength: s, children: u(a, o, t) }),
+      /* @__PURE__ */ e(p, { maxLength: m, children: u(o, a, t) }),
       " ",
       /* @__PURE__ */ e(c, { messageId: "components.creditSessionDetailedLiquidation.graph.tip.price" }),
       ": ",
-      o ? "" : "$",
+      a ? "" : "$",
       h(i)
     ] })
   ] });
 }
 export {
-  q as LiquidationGraphTip
+  T as LiquidationGraphTip
 };

package/dist/esm/components/liquidation-price/liquidation-price.js

@@ -8,10 +8,11 @@ import "react";
 import { bnToLiquidationPriceView as b } from "../../utils/parse-input-to-bn.js";
 import { cn as v } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const w = { type: "text" };
-function _({
+function y({
   liquidationPrice: t = 0,
   type: o = w,
   hfZone: e,
@@ -41,5 +42,5 @@ function _({
   ] });
 }
 export {
-  _ as LiquidationPrice
+  y as LiquidationPrice
 };

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

@@ -5,6 +5,7 @@ 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,6 +6,7 @@ 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";
@@ -18,7 +19,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 z({
+function A({
   showGuard: s,
   children: a,
   loader: i
@@ -38,5 +39,5 @@ function z({
   return /* @__PURE__ */ m(e, { showGuard: l, guard: l && (i || t), children: a });
 }
 export {
-  z as LoaderGuard
+  A as LoaderGuard
 };

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

@@ -6,6 +6,7 @@ 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,6 +6,7 @@ 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";
@@ -178,7 +179,7 @@ function a(o) {
   }
   return { id: T(l), displayText: o };
 }
-function Tr({
+function vr({
   content: o,
   title: l,
   backButton: s,
@@ -390,5 +391,5 @@ function Tr({
   return c ? d : /* @__PURE__ */ r(w, { title: l || "", backButton: s, children: d });
 }
 export {
-  Tr as MarkdownViewer
+  vr as MarkdownViewer
 };

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

@@ -1,7 +1,8 @@
 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 s from "react";
+import * as i from "react";
+import "@gearbox-protocol/sdk/common-utils";
 import "@gearbox-protocol/sdk";
 import { useIsMobile as M } from "../../hooks/use-media-query.js";
 import { cn as o } from "../../utils/cn.js";
@@ -27,30 +28,30 @@ const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] befor
     colorTheme: "default",
     backdrop: "default"
   }
-}), w = s.forwardRef(
+}), w = i.forwardRef(
   ({
     show: r = !0,
     colorTheme: g = "default",
     backdrop: p = "default",
     xsCentered: v = !1,
-    onClickOutside: i,
+    onClickOutside: s,
     zIndexLayer: c = "MODAL",
     className: x,
     children: y,
     ...h
   }, C) => {
     const _ = M(), d = O[c], f = { zIndex: N[c] };
-    s.useEffect(() => {
+    i.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 = s.useCallback(
+    const l = i.useCallback(
       (e) => {
-        e || i?.();
+        e || s?.();
       },
-      [i]
+      [s]
     );
     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,6 +8,7 @@ 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";
@@ -84,7 +85,7 @@ function _({
     }
   );
 }
-function oe({
+function ie({
   items: t,
   moreLabel: a = "More",
   className: m
@@ -176,5 +177,5 @@ function oe({
   );
 }
 export {
-  oe as NavbarWithOverflow
+  ie as NavbarWithOverflow
 };

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

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

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

@@ -3,9 +3,10 @@ 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 y({
+function f({
   size: o,
   className: t,
   style: i,
@@ -28,5 +29,5 @@ function y({
   );
 }
 export {
-  y as NavBarLogo
+  f as NavBarLogo
 };

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

@@ -6,6 +6,7 @@ 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(