@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/chunk-QKGCW37O.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/compound/Chart/src/Chart.tsx","../src/components/compound/Chart/src/render/ChartHover.tsx","../src/components/compound/Chart/src/utils/chartLayout.ts","../src/components/compound/Chart/src/utils/paths.ts","../src/components/compound/Chart/src/utils/areaGeometry.ts","../src/components/compound/Chart/src/utils/barGeometry.ts","../src/components/compound/Chart/src/utils/lineGeometry.ts","../src/components/compound/Chart/src/utils/pieGeometry.ts","../src/components/compound/Chart/src/utils/geometry.ts","../src/components/compound/Chart/src/theme.ts","../src/components/compound/Chart/src/render/ChartLegend.tsx","../src/components/compound/Chart/src/render/ChartPlot.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useMemo, useState, type PointerEvent } from 'react';\nimport { Box, Stack } from '@/ele/Box';\nimport { Typography } from '@/ele/Typography';\nimport type { ChartProps } from './_types';\nimport { ChartHover } from './render/ChartHover';\nimport { ChartLegend } from './render/ChartLegend';\nimport { ChartPlot } from './render/ChartPlot';\nimport { mergeSx } from '@/_utils/_func';\nimport {\n  ChartRoot,\n  chartLabelSx,\n  chartPlotBoxSx,\n  chartSeriesTokenStyle,\n  chartTokenVars,\n  hoistChartCssVars,\n  toChartStyle,\n} from './theme';\nimport { buildChartGeometry, hitIndex } from './utils/geometry';\n\nconst identity = (value: string) => value;\nconst formatNumber = (value: number) => String(value);\n\nexport function Chart({\n  type = 'area',\n  series,\n  labels = [],\n  stacked = false,\n  hole = 0,\n  showLine = true,\n  formatX = identity,\n  formatY = formatNumber,\n  ariaLabel = 'Chart',\n  emptyMessage = 'No data',\n  sx,\n}: ChartProps) {\n  const geometry = useMemo(\n    () => buildChartGeometry(series, labels, { type, stacked, hole }),\n    [hole, labels, series, stacked, type]\n  );\n  const [hoverIndex, setHoverIndex] = useState<number | null>(null);\n  const isEmpty = geometry.hoverPoints.length === 0;\n  const isPie = geometry.kind === 'pie';\n  const hoverPoint =\n    hoverIndex == null ? null : (geometry.hoverPoints[hoverIndex] ?? null);\n\n  const onPointerMove = useCallback(\n    (event: PointerEvent<HTMLDivElement>) => {\n      const next = hitIndex(\n        event.clientX,\n        event.clientY,\n        event.currentTarget.getBoundingClientRect(),\n        geometry\n      );\n      setHoverIndex((current) => (current === next ? current : next));\n    },\n    [geometry]\n  );\n\n  const onPointerLeave = useCallback(() => {\n    setHoverIndex(null);\n  }, []);\n\n  const hoisted = hoistChartCssVars(sx);\n\n  const plot = (\n    <Box\n      sx={mergeSx(\n        chartPlotBoxSx,\n        isPie\n          ? {\n              aspectRatio: '1 / 1',\n              maxWidth: 320,\n              mx: 'auto',\n              height: 'auto',\n              minHeight: 240,\n              cursor: 'pointer',\n            }\n          : undefined\n      )}\n      onPointerMove={isEmpty ? undefined : onPointerMove}\n      onPointerLeave={isEmpty ? undefined : onPointerLeave}\n    >\n      {isEmpty ? (\n        <Box\n          sx={{\n            position: 'absolute',\n            inset: 0,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n          }}\n        >\n          <Typography sx={{ color: 'var(--chart-empty)' }}>\n            {emptyMessage}\n          </Typography>\n        </Box>\n      ) : (\n        <ChartPlot\n          geometry={geometry}\n          showLine={showLine}\n          ariaLabel={ariaLabel}\n        />\n      )}\n      {hoverPoint ? (\n        <ChartHover\n          point={hoverPoint}\n          labelCount={geometry.hoverPoints.length}\n          plotHeight={geometry.plotHeight}\n          viewWidth={geometry.viewWidth}\n          viewHeight={geometry.viewHeight}\n          formatX={formatX}\n          formatY={formatY}\n        />\n      ) : null}\n    </Box>\n  );\n\n  return (\n    <ChartRoot\n      style={toChartStyle(\n        chartTokenVars,\n        chartSeriesTokenStyle(series),\n        hoisted.style\n      )}\n      sx={hoisted.sx}\n    >\n      {isPie ? (\n        plot\n      ) : (\n        <Box\n          sx={{\n            display: 'grid',\n            gridTemplateColumns: 'auto minmax(0, 1fr)',\n            gridTemplateRows: 'minmax(220px, 240px) auto',\n            columnGap: 1,\n            rowGap: 0.75,\n            width: '100%',\n          }}\n        >\n          <Stack\n            sx={{\n              justifyContent: 'space-between',\n              alignItems: 'flex-end',\n              py: 0.25,\n              minWidth: 56,\n            }}\n          >\n            {geometry.yTicks.map((tick) => (\n              <Typography key={tick} component=\"span\" sx={chartLabelSx}>\n                {formatY(tick)}\n              </Typography>\n            ))}\n          </Stack>\n\n          {plot}\n\n          <Box />\n\n          <Box sx={{ position: 'relative', height: 16, minWidth: 0, overflow: 'hidden' }}>\n            {geometry.xLabels.map(({ label, index }) => {\n              const x =\n                labels.length === 1\n                  ? 0.5\n                  : index / Math.max(labels.length - 1, 1);\n              const isFirst = labels.length > 1 && index === 0;\n              const isLast = labels.length > 1 && index === labels.length - 1;\n              return (\n                <Typography\n                  key={`${label}-${index}`}\n                  component=\"span\"\n                  sx={mergeSx(chartLabelSx, {\n                    position: 'absolute',\n                    left: `${x * 100}%`,\n                    top: 0,\n                    transform: isFirst\n                      ? 'none'\n                      : isLast\n                        ? 'translateX(-100%)'\n                        : 'translateX(-50%)',\n                  })}\n                >\n                  {formatX(label)}\n                </Typography>\n              );\n            })}\n          </Box>\n        </Box>\n      )}\n\n      <ChartLegend series={geometry.legend} />\n    </ChartRoot>\n  );\n}\n\nexport default Chart;\n","import { memo } from 'react';\nimport { mergeSx } from '@/_utils/_func';\nimport { Box, Stack } from '@/ele/Box';\nimport { Typography } from '@/ele/Typography';\nimport type { ChartHoverPoint } from '../utils/geometry';\nimport { CHART_PAD } from '../utils/geometry';\nimport {\n  chartInkSx,\n  chartLiveRegionSx,\n  chartSvgSx,\n  chartTooltipSx,\n} from '../theme';\n\nconst tooltipTransform = (\n  point: ChartHoverPoint,\n  labelCount: number,\n  viewWidth: number,\n  viewHeight: number\n): string => {\n  const flipX =\n    point.showGuide === false\n      ? point.x >= viewWidth * 0.5\n      : point.index >= labelCount * 0.65;\n  const flipY =\n    point.showGuide === false\n      ? point.y < viewHeight * 0.45\n      : point.y < CHART_PAD.top + 64;\n  return `translate(${flipX ? '-108%' : '10px'}, ${\n    flipY ? '12px' : 'calc(-100% - 10px)'\n  })`;\n};\n\nexport const ChartHover = memo(function ChartHover({\n  point,\n  labelCount,\n  plotHeight,\n  viewWidth,\n  viewHeight,\n  formatX,\n  formatY,\n}: {\n  point: ChartHoverPoint;\n  labelCount: number;\n  plotHeight: number;\n  viewWidth: number;\n  viewHeight: number;\n  formatX: (label: string) => string;\n  formatY: (value: number) => string;\n}) {\n  const markers = point.markers ?? [\n    { x: point.x, y: point.y, color: 'var(--chart-line)' },\n  ];\n  const liveValue =\n    point.rows.length === 1 ? point.rows[0].value : point.total;\n  return (\n    <>\n      <Box\n        component=\"svg\"\n        viewBox={`0 0 ${viewWidth} ${viewHeight}`}\n        preserveAspectRatio={point.showGuide === false ? 'xMidYMid meet' : 'none'}\n        sx={chartSvgSx}\n        aria-hidden\n      >\n        {point.showGuide === false ? null : (\n          <line\n            data-chart-guide=\"\"\n            x1={point.x}\n            x2={point.x}\n            y1={CHART_PAD.top}\n            y2={CHART_PAD.top + plotHeight}\n            vectorEffect=\"non-scaling-stroke\"\n          />\n        )}\n        {markers.map((marker, index) => (\n          <circle\n            key={`${marker.x}-${marker.y}-${index}`}\n            data-chart-marker=\"\"\n            cx={marker.x}\n            cy={marker.y}\n            r={4}\n            stroke={marker.color}\n            vectorEffect=\"non-scaling-stroke\"\n          />\n        ))}\n      </Box>\n      <Box\n        sx={chartTooltipSx}\n        style={{\n          left: `${(point.x / viewWidth) * 100}%`,\n          top: `${(point.y / viewHeight) * 100}%`,\n          transform: tooltipTransform(point, labelCount, viewWidth, viewHeight),\n        }}\n      >\n        <Typography sx={mergeSx(chartInkSx, { fontWeight: 700 })}>\n          {formatX(point.label)}\n        </Typography>\n        <Stack spacing={0.35} sx={{ mt: 0.5 }}>\n          {point.rows.map((row) => (\n            <Stack\n              key={row.id}\n              direction=\"row\"\n              spacing={1}\n              sx={{ alignItems: 'center', justifyContent: 'space-between' }}\n            >\n              <Stack\n                direction=\"row\"\n                spacing={0.75}\n                sx={{ alignItems: 'center', minWidth: 0 }}\n              >\n                <Box\n                  sx={{\n                    width: 8,\n                    height: 8,\n                    borderRadius: 0.5,\n                    backgroundColor: row.color,\n                    flexShrink: 0,\n                  }}\n                />\n                <Typography sx={chartInkSx}>{row.label}</Typography>\n              </Stack>\n              <Typography sx={mergeSx(chartInkSx, { fontWeight: 600 })}>\n                {formatY(row.value)}\n              </Typography>\n            </Stack>\n          ))}\n          {point.showTotal ? (\n            <Stack\n              direction=\"row\"\n              spacing={1}\n              sx={{\n                alignItems: 'center',\n                justifyContent: 'space-between',\n                pt: 0.35,\n                borderTop: '1px solid',\n                borderColor: 'var(--chart-tooltip-border)',\n              }}\n            >\n              <Typography sx={mergeSx(chartInkSx, { fontWeight: 700 })}>\n                Total\n              </Typography>\n              <Typography sx={mergeSx(chartInkSx, { fontWeight: 700 })}>\n                {formatY(point.total)}\n              </Typography>\n            </Stack>\n          ) : null}\n        </Stack>\n      </Box>\n      <Box component=\"span\" aria-live=\"polite\" sx={chartLiveRegionSx}>\n        {`${formatX(point.label)} ${formatY(liveValue)}`}\n      </Box>\n    </>\n  );\n});\n","import type { ChartType } from '../_types';\n\nexport const CHART_WIDTH = 920;\nexport const CHART_HEIGHT = 280;\nexport const CHART_PAD = { top: 12, right: 8, bottom: 8, left: 8 } as const;\nexport const CHART_PIE_SIZE = 280;\n\nexport interface ChartHoverRow {\n  id: string;\n  label: string;\n  color: string;\n  value: number;\n}\n\nexport interface ChartHoverMarker {\n  x: number;\n  y: number;\n  color: string;\n}\n\nexport interface ChartHoverPoint {\n  index: number;\n  label: string;\n  x: number;\n  y: number;\n  rows: ChartHoverRow[];\n  total: number;\n  showTotal: boolean;\n  showGuide?: boolean;\n  markers?: ChartHoverMarker[];\n}\n\nexport interface ChartStackedArea {\n  id: string;\n  label: string;\n  color: string;\n  values: number[];\n  yTop: number[];\n  areaD: string;\n}\n\nexport interface ChartBarRect {\n  id: string;\n  color: string;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nexport interface ChartLinePath {\n  id: string;\n  color: string;\n  d: string;\n}\n\nexport interface ChartSlice {\n  id: string;\n  label: string;\n  color: string;\n  value: number;\n  start: number;\n  end: number;\n  d: string;\n  cx: number;\n  cy: number;\n}\n\ninterface ChartGeometryBase {\n  peak: number;\n  hoverPoints: ChartHoverPoint[];\n  yTicks: number[];\n  xLabels: Array<{ label: string; index: number }>;\n  plotWidth: number;\n  plotHeight: number;\n  viewWidth: number;\n  viewHeight: number;\n  legend: Array<{ id: string; label: string }>;\n}\n\nexport interface AreaChartGeometry extends ChartGeometryBase {\n  kind: 'area';\n  stacked: ChartStackedArea[];\n  lineD: string;\n}\n\nexport interface LineChartGeometry extends ChartGeometryBase {\n  kind: 'line';\n  lines: ChartLinePath[];\n}\n\nexport interface BarChartGeometry extends ChartGeometryBase {\n  kind: 'bar';\n  bars: ChartBarRect[];\n}\n\nexport interface PieChartGeometry extends ChartGeometryBase {\n  kind: 'pie';\n  slices: ChartSlice[];\n  cx: number;\n  cy: number;\n  rOuter: number;\n  rInner: number;\n}\n\nexport type ChartGeometry =\n  | AreaChartGeometry\n  | LineChartGeometry\n  | BarChartGeometry\n  | PieChartGeometry;\n\nexport interface ChartGeometryOptions {\n  type?: ChartType;\n  stacked?: boolean;\n  hole?: number;\n}\n\nexport const cartesianPlotSize = (): {\n  plotWidth: number;\n  plotHeight: number;\n} => ({\n  plotWidth: CHART_WIDTH - CHART_PAD.left - CHART_PAD.right,\n  plotHeight: CHART_HEIGHT - CHART_PAD.top - CHART_PAD.bottom,\n});\n\nexport const xTickLabels = (\n  labels: string[]\n): Array<{ label: string; index: number }> => {\n  const step = Math.max(1, Math.ceil(labels.length / 7));\n  return labels.flatMap((label, index) =>\n    index % step === 0 || index === labels.length - 1 ? [{ label, index }] : []\n  );\n};\n\nexport const seriesColorToken = (index: number): string =>\n  `var(--chart-series-${index})`;\n\nexport const emptyGeometry = (kind: ChartType): ChartGeometry => {\n  const { plotWidth, plotHeight } = cartesianPlotSize();\n  const base = {\n    peak: 1,\n    hoverPoints: [] as ChartHoverPoint[],\n    yTicks: [1, 0.5, 0],\n    xLabels: [] as Array<{ label: string; index: number }>,\n    plotWidth,\n    plotHeight,\n    legend: [] as Array<{ id: string; label: string }>,\n  };\n  if (kind === 'pie') {\n    return {\n      ...base,\n      kind: 'pie',\n      viewWidth: CHART_PIE_SIZE,\n      viewHeight: CHART_PIE_SIZE,\n      slices: [],\n      cx: CHART_PIE_SIZE / 2,\n      cy: CHART_PIE_SIZE / 2,\n      rOuter: 1,\n      rInner: 0,\n    };\n  }\n  if (kind === 'bar') {\n    return {\n      ...base,\n      kind: 'bar',\n      viewWidth: CHART_WIDTH,\n      viewHeight: CHART_HEIGHT,\n      bars: [],\n    };\n  }\n  if (kind === 'line') {\n    return {\n      ...base,\n      kind: 'line',\n      viewWidth: CHART_WIDTH,\n      viewHeight: CHART_HEIGHT,\n      lines: [],\n    };\n  }\n  return {\n    ...base,\n    kind: 'area',\n    viewWidth: CHART_WIDTH,\n    viewHeight: CHART_HEIGHT,\n    stacked: [],\n    lineD: '',\n  };\n};\n\nexport const indexFromClientX = (\n  clientX: number,\n  rect: DOMRect,\n  labelCount: number,\n  viewWidth = CHART_WIDTH\n): number => {\n  if (labelCount <= 1) {\n    return 0;\n  }\n  const viewX = ((clientX - rect.left) / Math.max(rect.width, 1)) * viewWidth;\n  const t =\n    (viewX - CHART_PAD.left) /\n    (viewWidth - CHART_PAD.left - CHART_PAD.right);\n  return Math.round(Math.min(1, Math.max(0, t)) * (labelCount - 1));\n};\n\nexport const indexFromBandX = (\n  clientX: number,\n  rect: DOMRect,\n  labelCount: number,\n  viewWidth = CHART_WIDTH\n): number => {\n  if (labelCount <= 1) {\n    return 0;\n  }\n  const viewX = ((clientX - rect.left) / Math.max(rect.width, 1)) * viewWidth;\n  const t =\n    (viewX - CHART_PAD.left) /\n    (viewWidth - CHART_PAD.left - CHART_PAD.right);\n  return Math.min(\n    labelCount - 1,\n    Math.max(0, Math.floor(t * labelCount))\n  );\n};\n\nexport const indexFromPiePointer = (\n  clientX: number,\n  clientY: number,\n  rect: DOMRect,\n  geometry: PieChartGeometry\n): number | null => {\n  if (geometry.slices.length === 0) {\n    return null;\n  }\n  const viewX =\n    ((clientX - rect.left) / Math.max(rect.width, 1)) * geometry.viewWidth;\n  const viewY =\n    ((clientY - rect.top) / Math.max(rect.height, 1)) * geometry.viewHeight;\n  const dx = viewX - geometry.cx;\n  const dy = viewY - geometry.cy;\n  const dist = Math.hypot(dx, dy);\n  if (dist > geometry.rOuter + 1 || dist < Math.max(geometry.rInner - 1, 0)) {\n    return null;\n  }\n  let turn = Math.atan2(dx, -dy);\n  if (turn < 0) {\n    turn += Math.PI * 2;\n  }\n  const hit = geometry.slices.findIndex(\n    (slice) => turn >= slice.start && turn < slice.end\n  );\n  return hit >= 0 ? hit : geometry.slices.length - 1;\n};\n\nexport const hitIndex = (\n  clientX: number,\n  clientY: number,\n  rect: DOMRect,\n  geometry: ChartGeometry\n): number | null => {\n  if (geometry.kind === 'pie') {\n    return indexFromPiePointer(clientX, clientY, rect, geometry);\n  }\n  if (geometry.hoverPoints.length === 0) {\n    return null;\n  }\n  if (geometry.kind === 'bar') {\n    return indexFromBandX(\n      clientX,\n      rect,\n      geometry.hoverPoints.length,\n      geometry.viewWidth\n    );\n  }\n  return indexFromClientX(\n    clientX,\n    rect,\n    geometry.hoverPoints.length,\n    geometry.viewWidth\n  );\n};\n","export const areaPath = (\n  xs: number[],\n  yTop: number[],\n  yBottom: number[]\n): string => {\n  if (xs.length === 0) {\n    return '';\n  }\n  const top = xs.map(\n    (x, index) => `${index === 0 ? 'M' : 'L'} ${x} ${yTop[index]}`\n  );\n  const bottom = [...xs]\n    .reverse()\n    .map((x, index) => `L ${x} ${yBottom[xs.length - 1 - index]}`);\n  return `${top.join(' ')} ${bottom.join(' ')} Z`;\n};\n\nexport const linePath = (xs: number[], ys: number[]): string =>\n  xs.map((x, index) => `${index === 0 ? 'M' : 'L'} ${x} ${ys[index]}`).join(' ');\n\nexport const TAU = Math.PI * 2;\n\n/** Angle 0 at the top, clockwise, SVG y-down. */\nexport const polar = (\n  cx: number,\n  cy: number,\n  radius: number,\n  angleFromTop: number\n): [number, number] => [\n  cx + radius * Math.sin(angleFromTop),\n  cy - radius * Math.cos(angleFromTop),\n];\n\nexport const donutSlicePath = (\n  cx: number,\n  cy: number,\n  rOuter: number,\n  rInner: number,\n  start: number,\n  end: number\n): string => {\n  const sweep = end - start;\n  if (sweep <= 0 || rOuter <= 0) {\n    return '';\n  }\n  if (sweep >= TAU - 1e-8) {\n    if (rInner <= 0) {\n      return `M ${cx + rOuter} ${cy} A ${rOuter} ${rOuter} 0 1 1 ${cx - rOuter} ${cy} A ${rOuter} ${rOuter} 0 1 1 ${cx + rOuter} ${cy} Z`;\n    }\n    return `M ${cx + rOuter} ${cy} A ${rOuter} ${rOuter} 0 1 1 ${cx - rOuter} ${cy} A ${rOuter} ${rOuter} 0 1 1 ${cx + rOuter} ${cy} M ${cx + rInner} ${cy} A ${rInner} ${rInner} 0 1 0 ${cx - rInner} ${cy} A ${rInner} ${rInner} 0 1 0 ${cx + rInner} ${cy} Z`;\n  }\n  const large = sweep > Math.PI ? 1 : 0;\n  const [x0, y0] = polar(cx, cy, rOuter, start);\n  const [x1, y1] = polar(cx, cy, rOuter, end);\n  if (rInner <= 0) {\n    return `M ${cx} ${cy} L ${x0} ${y0} A ${rOuter} ${rOuter} 0 ${large} 1 ${x1} ${y1} Z`;\n  }\n  const [ix0, iy0] = polar(cx, cy, rInner, start);\n  const [ix1, iy1] = polar(cx, cy, rInner, end);\n  return `M ${x0} ${y0} A ${rOuter} ${rOuter} 0 ${large} 1 ${x1} ${y1} L ${ix1} ${iy1} A ${rInner} ${rInner} 0 ${large} 0 ${ix0} ${iy0} Z`;\n};\n","import type { ChartSeries } from '../_types';\nimport {\n  CHART_HEIGHT,\n  CHART_PAD,\n  CHART_WIDTH,\n  cartesianPlotSize,\n  seriesColorToken,\n  xTickLabels,\n  type AreaChartGeometry,\n} from './chartLayout';\nimport { areaPath, linePath } from './paths';\n\nconst stretch = (values: number[]): number[] =>\n  values.length === 1 ? [values[0], values[0]] : values;\n\nconst sumThrough = (\n  seriesValues: number[][],\n  dayIndex: number,\n  endExclusive: number\n): number =>\n  seriesValues\n    .slice(0, endExclusive)\n    .reduce((sum, values) => sum + (values[dayIndex] ?? 0), 0);\n\nexport const buildAreaGeometry = (\n  series: ChartSeries[],\n  labels: string[]\n): AreaChartGeometry => {\n  const { plotWidth, plotHeight } = cartesianPlotSize();\n  const seriesValues = series.map((item) =>\n    labels.map((_, dayIndex) => item.values[dayIndex] ?? 0)\n  );\n  const totals = labels.map((_, dayIndex) =>\n    seriesValues.reduce((sum, values) => sum + (values[dayIndex] ?? 0), 0)\n  );\n  const peak = Math.max(1, ...totals);\n  const sampleCount = Math.max(labels.length, 2);\n  const xValues = Array.from(\n    { length: sampleCount },\n    (_, index) =>\n      CHART_PAD.left + (index / (sampleCount - 1)) * plotWidth\n  );\n\n  const stacked = series.map((item, seriesIndex) => {\n    const yTop = stretch(\n      labels.map((_, dayIndex) => {\n        const upper = sumThrough(seriesValues, dayIndex, seriesIndex + 1);\n        return CHART_PAD.top + plotHeight - (upper / peak) * plotHeight;\n      })\n    );\n    const yBottom = stretch(\n      labels.map((_, dayIndex) => {\n        const lower = sumThrough(seriesValues, dayIndex, seriesIndex);\n        return CHART_PAD.top + plotHeight - (lower / peak) * plotHeight;\n      })\n    );\n    return {\n      id: item.id,\n      label: item.label,\n      color: seriesColorToken(seriesIndex),\n      values: seriesValues[seriesIndex] ?? [],\n      yTop,\n      areaD: areaPath(xValues, yTop, yBottom),\n    };\n  });\n\n  const topSeries = stacked[stacked.length - 1];\n  const pointX = (index: number): number =>\n    xValues[labels.length === 1 ? xValues.length - 1 : index] ?? CHART_PAD.left;\n  const pointYIndex = (index: number): number =>\n    labels.length === 1 ? Math.max(xValues.length - 1, 0) : index;\n\n  const hoverPoints = labels.map((label, index) => {\n    const rows = stacked.map((item) => ({\n      id: item.id,\n      label: item.label,\n      color: item.color,\n      value: item.values[index] ?? 0,\n    }));\n    const total = rows.reduce((sum, row) => sum + row.value, 0);\n    const visibleRows = rows.filter((row) => row.value > 0);\n    const y = topSeries?.yTop[pointYIndex(index)] ?? CHART_PAD.top + plotHeight;\n    const x = pointX(index);\n    return {\n      index,\n      label,\n      x,\n      y,\n      rows: visibleRows.length > 0 ? visibleRows : rows.slice(-1),\n      total,\n      showTotal: visibleRows.length > 1,\n      showGuide: true,\n      markers: [{ x, y, color: 'var(--chart-line)' }],\n    };\n  });\n\n  return {\n    kind: 'area',\n    stacked,\n    peak,\n    hoverPoints,\n    lineD: topSeries ? linePath(xValues, topSeries.yTop) : '',\n    yTicks: [peak, peak / 2, 0],\n    xLabels: xTickLabels(labels),\n    plotWidth,\n    plotHeight,\n    viewWidth: CHART_WIDTH,\n    viewHeight: CHART_HEIGHT,\n    legend: series.map((item) => ({ id: item.id, label: item.label })),\n  };\n};\n","import type { ChartSeries } from '../_types';\nimport {\n  CHART_HEIGHT,\n  CHART_PAD,\n  CHART_WIDTH,\n  cartesianPlotSize,\n  seriesColorToken,\n  xTickLabels,\n  type BarChartGeometry,\n  type ChartBarRect,\n} from './chartLayout';\n\nconst GROUP_GAP = 0.22;\n\nexport const buildBarGeometry = (\n  series: ChartSeries[],\n  labels: string[],\n  stacked: boolean\n): BarChartGeometry => {\n  const { plotWidth, plotHeight } = cartesianPlotSize();\n  const seriesValues = series.map((item) =>\n    labels.map((_, dayIndex) => Math.max(0, item.values[dayIndex] ?? 0))\n  );\n  const totals = labels.map((_, dayIndex) =>\n    seriesValues.reduce((sum, values) => sum + (values[dayIndex] ?? 0), 0)\n  );\n  const peak = stacked\n    ? Math.max(1, ...totals)\n    : Math.max(1, ...seriesValues.flatMap((values) => values));\n  const groupWidth = plotWidth / Math.max(labels.length, 1);\n  const gap = groupWidth * GROUP_GAP;\n  const inner = Math.max(groupWidth - gap, 1);\n  const barWidth = stacked ? inner : inner / Math.max(series.length, 1);\n  const bars: ChartBarRect[] = [];\n\n  labels.forEach((_, dayIndex) => {\n    const groupX = CHART_PAD.left + dayIndex * groupWidth + gap / 2;\n    if (stacked) {\n      let acc = 0;\n      series.forEach((item, seriesIndex) => {\n        const value = seriesValues[seriesIndex]?.[dayIndex] ?? 0;\n        const height = (value / peak) * plotHeight;\n        const y = CHART_PAD.top + plotHeight - ((acc + value) / peak) * plotHeight;\n        bars.push({\n          id: `${item.id}-${dayIndex}`,\n          color: seriesColorToken(seriesIndex),\n          x: groupX,\n          y,\n          width: barWidth,\n          height,\n        });\n        acc += value;\n      });\n      return;\n    }\n    series.forEach((item, seriesIndex) => {\n      const value = seriesValues[seriesIndex]?.[dayIndex] ?? 0;\n      const height = (value / peak) * plotHeight;\n      bars.push({\n        id: `${item.id}-${dayIndex}`,\n        color: seriesColorToken(seriesIndex),\n        x: groupX + seriesIndex * barWidth,\n        y: CHART_PAD.top + plotHeight - height,\n        width: barWidth,\n        height,\n      });\n    });\n  });\n\n  const hoverPoints = labels.map((label, index) => {\n    const rows = series.map((item, seriesIndex) => ({\n      id: item.id,\n      label: item.label,\n      color: seriesColorToken(seriesIndex),\n      value: seriesValues[seriesIndex]?.[index] ?? 0,\n    }));\n    const total = rows.reduce((sum, row) => sum + row.value, 0);\n    const visibleRows = rows.filter((row) => row.value > 0);\n    const x = CHART_PAD.left + index * groupWidth + groupWidth / 2;\n    const y =\n      CHART_PAD.top +\n      plotHeight -\n      ((stacked ? total : Math.max(0, ...rows.map((row) => row.value))) / peak) *\n        plotHeight;\n    return {\n      index,\n      label,\n      x,\n      y,\n      rows: visibleRows.length > 0 ? visibleRows : rows.slice(-1),\n      total,\n      showTotal: stacked && visibleRows.length > 1,\n      showGuide: true,\n      markers: [{ x, y, color: 'var(--chart-line)' }],\n    };\n  });\n\n  return {\n    kind: 'bar',\n    bars,\n    peak,\n    hoverPoints,\n    yTicks: [peak, peak / 2, 0],\n    xLabels: xTickLabels(labels),\n    plotWidth,\n    plotHeight,\n    viewWidth: CHART_WIDTH,\n    viewHeight: CHART_HEIGHT,\n    legend: series.map((item) => ({ id: item.id, label: item.label })),\n  };\n};\n","import type { ChartSeries } from '../_types';\nimport {\n  CHART_HEIGHT,\n  CHART_PAD,\n  CHART_WIDTH,\n  cartesianPlotSize,\n  seriesColorToken,\n  xTickLabels,\n  type LineChartGeometry,\n} from './chartLayout';\nimport { linePath } from './paths';\n\nexport const buildLineGeometry = (\n  series: ChartSeries[],\n  labels: string[]\n): LineChartGeometry => {\n  const { plotWidth, plotHeight } = cartesianPlotSize();\n  const seriesValues = series.map((item) =>\n    labels.map((_, dayIndex) => item.values[dayIndex] ?? 0)\n  );\n  const peak = Math.max(\n    1,\n    ...seriesValues.flatMap((values) => values)\n  );\n  const sampleCount = Math.max(labels.length, 2);\n  const xValues = Array.from(\n    { length: sampleCount },\n    (_, index) =>\n      CHART_PAD.left + (index / (sampleCount - 1)) * plotWidth\n  );\n  const yAt = (value: number): number =>\n    CHART_PAD.top + plotHeight - (value / peak) * plotHeight;\n  const stretchY = (values: number[]): number[] =>\n    values.length === 1 ? [yAt(values[0] ?? 0), yAt(values[0] ?? 0)] : values.map(yAt);\n\n  const lines = series.map((item, seriesIndex) => ({\n    id: item.id,\n    color: seriesColorToken(seriesIndex),\n    d: linePath(xValues, stretchY(seriesValues[seriesIndex] ?? [])),\n  }));\n\n  const hoverPoints = labels.map((label, index) => {\n    const x =\n      xValues[labels.length === 1 ? xValues.length - 1 : index] ?? CHART_PAD.left;\n    const sampleIndex = labels.length === 1 ? Math.max(xValues.length - 1, 0) : index;\n    const rows = series.map((item, seriesIndex) => ({\n      id: item.id,\n      label: item.label,\n      color: seriesColorToken(seriesIndex),\n      value: seriesValues[seriesIndex]?.[index] ?? 0,\n    }));\n    const markers = rows.map((row, seriesIndex) => ({\n      x,\n      y: stretchY(seriesValues[seriesIndex] ?? [])[sampleIndex] ?? yAt(0),\n      color: row.color,\n    }));\n    const top = markers.reduce(\n      (min, marker) => (marker.y < min.y ? marker : min),\n      markers[0] ?? { x, y: yAt(0), color: 'var(--chart-line)' }\n    );\n    return {\n      index,\n      label,\n      x,\n      y: top.y,\n      rows,\n      total: rows.reduce((sum, row) => sum + row.value, 0),\n      showTotal: false,\n      showGuide: true,\n      markers,\n    };\n  });\n\n  return {\n    kind: 'line',\n    lines,\n    peak,\n    hoverPoints,\n    yTicks: [peak, peak / 2, 0],\n    xLabels: xTickLabels(labels),\n    plotWidth,\n    plotHeight,\n    viewWidth: CHART_WIDTH,\n    viewHeight: CHART_HEIGHT,\n    legend: series.map((item) => ({ id: item.id, label: item.label })),\n  };\n};\n","import type { ChartSeries } from '../_types';\nimport {\n  CHART_PIE_SIZE,\n  seriesColorToken,\n  type ChartSlice,\n  type PieChartGeometry,\n} from './chartLayout';\nimport { donutSlicePath, polar, TAU } from './paths';\n\nconst sliceValue = (item: ChartSeries): number =>\n  item.values.reduce((sum, value) => sum + Math.max(0, value), 0);\n\nexport const pieSlicesFrom = (\n  series: ChartSeries[],\n  labels: string[]\n): Array<{ id: string; label: string; color: string; value: number }> => {\n  if (\n    series.length === 1 &&\n    labels.length > 1 &&\n    (series[0]?.values.length ?? 0) === labels.length\n  ) {\n    const only = series[0];\n    return labels.map((label, index) => ({\n      id: `${only.id}-${index}`,\n      label,\n      color: seriesColorToken(index),\n      value: Math.max(0, only.values[index] ?? 0),\n    }));\n  }\n  return series.map((item, index) => ({\n    id: item.id,\n    label: item.label,\n    color: seriesColorToken(index),\n    value: sliceValue(item),\n  }));\n};\n\nexport const buildPieGeometry = (\n  series: ChartSeries[],\n  labels: string[],\n  hole: number\n): PieChartGeometry => {\n  const cx = CHART_PIE_SIZE / 2;\n  const cy = CHART_PIE_SIZE / 2;\n  const rOuter = CHART_PIE_SIZE * 0.38;\n  const rInner = rOuter * Math.min(0.85, Math.max(0, hole));\n  const source = pieSlicesFrom(series, labels).filter((item) => item.value > 0);\n  const total = source.reduce((sum, item) => sum + item.value, 0);\n\n  if (total <= 0) {\n    return {\n      kind: 'pie',\n      slices: [],\n      peak: 1,\n      hoverPoints: [],\n      yTicks: [],\n      xLabels: [],\n      plotWidth: CHART_PIE_SIZE,\n      plotHeight: CHART_PIE_SIZE,\n      viewWidth: CHART_PIE_SIZE,\n      viewHeight: CHART_PIE_SIZE,\n      legend: [],\n      cx,\n      cy,\n      rOuter,\n      rInner,\n    };\n  }\n\n  let cursor = 0;\n  const slices: ChartSlice[] = source.map((item) => {\n    const start = cursor;\n    const sweep = (item.value / total) * TAU;\n    const end = start + sweep;\n    cursor = end;\n    const mid = start + sweep / 2;\n    const markerR = (rOuter + rInner) / 2 || rOuter * 0.62;\n    const [mx, my] = polar(cx, cy, markerR, mid);\n    return {\n      ...item,\n      start,\n      end,\n      d: donutSlicePath(cx, cy, rOuter, rInner, start, end),\n      cx: mx,\n      cy: my,\n    };\n  });\n\n  const hoverPoints = slices.map((slice, index) => ({\n    index,\n    label: slice.label,\n    x: slice.cx,\n    y: slice.cy,\n    rows: [\n      {\n        id: slice.id,\n        label: slice.label,\n        color: slice.color,\n        value: slice.value,\n      },\n    ],\n    total,\n    showTotal: slices.length > 1,\n    showGuide: false,\n    markers: [{ x: slice.cx, y: slice.cy, color: slice.color }],\n  }));\n\n  return {\n    kind: 'pie',\n    slices,\n    peak: total,\n    hoverPoints,\n    yTicks: [],\n    xLabels: [],\n    plotWidth: CHART_PIE_SIZE,\n    plotHeight: CHART_PIE_SIZE,\n    viewWidth: CHART_PIE_SIZE,\n    viewHeight: CHART_PIE_SIZE,\n    legend: source.map((item) => ({ id: item.id, label: item.label })),\n    cx,\n    cy,\n    rOuter,\n    rInner,\n  };\n};\n","import type { ChartSeries } from '../_types';\nimport { buildAreaGeometry } from './areaGeometry';\nimport { buildBarGeometry } from './barGeometry';\nimport {\n  emptyGeometry,\n  type ChartGeometry,\n  type ChartGeometryOptions,\n} from './chartLayout';\nimport { buildLineGeometry } from './lineGeometry';\nimport { buildPieGeometry } from './pieGeometry';\n\nexport * from './chartLayout';\n\nexport const buildChartGeometry = (\n  series: ChartSeries[],\n  labels: string[] = [],\n  options: ChartGeometryOptions = {}\n): ChartGeometry => {\n  const type = options.type ?? 'area';\n  if (type === 'pie') {\n    if (series.length === 0) {\n      return emptyGeometry('pie');\n    }\n    return buildPieGeometry(series, labels, options.hole ?? 0);\n  }\n  if (labels.length === 0 || series.length === 0) {\n    return emptyGeometry(type);\n  }\n  if (type === 'bar') {\n    return buildBarGeometry(series, labels, options.stacked === true);\n  }\n  if (type === 'line') {\n    return buildLineGeometry(series, labels);\n  }\n  return buildAreaGeometry(series, labels);\n};\n","import { styled } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport type { CSSProperties } from 'react';\nimport { Box } from '@/ele/Box';\nimport type { ChartSeries } from './_types';\n\n/** Static palette aliases — spread into `styled()`, not `sx` (dynamic class names with `var()` are dropped). */\nexport const chartTokenVars = {\n  '--chart-grid': 'var(--mui-palette-divider)',\n  '--chart-grid-dasharray': '3 4',\n  '--chart-guide': 'var(--mui-palette-text-primary)',\n  '--chart-guide-dasharray': '4 4',\n  '--chart-guide-opacity': '0.45',\n  '--chart-label': 'var(--mui-palette-text-secondary)',\n  '--chart-ink': 'var(--mui-palette-text-primary)',\n  '--chart-paper': 'var(--mui-palette-background-paper)',\n  '--chart-tooltip-border': 'var(--mui-palette-divider)',\n  '--chart-line': 'var(--chart-series-1)',\n  '--chart-line-width': '2px',\n  '--chart-line-dasharray': '0 7',\n  '--chart-line-cap': 'round',\n  '--chart-series-line-dasharray': 'none',\n  '--chart-area-opacity': '0.72',\n  '--chart-bar-opacity': '1',\n  '--chart-bar-radius': '3px',\n  '--chart-pie-stroke': 'var(--chart-paper)',\n  '--chart-pie-stroke-width': '2px',\n  '--chart-empty': 'var(--mui-palette-text-secondary)',\n  // Hue tokens mixed with scheme chrome so series follow the theme (not raw primary/secondary).\n  '--chart-series-0':\n    'color-mix(in lab, var(--mui-palette-info-main) 64%, var(--mui-palette-primary-main))',\n  '--chart-series-1':\n    'color-mix(in lab, var(--mui-palette-system-main) 64%, var(--mui-palette-secondary-main))',\n  '--chart-series-2':\n    'color-mix(in lab, var(--mui-palette-insight-main) 64%, var(--mui-palette-primary-dark))',\n  '--chart-series-3':\n    'color-mix(in lab, var(--mui-palette-success-main) 64%, var(--mui-palette-secondary-dark))',\n  '--chart-series-4':\n    'color-mix(in lab, var(--mui-palette-error-main) 64%, var(--mui-palette-primary-main))',\n  '--chart-series-5':\n    'color-mix(in lab, var(--mui-palette-system-light) 58%, var(--mui-palette-primary-main))',\n  '--chart-series-6':\n    'color-mix(in lab, var(--mui-palette-insight-light) 58%, var(--mui-palette-secondary-main))',\n  '--chart-series-7':\n    'color-mix(in lab, var(--mui-palette-insight-dark) 58%, var(--mui-palette-text-primary))',\n} as const;\n\nexport const ChartRoot = styled(Box)({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 12,\n  width: '100%',\n  minWidth: 0,\n});\n\nexport const chartSeriesColorVar = (index: number): string =>\n  `var(--chart-series-${index})`;\n\nexport const chartSeriesTokenStyle = (\n  series: ChartSeries[]\n): Record<string, string> => {\n  const vars: Record<string, string> = {};\n  series.forEach((item, index) => {\n    if (item.color) {\n      vars[`--chart-series-${index}`] = item.color;\n    }\n  });\n  if (series.length > 0) {\n    vars['--chart-line'] = chartSeriesColorVar(series.length - 1);\n  }\n  return vars;\n};\n\nconst isCssVarKey = (key: string): boolean => key.startsWith('--');\n\n/** Pull `--*` keys out of `sx` so they are not lost in invalid Emotion class names. */\nexport const hoistChartCssVars = (\n  sx?: SxProps<Theme>\n): { style: Record<string, string>; sx?: SxProps<Theme> } => {\n  if (sx == null || typeof sx === 'function') {\n    return { style: {}, sx };\n  }\n  if (Array.isArray(sx)) {\n    const style: Record<string, string> = {};\n    const rest: Array<SxProps<Theme> | undefined> = [];\n    for (const part of sx) {\n      const next = hoistChartCssVars(part);\n      Object.assign(style, next.style);\n      if (next.sx != null) {\n        rest.push(next.sx);\n      }\n    }\n    if (rest.length === 0) {\n      return { style };\n    }\n    return {\n      style,\n      sx: rest.length === 1 ? rest[0] : (rest as SxProps<Theme>),\n    };\n  }\n  const style: Record<string, string> = {};\n  const rest: Record<string, unknown> = {};\n  for (const [key, value] of Object.entries(sx)) {\n    if (isCssVarKey(key) && value != null) {\n      style[key] = String(value);\n    } else {\n      rest[key] = value;\n    }\n  }\n  return {\n    style,\n    sx: Object.keys(rest).length > 0 ? (rest as SxProps<Theme>) : undefined,\n  };\n};\n\nexport const toChartStyle = (\n  ...parts: Array<{ readonly [key: string]: string } | undefined>\n): CSSProperties | undefined => {\n  const merged: Record<string, string> = {};\n  for (const part of parts) {\n    if (part) {\n      Object.assign(merged, part);\n    }\n  }\n  return Object.keys(merged).length > 0 ? merged : undefined;\n};\n\nexport const chartLabelSx: SxProps<Theme> = {\n  fontSize: 12,\n  lineHeight: 1.2,\n  color: 'var(--chart-label)',\n  fontVariantNumeric: 'tabular-nums',\n  whiteSpace: 'nowrap',\n};\n\nexport const chartInkSx: SxProps<Theme> = {\n  ...chartLabelSx,\n  color: 'var(--chart-ink)',\n};\n\nexport const chartPlotBoxSx: SxProps<Theme> = {\n  position: 'relative',\n  minWidth: 0,\n  minHeight: 220,\n  height: '100%',\n  overflow: 'visible',\n  cursor: 'crosshair',\n};\n\nexport const chartSvgSx: SxProps<Theme> = {\n  position: 'absolute',\n  inset: 0,\n  width: '100%',\n  height: '100%',\n  display: 'block',\n  overflow: 'visible',\n  pointerEvents: 'none',\n  '& [data-chart-grid]': {\n    stroke: 'var(--chart-grid)',\n    strokeDasharray: 'var(--chart-grid-dasharray)',\n  },\n  '& [data-chart-area]': {\n    fillOpacity: 'var(--chart-area-opacity)',\n  },\n  '& [data-chart-bar]': {\n    fillOpacity: 'var(--chart-bar-opacity)',\n    rx: 'var(--chart-bar-radius)',\n    ry: 'var(--chart-bar-radius)',\n  },\n  '& [data-chart-slice]': {\n    stroke: 'var(--chart-pie-stroke)',\n    strokeWidth: 'var(--chart-pie-stroke-width)',\n  },\n  '& [data-chart-series-line]': {\n    fill: 'none',\n    strokeWidth: 'var(--chart-line-width)',\n    strokeDasharray: 'var(--chart-series-line-dasharray)',\n    strokeLinecap: 'var(--chart-line-cap)',\n  },\n  '& [data-chart-line]': {\n    fill: 'none',\n    stroke: 'var(--chart-line)',\n    strokeWidth: 'var(--chart-line-width)',\n    strokeDasharray: 'var(--chart-line-dasharray)',\n    strokeLinecap: 'var(--chart-line-cap)',\n  },\n  '& [data-chart-guide]': {\n    stroke: 'var(--chart-guide)',\n    strokeOpacity: 'var(--chart-guide-opacity)',\n    strokeDasharray: 'var(--chart-guide-dasharray)',\n  },\n  '& [data-chart-marker]': {\n    fill: 'var(--chart-paper)',\n    strokeWidth: 'var(--chart-line-width)',\n  },\n};\n\nexport const chartTooltipSx: SxProps<Theme> = {\n  position: 'absolute',\n  zIndex: 2,\n  pointerEvents: 'none',\n  px: 1.25,\n  py: 0.75,\n  minWidth: 148,\n  borderRadius: 1.5,\n  border: '1px solid',\n  borderColor: 'var(--chart-tooltip-border)',\n  bgcolor: 'var(--chart-paper)',\n  boxShadow: 2,\n  color: 'var(--chart-ink)',\n};\n\nexport const chartLiveRegionSx: SxProps<Theme> = {\n  position: 'absolute',\n  width: 1,\n  height: 1,\n  overflow: 'hidden',\n  clip: 'rect(0 0 0 0)',\n};\n","import { Box, Stack } from '@/ele/Box';\nimport { Typography } from '@/ele/Typography';\nimport { chartLabelSx, chartSeriesColorVar } from '../theme';\n\nexport function ChartLegend({\n  series,\n}: {\n  series: Array<{ id: string; label: string }>;\n}) {\n  if (series.length === 0) {\n    return null;\n  }\n\n  return (\n    <Stack direction=\"row\" spacing={2} sx={{ flexWrap: 'wrap', rowGap: 1 }}>\n      {series.map((item, index) => (\n        <Stack\n          key={item.id}\n          direction=\"row\"\n          spacing={0.75}\n          sx={{ alignItems: 'center' }}\n        >\n          <Box\n            sx={{\n              width: 10,\n              height: 10,\n              borderRadius: 0.5,\n              backgroundColor: chartSeriesColorVar(index),\n              flexShrink: 0,\n            }}\n          />\n          <Typography sx={chartLabelSx}>{item.label}</Typography>\n        </Stack>\n      ))}\n    </Stack>\n  );\n}\n","import { memo } from 'react';\nimport { Box } from '@/ele/Box';\nimport type { ChartGeometry } from '../utils/geometry';\nimport { CHART_PAD } from '../utils/geometry';\nimport { chartSvgSx } from '../theme';\n\nconst Grid = ({\n  yTicks,\n  peak,\n  plotHeight,\n  viewWidth,\n}: {\n  yTicks: number[];\n  peak: number;\n  plotHeight: number;\n  viewWidth: number;\n}) => (\n  <>\n    {yTicks.map((tick) => {\n      const y = CHART_PAD.top + plotHeight - (tick / peak) * plotHeight;\n      return (\n        <line\n          key={tick}\n          data-chart-grid=\"\"\n          x1={CHART_PAD.left}\n          x2={viewWidth - CHART_PAD.right}\n          y1={y}\n          y2={y}\n        />\n      );\n    })}\n  </>\n);\n\nexport const ChartPlot = memo(function ChartPlot({\n  geometry,\n  showLine,\n  ariaLabel,\n}: {\n  geometry: ChartGeometry;\n  showLine: boolean;\n  ariaLabel: string;\n}) {\n  const meet = geometry.kind === 'pie';\n  return (\n    <Box\n      component=\"svg\"\n      viewBox={`0 0 ${geometry.viewWidth} ${geometry.viewHeight}`}\n      preserveAspectRatio={meet ? 'xMidYMid meet' : 'none'}\n      sx={chartSvgSx}\n      role=\"img\"\n      aria-label={ariaLabel}\n    >\n      {geometry.kind === 'area' ? (\n        <>\n          <Grid\n            yTicks={geometry.yTicks}\n            peak={geometry.peak}\n            plotHeight={geometry.plotHeight}\n            viewWidth={geometry.viewWidth}\n          />\n          {geometry.stacked.map((item) => (\n            <path\n              key={item.id}\n              data-chart-area=\"\"\n              d={item.areaD}\n              fill={item.color}\n            />\n          ))}\n          {showLine && geometry.lineD ? (\n            <path\n              data-chart-line=\"\"\n              d={geometry.lineD}\n              vectorEffect=\"non-scaling-stroke\"\n            />\n          ) : null}\n        </>\n      ) : null}\n      {geometry.kind === 'line' ? (\n        <>\n          <Grid\n            yTicks={geometry.yTicks}\n            peak={geometry.peak}\n            plotHeight={geometry.plotHeight}\n            viewWidth={geometry.viewWidth}\n          />\n          {geometry.lines.map((item) => (\n            <path\n              key={item.id}\n              data-chart-series-line=\"\"\n              d={item.d}\n              stroke={item.color}\n              vectorEffect=\"non-scaling-stroke\"\n            />\n          ))}\n        </>\n      ) : null}\n      {geometry.kind === 'bar' ? (\n        <>\n          <Grid\n            yTicks={geometry.yTicks}\n            peak={geometry.peak}\n            plotHeight={geometry.plotHeight}\n            viewWidth={geometry.viewWidth}\n          />\n          {geometry.bars.map((item) => (\n            <rect\n              key={item.id}\n              data-chart-bar=\"\"\n              x={item.x}\n              y={item.y}\n              width={item.width}\n              height={item.height}\n              fill={item.color}\n            />\n          ))}\n        </>\n      ) : null}\n      {geometry.kind === 'pie'\n        ? geometry.slices.map((slice) => (\n            <path\n              key={slice.id}\n              data-chart-slice=\"\"\n              d={slice.d}\n              fill={slice.color}\n            />\n          ))\n        : null}\n    </Box>\n  );\n});\n"],"mappings":"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","names":["default","style","rest","ChartHover","default","jsx","jsxs","default","memo","Fragment","jsx","jsxs","memo","ChartPlot","default","jsx","jsxs","default"]}

package/dist/chunk-R5MKQN6D.mjs

@@ -0,0 +1,227 @@
+import {
+  LineInput_default
+} from "./chunk-ZG3NQI77.mjs";
+import {
+  default as default3
+} from "./chunk-MDAUF7IL.mjs";
+import {
+  default79 as default4
+} from "./chunk-ZVFYOXDE.mjs";
+import {
+  default as default2
+} from "./chunk-S6EZVRZC.mjs";
+
+// src/components/elemental/VariablesRenderer/Var/Var.tsx
+import { useState, useEffect, useRef } from "react";
+import { styled } from "@mui/material";
+
+// src/components/elemental/VariablesRenderer/theme.ts
+var varDisplayRootStyle = {
+  "--var-border-color": "var(--mui-palette-text-href)"
+};
+
+// src/components/elemental/VariablesRenderer/Var/Var.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var DisplaySpan = styled("span", {
+  shouldForwardProp: (prop) => prop !== "editMode"
+})(() => ({
+  ...varDisplayRootStyle,
+  borderBottom: "1px dotted var(--var-border-color)",
+  lineHeight: 1,
+  fontStyle: "italic",
+  margin: "0 2px",
+  maxWidth: "300px",
+  overflow: "hidden",
+  display: "inline-flex",
+  "&>a>span": {
+    padding: "0 2px",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "pre"
+  },
+  variants: [
+    {
+      props: { editMode: true },
+      style: { display: "none" }
+    }
+  ]
+}));
+function Var({
+  defaultValue,
+  currentValue,
+  updateValue,
+  onChangeUpdate = false
+}) {
+  const [editMode, setEditMode] = useState(false);
+  const firstRenderRef = useRef(true);
+  const [tmpVar, setTmpVar] = useState(defaultValue);
+  const tmpVarRef = useRef(tmpVar);
+  const updateValueRef = useRef(updateValue);
+  tmpVarRef.current = tmpVar;
+  updateValueRef.current = updateValue;
+  const onChange = (e) => {
+    setTmpVar(e.target.value);
+    if (onChangeUpdate) {
+      updateValue(e.target.value);
+    }
+  };
+  useEffect(() => {
+    if (firstRenderRef.current) {
+      firstRenderRef.current = false;
+      return;
+    }
+    if (editMode) {
+      setTmpVar(currentValue);
+      return;
+    }
+    if (!editMode) {
+      if (typeof tmpVarRef.current === "string") {
+        return updateValueRef.current(tmpVarRef.current);
+      }
+    }
+  }, [editMode, currentValue]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DisplaySpan, { editMode, children: /* @__PURE__ */ jsxs(
+      default2,
+      {
+        component: "a",
+        onClick: (e) => {
+          e.preventDefault();
+          setEditMode(true);
+        },
+        sx: {
+          display: "inline-flex",
+          alignItems: "center",
+          gap: "4px",
+          overflow: "hidden"
+        },
+        children: [
+          /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1 }, children: currentValue }),
+          /* @__PURE__ */ jsx(default2, { component: "span", children: /* @__PURE__ */ jsx(default4, { sx: { "&.MuiSvgIcon-root": { fontSize: "inherit" } } }) })
+        ]
+      }
+    ) }),
+    editMode && /* @__PURE__ */ jsx(
+      default2,
+      {
+        component: "span",
+        sx: {
+          display: "inline-flex",
+          padding: "0 8px"
+        },
+        children: /* @__PURE__ */ jsx(default3, { onClickAway: () => setEditMode(false), children: /* @__PURE__ */ jsx(
+          LineInput_default,
+          {
+            value: tmpVar,
+            size: "small",
+            margin: "none",
+            autoFocus: true,
+            onChange,
+            InputProps: {
+              endAdornment: /* @__PURE__ */ jsx(default4, { sx: { "&.MuiSvgIcon-root": { fontSize: "inherit" } } })
+            },
+            sx: {
+              "&.MuiFormControl-root.MuiTextField-root": {
+                justifyContent: "center"
+              }
+            },
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                setEditMode(false);
+                if (typeof tmpVar === "string") {
+                  updateValue(tmpVar);
+                }
+              }
+              if (e.key === "Escape") {
+                setEditMode(false);
+                setTmpVar(currentValue);
+              }
+            }
+          }
+        ) })
+      }
+    )
+  ] });
+}
+
+// src/components/elemental/VariablesRenderer/Var/VarField.tsx
+import { useState as useState2, useEffect as useEffect2, useRef as useRef2 } from "react";
+import { styled as styled2 } from "@mui/material";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var DisplaySpan2 = styled2("span", {
+  shouldForwardProp: (prop) => prop !== "editMode"
+})(() => ({
+  ...varDisplayRootStyle,
+  borderBottom: "1px dotted var(--var-border-color)",
+  lineHeight: 1,
+  fontStyle: "italic",
+  margin: "0 2px",
+  display: "inline-flex",
+  "&>a>span": { padding: "0 2px" },
+  variants: [
+    {
+      props: { editMode: true },
+      style: { display: "none" }
+    }
+  ]
+}));
+function VarField({
+  currentValue,
+  Editor,
+  updateValue,
+  Display,
+  extraButton
+}) {
+  const [editMode, setEditMode] = useState2(false);
+  const firstRenderRef = useRef2(true);
+  const [tmpVar, setTmpVar] = useState2(currentValue);
+  const tmpVarRef = useRef2(tmpVar);
+  const updateValueRef = useRef2(updateValue);
+  tmpVarRef.current = tmpVar;
+  updateValueRef.current = updateValue;
+  useEffect2(() => {
+    if (firstRenderRef.current) {
+      firstRenderRef.current = false;
+      return;
+    }
+    if (!editMode) {
+      updateValueRef.current(tmpVarRef.current);
+    }
+  }, [editMode]);
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx2(DisplaySpan2, { editMode, children: /* @__PURE__ */ jsxs2(
+      default2,
+      {
+        component: "a",
+        onClick: () => setEditMode(true),
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          gap: "8px"
+        },
+        children: [
+          /* @__PURE__ */ jsx2(Display, { value: tmpVar }),
+          /* @__PURE__ */ jsx2(default2, { component: "span", children: /* @__PURE__ */ jsx2(default4, { sx: { "&.MuiSvgIcon-root": { fontSize: "inherit" } } }) }),
+          extraButton
+        ]
+      }
+    ) }),
+    editMode && /* @__PURE__ */ jsx2(
+      default2,
+      {
+        component: "span",
+        sx: {
+          display: "inline-flex",
+          padding: "0 8px"
+        },
+        children: /* @__PURE__ */ jsx2(default3, { onClickAway: () => setEditMode(false), children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(Editor, { setTmp: setTmpVar, tempValue: tmpVar }) }) })
+      }
+    )
+  ] });
+}
+
+export {
+  Var,
+  VarField
+};
+//# sourceMappingURL=chunk-R5MKQN6D.mjs.map

package/dist/chunk-R5MKQN6D.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/VariablesRenderer/Var/Var.tsx","../src/components/elemental/VariablesRenderer/theme.ts","../src/components/elemental/VariablesRenderer/Var/VarField.tsx"],"sourcesContent":["'use client'\nimport { useState, useEffect, useRef } from 'react'\nimport { ClickAwayListener } from '@/ele/Overlay'\nimport { styled } from '@mui/material'\nimport type {Signal} from '@preact/signals-react'\n\nimport { LineInput } from '@/ele/Input'\nimport { EditIcon } from '@/icons/MuiIcon'\nimport { Box } from '@/ele/Box'\nimport { varDisplayRootStyle } from '../theme'\n\nconst DisplaySpan = styled('span', {\n  shouldForwardProp: (prop) => prop !== 'editMode',\n})<{ editMode: boolean }>(() => ({\n  ...varDisplayRootStyle,\n  borderBottom: \"1px dotted var(--var-border-color)\",\n  lineHeight: 1,\n  fontStyle: \"italic\",\n  margin: \"0 2px\",\n  maxWidth: \"300px\",\n  overflow: \"hidden\",\n  display: \"inline-flex\",\n  \"&>a>span\": {\n    padding: \"0 2px\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"pre\",\n  },\n  variants: [\n    {\n      props: { editMode: true },\n      style: { display: 'none' },\n    },\n  ],\n}))\n\n/**\n * A component that share the same variable accross the app\n * \n * @param defaultValue The default value of the variable\n * @param currentValue The current value of the variable\n * @param updateValue The function to update the variable\n * @param onChangeUpdate If true, the variable will be updated on change\n * \n */\nexport default function Var({\n  defaultValue, currentValue, updateValue, onChangeUpdate = false\n}: {\n  defaultValue: string | Signal<string>,\n  currentValue: string | Signal<string>,\n  updateValue: (value: string) => void,\n  onChangeUpdate?: boolean,\n}) {\n  const [editMode, setEditMode] = useState(false)\n  const firstRenderRef = useRef(true)\n  const [tmpVar, setTmpVar] = useState(defaultValue)\n  const tmpVarRef = useRef(tmpVar)\n  const updateValueRef = useRef(updateValue)\n  tmpVarRef.current = tmpVar\n  updateValueRef.current = updateValue\n\n  const onChange: React.ComponentProps<typeof LineInput>[\"onChange\"] = (e) => {\n    setTmpVar(e.target.value)\n    if (onChangeUpdate) {\n      // update the current value on change to avoid data inconsistency\n      updateValue(e.target.value)\n    }\n  }\n\n  useEffect(() => {\n    if (firstRenderRef.current) {\n      firstRenderRef.current = false\n      return\n    }\n\n    if (editMode) {\n      // reset value to current value\n      setTmpVar(currentValue)\n      return\n    }\n    if (!editMode) {\n      // if current value is a string set the value directly\n      if (typeof tmpVarRef.current === \"string\") {\n        // update the current value\n        return updateValueRef.current(tmpVarRef.current)\n      }\n      // if current value is a signal, do nothing \n      // beacause this implies that the input is no modified\n    }\n    // only update when start editing or stop editing\n  }, [editMode, currentValue])\n\n  return (\n    <>\n      <DisplaySpan editMode={editMode}>\n        <Box component=\"a\" onClick={(e) => {\n          e.preventDefault()\n          setEditMode(true)\n        }}\n          sx={{\n            display: \"inline-flex\",\n            alignItems: \"center\",\n            gap: \"4px\",\n            overflow: \"hidden\",\n          }}>\n          <Box component=\"span\" sx={{ flex: 1 }}>{currentValue}</Box>\n          <Box component=\"span\"><EditIcon sx={{ \"&.MuiSvgIcon-root\": { fontSize: \"inherit\" } }} /></Box>\n        </Box>\n      </DisplaySpan>\n\n      {editMode && <Box component=\"span\"\n        sx={{\n          display: 'inline-flex',\n          padding: \"0 8px\",\n        }}>\n        <ClickAwayListener onClickAway={() => setEditMode(false)}>\n\n          <LineInput value={tmpVar} size=\"small\"\n            margin=\"none\"\n            autoFocus\n            onChange={onChange}\n            InputProps={{\n              endAdornment: <EditIcon sx={{ \"&.MuiSvgIcon-root\": { fontSize: \"inherit\" } }} />,\n            }}\n            sx={{\n              \"&.MuiFormControl-root.MuiTextField-root\": {\n                justifyContent: \"center\",\n              }\n            }}\n            onKeyDown={(e) => {\n              // if enter is pressed, update the value and exit edit mode\n              if (e.key === \"Enter\") {\n                setEditMode(false)\n                // update the value\n                if (typeof tmpVar === \"string\") {\n                  updateValue(tmpVar)\n                }\n              }\n              // if escape is pressed, exit edit mode\n              if (e.key === \"Escape\") {\n                setEditMode(false)\n                // reset the value to current value\n                setTmpVar(currentValue)\n              }\n            }}\n          />\n\n        </ClickAwayListener>\n      </Box>}\n    </>\n  )\n}\n","export const varDisplayRootStyle = {\n  '--var-border-color': 'var(--mui-palette-text-href)',\n} as const\n","'use client'\nimport { useState, useEffect, useRef } from 'react'\nimport { ClickAwayListener } from '@/ele/Overlay'\nimport { styled } from '@mui/material'\n\nimport { EditIcon } from '@/icons/MuiIcon'\nimport { Box } from '@/ele/Box'\nimport { varDisplayRootStyle } from '../theme'\n\nconst DisplaySpan = styled('span', {\n  shouldForwardProp: (prop) => prop !== 'editMode',\n})<{ editMode: boolean }>(() => ({\n  ...varDisplayRootStyle,\n  borderBottom: \"1px dotted var(--var-border-color)\",\n  lineHeight: 1,\n  fontStyle: \"italic\",\n  margin: \"0 2px\",\n  display: \"inline-flex\",\n  \"&>a>span\": { padding: \"0 2px\" },\n  variants: [\n    {\n      props: { editMode: true },\n      style: { display: 'none' },\n    },\n  ],\n}))\n\n/**\n * A component that render a field for the variable \n * with dynamic editor, display and extra button\n * \n * @param defaultValue The default value of the variable\n * @param currentValue The current value of the variable\n * @param updateValue The function to update the variable\n * @param Editor component that edit the value\n * @param Display component that display the value\n * @param extraButton extra button next to the edit icon\n * \n */\nexport default function VarField({\n  currentValue,\n  Editor,\n  updateValue,\n  Display,\n  extraButton,\n}: {\n  currentValue: unknown,\n  updateValue: (value: unknown) => void,\n  Editor: React.FC<{\n    setTmp: (value: unknown) => void,\n    tempValue: unknown,\n  }>,\n  Display: React.FC<{\n    value: unknown,\n  }>,\n  extraButton?: React.ReactNode,\n}) {\n  const [editMode, setEditMode] = useState(false)\n  const firstRenderRef = useRef(true)\n  const [tmpVar, setTmpVar] = useState(currentValue)\n  const tmpVarRef = useRef(tmpVar)\n  const updateValueRef = useRef(updateValue)\n  tmpVarRef.current = tmpVar\n  updateValueRef.current = updateValue\n\n  useEffect(() => {\n    if (firstRenderRef.current) {\n      firstRenderRef.current = false\n      return\n    }\n\n    if (!editMode) {\n      updateValueRef.current(tmpVarRef.current)\n    }\n    // only update when start editing or stop editing\n  }, [editMode])\n\n  return (\n    <>\n      <DisplaySpan editMode={editMode}>\n        <Box component=\"a\" onClick={() => setEditMode(true)}\n          sx={{\n            display: \"flex\",\n            alignItems: \"center\",\n            gap: \"8px\",\n          }}>\n          <Display value={tmpVar} />\n          <Box component=\"span\"><EditIcon sx={{ \"&.MuiSvgIcon-root\": { fontSize: \"inherit\" } }} /></Box>\n          {extraButton}\n        </Box>\n      </DisplaySpan>\n\n      {editMode && <Box component=\"span\"\n        sx={{\n          display: \"inline-flex\",\n          padding: \"0 8px\",\n        }}>\n        <ClickAwayListener onClickAway={() => setEditMode(false)}>\n          <span>\n            <Editor setTmp={setTmpVar} tempValue={tmpVar} />\n          </span>\n        </ClickAwayListener>\n      </Box>}\n    </>\n  )\n}\n"],"mappings":"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","names":["default","useState","useEffect","useRef","styled","Fragment","jsx","jsxs","DisplaySpan","styled","useState","useRef","useEffect","default"]}