@powered-by-array/ui 1.77.1 → 1.79.0

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":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAK/C,gEAAgE;AAChE,MAAM,CAAC,MAAM,mBAAmB,GAAW;IACzC,GAAG,EAAE,EAAE;IACP,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,IAAI,EAAE,CAAC;CACR,CAAC;AAEF,8CAA8C;AAC9C,MAAM,CAAC,MAAM,wCAAwC,GAAG,EAAE,CAAC;AAE3D,mEAAmE;AACnE,MAAM,CAAC,MAAM,uCAAuC,GAAG,EAAE,CAAC;AAE1D;;;GAGG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAC3C,wCAAwC,GAAG,uCAAuC,CAAC;AAErF,uEAAuE;AACvE,MAAM,CAAC,MAAM,6BAA6B,GACxC,mBAAmB,CAAC,IAAI,GAAG,wCAAwC,CAAC;AAEtE,0FAA0F;AAC1F,MAAM,CAAC,MAAM,kCAAkC,GAAG;IAChD,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;CACD,CAAC;AAEX,6DAA6D;AAC7D,MAAM,CAAC,MAAM,oCAAoC,GAAG,CAAC,CAAC;AAEtD,wEAAwE;AACxE,MAAM,CAAC,MAAM,oCAAoC,GAAG,EAAE,CAAC;AAEvD,4DAA4D;AAC5D,MAAM,CAAC,MAAM,qCAAqC,GAAG,GAAG,CAAC;AAEzD,oFAAoF;AACpF,MAAM,CAAC,MAAM,wCAAwC,GAAG,GAAG,CAAC;AAE5D,yEAAyE;AACzE,MAAM,CAAC,MAAM,wCAAwC,GAAG,GAAG,CAAC;AAE5D,8DAA8D;AAC9D,MAAM,CAAC,MAAM,sCAAsC,GAAG,CAAC,CAAC;AAExD,8CAA8C;AAC9C,MAAM,CAAC,MAAM,qCAAqC,GAAG,iCAAiC,CAAC;AAMvF;;;;GAIG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAC5C;IACE,EAAE,KAAK,EAAE,uBAAuB,EAAE,IAAI,EAAE,uBAAuB,EAAE;IACjE,EAAE,KAAK,EAAE,yBAAyB,EAAE,IAAI,EAAE,yBAAyB,EAAE;IACrE,EAAE,KAAK,EAAE,uBAAuB,EAAE,IAAI,EAAE,uBAAuB,EAAE;IACjE,EAAE,KAAK,EAAE,uBAAuB,EAAE,IAAI,EAAE,uBAAuB,EAAE;IACjE,EAAE,KAAK,EAAE,sBAAsB,EAAE,IAAI,EAAE,sBAAsB,EAAE;IAC/D,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,EAAE,wBAAwB,EAAE;IACnE,EAAE,KAAK,EAAE,uBAAuB,EAAE,IAAI,EAAE,uBAAuB,EAAE;IACjE,EAAE,KAAK,EAAE,sBAAsB,EAAE,IAAI,EAAE,sBAAsB,EAAE;IAC/D,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,EAAE,wBAAwB,EAAE;IACnE,EAAE,KAAK,EAAE,uBAAuB,EAAE,IAAI,EAAE,uBAAuB,EAAE;CACzD,CAAC;AAEb,8EAA8E;AAC9E,MAAM,CAAC,MAAM,iCAAiC,GAAG,iCAAiC,CAAC,GAAG,CACpF,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CACF,CAAC;AAEvB,2EAA2E;AAC3E,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,IAAI,EAAE,oCAAoC;IAC1C,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;CACP,CAAC;AAEX,4EAA4E;AAC5E,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,IAAI,EAAE,gCAAgC;IACtC,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,KAAc;CAClB,CAAC;AAEX,kEAAkE;AAClE,MAAM,CAAC,MAAM,yCAAyC,GAAG,IAAI,CAAC;AAE9D,uEAAuE;AACvE,MAAM,CAAC,MAAM,wCAAwC,GAAG,GAAG,CAAC;AAE5D,oDAAoD;AACpD,MAAM,CAAC,MAAM,oCAAoC,GAAG,UAAmB,CAAC;AAExE,qEAAqE;AACrE,MAAM,CAAC,MAAM,mCAAmC,GAAG,GAAG,CAAC;AAEvD,oFAAoF;AACpF,MAAM,CAAC,MAAM,sCAAsC,GAAG,EAAE,CAAC;AAEzD,0EAA0E;AAC1E,MAAM,CAAC,MAAM,uCAAuC,GAAG,GAAG,CAAC;IACzD,+CAA+C;IAC/C,8EAA8E;IAC9E,4EAA4E;IAC5E,mFAAmF;IACnF,iFAAiF;IACjF,+EAA+E;IAC/E,oGAAoG;IACpG,2HAA2H;IAC3H,8CAA8C;IAC9C,oCAAoC;IACpC,oCAAoC;IACpC,0CAA0C;IAC1C,kDAAkD;IAClD,kEAAkE;IAClE,kEAAkE;CACnE,CAAC,CAAC"}

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"}

package/dist/components/SemanticLineChart/SemanticLineChartGrid.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { CartesianGrid } from "recharts";
+import { resolveGridHorizontalValues } from "./SemanticLineChart.utils.js";
+function isPlotBottomHorizontalLine(y, offset) {
+    if (y == null || offset == null) {
+        return false;
+    }
+    const plotBottom = offset.top + offset.height;
+    return Math.abs(y - plotBottom) < 1;
+}
+function isPlotEdgeVerticalLine(x, offset) {
+    if (x == null || offset == null) {
+        return false;
+    }
+    const plotLeft = offset.left;
+    const plotRight = offset.left + offset.width;
+    return Math.abs(x - plotLeft) < 1 || Math.abs(x - plotRight) < 1;
+}
+function hiddenGridLine(key) {
+    return _jsx("line", { x1: 0, y1: 0, x2: 0, y2: 0, visibility: "hidden" }, key);
+}
+function SemanticLineChartHorizontalGridLine(props) {
+    const { y1, x2, y2, offset, stroke, strokeWidth, strokeOpacity, key } = props;
+    if (isPlotBottomHorizontalLine(y1, offset)) {
+        return hiddenGridLine(key);
+    }
+    if (y1 == null || x2 == null || y2 == null || offset == null) {
+        return hiddenGridLine(key);
+    }
+    return (_jsx("line", { x1: offset.left, y1: y1, x2: x2, y2: y2, fill: "none", stroke: stroke, strokeWidth: strokeWidth, strokeOpacity: strokeOpacity }, key));
+}
+function SemanticLineChartVerticalGridLine(props) {
+    const { x1, y1, y2, offset, stroke, strokeWidth, strokeOpacity, key } = props;
+    if (isPlotEdgeVerticalLine(x1, offset)) {
+        return hiddenGridLine(key);
+    }
+    if (x1 == null || y1 == null || y2 == null) {
+        return hiddenGridLine(key);
+    }
+    return (_jsx("line", { x1: x1, y1: y1, x2: x1, y2: y2, fill: "none", stroke: stroke, strokeWidth: strokeWidth, strokeOpacity: strokeOpacity }, key));
+}
+/**
+ * Figma-aligned grid: internal guides within the plot, with gaps before axis
+ * labels and no left/right/bottom perimeter border lines.
+ */
+export function SemanticLineChartGrid({ gridVertical = true, yDomain, yTicks, }) {
+    const horizontalValues = React.useMemo(() => resolveGridHorizontalValues(yTicks, yDomain), [yTicks, yDomain]);
+    return (_jsx(CartesianGrid, { horizontal: SemanticLineChartHorizontalGridLine, vertical: gridVertical ? SemanticLineChartVerticalGridLine : false, ...(horizontalValues != null ? { horizontalValues, syncWithTicks: true } : {}) }));
+}
+//# sourceMappingURL=SemanticLineChartGrid.js.map

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

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

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

@@ -0,0 +1,12 @@
+import type * as React from "react";
+import type { CurveProps } from "recharts";
+type SemanticLineChartHitCurveProps = {
+    points?: CurveProps["points"];
+    interactive?: boolean;
+    onMouseEnter?: React.MouseEventHandler<SVGPathElement>;
+    onMouseLeave?: React.MouseEventHandler<SVGPathElement>;
+};
+/** Wide transparent stroke used only for series hover hit-testing. */
+export declare function SemanticLineChartHitCurve({ points, onMouseEnter, onMouseLeave, interactive, }: SemanticLineChartHitCurveProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=SemanticLineChartHitCurve.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticLineChartHitCurve.d.ts","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/SemanticLineChartHitCurve.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAM3C,KAAK,8BAA8B,GAAG;IACpC,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;CACxD,CAAC;AAiBF,sEAAsE;AACtE,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,WAAkB,GACnB,EAAE,8BAA8B,kDAoBhC"}

package/dist/components/SemanticLineChart/SemanticLineChartHitCurve.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SEMANTIC_LINE_CHART_HIT_STROKE_WIDTH } from "./SemanticLineChart.variants.js";
+function getLinearPath(points) {
+    const segments = points.filter((point) => point.x != null && point.y != null);
+    if (segments.length < 2) {
+        return null;
+    }
+    return segments
+        .map((point, index) => `${index === 0 ? "M" : "L"} ${point.x} ${point.y}`)
+        .join(" ");
+}
+/** Wide transparent stroke used only for series hover hit-testing. */
+export function SemanticLineChartHitCurve({ points, onMouseEnter, onMouseLeave, interactive = true, }) {
+    const pathD = points != null && points.length > 0 ? getLinearPath(points) : null;
+    if (pathD == null) {
+        return null;
+    }
+    return (_jsx("path", { className: "semantic-line-chart-series-hit-curve", d: pathD, fill: "none", stroke: "#000", strokeOpacity: 0, strokeWidth: SEMANTIC_LINE_CHART_HIT_STROKE_WIDTH, pointerEvents: interactive ? "stroke" : "none", onMouseEnter: interactive ? onMouseEnter : undefined, onMouseLeave: interactive ? onMouseLeave : undefined }));
+}
+//# sourceMappingURL=SemanticLineChartHitCurve.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticLineChartHitCurve.js","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/SemanticLineChartHitCurve.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAKb,OAAO,EAAE,oCAAoC,EAAE,MAAM,iCAAiC,CAAC;AAWvF,SAAS,aAAa,CAAC,MAAqC;IAC1D,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAC5B,CAAC,KAAK,EAAqC,EAAE,CAC3C,KAAK,CAAC,CAAC,IAAI,IAAI,IAAI,KAAK,CAAC,CAAC,IAAI,IAAI,CACrC,CAAC;IAEF,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,QAAQ;SACZ,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;SACzE,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAED,sEAAsE;AACtE,MAAM,UAAU,yBAAyB,CAAC,EACxC,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,WAAW,GAAG,IAAI,GACa;IAC/B,MAAM,KAAK,GAAG,MAAM,IAAI,IAAI,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEjF,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAC,sCAAsC,EAChD,CAAC,EAAE,KAAK,EACR,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,EACb,aAAa,EAAE,CAAC,EAChB,WAAW,EAAE,oCAAoC,EACjD,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAC9C,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACpD,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,GACpD,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,21 @@
+import * as React from "react";
+import type { SemanticLineChartDatum, SemanticLineChartSeries } from "./SemanticLineChart.types.js";
+type SemanticLineChartSeriesDotsProps = {
+    series: SemanticLineChartSeries[];
+    data: SemanticLineChartDatum[];
+    dotRadius: number;
+    /** Hovered series omitted from the base layer (rendered in raised layer instead). */
+    excludedDataKey: string | null;
+    /** Hovered series dots rendered above the floated curve. */
+    raisedDataKey: string | null;
+    opacity: number;
+    onSeriesMouseEnter: (dataKey: string) => void;
+    onSeriesMouseLeave: (dataKey: string) => void;
+};
+/**
+ * Renders series dots in base and raised z-layers. Base layer opacity is animated
+ * externally so Recharts dot remounts cannot skip the fade-in.
+ */
+export declare const SemanticLineChartSeriesDots: React.NamedExoticComponent<SemanticLineChartSeriesDotsProps>;
+export {};
+//# sourceMappingURL=SemanticLineChartSeriesDots.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticLineChartSeriesDots.d.ts","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/SemanticLineChartSeriesDots.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EACV,sBAAsB,EACtB,uBAAuB,EACxB,MAAM,8BAA8B,CAAC;AAOtC,KAAK,gCAAgC,GAAG;IACtC,MAAM,EAAE,uBAAuB,EAAE,CAAC;IAClC,IAAI,EAAE,sBAAsB,EAAE,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,qFAAqF;IACrF,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,4DAA4D;IAC5D,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C,CAAC;AAmFF;;;GAGG;AACH,eAAO,MAAM,2BAA2B,8DA6DtC,CAAC"}

package/dist/components/SemanticLineChart/SemanticLineChartSeriesDots.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useXAxisScale, useYAxisScale, ZIndexLayer } from "recharts";
+import { SemanticLineChartDot } from "./SemanticLineChartDot.js";
+import { seriesColorVar } from "./SemanticLineChart.utils.js";
+import { SEMANTIC_LINE_CHART_BASE_LINE_Z_INDEX, SEMANTIC_LINE_CHART_HOVERED_DOTS_Z_INDEX, } from "./SemanticLineChart.variants.js";
+function buildSeriesDotNodes(series, data, xScale, yScale) {
+    return series.flatMap((item) => {
+        const fill = seriesColorVar(item.dataKey);
+        return data.flatMap((row, index) => {
+            const raw = row[item.dataKey];
+            const numeric = typeof raw === "number" ? raw : Number(raw);
+            if (!Number.isFinite(numeric)) {
+                return [];
+            }
+            const cx = xScale(row.name);
+            const cy = yScale(numeric);
+            if (cx == null || cy == null) {
+                return [];
+            }
+            return [
+                {
+                    key: `${item.dataKey}-${String(row.name)}-${index}`,
+                    cx,
+                    cy,
+                    fill,
+                    dataKey: item.dataKey,
+                },
+            ];
+        });
+    });
+}
+function renderDotGroup(dots, dotRadius, className, opacity, onSeriesMouseEnter, onSeriesMouseLeave) {
+    if (dots.length === 0) {
+        return null;
+    }
+    const blockPointerEvents = opacity != null && opacity < 1;
+    return (_jsx("g", { className: className, ...(opacity != null ? { opacity } : {}), style: blockPointerEvents ? { pointerEvents: "none" } : undefined, children: dots.map((dot) => (_jsx("g", { onMouseEnter: () => onSeriesMouseEnter(dot.dataKey), onMouseLeave: () => onSeriesMouseLeave(dot.dataKey), children: _jsx(SemanticLineChartDot, { cx: dot.cx, cy: dot.cy, fill: dot.fill, innerRadius: dotRadius }) }, dot.key))) }));
+}
+/**
+ * Renders series dots in base and raised z-layers. Base layer opacity is animated
+ * externally so Recharts dot remounts cannot skip the fade-in.
+ */
+export const SemanticLineChartSeriesDots = React.memo(function SemanticLineChartSeriesDots({ series, data, dotRadius, excludedDataKey, raisedDataKey, opacity, onSeriesMouseEnter, onSeriesMouseLeave, }) {
+    const xScale = useXAxisScale();
+    const yScale = useYAxisScale();
+    const { baseDots, raisedDots } = React.useMemo(() => {
+        if (xScale == null || yScale == null) {
+            return { baseDots: [], raisedDots: [] };
+        }
+        const allDots = buildSeriesDotNodes(series, data, xScale, yScale);
+        return {
+            baseDots: allDots.filter((dot) => dot.dataKey !== excludedDataKey),
+            raisedDots: raisedDataKey != null
+                ? allDots.filter((dot) => dot.dataKey === raisedDataKey)
+                : [],
+        };
+    }, [data, series, xScale, yScale, excludedDataKey, raisedDataKey]);
+    if (baseDots.length === 0 && raisedDots.length === 0) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [baseDots.length > 0 ? (_jsx(ZIndexLayer, { zIndex: SEMANTIC_LINE_CHART_BASE_LINE_Z_INDEX, children: renderDotGroup(baseDots, dotRadius, "recharts-line-dots semantic-line-chart-series-dots", opacity, onSeriesMouseEnter, onSeriesMouseLeave) })) : null, raisedDots.length > 0 ? (_jsx(ZIndexLayer, { zIndex: SEMANTIC_LINE_CHART_HOVERED_DOTS_Z_INDEX, children: renderDotGroup(raisedDots, dotRadius, "recharts-line-dots semantic-line-chart-raised-series-dots", undefined, onSeriesMouseEnter, onSeriesMouseLeave) })) : null] }));
+});
+//# sourceMappingURL=SemanticLineChartSeriesDots.js.map

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

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

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { CurveProps } from "recharts";
+type SemanticLineChartTrimmedCurveProps = CurveProps & {
+    /** Distance from each dot center where segments terminate. */
+    trimRadius: number;
+};
+/** Visible series stroke with gaps before each dot instead of a knockout ring. */
+export declare const SemanticLineChartTrimmedCurve: React.NamedExoticComponent<SemanticLineChartTrimmedCurveProps>;
+export {};
+//# sourceMappingURL=SemanticLineChartTrimmedCurve.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticLineChartTrimmedCurve.d.ts","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/SemanticLineChartTrimmedCurve.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAI3C,KAAK,kCAAkC,GAAG,UAAU,GAAG;IACrD,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,kFAAkF;AAClF,eAAO,MAAM,6BAA6B,gEA2BxC,CAAC"}

package/dist/components/SemanticLineChart/SemanticLineChartTrimmedCurve.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { getTrimmedLinearPath } from "./SemanticLineChart.path.utils.js";
+/** Visible series stroke with gaps before each dot instead of a knockout ring. */
+export const SemanticLineChartTrimmedCurve = React.memo(function SemanticLineChartTrimmedCurve({ points, stroke, strokeWidth, strokeDasharray, pathRef, trimRadius, }) {
+    const pathD = getTrimmedLinearPath(points, trimRadius);
+    if (pathD == null) {
+        return null;
+    }
+    return (_jsx("path", { ref: pathRef, className: "semantic-line-chart-series-trimmed-curve", d: pathD, fill: "none", stroke: stroke, strokeWidth: strokeWidth, strokeDasharray: strokeDasharray, strokeLinecap: "round", pointerEvents: "none" }));
+});
+//# sourceMappingURL=SemanticLineChartTrimmedCurve.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticLineChartTrimmedCurve.js","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/SemanticLineChartTrimmedCurve.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAOzE,kFAAkF;AAClF,MAAM,CAAC,MAAM,6BAA6B,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,6BAA6B,CAAC,EAC7F,MAAM,EACN,MAAM,EACN,WAAW,EACX,eAAe,EACf,OAAO,EACP,UAAU,GACyB;IACnC,MAAM,KAAK,GAAG,oBAAoB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAEvD,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,eACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,0CAA0C,EACpD,CAAC,EAAE,KAAK,EACR,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,aAAa,EAAC,OAAO,EACrB,aAAa,EAAC,MAAM,GACpB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+export { SemanticLineChart } from "./SemanticLineChart.js";
+export { DEFAULT_LINE_MARGIN, SEMANTIC_LINE_CHART_SERIES_COLORS, SEMANTIC_LINE_CHART_SERIES_THEMES, semanticLineChartChartContainerVariants, semanticLineChartXAxisTick, semanticLineChartYAxisTick, } from "./SemanticLineChart.variants.js";
+export type { SemanticLineChartSeriesTheme } from "./SemanticLineChart.variants.js";
+export type { SemanticLineChartDatum, SemanticLineChartProps, SemanticLineChartSeries, } from "./SemanticLineChart.types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EACL,mBAAmB,EACnB,iCAAiC,EACjC,iCAAiC,EACjC,uCAAuC,EACvC,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,iCAAiC,CAAC;AACzC,YAAY,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AACpF,YAAY,EACV,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,8BAA8B,CAAC"}

package/dist/components/SemanticLineChart/index.js

@@ -0,0 +1,3 @@
+export { SemanticLineChart } from "./SemanticLineChart.js";
+export { DEFAULT_LINE_MARGIN, SEMANTIC_LINE_CHART_SERIES_COLORS, SEMANTIC_LINE_CHART_SERIES_THEMES, semanticLineChartChartContainerVariants, semanticLineChartXAxisTick, semanticLineChartYAxisTick, } from "./SemanticLineChart.variants.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EACL,mBAAmB,EACnB,iCAAiC,EACjC,iCAAiC,EACjC,uCAAuC,EACvC,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,iCAAiC,CAAC"}

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

@@ -0,0 +1,6 @@
+/**
+ * One-shot dot-layer opacity ramp when `showDots` becomes true (after entry
+ * animation). Stays at 1 after reveal so resize re-renders do not restart fade.
+ */
+export declare function useSemanticLineChartDotsReveal(showDots: boolean): number;
+//# sourceMappingURL=useSemanticLineChartDotsReveal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSemanticLineChartDotsReveal.d.ts","sourceRoot":"","sources":["../../../src/components/SemanticLineChart/useSemanticLineChartDotsReveal.ts"],"names":[],"mappings":"AAQA;;;GAGG;AACH,wBAAgB,8BAA8B,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CA+CxE"}

package/dist/components/SemanticLineChart/useSemanticLineChartDotsReveal.js

@@ -0,0 +1,47 @@
+import * as React from "react";
+import { SEMANTIC_LINE_CHART_DOTS_FADE_IN_MS } from "./SemanticLineChart.variants.js";
+function easeOutQuad(progress) {
+    return 1 - (1 - progress) ** 2;
+}
+/**
+ * One-shot dot-layer opacity ramp when `showDots` becomes true (after entry
+ * animation). Stays at 1 after reveal so resize re-renders do not restart fade.
+ */
+export function useSemanticLineChartDotsReveal(showDots) {
+    const hasRevealedRef = React.useRef(false);
+    const [opacity, setOpacity] = React.useState(1);
+    React.useEffect(() => {
+        if (!showDots) {
+            hasRevealedRef.current = false;
+            return undefined;
+        }
+        if (hasRevealedRef.current) {
+            return undefined;
+        }
+        setOpacity(0);
+        let start = null;
+        let frameId = 0;
+        const step = (timestamp) => {
+            if (start == null) {
+                start = timestamp;
+            }
+            const progress = Math.min((timestamp - start) / SEMANTIC_LINE_CHART_DOTS_FADE_IN_MS, 1);
+            const nextOpacity = easeOutQuad(progress);
+            setOpacity(nextOpacity);
+            if (progress < 1) {
+                frameId = window.requestAnimationFrame(step);
+                return;
+            }
+            hasRevealedRef.current = true;
+        };
+        frameId = window.requestAnimationFrame(step);
+        return () => {
+            window.cancelAnimationFrame(frameId);
+        };
+    }, [showDots]);
+    if (hasRevealedRef.current) {
+        return 1;
+    }
+    return opacity;
+}
+//# sourceMappingURL=useSemanticLineChartDotsReveal.js.map