@sentropic/design-system-react 0.5.0 → 0.7.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/Col.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export type ColSpan = number | "auto";
+export type ColProps = Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    /** Number of 12-grid columns to span, or "auto" to size to content. */
+    span?: ColSpan;
+    /** Columns to offset (0..11) via margin-inline-start. */
+    offset?: number;
+    /** Responsive overrides applied at and above the breakpoint. */
+    sm?: ColSpan;
+    md?: ColSpan;
+    lg?: ColSpan;
+    as?: string;
+    className?: string;
+};
+/** Width expression for a given span. Accounts for the shared row gutter so a
+    full 12 columns still fit on one line (gap-based layout). */
+export declare function spanBasis(span: ColSpan | undefined): string | undefined;
+export declare function offsetMargin(offset: number | undefined): string | undefined;
+export declare const Col: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    /** Number of 12-grid columns to span, or "auto" to size to content. */
+    span?: ColSpan;
+    /** Columns to offset (0..11) via margin-inline-start. */
+    offset?: number;
+    /** Responsive overrides applied at and above the breakpoint. */
+    sm?: ColSpan;
+    md?: ColSpan;
+    lg?: ColSpan;
+    as?: string;
+    className?: string;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Col.d.ts.map

package/dist/Col.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Col.d.ts","sourceRoot":"","sources":["../src/Col.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtC,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GAAG;IAC5E,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;gEACgE;AAChE,wBAAgB,SAAS,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAOvE;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAM3E;AAED,eAAO,MAAM,GAAG;IA/Bd,uEAAuE;WAChE,OAAO;IACd,yDAAyD;aAChD,MAAM;IACf,gEAAgE;SAC3D,OAAO;SACP,OAAO;SACP,OAAO;SACP,MAAM;gBACC,MAAM;qCAuDnB,CAAC"}

package/dist/Col.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+/** Width expression for a given span. Accounts for the shared row gutter so a
+    full 12 columns still fit on one line (gap-based layout). */
+export function spanBasis(span) {
+    if (span == null)
+        return undefined;
+    if (span === "auto")
+        return "auto";
+    const clamped = Math.max(1, Math.min(12, Math.round(span)));
+    const ratio = clamped / 12;
+    // Subtract this column's share of the inter-column gutters.
+    return `calc(${ratio * 100}% - var(--st-row-gutter, 0px) * ${(12 - clamped) / 12})`;
+}
+export function offsetMargin(offset) {
+    if (!offset)
+        return undefined;
+    const clamped = Math.max(0, Math.min(11, Math.round(offset)));
+    if (clamped === 0)
+        return undefined;
+    const ratio = clamped / 12;
+    return `calc(${ratio * 100}% + var(--st-row-gutter, 0px) * ${ratio})`;
+}
+export const Col = React.forwardRef(({ span = "auto", offset = 0, sm, md, lg, as = "div", className, style, children, ...rest }, ref) => {
+    const Tag = as;
+    const isAuto = span === "auto";
+    const basis = spanBasis(span);
+    const mergedStyle = {
+        flexBasis: basis,
+        maxInlineSize: isAuto ? undefined : basis,
+        flexGrow: isAuto ? 1 : 0,
+        marginInlineStart: offsetMargin(offset),
+        "--st-col-sm": spanBasis(sm),
+        "--st-col-md": spanBasis(md),
+        "--st-col-lg": spanBasis(lg),
+        ...style,
+    };
+    return (_jsx(Tag, { ...rest, ref: ref, className: classNames("st-col", isAuto && "st-col--auto", sm != null && "st-col--has-sm", md != null && "st-col--has-md", lg != null && "st-col--has-lg", className), style: mergedStyle, children: children }));
+});
+Col.displayName = "Col";
+//# sourceMappingURL=Col.js.map

package/dist/Col.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Col.js","sourceRoot":"","sources":["../src/Col.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAiB7C;gEACgE;AAChE,MAAM,UAAU,SAAS,CAAC,IAAyB;IACjD,IAAI,IAAI,IAAI,IAAI;QAAE,OAAO,SAAS,CAAC;IACnC,IAAI,IAAI,KAAK,MAAM;QAAE,OAAO,MAAM,CAAC;IACnC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC5D,MAAM,KAAK,GAAG,OAAO,GAAG,EAAE,CAAC;IAC3B,4DAA4D;IAC5D,OAAO,QAAQ,KAAK,GAAG,GAAG,mCAAmC,CAAC,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;AACtF,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,MAA0B;IACrD,IAAI,CAAC,MAAM;QAAE,OAAO,SAAS,CAAC;IAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAC9D,IAAI,OAAO,KAAK,CAAC;QAAE,OAAO,SAAS,CAAC;IACpC,MAAM,KAAK,GAAG,OAAO,GAAG,EAAE,CAAC;IAC3B,OAAO,QAAQ,KAAK,GAAG,GAAG,mCAAmC,KAAK,GAAG,CAAC;AACxE,CAAC;AAED,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAClG,MAAM,GAAG,GAAG,EAAuB,CAAC;IACpC,MAAM,MAAM,GAAG,IAAI,KAAK,MAAM,CAAC;IAC/B,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,WAAW,GAAG;QAClB,SAAS,EAAE,KAAK;QAChB,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;QACzC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxB,iBAAiB,EAAE,YAAY,CAAC,MAAM,CAAC;QACvC,aAAa,EAAE,SAAS,CAAC,EAAE,CAAC;QAC5B,aAAa,EAAE,SAAS,CAAC,EAAE,CAAC;QAC5B,aAAa,EAAE,SAAS,CAAC,EAAE,CAAC;QAC5B,GAAG,KAAK;KACc,CAAC;IACzB,OAAO,CACL,KAAC,GAAG,OACE,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,QAAQ,EACR,MAAM,IAAI,cAAc,EACxB,EAAE,IAAI,IAAI,IAAI,gBAAgB,EAC9B,EAAE,IAAI,IAAI,IAAI,gBAAgB,EAC9B,EAAE,IAAI,IAAI,IAAI,gBAAgB,EAC9B,SAAS,CACV,EACD,KAAK,EAAE,WAAW,YAEjB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,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/Container.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export type ContainerSize = "sm" | "md" | "lg" | "xl" | "full";
+export type ContainerProps = Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    size?: ContainerSize;
+    /** Apply horizontal padding using the spacing scale. */
+    padding?: boolean;
+    as?: string;
+    className?: string;
+};
+export declare const Container: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    size?: ContainerSize;
+    /** Apply horizontal padding using the spacing scale. */
+    padding?: boolean;
+    as?: string;
+    className?: string;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Container.d.ts.map

package/dist/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../src/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE/D,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GAAG;IAClF,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,SAAS;WAPb,aAAa;IACpB,wDAAwD;cAC9C,OAAO;SACZ,MAAM;gBACC,MAAM;qCAqBnB,CAAC"}

package/dist/Container.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+export const Container = React.forwardRef(({ size = "lg", padding = true, as = "div", className, children, ...rest }, ref) => {
+    const Tag = as;
+    return (_jsx(Tag, { ...rest, ref: ref, className: classNames("st-container", `st-container--${size}`, padding && "st-container--padded", className), children: children }));
+});
+Container.displayName = "Container";
+//# sourceMappingURL=Container.js.map

package/dist/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../src/Container.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAY7C,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,GAAG,IAAI,EAAE,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,GAAG,GAAG,EAAuB,CAAC;IACpC,OAAO,CACL,KAAC,GAAG,OACE,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,cAAc,EACd,iBAAiB,IAAI,EAAE,EACvB,OAAO,IAAI,sBAAsB,EACjC,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/Divider.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+export type DividerOrientation = "horizontal" | "vertical";
+export type DividerVariant = "solid" | "dashed";
+export type DividerProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    orientation?: DividerOrientation;
+    /** Spacing scale step (0..12) applied as margin around the divider. */
+    spacing?: number;
+    /** Optional label centered on a horizontal divider line. */
+    label?: string;
+    variant?: DividerVariant;
+    className?: string;
+};
+export declare const Divider: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    orientation?: DividerOrientation;
+    /** Spacing scale step (0..12) applied as margin around the divider. */
+    spacing?: number;
+    /** Optional label centered on a horizontal divider line. */
+    label?: string;
+    variant?: DividerVariant;
+    className?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Divider.d.ts.map

package/dist/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../src/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IACnF,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,OAAO;kBATJ,kBAAkB;IAChC,uEAAuE;cAC7D,MAAM;IAChB,4DAA4D;YACpD,MAAM;cACJ,cAAc;gBACZ,MAAM;wCAiDnB,CAAC"}

package/dist/Divider.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+import { spacingToken } from "./Flex.js";
+export const Divider = React.forwardRef(({ orientation = "horizontal", spacing, label, variant = "solid", className, style, ...rest }, ref) => {
+    const isVertical = orientation === "vertical";
+    const hasLabel = !isVertical && label != null && label !== "";
+    const margin = spacingToken(spacing);
+    const classes = classNames("st-divider", `st-divider--${orientation}`, `st-divider--${variant}`, hasLabel && "st-divider--labeled", className);
+    if (hasLabel) {
+        return (_jsxs("div", { ...rest, ref: ref, className: classes, role: "separator", "aria-orientation": "horizontal", style: { marginBlock: margin, ...style }, children: [_jsx("span", { className: "st-divider__line", "aria-hidden": "true" }), _jsx("span", { className: "st-divider__label", children: label }), _jsx("span", { className: "st-divider__line", "aria-hidden": "true" })] }));
+    }
+    return (_jsx("div", { ...rest, ref: ref, className: classes, role: "separator", "aria-orientation": orientation, style: {
+            marginBlock: isVertical ? undefined : margin,
+            marginInline: isVertical ? margin : undefined,
+            ...style,
+        } }));
+});
+Divider.displayName = "Divider";
+//# sourceMappingURL=Divider.js.map

package/dist/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../src/Divider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAezC,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,WAAW,GAAG,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACpG,MAAM,UAAU,GAAG,WAAW,KAAK,UAAU,CAAC;IAC9C,MAAM,QAAQ,GAAG,CAAC,UAAU,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;IAC9D,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;IAErC,MAAM,OAAO,GAAG,UAAU,CACxB,YAAY,EACZ,eAAe,WAAW,EAAE,EAC5B,eAAe,OAAO,EAAE,EACxB,QAAQ,IAAI,qBAAqB,EACjC,SAAS,CACV,CAAC;IAEF,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,kBACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,WAAW,sBACC,YAAY,EAC7B,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,aAExC,eAAM,SAAS,EAAC,kBAAkB,iBAAa,MAAM,GAAG,EACxD,eAAM,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAQ,EAClD,eAAM,SAAS,EAAC,kBAAkB,iBAAa,MAAM,GAAG,IACpD,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,iBACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,WAAW,sBACE,WAAW,EAC7B,KAAK,EAAE;YACL,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;YAC5C,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YAC7C,GAAG,KAAK;SACT,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/Flex.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export type FlexDirection = "row" | "column" | "row-reverse" | "column-reverse";
+export type FlexAlign = "start" | "center" | "end" | "stretch" | "baseline";
+export type FlexJustify = "start" | "center" | "end" | "between" | "around" | "evenly";
+export type FlexProps = Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    direction?: FlexDirection;
+    /** Spacing scale step (0..12) mapped to `--st-spacing-*`. */
+    gap?: number;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    wrap?: boolean;
+    inline?: boolean;
+    as?: string;
+    className?: string;
+};
+/** Resolve a spacing step to a `var(--st-spacing-N, fallback)` expression. */
+export declare function spacingToken(step: number | undefined): string | undefined;
+export declare function alignValue(align: FlexAlign | undefined): string | undefined;
+export declare function justifyValue(justify: FlexJustify | undefined): string | undefined;
+export declare const Flex: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    direction?: FlexDirection;
+    /** Spacing scale step (0..12) mapped to `--st-spacing-*`. */
+    gap?: number;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    wrap?: boolean;
+    inline?: boolean;
+    as?: string;
+    className?: string;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Flex.d.ts.map

package/dist/Flex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../src/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAChF,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AAC5E,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEvF,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GAAG;IAC7E,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAoBF,8EAA8E;AAC9E,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAKzE;AAmBD,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAE3E;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAEjF;AAED,eAAO,MAAM,IAAI;gBA9DH,aAAa;IACzB,6DAA6D;UACvD,MAAM;YACJ,SAAS;cACP,WAAW;WACd,OAAO;aACL,OAAO;SACX,MAAM;gBACC,MAAM;qCAuFnB,CAAC"}

package/dist/Flex.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+/** rem fallbacks for the Sent Tech spacing scale (steps 5/7/9/10/11 are
+    interpolated since no token exists, but the var() is still preferred). */
+const SPACING_FALLBACK = {
+    0: "0",
+    1: "0.25rem",
+    2: "0.5rem",
+    3: "0.75rem",
+    4: "1rem",
+    5: "1.25rem",
+    6: "1.5rem",
+    7: "1.75rem",
+    8: "2rem",
+    9: "2.25rem",
+    10: "2.5rem",
+    11: "2.75rem",
+    12: "3rem",
+};
+/** Resolve a spacing step to a `var(--st-spacing-N, fallback)` expression. */
+export function spacingToken(step) {
+    if (step == null)
+        return undefined;
+    const clamped = Math.max(0, Math.min(12, Math.round(step)));
+    if (clamped === 0)
+        return "0";
+    return `var(--st-spacing-${clamped}, ${SPACING_FALLBACK[clamped]})`;
+}
+const ALIGN = {
+    start: "flex-start",
+    center: "center",
+    end: "flex-end",
+    stretch: "stretch",
+    baseline: "baseline",
+};
+const JUSTIFY = {
+    start: "flex-start",
+    center: "center",
+    end: "flex-end",
+    between: "space-between",
+    around: "space-around",
+    evenly: "space-evenly",
+};
+export function alignValue(align) {
+    return align ? ALIGN[align] : undefined;
+}
+export function justifyValue(justify) {
+    return justify ? JUSTIFY[justify] : undefined;
+}
+export const Flex = React.forwardRef(({ direction = "row", gap, align, justify, wrap = false, inline = false, as = "div", className, style, children, ...rest }, ref) => {
+    const Tag = as;
+    const mergedStyle = {
+        display: inline ? "inline-flex" : "flex",
+        flexDirection: direction,
+        flexWrap: wrap ? "wrap" : "nowrap",
+        alignItems: alignValue(align),
+        justifyContent: justifyValue(justify),
+        gap: spacingToken(gap),
+        ...style,
+    };
+    return (_jsx(Tag, { ...rest, ref: ref, className: classNames("st-flex", className), style: mergedStyle, children: children }));
+});
+Flex.displayName = "Flex";
+//# sourceMappingURL=Flex.js.map

package/dist/Flex.js.map

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

package/dist/Hidden.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export type HiddenBreakpoint = "sm" | "md" | "lg" | "xl";
+export type HiddenProps = Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    /** Hide when viewport is narrower than this breakpoint. */
+    below?: HiddenBreakpoint;
+    /** Hide when viewport is at or wider than this breakpoint. */
+    above?: HiddenBreakpoint;
+    as?: string;
+    className?: string;
+};
+export declare const Hidden: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    /** Hide when viewport is narrower than this breakpoint. */
+    below?: HiddenBreakpoint;
+    /** Hide when viewport is at or wider than this breakpoint. */
+    above?: HiddenBreakpoint;
+    as?: string;
+    className?: string;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Hidden.d.ts.map

package/dist/Hidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hidden.d.ts","sourceRoot":"","sources":["../src/Hidden.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GAAG;IAC/E,2DAA2D;IAC3D,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,MAAM;IARjB,2DAA2D;YACnD,gBAAgB;IACxB,8DAA8D;YACtD,gBAAgB;SACnB,MAAM;gBACC,MAAM;qCAqBnB,CAAC"}

package/dist/Hidden.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+export const Hidden = React.forwardRef(({ below, above, as = "div", className, children, ...rest }, ref) => {
+    const Tag = as;
+    return (_jsx(Tag, { ...rest, ref: ref, className: classNames("st-hidden", below && `st-hidden--below-${below}`, above && `st-hidden--above-${above}`, className), children: children }));
+});
+Hidden.displayName = "Hidden";
+//# sourceMappingURL=Hidden.js.map

package/dist/Hidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hidden.js","sourceRoot":"","sources":["../src/Hidden.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAa7C,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAClE,MAAM,GAAG,GAAG,EAAuB,CAAC;IACpC,OAAO,CACL,KAAC,GAAG,OACE,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,WAAW,EACX,KAAK,IAAI,oBAAoB,KAAK,EAAE,EACpC,KAAK,IAAI,oBAAoB,KAAK,EAAE,EACpC,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}