@sixthshift/design-system 0.2.1 → 0.3.0

package/dist/components/Calendar/Calendar.js

@@ -1,242 +1,97 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { cn } from "@sixthshift/design-system/utils";
-import { ChevronLeft, ChevronRight } from "lucide-react";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { addDays, addMonths, endOfWeek, formatMonthYear, isPlainDate, isSameMonth, parseDate, startOfMonth, startOfWeek, today, } from "../../date-time/index.js";
-import { Button } from "../Button/index.js";
-import { Separator } from "../Separator/index.js";
-import { defaultFormatDisplay, getDateSelectionState, isBeforeTemporal, isDateDisabled, isSameDateTemporal, temporalToISO, useCalendarDays, } from "./calendar.hooks.js";
-const DAY_LABELS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-function getDayLabels(weekStartsOn) {
-    return [...DAY_LABELS.slice(weekStartsOn), ...DAY_LABELS.slice(0, weekStartsOn)];
-}
-function getRangePositionClasses(rangePosition, isSelected) {
-    if (!isSelected)
-        return "";
-    switch (rangePosition) {
-        case "start":
-            return "rounded-l-full rounded-r-none bg-bg-brand text-fg-on-brand";
-        case "end":
-            return "rounded-r-full rounded-l-none bg-bg-brand text-fg-on-brand";
-        case "middle":
-            return "rounded-none bg-bg-brand-subtle text-fg-normal";
-        case "single":
-            return "bg-bg-brand text-fg-on-brand";
-        default:
-            return "";
-    }
-}
-export const Calendar = (props) => {
-    const { mode, month, onMonthChange, minDate, maxDate, disabled, weekStartsOn = 0, showFooter = false, showToday = true, onApply, onCancel, className, } = props;
-    // Get mode-specific props
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Calendar — the public, ISO-string-typed calendar.
+ *
+ * A thin adapter over {@link CalendarView}: it parses incoming ISO strings and
+ * serialises outgoing selections. All the behaviour lives in CalendarView.
+ *
+ * Every conversion is memoised on the string it came from, and every handler is
+ * stable. Temporal objects have no value identity — `PlainDate.from("2026-08-26")`
+ * is never `===` another PlainDate for the same day — and CalendarView keys
+ * `useMemo`/`useCallback` on these values directly, so converting unmemoised
+ * would invalidate the whole grid on every render.
+ *
+ * Props are read with `"key" in props` rather than destructured per mode,
+ * because every hook here has to run unconditionally.
+ */
+import * as React from "react";
+import { useCallback, useMemo } from "react";
+import { adaptDisabledDates, fromISODate, fromISODateOrUndefined, fromISODateRange, toISODate, toISODateOrUndefined, toISODateRange, } from "../../date-time/index.js";
+import { CalendarView } from "./CalendarView.js";
+export const Calendar = React.forwardRef((props, ref) => {
+    const { mode, month, onMonthChange, minDate, maxDate, disabled, weekStartsOn, showFooter, showToday, onApply, onCancel, className } = props;
     const value = "value" in props ? props.value : undefined;
     const onSelect = "onSelect" in props ? props.onSelect : undefined;
     const presets = "presets" in props ? props.presets : undefined;
     const max = mode === "multiple" && "max" in props ? props.max : undefined;
-    // Selection handler
-    const handleSelect = useCallback((temporalDate) => {
-        if (!onSelect)
-            return;
+    // ---------------------------------------------------------------------------
+    // Inbound: ISO strings -> Temporal, each keyed on the string it derives from.
+    // ---------------------------------------------------------------------------
+    const temporalMonth = useMemo(() => fromISODate(month), [month]);
+    const temporalMinDate = useMemo(() => fromISODateOrUndefined(minDate), [minDate]);
+    const temporalMaxDate = useMemo(() => fromISODateOrUndefined(maxDate), [maxDate]);
+    const temporalDisabled = useMemo(() => adaptDisabledDates(disabled), [disabled]);
+    const temporalValue = useMemo(() => {
+        if (mode === "single")
+            return fromISODateOrUndefined(value);
+        if (mode === "multiple")
+            return (value ?? []).map(fromISODate);
+        return fromISODateRange(value);
+    }, [mode, value]);
+    const temporalPresets = useMemo(() => {
+        if (!presets)
+            return undefined;
         if (mode === "single") {
-            const currentValue = value;
-            if (currentValue && isSameDateTemporal(temporalDate, currentValue)) {
-                onSelect(undefined);
-            }
-            else {
-                onSelect(temporalDate);
-            }
-            return;
+            return presets.map((preset) => ({ label: preset.label, value: fromISODate(preset.value) }));
         }
         if (mode === "multiple") {
-            const currentValue = value || [];
-            const existingIndex = currentValue.findIndex((d) => isSameDateTemporal(temporalDate, d));
-            if (existingIndex >= 0) {
-                onSelect(currentValue.filter((_, i) => i !== existingIndex));
-            }
-            else if (!max || currentValue.length < max) {
-                onSelect([...currentValue, temporalDate]);
-            }
-            return;
+            return presets.map((preset) => ({ label: preset.label, value: preset.value.map(fromISODate) }));
         }
-        // Range mode
-        const currentRange = value || {
-            from: undefined,
-            to: undefined,
-        };
-        if (!currentRange.from) {
-            onSelect({ from: temporalDate, to: undefined });
-            return;
-        }
-        if (!currentRange.to) {
-            if (isBeforeTemporal(temporalDate, currentRange.from)) {
-                onSelect({ from: temporalDate, to: currentRange.from });
-            }
-            else {
-                onSelect({ from: currentRange.from, to: temporalDate });
-            }
-            return;
-        }
-        onSelect({ from: temporalDate, to: undefined });
-    }, [mode, value, onSelect, max]);
-    // Today button
-    const handleToday = useCallback(() => {
+        return presets.map((preset) => ({
+            label: preset.label,
+            value: fromISODateRange(preset.value) ?? { from: undefined, to: undefined },
+        }));
+    }, [mode, presets]);
+    // ---------------------------------------------------------------------------
+    // Outbound: Temporal -> ISO strings.
+    // ---------------------------------------------------------------------------
+    const handleMonthChange = useCallback((next) => onMonthChange(toISODate(next)), [onMonthChange]);
+    const handleSelect = useCallback((next) => {
         if (!onSelect)
             return;
-        const todayDate = today();
         if (mode === "single") {
-            onSelect(todayDate);
-        }
-        else if (mode === "multiple") {
-            const current = value || [];
-            if (!current.some((d) => isSameDateTemporal(d, todayDate))) {
-                if (!max || current.length < max) {
-                    onSelect([...current, todayDate]);
-                }
-            }
-        }
-        onMonthChange(todayDate);
-    }, [mode, value, onSelect, max, onMonthChange]);
-    // Preset selection
-    const handlePresetClick = useCallback((preset) => {
-        if (!onSelect)
+            onSelect(toISODateOrUndefined(next));
             return;
-        if (mode === "single" && isPlainDate(preset.value)) {
-            onSelect(preset.value);
-        }
-        else if (mode === "range" && typeof preset.value === "object" && preset.value !== null && "from" in preset.value) {
-            onSelect(preset.value);
         }
-        else if (mode === "multiple" && Array.isArray(preset.value)) {
-            onSelect(preset.value);
+        if (mode === "multiple") {
+            onSelect((next ?? []).map(toISODate));
+            return;
         }
+        onSelect(toISODateRange(next));
     }, [mode, onSelect]);
-    // Calendar navigation
-    const handlePrevMonth = () => onMonthChange(addMonths(month, -1));
-    const handleNextMonth = () => onMonthChange(addMonths(month, 1));
-    const days = useCalendarDays(month, weekStartsOn);
-    const dayLabels = getDayLabels(weekStartsOn);
-    const handleDayClick = (date) => {
-        if (!isDateDisabled(date, disabled, minDate, maxDate)) {
-            handleSelect(date);
-        }
+    // One cast, at the single point where the two discriminated unions meet: the
+    // mode discriminant and its matching value/onSelect/presets have all been
+    // converted in step above, but TypeScript cannot follow that across the
+    // separate useMemo calls.
+    const viewProps = {
+        mode,
+        month: temporalMonth,
+        onMonthChange: handleMonthChange,
+        minDate: temporalMinDate,
+        maxDate: temporalMaxDate,
+        disabled: temporalDisabled,
+        weekStartsOn,
+        showFooter,
+        showToday,
+        onApply,
+        onCancel,
+        className,
+        max,
+        value: temporalValue,
+        onSelect: handleSelect,
+        presets: temporalPresets,
     };
-    // ---------------------------------------------------------------------------
-    // Roving focus
-    //
-    // A grid is a single tab stop: exactly one cell carries tabIndex={0} and the
-    // arrow keys move between cells. `focusedDate` is null until the user actually
-    // navigates, so we never steal focus on mount.
-    // ---------------------------------------------------------------------------
-    const [focusedDate, setFocusedDate] = useState(null);
-    const gridRef = useRef(null);
-    const firstSelected = useMemo(() => {
-        if (mode === "single")
-            return isPlainDate(value) ? value : undefined;
-        if (mode === "multiple")
-            return value?.[0];
-        return value?.from;
-    }, [mode, value]);
-    const activeDate = useMemo(() => {
-        const isUsable = (date) => isSameMonth(date, month) && !isDateDisabled(date, disabled, minDate, maxDate);
-        // Prefer where the user last was, then their selection, then today.
-        for (const candidate of [focusedDate, firstSelected, today()]) {
-            if (candidate && isUsable(candidate))
-                return candidate;
-        }
-        // Otherwise the first day of the month that can actually take focus, so the
-        // grid never ends up with zero tab stops.
-        const first = startOfMonth(month);
-        for (let i = 0; i < first.daysInMonth; i++) {
-            const candidate = addDays(first, i);
-            if (isUsable(candidate))
-                return candidate;
-        }
-        return first;
-    }, [focusedDate, firstSelected, month, disabled, minDate, maxDate]);
-    const moveFocus = useCallback((next) => {
-        setFocusedDate(next);
-        if (!isSameMonth(next, month))
-            onMonthChange(next);
-    }, [month, onMonthChange]);
-    const handleGridKeyDown = useCallback((event) => {
-        // Navigate from the cell that actually has focus, not from the derived
-        // tab stop — otherwise focusing a day without selecting it would make the
-        // arrow keys jump back to today.
-        const focusedIso = event.target?.closest?.("[data-date]")?.getAttribute("data-date");
-        const origin = focusedIso ? parseDate(focusedIso) : activeDate;
-        const dayStep = { ArrowLeft: -1, ArrowRight: 1, ArrowUp: -7, ArrowDown: 7 };
-        const step = dayStep[event.key];
-        if (step !== undefined) {
-            event.preventDefault();
-            moveFocus(addDays(origin, step));
-            return;
-        }
-        switch (event.key) {
-            case "Home":
-                event.preventDefault();
-                moveFocus(startOfWeek(origin, weekStartsOn));
-                break;
-            case "End":
-                event.preventDefault();
-                moveFocus(endOfWeek(origin, weekStartsOn));
-                break;
-            case "PageUp":
-                event.preventDefault();
-                moveFocus(addMonths(origin, -1));
-                break;
-            case "PageDown":
-                event.preventDefault();
-                moveFocus(addMonths(origin, 1));
-                break;
-            default:
-                break;
-        }
-    }, [activeDate, moveFocus, weekStartsOn]);
-    // Follow the roving tabIndex with real DOM focus, but only once the user has
-    // started navigating.
-    useEffect(() => {
-        if (!focusedDate)
-            return;
-        gridRef.current?.querySelector(`[data-date="${temporalToISO(focusedDate)}"]`)?.focus();
-    }, [focusedDate]);
-    // useCalendarDays always returns 42 days, so this is always 6 rows of 7.
-    const weeks = useMemo(() => {
-        const chunked = [];
-        for (let i = 0; i < days.length; i += 7)
-            chunked.push(days.slice(i, i + 7));
-        return chunked;
-    }, [days]);
-    // Check if a preset is currently active
-    const isPresetActive = useCallback((preset) => {
-        if (mode === "single" && isPlainDate(preset.value)) {
-            return isPlainDate(value) && isSameDateTemporal(value, preset.value);
-        }
-        if (mode === "range" && typeof preset.value === "object" && preset.value !== null && "from" in preset.value) {
-            const draft = value;
-            const presetVal = preset.value;
-            const fromMatch = (!draft?.from && !presetVal.from) || (draft?.from && presetVal.from && isSameDateTemporal(draft.from, presetVal.from));
-            const toMatch = (!draft?.to && !presetVal.to) || (draft?.to && presetVal.to && isSameDateTemporal(draft.to, presetVal.to));
-            return Boolean(fromMatch && toMatch);
-        }
-        if (mode === "multiple" && Array.isArray(preset.value)) {
-            const draft = value || [];
-            const presetVal = preset.value;
-            return draft.length === presetVal.length && draft.every((d) => presetVal.some((p) => isSameDateTemporal(d, p)));
-        }
-        return false;
-    }, [mode, value]);
-    return (_jsxs("div", { className: cn("flex", className), children: [presets && presets.length > 0 && (_jsx("div", { className: "mr-3 flex flex-col gap-1 border-border-normal border-r pr-3", children: presets.map((preset) => (_jsx("button", { type: "button", onClick: () => handlePresetClick(preset), className: cn(`rounded-md px-3 py-1.5 text-left text-sm transition-colors`, `hover:bg-bg-subtle focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-inset`, isPresetActive(preset) && "bg-bg-brand-subtle text-fg-brand"), children: preset.label }, preset.label))) })), _jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("button", { type: "button", onClick: handlePrevMonth, className: "rounded-lg p-2 text-fg-subtle hover:bg-bg-subtle hover:text-fg-normal focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring", "aria-label": "Previous month", children: _jsx(ChevronLeft, { className: "h-5 w-5" }) }), _jsx("span", { className: "font-semibold text-sm", children: formatMonthYear(month) }), _jsx("button", { type: "button", onClick: handleNextMonth, className: "rounded-lg p-2 text-fg-subtle hover:bg-bg-subtle hover:text-fg-normal focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring", "aria-label": "Next month", children: _jsx(ChevronRight, { className: "h-5 w-5" }) })] }), _jsxs("table", { ref: gridRef, role: "grid", "aria-label": formatMonthYear(month), className: "border-separate border-spacing-1", onKeyDown: handleGridKeyDown, children: [_jsx("thead", { children: _jsx("tr", { children: dayLabels.map((label) => (_jsx("th", { scope: "col", className: "h-10 w-10 font-medium text-fg-subtle text-sm", children: label }, label))) }) }), _jsx("tbody", { children: weeks.map((week) => (_jsx("tr", { children: week.map((day) => {
-                                        const isDisabledDay = isDateDisabled(day.date, disabled, minDate, maxDate);
-                                        const selectionState = getDateSelectionState(day.date, mode, value);
-                                        if (!day.isCurrentMonth) {
-                                            return _jsx("td", { className: "h-10 w-10" }, temporalToISO(day.date));
-                                        }
-                                        return (
-                                        // Biome resolves <td> to role "cell" because it does not track the
-                                        // ancestor role="grid", under which a <td> is a gridcell and
-                                        // aria-selected is valid. axe, which does track it, passes.
-                                        // biome-ignore lint/a11y/useAriaPropsSupportedByRole: <td> in a grid is a gridcell
-                                        _jsx("td", { "aria-selected": selectionState.isSelected, className: "p-0", children: _jsx("button", { type: "button", "data-date": temporalToISO(day.date), onClick: () => handleDayClick(day.date), disabled: isDisabledDay, tabIndex: isSameDateTemporal(day.date, activeDate) ? 0 : -1, className: cn(`flex h-10 w-10 cursor-pointer items-center justify-center rounded-full text-sm transition-colors`, `hover:bg-bg-brand-strong hover:text-fg-on-brand-strong focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-inset`, day.isToday && !selectionState.isSelected && "font-medium ring-1 ring-border-normal ring-inset", isDisabledDay && "cursor-not-allowed opacity-50", getRangePositionClasses(selectionState.rangePosition, selectionState.isSelected)), "aria-label": defaultFormatDisplay(day.date), children: day.date.day }) }, temporalToISO(day.date)));
-                                    }) }, temporalToISO(week[0].date)))) })] }), showFooter && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { children: showToday && mode !== "range" && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: handleToday, children: "Today" })) }), _jsxs("div", { className: "flex gap-2", children: [onCancel && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancel, children: "Cancel" })), onApply && (_jsx(Button, { type: "button", variant: "solid", size: "sm", onClick: onApply, children: "Apply" }))] })] })] }))] })] }));
-};
+    return _jsx(CalendarView, { ref: ref, ...viewProps });
+});
+Calendar.displayName = "Calendar";
 //# sourceMappingURL=Calendar.js.map

package/dist/components/Calendar/Calendar.js.map

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

package/dist/components/Calendar/CalendarView.d.ts

@@ -0,0 +1,15 @@
+/**
+ * CalendarView — the Temporal-typed calendar grid.
+ *
+ * Internal. Not reachable through the package's `exports` map: `./calendar`
+ * resolves to this directory's `index.ts`, which deliberately does not re-export
+ * it. Every picker composes this directly so that values cross the ISO boundary
+ * exactly once, at the picker's own edge, rather than being serialised and
+ * re-parsed on the way down to the grid.
+ *
+ * The public, ISO-typed `Calendar` is a thin wrapper in ./Calendar.tsx.
+ */
+import * as React from "react";
+import type { CalendarViewProps } from "./calendar.types.js";
+export declare const CalendarView: React.ForwardRefExoticComponent<CalendarViewProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=CalendarView.d.ts.map

package/dist/components/Calendar/CalendarView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarView.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,OAAO,KAAK,EAAE,iBAAiB,EAAoE,MAAM,kBAAkB,CAAC;AAyB5H,eAAO,MAAM,YAAY,0FA0XvB,CAAC"}

package/dist/components/Calendar/CalendarView.js

@@ -0,0 +1,255 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * CalendarView — the Temporal-typed calendar grid.
+ *
+ * Internal. Not reachable through the package's `exports` map: `./calendar`
+ * resolves to this directory's `index.ts`, which deliberately does not re-export
+ * it. Every picker composes this directly so that values cross the ISO boundary
+ * exactly once, at the picker's own edge, rather than being serialised and
+ * re-parsed on the way down to the grid.
+ *
+ * The public, ISO-typed `Calendar` is a thin wrapper in ./Calendar.tsx.
+ */
+import { cn } from "@sixthshift/design-system/utils";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import * as React from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { addDays, addMonths, endOfWeek, formatMonthYear, isPlainDate, isSameMonth, parseDate, startOfMonth, startOfWeek, today, } from "../../date-time/index.js";
+import { Button } from "../Button/index.js";
+import { Separator } from "../Separator/index.js";
+import { defaultFormatDisplay, getDateSelectionState, isBeforeTemporal, isDateDisabled, isSameDateTemporal, temporalToISO, useCalendarDays, } from "./calendar.hooks.js";
+const DAY_LABELS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+function getDayLabels(weekStartsOn) {
+    return [...DAY_LABELS.slice(weekStartsOn), ...DAY_LABELS.slice(0, weekStartsOn)];
+}
+function getRangePositionClasses(rangePosition, isSelected) {
+    if (!isSelected)
+        return "";
+    switch (rangePosition) {
+        case "start":
+            return "rounded-l-full rounded-r-none bg-bg-brand text-fg-on-brand";
+        case "end":
+            return "rounded-r-full rounded-l-none bg-bg-brand text-fg-on-brand";
+        case "middle":
+            return "rounded-none bg-bg-brand-subtle text-fg-normal";
+        case "single":
+            return "bg-bg-brand text-fg-on-brand";
+        default:
+            return "";
+    }
+}
+export const CalendarView = React.forwardRef((props, ref) => {
+    const { mode, month, onMonthChange, minDate, maxDate, disabled, weekStartsOn = 0, showFooter = false, showToday = true, onApply, onCancel, className, } = props;
+    // Get mode-specific props
+    const value = "value" in props ? props.value : undefined;
+    const onSelect = "onSelect" in props ? props.onSelect : undefined;
+    const presets = "presets" in props ? props.presets : undefined;
+    const max = mode === "multiple" && "max" in props ? props.max : undefined;
+    // Selection handler
+    const handleSelect = useCallback((temporalDate) => {
+        if (!onSelect)
+            return;
+        if (mode === "single") {
+            const currentValue = value;
+            if (currentValue && isSameDateTemporal(temporalDate, currentValue)) {
+                onSelect(undefined);
+            }
+            else {
+                onSelect(temporalDate);
+            }
+            return;
+        }
+        if (mode === "multiple") {
+            const currentValue = value || [];
+            const existingIndex = currentValue.findIndex((d) => isSameDateTemporal(temporalDate, d));
+            if (existingIndex >= 0) {
+                onSelect(currentValue.filter((_, i) => i !== existingIndex));
+            }
+            else if (!max || currentValue.length < max) {
+                onSelect([...currentValue, temporalDate]);
+            }
+            return;
+        }
+        // Range mode
+        const currentRange = value || {
+            from: undefined,
+            to: undefined,
+        };
+        if (!currentRange.from) {
+            onSelect({ from: temporalDate, to: undefined });
+            return;
+        }
+        if (!currentRange.to) {
+            if (isBeforeTemporal(temporalDate, currentRange.from)) {
+                onSelect({ from: temporalDate, to: currentRange.from });
+            }
+            else {
+                onSelect({ from: currentRange.from, to: temporalDate });
+            }
+            return;
+        }
+        onSelect({ from: temporalDate, to: undefined });
+    }, [mode, value, onSelect, max]);
+    // Today button
+    const handleToday = useCallback(() => {
+        if (!onSelect)
+            return;
+        const todayDate = today();
+        if (mode === "single") {
+            onSelect(todayDate);
+        }
+        else if (mode === "multiple") {
+            const current = value || [];
+            if (!current.some((d) => isSameDateTemporal(d, todayDate))) {
+                if (!max || current.length < max) {
+                    onSelect([...current, todayDate]);
+                }
+            }
+        }
+        onMonthChange(todayDate);
+    }, [mode, value, onSelect, max, onMonthChange]);
+    // Preset selection
+    const handlePresetClick = useCallback((preset) => {
+        if (!onSelect)
+            return;
+        if (mode === "single" && isPlainDate(preset.value)) {
+            onSelect(preset.value);
+        }
+        else if (mode === "range" && typeof preset.value === "object" && preset.value !== null && "from" in preset.value) {
+            onSelect(preset.value);
+        }
+        else if (mode === "multiple" && Array.isArray(preset.value)) {
+            onSelect(preset.value);
+        }
+    }, [mode, onSelect]);
+    // Calendar navigation
+    const handlePrevMonth = () => onMonthChange(addMonths(month, -1));
+    const handleNextMonth = () => onMonthChange(addMonths(month, 1));
+    const days = useCalendarDays(month, weekStartsOn);
+    const dayLabels = getDayLabels(weekStartsOn);
+    const handleDayClick = (date) => {
+        if (!isDateDisabled(date, disabled, minDate, maxDate)) {
+            handleSelect(date);
+        }
+    };
+    // ---------------------------------------------------------------------------
+    // Roving focus
+    //
+    // A grid is a single tab stop: exactly one cell carries tabIndex={0} and the
+    // arrow keys move between cells. `focusedDate` is null until the user actually
+    // navigates, so we never steal focus on mount.
+    // ---------------------------------------------------------------------------
+    const [focusedDate, setFocusedDate] = useState(null);
+    const gridRef = useRef(null);
+    const firstSelected = useMemo(() => {
+        if (mode === "single")
+            return isPlainDate(value) ? value : undefined;
+        if (mode === "multiple")
+            return value?.[0];
+        return value?.from;
+    }, [mode, value]);
+    const activeDate = useMemo(() => {
+        const isUsable = (date) => isSameMonth(date, month) && !isDateDisabled(date, disabled, minDate, maxDate);
+        // Prefer where the user last was, then their selection, then today.
+        for (const candidate of [focusedDate, firstSelected, today()]) {
+            if (candidate && isUsable(candidate))
+                return candidate;
+        }
+        // Otherwise the first day of the month that can actually take focus, so the
+        // grid never ends up with zero tab stops.
+        const first = startOfMonth(month);
+        for (let i = 0; i < first.daysInMonth; i++) {
+            const candidate = addDays(first, i);
+            if (isUsable(candidate))
+                return candidate;
+        }
+        return first;
+    }, [focusedDate, firstSelected, month, disabled, minDate, maxDate]);
+    const moveFocus = useCallback((next) => {
+        setFocusedDate(next);
+        if (!isSameMonth(next, month))
+            onMonthChange(next);
+    }, [month, onMonthChange]);
+    const handleGridKeyDown = useCallback((event) => {
+        // Navigate from the cell that actually has focus, not from the derived
+        // tab stop — otherwise focusing a day without selecting it would make the
+        // arrow keys jump back to today.
+        const focusedIso = event.target?.closest?.("[data-date]")?.getAttribute("data-date");
+        const origin = focusedIso ? parseDate(focusedIso) : activeDate;
+        const dayStep = { ArrowLeft: -1, ArrowRight: 1, ArrowUp: -7, ArrowDown: 7 };
+        const step = dayStep[event.key];
+        if (step !== undefined) {
+            event.preventDefault();
+            moveFocus(addDays(origin, step));
+            return;
+        }
+        switch (event.key) {
+            case "Home":
+                event.preventDefault();
+                moveFocus(startOfWeek(origin, weekStartsOn));
+                break;
+            case "End":
+                event.preventDefault();
+                moveFocus(endOfWeek(origin, weekStartsOn));
+                break;
+            case "PageUp":
+                event.preventDefault();
+                moveFocus(addMonths(origin, -1));
+                break;
+            case "PageDown":
+                event.preventDefault();
+                moveFocus(addMonths(origin, 1));
+                break;
+            default:
+                break;
+        }
+    }, [activeDate, moveFocus, weekStartsOn]);
+    // Follow the roving tabIndex with real DOM focus, but only once the user has
+    // started navigating.
+    useEffect(() => {
+        if (!focusedDate)
+            return;
+        gridRef.current?.querySelector(`[data-date="${temporalToISO(focusedDate)}"]`)?.focus();
+    }, [focusedDate]);
+    // useCalendarDays always returns 42 days, so this is always 6 rows of 7.
+    const weeks = useMemo(() => {
+        const chunked = [];
+        for (let i = 0; i < days.length; i += 7)
+            chunked.push(days.slice(i, i + 7));
+        return chunked;
+    }, [days]);
+    // Check if a preset is currently active
+    const isPresetActive = useCallback((preset) => {
+        if (mode === "single" && isPlainDate(preset.value)) {
+            return isPlainDate(value) && isSameDateTemporal(value, preset.value);
+        }
+        if (mode === "range" && typeof preset.value === "object" && preset.value !== null && "from" in preset.value) {
+            const draft = value;
+            const presetVal = preset.value;
+            const fromMatch = (!draft?.from && !presetVal.from) || (draft?.from && presetVal.from && isSameDateTemporal(draft.from, presetVal.from));
+            const toMatch = (!draft?.to && !presetVal.to) || (draft?.to && presetVal.to && isSameDateTemporal(draft.to, presetVal.to));
+            return Boolean(fromMatch && toMatch);
+        }
+        if (mode === "multiple" && Array.isArray(preset.value)) {
+            const draft = value || [];
+            const presetVal = preset.value;
+            return draft.length === presetVal.length && draft.every((d) => presetVal.some((p) => isSameDateTemporal(d, p)));
+        }
+        return false;
+    }, [mode, value]);
+    return (_jsxs("div", { ref: ref, className: cn("flex", className), children: [presets && presets.length > 0 && (_jsx("div", { className: "mr-3 flex flex-col gap-1 border-border-normal border-r pr-3", children: presets.map((preset) => (_jsx("button", { type: "button", onClick: () => handlePresetClick(preset), className: cn(`rounded-md px-3 py-1.5 text-left text-sm transition-colors`, `hover:bg-bg-subtle focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-inset`, isPresetActive(preset) && "bg-bg-brand-subtle text-fg-brand"), children: preset.label }, preset.label))) })), _jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("button", { type: "button", onClick: handlePrevMonth, className: "rounded-lg p-2 text-fg-subtle hover:bg-bg-subtle hover:text-fg-normal focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring", "aria-label": "Previous month", children: _jsx(ChevronLeft, { className: "h-5 w-5" }) }), _jsx("span", { className: "font-semibold text-sm", children: formatMonthYear(month) }), _jsx("button", { type: "button", onClick: handleNextMonth, className: "rounded-lg p-2 text-fg-subtle hover:bg-bg-subtle hover:text-fg-normal focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring", "aria-label": "Next month", children: _jsx(ChevronRight, { className: "h-5 w-5" }) })] }), _jsxs("table", { ref: gridRef, role: "grid", "aria-label": formatMonthYear(month), className: "border-separate border-spacing-1", onKeyDown: handleGridKeyDown, children: [_jsx("thead", { children: _jsx("tr", { children: dayLabels.map((label) => (_jsx("th", { scope: "col", className: "h-10 w-10 font-medium text-fg-subtle text-sm", children: label }, label))) }) }), _jsx("tbody", { children: weeks.map((week) => (_jsx("tr", { children: week.map((day) => {
+                                        const isDisabledDay = isDateDisabled(day.date, disabled, minDate, maxDate);
+                                        const selectionState = getDateSelectionState(day.date, mode, value);
+                                        if (!day.isCurrentMonth) {
+                                            return _jsx("td", { className: "h-10 w-10" }, temporalToISO(day.date));
+                                        }
+                                        return (
+                                        // Biome resolves <td> to role "cell" because it does not track the
+                                        // ancestor role="grid", under which a <td> is a gridcell and
+                                        // aria-selected is valid. axe, which does track it, passes.
+                                        // biome-ignore lint/a11y/useAriaPropsSupportedByRole: <td> in a grid is a gridcell
+                                        _jsx("td", { "aria-selected": selectionState.isSelected, className: "p-0", children: _jsx("button", { type: "button", "data-date": temporalToISO(day.date), onClick: () => handleDayClick(day.date), disabled: isDisabledDay, tabIndex: isSameDateTemporal(day.date, activeDate) ? 0 : -1, className: cn(`flex h-10 w-10 cursor-pointer items-center justify-center rounded-full text-sm transition-colors`, `hover:bg-bg-brand-strong hover:text-fg-on-brand-strong focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-inset`, day.isToday && !selectionState.isSelected && "font-medium ring-1 ring-border-normal ring-inset", isDisabledDay && "cursor-not-allowed opacity-50", getRangePositionClasses(selectionState.rangePosition, selectionState.isSelected)), "aria-label": defaultFormatDisplay(day.date), children: day.date.day }) }, temporalToISO(day.date)));
+                                    }) }, temporalToISO(week[0].date)))) })] }), showFooter && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { children: showToday && mode !== "range" && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: handleToday, children: "Today" })) }), _jsxs("div", { className: "flex gap-2", children: [onCancel && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancel, children: "Cancel" })), onApply && (_jsx(Button, { type: "button", variant: "solid", size: "sm", onClick: onApply, children: "Apply" }))] })] })] }))] })] }));
+});
+CalendarView.displayName = "CalendarView";
+//# sourceMappingURL=CalendarView.js.map