@sentropic/design-system-react 0.1.0 → 0.3.0

package/dist/BackToTop.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+export type BackToTopProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className"> & {
+    label?: string;
+    disabled?: boolean;
+    targetId?: string;
+    threshold?: number;
+    autoHide?: boolean;
+    smooth?: boolean;
+    className?: string;
+};
+export declare const BackToTop: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className"> & {
+    label?: string;
+    disabled?: boolean;
+    targetId?: string;
+    threshold?: number;
+    autoHide?: boolean;
+    smooth?: boolean;
+    className?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=BackToTop.d.ts.map

package/dist/BackToTop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackToTop.d.ts","sourceRoot":"","sources":["../src/BackToTop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC,GAAG;IAC9F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAsBF,eAAO,MAAM,SAAS;YA7BZ,MAAM;eACH,OAAO;eACP,MAAM;gBACL,MAAM;eACP,OAAO;aACT,OAAO;gBACJ,MAAM;2CAoGnB,CAAC"}

package/dist/BackToTop.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+function ArrowUpIcon() {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "m5 12 7-7 7 7" }), _jsx("path", { d: "M12 19V5" })] }));
+}
+export const BackToTop = React.forwardRef(({ label = "Retour en haut", targetId = "top", threshold = 240, autoHide = true, smooth = true, disabled = false, className, ...rest }, ref) => {
+    const normalizedTarget = targetId ? `#${targetId.replace(/^#/, "")}` : "#top";
+    const [visible, setVisible] = React.useState(!autoHide);
+    React.useEffect(() => {
+        if (!autoHide || typeof window === "undefined") {
+            setVisible(true);
+            return;
+        }
+        const updateVisibility = () => {
+            setVisible(window.scrollY > threshold);
+        };
+        updateVisibility();
+        window.addEventListener("scroll", updateVisibility, { passive: true });
+        return () => {
+            window.removeEventListener("scroll", updateVisibility);
+        };
+    }, [autoHide, threshold]);
+    const goTop = () => {
+        const target = normalizedTarget;
+        const anchor = target.startsWith("#") ? target.slice(1) : target;
+        const element = anchor ? document.getElementById(anchor) : null;
+        if (element) {
+            element.scrollIntoView({
+                behavior: smooth ? "smooth" : "auto",
+                block: "start",
+            });
+            return;
+        }
+        window.scrollTo({
+            top: 0,
+            behavior: smooth ? "smooth" : "auto",
+        });
+    };
+    const hidden = autoHide && !visible;
+    return (_jsxs("button", { ...rest, ref: ref, type: "button", className: classNames("st-backToTop", className), onClick: goTop, "aria-label": label, "aria-hidden": hidden || undefined, "aria-live": hidden ? "polite" : undefined, tabIndex: hidden ? -1 : undefined, disabled: disabled, children: [_jsx("span", { className: "st-backToTop__icon", "aria-hidden": "true", children: _jsx(ArrowUpIcon, {}) }), _jsx("span", { className: "st-backToTop__label", children: label })] }));
+});
+BackToTop.displayName = "BackToTop";
+//# sourceMappingURL=BackToTop.js.map

package/dist/BackToTop.js.map

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

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/ForceGraph.d.ts

@@ -1,3 +1,3 @@
-export { ForceGraph } from "./catalog.js";
-export type { ForceGraphProps, ForceGraphNode, ForceGraphEdge, ForceGraphTone } from "./catalog.js";
+export { ForceGraph, GraphLegend, nodeShapePath } from "./catalog.js";
+export type { ForceGraphProps, ForceGraphNode, ForceGraphEdge, ForceGraphTone, ForceGraphNodeShape, ForceGraphLegendEntry, GraphLegendProps, } from "./catalog.js";
 //# sourceMappingURL=ForceGraph.d.ts.map

package/dist/ForceGraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ForceGraph.d.ts","sourceRoot":"","sources":["../src/ForceGraph.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"ForceGraph.d.ts","sourceRoot":"","sources":["../src/ForceGraph.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACtE,YAAY,EACV,eAAe,EACf,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,cAAc,CAAC"}

package/dist/ForceGraph.js

@@ -1,2 +1,2 @@
-export { ForceGraph } from "./catalog.js";
+export { ForceGraph, GraphLegend, nodeShapePath } from "./catalog.js";
 //# sourceMappingURL=ForceGraph.js.map

package/dist/ForceGraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"ForceGraph.js","sourceRoot":"","sources":["../src/ForceGraph.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"ForceGraph.js","sourceRoot":"","sources":["../src/ForceGraph.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}

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/TableOfContents.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export interface TableOfContentsItem {
+    id: string;
+    label: string;
+    level?: number;
+}
+export type TableOfContentsProps = Omit<React.HTMLAttributes<HTMLElement>, "className" | "items"> & {
+    title?: string;
+    items: TableOfContentsItem[];
+    activeId?: string;
+    className?: string;
+};
+export declare const TableOfContents: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className" | "items"> & {
+    title?: string;
+    items: TableOfContentsItem[];
+    activeId?: string;
+    className?: string;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=TableOfContents.d.ts.map

package/dist/TableOfContents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableOfContents.d.ts","sourceRoot":"","sources":["../src/TableOfContents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,GAAG;IAClG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,eAAe;YARlB,MAAM;WACP,mBAAmB,EAAE;eACjB,MAAM;gBACL,MAAM;qCA6CnB,CAAC"}

package/dist/TableOfContents.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+const normalizeItemId = (value) => value.replace(/^#/, "");
+export const TableOfContents = React.forwardRef(({ title, items, activeId = "", className, ...rest }, ref) => {
+    const normalizedActive = normalizeItemId(activeId);
+    const normalizedItems = items.map((item) => ({
+        ...item,
+        id: normalizeItemId(item.id),
+        level: Math.max(item.level ?? 1, 1),
+    }));
+    return (_jsxs("nav", { ...rest, ref: ref, className: classNames("st-tableOfContents", className), "aria-label": title ?? "Table des matières", children: [title ? _jsx("p", { className: "st-tableOfContents__title", children: title }) : null, _jsx("ol", { className: "st-tableOfContents__list", children: normalizedItems.map((item) => {
+                    const isActive = item.id === normalizedActive;
+                    return (_jsx("li", { className: "st-tableOfContents__item", style: { "--st-tableOfContents-level": item.level - 1 }, children: _jsx("a", { className: "st-tableOfContents__link", href: `#${item.id}`, "aria-current": isActive ? "location" : undefined, children: item.label }) }, item.id));
+                }) })] }));
+});
+TableOfContents.displayName = "TableOfContents";
+//# sourceMappingURL=TableOfContents.js.map

package/dist/TableOfContents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableOfContents.js","sourceRoot":"","sources":["../src/TableOfContents.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAe7C,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAEnE,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAC7C,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3D,MAAM,gBAAgB,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IACnD,MAAM,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC3C,GAAG,IAAI;QACP,EAAE,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;QAC5B,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;KACpC,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,kBACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,SAAS,CAAC,gBAC1C,KAAK,IAAI,oBAAoB,aAExC,KAAK,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EACpE,aAAI,SAAS,EAAC,0BAA0B,YACrC,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,KAAK,gBAAgB,CAAC;oBAC9C,OAAO,CACL,aAEE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,4BAA4B,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAyB,YAE9E,YACE,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,kBACL,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,YAE9C,IAAI,CAAC,KAAK,GACT,IAVC,IAAI,CAAC,EAAE,CAWT,CACN,CAAC;gBACJ,CAAC,CAAC,GACC,IACD,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

package/dist/Transcription.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+export type TranscriptionSegment = {
+    speaker?: string;
+    startTime?: string;
+    endTime?: string;
+    text: string;
+};
+export type TranscriptionProps = Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    title?: string;
+    segments?: TranscriptionSegment[];
+    text?: string;
+    className?: string;
+    open?: boolean;
+    showTimestamps?: boolean;
+};
+export declare const Transcription: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    title?: string;
+    segments?: TranscriptionSegment[];
+    text?: string;
+    className?: string;
+    open?: boolean;
+    showTimestamps?: boolean;
+} & React.RefAttributes<HTMLDetailsElement>>;
+//# sourceMappingURL=Transcription.d.ts.map

package/dist/Transcription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transcription.d.ts","sourceRoot":"","sources":["../src/Transcription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GAAG;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,aAAa;YARhB,MAAM;eACH,oBAAoB,EAAE;WAC1B,MAAM;gBACD,MAAM;WACX,OAAO;qBACG,OAAO;4CAgEzB,CAAC"}

package/dist/Transcription.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+export const Transcription = React.forwardRef(({ title = "Transcription", segments, text, open = false, showTimestamps = true, className, ...rest }, ref) => {
+    const resolvedSegments = (segments ?? []).filter((segment) => Boolean(segment.text?.trim()));
+    const hasSegments = resolvedSegments.length > 0;
+    const hasText = Boolean(text && text.trim().length);
+    const formatInterval = (segment) => {
+        if (!showTimestamps || (!segment.startTime && !segment.endTime))
+            return "";
+        if (!segment.startTime)
+            return segment.endTime ? `- ${segment.endTime}` : "";
+        if (!segment.endTime)
+            return `${segment.startTime} -`;
+        return `${segment.startTime} - ${segment.endTime}`;
+    };
+    return (_jsxs("details", { ...rest, ref: ref, open: open, className: classNames("st-transcription", className), children: [_jsx("summary", { children: title }), _jsx("div", { className: "st-transcription__content", children: hasSegments ? (_jsx("ol", { className: "st-transcription__list", children: resolvedSegments.map((segment, index) => {
+                        const interval = formatInterval(segment);
+                        return (_jsxs("li", { className: "st-transcription__item", children: [_jsxs("p", { className: "st-transcription__meta", children: [segment.speaker ? (_jsx("span", { className: "st-transcription__speaker", children: segment.speaker })) : null, segment.speaker && interval ? _jsx("span", { "aria-hidden": "true", children: "\u00A0\u2022\u00A0" }) : null, interval ? (_jsxs("time", { children: [_jsxs("span", { className: "st-transcription__sr-only", children: ["Horodatage ", interval] }), _jsx("span", { "aria-hidden": "true", children: interval })] })) : null] }), _jsx("p", { className: "st-transcription__text", children: segment.text })] }, index));
+                    }) })) : hasText ? (_jsx("p", { className: "st-transcription__text", children: text })) : (_jsx("p", { className: "st-transcription__text", children: "Aucun contenu de transcription fourni." })) })] }));
+});
+Transcription.displayName = "Transcription";
+//# sourceMappingURL=Transcription.js.map

package/dist/Transcription.js.map

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

package/dist/catalog.d.ts

@@ -273,32 +273,110 @@ export type FooterProps = React.HTMLAttributes<HTMLElement> & {
     copyright?: React.ReactNode;
 };
 export declare function Footer({ brand, columns, links, copyright, className, ...rest }: FooterProps): import("react/jsx-runtime").JSX.Element;
-export type ForceGraphTone = DataTone;
+export type ForceGraphTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type ForceGraphNodeShape = "dot" | "circle" | "diamond" | "star" | "hexagon" | "box" | "square" | "triangle";
 export type ForceGraphNode = {
+    /** Stable identifier; referenced by edges. */
     id: string;
+    /** Visible label (falls back to id). */
     label?: string;
+    /**
+     * Grouping key (e.g. node type or community). Nodes sharing a group get
+     * the same tone when `tone` is not set explicitly.
+     */
     group?: string | number;
+    /** Explicit data-vis tone; overrides the group-derived tone. */
     tone?: ForceGraphTone;
+    /** Relative node radius weight (defaults to 1). */
     weight?: number;
+    /** Pin the node to a fixed position (ignored by the simulation). */
     fx?: number;
     fy?: number;
+    /**
+     * Visual shape for the node. Defaults to 'dot' (circle).
+     * Supported: 'dot'|'circle', 'diamond', 'star', 'hexagon', 'box'|'square', 'triangle'.
+     */
+    shape?: ForceGraphNodeShape;
 };
 export type ForceGraphEdge = {
+    /** Source node id. */
     source: string;
+    /** Target node id. */
     target: string;
+    /** Optional relation label, surfaced in the tooltip on hover/focus. */
     relation?: string;
+    /**
+     * When true the link renders as a dashed/faded "weak" link. Lets callers
+     * map a confidence dimension onto link strength without extra props.
+     */
     weak?: boolean;
 };
+export type ForceGraphLegendEntry = {
+    /** Label shown in the legend. */
+    label: string;
+    /** Shape for this entry (node legend). Absent = line-style legend entry. */
+    shape?: ForceGraphNodeShape;
+    /** Tone for this entry. Defaults to category1. */
+    tone?: ForceGraphTone;
+    /** When true, renders as a dashed line (edge legend). */
+    weak?: boolean;
+};
+export declare function nodeShapePath(shape: ForceGraphNodeShape | undefined, r: number): string | null;
 export type ForceGraphProps = React.HTMLAttributes<HTMLElement> & {
     nodes: ForceGraphNode[];
     edges: ForceGraphEdge[];
-    label?: string;
+    /** Accessible name for the figure (required). */
+    label: string;
+    width?: number;
+    height?: number;
+    /** Base node radius in px (scaled by node.weight). */
+    nodeRadius?: number;
+    /** Show text labels next to nodes. */
+    showLabels?: boolean;
+    /**
+     * Number of cooling ticks. The simulation runs a synchronous warmup then
+     * animates the remainder unless reduced motion is requested.
+     */
+    iterations?: number;
+    /**
+     * IDs of currently selected nodes. Highlighted visually without
+     * re-running the layout. Defaults to [].
+     */
     selectedIds?: string[];
+    /**
+     * ID of the node to focus/centre visually (ring highlight). Does not
+     * re-run the layout. Defaults to null.
+     */
     focusId?: string | null;
+    /**
+     * Called when the user clicks (or presses Space/Enter) a node.
+     * Fires with the node's stable id.
+     */
     onSelect?: (id: string) => void;
+    /**
+     * Called when the user activates a node (double-click or Enter key while
+     * keyboard-focused). Intended to open a detail panel.
+     * Fires with the node's stable id.
+     */
     onOpenEntity?: (id: string) => void;
-};
-export declare function ForceGraph({ nodes, edges, label, selectedIds, focusId, onSelect, onOpenEntity, className, ...rest }: ForceGraphProps): import("react/jsx-runtime").JSX.Element;
+    /**
+     * Called when the user hovers an edge.
+     * Fires with the edge object (source/target/relation/weak).
+     */
+    onEdgeHover?: (edge: ForceGraphEdge) => void;
+    /**
+     * Legend entries rendered as a corner overlay.
+     * Each entry has a label + optional shape (node) or weak (edge).
+     */
+    legend?: ForceGraphLegendEntry[];
+};
+export declare function ForceGraph({ nodes, edges, label, width, height, nodeRadius, showLabels, iterations, selectedIds, focusId, onSelect, onOpenEntity, onEdgeHover, legend, className, ...rest }: ForceGraphProps): import("react/jsx-runtime").JSX.Element;
+export type GraphLegendProps = React.HTMLAttributes<HTMLDivElement> & {
+    entries: ForceGraphLegendEntry[];
+    /** Optional heading shown above entries. */
+    title?: string;
+};
+export declare function GraphLegend({ entries, title, className, ...rest }: GraphLegendProps): import("react/jsx-runtime").JSX.Element;
 export type FormProps = Omit<React.FormHTMLAttributes<HTMLFormElement>, "onSubmit"> & {
     status?: "idle" | "submitting" | "submitted" | "error";
     message?: React.ReactNode;