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

package/dist/date-picker/date-picker.definition.js

@@ -0,0 +1,32 @@
+import { compose } from '@oddkin/core/element';
+import { calendarDefinition } from '../calendar/calendar.definition.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 { overlaySurfaceStructuralStyles } from '../styles/overlay-surface.structural.styles.js';
+import { overlaySurfaceStyles } from '../styles/overlay-surface.styles.js';
+import { OddkinDatePicker } from './date-picker.js';
+import { datePickerStructuralStyles } from './date-picker.structural.styles.js';
+import { datePickerStyles } from './date-picker.styles.js';
+import { datePickerTemplate } from './date-picker.template.js';
+export const datePickerDefinition = compose({
+    name: 'odd-date-picker',
+    element: OddkinDatePicker,
+    template: datePickerTemplate,
+    styles: [
+        hostStyles,
+        fieldStructuralStyles,
+        overlaySurfaceStructuralStyles,
+        datePickerStructuralStyles,
+        glyphStyles,
+        focusRingStyles,
+        controlStyles,
+        overlaySurfaceStyles,
+        datePickerStyles,
+    ],
+    // The popup holds a complete odd-calendar.
+    dependencies: { calendar: calendarDefinition },
+});
+//# sourceMappingURL=date-picker.definition.js.map

package/dist/date-picker/date-picker.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.definition.js","sourceRoot":"","sources":["../../src/date-picker/date-picker.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,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,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,CAAC,MAAM,oBAAoB,GAAG,OAAO,CAAC;IAC1C,IAAI,EAAE,iBAAiB;IACvB,OAAO,EAAE,gBAAgB;IACzB,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE;QACN,UAAU;QACV,qBAAqB;QACrB,8BAA8B;QAC9B,0BAA0B;QAC1B,WAAW;QACX,eAAe;QACf,aAAa;QACb,oBAAoB;QACpB,gBAAgB;KACjB;IACD,2CAA2C;IAC3C,YAAY,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE;CAC/C,CAAC,CAAC"}

package/dist/date-picker/date-picker.js

@@ -0,0 +1,232 @@
+import { event, prop } from '@oddkin/core/element';
+import { format, langOf, strings } from '@oddkin/core/i18n';
+import { computed, signal } from '@oddkin/core/reactive';
+import { CALENDAR_STRINGS, dayOf } from '../calendar/calendar.js';
+import { OddkinFormControl } from '../form-control/form-control.js';
+import { Overlay } from '../overlay/overlay.js';
+import { dateFields, formatDateText, parseDateText } from './date-text.js';
+export const DATE_PICKER_STRINGS = {
+    ...CALENDAR_STRINGS,
+    choose: 'Choose date',
+    change: 'Change date, {date}',
+    invalid: 'Enter a valid date in {format}.',
+    day: 'DD',
+    month: 'MM',
+    year: 'YYYY',
+};
+/** Dispatched when the user commits a date: typed and committed, or chosen in the calendar. */
+export const datePickerInputEvent = event('input', {
+    bubbles: true,
+    composed: true,
+    cancelable: false,
+    syncs: 'value',
+    intent: 'user',
+});
+/** Dispatched with `input` for each date the user commits. */
+export const datePickerChangeEvent = event('change', {
+    bubbles: true,
+    composed: false,
+    cancelable: false,
+    intent: 'user',
+});
+/**
+ * One date, typed in the page language's numeric order or chosen from a calendar in a popup: the
+ * WAI-ARIA date picker dialog. The value is a `YYYY-MM-DD` date, submitted under `name` as a
+ * native date input submits it; the field shows it as the language writes dates in digits
+ * (26/10/2026 in British English, 10/26/2026 in American English).
+ *
+ * @csspart field - The field: label, description, control box, and error.
+ * @csspart label - The visible label.
+ * @csspart description - Help text, referenced by `aria-describedby`.
+ * @csspart control - The text input.
+ * @csspart button - Opens the calendar.
+ * @csspart popup - The popup that holds the calendar (`odd-calendar`).
+ * @csspart error - The error message, referenced by `aria-describedby`.
+ * @cssstate user-invalid - The field shows its error: `error` is set, or the date is missing, out of range, or not a date after the user left the field or a validity check failed.
+ * @cssstate open - The calendar is open.
+ * @a11y The text input is named by the label. The button after it is named "Choose date", or "Change date," with the chosen date in full, and has `aria-haspopup="dialog"` and `aria-expanded`; it opens a non-modal dialog named "Choose date" that holds an `odd-calendar`, which takes focus on the chosen date (or today). Choosing a date closes the dialog and returns focus to the button; Escape or a click outside closes it without a change. Text that is not a date makes the field invalid with a message that gives the expected order.
+ * @keyboard The input and the button are Tab stops. A typed date is committed when focus leaves the input or on Enter. Enter or Space on the button opens the calendar; there odd-calendar's keys apply, Enter or Space chooses and closes, and Escape closes.
+ * @previewRole datePicker
+ * @useFor One date the user may know and type, or prefer to find in a month: a booking, a due date, a publish date.
+ * @notFor A memorable date such as a birth date (separate fields, or odd-input type="date"); a date and time (odd-input type="datetime-local"); a range of dates; an inline month to choose from (odd-calendar).
+ * @limitation Typed dates are read as three groups of digits in the language's order with a four-digit year; month names are not read.
+ * @category Forms
+ * @customization 1 2 3
+ */
+export class OddkinDatePicker extends OddkinFormControl.with({
+    label: prop.string({ default: '', description: 'Visible label; names the field.' }),
+    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, `YYYY-MM-DD`.' }),
+    max: prop.string({ default: '', description: 'Latest date, `YYYY-MM-DD`.' }),
+    required: prop.boolean({ reflect: true, description: 'A date is required to submit.' }),
+    readonly: prop.boolean({
+        reflect: true,
+        description: 'The date can be read and the calendar opened, not changed; still submitted.',
+    }),
+    placeholder: prop.string({
+        default: '',
+        description: 'Placeholder; never a substitute for a label.',
+    }),
+    firstDay: prop.number({
+        default: 0,
+        description: "The calendar's first day of the week, 1 (Monday) to 7 (Sunday); 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 in the calendar.',
+    }),
+    strings: prop.object({
+        description: "Localized string overrides: `choose`, `change` (`{date}`), `invalid` (`{format}`), `day`, `month`, `year`, and the calendar's `previousMonth`, `nextMonth`, `today`, `clear`.",
+    }),
+}) {
+    static shadowRootOptions = { mode: 'open', delegatesFocus: true };
+    static events = { input: datePickerInputEvent, change: datePickerChangeEvent };
+    // undefined until set or committed ("dirty"), then independent of `defaultValue`.
+    #value = signal(undefined);
+    // What the user typed and has not committed as a date; undefined shows the value.
+    #typed = signal(undefined);
+    // Supplies `required`, `min`, and `max` validity and their messages, as a native date input.
+    #validator = Object.assign(document.createElement('input'), { type: 'date' });
+    #overlay = new Overlay({
+        host: this,
+        surface: () => this.shadowRoot?.querySelector('[part~="popup"]'),
+        anchor: () => this.shadowRoot?.querySelector('.control-box'),
+        onToggle: (open) => {
+            this.setState('open', open);
+            if (open)
+                this.shadowRoot?.querySelector('odd-calendar')?.focus();
+        },
+    });
+    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 calendar is open; the button's `aria-expanded`. */
+    _open = this.#overlay.open;
+    /** @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.#typed.value = undefined;
+    }
+    /** @internal The built-in text with the author's overrides. */
+    _strings = computed(() => strings(DATE_PICKER_STRINGS, this.strings));
+    /** @internal The page language, for `Intl`. */
+    get _lang() {
+        return langOf(this) ?? navigator.language;
+    }
+    /** @internal The field's text: what the user typed, or the value as the language writes it. */
+    get _text() {
+        return this.#typed.value ?? formatDateText(this._value.value, this._lang);
+    }
+    /** @internal The message for typed text that is not a date; empty when there is none. */
+    _badInput = computed(() => {
+        const typed = this.#typed.value;
+        if (!typed || parseDateText(typed, this._lang) !== undefined)
+            return '';
+        const text = this._strings.value;
+        const { order, separator } = dateFields(this._lang);
+        return format(text.invalid, { format: order.map((field) => text[field]).join(separator) });
+    });
+    /** @internal The button's name: "Choose date", or "Change date, …" with the chosen date. */
+    get _buttonLabel() {
+        const text = this._strings.value;
+        const day = dayOf(this._value.value);
+        if (day === undefined)
+            return text.choose;
+        const date = new Intl.DateTimeFormat(this._lang, { dateStyle: 'full', timeZone: 'UTC' });
+        return format(text.change, { date: date.format(new Date(day * 86_400_000)) });
+    }
+    /** @internal Disabled by its attribute or a disabled fieldset. */
+    get _inactive() {
+        return 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,
+            }),
+            // Barred, as the read-only or disabled native input is, so its text is not reported.
+            badInput: () => (this.readonly || this._inactive ? '' : this._badInput.value),
+            anchor: () => this.shadowRoot?.querySelector('[part~="control"]'),
+            watch: () => [this.required, this.min, this.max],
+            onReset: () => {
+                this.#value.value = undefined;
+                this.#typed.value = undefined;
+            },
+            onRestore: (state) => {
+                if (typeof state === 'string')
+                    this.value = state;
+            },
+        };
+    }
+    #commit(value) {
+        if (value === this._value.peek())
+            return;
+        this.#value.value = value;
+        this.emit(datePickerInputEvent);
+        this.emit(datePickerChangeEvent);
+    }
+    /** @internal Template handler: typing. The host's `input` waits for a committed date. */
+    _onInput = (event) => {
+        event.stopPropagation();
+        this.#typed.value = event.target.value;
+    };
+    /** @internal Template handler: the typed text is committed (Enter, or focus left the input). */
+    _onChange = () => {
+        const typed = this.#typed.peek();
+        if (typed === undefined)
+            return;
+        const parsed = typed.trim() ? parseDateText(typed, this._lang) : '';
+        // Text that is not a date stays for the user to correct; the value empties.
+        if (parsed !== undefined)
+            this.#typed.value = undefined;
+        this.#commit(parsed ?? '');
+    };
+    /**
+     * @internal Template handler: the calendar button. It takes focus (WebKit does not on a click):
+     * the input's `change` commits a typed date first, so the calendar opens on it, and focus
+     * returns to the button, the opener, when the calendar closes.
+     */
+    _onButton = (event) => {
+        event.currentTarget.focus();
+        this.#overlay.toggle();
+    };
+    /** @internal Template handler: the user chose a date in the calendar. */
+    _onCalendarChange = (event) => {
+        this.#typed.value = undefined;
+        this.#commit(event.target.value);
+        this.#overlay.hide();
+    };
+    mounted(scope) {
+        super.mounted(scope);
+        scope.use(this.#overlay);
+    }
+}
+//# sourceMappingURL=date-picker.js.map

package/dist/date-picker/date-picker.js.map

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

package/dist/date-picker/date-picker.structural.styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The date picker is a block with the shared field layout; its calendar button sits among the
+ * field's end adornments, which ignore the pointer, and takes clicks. The popup is the shared
+ * overlay surface holding the calendar. No brand tokens.
+ */
+export declare const datePickerStructuralStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=date-picker.structural.styles.d.ts.map

package/dist/date-picker/date-picker.structural.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.structural.styles.d.ts","sourceRoot":"","sources":["../../src/date-picker/date-picker.structural.styles.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,yCAmBtC,CAAC"}

package/dist/date-picker/date-picker.structural.styles.js

@@ -0,0 +1,27 @@
+import { css } from '@oddkin/core/styles';
+/**
+ * The date picker is a block with the shared field layout; its calendar button sits among the
+ * field's end adornments, which ignore the pointer, and takes clicks. The popup is the shared
+ * overlay surface holding the calendar. No brand tokens.
+ */
+export const datePickerStructuralStyles = css `
+  :host {
+    display: block;
+  }
+  .button {
+    display: grid;
+    place-items: center;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    background: none;
+    color: inherit;
+    font: inherit;
+    cursor: pointer;
+    pointer-events: auto;
+  }
+  .button:disabled {
+    cursor: not-allowed;
+  }
+`;
+//# sourceMappingURL=date-picker.structural.styles.js.map

package/dist/date-picker/date-picker.structural.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.structural.styles.js","sourceRoot":"","sources":["../../src/date-picker/date-picker.structural.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C;;;;GAIG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;CAmB5C,CAAC"}

package/dist/date-picker/date-picker.styles.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Oddkin's default date picker: Figma `datePicker`. The field is the shared control look; the
+ * calendar button is a target of the minimum size around its 1em glyph in secondary text (as the
+ * search field's clear button); the popup is the overlay surface, the calendar on it without a
+ * surface of its own.
+ */
+export declare const datePickerStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=date-picker.styles.d.ts.map

package/dist/date-picker/date-picker.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.styles.d.ts","sourceRoot":"","sources":["../../src/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,yCAiB5B,CAAC"}

package/dist/date-picker/date-picker.styles.js

@@ -0,0 +1,27 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+/**
+ * Oddkin's default date picker: Figma `datePicker`. The field is the shared control look; the
+ * calendar button is a target of the minimum size around its 1em glyph in secondary text (as the
+ * search field's clear button); the popup is the overlay surface, the calendar on it without a
+ * surface of its own.
+ */
+export const datePickerStyles = css `
+  .button {
+    inline-size: ${token('target.min')};
+    block-size: ${token('target.min')};
+    margin: calc((1em - ${token('target.min')}) / 2);
+    border-radius: ${token('control.radius')};
+    color: ${token('color.text.secondary')};
+  }
+  @media (hover: hover) {
+    .button:enabled:hover {
+      background: ${token('color.surface.hover')};
+      color: ${token('color.text.primary')};
+    }
+  }
+  odd-calendar::part(calendar) {
+    background: transparent;
+  }
+`;
+//# sourceMappingURL=date-picker.styles.js.map

package/dist/date-picker/date-picker.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.styles.js","sourceRoot":"","sources":["../../src/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;mBAEhB,KAAK,CAAC,YAAY,CAAC;kBACpB,KAAK,CAAC,YAAY,CAAC;0BACX,KAAK,CAAC,YAAY,CAAC;qBACxB,KAAK,CAAC,gBAAgB,CAAC;aAC/B,KAAK,CAAC,sBAAsB,CAAC;;;;oBAItB,KAAK,CAAC,qBAAqB,CAAC;eACjC,KAAK,CAAC,oBAAoB,CAAC;;;;;;CAMzC,CAAC"}

package/dist/date-picker/date-picker.template.d.ts

@@ -0,0 +1,10 @@
+import type { OddkinDatePicker } from './date-picker.js';
+/**
+ * Anatomy: the `label` for the text input (part `control`) in the field box, with the calendar
+ * `button` at its end; the `description` and `error`; and the `popup` (a popover dialog anchored
+ * under the field box) holding an `odd-calendar` that shares the picker's value, bounds, first
+ * day, disabled-date hook, read-only state, and strings. The input keeps its text through
+ * `live()`.
+ */
+export declare const datePickerTemplate: (picker: OddkinDatePicker) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=date-picker.template.d.ts.map

package/dist/date-picker/date-picker.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.template.d.ts","sourceRoot":"","sources":["../../src/date-picker/date-picker.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,WAAY,gBAAgB,mDA0D1D,CAAC"}

package/dist/date-picker/date-picker.template.js

@@ -0,0 +1,71 @@
+import { live } from '@oddkin/core/helpers/live';
+import { html } from '@oddkin/core/template';
+import { externalDescriptionTemplate } from '../form-control/description.js';
+import { calendarGlyph } from '../styles/glyphs.js';
+/**
+ * Anatomy: the `label` for the text input (part `control`) in the field box, with the calendar
+ * `button` at its end; the `description` and `error`; and the `popup` (a popover dialog anchored
+ * under the field box) holding an `odd-calendar` that shares the picker's value, bounds, first
+ * day, disabled-date hook, read-only state, and strings. The input keeps its text through
+ * `live()`.
+ */
+export const datePickerTemplate = (picker) => {
+    const text = picker._strings.value;
+    const inactive = picker._inactive;
+    return html `<div part="field" class="field">
+    <label part="label" class="label" for="control" ?hidden=${!picker.label}>${picker.label}</label>
+    <div part="description" id="description" class="description" ?hidden=${!picker.description}>
+      ${picker.description}
+    </div>
+    <div class="control-box">
+      <input
+        part="control"
+        id="control"
+        class="control"
+        type="text"
+        inputmode="numeric"
+        autocomplete="off"
+        .value=${live(picker._text)}
+        placeholder=${picker.placeholder || null}
+        ?required=${picker.required}
+        ?readonly=${picker.readonly}
+        ?disabled=${inactive}
+        aria-describedby=${picker._describedBy}
+        aria-invalid=${picker._userInvalid.value ? 'true' : null}
+        @input=${picker._onInput}
+        @change=${picker._onChange}
+        @blur=${picker._onBlur}
+      />
+      <span class="control-end">
+        <button
+          part="button"
+          class="button"
+          type="button"
+          aria-label=${picker._buttonLabel}
+          aria-haspopup="dialog"
+          aria-expanded=${picker._open.value ? 'true' : 'false'}
+          ?disabled=${inactive}
+          @click=${picker._onButton}
+        >
+          ${calendarGlyph}
+        </button>
+      </span>
+    </div>
+    <div part="error" id="error" class="error" ?hidden=${!picker.error}>${picker.error}</div>
+    <div part="popup" class="overlay-surface popup" role="dialog" aria-label=${text.choose}>
+      <odd-calendar
+        .value=${picker.value}
+        .min=${picker.min}
+        .max=${picker.max}
+        .firstDay=${picker.firstDay}
+        .isDateDisabled=${picker.isDateDisabled}
+        .readonly=${picker.readonly}
+        .strings=${text}
+        @change=${picker._onCalendarChange}
+        @input=${(event) => event.stopPropagation()}
+      ></odd-calendar>
+    </div>
+    ${externalDescriptionTemplate(picker._externalDescription)}
+  </div>`;
+};
+//# sourceMappingURL=date-picker.template.js.map

package/dist/date-picker/date-picker.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.template.js","sourceRoot":"","sources":["../../src/date-picker/date-picker.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGpD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,MAAwB,EAAE,EAAE;IAC7D,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;IACnC,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;IAClC,OAAO,IAAI,CAAA;8DACiD,CAAC,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK;2EAChB,CAAC,MAAM,CAAC,WAAW;QACtF,MAAM,CAAC,WAAW;;;;;;;;;;iBAUT,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;sBACb,MAAM,CAAC,WAAW,IAAI,IAAI;oBAC5B,MAAM,CAAC,QAAQ;oBACf,MAAM,CAAC,QAAQ;oBACf,QAAQ;2BACD,MAAM,CAAC,YAAY;uBACvB,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;iBAC/C,MAAM,CAAC,QAAQ;kBACd,MAAM,CAAC,SAAS;gBAClB,MAAM,CAAC,OAAO;;;;;;;uBAOP,MAAM,CAAC,YAAY;;0BAEhB,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;sBACzC,QAAQ;mBACX,MAAM,CAAC,SAAS;;YAEvB,aAAa;;;;yDAIgC,CAAC,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK;+EACP,IAAI,CAAC,MAAM;;iBAEzE,MAAM,CAAC,KAAK;eACd,MAAM,CAAC,GAAG;eACV,MAAM,CAAC,GAAG;oBACL,MAAM,CAAC,QAAQ;0BACT,MAAM,CAAC,cAAc;oBAC3B,MAAM,CAAC,QAAQ;mBAChB,IAAI;kBACL,MAAM,CAAC,iBAAiB;iBACzB,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE;;;MAGpD,2BAA2B,CAAC,MAAM,CAAC,oBAAoB,CAAC;SACrD,CAAC;AACV,CAAC,CAAC"}

package/dist/date-picker/date-text.d.ts

@@ -0,0 +1,16 @@
+/** How the page language writes a numeric date: the field order and the text between fields. */
+export interface DateFields {
+    readonly order: readonly ('day' | 'month' | 'year')[];
+    /** The text between the first two fields ("/", ".", "-", ". "). */
+    readonly separator: string;
+}
+/** The order and separator of `lang`'s numeric dates, from `Intl.DateTimeFormat#formatToParts`. */
+export declare function dateFields(lang: string): DateFields;
+/** `YYYY-MM-DD` as `lang` writes it in digits ("26/10/2026", "10/26/2026", "26.10.2026"). */
+export declare function formatDateText(iso: string, lang: string): string;
+/**
+ * Typed text in `lang`'s field order as `YYYY-MM-DD`: three groups of digits, the year with four,
+ * between any other characters. `undefined` when it is not a real date.
+ */
+export declare function parseDateText(text: string, lang: string): string | undefined;
+//# sourceMappingURL=date-text.d.ts.map

package/dist/date-picker/date-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-text.d.ts","sourceRoot":"","sources":["../../src/date-picker/date-text.ts"],"names":[],"mappings":"AAKA,gGAAgG;AAChG,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC,EAAE,CAAC;IACtD,mEAAmE;IACnE,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B;AAWD,mGAAmG;AACnG,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAOnD;AAED,6FAA6F;AAC7F,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAGhE;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAS5E"}

package/dist/date-picker/date-text.js

@@ -0,0 +1,41 @@
+import { dateTimeFormat } from '@oddkin/core/i18n';
+import { dayOf } from '../calendar/calendar.js';
+const DAY = 86_400_000;
+const numeric = (lang) => dateTimeFormat(lang, {
+    day: '2-digit',
+    month: '2-digit',
+    year: 'numeric',
+    timeZone: 'UTC',
+    numberingSystem: 'latn',
+});
+/** The order and separator of `lang`'s numeric dates, from `Intl.DateTimeFormat#formatToParts`. */
+export function dateFields(lang) {
+    const parts = numeric(lang).formatToParts(new Date(Date.UTC(2026, 10, 25)));
+    const order = parts
+        .map((part) => part.type)
+        .filter((type) => /^(day|month|year)$/.test(type));
+    const first = parts.findIndex((part) => part.type === order[0]);
+    return { order, separator: parts[first + 1].value };
+}
+/** `YYYY-MM-DD` as `lang` writes it in digits ("26/10/2026", "10/26/2026", "26.10.2026"). */
+export function formatDateText(iso, lang) {
+    const day = dayOf(iso);
+    return day === undefined ? '' : numeric(lang).format(new Date(day * DAY));
+}
+/**
+ * Typed text in `lang`'s field order as `YYYY-MM-DD`: three groups of digits, the year with four,
+ * between any other characters. `undefined` when it is not a real date.
+ */
+export function parseDateText(text, lang) {
+    const groups = text.match(/\d+/g);
+    if (groups?.length !== 3)
+        return undefined;
+    const fields = {};
+    dateFields(lang).order.forEach((field, i) => (fields[field] = groups[i]));
+    const { day = '', month = '', year = '' } = fields;
+    if (year.length !== 4)
+        return undefined;
+    const iso = `${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')}`;
+    return dayOf(iso) === undefined ? undefined : iso;
+}
+//# sourceMappingURL=date-text.js.map

package/dist/date-picker/date-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-text.js","sourceRoot":"","sources":["../../src/date-picker/date-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,MAAM,GAAG,GAAG,UAAU,CAAC;AASvB,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,EAAE,CAC/B,cAAc,CAAC,IAAI,EAAE;IACnB,GAAG,EAAE,SAAS;IACd,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,MAAM;CACxB,CAAC,CAAC;AAEL,mGAAmG;AACnG,MAAM,UAAU,UAAU,CAAC,IAAY;IACrC,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAC5E,MAAM,KAAK,GAAG,KAAK;SAChB,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC;SACxB,MAAM,CAAC,CAAC,IAAI,EAAoC,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACvF,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,GAAG,CAAC,CAAE,CAAC,KAAK,EAAE,CAAC;AACvD,CAAC;AAED,6FAA6F;AAC7F,MAAM,UAAU,cAAc,CAAC,GAAW,EAAE,IAAY;IACtD,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IACvB,OAAO,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;AAC5E,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,IAAY,EAAE,IAAY;IACtD,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,MAAM,EAAE,MAAM,KAAK,CAAC;QAAE,OAAO,SAAS,CAAC;IAC3C,MAAM,MAAM,GAA2B,EAAE,CAAC;IAC1C,UAAU,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC;IAC3E,MAAM,EAAE,GAAG,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;IACnD,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,SAAS,CAAC;IACxC,MAAM,GAAG,GAAG,GAAG,IAAI,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;IACxE,OAAO,KAAK,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC;AACpD,CAAC"}

package/dist/date-picker/foundation.d.ts

@@ -0,0 +1,8 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { overlaySurfaceStructuralStyles } from '../styles/overlay-surface.structural.styles.js';
+export { OddkinDatePicker, DATE_PICKER_STRINGS } from './date-picker.js';
+export { datePickerTemplate } from './date-picker.template.js';
+export { datePickerStructuralStyles } from './date-picker.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

package/dist/date-picker/foundation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/date-picker/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC"}

package/dist/date-picker/foundation.js

@@ -0,0 +1,10 @@
+// Skin-free foundation: behavior, anatomy, and structural styles (shared host defaults first).
+// Loads no default visual styles and registers nothing (multi-product.md §4).
+export { hostStyles } from '../styles/host.styles.js';
+export { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { overlaySurfaceStructuralStyles } from '../styles/overlay-surface.structural.styles.js';
+export { OddkinDatePicker, DATE_PICKER_STRINGS } from './date-picker.js';
+export { datePickerTemplate } from './date-picker.template.js';
+export { datePickerStructuralStyles } from './date-picker.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/date-picker/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/date-picker/foundation.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,8EAA8E;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC"}

package/dist/date-picker/index.d.ts

@@ -0,0 +1,6 @@
+export { OddkinDatePicker, DATE_PICKER_STRINGS } from './date-picker.js';
+export { datePickerTemplate } from './date-picker.template.js';
+export { datePickerStructuralStyles } from './date-picker.structural.styles.js';
+export { datePickerStyles } from './date-picker.styles.js';
+export { datePickerDefinition } from './date-picker.definition.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/date-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/date-picker/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/date-picker/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/date-picker`.
+export { OddkinDatePicker, DATE_PICKER_STRINGS } from './date-picker.js';
+export { datePickerTemplate } from './date-picker.template.js';
+export { datePickerStructuralStyles } from './date-picker.structural.styles.js';
+export { datePickerStyles } from './date-picker.styles.js';
+export { datePickerDefinition } from './date-picker.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/date-picker/index.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}