@sentropic/design-system-vue 0.6.0 → 0.7.0

package/dist/Avatar.d.ts

@@ -0,0 +1,85 @@
+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 = {
+    /** 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;
+    class?: string;
+};
+export declare const Avatar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    src: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    alt: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: () => AvatarSize;
+        default: string;
+    };
+    shape: {
+        type: () => AvatarShape;
+        default: string;
+    };
+    tone: {
+        type: () => AvatarTone;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    src: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    alt: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: () => AvatarSize;
+        default: string;
+    };
+    shape: {
+        type: () => AvatarShape;
+        default: string;
+    };
+    tone: {
+        type: () => AvatarTone;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    tone: AvatarTone;
+    src: string;
+    alt: string;
+    size: AvatarSize;
+    shape: AvatarShape;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../src/Avatar.ts"],"names":[],"mappings":"AAIA,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;IACxB,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,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;cAMS,MAAM,UAAU;;;;cACf,MAAM,WAAW;;;;cAClB,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;cAFhB,MAAM,UAAU;;;;cACf,MAAM,WAAW;;;;cAClB,MAAM,UAAU;;;;;;;;;;;;;;4EAqC1C,CAAC"}

package/dist/Avatar.js

@@ -0,0 +1,36 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+import { deriveInitials } from "./Header.js";
+export const Avatar = defineComponent({
+    name: "Avatar",
+    props: {
+        name: { type: String, required: true },
+        src: { type: String, default: undefined },
+        alt: { type: String, default: undefined },
+        size: { type: String, default: "md" },
+        shape: { type: String, default: "circle" },
+        tone: { type: String, default: "category1" },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        return () => {
+            const initials = deriveInitials(props.name);
+            const classes = classNames("st-avatar", `st-avatar--${props.size}`, `st-avatar--${props.shape}`, props.src ? "st-avatar--image" : `st-avatar--${props.tone}`, props.class);
+            return h("span", {
+                ...attrs,
+                class: classes,
+                role: "img",
+                "aria-label": props.alt ?? props.name,
+            }, [
+                props.src
+                    ? h("img", {
+                        class: "st-avatar__image",
+                        src: props.src,
+                        alt: props.alt ?? props.name,
+                    })
+                    : h("span", { class: "st-avatar__initials", "aria-hidden": "true" }, initials),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=Avatar.js.map

package/dist/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../src/Avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AA4B7C,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC;IACpC,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;QACtC,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QACzC,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QACzC,IAAI,EAAE,EAAE,IAAI,EAAE,MAA0B,EAAE,OAAO,EAAE,IAAI,EAAE;QACzD,KAAK,EAAE,EAAE,IAAI,EAAE,MAA2B,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC/D,IAAI,EAAE,EAAE,IAAI,EAAE,MAA0B,EAAE,OAAO,EAAE,WAAW,EAAE;QAChE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE;YACV,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAC5C,MAAM,OAAO,GAAG,UAAU,CACxB,WAAW,EACX,cAAc,KAAK,CAAC,IAAI,EAAE,EAC1B,cAAc,KAAK,CAAC,KAAK,EAAE,EAC3B,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,cAAc,KAAK,CAAC,IAAI,EAAE,EAC3D,KAAK,CAAC,KAAK,CACZ,CAAC;YACF,OAAO,CAAC,CACN,MAAM,EACN;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,OAAO;gBACd,IAAI,EAAE,KAAK;gBACX,YAAY,EAAE,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,IAAI;aACtC,EACD;gBACE,KAAK,CAAC,GAAG;oBACP,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE;wBACP,KAAK,EAAE,kBAAkB;wBACzB,GAAG,EAAE,KAAK,CAAC,GAAG;wBACd,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,IAAI;qBAC7B,CAAC;oBACJ,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,EAAE,EACvD,QAAQ,CACT;aACN,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/AvatarGroup.d.ts

@@ -0,0 +1,53 @@
+import type { AvatarSize } from "./Avatar.js";
+export type AvatarGroupProps = {
+    /** 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;
+    class?: string;
+};
+export declare const AvatarGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    size: {
+        type: () => AvatarSize;
+        default: string;
+    };
+    total: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    size: {
+        type: () => AvatarSize;
+        default: string;
+    };
+    total: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    max: number;
+    size: AvatarSize;
+    total: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=AvatarGroup.d.ts.map

package/dist/AvatarGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../src/AvatarGroup.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,+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,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;cAII,MAAM,UAAU;;;;;;;;;;;;;;;;;;;cAAhB,MAAM,UAAU;;;;;;;;;;;;;;;;4EA0C1C,CAAC"}

package/dist/AvatarGroup.js

@@ -0,0 +1,37 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const AvatarGroup = defineComponent({
+    name: "AvatarGroup",
+    props: {
+        max: { type: Number, default: undefined },
+        size: { type: String, default: "md" },
+        total: { type: Number, default: undefined },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots, attrs }) {
+        return () => {
+            const overflow = props.max != null && props.total != null && props.total > props.max
+                ? props.total - props.max
+                : 0;
+            const classes = classNames("st-avatarGroup", `st-avatarGroup--${props.size}`, props.class);
+            const style = {
+                ...attrs.style,
+                ["--st-avatar-group-max"]: props.max ?? "",
+            };
+            return h("div", {
+                ...attrs,
+                class: classes,
+                style,
+            }, [
+                slots.default?.(),
+                overflow > 0
+                    ? h("span", {
+                        class: "st-avatarGroup__overflow",
+                        "aria-label": `+${overflow}`,
+                    }, `+${overflow}`)
+                    : null,
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=AvatarGroup.js.map

package/dist/AvatarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.js","sourceRoot":"","sources":["../src/AvatarGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAa7C,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QACzC,IAAI,EAAE,EAAE,IAAI,EAAE,MAA0B,EAAE,OAAO,EAAE,IAAI,EAAE;QACzD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,MAAM,QAAQ,GACZ,KAAK,CAAC,GAAG,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG;gBACjE,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG;gBACzB,CAAC,CAAC,CAAC,CAAC;YACR,MAAM,OAAO,GAAG,UAAU,CACxB,gBAAgB,EAChB,mBAAmB,KAAK,CAAC,IAAI,EAAE,EAC/B,KAAK,CAAC,KAAK,CACZ,CAAC;YACF,MAAM,KAAK,GAAkB;gBAC3B,GAAI,KAAK,CAAC,KAAmC;gBAC7C,CAAC,uBAAiC,CAAC,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE;aACrD,CAAC;YACF,OAAO,CAAC,CACN,KAAK,EACL;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,OAAO;gBACd,KAAK;aACN,EACD;gBACE,KAAK,CAAC,OAAO,EAAE,EAAE;gBACjB,QAAQ,GAAG,CAAC;oBACV,CAAC,CAAC,CAAC,CACC,MAAM,EACN;wBACE,KAAK,EAAE,0BAA0B;wBACjC,YAAY,EAAE,IAAI,QAAQ,EAAE;qBAC7B,EACD,IAAI,QAAQ,EAAE,CACf;oBACH,CAAC,CAAC,IAAI;aACT,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/BarChart.d.ts

@@ -68,6 +68,6 @@ export declare const BarChart: import("vue").DefineComponent<import("vue").Extra
     class: string;
     width: number;
     height: number;
-    orientation: "vertical" | "horizontal";
+    orientation: "horizontal" | "vertical";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=BarChart.d.ts.map

package/dist/Button.d.ts

@@ -55,7 +55,7 @@ export declare const Button: import("vue").DefineComponent<import("vue").Extract
     type: "button" | "reset" | "submit";
     class: string;
     disabled: boolean;
-    variant: ButtonVariant;
     size: ButtonSize;
+    variant: ButtonVariant;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=Button.d.ts.map

package/dist/ButtonGroup.d.ts

@@ -0,0 +1,75 @@
+export type ButtonGroupOrientation = "horizontal" | "vertical";
+export type ButtonGroupSize = "sm" | "md" | "lg";
+export type ButtonGroupProps = {
+    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;
+    class?: string;
+};
+export declare const ButtonGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    orientation: {
+        type: () => ButtonGroupOrientation;
+        default: string;
+    };
+    attached: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gap: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    size: {
+        type: () => ButtonGroupSize;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    orientation: {
+        type: () => ButtonGroupOrientation;
+        default: string;
+    };
+    attached: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gap: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    size: {
+        type: () => ButtonGroupSize;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    label: string;
+    size: ButtonGroupSize;
+    gap: number;
+    orientation: ButtonGroupOrientation;
+    attached: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../src/ButtonGroup.ts"],"names":[],"mappings":"AAIA,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;IAC7B,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,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW;;cAIF,MAAM,sBAAsB;;;;;;;;;;;;cAKtB,MAAM,eAAe;;;;;;;;;;;;;;;cAL3B,MAAM,sBAAsB;;;;;;;;;;;;cAKtB,MAAM,eAAe;;;;;;;;;;;;;;;;;;4EAkC/C,CAAC"}

package/dist/ButtonGroup.js

@@ -0,0 +1,36 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const ButtonGroup = defineComponent({
+    name: "ButtonGroup",
+    props: {
+        orientation: {
+            type: String,
+            default: "horizontal",
+        },
+        attached: { type: Boolean, default: false },
+        gap: { type: Number, default: undefined },
+        size: { type: String, default: "md" },
+        label: { type: String, default: undefined },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots, attrs }) {
+        return () => {
+            const classes = classNames("st-buttonGroup", `st-buttonGroup--${props.orientation}`, props.attached && "st-buttonGroup--attached", props.class);
+            const gapValue = props.attached || props.gap == null
+                ? undefined
+                : `var(--st-spacing-${props.gap}, ${props.gap * 0.25}rem)`;
+            const style = gapValue != null
+                ? { ...attrs.style, gap: gapValue }
+                : attrs.style;
+            return h("div", {
+                ...attrs,
+                class: classes,
+                role: "group",
+                "aria-label": props.label,
+                "data-size": props.size,
+                style,
+            }, slots.default?.());
+        };
+    },
+});
+//# sourceMappingURL=ButtonGroup.js.map

package/dist/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../src/ButtonGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAkB7C,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,WAAW,EAAE;YACX,IAAI,EAAE,MAAsC;YAC5C,OAAO,EAAE,YAAY;SACtB;QACD,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QACzC,IAAI,EAAE,EAAE,IAAI,EAAE,MAA+B,EAAE,OAAO,EAAE,IAAI,EAAE;QAC9D,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,MAAM,OAAO,GAAG,UAAU,CACxB,gBAAgB,EAChB,mBAAmB,KAAK,CAAC,WAAW,EAAE,EACtC,KAAK,CAAC,QAAQ,IAAI,0BAA0B,EAC5C,KAAK,CAAC,KAAK,CACZ,CAAC;YACF,MAAM,QAAQ,GACZ,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,GAAG,IAAI,IAAI;gBACjC,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,oBAAoB,KAAK,CAAC,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,IAAI,MAAM,CAAC;YAC/D,MAAM,KAAK,GACT,QAAQ,IAAI,IAAI;gBACd,CAAC,CAAC,EAAE,GAAI,KAAK,CAAC,KAAmC,EAAE,GAAG,EAAE,QAAQ,EAAE;gBAClE,CAAC,CAAE,KAAK,CAAC,KAAmC,CAAC;YACjD,OAAO,CAAC,CACN,KAAK,EACL;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,OAAO;gBACd,IAAI,EAAE,OAAO;gBACb,YAAY,EAAE,KAAK,CAAC,KAAK;gBACzB,WAAW,EAAE,KAAK,CAAC,IAAI;gBACvB,KAAK;aACN,EACD,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/CheckboxGroup.d.ts

@@ -0,0 +1,111 @@
+import type { PropType } from "vue";
+export interface CheckboxGroupOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    helperText?: string;
+}
+export type CheckboxGroupProps = {
+    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;
+    class?: string;
+};
+export declare const CheckboxGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    legend: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    onChange: {
+        type: PropType<(value: string[]) => void>;
+        default: undefined;
+    };
+    orientation: {
+        type: () => "vertical" | "horizontal";
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    options: {
+        type: PropType<CheckboxGroupOption[]>;
+        default: () => never[];
+    };
+    helperText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    legend: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    onChange: {
+        type: PropType<(value: string[]) => void>;
+        default: undefined;
+    };
+    orientation: {
+        type: () => "vertical" | "horizontal";
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    options: {
+        type: PropType<CheckboxGroupOption[]>;
+        default: () => never[];
+    };
+    helperText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    name: string;
+    onChange: (value: string[]) => void;
+    disabled: boolean;
+    orientation: "horizontal" | "vertical";
+    value: string[];
+    helperText: string;
+    options: CheckboxGroupOption[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/CheckboxGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../src/CheckboxGroup.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAIpC,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;IAC/B,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,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;cAIE,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;cAEtB,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;;;;cAIrC,MAAM,UAAU,GAAG,YAAY;;;;;;;;cAKhC,QAAQ,CAAC,mBAAmB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;cAXxB,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;cAEtB,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;;;;cAIrC,MAAM,UAAU,GAAG,YAAY;;;;;;;;cAKhC,QAAQ,CAAC,mBAAmB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;sBATX,MAAM,EAAE,KAAK,IAAI;;;;;;4EA+DxD,CAAC"}

package/dist/CheckboxGroup.js

@@ -0,0 +1,59 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+import { Checkbox } from "./Checkbox.js";
+export const CheckboxGroup = defineComponent({
+    name: "CheckboxGroup",
+    props: {
+        legend: { type: String, required: true },
+        value: { type: Array, default: () => [] },
+        onChange: {
+            type: Function,
+            default: undefined,
+        },
+        orientation: {
+            type: String,
+            default: "vertical",
+        },
+        name: { type: String, default: undefined },
+        options: {
+            type: Array,
+            default: () => [],
+        },
+        helperText: { type: String, default: undefined },
+        disabled: { type: Boolean, default: false },
+        class: { type: String, default: undefined },
+    },
+    emits: ["change"],
+    setup(props, { slots, attrs, emit }) {
+        function toggle(optionValue, checked) {
+            const next = checked
+                ? [...props.value, optionValue]
+                : props.value.filter((v) => v !== optionValue);
+            props.onChange?.(next);
+            emit("change", next);
+        }
+        return () => {
+            const classes = classNames("st-checkboxGroup", `st-checkboxGroup--${props.orientation}`, props.class);
+            return h("fieldset", { ...attrs, class: classes, disabled: props.disabled }, [
+                h("legend", { class: "st-checkboxGroup__legend" }, props.legend),
+                props.helperText
+                    ? h("p", { class: "st-checkboxGroup__help" }, props.helperText)
+                    : null,
+                h("div", { class: "st-checkboxGroup__options" }, [
+                    ...props.options.map((option) => h(Checkbox, {
+                        key: option.value,
+                        label: option.label,
+                        helperText: option.helperText,
+                        name: props.name,
+                        value: option.value,
+                        checked: props.value.includes(option.value),
+                        disabled: option.disabled,
+                        onChange: (event) => toggle(option.value, event.target.checked),
+                    })),
+                    slots.default?.(),
+                ]),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=CheckboxGroup.js.map

package/dist/CheckboxGroup.js.map

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

package/dist/Collapsible.d.ts

@@ -0,0 +1,61 @@
+export type CollapsibleProps = {
+    /** État ouvert (contrôlable). */
+    open?: boolean;
+    title: string;
+    disabled?: boolean;
+    onToggle?: (open: boolean) => void;
+    class?: string;
+};
+export declare const Collapsible: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onToggle: {
+        type: () => (open: boolean) => void;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "toggle"[], "toggle", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onToggle: {
+        type: () => (open: boolean) => void;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onToggle?: ((...args: any[]) => any) | undefined;
+}>, {
+    open: boolean;
+    class: string;
+    onToggle: (open: boolean) => void;
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Collapsible.d.ts.map

package/dist/Collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../src/Collapsible.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,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,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAuBF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;cAOW,MAAM,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;;;cAA7B,MAAM,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;;;;;;;;;;;;qBAAhB,OAAO,KAAK,IAAI;;4EAgE9D,CAAC"}