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

package/dist/css/kbd.css

@@ -0,0 +1,24 @@
+@layer odd.reset, odd.tokens, odd.base, odd.layout, odd.components, odd.utilities;
+
+@layer odd.components {
+  .odd-kbd {
+    display: inline-block;
+    min-inline-size: 1.75em;
+    padding-inline: var(--odd-space-2xs);
+    border: var(--odd-border-width-default) solid var(--odd-color-border-default);
+    border-radius: var(--odd-radius-sm);
+    background: var(--odd-color-surface-default);
+    color: var(--odd-color-text-secondary);
+    font-family: var(--odd-type-code-family);
+    font-size: var(--odd-type-code-size);
+    font-weight: var(--odd-type-code-weight);
+    line-height: var(--odd-type-code-line-height);
+    text-align: center;
+    white-space: nowrap;
+  }
+  @media (forced-colors: active) {
+    .odd-kbd {
+      border-color: CanvasText;
+    }
+  }
+}

package/dist/css/layout.css

@@ -0,0 +1,106 @@
+@layer odd.reset, odd.tokens, odd.base, odd.layout, odd.components, odd.utilities;
+
+@layer odd.layout {
+  .odd-stack {
+    display: flex;
+    flex-direction: column;
+    gap: var(--odd-stack-gap, var(--odd-layout-gap));
+    min-inline-size: 0;
+  }
+  .odd-stack-tight {
+    gap: var(--odd-space-xs);
+  }
+  .odd-stack-loose {
+    gap: var(--odd-space-lg);
+  }
+  .odd-row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: var(--odd-row-gap, var(--odd-layout-gap));
+    flex-wrap: nowrap;
+    min-inline-size: 0;
+  }
+  .odd-row-between {
+    justify-content: space-between;
+  }
+  .odd-cluster {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: var(--odd-cluster-gap, var(--odd-layout-gap));
+    flex-wrap: wrap;
+    min-inline-size: 0;
+  }
+  .odd-grid {
+    display: grid;
+    grid-template-columns: repeat(var(--odd-grid-columns, 2), minmax(0, 1fr));
+    gap: var(--odd-grid-gap, var(--odd-layout-gap));
+  }
+  .odd-auto-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(min(var(--odd-auto-grid-min, var(--odd-layout-item-min)), 100%), 1fr));
+    gap: var(--odd-auto-grid-gap, var(--odd-layout-gap));
+  }
+  .odd-auto-grid-fit {
+    grid-template-columns: repeat(auto-fit, minmax(min(var(--odd-auto-grid-min, var(--odd-layout-item-min)), 100%), 1fr));
+  }
+  .odd-grid-stretch > * {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr);
+  }
+  .odd-box {
+    padding: var(--odd-box-inset, var(--odd-layout-inset));
+    min-inline-size: 0;
+  }
+  .odd-box-none {
+    padding: var(--odd-space-none);
+  }
+  .odd-box-roomy {
+    padding: var(--odd-space-xl);
+  }
+  .odd-center {
+    display: grid;
+    place-items: center;
+    min-inline-size: 0;
+  }
+  .odd-aspect-ratio {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr);
+    grid-template-rows: minmax(0, 1fr);
+    aspect-ratio: var(--odd-aspect-ratio, 16 / 9);
+    min-inline-size: 0;
+  }
+  .odd-aspect-ratio > * {
+    grid-area: 1 / 1;
+  }
+  .odd-aspect-ratio > :is(img, video, iframe, canvas, svg) {
+    inline-size: 100%;
+    block-size: 100%;
+    object-fit: cover;
+  }
+  .odd-split {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--odd-split-gap, var(--odd-layout-gap));
+  }
+  .odd-split > :first-child {
+    flex-basis: var(--odd-split-side-width, var(--odd-layout-sidebar-width));
+    flex-grow: 1;
+  }
+  .odd-split > :last-child {
+    flex-basis: 0;
+    flex-grow: 999;
+    min-inline-size: min(var(--odd-split-main-min, var(--odd-layout-main-min)), 100%);
+  }
+  .odd-split-end > :first-child {
+    flex-basis: 0;
+    flex-grow: 999;
+    min-inline-size: min(var(--odd-split-main-min, var(--odd-layout-main-min)), 100%);
+  }
+  .odd-split-end > :last-child {
+    flex-basis: var(--odd-split-side-width, var(--odd-layout-sidebar-width));
+    flex-grow: 1;
+    min-inline-size: initial;
+  }
+}

package/dist/css/link.css

@@ -0,0 +1,27 @@
+@layer odd.reset, odd.tokens, odd.base, odd.layout, odd.components, odd.utilities;
+
+@layer odd.components {
+  .odd-link {
+    color: var(--odd-color-link);
+    font-family: var(--odd-type-ui-family);
+    font-size: var(--odd-type-ui-size);
+    font-weight: var(--odd-type-ui-weight);
+    line-height: var(--odd-type-ui-line-height);
+    text-decoration-line: none;
+    text-underline-offset: 0.2em;
+    border-radius: var(--odd-radius-sm);
+  }
+  .odd-link:hover,
+  .odd-link:focus-visible {
+    text-decoration-line: underline;
+  }
+  .odd-link:focus-visible {
+    outline: var(--odd-focus-width) solid var(--odd-color-focus-ring);
+    outline-offset: var(--odd-focus-offset);
+  }
+  p .odd-link,
+  li .odd-link {
+    font: inherit;
+    text-decoration-line: underline;
+  }
+}

package/dist/css/list.css

@@ -0,0 +1,45 @@
+@layer odd.reset, odd.tokens, odd.base, odd.layout, odd.components, odd.utilities;
+
+@layer odd.components {
+  .odd-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    border: var(--odd-border-width-default) solid var(--odd-color-border-default);
+    border-radius: var(--odd-card-radius);
+    background: var(--odd-color-surface-default);
+    overflow: hidden;
+    color: var(--odd-color-text-primary);
+    font-family: var(--odd-type-ui-family);
+    font-size: var(--odd-type-ui-size);
+    font-weight: var(--odd-type-ui-weight);
+    line-height: var(--odd-type-ui-line-height);
+  }
+  .odd-list > li {
+    display: flex;
+    align-items: center;
+    gap: var(--odd-space-sm);
+    min-block-size: var(--odd-target-min);
+    padding: var(--odd-space-sm) var(--odd-space-md);
+    overflow-wrap: anywhere;
+  }
+  .odd-list > li + li {
+    border-block-start: var(--odd-border-width-default) solid var(--odd-color-border-default);
+  }
+  .odd-list-meta {
+    color: var(--odd-color-text-secondary);
+  }
+  .odd-list > li[aria-current]:not([aria-current='false']) {
+    background: var(--odd-color-selection-background);
+    color: var(--odd-color-selection-foreground);
+  }
+  .odd-list > li[aria-current]:not([aria-current='false']) .odd-list-meta {
+    color: inherit;
+  }
+  @media (forced-colors: active) {
+    .odd-list > li[aria-current]:not([aria-current='false']) {
+      outline: var(--odd-border-width-strong) solid Highlight;
+      outline-offset: -2px;
+    }
+  }
+}

package/dist/css/reset.css

@@ -0,0 +1,44 @@
+@layer odd.reset, odd.tokens, odd.base, odd.layout, odd.components, odd.utilities;
+
+@layer odd.reset {
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+  body {
+    margin: 0;
+  }
+  img,
+  picture,
+  video,
+  canvas,
+  svg {
+    max-inline-size: 100%;
+    block-size: auto;
+  }
+  input,
+  button,
+  textarea,
+  select {
+    font: inherit;
+  }
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  p,
+  li,
+  dd,
+  figcaption,
+  blockquote {
+    overflow-wrap: break-word;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    html {
+      scroll-behavior: auto;
+    }
+  }
+}

package/dist/css/stepper.css

@@ -0,0 +1,57 @@
+@layer odd.reset, odd.tokens, odd.base, odd.layout, odd.components, odd.utilities;
+
+@layer odd.components {
+  .odd-stepper {
+    container: odd-stepper / inline-size;
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--odd-space-sm);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .odd-stepper > li {
+    display: flex;
+    flex: 1 1 0;
+    align-items: center;
+    gap: var(--odd-space-xs);
+    min-inline-size: 0;
+  }
+  .odd-stepper > li > :last-child {
+    display: flex;
+    flex-direction: column;
+    gap: var(--odd-space-2xs);
+    min-inline-size: 0;
+    overflow-wrap: anywhere;
+    color: var(--odd-color-text-primary);
+    font-family: var(--odd-type-ui-family);
+    font-size: var(--odd-type-ui-size);
+    font-weight: var(--odd-type-ui-weight);
+    line-height: var(--odd-type-ui-line-height);
+  }
+  .odd-stepper > li > :last-child > :not(:first-child) {
+    color: var(--odd-color-text-secondary);
+    font-family: var(--odd-type-small-family);
+    font-size: var(--odd-type-small-size);
+    font-weight: var(--odd-type-small-weight);
+    line-height: var(--odd-type-small-line-height);
+  }
+  .odd-stepper a {
+    color: inherit;
+  }
+  .odd-stepper > li:has(> odd-status-marker[status='failed']) > :last-child > :not(:first-child) {
+    color: var(--odd-color-danger-foreground);
+  }
+  .odd-stepper
+    > :is([aria-current='step'], :has([aria-current='step']))
+    > odd-status-marker::part(base) {
+    border-color: var(--odd-color-action-default);
+    background: var(--odd-color-action-default);
+    color: var(--odd-color-text-on-action);
+  }
+  @container odd-stepper (max-inline-size: 36rem) {
+    .odd-stepper > li {
+      flex-basis: 100%;
+    }
+  }
+}

package/dist/css/table.css

@@ -0,0 +1,43 @@
+@layer odd.reset, odd.tokens, odd.base, odd.layout, odd.components, odd.utilities;
+
+@layer odd.components {
+  .odd-table {
+    inline-size: 100%;
+    border-collapse: separate;
+    border-spacing: 0;
+    border: var(--odd-border-width-default) solid var(--odd-color-border-default);
+    border-radius: var(--odd-card-radius);
+    background: var(--odd-color-surface-default);
+    overflow: hidden;
+    color: var(--odd-color-text-primary);
+    font-family: var(--odd-type-ui-family);
+    font-size: var(--odd-type-ui-size);
+    font-weight: var(--odd-type-ui-weight);
+    line-height: var(--odd-type-ui-line-height);
+  }
+  .odd-table :is(th, td) {
+    padding: var(--odd-space-sm) var(--odd-space-md);
+    text-align: start;
+    vertical-align: middle;
+    overflow-wrap: anywhere;
+  }
+  .odd-table thead th {
+    background: var(--odd-color-surface-sunken);
+    color: var(--odd-color-text-secondary);
+    font-weight: var(--odd-font-weight-medium);
+  }
+  .odd-table th[aria-sort]:not([aria-sort='none']) {
+    color: var(--odd-color-text-primary);
+  }
+  .odd-table tbody tr + tr > * {
+    border-block-start: var(--odd-border-width-default) solid var(--odd-color-border-default);
+  }
+  .odd-table tbody tr:has(input[type='checkbox']:checked) {
+    background: var(--odd-color-selection-background);
+    color: var(--odd-color-selection-foreground);
+  }
+  .odd-table caption {
+    padding-block: var(--odd-space-xs);
+    text-align: start;
+  }
+}

package/dist/css/timeline.css

@@ -0,0 +1,77 @@
+@layer odd.reset, odd.tokens, odd.base, odd.layout, odd.components, odd.utilities;
+
+@layer odd.components {
+  .odd-timeline {
+    --_marker: var(--odd-icon-size-lg);
+    display: flex;
+    flex-direction: column;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .odd-timeline > li {
+    position: relative;
+    display: flex;
+    gap: var(--odd-space-sm);
+  }
+  .odd-timeline > li:not(:last-child) {
+    padding-block-end: var(--odd-space-md);
+  }
+  .odd-timeline > li:not(:last-child)::after {
+    content: '';
+    position: absolute;
+    inset-block: calc(var(--_marker) + var(--odd-space-2xs)) 0;
+    inset-inline-start: calc((var(--_marker) - var(--odd-border-width-default)) / 2);
+    inline-size: var(--odd-border-width-default);
+    background: var(--odd-color-border-default);
+  }
+  .odd-timeline odd-status-marker {
+    --odd-status-marker-size: var(--_marker);
+  }
+  .odd-timeline odd-status-marker::part(base) {
+    border-width: 0;
+    background: var(--odd-color-surface-sunken);
+    color: var(--odd-color-text-secondary);
+  }
+  .odd-timeline odd-status-marker:is([status='complete'], [status='pending'])::part(base) {
+    background: var(--odd-color-selection-surface);
+    color: var(--odd-color-selection-foreground);
+  }
+  .odd-timeline odd-status-marker[status='failed']::part(base) {
+    background: var(--odd-color-danger-surface);
+    color: var(--odd-color-danger-foreground);
+  }
+  .odd-timeline > li > :last-child {
+    display: flex;
+    flex-direction: column;
+    gap: var(--odd-space-2xs);
+    min-inline-size: 0;
+    overflow-wrap: anywhere;
+  }
+  .odd-timeline > li > :last-child > * {
+    margin: 0;
+    color: var(--odd-color-text-secondary);
+    font-family: var(--odd-type-small-family);
+    font-size: var(--odd-type-small-size);
+    font-weight: var(--odd-type-small-weight);
+    line-height: var(--odd-type-small-line-height);
+  }
+  .odd-timeline > li > :last-child > :first-child {
+    color: var(--odd-color-text-primary);
+    font-family: var(--odd-type-ui-family);
+    font-size: var(--odd-type-ui-size);
+    font-weight: var(--odd-type-ui-weight);
+    line-height: var(--odd-type-ui-line-height);
+  }
+  .odd-timeline > li:has(> odd-status-marker[status='failed']) > :last-child > :first-child {
+    color: var(--odd-color-danger-foreground);
+  }
+  @media (forced-colors: active) {
+    .odd-timeline > li:not(:last-child)::after {
+      background: CanvasText;
+    }
+    .odd-timeline odd-status-marker::part(base) {
+      border-width: var(--odd-border-width-default);
+    }
+  }
+}

package/dist/css/typography.css

@@ -0,0 +1,69 @@
+@layer odd.reset, odd.tokens, odd.base, odd.layout, odd.components, odd.utilities;
+
+@layer odd.components {
+  .odd-type-display {
+    font-family: var(--odd-type-display-family);
+    font-size: var(--odd-type-display-size);
+    font-weight: var(--odd-type-display-weight);
+    line-height: var(--odd-type-display-line-height);
+    letter-spacing: var(--odd-type-display-letter-spacing);
+    margin-block: 0;
+  }
+  .odd-type-title {
+    font-family: var(--odd-type-title-family);
+    font-size: var(--odd-type-title-size);
+    font-weight: var(--odd-type-title-weight);
+    line-height: var(--odd-type-title-line-height);
+    letter-spacing: var(--odd-type-title-letter-spacing);
+    margin-block: 0;
+  }
+  .odd-type-section {
+    font-family: var(--odd-type-section-family);
+    font-size: var(--odd-type-section-size);
+    font-weight: var(--odd-type-section-weight);
+    line-height: var(--odd-type-section-line-height);
+    letter-spacing: var(--odd-type-section-letter-spacing);
+    margin-block: 0;
+  }
+  .odd-type-body {
+    font-family: var(--odd-type-body-family);
+    font-size: var(--odd-type-body-size);
+    font-weight: var(--odd-type-body-weight);
+    line-height: var(--odd-type-body-line-height);
+    letter-spacing: var(--odd-type-body-letter-spacing);
+  }
+  .odd-type-ui {
+    font-family: var(--odd-type-ui-family);
+    font-size: var(--odd-type-ui-size);
+    font-weight: var(--odd-type-ui-weight);
+    line-height: var(--odd-type-ui-line-height);
+    letter-spacing: var(--odd-type-ui-letter-spacing);
+  }
+  .odd-type-small {
+    font-family: var(--odd-type-small-family);
+    font-size: var(--odd-type-small-size);
+    font-weight: var(--odd-type-small-weight);
+    line-height: var(--odd-type-small-line-height);
+    letter-spacing: var(--odd-type-small-letter-spacing);
+    color: var(--odd-color-text-secondary);
+  }
+  .odd-type-eyebrow {
+    font-family: var(--odd-type-eyebrow-family);
+    font-size: var(--odd-type-eyebrow-size);
+    font-weight: var(--odd-type-eyebrow-weight);
+    line-height: var(--odd-type-eyebrow-line-height);
+    letter-spacing: var(--odd-type-eyebrow-letter-spacing);
+    color: var(--odd-color-text-secondary);
+  }
+  .odd-type-code {
+    font-family: var(--odd-type-code-family);
+    font-size: var(--odd-type-code-size);
+    font-weight: var(--odd-type-code-weight);
+    line-height: var(--odd-type-code-line-height);
+    letter-spacing: var(--odd-type-code-letter-spacing);
+    color: var(--odd-color-text-secondary);
+  }
+  .odd-type-display, .odd-type-title, .odd-type-section {
+    text-wrap: balance;
+  }
+}

package/dist/css/utilities.css

@@ -0,0 +1,19 @@
+@layer odd.reset, odd.tokens, odd.base, odd.layout, odd.components, odd.utilities;
+
+@layer odd.utilities {
+  .odd-visually-hidden {
+    position: absolute;
+    inline-size: 1px;
+    block-size: 1px;
+    margin: -1px;
+    padding: 0;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border: 0;
+  }
+  .odd-focus-ring:focus-visible {
+    outline: var(--odd-focus-width) solid var(--odd-color-focus-ring);
+    outline-offset: var(--odd-focus-offset);
+  }
+}

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

@@ -0,0 +1,118 @@
+import { type ElementEvents } from '@oddkin/core/element';
+import { type Readable } from '@oddkin/core/reactive';
+import type { Scope } from '@oddkin/core/scope';
+import { type CalendarDateFilter } from '../calendar/calendar.js';
+import { OddkinFormControl, type FormControlOptions } from '../form-control/form-control.js';
+export declare const DATE_PICKER_STRINGS: {
+    previousMonth: string;
+    nextMonth: string;
+    today: string;
+    clear: string;
+    choose: string;
+    change: string;
+    invalid: string;
+    day: string;
+    month: string;
+    year: string;
+};
+/** Dispatched when the user commits a date: typed and committed, or chosen in the calendar. */
+export declare const datePickerInputEvent: import("@oddkin/core/element").EventDefinition<void>;
+/** Dispatched with `input` for each date the user commits. */
+export declare const datePickerChangeEvent: import("@oddkin/core/element").EventDefinition<void>;
+declare const OddkinDatePicker_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 placeholder: import("@oddkin/core/element").PropDefinition<string>;
+    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;
+        choose: string;
+        change: string;
+        invalid: string;
+        day: string;
+        month: string;
+        year: string;
+    }> | undefined>;
+}>;
+/**
+ * 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 declare class OddkinDatePicker extends OddkinDatePicker_base {
+    #private;
+    static shadowRootOptions: ShadowRootInit;
+    static events: {
+        input: import("@oddkin/core/element").EventDefinition<void>;
+        change: import("@oddkin/core/element").EventDefinition<void>;
+    };
+    readonly _events?: ElementEvents<typeof OddkinDatePicker>;
+    constructor();
+    /** @internal The calendar is open; the button's `aria-expanded`. */
+    readonly _open: Readable<boolean>;
+    /** @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 DATE_PICKER_STRINGS>;
+    /** @internal The page language, for `Intl`. */
+    get _lang(): string;
+    /** @internal The field's text: what the user typed, or the value as the language writes it. */
+    get _text(): string;
+    /** @internal The message for typed text that is not a date; empty when there is none. */
+    readonly _badInput: Readable<string>;
+    /** @internal The button's name: "Choose date", or "Change date, …" with the chosen date. */
+    get _buttonLabel(): string;
+    /** @internal Disabled by its attribute or a disabled fieldset. */
+    get _inactive(): boolean;
+    protected _formOptions(): FormControlOptions;
+    /** @internal Template handler: typing. The host's `input` waits for a committed date. */
+    readonly _onInput: (event: Event) => void;
+    /** @internal Template handler: the typed text is committed (Enter, or focus left the input). */
+    readonly _onChange: () => void;
+    /**
+     * @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.
+     */
+    readonly _onButton: (event: Event) => void;
+    /** @internal Template handler: the user chose a date in the calendar. */
+    readonly _onCalendarChange: (event: Event) => void;
+    protected mounted(scope: Scope): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-date-picker': OddkinDatePicker;
+    }
+}
+export {};
+//# sourceMappingURL=date-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../src/date-picker/date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEvE,OAAO,EAAoB,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAA2B,KAAK,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAI7F,eAAO,MAAM,mBAAmB;;;;;;;;;;;CAQ/B,CAAC;AAEF,+FAA+F;AAC/F,eAAO,MAAM,oBAAoB,sDAM/B,CAAC;AACH,8DAA8D;AAC9D,eAAO,MAAM,qBAAqB,sDAKhC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;AAEH;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,gBAAiB,SAAQ,qBAqCpC;;IACA,OAAgB,iBAAiB,EAAE,cAAc,CAA0C;IAC3F,OAAgB,MAAM;QAAK,KAAK;QAAwB,MAAM;MAA0B;IACxF,SAAiB,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,gBAAgB,CAAC,CAAC;IAkBlE,cAQC;IAED,oEAAoE;IACpE,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAsB;IAEvD,mGAAmG;IACnG,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,CAG9B;IAEH,2FAA2F;IAC3F,IAAI,KAAK,IAAI,MAAM,CAElB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAGtB;IAED,+DAA+D;IAC/D,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAErD;IAEF,+CAA+C;IAC/C,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,+FAA+F;IAC/F,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,yFAAyF;IACzF,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,CAMjC;IAEH,4FAA4F;IAC5F,IAAI,YAAY,IAAI,MAAM,CAMzB;IAED,kEAAkE;IAClE,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,UAAmB,YAAY,IAAI,kBAAkB,CAwBpD;IASD,yFAAyF;IACzF,QAAQ,CAAC,QAAQ,UAAW,KAAK,KAAG,IAAI,CAGtC;IAEF,gGAAgG;IAChG,QAAQ,CAAC,SAAS,QAAO,IAAI,CAO3B;IAEF;;;;OAIG;IACH,QAAQ,CAAC,SAAS,UAAW,KAAK,KAAG,IAAI,CAGvC;IAEF,yEAAyE;IACzE,QAAQ,CAAC,iBAAiB,UAAW,KAAK,KAAG,IAAI,CAI/C;IAEF,UAAmB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAG7C;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,gBAAgB,CAAC;KACrC;CACF"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.define.js","sourceRoot":"","sources":["../../src/date-picker/date-picker.define.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,MAAM,CAAC,oBAAoB,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.definition.d.ts","sourceRoot":"","sources":["../../src/date-picker/date-picker.definition.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKpD,eAAO,MAAM,oBAAoB,oEAiB/B,CAAC"}