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

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

@@ -5,18 +5,19 @@ 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 k({
+function y({
   children: o,
   maxLength: t,
   showTooltip: m = !0,
   className: i
 }) {
-  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) });
+  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) });
   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 {
-  k as ShortString
+  y as ShortString
 };

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

@@ -11,11 +11,12 @@ 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 I({
+function z({
   confirmation: r,
   note: o,
   explorerUrl: i
@@ -34,5 +35,5 @@ function I({
   ] });
 }
 export {
-  I as ConfirmationItem
+  z as ConfirmationItem
 };

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

@@ -5,6 +5,7 @@ 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,6 +13,7 @@ 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,11 +4,12 @@ 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: f,
-  title: p,
+  children: p,
+  title: f,
   asChild: a = !1,
   placement: m = "bottom",
   align: u = "start",
@@ -59,7 +60,7 @@ function E({
               "inline-flex appearance-none border-0 bg-transparent p-0 text-inherit font-inherit cursor-pointer",
               v
             ),
-            children: p
+            children: f
           }
         ),
         /* @__PURE__ */ r(t.Portal, { children: /* @__PURE__ */ r(
@@ -76,7 +77,7 @@ function E({
             },
             onPointerDownOutside: o ? x : void 0,
             onEscapeKeyDown: o ? () => e?.(!1) : void 0,
-            children: f
+            children: p
           }
         ) })
       ]

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

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

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

@@ -4,6 +4,7 @@ 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", {
@@ -50,7 +51,7 @@ const c = f("animate-pulse rounded-md bg-muted", {
     height: "md"
   }
 });
-function $({
+function j({
   className: s,
   variant: l,
   speed: n,
@@ -86,6 +87,6 @@ function $({
   );
 }
 export {
-  $ as Skeleton,
+  j as Skeleton,
   c as skeletonVariants
 };

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

@@ -5,6 +5,7 @@ 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,13 +6,14 @@ 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 ue({
+function pe({
   from: p,
   to: g,
   step: I,
@@ -45,21 +46,21 @@ function ue({
       f
     ),
     [t, n, N, f]
-  ), s = l(
+  ), i = l(
     () => Z(y, T),
     [y, T]
   ), C = u(
     (e) => {
-      if (s.length === 0) {
+      if (i.length === 0) {
         m(w(e, t, n));
         return;
       }
-      const o = s.reduce(
-        (a, i) => Math.abs(i.point - e) < Math.abs(a.point - e) ? i : a
+      const o = i.reduce(
+        (a, s) => Math.abs(s.point - e) < Math.abs(a.point - e) ? s : a
       );
       Math.abs(o.point - e) < M ? m(w(o.point, t, n)) : m(e);
     },
-    [s, M, t, n, m]
+    [i, M, t, n, m]
   ), P = u(
     (e) => {
       e.length > 0 && C(e[0]);
@@ -79,11 +80,11 @@ function ue({
       document.removeEventListener("pointermove", o), delete e.dataset.dragging;
     };
     document.addEventListener("pointermove", o, { once: !0 }), document.addEventListener("pointerup", a, { once: !0 });
-  }, []), 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;
+  }, []), 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;
     return { point: e, labelText: j, align: _ ? "top" : "bottom", hasLabel: !!j };
   }), [
-    s,
+    i,
     f,
     S,
     b,
@@ -113,7 +114,7 @@ function ue({
             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" }),
-              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(
+              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(
                 Q,
                 {
                   value: e,
@@ -140,7 +141,7 @@ function ue({
           }
         ),
         /* @__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: i }) => i && /* @__PURE__ */ r(
+          ({ point: e, labelText: o, align: a, hasLabel: s }) => s && /* @__PURE__ */ r(
             X,
             {
               point: e,
@@ -158,5 +159,5 @@ function ue({
   ) }) }) });
 }
 export {
-  ue as SliderToken
+  pe as SliderToken
 };

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

@@ -1,11 +1,12 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { jsxs as m, 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 a } from "../../utils/cn.js";
+import { cn as r } 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", {
@@ -17,35 +18,35 @@ const b = x("font-normal leading-[130%] text-foreground", {
   },
   defaultVariants: { size: "md" }
 });
-function S({
-  title: m = "Balance",
+function V({
+  title: s = "Balance",
   className: i,
   maxAmount: l,
   token: c,
   disabled: d,
   maxButton: p = !0,
-  onMaxButtonClick: r,
+  onMaxButtonClick: a,
   size: e = "sm"
 }) {
   const o = !d && p, n = /* @__PURE__ */ t(f, { value: l, token: c, showSymbol: !1 });
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ m(
     "div",
     {
-      className: a("flex shrink-0 basis-auto items-center", i),
+      className: r("flex shrink-0 basis-auto items-center", i),
       "data-testid": "balance-indicator",
       children: [
-        /* @__PURE__ */ s("span", { className: a(b({ size: e })), children: [
-          m,
+        /* @__PURE__ */ m("span", { className: r(b({ size: e })), children: [
+          s,
           ": ",
-          o && e === "sm" ? /* @__PURE__ */ t(u, { onClick: r, children: n }) : n
+          o && e === "sm" ? /* @__PURE__ */ t(u, { onClick: a, children: n }) : n
         ] }),
         o && e !== "sm" && /* @__PURE__ */ t("div", { className: "ml-2", children: /* @__PURE__ */ t(
           "button",
           {
             type: "button",
-            onClick: r,
+            onClick: a,
             "data-testid": "balance-max",
-            className: a(
+            className: r(
               "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"
@@ -58,5 +59,5 @@ function S({
   );
 }
 export {
-  S as BalanceIndicator
+  V as BalanceIndicator
 };

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

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

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

@@ -1,12 +1,13 @@
 import { jsx as a } from "react/jsx-runtime";
-import { cva as c } from "class-variance-authority";
+import { cva as m } from "class-variance-authority";
 import * as t from "react";
 import "@gearbox-protocol/sdk";
-import { cn as m } from "../../utils/cn.js";
+import { cn as c } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const u = c(
+const u = m(
   [
     /* layout */
     "relative flex items-center",
@@ -31,7 +32,7 @@ const u = c(
       "div",
       {
         ref: s,
-        className: m(
+        className: c(
           "flex w-full flex-row flex-nowrap",
           "items-stretch",
           l

package/dist/esm/components/stat-badge/stat-badge.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { cva as d } from "class-variance-authority";
+import { cva as o } from "class-variance-authority";
 import * as b from "react";
 import { StatusTriangle as v } from "../status-triangle/status-triangle.js";
 import { SimpleTooltip as B } from "../tooltip/simple-tooltip.js";
@@ -7,9 +7,10 @@ import "../tooltip/tooltip.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 S = d(
+const S = o(
   "w-full h-full rounded-lg border transition-colors",
   {
     variants: {
@@ -30,7 +31,7 @@ const S = d(
       size: "default"
     }
   }
-), V = d("font-medium text-muted-foreground", {
+), V = o("font-medium text-muted-foreground", {
   variants: {
     size: {
       sm: "text-xs leading-[0.8125rem]",
@@ -41,7 +42,7 @@ const S = d(
   defaultVariants: {
     size: "default"
   }
-}), w = d("font-medium text-foreground flex", {
+}), w = o("font-medium text-foreground flex", {
   variants: {
     size: {
       sm: "text-sm leading-[1.0625rem]",
@@ -54,7 +55,7 @@ const S = d(
   }
 }), y = b.forwardRef(
   ({
-    className: o,
+    className: d,
     variant: c,
     size: t,
     title: m,
@@ -97,7 +98,7 @@ const S = d(
       "div",
       {
         ref: u,
-        className: l(S({ variant: c, size: t }), o),
+        className: l(S({ variant: c, size: t }), d),
         ...g,
         children: [
           /* @__PURE__ */ a("div", { className: l("flex items-center", N), children: [
@@ -123,7 +124,7 @@ const S = d(
   }
 );
 y.displayName = "StatBadge";
-const z = d("grid w-full", {
+const z = o("grid w-full", {
   variants: {
     cols: {
       1: "grid-cols-1",
@@ -181,7 +182,7 @@ const z = d("grid w-full", {
   }
 }), G = b.forwardRef(
   ({
-    className: o,
+    className: d,
     cols: c,
     colsSm: t,
     colsMd: m,
@@ -196,7 +197,7 @@ const z = d("grid w-full", {
       ref: u,
       className: l(
         z({ cols: c, colsSm: t, colsMd: m, colsLg: s, colsXl: n, gap: i }),
-        o
+        d
       ),
       ...g,
       children: r

package/dist/esm/components/status-dot/status-dot.js

@@ -4,6 +4,7 @@ import * as n from "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";
 const d = m("rounded-full shrink-0", {
@@ -29,7 +30,7 @@ const d = m("rounded-full shrink-0", {
     variant: "default",
     size: "sm"
   }
-}), c = n.forwardRef(
+}), p = n.forwardRef(
   ({ className: t, variant: r, size: a, pulse: s, ...e }, i) => /* @__PURE__ */ o(
     "div",
     {
@@ -43,8 +44,8 @@ const d = m("rounded-full shrink-0", {
     }
   )
 );
-c.displayName = "StatusDot";
+p.displayName = "StatusDot";
 export {
-  c as StatusDot,
+  p as StatusDot,
   d as statusDotVariants
 };

package/dist/esm/components/status-elements/status-elements.js

@@ -4,6 +4,7 @@ import "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 d = {
@@ -13,7 +14,7 @@ const d = {
   critical: "bg-destructive",
   liquidation: "bg-liquidation"
 };
-function q({ zone: i, size: t = 8 }) {
+function A({ zone: i, size: t = 8 }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -29,7 +30,7 @@ const l = {
   bad: 1,
   critical: 1,
   liquidation: 1
-}, g = 3, m = {
+}, m = 3, g = {
   good: "success",
   medium: "warning",
   bad: "destructive",
@@ -52,8 +53,8 @@ const l = {
     }
   }
 );
-function A({ zone: i }) {
-  const t = l[i], e = m[i], n = Array.from({ length: g }, (o, r) => {
+function x({ zone: i }) {
+  const t = l[i], e = g[i], n = Array.from({ length: m }, (o, r) => {
     const c = r < t;
     return {
       key: r,
@@ -63,6 +64,6 @@ function A({ zone: i }) {
   return /* @__PURE__ */ a("div", { className: s("flex flex-wrap gap-0.5 w-2"), "aria-hidden": !0, children: n.map(({ key: o, color: r }) => /* @__PURE__ */ a("div", { className: b({ color: r }) }, o)) });
 }
 export {
-  q as HealthDot,
-  A as StatusBars
+  A as HealthDot,
+  x as StatusBars
 };

package/dist/esm/components/status-triangle/status-triangle.js

@@ -3,6 +3,7 @@ import "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 m = {
@@ -11,13 +12,13 @@ const m = {
   md: 6,
   lg: 8
 };
-function h({
+function v({
   isNegative: i,
   $isNegative: o,
   size: t = 5,
   className: n
 }) {
-  const e = i ?? o ?? !1, r = typeof t == "string" ? m[t] || 5 : t, s = r - 1;
+  const r = i ?? o ?? !1, e = typeof t == "string" ? m[t] || 5 : t, s = e - 1;
   return /* @__PURE__ */ a(
     "div",
     {
@@ -27,13 +28,13 @@ function h({
         height: 0,
         borderLeft: `${s}px solid transparent`,
         borderRight: `${s}px solid transparent`,
-        borderTop: `${r}px solid ${e ? "hsl(var(--destructive))" : "hsl(var(--success, 142 76% 36%))"}`,
+        borderTop: `${e}px solid ${r ? "hsl(var(--destructive))" : "hsl(var(--success, 142 76% 36%))"}`,
         borderRadius: "1px",
-        transform: e ? "rotate(0deg)" : "rotate(180deg)"
+        transform: r ? "rotate(0deg)" : "rotate(180deg)"
       }
     }
   );
 }
 export {
-  h as StatusTriangle
+  v as StatusTriangle
 };