angular-visuals 0.1.2 → 0.1.4

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "angular-visuals",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "sideEffects": [
     "**/*.css"
   ],
   "peerDependencies": {
     "@angular/common": ">=21.0.0",
     "@angular/core": ">=21.0.0",
-    "@angular/cdk": ">=21.0.0"
+    "@angular/cdk": ">=21.0.0",
+    "@angular/forms": ">=21.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/styles/angular-visuals.css

@@ -1,9 +1,14 @@
+@import "@angular/cdk/overlay-prebuilt.css";
 @import "./palette.css";
 @import "./animations.css";
 @import "./typography.css";
 @import "./theme.css";
 
-
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
 
 .bg-content {
   background-color: var(--av-color-bg);
@@ -15,14 +20,18 @@
 
 html,
 body {
-  width: 100dvw;
-  height: 100dvh;
+  min-height: 100%;
+  width: 100%;
+}
+
+body {
+  min-height: 100vh;
+  min-height: 100dvh;
 }
 
 *::-webkit-scrollbar {
-  display: none;
-  width: 2px;
-  height: 2px;
+  width: .5rem;
+  height: .5rem;
 }
 
 *::-webkit-scrollbar-track {
@@ -50,6 +59,7 @@ body {
 
 @supports not selector(::-webkit-scrollbar) {
   body {
-    scrollbar-color: var(--av-primary-900) var(--av-primary-950);
+    scrollbar-color: var(--av-primary-300) transparent;
+    scrollbar-width: thin;
   }
 }

package/types/angular-visuals.d.ts

@@ -1,9 +1,10 @@
 import * as _angular_core from '@angular/core';
 import { ElementRef, OnDestroy, AfterViewInit, TemplateRef, InjectionToken, EnvironmentProviders } from '@angular/core';
+import { ConnectedPosition } from '@angular/cdk/overlay';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { SafeHtml } from '@angular/platform-browser';
 
-declare class AvDropdown {
+declare class AvNavDropdown {
     private readonly config;
     private readonly themeService;
     badge: _angular_core.InputSignal<string | number | null>;
@@ -19,8 +20,8 @@ declare class AvDropdown {
     readonly themeVars: _angular_core.Signal<Record<string, string>>;
     constructor();
     toggle(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvDropdown, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvDropdown, "av-dropdown", never, { "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "expandedChange": "expandedChange"; }, never, ["[av-dropdown-label]", "*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvNavDropdown, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvNavDropdown, "av-nav-dropdown", never, { "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "expandedChange": "expandedChange"; }, never, ["[av-nav-dropdown-label]", "*"], true, never>;
 }
 
 declare class AvNavLink {
@@ -180,6 +181,53 @@ declare class AvTooltip implements OnDestroy {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AvTooltip, "[av-tooltip], [avTooltip]", ["avTooltip"], { "text": { "alias": "av-tooltip"; "required": false; "isSignal": true; }; "textCamel": { "alias": "avTooltip"; "required": false; "isSignal": true; }; "position": { "alias": "avTooltipPosition"; "required": false; "isSignal": true; }; "variant": { "alias": "avTooltipVariant"; "required": false; "isSignal": true; }; "disabled": { "alias": "avTooltipDisabled"; "required": false; "isSignal": true; }; "showDelay": { "alias": "avTooltipShowDelay"; "required": false; "isSignal": true; }; "hideDelay": { "alias": "avTooltipHideDelay"; "required": false; "isSignal": true; }; "offset": { "alias": "avTooltipOffset"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+type AvDropdownPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+type AvRounded$7 = number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+declare class AvDropdown {
+    private readonly config;
+    private readonly themeService;
+    badge: _angular_core.InputSignal<string | number | null>;
+    closeOnContentClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    icon: _angular_core.InputSignal<string>;
+    label: _angular_core.InputSignal<string>;
+    matchTriggerWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    offset: _angular_core.InputSignalWithTransform<number, unknown>;
+    open: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    placement: _angular_core.InputSignal<AvDropdownPlacement>;
+    rounded: _angular_core.InputSignal<AvRounded$7>;
+    variant: _angular_core.InputSignal<string>;
+    openChange: _angular_core.OutputEmitterRef<boolean>;
+    triggerEl: ElementRef<HTMLButtonElement>;
+    private readonly internalOpen;
+    readonly panelId: string;
+    readonly isOpen: _angular_core.Signal<boolean>;
+    readonly overlayPositions: _angular_core.Signal<ConnectedPosition[]>;
+    readonly themeVars: _angular_core.Signal<Record<string, string>>;
+    constructor();
+    get roundedStyle(): string;
+    toggle(): void;
+    close(): void;
+    handleTriggerKeydown(event: KeyboardEvent): void;
+    handlePanelClick(): void;
+    private setOpen;
+    private positionsFor;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvDropdown, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvDropdown, "av-dropdown", never, { "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "closeOnContentClick": { "alias": "closeOnContentClick"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "matchTriggerWidth": { "alias": "matchTriggerWidth"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, ["[av-dropdown-trigger]", "*"], true, never>;
+}
+
+declare class AvDropdownItem {
+    danger: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    description: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    icon: _angular_core.InputSignal<string>;
+    role: _angular_core.InputSignal<string>;
+    type: _angular_core.InputSignal<string>;
+    handleClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvDropdownItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvDropdownItem, "button[av-dropdown-item], a[av-dropdown-item]", never, { "danger": { "alias": "danger"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 declare class AvTextArea implements ControlValueAccessor, AfterViewInit {
     ngControl: NgControl;
     private readonly config;
@@ -228,7 +276,7 @@ interface AvFileUploadRejection {
 }
 type AvFileUploadValue = AvFileUploadFile[];
 type AvFileUploadInputValue = File | File[] | FileList | AvFileUploadFile | AvFileUploadFile[] | null | undefined;
-type AvRounded$5 = number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type AvRounded$6 = number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 declare class AvFileUpload implements ControlValueAccessor, OnDestroy {
     private readonly config;
     private readonly themeService;
@@ -250,7 +298,7 @@ declare class AvFileUpload implements ControlValueAccessor, OnDestroy {
     showList: _angular_core.InputSignalWithTransform<boolean, unknown>;
     variant: _angular_core.InputSignal<string>;
     ringColor: _angular_core.InputSignal<string | undefined>;
-    rounded: _angular_core.InputSignal<AvRounded$5>;
+    rounded: _angular_core.InputSignal<AvRounded$6>;
     errorMessage: _angular_core.InputSignal<string>;
     valueChange: _angular_core.OutputEmitterRef<AvFileUploadValue>;
     filesChange: _angular_core.OutputEmitterRef<AvFileUploadValue>;
@@ -324,7 +372,7 @@ declare class AvSwitch implements ControlValueAccessor {
     rounded: _angular_core.InputSignal<number | "xs" | "sm" | "md" | "lg" | "xl" | "full">;
     checked: _angular_core.ModelSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
-    protected formDisabled: boolean;
+    protected readonly formDisabled: _angular_core.WritableSignal<boolean>;
     readonly isDisabled: _angular_core.Signal<boolean>;
     readonly themeVars: _angular_core.Signal<Record<string, string>>;
     private onChange;
@@ -342,7 +390,7 @@ type AvSliderRangeValue = [number, number];
 type AvSliderValue = number | AvSliderRangeValue;
 type AvSliderInputValue = AvSliderValue | string | null | undefined;
 type AvSliderThumb = 'lower' | 'upper';
-type AvRounded$4 = number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type AvRounded$5 = number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 declare class AvSlider implements ControlValueAccessor {
     private readonly config;
     private readonly themeService;
@@ -357,7 +405,7 @@ declare class AvSlider implements ControlValueAccessor {
     disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     variant: _angular_core.InputSignal<string>;
     ringColor: _angular_core.InputSignal<string | undefined>;
-    rounded: _angular_core.InputSignal<AvRounded$4>;
+    rounded: _angular_core.InputSignal<AvRounded$5>;
     valuePrefix: _angular_core.InputSignal<string>;
     valueSuffix: _angular_core.InputSignal<string>;
     displayWith: _angular_core.InputSignal<((value: number) => string) | undefined>;
@@ -490,7 +538,7 @@ declare class AvInput implements ControlValueAccessor, AfterViewInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvInput, "av-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-type AvRounded$3 = number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type AvRounded$4 = number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 declare class AvCheckbox implements ControlValueAccessor {
     ngControl: NgControl;
     private readonly config;
@@ -499,7 +547,7 @@ declare class AvCheckbox implements ControlValueAccessor {
     icon: _angular_core.InputSignal<string>;
     variant: _angular_core.InputSignal<string>;
     ringColor: _angular_core.InputSignal<string | undefined>;
-    rounded: _angular_core.InputSignal<AvRounded$3>;
+    rounded: _angular_core.InputSignal<AvRounded$4>;
     errorMessage: _angular_core.InputSignal<string>;
     changed: _angular_core.OutputEmitterRef<boolean>;
     valueChange: _angular_core.OutputEmitterRef<boolean>;
@@ -521,7 +569,7 @@ declare class AvCheckbox implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvCheckbox, "av-checkbox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "ringColor": { "alias": "ringColor"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; }, { "changed": "changed"; "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
-type AvRounded$2 = number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type AvRounded$3 = number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 declare class AvCurrencyInput implements ControlValueAccessor, AfterViewInit {
     ngControl: NgControl;
     private readonly config;
@@ -533,7 +581,7 @@ declare class AvCurrencyInput implements ControlValueAccessor, AfterViewInit {
     placeholder: _angular_core.InputSignal<string>;
     variant: _angular_core.InputSignal<string>;
     ringColor: _angular_core.InputSignal<string | undefined>;
-    rounded: _angular_core.InputSignal<AvRounded$2>;
+    rounded: _angular_core.InputSignal<AvRounded$3>;
     autoFocus: _angular_core.InputSignal<boolean>;
     errorMessage: _angular_core.InputSignal<string>;
     inputEl: ElementRef<HTMLInputElement>;
@@ -560,7 +608,7 @@ declare class AvCurrencyInput implements ControlValueAccessor, AfterViewInit {
 }
 
 type DatePickerMode = 'date' | 'time' | 'datetime';
-type AvRounded$1 = number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type AvRounded$2 = number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 declare class AvDateTimePicker implements ControlValueAccessor {
     ngControl: NgControl;
     private readonly config;
@@ -572,7 +620,7 @@ declare class AvDateTimePicker implements ControlValueAccessor {
     icon: _angular_core.InputSignal<string>;
     variant: _angular_core.InputSignal<string>;
     ringColor: _angular_core.InputSignal<string | undefined>;
-    rounded: _angular_core.InputSignal<AvRounded$1>;
+    rounded: _angular_core.InputSignal<AvRounded$2>;
     errorMessage: _angular_core.InputSignal<string>;
     triggerEl: ElementRef<HTMLButtonElement>;
     isOpen: _angular_core.WritableSignal<boolean>;
@@ -621,7 +669,7 @@ declare class AvForm {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvForm, "form[av-form]", never, { "glass": { "alias": "glass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-type AvRounded = number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type AvRounded$1 = number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 declare class AvMultiSelect implements ControlValueAccessor {
     ngControl: NgControl;
     private readonly config;
@@ -637,7 +685,7 @@ declare class AvMultiSelect implements ControlValueAccessor {
     searchable: _angular_core.InputSignal<boolean>;
     variant: _angular_core.InputSignal<string>;
     ringColor: _angular_core.InputSignal<string | undefined>;
-    rounded: _angular_core.InputSignal<AvRounded>;
+    rounded: _angular_core.InputSignal<AvRounded$1>;
     errorMessage: _angular_core.InputSignal<string>;
     onSearch: _angular_core.InputSignal<((searchQuery: string) => void) | undefined>;
     valueChange: _angular_core.OutputEmitterRef<any[]>;
@@ -697,6 +745,25 @@ declare class AvGrid {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvGrid, "div[av-grid]", never, { "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "empty": { "alias": "empty"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+type AvCardAppearance = 'outlined' | 'filled' | 'elevated';
+type AvCardPadding = number | 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type AvCardRounded = number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+declare class AvCard {
+    private readonly config;
+    private readonly themeService;
+    appearance: _angular_core.InputSignal<AvCardAppearance>;
+    padding: _angular_core.InputSignal<AvCardPadding>;
+    rounded: _angular_core.InputSignal<AvCardRounded>;
+    variant: _angular_core.InputSignal<string>;
+    protected readonly themeVars: _angular_core.Signal<Record<string, string>>;
+    protected readonly isFilled: _angular_core.Signal<boolean>;
+    protected readonly isElevated: _angular_core.Signal<boolean>;
+    private paddingStyle;
+    private roundedStyle;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvCard, "av-card", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["[header]", "[content]", "*", "[footer]"], true, never>;
+}
+
 interface AvRegisteredIcon {
     name: string;
     svg: SafeHtml;
@@ -929,6 +996,125 @@ declare class AvTable<T = any> {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvTable<any>, "av-table", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "currentPageLabel": { "alias": "currentPageLabel"; "required": false; "isSignal": true; }; "sortField": { "alias": "sortField"; "required": false; "isSignal": true; }; "sortOrder": { "alias": "sortOrder"; "required": false; "isSignal": true; }; }, { "onSort": "onSort"; "onPage": "onPage"; }, ["headerTemplate", "bodyTemplate"], never, true, never>;
 }
 
+type AvCalendarView = 'month' | 'year';
+type AvCalendarInputDate = Date | string | number;
+interface AvCalendarEvent<T = unknown> {
+    id: string | number;
+    title: string;
+    start: AvCalendarInputDate;
+    end?: AvCalendarInputDate | null;
+    allDay?: boolean;
+    color?: string;
+    variant?: string;
+    disabled?: boolean;
+    meta?: T;
+}
+interface AvCalendarDateSelect<T = unknown> {
+    date: Date;
+    events: AvCalendarEvent<T>[];
+}
+interface AvCalendarEventSelect<T = unknown> {
+    date: Date;
+    event: AvCalendarEvent<T>;
+}
+interface AvCalendarEventEntry<T> {
+    event: AvCalendarEvent<T>;
+    start: Date;
+    end: Date;
+}
+interface AvCalendarDay<T> {
+    date: Date;
+    events: AvCalendarEvent<T>[];
+    isAdjacent: boolean;
+    isCurrentMonth: boolean;
+    isSelected: boolean;
+    isToday: boolean;
+    key: string;
+}
+interface AvCalendarMonth<T> {
+    date: Date;
+    days: AvCalendarDay<T>[];
+    eventCount: number;
+    key: string;
+    label: string;
+}
+type AvRounded = number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+declare class AvCalendar<T = unknown> {
+    private readonly config;
+    private readonly themeService;
+    events: _angular_core.InputSignal<readonly AvCalendarEvent<T>[]>;
+    firstDayOfWeek: _angular_core.InputSignalWithTransform<number, unknown>;
+    locale: _angular_core.InputSignal<string>;
+    maxVisibleEvents: _angular_core.InputSignalWithTransform<number, unknown>;
+    rounded: _angular_core.InputSignal<AvRounded>;
+    selectedDate: _angular_core.InputSignal<AvCalendarInputDate | null | undefined>;
+    showAdjacentDays: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    variant: _angular_core.InputSignal<string>;
+    view: _angular_core.InputSignal<AvCalendarView | undefined>;
+    viewDate: _angular_core.InputSignal<AvCalendarInputDate | null | undefined>;
+    weekdayFormat: _angular_core.InputSignal<"long" | "short" | "narrow">;
+    dateSelect: _angular_core.OutputEmitterRef<AvCalendarDateSelect<T>>;
+    eventSelect: _angular_core.OutputEmitterRef<AvCalendarEventSelect<T>>;
+    selectedDateChange: _angular_core.OutputEmitterRef<Date | null>;
+    viewChange: _angular_core.OutputEmitterRef<AvCalendarView>;
+    viewDateChange: _angular_core.OutputEmitterRef<Date>;
+    protected readonly currentView: _angular_core.WritableSignal<AvCalendarView>;
+    protected readonly currentViewDate: _angular_core.WritableSignal<Date>;
+    protected readonly currentSelectedDate: _angular_core.WritableSignal<Date | null>;
+    protected readonly activeVariant: _angular_core.Signal<string>;
+    protected readonly themeVars: _angular_core.Signal<Record<string, string>>;
+    protected readonly eventEntries: _angular_core.Signal<AvCalendarEventEntry<T>[]>;
+    protected readonly weekdayLabels: _angular_core.Signal<string[]>;
+    protected readonly monthLabel: _angular_core.Signal<string>;
+    protected readonly yearLabel: _angular_core.Signal<string>;
+    protected readonly monthDays: _angular_core.Signal<AvCalendarDay<T>[]>;
+    protected readonly yearMonths: _angular_core.Signal<AvCalendarMonth<T>[]>;
+    protected readonly selectedSummary: _angular_core.Signal<{
+        date: Date;
+        events: AvCalendarEvent<T>[];
+        label: string;
+    } | null>;
+    constructor();
+    protected get title(): string;
+    protected previous(): void;
+    protected next(): void;
+    protected goToday(): void;
+    protected setView(view: AvCalendarView): void;
+    protected openMonth(date: Date): void;
+    protected selectDay(day: AvCalendarDay<T>): void;
+    protected handleDayKeydown(event: KeyboardEvent, day: AvCalendarDay<T>): void;
+    protected selectEvent(event: AvCalendarEvent<T>, date: Date, mouseEvent: MouseEvent): void;
+    protected visibleEvents(events: AvCalendarEvent<T>[]): AvCalendarEvent<T>[];
+    protected hiddenEventCount(events: AvCalendarEvent<T>[]): number;
+    protected dotEvents(events: AvCalendarEvent<T>[]): AvCalendarEvent<T>[];
+    protected eventColor(event: AvCalendarEvent<T>): string;
+    protected eventTimeLabel(event: AvCalendarEvent<T>): string;
+    protected dayAriaLabel(day: AvCalendarDay<T>): string;
+    protected trackEvent(_index: number, event: AvCalendarEvent<T>): string | number;
+    protected trackDay(_index: number, day: AvCalendarDay<T>): string;
+    private selectDate;
+    private setViewDate;
+    private buildMonthDays;
+    private eventsForDate;
+    private normalizeEvent;
+    private roundedStyle;
+    private safeFirstDayOfWeek;
+    private safeMaxVisibleEvents;
+    private safeView;
+    private startOfMonth;
+    private endOfMonth;
+    private startOfWeek;
+    private endOfWeek;
+    private addDays;
+    private stripTime;
+    private cloneDate;
+    private toDate;
+    private isSameDay;
+    private dateKey;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvCalendar<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvCalendar<any>, "av-calendar", never, { "events": { "alias": "events"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "maxVisibleEvents": { "alias": "maxVisibleEvents"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": false; "isSignal": true; }; "showAdjacentDays": { "alias": "showAdjacentDays"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "viewDate": { "alias": "viewDate"; "required": false; "isSignal": true; }; "weekdayFormat": { "alias": "weekdayFormat"; "required": false; "isSignal": true; }; }, { "dateSelect": "dateSelect"; "eventSelect": "eventSelect"; "selectedDateChange": "selectedDateChange"; "viewChange": "viewChange"; "viewDateChange": "viewDateChange"; }, never, never, true, never>;
+}
+
 declare class AvButton {
     private readonly config;
     icon: _angular_core.InputSignal<string | undefined>;
@@ -965,6 +1151,9 @@ interface VisualsConfig {
 
 declare class ThemeService {
     private config;
+    private readonly destroyRef;
+    private readonly document;
+    private readonly isBrowser;
     private readonly colorIntensities;
     readonly mode: _angular_core.WritableSignal<AvThemeMode>;
     readonly systemDark: _angular_core.WritableSignal<boolean>;
@@ -979,5 +1168,5 @@ declare class ThemeService {
 declare const VISUALS_CONFIG: InjectionToken<VisualsConfig>;
 declare function provideAngularVisuals(config: VisualsConfig): EnvironmentProviders;
 
-export { AvBadge, AvButton, AvCarousel, AvCarouselItem, AvCheckbox, AvCluster, AvCurrencyInput, AvDateTimePicker, AvDivider, AvDropdown, AvFileUpload, AvForm, AvGrid, AvIcon, AvIconRegistry, AvInline, AvInput, AvMultiSelect, AvNavLink, AvPaginator, AvProgressBar, AvProgressBarCircle, AvSelect, AvSidenav, AvSlider, AvStack, AvStep, AvStepper, AvSwitch, AvTab, AvTable, AvTabs, AvText, AvTextArea, AvTooltip, ThemeService, VISUALS_CONFIG, provideAngularVisuals };
-export type { AvFileUploadFile, AvFileUploadRejection, AvFileUploadValue, AvRegisteredIcon, AvSidenavMode, AvSidenavTrigger, AvSliderRangeValue, AvSliderValue, AvTooltipPosition };
+export { AvBadge, AvButton, AvCalendar, AvCard, AvCarousel, AvCarouselItem, AvCheckbox, AvCluster, AvCurrencyInput, AvDateTimePicker, AvDivider, AvDropdown, AvDropdownItem, AvFileUpload, AvForm, AvGrid, AvIcon, AvIconRegistry, AvInline, AvInput, AvMultiSelect, AvNavDropdown, AvNavLink, AvPaginator, AvProgressBar, AvProgressBarCircle, AvSelect, AvSidenav, AvSlider, AvStack, AvStep, AvStepper, AvSwitch, AvTab, AvTable, AvTabs, AvText, AvTextArea, AvTooltip, ThemeService, VISUALS_CONFIG, provideAngularVisuals };
+export type { AvCalendarDateSelect, AvCalendarEvent, AvCalendarEventSelect, AvCalendarInputDate, AvCalendarView, AvCardAppearance, AvCardPadding, AvCardRounded, AvDropdownPlacement, AvFileUploadFile, AvFileUploadRejection, AvFileUploadValue, AvRegisteredIcon, AvSidenavMode, AvSidenavTrigger, AvSliderRangeValue, AvSliderValue, AvTooltipPosition };