@gearbox-protocol/permissionless-ui 1.7.3 → 1.7.4

package/dist/cjs/components/graph/graph.js

@@ -1,641 +0,0 @@
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var graph_exports = {};
-__export(graph_exports, {
-  DEFAULT_SERIES_COLORS: () => DEFAULT_SERIES_COLORS,
-  Graph: () => Graph
-});
-module.exports = __toCommonJS(graph_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_lightweight_charts = require("lightweight-charts");
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_use_media_query = require('../../hooks/use-media-query.js');
-var import_cn = require('../../utils/cn.js');
-var import_colors = require('../../utils/colors.js');
-var import_default_config = require('./default-config.js');
-var import_formatters = require('./formatters.js');
-var import_graph_current_value = require('./graph-current-value.js');
-var import_graph_tooltip = require('./graph-tooltip.js');
-var import_vertical_line = require('./plugins/vertical-line.js');
-const DEFAULT_SERIES_COLORS = [
-  {
-    line: "#02c39a",
-    top: "rgba(2, 195, 154, 0.56)",
-    bottom: "rgba(2, 195, 154, 0.04)"
-  },
-  {
-    line: "#3b82f6",
-    top: "rgba(59, 130, 246, 0.56)",
-    bottom: "rgba(59, 130, 246, 0.04)"
-  },
-  {
-    line: "#f59e0b",
-    top: "rgba(245, 158, 11, 0.56)",
-    bottom: "rgba(245, 158, 11, 0.04)"
-  },
-  {
-    line: "#ef4444",
-    top: "rgba(239, 68, 68, 0.56)",
-    bottom: "rgba(239, 68, 68, 0.04)"
-  },
-  {
-    line: "#8b5cf6",
-    top: "rgba(139, 92, 246, 0.56)",
-    bottom: "rgba(139, 92, 246, 0.04)"
-  },
-  {
-    line: "#ec4899",
-    top: "rgba(236, 72, 153, 0.56)",
-    bottom: "rgba(236, 72, 153, 0.04)"
-  },
-  {
-    line: "#10b981",
-    top: "rgba(16, 185, 129, 0.56)",
-    bottom: "rgba(16, 185, 129, 0.04)"
-  },
-  {
-    line: "#06b6d4",
-    top: "rgba(6, 182, 212, 0.56)",
-    bottom: "rgba(6, 182, 212, 0.04)"
-  }
-];
-function Graph({
-  series,
-  graphId,
-  className,
-  showLegend = false,
-  onUnselectSeries,
-  xMeasureUnit = "time",
-  yMeasureUnit = "token",
-  optionsOverrides,
-  verticalLineOptions
-}) {
-  const chartRef = (0, import_react.useRef)(null);
-  const seriesRefs = (0, import_react.useRef)(/* @__PURE__ */ new Map());
-  const parentRef = (0, import_react.useRef)(null);
-  const isMobile = (0, import_use_media_query.useIsMobile)();
-  const allPoints = React.useMemo(() => {
-    return series.flatMap((s) => s.data);
-  }, [series]);
-  const initialPoint = React.useMemo(() => {
-    if (series.length > 0) {
-      const lastSeries = series[series.length - 1];
-      if (lastSeries.data.length > 0) {
-        return lastSeries.data[lastSeries.data.length - 1];
-      }
-    }
-    return void 0;
-  }, [series]);
-  const [currentPoints, subscribeLegendMove, tooltipPosition] = useCurrentPoint(
-    {
-      series,
-      initialPoint,
-      chartRef,
-      parentRef
-    }
-  );
-  (0, import_react.useEffect)(() => {
-    const handleUpdate = () => {
-      if (chartRef.current && parentRef.current) {
-        const width = parentRef.current.clientWidth;
-        const height = parentRef.current.clientHeight;
-        chartRef.current.resize(width, height);
-        chartRef.current.timeScale().fitContent();
-      }
-    };
-    const ref = parentRef.current;
-    const observer = ref ? new ResizeObserver(handleUpdate) : null;
-    if (ref) observer?.observe(ref);
-    return () => {
-      ref && observer?.unobserve(ref);
-    };
-  }, []);
-  (0, import_react.useEffect)(() => {
-    if (series.length === 0) return;
-    const xFormatter = xMeasureUnit === "time" ? (0, import_formatters.getXFormatter)(xMeasureUnit, allPoints) : (0, import_formatters.getXFormatter)(xMeasureUnit);
-    const yFormatter = (0, import_formatters.getYFormatter)(yMeasureUnit);
-    const minValue = allPoints.length > 0 ? Math.min(...allPoints.map((p) => p.value)) : 0;
-    const hasNegativeValues = minValue < 0;
-    const hasZero = allPoints.some((p) => p.value === 0);
-    const shouldPreventNegativeAxis = !hasNegativeValues && hasZero;
-    const useMultiplePriceScales = series.length > 1;
-    const shouldHideScaleLabels = useMultiplePriceScales || isMobile;
-    const defaultOptions = (0, import_default_config.getDefaultOptions)();
-    const chart = initChart(graphId, {
-      ...defaultOptions,
-      localization: {
-        ...defaultOptions.localization || {},
-        timeFormatter: xFormatter ? (
-          // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-          (price) => xFormatter(parseFloat(price), void 0)
-        ) : void 0
-      },
-      timeScale: {
-        ...defaultOptions.timeScale || {},
-        tickMarkFormatter: xFormatter ? (
-          // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-          (price) => xFormatter(parseFloat(price), void 0)
-        ) : void 0,
-        minBarSpacing: 0
-      },
-      rightPriceScale: {
-        ...defaultOptions.rightPriceScale || {},
-        visible: !isMobile,
-        ...shouldPreventNegativeAxis && {
-          scaleMargins: {
-            top: 0.3,
-            bottom: 0
-          }
-        }
-      },
-      ...optionsOverrides
-    });
-    chartRef.current = chart;
-    chart.timeScale().fitContent();
-    const newSeriesMap = /* @__PURE__ */ new Map();
-    const defaultSeries = (0, import_default_config.getDefaultSeries)();
-    const priceScaleConfigs = [];
-    for (let i = 0; i < series.length; i++) {
-      const seriesConfig = series[i];
-      const colorPalette = DEFAULT_SERIES_COLORS[i % DEFAULT_SERIES_COLORS.length];
-      const baseColor = seriesConfig.color || colorPalette.line;
-      let topColor;
-      let bottomColor;
-      if (seriesConfig.color) {
-        if (seriesConfig.topColor && seriesConfig.bottomColor) {
-          topColor = seriesConfig.topColor;
-          bottomColor = seriesConfig.bottomColor;
-        } else if (seriesConfig.topColor) {
-          const generated = (0, import_colors.generateColorsFromBase)(baseColor);
-          topColor = seriesConfig.topColor;
-          bottomColor = generated.bottomColor;
-        } else if (seriesConfig.bottomColor) {
-          const generated = (0, import_colors.generateColorsFromBase)(baseColor);
-          topColor = generated.topColor;
-          bottomColor = seriesConfig.bottomColor;
-        } else {
-          const generated = (0, import_colors.generateColorsFromBase)(baseColor);
-          topColor = generated.topColor;
-          bottomColor = generated.bottomColor;
-        }
-      } else {
-        topColor = seriesConfig.topColor || colorPalette.top;
-        bottomColor = seriesConfig.bottomColor || colorPalette.bottom;
-      }
-      const seriesMinValue = seriesConfig.data.length > 0 ? Math.min(...seriesConfig.data.map((p) => p.value)) : 0;
-      const seriesHasNegativeValues = seriesMinValue < 0;
-      const seriesHasZero = seriesConfig.data.some((p) => p.value === 0);
-      const seriesShouldPreventNegativeAxis = !seriesHasNegativeValues && seriesHasZero;
-      const priceScaleId = useMultiplePriceScales ? i === 0 ? void 0 : `scale-${i}` : void 0;
-      if (useMultiplePriceScales) {
-        priceScaleConfigs.push({
-          priceScaleId: priceScaleId || "right",
-          // Use "right" for default scale
-          shouldPreventNegativeAxis: seriesShouldPreventNegativeAxis,
-          seriesIndex: i
-        });
-      }
-      const areaSeries = chart.addAreaSeries({
-        ...defaultSeries,
-        lineColor: baseColor,
-        topColor,
-        bottomColor,
-        priceScaleId,
-        priceFormat: {
-          type: "custom",
-          formatter: (price) => yFormatter(parseFloat(price.toString()), void 0, "short")
-        }
-      });
-      areaSeries.setData(seriesConfig.data);
-      newSeriesMap.set(seriesConfig.label, areaSeries);
-    }
-    if (useMultiplePriceScales && priceScaleConfigs.length > 0) {
-      for (const config of priceScaleConfigs) {
-        try {
-          const priceScale = chart.priceScale(config.priceScaleId);
-          if (priceScale) {
-            priceScale.applyOptions({
-              visible: !shouldHideScaleLabels,
-              // Hide entire scale when spread is large
-              autoScale: true,
-              scaleMargins: {
-                top: 0.1,
-                bottom: 0.1,
-                ...config.shouldPreventNegativeAxis && {
-                  top: 0.3,
-                  bottom: 0
-                }
-              },
-              alignLabels: true,
-              borderVisible: true,
-              borderColor: "rgba(224, 227, 235, 0.1)",
-              entireTextOnly: false
-            });
-          }
-        } catch (error) {
-          console.warn(
-            `Failed to configure price scale ${config.priceScaleId} for series ${config.seriesIndex}:`,
-            error
-          );
-        }
-      }
-    }
-    seriesRefs.current = newSeriesMap;
-    subscribeLegendMove(chart, Array.from(newSeriesMap.values()));
-    const timeScale = chart.timeScale();
-    const maxLength = Math.max(...series.map((s) => s.data.length));
-    const handleVisibleTimeRangeChange = () => {
-      if (maxLength === 0) return;
-      const visibleRange = timeScale.getVisibleLogicalRange();
-      if (!visibleRange) return;
-      const dataRange = {
-        from: 0,
-        to: maxLength - 1
-      };
-      const fromValue = typeof visibleRange.from === "number" ? visibleRange.from : 0;
-      const toValue = typeof visibleRange.to === "number" ? visibleRange.to : maxLength - 1;
-      const TOLERANCE = 0.01;
-      let needsAdjustment = false;
-      const newRange = { ...visibleRange };
-      if (fromValue < dataRange.from - TOLERANCE) {
-        newRange.from = dataRange.from;
-        needsAdjustment = true;
-      }
-      if (toValue > dataRange.to + TOLERANCE) {
-        newRange.to = dataRange.to;
-        needsAdjustment = true;
-      }
-      if (needsAdjustment) {
-        timeScale.setVisibleLogicalRange(newRange);
-      }
-    };
-    timeScale.subscribeVisibleLogicalRangeChange(handleVisibleTimeRangeChange);
-    return () => {
-      timeScale.unsubscribeVisibleLogicalRangeChange(
-        handleVisibleTimeRangeChange
-      );
-      chart.remove();
-    };
-  }, [
-    graphId,
-    series,
-    allPoints,
-    xMeasureUnit,
-    yMeasureUnit,
-    optionsOverrides,
-    subscribeLegendMove,
-    isMobile
-  ]);
-  (0, import_react.useEffect)(() => {
-    const ch = chartRef.current;
-    const seriesList = Array.from(seriesRefs.current.values());
-    const list = [];
-    if (ch && seriesList.length > 0 && verticalLineOptions) {
-      const defaultVerticalLine = (0, import_default_config.getDefaultVerticalLine)();
-      const firstSeries = seriesList[0];
-      for (const v of verticalLineOptions) {
-        const vertLine = new import_vertical_line.VertLine(ch, firstSeries, v.xCoordinate, {
-          ...defaultVerticalLine,
-          ...v.options || {}
-        });
-        firstSeries.attachPrimitive(vertLine);
-        list.push(vertLine);
-      }
-    }
-    return () => {
-      if (seriesList.length > 0) {
-        const firstSeries = seriesList[0];
-        for (const l of list) {
-          firstSeries.detachPrimitive(l);
-        }
-      }
-    };
-  }, [verticalLineOptions]);
-  const isSingleMode = series.length === 1;
-  const singleModePoint = React.useMemo(() => {
-    if (isSingleMode && series.length > 0) {
-      const singleSeries = series[0];
-      if (singleSeries.data.length > 0) {
-        return singleSeries.data[singleSeries.data.length - 1];
-      }
-    }
-    return void 0;
-  }, [isSingleMode, series]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "div",
-    {
-      ref: parentRef,
-      className: (0, import_cn.cn)(
-        "relative z-[1] w-full h-full overflow-hidden p-0",
-        className
-      ),
-      children: [
-        isSingleMode && singleModePoint && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_graph_current_value.GraphCurrentValue,
-          {
-            point: singleModePoint,
-            xMeasureUnit,
-            yMeasureUnit
-          }
-        ),
-        currentPoints && tooltipPosition && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_graph_tooltip.GraphTooltip,
-          {
-            points: currentPoints,
-            xMeasureUnit,
-            yMeasureUnit,
-            series,
-            position: tooltipPosition,
-            containerRef: parentRef
-          }
-        ),
-        showLegend && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GraphLegend, { series, onUnselect: onUnselectSeries }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "div",
-          {
-            id: graphId,
-            className: "LightweightChart w-full h-full overflow-hidden"
-          }
-        )
-      ]
-    }
-  );
-}
-function initChart(id, config) {
-  return (0, import_lightweight_charts.createChart)(id, config);
-}
-function useCurrentPoint({
-  series,
-  initialPoint,
-  chartRef,
-  parentRef
-}) {
-  const [currentPoints, setCurrentPoints] = (0, import_react.useState)(() => {
-    if (!initialPoint) return void 0;
-    const map = /* @__PURE__ */ new Map();
-    for (const s of series) {
-      if (s.data.length > 0) {
-        map.set(s.label, s.data[s.data.length - 1]);
-      }
-    }
-    return map;
-  });
-  const [tooltipPosition, setTooltipPosition] = (0, import_react.useState)(null);
-  (0, import_react.useEffect)(() => {
-    if (initialPoint) {
-      const map = /* @__PURE__ */ new Map();
-      for (const s of series) {
-        if (s.data.length > 0) {
-          map.set(s.label, initialPoint);
-        }
-      }
-      setCurrentPoints(map);
-    } else {
-      const map = /* @__PURE__ */ new Map();
-      for (const s of series) {
-        if (s.data.length > 0) {
-          map.set(s.label, s.data[s.data.length - 1]);
-        }
-      }
-      setCurrentPoints(map.size > 0 ? map : void 0);
-    }
-  }, [initialPoint, series]);
-  const updateLastPointPosition = (0, import_react.useCallback)(
-    (chart, areaSeriesList, lastTime) => {
-      if (areaSeriesList.length === 0 || series.length === 0) return;
-      const lastPoints = /* @__PURE__ */ new Map();
-      let lastFirstValue;
-      for (let i = 0; i < series.length; i++) {
-        const seriesConfig = series[i];
-        if (seriesConfig.data.length === 0) continue;
-        const lastPoint = seriesConfig.data[seriesConfig.data.length - 1];
-        lastPoints.set(seriesConfig.label, lastPoint);
-        if (i === 0) {
-          lastFirstValue = lastPoint.value;
-        }
-      }
-      setCurrentPoints(lastPoints.size > 0 ? lastPoints : void 0);
-      if (lastFirstValue !== void 0 && areaSeriesList[0]) {
-        const timeScale = chart.timeScale();
-        const xCoord = timeScale.timeToCoordinate(lastTime);
-        const yCoord = areaSeriesList[0].priceToCoordinate(lastFirstValue);
-        if (xCoord !== null && yCoord !== null) {
-          const container = parentRef.current;
-          if (container) {
-            const chartElement = container.querySelector(
-              ".LightweightChart"
-            );
-            if (chartElement) {
-              const chartRect = chartElement.getBoundingClientRect();
-              const containerRect = container.getBoundingClientRect();
-              const relativeX = xCoord + (chartRect.left - containerRect.left);
-              const relativeY = yCoord + (chartRect.top - containerRect.top);
-              setTooltipPosition({ x: relativeX, y: relativeY });
-            } else {
-              setTooltipPosition({ x: xCoord, y: yCoord });
-            }
-          } else {
-            setTooltipPosition({ x: xCoord, y: yCoord });
-          }
-        } else {
-          setTooltipPosition(null);
-        }
-      } else {
-        setTooltipPosition(null);
-      }
-    },
-    [series, parentRef]
-  );
-  const subscribeLegendMove = (0, import_react.useCallback)(
-    (chart, areaSeriesList) => {
-      let lastTime;
-      for (const s of series) {
-        if (s.data.length > 0) {
-          const lastPoint = s.data[s.data.length - 1];
-          lastTime = lastPoint.time;
-          break;
-        }
-      }
-      if (!lastTime) return;
-      const isSingleMode = series.length === 1;
-      if (!isSingleMode) {
-        requestAnimationFrame(() => {
-          if (lastTime) {
-            updateLastPointPosition(chart, areaSeriesList, lastTime);
-          }
-        });
-      } else {
-        const lastPoints = /* @__PURE__ */ new Map();
-        for (const s of series) {
-          if (s.data.length > 0) {
-            const lastPoint = s.data[s.data.length - 1];
-            lastPoints.set(s.label, lastPoint);
-          }
-        }
-        if (lastPoints.size > 0) {
-          setCurrentPoints(lastPoints);
-        }
-        setTooltipPosition(null);
-      }
-      chart.subscribeCrosshairMove((param) => {
-        const { time = lastTime, seriesData, point } = param || {};
-        if (!point || !time) {
-          if (isSingleMode) {
-            const lastPoints = /* @__PURE__ */ new Map();
-            for (const s of series) {
-              if (s.data.length > 0) {
-                const lastPoint = s.data[s.data.length - 1];
-                lastPoints.set(s.label, lastPoint);
-              }
-            }
-            if (lastPoints.size > 0) {
-              setCurrentPoints(lastPoints);
-            }
-            setTooltipPosition(null);
-          } else {
-            updateLastPointPosition(chart, areaSeriesList, lastTime);
-          }
-          return;
-        }
-        const newPoints = /* @__PURE__ */ new Map();
-        let firstValue;
-        for (let i = 0; i < series.length; i++) {
-          const seriesConfig = series[i];
-          const areaSeries = areaSeriesList[i];
-          if (!areaSeries) continue;
-          const valueData = seriesData?.get(areaSeries);
-          const unsafeValue = valueData && "value" in valueData ? valueData.value : void 0;
-          const lastPoint = seriesConfig.data[seriesConfig.data.length - 1];
-          const value = unsafeValue !== void 0 ? unsafeValue : lastPoint.value;
-          if (i === 0) {
-            firstValue = value;
-          }
-          newPoints.set(seriesConfig.label, { value, time });
-        }
-        setCurrentPoints(newPoints);
-        if (chartRef.current && firstValue !== void 0 && areaSeriesList[0]) {
-          const timeScale = chart.timeScale();
-          const xCoord = timeScale.timeToCoordinate(time);
-          const yCoord = areaSeriesList[0].priceToCoordinate(firstValue);
-          if (xCoord !== null && yCoord !== null) {
-            const container = parentRef.current;
-            if (container) {
-              const chartElement = container.querySelector(
-                ".LightweightChart"
-              );
-              if (chartElement) {
-                const chartRect = chartElement.getBoundingClientRect();
-                const containerRect = container.getBoundingClientRect();
-                const relativeX = xCoord + (chartRect.left - containerRect.left);
-                const relativeY = yCoord + (chartRect.top - containerRect.top);
-                setTooltipPosition({ x: relativeX, y: relativeY });
-              } else {
-                setTooltipPosition({ x: xCoord, y: yCoord });
-              }
-            } else {
-              setTooltipPosition({ x: xCoord, y: yCoord });
-            }
-          } else {
-            setTooltipPosition(null);
-          }
-        } else {
-          setTooltipPosition(null);
-        }
-      });
-    },
-    [series, chartRef, parentRef, updateLastPointPosition]
-  );
-  return [currentPoints, subscribeLegendMove, tooltipPosition];
-}
-function GraphLegend({
-  series,
-  onUnselect
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute top-0 left-2 z-[10] flex flex-wrap gap-2", children: series.map((s, index) => {
-    const colorPalette = DEFAULT_SERIES_COLORS[index % DEFAULT_SERIES_COLORS.length];
-    const lineColor = s.color || colorPalette.line;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "div",
-      {
-        className: "flex items-center gap-1.5 px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "div",
-            {
-              className: "w-3 h-3 rounded-sm",
-              style: { backgroundColor: lineColor }
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs font-medium text-foreground", children: s.label }),
-          onUnselect && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "button",
-            {
-              type: "button",
-              onClick: (e) => {
-                e.stopPropagation();
-                onUnselect(s.label);
-              },
-              className: "ml-1 flex items-center justify-center w-4 h-4 rounded-sm hover:bg-muted transition-colors",
-              "aria-label": `Remove ${s.label}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                "svg",
-                {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  width: "12",
-                  height: "12",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  className: "text-muted-foreground hover:text-foreground",
-                  "aria-hidden": "true",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: "Close" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-                  ]
-                }
-              )
-            }
-          )
-        ]
-      },
-      s.label
-    );
-  }) });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DEFAULT_SERIES_COLORS,
-  Graph
-});

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

@@ -1,44 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var graph_exports = {};
-__export(graph_exports, {
-  VertLine: () => import_vertical_line.VertLine,
-  getXFormatter: () => import_formatters.getXFormatter,
-  getYFormatter: () => import_formatters.getYFormatter
-});
-module.exports = __toCommonJS(graph_exports);
-__reExport(graph_exports, require('./default-config.js'), module.exports);
-var import_formatters = require('./formatters.js');
-__reExport(graph_exports, require('./graph.js'), module.exports);
-__reExport(graph_exports, require('./graph-current-value.js'), module.exports);
-__reExport(graph_exports, require('./graph-tooltip.js'), module.exports);
-__reExport(graph_exports, require('./graph-view.js'), module.exports);
-var import_vertical_line = require('./plugins/vertical-line.js');
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  VertLine,
-  getXFormatter,
-  getYFormatter,
-  ...require('./default-config.js'),
-  ...require('./graph.js'),
-  ...require('./graph-current-value.js'),
-  ...require('./graph-tooltip.js'),
-  ...require('./graph-view.js')
-});