@nanahoshi/mona-ui 0.1.0

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

@@ -0,0 +1,70 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
+import { VariantInputs } from '@nanahoshi/mona-ui/internal';
+
+declare const breadcrumbListThemeVariants: (theme: ThemeStyle) => (props?: ({
+    disabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const breadcrumbListItemThemeVariants: (theme: ThemeStyle) => (props?: ({
+    disabled?: boolean | null | undefined;
+    listDisabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type BreadcrumbListVariantProps = VariantProps<ReturnType<typeof breadcrumbListThemeVariants>>;
+type BreadcrumbListVariantInput = VariantInputs<BreadcrumbListVariantProps>;
+type BreadcrumbListItemVariantProps = VariantProps<ReturnType<typeof breadcrumbListItemThemeVariants>>;
+type BreadcrumbListItemVariantInput = VariantInputs<BreadcrumbListItemVariantProps>;
+type BreadcrumbVariantInput = BreadcrumbListVariantInput & Omit<BreadcrumbListItemVariantInput, "listDisabled">;
+
+declare class BreadcrumbItemComponent {
+    /**
+     * @description Renders this item with reduced visual emphasis and removes pointer interaction.
+     * Has no visual effect when the parent breadcrumb is also disabled.
+     * @default false
+     */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Emitted when the item is clicked or activated via keyboard.
+     * Not emitted when this is the last (current-page) item or when the item is disabled.
+     */
+    readonly itemClick: _angular_core.OutputEmitterRef<void>;
+    readonly templateRef: _angular_core.Signal<TemplateRef<any>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbItemComponent, "mona-breadcrumb-item", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, ["*"], true, never>;
+}
+
+declare class BreadcrumbComponent implements BreadcrumbVariantInput {
+    #private;
+    protected readonly itemComponents: _angular_core.Signal<readonly BreadcrumbItemComponent[]>;
+    protected readonly currentItemClass: _angular_core.Signal<string>;
+    protected readonly listClass: _angular_core.Signal<string>;
+    protected readonly separatorTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    /**
+     * @description Accessible name for the breadcrumb navigation landmark.
+     * Override when multiple breadcrumb components appear on the same page.
+     * @default "Breadcrumb"
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * @description Renders the entire breadcrumb with reduced visual emphasis and removes pointer interaction from all items.
+     * @default false
+     */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Additional CSS classes merged onto the breadcrumb list via `tailwind-merge`.
+     * @default ""
+     */
+    readonly userClass: _angular_core.InputSignal<string>;
+    protected onItemClick(item: BreadcrumbItemComponent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbComponent, "mona-breadcrumb", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["itemComponents", "separatorTemplate"], never, true, never>;
+}
+
+declare class BreadcrumbSeparatorTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbSeparatorTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BreadcrumbSeparatorTemplateDirective, "ng-template[monaBreadcrumbSeparatorTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+export { BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbSeparatorTemplateDirective };

package/types/nanahoshi-mona-ui-button-group.d.ts

@@ -0,0 +1,77 @@
+import * as _angular_core from '@angular/core';
+import { ButtonDirective } from '@nanahoshi/mona-ui/button';
+import { SelectionMode } from '@nanahoshi/mona-ui/common';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
+import { VariantInputs } from '@nanahoshi/mona-ui/internal';
+
+declare const buttonGroupThemeVariants: (theme: ThemeStyle) => (props?: ({
+    look?: "default" | "error" | "ghost" | "info" | "outline" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
+    size?: "large" | "medium" | "small" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonGroupVariantProps = VariantProps<ReturnType<typeof buttonGroupThemeVariants>>;
+type ButtonGroupVariantsInput = VariantInputs<ButtonGroupVariantProps>;
+
+declare class ButtonGroupComponent implements ButtonGroupVariantsInput {
+    #private;
+    protected readonly baseClass: _angular_core.Signal<string>;
+    protected readonly buttons: _angular_core.Signal<readonly ButtonDirective[]>;
+    /**
+     * @description When `false` and `selection` is `"single"`, at least one button must remain selected;
+     * the active button cannot be deselected. Has no effect in `"multiple"` mode.
+     * @default true
+     */
+    readonly allowEmpty: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Accessible name for the host element. Override when multiple button groups appear on the same page
+     * so screen reader users can distinguish them.
+     * @default "Button group"
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * @description Emitted when any child button in the group is clicked.
+     * Use `[(selected)]` on child buttons to observe the resulting selection state.
+     */
+    readonly buttonClick: _angular_core.OutputRef<void>;
+    /**
+     * @description Renders all child buttons with reduced visual emphasis and removes pointer interaction.
+     * @default false
+     */
+    readonly disabled: _angular_core.ModelSignal<boolean>;
+    /**
+     * @description Visual style variant propagated to all child buttons.
+     * Also controls container-level divider and border behavior.
+     * @default "outline"
+     */
+    readonly look: _angular_core.InputSignal<"default" | "error" | "ghost" | "info" | "outline" | "primary" | "secondary" | "success" | "warning" | null | undefined>;
+    /**
+     * @description Border-radius preset applied to the container and the outer corners of the first and last child button.
+     * @default "medium"
+     */
+    readonly rounded: _angular_core.InputSignal<"full" | "large" | "medium" | "none" | "small" | null | undefined>;
+    /**
+     * @description Two-way bindable. Controls whether child buttons behave as a radio group (`"single"`)
+     * or toggle independently (`"multiple"`).
+     * @default "multiple"
+     */
+    readonly selection: _angular_core.ModelSignal<SelectionMode>;
+    /**
+     * @description Size preset propagated to all child buttons, overriding their individual `size` inputs.
+     * @default "medium"
+     */
+    readonly size: _angular_core.InputSignal<"large" | "medium" | "small" | null | undefined>;
+    /**
+     * @description Additional CSS classes merged onto the host element via `tailwind-merge`.
+     * @default ""
+     */
+    readonly userClass: _angular_core.InputSignal<string>;
+    constructor();
+    private setSubscriptions;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonGroupComponent, "mona-button-group", never, { "allowEmpty": { "alias": "allowEmpty"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; "disabled": "disabledChange"; "selection": "selectionChange"; }, ["buttons"], ["[monaButton]"], true, never>;
+}
+
+export { ButtonGroupComponent };
+export type { ButtonGroupVariantProps };

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

@@ -0,0 +1,111 @@
+import * as _angular_core from '@angular/core';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { VariantInputs } from '@nanahoshi/mona-ui/internal';
+import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
+import { Subject } from 'rxjs';
+
+declare const buttonThemeVariants: (theme: ThemeStyle) => (props?: ({
+    disabled?: boolean | null | undefined;
+    iconOnly?: boolean | null | undefined;
+    loading?: boolean | null | undefined;
+    look?: "default" | "primary" | "success" | "error" | "warning" | "info" | "outline" | "secondary" | "ghost" | "link" | "clear" | null | undefined;
+    rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
+    size?: "large" | "medium" | "small" | null | undefined;
+    selected?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonVariantProps = VariantProps<ReturnType<typeof buttonThemeVariants>>;
+type ButtonVariantsInput = VariantInputs<ButtonVariantProps>;
+
+declare class ButtonDirective implements ButtonVariantsInput {
+    #private;
+    protected readonly effectiveDisabled: _angular_core.Signal<boolean>;
+    protected readonly effectiveLook: _angular_core.Signal<"default" | "primary" | "success" | "error" | "warning" | "info" | "outline" | "secondary" | "ghost" | "link" | "clear" | null | undefined>;
+    protected readonly effectiveRounded: _angular_core.Signal<"full" | "large" | "medium" | "none" | "small" | null | undefined>;
+    protected readonly effectiveSize: _angular_core.Signal<"large" | "medium" | "small" | null | undefined>;
+    protected readonly effectiveToggleable: _angular_core.Signal<boolean>;
+    protected readonly isInButtonGroup: _angular_core.Signal<boolean>;
+    protected readonly baseClass: _angular_core.Signal<string>;
+    protected readonly loadingSize: _angular_core.Signal<12 | 16 | 14>;
+    /**
+     * @description Value forwarded to the `aria-haspopup` attribute. Set when this button triggers a popup, menu,
+     * listbox, tree, grid, or dialog. Omit or leave as `"false"` for plain action buttons.
+     * @default "false"
+     */
+    readonly ariaHasPopup: _angular_core.InputSignal<string>;
+    /**
+     * @description Renders the component with reduced visual emphasis and removes pointer interaction.
+     * When inside a `ButtonGroup`, the group's disabled state takes precedence.
+     * @default false
+     */
+    readonly disabled: _angular_core.ModelSignal<boolean>;
+    /**
+     * @description Removes horizontal padding and fixes a square aspect ratio sized to match `size`.
+     * Provide `aria-label` on the host when using icon-only buttons.
+     * @default false
+     */
+    readonly iconOnly: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Displays a loading indicator and prevents interaction while an operation is in progress.
+     * Sets `aria-busy="true"` on the host.
+     * @default false
+     */
+    readonly loading: _angular_core.ModelSignal<boolean>;
+    /**
+     * @description Visual style variant of the button. When inside a `ButtonGroup`, the group's look takes precedence.
+     * @default "default"
+     */
+    readonly look: _angular_core.ModelSignal<"default" | "primary" | "success" | "error" | "warning" | "info" | "outline" | "secondary" | "ghost" | "link" | "clear" | null | undefined>;
+    /**
+     * @description Border-radius preset applied to the component.
+     * When inside a `ButtonGroup`, the group's value takes precedence.
+     * @default "medium"
+     */
+    readonly rounded: _angular_core.InputSignal<"full" | "large" | "medium" | "none" | "small" | null | undefined>;
+    /**
+     * @description Whether the button is in the selected/pressed state. Drives `aria-pressed` when the button is toggleable.
+     * Managed by `toggleable` click handling or by `ButtonGroup` selection policy.
+     * @default false
+     */
+    readonly selected: _angular_core.ModelSignal<boolean>;
+    /**
+     * @description Size preset controlling the button's height and horizontal padding.
+     * When inside a `ButtonGroup`, the group's value takes precedence.
+     * @default "medium"
+     */
+    readonly size: _angular_core.InputSignal<"large" | "medium" | "small" | null | undefined>;
+    /**
+     * @description Tab index of the host element. Automatically overridden to `-1` when the button is disabled or loading.
+     * Accepts a numeric string and converts it to a number.
+     * @default 0
+     */
+    readonly tabindex: _angular_core.InputSignalWithTransform<number, string | number>;
+    /**
+     * @description Enables toggle behavior — each click flips the `selected` state and `aria-pressed` is managed.
+     * Must use `[toggleable]="true"` binding syntax, not bare attribute form.
+     * @default false
+     */
+    readonly toggleable: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Additional CSS classes merged onto the host element via `tailwind-merge`.
+     * @default ""
+     */
+    readonly userClass: _angular_core.InputSignal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ButtonDirective, "button[monaButton]", never, { "ariaHasPopup": { "alias": "aria-haspopup"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "toggleable": { "alias": "toggleable"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "loading": "loadingChange"; "look": "lookChange"; "selected": "selectedChange"; }, never, never, true, never>;
+}
+
+declare class ButtonService {
+    readonly buttonClick$: Subject<[ButtonDirective, boolean]>;
+    readonly buttonSelect$: Subject<[ButtonDirective, boolean]>;
+    readonly groupDisabled: _angular_core.WritableSignal<boolean>;
+    readonly groupLook: _angular_core.WritableSignal<"default" | "primary" | "success" | "error" | "warning" | "info" | "outline" | "secondary" | "ghost" | "link" | "clear" | null | undefined>;
+    readonly groupRounded: _angular_core.WritableSignal<"full" | "large" | "medium" | "none" | "small" | null | undefined>;
+    readonly groupSize: _angular_core.WritableSignal<"large" | "medium" | "small" | null | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ButtonService>;
+}
+
+export { ButtonDirective, ButtonService };
+export type { ButtonVariantProps, ButtonVariantsInput };

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

@@ -0,0 +1,262 @@
+import * as _mirei_ts_collections from '@mirei/ts-collections';
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { FormValueControl } from '@angular/forms/signals';
+import { CalendarView, DateDisabledType } from '@nanahoshi/mona-ui/date-input';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantInputs } from '@nanahoshi/mona-ui/internal';
+import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
+import { VariantProps } from 'class-variance-authority';
+
+interface DecadeCellTemplateContext {
+    /**
+     * @description The year interval of per decade.
+     */
+    $implicit: number;
+}
+interface MonthCellTemplateContext {
+    /**
+     * @description The day of the month.
+     */
+    $implicit: number;
+    /**
+     * @description The date object representing the day.
+     */
+    date: Date;
+}
+interface YearCellTemplateContext {
+    /**
+     * @description The month number (1–12) represented by this cell.
+     */
+    $implicit: number;
+    /**
+     * @description The text representation of the month.
+     */
+    text: string;
+}
+
+declare class CalendarDecadeCellTemplateDirective {
+    readonly templateRef: TemplateRef<DecadeCellTemplateContext>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarDecadeCellTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CalendarDecadeCellTemplateDirective, "ng-template[monaCalendarDecadeCellTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class CalendarMonthCellTemplateDirective {
+    readonly templateRef: TemplateRef<MonthCellTemplateContext>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarMonthCellTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CalendarMonthCellTemplateDirective, "ng-template[monaCalendarMonthCellTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class CalendarYearCellTemplateDirective {
+    readonly templateRef: TemplateRef<YearCellTemplateContext>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarYearCellTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CalendarYearCellTemplateDirective, "ng-template[monaCalendarYearCellTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+type CalendarSelection = "multiple" | "range" | "single";
+
+type FirstDayOfWeek = "monday" | "sunday";
+
+declare const calendarBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+    disabled?: boolean | null | undefined;
+    readonly?: boolean | null | undefined;
+    rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const calendarHeaderThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const calendarDecadeViewGridThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const calendarDecadeViewCellThemeVariants: (theme: ThemeStyle) => (props?: ({
+    focused?: boolean | null | undefined;
+    rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const calendarMonthViewDayThemeVariants: (theme: ThemeStyle) => (props?: ({
+    disabled?: boolean | null | undefined;
+    focused?: boolean | null | undefined;
+    outside?: boolean | null | undefined;
+    rangePreview?: boolean | null | undefined;
+    rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
+    selected?: boolean | null | undefined;
+    today?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const calendarMonthViewGridThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const calendarMonthViewGridHeaderThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const calendarYearViewGridThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const calendarYearViewCellThemeVariants: (theme: ThemeStyle) => (props?: ({
+    focused?: boolean | null | undefined;
+    rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type CalendarBaseVariantProps = VariantProps<ReturnType<typeof calendarBaseThemeVariants>>;
+type CalendarBaseVariantInput = VariantInputs<CalendarBaseVariantProps>;
+type CalendarHeaderVariantProps = VariantProps<ReturnType<typeof calendarHeaderThemeVariants>>;
+type CalendarHeaderVariantInput = VariantInputs<CalendarHeaderVariantProps>;
+type CalendarDecadeViewGridVariantProps = VariantProps<ReturnType<typeof calendarDecadeViewGridThemeVariants>>;
+type CalendarDecadeViewGridVariantInput = VariantInputs<CalendarDecadeViewGridVariantProps>;
+type CalendarDecadeViewCellVariantProps = VariantProps<ReturnType<typeof calendarDecadeViewCellThemeVariants>>;
+type CalendarDecadeViewCellVariantInput = VariantInputs<CalendarDecadeViewCellVariantProps>;
+type CalendarMonthViewDayVariantProps = VariantProps<ReturnType<typeof calendarMonthViewDayThemeVariants>>;
+type CalendarMonthViewDayVariantInput = VariantInputs<CalendarMonthViewDayVariantProps>;
+type CalendarMonthViewGridVariantProps = VariantProps<ReturnType<typeof calendarMonthViewGridThemeVariants>>;
+type CalendarMonthViewGridVariantInput = VariantInputs<CalendarMonthViewGridVariantProps>;
+type CalendarMonthViewGridHeaderVariantProps = VariantProps<ReturnType<typeof calendarMonthViewGridHeaderThemeVariants>>;
+type CalendarMonthViewGridHeaderVariantInput = VariantInputs<CalendarMonthViewGridHeaderVariantProps>;
+type CalendarYearViewGridVariantProps = VariantProps<ReturnType<typeof calendarYearViewGridThemeVariants>>;
+type CalendarYearViewGridVariantInput = VariantInputs<CalendarYearViewGridVariantProps>;
+type CalendarYearViewCellVariantProps = VariantProps<ReturnType<typeof calendarYearViewCellThemeVariants>>;
+type CalendarYearViewCellVariantInput = VariantInputs<CalendarYearViewCellVariantProps>;
+type CalendarVariantProps = CalendarBaseVariantProps & CalendarHeaderVariantProps & CalendarDecadeViewGridVariantProps & CalendarDecadeViewCellVariantProps & CalendarMonthViewDayVariantProps & CalendarMonthViewGridVariantProps & CalendarMonthViewGridHeaderVariantProps & CalendarYearViewGridVariantProps & CalendarYearViewCellVariantProps;
+type CalendarVariantInput = CalendarBaseVariantInput & CalendarHeaderVariantInput & CalendarDecadeViewGridVariantInput & Omit<CalendarDecadeViewCellVariantInput, "focused"> & Omit<CalendarMonthViewDayVariantInput, "disabled" | "focused" | "outside" | "rangePreview" | "selected" | "today"> & CalendarMonthViewGridVariantInput & CalendarMonthViewGridHeaderVariantInput & CalendarYearViewGridVariantInput & Omit<CalendarYearViewCellVariantInput, "focused">;
+
+declare class CalendarComponent implements CalendarVariantInput, FormValueControl<Date | Date[] | null> {
+    #private;
+    protected readonly ariaLabel: _angular_core.Signal<string>;
+    protected readonly baseClass: _angular_core.Signal<string>;
+    protected readonly calendarView: _angular_core.WritableSignal<CalendarView>;
+    protected readonly decadeCellTemplate: _angular_core.Signal<CalendarDecadeCellTemplateDirective | undefined>;
+    protected readonly decadeEnd: _angular_core.Signal<number>;
+    protected readonly decadeGridClass: _angular_core.Signal<string>;
+    protected readonly decadeStart: _angular_core.Signal<number>;
+    protected readonly decadeYears: _angular_core.Signal<number[][]>;
+    protected readonly gridId: string;
+    protected readonly headerClass: _angular_core.Signal<string>;
+    protected readonly invalidState: _angular_core.Signal<boolean>;
+    protected readonly monthBounds: _angular_core.Signal<{
+        start: Date;
+        end: Date;
+    }>;
+    protected readonly monthCellTemplate: _angular_core.Signal<CalendarMonthCellTemplateDirective | undefined>;
+    protected readonly monthDictChunked: _angular_core.Signal<_mirei_ts_collections.ImmutableSet<_mirei_ts_collections.ImmutableDictionary<Date, number>>>;
+    protected readonly monthGridClass: _angular_core.Signal<string>;
+    protected readonly monthGridHeaderClass: _angular_core.Signal<string>;
+    protected readonly months: _angular_core.Signal<_mirei_ts_collections.ImmutableSet<_mirei_ts_collections.ImmutableSet<readonly [number, string]>>>;
+    protected readonly navigatedDate: _angular_core.WritableSignal<Date>;
+    protected readonly nextButtonLabel: _angular_core.Signal<"Next month" | "Next year" | "Next decade">;
+    protected readonly prevButtonLabel: _angular_core.Signal<"Previous month" | "Previous year" | "Previous decade">;
+    protected readonly pendingRangeStart: _angular_core.WritableSignal<Date | null>;
+    protected readonly rangePreviewDate: _angular_core.WritableSignal<Date | null>;
+    protected readonly rangePreviewDates: _angular_core.Signal<Date[]>;
+    protected readonly selectedDates: _angular_core.WritableSignal<Date[]>;
+    protected readonly timezone: string;
+    protected readonly todayButtonLabel: _angular_core.Signal<string>;
+    protected readonly viewSwitchButtonLabel: _angular_core.Signal<string>;
+    protected readonly weekdays: _angular_core.Signal<{
+        short: string;
+        full: string;
+    }[]>;
+    protected readonly yearCellTemplate: _angular_core.Signal<CalendarYearCellTemplateDirective | undefined>;
+    protected readonly yearGridClass: _angular_core.Signal<string>;
+    /**
+     * @description Sets the disabled state of the calendar.
+     */
+    readonly disabled: _angular_core.ModelSignal<boolean>;
+    /**
+     * @description Sets the disabled dates of the calendar.
+     * Accepts either an iterable of Date objects or a predicate function.
+     */
+    readonly disabledDates: _angular_core.InputSignal<DateDisabledType>;
+    /**
+     * @description Sets the first day of the week.
+     * @default "monday"
+     */
+    readonly firstDay: _angular_core.InputSignal<FirstDayOfWeek>;
+    /**
+     * @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>;
+    /**
+     * @description Sets the maximum date that can be selected.
+     */
+    readonly maxDate: _angular_core.InputSignal<Date | null | undefined>;
+    /**
+     * @description Sets the minimum date that can be selected.
+     */
+    readonly minDate: _angular_core.InputSignal<Date | null | undefined>;
+    /**
+     * @description Sets the readonly state of the calendar.
+     * @default false
+     */
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Sets the border radius of the calendar.
+     * @default "medium"
+     */
+    readonly rounded: _angular_core.InputSignal<"none" | "small" | "medium" | "large" | "full" | null | undefined>;
+    /**
+     * @description Sets the selection mode of the calendar.
+     * @default "single"
+     */
+    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.
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
+    /**
+     * @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>;
+    /**
+     * @description Sets the touched state of the calendar. When bound to a signal form field via `[formField]`,
+     * this is written by the `FormField` directive.
+     * @default false
+     */
+    readonly touched: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Adds custom CSS classes to the calendar host element.
+     */
+    readonly userClass: _angular_core.InputSignal<string>;
+    /**
+     * @description The current value of the calendar.
+     * @default null
+     */
+    readonly value: _angular_core.ModelSignal<Date | Date[] | null>;
+    /**
+     * @description Enables the display of week numbers in the calendar.
+     * @default false
+     */
+    readonly weekNumber: _angular_core.InputSignal<boolean>;
+    constructor();
+    protected onDayClick(date: Date, event: MouseEvent): void;
+    protected onDayPointerEnter(date: Date): 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;
+    private extendSelection;
+    private clearPendingRange;
+    private commitUserSelection;
+    private focusActiveCell;
+    private getDateArray;
+    private getDatesForMultipleSelection;
+    private getInclusiveDateRange;
+    private handleKeydown;
+    private handleMultipleSelection;
+    private handleMultipleSelectionKeyboard;
+    private handleRangeSelection;
+    private handleSingleSelection;
+    private isDateDisabled;
+    private isEmptyValue;
+    private navigateByDaysOrCells;
+    private navigateByPeriod;
+    private navigateByWeeksOrRows;
+    private navigatePeriodKeyboard;
+    private navigateToEnd;
+    private navigateToStart;
+    private navigateToToday;
+    private selectFocusedItem;
+    private selectRangeToFocused;
+    private setCurrentDate;
+    private setupKeyboardNavigation;
+    private switchToLowerView;
+    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; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "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>;
+}
+
+export { CalendarComponent, CalendarDecadeCellTemplateDirective, CalendarMonthCellTemplateDirective, CalendarYearCellTemplateDirective };
+export type { CalendarSelection, CalendarVariantInput, CalendarVariantProps, DecadeCellTemplateContext, FirstDayOfWeek, MonthCellTemplateContext, YearCellTemplateContext };