@tetrascience-npm/tetrascience-react-ui 0.7.0 → 1.0.0

package/dist/components/charts/AreaPlot/AreaPlot.js

@@ -0,0 +1,270 @@
+import { jsxs as ot, jsx as et } from "react/jsx-runtime";
+import { useRef as _, useMemo as f, useEffect as D } from "react";
+import { useChartTooltip as rt } from "../ChartTooltip/ChartTooltip.js";
+import { loadPlotly as nt, getLoadedPlotly as q } from "../plotly-loader.js";
+import { useElementSize as lt } from "../../../hooks/use-element-size.js";
+import { usePlotlyTheme as it, CHART_FONT_FAMILY as p } from "../../../hooks/use-plotly-theme.js";
+import { cn as ct } from "../../../lib/utils.js";
+import { seriesColor as J } from "../../../utils/colors.js";
+import { chartTooltipLines as at } from "../ChartTooltip/lines.js";
+const st = 80, ht = 40, xt = ({
+  dataSeries: a,
+  width: I,
+  height: O,
+  xRange: y,
+  yRange: M,
+  variant: x = "normal",
+  xTitle: b,
+  yTitle: z,
+  title: w,
+  xTickText: k
+}) => {
+  const u = _(null), r = it(), [K, X] = lt(), s = I ?? X.width, h = O ?? X.height, Y = s > 0 && h > 0, Q = I === void 0, Z = O === void 0, v = _({ width: s, height: h });
+  v.current = { width: s, height: h };
+  const A = _(!1), E = _({ width: 0, height: 0 }), { bindTooltip: V, tooltipElement: $ } = rt({
+    // Stacked traces carry the original series values as customdata;
+    // display those instead of the cumulative stack heights
+    getLines: (o) => at(
+      o.map(
+        (t) => typeof t.customdata == "number" ? { ...t, y: t.customdata } : t
+      ),
+      { xLabel: b, yLabel: z }
+    )
+  }), { xMin: T, xMax: U, yMin: B, yMax: H } = f(() => {
+    let o = Number.MAX_VALUE, t = Number.MIN_VALUE, l = Number.MAX_VALUE, e = Number.MIN_VALUE;
+    a.forEach((c) => {
+      c.x.forEach((i) => {
+        o = Math.min(o, i), t = Math.max(t, i);
+      }), c.y.forEach((i) => {
+        l = Math.min(l, i), e = Math.max(e, i);
+      });
+    });
+    const g = (t - o) * 0.1, n = (e - l) * 0.1;
+    return {
+      xMin: o - g,
+      xMax: t + g,
+      yMin: x === "stacked" ? 0 : l - n,
+      yMax: e + n
+    };
+  }, [a, x]), m = f(
+    () => y || [T, U],
+    [y, T, U]
+  ), d = f(
+    () => M || [B, H],
+    [M, B, H]
+  ), R = f(() => {
+    const o = m[1] - m[0];
+    let t = Math.pow(10, Math.floor(Math.log10(o)));
+    o / t > 10 && (t = t * 2), o / t < 4 && (t = t / 2);
+    const l = [];
+    let e = Math.ceil(m[0] / t) * t;
+    for (; e <= m[1]; )
+      l.push(e), e += t;
+    return l;
+  }, [m]), j = f(() => {
+    const o = d[1] - d[0];
+    let t = Math.pow(10, Math.floor(Math.log10(o)));
+    o / t > 10 && (t = t * 2), o / t < 4 && (t = t / 2);
+    const l = [];
+    let e = Math.ceil(d[0] / t) * t;
+    for (; e <= d[1]; )
+      l.push(e), e += t;
+    return l;
+  }, [d]), L = f(
+    () => [...new Set(a.flatMap((o) => o.x))].sort((o, t) => o - t),
+    [a]
+  ), C = !!k && k.length === L.length, N = f(
+    () => ({
+      tickcolor: r.tickColor,
+      ticklen: 12,
+      tickwidth: 1,
+      ticks: "outside",
+      tickfont: {
+        size: 16,
+        color: r.textColor,
+        family: p,
+        weight: 400
+      },
+      linecolor: r.lineColor,
+      linewidth: 1,
+      position: 0,
+      zeroline: !1
+    }),
+    [r]
+  ), P = f(
+    () => w ? {
+      text: w,
+      x: 0.5,
+      y: 0.95,
+      xanchor: "center",
+      yanchor: "top",
+      font: {
+        size: 32,
+        weight: 600,
+        family: p,
+        color: r.textColor,
+        lineheight: 1.2,
+        standoff: 30
+      }
+    } : void 0,
+    [w, r]
+  );
+  return D(() => {
+    if (!u.current || !Y) return;
+    let o;
+    if (x === "stacked") {
+      const n = new Array(a[0]?.x.length || 0).fill(0);
+      o = a.map((c, i) => {
+        const S = c.y.map((tt, G) => {
+          const W = n[G] + tt;
+          return n[G] = W, W;
+        }), F = J(i, c.color);
+        return {
+          x: c.x,
+          y: S,
+          // Tooltips report the series' own values, not the stacked sums
+          customdata: c.y,
+          type: "scatter",
+          mode: "lines",
+          name: c.name,
+          hoverinfo: "none",
+          fill: i === 0 ? "tozeroy" : "tonexty",
+          fillcolor: F,
+          line: {
+            color: F,
+            width: 2
+          }
+        };
+      });
+    } else
+      o = a.map((n, c) => {
+        const i = J(c, n.color);
+        return {
+          x: n.x,
+          y: n.y,
+          type: "scatter",
+          mode: "lines",
+          name: n.name,
+          hoverinfo: "none",
+          fill: n.fill || "tozeroy",
+          fillcolor: i,
+          line: {
+            color: i,
+            width: 2
+          }
+        };
+      });
+    const t = {
+      width: v.current.width,
+      height: v.current.height,
+      ...P ? { title: P } : {},
+      margin: {
+        l: 80,
+        r: 40,
+        // Reserve room for tick labels, the x-axis title, and the
+        // container-anchored bottom legend stacked beneath them.
+        b: 96,
+        t: w ? st : ht,
+        pad: 0
+      },
+      paper_bgcolor: r.paperBg,
+      plot_bgcolor: r.plotBg,
+      font: {
+        family: p
+      },
+      dragmode: !1,
+      xaxis: {
+        title: {
+          text: b,
+          font: {
+            size: 16,
+            color: r.textSecondary,
+            family: p,
+            weight: 400
+          },
+          standoff: 15
+        },
+        gridcolor: r.gridColor,
+        range: y,
+        autorange: !y,
+        tickmode: "array",
+        tickvals: C ? L : R,
+        ...C ? { ticktext: k } : {},
+        showgrid: !0,
+        // Reserve space for tick labels + the axis title so the bottom legend
+        // can't overlap them at small sizes (SW-2157).
+        automargin: !0,
+        ...N
+      },
+      yaxis: {
+        title: {
+          text: z,
+          font: {
+            size: 16,
+            color: r.textSecondary,
+            family: p,
+            weight: 400
+          },
+          standoff: 15
+        },
+        gridcolor: r.gridColor,
+        range: M,
+        autorange: !M,
+        tickmode: "array",
+        tickvals: j,
+        showgrid: !0,
+        automargin: !0,
+        ...N
+      },
+      legend: {
+        // Anchor to the bottom of the container (not the plot area) so the
+        // legend always clears the x-axis tick labels + title — a paper-relative
+        // fractional offset collapses into the ticks at small heights (SW-2157).
+        x: 0.5,
+        y: 0,
+        xanchor: "center",
+        yanchor: "bottom",
+        yref: "container",
+        orientation: "h",
+        font: {
+          size: 13,
+          color: r.legendColor,
+          family: p,
+          weight: 500,
+          lineheight: 18
+        }
+      },
+      showlegend: !0
+    }, l = {
+      // We drive sizing explicitly from the measured container, so Plotly's own
+      // window-resize responsiveness is disabled (it can't see container resizes).
+      responsive: !1,
+      displayModeBar: !1,
+      displaylogo: !1
+    };
+    let e = !1, g = null;
+    return nt().then((n) => {
+      e || !u.current || (n.newPlot(u.current, o, t, l), V(u.current), g = u.current, A.current = !0, E.current = { ...v.current });
+    }), () => {
+      e = !0, g && (q().purge(g), A.current = !1);
+    };
+  }, [a, Y, y, M, m, d, x, b, z, w, P, N, R, j, L, C, k, r, V]), D(() => {
+    const o = u.current;
+    !o || !A.current || s <= 0 || h <= 0 || E.current.width === s && E.current.height === h || (E.current = { width: s, height: h }, q().relayout(o, { width: s, height: h }).catch(() => {
+    }));
+  }, [s, h]), /* @__PURE__ */ ot(
+    "div",
+    {
+      ref: K,
+      className: ct("area-graph-container relative", Q && "w-full", Z && "h-full"),
+      children: [
+        /* @__PURE__ */ et("div", { ref: u, style: { width: "100%", height: "100%" } }),
+        $
+      ]
+    }
+  );
+};
+export {
+  xt as AreaPlot
+};
+//# sourceMappingURL=AreaPlot.js.map

package/dist/components/charts/AreaPlot/AreaPlot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaPlot.js","sources":["../../../../src/components/charts/AreaPlot/AreaPlot.tsx"],"sourcesContent":["import React, { useEffect, useRef, useMemo } from \"react\";\n\nimport { chartTooltipLines, useChartTooltip } from \"../ChartTooltip\";\nimport { getLoadedPlotly, loadPlotly } from \"../plotly-loader\";\n\nimport { useElementSize } from \"@/hooks/use-element-size\";\nimport { CHART_FONT_FAMILY, usePlotlyTheme } from \"@/hooks/use-plotly-theme\";\nimport { cn } from \"@/lib/utils\";\nimport { seriesColor } from \"@/utils/colors\";\n\ninterface AreaDataSeries {\n  x: number[];\n  y: number[];\n  name: string;\n  /** Optional color override (auto-assigned from CHART_COLORS if not provided) */\n  color?: string;\n  fill?: \"tozeroy\" | \"tonexty\" | \"toself\";\n}\n\ntype AreaPlotVariant = \"normal\" | \"stacked\";\n\n/** Top margin reserving room for the 32px title; reduced when no title is set */\nconst TITLE_MARGIN_TOP = 80;\nconst NO_TITLE_MARGIN_TOP = 40;\n\ninterface AreaPlotProps {\n  dataSeries: AreaDataSeries[];\n  /**\n   * Fixed width in pixels. When omitted, the chart fills its container and\n   * tracks the container's width via a `ResizeObserver`.\n   */\n  width?: number;\n  /**\n   * Fixed height in pixels. When omitted, the chart fills its container and\n   * tracks the container's height via a `ResizeObserver`.\n   */\n  height?: number;\n  xRange?: [number, number];\n  yRange?: [number, number];\n  variant?: AreaPlotVariant;\n  xTitle?: string;\n  yTitle?: string;\n  title?: string;\n  /**\n   * Categorical labels for the x-axis ticks. When provided, the x data values\n   * still drive area positioning but the displayed tick labels match these\n   * strings in order (e.g. [\"Mon\", \"Tue\", …]). Should align 1:1 with the\n   * unique, ordered x values across all series.\n   */\n  xTickText?: string[];\n}\n\nconst AreaPlot: React.FC<AreaPlotProps> = ({\n  dataSeries,\n  width,\n  height,\n  xRange,\n  yRange,\n  variant = \"normal\",\n  xTitle,\n  yTitle,\n  title,\n  xTickText,\n}) => {\n  const plotRef = useRef<HTMLDivElement>(null);\n  const theme = usePlotlyTheme();\n\n  // When width/height are omitted the chart fills its container; otherwise the\n  // explicit pixel size wins. The container is measured either way (cheap) but\n  // only used as the resolved size for the omitted dimension(s).\n  const [containerRef, measured] = useElementSize<HTMLDivElement>();\n  const resolvedWidth = width ?? measured.width;\n  const resolvedHeight = height ?? measured.height;\n  const hasSize = resolvedWidth > 0 && resolvedHeight > 0;\n  // Fill is per-dimension: omit width to fill the container width, omit height\n  // to fill its height (so e.g. a fixed width with a container-driven height works).\n  const fillWidth = width === undefined;\n  const fillHeight = height === undefined;\n\n  // Hold the latest resolved size in a ref so the newPlot effect can read it\n  // without listing it as a dependency — size changes are handled by a\n  // separate relayout effect rather than by tearing down and recreating the plot.\n  const sizeRef = useRef({ width: resolvedWidth, height: resolvedHeight });\n  sizeRef.current = { width: resolvedWidth, height: resolvedHeight };\n  const plotInitedRef = useRef(false);\n  // Size last applied to the plot, so the resize effect can skip a redundant\n  // relayout right after newPlot already drew at that size.\n  const appliedSizeRef = useRef({ width: 0, height: 0 });\n  const { bindTooltip, tooltipElement } = useChartTooltip({\n    // Stacked traces carry the original series values as customdata;\n    // display those instead of the cumulative stack heights\n    getLines: (points) =>\n      chartTooltipLines(\n        points.map((point) =>\n          typeof point.customdata === \"number\"\n            ? { ...point, y: point.customdata }\n            : point,\n        ),\n        { xLabel: xTitle, yLabel: yTitle },\n      ),\n  });\n\n  const { xMin, xMax, yMin, yMax } = useMemo(() => {\n    let minX = Number.MAX_VALUE;\n    let maxX = Number.MIN_VALUE;\n    let minY = Number.MAX_VALUE;\n    let maxY = Number.MIN_VALUE;\n\n    dataSeries.forEach((series) => {\n      series.x.forEach((x) => {\n        minX = Math.min(minX, x);\n        maxX = Math.max(maxX, x);\n      });\n      series.y.forEach((y) => {\n        minY = Math.min(minY, y);\n        maxY = Math.max(maxY, y);\n      });\n    });\n\n    const xPadding = (maxX - minX) * 0.1;\n    const yPadding = (maxY - minY) * 0.1;\n\n    return {\n      xMin: minX - xPadding,\n      xMax: maxX + xPadding,\n      yMin: variant === \"stacked\" ? 0 : minY - yPadding,\n      yMax: maxY + yPadding,\n    };\n  }, [dataSeries, variant]);\n\n  const effectiveXRange = useMemo(\n    () => xRange || [xMin, xMax],\n    [xRange, xMin, xMax],\n  );\n  const effectiveYRange = useMemo(\n    () => yRange || [yMin, yMax],\n    [yRange, yMin, yMax],\n  );\n\n  const xTicks = useMemo(() => {\n    const range = effectiveXRange[1] - effectiveXRange[0];\n    let step = Math.pow(10, Math.floor(Math.log10(range)));\n\n    if (range / step > 10) step = step * 2;\n    if (range / step < 4) step = step / 2;\n\n    const ticks = [];\n    let current = Math.ceil(effectiveXRange[0] / step) * step;\n    while (current <= effectiveXRange[1]) {\n      ticks.push(current);\n      current += step;\n    }\n    return ticks;\n  }, [effectiveXRange]);\n\n  const yTicks = useMemo(() => {\n    const range = effectiveYRange[1] - effectiveYRange[0];\n    let step = Math.pow(10, Math.floor(Math.log10(range)));\n\n    if (range / step > 10) step = step * 2;\n    if (range / step < 4) step = step / 2;\n\n    const ticks = [];\n    let current = Math.ceil(effectiveYRange[0] / step) * step;\n    while (current <= effectiveYRange[1]) {\n      ticks.push(current);\n      current += step;\n    }\n    return ticks;\n  }, [effectiveYRange]);\n\n  // When categorical labels are supplied, ticks must sit on the actual data\n  // x-positions rather than the computed nice-step values above. Sorted\n  // ascending so labels map deterministically to x regardless of series order.\n  const xDataValues = useMemo(\n    () => [...new Set(dataSeries.flatMap((s) => s.x))].sort((a, b) => a - b),\n    [dataSeries],\n  );\n\n  // Only apply categorical labels when they align 1:1 with the tick positions;\n  // a mismatch would silently mis-label ticks, so fall back to numeric ticks.\n  const useCategoricalX = !!xTickText && xTickText.length === xDataValues.length;\n\n  const tickOptions = useMemo(\n    () => ({\n      tickcolor: theme.tickColor,\n      ticklen: 12,\n      tickwidth: 1,\n      ticks: \"outside\" as const,\n      tickfont: {\n        size: 16,\n        color: theme.textColor,\n        family: CHART_FONT_FAMILY,\n        weight: 400,\n      },\n      linecolor: theme.lineColor,\n      linewidth: 1,\n      position: 0,\n      zeroline: false,\n    }),\n    [theme],\n  );\n\n  const titleOptions = useMemo(\n    () =>\n      title\n        ? {\n            text: title,\n            x: 0.5,\n            y: 0.95,\n            xanchor: \"center\" as const,\n            yanchor: \"top\" as const,\n            font: {\n              size: 32,\n              weight: 600,\n              family: CHART_FONT_FAMILY,\n              color: theme.textColor,\n              lineheight: 1.2,\n              standoff: 30,\n            },\n          }\n        : undefined,\n    [title, theme],\n  );\n\n  useEffect(() => {\n    if (!plotRef.current || !hasSize) return;\n\n    let data;\n\n    if (variant === \"stacked\") {\n      // For stacked mode, we need to calculate cumulative values\n      const cumulativeY = new Array(dataSeries[0]?.x.length || 0).fill(0);\n\n      data = dataSeries.map((series, index) => {\n        // Calculate cumulative values for this series\n        const stackedY = series.y.map((value, i) => {\n          const result = cumulativeY[i] + value;\n          cumulativeY[i] = result;\n          return result;\n        });\n\n        const color = seriesColor(index, series.color);\n        return {\n          x: series.x,\n          y: stackedY,\n          // Tooltips report the series' own values, not the stacked sums\n          customdata: series.y,\n          type: \"scatter\" as const,\n          mode: \"lines\" as const,\n          name: series.name,\n          hoverinfo: \"none\" as const,\n          fill: index === 0 ? (\"tozeroy\" as const) : (\"tonexty\" as const),\n          fillcolor: color,\n          line: {\n            color,\n            width: 2,\n          },\n        };\n      });\n    } else {\n      // Normal mode - each area fills independently from zero\n      data = dataSeries.map((series, index) => {\n        const color = seriesColor(index, series.color);\n        return {\n          x: series.x,\n          y: series.y,\n          type: \"scatter\" as const,\n          mode: \"lines\" as const,\n          name: series.name,\n          hoverinfo: \"none\" as const,\n          fill: series.fill || (\"tozeroy\" as const),\n          fillcolor: color,\n          line: {\n            color,\n            width: 2,\n          },\n        };\n      });\n    }\n\n    const layout = {\n      width: sizeRef.current.width,\n      height: sizeRef.current.height,\n      ...(titleOptions ? { title: titleOptions } : {}),\n      margin: {\n        l: 80,\n        r: 40,\n        // Reserve room for tick labels, the x-axis title, and the\n        // container-anchored bottom legend stacked beneath them.\n        b: 96,\n        t: title ? TITLE_MARGIN_TOP : NO_TITLE_MARGIN_TOP,\n        pad: 0,\n      },\n      paper_bgcolor: theme.paperBg,\n      plot_bgcolor: theme.plotBg,\n      font: {\n        family: CHART_FONT_FAMILY,\n      },\n      dragmode: false as const,\n      xaxis: {\n        title: {\n          text: xTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: CHART_FONT_FAMILY,\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: theme.gridColor,\n        range: xRange,\n        autorange: !xRange,\n        tickmode: \"array\" as const,\n        tickvals: useCategoricalX ? xDataValues : xTicks,\n        ...(useCategoricalX ? { ticktext: xTickText } : {}),\n        showgrid: true,\n        // Reserve space for tick labels + the axis title so the bottom legend\n        // can't overlap them at small sizes (SW-2157).\n        automargin: true,\n        ...tickOptions,\n      },\n      yaxis: {\n        title: {\n          text: yTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: CHART_FONT_FAMILY,\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: theme.gridColor,\n        range: yRange,\n        autorange: !yRange,\n        tickmode: \"array\" as const,\n        tickvals: yTicks,\n        showgrid: true,\n        automargin: true,\n        ...tickOptions,\n      },\n      legend: {\n        // Anchor to the bottom of the container (not the plot area) so the\n        // legend always clears the x-axis tick labels + title — a paper-relative\n        // fractional offset collapses into the ticks at small heights (SW-2157).\n        x: 0.5,\n        y: 0,\n        xanchor: \"center\" as const,\n        yanchor: \"bottom\" as const,\n        yref: \"container\" as const,\n        orientation: \"h\" as const,\n        font: {\n          size: 13,\n          color: theme.legendColor,\n          family: CHART_FONT_FAMILY,\n          weight: 500,\n          lineheight: 18,\n        },\n      },\n      showlegend: true,\n    };\n\n    const config = {\n      // We drive sizing explicitly from the measured container, so Plotly's own\n      // window-resize responsiveness is disabled (it can't see container resizes).\n      responsive: false,\n      displayModeBar: false,\n      displaylogo: false,\n    };\n\n    // Plotly is loaded lazily so it stays out of the consumer's main chunk\n    // (SW-2007); the draw is skipped if the effect re-runs or unmounts first.\n    let cancelled = false;\n    let plotElement: HTMLDivElement | null = null;\n    void loadPlotly().then((plotly) => {\n      if (cancelled || !plotRef.current) return;\n      plotly.newPlot(plotRef.current, data, layout, config);\n      bindTooltip(plotRef.current);\n\n      // Capture ref value for cleanup\n      plotElement = plotRef.current;\n      plotInitedRef.current = true;\n      appliedSizeRef.current = { ...sizeRef.current };\n    });\n\n    return () => {\n      cancelled = true;\n      if (plotElement) {\n        getLoadedPlotly().purge(plotElement);\n        plotInitedRef.current = false;\n      }\n    };\n  }, [dataSeries, hasSize, xRange, yRange, effectiveXRange, effectiveYRange, variant, xTitle, yTitle, title, titleOptions, tickOptions, xTicks, yTicks, xDataValues, useCategoricalX, xTickText, theme, bindTooltip]);\n\n  // Resize in place when the measured/overridden size changes — far cheaper\n  // than recreating the plot (and it preserves tooltip/event bindings).\n  useEffect(() => {\n    const plotElement = plotRef.current;\n    if (!plotElement || !plotInitedRef.current || resolvedWidth <= 0 || resolvedHeight <= 0) {\n      return;\n    }\n    // newPlot already drew at the current size; skip the redundant relayout\n    // (it would queue an automargin redraw that can reject if we unmount first).\n    if (\n      appliedSizeRef.current.width === resolvedWidth &&\n      appliedSizeRef.current.height === resolvedHeight\n    ) {\n      return;\n    }\n    appliedSizeRef.current = { width: resolvedWidth, height: resolvedHeight };\n    // Swallow rejections from a relayout that races an unmount/purge.\n    // plotInitedRef guarantees Plotly finished loading, so sync access is safe.\n    void getLoadedPlotly()\n      .relayout(plotElement, { width: resolvedWidth, height: resolvedHeight })\n      .catch(() => {});\n  }, [resolvedWidth, resolvedHeight]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\"area-graph-container relative\", fillWidth && \"w-full\", fillHeight && \"h-full\")}\n    >\n      <div ref={plotRef} style={{ width: \"100%\", height: \"100%\" }} />\n      {tooltipElement}\n    </div>\n  );\n};\n\nexport { AreaPlot };\nexport type { AreaDataSeries, AreaPlotVariant, AreaPlotProps };\n"],"names":["TITLE_MARGIN_TOP","NO_TITLE_MARGIN_TOP","AreaPlot","dataSeries","width","height","xRange","yRange","variant","xTitle","yTitle","title","xTickText","plotRef","useRef","theme","usePlotlyTheme","containerRef","measured","useElementSize","resolvedWidth","resolvedHeight","hasSize","fillWidth","fillHeight","sizeRef","plotInitedRef","appliedSizeRef","bindTooltip","tooltipElement","useChartTooltip","points","chartTooltipLines","point","xMin","xMax","yMin","yMax","useMemo","minX","maxX","minY","maxY","series","x","y","xPadding","yPadding","effectiveXRange","effectiveYRange","xTicks","range","step","ticks","current","yTicks","xDataValues","s","a","b","useCategoricalX","tickOptions","CHART_FONT_FAMILY","titleOptions","useEffect","data","cumulativeY","index","stackedY","value","i","result","color","seriesColor","layout","config","cancelled","plotElement","loadPlotly","plotly","getLoadedPlotly","jsxs","cn","jsx"],"mappings":";;;;;;;;;AAsBA,MAAMA,KAAmB,IACnBC,KAAsB,IA6BtBC,KAAoC,CAAC;AAAA,EACzC,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAUC,EAAuB,IAAI,GACrCC,IAAQC,GAAA,GAKR,CAACC,GAAcC,CAAQ,IAAIC,GAAA,GAC3BC,IAAgBhB,KAASc,EAAS,OAClCG,IAAiBhB,KAAUa,EAAS,QACpCI,IAAUF,IAAgB,KAAKC,IAAiB,GAGhDE,IAAYnB,MAAU,QACtBoB,IAAanB,MAAW,QAKxBoB,IAAUX,EAAO,EAAE,OAAOM,GAAe,QAAQC,GAAgB;AACvE,EAAAI,EAAQ,UAAU,EAAE,OAAOL,GAAe,QAAQC,EAAA;AAClD,QAAMK,IAAgBZ,EAAO,EAAK,GAG5Ba,IAAiBb,EAAO,EAAE,OAAO,GAAG,QAAQ,GAAG,GAC/C,EAAE,aAAAc,GAAa,gBAAAC,EAAA,IAAmBC,GAAgB;AAAA;AAAA;AAAA,IAGtD,UAAU,CAACC,MACTC;AAAA,MACED,EAAO;AAAA,QAAI,CAACE,MACV,OAAOA,EAAM,cAAe,WACxB,EAAE,GAAGA,GAAO,GAAGA,EAAM,eACrBA;AAAA,MAAA;AAAA,MAEN,EAAE,QAAQxB,GAAQ,QAAQC,EAAA;AAAA,IAAO;AAAA,EACnC,CACH,GAEK,EAAE,MAAAwB,GAAM,MAAAC,GAAM,MAAAC,GAAM,MAAAC,EAAA,IAASC,EAAQ,MAAM;AAC/C,QAAIC,IAAO,OAAO,WACdC,IAAO,OAAO,WACdC,IAAO,OAAO,WACdC,IAAO,OAAO;AAElB,IAAAvC,EAAW,QAAQ,CAACwC,MAAW;AAC7B,MAAAA,EAAO,EAAE,QAAQ,CAACC,MAAM;AACtB,QAAAL,IAAO,KAAK,IAAIA,GAAMK,CAAC,GACvBJ,IAAO,KAAK,IAAIA,GAAMI,CAAC;AAAA,MACzB,CAAC,GACDD,EAAO,EAAE,QAAQ,CAACE,MAAM;AACtB,QAAAJ,IAAO,KAAK,IAAIA,GAAMI,CAAC,GACvBH,IAAO,KAAK,IAAIA,GAAMG,CAAC;AAAA,MACzB,CAAC;AAAA,IACH,CAAC;AAED,UAAMC,KAAYN,IAAOD,KAAQ,KAC3BQ,KAAYL,IAAOD,KAAQ;AAEjC,WAAO;AAAA,MACL,MAAMF,IAAOO;AAAA,MACb,MAAMN,IAAOM;AAAA,MACb,MAAMtC,MAAY,YAAY,IAAIiC,IAAOM;AAAA,MACzC,MAAML,IAAOK;AAAA,IAAA;AAAA,EAEjB,GAAG,CAAC5C,GAAYK,CAAO,CAAC,GAElBwC,IAAkBV;AAAA,IACtB,MAAMhC,KAAU,CAAC4B,GAAMC,CAAI;AAAA,IAC3B,CAAC7B,GAAQ4B,GAAMC,CAAI;AAAA,EAAA,GAEfc,IAAkBX;AAAA,IACtB,MAAM/B,KAAU,CAAC6B,GAAMC,CAAI;AAAA,IAC3B,CAAC9B,GAAQ6B,GAAMC,CAAI;AAAA,EAAA,GAGfa,IAASZ,EAAQ,MAAM;AAC3B,UAAMa,IAAQH,EAAgB,CAAC,IAAIA,EAAgB,CAAC;AACpD,QAAII,IAAO,KAAK,IAAI,IAAI,KAAK,MAAM,KAAK,MAAMD,CAAK,CAAC,CAAC;AAErD,IAAIA,IAAQC,IAAO,OAAIA,IAAOA,IAAO,IACjCD,IAAQC,IAAO,MAAGA,IAAOA,IAAO;AAEpC,UAAMC,IAAQ,CAAA;AACd,QAAIC,IAAU,KAAK,KAAKN,EAAgB,CAAC,IAAII,CAAI,IAAIA;AACrD,WAAOE,KAAWN,EAAgB,CAAC;AACjC,MAAAK,EAAM,KAAKC,CAAO,GAClBA,KAAWF;AAEb,WAAOC;AAAA,EACT,GAAG,CAACL,CAAe,CAAC,GAEdO,IAASjB,EAAQ,MAAM;AAC3B,UAAMa,IAAQF,EAAgB,CAAC,IAAIA,EAAgB,CAAC;AACpD,QAAIG,IAAO,KAAK,IAAI,IAAI,KAAK,MAAM,KAAK,MAAMD,CAAK,CAAC,CAAC;AAErD,IAAIA,IAAQC,IAAO,OAAIA,IAAOA,IAAO,IACjCD,IAAQC,IAAO,MAAGA,IAAOA,IAAO;AAEpC,UAAMC,IAAQ,CAAA;AACd,QAAIC,IAAU,KAAK,KAAKL,EAAgB,CAAC,IAAIG,CAAI,IAAIA;AACrD,WAAOE,KAAWL,EAAgB,CAAC;AACjC,MAAAI,EAAM,KAAKC,CAAO,GAClBA,KAAWF;AAEb,WAAOC;AAAA,EACT,GAAG,CAACJ,CAAe,CAAC,GAKdO,IAAclB;AAAA,IAClB,MAAM,CAAC,GAAG,IAAI,IAAInC,EAAW,QAAQ,CAACsD,MAAMA,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAACC,GAAGC,MAAMD,IAAIC,CAAC;AAAA,IACvE,CAACxD,CAAU;AAAA,EAAA,GAKPyD,IAAkB,CAAC,CAAChD,KAAaA,EAAU,WAAW4C,EAAY,QAElEK,IAAcvB;AAAA,IAClB,OAAO;AAAA,MACL,WAAWvB,EAAM;AAAA,MACjB,SAAS;AAAA,MACT,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAOA,EAAM;AAAA,QACb,QAAQ+C;AAAA,QACR,QAAQ;AAAA,MAAA;AAAA,MAEV,WAAW/C,EAAM;AAAA,MACjB,WAAW;AAAA,MACX,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACA,CAAK;AAAA,EAAA,GAGFgD,IAAezB;AAAA,IACnB,MACE3B,IACI;AAAA,MACE,MAAMA;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQmD;AAAA,QACR,OAAO/C,EAAM;AAAA,QACb,YAAY;AAAA,QACZ,UAAU;AAAA,MAAA;AAAA,IACZ,IAEF;AAAA,IACN,CAACJ,GAAOI,CAAK;AAAA,EAAA;AAGf,SAAAiD,EAAU,MAAM;AACd,QAAI,CAACnD,EAAQ,WAAW,CAACS,EAAS;AAElC,QAAI2C;AAEJ,QAAIzD,MAAY,WAAW;AAEzB,YAAM0D,IAAc,IAAI,MAAM/D,EAAW,CAAC,GAAG,EAAE,UAAU,CAAC,EAAE,KAAK,CAAC;AAElE,MAAA8D,IAAO9D,EAAW,IAAI,CAACwC,GAAQwB,MAAU;AAEvC,cAAMC,IAAWzB,EAAO,EAAE,IAAI,CAAC0B,IAAOC,MAAM;AAC1C,gBAAMC,IAASL,EAAYI,CAAC,IAAID;AAChC,iBAAAH,EAAYI,CAAC,IAAIC,GACVA;AAAA,QACT,CAAC,GAEKC,IAAQC,EAAYN,GAAOxB,EAAO,KAAK;AAC7C,eAAO;AAAA,UACL,GAAGA,EAAO;AAAA,UACV,GAAGyB;AAAA;AAAA,UAEH,YAAYzB,EAAO;AAAA,UACnB,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAMA,EAAO;AAAA,UACb,WAAW;AAAA,UACX,MAAMwB,MAAU,IAAK,YAAuB;AAAA,UAC5C,WAAWK;AAAA,UACX,MAAM;AAAA,YACJ,OAAAA;AAAA,YACA,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,MAEJ,CAAC;AAAA,IACH;AAEE,MAAAP,IAAO9D,EAAW,IAAI,CAACwC,GAAQwB,MAAU;AACvC,cAAMK,IAAQC,EAAYN,GAAOxB,EAAO,KAAK;AAC7C,eAAO;AAAA,UACL,GAAGA,EAAO;AAAA,UACV,GAAGA,EAAO;AAAA,UACV,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAMA,EAAO;AAAA,UACb,WAAW;AAAA,UACX,MAAMA,EAAO,QAAS;AAAA,UACtB,WAAW6B;AAAA,UACX,MAAM;AAAA,YACJ,OAAAA;AAAA,YACA,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,MAEJ,CAAC;AAGH,UAAME,IAAS;AAAA,MACb,OAAOjD,EAAQ,QAAQ;AAAA,MACvB,QAAQA,EAAQ,QAAQ;AAAA,MACxB,GAAIsC,IAAe,EAAE,OAAOA,EAAA,IAAiB,CAAA;AAAA,MAC7C,QAAQ;AAAA,QACN,GAAG;AAAA,QACH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA,QACH,GAAGpD,IAAQX,KAAmBC;AAAA,QAC9B,KAAK;AAAA,MAAA;AAAA,MAEP,eAAec,EAAM;AAAA,MACrB,cAAcA,EAAM;AAAA,MACpB,MAAM;AAAA,QACJ,QAAQ+C;AAAA,MAAA;AAAA,MAEV,UAAU;AAAA,MACV,OAAO;AAAA,QACL,OAAO;AAAA,UACL,MAAMrD;AAAA,UACN,MAAM;AAAA,YACJ,MAAM;AAAA,YACN,OAAOM,EAAM;AAAA,YACb,QAAQ+C;AAAA,YACR,QAAQ;AAAA,UAAA;AAAA,UAEV,UAAU;AAAA,QAAA;AAAA,QAEZ,WAAW/C,EAAM;AAAA,QACjB,OAAOT;AAAA,QACP,WAAW,CAACA;AAAA,QACZ,UAAU;AAAA,QACV,UAAUsD,IAAkBJ,IAAcN;AAAA,QAC1C,GAAIU,IAAkB,EAAE,UAAUhD,EAAA,IAAc,CAAA;AAAA,QAChD,UAAU;AAAA;AAAA;AAAA,QAGV,YAAY;AAAA,QACZ,GAAGiD;AAAA,MAAA;AAAA,MAEL,OAAO;AAAA,QACL,OAAO;AAAA,UACL,MAAMnD;AAAA,UACN,MAAM;AAAA,YACJ,MAAM;AAAA,YACN,OAAOK,EAAM;AAAA,YACb,QAAQ+C;AAAA,YACR,QAAQ;AAAA,UAAA;AAAA,UAEV,UAAU;AAAA,QAAA;AAAA,QAEZ,WAAW/C,EAAM;AAAA,QACjB,OAAOR;AAAA,QACP,WAAW,CAACA;AAAA,QACZ,UAAU;AAAA,QACV,UAAUgD;AAAA,QACV,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,GAAGM;AAAA,MAAA;AAAA,MAEL,QAAQ;AAAA;AAAA;AAAA;AAAA,QAIN,GAAG;AAAA,QACH,GAAG;AAAA,QACH,SAAS;AAAA,QACT,SAAS;AAAA,QACT,MAAM;AAAA,QACN,aAAa;AAAA,QACb,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,OAAO9C,EAAM;AAAA,UACb,QAAQ+C;AAAA,UACR,QAAQ;AAAA,UACR,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,MAEF,YAAY;AAAA,IAAA,GAGRa,IAAS;AAAA;AAAA;AAAA,MAGb,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,IAAA;AAKf,QAAIC,IAAY,IACZC,IAAqC;AACzC,WAAKC,GAAA,EAAa,KAAK,CAACC,MAAW;AACjC,MAAIH,KAAa,CAAC/D,EAAQ,YAC1BkE,EAAO,QAAQlE,EAAQ,SAASoD,GAAMS,GAAQC,CAAM,GACpD/C,EAAYf,EAAQ,OAAO,GAG3BgE,IAAchE,EAAQ,SACtBa,EAAc,UAAU,IACxBC,EAAe,UAAU,EAAE,GAAGF,EAAQ,QAAA;AAAA,IACxC,CAAC,GAEM,MAAM;AACX,MAAAmD,IAAY,IACRC,MACFG,EAAA,EAAkB,MAAMH,CAAW,GACnCnD,EAAc,UAAU;AAAA,IAE5B;AAAA,EACF,GAAG,CAACvB,GAAYmB,GAAShB,GAAQC,GAAQyC,GAAiBC,GAAiBzC,GAASC,GAAQC,GAAQC,GAAOoD,GAAcF,GAAaX,GAAQK,GAAQC,GAAaI,GAAiBhD,GAAWG,GAAOa,CAAW,CAAC,GAIlNoC,EAAU,MAAM;AACd,UAAMa,IAAchE,EAAQ;AAC5B,IAAI,CAACgE,KAAe,CAACnD,EAAc,WAAWN,KAAiB,KAAKC,KAAkB,KAMpFM,EAAe,QAAQ,UAAUP,KACjCO,EAAe,QAAQ,WAAWN,MAIpCM,EAAe,UAAU,EAAE,OAAOP,GAAe,QAAQC,EAAA,GAGpD2D,EAAA,EACF,SAASH,GAAa,EAAE,OAAOzD,GAAe,QAAQC,GAAgB,EACtE,MAAM,MAAM;AAAA,IAAC,CAAC;AAAA,EACnB,GAAG,CAACD,GAAeC,CAAc,CAAC,GAGhC,gBAAA4D;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKhE;AAAA,MACL,WAAWiE,GAAG,iCAAiC3D,KAAa,UAAUC,KAAc,QAAQ;AAAA,MAE5F,UAAA;AAAA,QAAA,gBAAA2D,GAAC,OAAA,EAAI,KAAKtE,GAAS,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAA,EAAO,CAAG;AAAA,QAC5DgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/charts/AreaPlot/index.d.ts

@@ -0,0 +1,2 @@
+export { AreaPlot } from './AreaPlot';
+export type { AreaDataSeries, AreaPlotVariant, AreaPlotProps, } from './AreaPlot';

package/dist/components/charts/BarChart/BarChart.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react/jsx-runtime"),r=require("react"),S=require("../ChartTooltip/ChartTooltip.cjs"),N=require("../plotly-loader.cjs"),G=require("../../../hooks/use-element-size.cjs"),h=require("../../../hooks/use-plotly-theme.cjs"),W=require("../../../lib/utils.cjs"),D=require("../../../utils/colors.cjs"),J=60,K=30,Q=({dataSeries:a,width:T,height:v,xRange:A,yRange:d,variant:p="group",xTitle:C,yTitle:b,title:M,barWidth:R=24,xTickText:y})=>{const u=r.useRef(null),o=h.usePlotlyTheme(),{bindTooltip:I,tooltipElement:X}=S.useChartTooltip({xLabel:C,yLabel:b}),[j,F]=G.useElementSize(),c=T??F.width,s=v??F.height,z=c>0&&s>0,U=T===void 0,V=v===void 0,_=r.useRef({width:c,height:s});_.current={width:c,height:s};const L=r.useRef(!1),w=r.useRef({width:0,height:0}),{yMin:O,yMax:P}=r.useMemo(()=>{let t=Number.MAX_VALUE,e=Number.MIN_VALUE,i=Number.MAX_VALUE,n=Number.MIN_VALUE;a.forEach(x=>{x.x.forEach(m=>{t=Math.min(t,m),e=Math.max(e,m)}),x.y.forEach(m=>{i=Math.min(i,m),n=Math.max(n,m)})});const f=(e-t)*.1,l=(n-i)*.1;return{xMin:t-f,xMax:e+f,yMin:p==="stack"?0:i-l,yMax:n+l}},[a,p]),g=r.useMemo(()=>d||[O,P],[d,O,P]),k=r.useMemo(()=>[...new Set(a.flatMap(t=>t.x))].sort((t,e)=>t-e),[a]),Y=!!y&&y.length===k.length,q=r.useMemo(()=>{const t=g[1]-g[0];let e=Math.pow(10,Math.floor(Math.log10(t)));t/e>10&&(e=e*2),t/e<4&&(e=e/2);const i=[];let n=Math.ceil(g[0]/e)*e;for(;n<=g[1];)i.push(n),n+=e;return i},[g]),H=r.useMemo(()=>{switch(p){case"stack":return"stack";case"overlay":return"overlay";default:return"group"}},[p]),E=r.useMemo(()=>({tickcolor:o.tickColor,ticklen:12,tickwidth:1,ticks:"outside",tickfont:{size:16,color:o.textColor,family:h.CHART_FONT_FAMILY,weight:400},linecolor:o.lineColor,linewidth:1,position:0,zeroline:!1}),[o]);return r.useEffect(()=>{if(!u.current||!z)return;const t=a.map((l,x)=>({x:l.x,y:l.y,type:"bar",name:l.name,hoverinfo:"none",marker:{color:D.seriesColor(x,l.color)},width:R,error_y:l.error_y})),e={...M?{title:{text:M,font:{size:32,family:h.CHART_FONT_FAMILY,color:o.textColor}}}:{},width:_.current.width,height:_.current.height,margin:{l:80,r:30,b:96,t:M?J:K,pad:0},paper_bgcolor:o.paperBg,plot_bgcolor:o.plotBg,font:{family:h.CHART_FONT_FAMILY},barmode:H,bargap:.15,dragmode:!1,xaxis:{title:{text:C,font:{size:16,color:o.textSecondary,family:h.CHART_FONT_FAMILY,weight:400},standoff:32},gridcolor:o.gridColor,range:A,autorange:!A,tickmode:"array",tickvals:k,...Y?{ticktext:y}:{},showgrid:!0,automargin:!0,...E},yaxis:{title:{text:b,font:{size:16,color:o.textSecondary,family:h.CHART_FONT_FAMILY,weight:400},standoff:30},gridcolor:o.gridColor,range:d,autorange:!d,tickmode:"array",tickvals:q,showgrid:!0,automargin:!0,...E},legend:{x:.5,y:0,xanchor:"center",yanchor:"bottom",yref:"container",orientation:"h",font:{size:16,color:o.legendColor,family:h.CHART_FONT_FAMILY,weight:500}},showlegend:a.length>1},i={responsive:!1,displayModeBar:!1,displaylogo:!1};let n=!1,f=null;return N.loadPlotly().then(l=>{n||!u.current||(l.newPlot(u.current,t,e,i),I(u.current),f=u.current,L.current=!0,w.current={..._.current})}),()=>{n=!0,f&&(N.getLoadedPlotly().purge(f),L.current=!1)}},[a,z,A,d,C,b,M,R,H,E,k,q,Y,y,o,I]),r.useEffect(()=>{const t=u.current;!t||!L.current||c<=0||s<=0||w.current.width===c&&w.current.height===s||(w.current={width:c,height:s},N.getLoadedPlotly().relayout(t,{width:c,height:s}).catch(()=>{}))},[c,s]),B.jsxs("div",{ref:j,className:W.cn("bar-graph-container relative",U&&"w-full",V&&"h-full"),children:[B.jsx("div",{ref:u,style:{width:"100%",height:"100%"}}),X]})};exports.BarChart=Q;
+//# sourceMappingURL=BarChart.cjs.map

package/dist/components/charts/BarChart/BarChart.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.cjs","sources":["../../../../src/components/charts/BarChart/BarChart.tsx"],"sourcesContent":["import React, { useEffect, useRef, useMemo } from \"react\";\n\nimport { useChartTooltip } from \"../ChartTooltip\";\nimport { getLoadedPlotly, loadPlotly } from \"../plotly-loader\";\n\nimport { useElementSize } from \"@/hooks/use-element-size\";\nimport { CHART_FONT_FAMILY, usePlotlyTheme } from \"@/hooks/use-plotly-theme\";\nimport { cn } from \"@/lib/utils\";\nimport { seriesColor } from \"@/utils/colors\";\n\ninterface BarDataSeries {\n  x: number[];\n  y: number[];\n  name: string;\n  /** Optional color override (auto-assigned from CHART_COLORS if not provided) */\n  color?: string;\n  error_y?: {\n    type: \"data\";\n    array: number[];\n    visible: boolean;\n  };\n}\n\ntype BarChartVariant = \"group\" | \"stack\" | \"overlay\";\n\n/** Top margin reserving room for the 32px title; reduced when no title is set */\nconst TITLE_MARGIN_TOP = 60;\nconst NO_TITLE_MARGIN_TOP = 30;\n\ninterface BarChartProps {\n  dataSeries: BarDataSeries[];\n  /**\n   * Fixed width in pixels. When omitted, the chart fills its container and\n   * tracks the container's width via a `ResizeObserver`.\n   */\n  width?: number;\n  /**\n   * Fixed height in pixels. When omitted, the chart fills its container and\n   * tracks the container's height via a `ResizeObserver`.\n   */\n  height?: number;\n  xRange?: [number, number];\n  yRange?: [number, number];\n  variant?: BarChartVariant;\n  xTitle?: string;\n  yTitle?: string;\n  title?: string;\n  barWidth?: number;\n  /**\n   * Categorical labels for the x-axis ticks. When provided, the x data values\n   * still drive bar positioning but the displayed tick labels match these\n   * strings in order (e.g. [\"Mon\", \"Tue\", …]). Should align 1:1 with the\n   * unique, ordered x values across all series.\n   */\n  xTickText?: string[];\n}\n\nconst BarChart: React.FC<BarChartProps> = ({\n  dataSeries,\n  width,\n  height,\n  xRange,\n  yRange,\n  variant = \"group\",\n  xTitle,\n  yTitle,\n  title,\n  barWidth = 24,\n  xTickText,\n}) => {\n  const plotRef = useRef<HTMLDivElement>(null);\n  const theme = usePlotlyTheme();\n  const { bindTooltip, tooltipElement } = useChartTooltip({ xLabel: xTitle, yLabel: yTitle });\n\n  // Omitted width/height → fill the container and track its measured size;\n  // explicit pixel values override. See AreaPlot for the reference pattern.\n  const [containerRef, measured] = useElementSize<HTMLDivElement>();\n  const resolvedWidth = width ?? measured.width;\n  const resolvedHeight = height ?? measured.height;\n  const hasSize = resolvedWidth > 0 && resolvedHeight > 0;\n  // Fill is per-dimension: omit width to fill the container width, omit height\n  // to fill its height (so e.g. a fixed width with a container-driven height works).\n  const fillWidth = width === undefined;\n  const fillHeight = height === undefined;\n  const sizeRef = useRef({ width: resolvedWidth, height: resolvedHeight });\n  sizeRef.current = { width: resolvedWidth, height: resolvedHeight };\n  const plotInitedRef = useRef(false);\n  // Size last applied to the plot, so the resize effect can skip a redundant\n  // relayout right after newPlot already drew at that size.\n  const appliedSizeRef = useRef({ width: 0, height: 0 });\n\n  const { yMin, yMax } = useMemo(() => {\n    let minX = Number.MAX_VALUE;\n    let maxX = Number.MIN_VALUE;\n    let minY = Number.MAX_VALUE;\n    let maxY = Number.MIN_VALUE;\n\n    dataSeries.forEach((series) => {\n      series.x.forEach((x) => {\n        minX = Math.min(minX, x);\n        maxX = Math.max(maxX, x);\n      });\n      series.y.forEach((y) => {\n        minY = Math.min(minY, y);\n        maxY = Math.max(maxY, y);\n      });\n    });\n\n    const xPadding = (maxX - minX) * 0.1;\n    const yPadding = (maxY - minY) * 0.1;\n\n    return {\n      xMin: minX - xPadding,\n      xMax: maxX + xPadding,\n      yMin: variant === \"stack\" ? 0 : minY - yPadding,\n      yMax: maxY + yPadding,\n    };\n  }, [dataSeries, variant]);\n\n  const effectiveYRange = useMemo(\n    () => yRange || [yMin, yMax],\n    [yRange, yMin, yMax],\n  );\n\n  const xTicks = useMemo(\n    () => [...new Set(dataSeries.flatMap((s) => s.x))].sort((a, b) => a - b),\n    [dataSeries],\n  );\n\n  // Only apply categorical labels when they align 1:1 with the tick positions;\n  // a mismatch would silently mis-label ticks, so fall back to numeric ticks.\n  const useCategoricalX = !!xTickText && xTickText.length === xTicks.length;\n\n  const yTicks = useMemo(() => {\n    const range = effectiveYRange[1] - effectiveYRange[0];\n    let step = Math.pow(10, Math.floor(Math.log10(range)));\n\n    if (range / step > 10) step = step * 2;\n    if (range / step < 4) step = step / 2;\n\n    const ticks = [];\n    let current = Math.ceil(effectiveYRange[0] / step) * step;\n    while (current <= effectiveYRange[1]) {\n      ticks.push(current);\n      current += step;\n    }\n    return ticks;\n  }, [effectiveYRange]);\n\n  const barMode = useMemo((): \"group\" | \"stack\" | \"overlay\" => {\n    switch (variant) {\n      case \"stack\":\n        return \"stack\";\n      case \"overlay\":\n        return \"overlay\";\n      case \"group\":\n      default:\n        return \"group\";\n    }\n  }, [variant]);\n\n  const tickOptions = useMemo(\n    () => ({\n      tickcolor: theme.tickColor,\n      ticklen: 12,\n      tickwidth: 1,\n      ticks: \"outside\" as const,\n      tickfont: {\n        size: 16,\n        color: theme.textColor,\n        family: CHART_FONT_FAMILY,\n        weight: 400,\n      },\n      linecolor: theme.lineColor,\n      linewidth: 1,\n      position: 0,\n      zeroline: false,\n    }),\n    [theme],\n  );\n\n  useEffect(() => {\n    if (!plotRef.current || !hasSize) return;\n\n    const data = dataSeries.map((series, index) => ({\n      x: series.x,\n      y: series.y,\n      type: \"bar\" as const,\n      name: series.name,\n      hoverinfo: \"none\" as const,\n      marker: {\n        color: seriesColor(index, series.color),\n      },\n      width: barWidth,\n      error_y: series.error_y,\n    }));\n\n    const layout = {\n      ...(title\n        ? {\n            title: {\n              text: title,\n              font: {\n                size: 32,\n                family: CHART_FONT_FAMILY,\n                color: theme.textColor,\n              },\n            },\n          }\n        : {}),\n      width: sizeRef.current.width,\n      height: sizeRef.current.height,\n      margin: {\n        l: 80,\n        r: 30,\n        // Reserve room for tick labels, the x-axis title, and the\n        // container-anchored bottom legend stacked beneath them.\n        b: 96,\n        t: title ? TITLE_MARGIN_TOP : NO_TITLE_MARGIN_TOP,\n        pad: 0,\n      },\n      paper_bgcolor: theme.paperBg,\n      plot_bgcolor: theme.plotBg,\n      font: {\n        family: CHART_FONT_FAMILY,\n      },\n      barmode: barMode,\n      bargap: 0.15,\n      dragmode: false as const,\n      xaxis: {\n        title: {\n          text: xTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: CHART_FONT_FAMILY,\n            weight: 400,\n          },\n          standoff: 32,\n        },\n        gridcolor: theme.gridColor,\n        range: xRange,\n        autorange: !xRange,\n        tickmode: \"array\" as const,\n        tickvals: xTicks,\n        ...(useCategoricalX ? { ticktext: xTickText } : {}),\n        showgrid: true,\n        // Reserve space for tick labels + the axis title so the bottom legend\n        // can't overlap them at small sizes (SW-2157).\n        automargin: true,\n        ...tickOptions,\n      },\n      yaxis: {\n        title: {\n          text: yTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: CHART_FONT_FAMILY,\n            weight: 400,\n          },\n          standoff: 30,\n        },\n        gridcolor: theme.gridColor,\n        range: yRange,\n        autorange: !yRange,\n        tickmode: \"array\" as const,\n        tickvals: yTicks,\n        showgrid: true,\n        automargin: true,\n        ...tickOptions,\n      },\n      legend: {\n        // Anchor to the bottom of the container (not the plot area) so the\n        // legend always clears the x-axis tick labels + title — a paper-relative\n        // fractional offset collapses into the ticks at small heights (SW-2157).\n        x: 0.5,\n        y: 0,\n        xanchor: \"center\" as const,\n        yanchor: \"bottom\" as const,\n        yref: \"container\" as const,\n        orientation: \"h\" as const,\n        font: {\n          size: 16,\n          color: theme.legendColor,\n          family: CHART_FONT_FAMILY,\n          weight: 500,\n        },\n      },\n      showlegend: dataSeries.length > 1,\n    };\n\n    const config = {\n      // Sizing is driven from the measured container; disable Plotly's own\n      // window-resize responsiveness (it can't see container resizes).\n      responsive: false,\n      displayModeBar: false,\n      displaylogo: false,\n    };\n\n    // Plotly is loaded lazily so it stays out of the consumer's main chunk\n    // (SW-2007); the draw is skipped if the effect re-runs or unmounts first.\n    let cancelled = false;\n    let plotElement: HTMLDivElement | null = null;\n    void loadPlotly().then((plotly) => {\n      if (cancelled || !plotRef.current) return;\n      plotly.newPlot(plotRef.current, data, layout, config);\n      bindTooltip(plotRef.current);\n\n      // Capture ref value for cleanup\n      plotElement = plotRef.current;\n      plotInitedRef.current = true;\n      appliedSizeRef.current = { ...sizeRef.current };\n    });\n\n    return () => {\n      cancelled = true;\n      if (plotElement) {\n        getLoadedPlotly().purge(plotElement);\n        plotInitedRef.current = false;\n      }\n    };\n  }, [dataSeries, hasSize, xRange, yRange, xTitle, yTitle, title, barWidth, barMode, tickOptions, xTicks, yTicks, useCategoricalX, xTickText, theme, bindTooltip]);\n\n  // Resize in place when the measured/overridden size changes — cheaper than\n  // recreating the plot, and it preserves tooltip/event bindings.\n  useEffect(() => {\n    const plotElement = plotRef.current;\n    if (!plotElement || !plotInitedRef.current || resolvedWidth <= 0 || resolvedHeight <= 0) {\n      return;\n    }\n    // newPlot already drew at the current size; skip the redundant relayout\n    // (it would queue an automargin redraw that can reject if we unmount first).\n    if (\n      appliedSizeRef.current.width === resolvedWidth &&\n      appliedSizeRef.current.height === resolvedHeight\n    ) {\n      return;\n    }\n    appliedSizeRef.current = { width: resolvedWidth, height: resolvedHeight };\n    // Swallow rejections from a relayout that races an unmount/purge.\n    // plotInitedRef guarantees Plotly finished loading, so sync access is safe.\n    void getLoadedPlotly()\n      .relayout(plotElement, { width: resolvedWidth, height: resolvedHeight })\n      .catch(() => {});\n  }, [resolvedWidth, resolvedHeight]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\"bar-graph-container relative\", fillWidth && \"w-full\", fillHeight && \"h-full\")}\n    >\n      <div ref={plotRef} style={{ width: \"100%\", height: \"100%\" }} />\n      {tooltipElement}\n    </div>\n  );\n};\n\nexport { BarChart };\nexport type { BarDataSeries, BarChartVariant, BarChartProps };\n"],"names":["TITLE_MARGIN_TOP","NO_TITLE_MARGIN_TOP","BarChart","dataSeries","width","height","xRange","yRange","variant","xTitle","yTitle","title","barWidth","xTickText","plotRef","useRef","theme","usePlotlyTheme","bindTooltip","tooltipElement","useChartTooltip","containerRef","measured","useElementSize","resolvedWidth","resolvedHeight","hasSize","fillWidth","fillHeight","sizeRef","plotInitedRef","appliedSizeRef","yMin","yMax","useMemo","minX","maxX","minY","maxY","series","x","y","xPadding","yPadding","effectiveYRange","xTicks","s","a","b","useCategoricalX","yTicks","range","step","ticks","current","barMode","tickOptions","CHART_FONT_FAMILY","useEffect","data","index","seriesColor","layout","config","cancelled","plotElement","loadPlotly","plotly","getLoadedPlotly","jsxs","cn","jsx"],"mappings":"qYA0BMA,EAAmB,GACnBC,EAAsB,GA8BtBC,EAAoC,CAAC,CACzC,WAAAC,EACA,MAAAC,EACA,OAAAC,EACA,OAAAC,EACA,OAAAC,EACA,QAAAC,EAAU,QACV,OAAAC,EACA,OAAAC,EACA,MAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,CACF,IAAM,CACJ,MAAMC,EAAUC,EAAAA,OAAuB,IAAI,EACrCC,EAAQC,EAAAA,eAAA,EACR,CAAE,YAAAC,EAAa,eAAAC,CAAA,EAAmBC,EAAAA,gBAAgB,CAAE,OAAQX,EAAQ,OAAQC,EAAQ,EAIpF,CAACW,EAAcC,CAAQ,EAAIC,iBAAA,EAC3BC,EAAgBpB,GAASkB,EAAS,MAClCG,EAAiBpB,GAAUiB,EAAS,OACpCI,EAAUF,EAAgB,GAAKC,EAAiB,EAGhDE,EAAYvB,IAAU,OACtBwB,EAAavB,IAAW,OACxBwB,EAAUd,EAAAA,OAAO,CAAE,MAAOS,EAAe,OAAQC,EAAgB,EACvEI,EAAQ,QAAU,CAAE,MAAOL,EAAe,OAAQC,CAAA,EAClD,MAAMK,EAAgBf,EAAAA,OAAO,EAAK,EAG5BgB,EAAiBhB,EAAAA,OAAO,CAAE,MAAO,EAAG,OAAQ,EAAG,EAE/C,CAAE,KAAAiB,EAAM,KAAAC,CAAA,EAASC,EAAAA,QAAQ,IAAM,CACnC,IAAIC,EAAO,OAAO,UACdC,EAAO,OAAO,UACdC,EAAO,OAAO,UACdC,EAAO,OAAO,UAElBnC,EAAW,QAASoC,GAAW,CAC7BA,EAAO,EAAE,QAASC,GAAM,CACtBL,EAAO,KAAK,IAAIA,EAAMK,CAAC,EACvBJ,EAAO,KAAK,IAAIA,EAAMI,CAAC,CACzB,CAAC,EACDD,EAAO,EAAE,QAASE,GAAM,CACtBJ,EAAO,KAAK,IAAIA,EAAMI,CAAC,EACvBH,EAAO,KAAK,IAAIA,EAAMG,CAAC,CACzB,CAAC,CACH,CAAC,EAED,MAAMC,GAAYN,EAAOD,GAAQ,GAC3BQ,GAAYL,EAAOD,GAAQ,GAEjC,MAAO,CACL,KAAMF,EAAOO,EACb,KAAMN,EAAOM,EACb,KAAMlC,IAAY,QAAU,EAAI6B,EAAOM,EACvC,KAAML,EAAOK,CAAA,CAEjB,EAAG,CAACxC,EAAYK,CAAO,CAAC,EAElBoC,EAAkBV,EAAAA,QACtB,IAAM3B,GAAU,CAACyB,EAAMC,CAAI,EAC3B,CAAC1B,EAAQyB,EAAMC,CAAI,CAAA,EAGfY,EAASX,EAAAA,QACb,IAAM,CAAC,GAAG,IAAI,IAAI/B,EAAW,QAAS2C,GAAMA,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAACC,EAAGC,IAAMD,EAAIC,CAAC,EACvE,CAAC7C,CAAU,CAAA,EAKP8C,EAAkB,CAAC,CAACpC,GAAaA,EAAU,SAAWgC,EAAO,OAE7DK,EAAShB,EAAAA,QAAQ,IAAM,CAC3B,MAAMiB,EAAQP,EAAgB,CAAC,EAAIA,EAAgB,CAAC,EACpD,IAAIQ,EAAO,KAAK,IAAI,GAAI,KAAK,MAAM,KAAK,MAAMD,CAAK,CAAC,CAAC,EAEjDA,EAAQC,EAAO,KAAIA,EAAOA,EAAO,GACjCD,EAAQC,EAAO,IAAGA,EAAOA,EAAO,GAEpC,MAAMC,EAAQ,CAAA,EACd,IAAIC,EAAU,KAAK,KAAKV,EAAgB,CAAC,EAAIQ,CAAI,EAAIA,EACrD,KAAOE,GAAWV,EAAgB,CAAC,GACjCS,EAAM,KAAKC,CAAO,EAClBA,GAAWF,EAEb,OAAOC,CACT,EAAG,CAACT,CAAe,CAAC,EAEdW,EAAUrB,EAAAA,QAAQ,IAAqC,CAC3D,OAAQ1B,EAAA,CACN,IAAK,QACH,MAAO,QACT,IAAK,UACH,MAAO,UAET,QACE,MAAO,OAAA,CAEb,EAAG,CAACA,CAAO,CAAC,EAENgD,EAActB,EAAAA,QAClB,KAAO,CACL,UAAWlB,EAAM,UACjB,QAAS,GACT,UAAW,EACX,MAAO,UACP,SAAU,CACR,KAAM,GACN,MAAOA,EAAM,UACb,OAAQyC,EAAAA,kBACR,OAAQ,GAAA,EAEV,UAAWzC,EAAM,UACjB,UAAW,EACX,SAAU,EACV,SAAU,EAAA,GAEZ,CAACA,CAAK,CAAA,EAGR0C,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAAC5C,EAAQ,SAAW,CAACY,EAAS,OAElC,MAAMiC,EAAOxD,EAAW,IAAI,CAACoC,EAAQqB,KAAW,CAC9C,EAAGrB,EAAO,EACV,EAAGA,EAAO,EACV,KAAM,MACN,KAAMA,EAAO,KACb,UAAW,OACX,OAAQ,CACN,MAAOsB,EAAAA,YAAYD,EAAOrB,EAAO,KAAK,CAAA,EAExC,MAAO3B,EACP,QAAS2B,EAAO,OAAA,EAChB,EAEIuB,EAAS,CACb,GAAInD,EACA,CACE,MAAO,CACL,KAAMA,EACN,KAAM,CACJ,KAAM,GACN,OAAQ8C,EAAAA,kBACR,MAAOzC,EAAM,SAAA,CACf,CACF,EAEF,CAAA,EACJ,MAAOa,EAAQ,QAAQ,MACvB,OAAQA,EAAQ,QAAQ,OACxB,OAAQ,CACN,EAAG,GACH,EAAG,GAGH,EAAG,GACH,EAAGlB,EAAQX,EAAmBC,EAC9B,IAAK,CAAA,EAEP,cAAee,EAAM,QACrB,aAAcA,EAAM,OACpB,KAAM,CACJ,OAAQyC,EAAAA,iBAAA,EAEV,QAASF,EACT,OAAQ,IACR,SAAU,GACV,MAAO,CACL,MAAO,CACL,KAAM9C,EACN,KAAM,CACJ,KAAM,GACN,MAAOO,EAAM,cACb,OAAQyC,EAAAA,kBACR,OAAQ,GAAA,EAEV,SAAU,EAAA,EAEZ,UAAWzC,EAAM,UACjB,MAAOV,EACP,UAAW,CAACA,EACZ,SAAU,QACV,SAAUuC,EACV,GAAII,EAAkB,CAAE,SAAUpC,CAAA,EAAc,CAAA,EAChD,SAAU,GAGV,WAAY,GACZ,GAAG2C,CAAA,EAEL,MAAO,CACL,MAAO,CACL,KAAM9C,EACN,KAAM,CACJ,KAAM,GACN,MAAOM,EAAM,cACb,OAAQyC,EAAAA,kBACR,OAAQ,GAAA,EAEV,SAAU,EAAA,EAEZ,UAAWzC,EAAM,UACjB,MAAOT,EACP,UAAW,CAACA,EACZ,SAAU,QACV,SAAU2C,EACV,SAAU,GACV,WAAY,GACZ,GAAGM,CAAA,EAEL,OAAQ,CAIN,EAAG,GACH,EAAG,EACH,QAAS,SACT,QAAS,SACT,KAAM,YACN,YAAa,IACb,KAAM,CACJ,KAAM,GACN,MAAOxC,EAAM,YACb,OAAQyC,EAAAA,kBACR,OAAQ,GAAA,CACV,EAEF,WAAYtD,EAAW,OAAS,CAAA,EAG5B4D,EAAS,CAGb,WAAY,GACZ,eAAgB,GAChB,YAAa,EAAA,EAKf,IAAIC,EAAY,GACZC,EAAqC,KACzC,OAAKC,aAAA,EAAa,KAAMC,GAAW,CAC7BH,GAAa,CAAClD,EAAQ,UAC1BqD,EAAO,QAAQrD,EAAQ,QAAS6C,EAAMG,EAAQC,CAAM,EACpD7C,EAAYJ,EAAQ,OAAO,EAG3BmD,EAAcnD,EAAQ,QACtBgB,EAAc,QAAU,GACxBC,EAAe,QAAU,CAAE,GAAGF,EAAQ,OAAA,EACxC,CAAC,EAEM,IAAM,CACXmC,EAAY,GACRC,IACFG,kBAAA,EAAkB,MAAMH,CAAW,EACnCnC,EAAc,QAAU,GAE5B,CACF,EAAG,CAAC3B,EAAYuB,EAASpB,EAAQC,EAAQE,EAAQC,EAAQC,EAAOC,EAAU2C,EAASC,EAAaX,EAAQK,EAAQD,EAAiBpC,EAAWG,EAAOE,CAAW,CAAC,EAI/JwC,EAAAA,UAAU,IAAM,CACd,MAAMO,EAAcnD,EAAQ,QACxB,CAACmD,GAAe,CAACnC,EAAc,SAAWN,GAAiB,GAAKC,GAAkB,GAMpFM,EAAe,QAAQ,QAAUP,GACjCO,EAAe,QAAQ,SAAWN,IAIpCM,EAAe,QAAU,CAAE,MAAOP,EAAe,OAAQC,CAAA,EAGpD2C,kBAAA,EACF,SAASH,EAAa,CAAE,MAAOzC,EAAe,OAAQC,EAAgB,EACtE,MAAM,IAAM,CAAC,CAAC,EACnB,EAAG,CAACD,EAAeC,CAAc,CAAC,EAGhC4C,EAAAA,KAAC,MAAA,CACC,IAAKhD,EACL,UAAWiD,EAAAA,GAAG,+BAAgC3C,GAAa,SAAUC,GAAc,QAAQ,EAE3F,SAAA,CAAA2C,EAAAA,IAAC,MAAA,CAAI,IAAKzD,EAAS,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAA,CAAO,CAAG,EAC5DK,CAAA,CAAA,CAAA,CAGP"}

package/dist/components/charts/BarChart/BarChart.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+interface BarDataSeries {
+    x: number[];
+    y: number[];
+    name: string;
+    /** Optional color override (auto-assigned from CHART_COLORS if not provided) */
+    color?: string;
+    error_y?: {
+        type: "data";
+        array: number[];
+        visible: boolean;
+    };
+}
+type BarChartVariant = "group" | "stack" | "overlay";
+interface BarChartProps {
+    dataSeries: BarDataSeries[];
+    /**
+     * Fixed width in pixels. When omitted, the chart fills its container and
+     * tracks the container's width via a `ResizeObserver`.
+     */
+    width?: number;
+    /**
+     * Fixed height in pixels. When omitted, the chart fills its container and
+     * tracks the container's height via a `ResizeObserver`.
+     */
+    height?: number;
+    xRange?: [number, number];
+    yRange?: [number, number];
+    variant?: BarChartVariant;
+    xTitle?: string;
+    yTitle?: string;
+    title?: string;
+    barWidth?: number;
+    /**
+     * Categorical labels for the x-axis ticks. When provided, the x data values
+     * still drive bar positioning but the displayed tick labels match these
+     * strings in order (e.g. ["Mon", "Tue", …]). Should align 1:1 with the
+     * unique, ordered x values across all series.
+     */
+    xTickText?: string[];
+}
+declare const BarChart: React.FC<BarChartProps>;
+export { BarChart };
+export type { BarDataSeries, BarChartVariant, BarChartProps };

package/dist/components/charts/BarChart/BarChart.js

@@ -0,0 +1,219 @@
+import { jsxs as q, jsx as D } from "react/jsx-runtime";
+import { useRef as b, useMemo as f, useEffect as H } from "react";
+import { useChartTooltip as J } from "../ChartTooltip/ChartTooltip.js";
+import { loadPlotly as K, getLoadedPlotly as T } from "../plotly-loader.js";
+import { useElementSize as Q } from "../../../hooks/use-element-size.js";
+import { usePlotlyTheme as S, CHART_FONT_FAMILY as u } from "../../../hooks/use-plotly-theme.js";
+import { cn as Z } from "../../../lib/utils.js";
+import { seriesColor as $ } from "../../../utils/colors.js";
+const tt = 60, ot = 30, ht = ({
+  dataSeries: a,
+  width: A,
+  height: L,
+  xRange: _,
+  yRange: m,
+  variant: p = "group",
+  xTitle: E,
+  yTitle: v,
+  title: y,
+  barWidth: I = 24,
+  xTickText: w
+}) => {
+  const s = b(null), e = S(), { bindTooltip: P, tooltipElement: j } = J({ xLabel: E, yLabel: v }), [F, O] = Q(), l = A ?? O.width, c = L ?? O.height, X = l > 0 && c > 0, G = A === void 0, W = L === void 0, M = b({ width: l, height: c });
+  M.current = { width: l, height: c };
+  const C = b(!1), x = b({ width: 0, height: 0 }), { yMin: B, yMax: R } = f(() => {
+    let o = Number.MAX_VALUE, t = Number.MIN_VALUE, i = Number.MAX_VALUE, r = Number.MIN_VALUE;
+    a.forEach((k) => {
+      k.x.forEach((g) => {
+        o = Math.min(o, g), t = Math.max(t, g);
+      }), k.y.forEach((g) => {
+        i = Math.min(i, g), r = Math.max(r, g);
+      });
+    });
+    const h = (t - o) * 0.1, n = (r - i) * 0.1;
+    return {
+      xMin: o - h,
+      xMax: t + h,
+      yMin: p === "stack" ? 0 : i - n,
+      yMax: r + n
+    };
+  }, [a, p]), d = f(
+    () => m || [B, R],
+    [m, B, R]
+  ), N = f(
+    () => [...new Set(a.flatMap((o) => o.x))].sort((o, t) => o - t),
+    [a]
+  ), U = !!w && w.length === N.length, V = f(() => {
+    const o = d[1] - d[0];
+    let t = Math.pow(10, Math.floor(Math.log10(o)));
+    o / t > 10 && (t = t * 2), o / t < 4 && (t = t / 2);
+    const i = [];
+    let r = Math.ceil(d[0] / t) * t;
+    for (; r <= d[1]; )
+      i.push(r), r += t;
+    return i;
+  }, [d]), Y = f(() => {
+    switch (p) {
+      case "stack":
+        return "stack";
+      case "overlay":
+        return "overlay";
+      default:
+        return "group";
+    }
+  }, [p]), z = f(
+    () => ({
+      tickcolor: e.tickColor,
+      ticklen: 12,
+      tickwidth: 1,
+      ticks: "outside",
+      tickfont: {
+        size: 16,
+        color: e.textColor,
+        family: u,
+        weight: 400
+      },
+      linecolor: e.lineColor,
+      linewidth: 1,
+      position: 0,
+      zeroline: !1
+    }),
+    [e]
+  );
+  return H(() => {
+    if (!s.current || !X) return;
+    const o = a.map((n, k) => ({
+      x: n.x,
+      y: n.y,
+      type: "bar",
+      name: n.name,
+      hoverinfo: "none",
+      marker: {
+        color: $(k, n.color)
+      },
+      width: I,
+      error_y: n.error_y
+    })), t = {
+      ...y ? {
+        title: {
+          text: y,
+          font: {
+            size: 32,
+            family: u,
+            color: e.textColor
+          }
+        }
+      } : {},
+      width: M.current.width,
+      height: M.current.height,
+      margin: {
+        l: 80,
+        r: 30,
+        // Reserve room for tick labels, the x-axis title, and the
+        // container-anchored bottom legend stacked beneath them.
+        b: 96,
+        t: y ? tt : ot,
+        pad: 0
+      },
+      paper_bgcolor: e.paperBg,
+      plot_bgcolor: e.plotBg,
+      font: {
+        family: u
+      },
+      barmode: Y,
+      bargap: 0.15,
+      dragmode: !1,
+      xaxis: {
+        title: {
+          text: E,
+          font: {
+            size: 16,
+            color: e.textSecondary,
+            family: u,
+            weight: 400
+          },
+          standoff: 32
+        },
+        gridcolor: e.gridColor,
+        range: _,
+        autorange: !_,
+        tickmode: "array",
+        tickvals: N,
+        ...U ? { ticktext: w } : {},
+        showgrid: !0,
+        // Reserve space for tick labels + the axis title so the bottom legend
+        // can't overlap them at small sizes (SW-2157).
+        automargin: !0,
+        ...z
+      },
+      yaxis: {
+        title: {
+          text: v,
+          font: {
+            size: 16,
+            color: e.textSecondary,
+            family: u,
+            weight: 400
+          },
+          standoff: 30
+        },
+        gridcolor: e.gridColor,
+        range: m,
+        autorange: !m,
+        tickmode: "array",
+        tickvals: V,
+        showgrid: !0,
+        automargin: !0,
+        ...z
+      },
+      legend: {
+        // Anchor to the bottom of the container (not the plot area) so the
+        // legend always clears the x-axis tick labels + title — a paper-relative
+        // fractional offset collapses into the ticks at small heights (SW-2157).
+        x: 0.5,
+        y: 0,
+        xanchor: "center",
+        yanchor: "bottom",
+        yref: "container",
+        orientation: "h",
+        font: {
+          size: 16,
+          color: e.legendColor,
+          family: u,
+          weight: 500
+        }
+      },
+      showlegend: a.length > 1
+    }, i = {
+      // Sizing is driven from the measured container; disable Plotly's own
+      // window-resize responsiveness (it can't see container resizes).
+      responsive: !1,
+      displayModeBar: !1,
+      displaylogo: !1
+    };
+    let r = !1, h = null;
+    return K().then((n) => {
+      r || !s.current || (n.newPlot(s.current, o, t, i), P(s.current), h = s.current, C.current = !0, x.current = { ...M.current });
+    }), () => {
+      r = !0, h && (T().purge(h), C.current = !1);
+    };
+  }, [a, X, _, m, E, v, y, I, Y, z, N, V, U, w, e, P]), H(() => {
+    const o = s.current;
+    !o || !C.current || l <= 0 || c <= 0 || x.current.width === l && x.current.height === c || (x.current = { width: l, height: c }, T().relayout(o, { width: l, height: c }).catch(() => {
+    }));
+  }, [l, c]), /* @__PURE__ */ q(
+    "div",
+    {
+      ref: F,
+      className: Z("bar-graph-container relative", G && "w-full", W && "h-full"),
+      children: [
+        /* @__PURE__ */ D("div", { ref: s, style: { width: "100%", height: "100%" } }),
+        j
+      ]
+    }
+  );
+};
+export {
+  ht as BarChart
+};
+//# sourceMappingURL=BarChart.js.map