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

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

@@ -1 +1 @@
-{"version":3,"file":"Boxplot.cjs","sources":["../../../../src/components/charts/Boxplot/Boxplot.tsx"],"sourcesContent":["import Plotly from \"plotly.js-dist\";\nimport React, { useEffect, useRef, useMemo } from \"react\";\n\nimport { usePlotlyTheme } from \"@/hooks/use-plotly-theme\";\n\n/** Default point position offset from the box edge */\nconst DEFAULT_POINT_POSITION = -1.8;\n\ninterface BoxDataSeries {\n  y: number[];\n  name: string;\n  color: string;\n  x?: string[] | number[];\n  boxpoints?: \"all\" | \"outliers\" | \"suspectedoutliers\" | false;\n  jitter?: number;\n  pointpos?: number;\n}\n\ninterface BoxplotProps {\n  dataSeries: BoxDataSeries[];\n  width?: number;\n  height?: number;\n  xRange?: [number, number];\n  yRange?: [number, number];\n  xTitle?: string;\n  yTitle?: string;\n  title?: string;\n  showPoints?: boolean;\n}\n\nconst Boxplot: React.FC<BoxplotProps> = ({\n  dataSeries,\n  width = 1000,\n  height = 600,\n  xRange,\n  yRange,\n  xTitle = \"Columns\",\n  yTitle = \"Rows\",\n  title = \"Boxplot\",\n  showPoints = false,\n}) => {\n  const plotRef = useRef<HTMLDivElement>(null);\n  const theme = usePlotlyTheme();\n\n  const { yMin, yMax } = useMemo(() => {\n    let minY = Number.MAX_VALUE;\n    let maxY = Number.MIN_VALUE;\n\n    dataSeries.forEach((series) => {\n      series.y.forEach((y) => {\n        minY = Math.min(minY, y);\n        maxY = Math.max(maxY, y);\n      });\n    });\n\n    const yPadding = (maxY - minY) * 0.1;\n\n    return {\n      yMin: minY - yPadding,\n      yMax: maxY + yPadding,\n    };\n  }, [dataSeries]);\n\n  const effectiveYRange = useMemo(\n    () => yRange || [yMin, yMax],\n    [yRange, yMin, yMax],\n  );\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 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: \"Inter, sans-serif\",\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      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: \"Inter, sans-serif\",\n        color: theme.textColor,\n        lineheight: 1.2,\n        standoff: 30,\n      },\n    }),\n    [title, theme],\n  );\n\n  useEffect(() => {\n    if (!plotRef.current) return;\n\n    const data = dataSeries.map((series) => ({\n      y: series.y,\n      x: series.x,\n      type: \"box\" as const,\n      name: series.name,\n      marker: {\n        color: series.color,\n      },\n      line: {\n        color: series.color,\n      },\n      fillcolor: series.color + \"40\", // Add transparency\n      boxpoints: showPoints ? series.boxpoints || \"outliers\" : (false as const),\n      jitter: series.jitter || 0.3,\n      pointpos: series.pointpos || DEFAULT_POINT_POSITION,\n    }));\n\n    const layout = {\n      width,\n      height: height,\n      title: titleOptions,\n      margin: { l: 80, r: 40, b: 80, t: 80, pad: 0 },\n      paper_bgcolor: theme.paperBg,\n      plot_bgcolor: theme.plotBg,\n      font: {\n        family: \"Inter, sans-serif\",\n      },\n      dragmode: false as const,\n      xaxis: {\n        title: {\n          text: xTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: \"Inter, sans-serif\",\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: theme.gridColor,\n        range: xRange,\n        autorange: !xRange,\n        showgrid: true,\n        ...tickOptions,\n      },\n      yaxis: {\n        title: {\n          text: yTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: \"Inter, sans-serif\",\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        ...tickOptions,\n      },\n      legend: {\n        x: 0.5,\n        y: -0.2,\n        xanchor: \"center\" as const,\n        yanchor: \"top\" as const,\n        orientation: \"h\" as const,\n        font: {\n          size: 13,\n          color: theme.legendColor,\n          family: \"Inter, sans-serif\",\n          weight: 500,\n          lineheight: 18,\n        },\n      },\n      showlegend: true,\n    };\n\n    const config = {\n      responsive: true,\n      displayModeBar: false,\n      displaylogo: false,\n    };\n\n    Plotly.newPlot(plotRef.current, data, layout, config);\n\n    // Capture ref value for cleanup\n    const plotElement = plotRef.current;\n\n    // Cleanup function\n    return () => {\n      if (plotElement) {\n        Plotly.purge(plotElement);\n      }\n    };\n  }, [dataSeries, width, height, xRange, yRange, effectiveYRange, xTitle, yTitle, showPoints, titleOptions, tickOptions, yTicks, theme]);\n\n  return (\n    <div className=\"boxplot-container\">\n      <div ref={plotRef} style={{ width: \"100%\", height: \"100%\" }} />\n    </div>\n  );\n};\n\nexport { Boxplot };\nexport type { BoxDataSeries, BoxplotProps };\n"],"names":["DEFAULT_POINT_POSITION","Boxplot","dataSeries","width","height","xRange","yRange","xTitle","yTitle","title","showPoints","plotRef","useRef","theme","usePlotlyTheme","yMin","yMax","useMemo","minY","maxY","series","y","yPadding","effectiveYRange","yTicks","range","step","ticks","current","tickOptions","titleOptions","useEffect","data","layout","config","Plotly","plotElement","jsx"],"mappings":"qNAMMA,EAAyB,KAwBzBC,EAAkC,CAAC,CACvC,WAAAC,EACA,MAAAC,EAAQ,IACR,OAAAC,EAAS,IACT,OAAAC,EACA,OAAAC,EACA,OAAAC,EAAS,UACT,OAAAC,EAAS,OACT,MAAAC,EAAQ,UACR,WAAAC,EAAa,EACf,IAAM,CACJ,MAAMC,EAAUC,EAAAA,OAAuB,IAAI,EACrCC,EAAQC,EAAAA,eAAA,EAER,CAAE,KAAAC,EAAM,KAAAC,CAAA,EAASC,EAAAA,QAAQ,IAAM,CACnC,IAAIC,EAAO,OAAO,UACdC,EAAO,OAAO,UAElBjB,EAAW,QAASkB,GAAW,CAC7BA,EAAO,EAAE,QAASC,GAAM,CACtBH,EAAO,KAAK,IAAIA,EAAMG,CAAC,EACvBF,EAAO,KAAK,IAAIA,EAAME,CAAC,CACzB,CAAC,CACH,CAAC,EAED,MAAMC,GAAYH,EAAOD,GAAQ,GAEjC,MAAO,CACL,KAAMA,EAAOI,EACb,KAAMH,EAAOG,CAAA,CAEjB,EAAG,CAACpB,CAAU,CAAC,EAETqB,EAAkBN,EAAAA,QACtB,IAAMX,GAAU,CAACS,EAAMC,CAAI,EAC3B,CAACV,EAAQS,EAAMC,CAAI,CAAA,EAGfQ,EAASP,EAAAA,QAAQ,IAAM,CAC3B,MAAMQ,EAAQF,EAAgB,CAAC,EAAIA,EAAgB,CAAC,EACpD,IAAIG,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,KAAKL,EAAgB,CAAC,EAAIG,CAAI,EAAIA,EACrD,KAAOE,GAAWL,EAAgB,CAAC,GACjCI,EAAM,KAAKC,CAAO,EAClBA,GAAWF,EAEb,OAAOC,CACT,EAAG,CAACJ,CAAe,CAAC,EAEdM,EAAcZ,EAAAA,QAClB,KAAO,CACL,UAAWJ,EAAM,UACjB,QAAS,GACT,UAAW,EACX,MAAO,UACP,SAAU,CACR,KAAM,GACN,MAAOA,EAAM,UACb,OAAQ,oBACR,OAAQ,GAAA,EAEV,UAAWA,EAAM,UACjB,UAAW,EACX,SAAU,EACV,SAAU,EAAA,GAEZ,CAACA,CAAK,CAAA,EAGFiB,EAAeb,EAAAA,QACnB,KAAO,CACL,KAAMR,EACN,EAAG,GACH,EAAG,IACH,QAAS,SACT,QAAS,MACT,KAAM,CACJ,KAAM,GACN,OAAQ,IACR,OAAQ,oBACR,MAAOI,EAAM,UACb,WAAY,IACZ,SAAU,EAAA,CACZ,GAEF,CAACJ,EAAOI,CAAK,CAAA,EAGfkB,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACpB,EAAQ,QAAS,OAEtB,MAAMqB,EAAO9B,EAAW,IAAKkB,IAAY,CACvC,EAAGA,EAAO,EACV,EAAGA,EAAO,EACV,KAAM,MACN,KAAMA,EAAO,KACb,OAAQ,CACN,MAAOA,EAAO,KAAA,EAEhB,KAAM,CACJ,MAAOA,EAAO,KAAA,EAEhB,UAAWA,EAAO,MAAQ,KAC1B,UAAWV,EAAaU,EAAO,WAAa,WAAc,GAC1D,OAAQA,EAAO,QAAU,GACzB,SAAUA,EAAO,UAAYpB,CAAA,EAC7B,EAEIiC,EAAS,CACb,MAAA9B,EACA,OAAAC,EACA,MAAO0B,EACP,OAAQ,CAAE,EAAG,GAAI,EAAG,GAAI,EAAG,GAAI,EAAG,GAAI,IAAK,CAAA,EAC3C,cAAejB,EAAM,QACrB,aAAcA,EAAM,OACpB,KAAM,CACJ,OAAQ,mBAAA,EAEV,SAAU,GACV,MAAO,CACL,MAAO,CACL,KAAMN,EACN,KAAM,CACJ,KAAM,GACN,MAAOM,EAAM,cACb,OAAQ,oBACR,OAAQ,GAAA,EAEV,SAAU,EAAA,EAEZ,UAAWA,EAAM,UACjB,MAAOR,EACP,UAAW,CAACA,EACZ,SAAU,GACV,GAAGwB,CAAA,EAEL,MAAO,CACL,MAAO,CACL,KAAMrB,EACN,KAAM,CACJ,KAAM,GACN,MAAOK,EAAM,cACb,OAAQ,oBACR,OAAQ,GAAA,EAEV,SAAU,EAAA,EAEZ,UAAWA,EAAM,UACjB,MAAOP,EACP,UAAW,CAACA,EACZ,SAAU,QACV,SAAUkB,EACV,SAAU,GACV,GAAGK,CAAA,EAEL,OAAQ,CACN,EAAG,GACH,EAAG,IACH,QAAS,SACT,QAAS,MACT,YAAa,IACb,KAAM,CACJ,KAAM,GACN,MAAOhB,EAAM,YACb,OAAQ,oBACR,OAAQ,IACR,WAAY,EAAA,CACd,EAEF,WAAY,EAAA,EAGRqB,EAAS,CACb,WAAY,GACZ,eAAgB,GAChB,YAAa,EAAA,EAGfC,EAAO,QAAQxB,EAAQ,QAASqB,EAAMC,EAAQC,CAAM,EAGpD,MAAME,EAAczB,EAAQ,QAG5B,MAAO,IAAM,CACPyB,GACFD,EAAO,MAAMC,CAAW,CAE5B,CACF,EAAG,CAAClC,EAAYC,EAAOC,EAAQC,EAAQC,EAAQiB,EAAiBhB,EAAQC,EAAQE,EAAYoB,EAAcD,EAAaL,EAAQX,CAAK,CAAC,EAGnIwB,EAAAA,IAAC,MAAA,CAAI,UAAU,oBACb,eAAC,MAAA,CAAI,IAAK1B,EAAS,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAA,EAAU,EAC/D,CAEJ"}
+{"version":3,"file":"Boxplot.cjs","sources":["../../../../src/components/charts/Boxplot/Boxplot.tsx"],"sourcesContent":["import Plotly from \"plotly.js-dist\";\nimport React, { useEffect, useRef, useMemo } from \"react\";\n\nimport { useChartTooltip } from \"../ChartTooltip\";\n\nimport { useElementSize } from \"@/hooks/use-element-size\";\nimport { usePlotlyTheme } from \"@/hooks/use-plotly-theme\";\nimport { cn } from \"@/lib/utils\";\nimport { seriesColor } from \"@/utils/colors\";\n\n/** Default point position offset from the box edge */\nconst DEFAULT_POINT_POSITION = -1.8;\n\ninterface BoxDataSeries {\n  y: number[];\n  name: string;\n  /** Optional color override (auto-assigned from CHART_COLORS if not provided) */\n  color?: string;\n  x?: string[] | number[];\n  boxpoints?: \"all\" | \"outliers\" | \"suspectedoutliers\" | false;\n  jitter?: number;\n  pointpos?: number;\n}\n\ninterface BoxplotProps {\n  dataSeries: BoxDataSeries[];\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  xTitle?: string;\n  yTitle?: string;\n  title?: string;\n  showPoints?: boolean;\n}\n\nconst Boxplot: React.FC<BoxplotProps> = ({\n  dataSeries,\n  width,\n  height,\n  xRange,\n  yRange,\n  xTitle,\n  yTitle,\n  title = \"Boxplot\",\n  showPoints = false,\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 AreaGraph 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 minY = Number.MAX_VALUE;\n    let maxY = Number.MIN_VALUE;\n\n    dataSeries.forEach((series) => {\n      series.y.forEach((y) => {\n        minY = Math.min(minY, y);\n        maxY = Math.max(maxY, y);\n      });\n    });\n\n    const yPadding = (maxY - minY) * 0.1;\n\n    return {\n      yMin: minY - yPadding,\n      yMax: maxY + yPadding,\n    };\n  }, [dataSeries]);\n\n  const effectiveYRange = useMemo(\n    () => yRange || [yMin, yMax],\n    [yRange, yMin, yMax],\n  );\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 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: \"Inter, sans-serif\",\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      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: \"Inter, sans-serif\",\n        color: theme.textColor,\n        lineheight: 1.2,\n        standoff: 30,\n      },\n    }),\n    [title, theme],\n  );\n\n  useEffect(() => {\n    if (!plotRef.current || !hasSize) return;\n\n    const data = dataSeries.map((series, index) => {\n      const color = seriesColor(index, series.color);\n      return {\n        y: series.y,\n        x: series.x,\n        type: \"box\" as const,\n        name: series.name,\n        hoverinfo: \"none\" as const,\n        marker: {\n          color,\n        },\n        line: {\n          color,\n        },\n        fillcolor:\n          typeof color === \"string\" && color.startsWith(\"#\") && color.length === 7\n            ? `${color}40`\n            : color, // Add transparency for hex colors only\n        boxpoints: showPoints\n          ? series.boxpoints || \"outliers\"\n          : (false as const),\n        jitter: series.jitter || 0.3,\n        pointpos: series.pointpos || DEFAULT_POINT_POSITION,\n      };\n    });\n\n    const layout = {\n      width: sizeRef.current.width,\n      height: sizeRef.current.height,\n      title: titleOptions,\n      // Bottom margin reserves room for tick labels, the x-axis title, and the\n      // container-anchored bottom legend stacked beneath them.\n      margin: { l: 80, r: 40, b: 96, t: 80, pad: 0 },\n      paper_bgcolor: theme.paperBg,\n      plot_bgcolor: theme.plotBg,\n      font: {\n        family: \"Inter, sans-serif\",\n      },\n      dragmode: false as const,\n      xaxis: {\n        title: {\n          text: xTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: \"Inter, sans-serif\",\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: theme.gridColor,\n        range: xRange,\n        autorange: !xRange,\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: \"Inter, sans-serif\",\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: \"Inter, sans-serif\",\n          weight: 500,\n          lineheight: 18,\n        },\n      },\n      showlegend: true,\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.newPlot(plotRef.current, data, layout, config);\n    bindTooltip(plotRef.current);\n\n    // Capture ref value for cleanup\n    const plotElement = plotRef.current;\n    plotInitedRef.current = true;\n    appliedSizeRef.current = { ...sizeRef.current };\n\n    // Cleanup function\n    return () => {\n      if (plotElement) {\n        Plotly.purge(plotElement);\n        plotInitedRef.current = false;\n      }\n    };\n  }, [dataSeries, hasSize, xRange, yRange, effectiveYRange, xTitle, yTitle, showPoints, titleOptions, tickOptions, yTicks, 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    void Plotly.relayout(plotElement, { width: resolvedWidth, height: resolvedHeight }).catch(\n      () => {},\n    );\n  }, [resolvedWidth, resolvedHeight]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\"boxplot-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 { Boxplot };\nexport type { BoxDataSeries, BoxplotProps };\n"],"names":["DEFAULT_POINT_POSITION","Boxplot","dataSeries","width","height","xRange","yRange","xTitle","yTitle","title","showPoints","plotRef","useRef","theme","usePlotlyTheme","bindTooltip","tooltipElement","useChartTooltip","containerRef","measured","useElementSize","resolvedWidth","resolvedHeight","hasSize","fillWidth","fillHeight","sizeRef","plotInitedRef","appliedSizeRef","yMin","yMax","useMemo","minY","maxY","series","y","yPadding","effectiveYRange","yTicks","range","step","ticks","current","tickOptions","titleOptions","useEffect","data","index","color","seriesColor","layout","config","Plotly","plotElement","jsxs","cn","jsx"],"mappings":"+XAWMA,EAAyB,KAiCzBC,EAAkC,CAAC,CACvC,WAAAC,EACA,MAAAC,EACA,OAAAC,EACA,OAAAC,EACA,OAAAC,EACA,OAAAC,EACA,OAAAC,EACA,MAAAC,EAAQ,UACR,WAAAC,EAAa,EACf,IAAM,CACJ,MAAMC,EAAUC,EAAAA,OAAuB,IAAI,EACrCC,EAAQC,EAAAA,eAAA,EACR,CAAE,YAAAC,EAAa,eAAAC,CAAA,EAAmBC,EAAAA,gBAAgB,CAAE,OAAQV,EAAQ,OAAQC,EAAQ,EAIpF,CAACU,EAAcC,CAAQ,EAAIC,iBAAA,EAC3BC,EAAgBlB,GAASgB,EAAS,MAClCG,EAAiBlB,GAAUe,EAAS,OACpCI,EAAUF,EAAgB,GAAKC,EAAiB,EAGhDE,EAAYrB,IAAU,OACtBsB,EAAarB,IAAW,OACxBsB,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,UAElB/B,EAAW,QAASgC,GAAW,CAC7BA,EAAO,EAAE,QAASC,GAAM,CACtBH,EAAO,KAAK,IAAIA,EAAMG,CAAC,EACvBF,EAAO,KAAK,IAAIA,EAAME,CAAC,CACzB,CAAC,CACH,CAAC,EAED,MAAMC,GAAYH,EAAOD,GAAQ,GAEjC,MAAO,CACL,KAAMA,EAAOI,EACb,KAAMH,EAAOG,CAAA,CAEjB,EAAG,CAAClC,CAAU,CAAC,EAETmC,EAAkBN,EAAAA,QACtB,IAAMzB,GAAU,CAACuB,EAAMC,CAAI,EAC3B,CAACxB,EAAQuB,EAAMC,CAAI,CAAA,EAGfQ,EAASP,EAAAA,QAAQ,IAAM,CAC3B,MAAMQ,EAAQF,EAAgB,CAAC,EAAIA,EAAgB,CAAC,EACpD,IAAIG,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,KAAKL,EAAgB,CAAC,EAAIG,CAAI,EAAIA,EACrD,KAAOE,GAAWL,EAAgB,CAAC,GACjCI,EAAM,KAAKC,CAAO,EAClBA,GAAWF,EAEb,OAAOC,CACT,EAAG,CAACJ,CAAe,CAAC,EAEdM,EAAcZ,EAAAA,QAClB,KAAO,CACL,UAAWlB,EAAM,UACjB,QAAS,GACT,UAAW,EACX,MAAO,UACP,SAAU,CACR,KAAM,GACN,MAAOA,EAAM,UACb,OAAQ,oBACR,OAAQ,GAAA,EAEV,UAAWA,EAAM,UACjB,UAAW,EACX,SAAU,EACV,SAAU,EAAA,GAEZ,CAACA,CAAK,CAAA,EAGF+B,EAAeb,EAAAA,QACnB,KAAO,CACL,KAAMtB,EACN,EAAG,GACH,EAAG,IACH,QAAS,SACT,QAAS,MACT,KAAM,CACJ,KAAM,GACN,OAAQ,IACR,OAAQ,oBACR,MAAOI,EAAM,UACb,WAAY,IACZ,SAAU,EAAA,CACZ,GAEF,CAACJ,EAAOI,CAAK,CAAA,EAGfgC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAAClC,EAAQ,SAAW,CAACY,EAAS,OAElC,MAAMuB,EAAO5C,EAAW,IAAI,CAACgC,EAAQa,IAAU,CAC7C,MAAMC,EAAQC,EAAAA,YAAYF,EAAOb,EAAO,KAAK,EAC7C,MAAO,CACL,EAAGA,EAAO,EACV,EAAGA,EAAO,EACV,KAAM,MACN,KAAMA,EAAO,KACb,UAAW,OACX,OAAQ,CACN,MAAAc,CAAA,EAEF,KAAM,CACJ,MAAAA,CAAA,EAEF,UACE,OAAOA,GAAU,UAAYA,EAAM,WAAW,GAAG,GAAKA,EAAM,SAAW,EACnE,GAAGA,CAAK,KACRA,EACN,UAAWtC,EACPwB,EAAO,WAAa,WACnB,GACL,OAAQA,EAAO,QAAU,GACzB,SAAUA,EAAO,UAAYlC,CAAA,CAEjC,CAAC,EAEKkD,EAAS,CACb,MAAOxB,EAAQ,QAAQ,MACvB,OAAQA,EAAQ,QAAQ,OACxB,MAAOkB,EAGP,OAAQ,CAAE,EAAG,GAAI,EAAG,GAAI,EAAG,GAAI,EAAG,GAAI,IAAK,CAAA,EAC3C,cAAe/B,EAAM,QACrB,aAAcA,EAAM,OACpB,KAAM,CACJ,OAAQ,mBAAA,EAEV,SAAU,GACV,MAAO,CACL,MAAO,CACL,KAAMN,EACN,KAAM,CACJ,KAAM,GACN,MAAOM,EAAM,cACb,OAAQ,oBACR,OAAQ,GAAA,EAEV,SAAU,EAAA,EAEZ,UAAWA,EAAM,UACjB,MAAOR,EACP,UAAW,CAACA,EACZ,SAAU,GAGV,WAAY,GACZ,GAAGsC,CAAA,EAEL,MAAO,CACL,MAAO,CACL,KAAMnC,EACN,KAAM,CACJ,KAAM,GACN,MAAOK,EAAM,cACb,OAAQ,oBACR,OAAQ,GAAA,EAEV,SAAU,EAAA,EAEZ,UAAWA,EAAM,UACjB,MAAOP,EACP,UAAW,CAACA,EACZ,SAAU,QACV,SAAUgC,EACV,SAAU,GACV,WAAY,GACZ,GAAGK,CAAA,EAEL,OAAQ,CAIN,EAAG,GACH,EAAG,EACH,QAAS,SACT,QAAS,SACT,KAAM,YACN,YAAa,IACb,KAAM,CACJ,KAAM,GACN,MAAO9B,EAAM,YACb,OAAQ,oBACR,OAAQ,IACR,WAAY,EAAA,CACd,EAEF,WAAY,EAAA,EAGRsC,EAAS,CAGb,WAAY,GACZ,eAAgB,GAChB,YAAa,EAAA,EAGfC,EAAO,QAAQzC,EAAQ,QAASmC,EAAMI,EAAQC,CAAM,EACpDpC,EAAYJ,EAAQ,OAAO,EAG3B,MAAM0C,EAAc1C,EAAQ,QAC5B,OAAAgB,EAAc,QAAU,GACxBC,EAAe,QAAU,CAAE,GAAGF,EAAQ,OAAA,EAG/B,IAAM,CACP2B,IACFD,EAAO,MAAMC,CAAW,EACxB1B,EAAc,QAAU,GAE5B,CACF,EAAG,CAACzB,EAAYqB,EAASlB,EAAQC,EAAQ+B,EAAiB9B,EAAQC,EAAQE,EAAYkC,EAAcD,EAAaL,EAAQzB,EAAOE,CAAW,CAAC,EAI5I8B,EAAAA,UAAU,IAAM,CACd,MAAMQ,EAAc1C,EAAQ,QACxB,CAAC0C,GAAe,CAAC1B,EAAc,SAAWN,GAAiB,GAAKC,GAAkB,GAMpFM,EAAe,QAAQ,QAAUP,GACjCO,EAAe,QAAQ,SAAWN,IAIpCM,EAAe,QAAU,CAAE,MAAOP,EAAe,OAAQC,CAAA,EAEpD8B,EAAO,SAASC,EAAa,CAAE,MAAOhC,EAAe,OAAQC,CAAA,CAAgB,EAAE,MAClF,IAAM,CAAC,CAAA,EAEX,EAAG,CAACD,EAAeC,CAAc,CAAC,EAGhCgC,EAAAA,KAAC,MAAA,CACC,IAAKpC,EACL,UAAWqC,EAAAA,GAAG,6BAA8B/B,GAAa,SAAUC,GAAc,QAAQ,EAEzF,SAAA,CAAA+B,EAAAA,IAAC,MAAA,CAAI,IAAK7C,EAAS,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAA,CAAO,CAAG,EAC5DK,CAAA,CAAA,CAAA,CAGP"}

package/dist/components/charts/Boxplot/Boxplot.js

@@ -1,63 +1,69 @@
-import { jsx as b } from "react/jsx-runtime";
-import C from "plotly.js-dist";
-import { useRef as E, useMemo as s, useEffect as z } from "react";
-import { usePlotlyTheme as N } from "../../../hooks/use-plotly-theme.js";
-const _ = -1.8, A = ({
-  dataSeries: a,
-  width: h = 1e3,
-  height: u = 600,
-  xRange: p,
-  yRange: c,
-  xTitle: d = "Columns",
-  yTitle: g = "Rows",
-  title: x = "Boxplot",
-  showPoints: y = !1
+import { jsxs as Y, jsx as H } from "react/jsx-runtime";
+import k from "plotly.js-dist";
+import { useRef as g, useMemo as u, useEffect as j } from "react";
+import { useChartTooltip as V } from "../ChartTooltip/ChartTooltip.js";
+import { useElementSize as D } from "../../../hooks/use-element-size.js";
+import { usePlotlyTheme as F } from "../../../hooks/use-plotly-theme.js";
+import { cn as R } from "../../../lib/utils.js";
+import { seriesColor as X } from "../../../utils/colors.js";
+const $ = -1.8, et = ({
+  dataSeries: p,
+  width: v,
+  height: I,
+  xRange: y,
+  yRange: h,
+  xTitle: x,
+  yTitle: w,
+  title: z = "Boxplot",
+  showPoints: E = !1
 }) => {
-  const f = E(null), t = N(), { yMin: M, yMax: w } = s(() => {
-    let r = Number.MAX_VALUE, o = Number.MIN_VALUE;
-    a.forEach((n) => {
-      n.y.forEach((e) => {
-        r = Math.min(r, e), o = Math.max(o, e);
+  const a = g(null), o = F(), { bindTooltip: C, tooltipElement: A } = V({ xLabel: x, yLabel: w }), [S, N] = D(), n = v ?? N.width, i = I ?? N.height, _ = n > 0 && i > 0, T = v === void 0, U = I === void 0, d = g({ width: n, height: i });
+  d.current = { width: n, height: i };
+  const M = g(!1), m = g({ width: 0, height: 0 }), { yMin: B, yMax: L } = u(() => {
+    let e = Number.MAX_VALUE, t = Number.MIN_VALUE;
+    p.forEach((l) => {
+      l.y.forEach((r) => {
+        e = Math.min(e, r), t = Math.max(t, r);
       });
     });
-    const l = (o - r) * 0.1;
+    const c = (t - e) * 0.1;
     return {
-      yMin: r - l,
-      yMax: o + l
+      yMin: e - c,
+      yMax: t + c
     };
-  }, [a]), i = s(
-    () => c || [M, w],
-    [c, M, w]
-  ), k = s(() => {
-    const r = i[1] - i[0];
-    let o = Math.pow(10, Math.floor(Math.log10(r)));
-    r / o > 10 && (o = o * 2), r / o < 4 && (o = o / 2);
-    const l = [];
-    let n = Math.ceil(i[0] / o) * o;
-    for (; n <= i[1]; )
-      l.push(n), n += o;
-    return l;
-  }, [i]), m = s(
+  }, [p]), f = u(
+    () => h || [B, L],
+    [h, B, L]
+  ), O = u(() => {
+    const e = f[1] - f[0];
+    let t = Math.pow(10, Math.floor(Math.log10(e)));
+    e / t > 10 && (t = t * 2), e / t < 4 && (t = t / 2);
+    const c = [];
+    let l = Math.ceil(f[0] / t) * t;
+    for (; l <= f[1]; )
+      c.push(l), l += t;
+    return c;
+  }, [f]), b = u(
     () => ({
-      tickcolor: t.tickColor,
+      tickcolor: o.tickColor,
       ticklen: 12,
       tickwidth: 1,
       ticks: "outside",
       tickfont: {
         size: 16,
-        color: t.textColor,
+        color: o.textColor,
         family: "Inter, sans-serif",
         weight: 400
       },
-      linecolor: t.lineColor,
+      linecolor: o.lineColor,
       linewidth: 1,
       position: 0,
       zeroline: !1
     }),
-    [t]
-  ), I = s(
+    [o]
+  ), P = u(
     () => ({
-      text: x,
+      text: z,
       x: 0.5,
       y: 0.95,
       xanchor: "center",
@@ -66,106 +72,138 @@ const _ = -1.8, A = ({
         size: 32,
         weight: 600,
         family: "Inter, sans-serif",
-        color: t.textColor,
+        color: o.textColor,
         lineheight: 1.2,
         standoff: 30
       }
     }),
-    [x, t]
+    [z, o]
   );
-  return z(() => {
-    if (!f.current) return;
-    const r = a.map((e) => ({
-      y: e.y,
-      x: e.x,
-      type: "box",
-      name: e.name,
-      marker: {
-        color: e.color
-      },
-      line: {
-        color: e.color
-      },
-      fillcolor: e.color + "40",
-      // Add transparency
-      boxpoints: y ? e.boxpoints || "outliers" : !1,
-      jitter: e.jitter || 0.3,
-      pointpos: e.pointpos || _
-    })), o = {
-      width: h,
-      height: u,
-      title: I,
-      margin: { l: 80, r: 40, b: 80, t: 80, pad: 0 },
-      paper_bgcolor: t.paperBg,
-      plot_bgcolor: t.plotBg,
+  return j(() => {
+    if (!a.current || !_) return;
+    const e = p.map((r, W) => {
+      const s = X(W, r.color);
+      return {
+        y: r.y,
+        x: r.x,
+        type: "box",
+        name: r.name,
+        hoverinfo: "none",
+        marker: {
+          color: s
+        },
+        line: {
+          color: s
+        },
+        fillcolor: typeof s == "string" && s.startsWith("#") && s.length === 7 ? `${s}40` : s,
+        // Add transparency for hex colors only
+        boxpoints: E ? r.boxpoints || "outliers" : !1,
+        jitter: r.jitter || 0.3,
+        pointpos: r.pointpos || $
+      };
+    }), t = {
+      width: d.current.width,
+      height: d.current.height,
+      title: P,
+      // Bottom margin reserves room for tick labels, the x-axis title, and the
+      // container-anchored bottom legend stacked beneath them.
+      margin: { l: 80, r: 40, b: 96, t: 80, pad: 0 },
+      paper_bgcolor: o.paperBg,
+      plot_bgcolor: o.plotBg,
       font: {
         family: "Inter, sans-serif"
       },
       dragmode: !1,
       xaxis: {
         title: {
-          text: d,
+          text: x,
           font: {
             size: 16,
-            color: t.textSecondary,
+            color: o.textSecondary,
             family: "Inter, sans-serif",
             weight: 400
           },
           standoff: 15
         },
-        gridcolor: t.gridColor,
-        range: p,
-        autorange: !p,
+        gridcolor: o.gridColor,
+        range: y,
+        autorange: !y,
         showgrid: !0,
-        ...m
+        // Reserve space for tick labels + the axis title so the bottom legend
+        // can't overlap them at small sizes (SW-2157).
+        automargin: !0,
+        ...b
       },
       yaxis: {
         title: {
-          text: g,
+          text: w,
           font: {
             size: 16,
-            color: t.textSecondary,
+            color: o.textSecondary,
             family: "Inter, sans-serif",
             weight: 400
           },
           standoff: 15
         },
-        gridcolor: t.gridColor,
-        range: c,
-        autorange: !c,
+        gridcolor: o.gridColor,
+        range: h,
+        autorange: !h,
         tickmode: "array",
-        tickvals: k,
+        tickvals: O,
         showgrid: !0,
-        ...m
+        automargin: !0,
+        ...b
       },
       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.2,
+        y: 0,
         xanchor: "center",
-        yanchor: "top",
+        yanchor: "bottom",
+        yref: "container",
         orientation: "h",
         font: {
           size: 13,
-          color: t.legendColor,
+          color: o.legendColor,
           family: "Inter, sans-serif",
           weight: 500,
           lineheight: 18
         }
       },
       showlegend: !0
-    }, l = {
-      responsive: !0,
+    }, c = {
+      // 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
     };
-    C.newPlot(f.current, r, o, l);
-    const n = f.current;
-    return () => {
-      n && C.purge(n);
+    k.newPlot(a.current, e, t, c), C(a.current);
+    const l = a.current;
+    return M.current = !0, m.current = { ...d.current }, () => {
+      l && (k.purge(l), M.current = !1);
     };
-  }, [a, h, u, p, c, i, d, g, y, I, m, k, t]), /* @__PURE__ */ b("div", { className: "boxplot-container", children: /* @__PURE__ */ b("div", { ref: f, style: { width: "100%", height: "100%" } }) });
+  }, [p, _, y, h, f, x, w, E, P, b, O, o, C]), j(() => {
+    const e = a.current;
+    !e || !M.current || n <= 0 || i <= 0 || m.current.width === n && m.current.height === i || (m.current = { width: n, height: i }, k.relayout(e, { width: n, height: i }).catch(
+      () => {
+      }
+    ));
+  }, [n, i]), /* @__PURE__ */ Y(
+    "div",
+    {
+      ref: S,
+      className: R("boxplot-container relative", T && "w-full", U && "h-full"),
+      children: [
+        /* @__PURE__ */ H("div", { ref: a, style: { width: "100%", height: "100%" } }),
+        A
+      ]
+    }
+  );
 };
 export {
-  A as Boxplot
+  et as Boxplot
 };
 //# sourceMappingURL=Boxplot.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Boxplot.js","sources":["../../../../src/components/charts/Boxplot/Boxplot.tsx"],"sourcesContent":["import Plotly from \"plotly.js-dist\";\nimport React, { useEffect, useRef, useMemo } from \"react\";\n\nimport { usePlotlyTheme } from \"@/hooks/use-plotly-theme\";\n\n/** Default point position offset from the box edge */\nconst DEFAULT_POINT_POSITION = -1.8;\n\ninterface BoxDataSeries {\n  y: number[];\n  name: string;\n  color: string;\n  x?: string[] | number[];\n  boxpoints?: \"all\" | \"outliers\" | \"suspectedoutliers\" | false;\n  jitter?: number;\n  pointpos?: number;\n}\n\ninterface BoxplotProps {\n  dataSeries: BoxDataSeries[];\n  width?: number;\n  height?: number;\n  xRange?: [number, number];\n  yRange?: [number, number];\n  xTitle?: string;\n  yTitle?: string;\n  title?: string;\n  showPoints?: boolean;\n}\n\nconst Boxplot: React.FC<BoxplotProps> = ({\n  dataSeries,\n  width = 1000,\n  height = 600,\n  xRange,\n  yRange,\n  xTitle = \"Columns\",\n  yTitle = \"Rows\",\n  title = \"Boxplot\",\n  showPoints = false,\n}) => {\n  const plotRef = useRef<HTMLDivElement>(null);\n  const theme = usePlotlyTheme();\n\n  const { yMin, yMax } = useMemo(() => {\n    let minY = Number.MAX_VALUE;\n    let maxY = Number.MIN_VALUE;\n\n    dataSeries.forEach((series) => {\n      series.y.forEach((y) => {\n        minY = Math.min(minY, y);\n        maxY = Math.max(maxY, y);\n      });\n    });\n\n    const yPadding = (maxY - minY) * 0.1;\n\n    return {\n      yMin: minY - yPadding,\n      yMax: maxY + yPadding,\n    };\n  }, [dataSeries]);\n\n  const effectiveYRange = useMemo(\n    () => yRange || [yMin, yMax],\n    [yRange, yMin, yMax],\n  );\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 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: \"Inter, sans-serif\",\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      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: \"Inter, sans-serif\",\n        color: theme.textColor,\n        lineheight: 1.2,\n        standoff: 30,\n      },\n    }),\n    [title, theme],\n  );\n\n  useEffect(() => {\n    if (!plotRef.current) return;\n\n    const data = dataSeries.map((series) => ({\n      y: series.y,\n      x: series.x,\n      type: \"box\" as const,\n      name: series.name,\n      marker: {\n        color: series.color,\n      },\n      line: {\n        color: series.color,\n      },\n      fillcolor: series.color + \"40\", // Add transparency\n      boxpoints: showPoints ? series.boxpoints || \"outliers\" : (false as const),\n      jitter: series.jitter || 0.3,\n      pointpos: series.pointpos || DEFAULT_POINT_POSITION,\n    }));\n\n    const layout = {\n      width,\n      height: height,\n      title: titleOptions,\n      margin: { l: 80, r: 40, b: 80, t: 80, pad: 0 },\n      paper_bgcolor: theme.paperBg,\n      plot_bgcolor: theme.plotBg,\n      font: {\n        family: \"Inter, sans-serif\",\n      },\n      dragmode: false as const,\n      xaxis: {\n        title: {\n          text: xTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: \"Inter, sans-serif\",\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: theme.gridColor,\n        range: xRange,\n        autorange: !xRange,\n        showgrid: true,\n        ...tickOptions,\n      },\n      yaxis: {\n        title: {\n          text: yTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: \"Inter, sans-serif\",\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        ...tickOptions,\n      },\n      legend: {\n        x: 0.5,\n        y: -0.2,\n        xanchor: \"center\" as const,\n        yanchor: \"top\" as const,\n        orientation: \"h\" as const,\n        font: {\n          size: 13,\n          color: theme.legendColor,\n          family: \"Inter, sans-serif\",\n          weight: 500,\n          lineheight: 18,\n        },\n      },\n      showlegend: true,\n    };\n\n    const config = {\n      responsive: true,\n      displayModeBar: false,\n      displaylogo: false,\n    };\n\n    Plotly.newPlot(plotRef.current, data, layout, config);\n\n    // Capture ref value for cleanup\n    const plotElement = plotRef.current;\n\n    // Cleanup function\n    return () => {\n      if (plotElement) {\n        Plotly.purge(plotElement);\n      }\n    };\n  }, [dataSeries, width, height, xRange, yRange, effectiveYRange, xTitle, yTitle, showPoints, titleOptions, tickOptions, yTicks, theme]);\n\n  return (\n    <div className=\"boxplot-container\">\n      <div ref={plotRef} style={{ width: \"100%\", height: \"100%\" }} />\n    </div>\n  );\n};\n\nexport { Boxplot };\nexport type { BoxDataSeries, BoxplotProps };\n"],"names":["DEFAULT_POINT_POSITION","Boxplot","dataSeries","width","height","xRange","yRange","xTitle","yTitle","title","showPoints","plotRef","useRef","theme","usePlotlyTheme","yMin","yMax","useMemo","minY","maxY","series","y","yPadding","effectiveYRange","yTicks","range","step","ticks","current","tickOptions","titleOptions","useEffect","data","layout","config","Plotly","plotElement","jsx"],"mappings":"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"}
+{"version":3,"file":"Boxplot.js","sources":["../../../../src/components/charts/Boxplot/Boxplot.tsx"],"sourcesContent":["import Plotly from \"plotly.js-dist\";\nimport React, { useEffect, useRef, useMemo } from \"react\";\n\nimport { useChartTooltip } from \"../ChartTooltip\";\n\nimport { useElementSize } from \"@/hooks/use-element-size\";\nimport { usePlotlyTheme } from \"@/hooks/use-plotly-theme\";\nimport { cn } from \"@/lib/utils\";\nimport { seriesColor } from \"@/utils/colors\";\n\n/** Default point position offset from the box edge */\nconst DEFAULT_POINT_POSITION = -1.8;\n\ninterface BoxDataSeries {\n  y: number[];\n  name: string;\n  /** Optional color override (auto-assigned from CHART_COLORS if not provided) */\n  color?: string;\n  x?: string[] | number[];\n  boxpoints?: \"all\" | \"outliers\" | \"suspectedoutliers\" | false;\n  jitter?: number;\n  pointpos?: number;\n}\n\ninterface BoxplotProps {\n  dataSeries: BoxDataSeries[];\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  xTitle?: string;\n  yTitle?: string;\n  title?: string;\n  showPoints?: boolean;\n}\n\nconst Boxplot: React.FC<BoxplotProps> = ({\n  dataSeries,\n  width,\n  height,\n  xRange,\n  yRange,\n  xTitle,\n  yTitle,\n  title = \"Boxplot\",\n  showPoints = false,\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 AreaGraph 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 minY = Number.MAX_VALUE;\n    let maxY = Number.MIN_VALUE;\n\n    dataSeries.forEach((series) => {\n      series.y.forEach((y) => {\n        minY = Math.min(minY, y);\n        maxY = Math.max(maxY, y);\n      });\n    });\n\n    const yPadding = (maxY - minY) * 0.1;\n\n    return {\n      yMin: minY - yPadding,\n      yMax: maxY + yPadding,\n    };\n  }, [dataSeries]);\n\n  const effectiveYRange = useMemo(\n    () => yRange || [yMin, yMax],\n    [yRange, yMin, yMax],\n  );\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 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: \"Inter, sans-serif\",\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      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: \"Inter, sans-serif\",\n        color: theme.textColor,\n        lineheight: 1.2,\n        standoff: 30,\n      },\n    }),\n    [title, theme],\n  );\n\n  useEffect(() => {\n    if (!plotRef.current || !hasSize) return;\n\n    const data = dataSeries.map((series, index) => {\n      const color = seriesColor(index, series.color);\n      return {\n        y: series.y,\n        x: series.x,\n        type: \"box\" as const,\n        name: series.name,\n        hoverinfo: \"none\" as const,\n        marker: {\n          color,\n        },\n        line: {\n          color,\n        },\n        fillcolor:\n          typeof color === \"string\" && color.startsWith(\"#\") && color.length === 7\n            ? `${color}40`\n            : color, // Add transparency for hex colors only\n        boxpoints: showPoints\n          ? series.boxpoints || \"outliers\"\n          : (false as const),\n        jitter: series.jitter || 0.3,\n        pointpos: series.pointpos || DEFAULT_POINT_POSITION,\n      };\n    });\n\n    const layout = {\n      width: sizeRef.current.width,\n      height: sizeRef.current.height,\n      title: titleOptions,\n      // Bottom margin reserves room for tick labels, the x-axis title, and the\n      // container-anchored bottom legend stacked beneath them.\n      margin: { l: 80, r: 40, b: 96, t: 80, pad: 0 },\n      paper_bgcolor: theme.paperBg,\n      plot_bgcolor: theme.plotBg,\n      font: {\n        family: \"Inter, sans-serif\",\n      },\n      dragmode: false as const,\n      xaxis: {\n        title: {\n          text: xTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: \"Inter, sans-serif\",\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: theme.gridColor,\n        range: xRange,\n        autorange: !xRange,\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: \"Inter, sans-serif\",\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: \"Inter, sans-serif\",\n          weight: 500,\n          lineheight: 18,\n        },\n      },\n      showlegend: true,\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.newPlot(plotRef.current, data, layout, config);\n    bindTooltip(plotRef.current);\n\n    // Capture ref value for cleanup\n    const plotElement = plotRef.current;\n    plotInitedRef.current = true;\n    appliedSizeRef.current = { ...sizeRef.current };\n\n    // Cleanup function\n    return () => {\n      if (plotElement) {\n        Plotly.purge(plotElement);\n        plotInitedRef.current = false;\n      }\n    };\n  }, [dataSeries, hasSize, xRange, yRange, effectiveYRange, xTitle, yTitle, showPoints, titleOptions, tickOptions, yTicks, 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    void Plotly.relayout(plotElement, { width: resolvedWidth, height: resolvedHeight }).catch(\n      () => {},\n    );\n  }, [resolvedWidth, resolvedHeight]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\"boxplot-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 { Boxplot };\nexport type { BoxDataSeries, BoxplotProps };\n"],"names":["DEFAULT_POINT_POSITION","Boxplot","dataSeries","width","height","xRange","yRange","xTitle","yTitle","title","showPoints","plotRef","useRef","theme","usePlotlyTheme","bindTooltip","tooltipElement","useChartTooltip","containerRef","measured","useElementSize","resolvedWidth","resolvedHeight","hasSize","fillWidth","fillHeight","sizeRef","plotInitedRef","appliedSizeRef","yMin","yMax","useMemo","minY","maxY","series","y","yPadding","effectiveYRange","yTicks","range","step","ticks","current","tickOptions","titleOptions","useEffect","data","index","color","seriesColor","layout","config","Plotly","plotElement","jsxs","cn","jsx"],"mappings":"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"}

package/dist/components/charts/ChartTooltip/ChartTooltip.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),j=require("plotly.js-dist"),u=require("react"),O=require("react-dom"),A=require("./lines.cjs"),L=require("../../../lib/utils.cjs"),X=20,q=150,H=200,y=8,W=10,I={top:"bottom",bottom:"top",left:"right",right:"left"},z={top:{wrapper:"-translate-x-1/2 -translate-y-[calc(100%+10px)]",arrow:"-bottom-1 left-1/2 -translate-x-1/2"},bottom:{wrapper:"-translate-x-1/2 translate-y-[10px]",arrow:"-top-1 left-1/2 -translate-x-1/2"},left:{wrapper:"-translate-y-1/2 -translate-x-[calc(100%+10px)]",arrow:"-right-1 top-1/2 -translate-y-1/2"},right:{wrapper:"-translate-y-1/2 translate-x-[10px]",arrow:"-left-1 top-1/2 -translate-y-1/2"}},k=(t,o,n,r)=>{const e=y,s=W,i={top:o.top-s-r>=e,bottom:o.top+s+r<=window.innerHeight-e,left:o.left-s-n>=e,right:o.left+s+n<=window.innerWidth-e};return!i[t]&&i[I[t]]?I[t]:t};function N({anchor:t,bubbleRef:o}){const n=u.useRef(null),r=t?.side??"top",[e,s]=u.useState(r),i=u.useCallback(l=>{n.current=l,typeof o=="function"?o(l):o&&(o.current=l)},[o]);if(u.useLayoutEffect(()=>{const l=n.current;if(!t||!l)return;const c=k(r,t,l.offsetWidth,l.offsetHeight);s(x=>x===c?x:c)},[t,r]),!t)return null;const p=z[e];return O.createPortal(m.jsx("div",{"data-slot":"chart-tooltip-anchor",className:"pointer-events-none fixed z-50",style:{left:t.left,top:t.top},children:m.jsx("div",{ref:i,className:L.cn("w-max",p.wrapper),children:m.jsxs("div",{role:"tooltip","data-slot":"tooltip-content","data-side":e,className:L.cn("relative w-fit max-w-xs rounded-md bg-foreground px-3 py-1.5 text-xs text-background",t.closing?"animate-out fade-out zoom-out-95 fill-mode-forwards":"animate-in fade-in-0 zoom-in-95"),children:[t.lines.map((l,c)=>m.jsx("div",{children:l},`${c}-${l}`)),m.jsx("span",{"aria-hidden":!0,className:L.cn("absolute size-2.5 rotate-45 rounded-[2px] bg-foreground",p.arrow)})]})})}),document.body)}const G=(t,o,n,r)=>{const e=n/2,s=Math.min(Math.max(t,e+y),window.innerWidth-e-y),i=Math.min(Math.max(o,r+10+y),window.innerHeight-y);return{left:s,top:i}};function Y(t={}){const[o,n]=u.useState(null),r=u.useRef(void 0),e=u.useRef(t);e.current=t;const s=u.useRef(null),i=u.useRef(null),p=u.useRef(null);return{bindTooltip:u.useCallback(c=>{if(!c)return;p.current?.(),p.current=null,n(null),i.current=null,j.relayout(c,{hoverdistance:e.current.hoverDistance??X});const x=c,M=(a,f,w)=>{const T=s.current,{left:v,top:R}=G(f,w,T?.offsetWidth??0,T?.offsetHeight??0);n({left:v,top:R,lines:a,side:e.current.side})};x.on("plotly_hover",a=>{const f=a.points??[],{getLines:w,xLabel:T,yLabel:v,followCursor:R}=e.current,g=w?w(f):A.chartTooltipLines(f,{xLabel:T,yLabel:v});if(g.length===0)return;clearTimeout(r.current);const h=a.event;if(R){i.current=g,M(g,h?.clientX??0,h?.clientY??0);return}const b=f[0],d=b?.bbox;let E=0,S=0;if(d){const C=c.getBoundingClientRect();E=C.left+(d.x0+d.x1)/2;const _=b?.yaxis;d.y0===d.y1&&typeof b?.y=="number"&&typeof _?.l2p=="function"&&typeof _._offset=="number"?S=C.top+_._offset+_.l2p(b.y):S=C.top+Math.min(d.y0,d.y1)}else h&&(E=h.clientX,S=h.clientY);n({left:E,top:S,lines:g,side:e.current.side})});const P=a=>{if(!e.current.followCursor)return;const f=i.current;f&&M(f,a.clientX,a.clientY)};c.addEventListener("mousemove",P),p.current=()=>c.removeEventListener("mousemove",P),x.on("plotly_unhover",()=>{clearTimeout(r.current),i.current=null,r.current=setTimeout(()=>{n(a=>a&&{...a,closing:!0}),r.current=setTimeout(()=>n(null),H)},q)})},[]),tooltipElement:m.jsx(N,{anchor:o,bubbleRef:s})}}exports.chartTooltipLines=A.chartTooltipLines;exports.ChartTooltip=N;exports.useChartTooltip=Y;
+//# sourceMappingURL=ChartTooltip.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTooltip.cjs","sources":["../../../../src/components/charts/ChartTooltip/ChartTooltip.tsx"],"sourcesContent":["import Plotly from \"plotly.js-dist\";\nimport { useCallback, useLayoutEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { chartTooltipLines } from \"./lines\";\n\nimport type { ChartTooltipHoverPoint } from \"./lines\";\nimport type { Ref } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nexport { chartTooltipLines } from \"./lines\";\nexport type { ChartTooltipHoverPoint } from \"./lines\";\n\n/**\n * How far (px) from a point Plotly still reports a hover. Matches Plotly's\n * default — a larger radius makes tooltips snap to neighbors in dense plots\n */\nconst HOVER_DISTANCE_PX = 20;\n/** Grace period before hiding, so the tooltip survives gaps between points */\nconst HIDE_GRACE_MS = 150;\n/** How long the exit animation plays before the tooltip unmounts */\nconst EXIT_ANIMATION_MS = 200;\n\n/** Which edge of the point the tooltip is placed against (matches Radix). */\nexport type ChartTooltipSide = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface ChartTooltipAnchor {\n  left: number;\n  top: number;\n  lines: string[];\n  /** Preferred placement side; auto-flips to the opposite when it won't fit */\n  side?: ChartTooltipSide;\n  /** Plays the exit animation before the tooltip unmounts */\n  closing?: boolean;\n}\n\n/** Keep an anchor point this far from the viewport edges when clamping */\nconst VIEWPORT_PADDING_PX = 8;\n/** Gap (px) between the anchor point and the bubble on every side */\nconst TOOLTIP_GAP_PX = 10;\n\n/** The opposite side to flip to when the preferred one has no room */\nconst OPPOSITE_SIDE: Record<ChartTooltipSide, ChartTooltipSide> = {\n  top: \"bottom\",\n  bottom: \"top\",\n  left: \"right\",\n  right: \"left\",\n};\n\n/**\n * Per-side transforms. The wrapper carries positioning transforms (kept off\n * the bubble so they don't clobber the entry/exit animation), and the arrow\n * sits on the edge facing the point.\n */\nconst SIDE_CLASSES: Record<ChartTooltipSide, { wrapper: string; arrow: string }> = {\n  top: {\n    wrapper: \"-translate-x-1/2 -translate-y-[calc(100%+10px)]\",\n    arrow: \"-bottom-1 left-1/2 -translate-x-1/2\",\n  },\n  bottom: {\n    wrapper: \"-translate-x-1/2 translate-y-[10px]\",\n    arrow: \"-top-1 left-1/2 -translate-x-1/2\",\n  },\n  left: {\n    wrapper: \"-translate-y-1/2 -translate-x-[calc(100%+10px)]\",\n    arrow: \"-right-1 top-1/2 -translate-y-1/2\",\n  },\n  right: {\n    wrapper: \"-translate-y-1/2 translate-x-[10px]\",\n    arrow: \"-left-1 top-1/2 -translate-y-1/2\",\n  },\n};\n\ninterface ChartTooltipEmitter {\n  on: (event: string, handler: (data: ChartTooltipHoverEvent) => void) => void;\n}\n\ninterface ChartTooltipHoverEvent {\n  points?: ChartTooltipHoverPoint[];\n  event?: MouseEvent;\n}\n\nexport interface ChartTooltipProps {\n  /** Anchor position (viewport coordinates) and content lines */\n  anchor: ChartTooltipAnchor | null;\n  /** Ref to the bubble node, used by cursor-following charts to clamp it on-screen */\n  bubbleRef?: Ref<HTMLDivElement>;\n}\n\n/**\n * Resolve the side the bubble actually renders on: keep the preferred side\n * when it fits in the viewport, otherwise flip to the opposite side.\n */\nconst resolveSide = (\n  preferred: ChartTooltipSide,\n  anchor: { left: number; top: number },\n  width: number,\n  height: number,\n): ChartTooltipSide => {\n  const pad = VIEWPORT_PADDING_PX;\n  const reach = TOOLTIP_GAP_PX;\n  const fits: Record<ChartTooltipSide, boolean> = {\n    top: anchor.top - reach - height >= pad,\n    bottom: anchor.top + reach + height <= window.innerHeight - pad,\n    left: anchor.left - reach - width >= pad,\n    right: anchor.left + reach + width <= window.innerWidth - pad,\n  };\n  // Flip only when the preferred side overflows and the opposite has room\n  if (!fits[preferred] && fits[OPPOSITE_SIDE[preferred]]) {\n    return OPPOSITE_SIDE[preferred];\n  }\n  return preferred;\n};\n\n/**\n * The design-system tooltip anchored at a chart position; drive it with\n * `useChartTooltip`.\n *\n * Renders the same visual as the ui `TooltipContent` (bubble + arrow) but\n * positions it directly from the anchor coordinates — Radix's popper\n * repositions asynchronously and mis-measures animated content, which made\n * tooltips drift on charts. Placement supports all four sides with\n * Radix-style collision flipping.\n */\nexport function ChartTooltip({ anchor, bubbleRef }: ChartTooltipProps) {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const preferredSide = anchor?.side ?? \"top\";\n  const [resolvedSide, setResolvedSide] = useState<ChartTooltipSide>(preferredSide);\n\n  // Forward the wrapper node to both the internal measure ref and the\n  // optional external ref (used by cursor-following charts to clamp it)\n  const setBubbleNode = useCallback(\n    (node: HTMLDivElement | null) => {\n      wrapperRef.current = node;\n      if (typeof bubbleRef === \"function\") bubbleRef(node);\n      else if (bubbleRef) {\n        (bubbleRef as { current: HTMLDivElement | null }).current = node;\n      }\n    },\n    [bubbleRef],\n  );\n\n  // Measure before paint and flip to the opposite side if needed\n  useLayoutEffect(() => {\n    const node = wrapperRef.current;\n    if (!anchor || !node) return;\n    const next = resolveSide(\n      preferredSide,\n      anchor,\n      node.offsetWidth,\n      node.offsetHeight,\n    );\n    setResolvedSide((current) => (current === next ? current : next));\n  }, [anchor, preferredSide]);\n\n  if (!anchor) return null;\n  const side = SIDE_CLASSES[resolvedSide];\n  return createPortal(\n    <div\n      data-slot=\"chart-tooltip-anchor\"\n      className=\"pointer-events-none fixed z-50\"\n      style={{ left: anchor.left, top: anchor.top }}\n    >\n      {/* Positioning transforms live on this node; animations (which also\n          drive `transform`) live on the bubble below so they can't clobber\n          each other */}\n      <div ref={setBubbleNode} className={cn(\"w-max\", side.wrapper)}>\n        <div\n          role=\"tooltip\"\n          data-slot=\"tooltip-content\"\n          data-side={resolvedSide}\n          className={cn(\n            \"relative w-fit max-w-xs rounded-md bg-foreground px-3 py-1.5 text-xs text-background\",\n            anchor.closing\n              ? \"animate-out fade-out zoom-out-95 fill-mode-forwards\"\n              : \"animate-in fade-in-0 zoom-in-95\",\n          )}\n        >\n          {anchor.lines.map((line, index) => (\n            <div key={`${index}-${line}`}>{line}</div>\n          ))}\n          <span\n            aria-hidden\n            className={cn(\n              \"absolute size-2.5 rotate-45 rounded-[2px] bg-foreground\",\n              side.arrow,\n            )}\n          />\n        </div>\n      </div>\n    </div>,\n    document.body,\n  );\n}\n\nexport interface UseChartTooltipOptions {\n  /** Axis label used for the default x line (falls back to \"X\") */\n  xLabel?: string;\n  /** Axis label used for the default y line (falls back to \"Y\") */\n  yLabel?: string;\n  /** Override the default line builder entirely */\n  getLines?: (points: ChartTooltipHoverPoint[]) => string[];\n  /**\n   * Track the cursor instead of anchoring to the hovered point's bounds, and\n   * keep the tooltip clamped inside the viewport. Use for traces with large\n   * hover targets (e.g. pie slices) where a fixed anchor feels disconnected.\n   */\n  followCursor?: boolean;\n  /**\n   * Override Plotly's hover hit radius (px). A larger radius makes big markers\n   * (e.g. heatmap circles) hoverable across their whole face.\n   */\n  hoverDistance?: number;\n  /**\n   * Preferred side to place the tooltip on relative to the point. Auto-flips to\n   * the opposite side when there isn't room (Radix-style). Defaults to \"top\".\n   */\n  side?: ChartTooltipSide;\n}\n\n/** Clamp an anchor point so a bubble of `width`×`height` stays on-screen */\nconst clampAnchor = (\n  left: number,\n  top: number,\n  width: number,\n  height: number,\n): { left: number; top: number } => {\n  const halfWidth = width / 2;\n  const clampedLeft = Math.min(\n    Math.max(left, halfWidth + VIEWPORT_PADDING_PX),\n    window.innerWidth - halfWidth - VIEWPORT_PADDING_PX,\n  );\n  // The bubble sits above the anchor; keep its top edge inside the viewport\n  const clampedTop = Math.min(\n    Math.max(top, height + 10 + VIEWPORT_PADDING_PX),\n    window.innerHeight - VIEWPORT_PADDING_PX,\n  );\n  return { left: clampedLeft, top: clampedTop };\n};\n\n/**\n * Drives the design-system tooltip from Plotly hover events.\n *\n * ```tsx\n * const { bindTooltip, tooltipElement } = useChartTooltip({ xLabel, yLabel });\n * // after Plotly.newPlot(...): set trace hoverinfo to \"none\", then\n * bindTooltip(plotRef.current);\n * // anywhere in the chart markup:\n * {tooltipElement}\n * ```\n */\nexport function useChartTooltip(options: UseChartTooltipOptions = {}) {\n  const [anchor, setAnchor] = useState<ChartTooltipAnchor | null>(null);\n  const hideTimerRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const optionsRef = useRef(options);\n  optionsRef.current = options;\n  // Measured bubble node, used to clamp the cursor-following tooltip on-screen\n  const bubbleRef = useRef<HTMLDivElement>(null);\n  // Active lines while a cursor-following tooltip is shown; null when hidden\n  const cursorLinesRef = useRef<string[] | null>(null);\n  // Removes the mousemove listener registered by the previous bindTooltip call\n  const detachMouseMoveRef = useRef<(() => void) | null>(null);\n\n  const bindTooltip = useCallback((plotDiv: HTMLElement | null) => {\n    if (!plotDiv) return;\n    // The chart effect can re-run (size/theme/props changes) and call this\n    // again on the same node; drop the prior mousemove listener so they don't\n    // accumulate. (Plotly's own hover/unhover handlers are cleared by newPlot.)\n    detachMouseMoveRef.current?.();\n    detachMouseMoveRef.current = null;\n    setAnchor(null);\n    cursorLinesRef.current = null;\n\n    // A larger hover radius makes the tooltip easier to acquire and keep\n    void Plotly.relayout(plotDiv, {\n      hoverdistance: optionsRef.current.hoverDistance ?? HOVER_DISTANCE_PX,\n    });\n\n    const emitter = plotDiv as unknown as ChartTooltipEmitter;\n\n    // Place the cursor-following tooltip at the (clamped) cursor position\n    const positionAtCursor = (lines: string[], clientX: number, clientY: number) => {\n      const bubble = bubbleRef.current;\n      const { left, top } = clampAnchor(\n        clientX,\n        clientY,\n        bubble?.offsetWidth ?? 0,\n        bubble?.offsetHeight ?? 0,\n      );\n      setAnchor({ left, top, lines, side: optionsRef.current.side });\n    };\n\n    emitter.on(\"plotly_hover\", (eventData) => {\n      const points = eventData.points ?? [];\n      const { getLines, xLabel, yLabel, followCursor } = optionsRef.current;\n      const lines = getLines\n        ? getLines(points)\n        : chartTooltipLines(points, { xLabel, yLabel });\n      if (lines.length === 0) return;\n\n      clearTimeout(hideTimerRef.current);\n\n      const mouse = eventData.event;\n      if (followCursor) {\n        cursorLinesRef.current = lines;\n        positionAtCursor(lines, mouse?.clientX ?? 0, mouse?.clientY ?? 0);\n        return;\n      }\n\n      // Anchor to the hovered point's bounds (in plot-div pixels) when\n      // Plotly provides them; fall back to the mouse position. The anchor\n      // is position:fixed, so viewport coordinates are used directly.\n      const point = points[0];\n      const bbox = point?.bbox;\n      let left = 0;\n      let top = 0;\n      if (bbox) {\n        const rect = plotDiv.getBoundingClientRect();\n        left = rect.left + (bbox.x0 + bbox.x1) / 2;\n        // Bars report a zero-height bbox that sits below their visual top;\n        // anchor to the bar's true top via the axis projection instead.\n        const yaxis = point?.yaxis;\n        if (\n          bbox.y0 === bbox.y1 &&\n          typeof point?.y === \"number\" &&\n          typeof yaxis?.l2p === \"function\" &&\n          typeof yaxis._offset === \"number\"\n        ) {\n          top = rect.top + yaxis._offset + yaxis.l2p(point.y);\n        } else {\n          top = rect.top + Math.min(bbox.y0, bbox.y1);\n        }\n      } else if (mouse) {\n        left = mouse.clientX;\n        top = mouse.clientY;\n      }\n      setAnchor({ left, top, lines, side: optionsRef.current.side });\n    });\n\n    // While following the cursor, keep the tooltip glued to the pointer even\n    // when Plotly does not re-fire hover within the same point (e.g. a slice)\n    const handleMouseMove = (event: MouseEvent) => {\n      if (!optionsRef.current.followCursor) return;\n      const lines = cursorLinesRef.current;\n      if (!lines) return;\n      positionAtCursor(lines, event.clientX, event.clientY);\n    };\n    plotDiv.addEventListener(\"mousemove\", handleMouseMove);\n    detachMouseMoveRef.current = () =>\n      plotDiv.removeEventListener(\"mousemove\", handleMouseMove);\n\n    emitter.on(\"plotly_unhover\", () => {\n      clearTimeout(hideTimerRef.current);\n      cursorLinesRef.current = null;\n      // After the grace period, play the exit animation, then unmount\n      hideTimerRef.current = setTimeout(() => {\n        setAnchor((previous) =>\n          previous ? { ...previous, closing: true } : previous,\n        );\n        hideTimerRef.current = setTimeout(() => setAnchor(null), EXIT_ANIMATION_MS);\n      }, HIDE_GRACE_MS);\n    });\n  }, []);\n\n  return {\n    bindTooltip,\n    tooltipElement: <ChartTooltip anchor={anchor} bubbleRef={bubbleRef} />,\n  };\n}\n"],"names":["HOVER_DISTANCE_PX","HIDE_GRACE_MS","EXIT_ANIMATION_MS","VIEWPORT_PADDING_PX","TOOLTIP_GAP_PX","OPPOSITE_SIDE","SIDE_CLASSES","resolveSide","preferred","anchor","width","height","pad","reach","fits","ChartTooltip","bubbleRef","wrapperRef","useRef","preferredSide","resolvedSide","setResolvedSide","useState","setBubbleNode","useCallback","node","useLayoutEffect","next","current","side","createPortal","jsx","cn","jsxs","line","index","clampAnchor","left","top","halfWidth","clampedLeft","clampedTop","useChartTooltip","options","setAnchor","hideTimerRef","optionsRef","cursorLinesRef","detachMouseMoveRef","plotDiv","Plotly","emitter","positionAtCursor","lines","clientX","clientY","bubble","eventData","points","getLines","xLabel","yLabel","followCursor","chartTooltipLines","mouse","point","bbox","rect","yaxis","handleMouseMove","event","previous"],"mappings":"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"}