@semantic-components/ui 0.30.0 → 0.32.0

package/index.d.ts

@@ -9,6 +9,9 @@ export * from './lib/components/nav';
 export * from './lib/components/theme-toggler';
 export * from './lib/components/button';
 export * from './lib/components/input';
+export * from './lib/components/input-password';
+export * from './lib/components/input-otp';
+export * from './lib/components/tel-input';
 export * from './lib/components/label';
 export * from './lib/components/textarea';
 export * from './lib/components/select';
@@ -34,8 +37,6 @@ export * from './lib/components/checkbox-group';
 export * from './lib/components/accordion';
 export * from './lib/components/switch';
 export * from './lib/components/radio-group';
-export * from './lib/components/input-otp';
-export * from './lib/components/tel-input';
 export * from './lib/components/hover-card';
 export * from './lib/components/avatar';
 export * from './lib/components/aspect-ratio';
@@ -56,3 +57,11 @@ export * from './lib/components/file-upload';
 export * from './lib/components/page';
 export * from './lib/components/typography';
 export * from './lib/components/cookie-consent';
+export * from './lib/components/comments';
+export * from './lib/components/tags';
+export * from './lib/components/combobox';
+export * from './lib/components/clock-picker';
+export * from './lib/components/code-highlighter';
+export * from './lib/components/chat';
+export * from './lib/components/image-placeholder';
+export * from './lib/components/rtl';

package/lib/components/button/button.d.ts

@@ -1,5 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import * as i0 from "@angular/core";
+import * as i1 from "./cursor";
 export declare const buttonVariants: (props?: ({
     variant?: "outline" | "link" | "primary" | "destructive" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
@@ -12,5 +13,5 @@ export declare class ScButton {
     protected readonly class: import("@angular/core").Signal<string>;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScButton, "button[sc-button], a[sc-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScButton, "button[sc-button], a[sc-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.ScCursor; inputs: {}; outputs: {}; }]>;
 }

package/lib/components/button/cursor.d.ts

@@ -0,0 +1,10 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ScCursor implements OnInit {
+    private readonly isPlatformBrowser;
+    private readonly hostRef;
+    private readonly renderer;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScCursor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScCursor, "button[sc-cursor], a[sc-cursor]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/button/index.d.ts

@@ -1 +1,2 @@
 export * from './button';
+export * from './cursor';

package/lib/components/calendar/calendar.d.ts

@@ -3,21 +3,22 @@ import { ControlValueAccessor } from '@angular/forms';
 import { WeekDayName } from './util';
 import * as i0 from "@angular/core";
 export declare class ScCalendar implements OnInit, ControlValueAccessor {
-    private readonly _cdr;
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+    private readonly changeDetectorRef;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
     private readonly localeId;
-    date: import("@angular/core").Signal<Date>;
-    year: import("@angular/core").WritableSignal<number>;
-    month: import("@angular/core").WritableSignal<number>;
-    weekDaysNames: import("@angular/core").WritableSignal<WeekDayName[]>;
-    monthYear: import("@angular/core").Signal<string>;
-    monthDays: import("@angular/core").Signal<string[]>;
-    firstDayMonth: import("@angular/core").Signal<number>;
-    value: import("@angular/core").ModelSignal<string>;
+    readonly date: import("@angular/core").Signal<Date>;
+    readonly year: import("@angular/core").WritableSignal<number>;
+    readonly month: import("@angular/core").WritableSignal<number>;
+    readonly weekDaysNames: import("@angular/core").WritableSignal<WeekDayName[]>;
+    readonly monthYear: import("@angular/core").Signal<string>;
+    readonly monthDays: import("@angular/core").Signal<string[]>;
+    readonly firstDayMonth: import("@angular/core").Signal<number>;
+    readonly value: import("@angular/core").ModelSignal<string>;
+    readonly focusedDate: import("@angular/core").WritableSignal<string>;
     setSelectedDay(day: string): void;
-    _onChange: (value: string) => void;
-    _onTouched: () => void;
+    onChange: (value: string) => void;
+    onTouched: () => void;
     writeValue(value: string): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -28,6 +29,9 @@ export declare class ScCalendar implements OnInit, ControlValueAccessor {
     private getFirstDayOfWeek;
     setMonthYear(n: number): void;
     twoDigits(n: number): string;
+    handleKeydown(event: KeyboardEvent): void;
+    getDateString(date: Date): string;
+    addDays(days: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCalendar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCalendar, "sc-calendar", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCalendar, "sc-calendar", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }

package/lib/components/calendar/month-days.d.ts

@@ -1,3 +1,4 @@
+import { ElementRef } from '@angular/core';
 import { WeekDayName } from './util';
 import * as i0 from "@angular/core";
 export declare class ScMonthDays {
@@ -9,7 +10,10 @@ export declare class ScMonthDays {
     selectedDay: import("@angular/core").InputSignal<string>;
     selectedDayChange: import("@angular/core").OutputEmitterRef<string>;
     isSelected(day: string): boolean;
-    setSelectedDay(event: any): void;
+    setSelectedDay(event: Event): void;
+    focusedDate: import("@angular/core").InputSignal<string>;
+    btns: import("@angular/core").Signal<readonly ElementRef<any>[]>;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ScMonthDays, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScMonthDays, "sc-month-days", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "weekDaysNames": { "alias": "weekDaysNames"; "required": true; "isSignal": true; }; "days": { "alias": "days"; "required": true; "isSignal": true; }; "firstDayMonth": { "alias": "firstDayMonth"; "required": true; "isSignal": true; }; "selectedDay": { "alias": "selectedDay"; "required": false; "isSignal": true; }; }, { "selectedDayChange": "selectedDayChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScMonthDays, "sc-month-days", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "weekDaysNames": { "alias": "weekDaysNames"; "required": true; "isSignal": true; }; "days": { "alias": "days"; "required": true; "isSignal": true; }; "firstDayMonth": { "alias": "firstDayMonth"; "required": true; "isSignal": true; }; "selectedDay": { "alias": "selectedDay"; "required": false; "isSignal": true; }; "focusedDate": { "alias": "focusedDate"; "required": false; "isSignal": true; }; }, { "selectedDayChange": "selectedDayChange"; }, never, never, true, never>;
 }

package/lib/components/carousel/carousel.d.ts

@@ -13,7 +13,7 @@ export declare class ScCarousel {
     readonly orientation: import("@angular/core").Signal<"horizontal" | "vertical">;
     constructor();
     togglePrevNextBtnsState: () => void;
-    handleKeyDown(event: KeyboardEvent): void;
+    handleKeydown(event: KeyboardEvent): void;
     private scrollPrev;
     private scrollNext;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCarousel, never>;

package/lib/components/chat/chat.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class ScChat {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScChat, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScChat, "sc-chat", never, {}, {}, never, never, true, never>;
+}

package/lib/components/chat/index.d.ts

@@ -0,0 +1 @@
+export * from './chat';

package/lib/components/checkbox/checkbox.d.ts

@@ -19,9 +19,9 @@ export declare class ScCheckbox implements ControlValueAccessor {
     protected readonly indeterminate: import("@angular/core").WritableSignal<boolean>;
     readonly checkedInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     protected readonly checked: import("@angular/core").WritableSignal<boolean>;
+    readonly checkedChange: import("@angular/core").OutputEmitterRef<boolean>;
     readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     protected readonly disabled: import("@angular/core").WritableSignal<boolean>;
-    readonly change: import("@angular/core").OutputEmitterRef<boolean>;
     protected readonly state: import("@angular/core").Signal<"indeterminate" | "checked" | "unchecked">;
     constructor();
     protected toggle(): void;
@@ -33,5 +33,5 @@ export declare class ScCheckbox implements ControlValueAccessor {
     setDisabledState(isDisabled: boolean): void;
     protected onInteractionEvent(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCheckbox, "sc-checkbox", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "wrapperClassInput": { "alias": "wrapperClass"; "required": false; "isSignal": true; }; "checkboxClassInput": { "alias": "checkboxClass"; "required": false; "isSignal": true; }; "svgClassInput": { "alias": "svgClass"; "required": false; "isSignal": true; }; "labelClassInput": { "alias": "labelClass"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "indeterminateInput": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "checkedInput": { "alias": "checked"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCheckbox, "sc-checkbox", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "wrapperClassInput": { "alias": "wrapperClass"; "required": false; "isSignal": true; }; "checkboxClassInput": { "alias": "checkboxClass"; "required": false; "isSignal": true; }; "svgClassInput": { "alias": "svgClass"; "required": false; "isSignal": true; }; "labelClassInput": { "alias": "labelClass"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "indeterminateInput": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "checkedInput": { "alias": "checked"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, ["*"], true, never>;
 }

package/lib/components/clock-picker/clock-picker.d.ts

@@ -0,0 +1,31 @@
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ScClockPicker implements OnInit {
+    clockFace: ElementRef;
+    readonly initialTime: import("@angular/core").InputSignal<string | undefined>;
+    timeSelected: EventEmitter<string>;
+    hours: number[];
+    periods: string[];
+    selectedHour: number;
+    selectedMinute: number;
+    selectedPeriod: string;
+    isDragging: boolean;
+    isHourMode: boolean;
+    private readonly moveHandler;
+    private readonly endHandler;
+    constructor();
+    ngOnInit(): void;
+    parseInitialTime(time: string): void;
+    startHourDrag(event: MouseEvent | TouchEvent): void;
+    startMinuteDrag(event: MouseEvent | TouchEvent): void;
+    private startDrag;
+    private handleMove;
+    private stopDrag;
+    getHourDegrees(): number;
+    getMinuteDegrees(): number;
+    selectPeriod(period: string): void;
+    formatTime(hour: number, minute: number, period: string): string;
+    emitTimeChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScClockPicker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScClockPicker, "sc-clock-picker", never, { "initialTime": { "alias": "initialTime"; "required": false; "isSignal": true; }; }, { "timeSelected": "timeSelected"; }, never, never, true, never>;
+}

package/lib/components/clock-picker/clock-picker2.d.ts

@@ -0,0 +1,20 @@
+import * as i0 from "@angular/core";
+export declare class ScClockPicker2 {
+    protected readonly isHourMode: import("@angular/core").WritableSignal<boolean>;
+    protected readonly selectedHour: import("@angular/core").WritableSignal<number>;
+    protected readonly selectedMinute: import("@angular/core").WritableSignal<number>;
+    protected numToDisplay(number: number): number;
+    protected readonly formattedHour: import("@angular/core").Signal<string>;
+    protected readonly formattedMinute: import("@angular/core").Signal<string>;
+    generateClockNumbers: import("@angular/core").Signal<{
+        number: number;
+        style: {
+            left: string;
+            top: string;
+        };
+    }[]>;
+    handleNumberClick: (num: number) => void;
+    getHandRotation: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScClockPicker2, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScClockPicker2, "sc-clock-picker2", never, {}, {}, never, never, true, never>;
+}

package/lib/components/clock-picker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './clock-picker';
+export * from './clock-picker2';

package/lib/components/code-highlighter/code-highlighter.d.ts

@@ -0,0 +1,14 @@
+import { OnInit } from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class ScCodeHighlighter implements OnInit {
+    private readonly shikiService;
+    private readonly sanitizer;
+    code: import("@angular/core").InputSignal<string>;
+    language: import("@angular/core").InputSignal<string>;
+    theme: import("@angular/core").InputSignal<string>;
+    highlightedCode: import("@angular/core").WritableSignal<SafeHtml>;
+    ngOnInit(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScCodeHighlighter, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCodeHighlighter, "sc-code-highlighter", never, { "code": { "alias": "code"; "required": true; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/code-highlighter/index.d.ts

@@ -0,0 +1 @@
+export * from './code-highlighter';

package/lib/components/code-highlighter/shiki.service.d.ts

@@ -0,0 +1,9 @@
+import { Highlighter } from 'shiki';
+import * as i0 from "@angular/core";
+export declare class ShikiService {
+    private highlighter;
+    initializeHighlighter(): Promise<Highlighter>;
+    highlightCode(code: string, language: string): Promise<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShikiService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ShikiService>;
+}

package/lib/components/combobox/combobox.d.ts

@@ -0,0 +1,44 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class ScCombobox implements OnInit {
+    private readonly elementRef;
+    readonly id: import("@angular/core").InputSignal<string>;
+    readonly label: import("@angular/core").InputSignal<string | undefined>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly options: import("@angular/core").InputSignal<any[]>;
+    readonly optionTemplate: import("@angular/core").InputSignal<any>;
+    readonly loading: import("@angular/core").InputSignal<boolean>;
+    readonly labelKey: import("@angular/core").InputSignal<string>;
+    optionSelected: EventEmitter<any>;
+    search: EventEmitter<string>;
+    searchControl: FormControl<string | null>;
+    isOpen: boolean;
+    activeIndex: number;
+    filteredOptions: any[];
+    listboxId: string;
+    private closeTimeout?;
+    get activeId(): string;
+    constructor();
+    ngOnInit(): void;
+    handleButtonInteraction(event: MouseEvent): void;
+    onButtonKeyDown(event: KeyboardEvent): void;
+    handleOptionClick(event: MouseEvent, option: any): void;
+    onOptionKeyDown(event: KeyboardEvent, option: any): void;
+    moveActiveIndex(delta: number): void;
+    setActiveIndex(index: number): void;
+    onClickOutside(event: Event): void;
+    toggleDropdown(): void;
+    open(): void;
+    close(): void;
+    onFocus(): void;
+    onBlur(): void;
+    onSearch(query: string): void;
+    filterOptions(): void;
+    selectOption(option: any): void;
+    getOptionLabel(option: any): string;
+    onKeyDown(event: KeyboardEvent): void;
+    private scrollActiveOptionIntoView;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScCombobox, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCombobox, "sc-combobox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "labelKey": { "alias": "labelKey"; "required": false; "isSignal": true; }; }, { "optionSelected": "optionSelected"; "search": "search"; }, never, never, true, never>;
+}

package/lib/components/combobox/index.d.ts

@@ -0,0 +1 @@
+export * from './combobox';

package/lib/components/comments/comment-model.d.ts

@@ -0,0 +1,14 @@
+export interface ScUserModel {
+    id: number;
+    name: string;
+    avatar: string;
+}
+export interface ScCommentModel {
+    id: number;
+    author: string;
+    avatar: string;
+    content: string;
+    timestamp: Date;
+    likes: number;
+    replies: ScCommentModel[];
+}

package/lib/components/comments/comment.d.ts

@@ -0,0 +1,9 @@
+import { ScCommentModel } from './comment-model';
+import * as i0 from "@angular/core";
+export declare class ScComment {
+    comment: import("@angular/core").InputSignal<ScCommentModel>;
+    likeComment(comment: ScCommentModel): void;
+    toggleReplyForm(comment: ScCommentModel): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScComment, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScComment, "sc-comment", never, { "comment": { "alias": "comment"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/comments/comments.d.ts

@@ -0,0 +1,13 @@
+import { FormGroup } from '@angular/forms';
+import { ScCommentModel, ScUserModel } from './comment-model';
+import * as i0 from "@angular/core";
+export declare class ScComments {
+    private readonly fb;
+    comments: import("@angular/core").InputSignal<ScCommentModel[]>;
+    currentUser: import("@angular/core").InputSignal<ScUserModel>;
+    commentForm: FormGroup;
+    constructor();
+    onSubmit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScComments, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScComments, "sc-comments", never, { "comments": { "alias": "comments"; "required": true; "isSignal": true; }; "currentUser": { "alias": "currentUser"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/comments/index.d.ts

@@ -0,0 +1,2 @@
+export * from './comments';
+export * from './comment-model';

package/lib/components/confirmation-dialog/confirmation-dialog-content.d.ts

@@ -1,12 +1,18 @@
 import { DialogRef } from '@angular/cdk/dialog';
+import { AfterViewInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class ScConfirmationDialogContent {
+export declare class ScConfirmationDialogContent implements AfterViewInit {
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
-    readonly state: import("@angular/core").WritableSignal<"open" | "closed">;
+    private readonly state;
+    private readonly response;
+    private readonly animationEnd;
     readonly dialogRef: DialogRef<any, any>;
     readonly data: any;
     constructor();
+    ngAfterViewInit(): void;
+    close(b: boolean): void;
+    animationend(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScConfirmationDialogContent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScConfirmationDialogContent, "sc-confirmation-dialog-content", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/full-calendar/day-view.d.ts

@@ -0,0 +1,13 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ScDayView implements OnInit {
+    readonly date: import("@angular/core").InputSignal<Date>;
+    hoursInDay: number[];
+    constructor();
+    ngOnInit(): void;
+    addEvent(hour: number): void;
+    isNow(hour: number): boolean;
+    onKeydown(event: KeyboardEvent, hour: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScDayView, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScDayView, "sc-day-view", never, { "date": { "alias": "date"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/full-calendar/full-calendar.d.ts

@@ -1,7 +1,30 @@
+import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class ScFullCalendar {
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+export declare class ScFullCalendar implements OnInit {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    currentDate: Date;
+    currentMonth: number;
+    currentYear: number;
+    currentView: 'month' | 'week' | 'day';
+    daysInMonth: number[];
+    weekdays: string[];
+    events: {
+        date: string;
+        title: string;
+    }[];
+    ngOnInit(): void;
+    generateCalendar(): void;
+    goToPreviousMonth(): void;
+    goToNextMonth(): void;
+    setView(view: 'month' | 'week' | 'day'): void;
+    formatDate(day: number | null): string;
+    addEvent(date: string): void;
+    isToday(day: number | null): boolean;
+    getEventsForDate(day: number | null): {
+        date: string;
+        title: string;
+    }[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ScFullCalendar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScFullCalendar, "sc-full-calendar", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScFullCalendar, "sc-full-calendar", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/full-calendar/index.d.ts

@@ -1 +1,3 @@
 export * from './full-calendar';
+export * from './mobile-calendar';
+export * from './week-view';

package/lib/components/full-calendar/mobile-calendar.d.ts

@@ -0,0 +1,19 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ScMobileCalendar implements OnInit {
+    currentDate: Date;
+    hoursInDay: number[];
+    events: {
+        [key: string]: string[];
+    };
+    constructor();
+    ngOnInit(): void;
+    goToPreviousDay(): void;
+    goToNextDay(): void;
+    onKeydown(event: KeyboardEvent, direction: string): void;
+    addEvent(hour: number): void;
+    getEventsForTime(hour: number): string[];
+    isNow(hour: number): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScMobileCalendar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScMobileCalendar, "sc-mobile-calendar", never, {}, {}, never, never, true, never>;
+}

package/lib/components/full-calendar/week-view.d.ts

@@ -0,0 +1,14 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ScWeekView implements OnInit {
+    currentDate: Date;
+    weekDays: Date[];
+    constructor();
+    ngOnInit(): void;
+    getWeekDays(date: Date): Date[];
+    goToPreviousWeek(): void;
+    goToNextWeek(): void;
+    onKeydown(event: KeyboardEvent, direction: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScWeekView, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScWeekView, "sc-week-view", never, {}, {}, never, never, true, never>;
+}

package/lib/components/image-placeholder/image-placeholder.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare class ScImagePlaceholder {
+    private readonly placeholderService;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    readonly width: import("@angular/core").InputSignal<number>;
+    readonly height: import("@angular/core").InputSignal<number>;
+    readonly alt: import("@angular/core").InputSignal<string>;
+    readonly text: import("@angular/core").InputSignal<string>;
+    protected readonly placeholderSrc: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScImagePlaceholder, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScImagePlaceholder, "img[sc-image-placeholder]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/image-placeholder/image-placeholder.service.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class ImagePlaceholderService {
+    generatePlaceholder(width: number, height: number, text?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImagePlaceholderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ImagePlaceholderService>;
+}

package/lib/components/image-placeholder/index.d.ts

@@ -0,0 +1 @@
+export * from './image-placeholder';

package/lib/components/input/auto-resize-input.d.ts

@@ -0,0 +1,33 @@
+import { ElementRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class ScAutoResizeInput implements ControlValueAccessor {
+    private readonly changeDetectorRef;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    readonly input: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
+    readonly sizer: import("@angular/core").Signal<ElementRef<HTMLSpanElement>>;
+    readonly type: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly minWidth: import("@angular/core").InputSignal<number>;
+    readonly maxWidth: import("@angular/core").InputSignal<number>;
+    readonly inputClass: import("@angular/core").InputSignal<string>;
+    readonly value: import("@angular/core").ModelSignal<string>;
+    protected readonly sizerWidth: import("@angular/core").WritableSignal<number>;
+    setSizerWidth(): void;
+    width: import("@angular/core").Signal<number>;
+    readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    protected readonly disabled: import("@angular/core").WritableSignal<boolean>;
+    constructor();
+    onChange: any;
+    onTouch: any;
+    getFont(): string;
+    onInput(event: Event): void;
+    onBlur(): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAutoResizeInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScAutoResizeInput, "sc-auto-resize-input", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}

package/lib/components/input/index.d.ts

@@ -1 +1,3 @@
 export * from './input';
+export * from './plain-input';
+export * from './auto-resize-input';

package/lib/components/input/input.d.ts

@@ -1,8 +1,10 @@
 import * as i0 from "@angular/core";
+import * as i1 from "./plain-input";
 export declare const scInputStyles: import("@angular/core").WritableSignal<string>;
 export declare class ScInput {
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
+    readonly value: import("@angular/core").ModelSignal<string | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScInput, "input[sc-input]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScInput, "input[sc-input]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, [{ directive: typeof i1.ScPlainInput; inputs: { "value": "value"; }; outputs: { "valueChange": "valueChange"; }; }]>;
 }

package/lib/components/input/plain-input.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class ScPlainInput {
+    private readonly hostRef;
+    readonly value: import("@angular/core").ModelSignal<string | undefined>;
+    handleInput(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScPlainInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScPlainInput, "input[sc-plain-input]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}

package/lib/components/input-password/index.d.ts

@@ -0,0 +1 @@
+export * from './input-password';

package/lib/components/input-password/input-password.d.ts

@@ -0,0 +1,28 @@
+import { OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class ScInputPassword implements OnInit {
+    protected readonly id: string;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    protected control: FormControl<any>;
+    private destroyRef;
+    ngOnInit(): void;
+    readonly password: import("@angular/core").WritableSignal<string>;
+    readonly isVisible: import("@angular/core").WritableSignal<boolean>;
+    requirements: {
+        regex: RegExp;
+        text: string;
+    }[];
+    strength: import("@angular/core").Signal<{
+        met: boolean;
+        text: string;
+    }[]>;
+    strengthScore: import("@angular/core").Signal<number>;
+    protected readonly indicatorClass: import("@angular/core").Signal<string>;
+    strengthColor: import("@angular/core").Signal<"bg-border" | "bg-red-500" | "bg-orange-500" | "bg-amber-500" | "bg-emerald-500">;
+    strengthText: import("@angular/core").Signal<"Enter a password" | "Weak password" | "Medium password" | "Strong password">;
+    toggleVisibility(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScInputPassword, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScInputPassword, "sc-input-password", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/progress/circular-progress.d.ts

@@ -0,0 +1,17 @@
+import { OnChanges, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ScCircularProgress implements OnInit, OnChanges {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    readonly value: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    radius: number;
+    stroke: number;
+    normalizedRadius: number;
+    circumference: number;
+    strokeDashoffset: number;
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    updateProgress(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScCircularProgress, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCircularProgress, "sc-circular-progress", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}