@sentropic/design-system-vue 0.8.0 → 0.9.0

package/dist/Autosave.d.ts

@@ -0,0 +1,92 @@
+export type AutosaveStatus = "idle" | "saving" | "saved" | "error";
+export type AutosaveLabels = {
+    idle?: string;
+    saving?: string;
+    saved?: string;
+    error?: string;
+};
+export type AutosaveProps = {
+    status?: AutosaveStatus;
+    /** Horodatage de la dernière sauvegarde réussie. */
+    lastSaved?: string | Date;
+    /** Affiche un bouton « Réessayer » sur le statut `error`. */
+    onRetry?: () => void;
+    /** Surcharge des libellés par statut. */
+    labels?: AutosaveLabels;
+    /** Étiquette du bouton de relance. */
+    retryLabel?: string;
+    locale?: string;
+    class?: string;
+};
+export declare const Autosave: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    status: {
+        type: () => AutosaveStatus;
+        default: string;
+    };
+    lastSaved: {
+        type: () => string | Date;
+        default: undefined;
+    };
+    onRetry: {
+        type: () => () => void;
+        default: undefined;
+    };
+    labels: {
+        type: () => AutosaveLabels;
+        default: undefined;
+    };
+    retryLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    locale: {
+        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, "retry"[], "retry", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    status: {
+        type: () => AutosaveStatus;
+        default: string;
+    };
+    lastSaved: {
+        type: () => string | Date;
+        default: undefined;
+    };
+    onRetry: {
+        type: () => () => void;
+        default: undefined;
+    };
+    labels: {
+        type: () => AutosaveLabels;
+        default: undefined;
+    };
+    retryLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onRetry?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    status: AutosaveStatus;
+    lastSaved: string | Date;
+    onRetry: () => void;
+    labels: AutosaveLabels;
+    retryLabel: string;
+    locale: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Autosave.d.ts.map

package/dist/Autosave.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autosave.d.ts","sourceRoot":"","sources":["../src/Autosave.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAEnE,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yCAAyC;IACzC,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA+DF,eAAO,MAAM,QAAQ;;cAGS,MAAM,cAAc;;;;cACE,MAAM,MAAM,GAAG,IAAI;;;;cAC3B,MAAM,MAAM,IAAI;;;;cAC9B,MAAM,cAAc;;;;;;;;;;;;;;;;;;;cAHpB,MAAM,cAAc;;;;cACE,MAAM,MAAM,GAAG,IAAI;;;;cAC3B,MAAM,MAAM,IAAI;;;;cAC9B,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;mBADM,IAAI;;;;4EA4F1D,CAAC"}

package/dist/Autosave.js

@@ -0,0 +1,137 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+function LoaderCircleIcon(size) {
+    return h("svg", {
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": 2,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "aria-hidden": "true",
+    }, [h("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })]);
+}
+function CircleCheckIcon(size) {
+    return h("svg", {
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": 2,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "aria-hidden": "true",
+    }, [
+        h("circle", { cx: "12", cy: "12", r: "10" }),
+        h("path", { d: "m9 12 2 2 4-4" }),
+    ]);
+}
+function CircleAlertIcon(size) {
+    return h("svg", {
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": 2,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "aria-hidden": "true",
+    }, [
+        h("circle", { cx: "12", cy: "12", r: "10" }),
+        h("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
+        h("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" }),
+    ]);
+}
+export const Autosave = defineComponent({
+    name: "Autosave",
+    props: {
+        status: { type: String, default: "idle" },
+        lastSaved: { type: [String, Date], default: undefined },
+        onRetry: { type: Function, default: undefined },
+        labels: { type: Object, default: undefined },
+        retryLabel: { type: String, default: undefined },
+        locale: { type: String, default: "fr-FR" },
+        class: { type: String, default: undefined },
+    },
+    emits: ["retry"],
+    setup(props, { emit, attrs }) {
+        return () => {
+            const status = props.status;
+            const locale = props.locale;
+            const isFr = (locale ?? "fr-FR").toLowerCase().startsWith("fr");
+            const DEFAULT_LABELS = isFr
+                ? {
+                    idle: "Modifications enregistrées",
+                    saving: "Enregistrement…",
+                    saved: "Enregistré",
+                    error: "Échec de l'enregistrement",
+                }
+                : {
+                    idle: "All changes saved",
+                    saving: "Saving…",
+                    saved: "Saved",
+                    error: "Failed to save",
+                };
+            const resolvedRetryLabel = props.retryLabel ?? (isFr ? "Réessayer" : "Retry");
+            const statusLabel = props.labels?.[status] ?? DEFAULT_LABELS[status];
+            const role = status === "error" ? "alert" : "status";
+            // Heure relative de la dernière sauvegarde (rendu uniquement sur idle/saved).
+            const relativeTime = (() => {
+                if (!props.lastSaved)
+                    return "";
+                const date = props.lastSaved instanceof Date ? props.lastSaved : new Date(props.lastSaved);
+                if (Number.isNaN(date.getTime()))
+                    return "";
+                const diffMs = Date.now() - date.getTime();
+                const diffSec = Math.round(diffMs / 1000);
+                const rtf = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
+                if (Math.abs(diffSec) < 60)
+                    return rtf.format(-diffSec, "second");
+                const diffMin = Math.round(diffSec / 60);
+                if (Math.abs(diffMin) < 60)
+                    return rtf.format(-diffMin, "minute");
+                const diffHour = Math.round(diffMin / 60);
+                if (Math.abs(diffHour) < 24)
+                    return rtf.format(-diffHour, "hour");
+                const diffDay = Math.round(diffHour / 24);
+                return rtf.format(-diffDay, "day");
+            })();
+            const showRelative = (status === "saved" || status === "idle") && relativeTime !== "";
+            const icon = status === "saving"
+                ? h("span", { class: "st-autosave__spinner" }, [LoaderCircleIcon(16)])
+                : status === "saved"
+                    ? CircleCheckIcon(16)
+                    : status === "error"
+                        ? CircleAlertIcon(16)
+                        : null;
+            const triggerRetry = () => {
+                emit("retry");
+                props.onRetry?.();
+            };
+            return h("div", {
+                ...attrs,
+                class: classNames("st-autosave", `st-autosave--${status}`, props.class),
+                role,
+                "aria-live": "polite",
+            }, [
+                h("span", { class: "st-autosave__icon", "aria-hidden": "true" }, [icon]),
+                h("span", { class: "st-autosave__label" }, statusLabel),
+                showRelative
+                    ? h("span", { class: "st-autosave__time" }, relativeTime)
+                    : null,
+                status === "error" && props.onRetry
+                    ? h("button", {
+                        type: "button",
+                        class: "st-autosave__retry",
+                        onClick: triggerRetry,
+                    }, resolvedRetryLabel)
+                    : null,
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=Autosave.js.map

package/dist/Autosave.js.map

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

package/dist/Calendar.d.ts

@@ -0,0 +1,135 @@
+/**
+ * En mode simple : `string | null` ("YYYY-MM-DD").
+ * En mode plage (`range`) : tuple `[start, end]` où chaque borne est
+ * "YYYY-MM-DD" ou null.
+ */
+export type CalendarValue = string | null | [string | null, string | null];
+export type CalendarProps = {
+    /** Date sélectionnée ("YYYY-MM-DD") ou tuple [start,end] si `range`. */
+    value?: CalendarValue;
+    /** Appelé avec la nouvelle date (ou le tuple en mode plage). */
+    onChange?: (value: CalendarValue) => void;
+    /** Borne minimale "YYYY-MM-DD" (inclusive). */
+    min?: string;
+    /** Borne maximale "YYYY-MM-DD" (inclusive). */
+    max?: string;
+    /** Sélection d'une plage de deux dates. */
+    range?: boolean;
+    /** Premier jour de la semaine : 0 = dimanche, 1 = lundi. */
+    weekStartsOn?: 0 | 1;
+    locale?: string;
+    /** Mois affiché ("YYYY-MM"), contrôlable de l'extérieur. */
+    month?: string;
+    class?: string;
+    previousMonthLabel?: string;
+    nextMonthLabel?: string;
+};
+export declare const Calendar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: () => CalendarValue;
+        default: null;
+    };
+    onChange: {
+        type: () => (value: CalendarValue) => void;
+        default: undefined;
+    };
+    min: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    max: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    range: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    weekStartsOn: {
+        type: () => 0 | 1;
+        default: number;
+    };
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    month: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    previousMonthLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    nextMonthLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: () => CalendarValue;
+        default: null;
+    };
+    onChange: {
+        type: () => (value: CalendarValue) => void;
+        default: undefined;
+    };
+    min: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    max: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    range: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    weekStartsOn: {
+        type: () => 0 | 1;
+        default: number;
+    };
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    month: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    previousMonthLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    nextMonthLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    onChange: (value: CalendarValue) => void;
+    min: string;
+    max: string;
+    locale: string;
+    month: string;
+    range: boolean;
+    value: CalendarValue;
+    weekStartsOn: 0 | 1;
+    previousMonthLabel: string;
+    nextMonthLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../src/Calendar.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;AAI3E,MAAM,MAAM,aAAa,GAAG;IAC1B,wEAAwE;IACxE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,+CAA+C;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAoEF,eAAO,MAAM,QAAQ;;cAI6B,MAAM,aAAa;;;;cAIlC,MAAM,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI;;;;;;;;;;;;;;;;cAMnC,MAAM,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;cAVG,MAAM,aAAa;;;;cAIlC,MAAM,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI;;;;;;;;;;;;;;;;cAMnC,MAAM,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBANE,aAAa,KAAK,IAAI;;;;;;;;;;4EA0QrE,CAAC"}

package/dist/Calendar.js

@@ -0,0 +1,274 @@
+import { defineComponent, h, ref, watch } from "vue";
+import { classNames } from "./classNames.js";
+function calStartOfDay(date) {
+    const d = new Date(date);
+    d.setHours(0, 0, 0, 0);
+    return d;
+}
+function calToISO(date) {
+    const y = date.getFullYear();
+    const m = String(date.getMonth() + 1).padStart(2, "0");
+    const d = String(date.getDate()).padStart(2, "0");
+    return `${y}-${m}-${d}`;
+}
+function calParseISO(iso) {
+    if (!iso)
+        return null;
+    const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(iso);
+    if (!match)
+        return null;
+    const d = new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3]));
+    return Number.isNaN(d.getTime()) ? null : calStartOfDay(d);
+}
+function calIsSameDay(a, b) {
+    if (!a || !b)
+        return false;
+    return (a.getFullYear() === b.getFullYear() &&
+        a.getMonth() === b.getMonth() &&
+        a.getDate() === b.getDate());
+}
+function ChevronLeftIcon(size) {
+    return h("svg", {
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": 2,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "aria-hidden": "true",
+    }, [h("polyline", { points: "15 18 9 12 15 6" })]);
+}
+function ChevronRightIcon(size) {
+    return h("svg", {
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": 2,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "aria-hidden": "true",
+    }, [h("polyline", { points: "9 18 15 12 9 6" })]);
+}
+export const Calendar = defineComponent({
+    name: "Calendar",
+    props: {
+        value: {
+            type: [String, Array, Object],
+            default: null,
+        },
+        onChange: {
+            type: Function,
+            default: undefined,
+        },
+        min: { type: String, default: undefined },
+        max: { type: String, default: undefined },
+        range: { type: Boolean, default: false },
+        weekStartsOn: { type: Number, default: 1 },
+        locale: { type: String, default: "fr-FR" },
+        month: { type: String, default: undefined },
+        class: { type: String, default: undefined },
+        previousMonthLabel: { type: String, default: undefined },
+        nextMonthLabel: { type: String, default: undefined },
+    },
+    emits: ["change", "update:modelValue"],
+    setup(props, { emit, attrs }) {
+        const internal = ref(props.value ?? null);
+        const pickInitialMonth = () => {
+            const parsed = calParseISO(props.month ? `${props.month}-01` : undefined);
+            if (parsed)
+                return parsed;
+            const v = props.value ?? internal.value;
+            if (!props.range) {
+                const single = calParseISO(v);
+                if (single)
+                    return single;
+            }
+            else if (Array.isArray(v)) {
+                const start = calParseISO(v[0]);
+                if (start)
+                    return start;
+            }
+            return calStartOfDay(new Date());
+        };
+        const initial = pickInitialMonth();
+        const viewYear = ref(initial.getFullYear());
+        const viewMonth = ref(initial.getMonth());
+        // Resynchronise le mois affiché lorsque la prop `month` change.
+        watch(() => props.month, (m) => {
+            const parsed = calParseISO(m ? `${m}-01` : undefined);
+            if (parsed) {
+                viewYear.value = parsed.getFullYear();
+                viewMonth.value = parsed.getMonth();
+            }
+        });
+        const previousMonth = () => {
+            if (viewMonth.value === 0) {
+                viewMonth.value = 11;
+                viewYear.value -= 1;
+            }
+            else {
+                viewMonth.value -= 1;
+            }
+        };
+        const nextMonth = () => {
+            if (viewMonth.value === 11) {
+                viewMonth.value = 0;
+                viewYear.value += 1;
+            }
+            else {
+                viewMonth.value += 1;
+            }
+        };
+        return () => {
+            const activeValue = props.value ?? internal.value;
+            const locale = props.locale;
+            const isFr = (locale ?? "fr-FR").toLowerCase().startsWith("fr");
+            const resolvedPrevLabel = props.previousMonthLabel ?? (isFr ? "Mois précédent" : "Previous month");
+            const resolvedNextLabel = props.nextMonthLabel ?? (isFr ? "Mois suivant" : "Next month");
+            const monthFormatter = new Intl.DateTimeFormat(locale, {
+                month: "long",
+                year: "numeric",
+            });
+            const weekdayFormatter = new Intl.DateTimeFormat(locale, { weekday: "short" });
+            const cellFormatter = new Intl.DateTimeFormat(locale, {
+                day: "numeric",
+                month: "long",
+                year: "numeric",
+            });
+            const single = props.range ? null : calParseISO(activeValue);
+            const rangeStart = props.range && Array.isArray(activeValue) ? calParseISO(activeValue[0]) : null;
+            const rangeEnd = props.range && Array.isArray(activeValue) ? calParseISO(activeValue[1]) : null;
+            const today = calStartOfDay(new Date());
+            // 2024-01-07 est un dimanche : on énumère puis on tourne selon weekStartsOn.
+            const sample = new Date(Date.UTC(2024, 0, 7));
+            const rawLabels = [];
+            for (let i = 0; i < 7; i++) {
+                const d = new Date(sample);
+                d.setUTCDate(sample.getUTCDate() + i);
+                rawLabels.push(weekdayFormatter.format(d));
+            }
+            const weekdayLabels = [
+                ...rawLabels.slice(props.weekStartsOn),
+                ...rawLabels.slice(0, props.weekStartsOn),
+            ];
+            const first = new Date(viewYear.value, viewMonth.value, 1);
+            const firstDayIdx = first.getDay();
+            const offset = (firstDayIdx - props.weekStartsOn + 7) % 7;
+            const start = new Date(viewYear.value, viewMonth.value, 1 - offset);
+            const grid = [];
+            for (let i = 0; i < 42; i++) {
+                const d = new Date(start);
+                d.setDate(start.getDate() + i);
+                grid.push({ date: calStartOfDay(d), inMonth: d.getMonth() === viewMonth.value });
+            }
+            const minDate = calParseISO(props.min);
+            const maxDate = calParseISO(props.max);
+            const isOutOfBounds = (date) => {
+                const d = calStartOfDay(date).getTime();
+                if (minDate && d < minDate.getTime())
+                    return true;
+                if (maxDate && d > maxDate.getTime())
+                    return true;
+                return false;
+            };
+            const isSelected = (date) => {
+                if (!props.range)
+                    return calIsSameDay(single, date);
+                return calIsSameDay(rangeStart, date) || calIsSameDay(rangeEnd, date);
+            };
+            const isInRange = (date) => {
+                if (!props.range || !rangeStart || !rangeEnd)
+                    return false;
+                const d = calStartOfDay(date).getTime();
+                return d > rangeStart.getTime() && d < rangeEnd.getTime();
+            };
+            const commit = (next) => {
+                if (props.value === undefined)
+                    internal.value = next;
+                emit("update:modelValue", next);
+                emit("change", next);
+                props.onChange?.(next);
+            };
+            const pickDate = (date) => {
+                if (isOutOfBounds(date))
+                    return;
+                const picked = calStartOfDay(date);
+                const iso = calToISO(picked);
+                if (!props.range) {
+                    commit(iso);
+                    return;
+                }
+                // Mode plage : (re)démarrage si pas de début, ou si plage déjà complète,
+                // ou si la date est antérieure au début courant.
+                if (!rangeStart || (rangeStart && rangeEnd) || picked.getTime() < rangeStart.getTime()) {
+                    commit([iso, null]);
+                    return;
+                }
+                commit([calToISO(rangeStart), iso]);
+            };
+            const monthLabel = monthFormatter.format(new Date(viewYear.value, viewMonth.value, 1));
+            return h("div", { ...attrs, class: classNames("st-calendar", props.class) }, [
+                h("div", { class: "st-calendar__nav" }, [
+                    h("button", {
+                        type: "button",
+                        class: "st-calendar__navBtn",
+                        "aria-label": resolvedPrevLabel,
+                        onClick: previousMonth,
+                    }, [ChevronLeftIcon(18)]),
+                    h("span", { class: "st-calendar__monthLabel", "aria-live": "polite" }, monthLabel),
+                    h("button", {
+                        type: "button",
+                        class: "st-calendar__navBtn",
+                        "aria-label": resolvedNextLabel,
+                        onClick: nextMonth,
+                    }, [ChevronRightIcon(18)]),
+                ]),
+                h("div", {
+                    class: "st-calendar__grid",
+                    role: "grid",
+                    tabindex: -1,
+                    "aria-label": monthLabel,
+                    onKeydown: (event) => {
+                        if (event.key === "PageUp") {
+                            event.preventDefault();
+                            previousMonth();
+                        }
+                        else if (event.key === "PageDown") {
+                            event.preventDefault();
+                            nextMonth();
+                        }
+                    },
+                }, [
+                    h("div", { class: "st-calendar__weekdays", role: "row" }, weekdayLabels.map((wd, i) => h("span", {
+                        key: `${wd}-${i}`,
+                        class: "st-calendar__weekday",
+                        role: "columnheader",
+                    }, wd))),
+                    h("div", { class: "st-calendar__days" }, grid.map((cell, i) => {
+                        const oob = isOutOfBounds(cell.date);
+                        const selected = isSelected(cell.date);
+                        const inRange = isInRange(cell.date);
+                        const isToday = calIsSameDay(cell.date, today);
+                        return h("button", {
+                            key: i,
+                            type: "button",
+                            class: classNames("st-calendar__day", !cell.inMonth && "st-calendar__day--outside", selected && "st-calendar__day--selected", inRange && "st-calendar__day--inRange", isToday && "st-calendar__day--today"),
+                            role: "gridcell",
+                            "aria-label": cellFormatter.format(cell.date),
+                            "aria-selected": selected ? "true" : "false",
+                            "aria-current": isToday ? "date" : undefined,
+                            "aria-disabled": oob ? "true" : undefined,
+                            disabled: oob,
+                            onClick: () => pickDate(cell.date),
+                        }, String(cell.date.getDate()));
+                    })),
+                ]),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=Calendar.js.map