@gearbox-protocol/ui-kit 4.0.0-next.3 → 4.0.0-next.4

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

@@ -11,6 +11,7 @@ import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
+import "../../points-icon/points-icon.js";
 import { ApyValue as o } from "../values/scalars.js";
 import "../../badge/badge.js";
 import { StrategyApyBreakdownCardTest as i } from "./constants.js";
@@ -28,7 +29,7 @@ function e({
     }
   );
 }
-function R({
+function T({
   data: t
 }) {
   return /* @__PURE__ */ d(
@@ -46,6 +47,6 @@ function R({
   );
 }
 export {
-  R as StrategyApyBreakdownCard,
+  T as StrategyApyBreakdownCard,
   i as StrategyApyBreakdownCardTest
 };

package/dist/esm/components/base/time-to-liquidation-block/time-to-liquidation-block.js

@@ -1,60 +1,60 @@
-import { jsx as t, jsxs as v } from "react/jsx-runtime";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
 import { useTitleText as T } from "../text/use-title-text.js";
-import { FadeoutLoading as r } from "../../fadeout-loading/fadeout-loading.js";
+import { FadeoutLoading as l } from "../../fadeout-loading/fadeout-loading.js";
 import { HealthDot as f } from "../../status-elements/status-elements.js";
-import { FormattedMessageTyped as s } from "../../typed-intl/index.js";
+import { FormattedMessageTyped as m } from "../../typed-intl/index.js";
 import { VerticalIndicator as h } from "../../vertical-indicator/vertical-indicator.js";
 import { ttlLeft as g, getTTLZones as x } from "../../../utils/ttl.js";
-import { TimeToLiquidationBlockTest as d } from "./constants.js";
+import { TimeToLiquidationBlockTest as r } from "./constants.js";
 function j({
-  seconds: i,
-  secondsTo: l,
-  zone: n,
-  isLoading: o,
-  title: e,
-  tip: a,
-  testId: c
+  data: o,
+  dataTo: n,
+  zone: a,
+  isLoading: e,
+  title: i,
+  tip: s,
+  testId: v
 }) {
-  const p = T(), m = l !== void 0;
+  const p = T(), d = n !== void 0;
   return /* @__PURE__ */ t(
     h,
     {
       align: "center",
       dimPreviousValue: !1,
-      "data-testid": c ?? d.root,
-      label: e !== void 0 ? p(e) : /* @__PURE__ */ t(s, { messageId: "components.timeToLiquidationBlock.label" }),
-      tip: a ?? /* @__PURE__ */ t(s, { messageId: "components.timeToLiquidationBlock.tip" }),
-      value: /* @__PURE__ */ t(r, { loading: o, children: /* @__PURE__ */ t(
+      "data-testid": v ?? r.root,
+      label: i !== void 0 ? p(i) : /* @__PURE__ */ t(m, { messageId: "components.timeToLiquidationBlock.label" }),
+      tip: s ?? /* @__PURE__ */ t(m, { messageId: "components.timeToLiquidationBlock.tip" }),
+      value: /* @__PURE__ */ t(l, { loading: e, children: /* @__PURE__ */ t(
         u,
         {
-          seconds: i,
-          zone: m ? void 0 : n,
-          testId: d.value
+          milliseconds: o,
+          zone: d ? void 0 : a,
+          testId: r.value
         }
       ) }),
-      valueTo: m ? /* @__PURE__ */ t(r, { loading: o, children: /* @__PURE__ */ t(
+      valueTo: d ? /* @__PURE__ */ t(l, { loading: e, children: /* @__PURE__ */ t(
         u,
         {
-          seconds: l ?? null,
-          zone: n,
-          testId: d.valueTo
+          milliseconds: n ?? null,
+          zone: a,
+          testId: r.valueTo
         }
       ) }) : void 0
     }
   );
 }
 function u({
-  seconds: i,
-  zone: l,
-  testId: n
+  milliseconds: o,
+  zone: n,
+  testId: a
 }) {
-  const o = i == null ? null : i * 1e3, e = o === null ? void 0 : g(o), a = l ?? (o === null ? void 0 : x(o));
-  return /* @__PURE__ */ v("span", { className: "inline-flex items-center", "data-testid": n, children: [
-    i === void 0 ? "—" : o === null ? "N/A" : e?.months !== void 0 ? `${e.months}mo` : e?.day !== void 0 ? `${e.day}d` : "<1d",
-    o !== null && a ? /* @__PURE__ */ t("span", { className: "ml-1.5", children: /* @__PURE__ */ t(f, { zone: a }) }) : null
+  const e = o == null ? void 0 : g(o), i = n ?? (o == null ? void 0 : x(o));
+  return /* @__PURE__ */ c("span", { className: "inline-flex items-center", "data-testid": a, children: [
+    o === void 0 ? "—" : o === null ? "N/A" : e?.months !== void 0 ? `${e.months}mo` : e?.day !== void 0 ? `${e.day}d` : "<1d",
+    o != null && i ? /* @__PURE__ */ t("span", { className: "ml-1.5", children: /* @__PURE__ */ t(f, { zone: i }) }) : null
   ] });
 }
 export {
   j as TimeToLiquidationBlock,
-  d as TimeToLiquidationBlockTest
+  r as TimeToLiquidationBlockTest
 };

package/dist/esm/components/base/token-amount/token-amount.js

@@ -1,29 +1,30 @@
-import { jsx as n, jsxs as i } from "react/jsx-runtime";
-import { Stack as m } from "../stack/stack.js";
-import { TokenTemplate as a } from "../../token-template/token-template.js";
-import { Typography as s } from "../../typography/typography.js";
-import { formatMoney as l } from "../../../utils/format-money.js";
-import { TokenAmountTest as r } from "./constants.js";
-function T({
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { Stack as a } from "../stack/stack.js";
+import { TokenTemplate as i } from "../../token-template/token-template.js";
+import { Typography as l } from "../../typography/typography.js";
+import { formatMoney as p } from "../../../utils/format-money.js";
+import { TokenAmountTest as t } from "./constants.js";
+function v({
   data: o,
-  token: e
+  token: n,
+  align: e = "start"
 }) {
   if (o === null)
-    return /* @__PURE__ */ n(
+    return /* @__PURE__ */ r(
       "span",
       {
         className: "text-secondary-foreground",
-        "data-testid": r.root,
+        "data-testid": t.root,
         children: "—"
       }
     );
-  const t = e ?? o.token;
-  return /* @__PURE__ */ i(m, { gap: "xs", align: "end", "data-testid": r.root, children: [
-    /* @__PURE__ */ n(a, { value: o.value, token: t }),
-    /* @__PURE__ */ n(s, { as: "span", variant: "caption", color: "secondary", children: o.valueUsd === null ? "—" : l(o.valueUsd) })
+  const m = n ?? o.token;
+  return /* @__PURE__ */ s(a, { gap: "xs", align: e, "data-testid": t.root, children: [
+    /* @__PURE__ */ r(i, { value: o.value, token: m }),
+    /* @__PURE__ */ r(l, { as: "span", variant: "caption", color: "secondary", children: o.valueUsd === null ? "—" : p(o.valueUsd) })
   ] });
 }
 export {
-  T as TokenAmount,
-  r as TokenAmountTest
+  v as TokenAmount,
+  t as TokenAmountTest
 };

package/dist/esm/components/base/values/constants.js

@@ -6,6 +6,7 @@ class a {
   static healthFactor = "value-health-factor";
   static pnl = "value-pnl";
   static tokenBigint = "value-token-bigint";
+  static points = "value-points";
   static placeholder = "value-placeholder";
 }
 class e {

package/dist/esm/components/base/values/index.js

@@ -1,19 +1,21 @@
-import { PositionShortLabelTest as t, ValueTest as a } from "./constants.js";
+import { PositionShortLabelTest as t, ValueTest as r } from "./constants.js";
 import { PnlValue as l } from "./pnl-value.js";
-import { PositionShortLabel as p } from "./position-short-label.js";
-import { PositionTypeBadge as s } from "./position-type-badge.js";
-import { ApyValue as V, HealthFactorValue as f, LeverageValue as m, TokenBigint as x, UsdValue as P, UtilizationValue as T, bps as b } from "./scalars.js";
+import { PointsValue as p } from "./points-value.js";
+import { PositionShortLabel as s } from "./position-short-label.js";
+import { PositionTypeBadge as V } from "./position-type-badge.js";
+import { ApyValue as m, HealthFactorValue as x, LeverageValue as P, TokenBigint as T, UsdValue as b, UtilizationValue as g, bps as h } from "./scalars.js";
 export {
-  V as ApyValue,
-  f as HealthFactorValue,
-  m as LeverageValue,
+  m as ApyValue,
+  x as HealthFactorValue,
+  P as LeverageValue,
   l as PnlValue,
-  p as PositionShortLabel,
+  p as PointsValue,
+  s as PositionShortLabel,
   t as PositionShortLabelTest,
-  s as PositionTypeBadge,
-  x as TokenBigint,
-  P as UsdValue,
-  T as UtilizationValue,
-  a as ValueTest,
-  b as bps
+  V as PositionTypeBadge,
+  T as TokenBigint,
+  b as UsdValue,
+  g as UtilizationValue,
+  r as ValueTest,
+  h as bps
 };

package/dist/esm/components/base/values/points-value.js

@@ -0,0 +1,30 @@
+import { jsx as n, jsxs as s } from "react/jsx-runtime";
+import { PointsIcon as r } from "../../points-icon/points-icon.js";
+import { pointProgramsOf as l } from "../../../utils/apy-breakdown.js";
+import { ValueTest as a } from "./constants.js";
+function c({
+  data: i
+}) {
+  if (!i) return null;
+  const t = l(i);
+  return t.length === 0 ? null : /* @__PURE__ */ n(
+    "span",
+    {
+      className: "inline-flex flex-wrap items-center gap-1.5",
+      "data-testid": a.points,
+      children: t.map((e) => /* @__PURE__ */ s("span", { className: "inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ n(
+          r,
+          {
+            reward: { name: e.name, type: e.id },
+            size: 16
+          }
+        ),
+        /* @__PURE__ */ n("span", { children: e.name })
+      ] }, e.id))
+    }
+  );
+}
+export {
+  c as PointsValue
+};

package/dist/esm/components/base/values/scalars.js

@@ -2,9 +2,10 @@ import { jsx as e } from "react/jsx-runtime";
 import { CompoundAPY as s } from "../../compound-apy/compound-apy.js";
 import "react";
 import "@gearbox-protocol/sdk";
-import { cn as c } from "../../../utils/cn.js";
+import { cn as a } from "../../../utils/cn.js";
 import "sonner";
-import { formatPercentAmount as a, formatMoney as l } from "../../../utils/format-money.js";
+import { formatLeverage as c } from "../../../utils/format-leverage.js";
+import { formatPercentAmount as m, formatMoney as l } from "../../../utils/format-money.js";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
@@ -14,35 +15,35 @@ function i() {
   return /* @__PURE__ */ e("span", { "data-testid": r.placeholder, children: d });
 }
 function o(t) {
-  return `${a(t / 100, 2)}%`;
+  return `${m(t / 100, 2)}%`;
 }
-function F({ data: t }) {
+function P({ data: t }) {
   return t === void 0 ? /* @__PURE__ */ e(i, {}) : typeof t == "number" ? /* @__PURE__ */ e("span", { "data-testid": r.apy, children: o(t) }) : /* @__PURE__ */ e("span", { "data-testid": r.apy, children: /* @__PURE__ */ e(s, { apy: t }) });
 }
-function L({
+function $({
   data: t
 }) {
   return t == null ? /* @__PURE__ */ e(i, {}) : /* @__PURE__ */ e("span", { "data-testid": r.usd, children: l(t) });
 }
-function P({
+function z({
   data: t
 }) {
-  return t === void 0 ? /* @__PURE__ */ e(i, {}) : /* @__PURE__ */ e("span", { "data-testid": r.leverage, children: `${t}x` });
+  return t === void 0 ? /* @__PURE__ */ e(i, {}) : /* @__PURE__ */ e("span", { "data-testid": r.leverage, children: `${c(t)}x` });
 }
-function $({
+function w({
   data: t
 }) {
   return t === void 0 ? /* @__PURE__ */ e(i, {}) : /* @__PURE__ */ e("span", { "data-testid": r.utilization, children: o(t) });
 }
-function z({
+function B({
   data: t
 }) {
   if (t === void 0)
     return /* @__PURE__ */ e(i, {});
   const n = t < 1e4 ? "text-destructive" : t < 11e3 ? "text-warning" : "text-success";
-  return /* @__PURE__ */ e("span", { "data-testid": r.healthFactor, className: c(n), children: (t / 1e4).toFixed(2) });
+  return /* @__PURE__ */ e("span", { "data-testid": r.healthFactor, className: a(n), children: (t / 1e4).toFixed(2) });
 }
-function w({
+function C({
   data: t,
   token: n
 }) {
@@ -52,11 +53,11 @@ function w({
   return /* @__PURE__ */ e("span", { "data-testid": r.tokenBigint, children: `${u.toLocaleString(void 0, { maximumFractionDigits: 6 })} ${n.symbol}` });
 }
 export {
-  F as ApyValue,
-  z as HealthFactorValue,
-  P as LeverageValue,
-  w as TokenBigint,
-  L as UsdValue,
-  $ as UtilizationValue,
+  P as ApyValue,
+  B as HealthFactorValue,
+  z as LeverageValue,
+  C as TokenBigint,
+  $ as UsdValue,
+  w as UtilizationValue,
   o as bps
 };

package/dist/esm/components/block-sync-pill/block-sync-pill.js

@@ -33,10 +33,11 @@ import "../token-symbol/token-symbol.js";
 import "../simple-accordion/simple-accordion.js";
 import "../tip-card/tip-card.js";
 import "../typography/typography.js";
-import "../vertical-indicator/vertical-indicator.js";
 import "../points-icon/points-icon.js";
 import "@fortawesome/free-solid-svg-icons";
 import "../icons/fa-icon.js";
+import "../vertical-indicator/vertical-indicator.js";
+import "../base/page-title/page-title.js";
 import "../detailed-page-title/detailed-page-title-copy-button.js";
 import "../detailed-page-title/detailed-page-title-explorer-dropdown.js";
 import "../base/details-view/detail-aside/detail-aside-scope.js";
@@ -60,6 +61,19 @@ import "../with-title/with-title.js";
 import "../status-elements/status-elements.js";
 import "react-router-dom";
 import "../client-adapters/styled-dialog-container/styled-dialog-container.js";
+import "../modal/modal.js";
+import "@radix-ui/react-dialog";
+import "../dialog/dialog-container.js";
+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-modal-container.js";
+import "../dialog/dialog-overlay.js";
+import "viem";
+import "../input/input.js";
+import "../label/label.js";
 import "../simple-dropdown/simple-dropdown.js";
 import "../simple-dropdown/simple-dropdown-menu-item.js";
 import "../help-tip/help-tip.js";
@@ -74,21 +88,8 @@ import "../client-adapters/styled-button/styled-button.js";
 import "../client-adapters/styled-rounded-image/styled-rounded-image.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 "../detailed-apy/detailed-apy.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-modal-container.js";
-import "../dialog/dialog-overlay.js";
-import "viem";
-import "../input/input.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";
@@ -132,7 +133,7 @@ import "../textarea/textarea.js";
 import "../theme-provider.js";
 import { getBlockSyncStatus as z } from "./block-sync-status.js";
 const C = 300 * 1e3, O = 2.5;
-function xo({
+function So({
   blockByChain: p,
   explorerAddresses: y,
   networkById: T,
@@ -202,5 +203,5 @@ function xo({
   return d ? /* @__PURE__ */ t($, { title: a(), children: d }) : /* @__PURE__ */ t("div", { className: "select-none", children: a() });
 }
 export {
-  xo as BlockSyncPill
+  So as BlockSyncPill
 };

package/dist/esm/components/checkbox/checkbox-labeled.js

@@ -33,10 +33,11 @@ import "../token-symbol/token-symbol.js";
 import "../simple-accordion/simple-accordion.js";
 import "../tip-card/tip-card.js";
 import "../typography/typography.js";
-import "../vertical-indicator/vertical-indicator.js";
 import "../points-icon/points-icon.js";
 import "@fortawesome/free-solid-svg-icons";
 import "../icons/fa-icon.js";
+import "../vertical-indicator/vertical-indicator.js";
+import "../base/page-title/page-title.js";
 import "../detailed-page-title/detailed-page-title-copy-button.js";
 import "../detailed-page-title/detailed-page-title-explorer-dropdown.js";
 import "../base/details-view/detail-aside/detail-aside-scope.js";
@@ -59,6 +60,19 @@ import "../with-title/with-title.js";
 import "../status-elements/status-elements.js";
 import "react-router-dom";
 import "../client-adapters/styled-dialog-container/styled-dialog-container.js";
+import "../modal/modal.js";
+import "@radix-ui/react-dialog";
+import "../dialog/dialog-container.js";
+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-modal-container.js";
+import "../dialog/dialog-overlay.js";
+import "viem";
+import "../input/input.js";
+import { Label as k } from "../label/label.js";
 import "../simple-dropdown/simple-dropdown.js";
 import "../simple-dropdown/simple-dropdown-menu-item.js";
 import "../help-tip/help-tip.js";
@@ -73,21 +87,8 @@ import "../client-adapters/styled-button/styled-button.js";
 import "../client-adapters/styled-rounded-image/styled-rounded-image.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 "../detailed-apy/detailed-apy.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-modal-container.js";
-import "../dialog/dialog-overlay.js";
-import "viem";
-import "../input/input.js";
-import { Label as k } from "../label/label.js";
 import "../dropdown-menu/dropdown-menu.js";
 import "../dropdown-menu/dropdown-menu-checkbox-item.js";
 import "../dropdown-menu/dropdown-menu-content.js";

package/dist/esm/components/client-adapters/styled-rounded-image/styled-rounded-image.js

@@ -33,10 +33,11 @@ import "../../token-symbol/token-symbol.js";
 import "../../simple-accordion/simple-accordion.js";
 import "../../tip-card/tip-card.js";
 import "../../typography/typography.js";
-import "../../vertical-indicator/vertical-indicator.js";
 import "../../points-icon/points-icon.js";
 import "@fortawesome/free-solid-svg-icons";
 import "../../icons/fa-icon.js";
+import "../../vertical-indicator/vertical-indicator.js";
+import "../../base/page-title/page-title.js";
 import "../../detailed-page-title/detailed-page-title-copy-button.js";
 import "../../detailed-page-title/detailed-page-title-explorer-dropdown.js";
 import "../../base/details-view/detail-aside/detail-aside-scope.js";
@@ -60,6 +61,19 @@ import "../../with-title/with-title.js";
 import "../../status-elements/status-elements.js";
 import "react-router-dom";
 import "../styled-dialog-container/styled-dialog-container.js";
+import "../../modal/modal.js";
+import "@radix-ui/react-dialog";
+import "../../dialog/dialog-container.js";
+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-modal-container.js";
+import "../../dialog/dialog-overlay.js";
+import "viem";
+import "../../input/input.js";
+import "../../label/label.js";
 import "../../simple-dropdown/simple-dropdown.js";
 import "../../simple-dropdown/simple-dropdown-menu-item.js";
 import "../../help-tip/help-tip.js";
@@ -73,21 +87,8 @@ import "../../checkbox-item/checkbox-item.js";
 import "../styled-button/styled-button.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 "../../detailed-apy/detailed-apy.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-modal-container.js";
-import "../../dialog/dialog-overlay.js";
-import "viem";
-import "../../input/input.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";

package/dist/esm/components/composites/pool-assets-table/pool-assets-table-row.js

@@ -7,6 +7,7 @@ import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
+import "../../points-icon/points-icon.js";
 import { bps as y } from "../../base/values/scalars.js";
 import "../../badge/badge.js";
 import { FormattedMessageTyped as o } from "../../typed-intl/index.js";
@@ -17,14 +18,14 @@ import { TableLineSm as k, TableCellSm as p } from "../../table/table-sm.js";
 import { TokenSymbol as v } from "../../token-symbol/token-symbol.js";
 import { TokenTemplate as d } from "../../token-template/token-template.js";
 import { Typography as w } from "../../typography/typography.js";
-function V({
+function W({
   poolName: h,
   token: l,
   currentQuota: g,
   underlyingToken: r,
   last: u
 }) {
-  const { limit: f, totalQuoted: b, rate: x } = g, i = L(), T = S() ? 21 : i ? 40 : 16, a = () => /* @__PURE__ */ t("div", { className: "flex items-center flex-col-auto", children: [
+  const { limit: f, totalQuoted: b, rate: x } = g, i = L(), T = S() ? 21 : i ? 40 : 16, m = () => /* @__PURE__ */ t("div", { className: "flex items-center flex-col-auto", children: [
     /* @__PURE__ */ e(v, { token: l, size: 32 }),
     /* @__PURE__ */ t("span", { className: "ml-1.5 md:ml-2.5 text-left", children: [
       /* @__PURE__ */ e(c, { maxLength: T, children: l?.title }),
@@ -39,7 +40,7 @@ function V({
         }
       )
     ] })
-  ] }), m = () => y(Number(x)), n = () => /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
+  ] }), a = () => y(Number(x)), n = () => /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
     o,
     {
       messageId: "components.poolAssetsTable.usage",
@@ -83,14 +84,14 @@ function V({
         {
           columns: 2,
           columnsXs: 2,
-          title: a(),
+          title: m(),
           className: "w-full",
           children: [
             /* @__PURE__ */ e(
               p,
               {
                 title: /* @__PURE__ */ e(o, { messageId: "components.poolAssetsTable.rate" }),
-                children: m()
+                children: a()
               }
             ),
             /* @__PURE__ */ e(
@@ -103,13 +104,13 @@ function V({
           ]
         }
       ) }) : /* @__PURE__ */ t(N, { children: [
-        /* @__PURE__ */ e(s, { textAlign: "left", className: "pl-4", size: "sm", children: a() }),
-        /* @__PURE__ */ e(s, { textAlign: "right", size: "sm", children: m() }),
+        /* @__PURE__ */ e(s, { textAlign: "left", className: "pl-4", size: "sm", children: m() }),
+        /* @__PURE__ */ e(s, { textAlign: "right", size: "sm", children: a() }),
         /* @__PURE__ */ e(s, { textAlign: "right", className: "pr-4", size: "sm", children: n() })
       ] })
     }
   );
 }
 export {
-  V as PoolAssetsTableRow
+  W as PoolAssetsTableRow
 };