@semantic-components/ui-lab 0.77.0 → 0.79.0

package/types/semantic-components-ui-lab.d.ts

@@ -1,14 +1,18 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, TemplateRef, ElementRef, model, output, signal, ModelSignal, WritableSignal, DoCheck } from '@angular/core';
+import { InjectionToken, TemplateRef, Type, ElementRef, model, output, DoCheck } from '@angular/core';
 import * as _semantic_components_ui_lab from '@semantic-components/ui-lab';
 import { Temporal } from '@js-temporal/polyfill';
 import * as _semantic_components_ui from '@semantic-components/ui';
 import { ScDateRange } from '@semantic-components/ui';
 export { ScDateRange } from '@semantic-components/ui';
-import { SafeHtml, SafeResourceUrl } from '@angular/platform-browser';
+import * as i1 from '@angular/aria/listbox';
+import { ScCarousel } from '@semantic-components/carousel';
+import * as i1$1 from '@angular/aria/toolbar';
+import { Toolbar } from '@angular/aria/toolbar';
 import * as _angular_cdk_overlay from '@angular/cdk/overlay';
 import { CdkOverlayOrigin } from '@angular/cdk/overlay';
-import * as i1 from '@angular/aria/tree';
+import { SafeResourceUrl } from '@angular/platform-browser';
+import * as i1$2 from '@angular/aria/tree';
 import { Tree, TreeItem } from '@angular/aria/tree';
 
 declare class ScStackedLayout {
@@ -45,6 +49,7 @@ declare const DEFAULT_COUNTER_OPTIONS: Required<AnimatedCounterOptions>;
 
 declare class ScAnimatedCounter {
     private readonly destroyRef;
+    readonly classInput: _angular_core.InputSignal<string>;
     readonly value: _angular_core.InputSignal<number>;
     readonly duration: _angular_core.InputSignal<number>;
     readonly easing: _angular_core.InputSignal<AnimatedCounterEasing>;
@@ -52,14 +57,13 @@ declare class ScAnimatedCounter {
     readonly separator: _angular_core.InputSignal<string>;
     readonly prefix: _angular_core.InputSignal<string>;
     readonly suffix: _angular_core.InputSignal<string>;
-    readonly class: _angular_core.InputSignal<string>;
     readonly animationComplete: _angular_core.OutputEmitterRef<number>;
     private readonly currentValue;
     private animationId;
     private previousValue;
     protected readonly displayValue: _angular_core.Signal<string>;
     protected readonly ariaLabel: _angular_core.Signal<string>;
-    protected readonly containerClass: _angular_core.Signal<string>;
+    protected readonly class: _angular_core.Signal<string>;
     constructor();
     private animateToValue;
     private cancelAnimation;
@@ -67,7 +71,7 @@ declare class ScAnimatedCounter {
     private formatNumber;
     reset(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScAnimatedCounter, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScAnimatedCounter, "sc-animated-counter", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "easing": { "alias": "easing"; "required": false; "isSignal": true; }; "decimalPlaces": { "alias": "decimalPlaces"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "animationComplete": "animationComplete"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScAnimatedCounter, "span[scAnimatedCounter]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "easing": { "alias": "easing"; "required": false; "isSignal": true; }; "decimalPlaces": { "alias": "decimalPlaces"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; }, { "animationComplete": "animationComplete"; }, never, never, true, never>;
 }
 
 interface ScAudioTrack {
@@ -212,16 +216,16 @@ interface BarcodeResult {
         y: number;
     }[];
 }
+declare const SC_BARCODE_SCANNER: InjectionToken<ScBarcodeScanner>;
 declare class ScBarcodeScanner {
     private readonly destroyRef;
-    private readonly videoRef;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
     readonly formats: _angular_core.InputSignal<BarcodeFormat[]>;
-    readonly showLastResult: _angular_core.InputSignal<boolean>;
     readonly continuous: _angular_core.InputSignal<boolean>;
     readonly scanInterval: _angular_core.InputSignal<number>;
-    readonly class: _angular_core.InputSignal<string>;
     readonly detected: _angular_core.OutputEmitterRef<BarcodeResult>;
-    readonly error$: _angular_core.OutputEmitterRef<string>;
+    readonly scanError: _angular_core.OutputEmitterRef<string>;
     readonly isSupported: _angular_core.WritableSignal<boolean>;
     readonly isScanning: _angular_core.WritableSignal<boolean>;
     readonly error: _angular_core.WritableSignal<string | null>;
@@ -229,14 +233,14 @@ declare class ScBarcodeScanner {
     readonly hasMultipleCameras: _angular_core.WritableSignal<boolean>;
     readonly hasTorch: _angular_core.WritableSignal<boolean>;
     readonly torchOn: _angular_core.WritableSignal<boolean>;
+    private videoElement;
     private stream;
     private detector;
     private scanIntervalId;
     private currentFacingMode;
     private videoTrack;
-    protected readonly containerClass: _angular_core.Signal<string>;
-    protected readonly videoClass: _angular_core.Signal<string>;
     constructor();
+    setVideoElement(el: HTMLVideoElement): void;
     startScanning(): Promise<void>;
     stopScanning(): void;
     switchCamera(): Promise<void>;
@@ -244,210 +248,15 @@ declare class ScBarcodeScanner {
     private startDetection;
     private detectBarcode;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScBarcodeScanner, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScBarcodeScanner, "sc-barcode-scanner", never, { "formats": { "alias": "formats"; "required": false; "isSignal": true; }; "showLastResult": { "alias": "showLastResult"; "required": false; "isSignal": true; }; "continuous": { "alias": "continuous"; "required": false; "isSignal": true; }; "scanInterval": { "alias": "scanInterval"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "detected": "detected"; "error$": "error$"; }, never, never, true, never>;
-}
-
-declare class ScBarcodeScannerSimple {
-    readonly formats: _angular_core.InputSignal<BarcodeFormat[]>;
-    readonly continuous: _angular_core.InputSignal<boolean>;
-    readonly showLastResult: _angular_core.InputSignal<boolean>;
-    readonly class: _angular_core.InputSignal<string>;
-    readonly detected: _angular_core.OutputEmitterRef<BarcodeResult>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScBarcodeScannerSimple, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScBarcodeScannerSimple, "sc-barcode-scanner-simple", never, { "formats": { "alias": "formats"; "required": false; "isSignal": true; }; "continuous": { "alias": "continuous"; "required": false; "isSignal": true; }; "showLastResult": { "alias": "showLastResult"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "detected": "detected"; }, never, never, true, never>;
-}
-
-declare const CHART_COLORS: readonly ["var(--chart-1)", "var(--chart-2)", "var(--chart-3)", "var(--chart-4)", "var(--chart-5)"];
-interface ChartDataPoint {
-    label: string;
-    value: number;
-    color?: string;
-}
-interface ChartConfig {
-    [key: string]: {
-        label: string;
-        color?: string;
-    };
-}
-
-declare const SC_CHART: InjectionToken<ScChartContainer>;
-declare class ScChartContainer {
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly config: _angular_core.InputSignal<ChartConfig>;
-    protected readonly class: _angular_core.Signal<string>;
-    getColor(key: string, index: number): string;
-    getLabel(key: string): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScChartContainer, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScChartContainer, "[scChartContainer]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScChartTooltip {
-    readonly visible: _angular_core.WritableSignal<boolean>;
-    readonly x: _angular_core.WritableSignal<number>;
-    readonly y: _angular_core.WritableSignal<number>;
-    show(x: number, y: number): void;
-    hide(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScChartTooltip, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScChartTooltip, "[scChartTooltip]", never, {}, {}, never, ["*"], true, never>;
-}
-
-declare class ScChartLegend {
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly items: _angular_core.InputSignal<{
-        label: string;
-        color?: string;
-    }[]>;
-    protected readonly class: _angular_core.Signal<string>;
-    getColor(index: number): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScChartLegend, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScChartLegend, "[scChartLegend]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScBarcodeScanner, "[scBarcodeScanner]", ["scBarcodeScanner"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "formats": { "alias": "formats"; "required": false; "isSignal": true; }; "continuous": { "alias": "continuous"; "required": false; "isSignal": true; }; "scanInterval": { "alias": "scanInterval"; "required": false; "isSignal": true; }; }, { "detected": "detected"; "scanError": "scanError"; }, never, never, true, never>;
 }
 
-declare class ScBarChart {
-    private readonly container;
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly data: _angular_core.InputSignal<ChartDataPoint[]>;
-    readonly height: _angular_core.InputSignal<number>;
-    readonly barRadius: _angular_core.InputSignal<number>;
-    readonly barGap: _angular_core.InputSignal<number>;
-    readonly hoveredBar: _angular_core.WritableSignal<ChartDataPoint | null>;
-    readonly tooltipX: _angular_core.WritableSignal<number>;
-    readonly tooltipY: _angular_core.WritableSignal<number>;
-    protected readonly padding: _angular_core.Signal<{
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    }>;
-    protected readonly chartWidth: _angular_core.Signal<number>;
-    protected readonly chartHeight: _angular_core.Signal<number>;
-    protected readonly viewBox: _angular_core.Signal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    protected readonly maxValue: _angular_core.Signal<number>;
-    protected readonly gridLines: _angular_core.Signal<{
-        y: number;
-        label: string;
-    }[]>;
-    protected readonly bars: _angular_core.Signal<{
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-        color: string;
-        label: string;
-        value: number;
-    }[]>;
-    onBarHover(event: MouseEvent, bar: ChartDataPoint, _index: number): void;
-    onBarLeave(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScBarChart, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScBarChart, "[scBarChart]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "barRadius": { "alias": "barRadius"; "required": false; "isSignal": true; }; "barGap": { "alias": "barGap"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScLineChart {
-    private readonly container;
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly data: _angular_core.InputSignal<ChartDataPoint[]>;
-    readonly height: _angular_core.InputSignal<number>;
-    readonly showArea: _angular_core.InputSignal<boolean>;
-    readonly showPoints: _angular_core.InputSignal<boolean>;
-    readonly color: _angular_core.InputSignal<string>;
-    readonly labelStep: _angular_core.InputSignal<number>;
-    readonly hoveredPoint: _angular_core.WritableSignal<ChartDataPoint | null>;
-    readonly tooltipX: _angular_core.WritableSignal<number>;
-    readonly tooltipY: _angular_core.WritableSignal<number>;
-    protected readonly padding: _angular_core.Signal<{
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    }>;
-    protected readonly chartWidth: _angular_core.Signal<number>;
-    protected readonly chartHeight: _angular_core.Signal<number>;
-    protected readonly viewBox: _angular_core.Signal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    protected readonly lineColor: _angular_core.Signal<string>;
-    protected readonly areaColor: _angular_core.Signal<string>;
-    protected readonly maxValue: _angular_core.Signal<number>;
-    protected readonly gridLines: _angular_core.Signal<{
-        y: number;
-        label: string;
-    }[]>;
-    protected readonly points: _angular_core.Signal<{
-        x: number;
-        y: number;
-        label: string;
-        value: number;
-        color?: string;
-    }[]>;
-    protected readonly linePath: _angular_core.Signal<string>;
-    protected readonly areaPath: _angular_core.Signal<string>;
-    onPointHover(event: MouseEvent, point: ChartDataPoint): void;
-    onPointLeave(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLineChart, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScLineChart, "[scLineChart]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "showArea": { "alias": "showArea"; "required": false; "isSignal": true; }; "showPoints": { "alias": "showPoints"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "labelStep": { "alias": "labelStep"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScPieChart {
-    private readonly container;
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly data: _angular_core.InputSignal<ChartDataPoint[]>;
-    readonly size: _angular_core.InputSignal<number>;
-    readonly innerRadius: _angular_core.InputSignal<number>;
-    readonly showLabels: _angular_core.InputSignal<boolean>;
-    readonly hoveredSlice: _angular_core.WritableSignal<(ChartDataPoint & {
-        percentage: number;
-        color: string;
-    }) | null>;
-    readonly tooltipX: _angular_core.WritableSignal<number>;
-    readonly tooltipY: _angular_core.WritableSignal<number>;
-    protected readonly viewBox: _angular_core.Signal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    protected readonly total: _angular_core.Signal<number>;
-    protected readonly slices: _angular_core.Signal<{
-        label: string;
-        value: number;
-        percentage: number;
-        path: string;
-        color: string;
-        labelX: number;
-        labelY: number;
-    }[]>;
-    onSliceHover(event: MouseEvent, slice: {
-        label: string;
-        value: number;
-        percentage: number;
-        color: string;
-    }): void;
-    onSliceLeave(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScPieChart, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScPieChart, "[scPieChart]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "innerRadius": { "alias": "innerRadius"; "required": false; "isSignal": true; }; "showLabels": { "alias": "showLabels"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScDonutChart {
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly data: _angular_core.InputSignal<ChartDataPoint[]>;
-    readonly size: _angular_core.InputSignal<number>;
-    readonly innerRadius: _angular_core.InputSignal<number>;
-    readonly showLabels: _angular_core.InputSignal<boolean>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScDonutChart, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScDonutChart, "[scDonutChart]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "innerRadius": { "alias": "innerRadius"; "required": false; "isSignal": true; }; "showLabels": { "alias": "showLabels"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScNativeCheckbox {
-    private readonly elementRef;
-    private readonly platformId;
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly checkedInput: _angular_core.InputSignal<boolean | undefined>;
-    readonly indeterminate: _angular_core.InputSignal<boolean>;
-    protected readonly internalChecked: _angular_core.WritableSignal<boolean>;
-    protected readonly isDarkMode: _angular_core.WritableSignal<boolean>;
+declare class ScBarcodeVideo {
+    private readonly el;
+    private readonly scanner;
     constructor();
-    private updateDarkMode;
-    protected readonly class: _angular_core.Signal<string>;
-    protected readonly backgroundImage: _angular_core.Signal<"none" | "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E\")" | "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' x2='19' y1='12' y2='12'/%3E%3C/svg%3E\")" | "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E\")" | "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' x2='19' y1='12' y2='12'/%3E%3C/svg%3E\")">;
-    protected onChange(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScNativeCheckbox, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScNativeCheckbox, "input[scNativeCheckbox]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "checkedInput": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScBarcodeVideo, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScBarcodeVideo, "video[scBarcodeVideo]", ["scBarcodeVideo"], {}, {}, never, never, true, never>;
 }
 
 declare class ScNativeDialogProvider {
@@ -637,63 +446,7 @@ declare class ScColorPickerEyeDropper {
     isSupported(): boolean;
     pickColor(): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScColorPickerEyeDropper, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScColorPickerEyeDropper, "button[scColorPickerEyedropper]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-interface ConfettiParticle {
-    x: number;
-    y: number;
-    vx: number;
-    vy: number;
-    color: string;
-    size: number;
-    rotation: number;
-    rotationSpeed: number;
-    shape: ConfettiShape;
-}
-type ConfettiShape = 'square' | 'circle' | 'triangle' | 'ribbon';
-interface ConfettiOptions {
-    particleCount?: number;
-    spread?: number;
-    startVelocity?: number;
-    decay?: number;
-    gravity?: number;
-    drift?: number;
-    colors?: string[];
-    shapes?: ConfettiShape[];
-    origin?: {
-        x: number;
-        y: number;
-    };
-    duration?: number;
-}
-declare const DEFAULT_CONFETTI_OPTIONS: Required<ConfettiOptions>;
-
-declare class ScConfetti {
-    private readonly destroyRef;
-    readonly canvasRef: _angular_core.Signal<ElementRef<HTMLCanvasElement> | undefined>;
-    readonly options: _angular_core.InputSignal<ConfettiOptions>;
-    readonly complete: _angular_core.OutputEmitterRef<void>;
-    protected readonly isActive: _angular_core.WritableSignal<boolean>;
-    protected readonly canvasWidth: _angular_core.WritableSignal<number>;
-    protected readonly canvasHeight: _angular_core.WritableSignal<number>;
-    private particles;
-    private animationId;
-    private ctx;
-    constructor();
-    private updateCanvasSize;
-    private setupResizeHandler;
-    fire(customOptions?: ConfettiOptions): void;
-    fireFromElement(element: HTMLElement, customOptions?: ConfettiOptions): void;
-    stop(): void;
-    private createParticles;
-    private startAnimation;
-    private updateParticles;
-    private drawParticles;
-    private drawShape;
-    private clearCanvas;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScConfetti, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScConfetti, "sc-confetti", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "complete": "complete"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScColorPickerEyeDropper, "button[scColorPickerEyedropper]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface CountdownTime {
@@ -703,67 +456,30 @@ interface CountdownTime {
     seconds: number;
     total: number;
 }
+declare const SC_COUNTDOWN: InjectionToken<ScCountdown>;
 declare class ScCountdown {
     private readonly destroyRef;
     readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
     readonly targetDate: _angular_core.InputSignal<Date>;
     readonly autoStart: _angular_core.InputSignal<boolean>;
-    readonly showDays: _angular_core.InputSignal<boolean>;
-    readonly showHours: _angular_core.InputSignal<boolean>;
-    readonly showMinutes: _angular_core.InputSignal<boolean>;
-    readonly showSeconds: _angular_core.InputSignal<boolean>;
-    readonly alwaysShowDays: _angular_core.InputSignal<boolean>;
-    readonly showSeparator: _angular_core.InputSignal<boolean>;
-    readonly separator: _angular_core.InputSignal<string>;
-    readonly daysLabel: _angular_core.InputSignal<string>;
-    readonly hoursLabel: _angular_core.InputSignal<string>;
-    readonly minutesLabel: _angular_core.InputSignal<string>;
-    readonly secondsLabel: _angular_core.InputSignal<string>;
-    readonly variant: _angular_core.InputSignal<"default" | "compact" | "cards">;
     readonly tick: _angular_core.OutputEmitterRef<CountdownTime>;
     readonly complete: _angular_core.OutputEmitterRef<void>;
-    protected readonly time: _angular_core.WritableSignal<CountdownTime>;
+    readonly time: _angular_core.WritableSignal<CountdownTime>;
     private intervalId;
-    private isComplete;
+    private isCompleteState;
     constructor();
-    protected readonly ariaLabel: _angular_core.Signal<string>;
-    protected readonly containerClass: _angular_core.Signal<string>;
-    protected readonly unitClass: _angular_core.Signal<string>;
-    protected readonly valueClass: _angular_core.Signal<string>;
-    protected readonly labelClass: _angular_core.Signal<string>;
-    protected readonly separatorClass: _angular_core.Signal<string>;
+    readonly ariaLabel: _angular_core.Signal<string>;
     padNumber(n: number): string;
-    private calculateTime;
-    private updateTime;
     start(): void;
     stop(): void;
     reset(): void;
     getTime(): CountdownTime;
     isRunning(): boolean;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScCountdown, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScCountdown, "sc-countdown", ["scCountdown"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "targetDate": { "alias": "targetDate"; "required": true; "isSignal": true; }; "autoStart": { "alias": "autoStart"; "required": false; "isSignal": true; }; "showDays": { "alias": "showDays"; "required": false; "isSignal": true; }; "showHours": { "alias": "showHours"; "required": false; "isSignal": true; }; "showMinutes": { "alias": "showMinutes"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "alwaysShowDays": { "alias": "alwaysShowDays"; "required": false; "isSignal": true; }; "showSeparator": { "alias": "showSeparator"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "daysLabel": { "alias": "daysLabel"; "required": false; "isSignal": true; }; "hoursLabel": { "alias": "hoursLabel"; "required": false; "isSignal": true; }; "minutesLabel": { "alias": "minutesLabel"; "required": false; "isSignal": true; }; "secondsLabel": { "alias": "secondsLabel"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "tick": "tick"; "complete": "complete"; }, never, never, true, never>;
-}
-
-declare class ScCountdownSimple {
-    private readonly destroyRef;
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly targetDate: _angular_core.InputSignal<Date>;
-    readonly format: _angular_core.InputSignal<"hh:mm:ss" | "mm:ss" | "full">;
-    readonly autoStart: _angular_core.InputSignal<boolean>;
-    readonly tick: _angular_core.OutputEmitterRef<number>;
-    readonly complete: _angular_core.OutputEmitterRef<void>;
-    private readonly remaining;
-    private intervalId;
-    private isComplete;
-    constructor();
-    protected readonly class: _angular_core.Signal<string>;
-    protected readonly formattedTime: _angular_core.Signal<string>;
+    private calculateTime;
     private updateTime;
-    start(): void;
-    stop(): void;
-    getRemaining(): number;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScCountdownSimple, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScCountdownSimple, "sc-countdown-simple", ["scCountdownSimple"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "targetDate": { "alias": "targetDate"; "required": true; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "autoStart": { "alias": "autoStart"; "required": false; "isSignal": true; }; }, { "tick": "tick"; "complete": "complete"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScCountdown, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScCountdown, "[scCountdown]", ["scCountdown"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "targetDate": { "alias": "targetDate"; "required": true; "isSignal": true; }; "autoStart": { "alias": "autoStart"; "required": false; "isSignal": true; }; }, { "tick": "tick"; "complete": "complete"; }, never, never, true, never>;
 }
 
 type SortDirection = 'asc' | 'desc' | null;
@@ -1010,7 +726,7 @@ declare class ScDiffViewer {
 interface DockItem {
     id: string;
     label: string;
-    icon: string;
+    icon: Type<unknown>;
     href?: string;
     badge?: number | string;
     disabled?: boolean;
@@ -1055,11 +771,9 @@ declare class ScDockItems {
 
 declare class ScDockItem {
     readonly dock: _semantic_components_ui_lab.ScDock;
-    private readonly sanitizer;
     readonly item: _angular_core.InputSignal<DockItem>;
     readonly classInput: _angular_core.InputSignal<string>;
     private readonly itemIndex;
-    protected readonly sanitizedIcon: _angular_core.Signal<SafeHtml>;
     protected readonly class: _angular_core.Signal<string>;
     protected readonly transform: _angular_core.Signal<string>;
     protected onClick(): void;
@@ -1086,33 +800,87 @@ interface EmojiCategory {
     icon: string;
     emojis: Emoji[];
 }
+declare class ScEmojiPickerState {
+    readonly categories: _angular_core.WritableSignal<EmojiCategory[]>;
+    readonly searchQuery: _angular_core.WritableSignal<string>;
+    readonly activeCategory: _angular_core.WritableSignal<string>;
+    readonly recentEmojis: _angular_core.WritableSignal<Emoji[]>;
+    readonly maxRecent: _angular_core.WritableSignal<number>;
+    readonly columns: _angular_core.WritableSignal<number>;
+    readonly filteredEmojis: _angular_core.Signal<Emoji[]>;
+    readonly activeCategoryEmojis: _angular_core.Signal<Emoji[]>;
+    readonly gridColumns: _angular_core.Signal<string>;
+    addToRecent(emoji: Emoji): void;
+    clearRecent(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScEmojiPickerState, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ScEmojiPickerState>;
+}
+
 declare class ScEmojiPicker {
+    private readonly state;
     readonly classInput: _angular_core.InputSignal<string>;
     readonly categories: _angular_core.InputSignal<EmojiCategory[]>;
-    readonly showSearch: _angular_core.InputSignal<boolean>;
-    readonly showCategories: _angular_core.InputSignal<boolean>;
-    readonly showRecent: _angular_core.InputSignal<boolean>;
     readonly maxRecent: _angular_core.InputSignal<number>;
     readonly columns: _angular_core.InputSignal<number>;
     readonly value: _angular_core.ModelSignal<string>;
     readonly emojiSelect: _angular_core.OutputEmitterRef<Emoji>;
-    readonly searchQuery: _angular_core.WritableSignal<string>;
-    readonly activeCategory: _angular_core.WritableSignal<string>;
-    readonly recentEmojis: _angular_core.WritableSignal<Emoji[]>;
-    protected readonly filteredEmojis: _angular_core.Signal<Emoji[]>;
-    protected readonly containerClass: _angular_core.Signal<string>;
-    protected readonly searchInputClass: _angular_core.Signal<string>;
-    protected readonly gridContainerClass: _angular_core.Signal<string>;
-    protected readonly gridClass: _angular_core.Signal<string>;
-    protected readonly gridColumns: _angular_core.Signal<string>;
-    protected categoryTabClass(isActive: boolean): string;
-    protected readonly emojiButtonClass: _angular_core.Signal<string>;
-    onSearchInput(event: Event): void;
+    protected readonly class: _angular_core.Signal<string>;
+    constructor();
     selectEmoji(emoji: Emoji): void;
-    private addToRecent;
-    clearRecent(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScEmojiPicker, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScEmojiPicker, "sc-emoji-picker", ["scEmojiPicker"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showCategories": { "alias": "showCategories"; "required": false; "isSignal": true; }; "showRecent": { "alias": "showRecent"; "required": false; "isSignal": true; }; "maxRecent": { "alias": "maxRecent"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "emojiSelect": "emojiSelect"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScEmojiPicker, "div[scEmojiPicker]", ["scEmojiPicker"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; "maxRecent": { "alias": "maxRecent"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "emojiSelect": "emojiSelect"; }, never, never, true, never>;
+}
+
+declare class ScEmojiPickerCategoryTabs {
+    readonly state: ScEmojiPickerState;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    protected categoryTabClass(isActive: boolean): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScEmojiPickerCategoryTabs, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScEmojiPickerCategoryTabs, "div[scEmojiPickerCategoryTabs]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const DEFAULT_CATEGORIES: EmojiCategory[];
+
+declare class ScEmojiPickerEmpty {
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScEmojiPickerEmpty, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScEmojiPickerEmpty, "[scEmojiPickerEmpty]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ScEmojiPickerGrid {
+    readonly state: ScEmojiPickerState;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScEmojiPickerGrid, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScEmojiPickerGrid, "div[scEmojiPickerGrid]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["[scEmojiPickerEmpty]"], true, never>;
+}
+
+declare class ScEmojiPickerItem {
+    readonly picker: ScEmojiPicker;
+    readonly emoji: _angular_core.InputSignal<Emoji>;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScEmojiPickerItem, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScEmojiPickerItem, "button[scEmojiPickerItem]", never, { "emoji": { "alias": "emoji"; "required": true; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ScEmojiPickerRecent {
+    readonly state: ScEmojiPickerState;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScEmojiPickerRecent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScEmojiPickerRecent, "div[scEmojiPickerRecent]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ScEmojiPickerSearch {
+    readonly state: ScEmojiPickerState;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    protected onInput(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScEmojiPickerSearch, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScEmojiPickerSearch, "input[scEmojiPickerSearch]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ScEmojiPickerTrigger {
@@ -1143,7 +911,6 @@ interface ImageAnnotatorState {
 }
 
 declare class ScImageAnnotator {
-    private readonly sanitizer;
     readonly imageCanvasRef: _angular_core.Signal<ElementRef<HTMLCanvasElement> | undefined>;
     readonly annotationCanvasRef: _angular_core.Signal<ElementRef<HTMLCanvasElement> | undefined>;
     readonly src: _angular_core.InputSignal<string>;
@@ -1160,16 +927,11 @@ declare class ScImageAnnotator {
     private isDrawing;
     private currentAnnotation;
     private startPoint;
-    private trustHtml;
     readonly tools: {
         id: AnnotationTool;
         label: string;
-        icon: SafeHtml;
     }[];
     readonly colors: string[];
-    readonly undoIcon: SafeHtml;
-    readonly clearIcon: SafeHtml;
-    readonly downloadIcon: SafeHtml;
     protected readonly canvasWidth: _angular_core.Signal<number>;
     protected readonly canvasHeight: _angular_core.Signal<number>;
     protected readonly containerClass: _angular_core.Signal<string>;
@@ -1512,68 +1274,38 @@ declare class ScImageCropperFileInput {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScImageCropperFileInput, "input[scImageCropperFileInput]", never, {}, {}, never, never, true, never>;
 }
 
+declare const SC_INFINITE_SCROLL: InjectionToken<ScInfiniteScroll>;
 declare class ScInfiniteScroll {
     private readonly destroyRef;
     private readonly elementRef;
+    private readonly sentinel;
     readonly classInput: _angular_core.InputSignal<string>;
     readonly threshold: _angular_core.InputSignal<number>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly loading: _angular_core.InputSignal<boolean>;
     readonly hasReachedEnd: _angular_core.InputSignal<boolean>;
-    readonly endMessage: _angular_core.InputSignal<string>;
-    readonly direction: _angular_core.InputSignal<"up" | "down">;
     readonly loadMore: _angular_core.OutputEmitterRef<void>;
-    private readonly customLoader;
-    private readonly customEnd;
-    protected readonly hasCustomLoader: _angular_core.Signal<boolean>;
-    protected readonly hasCustomEnd: _angular_core.Signal<boolean>;
+    protected readonly class: _angular_core.Signal<string>;
     private observer;
-    private sentinelEl;
-    protected readonly containerClass: _angular_core.Signal<string>;
-    protected readonly loaderContainerClass: _angular_core.Signal<string>;
-    protected readonly endContainerClass: _angular_core.Signal<string>;
     constructor();
-    private setupIntersectionObserver;
-    private cleanup;
-    onScroll(event: Event): void;
     scrollToTop(): void;
     scrollToBottom(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScInfiniteScroll, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScInfiniteScroll, "sc-infinite-scroll", ["scInfiniteScroll"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "threshold": { "alias": "threshold"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "hasReachedEnd": { "alias": "hasReachedEnd"; "required": false; "isSignal": true; }; "endMessage": { "alias": "endMessage"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; }, { "loadMore": "loadMore"; }, ["customLoader", "customEnd"], ["*", "[scInfiniteScrollLoader]", "[scInfiniteScrollEnd]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScInfiniteScroll, "div[scInfiniteScroll]", ["scInfiniteScroll"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "threshold": { "alias": "threshold"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "hasReachedEnd": { "alias": "hasReachedEnd"; "required": false; "isSignal": true; }; }, { "loadMore": "loadMore"; }, never, ["*"], true, never>;
 }
 
 declare class ScInfiniteScrollLoader {
+    readonly infiniteScroll: _semantic_components_ui_lab.ScInfiniteScroll;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScInfiniteScrollLoader, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScInfiniteScrollLoader, "[scInfiniteScrollLoader]", never, {}, {}, never, never, true, never>;
 }
 
 declare class ScInfiniteScrollEnd {
+    readonly infiniteScroll: _semantic_components_ui_lab.ScInfiniteScroll;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScInfiniteScrollEnd, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScInfiniteScrollEnd, "[scInfiniteScrollEnd]", never, {}, {}, never, never, true, never>;
 }
 
-declare class ScVirtualScroll<T> {
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly items: _angular_core.InputSignal<T[]>;
-    readonly itemHeight: _angular_core.InputSignal<number>;
-    readonly overscan: _angular_core.InputSignal<number>;
-    readonly trackByFn: _angular_core.InputSignal<(item: T, index: number) => unknown>;
-    private readonly scrollTop;
-    private viewportEl;
-    protected readonly viewportClass: _angular_core.Signal<string>;
-    protected readonly totalHeight: _angular_core.Signal<number>;
-    protected readonly visibleRange: _angular_core.Signal<{
-        start: number;
-        end: number;
-    }>;
-    protected readonly visibleItems: _angular_core.Signal<T[]>;
-    protected readonly offsetY: _angular_core.Signal<number>;
-    onScroll(): void;
-    scrollToIndex(index: number): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScVirtualScroll<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVirtualScroll<any>, "sc-virtual-scroll", ["scVirtualScroll"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemHeight": { "alias": "itemHeight"; "required": false; "isSignal": true; }; "overscan": { "alias": "overscan"; "required": false; "isSignal": true; }; "trackByFn": { "alias": "trackByFn"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
 interface KanbanCard {
     id: string;
     title: string;
@@ -1621,14 +1353,13 @@ interface KanbanCardDeleteEvent {
     columnId: string;
 }
 
+declare const SC_KANBAN_BOARD: InjectionToken<ScKanbanBoard>;
 declare class ScKanbanBoard {
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
     readonly columns: _angular_core.ModelSignal<KanbanColumn[]>;
     readonly cards: _angular_core.ModelSignal<KanbanCard[]>;
     readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly showAddCard: _angular_core.InputSignal<boolean>;
-    readonly showDeleteCard: _angular_core.InputSignal<boolean>;
-    readonly showAddColumn: _angular_core.InputSignal<boolean>;
-    readonly class: _angular_core.InputSignal<string>;
     readonly cardMoved: _angular_core.OutputEmitterRef<KanbanDragEvent>;
     readonly cardAdded: _angular_core.OutputEmitterRef<KanbanCardAddEvent>;
     readonly cardDeleted: _angular_core.OutputEmitterRef<KanbanCardDeleteEvent>;
@@ -1638,83 +1369,54 @@ declare class ScKanbanBoard {
         columnId: string;
         collapsed: boolean;
     }>;
-    private isAddingColumnState;
-    protected readonly containerClass: _angular_core.Signal<string>;
-    protected readonly sortedColumns: _angular_core.Signal<KanbanColumn[]>;
-    protected getCardsForColumn(columnId: string): KanbanCard[];
-    protected onCardMoved(event: KanbanDragEvent): void;
-    protected onAddCard(columnId: string, title: string): void;
-    protected onDeleteCard(columnId: string, card: KanbanCard): void;
-    protected onColumnCollapse(columnId: string, collapsed: boolean): void;
-    protected isAddingColumn(): boolean;
-    protected startAddingColumn(): void;
-    protected cancelAddingColumn(): void;
-    protected submitNewColumn(event: Event): void;
-    protected submitNewColumnFromButton(): void;
-    protected onColumnInputBlur(): void;
-    private addColumn;
+    readonly sortedColumns: _angular_core.Signal<KanbanColumn[]>;
+    getCardsForColumn(columnId: string): KanbanCard[];
+    moveCard(event: KanbanDragEvent): void;
+    addCard(columnId: string, title: string): void;
+    deleteCard(columnId: string, card: KanbanCard): void;
+    addColumn(title: string): void;
+    collapseColumn(columnId: string, collapsed: boolean): void;
     private generateId;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScKanbanBoard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScKanbanBoard, "sc-kanban-board", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "cards": { "alias": "cards"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showAddCard": { "alias": "showAddCard"; "required": false; "isSignal": true; }; "showDeleteCard": { "alias": "showDeleteCard"; "required": false; "isSignal": true; }; "showAddColumn": { "alias": "showAddColumn"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "columns": "columnsChange"; "cards": "cardsChange"; "cardMoved": "cardMoved"; "cardAdded": "cardAdded"; "cardDeleted": "cardDeleted"; "cardClick": "cardClick"; "columnAdded": "columnAdded"; "columnCollapsed": "columnCollapsed"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScKanbanBoard, "[scKanbanBoard]", ["scKanbanBoard"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "cards": { "alias": "cards"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "columns": "columnsChange"; "cards": "cardsChange"; "cardMoved": "cardMoved"; "cardAdded": "cardAdded"; "cardDeleted": "cardDeleted"; "cardClick": "cardClick"; "columnAdded": "columnAdded"; "columnCollapsed": "columnCollapsed"; }, never, never, true, never>;
 }
 
 declare class ScKanbanColumn {
+    readonly board: _semantic_components_ui_lab.ScKanbanBoard;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
     readonly column: _angular_core.InputSignal<KanbanColumn>;
-    readonly cards: _angular_core.InputSignal<KanbanCard[]>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly showAddButton: _angular_core.InputSignal<boolean>;
-    readonly showDeleteCard: _angular_core.InputSignal<boolean>;
-    readonly class: _angular_core.InputSignal<string>;
-    readonly cardMoved: _angular_core.OutputEmitterRef<KanbanDragEvent>;
-    readonly addCard: _angular_core.OutputEmitterRef<string>;
-    readonly deleteCard: _angular_core.OutputEmitterRef<KanbanCard>;
-    readonly cardClick: _angular_core.OutputEmitterRef<KanbanCard>;
-    readonly collapseChange: _angular_core.OutputEmitterRef<boolean>;
-    protected readonly collapsed: _angular_core.WritableSignal<boolean>;
-    protected readonly isDragOver: _angular_core.WritableSignal<boolean>;
-    protected readonly dropIndex: _angular_core.WritableSignal<number | null>;
-    protected readonly isAddingCard: _angular_core.WritableSignal<boolean>;
-    protected readonly draggedCard: _angular_core.WritableSignal<KanbanCard | null>;
-    protected readonly columnClass: _angular_core.Signal<string>;
-    protected readonly isOverLimit: _angular_core.Signal<boolean>;
-    protected toggleCollapse(): void;
-    protected onDragOver(event: DragEvent): void;
-    protected onDragLeave(event: DragEvent): void;
-    protected onDrop(event: DragEvent): void;
-    protected onCardDragStart(_event: DragEvent, card: KanbanCard): void;
-    protected onCardDragEnd(): void;
-    protected startAddingCard(): void;
-    protected cancelAddingCard(): void;
-    protected submitNewCard(event: Event): void;
-    protected submitNewCardFromButton(): void;
-    protected onInputBlur(): void;
+    readonly columnCards: _angular_core.Signal<KanbanCard[]>;
+    readonly collapsed: _angular_core.WritableSignal<boolean>;
+    readonly isDragOver: _angular_core.WritableSignal<boolean>;
+    readonly dropIndex: _angular_core.WritableSignal<number | null>;
+    readonly isOverLimit: _angular_core.Signal<boolean>;
+    toggleCollapse(): void;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScKanbanColumn, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScKanbanColumn, "sc-kanban-column", never, { "column": { "alias": "column"; "required": true; "isSignal": true; }; "cards": { "alias": "cards"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showAddButton": { "alias": "showAddButton"; "required": false; "isSignal": true; }; "showDeleteCard": { "alias": "showDeleteCard"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "cardMoved": "cardMoved"; "addCard": "addCard"; "deleteCard": "deleteCard"; "cardClick": "cardClick"; "collapseChange": "collapseChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScKanbanColumn, "[scKanbanColumn]", ["scKanbanColumn"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "column": { "alias": "column"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ScKanbanCard {
+    readonly board: _semantic_components_ui_lab.ScKanbanBoard;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
     readonly card: _angular_core.InputSignal<KanbanCard>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly showDelete: _angular_core.InputSignal<boolean>;
-    readonly class: _angular_core.InputSignal<string>;
-    readonly dragStart: _angular_core.OutputEmitterRef<DragEvent>;
-    readonly dragEnd: _angular_core.OutputEmitterRef<DragEvent>;
-    readonly delete: _angular_core.OutputEmitterRef<void>;
     readonly cardClick: _angular_core.OutputEmitterRef<KanbanCard>;
-    protected readonly cardClass: _angular_core.Signal<string>;
-    protected readonly priorityClass: _angular_core.Signal<string>;
-    protected priorityIcon(): string;
-    protected readonly dueDateClass: _angular_core.Signal<"text-muted-foreground" | "text-red-600 dark:text-red-400" | "text-orange-600 dark:text-orange-400">;
-    protected formatDate(date: Date): string;
-    protected onDragStart(event: DragEvent): void;
-    protected onDragEnd(event: DragEvent): void;
-    protected onDelete(event: MouseEvent): void;
-    protected onKeyDown(event: KeyboardEvent): void;
+    readonly priorityClass: _angular_core.Signal<string>;
+    readonly dueDateClass: _angular_core.Signal<"text-red-600 dark:text-red-400" | "text-orange-600 dark:text-orange-400" | "text-muted-foreground">;
+    priorityIcon(): string;
+    formatDate(date: Date): string;
+    onDragStart(event: DragEvent): void;
+    onDragEnd(event: DragEvent): void;
+    onKeyDown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScKanbanCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScKanbanCard, "sc-kanban-card", never, { "card": { "alias": "card"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showDelete": { "alias": "showDelete"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "dragStart": "dragStart"; "dragEnd": "dragEnd"; "delete": "delete"; "cardClick": "cardClick"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScKanbanCard, "[scKanbanCard]", ["scKanbanCard"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "card": { "alias": "card"; "required": true; "isSignal": true; }; }, { "cardClick": "cardClick"; }, never, never, true, never>;
 }
 
-interface LightboxImage {
+interface ScLightboxImageData {
     src: string;
     alt?: string;
     title?: string;
@@ -1723,113 +1425,182 @@ interface LightboxImage {
 }
 
 declare class ScLightboxTrigger {
-    private readonly lightbox;
+    private readonly provider;
     readonly index: _angular_core.InputSignal<number>;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
     onClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLightboxTrigger, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScLightboxTrigger, "[scLightboxTrigger]", never, { "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScLightboxTrigger, "[scLightboxTrigger]", never, { "index": { "alias": "index"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ScLightboxGallery {
     readonly classInput: _angular_core.InputSignal<string>;
-    readonly images: _angular_core.InputSignal<LightboxImage[]>;
-    readonly columns: _angular_core.InputSignal<number>;
-    readonly gap: _angular_core.InputSignal<number>;
-    readonly loop: _angular_core.InputSignal<boolean>;
-    readonly showCounter: _angular_core.InputSignal<boolean>;
-    readonly showInfo: _angular_core.InputSignal<boolean>;
-    readonly showZoom: _angular_core.InputSignal<boolean>;
-    readonly showThumbnails: _angular_core.InputSignal<boolean>;
-    protected readonly galleryClass: _angular_core.Signal<string>;
-    protected readonly itemClass: _angular_core.Signal<string>;
+    protected readonly class: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLightboxGallery, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScLightboxGallery, "sc-lightbox-gallery", ["scLightboxGallery"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "images": { "alias": "images"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "showCounter": { "alias": "showCounter"; "required": false; "isSignal": true; }; "showInfo": { "alias": "showInfo"; "required": false; "isSignal": true; }; "showZoom": { "alias": "showZoom"; "required": false; "isSignal": true; }; "showThumbnails": { "alias": "showThumbnails"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScLightboxGallery, "[scLightboxGallery]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-/**
- * Injection token for ScLightbox
- */
-interface ScLightbox {
-    images: () => LightboxImage[];
-    loop: () => boolean;
-    showCounter: () => boolean;
-    showInfo: () => boolean;
-    showZoom: () => boolean;
-    showThumbnails: () => boolean;
-    closeOnOverlayClick: () => boolean;
-    closeOnEscape: () => boolean;
-    isOpen: ReturnType<typeof model<boolean>>;
-    currentIndex: ReturnType<typeof model<number>>;
-    opened: ReturnType<typeof output<number>>;
-    closed: ReturnType<typeof output<void>>;
-    indexChange: ReturnType<typeof output<number>>;
-    zoomLevel: ReturnType<typeof signal<number>>;
-    imageLoading: ReturnType<typeof signal<boolean>>;
-    currentImage: () => LightboxImage;
-    open: (index?: number) => void;
-    close: () => void;
-    next: () => void;
-    previous: () => void;
-    goTo: (index: number) => void;
-    zoomIn: () => void;
-    zoomOut: () => void;
-    resetZoom: () => void;
-    onImageLoad: () => void;
-    onOverlayClick: (event: MouseEvent) => void;
-    onKeydown: (event: KeyboardEvent) => void;
-    getCurrentImage: () => LightboxImage | undefined;
-}
-declare const SC_LIGHTBOX: InjectionToken<ScLightbox>;
-declare class ScLightboxDirective implements ScLightbox {
-    private readonly destroyRef;
-    readonly images: _angular_core.InputSignal<LightboxImage[]>;
+declare class ScLightboxGalleryItem {
+    private readonly provider;
+    readonly index: _angular_core.InputSignal<number>;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    onClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLightboxGalleryItem, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScLightboxGalleryItem, "[scLightboxGalleryItem]", never, { "index": { "alias": "index"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ScLightboxImage {
+    readonly provider: _semantic_components_ui_lab.ScLightboxProvider;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly alt: _angular_core.Signal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLightboxImage, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScLightboxImage, "img[scLightboxImage]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ScLightboxThumbnail {
+    private readonly provider;
+    readonly index: _angular_core.InputSignal<number>;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLightboxThumbnail, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScLightboxThumbnail, "[scLightboxThumbnail]", never, { "index": { "alias": "index"; "required": true; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Option; inputs: { "value": "value"; }; outputs: {}; }]>;
+}
+
+declare class ScLightboxPortal {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLightboxPortal, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScLightboxPortal, "ng-template[scLightboxPortal]", never, {}, {}, never, never, true, never>;
+}
+
+declare const SC_LIGHTBOX_PROVIDER: InjectionToken<ScLightboxProvider>;
+declare class ScLightboxProvider {
+    private readonly overlay;
+    private readonly viewContainerRef;
+    readonly classInput: _angular_core.InputSignal<string>;
+    readonly images: _angular_core.InputSignal<ScLightboxImageData[]>;
     readonly loop: _angular_core.InputSignal<boolean>;
-    readonly showCounter: _angular_core.InputSignal<boolean>;
-    readonly showInfo: _angular_core.InputSignal<boolean>;
-    readonly showZoom: _angular_core.InputSignal<boolean>;
-    readonly showThumbnails: _angular_core.InputSignal<boolean>;
-    readonly closeOnOverlayClick: _angular_core.InputSignal<boolean>;
     readonly closeOnEscape: _angular_core.InputSignal<boolean>;
     readonly isOpen: _angular_core.ModelSignal<boolean>;
     readonly currentIndex: _angular_core.ModelSignal<number>;
     readonly opened: _angular_core.OutputEmitterRef<number>;
     readonly closed: _angular_core.OutputEmitterRef<void>;
-    readonly indexChange: _angular_core.OutputEmitterRef<number>;
     readonly zoomLevel: _angular_core.WritableSignal<number>;
     readonly imageLoading: _angular_core.WritableSignal<boolean>;
-    readonly currentImage: _angular_core.Signal<LightboxImage>;
+    private readonly overlayTemplate;
+    protected readonly lightboxPortal: _angular_core.Signal<ScLightboxPortal>;
+    private readonly overlayOpen;
+    private readonly animationsCompleted;
+    private overlayRef;
+    protected readonly class: _angular_core.Signal<string>;
+    readonly currentImage: _angular_core.Signal<ScLightboxImageData>;
     constructor();
     open(index?: number): void;
     close(): void;
-    next(): void;
-    previous(): void;
     goTo(index: number): void;
     zoomIn(): void;
     zoomOut(): void;
     resetZoom(): void;
     onImageLoad(): void;
-    onOverlayClick(event: MouseEvent): void;
-    onKeydown(event: KeyboardEvent): void;
-    getCurrentImage(): LightboxImage | undefined;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLightboxDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScLightboxDirective, "[scLightbox]", ["scLightbox"], { "images": { "alias": "images"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "showCounter": { "alias": "showCounter"; "required": false; "isSignal": true; }; "showInfo": { "alias": "showInfo"; "required": false; "isSignal": true; }; "showZoom": { "alias": "showZoom"; "required": false; "isSignal": true; }; "showThumbnails": { "alias": "showThumbnails"; "required": false; "isSignal": true; }; "closeOnOverlayClick": { "alias": "closeOnOverlayClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "currentIndex": { "alias": "currentIndex"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "currentIndex": "currentIndexChange"; "opened": "opened"; "closed": "closed"; "indexChange": "indexChange"; }, never, never, true, never>;
+    onBackdropAnimationComplete(): void;
+    private getOverlayRef;
+    private attach;
+    private detach;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLightboxProvider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScLightboxProvider, "div[scLightboxProvider]", ["scLightboxProvider"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "images": { "alias": "images"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "currentIndex": { "alias": "currentIndex"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "currentIndex": "currentIndexChange"; "opened": "opened"; "closed": "closed"; }, ["lightboxPortal"], ["*"], true, never>;
+}
+
+declare class ScLightbox {
+    readonly provider: _semantic_components_ui_lab.ScLightboxProvider;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLightbox, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScLightbox, "[scLightbox]", ["scLightbox"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ScLightboxClose {
+    readonly provider: _semantic_components_ui_lab.ScLightboxProvider;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLightboxClose, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScLightboxClose, "button[scLightboxClose]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ScLightboxCounter {
+    readonly provider: _semantic_components_ui_lab.ScLightboxProvider;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLightboxCounter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScLightboxCounter, "span[scLightboxCounter]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ScLightboxNext {
+    readonly provider: _semantic_components_ui_lab.ScLightboxProvider;
+    readonly carousel: ScCarousel;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLightboxNext, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScLightboxNext, "button[scLightboxNext]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ScLightboxPrev {
+    readonly provider: _semantic_components_ui_lab.ScLightboxProvider;
+    readonly carousel: ScCarousel;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLightboxPrev, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScLightboxPrev, "button[scLightboxPrev]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class ScLightboxContainer {
-    readonly lightbox: ScLightbox;
+declare class ScLightboxThumbnailBar {
+    private readonly provider;
+    private readonly listbox;
     readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly Math: Math;
     protected readonly class: _angular_core.Signal<string>;
-    protected readonly overlayClass: _angular_core.Signal<string>;
-    protected readonly closeButtonClass: _angular_core.Signal<string>;
-    protected navButtonClass(side: 'left' | 'right'): string;
-    protected readonly imageContainerClass: _angular_core.Signal<string>;
-    protected readonly imageClass: _angular_core.Signal<string>;
-    protected readonly bottomBarClass: _angular_core.Signal<string>;
-    protected readonly thumbnailsClass: _angular_core.Signal<string>;
-    protected thumbnailClass(index: number): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLightboxContainer, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScLightboxContainer, "[scLightboxContainer]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["[scLightboxCloseIcon]", "[scLightboxPrevIcon]", "[scLightboxLoading]", "[scLightboxNextIcon]"], true, never>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLightboxThumbnailBar, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScLightboxThumbnailBar, "[scLightboxThumbnailBar]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Listbox; inputs: { "values": "values"; }; outputs: { "valuesChange": "valuesChange"; }; }]>;
+}
+
+declare class ScLightboxToolbar {
+    protected readonly toolbar: Toolbar<any>;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLightboxToolbar, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScLightboxToolbar, "[scLightboxToolbar]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.Toolbar; inputs: { "orientation": "orientation"; }; outputs: {}; }]>;
+}
+
+declare class ScLightboxZoomControls {
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLightboxZoomControls, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScLightboxZoomControls, "[scLightboxZoomControls]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.ToolbarWidgetGroup; inputs: {}; outputs: {}; }]>;
+}
+
+declare class ScLightboxZoomIn {
+    readonly provider: _semantic_components_ui_lab.ScLightboxProvider;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLightboxZoomIn, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScLightboxZoomIn, "button[scLightboxZoomIn]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.ToolbarWidget; inputs: { "value": "value"; }; outputs: {}; }]>;
+}
+
+declare class ScLightboxZoomOut {
+    readonly provider: _semantic_components_ui_lab.ScLightboxProvider;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLightboxZoomOut, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScLightboxZoomOut, "button[scLightboxZoomOut]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.ToolbarWidget; inputs: { "value": "value"; }; outputs: {}; }]>;
+}
+
+declare class ScLightboxZoomReset {
+    readonly provider: _semantic_components_ui_lab.ScLightboxProvider;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScLightboxZoomReset, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScLightboxZoomReset, "button[scLightboxZoomReset]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.ToolbarWidget; inputs: { "value": "value"; }; outputs: {}; }]>;
 }
 
 declare class ScMarquee {
@@ -1840,9 +1611,8 @@ declare class ScMarquee {
     readonly pauseOnHover: _angular_core.InputSignal<boolean>;
     readonly reverse: _angular_core.InputSignal<boolean>;
     protected readonly class: _angular_core.Signal<string>;
-    protected readonly innerClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScMarquee, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScMarquee, "sc-marquee", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "pauseOnHover": { "alias": "pauseOnHover"; "required": false; "isSignal": true; }; "reverse": { "alias": "reverse"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[scMarqueeClone]"], true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScMarquee, "[scMarquee]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "pauseOnHover": { "alias": "pauseOnHover"; "required": false; "isSignal": true; }; "reverse": { "alias": "reverse"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ScMarqueeItem {
@@ -1852,11 +1622,11 @@ declare class ScMarqueeItem {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScMarqueeItem, "[scMarqueeItem]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class ScMarqueeClone {
+declare class ScMarqueeContent {
     readonly classInput: _angular_core.InputSignal<string>;
     protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScMarqueeClone, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScMarqueeClone, "[scMarqueeClone]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScMarqueeContent, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScMarqueeContent, "[scMarqueeContent]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ScMarqueeFade {
@@ -1864,22 +1634,9 @@ declare class ScMarqueeFade {
     readonly direction: _angular_core.InputSignal<"horizontal" | "vertical">;
     readonly fadeSize: _angular_core.InputSignal<string>;
     protected readonly class: _angular_core.Signal<string>;
-    protected readonly fadeLeftClass: _angular_core.Signal<string>;
-    protected readonly fadeRightClass: _angular_core.Signal<string>;
+    protected readonly maskImage: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScMarqueeFade, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScMarqueeFade, "sc-marquee-fade", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "fadeSize": { "alias": "fadeSize"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class ScAutoMarquee {
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly duration: _angular_core.InputSignal<number>;
-    readonly gap: _angular_core.InputSignal<number>;
-    readonly pauseOnHover: _angular_core.InputSignal<boolean>;
-    protected readonly class: _angular_core.Signal<string>;
-    protected readonly trackClass: _angular_core.Signal<string>;
-    protected readonly contentClass: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScAutoMarquee, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScAutoMarquee, "sc-auto-marquee", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "pauseOnHover": { "alias": "pauseOnHover"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[clone]"], true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScMarqueeFade, "[scMarqueeFade]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "fadeSize": { "alias": "fadeSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ScMarqueeText {
@@ -1894,7 +1651,7 @@ declare class ScMarqueeText {
     protected readonly textClass: _angular_core.Signal<string>;
     protected readonly separatorClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScMarqueeText, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScMarqueeText, "sc-marquee-text", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": true; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "pauseOnHover": { "alias": "pauseOnHover"; "required": false; "isSignal": true; }; "reverse": { "alias": "reverse"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScMarqueeText, "div[scMarqueeText]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": true; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "pauseOnHover": { "alias": "pauseOnHover"; "required": false; "isSignal": true; }; "reverse": { "alias": "reverse"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ScMasonryItem {
@@ -2146,7 +1903,7 @@ interface NotificationGroupCollapseEvent {
 }
 
 type NotificationFilter = 'all' | 'unread' | 'read';
-interface ScNotificationCenter {
+interface ScNotificationCenterApi {
     readonly notifications: ReturnType<typeof model<Notification[]>>;
     readonly groups: () => NotificationGroup[];
     readonly title: () => string;
@@ -2170,8 +1927,9 @@ interface ScNotificationCenter {
     onClearGroup(groupId: string): void;
     onActionClick(notification: Notification, action: NotificationAction): void;
 }
-declare const SC_NOTIFICATION_CENTER: InjectionToken<ScNotificationCenter>;
-declare class ScNotificationCenterDirective implements ScNotificationCenter {
+declare const SC_NOTIFICATION_CENTER: InjectionToken<ScNotificationCenterApi>;
+declare class ScNotificationCenter implements ScNotificationCenterApi {
+    readonly classInput: _angular_core.InputSignal<string>;
     readonly notifications: _angular_core.ModelSignal<Notification[]>;
     readonly groups: _angular_core.InputSignal<NotificationGroup[]>;
     readonly title: _angular_core.InputSignal<string>;
@@ -2180,7 +1938,6 @@ declare class ScNotificationCenterDirective implements ScNotificationCenter {
     readonly showDismiss: _angular_core.InputSignal<boolean>;
     readonly emptyTitle: _angular_core.InputSignal<string>;
     readonly emptyDescription: _angular_core.InputSignal<string>;
-    readonly class: _angular_core.InputSignal<string>;
     readonly markRead: _angular_core.OutputEmitterRef<{
         notification: Notification;
         read: boolean;
@@ -2195,6 +1952,7 @@ declare class ScNotificationCenterDirective implements ScNotificationCenter {
     readonly itemClick: _angular_core.OutputEmitterRef<Notification>;
     readonly filterChange: _angular_core.OutputEmitterRef<NotificationFilter>;
     readonly filter: _angular_core.ModelSignal<NotificationFilter>;
+    protected readonly class: _angular_core.Signal<string>;
     readonly totalUnread: _angular_core.Signal<number>;
     readonly filteredNotifications: _angular_core.Signal<Notification[]>;
     readonly ungroupedNotifications: _angular_core.Signal<Notification[]>;
@@ -2207,27 +1965,27 @@ declare class ScNotificationCenterDirective implements ScNotificationCenter {
     onClearAll(): void;
     onClearGroup(groupId: string): void;
     onActionClick(notification: Notification, action: NotificationAction): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScNotificationCenterDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScNotificationCenterDirective, "[scNotificationCenter]", ["scNotificationCenter"], { "notifications": { "alias": "notifications"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "showFilters": { "alias": "showFilters"; "required": false; "isSignal": true; }; "showClearAll": { "alias": "showClearAll"; "required": false; "isSignal": true; }; "showDismiss": { "alias": "showDismiss"; "required": false; "isSignal": true; }; "emptyTitle": { "alias": "emptyTitle"; "required": false; "isSignal": true; }; "emptyDescription": { "alias": "emptyDescription"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; }, { "notifications": "notificationsChange"; "markRead": "markRead"; "markAllRead": "markAllRead"; "dismiss": "dismiss"; "clearAll": "clearAll"; "actionClick": "actionClick"; "itemClick": "itemClick"; "filterChange": "filterChange"; "filter": "filterChange"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScNotificationCenter, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScNotificationCenter, "[scNotificationCenter]", ["scNotificationCenter"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "notifications": { "alias": "notifications"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "showFilters": { "alias": "showFilters"; "required": false; "isSignal": true; }; "showClearAll": { "alias": "showClearAll"; "required": false; "isSignal": true; }; "showDismiss": { "alias": "showDismiss"; "required": false; "isSignal": true; }; "emptyTitle": { "alias": "emptyTitle"; "required": false; "isSignal": true; }; "emptyDescription": { "alias": "emptyDescription"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; }, { "notifications": "notificationsChange"; "markRead": "markRead"; "markAllRead": "markAllRead"; "dismiss": "dismiss"; "clearAll": "clearAll"; "actionClick": "actionClick"; "itemClick": "itemClick"; "filterChange": "filterChange"; "filter": "filterChange"; }, never, never, true, never>;
 }
 
 declare class ScNotificationCenterContainer {
-    readonly center: _semantic_components_ui_lab.ScNotificationCenterType;
-    readonly class: _angular_core.InputSignal<string>;
+    readonly center: _semantic_components_ui_lab.ScNotificationCenterApi;
+    readonly classInput: _angular_core.InputSignal<string>;
     protected readonly filters: {
         value: NotificationFilter;
         label: string;
     }[];
-    protected readonly containerClass: _angular_core.Signal<string>;
+    protected readonly class: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScNotificationCenterContainer, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScNotificationCenterContainer, "[scNotificationCenterContainer]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScNotificationCenterContainer, "div[scNotificationCenterContainer]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ScNotificationGroup {
+    readonly classInput: _angular_core.InputSignal<string>;
     readonly group: _angular_core.InputSignal<NotificationGroup>;
     readonly notifications: _angular_core.InputSignal<Notification[]>;
     readonly showDismiss: _angular_core.InputSignal<boolean>;
-    readonly class: _angular_core.InputSignal<string>;
     readonly markRead: _angular_core.OutputEmitterRef<{
         notification: Notification;
         read: boolean;
@@ -2242,7 +2000,7 @@ declare class ScNotificationGroup {
     readonly itemClick: _angular_core.OutputEmitterRef<Notification>;
     readonly collapseChange: _angular_core.OutputEmitterRef<boolean>;
     protected readonly collapsed: _angular_core.WritableSignal<boolean>;
-    protected readonly groupClass: _angular_core.Signal<string>;
+    protected readonly class: _angular_core.Signal<string>;
     protected readonly unreadCount: _angular_core.Signal<number>;
     protected toggleCollapse(): void;
     protected onMarkRead(notification: Notification, read: boolean): void;
@@ -2251,102 +2009,25 @@ declare class ScNotificationGroup {
     protected onClearAll(event: MouseEvent): void;
     protected onActionClick(notification: Notification, action: NotificationAction): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScNotificationGroup, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScNotificationGroup, "sc-notification-group", never, { "group": { "alias": "group"; "required": true; "isSignal": true; }; "notifications": { "alias": "notifications"; "required": false; "isSignal": true; }; "showDismiss": { "alias": "showDismiss"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "markRead": "markRead"; "markAllRead": "markAllRead"; "dismiss": "dismiss"; "clearAll": "clearAll"; "actionClick": "actionClick"; "itemClick": "itemClick"; "collapseChange": "collapseChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScNotificationGroup, "div[scNotificationGroup]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": true; "isSignal": true; }; "notifications": { "alias": "notifications"; "required": false; "isSignal": true; }; "showDismiss": { "alias": "showDismiss"; "required": false; "isSignal": true; }; }, { "markRead": "markRead"; "markAllRead": "markAllRead"; "dismiss": "dismiss"; "clearAll": "clearAll"; "actionClick": "actionClick"; "itemClick": "itemClick"; "collapseChange": "collapseChange"; }, never, never, true, never>;
 }
 
 declare class ScNotificationItem {
+    readonly classInput: _angular_core.InputSignal<string>;
     readonly notification: _angular_core.InputSignal<Notification>;
     readonly showDismiss: _angular_core.InputSignal<boolean>;
-    readonly class: _angular_core.InputSignal<string>;
     readonly markRead: _angular_core.OutputEmitterRef<boolean>;
     readonly dismiss: _angular_core.OutputEmitterRef<void>;
     readonly actionClick: _angular_core.OutputEmitterRef<NotificationAction>;
     readonly itemClick: _angular_core.OutputEmitterRef<void>;
-    protected readonly itemClass: _angular_core.Signal<string>;
+    protected readonly class: _angular_core.Signal<string>;
     protected readonly iconContainerClass: _angular_core.Signal<string>;
     protected formatTime(date: Date): string;
     protected onItemClick(): void;
     protected onActionClick(event: MouseEvent, action: NotificationAction): void;
     protected onDismiss(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScNotificationItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScNotificationItem, "sc-notification-item", never, { "notification": { "alias": "notification"; "required": true; "isSignal": true; }; "showDismiss": { "alias": "showDismiss"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "markRead": "markRead"; "dismiss": "dismiss"; "actionClick": "actionClick"; "itemClick": "itemClick"; }, never, never, true, never>;
-}
-
-declare const SC_NUMBER_FIELD: InjectionToken<ScNumberField>;
-declare class ScNumberField {
-    private readonly elementRef;
-    readonly id: _angular_core.InputSignal<string>;
-    readonly descriptionIds: _angular_core.WritableSignal<string[]>;
-    protected readonly role: _angular_core.Signal<"group" | null>;
-    readonly value: _angular_core.ModelSignal<number | null>;
-    readonly min: _angular_core.InputSignal<number | null>;
-    readonly max: _angular_core.InputSignal<number | null>;
-    readonly step: _angular_core.InputSignal<number>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly allowEmpty: _angular_core.InputSignal<boolean>;
-    readonly scrubSpeed: _angular_core.InputSignal<number>;
-    readonly formatOptions: _angular_core.InputSignal<Intl.NumberFormatOptions>;
-    readonly valueChange: _angular_core.OutputEmitterRef<number | null>;
-    readonly canIncrement: _angular_core.Signal<boolean>;
-    readonly canDecrement: _angular_core.Signal<boolean>;
-    increment(): void;
-    decrement(): void;
-    setValue(value: number | null): void;
-    formatValue(value: number | null): string;
-    private roundToStep;
-    private getDecimalPlaces;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScNumberField, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScNumberField, "div[scNumberField], label[scNumberField]", ["scNumberField"], { "id": { "alias": "id"; "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; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; "isSignal": true; }; "scrubSpeed": { "alias": "scrubSpeed"; "required": false; "isSignal": true; }; "formatOptions": { "alias": "formatOptions"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; }, never, never, true, never>;
-}
-
-declare class ScNumberFieldScrubArea {
-    readonly numberField: _semantic_components_ui_lab.ScNumberField;
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly isScrubbing: _angular_core.WritableSignal<boolean>;
-    private startX;
-    private startValue;
-    protected readonly class: _angular_core.Signal<string>;
-    protected onMouseDown(event: MouseEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScNumberFieldScrubArea, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScNumberFieldScrubArea, "[scNumberFieldScrubArea]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class ScNumberFieldInputGroup {
-    readonly numberField: _semantic_components_ui_lab.ScNumberField;
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScNumberFieldInputGroup, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScNumberFieldInputGroup, "[scNumberFieldGroup]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class ScNumberFieldInput {
-    readonly numberField: _semantic_components_ui_lab.ScNumberField;
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    protected readonly displayValue: _angular_core.Signal<string>;
-    onInput(event: Event): void;
-    onBlur(): void;
-    onKeydown(event: KeyboardEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScNumberFieldInput, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScNumberFieldInput, "input[scNumberFieldInput]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScNumberFieldIncrement {
-    readonly numberField: _semantic_components_ui_lab.ScNumberField;
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    onClick(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScNumberFieldIncrement, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScNumberFieldIncrement, "button[scNumberFieldIncrement]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class ScNumberFieldDecrement {
-    readonly numberField: _semantic_components_ui_lab.ScNumberField;
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    onClick(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScNumberFieldDecrement, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScNumberFieldDecrement, "button[scNumberFieldDecrement]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScNotificationItem, "div[scNotificationItem]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "notification": { "alias": "notification"; "required": true; "isSignal": true; }; "showDismiss": { "alias": "showDismiss"; "required": false; "isSignal": true; }; }, { "markRead": "markRead"; "dismiss": "dismiss"; "actionClick": "actionClick"; "itemClick": "itemClick"; }, never, never, true, never>;
 }
 
 interface OrgChartNode {
@@ -2408,104 +2089,6 @@ declare class ScOrgChartNode {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScOrgChartNode, "sc-org-chart-node", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, { "nodeClick": "nodeClick"; "nodeExpand": "nodeExpand"; }, never, never, true, never>;
 }
 
-interface ScPasswordFieldContext {
-    readonly value: ModelSignal<string>;
-    readonly visible: WritableSignal<boolean>;
-    readonly disabled: () => boolean;
-    readonly invalid: () => boolean;
-    toggle(): void;
-    setValue(value: string): void;
-}
-declare const SC_PASSWORD_FIELD: InjectionToken<ScPasswordFieldContext>;
-declare class ScPasswordField implements ScPasswordFieldContext {
-    private readonly elementRef;
-    readonly id: _angular_core.InputSignal<string>;
-    readonly descriptionIds: WritableSignal<string[]>;
-    protected readonly role: _angular_core.Signal<"group" | null>;
-    readonly invalid: _angular_core.InputSignal<boolean>;
-    readonly value: ModelSignal<string>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly showByDefault: _angular_core.InputSignal<boolean>;
-    readonly valueChange: _angular_core.OutputEmitterRef<string>;
-    readonly visibilityChange: _angular_core.OutputEmitterRef<boolean>;
-    readonly visible: WritableSignal<boolean>;
-    private readonly showByDefaultEffect;
-    toggle(): void;
-    show(): void;
-    hide(): void;
-    setValue(value: string): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScPasswordField, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScPasswordField, "div[scPasswordField], label[scPasswordField]", ["scPasswordField"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showByDefault": { "alias": "showByDefault"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; "visibilityChange": "visibilityChange"; }, never, never, true, never>;
-}
-
-declare class ScPasswordFieldInputGroup {
-    readonly passwordField: _semantic_components_ui_lab.ScPasswordFieldContext;
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScPasswordFieldInputGroup, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScPasswordFieldInputGroup, "[scPasswordFieldInputGroup]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class ScPasswordFieldInput {
-    readonly field: _semantic_components_ui.ScFieldContext;
-    readonly passwordField: _semantic_components_ui_lab.ScPasswordFieldContext;
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly ariaDescribedByInput: _angular_core.InputSignal<string>;
-    readonly placeholder: _angular_core.InputSignal<string>;
-    readonly readonly: _angular_core.InputSignal<boolean>;
-    readonly autocomplete: _angular_core.InputSignal<string>;
-    readonly ariaDescribedBy: _angular_core.Signal<string | null>;
-    protected readonly class: _angular_core.Signal<string>;
-    onInput(event: Event): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScPasswordFieldInput, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScPasswordFieldInput, "input[scPasswordFieldInput]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "ariaDescribedByInput": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScPasswordFieldToggle {
-    readonly passwordField: _semantic_components_ui_lab.ScPasswordFieldContext;
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    onClick(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScPasswordFieldToggle, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScPasswordFieldToggle, "button[scPasswordFieldToggle]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class ScPasswordFieldStrengthBar {
-    readonly passwordField: _semantic_components_ui_lab.ScPasswordFieldContext;
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly index: _angular_core.InputSignal<number>;
-    protected readonly strength: _angular_core.Signal<0 | 2 | 1 | 4 | 3>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScPasswordFieldStrengthBar, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScPasswordFieldStrengthBar, "div[scPasswordFieldStrengthBar]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScPasswordFieldStrength {
-    readonly passwordField: _semantic_components_ui_lab.ScPasswordFieldContext;
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly strength: _angular_core.Signal<0 | 2 | 1 | 4 | 3>;
-    protected readonly strengthLabel: _angular_core.Signal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    protected strengthBarClass(index: number): string;
-    protected readonly strengthTextClass: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScPasswordFieldStrength, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScPasswordFieldStrength, "[scPasswordFieldStrength]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-interface ScPasswordRequirement {
-    label: string;
-    test: (value: string) => boolean;
-}
-declare class ScPasswordFieldRequirements {
-    readonly passwordField: _semantic_components_ui_lab.ScPasswordFieldContext;
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly requirements: _angular_core.InputSignal<ScPasswordRequirement[]>;
-    protected readonly class: _angular_core.Signal<string>;
-    protected requirementClass(met: boolean): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScPasswordFieldRequirements, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScPasswordFieldRequirements, "[scPasswordFieldRequirements]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "requirements": { "alias": "requirements"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 type PdfZoomLevel = 'auto' | 'page-fit' | 'page-width' | number;
 interface PdfToolbarConfig {
     showNavigation?: boolean;
@@ -2849,77 +2432,6 @@ declare class ScPdfViewerToolbar {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScPdfViewerToolbar, "sc-pdf-viewer-toolbar", never, { "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalPages": { "alias": "totalPages"; "required": false; "isSignal": true; }; "zoom": { "alias": "zoom"; "required": false; "isSignal": true; }; "isFullscreen": { "alias": "isFullscreen"; "required": false; "isSignal": true; }; "toolbarConfig": { "alias": "toolbarConfig"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "prevPage": "prevPage"; "nextPage": "nextPage"; "goToPage": "goToPage"; "zoomIn": "zoomIn"; "zoomOut": "zoomOut"; "zoomChange": "zoomChange"; "rotateLeft": "rotateLeft"; "rotateRight": "rotateRight"; "download": "download"; "print": "print"; "toggleFullscreen": "toggleFullscreen"; }, never, never, true, never>;
 }
 
-interface Country {
-    code: string;
-    name: string;
-    dialCode: string;
-    flag: string;
-}
-declare const COUNTRIES: Country[];
-declare function getCountryByCode(code: string): Country | undefined;
-declare function getCountryByDialCode(dialCode: string): Country | undefined;
-
-declare class ScPhoneInput {
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly placeholder: _angular_core.InputSignal<string>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly defaultCountry: _angular_core.InputSignal<string>;
-    readonly countries: _angular_core.InputSignal<Country[]>;
-    readonly value: _angular_core.ModelSignal<string>;
-    readonly countryCode: _angular_core.ModelSignal<string>;
-    readonly valueChange: _angular_core.OutputEmitterRef<string>;
-    readonly countryChange: _angular_core.OutputEmitterRef<Country>;
-    protected readonly dropdownOpen: _angular_core.WritableSignal<boolean>;
-    protected readonly searchQuery: _angular_core.WritableSignal<string>;
-    protected readonly focused: _angular_core.WritableSignal<boolean>;
-    protected readonly phoneNumber: _angular_core.WritableSignal<string>;
-    private readonly searchInput;
-    private readonly phoneInputEl;
-    constructor();
-    protected readonly selectedCountry: _angular_core.Signal<Country>;
-    protected readonly filteredCountries: _angular_core.Signal<Country[]>;
-    protected readonly containerClass: _angular_core.Signal<string>;
-    protected readonly countryButtonClass: _angular_core.Signal<string>;
-    protected readonly dropdownClass: _angular_core.Signal<string>;
-    protected readonly searchInputClass: _angular_core.Signal<string>;
-    protected countryOptionClass(country: Country): string;
-    protected readonly inputClass: _angular_core.Signal<string>;
-    toggleDropdown(): void;
-    openDropdown(): void;
-    closeDropdown(): void;
-    selectCountry(country: Country): void;
-    onSearchInput(event: Event): void;
-    onPhoneInput(event: Event): void;
-    onSearchKeydown(event: KeyboardEvent): void;
-    onOptionKeydown(event: KeyboardEvent, country: Country): void;
-    focus(): void;
-    getFullNumber(): string;
-    getPhoneNumber(): string;
-    getCountry(): Country | undefined;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScPhoneInput, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScPhoneInput, "sc-phone-input", ["scPhoneInput"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "defaultCountry": { "alias": "defaultCountry"; "required": false; "isSignal": true; }; "countries": { "alias": "countries"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "countryCode": { "alias": "countryCode"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "countryCode": "countryCodeChange"; "valueChange": "valueChange"; "countryChange": "countryChange"; }, never, never, true, never>;
-}
-
-declare class ScPhoneInputSimple {
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly placeholder: _angular_core.InputSignal<string>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly showIcon: _angular_core.InputSignal<boolean>;
-    readonly format: _angular_core.InputSignal<"none" | "us" | "international">;
-    readonly value: _angular_core.ModelSignal<string>;
-    protected readonly focused: _angular_core.WritableSignal<boolean>;
-    private readonly inputEl;
-    protected readonly containerClass: _angular_core.Signal<string>;
-    protected readonly inputClass: _angular_core.Signal<string>;
-    onInput(event: Event): void;
-    onBlur(): void;
-    private formatPhoneNumber;
-    focus(): void;
-    getRawValue(): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScPhoneInputSimple, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScPhoneInputSimple, "sc-phone-input-simple", ["scPhoneInputSimple"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
-}
-
 type QRErrorCorrectionLevel = 'L' | 'M' | 'Q' | 'H';
 declare class ScQrCode {
     readonly value: _angular_core.InputSignal<string>;
@@ -3088,87 +2600,10 @@ declare class ScSignaturePadWidthButton {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScSignaturePadWidthButton, "button[scSignaturePadPenWidth]", never, { "width": { "alias": "width"; "required": true; "isSignal": true; }; "ariaLabelInput": { "alias": "aria-label"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-interface SortableEvent<T> {
-    item: T;
-    previousIndex: number;
-    currentIndex: number;
-}
-declare const SC_SORTABLE_LIST: InjectionToken<ScSortableList<unknown>>;
-declare class ScSortableList<T> {
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly items: _angular_core.ModelSignal<T[]>;
-    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly handleOnly: _angular_core.InputSignal<boolean>;
-    readonly sortChange: _angular_core.OutputEmitterRef<SortableEvent<T>>;
-    readonly sortStart: _angular_core.OutputEmitterRef<{
-        item: T;
-        index: number;
-    }>;
-    readonly sortEnd: _angular_core.OutputEmitterRef<SortableEvent<T>>;
-    readonly isDragging: _angular_core.WritableSignal<boolean>;
-    readonly draggedIndex: _angular_core.WritableSignal<number | null>;
-    readonly dragOverIndex: _angular_core.WritableSignal<number | null>;
-    protected readonly class: _angular_core.Signal<string>;
-    private registeredItems;
-    registerItem(index: number, element: HTMLElement): void;
-    unregisterItem(index: number): void;
-    startDrag(index: number): void;
-    endDrag(): void;
-    setDragOver(index: number | null): void;
-    moveItem(fromIndex: number, toIndex: number): void;
-    moveUp(index: number): void;
-    moveDown(index: number): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSortableList<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScSortableList<any>, "[scSortableList]", ["scSortableList"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "handleOnly": { "alias": "handleOnly"; "required": false; "isSignal": true; }; }, { "items": "itemsChange"; "sortChange": "sortChange"; "sortStart": "sortStart"; "sortEnd": "sortEnd"; }, never, never, true, never>;
-}
-
-declare const SC_SORTABLE_ITEM: InjectionToken<ScSortableItem<unknown>>;
-declare class ScSortableItem<T> {
-    readonly list: ScSortableList<T>;
-    private readonly elementRef;
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly index: _angular_core.InputSignal<number>;
-    readonly item: _angular_core.InputSignal<T>;
-    protected readonly class: _angular_core.Signal<string>;
-    protected readonly canDrag: _angular_core.Signal<boolean>;
-    protected readonly isBeingDragged: _angular_core.Signal<boolean>;
-    protected readonly isDragOver: _angular_core.Signal<boolean>;
-    startDragFromHandle(): void;
-    onDragStart(event: DragEvent): void;
-    onDragEnd(event: DragEvent): void;
-    onDragOver(event: DragEvent): void;
-    onDragEnter(event: DragEvent): void;
-    onDragLeave(event: DragEvent): void;
-    onDrop(event: DragEvent): void;
-    onKeydown(event: KeyboardEvent): void;
-    private focusSelf;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSortableItem<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScSortableItem<any>, "[scSortableItem]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": true; "isSignal": true; }; "item": { "alias": "item"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class ScSortableHandle {
-    private readonly item;
-    private readonly list;
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    onDragStart(event: DragEvent): void;
-    onMouseDown(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSortableHandle, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScSortableHandle, "[scSortableHandle]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class ScSortableOverlay {
-    readonly list: ScSortableList<unknown>;
-    onDragOver(event: DragEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSortableOverlay, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScSortableOverlay, "[scSortableOverlay]", never, {}, {}, never, never, true, never>;
-}
-
 type SpeedDialDirection = 'up' | 'down' | 'left' | 'right';
 interface SpeedDialAction {
     id: string;
-    icon: string;
+    icon: Type<unknown>;
     label: string;
     disabled?: boolean;
     ariaLabel?: string;
@@ -3183,8 +2618,8 @@ declare class ScSpeedDial {
     private readonly destroyRef;
     readonly actions: _angular_core.InputSignal<SpeedDialAction[]>;
     readonly direction: _angular_core.InputSignal<SpeedDialDirection>;
-    readonly icon: _angular_core.InputSignal<string>;
-    readonly closeIcon: _angular_core.InputSignal<string>;
+    readonly icon: _angular_core.InputSignal<Type<unknown> | null>;
+    readonly closeIcon: _angular_core.InputSignal<Type<unknown> | null>;
     readonly label: _angular_core.InputSignal<string>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
     readonly showLabels: _angular_core.InputSignal<boolean>;
@@ -3213,7 +2648,7 @@ declare class ScSpeedDial {
 }
 
 declare class ScSpeedDialAction {
-    readonly icon: _angular_core.InputSignal<string>;
+    readonly icon: _angular_core.InputSignal<Type<unknown>>;
     readonly label: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
@@ -3537,65 +2972,6 @@ declare class ScTagInputCount {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScTagInputCount, "[scTagInputCount]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "showMax": { "alias": "showMax"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-type Theme = 'light' | 'dark' | 'system';
-declare class ScTheme {
-    private readonly storageKey;
-    private readonly darkMediaQuery;
-    readonly theme: _angular_core.WritableSignal<Theme>;
-    readonly resolvedTheme: _angular_core.Signal<"dark" | "light">;
-    readonly isDark: _angular_core.Signal<boolean>;
-    constructor();
-    setTheme(theme: Theme): void;
-    toggleTheme(): void;
-    private getStoredTheme;
-    private storeTheme;
-    private getSystemTheme;
-    private applyTheme;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScTheme, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ScTheme>;
-}
-
-type ThemeToggleVariant = 'default' | 'outline' | 'ghost';
-type ThemeToggleSize = 'default' | 'sm' | 'lg' | 'icon';
-declare class ScThemeToggle {
-    private readonly themeService;
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly variant: _angular_core.InputSignal<ThemeToggleVariant>;
-    readonly size: _angular_core.InputSignal<ThemeToggleSize>;
-    readonly isDark: _angular_core.Signal<boolean>;
-    protected readonly theme: _angular_core.WritableSignal<Theme>;
-    protected readonly class: _angular_core.Signal<string>;
-    protected readonly ariaLabel: _angular_core.Signal<"Switch to light theme" | "Switch to dark theme">;
-    protected toggle(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScThemeToggle, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScThemeToggle, "button[scThemeToggle]", ["scThemeToggle"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class ScThemeSelect {
-    private readonly themeService;
-    private readonly field;
-    private readonly fallbackId;
-    readonly idInput: _angular_core.InputSignal<string>;
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly id: _angular_core.Signal<string>;
-    protected readonly theme: _angular_core.WritableSignal<Theme>;
-    protected readonly class: _angular_core.Signal<string>;
-    protected onThemeChange(event: Event): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScThemeSelect, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScThemeSelect, "select[scThemeSelect]", never, { "idInput": { "alias": "id"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class ScThemeField {
-    private readonly elementRef;
-    readonly id: _angular_core.InputSignal<string>;
-    readonly descriptionIds: _angular_core.WritableSignal<string[]>;
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly role: _angular_core.Signal<"group" | null>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScThemeField, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScThemeField, "div[scThemeField], label[scThemeField]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
 declare class ScTimePickerClock {
     readonly timePicker: _semantic_components_ui.ScTimePicker;
     readonly classInput: _angular_core.InputSignal<string>;
@@ -3685,165 +3061,6 @@ declare class ScTimelineTime {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScTimelineTime, "[scTimelineTime]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-interface Timezone {
-    id: string;
-    label: string;
-    offset: string;
-    abbr: string;
-}
-interface TimezoneConfig {
-    /** List of available timezones. If not provided, uses a default list of common timezones. */
-    timezones?: Timezone[];
-    /** Default timezone ID. If not provided, uses the browser's timezone. */
-    defaultTimezone?: string;
-    /** Storage key for persisting timezone preference */
-    storageKey?: string;
-}
-declare const SC_TIMEZONE_CONFIG: InjectionToken<TimezoneConfig>;
-declare class ScTimezoneService {
-    private readonly config;
-    private readonly storageKey;
-    /** All available timezones */
-    readonly timezones: _angular_core.WritableSignal<Timezone[]>;
-    /** Current timezone ID */
-    readonly timezone: _angular_core.WritableSignal<string>;
-    /** Current timezone object */
-    readonly currentTimezone: _angular_core.Signal<Timezone>;
-    /** Current time formatted in the selected timezone */
-    readonly currentTimeFormatted: _angular_core.Signal<string>;
-    /**
-     * Set the timezone preference.
-     */
-    setTimezone(timezoneId: string): void;
-    /**
-     * Get the browser's current timezone.
-     */
-    getBrowserTimezone(): string;
-    /**
-     * Format a date in the specified timezone.
-     */
-    formatDate(date: Date, timezoneId?: string, options?: Intl.DateTimeFormatOptions): string;
-    /**
-     * Format a time in the specified timezone.
-     */
-    formatTime(timezoneId?: string, options?: Intl.DateTimeFormatOptions): string;
-    /**
-     * Format a datetime in the specified timezone.
-     */
-    formatDateTime(date: Date, timezoneId?: string, options?: Intl.DateTimeFormatOptions): string;
-    private detectCurrentTimezone;
-    private isValidTimezone;
-    private getStoredTimezone;
-    private storeTimezone;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScTimezoneService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ScTimezoneService>;
-}
-
-type TimezoneVariant = 'default' | 'outline' | 'ghost';
-type TimezoneSize = 'default' | 'sm' | 'lg' | 'icon';
-declare const variantStyles: Record<TimezoneVariant, string>;
-declare const sizeStyles: Record<TimezoneSize, string>;
-/**
- * Timezone display button - shows current timezone with a clock icon.
- * Useful for displaying the current timezone selection.
- *
- * @example
- * ```html
- * <button scTimezoneDisplay></button>
- * <button scTimezoneDisplay variant="outline" size="sm"></button>
- * ```
- */
-declare class ScTimezoneDisplay {
-    private readonly timezoneService;
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly variant: _angular_core.InputSignal<TimezoneVariant>;
-    readonly size: _angular_core.InputSignal<TimezoneSize>;
-    readonly iconOnly: _angular_core.InputSignal<boolean>;
-    readonly showOffset: _angular_core.InputSignal<boolean>;
-    protected readonly currentTimezone: _angular_core.Signal<_semantic_components_ui_lab.Timezone>;
-    protected readonly displayText: _angular_core.Signal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    protected readonly ariaLabel: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScTimezoneDisplay, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScTimezoneDisplay, "button[scTimezoneDisplay]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "showOffset": { "alias": "showOffset"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-/**
- * Timezone select dropdown - shows all available timezones.
- * Allows users to select their preferred timezone.
- *
- * @example
- * ```html
- * <sc-timezone-select></sc-timezone-select>
- * <sc-timezone-select [showOffset]="true"></sc-timezone-select>
- * ```
- */
-declare class ScTimezoneSelect {
-    private readonly timezoneService;
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly showOffset: _angular_core.InputSignal<boolean>;
-    readonly showAbbr: _angular_core.InputSignal<boolean>;
-    protected readonly currentTimezoneId: _angular_core.Signal<string>;
-    protected readonly timezones: _angular_core.WritableSignal<_semantic_components_ui_lab.Timezone[]>;
-    protected readonly class: _angular_core.Signal<string>;
-    protected formatOptionLabel(tz: {
-        id: string;
-        label: string;
-        offset: string;
-        abbr: string;
-    }): string;
-    protected onTimezoneChange(event: Event): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScTimezoneSelect, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScTimezoneSelect, "sc-timezone-select", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "showOffset": { "alias": "showOffset"; "required": false; "isSignal": true; }; "showAbbr": { "alias": "showAbbr"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-/**
- * Timezone button with label - shows timezone name with dropdown indicator.
- * Useful for integration with dropdown menus or custom popover selectors.
- *
- * @example
- * ```html
- * <button scTimezoneButton></button>
- * <button scTimezoneButton variant="outline"></button>
- * ```
- */
-declare class ScTimezoneButton {
-    private readonly timezoneService;
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly variant: _angular_core.InputSignal<TimezoneVariant>;
-    readonly size: _angular_core.InputSignal<TimezoneSize>;
-    readonly showOffset: _angular_core.InputSignal<boolean>;
-    protected readonly currentTimezone: _angular_core.Signal<_semantic_components_ui_lab.Timezone>;
-    protected readonly displayLabel: _angular_core.Signal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    protected readonly ariaLabel: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScTimezoneButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScTimezoneButton, "button[scTimezoneButton]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showOffset": { "alias": "showOffset"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-/**
- * Timezone badge - displays the current timezone as a compact badge.
- * Useful for showing timezone info in headers or status bars.
- *
- * @example
- * ```html
- * <span scTimezoneBadge></span>
- * <span scTimezoneBadge [showLabel]="true"></span>
- * ```
- */
-declare class ScTimezoneBadge {
-    private readonly timezoneService;
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly showIcon: _angular_core.InputSignal<boolean>;
-    readonly showLabel: _angular_core.InputSignal<boolean>;
-    readonly showOffset: _angular_core.InputSignal<boolean>;
-    protected readonly currentTimezone: _angular_core.Signal<_semantic_components_ui_lab.Timezone>;
-    protected readonly displayText: _angular_core.Signal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScTimezoneBadge, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScTimezoneBadge, "span[scTimezoneBadge]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showOffset": { "alias": "showOffset"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 interface TourStep {
     target: string;
     title: string;
@@ -3985,7 +3202,7 @@ declare class ScTree {
     readonly classInput: _angular_core.InputSignal<string>;
     protected readonly class: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScTree, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScTree, "ul[scTree]", ["scTree"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Tree; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScTree, "ul[scTree]", ["scTree"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$2.Tree; inputs: {}; outputs: {}; }]>;
 }
 
 declare class ScTreeItemTrigger {
@@ -4024,7 +3241,7 @@ declare class ScTreeItem {
     readonly hasChildren: _angular_core.Signal<boolean>;
     protected readonly class: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScTreeItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScTreeItem, "li[scTreeItem]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["groupContent"], ["*"], true, [{ directive: typeof i1.TreeItem; inputs: { "value": "value"; "parent": "parent"; "label": "label"; "disabled": "disabled"; "expanded": "expanded"; }; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScTreeItem, "li[scTreeItem]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["groupContent"], ["*"], true, [{ directive: typeof i1$2.TreeItem; inputs: { "value": "value"; "parent": "parent"; "label": "label"; "disabled": "disabled"; "expanded": "expanded"; }; outputs: {}; }]>;
 }
 
 declare class ScTreeItemIcon {
@@ -4221,48 +3438,6 @@ declare class ScVideoPlayerSpacer {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVideoPlayerSpacer, "div[scVideoPlayerSpacer]", never, {}, {}, never, never, true, never>;
 }
 
-interface VirtualListRange {
-    start: number;
-    end: number;
-}
-interface VirtualListItem<T = unknown> {
-    index: number;
-    data: T;
-}
-
-declare class ScVirtualList<T> {
-    private readonly destroyRef;
-    readonly containerRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
-    readonly itemTemplate: _angular_core.Signal<TemplateRef<{
-        $implicit: T;
-        index: number;
-    }>>;
-    readonly items: _angular_core.InputSignal<T[]>;
-    readonly itemHeight: _angular_core.InputSignal<number>;
-    readonly overscan: _angular_core.InputSignal<number>;
-    readonly height: _angular_core.InputSignal<string | number>;
-    readonly class: _angular_core.InputSignal<string>;
-    readonly trackByFn: _angular_core.InputSignal<(index: number, item: T) => unknown>;
-    readonly rangeChange: _angular_core.OutputEmitterRef<VirtualListRange>;
-    protected readonly scrollTop: _angular_core.WritableSignal<number>;
-    protected readonly containerHeight: _angular_core.Signal<string>;
-    protected readonly totalHeight: _angular_core.Signal<number>;
-    protected readonly visibleCount: _angular_core.Signal<number>;
-    protected readonly startIndex: _angular_core.Signal<number>;
-    protected readonly endIndex: _angular_core.Signal<number>;
-    protected readonly offsetY: _angular_core.Signal<number>;
-    protected readonly visibleItems: _angular_core.Signal<VirtualListItem<T>[]>;
-    protected readonly containerClass: _angular_core.Signal<string>;
-    constructor();
-    onScroll(): void;
-    private emitRange;
-    scrollToIndex(index: number, behavior?: ScrollBehavior): void;
-    scrollToTop(behavior?: ScrollBehavior): void;
-    scrollToBottom(behavior?: ScrollBehavior): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScVirtualList<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVirtualList<any>, "sc-virtual-list", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemHeight": { "alias": "itemHeight"; "required": false; "isSignal": true; }; "overscan": { "alias": "overscan"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "trackByFn": { "alias": "trackByFn"; "required": false; "isSignal": true; }; }, { "rangeChange": "rangeChange"; }, ["itemTemplate"], never, true, never>;
-}
-
 interface Language {
     code: string;
     label: string;
@@ -4400,5 +3575,5 @@ declare class ScButtonPattern {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScButtonPattern, "[scButtonPattern]", never, { "enabled": { "alias": "scButtonPattern"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { AuthLayout, CHART_COLORS, COUNTRIES, DEFAULT_BREAKPOINTS, DEFAULT_CONFETTI_OPTIONS, DEFAULT_CONFIG, DEFAULT_COUNTER_OPTIONS, DEFAULT_DOCK_OPTIONS, DEFAULT_TOOLBAR_CONFIG, SC_AUDIO_PLAYER, SC_CHART, SC_COLOR_PICKER, SC_DATA_TABLE, SC_IMAGE_COMPARE, SC_IMAGE_CROPPER, SC_LANGUAGE_CONFIG, SC_LIGHTBOX, SC_NOTIFICATION_CENTER, SC_NUMBER_FIELD, SC_PASSWORD_FIELD, SC_PDF_VIEWER, SC_SIGNATURE_PAD, SC_SORTABLE_ITEM, SC_SORTABLE_LIST, SC_STEPPER, SC_STEPPER_ITEM, SC_TAG_INPUT, SC_TIMEZONE_CONFIG, SC_TREE_ITEM, ScAnimatedCounter, ScAudioPlayer, ScAudioPlayerControls, ScAudioPlayerCover, ScAudioPlayerNext, ScAudioPlayerPlay, ScAudioPlayerPrevious, ScAudioPlayerProgress, ScAudioPlayerRepeat, ScAudioPlayerShuffle, ScAudioPlayerTrackInfo, ScAudioPlayerVolume, ScAutoMarquee, ScBarChart, ScBarcodeScanner, ScBarcodeScannerSimple, ScButtonPattern, ScChartContainer, ScChartLegend, ScChartTooltip, ScColorPicker, ScColorPickerArea, ScColorPickerEyeDropper, ScColorPickerHue, ScColorPickerInput, ScColorPickerPreview, ScColorPickerSwatches, ScConfetti, ScCountdown, ScCountdownSimple, ScDataTable, ScDataTableBody, ScDataTableCell, ScDataTableColumnToggle, ScDataTableFilter, ScDataTableHead, ScDataTableHeader, ScDataTablePagination, ScDataTableRow, ScDateRangePicker, ScDiffViewer, ScDock, ScDockBadge, ScDockItem, ScDockItems, ScDonutChart, ScEmojiPicker, ScEmojiPickerTrigger, ScImageAnnotator, ScImageCompare, ScImageCompareAfter, ScImageCompareArea, ScImageCompareBefore, ScImageCompareLabel, ScImageCompareSlider, ScImageCropper, ScImageCropperAspectRatio, ScImageCropperCanvas, ScImageCropperDragRegion, ScImageCropperFileInput, ScImageCropperFlipH, ScImageCropperFlipV, ScImageCropperGrid, ScImageCropperHandle, ScImageCropperImage, ScImageCropperOverlay, ScImageCropperPreview, ScImageCropperReset, ScImageCropperRotateLeft, ScImageCropperRotateRight, ScImageCropperSelection, ScImageCropperZoomIn, ScImageCropperZoomOut, ScImageCropperZoomSlider, ScInfiniteScroll, ScInfiniteScrollEnd, ScInfiniteScrollLoader, ScKanbanBoard, ScKanbanCard, ScKanbanColumn, ScLanguageButton, ScLanguageSelect, ScLanguageService, ScLanguageToggle, ScLightboxDirective as ScLightbox, ScLightboxContainer, ScLightboxDirective, ScLightboxGallery, ScLightboxTrigger, ScLineChart, ScMarquee, ScMarqueeClone, ScMarqueeFade, ScMarqueeItem, ScMarqueeText, ScMasonryGrid, ScMasonryItem, ScMentionInput, ScNativeCheckbox, ScNativeDialog, ScNativeDialogBody, ScNativeDialogClose, ScNativeDialogContent, ScNativeDialogDescription, ScNativeDialogFooter, ScNativeDialogHeader, ScNativeDialogProvider, ScNativeDialogTitle, ScNativeDialogTrigger, ScNavbar, ScNavbarActions, ScNavbarBrand, ScNavbarGroup, ScNavbarMobileLink, ScNavbarMobileMenu, ScNavbarMobilePortal, ScNavbarMobileTrigger, ScNavbarProvider, ScNotificationCenterDirective as ScNotificationCenter, ScNotificationCenterContainer, ScNotificationCenterDirective, ScNotificationGroup, ScNotificationItem, ScNumberField, ScNumberFieldDecrement, ScNumberFieldIncrement, ScNumberFieldInput, ScNumberFieldInputGroup, ScNumberFieldScrubArea, ScOrgChart, ScOrgChartNode, ScPasswordField, ScPasswordFieldInput, ScPasswordFieldInputGroup, ScPasswordFieldRequirements, ScPasswordFieldStrength, ScPasswordFieldStrengthBar, ScPasswordFieldToggle, ScPdfViewer, ScPdfViewerContainer, ScPdfViewerContent, ScPdfViewerDownload, ScPdfViewerEmpty, ScPdfViewerError, ScPdfViewerFullscreen, ScPdfViewerLoading, ScPdfViewerNav, ScPdfViewerNextPage, ScPdfViewerPageInfo, ScPdfViewerPrevPage, ScPdfViewerPrint, ScPdfViewerRetry, ScPdfViewerRoot, ScPdfViewerRotateLeft, ScPdfViewerRotateRight, ScPdfViewerSeparator, ScPdfViewerSpacer, ScPdfViewerToolbar$1 as ScPdfViewerToolbar, ScPdfViewerToolbar as ScPdfViewerToolbarLegacy, ScPdfViewerZoom, ScPdfViewerZoomIn, ScPdfViewerZoomOut, ScPdfViewerZoomSelect, ScPhoneInput, ScPhoneInputSimple, ScPieChart, ScQrCode, ScQrCodeDownload, ScSidebarLayout, ScSignaturePad, ScSignaturePadCanvas, ScSignaturePadClearButton, ScSignaturePadColorButton, ScSignaturePadControls, ScSignaturePadToolbar, ScSignaturePadUndoButton, ScSignaturePadWidthButton, ScSortableHandle, ScSortableItem, ScSortableList, ScSortableOverlay, ScSpeedDial, ScSpeedDialAction, ScSpotlight, ScSpotlightActions, ScSpotlightDescription, ScSpotlightTitle, ScStackedLayout, ScStatCard, ScStatCardChange, ScStatCardDescription, ScStatCardIcon, ScStatCardLabel, ScStatCardValue, ScStepper, ScStepperContent, ScStepperDescription, ScStepperItem, ScStepperList, ScStepperNext, ScStepperPrevious, ScStepperSeparator, ScStepperTitle, ScStepperTrigger, ScTagInput, ScTagInputClear, ScTagInputCount, ScTagInputField, ScTagInputTag, ScTheme, ScThemeField, ScThemeSelect, ScThemeToggle, ScTimePickerClock, ScTimeline, ScTimelineConnector, ScTimelineContent, ScTimelineDescription, ScTimelineDot, ScTimelineItem, ScTimelineTime, ScTimelineTitle, ScTimezoneBadge, ScTimezoneButton, ScTimezoneDisplay, ScTimezoneSelect, ScTimezoneService, ScTourGuide, ScTransferList, ScTree, ScTreeItem, ScTreeItemGroup, ScTreeItemIcon, ScTreeItemTrigger, ScTreeItemTriggerIcon, ScVideoPlayer, ScVideoPlayerBigPlay, ScVideoPlayerBufferingIndicator, ScVideoPlayerControls, ScVideoPlayerFullscreen, ScVideoPlayerPip, ScVideoPlayerPlayPause, ScVideoPlayerProgress, ScVideoPlayerSkip, ScVideoPlayerSpacer, ScVideoPlayerSpeed, ScVideoPlayerTime, ScVideoPlayerToolbar, ScVideoPlayerVideo, ScVideoPlayerVolume, ScVirtualList, ScVirtualScroll, TourService, ZOOM_LEVELS, computeDiff, computeWordDiff, createScDateRangePresets, createUnifiedDiff, getCountryByCode, getCountryByDialCode, sizeStyles, variantStyles };
-export type { AnimatedCounterEasing, AnimatedCounterOptions, Annotation, AnnotationPoint, AnnotationTool, BarcodeFormat, BarcodeResult, ChartConfig, ChartDataPoint, ColumnDef, ColumnVisibilityState, ConfettiOptions, ConfettiParticle, ConfettiShape, CountdownTime, Country, DiffLine, DiffOptions, DiffResult, DiffViewMode, DockItem, DockOptions, DockPosition, DockSize, Emoji, EmojiCategory, HSL, HSV, ImageAnnotatorState, KanbanAssignee, KanbanCard, KanbanCardAddEvent, KanbanCardDeleteEvent, KanbanColumn, KanbanDragEvent, KanbanLabel, Language, LanguageConfig, LightboxImage, MasonryBreakpoint, MasonryConfig, MasonryLayoutMode, MentionUser, Notification, NotificationAction, NotificationActionEvent, NotificationDismissEvent, NotificationFilter, NotificationGroup, NotificationGroupCollapseEvent, NotificationMarkReadEvent, NotificationType, OrgChartDirection, OrgChartNode, OrgChartNodeClickEvent, OrgChartNodeExpandEvent, PdfErrorEvent, PdfLoadEvent, PdfPageChangeEvent, PdfToolbarConfig, PdfZoomChangeEvent, PdfZoomLevel, QRErrorCorrectionLevel, RGB, ScAudioTrack, ScDateRangePreset, ScImageCropperArea, ScImageCropperHandlePosition, ScImageCropperResult, ScNotificationCenter as ScNotificationCenterType, ScPasswordFieldContext, ScPasswordRequirement, ScSignatureLine, ScSignaturePoint, ScVideoSource, ScVideoTrack, SortDirection, SortableEvent, SortingState, SpeedDialAction, SpeedDialActionClickEvent, SpeedDialDirection, SpotlightOptions, StatCardSize, StatCardTrend, StatCardVariant, StepperOrientation, Theme, ThemeToggleSize, ThemeToggleVariant, Timezone, TimezoneConfig, TimezoneSize, TimezoneVariant, TourOptions, TourStep, TransferListItem, TransferListState, VirtualListItem, VirtualListRange };
+export { AuthLayout, DEFAULT_BREAKPOINTS, DEFAULT_CATEGORIES, DEFAULT_CONFIG, DEFAULT_COUNTER_OPTIONS, DEFAULT_DOCK_OPTIONS, DEFAULT_TOOLBAR_CONFIG, SC_AUDIO_PLAYER, SC_BARCODE_SCANNER, SC_COLOR_PICKER, SC_COUNTDOWN, SC_DATA_TABLE, SC_IMAGE_COMPARE, SC_IMAGE_CROPPER, SC_INFINITE_SCROLL, SC_KANBAN_BOARD, SC_LANGUAGE_CONFIG, SC_LIGHTBOX_PROVIDER, SC_NOTIFICATION_CENTER, SC_PDF_VIEWER, SC_SIGNATURE_PAD, SC_STEPPER, SC_STEPPER_ITEM, SC_TAG_INPUT, SC_TREE_ITEM, ScAnimatedCounter, ScAudioPlayer, ScAudioPlayerControls, ScAudioPlayerCover, ScAudioPlayerNext, ScAudioPlayerPlay, ScAudioPlayerPrevious, ScAudioPlayerProgress, ScAudioPlayerRepeat, ScAudioPlayerShuffle, ScAudioPlayerTrackInfo, ScAudioPlayerVolume, ScBarcodeScanner, ScBarcodeVideo, ScButtonPattern, ScColorPicker, ScColorPickerArea, ScColorPickerEyeDropper, ScColorPickerHue, ScColorPickerInput, ScColorPickerPreview, ScColorPickerSwatches, ScCountdown, ScDataTable, ScDataTableBody, ScDataTableCell, ScDataTableColumnToggle, ScDataTableFilter, ScDataTableHead, ScDataTableHeader, ScDataTablePagination, ScDataTableRow, ScDateRangePicker, ScDiffViewer, ScDock, ScDockBadge, ScDockItem, ScDockItems, ScEmojiPicker, ScEmojiPickerCategoryTabs, ScEmojiPickerEmpty, ScEmojiPickerGrid, ScEmojiPickerItem, ScEmojiPickerRecent, ScEmojiPickerSearch, ScEmojiPickerState, ScEmojiPickerTrigger, ScImageAnnotator, ScImageCompare, ScImageCompareAfter, ScImageCompareArea, ScImageCompareBefore, ScImageCompareLabel, ScImageCompareSlider, ScImageCropper, ScImageCropperAspectRatio, ScImageCropperCanvas, ScImageCropperDragRegion, ScImageCropperFileInput, ScImageCropperFlipH, ScImageCropperFlipV, ScImageCropperGrid, ScImageCropperHandle, ScImageCropperImage, ScImageCropperOverlay, ScImageCropperPreview, ScImageCropperReset, ScImageCropperRotateLeft, ScImageCropperRotateRight, ScImageCropperSelection, ScImageCropperZoomIn, ScImageCropperZoomOut, ScImageCropperZoomSlider, ScInfiniteScroll, ScInfiniteScrollEnd, ScInfiniteScrollLoader, ScKanbanBoard, ScKanbanCard, ScKanbanColumn, ScLanguageButton, ScLanguageSelect, ScLanguageService, ScLanguageToggle, ScLightbox, ScLightboxClose, ScLightboxCounter, ScLightboxGallery, ScLightboxGalleryItem, ScLightboxImage, ScLightboxNext, ScLightboxPortal, ScLightboxPrev, ScLightboxProvider, ScLightboxThumbnail, ScLightboxThumbnailBar, ScLightboxToolbar, ScLightboxTrigger, ScLightboxZoomControls, ScLightboxZoomIn, ScLightboxZoomOut, ScLightboxZoomReset, ScMarquee, ScMarqueeContent, ScMarqueeFade, ScMarqueeItem, ScMarqueeText, ScMasonryGrid, ScMasonryItem, ScMentionInput, ScNativeDialog, ScNativeDialogBody, ScNativeDialogClose, ScNativeDialogContent, ScNativeDialogDescription, ScNativeDialogFooter, ScNativeDialogHeader, ScNativeDialogProvider, ScNativeDialogTitle, ScNativeDialogTrigger, ScNavbar, ScNavbarActions, ScNavbarBrand, ScNavbarGroup, ScNavbarMobileLink, ScNavbarMobileMenu, ScNavbarMobilePortal, ScNavbarMobileTrigger, ScNavbarProvider, ScNotificationCenter, ScNotificationCenterContainer, ScNotificationGroup, ScNotificationItem, ScOrgChart, ScOrgChartNode, ScPdfViewer, ScPdfViewerContainer, ScPdfViewerContent, ScPdfViewerDownload, ScPdfViewerEmpty, ScPdfViewerError, ScPdfViewerFullscreen, ScPdfViewerLoading, ScPdfViewerNav, ScPdfViewerNextPage, ScPdfViewerPageInfo, ScPdfViewerPrevPage, ScPdfViewerPrint, ScPdfViewerRetry, ScPdfViewerRoot, ScPdfViewerRotateLeft, ScPdfViewerRotateRight, ScPdfViewerSeparator, ScPdfViewerSpacer, ScPdfViewerToolbar$1 as ScPdfViewerToolbar, ScPdfViewerToolbar as ScPdfViewerToolbarLegacy, ScPdfViewerZoom, ScPdfViewerZoomIn, ScPdfViewerZoomOut, ScPdfViewerZoomSelect, ScQrCode, ScQrCodeDownload, ScSidebarLayout, ScSignaturePad, ScSignaturePadCanvas, ScSignaturePadClearButton, ScSignaturePadColorButton, ScSignaturePadControls, ScSignaturePadToolbar, ScSignaturePadUndoButton, ScSignaturePadWidthButton, ScSpeedDial, ScSpeedDialAction, ScSpotlight, ScSpotlightActions, ScSpotlightDescription, ScSpotlightTitle, ScStackedLayout, ScStatCard, ScStatCardChange, ScStatCardDescription, ScStatCardIcon, ScStatCardLabel, ScStatCardValue, ScStepper, ScStepperContent, ScStepperDescription, ScStepperItem, ScStepperList, ScStepperNext, ScStepperPrevious, ScStepperSeparator, ScStepperTitle, ScStepperTrigger, ScTagInput, ScTagInputClear, ScTagInputCount, ScTagInputField, ScTagInputTag, ScTimePickerClock, ScTimeline, ScTimelineConnector, ScTimelineContent, ScTimelineDescription, ScTimelineDot, ScTimelineItem, ScTimelineTime, ScTimelineTitle, ScTourGuide, ScTransferList, ScTree, ScTreeItem, ScTreeItemGroup, ScTreeItemIcon, ScTreeItemTrigger, ScTreeItemTriggerIcon, ScVideoPlayer, ScVideoPlayerBigPlay, ScVideoPlayerBufferingIndicator, ScVideoPlayerControls, ScVideoPlayerFullscreen, ScVideoPlayerPip, ScVideoPlayerPlayPause, ScVideoPlayerProgress, ScVideoPlayerSkip, ScVideoPlayerSpacer, ScVideoPlayerSpeed, ScVideoPlayerTime, ScVideoPlayerToolbar, ScVideoPlayerVideo, ScVideoPlayerVolume, TourService, ZOOM_LEVELS, computeDiff, computeWordDiff, createScDateRangePresets, createUnifiedDiff };
+export type { AnimatedCounterEasing, AnimatedCounterOptions, Annotation, AnnotationPoint, AnnotationTool, BarcodeFormat, BarcodeResult, ColumnDef, ColumnVisibilityState, CountdownTime, DiffLine, DiffOptions, DiffResult, DiffViewMode, DockItem, DockOptions, DockPosition, DockSize, Emoji, EmojiCategory, HSL, HSV, ImageAnnotatorState, KanbanAssignee, KanbanCard, KanbanCardAddEvent, KanbanCardDeleteEvent, KanbanColumn, KanbanDragEvent, KanbanLabel, Language, LanguageConfig, MasonryBreakpoint, MasonryConfig, MasonryLayoutMode, MentionUser, Notification, NotificationAction, NotificationActionEvent, NotificationDismissEvent, NotificationFilter, NotificationGroup, NotificationGroupCollapseEvent, NotificationMarkReadEvent, NotificationType, OrgChartDirection, OrgChartNode, OrgChartNodeClickEvent, OrgChartNodeExpandEvent, PdfErrorEvent, PdfLoadEvent, PdfPageChangeEvent, PdfToolbarConfig, PdfZoomChangeEvent, PdfZoomLevel, QRErrorCorrectionLevel, RGB, ScAudioTrack, ScDateRangePreset, ScImageCropperArea, ScImageCropperHandlePosition, ScImageCropperResult, ScLightboxImageData, ScNotificationCenterApi, ScSignatureLine, ScSignaturePoint, ScVideoSource, ScVideoTrack, SortDirection, SortingState, SpeedDialAction, SpeedDialActionClickEvent, SpeedDialDirection, SpotlightOptions, StatCardSize, StatCardTrend, StatCardVariant, StepperOrientation, TourOptions, TourStep, TransferListItem, TransferListState };