@ethlete/core 5.0.0-next.1 → 5.0.0-next.12

package/types/ethlete-core.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, AfterViewInit, Signal, ComponentRef, StaticProvider, EmbeddedViewRef, Provider, InjectOptions, TemplateRef, QueryList, InputSignal, InputSignalWithTransform, PipeTransform, TrackByFunction, ElementRef, WritableSignal, DestroyRef, Injector, RendererStyleFlags2, OnInit, OnDestroy } from '@angular/core';
+import { InjectionToken, AfterViewInit, Signal, ComponentRef, StaticProvider, EmbeddedViewRef, ElementRef, Type, ViewContainerRef, Injector, RendererStyleFlags2, Provider, computed, InjectOptions, TemplateRef, QueryList, InputSignal, InputSignalWithTransform, PipeTransform, TrackByFunction, WritableSignal, DestroyRef, OnInit, OnDestroy } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Observable, BehaviorSubject, Subject } from 'rxjs';
 import * as _ethlete_core from '@ethlete/core';
@@ -81,6 +81,32 @@ declare class AnimatedLifecycleDirective implements AfterViewInit {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AnimatedLifecycleDirective, "[etAnimatedLifecycle]", ["etAnimatedLifecycle"], { "skipNextEnter": { "alias": "skipNextEnter"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "skipNextEnter": "skipNextEnterChange"; }, never, never, true, [{ directive: typeof AnimatableDirective; inputs: {}; outputs: {}; }]>;
 }
 
+declare class ColorInteractiveContainerDirective {
+    private styleManager;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorInteractiveContainerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ColorInteractiveContainerDirective, "[etColorInteractiveContainer]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ColorInteractiveExcludeDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorInteractiveExcludeDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ColorInteractiveExcludeDirective, "[etColorInteractiveExclude]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ColorInteractiveHasFocusDirective {
+    private styleManager;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorInteractiveHasFocusDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ColorInteractiveHasFocusDirective, "[etColorInteractiveHasFocus]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ColorInteractiveDirective {
+    private styleManager;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorInteractiveDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ColorInteractiveDirective, "[etColorInteractive]", never, {}, {}, never, never, true, never>;
+}
+
 type ThemeRGBColor = `${number} ${number} ${number}`;
 type ThemeHSLColor = `${number} ${number}% ${number}%`;
 type ThemeColor = ThemeRGBColor | ThemeHSLColor;
@@ -98,36 +124,48 @@ type OnThemeColorMap = {
     active?: ThemeColor;
     disabled?: ThemeColor;
 };
+type ThemeInkColorMap = {
+    default: ThemeColor;
+    hover?: ThemeColor;
+    focus?: ThemeColor;
+    active?: ThemeColor;
+    disabled?: ThemeColor;
+};
 type ThemeSwatch = {
     color: ThemeColorMap;
     onColor: OnThemeColorMap;
+    inkColor?: ThemeInkColorMap;
 };
-type Theme = {
+type ColorThemeType = 'success' | 'warning' | 'error';
+type ColorTheme = {
     name: string;
+    type?: ColorThemeType;
     isDefault?: boolean;
-    isDefaultAlt?: boolean;
     primary: ThemeSwatch;
     secondary?: ThemeSwatch;
     tertiary?: ThemeSwatch;
 };
-declare const createCssThemeName: (name: string) => string;
-declare const ɵProvideColorThemes: (valueOverride?: (string | undefined)[] | undefined) => _angular_core.Provider[];
+declare const createCssColorThemeName: (name: string) => string;
+declare const ɵProvideColorThemes: (valueOverride?: (ColorTheme | undefined)[] | undefined) => _angular_core.Provider[];
 declare const injectColorThemes: {
-    (): string[];
+    (): ColorTheme[];
     (options: _angular_core.InjectOptions & {
         optional?: false;
-    }): string[];
-    (options: _angular_core.InjectOptions): string[] | null;
+    }): ColorTheme[];
+    (options: _angular_core.InjectOptions): ColorTheme[] | null;
 };
-declare const ɵProvideThemesPrefix: (valueOverride?: string | undefined) => _angular_core.Provider[];
-declare const injectThemesPrefix: {
+declare const ɵProvideColorThemesPrefix: (valueOverride?: string | undefined) => _angular_core.Provider[];
+declare const injectColorThemesPrefix: {
     (): string;
     (options: _angular_core.InjectOptions & {
         optional?: false;
     }): string;
     (options: _angular_core.InjectOptions): string | null;
 };
-declare const provideColorThemesWithTailwind4: (themes: Theme[], prefix?: string) => _angular_core.Provider[][];
+declare const provideColorThemesWithTailwind4: (themes: ColorTheme[], prefix?: string) => _angular_core.Provider[][];
+declare const injectErrorTheme: () => ColorTheme;
+declare const injectWarningTheme: () => ColorTheme;
+declare const injectSuccessTheme: () => ColorTheme;
 
 /**
  * @deprecated Migrate to Tailwind v4. Intent to remove in v6.
@@ -136,11 +174,11 @@ declare const createSwatchCss: (swatch: string, isAlt: boolean, data: ThemeSwatc
 /**
  * @deprecated Migrate to Tailwind v4. Intent to remove in v6.
  */
-declare const createRootThemeCss: (themes: Theme[]) => void;
+declare const createRootThemeCss: (themes: ColorTheme[]) => void;
 /**
  * @deprecated Migrate to Tailwind v4. Intent to remove in v6.
  */
-declare const createThemeStyle: (theme: Theme, isAlt: boolean) => void;
+declare const createThemeStyle: (theme: ColorTheme, isAlt: boolean) => void;
 /**
  * @deprecated Migrate to Tailwind v4. Intent to remove in v6.
  */
@@ -152,7 +190,7 @@ declare const createTailwindRgbVar: (val: string | undefined) => string | null;
 /**
  * @deprecated Migrate to Tailwind v4. Intent to remove in v6.
  */
-declare const createTailwindColorThemes: (themes: Theme[], prefix?: string) => Record<string, {
+declare const createTailwindColorThemes: (themes: ColorTheme[], prefix?: string) => Record<string, {
     DEFAULT: string;
     hover: string;
     focus: string;
@@ -162,34 +200,133 @@ declare const createTailwindColorThemes: (themes: Theme[], prefix?: string) => R
 /**
  * @deprecated Use provideColorThemesWithTailwind4 instead after migrating to Tailwind CSS v4. Intent to remove in v6.
  */
-declare const provideColorThemes: (themes: Theme[]) => _angular_core.Provider[][];
+declare const provideColorThemes: (themes: ColorTheme[]) => _angular_core.Provider[][];
 
-declare const THEME_PROVIDER: InjectionToken<ProvideThemeDirective>;
-declare class ProvideThemeDirective {
+declare const COLOR_PROVIDER: InjectionToken<ProvideColorDirective>;
+declare class ProvideColorDirective {
     private themes;
     private prefix;
     private injector;
     private currentProviderSync;
-    mainTheme: _angular_core.InputSignal<string | null | undefined>;
-    altTheme: _angular_core.InputSignal<string | null | undefined>;
-    mainThemeName: _angular_core.Signal<string | undefined>;
-    altThemeName: _angular_core.Signal<string | undefined>;
+    private forcedColor;
+    color: _angular_core.InputSignal<string | ColorTheme | null | undefined>;
+    effectiveColor: _angular_core.Signal<string | ColorTheme | null | undefined>;
+    colorName: _angular_core.Signal<string | undefined>;
     protected themeClass: _angular_core.Signal<string>;
-    syncWithProvider(provider: ProvideThemeDirective): void;
+    syncWithProvider(provider: ProvideColorDirective): void;
+    stopSyncWithProvider(): void;
+    /** @internal */
+    forceColor(color: string | ColorTheme | null): void;
+    /** @internal */
+    clearForcedColor(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProvideColorDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ProvideColorDirective, "[etProvideColor]", never, { "color": { "alias": "etProvideColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const SURFACE_TYPE: {
+    readonly LIGHT: "light";
+    readonly DARK: "dark";
+};
+type SurfaceType = (typeof SURFACE_TYPE)[keyof typeof SURFACE_TYPE];
+type SurfaceThemeColor = `${number} ${number} ${number}`;
+type SurfaceInteractionColor = {
+    default: SurfaceThemeColor;
+    hover: SurfaceThemeColor;
+    focus: SurfaceThemeColor;
+    active: SurfaceThemeColor;
+    disabled: SurfaceThemeColor;
+};
+type SurfaceTheme = {
+    name: string;
+    type: SurfaceType;
+    elevation: number;
+    isDefault?: boolean;
+    interactionColor?: SurfaceInteractionColor;
+    background: SurfaceThemeColor;
+    color: SurfaceThemeColor;
+    colorMuted: SurfaceThemeColor;
+    colorSubtle: SurfaceThemeColor;
+    border: SurfaceThemeColor;
+};
+declare const createCssSurfaceName: (name: string) => string;
+declare const resolveSurfaceByElevation: (themes: SurfaceTheme[], type: SurfaceType, elevation: number) => SurfaceTheme | null;
+declare const ɵProvideSurfaceThemes: (valueOverride?: (SurfaceTheme | undefined)[] | undefined) => _angular_core.Provider[];
+declare const injectSurfaceThemes: {
+    (): SurfaceTheme[];
+    (options: _angular_core.InjectOptions & {
+        optional?: false;
+    }): SurfaceTheme[];
+    (options: _angular_core.InjectOptions): SurfaceTheme[] | null;
+};
+declare const ɵProvideSurfaceThemesPrefix: (valueOverride?: string | undefined) => _angular_core.Provider[];
+declare const injectSurfaceThemesPrefix: {
+    (): string;
+    (options: _angular_core.InjectOptions & {
+        optional?: false;
+    }): string;
+    (options: _angular_core.InjectOptions): string | null;
+};
+declare const provideSurfaceThemesWithTailwind4: (themes: SurfaceTheme[], prefix?: string) => _angular_core.Provider[][];
+
+declare const SURFACE_PROVIDER: InjectionToken<ProvideSurfaceDirective>;
+declare class ProvideSurfaceDirective {
+    private themes;
+    private prefix;
+    private injector;
+    private currentProviderSync;
+    private forcedSurface;
+    surface: _angular_core.InputSignal<string | null | undefined>;
+    effectiveSurface: _angular_core.Signal<string | null | undefined>;
+    resolvedTheme: _angular_core.Signal<SurfaceTheme | null>;
+    elevation: _angular_core.Signal<number>;
+    surfaceType: _angular_core.Signal<_ethlete_core.SurfaceType | null>;
+    surfaceName: _angular_core.Signal<string | undefined>;
+    protected surfaceClass: _angular_core.Signal<string>;
+    syncWithProvider(provider: ProvideSurfaceDirective): void;
     stopSyncWithProvider(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProvideThemeDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ProvideThemeDirective, "[etProvideTheme]", never, { "mainTheme": { "alias": "etProvideTheme"; "required": false; "isSignal": true; }; "altTheme": { "alias": "etProvideAltTheme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    /** @internal */
+    forceSurface(surface: string | null): void;
+    /** @internal */
+    clearForcedSurface(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProvideSurfaceDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ProvideSurfaceDirective, "[etProvideSurface]", never, { "surface": { "alias": "etProvideSurface"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type SurfaceContextEntry = {
+    id: string;
+    type: SurfaceType;
+    elevation: number;
+};
+type SurfaceContextTracker = {
+    topType: Signal<SurfaceType | null>;
+    topElevation: Signal<number>;
+    register: (type: SurfaceType, elevation: number) => () => void;
+};
+declare const provideSurfaceContextTracker: () => _angular_core.Provider[];
+declare const injectSurfaceContextTracker: {
+    (): SurfaceContextTracker;
+    (options: _angular_core.InjectOptions & {
+        optional?: false;
+    }): SurfaceContextTracker;
+    (options: _angular_core.InjectOptions): SurfaceContextTracker | null;
+};
+
+declare class SurfaceInteractiveDirective {
+    private styleManager;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SurfaceInteractiveDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SurfaceInteractiveDirective, "[etSurfaceInteractive]", never, {}, {}, never, never, true, never>;
 }
 
 type AnimatedOverlayComponentBase = {
     animatedLifecycle: Signal<AnimatedLifecycleDirective | undefined>;
-    setThemeFromProvider: (provider: ProvideThemeDirective) => void;
+    setColorFromProvider: (provider: ProvideColorDirective) => void;
 };
 type AnimatedOverlayMountConfig<T> = {
     component: ComponentType<T>;
     providers?: StaticProvider[];
     data?: Partial<T>;
-    themeProvider?: ProvideThemeDirective | null;
+    colorProvider?: ProvideColorDirective | null;
 };
 type AnimatedOverlayState = 'init' | 'mounting' | 'mounted' | 'unmounting' | 'unmounted';
 declare class AnimatedOverlayDirective<T extends AnimatedOverlayComponentBase> {
@@ -240,7 +377,7 @@ declare class AnimatedOverlayDirective<T extends AnimatedOverlayComponentBase> {
     mount(config: AnimatedOverlayMountConfig<T>): T | undefined;
     unmount(): void;
     private applyComponentData;
-    private applyThemeProvider;
+    private applyColorProvider;
     private updateOverlaySize;
     private setupFloatingUI;
     private getFloatingArrow;
@@ -278,62 +415,512 @@ type FlipAnimationGroupConfig = {
      */
     easing?: string;
 };
-declare const createFlipAnimationGroup: (config: FlipAnimationGroupConfig) => {
-    updateInit: () => void;
-    play: () => void;
-    cancel: () => void;
-    onStart$: rxjs.Observable<void[]>;
-    onFinish$: rxjs.Observable<void[]>;
-    onCancel$: rxjs.Observable<void[]>;
+declare const createFlipAnimationGroup: (config: FlipAnimationGroupConfig) => {
+    updateInit: () => void;
+    play: () => void;
+    cancel: () => void;
+    onStart$: rxjs.Observable<void[]>;
+    onFinish$: rxjs.Observable<void[]>;
+    onCancel$: rxjs.Observable<void[]>;
+};
+type FlipAnimationConfig = {
+    /**
+     * The element to animate
+     */
+    element: HTMLElement;
+    /**
+     * The element to use as the origin for the animation
+     * @default element
+     */
+    originElement?: HTMLElement;
+    /**
+     * The duration of the animation in milliseconds
+     * @default 250
+     */
+    duration?: number;
+    /**
+     * The easing function to use for the animation
+     * @default 'cubic-bezier(0.4, 0, 0.2, 1)'
+     */
+    easing?: string;
+};
+declare const createFlipAnimation: (config: FlipAnimationConfig) => {
+    updateInit: () => void;
+    play: () => void;
+    cancel: () => void;
+    onStart$: rxjs.Observable<void>;
+    onFinish$: rxjs.Observable<void>;
+    onCancel$: rxjs.Observable<void>;
+};
+
+declare class ClickOutsideDirective {
+    private elementRef;
+    private document;
+    didClickOutside: _angular_core.OutputEmitterRef<MouseEvent>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClickOutsideDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ClickOutsideDirective, "[etClickOutside]", never, {}, { "didClickOutside": "etClickOutside"; }, never, never, true, never>;
+}
+
+declare class RepeatDirective {
+    private mainTemplateRef;
+    private viewContainerRef;
+    repeatCount: _angular_core.InputSignalWithTransform<number, unknown>;
+    views: _angular_core.WritableSignal<EmbeddedViewRef<unknown>[]>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RepeatDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RepeatDirective, "[etRepeat]", never, { "repeatCount": { "alias": "etRepeat"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ScrollObserverEndDirective {
+    private elementRef;
+    private host;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollObserverEndDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScrollObserverEndDirective, "[etScrollObserverEnd]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ScrollObserverStartDirective {
+    private elementRef;
+    private host;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollObserverStartDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScrollObserverStartDirective, "[etScrollObserverStart]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ScrollObserverDirective {
+    private elementRef;
+    enabled: _angular_core.ModelSignal<boolean>;
+    private _startEl;
+    private _endEl;
+    private _startIntersection;
+    private _endIntersection;
+    isAtStart: Signal<boolean>;
+    isAtEnd: Signal<boolean>;
+    _registerStart(el: ElementRef<HTMLElement>): void;
+    _registerEnd(el: ElementRef<HTMLElement>): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollObserverDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScrollObserverDirective, "[etScrollObserver]", ["etScrollObserver"], { "enabled": { "alias": "enabled"; "required": false; "isSignal": true; }; }, { "enabled": "enabledChange"; }, never, never, true, never>;
+}
+
+type DragMoveEvent = {
+    readonly stepX: number;
+    readonly stepY: number;
+    readonly clientX: number;
+    readonly clientY: number;
+};
+declare class DragHandleDirective {
+    private el;
+    commitThreshold: _angular_core.InputSignal<number>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private gestureStart$;
+    private gesture$;
+    dragTapped: _angular_core.OutputRef<void>;
+    dragStarted: _angular_core.OutputRef<void>;
+    dragMoved: _angular_core.OutputRef<DragMoveEvent>;
+    dragEnded: _angular_core.OutputRef<void>;
+    isDragging: _angular_core.Signal<boolean>;
+    constructor();
+    startGesture(event: PointerEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DragHandleDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DragHandleDirective, "[etDragHandle]", never, { "commitThreshold": { "alias": "commitThreshold"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "dragTapped": "dragTapped"; "dragStarted": "dragStarted"; "dragMoved": "dragMoved"; "dragEnded": "dragEnded"; }, never, never, true, never>;
+}
+
+type OverlayRuntimeRole = 'dialog' | 'alertdialog';
+type OverlayRuntimeAutoFocusTarget = 'container' | 'first-heading' | 'first-tabbable';
+type OverlayRuntimeCloseSource = 'api' | 'escape' | 'outside-pointer';
+type OverlayRuntimeCenteredPosition = {
+    kind: 'center';
+};
+type OverlayRuntimeAnchoredPosition = {
+    kind: 'anchored';
+    referenceElement: HTMLElement;
+    placement?: Placement;
+    fallbackPlacements?: Placement[];
+    offset?: OffsetOptions | null;
+    arrowPadding?: Padding | null;
+    viewportPadding?: Padding | null;
+    autoResize?: boolean;
+    shift?: boolean;
+    autoHide?: boolean;
+    autoCloseIfReferenceHidden?: boolean;
+    mirrorWidth?: boolean;
+};
+type OverlayRuntimePositionStrategy = OverlayRuntimeCenteredPosition | OverlayRuntimeAnchoredPosition;
+type OverlayRuntimeElements = {
+    rootElement: HTMLElement;
+    hostElement: HTMLElement;
+    backdropElement: HTMLElement | null;
+    paneElement: HTMLElement;
+};
+type OverlayRuntimeCloseEvent<TResult = unknown> = {
+    result: TResult | undefined;
+    source: OverlayRuntimeCloseSource;
+};
+type OverlayRuntimeComponentBase = {
+    animatedLifecycle?: Signal<AnimatedLifecycleDirective | undefined>;
+};
+type OverlayRuntimeMountConfig<TComponent extends object> = {
+    id: string;
+    component: Type<TComponent>;
+    viewContainerRef?: ViewContainerRef;
+    injector?: Injector;
+    providers?: StaticProvider[];
+    role?: OverlayRuntimeRole;
+    positionStrategy?: OverlayRuntimePositionStrategy;
+    hasBackdrop?: boolean;
+    modal?: boolean;
+    autoFocus?: OverlayRuntimeAutoFocusTarget | string | false;
+    restoreFocus?: boolean;
+    closeOnEscape?: boolean;
+    closeOnOutsidePointer?: boolean;
+    ariaDescribedBy?: string | null;
+    ariaLabelledBy?: string | null;
+    ariaLabel?: string | null;
+    hostClass?: string[];
+    backdropClass?: string[];
+    paneClass?: string[];
+    inputBindings?: Record<string, unknown>;
+};
+
+type OverlayRuntimeState = 'mounting' | 'mounted' | 'closing' | 'closed';
+declare const createOverlayRuntimeRef: <TComponent extends object, TResult = unknown>(id: string, config: Omit<OverlayRuntimeMountConfig<TComponent>, "component">, elements: OverlayRuntimeElements, requestClose: (result: TResult | undefined, source: OverlayRuntimeCloseSource) => void) => {
+    id: string;
+    config: Omit<OverlayRuntimeMountConfig<TComponent>, "component">;
+    elements: OverlayRuntimeElements;
+    state: _angular_core.Signal<OverlayRuntimeState>;
+    componentInstance: _angular_core.Signal<TComponent | null>;
+    beforeOpenedSubject: Subject<void>;
+    close(result?: TResult, source?: OverlayRuntimeCloseSource): void;
+    beforeOpened(): Observable<void>;
+    afterOpened(): Observable<void>;
+    beforeClosed(): Observable<OverlayRuntimeCloseEvent<TResult>>;
+    afterClosed(): Observable<OverlayRuntimeCloseEvent<TResult>>;
+    attachComponentRef(componentRef: ComponentRef<TComponent>): void;
+    markOpened(): void;
+    beginClose(closeEvent: OverlayRuntimeCloseEvent<TResult>): boolean;
+    finishClose(closeEvent: OverlayRuntimeCloseEvent<TResult>): void;
+};
+type OverlayRuntimeRef<TComponent extends object = object, TResult = unknown> = ReturnType<typeof createOverlayRuntimeRef<TComponent, TResult>>;
+
+declare const FOCUSABLE_SELECTOR: string;
+declare const isHTMLElement: (value: unknown) => value is HTMLElement;
+declare const isFocusable: (element: HTMLElement, document: Document) => boolean;
+declare const getFocusableElements: (container: HTMLElement, document: Document) => HTMLElement[];
+declare const getHeadingElement: (container: HTMLElement) => HTMLElement | null;
+declare const focusElement: (element: HTMLElement | null) => void;
+declare const applyInitialFocus: (paneElement: HTMLElement, autoFocus: OverlayRuntimeAutoFocusTarget | string | false, document: Document) => void;
+declare const setupFocusTrap: (paneElement: HTMLElement, overlayRef: OverlayRuntimeRef<object, unknown>, enabled: boolean, isTopMost: (ref: OverlayRuntimeRef<object, unknown>) => boolean, document: Document) => () => void;
+
+declare const injectAngularRootElement: {
+    (): _angular_core.WritableSignal<HTMLElement | null>;
+    (options: _angular_core.InjectOptions & {
+        optional?: false;
+    }): _angular_core.WritableSignal<HTMLElement | null>;
+    (options: _angular_core.InjectOptions): _angular_core.WritableSignal<HTMLElement | null> | null;
+};
+
+declare const provideBoundaryElement: () => _angular_core.Provider[];
+declare const injectBoundaryElement: {
+    (): {
+        value: _angular_core.Signal<HTMLElement>;
+        override: _angular_core.WritableSignal<HTMLElement | null>;
+    };
+    (options: _angular_core.InjectOptions & {
+        optional?: false;
+    }): {
+        value: _angular_core.Signal<HTMLElement>;
+        override: _angular_core.WritableSignal<HTMLElement | null>;
+    };
+    (options: _angular_core.InjectOptions): {
+        value: _angular_core.Signal<HTMLElement>;
+        override: _angular_core.WritableSignal<HTMLElement | null>;
+    } | null;
+};
+declare const BOUNDARY_ELEMENT_TOKEN: _angular_core.InjectionToken<{
+    value: _angular_core.Signal<HTMLElement>;
+    override: _angular_core.WritableSignal<HTMLElement | null>;
+}>;
+
+type Vec2 = [number, number];
+type ViewportConfig = {
+    breakpoints: {
+        xs: Vec2;
+        sm: Vec2;
+        md: Vec2;
+        lg: Vec2;
+        xl: Vec2;
+        '2xl': Vec2;
+    };
+};
+type Breakpoint = keyof ViewportConfig['breakpoints'];
+declare const BREAKPOINT_ORDER: Breakpoint[];
+/**
+ * Default viewport config based on Tailwind CSS.
+ * @see https://tailwindcss.com/docs/screens
+ */
+declare const DEFAULT_VIEWPORT_CONFIG: ViewportConfig;
+declare const provideViewportConfig: (valueOverride?: Partial<ViewportConfig> | undefined) => _angular_core.Provider[];
+declare const injectViewportConfig: {
+    (): ViewportConfig;
+    (options: _angular_core.InjectOptions & {
+        optional?: false;
+    }): ViewportConfig;
+    (options: _angular_core.InjectOptions): ViewportConfig | null;
+};
+type BuildMediaQueryOptions = {
+    min?: number | Breakpoint;
+    max?: number | Breakpoint;
+};
+declare const provideBreakpointObserver: () => _angular_core.Provider[];
+declare const injectBreakpointObserver: {
+    (): {
+        observeBreakpoint: (options: BuildMediaQueryOptions) => _angular_core.Signal<boolean>;
+        isBreakpointMatched: (options: BuildMediaQueryOptions) => boolean;
+        getBreakpointSize: (type: Breakpoint, option: "min" | "max") => number;
+        buildMediaQueryString: (options: BuildMediaQueryOptions) => string;
+        observeMediaQuery: (mediaQuery: string) => _angular_core.Signal<boolean>;
+        isMediaQueryMatched: (mediaQuery: string) => boolean;
+    };
+    (options: _angular_core.InjectOptions & {
+        optional?: false;
+    }): {
+        observeBreakpoint: (options: BuildMediaQueryOptions) => _angular_core.Signal<boolean>;
+        isBreakpointMatched: (options: BuildMediaQueryOptions) => boolean;
+        getBreakpointSize: (type: Breakpoint, option: "min" | "max") => number;
+        buildMediaQueryString: (options: BuildMediaQueryOptions) => string;
+        observeMediaQuery: (mediaQuery: string) => _angular_core.Signal<boolean>;
+        isMediaQueryMatched: (mediaQuery: string) => boolean;
+    };
+    (options: _angular_core.InjectOptions): {
+        observeBreakpoint: (options: BuildMediaQueryOptions) => _angular_core.Signal<boolean>;
+        isBreakpointMatched: (options: BuildMediaQueryOptions) => boolean;
+        getBreakpointSize: (type: Breakpoint, option: "min" | "max") => number;
+        buildMediaQueryString: (options: BuildMediaQueryOptions) => string;
+        observeMediaQuery: (mediaQuery: string) => _angular_core.Signal<boolean>;
+        isMediaQueryMatched: (mediaQuery: string) => boolean;
+    } | null;
+};
+
+declare const provideFocusVisibleTracker: () => _angular_core.Provider[];
+declare const injectFocusVisibleTracker: {
+    (): {
+        isFocusVisible: _angular_core.Signal<boolean>;
+    };
+    (options: _angular_core.InjectOptions & {
+        optional?: false;
+    }): {
+        isFocusVisible: _angular_core.Signal<boolean>;
+    };
+    (options: _angular_core.InjectOptions): {
+        isFocusVisible: _angular_core.Signal<boolean>;
+    } | null;
+};
+declare const FOCUS_VISIBLE_TRACKER_TOKEN: _angular_core.InjectionToken<{
+    isFocusVisible: _angular_core.Signal<boolean>;
+}>;
+
+declare const provideLocale: () => _angular_core.Provider[];
+declare const injectLocale: {
+    (): {
+        currentLocale: _angular_core.WritableSignal<string>;
+    };
+    (options: _angular_core.InjectOptions & {
+        optional?: false;
+    }): {
+        currentLocale: _angular_core.WritableSignal<string>;
+    };
+    (options: _angular_core.InjectOptions): {
+        currentLocale: _angular_core.WritableSignal<string>;
+    } | null;
+};
+
+declare const provideRenderer: () => _angular_core.Provider[];
+declare const injectRenderer: {
+    (): {
+        addClass: (element: HTMLElement, ...classes: string[]) => void;
+        removeClass: (element: HTMLElement, ...classes: string[]) => void;
+        toggleClass: (element: HTMLElement, className: string, force?: boolean) => boolean;
+        setStyle: (element: HTMLElement, style: Partial<Record<keyof CSSStyleDeclaration, string | null>>, flags?: RendererStyleFlags2) => void;
+        removeStyle: (element: HTMLElement, style: keyof CSSStyleDeclaration | string, flags?: RendererStyleFlags2) => void;
+        removeStyles: (element: HTMLElement, ...styles: (keyof CSSStyleDeclaration | string)[]) => void;
+        setAttribute: (element: HTMLElement, name: string, value: string | null, namespace?: string | null) => void;
+        removeAttribute: (element: HTMLElement, ...names: string[]) => void;
+        setProperty: (element: HTMLElement, name: string, value: unknown) => void;
+        setProperties: (element: HTMLElement, properties: Record<string, unknown>) => void;
+        createElement: <K extends keyof HTMLElementTagNameMap>(tagName: K, namespace?: string | null) => HTMLElementTagNameMap[K];
+        createText: (value: string) => Text;
+        createComment: (value: string) => Comment;
+        appendChild: (parent: HTMLElement, newChild: Node) => void;
+        insertBefore: (parent: Node, newChild: Node, refChild: Node | null) => void;
+        removeChild: (parent: Node, oldChild: Node, isHostElement?: boolean) => void;
+        selectRootElement: (selectorOrNode: string | HTMLElement, preserveContent?: boolean) => HTMLElement;
+        parentNode: (node: Node) => Node | null;
+        nextSibling: (node: Node) => Node | null;
+        setValue: (node: Node, value: string) => void;
+        listen: (target: HTMLElement | Window | Document | "window" | "document" | "body", eventName: string, callback: (event: Event) => boolean | void) => (() => void);
+        destroyNode: (node: Node) => void;
+        replaceChild: (parent: Node, newChild: Node, oldChild: Node) => void;
+        empty: (element: HTMLElement) => void;
+        setTextContent: (element: HTMLElement, text: string) => void;
+        setInnerHTML: (element: HTMLElement, html: string) => void;
+        setAttributes: (element: HTMLElement, attributes: Record<string, string | null>, namespace?: string | null) => void;
+        setDataAttributes: (element: HTMLElement, data: Record<string, string | null>) => void;
+        setCssProperty: (element: HTMLElement, name: string, value: string | null) => void;
+        setCssProperties: (element: HTMLElement, properties: Record<string, string | null>) => void;
+        moveBefore: (config: {
+            newParent: HTMLElement;
+            child: HTMLElement;
+            before?: Node | null;
+        }) => void;
+        renderer: _angular_core.Renderer2;
+    };
+    (options: _angular_core.InjectOptions & {
+        optional?: false;
+    }): {
+        addClass: (element: HTMLElement, ...classes: string[]) => void;
+        removeClass: (element: HTMLElement, ...classes: string[]) => void;
+        toggleClass: (element: HTMLElement, className: string, force?: boolean) => boolean;
+        setStyle: (element: HTMLElement, style: Partial<Record<keyof CSSStyleDeclaration, string | null>>, flags?: RendererStyleFlags2) => void;
+        removeStyle: (element: HTMLElement, style: keyof CSSStyleDeclaration | string, flags?: RendererStyleFlags2) => void;
+        removeStyles: (element: HTMLElement, ...styles: (keyof CSSStyleDeclaration | string)[]) => void;
+        setAttribute: (element: HTMLElement, name: string, value: string | null, namespace?: string | null) => void;
+        removeAttribute: (element: HTMLElement, ...names: string[]) => void;
+        setProperty: (element: HTMLElement, name: string, value: unknown) => void;
+        setProperties: (element: HTMLElement, properties: Record<string, unknown>) => void;
+        createElement: <K extends keyof HTMLElementTagNameMap>(tagName: K, namespace?: string | null) => HTMLElementTagNameMap[K];
+        createText: (value: string) => Text;
+        createComment: (value: string) => Comment;
+        appendChild: (parent: HTMLElement, newChild: Node) => void;
+        insertBefore: (parent: Node, newChild: Node, refChild: Node | null) => void;
+        removeChild: (parent: Node, oldChild: Node, isHostElement?: boolean) => void;
+        selectRootElement: (selectorOrNode: string | HTMLElement, preserveContent?: boolean) => HTMLElement;
+        parentNode: (node: Node) => Node | null;
+        nextSibling: (node: Node) => Node | null;
+        setValue: (node: Node, value: string) => void;
+        listen: (target: HTMLElement | Window | Document | "window" | "document" | "body", eventName: string, callback: (event: Event) => boolean | void) => (() => void);
+        destroyNode: (node: Node) => void;
+        replaceChild: (parent: Node, newChild: Node, oldChild: Node) => void;
+        empty: (element: HTMLElement) => void;
+        setTextContent: (element: HTMLElement, text: string) => void;
+        setInnerHTML: (element: HTMLElement, html: string) => void;
+        setAttributes: (element: HTMLElement, attributes: Record<string, string | null>, namespace?: string | null) => void;
+        setDataAttributes: (element: HTMLElement, data: Record<string, string | null>) => void;
+        setCssProperty: (element: HTMLElement, name: string, value: string | null) => void;
+        setCssProperties: (element: HTMLElement, properties: Record<string, string | null>) => void;
+        moveBefore: (config: {
+            newParent: HTMLElement;
+            child: HTMLElement;
+            before?: Node | null;
+        }) => void;
+        renderer: _angular_core.Renderer2;
+    };
+    (options: _angular_core.InjectOptions): {
+        addClass: (element: HTMLElement, ...classes: string[]) => void;
+        removeClass: (element: HTMLElement, ...classes: string[]) => void;
+        toggleClass: (element: HTMLElement, className: string, force?: boolean) => boolean;
+        setStyle: (element: HTMLElement, style: Partial<Record<keyof CSSStyleDeclaration, string | null>>, flags?: RendererStyleFlags2) => void;
+        removeStyle: (element: HTMLElement, style: keyof CSSStyleDeclaration | string, flags?: RendererStyleFlags2) => void;
+        removeStyles: (element: HTMLElement, ...styles: (keyof CSSStyleDeclaration | string)[]) => void;
+        setAttribute: (element: HTMLElement, name: string, value: string | null, namespace?: string | null) => void;
+        removeAttribute: (element: HTMLElement, ...names: string[]) => void;
+        setProperty: (element: HTMLElement, name: string, value: unknown) => void;
+        setProperties: (element: HTMLElement, properties: Record<string, unknown>) => void;
+        createElement: <K extends keyof HTMLElementTagNameMap>(tagName: K, namespace?: string | null) => HTMLElementTagNameMap[K];
+        createText: (value: string) => Text;
+        createComment: (value: string) => Comment;
+        appendChild: (parent: HTMLElement, newChild: Node) => void;
+        insertBefore: (parent: Node, newChild: Node, refChild: Node | null) => void;
+        removeChild: (parent: Node, oldChild: Node, isHostElement?: boolean) => void;
+        selectRootElement: (selectorOrNode: string | HTMLElement, preserveContent?: boolean) => HTMLElement;
+        parentNode: (node: Node) => Node | null;
+        nextSibling: (node: Node) => Node | null;
+        setValue: (node: Node, value: string) => void;
+        listen: (target: HTMLElement | Window | Document | "window" | "document" | "body", eventName: string, callback: (event: Event) => boolean | void) => (() => void);
+        destroyNode: (node: Node) => void;
+        replaceChild: (parent: Node, newChild: Node, oldChild: Node) => void;
+        empty: (element: HTMLElement) => void;
+        setTextContent: (element: HTMLElement, text: string) => void;
+        setInnerHTML: (element: HTMLElement, html: string) => void;
+        setAttributes: (element: HTMLElement, attributes: Record<string, string | null>, namespace?: string | null) => void;
+        setDataAttributes: (element: HTMLElement, data: Record<string, string | null>) => void;
+        setCssProperty: (element: HTMLElement, name: string, value: string | null) => void;
+        setCssProperties: (element: HTMLElement, properties: Record<string, string | null>) => void;
+        moveBefore: (config: {
+            newParent: HTMLElement;
+            child: HTMLElement;
+            before?: Node | null;
+        }) => void;
+        renderer: _angular_core.Renderer2;
+    } | null;
+};
+type AngularRenderer = NonNullable<ReturnType<typeof injectRenderer>>;
+
+type StyleManager = {
+    mount: <TComponent>(component: Type<TComponent>) => ComponentRef<TComponent>;
 };
-type FlipAnimationConfig = {
-    /**
-     * The element to animate
-     */
-    element: HTMLElement;
+declare const provideStyleManager: () => _angular_core.Provider[];
+declare const injectStyleManager: {
+    (): StyleManager;
+    (options: _angular_core.InjectOptions & {
+        optional?: false;
+    }): StyleManager;
+    (options: _angular_core.InjectOptions): StyleManager | null;
+};
+
+interface ConsentHandler {
+    /** Signal that is `true` when consent has been granted. */
+    isGranted: Signal<boolean>;
+    /** Grants consent and writes the decision back to the source. */
+    grant: () => void;
+    /** Revokes consent and writes the decision back to the source. */
+    revoke?: () => void;
+}
+type CreateUserConsentProviderOptions = {
+    /** The provider result returned by `createStaticProvider` that this consent provider should be associated with. */
+    for: InjectionToken<ConsentHandler | null>;
     /**
-     * The element to use as the origin for the animation
-     * @default element
+     * Factory executed inside the injection context that returns a `Signal<boolean>`.
+     *
+     * @example
+     * isGranted: () => inject(CookieService).hasMediaConsent
      */
-    originElement?: HTMLElement;
+    isGranted: () => Signal<boolean>;
     /**
-     * The duration of the animation in milliseconds
-     * @default 250
+     * Factory executed inside the injection context that returns the grant function.
+     *
+     * @example
+     * grant: () => () => inject(CookieService).acceptAll()
      */
-    duration?: number;
+    grant: () => () => void;
     /**
-     * The easing function to use for the animation
-     * @default 'cubic-bezier(0.4, 0, 0.2, 1)'
+     * Factory executed inside the injection context that returns the revoke  function.
+     *
+     * @example
+     * revoke : () => () => inject(CookieService).revokeAll()
      */
-    easing?: string;
-};
-declare const createFlipAnimation: (config: FlipAnimationConfig) => {
-    updateInit: () => void;
-    play: () => void;
-    cancel: () => void;
-    onStart$: rxjs.Observable<void>;
-    onFinish$: rxjs.Observable<void>;
-    onCancel$: rxjs.Observable<void>;
+    revoke?: () => () => void;
 };
+declare const createUserConsentProvider: (options: CreateUserConsentProviderOptions) => Provider;
 
-declare class ClickOutsideDirective {
-    private elementRef;
-    private document;
-    didClickOutside: _angular_core.OutputEmitterRef<MouseEvent>;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClickOutsideDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ClickOutsideDirective, "[etClickOutside]", never, {}, { "didClickOutside": "etClickOutside"; }, never, never, true, never>;
-}
+declare const setBaseElementStyles: (config: OverlayRuntimeMountConfig<object>, hostElement: HTMLElement, paneElement: HTMLElement, renderer: AngularRenderer) => void;
+declare const setBackdropStyles: (backdropElement: HTMLElement, renderer: AngularRenderer) => void;
+declare const applyCenteredPosition: (hostElement: HTMLElement, paneElement: HTMLElement, renderer: AngularRenderer, _config: OverlayRuntimeCenteredPosition) => void;
+declare const createAnchoredPositionCleanup: (strategy: OverlayRuntimeAnchoredPosition, paneElement: HTMLElement, overlayRef: OverlayRuntimeRef<object, unknown>, renderer: AngularRenderer) => () => void;
+declare const setupPositioning: (config: OverlayRuntimeMountConfig<object>, hostElement: HTMLElement, paneElement: HTMLElement, overlayRef: OverlayRuntimeRef<object, unknown>, renderer: AngularRenderer) => () => void;
 
-declare class RepeatDirective {
-    private mainTemplateRef;
-    private viewContainerRef;
-    repeatCount: _angular_core.InputSignalWithTransform<number, unknown>;
-    views: _angular_core.WritableSignal<EmbeddedViewRef<unknown>[]>;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RepeatDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RepeatDirective, "[etRepeat]", never, { "repeatCount": { "alias": "etRepeat"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
+type OverlayRuntime = {
+    mount: <TComponent extends object, TResult = unknown>(config: OverlayRuntimeMountConfig<TComponent>) => OverlayRuntimeRef<TComponent, TResult>;
+    openEntries: ReturnType<typeof computed<OverlayRuntimeRef<object, unknown>[]>>;
+};
+declare const provideOverlayRuntime: () => _angular_core.Provider[];
+declare const injectOverlayRuntime: {
+    (): OverlayRuntime;
+    (options: _angular_core.InjectOptions & {
+        optional?: false;
+    }): OverlayRuntime;
+    (options: _angular_core.InjectOptions): OverlayRuntime | null;
+};
 
 declare const createComponentId: (prefix: string) => string;
 
@@ -486,119 +1073,26 @@ declare const getObjectProperty: (obj: Record<string, unknown>, prop: string) =>
 declare const RUNTIME_ERROR_NO_DATA = "__ET_NO_DATA__";
 declare class RuntimeError<T extends number> extends Error {
     code: T;
-    devOnly: boolean;
     data: unknown;
-    constructor(code: T, message: null | false | string, devOnly?: boolean, data?: unknown);
+    constructor(code: T, message: null | false | string, data?: unknown);
 }
-declare function formatRuntimeError<T extends number>(code: T, message: null | false | string, devOnly: boolean): string;
+declare function formatRuntimeError<T extends number>(code: T, message: null | false | string): string;
 
-/**
- * Checks if an element or the viewport can scroll in a given direction.
- * @param element The element to check. If null/undefined, checks if the viewport can scroll.
- * @param direction The direction to check. If not provided, checks both directions.
- * @returns true if the element or viewport can scroll in the given direction.
- */
-declare const elementCanScroll: (element?: HTMLElement | null, direction?: "x" | "y") => boolean;
-type IsElementVisibleOptions = {
-    /**
-     * The element to check if it is visible inside a container.
-     */
-    element?: HTMLElement | null;
-    /**
-     * The container to check if the element is visible inside.
-     * If null or undefined, uses the viewport as the container.
-     * @default null (viewport)
-     */
-    container?: HTMLElement | null;
-    /**
-     * The container's rect to check if the element is visible inside. Can be supplied to reduce the amount of DOM reads.
-     * Only used when container is provided and not null.
-     * @default container.getBoundingClientRect()
-     */
-    containerRect?: DOMRect | null;
-    /**
-     * The element's rect. Can be supplied to reduce the amount of DOM reads.
-     * @default element.getBoundingClientRect()
-     */
-    elementRect?: DOMRect | null;
+type CreateSessionMemoryConfig<TValue> = {
+    key: string;
+    parse: (storedValue: string) => TValue | null;
+    serialize: (value: TValue) => string;
 };
-type CurrentElementVisibility = {
-    /**
-     * Whether the element is visible in the inline direction.
-     */
-    inline: boolean;
-    /**
-     * Whether the element is visible in the block direction.
-     */
-    block: boolean;
-    /**
-     * The percentage of the element that is visible in the inline direction.
-     */
-    inlineIntersection: number;
-    /**
-     * The percentage of the element that is visible in the block direction.
-     */
-    blockIntersection: number;
-    /**
-     * Whether the element is intersecting the container.
-     */
-    isIntersecting: boolean;
-    /**
-     * The ratio of the element that is intersecting the container.
-     */
-    intersectionRatio: number;
-    /**
-     * The element that is being checked for visibility.
-     */
+declare const createAutoSessionMemoryKey: ({ element, prefix }: {
     element: HTMLElement;
-    /**
-     * The container's rect used for the calculation.
-     */
-    containerRect: DOMRect;
-    /**
-     * The element's rect used for the calculation.
-     */
-    elementRect: DOMRect;
-};
-declare const isElementVisible: (options: IsElementVisibleOptions) => CurrentElementVisibility | null;
-declare const getElementScrollCoordinates: (options: ScrollToElementOptions) => ScrollToOptions;
-type ScrollToElementOptions = {
-    /**
-     * The element to scroll to.
-     */
-    element?: HTMLElement | null;
-    /**
-     * The scroll container to scroll to the element in.
-     * Must be provided - cannot scroll the viewport programmatically with this function.
-     */
-    container?: HTMLElement | null;
-    /**
-     * The direction to scroll in.
-     * @default 'both'
-     */
-    direction?: 'inline' | 'block' | 'both';
-    /**
-     * The origin of the element to scroll to.
-     * @default 'nearest'
-     */
-    origin?: 'start' | 'end' | 'center' | 'nearest';
-    /**
-     * The scroll behavior.
-     * @default 'smooth'
-     */
-    behavior?: ScrollBehavior;
-    /**
-     * The scroll inline-margin
-     * @default 0
-     */
-    scrollInlineMargin?: number;
-    /**
-     * The scroll block-margin
-     * @default 0
-     */
-    scrollBlockMargin?: number;
+    prefix: string;
+}) => string;
+declare const canUseSessionMemory: () => boolean;
+declare const createSessionMemory: <TValue>({ key, parse, serialize }: CreateSessionMemoryConfig<TValue>) => {
+    read: () => TValue | null;
+    write: (value: TValue) => boolean;
+    remove: () => boolean;
 };
-declare const scrollToElement: (options: ScrollToElementOptions) => void;
 
 declare class NormalizeGameResultTypePipe implements PipeTransform {
     transform: (type: string | null) => NormalizedGameResultType | null;
@@ -701,7 +1195,7 @@ declare class NormalizeMatchTypePipe implements PipeTransform {
 declare const normalizeMatchType: (matchType: StageType | null | undefined) => Translatable | null;
 
 declare class InferMimeTypePipe implements PipeTransform {
-    transform: (srcset: string) => "image/avif" | "image/bmp" | "image/gif" | "image/vdn.microsoft.icon" | "image/jpeg" | "image/png" | "image/svg+xml" | "image/tiff" | "image/webp" | "audio/aac" | "application/x-abiword" | "application/x-freearc" | "video/x-msvideo" | "application/vnd.amazon.ebook" | "application/octet-stream" | "application/x-bzip" | "application/x-bzip2" | "application/x-cdf" | "application/x-csh" | "text/css" | "text/csv" | "application/msword" | "application/vnd.openxmlformats-officedocument.wordprocessingml.document" | "application/vnd.ms-fontobject" | "application/epub+zip" | "application/gzip" | "text/html" | "text/calendar" | "application/java-archive" | "text/javascript" | "application/json" | "application/ld+json" | "audio/midi" | "audio/mpeg" | "video/mp4" | "video/mpeg" | "tapplication/vnd.apple.installer+xml" | "application/vnd.oasis.opendocument.presentation" | "application/vnd.oasis.opendocument.spreadsheet" | "application/vnd.oasis.opendocument.text" | "audio/ogg" | "video/ogg" | "application/ogg" | "audio/opus" | "font/otf" | "application/pdf" | "application/x-httpd-php" | "application/vnd.ms-powerpoint" | "application/vnd.openxmlformats-officedocument.presentationml.presentation" | "application/vnd.rar" | "application/rtf" | "application/x-sh" | "application/x-tar" | "video/mp2t" | "font/ttf" | "text/plain" | "application/vnd.visio" | "audio/wav" | "audio/webm" | "video/webm" | "font/woff" | "font/woff2" | "application/xhtml+xml" | "application/vnd.ms-excel" | "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" | "application/xml" | "application/vnd.mozilla.xul+xml" | "application/zip" | "video/3gpp" | "video/3gpp2" | "application/x-7z-compressed" | null;
+    transform: (srcset: string) => string | null;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<InferMimeTypePipe, never>;
     static ɵpipe: _angular_core.ɵɵPipeDeclaration<InferMimeTypePipe, "inferMimeType", true>;
 }
@@ -710,7 +1204,7 @@ declare class InferMimeTypePipe implements PipeTransform {
  * If a srcset is provided, it will infer the mime type of the first url in the srcset.
  * If the srcset contains a query parameter `?fm=`, it will use the value of that parameter, since it is often used to specify the file format in image api's like contentful.
  */
-declare const inferMimeType: (srcset: string) => "image/avif" | "image/bmp" | "image/gif" | "image/vdn.microsoft.icon" | "image/jpeg" | "image/png" | "image/svg+xml" | "image/tiff" | "image/webp" | "audio/aac" | "application/x-abiword" | "application/x-freearc" | "video/x-msvideo" | "application/vnd.amazon.ebook" | "application/octet-stream" | "application/x-bzip" | "application/x-bzip2" | "application/x-cdf" | "application/x-csh" | "text/css" | "text/csv" | "application/msword" | "application/vnd.openxmlformats-officedocument.wordprocessingml.document" | "application/vnd.ms-fontobject" | "application/epub+zip" | "application/gzip" | "text/html" | "text/calendar" | "application/java-archive" | "text/javascript" | "application/json" | "application/ld+json" | "audio/midi" | "audio/mpeg" | "video/mp4" | "video/mpeg" | "tapplication/vnd.apple.installer+xml" | "application/vnd.oasis.opendocument.presentation" | "application/vnd.oasis.opendocument.spreadsheet" | "application/vnd.oasis.opendocument.text" | "audio/ogg" | "video/ogg" | "application/ogg" | "audio/opus" | "font/otf" | "application/pdf" | "application/x-httpd-php" | "application/vnd.ms-powerpoint" | "application/vnd.openxmlformats-officedocument.presentationml.presentation" | "application/vnd.rar" | "application/rtf" | "application/x-sh" | "application/x-tar" | "video/mp2t" | "font/ttf" | "text/plain" | "application/vnd.visio" | "audio/wav" | "audio/webm" | "video/webm" | "font/woff" | "font/woff2" | "application/xhtml+xml" | "application/vnd.ms-excel" | "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" | "application/xml" | "application/vnd.mozilla.xul+xml" | "application/zip" | "video/3gpp" | "video/3gpp2" | "application/x-7z-compressed" | null;
+declare const inferMimeType: (srcset: string) => string | null;
 
 declare class ToArrayPipe implements PipeTransform {
     transform: (value: number) => number[];
@@ -898,239 +1392,155 @@ type NgTemplateTemplate = {
 };
 type ComponentTemplate = {
     type: 'component';
-    value: ComponentType<unknown>;
-    inputs?: Record<string, unknown>;
-    injector: Injector | null;
-};
-declare const templateComputed: (templateSignal: Signal<AnyTemplateType | null>) => Signal<StringTemplate | NgTemplateTemplate | ComponentTemplate | null>;
-
-declare const injectAngularRootElement: {
-    (): _angular_core.WritableSignal<HTMLElement | null>;
-    (options: _angular_core.InjectOptions & {
-        optional?: false;
-    }): _angular_core.WritableSignal<HTMLElement | null>;
-    (options: _angular_core.InjectOptions): _angular_core.WritableSignal<HTMLElement | null> | null;
-};
-
-declare const provideBoundaryElement: () => _angular_core.Provider[];
-declare const injectBoundaryElement: {
-    (): {
-        value: _angular_core.Signal<HTMLElement>;
-        override: _angular_core.WritableSignal<HTMLElement | null>;
-    };
-    (options: _angular_core.InjectOptions & {
-        optional?: false;
-    }): {
-        value: _angular_core.Signal<HTMLElement>;
-        override: _angular_core.WritableSignal<HTMLElement | null>;
-    };
-    (options: _angular_core.InjectOptions): {
-        value: _angular_core.Signal<HTMLElement>;
-        override: _angular_core.WritableSignal<HTMLElement | null>;
-    } | null;
-};
-declare const BOUNDARY_ELEMENT_TOKEN: _angular_core.InjectionToken<{
-    value: _angular_core.Signal<HTMLElement>;
-    override: _angular_core.WritableSignal<HTMLElement | null>;
-}>;
-
-type Vec2 = [number, number];
-type ViewportConfig = {
-    breakpoints: {
-        xs: Vec2;
-        sm: Vec2;
-        md: Vec2;
-        lg: Vec2;
-        xl: Vec2;
-        '2xl': Vec2;
-    };
-};
-type Breakpoint = keyof ViewportConfig['breakpoints'];
-/**
- * Default viewport config based on Tailwind CSS.
- * @see https://tailwindcss.com/docs/screens
- */
-declare const DEFAULT_VIEWPORT_CONFIG: ViewportConfig;
-declare const provideViewportConfig: (valueOverride?: Partial<ViewportConfig> | undefined) => _angular_core.Provider[];
-declare const injectViewportConfig: {
-    (): ViewportConfig;
-    (options: _angular_core.InjectOptions & {
-        optional?: false;
-    }): ViewportConfig;
-    (options: _angular_core.InjectOptions): ViewportConfig | null;
-};
-type BuildMediaQueryOptions = {
-    min?: number | Breakpoint;
-    max?: number | Breakpoint;
-};
-declare const provideBreakpointObserver: () => _angular_core.Provider[];
-declare const injectBreakpointObserver: {
-    (): {
-        observeBreakpoint: (options: BuildMediaQueryOptions) => _angular_core.Signal<boolean>;
-        isBreakpointMatched: (options: BuildMediaQueryOptions) => boolean;
-        getBreakpointSize: (type: Breakpoint, option: "min" | "max") => number;
-        buildMediaQueryString: (options: BuildMediaQueryOptions) => string;
-        observeMediaQuery: (mediaQuery: string) => _angular_core.Signal<boolean>;
-        isMediaQueryMatched: (mediaQuery: string) => boolean;
-    };
-    (options: _angular_core.InjectOptions & {
-        optional?: false;
-    }): {
-        observeBreakpoint: (options: BuildMediaQueryOptions) => _angular_core.Signal<boolean>;
-        isBreakpointMatched: (options: BuildMediaQueryOptions) => boolean;
-        getBreakpointSize: (type: Breakpoint, option: "min" | "max") => number;
-        buildMediaQueryString: (options: BuildMediaQueryOptions) => string;
-        observeMediaQuery: (mediaQuery: string) => _angular_core.Signal<boolean>;
-        isMediaQueryMatched: (mediaQuery: string) => boolean;
-    };
-    (options: _angular_core.InjectOptions): {
-        observeBreakpoint: (options: BuildMediaQueryOptions) => _angular_core.Signal<boolean>;
-        isBreakpointMatched: (options: BuildMediaQueryOptions) => boolean;
-        getBreakpointSize: (type: Breakpoint, option: "min" | "max") => number;
-        buildMediaQueryString: (options: BuildMediaQueryOptions) => string;
-        observeMediaQuery: (mediaQuery: string) => _angular_core.Signal<boolean>;
-        isMediaQueryMatched: (mediaQuery: string) => boolean;
-    } | null;
+    value: ComponentType<unknown>;
+    inputs?: Record<string, unknown>;
+    injector: Injector | null;
 };
+declare const templateComputed: (templateSignal: Signal<AnyTemplateType | null>) => Signal<StringTemplate | NgTemplateTemplate | ComponentTemplate | null>;
 
-declare const provideFocusVisibleTracker: () => _angular_core.Provider[];
-declare const injectFocusVisibleTracker: {
-    (): {
-        isFocusVisible: _angular_core.Signal<boolean>;
-    };
-    (options: _angular_core.InjectOptions & {
-        optional?: false;
-    }): {
-        isFocusVisible: _angular_core.Signal<boolean>;
-    };
-    (options: _angular_core.InjectOptions): {
-        isFocusVisible: _angular_core.Signal<boolean>;
-    } | null;
-};
-declare const FOCUS_VISIBLE_TRACKER_TOKEN: _angular_core.InjectionToken<{
-    isFocusVisible: _angular_core.Signal<boolean>;
-}>;
+type ResizeEdge = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';
+type ResizeMoveEvent = {
+    edge: ResizeEdge;
+    dx: number;
+    dy: number;
+};
+declare class ResizeHandlesComponent {
+    edges: _angular_core.InputSignal<ResizeEdge[]>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private gestureStart$;
+    private gesture$;
+    resizeStarted: _angular_core.OutputRef<ResizeEdge>;
+    resizeMoved: _angular_core.OutputRef<ResizeMoveEvent>;
+    resizeEnded: _angular_core.OutputRef<void>;
+    isResizing: _angular_core.Signal<boolean>;
+    activeEdge: _angular_core.Signal<ResizeEdge | null>;
+    readonly edgeCursors: Record<ResizeEdge, string>;
+    startResizeGesture(event: PointerEvent, edge: ResizeEdge): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResizeHandlesComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResizeHandlesComponent, "et-resize-handles", never, { "edges": { "alias": "edges"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "resizeStarted": "resizeStarted"; "resizeMoved": "resizeMoved"; "resizeEnded": "resizeEnded"; }, never, never, true, never>;
+}
 
-declare const provideLocale: () => _angular_core.Provider[];
-declare const injectLocale: {
-    (): {
-        currentLocale: _angular_core.WritableSignal<string>;
-    };
-    (options: _angular_core.InjectOptions & {
-        optional?: false;
-    }): {
-        currentLocale: _angular_core.WritableSignal<string>;
-    };
-    (options: _angular_core.InjectOptions): {
-        currentLocale: _angular_core.WritableSignal<string>;
-    } | null;
+declare const elementCanScroll: (element?: HTMLElement | null, direction?: "x" | "y") => boolean;
+type IsElementVisibleOptions = {
+    /**
+     * The element to check if it is visible inside a container.
+     */
+    element?: HTMLElement | null;
+    /**
+     * The container to check if the element is visible inside.
+     * If null or undefined, uses the viewport as the container.
+     * @default null (viewport)
+     */
+    container?: HTMLElement | null;
+    /**
+     * The container's rect to check if the element is visible inside. Can be supplied to reduce the amount of DOM reads.
+     * Only used when container is provided and not null.
+     * @default container.getBoundingClientRect()
+     */
+    containerRect?: DOMRect | null;
+    /**
+     * The element's rect. Can be supplied to reduce the amount of DOM reads.
+     * @default element.getBoundingClientRect()
+     */
+    elementRect?: DOMRect | null;
 };
-
-declare const provideRenderer: () => _angular_core.Provider[];
-declare const injectRenderer: {
-    (): {
-        addClass: (element: HTMLElement, ...classes: string[]) => void;
-        removeClass: (element: HTMLElement, ...classes: string[]) => void;
-        toggleClass: (element: HTMLElement, className: string, force?: boolean) => boolean;
-        setStyle: (element: HTMLElement, style: Partial<Record<keyof CSSStyleDeclaration, string | null>>, flags?: RendererStyleFlags2) => void;
-        removeStyle: (element: HTMLElement, style: keyof CSSStyleDeclaration | string, flags?: RendererStyleFlags2) => void;
-        removeStyles: (element: HTMLElement, ...styles: (keyof CSSStyleDeclaration | string)[]) => void;
-        setAttribute: (element: HTMLElement, name: string, value: string | null, namespace?: string | null) => void;
-        removeAttribute: (element: HTMLElement, ...names: string[]) => void;
-        setProperty: (element: HTMLElement, name: string, value: unknown) => void;
-        setProperties: (element: HTMLElement, properties: Record<string, unknown>) => void;
-        createElement: <K extends keyof HTMLElementTagNameMap>(tagName: K, namespace?: string | null) => HTMLElementTagNameMap[K];
-        createText: (value: string) => Text;
-        createComment: (value: string) => Comment;
-        appendChild: (parent: HTMLElement, newChild: Node) => void;
-        insertBefore: (parent: Node, newChild: Node, refChild: Node | null) => void;
-        removeChild: (parent: Node, oldChild: Node, isHostElement?: boolean) => void;
-        selectRootElement: (selectorOrNode: string | HTMLElement, preserveContent?: boolean) => HTMLElement;
-        parentNode: (node: Node) => Node | null;
-        nextSibling: (node: Node) => Node | null;
-        setValue: (node: Node, value: string) => void;
-        listen: (target: HTMLElement | Window | Document | "window" | "document" | "body", eventName: string, callback: (event: Event) => boolean | void) => (() => void);
-        destroyNode: (node: Node) => void;
-        replaceChild: (parent: Node, newChild: Node, oldChild: Node) => void;
-        empty: (element: HTMLElement) => void;
-        setTextContent: (element: HTMLElement, text: string) => void;
-        setInnerHTML: (element: HTMLElement, html: string) => void;
-        setAttributes: (element: HTMLElement, attributes: Record<string, string | null>, namespace?: string | null) => void;
-        setDataAttributes: (element: HTMLElement, data: Record<string, string | null>) => void;
-        setCssProperty: (element: HTMLElement, name: string, value: string | null) => void;
-        setCssProperties: (element: HTMLElement, properties: Record<string, string | null>) => void;
-        renderer: _angular_core.Renderer2;
-    };
-    (options: _angular_core.InjectOptions & {
-        optional?: false;
-    }): {
-        addClass: (element: HTMLElement, ...classes: string[]) => void;
-        removeClass: (element: HTMLElement, ...classes: string[]) => void;
-        toggleClass: (element: HTMLElement, className: string, force?: boolean) => boolean;
-        setStyle: (element: HTMLElement, style: Partial<Record<keyof CSSStyleDeclaration, string | null>>, flags?: RendererStyleFlags2) => void;
-        removeStyle: (element: HTMLElement, style: keyof CSSStyleDeclaration | string, flags?: RendererStyleFlags2) => void;
-        removeStyles: (element: HTMLElement, ...styles: (keyof CSSStyleDeclaration | string)[]) => void;
-        setAttribute: (element: HTMLElement, name: string, value: string | null, namespace?: string | null) => void;
-        removeAttribute: (element: HTMLElement, ...names: string[]) => void;
-        setProperty: (element: HTMLElement, name: string, value: unknown) => void;
-        setProperties: (element: HTMLElement, properties: Record<string, unknown>) => void;
-        createElement: <K extends keyof HTMLElementTagNameMap>(tagName: K, namespace?: string | null) => HTMLElementTagNameMap[K];
-        createText: (value: string) => Text;
-        createComment: (value: string) => Comment;
-        appendChild: (parent: HTMLElement, newChild: Node) => void;
-        insertBefore: (parent: Node, newChild: Node, refChild: Node | null) => void;
-        removeChild: (parent: Node, oldChild: Node, isHostElement?: boolean) => void;
-        selectRootElement: (selectorOrNode: string | HTMLElement, preserveContent?: boolean) => HTMLElement;
-        parentNode: (node: Node) => Node | null;
-        nextSibling: (node: Node) => Node | null;
-        setValue: (node: Node, value: string) => void;
-        listen: (target: HTMLElement | Window | Document | "window" | "document" | "body", eventName: string, callback: (event: Event) => boolean | void) => (() => void);
-        destroyNode: (node: Node) => void;
-        replaceChild: (parent: Node, newChild: Node, oldChild: Node) => void;
-        empty: (element: HTMLElement) => void;
-        setTextContent: (element: HTMLElement, text: string) => void;
-        setInnerHTML: (element: HTMLElement, html: string) => void;
-        setAttributes: (element: HTMLElement, attributes: Record<string, string | null>, namespace?: string | null) => void;
-        setDataAttributes: (element: HTMLElement, data: Record<string, string | null>) => void;
-        setCssProperty: (element: HTMLElement, name: string, value: string | null) => void;
-        setCssProperties: (element: HTMLElement, properties: Record<string, string | null>) => void;
-        renderer: _angular_core.Renderer2;
-    };
-    (options: _angular_core.InjectOptions): {
-        addClass: (element: HTMLElement, ...classes: string[]) => void;
-        removeClass: (element: HTMLElement, ...classes: string[]) => void;
-        toggleClass: (element: HTMLElement, className: string, force?: boolean) => boolean;
-        setStyle: (element: HTMLElement, style: Partial<Record<keyof CSSStyleDeclaration, string | null>>, flags?: RendererStyleFlags2) => void;
-        removeStyle: (element: HTMLElement, style: keyof CSSStyleDeclaration | string, flags?: RendererStyleFlags2) => void;
-        removeStyles: (element: HTMLElement, ...styles: (keyof CSSStyleDeclaration | string)[]) => void;
-        setAttribute: (element: HTMLElement, name: string, value: string | null, namespace?: string | null) => void;
-        removeAttribute: (element: HTMLElement, ...names: string[]) => void;
-        setProperty: (element: HTMLElement, name: string, value: unknown) => void;
-        setProperties: (element: HTMLElement, properties: Record<string, unknown>) => void;
-        createElement: <K extends keyof HTMLElementTagNameMap>(tagName: K, namespace?: string | null) => HTMLElementTagNameMap[K];
-        createText: (value: string) => Text;
-        createComment: (value: string) => Comment;
-        appendChild: (parent: HTMLElement, newChild: Node) => void;
-        insertBefore: (parent: Node, newChild: Node, refChild: Node | null) => void;
-        removeChild: (parent: Node, oldChild: Node, isHostElement?: boolean) => void;
-        selectRootElement: (selectorOrNode: string | HTMLElement, preserveContent?: boolean) => HTMLElement;
-        parentNode: (node: Node) => Node | null;
-        nextSibling: (node: Node) => Node | null;
-        setValue: (node: Node, value: string) => void;
-        listen: (target: HTMLElement | Window | Document | "window" | "document" | "body", eventName: string, callback: (event: Event) => boolean | void) => (() => void);
-        destroyNode: (node: Node) => void;
-        replaceChild: (parent: Node, newChild: Node, oldChild: Node) => void;
-        empty: (element: HTMLElement) => void;
-        setTextContent: (element: HTMLElement, text: string) => void;
-        setInnerHTML: (element: HTMLElement, html: string) => void;
-        setAttributes: (element: HTMLElement, attributes: Record<string, string | null>, namespace?: string | null) => void;
-        setDataAttributes: (element: HTMLElement, data: Record<string, string | null>) => void;
-        setCssProperty: (element: HTMLElement, name: string, value: string | null) => void;
-        setCssProperties: (element: HTMLElement, properties: Record<string, string | null>) => void;
-        renderer: _angular_core.Renderer2;
-    } | null;
+type CurrentElementVisibility = {
+    /**
+     * Whether the element is visible in the inline direction.
+     */
+    inline: boolean;
+    /**
+     * Whether the element is visible in the block direction.
+     */
+    block: boolean;
+    /**
+     * The percentage of the element that is visible in the inline direction.
+     */
+    inlineIntersection: number;
+    /**
+     * The percentage of the element that is visible in the block direction.
+     */
+    blockIntersection: number;
+    /**
+     * Whether the element is intersecting the container.
+     */
+    isIntersecting: boolean;
+    /**
+     * The ratio of the element that is intersecting the container.
+     */
+    intersectionRatio: number;
+    /**
+     * The element that is being checked for visibility.
+     */
+    element: HTMLElement;
+    /**
+     * The container's rect used for the calculation.
+     */
+    containerRect: DOMRect;
+    /**
+     * The element's rect used for the calculation.
+     */
+    elementRect: DOMRect;
 };
-type AngularRenderer = NonNullable<ReturnType<typeof injectRenderer>>;
+declare const isElementVisible: (options: IsElementVisibleOptions) => CurrentElementVisibility | null;
+declare const getElementScrollCoordinates: (options: ScrollToElementOptions) => ScrollToOptions;
+type ScrollToElementOptions = {
+    /**
+     * The element to scroll to.
+     */
+    element?: HTMLElement | null;
+    /**
+     * The scroll container to scroll to the element in.
+     * Must be provided - cannot scroll the viewport programmatically with this function.
+     */
+    container?: HTMLElement | null;
+    /**
+     * The direction to scroll in.
+     * @default 'both'
+     */
+    direction?: 'inline' | 'block' | 'both';
+    /**
+     * The origin of the element to scroll to.
+     * @default 'nearest'
+     */
+    origin?: 'start' | 'end' | 'center' | 'nearest';
+    /**
+     * The scroll behavior.
+     * @default 'smooth'
+     */
+    behavior?: ScrollBehavior;
+    /**
+     * The scroll inline-margin
+     * @default 0
+     */
+    scrollInlineMargin?: number;
+    /**
+     * The scroll block-margin
+     * @default 0
+     */
+    scrollBlockMargin?: number;
+};
+declare const scrollToElement: (options: ScrollToElementOptions) => void;
+
+type ScrollSnapOrigin = 'auto' | 'start' | 'center' | 'end';
+type ScrollSnapTarget = {
+    /** The element to snap to. */
+    element: HTMLElement;
+    /** The resolved alignment to use when scrolling to the element. */
+    origin: 'start' | 'center' | 'end';
+} | null;
+declare const getScrollSnapTarget: (items: HTMLElement[], container: HTMLElement, direction: "horizontal" | "vertical", origin: ScrollSnapOrigin, margin?: number) => ScrollSnapTarget;
+type ScrollContainerTarget = {
+    element: HTMLElement;
+    origin: 'start' | 'end';
+} | null;
+declare const getScrollContainerTarget: (entries: IntersectionObserverEntry[], direction: "start" | "end") => ScrollContainerTarget;
+type ScrollItemTarget = {
+    element: HTMLElement;
+    index: number;
+    origin: 'start' | 'end' | 'center';
+} | null;
+declare const getScrollItemTarget: (entries: IntersectionObserverEntry[], container: HTMLElement, direction: "start" | "end", scrollOrigin: "auto" | "center" | "start" | "end", axisDirection: "horizontal" | "vertical") => ScrollItemTarget;
 
 declare const previousSignalValue: <T>(signal: Signal<T>) => Signal<T | undefined>;
 type SyncSignalOptions = {
@@ -1236,6 +1646,50 @@ declare const easeOutBack: (t: number) => number;
 /** Back easing function with more overshoot */
 declare const easeOutBackStrong: (t: number) => number;
 
+type BreakpointMap<T> = Partial<Record<Breakpoint, T>>;
+type BreakpointInput<T> = T | BreakpointMap<T>;
+declare const breakpointTransformBase: <T, WriteT = BreakpointInput<T>>(coerce: (value: WriteT) => T) => ((value: WriteT) => T);
+/**
+ * Transform factory for boolean inputs.
+ * Coerces plain values with `booleanAttribute`; resolves {@link BreakpointMap} mobile-first.
+ *
+ * @example
+ * snap = input(false, { transform: boolBreakpointTransform() });
+ * // Template: `snap` | `[snap]="true"` | `[snap]="{ xs: false, md: true }"`
+ */
+declare const boolBreakpointTransform: () => ((value: BreakpointInput<boolean> | string) => boolean);
+/**
+ * Transform factory for number inputs.
+ * Coerces plain values with `numberAttribute`; resolves {@link BreakpointMap} mobile-first.
+ *
+ * @example
+ * scrollMargin = input(0, { transform: numberBreakpointTransform() });
+ * // Template: `[scrollMargin]="16"` | `[scrollMargin]="{ xs: 0, md: 16 }"`
+ */
+declare const numberBreakpointTransform: () => ((value: BreakpointInput<number> | string) => number);
+/**
+ * Transform factory for any typed input (string unions, arrays, objects, etc.).
+ * Passes plain values through as-is; resolves {@link BreakpointMap} mobile-first.
+ * A value is treated as a {@link BreakpointMap} only when all its keys are valid breakpoint names.
+ *
+ * @example
+ * itemSize = input('auto', { transform: typedBreakpointTransform<ScrollableItemSize>() });
+ * tags = input([], { transform: typedBreakpointTransform<string[]>() });
+ * // Template: `[itemSize]="'third'"` | `[itemSize]="{ xs: 'full', md: 'third' }"`
+ */
+declare const typedBreakpointTransform: <T>() => ((value: BreakpointInput<T>) => T);
+type BoolBreakpointSignal = InputSignalWithTransform<boolean, BreakpointInput<boolean> | string>;
+type NumberBreakpointSignal = InputSignalWithTransform<number, BreakpointInput<number> | string>;
+type TypedBreakpointSignal<T> = InputSignalWithTransform<T, BreakpointInput<T>>;
+declare const injectBreakpointInput: <T>(inputSignal: Signal<BreakpointInput<T>>, defaultValue: T) => Signal<T>;
+declare const booleanBreakpointAttribute: (value: unknown) => BreakpointInput<boolean>;
+declare const numberBreakpointAttribute: (value: unknown) => BreakpointInput<number>;
+declare const BREAKPOINT_INSTANCE_TOKEN: InjectionToken<unknown>;
+declare const provideBreakpointInstance: (componentClass: unknown) => {
+    provide: InjectionToken<unknown>;
+    useExisting: unknown;
+};
+
 type ControlValueSignalOptions = {
     debounceTime?: number;
     /**
@@ -1354,8 +1808,9 @@ type ElementDimensions = {
 type NullableElementDimensions = {
     [K in keyof ElementDimensions]: ElementDimensions[K] | null;
 };
-declare const signalElementDimensions: (el: SignalElementBindingType) => _angular_core.Signal<NullableElementDimensions>;
-declare const signalHostElementDimensions: () => _angular_core.Signal<NullableElementDimensions>;
+declare const signalElementDimensions: (el: SignalElementBindingType) => Signal<NullableElementDimensions>;
+declare const signalHostElementDimensions: () => Signal<NullableElementDimensions>;
+declare const injectViewportSize: () => Signal<ElementSize>;
 
 type SignalElementIntersectionOptions = Omit<IntersectionObserverInit, 'root'> & {
     root?: SignalElementBindingType;
@@ -1445,7 +1900,10 @@ declare const injectCanHover: () => _angular_core.Signal<boolean>;
 /** Inject a signal containing the viewport dimensions */
 declare const injectViewportDimensions: () => _angular_core.Signal<_ethlete_core.NullableElementDimensions>;
 /** Inject a signal containing the scrollbar dimensions. Dimensions will be 0 if scrollbars overlap the page contents (like on mobile). */
-declare const injectScrollbarDimensions: () => _angular_core.Signal<_ethlete_core.NullableElementDimensions>;
+declare const injectScrollbarDimensions: () => _angular_core.Signal<{
+    width: number;
+    height: number;
+} | null>;
 
 /**
  * Applies scrollbar size CSS variables to the documentElement (html tag) in pixels.
@@ -2160,5 +2618,5 @@ declare const injectTitleStore: {
 };
 declare const applyHeadTitleBinding: (binding: MaybeSignal<string | number | null | undefined>, options?: Omit<TitlePart, "text">) => void;
 
-export { ANIMATABLE_TOKEN, ANIMATED_IF_TOKEN, ANIMATED_LIFECYCLE_TOKEN, AT_LEAST_ONE_REQUIRED, AnimatableDirective, AnimatedIfDirective, AnimatedLifecycleDirective, AnimatedOverlayDirective, BOUNDARY_ELEMENT_TOKEN, ClickOutsideDirective, DEFAULT_MULTI_INSTANCE_RELS, DEFAULT_MULTI_INSTANCE_TAGS, DEFAULT_VIEWPORT_CONFIG, DISABLE_LOGGER_PARAM, ET_DISABLE_SCROLL_TOP, ET_DISABLE_SCROLL_TOP_AS_RETURN_ROUTE, ET_DISABLE_SCROLL_TOP_ON_PATH_PARAM_CHANGE, ET_PROPERTY_REMOVED, FOCUS_VISIBLE_TRACKER_TOKEN, IS_ARRAY_NOT_EMPTY, IS_EMAIL, InferMimeTypePipe, IsArrayNotEmpty, IsEmail, jsonLd_d as JsonLD, KeyPressManager, MUST_MATCH, MatchStateType, MustMatch, NormalizeGameResultTypePipe, NormalizeMatchParticipantsPipe, NormalizeMatchScorePipe, NormalizeMatchStatePipe, NormalizeMatchTypePipe, PropsDirective, ProvideThemeDirective, RUNTIME_ERROR_NO_DATA, RepeatDirective, RuntimeError, SEO_DIRECTIVE_TOKEN, SeoDirective, StructuredDataComponent, THEME_PROVIDER, ToArrayPipe, TypedQueryList, ValidateAtLeastOneRequired, Validators, applyAlternateBinding, applyAlternateLanguagesBindings, applyArticleBindings, applyAuthorBinding, applyCanonicalBinding, applyDescriptionBinding, applyHeadBinding, applyHeadTitleBinding, applyHostListener, applyHostListeners, applyKeywordsBinding, applyLinkBinding, applyMetaBinding, applyNextBinding, applyOgBinding, applyOpenGraphBindings, applyPrevBinding, applyResourceHintsBindings, applyRobotsBinding, applySocialMediaBindings, applyStructuredDataBinding, applyTwitterCardBindings, areScrollStatesEqual, bindProps, boundingClientRectToElementRect, buildElementSignal, buildSignalEffects, clamp, clone, cloneFormGroup, computedTillFalsy, computedTillTruthy, controlValueSignal, controlValueSignalWithPrevious, createArrayPropertyBinding, createBulkPropertyBinding, createCanAnimateSignal, createComponentId, createCssThemeName, createDependencyStash, createDestroy, createDocumentElementSignal, createElementDictionary, createElementDimensions, createEmptyElementSignal, createFlipAnimation, createFlipAnimationGroup, createHostProps, createIsRenderedSignal, createLogger, createPropHandlers, createPropertyBinding, createProps, createProvider, createRootProvider, createRootThemeCss, createRxHostListener, createSetup, createStaticProvider, createStaticRootProvider, createSwatchCss, createTailwindColorThemes, createTailwindCssVar, createTailwindRgbVar, createThemeStyle, deferredSignal, deleteCookie, easeElastic, easeIn, easeInOut, easeLinear, easeOut, easeOutBack, easeOutBackStrong, elementCanScroll, equal, firstElementSignal, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getElementScrollCoordinates, getFormGroupValue, getGroupMatchPoints, getGroupMatchScore, getKnockoutMatchScore, getMatchScoreSubLine, getObjectProperty, hasCookie, inferMimeType, injectAngularRootElement, injectBoundaryElement, injectBreakpointIsMatched, injectBreakpointObserver, injectCanHover, injectColorThemes, injectCurrentBreakpoint, injectDeviceInputType, injectDisplayOrientation, injectFocusVisibleTracker, injectFragment, injectHasPrecisionInput, injectHasTouchInput, injectHostElement, injectIs2Xl, injectIsLandscape, injectIsLg, injectIsMd, injectIsPortrait, injectIsRouterInitialized, injectIsSm, injectIsXl, injectIsXs, injectLinkStore, injectLinkStoreConfig, injectLocale, injectMediaQueryIsMatched, injectMetaConfig, injectMetaStore, injectObserveBreakpoint, injectObserveMediaQuery, injectPathParam, injectPathParamChanges, injectPathParams, injectQueryParam, injectQueryParamChanges, injectQueryParams, injectRenderer, injectRoute, injectRouteData, injectRouteDataItem, injectRouteTitle, injectRouterEvent, injectRouterState, injectScrollbarDimensions, injectStructuredDataConfig, injectStructuredDataStore, injectTemplateRef, injectThemesPrefix, injectTitleConfig, injectTitleStore, injectUrl, injectViewportConfig, injectViewportDimensions, isArray, isElementSignal, isElementVisible, isGroupMatch, isKnockoutMatch, isObject, maybeSignalValue, memoizeSignal, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, previousSignalValue, provideBoundaryElement, provideBreakpointObserver, provideColorThemes, provideColorThemesWithTailwind4, provideFocusVisibleTracker, provideLinkStore, provideLinkStoreConfig, provideLocale, provideMetaConfig, provideMetaStore, provideRenderer, provideStructuredDataConfig, provideStructuredDataStore, provideTitleConfig, provideTitleStore, provideViewportConfig, round, routerDisableScrollTop, scrollToElement, setCookie, setInputSignal, setupScrollRestoration, signalAnimatedNumber, signalAttributes, signalClasses, signalElementChildren, signalElementDimensions, signalElementIntersection, signalElementLastScrollDirection, signalElementMutations, signalElementScrollState, signalHostAttributes, signalHostClasses, signalHostElementDimensions, signalHostElementIntersection, signalHostElementLastScrollDirection, signalHostElementMutations, signalHostElementScrollState, signalHostStyles, signalIsRendered, signalStyles, switchQueryListChanges, syncSignal, templateComputed, toArray, toArrayTrackByFn, toStringBinding, transformOrReturn, unbindProps, useCursorDragScroll, writeScrollbarSizeToCssVariables, writeViewportSizeToCssVariables, ɵProvideColorThemes, ɵProvideThemesPrefix };
-export type { AlternateLanguagesConfig, AlternateLink, AngularRenderer, AnimatedLifecycleState, AnimatedNumberSignal, AnimatedOverlayComponentBase, AnimatedOverlayMountConfig, AnimatedOverlayState, AnimationEndEvent, AnyTemplateType, ArticleConfig, BindPropsOptions, Breakpoint, BuildMediaQueryOptions, BuildSignalEffectsConfig, ComponentTemplate, ComponentTypeWithInputs, ControlValueSignalOptions, CreateLoggerConfig, CreatePropsOptions, CreateProviderOptions, CurrentElementVisibility, CursorDragScrollDirection, CursorDragScrollOptions, ElementDimensions, ElementLastScrollDirection, ElementLastScrollDirectionType, ElementRect, ElementScrollState, ElementSignal, ElementSignalValue, ElementSize, FacebookCard, FlipAnimationConfig, HeadBinding, HostProps, InjectQueryParamConfig, InjectUtilConfig, InjectUtilTransformConfig, IntersectionObserverEntryWithDetails, IsElementVisibleOptions, LinkConfig, LinkStoreConfig, LogicalSize, MaybeObservable, MaybeSignal, MetaConfig, MetaTagConfig, NgClassType, NgTemplateTemplate, NormalizedGameResultType, NormalizedMatchParticipant, NormalizedMatchParticipants, NormalizedMatchScore, NullableElementDimensions, OnThemeColorMap, OpenGraph, OpenGraphConfig, PropHandlers, Props, PropsAttachedElements, PropsAttachedElementsInternal, PropsInternal, ProviderResult, ResourceHintsConfig, RobotsConfig, RootProviderResult, RouterDisableScrollTopConfig, RouterState, ScrollToElementOptions, SeoConfig, SetupScrollRestorationConfig, SignalAnimatedNumberOptions, SignalElementBindingComplexType, SignalElementBindingType, SignalElementIntersectionOptions, SignalElementScrollStateOptions, SocialMediaConfig, StaticProviderResult, StringTemplate, StructuredDataConfig, SyncSignalOptions, TemplateRefWithContext, Theme, ThemeColor, ThemeColorMap, ThemeHSLColor, ThemeRGBColor, ThemeSwatch, TitleConfig, TitlePart, Translatable, TwitterCard, TwitterCardConfig, UnbindPropsOptions, ValidateAtLeastOneRequiredConfig, Vec2, ViewportConfig };
+export { ANIMATABLE_TOKEN, ANIMATED_IF_TOKEN, ANIMATED_LIFECYCLE_TOKEN, AT_LEAST_ONE_REQUIRED, AnimatableDirective, AnimatedIfDirective, AnimatedLifecycleDirective, AnimatedOverlayDirective, BOUNDARY_ELEMENT_TOKEN, BREAKPOINT_INSTANCE_TOKEN, BREAKPOINT_ORDER, COLOR_PROVIDER, ClickOutsideDirective, ColorInteractiveContainerDirective, ColorInteractiveDirective, ColorInteractiveExcludeDirective, ColorInteractiveHasFocusDirective, DEFAULT_MULTI_INSTANCE_RELS, DEFAULT_MULTI_INSTANCE_TAGS, DEFAULT_VIEWPORT_CONFIG, DISABLE_LOGGER_PARAM, DragHandleDirective, ET_DISABLE_SCROLL_TOP, ET_DISABLE_SCROLL_TOP_AS_RETURN_ROUTE, ET_DISABLE_SCROLL_TOP_ON_PATH_PARAM_CHANGE, ET_PROPERTY_REMOVED, FOCUSABLE_SELECTOR, FOCUS_VISIBLE_TRACKER_TOKEN, IS_ARRAY_NOT_EMPTY, IS_EMAIL, InferMimeTypePipe, IsArrayNotEmpty, IsEmail, jsonLd_d as JsonLD, KeyPressManager, MUST_MATCH, MatchStateType, MustMatch, NormalizeGameResultTypePipe, NormalizeMatchParticipantsPipe, NormalizeMatchScorePipe, NormalizeMatchStatePipe, NormalizeMatchTypePipe, PropsDirective, ProvideColorDirective, ProvideSurfaceDirective, RUNTIME_ERROR_NO_DATA, RepeatDirective, ResizeHandlesComponent, RuntimeError, SEO_DIRECTIVE_TOKEN, SURFACE_PROVIDER, SURFACE_TYPE, ScrollObserverDirective, ScrollObserverEndDirective, ScrollObserverStartDirective, SeoDirective, StructuredDataComponent, SurfaceInteractiveDirective, ToArrayPipe, TypedQueryList, ValidateAtLeastOneRequired, Validators, applyAlternateBinding, applyAlternateLanguagesBindings, applyArticleBindings, applyAuthorBinding, applyCanonicalBinding, applyCenteredPosition, applyDescriptionBinding, applyHeadBinding, applyHeadTitleBinding, applyHostListener, applyHostListeners, applyInitialFocus, applyKeywordsBinding, applyLinkBinding, applyMetaBinding, applyNextBinding, applyOgBinding, applyOpenGraphBindings, applyPrevBinding, applyResourceHintsBindings, applyRobotsBinding, applySocialMediaBindings, applyStructuredDataBinding, applyTwitterCardBindings, areScrollStatesEqual, bindProps, boolBreakpointTransform, booleanBreakpointAttribute, boundingClientRectToElementRect, breakpointTransformBase, buildElementSignal, buildSignalEffects, canUseSessionMemory, clamp, clone, cloneFormGroup, computedTillFalsy, computedTillTruthy, controlValueSignal, controlValueSignalWithPrevious, createAnchoredPositionCleanup, createArrayPropertyBinding, createAutoSessionMemoryKey, createBulkPropertyBinding, createCanAnimateSignal, createComponentId, createCssColorThemeName, createCssSurfaceName, createDependencyStash, createDestroy, createDocumentElementSignal, createElementDictionary, createElementDimensions, createEmptyElementSignal, createFlipAnimation, createFlipAnimationGroup, createHostProps, createIsRenderedSignal, createLogger, createOverlayRuntimeRef, createPropHandlers, createPropertyBinding, createProps, createProvider, createRootProvider, createRootThemeCss, createRxHostListener, createSessionMemory, createSetup, createStaticProvider, createStaticRootProvider, createSwatchCss, createTailwindColorThemes, createTailwindCssVar, createTailwindRgbVar, createThemeStyle, createUserConsentProvider, deferredSignal, deleteCookie, easeElastic, easeIn, easeInOut, easeLinear, easeOut, easeOutBack, easeOutBackStrong, elementCanScroll, equal, firstElementSignal, focusElement, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getElementScrollCoordinates, getFocusableElements, getFormGroupValue, getGroupMatchPoints, getGroupMatchScore, getHeadingElement, getKnockoutMatchScore, getMatchScoreSubLine, getObjectProperty, getScrollContainerTarget, getScrollItemTarget, getScrollSnapTarget, hasCookie, inferMimeType, injectAngularRootElement, injectBoundaryElement, injectBreakpointInput, injectBreakpointIsMatched, injectBreakpointObserver, injectCanHover, injectColorThemes, injectColorThemesPrefix, injectCurrentBreakpoint, injectDeviceInputType, injectDisplayOrientation, injectErrorTheme, injectFocusVisibleTracker, injectFragment, injectHasPrecisionInput, injectHasTouchInput, injectHostElement, injectIs2Xl, injectIsLandscape, injectIsLg, injectIsMd, injectIsPortrait, injectIsRouterInitialized, injectIsSm, injectIsXl, injectIsXs, injectLinkStore, injectLinkStoreConfig, injectLocale, injectMediaQueryIsMatched, injectMetaConfig, injectMetaStore, injectObserveBreakpoint, injectObserveMediaQuery, injectOverlayRuntime, injectPathParam, injectPathParamChanges, injectPathParams, injectQueryParam, injectQueryParamChanges, injectQueryParams, injectRenderer, injectRoute, injectRouteData, injectRouteDataItem, injectRouteTitle, injectRouterEvent, injectRouterState, injectScrollbarDimensions, injectStructuredDataConfig, injectStructuredDataStore, injectStyleManager, injectSuccessTheme, injectSurfaceContextTracker, injectSurfaceThemes, injectSurfaceThemesPrefix, injectTemplateRef, injectTitleConfig, injectTitleStore, injectUrl, injectViewportConfig, injectViewportDimensions, injectViewportSize, injectWarningTheme, isArray, isElementSignal, isElementVisible, isFocusable, isGroupMatch, isHTMLElement, isKnockoutMatch, isObject, maybeSignalValue, memoizeSignal, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, numberBreakpointAttribute, numberBreakpointTransform, previousSignalValue, provideBoundaryElement, provideBreakpointInstance, provideBreakpointObserver, provideColorThemes, provideColorThemesWithTailwind4, provideFocusVisibleTracker, provideLinkStore, provideLinkStoreConfig, provideLocale, provideMetaConfig, provideMetaStore, provideOverlayRuntime, provideRenderer, provideStructuredDataConfig, provideStructuredDataStore, provideStyleManager, provideSurfaceContextTracker, provideSurfaceThemesWithTailwind4, provideTitleConfig, provideTitleStore, provideViewportConfig, resolveSurfaceByElevation, round, routerDisableScrollTop, scrollToElement, setBackdropStyles, setBaseElementStyles, setCookie, setInputSignal, setupFocusTrap, setupPositioning, setupScrollRestoration, signalAnimatedNumber, signalAttributes, signalClasses, signalElementChildren, signalElementDimensions, signalElementIntersection, signalElementLastScrollDirection, signalElementMutations, signalElementScrollState, signalHostAttributes, signalHostClasses, signalHostElementDimensions, signalHostElementIntersection, signalHostElementLastScrollDirection, signalHostElementMutations, signalHostElementScrollState, signalHostStyles, signalIsRendered, signalStyles, switchQueryListChanges, syncSignal, templateComputed, toArray, toArrayTrackByFn, toStringBinding, transformOrReturn, typedBreakpointTransform, unbindProps, useCursorDragScroll, writeScrollbarSizeToCssVariables, writeViewportSizeToCssVariables, ɵProvideColorThemes, ɵProvideColorThemesPrefix, ɵProvideSurfaceThemes, ɵProvideSurfaceThemesPrefix };
+export type { AlternateLanguagesConfig, AlternateLink, AngularRenderer, AnimatedLifecycleState, AnimatedNumberSignal, AnimatedOverlayComponentBase, AnimatedOverlayMountConfig, AnimatedOverlayState, AnimationEndEvent, AnyTemplateType, ArticleConfig, BindPropsOptions, BoolBreakpointSignal, Breakpoint, BreakpointInput, BreakpointMap, BuildMediaQueryOptions, BuildSignalEffectsConfig, ColorTheme, ColorThemeType, ComponentTemplate, ComponentTypeWithInputs, ConsentHandler, ControlValueSignalOptions, CreateLoggerConfig, CreatePropsOptions, CreateProviderOptions, CreateSessionMemoryConfig, CreateUserConsentProviderOptions, CurrentElementVisibility, CursorDragScrollDirection, CursorDragScrollOptions, DragMoveEvent, ElementDimensions, ElementLastScrollDirection, ElementLastScrollDirectionType, ElementRect, ElementScrollState, ElementSignal, ElementSignalValue, ElementSize, FacebookCard, FlipAnimationConfig, HeadBinding, HostProps, InjectQueryParamConfig, InjectUtilConfig, InjectUtilTransformConfig, IntersectionObserverEntryWithDetails, IsElementVisibleOptions, LinkConfig, LinkStoreConfig, LogicalSize, MaybeObservable, MaybeSignal, MetaConfig, MetaTagConfig, NgClassType, NgTemplateTemplate, NormalizedGameResultType, NormalizedMatchParticipant, NormalizedMatchParticipants, NormalizedMatchScore, NullableElementDimensions, NumberBreakpointSignal, OnThemeColorMap, OpenGraph, OpenGraphConfig, OverlayRuntimeAnchoredPosition, OverlayRuntimeAutoFocusTarget, OverlayRuntimeCenteredPosition, OverlayRuntimeCloseEvent, OverlayRuntimeCloseSource, OverlayRuntimeComponentBase, OverlayRuntimeElements, OverlayRuntimeMountConfig, OverlayRuntimePositionStrategy, OverlayRuntimeRef, OverlayRuntimeRole, OverlayRuntimeState, PropHandlers, Props, PropsAttachedElements, PropsAttachedElementsInternal, PropsInternal, ProviderResult, ResizeEdge, ResizeMoveEvent, ResourceHintsConfig, RobotsConfig, RootProviderResult, RouterDisableScrollTopConfig, RouterState, ScrollContainerTarget, ScrollItemTarget, ScrollSnapOrigin, ScrollSnapTarget, ScrollToElementOptions, SeoConfig, SetupScrollRestorationConfig, SignalAnimatedNumberOptions, SignalElementBindingComplexType, SignalElementBindingType, SignalElementIntersectionOptions, SignalElementScrollStateOptions, SocialMediaConfig, StaticProviderResult, StringTemplate, StructuredDataConfig, StyleManager, SurfaceContextEntry, SurfaceContextTracker, SurfaceInteractionColor, SurfaceTheme, SurfaceThemeColor, SurfaceType, SyncSignalOptions, TemplateRefWithContext, ThemeColor, ThemeColorMap, ThemeHSLColor, ThemeInkColorMap, ThemeRGBColor, ThemeSwatch, TitleConfig, TitlePart, Translatable, TwitterCard, TwitterCardConfig, TypedBreakpointSignal, UnbindPropsOptions, ValidateAtLeastOneRequiredConfig, Vec2, ViewportConfig };