@powered-by-array/ui 1.77.0 → 1.78.0

package/dist/components/SemanticLineChart/SemanticLineChart.js

@@ -0,0 +1,99 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Line, LineChart, XAxis, YAxis, } from "recharts";
+import { cn } from "../../lib/cn.js";
+import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../SemanticBarChart/Chart/index.js";
+import { SemanticLineChartGrid } from "./SemanticLineChartGrid.js";
+import { SemanticLineChartDot } from "./SemanticLineChartDot.js";
+import { SemanticLineChartHitCurve } from "./SemanticLineChartHitCurve.js";
+import { SemanticLineChartTrimmedCurve } from "./SemanticLineChartTrimmedCurve.js";
+import { SemanticLineChartSeriesDots } from "./SemanticLineChartSeriesDots.js";
+import { resolveLineChartTrimRadius } from "./SemanticLineChart.path.utils.js";
+import { buildLineChartConfig, orderSeriesForHover, seriesColorVar } from "./SemanticLineChart.utils.js";
+import { useSemanticLineChartEntryAnimation } from "./useSemanticLineChartEntryAnimation.js";
+import { useSemanticLineChartDotsReveal } from "./useSemanticLineChartDotsReveal.js";
+import { useSemanticLineChartSeriesHover } from "./useSemanticLineChartSeriesHover.js";
+import { DEFAULT_LINE_MARGIN, SEMANTIC_LINE_CHART_BASE_LINE_Z_INDEX, SEMANTIC_LINE_CHART_DOT_INNER_RADIUS, SEMANTIC_LINE_CHART_HOVERED_LINE_Z_INDEX, SEMANTIC_LINE_CHART_HOVER_STROKE_DELTA, SEMANTIC_LINE_CHART_SERIES_LINE_CLASS, SEMANTIC_LINE_CHART_ANIMATION_DURATION_MS, SEMANTIC_LINE_CHART_ANIMATION_STAGGER_MS, SEMANTIC_LINE_CHART_ANIMATION_EASING, SEMANTIC_LINE_CHART_RESIZE_DEBOUNCE_MS, SEMANTIC_LINE_CHART_Y_AXIS_WIDTH, SEMANTIC_LINE_CHART_Y_LABEL_X, SEMANTIC_LINE_CHART_X_AXIS_PADDING, semanticLineChartChartContainerVariants, semanticLineChartXAxisTick, semanticLineChartYAxisTick, } from "./SemanticLineChart.variants.js";
+/** Right-aligned Y tick labels inside the Figma 36px label column. */
+function renderYAxisTick(tickProps, tickFormatter) {
+    const rawValue = tickProps.payload?.value;
+    const label = rawValue != null && tickFormatter != null
+        ? tickFormatter(rawValue)
+        : rawValue != null
+            ? String(rawValue)
+            : "";
+    return (_jsx("text", { x: SEMANTIC_LINE_CHART_Y_LABEL_X, y: tickProps.y, dy: 3, textAnchor: "end", fill: semanticLineChartYAxisTick.fill, fontSize: semanticLineChartYAxisTick.fontSize, className: "font-mono", children: label }));
+}
+/**
+ * Multi-series line chart composed from `ChartContainer` and Recharts.
+ * Series colors default to semantic chart tokens (`--chart-1` … `--chart-10`).
+ */
+export function SemanticLineChart({ className, data, series, chartClassName, chartMargin, chartConfig = {}, chartId, yDomain, yTicks, yTickFormatter, xTickFormatter, gridVertical = true, strokeWidth = 2, dotRadius = SEMANTIC_LINE_CHART_DOT_INNER_RADIUS, showDots = true, showTooltip = false, "aria-label": ariaLabelProp, ...props }) {
+    const resolvedConfig = React.useMemo(() => buildLineChartConfig(series, chartConfig), [series, chartConfig]);
+    const margin = React.useMemo(() => {
+        return {
+            ...DEFAULT_LINE_MARGIN,
+            ...chartMargin,
+        };
+    }, [chartMargin]);
+    const defaultAriaLabel = React.useMemo(() => {
+        const summaries = series.map((item) => {
+            const values = data
+                .map((row) => {
+                const raw = row[item.dataKey];
+                const numeric = typeof raw === "number" ? raw : Number(raw);
+                const formatted = Number.isFinite(numeric)
+                    ? yTickFormatter != null
+                        ? yTickFormatter(numeric)
+                        : String(numeric)
+                    : String(raw);
+                return `${row.name} ${formatted}`;
+            })
+                .join(", ");
+            return `${item.label ?? item.dataKey}: ${values}`;
+        });
+        return `Line chart, ${summaries.join("; ")}`;
+    }, [data, series, yTickFormatter]);
+    const suppressMouseFocus = React.useCallback((event) => {
+        // Recharts activates keyboard tooltip state on SVG focus (index 0). Mouse clicks
+        // should not move focus there; Tab still reaches the chart for arrow-key navigation.
+        event.preventDefault();
+    }, []);
+    const { isEntryAnimationActive } = useSemanticLineChartEntryAnimation({
+        seriesCount: series.length,
+    });
+    const hoverInteractionsEnabled = !isEntryAnimationActive;
+    const { hoveredSeriesKey, handleSeriesEnter, handleSeriesLeave, clearHoveredSeries, } = useSemanticLineChartSeriesHover(hoverInteractionsEnabled);
+    const orderedSeries = React.useMemo(() => orderSeriesForHover(series, hoveredSeriesKey), [series, hoveredSeriesKey]);
+    const entryTrimRadius = resolveLineChartTrimRadius(showDots, dotRadius, isEntryAnimationActive);
+    const showSeriesDots = showDots && !isEntryAnimationActive;
+    const seriesDotsOpacity = useSemanticLineChartDotsReveal(showSeriesDots);
+    const renderTrimmedCurve = React.useCallback((curveProps) => (_jsx(SemanticLineChartTrimmedCurve, { ...curveProps, trimRadius: entryTrimRadius })), [entryTrimRadius]);
+    const renderHitCurve = React.useCallback((curveProps) => (_jsx(SemanticLineChartHitCurve, { points: curveProps.points, interactive: hoverInteractionsEnabled })), [hoverInteractionsEnabled]);
+    const renderActiveDot = React.useCallback((dotProps) => {
+        const dataKey = typeof dotProps.dataKey === "string" ? dotProps.dataKey : undefined;
+        if (dotProps.cx == null || dotProps.cy == null || dataKey == null) {
+            return null;
+        }
+        return (_jsx(SemanticLineChartDot, { cx: dotProps.cx, cy: dotProps.cy, fill: seriesColorVar(dataKey), innerRadius: dotRadius }));
+    }, [dotRadius]);
+    return (_jsx("div", { "data-slot": "semantic-line-chart", role: "group", className: cn("w-full", className), "aria-label": ariaLabelProp ?? defaultAriaLabel, ...props, children: _jsx(ChartContainer, { id: chartId, config: resolvedConfig, debounce: SEMANTIC_LINE_CHART_RESIZE_DEBOUNCE_MS, className: cn(semanticLineChartChartContainerVariants(), chartClassName), "data-entry-animating": isEntryAnimationActive || undefined, onMouseDown: suppressMouseFocus, onMouseLeave: clearHoveredSeries, children: _jsxs(LineChart, { accessibilityLayer: true, data: data, margin: margin, children: [_jsx(SemanticLineChartGrid, { gridVertical: gridVertical, yDomain: yDomain, yTicks: yTicks }), _jsx(XAxis, { dataKey: "name", tickLine: false, axisLine: false, tickMargin: 10, interval: 0, minTickGap: 0, padding: SEMANTIC_LINE_CHART_X_AXIS_PADDING, tick: semanticLineChartXAxisTick, ...(xTickFormatter != null ? { tickFormatter: xTickFormatter } : {}) }), _jsx(YAxis, { ...(yDomain != null ? { domain: yDomain } : {}), ...(yTicks != null ? { ticks: yTicks } : {}), ...(yTickFormatter != null ? { tickFormatter: yTickFormatter } : {}), tickLine: false, axisLine: false, width: SEMANTIC_LINE_CHART_Y_AXIS_WIDTH, interval: 0, minTickGap: 0, allowDecimals: false, tick: (tickProps) => renderYAxisTick(tickProps, yTickFormatter) }), showTooltip ? (_jsx(ChartTooltip, { shared: true, trigger: "hover", cursor: false, isAnimationActive: false, content: _jsx(ChartTooltipContent, { indicator: "dot" }) })) : null, orderedSeries.map((item) => {
+                        const color = seriesColorVar(item.dataKey);
+                        const seriesAnimationIndex = series.findIndex((seriesItem) => seriesItem.dataKey === item.dataKey);
+                        const animationBegin = seriesAnimationIndex * SEMANTIC_LINE_CHART_ANIMATION_STAGGER_MS;
+                        const isHovered = hoverInteractionsEnabled && hoveredSeriesKey === item.dataKey;
+                        const seriesStrokeWidth = isHovered
+                            ? strokeWidth + SEMANTIC_LINE_CHART_HOVER_STROKE_DELTA
+                            : strokeWidth;
+                        const seriesCurveZIndex = isHovered
+                            ? SEMANTIC_LINE_CHART_HOVERED_LINE_Z_INDEX
+                            : SEMANTIC_LINE_CHART_BASE_LINE_Z_INDEX;
+                        const seriesMouseHandlers = {
+                            onMouseEnter: () => handleSeriesEnter(item.dataKey),
+                            onMouseLeave: () => handleSeriesLeave(item.dataKey),
+                        };
+                        return (_jsxs(React.Fragment, { children: [_jsx(Line, { id: `semantic-line-chart-curve-${item.dataKey}`, className: cn(SEMANTIC_LINE_CHART_SERIES_LINE_CLASS, "semantic-line-chart-series-line"), type: "linear", dataKey: item.dataKey, name: item.label ?? item.dataKey, stroke: color, strokeWidth: seriesStrokeWidth, shape: renderTrimmedCurve, dot: false, activeDot: false, isAnimationActive: isEntryAnimationActive, animateNewValues: false, animationBegin: animationBegin, animationDuration: isEntryAnimationActive ? SEMANTIC_LINE_CHART_ANIMATION_DURATION_MS : 0, animationEasing: SEMANTIC_LINE_CHART_ANIMATION_EASING, legendType: "none", tooltipType: "none", zIndex: seriesCurveZIndex }), _jsx(Line, { id: `semantic-line-chart-hit-${item.dataKey}`, className: "semantic-line-chart-series-hit-line", type: "linear", dataKey: item.dataKey, name: item.label ?? item.dataKey, stroke: showTooltip ? color : "none", shape: renderHitCurve, dot: false, activeDot: showTooltip ? renderActiveDot : false, isAnimationActive: false, legendType: "none", tooltipType: showTooltip ? undefined : "none", zIndex: seriesCurveZIndex, ...(hoverInteractionsEnabled ? seriesMouseHandlers : {}) })] }, item.dataKey));
+                    }), showSeriesDots ? (_jsx(SemanticLineChartSeriesDots, { series: series, data: data, dotRadius: dotRadius, excludedDataKey: hoveredSeriesKey, raisedDataKey: hoveredSeriesKey != null && hoverInteractionsEnabled ? hoveredSeriesKey : null, opacity: seriesDotsOpacity, onSeriesMouseEnter: handleSeriesEnter, onSeriesMouseLeave: handleSeriesLeave })) : null] }) }) }));
+}
+//# sourceMappingURL=SemanticLineChart.js.map

package/dist/components/SemanticLineChart/SemanticLineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticLineChart.js","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/SemanticLineChart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,SAAS,EACT,KAAK,EACL,KAAK,GAIN,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EACL,cAAc,EACd,YAAY,EACZ,mBAAmB,GACpB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAE/E,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACzG,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EACL,mBAAmB,EACnB,qCAAqC,EACrC,oCAAoC,EACpC,wCAAwC,EACxC,sCAAsC,EACtC,qCAAqC,EACrC,yCAAyC,EACzC,wCAAwC,EACxC,oCAAoC,EACpC,sCAAsC,EACtC,gCAAgC,EAChC,6BAA6B,EAC7B,kCAAkC,EAClC,uCAAuC,EACvC,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,iCAAiC,CAAC;AAEzC,sEAAsE;AACtE,SAAS,eAAe,CACtB,SAIC,EACD,aAAyC;IAEzC,MAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC;IAC1C,MAAM,KAAK,GACT,QAAQ,IAAI,IAAI,IAAI,aAAa,IAAI,IAAI;QACvC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC;QACzB,CAAC,CAAC,QAAQ,IAAI,IAAI;YAChB,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC;YAClB,CAAC,CAAC,EAAE,CAAC;IAEX,OAAO,CACL,eACE,CAAC,EAAE,6BAA6B,EAChC,CAAC,EAAE,SAAS,CAAC,CAAC,EACd,EAAE,EAAE,CAAC,EACL,UAAU,EAAC,KAAK,EAChB,IAAI,EAAE,0BAA0B,CAAC,IAAI,EACrC,QAAQ,EAAE,0BAA0B,CAAC,QAAQ,EAC7C,SAAS,EAAC,WAAW,YAEpB,KAAK,GACD,CACR,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,SAAS,EACT,IAAI,EACJ,MAAM,EACN,cAAc,EACd,WAAW,EACX,WAAW,GAAG,EAAE,EAChB,OAAO,EACP,OAAO,EACP,MAAM,EACN,cAAc,EACd,cAAc,EACd,YAAY,GAAG,IAAI,EACnB,WAAW,GAAG,CAAC,EACf,SAAS,GAAG,oCAAoC,EAChD,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,KAAK,EACnB,YAAY,EAAE,aAAa,EAC3B,GAAG,KAAK,EACe;IACvB,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,oBAAoB,CAAC,MAAM,EAAE,WAAW,CAAC,EAC/C,CAAC,MAAM,EAAE,WAAW,CAAC,CACtB,CAAC;IAEF,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,GAAW,EAAE;QACxC,OAAO;YACL,GAAG,mBAAmB;YACtB,GAAG,WAAW;SACf,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC1C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACpC,MAAM,MAAM,GAAG,IAAI;iBAChB,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBACX,MAAM,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBAC9B,MAAM,OAAO,GAAG,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBAC5D,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC;oBACxC,CAAC,CAAC,cAAc,IAAI,IAAI;wBACtB,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC;wBACzB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;oBACnB,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBAChB,OAAO,GAAG,GAAG,CAAC,IAAI,IAAI,SAAS,EAAE,CAAC;YACpC,CAAC,CAAC;iBACD,IAAI,CAAC,IAAI,CAAC,CAAC;YACd,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;QACpD,CAAC,CAAC,CAAC;QACH,OAAO,eAAe,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;IAC/C,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;IAEnC,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAuC,EAAE,EAAE;QACvF,iFAAiF;QACjF,qFAAqF;QACrF,KAAK,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,EAAE,sBAAsB,EAAE,GAAG,kCAAkC,CAAC;QACpE,WAAW,EAAE,MAAM,CAAC,MAAM;KAC3B,CAAC,CAAC;IAEH,MAAM,wBAAwB,GAAG,CAAC,sBAAsB,CAAC;IAEzD,MAAM,EACJ,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,GACnB,GAAG,+BAA+B,CAAC,wBAAwB,CAAC,CAAC;IAE9D,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CACjC,GAAG,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,gBAAgB,CAAC,EACnD,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAC3B,CAAC;IAEF,MAAM,eAAe,GAAG,0BAA0B,CAChD,QAAQ,EACR,SAAS,EACT,sBAAsB,CACvB,CAAC;IACF,MAAM,cAAc,GAAG,QAAQ,IAAI,CAAC,sBAAsB,CAAC;IAC3D,MAAM,iBAAiB,GAAG,8BAA8B,CAAC,cAAc,CAAC,CAAC;IAEzE,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAC1C,CAAC,UAAsB,EAAE,EAAE,CAAC,CAC1B,KAAC,6BAA6B,OAAK,UAAU,EAAE,UAAU,EAAE,eAAe,GAAI,CAC/E,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,UAAsB,EAAE,EAAE,CAAC,CAC1B,KAAC,yBAAyB,IACxB,MAAM,EAAE,UAAU,CAAC,MAAM,EACzB,WAAW,EAAE,wBAAwB,GACrC,CACH,EACD,CAAC,wBAAwB,CAAC,CAC3B,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACvC,CAAC,QAAwB,EAAE,EAAE;QAC3B,MAAM,OAAO,GACX,OAAO,QAAQ,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;QAEtE,IAAI,QAAQ,CAAC,EAAE,IAAI,IAAI,IAAI,QAAQ,CAAC,EAAE,IAAI,IAAI,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;YAClE,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,KAAC,oBAAoB,IACnB,EAAE,EAAE,QAAQ,CAAC,EAAE,EACf,EAAE,EAAE,QAAQ,CAAC,EAAE,EACf,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,EAC7B,WAAW,EAAE,SAAS,GACtB,CACH,CAAC;IACJ,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,OAAO,CACL,2BACY,qBAAqB,EAC/B,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,gBACtB,aAAa,IAAI,gBAAgB,KACzC,KAAK,YAET,KAAC,cAAc,IACb,EAAE,EAAE,OAAO,EACX,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,sCAAsC,EAChD,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,EAAE,cAAc,CAAC,0BAClD,sBAAsB,IAAI,SAAS,EACzD,WAAW,EAAE,kBAAkB,EAC/B,YAAY,EAAE,kBAAkB,YAEhC,MAAC,SAAS,IAAC,kBAAkB,QAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,aACtD,KAAC,qBAAqB,IACpB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,GACd,EACF,KAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,EAAE,EACd,QAAQ,EAAE,CAAC,EACX,UAAU,EAAE,CAAC,EACb,OAAO,EAAE,kCAAkC,EAC3C,IAAI,EAAE,0BAA0B,KAC5B,CAAC,cAAc,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACrE,EACF,KAAC,KAAK,OACA,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC5C,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACzC,CAAC,cAAc,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACrE,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,KAAK,EACf,KAAK,EAAE,gCAAgC,EACvC,QAAQ,EAAE,CAAC,EACX,UAAU,EAAE,CAAC,EACb,aAAa,EAAE,KAAK,EACpB,IAAI,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,cAAc,CAAC,GAC/D,EACD,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,YAAY,IACX,MAAM,QACN,OAAO,EAAC,OAAO,EACf,MAAM,EAAE,KAAK,EACb,iBAAiB,EAAE,KAAK,EACxB,OAAO,EAAE,KAAC,mBAAmB,IAAC,SAAS,EAAC,KAAK,GAAG,GAChD,CACH,CAAC,CAAC,CAAC,IAAI,EACP,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;wBAC1B,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;wBAC3C,MAAM,oBAAoB,GAAG,MAAM,CAAC,SAAS,CAC3C,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,CACpD,CAAC;wBACF,MAAM,cAAc,GAClB,oBAAoB,GAAG,wCAAwC,CAAC;wBAClE,MAAM,SAAS,GAAG,wBAAwB,IAAI,gBAAgB,KAAK,IAAI,CAAC,OAAO,CAAC;wBAChF,MAAM,iBAAiB,GAAG,SAAS;4BACjC,CAAC,CAAC,WAAW,GAAG,sCAAsC;4BACtD,CAAC,CAAC,WAAW,CAAC;wBAChB,MAAM,iBAAiB,GAAG,SAAS;4BACjC,CAAC,CAAC,wCAAwC;4BAC1C,CAAC,CAAC,qCAAqC,CAAC;wBAC1C,MAAM,mBAAmB,GAAG;4BAC1B,YAAY,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC;4BACnD,YAAY,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC;yBACpD,CAAC;wBACF,OAAO,CACL,MAAC,KAAK,CAAC,QAAQ,eACb,KAAC,IAAI,IACH,EAAE,EAAE,6BAA6B,IAAI,CAAC,OAAO,EAAE,EAC/C,SAAS,EAAE,EAAE,CACX,qCAAqC,EACrC,iCAAiC,CAClC,EACD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,EAChC,MAAM,EAAE,KAAK,EACb,WAAW,EAAE,iBAAiB,EAC9B,KAAK,EAAE,kBAAkB,EACzB,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,KAAK,EAChB,iBAAiB,EAAE,sBAAsB,EACzC,gBAAgB,EAAE,KAAK,EACvB,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EACf,sBAAsB,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,CAAC,EAExE,eAAe,EAAE,oCAAoC,EACrD,UAAU,EAAC,MAAM,EACjB,WAAW,EAAC,MAAM,EAClB,MAAM,EAAE,iBAAiB,GACzB,EACF,KAAC,IAAI,IACH,EAAE,EAAE,2BAA2B,IAAI,CAAC,OAAO,EAAE,EAC7C,SAAS,EAAC,qCAAqC,EAC/C,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,EAChC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EACpC,KAAK,EAAE,cAAc,EACrB,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,EAChD,iBAAiB,EAAE,KAAK,EACxB,UAAU,EAAC,MAAM,EACjB,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAC7C,MAAM,EAAE,iBAAiB,KACrB,CAAC,wBAAwB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,GACzD,KAzCiB,IAAI,CAAC,OAAO,CA0ChB,CAClB,CAAC;oBACJ,CAAC,CAAC,EACD,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,2BAA2B,IAC1B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,gBAAgB,EACjC,aAAa,EACX,gBAAgB,IAAI,IAAI,IAAI,wBAAwB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,EAEhF,OAAO,EAAE,iBAAiB,EAC1B,kBAAkB,EAAE,iBAAiB,EACrC,kBAAkB,EAAE,iBAAiB,GACrC,CACH,CAAC,CAAC,CAAC,IAAI,IACE,GACG,GACb,CACP,CAAC;AACJ,CAAC"}

package/dist/components/SemanticLineChart/SemanticLineChart.path.utils.d.ts

@@ -0,0 +1,18 @@
+type LineChartPoint = {
+    x?: number | null;
+    y?: number | null;
+};
+/** Small gap between each line terminus and the dot edge (Figma separation). */
+export declare const SEMANTIC_LINE_CHART_LINE_DOT_SEPARATION_PX = 4;
+/** Distance from dot center where series lines stop along each segment. */
+export declare function getLineTrimRadius(dotInnerRadius: number, separationPx?: number): number;
+/** Trim radius for visible curves: gaps only when dots are shown and entry draw is done. */
+export declare function resolveLineChartTrimRadius(showDots: boolean, dotInnerRadius: number, isEntryAnimationActive: boolean): number;
+/**
+ * Builds line path data between data points. When `trimRadius` is zero the path is
+ * one continuous polyline (smooth dash-draw animation). Otherwise segments are
+ * trimmed so strokes stop before dot centers.
+ */
+export declare function getTrimmedLinearPath(points: ReadonlyArray<LineChartPoint> | undefined, trimRadius: number): string | null;
+export {};
+//# sourceMappingURL=SemanticLineChart.path.utils.d.ts.map

package/dist/components/SemanticLineChart/SemanticLineChart.path.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticLineChart.path.utils.d.ts","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/SemanticLineChart.path.utils.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,GAAG;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACnB,CAAC;AAEF,gFAAgF;AAChF,eAAO,MAAM,0CAA0C,IAAI,CAAC;AAE5D,2EAA2E;AAC3E,wBAAgB,iBAAiB,CAC/B,cAAc,EAAE,MAAM,EACtB,YAAY,GAAE,MAAmD,GAChE,MAAM,CAER;AAED,4FAA4F;AAC5F,wBAAgB,0BAA0B,CACxC,QAAQ,EAAE,OAAO,EACjB,cAAc,EAAE,MAAM,EACtB,sBAAsB,EAAE,OAAO,GAC9B,MAAM,CAMR;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,aAAa,CAAC,cAAc,CAAC,GAAG,SAAS,EACjD,UAAU,EAAE,MAAM,GACjB,MAAM,GAAG,IAAI,CA6Cf"}

package/dist/components/SemanticLineChart/SemanticLineChart.path.utils.js

@@ -0,0 +1,52 @@
+/** Small gap between each line terminus and the dot edge (Figma separation). */
+export const SEMANTIC_LINE_CHART_LINE_DOT_SEPARATION_PX = 4;
+/** Distance from dot center where series lines stop along each segment. */
+export function getLineTrimRadius(dotInnerRadius, separationPx = SEMANTIC_LINE_CHART_LINE_DOT_SEPARATION_PX) {
+    return dotInnerRadius + separationPx;
+}
+/** Trim radius for visible curves: gaps only when dots are shown and entry draw is done. */
+export function resolveLineChartTrimRadius(showDots, dotInnerRadius, isEntryAnimationActive) {
+    if (!showDots || isEntryAnimationActive) {
+        return 0;
+    }
+    return getLineTrimRadius(dotInnerRadius);
+}
+/**
+ * Builds line path data between data points. When `trimRadius` is zero the path is
+ * one continuous polyline (smooth dash-draw animation). Otherwise segments are
+ * trimmed so strokes stop before dot centers.
+ */
+export function getTrimmedLinearPath(points, trimRadius) {
+    if (points == null || points.length < 2) {
+        return null;
+    }
+    const validPoints = points.filter((point) => point?.x != null && point?.y != null);
+    if (validPoints.length < 2) {
+        return null;
+    }
+    if (trimRadius <= 0) {
+        return validPoints
+            .map((point, index) => `${index === 0 ? "M" : "L"} ${point.x} ${point.y}`)
+            .join(" ");
+    }
+    const segments = [];
+    for (let index = 0; index < validPoints.length - 1; index += 1) {
+        const start = validPoints[index];
+        const end = validPoints[index + 1];
+        const dx = end.x - start.x;
+        const dy = end.y - start.y;
+        const length = Math.hypot(dx, dy);
+        if (length <= trimRadius * 2) {
+            continue;
+        }
+        const unitX = dx / length;
+        const unitY = dy / length;
+        const x1 = start.x + unitX * trimRadius;
+        const y1 = start.y + unitY * trimRadius;
+        const x2 = end.x - unitX * trimRadius;
+        const y2 = end.y - unitY * trimRadius;
+        segments.push(`M ${x1} ${y1} L ${x2} ${y2}`);
+    }
+    return segments.length > 0 ? segments.join(" ") : null;
+}
+//# sourceMappingURL=SemanticLineChart.path.utils.js.map

package/dist/components/SemanticLineChart/SemanticLineChart.path.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticLineChart.path.utils.js","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/SemanticLineChart.path.utils.ts"],"names":[],"mappings":"AAKA,gFAAgF;AAChF,MAAM,CAAC,MAAM,0CAA0C,GAAG,CAAC,CAAC;AAE5D,2EAA2E;AAC3E,MAAM,UAAU,iBAAiB,CAC/B,cAAsB,EACtB,eAAuB,0CAA0C;IAEjE,OAAO,cAAc,GAAG,YAAY,CAAC;AACvC,CAAC;AAED,4FAA4F;AAC5F,MAAM,UAAU,0BAA0B,CACxC,QAAiB,EACjB,cAAsB,EACtB,sBAA+B;IAE/B,IAAI,CAAC,QAAQ,IAAI,sBAAsB,EAAE,CAAC;QACxC,OAAO,CAAC,CAAC;IACX,CAAC;IAED,OAAO,iBAAiB,CAAC,cAAc,CAAC,CAAC;AAC3C,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAClC,MAAiD,EACjD,UAAkB;IAElB,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACxC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAC/B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI,IAAI,KAAK,EAAE,CAAC,IAAI,IAAI,CACb,CAAC;IAErC,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,UAAU,IAAI,CAAC,EAAE,CAAC;QACpB,OAAO,WAAW;aACf,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;aACzE,IAAI,CAAC,GAAG,CAAC,CAAC;IACf,CAAC;IAED,MAAM,QAAQ,GAAa,EAAE,CAAC;IAE9B,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;QAC/D,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;QACjC,MAAM,GAAG,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QAEnC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;QAC3B,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;QAC3B,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;QAElC,IAAI,MAAM,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;YAC7B,SAAS;QACX,CAAC;QAED,MAAM,KAAK,GAAG,EAAE,GAAG,MAAM,CAAC;QAC1B,MAAM,KAAK,GAAG,EAAE,GAAG,MAAM,CAAC;QAE1B,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,GAAG,UAAU,CAAC;QACxC,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,GAAG,UAAU,CAAC;QACxC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,UAAU,CAAC;QACtC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,UAAU,CAAC;QAEtC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;IAC/C,CAAC;IAED,OAAO,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACzD,CAAC"}

package/dist/components/SemanticLineChart/SemanticLineChart.types.d.ts

@@ -0,0 +1,49 @@
+import type * as React from "react";
+import type { Margin } from "recharts";
+import type { ChartConfig } from "../SemanticBarChart/Chart/index.js";
+export type SemanticLineChartDatum = Record<string, string | number> & {
+    /** Category label on the X-axis (e.g. date). */
+    name: string;
+};
+export type SemanticLineChartSeries = {
+    /** Key on each datum row plotted as a line. */
+    dataKey: string;
+    /** Human-readable name for tooltips, legends, and aria summaries. */
+    label?: string;
+    /**
+     * Override stroke and dot fill. When omitted, resolved from `chartConfig[dataKey].theme`
+     * or the default series palette (`SEMANTIC_LINE_CHART_SERIES_THEMES`).
+     */
+    color?: string;
+};
+export type SemanticLineChartProps = Omit<React.ComponentProps<"div">, "children"> & {
+    /** One row per X-axis category; each `series.dataKey` must exist on every row. */
+    data: SemanticLineChartDatum[];
+    /** Trend lines to render; at least one required. */
+    series: SemanticLineChartSeries[];
+    /** Extra classes on the inner `ChartContainer`. */
+    chartClassName?: string;
+    /** Recharts `<LineChart margin={...}>`. */
+    chartMargin?: Partial<Margin>;
+    /** Tooltip/legend color keys; colors default from {@link SEMANTIC_LINE_CHART_SERIES_COLORS}. */
+    chartConfig?: ChartConfig;
+    /** Optional stable id for `ChartContainer`. */
+    chartId?: string;
+    /** When set, passed to `<YAxis domain={...} />`. Omit for automatic scaling. */
+    yDomain?: [number, number];
+    /** When set, passed to `<YAxis ticks={...} />`. */
+    yTicks?: number[];
+    yTickFormatter?: (value: number) => string;
+    xTickFormatter?: (value: string) => string;
+    /** Show vertical grid lines at each X tick (default). */
+    gridVertical?: boolean;
+    /** Line stroke width in px. */
+    strokeWidth?: number;
+    /** Dot radius in px. */
+    dotRadius?: number;
+    /** Show dots at each data point (default). */
+    showDots?: boolean;
+    /** Optional tooltip layer. */
+    showTooltip?: boolean;
+};
+//# sourceMappingURL=SemanticLineChart.types.d.ts.map

package/dist/components/SemanticLineChart/SemanticLineChart.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticLineChart.types.d.ts","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/SemanticLineChart.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEtE,MAAM,MAAM,sBAAsB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG;IACrE,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,+CAA+C;IAC/C,OAAO,EAAE,MAAM,CAAC;IAChB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACnF,kFAAkF;IAClF,IAAI,EAAE,sBAAsB,EAAE,CAAC;IAC/B,oDAAoD;IACpD,MAAM,EAAE,uBAAuB,EAAE,CAAC;IAClC,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAC9B,gGAAgG;IAChG,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3B,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}

package/dist/components/SemanticLineChart/SemanticLineChart.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SemanticLineChart.types.js.map

package/dist/components/SemanticLineChart/SemanticLineChart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticLineChart.types.js","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/SemanticLineChart.types.ts"],"names":[],"mappings":""}

package/dist/components/SemanticLineChart/SemanticLineChart.utils.d.ts

@@ -0,0 +1,17 @@
+import type { ChartConfig } from "../SemanticBarChart/Chart/index.js";
+import type { SemanticLineChartSeries } from "./SemanticLineChart.types.js";
+import { type SemanticLineChartSeriesTheme } from "./SemanticLineChart.variants.js";
+/** Scoped CSS variable injected by `ChartContainer` / `ChartStyle` per series key. */
+export declare function seriesColorVar(dataKey: string): string;
+export declare function resolveSeriesTheme(item: SemanticLineChartSeries, index: number, chartConfig: ChartConfig): SemanticLineChartSeriesTheme;
+export declare function buildLineChartConfig(series: SemanticLineChartSeries[], chartConfig: ChartConfig): ChartConfig;
+/** Y-axis tick values that receive horizontal grid lines (excludes the bottom / domain min). */
+export declare function resolveGridHorizontalValues(yTicks: number[] | undefined, yDomain: [number, number] | undefined): number[] | undefined;
+/**
+ * Puts the hovered series last so its curve and dots render above siblings
+ * within Recharts' fixed z-index layers (line `400`, dot `600`).
+ */
+export declare function orderSeriesForHover<T extends {
+    dataKey: string;
+}>(series: readonly T[], hoveredDataKey: string | null): T[];
+//# sourceMappingURL=SemanticLineChart.utils.d.ts.map

package/dist/components/SemanticLineChart/SemanticLineChart.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticLineChart.utils.d.ts","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/SemanticLineChart.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,iCAAiC,CAAC;AAEzC,sFAAsF;AACtF,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAEtD;AAMD,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,uBAAuB,EAC7B,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,WAAW,GACvB,4BAA4B,CAiB9B;AAED,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,uBAAuB,EAAE,EACjC,WAAW,EAAE,WAAW,GACvB,WAAW,CAeb;AAED,gGAAgG;AAChG,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAC5B,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,GACpC,MAAM,EAAE,GAAG,SAAS,CAQtB;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,EAC/D,MAAM,EAAE,SAAS,CAAC,EAAE,EACpB,cAAc,EAAE,MAAM,GAAG,IAAI,GAC5B,CAAC,EAAE,CAWL"}

package/dist/components/SemanticLineChart/SemanticLineChart.utils.js

@@ -0,0 +1,58 @@
+import { SEMANTIC_LINE_CHART_SERIES_THEMES, } from "./SemanticLineChart.variants.js";
+/** Scoped CSS variable injected by `ChartContainer` / `ChartStyle` per series key. */
+export function seriesColorVar(dataKey) {
+    return `var(--color-${dataKey})`;
+}
+function sameTheme(color) {
+    return { light: color, dark: color };
+}
+export function resolveSeriesTheme(item, index, chartConfig) {
+    if (item.color != null && item.color !== "") {
+        return sameTheme(item.color);
+    }
+    const existing = chartConfig[item.dataKey];
+    if (existing?.theme != null) {
+        return existing.theme;
+    }
+    if (existing?.color != null && existing.color !== "") {
+        return sameTheme(existing.color);
+    }
+    return SEMANTIC_LINE_CHART_SERIES_THEMES[index % SEMANTIC_LINE_CHART_SERIES_THEMES.length];
+}
+export function buildLineChartConfig(series, chartConfig) {
+    const merged = { ...chartConfig };
+    series.forEach((item, index) => {
+        if (merged[item.dataKey] != null) {
+            return;
+        }
+        merged[item.dataKey] = {
+            label: item.label ?? item.dataKey,
+            theme: resolveSeriesTheme(item, index, chartConfig),
+        };
+    });
+    return merged;
+}
+/** Y-axis tick values that receive horizontal grid lines (excludes the bottom / domain min). */
+export function resolveGridHorizontalValues(yTicks, yDomain) {
+    if (yTicks == null || yTicks.length === 0) {
+        return undefined;
+    }
+    const min = yDomain?.[0] ?? Math.min(...yTicks);
+    const filtered = yTicks.filter((tick) => tick !== min);
+    return filtered.length > 0 ? filtered : undefined;
+}
+/**
+ * Puts the hovered series last so its curve and dots render above siblings
+ * within Recharts' fixed z-index layers (line `400`, dot `600`).
+ */
+export function orderSeriesForHover(series, hoveredDataKey) {
+    if (hoveredDataKey == null) {
+        return [...series];
+    }
+    const hovered = series.find((item) => item.dataKey === hoveredDataKey);
+    if (hovered == null) {
+        return [...series];
+    }
+    return [...series.filter((item) => item.dataKey !== hoveredDataKey), hovered];
+}
+//# sourceMappingURL=SemanticLineChart.utils.js.map

package/dist/components/SemanticLineChart/SemanticLineChart.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticLineChart.utils.js","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/SemanticLineChart.utils.ts"],"names":[],"mappings":"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"}

package/dist/components/SemanticLineChart/SemanticLineChart.variants.d.ts

@@ -0,0 +1,68 @@
+import type { Margin } from "recharts";
+import type { ChartConfig } from "../SemanticBarChart/Chart/index.js";
+/** Default `LineChart` margin tuned for axis labels (Y + X). */
+export declare const DEFAULT_LINE_MARGIN: Margin;
+/** Figma Y-axis label column (`w-[36px]`). */
+export declare const SEMANTIC_LINE_CHART_Y_LABEL_COLUMN_WIDTH = 36;
+/** Figma gap between Y labels and the plot/grid (`gap-[12px]`). */
+export declare const SEMANTIC_LINE_CHART_Y_LABEL_TO_GRID_GAP = 12;
+/**
+ * Reserved Y-axis band: label column + gap before the plot.
+ * Keeps labels inside the card while grid lines start after the gap.
+ */
+export declare const SEMANTIC_LINE_CHART_Y_AXIS_WIDTH: number;
+/** X coordinate (textAnchor `end`) for right-aligned Y-axis labels. */
+export declare const SEMANTIC_LINE_CHART_Y_LABEL_X: number;
+/** Figma plot edge inset — keeps the first X label from overlapping the Y-axis column. */
+export declare const SEMANTIC_LINE_CHART_X_AXIS_PADDING: {
+    readonly left: 20;
+    readonly right: 24;
+};
+/** Figma data-point inner diameter (`12px` → radius `6`). */
+export declare const SEMANTIC_LINE_CHART_DOT_INNER_RADIUS = 6;
+/** Invisible hit-target stroke width for series hover on line paths. */
+export declare const SEMANTIC_LINE_CHART_HIT_STROKE_WIDTH = 16;
+/** Default Recharts line layer (`DefaultZIndexes.line`). */
+export declare const SEMANTIC_LINE_CHART_BASE_LINE_Z_INDEX = 400;
+/** Raised line layer — above other series curves (`400`) and their dots (`600`). */
+export declare const SEMANTIC_LINE_CHART_HOVERED_LINE_Z_INDEX = 650;
+/** Raised dot layer for the hovered series — above its floated curve. */
+export declare const SEMANTIC_LINE_CHART_HOVERED_DOTS_Z_INDEX = 700;
+/** Extra stroke width applied to the hovered series curve. */
+export declare const SEMANTIC_LINE_CHART_HOVER_STROKE_DELTA = 1;
+/** Recharts class on visible series lines. */
+export declare const SEMANTIC_LINE_CHART_SERIES_LINE_CLASS = "semantic-line-chart-series-line";
+export type SemanticLineChartSeriesTheme = NonNullable<ChartConfig[string]["theme"]>;
+/**
+ * Default light/dark stroke pairs for multi-series line charts.
+ * Dark values are one step richer than `chart.*` `darkValue` in `tokens.json` so
+ * series strokes stay distinct from `stroke-border` grid lines on navy surfaces.
+ */
+export declare const SEMANTIC_LINE_CHART_SERIES_THEMES: readonly SemanticLineChartSeriesTheme[];
+/** @deprecated Use {@link SEMANTIC_LINE_CHART_SERIES_THEMES} light values. */
+export declare const SEMANTIC_LINE_CHART_SERIES_COLORS: readonly string[];
+/** Recharts `XAxis` tick styling — Figma mono semibold category labels. */
+export declare const semanticLineChartXAxisTick: {
+    readonly fill: "var(--color-semantic-fg-secondary)";
+    readonly fontSize: 10;
+    readonly fontWeight: 600;
+};
+/** Recharts `YAxis` tick styling — Figma mono regular percentage labels. */
+export declare const semanticLineChartYAxisTick: {
+    readonly fill: "var(--color-semantic-fg-muted)";
+    readonly fontSize: 10;
+    readonly textAnchor: "end";
+};
+/** Default mount animation duration for each series line (ms). */
+export declare const SEMANTIC_LINE_CHART_ANIMATION_DURATION_MS = 1000;
+/** Delay between each series line starting its draw animation (ms). */
+export declare const SEMANTIC_LINE_CHART_ANIMATION_STAGGER_MS = 140;
+/** Recharts easing for the entry draw animation. */
+export declare const SEMANTIC_LINE_CHART_ANIMATION_EASING: "ease-out";
+/** Dot opacity fade-in after line entry animation completes (ms). */
+export declare const SEMANTIC_LINE_CHART_DOTS_FADE_IN_MS = 500;
+/** Debounce Recharts resize updates to reduce jank while the container animates. */
+export declare const SEMANTIC_LINE_CHART_RESIZE_DEBOUNCE_MS = 50;
+/** Recharts axis/grid overrides applied on the inner `ChartContainer`. */
+export declare const semanticLineChartChartContainerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//# sourceMappingURL=SemanticLineChart.variants.d.ts.map

package/dist/components/SemanticLineChart/SemanticLineChart.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticLineChart.variants.d.ts","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/SemanticLineChart.variants.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEtE,gEAAgE;AAChE,eAAO,MAAM,mBAAmB,EAAE,MAKjC,CAAC;AAEF,8CAA8C;AAC9C,eAAO,MAAM,wCAAwC,KAAK,CAAC;AAE3D,mEAAmE;AACnE,eAAO,MAAM,uCAAuC,KAAK,CAAC;AAE1D;;;GAGG;AACH,eAAO,MAAM,gCAAgC,QACuC,CAAC;AAErF,uEAAuE;AACvE,eAAO,MAAM,6BAA6B,QAC2B,CAAC;AAEtE,0FAA0F;AAC1F,eAAO,MAAM,kCAAkC;;;CAGrC,CAAC;AAEX,6DAA6D;AAC7D,eAAO,MAAM,oCAAoC,IAAI,CAAC;AAEtD,wEAAwE;AACxE,eAAO,MAAM,oCAAoC,KAAK,CAAC;AAEvD,4DAA4D;AAC5D,eAAO,MAAM,qCAAqC,MAAM,CAAC;AAEzD,oFAAoF;AACpF,eAAO,MAAM,wCAAwC,MAAM,CAAC;AAE5D,yEAAyE;AACzE,eAAO,MAAM,wCAAwC,MAAM,CAAC;AAE5D,8DAA8D;AAC9D,eAAO,MAAM,sCAAsC,IAAI,CAAC;AAExD,8CAA8C;AAC9C,eAAO,MAAM,qCAAqC,oCAAoC,CAAC;AAEvF,MAAM,MAAM,4BAA4B,GAAG,WAAW,CACpD,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAC7B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iCAAiC,EAAE,SAAS,4BAA4B,EAYzE,CAAC;AAEb,8EAA8E;AAC9E,eAAO,MAAM,iCAAiC,EAEzC,SAAS,MAAM,EAAE,CAAC;AAEvB,2EAA2E;AAC3E,eAAO,MAAM,0BAA0B;;;;CAI7B,CAAC;AAEX,4EAA4E;AAC5E,eAAO,MAAM,0BAA0B;;;;CAI7B,CAAC;AAEX,kEAAkE;AAClE,eAAO,MAAM,yCAAyC,OAAO,CAAC;AAE9D,uEAAuE;AACvE,eAAO,MAAM,wCAAwC,MAAM,CAAC;AAE5D,oDAAoD;AACpD,eAAO,MAAM,oCAAoC,EAAG,UAAmB,CAAC;AAExE,qEAAqE;AACrE,eAAO,MAAM,mCAAmC,MAAM,CAAC;AAEvD,oFAAoF;AACpF,eAAO,MAAM,sCAAsC,KAAK,CAAC;AAEzD,0EAA0E;AAC1E,eAAO,MAAM,uCAAuC,oFAgBlD,CAAC"}

package/dist/components/SemanticLineChart/SemanticLineChart.variants.js

@@ -0,0 +1,98 @@
+import { cva } from "class-variance-authority";
+/** Default `LineChart` margin tuned for axis labels (Y + X). */
+export const DEFAULT_LINE_MARGIN = {
+    top: 10,
+    right: 24,
+    bottom: 32,
+    left: 8,
+};
+/** Figma Y-axis label column (`w-[36px]`). */
+export const SEMANTIC_LINE_CHART_Y_LABEL_COLUMN_WIDTH = 36;
+/** Figma gap between Y labels and the plot/grid (`gap-[12px]`). */
+export const SEMANTIC_LINE_CHART_Y_LABEL_TO_GRID_GAP = 12;
+/**
+ * Reserved Y-axis band: label column + gap before the plot.
+ * Keeps labels inside the card while grid lines start after the gap.
+ */
+export const SEMANTIC_LINE_CHART_Y_AXIS_WIDTH = SEMANTIC_LINE_CHART_Y_LABEL_COLUMN_WIDTH + SEMANTIC_LINE_CHART_Y_LABEL_TO_GRID_GAP;
+/** X coordinate (textAnchor `end`) for right-aligned Y-axis labels. */
+export const SEMANTIC_LINE_CHART_Y_LABEL_X = DEFAULT_LINE_MARGIN.left + SEMANTIC_LINE_CHART_Y_LABEL_COLUMN_WIDTH;
+/** Figma plot edge inset — keeps the first X label from overlapping the Y-axis column. */
+export const SEMANTIC_LINE_CHART_X_AXIS_PADDING = {
+    left: 20,
+    right: 24,
+};
+/** Figma data-point inner diameter (`12px` → radius `6`). */
+export const SEMANTIC_LINE_CHART_DOT_INNER_RADIUS = 6;
+/** Invisible hit-target stroke width for series hover on line paths. */
+export const SEMANTIC_LINE_CHART_HIT_STROKE_WIDTH = 16;
+/** Default Recharts line layer (`DefaultZIndexes.line`). */
+export const SEMANTIC_LINE_CHART_BASE_LINE_Z_INDEX = 400;
+/** Raised line layer — above other series curves (`400`) and their dots (`600`). */
+export const SEMANTIC_LINE_CHART_HOVERED_LINE_Z_INDEX = 650;
+/** Raised dot layer for the hovered series — above its floated curve. */
+export const SEMANTIC_LINE_CHART_HOVERED_DOTS_Z_INDEX = 700;
+/** Extra stroke width applied to the hovered series curve. */
+export const SEMANTIC_LINE_CHART_HOVER_STROKE_DELTA = 1;
+/** Recharts class on visible series lines. */
+export const SEMANTIC_LINE_CHART_SERIES_LINE_CLASS = "semantic-line-chart-series-line";
+/**
+ * Default light/dark stroke pairs for multi-series line charts.
+ * Dark values are one step richer than `chart.*` `darkValue` in `tokens.json` so
+ * series strokes stay distinct from `stroke-border` grid lines on navy surfaces.
+ */
+export const SEMANTIC_LINE_CHART_SERIES_THEMES = [
+    { light: "var(--color-blue-500)", dark: "var(--color-blue-400)" },
+    { light: "var(--color-yellow-500)", dark: "var(--color-yellow-500)" },
+    { light: "var(--color-blue-400)", dark: "var(--color-blue-400)" },
+    { light: "var(--color-blue-500)", dark: "var(--color-blue-500)" },
+    { light: "var(--color-red-500)", dark: "var(--color-red-500)" },
+    { light: "var(--color-green-500)", dark: "var(--color-green-500)" },
+    { light: "var(--color-blue-300)", dark: "var(--color-blue-400)" },
+    { light: "var(--color-red-400)", dark: "var(--color-red-500)" },
+    { light: "var(--color-green-400)", dark: "var(--color-green-500)" },
+    { light: "var(--color-blue-300)", dark: "var(--color-blue-400)" },
+];
+/** @deprecated Use {@link SEMANTIC_LINE_CHART_SERIES_THEMES} light values. */
+export const SEMANTIC_LINE_CHART_SERIES_COLORS = SEMANTIC_LINE_CHART_SERIES_THEMES.map((theme) => theme.light);
+/** Recharts `XAxis` tick styling — Figma mono semibold category labels. */
+export const semanticLineChartXAxisTick = {
+    fill: "var(--color-semantic-fg-secondary)",
+    fontSize: 10,
+    fontWeight: 600,
+};
+/** Recharts `YAxis` tick styling — Figma mono regular percentage labels. */
+export const semanticLineChartYAxisTick = {
+    fill: "var(--color-semantic-fg-muted)",
+    fontSize: 10,
+    textAnchor: "end",
+};
+/** Default mount animation duration for each series line (ms). */
+export const SEMANTIC_LINE_CHART_ANIMATION_DURATION_MS = 1000;
+/** Delay between each series line starting its draw animation (ms). */
+export const SEMANTIC_LINE_CHART_ANIMATION_STAGGER_MS = 140;
+/** Recharts easing for the entry draw animation. */
+export const SEMANTIC_LINE_CHART_ANIMATION_EASING = "ease-out";
+/** Dot opacity fade-in after line entry animation completes (ms). */
+export const SEMANTIC_LINE_CHART_DOTS_FADE_IN_MS = 500;
+/** Debounce Recharts resize updates to reduce jank while the container animates. */
+export const SEMANTIC_LINE_CHART_RESIZE_DEBOUNCE_MS = 50;
+/** Recharts axis/grid overrides applied on the inner `ChartContainer`. */
+export const semanticLineChartChartContainerVariants = cva([
+    "aspect-auto h-[221px] w-full overflow-visible",
+    "[&_.recharts-cartesian-grid-horizontal_line[stroke='#ccc']]:stroke-border/20",
+    "[&_.recharts-cartesian-grid-vertical_line[stroke='#ccc']]:stroke-border/20",
+    "dark:[&_.recharts-cartesian-grid-horizontal_line[stroke='#ccc']]:stroke-border/50",
+    "dark:[&_.recharts-cartesian-grid-vertical_line[stroke='#ccc']]:stroke-border/50",
+    "[&_.semantic-line-chart-series-line_.recharts-line-curve]:pointer-events-none",
+    "[&_.semantic-line-chart-series-hit-line_.semantic-line-chart-series-hit-curve]:pointer-events-auto",
+    "data-[entry-animating]:[&_.semantic-line-chart-series-hit-line_.semantic-line-chart-series-hit-curve]:pointer-events-none",
+    "[&_.recharts-active-dot]:pointer-events-none",
+    "[&_.recharts-wrapper]:outline-none",
+    "[&_.recharts-surface]:outline-none",
+    "[&_.recharts-surface:focus]:outline-none",
+    "[&_.recharts-surface:focus-visible]:outline-none",
+    "[&_.recharts-xAxis_.recharts-cartesian-axis-tick_text]:font-mono",
+    "[&_.recharts-yAxis_.recharts-cartesian-axis-tick_text]:font-mono",
+]);
+//# sourceMappingURL=SemanticLineChart.variants.js.map

package/dist/components/SemanticLineChart/SemanticLineChart.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticLineChart.variants.js","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/SemanticLineChart.variants.ts"],"names":[],"mappings":"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"}

package/dist/components/SemanticLineChart/SemanticLineChartDot.d.ts

@@ -0,0 +1,12 @@
+import type { DotProps } from "recharts";
+import type * as React from "react";
+type SemanticLineChartDotProps = DotProps & {
+    fill?: string;
+    /** Dot radius in px; defaults to Figma `12px` diameter. */
+    innerRadius?: number;
+    style?: React.CSSProperties;
+};
+/** Figma line-chart marker — solid inner dot only; gaps come from trimmed line segments. */
+export declare function SemanticLineChartDot({ cx, cy, fill, innerRadius, className, style, }: SemanticLineChartDotProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=SemanticLineChartDot.d.ts.map

package/dist/components/SemanticLineChart/SemanticLineChartDot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticLineChartDot.d.ts","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/SemanticLineChartDot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,KAAK,yBAAyB,GAAG,QAAQ,GAAG;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,4FAA4F;AAC5F,wBAAgB,oBAAoB,CAAC,EACnC,EAAE,EACF,EAAE,EACF,IAAI,EACJ,WAAkD,EAClD,SAAS,EACT,KAAK,GACN,EAAE,yBAAyB,kDAgB3B"}

package/dist/components/SemanticLineChart/SemanticLineChartDot.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SEMANTIC_LINE_CHART_DOT_INNER_RADIUS } from "./SemanticLineChart.variants.js";
+/** Figma line-chart marker — solid inner dot only; gaps come from trimmed line segments. */
+export function SemanticLineChartDot({ cx, cy, fill, innerRadius = SEMANTIC_LINE_CHART_DOT_INNER_RADIUS, className, style, }) {
+    if (cx == null || cy == null || fill == null) {
+        return null;
+    }
+    return (_jsx("circle", { className: className ?? "recharts-dot semantic-line-chart-dot", cx: cx, cy: cy, r: innerRadius, fill: fill, stroke: "none", style: style }));
+}
+//# sourceMappingURL=SemanticLineChartDot.js.map

package/dist/components/SemanticLineChart/SemanticLineChartDot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticLineChartDot.js","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/SemanticLineChartDot.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,oCAAoC,EAAE,MAAM,iCAAiC,CAAC;AASvF,4FAA4F;AAC5F,MAAM,UAAU,oBAAoB,CAAC,EACnC,EAAE,EACF,EAAE,EACF,IAAI,EACJ,WAAW,GAAG,oCAAoC,EAClD,SAAS,EACT,KAAK,GACqB;IAC1B,IAAI,EAAE,IAAI,IAAI,IAAI,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;QAC7C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,iBACE,SAAS,EAAE,SAAS,IAAI,sCAAsC,EAC9D,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,WAAW,EACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC"}

package/dist/components/SemanticLineChart/SemanticLineChartGrid.d.ts

@@ -0,0 +1,9 @@
+import type { SemanticLineChartProps } from "./SemanticLineChart.types.js";
+type SemanticLineChartGridProps = Pick<SemanticLineChartProps, "gridVertical" | "yDomain" | "yTicks">;
+/**
+ * Figma-aligned grid: internal guides within the plot, with gaps before axis
+ * labels and no left/right/bottom perimeter border lines.
+ */
+export declare function SemanticLineChartGrid({ gridVertical, yDomain, yTicks, }: SemanticLineChartGridProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SemanticLineChartGrid.d.ts.map

package/dist/components/SemanticLineChart/SemanticLineChartGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticLineChartGrid.d.ts","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/SemanticLineChartGrid.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAwF3E,KAAK,0BAA0B,GAAG,IAAI,CACpC,sBAAsB,EACtB,cAAc,GAAG,SAAS,GAAG,QAAQ,CACtC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,YAAmB,EACnB,OAAO,EACP,MAAM,GACP,EAAE,0BAA0B,2CAa5B"}