@gearbox-protocol/ui-kit 4.0.0-next.60 → 4.0.0-next.61

package/dist/esm/components/base/pool-apy-breakdown-card/pool-apy-breakdown-card.js

@@ -1,72 +1,61 @@
-import { jsxs as a, jsx as e, Fragment as u } from "react/jsx-runtime";
-import { ApyBreakdownBody as A, formatBreakdownRate as l, ApyBreakdownRow as p, periodMessageId as i, ApyBreakdownDivider as v, BREAKDOWN_DASH as w } from "../apy-breakdown-body/apy-breakdown-body.js";
-import { NoValue as d } from "../values/no-value.js";
-import { totalApyOf as g, tokenRewardsOf as B, pointProgramsOf as I } from "../../../utils/apy-breakdown.js";
-import "@gearbox-protocol/sdk/onchain";
-import "clsx";
-import "tailwind-merge";
-import "luxon";
-import "../../../utils/z-index.js";
-import "viem";
-import "react";
-import { PoolApyBreakdownCardTest as t } from "./constants.js";
-import { PointsIcon as f } from "../../points-icon/points-icon.js";
-import { TokenIcon as h } from "../../token-icon/token-icon.js";
-import "../../tooltip/simple-tooltip.js";
-import "../../tooltip/tooltip.js";
-import { FormattedMessageTyped as s } from "../../typed-intl/index.js";
-import "../../badge/badge.js";
-import "../../badge/chip.js";
-function W({
+import { jsxs as r, jsx as e, Fragment as u } from "react/jsx-runtime";
+import { ApyBreakdownBody as A, formatBreakdownRate as t, ApyBreakdownRow as p, periodMessageId as i, ApyBreakdownDivider as v, BREAKDOWN_DASH as w } from "../apy-breakdown-body/apy-breakdown-body.js";
+import { NoValue as d } from "../../no-value/no-value.js";
+import { PointsIcon as g } from "../../points-icon/points-icon.js";
+import { TokenIcon as B } from "../../token-icon/token-icon.js";
+import { FormattedMessageTyped as l } from "../../typed-intl/index.js";
+import { totalApyOf as I, tokenRewardsOf as f, pointProgramsOf as h } from "../../../utils/internal/apy-breakdown.js";
+import { PoolApyBreakdownCardTest as a } from "./constants.js";
+function D({
   data: n,
-  period: r
+  period: s
 }) {
-  const m = n ? g(n) : void 0, c = n?.organicApy, y = n ? B(n) : [], k = n ? I(n) : [];
-  return /* @__PURE__ */ a(
+  const m = n ? I(n) : void 0, c = n?.organicApy, y = n ? f(n) : [], k = n ? h(n) : [];
+  return /* @__PURE__ */ r(
     A,
     {
-      testId: t.root,
+      testId: a.root,
       title: /* @__PURE__ */ e(
-        s,
+        l,
         {
           messageId: i(
-            r,
+            s,
             "components.poolApyBreakdownCard.title",
             "components.poolApyBreakdownCard.title7d"
           )
         }
       ),
-      chip: m == null ? /* @__PURE__ */ e(d, { reason: r }) : l(m),
+      chip: m == null ? /* @__PURE__ */ e(d, { reason: s }) : t(m),
       chipPositive: (m ?? 0) > 0,
-      chipTestId: t.net,
+      chipTestId: a.net,
       children: [
         /* @__PURE__ */ e(
           p,
           {
-            valueTestId: t.value,
+            valueTestId: a.value,
             label: /* @__PURE__ */ e(
-              s,
+              l,
               {
                 messageId: i(
-                  r,
+                  s,
                   "components.poolApyBreakdownCard.organicApy",
                   "components.poolApyBreakdownCard.organicApy7d"
                 )
               }
             ),
-            value: c == null ? /* @__PURE__ */ e(d, { reason: r }) : l(c)
+            value: c == null ? /* @__PURE__ */ e(d, { reason: s }) : t(c)
           }
         ),
         y.length > 0 ? y.map((o) => /* @__PURE__ */ e(
           p,
           {
-            valueTestId: t.value,
-            label: /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1.5", children: [
+            valueTestId: a.value,
+            label: /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1.5", children: [
               /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
-                s,
+                l,
                 {
                   messageId: i(
-                    r,
+                    s,
                     "components.poolApyBreakdownCard.tokenIncentiveApy",
                     "components.poolApyBreakdownCard.tokenIncentiveApy7d"
                   ),
@@ -74,7 +63,7 @@ function W({
                 }
               ) }),
               /* @__PURE__ */ e(
-                h,
+                B,
                 {
                   token: o.token,
                   symbol: o.token.symbol,
@@ -83,42 +72,42 @@ function W({
                 }
               )
             ] }),
-            value: l(o.supplyApr ?? 0)
+            value: t(o.supplyApr ?? 0)
           },
           `incentive-${o.token.address}`
         )) : /* @__PURE__ */ e(
           p,
           {
-            valueTestId: t.value,
+            valueTestId: a.value,
             label: /* @__PURE__ */ e(
-              s,
+              l,
               {
                 messageId: i(
-                  r,
+                  s,
                   "components.poolApyBreakdownCard.incentiveApy",
                   "components.poolApyBreakdownCard.incentiveApy7d"
                 )
               }
             ),
-            value: n == null ? /* @__PURE__ */ e(d, { reason: r }) : l(0)
+            value: n == null ? /* @__PURE__ */ e(d, { reason: s }) : t(0)
           }
         ),
-        k.length > 0 ? /* @__PURE__ */ a(u, { children: [
+        k.length > 0 ? /* @__PURE__ */ r(u, { children: [
           /* @__PURE__ */ e(v, {}),
           k.map((o) => /* @__PURE__ */ e(
             p,
             {
-              valueTestId: t.points,
-              label: /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1.5", children: [
+              valueTestId: a.points,
+              label: /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1.5", children: [
                 /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
-                  s,
+                  l,
                   {
                     messageId: "components.yieldBreakdown.programPoints",
                     values: { name: o.name }
                   }
                 ) }),
                 /* @__PURE__ */ e(
-                  f,
+                  g,
                   {
                     reward: { name: o.name, type: o.id },
                     size: 16,
@@ -136,6 +125,6 @@ function W({
   );
 }
 export {
-  W as PoolApyBreakdownCard,
-  t as PoolApyBreakdownCardTest
+  D as PoolApyBreakdownCard,
+  a as PoolApyBreakdownCardTest
 };

package/dist/esm/components/base/position-assets/index.js

@@ -1,7 +1,6 @@
 import { PositionAssetsTest as t } from "./constants.js";
-import { PositionAssets as i, visibleAssets as r } from "./position-assets.js";
+import { PositionAssets as i } from "./position-assets.js";
 export {
   i as PositionAssets,
-  t as PositionAssetsTest,
-  r as visibleAssets
+  t as PositionAssetsTest
 };

package/dist/esm/components/base/position-assets/position-asset-rows.js

@@ -0,0 +1,26 @@
+function v(t, r) {
+  const s = /* @__PURE__ */ new Map(), n = (o, e) => {
+    const u = o.token.address.toLowerCase(), l = s.get(u);
+    s.set(u, {
+      token: l?.token ?? o.token,
+      // a token only the other side holds is a zero here, not a gap
+      value: e === "from" ? o.value : l?.value ?? 0n,
+      valueTo: e === "to" ? o.value : l?.valueTo ?? 0n,
+      valueUsd: e === "from" ? o.valueUsd : l?.valueUsd ?? null,
+      valueToUsd: e === "to" ? o.valueUsd : l?.valueToUsd ?? null,
+      worth: a(l?.worth, o.valueUsd)
+    });
+  };
+  for (const o of t ?? []) n(o, "from");
+  for (const o of r ?? []) n(o, "to");
+  return [...s.values()].filter((o) => o.worth === null || o.worth >= 1).sort(
+    (o, e) => (e.worth ?? 0) - (o.worth ?? 0) || // a tie has to break the same way every render, or the rows drift
+    o.token.address.localeCompare(e.token.address)
+  );
+}
+function a(t, r) {
+  return t === void 0 ? r : t === null || r === null ? null : Math.max(t, r);
+}
+export {
+  v as visibleAssets
+};

package/dist/esm/components/base/position-assets/position-assets.js

@@ -1,54 +1,54 @@
-import { jsx as t, jsxs as m, Fragment as f } from "react/jsx-runtime";
-import { Stack as h } from "../stack/stack.js";
-import { NoValue as v } from "../values/no-value.js";
-import "@gearbox-protocol/sdk/onchain";
+import { jsx as t, jsxs as o, Fragment as f } from "react/jsx-runtime";
+import { visibleAssets as u } from "./position-asset-rows.js";
+import { Stack as g } from "../stack/stack.js";
+import { NoValue as x } from "../../no-value/no-value.js";
 import "clsx";
 import "tailwind-merge";
-import { APPROXIMATE_SYMBOL as k } from "../../../utils/format.js";
-import { formatMoney as g } from "../../../utils/format-money.js";
-import "luxon";
+import { APPROXIMATE_SYMBOL as y } from "../../../utils/format.js";
+import { formatMoney as k } from "../../../utils/format-money.js";
+import "@gearbox-protocol/sdk/onchain";
 import "../../../utils/z-index.js";
-import { TokenBigint as p } from "../values/scalars.js";
+import { TokenBigint as l } from "../values/scalars.js";
 import "../../badge/badge.js";
 import "../../badge/chip.js";
 import "react";
 import "react-intl";
-import { ShortString as y } from "../../short-string/short-string.js";
-import { TokenSymbol as T } from "../../token-symbol/token-symbol.js";
-import { Typography as u } from "../../typography/typography.js";
-import { PositionAssetsTest as d } from "./constants.js";
-const x = 1, U = 20;
-function V({
-  assets: s,
+import { ShortString as v } from "../../short-string/short-string.js";
+import { TokenSymbol as S } from "../../token-symbol/token-symbol.js";
+import { Typography as d } from "../../typography/typography.js";
+import { PositionAssetsTest as r } from "./constants.js";
+const N = 20;
+function q({
+  assets: p,
   to: n,
   empty: a,
-  approximate: i,
-  testId: o
+  approximate: c,
+  testId: h
 }) {
-  const r = S(s, n), l = n !== void 0;
-  return /* @__PURE__ */ t(h, { gap: "sm", align: "end", "data-testid": o ?? d.root, children: r.length === 0 ? a !== void 0 && /* @__PURE__ */ t(
-    u,
+  const i = u(p, n), s = n !== void 0;
+  return /* @__PURE__ */ t(g, { gap: "sm", align: "end", "data-testid": h ?? r.root, children: i.length === 0 ? a !== void 0 && /* @__PURE__ */ t(
+    d,
     {
       variant: "caption",
       color: "secondary",
       as: "div",
-      "data-testid": d.empty,
+      "data-testid": r.empty,
       children: a
     }
-  ) : r.map((e) => {
-    const c = l ? e.valueToUsd : e.valueUsd;
-    return /* @__PURE__ */ m(
+  ) : i.map((e) => {
+    const m = s ? e.valueToUsd : e.valueUsd;
+    return /* @__PURE__ */ o(
       "span",
       {
         className: "flex flex-col items-end",
-        "data-testid": d.row,
+        "data-testid": r.row,
         children: [
-          /* @__PURE__ */ m("span", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ t(T, { size: 20, token: e.token }),
-            /* @__PURE__ */ m("span", { className: "flex items-center", children: [
-              l && /* @__PURE__ */ m(f, { children: [
+          /* @__PURE__ */ o("span", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ t(S, { size: 20, token: e.token }),
+            /* @__PURE__ */ o("span", { className: "flex items-center", children: [
+              s && /* @__PURE__ */ o(f, { children: [
                 /* @__PURE__ */ t("span", { className: "text-secondary-foreground line-through [&_*]:text-secondary-foreground [&_*]:line-through", children: /* @__PURE__ */ t(
-                  p,
+                  l,
                   {
                     data: e.value,
                     token: e.token,
@@ -57,26 +57,26 @@ function V({
                 ) }),
                 /* @__PURE__ */ t("span", { className: "px-1.5 text-gray-70", children: "→" })
               ] }),
-              i ? /* @__PURE__ */ t("span", { children: k }) : null,
+              c ? /* @__PURE__ */ t("span", { children: y }) : null,
               /* @__PURE__ */ t(
-                p,
+                l,
                 {
-                  data: l ? e.valueTo : e.value,
+                  data: s ? e.valueTo : e.value,
                   token: e.token,
                   showSymbol: !1
                 }
               ),
-              /* @__PURE__ */ t(y, { className: "ml-1", maxLength: U, children: e.token.symbol })
+              /* @__PURE__ */ t(v, { className: "ml-1", maxLength: N, children: e.token.symbol })
             ] })
           ] }),
           /* @__PURE__ */ t(
-            u,
+            d,
             {
               as: "span",
               variant: "caption",
               color: "secondary",
-              "data-testid": d.worth,
-              children: c === null ? /* @__PURE__ */ t(v, {}) : g(c)
+              "data-testid": r.worth,
+              children: m === null ? /* @__PURE__ */ t(x, {}) : k(m)
             }
           )
         ]
@@ -85,31 +85,7 @@ function V({
     );
   }) });
 }
-function S(s, n) {
-  const a = /* @__PURE__ */ new Map(), i = (o, r) => {
-    const l = o.token.address.toLowerCase(), e = a.get(l);
-    a.set(l, {
-      token: e?.token ?? o.token,
-      // a token only the other side holds is a zero here, not a gap
-      value: r === "from" ? o.value : e?.value ?? 0n,
-      valueTo: r === "to" ? o.value : e?.valueTo ?? 0n,
-      valueUsd: r === "from" ? o.valueUsd : e?.valueUsd ?? null,
-      valueToUsd: r === "to" ? o.valueUsd : e?.valueToUsd ?? null,
-      worth: M(e?.worth, o.valueUsd)
-    });
-  };
-  for (const o of s ?? []) i(o, "from");
-  for (const o of n ?? []) i(o, "to");
-  return [...a.values()].filter((o) => o.worth === null || o.worth >= x).sort(
-    (o, r) => (r.worth ?? 0) - (o.worth ?? 0) || // a tie has to break the same way every render, or the rows drift
-    o.token.address.localeCompare(r.token.address)
-  );
-}
-function M(s, n) {
-  return s === void 0 ? n : s === null || n === null ? null : Math.max(s, n);
-}
 export {
-  V as PositionAssets,
-  d as PositionAssetsTest,
-  S as visibleAssets
+  q as PositionAssets,
+  r as PositionAssetsTest
 };

package/dist/esm/components/base/review-button/review-button.js

@@ -1,23 +1,22 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { Stack as p } from "../stack/stack.js";
-import { Button as d } from "../../buttons/button/button.js";
-import { TipCard as l } from "../../tip-card/tip-card.js";
+import { Stack as d } from "../stack/stack.js";
+import { Button as l } from "../../buttons/button/button.js";
+import { TipCard as p } from "../../tip-card/tip-card.js";
 import { FormattedMessageTyped as o } from "../../typed-intl/index.js";
-import "@gearbox-protocol/sdk/onchain";
 import { cn as c } from "../../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../../utils/z-index.js";
 import { ReviewButtonTest as r } from "./constants.js";
-function j({
+function T({
   disabled: m,
   error: e,
   tip: i,
   onClick: a,
   label: s = "dialogs.common.review"
 }) {
-  return /* @__PURE__ */ n(p, { gap: "sm", children: [
+  return /* @__PURE__ */ n(d, { gap: "sm", children: [
     i ? /* @__PURE__ */ t(
-      l,
+      p,
       {
         textColor: "light",
         attributeColor: "alert",
@@ -27,7 +26,7 @@ function j({
       }
     ) : null,
     /* @__PURE__ */ t(
-      d,
+      l,
       {
         disabled: m,
         onClick: a,
@@ -41,6 +40,6 @@ function j({
   ] });
 }
 export {
-  j as ReviewButton,
+  T as ReviewButton,
   r as ReviewButtonTest
 };

package/dist/esm/components/base/section-heading/section-heading.js

@@ -1,23 +1,22 @@
 import { jsx as i } from "react/jsx-runtime";
+import { cn as e } from "../../../utils/cn.js";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as m } from "../../../utils/cn.js";
-import "luxon";
 import "../../../utils/z-index.js";
-import { SectionHeadingTest as r } from "./constants.js";
-function f({
+import { SectionHeadingTest as m } from "./constants.js";
+function c({
   children: t,
   className: o
 }) {
   return /* @__PURE__ */ i(
     "h2",
     {
-      className: m("m-0 text-[22px] leading-[115%] font-medium", o),
-      "data-testid": r.root,
+      className: e("m-0 text-[22px] leading-[115%] font-medium", o),
+      "data-testid": m.root,
       children: t
     }
   );
 }
 export {
-  f as SectionHeading,
-  r as SectionHeadingTest
+  c as SectionHeading,
+  m as SectionHeadingTest
 };

package/dist/esm/components/base/segmented-tabs/index.js

@@ -1,7 +1,6 @@
-import { SEGMENTED_TABS_INACTIVE_BUTTON_CLASS as S, SegmentedTabs as t } from "./segmented-tabs.js";
-import { SegmentedTabsTest as o } from "./constants.js";
+import { SegmentedTabs as m } from "./segmented-tabs.js";
+import { SegmentedTabsTest as r } from "./constants.js";
 export {
-  S as SEGMENTED_TABS_INACTIVE_BUTTON_CLASS,
-  t as SegmentedTabs,
-  o as SegmentedTabsTest
+  m as SegmentedTabs,
+  r as SegmentedTabsTest
 };

package/dist/esm/components/base/segmented-tabs/segmented-tabs-styles.js

@@ -0,0 +1,4 @@
+const r = "bg-gray-30 border-gray-30 hover:bg-gray-40 hover:border-gray-40";
+export {
+  r as SEGMENTED_TABS_INACTIVE_BUTTON_CLASS
+};

package/dist/esm/components/base/segmented-tabs/segmented-tabs.js

@@ -1,48 +1,47 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Link as S } from "react-router-dom";
-import { Stack as v } from "../stack/stack.js";
-import { Button as i } from "../../buttons/button/button.js";
+import { jsx as o } from "react/jsx-runtime";
+import { Link as N } from "react-router-dom";
+import { Stack as b } from "../stack/stack.js";
+import { Button as m } from "../../buttons/button/button.js";
+import { cn as g } from "../../../utils/cn.js";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as y } from "../../../utils/cn.js";
-import "luxon";
 import "../../../utils/z-index.js";
-import { SegmentedTabsTest as C } from "./constants.js";
-const N = "bg-gray-30 border-gray-30 hover:bg-gray-40 hover:border-gray-40";
-function j({
-  items: m,
-  activeTab: s,
+import { SegmentedTabsTest as v } from "./constants.js";
+import { SEGMENTED_TABS_INACTIVE_BUTTON_CLASS as A } from "./segmented-tabs-styles.js";
+function w({
+  items: s,
+  activeTab: a,
   onTabChange: c,
   getTestId: p,
   className: d,
   buttonClassName: u,
-  testId: g
+  testId: l
 }) {
-  return /* @__PURE__ */ r(
-    v,
+  return /* @__PURE__ */ o(
+    b,
     {
       direction: "row",
       gap: "sm",
       className: d,
-      "data-testid": g ?? C.root,
-      children: m.map(({ id: t, item: e, disabled: l, href: n, testId: b, onClick: T }, f) => {
-        const o = s === t, h = y(
+      "data-testid": l ?? v.root,
+      children: s.map(({ id: t, item: e, disabled: f, href: n, testId: T, onClick: S }, h) => {
+        const r = a === t, C = g(
           u,
-          o ? void 0 : N
-        ), a = {
+          r ? void 0 : A
+        ), i = {
           size: "md",
-          variant: o ? "neutral" : "ghost",
-          className: h,
-          disabled: l,
-          "data-testid": b ?? p?.(t),
-          "aria-current": o ? "step" : void 0
+          variant: r ? "neutral" : "ghost",
+          className: C,
+          disabled: f,
+          "data-testid": T ?? p?.(t),
+          "aria-current": r ? "step" : void 0
         };
-        return n ? /* @__PURE__ */ r(i, { ...a, asChild: !0, children: /* @__PURE__ */ r(S, { to: n, children: e }) }, t) : /* @__PURE__ */ r(
-          i,
+        return n ? /* @__PURE__ */ o(m, { ...i, asChild: !0, children: /* @__PURE__ */ o(N, { to: n, children: e }) }, t) : /* @__PURE__ */ o(
+          m,
           {
-            ...a,
+            ...i,
             type: "button",
             onClick: () => {
-              T?.(), c?.(t, f);
+              S?.(), c?.(t, h);
             },
             children: e
           },
@@ -53,7 +52,6 @@ function j({
   );
 }
 export {
-  N as SEGMENTED_TABS_INACTIVE_BUTTON_CLASS,
-  j as SegmentedTabs,
-  C as SegmentedTabsTest
+  w as SegmentedTabs,
+  v as SegmentedTabsTest
 };

package/dist/esm/components/base/stack/stack.js

@@ -1,7 +1,6 @@
-import { jsx as a } from "react/jsx-runtime";
-import "@gearbox-protocol/sdk/onchain";
+import { jsx as i } from "react/jsx-runtime";
 import { cn as m } from "../../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../../utils/z-index.js";
 import { StackTest as p } from "./constants.js";
 const f = {
@@ -25,7 +24,7 @@ const f = {
   end: "justify-end",
   between: "justify-between"
 };
-function y({
+function I({
   direction: o = "col",
   gap: r = "none",
   align: t,
@@ -33,9 +32,9 @@ function y({
   wrap: s = !1,
   className: n,
   children: c,
-  ...i
+  ...a
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     "div",
     {
       className: m(
@@ -48,12 +47,12 @@ function y({
         n
       ),
       "data-testid": p.root,
-      ...i,
+      ...a,
       children: c
     }
   );
 }
 export {
-  y as Stack,
+  I as Stack,
   p as StackTest
 };

package/dist/esm/components/base/stat-badge/stat-badge.js

@@ -5,9 +5,8 @@ import { useTitleText as S } from "../text/use-title-text.js";
 import { FaIcon as v } from "../../icons/fa-icon.js";
 import { Skeleton as N } from "../../skeleton/skeleton.js";
 import "react";
-import "@gearbox-protocol/sdk/onchain";
 import { cn as o } from "../../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../../utils/z-index.js";
 import { SimpleTooltip as b } from "../../tooltip/simple-tooltip.js";
 import "../../tooltip/tooltip.js";
@@ -56,7 +55,7 @@ function w({
   );
   return t.tooltip == null ? e : /* @__PURE__ */ l(b, { title: e, triggerClassName: "shrink-0", children: t.tooltip });
 }
-function q({
+function F({
   title: t,
   value: i,
   isLoading: r = !1,
@@ -128,7 +127,7 @@ const E = {
   default: "gap-4",
   lg: "gap-6"
 };
-function H({
+function q({
   cols: t = 1,
   colsLg: i,
   gap: r = "default",
@@ -151,7 +150,7 @@ function H({
   );
 }
 export {
-  q as StatBadge,
-  H as StatBadgeGrid,
+  F as StatBadge,
+  q as StatBadgeGrid,
   n as StatBadgeTest
 };