@sentropic/design-system-react 0.2.0 → 0.4.0

package/dist/DisplaySettings.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export type DisplayFontScale = "normal" | "large" | "extra-large";
+export type DisplayContrast = "default" | "high";
+export type DisplayLineSpacing = "normal" | "comfortable";
+export interface DisplaySettingsState {
+    fontScale: DisplayFontScale;
+    contrast: DisplayContrast;
+    lineSpacing: DisplayLineSpacing;
+    reducedMotion: boolean;
+}
+export type DisplaySettingsProps = Omit<React.HTMLAttributes<HTMLElement>, "className" | "children" | "onChange"> & {
+    title?: string;
+    values?: Partial<DisplaySettingsState>;
+    showFontScale?: boolean;
+    showContrast?: boolean;
+    showLineSpacing?: boolean;
+    showReducedMotion?: boolean;
+    onChange?: (settings: DisplaySettingsState) => void;
+    className?: string;
+};
+export declare const DisplaySettings: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className" | "children" | "onChange"> & {
+    title?: string;
+    values?: Partial<DisplaySettingsState>;
+    showFontScale?: boolean;
+    showContrast?: boolean;
+    showLineSpacing?: boolean;
+    showReducedMotion?: boolean;
+    onChange?: (settings: DisplaySettingsState) => void;
+    className?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DisplaySettings.d.ts.map

package/dist/DisplaySettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisplaySettings.d.ts","sourceRoot":"","sources":["../src/DisplaySettings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;AAClE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,MAAM,CAAC;AACjD,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,aAAa,CAAC;AAE1D,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,EAAE,eAAe,CAAC;IAC1B,WAAW,EAAE,kBAAkB,CAAC;IAChC,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,GAAG,UAAU,GAAG,UAAU,CACtC,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AASF,eAAO,MAAM,eAAe;YAjBlB,MAAM;aACL,OAAO,CAAC,oBAAoB,CAAC;oBACtB,OAAO;mBACR,OAAO;sBACJ,OAAO;wBACL,OAAO;eAChB,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI;gBACvC,MAAM;wCAsHnB,CAAC"}

package/dist/DisplaySettings.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+const DEFAULT_SETTINGS = {
+    fontScale: "normal",
+    contrast: "default",
+    lineSpacing: "normal",
+    reducedMotion: false,
+};
+export const DisplaySettings = React.forwardRef(({ title = "Paramètres d’affichage", values, showFontScale = true, showContrast = true, showLineSpacing = true, showReducedMotion = true, onChange, className, ...rest }, ref) => {
+    const resolved = {
+        fontScale: values?.fontScale ?? DEFAULT_SETTINGS.fontScale,
+        contrast: values?.contrast ?? DEFAULT_SETTINGS.contrast,
+        lineSpacing: values?.lineSpacing ?? DEFAULT_SETTINGS.lineSpacing,
+        reducedMotion: values?.reducedMotion ?? DEFAULT_SETTINGS.reducedMotion,
+    };
+    const [state, setState] = React.useState(resolved);
+    React.useEffect(() => {
+        setState((prev) => prev.fontScale === resolved.fontScale &&
+            prev.contrast === resolved.contrast &&
+            prev.lineSpacing === resolved.lineSpacing &&
+            prev.reducedMotion === resolved.reducedMotion
+            ? prev
+            : { ...prev, ...resolved });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [resolved.fontScale, resolved.contrast, resolved.lineSpacing, resolved.reducedMotion]);
+    const update = (next) => {
+        const merged = { ...state, ...next };
+        setState(merged);
+        onChange?.(merged);
+    };
+    return (_jsxs("div", { ...rest, ref: ref, className: classNames("st-displaySettings", className), children: [_jsx("p", { className: "st-displaySettings__title", children: title }), _jsxs("div", { className: "st-displaySettings__grid", children: [showFontScale ? (_jsxs("label", { className: "st-displaySettings__field", children: [_jsx("span", { className: "st-displaySettings__label", children: "Taille de texte" }), _jsxs("select", { value: state.fontScale, onChange: (event) => update({ fontScale: event.currentTarget.value }), children: [_jsx("option", { value: "normal", children: "Normale" }), _jsx("option", { value: "large", children: "Grande" }), _jsx("option", { value: "extra-large", children: "Tr\u00E8s grande" })] })] })) : null, showContrast ? (_jsxs("label", { className: "st-displaySettings__field", children: [_jsx("span", { className: "st-displaySettings__label", children: "Contraste" }), _jsxs("select", { value: state.contrast, onChange: (event) => update({ contrast: event.currentTarget.value }), children: [_jsx("option", { value: "default", children: "Standard" }), _jsx("option", { value: "high", children: "\u00C9lev\u00E9" })] })] })) : null, showLineSpacing ? (_jsxs("label", { className: "st-displaySettings__field", children: [_jsx("span", { className: "st-displaySettings__label", children: "Interligne" }), _jsxs("select", { value: state.lineSpacing, onChange: (event) => update({ lineSpacing: event.currentTarget.value }), children: [_jsx("option", { value: "normal", children: "Normal" }), _jsx("option", { value: "comfortable", children: "Confortable" })] })] })) : null, showReducedMotion ? (_jsxs("label", { className: "st-displaySettings__field st-displaySettings__field--switch", children: [_jsx("span", { className: "st-displaySettings__label", children: "Animations (r\u00E9duction)" }), _jsx("input", { type: "checkbox", role: "switch", checked: state.reducedMotion, onChange: (event) => update({ reducedMotion: event.currentTarget.checked }) })] })) : null] })] }));
+});
+DisplaySettings.displayName = "DisplaySettings";
+//# sourceMappingURL=DisplaySettings.js.map

package/dist/DisplaySettings.js.map

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

package/dist/DonutChart.d.ts

@@ -1,3 +1,20 @@
-export { DonutChart } from "./catalog.js";
-export type { DonutChartProps, DonutChartDatum, DonutChartTone } from "./catalog.js";
+import React from "react";
+export type DonutChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type DonutChartDatum = {
+    label: string;
+    value: number;
+    tone?: DonutChartTone;
+};
+export type DonutChartProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    data: DonutChartDatum[];
+    /** Diamètre du SVG. */
+    size?: number;
+    /** Épaisseur de l'anneau. */
+    thickness?: number;
+    /** Texte au centre (sinon le total). null pour masquer. */
+    centerLabel?: string | null;
+    label: string;
+    className?: string;
+};
+export declare function DonutChart({ data, size, thickness, centerLabel, label, className, ...rest }: DonutChartProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DonutChart.d.ts.map

package/dist/DonutChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../src/DonutChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../src/DonutChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,cAAc,GACtB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IACtF,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAiBF,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,IAAU,EACV,SAAc,EACd,WAAW,EACX,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,2CAoGjB"}

package/dist/DonutChart.js

@@ -1,2 +1,62 @@
-export { DonutChart } from "./catalog.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+import { ChartDataList } from "./chartScale.js";
+const TONES = [
+    "category1",
+    "category2",
+    "category3",
+    "category4",
+    "category5",
+    "category6",
+    "category7",
+    "category8",
+];
+const fmtPct = (p) => `${p.toFixed(p < 10 ? 1 : 0)}%`;
+export function DonutChart({ data, size = 220, thickness = 34, centerLabel, label, className, ...rest }) {
+    const [hoveredIndex, setHoveredIndex] = React.useState(null);
+    const slices = (() => {
+        const total = data.reduce((sum, d) => sum + Math.max(d.value, 0), 0);
+        if (total <= 0)
+            return { total: 0, items: [] };
+        const cx = size / 2;
+        const cy = size / 2;
+        const rOuter = size / 2 - 2;
+        const rInner = Math.max(rOuter - thickness, 1);
+        const TWO_PI = Math.PI * 2;
+        let angle = -Math.PI / 2; // départ en haut
+        const polar = (r, a) => [cx + r * Math.cos(a), cy + r * Math.sin(a)];
+        const items = data.map((d, i) => {
+            const frac = Math.max(d.value, 0) / total;
+            // epsilon pour éviter le cas exact 2π (slice à 100%) non rendu.
+            const span = Math.min(frac * TWO_PI, TWO_PI - 0.0001);
+            const a0 = angle;
+            const a1 = angle + span;
+            angle = a1;
+            const large = span > Math.PI ? 1 : 0;
+            const [x0o, y0o] = polar(rOuter, a0);
+            const [x1o, y1o] = polar(rOuter, a1);
+            const [x1i, y1i] = polar(rInner, a1);
+            const [x0i, y0i] = polar(rInner, a0);
+            const path = `M ${x0o} ${y0o} A ${rOuter} ${rOuter} 0 ${large} 1 ${x1o} ${y1o} L ${x1i} ${y1i} A ${rInner} ${rInner} 0 ${large} 0 ${x0i} ${y0i} Z`;
+            return { d, path, tone: d.tone ?? TONES[i % TONES.length], pct: frac * 100 };
+        });
+        return { total, items };
+    })();
+    const dataValueItems = slices.items.map((slice) => `${slice.d.label}: ${slice.d.value} (${fmtPct(slice.pct)})`);
+    function handleLeave() {
+        setHoveredIndex(null);
+    }
+    function handleVisualPointerMove(event) {
+        const target = event.target;
+        if (!(target instanceof Element)) {
+            setHoveredIndex(null);
+            return;
+        }
+        const index = Number(target.getAttribute("data-chart-index"));
+        setHoveredIndex(Number.isInteger(index) ? index : null);
+    }
+    const hovered = hoveredIndex !== null ? slices.items[hoveredIndex] : undefined;
+    return (_jsxs("div", { ...rest, className: classNames("st-donutChart", className), children: [_jsx("div", { className: "st-donutChart__visual", role: "img", "aria-label": label, onPointerMove: handleVisualPointerMove, onPointerLeave: handleLeave, children: _jsx("svg", { viewBox: `0 0 ${size} ${size}`, width: "100%", height: "100%", focusable: "false", "aria-hidden": "true", children: slices.total > 0 ? (_jsxs(_Fragment, { children: [slices.items.map((slice, i) => (_jsx("path", { className: classNames("st-donutChart__slice", `st-donutChart__slice--${slice.tone}`, hoveredIndex !== null && hoveredIndex !== i && "st-donutChart__slice--dim"), d: slice.path, "data-chart-index": i }, slice.d.label))), centerLabel !== null ? (_jsx("text", { className: "st-donutChart__center", x: size / 2, y: size / 2, textAnchor: "middle", dominantBaseline: "central", children: centerLabel ?? slices.total })) : null] })) : null }) }), _jsx(ChartDataList, { label: label, items: dataValueItems }), hovered ? (_jsxs("div", { className: "st-donutChart__tooltip", role: "presentation", children: [_jsx("span", { className: "st-donutChart__tooltipLabel", children: hovered.d.label }), _jsxs("span", { className: "st-donutChart__tooltipValue", children: [hovered.d.value, " \u00B7 ", fmtPct(hovered.pct)] })] })) : null] }));
+}
 //# sourceMappingURL=DonutChart.js.map

package/dist/DonutChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"DonutChart.js","sourceRoot":"","sources":["../src/DonutChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"DonutChart.js","sourceRoot":"","sources":["../src/DonutChart.tsx"],"names":[],"mappings":"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"}

package/dist/LineChart.d.ts

@@ -1,3 +1,18 @@
-export { LineChart } from "./catalog.js";
-export type { LineChartProps, LineChartDatum, LineChartTone } from "./catalog.js";
+import React from "react";
+export type LineChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type LineChartDatum = {
+    x: number | string;
+    y: number;
+};
+export type LineChartProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    data: LineChartDatum[];
+    width?: number;
+    height?: number;
+    tone?: LineChartTone;
+    smooth?: boolean;
+    area?: boolean;
+    label: string;
+    className?: string;
+};
+export declare function LineChart({ data, width, height, tone, smooth, area, label, className, ...rest }: LineChartProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LineChart.d.ts.map

package/dist/LineChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../src/LineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../src/LineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,MAAM,aAAa,GACrB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnB,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IACrF,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,IAAkB,EAClB,MAAc,EACd,IAAY,EACZ,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,2CAiLhB"}

package/dist/LineChart.js

@@ -1,2 +1,93 @@
-export { LineChart } from "./catalog.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+import { buildLinearPath, buildSmoothPath, CHART_MARGIN, ChartDataList, formatTick, isNumeric, niceTicks, scaleLinear, } from "./chartScale.js";
+const MARGIN = CHART_MARGIN;
+export function LineChart({ data, width = 480, height = 240, tone = "category1", smooth = false, area = false, label, className, ...rest }) {
+    const [hoveredIndex, setHoveredIndex] = React.useState(null);
+    const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
+    const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
+    const xDomain = (() => {
+        if (data.length === 0)
+            return { kind: "ordinal", values: [] };
+        const allNumeric = data.every((d) => isNumeric(d.x));
+        if (allNumeric) {
+            const xs = data.map((d) => d.x);
+            return { kind: "numeric", min: Math.min(...xs), max: Math.max(...xs) };
+        }
+        return { kind: "ordinal", values: data.map((d) => d.x) };
+    })();
+    const yTicks = (() => {
+        const ys = data.map((d) => d.y);
+        if (ys.length === 0)
+            return [0];
+        const minRaw = Math.min(...ys);
+        const maxRaw = Math.max(...ys);
+        const padded = (maxRaw - minRaw) * 0.08 || Math.max(Math.abs(maxRaw), 1) * 0.1;
+        return niceTicks(minRaw - padded, maxRaw + padded, 5);
+    })();
+    const yDomain = yTicks.length === 0 ? { min: 0, max: 1 } : { min: yTicks[0], max: yTicks[yTicks.length - 1] };
+    const points = (() => {
+        if (data.length === 0)
+            return [];
+        return data.map((d, i) => {
+            let x;
+            if (xDomain.kind === "numeric") {
+                x = scaleLinear(d.x, xDomain.min, xDomain.max, 0, plotWidth);
+            }
+            else {
+                const denom = Math.max(data.length - 1, 1);
+                x = data.length === 1 ? plotWidth / 2 : (i / denom) * plotWidth;
+            }
+            const y = scaleLinear(d.y, yDomain.min, yDomain.max, plotHeight, 0);
+            return { x: MARGIN.left + x, y: MARGIN.top + y, datum: d, index: i };
+        });
+    })();
+    const dataValueItems = data.map((d) => `${d.x}: ${d.y}`);
+    const linePath = points.length === 0 ? "" : smooth ? buildSmoothPath(points) : buildLinearPath(points);
+    const areaPath = (() => {
+        if (!area || points.length === 0)
+            return "";
+        const base = MARGIN.top + plotHeight;
+        const first = points[0];
+        const last = points[points.length - 1];
+        return `${linePath} L${last.x.toFixed(2)},${base.toFixed(2)} L${first.x.toFixed(2)},${base.toFixed(2)} Z`;
+    })();
+    const gridLines = yTicks.map((tick) => ({
+        value: tick,
+        y: MARGIN.top + scaleLinear(tick, yDomain.min, yDomain.max, plotHeight, 0),
+    }));
+    const xTickEntries = (() => {
+        if (data.length === 0)
+            return [];
+        if (xDomain.kind === "ordinal") {
+            return points.map((p, i) => ({ x: p.x, label: String(data[i].x) }));
+        }
+        const target = Math.min(5, data.length);
+        const stride = Math.max(1, Math.round((data.length - 1) / (target - 1 || 1)));
+        const entries = [];
+        for (let i = 0; i < data.length; i += stride) {
+            entries.push({ x: points[i].x, label: String(data[i].x) });
+        }
+        const lastIdx = data.length - 1;
+        if (entries[entries.length - 1]?.label !== String(data[lastIdx].x)) {
+            entries.push({ x: points[lastIdx].x, label: String(data[lastIdx].x) });
+        }
+        return entries;
+    })();
+    function handleLeave() {
+        setHoveredIndex(null);
+    }
+    function handleVisualPointerMove(event) {
+        const target = event.target;
+        if (!(target instanceof Element)) {
+            setHoveredIndex(null);
+            return;
+        }
+        const index = Number(target.getAttribute("data-chart-index"));
+        setHoveredIndex(Number.isInteger(index) ? index : null);
+    }
+    const hoveredPoint = hoveredIndex !== null ? points[hoveredIndex] : undefined;
+    return (_jsxs("div", { ...rest, className: classNames("st-lineChart", `st-lineChart--${tone}`, className), children: [_jsx("div", { className: "st-lineChart__visual", role: "img", "aria-label": label, onPointerMove: handleVisualPointerMove, onPointerLeave: handleLeave, children: _jsxs("svg", { viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "xMidYMid meet", width: "100%", height: "100%", focusable: "false", "aria-hidden": "true", children: [gridLines.map((g) => (_jsxs(React.Fragment, { children: [_jsx("line", { className: "st-lineChart__grid", x1: MARGIN.left, x2: width - MARGIN.right, y1: g.y, y2: g.y }), _jsx("text", { className: "st-lineChart__tickLabel", x: MARGIN.left - 6, y: g.y, textAnchor: "end", dominantBaseline: "middle", children: formatTick(g.value) })] }, g.value))), _jsx("line", { className: "st-lineChart__axis", x1: MARGIN.left, x2: MARGIN.left, y1: MARGIN.top, y2: height - MARGIN.bottom }), _jsx("line", { className: "st-lineChart__axis", x1: MARGIN.left, x2: width - MARGIN.right, y1: height - MARGIN.bottom, y2: height - MARGIN.bottom }), xTickEntries.map((tick, i) => (_jsx("text", { className: "st-lineChart__tickLabel", x: tick.x, y: height - MARGIN.bottom + 16, textAnchor: "middle", children: tick.label }, i))), area && areaPath ? _jsx("path", { className: "st-lineChart__area", d: areaPath }) : null, linePath ? (_jsx("path", { className: "st-lineChart__line", d: linePath, fill: "none", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })) : null, points.map((p) => (_jsx("circle", { className: "st-lineChart__dot", cx: p.x, cy: p.y, r: "4", "data-chart-index": p.index }, p.index)))] }) }), _jsx(ChartDataList, { label: label, items: dataValueItems }), hoveredPoint ? (_jsxs("div", { className: "st-lineChart__tooltip", role: "presentation", style: { left: `${(hoveredPoint.x / width) * 100}%`, top: `${(hoveredPoint.y / height) * 100}%` }, children: [_jsx("span", { className: "st-lineChart__tooltipLabel", children: hoveredPoint.datum.x }), _jsx("span", { className: "st-lineChart__tooltipValue", children: hoveredPoint.datum.y })] })) : null] }));
+}
 //# sourceMappingURL=LineChart.js.map

package/dist/LineChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.js","sourceRoot":"","sources":["../src/LineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"LineChart.js","sourceRoot":"","sources":["../src/LineChart.tsx"],"names":[],"mappings":"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"}

package/dist/MediaContent.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+export type MediaKind = "image" | "video";
+export type MediaContentProps = Omit<React.HTMLAttributes<HTMLElement>, "className" | "children"> & {
+    title?: string;
+    caption?: string;
+    byline?: string;
+    media?: string;
+    mediaAlt?: string;
+    mediaKind?: MediaKind;
+    mediaControls?: boolean;
+    aspectRatio?: string;
+    mediaCaptions?: string;
+    mediaCaptionsLabel?: string;
+    mediaCaptionsLang?: string;
+    className?: string;
+    children?: React.ReactNode;
+};
+export declare const MediaContent: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className" | "children"> & {
+    title?: string;
+    caption?: string;
+    byline?: string;
+    media?: string;
+    mediaAlt?: string;
+    mediaKind?: MediaKind;
+    mediaControls?: boolean;
+    aspectRatio?: string;
+    mediaCaptions?: string;
+    mediaCaptionsLabel?: string;
+    mediaCaptionsLang?: string;
+    className?: string;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=MediaContent.d.ts.map

package/dist/MediaContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaContent.d.ts","sourceRoot":"","sources":["../src/MediaContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1C,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IAClG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAIF,eAAO,MAAM,YAAY;YAjBf,MAAM;cACJ,MAAM;aACP,MAAM;YACP,MAAM;eACH,MAAM;gBACL,SAAS;oBACL,OAAO;kBACT,MAAM;oBACJ,MAAM;yBACD,MAAM;wBACP,MAAM;gBACd,MAAM;eACP,KAAK,CAAC,SAAS;qCAmE3B,CAAC"}

package/dist/MediaContent.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+const DEFAULT_CAPTIONS = "data:text/vtt,WEBVTT";
+export const MediaContent = React.forwardRef(({ title, caption, byline, media, mediaAlt = "", mediaKind = "image", mediaControls = true, aspectRatio = "16/9", mediaCaptions, mediaCaptionsLabel = "Français", mediaCaptionsLang = "fr", className, children, ...rest }, ref) => {
+    const hasMedia = Boolean(media?.trim());
+    return (_jsxs("figure", { ...rest, ref: ref, className: classNames("st-mediaContent", className), children: [_jsx("div", { className: "st-mediaContent__media", style: { "--st-mediaContent-ratio": aspectRatio }, children: hasMedia ? (mediaKind === "video" ? (_jsx("video", { controls: mediaControls, src: media, "aria-label": title || "Contenu média", preload: "metadata", children: _jsx("track", { kind: "captions", src: mediaCaptions ?? DEFAULT_CAPTIONS, srcLang: mediaCaptionsLang, label: mediaCaptionsLabel, default: true }) })) : (_jsx("img", { src: media, alt: mediaAlt, loading: "lazy", decoding: "async" }))) : (children) }), title || caption || byline ? (_jsxs("figcaption", { className: "st-mediaContent__caption", children: [title ? _jsx("p", { className: "st-mediaContent__title", children: title }) : null, caption ? _jsx("p", { children: caption }) : null, byline ? _jsx("p", { className: "st-mediaContent__byline", children: byline }) : null] })) : null] }));
+});
+MediaContent.displayName = "MediaContent";
+//# sourceMappingURL=MediaContent.js.map

package/dist/MediaContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaContent.js","sourceRoot":"","sources":["../src/MediaContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAoB7C,MAAM,gBAAgB,GAAG,sBAAsB,CAAC;AAEhD,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EACE,KAAK,EACL,OAAO,EACP,MAAM,EACN,KAAK,EACL,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,OAAO,EACnB,aAAa,GAAG,IAAI,EACpB,WAAW,GAAG,MAAM,EACpB,aAAa,EACb,kBAAkB,GAAG,UAAU,EAC/B,iBAAiB,GAAG,IAAI,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IAExC,OAAO,CACL,qBAAY,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,aAC7E,cACE,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,EAAE,yBAAyB,EAAE,WAAW,EAAyB,YAEvE,QAAQ,CAAC,CAAC,CAAC,CACV,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,CACtB,gBACE,QAAQ,EAAE,aAAa,EACvB,GAAG,EAAE,KAAK,gBACE,KAAK,IAAI,eAAe,EACpC,OAAO,EAAC,UAAU,YAElB,gBACE,IAAI,EAAC,UAAU,EACf,GAAG,EAAE,aAAa,IAAI,gBAAgB,EACtC,OAAO,EAAE,iBAAiB,EAC1B,KAAK,EAAE,kBAAkB,EACzB,OAAO,SACP,GACI,CACT,CAAC,CAAC,CAAC,CACF,cAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,GAAG,CACnE,CACF,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,GACG,EAEL,KAAK,IAAI,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,CAC5B,sBAAY,SAAS,EAAC,0BAA0B,aAC7C,KAAK,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAChE,OAAO,CAAC,CAAC,CAAC,sBAAI,OAAO,GAAK,CAAC,CAAC,CAAC,IAAI,EACjC,MAAM,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,yBAAyB,YAAE,MAAM,GAAK,CAAC,CAAC,CAAC,IAAI,IACzD,CACd,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/Notification.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+export type NotificationProps = Omit<React.HTMLAttributes<HTMLElement>, "className" | "title"> & {
+    tone?: "info" | "success" | "warning" | "error";
+    title: string;
+    message?: string;
+    dismissible?: boolean;
+    dismissLabel?: string;
+    onDismiss?: () => void;
+    className?: string;
+    actions?: React.ReactNode;
+    children?: React.ReactNode;
+};
+export declare const Notification: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className" | "title"> & {
+    tone?: "info" | "success" | "warning" | "error";
+    title: string;
+    message?: string;
+    dismissible?: boolean;
+    dismissLabel?: string;
+    onDismiss?: () => void;
+    className?: string;
+    actions?: React.ReactNode;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Notification.d.ts.map

package/dist/Notification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../src/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,GAAG;IAC/F,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,YAAY;WAXhB,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO;WACxC,MAAM;cACH,MAAM;kBACF,OAAO;mBACN,MAAM;gBACT,MAAM,IAAI;gBACV,MAAM;cACR,KAAK,CAAC,SAAS;eACd,KAAK,CAAC,SAAS;qCAmD3B,CAAC"}

package/dist/Notification.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+export const Notification = React.forwardRef(({ tone = "info", title, message, dismissible = false, dismissLabel = "Dismiss", onDismiss, className, actions, children, ...rest }, ref) => {
+    const canDismiss = dismissible && typeof onDismiss === "function";
+    const role = tone === "error" ? "alert" : "status";
+    return (_jsxs("section", { ...rest, ref: ref, className: classNames("st-notification", `st-notification--${tone}`, className), role: role, children: [_jsxs("div", { className: "st-notification__content", children: [_jsx("h2", { className: "st-notification__title", children: title }), message ? _jsx("p", { className: "st-notification__message", children: message }) : null, children] }), _jsxs("div", { className: "st-notification__meta", children: [actions ? _jsx("div", { className: "st-notification__actions", children: actions }) : null, canDismiss ? (_jsx("button", { type: "button", className: "st-notification__close", "aria-label": dismissLabel, title: dismissLabel, onClick: () => onDismiss?.(), children: "\u00D7" })) : null] })] }));
+});
+Notification.displayName = "Notification";
+//# sourceMappingURL=Notification.js.map

package/dist/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../src/Notification.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAc7C,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EACE,IAAI,GAAG,MAAM,EACb,KAAK,EACL,OAAO,EACP,WAAW,GAAG,KAAK,EACnB,YAAY,GAAG,SAAS,EACxB,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,UAAU,GAAG,WAAW,IAAI,OAAO,SAAS,KAAK,UAAU,CAAC;IAClE,MAAM,IAAI,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEnD,OAAO,CACL,sBACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,oBAAoB,IAAI,EAAE,EAAE,SAAS,CAAC,EAC/E,IAAI,EAAE,IAAI,aAEV,eAAK,SAAS,EAAC,0BAA0B,aACvC,aAAI,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAM,EAClD,OAAO,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,0BAA0B,YAAE,OAAO,GAAK,CAAC,CAAC,CAAC,IAAI,EACtE,QAAQ,IACL,EACN,eAAK,SAAS,EAAC,uBAAuB,aACnC,OAAO,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,0BAA0B,YAAE,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,EAC1E,UAAU,CAAC,CAAC,CAAC,CACZ,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wBAAwB,gBACtB,YAAY,EACxB,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE,uBAGrB,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/ScatterPlot.d.ts

@@ -1,3 +1,20 @@
-export { ScatterPlot } from "./catalog.js";
-export type { ScatterPlotProps, ScatterPlotDatum, ScatterPlotTone } from "./catalog.js";
+import React from "react";
+export type ScatterPlotTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type ScatterPlotDatum = {
+    x: number;
+    y: number;
+    label?: string;
+    tone?: ScatterPlotTone;
+};
+export type ScatterPlotProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    data: ScatterPlotDatum[];
+    width?: number;
+    height?: number;
+    xLabel?: string;
+    yLabel?: string;
+    radius?: number;
+    label: string;
+    className?: string;
+};
+export declare function ScatterPlot({ data, width, height, xLabel, yLabel, radius, label, className, ...rest }: ScatterPlotProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ScatterPlot.d.ts.map

package/dist/ScatterPlot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScatterPlot.d.ts","sourceRoot":"","sources":["../src/ScatterPlot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"ScatterPlot.d.ts","sourceRoot":"","sources":["../src/ScatterPlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,eAAe,GACvB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IACvF,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAeF,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,MAAM,EACN,MAAM,EACN,MAAU,EACV,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAwIlB"}

package/dist/ScatterPlot.js

@@ -1,2 +1,56 @@
-export { ScatterPlot } from "./catalog.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+import { ChartDataList, formatTick, niceTicks, scaleLinear } from "./chartScale.js";
+const MARGIN = { top: 14, right: 18, bottom: 36, left: 48 };
+const TONES = [
+    "category1",
+    "category2",
+    "category3",
+    "category4",
+    "category5",
+    "category6",
+    "category7",
+    "category8",
+];
+export function ScatterPlot({ data, width = 480, height = 280, xLabel, yLabel, radius = 5, label, className, ...rest }) {
+    const [hoveredIndex, setHoveredIndex] = React.useState(null);
+    const xs = data.map((d) => d.x);
+    const ys = data.map((d) => d.y);
+    const xTicks = niceTicks(Math.min(...xs), Math.max(...xs));
+    const yTicks = niceTicks(Math.min(...ys), Math.max(...ys));
+    const plotW = Math.max(width - MARGIN.left - MARGIN.right, 1);
+    const plotH = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
+    const xMin = xTicks[0];
+    const xMax = xTicks[xTicks.length - 1];
+    const yMin = yTicks[0];
+    const yMax = yTicks[yTicks.length - 1];
+    const points = data.map((d, i) => ({
+        cx: MARGIN.left + scaleLinear(d.x, xMin, xMax, 0, plotW),
+        cy: MARGIN.top + scaleLinear(d.y, yMin, yMax, plotH, 0),
+        datum: d,
+        tone: (d.tone ?? TONES[i % TONES.length]),
+    }));
+    const dataValueItems = data.map((d) => (d.label ? `${d.label}: x ${d.x}, y ${d.y}` : `x ${d.x}, y ${d.y}`));
+    function handleLeave() {
+        setHoveredIndex(null);
+    }
+    function handleVisualPointerMove(event) {
+        const target = event.target;
+        if (!(target instanceof Element)) {
+            setHoveredIndex(null);
+            return;
+        }
+        const index = Number(target.getAttribute("data-chart-index"));
+        setHoveredIndex(Number.isInteger(index) ? index : null);
+    }
+    const hovered = hoveredIndex !== null ? points[hoveredIndex] : undefined;
+    return (_jsxs("div", { ...rest, className: classNames("st-scatterPlot", className), children: [_jsx("div", { className: "st-scatterPlot__visual", role: "img", "aria-label": label, onPointerMove: handleVisualPointerMove, onPointerLeave: handleLeave, children: _jsxs("svg", { viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "xMidYMid meet", width: "100%", height: "100%", focusable: "false", "aria-hidden": "true", children: [yTicks.map((t) => {
+                            const y = MARGIN.top + scaleLinear(t, yMin, yMax, plotH, 0);
+                            return (_jsxs(React.Fragment, { children: [_jsx("line", { className: "st-scatterPlot__grid", x1: MARGIN.left, x2: width - MARGIN.right, y1: y, y2: y }), _jsx("text", { className: "st-scatterPlot__tick", x: MARGIN.left - 6, y: y, textAnchor: "end", dominantBaseline: "middle", children: formatTick(t) })] }, `y${t}`));
+                        }), xTicks.map((t) => {
+                            const x = MARGIN.left + scaleLinear(t, xMin, xMax, 0, plotW);
+                            return (_jsx("text", { className: "st-scatterPlot__tick", x: x, y: height - MARGIN.bottom + 16, textAnchor: "middle", children: formatTick(t) }, `x${t}`));
+                        }), _jsx("line", { className: "st-scatterPlot__axis", x1: MARGIN.left, x2: MARGIN.left, y1: MARGIN.top, y2: height - MARGIN.bottom }), _jsx("line", { className: "st-scatterPlot__axis", x1: MARGIN.left, x2: width - MARGIN.right, y1: height - MARGIN.bottom, y2: height - MARGIN.bottom }), xLabel ? (_jsx("text", { className: "st-scatterPlot__axisLabel", x: MARGIN.left + plotW / 2, y: height - 4, textAnchor: "middle", children: xLabel })) : null, yLabel ? (_jsx("text", { className: "st-scatterPlot__axisLabel", x: 12, y: MARGIN.top + plotH / 2, textAnchor: "middle", transform: `rotate(-90 12 ${MARGIN.top + plotH / 2})`, children: yLabel })) : null, points.map((p, i) => (_jsx("circle", { className: classNames("st-scatterPlot__point", `st-scatterPlot__point--${p.tone}`), cx: p.cx, cy: p.cy, r: radius, "data-chart-index": i }, i)))] }) }), _jsx(ChartDataList, { label: label, items: dataValueItems }), hovered ? (_jsxs("div", { className: "st-scatterPlot__tooltip", role: "presentation", style: { left: `${(hovered.cx / width) * 100}%`, top: `${(hovered.cy / height) * 100}%` }, children: [hovered.datum.label ? _jsx("span", { className: "st-scatterPlot__tooltipLabel", children: hovered.datum.label }) : null, _jsxs("span", { className: "st-scatterPlot__tooltipValue", children: ["x ", hovered.datum.x, " \u00B7 y ", hovered.datum.y] })] })) : null] }));
+}
 //# sourceMappingURL=ScatterPlot.js.map

package/dist/ScatterPlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScatterPlot.js","sourceRoot":"","sources":["../src/ScatterPlot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"ScatterPlot.js","sourceRoot":"","sources":["../src/ScatterPlot.tsx"],"names":[],"mappings":"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"}

package/dist/Sparkline.d.ts

@@ -1,3 +1,14 @@
-export { Sparkline } from "./catalog.js";
-export type { SparklineProps } from "./catalog.js";
+import React from "react";
+export type SparklineTone = "neutral" | "success" | "warning" | "error";
+export type SparklineProps = Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    data: number[];
+    width?: number;
+    height?: number;
+    tone?: SparklineTone;
+    strokeWidth?: number;
+    area?: boolean;
+    label?: string;
+    className?: string;
+};
+export declare function Sparkline({ data, width, height, tone, strokeWidth, area, label, className, ...rest }: SparklineProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Sparkline.d.ts.map

package/dist/Sparkline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../src/Sparkline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../src/Sparkline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAExE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GAAG;IAClF,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAW,EACX,MAAW,EACX,IAAgB,EAChB,WAAiB,EACjB,IAAY,EACZ,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,2CAmDhB"}