@semantic-components/ui 0.11.0 → 0.13.0

package/index.d.ts

@@ -16,12 +16,14 @@ export * from './lib/components/progress';
 export * from './lib/components/sheet';
 export * from './lib/components/breadcrumb';
 export * from './lib/components/toggle';
+export * from './lib/components/toggle-group';
 export * from './lib/components/dialog';
 export * from './lib/components/alert';
 export * from './lib/components/alert-dialog';
 export * from './lib/components/badge';
 export * from './lib/components/scroll-area';
 export * from './lib/components/tabs';
+export * from './lib/components/tab-group';
 export * from './lib/components/card';
 export * from './lib/components/toast';
 export * from './lib/components/slider';
@@ -41,8 +43,14 @@ export * from './lib/components/data-table';
 export * from './lib/components/popover';
 export * from './lib/components/context-menu';
 export * from './lib/components/menu';
-export * from './lib/components/menubar';
+export * from './lib/components/menu-bar';
 export * from './lib/components/command';
 export * from './lib/components/collapsible';
 export * from './lib/components/sidebar';
 export * from './lib/components/autocomplete';
+export * from './lib/components/time-picker';
+export * from './lib/components/separator';
+export * from './lib/components/file-upload';
+export * from './lib/components/page';
+export * from './lib/components/typography';
+export * from './lib/components/cookie-consent';

package/lib/components/autocomplete/autocomplete-item.d.ts

@@ -8,8 +8,8 @@ export declare class ScAutocompleteItem implements Highlightable {
     item: import("@angular/core").InputSignal<ScAutocompleteModel>;
     selectedItem: import("@angular/core").InputSignal<ScAutocompleteModel | undefined>;
     isSelected: import("@angular/core").Signal<boolean>;
-    private _isActive;
-    disabled?: boolean | undefined;
+    private readonly _isActive;
+    disabled: boolean | undefined;
     getLabel?(): string;
     setActiveStyles(): void;
     setInactiveStyles(): void;

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

@@ -6,10 +6,11 @@ export declare const buttonVariants: (props?: ({
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export type ButtonVariants = VariantProps<typeof buttonVariants>;
 export declare class ScButton {
-    variant: import("@angular/core").InputSignal<"outline" | "link" | "primary" | "destructive" | "secondary" | "ghost" | null | undefined>;
-    size: import("@angular/core").InputSignal<"default" | "sm" | "lg" | "icon" | null | undefined>;
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+    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>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScButton, "button[sc-button], a[sc-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScButton, "button[sc-button], a[sc-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,24 +1,33 @@
 import { OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
 import { WeekDayName } from './util';
 import * as i0 from "@angular/core";
-export declare class ScCalendar implements OnInit {
+export declare class ScCalendar implements OnInit, ControlValueAccessor {
+    private readonly _cdr;
     class: import("@angular/core").InputSignal<string>;
     classes: import("@angular/core").Signal<string>;
     private readonly localeId;
+    date: import("@angular/core").Signal<Date>;
     year: import("@angular/core").WritableSignal<number>;
     month: import("@angular/core").WritableSignal<number>;
     weekDaysNames: import("@angular/core").WritableSignal<WeekDayName[]>;
     monthYear: import("@angular/core").Signal<string>;
     monthDays: import("@angular/core").Signal<string[]>;
     firstDayMonth: import("@angular/core").Signal<number>;
-    selectedDay: import("@angular/core").WritableSignal<string>;
-    ngOnInit(): void;
-    init(): void;
+    value: import("@angular/core").ModelSignal<string>;
     setSelectedDay(day: string): void;
+    _onChange: (value: string) => void;
+    _onTouched: () => void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    private readonly _disabledByCva;
+    setDisabledState?(isDisabled: boolean): void;
+    ngOnInit(): void;
     private setLocaleDayNames;
     private getFirstDayOfWeek;
     setMonthYear(n: number): void;
     twoDigits(n: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCalendar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCalendar, "sc-calendar", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCalendar, "sc-calendar", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }

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

@@ -15,7 +15,7 @@ export declare class ScCheckbox implements ControlValueAccessor {
     disabled: import("@angular/core").ModelSignal<BooleanInput>;
     change: import("@angular/core").OutputEmitterRef<boolean>;
     state: import("@angular/core").Signal<"checked" | "unchecked">;
-    private host;
+    private readonly host;
     constructor();
     toggle(): void;
     writeValue(value: boolean): void;

package/lib/components/cookie-consent/cookie-consent.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class ScCookieConsent {
+    open: import("@angular/core").WritableSignal<boolean>;
+    hidden: import("@angular/core").WritableSignal<boolean>;
+    class: import("@angular/core").WritableSignal<string>;
+    accept(): void;
+    decline(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScCookieConsent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCookieConsent, "sc-cookie-consent", never, {}, {}, never, never, true, never>;
+}

package/lib/components/cookie-consent/index.d.ts

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

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

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ScDateInput {
+    private readonly el;
+    private readonly dateFormatRegExp;
+    previousKey: string;
+    onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScDateInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScDateInput, "[scDateInput]", never, {}, {}, never, never, true, never>;
+}

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

@@ -1,13 +1,9 @@
-import { OnInit, OutputEmitterRef } from '@angular/core';
+import { OutputEmitterRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class ScDatePicker implements OnInit {
+export declare class ScDatePicker {
     class: import("@angular/core").InputSignal<string>;
     classes: import("@angular/core").Signal<string>;
-    private host;
-    private readonly localeId;
-    dateFormatPattern: import("@angular/core").WritableSignal<string>;
-    ngOnInit(): void;
-    getDateFormatPattern(localeId: string): string;
+    private readonly host;
     private readonly _injector;
     private readonly _dir;
     private readonly _overlay;

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

@@ -0,0 +1,12 @@
+import { ScExtensions } from '../extensions/extensions';
+import * as i0 from "@angular/core";
+export declare class ScEditorRedo {
+    ariaLabel: string;
+    private readonly parent;
+    extensions: ScExtensions;
+    constructor();
+    get editor(): import("@tiptap/core").Editor;
+    redo(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorRedo, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorRedo, "sc-editor-redo", never, {}, {}, never, never, true, never>;
+}

package/lib/components/editor/actions/editor-text-align-center.d.ts

@@ -0,0 +1,12 @@
+import { ScExtensions } from '../extensions/extensions';
+import * as i0 from "@angular/core";
+export declare class ScEditorTextAlignCenter {
+    ariaLabel: string;
+    private readonly parent;
+    extensions: ScExtensions;
+    constructor();
+    get editor(): import("@tiptap/core").Editor;
+    setCenterAlign(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorTextAlignCenter, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorTextAlignCenter, "sc-editor-text-align-center", never, {}, {}, never, never, true, never>;
+}

package/lib/components/editor/actions/editor-text-align-left.d.ts

@@ -0,0 +1,12 @@
+import { ScExtensions } from '../extensions/extensions';
+import * as i0 from "@angular/core";
+export declare class ScEditorTextAlignLeft {
+    ariaLabel: string;
+    private readonly parent;
+    extensions: ScExtensions;
+    constructor();
+    get editor(): import("@tiptap/core").Editor;
+    setLeftAlign(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorTextAlignLeft, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorTextAlignLeft, "sc-editor-text-align-left", never, {}, {}, never, never, true, never>;
+}

package/lib/components/editor/actions/editor-text-align-right.d.ts

@@ -0,0 +1,12 @@
+import { ScExtensions } from '../extensions/extensions';
+import * as i0 from "@angular/core";
+export declare class ScEditorTextAlignRight {
+    ariaLabel: string;
+    private readonly parent;
+    extensions: ScExtensions;
+    constructor();
+    get editor(): import("@tiptap/core").Editor;
+    setRightAlign(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorTextAlignRight, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorTextAlignRight, "sc-editor-text-align-right", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,12 @@
+import { ScExtensions } from '../extensions/extensions';
+import * as i0 from "@angular/core";
+export declare class ScEditorUndo {
+    ariaLabel: string;
+    private readonly parent;
+    extensions: ScExtensions;
+    constructor();
+    get editor(): import("@tiptap/core").Editor;
+    undo(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorUndo, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorUndo, "sc-editor-undo", never, {}, {}, never, never, true, never>;
+}

package/lib/components/editor/actions/editor-unset-link.d.ts

@@ -0,0 +1,14 @@
+import { Dialog } from '@angular/cdk/dialog';
+import { ScExtensions } from '../extensions/extensions';
+import * as i0 from "@angular/core";
+export declare class ScEditorUnsetLink {
+    ariaLabel: string;
+    private readonly parent;
+    dialog: Dialog;
+    extensions: ScExtensions;
+    constructor();
+    get editor(): import("@tiptap/core").Editor;
+    unsetLink(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorUnsetLink, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorUnsetLink, "sc-editor-unset-link", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScEditorGroup {
+    class: import("@angular/core").InputSignal<string>;
+    _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>;
+}

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

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScEditorToolbar {
+    class: import("@angular/core").InputSignal<string>;
+    _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>;
+}

package/lib/components/editor/extensions/extension-link.d.ts

@@ -8,7 +8,6 @@ export declare class ScExtensionLink {
     constructor();
     get editor(): import("@tiptap/core").Editor;
     openDialog(): void;
-    removeLink(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionLink, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionLink, "sc-extension-link", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,10 +1,18 @@
 import * as i0 from "@angular/core";
 export declare class ScExtensions {
+    undo: import("@angular/core").WritableSignal<boolean>;
+    redo: import("@angular/core").WritableSignal<boolean>;
+    history: import("@angular/core").Signal<boolean>;
+    setLink: import("@angular/core").WritableSignal<boolean>;
+    unsetLink: import("@angular/core").WritableSignal<boolean>;
+    link: import("@angular/core").Signal<boolean>;
+    textAlignRight: import("@angular/core").WritableSignal<boolean>;
+    textAlignLeft: import("@angular/core").WritableSignal<boolean>;
+    textAlignCenter: import("@angular/core").WritableSignal<boolean>;
+    textAlign: import("@angular/core").Signal<boolean>;
     highlight: import("@angular/core").WritableSignal<boolean>;
     color: import("@angular/core").WritableSignal<boolean>;
     underline: import("@angular/core").WritableSignal<boolean>;
-    link: import("@angular/core").WritableSignal<boolean>;
-    textAlign: import("@angular/core").WritableSignal<boolean>;
     fontFamily: import("@angular/core").WritableSignal<boolean>;
     bold: import("@angular/core").WritableSignal<boolean>;
     youtube: import("@angular/core").WritableSignal<boolean>;
@@ -17,7 +25,6 @@ export declare class ScExtensions {
     orderedList: import("@angular/core").WritableSignal<boolean>;
     horizontalRule: import("@angular/core").WritableSignal<boolean>;
     textStyle: import("@angular/core").WritableSignal<boolean>;
-    history: import("@angular/core").WritableSignal<boolean>;
     table: import("@angular/core").WritableSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensions, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ScExtensions>;

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

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare class ScDropZone {
+    readonly isDragActive: import("@angular/core").WritableSignal<boolean>;
+    readonly isDisabled: import("@angular/core").InputSignal<boolean>;
+    readonly class: import("@angular/core").InputSignal<string>;
+    protected readonly _class: import("@angular/core").Signal<string>;
+    handleDragOver(event: DragEvent): void;
+    handleDragLeave(event: DragEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScDropZone, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScDropZone, "[scDropZone]", ["scDropZone"], { "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,12 @@
+import { ScFile } from './file';
+import * as i0 from "@angular/core";
+export declare class ScFileCard {
+    index: import("@angular/core").InputSignal<number>;
+    file: import("@angular/core").InputSignal<ScFile>;
+    progress: import("@angular/core").InputSignal<number | undefined>;
+    removed: import("@angular/core").OutputEmitterRef<number>;
+    formatedSize: import("@angular/core").Signal<string>;
+    remove(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScFileCard, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScFileCard, "sc-file-card", never, { "index": { "alias": "index"; "required": true; "isSignal": true; }; "file": { "alias": "file"; "required": true; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,7 @@
+import { ScFile } from './file';
+import * as i0 from "@angular/core";
+export declare class ScFilePreview {
+    file: import("@angular/core").InputSignal<ScFile>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScFilePreview, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScFilePreview, "sc-file-preview", never, { "file": { "alias": "file"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ScFileUpload {
+    readonly class: import("@angular/core").InputSignal<string>;
+    protected readonly _class: import("@angular/core").Signal<string>;
+    selectedFile: import("@angular/core").WritableSignal<unknown>;
+    handleFileChange(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScFileUpload, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScFileUpload, "sc-file-upload", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,16 @@
+import { ScFile } from './file';
+import * as i0 from "@angular/core";
+export declare class ScFileUploader {
+    readonly class: import("@angular/core").InputSignal<string>;
+    protected readonly _class: import("@angular/core").Signal<string>;
+    maxSize: import("@angular/core").InputSignal<number>;
+    maxFiles: import("@angular/core").InputSignal<number>;
+    files: import("@angular/core").WritableSignal<ScFile[]>;
+    multiple: import("@angular/core").Signal<boolean>;
+    progresses: import("@angular/core").InputSignal<Record<string, number> | undefined>;
+    uploadInfo(): string;
+    onRemove(index: number): void;
+    handleFileChange(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScFileUploader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScFileUploader, "sc-file-uploader", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "progresses": { "alias": "progresses"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,4 @@
+export interface ScFile {
+    file: File;
+    preview: string | ArrayBuffer | null;
+}

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

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

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

@@ -0,0 +1,3 @@
+export * from './file-upload';
+export * from './file-uploader';
+export * from './single-file-uploader';

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

@@ -0,0 +1,18 @@
+import { DataService } from '@semantic-components/supabase';
+import * as i0 from "@angular/core";
+export declare class ScSingleFileUploader {
+    dataService: DataService;
+    readonly class: import("@angular/core").InputSignal<string>;
+    protected readonly _class: import("@angular/core").Signal<string>;
+    file: import("@angular/core").WritableSignal<File | null | undefined>;
+    fileUrl: import("@angular/core").Signal<string | null | undefined>;
+    status: import("@angular/core").WritableSignal<"error" | "init" | "uploading" | "success">;
+    uploadProgress: import("@angular/core").WritableSignal<number>;
+    maxSize: import("@angular/core").InputSignal<number>;
+    uploadInfo(): string;
+    handleFileChange(event: Event): void;
+    removeFile(): void;
+    uploadFile(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSingleFileUploader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSingleFileUploader, "sc-single-file-uploader", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,4 @@
+export declare function formatBytes(bytes: number, opts?: {
+    decimals?: number;
+    sizeType?: 'accurate' | 'normal';
+}): string;

package/lib/components/hover-card/hover-card-trigger-for.d.ts

@@ -1,13 +1,13 @@
 import { OnDestroy, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ScHoverCardTriggerFor implements OnDestroy {
-    private element;
-    private overlay;
-    private viewContainer;
+    private readonly element;
+    private readonly overlay;
+    private readonly viewContainer;
     readonly scHoverCardTriggerFor: import("@angular/core").InputSignal<TemplateRef<unknown>>;
     private overlayRef;
-    showTooltip(): void;
-    hideTooltip(): void;
+    showCard(): void;
+    hideCard(): void;
     ngOnDestroy(): void;
     private attachTooltip;
     private getPositionStrategy;

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

@@ -1,7 +1,8 @@
 import * as i0 from "@angular/core";
+export declare const scInputStyles: import("@angular/core").WritableSignal<string>;
 export declare class ScInput {
-    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<ScInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScInput, "input[sc-input]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScInput, "input[sc-input]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/menu/menu-checkbox-item.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/cdk/menu";
 export declare class ScMenuCheckboxItem {
-    private _cdkMenuItemCheckbox;
+    private readonly _cdkMenuItemCheckbox;
     class: import("@angular/core").InputSignal<string>;
     classes: import("@angular/core").Signal<string>;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;

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

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

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

@@ -0,0 +1,4 @@
+export * from './page-title';
+export * from './page-subtitle';
+export * from './page-description';
+export * from './section';

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

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

package/lib/components/page/page-subtitle.d.ts

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

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

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

package/lib/components/page/section.d.ts

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

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

@@ -1,9 +1,9 @@
 import { OnDestroy, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ScPopoverTriggerFor implements OnDestroy {
-    private element;
-    private overlay;
-    private viewContainer;
+    private readonly element;
+    private readonly overlay;
+    private readonly viewContainer;
     readonly scPopoverTriggerFor: import("@angular/core").InputSignal<TemplateRef<unknown>>;
     private overlayRef;
     open(): void;

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

@@ -1,22 +1,20 @@
-import { BooleanInput } from '@angular/cdk/coercion';
-import { ScRadioGroupState } from './radio-group-state';
 import * as i0 from "@angular/core";
 export declare class ScRadioItem {
-    state: ScRadioGroupState;
-    id: import("@angular/core").InputSignal<string>;
-    value: import("@angular/core").InputSignal<string>;
-    checked: import("@angular/core").Signal<boolean>;
-    name: import("@angular/core").Signal<string>;
-    disabled: import("@angular/core").InputSignal<BooleanInput>;
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
-    hostClass: import("@angular/core").InputSignal<string>;
-    hostClasses: import("@angular/core").Signal<string>;
-    circleHostClass: import("@angular/core").InputSignal<string>;
-    circleClass: import("@angular/core").InputSignal<string>;
-    circleClasses: import("@angular/core").Signal<string>;
-    radioChecked: import("@angular/core").OutputEmitterRef<void>;
+    private readonly state;
+    protected readonly id: import("@angular/core").WritableSignal<string>;
+    protected readonly name: import("@angular/core").Signal<string>;
+    readonly value: import("@angular/core").InputSignal<string>;
+    protected readonly checked: import("@angular/core").Signal<boolean>;
+    readonly disabledByInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: import("@angular/core").Signal<boolean>;
+    readonly class: import("@angular/core").InputSignal<string>;
+    protected readonly _class: import("@angular/core").Signal<string>;
+    readonly inputClass: import("@angular/core").InputSignal<string>;
+    protected readonly _inputClass: import("@angular/core").Signal<string>;
+    protected readonly svgWrapperClass: import("@angular/core").InputSignal<string>;
+    readonly svgClass: import("@angular/core").InputSignal<string>;
+    protected readonly _svgClass: import("@angular/core").Signal<string>;
     toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScRadioItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScRadioItem, "sc-radio-item", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "hostClass": { "alias": "hostClass"; "required": false; "isSignal": true; }; "circleHostClass": { "alias": "circleHostClass"; "required": false; "isSignal": true; }; "circleClass": { "alias": "circleClass"; "required": false; "isSignal": true; }; }, { "radioChecked": "radioChecked"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScRadioItem, "sc-radio-item", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabledByInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; "svgWrapperClass": { "alias": "svgWrapperClass"; "required": false; "isSignal": true; }; "svgClass": { "alias": "svgClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/scroll-area/scroll-area.d.ts

@@ -1,12 +1,10 @@
 import { AfterViewInit } from '@angular/core';
-import { ScrollbarVisibility } from 'ngx-scrollbar';
 import * as i0 from "@angular/core";
 export declare class ScScrollArea implements AfterViewInit {
-    private host;
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
-    visibility: import("@angular/core").InputSignal<ScrollbarVisibility>;
+    private readonly host;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScScrollArea, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScScrollArea, "div[sc-scroll-area]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "visibility": { "alias": "visibility"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScScrollArea, "div[sc-scroll-area]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }