@sentropic/design-system-react 0.6.0 → 0.8.0

package/dist/Avatar.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export type AvatarSize = "sm" | "md" | "lg" | "xl";
+export type AvatarShape = "circle" | "square";
+export type AvatarTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type AvatarProps = Omit<React.HTMLAttributes<HTMLSpanElement>, "className"> & {
+    /** Nom complet, utilisé pour dériver les initiales et l'étiquette a11y. */
+    name: string;
+    /** URL de la photo. Si absente, on rend un cercle d'initiales. */
+    src?: string;
+    /** Texte alternatif de l'image. Par défaut = `name`. */
+    alt?: string;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    /** Catégorie de couleur pour le fond des initiales. */
+    tone?: AvatarTone;
+    className?: string;
+};
+export declare const Avatar: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLSpanElement>, "className"> & {
+    /** Nom complet, utilisé pour dériver les initiales et l'étiquette a11y. */
+    name: string;
+    /** URL de la photo. Si absente, on rend un cercle d'initiales. */
+    src?: string;
+    /** Texte alternatif de l'image. Par défaut = `name`. */
+    alt?: string;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    /** Catégorie de couleur pour le fond des initiales. */
+    tone?: AvatarTone;
+    className?: string;
+} & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC9C,MAAM,MAAM,UAAU,GAClB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,WAAW,CAAC,GAAG;IACnF,2EAA2E;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,uDAAuD;IACvD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,MAAM;IAbjB,2EAA2E;UACrE,MAAM;IACZ,kEAAkE;UAC5D,MAAM;IACZ,wDAAwD;UAClD,MAAM;WACL,UAAU;YACT,WAAW;IACnB,uDAAuD;WAChD,UAAU;gBACL,MAAM;yCAyBnB,CAAC"}

package/dist/Avatar.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+import { deriveInitials } from "./catalog.js";
+export const Avatar = React.forwardRef(({ name, src, alt, size = "md", shape = "circle", tone = "category1", className, ...rest }, ref) => {
+    const initials = deriveInitials(name);
+    const classes = classNames("st-avatar", `st-avatar--${size}`, `st-avatar--${shape}`, src ? "st-avatar--image" : `st-avatar--${tone}`, className);
+    return (_jsx("span", { ...rest, ref: ref, className: classes, role: "img", "aria-label": alt ?? name, children: src ? (_jsx("img", { className: "st-avatar__image", src: src, alt: alt ?? name })) : (_jsx("span", { className: "st-avatar__initials", "aria-hidden": "true", children: initials })) }));
+});
+Avatar.displayName = "Avatar";
+//# sourceMappingURL=Avatar.js.map

package/dist/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AA4B9C,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,QAAQ,EAAE,IAAI,GAAG,WAAW,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACjG,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,UAAU,CACxB,WAAW,EACX,cAAc,IAAI,EAAE,EACpB,cAAc,KAAK,EAAE,EACrB,GAAG,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,cAAc,IAAI,EAAE,EAC/C,SAAS,CACV,CAAC;IACF,OAAO,CACL,kBAAU,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,KAAK,gBAAa,GAAG,IAAI,IAAI,YAC7E,GAAG,CAAC,CAAC,CAAC,CACL,cAAK,SAAS,EAAC,kBAAkB,EAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,GAAI,CACjE,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,qBAAqB,iBAAa,MAAM,YACrD,QAAQ,GACJ,CACR,GACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/AvatarGroup.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { AvatarSize } from "./Avatar.js";
+export type AvatarGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    /** Nombre maximum d'avatars visibles. Au-delà, un jeton « +N » est affiché. */
+    max?: number;
+    /** Taille appliquée au jeton de débordement (doit refléter les Avatar). */
+    size?: AvatarSize;
+    /** Nombre total réel d'éléments (sert à calculer le « +N » si > max). */
+    total?: number;
+    className?: string;
+};
+export declare const AvatarGroup: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    /** Nombre maximum d'avatars visibles. Au-delà, un jeton « +N » est affiché. */
+    max?: number;
+    /** Taille appliquée au jeton de débordement (doit refléter les Avatar). */
+    size?: AvatarSize;
+    /** Nombre total réel d'éléments (sert à calculer le « +N » si > max). */
+    total?: number;
+    className?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AvatarGroup.d.ts.map

package/dist/AvatarGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../src/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IACvF,+EAA+E;IAC/E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2EAA2E;IAC3E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW;IATtB,+EAA+E;UACzE,MAAM;IACZ,2EAA2E;WACpE,UAAU;IACjB,yEAAyE;YACjE,MAAM;gBACF,MAAM;wCAsBnB,CAAC"}

package/dist/AvatarGroup.js

@@ -0,0 +1,14 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+export const AvatarGroup = React.forwardRef(({ max, size = "md", total, className, style, children, ...rest }, ref) => {
+    const overflow = max != null && total != null && total > max ? total - max : 0;
+    const classes = classNames("st-avatarGroup", `st-avatarGroup--${size}`, className);
+    const mergedStyle = {
+        ...style,
+        ...{ "--st-avatar-group-max": max ?? "" },
+    };
+    return (_jsxs("div", { ...rest, ref: ref, className: classes, style: mergedStyle, children: [children, overflow > 0 ? (_jsxs("span", { className: "st-avatarGroup__overflow", "aria-label": `+${overflow}`, children: ["+", overflow] })) : null] }));
+});
+AvatarGroup.displayName = "AvatarGroup";
+//# sourceMappingURL=AvatarGroup.js.map

package/dist/AvatarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.js","sourceRoot":"","sources":["../src/AvatarGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAa7C,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACxE,MAAM,QAAQ,GAAG,GAAG,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/E,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,EAAE,mBAAmB,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC;IACnF,MAAM,WAAW,GAAG;QAClB,GAAG,KAAK;QACR,GAAI,EAAE,uBAAuB,EAAE,GAAG,IAAI,EAAE,EAA0B;KACnE,CAAC;IACF,OAAO,CACL,kBAAS,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,aAC5D,QAAQ,EACR,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CACd,gBAAM,SAAS,EAAC,0BAA0B,gBAAa,IAAI,QAAQ,EAAE,kBACjE,QAAQ,IACL,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/ButtonGroup.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+export type ButtonGroupOrientation = "horizontal" | "vertical";
+export type ButtonGroupSize = "sm" | "md" | "lg";
+export type ButtonGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    orientation?: ButtonGroupOrientation;
+    /** Look segmenté joint (boutons collés, coins arrondis seulement aux extrémités). */
+    attached?: boolean;
+    /** Espacement entre boutons (échelle spacing), ignoré quand `attached`. */
+    gap?: number;
+    /** Taille indicative (transmise via data-attr pour styliser les enfants si besoin). */
+    size?: ButtonGroupSize;
+    /** Étiquette a11y du groupe. */
+    label?: string;
+    className?: string;
+};
+export declare const ButtonGroup: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    orientation?: ButtonGroupOrientation;
+    /** Look segmenté joint (boutons collés, coins arrondis seulement aux extrémités). */
+    attached?: boolean;
+    /** Espacement entre boutons (échelle spacing), ignoré quand `attached`. */
+    gap?: number;
+    /** Taille indicative (transmise via data-attr pour styliser les enfants si besoin). */
+    size?: ButtonGroupSize;
+    /** Étiquette a11y du groupe. */
+    label?: string;
+    className?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../src/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC/D,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IACvF,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,qFAAqF;IACrF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,uFAAuF;IACvF,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW;kBAZR,sBAAsB;IACpC,qFAAqF;eAC1E,OAAO;IAClB,2EAA2E;UACrE,MAAM;IACZ,uFAAuF;WAChF,eAAe;IACtB,gCAAgC;YACxB,MAAM;gBACF,MAAM;wCA8BnB,CAAC"}

package/dist/ButtonGroup.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+export const ButtonGroup = React.forwardRef(({ orientation = "horizontal", attached = false, gap, size = "md", label, className, style, children, ...rest }, ref) => {
+    const classes = classNames("st-buttonGroup", `st-buttonGroup--${orientation}`, attached && "st-buttonGroup--attached", className);
+    const gapValue = attached || gap == null ? undefined : `var(--st-spacing-${gap}, ${gap * 0.25}rem)`;
+    const mergedStyle = gapValue != null ? { ...style, gap: gapValue } : style;
+    return (_jsx("div", { ...rest, ref: ref, className: classes, role: "group", "aria-label": label, "data-size": size, style: mergedStyle, children: children }));
+});
+ButtonGroup.displayName = "ButtonGroup";
+//# sourceMappingURL=ButtonGroup.js.map

package/dist/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../src/ButtonGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAkB7C,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,CACE,EAAE,WAAW,GAAG,YAAY,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAC9G,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,UAAU,CACxB,gBAAgB,EAChB,mBAAmB,WAAW,EAAE,EAChC,QAAQ,IAAI,0BAA0B,EACtC,SAAS,CACV,CAAC;IACF,MAAM,QAAQ,GAAG,QAAQ,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAoB,GAAG,KAAK,GAAG,GAAG,IAAI,MAAM,CAAC;IACpG,MAAM,WAAW,GAAG,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;IAC3E,OAAO,CACL,iBACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,OAAO,gBACA,KAAK,eACN,IAAI,EACf,KAAK,EAAE,WAAW,YAEjB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/CheckboxGroup.d.ts

@@ -0,0 +1,38 @@
+import React from "react";
+export interface CheckboxGroupOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    helperText?: string;
+}
+export type CheckboxGroupProps = Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, "className" | "onChange"> & {
+    legend: string;
+    /** Valeurs cochées (liste contrôlée). */
+    value?: string[];
+    onChange?: (value: string[]) => void;
+    orientation?: "vertical" | "horizontal";
+    /** Nom partagé par les cases (utile pour la soumission de formulaire). */
+    name?: string;
+    options?: CheckboxGroupOption[];
+    /** Description optionnelle affichée sous la légende. */
+    helperText?: string;
+    /** Désactive le groupe entier. */
+    disabled?: boolean;
+    className?: string;
+};
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, "className" | "onChange"> & {
+    legend: string;
+    /** Valeurs cochées (liste contrôlée). */
+    value?: string[];
+    onChange?: (value: string[]) => void;
+    orientation?: "vertical" | "horizontal";
+    /** Nom partagé par les cases (utile pour la soumission de formulaire). */
+    name?: string;
+    options?: CheckboxGroupOption[];
+    /** Description optionnelle affichée sous la légende. */
+    helperText?: string;
+    /** Désactive le groupe entier. */
+    disabled?: boolean;
+    className?: string;
+} & React.RefAttributes<HTMLFieldSetElement>>;
+//# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/CheckboxGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../src/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,WAAW,GAAG,UAAU,CACzB,GAAG;IACF,MAAM,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,aAAa;YAfhB,MAAM;IACd,yCAAyC;YACjC,MAAM,EAAE;eACL,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI;kBACtB,UAAU,GAAG,YAAY;IACvC,0EAA0E;WACnE,MAAM;cACH,mBAAmB,EAAE;IAC/B,wDAAwD;iBAC3C,MAAM;IACnB,kCAAkC;eACvB,OAAO;gBACN,MAAM;6CAiDnB,CAAC"}

package/dist/CheckboxGroup.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+import { Checkbox } from "./Checkbox.js";
+export const CheckboxGroup = React.forwardRef(({ legend, value = [], onChange, orientation = "vertical", name, options = [], helperText, disabled = false, className, children, ...rest }, ref) => {
+    const classes = classNames("st-checkboxGroup", `st-checkboxGroup--${orientation}`, className);
+    function toggle(optionValue, checked) {
+        const next = checked ? [...value, optionValue] : value.filter((v) => v !== optionValue);
+        onChange?.(next);
+    }
+    return (_jsxs("fieldset", { ...rest, ref: ref, className: classes, disabled: disabled, children: [_jsx("legend", { className: "st-checkboxGroup__legend", children: legend }), helperText ? _jsx("p", { className: "st-checkboxGroup__help", children: helperText }) : null, _jsxs("div", { className: "st-checkboxGroup__options", children: [options.map((option) => (_jsx(Checkbox, { label: option.label, helperText: option.helperText, name: name, value: option.value, checked: value.includes(option.value), disabled: option.disabled, onChange: (event) => toggle(option.value, event.currentTarget.checked) }, option.value))), children] })] }));
+});
+CheckboxGroup.displayName = "CheckboxGroup";
+//# sourceMappingURL=CheckboxGroup.js.map

package/dist/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../src/CheckboxGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AA4BzC,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CACE,EACE,MAAM,EACN,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,WAAW,GAAG,UAAU,EACxB,IAAI,EACJ,OAAO,GAAG,EAAE,EACZ,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,EAAE,qBAAqB,WAAW,EAAE,EAAE,SAAS,CAAC,CAAC;IAE9F,SAAS,MAAM,CAAC,WAAmB,EAAE,OAAgB;QACnD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC;QACxF,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;IAED,OAAO,CACL,uBAAc,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,aAClE,iBAAQ,SAAS,EAAC,0BAA0B,YAAE,MAAM,GAAU,EAC7D,UAAU,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,wBAAwB,YAAE,UAAU,GAAK,CAAC,CAAC,CAAC,IAAI,EAC3E,eAAK,SAAS,EAAC,2BAA2B,aACvC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,QAAQ,IAEP,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,UAAU,EAAE,MAAM,CAAC,UAAU,EAC7B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EACrC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,IAPjE,MAAM,CAAC,KAAK,CAQjB,CACH,CAAC,EACD,QAAQ,IACL,IACG,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/Collapsible.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+export type CollapsibleProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "title"> & {
+    /** État ouvert (contrôlable). */
+    open?: boolean;
+    title: string;
+    disabled?: boolean;
+    onToggle?: (open: boolean) => void;
+    className?: string;
+};
+export declare const Collapsible: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "title"> & {
+    /** État ouvert (contrôlable). */
+    open?: boolean;
+    title: string;
+    disabled?: boolean;
+    onToggle?: (open: boolean) => void;
+    className?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Collapsible.d.ts.map

package/dist/Collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../src/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,GAAG;IACjG,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW;IARtB,iCAAiC;WAC1B,OAAO;WACP,MAAM;eACF,OAAO;eACP,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;gBACtB,MAAM;wCA8DnB,CAAC"}

package/dist/Collapsible.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+export const Collapsible = React.forwardRef(({ open: openProp, title, disabled = false, onToggle, className, children, ...rest }, ref) => {
+    const reactId = React.useId();
+    const uid = `st-collapsible-${reactId}`;
+    const isControlled = openProp !== undefined;
+    const [internalOpen, setInternalOpen] = React.useState(openProp ?? false);
+    const open = isControlled ? openProp : internalOpen;
+    const classes = classNames("st-collapsible", open && "st-collapsible--open", className);
+    function toggle() {
+        if (disabled)
+            return;
+        const next = !open;
+        if (!isControlled)
+            setInternalOpen(next);
+        onToggle?.(next);
+    }
+    return (_jsxs("div", { ...rest, ref: ref, className: classes, children: [_jsxs("button", { type: "button", className: "st-collapsible__trigger", "aria-expanded": open ? "true" : "false", "aria-controls": `${uid}-region`, id: `${uid}-trigger`, disabled: disabled, onClick: toggle, children: [_jsx("span", { className: "st-collapsible__title", children: title }), _jsx("span", { className: "st-collapsible__icon", "aria-hidden": "true", children: _jsx("svg", { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.25, strokeLinecap: "round", strokeLinejoin: "round", focusable: "false", "aria-hidden": "true", children: _jsx("path", { d: "m6 9 6 6 6-6" }) }) })] }), open ? (_jsx("div", { className: "st-collapsible__region", role: "region", id: `${uid}-region`, "aria-labelledby": `${uid}-trigger`, children: children })) : null] }));
+});
+Collapsible.displayName = "Collapsible";
+//# sourceMappingURL=Collapsible.js.map

package/dist/Collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../src/Collapsible.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAW7C,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3F,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAC9B,MAAM,GAAG,GAAG,kBAAkB,OAAO,EAAE,CAAC;IACxC,MAAM,YAAY,GAAG,QAAQ,KAAK,SAAS,CAAC;IAC5C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAC;IAC1E,MAAM,IAAI,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC;IAEpD,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,EAAE,IAAI,IAAI,sBAAsB,EAAE,SAAS,CAAC,CAAC;IAExF,SAAS,MAAM;QACb,IAAI,QAAQ;YAAE,OAAO;QACrB,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC;QACnB,IAAI,CAAC,YAAY;YAAE,eAAe,CAAC,IAAI,CAAC,CAAC;QACzC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;IAED,OAAO,CACL,kBAAS,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,aACzC,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,yBAAyB,mBACpB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBACvB,GAAG,GAAG,SAAS,EAC9B,EAAE,EAAE,GAAG,GAAG,UAAU,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,MAAM,aAEf,eAAM,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAQ,EACtD,eAAM,SAAS,EAAC,sBAAsB,iBAAa,MAAM,YACvD,cACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,IAAI,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,SAAS,EAAC,OAAO,iBACL,MAAM,YAElB,eAAM,CAAC,EAAC,cAAc,GAAG,GACrB,GACD,IACA,EACR,IAAI,CAAC,CAAC,CAAC,CACN,cACE,SAAS,EAAC,wBAAwB,EAClC,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,GAAG,GAAG,SAAS,qBACF,GAAG,GAAG,UAAU,YAEhC,QAAQ,GACL,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/RadioGroup.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+export interface RadioGroupOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    helperText?: string;
+}
+export type RadioGroupProps = Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, "className" | "onChange"> & {
+    legend: string;
+    /** Valeur sélectionnée (contrôlée). */
+    value?: string;
+    onChange?: (value: string) => void;
+    orientation?: "vertical" | "horizontal";
+    /** Nom partagé garantissant l'exclusivité radio. Requis. */
+    name: string;
+    options?: RadioGroupOption[];
+    helperText?: string;
+    /** Désactive le groupe entier. */
+    disabled?: boolean;
+    className?: string;
+};
+export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, "className" | "onChange"> & {
+    legend: string;
+    /** Valeur sélectionnée (contrôlée). */
+    value?: string;
+    onChange?: (value: string) => void;
+    orientation?: "vertical" | "horizontal";
+    /** Nom partagé garantissant l'exclusivité radio. Requis. */
+    name: string;
+    options?: RadioGroupOption[];
+    helperText?: string;
+    /** Désactive le groupe entier. */
+    disabled?: boolean;
+    className?: string;
+} & React.RefAttributes<HTMLFieldSetElement>>;
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,WAAW,GAAG,UAAU,CACzB,GAAG;IACF,MAAM,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,4DAA4D;IAC5D,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,UAAU;YAdb,MAAM;IACd,uCAAuC;YAC/B,MAAM;eACH,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;kBACpB,UAAU,GAAG,YAAY;IACvC,4DAA4D;UACtD,MAAM;cACF,gBAAgB,EAAE;iBACf,MAAM;IACnB,kCAAkC;eACvB,OAAO;gBACN,MAAM;6CAiDnB,CAAC"}

package/dist/RadioGroup.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+import { Radio } from "./Radio.js";
+export const RadioGroup = React.forwardRef(({ legend, value, onChange, orientation = "vertical", name, options = [], helperText, disabled = false, className, children, ...rest }, ref) => {
+    const classes = classNames("st-radioGroup", `st-radioGroup--${orientation}`, className);
+    function select(optionValue) {
+        if (optionValue === value)
+            return;
+        onChange?.(optionValue);
+    }
+    return (_jsxs("fieldset", { ...rest, ref: ref, className: classes, disabled: disabled, children: [_jsx("legend", { className: "st-radioGroup__legend", children: legend }), helperText ? _jsx("p", { className: "st-radioGroup__help", children: helperText }) : null, _jsxs("div", { className: "st-radioGroup__options", children: [options.map((option) => (_jsx(Radio, { label: option.label, helperText: option.helperText, name: name, value: option.value, checked: value === option.value, disabled: option.disabled, onChange: () => select(option.value) }, option.value))), children] })] }));
+});
+RadioGroup.displayName = "RadioGroup";
+//# sourceMappingURL=RadioGroup.js.map

package/dist/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AA2BnC,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,MAAM,EACN,KAAK,EACL,QAAQ,EACR,WAAW,GAAG,UAAU,EACxB,IAAI,EACJ,OAAO,GAAG,EAAE,EACZ,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,EAAE,kBAAkB,WAAW,EAAE,EAAE,SAAS,CAAC,CAAC;IAExF,SAAS,MAAM,CAAC,WAAmB;QACjC,IAAI,WAAW,KAAK,KAAK;YAAE,OAAO;QAClC,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;IAC1B,CAAC;IAED,OAAO,CACL,uBAAc,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,aAClE,iBAAQ,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAU,EAC1D,UAAU,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,qBAAqB,YAAE,UAAU,GAAK,CAAC,CAAC,CAAC,IAAI,EACxE,eAAK,SAAS,EAAC,wBAAwB,aACpC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,KAAK,IAEJ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,UAAU,EAAE,MAAM,CAAC,UAAU,EAC7B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,KAAK,EAC/B,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAP/B,MAAM,CAAC,KAAK,CAQjB,CACH,CAAC,EACD,QAAQ,IACL,IACG,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/Stepper.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export interface StepperStep {
+    label: string;
+    description?: string;
+}
+export type StepperOrientation = "horizontal" | "vertical";
+export type StepperProps = Omit<React.HTMLAttributes<HTMLOListElement>, "className"> & {
+    steps: StepperStep[];
+    /** Index de l'étape courante (0-based). */
+    current?: number;
+    orientation?: StepperOrientation;
+    /** Autorise la navigation au clic sur les étapes. */
+    clickable?: boolean;
+    onStepClick?: (index: number) => void;
+    /** Étiquette a11y de la liste d'étapes. */
+    label?: string;
+    className?: string;
+};
+export declare const Stepper: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLOListElement>, "className"> & {
+    steps: StepperStep[];
+    /** Index de l'étape courante (0-based). */
+    current?: number;
+    orientation?: StepperOrientation;
+    /** Autorise la navigation au clic sur les étapes. */
+    clickable?: boolean;
+    onStepClick?: (index: number) => void;
+    /** Étiquette a11y de la liste d'étapes. */
+    label?: string;
+    className?: string;
+} & React.RefAttributes<HTMLOListElement>>;
+//# sourceMappingURL=Stepper.d.ts.map

package/dist/Stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../src/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC,GAAG;IACrF,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAqBF,eAAO,MAAM,OAAO;WA/BX,WAAW,EAAE;IACpB,2CAA2C;cACjC,MAAM;kBACF,kBAAkB;IAChC,qDAAqD;gBACzC,OAAO;kBACL,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IACrC,2CAA2C;YACnC,MAAM;gBACF,MAAM;0CA8EnB,CAAC"}

package/dist/Stepper.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+function CheckIcon() {
+    return (_jsx("svg", { width: 14, height: 14, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", focusable: "false", "aria-hidden": "true", children: _jsx("path", { d: "M20 6 9 17l-5-5" }) }));
+}
+export const Stepper = React.forwardRef(({ steps, current = 0, orientation = "horizontal", clickable = false, onStepClick, label = "Progression", className, ...rest }, ref) => {
+    const classes = classNames("st-stepper", `st-stepper--${orientation}`, className);
+    function stateOf(index) {
+        if (index < current)
+            return "complete";
+        if (index === current)
+            return "current";
+        return "upcoming";
+    }
+    function handleClick(index) {
+        if (!clickable)
+            return;
+        onStepClick?.(index);
+    }
+    return (_jsx("ol", { ...rest, ref: ref, className: classes, "aria-label": label, children: steps.map((step, index) => {
+            const state = stateOf(index);
+            const isLast = index === steps.length - 1;
+            return (_jsxs("li", { className: classNames("st-stepper__step", `st-stepper__step--${state}`), "aria-current": state === "current" ? "step" : undefined, children: [_jsxs("span", { className: "st-stepper__indicator", children: [clickable ? (_jsx("button", { type: "button", className: "st-stepper__circle st-stepper__circle--button", onClick: () => handleClick(index), "aria-label": step.label, children: state === "complete" ? _jsx(CheckIcon, {}) : _jsx("span", { className: "st-stepper__index", children: index + 1 }) })) : (_jsx("span", { className: "st-stepper__circle", children: state === "complete" ? _jsx(CheckIcon, {}) : _jsx("span", { className: "st-stepper__index", children: index + 1 }) })), !isLast ? _jsx("span", { className: "st-stepper__connector" }) : null] }), _jsxs("span", { className: "st-stepper__text", children: [_jsx("span", { className: "st-stepper__label", children: step.label }), step.description ? _jsx("span", { className: "st-stepper__description", children: step.description }) : null] })] }, index));
+        }) }));
+});
+Stepper.displayName = "Stepper";
+//# sourceMappingURL=Stepper.js.map

package/dist/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../src/Stepper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAsB7C,SAAS,SAAS;IAChB,OAAO,CACL,cACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,SAAS,EAAC,OAAO,iBACL,MAAM,YAElB,eAAM,CAAC,EAAC,iBAAiB,GAAG,GACxB,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,CACE,EAAE,KAAK,EAAE,OAAO,GAAG,CAAC,EAAE,WAAW,GAAG,YAAY,EAAE,SAAS,GAAG,KAAK,EAAE,WAAW,EAAE,KAAK,GAAG,aAAa,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAC7H,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,EAAE,eAAe,WAAW,EAAE,EAAE,SAAS,CAAC,CAAC;IAElF,SAAS,OAAO,CAAC,KAAa;QAC5B,IAAI,KAAK,GAAG,OAAO;YAAE,OAAO,UAAU,CAAC;QACvC,IAAI,KAAK,KAAK,OAAO;YAAE,OAAO,SAAS,CAAC;QACxC,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,SAAS,WAAW,CAAC,KAAa;QAChC,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;IAED,OAAO,CACL,gBAAQ,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,gBAAc,KAAK,YAC1D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;YAC7B,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YAC1C,OAAO,CACL,cAEE,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,qBAAqB,KAAK,EAAE,CAAC,kBACzD,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,aAEtD,gBAAM,SAAS,EAAC,uBAAuB,aACpC,SAAS,CAAC,CAAC,CAAC,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,+CAA+C,EACzD,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,gBACrB,IAAI,CAAC,KAAK,YAErB,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAG,CAAC,GAAQ,GACvF,CACV,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,oBAAoB,YACjC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAG,CAAC,GAAQ,GACzF,CACR,EACA,CAAC,MAAM,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,uBAAuB,GAAG,CAAC,CAAC,CAAC,IAAI,IACvD,EACP,gBAAM,SAAS,EAAC,kBAAkB,aAChC,eAAM,SAAS,EAAC,mBAAmB,YAAE,IAAI,CAAC,KAAK,GAAQ,EACtD,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,yBAAyB,YAAE,IAAI,CAAC,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,IACzF,KAxBF,KAAK,CAyBP,CACN,CAAC;QACJ,CAAC,CAAC,GACC,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/Typography.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+export type TypographyVariant = "display" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body" | "body-sm" | "caption" | "overline";
+export type TypographyWeight = "regular" | "medium" | "semibold" | "bold";
+export type TypographyTone = "primary" | "secondary" | "muted" | "inverse" | "link";
+export type TypographyAlign = "start" | "center" | "end" | "justify";
+export type TypographyProps = Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    variant?: TypographyVariant;
+    /** Surcharge la balise déduite de la variante. */
+    as?: React.ElementType;
+    weight?: TypographyWeight;
+    tone?: TypographyTone;
+    align?: TypographyAlign;
+    /** Tronque sur une ligne avec ellipsis. */
+    truncate?: boolean;
+    className?: string;
+};
+export declare function Typography({ variant, as, weight, tone, align, truncate, className, children, ...rest }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Typography {
+    var displayName: string;
+}
+//# sourceMappingURL=Typography.d.ts.map

package/dist/Typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../src/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,SAAS,GACT,SAAS,GACT,UAAU,CAAC;AAEf,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAC1E,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AACpF,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAiBrE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GAAG;IACnF,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,kDAAkD;IAClD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,OAAgB,EAChB,EAAE,EACF,MAAM,EACN,IAAI,EACJ,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,eAAe,2CAgBjB;yBA1Be,UAAU"}

package/dist/Typography.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+/** Balise HTML par défaut pour chaque variante. */
+const VARIANT_TAG = {
+    display: "h1",
+    h1: "h1",
+    h2: "h2",
+    h3: "h3",
+    h4: "h4",
+    h5: "h5",
+    h6: "h6",
+    body: "p",
+    "body-sm": "p",
+    caption: "span",
+    overline: "span",
+};
+export function Typography({ variant = "body", as, weight, tone, align, truncate = false, className, children, ...rest }) {
+    const Tag = (as ?? VARIANT_TAG[variant]);
+    const classes = classNames("st-typography", `st-typography--${variant}`, weight && `st-typography--weight-${weight}`, tone && `st-typography--tone-${tone}`, align && `st-typography--align-${align}`, truncate && "st-typography--truncate", className);
+    return (_jsx(Tag, { ...rest, className: classes, children: children }));
+}
+Typography.displayName = "Typography";
+//# sourceMappingURL=Typography.js.map

package/dist/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../src/Typography.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAmB7C,mDAAmD;AACnD,MAAM,WAAW,GAAsC;IACrD,OAAO,EAAE,IAAI;IACb,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,IAAI,EAAE,GAAG;IACT,SAAS,EAAE,GAAG;IACd,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;CACjB,CAAC;AAcF,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,GAAG,MAAM,EAChB,EAAE,EACF,MAAM,EACN,IAAI,EACJ,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACS;IAChB,MAAM,GAAG,GAAG,CAAC,EAAE,IAAI,WAAW,CAAC,OAAO,CAAC,CAAsB,CAAC;IAC9D,MAAM,OAAO,GAAG,UAAU,CACxB,eAAe,EACf,kBAAkB,OAAO,EAAE,EAC3B,MAAM,IAAI,yBAAyB,MAAM,EAAE,EAC3C,IAAI,IAAI,uBAAuB,IAAI,EAAE,EACrC,KAAK,IAAI,wBAAwB,KAAK,EAAE,EACxC,QAAQ,IAAI,yBAAyB,EACrC,SAAS,CACV,CAAC;IACF,OAAO,CACL,KAAC,GAAG,OAAK,IAAI,EAAE,SAAS,EAAE,OAAO,YAC9B,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/catalog.d.ts

@@ -341,8 +341,20 @@ export type ForceGraphProps = React.HTMLAttributes<HTMLElement> & {
      * by `edgeCurve * dist * factor`. Defaults to a light 0.15.
      */
     edgeCurve?: number;
+    /**
+     * Repulsion multiplier controlling how spread out the layout is.
+     * >1 = graphe plus aéré, <1 = plus compact ; multiplie la force de
+     * répulsion sans toucher au fit-to-content. Defaults to 1. Clamped to
+     * [0.1, 10] internally to avoid layout explosions/collapses.
+     */
+    repulsion?: number;
+    /**
+     * Called when the user hovers (or keyboard-focuses) a node, and again with
+     * null when the hover/focus ends. Intended for syncing an external panel.
+     */
+    onNodeHover?: (node: ForceGraphNode | null) => void;
 };
-export declare function ForceGraph({ nodes, edges, label, width, height, nodeRadius, showLabels, iterations, selectedIds, focusId, onSelect, onOpenEntity, onEdgeHover, legend, edgeCurve, className, ...rest }: ForceGraphProps): import("react/jsx-runtime").JSX.Element;
+export declare function ForceGraph({ nodes, edges, label, width, height, nodeRadius, showLabels, iterations, selectedIds, focusId, onSelect, onOpenEntity, onEdgeHover, legend, edgeCurve, repulsion, onNodeHover, className, ...rest }: ForceGraphProps): import("react/jsx-runtime").JSX.Element;
 export type GraphLegendProps = React.HTMLAttributes<HTMLDivElement> & {
     entries: ForceGraphLegendEntry[];
     /** Optional heading shown above entries. */