agentic-ds-kit 0.1.0 → 0.2.0

package/dist/ui/LineChart/LineChart.js

@@ -0,0 +1,307 @@
+"use client";
+import e from "../shared/ChartFrame.module.js";
+import { ChartFrame as t } from "../shared/ChartFrame.js";
+import { CHART_MARGINS as n, formatAxisTick as r, formatValue as i, linearScale as a, niceTicks as o, normalizeLineInput as s, seriesExtent as c } from "../shared/chartMath.js";
+import { useChartSize as l } from "../shared/useChartSize.js";
+import u from "./LineChart.module.js";
+import { useId as d, useMemo as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region ui/LineChart/LineChart.tsx
+var _ = {
+	lines: [],
+	ticks: [],
+	categoryLabels: [],
+	samples: [],
+	plotLeft: 0,
+	plotRight: 0,
+	plotTop: 0,
+	plotBottom: 0
+};
+function v({ labels: t, series: n }) {
+	return /* @__PURE__ */ h("div", {
+		className: e.tableScroll,
+		children: /* @__PURE__ */ g("table", {
+			className: e.table,
+			children: [/* @__PURE__ */ h("thead", { children: /* @__PURE__ */ g("tr", { children: [/* @__PURE__ */ h("th", {
+				scope: "col",
+				children: "Label"
+			}), n.map((e) => /* @__PURE__ */ h("th", {
+				scope: "col",
+				children: e.label
+			}, e.label))] }) }), /* @__PURE__ */ h("tbody", { children: t.map((e, t) => /* @__PURE__ */ g("tr", { children: [/* @__PURE__ */ h("th", {
+				scope: "row",
+				children: e
+			}), n.map((e) => /* @__PURE__ */ h("td", { children: i(e.data[t] ?? 0) }, e.label))] }, e)) })]
+		})
+	});
+}
+function y({ series: t, active: n, onActivate: r, onClear: i }) {
+	return /* @__PURE__ */ h("ul", {
+		className: `${e.legend} ${e.legendInteractive}`,
+		children: t.map((t) => {
+			let a = !!n && n !== t.label;
+			return /* @__PURE__ */ h("li", { children: /* @__PURE__ */ g("button", {
+				type: "button",
+				className: `${e.legendItem} ${e.legendButton}${a ? ` ${e.legendItemDimmed}` : ""}`,
+				onMouseEnter: () => r(t.label),
+				onMouseLeave: i,
+				onFocus: () => r(t.label),
+				onBlur: i,
+				children: [/* @__PURE__ */ h("span", {
+					className: `${e.legendSwatch} ${e.legendSwatchLine}`,
+					style: { background: t.color },
+					"aria-hidden": !0
+				}), /* @__PURE__ */ h("span", { children: t.label })]
+			}) }, t.label);
+		})
+	});
+}
+function b(e, t) {
+	let n = 0, r = Infinity;
+	return t.forEach((t) => {
+		let i = Math.abs(t.x - e);
+		i < r && (r = i, n = t.index);
+	}), n;
+}
+function x({ data: x, labels: S, series: C, title: w, description: T, variant: E = "area", height: D = 240, showGrid: O = !0, showTable: k = !0, includeZero: A = !1, emptyLabel: j = "No data for this range", isLoading: M = !1, className: N = "" }) {
+	let [P, F] = p(null), [I, L] = p(null), { ref: R, width: z } = l(D), B = `linechart-grid-${d().replace(/[^a-zA-Z0-9_-]/g, "")}`, { labels: V, series: H } = f(() => s({
+		data: x,
+		labels: S,
+		series: C
+	}), [
+		x,
+		S,
+		C
+	]), U = H.some((e) => e.data.some((e) => Number.isFinite(e))), W = !V.length || !H.length || !U, G = E === "area", K = H.filter((e) => e.label.trim().length > 0), q = K.length >= 2, J = f(() => {
+		if (W || z <= 0) return _;
+		let e = n.left, t = z - n.right, i = n.top, s = D - n.bottom, [l, u] = c(H, { includeZero: A }), { ticks: d, min: f, max: p } = o(l, u, 5), m = a([f, p], [s, i]), h = a([0, Math.max(V.length - 1, 1)], [e, t]), g = H.map((n) => {
+			let r = V.map((e, t) => ({
+				x: h(t),
+				y: m(n.data[t] ?? 0)
+			})), i = r.map((e, t) => `${t === 0 ? "M" : "L"} ${e.x} ${e.y}`).join(" "), a = G ? `${i} L ${r[r.length - 1]?.x ?? t} ${s} L ${r[0]?.x ?? e} ${s} Z` : "";
+			return {
+				...n,
+				points: r,
+				linePath: i,
+				areaPath: a
+			};
+		}), v = V.map((e, t) => ({
+			label: e,
+			x: h(t),
+			y: s + 18
+		}));
+		return {
+			lines: g,
+			ticks: d.map((n) => ({
+				value: n,
+				label: r(n),
+				x: e - 8,
+				y: m(n),
+				gridX1: e,
+				gridX2: t,
+				gridY1: m(n),
+				gridY2: m(n)
+			})),
+			categoryLabels: v,
+			samples: V.map((n, r) => {
+				let i = h(r), a = r === 0 ? e : (h(r - 1) + i) / 2, o = r === V.length - 1 ? t : (i + h(r + 1)) / 2;
+				return {
+					index: r,
+					label: n,
+					x: i,
+					hitX: a,
+					hitWidth: Math.max(o - a, 1)
+				};
+			}),
+			plotLeft: e,
+			plotRight: t,
+			plotTop: i,
+			plotBottom: s
+		};
+	}, [
+		D,
+		A,
+		G,
+		W,
+		V,
+		H,
+		z
+	]), Y = I ? J.lines.filter((e) => e.label === I) : J.lines, X = P === null ? null : J.samples[P] ?? null, Z = !!(X && z > 0 && X.x > z * .6), Q = (e) => {
+		if (!J.samples.length) return;
+		let t = e.currentTarget.getBoundingClientRect(), n = J.plotRight - J.plotLeft;
+		if (n <= 0 || t.width <= 0) return;
+		let r = J.plotLeft + (e.clientX - t.left) / t.width * n;
+		F(b(r, J.samples));
+	}, $ = () => F(null);
+	return /* @__PURE__ */ h(t, {
+		title: w,
+		description: T,
+		legend: q ? /* @__PURE__ */ h(y, {
+			series: K,
+			active: I,
+			onActivate: L,
+			onClear: () => L(null)
+		}) : void 0,
+		table: k ? /* @__PURE__ */ h(v, {
+			labels: V,
+			series: H
+		}) : void 0,
+		isEmpty: W,
+		emptyLabel: j,
+		isLoading: M,
+		className: N,
+		children: /* @__PURE__ */ g("div", {
+			ref: R,
+			className: u.plot,
+			children: [/* @__PURE__ */ g("svg", {
+				className: u.chart,
+				width: z || "100%",
+				height: D,
+				role: "img",
+				"aria-label": w,
+				children: [
+					O && G && z > 0 ? /* @__PURE__ */ h("defs", { children: /* @__PURE__ */ g("mask", {
+						id: B,
+						maskUnits: "userSpaceOnUse",
+						children: [/* @__PURE__ */ h("rect", {
+							x: J.plotLeft,
+							y: J.plotTop,
+							width: Math.max(J.plotRight - J.plotLeft, 1),
+							height: Math.max(J.plotBottom - J.plotTop, 1),
+							fill: "white"
+						}), J.lines.map((e) => e.areaPath ? /* @__PURE__ */ h("path", {
+							d: e.areaPath,
+							fill: "black"
+						}, `grid-mask-${e.label}`) : null)]
+					}) }) : null,
+					O ? /* @__PURE__ */ h("g", {
+						mask: G && z > 0 ? `url(#${B})` : void 0,
+						children: J.ticks.map((e) => /* @__PURE__ */ h("line", {
+							x1: e.gridX1,
+							x2: e.gridX2,
+							y1: Math.round(e.gridY1) + .5,
+							y2: Math.round(e.gridY1) + .5,
+							className: u.grid,
+							vectorEffect: "non-scaling-stroke"
+						}, e.value))
+					}) : null,
+					z > 0 && !O ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("line", {
+						className: u.axis,
+						x1: J.plotLeft,
+						x2: J.plotLeft,
+						y1: J.plotTop,
+						y2: J.plotBottom
+					}), /* @__PURE__ */ h("line", {
+						className: u.axis,
+						x1: J.plotLeft,
+						x2: J.plotRight,
+						y1: J.plotBottom,
+						y2: J.plotBottom
+					})] }) : null,
+					J.lines.map((e) => {
+						let t = !!I && I !== e.label;
+						return /* @__PURE__ */ g("g", {
+							className: `${u.series}${t ? ` ${u.seriesDimmed}` : ""}`,
+							children: [G && e.areaPath ? /* @__PURE__ */ h("path", {
+								className: u.area,
+								d: e.areaPath,
+								fill: e.color
+							}) : null, /* @__PURE__ */ h("path", {
+								className: u.line,
+								d: e.linePath,
+								stroke: e.color
+							})]
+						}, e.label);
+					}),
+					X ? /* @__PURE__ */ h("line", {
+						className: u.crosshair,
+						x1: X.x,
+						x2: X.x,
+						y1: J.plotTop,
+						y2: J.plotBottom
+					}) : null,
+					X ? Y.map((e) => {
+						let t = e.points[X.index];
+						return t ? /* @__PURE__ */ h("circle", {
+							className: u.dot,
+							cx: t.x,
+							cy: t.y,
+							r: 5,
+							fill: e.color
+						}, `dot-${e.label}`) : null;
+					}) : null,
+					J.categoryLabels.map((e) => /* @__PURE__ */ h("text", {
+						x: e.x,
+						y: e.y,
+						className: u.categoryLabel,
+						textAnchor: "middle",
+						dominantBaseline: "hanging",
+						children: e.label
+					}, e.label)),
+					J.ticks.map((e) => /* @__PURE__ */ h("text", {
+						x: e.x,
+						y: e.y,
+						className: u.tickLabel,
+						textAnchor: "end",
+						dominantBaseline: "middle",
+						children: e.label
+					}, `tick-${e.value}`)),
+					z > 0 ? /* @__PURE__ */ h("rect", {
+						className: u.overlay,
+						x: J.plotLeft,
+						y: J.plotTop,
+						width: Math.max(J.plotRight - J.plotLeft, 1),
+						height: Math.max(J.plotBottom - J.plotTop, 1),
+						onPointerMove: Q,
+						onPointerLeave: $
+					}) : null,
+					J.samples.map((e) => /* @__PURE__ */ h("rect", {
+						className: u.hit,
+						x: e.hitX,
+						y: J.plotTop,
+						width: e.hitWidth,
+						height: Math.max(J.plotBottom - J.plotTop, 1),
+						tabIndex: 0,
+						role: "button",
+						"aria-label": `${e.label}: ${H.map((t) => `${t.label} ${i(t.data[e.index] ?? 0)}`).join(", ")}`,
+						onFocus: () => F(e.index),
+						onBlur: $
+					}, `hit-${e.label}-${e.index}`))
+				]
+			}), X ? /* @__PURE__ */ g("div", {
+				className: `${e.tooltip}${Z ? ` ${e.tooltipFlip}` : ""}`,
+				style: {
+					left: X.x,
+					top: J.plotTop
+				},
+				role: "status",
+				"aria-live": "polite",
+				children: [/* @__PURE__ */ h("p", {
+					className: e.tooltipTitle,
+					children: X.label
+				}), Y.map((t) => /* @__PURE__ */ g("div", {
+					className: e.tooltipRow,
+					children: [
+						/* @__PURE__ */ h("span", {
+							className: e.tooltipKey,
+							style: { background: t.color },
+							"aria-hidden": !0
+						}),
+						/* @__PURE__ */ h("span", {
+							className: e.tooltipShare,
+							children: t.label
+						}),
+						/* @__PURE__ */ h("span", {
+							className: e.tooltipValue,
+							children: i(t.data[X.index] ?? 0)
+						})
+					]
+				}, t.label))]
+			}) : null]
+		})
+	});
+}
+//#endregion
+export { x as LineChart };
+
+//# sourceMappingURL=LineChart.js.map

package/dist/ui/LineChart/LineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.js","names":[],"sources":["../../../ui/LineChart/LineChart.tsx"],"sourcesContent":["\"use client\";\n\nimport { useId, useMemo, useState, type PointerEvent as ReactPointerEvent } from \"react\";\nimport { ChartFrame } from \"../shared/ChartFrame\";\nimport frameStyles from \"../shared/ChartFrame.module.css\";\nimport {\n  CHART_MARGINS,\n  formatAxisTick,\n  formatValue,\n  linearScale,\n  niceTicks,\n  normalizeLineInput,\n  seriesExtent,\n  type ChartSeries,\n} from \"../shared/chartMath\";\nimport { useChartSize } from \"../shared/useChartSize\";\nimport type { LineChartProps } from \"./LineChart.types\";\nimport styles from \"./LineChart.module.css\";\n\nexport type { LineChartProps, LineChartVariant } from \"./LineChart.types\";\n\ntype Point = { x: number; y: number };\n\ntype LineGeom = ChartSeries & {\n  points: Point[];\n  linePath: string;\n  areaPath: string;\n};\n\ntype TickMark = {\n  value: number;\n  label: string;\n  x: number;\n  y: number;\n  gridX1: number;\n  gridX2: number;\n  gridY1: number;\n  gridY2: number;\n};\n\ntype CategoryLabel = { label: string; x: number; y: number };\n\ntype SampleHit = {\n  index: number;\n  label: string;\n  x: number;\n  hitX: number;\n  hitWidth: number;\n};\n\nconst EMPTY_LAYOUT = {\n  lines: [] as LineGeom[],\n  ticks: [] as TickMark[],\n  categoryLabels: [] as CategoryLabel[],\n  samples: [] as SampleHit[],\n  plotLeft: 0,\n  plotRight: 0,\n  plotTop: 0,\n  plotBottom: 0,\n};\n\nfunction ChartTable({ labels, series }: { labels: string[]; series: ChartSeries[] }) {\n  return (\n    <div className={frameStyles.tableScroll}>\n      <table className={frameStyles.table}>\n        <thead>\n          <tr>\n            <th scope=\"col\">Label</th>\n            {series.map((entry) => (\n              <th key={entry.label} scope=\"col\">\n                {entry.label}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {labels.map((label, index) => (\n            <tr key={label}>\n              <th scope=\"row\">{label}</th>\n              {series.map((entry) => (\n                <td key={entry.label}>{formatValue(entry.data[index] ?? 0)}</td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction Legend({\n  series,\n  active,\n  onActivate,\n  onClear,\n}: {\n  series: ChartSeries[];\n  active: string | null;\n  onActivate: (label: string) => void;\n  onClear: () => void;\n}) {\n  return (\n    <ul className={`${frameStyles.legend} ${frameStyles.legendInteractive}`}>\n      {series.map((entry) => {\n        const dimmed = Boolean(active) && active !== entry.label;\n        return (\n          <li key={entry.label}>\n            <button\n              type=\"button\"\n              className={`${frameStyles.legendItem} ${frameStyles.legendButton}${dimmed ? ` ${frameStyles.legendItemDimmed}` : \"\"}`}\n              onMouseEnter={() => onActivate(entry.label)}\n              onMouseLeave={onClear}\n              onFocus={() => onActivate(entry.label)}\n              onBlur={onClear}\n            >\n              <span\n                className={`${frameStyles.legendSwatch} ${frameStyles.legendSwatchLine}`}\n                style={{ background: entry.color }}\n                aria-hidden\n              />\n              <span>{entry.label}</span>\n            </button>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\nfunction nearestIndex(x: number, samples: SampleHit[]) {\n  let best = 0;\n  let bestDist = Infinity;\n  samples.forEach((sample) => {\n    const dist = Math.abs(sample.x - x);\n    if (dist < bestDist) {\n      bestDist = dist;\n      best = sample.index;\n    }\n  });\n  return best;\n}\n\nexport function LineChart({\n  data,\n  labels: labelsProp,\n  series: seriesProp,\n  title,\n  description,\n  variant = \"area\",\n  height = 240,\n  showGrid = true,\n  showTable = true,\n  includeZero = false,\n  emptyLabel = \"No data for this range\",\n  isLoading = false,\n  className = \"\",\n}: LineChartProps) {\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const [highlighted, setHighlighted] = useState<string | null>(null);\n  const { ref, width } = useChartSize(height);\n  const gridMaskId = `linechart-grid-${useId().replace(/[^a-zA-Z0-9_-]/g, \"\")}`;\n\n  const { labels, series } = useMemo(\n    () => normalizeLineInput({ data, labels: labelsProp, series: seriesProp }),\n    [data, labelsProp, seriesProp],\n  );\n\n  const hasValues = series.some((entry) => entry.data.some((value) => Number.isFinite(value)));\n  const isEmpty = !labels.length || !series.length || !hasValues;\n  const isArea = variant === \"area\";\n  const labelledSeries = series.filter((entry) => entry.label.trim().length > 0);\n  const showLegend = labelledSeries.length >= 2;\n\n  const layout = useMemo(() => {\n    if (isEmpty || width <= 0) return EMPTY_LAYOUT;\n\n    const plotLeft = CHART_MARGINS.left;\n    const plotRight = width - CHART_MARGINS.right;\n    const plotTop = CHART_MARGINS.top;\n    const plotBottom = height - CHART_MARGINS.bottom;\n\n    const [rawMin, rawMax] = seriesExtent(series, { includeZero });\n    const { ticks, min, max } = niceTicks(rawMin, rawMax, 5);\n    const yScale = linearScale([min, max], [plotBottom, plotTop]);\n    const xScale = linearScale([0, Math.max(labels.length - 1, 1)], [plotLeft, plotRight]);\n\n    const lines: LineGeom[] = series.map((entry) => {\n      const points = labels.map((_, index) => ({\n        x: xScale(index),\n        y: yScale(entry.data[index] ?? 0),\n      }));\n      const linePath = points.map((point, index) => `${index === 0 ? \"M\" : \"L\"} ${point.x} ${point.y}`).join(\" \");\n      const areaPath = isArea\n        ? `${linePath} L ${points[points.length - 1]?.x ?? plotRight} ${plotBottom} L ${points[0]?.x ?? plotLeft} ${plotBottom} Z`\n        : \"\";\n      return { ...entry, points, linePath, areaPath };\n    });\n\n    const categoryLabels: CategoryLabel[] = labels.map((label, index) => ({\n      label,\n      x: xScale(index),\n      y: plotBottom + 18,\n    }));\n\n    const tickMarks: TickMark[] = ticks.map((tick) => ({\n      value: tick,\n      label: formatAxisTick(tick),\n      x: plotLeft - 8,\n      y: yScale(tick),\n      gridX1: plotLeft,\n      gridX2: plotRight,\n      gridY1: yScale(tick),\n      gridY2: yScale(tick),\n    }));\n\n    const samples: SampleHit[] = labels.map((label, index) => {\n      const x = xScale(index);\n      const prev = index === 0 ? plotLeft : (xScale(index - 1) + x) / 2;\n      const next = index === labels.length - 1 ? plotRight : (x + xScale(index + 1)) / 2;\n      return { index, label, x, hitX: prev, hitWidth: Math.max(next - prev, 1) };\n    });\n\n    return { lines, ticks: tickMarks, categoryLabels, samples, plotLeft, plotRight, plotTop, plotBottom };\n  }, [height, includeZero, isArea, isEmpty, labels, series, width]);\n\n  const visibleLines = highlighted\n    ? layout.lines.filter((line) => line.label === highlighted)\n    : layout.lines;\n  const activeSample = activeIndex !== null ? (layout.samples[activeIndex] ?? null) : null;\n  const flipTooltip = Boolean(activeSample && width > 0 && activeSample.x > width * 0.6);\n\n  const handlePlotPointer = (event: ReactPointerEvent<SVGRectElement>) => {\n    if (!layout.samples.length) return;\n    const rect = event.currentTarget.getBoundingClientRect();\n    const plotWidth = layout.plotRight - layout.plotLeft;\n    if (plotWidth <= 0 || rect.width <= 0) return;\n    const x = layout.plotLeft + ((event.clientX - rect.left) / rect.width) * plotWidth;\n    setActiveIndex(nearestIndex(x, layout.samples));\n  };\n\n  const clearSample = () => setActiveIndex(null);\n\n  return (\n    <ChartFrame\n      title={title}\n      description={description}\n      legend={showLegend ? (\n        <Legend\n          series={labelledSeries}\n          active={highlighted}\n          onActivate={setHighlighted}\n          onClear={() => setHighlighted(null)}\n        />\n      ) : undefined}\n      table={showTable ? <ChartTable labels={labels} series={series} /> : undefined}\n      isEmpty={isEmpty}\n      emptyLabel={emptyLabel}\n      isLoading={isLoading}\n      className={className}\n    >\n      <div ref={ref} className={styles.plot}>\n        <svg className={styles.chart} width={width || \"100%\"} height={height} role=\"img\" aria-label={title}>\n          {showGrid && isArea && width > 0 ? (\n            <defs>\n              <mask id={gridMaskId} maskUnits=\"userSpaceOnUse\">\n                <rect\n                  x={layout.plotLeft}\n                  y={layout.plotTop}\n                  width={Math.max(layout.plotRight - layout.plotLeft, 1)}\n                  height={Math.max(layout.plotBottom - layout.plotTop, 1)}\n                  fill=\"white\"\n                />\n                {layout.lines.map((line) =>\n                  line.areaPath ? <path key={`grid-mask-${line.label}`} d={line.areaPath} fill=\"black\" /> : null,\n                )}\n              </mask>\n            </defs>\n          ) : null}\n          {showGrid ? (\n            <g mask={isArea && width > 0 ? `url(#${gridMaskId})` : undefined}>\n              {layout.ticks.map((tick) => (\n                <line\n                  key={tick.value}\n                  x1={tick.gridX1}\n                  x2={tick.gridX2}\n                  y1={Math.round(tick.gridY1) + 0.5}\n                  y2={Math.round(tick.gridY1) + 0.5}\n                  className={styles.grid}\n                  vectorEffect=\"non-scaling-stroke\"\n                />\n              ))}\n            </g>\n          ) : null}\n          {width > 0 && !showGrid ? (\n            <>\n              <line\n                className={styles.axis}\n                x1={layout.plotLeft}\n                x2={layout.plotLeft}\n                y1={layout.plotTop}\n                y2={layout.plotBottom}\n              />\n              <line\n                className={styles.axis}\n                x1={layout.plotLeft}\n                x2={layout.plotRight}\n                y1={layout.plotBottom}\n                y2={layout.plotBottom}\n              />\n            </>\n          ) : null}\n          {layout.lines.map((line) => {\n            const dimmed = Boolean(highlighted) && highlighted !== line.label;\n            return (\n              <g\n                key={line.label}\n                className={`${styles.series}${dimmed ? ` ${styles.seriesDimmed}` : \"\"}`}\n              >\n                {isArea && line.areaPath ? (\n                  <path className={styles.area} d={line.areaPath} fill={line.color} />\n                ) : null}\n                <path className={styles.line} d={line.linePath} stroke={line.color} />\n              </g>\n            );\n          })}\n          {activeSample ? (\n            <line\n              className={styles.crosshair}\n              x1={activeSample.x}\n              x2={activeSample.x}\n              y1={layout.plotTop}\n              y2={layout.plotBottom}\n            />\n          ) : null}\n          {activeSample\n            ? visibleLines.map((line) => {\n                const point = line.points[activeSample.index];\n                if (!point) return null;\n                return (\n                  <circle\n                    key={`dot-${line.label}`}\n                    className={styles.dot}\n                    cx={point.x}\n                    cy={point.y}\n                    r={5}\n                    fill={line.color}\n                  />\n                );\n              })\n            : null}\n          {layout.categoryLabels.map((entry) => (\n            <text\n              key={entry.label}\n              x={entry.x}\n              y={entry.y}\n              className={styles.categoryLabel}\n              textAnchor=\"middle\"\n              dominantBaseline=\"hanging\"\n            >\n              {entry.label}\n            </text>\n          ))}\n          {layout.ticks.map((tick) => (\n            <text\n              key={`tick-${tick.value}`}\n              x={tick.x}\n              y={tick.y}\n              className={styles.tickLabel}\n              textAnchor=\"end\"\n              dominantBaseline=\"middle\"\n            >\n              {tick.label}\n            </text>\n          ))}\n          {width > 0 ? (\n            <rect\n              className={styles.overlay}\n              x={layout.plotLeft}\n              y={layout.plotTop}\n              width={Math.max(layout.plotRight - layout.plotLeft, 1)}\n              height={Math.max(layout.plotBottom - layout.plotTop, 1)}\n              onPointerMove={handlePlotPointer}\n              onPointerLeave={clearSample}\n            />\n          ) : null}\n          {layout.samples.map((sample) => (\n            <rect\n              key={`hit-${sample.label}-${sample.index}`}\n              className={styles.hit}\n              x={sample.hitX}\n              y={layout.plotTop}\n              width={sample.hitWidth}\n              height={Math.max(layout.plotBottom - layout.plotTop, 1)}\n              tabIndex={0}\n              role=\"button\"\n              aria-label={`${sample.label}: ${series\n                .map((entry) => `${entry.label} ${formatValue(entry.data[sample.index] ?? 0)}`)\n                .join(\", \")}`}\n              onFocus={() => setActiveIndex(sample.index)}\n              onBlur={clearSample}\n            />\n          ))}\n        </svg>\n        {activeSample ? (\n          <div\n            className={`${frameStyles.tooltip}${flipTooltip ? ` ${frameStyles.tooltipFlip}` : \"\"}`}\n            style={{ left: activeSample.x, top: layout.plotTop }}\n            role=\"status\"\n            aria-live=\"polite\"\n          >\n            <p className={frameStyles.tooltipTitle}>{activeSample.label}</p>\n            {visibleLines.map((line) => (\n              <div key={line.label} className={frameStyles.tooltipRow}>\n                <span className={frameStyles.tooltipKey} style={{ background: line.color }} aria-hidden />\n                <span className={frameStyles.tooltipShare}>{line.label}</span>\n                <span className={frameStyles.tooltipValue}>{formatValue(line.data[activeSample.index] ?? 0)}</span>\n              </div>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </ChartFrame>\n  );\n}\n"],"mappings":";;;;;;;;;AAkDA,IAAM,IAAe;CACnB,OAAO,CAAC;CACR,OAAO,CAAC;CACR,gBAAgB,CAAC;CACjB,SAAS,CAAC;CACV,UAAU;CACV,WAAW;CACX,SAAS;CACT,YAAY;AACd;AAEA,SAAS,EAAW,EAAE,WAAQ,aAAuD;CACnF,OACE,kBAAC,OAAD;EAAK,WAAW,EAAY;EAC1B,UAAA,kBAAC,SAAD;GAAO,WAAW,EAAY;GAA9B,UAAA,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,OAAM;IAAM,UAAA;GAAS,CAAA,GACxB,EAAO,KAAK,MACX,kBAAC,MAAD;IAAsB,OAAM;IACzB,UAAA,EAAM;GACL,GAFK,EAAM,KAEX,CACL,CACC,EAAA,CAAA,EACC,CAAA,GACP,kBAAC,SAAD,EAAA,UACG,EAAO,KAAK,GAAO,MAClB,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,OAAM;IAAO,UAAA;GAAU,CAAA,GAC1B,EAAO,KAAK,MACX,kBAAC,MAAD,EAAA,UAAuB,EAAY,EAAM,KAAK,MAAU,CAAC,EAAM,GAAtD,EAAM,KAAgD,CAChE,CACC,EAAA,GALK,CAKL,CACL,EACI,CAAA,CACF;;CACJ,CAAA;AAET;AAEA,SAAS,EAAO,EACd,WACA,WACA,eACA,cAMC;CACD,OACE,kBAAC,MAAD;EAAI,WAAW,GAAG,EAAY,OAAO,GAAG,EAAY;EACjD,UAAA,EAAO,KAAK,MAAU;GACrB,IAAM,IAAS,EAAQ,KAAW,MAAW,EAAM;GACnD,OACE,kBAAC,MAAD,EAAA,UACE,kBAAC,UAAD;IACE,MAAK;IACL,WAAW,GAAG,EAAY,WAAW,GAAG,EAAY,eAAe,IAAS,IAAI,EAAY,qBAAqB;IACjH,oBAAoB,EAAW,EAAM,KAAK;IAC1C,cAAc;IACd,eAAe,EAAW,EAAM,KAAK;IACrC,QAAQ;IANV,UAAA,CAQE,kBAAC,QAAD;KACE,WAAW,GAAG,EAAY,aAAa,GAAG,EAAY;KACtD,OAAO,EAAE,YAAY,EAAM,MAAM;KACjC,eAAA;IACD,CAAA,GACD,kBAAC,QAAD,EAAA,UAAO,EAAM,MAAY,CAAA,CACnB;GACN,CAAA,EAAA,GAhBK,EAAM,KAgBX;EAER,CAAC;CACC,CAAA;AAER;AAEA,SAAS,EAAa,GAAW,GAAsB;CACrD,IAAI,IAAO,GACP,IAAW;CAQf,OAPA,EAAQ,SAAS,MAAW;EAC1B,IAAM,IAAO,KAAK,IAAI,EAAO,IAAI,CAAC;EAClC,AAAI,IAAO,MACT,IAAW,GACX,IAAO,EAAO;CAElB,CAAC,GACM;AACT;AAEA,SAAgB,EAAU,EACxB,SACA,QAAQ,GACR,QAAQ,GACR,UACA,gBACA,aAAU,QACV,YAAS,KACT,cAAW,IACX,eAAY,IACZ,iBAAc,IACd,gBAAa,0BACb,eAAY,IACZ,eAAY,MACK;CACjB,IAAM,CAAC,GAAa,KAAkB,EAAwB,IAAI,GAC5D,CAAC,GAAa,KAAkB,EAAwB,IAAI,GAC5D,EAAE,QAAK,aAAU,EAAa,CAAM,GACpC,IAAa,kBAAkB,EAAM,CAAC,CAAC,QAAQ,mBAAmB,EAAE,KAEpE,EAAE,WAAQ,cAAW,QACnB,EAAmB;EAAE;EAAM,QAAQ;EAAY,QAAQ;CAAW,CAAC,GACzE;EAAC;EAAM;EAAY;CAAU,CAC/B,GAEM,IAAY,EAAO,MAAM,MAAU,EAAM,KAAK,MAAM,MAAU,OAAO,SAAS,CAAK,CAAC,CAAC,GACrF,IAAU,CAAC,EAAO,UAAU,CAAC,EAAO,UAAU,CAAC,GAC/C,IAAS,MAAY,QACrB,IAAiB,EAAO,QAAQ,MAAU,EAAM,MAAM,KAAK,CAAC,CAAC,SAAS,CAAC,GACvE,IAAa,EAAe,UAAU,GAEtC,IAAS,QAAc;EAC3B,IAAI,KAAW,KAAS,GAAG,OAAO;EAElC,IAAM,IAAW,EAAc,MACzB,IAAY,IAAQ,EAAc,OAClC,IAAU,EAAc,KACxB,IAAa,IAAS,EAAc,QAEpC,CAAC,GAAQ,KAAU,EAAa,GAAQ,EAAE,eAAY,CAAC,GACvD,EAAE,UAAO,QAAK,WAAQ,EAAU,GAAQ,GAAQ,CAAC,GACjD,IAAS,EAAY,CAAC,GAAK,CAAG,GAAG,CAAC,GAAY,CAAO,CAAC,GACtD,IAAS,EAAY,CAAC,GAAG,KAAK,IAAI,EAAO,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,GAAU,CAAS,CAAC,GAE/E,IAAoB,EAAO,KAAK,MAAU;GAC9C,IAAM,IAAS,EAAO,KAAK,GAAG,OAAW;IACvC,GAAG,EAAO,CAAK;IACf,GAAG,EAAO,EAAM,KAAK,MAAU,CAAC;GAClC,EAAE,GACI,IAAW,EAAO,KAAK,GAAO,MAAU,GAAG,MAAU,IAAI,MAAM,IAAI,GAAG,EAAM,EAAE,GAAG,EAAM,GAAG,CAAC,CAAC,KAAK,GAAG,GACpG,IAAW,IACb,GAAG,EAAS,KAAK,EAAO,EAAO,SAAS,EAAE,EAAE,KAAK,EAAU,GAAG,EAAW,KAAK,EAAO,EAAE,EAAE,KAAK,EAAS,GAAG,EAAW,MACrH;GACJ,OAAO;IAAE,GAAG;IAAO;IAAQ;IAAU;GAAS;EAChD,CAAC,GAEK,IAAkC,EAAO,KAAK,GAAO,OAAW;GACpE;GACA,GAAG,EAAO,CAAK;GACf,GAAG,IAAa;EAClB,EAAE;EAoBF,OAAO;GAAE;GAAO,OAlBc,EAAM,KAAK,OAAU;IACjD,OAAO;IACP,OAAO,EAAe,CAAI;IAC1B,GAAG,IAAW;IACd,GAAG,EAAO,CAAI;IACd,QAAQ;IACR,QAAQ;IACR,QAAQ,EAAO,CAAI;IACnB,QAAQ,EAAO,CAAI;GACrB,EASuB;GAAW;GAAgB,SAPrB,EAAO,KAAK,GAAO,MAAU;IACxD,IAAM,IAAI,EAAO,CAAK,GAChB,IAAO,MAAU,IAAI,KAAY,EAAO,IAAQ,CAAC,IAAI,KAAK,GAC1D,IAAO,MAAU,EAAO,SAAS,IAAI,KAAa,IAAI,EAAO,IAAQ,CAAC,KAAK;IACjF,OAAO;KAAE;KAAO;KAAO;KAAG,MAAM;KAAM,UAAU,KAAK,IAAI,IAAO,GAAM,CAAC;IAAE;GAC3E,CAEkD;GAAS;GAAU;GAAW;GAAS;EAAW;CACtG,GAAG;EAAC;EAAQ;EAAa;EAAQ;EAAS;EAAQ;EAAQ;CAAK,CAAC,GAE1D,IAAe,IACjB,EAAO,MAAM,QAAQ,MAAS,EAAK,UAAU,CAAW,IACxD,EAAO,OACL,IAAe,MAAgB,OAA+C,OAAvC,EAAO,QAAQ,MAAgB,MACtE,IAAc,GAAQ,KAAgB,IAAQ,KAAK,EAAa,IAAI,IAAQ,KAE5E,KAAqB,MAA6C;EACtE,IAAI,CAAC,EAAO,QAAQ,QAAQ;EAC5B,IAAM,IAAO,EAAM,cAAc,sBAAsB,GACjD,IAAY,EAAO,YAAY,EAAO;EAC5C,IAAI,KAAa,KAAK,EAAK,SAAS,GAAG;EACvC,IAAM,IAAI,EAAO,YAAa,EAAM,UAAU,EAAK,QAAQ,EAAK,QAAS;EACzE,EAAe,EAAa,GAAG,EAAO,OAAO,CAAC;CAChD,GAEM,UAAoB,EAAe,IAAI;CAE7C,OACE,kBAAC,GAAD;EACS;EACM;EACb,QAAQ,IACN,kBAAC,GAAD;GACE,QAAQ;GACR,QAAQ;GACR,YAAY;GACZ,eAAe,EAAe,IAAI;EACnC,CAAA,IACC,KAAA;EACJ,OAAO,IAAY,kBAAC,GAAD;GAAoB;GAAgB;EAAS,CAAA,IAAI,KAAA;EAC3D;EACG;EACD;EACA;EAEX,UAAA,kBAAC,OAAD;GAAU;GAAK,WAAW,EAAO;GAAjC,UAAA,CACE,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAO,OAAO,KAAS;IAAgB;IAAQ,MAAK;IAAM,cAAY;IAA7F,UAAA;KACG,KAAY,KAAU,IAAQ,IAC7B,kBAAC,QAAD,EAAA,UACE,kBAAC,QAAD;MAAM,IAAI;MAAY,WAAU;MAAhC,UAAA,CACE,kBAAC,QAAD;OACE,GAAG,EAAO;OACV,GAAG,EAAO;OACV,OAAO,KAAK,IAAI,EAAO,YAAY,EAAO,UAAU,CAAC;OACrD,QAAQ,KAAK,IAAI,EAAO,aAAa,EAAO,SAAS,CAAC;OACtD,MAAK;MACN,CAAA,GACA,EAAO,MAAM,KAAK,MACjB,EAAK,WAAW,kBAAC,QAAD;OAAsC,GAAG,EAAK;OAAU,MAAK;MAAS,GAA3D,aAAa,EAAK,OAAyC,IAAI,IAC5F,CACI;KACF,CAAA,EAAA,CAAA,IACJ;KACH,IACC,kBAAC,KAAD;MAAG,MAAM,KAAU,IAAQ,IAAI,QAAQ,EAAW,KAAK,KAAA;MACpD,UAAA,EAAO,MAAM,KAAK,MACjB,kBAAC,QAAD;OAEE,IAAI,EAAK;OACT,IAAI,EAAK;OACT,IAAI,KAAK,MAAM,EAAK,MAAM,IAAI;OAC9B,IAAI,KAAK,MAAM,EAAK,MAAM,IAAI;OAC9B,WAAW,EAAO;OAClB,cAAa;MACd,GAPM,EAAK,KAOX,CACF;KACA,CAAA,IACD;KACH,IAAQ,KAAK,CAAC,IACb,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;MACE,WAAW,EAAO;MAClB,IAAI,EAAO;MACX,IAAI,EAAO;MACX,IAAI,EAAO;MACX,IAAI,EAAO;KACZ,CAAA,GACD,kBAAC,QAAD;MACE,WAAW,EAAO;MAClB,IAAI,EAAO;MACX,IAAI,EAAO;MACX,IAAI,EAAO;MACX,IAAI,EAAO;KACZ,CAAA,CACD,EAAA,CAAA,IACA;KACH,EAAO,MAAM,KAAK,MAAS;MAC1B,IAAM,IAAS,EAAQ,KAAgB,MAAgB,EAAK;MAC5D,OACE,kBAAC,KAAD;OAEE,WAAW,GAAG,EAAO,SAAS,IAAS,IAAI,EAAO,iBAAiB;OAFrE,UAAA,CAIG,KAAU,EAAK,WACd,kBAAC,QAAD;QAAM,WAAW,EAAO;QAAM,GAAG,EAAK;QAAU,MAAM,EAAK;OAAQ,CAAA,IACjE,MACJ,kBAAC,QAAD;QAAM,WAAW,EAAO;QAAM,GAAG,EAAK;QAAU,QAAQ,EAAK;OAAQ,CAAA,CACpE;MAPI,GAAA,EAAK,KAOT;KAEP,CAAC;KACA,IACC,kBAAC,QAAD;MACE,WAAW,EAAO;MAClB,IAAI,EAAa;MACjB,IAAI,EAAa;MACjB,IAAI,EAAO;MACX,IAAI,EAAO;KACZ,CAAA,IACC;KACH,IACG,EAAa,KAAK,MAAS;MACzB,IAAM,IAAQ,EAAK,OAAO,EAAa;MAEvC,OADK,IAEH,kBAAC,UAAD;OAEE,WAAW,EAAO;OAClB,IAAI,EAAM;OACV,IAAI,EAAM;OACV,GAAG;OACH,MAAM,EAAK;MACZ,GANM,OAAO,EAAK,OAMlB,IATgB;KAWrB,CAAC,IACD;KACH,EAAO,eAAe,KAAK,MAC1B,kBAAC,QAAD;MAEE,GAAG,EAAM;MACT,GAAG,EAAM;MACT,WAAW,EAAO;MAClB,YAAW;MACX,kBAAiB;MAEhB,UAAA,EAAM;KACH,GARC,EAAM,KAQP,CACP;KACA,EAAO,MAAM,KAAK,MACjB,kBAAC,QAAD;MAEE,GAAG,EAAK;MACR,GAAG,EAAK;MACR,WAAW,EAAO;MAClB,YAAW;MACX,kBAAiB;MAEhB,UAAA,EAAK;KACF,GARC,QAAQ,EAAK,OAQd,CACP;KACA,IAAQ,IACP,kBAAC,QAAD;MACE,WAAW,EAAO;MAClB,GAAG,EAAO;MACV,GAAG,EAAO;MACV,OAAO,KAAK,IAAI,EAAO,YAAY,EAAO,UAAU,CAAC;MACrD,QAAQ,KAAK,IAAI,EAAO,aAAa,EAAO,SAAS,CAAC;MACtD,eAAe;MACf,gBAAgB;KACjB,CAAA,IACC;KACH,EAAO,QAAQ,KAAK,MACnB,kBAAC,QAAD;MAEE,WAAW,EAAO;MAClB,GAAG,EAAO;MACV,GAAG,EAAO;MACV,OAAO,EAAO;MACd,QAAQ,KAAK,IAAI,EAAO,aAAa,EAAO,SAAS,CAAC;MACtD,UAAU;MACV,MAAK;MACL,cAAY,GAAG,EAAO,MAAM,IAAI,EAC7B,KAAK,MAAU,GAAG,EAAM,MAAM,GAAG,EAAY,EAAM,KAAK,EAAO,UAAU,CAAC,GAAG,CAAC,CAC9E,KAAK,IAAI;MACZ,eAAe,EAAe,EAAO,KAAK;MAC1C,QAAQ;KACT,GAbM,OAAO,EAAO,MAAM,GAAG,EAAO,OAapC,CACF;IACE;GACJ,CAAA,GAAA,IACC,kBAAC,OAAD;IACE,WAAW,GAAG,EAAY,UAAU,IAAc,IAAI,EAAY,gBAAgB;IAClF,OAAO;KAAE,MAAM,EAAa;KAAG,KAAK,EAAO;IAAQ;IACnD,MAAK;IACL,aAAU;IAJZ,UAAA,CAME,kBAAC,KAAD;KAAG,WAAW,EAAY;KAAe,UAAA,EAAa;IAAS,CAAA,GAC9D,EAAa,KAAK,MACjB,kBAAC,OAAD;KAAsB,WAAW,EAAY;KAA7C,UAAA;MACE,kBAAC,QAAD;OAAM,WAAW,EAAY;OAAY,OAAO,EAAE,YAAY,EAAK,MAAM;OAAG,eAAA;MAAa,CAAA;MACzF,kBAAC,QAAD;OAAM,WAAW,EAAY;OAAe,UAAA,EAAK;MAAY,CAAA;MAC7D,kBAAC,QAAD;OAAM,WAAW,EAAY;OAAe,UAAA,EAAY,EAAK,KAAK,EAAa,UAAU,CAAC;MAAQ,CAAA;KAC/F;IAJK,GAAA,EAAK,KAIV,CACN,CACE;GACH,CAAA,IAAA,IACD;;CACK,CAAA;AAEhB"}

package/{ui → dist/ui}/LineChart/LineChart.module.css

@@ -1,51 +1,51 @@
-.plot {
+._plot_1i56x_1 {
   position: relative;
   width: 100%;
   min-width: 0;
   overflow: visible;
 }
 
-.chart {
+._chart_1i56x_8 {
   display: block;
   width: 100%;
   overflow: visible;
 }
 
-.grid {
+._grid_1i56x_14 {
   stroke: var(--border-strong);
   stroke-width: 1;
   shape-rendering: crispEdges;
   pointer-events: none;
 }
 
-.axis {
+._axis_1i56x_21 {
   stroke: var(--border-strong);
   stroke-width: 1;
   shape-rendering: crispEdges;
   pointer-events: none;
 }
 
-.crosshair {
+._crosshair_1i56x_28 {
   stroke: var(--text-muted);
   stroke-width: 1;
   opacity: 0.45;
   pointer-events: none;
 }
 
-.series {
+._series_1i56x_35 {
   transition: opacity 0.48s cubic-bezier(0.22, 1, 0.36, 1);
 }
 
-.seriesDimmed {
+._seriesDimmed_1i56x_39 {
   opacity: 0.45;
 }
 
-.area {
+._area_1i56x_43 {
   fill-opacity: 0.15;
   pointer-events: none;
 }
 
-.line {
+._line_1i56x_48 {
   fill: none;
   stroke-width: 2.5;
   stroke-linecap: round;
@@ -53,14 +53,14 @@
   pointer-events: none;
 }
 
-.dot {
+._dot_1i56x_56 {
   stroke: var(--surface-card);
   stroke-width: 2.5;
   pointer-events: none;
 }
 
-.categoryLabel,
-.tickLabel {
+._categoryLabel_1i56x_62,
+._tickLabel_1i56x_63 {
   fill: var(--text-muted);
   font-family: var(--font-sans);
   font-size: var(--type-size-caption);
@@ -68,26 +68,26 @@
   pointer-events: none;
 }
 
-.hit {
+._hit_1i56x_71 {
   fill: transparent;
   cursor: pointer;
   outline: none;
   pointer-events: none;
 }
 
-.hit:focus-visible {
+._hit_1i56x_71:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.overlay {
+._overlay_1i56x_83 {
   fill: transparent;
   cursor: pointer;
   touch-action: none;
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .series {
+  ._series_1i56x_35 {
     transition: opacity var(--motion-interaction-duration) var(--motion-interaction-easing);
   }
 }

package/dist/ui/LineChart/LineChart.module.js

@@ -0,0 +1,22 @@
+import "./LineChart.module.css";
+//#region ui/LineChart/LineChart.module.css
+var e = "_plot_1i56x_1", t = "_chart_1i56x_8", n = "_grid_1i56x_14", r = "_axis_1i56x_21", i = "_crosshair_1i56x_28", a = "_series_1i56x_35", o = "_seriesDimmed_1i56x_39", s = "_area_1i56x_43", c = "_line_1i56x_48", l = "_dot_1i56x_56", u = "_categoryLabel_1i56x_62", d = "_tickLabel_1i56x_63", f = "_hit_1i56x_71", p = "_overlay_1i56x_83", m = {
+	plot: e,
+	chart: t,
+	grid: n,
+	axis: r,
+	crosshair: i,
+	series: a,
+	seriesDimmed: o,
+	area: s,
+	line: c,
+	dot: l,
+	categoryLabel: u,
+	tickLabel: d,
+	hit: f,
+	overlay: p
+};
+//#endregion
+export { s as area, r as axis, u as categoryLabel, t as chart, i as crosshair, m as default, l as dot, n as grid, f as hit, c as line, p as overlay, e as plot, a as series, o as seriesDimmed, d as tickLabel };
+
+//# sourceMappingURL=LineChart.module.js.map

package/dist/ui/LineChart/LineChart.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.module.js","names":[],"sources":["../../../ui/LineChart/LineChart.module.css"],"sourcesContent":[".plot {\n  position: relative;\n  width: 100%;\n  min-width: 0;\n  overflow: visible;\n}\n\n.chart {\n  display: block;\n  width: 100%;\n  overflow: visible;\n}\n\n.grid {\n  stroke: var(--border-strong);\n  stroke-width: 1;\n  shape-rendering: crispEdges;\n  pointer-events: none;\n}\n\n.axis {\n  stroke: var(--border-strong);\n  stroke-width: 1;\n  shape-rendering: crispEdges;\n  pointer-events: none;\n}\n\n.crosshair {\n  stroke: var(--text-muted);\n  stroke-width: 1;\n  opacity: 0.45;\n  pointer-events: none;\n}\n\n.series {\n  transition: opacity 0.48s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.seriesDimmed {\n  opacity: 0.45;\n}\n\n.area {\n  fill-opacity: 0.15;\n  pointer-events: none;\n}\n\n.line {\n  fill: none;\n  stroke-width: 2.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  pointer-events: none;\n}\n\n.dot {\n  stroke: var(--surface-card);\n  stroke-width: 2.5;\n  pointer-events: none;\n}\n\n.categoryLabel,\n.tickLabel {\n  fill: var(--text-muted);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-variant-numeric: tabular-nums;\n  pointer-events: none;\n}\n\n.hit {\n  fill: transparent;\n  cursor: pointer;\n  outline: none;\n  pointer-events: none;\n}\n\n.hit:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.overlay {\n  fill: transparent;\n  cursor: pointer;\n  touch-action: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .series {\n    transition: opacity var(--motion-interaction-duration) var(--motion-interaction-easing);\n  }\n}\n"],"mappings":""}

package/dist/ui/LineChart/LineChart.types.d.ts

@@ -0,0 +1,17 @@
+import { ChartDatum, ChartSeries } from '../shared/chartMath';
+export type LineChartVariant = "line" | "area";
+export interface LineChartProps {
+    data?: ChartDatum[];
+    labels?: string[];
+    series?: ChartSeries[];
+    title?: string;
+    description?: string;
+    variant?: LineChartVariant;
+    height?: number;
+    showGrid?: boolean;
+    showTable?: boolean;
+    includeZero?: boolean;
+    emptyLabel?: string;
+    isLoading?: boolean;
+    className?: string;
+}

package/dist/ui/LineChart/index.d.ts

@@ -0,0 +1,2 @@
+export { LineChart } from './LineChart';
+export type { LineChartProps, LineChartVariant } from './LineChart.types';

package/dist/ui/LoadingAnimation/LoadingAnimation.d.ts

@@ -0,0 +1,3 @@
+import { LoadingAnimationProps } from './LoadingAnimation.types';
+export type { LoadingAnimationProps, LoadingAnimationSize, LoadingAnimationVariant, } from './LoadingAnimation.types';
+export declare function LoadingAnimation({ label, size, variant, className, }: LoadingAnimationProps): import("react").JSX.Element;

package/dist/ui/LoadingAnimation/LoadingAnimation.js

@@ -0,0 +1,24 @@
+import e from "./LoadingAnimation.module.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region ui/LoadingAnimation/LoadingAnimation.tsx
+var n = Array.from({ length: 9 }, (e, t) => t);
+function r({ label: r = "Loading", size: i = "md", variant: a = "grid", className: o = "" }) {
+	return /* @__PURE__ */ t("span", {
+		className: `${e.root} ${e[i]} ${e[a]} ${o}`.trim(),
+		role: "status",
+		"aria-label": r,
+		"aria-live": "polite",
+		children: n.map((r) => /* @__PURE__ */ t("span", {
+			className: e.dot,
+			style: {
+				"--loading-index": r,
+				"--loading-phase": r / (n.length - 1)
+			},
+			"aria-hidden": "true"
+		}, r))
+	});
+}
+//#endregion
+export { r as LoadingAnimation };
+
+//# sourceMappingURL=LoadingAnimation.js.map

package/dist/ui/LoadingAnimation/LoadingAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingAnimation.js","names":[],"sources":["../../../ui/LoadingAnimation/LoadingAnimation.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport type { LoadingAnimationProps } from \"./LoadingAnimation.types\";\nimport styles from \"./LoadingAnimation.module.css\";\n\nexport type {\n  LoadingAnimationProps,\n  LoadingAnimationSize,\n  LoadingAnimationVariant,\n} from \"./LoadingAnimation.types\";\n\nconst DOTS = Array.from({ length: 9 }, (_, index) => index);\n\nexport function LoadingAnimation({\n  label = \"Loading\",\n  size = \"md\",\n  variant = \"grid\",\n  className = \"\",\n}: LoadingAnimationProps) {\n  return (\n    <span\n      className={`${styles.root} ${styles[size]} ${styles[variant]} ${className}`.trim()}\n      role=\"status\"\n      aria-label={label}\n      aria-live=\"polite\"\n    >\n      {DOTS.map((index) => (\n        <span\n          className={styles.dot}\n          style={\n            {\n              \"--loading-index\": index,\n              \"--loading-phase\": index / (DOTS.length - 1),\n            } as CSSProperties\n          }\n          aria-hidden=\"true\"\n          key={index}\n        />\n      ))}\n    </span>\n  );\n}\n"],"mappings":";;;AAUA,IAAM,IAAO,MAAM,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAU,CAAK;AAE1D,SAAgB,EAAiB,EAC/B,WAAQ,WACR,UAAO,MACP,aAAU,QACV,eAAY,MACY;CACxB,OACE,kBAAC,QAAD;EACE,WAAW,GAAG,EAAO,KAAK,GAAG,EAAO,GAAM,GAAG,EAAO,GAAS,GAAG,IAAY,KAAK;EACjF,MAAK;EACL,cAAY;EACZ,aAAU;EAET,UAAA,EAAK,KAAK,MACT,kBAAC,QAAD;GACE,WAAW,EAAO;GAClB,OACE;IACE,mBAAmB;IACnB,mBAAmB,KAAS,EAAK,SAAS;GAC5C;GAEF,eAAY;EAEb,GADM,CACN,CACF;CACG,CAAA;AAEV"}

package/{ui → dist/ui}/LoadingAnimation/LoadingAnimation.module.css

@@ -1,4 +1,4 @@
-.root {
+._root_15iqu_1 {
   --loading-animation-duration: calc(var(--motion-modal-duration) * 5);
   --loading-dot-size: var(--space-2);
   display: inline-grid;
@@ -10,44 +10,44 @@
   background: var(--surface-muted);
 }
 
-.dot {
+._dot_15iqu_13 {
   position: relative;
   inline-size: var(--loading-dot-size);
   block-size: var(--loading-dot-size);
 }
 
-.dot::before,
-.dot::after {
+._dot_15iqu_13::before,
+._dot_15iqu_13::after {
   position: absolute;
   inset: 0;
   border-radius: var(--radius-full);
   content: "";
 }
 
-.dot::before {
+._dot_15iqu_13::before {
   background: var(--text-primary);
 }
 
-.dot::after {
+._dot_15iqu_13::after {
   background: var(--text-inverse);
   opacity: 0.35;
-  animation: loading-dot-crossfade var(--loading-animation-duration) var(--motion-expand-easing) infinite;
+  animation: _loading-dot-crossfade_15iqu_1 var(--loading-animation-duration) var(--motion-expand-easing) infinite;
   animation-delay: calc(var(--loading-animation-duration) * var(--loading-phase) * -1);
 }
 
-.sm {
+._sm_15iqu_38 {
   --loading-dot-size: 0.3rem;
   gap: 0.2rem;
   padding: var(--space-1);
 }
 
-.lg {
+._lg_15iqu_44 {
   --loading-dot-size: var(--space-3);
   gap: var(--space-2);
   padding: var(--space-3);
 }
 
-@keyframes loading-dot-crossfade {
+@keyframes _loading-dot-crossfade_15iqu_1 {
   0%,
   100% {
     opacity: 0;
@@ -59,7 +59,7 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .dot::after {
+  ._dot_15iqu_13::after {
     animation: none;
     opacity: 0.5;
   }

package/dist/ui/LoadingAnimation/LoadingAnimation.module.js

@@ -0,0 +1,13 @@
+import "./LoadingAnimation.module.css";
+//#region ui/LoadingAnimation/LoadingAnimation.module.css
+var e = "_root_15iqu_1", t = "_dot_15iqu_13", n = "_sm_15iqu_38", r = "_lg_15iqu_44", i = {
+	root: e,
+	dot: t,
+	"loading-dot-crossfade": "_loading-dot-crossfade_15iqu_1",
+	sm: n,
+	lg: r
+};
+//#endregion
+export { i as default, t as dot, r as lg, e as root, n as sm };
+
+//# sourceMappingURL=LoadingAnimation.module.js.map

package/dist/ui/LoadingAnimation/LoadingAnimation.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingAnimation.module.js","names":[],"sources":["../../../ui/LoadingAnimation/LoadingAnimation.module.css"],"sourcesContent":[".root {\n  --loading-animation-duration: calc(var(--motion-modal-duration) * 5);\n  --loading-dot-size: var(--space-2);\n  display: inline-grid;\n  grid-template-columns: repeat(3, auto);\n  gap: var(--space-1);\n  padding: var(--space-2);\n  border: var(--border-width-thin) solid var(--border-faint);\n  border-radius: var(--radius-surface-sm);\n  background: var(--surface-muted);\n}\n\n.dot {\n  position: relative;\n  inline-size: var(--loading-dot-size);\n  block-size: var(--loading-dot-size);\n}\n\n.dot::before,\n.dot::after {\n  position: absolute;\n  inset: 0;\n  border-radius: var(--radius-full);\n  content: \"\";\n}\n\n.dot::before {\n  background: var(--text-primary);\n}\n\n.dot::after {\n  background: var(--text-inverse);\n  opacity: 0.35;\n  animation: loading-dot-crossfade var(--loading-animation-duration) var(--motion-expand-easing) infinite;\n  animation-delay: calc(var(--loading-animation-duration) * var(--loading-phase) * -1);\n}\n\n.sm {\n  --loading-dot-size: 0.3rem;\n  gap: 0.2rem;\n  padding: var(--space-1);\n}\n\n.lg {\n  --loading-dot-size: var(--space-3);\n  gap: var(--space-2);\n  padding: var(--space-3);\n}\n\n@keyframes loading-dot-crossfade {\n  0%,\n  100% {\n    opacity: 0;\n  }\n\n  50% {\n    opacity: 0.85;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dot::after {\n    animation: none;\n    opacity: 0.5;\n  }\n}\n"],"mappings":""}

package/{ui/LoadingAnimation/LoadingAnimation.types.ts → dist/ui/LoadingAnimation/LoadingAnimation.types.d.ts}

@@ -1,9 +1,8 @@
 export type LoadingAnimationSize = "sm" | "md" | "lg";
 export type LoadingAnimationVariant = "grid";
-
 export interface LoadingAnimationProps {
-  label?: string;
-  size?: LoadingAnimationSize;
-  variant?: LoadingAnimationVariant;
-  className?: string;
+    label?: string;
+    size?: LoadingAnimationSize;
+    variant?: LoadingAnimationVariant;
+    className?: string;
 }

package/dist/ui/LoadingAnimation/index.d.ts

@@ -0,0 +1,2 @@
+export { LoadingAnimation } from './LoadingAnimation';
+export type { LoadingAnimationProps, LoadingAnimationSize, LoadingAnimationVariant, } from './LoadingAnimation.types';

package/dist/ui/Modal/Modal.d.ts

@@ -0,0 +1,3 @@
+import { ModalProps } from './Modal.types';
+export type { ModalProps, ModalSize } from './Modal.types';
+export declare function Modal({ open, title, description, size, showClose, onClose, children, footer, contained, }: ModalProps): import("react").JSX.Element | null;