@semantic-components/ui 0.39.0 → 0.41.0

package/index.d.ts

@@ -31,10 +31,8 @@ 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/confirmation-dialog';
 export * from './lib/components/badge';
 export * from './lib/components/scroll-area';
-export * from './lib/components/tabs';
 export * from './lib/components/card';
 export * from './lib/components/toast';
 export * from './lib/components/slider';
@@ -81,3 +79,4 @@ export * from './lib/components/table-of-contents';
 export * from './lib/components/stepper';
 export * from './lib/components/rating';
 export * from './lib/components/on-this-page';
+export * from './lib/components/tabs';

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

@@ -1,7 +1,10 @@
 import * as i0 from "@angular/core";
 export declare class ScAccordionContent {
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+    private readonly scAccordionItemState;
+    protected readonly state: import("@angular/core").Signal<"open" | "closed">;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    protected handleAnimationEnd(event: AnimationEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScAccordionContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScAccordionContent, "sc-accordion-content", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScAccordionContent, "sc-accordion-content", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

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

package/lib/components/accordion/accordion-item-state.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScAccordionItemState {
+    readonly open: import("@angular/core").WritableSignal<boolean>;
+    readonly state: import("@angular/core").WritableSignal<"open" | "closed">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAccordionItemState, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ScAccordionItemState>;
+}

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

@@ -1,7 +1,15 @@
+import { CdkAccordionItem } from '@angular/cdk/accordion';
+import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class ScAccordionItem {
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+import * as i1 from "@angular/cdk/accordion";
+export declare class ScAccordionItem implements OnInit {
+    private readonly scAccordionItemState;
+    protected readonly open: import("@angular/core").Signal<boolean>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    protected readonly cdkAccordionItem: CdkAccordionItem;
+    toggle(): void;
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScAccordionItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScAccordionItem, "sc-accordion-item", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["sc-accordion-item-description", "sc-accordion-content"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScAccordionItem, "sc-accordion-item", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["sc-accordion-header", "sc-accordion-content"], true, [{ directive: typeof i1.CdkAccordionItem; inputs: {}; outputs: {}; }]>;
 }

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

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare class ScAccordionToggle {
+    private readonly scAccordionItem;
+    private readonly scAccordionItemState;
+    protected readonly state: import("@angular/core").Signal<"open" | "closed">;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    protected toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAccordionToggle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScAccordionToggle, "sc-accordion-toggle", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/accordion/accordion.d.ts

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

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

@@ -1,6 +1,5 @@
 export * from './accordion';
 export * from './accordion-item';
 export * from './accordion-header';
-export * from './accordion-trigger';
+export * from './accordion-toggle';
 export * from './accordion-content';
-export * from './accordion-item-description';

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

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare class ScAlertDialogManager {
+    private readonly overlayContainer;
+    private readonly dialog;
+    readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly state: import("@angular/core").WritableSignal<"open" | "closed">;
+    constructor();
+    open(title: string, description: string, action: string): Promise<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAlertDialogManager, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ScAlertDialogManager>;
+}

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

@@ -1,12 +1,15 @@
-import { DialogRef } from '@angular/cdk/dialog';
 import * as i0 from "@angular/core";
 export declare class ScAlertDialog {
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
-    readonly state: import("@angular/core").WritableSignal<"open" | "closed">;
-    readonly dialogRef: DialogRef<any, any>;
-    readonly data: any;
+    private readonly dialogRef;
+    protected readonly data: any;
+    private readonly scAlertDialogManager;
+    protected readonly state: import("@angular/core").Signal<"open" | "closed">;
     constructor();
+    private response;
+    protected handleAnimationEnd(event: AnimationEvent): void;
+    protected close(response: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScAlertDialog, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScAlertDialog, "sc-alert-dialog", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1 +1 @@
-export * from './alert-dialog-trigger';
+export * from './alert-dialog-manager';

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<number>;
+    protected readonly padding: import("@angular/core").Signal<string>;
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
-    calculatePadding(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScAspectRatio, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScAspectRatio, "div[sc-aspect-ratio]", never, { "ratio": { "alias": "ratio"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScAspectRatio, "sc-aspect-ratio", never, { "ratio": { "alias": "ratio"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/avatar/avatar-fallback.d.ts

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

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

@@ -1,10 +1,11 @@
+import { AvatarState } from './avatar-state';
 import * as i0 from "@angular/core";
 export declare class ScAvatarImage {
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
-    state: import("@angular/core").WritableSignal<"error" | "loading" | "loaded">;
-    handleLoad(): void;
-    handleError(): void;
+    readonly avatarState: AvatarState;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    protected handleLoad(): void;
+    protected handleError(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScAvatarImage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScAvatarImage, "img[sc-avatar-image]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScAvatarImage, "img[sc-avatar-image]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class AvatarState {
+    readonly state: import("@angular/core").WritableSignal<"error" | "loading" | "loaded">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarState, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AvatarState>;
+}

package/lib/components/avatar/avatar.d.ts

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

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

@@ -1 +1,3 @@
 export * from './avatar';
+export * from './avatar-image';
+export * from './avatar-fallback';

package/lib/components/breadcrumb/breadcrumb-ellipsis.d.ts

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

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

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

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

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

package/lib/components/breadcrumb/breadcrumb-list.d.ts

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

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

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

package/lib/components/breadcrumb/breadcrumb-separator.d.ts

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

package/lib/components/breadcrumb/breadcrumb.d.ts

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

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

@@ -14,6 +14,7 @@ export declare class ScButtonBase {
     protected readonly class: import("@angular/core").Signal<string>;
     readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     protected readonly disabled: import("@angular/core").WritableSignal<boolean>;
+    readonly type: import("@angular/core").InputSignal<"submit" | "reset" | "button">;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScButtonBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ScButtonBase, never, never, { "variantInput": { "alias": "variant"; "required": false; "isSignal": true; }; "sizeInput": { "alias": "size"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScButtonBase, never, never, { "variantInput": { "alias": "variant"; "required": false; "isSignal": true; }; "sizeInput": { "alias": "size"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -9,25 +9,19 @@ export declare class ScCalendar implements ControlValueAccessor {
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
     private readonly today;
-    protected readonly date: import("@angular/core").Signal<Temporal.PlainDate | undefined>;
-    protected readonly focusedDate: import("@angular/core").WritableSignal<Temporal.PlainDate | undefined>;
+    protected readonly date: import("@angular/core").Signal<Temporal.PlainDate>;
     protected readonly currentYear: import("@angular/core").WritableSignal<number>;
     protected readonly previewYear: import("@angular/core").WritableSignal<number>;
     protected readonly currentMonth: import("@angular/core").WritableSignal<Temporal.PlainYearMonth>;
-    private readonly firstDayOfMonth;
-    private readonly lastDayOfMonth;
+    protected readonly firstDayOfMonth: import("@angular/core").Signal<Temporal.PlainDate>;
+    protected readonly lastDayOfMonth: import("@angular/core").Signal<Temporal.PlainDate>;
     private readonly localeId;
     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;
-    handleKeydown2(event: KeyboardEvent): void;
-    handleKeydown3(event: KeyboardEvent): void;
-    handleKeydown1(event: KeyboardEvent): void;
-    prevMonth(): void;
-    nextMonth(): void;
+    protected setValue(date: Temporal.PlainDate): void;
+    protected prevMonth(): void;
+    protected nextMonth(): void;
     protected readonly view: import("@angular/core").WritableSignal<View>;
     protected toggleView(): void;
     weekdays: string[];

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

@@ -2,8 +2,8 @@ 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>;
+    readonly hasFocus: 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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScDayButton, "button[sc-day-button]", never, { "hasFocus": { "alias": "hasFocus"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,18 +1,27 @@
 import { Temporal } from '@js-temporal/polyfill';
-import { CalendarDay } from './types';
+import { CalendarDay, ScActiveDate } 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>;
+    readonly dateSelected: import("@angular/core").OutputEmitterRef<Temporal.PlainDate>;
+    protected readonly activeDate: import("@angular/core").WritableSignal<ScActiveDate>;
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
+    readonly date: import("@angular/core").InputSignal<Temporal.PlainDate>;
+    readonly currentMonth: import("@angular/core").InputSignal<Temporal.PlainYearMonth>;
+    readonly firstDayOfMonth: import("@angular/core").InputSignal<Temporal.PlainDate>;
+    readonly lastDayOfMonth: import("@angular/core").InputSignal<Temporal.PlainDate>;
+    readonly prevMonth: import("@angular/core").OutputEmitterRef<void>;
+    readonly nextMonth: import("@angular/core").OutputEmitterRef<void>;
     protected getVariant(day: CalendarDay): "primary" | "outline" | "secondary" | "ghost";
     protected selectDay(day: CalendarDay): void;
-    isSelected(date: Temporal.PlainDate): boolean;
-    isFocused(date: Temporal.PlainDate): boolean;
+    private isSelected;
+    protected isActive(date: Temporal.PlainDate): boolean;
+    protected hasFocus(date: Temporal.PlainDate): boolean;
+    handleKeydown(event: KeyboardEvent): void;
+    private moveFocus;
     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; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, { "dateSelected": "dateSelected"; }, never, never, true, 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; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "currentMonth": { "alias": "currentMonth"; "required": true; "isSignal": true; }; "firstDayOfMonth": { "alias": "firstDayOfMonth"; "required": true; "isSignal": true; }; "lastDayOfMonth": { "alias": "lastDayOfMonth"; "required": true; "isSignal": true; }; }, { "dateSelected": "dateSelected"; "prevMonth": "prevMonth"; "nextMonth": "nextMonth"; }, never, never, true, never>;
 }

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

@@ -5,3 +5,7 @@ export interface CalendarDay {
     isInCurrentMonth: boolean;
 }
 export type View = 'days' | 'years' | 'months';
+export interface ScActiveDate {
+    value: Temporal.PlainDate;
+    hasFocus: boolean;
+}

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

@@ -1,32 +1,25 @@
-import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class ScCheckbox implements ControlValueAccessor {
+export interface ScCheckboxChange {
+    checked: boolean;
+    value: string;
+}
+export declare class ScCheckbox {
+    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>;
-    protected readonly checkboxClass: import("@angular/core").Signal<string>;
-    protected readonly svgClass: 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>;
+    private readonly indeterminate;
     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 value: import("@angular/core").InputSignal<string>;
+    readonly change: import("@angular/core").OutputEmitterRef<ScCheckboxChange>;
+    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;
+    protected handleClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCheckbox, "sc-checkbox", never, { "idInput": { "alias": "id"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "indeterminateInput": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "checkedInput": { "alias": "checked"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCheckbox, "input[sc-checkbox]", never, { "idInput": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "indeterminateInput": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "checkedInput": { "alias": "checked"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; "change": "change"; }, never, ["*"], true, never>;
 }

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

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

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

@@ -1,10 +1,23 @@
+import { AfterContentInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ScCheckbox } from '../checkbox/checkbox';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/listbox";
-export declare class ScCheckboxGroup {
+export declare class ScCheckboxGroup implements AfterContentInit, ControlValueAccessor {
+    private readonly changeDetectorRef;
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    protected readonly multiple: import("@angular/core").WritableSignal<boolean>;
+    readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: import("@angular/core").WritableSignal<boolean>;
+    readonly value: import("@angular/core").ModelSignal<string[]>;
+    readonly checkboxes: import("@angular/core").Signal<readonly ScCheckbox[]>;
+    ngAfterContentInit(): void;
+    private setValue;
+    private onChange;
+    private onTouched;
+    writeValue(value: string[]): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCheckboxGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCheckboxGroup, "sc-checkbox-group", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.CdkListbox; inputs: { "cdkListboxDisabled": "disabled"; "cdkListboxMultiple": "multiple"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCheckboxGroup, "sc-checkbox-group", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["checkboxes"], ["*"], true, never>;
 }

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

@@ -1,19 +1,7 @@
-import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/listbox";
-export declare class ScCheckboxItem implements OnInit {
-    private readonly changeDetectorRef;
-    protected readonly id: import("@angular/core").WritableSignal<string>;
-    private readonly cdkOption;
+export declare class ScCheckboxItem {
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
-    readonly value: import("@angular/core").InputSignal<string>;
-    readonly label: import("@angular/core").InputSignal<string>;
-    readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    protected readonly disabled: import("@angular/core").WritableSignal<boolean>;
-    protected readonly checked: import("@angular/core").WritableSignal<boolean>;
-    protected readonly state: import("@angular/core").Signal<"checked" | "unchecked">;
-    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCheckboxItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCheckboxItem, "sc-checkbox-item", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkOption; inputs: { "cdkOption": "value"; "cdkOptionDisabled": "disabled"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCheckboxItem, "label[sc-checkbox-item]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,15 +1,17 @@
 import { SafeHtml } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 export declare class ScCodeHighlighter {
-    readonly classInput: import("@angular/core").InputSignal<string>;
-    protected readonly class: import("@angular/core").Signal<string>;
+    private readonly themeService;
     private readonly shikiService;
     private readonly sanitizer;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
     readonly code: import("@angular/core").InputSignal<string>;
-    readonly language: import("@angular/core").InputSignal<"angular-html" | "typescript">;
-    readonly theme: import("@angular/core").InputSignal<string>;
+    readonly language: import("@angular/core").InputSignal<"angular-ts" | "angular-html" | "shellscript">;
+    readonly themeInput: import("@angular/core").InputSignal<"github-light" | "github-dark" | undefined>;
+    readonly theme: import("@angular/core").Signal<"github-light" | "github-dark">;
     protected readonly highlightedCode: import("@angular/core").WritableSignal<SafeHtml>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCodeHighlighter, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCodeHighlighter, "sc-code-highlighter", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "code": { "alias": "code"; "required": true; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCodeHighlighter, "sc-code-highlighter", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "code": { "alias": "code"; "required": true; "isSignal": true; }; "language": { "alias": "language"; "required": true; "isSignal": true; }; "themeInput": { "alias": "theme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,13 +1,10 @@
 import { Highlighter } from 'shiki';
+import { LangType, ThemeType } from './types';
 import * as i0 from "@angular/core";
-export declare const defaultThemes: {
-    light: string;
-    dark: string;
-};
 export declare class ShikiService {
     private highlighter;
     initializeHighlighter(): Promise<Highlighter>;
-    highlightCode(code: string, language: string): Promise<string>;
+    highlightCode(code: string, language: LangType, theme: ThemeType): Promise<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ShikiService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ShikiService>;
 }

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

@@ -0,0 +1,4 @@
+export declare const themesArray: readonly ["github-light", "github-dark"];
+export type ThemeType = (typeof themesArray)[number];
+export declare const langsArray: readonly ["angular-ts", "angular-html", "shellscript"];
+export type LangType = (typeof langsArray)[number];