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

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

@@ -6,7 +6,6 @@ import { useNavigationAdapter as N } from "../navigation-context/navigation-cont
 import "@gearbox-protocol/sdk";
 import { cn as j } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const L = k("transition-colors", {
@@ -41,26 +40,26 @@ const L = k("transition-colors", {
     href: e,
     target: l,
     rel: u,
-    asChild: m = !1,
-    external: f = !1,
+    asChild: f = !1,
+    external: m = !1,
     size: c = "default",
     variant: g = "default",
     color: x = "default",
     children: r,
     ...o
   }, a) => {
-    const { Link: p } = N(), t = f ? "_blank" : l, n = t === "_blank" ? "noopener noreferrer" : u, s = j(L({ size: c, variant: g, color: x }), d);
-    if (m) {
-      const v = {
+    const { Link: v } = N(), t = m ? "_blank" : l, n = t === "_blank" ? "noopener noreferrer" : u, s = j(L({ size: c, variant: g, color: x }), d);
+    if (f) {
+      const p = {
         href: e,
         target: t,
         rel: n,
         ...o
       };
-      return /* @__PURE__ */ i(b, { ref: a, className: s, ...v, children: r });
+      return /* @__PURE__ */ i(b, { ref: a, className: s, ...p, children: r });
     }
     return e?.startsWith("/") ? /* @__PURE__ */ i(
-      p,
+      v,
       {
         ref: a,
         className: s,

package/dist/esm/components/block-sync/block-sync.js

@@ -9,7 +9,6 @@ import "@fortawesome/free-solid-svg-icons";
 import "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import "../alert-badge/alert-badge.js";
@@ -159,7 +158,7 @@ import "../toggle/toggle.js";
 import "../typography/typography.js";
 import "../with-filter-button/with-filter-button.js";
 const D = 1e3 * 60 * 10;
-function Lo({
+function Do({
   blockByChain: i,
   explorerAddresses: S,
   networkById: v
@@ -223,5 +222,5 @@ function Lo({
   return i ? /* @__PURE__ */ o(j, { title: d(), children: N() }) : /* @__PURE__ */ o("div", { className: "select-none", children: d() });
 }
 export {
-  Lo as BlockSync
+  Do as BlockSync
 };

package/dist/esm/components/breadcrumbs/breadcrumbs.js

@@ -5,11 +5,10 @@ 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";
 const u = "text-sm! transition-colors text-muted-foreground! hover:text-foreground!";
-function T({
+function R({
   items: n,
   onClick: d,
   currentStep: m,
@@ -62,5 +61,5 @@ function T({
   }) }) });
 }
 export {
-  T as BreadCrumbs
+  R as BreadCrumbs
 };

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

@@ -1,40 +1,37 @@
-import { jsxs as i, jsx as m } from "react/jsx-runtime";
-import { cva as p } from "class-variance-authority";
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import { cva as m } from "class-variance-authority";
 import * as d from "react";
 import "@gearbox-protocol/sdk";
-import { cn as s } 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 u = p(
+const s = m(
   [
     "flex cursor-pointer select-none items-center border rounded-md p-3",
     "mb-0 border-gray-20",
     "data-[checked=true]:outline data-[checked=true]:outline-2 data-[checked=true]:outline-primary"
   ].join(" ")
-), l = d.forwardRef(
+), u = d.forwardRef(
   ({
     checked: e,
     disabled: o = !1,
     onChange: t,
     children: r,
-    className: a,
-    ...c
-  }, n) => /* @__PURE__ */ i(
+    className: a
+  }, c) => /* @__PURE__ */ n(
     "label",
     {
-      ...c,
-      ref: n,
+      ref: c,
       "data-checked": e,
-      className: s(
-        u(),
+      className: p(
+        s(),
         o && "cursor-not-allowed opacity-50",
         a
       ),
       children: [
         r,
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ i(
           "input",
           {
             type: "checkbox",
@@ -48,7 +45,7 @@ const u = p(
     }
   )
 );
-l.displayName = "ButtonCheckbox";
+u.displayName = "ButtonCheckbox";
 export {
-  l as ButtonCheckbox
+  u as ButtonCheckbox
 };

package/dist/esm/components/buttons/back-button/back-button.js

@@ -6,7 +6,6 @@ import "react";
 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 x = f("flex items-center transition-colors", {
@@ -35,20 +34,20 @@ function l({
 }) {
   return /* @__PURE__ */ a("a", { href: t, className: r, onClick: o, children: e });
 }
-function N({
+function L({
   href: t,
   text: r,
   onClick: o,
   className: e,
   variant: i,
-  size: m,
-  LinkComponent: n = l
+  size: n,
+  LinkComponent: m = l
 }) {
   return /* @__PURE__ */ s(
-    n,
+    m,
     {
       href: t,
-      className: p(x({ variant: i, size: m, className: e })),
+      className: p(x({ variant: i, size: n, className: e })),
       onClick: o,
       children: [
         /* @__PURE__ */ a(c, { icon: u, className: "mr-2 size-4" }),
@@ -58,6 +57,6 @@ function N({
   );
 }
 export {
-  N as BackButton,
+  L as BackButton,
   x as backButtonVariants
 };

package/dist/esm/components/buttons/button/button.js

@@ -1,11 +1,10 @@
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import { Slot as c } from "@radix-ui/react-slot";
 import { cva as x } from "class-variance-authority";
 import * as y 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";
 const h = x(
@@ -82,20 +81,20 @@ const h = x(
     onClick: n,
     ...b
   }, g) => {
-    const l = s ? c : "button", p = (r) => {
+    const l = s ? c : "button", u = (r) => {
       if (o) {
         r.preventDefault(), r.stopPropagation();
         return;
       }
       n?.(r);
     };
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ p(
       l,
       {
         className: e(h({ variant: d, size: a, className: t, width: i })),
         ref: g,
         disabled: o,
-        onClick: p,
+        onClick: u,
         ...b
       }
     );

package/dist/esm/components/buttons/copy-button/copy-button.js

@@ -5,9 +5,8 @@ import { Button as C } from "../button/button.js";
 import { faCheck as x } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as w } from "../../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
-import { cn as i } 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 N = {
@@ -23,7 +22,7 @@ const N = {
   5: 20,
   6: 24
 }, j = r.forwardRef(
-  ({ text: n, className: l, iconSize: a = "3.5", successDuration: p = 1500, ...m }, u) => {
+  ({ text: n, className: l, iconSize: i = "3.5", successDuration: p = 1500, ...m }, u) => {
     const [e, s] = r.useState(!1), o = r.useRef(null), f = async () => {
       try {
         await navigator.clipboard.writeText(n), o.current && clearTimeout(o.current), s(!0), o.current = setTimeout(() => {
@@ -32,14 +31,14 @@ const N = {
       } catch (d) {
         console.error("Failed to copy:", d);
       }
-    }, c = N[a];
+    }, c = N[i];
     return /* @__PURE__ */ y(
       C,
       {
         ref: u,
         variant: "text",
         size: "auto",
-        className: i("p-1! border-0! relative", l),
+        className: a("p-1! border-0! relative", l),
         onClick: f,
         title: e ? "Copied!" : "Copy to clipboard",
         ...m,
@@ -47,7 +46,7 @@ const N = {
           /* @__PURE__ */ t(
             "span",
             {
-              className: i(
+              className: a(
                 "absolute inset-0 flex items-center justify-center transition-all duration-200",
                 e ? "opacity-100 scale-100 text-green-500" : "opacity-0 scale-50 text-green-500"
               ),
@@ -57,11 +56,11 @@ const N = {
           /* @__PURE__ */ t(
             "span",
             {
-              className: i(
+              className: a(
                 "flex items-center justify-center transition-all duration-200",
                 e ? "opacity-0 scale-50" : "opacity-100 scale-100"
               ),
-              children: /* @__PURE__ */ t(h, { size: b[a], className: c })
+              children: /* @__PURE__ */ t(h, { size: b[i], className: c })
             }
           )
         ]

package/dist/esm/components/buttons/external-button/external-button.js

@@ -1,11 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
-import { IconExternal as e } from "@gearbox-protocol/static";
+import { IconExternal as m } from "@gearbox-protocol/static";
 import * as p from "react";
 import { Button as s } from "../button/button.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 c = {
@@ -21,17 +20,17 @@ const c = {
   5: 20,
   6: 24
 }, w = p.forwardRef(
-  ({ url: i, className: n, iconSize: o = "3.5", ...m }, a) => /* @__PURE__ */ t(
+  ({ url: n, className: i, iconSize: o = "3.5", ...a }, e) => /* @__PURE__ */ t(
     s,
     {
-      ref: a,
+      ref: e,
       variant: "text",
       size: "auto",
-      className: r("p-1! border-0!", n),
-      onClick: () => window.open(i, "_blank"),
-      ...m,
+      className: r("p-1! border-0!", i),
+      onClick: () => window.open(n, "_blank"),
+      ...a,
       children: /* @__PURE__ */ t(
-        e,
+        m,
         {
           size: l[o],
           className: r(c[o])

package/dist/esm/components/buttons/navigation-button/navigation-button.js

@@ -1,17 +1,16 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import * as a from "react";
 import { BaseLink as s } from "../../base-link/base-link.js";
 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 = a.forwardRef(({ href: o, text: r, isActive: e, ...t }, i) => /* @__PURE__ */ n(
+const m = a.forwardRef(({ href: o, text: r, isActive: e, ...t }, n) => /* @__PURE__ */ i(
   s,
   {
     href: o,
-    ref: i,
+    ref: n,
     className: d(
       "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 relative",
       "text-decoration-none text-foreground hover:text-foreground hover:bg-secondary px-4 py-2",

package/dist/esm/components/buttons/range-buttons/range-buttons.js

@@ -3,10 +3,9 @@ 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";
-function f({
+function b({
   range: n,
   rangeList: o,
   setRange: i,
@@ -32,5 +31,5 @@ function f({
   )) });
 }
 export {
-  f as RangeButtons
+  b as RangeButtons
 };

package/dist/esm/components/card-grid/card-grid.js

@@ -4,7 +4,6 @@ import * as e from "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";
 const p = a("grid w-full", {
@@ -69,11 +68,11 @@ const p = a("grid w-full", {
     columnsSm: d,
     gap: t,
     justifyItemContent: l,
-    ...m
-  }, c) => /* @__PURE__ */ g(
+    ...c
+  }, m) => /* @__PURE__ */ g(
     "div",
     {
-      ref: c,
+      ref: m,
       className: n(
         p({
           columns: r,
@@ -85,7 +84,7 @@ const p = a("grid w-full", {
           className: s
         })
       ),
-      ...m
+      ...c
     }
   )
 );

package/dist/esm/components/cards/card/card.js

@@ -4,7 +4,6 @@ import * as o 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 n = s(

package/dist/esm/components/cards/expandable-call/expandable-call.js

@@ -1,39 +1,38 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import * as n from "react";
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import * as m from "react";
 import { faCaretDown as d } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as p } from "../../icons/fa-icon.js";
+import { FaIcon as c } from "../../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
-import { cn as c } 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";
-function y({
+function v({
   header: a,
-  children: i,
-  index: s,
-  isExpandable: e = !0
+  children: s,
+  index: i,
+  isExpandable: t = !0
 }) {
-  const [r, m] = n.useState(!1);
-  return /* @__PURE__ */ t("div", { className: "rounded bg-gray-900/50", children: [
-    /* @__PURE__ */ t(
+  const [r, n] = m.useState(!1);
+  return /* @__PURE__ */ e("div", { className: "rounded bg-gray-900/50", children: [
+    /* @__PURE__ */ e(
       "div",
       {
-        className: `flex ${e ? "cursor-pointer" : ""} items-center gap-2 p-3`,
+        className: `flex ${t ? "cursor-pointer" : ""} items-center gap-2 p-3`,
         onClick: () => {
-          e && m(!r);
+          t && n(!r);
         },
         children: [
-          /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: [
+          /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: [
             "#",
-            s
+            i
           ] }),
           a,
           /* @__PURE__ */ o(
-            p,
+            c,
             {
               icon: d,
-              className: c(
+              className: p(
                 "ml-auto size-4 text-muted-foreground",
                 r ? "rotate-180" : "",
                 "transition-transform duration-200 ease-in-out"
@@ -43,9 +42,9 @@ function y({
         ]
       }
     ),
-    r && /* @__PURE__ */ o("div", { className: "border-t border-gray-800 p-4 space-y-2", children: i })
+    r && /* @__PURE__ */ o("div", { className: "border-t border-gray-800 p-4 space-y-2", children: s })
   ] });
 }
 export {
-  y as ExpandablCall
+  v as ExpandablCall
 };

package/dist/esm/components/cards/expandable-card/expandable-card.js

@@ -1,22 +1,21 @@
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import * as a from "react";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import * as m from "react";
 import { faCaretDown as d } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as c } from "../../icons/fa-icon.js";
 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";
 import { Card as f, CardContent as p } from "../card/card.js";
-function I({
+function v({
   header: i,
   children: s,
   alwaysExpanded: r = !1
 }) {
-  const [t, m] = a.useState(r);
-  return /* @__PURE__ */ e(f, { children: [
-    /* @__PURE__ */ e(
+  const [t, a] = m.useState(r);
+  return /* @__PURE__ */ o(f, { children: [
+    /* @__PURE__ */ o(
       "div",
       {
         className: n(
@@ -25,11 +24,11 @@ function I({
           t ? "" : "rounded-b-xl"
         ),
         onClick: () => {
-          r || m(!t);
+          r || a(!t);
         },
         children: [
-          /* @__PURE__ */ o("div", { className: "flex-1", children: i }),
-          !r && /* @__PURE__ */ o("span", { className: "text-muted-foreground transform transition-transform", children: /* @__PURE__ */ o(
+          /* @__PURE__ */ e("div", { className: "flex-1", children: i }),
+          !r && /* @__PURE__ */ e("span", { className: "text-muted-foreground transform transition-transform", children: /* @__PURE__ */ e(
             c,
             {
               icon: d,
@@ -43,9 +42,9 @@ function I({
         ]
       }
     ),
-    t && /* @__PURE__ */ o(p, { className: "border-t border-input bg-gray-900/30", children: s })
+    t && /* @__PURE__ */ e(p, { className: "border-t border-input bg-gray-900/30", children: s })
   ] });
 }
 export {
-  I as ExpandableCard
+  v as ExpandableCard
 };

package/dist/esm/components/carousel/carousel.js

@@ -4,39 +4,38 @@ import { jsx as r } from "react/jsx-runtime";
 import * as N from "react";
 import w from "../../_virtual/index2.js";
 import { faChevronRight as h, faChevronLeft as x } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as i } from "../icons/fa-icon.js";
+import { FaIcon as a } 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 "../../utils/z-index.js";
-const b = ({ onClick: o, className: e, style: t }) => /* @__PURE__ */ r(
+const b = ({ onClick: e, className: o, style: t }) => /* @__PURE__ */ r(
   "button",
   {
     type: "button",
-    onClick: o,
-    className: s("slick-arrow slick-prev", e),
+    onClick: e,
+    className: s("slick-arrow slick-prev", o),
     style: t,
     "aria-label": "Previous slide",
-    children: /* @__PURE__ */ r(i, { icon: x, className: "size-4" })
+    children: /* @__PURE__ */ r(a, { icon: x, className: "size-4" })
   }
-), y = ({ onClick: o, className: e, style: t }) => /* @__PURE__ */ r(
+), y = ({ onClick: e, className: o, style: t }) => /* @__PURE__ */ r(
   "button",
   {
     type: "button",
-    onClick: o,
-    className: s("slick-arrow slick-next", e),
+    onClick: e,
+    className: s("slick-arrow slick-next", o),
     style: t,
     "aria-label": "Next slide",
-    children: /* @__PURE__ */ r(i, { icon: h, className: "size-4" })
+    children: /* @__PURE__ */ r(a, { icon: h, className: "size-4" })
   }
 ), k = N.forwardRef(
   ({
-    className: o,
-    children: e,
+    className: e,
+    children: o,
     infinite: t = !0,
-    arrows: a = !1,
+    arrows: i = !1,
     dots: l = !0,
     autoplay: c = !1,
     autoplaySpeed: m = 5e3,
@@ -46,7 +45,7 @@ const b = ({ onClick: o, className: e, style: t }) => /* @__PURE__ */ r(
   }, u) => {
     const d = {
       infinite: t,
-      arrows: a,
+      arrows: i,
       dots: l,
       autoplay: c,
       autoplaySpeed: m,
@@ -57,7 +56,7 @@ const b = ({ onClick: o, className: e, style: t }) => /* @__PURE__ */ r(
     }, v = {
       "--carousel-gap": `${p}px`
     };
-    return /* @__PURE__ */ r("div", { className: s("carousel-clip relative w-full", o), children: /* @__PURE__ */ r("div", { className: "carousel-root", style: v, children: /* @__PURE__ */ r(w, { ref: u, ...d, children: e }) }) });
+    return /* @__PURE__ */ r("div", { className: s("carousel-clip relative w-full", e), children: /* @__PURE__ */ r("div", { className: "carousel-root", style: v, children: /* @__PURE__ */ r(w, { ref: u, ...d, children: o }) }) });
   }
 );
 k.displayName = "Carousel";

package/dist/esm/components/checkbox/checkbox-labeled.js

@@ -4,7 +4,6 @@ import * as o from "react";
 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";
 import "../accordion/accordion.js";

package/dist/esm/components/checkbox/checkbox.js

@@ -7,7 +7,6 @@ import { FaIcon as o } 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 h = y("", {