@sentropic/design-system-vue 0.36.43 → 0.36.45

package/dist/NavItem.d.ts

@@ -0,0 +1,189 @@
+import { type VNode } from "vue";
+import type { StatusDotTone } from "./StatusDot.js";
+import type { ColorSwatchShape } from "./ColorSwatch.js";
+/** Profondeur dans l'arbre de nav → échelle typographique DÉCROISSANTE.
+ * L0 = racine (base/600), chaque palier descend en taille ET en graisse pour
+ * que la hiérarchie se LISE sans indentation seule. */
+export type NavItemDepth = 0 | 1 | 2 | 3;
+/** Ton sémantique de la rangée. `error` est un VRAI état (un « HTTP 403 »
+ * devient rouge sémantique), pas une teinte décorative. */
+export type NavItemStatus = "neutral" | "info" | "success" | "warning" | "error";
+export type NavItemSwatch = {
+    /** Couleur arbitraire (hex/rgb/var) → rendue par ColorSwatch. */
+    color?: string;
+    /** Ton sémantique → rendu par StatusDot (un point). Ignoré si `color`. */
+    tone?: StatusDotTone;
+    /** Forme de la pastille couleur (ColorSwatch). Défaut « square ». */
+    shape?: ColorSwatchShape;
+};
+export type NavItemProps = {
+    /** Clé de sélection, passée telle quelle à SelectableRow (data-value). */
+    value?: string;
+    /** Libellé principal (1ʳᵉ ligne). */
+    title: string;
+    /** 2ᵉ ligne MUETTE, ellipsée indépendamment du titre. */
+    caption?: string;
+    /** Profondeur (défaut 0) → échelle typo + indentation de la tête. */
+    depth?: NavItemDepth;
+    /** Pastille de tête : couleur arbitraire (ColorSwatch) ou ton (StatusDot). */
+    swatch?: NavItemSwatch;
+    /** Bulle de compte en queue (Badge circle/sm, tabular-nums). */
+    count?: number;
+    /** Ton sémantique de la rangée. */
+    status?: NavItemStatus;
+    /** Sélection (honorée en standalone ; la liste prime si encadrée). */
+    selected?: boolean;
+    /** Non-interactif. */
+    disabled?: boolean;
+    /** Rend la rangée comme un lien (ancre) — anatomie identique. */
+    href?: string;
+    /** Séparateur token-only rendu APRÈS la rangée. */
+    divider?: boolean;
+    /** Notifié à chaque bascule de sélection (rangée standalone). */
+    onSelect?: (selected: boolean) => void;
+    class?: string;
+};
+/**
+ * NavItem — l'ANATOMIE DE RANGÉE CANONIQUE du système de navigation (vague 2).
+ * La brique que tout rail/drawer instancie : tête (pastille/icône) + titre +
+ * caption muette + queue (bulle de compte) + sélection + profondeur
+ * typographique + séparateur optionnel.
+ *
+ * Zéro-entropie : NavItem NE RÉIMPLÉMENTE RIEN. Il COMPOSE SelectableRow (qui
+ * possède déjà leading/trailing/caption, la sélection, le rôle ARIA dérivé du
+ * conteneur et la propagation du roving-tabindex) et réutilise les primitives
+ * vague 1 :
+ *   • ColorSwatch  → tête quand `swatch.color` (couleur arbitraire inline)
+ *   • StatusDot    → tête quand `swatch.tone` (point sémantique)
+ *   • Badge        → queue (shape="circle" size="sm", tabular-nums) pour `count`
+ * Style PROPRE token-only scopé ; AUCUN hex en dur.
+ *
+ * Slots : `leading` (prime sur `swatch`), `trailing` (prime sur `count`).
+ */
+export declare const NavItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    caption: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    depth: {
+        type: () => NavItemDepth;
+        default: number;
+    };
+    swatch: {
+        type: () => NavItemSwatch;
+        default: undefined;
+    };
+    count: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    status: {
+        type: () => NavItemStatus;
+        default: string;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    href: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onSelect: {
+        type: () => (selected: boolean) => void;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (_selected: boolean) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    caption: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    depth: {
+        type: () => NavItemDepth;
+        default: number;
+    };
+    swatch: {
+        type: () => NavItemSwatch;
+        default: undefined;
+    };
+    count: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    status: {
+        type: () => NavItemStatus;
+        default: string;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    href: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onSelect: {
+        type: () => (selected: boolean) => void;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onSelect?: ((_selected: boolean) => any) | undefined;
+}>, {
+    class: string;
+    caption: string;
+    onSelect: (selected: boolean) => void;
+    disabled: boolean;
+    href: string;
+    status: NavItemStatus;
+    value: string;
+    count: number;
+    divider: boolean;
+    selected: boolean;
+    depth: NavItemDepth;
+    swatch: NavItemSwatch;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=NavItem.d.ts.map

package/dist/NavItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.d.ts","sourceRoot":"","sources":["../src/NavItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,KAAK,EAAE,MAAM,KAAK,CAAC;AAMjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD;;uDAEuD;AACvD,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEzC;2DAC2D;AAC3D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjF,MAAM,MAAM,aAAa,GAAG;IAC1B,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,qEAAqE;IACrE,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qEAAqE;IACrE,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;cAMS,MAAM,YAAY;;;;cACjB,MAAM,aAAa;;;;;;;;cAEnB,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;cAMd,MAAM,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI;;;;;;;;;;wBAM5C,OAAO;;;;;;;;;;;;;;;cAfF,MAAM,YAAY;;;;cACjB,MAAM,aAAa;;;;;;;;cAEnB,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;cAMd,MAAM,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI;;;;;;;;;;;;yBAAhB,OAAO,KAAK,IAAI;;;;;;;;;;4EAqHlE,CAAC"}

package/dist/NavItem.js

@@ -0,0 +1,121 @@
+import { defineComponent, h, ref, watch } from "vue";
+import { classNames } from "./classNames.js";
+import { SelectableRow } from "./SelectableRow.js";
+import { ColorSwatch } from "./ColorSwatch.js";
+import { StatusDot } from "./StatusDot.js";
+import { Badge } from "./Badge.js";
+const DEPTH_INDENT = ["0rem", "0.75rem", "1.5rem", "2.25rem"];
+/**
+ * NavItem — l'ANATOMIE DE RANGÉE CANONIQUE du système de navigation (vague 2).
+ * La brique que tout rail/drawer instancie : tête (pastille/icône) + titre +
+ * caption muette + queue (bulle de compte) + sélection + profondeur
+ * typographique + séparateur optionnel.
+ *
+ * Zéro-entropie : NavItem NE RÉIMPLÉMENTE RIEN. Il COMPOSE SelectableRow (qui
+ * possède déjà leading/trailing/caption, la sélection, le rôle ARIA dérivé du
+ * conteneur et la propagation du roving-tabindex) et réutilise les primitives
+ * vague 1 :
+ *   • ColorSwatch  → tête quand `swatch.color` (couleur arbitraire inline)
+ *   • StatusDot    → tête quand `swatch.tone` (point sémantique)
+ *   • Badge        → queue (shape="circle" size="sm", tabular-nums) pour `count`
+ * Style PROPRE token-only scopé ; AUCUN hex en dur.
+ *
+ * Slots : `leading` (prime sur `swatch`), `trailing` (prime sur `count`).
+ */
+export const NavItem = defineComponent({
+    name: "NavItem",
+    props: {
+        value: { type: String, default: undefined },
+        title: { type: String, required: true },
+        caption: { type: String, default: undefined },
+        depth: { type: Number, default: 0 },
+        swatch: { type: Object, default: undefined },
+        count: { type: Number, default: undefined },
+        status: { type: String, default: "neutral" },
+        selected: { type: Boolean, default: false },
+        disabled: { type: Boolean, default: false },
+        href: { type: String, default: undefined },
+        divider: { type: Boolean, default: false },
+        onSelect: {
+            type: Function,
+            default: undefined,
+        },
+        class: { type: String, default: undefined },
+    },
+    emits: {
+        select: (_selected) => true,
+    },
+    setup(props, { slots, attrs, emit }) {
+        // Sélection standalone : SelectableRow vue est CONTRÔLÉ (il n'auto-toggle
+        // pas), donc NavItem détient l'état interne et le rebascule à la rangée.
+        const internalSelected = ref(props.selected);
+        watch(() => props.selected, (next) => {
+            internalSelected.value = next;
+        });
+        function handleSelect(next) {
+            internalSelected.value = next;
+            props.onSelect?.(next);
+            emit("select", next);
+        }
+        return () => {
+            // Profondeur bornée [0..3] : une valeur hors-borne ne casse pas la classe.
+            const safeDepth = Math.min(Math.max(Math.trunc(Number(props.depth) || 0), 0), 3);
+            // Le count alimente un aria-label explicite « N title » (un compte nu est
+            // ambigu pour un lecteur d'écran — cf. la doc de Badge).
+            const countLabel = props.count != null ? `${props.count} ${props.title}` : undefined;
+            const wrapperClasses = classNames("st-navItem", `st-navItem--depth${safeDepth}`, props.status !== "neutral" ? `st-navItem--status-${props.status}` : undefined, props.class);
+            // Indentation de profondeur : une var additive sur le wrapper, à fallback
+            // littéral par palier (aucun hex). La rangée hérite via la cascade.
+            const depthStyle = `--st-navItem-indent: var(--st-component-navItem-depth${safeDepth}-indent, ${DEPTH_INDENT[safeDepth]});`;
+            // Tête : leading (slot) prime sur swatch ; ColorSwatch pour une couleur
+            // arbitraire, sinon StatusDot pour un ton sémantique.
+            const leadingSlot = slots.leading
+                ? slots.leading
+                : props.swatch
+                    ? () => props.swatch.color
+                        ? h(ColorSwatch, {
+                            color: props.swatch.color,
+                            shape: props.swatch.shape ?? "square",
+                            size: 14,
+                        })
+                        : h(StatusDot, { tone: props.swatch.tone ?? "neutral", size: 8 })
+                    : undefined;
+            // Queue : trailing (slot) prime sur count. Badge circle/sm aligné sur le
+            // status de la rangée, aria-label explicite.
+            const trailingSlot = slots.trailing
+                ? slots.trailing
+                : props.count != null
+                    ? () => h(Badge, {
+                        shape: "circle",
+                        size: "sm",
+                        tone: props.status,
+                        "aria-label": countLabel,
+                    }, { default: () => props.count })
+                    : undefined;
+            const rowSlots = {
+                default: () => h("span", { class: "st-navItem__title" }, props.title),
+            };
+            if (leadingSlot)
+                rowSlots.leading = leadingSlot;
+            if (trailingSlot)
+                rowSlots.trailing = trailingSlot;
+            if (props.caption) {
+                rowSlots.caption = () => h("span", { class: "st-navItem__caption" }, props.caption);
+            }
+            const children = [
+                h(SelectableRow, {
+                    selected: internalSelected.value,
+                    value: props.value,
+                    disabled: props.disabled,
+                    role: props.href ? "link" : undefined,
+                    onSelect: handleSelect,
+                }, rowSlots),
+            ];
+            if (props.divider) {
+                children.push(h("hr", { class: "st-navItem__divider", "aria-hidden": "true" }));
+            }
+            return h("div", { ...attrs, class: wrapperClasses, style: depthStyle }, children);
+        };
+    },
+});
+//# sourceMappingURL=NavItem.js.map

package/dist/NavItem.js.map

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

package/dist/NavSection.d.ts

@@ -0,0 +1,109 @@
+import { type VNode } from "vue";
+/** Niveau de titre porté par l'Overline d'en-tête de section. `h2`/`h3` quand la
+ * section est une vraie région titrée d'un rail/drawer ; choisis selon la
+ * profondeur du sommaire. */
+export type NavSectionHeadingLevel = "h2" | "h3";
+export type NavSectionProps = {
+    /** Libellé de la section, rendu via Overline (small-caps muet). */
+    label: string;
+    /** Compteur optionnel → Badge circle en queue de l'en-tête. */
+    count?: number;
+    /** Si true, l'en-tête devient le trigger d'un Collapsible (aria-expanded)
+     * qui montre/cache le contenu. Sinon : groupe titré statique. */
+    collapsible?: boolean;
+    /** État d'ouverture quand `collapsible`. */
+    open?: boolean;
+    /** Niveau de titre de l'Overline quand la section n'est pas repliable. */
+    as?: NavSectionHeadingLevel;
+    /** Notifié à chaque bascule d'ouverture (section repliable). */
+    onToggle?: (open: boolean) => void;
+    class?: string;
+};
+/**
+ * NavSection — EN-TÊTE DE GROUPE d'un rail / drawer (« COMMUNITIES »,
+ * « SIGNAUX », « Pastilles », « Zonage / Potentiel », « DOCUMENTATION »).
+ * Donne la hiérarchie typographique qui manque à une liste plate + un foyer
+ * normé pour l'action locale. ZÉRO-ENTROPIE : on RÉUTILISE les primitives déjà
+ * livrées —
+ *   • Overline  → le libellé small-caps muet (rendu en h2/h3 pour la sémantique
+ *     de titre quand la section n'est PAS repliable) ;
+ *   • Badge shape="circle" → le compteur de section en queue d'en-tête ;
+ *   • Collapsible → le disclosure (trigger aria-expanded + région
+ *     aria-labelledby) quand `collapsible`.
+ * On ne réimplémente NI disclosure NI libellé. Style token-only scopé, aucun hex.
+ *
+ * Slots : `default` (contenu de la section, rendu dans la région) ; `action`
+ * (emplacement normé d'une action de section, aligné à droite de l'en-tête,
+ * NON rendu quand `collapsible`).
+ */
+export declare const NavSection: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    count: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    collapsible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: () => NavSectionHeadingLevel;
+        default: string;
+    };
+    onToggle: {
+        type: () => (open: boolean) => void;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => 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<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    count: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    collapsible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: () => NavSectionHeadingLevel;
+        default: string;
+    };
+    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;
+    as: NavSectionHeadingLevel;
+    count: number;
+    collapsible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=NavSection.d.ts.map

package/dist/NavSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavSection.d.ts","sourceRoot":"","sources":["../src/NavSection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,KAAK,EAAE,MAAM,KAAK,CAAC;AAMjE;;6BAE6B;AAC7B,MAAM,MAAM,sBAAsB,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,eAAe,GAAG;IAC5B,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;qEACiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0EAA0E;IAC1E,EAAE,CAAC,EAAE,sBAAsB,CAAC;IAC5B,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;cAOG,MAAM,sBAAsB;;;;cAEnB,MAAM,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;cAFtC,MAAM,sBAAsB;;;;cAEnB,MAAM,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;;;;;;;;;;;;qBAAhB,OAAO,KAAK,IAAI;;;;4EAyG9D,CAAC"}

package/dist/NavSection.js

@@ -0,0 +1,104 @@
+import { defineComponent, h, ref, watch } from "vue";
+import { classNames } from "./classNames.js";
+import { Badge } from "./Badge.js";
+import { Collapsible } from "./Collapsible.js";
+import { Overline } from "./Overline.js";
+let navSectionCounter = 0;
+/**
+ * NavSection — EN-TÊTE DE GROUPE d'un rail / drawer (« COMMUNITIES »,
+ * « SIGNAUX », « Pastilles », « Zonage / Potentiel », « DOCUMENTATION »).
+ * Donne la hiérarchie typographique qui manque à une liste plate + un foyer
+ * normé pour l'action locale. ZÉRO-ENTROPIE : on RÉUTILISE les primitives déjà
+ * livrées —
+ *   • Overline  → le libellé small-caps muet (rendu en h2/h3 pour la sémantique
+ *     de titre quand la section n'est PAS repliable) ;
+ *   • Badge shape="circle" → le compteur de section en queue d'en-tête ;
+ *   • Collapsible → le disclosure (trigger aria-expanded + région
+ *     aria-labelledby) quand `collapsible`.
+ * On ne réimplémente NI disclosure NI libellé. Style token-only scopé, aucun hex.
+ *
+ * Slots : `default` (contenu de la section, rendu dans la région) ; `action`
+ * (emplacement normé d'une action de section, aligné à droite de l'en-tête,
+ * NON rendu quand `collapsible`).
+ */
+export const NavSection = defineComponent({
+    name: "NavSection",
+    props: {
+        label: { type: String, required: true },
+        count: { type: Number, default: undefined },
+        collapsible: { type: Boolean, default: false },
+        open: { type: Boolean, default: true },
+        as: { type: String, default: "h3" },
+        onToggle: {
+            type: Function,
+            default: undefined,
+        },
+        class: { type: String, default: undefined },
+    },
+    emits: ["toggle"],
+    setup(props, { slots, attrs, emit }) {
+        const uid = `st-navSection-${(navSectionCounter += 1)}`;
+        // `open` est une valeur INITIALE (mirroir de `bind:open` svelte) : la section
+        // gère son propre état d'ouverture et le re-synchronise si le prop change.
+        const internalOpen = ref(props.open);
+        watch(() => props.open, (next) => {
+            internalOpen.value = next;
+        });
+        return () => {
+            const hasCount = typeof props.count === "number";
+            const rootClasses = classNames("st-navSection", props.collapsible ? "st-navSection--collapsible" : "st-navSection--static", props.class);
+            const countBadge = (className) => h(Badge, {
+                shape: "circle",
+                size: "sm",
+                class: className,
+                "aria-label": `${props.count} éléments`,
+            }, { default: () => props.count });
+            if (props.collapsible) {
+                // Repliable : l'en-tête EST le trigger du Collapsible. Le compteur passe
+                // par son slot `trailing` (entre le titre et le chevron) ; on annonce le
+                // tout aux lecteurs d'écran via aria-label. L'action de section n'a pas
+                // sa place dans un trigger (un bouton dans un bouton).
+                const collapsibleSlots = {
+                    default: () => slots.default?.(),
+                };
+                if (hasCount) {
+                    collapsibleSlots.trailing = () => countBadge();
+                }
+                return h(Collapsible, {
+                    ...attrs,
+                    open: internalOpen.value,
+                    title: props.label,
+                    "aria-label": hasCount ? `${props.label}, ${props.count}` : props.label,
+                    class: rootClasses,
+                    onToggle: (open) => {
+                        internalOpen.value = open;
+                        props.onToggle?.(open);
+                        emit("toggle", open);
+                    },
+                }, collapsibleSlots);
+            }
+            // Statique : groupe titré par l'Overline (h2/h3). Le contenu est relié au
+            // titre via aria-labelledby — la liste devient une vraie région titrée.
+            const overlineChildren = [props.label];
+            if (hasCount) {
+                overlineChildren.push(countBadge("st-navSection__count"));
+            }
+            const headerChildren = [
+                h(Overline, { as: props.as, id: `${uid}-label`, class: "st-navSection__label" }, { default: () => overlineChildren }),
+            ];
+            if (slots.action) {
+                headerChildren.push(h("span", { class: "st-navSection__action" }, slots.action()));
+            }
+            return h("section", {
+                ...attrs,
+                class: rootClasses,
+                role: "group",
+                "aria-labelledby": `${uid}-label`,
+            }, [
+                h("div", { class: "st-navSection__header" }, headerChildren),
+                h("div", { class: "st-navSection__body" }, slots.default?.()),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=NavSection.js.map

package/dist/NavSection.js.map

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

package/dist/Overline.d.ts

@@ -0,0 +1,40 @@
+/** Balise rendue. `span`/`div` = inline/bloc neutre ; `h2`/`h3` quand l'overline
+ * sert d'en-tête de région (sémantique de titre). */
+export type OverlineAs = "span" | "div" | "h2" | "h3";
+export type OverlineProps = {
+    /** Balise : `span` (défaut) inline, `div` bloc, `h2`/`h3` pour un en-tête de région. */
+    as?: OverlineAs;
+    class?: string;
+};
+/**
+ * Overline — étiquette de section discrète en small-caps (les « DOCUMENTATION »,
+ * « COMMUNITIES », « SIGNAUX », « DOCUMENTS SOURCES » des maquettes). Rôle :
+ * libellé de groupe de niveau 0, muted, au-dessus d'un bloc. Style token-only :
+ * chaque token --st-component-overline-* retombe sur un littéral, de sorte qu'un
+ * thème qui n'émet rien rend à l'identique. AUCUN hex en dur.
+ */
+export declare const Overline: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: () => OverlineAs;
+        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<{
+    as: {
+        type: () => OverlineAs;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    as: OverlineAs;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Overline.d.ts.map

package/dist/Overline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overline.d.ts","sourceRoot":"","sources":["../src/Overline.ts"],"names":[],"mappings":"AAGA;qDACqD;AACrD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG;IAC1B,wFAAwF;IACxF,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ;;cAGK,MAAM,UAAU;;;;;;;;;;;cAAhB,MAAM,UAAU;;;;;;;;;;4EAWxC,CAAC"}

package/dist/Overline.js

@@ -0,0 +1,20 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+/**
+ * Overline — étiquette de section discrète en small-caps (les « DOCUMENTATION »,
+ * « COMMUNITIES », « SIGNAUX », « DOCUMENTS SOURCES » des maquettes). Rôle :
+ * libellé de groupe de niveau 0, muted, au-dessus d'un bloc. Style token-only :
+ * chaque token --st-component-overline-* retombe sur un littéral, de sorte qu'un
+ * thème qui n'émet rien rend à l'identique. AUCUN hex en dur.
+ */
+export const Overline = defineComponent({
+    name: "Overline",
+    props: {
+        as: { type: String, default: "span" },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots, attrs }) {
+        return () => h(props.as ?? "span", { ...attrs, class: classNames("st-overline", props.class) }, slots.default?.());
+    },
+});
+//# sourceMappingURL=Overline.js.map

package/dist/Overline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overline.js","sourceRoot":"","sources":["../src/Overline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAY7C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE;QACL,EAAE,EAAE,EAAE,IAAI,EAAE,MAA0B,EAAE,OAAO,EAAE,MAAM,EAAE;QACzD,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,KAAK,CAAC,EAAE,IAAI,MAAM,EAClB,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAC3D,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/Search.d.ts

@@ -8,6 +8,8 @@ export type SearchProps = {
     placeholder?: string;
     clearLabel?: string;
     disabled?: boolean;
+    /** Lift the field max-width cap so it fills a narrow drawer/rail (width 100%). */
+    fluid?: boolean;
     id?: string;
     class?: string;
 };
@@ -40,6 +42,10 @@ export declare const Search: import("vue").DefineComponent<import("vue").Extract
         type: BooleanConstructor;
         default: boolean;
     };
+    fluid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     id: {
         type: StringConstructor;
         default: undefined;
@@ -79,6 +85,10 @@ export declare const Search: import("vue").DefineComponent<import("vue").Extract
         type: BooleanConstructor;
         default: boolean;
     };
+    fluid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     id: {
         type: StringConstructor;
         default: undefined;
@@ -102,5 +112,6 @@ export declare const Search: import("vue").DefineComponent<import("vue").Extract
     placeholder: string;
     modelValue: string;
     clearLabel: string;
+    fluid: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=Search.d.ts.map

package/dist/Search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../src/Search.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,eAAO,MAAM,MAAM;;cAG+B,MAAM,OAAO;;;;cACnC,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cADM,MAAM,OAAO;;;;cACnC,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA8E1C,CAAC"}
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../src/Search.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kFAAkF;IAClF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,eAAO,MAAM,MAAM;;cAG+B,MAAM,OAAO;;;;cACnC,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cADM,MAAM,OAAO;;;;cACnC,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAgF1C,CAAC"}