@gearbox-protocol/ui-kit 4.0.0-next.39 → 4.0.0-next.40

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

@@ -4,7 +4,6 @@ import { useNavigationAdapter as C } from "../navigation-context/navigation-cont
 import "@gearbox-protocol/sdk/onchain";
 import { cn as b } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 function S(n) {
@@ -35,7 +34,7 @@ function U(n, r, s) {
     };
   }, [r]), o;
 }
-function B({
+function A({
   className: n,
   tabs: r,
   state: s,
@@ -103,7 +102,7 @@ function B({
     }
   ) });
 }
-function F({
+function B({
   icon: n,
   label: r,
   selected: s,
@@ -136,13 +135,13 @@ 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) {
+function F(n, r = 0) {
   const [s, i] = v(n), [o, u] = v(r), l = m((c, e) => {
     i(c), u(e);
   }, []);
   return { id: s, index: o, handleTabChange: l };
 }
-function M(n) {
+function I(n) {
   const { useLocation: r, useNavigate: s } = C(), { hash: i } = r(), o = s(), u = w(
     () => n.reduce(
       (t, a, h) => (t[a.id] = { id: a.id, index: h }, t),
@@ -161,7 +160,7 @@ function M(n) {
     handleTabChange: d
   };
 }
-function D({
+function M({
   defaultTabs: n,
   pathRoot: r,
   selectedSection: s
@@ -181,9 +180,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/grid-loading-line.js

@@ -2,41 +2,40 @@ import { jsx as r } from "react/jsx-runtime";
 import { Skeleton as l } from "../skeleton/skeleton.js";
 import "react";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as e } from "../../utils/cn.js";
+import { cn as t } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-function v({
-  height: i = "70px",
-  columns: t = 6,
+function u({
+  height: e = "70px",
+  columns: i = 6,
   cellClassName: o,
   last: m,
   className: n,
-  ...p
+  ...d
 }) {
   return /* @__PURE__ */ r(
     "div",
     {
-      className: e("contents", n),
-      style: { minHeight: i },
-      ...p,
-      children: Array.from({ length: t }, (s, d) => /* @__PURE__ */ r(
+      className: t("contents", n),
+      style: { minHeight: e },
+      ...d,
+      children: Array.from({ length: i }, (s, p) => /* @__PURE__ */ r(
         "div",
         {
-          className: e(
+          className: t(
             "flex items-center",
             !m && "border-b border-border",
             o || "p-4"
           ),
-          style: { minHeight: i },
+          style: { minHeight: e },
           children: /* @__PURE__ */ r(l, { width: "full", height: "md" })
         },
-        `${d}-${t}`
+        `${p}-${i}`
       ))
     }
   );
 }
 export {
-  v as GridLoadingLine
+  u as GridLoadingLine
 };

package/dist/esm/components/table/table-sm.js

@@ -1,33 +1,32 @@
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as t } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-function y({
-  title: r,
-  className: o,
-  children: e,
-  ...m
+function j({
+  title: s,
+  className: e,
+  children: o,
+  ...l
 }) {
-  return /* @__PURE__ */ i("div", { className: t("flex flex-col gap-1", o), ...m, children: [
-    r && /* @__PURE__ */ s("div", { className: "text-xs text-muted-foreground font-medium uppercase", children: r }),
-    /* @__PURE__ */ s("div", { className: "text-sm", children: e })
+  return /* @__PURE__ */ i("div", { className: t("flex flex-col gap-1", e), ...l, children: [
+    s && /* @__PURE__ */ r("div", { className: "text-xs text-muted-foreground font-medium uppercase", children: s }),
+    /* @__PURE__ */ r("div", { className: "text-sm", children: o })
   ] });
 }
-function L({
-  title: r,
-  columnsXs: o = 1,
-  columnsSm: e,
-  columnsMd: m,
+function y({
+  title: s,
+  columnsXs: e = 1,
+  columnsSm: o,
+  columnsMd: l,
   columns: a,
   className: n,
   children: p,
   ...x
 }) {
-  const l = o, c = e ?? l, d = m ?? c, g = a ?? d;
+  const m = e, c = o ?? m, d = l ?? c, g = a ?? d;
   return /* @__PURE__ */ i(
     "div",
     {
@@ -37,13 +36,13 @@ function L({
       ),
       ...x,
       children: [
-        r && /* @__PURE__ */ s("div", { className: "font-medium mb-2", children: r }),
-        /* @__PURE__ */ s(
+        s && /* @__PURE__ */ r("div", { className: "font-medium mb-2", children: s }),
+        /* @__PURE__ */ r(
           "div",
           {
             className: "grid gap-2 md:gap-4 table-sm-grid",
             style: {
-              "--grid-cols-xs": l,
+              "--grid-cols-xs": m,
               "--grid-cols-sm": c,
               "--grid-cols-md": d,
               "--grid-cols-lg": g
@@ -56,6 +55,6 @@ function L({
   );
 }
 export {
-  y as TableCellSm,
-  L as TableLineSm
+  j as TableCellSm,
+  y as TableLineSm
 };

package/dist/esm/components/table/table.js

@@ -8,7 +8,6 @@ import { TooltipProvider as N, Tooltip as v, TooltipTrigger as w, TooltipContent
 import "@gearbox-protocol/sdk/onchain";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const C = d("w-full caption-bottom", {

package/dist/esm/components/tabs/tabs.js

@@ -1,13 +1,12 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-tabs";
-import * as a from "react";
+import * as i from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const v = e.Root, n = a.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ i(
+const u = e.Root, n = i.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ a(
   e.List,
   {
     ref: o,
@@ -19,7 +18,7 @@ const v = e.Root, n = a.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ *
   }
 ));
 n.displayName = e.List.displayName;
-const d = a.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ i(
+const d = i.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ a(
   e.Trigger,
   {
     ref: o,
@@ -31,7 +30,7 @@ const d = a.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ i(
   }
 ));
 d.displayName = e.Trigger.displayName;
-const f = a.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ i(
+const f = i.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ a(
   e.Content,
   {
     ref: o,
@@ -44,7 +43,7 @@ const f = a.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ i(
 ));
 f.displayName = e.Content.displayName;
 export {
-  v as Tabs,
+  u as Tabs,
   f as TabsContent,
   n as TabsList,
   d as TabsTrigger

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

@@ -4,7 +4,6 @@ import * as g from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const f = n("", {
@@ -57,14 +56,14 @@ const f = n("", {
     className: b,
     disabled: r,
     ...d
-  }, i) => {
-    const c = a === "a", p = o(
+  }, c) => {
+    const i = a === "a", p = o(
       "group inline-block p-0 leading-[100%] font-normal bg-transparent border-none cursor-pointer transition-colors",
       w({ size: h, width: x }),
-      !c && f({ buttonColor: t }),
+      !i && f({ buttonColor: t }),
       r && "text-gray-110 cursor-default [&_svg]:text-gray-110",
       b
-    ), l = c ? o(f({ buttonColor: t }), r && "text-gray-110") : null, m = /* @__PURE__ */ v(D, { children: [
+    ), l = i ? o(f({ buttonColor: t }), r && "text-gray-110") : null, u = /* @__PURE__ */ v(D, { children: [
       /* @__PURE__ */ e(
         "span",
         {
@@ -86,21 +85,21 @@ const f = n("", {
           children: s
         }
       )
-    ] }), u = l ? /* @__PURE__ */ e("span", { className: l, children: m }) : m;
+    ] }), m = l ? /* @__PURE__ */ e("span", { className: l, children: u }) : u;
     return a === "button" ? /* @__PURE__ */ e(
       "button",
       {
-        ref: i,
+        ref: c,
         type: "button",
         className: p,
         disabled: r,
         ...d,
-        children: u
+        children: m
       }
     ) : g.createElement(
       a,
-      { ref: i, className: p, ...d },
-      u
+      { ref: c, className: p, ...d },
+      m
     );
   }
 );

package/dist/esm/components/textarea/textarea.js

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

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

@@ -4,7 +4,6 @@ import * as f from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as e } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const p = t("rounded-lg p-5 text-sm", {
@@ -75,8 +74,8 @@ const p = t("rounded-lg p-5 text-sm", {
     backgroundColor: a,
     borderColor: n = a === "dark" ? "dark" : "light",
     attributeColor: r,
-    children: i,
-    ...b
+    children: b,
+    ...i
   }, d) => /* @__PURE__ */ s(
     "div",
     {
@@ -90,7 +89,7 @@ const p = t("rounded-lg p-5 text-sm", {
         }),
         o
       ),
-      ...b,
+      ...i,
       children: [
         r && /* @__PURE__ */ l(
           "div",
@@ -102,7 +101,7 @@ const p = t("rounded-lg p-5 text-sm", {
             )
           }
         ),
-        i
+        b
       ]
     }
   )

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

@@ -3,12 +3,11 @@ import N from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as T } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import { getStatic as g } from "../../utils/static.js";
 import { getTokenIcon as w } from "../../utils/token-icon-source.js";
 import "luxon";
 import "../../utils/z-index.js";
-import { RoundedImage as u } from "../rounded-image/rounded-image.js";
+import { RoundedImage as m } from "../rounded-image/rounded-image.js";
 const s = g("/tokens/default.svg");
 function U(t) {
   return t.replace("/", "").replace(" ", "").replace("-f", "").replace("-", "_").toLowerCase();
@@ -47,13 +46,13 @@ const D = N.forwardRef(function({
   rounded: a = !1,
   className: l,
   ...f
-}, m) {
+}, u) {
   const i = v(o, e);
   if (I(i))
     return /* @__PURE__ */ r(
       S,
       {
-        ref: m,
+        ref: u,
         composite: i,
         size: n,
         fit: c,
@@ -63,9 +62,9 @@ const D = N.forwardRef(function({
     );
   const p = C(i);
   return /* @__PURE__ */ r(
-    u,
+    m,
     {
-      ref: m,
+      ref: u,
       className: l,
       src: p,
       alt: "",
@@ -78,13 +77,13 @@ const D = N.forwardRef(function({
     }
   );
 }), S = N.forwardRef(function({ composite: o, size: e, fit: n, rounded: c, className: a }, l) {
-  const { preset: f, layers: m, scaleFactor: i = L } = o, [p, b] = m, h = k(p), x = k(b), d = Math.round(e * i);
+  const { preset: f, layers: u, scaleFactor: i = L } = o, [p, b] = u, h = k(p), x = k(b), d = Math.round(e * i);
   let y;
   switch (f) {
     case "centered_foreground":
       y = /* @__PURE__ */ R(_, { children: [
         /* @__PURE__ */ r(
-          u,
+          m,
           {
             className: "absolute inset-0",
             style: { zIndex: 0 },
@@ -107,7 +106,7 @@ const D = N.forwardRef(function({
               height: d
             },
             children: /* @__PURE__ */ r(
-              u,
+              m,
               {
                 src: x,
                 alt: "foreground",
@@ -122,7 +121,7 @@ const D = N.forwardRef(function({
       break;
     default:
       return console.error("Unknown TokenIcon composite preset", f), /* @__PURE__ */ r(
-        u,
+        m,
         {
           src: h,
           alt: "error",
@@ -144,7 +143,7 @@ const D = N.forwardRef(function({
 });
 S.displayName = "TokenIconComposite";
 D.displayName = "TokenIcon";
-function K(t) {
+function J(t) {
   for (const o of t)
     for (const e of F(o)) {
       const n = new window.Image();
@@ -153,5 +152,5 @@ function K(t) {
 }
 export {
   D as TokenIcon,
-  K as preloadTokenIcons
+  J as preloadTokenIcons
 };

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

@@ -9,7 +9,6 @@ import "../tooltip/tooltip.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as y } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import { getNetworkIcon as I } from "../../utils/network-icons.js";
 import "luxon";
 import "../../utils/z-index.js";

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

@@ -5,23 +5,22 @@ import "clsx";
 import "tailwind-merge";
 import "sonner";
 import "@gearbox-protocol/sdk/onchain";
-import "@gearbox-protocol/sdk/common-utils";
-import { negativeTokenTemplate as q, tokenTemplateString as z } from "../../utils/templates.js";
+import { negativeTokenTemplate as V, tokenTemplateString as q } from "../../utils/templates.js";
 import "luxon";
 import "../../utils/z-index.js";
 import { FormattedNumberString as g } from "../formatted-number/formatted-number.js";
 import { ShortString as x } from "../short-string/short-string.js";
-function N({
+function I({
   value: r,
-  token: m,
-  precision: e,
+  token: e,
+  precision: m,
   formatter: i = d,
   noFormattedAmountValue: n = "-",
   showSymbol: p = !0,
   maxLength: a = 1 / 0,
   ...l
 }) {
-  const { decimals: s = 18, title: f, symbol: c } = m || {}, t = i(r, s, e), u = t === n;
+  const { decimals: s = 18, title: f, symbol: c } = e || {}, t = i(r, s, m), u = t === n;
   return /* @__PURE__ */ T("span", { children: [
     /* @__PURE__ */ o(g, { value: t, ...l }),
     " ",
@@ -29,7 +28,7 @@ function N({
   ] });
 }
 export {
-  N as TokenTemplate,
-  q as negativeTokenTemplate,
-  z as tokenTemplateString
+  I as TokenTemplate,
+  V as negativeTokenTemplate,
+  q as tokenTemplateString
 };

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

@@ -4,7 +4,6 @@ import * as e from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as k } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import { Z_INDEX as F } from "../../utils/z-index.js";
 const A = e.createContext({ lockParent: () => {
@@ -26,7 +25,7 @@ function Q({
   triggerClassName: w,
   useTitleAsTrigger: B = !1
 }) {
-  const [M, $] = e.useState(!1), [y, R] = e.useState(!1), f = e.useRef(null), l = e.useRef(null), p = x !== void 0, c = p ? x : M, o = e.useCallback(
+  const [M, $] = e.useState(!1), [y, R] = e.useState(!1), f = e.useRef(null), i = e.useRef(null), p = x !== void 0, c = p ? x : M, o = e.useCallback(
     (t) => {
       p ? P?.(t) : $(t);
     },
@@ -39,10 +38,10 @@ function Q({
     []
   ), T = e.useRef(!1);
   T.current = y;
-  const i = e.useRef(
+  const l = e.useRef(
     null
   ), u = e.useCallback(() => {
-    i.current !== null && (clearTimeout(i.current), i.current = null);
+    l.current !== null && (clearTimeout(l.current), l.current = null);
   }, []), G = e.useCallback(
     (t) => {
       if (n !== "click") {
@@ -50,8 +49,8 @@ function Q({
           u(), o(!0), s.lockParent();
           return;
         }
-        i.current = setTimeout(() => {
-          i.current = null, !T.current && (o(!1), s.unlockParent());
+        l.current = setTimeout(() => {
+          l.current = null, !T.current && (o(!1), s.unlockParent());
         }, 100);
       }
     },
@@ -73,7 +72,7 @@ function Q({
     if (n !== "click" || !c) return;
     const t = (m) => {
       const L = m.target;
-      f.current && !f.current.contains(L) && l.current && !l.current.contains(L) && o(!1);
+      f.current && !f.current.contains(L) && i.current && !i.current.contains(L) && o(!1);
     }, N = (m) => {
       m.key === "Escape" && o(!1);
     };
@@ -100,7 +99,7 @@ function Q({
         /* @__PURE__ */ r(a.Trigger, { asChild: !0, children: B ? d : n === "click" ? /* @__PURE__ */ r(
           "button",
           {
-            ref: l,
+            ref: i,
             type: "button",
             onClick: V,
             onKeyDown: X,
@@ -113,7 +112,7 @@ function Q({
         ) : /* @__PURE__ */ r(
           "span",
           {
-            ref: l,
+            ref: i,
             className: k("inline-flex", w),
             children: d
           }

package/dist/esm/components/tooltip/tooltip.js

@@ -4,10 +4,9 @@ import * as a from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import { Z_INDEX as s } from "../../utils/z-index.js";
-const v = o.Provider, x = o.Root, h = o.Trigger, p = a.forwardRef(({ className: e, sideOffset: r = 4, ...i }, d) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
+const b = o.Provider, v = o.Root, x = o.Trigger, n = a.forwardRef(({ className: e, sideOffset: r = 4, ...i }, d) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
   o.Content,
   {
     ref: d,
@@ -20,10 +19,10 @@ const v = o.Provider, x = o.Root, h = o.Trigger, p = a.forwardRef(({ className:
     ...i
   }
 ) }));
-p.displayName = o.Content.displayName;
+n.displayName = o.Content.displayName;
 export {
-  x as Tooltip,
-  p as TooltipContent,
-  v as TooltipProvider,
-  h as TooltipTrigger
+  v as Tooltip,
+  n as TooltipContent,
+  b as TooltipProvider,
+  x as TooltipTrigger
 };

package/dist/esm/components/trading-view/trading-view.js

@@ -5,7 +5,6 @@ import { SectionHeading as he } from "../base/section-heading/section-heading.js
 import { useIsMobile as ve } from "../../hooks/use-media-query.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as pe } from "../../utils/cn.js";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { DEFAULT_SERIES_COLORS as T, getSeriesColorPalette as xe, GraphLegend as ge } from "../graph/graph.js";
@@ -84,7 +83,7 @@ function X(t, r) {
     c.set(n, p);
   Oe(t, c);
 }
-function De({
+function Ze({
   data: t,
   yMeasureUnit: r,
   height: c = 306,
@@ -300,5 +299,5 @@ function De({
   );
 }
 export {
-  De as TradingView
+  Ze as TradingView
 };

package/dist/esm/components/typography/typography.js

@@ -1,10 +1,9 @@
 import { jsx as s } from "react/jsx-runtime";
 import { cva as x } from "class-variance-authority";
-import * as p from "react";
+import * as c from "react";
 import "@gearbox-protocol/sdk/onchain";
-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";
 const g = x("", {
@@ -76,7 +75,7 @@ const g = x("", {
   caption: "span",
   overline: "span",
   inherit: "span"
-}, u = p.forwardRef(
+}, u = c.forwardRef(
   ({
     className: e,
     variant: t = "inherit",
@@ -93,7 +92,7 @@ const g = x("", {
       d,
       {
         ref: m,
-        className: c(
+        className: p(
           g({
             variant: t,
             color: i,