@gearbox-protocol/ui-kit 4.0.0-next.22 → 4.0.0-next.24

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

@@ -1,22 +1,22 @@
-import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import { jsxs as v, jsx as o } from "react/jsx-runtime";
 import { useMemo as I, useCallback as fe, useRef as C } from "react";
 import { toast as be } from "sonner";
 import { SectionHeading as we } from "../base/section-heading/section-heading.js";
 import { useIsMobile as he } from "../../hooks/use-media-query.js";
 import "@gearbox-protocol/sdk";
-import { cn as pe } from "../../utils/cn.js";
+import { cn as ve } 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 ve, GraphLegend as ge } from "../graph/graph.js";
-import { GraphViewWithData as xe } from "../graph/graph-view.js";
+import { DEFAULT_SERIES_COLORS as T, getSeriesColorPalette as pe, GraphLegend as xe } from "../graph/graph.js";
+import { GraphViewWithData as ge } from "../graph/graph-view.js";
 import { Select as Se, SelectTrigger as ye, SelectValue as Ae, SelectContent as Ie, SelectItem as Ce } from "../select/select.js";
 import { GraphDropdown as Ne } from "./graph-dropdown.js";
-const Me = ({ size: e = 16 }) => /* @__PURE__ */ p(
+const Me = ({ size: t = 16 }) => /* @__PURE__ */ v(
   "svg",
   {
-    width: e,
-    height: e,
+    width: t,
+    height: t,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
@@ -25,15 +25,15 @@ const Me = ({ size: e = 16 }) => /* @__PURE__ */ p(
     strokeLinejoin: "round",
     "aria-label": "Expand fullscreen",
     children: [
-      /* @__PURE__ */ n("title", { children: "Expand fullscreen" }),
-      /* @__PURE__ */ n("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" })
+      /* @__PURE__ */ o("title", { children: "Expand fullscreen" }),
+      /* @__PURE__ */ o("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" })
     ]
   }
-), ke = ({ size: e = 16 }) => /* @__PURE__ */ p(
+), ke = ({ size: t = 16 }) => /* @__PURE__ */ v(
   "svg",
   {
-    width: e,
-    height: e,
+    width: t,
+    height: t,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
@@ -42,8 +42,8 @@ const Me = ({ size: e = 16 }) => /* @__PURE__ */ p(
     strokeLinejoin: "round",
     "aria-label": "Exit fullscreen",
     children: [
-      /* @__PURE__ */ n("title", { children: "Exit fullscreen" }),
-      /* @__PURE__ */ n("path", { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" })
+      /* @__PURE__ */ o("title", { children: "Exit fullscreen" }),
+      /* @__PURE__ */ o("path", { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" })
     ]
   }
 ), Ee = {
@@ -51,45 +51,45 @@ const Me = ({ size: e = 16 }) => /* @__PURE__ */ p(
   rightPriceScale: { borderVisible: !1 },
   leftPriceScale: { borderVisible: !1 }
 }, X = "ui-kit:tradingview-series-colors:";
-function j(e) {
+function j(t) {
   if (typeof window > "u" || !window.localStorage)
     return /* @__PURE__ */ new Map();
   try {
-    const r = window.localStorage.getItem(X + e);
+    const r = window.localStorage.getItem(X + t);
     if (!r) return /* @__PURE__ */ new Map();
     const c = JSON.parse(r);
     return c == null || typeof c != "object" ? /* @__PURE__ */ new Map() : new Map(
       Object.entries(c).filter(
-        ([, o]) => typeof o == "number" && o >= 0 && o < T.length
+        ([, n]) => typeof n == "number" && n >= 0 && n < T.length
       )
     );
   } catch {
     return /* @__PURE__ */ new Map();
   }
 }
-function Re(e, r) {
+function Re(t, r) {
   if (!(typeof window > "u" || !window.localStorage))
     try {
       window.localStorage.setItem(
-        X + e,
+        X + t,
         JSON.stringify(Object.fromEntries(r))
       );
     } catch {
     }
 }
-function $(e, r) {
+function $(t, r) {
   if (r.size === 0) return;
-  const c = j(e);
-  for (const [o, v] of r)
-    c.set(o, v);
-  Re(e, c);
+  const c = j(t);
+  for (const [n, p] of r)
+    c.set(n, p);
+  Re(t, c);
 }
 function Ze({
-  data: e,
+  data: t,
   yMeasureUnit: r,
   height: c = 306,
-  defaultGraph: o,
-  onGraphSelected: v,
+  defaultGraph: n,
+  onGraphSelected: p,
   graphs: f,
   isMultipleSelect: q,
   range: Q,
@@ -111,9 +111,9 @@ function Ze({
   seriesColorPersistenceKey: d,
   title: re,
   trailing: k,
-  ...oe
+  ...ne
 }) {
-  const g = I(() => Array.isArray(e) ? e : e ? [e] : [], [e]), ne = I(() => Array.isArray(e) && e.length > 1, [e]), z = he(), le = fe(
+  const x = I(() => Array.isArray(t) ? t : t ? [t] : [], [t]), oe = I(() => Array.isArray(t) && t.length > 1, [t]), z = he(), le = fe(
     (u, y) => {
       be.error(_);
     },
@@ -121,16 +121,16 @@ function Ze({
   ), ie = I(() => {
     if (r)
       return Array.isArray(r) ? r[0] : r;
-  }, [r]), se = !!(v && f && o), i = C(/* @__PURE__ */ new Map()), b = C(0), F = C(!1);
+  }, [r]), se = !!(p && f && n), i = C(/* @__PURE__ */ new Map()), b = C(0), F = C(!1);
   if (f && f.length > 0 && !F.current) {
     F.current = !0;
     const u = d ? j(d) : /* @__PURE__ */ new Map(), y = String(f[0].value);
     i.current.set(y, 0), b.current = 1;
-    for (let t = 1; t < f.length; t++) {
-      const a = String(f[t].value);
-      if (i.current.has(a)) continue;
-      const x = u.get(a) ?? t;
-      i.current.set(a, x), b.current = Math.max(b.current, x + 1);
+    for (let e = 1; e < f.length; e++) {
+      const m = String(f[e].value);
+      if (i.current.has(m)) continue;
+      const g = u.get(m) ?? e;
+      i.current.set(m, g), b.current = Math.max(b.current, g + 1);
     }
     d && $(
       d,
@@ -140,22 +140,22 @@ function Ze({
   const w = I(() => {
     const u = Array.isArray(r) ? r : void 0;
     if (d) {
-      const t = j(d);
-      for (const [a, h] of t)
-        i.current.has(a) || (i.current.set(a, h), b.current = Math.max(
+      const e = j(d);
+      for (const [m, h] of e)
+        i.current.has(m) || (i.current.set(m, h), b.current = Math.max(
           b.current,
           h + 1
         ));
     }
-    const y = g.map((t, a) => {
-      const h = t?.title || `Series ${a + 1}`, x = o != null ? Array.isArray(o) ? o[0]?.value ?? o[0] : typeof o == "object" && "value" in o ? o.value : o : null, R = g.length === 1 ? x != null ? String(x) : "single" : t?.id || h;
+    const y = x.map((e, m) => {
+      const h = e?.title || `Series ${m + 1}`, g = n != null ? Array.isArray(n) ? n[0]?.value ?? n[0] : typeof n == "object" && "value" in n ? n.value : n : null, R = x.length === 1 ? g != null ? String(g) : "single" : e?.id || h;
       if (!i.current.has(R)) {
         const l = new Set(
           Array.from(i.current.values())
         );
         let s = b.current;
-        for (let m = 0; m < T.length; m++) {
-          const A = (b.current + m) % T.length;
+        for (let a = 0; a < T.length; a++) {
+          const A = (b.current + a) % T.length;
           if (!l.has(A)) {
             s = A;
             break;
@@ -163,33 +163,34 @@ function Ze({
         }
         i.current.set(R, s), b.current = s + 1;
       }
-      const ae = i.current.get(R) ?? 0, O = ve(ae), me = [...t?.data || []].sort((l, s) => {
-        const m = typeof l.time == "number" ? l.time : Number(l.time), A = typeof s.time == "number" ? s.time : Number(s.time);
-        return m - A;
+      const me = i.current.get(R) ?? 0, O = pe(me), ae = [...e?.data || []].sort((l, s) => {
+        const a = typeof l.time == "number" ? l.time : Number(l.time), A = typeof s.time == "number" ? s.time : Number(s.time);
+        return a - A;
       }).reduce((l, s) => {
-        const m = s.time;
-        return l.length === 0 || l[l.length - 1].time !== m ? l.push({ time: m, value: s.value }) : l[l.length - 1] = { time: m, value: s.value }, l;
-      }, []), J = t?.lineColor ?? t?.color ?? void 0;
+        const a = s.time;
+        return l.length === 0 || l[l.length - 1].time !== a ? l.push({ time: a, value: s.value }) : l[l.length - 1] = { time: a, value: s.value }, l;
+      }, []), J = e?.lineColor ?? e?.color ?? void 0;
       return {
-        data: me,
+        data: ae,
         label: h,
-        yMeasureUnit: u?.[a] ?? (Array.isArray(r) ? void 0 : r),
-        ...t?.priceScaleId != null && {
-          priceScaleId: t.priceScaleId
+        ...e?.id != null && { id: e.id },
+        yMeasureUnit: u?.[m] ?? (Array.isArray(r) ? void 0 : r),
+        ...e?.priceScaleId != null && {
+          priceScaleId: e.priceScaleId
         },
-        ...t?.seriesType != null && {
-          seriesType: t.seriesType
+        ...e?.seriesType != null && {
+          seriesType: e.seriesType
         },
-        ...t?.lineStyle != null && {
-          lineStyle: t.lineStyle
+        ...e?.lineStyle != null && {
+          lineStyle: e.lineStyle
         },
         ...J != null ? {
           lineColor: J,
-          ...t?.topColor != null && {
-            topColor: t.topColor
+          ...e?.topColor != null && {
+            topColor: e.topColor
           },
-          ...t?.bottomColor != null && {
-            bottomColor: t.bottomColor
+          ...e?.bottomColor != null && {
+            bottomColor: e.bottomColor
           }
         } : {
           color: O.line,
@@ -202,56 +203,56 @@ function Ze({
       d,
       i.current
     ), y;
-  }, [g, o, r, d]), H = V !== void 0 ? V : M !== void 0 ? M.size > 0 : ne && g.length > 0 ? g.some((u) => !u) : !e, B = C(w);
+  }, [x, n, r, d]), H = V !== void 0 ? V : M !== void 0 ? M.size > 0 : oe && x.length > 0 ? x.some((u) => !u) : !t, B = C(w);
   w.length > 0 && (B.current = w);
-  const W = w.length > 0 ? w : H ? B.current : w, E = re, ce = !z && N ? !0 : S.length > 0 || se || E != null || k != null, ue = v && f && o ? /* @__PURE__ */ n(
+  const W = w.length > 0 ? w : H ? B.current : w, E = re, ce = !z && N ? !0 : S.length > 0 || se || E != null || k != null, ue = p && f && n ? /* @__PURE__ */ o(
     Ne,
     {
-      onSelected: v,
+      onSelected: p,
       items: f,
-      defaultItem: o,
+      defaultItem: n,
       multiple: q,
       graphsWithNoData: D,
       loadingGraphs: M,
       onNoDataSelected: le
     }
-  ) : E != null ? /* @__PURE__ */ n(we, { className: "min-w-0 truncate", children: E }) : null, de = ce && /* @__PURE__ */ p("div", { className: "flex w-full flex-row flex-wrap items-center justify-between gap-3", children: [
-    /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: ue }),
-    /* @__PURE__ */ p("div", { className: "flex shrink-0 flex-row flex-nowrap items-center gap-3", children: [
+  ) : E != null ? /* @__PURE__ */ o(we, { className: "min-w-0 truncate", children: E }) : null, de = ce && /* @__PURE__ */ v("div", { className: "flex w-full flex-row flex-wrap items-center justify-between gap-3", children: [
+    /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: ue }),
+    /* @__PURE__ */ v("div", { className: "flex shrink-0 flex-row flex-nowrap items-center gap-3", children: [
       k,
-      k != null && S.length > 0 ? /* @__PURE__ */ n("div", { className: "h-4 w-px shrink-0 bg-border" }) : null,
-      S.length > 0 ? /* @__PURE__ */ p(Se, { value: Q, onValueChange: Y, children: [
-        /* @__PURE__ */ n(
+      k != null && S.length > 0 ? /* @__PURE__ */ o("div", { className: "h-4 w-px shrink-0 bg-border" }) : null,
+      S.length > 0 ? /* @__PURE__ */ v(Se, { value: Q, onValueChange: Y, children: [
+        /* @__PURE__ */ o(
           ye,
           {
             size: "sm",
             className: "h-8 w-auto min-w-[4.5rem] gap-1.5 border-border bg-muted shadow-none",
-            children: /* @__PURE__ */ n(Ae, {})
+            children: /* @__PURE__ */ o(Ae, {})
           }
         ),
-        /* @__PURE__ */ n(Ie, { align: "end", children: S.map((u) => /* @__PURE__ */ n(Ce, { value: u.value, children: u.label }, u.value)) })
+        /* @__PURE__ */ o(Ie, { align: "end", children: S.map((u) => /* @__PURE__ */ o(Ce, { value: u.value, children: u.label }, u.value)) })
       ] }) : null,
-      !z && N && /* @__PURE__ */ n(
+      !z && N && /* @__PURE__ */ o(
         "button",
         {
           type: "button",
           className: "flex min-h-[26px] min-w-[44px] cursor-pointer items-center justify-center rounded-md border border-muted bg-muted px-2.5 py-1.5 text-center text-xs font-medium leading-[14px] text-muted-foreground transition-colors hover:border-secondary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
           onClick: N,
-          children: Z ? /* @__PURE__ */ n(ke, { size: 16 }) : /* @__PURE__ */ n(Me, { size: 16 })
+          children: Z ? /* @__PURE__ */ o(ke, { size: 16 }) : /* @__PURE__ */ o(Me, { size: 16 })
         }
       )
     ] })
   ] });
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ v(
     "div",
     {
-      className: pe(
+      className: ve(
         "flex w-full flex-col gap-3 rounded-lg border border-border bg-card p-4 shadow-none",
         U
       ),
       children: [
         de,
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ o(
           "div",
           {
             style: {
@@ -259,10 +260,10 @@ function Ze({
               height: c ? `${c}px` : void 0
             },
             className: "w-full",
-            children: /* @__PURE__ */ n(
-              xe,
+            children: /* @__PURE__ */ o(
+              ge,
               {
-                ...oe,
+                ...ne,
                 series: w,
                 loading: H,
                 size: c ? "full" : "default",
@@ -284,8 +285,8 @@ function Ze({
             )
           }
         ),
-        W.length > 0 ? /* @__PURE__ */ n(
-          ge,
+        W.length > 0 ? /* @__PURE__ */ o(
+          xe,
           {
             series: W,
             onUnselect: L,

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

@@ -1,37 +1,41 @@
-import { jsxs as a, jsx as e, Fragment as k } from "react/jsx-runtime";
-import { PointsIcon as N } from "../points-icon/points-icon.js";
-import { TokenIcon as P } from "../token-icon/token-icon.js";
-import { SimpleTooltip as A } from "../tooltip/simple-tooltip.js";
+import { jsxs as a, jsx as e, Fragment as N } from "react/jsx-runtime";
+import { PointsIcon as A } from "../points-icon/points-icon.js";
+import { TokenIcon as I } from "../token-icon/token-icon.js";
+import { SimpleTooltip as P } from "../tooltip/simple-tooltip.js";
 import "../tooltip/tooltip.js";
 import { FormattedMessageTyped as s } from "../typed-intl/index.js";
 import "react";
-import { tokenRewardsOf as I, pointProgramsOf as B, totalApyOf as T } from "../../utils/apy-breakdown.js";
+import { tokenRewardsOf as T, pointProgramsOf as $, totalApyOf as j } from "../../utils/apy-breakdown.js";
 import "@gearbox-protocol/sdk";
-import { bpsToPercent as $ } from "../../utils/bps.js";
-import { cn as c } from "../../utils/cn.js";
+import { bpsToPercent as R } from "../../utils/bps.js";
+import { cn as f } from "../../utils/cn.js";
 import "sonner";
-import { formatLeverage as j } from "../../utils/format-leverage.js";
-import { formatCompactPercent as S } from "../../utils/format-money.js";
+import { formatLeverage as S } from "../../utils/format-leverage.js";
+import { formatCompactPercent as C } from "../../utils/format-money.js";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-function i(n) {
-  const o = $(n), r = S(Math.abs(o));
-  return o < 0 ? `-${r}` : r;
+function p(o) {
+  const n = R(o), r = C(Math.abs(n));
+  return n < 0 ? `-${r}` : r;
 }
-function V({
-  supplyApy: n,
-  maxLeverage: o,
+function m(o, n, r) {
+  return o === "7d" ? r : n;
+}
+function Z({
+  supplyApy: o,
+  maxLeverage: n,
   collateralApy: r,
-  borrowApy: u,
-  quotaRate: f,
+  borrowApy: g,
+  quotaRate: b,
+  period: l,
   children: h,
-  className: g
+  className: w
 }) {
-  const d = o !== void 0 && o > 0, l = d ? r : r ?? n, w = l ? I(l) : [], y = B(n), b = T(n), p = u != null || f != null ? -((u ?? 0) + (f ?? 0)) : void 0, x = y.filter((t) => t.multiplier != null), v = /* @__PURE__ */ a(
+  const d = n !== void 0 && n > 0, i = d ? r : r ?? o, k = i ? T(i) : [], v = $(o), x = j(o), u = g != null || b != null ? -((g ?? 0) + (b ?? 0)) : void 0, y = v.filter((t) => t.multiplier != null), B = /* @__PURE__ */ a(
     "div",
     {
-      className: c(
+      className: f(
         "flex w-[400px] max-w-[calc(100vw-32px)] flex-col gap-4 p-4",
         "rounded-xl",
         "bg-card text-card-foreground",
@@ -44,33 +48,59 @@ function V({
           /* @__PURE__ */ e("span", { className: "text-base font-semibold leading-4 text-foreground", children: d ? /* @__PURE__ */ e(
             s,
             {
-              messageId: "components.yieldBreakdown.titleNetAtLeverage",
+              messageId: m(
+                l,
+                "components.yieldBreakdown.titleNetAtLeverage",
+                "components.yieldBreakdown.titleNetAtLeverage7d"
+              ),
               values: {
-                leverage: j(o)
+                leverage: S(n)
               }
             }
-          ) : /* @__PURE__ */ e(s, { messageId: "components.apyParts.totalAPY" }) }),
+          ) : /* @__PURE__ */ e(
+            s,
+            {
+              messageId: m(
+                l,
+                "components.yieldBreakdown.titleNet",
+                "components.yieldBreakdown.titleNet7d"
+              )
+            }
+          ) }),
           /* @__PURE__ */ e(
             "span",
             {
-              className: c(
+              className: f(
                 "rounded-md px-2 py-0.5 text-sm font-semibold tabular-nums",
-                b > 0 ? "bg-success/20 text-success" : "bg-muted text-muted-foreground"
+                x > 0 ? "bg-success/20 text-success" : "bg-muted text-muted-foreground"
               ),
-              children: i(b)
+              children: p(x)
             }
           )
         ] }),
-        l?.organicApy != null && /* @__PURE__ */ e(
-          m,
+        i?.organicApy != null && /* @__PURE__ */ e(
+          c,
           {
-            muted: l.organicApy < 0,
-            label: /* @__PURE__ */ e(s, { messageId: "components.yieldBreakdown.collateralApy" }),
-            value: i(l.organicApy)
+            muted: i.organicApy < 0,
+            label: /* @__PURE__ */ e(
+              s,
+              {
+                messageId: d ? m(
+                  l,
+                  "components.yieldBreakdown.collateralApy",
+                  "components.yieldBreakdown.collateralApy7d"
+                ) : m(
+                  l,
+                  "components.yieldBreakdown.baseApy",
+                  "components.yieldBreakdown.baseApy7d"
+                )
+              }
+            ),
+            value: p(i.organicApy)
           }
         ),
-        w.map((t) => t.supplyApr == null ? null : /* @__PURE__ */ e(
-          m,
+        k.map((t) => t.supplyApr == null ? null : /* @__PURE__ */ e(
+          c,
           {
             muted: t.supplyApr < 0,
             label: /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1.5", children: [
@@ -81,24 +111,33 @@ function V({
                   values: { symbol: t.token.symbol }
                 }
               ) }),
-              /* @__PURE__ */ e(P, { token: t.token, size: 20 })
+              /* @__PURE__ */ e(I, { token: t.token, size: 20 })
             ] }),
-            value: i(t.supplyApr)
+            value: p(t.supplyApr)
           },
           `incentive-${t.token.address}-${t.supplyApr}`
         )),
-        d && p != null && /* @__PURE__ */ e(
-          m,
+        d && u != null && /* @__PURE__ */ e(
+          c,
           {
-            muted: p < 0,
-            label: /* @__PURE__ */ e(s, { messageId: "components.yieldBreakdown.borrowRate" }),
-            value: i(p)
+            muted: u < 0,
+            label: /* @__PURE__ */ e(
+              s,
+              {
+                messageId: m(
+                  l,
+                  "components.yieldBreakdown.borrowRate",
+                  "components.yieldBreakdown.borrowRate7d"
+                )
+              }
+            ),
+            value: p(u)
           }
         ),
-        x.length > 0 && /* @__PURE__ */ a(k, { children: [
+        y.length > 0 && /* @__PURE__ */ a(N, { children: [
           /* @__PURE__ */ e("div", { className: "h-px w-full bg-divider" }),
-          x.map((t) => /* @__PURE__ */ e(
-            m,
+          y.map((t) => /* @__PURE__ */ e(
+            c,
             {
               label: /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1.5", children: [
                 /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
@@ -109,7 +148,7 @@ function V({
                   }
                 ) }),
                 /* @__PURE__ */ e(
-                  N,
+                  A,
                   {
                     reward: {
                       name: t.name,
@@ -128,38 +167,38 @@ function V({
     }
   );
   return /* @__PURE__ */ e(
-    A,
+    P,
     {
       placement: "bottom",
       triangle: !1,
       type: "modal-tooltip",
       minWidth: "100%",
       maxWidth: "100%",
-      title: /* @__PURE__ */ e("span", { className: g, children: h }),
-      triggerClassName: g,
-      children: v
+      title: /* @__PURE__ */ e("span", { className: w, children: h }),
+      triggerClassName: w,
+      children: B
     }
   );
 }
-function m({
-  label: n,
-  value: o,
+function c({
+  label: o,
+  value: n,
   muted: r = !1
 }) {
   return /* @__PURE__ */ a("div", { className: "flex h-6 items-center justify-between gap-3 text-sm leading-5", children: [
-    /* @__PURE__ */ e("span", { className: "min-w-0 font-normal text-muted-foreground", children: n }),
+    /* @__PURE__ */ e("span", { className: "min-w-0 font-normal text-muted-foreground", children: o }),
     /* @__PURE__ */ e(
       "span",
       {
-        className: c(
+        className: f(
           "shrink-0 font-semibold tabular-nums",
           r ? "text-muted-foreground" : "text-foreground"
         ),
-        children: o
+        children: n
       }
     )
   ] });
 }
 export {
-  V as YieldBreakdownTooltip
+  Z as YieldBreakdownTooltip
 };