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

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

@@ -0,0 +1,124 @@
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import { createContext as O, useContext as E, useMemo as x, Children as B, useRef as T, useEffect as q, isValidElement as N } from "react";
+import { SectionHeading as D } from "../section-heading/section-heading.js";
+import { Stack as f } from "../stack/stack.js";
+import { StickyBar as F } from "../sticky-bar/sticky-bar.js";
+import { useTitleText as R } from "../text/use-title-text.js";
+import { TabItem as M, TabControl as P } from "../../tab-control/tab-control.js";
+import { TabberTest as S } from "./constants.js";
+import { useDetailScrollSpy as V } from "./use-detail-scroll-spy.js";
+const j = O({});
+function k({
+  id: e,
+  title: o,
+  heading: c = o,
+  actions: a,
+  children: m,
+  hideHeading: l = !1
+}) {
+  const i = E(j), n = R(), s = !l;
+  return /* @__PURE__ */ r(
+    "section",
+    {
+      ref: i[e],
+      className: "scroll-mt-28",
+      "data-scroll-section": e,
+      "data-testid": S.section,
+      children: /* @__PURE__ */ u(f, { gap: "md", children: [
+        s || a ? /* @__PURE__ */ u("div", { className: "flex items-center justify-between gap-3", children: [
+          s ? /* @__PURE__ */ r(D, { children: n(c) }) : /* @__PURE__ */ r("span", {}),
+          a
+        ] }) : null,
+        m
+      ] })
+    }
+  );
+}
+k.displayName = "TabberSection";
+function g(e) {
+  return N(e) && e.type === k;
+}
+function W({
+  item: e,
+  ...o
+}) {
+  return /* @__PURE__ */ u("div", { className: "flex items-stretch overflow-x-auto overflow-y-hidden [&::-webkit-scrollbar]:h-0 [scrollbar-width:none]", children: [
+    /* @__PURE__ */ r("div", { className: "min-w-0 basis-0 grow pb-px", children: /* @__PURE__ */ r(P, { ...o, showBorder: !0 }) }),
+    e && /* @__PURE__ */ r("div", { className: "w-auto shrink-0 grow-0 basis-auto", children: e })
+  ] });
+}
+function z({
+  children: e,
+  observeKey: o,
+  initialSection: c,
+  testId: a,
+  mobileManagePane: m
+}) {
+  const l = x(
+    () => B.toArray(e).filter(g),
+    [e]
+  ), i = l.map((t) => t.props.id).join("|"), n = x(
+    () => i === "" ? [] : i.split("|"),
+    [i]
+  ), s = T({}), d = x(() => {
+    const t = {
+      ...s.current
+    };
+    for (const y of n)
+      t[y] === void 0 && (t[y] = { current: null });
+    return s.current = t, t;
+  }, [n]), A = R(), { activeSection: p, scrollToSection: b } = V(
+    d,
+    n,
+    o
+  ), h = T(!1), w = T(o);
+  q(() => {
+    if (o !== w.current && (w.current = o, h.current = !1), h.current || !o) return;
+    const t = c ?? n[0];
+    h.current = !0, !(t === void 0 || t === n[0]) && d[t] !== void 0 && requestAnimationFrame(() => {
+      b(t);
+    });
+  }, [o, c, b, n, d]);
+  const I = l.map((t) => ({
+    id: t.props.id,
+    item: /* @__PURE__ */ r(
+      M,
+      {
+        selected: p === t.props.id,
+        label: A(t.props.title)
+      }
+    )
+  })), C = B.toArray(e), v = C.filter(
+    (t) => g(t) && t.props.beforeBar === !0
+  ), H = C.filter(
+    (t) => !(g(t) && t.props.beforeBar === !0)
+  );
+  return /* @__PURE__ */ r(f, { gap: "lg", "data-testid": a ?? S.root, children: /* @__PURE__ */ u(j.Provider, { value: d, children: [
+    v.length > 0 ? /* @__PURE__ */ r(f, { gap: "xl", children: v }) : null,
+    m,
+    /* @__PURE__ */ r(F, { testId: S.bar, children: /* @__PURE__ */ r(
+      W,
+      {
+        state: {
+          id: p,
+          index: n.indexOf(p),
+          handleTabChange: (t) => {
+            b(t);
+          }
+        },
+        tabs: I,
+        item: null
+      }
+    ) }),
+    /* @__PURE__ */ r(f, { gap: "xl", children: H })
+  ] }) });
+}
+function $(e) {
+  return N(e) && e.type === z;
+}
+export {
+  z as Tabber,
+  k as TabberSection,
+  S as TabberTest,
+  $ as isTabber
+};

package/dist/esm/components/base/tabber/use-detail-scroll-spy.js

@@ -0,0 +1,44 @@
+import { useState as S, useEffect as h, useCallback as x } from "react";
+function k(n, c, u) {
+  const f = c[0] ?? "", [b, r] = S(f);
+  h(() => {
+    const e = /* @__PURE__ */ new Map(), v = () => {
+      let o, t = 0;
+      for (const s of c) {
+        const l = n[s]?.current;
+        if (!l) continue;
+        const a = e.get(l) ?? 0;
+        a > t && (t = a, o = s);
+      }
+      o !== void 0 && t > 0 && r(o);
+    }, i = new IntersectionObserver(
+      (o) => {
+        for (const t of o)
+          e.set(t.target, t.intersectionRatio);
+        v();
+      },
+      {
+        root: null,
+        rootMargin: "-80px 0px -45% 0px",
+        threshold: [0, 0.05, 0.1, 0.2, 0.35, 0.5, 0.75, 1]
+      }
+    );
+    for (const o of c) {
+      const t = n[o]?.current;
+      t && i.observe(t);
+    }
+    return () => {
+      i.disconnect(), e.clear();
+    };
+  }, [n, u, c]);
+  const p = x(
+    (e) => {
+      n[e]?.current?.scrollIntoView({ behavior: "smooth", block: "start" }), r(e);
+    },
+    [n]
+  );
+  return { activeSection: b, scrollToSection: p };
+}
+export {
+  k as useDetailScrollSpy
+};

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

@@ -0,0 +1,4 @@
+import { useTitleText as o } from "./use-title-text.js";
+export {
+  o as useTitleText
+};

package/dist/esm/components/base/text/use-title-text.js

@@ -0,0 +1,8 @@
+import { useIntlTyped as t } from "../../typed-intl/index.js";
+function o() {
+  const s = t();
+  return (e) => typeof e == "string" ? s.formatMessage({ messageId: e }) : e;
+}
+export {
+  o as useTitleText
+};

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

@@ -0,0 +1,8 @@
+class i {
+  static root = "time-to-liquidation-block-root";
+  static value = "time-to-liquidation-block-value";
+  static valueTo = "time-to-liquidation-block-value-to";
+}
+export {
+  i as TimeToLiquidationBlockTest
+};

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

@@ -0,0 +1,6 @@
+import { TimeToLiquidationBlockTest as e } from "./constants.js";
+import { TimeToLiquidationBlock as T } from "./time-to-liquidation-block.js";
+export {
+  T as TimeToLiquidationBlock,
+  e as TimeToLiquidationBlockTest
+};

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

@@ -0,0 +1,60 @@
+import { jsx as t, jsxs as v } 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 { HealthDot as f } from "../../status-elements/status-elements.js";
+import { FormattedMessageTyped as s } 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";
+function j({
+  seconds: i,
+  secondsTo: l,
+  zone: n,
+  isLoading: o,
+  title: e,
+  tip: a,
+  testId: c
+}) {
+  const p = T(), m = l !== 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(
+        u,
+        {
+          seconds: i,
+          zone: m ? void 0 : n,
+          testId: d.value
+        }
+      ) }),
+      valueTo: m ? /* @__PURE__ */ t(r, { loading: o, children: /* @__PURE__ */ t(
+        u,
+        {
+          seconds: l ?? null,
+          zone: n,
+          testId: d.valueTo
+        }
+      ) }) : void 0
+    }
+  );
+}
+function u({
+  seconds: i,
+  zone: l,
+  testId: n
+}) {
+  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
+  ] });
+}
+export {
+  j as TimeToLiquidationBlock,
+  d as TimeToLiquidationBlockTest
+};

package/dist/esm/components/base/title-meta/constants.js

@@ -0,0 +1,8 @@
+class e {
+  static root = "title-meta-root";
+  static network = "title-meta-network";
+  static curator = "title-meta-curator";
+}
+export {
+  e as TitleMetaTest
+};

package/dist/esm/components/base/title-meta/index.js

@@ -0,0 +1,6 @@
+import { TitleMetaTest as o } from "./constants.js";
+import { TitleMeta as T } from "./title-meta.js";
+export {
+  T as TitleMeta,
+  o as TitleMetaTest
+};

package/dist/esm/components/base/title-meta/title-meta.js

@@ -0,0 +1,68 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { Link as p } from "../../link/link.js";
+import { NetworkIcon as g } from "../../network-icon/network-icon.js";
+import { FormattedMessageTyped as f } from "../../typed-intl/index.js";
+import { Typography as r } from "../../typography/typography.js";
+import { Stack as o } from "../stack/stack.js";
+import { TitleMetaTest as s } from "./constants.js";
+function N({
+  network: a,
+  curatorName: e,
+  curatorLink: n,
+  onCuratorLinkClick: m,
+  testId: d = s.root,
+  networkTestId: c = s.network,
+  curatorTestId: l = s.curator
+}) {
+  return /* @__PURE__ */ i(
+    o,
+    {
+      direction: "row",
+      align: "center",
+      gap: "md",
+      wrap: !0,
+      className: "text-sm text-foreground",
+      "data-testid": d,
+      children: [
+        /* @__PURE__ */ i(
+          o,
+          {
+            direction: "row",
+            align: "center",
+            gap: "sm",
+            "data-testid": c,
+            children: [
+              /* @__PURE__ */ t(g, { network: a, size: 16 }),
+              /* @__PURE__ */ t(r, { as: "span", className: "text-sm text-foreground", children: a })
+            ]
+          }
+        ),
+        e ? /* @__PURE__ */ t(
+          o,
+          {
+            direction: "row",
+            align: "center",
+            gap: "sm",
+            "data-testid": l,
+            children: n ? /* @__PURE__ */ t(
+              p,
+              {
+                className: "text-sm text-foreground",
+                href: n,
+                external: !0,
+                target: "_blank",
+                size: "sm",
+                onClick: m,
+                children: e
+              }
+            ) : /* @__PURE__ */ t(r, { as: "span", className: "text-sm text-foreground", children: e })
+          }
+        ) : /* @__PURE__ */ t(r, { as: "span", className: "text-sm text-foreground", children: /* @__PURE__ */ t(f, { messageId: "components.titleMeta.unknownCurator" }) })
+      ]
+    }
+  );
+}
+export {
+  N as TitleMeta,
+  s as TitleMetaTest
+};

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

@@ -0,0 +1,6 @@
+class t {
+  static root = "token-amount-root";
+}
+export {
+  t as TokenAmountTest
+};

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

@@ -0,0 +1,6 @@
+import { TokenAmount as t } from "./token-amount.js";
+import { TokenAmountTest as n } from "./constants.js";
+export {
+  t as TokenAmount,
+  n as TokenAmountTest
+};

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

@@ -0,0 +1,29 @@
+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({
+  data: o,
+  token: e
+}) {
+  if (o === null)
+    return /* @__PURE__ */ n(
+      "span",
+      {
+        className: "text-secondary-foreground",
+        "data-testid": r.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) })
+  ] });
+}
+export {
+  T as TokenAmount,
+  r as TokenAmountTest
+};

package/dist/esm/components/base/token-pair-symbol/constants.js

@@ -0,0 +1,6 @@
+class t {
+  static root = "token-pair-symbol-root";
+}
+export {
+  t as TokenPairSymbolTest
+};

package/dist/esm/components/base/token-pair-symbol/index.js

@@ -0,0 +1,6 @@
+import { TokenPairSymbolTest as e } from "./constants.js";
+import { TokenPairSymbol as t } from "./token-pair-symbol.js";
+export {
+  t as TokenPairSymbol,
+  e as TokenPairSymbolTest
+};

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

@@ -0,0 +1,33 @@
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { TokenSymbol as m } from "../../token-symbol/token-symbol.js";
+import "react";
+import "@gearbox-protocol/sdk";
+import { cn as s } from "../../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../../utils/z-index.js";
+import { TokenPairSymbolTest as f } from "./constants.js";
+function S({
+  collateral: o,
+  underlying: t,
+  size: e = 32,
+  offset: i = 10,
+  className: n
+}) {
+  return !t && !o ? null : o ? t ? /* @__PURE__ */ p(
+    "span",
+    {
+      className: s("relative z-0 inline-flex shrink-0 self-center", n),
+      "data-testid": f.root,
+      children: [
+        /* @__PURE__ */ r("span", { className: "z-[1]", children: /* @__PURE__ */ r(m, { size: e, token: o }) }),
+        /* @__PURE__ */ r("span", { className: "relative z-0", style: { right: `${i}%` }, children: /* @__PURE__ */ r(m, { size: e, token: t }) })
+      ]
+    }
+  ) : /* @__PURE__ */ r(m, { size: e, token: o }) : t ? /* @__PURE__ */ r(m, { size: e, token: t }) : null;
+}
+export {
+  S as TokenPairSymbol,
+  f as TokenPairSymbolTest
+};

package/dist/esm/components/base/token-pair-title/constants.js

@@ -0,0 +1,6 @@
+class o {
+  static root = "token-pair-title-root";
+}
+export {
+  o as TokenPairTitleTest
+};

package/dist/esm/components/base/token-pair-title/index.js

@@ -0,0 +1,6 @@
+import { TokenPairTitleTest as r } from "./constants.js";
+import { TokenPairTitle as T } from "./token-pair-title.js";
+export {
+  T as TokenPairTitle,
+  r as TokenPairTitleTest
+};

package/dist/esm/components/base/token-pair-title/token-pair-title.js

@@ -0,0 +1,20 @@
+import { jsxs as e, jsx as n, Fragment as i } from "react/jsx-runtime";
+import { TokenPairTitleTest as o } from "./constants.js";
+function l({
+  name: t,
+  debtSymbol: r
+}) {
+  return /* @__PURE__ */ e("span", { "data-testid": o.root, children: [
+    /* @__PURE__ */ n("span", { children: t }),
+    r ? /* @__PURE__ */ e(i, { children: [
+      " ",
+      /* @__PURE__ */ n("span", { className: "text-muted-foreground font-light", children: "/" }),
+      " ",
+      /* @__PURE__ */ n("span", { children: r })
+    ] }) : null
+  ] });
+}
+export {
+  l as TokenPairTitle,
+  o as TokenPairTitleTest
+};

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

@@ -0,0 +1,17 @@
+class a {
+  static apy = "value-apy";
+  static usd = "value-usd";
+  static leverage = "value-leverage";
+  static utilization = "value-utilization";
+  static healthFactor = "value-health-factor";
+  static pnl = "value-pnl";
+  static tokenBigint = "value-token-bigint";
+  static placeholder = "value-placeholder";
+}
+class e {
+  static root = "position-short-label";
+}
+export {
+  e as PositionShortLabelTest,
+  a as ValueTest
+};

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

@@ -0,0 +1,18 @@
+import { PositionShortLabelTest as t, ValueTest as a } from "./constants.js";
+import { PnlValue as l } from "./pnl-value.js";
+import { PositionShortLabel as n } from "./position-short-label.js";
+import { PositionTypeBadge as u } from "./position-type-badge.js";
+import { ApyValue as s, HealthFactorValue as f, LeverageValue as m, TokenBigint as x, UsdValue as P, UtilizationValue as T } from "./scalars.js";
+export {
+  s as ApyValue,
+  f as HealthFactorValue,
+  m as LeverageValue,
+  l as PnlValue,
+  n as PositionShortLabel,
+  t as PositionShortLabelTest,
+  u as PositionTypeBadge,
+  x as TokenBigint,
+  P as UsdValue,
+  T as UtilizationValue,
+  a as ValueTest
+};

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

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import "@gearbox-protocol/sdk";
+import { cn as s } from "../../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../../utils/z-index.js";
+import { ValueTest as r } from "./constants.js";
+function x({
+  data: e
+}) {
+  if (e === void 0 || e.total.valueUsd === null)
+    return /* @__PURE__ */ o("span", { "data-testid": r.placeholder, children: "—" });
+  const t = e.total.valueUsd, i = t > 0 ? "+" : t < 0 ? "−" : "";
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      "data-testid": r.pnl,
+      className: s(t > 0 && "text-success", t < 0 && "text-destructive"),
+      children: `${i}$${Math.abs(t).toFixed(2)}`
+    }
+  );
+}
+export {
+  x as PnlValue
+};

package/dist/esm/components/base/values/position-short-label.js

@@ -0,0 +1,15 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { PositionShortLabelTest as t } from "./constants.js";
+import { LeverageValue as i } from "./scalars.js";
+function m({
+  data: o
+}) {
+  return /* @__PURE__ */ e("span", { "data-testid": t.root, children: [
+    `${o.name} · `,
+    /* @__PURE__ */ r(i, { data: o.leverage })
+  ] });
+}
+export {
+  m as PositionShortLabel,
+  t as PositionShortLabelTest
+};

package/dist/esm/components/base/values/position-type-badge.js

@@ -0,0 +1,38 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Badge as r } from "../../badge/badge.js";
+import { FormattedMessageTyped as n } from "../../typed-intl/index.js";
+import "react";
+import "@gearbox-protocol/sdk";
+import { cn as i } from "../../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../../utils/z-index.js";
+const p = {
+  pool: "shrink-0 border-transparent bg-emerald-500/15 font-medium text-emerald-400 hover:bg-emerald-500/15",
+  strategy: "shrink-0 border-transparent bg-blue-500/15 font-medium text-blue-400 hover:bg-blue-500/15",
+  liquidation: "shrink-0 border-transparent bg-purple-500/15 font-medium text-purple-400 hover:bg-purple-500/15"
+}, m = {
+  pool: "components.positionTypeBadge.pool",
+  strategy: "components.positionTypeBadge.strategy",
+  liquidation: "components.positionTypeBadge.liquidation"
+}, a = "text-[10px] leading-none px-1.5 py-0.5 rounded-md";
+function f({
+  data: e,
+  size: t = "table"
+}) {
+  return /* @__PURE__ */ o(
+    r,
+    {
+      variant: "secondary",
+      className: i(
+        p[e],
+        t === "aside" && a
+      ),
+      children: /* @__PURE__ */ o(n, { messageId: m[e] })
+    }
+  );
+}
+export {
+  f as PositionTypeBadge
+};

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

@@ -0,0 +1,61 @@
+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 "sonner";
+import { formatMoney as a, percentageTemplate as l } from "../../../utils/format-money.js";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../../utils/z-index.js";
+import { ValueTest as i } from "./constants.js";
+const p = "—";
+function r() {
+  return /* @__PURE__ */ e("span", { "data-testid": i.placeholder, children: p });
+}
+function o(t) {
+  return l(t / 100);
+}
+function L({ data: t }) {
+  return t === void 0 ? /* @__PURE__ */ e(r, {}) : typeof t == "number" ? /* @__PURE__ */ e("span", { "data-testid": i.apy, children: o(t) }) : /* @__PURE__ */ e("span", { "data-testid": i.apy, children: /* @__PURE__ */ e(s, { apy: t }) });
+}
+function z({
+  data: t
+}) {
+  return t == null ? /* @__PURE__ */ e(r, {}) : /* @__PURE__ */ e("span", { "data-testid": i.usd, children: a(t) });
+}
+function A({
+  data: t
+}) {
+  return t === void 0 ? /* @__PURE__ */ e(r, {}) : /* @__PURE__ */ e("span", { "data-testid": i.leverage, children: `${t}x` });
+}
+function P({
+  data: t
+}) {
+  return t === void 0 ? /* @__PURE__ */ e(r, {}) : /* @__PURE__ */ e("span", { "data-testid": i.utilization, children: o(t) });
+}
+function T({
+  data: t
+}) {
+  if (t === void 0)
+    return /* @__PURE__ */ e(r, {});
+  const n = t < 1e4 ? "text-destructive" : t < 11e3 ? "text-warning" : "text-success";
+  return /* @__PURE__ */ e("span", { "data-testid": i.healthFactor, className: c(n), children: (t / 1e4).toFixed(2) });
+}
+function $({
+  data: t,
+  token: n
+}) {
+  if (t === void 0 || n === void 0)
+    return /* @__PURE__ */ e(r, {});
+  const u = Number(t) / 10 ** n.decimals;
+  return /* @__PURE__ */ e("span", { "data-testid": i.tokenBigint, children: `${u.toLocaleString(void 0, { maximumFractionDigits: 6 })} ${n.symbol}` });
+}
+export {
+  L as ApyValue,
+  T as HealthFactorValue,
+  A as LeverageValue,
+  $ as TokenBigint,
+  z as UsdValue,
+  P as UtilizationValue
+};