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

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

@@ -3,19 +3,18 @@ import "react";
 import "@gearbox-protocol/sdk";
 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 N({
   value: l,
   size: r = 40,
-  strokeWidth: e = 4,
+  strokeWidth: t = 4,
   indicatorColor: m = "hsl(var(--primary))",
   trackColor: f = "hsl(var(--muted))",
   className: h,
   children: i
 }) {
-  const o = Math.max(0, Math.min(100, l || 0)), t = r / 2, s = t - e / 2, c = 2 * Math.PI * s, p = (100 - o) * c / 100;
+  const o = Math.max(0, Math.min(100, l || 0)), e = r / 2, s = e - t / 2, c = 2 * Math.PI * s, p = (100 - o) * c / 100;
   return /* @__PURE__ */ n(
     "div",
     {
@@ -38,23 +37,23 @@ function w({
               /* @__PURE__ */ a(
                 "circle",
                 {
-                  cx: t,
-                  cy: t,
+                  cx: e,
+                  cy: e,
                   r: s,
                   fill: "transparent",
                   stroke: f,
-                  strokeWidth: e
+                  strokeWidth: t
                 }
               ),
               /* @__PURE__ */ a(
                 "circle",
                 {
-                  cx: t,
-                  cy: t,
+                  cx: e,
+                  cy: e,
                   r: s,
                   fill: "transparent",
                   stroke: m,
-                  strokeWidth: e,
+                  strokeWidth: t,
                   strokeDasharray: c,
                   strokeDashoffset: p,
                   strokeLinecap: "round",
@@ -70,5 +69,5 @@ function w({
   );
 }
 export {
-  w as ProgressCircle
+  N as ProgressCircle
 };

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

@@ -5,7 +5,6 @@ import * as c from "react";
 import "@gearbox-protocol/sdk";
 import { cn as d } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const g = s("w-full flex flex-col gap-4"), f = s(

package/dist/esm/components/rounded-image/rounded-image.js

@@ -4,7 +4,6 @@ import { useState as s, useRef as E, useEffect as j } from "react";
 import "@gearbox-protocol/sdk";
 import { cn as k } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import { getStatic as w } from "../../utils/static.js";
 import "luxon";
 import "../../utils/z-index.js";

package/dist/esm/components/row/row.js

@@ -3,7 +3,6 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as b } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const v = {
@@ -20,7 +19,7 @@ const v = {
   "space-around": "justify-around",
   "space-evenly": "justify-evenly"
 };
-function R({
+function N({
   $align: n,
   align: i,
   $justify: r,
@@ -54,5 +53,5 @@ function R({
   );
 }
 export {
-  R as Row
+  N as Row
 };

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

@@ -7,7 +7,6 @@ import { Input as V } from "../input/input.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 z = l("relative w-full transition-all duration-200", {
@@ -60,7 +59,7 @@ const z = l("relative w-full transition-all duration-200", {
     theme: "light"
   }
 });
-function E({
+function D({
   onChange: c,
   placeholder: m = "Search...",
   className: u,
@@ -68,9 +67,9 @@ function E({
   theme: d = "light",
   value: t
 }) {
-  const [p, h] = n(""), [g, a] = n(!1), r = t !== void 0, o = r ? t : p, v = o !== "" || g, x = (N) => {
+  const [h, p] = n(""), [g, a] = n(!1), r = t !== void 0, o = r ? t : h, v = o !== "" || g, x = (N) => {
     const s = N.target.value;
-    r || h(s), c(s);
+    r || p(s), c(s);
   };
   return /* @__PURE__ */ e("div", { className: i(z({ size: f }), u), children: /* @__PURE__ */ y("div", { className: "relative", children: [
     /* @__PURE__ */ e(
@@ -95,5 +94,5 @@ function E({
   ] }) });
 }
 export {
-  E as SearchBar
+  D as SearchBar
 };

package/dist/esm/components/search-line/search-line.js

@@ -8,7 +8,6 @@ import { Input as V } from "../input/input.js";
 import "@gearbox-protocol/sdk";
 import { cn as f } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const D = x("relative w-full transition-all duration-200", {

package/dist/esm/components/segmented-control/segmented-control.js

@@ -1,10 +1,9 @@
-import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import { cva as u } from "class-variance-authority";
 import * as g from "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";
 const h = u(
@@ -27,9 +26,9 @@ const h = u(
   },
   defaultVariants: { size: "md" }
 }), b = g.forwardRef(({ className: l, name: d, items: t, size: r = "md", ...n }, e) => {
-  const o = t.findIndex((a) => a.checked), i = o < 0 ? 0 : o, c = t.length;
+  const s = t.findIndex((a) => a.checked), i = s < 0 ? 0 : s, c = t.length;
   return /* @__PURE__ */ p("div", { ref: e, className: m(h({ size: r }), l), ...n, children: [
-    t.map((a, f) => /* @__PURE__ */ s(
+    t.map((a, f) => /* @__PURE__ */ o(
       v,
       {
         ...a,
@@ -37,7 +36,7 @@ const h = u(
       },
       typeof a.value == "string" ? a.value : f
     )),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ o(
       "div",
       {
         className: m(
@@ -61,7 +60,7 @@ function v({
   onSelect: n,
   ...e
 }) {
-  const o = r ?? (n ? (i) => {
+  const s = r ?? (n ? (i) => {
     i.preventDefault(), n();
   } : void 0);
   return /* @__PURE__ */ p(
@@ -74,17 +73,17 @@ function v({
       "data-checked": e.checked,
       "data-disabled": e.disabled,
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ o(
           "input",
           {
             type: "radio",
             name: l,
             className: "absolute h-0 w-0 cursor-pointer opacity-0",
             ...e,
-            onChange: o
+            onChange: s
           }
         ),
-        /* @__PURE__ */ s("span", { className: "flex h-full grow shrink-0 basis-0 items-center justify-center px-2 py-1", children: d ?? t })
+        /* @__PURE__ */ o("span", { className: "flex h-full grow shrink-0 basis-0 items-center justify-center px-2 py-1", children: d ?? t })
       ]
     }
   );

package/dist/esm/components/select/select.js

@@ -7,12 +7,11 @@ import { FaIcon as i } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import { Z_INDEX as h } from "../../utils/z-index.js";
 const x = (a) => /* @__PURE__ */ t(e.Root, { ...a });
 x.displayName = "Select";
-const G = e.Group, O = e.Value, N = g(
+const P = e.Group, G = e.Value, N = g(
   "group flex w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 bg-[rgb(40,40,40)] text-foreground cursor-pointer",
   {
     variants: {
@@ -143,13 +142,13 @@ I.displayName = e.Separator.displayName;
 export {
   x as Select,
   S as SelectContent,
-  G as SelectGroup,
+  P as SelectGroup,
   R as SelectItem,
   v as SelectLabel,
   f as SelectScrollDownButton,
   p as SelectScrollUpButton,
   I as SelectSeparator,
   w as SelectTrigger,
-  O as SelectValue,
+  G as SelectValue,
   N as selectTriggerVariants
 };

package/dist/esm/components/separate-line/separate-line.js

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

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

@@ -4,14 +4,13 @@ import * as e from "react";
 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 s = e.forwardRef(
-  ({ className: t, orientation: r = "horizontal", decorative: m = !0, ...p }, a) => /* @__PURE__ */ i(
+  ({ className: t, orientation: r = "horizontal", decorative: m = !0, ...a }, p) => /* @__PURE__ */ i(
     o.Root,
     {
-      ref: a,
+      ref: p,
       decorative: m,
       orientation: r,
       className: l(
@@ -19,7 +18,7 @@ const s = e.forwardRef(
         r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
         t
       ),
-      ...p
+      ...a
     }
   )
 );

package/dist/esm/components/short-string/short-string.js

@@ -5,19 +5,18 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import { isLongString as u, shortenString as S } from "../../utils/shorten-string.js";
 import "luxon";
 import "../../utils/z-index.js";
-function y({
+function k({
   children: o,
   maxLength: t,
   showTooltip: m = !0,
   className: i
 }) {
-  const n = (p, e) => e === "text-overflow" ? /* @__PURE__ */ r("span", { className: s("inline-block max-w-full truncate", i), children: p }) : /* @__PURE__ */ r("span", { className: i, children: S(p, e) });
+  const n = (e, p) => p === "text-overflow" ? /* @__PURE__ */ r("span", { className: s("inline-block max-w-full truncate", i), children: e }) : /* @__PURE__ */ r("span", { className: i, children: S(e, p) });
   return typeof o == "string" && t !== void 0 ? m && (t === "text-overflow" || u(o, t)) ? /* @__PURE__ */ r(f, { title: n(o, t), children: o }) : n(o, t) : o;
 }
 export {
-  y as ShortString
+  k as ShortString
 };

package/dist/esm/components/signatures/confirmation-item.js

@@ -11,12 +11,11 @@ import "clsx";
 import "tailwind-merge";
 import "sonner";
 import { shortenHash as s } from "../../utils/format.js";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import "../buttons/tab-button/tab-button.js";
 import { Identicon as a } from "./identicon.js";
-function z({
+function I({
   confirmation: r,
   note: o,
   explorerUrl: i
@@ -35,5 +34,5 @@ function z({
   ] });
 }
 export {
-  z as ConfirmationItem
+  I as ConfirmationItem
 };

package/dist/esm/components/simple-accordion/simple-accordion.js

@@ -5,7 +5,6 @@ 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";
 const h = "flex-wrap text-left bg-transparent border-0 [&[data-state=open]>[data-accordion-icon]]:rotate-180";

package/dist/esm/components/simple-dropdown/simple-dropdown-menu-item.js

@@ -13,7 +13,6 @@ import "../dropdown-menu/dropdown-menu-sub-trigger.js";
 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";
 const n = "cursor-pointer gap-0 rounded-lg px-3 py-3 text-sm font-normal leading-[17px] text-foreground hover:bg-gray-80 focus:bg-gray-80", a = p.forwardRef(({ className: o, ...r }, m) => /* @__PURE__ */ t(

package/dist/esm/components/simple-dropdown/simple-dropdown.js

@@ -4,12 +4,11 @@ import { useRef as j } from "react";
 import "@gearbox-protocol/sdk";
 import { cn as l } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import { Z_INDEX as y } from "../../utils/z-index.js";
 function E({
-  children: p,
-  title: f,
+  children: f,
+  title: p,
   asChild: a = !1,
   placement: m = "bottom",
   align: u = "start",
@@ -60,7 +59,7 @@ function E({
               "inline-flex appearance-none border-0 bg-transparent p-0 text-inherit font-inherit cursor-pointer",
               v
             ),
-            children: f
+            children: p
           }
         ),
         /* @__PURE__ */ r(t.Portal, { children: /* @__PURE__ */ r(
@@ -77,7 +76,7 @@ function E({
             },
             onPointerDownOutside: o ? x : void 0,
             onEscapeKeyDown: o ? () => e?.(!1) : void 0,
-            children: p
+            children: f
           }
         ) })
       ]

package/dist/esm/components/skeleton/skeleton-stack.js

@@ -3,16 +3,15 @@ import { useMemo as c } 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";
-import { Skeleton as i } from "./skeleton.js";
-const n = {
+import { Skeleton as n } from "./skeleton.js";
+const i = {
   sm: "space-y-2",
   md: "space-y-3",
   lg: "space-y-4"
 };
-function w({
+function S({
   lines: o = 5,
   className: t,
   gap: e = "md"
@@ -21,8 +20,8 @@ function w({
     () => Array.from({ length: o }, () => crypto.randomUUID()),
     [o]
   );
-  return /* @__PURE__ */ m("div", { className: r(n[e], t), children: p.map((s, a) => /* @__PURE__ */ m(
-    i,
+  return /* @__PURE__ */ m("div", { className: r(i[e], t), children: p.map((s, a) => /* @__PURE__ */ m(
+    n,
     {
       className: r("h-4 w-full", a === o - 1 && "w-3/4")
     },
@@ -30,5 +29,5 @@ function w({
   )) });
 }
 export {
-  w as SkeletonStack
+  S as SkeletonStack
 };

package/dist/esm/components/skeleton/skeleton.js

@@ -4,7 +4,6 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as w } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const c = f("animate-pulse rounded-md bg-muted", {
@@ -51,7 +50,7 @@ const c = f("animate-pulse rounded-md bg-muted", {
     height: "md"
   }
 });
-function j({
+function $({
   className: s,
   variant: l,
   speed: n,
@@ -87,6 +86,6 @@ function j({
   );
 }
 export {
-  j as Skeleton,
+  $ as Skeleton,
   c as skeletonVariants
 };

package/dist/esm/components/slider/slider.js

@@ -5,7 +5,6 @@ import * as H from "react";
 import { useMemo as m, useRef as w, useCallback as J, useState as K, useLayoutEffect as Q } from "react";
 import { cn as y } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import { findClosestPoint as X, validateMinMax as Y } from "../../utils/math.js";
 import "luxon";
 import "../../utils/z-index.js";

package/dist/esm/components/slider-token/slider-token.js

@@ -6,14 +6,13 @@ import { SliderProvider as K } from "../slider/slider-context.js";
 import { SliderMark as Q } from "../slider/slider-mark.js";
 import { cn as x } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import { validateMinMax as w } from "../../utils/math.js";
 import "luxon";
 import "../../utils/z-index.js";
 import { SliderTokenLabel as X } from "./slider-token-label.js";
 import { makeSliderTokenMarkerPoints as Y, mergeCloseMarkers as Z } from "./slider-token-utils.js";
 const V = 7.5;
-function pe({
+function ue({
   from: p,
   to: g,
   step: I,
@@ -46,21 +45,21 @@ function pe({
       f
     ),
     [t, n, N, f]
-  ), i = l(
+  ), s = l(
     () => Z(y, T),
     [y, T]
   ), C = u(
     (e) => {
-      if (i.length === 0) {
+      if (s.length === 0) {
         m(w(e, t, n));
         return;
       }
-      const o = i.reduce(
-        (a, s) => Math.abs(s.point - e) < Math.abs(a.point - e) ? s : a
+      const o = s.reduce(
+        (a, i) => Math.abs(i.point - e) < Math.abs(a.point - e) ? i : a
       );
       Math.abs(o.point - e) < M ? m(w(o.point, t, n)) : m(e);
     },
-    [i, M, t, n, m]
+    [s, M, t, n, m]
   ), P = u(
     (e) => {
       e.length > 0 && C(e[0]);
@@ -80,11 +79,11 @@ function pe({
       document.removeEventListener("pointermove", o), delete e.dataset.dragging;
     };
     document.addEventListener("pointermove", o, { once: !0 }), document.addEventListener("pointerup", a, { once: !0 });
-  }, []), G = l(() => i.map(({ point: e }, o, a) => {
-    const s = a[o + 1], k = a[o - 1], O = s ? Math.abs(e - s.point) <= h : !1, U = k ? Math.abs(e - k.point) <= h : !1, W = o === 0 || o === a.length - 1 || f[e] !== void 0 && !U && !O, _ = S?.[e], q = W ? F(H(String(e), b.decimals), b.decimals) : "", j = _ ?? q;
+  }, []), G = l(() => s.map(({ point: e }, o, a) => {
+    const i = a[o + 1], k = a[o - 1], O = i ? Math.abs(e - i.point) <= h : !1, U = k ? Math.abs(e - k.point) <= h : !1, W = o === 0 || o === a.length - 1 || f[e] !== void 0 && !U && !O, _ = S?.[e], q = W ? F(H(String(e), b.decimals), b.decimals) : "", j = _ ?? q;
     return { point: e, labelText: j, align: _ ? "top" : "bottom", hasLabel: !!j };
   }), [
-    i,
+    s,
     f,
     S,
     b,
@@ -114,7 +113,7 @@ function pe({
             onValueCommit: P,
             children: [
               /* @__PURE__ */ r(v.Track, { className: "relative h-1 w-full grow overflow-hidden rounded-full bg-gray-40 mx-[9px] cursor-pointer" }),
-              i.length > 0 && /* @__PURE__ */ r("div", { className: "absolute inset-0 pointer-events-none flex items-center", children: /* @__PURE__ */ r("div", { className: "relative w-full", children: i.map(({ point: e }) => /* @__PURE__ */ r(
+              s.length > 0 && /* @__PURE__ */ r("div", { className: "absolute inset-0 pointer-events-none flex items-center", children: /* @__PURE__ */ r("div", { className: "relative w-full", children: s.map(({ point: e }) => /* @__PURE__ */ r(
                 Q,
                 {
                   value: e,
@@ -141,7 +140,7 @@ function pe({
           }
         ),
         /* @__PURE__ */ r("div", { className: "absolute inset-0 pointer-events-none", children: /* @__PURE__ */ r("div", { className: "relative w-full h-full", children: G.map(
-          ({ point: e, labelText: o, align: a, hasLabel: s }) => s && /* @__PURE__ */ r(
+          ({ point: e, labelText: o, align: a, hasLabel: i }) => i && /* @__PURE__ */ r(
             X,
             {
               point: e,
@@ -159,5 +158,5 @@ function pe({
   ) }) }) });
 }
 export {
-  pe as SliderToken
+  ue as SliderToken
 };

package/dist/esm/components/smart-number-input/balance-indicator.js

@@ -1,12 +1,11 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { cva as x } from "class-variance-authority";
 import { TextButton as u } from "../text-button/text-button.js";
 import { TokenTemplate as f } from "../token-template/token-template.js";
 import "react";
 import "@gearbox-protocol/sdk";
-import { cn as r } from "../../utils/cn.js";
+import { cn as a } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const b = x("font-normal leading-[130%] text-foreground", {
@@ -18,35 +17,35 @@ const b = x("font-normal leading-[130%] text-foreground", {
   },
   defaultVariants: { size: "md" }
 });
-function V({
-  title: s = "Balance",
+function S({
+  title: m = "Balance",
   className: i,
   maxAmount: l,
   token: c,
   disabled: d,
   maxButton: p = !0,
-  onMaxButtonClick: a,
+  onMaxButtonClick: r,
   size: e = "sm"
 }) {
   const o = !d && p, n = /* @__PURE__ */ t(f, { value: l, token: c, showSymbol: !1 });
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ s(
     "div",
     {
-      className: r("flex shrink-0 basis-auto items-center", i),
+      className: a("flex shrink-0 basis-auto items-center", i),
       "data-testid": "balance-indicator",
       children: [
-        /* @__PURE__ */ m("span", { className: r(b({ size: e })), children: [
-          s,
+        /* @__PURE__ */ s("span", { className: a(b({ size: e })), children: [
+          m,
           ": ",
-          o && e === "sm" ? /* @__PURE__ */ t(u, { onClick: a, children: n }) : n
+          o && e === "sm" ? /* @__PURE__ */ t(u, { onClick: r, children: n }) : n
         ] }),
         o && e !== "sm" && /* @__PURE__ */ t("div", { className: "ml-2", children: /* @__PURE__ */ t(
           "button",
           {
             type: "button",
-            onClick: a,
+            onClick: r,
             "data-testid": "balance-max",
-            className: r(
+            className: a(
               "rounded-[6px] border-0 py-[3px] px-1 text-[11px]! leading-[13px]!",
               "text-center uppercase text-foreground",
               "bg-gray-70 hover:bg-gray-90 transition-colors"
@@ -59,5 +58,5 @@ function V({
   );
 }
 export {
-  V as BalanceIndicator
+  S as BalanceIndicator
 };

package/dist/esm/components/smart-number-input/smart-number-input.js

@@ -10,7 +10,6 @@ import "@gearbox-protocol/sdk";
 import { parseInputToBN as Q } from "../../utils/parse-input-to-bn.js";
 import { cn as d } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { BalanceIndicator as U } from "./balance-indicator.js";

package/dist/esm/components/spinner/spinner.js

@@ -4,7 +4,6 @@ import * as i 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 { Z_INDEX as d } from "../../utils/z-index.js";
 const m = i.forwardRef(

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

@@ -1,26 +1,25 @@
 import { jsx as m } from "react/jsx-runtime";
-import * as p from "react";
+import * as d from "react";
 import "@gearbox-protocol/sdk";
-import { cn as d } from "../../utils/cn.js";
+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 = p.forwardRef(
-  ({ size: r = 40, speed: o = "1s", width: i = 4, className: t, style: e, ...a }, n) => /* @__PURE__ */ m(
+const s = d.forwardRef(
+  ({ size: r = 40, speed: o = "1s", width: i = 4, className: e, style: t, ...a }, n) => /* @__PURE__ */ m(
     "span",
     {
       ref: n,
-      className: d(
+      className: p(
         "inline-block rounded-full border-solid border-gray-20 border-b-gray-110 animate-spin",
-        t
+        e
       ),
       style: {
         width: r,
         height: r,
         borderWidth: i,
         animationDuration: o,
-        ...e
+        ...t
       },
       ...a
     }