@semantic-components/ui 0.37.0 → 0.39.0

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

@@ -0,0 +1,24 @@
+import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ScrollAreaComponent implements OnDestroy, AfterViewInit {
+    viewportRef: ElementRef<HTMLDivElement>;
+    thumbRef: ElementRef<HTMLDivElement>;
+    isScrolling: boolean;
+    isHovering: boolean;
+    isDragging: boolean;
+    scrollTimeout: any;
+    thumbHeight: number;
+    thumbTop: number;
+    startY: number;
+    startScrollTop: number;
+    constructor();
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    onScroll(): void;
+    updateThumb(): void;
+    startDragging(event: MouseEvent): void;
+    onMouseMove(event: MouseEvent): void;
+    onMouseUp(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollAreaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollAreaComponent, "sc-scroll-area3", never, {}, {}, never, never, true, never>;
+}

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

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

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

@@ -1,12 +1,12 @@
-import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { ElementRef, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ScScrollSpy implements OnInit {
     private readonly el;
-    spySections: string[];
-    sectionChange: EventEmitter<string>;
+    readonly spySections: import("@angular/core").InputSignal<string[]>;
+    readonly sectionChange: import("@angular/core").OutputEmitterRef<string>;
     private observer;
     constructor(el: ElementRef);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScScrollSpy, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ScScrollSpy, "[scScrollSpy]", never, { "spySections": { "alias": "spySections"; "required": false; }; }, { "sectionChange": "sectionChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScScrollSpy, "[scScrollSpy]", never, { "spySections": { "alias": "spySections"; "required": false; "isSignal": true; }; }, { "sectionChange": "sectionChange"; }, never, never, true, never>;
 }

package/lib/components/scroll-to-top/index.d.ts

@@ -0,0 +1,2 @@
+export * from './scroll-to-top';
+export * from './scroll-to-top-button';

package/lib/components/scroll-to-top/scroll-to-top-button.d.ts

@@ -0,0 +1,10 @@
+import { ScButtonBase } from '../button';
+import * as i0 from "@angular/core";
+export declare class ScScrollToTopButton extends ScButtonBase {
+    protected readonly class: import("@angular/core").Signal<string>;
+    protected readonly showScrollButton: import("@angular/core").WritableSignal<boolean>;
+    protected onWindowScroll(): void;
+    protected scrollToTop(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScScrollToTopButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScScrollToTopButton, "button[sc-scroll-to-top-button]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/scroll-to-top/scroll-to-top-button2.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export type ButtonState = 'initial' | 'visible' | 'hidden';
+export declare class ScScrollToTopButton2 {
+    readonly scrollToTop: import("@angular/core").OutputEmitterRef<void>;
+    readonly animationDone: import("@angular/core").OutputEmitterRef<void>;
+    readonly state: import("@angular/core").WritableSignal<ButtonState>;
+    protected onScrollToTop(): void;
+    protected onTransitionEnd(event: TransitionEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScScrollToTopButton2, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScScrollToTopButton2, "sc-scroll-to-top-button2", never, {}, { "scrollToTop": "scrollToTop"; "animationDone": "animationDone"; }, never, never, true, never>;
+}

package/lib/components/scroll-to-top/scroll-to-top.d.ts

@@ -0,0 +1,18 @@
+import { Overlay } from '@angular/cdk/overlay';
+import { Injector } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ScScrollToTop {
+    private readonly overlay;
+    private readonly injector;
+    private readonly destroyRef;
+    private overlayRef;
+    private componentRef;
+    private readonly scrollThreshold;
+    constructor(overlay: Overlay, injector: Injector);
+    init(): void;
+    private show;
+    private hide;
+    private scrollToTop;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScScrollToTop, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ScScrollToTop>;
+}

package/lib/components/select/option.d.ts

@@ -10,8 +10,7 @@ export declare class ScOption implements Highlightable {
     private readonly labelEl;
     readonly label: import("@angular/core").Signal<string>;
     private readonly element;
-    /** Gets the host DOM element. */
-    getHostElement(): HTMLElement;
+    get nativeElement(): HTMLElement;
     readonly active: import("@angular/core").WritableSignal<boolean>;
     setActiveStyles(): void;
     setInactiveStyles(): void;

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

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

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

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

package/lib/components/sheet/sheet-trigger.d.ts

@@ -2,11 +2,11 @@ import { TemplateRef } from '@angular/core';
 import { ScSheetConfig } from './sheet-config';
 import * as i0 from "@angular/core";
 export declare class ScSheetTrigger {
-    private readonly _overlayContainer;
-    private readonly _overlay;
-    private _overlayRef;
-    state: import("@angular/core").WritableSignal<"open" | "closed">;
-    side: import("@angular/core").WritableSignal<"left" | "right" | "top" | "bottom">;
+    private readonly overlayContainer;
+    private readonly overlay;
+    private overlayRef;
+    readonly state: import("@angular/core").WritableSignal<"open" | "closed">;
+    readonly side: import("@angular/core").WritableSignal<"left" | "right" | "top" | "bottom">;
     constructor();
     open(templateRef: TemplateRef<unknown>, config: ScSheetConfig): void;
     close(): void;

package/lib/components/sheet/sheet.d.ts

@@ -1,17 +1,16 @@
 import { VariantProps } from 'class-variance-authority';
-import { ScSheetTrigger } from './sheet-trigger';
 import * as i0 from "@angular/core";
 declare const sheetVariants: (props?: ({
     side?: "left" | "right" | "top" | "bottom" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export type SheetVariants = VariantProps<typeof sheetVariants>;
 export declare class ScSheet {
-    scSheetTrigger: ScSheetTrigger;
-    state: import("@angular/core").Signal<"open" | "closed">;
-    side: import("@angular/core").Signal<"left" | "right" | "top" | "bottom">;
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+    private readonly scSheetTrigger;
+    readonly state: import("@angular/core").Signal<"open" | "closed">;
+    readonly side: import("@angular/core").Signal<"left" | "right" | "top" | "bottom">;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSheet, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSheet, "div[sc-sheet]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSheet, "div[sc-sheet]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 export {};

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

@@ -1,4 +1,5 @@
 export * from './sidebar';
+export * from './sidebar-content';
 export * from './sidebar-state';
 export * from './sidebar-provider';
 export * from './sidebar-toggler';

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

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

package/lib/components/sidebar/sidebar-mobile.d.ts

@@ -1,13 +1,14 @@
-import { ScSidebarState } from './sidebar-state';
 import * as i0 from "@angular/core";
 export declare class ScSidebarMobile {
-    sidebarState: ScSidebarState;
-    styles: import("@angular/core").WritableSignal<string>;
-    side: import("@angular/core").InputSignal<"left" | "right">;
-    openMobile: import("@angular/core").Signal<boolean>;
-    state: import("@angular/core").Signal<"open" | "closed">;
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+    private readonly router;
+    private readonly sidebarState;
+    protected readonly styles: import("@angular/core").WritableSignal<string>;
+    readonly side: import("@angular/core").InputSignal<"left" | "right">;
+    private readonly openMobile;
+    protected readonly state: import("@angular/core").Signal<"open" | "closed">;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSidebarMobile, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSidebarMobile, "sc-sidebar-mobile", never, { "side": { "alias": "side"; "required": true; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSidebarMobile, "sc-sidebar-mobile", never, { "side": { "alias": "side"; "required": true; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/sidebar/sidebar-toggler.d.ts

@@ -1,8 +1,10 @@
-import { ScSidebarState } from './sidebar-state';
+import { ScButtonBase } from '../button';
 import * as i0 from "@angular/core";
-export declare class ScSidebarToggler {
-    sidebarState: ScSidebarState;
-    toggleSidebar(): void;
+export declare class ScSidebarToggler extends ScButtonBase {
+    private readonly sidebarState;
+    readonly variantInput: import("@angular/core").InputSignal<"outline" | "link" | "primary" | "destructive" | "secondary" | "ghost" | null | undefined>;
+    readonly sizeInput: import("@angular/core").InputSignal<"default" | "sm" | "lg" | "icon" | null | undefined>;
+    protected toggleSidebar(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSidebarToggler, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSidebarToggler, "sc-sidebar-toggler", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSidebarToggler, "button[sc-sidebar-toggler]", never, { "variantInput": { "alias": "variantInput"; "required": false; "isSignal": true; }; "sizeInput": { "alias": "sizeInput"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/sidebar/sidebar.d.ts

@@ -1,3 +1,4 @@
+import { TemplateRef } from '@angular/core';
 import { ScSidebarState } from './sidebar-state';
 import * as i0 from "@angular/core";
 export declare class ScSidebar {
@@ -14,6 +15,9 @@ export declare class ScSidebar {
     classes1: import("@angular/core").WritableSignal<string>;
     classes2: import("@angular/core").WritableSignal<string>;
     constructor();
+    private readonly scSheetTrigger;
+    readonly sheetRef: import("@angular/core").Signal<TemplateRef<unknown>>;
+    openSheet(side: 'top' | 'bottom' | 'left' | 'right'): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSidebar, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScSidebar, "sc-sidebar", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/slider/slider.d.ts

@@ -6,8 +6,9 @@ export declare class ScSlider {
     readonly value: import("@angular/core").ModelSignal<number>;
     readonly min: import("@angular/core").InputSignal<number>;
     readonly max: import("@angular/core").InputSignal<number>;
+    readonly type: import("@angular/core").InputSignal<"range">;
     constructor();
     protected handleInput(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSlider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSlider, "input[sc-slider]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSlider, "input[sc-slider]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": true; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
 }

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

@@ -0,0 +1,2 @@
+export * from './stepper';
+export * from './step';

package/lib/components/stepper/step.d.ts

@@ -0,0 +1,9 @@
+import { CdkStep } from '@angular/cdk/stepper';
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ScStep extends CdkStep {
+    label: string;
+    content: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScStep, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScStep, "sc-step", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/stepper/stepper.d.ts

@@ -0,0 +1,11 @@
+import { CdkStepper } from '@angular/cdk/stepper';
+import { EventEmitter, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ScStepper extends CdkStepper implements OnInit {
+    readonly stepCompleteEvent: import("@angular/core").InputSignal<EventEmitter<void>>;
+    ngOnInit(): void;
+    onClick(index: number): void;
+    complete(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScStepper, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScStepper, "sc-stepper", never, { "stepCompleteEvent": { "alias": "stepCompleteEvent"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/switch/switch.d.ts

@@ -1,7 +1,5 @@
-import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class ScSwitch implements ControlValueAccessor {
-    private readonly changeDetectorRef;
+export declare class ScSwitch {
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
     readonly idInput: import("@angular/core").InputSignal<string>;
@@ -11,14 +9,6 @@ export declare class ScSwitch implements ControlValueAccessor {
     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<"checked" | "unchecked">;
-    protected toggle(): void;
-    writeValue(value: boolean): void;
-    onChange: any;
-    onTouch: any;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    setDisabledState?(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSwitch, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScSwitch, "input[sc-switch]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "idInput": { "alias": "id"; "required": false; "isSignal": true; }; "checkedInput": { "alias": "checked"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, ["*"], true, never>;
 }

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

@@ -1,9 +1,9 @@
 export * from './table';
 export * from './table-container';
-export * from './table-header';
+export * from './table-header-group';
 export * from './table-body';
 export * from './table-footer';
-export * from './table-head';
+export * from './table-header';
 export * from './table-row';
 export * from './table-cell';
 export * from './table-caption';

package/lib/components/table/table-header-group.d.ts

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

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

@@ -3,5 +3,5 @@ export declare class ScTableHeader {
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScTableHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScTableHeader, "thead[sc-table-header]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScTableHeader, "th[sc-table-header]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/table-of-contents/index.d.ts

@@ -0,0 +1 @@
+export * from './table-of-contents';

package/lib/components/table-of-contents/table-of-contents.d.ts

@@ -0,0 +1,21 @@
+import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface ScSection {
+    id: string;
+    title: string;
+    element: HTMLElement;
+}
+export declare class ScTableOfContents implements AfterViewInit, OnDestroy {
+    private readonly elementRef;
+    sections: import("@angular/core").WritableSignal<ScSection[]>;
+    activeSection: import("@angular/core").WritableSignal<string>;
+    private observer;
+    constructor(elementRef: ElementRef);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private initializeToc;
+    private setupIntersectionObserver;
+    scrollToSection(event: Event, sectionId: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScTableOfContents, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScTableOfContents, "sc-table-of-contents", never, {}, {}, never, never, true, never>;
+}

package/lib/components/time-picker/time-picker2.d.ts

@@ -1,8 +1,8 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ScTimePicker2 implements OnInit {
     readonly initialTime: import("@angular/core").InputSignal<string | undefined>;
-    timeSelected: EventEmitter<string>;
+    readonly timeSelected: import("@angular/core").OutputEmitterRef<string>;
     isOpen: boolean;
     hours: number[];
     minutes: number[];

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

@@ -1,3 +1,7 @@
 export * from './toast';
+export * from './toast-content';
+export * from './toast-title';
+export * from './toast-description';
+export * from './toast-action';
+export * from './toast-close';
 export * from './toaster';
-export * from './toast-example';

package/lib/components/toast/toast-action.d.ts

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

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

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

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

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

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

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

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

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

package/lib/components/toast/toast-id.d.ts

@@ -0,0 +1,2 @@
+import { InjectionToken } from '@angular/core';
+export declare const SC_TOAST_ID: InjectionToken<string>;

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

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

package/lib/components/toast/toast.d.ts

@@ -1,8 +1,19 @@
+import { OnInit } from '@angular/core';
+import { ToastState } from './toast.service';
 import * as i0 from "@angular/core";
-export declare class ScToast {
-    variant: import("@angular/core").InputSignal<"default" | "destructive" | null | undefined>;
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+export declare class ScToast implements OnInit {
+    private readonly toaster;
+    private readonly toastService;
+    private readonly toastId;
+    readonly variant: import("@angular/core").InputSignal<"default" | "destructive" | null | undefined>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    protected readonly state: import("@angular/core").Signal<ToastState | undefined>;
+    protected readonly swipe: import("@angular/core").WritableSignal<"start" | "end" | "cancel" | "move" | undefined>;
+    private readonly animationState;
+    constructor();
+    ngOnInit(): void;
+    protected animationend(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScToast, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScToast, "li[sc-toast]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScToast, "div[sc-toast]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/toast/toast.service.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export type ToastState = 'open' | 'closed';
+export declare class ToastService {
+    private readonly stateSource;
+    currentState: import("rxjs").Observable<ToastState>;
+    updateState(newState: ToastState): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ToastService>;
+}

package/lib/components/toast/toaster.d.ts

@@ -1,10 +1,28 @@
-import { Overlay } from '@angular/cdk/overlay';
+import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class Toaster {
-    private overlayRef;
-    overlay: Overlay;
-    constructor();
-    toast(message: string): void;
+    private readonly toastRefs;
+    private readonly maxToasts;
+    private readonly overlay;
+    private readonly idGenerator;
+    private readonly injector;
+    /**
+     * Show a toast notification
+     * @returns The ID of the created toast
+     */
+    show(toastTemplate: TemplateRef<unknown>): string;
+    /**
+     * Remove a specific toast by ID
+     */
+    remove(id: string): boolean;
+    /**
+     * Remove all currently displayed toasts
+     */
+    clear(): void;
+    private createToast;
+    private closeToast;
+    private updateToastPositions;
+    private createInjector;
     static ɵfac: i0.ɵɵFactoryDeclaration<Toaster, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<Toaster>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@semantic-components/ui",
-  "version": "0.37.0",
+  "version": "0.39.0",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -45,10 +45,10 @@
     "rxjs": "~7.8.1",
     "@semantic-icons/lucide-icons": ">=0.0.1",
     "@semantic-components/utils": ">=0.0.1",
-    "@semantic-components/supabase": ">=0.0.1",
     "@angular/platform-browser": ">=19.0.0",
-    "shiki": "^2.1.0",
-    "@angular/router": ">=19.0.0"
+    "shiki": ">=3.0.0",
+    "@angular/router": ">=19.0.0",
+    "@js-temporal/polyfill": ">=0.4.4"
   },
   "sideEffects": false,
   "repository": {