@semantic-components/ui 0.39.0 → 0.41.0

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

@@ -1,7 +1,13 @@
+import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ScCollapsibleContent {
-    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>;
+    private readonly el;
+    readonly template: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+    private readonly state;
+    private readonly open;
+    protected readonly contentShown: import("@angular/core").Signal<boolean | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCollapsibleContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCollapsibleContent, "sc-collapsible-content", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCollapsibleContent, "sc-collapsible-content", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["template"], ["*"], true, never>;
 }

package/lib/components/collapsible/collapsible-state.d.ts

@@ -1,9 +1,6 @@
-import { OnDestroy } from '@angular/core';
-import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class ScCollapsibleState implements OnDestroy {
-    isToggled: Subject<void>;
-    ngOnDestroy(): void;
+export declare class ScCollapsibleState {
+    readonly open: import("@angular/core").WritableSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCollapsibleState, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ScCollapsibleState>;
 }

package/lib/components/collapsible/collapsible-toggle.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScCollapsibleToggle {
+    private readonly state;
+    protected toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScCollapsibleToggle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScCollapsibleToggle, "[sc-collapsible-toggle]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/collapsible/collapsible.d.ts

@@ -1,12 +1,8 @@
-import { CdkAccordionItem } from '@angular/cdk/accordion';
-import { ScCollapsibleState } from './collapsible-state';
 import * as i0 from "@angular/core";
 export declare class ScCollapsible {
-    state: ScCollapsibleState;
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
-    accordionItem: import("@angular/core").Signal<CdkAccordionItem>;
-    constructor();
+    private readonly state;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCollapsible, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCollapsible, "sc-collapsible", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*", "sc-collapsible-content"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCollapsible, "sc-collapsible", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,3 +1,3 @@
 export * from './collapsible';
-export * from './collapsible-trigger';
+export * from './collapsible-toggle';
 export * from './collapsible-content';

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

@@ -22,9 +22,9 @@ export declare class ScCombobox implements OnInit {
     constructor();
     ngOnInit(): void;
     handleButtonInteraction(event: MouseEvent): void;
-    onButtonKeyDown(event: KeyboardEvent): void;
+    onButtonKeydown(event: KeyboardEvent): void;
     handleOptionClick(event: MouseEvent, option: any): void;
-    onOptionKeyDown(event: KeyboardEvent, option: any): void;
+    onOptionKeydown(event: KeyboardEvent, option: any): void;
     moveActiveIndex(delta: number): void;
     setActiveIndex(index: number): void;
     onClickOutside(event: Event): void;
@@ -37,7 +37,7 @@ export declare class ScCombobox implements OnInit {
     filterOptions(): void;
     selectOption(option: any): void;
     getOptionLabel(option: any): string;
-    onKeyDown(event: KeyboardEvent): void;
+    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/date-range-picker/date-range-picker.d.ts

@@ -2,10 +2,10 @@ 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;
+    readonly startDate: import("@angular/core").InputSignal<Temporal.PlainDate>;
+    readonly endDate: import("@angular/core").InputSignal<Temporal.PlainDate>;
+    readonly minDate: import("@angular/core").InputSignal<Temporal.PlainDate | null>;
+    readonly maxDate: import("@angular/core").InputSignal<Temporal.PlainDate | null>;
     dateRangeSelected: EventEmitter<{
         startDate: Temporal.PlainDate;
         endDate: Temporal.PlainDate;
@@ -43,5 +43,5 @@ export declare class ScDateRangePicker implements OnInit {
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScDateRangePicker, "sc-date-range-picker", never, { "startDate": { "alias": "startDate"; "required": false; "isSignal": true; }; "endDate": { "alias": "endDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; }, { "dateRangeSelected": "dateRangeSelected"; }, never, never, true, never>;
 }

package/lib/components/dialog/dialog-close.d.ts

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

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

@@ -0,0 +1,11 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ScDialogContainer {
+    data: {
+        templateRef: TemplateRef<unknown>;
+    };
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScDialogContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScDialogContainer, "sc-dialog-container", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ScDialogContent {
-    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<ScDialogContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScDialogContent, "div[sc-dialog-content]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScDialogContent, "div[sc-dialog-content]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ScDialogDescription {
-    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<ScDialogDescription, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScDialogDescription, "p[sc-dialog-description]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScDialogDescription, "p[sc-dialog-description]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ScDialogFooter {
-    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<ScDialogFooter, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScDialogFooter, "div[sc-dialog-footer]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScDialogFooter, "div[sc-dialog-footer]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ScDialogHeader {
-    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<ScDialogHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScDialogHeader, "div[sc-dialog-header]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScDialogHeader, "div[sc-dialog-header]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/dialog/dialog-manager.d.ts

@@ -0,0 +1,13 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ScDialogManager {
+    private readonly overlayContainer;
+    private readonly dialog;
+    readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly state: import("@angular/core").WritableSignal<"open" | "closed">;
+    constructor();
+    open(templateRef: TemplateRef<unknown>): void;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScDialogManager, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ScDialogManager>;
+}

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

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ScDialogTitle {
-    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<ScDialogTitle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScDialogTitle, "h2[sc-dialog-title]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScDialogTitle, "h2[sc-dialog-title]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/dialog/dialog.d.ts

@@ -1,7 +1,5 @@
-import { DialogRef } from '@angular/cdk/dialog';
 import * as i0 from "@angular/core";
 export declare class ScDialog {
-    dialogRef: DialogRef<any, any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScDialog, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScDialog, "sc-dialog", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScDialog, "div[sc-dialog]", never, {}, {}, never, ["*"], true, never>;
 }

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

@@ -5,3 +5,4 @@ export * from './dialog-description';
 export * from './dialog-footer';
 export * from './dialog-close';
 export * from './dialog-content';
+export * from './dialog-manager';

package/lib/components/editor/actions/editor-bullet-list.d.ts

@@ -5,8 +5,8 @@ export declare class ScEditorBulletList {
     private readonly parent;
     extensions: ScExtensions;
     constructor();
-    get editor(): import("@tiptap/core").Editor;
-    toggleBulletList(): void;
+    private get editor();
+    protected toggleBulletList(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorBulletList, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorBulletList, "sc-editor-bullet-list", never, {}, {}, never, never, true, never>;
 }

package/lib/components/editor/actions/editor-italic.d.ts

@@ -5,8 +5,8 @@ export declare class ScEditorItalic {
     private readonly parent;
     extensions: ScExtensions;
     constructor();
-    get editor(): import("@tiptap/core").Editor;
-    toggleItalic(): void;
+    private get editor();
+    protected toggleItalic(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorItalic, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorItalic, "sc-editor-italic", never, {}, {}, never, never, true, never>;
 }

package/lib/components/editor/actions/editor-ordered-list.d.ts

@@ -5,8 +5,8 @@ export declare class ScEditorOrderedList {
     private readonly parent;
     extensions: ScExtensions;
     constructor();
-    get editor(): import("@tiptap/core").Editor;
-    toggleOrderedList(): void;
+    private get editor();
+    protected toggleOrderedList(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorOrderedList, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorOrderedList, "sc-editor-ordered-list", never, {}, {}, never, never, true, never>;
 }

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

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ScEditorContent {
+    private readonly host;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    get nativeElement(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorContent, "sc-editor-content", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/editor/editor-group.d.ts

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

package/lib/components/editor/editor-toolbar.d.ts

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

package/lib/components/editor/editor.d.ts

@@ -1,21 +1,19 @@
-import { ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { Editor } from '@tiptap/core';
+import { ScEditorContent } from './editor-content';
 import { ScExtensions } from './extensions/extensions';
 import * as i0 from "@angular/core";
 export declare class ScEditor implements ControlValueAccessor {
-    private readonly _cdr;
-    readonly editorDiv: import("@angular/core").Signal<ElementRef<any>>;
-    _value: import("@angular/core").WritableSignal<string>;
-    _isEditable: import("@angular/core").WritableSignal<boolean>;
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
-    editorClass: import("@angular/core").InputSignal<string>;
-    editorClasses: import("@angular/core").Signal<string>;
-    _onChange: (value: string) => void;
-    _onTouched: () => void;
+    private readonly changeDetectorRef;
+    readonly editorContent: import("@angular/core").Signal<ScEditorContent>;
+    readonly value: import("@angular/core").WritableSignal<string>;
+    readonly isEditable: import("@angular/core").WritableSignal<boolean>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    onChange: (value: string) => void;
+    onTouched: () => void;
     editor: Editor;
-    extensions: ScExtensions;
+    readonly extensions: ScExtensions;
     constructor();
     createEditor(): Promise<void>;
     writeValue(value: string): void;
@@ -24,5 +22,5 @@ export declare class ScEditor implements ControlValueAccessor {
     setDisabledState?(isDisabled: boolean): void;
     setHtmlContent(htmlContent: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScEditor, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditor, "sc-editor", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "editorClass": { "alias": "editorClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditor, "sc-editor", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["editorContent"], ["*"], true, never>;
 }

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

@@ -1,4 +1,5 @@
 export * from './editor';
+export * from './editor-content';
 export * from './actions/editor-blockquote';
 export * from './actions/editor-bold';
 export * from './actions/editor-bullet-list';

package/lib/components/file-upload/file-upload.d.ts

@@ -1,4 +1,3 @@
-import { HttpClient } from '@angular/common/http';
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ScFileUpload {
@@ -6,9 +5,9 @@ export declare class ScFileUpload {
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
     acceptedFileTypes: string;
-    maxFileSize: number;
-    multiple: boolean;
-    uploadUrl: string;
+    readonly maxFileSize: import("@angular/core").InputSignal<number>;
+    readonly multiple: import("@angular/core").InputSignal<boolean>;
+    readonly uploadUrl: import("@angular/core").InputSignal<string>;
     uploadComplete: EventEmitter<any>;
     files: File[];
     isDragging: boolean;
@@ -16,7 +15,6 @@ export declare class ScFileUpload {
     isUploading: boolean;
     uploadError: string | null;
     uploadSuccess: boolean;
-    constructor(http: HttpClient);
     onFileSelected(event: any): void;
     onDragOver(event: DragEvent): void;
     onDragLeave(event: DragEvent): void;
@@ -28,5 +26,5 @@ export declare class ScFileUpload {
     clearFiles(): void;
     formatFileSize(bytes: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScFileUpload, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScFileUpload, "sc-file-upload", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "acceptedFileTypes": { "alias": "acceptedFileTypes"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "uploadUrl": { "alias": "uploadUrl"; "required": false; }; }, { "uploadComplete": "uploadComplete"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScFileUpload, "sc-file-upload", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "acceptedFileTypes": { "alias": "acceptedFileTypes"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "uploadUrl": { "alias": "uploadUrl"; "required": false; "isSignal": true; }; }, { "uploadComplete": "uploadComplete"; }, never, never, true, never>;
 }

package/lib/components/input-otp/input-otp-slot.d.ts

@@ -15,7 +15,7 @@ export declare class ScInputOTPSlot {
     readonly paste: import("@angular/core").OutputEmitterRef<string>;
     readonly value: import("@angular/core").ModelSignal<string>;
     protected onInput(event: Event): void;
-    protected onKeyDown(event: KeyboardEvent): void;
+    protected onKeydown(event: KeyboardEvent): void;
     protected onPaste(event: ClipboardEvent): void;
     protected onFocus(): void;
     protected onBlur(): void;

package/lib/components/link/link.d.ts

@@ -4,5 +4,5 @@ export declare class ScLink extends ScButtonBase {
     readonly variantInput: import("@angular/core").InputSignal<"outline" | "link" | "primary" | "destructive" | "secondary" | "ghost" | null | undefined>;
     protected readonly tabindex: import("@angular/core").Signal<0 | -1>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScLink, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScLink, "a[sc-link]", never, { "variantInput": { "alias": "variantInput"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScLink, "a[sc-link]", never, { "variantInput": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/menu/menu-trigger-for.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/cdk/menu";
 export declare class ScMenuTriggerFor {
-    scMenuTriggerFor: import("@angular/core").InputSignal<unknown>;
+    readonly scMenuTriggerFor: import("@angular/core").InputSignal<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScMenuTriggerFor, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ScMenuTriggerFor, "[scMenuTriggerFor]", never, { "scMenuTriggerFor": { "alias": "scMenuTriggerFor"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkMenuTrigger; inputs: { "cdkMenuTriggerFor": "scMenuTriggerFor"; }; outputs: {}; }]>;
 }

package/lib/components/menu/menu.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/cdk/menu";
 export declare class ScMenu {
-    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<ScMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScMenu, "div[sc-menu]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenu; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScMenu, "div[sc-menu]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenu; inputs: {}; outputs: {}; }]>;
 }

package/lib/components/multi-select/multi-select.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export interface ScOptionModel {
     id: string | number;
@@ -7,12 +7,12 @@ export interface ScOptionModel {
 }
 export declare class ScMultiSelect implements OnInit {
     private readonly elementRef;
-    options: ScOptionModel[];
-    placeholder: string;
-    searchable: boolean;
+    readonly options: import("@angular/core").InputSignal<ScOptionModel[]>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly searchable: import("@angular/core").InputSignal<boolean>;
     label: string;
-    required: boolean;
-    showError: boolean;
+    readonly required: import("@angular/core").InputSignal<boolean>;
+    readonly showError: import("@angular/core").InputSignal<boolean>;
     errorMessage: string;
     selectionChange: EventEmitter<ScOptionModel[]>;
     protected readonly isOpen: import("@angular/core").WritableSignal<boolean>;
@@ -24,18 +24,17 @@ export declare class ScMultiSelect implements OnInit {
     listboxId: string;
     descriptionId: string;
     get activeDescendant(): string | null;
-    constructor(elementRef: ElementRef);
     ngOnInit(): void;
     get selectedOptions(): ScOptionModel[];
     toggleDropdown(): void;
     toggleOption(option: ScOptionModel, event?: Event): void;
     isSelected(option: ScOptionModel): boolean;
     onSearch(): void;
-    onKeyDown(event: KeyboardEvent): void;
+    onKeydown(event: KeyboardEvent): void;
     scrollToOption(): void;
     announceForScreenReader(message: string): void;
     clickOutside(event: Event): void;
     f(option: ScOptionModel): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScMultiSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScMultiSelect, "sc-multi-select", never, { "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showError": { "alias": "showError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScMultiSelect, "sc-multi-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showError": { "alias": "showError"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
 }

package/lib/components/on-this-page/on-this-page.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 interface NavItem {
     id: string;
@@ -15,7 +15,6 @@ export declare class ScOnThisPage implements OnInit, OnDestroy {
     protected readonly activeItem: import("@angular/core").WritableSignal<string>;
     private readonly destroy$;
     private isObserving;
-    constructor(el: ElementRef, renderer: Renderer2);
     ngOnInit(): void;
     ngOnDestroy(): void;
     private initNavItems;

package/lib/components/paginator/paginator.d.ts

@@ -23,7 +23,7 @@ export declare class ScPaginator implements OnInit {
     readonly firstItemPage: import("@angular/core").Signal<number>;
     readonly lastItemPage: import("@angular/core").Signal<number>;
     private range;
-    pageRanges: import("@angular/core").Signal<(number | "...")[]>;
+    pages: import("@angular/core").Signal<(number | "...")[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScPaginator, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScPaginator, "div[sc-paginator]", ["scPaginator"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalSize": { "alias": "totalSize"; "required": true; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "paginationLinkVariant": { "alias": "paginationLinkVariant"; "required": false; "isSignal": true; }; "paginationActiveLinkVariant": { "alias": "paginationActiveLinkVariant"; "required": false; "isSignal": true; }; }, { "pageChanged": "pageChanged"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScPaginator, "sc-paginator", ["scPaginator"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalSize": { "alias": "totalSize"; "required": true; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "paginationLinkVariant": { "alias": "paginationLinkVariant"; "required": false; "isSignal": true; }; "paginationActiveLinkVariant": { "alias": "paginationActiveLinkVariant"; "required": false; "isSignal": true; }; }, { "pageChanged": "pageChanged"; }, never, ["*"], true, never>;
 }

package/lib/components/radio-group/index.d.ts

@@ -1,2 +1,3 @@
 export * from './radio-group';
 export * from './radio-item';
+export * from './radio';

package/lib/components/radio-group/radio-item.d.ts

@@ -1,20 +1,13 @@
+import { ScLabel } from '../label';
+import { ScRadio } from './radio';
 import * as i0 from "@angular/core";
 export declare class ScRadioItem {
-    protected readonly id: import("@angular/core").WritableSignal<string>;
-    private readonly scRadioGroup;
-    protected readonly name: import("@angular/core").Signal<string>;
-    readonly value: import("@angular/core").InputSignal<string>;
-    protected readonly checked: import("@angular/core").Signal<boolean>;
-    readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    readonly disabled: import("@angular/core").Signal<boolean>;
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
-    readonly inputClassInput: import("@angular/core").InputSignal<string>;
-    protected readonly inputClass: import("@angular/core").Signal<string>;
-    protected readonly svgWrapperClass: import("@angular/core").InputSignal<string>;
-    readonly svgClassInput: import("@angular/core").InputSignal<string>;
-    protected readonly svgClass: import("@angular/core").Signal<string>;
-    protected select(): void;
+    readonly id: import("@angular/core").WritableSignal<string>;
+    readonly scLabel: import("@angular/core").Signal<ScLabel | undefined>;
+    readonly scRadio: import("@angular/core").Signal<ScRadio | undefined>;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ScRadioItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScRadioItem, "sc-radio-item", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "inputClassInput": { "alias": "inputClassInput"; "required": false; "isSignal": true; }; "svgWrapperClass": { "alias": "svgWrapperClass"; "required": false; "isSignal": true; }; "svgClassInput": { "alias": "svgClassInput"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScRadioItem, "sc-radio-item", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["scLabel", "scRadio"], ["*"], true, never>;
 }

package/lib/components/radio-group/radio.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+export declare class ScRadio {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    readonly type: import("@angular/core").InputSignal<"radio">;
+    private readonly scRadioGroup;
+    protected readonly name: import("@angular/core").Signal<string>;
+    readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: import("@angular/core").Signal<boolean>;
+    readonly value: import("@angular/core").InputSignal<string>;
+    readonly idInput: import("@angular/core").InputSignal<string>;
+    readonly id: import("@angular/core").WritableSignal<string>;
+    protected readonly checked: import("@angular/core").Signal<boolean>;
+    protected select(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScRadio, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScRadio, "input[sc-radio]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "idInput": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/rating/rating.d.ts

@@ -1,11 +1,11 @@
 import { EventEmitter, OnChanges, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ScRating implements OnInit, OnChanges {
-    maxRating: number;
+    readonly maxRating: import("@angular/core").InputSignal<number>;
     rating: number;
-    interactive: boolean;
-    showRatingValue: boolean;
-    allowHalfStars: boolean;
+    readonly interactive: import("@angular/core").InputSignal<boolean>;
+    readonly showRatingValue: import("@angular/core").InputSignal<boolean>;
+    readonly allowHalfStars: import("@angular/core").InputSignal<boolean>;
     ratingChange: EventEmitter<number>;
     positions: number[];
     hoverRating: number;
@@ -19,5 +19,5 @@ export declare class ScRating implements OnInit, OnChanges {
     isHalfStar(position: number): boolean;
     isHalfValue(value: number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScRating, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScRating, "sc-rating", never, { "maxRating": { "alias": "maxRating"; "required": false; }; "rating": { "alias": "rating"; "required": false; }; "interactive": { "alias": "interactive"; "required": false; }; "showRatingValue": { "alias": "showRatingValue"; "required": false; }; "allowHalfStars": { "alias": "allowHalfStars"; "required": false; }; }, { "ratingChange": "ratingChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScRating, "sc-rating", never, { "maxRating": { "alias": "maxRating"; "required": false; "isSignal": true; }; "rating": { "alias": "rating"; "required": false; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "showRatingValue": { "alias": "showRatingValue"; "required": false; "isSignal": true; }; "allowHalfStars": { "alias": "allowHalfStars"; "required": false; "isSignal": true; }; }, { "ratingChange": "ratingChange"; }, never, never, true, never>;
 }