@semantic-components/ui 0.36.0 → 0.38.0

package/index.d.ts

@@ -3,21 +3,27 @@ export * from './lib/components/editor';
 export * from './lib/components/tooltip';
 export * from './lib/components/paginator';
 export * from './lib/components/calendar';
+export * from './lib/components/range-calendar';
 export * from './lib/components/full-calendar';
 export * from './lib/components/date-picker';
+export * from './lib/components/date-range-picker';
 export * from './lib/components/nav';
 export * from './lib/components/theme-toggler';
 export * from './lib/components/link';
 export * from './lib/components/button';
 export * from './lib/components/input';
+export * from './lib/components/input-number';
+export * from './lib/components/input-number-group';
 export * from './lib/components/input-group';
 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';
+export * from './lib/components/multi-select';
+export * from './lib/components/scroll-to-top';
 export * from './lib/components/progress';
+export * from './lib/components/circular-progress';
 export * from './lib/components/sheet';
 export * from './lib/components/breadcrumb';
 export * from './lib/components/toggle';
@@ -64,6 +70,15 @@ 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';
+export * from './lib/components/fieldset';
+export * from './lib/components/touch-area';
+export * from './lib/components/scroll-spy';
+export * from './lib/components/color-picker';
+export * from './lib/components/toggle-switch';
+export * from './lib/components/range-slider';
+export * from './lib/components/dual-range-slider';
+export * from './lib/components/table-of-contents';
+export * from './lib/components/stepper';
+export * from './lib/components/rating';
+export * from './lib/components/on-this-page';

package/lib/components/aspect-ratio/aspect-ratio.d.ts

@@ -1,17 +1,9 @@
 import * as i0 from "@angular/core";
 export declare class ScAspectRatio {
-    imageClass: import("@angular/core").InputSignal<string>;
-    imageClasses: import("@angular/core").Signal<string>;
-    imageStyle: import("@angular/core").WritableSignal<string>;
-    hostClass: import("@angular/core").InputSignal<string>;
-    hostClasses: import("@angular/core").Signal<string>;
-    hostStyle: import("@angular/core").Signal<string>;
-    wrapperClass: import("@angular/core").InputSignal<string>;
-    wrapperStyle: import("@angular/core").WritableSignal<string>;
-    ratio: import("@angular/core").InputSignal<string>;
-    src: import("@angular/core").InputSignal<string>;
-    alt: import("@angular/core").InputSignal<string>;
-    priority: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly ratio: import("@angular/core").InputSignal<number>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    calculatePadding(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScAspectRatio, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScAspectRatio, "sc-aspect-ratio", never, { "imageClass": { "alias": "imageClass"; "required": false; "isSignal": true; }; "hostClass": { "alias": "hostClass"; "required": false; "isSignal": true; }; "wrapperClass": { "alias": "wrapperClass"; "required": false; "isSignal": true; }; "ratio": { "alias": "ratio"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": true; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "priority": { "alias": "priority"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScAspectRatio, "div[sc-aspect-ratio]", never, { "ratio": { "alias": "ratio"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/badge/badge.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
 export declare class ScBadge {
-    variant: import("@angular/core").InputSignal<"outline" | "primary" | "destructive" | "secondary" | null | undefined>;
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+    readonly variant: import("@angular/core").InputSignal<"outline" | "primary" | "destructive" | "secondary" | null | undefined>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScBadge, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScBadge, "div[sc-badge]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScBadge, "div[sc-badge]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,17 +1,19 @@
 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;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export type ButtonVariants = VariantProps<typeof buttonVariants>;
 export declare class ScButtonBase {
-    readonly variant: import("@angular/core").InputSignal<"outline" | "link" | "primary" | "destructive" | "secondary" | "ghost" | null | undefined>;
-    readonly size: import("@angular/core").InputSignal<"default" | "sm" | "lg" | "icon" | null | undefined>;
+    readonly variantInput: import("@angular/core").InputSignal<"outline" | "link" | "primary" | "destructive" | "secondary" | "ghost" | null | undefined>;
+    protected readonly variant: import("@angular/core").WritableSignal<"outline" | "link" | "primary" | "destructive" | "secondary" | "ghost" | null | undefined>;
+    readonly sizeInput: import("@angular/core").InputSignal<"default" | "sm" | "lg" | "icon" | null | undefined>;
+    protected readonly size: import("@angular/core").WritableSignal<"default" | "sm" | "lg" | "icon" | null | undefined>;
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    protected readonly disabled: import("@angular/core").WritableSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScButtonBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ScButtonBase, never, 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, never, true, [{ directive: typeof i1.ScCursor; inputs: { "disabled": "disabled"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScButtonBase, never, never, { "variantInput": { "alias": "variant"; "required": false; "isSignal": true; }; "sizeInput": { "alias": "size"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

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

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

@@ -0,0 +1,14 @@
+import { Temporal } from '@js-temporal/polyfill';
+import * as i0 from "@angular/core";
+export declare class ScCalendarHeader {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    readonly currentMonth: import("@angular/core").InputSignal<Temporal.PlainYearMonth>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly monthYearChange: import("@angular/core").OutputEmitterRef<number>;
+    readonly viewToggled: import("@angular/core").OutputEmitterRef<void>;
+    private readonly localeId;
+    protected readonly monthName: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScCalendarHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCalendarHeader, "sc-calendar-header", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "currentMonth": { "alias": "currentMonth"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": true; "isSignal": true; }; }, { "monthYearChange": "monthYearChange"; "viewToggled": "viewToggled"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,6 @@
+import { Signal } from '@angular/core';
+import { Temporal } from '@js-temporal/polyfill';
+import { CalendarDay } from './types';
+export declare function isToday(date: Temporal.PlainDate): boolean;
+export declare function isDateDisabled(minDate: Signal<Temporal.PlainDate>, maxDate: Signal<Temporal.PlainDate>, date: Temporal.PlainDate): boolean;
+export declare function generateCalendarDays(localeId: string, currentMonth: Signal<Temporal.PlainYearMonth>): Signal<CalendarDay[]>;

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

@@ -1,37 +1,42 @@
-import { OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { WeekDayName } from './util';
+import { Temporal } from '@js-temporal/polyfill';
 import * as i0 from "@angular/core";
-export declare class ScCalendar implements OnInit, ControlValueAccessor {
-    private readonly changeDetectorRef;
+export declare class ScCalendar implements ControlValueAccessor {
+    readonly value: import("@angular/core").ModelSignal<Temporal.PlainDate | undefined>;
+    readonly minDate: import("@angular/core").InputSignal<Temporal.PlainDate | undefined>;
+    readonly maxDate: import("@angular/core").InputSignal<Temporal.PlainDate | undefined>;
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
+    private readonly today;
+    protected readonly focusedDate: import("@angular/core").WritableSignal<Temporal.PlainDate | undefined>;
+    protected readonly currentYear: import("@angular/core").WritableSignal<number>;
+    protected readonly currentMonth: import("@angular/core").WritableSignal<Temporal.PlainYearMonth>;
+    private readonly firstDayOfMonth;
+    private readonly lastDayOfMonth;
     private readonly localeId;
-    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;
+    protected readonly calendarDays: import("@angular/core").Signal<import("./types").CalendarDay[]>;
+    isToday(date: Temporal.PlainDate): boolean;
+    isDateDisabled(date: Temporal.PlainDate): boolean;
+    selectDate(date: Temporal.PlainDate): void;
+    moveFocus(delta: number): void;
+    handleKeydown(event: KeyboardEvent): void;
+    prevMonth(): void;
+    nextMonth(): void;
+    protected readonly view: import("@angular/core").WritableSignal<"months" | "years" | "days">;
+    protected toggleView(): void;
+    weekdays: string[];
+    private readonly scYearSelector;
+    protected setMonthYear(n: number): void;
+    protected selectYear(year: number): void;
+    protected selectMonth(month: Temporal.PlainYearMonth): void;
+    onChange: (value: Temporal.PlainDate) => void;
     onTouched: () => void;
-    writeValue(value: string): void;
-    registerOnChange(fn: (value: string) => void): void;
+    writeValue(value: Temporal.PlainDate): void;
+    registerOnChange(fn: (value: Temporal.PlainDate) => void): void;
     registerOnTouched(fn: () => void): void;
-    private readonly disabledByCva;
+    readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: import("@angular/core").WritableSignal<boolean>;
     setDisabledState?(isDisabled: boolean): void;
-    ngOnInit(): void;
-    private setLocaleDayNames;
-    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, { "classInput": { "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, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }

package/lib/components/calendar/day-button.d.ts

@@ -0,0 +1,9 @@
+import { ScButtonBase } from '../button';
+import * as i0 from "@angular/core";
+export declare class ScDayButton extends ScButtonBase {
+    private readonly host;
+    readonly isFocused: import("@angular/core").InputSignal<boolean>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScDayButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScDayButton, "button[sc-day-button]", never, { "isFocused": { "alias": "isFocused"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/calendar/day-selector.d.ts

@@ -0,0 +1,16 @@
+import { Temporal } from '@js-temporal/polyfill';
+import { CalendarDay } from './types';
+import * as i0 from "@angular/core";
+export declare class ScDaySelector {
+    readonly calendarDays: import("@angular/core").InputSignal<CalendarDay[]>;
+    readonly weekdays: import("@angular/core").InputSignal<string[]>;
+    readonly dateSelected: import("@angular/core").OutputEmitterRef<Temporal.PlainDate>;
+    readonly selectedDate: import("@angular/core").InputSignal<Temporal.PlainDate | undefined>;
+    readonly focusedDate: import("@angular/core").InputSignal<Temporal.PlainDate | undefined>;
+    protected getVariant(day: CalendarDay): "primary" | "outline" | "secondary" | "ghost";
+    protected selectDay(day: CalendarDay): void;
+    isSelected(date: Temporal.PlainDate): boolean;
+    isFocused(date: Temporal.PlainDate): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScDaySelector, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScDaySelector, "sc-day-selector", never, { "calendarDays": { "alias": "calendarDays"; "required": true; "isSignal": true; }; "weekdays": { "alias": "weekdays"; "required": true; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": false; "isSignal": true; }; "focusedDate": { "alias": "focusedDate"; "required": false; "isSignal": true; }; }, { "dateSelected": "dateSelected"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,12 @@
+import { Temporal } from '@js-temporal/polyfill';
+import * as i0 from "@angular/core";
+export declare class ScMonthSelector {
+    readonly currentMonth: import("@angular/core").InputSignal<Temporal.PlainYearMonth>;
+    protected months: string[];
+    private readonly localeId;
+    constructor();
+    readonly monthSelected: import("@angular/core").OutputEmitterRef<Temporal.PlainYearMonth>;
+    protected selectMonth(monthIndex: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScMonthSelector, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScMonthSelector, "sc-month-selector", never, { "currentMonth": { "alias": "currentMonth"; "required": true; "isSignal": true; }; }, { "monthSelected": "monthSelected"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,6 @@
+import { Temporal } from '@js-temporal/polyfill';
+export interface CalendarDay {
+    date: Temporal.PlainDate;
+    dayOfMonth: number;
+    isInCurrentMonth: boolean;
+}

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

@@ -0,0 +1,6 @@
+import { Temporal } from '@js-temporal/polyfill';
+export declare function getFirstDayOfWeek(localeId: string): number;
+export declare function formatDate(locale: string, date: Temporal.PlainDate): string;
+export declare function getLocalizedDayNames(locale: string, format?: 'long' | 'short' | 'narrow'): string[];
+export declare function getLocalizedMonthNames(locale: string): string[];
+export declare function getMonthName(locale: string, yearMonth: Temporal.PlainYearMonth): string;

package/lib/components/calendar/year-selector.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class ScYearSelector {
+    readonly currentYear: import("@angular/core").InputSignal<number>;
+    readonly year: import("@angular/core").WritableSignal<number>;
+    protected readonly years: import("@angular/core").Signal<number[]>;
+    readonly yearSelected: import("@angular/core").OutputEmitterRef<number>;
+    protected selectYear(year: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScYearSelector, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScYearSelector, "sc-year-selector", never, { "currentYear": { "alias": "currentYear"; "required": true; "isSignal": true; }; }, { "yearSelected": "yearSelected"; }, never, never, true, never>;
+}

package/lib/components/card/card-content.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ScCardContent {
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCardContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCardContent, "div[sc-card-content]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCardContent, "div[sc-card-content]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/card/card-description.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ScCardDescription {
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCardDescription, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCardDescription, "p[sc-card-description]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCardDescription, "p[sc-card-description]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/card/card-footer.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ScCardFooter {
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCardFooter, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCardFooter, "div[sc-card-footer]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCardFooter, "div[sc-card-footer]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/card/card-header.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ScCardHeader {
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCardHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCardHeader, "div[sc-card-header]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCardHeader, "div[sc-card-header]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/card/card-title.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ScCardTitle {
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCardTitle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCardTitle, "h2[sc-card-title]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCardTitle, "h2[sc-card-title]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/card/card.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ScCard {
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCard, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCard, "div[sc-card]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCard, "div[sc-card]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,12 +1,12 @@
+import { ScButtonBase } from '../button';
 import * as i0 from "@angular/core";
-export declare class ScCarouselNext {
+export declare class ScCarouselNext extends ScButtonBase {
     private readonly scCarousel;
-    readonly variant: import("@angular/core").InputSignal<"outline" | "link" | "primary" | "destructive" | "secondary" | "ghost" | null | undefined>;
-    readonly size: import("@angular/core").InputSignal<"default" | "sm" | "lg" | "icon" | null | undefined>;
-    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly variantInput: import("@angular/core").InputSignal<"outline" | "link" | "primary" | "destructive" | "secondary" | "ghost" | null | undefined>;
+    readonly sizeInput: import("@angular/core").InputSignal<"default" | "sm" | "lg" | "icon" | null | undefined>;
     protected readonly class: import("@angular/core").Signal<string>;
-    protected readonly disabled: import("@angular/core").Signal<boolean>;
+    protected readonly disabled: import("@angular/core").WritableSignal<boolean>;
     protected scrollNext(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCarouselNext, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCarouselNext, "button[sc-carousel-next]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCarouselNext, "button[sc-carousel-next]", never, { "variantInput": { "alias": "variantInput"; "required": false; "isSignal": true; }; "sizeInput": { "alias": "sizeInput"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,12 +1,12 @@
+import { ScButtonBase } from '../button';
 import * as i0 from "@angular/core";
-export declare class ScCarouselPrevious {
+export declare class ScCarouselPrevious extends ScButtonBase {
     private readonly scCarousel;
-    readonly variant: import("@angular/core").InputSignal<"outline" | "link" | "primary" | "destructive" | "secondary" | "ghost" | null | undefined>;
-    readonly size: import("@angular/core").InputSignal<"default" | "sm" | "lg" | "icon" | null | undefined>;
-    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly variantInput: import("@angular/core").InputSignal<"outline" | "link" | "primary" | "destructive" | "secondary" | "ghost" | null | undefined>;
+    readonly sizeInput: import("@angular/core").InputSignal<"default" | "sm" | "lg" | "icon" | null | undefined>;
     protected readonly class: import("@angular/core").Signal<string>;
-    protected readonly disabled: import("@angular/core").Signal<boolean>;
+    protected readonly disabled: import("@angular/core").WritableSignal<boolean>;
     protected scrollPrev(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCarouselPrevious, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCarouselPrevious, "button[sc-carousel-previous]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCarouselPrevious, "button[sc-carousel-previous]", never, { "variantInput": { "alias": "variantInput"; "required": false; "isSignal": true; }; "sizeInput": { "alias": "sizeInput"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,21 +1,24 @@
+import { OnDestroy } from '@angular/core';
 import { EmblaCarouselType } from 'embla-carousel';
 import * as i0 from "@angular/core";
-export declare class ScCarousel {
-    private readonly emblaNode;
+export declare class ScCarousel implements OnDestroy {
+    private readonly host;
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
-    readonly options: import("@angular/core").InputSignal<Partial<import("embla-carousel/components/Options").OptionsType>>;
+    readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+    readonly optionsInput: import("@angular/core").InputSignal<Partial<import("embla-carousel/components/Options").OptionsType>>;
+    readonly options: import("@angular/core").Signal<Partial<import("embla-carousel/components/Options").OptionsType>>;
     readonly plugins: import("@angular/core").InputSignal<import("embla-carousel").CreatePluginType<import("embla-carousel/components/Plugins").LoosePluginType, {}>[]>;
     readonly canScrollPrev: import("@angular/core").WritableSignal<boolean>;
     readonly canScrollNext: import("@angular/core").WritableSignal<boolean>;
     private emblaApi;
-    get carouselApi(): EmblaCarouselType;
-    readonly orientation: import("@angular/core").Signal<"horizontal" | "vertical">;
+    get api(): EmblaCarouselType;
     constructor();
     togglePrevNextBtnsState: () => void;
     handleKeydown(event: KeyboardEvent): void;
     private scrollPrev;
     private scrollNext;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCarousel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCarousel, "div[sc-carousel]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCarousel, "div[sc-carousel]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "optionsInput": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScCheckboxContainer {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScCheckboxContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCheckboxContainer, "label[sc-checkbox-container]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,13 @@
+import { ScLabel } from '../label';
+import { ScCheckbox } from './checkbox';
+import * as i0 from "@angular/core";
+export declare class ScCheckboxField {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    readonly id: import("@angular/core").WritableSignal<string>;
+    readonly scLabel: import("@angular/core").Signal<ScLabel | undefined>;
+    readonly scCheckbox: import("@angular/core").Signal<ScCheckbox | undefined>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScCheckboxField, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCheckboxField, "sc-checkbox-field", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["scLabel", "scCheckbox"], ["*"], true, never>;
+}

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

@@ -1,19 +1,14 @@
 import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class ScCheckbox implements ControlValueAccessor {
-    protected readonly id: import("@angular/core").WritableSignal<string>;
+    readonly idInput: import("@angular/core").InputSignal<string>;
+    readonly id: import("@angular/core").WritableSignal<string>;
     private readonly hostRef;
     private readonly changeDetectorRef;
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
-    readonly wrapperClassInput: import("@angular/core").InputSignal<string>;
-    protected readonly wrapperClass: import("@angular/core").Signal<string>;
-    readonly checkboxClassInput: import("@angular/core").InputSignal<string>;
     protected readonly checkboxClass: import("@angular/core").Signal<string>;
-    readonly svgClassInput: import("@angular/core").InputSignal<string>;
     protected readonly svgClass: import("@angular/core").Signal<string>;
-    readonly labelClassInput: import("@angular/core").InputSignal<string>;
-    protected readonly labelClass: import("@angular/core").Signal<string>;
     readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
     readonly indeterminateInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     protected readonly indeterminate: import("@angular/core").WritableSignal<boolean>;
@@ -33,5 +28,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; }; }, { "checkedChange": "checkedChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCheckbox, "sc-checkbox", never, { "idInput": { "alias": "id"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "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, never, true, never>;
 }

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

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+export declare class ScCheckbox2 {
+    private readonly hostRef;
+    readonly idInput: import("@angular/core").InputSignal<string>;
+    readonly id: import("@angular/core").WritableSignal<string>;
+    readonly type: import("@angular/core").InputSignal<"checkbox">;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    readonly indeterminate: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly checkedInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    protected readonly checked: import("@angular/core").WritableSignal<boolean>;
+    readonly checkedChange: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScCheckbox2, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCheckbox2, "input[sc-checkbox2]", never, { "idInput": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": true; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "checkedInput": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, ["*"], true, never>;
+}

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

@@ -1 +1,4 @@
 export * from './checkbox';
+export * from './checkbox2';
+export * from './checkbox-field';
+export * from './checkbox-container';

package/lib/components/{progress → circular-progress}/circular-progress.d.ts

@@ -1,17 +1,13 @@
-import { OnChanges, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class ScCircularProgress implements OnInit, OnChanges {
+export declare class ScCircularProgress {
     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;
+    protected readonly radius: import("@angular/core").WritableSignal<number>;
+    protected readonly stroke: import("@angular/core").WritableSignal<number>;
+    protected readonly normalizedRadius: import("@angular/core").Signal<number>;
+    protected readonly circumference: import("@angular/core").Signal<number>;
+    protected readonly strokeDashoffset: import("@angular/core").Signal<number>;
     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>;
 }

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

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

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

@@ -1,9 +1,9 @@
-import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { ElementRef, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ScClockPicker implements OnInit {
-    clockFace: ElementRef;
+    readonly clockFace: import("@angular/core").Signal<ElementRef<any>>;
     readonly initialTime: import("@angular/core").InputSignal<string | undefined>;
-    timeSelected: EventEmitter<string>;
+    readonly timeSelected: import("@angular/core").OutputEmitterRef<string>;
     hours: number[];
     periods: string[];
     selectedHour: number;

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

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