@nanahoshi/mona-ui 0.24.4 → 0.24.6

package/locales/ar-sa/ar-sa.messages.json

@@ -251,7 +251,8 @@
     },
     "multiSelect": {
         "clear": "مسح",
-        "itemsCount": "+ {count}"
+        "itemsCount": "+ {count}",
+        "removeMoreItems": "حذف العناصر الإضافية ({count})"
     },
     "notification": {
         "close": "إغلاق",

package/locales/de-de/de-de.messages.json

@@ -251,7 +251,8 @@
     },
     "multiSelect": {
         "clear": "Leeren",
-        "itemsCount": "{count, plural, =1 {+ # Element} other {+ # Elemente}}"
+        "itemsCount": "{count, plural, =1 {+ # Element} other {+ # Elemente}}",
+        "removeMoreItems": "{count, plural, =1 {# weiteres Element entfernen} other {# weitere Elemente entfernen}}"
     },
     "notification": {
         "close": "Schließen",

package/locales/es-es/es-es.messages.json

@@ -251,7 +251,8 @@
     },
     "multiSelect": {
         "clear": "Limpiar",
-        "itemsCount": "{count, plural, =1 {+ # elemento} other {+ # elementos}}"
+        "itemsCount": "{count, plural, =1 {+ # elemento} other {+ # elementos}}",
+        "removeMoreItems": "{count, plural, =1 {Quitar # elemento más} other {Quitar # elementos más}}"
     },
     "notification": {
         "close": "Cerrar",

package/locales/fr-fr/fr-fr.messages.json

@@ -251,7 +251,8 @@
     },
     "multiSelect": {
         "clear": "Effacer",
-        "itemsCount": "{count, plural, =1 {+ # élément} other {+ # éléments}}"
+        "itemsCount": "{count, plural, =1 {+ # élément} other {+ # éléments}}",
+        "removeMoreItems": "{count, plural, =1 {Retirer # autre élément} other {Retirer # autres éléments}}"
     },
     "notification": {
         "close": "Fermer",

package/locales/id-id/id-id.messages.json

@@ -251,7 +251,8 @@
     },
     "multiSelect": {
         "clear": "Bersihkan",
-        "itemsCount": "+ {count} item"
+        "itemsCount": "+ {count} item",
+        "removeMoreItems": "Hapus {count} item lainnya"
     },
     "notification": {
         "close": "Tutup",

package/locales/it-it/it-it.messages.json

@@ -251,7 +251,8 @@
     },
     "multiSelect": {
         "clear": "Cancella",
-        "itemsCount": "{count, plural, =1 {+ 1 elemento} other {+ # elementi}}"
+        "itemsCount": "{count, plural, =1 {+ 1 elemento} other {+ # elementi}}",
+        "removeMoreItems": "{count, plural, =1 {Rimuovi un altro elemento} other {Rimuovi altri # elementi}}"
     },
     "notification": {
         "close": "Chiudi",

package/locales/ja-jp/ja-jp.messages.json

@@ -251,7 +251,8 @@
     },
     "multiSelect": {
         "clear": "クリア",
-        "itemsCount": "+ {count}件"
+        "itemsCount": "+ {count}件",
+        "removeMoreItems": "他の{count}件を削除"
     },
     "notification": {
         "close": "閉じる",

package/locales/ko-kr/ko-kr.messages.json

@@ -251,7 +251,8 @@
     },
     "multiSelect": {
         "clear": "지우기",
-        "itemsCount": "+ {count}개"
+        "itemsCount": "+ {count}개",
+        "removeMoreItems": "나머지 {count}개 삭제"
     },
     "notification": {
         "close": "닫기",

package/locales/pt-br/pt-br.messages.json

@@ -251,7 +251,8 @@
     },
     "multiSelect": {
         "clear": "Limpar",
-        "itemsCount": "{count, plural, =1 {+ 1 item} other {+ # itens}}"
+        "itemsCount": "{count, plural, =1 {+ 1 item} other {+ # itens}}",
+        "removeMoreItems": "{count, plural, =1 {Remover mais 1 item} other {Remover mais # itens}}"
     },
     "notification": {
         "close": "Fechar",

package/locales/ru-ru/ru-ru.messages.json

@@ -251,7 +251,8 @@
     },
     "multiSelect": {
         "clear": "Очистить",
-        "itemsCount": "+ {count, plural, one {# элемент} few {# элемента} many {# элементов} other {# элемента}}"
+        "itemsCount": "+ {count, plural, one {# элемент} few {# элемента} many {# элементов} other {# элемента}}",
+        "removeMoreItems": "Удалить ещё {count, plural, one {# элемент} few {# элемента} many {# элементов} other {# элемента}}"
     },
     "notification": {
         "close": "Закрыть",

package/locales/tr-tr/tr-tr.messages.json

@@ -251,7 +251,8 @@
     },
     "multiSelect": {
         "clear": "Temizle",
-        "itemsCount": "+ {count} öğe"
+        "itemsCount": "+ {count} öğe",
+        "removeMoreItems": "Diğer {count} öğeyi kaldır"
     },
     "notification": {
         "close": "Kapat",

package/locales/zh-cn/zh-cn.messages.json

@@ -251,7 +251,8 @@
     },
     "multiSelect": {
         "clear": "清除",
-        "itemsCount": "+ {count} 项"
+        "itemsCount": "+ {count} 项",
+        "removeMoreItems": "删除其余 {count} 项"
     },
     "notification": {
         "close": "关闭",

package/locales/zh-tw/zh-tw.messages.json

@@ -251,7 +251,8 @@
     },
     "multiSelect": {
         "clear": "清除",
-        "itemsCount": "+ {count} 項"
+        "itemsCount": "+ {count} 項",
+        "removeMoreItems": "移除其餘 {count} 項"
     },
     "notification": {
         "close": "關閉",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanahoshi/mona-ui",
-  "version": "0.24.4",
+  "version": "0.24.6",
   "description": "A very light Angular UI framework",
   "author": "Nanahoshi",
   "repository": {
@@ -409,7 +409,7 @@
   },
   "dependencies": {
     "@lucide/angular": "^1.21.0",
-    "@mirei/ts-collections": "^17.5.6",
+    "@mirei/ts-collections": "^18.0.0",
     "class-variance-authority": "^0.7.1",
     "culori": "^4.0.2",
     "d3-hierarchy": "^3.1.2",

package/types/nanahoshi-mona-ui-auto-complete.d.ts

@@ -40,12 +40,11 @@ declare class AutoCompleteComponent<TData = unknown> implements FormValueControl
     protected readonly autoCompleteValue: _angular_core.WritableSignal<string>;
     protected readonly autoCompleteValue$: Subject<string | null>;
     protected readonly baseClass: _angular_core.Signal<string>;
-    protected readonly effectiveAriaLabel: _angular_core.Signal<string>;
+    protected readonly clearButtonVisible: _angular_core.Signal<boolean>;
     protected readonly expanded: _angular_core.Signal<boolean>;
     protected readonly footerTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     protected readonly groupHeaderTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     protected readonly headerTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    protected readonly id: string;
     protected readonly inputClass: _angular_core.Signal<string>;
     protected readonly invalidState: _angular_core.Signal<boolean>;
     protected readonly isEmpty: _angular_core.Signal<boolean>;
@@ -65,8 +64,9 @@ declare class AutoCompleteComponent<TData = unknown> implements FormValueControl
      */
     readonly ariaDescribedBy: _angular_core.InputSignal<string>;
     /**
-     * @description Accessible name for the input. Describe what the autocomplete represents.
-     * Falls back to {@link placeholder} when neither this nor {@link ariaLabelledBy} is set.
+     * @description Accessible name for the input. Describe what the autocomplete represents. Prefer a visible label,
+     * linked through {@link inputId} or {@link ariaLabelledBy}; without any of them, browsers fall back to the
+     * {@link placeholder}.
      * @default ""
      */
     readonly ariaLabel: _angular_core.InputSignal<string>;
@@ -92,28 +92,35 @@ declare class AutoCompleteComponent<TData = unknown> implements FormValueControl
      * @description Renders the component with reduced visual emphasis and removes pointer interaction.
      * @default false
      */
-    readonly disabled: _angular_core.ModelSignal<boolean>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * @description Defines whether the first matching item should be highlighted while typing.
      * @default true
      */
-    readonly highlightFirst: _angular_core.InputSignal<boolean>;
+    readonly highlightFirst: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * @description Id of the inner `<input>` element. Point a `<label for>` or `<mona-label for>` at it to label the
+     * autocomplete. A unique id is generated when it isn't set.
+     * @default generated
+     */
+    readonly inputId: _angular_core.InputSignal<string>;
     /**
      * @description Marks the autocomplete as invalid. When bound to a signal form field via `[formField]`,
      * this is written by the `FormField` directive.
      * @default false
      */
-    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * @description Predicate or field name used to determine whether an individual item is disabled.
      * @default undefined
      */
     readonly itemDisabled: _angular_core.InputSignal<DropdownFieldPredicateType<TData>>;
     /**
-     * @description Displays a loading indicator and prevents interaction while an operation is in progress.
+     * @description Shows a loading indicator, in place of the clear button, and marks the field busy. It doesn't
+     * block interaction: the field stays usable while data loads.
      * @default false
      */
-    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * @description Emits when the popup is about to open. This event is preventable.
      */
@@ -133,7 +140,8 @@ declare class AutoCompleteComponent<TData = unknown> implements FormValueControl
      */
     readonly popupClass: _angular_core.InputSignal<string>;
     /**
-     * @description Height of the popup element.
+     * @description Maximum height of the popup, in pixels or as a CSS length. Shorter lists shrink to fit. When
+     * unset, the popup is at most 200 pixels tall.
      * @default null
      */
     readonly popupHeight: _angular_core.InputSignal<ListSizeInputType>;
@@ -146,22 +154,23 @@ declare class AutoCompleteComponent<TData = unknown> implements FormValueControl
      * @description Prevents value changes while preserving the component's visual state.
      * @default false
      */
-    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * @description Marks the field as required for form validation.
      * @default false
      */
-    readonly required: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * @description Border-radius preset applied to the component.
      * @default "medium"
      */
     readonly rounded: _angular_core.InputSignal<"none" | "small" | "medium" | "large" | "full" | null | undefined>;
     /**
-     * @description Displays a button that clears the current value when clicked.
+     * @description Displays a button that clears the current value when clicked. Unlike the other dropdowns, this
+     * defaults to `true`.
      * @default true
      */
-    readonly showClearButton: _angular_core.InputSignal<boolean>;
+    readonly showClearButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * @description Size preset controlling the component's dimensions.
      * @default "medium"
@@ -174,8 +183,8 @@ declare class AutoCompleteComponent<TData = unknown> implements FormValueControl
      */
     readonly textField: _angular_core.InputSignal<DropdownFieldSelectorType<TData, string>>;
     /**
-     * @description Emitted when the autocomplete is interacted with on blur, selection, clear, or committed input.
-     * The `FormField` directive listens to this to mark the field as touched.
+     * @description Emitted when focus leaves the autocomplete. Moving between its input, clear button and popup
+     * doesn't count. The `FormField` directive listens to this to mark the field as touched.
      */
     readonly touch: _angular_core.OutputEmitterRef<void>;
     /**
@@ -183,7 +192,7 @@ declare class AutoCompleteComponent<TData = unknown> implements FormValueControl
      * this is written by the `FormField` directive.
      * @default false
      */
-    readonly touched: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * @description Additional CSS classes merged onto the host element via `tailwind-merge`.
      * @default ""
@@ -202,8 +211,13 @@ declare class AutoCompleteComponent<TData = unknown> implements FormValueControl
      */
     readonly valueField: _angular_core.InputSignal<DropdownFieldSelectorType<TData, unknown>>;
     constructor();
-    focus(): void;
-    protected onInputBlur(event: FocusEvent): void;
+    /**
+     * @description Moves focus to the inner input. The caret goes to the end of the text.
+     * @param options Passed to `HTMLElement.focus()`, for example `{ preventScroll: true }`.
+     */
+    focus(options?: FocusOptions): void;
+    protected onFocusOut(event: FocusEvent): void;
+    protected onInput(text: string): void;
     protected onItemSelect(event: SelectionChangeEvent<TData>): void;
     protected onPopupPointerDown(event: PointerEvent): void;
     protected onValueClear(event: MouseEvent | KeyboardEvent): void;
@@ -220,7 +234,7 @@ declare class AutoCompleteComponent<TData = unknown> implements FormValueControl
     private setSubscriptions;
     private updateValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutoCompleteComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AutoCompleteComponent<any>, "mona-auto-complete", never, { "ariaDescribedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "highlightFirst": { "alias": "highlightFirst"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "itemDisabled": { "alias": "itemDisabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "popupClass": { "alias": "popupClass"; "required": false; "isSignal": true; }; "popupHeight": { "alias": "popupHeight"; "required": false; "isSignal": true; }; "popupWidth": { "alias": "popupWidth"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; }, { "close": "close"; "closed": "closed"; "disabled": "disabledChange"; "open": "open"; "opened": "opened"; "touch": "touch"; "value": "valueChange"; }, ["footerTemplate", "groupHeaderTemplate", "headerTemplate", "itemTemplate", "noDataTemplate", "prefixTemplate", "suffixTemplate"], never, true, [{ directive: typeof i1.DropdownDataHandlerDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DropdownListPopupHandlerDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AutoCompleteComponent<any>, "mona-auto-complete", never, { "ariaDescribedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "highlightFirst": { "alias": "highlightFirst"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "itemDisabled": { "alias": "itemDisabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "popupClass": { "alias": "popupClass"; "required": false; "isSignal": true; }; "popupHeight": { "alias": "popupHeight"; "required": false; "isSignal": true; }; "popupWidth": { "alias": "popupWidth"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; }, { "close": "close"; "closed": "closed"; "open": "open"; "opened": "opened"; "touch": "touch"; "value": "valueChange"; }, ["footerTemplate", "groupHeaderTemplate", "headerTemplate", "itemTemplate", "noDataTemplate", "prefixTemplate", "suffixTemplate"], never, true, [{ directive: typeof i1.DropdownDataHandlerDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DropdownListPopupHandlerDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DropdownLiveRegionDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare const AUTO_COMPLETE_DEFAULT_MESSAGES: MonaAutoCompleteMessages;

package/types/nanahoshi-mona-ui-calendar.d.ts

@@ -122,6 +122,11 @@ declare class CalendarComponent implements CalendarVariantInput, FormValueContro
     protected readonly headerMonthYear: _angular_core.Signal<string>;
     protected readonly headerYear: _angular_core.Signal<string>;
     protected readonly invalidState: _angular_core.Signal<boolean>;
+    /**
+     * Whether a day can't be picked: outside `minDate`/`maxDate` or in `disabledDates`. An iterable of disabled
+     * dates is turned into a set of day keys once, so each of the 42 cells answers in constant time.
+     */
+    protected readonly isDayUnavailable: _angular_core.Signal<(date: Date) => boolean>;
     protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaCalendarMessages>;
     protected readonly monthBounds: _angular_core.Signal<{
         start: Date;
@@ -138,9 +143,13 @@ declare class CalendarComponent implements CalendarVariantInput, FormValueContro
     protected readonly prevButtonLabel: _angular_core.Signal<string>;
     protected readonly rangePreviewDate: _angular_core.WritableSignal<Date | null>;
     protected readonly rangePreviewDates: _angular_core.Signal<Date[]>;
+    protected readonly rangePreviewKeys: _angular_core.Signal<ReadonlySet<string>>;
     protected readonly selectedDates: _angular_core.WritableSignal<Date[]>;
-    protected readonly timezone: string;
+    protected readonly selectedKeys: _angular_core.Signal<ReadonlySet<string>>;
+    /** Today at midnight. Refreshed when focus enters the calendar, so a page left open overnight moves on. */
+    protected readonly today: _angular_core.WritableSignal<Date>;
     protected readonly todayButtonLabel: _angular_core.Signal<string>;
+    protected readonly todayUnavailable: _angular_core.Signal<boolean>;
     protected readonly viewSwitchButtonLabel: _angular_core.Signal<string>;
     protected readonly weekdays: _angular_core.Signal<{
         display: string;
@@ -153,7 +162,7 @@ declare class CalendarComponent implements CalendarVariantInput, FormValueContro
     /**
      * @description Sets the disabled state of the calendar.
      */
-    readonly disabled: _angular_core.ModelSignal<boolean>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * @description Sets the disabled dates of the calendar.
      * Accepts either an iterable of Date objects or a predicate function.
@@ -164,12 +173,18 @@ declare class CalendarComponent implements CalendarVariantInput, FormValueContro
      * @default null
      */
     readonly firstDay: _angular_core.InputSignal<FirstDayOfWeek | null>;
+    /**
+     * @description Moves focus to the active day when the calendar first renders. An inline calendar on a page
+     * should leave focus where it is; a calendar that opens in a popup sets this so focus moves into it.
+     * @default false
+     */
+    readonly focusOnMount: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * @description Marks the calendar as invalid. When bound to a signal form field via `[formField]`,
      * this is written by the `FormField` directive.
      * @default false
      */
-    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * @description Sets the maximum date that can be selected.
      */
@@ -182,13 +197,13 @@ declare class CalendarComponent implements CalendarVariantInput, FormValueContro
      * @description Sets the readonly state of the calendar.
      * @default false
      */
-    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * @description Sets whether the calendar is required. When bound to a signal form field via `[formField]`,
      * this is written by the `FormField` directive.
      * @default false
      */
-    readonly required: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * @description Sets the border radius of the calendar.
      * @default "medium"
@@ -200,8 +215,8 @@ declare class CalendarComponent implements CalendarVariantInput, FormValueContro
      */
     readonly selection: _angular_core.InputSignal<CalendarSelection>;
     /**
-     * @description Emitted when the calendar value is changed by user interaction.
-     * The `FormField` directive listens to this to mark the field as touched.
+     * @description Emitted when focus leaves the calendar, as a native input is touched on blur. Moving between
+     * its buttons and days doesn't count. The `FormField` directive listens to this to mark the field as touched.
      */
     readonly touch: _angular_core.OutputEmitterRef<void>;
     /**
@@ -209,13 +224,14 @@ declare class CalendarComponent implements CalendarVariantInput, FormValueContro
      * this is written by the `FormField` directive.
      * @default false
      */
-    readonly touched: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * @description Adds custom CSS classes to the calendar host element.
      */
     readonly userClass: _angular_core.InputSignal<string>;
     /**
-     * @description The current value of the calendar.
+     * @description The current value of the calendar: a `Date` in single selection, the selected dates in multiple
+     * selection, and `[start, end]` in range selection. A range is written once both ends are picked.
      * @default null
      */
     readonly value: _angular_core.ModelSignal<Date | Date[] | null>;
@@ -223,18 +239,20 @@ declare class CalendarComponent implements CalendarVariantInput, FormValueContro
      * @description Enables the display of week numbers in the calendar.
      * @default false
      */
-    readonly weekNumber: _angular_core.InputSignal<boolean>;
+    readonly weekNumber: _angular_core.InputSignalWithTransform<boolean, unknown>;
     constructor();
     protected formatInteger(value: number): string;
     protected getWeekNumber(date: Date): number;
     protected onDayClick(date: Date, event: MouseEvent): void;
     protected onDayPointerEnter(date: Date): void;
+    protected onFocusOut(event: FocusEvent): void;
     protected onMonthClick(month: number): void;
     protected onMonthGridPointerLeave(): void;
     protected onNavigationClick(direction: "prev" | "next"): void;
     protected onTodayButtonClick(): void;
     protected onViewChangeClick(view: CalendarView): void;
     protected onYearClick(year: number): void;
+    protected refreshToday(): void;
     private clearPendingRange;
     private commitUserSelection;
     private extendSelection;
@@ -251,6 +269,7 @@ declare class CalendarComponent implements CalendarVariantInput, FormValueContro
     private horizontalPeriodDirection;
     private isDateDisabled;
     private isEmptyValue;
+    private isOutOfRange;
     private navigateByDaysOrCells;
     private navigateByPeriod;
     private navigateByWeeksOrRows;
@@ -266,7 +285,7 @@ declare class CalendarComponent implements CalendarVariantInput, FormValueContro
     private switchToUpperView;
     private toggleFocusedDateInSelection;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarComponent, "mona-calendar", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "firstDay": { "alias": "firstDay"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "weekNumber": { "alias": "weekNumber"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "touch": "touch"; "value": "valueChange"; }, ["decadeCellTemplate", "monthCellTemplate", "yearCellTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarComponent, "mona-calendar", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "firstDay": { "alias": "firstDay"; "required": false; "isSignal": true; }; "focusOnMount": { "alias": "focusOnMount"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "weekNumber": { "alias": "weekNumber"; "required": false; "isSignal": true; }; }, { "touch": "touch"; "value": "valueChange"; }, ["decadeCellTemplate", "monthCellTemplate", "yearCellTemplate"], never, true, never>;
 }
 
 declare const CALENDAR_DEFAULT_MESSAGES: MonaCalendarMessages;