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

package/dist/esm/components/base/borrow-rate-block/borrow-rate-block.js

@@ -1,10 +1,10 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import { SimpleAccordion as p, SimpleAccordionItem as s } from "../../simple-accordion/simple-accordion.js";
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { SimpleAccordion as l, SimpleAccordionItem as s } from "../../simple-accordion/simple-accordion.js";
 import { TipCard as c } from "../../tip-card/tip-card.js";
-import { FormattedMessageTyped as t } from "../../typed-intl/index.js";
+import { FormattedMessageTyped as e } from "../../typed-intl/index.js";
 import { Typography as d } from "../../typography/typography.js";
 import { VSpace as f } from "../../vspace/vspace.js";
-import { InfoList as u, InfoLine as r } from "../info-list/info-list.js";
+import { InfoList as b, InfoLine as i } from "../info-list/info-list.js";
 import "react";
 import "@gearbox-protocol/sdk";
 import "clsx";
@@ -13,15 +13,21 @@ import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
-import { ApyValue as e } from "../values/scalars.js";
+import "../../points-icon/points-icon.js";
+import { ApyValue as a } from "../values/scalars.js";
 import "../../badge/badge.js";
-import { BorrowRateBlockTest as i } from "./constants.js";
-function L({
-  data: m,
-  dataTo: a,
-  base: l
+import { BorrowRateBlockTest as n } from "./constants.js";
+function p(t) {
+  return typeof t == "number" ? t : t?.total;
+}
+function u(t) {
+  return typeof t == "number" ? t : t?.base;
+}
+function _({
+  data: t,
+  dataTo: r
 }) {
-  return /* @__PURE__ */ o("div", { "data-testid": i.root, children: /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o("div", { "data-testid": n.root, children: /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(
     s,
     {
       value: "borrow-rate",
@@ -32,35 +38,35 @@ function L({
         "div",
         {
           className: "min-w-0 flex-1 pr-1.5",
-          "data-testid": i.trigger,
+          "data-testid": n.trigger,
           children: /* @__PURE__ */ o(
-            r,
+            i,
             {
               title: "components.borrowRateBlock.label",
-              tip: /* @__PURE__ */ o(t, { messageId: "components.borrowRateBlock.tip" }),
-              value: /* @__PURE__ */ o(e, { data: m }),
-              valueTo: a !== void 0 ? /* @__PURE__ */ o(e, { data: a }) : void 0
+              tip: /* @__PURE__ */ o(e, { messageId: "components.borrowRateBlock.tip" }),
+              value: /* @__PURE__ */ o(a, { data: p(t) }),
+              valueTo: r !== void 0 ? /* @__PURE__ */ o(a, { data: p(r) }) : void 0
             }
           )
         }
       ),
-      description: /* @__PURE__ */ n("div", { "data-testid": i.details, children: [
+      description: /* @__PURE__ */ m("div", { "data-testid": n.details, children: [
         /* @__PURE__ */ o(f, { size: 16 }),
-        /* @__PURE__ */ o(c, { backgroundColor: "transparent", textColor: "unset", children: /* @__PURE__ */ n(u, { children: [
-          /* @__PURE__ */ o(d, { as: "span", variant: "caption", color: "secondary", children: /* @__PURE__ */ o(t, { messageId: "components.borrowRateBlock.description" }) }),
+        /* @__PURE__ */ o(c, { backgroundColor: "transparent", textColor: "unset", children: /* @__PURE__ */ m(b, { children: [
+          /* @__PURE__ */ o(d, { as: "span", variant: "caption", color: "secondary", children: /* @__PURE__ */ o(e, { messageId: "components.borrowRateBlock.description" }) }),
           /* @__PURE__ */ o(
-            r,
+            i,
             {
               title: "components.borrowRateBlock.baseRate",
-              value: /* @__PURE__ */ o(e, { data: l })
+              value: /* @__PURE__ */ o(a, { data: u(r ?? t) })
             }
           ),
           /* @__PURE__ */ o(
-            r,
+            i,
             {
               title: "components.borrowRateBlock.normalization",
               tip: /* @__PURE__ */ o(
-                t,
+                e,
                 {
                   messageId: "components.borrowRateBlock.normalization.tip",
                   values: {
@@ -78,6 +84,6 @@ function L({
   ) }) });
 }
 export {
-  L as BorrowRateBlock,
-  i as BorrowRateBlockTest
+  _ as BorrowRateBlock,
+  n as BorrowRateBlockTest
 };

package/dist/esm/components/base/detailed-page-title/detailed-page-title.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { PageTitle as j } from "../page-title/page-title.js";
+import { PageTitle as N } from "../page-title/page-title.js";
 import { Stack as i } from "../stack/stack.js";
-import { DetailedPageTitleCopyButton as x } from "../../detailed-page-title/detailed-page-title-copy-button.js";
-import { DetailedPageTitleExplorerDropdown as y } from "../../detailed-page-title/detailed-page-title-explorer-dropdown.js";
-import { TokenSymbol as B } from "../../token-symbol/token-symbol.js";
+import { DetailedPageTitleCopyButton as j } from "../../detailed-page-title/detailed-page-title-copy-button.js";
+import { DetailedPageTitleExplorerDropdown as x } from "../../detailed-page-title/detailed-page-title-explorer-dropdown.js";
+import { TokenSymbol as y } from "../../token-symbol/token-symbol.js";
 import "react";
 import "@gearbox-protocol/sdk";
 import { cn as m } from "../../../utils/cn.js";
@@ -12,33 +12,32 @@ import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 import { DetailedPageTitleTest as s } from "./constants.js";
-function M({
+function K({
   title: c,
   browserTitle: p,
-  head: d,
   token: n,
-  icon: u,
-  tokenIconSize: g = 32,
-  disabled: f = !1,
+  icon: d,
+  tokenIconSize: u = 32,
+  disabled: g = !1,
   toCopy: l,
   explorerLinks: t,
-  badges: w,
+  badges: f,
   actions: a,
   buttonsSlot: o,
-  meta: h,
-  actionsPosition: T = "left",
-  className: D
+  meta: w,
+  actionsPosition: h = "left",
+  className: T
 }) {
-  const P = n ? /* @__PURE__ */ e(
+  const D = n ? /* @__PURE__ */ e(
     "span",
     {
       className: m(
         "inline-flex shrink-0 self-center",
-        f ? "grayscale" : void 0
+        g ? "grayscale" : void 0
       ),
-      children: /* @__PURE__ */ e(B, { size: g, token: n })
+      children: /* @__PURE__ */ e(y, { size: u, token: n })
     }
-  ) : u, N = o != null || a != null || l != null || t != null && t.length > 0 ? /* @__PURE__ */ r(
+  ) : d, P = o != null || a != null || l != null || t != null && t.length > 0 ? /* @__PURE__ */ r(
     i,
     {
       direction: "row",
@@ -49,9 +48,9 @@ function M({
       children: [
         a,
         o,
-        l != null ? /* @__PURE__ */ e(x, { toCopy: l }) : null,
+        l != null ? /* @__PURE__ */ e(j, { toCopy: l }) : null,
         t != null && t.length > 0 ? /* @__PURE__ */ e(
-          y,
+          x,
           {
             explorerLinks: [...t]
           }
@@ -63,7 +62,7 @@ function M({
     i,
     {
       gap: "sm",
-      className: m("min-w-0", D),
+      className: m("min-w-0", T),
       "data-testid": s.root,
       children: [
         /* @__PURE__ */ r(
@@ -72,25 +71,25 @@ function M({
             direction: "row",
             align: "center",
             gap: "sm",
-            justify: T === "right" ? "between" : "start",
+            justify: h === "right" ? "between" : "start",
             wrap: !0,
             className: "w-full",
             children: [
               /* @__PURE__ */ r(i, { direction: "row", align: "center", gap: "sm", wrap: !0, className: "min-w-0", children: [
-                P,
-                /* @__PURE__ */ e(j, { title: c, browserTitle: p, head: d }),
-                w
+                D,
+                /* @__PURE__ */ e(N, { title: c, browserTitle: p }),
+                f
               ] }),
-              N
+              P
             ]
           }
         ),
-        h
+        w
       ]
     }
   );
 }
 export {
-  M as DetailedPageTitle,
+  K as DetailedPageTitle,
   s as DetailedPageTitleTest
 };

package/dist/esm/components/base/health-factor-block/health-factor-block.js

@@ -1,46 +1,46 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useTitleText as f } from "../text/use-title-text.js";
-import { FadeoutLoading as m } from "../../fadeout-loading/fadeout-loading.js";
-import { HealthFactor as s } from "../../health-factor/health-factor.js";
+import { jsx as o } from "react/jsx-runtime";
+import { useTitleText as h } from "../text/use-title-text.js";
+import { FadeoutLoading as s } from "../../fadeout-loading/fadeout-loading.js";
+import { HealthFactor as c } from "../../health-factor/health-factor.js";
 import { FormattedMessageTyped as n } from "../../typed-intl/index.js";
-import { VerticalIndicator as F } from "../../vertical-indicator/vertical-indicator.js";
-import { HealthFactorBlockTest as o } from "./constants.js";
+import { VerticalIndicator as g } from "../../vertical-indicator/vertical-indicator.js";
+import { HealthFactorBlockTest as t } from "./constants.js";
 function b({
-  hf: e,
-  hfTo: a,
+  healthFactor: e,
+  healthFactorTo: a,
   debt: r,
   debtTo: p,
-  zone: l,
-  isLoading: i,
+  zone: i,
+  isLoading: l,
   title: d,
   tip: u,
   testId: v
 }) {
-  const h = f(), c = a !== void 0;
-  return /* @__PURE__ */ t(
-    F,
+  const f = h(), m = a !== void 0;
+  return /* @__PURE__ */ o(
+    g,
     {
       align: "center",
       dimPreviousValue: !1,
-      "data-testid": v ?? o.root,
-      label: d !== void 0 ? h(d) : /* @__PURE__ */ t(n, { messageId: "components.healthFactorBlock.label" }),
-      tip: u ?? /* @__PURE__ */ t(n, { messageId: "components.healthFactorBlock.tip" }),
-      value: /* @__PURE__ */ t(m, { loading: i, children: e === void 0 ? /* @__PURE__ */ t("span", { "data-testid": o.value, children: "—" }) : /* @__PURE__ */ t(
-        s,
+      "data-testid": v ?? t.root,
+      label: d !== void 0 ? f(d) : /* @__PURE__ */ o(n, { messageId: "components.healthFactorBlock.label" }),
+      tip: u ?? /* @__PURE__ */ o(n, { messageId: "components.healthFactorBlock.tip" }),
+      value: /* @__PURE__ */ o(s, { loading: l, children: e === void 0 ? /* @__PURE__ */ o("span", { "data-testid": t.value, children: "—" }) : /* @__PURE__ */ o(
+        c,
         {
           value: e,
           debt: r,
-          zone: c ? void 0 : l,
-          "data-testid": o.value
+          zone: m ? void 0 : i,
+          "data-testid": t.value
         }
       ) }),
-      valueTo: c ? /* @__PURE__ */ t(m, { loading: i, children: /* @__PURE__ */ t(
-        s,
+      valueTo: m ? /* @__PURE__ */ o(s, { loading: l, children: /* @__PURE__ */ o(
+        c,
         {
           value: a,
           debt: p ?? r,
-          zone: l,
-          "data-testid": o.valueTo
+          zone: i,
+          "data-testid": t.valueTo
         }
       ) }) : void 0
     }
@@ -48,5 +48,5 @@ function b({
 }
 export {
   b as HealthFactorBlock,
-  o as HealthFactorBlockTest
+  t as HealthFactorBlockTest
 };

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

@@ -1,166 +1,171 @@
 import { AmountInput as r } from "./amount-input/amount-input.js";
 import { TokenSelectPanel as a } from "./amount-input/token-select-panel.js";
-import { BorrowRateBlock as m } from "./borrow-rate-block/borrow-rate-block.js";
+import { BorrowRateBlock as p } from "./borrow-rate-block/borrow-rate-block.js";
 import { BorrowRateBlockTest as f } from "./borrow-rate-block/constants.js";
 import { ChartWithSideCard as x } from "./chart-with-side-card/chart-with-side-card.js";
 import { ChartWithSideCardTest as s } from "./chart-with-side-card/constants.js";
 import { DetailedPageTitle as d } from "./detailed-page-title/detailed-page-title.js";
-import { AsideAlignAnchor as P } from "./details-view/detail-aside/detail-aside-scope.js";
+import { AsideAlignAnchor as S } from "./details-view/detail-aside/detail-aside-scope.js";
 import { DetailAsideScreenLayout as g } from "./details-view/detail-aside/detail-aside-screen-layout.js";
 import { DetailsView as k, DetailsViewLeftPane as B, DetailsViewManagePane as A } from "./details-view/details-view.js";
 import { HealthFactorBlockTest as L } from "./health-factor-block/constants.js";
 import { HealthFactorBlock as C } from "./health-factor-block/health-factor-block.js";
 import { HistoryChart as w } from "./history-chart/history-chart.js";
-import { InfoLine as h, InfoList as V, InfoSectionTitle as D } from "./info-list/info-list.js";
+import { InfoLine as V, InfoList as h, InfoSectionTitle as D, PointsInfoLine as H } from "./info-list/info-list.js";
 import { InfoPortalOut as E, InfoPortalProvider as q } from "./info-portal/info-portal.js";
-import { LeverageInput as _ } from "./leverage-input/leverage-input.js";
-import { LiquidationParamsTableTest as R } from "./liquidation-params-table/constants.js";
-import { LiquidationParamsTable as G } from "./liquidation-params-table/liquidation-params-table.js";
-import { LiquidationPriceBlockTest as O } from "./liquidation-price-block/constants.js";
-import { LiquidationPriceBlock as z } from "./liquidation-price-block/liquidation-price-block.js";
-import { ManagePane as j, ManagePaneActionTab as J, ManagePaneMessage as K, ManagePaneTab as Q, ManagePaneTabDropdown as Y } from "./manage-pane/manage-pane.js";
-import { MoreAccordionTest as $ } from "./more-accordion/constants.js";
-import { MoreAccordion as oe } from "./more-accordion/more-accordion.js";
-import { NestedInfoStackTest as te } from "./nested-info-stack/constants.js";
-import { NestedInfoStack as ie } from "./nested-info-stack/nested-info-stack.js";
-import { PageTitle as pe } from "./page-title/page-title.js";
-import { PoolApyBreakdownCardTest as ne } from "./pool-apy-breakdown-card/constants.js";
-import { PoolApyBreakdownCard as Te } from "./pool-apy-breakdown-card/pool-apy-breakdown-card.js";
-import { ReviewButton as le } from "./review-button/review-button.js";
-import { SectionHeading as Se } from "./section-heading/section-heading.js";
-import { SEGMENTED_TABS_INACTIVE_BUTTON_CLASS as ce, SegmentedTabs as ge } from "./segmented-tabs/segmented-tabs.js";
-import { SideCardTest as ke } from "./side-card/constants.js";
-import { SideCard as Ae } from "./side-card/side-card.js";
-import { SPACE_HEIGHT as Le, SPACE_PX as ye } from "./spacing.js";
-import { Stack as Ie } from "./stack/stack.js";
-import { StatBadge as Me, StatBadgeGrid as he } from "./stat-badge/stat-badge.js";
-import { StickyBar as De } from "./sticky-bar/sticky-bar.js";
-import { StrategyApyBreakdownCardTest as Ee } from "./strategy-apy-breakdown-card/constants.js";
-import { StrategyApyBreakdownCard as ve } from "./strategy-apy-breakdown-card/strategy-apy-breakdown-card.js";
-import { Tabber as Ne, TabberSection as Re, isTabber as Fe } from "./tabber/tabber.js";
-import { useDetailScrollSpy as Ue } from "./tabber/use-detail-scroll-spy.js";
-import { useTitleText as We } from "./text/use-title-text.js";
-import { TimeToLiquidationBlockTest as Xe } from "./time-to-liquidation-block/constants.js";
-import { TimeToLiquidationBlock as Je } from "./time-to-liquidation-block/time-to-liquidation-block.js";
-import { TitleMetaTest as Qe } from "./title-meta/constants.js";
-import { TitleMeta as Ze } from "./title-meta/title-meta.js";
-import { TokenAmount as eo } from "./token-amount/token-amount.js";
-import { TokenPairSymbolTest as ro } from "./token-pair-symbol/constants.js";
-import { TokenPairSymbol as ao } from "./token-pair-symbol/token-pair-symbol.js";
-import { TokenPairTitleTest as mo } from "./token-pair-title/constants.js";
-import { TokenPairTitle as fo } from "./token-pair-title/token-pair-title.js";
-import { PositionShortLabelTest as xo, ValueTest as To } from "./values/constants.js";
-import { PnlValue as lo } from "./values/pnl-value.js";
-import { PositionShortLabel as Po } from "./values/position-short-label.js";
-import { PositionTypeBadge as go } from "./values/position-type-badge.js";
-import { ApyValue as ko, HealthFactorValue as Bo, LeverageValue as Ao, TokenBigint as bo, UsdValue as Lo, UtilizationValue as yo } from "./values/scalars.js";
-import { AmountInputTest as Io } from "./amount-input/constants.js";
-import { DetailedPageTitleTest as Mo } from "./detailed-page-title/constants.js";
-import { DetailsViewTest as Vo } from "./details-view/constants.js";
-import { HistoryChartTest as Ho } from "./history-chart/constants.js";
-import { InfoListTest as qo } from "./info-list/constants.js";
-import { LeverageInputTest as _o } from "./leverage-input/constants.js";
-import { ManagePaneTest as Ro } from "./manage-pane/constants.js";
-import { PageTitleTest as Go } from "./page-title/constants.js";
-import { ReviewButtonTest as Oo } from "./review-button/constants.js";
-import { SectionHeadingTest as zo } from "./section-heading/constants.js";
-import { SegmentedTabsTest as jo } from "./segmented-tabs/constants.js";
-import { StackTest as Ko } from "./stack/constants.js";
-import { StatBadgeTest as Yo } from "./stat-badge/constants.js";
-import { StickyBarTest as $o } from "./sticky-bar/constants.js";
-import { TabberTest as or } from "./tabber/constants.js";
-import { TokenAmountTest as tr } from "./token-amount/constants.js";
+import { LeverageInput as N } from "./leverage-input/leverage-input.js";
+import { LiquidationParamsTableTest as F } from "./liquidation-params-table/constants.js";
+import { LiquidationParamsTable as U } from "./liquidation-params-table/liquidation-params-table.js";
+import { LiquidationPriceBlockTest as W } from "./liquidation-price-block/constants.js";
+import { LiquidationPriceBlock as X } from "./liquidation-price-block/liquidation-price-block.js";
+import { ManagePane as J, ManagePaneActionTab as K, ManagePaneMessage as Q, ManagePaneTab as Y, ManagePaneTabDropdown as Z } from "./manage-pane/manage-pane.js";
+import { MoreAccordionTest as ee } from "./more-accordion/constants.js";
+import { MoreAccordion as re } from "./more-accordion/more-accordion.js";
+import { NestedInfoStackTest as ae } from "./nested-info-stack/constants.js";
+import { NestedInfoStack as pe } from "./nested-info-stack/nested-info-stack.js";
+import { PageHeadProvider as fe, PageTitle as ne } from "./page-title/page-title.js";
+import { PoolApyBreakdownCardTest as Te } from "./pool-apy-breakdown-card/constants.js";
+import { PoolApyBreakdownCard as le } from "./pool-apy-breakdown-card/pool-apy-breakdown-card.js";
+import { ReviewButton as Pe } from "./review-button/review-button.js";
+import { SectionHeading as ce } from "./section-heading/section-heading.js";
+import { SEGMENTED_TABS_INACTIVE_BUTTON_CLASS as ue, SegmentedTabs as ke } from "./segmented-tabs/segmented-tabs.js";
+import { SideCardTest as Ae } from "./side-card/constants.js";
+import { SideCard as Le } from "./side-card/side-card.js";
+import { SPACE_HEIGHT as Ce, SPACE_PX as Ie } from "./spacing.js";
+import { Stack as Me } from "./stack/stack.js";
+import { StatBadge as he, StatBadgeGrid as De } from "./stat-badge/stat-badge.js";
+import { StickyBar as ve } from "./sticky-bar/sticky-bar.js";
+import { StrategyApyBreakdownCardTest as qe } from "./strategy-apy-breakdown-card/constants.js";
+import { StrategyApyBreakdownCard as Ne } from "./strategy-apy-breakdown-card/strategy-apy-breakdown-card.js";
+import { Tabber as Fe, TabberSection as Ge, isTabber as Ue } from "./tabber/tabber.js";
+import { useDetailScrollSpy as We } from "./tabber/use-detail-scroll-spy.js";
+import { useTitleText as Xe } from "./text/use-title-text.js";
+import { TimeToLiquidationBlockTest as Je } from "./time-to-liquidation-block/constants.js";
+import { TimeToLiquidationBlock as Qe } from "./time-to-liquidation-block/time-to-liquidation-block.js";
+import { TitleMetaTest as Ze } from "./title-meta/constants.js";
+import { TitleMeta as eo } from "./title-meta/title-meta.js";
+import { TokenAmount as ro } from "./token-amount/token-amount.js";
+import { TokenPairSymbolTest as ao } from "./token-pair-symbol/constants.js";
+import { TokenPairSymbol as po } from "./token-pair-symbol/token-pair-symbol.js";
+import { TokenPairTitleTest as fo } from "./token-pair-title/constants.js";
+import { TokenPairTitle as xo } from "./token-pair-title/token-pair-title.js";
+import { PositionShortLabelTest as so, ValueTest as lo } from "./values/constants.js";
+import { PnlValue as So } from "./values/pnl-value.js";
+import { PointsValue as go } from "./values/points-value.js";
+import { PositionShortLabel as ko } from "./values/position-short-label.js";
+import { PositionTypeBadge as Ao } from "./values/position-type-badge.js";
+import { ApyValue as Lo, HealthFactorValue as yo, LeverageValue as Co, TokenBigint as Io, UsdValue as wo, UtilizationValue as Mo, bps as Vo } from "./values/scalars.js";
+import { AmountInputTest as Do } from "./amount-input/constants.js";
+import { DetailedPageTitleTest as vo } from "./detailed-page-title/constants.js";
+import { DetailsViewTest as qo } from "./details-view/constants.js";
+import { HistoryChartTest as No } from "./history-chart/constants.js";
+import { InfoListTest as Fo } from "./info-list/constants.js";
+import { LeverageInputTest as Uo } from "./leverage-input/constants.js";
+import { ManagePaneTest as Wo } from "./manage-pane/constants.js";
+import { PageTitleTest as Xo } from "./page-title/constants.js";
+import { ReviewButtonTest as Jo } from "./review-button/constants.js";
+import { SectionHeadingTest as Qo } from "./section-heading/constants.js";
+import { SegmentedTabsTest as Zo } from "./segmented-tabs/constants.js";
+import { StackTest as er } from "./stack/constants.js";
+import { StatBadgeTest as rr } from "./stat-badge/constants.js";
+import { StickyBarTest as ar } from "./sticky-bar/constants.js";
+import { TabberTest as pr } from "./tabber/constants.js";
+import { TokenAmountTest as fr } from "./token-amount/constants.js";
 export {
   r as AmountInput,
-  Io as AmountInputTest,
-  ko as ApyValue,
-  P as AsideAlignAnchor,
-  m as BorrowRateBlock,
+  Do as AmountInputTest,
+  Lo as ApyValue,
+  S as AsideAlignAnchor,
+  p as BorrowRateBlock,
   f as BorrowRateBlockTest,
   x as ChartWithSideCard,
   s as ChartWithSideCardTest,
   g as DetailAsideScreenLayout,
   d as DetailedPageTitle,
-  Mo as DetailedPageTitleTest,
+  vo as DetailedPageTitleTest,
   k as DetailsView,
   B as DetailsViewLeftPane,
   A as DetailsViewManagePane,
-  Vo as DetailsViewTest,
+  qo as DetailsViewTest,
   C as HealthFactorBlock,
   L as HealthFactorBlockTest,
-  Bo as HealthFactorValue,
+  yo as HealthFactorValue,
   w as HistoryChart,
-  Ho as HistoryChartTest,
-  h as InfoLine,
-  V as InfoList,
-  qo as InfoListTest,
+  No as HistoryChartTest,
+  V as InfoLine,
+  h as InfoList,
+  Fo as InfoListTest,
   E as InfoPortalOut,
   q as InfoPortalProvider,
   D as InfoSectionTitle,
-  _ as LeverageInput,
-  _o as LeverageInputTest,
-  Ao as LeverageValue,
-  G as LiquidationParamsTable,
-  R as LiquidationParamsTableTest,
-  z as LiquidationPriceBlock,
-  O as LiquidationPriceBlockTest,
-  j as ManagePane,
-  J as ManagePaneActionTab,
-  K as ManagePaneMessage,
-  Q as ManagePaneTab,
-  Y as ManagePaneTabDropdown,
-  Ro as ManagePaneTest,
-  oe as MoreAccordion,
-  $ as MoreAccordionTest,
-  ie as NestedInfoStack,
-  te as NestedInfoStackTest,
-  pe as PageTitle,
-  Go as PageTitleTest,
-  lo as PnlValue,
-  Te as PoolApyBreakdownCard,
-  ne as PoolApyBreakdownCardTest,
-  Po as PositionShortLabel,
-  xo as PositionShortLabelTest,
-  go as PositionTypeBadge,
-  le as ReviewButton,
-  Oo as ReviewButtonTest,
-  ce as SEGMENTED_TABS_INACTIVE_BUTTON_CLASS,
-  Le as SPACE_HEIGHT,
-  ye as SPACE_PX,
-  Se as SectionHeading,
-  zo as SectionHeadingTest,
-  ge as SegmentedTabs,
-  jo as SegmentedTabsTest,
-  Ae as SideCard,
-  ke as SideCardTest,
-  Ie as Stack,
-  Ko as StackTest,
-  Me as StatBadge,
-  he as StatBadgeGrid,
-  Yo as StatBadgeTest,
-  De as StickyBar,
-  $o as StickyBarTest,
-  ve as StrategyApyBreakdownCard,
-  Ee as StrategyApyBreakdownCardTest,
-  Ne as Tabber,
-  Re as TabberSection,
-  or as TabberTest,
-  Je as TimeToLiquidationBlock,
-  Xe as TimeToLiquidationBlockTest,
-  Ze as TitleMeta,
-  Qe as TitleMetaTest,
-  eo as TokenAmount,
-  tr as TokenAmountTest,
-  bo as TokenBigint,
-  ao as TokenPairSymbol,
-  ro as TokenPairSymbolTest,
-  fo as TokenPairTitle,
-  mo as TokenPairTitleTest,
+  N as LeverageInput,
+  Uo as LeverageInputTest,
+  Co as LeverageValue,
+  U as LiquidationParamsTable,
+  F as LiquidationParamsTableTest,
+  X as LiquidationPriceBlock,
+  W as LiquidationPriceBlockTest,
+  J as ManagePane,
+  K as ManagePaneActionTab,
+  Q as ManagePaneMessage,
+  Y as ManagePaneTab,
+  Z as ManagePaneTabDropdown,
+  Wo as ManagePaneTest,
+  re as MoreAccordion,
+  ee as MoreAccordionTest,
+  pe as NestedInfoStack,
+  ae as NestedInfoStackTest,
+  fe as PageHeadProvider,
+  ne as PageTitle,
+  Xo as PageTitleTest,
+  So as PnlValue,
+  H as PointsInfoLine,
+  go as PointsValue,
+  le as PoolApyBreakdownCard,
+  Te as PoolApyBreakdownCardTest,
+  ko as PositionShortLabel,
+  so as PositionShortLabelTest,
+  Ao as PositionTypeBadge,
+  Pe as ReviewButton,
+  Jo as ReviewButtonTest,
+  ue as SEGMENTED_TABS_INACTIVE_BUTTON_CLASS,
+  Ce as SPACE_HEIGHT,
+  Ie as SPACE_PX,
+  ce as SectionHeading,
+  Qo as SectionHeadingTest,
+  ke as SegmentedTabs,
+  Zo as SegmentedTabsTest,
+  Le as SideCard,
+  Ae as SideCardTest,
+  Me as Stack,
+  er as StackTest,
+  he as StatBadge,
+  De as StatBadgeGrid,
+  rr as StatBadgeTest,
+  ve as StickyBar,
+  ar as StickyBarTest,
+  Ne as StrategyApyBreakdownCard,
+  qe as StrategyApyBreakdownCardTest,
+  Fe as Tabber,
+  Ge as TabberSection,
+  pr as TabberTest,
+  Qe as TimeToLiquidationBlock,
+  Je as TimeToLiquidationBlockTest,
+  eo as TitleMeta,
+  Ze as TitleMetaTest,
+  ro as TokenAmount,
+  fr as TokenAmountTest,
+  Io as TokenBigint,
+  po as TokenPairSymbol,
+  ao as TokenPairSymbolTest,
+  xo as TokenPairTitle,
+  fo as TokenPairTitleTest,
   a as TokenSelectPanel,
-  Lo as UsdValue,
-  yo as UtilizationValue,
-  To as ValueTest,
-  Fe as isTabber,
-  Ue as useDetailScrollSpy,
-  We as useTitleText
+  wo as UsdValue,
+  Mo as UtilizationValue,
+  lo as ValueTest,
+  Vo as bps,
+  Ue as isTabber,
+  We as useDetailScrollSpy,
+  Xe as useTitleText
 };

package/dist/esm/components/base/info-list/index.js

@@ -1,8 +1,9 @@
-import { InfoLine as e, InfoList as f, InfoSectionTitle as n } from "./info-list.js";
+import { InfoLine as t, InfoList as e, InfoSectionTitle as f, PointsInfoLine as i } from "./info-list.js";
 import { InfoListTest as r } from "./constants.js";
 export {
-  e as InfoLine,
-  f as InfoList,
+  t as InfoLine,
+  e as InfoList,
   r as InfoListTest,
-  n as InfoSectionTitle
+  f as InfoSectionTitle,
+  i as PointsInfoLine
 };