@lmvz-ds/components 0.35.1 → 0.36.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lmvz-ds/components",
   "private": false,
-  "version": "0.35.1",
+  "version": "0.36.0",
   "type": "module",
   "description": "The components of the design system",
   "author": "Patrick Nemenz <patrick.nemenz@adesso.at>",
@@ -119,6 +119,10 @@
     "./lmvz-popover": {
       "import": "./components/lmvz-popover.js",
       "types": "./components/lmvz-popover.d.ts"
+    },
+    "./lmvz-datepicker": {
+      "import": "./components/lmvz-datepicker.js",
+      "types": "./components/lmvz-datepicker.d.ts"
     }
   },
   "main": "./index.cjs.js",

package/types/api/ds.constants.d.ts

@@ -16,4 +16,3 @@ export declare const snackbarPriorities: readonly ["low", "normal", "high"];
 export declare const snackbarDismissReasons: readonly ["timeout", "manual", "action", "overridden", "swallowed"];
 export declare const popoverPlacements: readonly ["top", "bottom", "start", "end", "top-start", "top-end", "bottom-start", "bottom-end"];
 export declare const popoverSizes: readonly ["sm", "md", "lg"];
-//# sourceMappingURL=ds.constants.d.ts.map

package/types/api/ds.types.d.ts

@@ -74,5 +74,13 @@ export namespace Popover {
   export type Size = (typeof popoverSizes)[number];
 }
 
+export namespace Datepicker {
+  /**
+   * A display-format pattern using the tokens `yyyy`, `MM`, `dd`
+   * (any order, arbitrary literal separators), e.g. `'dd.MM.yyyy'`.
+   */
+  export type DisplayFormat = string;
+}
+
 export type Attributes = { [key: string]: unknown };
 export type FormRef = string | HTMLFormElement | undefined;

package/types/components/lmvz-action/lmvz-action.d.ts

@@ -4,4 +4,3 @@ export declare class LmvzAction {
     private _onClick;
     render(): any;
 }
-//# sourceMappingURL=lmvz-action.d.ts.map

package/types/components/lmvz-action-list/lmvz-action-list.d.ts

@@ -14,4 +14,3 @@ export declare class LmvzActionList extends ReactiveControllerHost implements Di
     private readonly handleSlotChange;
     render(): any;
 }
-//# sourceMappingURL=lmvz-action-list.d.ts.map

package/types/components/lmvz-button/lmvz-button.d.ts

@@ -30,4 +30,3 @@ export declare class LmvzButton extends ReactiveControllerHost implements AriaVa
     private handleClick;
     render(): any;
 }
-//# sourceMappingURL=lmvz-button.d.ts.map

package/types/components/lmvz-button-group/lmvz-button-group.d.ts

@@ -20,4 +20,3 @@ export declare class LmvzButtonGroup {
     private checkActions;
     render(): any;
 }
-//# sourceMappingURL=lmvz-button-group.d.ts.map

package/types/components/lmvz-card/lmvz-card.d.ts

@@ -10,4 +10,3 @@ export declare class LmvzCard {
     private _onOverflowClick;
     render(): any;
 }
-//# sourceMappingURL=lmvz-card.d.ts.map

package/types/components/lmvz-checkbox/lmvz-checkbox.d.ts

@@ -38,4 +38,3 @@ export declare class LmvzCheckbox extends ReactiveControllerHost implements Aria
     private retargetInnerClicks;
     render(): any;
 }
-//# sourceMappingURL=lmvz-checkbox.d.ts.map

package/types/components/lmvz-chip/lmvz-chip.d.ts

@@ -18,4 +18,3 @@ export declare class LmvzChip extends ReactiveControllerHost implements AriaVali
     private readonly checkContent;
     render(): any;
 }
-//# sourceMappingURL=lmvz-chip.d.ts.map

package/types/components/lmvz-datepicker/lmvz-datepicker.d.ts

@@ -0,0 +1,75 @@
+import { type EventEmitter } from '../../stencil-public-runtime';
+import { IsoDateString, IsoYearMonthString } from '@lmvz-ds/lib-ts/date/IsoDateString.js';
+import type { Datepicker } from '../../api';
+export declare class LmvzDatepicker {
+    private el;
+    private readonly monthLabelId;
+    internals: ElementInternals;
+    private visibleDays?;
+    private inputEl?;
+    private focusedButtonRef?;
+    private initialValue;
+    private pendingGridFocus;
+    private syncOrigin;
+    private focusedDate;
+    private setFocusedDate;
+    private valueDate;
+    get value(): IsoDateString | undefined;
+    set value(value: IsoDateString | undefined);
+    private visibleMonthDate;
+    get visibleMonth(): IsoYearMonthString | undefined;
+    set visibleMonth(value: IsoYearMonthString | undefined);
+    min: IsoDateString | undefined;
+    max: IsoDateString | undefined;
+    locale: string;
+    firstDayOfWeek: 0 | 1;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    name?: string;
+    label?: string;
+    placeholder?: string;
+    helperText?: string;
+    errorMessage?: string;
+    open: boolean;
+    displayFormat?: Datepicker.DisplayFormat;
+    lmvzChange: EventEmitter<{
+        value: IsoDateString | undefined;
+    }>;
+    lmvzMonthChange: EventEmitter<{
+        visibleMonth: IsoYearMonthString;
+    }>;
+    lmvzOpen: EventEmitter<void>;
+    lmvzClose: EventEmitter<void>;
+    componentWillLoad(): void;
+    formAssociatedCallback(form: HTMLFormElement | undefined): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData | null): void;
+    checkValidity(): Promise<boolean>;
+    reportValidity(): Promise<boolean>;
+    protected handleValidityRelevantPropChange(): void;
+    protected handleDisplayFormatChange(): void;
+    protected handleDisabledChange(disabled: boolean): void;
+    handleKeydown(ev: KeyboardEvent): void;
+    private initFocusedDate;
+    private get effectiveVisibleMonth();
+    private navigateMonth;
+    private selectDate;
+    private moveFocus;
+    private syncInputTextFromValue;
+    private inputText;
+    private hasUnparseableInput;
+    private handleInputTextChange;
+    handleInputFocus(ev: FocusEvent): void;
+    private handleInputKeydown;
+    private focusGrid;
+    private handlePopoverOpen;
+    private handlePopoverClose;
+    private updateFormState;
+    private isInvalid;
+    private get effectivePlaceholder();
+    private renderHeader;
+    private renderWeekdayRow;
+    private renderGrid;
+    render(): any;
+}

package/types/components/lmvz-datepicker/lmvz-datepicker.utils.d.ts

@@ -0,0 +1,22 @@
+import * as PlainDateFns from 'temporal-polyfill/fns/PlainDate';
+import * as PlainYearMonthFns from 'temporal-polyfill/fns/PlainYearMonth';
+import type { IsoDateString } from '@lmvz-ds/lib-ts/date/IsoDateString.js';
+import type { Datepicker } from '../../api';
+export declare function isSelected(date: PlainDateFns.Record, value: PlainDateFns.Record | undefined): boolean;
+export declare function isDisabled(date: PlainDateFns.Record, min: PlainDateFns.Record | undefined, max: PlainDateFns.Record | undefined): boolean;
+export declare function buildCalendarGrid(visibleMonth: PlainYearMonthFns.Record): PlainDateFns.Record[];
+export declare function isInFirstWeekOfMonth(date: PlainDateFns.Record): boolean;
+export declare function isInLastWeekOfMonth(date: PlainDateFns.Record): boolean;
+export declare function firstSelectableDayOfMonth(visibleMonth: PlainYearMonthFns.Record, min: PlainDateFns.Record | undefined, max: PlainDateFns.Record | undefined): PlainDateFns.Record | null;
+export declare function lastSelectableDayOfMonth(visibleMonth: PlainYearMonthFns.Record, min: PlainDateFns.Record | undefined, max: PlainDateFns.Record | undefined): PlainDateFns.Record | null;
+export declare function getNavLabels(locale: string): {
+    prev: string;
+    next: string;
+};
+export declare function getValidationLabels(locale: string): {
+    popoverSuffix: string;
+    invalidDateMessage: string;
+};
+export declare function derivePatternFromLocale(locale: string): Datepicker.DisplayFormat;
+export declare function formatToDisplay(value: IsoDateString | undefined, locale: string, displayFormat?: Datepicker.DisplayFormat): string;
+export declare function parseFromDisplay(text: string, locale: string, displayFormat?: Datepicker.DisplayFormat): IsoDateString | undefined;

package/types/components/lmvz-datepicker/test/lmvz-datepicker.utils.unit.d.ts

@@ -0,0 +1 @@
+export {};

package/types/components/lmvz-header/lmvz-header.d.ts

@@ -24,4 +24,3 @@ export declare class LmvzHeader extends ReactiveControllerHost implements AriaVa
     private delegateFocus;
     render(): any;
 }
-//# sourceMappingURL=lmvz-header.d.ts.map

package/types/components/lmvz-icon/lmvz-icon.d.ts

@@ -23,4 +23,3 @@ export declare class LmvzIcon extends ReactiveControllerHost implements AriaVali
     render(): any;
     private waitUntilVisible;
 }
-//# sourceMappingURL=lmvz-icon.d.ts.map

package/types/components/lmvz-input/lmvz-input.d.ts

@@ -10,6 +10,7 @@ export declare class LmvzInput extends ReactiveControllerHost implements AriaVal
     private nativeInputElement?;
     private inputId;
     private initialValue;
+    private ariaHostMirrorObserver?;
     private nativeError;
     private errorFromProp;
     private get helperId();
@@ -51,6 +52,10 @@ export declare class LmvzInput extends ReactiveControllerHost implements AriaVal
     getInputElement(): Promise<HTMLInputElement | undefined>;
     constructor();
     componentWillLoad(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentDidLoad(): void;
+    private mirrorHostAriaAttribute;
     formAssociatedCallback(form: HTMLFormElement | undefined): void;
     formResetCallback(): void;
     formStateRestoreCallback(state: string): void;
@@ -63,4 +68,3 @@ export declare class LmvzInput extends ReactiveControllerHost implements AriaVal
     private updateNativeError;
     render(): any;
 }
-//# sourceMappingURL=lmvz-input.d.ts.map

package/types/components/lmvz-link/lmvz-link.d.ts

@@ -11,4 +11,3 @@ export declare class LmvzLink {
     private computeRel;
     render(): any;
 }
-//# sourceMappingURL=lmvz-link.d.ts.map

package/types/components/lmvz-menuitem/lmvz-menuitem.d.ts

@@ -12,4 +12,3 @@ export declare class LmvzMenuItem extends ReactiveControllerHost implements Aria
     constructor();
     render(): any;
 }
-//# sourceMappingURL=lmvz-menuitem.d.ts.map

package/types/components/lmvz-message/lmvz-message.d.ts

@@ -18,4 +18,3 @@ export declare class LmvzMessage {
     private checkSlotContent;
     render(): any;
 }
-//# sourceMappingURL=lmvz-message.d.ts.map

package/types/components/lmvz-message/public.d.ts

@@ -1,2 +1 @@
 export type { Message } from '../../api';
-//# sourceMappingURL=public.d.ts.map

package/types/components/lmvz-modal/lmvz-modal.d.ts

@@ -41,4 +41,3 @@ export declare class LmvzModal extends ReactiveControllerHost implements AriaVal
     private readonly handleHeaderSlotChange;
     render(): any;
 }
-//# sourceMappingURL=lmvz-modal.d.ts.map

package/types/components/lmvz-modal/test/testing.d.ts

@@ -7,4 +7,3 @@ export declare const mockDialogMethods: (dialog: HTMLDialogElement) => {
     close: import("vitest").Mock<(returnValue?: string) => void>;
     requestClose: import("vitest").Mock<(returnValue?: string) => void>;
 };
-//# sourceMappingURL=testing.d.ts.map

package/types/components/lmvz-popover/lmvz-popover.d.ts

@@ -37,4 +37,3 @@ export declare class LmvzPopover {
     private removeCloseHandlers;
     render(): any;
 }
-//# sourceMappingURL=lmvz-popover.d.ts.map

package/types/components/lmvz-radio/lmvz-radio.d.ts

@@ -40,4 +40,3 @@ export declare class LmvzRadio extends ReactiveControllerHost implements AriaVal
     handleKeydown(event: KeyboardEvent): void;
     render(): any;
 }
-//# sourceMappingURL=lmvz-radio.d.ts.map

package/types/components/lmvz-select/lmvz-select.d.ts

@@ -25,4 +25,3 @@ export declare class LmvzSelect extends ReactiveControllerHost implements AriaVa
     private handleChange;
     render(): any;
 }
-//# sourceMappingURL=lmvz-select.d.ts.map

package/types/components/lmvz-snackbar/lmvz-snackbar.d.ts

@@ -19,4 +19,3 @@ export declare class LmvzSnackbar {
     private readonly handleActionClick;
     render(): any;
 }
-//# sourceMappingURL=lmvz-snackbar.d.ts.map

package/types/components/lmvz-snackbar/public.d.ts

@@ -1,3 +1,2 @@
 export { SnackbarController } from './snackbar-controller';
 export type { SnackbarDismissReason, SnackbarHandle, SnackbarOptions, SnackbarPriority, SnackbarStatus } from './snackbar-controller';
-//# sourceMappingURL=public.d.ts.map

package/types/components/lmvz-snackbar/snackbar-controller.d.ts

@@ -30,4 +30,3 @@ export declare class SnackbarController {
     open(options: SnackbarOptions): SnackbarHandle;
     dismiss(id?: string): void;
 }
-//# sourceMappingURL=snackbar-controller.d.ts.map

package/types/components/lmvz-spinner/lmvz-spinner.d.ts

@@ -3,4 +3,3 @@ export declare class LmvzSpinner {
     ariaLabel?: string;
     render(): any;
 }
-//# sourceMappingURL=lmvz-spinner.d.ts.map

package/types/components/lmvz-tab/lmvz-tab.d.ts

@@ -9,4 +9,3 @@ export declare class LmvzTab {
     componentDidLoad(): void;
     render(): any;
 }
-//# sourceMappingURL=lmvz-tab.d.ts.map

package/types/components/lmvz-tabs/lmvz-tabs.d.ts

@@ -42,4 +42,3 @@ export declare class LmvzTabs extends ReactiveControllerHost implements Directio
     private readonly handleKeydown;
     render(): any;
 }
-//# sourceMappingURL=lmvz-tabs.d.ts.map

package/types/components/lmvz-toggle/lmvz-toggle.d.ts

@@ -29,4 +29,3 @@ export declare class LmvzToggle extends ReactiveControllerHost implements AriaVa
     private handleChange;
     render(): any;
 }
-//# sourceMappingURL=lmvz-toggle.d.ts.map

package/types/components.d.ts

@@ -215,6 +215,86 @@ export declare namespace Components {
          */
         "type": Chip.Type;
     }
+    export interface LmvzDatepicker {
+        /**
+         * Returns whether the current value satisfies `required`/`min`/`max` and is a parseable date. Unlike a native `<input>`, form-associated custom elements do not forward `ElementInternals`' constraint-validation API to the element automatically — this delegates to it explicitly.
+         */
+        "checkValidity": () => Promise<boolean>;
+        /**
+         * Whether the entire datepicker (input + panel) is disabled.
+         * @default false
+         */
+        "disabled": boolean;
+        /**
+         * Custom display-format pattern for the text field, using the tokens `yyyy`, `MM`, `dd` (e.g. `'dd.MM.yyyy'`). Defaults to a pattern derived from `locale`.
+         */
+        "displayFormat"?: Datepicker.DisplayFormat;
+        /**
+         * Error message displayed below the text field when the value is invalid.
+         */
+        "errorMessage"?: string;
+        /**
+         * First day of the week: `0` = Sunday, `1` = Monday. Monday-first is hardcoded for v1; this prop is reserved for future runtime support.
+         * @default 1
+         */
+        "firstDayOfWeek": 0 | 1;
+        /**
+         * Helper text displayed below the text field.
+         */
+        "helperText"?: string;
+        /**
+         * Label for the composed text field.
+         */
+        "label"?: string;
+        /**
+         * BCP 47 locale tag used for weekday/month names, ARIA labels, and the default display format.
+         * @default 'de-CH'
+         */
+        "locale": string;
+        /**
+         * Maximum selectable date in ISO `YYYY-MM-DD` format. Days after this date are disabled.
+         */
+        "max": IsoDateString | undefined;
+        /**
+         * Minimum selectable date in ISO `YYYY-MM-DD` format. Days before this date are disabled.
+         */
+        "min": IsoDateString | undefined;
+        /**
+         * Name submitted with the form.
+         */
+        "name"?: string;
+        /**
+         * Whether the calendar popover is open. Reflects the actual open state — it is kept in sync with focus/keyboard interactions and with light-dismiss/Escape closing.
+         * @default false
+         */
+        "open": boolean;
+        /**
+         * Placeholder for the composed text field. Defaults to the locale-derived display pattern (e.g. `dd.MM.yyyy`).
+         */
+        "placeholder"?: string;
+        /**
+         * Whether the datepicker is readonly. The text field cannot be typed into and the calendar cannot change the value, but the value is still submitted with the form.
+         * @default false
+         */
+        "readonly": boolean;
+        /**
+         * Reports validation errors to the user (e.g. shows the browser's native validation bubble) and returns whether the current value is valid.
+         */
+        "reportValidity": () => Promise<boolean>;
+        /**
+         * Whether a value is required for the form to be valid.
+         * @default false
+         */
+        "required": boolean;
+        /**
+         * The selected date in ISO `YYYY-MM-DD` format.
+         */
+        "value": `${number}-${number}-${number}` | undefined;
+        /**
+         * ISO year-month string (`YYYY-MM`) whose month is currently displayed. Defaults to the current month when unset.
+         */
+        "visibleMonth": IsoYearMonthString | undefined;
+    }
     /**
      * An accessible, application-style navigation header component, that renders two connected levels of navigation.
      */
@@ -850,6 +930,14 @@ export declare namespace Components {
     }
 }
 
+export declare namespace Datepicker {
+    /**
+     * A display-format pattern using the tokens `yyyy`, `MM`, `dd`
+     * (any order, arbitrary literal separators), e.g. `'dd.MM.yyyy'`.
+     */
+    export type DisplayFormat = string;
+}
+
 export declare type FormRef = string | HTMLFormElement | undefined;
 
 export declare namespace Icon {
@@ -880,6 +968,18 @@ declare const inputSizes: readonly ["sm", "md", "lg"];
 
 declare const inputTypes: readonly ["text", "email", "password", "tel", "url", "search", "number"];
 
+/**
+ * ISO 8601 date string: YYYY-MM-DD
+ * Compatible with Temporal.PlainDate.toString()
+ */
+export declare type IsoDateString = `${number}-${number}-${number}`;
+
+/**
+ * ISO 8601 year-month string: YYYY-MM
+ * Compatible with Temporal.PlainYearMonth.toString()
+ */
+export declare type IsoYearMonthString = `${number}-${number}`;
+
 export declare namespace JSX {
     export type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
 
@@ -1080,6 +1180,98 @@ export declare namespace JSX {
          */
         "type"?: Chip.Type;
     }
+    export interface LmvzDatepicker {
+        /**
+         * Whether the entire datepicker (input + panel) is disabled.
+         * @default false
+         */
+        "disabled"?: boolean;
+        /**
+         * Custom display-format pattern for the text field, using the tokens `yyyy`, `MM`, `dd` (e.g. `'dd.MM.yyyy'`). Defaults to a pattern derived from `locale`.
+         */
+        "displayFormat"?: Datepicker.DisplayFormat;
+        /**
+         * Error message displayed below the text field when the value is invalid.
+         */
+        "errorMessage"?: string;
+        /**
+         * First day of the week: `0` = Sunday, `1` = Monday. Monday-first is hardcoded for v1; this prop is reserved for future runtime support.
+         * @default 1
+         */
+        "firstDayOfWeek"?: 0 | 1;
+        /**
+         * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
+        /**
+         * Helper text displayed below the text field.
+         */
+        "helperText"?: string;
+        /**
+         * Label for the composed text field.
+         */
+        "label"?: string;
+        /**
+         * BCP 47 locale tag used for weekday/month names, ARIA labels, and the default display format.
+         * @default 'de-CH'
+         */
+        "locale"?: string;
+        /**
+         * Maximum selectable date in ISO `YYYY-MM-DD` format. Days after this date are disabled.
+         */
+        "max"?: IsoDateString | undefined;
+        /**
+         * Minimum selectable date in ISO `YYYY-MM-DD` format. Days before this date are disabled.
+         */
+        "min"?: IsoDateString | undefined;
+        /**
+         * Name submitted with the form.
+         */
+        "name"?: string;
+        /**
+         * Emitted when the user selects a date (via the calendar grid or by typing a complete valid date). The `value` field carries an IsoDateString representing the selected date.
+         */
+        "onLmvzChange"?: (event: LmvzDatepickerCustomEvent<{ value: IsoDateString | undefined }>) => void;
+        /**
+         * Forwarded from the internal popover: fired after the calendar panel closes.
+         */
+        "onLmvzClose"?: (event: LmvzDatepickerCustomEvent<void>) => void;
+        /**
+         * Emitted when the displayed month changes via prev/next navigation. The `visibleMonth` field carries an IsoYearMonthString representing the new month.
+         */
+        "onLmvzMonthChange"?: (event: LmvzDatepickerCustomEvent<{ visibleMonth: IsoYearMonthString }>) => void;
+        /**
+         * Forwarded from the internal popover: fired after the calendar panel opens.
+         */
+        "onLmvzOpen"?: (event: LmvzDatepickerCustomEvent<void>) => void;
+        /**
+         * Whether the calendar popover is open. Reflects the actual open state — it is kept in sync with focus/keyboard interactions and with light-dismiss/Escape closing.
+         * @default false
+         */
+        "open"?: boolean;
+        /**
+         * Placeholder for the composed text field. Defaults to the locale-derived display pattern (e.g. `dd.MM.yyyy`).
+         */
+        "placeholder"?: string;
+        /**
+         * Whether the datepicker is readonly. The text field cannot be typed into and the calendar cannot change the value, but the value is still submitted with the form.
+         * @default false
+         */
+        "readonly"?: boolean;
+        /**
+         * Whether a value is required for the form to be valid.
+         * @default false
+         */
+        "required"?: boolean;
+        /**
+         * The selected date in ISO `YYYY-MM-DD` format.
+         */
+        "value"?: `${number}-${number}-${number}` | undefined;
+        /**
+         * ISO year-month string (`YYYY-MM`) whose month is currently displayed. Defaults to the current month when unset.
+         */
+        "visibleMonth"?: IsoYearMonthString | undefined;
+    }
     /**
      * An accessible, application-style navigation header component, that renders two connected levels of navigation.
      */
@@ -1713,6 +1905,24 @@ export declare namespace JSX {
         "type": Chip.Type;
         "size": Chip.Size;
     }
+    export interface LmvzDatepickerAttributes {
+        "value": `${number}-${number}-${number}` | undefined;
+        "visibleMonth": IsoYearMonthString | undefined;
+        "min": IsoDateString | undefined;
+        "max": IsoDateString | undefined;
+        "locale": string;
+        "firstDayOfWeek": 0 | 1;
+        "disabled": boolean;
+        "readonly": boolean;
+        "required": boolean;
+        "name": string;
+        "label": string;
+        "placeholder": string;
+        "helperText": string;
+        "errorMessage": string;
+        "open": boolean;
+        "displayFormat": Datepicker.DisplayFormat;
+    }
     export interface LmvzHeaderAttributes {
         "role": string;
         "lmvzActiveNav": string;
@@ -1843,6 +2053,7 @@ export declare namespace JSX {
         "lmvz-card": Omit<LmvzCard, keyof LmvzCardAttributes> & { [K in keyof LmvzCard & keyof LmvzCardAttributes]?: LmvzCard[K] } & { [K in keyof LmvzCard & keyof LmvzCardAttributes as `attr:${K}`]?: LmvzCardAttributes[K] } & { [K in keyof LmvzCard & keyof LmvzCardAttributes as `prop:${K}`]?: LmvzCard[K] } & OneOf<"cardTitle", LmvzCard["cardTitle"], LmvzCardAttributes["cardTitle"]>;
         "lmvz-checkbox": Omit<LmvzCheckbox, keyof LmvzCheckboxAttributes> & { [K in keyof LmvzCheckbox & keyof LmvzCheckboxAttributes]?: LmvzCheckbox[K] } & { [K in keyof LmvzCheckbox & keyof LmvzCheckboxAttributes as `attr:${K}`]?: LmvzCheckboxAttributes[K] } & { [K in keyof LmvzCheckbox & keyof LmvzCheckboxAttributes as `prop:${K}`]?: LmvzCheckbox[K] } & OneOf<"label", LmvzCheckbox["label"], LmvzCheckboxAttributes["label"]>;
         "lmvz-chip": Omit<LmvzChip, keyof LmvzChipAttributes> & { [K in keyof LmvzChip & keyof LmvzChipAttributes]?: LmvzChip[K] } & { [K in keyof LmvzChip & keyof LmvzChipAttributes as `attr:${K}`]?: LmvzChipAttributes[K] } & { [K in keyof LmvzChip & keyof LmvzChipAttributes as `prop:${K}`]?: LmvzChip[K] };
+        "lmvz-datepicker": Omit<LmvzDatepicker, keyof LmvzDatepickerAttributes> & { [K in keyof LmvzDatepicker & keyof LmvzDatepickerAttributes]?: LmvzDatepicker[K] } & { [K in keyof LmvzDatepicker & keyof LmvzDatepickerAttributes as `attr:${K}`]?: LmvzDatepickerAttributes[K] } & { [K in keyof LmvzDatepicker & keyof LmvzDatepickerAttributes as `prop:${K}`]?: LmvzDatepicker[K] };
         "lmvz-header": Omit<LmvzHeader, keyof LmvzHeaderAttributes> & { [K in keyof LmvzHeader & keyof LmvzHeaderAttributes]?: LmvzHeader[K] } & { [K in keyof LmvzHeader & keyof LmvzHeaderAttributes as `attr:${K}`]?: LmvzHeaderAttributes[K] } & { [K in keyof LmvzHeader & keyof LmvzHeaderAttributes as `prop:${K}`]?: LmvzHeader[K] };
         "lmvz-icon": Omit<LmvzIcon, keyof LmvzIconAttributes> & { [K in keyof LmvzIcon & keyof LmvzIconAttributes]?: LmvzIcon[K] } & { [K in keyof LmvzIcon & keyof LmvzIconAttributes as `attr:${K}`]?: LmvzIconAttributes[K] } & { [K in keyof LmvzIcon & keyof LmvzIconAttributes as `prop:${K}`]?: LmvzIcon[K] } & OneOf<"icon", LmvzIcon["icon"], LmvzIconAttributes["icon"]>;
         "lmvz-input": Omit<LmvzInput, keyof LmvzInputAttributes> & { [K in keyof LmvzInput & keyof LmvzInputAttributes]?: LmvzInput[K] } & { [K in keyof LmvzInput & keyof LmvzInputAttributes as `attr:${K}`]?: LmvzInputAttributes[K] } & { [K in keyof LmvzInput & keyof LmvzInputAttributes as `prop:${K}`]?: LmvzInput[K] } & OneOf<"label", LmvzInput["label"], LmvzInputAttributes["label"]>;
@@ -1887,6 +2098,11 @@ export declare interface LmvzCheckboxCustomEvent<T> extends CustomEvent<T> {
     target: HTMLLmvzCheckboxElement;
 }
 
+export declare interface LmvzDatepickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLmvzDatepickerElement;
+}
+
 declare namespace LmvzDS {
     type Variant = (typeof variants)[number];
     type Size = (typeof sizes)[number];

package/types/index.d.ts

@@ -5,4 +5,3 @@ export type { LmvzDS, Typography } from './api';
 export * from './components/lmvz-message/public';
 export * from './components/lmvz-snackbar/public';
 export * from './utils/public';
-//# sourceMappingURL=index.d.ts.map

package/types/utils/aria/aria-validation-controller.d.ts

@@ -31,4 +31,3 @@ export declare class AriaValidationController<T extends HTMLElement = HTMLElemen
     private enqueueValidation;
     private discardVisibilityObserver;
 }
-//# sourceMappingURL=aria-validation-controller.d.ts.map

package/types/utils/aria/aria.constants.d.ts

@@ -1,2 +1,2 @@
 export declare const ariaAttributes: string[];
-//# sourceMappingURL=aria.constants.d.ts.map
+export declare const ariaHostMirrorAttributes: readonly ["aria-haspopup", "aria-controls", "aria-expanded", "aria-activedescendant", "aria-autocomplete"];

package/types/utils/aria/directional-focus-controller.d.ts

@@ -47,4 +47,3 @@ export declare class DirectionalFocusController implements ReactiveController {
 export type ListKeyboardNavigationHost = DirectionalFocusHost;
 export type ListKeyboardNavigationControllerConfig = DirectionalFocusControllerConfig;
 export { DirectionalFocusController as ListKeyboardNavigationController };
-//# sourceMappingURL=directional-focus-controller.d.ts.map

package/types/utils/aria/element-activation-controller.d.ts

@@ -25,4 +25,3 @@ export declare class ElementActivationController implements ReactiveController {
 declare function bindHandlers(target: HTMLElement, handler: (event: Event) => unknown, abortSignal: AbortSignal, keys?: string[]): void;
 export declare function addElementActivationListener(...[target, handler, abortSignal, keys]: Parameters<typeof bindHandlers>): void;
 export {};
-//# sourceMappingURL=element-activation-controller.d.ts.map

package/types/utils/async/async.util.d.ts

@@ -8,5 +8,4 @@ export declare const waitFrame: () => Promise<void>;
 export declare const raf: (h: FrameRequestCallback) => number;
 export declare const deferEvent: (event: EventEmitter) => EventEmitter;
 export declare const debounceEvent: (event: EventEmitter, wait: number) => EventEmitter;
-export declare const debounce: (func: (...args: unknown[]) => void, wait?: number) => (...args: unknown[]) => any;
-//# sourceMappingURL=async.util.d.ts.map
+export declare const debounce: <A extends any[]>(func: (...args: A) => void, wait?: number) => (...args: A) => any;

package/types/utils/data/event.util.d.ts

@@ -3,4 +3,3 @@ export declare const pointerCoord: (ev: TouchEvent | MouseEvent) => {
     y: number;
 };
 export declare function filterKeysAndCallback(callback: (event: Event) => unknown, keys?: string[]): (event: KeyboardEvent) => void;
-//# sourceMappingURL=event.util.d.ts.map

package/types/utils/data/number.util.d.ts

@@ -1,3 +1,2 @@
 export declare const clamp: (min: number, n: number, max: number) => number;
 export declare const isSafeNumber: (input: unknown) => input is number;
-//# sourceMappingURL=number.util.d.ts.map

package/types/utils/data/object.util.d.ts

@@ -3,4 +3,3 @@ export declare const shallowEqualStringMap: (map1: {
 } | undefined, map2: {
     [k: string]: unknown;
 } | undefined) => boolean;
-//# sourceMappingURL=object.util.d.ts.map

package/types/utils/data/time.util.d.ts

@@ -1,2 +1 @@
 export declare const now: (ev: UIEvent) => number;
-//# sourceMappingURL=time.util.d.ts.map