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

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

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

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

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

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

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

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

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

package/dist/esm/components/stepper/stepper.js

@@ -1,14 +1,13 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import * as f from "react";
+import * as p from "react";
 import { faCheck as u } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as h } from "../icons/fa-icon.js";
 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 v = f.forwardRef(
+const v = p.forwardRef(
   ({
     className: g,
     steps: d,
@@ -29,7 +28,7 @@ const v = f.forwardRef(
         ),
         ...b,
         children: d.map((t, i) => {
-          const m = i < l, s = i === l, x = i === d.length - 1, p = o ? {
+          const s = i < l, m = i === l, x = i === d.length - 1, f = o ? {
             role: "button",
             tabIndex: 0,
             onClick: o ? () => o(i) : void 0,
@@ -37,7 +36,7 @@ const v = f.forwardRef(
               (a.key === "Enter" || a.key === " ") && (a.preventDefault(), o(i));
             } : void 0
           } : {};
-          return c ? /* @__PURE__ */ n(f.Fragment, { children: [
+          return c ? /* @__PURE__ */ n(p.Fragment, { children: [
             /* @__PURE__ */ n(
               "div",
               {
@@ -45,18 +44,18 @@ const v = f.forwardRef(
                   "flex items-center gap-2",
                   o && "cursor-pointer"
                 ),
-                ...p,
+                ...f,
                 children: [
                   /* @__PURE__ */ e(
                     "div",
                     {
                       className: r(
                         "flex h-6 w-6 sm:h-8 sm:w-8 shrink-0 items-center justify-center rounded-full border-2 text-xs sm:text-sm font-medium transition-colors",
-                        m && "border-primary bg-primary text-primary-foreground",
-                        s && "border-primary text-primary",
-                        !m && !s && "border-muted text-muted-foreground"
+                        s && "border-primary bg-primary text-primary-foreground",
+                        m && "border-primary text-primary",
+                        !s && !m && "border-muted text-muted-foreground"
                       ),
-                      children: m ? /* @__PURE__ */ e(h, { icon: u, className: "size-3 sm:size-4" }) : /* @__PURE__ */ e("span", { children: i + 1 })
+                      children: s ? /* @__PURE__ */ e(h, { icon: u, className: "size-3 sm:size-4" }) : /* @__PURE__ */ e("span", { children: i + 1 })
                     }
                   ),
                   /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5 text-left", children: [
@@ -65,8 +64,8 @@ const v = f.forwardRef(
                       {
                         className: r(
                           "text-xs sm:text-sm font-medium",
-                          s && "text-foreground",
-                          !s && "text-muted-foreground"
+                          m && "text-foreground",
+                          !m && "text-muted-foreground"
                         ),
                         children: t.label
                       }
@@ -81,7 +80,7 @@ const v = f.forwardRef(
               {
                 className: r(
                   "hidden sm:block mx-2 sm:mx-4 h-0.5 min-w-[20px] sm:min-w-[40px] flex-1",
-                  m ? "bg-primary" : "bg-muted"
+                  s ? "bg-primary" : "bg-muted"
                 )
               }
             )
@@ -92,7 +91,7 @@ const v = f.forwardRef(
                 "flex gap-2 sm:gap-3",
                 o && "cursor-pointer"
               ),
-              ...p,
+              ...f,
               children: [
                 /* @__PURE__ */ n("div", { className: "flex flex-col items-center", children: [
                   /* @__PURE__ */ e(
@@ -100,11 +99,11 @@ const v = f.forwardRef(
                     {
                       className: r(
                         "flex h-6 w-6 sm:h-8 sm:w-8 shrink-0 items-center justify-center rounded-full border-2 text-xs sm:text-sm font-medium transition-colors",
-                        m && "border-primary bg-primary text-primary-foreground",
-                        s && "border-primary text-primary",
-                        !m && !s && "border-muted text-muted-foreground"
+                        s && "border-primary bg-primary text-primary-foreground",
+                        m && "border-primary text-primary",
+                        !s && !m && "border-muted text-muted-foreground"
                       ),
-                      children: m ? /* @__PURE__ */ e(h, { icon: u, className: "size-3 sm:size-4" }) : /* @__PURE__ */ e("span", { children: i + 1 })
+                      children: s ? /* @__PURE__ */ e(h, { icon: u, className: "size-3 sm:size-4" }) : /* @__PURE__ */ e("span", { children: i + 1 })
                     }
                   ),
                   !x && /* @__PURE__ */ e(
@@ -112,7 +111,7 @@ const v = f.forwardRef(
                     {
                       className: r(
                         "my-1 w-0.5 flex-1 min-h-[20px] sm:min-h-[24px]",
-                        m ? "bg-primary" : "bg-muted"
+                        s ? "bg-primary" : "bg-muted"
                       )
                     }
                   )
@@ -123,8 +122,8 @@ const v = f.forwardRef(
                     {
                       className: r(
                         "text-xs sm:text-sm font-medium",
-                        s && "text-foreground",
-                        !s && "text-muted-foreground"
+                        m && "text-foreground",
+                        !m && "text-muted-foreground"
                       ),
                       children: t.label
                     }

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

@@ -13,10 +13,9 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as c } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-function X({
+function W({
   children: g,
   open: u,
   onOpenChange: h,
@@ -105,5 +104,5 @@ function X({
   ] });
 }
 export {
-  X as StyledDropdown
+  W as StyledDropdown
 };

package/dist/esm/components/switch/switch.js

@@ -1,13 +1,12 @@
 import { jsx as a } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-switch";
+import * as e from "@radix-ui/react-switch";
 import * as l 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 d = l.forwardRef(({ className: r, size: e = "default", ...o }, i) => {
+const d = l.forwardRef(({ className: r, size: t = "default", ...o }, i) => {
   const n = {
     sm: "h-4 w-7",
     default: "h-5 w-9",
@@ -18,28 +17,28 @@ const d = l.forwardRef(({ className: r, size: e = "default", ...o }, i) => {
     lg: "h-5 w-5 data-[state=checked]:translate-x-5"
   };
   return /* @__PURE__ */ a(
-    t.Root,
+    e.Root,
     {
       className: s(
         "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
-        n[e],
+        n[t],
         r
       ),
       ...o,
       ref: i,
       children: /* @__PURE__ */ a(
-        t.Thumb,
+        e.Thumb,
         {
           className: s(
             "pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0",
-            c[e]
+            c[t]
           )
         }
       )
     }
   );
 });
-d.displayName = t.Root.displayName;
+d.displayName = e.Root.displayName;
 export {
   d as Switch
 };

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

@@ -1,53 +1,52 @@
 import { jsx as f, jsxs as T, Fragment as S } from "react/jsx-runtime";
-import { useRef as p, useState as v, useCallback as b, useMemo as w, useEffect as N } from "react";
+import { useRef as b, useState as v, useCallback as p, useMemo as w, useEffect as N } from "react";
 import { useNavigationAdapter as C } from "../navigation-context/navigation-context.js";
 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 U(n) {
   if (!n) return null;
-  const { width: r = 0, height: s = 0 } = n?.getBoundingClientRect() || {}, i = n?.offsetTop || 0, o = n?.offsetLeft || 0;
-  return { width: r, height: s, left: o, top: i };
+  const { width: r = 0, height: s = 0 } = n?.getBoundingClientRect() || {}, a = n?.offsetTop || 0, o = n?.offsetLeft || 0;
+  return { width: r, height: s, left: o, top: a };
 }
 function $(n, r, s) {
-  const i = p(null), [o, u] = v(null), l = p(null), c = b((e) => {
+  const a = b(null), [o, u] = v(null), l = b(null), c = p((e) => {
     u(e), l.current = e;
   }, []);
   return N(() => {
     const e = s.current[n], d = () => {
-      const a = U(e), h = a?.height !== l.current?.height, x = a?.width !== l.current?.width, g = a?.left !== l.current?.left, y = a?.top !== l.current?.top;
-      (h || x || g || y) && c(a);
+      const i = U(e), h = i?.height !== l.current?.height, x = i?.width !== l.current?.width, g = i?.left !== l.current?.left, y = i?.top !== l.current?.top;
+      (h || x || g || y) && c(i);
     };
-    i.current = d, d();
+    a.current = d, d();
     const t = e ? new ResizeObserver(d) : null;
     return e && t?.observe(e), () => {
       e && t?.unobserve(e);
     };
   }, [n, s, c]), N(() => {
     const e = r ? new ResizeObserver(() => {
-      i.current?.();
+      a.current?.();
     }) : null;
     return r && e?.observe(r), () => {
       r && e?.unobserve(r);
     };
   }, [r]), o;
 }
-function B({
+function A({
   className: n,
   tabs: r,
   state: s,
-  showBorder: i = !0,
+  showBorder: a = !0,
   tabItemWrapPadding: o,
   variant: u = "auto"
 }) {
-  const l = p(null), c = p({}), e = $(
+  const l = b(null), c = b({}), e = $(
     s.id,
     l.current,
     c
-  ), d = (t, a) => () => s.handleTabChange(t, a);
+  ), d = (t, i) => () => s.handleTabChange(t, i);
   return /* @__PURE__ */ f("div", { className: m("relative w-full flex flex-col flex-wrap", n), children: /* @__PURE__ */ T(
     "div",
     {
@@ -55,7 +54,7 @@ function B({
       className: m(
         "relative w-full max-w-full grow-0 shrink-0 basis-full flex items-stretch overflow-x-auto overflow-y-hidden",
         "scrollbar-hidden",
-        i && "after:content-[''] after:absolute after:bottom-0 after:left-0 after:right-0 after:h-px after:bg-border"
+        a && "after:content-[''] after:absolute after:bottom-0 after:left-0 after:right-0 after:h-px after:bg-border"
       ),
       children: [
         e && /* @__PURE__ */ f(
@@ -68,8 +67,8 @@ function B({
             }
           }
         ),
-        r.map((t, a, h) => {
-          const x = a === h.length - 1;
+        r.map((t, i, h) => {
+          const x = i === h.length - 1;
           return /* @__PURE__ */ f(
             "button",
             {
@@ -77,7 +76,7 @@ function B({
                 c.current[t.id] = g;
               },
               type: "button",
-              onClick: t.disabled ? void 0 : d(t.id, a),
+              onClick: t.disabled ? void 0 : d(t.id, i),
               disabled: t.disabled,
               className: m(
                 "flex items-center bg-transparent border-none shrink-0 text-foreground",
@@ -97,11 +96,11 @@ function B({
     }
   ) });
 }
-function F({
+function B({
   icon: n,
   label: r,
   selected: s,
-  textSize: i = "default",
+  textSize: a = "default",
   amount: o
 }) {
   return /* @__PURE__ */ T(S, { children: [
@@ -120,8 +119,8 @@ function F({
       {
         className: m(
           "m-0 p-0 whitespace-nowrap",
-          i === "default" && "text-sm leading-[17px] font-normal",
-          i === "unset" && "text-[unset] leading-[unset] font-[unset]",
+          a === "default" && "text-sm leading-[17px] font-normal",
+          a === "unset" && "text-[unset] leading-[unset] font-[unset]",
           s ? "text-foreground" : "text-secondary-foreground"
         ),
         children: r
@@ -130,20 +129,20 @@ function F({
     !!o && /* @__PURE__ */ f("div", { className: "ml-1.5", children: /* @__PURE__ */ f("div", { className: "py-0.5 px-[9px] text-[11px] leading-[150%] font-normal bg-gray-50 rounded-[19px]", children: o }) })
   ] });
 }
-function I(n, r = 0) {
-  const [s, i] = v(n), [o, u] = v(r), l = b((c, e) => {
-    i(c), u(e);
+function F(n, r = 0) {
+  const [s, a] = v(n), [o, u] = v(r), l = p((c, e) => {
+    a(c), u(e);
   }, []);
   return { id: s, index: o, handleTabChange: l };
 }
-function M(n) {
-  const { useLocation: r, useNavigate: s } = C(), { hash: i } = r(), o = s(), u = w(
+function I(n) {
+  const { useLocation: r, useNavigate: s } = C(), { hash: a } = r(), o = s(), u = w(
     () => n.reduce(
-      (t, a, h) => (t[a.id] = { id: a.id, index: h }, t),
+      (t, i, h) => (t[i.id] = { id: i.id, index: h }, t),
       {}
     ),
     [n]
-  ), l = w(() => i.slice(1).toLowerCase(), [i]), { id: c, index: e } = u[l] || {}, d = b(
+  ), l = w(() => a.slice(1).toLowerCase(), [a]), { id: c, index: e } = u[l] || {}, d = p(
     (t) => {
       o(`#${t}`);
     },
@@ -155,18 +154,18 @@ function M(n) {
     handleTabChange: d
   };
 }
-function D({
+function M({
   defaultTabs: n,
   pathRoot: r,
   selectedSection: s
 }) {
-  const { useNavigate: i } = C(), o = i(), u = w(
+  const { useNavigate: a } = C(), o = a(), u = w(
     () => n.reduce(
-      (d, t, a) => (d[t.id] = { id: t.id, index: a }, d),
+      (d, t, i) => (d[t.id] = { id: t.id, index: i }, d),
       {}
     ),
     [n]
-  ), l = b(
+  ), l = p(
     (d) => {
       o(`${r}/${d}`);
     },
@@ -175,9 +174,9 @@ function D({
   return { id: c, index: e, handleTabChange: l };
 }
 export {
-  B as TabControl,
-  F as TabItem,
-  M as useHashTabs,
-  D as useSectionTab,
-  I as useTabControl
+  A as TabControl,
+  B as TabItem,
+  I as useHashTabs,
+  M as useSectionTab,
+  F as useTabControl
 };

package/dist/esm/components/table/edit-button.js

@@ -10,11 +10,10 @@ import "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 "../buttons/tab-button/tab-button.js";
-function q({
+function k({
   onClick: m,
   customButton: p,
   children: e,
@@ -44,5 +43,5 @@ function q({
   ) });
 }
 export {
-  q as EditButton
+  k as EditButton
 };