@gearbox-protocol/permissionless-ui 1.22.0-next.3 → 1.22.0-next.31

package/dist/esm/components/assets-list-cell/assets-list-cell.js

@@ -1,48 +1,123 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { ExternalLink as d } from "lucide-react";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { ExternalLink as O } from "lucide-react";
+import { useMemo as $ } from "react";
 import "../buttons/back-button/back-button.js";
-import { Button as p } from "../buttons/button/button.js";
+import { Button as B } from "../buttons/button/button.js";
 import "../buttons/copy-button/copy-button.js";
 import "../buttons/external-button/external-button.js";
 import "../buttons/filter-button/filter-button.js";
 import "../buttons/navigation-button/navigation-button.js";
-import "react";
-import { cn as c } from "../../utils/cn.js";
-import "sonner";
 import "@gearbox-protocol/sdk";
+import { cn as g } from "../../utils/cn.js";
+import "sonner";
 import "../buttons/tab-button/tab-button.js";
-import { TokenIcon as l } from "../token-icon/token-icon.js";
-function b({
-  assetAddress: m,
-  symbol: r,
+import { TokenIcon as k } from "../token-icon/token-icon.js";
+import { TooltipProvider as E, Tooltip as y, TooltipTrigger as b, TooltipContent as w } from "../tooltip/tooltip.js";
+function H(e) {
+  return "balances" in e && e.balances !== void 0;
+}
+function P({
+  assetAddress: e,
+  symbol: o,
   iconSymbol: s,
-  comment: o,
-  explorerUrl: i,
-  iconSize: n = 24,
-  className: a
+  comment: n,
+  explorerUrl: h,
+  iconSize: p = 24,
+  className: f
 }) {
-  return /* @__PURE__ */ e("div", { className: c("flex items-center gap-3", a), children: [
-    /* @__PURE__ */ t(l, { symbol: s ?? r, size: n }),
-    /* @__PURE__ */ e("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ t("div", { className: "font-medium", children: r }),
-      o && /* @__PURE__ */ e("div", { className: "text-md text-muted-foreground", children: [
+  return /* @__PURE__ */ i("div", { className: g("flex items-center gap-3", f), children: [
+    /* @__PURE__ */ t(k, { symbol: s ?? o, size: p }),
+    /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ t("div", { className: "font-medium", children: o }),
+      n && /* @__PURE__ */ i("div", { className: "text-md text-muted-foreground", children: [
         "(",
-        o,
+        n,
         ")"
       ] }),
-      i && /* @__PURE__ */ t(
-        p,
+      h && /* @__PURE__ */ t(
+        B,
         {
           variant: "ghost",
           size: "sm",
           className: "text-muted-foreground hover:text-foreground p-0 h-auto",
-          onClick: () => window.open(`${i}/address/${m}`, "_blank"),
-          children: /* @__PURE__ */ t(d, { className: "h-3 w-3" })
+          onClick: () => window.open(`${h}/address/${e}`, "_blank"),
+          children: /* @__PURE__ */ t(O, { className: "h-3 w-3" })
         }
       )
     ] })
   ] });
 }
+function R({
+  balances: e,
+  tokensList: o,
+  maxAssets: s = 3,
+  iconSize: n = 24,
+  options: h,
+  className: p
+}) {
+  const {
+    mode: f = "default",
+    showIconTooltip: C = !0,
+    otherTooltip: N,
+    onOtherClick: T
+  } = h || {}, x = f === "cascade", [j, I, M, A] = $(() => {
+    const r = e, l = r.slice(0, s), c = r.slice(s), a = c.map((m) => {
+      const u = typeof m == "string" ? m : m.token;
+      return o[u]?.title || o[u]?.symbol || "unknown";
+    }).join(", "), d = r.length > s;
+    return [l, c, a, d];
+  }, [e, s, o]);
+  return /* @__PURE__ */ t(E, { children: /* @__PURE__ */ i("div", { className: g("relative inline-flex items-center", p), children: [
+    j.map((r, l, c) => {
+      const a = typeof r == "string" ? r : r.token, d = o[a], m = l === c.length - 1, u = x ? c.length - l : void 0, v = /* @__PURE__ */ t(k, { symbol: d?.symbol, size: n });
+      return /* @__PURE__ */ t(
+        "div",
+        {
+          className: "flex-shrink-0",
+          style: {
+            zIndex: u,
+            marginRight: m ? 0 : x ? -Math.round(n * 0.5) : 4
+          },
+          children: C ? /* @__PURE__ */ i(y, { children: [
+            /* @__PURE__ */ t(b, { asChild: !0, children: /* @__PURE__ */ t("span", { children: v }) }),
+            /* @__PURE__ */ t(w, { children: d?.title || d?.symbol || "unknown" })
+          ] }) : v
+        },
+        a ?? l
+      );
+    }),
+    A && /* @__PURE__ */ i(y, { children: [
+      /* @__PURE__ */ t(b, { asChild: !0, children: /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          onClick: T,
+          className: g(
+            "inline-flex items-center justify-center rounded-full shrink-0",
+            "cursor-pointer",
+            "bg-gray-50 hover:bg-gray-70 text-foreground transition-colors",
+            "ml-1!"
+          ),
+          style: {
+            width: n,
+            height: n,
+            minWidth: n,
+            minHeight: n,
+            zIndex: 0
+          },
+          children: /* @__PURE__ */ i("span", { className: "text-[10px]! leading-[10px] font-medium", children: [
+            "+",
+            I.length
+          ] })
+        }
+      ) }),
+      /* @__PURE__ */ t(w, { children: N || M })
+    ] })
+  ] }) });
+}
+function Z(e) {
+  return H(e) ? /* @__PURE__ */ t(R, { ...e }) : /* @__PURE__ */ t(P, { ...e });
+}
 export {
-  b as AssetsListCell
+  Z as AssetsListCell
 };

package/dist/esm/components/auth/connect-required.js

@@ -8,10 +8,10 @@ import "../buttons/external-button/external-button.js";
 import "../buttons/filter-button/filter-button.js";
 import "../buttons/navigation-button/navigation-button.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import { TabButton as a } from "../buttons/tab-button/tab-button.js";
 function y({
   children: i,

package/dist/esm/components/auth/signin-required.js

@@ -8,11 +8,11 @@ import "../buttons/external-button/external-button.js";
 import "../buttons/filter-button/filter-button.js";
 import "../buttons/navigation-button/navigation-button.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
 import { shortenHash as b } from "../../utils/format.js";
-import "@gearbox-protocol/sdk";
 import { TabButton as I } from "../buttons/tab-button/tab-button.js";
 function M({
   children: a,

package/dist/esm/components/avatar/avatar.js

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-avatar";
 import * as m from "react";
+import "@gearbox-protocol/sdk";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const s = m.forwardRef(({ className: e, ...r }, l) => /* @__PURE__ */ t(
   a.Root,
   {

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

@@ -1,9 +1,9 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cva as n } from "class-variance-authority";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const i = n(
   "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-auto",
   {

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

@@ -1,9 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
 import { Slot as m } from "@radix-ui/react-slot";
 import * as s from "react";
+import "@gearbox-protocol/sdk";
 import { cn as f } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const p = s.forwardRef(
   ({ className: r, asChild: e = !1, external: o = !1, children: t, ...n }, a) => /* @__PURE__ */ i(
     e ? m : "a",

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

@@ -1,82 +1,192 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
 import { useState as b, useEffect as w, useMemo as E } from "react";
-import { TooltipProvider as j, Tooltip as U, TooltipTrigger as D, TooltipContent as y } from "../tooltip/tooltip.js";
-import { cn as u } from "../../utils/cn.js";
-const L = 1e3 * 60 * 10;
-function B({
-  blockByChain: n,
-  explorerAddresses: g,
-  networkById: v
+import { TooltipProvider as j, Tooltip as D, TooltipTrigger as U, TooltipContent as y } from "../tooltip/tooltip.js";
+import { cn as x } from "../../utils/cn.js";
+import "../accordion/accordion.js";
+import "lucide-react";
+import "@gearbox-protocol/sdk";
+import "sonner";
+import "../alert-badge/alert-badge.js";
+import "../alert-dialog/alert-dialog.js";
+import "../asset-line/asset-line.js";
+import "../buttons/back-button/back-button.js";
+import "../buttons/button/button.js";
+import "../buttons/copy-button/copy-button.js";
+import "../buttons/external-button/external-button.js";
+import "../buttons/filter-button/filter-button.js";
+import "../buttons/navigation-button/navigation-button.js";
+import "../buttons/tab-button/tab-button.js";
+import "../token-icon/token-icon.js";
+import "connectkit";
+import "wagmi";
+import "viem/siwe";
+import "../avatar/avatar.js";
+import "../badge/badge.js";
+import "../base-link/base-link.js";
+import "react-router-dom";
+import "../card-grid/card-grid.js";
+import "../cards/card/card.js";
+import "../carousel/carousel.js";
+import "../checkbox/checkbox.js";
+import "../checkbox/checkbox-labeled.js";
+import "../checkbox-item/checkbox-item.js";
+import "../client-adapters/styled-button/styled-button.js";
+import "../client-adapters/styled-dialog-container/styled-dialog-container.js";
+import "../client-adapters/styled-rounded-image/styled-rounded-image.js";
+import "../colored-text/colored-text.js";
+import "../input/input.js";
+import "../description/description.js";
+import "react-intl";
+import "../icon-button/icon-button.js";
+import "../token-symbol/token-symbol.js";
+import "../skeleton/skeleton.js";
+import "../dropdown-menu/dropdown-menu.js";
+import "../dropdown-menu/dropdown-menu-checkbox-item.js";
+import "../dropdown-menu/dropdown-menu-content.js";
+import "../dropdown-menu/dropdown-menu-item.js";
+import "../dropdown-menu/dropdown-menu-label.js";
+import "../dropdown-menu/dropdown-menu-radio-item.js";
+import "../dropdown-menu/dropdown-menu-separator.js";
+import "../dropdown-menu/dropdown-menu-shortcut.js";
+import "../dropdown-menu/dropdown-menu-sub-content.js";
+import "../dropdown-menu/dropdown-menu-sub-trigger.js";
+import "../page-title/page-title.js";
+import "../modal/modal.js";
+import "@radix-ui/react-dialog";
+import "../dialog/dialog-container.js";
+import "../dialog/dialog-content.js";
+import "../dialog/dialog-description.js";
+import "../dialog/dialog-footer.js";
+import "../dialog/dialog-header.js";
+import "../dialog/dialog-title.js";
+import "../dialog/dialog-modal-container.js";
+import "../dialog/dialog-overlay.js";
+import "viem";
+import "../label/label.js";
+import "../fadeout-loading/fadeout-loading.js";
+import "../filter/filter-block.js";
+import "../filter/filter-checkbox-item.js";
+import "../filter/filter-chip.js";
+import "../filter/filter-chips.js";
+import "../filter/filter-dropdown-item.js";
+import "../filter/filter-group.js";
+import "../filter/filter-label.js";
+import "../search-line/search-line.js";
+import "../tabs/tabs.js";
+import "../filter/filter-modal-item.js";
+import "../filter/filter-radio-item.js";
+import "../filter/filter-separator.js";
+import "../filter/variants.js";
+import "../graph/formatters.js";
+import "lightweight-charts";
+import "../graph/graph-view.js";
+import "../help-tip/help-tip.js";
+import "../horizontal-indicator/horizontal-indicator.js";
+import "../layout/col/col.js";
+import "../layout/container/container.js";
+import "../layout/footer/footer.js";
+import "../layout/grid/grid.js";
+import "../layout/header/header.js";
+import "../layout/layout/layout.js";
+import "../../utils/reactochart-compat.js";
+import "react-markdown";
+import "remark-gfm";
+import "../navbar/navbar.js";
+import "../navbar/navbar-indicator-context.js";
+import "../navitem/navitem.js";
+import "../points-icon/points-icon.js";
+import "../progress/progress.js";
+import "../radio-group/radio-group.js";
+import "../rounded-image/rounded-image.js";
+import "../search-bar/search-bar.js";
+import "../segmented-control/segmented-control.js";
+import "../select/select.js";
+import "../separator/separator.js";
+import "../slider/slider.js";
+import "../smart-number-input/smart-number-input.js";
+import "../spinner/spinner.js";
+import "../stat-badge/stat-badge.js";
+import { StatusDot as L } from "../status-dot/status-dot.js";
+import "../stepper/stepper.js";
+import "../switch/switch.js";
+import "../table/grid-table.js";
+import "../table/table.js";
+import "../table/grid-table-loader.js";
+import "../text-button/text-button.js";
+import "../textarea/textarea.js";
+import "../theme-provider.js";
+import "../tip-card/tip-card.js";
+import "../typography/typography.js";
+import "../vertical-indicator/vertical-indicator.js";
+import "../vertical-list/vertical-list.js";
+import "../with-filter-button/with-filter-button.js";
+const $ = 1e3 * 60 * 10;
+function Qr({
+  blockByChain: i,
+  explorerAddresses: v,
+  networkById: S
 }) {
-  const [i, h] = b(Date.now());
+  const [s, g] = b(Date.now());
   w(() => {
-    const r = () => {
-      h(Date.now());
-    }, e = window.setInterval(r, 1e3);
+    const o = () => {
+      g(Date.now());
+    }, t = window.setInterval(o, 1e3);
     return () => {
-      clearInterval(e);
+      clearInterval(t);
     };
   }, []);
-  const p = E(() => {
-    if (!n) return 0;
-    const r = Object.values(n).reduce((e, a) => {
-      const o = a.lastSyncBlock.localTimestamp;
-      return e === 0 || e !== 0 && o < e ? o : e;
+  const a = E(() => {
+    if (!i) return 0;
+    const o = Object.values(i).reduce((t, c) => {
+      const m = c.lastSyncBlock.localTimestamp;
+      return t === 0 || t !== 0 && m < t ? m : t;
     }, 0);
-    return r ? i - r : 0;
-  }, [n, i]) > L, m = () => /* @__PURE__ */ c("div", { className: "flex h-[30px] items-center gap-1.5", children: [
-    /* @__PURE__ */ t(
+    return o ? s - o : 0;
+  }, [i, s]) > $, d = () => /* @__PURE__ */ e("div", { className: "flex h-[30px] items-center gap-1.5", children: [
+    /* @__PURE__ */ r(
       "span",
       {
-        className: u(
+        className: x(
           "text-sm leading-[17px]",
-          p ? "text-destructive" : "text-success"
+          a ? "text-destructive" : "text-success"
         ),
         children: "Status"
       }
     ),
-    /* @__PURE__ */ t(
-      "div",
-      {
-        className: u(
-          "w-2 h-2 rounded-full",
-          p ? "bg-destructive" : "bg-success"
-        )
-      }
-    )
-  ] }), N = () => {
-    if (!n) return null;
-    const r = Object.entries(n);
-    return /* @__PURE__ */ t("div", { className: "flex flex-col text-left text-xs", children: r.map(([e, a], o) => {
-      const d = a.lastSyncBlock, l = d?.block || 0n, S = d?.localTimestamp ? i - d.localTimestamp : 0, s = g[Number(e)], f = typeof s == "string" ? s : s && typeof s == "object" && "url" in s ? s.url : void 0, T = v[Number(e)] || "Unknown", x = `[${l.toString()}]`, k = o === r.length - 1;
-      return /* @__PURE__ */ c("div", { className: u(!k && "mb-2"), children: [
-        /* @__PURE__ */ c("span", { children: [
-          T,
+    /* @__PURE__ */ r(L, { variant: a ? "alert" : "success" })
+  ] }), h = () => {
+    if (!i) return null;
+    const o = Object.entries(i);
+    return /* @__PURE__ */ r("div", { className: "flex flex-col text-left text-xs", children: o.map(([t, c], m) => {
+      const l = c.lastSyncBlock, n = l?.block || 0n, T = l?.localTimestamp ? s - l.localTimestamp : 0, p = v[Number(t)], u = typeof p == "string" ? p : p && typeof p == "object" && "url" in p ? p.url : void 0, N = S[Number(t)] || "Unknown", f = `[${n.toString()}]`, k = m === o.length - 1;
+      return /* @__PURE__ */ e("div", { className: x(!k && "mb-2"), children: [
+        /* @__PURE__ */ e("span", { children: [
+          N,
           " "
         ] }),
-        f && l > 0 ? /* @__PURE__ */ t(
+        u && n > 0 ? /* @__PURE__ */ r(
           "a",
           {
-            href: `${f}/block/${l}`,
+            href: `${u}/block/${n}`,
             target: "_blank",
             rel: "noopener noreferrer",
             className: "underline hover:text-foreground",
-            children: x
+            children: f
           }
-        ) : /* @__PURE__ */ t("span", { children: x }),
-        l > 0 && /* @__PURE__ */ c("span", { children: [
+        ) : /* @__PURE__ */ r("span", { children: f }),
+        n > 0 && /* @__PURE__ */ e("span", { children: [
           ", updated ",
-          (S / 1e3).toFixed(0),
+          (T / 1e3).toFixed(0),
           " seconds ago"
         ] })
-      ] }, e);
+      ] }, t);
     }) });
   };
-  return n ? /* @__PURE__ */ t(j, { delayDuration: 200, children: /* @__PURE__ */ c(U, { children: [
-    /* @__PURE__ */ t(D, { asChild: !0, children: /* @__PURE__ */ t("div", { className: "cursor-auto select-none", children: m() }) }),
-    /* @__PURE__ */ t(y, { side: "top", collisionPadding: 8, children: N() })
-  ] }) }) : /* @__PURE__ */ t("div", { className: "select-none", children: m() });
+  return i ? /* @__PURE__ */ r(j, { delayDuration: 200, children: /* @__PURE__ */ e(D, { children: [
+    /* @__PURE__ */ r(U, { asChild: !0, children: /* @__PURE__ */ r("div", { className: "cursor-auto select-none", children: d() }) }),
+    /* @__PURE__ */ r(y, { side: "top", collisionPadding: 8, children: h() })
+  ] }) }) : /* @__PURE__ */ r("div", { className: "select-none", children: d() });
 }
 export {
-  B as BlockSync
+  Qr as BlockSync
 };

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

@@ -2,9 +2,9 @@ import { jsx as e, jsxs as h } from "react/jsx-runtime";
 import { ChevronRight as g } from "lucide-react";
 import { Link as x } from "react-router-dom";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as c } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function j({
   items: o,
   onClick: u,

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

@@ -1,9 +1,9 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { Check as a } from "lucide-react";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as c } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const l = {
   sm: "px-2 py-1 text-xs gap-1",
   md: "px-3 py-1.5 text-sm gap-1.5",

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

@@ -2,9 +2,9 @@ import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import { cva as f } from "class-variance-authority";
 import { ArrowLeft as u } from "lucide-react";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as x } from "../../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const c = f("flex items-center transition-colors", {
   variants: {
     variant: {

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

@@ -1,11 +1,12 @@
-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 { cva as y } from "class-variance-authority";
+import * as x from "react";
+import "@gearbox-protocol/sdk";
 import { cn as e } from "../../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
-const f = x(
+const h = y(
+  // TODO: remove !
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors cursor-pointer disabled:!cursor-not-allowed [&_svg]:pointer-events-none [&_svg:not([style*='width']):not([style*='height'])]:size-4 [&_svg]:shrink-0 border border-transparent outline-none focus-visible:outline-none",
   {
     variants: {
@@ -35,6 +36,11 @@ const f = x(
           "hover:bg-gray-90 hover:border-gray-90",
           "disabled:text-secondary-foreground disabled:bg-gray-20 disabled:border-gray-20"
         ),
+        success: e(
+          "font-medium text-success-foreground bg-success border border-success",
+          "hover:bg-success-hover hover:border-success-hover",
+          "disabled:text-secondary-foreground disabled:bg-gray-20 disabled:border-gray-20"
+        ),
         link: "text-primary underline-offset-4 hover:underline disabled:opacity-50",
         text: "text-muted-foreground hover:text-foreground hover:bg-transparent disabled:opacity-50",
         pink: "bg-pink-700 hover:bg-pink-600 disabled:bg-pink-700 text-primary-foreground disabled:opacity-50",
@@ -42,6 +48,7 @@ const f = x(
         blue: "bg-blue-800 hover:bg-blue-700 disabled:bg-blue-700 text-primary-foreground disabled:opacity-50",
         "blue-outline": "border-blue-800 hover:border-blue-700 disabled:border-blue-800 text-foreground disabled:opacity-50"
       },
+      // TODO: remove !
       size: {
         auto: "h-auto p-1.5",
         xs: "px-3 py-0.5 text-xs rounded-full",
@@ -61,38 +68,38 @@ const f = x(
       width: "compact"
     }
   }
-), h = y.forwardRef(
+), f = x.forwardRef(
   ({
     className: t,
     variant: d,
     size: a,
     width: i,
-    asChild: n = !1,
+    asChild: s = !1,
     disabled: o,
-    onClick: s,
+    onClick: n,
     ...b
   }, l) => {
-    const g = n ? c : "button", p = (r) => {
+    const g = s ? c : "button", u = (r) => {
       if (o) {
         r.preventDefault(), r.stopPropagation();
         return;
       }
-      s?.(r);
+      n?.(r);
     };
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ p(
       g,
       {
-        className: e(f({ variant: d, size: a, className: t, width: i })),
+        className: e(h({ variant: d, size: a, className: t, width: i })),
         ref: l,
         disabled: o,
-        onClick: p,
+        onClick: u,
         ...b
       }
     );
   }
 );
-h.displayName = "Button";
+f.displayName = "Button";
 export {
-  h as Button,
-  f as buttonVariants
+  f as Button,
+  h as buttonVariants
 };

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

@@ -2,9 +2,9 @@ import { jsxs as y, jsx as e } from "react/jsx-runtime";
 import { Check as h, Copy as C } from "lucide-react";
 import * as r from "react";
 import { Button as x } from "../button/button.js";
+import "@gearbox-protocol/sdk";
 import { cn as a } from "../../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const w = {
   3: "h-3 w-3",
   "3.5": "h-3.5 w-3.5",

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

@@ -2,9 +2,9 @@ import { jsx as o } from "react/jsx-runtime";
 import { ExternalLink as m } from "lucide-react";
 import * as p from "react";
 import { Button as s } from "../button/button.js";
+import "@gearbox-protocol/sdk";
 import { cn as t } from "../../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const c = {
   3: "!h-3 !w-3",
   "3.5": "!h-3.5 !w-3.5",

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

@@ -1,10 +1,10 @@
 import { jsx as i } from "react/jsx-runtime";
-import a from "react";
+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";
-const l = a.forwardRef(({ href: o, text: t, isActive: e, ...r }, n) => /* @__PURE__ */ i(
+const m = a.forwardRef(({ href: o, text: r, isActive: e, ...t }, n) => /* @__PURE__ */ i(
   s,
   {
     href: o,
@@ -15,11 +15,11 @@ const l = a.forwardRef(({ href: o, text: t, isActive: e, ...r }, n) => /* @__PUR
       e ? "bg-secondary md:bg-transparent text-foreground" : ""
     ),
     "data-active": e,
-    ...r,
-    children: t
+    ...t,
+    children: r
   }
 ));
-l.displayName = "NavButton";
+m.displayName = "NavButton";
 export {
-  l as NavigationButton
+  m as NavigationButton
 };

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

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as t } from "../../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function p({
   range: n,
   rangeList: o,