@quinnjr/ngx-tailwindcss 1.0.1 → 1.1.0

package/types/quinnjr-ngx-tailwindcss.d.ts

@@ -150,7 +150,7 @@ declare function withTwConfig(config: Partial<TwConfig>): Provider;
  * @example
  * ```typescript
  * // In app.config.ts
- * import { provideTwTheme, createTheme } from '@pegasus-heavy/ngx-tailwindcss';
+ * import { provideTwTheme, createTheme } from '@quinnjr/ngx-tailwindcss';
  *
  * const customTheme = createTheme({
  *   colors: {
@@ -298,7 +298,7 @@ declare const THEME_CSS_CLASSES: {
     readonly bgSurface: "bg-[var(--tw-color-surface)]";
     readonly bgSurfaceAlt: "bg-[var(--tw-color-surface-alt)]";
     readonly bgBackground: "bg-[var(--tw-color-background)]";
-    readonly textPrimary: "text-[var(--tw-color-text)]";
+    readonly textPrimary: "text-[var(--tw-color-text-primary)]";
     readonly textSecondary: "text-[var(--tw-color-text-secondary)]";
     readonly textMuted: "text-[var(--tw-color-text-muted)]";
     readonly textInverse: "text-[var(--tw-color-text-inverse)]";
@@ -406,7 +406,7 @@ declare class TwThemeService {
  * @example
  * ```typescript
  * // In app.config.ts
- * import { provideTwTheme, createTheme } from '@pegasus-heavy/ngx-tailwindcss';
+ * import { provideTwTheme, createTheme } from '@quinnjr/ngx-tailwindcss';
  *
  * const myTheme = createTheme({
  *   colors: {
@@ -854,6 +854,8 @@ type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
 declare class TwTooltipDirective implements OnDestroy, OnChanges {
     private readonly el;
     private readonly renderer;
+    private readonly platformId;
+    private readonly tooltipId;
     /** The tooltip text content */
     content: string;
     /** Position of the tooltip relative to the host element */
@@ -873,6 +875,8 @@ declare class TwTooltipDirective implements OnDestroy, OnChanges {
     private hideTimeout;
     private isVisible;
     ngOnChanges(changes: SimpleChanges): void;
+    private readonly escapeHandler;
+    private readonly repositionHandler;
     show(): void;
     hide(): void;
     private createTooltip;
@@ -910,6 +914,7 @@ declare class TwTooltipDirective implements OnDestroy, OnChanges {
 declare class TwClickOutsideDirective implements OnInit, OnDestroy {
     private readonly el;
     private readonly ngZone;
+    private readonly platformId;
     /** Event emitted when a click occurs outside the element */
     clickOutside: EventEmitter<MouseEvent>;
     /** Whether the click outside detection is enabled */
@@ -949,9 +954,10 @@ declare class TwClickOutsideDirective implements OnInit, OnDestroy {
  * </div>
  * ```
  */
-declare class TwFocusTrapDirective implements OnInit, AfterViewInit, OnDestroy {
+declare class TwFocusTrapDirective implements OnInit, AfterViewInit, OnChanges, OnDestroy {
     private readonly el;
     private readonly ngZone;
+    private readonly platformId;
     /** Whether the focus trap is active */
     enabled: boolean;
     /** Whether to auto-focus the first focusable element when the trap is initialized */
@@ -962,10 +968,19 @@ declare class TwFocusTrapDirective implements OnInit, AfterViewInit, OnDestroy {
     focusTrapInitialFocus: string;
     private keydownHandler;
     private previouslyFocusedElement;
+    private viewInitialized;
     ngOnInit(): void;
     ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private activateTrap;
+    private deactivateTrap;
     private setupTrap;
-    private getFocusableElements;
+    private isFocusVisible;
+    /**
+     * Find only the first and last visible focusable elements, short-circuiting
+     * from both ends to avoid forcing a reflow for every candidate on each Tab.
+     */
+    private getFocusBoundaries;
     private focusInitial;
     /** Manually focus the first focusable element */
     focusFirst(): void;
@@ -1045,8 +1060,9 @@ declare class TwVariantDirective implements OnChanges {
  * <input [twAutoFocus]="shouldFocus" />
  * ```
  */
-declare class TwAutoFocusDirective implements AfterViewInit {
+declare class TwAutoFocusDirective implements AfterViewInit, OnChanges {
     private readonly el;
+    private viewInitialized;
     constructor();
     /** Whether auto-focus is enabled */
     autoFocusEnabled: boolean;
@@ -1057,6 +1073,8 @@ declare class TwAutoFocusDirective implements AfterViewInit {
     /** Whether to scroll element into view */
     autoFocusScroll: boolean;
     ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private scheduleFocus;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwAutoFocusDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwAutoFocusDirective, "[twAutoFocus]", never, { "autoFocusEnabled": { "alias": "twAutoFocus"; "required": false; }; "autoFocusDelay": { "alias": "autoFocusDelay"; "required": false; }; "autoFocusSelect": { "alias": "autoFocusSelect"; "required": false; }; "autoFocusScroll": { "alias": "autoFocusScroll"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_autoFocusEnabled: unknown;
@@ -1081,10 +1099,11 @@ interface InViewEvent {
  * <div twInView [inViewOnce]="true" (enterView)="loadOnce()">Load once when visible</div>
  * ```
  */
-declare class TwInViewDirective implements OnInit, OnDestroy {
+declare class TwInViewDirective implements OnInit, OnChanges, OnDestroy {
     private readonly el;
     constructor();
     private observer;
+    private initialized;
     /** Root margin for intersection observer (CSS margin syntax) */
     inViewRootMargin: string;
     /** Threshold(s) for triggering - 0 to 1, or array of values */
@@ -1100,6 +1119,9 @@ declare class TwInViewDirective implements OnInit, OnDestroy {
     /** Emits when element leaves the viewport */
     leaveView: EventEmitter<InViewEvent>;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private setupObserver;
+    private disconnectObserver;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwInViewDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwInViewDirective, "[twInView]", never, { "inViewRootMargin": { "alias": "inViewRootMargin"; "required": false; }; "inViewThreshold": { "alias": "inViewThreshold"; "required": false; }; "inViewOnce": { "alias": "inViewOnce"; "required": false; }; "inViewDisabled": { "alias": "inViewDisabled"; "required": false; }; }, { "inView": "inView"; "enterView": "enterView"; "leaveView": "leaveView"; }, never, never, true, never>;
@@ -1130,6 +1152,7 @@ declare class TwLongPressDirective implements OnInit, OnDestroy {
     private startTime;
     private startX;
     private startY;
+    private longPressFired;
     /** Duration in ms to trigger long press (default: 500ms) */
     longPressDuration: number;
     /** Maximum movement allowed during press (default: 10px) */
@@ -1160,7 +1183,8 @@ declare class TwLongPressDirective implements OnInit, OnDestroy {
 }
 
 /**
- * Directive to debounce click events, preventing accidental double-clicks
+ * Directive to prevent accidental double-clicks: the first click emits
+ * immediately and any further clicks within the interval are ignored
  *
  * @example
  * ```html
@@ -1171,7 +1195,7 @@ declare class TwLongPressDirective implements OnInit, OnDestroy {
 declare class TwDebounceClickDirective implements OnInit, OnDestroy {
     private readonly clicks;
     private subscription;
-    /** Debounce time in milliseconds (default: 300ms) */
+    /** Interval in milliseconds during which repeat clicks are ignored (default: 300ms) */
     debounceTime: number;
     /** Disable debouncing */
     debounceDisabled: boolean;
@@ -1235,6 +1259,8 @@ interface KeyboardShortcutEvent {
 declare class TwKeyboardShortcutDirective implements OnInit, OnDestroy {
     private readonly ngZone;
     private readonly platformId;
+    private readonly el;
+    private listenTarget;
     constructor();
     /** Keyboard shortcut string (e.g., "ctrl+s", "ctrl+shift+p", "escape") */
     twKeyboardShortcut: string;
@@ -1331,13 +1357,14 @@ interface ResizeEvent {
  * <div twResizeObserver [resizeDebounce]="100" (resize)="onResize($event)">Debounced resize</div>
  * ```
  */
-declare class TwResizeObserverDirective implements OnInit, OnDestroy {
+declare class TwResizeObserverDirective implements OnInit, OnChanges, OnDestroy {
     private readonly el;
     private readonly ngZone;
     constructor();
     private observer;
     private readonly resizeSubject;
     private subscription;
+    private initialized;
     /** Debounce time in milliseconds (default: 0 = no debounce) */
     resizeDebounce: number;
     /** Disable the observer */
@@ -1345,6 +1372,9 @@ declare class TwResizeObserverDirective implements OnInit, OnDestroy {
     /** Emits when element size changes */
     resize: EventEmitter<ResizeEvent>;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private setupObserver;
+    private teardownObserver;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwResizeObserverDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwResizeObserverDirective, "[twResizeObserver]", never, { "resizeDebounce": { "alias": "resizeDebounce"; "required": false; }; "resizeDisabled": { "alias": "resizeDisabled"; "required": false; }; }, { "resize": "resize"; }, never, never, true, never>;
@@ -1371,6 +1401,7 @@ declare class TwLazyImageDirective implements OnInit, OnDestroy {
     private readonly renderer;
     constructor();
     private observer;
+    private removeNativeListeners;
     /** The image source to lazy load */
     twLazyImage: string;
     /** Placeholder image to show before loading */
@@ -1389,6 +1420,8 @@ declare class TwLazyImageDirective implements OnInit, OnDestroy {
     lazyLoaded: EventEmitter<LazyImageEvent>;
     ngOnInit(): void;
     private loadImage;
+    private loadImageNatively;
+    private applyLoadedClasses;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwLazyImageDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwLazyImageDirective, "img[twLazyImage]", never, { "twLazyImage": { "alias": "twLazyImage"; "required": true; }; "lazyPlaceholder": { "alias": "lazyPlaceholder"; "required": false; }; "lazyLoadingClass": { "alias": "lazyLoadingClass"; "required": false; }; "lazyLoadedClass": { "alias": "lazyLoadedClass"; "required": false; }; "lazyRootMargin": { "alias": "lazyRootMargin"; "required": false; }; "lazyDisabled": { "alias": "lazyDisabled"; "required": false; }; "lazyNative": { "alias": "lazyNative"; "required": false; }; }, { "lazyLoaded": "lazyLoaded"; }, never, never, true, never>;
@@ -1407,6 +1440,7 @@ declare class TwLazyImageDirective implements OnInit, OnDestroy {
  * ```
  */
 declare class TwScrollToDirective {
+    private readonly platformId;
     /** Target selector or element ID */
     twScrollTo: string;
     /** Offset from the top in pixels (useful for fixed headers) */
@@ -1424,7 +1458,8 @@ declare class TwScrollToDirective {
     static ngAcceptInputType_scrollDisabled: unknown;
 }
 /**
- * Directive to mark scroll target sections for scroll spy
+ * Directive that exposes the section's viewport position (via `getPosition()`)
+ * for a caller-implemented scroll spy
  *
  * @example
  * ```html
@@ -1522,8 +1557,9 @@ declare class TwTrapScrollDirective implements OnInit, OnDestroy {
  */
 declare class TwSrOnlyDirective {
     set twSrOnly(value: boolean);
-    focusable: boolean;
+    set focusable(value: boolean);
     private readonly _enabled;
+    private readonly _focusable;
     protected srOnlyClasses: _angular_core.Signal<"" | "sr-only focus:not-sr-only focus:absolute focus:z-50 focus:p-2 focus:bg-white focus:text-slate-900 focus:border focus:border-slate-300 focus:rounded" | "sr-only">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwSrOnlyDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwSrOnlyDirective, "[twSrOnly]", never, { "twSrOnly": { "alias": "twSrOnly"; "required": false; }; "focusable": { "alias": "focusable"; "required": false; }; }, {}, never, never, true, never>;
@@ -1533,12 +1569,11 @@ declare class TwSrOnlyDirective {
 /**
  * Directive to announce content changes to screen readers.
  */
-declare class TwAnnounceDirective implements OnDestroy {
+declare class TwAnnounceDirective {
     private readonly ariaService;
     private previousMessage;
     set twAnnounce(message: string);
     announceAssertive: boolean;
-    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwAnnounceDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwAnnounceDirective, "[twAnnounce]", never, { "twAnnounce": { "alias": "twAnnounce"; "required": false; }; "announceAssertive": { "alias": "announceAssertive"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_announceAssertive: unknown;
@@ -1592,6 +1627,8 @@ declare class TwAriaPressedDirective {
 declare class TwAriaDisabledDirective {
     private readonly elementRef;
     private readonly renderer;
+    private originalTabindex;
+    private isDisabled;
     set twAriaDisabled(value: boolean);
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwAriaDisabledDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwAriaDisabledDirective, "[twAriaDisabled]", never, { "twAriaDisabled": { "alias": "twAriaDisabled"; "required": false; }; }, {}, never, never, true, never>;
@@ -1798,6 +1835,8 @@ declare class TwButtonComponent {
     focus(): void;
     /** Programmatically blur the button */
     blur(): void;
+    /** Keyboard activation (Enter/Space) for the role="button" host element */
+    protected onHostKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwButtonComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwButtonComponent, "tw-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; "ripple": { "alias": "ripple"; "required": false; }; "rippleColor": { "alias": "rippleColor"; "required": false; }; "classOverride": { "alias": "classOverride"; "required": false; }; "classReplace": { "alias": "classReplace"; "required": false; }; }, {}, never, ["[twButtonIcon], [slot=icon]", "*", "[twButtonIconEnd], [slot=icon-end]"], true, [{ directive: typeof TwRippleDirective; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_disabled: unknown;
@@ -1827,6 +1866,7 @@ declare class TwLabelDirective {
     class: string;
     required: boolean;
     get hostClass(): string;
+    get ariaRequired(): 'true' | null;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwLabelDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwLabelDirective, "tw-label, [twLabel]", never, { "class": { "alias": "class"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_required: unknown;
@@ -1889,59 +1929,61 @@ declare class TwInputComponent implements ControlValueAccessor {
     private readonly elementRef;
     inputElement: ElementRef<HTMLInputElement>;
     /** Input type */
-    type: string;
+    readonly type: _angular_core.InputSignal<string>;
     /** Visual variant */
-    variant: InputVariant;
+    readonly variant: _angular_core.InputSignal<InputVariant>;
     /** Size of the input */
-    size: InputSize;
+    readonly size: _angular_core.InputSignal<InputSize>;
     /** Label text */
-    label: string;
+    readonly label: _angular_core.InputSignal<string>;
     /** Placeholder text */
-    placeholder: string;
+    readonly placeholder: _angular_core.InputSignal<string>;
     /** Hint/helper text */
-    hint: string;
+    readonly hint: _angular_core.InputSignal<string>;
     /** Error message */
-    error: string;
+    readonly error: _angular_core.InputSignal<string>;
     /** Whether the field is disabled */
-    disabled: boolean;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether the field is readonly */
-    readonly: boolean;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether the field is required */
-    required: boolean;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether to show a clear button */
-    clearable: boolean;
+    readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Unique ID for the input (auto-generated if not provided) */
-    inputId: string;
+    readonly inputId: _angular_core.InputSignal<string>;
     /** Autocomplete attribute */
-    autocomplete: string;
+    readonly autocomplete: _angular_core.InputSignal<string>;
     /** Input mode for virtual keyboards */
-    inputmode: string;
+    readonly inputmode: _angular_core.InputSignal<string>;
     /** Validation pattern */
-    pattern: string;
+    readonly pattern: _angular_core.InputSignal<string>;
     /** Minimum value (for number/date inputs) */
-    min: string;
+    readonly min: _angular_core.InputSignal<string>;
     /** Maximum value (for number/date inputs) */
-    max: string;
+    readonly max: _angular_core.InputSignal<string>;
     /** Minimum length */
-    minlength: number | null;
+    readonly minlength: _angular_core.InputSignal<number | null>;
     /** Maximum length */
-    maxlength: number | null;
+    readonly maxlength: _angular_core.InputSignal<number | null>;
     /** Step value (for number inputs) */
-    step: string;
+    readonly step: _angular_core.InputSignal<string>;
     /** IDs of elements that describe this input */
-    describedBy: string;
+    readonly describedBy: _angular_core.InputSignal<string>;
     /** Additional classes to merge */
-    classOverride: string;
+    readonly classOverride: _angular_core.InputSignal<string>;
     /** Focus event */
-    onFocus: EventEmitter<FocusEvent>;
+    readonly onFocus: _angular_core.OutputEmitterRef<FocusEvent>;
     /** Clear event */
-    onClear: EventEmitter<void>;
-    protected value: string;
+    readonly onClear: _angular_core.OutputEmitterRef<void>;
+    protected readonly value: _angular_core.WritableSignal<string>;
+    protected readonly _disabled: _angular_core.WritableSignal<boolean>;
     private onChange;
     private onTouched;
-    get hasError(): boolean;
-    protected wrapperClasses: _angular_core.Signal<string>;
-    protected computedClasses: _angular_core.Signal<string>;
+    constructor();
+    protected readonly hasError: _angular_core.Signal<boolean>;
+    protected readonly wrapperClasses: _angular_core.Signal<string>;
+    protected readonly computedClasses: _angular_core.Signal<string>;
     writeValue(value: string): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -1954,39 +1996,38 @@ declare class TwInputComponent implements ControlValueAccessor {
     /** Select all text in the input */
     select(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwInputComponent, "tw-input", never, { "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "step": { "alias": "step"; "required": false; }; "describedBy": { "alias": "describedBy"; "required": false; }; "classOverride": { "alias": "classOverride"; "required": false; }; }, { "onFocus": "onFocus"; "onClear": "onClear"; }, never, ["[twInputPrefix]", "[twInputSuffix]", "tw-hint, [twHint], tw-error, [twError]"], true, never>;
-    static ngAcceptInputType_disabled: unknown;
-    static ngAcceptInputType_readonly: unknown;
-    static ngAcceptInputType_required: unknown;
-    static ngAcceptInputType_clearable: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwInputComponent, "tw-input", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "describedBy": { "alias": "describedBy"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "onFocus": "onFocus"; "onClear": "onClear"; }, never, ["[twInputPrefix]", "[twInputSuffix]", "tw-hint, [twHint], tw-error, [twError]"], true, never>;
 }
 /**
- * Textarea component with the same API as tw-input
+ * Textarea component with a subset of the tw-input API
+ * (no type/clearable/pattern/min/max/step/prefix/suffix)
  */
 declare class TwTextareaComponent implements ControlValueAccessor {
     private readonly twClass;
     textareaElement: ElementRef<HTMLTextAreaElement>;
-    variant: InputVariant;
-    size: InputSize;
-    label: string;
-    placeholder: string;
-    hint: string;
-    error: string;
-    disabled: boolean;
-    readonly: boolean;
-    required: boolean;
-    showCount: boolean;
-    inputId: string;
-    rows: number;
-    minlength: number | null;
-    maxlength: number | null;
-    classOverride: string;
-    autoResize: boolean;
-    protected value: string;
+    readonly variant: _angular_core.InputSignal<InputVariant>;
+    readonly size: _angular_core.InputSignal<InputSize>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly error: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showCount: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly inputId: _angular_core.InputSignal<string>;
+    readonly rows: _angular_core.InputSignal<number>;
+    readonly minlength: _angular_core.InputSignal<number | null>;
+    readonly maxlength: _angular_core.InputSignal<number | null>;
+    readonly classOverride: _angular_core.InputSignal<string>;
+    readonly autoResize: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly value: _angular_core.WritableSignal<string>;
+    protected readonly _disabled: _angular_core.WritableSignal<boolean>;
     private onChange;
     private onTouched;
-    get hasError(): boolean;
-    protected computedClasses: _angular_core.Signal<string>;
+    constructor();
+    protected readonly hasError: _angular_core.Signal<boolean>;
+    protected readonly computedClasses: _angular_core.Signal<string>;
     writeValue(value: string): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -1996,12 +2037,7 @@ declare class TwTextareaComponent implements ControlValueAccessor {
     private adjustHeight;
     focus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwTextareaComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwTextareaComponent, "tw-textarea", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showCount": { "alias": "showCount"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "classOverride": { "alias": "classOverride"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_disabled: unknown;
-    static ngAcceptInputType_readonly: unknown;
-    static ngAcceptInputType_required: unknown;
-    static ngAcceptInputType_showCount: unknown;
-    static ngAcceptInputType_autoResize: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwTextareaComponent, "tw-textarea", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showCount": { "alias": "showCount"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; "autoResize": { "alias": "autoResize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare const TW_INPUT_COMPONENTS: readonly [typeof TwInputComponent, typeof TwTextareaComponent, typeof TwLabelDirective, typeof TwHintDirective, typeof TwErrorDirective, typeof TwInputAffixDirective];
@@ -2034,16 +2070,18 @@ declare class TwCheckboxComponent implements ControlValueAccessor {
         value: any;
     }>;
     protected readonly checked: _angular_core.WritableSignal<boolean>;
+    /** Disabled state set through the forms API (setDisabledState) */
     private readonly _disabled;
+    /** Effective disabled state: the `disabled` input OR the forms API state */
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
     private onChangeFn;
     private onTouchedFn;
-    constructor();
     protected readonly labelContainerClasses: _angular_core.Signal<string>;
     protected readonly checkboxClasses: _angular_core.Signal<string>;
     protected readonly labelTextClasses: _angular_core.Signal<string>;
     onCheckboxChange(event: Event): void;
     onInputBlur(event: FocusEvent): void;
-    writeValue(value: boolean): void;
+    writeValue(value: boolean | null | undefined): void;
     registerOnChange(fn: (value: boolean) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
@@ -2132,6 +2170,8 @@ declare class TwRadioGroupComponent implements ControlValueAccessor, AfterConten
     protected isDisabled: _angular_core.Signal<boolean>;
     protected groupClasses: _angular_core.Signal<string>;
     constructor();
+    /** Marks the control as touched when focus leaves any radio in the group. */
+    onFocusOut(): void;
     ngAfterContentInit(): void;
     private updateRadioButtons;
     private updateRadioButtonsSelection;
@@ -2158,13 +2198,14 @@ declare class TwSwitchComponent implements ControlValueAccessor {
     private readonly twClass;
     readonly variant: _angular_core.InputSignal<SwitchVariant>;
     readonly size: _angular_core.InputSignal<SwitchSize>;
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly labelPosition: _angular_core.InputSignal<"left" | "right">;
     readonly classOverride: _angular_core.InputSignal<string>;
     readonly onChange: _angular_core.OutputEmitterRef<boolean>;
     protected readonly checked: _angular_core.WritableSignal<boolean>;
-    protected readonly hasLabel = true;
     private readonly _disabled;
+    /** Disabled either via the input or via the forms API (setDisabledState). */
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
     private onChangeFn;
     private onTouchedFn;
     protected readonly containerClasses: _angular_core.Signal<string>;
@@ -2172,7 +2213,7 @@ declare class TwSwitchComponent implements ControlValueAccessor {
     protected readonly thumbClasses: _angular_core.Signal<string>;
     protected readonly labelClasses: _angular_core.Signal<string>;
     toggle(): void;
-    writeValue(value: boolean): void;
+    writeValue(value: boolean | null | undefined): void;
     registerOnChange(fn: (value: boolean) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
@@ -2203,11 +2244,11 @@ type SelectAppendTo = 'body' | 'self';
  * <tw-select [options]="options" appendTo="body"></tw-select>
  * ```
  */
-declare class TwSelectComponent implements ControlValueAccessor, OnDestroy, AfterViewInit {
+declare class TwSelectComponent implements ControlValueAccessor, OnDestroy {
     private readonly twClass;
     private readonly elementRef;
-    private readonly document;
     private readonly platformId;
+    private readonly ngZone;
     triggerButton: ElementRef<HTMLButtonElement>;
     /** Options to display (flat list) */
     readonly options: _angular_core.InputSignal<SelectOption[]>;
@@ -2242,9 +2283,12 @@ declare class TwSelectComponent implements ControlValueAccessor, OnDestroy, Afte
     /** Additional classes */
     readonly classOverride: _angular_core.InputSignal<string>;
     /**
-     * Where to append the dropdown
-     * - 'body': Appends dropdown to document body (avoids overflow clipping)
-     * - 'self': Keeps dropdown within the component (default)
+     * How the dropdown layer is positioned
+     * - 'body': Renders the dropdown as a fixed-position layer so it escapes
+     *   `overflow` clipping from scrollable ancestors (default). Note that an
+     *   ancestor with a `transform` or `filter` creates a new containing block
+     *   and can offset the layer.
+     * - 'self': Renders the dropdown absolutely positioned within the component
      */
     readonly appendTo: _angular_core.InputSignal<SelectAppendTo>;
     /** Change event */
@@ -2259,16 +2303,18 @@ declare class TwSelectComponent implements ControlValueAccessor, OnDestroy, Afte
         left: number;
         width: number;
     } | null>;
+    /** Index of the keyboard-active option within filteredOptions() */
+    protected activeIndex: _angular_core.WritableSignal<number>;
     private readonly _disabled;
+    protected readonly listboxId: string;
     private onChangeFn;
     private onTouchedFn;
-    private portalContainer;
-    private scrollListener;
-    private resizeListener;
+    private positionListener;
     protected isDisabled: _angular_core.Signal<boolean>;
     protected allOptions: _angular_core.Signal<SelectOption[]>;
     protected selectedOption: _angular_core.Signal<SelectOption | null>;
     protected filteredOptions: _angular_core.Signal<SelectOption[]>;
+    protected activeDescendantId: _angular_core.Signal<string | null>;
     protected filteredGroups: _angular_core.Signal<SelectGroup[]>;
     protected containerClasses: _angular_core.Signal<string>;
     protected labelClasses: _angular_core.Signal<string>;
@@ -2285,8 +2331,7 @@ declare class TwSelectComponent implements ControlValueAccessor, OnDestroy, Afte
         left?: undefined;
         width?: undefined;
     }>;
-    protected optionClasses(option: SelectOption): string;
-    ngAfterViewInit(): void;
+    protected optionClasses(option: SelectOption, isActive?: boolean): string;
     ngOnDestroy(): void;
     isSelected(option: SelectOption): boolean;
     toggleDropdown(): void;
@@ -2294,12 +2339,12 @@ declare class TwSelectComponent implements ControlValueAccessor, OnDestroy, Afte
     onFilterInput(event: Event): void;
     onKeydown(event: KeyboardEvent): void;
     onDocumentClick(event: MouseEvent): void;
+    private openDropdown;
+    private closeDropdown;
+    private moveActiveIndex;
     private updateDropdownPosition;
-    private setupScrollListener;
-    private removeScrollListener;
-    private setupResizeListener;
-    private removeResizeListener;
-    private removePortal;
+    private attachPositionListeners;
+    private detachPositionListeners;
     writeValue(value: any): void;
     registerOnChange(fn: (value: any) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -2336,36 +2381,37 @@ type MultiSelectAppendTo = 'body' | 'self';
  */
 declare class TwMultiSelectComponent implements ControlValueAccessor, OnDestroy, AfterViewInit {
     triggerButton: ElementRef<HTMLButtonElement>;
+    filterInput?: ElementRef<HTMLInputElement>;
     /** Options to display (flat list) */
-    options: MultiSelectOption[];
+    readonly options: _angular_core.InputSignal<MultiSelectOption[]>;
     /** Grouped options to display */
-    groups: MultiSelectGroup[];
+    readonly groups: _angular_core.InputSignal<MultiSelectGroup[]>;
     /** Placeholder text */
-    placeholder: string;
+    readonly placeholder: _angular_core.InputSignal<string>;
     /** Label text */
-    label: string;
+    readonly label: _angular_core.InputSignal<string>;
     /** Enable search/filter */
-    filter: boolean;
+    readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Size variant */
-    size: MultiSelectSize;
+    readonly size: _angular_core.InputSignal<MultiSelectSize>;
     /** Visual variant */
-    variant: MultiSelectVariant;
+    readonly variant: _angular_core.InputSignal<MultiSelectVariant>;
     /** Where to append dropdown */
-    appendTo: MultiSelectAppendTo;
+    readonly appendTo: _angular_core.InputSignal<MultiSelectAppendTo>;
     /** Disabled state */
-    disabled: boolean;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Show checkboxes */
-    showCheckbox: boolean;
+    readonly showCheckbox: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Show select all option */
-    showSelectAll: boolean;
+    readonly showSelectAll: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Maximum number of selections allowed (0 = unlimited) */
-    maxSelections: number;
+    readonly maxSelections: _angular_core.InputSignal<number>;
     /** Custom class for dropdown */
-    dropdownClass: string;
+    readonly dropdownClass: _angular_core.InputSignal<string>;
     /** Custom class for trigger button */
-    triggerClass: string;
+    readonly triggerClass: _angular_core.InputSignal<string>;
     /** Selection change event */
-    selectionChange: EventEmitter<unknown[]>;
+    readonly selectionChange: _angular_core.OutputEmitterRef<unknown[]>;
     protected readonly twClass: TwClassService;
     protected readonly elementRef: ElementRef<any>;
     protected readonly document: Document;
@@ -2378,15 +2424,33 @@ declare class TwMultiSelectComponent implements ControlValueAccessor, OnDestroy,
         left: number;
         width: number;
     } | null>;
+    protected readonly _disabled: _angular_core.WritableSignal<boolean>;
+    protected activeIndex: _angular_core.WritableSignal<number>;
+    protected readonly listboxId: string;
     private onChangeFn;
     private onTouchedFn;
     private clickListener;
     private resizeListener;
+    private scrollListener;
+    constructor();
     protected allOptions: _angular_core.Signal<MultiSelectOption[]>;
+    protected enabledOptions: _angular_core.Signal<MultiSelectOption[]>;
+    /**
+     * The number of enabled options a "Select All" can effectively reach,
+     * capped by maxSelections when set.
+     */
+    protected selectAllTarget: _angular_core.Signal<number>;
+    /** Select All cannot select everything when maxSelections is lower than the option count */
+    protected selectAllLimited: _angular_core.Signal<boolean>;
+    /** Number of currently selected enabled options (ignores disabled pre-selected values) */
+    protected selectedEnabledCount: _angular_core.Signal<number>;
     protected selectedOptions: _angular_core.Signal<MultiSelectOption[]>;
     protected displayText: _angular_core.Signal<string>;
     protected filteredGroups: _angular_core.Signal<MultiSelectGroup[]>;
     protected filteredOptions: _angular_core.Signal<MultiSelectOption[]>;
+    /** Currently visible options in display order (flattened across groups) */
+    protected visibleOptions: _angular_core.Signal<MultiSelectOption[]>;
+    protected activeOptionId: _angular_core.Signal<string | null>;
     protected triggerClasses: _angular_core.Signal<string>;
     protected dropdownClasses: _angular_core.Signal<string>;
     ngAfterViewInit(): void;
@@ -2397,23 +2461,24 @@ declare class TwMultiSelectComponent implements ControlValueAccessor, OnDestroy,
     setDisabledState(isDisabled: boolean): void;
     toggleDropdown(): void;
     openDropdown(): void;
-    closeDropdown(): void;
+    closeDropdown(returnFocus?: boolean): void;
     toggleOption(option: MultiSelectOption): void;
     toggleSelectAll(): void;
     isSelected(option: MultiSelectOption): boolean;
     isAllSelected(): boolean;
     isSomeSelected(): boolean;
+    protected isActive(option: MultiSelectOption): boolean;
+    protected optionId(option: MultiSelectOption): string | null;
     clearAll(): void;
     protected onFilterInput(event: Event): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    private moveActiveIndex;
+    private setActiveToEdge;
     protected onEscapePress(): void;
     private onDocumentClick;
     private updateDropdownPosition;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwMultiSelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwMultiSelectComponent, "tw-multiselect", never, { "options": { "alias": "options"; "required": false; }; "groups": { "alias": "groups"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; }; "maxSelections": { "alias": "maxSelections"; "required": false; }; "dropdownClass": { "alias": "dropdownClass"; "required": false; }; "triggerClass": { "alias": "triggerClass"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
-    static ngAcceptInputType_filter: unknown;
-    static ngAcceptInputType_disabled: unknown;
-    static ngAcceptInputType_showCheckbox: unknown;
-    static ngAcceptInputType_showSelectAll: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwMultiSelectComponent, "tw-multiselect", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "maxSelections": { "alias": "maxSelections"; "required": false; "isSignal": true; }; "dropdownClass": { "alias": "dropdownClass"; "required": false; "isSignal": true; }; "triggerClass": { "alias": "triggerClass"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
 }
 
 type SliderVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
@@ -2455,6 +2520,8 @@ declare class TwSliderComponent implements ControlValueAccessor {
     readonly showValueBubble: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Format function for display value */
     readonly valueFormat: _angular_core.InputSignal<(value: number) => string>;
+    /** ID applied to the range input and referenced by the label */
+    readonly inputId: _angular_core.InputSignal<string>;
     /** Additional classes */
     readonly classOverride: _angular_core.InputSignal<string>;
     /** Change event (fires on mouseup/touchend) */
@@ -2491,7 +2558,7 @@ declare class TwSliderComponent implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwSliderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSliderComponent, "tw-slider", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "showMinMax": { "alias": "showMinMax"; "required": false; "isSignal": true; }; "showTicks": { "alias": "showTicks"; "required": false; "isSignal": true; }; "tickCount": { "alias": "tickCount"; "required": false; "isSignal": true; }; "showValueBubble": { "alias": "showValueBubble"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onInput": "onInput"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSliderComponent, "tw-slider", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "showMinMax": { "alias": "showMinMax"; "required": false; "isSignal": true; }; "showTicks": { "alias": "showTicks"; "required": false; "isSignal": true; }; "tickCount": { "alias": "tickCount"; "required": false; "isSignal": true; }; "showValueBubble": { "alias": "showValueBubble"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onInput": "onInput"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, never, never, true, never>;
 }
 
 type RatingVariant = 'primary' | 'warning' | 'danger';
@@ -2503,7 +2570,7 @@ type RatingSize = 'sm' | 'md' | 'lg' | 'xl';
  * ```html
  * <tw-rating [(ngModel)]="rating"></tw-rating>
  * <tw-rating [stars]="10" [allowHalf]="true" variant="warning"></tw-rating>
- * <tw-rating [readonly]="true" [value]="4.5"></tw-rating>
+ * <tw-rating [readonly]="true" [(ngModel)]="rating"></tw-rating>
  * ```
  */
 declare class TwRatingComponent implements ControlValueAccessor {
@@ -2542,11 +2609,15 @@ declare class TwRatingComponent implements ControlValueAccessor {
     protected hoverValue: _angular_core.WritableSignal<number | null>;
     protected starsArray: _angular_core.Signal<number[]>;
     protected containerClasses: _angular_core.Signal<string>;
-    getFilledStars(index: number): number;
+    /** Value currently displayed: the hovered value while hovering, otherwise the selected value */
+    protected currentValue: _angular_core.Signal<number>;
+    /** Index of the star that participates in the roving tabindex */
+    protected activeStarIndex: _angular_core.Signal<number>;
     protected starClasses(index: number): string;
     protected iconClasses(): string;
     protected valueClasses(): string;
-    onStarClick(index: number): void;
+    onStarClick(index: number, event?: MouseEvent): void;
+    onStarKeydown(event: KeyboardEvent): void;
     onStarHover(index: number): void;
     onStarLeave(): void;
     onInputBlur(event: FocusEvent): void;
@@ -2615,6 +2686,8 @@ declare class TwChipsComponent {
     readonly allowAdd: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly field: _angular_core.InputSignal<string>;
     readonly classOverride: _angular_core.InputSignal<string>;
+    /** Accessible name for the text input used to add chips */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
     readonly valuesChange: _angular_core.OutputEmitterRef<any[]>;
     readonly onAdd: _angular_core.OutputEmitterRef<any>;
     readonly onRemove: _angular_core.OutputEmitterRef<{
@@ -2628,7 +2701,7 @@ declare class TwChipsComponent {
     onAddChip(event: Event): void;
     onBackspace(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwChipsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwChipsComponent, "tw-chips", never, { "values": { "alias": "values"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "chipStyle": { "alias": "chipStyle"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "allowAdd": { "alias": "allowAdd"; "required": false; "isSignal": true; }; "field": { "alias": "field"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "valuesChange": "valuesChange"; "onAdd": "onAdd"; "onRemove": "onRemove"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwChipsComponent, "tw-chips", never, { "values": { "alias": "values"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "chipStyle": { "alias": "chipStyle"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "allowAdd": { "alias": "allowAdd"; "required": false; "isSignal": true; }; "field": { "alias": "field"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "valuesChange": "valuesChange"; "onAdd": "onAdd"; "onRemove": "onRemove"; }, never, never, true, never>;
 }
 
 type CardVariant = 'elevated' | 'outlined' | 'filled' | 'ghost';
@@ -2637,62 +2710,62 @@ type CardVariant = 'elevated' | 'outlined' | 'filled' | 'ghost';
  */
 declare class TwCardHeaderDirective {
     private readonly twClass;
-    class: string;
-    get hostClass(): string;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwCardHeaderDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwCardHeaderDirective, "tw-card-header, [twCardHeader]", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwCardHeaderDirective, "tw-card-header, [twCardHeader]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
  * Card title directive
  */
 declare class TwCardTitleDirective {
     private readonly twClass;
-    class: string;
-    get hostClass(): string;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwCardTitleDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwCardTitleDirective, "tw-card-title, [twCardTitle]", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwCardTitleDirective, "tw-card-title, [twCardTitle]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
  * Card subtitle directive
  */
 declare class TwCardSubtitleDirective {
     private readonly twClass;
-    class: string;
-    get hostClass(): string;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwCardSubtitleDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwCardSubtitleDirective, "tw-card-subtitle, [twCardSubtitle]", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwCardSubtitleDirective, "tw-card-subtitle, [twCardSubtitle]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
  * Card body/content directive
  */
 declare class TwCardBodyDirective {
     private readonly twClass;
-    class: string;
-    get hostClass(): string;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwCardBodyDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwCardBodyDirective, "tw-card-body, [twCardBody]", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwCardBodyDirective, "tw-card-body, [twCardBody]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
  * Card footer directive
  */
 declare class TwCardFooterDirective {
     private readonly twClass;
-    class: string;
-    get hostClass(): string;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwCardFooterDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwCardFooterDirective, "tw-card-footer, [twCardFooter]", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwCardFooterDirective, "tw-card-footer, [twCardFooter]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
  * Card media/image container directive
  */
 declare class TwCardMediaDirective {
     private readonly twClass;
-    class: string;
+    readonly class: _angular_core.InputSignal<string>;
     /** Position of the media (top for header image, full for background) */
-    position: 'top' | 'bottom' | 'full';
-    get hostClass(): string;
+    readonly position: _angular_core.InputSignal<"top" | "bottom" | "full">;
+    protected readonly hostClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwCardMediaDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwCardMediaDirective, "tw-card-media, [twCardMedia]", never, { "class": { "alias": "class"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwCardMediaDirective, "tw-card-media, [twCardMedia]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
  * Highly customizable card component with Tailwind CSS styling
@@ -2724,51 +2797,64 @@ declare class TwCardMediaDirective {
  */
 declare class TwCardComponent {
     private readonly twClass;
+    private readonly elementRef;
     /** Visual variant of the card */
-    variant: CardVariant;
+    readonly variant: _angular_core.InputSignal<CardVariant>;
     /** Whether the card should have hover effects */
-    hoverable: boolean;
+    readonly hoverable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether the card is clickable (adds cursor and focus styles) */
-    clickable: boolean;
+    readonly clickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether to add padding to the card (use false when using card-body) */
-    padded: boolean;
+    readonly padded: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Additional classes to merge with base styles */
-    classOverride: string;
+    readonly classOverride: _angular_core.InputSignal<string>;
     /** Complete class override (replaces all default classes) */
-    classReplace: string;
+    readonly classReplace: _angular_core.InputSignal<string>;
     protected computedClasses: _angular_core.Signal<string>;
+    protected onKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwCardComponent, "tw-card", never, { "variant": { "alias": "variant"; "required": false; }; "hoverable": { "alias": "hoverable"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; "padded": { "alias": "padded"; "required": false; }; "classOverride": { "alias": "classOverride"; "required": false; }; "classReplace": { "alias": "classReplace"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_hoverable: unknown;
-    static ngAcceptInputType_clickable: unknown;
-    static ngAcceptInputType_padded: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwCardComponent, "tw-card", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "padded": { "alias": "padded"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; "classReplace": { "alias": "classReplace"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 /**
  * Horizontal card layout component
  */
 declare class TwCardHorizontalComponent {
     private readonly twClass;
-    variant: CardVariant;
-    classOverride: string;
+    readonly variant: _angular_core.InputSignal<CardVariant>;
+    readonly classOverride: _angular_core.InputSignal<string>;
     protected computedClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwCardHorizontalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwCardHorizontalComponent, "tw-card-horizontal", never, { "variant": { "alias": "variant"; "required": false; }; "classOverride": { "alias": "classOverride"; "required": false; }; }, {}, never, ["tw-card-media, [twCardMedia]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwCardHorizontalComponent, "tw-card-horizontal", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, {}, never, ["tw-card-media, [twCardMedia]", "*"], true, never>;
 }
 
 declare const TW_CARD_COMPONENTS: readonly [typeof TwCardComponent, typeof TwCardHorizontalComponent, typeof TwCardHeaderDirective, typeof TwCardTitleDirective, typeof TwCardSubtitleDirective, typeof TwCardBodyDirective, typeof TwCardFooterDirective, typeof TwCardMediaDirective];
 
+type AccordionVariant = 'default' | 'bordered' | 'separated';
+/**
+ * Marks projected content as the custom header of an accordion item,
+ * replacing the plain-text `itemTitle`.
+ */
+declare class TwAccordionHeaderDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwAccordionHeaderDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwAccordionHeaderDirective, "[twAccordionHeader]", never, {}, {}, never, never, true, never>;
+}
 declare class TwAccordionItemComponent {
     set itemTitle(value: string);
     set open(value: boolean);
     set itemDisabled(value: boolean);
     set value(value: string);
-    variant: 'default' | 'bordered' | 'separated';
+    set variant(value: AccordionVariant);
     openChange: EventEmitter<boolean>;
+    protected headerContent?: TwAccordionHeaderDirective;
     protected _title: _angular_core.WritableSignal<string>;
     protected _open: _angular_core.WritableSignal<boolean>;
     protected _disabled: _angular_core.WritableSignal<boolean>;
     protected _value: _angular_core.WritableSignal<string>;
-    hasHeaderContent: boolean;
+    protected _variant: _angular_core.WritableSignal<AccordionVariant>;
+    protected readonly itemId: string;
+    protected readonly headerId: string;
+    protected readonly panelId: string;
+    get hasHeaderContent(): boolean;
     protected itemTitleValue: _angular_core.Signal<string>;
     protected isOpen: _angular_core.Signal<boolean>;
     protected isDisabled: _angular_core.Signal<boolean>;
@@ -2780,17 +2866,22 @@ declare class TwAccordionItemComponent {
     protected iconClasses: _angular_core.Signal<string>;
     protected contentClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwAccordionItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwAccordionItemComponent, "tw-accordion-item", never, { "itemTitle": { "alias": "itemTitle"; "required": false; }; "open": { "alias": "open"; "required": false; }; "itemDisabled": { "alias": "itemDisabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "openChange": "openChange"; }, never, ["[twAccordionHeader]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwAccordionItemComponent, "tw-accordion-item", never, { "itemTitle": { "alias": "itemTitle"; "required": false; }; "open": { "alias": "open"; "required": false; }; "itemDisabled": { "alias": "itemDisabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "openChange": "openChange"; }, ["headerContent"], ["[twAccordionHeader]", "*"], true, never>;
 }
 declare class TwAccordionComponent implements AfterContentInit {
     set allowMultiple(value: boolean);
-    set variant(value: 'default' | 'bordered' | 'separated');
+    set variant(value: AccordionVariant);
     set defaultValue(value: string | string[]);
     items: QueryList<TwAccordionItemComponent>;
     protected _allowMultiple: _angular_core.WritableSignal<boolean>;
-    protected _variant: _angular_core.WritableSignal<"default" | "bordered" | "separated">;
+    protected _variant: _angular_core.WritableSignal<AccordionVariant>;
     protected _defaultValue: _angular_core.WritableSignal<string | string[]>;
+    private readonly destroyRef;
+    private readonly initializedItems;
+    private itemSubscriptions;
+    constructor();
     ngAfterContentInit(): void;
+    private wireItems;
     protected accordionClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwAccordionComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwAccordionComponent, "tw-accordion", never, { "allowMultiple": { "alias": "allowMultiple"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; }, {}, ["items"], ["*"], true, never>;
@@ -2805,26 +2896,29 @@ type TabsOrientation = 'horizontal' | 'vertical';
 declare class TwTabPanelComponent {
     private readonly twClass;
     /** Unique identifier for this tab */
-    value: string;
+    readonly value: _angular_core.InputSignal<string>;
     /** Label for the tab (if not using template) */
-    label: string;
+    readonly label: _angular_core.InputSignal<string>;
     /** Whether the tab is disabled */
-    disabled: boolean;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Icon to show before the label */
-    icon: string;
-    /** Whether to lazy load the content */
-    lazy: boolean;
+    readonly icon: _angular_core.InputSignal<string>;
+    /** Whether to lazy load the content (rendered on first activation, then kept) */
+    readonly lazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Additional panel classes */
-    panelClass: string;
-    /** Whether this panel is active */
-    active: boolean;
-    /** ID of the tab that labels this panel */
-    labelledBy: string;
+    readonly panelClass: _angular_core.InputSignal<string>;
+    /** Whether this panel is active (managed by the parent tabs component) */
+    readonly active: _angular_core.WritableSignal<boolean>;
+    /** ID of the tab that labels this panel (managed by the parent tabs component) */
+    readonly labelledBy: _angular_core.WritableSignal<string>;
+    /** Whether activation should animate (synced from the parent tabs component) */
+    readonly animated: _angular_core.WritableSignal<boolean>;
+    /** Once a lazy panel has been activated its content stays rendered (hidden via [hidden]) */
+    protected readonly hasBeenActive: _angular_core.WritableSignal<boolean>;
+    private readonly trackActivation;
     protected computedClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwTabPanelComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwTabPanelComponent, "tw-tab-panel", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_disabled: unknown;
-    static ngAcceptInputType_lazy: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwTabPanelComponent, "tw-tab-panel", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 /**
  * Tabs component for organizing content into switchable panels
@@ -2847,22 +2941,23 @@ declare class TwTabPanelComponent {
 declare class TwTabsComponent implements AfterContentInit {
     private readonly twClass;
     tabPanels: QueryList<TwTabPanelComponent>;
+    private readonly tabButtons;
     /** Currently active tab value */
     value: string;
     /** Visual variant */
-    variant: TabsVariant;
+    readonly variant: _angular_core.InputSignal<TabsVariant>;
     /** Size of the tabs */
-    size: TabsSize;
+    readonly size: _angular_core.InputSignal<TabsSize>;
     /** Orientation of the tabs */
-    orientation: TabsOrientation;
+    readonly orientation: _angular_core.InputSignal<TabsOrientation>;
     /** Whether the tab list should be full width */
-    fullWidth: boolean;
+    readonly fullWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether to animate panel transitions */
-    animated: boolean;
+    readonly animated: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Additional tab list classes */
-    tabListClass: string;
+    readonly tabListClass: _angular_core.InputSignal<string>;
     /** Additional panels container classes */
-    panelsClass: string;
+    readonly panelsClass: _angular_core.InputSignal<string>;
     /** Value change event */
     valueChange: EventEmitter<string>;
     /** Tab change event with previous and current values */
@@ -2883,9 +2978,7 @@ declare class TwTabsComponent implements AfterContentInit {
     /** Get the currently active panel */
     getActivePanel(): TwTabPanelComponent | undefined;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwTabsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwTabsComponent, "tw-tabs", never, { "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; "tabListClass": { "alias": "tabListClass"; "required": false; }; "panelsClass": { "alias": "panelsClass"; "required": false; }; }, { "valueChange": "valueChange"; "tabChange": "tabChange"; }, ["tabPanels"], ["*"], true, never>;
-    static ngAcceptInputType_fullWidth: unknown;
-    static ngAcceptInputType_animated: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwTabsComponent, "tw-tabs", never, { "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "animated": { "alias": "animated"; "required": false; "isSignal": true; }; "tabListClass": { "alias": "tabListClass"; "required": false; "isSignal": true; }; "panelsClass": { "alias": "panelsClass"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "tabChange": "tabChange"; }, ["tabPanels"], ["*"], true, never>;
 }
 
 declare const TW_TABS_COMPONENTS: readonly [typeof TwTabsComponent, typeof TwTabPanelComponent];
@@ -2935,20 +3028,19 @@ type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | 'prose';
 declare class TwContainerComponent {
     private readonly twClass;
     /** Maximum width of the container */
-    size: ContainerSize;
+    readonly size: _angular_core.InputSignal<ContainerSize>;
     /** Whether to center the container horizontally */
-    centered: boolean;
+    readonly centered: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Horizontal padding */
-    padding: 'none' | 'sm' | 'md' | 'lg';
+    readonly padding: _angular_core.InputSignal<"none" | "sm" | "md" | "lg">;
     /**
      * Additional CSS classes. Signal input so a bound `[class]` survives Angular's
      * special class-binding handling and re-renders the inner element on change.
      */
     readonly class: _angular_core.InputSignal<string>;
-    constructor(twClass: TwClassService);
-    protected containerClasses(): string;
+    protected readonly containerClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwContainerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwContainerComponent, "tw-container", never, { "size": { "alias": "size"; "required": false; }; "centered": { "alias": "centered"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwContainerComponent, "tw-container", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "centered": { "alias": "centered"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 type StackDirection = 'vertical' | 'horizontal' | 'vertical-reverse' | 'horizontal-reverse';
@@ -2977,52 +3069,49 @@ type StackJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'
 declare class TwStackComponent {
     private readonly twClass;
     /** Direction of the stack */
-    direction: StackDirection;
+    readonly direction: _angular_core.InputSignal<StackDirection>;
     /** Spacing between items */
-    spacing: StackSpacing;
+    readonly spacing: _angular_core.InputSignal<StackSpacing>;
     /** Alignment of items (perpendicular to direction) */
-    align: StackAlign;
+    readonly align: _angular_core.InputSignal<StackAlign>;
     /** Justification of items (along direction) */
-    justify: StackJustify;
+    readonly justify: _angular_core.InputSignal<StackJustify>;
     /** Whether items should wrap */
-    wrap: boolean;
+    readonly wrap: _angular_core.InputSignal<boolean>;
     /** Whether to take full width */
-    fullWidth: boolean;
+    readonly fullWidth: _angular_core.InputSignal<boolean>;
     /** Additional CSS classes */
-    class: string;
-    constructor(twClass: TwClassService);
-    protected stackClasses(): string;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly stackClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwStackComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwStackComponent, "tw-stack", never, { "direction": { "alias": "direction"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; "align": { "alias": "align"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwStackComponent, "tw-stack", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 /**
  * VStack component - shorthand for vertical Stack
  */
 declare class TwVStackComponent {
     private readonly twClass;
-    spacing: StackSpacing;
-    align: StackAlign;
-    justify: StackJustify;
-    class: string;
-    constructor(twClass: TwClassService);
-    protected stackClasses(): string;
+    readonly spacing: _angular_core.InputSignal<StackSpacing>;
+    readonly align: _angular_core.InputSignal<StackAlign>;
+    readonly justify: _angular_core.InputSignal<StackJustify>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly stackClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwVStackComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwVStackComponent, "tw-vstack", never, { "spacing": { "alias": "spacing"; "required": false; }; "align": { "alias": "align"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwVStackComponent, "tw-vstack", never, { "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 /**
  * HStack component - shorthand for horizontal Stack
  */
 declare class TwHStackComponent {
     private readonly twClass;
-    spacing: StackSpacing;
-    align: StackAlign;
-    justify: StackJustify;
-    wrap: boolean;
-    class: string;
-    constructor(twClass: TwClassService);
-    protected stackClasses(): string;
+    readonly spacing: _angular_core.InputSignal<StackSpacing>;
+    readonly align: _angular_core.InputSignal<StackAlign>;
+    readonly justify: _angular_core.InputSignal<StackJustify>;
+    readonly wrap: _angular_core.InputSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly stackClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwHStackComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwHStackComponent, "tw-hstack", never, { "spacing": { "alias": "spacing"; "required": false; }; "align": { "alias": "align"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwHStackComponent, "tw-hstack", never, { "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 type GridCols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'none' | 'auto';
@@ -3051,30 +3140,29 @@ type GridGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 declare class TwGridComponent {
     private readonly twClass;
     /** Number of columns (base) */
-    cols: GridCols;
+    readonly cols: _angular_core.InputSignal<GridCols>;
     /** Number of columns at sm breakpoint */
-    colsSm?: GridCols;
+    readonly colsSm: _angular_core.InputSignal<GridCols | undefined>;
     /** Number of columns at md breakpoint */
-    colsMd?: GridCols;
+    readonly colsMd: _angular_core.InputSignal<GridCols | undefined>;
     /** Number of columns at lg breakpoint */
-    colsLg?: GridCols;
+    readonly colsLg: _angular_core.InputSignal<GridCols | undefined>;
     /** Number of columns at xl breakpoint */
-    colsXl?: GridCols;
+    readonly colsXl: _angular_core.InputSignal<GridCols | undefined>;
     /** Gap between items */
-    gap: GridGap;
+    readonly gap: _angular_core.InputSignal<GridGap>;
     /** Row gap (if different from column gap) */
-    rowGap?: GridGap;
+    readonly rowGap: _angular_core.InputSignal<GridGap | undefined>;
     /** Column gap (if different from row gap) */
-    colGap?: GridGap;
+    readonly colGap: _angular_core.InputSignal<GridGap | undefined>;
     /**
      * Additional CSS classes. Signal input so a bound `[class]` survives Angular's
      * special class-binding handling and re-renders the inner element on change.
      */
     readonly class: _angular_core.InputSignal<string>;
-    constructor(twClass: TwClassService);
-    protected gridClasses(): string;
+    protected readonly gridClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwGridComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwGridComponent, "tw-grid", never, { "cols": { "alias": "cols"; "required": false; }; "colsSm": { "alias": "colsSm"; "required": false; }; "colsMd": { "alias": "colsMd"; "required": false; }; "colsLg": { "alias": "colsLg"; "required": false; }; "colsXl": { "alias": "colsXl"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "rowGap": { "alias": "rowGap"; "required": false; }; "colGap": { "alias": "colGap"; "required": false; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwGridComponent, "tw-grid", never, { "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "colsSm": { "alias": "colsSm"; "required": false; "isSignal": true; }; "colsMd": { "alias": "colsMd"; "required": false; "isSignal": true; }; "colsLg": { "alias": "colsLg"; "required": false; "isSignal": true; }; "colsXl": { "alias": "colsXl"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "rowGap": { "alias": "rowGap"; "required": false; "isSignal": true; }; "colGap": { "alias": "colGap"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 /**
  * SimpleGrid component for auto-fit grid layouts with minimum column width.
@@ -3091,19 +3179,18 @@ declare class TwGridComponent {
 declare class TwSimpleGridComponent {
     private readonly twClass;
     /** Minimum width of each child (e.g., '200px', '15rem') */
-    minChildWidth: string;
+    readonly minChildWidth: _angular_core.InputSignal<string>;
     /** Gap between items */
-    gap: GridGap;
+    readonly gap: _angular_core.InputSignal<GridGap>;
     /**
      * Additional CSS classes. Signal input so a bound `[class]` survives Angular's
      * special class-binding handling and re-renders the inner element on change.
      */
     readonly class: _angular_core.InputSignal<string>;
-    constructor(twClass: TwClassService);
-    protected gridClasses(): string;
-    protected gridTemplateColumns(): string;
+    protected readonly gridClasses: _angular_core.Signal<string>;
+    protected readonly gridTemplateColumns: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwSimpleGridComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSimpleGridComponent, "tw-simple-grid", never, { "minChildWidth": { "alias": "minChildWidth"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSimpleGridComponent, "tw-simple-grid", never, { "minChildWidth": { "alias": "minChildWidth"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 type AspectRatioPreset = 'square' | 'video' | 'portrait' | 'wide' | 'ultrawide' | 'custom';
@@ -3126,16 +3213,15 @@ type AspectRatioPreset = 'square' | 'video' | 'portrait' | 'wide' | 'ultrawide'
 declare class TwAspectRatioComponent {
     private readonly twClass;
     /** Preset aspect ratio */
-    ratio: AspectRatioPreset;
+    readonly ratio: _angular_core.InputSignal<AspectRatioPreset>;
     /** Custom ratio value (e.g., 16/9 or 1.777) - used when ratio is 'custom' */
-    customRatio?: number;
+    readonly customRatio: _angular_core.InputSignal<number | undefined>;
     /** Additional CSS classes */
-    class: string;
-    constructor(twClass: TwClassService);
-    protected containerClasses(): string;
-    protected computedRatio(): string | null;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly containerClasses: _angular_core.Signal<string>;
+    protected readonly computedRatio: _angular_core.Signal<string | null>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwAspectRatioComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwAspectRatioComponent, "tw-aspect-ratio", never, { "ratio": { "alias": "ratio"; "required": false; }; "customRatio": { "alias": "customRatio"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwAspectRatioComponent, "tw-aspect-ratio", never, { "ratio": { "alias": "ratio"; "required": false; "isSignal": true; }; "customRatio": { "alias": "customRatio"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**
@@ -3157,17 +3243,16 @@ declare class TwAspectRatioComponent {
 declare class TwCenterComponent {
     private readonly twClass;
     /** Use inline-flex instead of flex */
-    inline: boolean;
-    /** Center only horizontally */
-    horizontal: boolean;
-    /** Center only vertically */
-    vertical: boolean;
+    readonly inline: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Apply horizontal centering (justify-center); combines with `vertical` */
+    readonly horizontal: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Apply vertical centering (items-center); combines with `horizontal` */
+    readonly vertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Additional CSS classes */
-    class: string;
-    constructor(twClass: TwClassService);
-    protected centerClasses(): string;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly centerClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwCenterComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwCenterComponent, "tw-center", never, { "inline": { "alias": "inline"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwCenterComponent, "tw-center", never, { "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 /**
  * Square component for creating square-shaped containers.
@@ -3183,15 +3268,14 @@ declare class TwCenterComponent {
 declare class TwSquareComponent {
     private readonly twClass;
     /** Size of the square (e.g., '64px', '4rem') */
-    size: string;
+    readonly size: _angular_core.InputSignal<string>;
     /** Whether to center the content */
-    centerContent: boolean;
+    readonly centerContent: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Additional CSS classes */
-    class: string;
-    constructor(twClass: TwClassService);
-    protected squareClasses(): string;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly squareClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwSquareComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSquareComponent, "tw-square", never, { "size": { "alias": "size"; "required": false; }; "centerContent": { "alias": "centerContent"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSquareComponent, "tw-square", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "centerContent": { "alias": "centerContent"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 /**
  * Circle component for creating circular containers.
@@ -3206,15 +3290,14 @@ declare class TwSquareComponent {
 declare class TwCircleComponent {
     private readonly twClass;
     /** Size of the circle (e.g., '64px', '4rem') */
-    size: string;
+    readonly size: _angular_core.InputSignal<string>;
     /** Whether to center the content */
-    centerContent: boolean;
+    readonly centerContent: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Additional CSS classes */
-    class: string;
-    constructor(twClass: TwClassService);
-    protected circleClasses(): string;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly circleClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwCircleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwCircleComponent, "tw-circle", never, { "size": { "alias": "size"; "required": false; }; "centerContent": { "alias": "centerContent"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwCircleComponent, "tw-circle", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "centerContent": { "alias": "centerContent"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 type SpacerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'auto';
@@ -3238,18 +3321,17 @@ type SpacerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'auto';
 declare class TwSpacerComponent {
     private readonly twClass;
     /** Direction of the space */
-    axis: 'horizontal' | 'vertical';
+    readonly axis: _angular_core.InputSignal<"horizontal" | "vertical">;
     /** Size of the space (or 'auto' for flexible space in flex containers) */
-    size: SpacerSize;
+    readonly size: _angular_core.InputSignal<SpacerSize>;
     /**
      * Additional CSS classes. Signal input so a bound `[class]` survives Angular's
      * special class-binding handling and re-renders the inner element on change.
      */
     readonly class: _angular_core.InputSignal<string>;
-    constructor(twClass: TwClassService);
-    protected spacerClasses(): string;
+    protected spacerClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwSpacerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSpacerComponent, "tw-spacer", never, { "axis": { "alias": "axis"; "required": false; }; "size": { "alias": "size"; "required": false; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSpacerComponent, "tw-spacer", never, { "axis": { "alias": "axis"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
  * Wrap component for wrapping flex items with consistent spacing.
@@ -3266,20 +3348,19 @@ declare class TwSpacerComponent {
 declare class TwWrapComponent {
     private readonly twClass;
     /** Spacing between items */
-    spacing: SpacerSize;
+    readonly spacing: _angular_core.InputSignal<SpacerSize>;
     /** Alignment of items */
-    align: 'start' | 'center' | 'end';
+    readonly align: _angular_core.InputSignal<"center" | "end" | "start">;
     /** Justification of items */
-    justify: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    readonly justify: _angular_core.InputSignal<"center" | "end" | "start" | "between" | "around" | "evenly">;
     /**
      * Additional CSS classes. Signal input so a bound `[class]` survives Angular's
      * special class-binding handling and re-renders the inner element on change.
      */
     readonly class: _angular_core.InputSignal<string>;
-    constructor(twClass: TwClassService);
-    protected wrapClasses(): string;
+    protected wrapClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwWrapComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwWrapComponent, "tw-wrap", never, { "spacing": { "alias": "spacing"; "required": false; }; "align": { "alias": "align"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwWrapComponent, "tw-wrap", never, { "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 type SplitterDirection = 'horizontal' | 'vertical';
@@ -3287,18 +3368,22 @@ type SplitterGutterSize = 'sm' | 'md' | 'lg';
 /**
  * Splitter component for creating resizable split pane layouts.
  *
+ * Mark the two panes with the `twSplitterPaneStart` and `twSplitterPaneEnd`
+ * attributes. Content marked with the plain `twSplitterPane` attribute (or a
+ * `tw-splitter-pane` element) is projected into the first pane.
+ *
  * @example
  * ```html
  * <!-- Horizontal split -->
  * <tw-splitter direction="horizontal" [initialSizes]="[30, 70]">
- *   <div twSplitterPane>Left Panel</div>
- *   <div twSplitterPane>Right Panel</div>
+ *   <div twSplitterPaneStart>Left Panel</div>
+ *   <div twSplitterPaneEnd>Right Panel</div>
  * </tw-splitter>
  *
  * <!-- Vertical split with min sizes -->
  * <tw-splitter direction="vertical" [minSizes]="[100, 200]">
- *   <div twSplitterPane>Top Panel</div>
- *   <div twSplitterPane>Bottom Panel</div>
+ *   <div twSplitterPaneStart>Top Panel</div>
+ *   <div twSplitterPaneEnd>Bottom Panel</div>
  * </tw-splitter>
  * ```
  */
@@ -3307,19 +3392,19 @@ declare class TwSplitterComponent implements AfterViewInit, OnDestroy {
     containerRef: ElementRef<HTMLElement>;
     gutterRef: ElementRef<HTMLElement>;
     /** Direction of the split */
-    direction: SplitterDirection;
+    readonly direction: _angular_core.InputSignal<SplitterDirection>;
     /** Initial sizes as percentages (should sum to 100) */
-    initialSizes: [number, number];
+    readonly initialSizes: _angular_core.InputSignal<[number, number]>;
     /** Minimum sizes in pixels for each pane */
-    minSizes: [number, number];
+    readonly minSizes: _angular_core.InputSignal<[number, number]>;
     /** Size of the gutter */
-    gutterSize: SplitterGutterSize;
+    readonly gutterSize: _angular_core.InputSignal<SplitterGutterSize>;
     /** Whether the splitter is disabled */
-    disabled: boolean;
+    readonly disabled: _angular_core.InputSignal<boolean>;
     /** Whether to show visual gutter */
-    showGutter: boolean;
+    readonly showGutter: _angular_core.InputSignal<boolean>;
     /** Additional CSS classes */
-    class: string;
+    readonly class: _angular_core.InputSignal<string>;
     /** Emits when sizes change */
     sizesChange: EventEmitter<[number, number]>;
     /** Emits when dragging starts */
@@ -3335,15 +3420,17 @@ declare class TwSplitterComponent implements AfterViewInit, OnDestroy {
     private readonly mouseUpHandler;
     private readonly touchMoveHandler;
     private readonly touchEndHandler;
-    constructor(twClass: TwClassService);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    protected containerClasses(): string;
-    protected paneClasses(index: number): string;
-    protected gutterClasses(): string;
-    protected gutterHandleClasses(): string;
+    protected readonly containerClasses: _angular_core.Signal<string>;
+    protected readonly paneClasses: _angular_core.Signal<string>;
+    protected readonly gutterClasses: _angular_core.Signal<string>;
+    protected readonly gutterHandleClasses: _angular_core.Signal<string>;
+    protected readonly gutterAriaValueNow: _angular_core.Signal<number>;
     protected onGutterMouseDown(event: MouseEvent): void;
     protected onGutterTouchStart(event: TouchEvent): void;
+    protected onGutterKeydown(event: KeyboardEvent): void;
+    private resizeByPercent;
     private startDrag;
     private onMouseMove;
     private onTouchMove;
@@ -3357,14 +3444,14 @@ declare class TwSplitterComponent implements AfterViewInit, OnDestroy {
     /** Reset to initial sizes */
     reset(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwSplitterComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSplitterComponent, "tw-splitter", never, { "direction": { "alias": "direction"; "required": false; }; "initialSizes": { "alias": "initialSizes"; "required": false; }; "minSizes": { "alias": "minSizes"; "required": false; }; "gutterSize": { "alias": "gutterSize"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showGutter": { "alias": "showGutter"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "sizesChange": "sizesChange"; "dragStart": "dragStart"; "dragEnd": "dragEnd"; }, never, ["[twSplitterPane]:first-of-type, tw-splitter-pane:first-of-type", "[twSplitterPane]:last-of-type, tw-splitter-pane:last-of-type"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSplitterComponent, "tw-splitter", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "initialSizes": { "alias": "initialSizes"; "required": false; "isSignal": true; }; "minSizes": { "alias": "minSizes"; "required": false; "isSignal": true; }; "gutterSize": { "alias": "gutterSize"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showGutter": { "alias": "showGutter"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "sizesChange": "sizesChange"; "dragStart": "dragStart"; "dragEnd": "dragEnd"; }, never, ["[twSplitterPaneStart], [twSplitterPane], tw-splitter-pane", "[twSplitterPaneEnd]"], true, never>;
 }
 /**
  * Directive to mark elements as splitter panes
  */
 declare class TwSplitterPaneComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwSplitterPaneComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSplitterPaneComponent, "tw-splitter-pane, [twSplitterPane]", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSplitterPaneComponent, "tw-splitter-pane, [twSplitterPane], [twSplitterPaneStart], [twSplitterPaneEnd]", never, {}, {}, never, ["*"], true, never>;
 }
 
 type StickyPosition = 'top' | 'bottom' | 'left' | 'right';
@@ -3393,22 +3480,21 @@ type StickyOffset = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 declare class TwStickyComponent {
     private readonly twClass;
     /** Which edge to stick to */
-    position: StickyPosition;
+    readonly position: _angular_core.InputSignal<StickyPosition>;
     /** Offset from the edge */
-    offset: StickyOffset;
+    readonly offset: _angular_core.InputSignal<StickyOffset>;
     /** Custom offset value (e.g., '60px', '4rem') */
-    customOffset?: string;
+    readonly customOffset: _angular_core.InputSignal<string | undefined>;
     /** Z-index for stacking */
-    zIndex: number;
+    readonly zIndex: _angular_core.InputSignal<number>;
     /** Whether sticky is disabled */
-    disabled: boolean;
+    readonly disabled: _angular_core.InputSignal<boolean>;
     /** Additional CSS classes */
-    class: string;
-    constructor(twClass: TwClassService);
-    protected stickyClasses(): string;
-    protected stickyStyles(): Record<string, string>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly stickyClasses: _angular_core.Signal<string>;
+    protected readonly stickyStyles: _angular_core.Signal<Record<string, string>>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwStickyComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwStickyComponent, "tw-sticky", never, { "position": { "alias": "position"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "customOffset": { "alias": "customOffset"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwStickyComponent, "tw-sticky", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "customOffset": { "alias": "customOffset"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 type ScrollAreaDirection = 'vertical' | 'horizontal' | 'both';
@@ -3439,27 +3525,26 @@ declare class TwScrollAreaComponent {
     private readonly twClass;
     scrollContainerRef: ElementRef<HTMLElement>;
     /** Scroll direction */
-    direction: ScrollAreaDirection;
+    readonly direction: _angular_core.InputSignal<ScrollAreaDirection>;
     /** Scrollbar visibility */
-    scrollbar: ScrollAreaScrollbar;
+    readonly scrollbar: _angular_core.InputSignal<ScrollAreaScrollbar>;
     /** Fixed height */
-    height?: string;
+    readonly height: _angular_core.InputSignal<string | undefined>;
     /** Maximum height */
-    maxHeight?: string;
+    readonly maxHeight: _angular_core.InputSignal<string | undefined>;
     /** Fixed width */
-    width?: string;
+    readonly width: _angular_core.InputSignal<string | undefined>;
     /** Maximum width */
-    maxWidth?: string;
+    readonly maxWidth: _angular_core.InputSignal<string | undefined>;
     /** Whether to use thin scrollbar */
-    thin: boolean;
+    readonly thin: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether to use dark mode scrollbar */
-    dark: boolean;
+    readonly dark: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether to enable smooth scrolling */
-    smooth: boolean;
+    readonly smooth: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Additional CSS classes */
-    class: string;
-    constructor(twClass: TwClassService);
-    protected scrollAreaClasses(): string;
+    readonly class: _angular_core.InputSignal<string>;
+    protected scrollAreaClasses: _angular_core.Signal<string>;
     /** Scroll to a specific position */
     scrollTo(options: ScrollToOptions): void;
     /** Scroll to top */
@@ -3471,7 +3556,7 @@ declare class TwScrollAreaComponent {
     /** Scroll to right */
     scrollToRight(smooth?: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwScrollAreaComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwScrollAreaComponent, "tw-scroll-area", never, { "direction": { "alias": "direction"; "required": false; }; "scrollbar": { "alias": "scrollbar"; "required": false; }; "height": { "alias": "height"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "thin": { "alias": "thin"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "smooth": { "alias": "smooth"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwScrollAreaComponent, "tw-scroll-area", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "scrollbar": { "alias": "scrollbar"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "thin": { "alias": "thin"; "required": false; "isSignal": true; }; "dark": { "alias": "dark"; "required": false; "isSignal": true; }; "smooth": { "alias": "smooth"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 type ColumnsCount = 1 | 2 | 3 | 4 | 5 | 6 | 'auto';
@@ -3503,32 +3588,31 @@ type ColumnsRule = 'none' | 'solid' | 'dashed' | 'dotted';
 declare class TwColumnsComponent {
     private readonly twClass;
     /** Number of columns (base) */
-    count: ColumnsCount;
+    readonly count: _angular_core.InputSignal<ColumnsCount>;
     /** Number of columns at sm breakpoint */
-    countSm?: ColumnsCount;
+    readonly countSm: _angular_core.InputSignal<ColumnsCount | undefined>;
     /** Number of columns at md breakpoint */
-    countMd?: ColumnsCount;
+    readonly countMd: _angular_core.InputSignal<ColumnsCount | undefined>;
     /** Number of columns at lg breakpoint */
-    countLg?: ColumnsCount;
+    readonly countLg: _angular_core.InputSignal<ColumnsCount | undefined>;
     /** Number of columns at xl breakpoint */
-    countXl?: ColumnsCount;
+    readonly countXl: _angular_core.InputSignal<ColumnsCount | undefined>;
     /** Gap between columns */
-    gap: ColumnsGap;
+    readonly gap: _angular_core.InputSignal<ColumnsGap>;
     /** Column rule style */
-    rule: ColumnsRule;
-    /** Column rule color (Tailwind color, e.g., 'slate-300') */
-    ruleColor: string;
+    readonly rule: _angular_core.InputSignal<ColumnsRule>;
+    /** Column rule color (Tailwind color token, e.g. 'slate-300', or any CSS color) */
+    readonly ruleColor: _angular_core.InputSignal<string>;
     /** Column rule width in pixels */
-    ruleWidth: number;
+    readonly ruleWidth: _angular_core.InputSignalWithTransform<number, unknown>;
     /** Whether children should not break across columns */
-    avoidBreak: boolean;
+    readonly avoidBreak: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Additional CSS classes */
-    class: string;
-    constructor(twClass: TwClassService);
-    protected columnsClasses(): string;
-    protected columnsStyles(): Record<string, string>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly columnsClasses: _angular_core.Signal<string>;
+    protected readonly columnsStyles: _angular_core.Signal<Record<string, string>>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwColumnsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwColumnsComponent, "tw-columns", never, { "count": { "alias": "count"; "required": false; }; "countSm": { "alias": "countSm"; "required": false; }; "countMd": { "alias": "countMd"; "required": false; }; "countLg": { "alias": "countLg"; "required": false; }; "countXl": { "alias": "countXl"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "rule": { "alias": "rule"; "required": false; }; "ruleColor": { "alias": "ruleColor"; "required": false; }; "ruleWidth": { "alias": "ruleWidth"; "required": false; }; "avoidBreak": { "alias": "avoidBreak"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwColumnsComponent, "tw-columns", never, { "count": { "alias": "count"; "required": false; "isSignal": true; }; "countSm": { "alias": "countSm"; "required": false; "isSignal": true; }; "countMd": { "alias": "countMd"; "required": false; "isSignal": true; }; "countLg": { "alias": "countLg"; "required": false; "isSignal": true; }; "countXl": { "alias": "countXl"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "rule": { "alias": "rule"; "required": false; "isSignal": true; }; "ruleColor": { "alias": "ruleColor"; "required": false; "isSignal": true; }; "ruleWidth": { "alias": "ruleWidth"; "required": false; "isSignal": true; }; "avoidBreak": { "alias": "avoidBreak"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 type BleedDirection = 'horizontal' | 'left' | 'right' | 'all';
@@ -3562,20 +3646,19 @@ type BleedAmount = 'sm' | 'md' | 'lg' | 'xl' | 'full';
 declare class TwBleedComponent {
     private readonly twClass;
     /** Direction of the bleed */
-    direction: BleedDirection;
+    readonly direction: _angular_core.InputSignal<BleedDirection>;
     /** Amount of bleed */
-    amount: BleedAmount;
-    /** Custom bleed amount (e.g., '2rem', '32px') */
-    customAmount?: string;
+    readonly amount: _angular_core.InputSignal<BleedAmount>;
+    /** Custom bleed amount (e.g., '2rem', '32px'); takes precedence over `amount` */
+    readonly customAmount: _angular_core.InputSignal<string | undefined>;
     /** Whether to preserve the same visual spacing inside */
-    preservePadding: boolean;
+    readonly preservePadding: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Additional CSS classes */
-    class: string;
-    constructor(twClass: TwClassService);
-    protected bleedClasses(): string;
-    protected bleedStyles(): Record<string, string>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly bleedClasses: _angular_core.Signal<string>;
+    protected readonly bleedStyles: _angular_core.Signal<Record<string, string>>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwBleedComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwBleedComponent, "tw-bleed", never, { "direction": { "alias": "direction"; "required": false; }; "amount": { "alias": "amount"; "required": false; }; "customAmount": { "alias": "customAmount"; "required": false; }; "preservePadding": { "alias": "preservePadding"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwBleedComponent, "tw-bleed", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "amount": { "alias": "amount"; "required": false; "isSignal": true; }; "customAmount": { "alias": "customAmount"; "required": false; "isSignal": true; }; "preservePadding": { "alias": "preservePadding"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 type OverlayBlur = 'none' | 'sm' | 'md' | 'lg';
@@ -3601,36 +3684,41 @@ type OverlayOpacity = 'light' | 'medium' | 'dark' | 'solid';
  * </tw-overlay>
  * ```
  */
-declare class TwOverlayComponent {
+declare class TwOverlayComponent implements OnDestroy {
     private readonly twClass;
+    private readonly document;
+    private readonly platformId;
     /** Whether the overlay is visible */
-    visible: boolean;
+    readonly visible: _angular_core.InputSignal<boolean>;
     /** Whether clicking the overlay closes it */
-    closeOnClick: boolean;
+    readonly closeOnClick: _angular_core.InputSignal<boolean>;
     /** Whether pressing Escape closes the overlay */
-    closeOnEscape: boolean;
+    readonly closeOnEscape: _angular_core.InputSignal<boolean>;
     /** Blur intensity */
-    blur: OverlayBlur;
+    readonly blur: _angular_core.InputSignal<OverlayBlur>;
     /** Opacity level */
-    opacity: OverlayOpacity;
+    readonly opacity: _angular_core.InputSignal<OverlayOpacity>;
     /** Whether to center content */
-    centered: boolean;
+    readonly centered: _angular_core.InputSignal<boolean>;
     /** Whether to lock body scroll when visible */
-    lockScroll: boolean;
+    readonly lockScroll: _angular_core.InputSignal<boolean>;
     /** Whether to animate transitions */
-    animate: boolean;
+    readonly animate: _angular_core.InputSignal<boolean>;
     /** Z-index of the overlay */
-    zIndex: number;
+    readonly zIndex: _angular_core.InputSignal<number>;
     /** Additional CSS classes */
-    class: string;
+    readonly class: _angular_core.InputSignal<string>;
     /** Emits when overlay should close */
-    close: EventEmitter<void>;
-    constructor(twClass: TwClassService);
+    readonly close: _angular_core.OutputEmitterRef<void>;
+    private previousOverflow;
+    private scrollLocked;
+    constructor();
+    ngOnDestroy(): void;
     onEscapeKey(): void;
-    protected overlayClasses(): string;
+    protected readonly overlayClasses: _angular_core.Signal<string>;
     protected onOverlayClick(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwOverlayComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwOverlayComponent, "tw-overlay", never, { "visible": { "alias": "visible"; "required": false; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "blur": { "alias": "blur"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "centered": { "alias": "centered"; "required": false; }; "lockScroll": { "alias": "lockScroll"; "required": false; }; "animate": { "alias": "animate"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "close": "close"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwOverlayComponent, "tw-overlay", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "blur": { "alias": "blur"; "required": false; "isSignal": true; }; "opacity": { "alias": "opacity"; "required": false; "isSignal": true; }; "centered": { "alias": "centered"; "required": false; "isSignal": true; }; "lockScroll": { "alias": "lockScroll"; "required": false; "isSignal": true; }; "animate": { "alias": "animate"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["*"], true, never>;
 }
 
 type BadgeVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
@@ -3714,6 +3802,8 @@ declare class TwAvatarComponent {
     protected _badge: _angular_core.WritableSignal<string>;
     protected _color: _angular_core.WritableSignal<string>;
     protected _imageError: _angular_core.WritableSignal<boolean>;
+    /** Internal: set by TwAvatarGroupComponent to hide avatars beyond its `max` */
+    readonly hiddenInGroup: _angular_core.WritableSignal<boolean>;
     protected srcVal: _angular_core.Signal<string>;
     protected altVal: _angular_core.Signal<string>;
     protected initialsVal: _angular_core.Signal<string>;
@@ -3728,21 +3818,27 @@ declare class TwAvatarComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwAvatarComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwAvatarComponent, "tw-avatar", never, { "src": { "alias": "src"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "status": { "alias": "status"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
 }
-declare class TwAvatarGroupComponent {
+declare class TwAvatarGroupComponent implements AfterContentInit {
     set max(val: number);
     set total(val: number);
     set size(val: AvatarSize);
     set spacing(val: 'tight' | 'normal' | 'loose');
+    protected avatars: QueryList<TwAvatarComponent>;
     protected _max: _angular_core.WritableSignal<number>;
     protected _total: _angular_core.WritableSignal<number>;
     protected _size: _angular_core.WritableSignal<AvatarSize>;
     protected _spacing: _angular_core.WritableSignal<"tight" | "normal" | "loose">;
+    private readonly destroyRef;
+    constructor();
+    ngAfterContentInit(): void;
+    /** Propagates the group size to each avatar and hides avatars beyond `max` */
+    private applyToAvatars;
     protected maxVal: _angular_core.Signal<number>;
     protected overflowVal: _angular_core.Signal<number>;
     protected groupClasses: _angular_core.Signal<string>;
     protected overflowClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwAvatarGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwAvatarGroupComponent, "tw-avatar-group", never, { "max": { "alias": "max"; "required": false; }; "total": { "alias": "total"; "required": false; }; "size": { "alias": "size"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwAvatarGroupComponent, "tw-avatar-group", never, { "max": { "alias": "max"; "required": false; }; "total": { "alias": "total"; "required": false; }; "size": { "alias": "size"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; }, {}, ["avatars"], ["*"], true, never>;
 }
 
 interface TableColumn {
@@ -3757,26 +3853,40 @@ type TableSize = 'sm' | 'md' | 'lg';
 type TableVariant = 'default' | 'striped' | 'bordered';
 /**
  * Table/DataTable component with Tailwind CSS styling
+ *
+ * Header and per-row action slots are provided as named templates:
+ *
+ * @example
+ * ```html
+ * <tw-table [data]="rows" [columns]="cols">
+ *   <ng-template #twTableActions>
+ *     <button>Export</button>
+ *   </ng-template>
+ *   <ng-template #twRowActions let-row>
+ *     <button (click)="edit(row)">Edit</button>
+ *   </ng-template>
+ * </tw-table>
+ * ```
  */
 declare class TwTableComponent {
     private readonly twClass;
-    data: any[];
-    columns: TableColumn[];
-    title: string;
-    size: TableSize;
-    variant: TableVariant;
-    selectable: boolean;
-    selectionMode: 'single' | 'multiple';
-    showGlobalFilter: boolean;
-    filterPlaceholder: string;
-    paginator: boolean;
-    rows: number;
-    rowsPerPageOptions: number[];
-    emptyMessage: string;
-    hoverable: boolean;
-    responsive: boolean;
-    trackByFn: (item: any) => any;
-    classOverride: string;
+    readonly data: _angular_core.InputSignal<any[]>;
+    readonly columns: _angular_core.InputSignal<TableColumn[]>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<TableSize>;
+    readonly variant: _angular_core.InputSignal<TableVariant>;
+    readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly selectionMode: _angular_core.InputSignal<"single" | "multiple">;
+    readonly showGlobalFilter: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly filterPlaceholder: _angular_core.InputSignal<string>;
+    readonly paginator: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly rows: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly rowsPerPageOptions: _angular_core.InputSignal<number[]>;
+    readonly emptyMessage: _angular_core.InputSignal<string>;
+    readonly hoverable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly responsive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly trackByFn: _angular_core.InputSignal<(item: any) => any>;
+    readonly classOverride: _angular_core.InputSignal<string>;
     selectionChange: EventEmitter<any[]>;
     rowClick: EventEmitter<any>;
     sortChange: EventEmitter<{
@@ -3787,16 +3897,19 @@ declare class TwTableComponent {
         page: number;
         rows: number;
     }>;
-    headerActionsTemplate: TemplateRef<any>;
-    rowActionsTemplate: TemplateRef<any>;
+    readonly headerActionsTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    readonly rowActionsTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     protected globalFilter: _angular_core.WritableSignal<string>;
     protected sortField: _angular_core.WritableSignal<string>;
     protected sortOrder: _angular_core.WritableSignal<1 | -1>;
     protected currentPage: _angular_core.WritableSignal<number>;
-    protected selection: _angular_core.WritableSignal<any[]>;
-    protected get hasHeaderActions(): boolean;
-    protected get hasRowActions(): boolean;
-    protected get totalColumns(): number;
+    /** Current page size; follows the `rows` input until changed via the rows-per-page select. */
+    protected pageSize: _angular_core.WritableSignal<number>;
+    /** Selection is held as a Set internally for O(1) lookups; emitted as an array. */
+    protected selection: _angular_core.WritableSignal<ReadonlySet<any>>;
+    protected readonly hasHeaderActions: _angular_core.Signal<boolean>;
+    protected readonly hasRowActions: _angular_core.Signal<boolean>;
+    protected readonly totalColumns: _angular_core.Signal<number>;
     protected filteredData: _angular_core.Signal<any[]>;
     protected totalRecords: _angular_core.Signal<number>;
     protected totalPages: _angular_core.Signal<number>;
@@ -3810,15 +3923,21 @@ declare class TwTableComponent {
     protected tableWrapperClasses: _angular_core.Signal<"" | "overflow-x-auto">;
     protected tableClasses: _angular_core.Signal<string>;
     protected theadClasses: _angular_core.Signal<string>;
-    protected thClasses(col: TableColumn): string;
     protected tbodyClasses: _angular_core.Signal<string>;
-    protected trClasses(row: any, isOdd: boolean): string;
+    /** Per-column th/td class map, recomputed only when columns/size/variant change. */
+    private readonly columnClassMap;
+    protected thClasses(col: TableColumn): string;
     protected tdClasses(col: TableColumn): string;
+    /** Row class matrix memoized per selected/odd combination. */
+    private readonly rowClassMatrix;
+    protected trClasses(row: any, isOdd: boolean): string;
     protected pageButtonClasses(page: number): string;
+    protected ariaSort(col: TableColumn): 'ascending' | 'descending' | 'none' | null;
     getFieldValue(obj: any, field: string): any;
     onGlobalFilterChange(event: Event): void;
     onSort(col: TableColumn): void;
     goToPage(page: number): void;
+    onRowsPerPageChange(event: Event): void;
     isSelected(row: any): boolean;
     toggleSelection(row: any): void;
     toggleSelectAll(): void;
@@ -3826,50 +3945,48 @@ declare class TwTableComponent {
     clearSelection(): void;
     reset(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwTableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwTableComponent, "tw-table", never, { "data": { "alias": "data"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "title": { "alias": "title"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "showGlobalFilter": { "alias": "showGlobalFilter"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "hoverable": { "alias": "hoverable"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "classOverride": { "alias": "classOverride"; "required": false; }; }, { "selectionChange": "selectionChange"; "rowClick": "rowClick"; "sortChange": "sortChange"; "pageChange": "pageChange"; }, ["headerActionsTemplate", "rowActionsTemplate"], ["[twTableActions]", "[twRowActions]"], true, never>;
-    static ngAcceptInputType_selectable: unknown;
-    static ngAcceptInputType_showGlobalFilter: unknown;
-    static ngAcceptInputType_paginator: unknown;
-    static ngAcceptInputType_rows: unknown;
-    static ngAcceptInputType_hoverable: unknown;
-    static ngAcceptInputType_responsive: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwTableComponent, "tw-table", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "showGlobalFilter": { "alias": "showGlobalFilter"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "trackByFn": { "alias": "trackByFn"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "rowClick": "rowClick"; "sortChange": "sortChange"; "pageChange": "pageChange"; }, ["headerActionsTemplate", "rowActionsTemplate"], ["[twTableActions]"], true, never>;
 }
 
 declare class TwDatatablesComponent {
-    data: unknown[];
-    columns: TableColumn[];
-    title: string;
-    subtitle?: string;
-    description?: string;
-    tableSize: TableSize;
-    tableVariant: TableVariant;
-    selectable: boolean;
-    selectionMode: 'single' | 'multiple';
-    showGlobalFilter: boolean;
-    paginator: boolean;
-    rows: number;
-    hoverable: boolean;
-    responsive: boolean;
-    emptyMessage: string;
-    classOverride: string;
-    containerClass: string;
-    toolbarClass: string;
-    selectionChange: EventEmitter<unknown[]>;
-    rowClick: EventEmitter<unknown>;
-    sortChange: EventEmitter<{
+    readonly data: _angular_core.InputSignal<unknown[]>;
+    /**
+     * Column definitions forwarded to the underlying tw-table.
+     * Columns are sortable by default; set `sortable: false` on a column to disable sorting for it.
+     */
+    readonly columns: _angular_core.InputSignal<TableColumn[]>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly subtitle: _angular_core.InputSignal<string | undefined>;
+    readonly description: _angular_core.InputSignal<string | undefined>;
+    readonly tableSize: _angular_core.InputSignal<TableSize>;
+    readonly tableVariant: _angular_core.InputSignal<TableVariant>;
+    readonly selectable: _angular_core.InputSignal<boolean>;
+    readonly selectionMode: _angular_core.InputSignal<"single" | "multiple">;
+    readonly showGlobalFilter: _angular_core.InputSignal<boolean>;
+    readonly paginator: _angular_core.InputSignal<boolean>;
+    readonly rows: _angular_core.InputSignal<number>;
+    readonly hoverable: _angular_core.InputSignal<boolean>;
+    readonly responsive: _angular_core.InputSignal<boolean>;
+    readonly emptyMessage: _angular_core.InputSignal<string>;
+    readonly classOverride: _angular_core.InputSignal<string>;
+    readonly containerClass: _angular_core.InputSignal<string>;
+    readonly toolbarClass: _angular_core.InputSignal<string>;
+    readonly selectionChange: _angular_core.OutputEmitterRef<unknown[]>;
+    readonly rowClick: _angular_core.OutputEmitterRef<unknown>;
+    readonly sortChange: _angular_core.OutputEmitterRef<{
         field: string;
         order: number;
     }>;
-    pageChange: EventEmitter<{
+    readonly pageChange: _angular_core.OutputEmitterRef<{
         page: number;
         rows: number;
     }>;
     protected readonly baseContainerClass = "bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-700 rounded-2xl shadow-sm p-6 space-y-6";
     protected readonly baseToolbarClass = "flex items-center gap-2 flex-wrap";
-    protected get containerClassList(): string;
-    protected get toolbarClassList(): string;
+    protected readonly containerClassList: _angular_core.Signal<string>;
+    protected readonly toolbarClassList: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwDatatablesComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwDatatablesComponent, "tw-datatables", never, { "data": { "alias": "data"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "description": { "alias": "description"; "required": false; }; "tableSize": { "alias": "tableSize"; "required": false; }; "tableVariant": { "alias": "tableVariant"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "showGlobalFilter": { "alias": "showGlobalFilter"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "hoverable": { "alias": "hoverable"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "classOverride": { "alias": "classOverride"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "toolbarClass": { "alias": "toolbarClass"; "required": false; }; }, { "selectionChange": "selectionChange"; "rowClick": "rowClick"; "sortChange": "sortChange"; "pageChange": "pageChange"; }, never, ["[twDatatablesActions]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwDatatablesComponent, "tw-datatables", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "tableSize": { "alias": "tableSize"; "required": false; "isSignal": true; }; "tableVariant": { "alias": "tableVariant"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "showGlobalFilter": { "alias": "showGlobalFilter"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; "containerClass": { "alias": "containerClass"; "required": false; "isSignal": true; }; "toolbarClass": { "alias": "toolbarClass"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "rowClick": "rowClick"; "sortChange": "sortChange"; "pageChange": "pageChange"; }, never, ["[twDatatablesActions]"], true, never>;
 }
 
 interface TreeNode {
@@ -3897,18 +4014,19 @@ type TreeSelectionMode = 'none' | 'single' | 'multiple' | 'checkbox';
  */
 declare class TwTreeComponent {
     private readonly twClass;
+    private readonly nodeRows;
     /** Tree nodes */
-    nodes: TreeNode[];
+    readonly nodes: _angular_core.InputSignal<TreeNode[]>;
     /** Selection mode */
-    selectionMode: TreeSelectionMode;
+    readonly selectionMode: _angular_core.InputSignal<TreeSelectionMode>;
     /** Indent size in pixels */
-    indentSize: number;
+    readonly indentSize: _angular_core.InputSignalWithTransform<number, unknown>;
     /** Whether to propagate selection to children */
-    propagateSelectionDown: boolean;
+    readonly propagateSelectionDown: _angular_core.InputSignal<boolean>;
     /** Whether to propagate selection to parent */
-    propagateSelectionUp: boolean;
+    readonly propagateSelectionUp: _angular_core.InputSignal<boolean>;
     /** Additional classes */
-    classOverride: string;
+    readonly classOverride: _angular_core.InputSignal<string>;
     /** Node select event */
     onNodeSelect: EventEmitter<TreeNode>;
     /** Node unselect event */
@@ -3919,8 +4037,18 @@ declare class TwTreeComponent {
     onNodeCollapse: EventEmitter<TreeNode>;
     /** Selection change event */
     selectionChange: EventEmitter<TreeNode[]>;
-    protected selection: _angular_core.WritableSignal<TreeNode[]>;
+    /** Selection is held as a Set internally for O(1) lookups; emitted as an array. */
+    protected selection: _angular_core.WritableSignal<ReadonlySet<TreeNode>>;
+    /** Node currently owning the roving tabindex. */
+    protected readonly focusedNode: _angular_core.WritableSignal<TreeNode | null>;
     protected containerClasses: _angular_core.Signal<string>;
+    /**
+     * Per-node view state (selected/indeterminate flags and classes), computed in a
+     * single pass over the tree whenever the nodes input or the selection changes.
+     */
+    private readonly nodeViewState;
+    /** Child-to-parent lookup used for upward selection propagation. */
+    private readonly parentMap;
     protected nodeClasses(node: TreeNode, level: number): string;
     protected labelClasses(node: TreeNode): string;
     isSelected(node: TreeNode): boolean;
@@ -3928,10 +4056,18 @@ declare class TwTreeComponent {
     onNodeClick(node: TreeNode): void;
     onCheckboxChange(node: TreeNode, event: Event): void;
     toggleNode(node: TreeNode): void;
-    private selectNode;
-    private unselectNode;
-    private getSelectedDescendants;
-    private getAllDescendants;
+    protected nodeTabIndex(node: TreeNode): number;
+    protected onNodeKeydown(event: KeyboardEvent, node: TreeNode): void;
+    private focusNodeAt;
+    /** Nodes currently rendered, in DOM order (visible and all ancestors expanded). */
+    private getVisibleNodes;
+    private selectNodeInto;
+    private unselectNodeFrom;
+    /**
+     * Walks up from the given node: a parent becomes selected when all of its
+     * direct children are selected, and is deselected otherwise.
+     */
+    private updateAncestors;
     /** Expand all nodes */
     expandAll(): void;
     /** Collapse all nodes */
@@ -3941,8 +4077,7 @@ declare class TwTreeComponent {
     /** Clear selection */
     clearSelection(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwTreeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwTreeComponent, "tw-tree", never, { "nodes": { "alias": "nodes"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "indentSize": { "alias": "indentSize"; "required": false; }; "propagateSelectionDown": { "alias": "propagateSelectionDown"; "required": false; }; "propagateSelectionUp": { "alias": "propagateSelectionUp"; "required": false; }; "classOverride": { "alias": "classOverride"; "required": false; }; }, { "onNodeSelect": "onNodeSelect"; "onNodeUnselect": "onNodeUnselect"; "onNodeExpand": "onNodeExpand"; "onNodeCollapse": "onNodeCollapse"; "selectionChange": "selectionChange"; }, never, never, true, never>;
-    static ngAcceptInputType_indentSize: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwTreeComponent, "tw-tree", never, { "nodes": { "alias": "nodes"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "indentSize": { "alias": "indentSize"; "required": false; "isSignal": true; }; "propagateSelectionDown": { "alias": "propagateSelectionDown"; "required": false; "isSignal": true; }; "propagateSelectionUp": { "alias": "propagateSelectionUp"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "onNodeSelect": "onNodeSelect"; "onNodeUnselect": "onNodeUnselect"; "onNodeExpand": "onNodeExpand"; "onNodeCollapse": "onNodeCollapse"; "selectionChange": "selectionChange"; }, never, never, true, never>;
 }
 
 interface TimelineEvent {
@@ -3981,12 +4116,14 @@ declare class TwTimelineComponent {
     readonly classOverride: _angular_core.InputSignal<string>;
     private readonly MARKER_SIZES;
     protected containerClasses: _angular_core.Signal<string>;
-    protected itemClasses(isFirst: boolean, isLast: boolean): string;
-    protected connectorClasses(): string;
+    /** Effective alignment for an item; 'alternate' resolves per index (even left, odd right) */
+    protected effectiveAlign(index: number): 'left' | 'right';
+    protected itemClasses(index: number, isFirst: boolean, isLast: boolean): string;
+    protected connectorClasses(index: number): string;
     protected markerContainerClasses(): string;
     protected dotMarkerClasses(event: TimelineEvent): string;
     protected iconMarkerClasses(event: TimelineEvent): string;
-    protected contentClasses(): string;
+    protected contentClasses(index: number): string;
     protected dateClasses(): string;
     protected titleClasses(): string;
     protected descriptionClasses(): string;
@@ -3997,6 +4134,10 @@ declare class TwTimelineComponent {
 interface BreadcrumbItem {
     label: string;
     href?: string;
+    /**
+     * Optional icon rendered before the label. Treated as an HTML string
+     * (e.g. an inline SVG) and sanitized by Angular's built-in HTML sanitizer.
+     */
     icon?: string;
 }
 type BreadcrumbSeparator = 'slash' | 'chevron' | 'arrow' | 'dot';
@@ -4072,8 +4213,8 @@ declare class TwStepsComponent {
     private readonly twClass;
     /** Step definitions */
     readonly steps: _angular_core.InputSignal<StepItem[]>;
-    /** Current active step index */
-    readonly activeIndex: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Current active step index (two-way bindable) */
+    readonly activeIndex: _angular_core.ModelSignal<number>;
     /** Orientation */
     readonly orientation: _angular_core.InputSignal<StepsOrientation>;
     /** Size variant */
@@ -4082,12 +4223,10 @@ declare class TwStepsComponent {
     readonly showLabels: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether steps are readonly (non-clickable) */
     readonly readonlyMode: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Whether to allow clicking future steps */
+    /** Whether navigation is linear (future steps are not clickable) */
     readonly linear: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Additional classes */
     readonly classOverride: _angular_core.InputSignal<string>;
-    /** Active index change event */
-    readonly activeIndexChange: _angular_core.OutputEmitterRef<number>;
     /** Step click event */
     readonly onStepClick$: _angular_core.OutputEmitterRef<{
         step: StepItem;
@@ -4100,6 +4239,8 @@ declare class TwStepsComponent {
     protected getHorizontalConnectorStyle(): Record<string, string>;
     protected verticalConnectorClasses(index: number): string;
     protected getVerticalConnectorStyle(): Record<string, string>;
+    /** Whether the step at the given index can be activated by the user */
+    protected isStepClickable(index: number): boolean;
     protected stepContentClasses(index: number): string;
     protected indicatorClasses(index: number): string;
     protected labelContainerClasses(): string;
@@ -4114,7 +4255,7 @@ declare class TwStepsComponent {
     /** Go to specific step */
     goTo(index: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwStepsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwStepsComponent, "tw-steps", never, { "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabels": { "alias": "showLabels"; "required": false; "isSignal": true; }; "readonlyMode": { "alias": "readonly"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "activeIndexChange": "activeIndexChange"; "onStepClick$": "onStepClick$"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwStepsComponent, "tw-steps", never, { "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabels": { "alias": "showLabels"; "required": false; "isSignal": true; }; "readonlyMode": { "alias": "readonly"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; "onStepClick$": "onStepClick$"; }, never, never, true, never>;
 }
 
 interface MenuItem {
@@ -4125,6 +4266,10 @@ interface MenuItem {
         item: MenuItem;
     }) => void;
     url?: string;
+    /**
+     * @deprecated The library does not depend on `@angular/router`; this value is
+     * rendered as a plain `href` (array segments joined with `/`). Prefer `url`.
+     */
     routerLink?: string | any[];
     disabled?: boolean;
     visible?: boolean;
@@ -4145,36 +4290,41 @@ type MenuVariant = 'default' | 'bordered' | 'elevated';
  */
 declare class TwMenuComponent {
     private readonly twClass;
+    private readonly elementRef;
+    private readonly document;
     /** Menu items */
-    items: MenuItem[];
+    readonly items: _angular_core.InputSignal<MenuItem[]>;
     /** Visual variant */
-    variant: MenuVariant;
+    readonly variant: _angular_core.InputSignal<MenuVariant>;
     /** Whether menu is popup style */
-    popup: boolean;
+    readonly popup: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Additional classes */
-    classOverride: string;
+    readonly classOverride: _angular_core.InputSignal<string>;
     /** Item select event */
-    onSelect: EventEmitter<MenuItem>;
+    readonly onSelect: _angular_core.OutputEmitterRef<MenuItem>;
     protected openSubmenu: _angular_core.WritableSignal<MenuItem | null>;
     protected containerClasses: _angular_core.Signal<string>;
     protected itemClasses(item: MenuItem): string;
     protected separatorClasses(): string;
     protected submenuClasses(): string;
     protected badgeClasses(): string;
+    /** Href for link items: `url` wins; `routerLink` renders as a plain href fallback */
+    protected itemHref(item: MenuItem): string | null;
     onSubmenuEnter(item: MenuItem): void;
     onSubmenuLeave(): void;
     onItemClick(item: MenuItem): void;
+    protected onLinkClick(item: MenuItem, event: Event): void;
+    protected onMenuKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwMenuComponent, "tw-menu", never, { "items": { "alias": "items"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "popup": { "alias": "popup"; "required": false; }; "classOverride": { "alias": "classOverride"; "required": false; }; }, { "onSelect": "onSelect"; }, never, never, true, never>;
-    static ngAcceptInputType_popup: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwMenuComponent, "tw-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "popup": { "alias": "popup"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; }, never, never, true, never>;
 }
 /**
  * Context menu component
  */
 declare class TwContextMenuComponent {
-    items: MenuItem[];
-    onSelect: EventEmitter<MenuItem>;
-    onHide: EventEmitter<void>;
+    readonly items: _angular_core.InputSignal<MenuItem[]>;
+    readonly onSelect: _angular_core.OutputEmitterRef<MenuItem>;
+    readonly onHide: _angular_core.OutputEmitterRef<void>;
     protected visible: _angular_core.WritableSignal<boolean>;
     protected x: _angular_core.WritableSignal<number>;
     protected y: _angular_core.WritableSignal<number>;
@@ -4182,7 +4332,7 @@ declare class TwContextMenuComponent {
     hide(): void;
     onItemSelect(item: MenuItem): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwContextMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwContextMenuComponent, "tw-context-menu", never, { "items": { "alias": "items"; "required": false; }; }, { "onSelect": "onSelect"; "onHide": "onHide"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwContextMenuComponent, "tw-context-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; "onHide": "onHide"; }, never, never, true, never>;
 }
 
 type AlertVariant = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
@@ -4201,7 +4351,8 @@ type AlertStyle = 'solid' | 'soft' | 'outlined' | 'accent';
  *   Your changes have been saved successfully.
  * </tw-alert>
  *
- * <tw-alert variant="danger" alertStyle="accent" [icon]="customIcon">
+ * <tw-alert variant="danger" alertStyle="accent" [hasCustomIcon]="true">
+ *   <svg twAlertIcon class="w-5 h-5" viewBox="0 0 24 24">...</svg>
  *   An error occurred while processing your request.
  * </tw-alert>
  * ```
@@ -4209,9 +4360,9 @@ type AlertStyle = 'solid' | 'soft' | 'outlined' | 'accent';
 declare class TwAlertComponent {
     private readonly twClass;
     /** Color variant */
-    variant: AlertVariant;
+    readonly variant: _angular_core.InputSignal<AlertVariant>;
     /** Style variant */
-    alertStyle: AlertStyle;
+    readonly alertStyle: _angular_core.InputSignal<AlertStyle>;
     /** Whether the alert can be dismissed */
     dismissible: boolean;
     /** Whether to show the icon */
@@ -4219,12 +4370,19 @@ declare class TwAlertComponent {
     /** Whether a custom icon is provided */
     hasCustomIcon: boolean;
     /** ARIA live region setting */
-    ariaLive: 'polite' | 'assertive' | 'off';
+    readonly ariaLive: _angular_core.InputSignal<"polite" | "assertive" | "off">;
     /** Additional classes */
-    classOverride: string;
+    readonly classOverride: _angular_core.InputSignal<string>;
     /** Dismiss event */
     dismiss: EventEmitter<void>;
     protected dismissed: _angular_core.WritableSignal<boolean>;
+    /**
+     * Role derived from the ariaLive setting: assertive maps to role="alert",
+     * polite maps to role="status", off sets no role.
+     */
+    protected readonly alertRole: _angular_core.Signal<"status" | "alert" | null>;
+    /** aria-live attribute, omitted when the role already conveys the live semantics */
+    protected readonly ariaLiveAttr: _angular_core.Signal<"polite" | "assertive" | "off" | null>;
     protected computedClasses: _angular_core.Signal<string>;
     protected iconClasses: _angular_core.Signal<string>;
     protected dismissButtonClasses: _angular_core.Signal<string>;
@@ -4234,7 +4392,7 @@ declare class TwAlertComponent {
     /** Programmatically show the alert again */
     show(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwAlertComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwAlertComponent, "tw-alert", never, { "variant": { "alias": "variant"; "required": false; }; "alertStyle": { "alias": "alertStyle"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "hasCustomIcon": { "alias": "hasCustomIcon"; "required": false; }; "ariaLive": { "alias": "ariaLive"; "required": false; }; "classOverride": { "alias": "classOverride"; "required": false; }; }, { "dismiss": "dismiss"; }, never, ["[twAlertIcon]", "*", "[twAlertAction]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwAlertComponent, "tw-alert", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "alertStyle": { "alias": "alertStyle"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "hasCustomIcon": { "alias": "hasCustomIcon"; "required": false; }; "ariaLive": { "alias": "ariaLive"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, ["[twAlertIcon]", "*", "[twAlertAction]"], true, never>;
     static ngAcceptInputType_dismissible: unknown;
     static ngAcceptInputType_showIcon: unknown;
     static ngAcceptInputType_hasCustomIcon: unknown;
@@ -4275,9 +4433,14 @@ interface Toast extends ToastOptions {
 declare class TwToastService {
     private readonly _toasts;
     private readonly _position;
+    /** Pending auto-dismiss timers, keyed by toast id, so dismissal can cancel them. */
+    private readonly timers;
+    private _maxToasts;
     readonly toasts: _angular_core.Signal<Toast[]>;
     readonly position: _angular_core.Signal<ToastPosition>;
     setPosition(position: ToastPosition): void;
+    /** Cap the number of simultaneously shown toasts; the oldest are evicted. */
+    setMaxToasts(max: number): void;
     show(options: ToastOptions): string;
     success(message: string, title?: string): string;
     error(message: string, title?: string): string;
@@ -4285,6 +4448,7 @@ declare class TwToastService {
     info(message: string, title?: string): string;
     dismiss(id: string): void;
     dismissAll(): void;
+    private clearTimer;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwToastService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<TwToastService>;
 }
@@ -4314,6 +4478,8 @@ declare class TwToastComponent {
         label: string;
         onClick: () => void;
     } | undefined>;
+    /** Only urgent variants interrupt as alerts; the rest are polite status messages. */
+    protected roleValue: _angular_core.Signal<"status" | "alert">;
     protected toastClasses: _angular_core.Signal<string>;
     protected iconClasses: _angular_core.Signal<string>;
     protected onDismiss(): void;
@@ -4326,6 +4492,8 @@ declare class TwToastContainerComponent {
     protected position: _angular_core.Signal<ToastPosition>;
     constructor(toastService: TwToastService);
     protected containerClasses: _angular_core.Signal<string>;
+    /** Cached per-id dismiss closures so bindings stay referentially stable across CD runs. */
+    private readonly dismissFns;
     getDismissFunction(id: string): () => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwToastContainerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwToastContainerComponent, "tw-toast-container", never, {}, {}, never, never, true, never>;
@@ -4337,13 +4505,17 @@ type SpinnerColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' |
 declare class TwSpinnerComponent {
     set size(val: SpinnerSize);
     set variant(val: SpinnerVariant);
+    /**
+     * Spinner color. Accepts a named color, or a complete Tailwind utility class
+     * matching the variant (e.g. `border-red-500` for the border variant,
+     * `bg-red-500` for dots/pulse/bars). Partial values such as `red-500` are
+     * not supported because Tailwind cannot generate classes composed at runtime.
+     */
     set color(val: SpinnerColor | string);
     protected _size: _angular_core.WritableSignal<SpinnerSize>;
     protected _variant: _angular_core.WritableSignal<SpinnerVariant>;
     protected _color: _angular_core.WritableSignal<string>;
     protected variantVal: _angular_core.Signal<SpinnerVariant>;
-    private readonly borderColors;
-    private readonly bgColors;
     private getBorderColor;
     private getBgColor;
     protected borderClasses: _angular_core.Signal<string>;
@@ -4358,6 +4530,11 @@ declare class TwSpinnerComponent {
 declare class TwLoadingOverlayComponent {
     set size(val: SpinnerSize);
     set variant(val: SpinnerVariant);
+    /**
+     * Spinner color. Accepts a named color, or a complete Tailwind utility class
+     * matching the variant (e.g. `border-red-500` for the border variant,
+     * `bg-red-500` for dots/pulse/bars).
+     */
     set color(val: SpinnerColor | string);
     set message(val: string);
     set overlay(val: 'full' | 'inline');
@@ -4404,6 +4581,7 @@ declare class TwProgressComponent {
     protected labelText: _angular_core.Signal<string>;
     protected showValueFlag: _angular_core.Signal<boolean>;
     protected labelPositionVal: _angular_core.Signal<"top" | "bottom" | "inside">;
+    protected indeterminateFlag: _angular_core.Signal<boolean>;
     protected percentage: _angular_core.Signal<number>;
     protected containerClasses: _angular_core.Signal<string>;
     protected trackClasses: _angular_core.Signal<string>;
@@ -4455,6 +4633,7 @@ declare class TwSkeletonComponent {
     protected customStyle: _angular_core.Signal<Record<string, string>>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwSkeletonComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSkeletonComponent, "tw-skeleton", never, { "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_animated: unknown;
 }
 type SkeletonGap = 'sm' | 'md' | 'lg';
 declare class TwSkeletonTextComponent {
@@ -4473,6 +4652,8 @@ declare class TwSkeletonTextComponent {
     }[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwSkeletonTextComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSkeletonTextComponent, "tw-skeleton-text", never, { "lineCount": { "alias": "lineCount"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; "lastLineWidth": { "alias": "lastLineWidth"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_lineCount: unknown;
+    static ngAcceptInputType_animated: unknown;
 }
 declare class TwSkeletonCardComponent {
     set showMedia(value: boolean);
@@ -4489,6 +4670,10 @@ declare class TwSkeletonCardComponent {
     protected lineCountValue: _angular_core.Signal<number>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwSkeletonCardComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSkeletonCardComponent, "tw-skeleton-card", never, { "showMedia": { "alias": "showMedia"; "required": false; }; "showAvatar": { "alias": "showAvatar"; "required": false; }; "mediaHeight": { "alias": "mediaHeight"; "required": false; }; "lineCount": { "alias": "lineCount"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_showMedia: unknown;
+    static ngAcceptInputType_showAvatar: unknown;
+    static ngAcceptInputType_mediaHeight: unknown;
+    static ngAcceptInputType_lineCount: unknown;
 }
 declare class TwSkeletonTableComponent {
     set rowCount(value: number);
@@ -4502,6 +4687,8 @@ declare class TwSkeletonTableComponent {
     }[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwSkeletonTableComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSkeletonTableComponent, "tw-skeleton-table", never, { "rowCount": { "alias": "rowCount"; "required": false; }; "columnCount": { "alias": "columnCount"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_rowCount: unknown;
+    static ngAcceptInputType_columnCount: unknown;
 }
 
 type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
@@ -4559,6 +4746,8 @@ declare class TwModalComponent implements OnDestroy {
     closed: EventEmitter<void>;
     openChange: EventEmitter<boolean>;
     private previousOverflow;
+    /** Projected title, used as the default aria-labelledby target */
+    protected readonly modalTitle: _angular_core.Signal<TwModalTitleComponent | undefined>;
     constructor();
     ngOnDestroy(): void;
     onEscapeKey(event: Event): void;
@@ -4576,7 +4765,7 @@ declare class TwModalComponent implements OnDestroy {
     private lockScroll;
     private unlockScroll;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwModalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwModalComponent, "tw-modal", never, { "open": { "alias": "open"; "required": false; }; "size": { "alias": "size"; "required": false; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; }; "centered": { "alias": "centered"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; "openChange": "openChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwModalComponent, "tw-modal", never, { "open": { "alias": "open"; "required": false; }; "size": { "alias": "size"; "required": false; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; }; "centered": { "alias": "centered"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; "openChange": "openChange"; }, ["modalTitle"], ["*"], true, never>;
     static ngAcceptInputType_closeOnBackdropClick: unknown;
     static ngAcceptInputType_closeOnEscape: unknown;
     static ngAcceptInputType_showCloseButton: unknown;
@@ -4595,8 +4784,10 @@ declare class TwModalHeaderComponent {
  * Modal title component
  */
 declare class TwModalTitleComponent {
+    /** Unique ID used as the modal's default aria-labelledby (auto-generated if not provided) */
+    id: string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwModalTitleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwModalTitleComponent, "tw-modal-title", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwModalTitleComponent, "tw-modal-title", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 /**
  * Modal body component
@@ -4716,6 +4907,7 @@ declare class TwDropdownComponent implements OnDestroy {
     /** Event emitted when the dropdown closes */
     closed: EventEmitter<void>;
     protected isOpen: _angular_core.WritableSignal<boolean>;
+    private readonly triggerDirective;
     private portalHost;
     private portalElement;
     private menuContentElement;
@@ -4730,11 +4922,13 @@ declare class TwDropdownComponent implements OnDestroy {
     toggle(): void;
     open(): void;
     close(): void;
+    private getMenuItems;
+    private moveItemFocus;
     private createPortal;
     private destroyPortal;
     private updatePosition;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwDropdownComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwDropdownComponent, "tw-dropdown", never, { "position": { "alias": "position"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "menuClass": { "alias": "menuClass"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; }, never, ["[twDropdownTrigger]", "tw-dropdown-menu"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwDropdownComponent, "tw-dropdown", never, { "position": { "alias": "position"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "menuClass": { "alias": "menuClass"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; }, ["triggerDirective"], ["[twDropdownTrigger]", "tw-dropdown-menu"], true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_closeOnSelect: unknown;
 }
@@ -4749,7 +4943,7 @@ declare class TwDropdownMenuComponent {
  * Trigger directive for dropdown
  */
 declare class TwDropdownTriggerDirective {
-    expanded: boolean;
+    readonly expanded: _angular_core.WritableSignal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwDropdownTriggerDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TwDropdownTriggerDirective, "[twDropdownTrigger]", never, {}, {}, never, never, true, never>;
 }
@@ -4770,45 +4964,53 @@ type SidebarSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
  */
 declare class TwSidebarComponent {
     private readonly twClass;
-    /** Whether the sidebar is visible */
+    private readonly platformId;
+    /** Whether the sidebar is visible. Supports two-way binding via `[(visible)]`. */
+    readonly visible: _angular_core.ModelSignal<boolean>;
+    /**
+     * Whether the sidebar is visible
+     *
+     * @deprecated Use `[(visible)]` instead.
+     */
     set visibleInput(value: boolean);
     /** Header text */
-    header: string;
+    readonly header: _angular_core.InputSignal<string>;
     /** Position of the sidebar */
-    position: SidebarPosition;
+    readonly position: _angular_core.InputSignal<SidebarPosition>;
     /** Size of the sidebar */
-    size: SidebarSize;
+    readonly size: _angular_core.InputSignal<SidebarSize>;
     /** Whether to show backdrop */
-    showBackdrop: boolean;
+    readonly showBackdrop: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether clicking backdrop closes sidebar */
-    dismissible: boolean;
+    readonly dismissible: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether pressing Escape closes sidebar */
-    closeOnEscape: boolean;
+    readonly closeOnEscape: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether to show close button */
-    showCloseButton: boolean;
+    readonly showCloseButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether the sidebar is modal (blocks interaction with page) */
-    modal: boolean;
+    readonly modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Additional classes */
-    classOverride: string;
-    /** Visibility change event */
-    visibleChange: EventEmitter<boolean>;
+    readonly classOverride: _angular_core.InputSignal<string>;
     /** Show event */
-    onShow: EventEmitter<void>;
+    readonly onShow: _angular_core.OutputEmitterRef<void>;
     /** Hide event */
-    onHide: EventEmitter<void>;
-    footerTemplate: TemplateRef<any>;
-    protected visible: _angular_core.WritableSignal<boolean>;
-    protected get hasFooter(): boolean;
+    readonly onHide: _angular_core.OutputEmitterRef<void>;
+    footerTemplate?: TemplateRef<unknown>;
+    /** Previous body overflow value, restored on hide so underlying scroll locks survive */
+    private previousBodyOverflow;
     protected backdropClasses: _angular_core.Signal<string>;
     protected panelClasses: _angular_core.Signal<string>;
     protected headerClasses: _angular_core.Signal<string>;
     protected contentClasses: _angular_core.Signal<string>;
     protected footerClasses: _angular_core.Signal<string>;
+    constructor();
     private getSizeClasses;
     private getPositionClasses;
     private getTransformClasses;
     onEscapePress(): void;
     onBackdropClick(): void;
+    private applyShowEffects;
+    private applyHideEffects;
     /** Show the sidebar */
     show(): void;
     /** Hide the sidebar */
@@ -4816,13 +5018,8 @@ declare class TwSidebarComponent {
     /** Toggle the sidebar visibility */
     toggle(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwSidebarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSidebarComponent, "tw-sidebar", never, { "visibleInput": { "alias": "visibleInput"; "required": false; }; "header": { "alias": "header"; "required": false; }; "position": { "alias": "position"; "required": false; }; "size": { "alias": "size"; "required": false; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "modal": { "alias": "modal"; "required": false; }; "classOverride": { "alias": "classOverride"; "required": false; }; }, { "visibleChange": "visibleChange"; "onShow": "onShow"; "onHide": "onHide"; }, ["footerTemplate"], ["*", "[twSidebarFooter]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSidebarComponent, "tw-sidebar", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "visibleInput": { "alias": "visibleInput"; "required": false; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "onShow": "onShow"; "onHide": "onHide"; }, ["footerTemplate"], ["*", "[twSidebarFooter]"], true, never>;
     static ngAcceptInputType_visibleInput: unknown;
-    static ngAcceptInputType_showBackdrop: unknown;
-    static ngAcceptInputType_dismissible: unknown;
-    static ngAcceptInputType_closeOnEscape: unknown;
-    static ngAcceptInputType_showCloseButton: unknown;
-    static ngAcceptInputType_modal: unknown;
 }
 
 type PopoverPosition = 'top' | 'bottom' | 'left' | 'right';
@@ -4870,6 +5067,7 @@ declare class TwPopoverComponent implements OnDestroy {
     private hoverTimeout;
     private portalHost;
     private portalElement;
+    private movedElements;
     private clickOutsideListener;
     private scrollListener;
     private resizeListener;
@@ -4883,6 +5081,8 @@ declare class TwPopoverComponent implements OnDestroy {
     onTriggerClick(): void;
     onTriggerEnter(): void;
     onTriggerLeave(): void;
+    onTriggerFocusIn(): void;
+    onTriggerFocusOut(): void;
     private onPopoverEnter;
     private onPopoverLeave;
     private clearHoverTimeout;
@@ -4915,6 +5115,8 @@ type ImageBorderRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'f
  */
 declare class TwImageComponent {
     private readonly twClass;
+    private readonly document;
+    private readonly platformId;
     /** Image source URL */
     readonly src: _angular_core.InputSignal<string>;
     /** Alternative text */
@@ -4949,7 +5151,9 @@ declare class TwImageComponent {
     protected previewVisible: _angular_core.WritableSignal<boolean>;
     protected zoomLevel: _angular_core.WritableSignal<number>;
     protected rotation: _angular_core.WritableSignal<number>;
+    private previousOverflow;
     protected Math: Math;
+    constructor();
     protected containerClasses: _angular_core.Signal<string>;
     protected containerStyles: _angular_core.Signal<Record<string, string>>;
     protected imageClasses: _angular_core.Signal<string>;
@@ -4959,6 +5163,7 @@ declare class TwImageComponent {
     onImageLoad(): void;
     onImageError(): void;
     onImageClick(): void;
+    protected onThumbnailKeydown(event: KeyboardEvent): void;
     openPreview(): void;
     closePreview(): void;
     zoomIn(): void;
@@ -4980,35 +5185,30 @@ type ScrollTopVariant = 'primary' | 'secondary' | 'dark';
  * <tw-scroll-top [threshold]="200" position="bottom-left"></tw-scroll-top>
  * ```
  */
-declare class TwScrollTopComponent implements OnInit, OnDestroy {
+declare class TwScrollTopComponent {
     private readonly twClass;
     private readonly platformId;
     /** Scroll threshold to show button (in pixels) */
-    threshold: number;
+    readonly threshold: _angular_core.InputSignalWithTransform<number, unknown>;
     /** Position of the button */
-    position: ScrollTopPosition;
+    readonly position: _angular_core.InputSignal<ScrollTopPosition>;
     /** Visual variant */
-    variant: ScrollTopVariant;
+    readonly variant: _angular_core.InputSignal<ScrollTopVariant>;
     /** Scroll behavior */
-    behavior: ScrollBehavior;
+    readonly behavior: _angular_core.InputSignal<ScrollBehavior>;
     /** Target element to scroll (defaults to window) */
-    target: HTMLElement | Window | null;
+    readonly target: _angular_core.InputSignal<Window | HTMLElement | null>;
     /** Custom icon template */
-    icon: TemplateRef<any> | null;
+    readonly icon: _angular_core.InputSignal<TemplateRef<any> | null>;
     /** Additional classes */
-    classOverride: string;
+    readonly classOverride: _angular_core.InputSignal<string>;
     protected visible: _angular_core.WritableSignal<boolean>;
-    private scrollListener;
     protected buttonClasses: _angular_core.Signal<string>;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    private setupScrollListener;
-    private removeScrollListener;
+    constructor();
     private getScrollTop;
     scrollToTop(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwScrollTopComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwScrollTopComponent, "tw-scroll-top", never, { "threshold": { "alias": "threshold"; "required": false; }; "position": { "alias": "position"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "behavior": { "alias": "behavior"; "required": false; }; "target": { "alias": "target"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "classOverride": { "alias": "classOverride"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_threshold: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwScrollTopComponent, "tw-scroll-top", never, { "threshold": { "alias": "threshold"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "behavior": { "alias": "behavior"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type DialVariant = 'modern' | 'vintage' | 'minimal' | 'led' | 'light' | 'highContrast';
@@ -5022,10 +5222,12 @@ type DialSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
  * <tw-volume-dial [value]="gain" variant="vintage" size="lg" [showValue]="true"></tw-volume-dial>
  * ```
  */
-declare class TwVolumeDialComponent implements ControlValueAccessor {
+declare class TwVolumeDialComponent implements ControlValueAccessor, OnDestroy {
     private readonly twClass;
     private readonly a11y;
+    private readonly mobileSupport;
     private readonly dialSvg;
+    ngOnDestroy(): void;
     /** Initial/bound value - supports two-way binding with [(value)] */
     readonly value: _angular_core.ModelSignal<number>;
     readonly min: _angular_core.InputSignal<number>;
@@ -5054,6 +5256,9 @@ declare class TwVolumeDialComponent implements ControlValueAccessor {
     private isDragging;
     private startAngle;
     private startValue;
+    private dragController;
+    private lastHapticTime;
+    protected readonly effectiveReducedMotion: _angular_core.Signal<boolean>;
     private onChangeFn;
     private onTouchedFn;
     protected readonly sizeConfig: _angular_core.Signal<{
@@ -5108,6 +5313,7 @@ declare class TwVolumeDialComponent implements ControlValueAccessor {
     private getAngleFromPoint;
     onKeyDown(event: KeyboardEvent): void;
     private setValue;
+    private triggerHaptics;
     writeValue(value: number): void;
     registerOnChange(fn: (value: number) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -5133,9 +5339,8 @@ interface MeterSegment {
  * <tw-vu-meter [leftValue]="leftChannel" [rightValue]="rightChannel" [stereo]="true"></tw-vu-meter>
  * ```
  */
-declare class TwVuMeterComponent implements OnInit {
+declare class TwVuMeterComponent {
     private readonly twClass;
-    private readonly destroyRef;
     readonly value: _angular_core.InputSignal<number>;
     readonly leftValue: _angular_core.InputSignal<number>;
     readonly rightValue: _angular_core.InputSignal<number>;
@@ -5174,10 +5379,10 @@ declare class TwVuMeterComponent implements OnInit {
     protected readonly peakValues: _angular_core.WritableSignal<number[]>;
     protected readonly rmsValues: _angular_core.WritableSignal<number[]>;
     protected readonly clipStates: _angular_core.WritableSignal<boolean[]>;
-    private peakDecayTimers;
+    private peakHoldUntil;
     private rmsBuffers;
     private rmsWriteIndices;
-    ngOnInit(): void;
+    constructor();
     protected readonly channels: _angular_core.Signal<number[]>;
     protected readonly showRmsBar: _angular_core.Signal<boolean>;
     protected readonly meterModeLabel: _angular_core.Signal<"" | "PEAK" | "RMS" | "P/R">;
@@ -5191,6 +5396,7 @@ declare class TwVuMeterComponent implements OnInit {
         label: string;
     }[]>;
     protected readonly containerClasses: _angular_core.Signal<string>;
+    protected readonly meterAriaLabel: _angular_core.Signal<string>;
     protected readonly effectiveHeight: _angular_core.Signal<number>;
     protected readonly effectiveWidth: _angular_core.Signal<number>;
     protected readonly effectiveBarWidth: _angular_core.Signal<number>;
@@ -5258,17 +5464,19 @@ interface WaveformColors {
  * <tw-waveform [peaks]="peakData" variant="mirror" colorScheme="green"></tw-waveform>
  * ```
  */
-declare class TwWaveformComponent implements AfterViewInit, OnChanges {
+declare class TwWaveformComponent implements AfterViewInit, OnChanges, OnDestroy {
     private readonly twClass;
-    private readonly destroyRef;
+    private readonly zone;
     private readonly canvas;
     readonly audioBuffer: _angular_core.InputSignal<AudioBuffer | null>;
     readonly peaks: _angular_core.InputSignal<number[]>;
     readonly duration: _angular_core.InputSignal<number>;
     readonly mode: _angular_core.InputSignal<WaveformMode>;
     readonly analyserNode: _angular_core.InputSignal<AnalyserNode | null>;
-    readonly fftSize: _angular_core.InputSignal<number>;
-    readonly smoothing: _angular_core.InputSignal<number>;
+    /** FFT size for real-time analysis. When omitted, the analyser node's existing fftSize is used untouched. */
+    readonly fftSize: _angular_core.InputSignal<number | undefined>;
+    /** Smoothing factor for real-time analysis. When omitted, the analyser node's existing smoothing is used untouched. */
+    readonly smoothing: _angular_core.InputSignal<number | undefined>;
     readonly showTriggerLine: _angular_core.InputSignal<boolean>;
     readonly gain: _angular_core.InputSignal<number>;
     readonly size: _angular_core.InputSignal<WaveformSize>;
@@ -5322,12 +5530,15 @@ declare class TwWaveformComponent implements AfterViewInit, OnChanges {
     private ctx;
     private peakData;
     private animationFrame;
+    private panDragController;
+    private peakProcessToken;
     private timeDomainData;
     private isRealTimeRunning;
     protected readonly Math: Math;
     constructor();
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
     protected readonly effectiveWidth: _angular_core.Signal<number>;
     protected readonly effectiveHeight: _angular_core.Signal<number>;
     protected readonly effectiveBarWidth: _angular_core.Signal<number>;
@@ -5350,6 +5561,8 @@ declare class TwWaveformComponent implements AfterViewInit, OnChanges {
     protected readonly colors: _angular_core.Signal<WaveformColors>;
     private initCanvas;
     private processPeaks;
+    private processPeaksChunked;
+    private scanPeakRange;
     private setupRealTimeMode;
     private stopRealTimeMode;
     private drawRealTime;
@@ -5501,9 +5714,11 @@ interface ThumbnailSpriteConfig {
  * ></tw-scrubber>
  * ```
  */
-declare class TwScrubberComponent {
+declare class TwScrubberComponent implements OnDestroy {
     private readonly twClass;
     private readonly trackContainer;
+    private dragController;
+    ngOnDestroy(): void;
     readonly currentTime: _angular_core.InputSignal<number>;
     readonly duration: _angular_core.InputSignal<number>;
     readonly buffered: _angular_core.InputSignal<number>;
@@ -5571,6 +5786,7 @@ type FaderOrientation = 'vertical' | 'horizontal';
 declare class TwFaderComponent implements ControlValueAccessor, OnDestroy {
     private readonly elementRef;
     private readonly a11y;
+    private readonly mobileSupport;
     private readonly trackRef;
     constructor();
     ngOnDestroy(): void;
@@ -5610,10 +5826,16 @@ declare class TwFaderComponent implements ControlValueAccessor, OnDestroy {
     protected readonly internalValue: _angular_core.WritableSignal<number>;
     protected readonly isDragging: _angular_core.WritableSignal<boolean>;
     protected readonly peakHoldLevel: _angular_core.WritableSignal<number>;
+    private readonly cvaDisabled;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly ariaLabel: _angular_core.Signal<string>;
+    protected readonly effectiveReducedMotion: _angular_core.Signal<boolean>;
     private onChange;
     private onTouched;
     private peakHoldTimeout;
     private lastPeakLevel;
+    private dragController;
+    private lastHapticTime;
     protected readonly dimensions: _angular_core.Signal<{
         trackLength: number;
         trackWidth: number;
@@ -5678,9 +5900,11 @@ declare class TwFaderComponent implements ControlValueAccessor, OnDestroy {
     protected checkPeakLevel(): void;
     onMouseDown(event: MouseEvent): void;
     onTouchStart(event: TouchEvent): void;
+    onKeyDown(event: KeyboardEvent): void;
     private startDrag;
     private updateValueFromPosition;
     private setValue;
+    private triggerHaptics;
     protected resetToDefault(): void;
     writeValue(value: number): void;
     registerOnChange(fn: (value: number) => void): void;
@@ -5702,7 +5926,7 @@ type PanControlSize = 'sm' | 'md' | 'lg';
  * <tw-pan-control variant="stereo-width" [(ngModel)]="width"></tw-pan-control>
  * ```
  */
-declare class TwPanControlComponent implements ControlValueAccessor {
+declare class TwPanControlComponent implements ControlValueAccessor, OnDestroy {
     private readonly twClass;
     protected readonly Math: Math;
     private readonly trackRef;
@@ -5724,6 +5948,9 @@ declare class TwPanControlComponent implements ControlValueAccessor {
     protected readonly isDragging: _angular_core.WritableSignal<boolean>;
     private onChange;
     private onTouched;
+    private dragController;
+    private dragRect;
+    ngOnDestroy(): void;
     writeValue(value: number): void;
     registerOnChange(fn: (value: number) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -5747,6 +5974,7 @@ declare class TwPanControlComponent implements ControlValueAccessor {
     }[]>;
     onMouseDown(event: MouseEvent): void;
     onDoubleClick(): void;
+    onKeyDown(event: KeyboardEvent): void;
     private readonly onMouseMove;
     private readonly onMouseUp;
     private updateValueFromMouseEvent;
@@ -5829,6 +6057,7 @@ type FrequencyScale = 'linear' | 'logarithmic';
 declare class TwSpectrumComponent implements AfterViewInit, OnChanges {
     private readonly twClass;
     private readonly destroyRef;
+    private readonly zone;
     private readonly canvas;
     readonly analyserNode: _angular_core.InputSignal<AnalyserNode | null>;
     readonly frequencyData: _angular_core.InputSignal<number[] | Uint8Array<ArrayBufferLike>>;
@@ -5839,9 +6068,12 @@ declare class TwSpectrumComponent implements AfterViewInit, OnChanges {
     readonly barCount: _angular_core.InputSignal<number>;
     readonly barGap: _angular_core.InputSignal<number>;
     readonly barRadius: _angular_core.InputSignal<number>;
-    readonly smoothing: _angular_core.InputSignal<number>;
-    readonly minDecibels: _angular_core.InputSignal<number>;
-    readonly maxDecibels: _angular_core.InputSignal<number>;
+    /** Smoothing factor applied to the analyser. When omitted, the node's existing smoothing is used untouched. */
+    readonly smoothing: _angular_core.InputSignal<number | undefined>;
+    /** Analyser minDecibels. When omitted, the node's existing value is used untouched. */
+    readonly minDecibels: _angular_core.InputSignal<number | undefined>;
+    /** Analyser maxDecibels. When omitted, the node's existing value is used untouched. */
+    readonly maxDecibels: _angular_core.InputSignal<number | undefined>;
     readonly showPeaks: _angular_core.InputSignal<boolean>;
     readonly peakDecay: _angular_core.InputSignal<number>;
     readonly showLabels: _angular_core.InputSignal<boolean>;
@@ -5859,13 +6091,16 @@ declare class TwSpectrumComponent implements AfterViewInit, OnChanges {
     readonly frequencyScale: _angular_core.InputSignal<FrequencyScale>;
     readonly minFrequency: _angular_core.InputSignal<number>;
     readonly maxFrequency: _angular_core.InputSignal<number>;
+    protected readonly effectiveFrequencyScale: _angular_core.WritableSignal<FrequencyScale>;
     private ctx;
     private animationFrame;
     private dataArray;
+    private conversionBuffer;
     private peaks;
     private isRunning;
     private sampleRate;
     private binToBarMapping;
+    constructor();
     protected readonly frequencyLabels: _angular_core.Signal<string[]>;
     private labelToFreq;
     private freqToLabel;
@@ -5877,6 +6112,7 @@ declare class TwSpectrumComponent implements AfterViewInit, OnChanges {
     private calculateBinMapping;
     private startAnimation;
     private draw;
+    private getStaticData;
     private drawBars;
     private getBarValue;
     private drawGradientBars;
@@ -5940,7 +6176,7 @@ interface MidiDevice {
  * ></tw-piano>
  * ```
  */
-declare class TwPianoComponent {
+declare class TwPianoComponent implements OnDestroy {
     private readonly twClass;
     readonly startOctave: _angular_core.InputSignal<number>;
     readonly octaves: _angular_core.InputSignal<number>;
@@ -5968,6 +6204,8 @@ declare class TwPianoComponent {
     protected readonly connectedMidiDevice: _angular_core.WritableSignal<MidiDevice | null>;
     private midiAccess;
     private midiInputs;
+    private readonly midiStateChangeHandler;
+    ngOnDestroy(): void;
     private readonly sizeConfig;
     protected readonly height: _angular_core.Signal<number>;
     protected readonly whiteKeyWidth: _angular_core.Signal<number>;
@@ -5990,6 +6228,8 @@ declare class TwPianoComponent {
     onKeyUp(key: PianoKey): void;
     onTouchStart(event: TouchEvent, key: PianoKey): void;
     onTouchEnd(key: PianoKey): void;
+    onKeyboardDown(event: Event, key: PianoKey): void;
+    onKeyboardUp(event: Event, key: PianoKey): void;
     initMidi(): Promise<void>;
     private updateMidiDevices;
     private handleMidiMessage;
@@ -6034,6 +6274,8 @@ interface EQBandChange {
 }
 declare class TwParametricEQComponent implements AfterViewInit, OnDestroy {
     canvasRef: ElementRef<HTMLCanvasElement>;
+    private readonly zone;
+    constructor();
     readonly bands: _angular_core.InputSignal<EQBand[]>;
     readonly width: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly height: _angular_core.InputSignalWithTransform<number, unknown>;
@@ -6068,6 +6310,7 @@ declare class TwParametricEQComponent implements AfterViewInit, OnDestroy {
     protected readonly containerClasses: _angular_core.Signal<string>;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    private requestDraw;
     onMouseDown(event: MouseEvent): void;
     onMouseMove(event: MouseEvent): void;
     onMouseUp(): void;
@@ -6087,6 +6330,8 @@ declare class TwParametricEQComponent implements AfterViewInit, OnDestroy {
     private findBandAtPosition;
     protected toggleBand(band: EQBand): void;
     protected selectBand(band: EQBand): void;
+    protected onBandKeydown(event: KeyboardEvent, band: EQBand): void;
+    protected bandAriaLabel(band: EQBand): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwParametricEQComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwParametricEQComponent, "tw-parametric-eq", never, { "bands": { "alias": "bands"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minFreq": { "alias": "minFreq"; "required": false; "isSignal": true; }; "maxFreq": { "alias": "maxFreq"; "required": false; "isSignal": true; }; "minGain": { "alias": "minGain"; "required": false; "isSignal": true; }; "maxGain": { "alias": "maxGain"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showGrid": { "alias": "showGrid"; "required": false; "isSignal": true; }; "showLabels": { "alias": "showLabels"; "required": false; "isSignal": true; }; "showCurve": { "alias": "showCurve"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "analyserNode": { "alias": "analyserNode"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "bandChange": "bandChange"; "bandsChange": "bandsChange"; }, never, never, true, never>;
 }
@@ -6106,7 +6351,7 @@ interface EQPreset {
 }
 type EQPresetCategory = 'flat' | 'music' | 'voice' | 'instrument' | 'correction' | 'custom';
 declare const EQ_PRESETS: EQPreset[];
-declare class TwGraphicEQComponent implements ControlValueAccessor {
+declare class TwGraphicEQComponent implements ControlValueAccessor, OnDestroy {
     readonly bandCount: _angular_core.InputSignal<GraphicEQBandCount>;
     readonly minGain: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly maxGain: _angular_core.InputSignalWithTransform<number, unknown>;
@@ -6135,6 +6380,8 @@ declare class TwGraphicEQComponent implements ControlValueAccessor {
     protected readonly EQ_PRESETS: EQPreset[];
     private onChange;
     private onTouched;
+    private dragController;
+    ngOnDestroy(): void;
     protected readonly frequencies: _angular_core.Signal<number[]>;
     protected readonly availablePresets: _angular_core.Signal<EQPreset[]>;
     protected readonly filteredPresets: _angular_core.Signal<EQPreset[]>;
@@ -6159,8 +6406,7 @@ declare class TwGraphicEQComponent implements ControlValueAccessor {
     protected readonly curvePath: _angular_core.Signal<string>;
     protected onBandMouseDown(event: MouseEvent, bandIndex: number): void;
     protected onBandTouchStart(event: TouchEvent, bandIndex: number): void;
-    private updateBandFromEvent;
-    private updateBandFromTouch;
+    protected onBandKeydown(event: KeyboardEvent, bandIndex: number): void;
     private updateBandValue;
     private emitValues;
     protected resetBand(bandIndex: number): void;
@@ -6188,6 +6434,7 @@ type OscilloscopeVariant = 'default' | 'retro' | 'neon' | 'minimal';
 type OscilloscopeTriggerMode = 'auto' | 'normal' | 'single';
 declare class TwOscilloscopeComponent implements AfterViewInit, OnChanges, OnDestroy {
     private readonly canvasRef;
+    private readonly zone;
     readonly analyserNode: _angular_core.InputSignal<AnalyserNode | undefined>;
     readonly width: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly height: _angular_core.InputSignalWithTransform<number, unknown>;
@@ -6204,6 +6451,7 @@ declare class TwOscilloscopeComponent implements AfterViewInit, OnChanges, OnDes
     private ctx;
     private animationFrameId;
     private dataArray;
+    private singleFrozen;
     protected readonly colors: _angular_core.Signal<{
         background: string;
         grid: string;
@@ -6216,6 +6464,9 @@ declare class TwOscilloscopeComponent implements AfterViewInit, OnChanges, OnDes
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     private setupAnalyser;
+    /** Re-arm a frozen 'single' trigger sweep and resume drawing. */
+    rearm(): void;
+    private restartDraw;
     private draw;
     private drawGrid;
     private drawWaveform;
@@ -6296,6 +6547,8 @@ declare class TwChannelStripComponent implements ControlValueAccessor {
     protected readonly dialSize: _angular_core.Signal<"sm" | "md" | "lg">;
     protected readonly labelClasses: _angular_core.Signal<string>;
     protected readonly auxKnobSize: _angular_core.Signal<"xs" | "sm">;
+    protected readonly meterHeight: _angular_core.Signal<100 | 60 | 80>;
+    protected peakMarkerBottom(peak: number): number;
     protected onVolumeChange(value: number): void;
     protected onPanChange(value: number): void;
     protected toggleMute(): void;
@@ -6401,6 +6654,7 @@ declare class TwMixerComponent {
     protected readonly scrollOffset: _angular_core.WritableSignal<number>;
     protected readonly collapsedSections: _angular_core.WritableSignal<Set<string>>;
     protected readonly currentBreakpoint: _angular_core.WritableSignal<MixerBreakpoint>;
+    constructor();
     protected readonly visibleChannels: _angular_core.Signal<MixerChannel[]>;
     protected readonly effectiveMaxChannels: _angular_core.Signal<number>;
     protected readonly effectiveSize: _angular_core.Signal<MixerSize>;
@@ -6450,7 +6704,7 @@ interface MetronomeBeat {
 }
 declare const ACCENT_PRESETS: Record<TimeSignature, AccentPattern[]>;
 declare class TwMetronomeComponent implements OnInit, OnDestroy {
-    private readonly destroyRef;
+    private readonly zone;
     readonly bpm: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly timeSignature: _angular_core.InputSignal<TimeSignature>;
     readonly variant: _angular_core.InputSignal<MetronomeVariant>;
@@ -6477,9 +6731,17 @@ declare class TwMetronomeComponent implements OnInit, OnDestroy {
     protected readonly tapTimes: _angular_core.WritableSignal<number[]>;
     protected readonly internalAccentPattern: _angular_core.WritableSignal<AccentLevel[]>;
     protected readonly selectedPresetIndex: _angular_core.WritableSignal<number>;
+    /** True when the AudioContext could not resume without a user gesture (e.g. autoStart). */
+    protected readonly needsGesture: _angular_core.WritableSignal<boolean>;
     protected readonly Math: Math;
-    private readonly stop$;
     private audioContext;
+    private schedulerTimer;
+    private nextNoteTime;
+    private subBeatCounter;
+    private beatCounter;
+    private readonly pendingBeatTimeouts;
+    private static readonly SCHEDULER_INTERVAL_MS;
+    private static readonly LOOKAHEAD_SECONDS;
     protected readonly beatsPerMeasure: _angular_core.Signal<number>;
     protected readonly beatUnit: _angular_core.Signal<number>;
     protected readonly beatIndicators: _angular_core.Signal<number[]>;
@@ -6493,7 +6755,9 @@ declare class TwMetronomeComponent implements OnInit, OnDestroy {
     ngOnInit(): void;
     private initializeAccentPattern;
     ngOnDestroy(): void;
-    protected start(): void;
+    protected start(): Promise<void>;
+    private scheduler;
+    private scheduleSubBeat;
     protected stop(): void;
     protected toggle(): void;
     protected onBpmInput(event: Event): void;
@@ -6520,14 +6784,18 @@ interface BeatEvent {
 }
 declare class TwVisualizerComponent implements AfterViewInit, OnDestroy {
     canvasRef: ElementRef<HTMLCanvasElement>;
+    private readonly zone;
     readonly analyserNode: _angular_core.InputSignal<AnalyserNode | undefined>;
+    /** Render animated mock data when no analyser node is connected (for demos). */
+    readonly demoMode: _angular_core.InputSignal<boolean>;
     readonly width: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly height: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly variant: _angular_core.InputSignal<VisualizerVariant>;
     readonly colorScheme: _angular_core.InputSignal<VisualizerColorScheme>;
     readonly customColors: _angular_core.InputSignal<string[]>;
     readonly sensitivity: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly smoothing: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Smoothing factor applied to the analyser. When omitted, the node's existing smoothing is used untouched. */
+    readonly smoothing: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
     readonly backgroundColor: _angular_core.InputSignal<string>;
     readonly showBackground: _angular_core.InputSignal<boolean>;
     readonly reactive: _angular_core.InputSignal<boolean>;
@@ -6553,6 +6821,7 @@ declare class TwVisualizerComponent implements AfterViewInit, OnDestroy {
     private timeDomainData;
     private particles;
     private rotation;
+    private idleFrameDrawn;
     private readonly energyHistory;
     private beatTimestamps;
     private lastBeatTime;
@@ -6562,6 +6831,8 @@ declare class TwVisualizerComponent implements AfterViewInit, OnDestroy {
     protected readonly containerClasses: _angular_core.Signal<string>;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    private scheduleNextFrame;
+    private drawIdleFrame;
     private draw;
     private detectBeat;
     private getFrequencyBandEnergy;
@@ -6579,7 +6850,7 @@ declare class TwVisualizerComponent implements AfterViewInit, OnDestroy {
     private getAverageFrequency;
     private roundRect;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwVisualizerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwVisualizerComponent, "tw-visualizer", never, { "analyserNode": { "alias": "analyserNode"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "colorScheme": { "alias": "colorScheme"; "required": false; "isSignal": true; }; "customColors": { "alias": "customColors"; "required": false; "isSignal": true; }; "sensitivity": { "alias": "sensitivity"; "required": false; "isSignal": true; }; "smoothing": { "alias": "smoothing"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "showBackground": { "alias": "showBackground"; "required": false; "isSignal": true; }; "reactive": { "alias": "reactive"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; "enableBeatDetection": { "alias": "enableBeatDetection"; "required": false; "isSignal": true; }; "beatHighlightMode": { "alias": "beatHighlightMode"; "required": false; "isSignal": true; }; "beatSensitivity": { "alias": "beatSensitivity"; "required": false; "isSignal": true; }; "beatDecay": { "alias": "beatDecay"; "required": false; "isSignal": true; }; "beatHistorySize": { "alias": "beatHistorySize"; "required": false; "isSignal": true; }; "beatFlashColor": { "alias": "beatFlashColor"; "required": false; "isSignal": true; }; "beatFlashOpacity": { "alias": "beatFlashOpacity"; "required": false; "isSignal": true; }; "showBeatIndicator": { "alias": "showBeatIndicator"; "required": false; "isSignal": true; }; "detectLowBeat": { "alias": "detectLowBeat"; "required": false; "isSignal": true; }; "detectMidBeat": { "alias": "detectMidBeat"; "required": false; "isSignal": true; }; "detectHighBeat": { "alias": "detectHighBeat"; "required": false; "isSignal": true; }; }, { "beatDetected": "beatDetected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwVisualizerComponent, "tw-visualizer", never, { "analyserNode": { "alias": "analyserNode"; "required": false; "isSignal": true; }; "demoMode": { "alias": "demoMode"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "colorScheme": { "alias": "colorScheme"; "required": false; "isSignal": true; }; "customColors": { "alias": "customColors"; "required": false; "isSignal": true; }; "sensitivity": { "alias": "sensitivity"; "required": false; "isSignal": true; }; "smoothing": { "alias": "smoothing"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "showBackground": { "alias": "showBackground"; "required": false; "isSignal": true; }; "reactive": { "alias": "reactive"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; "enableBeatDetection": { "alias": "enableBeatDetection"; "required": false; "isSignal": true; }; "beatHighlightMode": { "alias": "beatHighlightMode"; "required": false; "isSignal": true; }; "beatSensitivity": { "alias": "beatSensitivity"; "required": false; "isSignal": true; }; "beatDecay": { "alias": "beatDecay"; "required": false; "isSignal": true; }; "beatHistorySize": { "alias": "beatHistorySize"; "required": false; "isSignal": true; }; "beatFlashColor": { "alias": "beatFlashColor"; "required": false; "isSignal": true; }; "beatFlashOpacity": { "alias": "beatFlashOpacity"; "required": false; "isSignal": true; }; "showBeatIndicator": { "alias": "showBeatIndicator"; "required": false; "isSignal": true; }; "detectLowBeat": { "alias": "detectLowBeat"; "required": false; "isSignal": true; }; "detectMidBeat": { "alias": "detectMidBeat"; "required": false; "isSignal": true; }; "detectHighBeat": { "alias": "detectHighBeat"; "required": false; "isSignal": true; }; }, { "beatDetected": "beatDetected"; }, never, never, true, never>;
 }
 
 type AudioPlayerVariant = 'default' | 'minimal' | 'compact' | 'full';
@@ -6689,8 +6960,8 @@ interface LooperEvent {
  * <tw-looper [maxLayers]="4" [showWaveform]="true"></tw-looper>
  * ```
  */
-declare class TwLooperComponent implements OnInit, OnDestroy {
-    private readonly destroyRef;
+declare class TwLooperComponent implements OnDestroy {
+    private readonly zone;
     readonly waveformCanvas: _angular_core.Signal<ElementRef<HTMLCanvasElement> | undefined>;
     readonly variant: _angular_core.InputSignal<LooperVariant>;
     readonly size: _angular_core.InputSignal<LooperSize>;
@@ -6715,6 +6986,8 @@ declare class TwLooperComponent implements OnInit, OnDestroy {
     readonly loopEvent: _angular_core.OutputEmitterRef<LooperEvent>;
     readonly layerChange: _angular_core.OutputEmitterRef<LoopLayer[]>;
     readonly durationChange: _angular_core.OutputEmitterRef<number>;
+    /** Emits when microphone access or audio setup fails */
+    readonly error: _angular_core.OutputEmitterRef<string>;
     protected readonly state: _angular_core.WritableSignal<LooperState>;
     protected readonly layers: _angular_core.WritableSignal<LoopLayer[]>;
     protected readonly currentLayerIndex: _angular_core.WritableSignal<number>;
@@ -6738,7 +7011,9 @@ declare class TwLooperComponent implements OnInit, OnDestroy {
     private animationFrame;
     private ctx;
     private layerIdCounter;
-    ngOnInit(): void;
+    private micErrorMessage;
+    private clickTrackTimer;
+    constructor();
     ngOnDestroy(): void;
     private initAudio;
     private cleanup;
@@ -6760,6 +7035,8 @@ declare class TwLooperComponent implements OnInit, OnDestroy {
     private performCountIn;
     private playClickSound;
     private sleep;
+    private startClickTrack;
+    private stopClickTrack;
     private processRecording;
     private playAllLayers;
     private stopAllPlayback;
@@ -6788,7 +7065,7 @@ declare class TwLooperComponent implements OnInit, OnDestroy {
     protected readonly canOverdub: _angular_core.Signal<boolean>;
     protected readonly isActive: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwLooperComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwLooperComponent, "tw-looper", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "maxLayers": { "alias": "maxLayers"; "required": false; "isSignal": true; }; "maxDuration": { "alias": "maxDuration"; "required": false; "isSignal": true; }; "showWaveform": { "alias": "showWaveform"; "required": false; "isSignal": true; }; "showLayers": { "alias": "showLayers"; "required": false; "isSignal": true; }; "showTimer": { "alias": "showTimer"; "required": false; "isSignal": true; }; "showControls": { "alias": "showControls"; "required": false; "isSignal": true; }; "showUndoRedo": { "alias": "showUndoRedo"; "required": false; "isSignal": true; }; "showSpeedControl": { "alias": "showSpeedControl"; "required": false; "isSignal": true; }; "showVolumeControl": { "alias": "showVolumeControl"; "required": false; "isSignal": true; }; "autoPlay": { "alias": "autoPlay"; "required": false; "isSignal": true; }; "countIn": { "alias": "countIn"; "required": false; "isSignal": true; }; "countInBeats": { "alias": "countInBeats"; "required": false; "isSignal": true; }; "clickTrack": { "alias": "clickTrack"; "required": false; "isSignal": true; }; "clickBpm": { "alias": "clickBpm"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; "audioSource": { "alias": "audioSource"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "loopEvent": "loopEvent"; "layerChange": "layerChange"; "durationChange": "durationChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwLooperComponent, "tw-looper", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "maxLayers": { "alias": "maxLayers"; "required": false; "isSignal": true; }; "maxDuration": { "alias": "maxDuration"; "required": false; "isSignal": true; }; "showWaveform": { "alias": "showWaveform"; "required": false; "isSignal": true; }; "showLayers": { "alias": "showLayers"; "required": false; "isSignal": true; }; "showTimer": { "alias": "showTimer"; "required": false; "isSignal": true; }; "showControls": { "alias": "showControls"; "required": false; "isSignal": true; }; "showUndoRedo": { "alias": "showUndoRedo"; "required": false; "isSignal": true; }; "showSpeedControl": { "alias": "showSpeedControl"; "required": false; "isSignal": true; }; "showVolumeControl": { "alias": "showVolumeControl"; "required": false; "isSignal": true; }; "autoPlay": { "alias": "autoPlay"; "required": false; "isSignal": true; }; "countIn": { "alias": "countIn"; "required": false; "isSignal": true; }; "countInBeats": { "alias": "countInBeats"; "required": false; "isSignal": true; }; "clickTrack": { "alias": "clickTrack"; "required": false; "isSignal": true; }; "clickBpm": { "alias": "clickBpm"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; "audioSource": { "alias": "audioSource"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "loopEvent": "loopEvent"; "layerChange": "layerChange"; "durationChange": "durationChange"; "error": "error"; }, never, never, true, never>;
 }
 
 type ClefType = 'treble' | 'bass' | 'alto' | 'tenor' | 'percussion';
@@ -6911,7 +7188,7 @@ declare class TwNoteComponent {
     protected readonly stemX: _angular_core.Signal<number>;
     protected readonly stemY1: _angular_core.Signal<number>;
     protected readonly stemY2: _angular_core.Signal<number>;
-    protected readonly flagCount: _angular_core.Signal<1 | 0 | 2 | 3>;
+    protected readonly flagCount: _angular_core.Signal<0 | 1 | 2 | 3>;
     protected readonly noteColor: _angular_core.Signal<string>;
     protected readonly noteHeadFill: _angular_core.Signal<string>;
     protected readonly containerClasses: _angular_core.Signal<string>;
@@ -6961,7 +7238,6 @@ interface ClipboardData {
     measureEnd: number;
 }
 declare class TwNoteInputComponent implements AfterViewInit, OnDestroy {
-    private readonly destroyRef;
     private readonly elementRef;
     private readonly staffContainer;
     readonly clef: _angular_core.InputSignal<ClefType>;
@@ -7013,6 +7289,8 @@ declare class TwNoteInputComponent implements AfterViewInit, OnDestroy {
     private midiAccess;
     protected readonly midiConnected: _angular_core.WritableSignal<boolean>;
     protected readonly midiDeviceName: _angular_core.WritableSignal<string | null>;
+    private readonly midiStateChangeHandler;
+    private noteDragController;
     private noteIdCounter;
     protected readonly voiceColors: Record<Voice, string>;
     protected getVoiceColorByNumber(voice: number): string;
@@ -7564,14 +7842,10 @@ declare class TwLeadSheetComponent {
     readonly showMeasureNumbers: _angular_core.InputSignal<boolean>;
     readonly showSlashes: _angular_core.InputSignal<boolean>;
     readonly showChordDiagrams: _angular_core.InputSignal<boolean>;
-    readonly showMelodyLine: _angular_core.InputSignal<boolean>;
     readonly showRehearsalMarks: _angular_core.InputSignal<boolean>;
     readonly diagramSize: _angular_core.InputSignal<"sm" | "md" | "lg">;
     readonly interactive: _angular_core.InputSignal<boolean>;
     readonly classOverride: _angular_core.InputSignal<string>;
-    readonly staffClef: _angular_core.InputSignal<ClefType>;
-    readonly staffWidth: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly staffHeight: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly chordClick: _angular_core.OutputEmitterRef<{
         section: number;
         measure: number;
@@ -7615,7 +7889,7 @@ declare class TwLeadSheetComponent {
     protected getStaffTimeSignature(): StaffTimeSignature;
     protected getRhythmicSlashPath(beat: number, isAccent: boolean, measureWidth: number, beatsPerMeasure: number): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwLeadSheetComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwLeadSheetComponent, "tw-lead-sheet", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "slashStyle": { "alias": "slashStyle"; "required": false; "isSignal": true; }; "measuresPerRow": { "alias": "measuresPerRow"; "required": false; "isSignal": true; }; "showSectionNames": { "alias": "showSectionNames"; "required": false; "isSignal": true; }; "showMeasureNumbers": { "alias": "showMeasureNumbers"; "required": false; "isSignal": true; }; "showSlashes": { "alias": "showSlashes"; "required": false; "isSignal": true; }; "showChordDiagrams": { "alias": "showChordDiagrams"; "required": false; "isSignal": true; }; "showMelodyLine": { "alias": "showMelodyLine"; "required": false; "isSignal": true; }; "showRehearsalMarks": { "alias": "showRehearsalMarks"; "required": false; "isSignal": true; }; "diagramSize": { "alias": "diagramSize"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; "staffClef": { "alias": "staffClef"; "required": false; "isSignal": true; }; "staffWidth": { "alias": "staffWidth"; "required": false; "isSignal": true; }; "staffHeight": { "alias": "staffHeight"; "required": false; "isSignal": true; }; }, { "chordClick": "chordClick"; "measureClick": "measureClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwLeadSheetComponent, "tw-lead-sheet", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "slashStyle": { "alias": "slashStyle"; "required": false; "isSignal": true; }; "measuresPerRow": { "alias": "measuresPerRow"; "required": false; "isSignal": true; }; "showSectionNames": { "alias": "showSectionNames"; "required": false; "isSignal": true; }; "showMeasureNumbers": { "alias": "showMeasureNumbers"; "required": false; "isSignal": true; }; "showSlashes": { "alias": "showSlashes"; "required": false; "isSignal": true; }; "showChordDiagrams": { "alias": "showChordDiagrams"; "required": false; "isSignal": true; }; "showRehearsalMarks": { "alias": "showRehearsalMarks"; "required": false; "isSignal": true; }; "diagramSize": { "alias": "diagramSize"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "chordClick": "chordClick"; "measureClick": "measureClick"; }, never, never, true, never>;
 }
 
 type ScoreEditorVariant = 'default' | 'print' | 'minimal';
@@ -7672,8 +7946,6 @@ declare class TwScoreEditorComponent {
     readonly lineSpacing: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly editable: _angular_core.InputSignal<boolean>;
     readonly initialScore: _angular_core.InputSignal<ScoreData | null>;
-    readonly musicXml: _angular_core.InputSignal<string | null>;
-    readonly abcNotation: _angular_core.InputSignal<string | null>;
     readonly showToolbar: _angular_core.InputSignal<boolean>;
     readonly showPartPanel: _angular_core.InputSignal<boolean>;
     readonly showLyricsEditor: _angular_core.InputSignal<boolean>;
@@ -7772,7 +8044,7 @@ declare class TwScoreEditorComponent {
     protected toggleRest(): void;
     protected setVoice(voice: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwScoreEditorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwScoreEditorComponent, "tw-score-editor", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "staffHeight": { "alias": "staffHeight"; "required": false; "isSignal": true; }; "measures": { "alias": "measures"; "required": false; "isSignal": true; }; "lineSpacing": { "alias": "lineSpacing"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "initialScore": { "alias": "initialScore"; "required": false; "isSignal": true; }; "musicXml": { "alias": "musicXml"; "required": false; "isSignal": true; }; "abcNotation": { "alias": "abcNotation"; "required": false; "isSignal": true; }; "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "showPartPanel": { "alias": "showPartPanel"; "required": false; "isSignal": true; }; "showLyricsEditor": { "alias": "showLyricsEditor"; "required": false; "isSignal": true; }; "enableMidiInput": { "alias": "enableMidiInput"; "required": false; "isSignal": true; }; "enableKeyboardShortcuts": { "alias": "enableKeyboardShortcuts"; "required": false; "isSignal": true; }; "maxParts": { "alias": "maxParts"; "required": false; "isSignal": true; }; "maxUndoHistory": { "alias": "maxUndoHistory"; "required": false; "isSignal": true; }; }, { "scoreChanged": "scoreChanged"; "partAdded": "partAdded"; "partRemoved": "partRemoved"; "exportRequested": "exportRequested"; "parseError": "parseError"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwScoreEditorComponent, "tw-score-editor", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "staffHeight": { "alias": "staffHeight"; "required": false; "isSignal": true; }; "measures": { "alias": "measures"; "required": false; "isSignal": true; }; "lineSpacing": { "alias": "lineSpacing"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "initialScore": { "alias": "initialScore"; "required": false; "isSignal": true; }; "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "showPartPanel": { "alias": "showPartPanel"; "required": false; "isSignal": true; }; "showLyricsEditor": { "alias": "showLyricsEditor"; "required": false; "isSignal": true; }; "enableMidiInput": { "alias": "enableMidiInput"; "required": false; "isSignal": true; }; "enableKeyboardShortcuts": { "alias": "enableKeyboardShortcuts"; "required": false; "isSignal": true; }; "maxParts": { "alias": "maxParts"; "required": false; "isSignal": true; }; "maxUndoHistory": { "alias": "maxUndoHistory"; "required": false; "isSignal": true; }; }, { "scoreChanged": "scoreChanged"; "partAdded": "partAdded"; "partRemoved": "partRemoved"; "exportRequested": "exportRequested"; "parseError": "parseError"; }, never, never, true, never>;
 }
 
 type TunerVariant = 'default' | 'minimal' | 'analog' | 'strobe';
@@ -7785,7 +8057,7 @@ interface TuningData {
     inTune: boolean;
 }
 declare class TwTunerComponent implements AfterViewInit, OnDestroy {
-    private readonly destroyRef;
+    private readonly zone;
     readonly variant: _angular_core.InputSignal<TunerVariant>;
     readonly mode: _angular_core.InputSignal<TunerMode>;
     readonly referenceFrequency: _angular_core.InputSignalWithTransform<number, unknown>;
@@ -7799,7 +8071,10 @@ declare class TwTunerComponent implements AfterViewInit, OnDestroy {
     readonly classOverride: _angular_core.InputSignal<string>;
     readonly tuningChange: _angular_core.OutputEmitterRef<TuningData>;
     readonly inTune: _angular_core.OutputEmitterRef<boolean>;
+    /** Emits when microphone access or audio setup fails */
+    readonly error: _angular_core.OutputEmitterRef<string>;
     protected readonly isListening: _angular_core.WritableSignal<boolean>;
+    protected readonly errorState: _angular_core.WritableSignal<string | null>;
     protected readonly currentFrequency: _angular_core.WritableSignal<number>;
     protected readonly currentNote: _angular_core.WritableSignal<string>;
     protected readonly currentOctave: _angular_core.WritableSignal<number>;
@@ -7828,7 +8103,7 @@ declare class TwTunerComponent implements AfterViewInit, OnDestroy {
     protected selectString(index: number): void;
     protected getExpectedFrequency(noteName: string): number;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwTunerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwTunerComponent, "tw-tuner", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "referenceFrequency": { "alias": "referenceFrequency"; "required": false; "isSignal": true; }; "tolerance": { "alias": "tolerance"; "required": false; "isSignal": true; }; "showFrequency": { "alias": "showFrequency"; "required": false; "isSignal": true; }; "showOctave": { "alias": "showOctave"; "required": false; "isSignal": true; }; "showCents": { "alias": "showCents"; "required": false; "isSignal": true; }; "showMeter": { "alias": "showMeter"; "required": false; "isSignal": true; }; "showStringSelector": { "alias": "showStringSelector"; "required": false; "isSignal": true; }; "autoStart": { "alias": "autoStart"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "tuningChange": "tuningChange"; "inTune": "inTune"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwTunerComponent, "tw-tuner", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "referenceFrequency": { "alias": "referenceFrequency"; "required": false; "isSignal": true; }; "tolerance": { "alias": "tolerance"; "required": false; "isSignal": true; }; "showFrequency": { "alias": "showFrequency"; "required": false; "isSignal": true; }; "showOctave": { "alias": "showOctave"; "required": false; "isSignal": true; }; "showCents": { "alias": "showCents"; "required": false; "isSignal": true; }; "showMeter": { "alias": "showMeter"; "required": false; "isSignal": true; }; "showStringSelector": { "alias": "showStringSelector"; "required": false; "isSignal": true; }; "autoStart": { "alias": "autoStart"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "tuningChange": "tuningChange"; "inTune": "inTune"; "error": "error"; }, never, never, true, never>;
 }
 
 type NoteDisplayVariant = 'default' | 'minimal' | 'led' | 'lcd' | 'meter';
@@ -8096,6 +8371,7 @@ declare class TwPitchDisplayComponent implements OnInit {
     protected onCentsChange(value: number): void;
     protected onPitchWheelDragStart(event: MouseEvent | TouchEvent): void;
     private readonly onPitchWheelDrag;
+    private applyBendSnap;
     private readonly onPitchWheelDragEnd;
     protected toggleKeyLock(): void;
     protected resetSemitones(): void;
@@ -8304,7 +8580,7 @@ declare const BPM_RANGES: {
  * <tw-bpm-display [bpm]="tempo" (bpmChange)="onTempoChange($event)" [showTapTempo]="true"></tw-bpm-display>
  * ```
  */
-declare class TwBpmDisplayComponent implements OnInit {
+declare class TwBpmDisplayComponent implements OnInit, OnDestroy {
     private readonly destroyRef;
     readonly variant: _angular_core.InputSignal<BpmDisplayVariant>;
     readonly size: _angular_core.InputSignal<BpmDisplaySize>;
@@ -8340,6 +8616,8 @@ declare class TwBpmDisplayComponent implements OnInit {
     protected readonly editValue: _angular_core.WritableSignal<string>;
     protected readonly beatActive: _angular_core.WritableSignal<boolean>;
     private beatInterval;
+    private beatFlashTimeout;
+    ngOnDestroy(): void;
     ngOnInit(): void;
     private startBeatIndicator;
     private updateBeatInterval;
@@ -8570,7 +8848,7 @@ declare class TwCompressorMeterComponent implements OnInit, OnDestroy {
     protected readonly releaseSpeed: _angular_core.Signal<"medium" | "fast" | "slow" | "very-slow">;
     protected readonly attackBarPercent: _angular_core.Signal<number>;
     protected readonly releaseBarPercent: _angular_core.Signal<number>;
-    protected readonly compressionActivity: _angular_core.Signal<"light" | "idle" | "moderate" | "heavy" | "limiting">;
+    protected readonly compressionActivity: _angular_core.Signal<"light" | "heavy" | "idle" | "moderate" | "limiting">;
     protected readonly activityColorClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwCompressorMeterComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwCompressorMeterComponent, "tw-compressor-meter", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "inputLevel": { "alias": "inputLevel"; "required": false; "isSignal": true; }; "outputLevel": { "alias": "outputLevel"; "required": false; "isSignal": true; }; "gainReduction": { "alias": "gainReduction"; "required": false; "isSignal": true; }; "settings": { "alias": "settings"; "required": false; "isSignal": true; }; "threshold": { "alias": "threshold"; "required": false; "isSignal": true; }; "ratio": { "alias": "ratio"; "required": false; "isSignal": true; }; "attack": { "alias": "attack"; "required": false; "isSignal": true; }; "release": { "alias": "release"; "required": false; "isSignal": true; }; "knee": { "alias": "knee"; "required": false; "isSignal": true; }; "makeupGain": { "alias": "makeupGain"; "required": false; "isSignal": true; }; "showInputMeter": { "alias": "showInputMeter"; "required": false; "isSignal": true; }; "showOutputMeter": { "alias": "showOutputMeter"; "required": false; "isSignal": true; }; "showGainReduction": { "alias": "showGainReduction"; "required": false; "isSignal": true; }; "showThreshold": { "alias": "showThreshold"; "required": false; "isSignal": true; }; "showSettings": { "alias": "showSettings"; "required": false; "isSignal": true; }; "showCurve": { "alias": "showCurve"; "required": false; "isSignal": true; }; "showAttackRelease": { "alias": "showAttackRelease"; "required": false; "isSignal": true; }; "attackReleaseDisplay": { "alias": "attackReleaseDisplay"; "required": false; "isSignal": true; }; "showGrHistory": { "alias": "showGrHistory"; "required": false; "isSignal": true; }; "grHistoryLength": { "alias": "grHistoryLength"; "required": false; "isSignal": true; }; "peakHold": { "alias": "peakHold"; "required": false; "isSignal": true; }; "peakHoldTime": { "alias": "peakHoldTime"; "required": false; "isSignal": true; }; "meterMin": { "alias": "meterMin"; "required": false; "isSignal": true; }; "meterMax": { "alias": "meterMax"; "required": false; "isSignal": true; }; "animated": { "alias": "animated"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "settingsChange": "settingsChange"; "clipInput": "clipInput"; "clipOutput": "clipOutput"; }, never, never, true, never>;
@@ -8676,8 +8954,21 @@ declare class MobileSupportService {
     setTouchGuardEnabled(enabled: boolean): void;
     /**
      * Check if an action should be allowed based on touch guard config
+     *
+     * This is a pure check: it does not record the action. Call
+     * {@link consumeAction} once the allowed action has actually been performed
+     * so the cooldown window starts; checking alone never blocks a later check.
+     *
+     * Only `cooldownMs` and `minDuration` are evaluated here. `minDragDistance`,
+     * `axisLock` and `requireConfirm` need per-gesture context and are handled
+     * by `TwTouchGuardDirective`, so they are intentionally ignored.
      */
     shouldAllowAction(config?: TouchGuardConfig): boolean;
+    /**
+     * Record that a guarded action was performed, starting the cooldown window
+     * evaluated by {@link shouldAllowAction}
+     */
+    consumeAction(): void;
     /**
      * Start tracking a touch for guard validation
      */
@@ -8765,7 +9056,11 @@ declare class TwTouchGuardDirective implements OnInit, OnDestroy {
     readonly guardDisabled: _angular_core.InputSignal<boolean>;
     /** Emitted when a guarded click/tap passes validation */
     readonly guardedClick: _angular_core.OutputEmitterRef<MouseEvent | TouchEvent>;
-    /** Emitted when a long press is detected */
+    /**
+     * Emitted when a long press is detected (touch input only). Mouse long
+     * presses gate `guardedClick` the same way but do not emit this output,
+     * which keeps its `TouchEvent` payload type.
+     */
     readonly longPress: _angular_core.OutputEmitterRef<TouchEvent>;
     /** Emitted when drag starts and passes validation */
     readonly guardedDragStart: _angular_core.OutputEmitterRef<MouseEvent | TouchEvent>;
@@ -8830,7 +9125,6 @@ declare class MusicAccessibilityService implements OnDestroy {
     private assertiveRegion;
     private announcementQueue;
     private isProcessingQueue;
-    private readonly cleanupTimer;
     private reducedMotionQuery;
     private highContrastQuery;
     private reducedMotionHandler;
@@ -8838,6 +9132,7 @@ declare class MusicAccessibilityService implements OnDestroy {
     private readonly _reducedMotion;
     private readonly _highContrast;
     private readonly _screenReaderHints;
+    private readonly _largeText;
     /** Whether the user prefers reduced motion */
     readonly prefersReducedMotion: _angular_core.Signal<boolean>;
     /** Whether the user prefers high contrast */
@@ -8855,7 +9150,9 @@ declare class MusicAccessibilityService implements OnDestroy {
      */
     announce(message: string, priority?: AnnouncementPriority): void;
     /**
-     * Announce a value change (debounced for rapid changes)
+     * Announce a value change (coalesced for rapid changes: a still-queued
+     * announcement with the same label is replaced by the newest value instead
+     * of flooding the queue, e.g. while dragging a fader)
      */
     announceValueChange(label: string, value: string | number, unit?: string): void;
     /**
@@ -8879,6 +9176,8 @@ declare class MusicAccessibilityService implements OnDestroy {
      */
     clearAnnouncements(): void;
     private processAnnouncementQueue;
+    /** Re-create the live regions if they are missing (browser only) */
+    private ensureLiveRegions;
     private initLiveRegions;
     private applyScreenReaderOnlyStyles;
     /**
@@ -9019,6 +9318,8 @@ declare class AudioContextService implements OnDestroy {
     private readonly _sources;
     private readonly _workletModules;
     private sourceIdCounter;
+    private readonly elementSourceIds;
+    private readonly sourceElements;
     /** Current audio context state */
     readonly state: _angular_core.Signal<AudioContextState>;
     /** Current sample rate */
@@ -9188,16 +9489,28 @@ declare class AudioContextService implements OnDestroy {
     setSourceMuted(id: string, muted: boolean): void;
     /**
      * Get frequency data from an analyser
+     * @param out Optional pre-allocated buffer to fill (length must equal
+     *   `analyser.frequencyBinCount`). Without `out` a fresh array is allocated
+     *   on every call, so this is only allocation-free (per-frame safe) when a
+     *   reused buffer is provided.
      */
-    getFrequencyData(analyser: AnalyserNode): Uint8Array;
+    getFrequencyData(analyser: AnalyserNode, out?: Uint8Array<ArrayBuffer>): Uint8Array<ArrayBuffer>;
     /**
      * Get time domain data from an analyser
+     * @param out Optional pre-allocated buffer to fill (length must equal
+     *   `analyser.fftSize`). Without `out` a fresh array is allocated on every
+     *   call, so this is only allocation-free (per-frame safe) when a reused
+     *   buffer is provided.
      */
-    getTimeDomainData(analyser: AnalyserNode): Uint8Array;
+    getTimeDomainData(analyser: AnalyserNode, out?: Uint8Array<ArrayBuffer>): Uint8Array<ArrayBuffer>;
     /**
      * Get float frequency data from an analyser
+     * @param out Optional pre-allocated buffer to fill (length must equal
+     *   `analyser.frequencyBinCount`). Without `out` a fresh array is allocated
+     *   on every call, so this is only allocation-free (per-frame safe) when a
+     *   reused buffer is provided.
      */
-    getFloatFrequencyData(analyser: AnalyserNode): Float32Array;
+    getFloatFrequencyData(analyser: AnalyserNode, out?: Float32Array<ArrayBuffer>): Float32Array<ArrayBuffer>;
     /**
      * Convert frequency bin index to frequency in Hz
      */
@@ -9584,7 +9897,11 @@ declare class TwMidiLearnDirective implements OnInit, OnDestroy {
     readonly midiCurve: _angular_core.InputSignal<"linear" | "logarithmic" | "exponential">;
     /** Pre-configured CC number (skip learn mode) */
     readonly midiCC: _angular_core.InputSignal<number | null>;
-    /** Enable right-click to start MIDI Learn */
+    /**
+     * Enable right-click to start MIDI Learn.
+     * Off by default so that merely applying the directive does not suppress
+     * the browser context menu; set to `true` to opt in.
+     */
     readonly enableContextMenuLearn: _angular_core.InputSignal<boolean>;
     /** Emitted when a MIDI value is received for this control */
     readonly midiValueChange: _angular_core.OutputEmitterRef<CCValueChangeEvent>;
@@ -9607,13 +9924,15 @@ declare class TwMidiLearnDirective implements OnInit, OnDestroy {
      */
     cancelLearn(): void;
     /**
-     * Check if MIDI Learn is active for this control
+     * Whether MIDI Learn is active for this control
+     * (computed so the host class bindings only re-evaluate on signal changes)
      */
-    isLearning(): boolean;
+    readonly isLearning: _angular_core.Signal<boolean>;
     /**
-     * Check if this control has a MIDI mapping
+     * Whether this control has a MIDI mapping
+     * (computed so the host class bindings only re-evaluate on signal changes)
      */
-    isMapped(): boolean;
+    readonly isMapped: _angular_core.Signal<boolean>;
     /**
      * Get the current mapping
      */
@@ -9636,6 +9955,14 @@ declare class TwMidiLearnDirective implements OnInit, OnDestroy {
  * Platform type detection
  */
 type PlatformType = 'browser' | 'tauri' | 'electron';
+/**
+ * Error thrown when an operation has no meaningful implementation on the
+ * current platform (typically the browser, which cannot access the file
+ * system or produce real file paths)
+ */
+declare class UnsupportedOnPlatformError extends Error {
+    constructor(operation: string, platform: PlatformType, hint?: string);
+}
 /**
  * File filter for dialogs
  */
@@ -9800,7 +10127,14 @@ declare class NativePlatformService {
     private openFileBrowser;
     /**
      * Open a save file dialog
-     * @returns Selected path or null if cancelled
+     *
+     * Browser semantics: the browser has no save dialog that can produce a real
+     * file system path or signal cancellation, so this throws
+     * {@link UnsupportedOnPlatformError} instead of fabricating a path — use
+     * `writeTextFile()` / `downloadBlob()` to trigger a download instead.
+     *
+     * @returns Selected path or null if cancelled (Tauri/Electron)
+     * @throws UnsupportedOnPlatformError in the browser
      */
     saveFile(options?: SaveFileOptions): Promise<string | null>;
     /**
@@ -9821,6 +10155,12 @@ declare class NativePlatformService {
     writeBinaryFile(path: string, contents: ArrayBuffer | Uint8Array): Promise<void>;
     /**
      * Check if a file exists
+     *
+     * Browser semantics: the browser cannot query the file system, so this
+     * throws {@link UnsupportedOnPlatformError} instead of fabricating `false`
+     * for every path — work with `File` objects from `openFile()` instead.
+     *
+     * @throws UnsupportedOnPlatformError in the browser
      */
     fileExists(path: string): Promise<boolean>;
     /**
@@ -10044,11 +10384,20 @@ interface FrequencyConversionResult {
 }
 /**
  * Worker message handler - processes incoming messages
+ *
+ * Exported for unit testing. At runtime the worker uses the `onmessage`
+ * dispatcher generated by {@link getWorkerScript} from the same
+ * {@link WORKER_HANDLERS} table, which is the canonical dispatcher.
  */
 declare function handleMessage(event: MessageEvent<WorkerMessage>): WorkerResponse;
 /**
  * Get the worker script as a string for creating a blob URL
  * This allows the worker to be bundled with the library
+ *
+ * WARNING: both the function definitions and the `onmessage` dispatcher below
+ * are generated from {@link WORKER_HANDLERS} by serializing the processing
+ * functions with `toString()`, so those functions must remain closure-free
+ * (see the note on the table above).
  */
 declare function getWorkerScript(): string;
 
@@ -10066,8 +10415,11 @@ interface AudioWorkerConfig {
 /**
  * Service for offloading audio processing to a Web Worker
  *
- * This service manages a Web Worker that handles computationally intensive
- * audio processing tasks, keeping the main thread free for smooth UI updates.
+ * An opt-in service that manages a Web Worker for computationally intensive
+ * audio processing. The music visualization components run their DSP on the
+ * main thread by default; route heavy per-frame work through this service
+ * (e.g. `processFFT`, `downsampleWaveform` for large waveforms, `detectBeat`)
+ * when the main thread needs to stay free for smooth UI updates.
  *
  * @example
  * ```typescript
@@ -10221,7 +10573,15 @@ declare const TW_MUSIC_DIRECTIVES: readonly [typeof TwTouchGuardDirective, typeo
 /**
  * Native App UI Component Types
  */
-type Platform = 'macos' | 'windows' | 'linux' | 'web' | 'tauri' | 'electron';
+/** Operating system detected from the user agent. */
+type OsPlatform = 'macos' | 'windows' | 'linux' | 'web';
+/** Runtime shell the application is executing in. */
+type RuntimePlatform = 'tauri' | 'electron' | 'web';
+/**
+ * @deprecated Use `OsPlatform` for OS detection or `RuntimePlatform` for
+ * runtime-shell detection instead. This union conflated the two concerns.
+ */
+type Platform = OsPlatform | 'tauri' | 'electron';
 type PlatformTheme = 'light' | 'dark' | 'system';
 interface WindowState {
     isMaximized: boolean;
@@ -10455,7 +10815,8 @@ declare class NativeAppPlatformService {
     private readonly _isElectron;
     private readonly _theme;
     private readonly _windowState;
-    readonly platform: _angular_core.Signal<Platform>;
+    /** Detected operating system. Use `isTauri`/`isElectron` for runtime-shell detection. */
+    readonly platform: _angular_core.Signal<OsPlatform>;
     readonly isTauri: _angular_core.Signal<boolean>;
     readonly isElectron: _angular_core.Signal<boolean>;
     readonly isNative: _angular_core.Signal<boolean>;
@@ -10506,7 +10867,7 @@ declare class TwTitleBarComponent {
     readonly showMaximize: _angular_core.InputSignal<boolean>;
     readonly showFullscreen: _angular_core.InputSignal<boolean>;
     readonly doubleClick: _angular_core.OutputEmitterRef<void>;
-    protected readonly effectivePlatform: _angular_core.Signal<_quinnjr_ngx_tailwindcss.Platform>;
+    protected readonly effectivePlatform: _angular_core.Signal<"tauri" | "electron" | _quinnjr_ngx_tailwindcss.OsPlatform>;
     protected readonly containerClasses: _angular_core.Signal<string>;
     protected onDoubleClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwTitleBarComponent, never>;
@@ -10537,7 +10898,7 @@ declare class TwWindowControlsComponent {
     readonly maximizeClick: _angular_core.OutputEmitterRef<void>;
     readonly fullscreenClick: _angular_core.OutputEmitterRef<void>;
     protected hovered: boolean;
-    protected readonly effectivePlatform: _angular_core.Signal<_quinnjr_ngx_tailwindcss.Platform>;
+    protected readonly effectivePlatform: _angular_core.Signal<"tauri" | "electron" | _quinnjr_ngx_tailwindcss.OsPlatform>;
     protected readonly containerClasses: _angular_core.Signal<"flex items-center" | "flex items-center -mr-1">;
     protected onClose(): void;
     protected onMinimize(): void;
@@ -10583,7 +10944,7 @@ declare class TwMenuBarComponent {
  * <tw-context-menu [items]="menuItems" [trigger]="targetElement" (itemSelect)="onSelect($event)"></tw-context-menu>
  * ```
  */
-declare class TwNativeContextMenuComponent implements OnInit, OnDestroy {
+declare class TwNativeContextMenuComponent implements OnDestroy {
     private readonly platformService;
     readonly items: _angular_core.InputSignal<NativeMenuItem[]>;
     readonly trigger: _angular_core.InputSignal<HTMLElement | null>;
@@ -10593,13 +10954,19 @@ declare class TwNativeContextMenuComponent implements OnInit, OnDestroy {
     protected readonly isOpen: _angular_core.WritableSignal<boolean>;
     protected readonly position: _angular_core.WritableSignal<NativeContextMenuPosition>;
     protected readonly hoveredItemId: _angular_core.WritableSignal<string | null>;
+    private readonly menuRef;
     private readonly contextMenuHandler;
-    ngOnInit(): void;
+    /** The exact node the contextmenu listener is currently attached to */
+    private listenerTarget;
+    constructor();
     ngOnDestroy(): void;
+    private detachContextMenuListener;
     protected onDocumentClick(): void;
     protected onEscape(): void;
     protected onScroll(): void;
     private onContextMenu;
+    /** Adjust position after a tick (once the menu is rendered) so it stays within the viewport */
+    private clampToViewport;
     protected selectItem(item: NativeMenuItem, event: MouseEvent): void;
     protected formatShortcut(shortcut: string): string;
     open(x: number, y: number): void;
@@ -10771,11 +11138,15 @@ declare class TwCommandPaletteComponent implements OnInit, OnDestroy {
     protected readonly isOpen: _angular_core.WritableSignal<boolean>;
     protected readonly searchQuery: _angular_core.WritableSignal<string>;
     protected readonly selectedIndex: _angular_core.WritableSignal<number>;
+    protected readonly paletteId: string;
+    private readonly searchInput;
+    private readonly searchableCommands;
     protected readonly filteredCommands: _angular_core.Signal<CommandItem[]>;
     protected readonly groupedCommands: _angular_core.Signal<{
         category: string;
         commands: CommandItem[];
     }[]>;
+    private readonly groupStartIndexes;
     private readonly keydownHandler;
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -10854,6 +11225,8 @@ declare class TwQuickSwitcherComponent {
     readonly itemSelected: _angular_core.OutputEmitterRef<QuickSwitcherItem>;
     readonly closed: _angular_core.OutputEmitterRef<void>;
     readonly searchInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    /** Unique id prefix for option elements (aria-activedescendant) */
+    readonly switcherId: string;
     readonly isOpen: _angular_core.WritableSignal<boolean>;
     readonly searchQuery: _angular_core.WritableSignal<string>;
     readonly selectedIndex: _angular_core.WritableSignal<number>;
@@ -11246,7 +11619,8 @@ declare class TwOnboardingWizardComponent {
 
 /**
  * Terminal / Console output component
- * Displays command output with ANSI color support
+ * Displays command output; strips ANSI escape codes for safe display, with
+ * line colors derived from each line's type
  *
  * @example
  * ```html
@@ -11276,6 +11650,7 @@ declare class TwTerminalComponent implements AfterViewChecked {
     protected readonly commandHistory: _angular_core.WritableSignal<string[]>;
     protected readonly historyIndex: _angular_core.WritableSignal<number>;
     private shouldScroll;
+    protected readonly displayedLines: _angular_core.Signal<TerminalLine[]>;
     ngAfterViewChecked(): void;
     protected readonly containerClasses: _angular_core.Signal<string>;
     protected getLineClasses(line: TerminalLine): string;
@@ -11515,6 +11890,8 @@ declare class TwResizablePanelsComponent {
     readonly panel1Collapsed: _angular_core.WritableSignal<boolean>;
     readonly panel2Collapsed: _angular_core.WritableSignal<boolean>;
     readonly isResizing: _angular_core.WritableSignal<boolean>;
+    /** Cleanup for the document listeners of an in-progress drag */
+    private activeResizeEnd;
     constructor();
     readonly containerClasses: _angular_core.Signal<string>;
     panelClasses(index: number): string;
@@ -11550,21 +11927,56 @@ declare class TwShortcutDisplayComponent {
 }
 
 /**
- * Storage service for persistent data
- * Supports local storage, secure storage, and file-based storage
+ * Storage service for persistent data.
+ * Supports Web Storage (localStorage/sessionStorage), IndexedDB, and a
+ * native-backed persistent store on Tauri/Electron.
+ *
+ * Note: despite their names, the `*Secure` methods are NOT backed by an OS
+ * keychain — see their individual docs for what each platform actually does.
  */
 declare class NativeStorageService {
     private readonly platformService;
     private readonly _isInitialized;
+    /**
+     * True once the Web Storage backends are available (set at construction;
+     * stays false during SSR). Native Tauri/Electron stores load lazily on
+     * first `*Secure` call.
+     */
     readonly isInitialized: _angular_core.Signal<boolean>;
+    private tauriStorePromise;
+    constructor();
     get<T>(key: string, defaultValue?: T): T | null;
     set(key: string, value: unknown, options?: StorageOptions): void;
     remove(key: string): void;
     clear(): void;
     keys(): string[];
     has(key: string): boolean;
+    private getTauriStore;
+    /**
+     * Read a value from the platform's persistent store.
+     *
+     * Despite the name, this is NOT OS-keychain-backed secure storage:
+     * - Tauri: plaintext JSON persisted via `@tauri-apps/plugin-store`
+     *   (optional `@tauri-apps/plugin-store` peer dependency required).
+     * - Electron: delegated to the host app's `secure-storage-get` IPC handler;
+     *   security depends entirely on that implementation.
+     * - Web: falls back to plain localStorage with a console warning.
+     */
     getSecure<T>(key: string): Promise<T | null>;
+    /**
+     * Write a value to the platform's persistent store.
+     *
+     * Despite the name, the value is NOT stored in an OS keychain: on Tauri it
+     * is persisted as plaintext JSON via `@tauri-apps/plugin-store`, on
+     * Electron it is delegated to the host app's `secure-storage-set` IPC
+     * handler, and on the web it falls back to plain localStorage.
+     */
     setSecure(key: string, value: unknown): Promise<void>;
+    /**
+     * Remove a value from the platform's persistent store (plaintext JSON on
+     * Tauri, host-app IPC handler on Electron, localStorage on the web — NOT an
+     * OS keychain; see getSecure).
+     */
     removeSecure(key: string): Promise<void>;
     getSession<T>(key: string, defaultValue?: T): T | null;
     setSession(key: string, value: unknown): void;
@@ -11584,11 +11996,10 @@ type IpcCallback<T> = (data: T) => void;
  * IPC (Inter-Process Communication) service
  * Handles communication between renderer and main process in Tauri/Electron
  */
-declare class NativeIpcService {
+declare class NativeIpcService implements OnDestroy {
     private readonly platformService;
     private readonly ngZone;
     private readonly listeners;
-    private unlistenFns;
     private readonly _isConnected;
     readonly isConnected: _angular_core.Signal<boolean>;
     constructor();
@@ -11602,7 +12013,9 @@ declare class NativeIpcService {
      */
     send(channel: string, payload?: unknown): Promise<void>;
     /**
-     * Listen for messages from the main process
+     * Listen for messages from the main process.
+     * Returns an unlisten function that removes both the platform listener and
+     * the service's bookkeeping (equivalent to `off(channel, callback)`).
      */
     on<T>(channel: string, callback: IpcCallback<T>): Promise<() => void>;
     /**
@@ -11610,7 +12023,9 @@ declare class NativeIpcService {
      */
     once<T>(channel: string, callback: IpcCallback<T>): Promise<void>;
     /**
-     * Remove listener for a channel
+     * Remove listener(s) for a channel, tearing down the underlying platform
+     * listener so callbacks stop firing. Omit `callback` to remove all
+     * listeners registered for the channel.
      */
     off(channel: string, callback?: IpcCallback<unknown>): void;
     /**
@@ -11621,6 +12036,7 @@ declare class NativeIpcService {
      * Clean up all listeners
      */
     destroy(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NativeIpcService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<NativeIpcService>;
 }
@@ -11676,17 +12092,50 @@ declare class SystemTrayService {
     readonly isSupported: _angular_core.WritableSignal<boolean>;
     readonly isVisible: _angular_core.WritableSignal<boolean>;
     private trayInstance;
+    private readonly electronMenuActions;
+    private electronMenuListenerRegistered;
     constructor();
     private checkSupport;
     create(config: TrayConfig): Promise<boolean>;
-    setIcon(icon: string): Promise<void>;
-    setTooltip(tooltip: string): Promise<void>;
-    setMenu(menu: NativeMenuItem[]): Promise<void>;
+    /**
+     * Set the tray icon.
+     * @returns false when the tray has not been created yet (Tauri) or the
+     * platform has no tray support; true when the update was dispatched.
+     */
+    setIcon(icon: string): Promise<boolean>;
+    /**
+     * Set the tray tooltip.
+     * @returns false when the tray has not been created yet (Tauri) or the
+     * platform has no tray support; true when the update was dispatched.
+     */
+    setTooltip(tooltip: string): Promise<boolean>;
+    /**
+     * Set the tray context menu.
+     * On Electron, item `action` callbacks are routed by id: the main process
+     * must echo the clicked item's id back on the 'tray-menu-click' channel.
+     * @returns false when the tray has not been created yet (Tauri) or the
+     * platform has no tray support; true when the update was dispatched.
+     */
+    setMenu(menu: NativeMenuItem[]): Promise<boolean>;
     destroy(): Promise<void>;
     private createTauriTray;
     private createElectronTray;
+    private buildTauriMenuItems;
     private buildTauriMenu;
     private setTauriMenu;
+    /**
+     * Listen for tray menu clicks echoed back from the Electron main process on
+     * the 'tray-menu-click' channel (payload: the clicked item's id) and invoke
+     * the matching registered action.
+     */
+    private registerElectronMenuClickListener;
+    /**
+     * Convert menu items to a serializable structure for the Electron main
+     * process. Functions cannot cross the IPC boundary, so each item's `action`
+     * is registered locally under its id; the main process must echo the
+     * clicked item's id back on the 'tray-menu-click' channel for actions to
+     * fire (see registerElectronMenuClickListener).
+     */
     private convertMenuForElectron;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SystemTrayService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<SystemTrayService>;
@@ -11725,10 +12174,13 @@ declare class NativeNotificationsService {
 declare class DockService {
     private readonly platformService;
     readonly isSupported: _angular_core.WritableSignal<boolean>;
+    private readonly electronMenuActions;
+    private electronMenuListenerRegistered;
     constructor();
     private checkSupport;
     /**
-     * Set the dock badge (macOS) or taskbar overlay (Windows)
+     * Set the dock badge (macOS) or taskbar overlay (Windows).
+     * No-op on Tauri (warns): Tauri has no dock badge API.
      */
     setBadge(text: string): Promise<void>;
     /**
@@ -11752,7 +12204,9 @@ declare class DockService {
      */
     cancelBounce(id: number): Promise<void>;
     /**
-     * Set the dock menu (macOS only)
+     * Set the dock menu (macOS only).
+     * Item `action` callbacks are routed by id: the main process must echo the
+     * clicked item's id back on the 'dock-menu-click' channel.
      */
     setMenu(items: NativeMenuItem[]): Promise<void>;
     /**
@@ -11767,6 +12221,19 @@ declare class DockService {
      * Flash the window in the taskbar (Windows only)
      */
     flashFrame(flash: boolean): Promise<void>;
+    /**
+     * Listen for dock menu clicks echoed back from the Electron main process on
+     * the 'dock-menu-click' channel (payload: the clicked item's id) and invoke
+     * the matching registered action.
+     */
+    private registerElectronMenuClickListener;
+    /**
+     * Convert menu items to a serializable structure for the Electron main
+     * process. Functions cannot cross the IPC boundary, so each item's `action`
+     * is registered locally under its id; the main process must echo the
+     * clicked item's id back on the 'dock-menu-click' channel for actions to
+     * fire (see registerElectronMenuClickListener).
+     */
     private convertMenuForElectron;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DockService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<DockService>;
@@ -11825,7 +12292,7 @@ declare class UpdateService {
  * <div twDraggable [dragData]="{ type: 'file', data: file }">Drag me</div>
  * ```
  */
-declare class TwDraggableDirective implements OnInit {
+declare class TwDraggableDirective {
     private readonly elementRef;
     readonly twDraggable: _angular_core.InputSignal<boolean | "">;
     readonly dragData: _angular_core.InputSignal<DragData>;
@@ -11838,7 +12305,6 @@ declare class TwDraggableDirective implements OnInit {
     protected get isDraggable(): boolean;
     protected readonly baseClass = true;
     protected get cursorClass(): boolean;
-    ngOnInit(): void;
     protected onDragStart(event: DragEvent): void;
     protected onDragEnd(event: DragEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwDraggableDirective, never>;
@@ -11891,12 +12357,16 @@ declare class TwDropZoneDirective {
 declare class TwShortcutDirective implements OnInit, OnDestroy {
     private readonly platformService;
     private readonly ngZone;
+    private readonly elementRef;
     readonly twShortcut: _angular_core.InputSignal<string>;
     readonly shortcutGlobal: _angular_core.InputSignal<boolean>;
     readonly shortcutPreventDefault: _angular_core.InputSignal<boolean>;
     readonly shortcutEnabled: _angular_core.InputSignal<boolean>;
     readonly shortcutTriggered: _angular_core.OutputEmitterRef<KeyboardEvent>;
+    private readonly parsedShortcut;
     private readonly keydownHandler;
+    /** The exact node the keydown listener is attached to */
+    private listenerTarget;
     ngOnInit(): void;
     ngOnDestroy(): void;
     private handleKeydown;
@@ -11955,7 +12425,7 @@ declare const TW_OVERLAY_COMPONENTS: readonly [typeof TwOverlayComponent];
  *
  * @example
  * ```typescript
- * import { TW_ALL } from '@pegasus-heavy/ngx-tailwindcss';
+ * import { TW_ALL } from '@quinnjr/ngx-tailwindcss';
  *
  * @Component({
  *   imports: [...TW_ALL],
@@ -11965,5 +12435,5 @@ declare const TW_OVERLAY_COMPONENTS: readonly [typeof TwOverlayComponent];
  */
 declare const TW_ALL: readonly [typeof _quinnjr_ngx_tailwindcss.TwRippleDirective, typeof _quinnjr_ngx_tailwindcss.TwTooltipDirective, typeof _quinnjr_ngx_tailwindcss.TwClickOutsideDirective, typeof _quinnjr_ngx_tailwindcss.TwFocusTrapDirective, typeof _quinnjr_ngx_tailwindcss.TwClassDirective, typeof _quinnjr_ngx_tailwindcss.TwVariantDirective, typeof _quinnjr_ngx_tailwindcss.TwAutoFocusDirective, typeof _quinnjr_ngx_tailwindcss.TwInViewDirective, typeof _quinnjr_ngx_tailwindcss.TwLongPressDirective, typeof _quinnjr_ngx_tailwindcss.TwDebounceClickDirective, typeof _quinnjr_ngx_tailwindcss.TwCopyClipboardDirective, typeof _quinnjr_ngx_tailwindcss.TwKeyboardShortcutDirective, typeof _quinnjr_ngx_tailwindcss.TwSwipeDirective, typeof _quinnjr_ngx_tailwindcss.TwResizeObserverDirective, typeof _quinnjr_ngx_tailwindcss.TwLazyImageDirective, typeof _quinnjr_ngx_tailwindcss.TwScrollToDirective, typeof _quinnjr_ngx_tailwindcss.TwScrollSectionDirective, typeof _quinnjr_ngx_tailwindcss.TwHoverClassDirective, typeof _quinnjr_ngx_tailwindcss.TwTrapScrollDirective, typeof _quinnjr_ngx_tailwindcss.TwSrOnlyDirective, typeof _quinnjr_ngx_tailwindcss.TwAnnounceDirective, typeof _quinnjr_ngx_tailwindcss.TwAriaExpandedDirective, typeof _quinnjr_ngx_tailwindcss.TwAriaSelectedDirective, typeof _quinnjr_ngx_tailwindcss.TwAriaCheckedDirective, typeof _quinnjr_ngx_tailwindcss.TwAriaPressedDirective, typeof _quinnjr_ngx_tailwindcss.TwAriaDisabledDirective, typeof _quinnjr_ngx_tailwindcss.TwAriaHiddenDirective, typeof _quinnjr_ngx_tailwindcss.TwAriaLiveDirective, typeof _quinnjr_ngx_tailwindcss.TwAriaCurrentDirective, typeof _quinnjr_ngx_tailwindcss.TwAriaBusyDirective, typeof _quinnjr_ngx_tailwindcss.TwAriaDescribedbyDirective, typeof _quinnjr_ngx_tailwindcss.TwAriaLabelledbyDirective, typeof _quinnjr_ngx_tailwindcss.TwAriaLabelDirective, typeof _quinnjr_ngx_tailwindcss.TwAriaValueDirective, typeof _quinnjr_ngx_tailwindcss.TwRoleDirective, typeof _quinnjr_ngx_tailwindcss.TwAriaModalDirective, typeof _quinnjr_ngx_tailwindcss.TwAriaHaspopupDirective, typeof _quinnjr_ngx_tailwindcss.TwAriaOwnsDirective, typeof _quinnjr_ngx_tailwindcss.TwAriaActivedescendantDirective, typeof _quinnjr_ngx_tailwindcss.TwButtonComponent, typeof _quinnjr_ngx_tailwindcss.TwButtonLinkComponent, typeof _quinnjr_ngx_tailwindcss.TwInputComponent, typeof _quinnjr_ngx_tailwindcss.TwTextareaComponent, typeof _quinnjr_ngx_tailwindcss.TwLabelDirective, typeof _quinnjr_ngx_tailwindcss.TwHintDirective, typeof _quinnjr_ngx_tailwindcss.TwErrorDirective, typeof _quinnjr_ngx_tailwindcss.TwInputAffixDirective, typeof TwCheckboxComponent, typeof TwRadioButtonComponent, typeof TwRadioGroupComponent, typeof TwSwitchComponent, typeof TwSelectComponent, typeof TwMultiSelectComponent, typeof TwSliderComponent, typeof TwRatingComponent, typeof TwChipComponent, typeof TwChipsComponent, typeof _quinnjr_ngx_tailwindcss.TwCardComponent, typeof _quinnjr_ngx_tailwindcss.TwCardHorizontalComponent, typeof _quinnjr_ngx_tailwindcss.TwCardHeaderDirective, typeof _quinnjr_ngx_tailwindcss.TwCardTitleDirective, typeof _quinnjr_ngx_tailwindcss.TwCardSubtitleDirective, typeof _quinnjr_ngx_tailwindcss.TwCardBodyDirective, typeof _quinnjr_ngx_tailwindcss.TwCardFooterDirective, typeof _quinnjr_ngx_tailwindcss.TwCardMediaDirective, typeof TwAccordionComponent, typeof TwAccordionItemComponent, typeof _quinnjr_ngx_tailwindcss.TwTabsComponent, typeof _quinnjr_ngx_tailwindcss.TwTabPanelComponent, typeof TwDividerComponent, typeof TwContainerComponent, typeof TwStackComponent, typeof TwVStackComponent, typeof TwHStackComponent, typeof TwGridComponent, typeof TwSimpleGridComponent, typeof TwAspectRatioComponent, typeof TwCenterComponent, typeof TwSquareComponent, typeof TwCircleComponent, typeof TwSpacerComponent, typeof TwWrapComponent, typeof TwSplitterComponent, typeof TwSplitterPaneComponent, typeof TwStickyComponent, typeof TwScrollAreaComponent, typeof TwColumnsComponent, typeof TwBleedComponent, typeof TwOverlayComponent, typeof _quinnjr_ngx_tailwindcss.TwBadgeComponent, typeof _quinnjr_ngx_tailwindcss.TwBadgeGroupComponent, typeof TwAvatarComponent, typeof TwAvatarGroupComponent, typeof TwTableComponent, typeof TwDatatablesComponent, typeof TwTreeComponent, typeof TwTimelineComponent, typeof TwBreadcrumbComponent, typeof TwPaginationComponent, typeof TwStepsComponent, typeof TwMenuComponent, typeof TwContextMenuComponent, typeof _quinnjr_ngx_tailwindcss.TwAlertComponent, typeof _quinnjr_ngx_tailwindcss.TwAlertTitleComponent, typeof _quinnjr_ngx_tailwindcss.TwAlertDescriptionComponent, typeof TwToastComponent, typeof TwToastContainerComponent, typeof TwSpinnerComponent, typeof TwLoadingOverlayComponent, typeof TwProgressComponent, typeof TwProgressCircularComponent, typeof TwSkeletonComponent, typeof TwSkeletonTextComponent, typeof TwSkeletonCardComponent, typeof TwSkeletonTableComponent, typeof _quinnjr_ngx_tailwindcss.TwModalComponent, typeof _quinnjr_ngx_tailwindcss.TwModalHeaderComponent, typeof _quinnjr_ngx_tailwindcss.TwModalTitleComponent, typeof _quinnjr_ngx_tailwindcss.TwModalBodyComponent, typeof _quinnjr_ngx_tailwindcss.TwModalFooterComponent, typeof _quinnjr_ngx_tailwindcss.TwConfirmDialogComponent, typeof _quinnjr_ngx_tailwindcss.TwDropdownComponent, typeof _quinnjr_ngx_tailwindcss.TwDropdownMenuComponent, typeof _quinnjr_ngx_tailwindcss.TwDropdownItemDirective, typeof _quinnjr_ngx_tailwindcss.TwDropdownDividerComponent, typeof _quinnjr_ngx_tailwindcss.TwDropdownHeaderComponent, typeof _quinnjr_ngx_tailwindcss.TwDropdownTriggerDirective, typeof TwSidebarComponent, typeof TwPopoverComponent, typeof TwImageComponent, typeof TwScrollTopComponent, typeof _quinnjr_ngx_tailwindcss.TwVolumeDialComponent, typeof _quinnjr_ngx_tailwindcss.TwVuMeterComponent, typeof _quinnjr_ngx_tailwindcss.TwWaveformComponent, typeof _quinnjr_ngx_tailwindcss.TwTransportComponent, typeof _quinnjr_ngx_tailwindcss.TwScrubberComponent, typeof _quinnjr_ngx_tailwindcss.TwFaderComponent, typeof _quinnjr_ngx_tailwindcss.TwPanControlComponent, typeof _quinnjr_ngx_tailwindcss.TwTimeDisplayComponent, typeof _quinnjr_ngx_tailwindcss.TwSpectrumComponent, typeof _quinnjr_ngx_tailwindcss.TwPianoComponent, typeof _quinnjr_ngx_tailwindcss.TwParametricEQComponent, typeof _quinnjr_ngx_tailwindcss.TwGraphicEQComponent, typeof _quinnjr_ngx_tailwindcss.TwOscilloscopeComponent, typeof _quinnjr_ngx_tailwindcss.TwChannelStripComponent, typeof _quinnjr_ngx_tailwindcss.TwMixerComponent, typeof _quinnjr_ngx_tailwindcss.TwMetronomeComponent, typeof _quinnjr_ngx_tailwindcss.TwVisualizerComponent, typeof _quinnjr_ngx_tailwindcss.TwAudioPlayerComponent, typeof _quinnjr_ngx_tailwindcss.TwLooperComponent, typeof _quinnjr_ngx_tailwindcss.TwStaffComponent, typeof _quinnjr_ngx_tailwindcss.TwNoteComponent, typeof _quinnjr_ngx_tailwindcss.TwNoteInputComponent, typeof _quinnjr_ngx_tailwindcss.TwMusicalSymbolComponent, typeof _quinnjr_ngx_tailwindcss.TwChordDiagramComponent, typeof _quinnjr_ngx_tailwindcss.TwPianoChordComponent, typeof _quinnjr_ngx_tailwindcss.TwTablatureComponent, typeof _quinnjr_ngx_tailwindcss.TwSheetMusicComponent, typeof _quinnjr_ngx_tailwindcss.TwLeadSheetComponent, typeof _quinnjr_ngx_tailwindcss.TwScoreEditorComponent, typeof _quinnjr_ngx_tailwindcss.TwTunerComponent, typeof _quinnjr_ngx_tailwindcss.TwNoteDisplayComponent, typeof _quinnjr_ngx_tailwindcss.TwPitchDisplayComponent, typeof _quinnjr_ngx_tailwindcss.TwAudioStatsComponent, typeof _quinnjr_ngx_tailwindcss.TwBpmDisplayComponent, typeof _quinnjr_ngx_tailwindcss.TwCompressorMeterComponent, typeof _quinnjr_ngx_tailwindcss.TwTouchGuardDirective, typeof _quinnjr_ngx_tailwindcss.TwMidiLearnDirective, typeof _quinnjr_ngx_tailwindcss.TwTitleBarComponent, typeof _quinnjr_ngx_tailwindcss.TwWindowControlsComponent, typeof _quinnjr_ngx_tailwindcss.TwMenuBarComponent, typeof _quinnjr_ngx_tailwindcss.TwNativeContextMenuComponent, typeof _quinnjr_ngx_tailwindcss.TwSidebarNavComponent, typeof _quinnjr_ngx_tailwindcss.TwFileTreeComponent, typeof _quinnjr_ngx_tailwindcss.TwBreadcrumbsNavComponent, typeof _quinnjr_ngx_tailwindcss.TwTabBarComponent, typeof _quinnjr_ngx_tailwindcss.TwCommandPaletteComponent, typeof _quinnjr_ngx_tailwindcss.TwSearchBarComponent, typeof _quinnjr_ngx_tailwindcss.TwQuickSwitcherComponent, typeof _quinnjr_ngx_tailwindcss.TwSettingsPanelComponent, typeof _quinnjr_ngx_tailwindcss.TwPreferencesDialogComponent, typeof _quinnjr_ngx_tailwindcss.TwShortcutsEditorComponent, typeof _quinnjr_ngx_tailwindcss.TwThemeSelectorComponent, typeof _quinnjr_ngx_tailwindcss.TwAlertDialogComponent, typeof _quinnjr_ngx_tailwindcss.TwNativeConfirmDialogComponent, typeof _quinnjr_ngx_tailwindcss.TwPromptDialogComponent, typeof _quinnjr_ngx_tailwindcss.TwAboutDialogComponent, typeof _quinnjr_ngx_tailwindcss.TwUpdateDialogComponent, typeof _quinnjr_ngx_tailwindcss.TwOnboardingWizardComponent, typeof _quinnjr_ngx_tailwindcss.TwTerminalComponent, typeof _quinnjr_ngx_tailwindcss.TwLogViewerComponent, typeof _quinnjr_ngx_tailwindcss.TwPropertyInspectorComponent, typeof _quinnjr_ngx_tailwindcss.TwCodeViewerComponent, typeof _quinnjr_ngx_tailwindcss.TwStatusBarComponent, typeof _quinnjr_ngx_tailwindcss.TwToolbarComponent, typeof _quinnjr_ngx_tailwindcss.TwActivityIndicatorComponent, typeof _quinnjr_ngx_tailwindcss.TwConnectionStatusComponent, typeof _quinnjr_ngx_tailwindcss.TwResizablePanelsComponent, typeof _quinnjr_ngx_tailwindcss.TwShortcutDisplayComponent, typeof _quinnjr_ngx_tailwindcss.TwDraggableDirective, typeof _quinnjr_ngx_tailwindcss.TwDropZoneDirective, typeof _quinnjr_ngx_tailwindcss.TwShortcutDirective];
 
-export { ACCENT_PRESETS, AR_TIME_PRESETS, AriaUtils, AudioContextService, AudioWorkerService, BPM_RANGES, CODEC_INFO, COMMON_CHORDS, DEFAULT_THEME, DEFAULT_THEME_COLORS, DEFAULT_TW_CONFIG, DockService, EQ_PRESETS, FilePickerService, INSTRUMENT_PRESETS, MIDI_CC, MUSIC_FILE_FILTERS, MidiService, MobileSupportService, MusicAccessibilityService, NativeAppPlatformService, NativeIpcService, NativeNotificationsService, NativePlatformService, NativeStorageService, PIANO_CHORDS, PITCH_PRESETS, SAMPLE_MUSIC, SystemTrayService, THEME_CSS_CLASSES, TW_ACCORDION_COMPONENTS, TW_ALERT_COMPONENTS, TW_ALL, TW_ARIA_DIRECTIVES, TW_ASPECT_RATIO_COMPONENTS, TW_AVATAR_COMPONENTS, TW_BADGE_COMPONENTS, TW_BLEED_COMPONENTS, TW_BREADCRUMB_COMPONENTS, TW_BUTTON_COMPONENTS, TW_CARD_COMPONENTS, TW_CENTER_COMPONENTS, TW_CHECKBOX_COMPONENTS, TW_CHIP_COMPONENTS, TW_COLUMNS_COMPONENTS, TW_CONFIG, TW_CONTAINER_COMPONENTS, TW_CORE_DIRECTIVES, TW_DATATABLES_COMPONENTS, TW_DEFAULT_TRANSLATIONS, TW_DIRECTIVES, TW_DIVIDER_COMPONENTS, TW_DROPDOWN_COMPONENTS, TW_DX_DIRECTIVES, TW_GRID_COMPONENTS, TW_IMAGE_COMPONENTS, TW_INPUT_COMPONENTS, TW_LOCALE, TW_MENU_COMPONENTS, TW_MODAL_COMPONENTS, TW_MULTISELECT_COMPONENTS, TW_MUSIC_COMPONENTS, TW_MUSIC_DIRECTIVES, TW_NATIVE_COMPONENTS, TW_NATIVE_DIRECTIVES, TW_OVERLAY_COMPONENTS, TW_PAGINATION_COMPONENTS, TW_POPOVER_COMPONENTS, TW_PROGRESS_COMPONENTS, TW_RADIO_COMPONENTS, TW_RATING_COMPONENTS, TW_SCROLL_AREA_COMPONENTS, TW_SCROLL_TOP_COMPONENTS, TW_SELECT_COMPONENTS, TW_SIDEBAR_COMPONENTS, TW_SKELETON_COMPONENTS, TW_SLIDER_COMPONENTS, TW_SPACER_COMPONENTS, TW_SPINNER_COMPONENTS, TW_SPLITTER_COMPONENTS, TW_STACK_COMPONENTS, TW_STEPS_COMPONENTS, TW_STICKY_COMPONENTS, TW_SWITCH_COMPONENTS, TW_TABLE_COMPONENTS, TW_TABS_COMPONENTS, TW_THEME, TW_TIMELINE_COMPONENTS, TW_TOAST_COMPONENTS, TW_TRANSLATIONS, TW_TREE_COMPONENTS, TwAboutDialogComponent, TwAccordionComponent, TwAccordionItemComponent, TwActivityIndicatorComponent, TwAlertComponent, TwAlertDescriptionComponent, TwAlertDialogComponent, TwAlertTitleComponent, TwAnnounceDirective, TwAriaActivedescendantDirective, TwAriaBusyDirective, TwAriaCheckedDirective, TwAriaCurrentDirective, TwAriaDescribedbyDirective, TwAriaDisabledDirective, TwAriaExpandedDirective, TwAriaHaspopupDirective, TwAriaHiddenDirective, TwAriaLabelDirective, TwAriaLabelledbyDirective, TwAriaLiveDirective, TwAriaModalDirective, TwAriaOwnsDirective, TwAriaPressedDirective, TwAriaSelectedDirective, TwAriaService, TwAriaValueDirective, TwAspectRatioComponent, TwAudioPlayerComponent, TwAudioStatsComponent, TwAutoFocusDirective, TwAvatarComponent, TwAvatarGroupComponent, TwBadgeComponent, TwBadgeGroupComponent, TwBleedComponent, TwBpmDisplayComponent, TwBreadcrumbComponent, TwBreadcrumbsNavComponent, TwButtonComponent, TwButtonLinkComponent, TwCardBodyDirective, TwCardComponent, TwCardFooterDirective, TwCardHeaderDirective, TwCardHorizontalComponent, TwCardMediaDirective, TwCardSubtitleDirective, TwCardTitleDirective, TwCenterComponent, TwChannelStripComponent, TwCheckboxComponent, TwChipComponent, TwChipsComponent, TwChordDiagramComponent, TwCircleComponent, TwClassDirective, TwClassService, TwClickOutsideDirective, TwCodeViewerComponent, TwColumnsComponent, TwCommandPaletteComponent, TwCompressorMeterComponent, TwConfirmDialogComponent, TwConnectionStatusComponent, TwContainerComponent, TwContextMenuComponent, TwCopyClipboardDirective, TwDatatablesComponent, TwDebounceClickDirective, TwDividerComponent, TwDraggableDirective, TwDropZoneDirective, TwDropdownComponent, TwDropdownDividerComponent, TwDropdownHeaderComponent, TwDropdownItemDirective, TwDropdownMenuComponent, TwDropdownTriggerDirective, TwErrorDirective, TwFaderComponent, TwFileTreeComponent, TwFocusTrapDirective, TwGraphicEQComponent, TwGridComponent, TwHStackComponent, TwHintDirective, TwHoverClassDirective, TwI18nService, TwImageComponent, TwInViewDirective, TwInputAffixDirective, TwInputComponent, TwKeyboardShortcutDirective, TwLabelDirective, TwLazyImageDirective, TwLeadSheetComponent, TwLoadingOverlayComponent, TwLogViewerComponent, TwLongPressDirective, TwLooperComponent, TwMenuBarComponent, TwMenuComponent, TwMetronomeComponent, TwMidiLearnDirective, TwMixerComponent, TwModalBodyComponent, TwModalComponent, TwModalFooterComponent, TwModalHeaderComponent, TwModalTitleComponent, TwMultiSelectComponent, TwMusicalSymbolComponent, TwNativeConfirmDialogComponent, TwNativeContextMenuComponent, TwNoteComponent, TwNoteDisplayComponent, TwNoteInputComponent, TwOnboardingWizardComponent, TwOscilloscopeComponent, TwOverlayComponent, TwPaginationComponent, TwPanControlComponent, TwParametricEQComponent, TwPianoChordComponent, TwPianoComponent, TwPitchDisplayComponent, TwPopoverComponent, TwPreferencesDialogComponent, TwProgressCircularComponent, TwProgressComponent, TwPromptDialogComponent, TwPropertyInspectorComponent, TwQuickSwitcherComponent, TwRadioButtonComponent, TwRadioGroupComponent, TwRatingComponent, TwResizablePanelsComponent, TwResizeObserverDirective, TwRippleDirective, TwRoleDirective, TwScoreEditorComponent, TwScrollAreaComponent, TwScrollSectionDirective, TwScrollToDirective, TwScrollTopComponent, TwScrubberComponent, TwSearchBarComponent, TwSelectComponent, TwSettingTemplateDirective, TwSettingsPanelComponent, TwSheetMusicComponent, TwShortcutDirective, TwShortcutDisplayComponent, TwShortcutsEditorComponent, TwSidebarComponent, TwSidebarNavComponent, TwSimpleGridComponent, TwSkeletonCardComponent, TwSkeletonComponent, TwSkeletonTableComponent, TwSkeletonTextComponent, TwSliderComponent, TwSpacerComponent, TwSpectrumComponent, TwSpinnerComponent, TwSplitterComponent, TwSplitterPaneComponent, TwSquareComponent, TwSrOnlyDirective, TwStackComponent, TwStaffComponent, TwStatusBarComponent, TwStepsComponent, TwStickyComponent, TwSwipeDirective, TwSwitchComponent, TwTabBarComponent, TwTabPanelComponent, TwTablatureComponent, TwTableComponent, TwTabsComponent, TwTerminalComponent, TwTextareaComponent, TwThemeSelectorComponent, TwThemeService, TwTimeDisplayComponent, TwTimelineComponent, TwTitleBarComponent, TwToastComponent, TwToastContainerComponent, TwToastService, TwToolbarComponent, TwTooltipDirective, TwTouchGuardDirective, TwTransportComponent, TwTrapScrollDirective, TwTreeComponent, TwTunerComponent, TwUpdateDialogComponent, TwVStackComponent, TwVariantDirective, TwVisualizerComponent, TwVolumeDialComponent, TwVuMeterComponent, TwWaveformComponent, TwWindowControlsComponent, TwWrapComponent, UpdateService, createTheme, generateThemeCssProperties, getWorkerScript, handleMessage, parseABCNotation, parseMusicXML, provideTwConfig, provideTwLocale, provideTwTheme, provideTwTranslations, withTwConfig, withTwTheme };
-export type { AboutDialogConfig, AccentLevel, AccentPattern, AccessibilityPreferences, ActiveNote, ActivityIndicatorSize, ActivityIndicatorVariant, AlertDialogConfig, AlertDialogType, AlertStyle, AlertVariant, AnnouncementPriority, ArticulationType, AspectRatioPreset, AttackReleaseDisplay, AudioChain, AudioContextState, AudioFileInfo, AudioNodeConfig, AudioPlayerTheme, AudioPlayerVariant, AudioSourceType, AudioStatsSize, AudioStatsVariant, AudioTrack, AudioWorkerConfig, AudioWorkletModuleInfo, AuxSend, AvatarSize, AvatarStatus, AvatarVariant, BadgeSize, BadgeStyle, BadgeVariant, BeamConfig, BeamPosition, BeatDetectionOptions, BeatDetectionResult, BeatEvent, BeatHighlightMode, BleedAmount, BleedDirection, BpmDisplaySize, BpmDisplayVariant, BpmSyncStatus, BreadcrumbItem, BreadcrumbSeparator, ButtonSize, ButtonVariant, CCValueChangeEvent, CardVariant, ChannelGroup, ChannelStripSize, ChannelStripState, ChannelStripVariant, CheckboxSize, CheckboxVariant, ChipSize, ChipStyle, ChipVariant, ChordDefinition, ChordDiagramSize, ChordDiagramVariant, ChordFingering, ClefType, ClipboardData, CodeLanguage, ColorMode, ColumnsCount, ColumnsGap, ColumnsRule, CommandItem, CommandPaletteMode, CompressorMeterSize, CompressorMeterVariant, CompressorSettings, ConfirmDialogConfig, ConnectedSource, ConnectionState, ContainerSize, CopyClipboardEvent, DetectedNote, DialSize, DialVariant, DividerLabelPosition, DividerOrientation, DividerVariant, DragData, DropEvent, DropdownPosition, DynamicType, EQBand, EQBandChange, EQBandValue, EQFilterType, EQPreset, EQPresetCategory, EQVariant, ExportFormat, FFTProcessOptions, FFTProcessResult, FaderOrientation, FaderSize, FaderVariant, FileFilter, FileInfo, FilePickerResult, FileTreeEvent, FileTreeNode, FindPeaksOptions, FindPeaksResult, FrequencyConversionOptions, FrequencyConversionResult, FrequencyScale, GainReductionHistoryPoint, GraphicEQBandCount, GraphicEQVariant, GridCols, GridGap, HairpinType, HapticFeedbackType, HistoryEntry, ImageBorderRadius, ImageFit, InViewEvent, InputSize, InputVariant, InstrumentPart, IpcMessage, IpcResponse, KeySignature, KeyboardShortcut, KeyboardShortcutEvent, LazyImageEvent, LeadSheetChord, LeadSheetData, LeadSheetDisplayMode, LeadSheetMeasure, LeadSheetSection, LeadSheetStyle, LeadSheetVariant, LevelOptions, LevelResult, LogEntry, LogFilter, LongPressEvent, LoopLayer, LooperEvent, LooperSize, LooperState, LooperVariant, LyricEntry, MeasureData, MelodyNote, MenuItem, MenuVariant, MetronomeBeat, MetronomeSize, MetronomeVariant, MidiCCMapping, MidiDevice, MidiDeviceInfo, MidiLearnState, MidiMessage, MidiMessageType, MidiNoteInfo, MixerBreakpoint, MixerChannel, MixerSection, MixerSize, MixerState, MixerVariant, ModalSize, MultiSelectAppendTo, MultiSelectGroup, MultiSelectOption, MultiSelectSize, MultiSelectVariant, MusicSwipeDirection, NativeBreadcrumbItem, NativeClipboardData, NativeContextMenuEvent, NativeContextMenuPosition, NativeFileFilter, NativeMenuBarItem, NativeMenuItem, NativeNotificationAction, NativeNotificationOptions, NativeOpenFileOptions, NativeSaveFileOptions, NativeSidebarPosition, NativeSidebarVariant, NoteAccidental, NoteData, NoteDisplaySize, NoteDisplayVariant, NoteDuration, NoteEvent, NoteHistoryEntry, NoteInputEvent, NoteInputMeasureData, NoteName, OnboardingStep, OpenFileOptions, OrnamentType, OscilloscopeTriggerMode, OscilloscopeVariant, OverlayBlur, OverlayOpacity, PaginationSize, PaginationVariant, PanControlSize, PanControlVariant, PanelConfig, PedalType, PianoChordDefinition, PianoChordNote, PianoChordSize, PianoChordVariant, PianoKey, PianoSize, PianoVariant, PinchGestureState, PitchBendStyle, PitchDisplaySize, PitchDisplayVariant, PitchInfo, PlacedNote, Platform, PlatformTheme, PlatformType, PopoverPosition, PopoverTrigger, PreferencesTab, PrintOptions, ProgressSize, ProgressVariant, PromptInputType, PropertyItem, QuickSwitcherItem, RadioSize, RadioVariant, RatingSize, RatingVariant, RepeatType, ResizeEvent, SaveFileOptions, ScoreData, ScoreEditorVariant, ScrollAreaDirection, ScrollAreaScrollbar, ScrollTopPosition, ScrollTopVariant, ScrubberMarker, ScrubberThumbnail, ScrubberVariant, SearchFilter, SearchSuggestion, SelectAppendTo, SelectGroup, SelectOption, SelectSize, SelectVariant, SettingItem, SettingsCategory, SheetMusicData, SheetMusicLayout, SheetMusicVariant, ShortcutBinding, ShortcutDisplayPlatform, ShortcutDisplayVariant, SidebarItem, SidebarPosition, SidebarSize, SkeletonGap, SkeletonVariant, SlashPattern, SlashStyle, SliderSize, SliderVariant, SlurPoints, SmoothDataOptions, SmoothDataResult, SpacerSize, SpectrumColorScheme, SpectrumVariant, SpinnerColor, SpinnerSize, SpinnerVariant, SplitDirection, SplitterDirection, SplitterGutterSize, StackAlign, StackDirection, StackJustify, StackSpacing, StaffTimeSignature, StaffVariant, StatusBarItem, StemDirection, StepItem, StepsOrientation, StepsSize, StickyOffset, StickyPosition, StorageOptions, SwipeDirection, SwipeEvent, SwipeGestureResult, SwitchSize, SwitchVariant, SymbolCategory, TabBarPosition, TabBarVariant, TabEvent, TabItem, TabMeasure, TabNote, TablatureTechnique, TablatureVariant, TableColumn, TableSize, TableVariant, TabsOrientation, TabsSize, TabsVariant, TempoType, TerminalLine, TerminalVariant, ThemeColorValue, ThemeColors, ThemeComponentOverrides, ThemeMode, ThemePreset, ThumbnailSpriteConfig, TimeDisplayMode, TimeDisplaySize, TimeDisplayVariant, TimeDomainOptions, TimeDomainResult, TimeSignature, TimelineAlign, TimelineEvent, TimelineLayout, TitleBarPlatform, TitleBarVariant, ToastOptions, ToastPosition, ToastVariant, ToolbarItem, ToolbarPosition, ToolbarVariant, TooltipPosition, TouchGuardConfig, TransportSize, TransportVariant, TransposeOptions, TrayConfig, TreeNode, TreeSelectionMode, TunerMode, TunerVariant, TuningData, TupletConfig, TupletPosition, TwAlertClassConfig, TwBadgeClassConfig, TwButtonClassConfig, TwCardClassConfig, TwClassOverrides, TwConfig, TwDropdownClassConfig, TwInputClassConfig, TwModalClassConfig, TwTabsClassConfig, TwTheme, TwThemeConfig, TwTranslations, UpdateDialogInfo, UpdateInfo, UpdateProgress, UpdateStatus, VisualizerColorScheme, VisualizerVariant, Voice, VuMeterMode, VuMeterOrientation, VuMeterVariant, WaveformColorScheme, WaveformDownsampleOptions, WaveformDownsampleResult, WaveformMode, WaveformSize, WaveformVariant, WindowControlButton, WindowControlsPosition, WindowState, WorkerMessage, WorkerMessageType, WorkerResponse };
+export { ACCENT_PRESETS, AR_TIME_PRESETS, AriaUtils, AudioContextService, AudioWorkerService, BPM_RANGES, CODEC_INFO, COMMON_CHORDS, DEFAULT_THEME, DEFAULT_THEME_COLORS, DEFAULT_TW_CONFIG, DockService, EQ_PRESETS, FilePickerService, INSTRUMENT_PRESETS, MIDI_CC, MUSIC_FILE_FILTERS, MidiService, MobileSupportService, MusicAccessibilityService, NativeAppPlatformService, NativeIpcService, NativeNotificationsService, NativePlatformService, NativeStorageService, PIANO_CHORDS, PITCH_PRESETS, SAMPLE_MUSIC, SystemTrayService, THEME_CSS_CLASSES, TW_ACCORDION_COMPONENTS, TW_ALERT_COMPONENTS, TW_ALL, TW_ARIA_DIRECTIVES, TW_ASPECT_RATIO_COMPONENTS, TW_AVATAR_COMPONENTS, TW_BADGE_COMPONENTS, TW_BLEED_COMPONENTS, TW_BREADCRUMB_COMPONENTS, TW_BUTTON_COMPONENTS, TW_CARD_COMPONENTS, TW_CENTER_COMPONENTS, TW_CHECKBOX_COMPONENTS, TW_CHIP_COMPONENTS, TW_COLUMNS_COMPONENTS, TW_CONFIG, TW_CONTAINER_COMPONENTS, TW_CORE_DIRECTIVES, TW_DATATABLES_COMPONENTS, TW_DEFAULT_TRANSLATIONS, TW_DIRECTIVES, TW_DIVIDER_COMPONENTS, TW_DROPDOWN_COMPONENTS, TW_DX_DIRECTIVES, TW_GRID_COMPONENTS, TW_IMAGE_COMPONENTS, TW_INPUT_COMPONENTS, TW_LOCALE, TW_MENU_COMPONENTS, TW_MODAL_COMPONENTS, TW_MULTISELECT_COMPONENTS, TW_MUSIC_COMPONENTS, TW_MUSIC_DIRECTIVES, TW_NATIVE_COMPONENTS, TW_NATIVE_DIRECTIVES, TW_OVERLAY_COMPONENTS, TW_PAGINATION_COMPONENTS, TW_POPOVER_COMPONENTS, TW_PROGRESS_COMPONENTS, TW_RADIO_COMPONENTS, TW_RATING_COMPONENTS, TW_SCROLL_AREA_COMPONENTS, TW_SCROLL_TOP_COMPONENTS, TW_SELECT_COMPONENTS, TW_SIDEBAR_COMPONENTS, TW_SKELETON_COMPONENTS, TW_SLIDER_COMPONENTS, TW_SPACER_COMPONENTS, TW_SPINNER_COMPONENTS, TW_SPLITTER_COMPONENTS, TW_STACK_COMPONENTS, TW_STEPS_COMPONENTS, TW_STICKY_COMPONENTS, TW_SWITCH_COMPONENTS, TW_TABLE_COMPONENTS, TW_TABS_COMPONENTS, TW_THEME, TW_TIMELINE_COMPONENTS, TW_TOAST_COMPONENTS, TW_TRANSLATIONS, TW_TREE_COMPONENTS, TwAboutDialogComponent, TwAccordionComponent, TwAccordionHeaderDirective, TwAccordionItemComponent, TwActivityIndicatorComponent, TwAlertComponent, TwAlertDescriptionComponent, TwAlertDialogComponent, TwAlertTitleComponent, TwAnnounceDirective, TwAriaActivedescendantDirective, TwAriaBusyDirective, TwAriaCheckedDirective, TwAriaCurrentDirective, TwAriaDescribedbyDirective, TwAriaDisabledDirective, TwAriaExpandedDirective, TwAriaHaspopupDirective, TwAriaHiddenDirective, TwAriaLabelDirective, TwAriaLabelledbyDirective, TwAriaLiveDirective, TwAriaModalDirective, TwAriaOwnsDirective, TwAriaPressedDirective, TwAriaSelectedDirective, TwAriaService, TwAriaValueDirective, TwAspectRatioComponent, TwAudioPlayerComponent, TwAudioStatsComponent, TwAutoFocusDirective, TwAvatarComponent, TwAvatarGroupComponent, TwBadgeComponent, TwBadgeGroupComponent, TwBleedComponent, TwBpmDisplayComponent, TwBreadcrumbComponent, TwBreadcrumbsNavComponent, TwButtonComponent, TwButtonLinkComponent, TwCardBodyDirective, TwCardComponent, TwCardFooterDirective, TwCardHeaderDirective, TwCardHorizontalComponent, TwCardMediaDirective, TwCardSubtitleDirective, TwCardTitleDirective, TwCenterComponent, TwChannelStripComponent, TwCheckboxComponent, TwChipComponent, TwChipsComponent, TwChordDiagramComponent, TwCircleComponent, TwClassDirective, TwClassService, TwClickOutsideDirective, TwCodeViewerComponent, TwColumnsComponent, TwCommandPaletteComponent, TwCompressorMeterComponent, TwConfirmDialogComponent, TwConnectionStatusComponent, TwContainerComponent, TwContextMenuComponent, TwCopyClipboardDirective, TwDatatablesComponent, TwDebounceClickDirective, TwDividerComponent, TwDraggableDirective, TwDropZoneDirective, TwDropdownComponent, TwDropdownDividerComponent, TwDropdownHeaderComponent, TwDropdownItemDirective, TwDropdownMenuComponent, TwDropdownTriggerDirective, TwErrorDirective, TwFaderComponent, TwFileTreeComponent, TwFocusTrapDirective, TwGraphicEQComponent, TwGridComponent, TwHStackComponent, TwHintDirective, TwHoverClassDirective, TwI18nService, TwImageComponent, TwInViewDirective, TwInputAffixDirective, TwInputComponent, TwKeyboardShortcutDirective, TwLabelDirective, TwLazyImageDirective, TwLeadSheetComponent, TwLoadingOverlayComponent, TwLogViewerComponent, TwLongPressDirective, TwLooperComponent, TwMenuBarComponent, TwMenuComponent, TwMetronomeComponent, TwMidiLearnDirective, TwMixerComponent, TwModalBodyComponent, TwModalComponent, TwModalFooterComponent, TwModalHeaderComponent, TwModalTitleComponent, TwMultiSelectComponent, TwMusicalSymbolComponent, TwNativeConfirmDialogComponent, TwNativeContextMenuComponent, TwNoteComponent, TwNoteDisplayComponent, TwNoteInputComponent, TwOnboardingWizardComponent, TwOscilloscopeComponent, TwOverlayComponent, TwPaginationComponent, TwPanControlComponent, TwParametricEQComponent, TwPianoChordComponent, TwPianoComponent, TwPitchDisplayComponent, TwPopoverComponent, TwPreferencesDialogComponent, TwProgressCircularComponent, TwProgressComponent, TwPromptDialogComponent, TwPropertyInspectorComponent, TwQuickSwitcherComponent, TwRadioButtonComponent, TwRadioGroupComponent, TwRatingComponent, TwResizablePanelsComponent, TwResizeObserverDirective, TwRippleDirective, TwRoleDirective, TwScoreEditorComponent, TwScrollAreaComponent, TwScrollSectionDirective, TwScrollToDirective, TwScrollTopComponent, TwScrubberComponent, TwSearchBarComponent, TwSelectComponent, TwSettingTemplateDirective, TwSettingsPanelComponent, TwSheetMusicComponent, TwShortcutDirective, TwShortcutDisplayComponent, TwShortcutsEditorComponent, TwSidebarComponent, TwSidebarNavComponent, TwSimpleGridComponent, TwSkeletonCardComponent, TwSkeletonComponent, TwSkeletonTableComponent, TwSkeletonTextComponent, TwSliderComponent, TwSpacerComponent, TwSpectrumComponent, TwSpinnerComponent, TwSplitterComponent, TwSplitterPaneComponent, TwSquareComponent, TwSrOnlyDirective, TwStackComponent, TwStaffComponent, TwStatusBarComponent, TwStepsComponent, TwStickyComponent, TwSwipeDirective, TwSwitchComponent, TwTabBarComponent, TwTabPanelComponent, TwTablatureComponent, TwTableComponent, TwTabsComponent, TwTerminalComponent, TwTextareaComponent, TwThemeSelectorComponent, TwThemeService, TwTimeDisplayComponent, TwTimelineComponent, TwTitleBarComponent, TwToastComponent, TwToastContainerComponent, TwToastService, TwToolbarComponent, TwTooltipDirective, TwTouchGuardDirective, TwTransportComponent, TwTrapScrollDirective, TwTreeComponent, TwTunerComponent, TwUpdateDialogComponent, TwVStackComponent, TwVariantDirective, TwVisualizerComponent, TwVolumeDialComponent, TwVuMeterComponent, TwWaveformComponent, TwWindowControlsComponent, TwWrapComponent, UnsupportedOnPlatformError, UpdateService, createTheme, generateThemeCssProperties, getWorkerScript, handleMessage, parseABCNotation, parseMusicXML, provideTwConfig, provideTwLocale, provideTwTheme, provideTwTranslations, withTwConfig, withTwTheme };
+export type { AboutDialogConfig, AccentLevel, AccentPattern, AccessibilityPreferences, AccordionVariant, ActiveNote, ActivityIndicatorSize, ActivityIndicatorVariant, AlertDialogConfig, AlertDialogType, AlertStyle, AlertVariant, AnnouncementPriority, ArticulationType, AspectRatioPreset, AttackReleaseDisplay, AudioChain, AudioContextState, AudioFileInfo, AudioNodeConfig, AudioPlayerTheme, AudioPlayerVariant, AudioSourceType, AudioStatsSize, AudioStatsVariant, AudioTrack, AudioWorkerConfig, AudioWorkletModuleInfo, AuxSend, AvatarSize, AvatarStatus, AvatarVariant, BadgeSize, BadgeStyle, BadgeVariant, BeamConfig, BeamPosition, BeatDetectionOptions, BeatDetectionResult, BeatEvent, BeatHighlightMode, BleedAmount, BleedDirection, BpmDisplaySize, BpmDisplayVariant, BpmSyncStatus, BreadcrumbItem, BreadcrumbSeparator, ButtonSize, ButtonVariant, CCValueChangeEvent, CardVariant, ChannelGroup, ChannelStripSize, ChannelStripState, ChannelStripVariant, CheckboxSize, CheckboxVariant, ChipSize, ChipStyle, ChipVariant, ChordDefinition, ChordDiagramSize, ChordDiagramVariant, ChordFingering, ClefType, ClipboardData, CodeLanguage, ColorMode, ColumnsCount, ColumnsGap, ColumnsRule, CommandItem, CommandPaletteMode, CompressorMeterSize, CompressorMeterVariant, CompressorSettings, ConfirmDialogConfig, ConnectedSource, ConnectionState, ContainerSize, CopyClipboardEvent, DetectedNote, DialSize, DialVariant, DividerLabelPosition, DividerOrientation, DividerVariant, DragData, DropEvent, DropdownPosition, DynamicType, EQBand, EQBandChange, EQBandValue, EQFilterType, EQPreset, EQPresetCategory, EQVariant, ExportFormat, FFTProcessOptions, FFTProcessResult, FaderOrientation, FaderSize, FaderVariant, FileFilter, FileInfo, FilePickerResult, FileTreeEvent, FileTreeNode, FindPeaksOptions, FindPeaksResult, FrequencyConversionOptions, FrequencyConversionResult, FrequencyScale, GainReductionHistoryPoint, GraphicEQBandCount, GraphicEQVariant, GridCols, GridGap, HairpinType, HapticFeedbackType, HistoryEntry, ImageBorderRadius, ImageFit, InViewEvent, InputSize, InputVariant, InstrumentPart, IpcMessage, IpcResponse, KeySignature, KeyboardShortcut, KeyboardShortcutEvent, LazyImageEvent, LeadSheetChord, LeadSheetData, LeadSheetDisplayMode, LeadSheetMeasure, LeadSheetSection, LeadSheetStyle, LeadSheetVariant, LevelOptions, LevelResult, LogEntry, LogFilter, LongPressEvent, LoopLayer, LooperEvent, LooperSize, LooperState, LooperVariant, LyricEntry, MeasureData, MelodyNote, MenuItem, MenuVariant, MetronomeBeat, MetronomeSize, MetronomeVariant, MidiCCMapping, MidiDevice, MidiDeviceInfo, MidiLearnState, MidiMessage, MidiMessageType, MidiNoteInfo, MixerBreakpoint, MixerChannel, MixerSection, MixerSize, MixerState, MixerVariant, ModalSize, MultiSelectAppendTo, MultiSelectGroup, MultiSelectOption, MultiSelectSize, MultiSelectVariant, MusicSwipeDirection, NativeBreadcrumbItem, NativeClipboardData, NativeContextMenuEvent, NativeContextMenuPosition, NativeFileFilter, NativeMenuBarItem, NativeMenuItem, NativeNotificationAction, NativeNotificationOptions, NativeOpenFileOptions, NativeSaveFileOptions, NativeSidebarPosition, NativeSidebarVariant, NoteAccidental, NoteData, NoteDisplaySize, NoteDisplayVariant, NoteDuration, NoteEvent, NoteHistoryEntry, NoteInputEvent, NoteInputMeasureData, NoteName, OnboardingStep, OpenFileOptions, OrnamentType, OsPlatform, OscilloscopeTriggerMode, OscilloscopeVariant, OverlayBlur, OverlayOpacity, PaginationSize, PaginationVariant, PanControlSize, PanControlVariant, PanelConfig, PedalType, PianoChordDefinition, PianoChordNote, PianoChordSize, PianoChordVariant, PianoKey, PianoSize, PianoVariant, PinchGestureState, PitchBendStyle, PitchDisplaySize, PitchDisplayVariant, PitchInfo, PlacedNote, Platform, PlatformTheme, PlatformType, PopoverPosition, PopoverTrigger, PreferencesTab, PrintOptions, ProgressSize, ProgressVariant, PromptInputType, PropertyItem, QuickSwitcherItem, RadioSize, RadioVariant, RatingSize, RatingVariant, RepeatType, ResizeEvent, RuntimePlatform, SaveFileOptions, ScoreData, ScoreEditorVariant, ScrollAreaDirection, ScrollAreaScrollbar, ScrollTopPosition, ScrollTopVariant, ScrubberMarker, ScrubberThumbnail, ScrubberVariant, SearchFilter, SearchSuggestion, SelectAppendTo, SelectGroup, SelectOption, SelectSize, SelectVariant, SettingItem, SettingsCategory, SheetMusicData, SheetMusicLayout, SheetMusicVariant, ShortcutBinding, ShortcutDisplayPlatform, ShortcutDisplayVariant, SidebarItem, SidebarPosition, SidebarSize, SkeletonGap, SkeletonVariant, SlashPattern, SlashStyle, SliderSize, SliderVariant, SlurPoints, SmoothDataOptions, SmoothDataResult, SpacerSize, SpectrumColorScheme, SpectrumVariant, SpinnerColor, SpinnerSize, SpinnerVariant, SplitDirection, SplitterDirection, SplitterGutterSize, StackAlign, StackDirection, StackJustify, StackSpacing, StaffTimeSignature, StaffVariant, StatusBarItem, StemDirection, StepItem, StepsOrientation, StepsSize, StickyOffset, StickyPosition, StorageOptions, SwipeDirection, SwipeEvent, SwipeGestureResult, SwitchSize, SwitchVariant, SymbolCategory, TabBarPosition, TabBarVariant, TabEvent, TabItem, TabMeasure, TabNote, TablatureTechnique, TablatureVariant, TableColumn, TableSize, TableVariant, TabsOrientation, TabsSize, TabsVariant, TempoType, TerminalLine, TerminalVariant, ThemeColorValue, ThemeColors, ThemeComponentOverrides, ThemeMode, ThemePreset, ThumbnailSpriteConfig, TimeDisplayMode, TimeDisplaySize, TimeDisplayVariant, TimeDomainOptions, TimeDomainResult, TimeSignature, TimelineAlign, TimelineEvent, TimelineLayout, TitleBarPlatform, TitleBarVariant, ToastOptions, ToastPosition, ToastVariant, ToolbarItem, ToolbarPosition, ToolbarVariant, TooltipPosition, TouchGuardConfig, TransportSize, TransportVariant, TransposeOptions, TrayConfig, TreeNode, TreeSelectionMode, TunerMode, TunerVariant, TuningData, TupletConfig, TupletPosition, TwAlertClassConfig, TwBadgeClassConfig, TwButtonClassConfig, TwCardClassConfig, TwClassOverrides, TwConfig, TwDropdownClassConfig, TwInputClassConfig, TwModalClassConfig, TwTabsClassConfig, TwTheme, TwThemeConfig, TwTranslations, UpdateDialogInfo, UpdateInfo, UpdateProgress, UpdateStatus, VisualizerColorScheme, VisualizerVariant, Voice, VuMeterMode, VuMeterOrientation, VuMeterVariant, WaveformColorScheme, WaveformDownsampleOptions, WaveformDownsampleResult, WaveformMode, WaveformSize, WaveformVariant, WindowControlButton, WindowControlsPosition, WindowState, WorkerMessage, WorkerMessageType, WorkerResponse };