@gearbox-protocol/ui-kit 3.14.0-next.66 → 3.14.0-next.68

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

@@ -1,20 +1,19 @@
-import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import { cva as y } from "class-variance-authority";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { cva as v } from "class-variance-authority";
 import N from "react";
 import { RoundedImage as x } from "../rounded-image/rounded-image.js";
 import { ShortString as S } from "../short-string/short-string.js";
-import { TokenIcon as l } from "../token-icon/token-icon.js";
-import { SimpleTooltip as I } from "../tooltip/simple-tooltip.js";
+import { TokenIcon as s } from "../token-icon/token-icon.js";
+import { SimpleTooltip as T } from "../tooltip/simple-tooltip.js";
 import "../tooltip/tooltip.js";
-import { isIconComposite as b } from "../../types/common.js";
 import "@gearbox-protocol/sdk";
-import { cn as T } from "../../utils/cn.js";
+import { cn as y } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
-import { getNetworkIcon as R } from "../../utils/network-icons.js";
+import { getNetworkIcon as I } from "../../utils/network-icons.js";
 import "luxon";
 import "../../utils/z-index.js";
-const _ = y("", {
+const b = v("", {
   variants: {
     marginSize: {
       sm: "gap-1",
@@ -26,83 +25,64 @@ const _ = y("", {
     marginSize: "md"
   }
 });
-function j(r) {
-  if (r) {
-    if (typeof r == "string") return r;
-    if (r.icon !== void 0) {
-      if (typeof r.icon == "string")
-        return { icon: r.icon };
-      if (b(r.icon))
-        return r.icon;
-    }
-    return r.symbol;
-  }
-}
-function z(r) {
+function R(r) {
   if (r)
-    return typeof r == "string" ? r : r.title;
+    return typeof r == "string" ? r : "title" in r && r.title ? r.title : r.symbol;
 }
-const V = N.forwardRef(
+const _ = N.forwardRef(
   ({
     className: r,
-    marginSize: d = "lg",
-    token: n,
-    title: m,
-    size: s = 24,
-    showSymbol: f = !1,
+    marginSize: c = "lg",
+    token: m,
+    title: o,
+    size: a = 24,
+    showSymbol: d = !1,
     showIcon: p = !0,
-    maxLength: u,
-    chainId: C,
-    comment: c,
-    network: e,
+    maxLength: f,
+    chainId: j,
+    comment: l,
+    network: i,
     ...g
-  }, h) => {
-    const o = j(n), v = m || z(n), a = () => e ? /* @__PURE__ */ t("div", { className: "relative", children: [
-      /* @__PURE__ */ i(
-        l,
+  }, u) => {
+    const h = o || R(m), n = () => i ? /* @__PURE__ */ t("div", { className: "relative", children: [
+      /* @__PURE__ */ e(
+        s,
         {
-          symbol: o,
-          size: s,
+          token: m,
+          size: a,
           className: "shrink-0 self-center"
         }
       ),
-      /* @__PURE__ */ i("div", { className: "absolute -top-[10px] -right-[7px]", children: /* @__PURE__ */ i(
+      /* @__PURE__ */ e("div", { className: "absolute -top-[10px] -right-[7px]", children: /* @__PURE__ */ e(
         x,
         {
-          src: R(e),
-          alt: e,
+          src: I(i),
+          alt: i,
           size: 14,
           rounded: !0
         }
       ) })
-    ] }) : /* @__PURE__ */ i(
-      l,
-      {
-        symbol: o,
-        size: s,
-        className: "shrink-0 self-center"
-      }
-    );
+    ] }) : /* @__PURE__ */ e(s, { token: m, size: a, className: "shrink-0 self-center" });
     return /* @__PURE__ */ t(
       "div",
       {
-        ref: h,
-        className: T(
+        ref: u,
+        className: y(
           "flex items-center",
-          _({ marginSize: d }),
+          b({ marginSize: c }),
           r
         ),
         ...g,
         children: [
-          p && o && (e !== void 0 ? /* @__PURE__ */ t(I, { title: a(), children: [
+          p && m && (i !== void 0 ? /* @__PURE__ */ t(T, { title: n(), children: [
             "Network: ",
-            e
-          ] }) : a()),
-          (m || f) && /* @__PURE__ */ t("div", { className: "flex items-center gap-1 self-center", children: [
-            /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(S, { maxLength: u, children: v }) }),
-            c && /* @__PURE__ */ t("div", { className: "text-md text-muted-foreground leading-tight", children: [
+            i
+          ] }) : n()),
+          (o || d) && /* @__PURE__ */ t("div", { className: "flex items-center gap-1 self-center", children: [
+            /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(S, { maxLength: f, children: h }) }),
+            l && /* @__PURE__ */ t("div", { className: "text-md text-muted-foreground leading-tight", children: [
               "(",
-              c,
+              l,
               ")"
             ] })
           ] })
@@ -111,8 +91,7 @@ const V = N.forwardRef(
     );
   }
 );
-V.displayName = "TokenSymbol";
+_.displayName = "TokenSymbol";
 export {
-  V as TokenSymbol,
-  j as getSymbolOrIcon
+  _ as TokenSymbol
 };

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

@@ -1,217 +1,60 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import * as M from "react";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import * as O from "react";
 import { TokenIcon as z } from "../token-icon/token-icon.js";
 import "../tooltip/simple-tooltip.js";
-import { TooltipProvider as y, Tooltip as T, TooltipTrigger as k, TooltipContent as b } from "../tooltip/tooltip.js";
+import { TooltipProvider as T, Tooltip as k, TooltipTrigger as y, TooltipContent as v } from "../tooltip/tooltip.js";
 import "@gearbox-protocol/sdk";
-import { cn as v } from "../../utils/cn.js";
+import { cn as w } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-import "../accordion/accordion.js";
-import "@gearbox-protocol/static";
-import "@fortawesome/free-solid-svg-icons";
-import "../icons/fa-icon.js";
-import "../alert-badge/alert-badge.js";
-import "../alert-dialog/alert-dialog.js";
-import "../alert-modal/alert-modal.js";
-import "react-intl";
-import "../arc-loader/arc-loader.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 "wagmi";
-import "../auth/wallet-ui-context.js";
-import "../avatar/avatar.js";
-import "../badge/badge.js";
-import "../base-link/base-link.js";
-import "../navigation-context/navigation-context.js";
-import "../button-checkbox/button-checkbox.js";
-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 "../with-title/with-title.js";
-import "../smart-number-input/balance-indicator.js";
-import "../smart-number-input/smart-number-input.js";
-import "../composites/credit-account-history/credit-account-history.js";
-import "../simple-dropdown/simple-dropdown.js";
-import "../simple-dropdown/simple-dropdown-menu-item.js";
-import "../typography/typography.js";
-import "../table/grid-table.js";
-import { getSymbolOrIcon as P } from "../token-symbol/token-symbol.js";
-import "../help-tip/help-tip.js";
-import "../description/description.js";
-import "../confirm-menu/confirm-menu.js";
-import "../dialog/dialog-modal-container.js";
-import "../text-button/text-button.js";
-import "../vertical-indicator/vertical-indicator.js";
-import "../points-icon/points-icon.js";
-import "../skeleton/skeleton.js";
-import "../vertical-list/vertical-list.js";
-import "../rounded-image/rounded-image.js";
-import "../progress/progress.js";
-import "../pool-indicator-icon/pool-indicator-icon.js";
-import "../composites/strategies-table/components/feature/feature.styles.js";
-import "viem";
-import "../icon-button/icon-button.js";
-import "../separate-line/separate-line.js";
-import "../tip-card/tip-card.js";
-import "../composites/strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
-import "../composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js";
-import "../composites/tx-preview/confirm/dialog/constants.js";
-import "../modal/modal.js";
-import "../dialog/dialog-container.js";
-import "../spinner-loader/spinner-loader.js";
-import "../currency-button/currency-button.js";
-import "../detailed-apy/detailed-apy.js";
-import "../detailed-page-title/detailed-page-title.js";
-import "../detailed-page-title/detailed-page-title-copy-button.js";
-import "../detailed-page-title/detailed-page-title-explorer-dropdown.js";
-import "@radix-ui/react-dialog";
-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-overlay.js";
-import "../label/label.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 "../edit-input/edit-input.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 "../health-factor/health-factor.js";
-import "../horizontal-indicator/horizontal-indicator.js";
-import "../layout/app-footer/app-footer.js";
-import "../layout/app-header/app-header.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 "../layout/main-aside-layout/main-aside-layout.js";
-import "../page-title/page-title.js";
-import "../layout/social-icons/social-icons.js";
-import "../legal-agreement/legal-agreement-theme.js";
-import "../link/link.js";
-import "../../utils/reactochart-compat.js";
-import "../status-elements/status-elements.js";
-import "../loader/loader.js";
-import "../loading/loading.js";
-import "../loading-bar/loading-bar.js";
-import "react-markdown";
-import "remark-gfm";
-import "../navbar/navbar.js";
-import "../navbar/navbar-indicator-context.js";
-import "../app-bar/app-bar.js";
-import "../navitem/navitem.js";
-import "../progress-bar/progress-bar.js";
-import "../radio-group/radio-group.js";
-import "../search-bar/search-bar.js";
-import "../segmented-control/segmented-control.js";
-import "../select/select.js";
-import "../separator/separator.js";
-import "../simple-accordion/simple-accordion.js";
-import "../slider/slider.js";
-import "../slider/slider-context.js";
-import "@radix-ui/react-slider";
-import "../spinner/spinner.js";
-import "../split-list/split-list.js";
-import "../stat-badge/stat-badge.js";
-import "../status-dot/status-dot.js";
-import "../stepper/stepper.js";
-import "../switch/switch.js";
-import "../table/table.js";
-import "../table/grid-table-loader.js";
-import "../textarea/textarea.js";
-import "../theme-provider.js";
-import "../time-to-liquidation/time-to-liquidation.js";
-import "../toggle/toggle.js";
-import "../with-filter-button/with-filter-button.js";
-function Fr({
+function J({
   balances: a,
-  tokensList: l,
-  maxAssets: p = 3,
-  iconSize: c = 24,
-  options: w,
+  tokensList: d,
+  maxAssets: i = 3,
+  iconSize: h = 24,
+  options: b,
   className: C
 }) {
   const {
-    mode: d = "default",
+    mode: m = "default",
     showIconTooltip: x = !0,
-    otherTooltip: I,
+    otherTooltip: j,
     onOtherClick: u
-  } = w || {}, [j, N, S, g] = M.useMemo(() => {
-    const t = a, i = t.slice(0, p), r = t.slice(p), e = r.map((m) => {
-      const h = typeof m == "string" ? m : m.token;
-      return l[h]?.symbol || "unknown";
-    }).join(", "), n = t.length > p;
-    return [i, r, e, n];
-  }, [a, p, l]), O = (t) => typeof t == "string" ? t : t.token, R = (t, i, r) => d === "cascade" ? {
-    zIndex: r - i,
+  } = b || {}, [I, N, R, g] = O.useMemo(() => {
+    const t = a, n = t.slice(0, i), o = t.slice(i), s = o.map((r) => {
+      const p = typeof r == "string" ? r : r.token;
+      return d[p]?.symbol || "unknown";
+    }).join(", "), c = t.length > i;
+    return [n, o, s, c];
+  }, [a, i, d]), S = (t) => typeof t == "string" ? t : t.token, M = (t, n, o) => m === "cascade" ? {
+    zIndex: o - n,
     marginRight: t ? 0 : -12
   } : {
     marginRight: t ? 0 : 4
   };
-  return /* @__PURE__ */ s("div", { className: v("relative inline-flex items-center", C), children: [
-    j.map((t, i, r) => {
-      const e = O(t), n = l[e], m = i === r.length - 1 && !g, h = R(m, i, r.length), f = /* @__PURE__ */ o(z, { symbol: P(n), size: c });
-      return /* @__PURE__ */ o("div", { className: "relative", style: h, children: x ? /* @__PURE__ */ o(y, { children: /* @__PURE__ */ s(T, { children: [
-        /* @__PURE__ */ o(k, { asChild: !0, children: /* @__PURE__ */ o("span", { className: "cursor-help", children: f }) }),
-        /* @__PURE__ */ o(b, { children: n?.symbol || "Unknown" })
-      ] }) }) : f }, e);
+  return /* @__PURE__ */ l("div", { className: w("relative inline-flex items-center", C), children: [
+    I.map((t, n, o) => {
+      const s = S(t), c = d[s], r = n === o.length - 1 && !g, p = M(r, n, o.length), f = /* @__PURE__ */ e(z, { token: c, size: h });
+      return /* @__PURE__ */ e("div", { className: "relative", style: p, children: x ? /* @__PURE__ */ e(T, { children: /* @__PURE__ */ l(k, { children: [
+        /* @__PURE__ */ e(y, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "cursor-help", children: f }) }),
+        /* @__PURE__ */ e(v, { children: c?.symbol || "Unknown" })
+      ] }) }) : f }, s);
     }),
-    g && /* @__PURE__ */ o(y, { children: /* @__PURE__ */ s(T, { children: [
-      /* @__PURE__ */ o(k, { asChild: !0, children: /* @__PURE__ */ s(
+    g && /* @__PURE__ */ e(T, { children: /* @__PURE__ */ l(k, { children: [
+      /* @__PURE__ */ e(y, { asChild: !0, children: /* @__PURE__ */ l(
         "button",
         {
           type: "button",
-          className: v(
+          className: w(
             "relative inline-flex items-center justify-center rounded-full bg-muted text-xs font-medium cursor-pointer hover:bg-muted/80 transition-colors",
-            d === "cascade" && "z-0"
+            m === "cascade" && "z-0"
           ),
           style: {
-            width: c,
-            height: c,
-            marginLeft: d === "cascade" ? -12 : 4
+            width: h,
+            height: h,
+            marginLeft: m === "cascade" ? -12 : 4
           },
           onClick: u ? (t) => {
             u(
@@ -224,10 +67,10 @@ function Fr({
           ]
         }
       ) }),
-      /* @__PURE__ */ o(b, { children: I || S })
+      /* @__PURE__ */ e(v, { children: j || R })
     ] }) })
   ] });
 }
 export {
-  Fr as TokensListCell
+  J as TokensListCell
 };

package/dist/esm/components/with-copy/with-copy.js

@@ -32,6 +32,7 @@ import "../avatar/avatar.js";
 import "../badge/badge.js";
 import "../base-link/base-link.js";
 import "../navigation-context/navigation-context.js";
+import "../breakpoint-provider.js";
 import "../button-checkbox/button-checkbox.js";
 import "../card-grid/card-grid.js";
 import "../cards/card/card.js";
@@ -60,13 +61,12 @@ import "../dialog/dialog-modal-container.js";
 import "../text-button/text-button.js";
 import "../vertical-indicator/vertical-indicator.js";
 import "../points-icon/points-icon.js";
-import "../skeleton/skeleton.js";
 import "../vertical-list/vertical-list.js";
+import "../skeleton/skeleton.js";
 import "../rounded-image/rounded-image.js";
 import "../progress/progress.js";
 import "../pool-indicator-icon/pool-indicator-icon.js";
 import "../composites/strategies-table/components/feature/feature.styles.js";
-import "viem";
 import "../icon-button/icon-button.js";
 import "../separate-line/separate-line.js";
 import "../tip-card/tip-card.js";
@@ -88,6 +88,7 @@ import "../dialog/dialog-footer.js";
 import "../dialog/dialog-header.js";
 import "../dialog/dialog-title.js";
 import "../dialog/dialog-overlay.js";
+import "viem";
 import "../label/label.js";
 import "../dropdown-menu/dropdown-menu.js";
 import "../dropdown-menu/dropdown-menu-checkbox-item.js";
@@ -166,7 +167,7 @@ import "../theme-provider.js";
 import "../time-to-liquidation/time-to-liquidation.js";
 import "../toggle/toggle.js";
 import "../with-filter-button/with-filter-button.js";
-function Er({
+function Wr({
   toCopy: u,
   children: d,
   onCopySuccess: f,
@@ -248,5 +249,5 @@ function Er({
   return a ? /* @__PURE__ */ t(T, { placement: "top", triangle: !0, title: c(), children: a }) : c();
 }
 export {
-  Er as WithCopy
+  Wr as WithCopy
 };

package/dist/esm/components/yield-breakdown-tooltip/index.js

@@ -0,0 +1,4 @@
+import { YieldBreakdownTooltip as r } from "./yield-breakdown-tooltip.js";
+export {
+  r as YieldBreakdownTooltip
+};