@gearbox-protocol/ui-kit 4.0.0-next.48 → 4.0.0-next.49

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

@@ -1,190 +1,146 @@
-import { TickMarkType as S } from "lightweight-charts";
-import { DateTime as D } from "luxon";
-import { isBelowDisplayThreshold as T, FORMAT_CONSTANTS as U, toSignificantDigits as N, formatNumberWithSuffix as I } from "../../utils/format-number.js";
-const { MIN_DISPLAY_THRESHOLD: h, MAX_EXPONENTIAL_THRESHOLD: L } = U, O = (t, e, n = "full") => {
-  if (T(t))
-    return e ? `<${h}${e}` : `<${h}`;
+import { TickMarkType as l } from "lightweight-charts";
+import { DateTime as F } from "luxon";
+import { isBelowDisplayThreshold as H, FORMAT_CONSTANTS as E, toSignificantDigits as L } from "../../utils/format-number.js";
+const { MIN_DISPLAY_THRESHOLD: k, MAX_EXPONENTIAL_THRESHOLD: B } = E, _ = 2, R = (t, e) => {
+  if (H(t))
+    return e ? `<${k}${e}` : `<${k}`;
   if (t === 0)
     return e ? `0${e}` : "0";
-  const r = I(t, {
-    maxExponentialThreshold: L,
-    minimumFractionDigits: 0,
-    maximumFractionDigits: n === "short" ? 1 : 0,
-    format: n,
-    adaptiveDecimals: n === "short"
-  });
-  return e ? `${r}${e}` : r;
-}, X = 2, H = (t, e) => {
-  if (T(t))
-    return e ? `<${h}${e}` : `<${h}`;
-  if (t === 0)
-    return e ? `0${e}` : "0";
-  const n = N(t, X);
-  return e ? `${n}${e}` : n;
-}, P = 4, w = (t) => {
-  if (T(t))
-    return `<${h}`;
-  if (t === 0)
-    return "0";
-  const e = Math.round(t), n = Math.abs(t - e);
-  return n > 0 && n < 0.01 ? t.toFixed(12).replace(/0+$/, "").replace(/\.$/, "") : N(t, P);
-}, C = (t, e) => {
-  if (T(t))
-    return e ? `<${h} ${e}` : `<${h}`;
-  if (t === 0)
-    return e ? `0 ${e}` : "0";
-  const n = Number.isInteger(t), r = Math.abs(t), c = n && r >= 1e3, s = Math.round(t), i = Math.abs(t - s);
-  if (i > 0 && i < 0.01 && !c) {
-    const F = t.toFixed(12).replace(/0+$/, "").replace(/\.$/, "");
-    return e ? `${F} ${e}` : F;
-  }
-  const M = I(t, {
-    maxExponentialThreshold: L,
-    minimumFractionDigits: n ? 0 : 2,
-    maximumFractionDigits: c ? 1 : n ? 0 : 2,
-    format: c ? "short" : "full",
-    adaptiveDecimals: c
-  });
-  return e ? `${M} ${e}` : M;
-}, A = {
-  "%": H,
-  $: O,
-  token: C,
-  none: w
-}, Z = (t) => A[t] || A.token;
-function V(t, e, n = 4) {
+  const s = L(t, _);
+  return e ? `${s}${e}` : s;
+};
+function G(t, e, s = 4) {
   if (t === 0)
     return e ? `0 ${e}` : "0";
-  const r = e && Math.abs(t) >= 1e3 ? 0 : n, c = t.toLocaleString("en-US", {
+  const n = e && Math.abs(t) >= 1e3 ? 0 : s, f = t.toLocaleString("en-US", {
     minimumFractionDigits: 0,
-    maximumFractionDigits: r
+    maximumFractionDigits: n
   });
-  return e ? `${c} ${e}` : c;
+  return e ? `${f} ${e}` : f;
 }
-function x(t, e) {
+function D(t, e) {
   return !t || e === "none" || e === "token" ? t : e === "$" ? `$${t}` : e === "%" ? `${t}%` : `${t} ${e}`;
 }
-function Y(t) {
+function X(t) {
   return t.includes("/");
 }
-function l(t) {
-  return Y(t) ? "none" : t;
+function T(t) {
+  return X(t) ? "none" : t;
 }
-function b(t, e, n) {
-  const r = n?.yScaleMin;
-  let c = t.length > 0 ? Math.min(...t) : 0, s = t.length > 0 ? Math.max(...t) : 0;
-  const i = () => {
-    const o = (c + s) / 2;
-    let a = 1, m = "";
-    return o >= 1e9 ? (a = 1e9, m = "B") : o >= 1e6 ? (a = 1e6, m = "M") : o >= 1e3 && (a = 1e3, m = "K"), { scale: a, suffix: m };
+function W(t, e, s) {
+  const n = s?.yScaleMin;
+  let f = t.length > 0 ? Math.min(...t) : 0, m = t.length > 0 ? Math.max(...t) : 0;
+  const a = () => {
+    const r = (f + m) / 2;
+    let o = 1, i = "";
+    return r >= 1e9 ? (o = 1e9, i = "B") : r >= 1e6 ? (o = 1e6, i = "M") : r >= 1e3 && (o = 1e3, i = "K"), { scale: o, suffix: i };
   }, u = 8;
-  let M = 0;
-  const F = (o, a, m, d) => {
-    const f = (a > 1 ? o / a : o).toLocaleString("en-US", {
+  let h = 0;
+  const g = (r, o, i, d) => {
+    const c = (o > 1 ? r / o : r).toLocaleString("en-US", {
       minimumFractionDigits: 0,
       maximumFractionDigits: d,
       useGrouping: !1
     });
-    return a > 1 ? `${f}${m}` : f;
-  }, p = (o, a, m) => {
+    return o > 1 ? `${c}${i}` : c;
+  }, y = (r, o, i) => {
     for (let d = 0; d <= u; d++) {
-      const $ = /* @__PURE__ */ new Set();
-      let f = !0;
-      for (const g of o) {
-        const k = F(g, a, m, d);
-        if ($.has(k)) {
-          f = !1;
+      const M = /* @__PURE__ */ new Set();
+      let c = !0;
+      for (const S of r) {
+        const $ = g(S, o, i, d);
+        if (M.has($)) {
+          c = !1;
           break;
         }
-        $.add(k);
+        M.add($);
       }
-      if (f) return d;
+      if (c) return d;
     }
     return u;
-  }, R = (o) => {
-    if (r !== void 0 && o < r) return "";
-    if (o === 0) return x("0", l(e));
-    const { scale: a, suffix: m } = i();
-    return x(
-      F(o, a, m, M),
-      l(e)
+  }, A = (r) => {
+    if (n !== void 0 && r < n) return "";
+    if (r === 0) return D("0", T(e));
+    const { scale: o, suffix: i } = a();
+    return D(
+      g(r, o, i, h),
+      T(e)
     );
   };
   return {
-    formatter: (o) => R(o),
-    tickmarksFormatter: (o) => {
-      const { scale: a, suffix: m } = i(), d = o.filter(
-        (f) => f !== 0 && !(r !== void 0 && f < r)
+    formatter: (r) => A(r),
+    tickmarksFormatter: (r) => {
+      const { scale: o, suffix: i } = a(), d = r.filter(
+        (c) => c !== 0 && !(n !== void 0 && c < n)
       );
-      M = p(d, a, m);
-      const $ = /* @__PURE__ */ new Set();
-      return o.map((f) => {
-        if (r !== void 0 && f < r) return "";
-        const g = f === 0 ? "0" : F(f, a, m, M);
-        return !g || $.has(g) ? "" : ($.add(g), x(g, l(e)));
+      h = y(d, o, i);
+      const M = /* @__PURE__ */ new Set();
+      return r.map((c) => {
+        if (n !== void 0 && c < n) return "";
+        const S = c === 0 ? "0" : g(c, o, i, h);
+        return !S || M.has(S) ? "" : (M.add(S), D(S, T(e)));
       });
     },
-    updateVisibleRange: (o) => {
-      o.length > 0 && (c = Math.min(...o), s = Math.max(...o));
+    updateVisibleRange: (r) => {
+      r.length > 0 && (f = Math.min(...r), m = Math.max(...r));
     }
   };
 }
-const _ = (t) => D.fromSeconds(Number(t)).toFormat("dd/LL/yyyy HH:mm"), G = (t) => D.fromSeconds(Number(t)).toFormat("HH:mm"), W = (t, e) => H(Number(t), e), E = {
-  time: _,
-  "%": W
+const N = (t) => F.fromSeconds(Number(t)).toFormat("dd/LL/yyyy HH:mm"), O = (t) => F.fromSeconds(Number(t)).toFormat("HH:mm"), P = (t, e) => R(Number(t), e), x = {
+  time: N,
+  "%": P
 };
-function q(t) {
+function U(t) {
   const e = /* @__PURE__ */ new Map();
-  return (n, r, c) => {
-    const s = D.fromSeconds(Number(n));
-    let i;
+  return (s, n, f) => {
+    const m = F.fromSeconds(Number(s));
+    let a;
     if (t === 0)
-      i = s.toFormat("HH:mm");
+      a = m.toFormat("HH:mm");
     else
-      switch (r) {
-        case S.Year:
-          i = s.toFormat("yyyy");
+      switch (n) {
+        case l.Year:
+          a = m.toFormat("yyyy");
           break;
         // Month boundaries (1st of a month) are reported as `Month` ticks by
         // lightweight-charts. Render them the same way as regular day ticks so
         // the axis reads uniformly ("01 Jul") instead of a stray "Jul 2026".
-        case S.Month:
-        case S.DayOfMonth:
-          i = t > 365 ? s.toFormat("dd MMM yyyy") : s.toFormat("dd MMM");
+        case l.Month:
+        case l.DayOfMonth:
+          a = t > 365 ? m.toFormat("dd MMM yyyy") : m.toFormat("dd MMM");
           break;
-        case S.Time:
-        case S.TimeWithSeconds:
-          i = s.toFormat("HH:mm");
+        case l.Time:
+        case l.TimeWithSeconds:
+          a = m.toFormat("HH:mm");
           break;
         default:
-          i = s.toFormat("dd MMM");
+          a = m.toFormat("dd MMM");
       }
-    let u = e.get(r);
-    return u || (u = /* @__PURE__ */ new Set(), e.set(r, u)), u.has(i) ? " " : (u.add(i), i);
+    let u = e.get(n);
+    return u || (u = /* @__PURE__ */ new Set(), e.set(n, u)), u.has(a) ? " " : (u.add(a), a);
   };
 }
-const B = (t, e) => {
+const w = (t, e) => {
   if (t === "time" && e && e.length > 0) {
-    const r = D.fromSeconds(Number(e[0].time)), c = D.fromSeconds(
+    const n = F.fromSeconds(Number(e[0].time)), f = F.fromSeconds(
       Number(e[e.length - 1].time)
-    ), s = r.hasSame(c, "day"), i = s ? 0 : Math.ceil(c.diff(r, "days").days);
+    ), m = n.hasSame(f, "day"), a = m ? 0 : Math.ceil(f.diff(n, "days").days);
     return {
-      timeFormatter: s ? G : _,
-      tickMarkFormatter: q(i)
+      timeFormatter: m ? O : N,
+      tickMarkFormatter: U(a)
     };
   }
-  const n = E[t] || E.time;
+  const s = x[t] || x.time;
   return {
-    timeFormatter: n,
-    tickMarkFormatter: (r) => n(r, t)
+    timeFormatter: s,
+    tickMarkFormatter: (n) => s(n, t)
   };
-}, v = (t, e) => B(t, e).timeFormatter;
+}, p = (t, e) => w(t, e).timeFormatter;
 export {
-  b as createAdaptiveYAxisFormatter,
-  V as formatExactValue,
-  v as getXFormatter,
-  B as getXFormatters,
-  Z as getYFormatter,
-  Y as isRatioUnit,
-  x as withYAxisUnit
+  W as createAdaptiveYAxisFormatter,
+  G as formatExactValue,
+  p as getXFormatter,
+  w as getXFormatters,
+  X as isRatioUnit,
+  D as withYAxisUnit
 };

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

@@ -1,12 +1,12 @@
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import { IconInfo as L } from "@gearbox-protocol/static";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { IconInfo as A } from "@gearbox-protocol/static";
 import { cva as D } from "class-variance-authority";
-import * as B from "react";
-import { useMemo as E, useRef as b, useState as O, useEffect as P } from "react";
+import * as W from "react";
+import { useMemo as B, useRef as P } from "react";
 import { SpinnerLoader as q } from "../spinner-loader/spinner-loader.js";
 import { cn as j } from "../../utils/cn.js";
-import { Graph as F } from "./graph.js";
-const J = D(
+import { Graph as E } from "./graph.js";
+const F = D(
   "relative w-full overflow-hidden rounded-lg border-border border bg-card text-card-foreground",
   {
     variants: {
@@ -37,46 +37,46 @@ const J = D(
       padding: "default"
     }
   }
-), k = B.forwardRef(
+), k = W.forwardRef(
   ({
-    className: r,
-    variant: t,
-    size: l,
-    padding: m,
+    className: t,
+    variant: l,
+    size: c,
+    padding: f,
     title: a,
     description: s,
-    toolbar: n,
-    loading: i = !1,
-    emptyMessage: d,
-    error: c,
-    children: h,
-    ...x
+    toolbar: h,
+    loading: m = !1,
+    emptyMessage: n,
+    error: r,
+    children: o,
+    ...v
   }, g) => {
-    const u = a || s || n;
-    return /* @__PURE__ */ f(
+    const u = a || s || h;
+    return /* @__PURE__ */ d(
       "div",
       {
         ref: g,
         className: j(
           "flex flex-col",
-          J({ variant: t, size: l, padding: m, className: r })
+          F({ variant: l, size: c, padding: f, className: t })
         ),
-        ...x,
+        ...v,
         children: [
-          u && /* @__PURE__ */ f("div", { className: "mb-4 flex items-start justify-between gap-4 shrink-0", children: [
-            (a || s) && /* @__PURE__ */ f("div", { className: "flex-1", children: [
+          u && /* @__PURE__ */ d("div", { className: "mb-4 flex items-start justify-between gap-4 shrink-0", children: [
+            (a || s) && /* @__PURE__ */ d("div", { className: "flex-1", children: [
               a && /* @__PURE__ */ e("h3", { className: "text-base sm:text-lg font-semibold leading-none tracking-tight", children: a }),
               s && /* @__PURE__ */ e("p", { className: "mt-1 text-xs sm:text-sm text-muted-foreground", children: s })
             ] }),
-            n && /* @__PURE__ */ e("div", { className: "shrink-0 w-full", children: n })
+            h && /* @__PURE__ */ e("div", { className: "shrink-0 w-full", children: h })
           ] }),
-          /* @__PURE__ */ f("div", { className: "relative flex-1 w-full min-h-0", children: [
-            i && /* @__PURE__ */ e("div", { className: "absolute inset-0 z-10 flex items-center justify-center opacity-0 animate-delayed-fade-in", children: /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2", children: /* @__PURE__ */ e(q, { size: 32, width: 3 }) }) }),
-            c && /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ f("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
-              /* @__PURE__ */ e(L, { size: 48, className: "size-12" }),
-              /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm", children: c })
+          /* @__PURE__ */ d("div", { className: "relative flex-1 w-full min-h-0", children: [
+            m && /* @__PURE__ */ e("div", { className: "absolute inset-0 z-10 flex items-center justify-center opacity-0 animate-delayed-fade-in", children: /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2", children: /* @__PURE__ */ e(q, { size: 32, width: 3 }) }) }),
+            r && /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ d("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
+              /* @__PURE__ */ e(A, { size: 48, className: "size-12" }),
+              /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm", children: r })
             ] }) }),
-            !c && !h && d && /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ f("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
+            !r && !o && n && /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ d("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
               /* @__PURE__ */ e(
                 "svg",
                 {
@@ -96,16 +96,16 @@ const J = D(
                   )
                 }
               ),
-              /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm", children: d })
+              /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm", children: n })
             ] }) }),
             /* @__PURE__ */ e(
               "div",
               {
                 className: j(
                   "w-full h-full transition-[filter] duration-300 delay-300",
-                  i && "blur-sm pointer-events-none"
+                  m && "blur-sm pointer-events-none"
                 ),
-                children: !c && h
+                children: !r && o
               }
             )
           ] })
@@ -115,95 +115,80 @@ const J = D(
   }
 );
 k.displayName = "GraphView";
-function _({
-  series: r,
-  data: t,
-  lineColor: l,
-  color: m,
+function Y({
+  series: t,
+  data: l,
+  lineColor: c,
+  color: f,
   topColor: a,
   bottomColor: s,
-  graphId: n,
-  onUnselectSeries: i,
-  loading: d,
-  title: c,
-  description: h,
-  toolbar: x,
+  graphId: h,
+  onUnselectSeries: m,
+  loading: n,
+  title: r,
+  description: o,
+  toolbar: v,
   emptyMessage: g = "No data available",
   error: u,
   containerClassName: z,
-  variant: W,
-  size: G,
-  padding: S,
+  variant: G,
+  size: R,
+  padding: H,
   yMeasureUnit: N,
-  showCurrentValue: y,
-  ...H
+  showCurrentValue: b,
+  ...I
 }) {
-  const p = E(() => {
-    if (r && r.length > 0)
-      return r;
-    if (t && t.length > 0) {
-      const o = l ?? m;
+  const x = B(() => {
+    if (t && t.length > 0)
+      return t;
+    if (l && l.length > 0) {
+      const i = c ?? f;
       return [
         {
-          data: t.map((v) => ({
-            time: typeof v.time == "number" ? v.time : Number(v.time),
-            value: v.value
+          data: l.map((p) => ({
+            time: typeof p.time == "number" ? p.time : Number(p.time),
+            value: p.value
           })),
           label: "Value",
           yMeasureUnit: N,
-          ...o && { lineColor: o },
+          ...i && { lineColor: i },
           ...a && { topColor: a },
           ...s && { bottomColor: s }
         }
       ];
     }
     return [];
-  }, [r, t, N, l, m, a, s]), w = p.some((o) => o.data.length > 0), A = !d && !w, R = b(p);
-  w && (R.current = p);
-  const V = d && !w ? R.current : p, I = V.some((o) => o.data.length > 0);
+  }, [t, l, N, c, f, a, s]), w = x.some((i) => i.data.length > 0), L = !n && !w, y = P(x);
+  w && (y.current = x);
+  const V = n && !w ? y.current : x, S = V.some((i) => i.data.length > 0);
   return /* @__PURE__ */ e(
     k,
     {
       className: z,
-      variant: W,
-      size: G,
-      padding: S,
-      title: c,
-      description: h,
-      toolbar: x,
-      loading: d,
+      variant: G,
+      size: R,
+      padding: H,
+      title: r,
+      description: o,
+      toolbar: v,
+      loading: n,
       error: u,
-      emptyMessage: A ? g : void 0,
-      children: I && !u && /* @__PURE__ */ e(
-        F,
+      emptyMessage: L ? g : void 0,
+      children: S && !u && /* @__PURE__ */ e(
+        E,
         {
           series: V,
           yMeasureUnit: N,
-          ...i ? { onUnselectSeries: i } : {},
-          ...y !== void 0 ? { showCurrentValue: y } : {},
-          ...H
+          ...m ? { onUnselectSeries: m } : {},
+          ...b !== void 0 ? { showCurrentValue: b } : {},
+          ...I
         }
       )
     }
   );
 }
-function $(r = 0) {
-  const t = b(null), l = b(null), [m, a] = O(null);
-  return P(() => {
-    const s = () => {
-      if (t.current && l.current) {
-        const d = l.current.clientWidth, c = t.current.clientWidth;
-        a(d - c - r);
-      }
-    }, n = l.current, i = n ? new ResizeObserver(s) : null;
-    return n && i?.observe(n), () => {
-      n && i?.unobserve(n);
-    };
-  }, [r]), { graphWidth: m, parentRef: l, asideRef: t };
-}
 export {
   k as GraphView,
-  _ as GraphViewWithData,
-  J as graphViewVariants,
-  $ as useGraphAside
+  Y as GraphViewWithData,
+  F as graphViewVariants
 };

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

@@ -4,9 +4,9 @@ import * as Ve from "react";
 import { useRef as K, useState as ne, useEffect as G, useLayoutEffect as pt } from "react";
 import { useIsMobile as bt } from "../../hooks/use-media-query.js";
 import { cn as Z } from "../../utils/cn.js";
-import { resolveCSSColor as ie, generateColorsFromBase as Ce, hslToHex as St } from "../../utils/colors.js";
+import { hslToHex as St, generateColorsFromBase as Ce, resolveCSSColor as ie } from "../../utils/colors.js";
 import { getDefaultOptions as Je, getDefaultSeries as vt, AXIS_TICK_MARK_DENSITY as ve, getDefaultVerticalLine as Ct, AXIS_FONT_SIZE as xt, AXIS_EDGE_LABEL_PADDING_PX as Qe, AXIS_TOP_LABEL_PADDING_PX as Ye, AXIS_TIME_EDGE_PADDING_PX as yt } from "./default-config.js";
-import { getXFormatters as Ue, formatExactValue as Le, isRatioUnit as _t, createAdaptiveYAxisFormatter as wt } from "./formatters.js";
+import { formatExactValue as Le, isRatioUnit as _t, getXFormatters as Ue, createAdaptiveYAxisFormatter as wt } from "./formatters.js";
 import { GraphCurrentValue as Pt } from "./graph-current-value.js";
 import { GraphTooltip as Nt } from "./graph-tooltip.js";
 import { VertLine as Rt } from "./plugins/vertical-line.js";

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

@@ -1,36 +1,35 @@
-import { AXIS_EDGE_LABEL_PADDING_PX as r, AXIS_FONT_SIZE as o, AXIS_TICK_MARK_DENSITY as a, AXIS_TIME_EDGE_PADDING_PX as _, AXIS_TOP_LABEL_PADDING_PX as E, DEFAULT_AREA_SERIES as A, DEFAULT_OPTIONS as i, DEFAULT_VERTICAL_LINE as p, getDefaultOptions as D, getDefaultSeries as I, getDefaultVerticalLine as L } from "./default-config.js";
-import { getXFormatter as l, getXFormatters as T, getYFormatter as G } from "./formatters.js";
-import { DEFAULT_SERIES_COLORS as f, Graph as m, GraphLegend as n, getSeriesColorPalette as V, getVerticalLineLabelStyle as X, getVerticalLineTooltipContent as h } from "./graph.js";
-import { GraphCurrentValue as F } from "./graph-current-value.js";
-import { GraphTooltip as x } from "./graph-tooltip.js";
-import { GraphView as O, GraphViewWithData as u, graphViewVariants as C, useGraphAside as R } from "./graph-view.js";
-import { VertLine as c } from "./plugins/vertical-line.js";
+import { AXIS_EDGE_LABEL_PADDING_PX as r, AXIS_FONT_SIZE as o, AXIS_TICK_MARK_DENSITY as _, AXIS_TIME_EDGE_PADDING_PX as a, AXIS_TOP_LABEL_PADDING_PX as E, DEFAULT_AREA_SERIES as i, getDefaultOptions as p, getDefaultSeries as A, getDefaultVerticalLine as D } from "./default-config.js";
+import { getXFormatter as L, getXFormatters as S } from "./formatters.js";
+import { DEFAULT_SERIES_COLORS as G, Graph as g, GraphLegend as n, VERTICAL_LINE_LABEL_EDGE_PADDING as V, getSeriesColorPalette as f, getStepForwardValue as T, getVerticalLineLabelStyle as X, getVerticalLineTooltipContent as m, seriesIdentity as P } from "./graph.js";
+import { GraphCurrentValue as s } from "./graph-current-value.js";
+import { GraphTooltip as N } from "./graph-tooltip.js";
+import { GraphView as C, GraphViewWithData as F, graphViewVariants as R } from "./graph-view.js";
+import { VertLine as w } from "./plugins/vertical-line.js";
 export {
   r as AXIS_EDGE_LABEL_PADDING_PX,
   o as AXIS_FONT_SIZE,
-  a as AXIS_TICK_MARK_DENSITY,
-  _ as AXIS_TIME_EDGE_PADDING_PX,
+  _ as AXIS_TICK_MARK_DENSITY,
+  a as AXIS_TIME_EDGE_PADDING_PX,
   E as AXIS_TOP_LABEL_PADDING_PX,
-  A as DEFAULT_AREA_SERIES,
-  i as DEFAULT_OPTIONS,
-  f as DEFAULT_SERIES_COLORS,
-  p as DEFAULT_VERTICAL_LINE,
-  m as Graph,
-  F as GraphCurrentValue,
+  i as DEFAULT_AREA_SERIES,
+  G as DEFAULT_SERIES_COLORS,
+  g as Graph,
+  s as GraphCurrentValue,
   n as GraphLegend,
-  x as GraphTooltip,
-  O as GraphView,
-  u as GraphViewWithData,
-  c as VertLine,
-  D as getDefaultOptions,
-  I as getDefaultSeries,
-  L as getDefaultVerticalLine,
-  V as getSeriesColorPalette,
+  N as GraphTooltip,
+  C as GraphView,
+  F as GraphViewWithData,
+  V as VERTICAL_LINE_LABEL_EDGE_PADDING,
+  w as VertLine,
+  p as getDefaultOptions,
+  A as getDefaultSeries,
+  D as getDefaultVerticalLine,
+  f as getSeriesColorPalette,
+  T as getStepForwardValue,
   X as getVerticalLineLabelStyle,
-  h as getVerticalLineTooltipContent,
-  l as getXFormatter,
-  T as getXFormatters,
-  G as getYFormatter,
-  C as graphViewVariants,
-  R as useGraphAside
+  m as getVerticalLineTooltipContent,
+  L as getXFormatter,
+  S as getXFormatters,
+  R as graphViewVariants,
+  P as seriesIdentity
 };