@semantic-components/ui 0.37.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,11 +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,9 +1,9 @@
 import * as i0 from "@angular/core";
 export declare class ScAspectRatio {
-    readonly ratio: import("@angular/core").InputSignal<"video" | "square" | "portrait" | "widescreen" | "ultra-wide">;
+    readonly ratio: import("@angular/core").InputSignal<number>;
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
-    private readonly ratioClass;
+    calculatePadding(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScAspectRatio, 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/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/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/checkbox2.d.ts

@@ -1,30 +1,17 @@
-import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class ScCheckbox2 implements ControlValueAccessor {
+export declare class ScCheckbox2 {
+    private readonly hostRef;
     readonly idInput: import("@angular/core").InputSignal<string>;
     readonly id: import("@angular/core").WritableSignal<string>;
-    private readonly hostRef;
-    private readonly changeDetectorRef;
+    readonly type: import("@angular/core").InputSignal<"checkbox">;
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: 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>;
+    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 disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    protected readonly disabled: import("@angular/core").WritableSignal<boolean>;
-    protected readonly state: import("@angular/core").Signal<"indeterminate" | "checked" | "unchecked">;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     constructor();
-    protected toggle(): void;
-    writeValue(checked: boolean): void;
-    onChange: any;
-    onTouch: any;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    setDisabledState(isDisabled: boolean): void;
-    protected onInteractionEvent(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCheckbox2, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCheckbox2, "input[sc-checkbox2]", 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, ["*"], true, 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/{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/shiki.service.d.ts

@@ -1,5 +1,9 @@
 import { Highlighter } from 'shiki';
 import * as i0 from "@angular/core";
+export declare const defaultThemes: {
+    light: string;
+    dark: string;
+};
 export declare class ShikiService {
     private highlighter;
     initializeHighlighter(): Promise<Highlighter>;

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

@@ -1,8 +1,8 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ScColorPicker implements OnInit {
     initialColor: string;
-    colorChange: EventEmitter<string>;
+    readonly colorChange: import("@angular/core").OutputEmitterRef<string>;
     red: number;
     green: number;
     blue: number;

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

@@ -1,4 +1,4 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class ScCombobox implements OnInit {
@@ -10,8 +10,8 @@ export declare class ScCombobox implements OnInit {
     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>;
+    readonly optionSelected: import("@angular/core").OutputEmitterRef<any>;
+    readonly search: import("@angular/core").OutputEmitterRef<string>;
     searchControl: FormControl<string | null>;
     isOpen: boolean;
     activeIndex: number;

package/lib/components/date-picker/date-picker-toggle.d.ts

@@ -0,0 +1,10 @@
+import { ScButtonBase } from '../button';
+import * as i0 from "@angular/core";
+export declare class ScDatePickerToggle extends ScButtonBase {
+    readonly variantInput: import("@angular/core").InputSignal<"outline" | "link" | "primary" | "destructive" | "secondary" | "ghost" | null | undefined>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    readonly toggled: import("@angular/core").OutputEmitterRef<void>;
+    protected toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScDatePickerToggle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScDatePickerToggle, "button[sc-date-picker-toggle]", never, { "variantInput": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "toggled": "toggled"; }, never, ["*"], true, never>;
+}

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

@@ -1,30 +1,38 @@
-import { OutputEmitterRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { Temporal } from '@js-temporal/polyfill';
 import * as i0 from "@angular/core";
-export declare class ScDatePicker {
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+export declare class ScDatePicker implements ControlValueAccessor {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    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>;
+    private readonly localeId;
     private readonly host;
-    private readonly _injector;
-    private readonly _dir;
-    private readonly _overlay;
-    private readonly _isOpen;
-    private readonly _input;
-    private _overlayRef;
-    private _portal;
-    /** Emits when the datepicker is opened. */
-    readonly opened: OutputEmitterRef<void>;
-    /** Emits when the datepicker is closed. */
-    readonly closed: OutputEmitterRef<void>;
-    /** Emits when the user selects a date. */
-    readonly selected: OutputEmitterRef<string>;
+    private readonly dir;
+    private readonly overlay;
+    private readonly isOpen;
+    private overlayRef;
+    private portal;
+    private readonly scDatePickerToggle;
+    private readonly scInput;
+    constructor();
     /** Opens the datepicker. */
     open(): void;
     /** Closes the datepicker. */
     close(): void;
     /** Creates an overlay reference for the datepicker panel. */
-    private _getOverlayRef;
+    private getOverlayRef;
     /** Selects a specific date value. */
-    protected _selectValue(value: string): void;
+    protected selectValue(value: Temporal.PlainDate): void;
+    onChange: (value: Temporal.PlainDate) => void;
+    onTouched: () => void;
+    writeValue(value: Temporal.PlainDate): void;
+    registerOnChange(fn: (value: Temporal.PlainDate) => void): void;
+    registerOnTouched(fn: () => void): void;
+    readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: import("@angular/core").WritableSignal<boolean>;
+    setDisabledState?(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScDatePicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScDatePicker, "sc-date-picker", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "selected": "selected"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScDatePicker, "sc-date-picker", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["scDatePickerToggle", "scInput"], ["*"], true, never>;
 }

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

@@ -1 +1,2 @@
 export * from './date-picker';
+export * from './date-picker-toggle';

package/lib/components/date-range-picker/date-range-picker.d.ts

@@ -0,0 +1,47 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { Temporal } from '@js-temporal/polyfill';
+import * as i0 from "@angular/core";
+export declare class ScDateRangePicker implements OnInit {
+    startDate: Temporal.PlainDate;
+    endDate: Temporal.PlainDate;
+    minDate: Temporal.PlainDate | null;
+    maxDate: Temporal.PlainDate | null;
+    dateRangeSelected: EventEmitter<{
+        startDate: Temporal.PlainDate;
+        endDate: Temporal.PlainDate;
+    }>;
+    currentMonth: Temporal.PlainYearMonth;
+    calendarDays: Array<{
+        date: Temporal.PlainDate;
+        isCurrentMonth: boolean;
+        isToday: boolean;
+        isSelected: boolean;
+        isInRange: boolean;
+        isDisabled: boolean;
+    }>;
+    weekdays: string[];
+    months: string[];
+    years: number[];
+    selectedStartDate: Temporal.PlainDate | null;
+    selectedEndDate: Temporal.PlainDate | null;
+    isSelectingEndDate: boolean;
+    showCalendar: boolean;
+    today: Temporal.PlainDate;
+    constructor();
+    ngOnInit(): void;
+    toggleCalendar(): void;
+    generateCalendarDays(): void;
+    prevMonth(): void;
+    nextMonth(): void;
+    setMonth(month: number): void;
+    setYear(year: number): void;
+    selectDate(date: Temporal.PlainDate, isDisabled: boolean): void;
+    applyDateRange(): void;
+    cancelSelection(): void;
+    setLastWeek(): void;
+    setLastMonth(): void;
+    setLastThreeMonths(): void;
+    formatDate(date: Temporal.PlainDate | null): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScDateRangePicker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScDateRangePicker, "sc-date-range-picker", never, { "startDate": { "alias": "startDate"; "required": false; }; "endDate": { "alias": "endDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, { "dateRangeSelected": "dateRangeSelected"; }, never, never, true, never>;
+}

package/lib/components/date-range-picker/index.d.ts

@@ -0,0 +1 @@
+export * from './date-range-picker';

package/lib/components/dual-range-slider/dual-range-slider.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+export declare class ScDualRangeSlider {
+    readonly min: import("@angular/core").InputSignal<number>;
+    readonly max: import("@angular/core").InputSignal<number>;
+    minValue: number;
+    maxValue: number;
+    readonly minValueChange: import("@angular/core").OutputEmitterRef<number>;
+    readonly maxValueChange: import("@angular/core").OutputEmitterRef<number>;
+    get minPercentage(): number;
+    get maxPercentage(): number;
+    onMinChange(event: Event): void;
+    onMaxChange(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScDualRangeSlider, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScDualRangeSlider, "sc-dual-range-slider", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; }, { "minValueChange": "minValueChange"; "maxValueChange": "maxValueChange"; }, never, never, true, never>;
+}

package/lib/components/dual-range-slider/index.d.ts

@@ -0,0 +1 @@
+export * from './dual-range-slider';