@tetrascience-npm/tetrascience-react-ui 0.7.0-beta.107.1 → 0.7.0-beta.128.1

package/dist/components/charts/DotPlot/DotPlot.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),x=require("plotly.js-dist"),o=require("react"),D=require("../ChartTooltip/ChartTooltip.cjs"),H=require("../../../hooks/use-element-size.cjs"),L=require("../../../hooks/use-plotly-theme.cjs"),T=require("../../../lib/utils.cjs"),W=require("../../../utils/colors.cjs"),_=({dataSeries:i,width:s,height:b,title:z="Dot Plot",xTitle:h,yTitle:d,variant:C="default",markerSize:g=8})=>{const l=o.useRef(null),t=L.usePlotlyTheme(),{bindTooltip:R,tooltipElement:S}=D.useChartTooltip({xLabel:h,yLabel:d}),[j,v]=H.useElementSize(),r=s??v.width,n=b??v.height,q=r>0&&n>0,A=s===void 0,B=b===void 0,c=o.useRef({width:r,height:n});c.current={width:r,height:n};const m=o.useRef(!1),u=o.useRef({width:0,height:0}),M=o.useMemo(()=>Array.isArray(i)?i:[i],[i]),a=W.CHART_COLORS,y=o.useMemo(()=>["circle","square","diamond","triangle-up","triangle-down","star"],[]),P=o.useMemo(()=>M.map((e,f)=>C==="default"?{...e,color:e.color||a[0],symbol:"circle",size:e.size||g}:{...e,color:e.color||a[f%a.length],symbol:e.symbol||y[f%y.length],size:e.size||g}),[M,C,g,a,y]),p=t.gridColor,k=o.useMemo(()=>P.map(e=>({type:"scatter",x:e.x,y:e.y,mode:"markers",name:e.name,marker:{color:e.color,size:e.size,symbol:e.symbol,line:{color:t.paperBg,width:1}},hoverinfo:"none"})),[P,t]),w=o.useMemo(()=>({tickcolor:t.tickColor,ticklen:12,tickwidth:1,ticks:"outside",tickfont:{size:16,color:t.textColor,family:"Inter, sans-serif",weight:400},linecolor:t.lineColor,linewidth:1,position:0,zeroline:!1}),[t]),E=o.useMemo(()=>({text:z,x:.5,y:.95,xanchor:"center",yanchor:"top",font:{size:32,weight:600,family:"Inter, sans-serif",color:t.textColor,lineheight:1.2,standoff:30}}),[z,t]);return o.useEffect(()=>{if(!l.current||!q)return;const e={width:c.current.width,height:c.current.height,font:{family:"Inter, sans-serif"},title:E,margin:{l:80,r:40,b:96,t:80,pad:0},showlegend:!0,legend:{x:.5,y:0,xanchor:"center",yanchor:"bottom",yref:"container",orientation:"h",font:{size:13,color:t.legendColor,family:"Inter, sans-serif",weight:500,lineheight:18}},xaxis:{title:{text:h,font:{size:16,color:t.textSecondary,family:"Inter, sans-serif",weight:400},standoff:15},gridcolor:p,automargin:!0,...w},yaxis:{title:{text:d,font:{size:16,color:t.textSecondary,family:"Inter, sans-serif",weight:400},standoff:15},gridcolor:p,automargin:!0,...w},paper_bgcolor:t.paperBg,plot_bgcolor:t.plotBg},f={responsive:!1,displayModeBar:!1,displaylogo:!1};x.newPlot(l.current,k,e,f),R(l.current);const I=l.current;return m.current=!0,u.current={...c.current},()=>{I&&(x.purge(I),m.current=!1)}},[q,h,d,k,E,w,p,t,R]),o.useEffect(()=>{const e=l.current;!e||!m.current||r<=0||n<=0||u.current.width===r&&u.current.height===n||(u.current={width:r,height:n},x.relayout(e,{width:r,height:n}).catch(()=>{}))},[r,n]),O.jsxs("div",{ref:j,className:T.cn("dotplot-container relative",A&&"w-full",B&&"h-full"),style:s===void 0?void 0:{width:s},children:[O.jsx("div",{ref:l,style:{width:"100%",height:"100%",margin:"0"}}),S]})};exports.DotPlot=_;
-//# sourceMappingURL=DotPlot.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DotPlot.cjs","sources":["../../../../src/components/charts/DotPlot/DotPlot.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 { CHART_COLORS } from \"@/utils/colors\";\n\ntype MarkerSymbol =\n  | \"circle\"\n  | \"square\"\n  | \"diamond\"\n  | \"triangle-up\"\n  | \"triangle-down\"\n  | \"star\";\n\ninterface DotPlotDataSeries {\n  x: number[];\n  y: number[];\n  name: string;\n  color?: string;\n  symbol?: MarkerSymbol;\n  size?: number;\n}\n\ntype DotPlotVariant = \"default\" | \"stacked\";\n\ntype DotPlotProps = {\n  dataSeries: DotPlotDataSeries | DotPlotDataSeries[];\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  title?: string;\n  xTitle?: string;\n  yTitle?: string;\n  variant?: DotPlotVariant;\n  markerSize?: number;\n};\n\nconst DotPlot: React.FC<DotPlotProps> = ({\n  dataSeries,\n  width,\n  height,\n  title = \"Dot Plot\",\n  xTitle,\n  yTitle,\n  variant = \"default\",\n  markerSize = 8,\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  const seriesArray = useMemo(\n    () => (Array.isArray(dataSeries) ? dataSeries : [dataSeries]),\n    [dataSeries],\n  );\n\n  const defaultColors = CHART_COLORS;\n\n  const defaultSymbols: MarkerSymbol[] = useMemo(\n    () => [\n      \"circle\",\n      \"square\",\n      \"diamond\",\n      \"triangle-up\",\n      \"triangle-down\",\n      \"star\",\n    ],\n    [],\n  );\n\n  const seriesWithColors = useMemo(() => {\n    return seriesArray.map((series, index) => {\n      if (variant === \"default\") {\n        // Default variant: all circles, use first color or series color\n        return {\n          ...series,\n          color: series.color || defaultColors[0],\n          symbol: \"circle\" as MarkerSymbol,\n          size: series.size || markerSize,\n        };\n      } else {\n        // Stacked variant: different symbols and colors for each series\n        return {\n          ...series,\n          color: series.color || defaultColors[index % defaultColors.length],\n          symbol:\n            series.symbol || defaultSymbols[index % defaultSymbols.length],\n          size: series.size || markerSize,\n        };\n      }\n    });\n  }, [seriesArray, variant, markerSize, defaultColors, defaultSymbols]);\n\n  const gridColor = theme.gridColor;\n\n  const plotData = useMemo(\n    () =>\n      seriesWithColors.map((series) => ({\n        type: \"scatter\" as const,\n        x: series.x,\n        y: series.y,\n        mode: \"markers\" as const,\n        name: series.name,\n        marker: {\n          color: series.color,\n          size: series.size,\n          symbol: series.symbol,\n          line: {\n            color: theme.paperBg,\n            width: 1,\n          },\n        },\n        hoverinfo: \"none\" as const,\n      })),\n    [seriesWithColors, theme],\n  );\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 layout = {\n      width: sizeRef.current.width,\n      height: sizeRef.current.height,\n      font: {\n        family: \"Inter, sans-serif\",\n      },\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      showlegend: true,\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      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: gridColor,\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: gridColor,\n        automargin: true,\n        ...tickOptions,\n      },\n      paper_bgcolor: theme.paperBg,\n      plot_bgcolor: theme.plotBg,\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, plotData, 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    return () => {\n      if (plotElement) {\n        Plotly.purge(plotElement);\n        plotInitedRef.current = false;\n      }\n    };\n  }, [hasSize, xTitle, yTitle, plotData, titleOptions, tickOptions, gridColor, 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(\"dotplot-container relative\", fillWidth && \"w-full\", fillHeight && \"h-full\")}\n      style={width === undefined ? undefined : { width }}\n    >\n      <div\n        ref={plotRef}\n        style={{\n          width: \"100%\",\n          height: \"100%\",\n          margin: \"0\",\n        }}\n      />\n      {tooltipElement}\n    </div>\n  );\n};\n\nexport { DotPlot };\nexport type { DotPlotDataSeries, DotPlotProps, DotPlotVariant, MarkerSymbol };\n"],"names":["DotPlot","dataSeries","width","height","title","xTitle","yTitle","variant","markerSize","plotRef","useRef","theme","usePlotlyTheme","bindTooltip","tooltipElement","useChartTooltip","containerRef","measured","useElementSize","resolvedWidth","resolvedHeight","hasSize","fillWidth","fillHeight","sizeRef","plotInitedRef","appliedSizeRef","seriesArray","useMemo","defaultColors","CHART_COLORS","defaultSymbols","seriesWithColors","series","index","gridColor","plotData","tickOptions","titleOptions","useEffect","layout","config","Plotly","plotElement","jsxs","cn","jsx"],"mappings":"+XAgDMA,EAAkC,CAAC,CACvC,WAAAC,EACA,MAAAC,EACA,OAAAC,EACA,MAAAC,EAAQ,WACR,OAAAC,EACA,OAAAC,EACA,QAAAC,EAAU,UACV,WAAAC,EAAa,CACf,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,EAAgBjB,GAASe,EAAS,MAClCG,EAAiBjB,GAAUc,EAAS,OACpCI,EAAUF,EAAgB,GAAKC,EAAiB,EAGhDE,EAAYpB,IAAU,OACtBqB,EAAapB,IAAW,OACxBqB,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,EAC/CiB,EAAcC,EAAAA,QAClB,IAAO,MAAM,QAAQ3B,CAAU,EAAIA,EAAa,CAACA,CAAU,EAC3D,CAACA,CAAU,CAAA,EAGP4B,EAAgBC,EAAAA,aAEhBC,EAAiCH,EAAAA,QACrC,IAAM,CACJ,SACA,SACA,UACA,cACA,gBACA,MAAA,EAEF,CAAA,CAAC,EAGGI,EAAmBJ,EAAAA,QAAQ,IACxBD,EAAY,IAAI,CAACM,EAAQC,IAC1B3B,IAAY,UAEP,CACL,GAAG0B,EACH,MAAOA,EAAO,OAASJ,EAAc,CAAC,EACtC,OAAQ,SACR,KAAMI,EAAO,MAAQzB,CAAA,EAIhB,CACL,GAAGyB,EACH,MAAOA,EAAO,OAASJ,EAAcK,EAAQL,EAAc,MAAM,EACjE,OACEI,EAAO,QAAUF,EAAeG,EAAQH,EAAe,MAAM,EAC/D,KAAME,EAAO,MAAQzB,CAAA,CAG1B,EACA,CAACmB,EAAapB,EAASC,EAAYqB,EAAeE,CAAc,CAAC,EAE9DI,EAAYxB,EAAM,UAElByB,EAAWR,EAAAA,QACf,IACEI,EAAiB,IAAKC,IAAY,CAChC,KAAM,UACN,EAAGA,EAAO,EACV,EAAGA,EAAO,EACV,KAAM,UACN,KAAMA,EAAO,KACb,OAAQ,CACN,MAAOA,EAAO,MACd,KAAMA,EAAO,KACb,OAAQA,EAAO,OACf,KAAM,CACJ,MAAOtB,EAAM,QACb,MAAO,CAAA,CACT,EAEF,UAAW,MAAA,EACX,EACJ,CAACqB,EAAkBrB,CAAK,CAAA,EAGpB0B,EAAcT,EAAAA,QAClB,KAAO,CACL,UAAWjB,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,EAGF2B,EAAeV,EAAAA,QACnB,KAAO,CACL,KAAMxB,EACN,EAAG,GACH,EAAG,IACH,QAAS,SACT,QAAS,MACT,KAAM,CACJ,KAAM,GACN,OAAQ,IACR,OAAQ,oBACR,MAAOO,EAAM,UACb,WAAY,IACZ,SAAU,EAAA,CACZ,GAEF,CAACP,EAAOO,CAAK,CAAA,EAGf4B,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAAC9B,EAAQ,SAAW,CAACY,EAAS,OAElC,MAAMmB,EAAS,CACb,MAAOhB,EAAQ,QAAQ,MACvB,OAAQA,EAAQ,QAAQ,OACxB,KAAM,CACJ,OAAQ,mBAAA,EAEV,MAAOc,EAGP,OAAQ,CAAE,EAAG,GAAI,EAAG,GAAI,EAAG,GAAI,EAAG,GAAI,IAAK,CAAA,EAC3C,WAAY,GACZ,OAAQ,CAIN,EAAG,GACH,EAAG,EACH,QAAS,SACT,QAAS,SACT,KAAM,YACN,YAAa,IACb,KAAM,CACJ,KAAM,GACN,MAAO3B,EAAM,YACb,OAAQ,oBACR,OAAQ,IACR,WAAY,EAAA,CACd,EAEF,MAAO,CACL,MAAO,CACL,KAAMN,EACN,KAAM,CACJ,KAAM,GACN,MAAOM,EAAM,cACb,OAAQ,oBACR,OAAQ,GAAA,EAEV,SAAU,EAAA,EAEZ,UAAWwB,EAGX,WAAY,GACZ,GAAGE,CAAA,EAEL,MAAO,CACL,MAAO,CACL,KAAM/B,EACN,KAAM,CACJ,KAAM,GACN,MAAOK,EAAM,cACb,OAAQ,oBACR,OAAQ,GAAA,EAEV,SAAU,EAAA,EAEZ,UAAWwB,EACX,WAAY,GACZ,GAAGE,CAAA,EAEL,cAAe1B,EAAM,QACrB,aAAcA,EAAM,MAAA,EAGhB8B,EAAS,CAGb,WAAY,GACZ,eAAgB,GAChB,YAAa,EAAA,EAGfC,EAAO,QAAQjC,EAAQ,QAAS2B,EAAUI,EAAQC,CAAM,EACxD5B,EAAYJ,EAAQ,OAAO,EAG3B,MAAMkC,EAAclC,EAAQ,QAC5B,OAAAgB,EAAc,QAAU,GACxBC,EAAe,QAAU,CAAE,GAAGF,EAAQ,OAAA,EAE/B,IAAM,CACPmB,IACFD,EAAO,MAAMC,CAAW,EACxBlB,EAAc,QAAU,GAE5B,CACF,EAAG,CAACJ,EAAShB,EAAQC,EAAQ8B,EAAUE,EAAcD,EAAaF,EAAWxB,EAAOE,CAAW,CAAC,EAIhG0B,EAAAA,UAAU,IAAM,CACd,MAAMI,EAAclC,EAAQ,QACxB,CAACkC,GAAe,CAAClB,EAAc,SAAWN,GAAiB,GAAKC,GAAkB,GAMpFM,EAAe,QAAQ,QAAUP,GACjCO,EAAe,QAAQ,SAAWN,IAIpCM,EAAe,QAAU,CAAE,MAAOP,EAAe,OAAQC,CAAA,EAEpDsB,EAAO,SAASC,EAAa,CAAE,MAAOxB,EAAe,OAAQC,CAAA,CAAgB,EAAE,MAClF,IAAM,CAAC,CAAA,EAEX,EAAG,CAACD,EAAeC,CAAc,CAAC,EAGhCwB,EAAAA,KAAC,MAAA,CACC,IAAK5B,EACL,UAAW6B,EAAAA,GAAG,6BAA8BvB,GAAa,SAAUC,GAAc,QAAQ,EACzF,MAAOrB,IAAU,OAAY,OAAY,CAAE,MAAAA,CAAA,EAE3C,SAAA,CAAA4C,EAAAA,IAAC,MAAA,CACC,IAAKrC,EACL,MAAO,CACL,MAAO,OACP,OAAQ,OACR,OAAQ,GAAA,CACV,CAAA,EAEDK,CAAA,CAAA,CAAA,CAGP"}

package/dist/components/charts/DotPlot/DotPlot.js

@@ -1,208 +0,0 @@
-import { jsxs as j, jsx as M } from "react/jsx-runtime";
-import z from "plotly.js-dist";
-import { useRef as u, useMemo as i, useEffect as D } from "react";
-import { useChartTooltip as S } from "../ChartTooltip/ChartTooltip.js";
-import { useElementSize as q } from "../../../hooks/use-element-size.js";
-import { usePlotlyTheme as N } from "../../../hooks/use-plotly-theme.js";
-import { cn as F } from "../../../lib/utils.js";
-import { CHART_COLORS as G } from "../../../utils/colors.js";
-const Z = ({
-  dataSeries: l,
-  width: c,
-  height: b,
-  title: C = "Dot Plot",
-  xTitle: d,
-  yTitle: m,
-  variant: v = "default",
-  markerSize: g = 8
-}) => {
-  const n = u(null), o = N(), { bindTooltip: R, tooltipElement: H } = S({ xLabel: d, yLabel: m }), [L, k] = q(), e = c ?? k.width, r = b ?? k.height, I = e > 0 && r > 0, W = c === void 0, _ = b === void 0, s = u({ width: e, height: r });
-  s.current = { width: e, height: r };
-  const p = u(!1), a = u({ width: 0, height: 0 }), E = i(
-    () => Array.isArray(l) ? l : [l],
-    [l]
-  ), f = G, y = i(
-    () => [
-      "circle",
-      "square",
-      "diamond",
-      "triangle-up",
-      "triangle-down",
-      "star"
-    ],
-    []
-  ), P = i(() => E.map((t, h) => v === "default" ? {
-    ...t,
-    color: t.color || f[0],
-    symbol: "circle",
-    size: t.size || g
-  } : {
-    ...t,
-    color: t.color || f[h % f.length],
-    symbol: t.symbol || y[h % y.length],
-    size: t.size || g
-  }), [E, v, g, f, y]), w = o.gridColor, A = i(
-    () => P.map((t) => ({
-      type: "scatter",
-      x: t.x,
-      y: t.y,
-      mode: "markers",
-      name: t.name,
-      marker: {
-        color: t.color,
-        size: t.size,
-        symbol: t.symbol,
-        line: {
-          color: o.paperBg,
-          width: 1
-        }
-      },
-      hoverinfo: "none"
-    })),
-    [P, o]
-  ), x = i(
-    () => ({
-      tickcolor: o.tickColor,
-      ticklen: 12,
-      tickwidth: 1,
-      ticks: "outside",
-      tickfont: {
-        size: 16,
-        color: o.textColor,
-        family: "Inter, sans-serif",
-        weight: 400
-      },
-      linecolor: o.lineColor,
-      linewidth: 1,
-      position: 0,
-      zeroline: !1
-    }),
-    [o]
-  ), B = i(
-    () => ({
-      text: C,
-      x: 0.5,
-      y: 0.95,
-      xanchor: "center",
-      yanchor: "top",
-      font: {
-        size: 32,
-        weight: 600,
-        family: "Inter, sans-serif",
-        color: o.textColor,
-        lineheight: 1.2,
-        standoff: 30
-      }
-    }),
-    [C, o]
-  );
-  return D(() => {
-    if (!n.current || !I) return;
-    const t = {
-      width: s.current.width,
-      height: s.current.height,
-      font: {
-        family: "Inter, sans-serif"
-      },
-      title: B,
-      // 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 },
-      showlegend: !0,
-      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: o.legendColor,
-          family: "Inter, sans-serif",
-          weight: 500,
-          lineheight: 18
-        }
-      },
-      xaxis: {
-        title: {
-          text: d,
-          font: {
-            size: 16,
-            color: o.textSecondary,
-            family: "Inter, sans-serif",
-            weight: 400
-          },
-          standoff: 15
-        },
-        gridcolor: w,
-        // Reserve space for tick labels + the axis title so the bottom legend
-        // can't overlap them at small sizes (SW-2157).
-        automargin: !0,
-        ...x
-      },
-      yaxis: {
-        title: {
-          text: m,
-          font: {
-            size: 16,
-            color: o.textSecondary,
-            family: "Inter, sans-serif",
-            weight: 400
-          },
-          standoff: 15
-        },
-        gridcolor: w,
-        automargin: !0,
-        ...x
-      },
-      paper_bgcolor: o.paperBg,
-      plot_bgcolor: o.plotBg
-    }, h = {
-      // 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
-    };
-    z.newPlot(n.current, A, t, h), R(n.current);
-    const O = n.current;
-    return p.current = !0, a.current = { ...s.current }, () => {
-      O && (z.purge(O), p.current = !1);
-    };
-  }, [I, d, m, A, B, x, w, o, R]), D(() => {
-    const t = n.current;
-    !t || !p.current || e <= 0 || r <= 0 || a.current.width === e && a.current.height === r || (a.current = { width: e, height: r }, z.relayout(t, { width: e, height: r }).catch(
-      () => {
-      }
-    ));
-  }, [e, r]), /* @__PURE__ */ j(
-    "div",
-    {
-      ref: L,
-      className: F("dotplot-container relative", W && "w-full", _ && "h-full"),
-      style: c === void 0 ? void 0 : { width: c },
-      children: [
-        /* @__PURE__ */ M(
-          "div",
-          {
-            ref: n,
-            style: {
-              width: "100%",
-              height: "100%",
-              margin: "0"
-            }
-          }
-        ),
-        H
-      ]
-    }
-  );
-};
-export {
-  Z as DotPlot
-};
-//# sourceMappingURL=DotPlot.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DotPlot.js","sources":["../../../../src/components/charts/DotPlot/DotPlot.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 { CHART_COLORS } from \"@/utils/colors\";\n\ntype MarkerSymbol =\n  | \"circle\"\n  | \"square\"\n  | \"diamond\"\n  | \"triangle-up\"\n  | \"triangle-down\"\n  | \"star\";\n\ninterface DotPlotDataSeries {\n  x: number[];\n  y: number[];\n  name: string;\n  color?: string;\n  symbol?: MarkerSymbol;\n  size?: number;\n}\n\ntype DotPlotVariant = \"default\" | \"stacked\";\n\ntype DotPlotProps = {\n  dataSeries: DotPlotDataSeries | DotPlotDataSeries[];\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  title?: string;\n  xTitle?: string;\n  yTitle?: string;\n  variant?: DotPlotVariant;\n  markerSize?: number;\n};\n\nconst DotPlot: React.FC<DotPlotProps> = ({\n  dataSeries,\n  width,\n  height,\n  title = \"Dot Plot\",\n  xTitle,\n  yTitle,\n  variant = \"default\",\n  markerSize = 8,\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  const seriesArray = useMemo(\n    () => (Array.isArray(dataSeries) ? dataSeries : [dataSeries]),\n    [dataSeries],\n  );\n\n  const defaultColors = CHART_COLORS;\n\n  const defaultSymbols: MarkerSymbol[] = useMemo(\n    () => [\n      \"circle\",\n      \"square\",\n      \"diamond\",\n      \"triangle-up\",\n      \"triangle-down\",\n      \"star\",\n    ],\n    [],\n  );\n\n  const seriesWithColors = useMemo(() => {\n    return seriesArray.map((series, index) => {\n      if (variant === \"default\") {\n        // Default variant: all circles, use first color or series color\n        return {\n          ...series,\n          color: series.color || defaultColors[0],\n          symbol: \"circle\" as MarkerSymbol,\n          size: series.size || markerSize,\n        };\n      } else {\n        // Stacked variant: different symbols and colors for each series\n        return {\n          ...series,\n          color: series.color || defaultColors[index % defaultColors.length],\n          symbol:\n            series.symbol || defaultSymbols[index % defaultSymbols.length],\n          size: series.size || markerSize,\n        };\n      }\n    });\n  }, [seriesArray, variant, markerSize, defaultColors, defaultSymbols]);\n\n  const gridColor = theme.gridColor;\n\n  const plotData = useMemo(\n    () =>\n      seriesWithColors.map((series) => ({\n        type: \"scatter\" as const,\n        x: series.x,\n        y: series.y,\n        mode: \"markers\" as const,\n        name: series.name,\n        marker: {\n          color: series.color,\n          size: series.size,\n          symbol: series.symbol,\n          line: {\n            color: theme.paperBg,\n            width: 1,\n          },\n        },\n        hoverinfo: \"none\" as const,\n      })),\n    [seriesWithColors, theme],\n  );\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 layout = {\n      width: sizeRef.current.width,\n      height: sizeRef.current.height,\n      font: {\n        family: \"Inter, sans-serif\",\n      },\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      showlegend: true,\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      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: gridColor,\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: gridColor,\n        automargin: true,\n        ...tickOptions,\n      },\n      paper_bgcolor: theme.paperBg,\n      plot_bgcolor: theme.plotBg,\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, plotData, 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    return () => {\n      if (plotElement) {\n        Plotly.purge(plotElement);\n        plotInitedRef.current = false;\n      }\n    };\n  }, [hasSize, xTitle, yTitle, plotData, titleOptions, tickOptions, gridColor, 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(\"dotplot-container relative\", fillWidth && \"w-full\", fillHeight && \"h-full\")}\n      style={width === undefined ? undefined : { width }}\n    >\n      <div\n        ref={plotRef}\n        style={{\n          width: \"100%\",\n          height: \"100%\",\n          margin: \"0\",\n        }}\n      />\n      {tooltipElement}\n    </div>\n  );\n};\n\nexport { DotPlot };\nexport type { DotPlotDataSeries, DotPlotProps, DotPlotVariant, MarkerSymbol };\n"],"names":["DotPlot","dataSeries","width","height","title","xTitle","yTitle","variant","markerSize","plotRef","useRef","theme","usePlotlyTheme","bindTooltip","tooltipElement","useChartTooltip","containerRef","measured","useElementSize","resolvedWidth","resolvedHeight","hasSize","fillWidth","fillHeight","sizeRef","plotInitedRef","appliedSizeRef","seriesArray","useMemo","defaultColors","CHART_COLORS","defaultSymbols","seriesWithColors","series","index","gridColor","plotData","tickOptions","titleOptions","useEffect","layout","config","Plotly","plotElement","jsxs","cn","jsx"],"mappings":"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"}

package/dist/components/charts/Heatmap/Heatmap.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),H=require("react"),V=require("../PlateMap/PlateMap.cjs");function $(e){if(!e||e.length===0)return[];const n=Math.max(...e.map(t=>t.length));return e.map(t=>{if(t.length===n)return t;const l=[...t];for(;l.length<n;)l.push(0);return l})}const x=({data:e,xLabels:n,yLabels:t,title:l,xTitle:u,yTitle:s,colorscale:i,width:g=800,height:h=600,showScale:m=!0,precision:p=0,zmin:f,zmax:M,valueUnit:w=""})=>{const o=e?$(e):void 0,S=o?.length??t?.length??16,R=o?.[0]?.length??n?.length??24,v=H.useMemo(()=>{if(!o)return;const C="ABCDEFGHIJKLMNOPQRSTUVWXYZ",c=[];for(let r=0;r<o.length;r++)for(let a=0;a<o[r].length;a++){const D=t?.[r]?.toString()??C[r]??`R${r+1}`,P=n?.[a]?.toString()??String(a+1),j=`${D}${P}`;c.push({wellId:j,values:{Value:o[r][a]}})}return c},[o,n,t]),d=i;return q.jsx(V.PlateMap,{data:v,plateFormat:"custom",rows:S,columns:R,title:l,xTitle:u,yTitle:s,xLabels:n,yLabels:t,colorScale:d,valueMin:f,valueMax:M,showColorBar:m,width:g,height:h,layerConfigs:[{id:"Value",valueUnit:w}],precision:p})};exports.Heatmap=x;
-//# sourceMappingURL=Heatmap.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Heatmap.cjs","sources":["../../../../src/components/charts/Heatmap/Heatmap.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { PlateMap } from \"../PlateMap\";\n\nimport type { ColorScale, WellData } from \"../PlateMap\";\n\n/**\n * Props for the Heatmap component\n * @deprecated Use PlateMap component instead. Heatmap is now a wrapper around PlateMap for backward compatibility.\n */\ninterface HeatmapProps {\n  /** 2D array of numeric values */\n  data?: number[][];\n  /** Custom x-axis labels (column labels) */\n  xLabels?: string[] | number[];\n  /** Custom y-axis labels (row labels) */\n  yLabels?: string[] | number[];\n  /** Chart title */\n  title?: string;\n  /** X-axis title */\n  xTitle?: string;\n  /** Y-axis title */\n  yTitle?: string;\n  /** Color scale - string name or array of [position, color] pairs */\n  colorscale?: string | Array<[number, string]>;\n  /** Chart width in pixels */\n  width?: number;\n  /** Chart height in pixels */\n  height?: number;\n  /** Show color scale legend */\n  showScale?: boolean;\n  /** Number of decimal places for values */\n  precision?: number;\n  /** Minimum value for color scale */\n  zmin?: number;\n  /** Maximum value for color scale */\n  zmax?: number;\n  /** Value unit suffix */\n  valueUnit?: string;\n}\n\n/**\n * Heatmap component for 2D data visualization\n * @deprecated Use PlateMap component instead. This component is now a wrapper around PlateMap for backward compatibility.\n *\n * @example\n * ```tsx\n * <Heatmap\n *   data={[[1, 2, 3], [4, 5, 6]]}\n *   xLabels={['A', 'B', 'C']}\n *   yLabels={['Row 1', 'Row 2']}\n *   title=\"My Heatmap\"\n * />\n * ```\n */\n/**\n * Normalize jagged 2D array to consistent width (backward compatibility)\n */\nfunction normalizeData(data: number[][]): number[][] {\n  if (!data || data.length === 0) return [];\n\n  const maxLength = Math.max(...data.map((row) => row.length));\n\n  return data.map((row) => {\n    if (row.length === maxLength) return row;\n\n    const newRow = [...row];\n    while (newRow.length < maxLength) {\n      newRow.push(0);\n    }\n    return newRow;\n  });\n}\n\nconst Heatmap: React.FC<HeatmapProps> = ({\n  data,\n  xLabels,\n  yLabels,\n  title,\n  xTitle,\n  yTitle,\n  colorscale,\n  width = 800,\n  height = 600,\n  showScale = true,\n  precision = 0,\n  zmin,\n  zmax,\n  valueUnit = \"\",\n}) => {\n  // Normalize jagged arrays to consistent width (backward compatibility)\n  const normalizedData = data ? normalizeData(data) : undefined;\n\n  // Determine rows and columns from normalized data or labels\n  const rows = normalizedData?.length ?? (yLabels?.length ?? 16);\n  const columns = normalizedData?.[0]?.length ?? (xLabels?.length ?? 24);\n\n  // Convert 2D array to WellData format for PlateMap\n  const wellData: WellData[] | undefined = useMemo(() => {\n    if (!normalizedData) return;\n\n    const defaultRows = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\";\n    const wells: WellData[] = [];\n\n    for (let r = 0; r < normalizedData.length; r++) {\n      for (let c = 0; c < normalizedData[r].length; c++) {\n        const rowLabel = yLabels?.[r]?.toString() ?? defaultRows[r] ?? `R${r + 1}`;\n        const colLabel = xLabels?.[c]?.toString() ?? String(c + 1);\n        const wellId = `${rowLabel}${colLabel}`;\n        wells.push({ wellId, values: { Value: normalizedData[r][c] } });\n      }\n    }\n    return wells;\n  }, [normalizedData, xLabels, yLabels]);\n\n  // Pass colorscale directly - PlateMap's ColorScale type supports both string and array formats\n  const plateMapColorScale: ColorScale | undefined = colorscale;\n\n  return (\n    <PlateMap\n      data={wellData}\n      plateFormat=\"custom\"\n      rows={rows}\n      columns={columns}\n      title={title}\n      xTitle={xTitle}\n      yTitle={yTitle}\n      xLabels={xLabels}\n      yLabels={yLabels}\n      colorScale={plateMapColorScale}\n      valueMin={zmin}\n      valueMax={zmax}\n      showColorBar={showScale}\n      width={width}\n      height={height}\n      layerConfigs={[{ id: \"Value\", valueUnit }]}\n      precision={precision}\n    />\n  );\n};\n\nexport { Heatmap };\nexport type { HeatmapProps };\n"],"names":["normalizeData","data","maxLength","row","newRow","Heatmap","xLabels","yLabels","title","xTitle","yTitle","colorscale","width","height","showScale","precision","zmin","zmax","valueUnit","normalizedData","rows","columns","wellData","useMemo","defaultRows","wells","c","rowLabel","colLabel","wellId","plateMapColorScale","jsx","PlateMap"],"mappings":"8KA0DA,SAASA,EAAcC,EAA8B,CACnD,GAAI,CAACA,GAAQA,EAAK,SAAW,QAAU,CAAA,EAEvC,MAAMC,EAAY,KAAK,IAAI,GAAGD,EAAK,IAAKE,GAAQA,EAAI,MAAM,CAAC,EAE3D,OAAOF,EAAK,IAAKE,GAAQ,CACvB,GAAIA,EAAI,SAAWD,EAAW,OAAOC,EAErC,MAAMC,EAAS,CAAC,GAAGD,CAAG,EACtB,KAAOC,EAAO,OAASF,GACrBE,EAAO,KAAK,CAAC,EAEf,OAAOA,CACT,CAAC,CACH,CAEA,MAAMC,EAAkC,CAAC,CACvC,KAAAJ,EACA,QAAAK,EACA,QAAAC,EACA,MAAAC,EACA,OAAAC,EACA,OAAAC,EACA,WAAAC,EACA,MAAAC,EAAQ,IACR,OAAAC,EAAS,IACT,UAAAC,EAAY,GACZ,UAAAC,EAAY,EACZ,KAAAC,EACA,KAAAC,EACA,UAAAC,EAAY,EACd,IAAM,CAEJ,MAAMC,EAAiBlB,EAAOD,EAAcC,CAAI,EAAI,OAG9CmB,EAAOD,GAAgB,QAAWZ,GAAS,QAAU,GACrDc,EAAUF,IAAiB,CAAC,GAAG,QAAWb,GAAS,QAAU,GAG7DgB,EAAmCC,EAAAA,QAAQ,IAAM,CACrD,GAAI,CAACJ,EAAgB,OAErB,MAAMK,EAAc,6BACdC,EAAoB,CAAA,EAE1B,QAAS,EAAI,EAAG,EAAIN,EAAe,OAAQ,IACzC,QAASO,EAAI,EAAGA,EAAIP,EAAe,CAAC,EAAE,OAAQO,IAAK,CACjD,MAAMC,EAAWpB,IAAU,CAAC,GAAG,SAAA,GAAciB,EAAY,CAAC,GAAK,IAAI,EAAI,CAAC,GAClEI,EAAWtB,IAAUoB,CAAC,GAAG,YAAc,OAAOA,EAAI,CAAC,EACnDG,EAAS,GAAGF,CAAQ,GAAGC,CAAQ,GACrCH,EAAM,KAAK,CAAE,OAAAI,EAAQ,OAAQ,CAAE,MAAOV,EAAe,CAAC,EAAEO,CAAC,CAAA,CAAE,CAAG,CAChE,CAEF,OAAOD,CACT,EAAG,CAACN,EAAgBb,EAASC,CAAO,CAAC,EAG/BuB,EAA6CnB,EAEnD,OACEoB,EAAAA,IAACC,EAAAA,SAAA,CACC,KAAMV,EACN,YAAY,SACZ,KAAAF,EACA,QAAAC,EACA,MAAAb,EACA,OAAAC,EACA,OAAAC,EACA,QAAAJ,EACA,QAAAC,EACA,WAAYuB,EACZ,SAAUd,EACV,SAAUC,EACV,aAAcH,EACd,MAAAF,EACA,OAAAC,EACA,aAAc,CAAC,CAAE,GAAI,QAAS,UAAAK,EAAW,EACzC,UAAAH,CAAA,CAAA,CAGN"}

package/dist/components/charts/Heatmap/Heatmap.js

@@ -1,67 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import { useMemo as x } from "react";
-import { PlateMap as z } from "../PlateMap/PlateMap.js";
-function B(o) {
-  if (!o || o.length === 0) return [];
-  const e = Math.max(...o.map((t) => t.length));
-  return o.map((t) => {
-    if (t.length === e) return t;
-    const r = [...t];
-    for (; r.length < e; )
-      r.push(0);
-    return r;
-  });
-}
-const j = ({
-  data: o,
-  xLabels: e,
-  yLabels: t,
-  title: r,
-  xTitle: u,
-  yTitle: s,
-  colorscale: i,
-  width: m = 800,
-  height: h = 600,
-  showScale: g = !0,
-  precision: p = 0,
-  zmin: f,
-  zmax: w,
-  valueUnit: M = ""
-}) => {
-  const n = o ? B(o) : void 0, S = n?.length ?? t?.length ?? 16, C = n?.[0]?.length ?? e?.length ?? 24, v = x(() => {
-    if (!n) return;
-    const D = "ABCDEFGHIJKLMNOPQRSTUVWXYZ", c = [];
-    for (let l = 0; l < n.length; l++)
-      for (let a = 0; a < n[l].length; a++) {
-        const R = t?.[l]?.toString() ?? D[l] ?? `R${l + 1}`, V = e?.[a]?.toString() ?? String(a + 1), $ = `${R}${V}`;
-        c.push({ wellId: $, values: { Value: n[l][a] } });
-      }
-    return c;
-  }, [n, e, t]);
-  return /* @__PURE__ */ d(
-    z,
-    {
-      data: v,
-      plateFormat: "custom",
-      rows: S,
-      columns: C,
-      title: r,
-      xTitle: u,
-      yTitle: s,
-      xLabels: e,
-      yLabels: t,
-      colorScale: i,
-      valueMin: f,
-      valueMax: w,
-      showColorBar: g,
-      width: m,
-      height: h,
-      layerConfigs: [{ id: "Value", valueUnit: M }],
-      precision: p
-    }
-  );
-};
-export {
-  j as Heatmap
-};
-//# sourceMappingURL=Heatmap.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Heatmap.js","sources":["../../../../src/components/charts/Heatmap/Heatmap.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { PlateMap } from \"../PlateMap\";\n\nimport type { ColorScale, WellData } from \"../PlateMap\";\n\n/**\n * Props for the Heatmap component\n * @deprecated Use PlateMap component instead. Heatmap is now a wrapper around PlateMap for backward compatibility.\n */\ninterface HeatmapProps {\n  /** 2D array of numeric values */\n  data?: number[][];\n  /** Custom x-axis labels (column labels) */\n  xLabels?: string[] | number[];\n  /** Custom y-axis labels (row labels) */\n  yLabels?: string[] | number[];\n  /** Chart title */\n  title?: string;\n  /** X-axis title */\n  xTitle?: string;\n  /** Y-axis title */\n  yTitle?: string;\n  /** Color scale - string name or array of [position, color] pairs */\n  colorscale?: string | Array<[number, string]>;\n  /** Chart width in pixels */\n  width?: number;\n  /** Chart height in pixels */\n  height?: number;\n  /** Show color scale legend */\n  showScale?: boolean;\n  /** Number of decimal places for values */\n  precision?: number;\n  /** Minimum value for color scale */\n  zmin?: number;\n  /** Maximum value for color scale */\n  zmax?: number;\n  /** Value unit suffix */\n  valueUnit?: string;\n}\n\n/**\n * Heatmap component for 2D data visualization\n * @deprecated Use PlateMap component instead. This component is now a wrapper around PlateMap for backward compatibility.\n *\n * @example\n * ```tsx\n * <Heatmap\n *   data={[[1, 2, 3], [4, 5, 6]]}\n *   xLabels={['A', 'B', 'C']}\n *   yLabels={['Row 1', 'Row 2']}\n *   title=\"My Heatmap\"\n * />\n * ```\n */\n/**\n * Normalize jagged 2D array to consistent width (backward compatibility)\n */\nfunction normalizeData(data: number[][]): number[][] {\n  if (!data || data.length === 0) return [];\n\n  const maxLength = Math.max(...data.map((row) => row.length));\n\n  return data.map((row) => {\n    if (row.length === maxLength) return row;\n\n    const newRow = [...row];\n    while (newRow.length < maxLength) {\n      newRow.push(0);\n    }\n    return newRow;\n  });\n}\n\nconst Heatmap: React.FC<HeatmapProps> = ({\n  data,\n  xLabels,\n  yLabels,\n  title,\n  xTitle,\n  yTitle,\n  colorscale,\n  width = 800,\n  height = 600,\n  showScale = true,\n  precision = 0,\n  zmin,\n  zmax,\n  valueUnit = \"\",\n}) => {\n  // Normalize jagged arrays to consistent width (backward compatibility)\n  const normalizedData = data ? normalizeData(data) : undefined;\n\n  // Determine rows and columns from normalized data or labels\n  const rows = normalizedData?.length ?? (yLabels?.length ?? 16);\n  const columns = normalizedData?.[0]?.length ?? (xLabels?.length ?? 24);\n\n  // Convert 2D array to WellData format for PlateMap\n  const wellData: WellData[] | undefined = useMemo(() => {\n    if (!normalizedData) return;\n\n    const defaultRows = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\";\n    const wells: WellData[] = [];\n\n    for (let r = 0; r < normalizedData.length; r++) {\n      for (let c = 0; c < normalizedData[r].length; c++) {\n        const rowLabel = yLabels?.[r]?.toString() ?? defaultRows[r] ?? `R${r + 1}`;\n        const colLabel = xLabels?.[c]?.toString() ?? String(c + 1);\n        const wellId = `${rowLabel}${colLabel}`;\n        wells.push({ wellId, values: { Value: normalizedData[r][c] } });\n      }\n    }\n    return wells;\n  }, [normalizedData, xLabels, yLabels]);\n\n  // Pass colorscale directly - PlateMap's ColorScale type supports both string and array formats\n  const plateMapColorScale: ColorScale | undefined = colorscale;\n\n  return (\n    <PlateMap\n      data={wellData}\n      plateFormat=\"custom\"\n      rows={rows}\n      columns={columns}\n      title={title}\n      xTitle={xTitle}\n      yTitle={yTitle}\n      xLabels={xLabels}\n      yLabels={yLabels}\n      colorScale={plateMapColorScale}\n      valueMin={zmin}\n      valueMax={zmax}\n      showColorBar={showScale}\n      width={width}\n      height={height}\n      layerConfigs={[{ id: \"Value\", valueUnit }]}\n      precision={precision}\n    />\n  );\n};\n\nexport { Heatmap };\nexport type { HeatmapProps };\n"],"names":["normalizeData","data","maxLength","row","newRow","Heatmap","xLabels","yLabels","title","xTitle","yTitle","colorscale","width","height","showScale","precision","zmin","zmax","valueUnit","normalizedData","rows","columns","wellData","useMemo","defaultRows","wells","r","c","rowLabel","colLabel","wellId","jsx","PlateMap"],"mappings":";;;AA0DA,SAASA,EAAcC,GAA8B;AACnD,MAAI,CAACA,KAAQA,EAAK,WAAW,UAAU,CAAA;AAEvC,QAAMC,IAAY,KAAK,IAAI,GAAGD,EAAK,IAAI,CAACE,MAAQA,EAAI,MAAM,CAAC;AAE3D,SAAOF,EAAK,IAAI,CAACE,MAAQ;AACvB,QAAIA,EAAI,WAAWD,EAAW,QAAOC;AAErC,UAAMC,IAAS,CAAC,GAAGD,CAAG;AACtB,WAAOC,EAAO,SAASF;AACrB,MAAAE,EAAO,KAAK,CAAC;AAEf,WAAOA;AAAA,EACT,CAAC;AACH;AAEA,MAAMC,IAAkC,CAAC;AAAA,EACvC,MAAAJ;AAAA,EACA,SAAAK;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAM;AAEJ,QAAMC,IAAiBlB,IAAOD,EAAcC,CAAI,IAAI,QAG9CmB,IAAOD,GAAgB,UAAWZ,GAAS,UAAU,IACrDc,IAAUF,IAAiB,CAAC,GAAG,UAAWb,GAAS,UAAU,IAG7DgB,IAAmCC,EAAQ,MAAM;AACrD,QAAI,CAACJ,EAAgB;AAErB,UAAMK,IAAc,8BACdC,IAAoB,CAAA;AAE1B,aAASC,IAAI,GAAGA,IAAIP,EAAe,QAAQO;AACzC,eAASC,IAAI,GAAGA,IAAIR,EAAeO,CAAC,EAAE,QAAQC,KAAK;AACjD,cAAMC,IAAWrB,IAAUmB,CAAC,GAAG,SAAA,KAAcF,EAAYE,CAAC,KAAK,IAAIA,IAAI,CAAC,IAClEG,IAAWvB,IAAUqB,CAAC,GAAG,cAAc,OAAOA,IAAI,CAAC,GACnDG,IAAS,GAAGF,CAAQ,GAAGC,CAAQ;AACrC,QAAAJ,EAAM,KAAK,EAAE,QAAAK,GAAQ,QAAQ,EAAE,OAAOX,EAAeO,CAAC,EAAEC,CAAC,EAAA,EAAE,CAAG;AAAA,MAChE;AAEF,WAAOF;AAAA,EACT,GAAG,CAACN,GAAgBb,GAASC,CAAO,CAAC;AAKrC,SACE,gBAAAwB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,aAAY;AAAA,MACZ,MAAAF;AAAA,MACA,SAAAC;AAAA,MACA,OAAAb;AAAA,MACA,QAAAC;AAAA,MACA,QAAAC;AAAA,MACA,SAAAJ;AAAA,MACA,SAAAC;AAAA,MACA,YAb+CI;AAAA,MAc/C,UAAUK;AAAA,MACV,UAAUC;AAAA,MACV,cAAcH;AAAA,MACd,OAAAF;AAAA,MACA,QAAAC;AAAA,MACA,cAAc,CAAC,EAAE,IAAI,SAAS,WAAAK,GAAW;AAAA,MACzC,WAAAH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/charts/LineGraph/LineGraph.cjs

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"LineGraph.cjs","sources":["../../../../src/components/charts/LineGraph/LineGraph.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\ntype MarkerSymbol =\n  | \"circle\"\n  | \"circle-open\"\n  | \"circle-dot\"\n  | \"circle-open-dot\"\n  | \"square\"\n  | \"square-open\"\n  | \"square-dot\"\n  | \"square-open-dot\"\n  | \"diamond\"\n  | \"diamond-open\"\n  | \"diamond-dot\"\n  | \"diamond-open-dot\"\n  | \"cross\"\n  | \"cross-open\"\n  | \"cross-dot\"\n  | \"cross-open-dot\"\n  | \"x\"\n  | \"x-open\"\n  | \"x-dot\"\n  | \"x-open-dot\"\n  | \"triangle-up\"\n  | \"triangle-up-open\"\n  | \"triangle-up-dot\"\n  | \"triangle-up-open-dot\"\n  | \"triangle-down\"\n  | \"triangle-down-open\"\n  | \"triangle-down-dot\"\n  | \"triangle-down-open-dot\"\n  | \"triangle-left\"\n  | \"triangle-left-open\"\n  | \"triangle-left-dot\"\n  | \"triangle-left-open-dot\"\n  | \"triangle-right\"\n  | \"triangle-right-open\"\n  | \"triangle-right-dot\"\n  | \"triangle-right-open-dot\"\n  | \"triangle-ne\"\n  | \"triangle-ne-open\"\n  | \"triangle-ne-dot\"\n  | \"triangle-ne-open-dot\"\n  | \"triangle-se\"\n  | \"triangle-se-open\"\n  | \"triangle-se-dot\"\n  | \"triangle-se-open-dot\"\n  | \"triangle-sw\"\n  | \"triangle-sw-open\"\n  | \"triangle-sw-dot\"\n  | \"triangle-sw-open-dot\"\n  | \"triangle-nw\"\n  | \"triangle-nw-open\"\n  | \"triangle-nw-dot\"\n  | \"triangle-nw-open-dot\"\n  | \"pentagon\"\n  | \"pentagon-open\"\n  | \"pentagon-dot\"\n  | \"pentagon-open-dot\"\n  | \"hexagon\"\n  | \"hexagon-open\"\n  | \"hexagon-dot\"\n  | \"hexagon-open-dot\"\n  | \"hexagon2\"\n  | \"hexagon2-open\"\n  | \"hexagon2-dot\"\n  | \"hexagon2-open-dot\"\n  | \"octagon\"\n  | \"octagon-open\"\n  | \"octagon-dot\"\n  | \"octagon-open-dot\"\n  | \"star\"\n  | \"star-open\"\n  | \"star-dot\"\n  | \"star-open-dot\"\n  | \"hexagram\"\n  | \"hexagram-open\"\n  | \"hexagram-dot\"\n  | \"hexagram-open-dot\"\n  | \"star-triangle-up\"\n  | \"star-triangle-up-open\"\n  | \"star-triangle-up-dot\"\n  | \"star-triangle-up-open-dot\"\n  | \"star-triangle-down\"\n  | \"star-triangle-down-open\"\n  | \"star-triangle-down-dot\"\n  | \"star-triangle-down-open-dot\"\n  | \"star-square\"\n  | \"star-square-open\"\n  | \"star-square-dot\"\n  | \"star-square-open-dot\"\n  | \"star-diamond\"\n  | \"star-diamond-open\"\n  | \"star-diamond-dot\"\n  | \"star-diamond-open-dot\"\n  | \"diamond-tall\"\n  | \"diamond-tall-open\"\n  | \"diamond-tall-dot\"\n  | \"diamond-tall-open-dot\"\n  | \"diamond-wide\"\n  | \"diamond-wide-open\"\n  | \"diamond-wide-dot\"\n  | \"diamond-wide-open-dot\"\n  | \"hourglass\"\n  | \"hourglass-open\"\n  | \"bowtie\"\n  | \"bowtie-open\"\n  | \"circle-cross\"\n  | \"circle-cross-open\"\n  | \"circle-x\"\n  | \"circle-x-open\"\n  | \"square-cross\"\n  | \"square-cross-open\"\n  | \"square-x\"\n  | \"square-x-open\"\n  | \"diamond-cross\"\n  | \"diamond-cross-open\"\n  | \"diamond-x\"\n  | \"diamond-x-open\"\n  | \"cross-thin\"\n  | \"cross-thin-open\"\n  | \"x-thin\"\n  | \"x-thin-open\"\n  | \"asterisk\"\n  | \"asterisk-open\"\n  | \"hash\"\n  | \"hash-open\"\n  | \"hash-dot\"\n  | \"hash-open-dot\"\n  | \"y-up\"\n  | \"y-up-open\"\n  | \"y-down\"\n  | \"y-down-open\"\n  | \"y-left\"\n  | \"y-left-open\"\n  | \"y-right\"\n  | \"y-right-open\"\n  | \"line-ew\"\n  | \"line-ew-open\"\n  | \"line-ns\"\n  | \"line-ns-open\"\n  | \"line-ne\"\n  | \"line-ne-open\"\n  | \"line-nw\"\n  | \"line-nw-open\"\n  | \"arrow\"\n  | \"arrow-open\"\n  | \"arrow-wide\"\n  | \"arrow-wide-open\";\n\ninterface LineDataSeries {\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  symbol?: MarkerSymbol;\n  error_y?: {\n    type: \"data\";\n    array: number[];\n    visible: boolean;\n  };\n}\n\ntype LineGraphVariant = \"lines\" | \"lines+markers\" | \"lines+markers+error_bars\";\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\ntype LineGraphProps = {\n  dataSeries: LineDataSeries[];\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?: LineGraphVariant;\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 line 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 LineGraph: React.FC<LineGraphProps> = ({\n  dataSeries,\n  width,\n  height,\n  xRange,\n  yRange,\n  variant = \"lines\",\n  xTitle,\n  yTitle,\n  title,\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 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 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: 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 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 mode = useMemo((): \"lines\" | \"lines+markers\" => {\n    switch (variant) {\n      case \"lines+markers\":\n      case \"lines+markers+error_bars\":\n        return \"lines+markers\";\n      default:\n        return \"lines\";\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: \"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  useEffect(() => {\n    if (!plotRef.current || !hasSize) return;\n\n    const plotData = 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: mode,\n        name: series.name,\n        hoverinfo: \"none\" as const,\n        line: {\n          color,\n          width: 1.5,\n        },\n        marker:\n          variant === \"lines\"\n            ? { opacity: 0 }\n            : {\n                color,\n                size: 8,\n                symbol: series.symbol || \"triangle-up\",\n              },\n        error_y:\n          variant === \"lines+markers+error_bars\"\n            ? series.error_y || {\n                type: \"data\" as const,\n                array: series.y.map(() => 10),\n                visible: true,\n                color,\n                thickness: 1,\n                width: 5,\n              }\n            : undefined,\n      };\n    });\n\n    const layout = {\n      ...(title\n        ? {\n            title: {\n              text: title,\n              font: {\n                size: 32,\n                family: \"Inter, sans-serif\",\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: 10,\n      },\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: 32,\n        },\n        gridcolor: theme.gridColor,\n        range: xRange,\n        autorange: !xRange,\n        tickmode: \"array\" as const,\n        tickvals: xTicks,\n        ticktext: useCategoricalX ? xTickText : xTicks.map(String),\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: 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: \"Inter, sans-serif\",\n          weight: 500,\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, plotData, 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    return () => {\n      if (plotElement) {\n        Plotly.purge(plotElement);\n        plotInitedRef.current = false;\n      }\n    };\n  }, [dataSeries, hasSize, xRange, yRange, xTitle, yTitle, title, mode, tickOptions, xTicks, yTicks, useCategoricalX, xTickText, effectiveYRange, variant, 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 ref={containerRef} className={cn(\"relative\", fillWidth && \"w-full\", fillHeight && \"h-full\")}>\n      <div ref={plotRef} style={{ width: \"100%\", height: \"100%\" }} />\n      {tooltipElement}\n    </div>\n  );\n};\n\nexport { LineGraph };\nexport type { LineDataSeries, LineGraphVariant, LineGraphProps, MarkerSymbol };\n"],"names":["TITLE_MARGIN_TOP","NO_TITLE_MARGIN_TOP","LineGraph","dataSeries","width","height","xRange","yRange","variant","xTitle","yTitle","title","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","yTicks","range","step","ticks","current","xTicks","s","a","b","useCategoricalX","mode","tickOptions","useEffect","plotData","index","color","seriesColor","layout","config","Plotly","plotElement","jsxs","cn","jsx"],"mappings":"+XA+KMA,EAAmB,GACnBC,EAAsB,GA6BtBC,EAAsC,CAAC,CAC3C,WAAAC,EACA,MAAAC,EACA,OAAAC,EACA,OAAAC,EACA,OAAAC,EACA,QAAAC,EAAU,QACV,OAAAC,EACA,OAAAC,EACA,MAAAC,EACA,UAAAC,CACF,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,EAAgBnB,GAASiB,EAAS,MAClCG,EAAiBnB,GAAUgB,EAAS,OACpCI,EAAUF,EAAgB,GAAKC,EAAiB,EAGhDE,EAAYtB,IAAU,OACtBuB,EAAatB,IAAW,OACxBuB,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,UAElBlC,EAAW,QAASmC,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,KAAML,EAAOM,EACb,KAAML,EAAOK,CAAA,CAEjB,EAAG,CAACvC,CAAU,CAAC,EAETwC,EAAkBV,EAAAA,QACtB,IAAM1B,GAAU,CAACwB,EAAMC,CAAI,EAC3B,CAACzB,EAAQwB,EAAMC,CAAI,CAAA,EAGfY,EAASX,EAAAA,QAAQ,IAAM,CAC3B,MAAMY,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,EAAShB,EAAAA,QACb,IAAM,CAAC,GAAG,IAAI,IAAI9B,EAAW,QAAS+C,GAAMA,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAACC,EAAGC,IAAMD,EAAIC,CAAC,EACvE,CAACjD,CAAU,CAAA,EAKPkD,EAAkB,CAAC,CAACzC,GAAaA,EAAU,SAAWqC,EAAO,OAE7DK,EAAOrB,EAAAA,QAAQ,IAAiC,CACpD,OAAQzB,EAAA,CACN,IAAK,gBACL,IAAK,2BACH,MAAO,gBACT,QACE,MAAO,OAAA,CAEb,EAAG,CAACA,CAAO,CAAC,EAEN+C,EAActB,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,EAGRyC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAAC3C,EAAQ,SAAW,CAACY,EAAS,OAElC,MAAMgC,EAAWtD,EAAW,IAAI,CAACmC,EAAQoB,IAAU,CACjD,MAAMC,EAAQC,EAAAA,YAAYF,EAAOpB,EAAO,KAAK,EAC7C,MAAO,CACL,EAAGA,EAAO,EACV,EAAGA,EAAO,EACV,KAAM,UACN,KAAAgB,EACA,KAAMhB,EAAO,KACb,UAAW,OACX,KAAM,CACJ,MAAAqB,EACA,MAAO,GAAA,EAET,OACEnD,IAAY,QACR,CAAE,QAAS,GACX,CACE,MAAAmD,EACA,KAAM,EACN,OAAQrB,EAAO,QAAU,aAAA,EAEjC,QACE9B,IAAY,2BACR8B,EAAO,SAAW,CAChB,KAAM,OACN,MAAOA,EAAO,EAAE,IAAI,IAAM,EAAE,EAC5B,QAAS,GACT,MAAAqB,EACA,UAAW,EACX,MAAO,CAAA,EAET,MAAA,CAEV,CAAC,EAEKE,EAAS,CACb,GAAIlD,EACA,CACE,MAAO,CACL,KAAMA,EACN,KAAM,CACJ,KAAM,GACN,OAAQ,oBACR,MAAOI,EAAM,SAAA,CACf,CACF,EAEF,CAAA,EACJ,MAAOa,EAAQ,QAAQ,MACvB,OAAQA,EAAQ,QAAQ,OACxB,OAAQ,CACN,EAAG,GACH,EAAG,GAGH,EAAG,GACH,EAAGjB,EAAQX,EAAmBC,EAC9B,IAAK,EAAA,EAEP,cAAec,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,MAAOT,EACP,UAAW,CAACA,EACZ,SAAU,QACV,SAAU2C,EACV,SAAUI,EAAkBzC,EAAYqC,EAAO,IAAI,MAAM,EACzD,SAAU,GAGV,WAAY,GACZ,GAAGM,CAAA,EAEL,MAAO,CACL,MAAO,CACL,KAAM7C,EACN,KAAM,CACJ,KAAM,GACN,MAAOK,EAAM,cACb,OAAQ,oBACR,OAAQ,GAAA,EAEV,SAAU,EAAA,EAEZ,UAAWA,EAAM,UACjB,MAAOR,EACP,UAAW,CAACA,EACZ,SAAU,QACV,SAAUqC,EACV,SAAU,GACV,WAAY,GACZ,GAAGW,CAAA,EAEL,OAAQ,CAIN,EAAG,GACH,EAAG,EACH,QAAS,SACT,QAAS,SACT,KAAM,YACN,YAAa,IACb,KAAM,CACJ,KAAM,GACN,MAAOxC,EAAM,YACb,OAAQ,oBACR,OAAQ,GAAA,CACV,EAEF,WAAY,EAAA,EAGR+C,EAAS,CAGb,WAAY,GACZ,eAAgB,GAChB,YAAa,EAAA,EAGfC,EAAO,QAAQlD,EAAQ,QAAS4C,EAAUI,EAAQC,CAAM,EACxD7C,EAAYJ,EAAQ,OAAO,EAG3B,MAAMmD,EAAcnD,EAAQ,QAC5B,OAAAgB,EAAc,QAAU,GACxBC,EAAe,QAAU,CAAE,GAAGF,EAAQ,OAAA,EAE/B,IAAM,CACPoC,IACFD,EAAO,MAAMC,CAAW,EACxBnC,EAAc,QAAU,GAE5B,CACF,EAAG,CAAC1B,EAAYsB,EAASnB,EAAQC,EAAQE,EAAQC,EAAQC,EAAO2C,EAAMC,EAAaN,EAAQL,EAAQS,EAAiBzC,EAAW+B,EAAiBnC,EAASO,EAAOE,CAAW,CAAC,EAI5KuC,EAAAA,UAAU,IAAM,CACd,MAAMQ,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,EAEpDuC,EAAO,SAASC,EAAa,CAAE,MAAOzC,EAAe,OAAQC,CAAA,CAAgB,EAAE,MAClF,IAAM,CAAC,CAAA,EAEX,EAAG,CAACD,EAAeC,CAAc,CAAC,EAGhCyC,EAAAA,KAAC,MAAA,CAAI,IAAK7C,EAAc,UAAW8C,EAAAA,GAAG,WAAYxC,GAAa,SAAUC,GAAc,QAAQ,EAC7F,SAAA,CAAAwC,EAAAA,IAAC,MAAA,CAAI,IAAKtD,EAAS,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAA,CAAO,CAAG,EAC5DK,CAAA,EACH,CAEJ"}