@gearbox-protocol/ui-kit 4.0.0-next.47 → 4.0.0-next.49

package/dist/esm/components/input/input.js

@@ -3,7 +3,6 @@ import { cva as T } from "class-variance-authority";
 import * as R from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as e } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 import { useIconSlotWidths as S } from "./use-icon-slot-widths.js";
@@ -70,7 +69,7 @@ const z = T(
       variant: "default"
     }
   }
-), F = R.forwardRef(
+), B = R.forwardRef(
   ({
     hasError: o,
     errorMessage: d,
@@ -157,6 +156,6 @@ const z = T(
   }
 );
 export {
-  F as Input,
+  B as Input,
   z as inputVariants
 };

package/dist/esm/components/label/label.js

@@ -4,7 +4,6 @@ import { cva as v } from "class-variance-authority";
 import * as r from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as g } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const y = v(

package/dist/esm/components/legal-agreement/legal-agreement-dialog.js

@@ -1,11 +1,11 @@
 import { jsx as e, jsxs as t, Fragment as C } from "react/jsx-runtime";
-import { IconExternal as k, IconPending as v } from "@gearbox-protocol/static";
-import * as b from "react";
-import { useState as D } from "react";
-import { AlertDialog as c, AlertDialogContent as m, AlertDialogHeader as T, AlertDialogTitle as F, AlertDialogDescription as o, AlertDialogFooter as x } from "../alert-dialog/alert-dialog.js";
-import { BaseLink as I } from "../base-link/base-link.js";
+import { faTriangleExclamation as k } from "@fortawesome/free-solid-svg-icons";
+import { IconPending as v, IconExternal as b } from "@gearbox-protocol/static";
+import * as D from "react";
+import { useState as T } from "react";
+import { AlertDialog as c, AlertDialogContent as m, AlertDialogFooter as x, AlertDialogHeader as F, AlertDialogTitle as I, AlertDialogDescription as o } from "../alert-dialog/alert-dialog.js";
+import { BaseLink as j } from "../base-link/base-link.js";
 import { Button as d } from "../buttons/button/button.js";
-import { faTriangleExclamation as j } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as z } from "../icons/fa-icon.js";
 import { LegalAgreementAwaitingPanel as B } from "./legal-agreement-awaiting-panel.js";
 import { LegalAgreementPanel as P } from "./legal-agreement-panel.js";
@@ -19,12 +19,12 @@ function K({
   config: i,
   theme: h = "default"
 }) {
-  const [f, u] = D({}), N = i.checkboxItems.every((l) => f[l.id]), y = (l) => {
+  const [f, u] = T({}), N = i.checkboxItems.every((l) => f[l.id]), y = (l) => {
     u((p) => ({ ...p, [l]: !p[l] }));
   }, A = async () => {
     await r();
   };
-  return b.useEffect(() => {
+  return D.useEffect(() => {
     a || u({});
   }, [a]), w ? /* @__PURE__ */ e(c, { open: a, children: /* @__PURE__ */ e(m, { className: "max-w-2xl w-[calc(100%-2rem)] sm:w-full", children: /* @__PURE__ */ e(
     B,
@@ -76,8 +76,8 @@ function M({
   termsOfServiceLink: r
 }) {
   return /* @__PURE__ */ e(c, { open: a, children: /* @__PURE__ */ t(m, { className: "max-w-lg", children: [
-    /* @__PURE__ */ e(T, { children: /* @__PURE__ */ t(F, { className: "flex items-center justify-center gap-2 text-destructive", children: [
-      /* @__PURE__ */ e(z, { icon: j, className: "size-5" }),
+    /* @__PURE__ */ e(F, { children: /* @__PURE__ */ t(I, { className: "flex items-center justify-center gap-2 text-destructive", children: [
+      /* @__PURE__ */ e(z, { icon: k, className: "size-5" }),
       "Access Restricted"
     ] }) }),
     /* @__PURE__ */ t("div", { className: "space-y-4", children: [
@@ -87,14 +87,14 @@ function M({
         "This restriction applies to your use of the web application. For more details, please review the",
         " ",
         /* @__PURE__ */ t(
-          I,
+          j,
           {
             href: r,
             external: !0,
             className: "text-primary underline hover:text-primary/80 inline-flex items-center gap-1",
             children: [
               "Terms of Service",
-              /* @__PURE__ */ e(k, { size: 12, className: "size-3" })
+              /* @__PURE__ */ e(b, { size: 12, className: "size-3" })
             ]
           }
         ),

package/dist/esm/components/legal-agreement/legal-agreement-panel.js

@@ -1,7 +1,7 @@
 import { jsx as l, jsxs as s } from "react/jsx-runtime";
-import { Checkbox as h } from "../checkbox/checkbox.js";
-import { CheckboxLabeled as b } from "../checkbox/checkbox-labeled.js";
-import { faTriangleExclamation as u } from "@fortawesome/free-solid-svg-icons";
+import { faTriangleExclamation as h } from "@fortawesome/free-solid-svg-icons";
+import { Checkbox as b } from "../checkbox/checkbox.js";
+import { CheckboxLabeled as u } from "../checkbox/checkbox-labeled.js";
 import { FaIcon as N } from "../icons/fa-icon.js";
 import { legalAgreementPanelRootVariants as k, legalAgreementPanelNotificationVariants as p, legalAgreementPanelV2BannerVariants as f, legalAgreementPanelCheckboxListVariants as v, legalAgreementPanelCheckboxListTitleVariants as A, legalAgreementPanelCheckboxRowVariants as x, legalAgreementPanelCheckboxLabelVariants as g } from "./legal-agreement-theme.js";
 class P {
@@ -28,7 +28,7 @@ function T({
           /* @__PURE__ */ l(
             N,
             {
-              icon: u,
+              icon: h,
               className: "size-5 shrink-0 text-yellow-500 mt-0.5"
             }
           ),
@@ -49,7 +49,7 @@ function T({
               {
                 className: x({ theme: e }),
                 children: /* @__PURE__ */ l(
-                  b,
+                  u,
                   {
                     id: d,
                     checked: m,
@@ -77,7 +77,7 @@ function T({
                 className: x({ theme: e }),
                 children: [
                   /* @__PURE__ */ l(
-                    h,
+                    b,
                     {
                       id: d,
                       checked: m,

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

@@ -2,10 +2,8 @@ import { jsxs as s, Fragment as b, jsx as n } from "react/jsx-runtime";
 import { IconExternal as g } from "@gearbox-protocol/static";
 import { cva as x } from "class-variance-authority";
 import { BaseLink as N } from "../base-link/base-link.js";
-import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as h } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const v = x(
@@ -26,21 +24,21 @@ const v = x(
   }
 );
 function k({
-  className: c,
-  children: r,
+  className: p,
+  children: e,
   href: l,
-  target: m,
+  target: d,
   variant: a = "default",
-  size: d = "default",
+  size: m = "default",
   color: f = "main",
   external: t = !1,
   asChild: w = !1,
   ...u
 }) {
-  const o = t ? /* @__PURE__ */ n("span", { className: "icon-wrap -mt-px pl-1.5 leading-none", children: /* @__PURE__ */ n(g, { size: 14 }) }) : null, i = t && typeof r == "string" ? (() => {
-    const e = r.trimEnd().lastIndexOf(" "), p = e === -1 ? "" : r.slice(0, e + 1), _ = e === -1 ? r : r.slice(e + 1);
+  const o = t ? /* @__PURE__ */ n("span", { className: "icon-wrap -mt-px pl-1.5 leading-none", children: /* @__PURE__ */ n(g, { size: 14 }) }) : null, c = t && typeof e == "string" ? (() => {
+    const r = e.trimEnd().lastIndexOf(" "), i = r === -1 ? "" : e.slice(0, r + 1), _ = r === -1 ? e : e.slice(r + 1);
     return /* @__PURE__ */ s(b, { children: [
-      p ? /* @__PURE__ */ n("span", { className: "content-wrap", children: p }) : null,
+      i ? /* @__PURE__ */ n("span", { className: "content-wrap", children: i }) : null,
       /* @__PURE__ */ s("span", { className: "inline-flex items-center whitespace-nowrap", children: [
         /* @__PURE__ */ n("span", { className: "content-wrap", children: _ }),
         o
@@ -56,22 +54,22 @@ function k({
     // non-external links, where wrapping would blockify `.content-wrap` and
     // move an `underlined` border, to align nothing.
     /* @__PURE__ */ s("span", { className: "inline-flex items-center", children: [
-      /* @__PURE__ */ n("span", { className: "content-wrap", children: r }),
+      /* @__PURE__ */ n("span", { className: "content-wrap", children: e }),
       o
     ] })
-  ) : /* @__PURE__ */ n("span", { className: "content-wrap", children: r });
+  ) : /* @__PURE__ */ n("span", { className: "content-wrap", children: e });
   return /* @__PURE__ */ n(
     N,
     {
       href: l,
-      target: m,
+      target: d,
       external: t,
       variant: a === "underlined" ? "default" : a,
-      size: d,
+      size: m,
       color: f,
-      className: h(v({ variant: a }), c),
+      className: h(v({ variant: a }), p),
       ...u,
-      children: w ? /* @__PURE__ */ n("span", { children: i }) : i
+      children: w ? /* @__PURE__ */ n("span", { children: c }) : c
     }
   );
 }

package/dist/esm/components/loader/loader.js

@@ -1,20 +1,19 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { IconPending as m } from "@gearbox-protocol/static";
-import * as a from "react";
+import { IconPending as a } from "@gearbox-protocol/static";
+import * as m from "react";
 import { FormattedMessageTyped as s } from "../typed-intl/index.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as t } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
-const n = a.forwardRef(function({ className: o }, i) {
+const n = m.forwardRef(function({ className: o }, i) {
   return /* @__PURE__ */ r(
     "div",
     {
       ref: i,
       className: t("flex flex-wrap justify-center items-center", o),
       children: [
-        /* @__PURE__ */ e("div", { className: "mr-2 overflow-hidden", children: /* @__PURE__ */ e(m, { size: 24, className: "animate-spin" }) }),
+        /* @__PURE__ */ e("div", { className: "mr-2 overflow-hidden", children: /* @__PURE__ */ e(a, { size: 24, className: "animate-spin" }) }),
         /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
           /* @__PURE__ */ e(s, { messageId: "components.loading.loading" }),
           "..."

package/dist/esm/components/loading-bar/loading-bar.js

@@ -4,17 +4,16 @@ import * as d from "react";
 import { Modal as l } from "../modal/modal.js";
 import { SpinnerLoader as c } from "../spinner-loader/spinner-loader.js";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as p } from "../../utils/cn.js";
-import "sonner";
+import { cn as s } from "../../utils/cn.js";
 import "luxon";
 import "../../utils/z-index.js";
-const s = m(
+const p = m(
   [
     "w-[250px] min-h-[120px] p-[16px] flex flex-col justify-center items-center text-center",
     "bg-gray-10 rounded-md"
   ].join(" ")
 ), x = d.forwardRef(
-  ({ message: t, subMessage: e, show: n = !0, className: a }, i) => /* @__PURE__ */ r(l, { show: n, xsCentered: !0, zIndexLayer: "LOADING", children: /* @__PURE__ */ o("div", { ref: i, className: p(s(), a), children: [
+  ({ message: t, subMessage: e, show: n = !0, className: a }, i) => /* @__PURE__ */ r(l, { show: n, xsCentered: !0, zIndexLayer: "LOADING", children: /* @__PURE__ */ o("div", { ref: i, className: s(p(), a), children: [
     /* @__PURE__ */ r("div", { className: "mb-5", children: /* @__PURE__ */ r(c, {}) }),
     /* @__PURE__ */ o("div", { className: "flex w-full flex-col gap-0", children: [
       /* @__PURE__ */ r("span", { className: "text-sm text-foreground", children: t }),

package/dist/esm/components/modal/modal.js

@@ -5,7 +5,6 @@ import * as s from "react";
 import { useIsMobile as M } from "../../hooks/use-media-query.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as o } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import { Z_INDEX as O, Z_INDEX_VALUES as N } from "../../utils/z-index.js";
 const u = "gb-modal-open";

package/dist/esm/components/navbar-logo/navbar-logo.js

@@ -1,25 +1,23 @@
-import { jsx as n } from "react/jsx-runtime";
-import "react";
+import { jsx as a } from "react/jsx-runtime";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as a } from "../../utils/cn.js";
-import "sonner";
+import { cn as m } from "../../utils/cn.js";
 import "luxon";
 import "../../utils/z-index.js";
-function y({
+function s({
   size: o,
   className: t,
   style: i,
   ...r
 }) {
-  const m = o ? { width: o, height: o } : {};
+  const n = o ? { width: o, height: o } : {};
   return (
     // biome-ignore lint/performance/noImgElement: Universal component that works outside Next.js
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ a(
       "img",
       {
         alt: "Logo",
-        className: a("object-contain", t),
-        style: { ...m, ...i },
+        className: m("object-contain", t),
+        style: { ...n, ...i },
         loading: "lazy",
         decoding: "async",
         ...r
@@ -28,5 +26,5 @@ function y({
   );
 }
 export {
-  y as NavBarLogo
+  s as NavBarLogo
 };

package/dist/esm/components/network-icon/index.js

@@ -1,6 +1,4 @@
-import { NetworkIcon as t } from "./network-icon.js";
-import { NetworkIndicator as c } from "./network-indicator.js";
+import { NetworkIcon as e } from "./network-icon.js";
 export {
-  t as NetworkIcon,
-  c as NetworkIndicator
+  e as NetworkIcon
 };

package/dist/esm/components/pool-points-indicator/pool-points-indicator.js

@@ -1,8 +1,6 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import "react";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as o } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const a = {
@@ -12,49 +10,49 @@ const a = {
   blue: "border-blue-600 bg-blue-600",
   yellow: "border-yellow-600 bg-yellow-600"
 };
-function y({
-  size: r = 24,
+function p({
+  size: e = 24,
   color: n = "primary",
   className: s,
   children: d
 }) {
-  const t = r + 8, l = a[n];
+  const l = e + 8, t = a[n];
   return /* @__PURE__ */ i("div", { className: o("relative inline-block", s), children: [
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ r(
       "div",
       {
         className: o(
           "absolute flex items-center justify-center rounded-full border-2",
-          l.split(" ")[0]
+          t.split(" ")[0]
           // border color
         ),
         style: {
           top: -4,
           left: -4,
-          width: t,
-          height: t
+          width: l,
+          height: l
         }
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ r(
       "div",
       {
         className: o(
           "absolute flex items-center justify-center rounded-full",
-          l.split(" ")[1]
+          t.split(" ")[1]
         ),
         style: {
-          top: -r / 4,
-          right: -r / 4,
-          width: r * 7 / 12,
-          height: r * 7 / 12,
+          top: -e / 4,
+          right: -e / 4,
+          width: e * 7 / 12,
+          height: e * 7 / 12,
           zIndex: 1
         },
         children: /* @__PURE__ */ i(
           "svg",
           {
-            width: r / 3,
-            height: r / 3,
+            width: e / 3,
+            height: e / 3,
             viewBox: "0 0 8 8",
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
@@ -62,8 +60,8 @@ function y({
             role: "img",
             "aria-label": "Pool Points Indicator",
             children: [
-              /* @__PURE__ */ e("title", { children: "Pool Points" }),
-              /* @__PURE__ */ e("path", { d: "M4.5 0L1 4.5h2.5L3 8l3.5-4.5H4L4.5 0z", fill: "currentColor" })
+              /* @__PURE__ */ r("title", { children: "Pool Points" }),
+              /* @__PURE__ */ r("path", { d: "M4.5 0L1 4.5h2.5L3 8l3.5-4.5H4L4.5 0z", fill: "currentColor" })
             ]
           }
         )
@@ -73,5 +71,5 @@ function y({
   ] });
 }
 export {
-  y as PoolPointsIndicator
+  p as PoolPointsIndicator
 };

package/dist/esm/components/radio-group/radio-group.js

@@ -1,10 +1,9 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-radio-group";
 import { cva as n } from "class-variance-authority";
 import * as s from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as t } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const l = n("", {
@@ -22,9 +21,9 @@ const l = n("", {
     size: "md",
     color: "primary"
   }
-}), c = s.forwardRef(({ className: e, ...o }, i) => /* @__PURE__ */ a(r.Root, { ref: i, className: t(e), ...o }));
+}), c = s.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ i(r.Root, { ref: a, className: t(e), ...o }));
 c.displayName = r.Root.displayName;
-const p = s.forwardRef(({ className: e, color: o, size: i, ...d }, m) => /* @__PURE__ */ a(
+const p = s.forwardRef(({ className: e, color: o, size: a, ...d }, m) => /* @__PURE__ */ i(
   r.Item,
   {
     ref: m,
@@ -32,12 +31,12 @@ const p = s.forwardRef(({ className: e, color: o, size: i, ...d }, m) => /* @__P
       "group relative shrink-0 rounded-full border shadow cursor-pointer transition-colors flex items-center justify-center",
       "data-[state=checked]:border-primary",
       "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-      l({ size: i, color: o }),
+      l({ size: a, color: o }),
       "disabled:cursor-not-allowed disabled:bg-gray-20 disabled:border-gray-50",
       e
     ),
     ...d,
-    children: /* @__PURE__ */ a(
+    children: /* @__PURE__ */ i(
       r.Indicator,
       {
         className: t(

package/dist/esm/components/rounded-image/rounded-image.js

@@ -3,7 +3,6 @@ import * as L from "react";
 import { useState as s, useRef as j, useEffect as E } from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as k } from "../../utils/cn.js";
-import "sonner";
 import { getStatic as w } from "../../utils/static.js";
 import "luxon";
 import "../../utils/z-index.js";
@@ -18,8 +17,8 @@ const N = L.forwardRef(
     rounded: f = !0,
     style: l,
     src: r,
-    defaultIcon: m = d,
-    fit: u = "cover",
+    defaultIcon: u = d,
+    fit: m = "cover",
     ...g
   }, p) => {
     const [h, a] = s(void 0), [v, n] = s(!1), t = j(!1);
@@ -27,7 +26,7 @@ const N = L.forwardRef(
       c(r), a(void 0), n(!1), t.current = !1;
     }, [r]);
     const y = (b) => {
-      t.current || (t.current = !0, i.set(b.currentTarget.src, !0), a(m));
+      t.current || (t.current = !0, i.set(b.currentTarget.src, !0), a(u));
     }, R = () => {
       n(!0);
     };
@@ -40,7 +39,7 @@ const N = L.forwardRef(
           src: h || c(r),
           alt: "",
           className: k(
-            u === "cover" ? "object-cover" : "object-contain object-center",
+            m === "cover" ? "object-cover" : "object-contain object-center",
             f && "rounded-full",
             !v && "bg-gray-90 dark:bg-gray-110 rounded-full",
             e

package/dist/esm/components/rwa-styles/index.js

@@ -1,5 +1,4 @@
-const e = "bg-transparent text-secondary-foreground relative border-0 isolate before:content-[''] before:absolute before:z-[-1] before:p-px before:-inset-px before:rounded-[inherit] before:bg-[linear-gradient(135deg,rgb(246,44,161)_0%,rgb(255,127,35)_100%)] before:[mask:linear-gradient(rgb(255,255,255)_0px,rgb(255,255,255)_0px)_content-box_exclude,_linear-gradient(rgb(255,255,255)_0px,rgb(255,255,255)_0px)] before:[mask-composite:exclude] before:[-webkit-mask-composite:xor]", r = "[&_.grid.grid-cols-subgrid.col-span-full:has([data-rwa-pool-marker='true'])>*]:before:bg-[#7fc8ea]/40";
+const e = "bg-transparent text-secondary-foreground relative border-0 isolate before:content-[''] before:absolute before:z-[-1] before:p-px before:-inset-px before:rounded-[inherit] before:bg-[linear-gradient(135deg,rgb(246,44,161)_0%,rgb(255,127,35)_100%)] before:[mask:linear-gradient(rgb(255,255,255)_0px,rgb(255,255,255)_0px)_content-box_exclude,_linear-gradient(rgb(255,255,255)_0px,rgb(255,255,255)_0px)] before:[mask-composite:exclude] before:[-webkit-mask-composite:xor]";
 export {
-  e as RWA_GRADIENT_BORDER_CLASS,
-  r as RWA_POOL_ROW_HOVER_WRAPPER_CLASS
+  e as RWA_GRADIENT_BORDER_CLASS
 };

package/dist/esm/components/search-line/search-line.js

@@ -1,13 +1,12 @@
 import { jsx as e, jsxs as g } from "react/jsx-runtime";
-import { IconPending as C } from "@gearbox-protocol/static";
+import { faMagnifyingGlass as C, faArrowRight as I } from "@fortawesome/free-solid-svg-icons";
+import { IconPending as S } from "@gearbox-protocol/static";
 import { cva as x } from "class-variance-authority";
 import * as r from "react";
-import { faMagnifyingGlass as I, faArrowRight as S } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as p } from "../icons/fa-icon.js";
 import { Input as V } from "../input/input.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as f } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const D = x("relative w-full transition-all duration-200", {
@@ -109,7 +108,7 @@ const D = x("relative w-full transition-all duration-200", {
               s && /* @__PURE__ */ e(
                 p,
                 {
-                  icon: I,
+                  icon: C,
                   className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none size-[18px]"
                 }
               ),
@@ -137,14 +136,14 @@ const D = x("relative w-full transition-all duration-200", {
                   children: N || /* @__PURE__ */ e(
                     p,
                     {
-                      icon: S,
+                      icon: I,
                       className: "text-primary size-[18px]"
                     }
                   )
                 }
               ),
               d && /* @__PURE__ */ e("div", { className: "absolute right-2 top-1/2 transform -translate-y-1/2 w-9 h-9 flex items-center justify-center", children: /* @__PURE__ */ e(
-                C,
+                S,
                 {
                   size: 18,
                   className: "text-muted-foreground animate-spin"

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

@@ -4,7 +4,6 @@ import * as N from "react";
 import { useRef as x, useState as I, useCallback as v, useLayoutEffect as y } from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as g } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const S = R(

package/dist/esm/components/select/select.js

@@ -1,17 +1,16 @@
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { faCaretDown as m, faCaretUp as g, faCheck as b } from "@fortawesome/free-solid-svg-icons";
 import * as e from "@radix-ui/react-select";
-import { cva as g } from "class-variance-authority";
+import { cva as y } from "class-variance-authority";
 import * as l from "react";
-import { faCaretDown as m, faCaretUp as b, faCheck as y } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as i } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as s } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import { Z_INDEX as h } from "../../utils/z-index.js";
 const x = (a) => /* @__PURE__ */ t(e.Root, { ...a });
 x.displayName = "Select";
-const P = e.Group, G = e.Value, N = g(
+const L = e.Group, P = e.Value, N = y(
   "group flex w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 bg-[rgb(40,40,40)] text-foreground cursor-pointer",
   {
     variants: {
@@ -59,7 +58,7 @@ const p = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
       a
     ),
     ...o,
-    children: /* @__PURE__ */ t(i, { icon: b, className: "size-4" })
+    children: /* @__PURE__ */ t(i, { icon: g, className: "size-4" })
   }
 ));
 p.displayName = e.ScrollUpButton.displayName;
@@ -124,7 +123,7 @@ const R = l.forwardRef(({ className: a, children: o, ...r }, d) => /* @__PURE__
     ),
     ...r,
     children: [
-      /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(i, { icon: y, className: "size-4" }) }) }),
+      /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(i, { icon: b, className: "size-4" }) }) }),
       /* @__PURE__ */ t(e.ItemText, { children: o })
     ]
   }
@@ -142,13 +141,13 @@ I.displayName = e.Separator.displayName;
 export {
   x as Select,
   S as SelectContent,
-  P as SelectGroup,
+  L as SelectGroup,
   R as SelectItem,
   v as SelectLabel,
   f as SelectScrollDownButton,
   p as SelectScrollUpButton,
   I as SelectSeparator,
   w as SelectTrigger,
-  G as SelectValue,
+  P as SelectValue,
   N as selectTriggerVariants
 };

package/dist/esm/components/separate-line/separate-line.js

@@ -2,7 +2,6 @@ import { jsx as m } from "react/jsx-runtime";
 import * as p from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as d } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const s = p.forwardRef(

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

@@ -1,22 +1,20 @@
 import { jsx as r } from "react/jsx-runtime";
-import { SimpleTooltip as f } from "../tooltip/simple-tooltip.js";
+import { SimpleTooltip as m } from "../tooltip/simple-tooltip.js";
 import "../tooltip/tooltip.js";
-import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as s } from "../../utils/cn.js";
-import "sonner";
 import { isLongString as u, shortenString as S } from "../../utils/shorten-string.js";
 import "luxon";
 import "../../utils/z-index.js";
-function k({
+function g({
   children: o,
   maxLength: t,
-  showTooltip: m = !0,
+  showTooltip: f = !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) });
-  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;
+  return typeof o == "string" && t !== void 0 ? f && (t === "text-overflow" || u(o, t)) ? /* @__PURE__ */ r(m, { title: n(o, t), children: o }) : n(o, t) : o;
 }
 export {
-  k as ShortString
+  g as ShortString
 };