@sentropic/design-system-vue 0.36.43 → 0.36.45

package/dist/Badge.d.ts

@@ -1,6 +1,22 @@
 export type BadgeTone = "neutral" | "success" | "warning" | "error" | "info";
+/**
+ * Badge shape — `"pill"` (default) is the base render (radius pill, width grows
+ * with content). `"circle"` renders an equal-sided round bubble (tabular-nums) —
+ * best for ≤2-digit counts; 3+ digit content degrades gracefully to a
+ * rounded-rect (never clipped). Additive: with `shape` unset the badge renders
+ * byte-identically to before.
+ */
+export type BadgeShape = "pill" | "circle";
+/**
+ * Density — `"md"` (default) is the base render. `"sm"` shrinks the font-size
+ * (the rail-bubble scale). Additive: with `size` unset the badge renders
+ * byte-identically to before.
+ */
+export type BadgeSize = "sm" | "md";
 export type BadgeProps = {
     tone?: BadgeTone;
+    shape?: BadgeShape;
+    size?: BadgeSize;
     class?: string;
 };
 export declare const Badge: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -8,6 +24,14 @@ export declare const Badge: import("vue").DefineComponent<import("vue").ExtractP
         type: () => BadgeTone;
         default: string;
     };
+    shape: {
+        type: () => BadgeShape;
+        default: string;
+    };
+    size: {
+        type: () => BadgeSize;
+        default: string;
+    };
     class: {
         type: StringConstructor;
         default: undefined;
@@ -19,12 +43,22 @@ export declare const Badge: import("vue").DefineComponent<import("vue").ExtractP
         type: () => BadgeTone;
         default: string;
     };
+    shape: {
+        type: () => BadgeShape;
+        default: string;
+    };
+    size: {
+        type: () => BadgeSize;
+        default: string;
+    };
     class: {
         type: StringConstructor;
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    size: BadgeSize;
     class: string;
     tone: BadgeTone;
+    shape: BadgeShape;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=Badge.d.ts.map

package/dist/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../src/Badge.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7E,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,KAAK;;cAGU,MAAM,SAAS;;;;;;;;;;;cAAf,MAAM,SAAS;;;;;;;;;;4EAczC,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../src/Badge.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7E;;;;;;GAMG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE3C;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,KAAK;;cAGU,MAAM,SAAS;;;;cACd,MAAM,UAAU;;;;cACjB,MAAM,SAAS;;;;;;;;;;;cAFf,MAAM,SAAS;;;;cACd,MAAM,UAAU;;;;cACjB,MAAM,SAAS;;;;;;;;;;;;4EAoBzC,CAAC"}

package/dist/Badge.js

@@ -4,12 +4,14 @@ export const Badge = defineComponent({
     name: "Badge",
     props: {
         tone: { type: String, default: "neutral" },
+        shape: { type: String, default: "pill" },
+        size: { type: String, default: "md" },
         class: { type: String, default: undefined },
     },
     setup(props, { slots, attrs }) {
         return () => h("span", {
             ...attrs,
-            class: classNames("st-badge", `st-badge--${props.tone}`, props.class),
+            class: classNames("st-badge", `st-badge--${props.tone}`, `st-badge--${props.shape}`, `st-badge--${props.size}`, props.class),
         }, slots.default?.());
     },
 });

package/dist/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../src/Badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAS7C,MAAM,CAAC,MAAM,KAAK,GAAG,eAAe,CAAC;IACnC,IAAI,EAAE,OAAO;IACb,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAAyB,EAAE,OAAO,EAAE,SAAS,EAAE;QAC7D,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,CACV,CAAC,CACC,MAAM,EACN;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CAAC,UAAU,EAAE,aAAa,KAAK,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC;SACtE,EACD,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../src/Badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AA2B7C,MAAM,CAAC,MAAM,KAAK,GAAG,eAAe,CAAC;IACnC,IAAI,EAAE,OAAO;IACb,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAAyB,EAAE,OAAO,EAAE,SAAS,EAAE;QAC7D,KAAK,EAAE,EAAE,IAAI,EAAE,MAA0B,EAAE,OAAO,EAAE,MAAM,EAAE;QAC5D,IAAI,EAAE,EAAE,IAAI,EAAE,MAAyB,EAAE,OAAO,EAAE,IAAI,EAAE;QACxD,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,CACV,CAAC,CACC,MAAM,EACN;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CACf,UAAU,EACV,aAAa,KAAK,CAAC,IAAI,EAAE,EACzB,aAAa,KAAK,CAAC,KAAK,EAAE,EAC1B,aAAa,KAAK,CAAC,IAAI,EAAE,EACzB,KAAK,CAAC,KAAK,CACZ;SACF,EACD,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/Checkbox.d.ts

@@ -1,6 +1,8 @@
 export type CheckboxProps = {
     label: string;
     helperText?: string;
+    /** Secondary muted description line under the label (e.g. a filter hint). */
+    description?: string;
     invalid?: boolean;
     modelValue?: boolean;
     checked?: boolean;
@@ -18,6 +20,10 @@ export declare const Checkbox: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: undefined;
     };
+    description: {
+        type: StringConstructor;
+        default: undefined;
+    };
     invalid: {
         type: BooleanConstructor;
         default: boolean;
@@ -57,6 +63,10 @@ export declare const Checkbox: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: undefined;
     };
+    description: {
+        type: StringConstructor;
+        default: undefined;
+    };
     invalid: {
         type: BooleanConstructor;
         default: boolean;
@@ -95,6 +105,7 @@ export declare const Checkbox: import("vue").DefineComponent<import("vue").Extra
     disabled: boolean;
     value: string;
     helperText: string;
+    description: string;
     modelValue: boolean;
     checked: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../src/Checkbox.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA8CnB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../src/Checkbox.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAiFnB,CAAC"}

package/dist/Checkbox.js

@@ -1,10 +1,15 @@
-import { defineComponent, h } from "vue";
+import { defineComponent, h, ref } from "vue";
 import { classNames } from "./classNames.js";
+let _counter = 0;
+function nextId() {
+    return `st-checkbox-${++_counter}`;
+}
 export const Checkbox = defineComponent({
     name: "Checkbox",
     props: {
         label: { type: String, required: true },
         helperText: { type: String, default: undefined },
+        description: { type: String, default: undefined },
         invalid: { type: Boolean, default: false },
         modelValue: { type: Boolean, default: undefined },
         checked: { type: Boolean, default: undefined },
@@ -14,32 +19,51 @@ export const Checkbox = defineComponent({
         class: { type: String, default: undefined },
     },
     emits: ["update:modelValue", "change"],
-    setup(props, { emit, attrs }) {
-        return () => h("label", {
-            class: classNames("st-choice", "st-choice--checkbox", props.class),
-        }, [
-            h("input", {
-                ...attrs,
-                class: "st-choice__input",
-                type: "checkbox",
-                name: props.name,
-                value: props.value,
-                checked: props.modelValue ?? props.checked,
-                disabled: props.disabled,
-                "aria-invalid": props.invalid ? "true" : undefined,
-                onChange: (event) => {
-                    const checked = event.target.checked;
-                    emit("update:modelValue", checked);
-                    emit("change", event);
-                },
-            }),
-            h("span", { class: "st-choice__content" }, [
+    setup(props, { emit, slots, attrs }) {
+        const autoId = ref(nextId());
+        return () => {
+            const descriptionId = `${autoId.value}-description`;
+            // Merge our description id with any consumer-provided aria-describedby so we
+            // never clobber an existing one.
+            const consumerDescribedBy = attrs["aria-describedby"];
+            const describedBy = props.description
+                ? [consumerDescribedBy, descriptionId].filter(Boolean).join(" ")
+                : consumerDescribedBy;
+            const contentChildren = [
                 h("span", { class: "st-choice__label" }, props.label),
-                props.helperText
-                    ? h("span", { class: "st-choice__help" }, props.helperText)
-                    : null,
-            ]),
-        ]);
+            ];
+            if (props.description) {
+                contentChildren.push(h("span", { class: "st-choice__description", id: descriptionId }, props.description));
+            }
+            if (props.helperText) {
+                contentChildren.push(h("span", { class: "st-choice__help" }, props.helperText));
+            }
+            const children = [
+                h("input", {
+                    ...attrs,
+                    class: "st-choice__input",
+                    type: "checkbox",
+                    name: props.name,
+                    value: props.value,
+                    checked: props.modelValue ?? props.checked,
+                    disabled: props.disabled,
+                    "aria-invalid": props.invalid ? "true" : undefined,
+                    "aria-describedby": describedBy,
+                    onChange: (event) => {
+                        const checked = event.target.checked;
+                        emit("update:modelValue", checked);
+                        emit("change", event);
+                    },
+                }),
+                h("span", { class: "st-choice__content" }, contentChildren),
+            ];
+            if (slots.trailing) {
+                children.push(h("span", { class: "st-choice__trailing" }, slots.trailing()));
+            }
+            return h("label", {
+                class: classNames("st-choice", "st-choice--checkbox", props.description ? "st-choice--described" : undefined, props.class),
+            }, children);
+        };
     },
 });
 //# sourceMappingURL=Checkbox.js.map

package/dist/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAc7C,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;QACvC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAChD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC1C,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QACjD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC9C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC1C,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,EAAE,CAAC,mBAAmB,EAAE,QAAQ,CAAC;IACtC,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;QAC1B,OAAO,GAAG,EAAE,CACV,CAAC,CACC,OAAO,EACP;YACE,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE,qBAAqB,EAAE,KAAK,CAAC,KAAK,CAAC;SACnE,EACD;YACE,CAAC,CAAC,OAAO,EAAE;gBACT,GAAG,KAAK;gBACR,KAAK,EAAE,kBAAkB;gBACzB,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,OAAO,EAAE,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,OAAO;gBAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,cAAc,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;gBAClD,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;oBACzB,MAAM,OAAO,GAAI,KAAK,CAAC,MAA2B,CAAC,OAAO,CAAC;oBAC3D,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAC;oBACnC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;gBACxB,CAAC;aACF,CAAC;YACF,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE;gBACzC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC;gBACrD,KAAK,CAAC,UAAU;oBACd,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC;oBAC3D,CAAC,CAAC,IAAI;aACT,CAAC;SACH,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAgB7C,IAAI,QAAQ,GAAG,CAAC,CAAC;AACjB,SAAS,MAAM;IACb,OAAO,eAAe,EAAE,QAAQ,EAAE,CAAC;AACrC,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;QACvC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAChD,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QACjD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC1C,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QACjD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC9C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC1C,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,EAAE,CAAC,mBAAmB,EAAE,QAAQ,CAAC;IACtC,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QACjC,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;QAE7B,OAAO,GAAG,EAAE;YACV,MAAM,aAAa,GAAG,GAAG,MAAM,CAAC,KAAK,cAAc,CAAC;YACpD,6EAA6E;YAC7E,iCAAiC;YACjC,MAAM,mBAAmB,GAAG,KAAK,CAAC,kBAAkB,CAAuB,CAAC;YAC5E,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW;gBACnC,CAAC,CAAC,CAAC,mBAAmB,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;gBAChE,CAAC,CAAC,mBAAmB,CAAC;YAExB,MAAM,eAAe,GAAiB;gBACpC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC;aACtD,CAAC;YACF,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;gBACtB,eAAe,CAAC,IAAI,CAClB,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,EAAE,aAAa,EAAE,EACtD,KAAK,CAAC,WAAW,CAClB,CACF,CAAC;YACJ,CAAC;YACD,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;gBACrB,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;YAClF,CAAC;YAED,MAAM,QAAQ,GAAiB;gBAC7B,CAAC,CAAC,OAAO,EAAE;oBACT,GAAG,KAAK;oBACR,KAAK,EAAE,kBAAkB;oBACzB,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,KAAK,CAAC,IAAI;oBAChB,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,OAAO,EAAE,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,OAAO;oBAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;oBACxB,cAAc,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;oBAClD,kBAAkB,EAAE,WAAW;oBAC/B,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;wBACzB,MAAM,OAAO,GAAI,KAAK,CAAC,MAA2B,CAAC,OAAO,CAAC;wBAC3D,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAC;wBACnC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;oBACxB,CAAC;iBACF,CAAC;gBACF,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,eAAe,CAAC;aAC5D,CAAC;YAEF,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACnB,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;YAC/E,CAAC;YAED,OAAO,CAAC,CACN,OAAO,EACP;gBACE,KAAK,EAAE,UAAU,CACf,WAAW,EACX,qBAAqB,EACrB,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,SAAS,EACtD,KAAK,CAAC,KAAK,CACZ;aACF,EACD,QAAQ,CACT,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/Collapsible.d.ts.map

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

package/dist/Collapsible.js

@@ -42,6 +42,12 @@ export const Collapsible = defineComponent({
                     onClick: toggle,
                 }, [
                     h("span", { class: "st-collapsible__title" }, props.title),
+                    // Trailing content rendered BETWEEN the title and the chevron (e.g. a
+                    // count Badge). The chevron stays the rightmost affordance. If it
+                    // carries SR-relevant info, set `aria-label` on the Collapsible.
+                    slots.trailing
+                        ? h("span", { class: "st-collapsible__trailing" }, slots.trailing())
+                        : null,
                     h("span", { class: "st-collapsible__icon", "aria-hidden": "true" }, [h(ChevronDown, { size: 18, strokeWidth: 2.25, "aria-hidden": "true" })]),
                 ]),
                 open

package/dist/Collapsible.js.map

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

package/dist/NavActionStack.d.ts

@@ -0,0 +1,105 @@
+import type { Component } from "vue";
+/** Hiérarchie ENCODÉE DANS LE TYPE : une seule action `primary` est légitime
+ * dans une pile. `secondary` = action secondaire ; `ghost` = action discrète.
+ * La couleur sémantique (danger) n'est PAS un `kind` — elle vit dans
+ * `dangerZone`, rendue à part. Le mauvais chemin (4 « primaires » arc-en-ciel)
+ * devient ainsi impossible à exprimer proprement. */
+export type NavActionKind = "primary" | "secondary" | "ghost";
+export type NavAction = {
+    label: string;
+    /** Icône optionnelle (composant), rendue avant le libellé. */
+    icon?: Component;
+    onClick?: () => void;
+    href?: string;
+    kind?: NavActionKind;
+    disabled?: boolean;
+};
+/** Action destructrice, isolée sous un séparateur + un overline « Zone
+ * sensible ». Toujours en ton danger, jamais alignée avec les actions
+ * normales. Pas de `kind` : c'est une zone, pas une catégorie de couleur. */
+export type NavActionDangerZone = {
+    label: string;
+    icon?: Component;
+    onClick?: () => void;
+    href?: string;
+};
+export type NavActionStackOrientation = "vertical" | "horizontal";
+export type NavActionStackProps = {
+    actions?: NavAction[];
+    dangerZone?: NavActionDangerZone;
+    /** Libellé de l'overline de la zone sensible. Défaut « Zone sensible ». */
+    dangerLabel?: string;
+    orientation?: NavActionStackOrientation;
+    /** Étiquette a11y du groupe d'actions. */
+    label?: string;
+    class?: string;
+};
+/**
+ * NavActionStack — empile des actions en ENCODANT la hiérarchie dans le type.
+ * Au plus UN `kind:"primary"` (les suivants sont dégradés en secondary +
+ * console.warn). La couleur sémantique « danger » n'est pas détournée en
+ * catégorie : la `dangerZone` est rendue séparément, sous un Divider + un
+ * overline, en ton danger pleine largeur. Réutilise le Button du DS — aucun
+ * bouton n'est réimplémenté. Style token-only, aucun hex en dur.
+ */
+export declare const NavActionStack: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    actions: {
+        type: () => NavAction[];
+        default: () => never[];
+    };
+    dangerZone: {
+        type: () => NavActionDangerZone;
+        default: undefined;
+    };
+    dangerLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    orientation: {
+        type: () => NavActionStackOrientation;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        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<{
+    actions: {
+        type: () => NavAction[];
+        default: () => never[];
+    };
+    dangerZone: {
+        type: () => NavActionDangerZone;
+        default: undefined;
+    };
+    dangerLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    orientation: {
+        type: () => NavActionStackOrientation;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    label: string;
+    orientation: NavActionStackOrientation;
+    actions: NavAction[];
+    dangerZone: NavActionDangerZone;
+    dangerLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=NavActionStack.d.ts.map

package/dist/NavActionStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavActionStack.d.ts","sourceRoot":"","sources":["../src/NavActionStack.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAc,MAAM,KAAK,CAAC;AAKjD;;;;qDAIqD;AACrD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;AAE9D,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;6EAE6E;AAC7E,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,UAAU,GAAG,YAAY,CAAC;AAElE,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,yBAAyB,CAAC;IACxC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAKF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc;;cAGG,MAAM,SAAS,EAAE;;;;cACb,MAAM,mBAAmB;;;;;;;;cAGrC,MAAM,yBAAyB;;;;;;;;;;;;;;;cAJvB,MAAM,SAAS,EAAE;;;;cACb,MAAM,mBAAmB;;;;;;;;cAGrC,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;4EA6HnD,CAAC"}

package/dist/NavActionStack.js

@@ -0,0 +1,109 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+import { Button } from "./Button.js";
+import { Divider } from "./Divider.js";
+// kind → variant Button : primary→primary, secondary→secondary, ghost→ghost.
+const variantFor = (kind) => kind;
+/**
+ * NavActionStack — empile des actions en ENCODANT la hiérarchie dans le type.
+ * Au plus UN `kind:"primary"` (les suivants sont dégradés en secondary +
+ * console.warn). La couleur sémantique « danger » n'est pas détournée en
+ * catégorie : la `dangerZone` est rendue séparément, sous un Divider + un
+ * overline, en ton danger pleine largeur. Réutilise le Button du DS — aucun
+ * bouton n'est réimplémenté. Style token-only, aucun hex en dur.
+ */
+export const NavActionStack = defineComponent({
+    name: "NavActionStack",
+    props: {
+        actions: { type: Array, default: () => [] },
+        dangerZone: { type: Object, default: undefined },
+        dangerLabel: { type: String, default: "Zone sensible" },
+        orientation: {
+            type: String,
+            default: "vertical",
+        },
+        label: { type: String, default: "Actions" },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        return () => {
+            // La règle (un seul primary) appliquée AU RUNTIME en miroir du type : on
+            // garde le premier `primary`, on dégrade les suivants en `secondary` et on
+            // prévient.
+            let primarySeen = false;
+            const normalizedActions = props.actions.map((action) => {
+                const kind = action.kind ?? "secondary";
+                if (kind === "primary") {
+                    if (primarySeen) {
+                        console.warn(`[NavActionStack] Plusieurs actions « primary » fournies — « ${action.label} » dégradée en « secondary ». Une pile n'a qu'une action primaire.`);
+                        return { ...action, kind: "secondary" };
+                    }
+                    primarySeen = true;
+                }
+                return { ...action, kind };
+            });
+            const renderActionChildren = (action) => {
+                const children = [];
+                if (action.icon)
+                    children.push(h(action.icon));
+                children.push(action.label);
+                return children;
+            };
+            const actionNodes = normalizedActions.map((action) => {
+                if (action.href && !action.disabled) {
+                    // Action-lien : porte les classes Button (réutilisation du style, pas
+                    // de réimplémentation de la logique bouton).
+                    return h("a", {
+                        key: action.label,
+                        class: `st-button st-button--${variantFor(action.kind)} st-button--md st-navActionStack__item`,
+                        href: action.href,
+                        onClick: action.onClick,
+                    }, renderActionChildren(action));
+                }
+                return h(Button, {
+                    key: action.label,
+                    variant: variantFor(action.kind),
+                    disabled: action.disabled,
+                    onClick: action.onClick,
+                    class: "st-navActionStack__item",
+                }, { default: () => renderActionChildren(action) });
+            });
+            const children = [
+                h("div", { class: "st-navActionStack__actions" }, actionNodes),
+            ];
+            if (props.dangerZone) {
+                const dz = props.dangerZone;
+                // Zone sensible : SÉPARÉE des actions normales par un Divider, coiffée
+                // d'un overline token-only, rendue en ton danger pleine largeur. Jamais
+                // alignée avec la pile au-dessus.
+                const dangerAction = dz.href
+                    ? h("a", {
+                        class: "st-button st-button--danger st-button--md st-navActionStack__item st-navActionStack__dangerAction",
+                        href: dz.href,
+                        onClick: dz.onClick,
+                    }, renderActionChildren(dz))
+                    : h(Button, {
+                        variant: "danger",
+                        onClick: dz.onClick,
+                        class: "st-navActionStack__item st-navActionStack__dangerAction",
+                    }, { default: () => renderActionChildren(dz) });
+                children.push(h("div", {
+                    class: "st-navActionStack__danger",
+                    role: "group",
+                    "aria-label": props.dangerLabel,
+                }, [
+                    h(Divider),
+                    h("span", { class: "st-navActionStack__dangerLabel" }, props.dangerLabel),
+                    dangerAction,
+                ]));
+            }
+            return h("div", {
+                ...attrs,
+                class: classNames("st-navActionStack", `st-navActionStack--${props.orientation}`, props.class),
+                role: "group",
+                "aria-label": props.label,
+            }, children);
+        };
+    },
+});
+//# sourceMappingURL=NavActionStack.js.map

package/dist/NavActionStack.js.map

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