@gearbox-protocol/ui-kit 3.14.0-next.5 → 3.14.0-next.51

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

@@ -1,29 +1,31 @@
-import { DEFAULT_AREA_SERIES as r, DEFAULT_OPTIONS as o, DEFAULT_VERTICAL_LINE as a, getDefaultOptions as p, getDefaultSeries as i, getDefaultVerticalLine as E } from "./default-config.js";
-import { getXFormatter as l, getXFormatters as m, getYFormatter as L } from "./formatters.js";
-import { DEFAULT_SERIES_COLORS as V, Graph as h, getSeriesColorPalette as n, getVerticalLineTooltipContent as A } from "./graph.js";
-import { GraphCurrentValue as S } from "./graph-current-value.js";
-import { GraphTooltip as s } from "./graph-tooltip.js";
-import { GraphView as F, GraphViewWithData as _, graphViewVariants as u, useGraphAside as G } from "./graph-view.js";
-import { VertLine as I } from "./plugins/vertical-line.js";
+import { DEFAULT_AREA_SERIES as r, DEFAULT_OPTIONS as o, DEFAULT_VERTICAL_LINE as a, getDefaultOptions as i, getDefaultSeries as p, getDefaultVerticalLine as l } from "./default-config.js";
+import { getXFormatter as g, getXFormatters as E, getYFormatter as f } from "./formatters.js";
+import { DEFAULT_SERIES_COLORS as n, Graph as V, GraphLegend as h, getSeriesColorPalette as S, getVerticalLineLabelStyle as A, getVerticalLineTooltipContent as D } from "./graph.js";
+import { GraphCurrentValue as s } from "./graph-current-value.js";
+import { GraphTooltip as F } from "./graph-tooltip.js";
+import { GraphView as _, GraphViewWithData as u, graphViewVariants as C, useGraphAside as I } from "./graph-view.js";
+import { VertLine as R } from "./plugins/vertical-line.js";
 export {
   r as DEFAULT_AREA_SERIES,
   o as DEFAULT_OPTIONS,
-  V as DEFAULT_SERIES_COLORS,
+  n as DEFAULT_SERIES_COLORS,
   a as DEFAULT_VERTICAL_LINE,
-  h as Graph,
-  S as GraphCurrentValue,
-  s as GraphTooltip,
-  F as GraphView,
-  _ as GraphViewWithData,
-  I as VertLine,
-  p as getDefaultOptions,
-  i as getDefaultSeries,
-  E as getDefaultVerticalLine,
-  n as getSeriesColorPalette,
-  A as getVerticalLineTooltipContent,
-  l as getXFormatter,
-  m as getXFormatters,
-  L as getYFormatter,
-  u as graphViewVariants,
-  G as useGraphAside
+  V as Graph,
+  s as GraphCurrentValue,
+  h as GraphLegend,
+  F as GraphTooltip,
+  _ as GraphView,
+  u as GraphViewWithData,
+  R as VertLine,
+  i as getDefaultOptions,
+  p as getDefaultSeries,
+  l as getDefaultVerticalLine,
+  S as getSeriesColorPalette,
+  A as getVerticalLineLabelStyle,
+  D as getVerticalLineTooltipContent,
+  g as getXFormatter,
+  E as getXFormatters,
+  f as getYFormatter,
+  C as graphViewVariants,
+  I as useGraphAside
 };

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

@@ -1,17 +1,17 @@
-import { jsxs as f, jsx as c } from "react/jsx-runtime";
-import { PERCENTAGE_FACTOR as p, formatPercentage as v } from "@gearbox-protocol/sdk";
-import { cva as x } from "class-variance-authority";
+import { jsxs as x, jsx as i } from "react/jsx-runtime";
+import { formatPercentage as h, PERCENTAGE_FACTOR as C } from "@gearbox-protocol/sdk";
+import { cva as F } from "class-variance-authority";
 import "react";
-import { cn as C } from "../../utils/cn.js";
+import { cn as H } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-import { StatusBars as F } from "../status-elements/status-elements.js";
-const g = 15e3, A = 11e3, H = 10500, N = (t) => {
+import { StatusBars as N, HealthDot as g } from "../status-elements/status-elements.js";
+const A = 15e3, D = 11e3, b = 10500, w = (t) => {
   if (t)
-    return t >= g ? "good" : t > A ? "medium" : t > H ? "bad" : t > p ? "critical" : "liquidation";
-}, b = x(
+    return t >= A ? "good" : t > D ? "medium" : t > b ? "bad" : t > C ? "critical" : "liquidation";
+}, V = F(
   "inline-flex items-center font-medium [text-decoration:inherit]",
   {
     variants: {
@@ -26,40 +26,41 @@ const g = 15e3, A = 11e3, H = 10500, N = (t) => {
     }
   }
 );
-function G({
+function k({
   value: t,
-  debt: e,
-  decimals: a = 3,
+  debt: s,
+  decimals: c = 3,
   zone: o,
-  zoneType: i = "color",
+  zoneType: n = "color",
   className: m,
   ...u
 }) {
-  const n = e !== void 0 && e === 0n, r = !n && i === "color" ? o === void 0 ? N(t) : o : void 0, s = r === void 0 ? void 0 : r === null ? "unset" : r, d = () => {
-    if (n) return "N/A";
-    const l = Number(t);
-    return v(l, a);
+  const r = s !== void 0 && s === 0n, d = !r && n === "color", l = !r && o && n === "dot", f = !r && o && n === "bars", e = d ? o === void 0 ? w(t) : o : void 0, a = e === void 0 ? void 0 : e === null ? "unset" : e, p = () => {
+    if (r) return "N/A";
+    const v = Number(t);
+    return h(v, c);
   };
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ x(
     "span",
     {
-      className: C(
-        b(
-          s !== void 0 ? { zone: s } : {}
+      className: H(
+        V(
+          a !== void 0 ? { zone: a } : {}
         ),
         m
       ),
       ...u,
       children: [
-        o && i === "bars" && /* @__PURE__ */ c("span", { className: "mr-6 shrink-0", children: /* @__PURE__ */ c(F, { zone: o }) }),
-        d()
+        f && /* @__PURE__ */ i("span", { className: "mr-6 shrink-0", children: /* @__PURE__ */ i(N, { zone: o }) }),
+        p(),
+        l && /* @__PURE__ */ i("span", { className: "ml-1.5", children: /* @__PURE__ */ i(g, { zone: o }) })
       ]
     }
   );
 }
 export {
-  A as BAD_HF,
-  g as GOOD_HF,
-  G as HealthFactor,
-  N as getHFZones
+  D as BAD_HF,
+  A as GOOD_HF,
+  k as HealthFactor,
+  w as getHFZones
 };