@oddkin/components 0.0.0-stage → 1.0.0-beta.1

package/dist/calendar/calendar.d.ts

@@ -0,0 +1,143 @@
+import { type ElementEvents } from '@oddkin/core/element';
+import { type Readable } from '@oddkin/core/reactive';
+import type { Scope } from '@oddkin/core/scope';
+import { OddkinFormControl, type FormControlOptions } from '../form-control/form-control.js';
+export declare const CALENDAR_STRINGS: {
+    previousMonth: string;
+    nextMonth: string;
+    today: string;
+    clear: string;
+};
+/** Dispatched when the user chooses or clears a date, as on a native date input. */
+export declare const calendarInputEvent: import("@oddkin/core/element").EventDefinition<void>;
+/** Dispatched with `input` for each date the user chooses or clears. */
+export declare const calendarChangeEvent: import("@oddkin/core/element").EventDefinition<void>;
+/** Decides whether the user may choose a date (`YYYY-MM-DD`): `true` disables it. */
+export type CalendarDateFilter = (date: string) => boolean;
+/** A `YYYY-MM-DD` date as a day number (days since 1970-01-01), or `undefined` when it is none. */
+export declare function dayOf(text: string): number | undefined;
+/** A day number as `YYYY-MM-DD`. */
+export declare function isoOf(day: number): string;
+/** One cell of the month grid. */
+export interface CalendarDay {
+    readonly day: number;
+    readonly iso: string;
+    /** In the month before or after the shown one. */
+    readonly outside: boolean;
+    readonly disabled: boolean;
+}
+declare const OddkinCalendar_base: import("@oddkin/core/element").WithProps<typeof OddkinFormControl, {
+    readonly label: import("@oddkin/core/element").PropDefinition<string>;
+    readonly defaultValue: import("@oddkin/core/element").PropDefinition<string>;
+    readonly min: import("@oddkin/core/element").PropDefinition<string>;
+    readonly max: import("@oddkin/core/element").PropDefinition<string>;
+    readonly required: import("@oddkin/core/element").PropDefinition<boolean>;
+    readonly readonly: import("@oddkin/core/element").PropDefinition<boolean>;
+    readonly firstDay: import("@oddkin/core/element").PropDefinition<number>;
+    readonly isDateDisabled: import("@oddkin/core/element").PropDefinition<CalendarDateFilter | undefined>;
+    readonly strings: import("@oddkin/core/element").PropDefinition<Partial<{
+        previousMonth: string;
+        nextMonth: string;
+        today: string;
+        clear: string;
+    }> | undefined>;
+}>;
+/**
+ * A month of dates to choose one from: the WAI-ARIA date grid, with the month and buttons to the
+ * months before and after above it, and Today and Clear below. The value is a `YYYY-MM-DD` date,
+ * submitted under `name` as a native date input submits it. Weeks start on the page language's
+ * first day (`first-day` sets it); names come from `Intl.DateTimeFormat`.
+ *
+ * @csspart field - The field: label, description, calendar, and error.
+ * @csspart label - The visible label.
+ * @csspart description - Help text, referenced by `aria-describedby`.
+ * @csspart calendar - The surface: month navigation, grid, and actions.
+ * @csspart header - The month navigation row.
+ * @csspart previous - The button to the month before.
+ * @csspart heading - The month and year shown.
+ * @csspart next - The button to the month after.
+ * @csspart grid - The date grid (`role="grid"`).
+ * @csspart weekday - A column header: the day of the week.
+ * @csspart day - A date cell (`role="gridcell"`).
+ * @csspart day-outside - A date in the month before or after.
+ * @csspart day-today - Today's date.
+ * @csspart day-selected - The chosen date.
+ * @csspart day-disabled - A date outside `min` and `max` or disabled by `isDateDisabled`.
+ * @csspart actions - The row of the Today and Clear buttons.
+ * @csspart today - Chooses today.
+ * @csspart clear - Clears the value.
+ * @csspart error - The error message, referenced by `aria-describedby`.
+ * @cssstate user-invalid - The calendar shows its error: `error` is set, or a required calendar has no date after focus left it or a validity check failed.
+ * @a11y A `group` named by the label holds the month buttons, a `grid` named by the month and year, and the Today and Clear buttons. Each date cell is named by the full date and marks the chosen date `aria-selected`, today `aria-current="date"`, and dates that cannot be chosen `aria-disabled`; a read-only grid is `aria-readonly`. The month and year are a polite live region, so the month buttons announce the new month.
+ * @keyboard The grid is one Tab stop. Left and Right move a day (swapped in right-to-left text), Up and Down a week; Home and End go to the first and last day of the week; Page Up and Page Down move a month, with Shift a year. Enter or Space chooses the date (not when read-only). Moving past `min` or `max` stops there.
+ * @previewRole calendar
+ * @useFor Choosing one date where the month view helps: a booking, a due date, a day in a schedule.
+ * @notFor A memorable date such as a birth date (use odd-input type="date" or separate fields); a date and time (use odd-input type="datetime-local"); a range of dates.
+ * @limitation Where the browser has no week information (`Intl.Locale` without `getWeekInfo`), weeks start on Monday unless `first-day` is set.
+ * @category Forms
+ * @customization 1 2 3
+ */
+export declare class OddkinCalendar extends OddkinCalendar_base {
+    #private;
+    static events: {
+        input: import("@oddkin/core/element").EventDefinition<void>;
+        change: import("@oddkin/core/element").EventDefinition<void>;
+    };
+    readonly _events?: ElementEvents<typeof OddkinCalendar>;
+    constructor();
+    /** @internal The value: a real `YYYY-MM-DD` date or empty, as a native date input sanitizes it. */
+    readonly _value: Readable<string>;
+    /** The chosen date, `YYYY-MM-DD`, or empty. Setting it detaches it from `defaultValue`. */
+    get value(): string;
+    set value(value: string);
+    /** @internal The built-in text with the author's overrides. */
+    readonly _strings: Readable<typeof CALENDAR_STRINGS>;
+    /** @internal The page language, for `Intl`. */
+    get _lang(): string;
+    /** @internal First day of the week: 1 (Monday) to 7 (Sunday, 0 to `getUTCDay()`). */
+    get _weekStart(): number;
+    /** @internal The user may choose `day`: within `min` and `max`, and not disabled by the hook. */
+    _selectable(day: number): boolean;
+    /** @internal The date that holds the grid's Tab stop; its month is shown. */
+    readonly _active: Readable<number>;
+    /** @internal Today, as a day number. */
+    get _today(): number;
+    /** @internal The six weeks shown: the active date's month, with days before and after. */
+    get _weeks(): CalendarDay[][];
+    /** @internal The column headers: short names shown, full names for assistive technology. */
+    get _weekdays(): {
+        short: string;
+        long: string;
+    }[];
+    /** @internal Text for a day: `"numeric"` (the cell), `"full"` (its name), or `"month"` (the heading). */
+    _format(day: number, style: 'numeric' | 'full' | 'month'): string;
+    /** @internal The month before (-1) or after (1) has a date within `min` and `max`. */
+    _canMove(months: -1 | 1): boolean;
+    /** @internal Disabled by its attribute or a disabled fieldset. */
+    get _inactive(): boolean;
+    protected _formOptions(): FormControlOptions;
+    /** @internal The date cell that holds the grid's Tab stop. */
+    get _activeCell(): HTMLElement | null | undefined;
+    /** Focuses the date that holds the grid's Tab stop. */
+    focus(options?: FocusOptions): void;
+    /** @internal Template handler: keys in the grid. */
+    readonly _onKeydown: (event: KeyboardEvent) => void;
+    /** @internal Template handler: a date cell was clicked. */
+    _onDay(day: number): void;
+    /** @internal Template handler: the month buttons (disabled past min and max). Focus stays. */
+    _onMonth(months: -1 | 1): void;
+    /** @internal Template handler: focus left the calendar. */
+    readonly _onFocusOut: (event: FocusEvent) => void;
+    /** @internal Template handler: the Today button. */
+    readonly _onToday: () => void;
+    /** @internal Template handler: the Clear button. */
+    readonly _onClear: () => void;
+    protected mounted(scope: Scope): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-calendar': OddkinCalendar;
+    }
+}
+export {};
+//# sourceMappingURL=calendar.d.ts.map

package/dist/calendar/calendar.d.ts.map

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

package/dist/calendar/calendar.define.d.ts

@@ -0,0 +1,3 @@
+/// <reference path="calendar.d.ts" preserve="true" />
+export {};
+//# sourceMappingURL=calendar.define.d.ts.map

package/dist/calendar/calendar.define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.define.d.ts","sourceRoot":"","sources":["../../src/calendar/calendar.define.ts"],"names":[],"mappings":""}

package/dist/calendar/calendar.define.js

@@ -0,0 +1,5 @@
+/// <reference path="./calendar.ts" preserve="true" />
+import { define } from '@oddkin/core/element';
+import { calendarDefinition } from './calendar.definition.js';
+define(calendarDefinition);
+//# sourceMappingURL=calendar.define.js.map

package/dist/calendar/calendar.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.define.js","sourceRoot":"","sources":["../../src/calendar/calendar.define.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,kBAAkB,CAAC,CAAC"}

package/dist/calendar/calendar.definition.d.ts

@@ -0,0 +1,3 @@
+import { OddkinCalendar } from './calendar.js';
+export declare const calendarDefinition: import("@oddkin/core/element").ElementDefinition<OddkinCalendar>;
+//# sourceMappingURL=calendar.definition.d.ts.map

package/dist/calendar/calendar.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.definition.d.ts","sourceRoot":"","sources":["../../src/calendar/calendar.definition.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAK/C,eAAO,MAAM,kBAAkB,kEAc7B,CAAC"}

package/dist/calendar/calendar.definition.js

@@ -0,0 +1,27 @@
+import { compose } from '@oddkin/core/element';
+import { nativeButtonStyles } from '../button/button.native.styles.js';
+import { controlStyles } from '../styles/control.styles.js';
+import { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+import { focusRingStyles } from '../styles/focus-ring.styles.js';
+import { glyphStyles } from '../styles/glyphs.js';
+import { hostStyles } from '../styles/host.styles.js';
+import { OddkinCalendar } from './calendar.js';
+import { calendarStructuralStyles } from './calendar.structural.styles.js';
+import { calendarStyles } from './calendar.styles.js';
+import { calendarTemplate } from './calendar.template.js';
+export const calendarDefinition = compose({
+    name: 'odd-calendar',
+    element: OddkinCalendar,
+    template: calendarTemplate,
+    styles: [
+        hostStyles,
+        fieldStructuralStyles,
+        calendarStructuralStyles,
+        glyphStyles,
+        focusRingStyles,
+        controlStyles,
+        nativeButtonStyles,
+        calendarStyles,
+    ],
+});
+//# sourceMappingURL=calendar.definition.js.map

package/dist/calendar/calendar.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.definition.js","sourceRoot":"","sources":["../../src/calendar/calendar.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACxC,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE;QACN,UAAU;QACV,qBAAqB;QACrB,wBAAwB;QACxB,WAAW;QACX,eAAe;QACf,aAAa;QACb,kBAAkB;QAClB,cAAc;KACf;CACF,CAAC,CAAC"}

package/dist/calendar/calendar.js

@@ -0,0 +1,371 @@
+import { event, prop } from '@oddkin/core/element';
+import { dateTimeFormat, langOf, strings } from '@oddkin/core/i18n';
+import { computed, signal, untracked } from '@oddkin/core/reactive';
+import { OddkinFormControl } from '../form-control/form-control.js';
+export const CALENDAR_STRINGS = {
+    previousMonth: 'Previous month',
+    nextMonth: 'Next month',
+    today: 'Today',
+    clear: 'Clear',
+};
+/** Dispatched when the user chooses or clears a date, as on a native date input. */
+export const calendarInputEvent = event('input', {
+    bubbles: true,
+    composed: true,
+    cancelable: false,
+    syncs: 'value',
+    intent: 'user',
+});
+/** Dispatched with `input` for each date the user chooses or clears. */
+export const calendarChangeEvent = event('change', {
+    bubbles: true,
+    composed: false,
+    cancelable: false,
+    intent: 'user',
+});
+const DAY = 86_400_000;
+const pad = (n) => String(n).padStart(2, '0');
+/** A `YYYY-MM-DD` date as a day number (days since 1970-01-01), or `undefined` when it is none. */
+export function dayOf(text) {
+    const match = /^(\d{4,})-(\d{2})-(\d{2})$/.exec(text);
+    if (!match)
+        return undefined;
+    const [year, month, date] = [Number(match[1]), Number(match[2]) - 1, Number(match[3])];
+    const at = new Date(0);
+    at.setUTCFullYear(year, month, date);
+    if (year < 1 || at.getUTCMonth() !== month || at.getUTCDate() !== date)
+        return undefined;
+    return at.getTime() / DAY;
+}
+/** A day number as `YYYY-MM-DD`. */
+export function isoOf(day) {
+    const at = new Date(day * DAY);
+    return `${String(at.getUTCFullYear()).padStart(4, '0')}-${pad(at.getUTCMonth() + 1)}-${pad(at.getUTCDate())}`;
+}
+/** The same date `months` later, on the month's last day when it is shorter. */
+function addMonths(day, months) {
+    const at = new Date(day * DAY);
+    const date = at.getUTCDate();
+    at.setUTCDate(1);
+    at.setUTCMonth(at.getUTCMonth() + months);
+    const last = new Date(at);
+    last.setUTCMonth(last.getUTCMonth() + 1, 0);
+    at.setUTCDate(Math.min(date, last.getUTCDate()));
+    return at.getTime() / DAY;
+}
+/** The user's local date as a day number. */
+function today() {
+    const now = new Date();
+    return Date.UTC(now.getFullYear(), now.getMonth(), now.getDate()) / DAY;
+}
+/** The language's first day of the week, 1 (Monday) to 7 (Sunday); Monday where it is unknown. */
+function firstDayOf(lang) {
+    try {
+        const locale = new Intl.Locale(lang);
+        return (locale.getWeekInfo?.() ?? locale.weekInfo)?.firstDay ?? 1;
+    }
+    catch {
+        return 1;
+    }
+}
+/**
+ * A month of dates to choose one from: the WAI-ARIA date grid, with the month and buttons to the
+ * months before and after above it, and Today and Clear below. The value is a `YYYY-MM-DD` date,
+ * submitted under `name` as a native date input submits it. Weeks start on the page language's
+ * first day (`first-day` sets it); names come from `Intl.DateTimeFormat`.
+ *
+ * @csspart field - The field: label, description, calendar, and error.
+ * @csspart label - The visible label.
+ * @csspart description - Help text, referenced by `aria-describedby`.
+ * @csspart calendar - The surface: month navigation, grid, and actions.
+ * @csspart header - The month navigation row.
+ * @csspart previous - The button to the month before.
+ * @csspart heading - The month and year shown.
+ * @csspart next - The button to the month after.
+ * @csspart grid - The date grid (`role="grid"`).
+ * @csspart weekday - A column header: the day of the week.
+ * @csspart day - A date cell (`role="gridcell"`).
+ * @csspart day-outside - A date in the month before or after.
+ * @csspart day-today - Today's date.
+ * @csspart day-selected - The chosen date.
+ * @csspart day-disabled - A date outside `min` and `max` or disabled by `isDateDisabled`.
+ * @csspart actions - The row of the Today and Clear buttons.
+ * @csspart today - Chooses today.
+ * @csspart clear - Clears the value.
+ * @csspart error - The error message, referenced by `aria-describedby`.
+ * @cssstate user-invalid - The calendar shows its error: `error` is set, or a required calendar has no date after focus left it or a validity check failed.
+ * @a11y A `group` named by the label holds the month buttons, a `grid` named by the month and year, and the Today and Clear buttons. Each date cell is named by the full date and marks the chosen date `aria-selected`, today `aria-current="date"`, and dates that cannot be chosen `aria-disabled`; a read-only grid is `aria-readonly`. The month and year are a polite live region, so the month buttons announce the new month.
+ * @keyboard The grid is one Tab stop. Left and Right move a day (swapped in right-to-left text), Up and Down a week; Home and End go to the first and last day of the week; Page Up and Page Down move a month, with Shift a year. Enter or Space chooses the date (not when read-only). Moving past `min` or `max` stops there.
+ * @previewRole calendar
+ * @useFor Choosing one date where the month view helps: a booking, a due date, a day in a schedule.
+ * @notFor A memorable date such as a birth date (use odd-input type="date" or separate fields); a date and time (use odd-input type="datetime-local"); a range of dates.
+ * @limitation Where the browser has no week information (`Intl.Locale` without `getWeekInfo`), weeks start on Monday unless `first-day` is set.
+ * @category Forms
+ * @customization 1 2 3
+ */
+export class OddkinCalendar extends OddkinFormControl.with({
+    label: prop.string({ default: '', description: 'Visible label; names the calendar.' }),
+    defaultValue: prop.string({
+        default: '',
+        attribute: 'value',
+        description: 'Initial date, `YYYY-MM-DD`; the `value` attribute, as on a native date input.',
+    }),
+    min: prop.string({ default: '', description: 'Earliest date that can be chosen, `YYYY-MM-DD`.' }),
+    max: prop.string({ default: '', description: 'Latest date that can be chosen, `YYYY-MM-DD`.' }),
+    required: prop.boolean({ reflect: true, description: 'A date is required to submit.' }),
+    readonly: prop.boolean({
+        reflect: true,
+        description: 'The dates can be moved through but the value cannot change; still submitted, and not validated.',
+    }),
+    firstDay: prop.number({
+        default: 0,
+        description: 'First day of the week, 1 (Monday) to 7 (Sunday) as in `Intl.Locale` week information; 0 follows the page language.',
+    }),
+    isDateDisabled: prop.custom({
+        default: () => undefined,
+        attribute: false,
+        coerce: (value) => value === undefined || typeof value === 'function'
+            ? { ok: true, value: value }
+            : { ok: false, reason: 'expected a function or undefined' },
+        description: 'Returns `true` for a date (`YYYY-MM-DD`) the user may not choose, such as a weekend or a booked day.',
+    }),
+    strings: prop.object({
+        description: 'Localized string overrides: `previousMonth`, `nextMonth`, `today`, `clear`.',
+    }),
+}) {
+    static events = { input: calendarInputEvent, change: calendarChangeEvent };
+    // undefined until set or chosen ("dirty"), then independent of `defaultValue`.
+    #value = signal(undefined);
+    // The date the grid's Tab stop is on, once the user moved it; otherwise the value or today.
+    #active = signal(undefined);
+    #focusActive = false;
+    // Supplies `required`, `min`, and `max` validity and their messages, as a native date input.
+    #validator = Object.assign(document.createElement('input'), { type: 'date' });
+    constructor() {
+        super();
+        // A value assigned before the element was defined becomes the dirty value.
+        if (Object.hasOwn(this, 'value')) {
+            const early = this.value;
+            delete this.value;
+            this.value = String(early ?? '');
+        }
+    }
+    /** @internal The value: a real `YYYY-MM-DD` date or empty, as a native date input sanitizes it. */
+    _value = computed(() => {
+        const text = this.#value.value ?? this.defaultValue;
+        return dayOf(text) === undefined ? '' : text;
+    });
+    /** The chosen date, `YYYY-MM-DD`, or empty. Setting it detaches it from `defaultValue`. */
+    get value() {
+        return this._value.value;
+    }
+    set value(value) {
+        this.#value.value = String(value ?? '');
+        this.#active.value = undefined;
+    }
+    /** @internal The built-in text with the author's overrides. */
+    _strings = computed(() => strings(CALENDAR_STRINGS, this.strings));
+    /** @internal The page language, for `Intl`. */
+    get _lang() {
+        return langOf(this) ?? navigator.language;
+    }
+    /** @internal First day of the week: 1 (Monday) to 7 (Sunday, 0 to `getUTCDay()`). */
+    get _weekStart() {
+        const set = Math.trunc(this.firstDay);
+        return set >= 1 && set <= 7 ? set : firstDayOf(this._lang);
+    }
+    #bounds() {
+        return [dayOf(this.min) ?? -Infinity, dayOf(this.max) ?? Infinity];
+    }
+    #clamp(day) {
+        const [min, max] = this.#bounds();
+        return Math.min(Math.max(day, min), max);
+    }
+    /** @internal The user may choose `day`: within `min` and `max`, and not disabled by the hook. */
+    _selectable(day) {
+        const [min, max] = this.#bounds();
+        return day >= min && day <= max && !this.isDateDisabled?.(isoOf(day));
+    }
+    /** @internal The date that holds the grid's Tab stop; its month is shown. */
+    _active = computed(() => this.#clamp(this.#active.value ?? dayOf(this._value.value) ?? today()));
+    /** @internal Today, as a day number. */
+    get _today() {
+        return today();
+    }
+    /** @internal The six weeks shown: the active date's month, with days before and after. */
+    get _weeks() {
+        const at = new Date(this._active.value * DAY);
+        const month = at.getUTCMonth();
+        const first = Date.UTC(at.getUTCFullYear(), month, 1) / DAY;
+        const lead = (new Date(first * DAY).getUTCDay() - this._weekStart + 7) % 7;
+        const weeks = [];
+        for (let week = 0; week < 6; week++) {
+            const days = [];
+            for (let i = 0; i < 7; i++) {
+                const day = first - lead + week * 7 + i;
+                days.push({
+                    day,
+                    iso: isoOf(day),
+                    outside: new Date(day * DAY).getUTCMonth() !== month,
+                    disabled: !this._selectable(day),
+                });
+            }
+            weeks.push(days);
+        }
+        return weeks;
+    }
+    /** @internal The column headers: short names shown, full names for assistive technology. */
+    get _weekdays() {
+        const short = dateTimeFormat(this._lang, { weekday: 'short', timeZone: 'UTC' });
+        const long = dateTimeFormat(this._lang, { weekday: 'long', timeZone: 'UTC' });
+        // 1970-01-04 was a Sunday (day 3).
+        return Array.from({ length: 7 }, (_, i) => {
+            const date = new Date((3 + ((this._weekStart + i) % 7)) * DAY);
+            return { short: short.format(date), long: long.format(date) };
+        });
+    }
+    /** @internal Text for a day: `"numeric"` (the cell), `"full"` (its name), or `"month"` (the heading). */
+    _format(day, style) {
+        const options = style === 'numeric'
+            ? { day: 'numeric', timeZone: 'UTC' }
+            : style === 'full'
+                ? { dateStyle: 'full', timeZone: 'UTC' }
+                : { month: 'long', year: 'numeric', timeZone: 'UTC' };
+        return dateTimeFormat(this._lang, options).format(new Date(day * DAY));
+    }
+    /** @internal The month before (-1) or after (1) has a date within `min` and `max`. */
+    _canMove(months) {
+        const [min, max] = this.#bounds();
+        const at = new Date(this._active.value * DAY);
+        const first = Date.UTC(at.getUTCFullYear(), at.getUTCMonth() + months, 1) / DAY;
+        const last = Date.UTC(at.getUTCFullYear(), at.getUTCMonth() + months + 1, 0) / DAY;
+        return last >= min && first <= max;
+    }
+    /** @internal Disabled by its attribute or a disabled fieldset. */
+    get _inactive() {
+        return this.disabled || this._formDisabled.value;
+    }
+    _formOptions() {
+        return {
+            value: () => this._value.value,
+            control: () => Object.assign(this.#validator, {
+                required: this.required,
+                readOnly: this.readonly,
+                disabled: this._inactive,
+                min: this.min,
+                max: this.max,
+                value: this._value.value,
+            }),
+            // A disabled grid has no Tab stop; the anchor must still be inside the element.
+            anchor: () => this._activeCell ?? this,
+            watch: () => [this.required, this.readonly, this.min, this.max],
+            onReset: () => {
+                this.#value.value = undefined;
+                this.#active.value = undefined;
+            },
+            onRestore: (state) => {
+                if (typeof state === 'string')
+                    this.value = state;
+            },
+        };
+    }
+    // The user chose `day` (or cleared the value with `undefined`).
+    #choose(day) {
+        if (this.readonly)
+            return;
+        if (day !== undefined)
+            this.#active.value = day;
+        const next = day === undefined ? '' : isoOf(day);
+        if (next === this._value.peek())
+            return;
+        this.#value.value = next;
+        this.emit(calendarInputEvent);
+        this.emit(calendarChangeEvent);
+    }
+    // Moves the grid's Tab stop to `day` (within `min` and `max`), and focus with it from the grid.
+    #moveTo(day, focus) {
+        const next = this.#clamp(day);
+        if (next === this._active.peek())
+            return;
+        this.#focusActive = focus;
+        this.#active.value = next;
+    }
+    /** @internal The date cell that holds the grid's Tab stop. */
+    get _activeCell() {
+        return this.shadowRoot?.querySelector('[part~="day"][tabindex="0"]');
+    }
+    /** Focuses the date that holds the grid's Tab stop. */
+    focus(options) {
+        this._activeCell?.focus(options);
+    }
+    /** @internal Template handler: keys in the grid. */
+    _onKeydown = (event) => {
+        if (this._inactive || event.altKey || event.ctrlKey || event.metaKey)
+            return;
+        const active = this._active.peek();
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            if (this._selectable(active))
+                this.#choose(active);
+            return;
+        }
+        const rtl = getComputedStyle(this).direction === 'rtl';
+        const column = (new Date(active * DAY).getUTCDay() - this._weekStart + 7) % 7;
+        const page = event.shiftKey ? 12 : 1;
+        const next = {
+            ArrowLeft: () => active + (rtl ? 1 : -1),
+            ArrowRight: () => active + (rtl ? -1 : 1),
+            ArrowUp: () => active - 7,
+            ArrowDown: () => active + 7,
+            Home: () => active - column,
+            End: () => active + 6 - column,
+            PageUp: () => addMonths(active, -page),
+            PageDown: () => addMonths(active, page),
+        };
+        const move = next[event.key];
+        if (!move)
+            return;
+        event.preventDefault();
+        this.#moveTo(move(), true);
+    };
+    /** @internal Template handler: a date cell was clicked. */
+    _onDay(day) {
+        if (this._inactive || !this._selectable(day))
+            return;
+        // A date in the month before or after shows its month; focus follows it there.
+        this.#moveTo(day, true);
+        this.#choose(day);
+    }
+    /** @internal Template handler: the month buttons (disabled past min and max). Focus stays. */
+    _onMonth(months) {
+        this.#moveTo(addMonths(this._active.peek(), months), false);
+    }
+    /** @internal Template handler: focus left the calendar. */
+    _onFocusOut = (event) => {
+        if (!this.shadowRoot?.contains(event.relatedTarget))
+            this._onBlur();
+    };
+    /** @internal Template handler: the Today button. */
+    _onToday = () => {
+        const day = today();
+        if (this._selectable(day))
+            this.#choose(day);
+    };
+    /** @internal Template handler: the Clear button. */
+    _onClear = () => this.#choose(undefined);
+    mounted(scope) {
+        super.mounted(scope);
+        scope.effect(() => {
+            void this._active.value;
+            // A date that had focus but no longer holds the Tab stop (the value or bounds moved it)
+            // passes focus on too.
+            const focused = this.shadowRoot?.activeElement;
+            const stray = !!focused?.matches('[part~="day"]') && focused.tabIndex !== 0;
+            if (!this.#focusActive && !stray)
+                return;
+            this.#focusActive = false;
+            untracked(() => this._activeCell?.focus());
+        }, { phase: 'post', name: '<odd-calendar> focus the active date' });
+    }
+}
+//# sourceMappingURL=calendar.js.map

package/dist/calendar/calendar.js.map

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

package/dist/calendar/calendar.recipe.d.ts

@@ -0,0 +1,3 @@
+/** Arrangement of the calendar (layout-recipes.md §14): the month heading, grid, and actions in a column, and the header and action rows. */
+export declare const calendarRecipe: import("../layout/index.js").LayoutRecipe;
+//# sourceMappingURL=calendar.recipe.d.ts.map

package/dist/calendar/calendar.recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.recipe.d.ts","sourceRoot":"","sources":["../../src/calendar/calendar.recipe.ts"],"names":[],"mappings":"AAGA,6IAA6I;AAC7I,eAAO,MAAM,cAAc,2CAOzB,CAAC"}

package/dist/calendar/calendar.recipe.js

@@ -0,0 +1,12 @@
+import { token } from '@oddkin/tokens/refs';
+import { defineLayoutRecipe, row, stack } from '../layout/index.js';
+/** Arrangement of the calendar (layout-recipes.md §14): the month heading, grid, and actions in a column, and the header and action rows. */
+export const calendarRecipe = defineLayoutRecipe({
+    name: 'calendar',
+    regions: {
+        calendar: stack({ gap: token('space.sm') }),
+        header: row({ gap: token('space.xs') }),
+        actions: row({ gap: token('space.xs'), justify: 'space-between' }),
+    },
+});
+//# sourceMappingURL=calendar.recipe.js.map

package/dist/calendar/calendar.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.recipe.js","sourceRoot":"","sources":["../../src/calendar/calendar.recipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAEpE,6IAA6I;AAC7I,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAAC;IAC/C,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE;QACP,QAAQ,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;QAC3C,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;QACvC,OAAO,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC;KACnE;CACF,CAAC,CAAC"}

package/dist/calendar/calendar.recipe.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const calendarRecipeStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=calendar.recipe.styles.d.ts.map

package/dist/calendar/calendar.recipe.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.recipe.styles.d.ts","sourceRoot":"","sources":["../../src/calendar/calendar.recipe.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,oBAAoB,yCAEhC,CAAC"}