@sentropic/design-system-vue 0.36.44 → 0.36.46

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,
+                    href: props.href,
+                    disabled: props.disabled,
+                    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/NavRail.d.ts

@@ -0,0 +1,61 @@
+import { type PropType } from "vue";
+export interface NavRailItem {
+    id: string;
+    label: unknown;
+    href?: string;
+    active?: boolean;
+    disabled?: boolean;
+    badge?: unknown;
+    icon?: unknown;
+}
+export type NavRailProps = {
+    items?: NavRailItem[];
+    label?: string;
+    activeItemId?: string;
+    class?: string;
+};
+export declare const NavRail: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<NavRailItem[]>;
+        default: () => never[];
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    activeItemId: {
+        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, "itemSelect"[], "itemSelect", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<NavRailItem[]>;
+        default: () => never[];
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    activeItemId: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onItemSelect?: ((...args: any[]) => any) | undefined;
+}>, {
+    items: NavRailItem[];
+    class: string;
+    label: string;
+    activeItemId: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=NavRail.d.ts.map

package/dist/NavRail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavRail.d.ts","sourceRoot":"","sources":["../src/NavRail.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAGxD,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,OAAO;;cAGQ,QAAQ,CAAC,WAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;cAAvB,QAAQ,CAAC,WAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;4EAoBjD,CAAC"}

package/dist/NavRail.js

@@ -0,0 +1,27 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const NavRail = defineComponent({
+    name: "NavRail",
+    props: {
+        items: { type: Array, default: () => [] },
+        label: { type: String, default: "Primary navigation" },
+        activeItemId: { type: String, default: undefined },
+        class: { type: String, default: undefined },
+    },
+    emits: ["itemSelect"],
+    setup(props, { slots, emit, attrs }) {
+        return () => h("nav", { ...attrs, class: classNames("st-navRail", props.class), "aria-label": props.label }, [
+            h("div", { class: "st-navRail__items" }, [
+                ...props.items.map((item) => {
+                    const active = item.active === true || item.id === props.activeItemId;
+                    const content = [item.icon ? h("span", { class: "st-navRail__icon" }, String(item.icon)) : null, h("span", { class: "st-navRail__label" }, item.label), item.badge != null ? h("span", { class: "st-navRail__badge" }, String(item.badge)) : null];
+                    const common = { key: item.id, class: classNames("st-navRail__item", active && "st-navRail__item--active"), "aria-current": active ? "page" : undefined, onClick: () => !item.disabled && emit("itemSelect", item.id) };
+                    return item.href && !item.disabled ? h("a", { ...common, href: item.href }, content) : h("button", { ...common, type: "button", disabled: item.disabled }, content);
+                }),
+                slots.default?.(),
+            ]),
+            slots.footer ? h("footer", { class: "st-navRail__footer" }, slots.footer()) : null,
+        ]);
+    },
+});
+//# sourceMappingURL=NavRail.js.map

package/dist/NavRail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavRail.js","sourceRoot":"","sources":["../src/NavRail.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":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAc,MAAM,KAAK,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAwBzC,IAAI,iBAAiB,GAAG,CAAC,CAAC;AAE1B;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;QACvC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,WAAW,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC9C,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;QACtC,EAAE,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,IAAI,EAAE;QACnE,QAAQ,EAAE;YACR,IAAI,EAAE,QAAoD;YAC1D,OAAO,EAAE,SAAS;SACnB;QACD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,EAAE,CAAC,QAAQ,CAAC;IACjB,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE;QACjC,MAAM,GAAG,GAAG,iBAAiB,CAAC,iBAAiB,IAAI,CAAC,CAAC,EAAE,CAAC;QAExD,8EAA8E;QAC9E,2EAA2E;QAC3E,MAAM,YAAY,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACrC,KAAK,CACH,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAChB,CAAC,IAAI,EAAE,EAAE;YACP,YAAY,CAAC,KAAK,GAAG,IAAI,CAAC;QAC5B,CAAC,CACF,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,MAAM,QAAQ,GAAG,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC;YAEjD,MAAM,WAAW,GAAG,UAAU,CAC5B,eAAe,EACf,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,uBAAuB,EAC1E,KAAK,CAAC,KAAK,CACZ,CAAC;YAEF,MAAM,UAAU,GAAG,CAAC,SAAkB,EAAE,EAAE,CACxC,CAAC,CACC,KAAK,EACL;gBACE,KAAK,EAAE,QAAQ;gBACf,IAAI,EAAE,IAAI;gBACV,KAAK,EAAE,SAAS;gBAChB,YAAY,EAAE,GAAG,KAAK,CAAC,KAAK,WAAW;aACxC,EACD,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,CAC/B,CAAC;YAEJ,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;gBACtB,yEAAyE;gBACzE,yEAAyE;gBACzE,wEAAwE;gBACxE,uDAAuD;gBACvD,MAAM,gBAAgB,GAAkC;oBACtD,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE;iBACjC,CAAC;gBACF,IAAI,QAAQ,EAAE,CAAC;oBACb,gBAAgB,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC;gBACjD,CAAC;gBAED,OAAO,CAAC,CACN,WAAW,EACX;oBACE,GAAG,KAAK;oBACR,IAAI,EAAE,YAAY,CAAC,KAAK;oBACxB,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;oBACvE,KAAK,EAAE,WAAW;oBAClB,QAAQ,EAAE,CAAC,IAAa,EAAE,EAAE;wBAC1B,YAAY,CAAC,KAAK,GAAG,IAAI,CAAC;wBAC1B,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;wBACvB,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;oBACvB,CAAC;iBACF,EACD,gBAAgB,CACjB,CAAC;YACJ,CAAC;YAED,0EAA0E;YAC1E,wEAAwE;YACxE,MAAM,gBAAgB,GAAuB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC3D,IAAI,QAAQ,EAAE,CAAC;gBACb,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC,CAAC;YAC5D,CAAC;YAED,MAAM,cAAc,GAAY;gBAC9B,CAAC,CACC,QAAQ,EACR,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,GAAG,QAAQ,EAAE,KAAK,EAAE,sBAAsB,EAAE,EACnE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,CACpC;aACF,CAAC;YACF,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;gBACjB,cAAc,CAAC,IAAI,CACjB,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAC9D,CAAC;YACJ,CAAC;YAED,OAAO,CAAC,CACN,SAAS,EACT;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,WAAW;gBAClB,IAAI,EAAE,OAAO;gBACb,iBAAiB,EAAE,GAAG,GAAG,QAAQ;aAClC,EACD;gBACE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,cAAc,CAAC;gBAC5D,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;aAC9D,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/NavShell.d.ts

@@ -0,0 +1,105 @@
+import { type PropType } from "vue";
+export type NavShellVariant = "rail" | "drawer";
+export type NavShellSide = "left" | "right" | "bottom";
+export type NavShellProps = {
+    variant?: NavShellVariant;
+    title?: string;
+    subtitle?: string;
+    back?: boolean;
+    backLabel?: string;
+    label?: string;
+    open?: boolean;
+    side?: NavShellSide;
+    class?: string;
+};
+export declare const NavShell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    variant: {
+        type: PropType<NavShellVariant>;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    subtitle: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    back: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    backLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    side: {
+        type: PropType<NavShellSide>;
+        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, ("close" | "back")[], "close" | "back", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: PropType<NavShellVariant>;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    subtitle: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    back: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    backLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    side: {
+        type: PropType<NavShellSide>;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    onBack?: ((...args: any[]) => any) | undefined;
+}>, {
+    open: boolean;
+    class: string;
+    label: string;
+    title: string;
+    variant: NavShellVariant;
+    subtitle: string;
+    back: boolean;
+    backLabel: string;
+    side: NavShellSide;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=NavShell.d.ts.map

package/dist/NavShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavShell.d.ts","sourceRoot":"","sources":["../src/NavShell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAIxD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,QAAQ;;cAGU,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAO5B,QAAQ,CAAC,YAAY,CAAC;;;;;;;;;;;cAPnB,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAO5B,QAAQ,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;4EAmBhD,CAAC"}

package/dist/NavShell.js

@@ -0,0 +1,34 @@
+import { defineComponent, h } from "vue";
+import { Drawer } from "./Drawer.js";
+import { classNames } from "./classNames.js";
+export const NavShell = defineComponent({
+    name: "NavShell",
+    props: {
+        variant: { type: String, default: "rail" },
+        title: { type: String, default: undefined },
+        subtitle: { type: String, default: undefined },
+        back: { type: Boolean, default: false },
+        backLabel: { type: String, default: "Back" },
+        label: { type: String, default: undefined },
+        open: { type: Boolean, default: false },
+        side: { type: String, default: "left" },
+        class: { type: String, default: undefined },
+    },
+    emits: ["back", "close"],
+    setup(props, { slots, emit, attrs }) {
+        const content = () => [
+            props.back || props.title || props.subtitle
+                ? h("header", { class: "st-navShell__header" }, [
+                    props.back ? h("button", { type: "button", class: "st-navShell__back", "aria-label": props.backLabel, onClick: () => emit("back") }, "←") : null,
+                    props.title || props.subtitle ? h("div", { class: "st-navShell__heading" }, [props.title ? h("p", { class: "st-navShell__title" }, props.title) : null, props.subtitle ? h("p", { class: "st-navShell__subtitle" }, props.subtitle) : null]) : null,
+                ])
+                : null,
+            slots.search ? h("div", { class: "st-navShell__search" }, slots.search()) : null,
+            h("div", { class: "st-navShell__body" }, slots.default?.()),
+        ];
+        return () => props.variant === "drawer"
+            ? h(Drawer, { open: props.open, title: props.title ?? props.label ?? "Navigation", placement: props.side, class: classNames("st-navShell st-navShell--drawer", props.class), onClose: () => emit("close") }, { default: content, footer: slots.footer })
+            : h("aside", { ...attrs, class: classNames("st-navShell st-navShell--rail", props.class), "aria-label": props.label ?? props.title }, [...content(), slots.footer ? h("footer", { class: "st-navShell__footer" }, slots.footer()) : null]);
+    },
+});
+//# sourceMappingURL=NavShell.js.map

package/dist/NavShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavShell.js","sourceRoot":"","sources":["../src/NavShell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAiB,MAAM,KAAK,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAiB7C,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE;QACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAmC,EAAE,OAAO,EAAE,MAAM,EAAE;QACvE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC9C,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QACvC,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE;QAC5C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QACvC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAgC,EAAE,OAAO,EAAE,MAAM,EAAE;QACjE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;QACjC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC;YACpB,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ;gBACzC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE;oBAC5C,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI;oBAChJ,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;iBACpP,CAAC;gBACJ,CAAC,CAAC,IAAI;YACR,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI;YAChF,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;SAC5D,CAAC;QACF,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,QAAQ;YACrC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,IAAI,YAAY,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,UAAU,CAAC,iCAAiC,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;YACxP,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,+BAA+B,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,OAAO,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/O,CAAC;CACF,CAAC,CAAC"}

package/dist/SelectableRow.d.ts

@@ -42,6 +42,8 @@ export type SelectableRowProps = {
     disabled?: boolean;
     /** Stable value, surfaced as `data-value` and used by the list for `value`. */
     value?: string;
+    /** Native link target. When set on a standalone row, the row renders as an anchor. */
+    href?: string;
     /**
      * ARIA role for the standalone row. Defaults to "option" so a lone row still
      * reads as a selectable item. Inside a list the role is forced to "option".
@@ -81,6 +83,10 @@ export declare const SelectableRow: import("vue").DefineComponent<import("vue").
         type: StringConstructor;
         default: undefined;
     };
+    href: {
+        type: StringConstructor;
+        default: undefined;
+    };
     role: {
         type: StringConstructor;
         default: string;
@@ -114,6 +120,10 @@ export declare const SelectableRow: import("vue").DefineComponent<import("vue").
         type: StringConstructor;
         default: undefined;
     };
+    href: {
+        type: StringConstructor;
+        default: undefined;
+    };
     role: {
         type: StringConstructor;
         default: string;
@@ -133,6 +143,7 @@ export declare const SelectableRow: import("vue").DefineComponent<import("vue").
     onSelect: (selected: boolean) => void;
     disabled: boolean;
     role: string;
+    href: string;
     value: string;
     selected: boolean;
     accentBar: boolean;