@ethlete/components 1.0.0-next.24 → 1.0.0-next.26

package/types/ethlete-components.d.ts

@@ -1,9 +1,9 @@
 import * as _angular_core from '@angular/core';
-import { Signal, WritableSignal, InjectionToken, ElementRef, TemplateRef, ViewContainerRef, Injector, Binding, StaticProvider, Provider, Type, InputSignal, OnInit, ComponentRef, ModelSignal, OnDestroy, computed, EnvironmentInjector, ApplicationRef } from '@angular/core';
+import { Signal, WritableSignal, InjectionToken, ElementRef, TemplateRef, ViewContainerRef, Injector, Binding, StaticProvider, Provider, Type, OnInit, InputSignal, ComponentRef, ModelSignal, OnDestroy, computed, EnvironmentInjector, ApplicationRef } from '@angular/core';
 import * as _ethlete_core from '@ethlete/core';
-import { AnimatableDirective, OverlayRuntimeCloseSource, OverlayRuntimePositionStrategy, OverlayRuntimeCloseEvent, OverlayRuntimeRef, Breakpoint, AnimatedLifecycleDirective, AnimatedSizeAxis, ColorTheme, ResizeEdge, DragHandleDirective, ResizeMoveEvent, AnimatedLifecycleState, OverlayRuntimeShiftOptions, AngularRenderer, OverlayRuntimeAnimationDelegate, ScrollObserverDirective, ScrollToElementOptions, ConsentHandler, ProvideColorDirective } from '@ethlete/core';
+import { AnimatableDirective, OverlayRuntimeCloseSource, OverlayRuntimeCloseGuard, OverlayRuntimePositionStrategy, OverlayRuntimeCloseEvent, OverlayRuntimeRef, Breakpoint, AnimatedLifecycleDirective, AnimatedSizeAxis, ColorTheme, ResizeEdge, DragHandleDirective, ResizeMoveEvent, CreateUnsavedChangesTrackerConfig, UnsavedChangesTrackerRef, AnimatedLifecycleState, OverlayRuntimeShiftOptions, AngularRenderer, OverlayRuntimeAnimationDelegate, ScrollObserverDirective, ScrollToElementOptions, ConsentHandler, ProvideColorDirective } from '@ethlete/core';
 import { Locale } from 'date-fns';
-import { AnyQueryCreator, RequestArgs, QueryArgsOf, ResponseType, QueryErrorResponse, QueryArgs, QueryCreator, AnyNewQuery, AnyV2QueryCreator, AnyLegacyQueryCreator, QueryDataOf, RequestError } from '@ethlete/query';
+import { AnyQueryCreator, RequestArgs, QueryArgsOf, ResponseType, QueryErrorResponse, RequestError, QueryArgs, QueryCreator, AnyV2QueryCreator, AnyLegacyQueryCreator, QueryDataOf } from '@ethlete/query';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
 import * as _angular_forms_signals from '@angular/forms/signals';
@@ -401,6 +401,7 @@ declare const CASCADER_ERROR_CODES: {
 
 declare const FORM_FIELD_ERROR_CODES: {
     readonly MISSING_CONTROL: 2200;
+    readonly MISSING_LABEL: 2201;
 };
 
 declare const FORM_FIELD_CONTROL_TYPES: {
@@ -445,11 +446,24 @@ type FormFieldControl = {
     describedBy: WritableSignal<string | null>;
     controlType: Signal<FormFieldControlType>;
     focused?: Signal<boolean>;
+    /**
+     * True while the control's own popup (a date picker, select/cascader panel, …) is open. The
+     * field keeps its focused styling while set — focus itself has moved into the detached overlay,
+     * so `:focus-visible` no longer matches the field.
+     */
+    expanded?: Signal<boolean>;
     hasValue?: Signal<boolean>;
     /** True while the committed text can't be parsed (date/time/duration typed entry). */
     parseError?: Signal<boolean>;
     /** User-facing message shown when `parseError` is set and there is no validation error. */
     parseErrorMessage?: Signal<string>;
+    /**
+     * True when the control carries an author-supplied accessible name (its own `aria-label` /
+     * `aria-labelledby`) independent of a projected `<et-label>`. The field's dev-time labelling
+     * guard treats such a control as named even without an `<et-label>`. Controls that only support
+     * `<et-label>` for labelling leave this unset.
+     */
+    hasCustomAccessibleName?: Signal<boolean>;
     activate(): void;
 };
 type HintComponentBase = object;
@@ -491,6 +505,8 @@ declare class FormFieldDirective implements FormFieldDirectiveBase {
     parseErrorMessage: _angular_core.Signal<string | null>;
     controlType: _angular_core.Signal<_ethlete_components.FormFieldControlType>;
     focused: _angular_core.Signal<boolean>;
+    /** Whether the registered control's popup (picker/select/cascader panel) is open. */
+    expanded: _angular_core.Signal<boolean>;
     hasValue: _angular_core.Signal<boolean>;
     isReadonly: _angular_core.Signal<boolean>;
     isDisabled: _angular_core.Signal<boolean>;
@@ -649,6 +665,8 @@ declare const wireFormSupport: (support: FormSupport, refs: {
     hintAnimatable: Signal<AnimatableDirective | undefined>;
 }) => void;
 
+/** A synchronous veto for a pending overlay close — see {@link OverlayRuntimeCloseGuard}. */
+type OverlayCloseGuard<TResult = unknown> = OverlayRuntimeCloseGuard<TResult | undefined>;
 declare const createOverlayRef: <TComponent extends object, TResult = unknown>(config: OverlayConfig) => {
     readonly id: string;
     readonly elements: _ethlete_core.OverlayRuntimeElements | null;
@@ -659,6 +677,8 @@ declare const createOverlayRef: <TComponent extends object, TResult = unknown>(c
     componentInstance: () => TComponent | null;
     close: (result?: TResult) => void;
     closeVia: (source: OverlayRuntimeCloseSource, result?: TResult) => void;
+    registerCloseGuard: (guard: OverlayCloseGuard<TResult>) => (() => void);
+    forceClose: (source?: OverlayRuntimeCloseSource, result?: TResult) => void;
     updatePositionStrategy: (strategy: OverlayRuntimePositionStrategy) => void;
     attachComponentInstanceOverride: (getter: () => TComponent | null) => void;
     afterOpened: () => Observable<void>;
@@ -678,6 +698,8 @@ declare const OVERLAY_REF: InjectionToken<{
     componentInstance: () => object | null;
     close: (result?: unknown) => void;
     closeVia: (source: OverlayRuntimeCloseSource, result?: unknown) => void;
+    registerCloseGuard: (guard: OverlayCloseGuard<unknown>) => () => void;
+    forceClose: (source?: OverlayRuntimeCloseSource, result?: unknown) => void;
     updatePositionStrategy: (strategy: OverlayRuntimePositionStrategy) => void;
     attachComponentInstanceOverride: (getter: () => object | null) => void;
     afterOpened: () => Observable<void>;
@@ -1074,6 +1096,15 @@ declare const registerSingleton: <T>(target: WritableSignal<T | null> | null | u
 declare abstract class TextFieldControlDirective implements FormFieldControl {
     private formField;
     touched: _angular_core.ModelSignal<boolean>;
+    /**
+     * View state for a bulk-edit field whose source values disagree. While set, the raw `value`
+     * stays untouched but is masked: the native control renders empty with `mixedLabel` as its
+     * placeholder. The first user edit that produces content commits over the raw value (replace
+     * semantics) and resolves `mixed`; external/programmatic value writes do not.
+     */
+    mixed: _angular_core.ModelSignal<boolean>;
+    /** Placeholder text shown while `mixed` is set — overrides the consumer placeholder. */
+    mixedLabel: _angular_core.InputSignal<string>;
     disabled: _angular_core.InputSignal<boolean>;
     readonly: _angular_core.InputSignal<boolean>;
     hidden: _angular_core.InputSignal<boolean>;
@@ -1081,18 +1112,34 @@ declare abstract class TextFieldControlDirective implements FormFieldControl {
     errors: _angular_core.InputSignal<readonly ValidationError.WithOptionalFieldTree[]>;
     required: _angular_core.InputSignal<boolean>;
     name: _angular_core.InputSignal<string>;
+    /**
+     * Author-supplied accessible name, forwarded onto the native control. Use this (or an
+     * `<et-label>`) when the field has no visible label — a placeholder is not an accessible name.
+     */
+    ariaLabel: _angular_core.InputSignal<string | null>;
+    /**
+     * Author-supplied `aria-labelledby`, forwarded onto the native control. Takes precedence over the
+     * id of a projected `<et-label>`.
+     */
+    ariaLabelledby: _angular_core.InputSignal<string | null>;
     shouldDisplayError: Signal<boolean>;
     describedBy: _angular_core.WritableSignal<string | null>;
     focused: _angular_core.WritableSignal<boolean>;
     /** @internal The element `activate()` focuses — the native control by default. */
     focusTarget: _angular_core.WritableSignal<HTMLElement | null>;
+    private registeredLabelId;
+    /**
+     * The `aria-labelledby` the native control should render: a consumer-supplied value wins,
+     * otherwise the id of a projected `<et-label>`.
+     */
     labelId: Signal<string | null>;
+    hasCustomAccessibleName: Signal<boolean>;
     /** The control-type tag the form-field switches its shell/aria on. */
     abstract controlType: Signal<FormFieldControlType>;
     constructor();
     activate(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextFieldControlDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TextFieldControlDirective, never, never, { "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TextFieldControlDirective, never, never, { "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; "mixedLabel": { "alias": "mixedLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "mixed": "mixedChange"; }, never, never, true, never>;
 }
 
 /** A single entry in a cascader's hierarchy. `T` is the consumer's value type. */
@@ -1213,6 +1260,8 @@ declare class CascaderDirective<T = unknown> implements FormValueControl<T | T[]
     private bottomSheetStrategy;
     /** The committed value: `T | null` in single mode, `T[]` with `multiple`. */
     value: _angular_core.ModelSignal<T | T[] | null>;
+    /** View state for a field whose source values disagree. The raw form value stays untouched. */
+    mixed: _angular_core.ModelSignal<boolean>;
     touched: _angular_core.ModelSignal<boolean>;
     open: _angular_core.ModelSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
@@ -1224,6 +1273,8 @@ declare class CascaderDirective<T = unknown> implements FormValueControl<T | T[]
     required: _angular_core.InputSignal<boolean>;
     name: _angular_core.InputSignal<string>;
     placeholder: _angular_core.InputSignal<string>;
+    /** Trigger text shown while `mixed` is set. */
+    mixedLabel: _angular_core.InputSignal<string>;
     /** The hierarchical source browsed by the cascader. Required. */
     dataSource: _angular_core.InputSignal<CascaderDataSource<T> | null>;
     /** Whether only leaves (`'leaf'`, default) or any node (`'any'`) can be committed as the value. */
@@ -1255,6 +1306,8 @@ declare class CascaderDirective<T = unknown> implements FormValueControl<T | T[]
     /** @internal Set by the trigger. The field also counts as focused while the panel is open. */
     triggerFocused: _angular_core.WritableSignal<boolean>;
     focused: Signal<boolean>;
+    /** @internal Keeps the form field in its focused style while the panel is open. */
+    expanded: Signal<boolean>;
     labelId: Signal<string | null>;
     /** @internal */
     registeredTrigger: _angular_core.WritableSignal<CascaderTriggerLike | null>;
@@ -1426,7 +1479,7 @@ declare class CascaderDirective<T = unknown> implements FormValueControl<T | T[]
     private resolveAnchorElement;
     private handleFrameClick;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CascaderDirective<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CascaderDirective<any>, "[etCascader]", ["etCascader"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "selectableLevels": { "alias": "selectableLevels"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "toErrorMessage": { "alias": "toErrorMessage"; "required": false; "isSignal": true; }; "mirrorPanelWidth": { "alias": "mirrorPanelWidth"; "required": false; "isSignal": true; }; "maxVisibleColumns": { "alias": "maxVisibleColumns"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "open": "openChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CascaderDirective<any>, "[etCascader]", ["etCascader"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "mixedLabel": { "alias": "mixedLabel"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "selectableLevels": { "alias": "selectableLevels"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "toErrorMessage": { "alias": "toErrorMessage"; "required": false; "isSignal": true; }; "mirrorPanelWidth": { "alias": "mirrorPanelWidth"; "required": false; "isSignal": true; }; "maxVisibleColumns": { "alias": "maxVisibleColumns"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "mixed": "mixedChange"; "touched": "touchedChange"; "open": "openChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
 }
 type CascaderSurfaceContext<T = unknown> = {
     $implicit: CascaderDirective<T>;
@@ -1656,7 +1709,7 @@ declare class CascaderComponent {
     /** Whether a breadcrumb's column is currently inside the window (its level is on screen). */
     protected isCrumbCurrent(columnIndex: number): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CascaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CascaderComponent, "et-cascader", never, { "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "backLabel": { "alias": "backLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof CascaderDirective; inputs: { "value": "value"; "touched": "touched"; "open": "open"; "dataSource": "dataSource"; "multiple": "multiple"; "selectableLevels": "selectableLevels"; "compareWith": "compareWith"; "toErrorMessage": "toErrorMessage"; "mirrorPanelWidth": "mirrorPanelWidth"; "maxVisibleColumns": "maxVisibleColumns"; "placeholder": "placeholder"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; "openChange": "openChange"; "opened": "opened"; "closed": "closed"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CascaderComponent, "et-cascader", never, { "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "backLabel": { "alias": "backLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof CascaderDirective; inputs: { "value": "value"; "mixed": "mixed"; "touched": "touched"; "open": "open"; "dataSource": "dataSource"; "multiple": "multiple"; "selectableLevels": "selectableLevels"; "compareWith": "compareWith"; "toErrorMessage": "toErrorMessage"; "mirrorPanelWidth": "mirrorPanelWidth"; "maxVisibleColumns": "maxVisibleColumns"; "mixedLabel": "mixedLabel"; "placeholder": "placeholder"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "valueChange": "valueChange"; "mixedChange": "mixedChange"; "touchedChange": "touchedChange"; "openChange": "openChange"; "opened": "opened"; "closed": "closed"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare const CASCADER_IMPORTS: readonly [typeof CascaderComponent, typeof CascaderPanelComponent, typeof CascaderDirective, typeof CascaderTriggerDirective, typeof CascaderSurfaceDirective, typeof CascaderColumnDirective, typeof CascaderNodeDirective, typeof CascaderSearchDirective, typeof CascaderSearchOptionDirective];
@@ -1780,8 +1833,15 @@ declare class ColorInputDirective extends TextFieldControlDirective implements F
      * and the value sync no-ops as a backstop.
      */
     interactive: _angular_core.Signal<boolean>;
-    /** The color the native input currently paints — `#000000` until a value is picked. */
+    /**
+     * The color the native input currently paints — `#000000` until a value is picked, and
+     * while mixed (the picker must not preselect and thereby reveal the hidden raw color).
+     */
     resolvedColor: _angular_core.Signal<string>;
+    /** The color the swatch paints — `null` while mixed so the CSS neutral treatment takes over. */
+    swatchColor: _angular_core.Signal<string | null>;
+    /** The text the value slot renders — `mixedLabel` while mixed, never the hidden raw color. */
+    displayValue: _angular_core.Signal<string>;
     controlType: _angular_core.WritableSignal<"color-input">;
     /**
      * The native color input this directive controls. Set automatically when the
@@ -1790,7 +1850,10 @@ declare class ColorInputDirective extends TextFieldControlDirective implements F
      */
     nativeControl: _angular_core.WritableSignal<HTMLInputElement | null>;
     constructor();
-    /** @internal */
+    /**
+     * @internal Routes a picked color from the native input into the model. Picking is the
+     * commit over a mixed state: it replaces the raw value and resolves `mixed`.
+     */
     syncFromNativeInput(inputElement: HTMLInputElement): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorInputDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ColorInputDirective, "[etColorInput]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
@@ -1808,7 +1871,7 @@ declare class ColorInputComponent {
      */
     protected blockWhenReadonly(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorInputComponent, "et-color-input", never, {}, {}, never, never, true, [{ directive: typeof ColorInputDirective; inputs: { "value": "value"; "disabled": "disabled"; "readonly": "readonly"; "hidden": "hidden"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorInputComponent, "et-color-input", never, {}, {}, never, never, true, [{ directive: typeof ColorInputDirective; inputs: { "value": "value"; "mixed": "mixed"; "mixedLabel": "mixedLabel"; "disabled": "disabled"; "readonly": "readonly"; "hidden": "hidden"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "aria-label": "aria-label"; "aria-labelledby": "aria-labelledby"; }; outputs: { "valueChange": "valueChange"; "mixedChange": "mixedChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare const COLOR_INPUT_IMPORTS: readonly [typeof ColorInputComponent, typeof ColorInputDirective];
@@ -1829,6 +1892,12 @@ declare const DATE_INPUT_ERROR_CODES: {
 type InputMaskHost = {
     /** The text model the mask writes — raw or masked per `maskValueMode`. */
     value: WritableSignal<string>;
+    /**
+     * Bulk-edit mixed state of the host, when it has one. While set, the mask leaves the
+     * host's (empty) mixed display alone instead of repainting the hidden raw value, and the
+     * first edit that produces raw content commits it and resolves the flag.
+     */
+    mixed?: WritableSignal<boolean>;
     /** Whether the field has focus — drives the guide display. */
     focused: Signal<boolean>;
     /** The native input element the mask rewrites. */
@@ -1892,7 +1961,7 @@ type DatePickerInputFieldBase = {
 declare abstract class DatePickerInputDirective implements FormValueControl<string | null>, FormFieldControl, DatePickerHost {
     private formField;
     private document;
-    protected defaultLocale: Locale | null;
+    defaultLocale: Locale | null;
     /** date-fns wire format used when `valueFormat` is unset — the token differs per control. */
     protected abstract defaultValueFormat: string;
     /** The form-field control-type tag (date-input / time-input / date-time-input). */
@@ -1909,6 +1978,8 @@ declare abstract class DatePickerInputDirective implements FormValueControl<stri
     abstract commitInput(raw: string): void;
     /** The wire value in `valueFormat`, or `null` while empty/unparseable. */
     value: _angular_core.ModelSignal<string | null>;
+    /** View state for a field whose source values disagree (bulk edit). The raw form value stays untouched. */
+    mixed: _angular_core.ModelSignal<boolean>;
     touched: _angular_core.ModelSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
     readonly: _angular_core.InputSignal<boolean>;
@@ -1917,6 +1988,12 @@ declare abstract class DatePickerInputDirective implements FormValueControl<stri
     required: _angular_core.InputSignal<boolean>;
     name: _angular_core.InputSignal<string>;
     placeholder: _angular_core.InputSignal<string>;
+    /**
+     * Field placeholder shown while `mixed` is set. Presentation only — a masked
+     * date field cannot render arbitrary text, so the field stays empty and the
+     * label shows through the placeholder slot; it never enters the form value.
+     */
+    mixedLabel: _angular_core.InputSignal<string>;
     /** date-fns format of the string value. Defaults to the control's format token. */
     valueFormat: _angular_core.InputSignal<string | undefined>;
     locale: _angular_core.InputSignal<Locale | null>;
@@ -1937,6 +2014,8 @@ declare abstract class DatePickerInputDirective implements FormValueControl<stri
     /** `true` while the field holds text that does not parse. */
     parseError: _angular_core.WritableSignal<boolean>;
     focused: _angular_core.WritableSignal<boolean>;
+    /** @internal Keeps the form field in its focused style while the picker overlay is open. */
+    expanded: Signal<boolean>;
     describedBy: _angular_core.WritableSignal<string | null>;
     /** @internal */
     registeredField: _angular_core.WritableSignal<DatePickerInputFieldBase | null>;
@@ -1947,6 +2026,8 @@ declare abstract class DatePickerInputDirective implements FormValueControl<stri
     interactive: Signal<boolean>;
     hasValue: Signal<boolean>;
     shouldDisplayError: Signal<boolean>;
+    /** What the field renders as its placeholder — `mixedLabel` while mixed masks the value. */
+    effectivePlaceholder: Signal<string>;
     labelId: Signal<string | null>;
     /** The `[etInputMask]` pattern derived from `displayFormat` — `null` while `mask` is off or the format is refused. */
     maskPattern: Signal<string | null>;
@@ -1958,9 +2039,9 @@ declare abstract class DatePickerInputDirective implements FormValueControl<stri
     openPicker(): void;
     closePicker(): void;
     togglePicker(): void;
-    protected resolveAnchorElement(): HTMLElement | undefined;
+    resolveAnchorElement(): HTMLElement | undefined;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatePickerInputDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DatePickerInputDirective, never, never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "pickerOpen": { "alias": "pickerOpen"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "pickerOpen": "pickerOpenChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DatePickerInputDirective, never, never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "mixedLabel": { "alias": "mixedLabel"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "pickerOpen": { "alias": "pickerOpen"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "mixed": "mixedChange"; "touched": "touchedChange"; "pickerOpen": "pickerOpenChange"; }, never, never, true, never>;
 }
 
 /**
@@ -2061,7 +2142,7 @@ declare class DateInputComponent {
     protected showClear: _angular_core.Signal<boolean>;
     protected handleClearClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateInputComponent, "et-date-input", never, { "pickerTriggerLabel": { "alias": "pickerTriggerLabel"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof DateInputDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "placeholder": "placeholder"; "parseErrorMessage": "parseErrorMessage"; "valueFormat": "valueFormat"; "displayFormat": "displayFormat"; "locale": "locale"; "mask": "mask"; "minDate": "minDate"; "maxDate": "maxDate"; "dateFilter": "dateFilter"; "pickerOpen": "pickerOpen"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; "pickerOpenChange": "pickerOpenChange"; }; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateInputComponent, "et-date-input", never, { "pickerTriggerLabel": { "alias": "pickerTriggerLabel"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof DateInputDirective; inputs: { "value": "value"; "mixed": "mixed"; "mixedLabel": "mixedLabel"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "placeholder": "placeholder"; "parseErrorMessage": "parseErrorMessage"; "valueFormat": "valueFormat"; "displayFormat": "displayFormat"; "locale": "locale"; "mask": "mask"; "minDate": "minDate"; "maxDate": "maxDate"; "dateFilter": "dateFilter"; "pickerOpen": "pickerOpen"; }; outputs: { "valueChange": "valueChange"; "mixedChange": "mixedChange"; "touchedChange": "touchedChange"; "pickerOpenChange": "pickerOpenChange"; }; }]>;
 }
 
 /** The template rendered inside a date control's picker overlay pane. */
@@ -2116,6 +2197,11 @@ declare class DateRangeInputDirective implements FormValueControl<DateRangeValue
     private defaultLocale;
     /** Wire values in `valueFormat`; a side is `null` while empty/unparseable. */
     value: _angular_core.ModelSignal<DateRangeValue>;
+    /**
+     * View state for a field whose source values disagree (bulk edit). One flag masks
+     * the whole range value — not per side. The raw form value stays untouched.
+     */
+    mixed: _angular_core.ModelSignal<boolean>;
     touched: _angular_core.ModelSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
     readonly: _angular_core.InputSignal<boolean>;
@@ -2125,6 +2211,12 @@ declare class DateRangeInputDirective implements FormValueControl<DateRangeValue
     name: _angular_core.InputSignal<string>;
     startPlaceholder: _angular_core.InputSignal<string>;
     endPlaceholder: _angular_core.InputSignal<string>;
+    /**
+     * Placeholder both fields show while `mixed` is set. Presentation only — a masked
+     * date field cannot render arbitrary text, so the fields stay empty and the label
+     * shows through the placeholder slot; it never enters the form value.
+     */
+    mixedLabel: _angular_core.InputSignal<string>;
     /** Message the form field shows when either side's typed text can't be parsed as a date. */
     parseErrorMessage: _angular_core.InputSignal<string>;
     /** date-fns format of the string values. Defaults to the `DATE_FORMAT` token. */
@@ -2164,6 +2256,8 @@ declare class DateRangeInputDirective implements FormValueControl<DateRangeValue
     describedBy: _angular_core.WritableSignal<string | null>;
     controlType: _angular_core.WritableSignal<"date-range-input">;
     focused: Signal<boolean>;
+    /** @internal Keeps the form field in its focused style while the picker overlay is open. */
+    expanded: Signal<boolean>;
     /** @internal */
     registeredTrigger: _angular_core.WritableSignal<DatePickerTriggerDirective | null>;
     /** @internal */
@@ -2193,6 +2287,8 @@ declare class DateRangeInputDirective implements FormValueControl<DateRangeValue
         start: Date | null;
         end: Date | null;
     }): void;
+    /** Clears both sides and any uncommitted field text — wired to the styled input's clear button. */
+    clearRange(): void;
     /** @internal */
     registerField(side: DateRangeSide, field: DateRangeInputFieldDirective): void;
     /** @internal */
@@ -2201,7 +2297,7 @@ declare class DateRangeInputDirective implements FormValueControl<DateRangeValue
     private writeSide;
     private resolveAnchorElement;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateRangeInputDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DateRangeInputDirective, "[etDateRangeInput]", ["etDateRangeInput"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "startPlaceholder": { "alias": "startPlaceholder"; "required": false; "isSignal": true; }; "endPlaceholder": { "alias": "endPlaceholder"; "required": false; "isSignal": true; }; "parseErrorMessage": { "alias": "parseErrorMessage"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "pickerOpen": { "alias": "pickerOpen"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "pickerOpen": "pickerOpenChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DateRangeInputDirective, "[etDateRangeInput]", ["etDateRangeInput"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "startPlaceholder": { "alias": "startPlaceholder"; "required": false; "isSignal": true; }; "endPlaceholder": { "alias": "endPlaceholder"; "required": false; "isSignal": true; }; "mixedLabel": { "alias": "mixedLabel"; "required": false; "isSignal": true; }; "parseErrorMessage": { "alias": "parseErrorMessage"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "pickerOpen": { "alias": "pickerOpen"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "mixed": "mixedChange"; "touched": "touchedChange"; "pickerOpen": "pickerOpenChange"; }, never, never, true, never>;
 }
 
 /**
@@ -2253,8 +2349,13 @@ declare class DateRangeInputComponent {
     startAriaLabel: _angular_core.InputSignal<string>;
     endAriaLabel: _angular_core.InputSignal<string>;
     pickerTriggerLabel: _angular_core.InputSignal<string>;
+    /** Shows a clear (×) control while a value is set and the field is in use. */
+    clearable: _angular_core.InputSignal<boolean>;
+    clearLabel: _angular_core.InputSignal<string>;
+    protected showClear: _angular_core.Signal<boolean>;
+    protected handleClearClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateRangeInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangeInputComponent, "et-date-range-input", never, { "startAriaLabel": { "alias": "startAriaLabel"; "required": false; "isSignal": true; }; "endAriaLabel": { "alias": "endAriaLabel"; "required": false; "isSignal": true; }; "pickerTriggerLabel": { "alias": "pickerTriggerLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof DateRangeInputDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "startPlaceholder": "startPlaceholder"; "endPlaceholder": "endPlaceholder"; "parseErrorMessage": "parseErrorMessage"; "valueFormat": "valueFormat"; "displayFormat": "displayFormat"; "locale": "locale"; "mask": "mask"; "minDate": "minDate"; "maxDate": "maxDate"; "dateFilter": "dateFilter"; "pickerOpen": "pickerOpen"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; "pickerOpenChange": "pickerOpenChange"; }; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangeInputComponent, "et-date-range-input", never, { "startAriaLabel": { "alias": "startAriaLabel"; "required": false; "isSignal": true; }; "endAriaLabel": { "alias": "endAriaLabel"; "required": false; "isSignal": true; }; "pickerTriggerLabel": { "alias": "pickerTriggerLabel"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof DateRangeInputDirective; inputs: { "value": "value"; "mixed": "mixed"; "mixedLabel": "mixedLabel"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "startPlaceholder": "startPlaceholder"; "endPlaceholder": "endPlaceholder"; "parseErrorMessage": "parseErrorMessage"; "valueFormat": "valueFormat"; "displayFormat": "displayFormat"; "locale": "locale"; "mask": "mask"; "minDate": "minDate"; "maxDate": "maxDate"; "dateFilter": "dateFilter"; "pickerOpen": "pickerOpen"; }; outputs: { "valueChange": "valueChange"; "mixedChange": "mixedChange"; "touchedChange": "touchedChange"; "pickerOpenChange": "pickerOpenChange"; }; }]>;
 }
 
 declare const DATE_RANGE_INPUT_IMPORTS: readonly [typeof DateRangeInputComponent, typeof DateRangeInputDirective, typeof DateRangeInputFieldDirective, typeof DatePickerTriggerDirective, typeof DatePickerSurfaceDirective];
@@ -2366,7 +2467,7 @@ declare class DateTimeInputComponent {
     protected handleClearClick(event: Event): void;
     protected setActivePane(pane: unknown): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateTimeInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimeInputComponent, "et-date-time-input", never, { "pickerTriggerLabel": { "alias": "pickerTriggerLabel"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "secondStep": { "alias": "secondStep"; "required": false; "isSignal": true; }; "dateTabLabel": { "alias": "dateTabLabel"; "required": false; "isSignal": true; }; "timeTabLabel": { "alias": "timeTabLabel"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof DateTimeInputDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "placeholder": "placeholder"; "parseErrorMessage": "parseErrorMessage"; "valueFormat": "valueFormat"; "displayFormat": "displayFormat"; "locale": "locale"; "mask": "mask"; "minDate": "minDate"; "maxDate": "maxDate"; "dateFilter": "dateFilter"; "pickerOpen": "pickerOpen"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; "pickerOpenChange": "pickerOpenChange"; }; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimeInputComponent, "et-date-time-input", never, { "pickerTriggerLabel": { "alias": "pickerTriggerLabel"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "secondStep": { "alias": "secondStep"; "required": false; "isSignal": true; }; "dateTabLabel": { "alias": "dateTabLabel"; "required": false; "isSignal": true; }; "timeTabLabel": { "alias": "timeTabLabel"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof DateTimeInputDirective; inputs: { "value": "value"; "mixed": "mixed"; "mixedLabel": "mixedLabel"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "placeholder": "placeholder"; "parseErrorMessage": "parseErrorMessage"; "valueFormat": "valueFormat"; "displayFormat": "displayFormat"; "locale": "locale"; "mask": "mask"; "minDate": "minDate"; "maxDate": "maxDate"; "dateFilter": "dateFilter"; "pickerOpen": "pickerOpen"; }; outputs: { "valueChange": "valueChange"; "mixedChange": "mixedChange"; "touchedChange": "touchedChange"; "pickerOpenChange": "pickerOpenChange"; }; }]>;
 }
 
 declare const DATE_TIME_INPUT_IMPORTS: readonly [typeof DateTimeInputComponent, typeof DateTimeInputDirective, typeof DateTimeInputFieldDirective, typeof DatePickerTriggerDirective, typeof DatePickerSurfaceDirective];
@@ -2386,6 +2487,8 @@ declare class DurationInputDirective implements FormValueControl<number | null>,
     private destroyRef;
     /** Total elapsed milliseconds, or `null` while empty/unparseable. */
     value: _angular_core.ModelSignal<number | null>;
+    /** View state for a field whose source values disagree (bulk edit). The raw form value stays untouched. */
+    mixed: _angular_core.ModelSignal<boolean>;
     touched: _angular_core.ModelSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
     readonly: _angular_core.InputSignal<boolean>;
@@ -2394,12 +2497,17 @@ declare class DurationInputDirective implements FormValueControl<number | null>,
     required: _angular_core.InputSignal<boolean>;
     name: _angular_core.InputSignal<string>;
     placeholder: _angular_core.InputSignal<string>;
+    /**
+     * Field placeholder shown while `mixed` is set. Presentation only — the field stays
+     * empty and the label shows through the placeholder slot; it never enters the form value.
+     */
+    mixedLabel: _angular_core.InputSignal<string>;
     /** Message the form field shows when typed text can't be parsed as a duration. */
     parseErrorMessage: _angular_core.InputSignal<string>;
     /** The segment layout: `h`/`m`/`s`/`S` token runs plus separators. @default `'mm:ss'` */
     durationFormat: _angular_core.InputSignal<string>;
     spec: _angular_core.Signal<_ethlete_components.DurationFormatSpec>;
-    /** The committed value formatted for display. */
+    /** The committed value formatted for display — masked (empty) while mixed. */
     displayValue: _angular_core.Signal<string>;
     /** The raw text currently in the field (tracked so unparseable input survives). */
     inputText: _angular_core.WritableSignal<string>;
@@ -2408,6 +2516,8 @@ declare class DurationInputDirective implements FormValueControl<number | null>,
     focused: _angular_core.WritableSignal<boolean>;
     shouldDisplayError: _angular_core.Signal<boolean>;
     hasValue: _angular_core.Signal<boolean>;
+    /** What the field renders as its placeholder — `mixedLabel` while mixed masks the value. */
+    effectivePlaceholder: _angular_core.Signal<string>;
     describedBy: _angular_core.WritableSignal<string | null>;
     controlType: _angular_core.WritableSignal<"duration-input">;
     labelId: _angular_core.Signal<string | null>;
@@ -2420,7 +2530,7 @@ declare class DurationInputDirective implements FormValueControl<number | null>,
     /** Parses typed text and commits the resulting value (or flags a parse error). */
     commitInput(rawValue: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DurationInputDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DurationInputDirective, "[etDurationInput]", ["etDurationInput"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "parseErrorMessage": { "alias": "parseErrorMessage"; "required": false; "isSignal": true; }; "durationFormat": { "alias": "durationFormat"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DurationInputDirective, "[etDurationInput]", ["etDurationInput"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "mixedLabel": { "alias": "mixedLabel"; "required": false; "isSignal": true; }; "parseErrorMessage": { "alias": "parseErrorMessage"; "required": false; "isSignal": true; }; "durationFormat": { "alias": "durationFormat"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "mixed": "mixedChange"; "touched": "touchedChange"; }, never, never, true, never>;
 }
 
 /**
@@ -2477,7 +2587,7 @@ declare class DurationInputComponent {
     protected showClear: _angular_core.Signal<boolean>;
     protected handleClearClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DurationInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DurationInputComponent, "et-duration-input", never, { "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof DurationInputDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "placeholder": "placeholder"; "parseErrorMessage": "parseErrorMessage"; "durationFormat": "durationFormat"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; }; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DurationInputComponent, "et-duration-input", never, { "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof DurationInputDirective; inputs: { "value": "value"; "mixed": "mixed"; "mixedLabel": "mixedLabel"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "placeholder": "placeholder"; "parseErrorMessage": "parseErrorMessage"; "durationFormat": "durationFormat"; }; outputs: { "valueChange": "valueChange"; "mixedChange": "mixedChange"; "touchedChange": "touchedChange"; }; }]>;
 }
 
 declare const DURATION_INPUT_IMPORTS: readonly [typeof DurationInputComponent, typeof DurationInputDirective, typeof DurationInputFieldDirective];
@@ -2544,7 +2654,7 @@ declare class TimeInputComponent {
     protected showClear: _angular_core.Signal<boolean>;
     protected handleClearClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimeInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimeInputComponent, "et-time-input", never, { "pickerTriggerLabel": { "alias": "pickerTriggerLabel"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "secondStep": { "alias": "secondStep"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof TimeInputDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "placeholder": "placeholder"; "parseErrorMessage": "parseErrorMessage"; "valueFormat": "valueFormat"; "displayFormat": "displayFormat"; "locale": "locale"; "mask": "mask"; "pickerOpen": "pickerOpen"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; "pickerOpenChange": "pickerOpenChange"; }; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimeInputComponent, "et-time-input", never, { "pickerTriggerLabel": { "alias": "pickerTriggerLabel"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "secondStep": { "alias": "secondStep"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof TimeInputDirective; inputs: { "value": "value"; "mixed": "mixed"; "mixedLabel": "mixedLabel"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "placeholder": "placeholder"; "parseErrorMessage": "parseErrorMessage"; "valueFormat": "valueFormat"; "displayFormat": "displayFormat"; "locale": "locale"; "mask": "mask"; "pickerOpen": "pickerOpen"; }; outputs: { "valueChange": "valueChange"; "mixedChange": "mixedChange"; "touchedChange": "touchedChange"; "pickerOpenChange": "pickerOpenChange"; }; }]>;
 }
 
 declare const TIME_INPUT_IMPORTS: readonly [typeof TimeInputComponent, typeof TimeInputDirective, typeof TimeInputFieldDirective, typeof DatePickerTriggerDirective, typeof DatePickerSurfaceDirective];
@@ -2566,6 +2676,64 @@ type DropzoneExistingFileInfo = {
     /** File size in bytes. */
     size?: number | null;
 };
+/**
+ * The upload error of a failed entry. Either the new query's `QueryErrorResponse` or the
+ * legacy v2 client's `RequestError`, depending on which upload flavor created the entry.
+ */
+type DropzoneUploadError = QueryErrorResponse | RequestError;
+/** The lifecycle state of a single file upload, abstracted away from the query flavor. */
+type DropzoneUploadState = 'uploading' | 'success' | 'error';
+/**
+ * @internal
+ * A per-file upload handle. It hides which query system runs the upload (the new
+ * `@ethlete/query` API or the legacy `V2QueryClient`) behind a uniform set of signals plus
+ * `execute`/`dispose`, so the dropzone directive and entry work the same for both flavors.
+ */
+type DropzoneUploadHandle<TValue> = {
+    /** Current upload lifecycle state. */
+    state: Signal<DropzoneUploadState>;
+    /** Upload progress in percent. `null` when indeterminate (or not uploading). */
+    progress: Signal<number | null>;
+    /** The raw upload error of the last failed attempt, kept for `uploadFail` consumers. */
+    error: Signal<DropzoneUploadError | null>;
+    /** The first human readable error message, normalized across query flavors. */
+    errorMessage: Signal<string | null>;
+    /** The resolved form control value. `null` until the upload succeeded. */
+    value: Signal<TValue | null>;
+    /** (Re)runs the upload with the frozen request args. Used for the initial upload and retries. */
+    execute: () => void;
+    /** Releases the underlying query (aborts an in-flight request). */
+    dispose: () => void;
+};
+/** @internal Options passed to a config's `createUploadHandle`. */
+type DropzoneUploadHandleOptions = {
+    file: File;
+    injector: Injector;
+};
+/**
+ * The resolved upload config the dropzone directive consumes. Both `createDropzoneUpload` (new
+ * query) and `createV2DropzoneUpload` (legacy v2) produce this shape — the query flavor lives
+ * entirely inside `createUploadHandle`.
+ */
+type ResolvedDropzoneUploadConfig<TValue = unknown> = {
+    /**
+     * Maps the upload response to the value that gets pushed into the form control
+     * (e.g. `(media) => media.uuid`).
+     */
+    selectValue: (response: any) => TValue;
+    /**
+     * Maps a value that is already part of the form control (edit forms) to display info.
+     * Called in a reactive context — reading signals inside it is supported, so async
+     * lookups can be modeled as signals updating over time.
+     *
+     * Required as soon as the form control can start with a non-empty value.
+     */
+    resolveExisting?: (value: TValue) => DropzoneExistingFileInfo;
+    /** @internal Creates a per-file upload handle. Set by `createDropzoneUpload` / `createV2DropzoneUpload`. */
+    createUploadHandle: (options: DropzoneUploadHandleOptions) => DropzoneUploadHandle<TValue>;
+};
+type AnyDropzoneUploadConfig<TValue = unknown> = ResolvedDropzoneUploadConfig<TValue>;
+/** The authoring config for `createDropzoneUpload` (new `@ethlete/query` API). */
 type DropzoneUploadConfig<TArgs extends QueryArgs = QueryArgs, TValue = unknown> = {
     /**
      * The query creator used to upload a single file (e.g. a POST multipart route).
@@ -2598,13 +2766,67 @@ type DropzoneUploadConfig<TArgs extends QueryArgs = QueryArgs, TValue = unknown>
      */
     resolveExisting?: (value: TValue) => DropzoneExistingFileInfo;
 };
-type AnyDropzoneUploadConfig<TValue = unknown> = DropzoneUploadConfig<any, TValue>;
+/** The args accepted by a legacy v2 creator's `prepare()` — includes `mock`/`config` extras. */
+type V2DropzonePrepareArgsOf<TCreator extends AnyV2QueryCreator | AnyLegacyQueryCreator> = Parameters<TCreator['prepare']>[0];
 /**
- * Identity helper that correlates the query args type with the form control value type,
- * so `DropzoneUploadConfig` objects get full type inference at the definition site.
+ * The authoring config for `createV2DropzoneUpload` — the legacy `V2QueryClient` counterpart of
+ * `DropzoneUploadConfig`, for apps that haven't migrated to the new `@ethlete/query` API yet.
  */
-declare const createDropzoneUpload: <TArgs extends QueryArgs, TValue>(config: DropzoneUploadConfig<TArgs, TValue>) => DropzoneUploadConfig<TArgs, TValue>;
+type V2DropzoneUploadConfig<TCreator extends AnyV2QueryCreator | AnyLegacyQueryCreator, TValue> = {
+    /**
+     * The legacy query creator used to upload a single file (from `V2QueryClient`'s `post`/`put`,
+     * or a `createLegacyQueryCreator` interop wrapper). A fresh query is prepared and executed per
+     * file, and re-prepared on retry.
+     *
+     * For per-file upload progress, create it with `reportProgress: true` and make sure the app
+     * uses the XHR `HttpClient` backend. Without progress information the dropzone falls back to an
+     * indeterminate progress display.
+     */
+    queryCreator: TCreator;
+    /**
+     * Builds the `prepare()` args for one file.
+     * Override to change the multipart field name or to add extra fields, path params,
+     * query params or headers.
+     *
+     * @default (file) => ({ body: FormData with the file appended as "file" })
+     */
+    createArgs?: (file: File) => V2DropzonePrepareArgsOf<TCreator>;
+    /**
+     * Maps the upload response to the value that gets pushed into the form control
+     * (e.g. `(media) => media.uuid`).
+     */
+    selectValue: (response: NonNullable<QueryDataOf<TCreator>>) => TValue;
+    /**
+     * Maps a value that is already part of the form control (edit forms) to display info.
+     * Called in a reactive context — reading signals inside it is supported, so async
+     * lookups can be modeled as signals updating over time.
+     *
+     * Required as soon as the form control can start with a non-empty value.
+     */
+    resolveExisting?: (value: TValue) => DropzoneExistingFileInfo;
+};
 declare const createDefaultDropzoneArgs: (file: File) => RequestArgs<QueryArgs>;
+/**
+ * Builds a dropzone upload config from a **new `@ethlete/query`** query creator. Pass the result
+ * to the dropzone's `upload` input.
+ *
+ * For apps still on the legacy `V2QueryClient`, use {@link createV2DropzoneUpload} instead.
+ */
+declare const createDropzoneUpload: <TArgs extends QueryArgs, TValue>(config: DropzoneUploadConfig<TArgs, TValue>) => AnyDropzoneUploadConfig<TValue>;
+/**
+ * The legacy `V2QueryClient` counterpart of {@link createDropzoneUpload}. Builds a dropzone upload
+ * config from a legacy v2 query creator (or a `createLegacyQueryCreator` interop wrapper), so apps
+ * that haven't migrated to the new query API can still use the dropzone. Pass the result to the
+ * same `upload` input.
+ *
+ * ```ts
+ * upload = createV2DropzoneUpload({
+ *   queryCreator: client.post({ route: '/media', types: { … }, reportProgress: true }),
+ *   selectValue: (media) => media.uuid,
+ * });
+ * ```
+ */
+declare const createV2DropzoneUpload: <TCreator extends AnyV2QueryCreator | AnyLegacyQueryCreator, TValue>(config: V2DropzoneUploadConfig<TCreator, TValue>) => AnyDropzoneUploadConfig<TValue>;
 
 declare const DROPZONE_ENTRY_STATUSES: {
     readonly UPLOADING: "uploading";
@@ -2635,21 +2857,19 @@ type DropzoneEntry<TValue = unknown> = {
     /** Upload progress in percent. `null` means indeterminate (or not uploading). */
     progress: Signal<number | null>;
     /** The upload error, if the last upload attempt failed. */
-    error: Signal<QueryErrorResponse | null>;
+    error: Signal<DropzoneUploadError | null>;
+    /** The first human readable error message of a failed upload, normalized across query flavors. */
+    errorMessage: Signal<string | null>;
     /** The form control value of this entry. `null` until the upload succeeded. */
     value: Signal<TValue | null>;
-    /** @internal The upload query. `null` for existing entries. */
-    query: AnyNewQuery | null;
-    /** @internal The frozen request args of the upload. Reused for retries. */
-    args: RequestArgs<QueryArgs> | null;
+    /** @internal The upload handle driving this entry. `null` for existing entries. */
+    handle: DropzoneUploadHandle<TValue> | null;
     /** @internal Object URL that must be revoked when the entry is disposed. */
     objectUrl: string | null;
 };
 type CreateFileDropzoneEntryOptions<TValue> = {
     file: File;
-    query: AnyNewQuery;
-    args: RequestArgs<QueryArgs>;
-    selectValue: (response: unknown) => TValue;
+    handle: DropzoneUploadHandle<TValue>;
 };
 declare const createFileDropzoneEntry: <TValue>(options: CreateFileDropzoneEntryOptions<TValue>) => DropzoneEntry<TValue>;
 type CreateExistingDropzoneEntryOptions<TValue> = {
@@ -2974,6 +3194,10 @@ declare class InputDirective extends TextFieldControlDirective implements FormVa
     private nativeSyncSuppressed;
     hasValue: _angular_core.Signal<boolean>;
     controlType: _angular_core.WritableSignal<"text-input">;
+    /** The text the native input renders — empty while mixed so the raw value never reaches the DOM. */
+    displayValue: _angular_core.Signal<string>;
+    /** The placeholder the native input renders — `mixedLabel` overrides the consumer placeholder while mixed. */
+    effectivePlaceholder: _angular_core.Signal<string>;
     /**
      * The native input element this directive controls. Set automatically when the
      * directive is placed on an `<input>` element; otherwise the hosting component
@@ -2987,10 +3211,16 @@ declare class InputDirective extends TextFieldControlDirective implements FormVa
     resumeNativeSync(): void;
     /**
      * Keeps the model in sync while typing. The wrapper components also bind `(input)` on their
-     * inner element, so this is redundant there (it writes the same value); its real job is the
-     * standalone `input[etInput]` case, which otherwise has no listener updating the model.
+     * inner element, so this is redundant there (it routes through the same sync); its real job is
+     * the standalone `input[etInput]` case, which otherwise has no listener updating the model.
      */
     protected handleNativeInput(event: Event): void;
+    /**
+     * @internal Routes a user edit from the native input into the model. Typing is the commit
+     * over a mixed state: the first edit that produces content replaces the raw value and
+     * resolves `mixed`; an edit that leaves the input empty keeps both untouched.
+     */
+    syncFromNativeInput(inputElement: HTMLInputElement): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputDirective, "[etInput]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "textAlign": { "alias": "textAlign"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
@@ -3005,20 +3235,30 @@ declare class NumberInputDirective extends TextFieldControlDirective implements
     textAlign: _angular_core.InputSignal<InputTextAlignment>;
     hasValue: _angular_core.Signal<boolean>;
     controlType: _angular_core.WritableSignal<"number-input">;
+    /** What the native input renders — empty while mixed so the raw value never reaches the DOM. */
+    displayValue: _angular_core.Signal<number | "">;
+    /** The placeholder the native input renders — `mixedLabel` overrides the consumer placeholder while mixed. */
+    effectivePlaceholder: _angular_core.Signal<string>;
     /**
      * The native input element this directive controls. Set automatically when the
      * directive is placed on an `<input>` element; otherwise the hosting component
      * registers it.
      */
     nativeControl: _angular_core.WritableSignal<HTMLInputElement | null>;
+    /** The value stepping starts from — `0` while mixed (deriving from the hidden raw value would leak it). */
+    private steppingBase;
     /** Whether stepping up would change the value — `false` at the `max` bound or while non-interactive. */
     canStepUp: _angular_core.Signal<boolean>;
     /** Whether stepping down would change the value — `false` at the `min` bound or while non-interactive. */
     canStepDown: _angular_core.Signal<boolean>;
     constructor();
-    /** Steps the value by `step` (an empty value starts from `0`), clamped to `min`/`max`. */
+    /** Steps the value by `step` (an empty or mixed value starts from `0`), clamped to `min`/`max`. */
     stepBy(direction: 1 | -1): void;
-    /** @internal */
+    /**
+     * @internal Routes a user edit from the native input into the model. Typing is the commit
+     * over a mixed state: the first edit that produces content replaces the raw value and
+     * resolves `mixed`; an edit that leaves the input empty keeps both untouched.
+     */
     syncFromNativeInput(inputElement: HTMLInputElement): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberInputDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NumberInputDirective, "[etNumberInput]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "textAlign": { "alias": "textAlign"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
@@ -3035,12 +3275,17 @@ declare class PasswordInputDirective extends TextFieldControlDirective implement
     /**
      * A 0–4 typing-feedback score from a simple length + character-class heuristic —
      * render it however you like (deliberately not a zxcvbn-style security estimate).
+     * `0` while mixed — scoring the hidden raw value would leak information about it.
      */
     strength: _angular_core.Signal<number>;
     /** The native `type` the input element should carry. */
     inputType: _angular_core.Signal<"text" | "password">;
     hasValue: _angular_core.Signal<boolean>;
     controlType: _angular_core.WritableSignal<"password-input">;
+    /** The text the native input renders — empty while mixed so the raw value never reaches the DOM. */
+    displayValue: _angular_core.Signal<string>;
+    /** The placeholder the native input renders — `mixedLabel` overrides the consumer placeholder while mixed. */
+    effectivePlaceholder: _angular_core.Signal<string>;
     /**
      * The native input element this directive controls. Set automatically when the
      * directive is placed on an `<input>` element; otherwise the hosting component
@@ -3048,6 +3293,12 @@ declare class PasswordInputDirective extends TextFieldControlDirective implement
      */
     nativeControl: _angular_core.WritableSignal<HTMLInputElement | null>;
     constructor();
+    /**
+     * @internal Routes a user edit from the native input into the model. Typing is the commit
+     * over a mixed state: the first edit that produces content replaces the raw value and
+     * resolves `mixed`; an edit that leaves the input empty keeps both untouched.
+     */
+    syncFromNativeInput(inputElement: HTMLInputElement): void;
     toggleRevealed(): void;
     /**
      * Feed keyboard or pointer events from the native input so `capsLockOn` stays current.
@@ -3066,7 +3317,7 @@ declare class InputComponent {
     constructor();
     syncNativeValue(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "et-input", never, {}, {}, never, never, true, [{ directive: typeof InputDirective; inputs: { "type": "type"; "placeholder": "placeholder"; "autocomplete": "autocomplete"; "textAlign": "textAlign"; "value": "value"; "disabled": "disabled"; "readonly": "readonly"; "hidden": "hidden"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "et-input", never, {}, {}, never, never, true, [{ directive: typeof InputDirective; inputs: { "type": "type"; "placeholder": "placeholder"; "autocomplete": "autocomplete"; "textAlign": "textAlign"; "value": "value"; "mixed": "mixed"; "mixedLabel": "mixedLabel"; "disabled": "disabled"; "readonly": "readonly"; "hidden": "hidden"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "aria-label": "aria-label"; "aria-labelledby": "aria-labelledby"; }; outputs: { "valueChange": "valueChange"; "mixedChange": "mixedChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class NumberInputComponent {
@@ -3086,7 +3337,7 @@ declare class NumberInputComponent {
     protected startStepRepeat(event: PointerEvent, direction: 1 | -1): void;
     protected stopStepRepeat(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberInputComponent, "et-number-input", never, { "stepper": { "alias": "stepper"; "required": false; "isSignal": true; }; "incrementLabel": { "alias": "incrementLabel"; "required": false; "isSignal": true; }; "decrementLabel": { "alias": "decrementLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NumberInputDirective; inputs: { "min": "min"; "max": "max"; "step": "step"; "placeholder": "placeholder"; "autocomplete": "autocomplete"; "textAlign": "textAlign"; "value": "value"; "disabled": "disabled"; "readonly": "readonly"; "hidden": "hidden"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberInputComponent, "et-number-input", never, { "stepper": { "alias": "stepper"; "required": false; "isSignal": true; }; "incrementLabel": { "alias": "incrementLabel"; "required": false; "isSignal": true; }; "decrementLabel": { "alias": "decrementLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NumberInputDirective; inputs: { "min": "min"; "max": "max"; "step": "step"; "placeholder": "placeholder"; "autocomplete": "autocomplete"; "textAlign": "textAlign"; "value": "value"; "mixed": "mixed"; "mixedLabel": "mixedLabel"; "disabled": "disabled"; "readonly": "readonly"; "hidden": "hidden"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "aria-label": "aria-label"; "aria-labelledby": "aria-labelledby"; }; outputs: { "valueChange": "valueChange"; "mixedChange": "mixedChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class PasswordInputComponent {
@@ -3106,7 +3357,7 @@ declare class PasswordInputComponent {
     protected showCapsLockWarning(): boolean;
     syncNativeValue(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PasswordInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PasswordInputComponent, "et-password-input", never, { "revealable": { "alias": "revealable"; "required": false; "isSignal": true; }; "revealLabel": { "alias": "revealLabel"; "required": false; "isSignal": true; }; "hideLabel": { "alias": "hideLabel"; "required": false; "isSignal": true; }; "capsLockWarning": { "alias": "capsLockWarning"; "required": false; "isSignal": true; }; "capsLockLabel": { "alias": "capsLockLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof PasswordInputDirective; inputs: { "placeholder": "placeholder"; "autocomplete": "autocomplete"; "value": "value"; "revealed": "revealed"; "disabled": "disabled"; "readonly": "readonly"; "hidden": "hidden"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; "revealedChange": "revealedChange"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PasswordInputComponent, "et-password-input", never, { "revealable": { "alias": "revealable"; "required": false; "isSignal": true; }; "revealLabel": { "alias": "revealLabel"; "required": false; "isSignal": true; }; "hideLabel": { "alias": "hideLabel"; "required": false; "isSignal": true; }; "capsLockWarning": { "alias": "capsLockWarning"; "required": false; "isSignal": true; }; "capsLockLabel": { "alias": "capsLockLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof PasswordInputDirective; inputs: { "placeholder": "placeholder"; "autocomplete": "autocomplete"; "value": "value"; "mixed": "mixed"; "mixedLabel": "mixedLabel"; "revealed": "revealed"; "disabled": "disabled"; "readonly": "readonly"; "hidden": "hidden"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "aria-label": "aria-label"; "aria-labelledby": "aria-labelledby"; }; outputs: { "valueChange": "valueChange"; "mixedChange": "mixedChange"; "touchedChange": "touchedChange"; "revealedChange": "revealedChange"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare const INPUT_IMPORTS: readonly [typeof InputComponent, typeof InputDirective];
@@ -3471,7 +3722,6 @@ declare class RichTextEditorTriggersDirective {
     private buildAnchoredPosition;
     private setAriaExpanded;
     private assertUniqueTriggers;
-    private assertValidToken;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RichTextEditorTriggersDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RichTextEditorTriggersDirective, "[etRichTextEditorTriggers]", never, { "triggers": { "alias": "triggers"; "required": false; "isSignal": true; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -3593,6 +3843,13 @@ type RichTextEditorToolDefinition = {
 /** Multi-provider token opt-in tools register their {@link RichTextEditorToolDefinition} into. */
 declare const RICH_TEXT_EDITOR_TOOL: InjectionToken<RichTextEditorToolDefinition[]>;
 
+/** The type, id and label needed to render a token chip, plus the optional trigger char to show. */
+type RichTextEditorTokenChip = {
+    type: string;
+    id: string;
+    label: string;
+    prefix?: string;
+};
 /**
  * Bridges token chips and their serialized `{{type:id}}` Markdown form. The
  * {@link RichTextEditorTokenCodec.serialize} direction reconstructs the token purely from the
@@ -3607,12 +3864,20 @@ type RichTextEditorTokenCodec = {
     render: (html: string) => string;
     /** Asynchronously resolves chip labels in `root` and patches them in place. */
     hydrate: (root: HTMLElement) => void;
+    /**
+     * Resolves a `type`/`id` to the chip descriptor (label + trigger-char prefix) needed to build a
+     * chip element for a programmatic insert. The label resolves synchronously (falling back to the
+     * raw id); async resolvers are patched afterwards by {@link hydrate}. Powers the editor's public
+     * `insertToken` API.
+     */
+    resolveChip: (type: string, id: string) => RichTextEditorTokenChip;
 };
 
 declare class RichTextEditorDirective implements FormValueControl<string>, FormFieldControl {
     private formField;
     private destroyRef;
     private document;
+    private renderer;
     private toolsConfig;
     /** @internal */
     editorDom: {
@@ -3621,6 +3886,7 @@ declare class RichTextEditorDirective implements FormValueControl<string>, FormF
         restoreSelection: () => void;
         closestWithin: (node: Node | null, selector: string) => HTMLElement | null;
         markStates: () => RichTextMarkStates | null;
+        ensureCaret: () => boolean;
         insertToken: (node: Node) => void;
         toggleInline: (tag: InlineTag) => void;
         activeInlineTags: () => InlineTag[];
@@ -3751,12 +4017,40 @@ declare class RichTextEditorDirective implements FormValueControl<string>, FormF
     handleBackspace(): boolean;
     pasteHtml(html: string): boolean;
     insertAtomicToken(node: Node): void;
+    /**
+     * Inserts a `{{type:id}}` token chip at the caret — the same result as picking it from the `#`/`@`
+     * trigger popup — resolving its label via the matching trigger's `resolveItem`. Lets a consumer
+     * wire a click-to-insert palette (their own placeholder/merge-field buttons) in a single call,
+     * reusing the editor's codec and label resolution instead of appending token markdown to the value.
+     *
+     * Inserts at the current caret, or — if the editor isn't focused — at the position it last held,
+     * falling back to the end of the content. The caret is left after the chip. A token codec must be
+     * installed (by `[etRichTextEditorTriggers]` or `provideRichTextEditorTokenRendering`); without one
+     * token markdown can't round-trip, so this throws in dev and no-ops in production.
+     *
+     * @param opts.focus Focus the editor after inserting so the user can keep typing. @default true
+     */
+    insertToken(type: string, id: string, opts?: {
+        focus?: boolean;
+    }): void;
+    /**
+     * Like {@link insertToken}, but for when the app already holds the resolved `{ id, label }` item
+     * (e.g. the row a palette button represents) — the label is used as-is, skipping resolution. The
+     * trigger-char prefix still comes from the installed codec, so the chip matches the popup's.
+     *
+     * @param opts.focus Focus the editor after inserting so the user can keep typing. @default true
+     */
+    insertTokenItem(type: string, item: RichTextEditorTriggerItem, opts?: {
+        focus?: boolean;
+    }): void;
+    private requireTokenCodec;
+    private insertChip;
     private serializeCleanHtml;
     private toggleMark;
     private reflectMarks;
     private runCommand;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RichTextEditorDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RichTextEditorDirective, "[etRichTextEditor]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "tools": { "alias": "tools"; "required": false; "isSignal": true; }; "autoformat": { "alias": "autoformat"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RichTextEditorDirective, "[etRichTextEditor]", ["etRichTextEditor"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "tools": { "alias": "tools"; "required": false; "isSignal": true; }; "autoformat": { "alias": "autoformat"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
 }
 
 declare class RichTextEditorFloatingToolbarComponent {
@@ -3828,6 +4122,55 @@ declare class RichTextEditorLinkEditorComponent {
  */
 declare const RICH_TEXT_EDITOR_TOKEN_CODEC: InjectionToken<RichTextEditorTokenCodec>;
 
+/** A trigger and the items it currently offers, rendered as one run of chip buttons. */
+type RichTextEditorTokenPaletteGroup = {
+    trigger: RichTextEditorTrigger;
+    items: readonly RichTextEditorTriggerItem[];
+};
+/**
+ * An opt-in row of click-to-insert token chips, driven by the same `RichTextEditorTrigger[]` as the
+ * `#`/`@` popup. Clicking a chip inserts its `{{type:id}}` token into the bound editor at the caret
+ * (via {@link RichTextEditorDirective.insertTokenItem}) — the palette equivalent of picking it from
+ * the popup — so apps get a merge-field/placeholder palette without re-implementing chip rendering,
+ * label resolution, or caret handling.
+ *
+ * Point it at the editor with `[editor]` (a template ref to the `[etRichTextEditor]` directive) and
+ * pass the trigger config with `[triggers]`. Only items available for an empty query are shown, so
+ * static-array sources list all their items while search-only (`minQueryLength`) sources stay empty
+ * — a palette is for fixed sets, not search. The editor must have a token codec installed (by
+ * `[etRichTextEditorTriggers]` or `provideRichTextEditorTokenRendering`) so tokens (de)serialize.
+ *
+ * ```html
+ * <et-rich-text-editor #rte="etRichTextEditor" [triggers]="triggers" etRichTextEditorTriggers />
+ * <et-rich-text-editor-token-palette [editor]="rte" [triggers]="triggers" />
+ * ```
+ */
+declare class RichTextEditorTokenPaletteComponent {
+    /** The editor to insert into — a template ref to its `[etRichTextEditor]` directive. */
+    editor: _angular_core.InputSignal<RichTextEditorDirective>;
+    /** The triggers whose items become chip buttons. Use the same array as the editor's triggers. */
+    triggers: _angular_core.InputSignal<readonly RichTextEditorTrigger[]>;
+    /** Accessible name for the palette group. */
+    label: _angular_core.InputSignal<string>;
+    /** Focus the editor after inserting so the user can keep typing. */
+    focusEditorOnInsert: _angular_core.InputSignal<boolean>;
+    private groups;
+    /** Only groups that actually have items to offer — empty (e.g. search-only) triggers are dropped. */
+    protected visibleGroups: _angular_core.Signal<RichTextEditorTokenPaletteGroup[]>;
+    /** Chips are inert while the editor can't take an edit. */
+    protected editorInactive: _angular_core.Signal<boolean>;
+    protected insert(trigger: RichTextEditorTrigger, item: RichTextEditorTriggerItem): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RichTextEditorTokenPaletteComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RichTextEditorTokenPaletteComponent, "et-rich-text-editor-token-palette", never, { "editor": { "alias": "editor"; "required": true; "isSignal": true; }; "triggers": { "alias": "triggers"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "focusEditorOnInsert": { "alias": "focusEditorOnInsert"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Opt-in click-to-insert token palette. Spread this into a component's `imports` alongside
+ * `RICH_TEXT_EDITOR_IMPORTS` when the editor should be paired with a row of merge-field/placeholder
+ * chip buttons. Kept separate so editors without a palette don't pull it in.
+ */
+declare const RICH_TEXT_EDITOR_TOKEN_PALETTE_IMPORTS: readonly [typeof RichTextEditorTokenPaletteComponent];
+
 /**
  * The caret-anchored autocomplete list opened by `[etRichTextEditorTriggers]`. Purely
  * presentational: it renders items / loading / error / empty states and reports selection and
@@ -4758,6 +5101,8 @@ declare class PhoneInputDirective implements FormValueControl<string>, FormField
     private destroyRef;
     /** Normalized `+<dialCode><national digits>` — empty string while nothing is entered. */
     value: _angular_core.ModelSignal<string>;
+    /** View state for a field whose source values disagree. The raw form value stays untouched. */
+    mixed: _angular_core.ModelSignal<boolean>;
     touched: _angular_core.ModelSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
     readonly: _angular_core.InputSignal<boolean>;
@@ -4766,11 +5111,15 @@ declare class PhoneInputDirective implements FormValueControl<string>, FormField
     required: _angular_core.InputSignal<boolean>;
     name: _angular_core.InputSignal<string>;
     placeholder: _angular_core.InputSignal<string>;
+    /** Field placeholder shown while `mixed` is set. */
+    mixedLabel: _angular_core.InputSignal<string>;
     defaultCountry: _angular_core.InputSignal<string>;
     /** ISO codes listed on top of the country dropdown. */
     preferredCountries: _angular_core.InputSignal<string[]>;
     shouldDisplayError: _angular_core.Signal<boolean>;
     hasValue: _angular_core.Signal<boolean>;
+    /** The placeholder the tel field currently shows — `mixedLabel` while mixed. */
+    effectivePlaceholder: _angular_core.Signal<string>;
     describedBy: _angular_core.WritableSignal<string | null>;
     controlType: _angular_core.WritableSignal<"phone-input">;
     focused: _angular_core.WritableSignal<boolean>;
@@ -4787,7 +5136,7 @@ declare class PhoneInputDirective implements FormValueControl<string>, FormField
      */
     country: _angular_core.WritableSignal<string>;
     dialCode: _angular_core.Signal<string>;
-    /** The digits after the dial code. */
+    /** The digits after the dial code. Mixed masks the hidden raw number — it is never displayed. */
     nationalNumber: _angular_core.Signal<string>;
     /**
      * Cosmetic display grouping (groups of three) — deliberately **not** metadata-driven
@@ -4809,9 +5158,15 @@ declare class PhoneInputDirective implements FormValueControl<string>, FormField
      * (`0171…` with Germany active → `+49171…`).
      */
     setNationalInput(raw: string): void;
+    /**
+     * Writes a user-typed value. While mixed, only a non-empty entry commits — it is built
+     * from scratch with the chosen country (never from the hidden number) and resolves mixed;
+     * an empty entry leaves the hidden raw value untouched.
+     */
+    private commitTypedValue;
     private dialCodeOf;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PhoneInputDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PhoneInputDirective, "[etPhoneInput]", ["etPhoneInput"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "defaultCountry": { "alias": "defaultCountry"; "required": false; "isSignal": true; }; "preferredCountries": { "alias": "preferredCountries"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PhoneInputDirective, "[etPhoneInput]", ["etPhoneInput"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "mixedLabel": { "alias": "mixedLabel"; "required": false; "isSignal": true; }; "defaultCountry": { "alias": "defaultCountry"; "required": false; "isSignal": true; }; "preferredCountries": { "alias": "preferredCountries"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "mixed": "mixedChange"; "touched": "touchedChange"; }, never, never, true, never>;
 }
 
 /** The tel field of a phone input — displays the national number, grouped while unfocused. */
@@ -4853,7 +5208,7 @@ declare class PhoneInputComponent {
     protected handleClearClick(event: Event): void;
     protected handleCountryChange(value: unknown): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PhoneInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PhoneInputComponent, "et-phone-input", never, { "countryLabel": { "alias": "countryLabel"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof PhoneInputDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "placeholder": "placeholder"; "defaultCountry": "defaultCountry"; "preferredCountries": "preferredCountries"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PhoneInputComponent, "et-phone-input", never, { "countryLabel": { "alias": "countryLabel"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof PhoneInputDirective; inputs: { "value": "value"; "mixed": "mixed"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "placeholder": "placeholder"; "mixedLabel": "mixedLabel"; "defaultCountry": "defaultCountry"; "preferredCountries": "preferredCountries"; }; outputs: { "valueChange": "valueChange"; "mixedChange": "mixedChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare const PHONE_INPUT_IMPORTS: readonly [typeof PhoneInputComponent, typeof PhoneInputDirective, typeof PhoneInputFieldDirective, typeof PhoneInputFlagDirective];
@@ -4864,6 +5219,10 @@ declare class RatingDirective implements FormValueControl<number | null>, FormFi
     private destroyRef;
     private elementRef;
     value: _angular_core.ModelSignal<number | null>;
+    /** View state for a field whose source values disagree. The raw form value stays untouched. */
+    mixed: _angular_core.ModelSignal<boolean>;
+    /** `aria-valuetext` announced while `mixed` is set. */
+    mixedLabel: _angular_core.InputSignal<string>;
     touched: _angular_core.ModelSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
     readonly: _angular_core.InputSignal<boolean>;
@@ -4881,7 +5240,10 @@ declare class RatingDirective implements FormValueControl<number | null>, FormFi
     step: _angular_core.Signal<1 | 0.5>;
     /** The value previewed under the pointer, set by the rendered icons. */
     hoverValue: _angular_core.WritableSignal<number | null>;
-    /** What the icons render: the hover preview wins over the committed value. */
+    /**
+     * What the icons render: the hover preview wins over the committed value. While mixed,
+     * the hidden raw value contributes nothing — no icon fills until the user hovers or commits.
+     */
     displayValue: _angular_core.Signal<number>;
     interactive: _angular_core.Signal<boolean>;
     shouldDisplayError: _angular_core.Signal<boolean>;
@@ -4903,9 +5265,11 @@ declare class RatingDirective implements FormValueControl<number | null>, FormFi
     commitPointer(value: number): void;
     protected handleBlur(): void;
     protected handleKeydown(event: KeyboardEvent): void;
+    /** Writes a user-chosen value with replace semantics — user commits resolve mixed. */
+    private commitUserValue;
     private clamp;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RatingDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RatingDirective, "[etRating]", ["etRating"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "allowHalf": { "alias": "allowHalf"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RatingDirective, "[etRating]", ["etRating"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; "mixedLabel": { "alias": "mixedLabel"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "allowHalf": { "alias": "allowHalf"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "mixed": "mixedChange"; "touched": "touchedChange"; }, never, never, true, never>;
 }
 
 type RatingIconContext = {
@@ -4964,7 +5328,7 @@ declare class RatingComponent {
     protected handleIconClick(index: number, event: MouseEvent): void;
     private valueFromPointer;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RatingComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RatingComponent, "et-rating", never, {}, {}, never, ["*", "et-hint"], true, [{ directive: typeof FormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof RatingDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "max": "max"; "allowHalf": "allowHalf"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RatingComponent, "et-rating", never, {}, {}, never, ["*", "et-hint"], true, [{ directive: typeof FormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof RatingDirective; inputs: { "value": "value"; "mixed": "mixed"; "mixedLabel": "mixedLabel"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "max": "max"; "allowHalf": "allowHalf"; }; outputs: { "valueChange": "valueChange"; "mixedChange": "mixedChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
 }
 
 declare const RATING_IMPORTS: readonly [typeof RatingComponent, typeof RatingDirective, typeof RatingIconDirective];
@@ -5074,6 +5438,7 @@ declare class SelectSearchDirective {
     protected controls: _angular_core.Signal<string | null>;
     protected activeDescendant: _angular_core.Signal<string | null>;
     protected isFull: _angular_core.Signal<boolean>;
+    protected describedBy: _angular_core.Signal<string | null>;
     constructor();
     /** @internal */
     isFocused(): boolean;
@@ -5082,6 +5447,8 @@ declare class SelectSearchDirective {
     /** @internal Selects a displayed value label on open, so typing replaces it (single select). */
     handleOpened(): void;
     clear(): void;
+    /** @internal Restores and selects the masked label after Escape without changing normal search behavior. */
+    restoreMixedDisplay(): void;
     protected handleInput(): void;
     protected handleKeydown(event: KeyboardEvent): void;
     protected handlePaste(event: ClipboardEvent): void;
@@ -5200,11 +5567,23 @@ declare const SELECT_FILTER_MODES: {
     readonly EXTERNAL: "external";
 };
 type SelectFilterMode = (typeof SELECT_FILTER_MODES)[keyof typeof SELECT_FILTER_MODES];
+/**
+ * The async option state a source (e.g. the bundle from `selectOptionsFromQuery`) pushes into a
+ * select via `[etSelectOptions]`. While one is set it overrides the `loading`/`error`/`hasMoreItems`
+ * inputs and forces `filterMode` to `external`. Structurally satisfied by `SelectOptionsFromQuery`.
+ */
+type SelectAsyncOptions = {
+    loading: Signal<boolean>;
+    error: Signal<string | null>;
+    hasMore: Signal<boolean>;
+};
 declare class SelectDirective implements FormValueControl<unknown>, FormFieldControl {
     private formField;
     private destroyRef;
     private document;
     value: _angular_core.ModelSignal<unknown>;
+    /** View state for a field whose source values disagree. The raw form value stays untouched. */
+    mixed: _angular_core.ModelSignal<boolean>;
     touched: _angular_core.ModelSignal<boolean>;
     open: _angular_core.ModelSignal<boolean>;
     multiple: _angular_core.InputSignal<boolean>;
@@ -5215,6 +5594,8 @@ declare class SelectDirective implements FormValueControl<unknown>, FormFieldCon
     required: _angular_core.InputSignal<boolean>;
     name: _angular_core.InputSignal<string>;
     placeholder: _angular_core.InputSignal<string>;
+    /** Trigger text shown while `mixed` is set. */
+    mixedLabel: _angular_core.InputSignal<string>;
     /**
      * Data-driven options: the select owns the option rows instead of the consumer projecting
      * `et-select-option`s, and windows their rendering (virtualization) — only rows near the
@@ -5224,7 +5605,7 @@ declare class SelectDirective implements FormValueControl<unknown>, FormFieldCon
      * with projected options (e.g. a pinned row), which render normally and are not windowed.
      */
     options: _angular_core.InputSignal<readonly SelectOptionData[] | null>;
-    filterMode: _angular_core.InputSignal<SelectFilterMode>;
+    filterModeInput: _angular_core.InputSignal<SelectFilterMode>;
     /** Enter with a search query that matches no option commits the raw query string as the value. */
     allowCustomValues: _angular_core.InputSignal<boolean>;
     /**
@@ -5244,25 +5625,56 @@ declare class SelectDirective implements FormValueControl<unknown>, FormFieldCon
     /** Renders an "Add new" row in `et-select`'s panel — clicking it emits `addNew`. */
     allowAddNew: _angular_core.InputSignal<boolean>;
     /** Async option state — rendered by `et-select` as a loading row inside the panel. */
-    loading: _angular_core.InputSignal<boolean>;
+    loadingInput: _angular_core.InputSignal<boolean>;
     /** Async option state — rendered by `et-select` as an error row inside the panel. */
-    error: _angular_core.InputSignal<string | null>;
+    errorInput: _angular_core.InputSignal<string | null>;
     /** Async option state — `et-select` renders a load-more control emitting `loadMore`. */
-    hasMoreItems: _angular_core.InputSignal<boolean>;
+    hasMoreItemsInput: _angular_core.InputSignal<boolean>;
     /** Whether the panel mirrors the anchor's width. Off for compact triggers (e.g. a country picker). */
     mirrorPanelWidth: _angular_core.InputSignal<boolean>;
+    /**
+     * Fire-and-forget picker mode (single select): committing an option emits `pickOption`
+     * without ever writing `value`, so the select stays empty and can feed an external list
+     * without the set-then-clear dance. No effect in multi select.
+     */
+    pickOnly: _angular_core.InputSignal<boolean>;
     queryChange: _angular_core.OutputEmitterRef<string>;
     loadMore: _angular_core.OutputEmitterRef<void>;
     /** The user picked the "Add new" row (`allowAddNew`). Emits the current search query for prefilling. */
     addNew: _angular_core.OutputEmitterRef<string>;
-    shouldDisplayError: _angular_core.Signal<boolean>;
-    hasValue: _angular_core.Signal<boolean>;
+    /**
+     * Single select committed an option — carries the picked value. In `pickOnly` mode this is
+     * the only pick signal and `value` is never mutated; otherwise it fires alongside the normal
+     * value selection.
+     */
+    pickOption: _angular_core.OutputEmitterRef<unknown>;
+    /**
+     * An async option source pushed in by `[etSelectOptions]` (from `selectOptionsFromQuery` /
+     * `selectOptionsFromV2Query`). While set it overrides the `loading`/`error`/`hasMoreItems`
+     * inputs and forces `filterMode` to `external`. `null` when the select is wired manually.
+     * @internal
+     */
+    asyncOptions: WritableSignal<SelectAsyncOptions | null>;
+    /** How a search query filters. Forced to `external` while an `[etSelectOptions]` source is set. */
+    filterMode: Signal<SelectFilterMode>;
+    /** Async option state — rendered by `et-select` as a loading row. From `[etSelectOptions]` if set. */
+    loading: Signal<boolean>;
+    /** Async option state — rendered by `et-select` as an error row. From `[etSelectOptions]` if set. */
+    error: Signal<string | null>;
+    /** Async option state — drives the load-more control. From `[etSelectOptions]` if set. */
+    hasMoreItems: Signal<boolean>;
+    shouldDisplayError: Signal<boolean>;
+    /** The raw value normalized to the selection the control currently exposes. Mixed has no effective selection. */
+    private effectiveValues;
+    hasValue: Signal<boolean>;
     describedBy: WritableSignal<string | null>;
     controlType: WritableSignal<"select">;
     /** @internal Set by the trigger. The field also counts as focused while the panel is open (focus may sit in the search input). */
     triggerFocused: WritableSignal<boolean>;
-    focused: _angular_core.Signal<boolean>;
-    labelId: _angular_core.Signal<string | null>;
+    focused: Signal<boolean>;
+    /** @internal Keeps the form field in its focused style while the panel is open. */
+    expanded: Signal<boolean>;
+    labelId: Signal<string | null>;
     /** @internal */
     registeredTrigger: WritableSignal<SelectTriggerDirective | null>;
     /** @internal */
@@ -5273,6 +5685,8 @@ declare class SelectDirective implements FormValueControl<unknown>, FormFieldCon
     registeredValueTemplate: WritableSignal<SelectValueDirective | null>;
     /** @internal */
     registeredSearch: WritableSignal<SelectSearchDirective | null>;
+    /** @internal ID of the component-rendered mixed label, when present. */
+    mixedLabelId: WritableSignal<string | null>;
     /** @internal */
     registeredLoadingTemplate: WritableSignal<SelectLoadingDirective | null>;
     /** @internal */
@@ -5293,19 +5707,19 @@ declare class SelectDirective implements FormValueControl<unknown>, FormFieldCon
      */
     activeItemSource: WritableSignal<"keyboard" | "pointer">;
     selection: SelectionState<unknown, SelectItem>;
-    activeId: _angular_core.Signal<string | null>;
-    listboxId: _angular_core.Signal<string | null>;
+    activeId: Signal<string | null>;
+    listboxId: Signal<string | null>;
     /** @internal */
     overlayRef: WritableSignal<AnchoredPanelOverlayRef | null>;
-    isMounted: _angular_core.Signal<boolean>;
+    isMounted: Signal<boolean>;
     private panel;
     private dataItems;
     private dataItemRegistry;
-    sortedItems: _angular_core.Signal<SelectItem[]>;
+    sortedItems: Signal<SelectItem[]>;
     /** The current search query (empty string when no search is registered). */
-    query: _angular_core.Signal<string>;
+    query: Signal<string>;
     /** @internal Lower-cased query for option matching. */
-    normalizedQuery: _angular_core.Signal<string>;
+    normalizedQuery: Signal<string>;
     /**
      * @internal The query the panel filters by. Live while open; frozen at its last value
      * otherwise — the close-time query clear must not unfilter the options while the panel
@@ -5313,11 +5727,11 @@ declare class SelectDirective implements FormValueControl<unknown>, FormFieldCon
      */
     panelFilterQuery: WritableSignal<string>;
     /** The options the panel currently shows — with `filterMode` `internal`, non-matching ones are excluded. */
-    visibleItems: _angular_core.Signal<SelectItem[]>;
-    enabledItems: _angular_core.Signal<SelectItem[]>;
-    selectedItems: _angular_core.Signal<SelectItem[]>;
+    visibleItems: Signal<SelectItem[]>;
+    enabledItems: Signal<SelectItem[]>;
+    selectedItems: Signal<SelectItem[]>;
     /** @internal The query-visible slice of data-driven options — the virtual window renders these. */
-    visibleDataItems: _angular_core.Signal<SelectItem[]>;
+    visibleDataItems: Signal<SelectItem[]>;
     /**
      * The window over the data-driven rows: `paddingTop()`/`paddingBottom()` stand in for the
      * scroll height of everything outside `virtualizedItems()` — apply them as block paddings
@@ -5329,10 +5743,10 @@ declare class SelectDirective implements FormValueControl<unknown>, FormFieldCon
      * `etSelectViewport` is registered. Render with `etSelectVirtualOption` rows between the
      * `virtualWindow` block paddings.
      */
-    virtualizedItems: _angular_core.Signal<SelectItem[]>;
+    virtualizedItems: Signal<SelectItem[]>;
     private pendingActiveScrollItem;
     /** True once `maxSelection` is reached (multi select) — further adds are ignored. */
-    isFull: _angular_core.Signal<boolean>;
+    isFull: Signal<boolean>;
     /**
      * The normalized custom value the current search query would commit, or `null` when there
      * is nothing to commit: custom values are off, the query is empty/rejected, the value is
@@ -5341,7 +5755,7 @@ declare class SelectDirective implements FormValueControl<unknown>, FormFieldCon
      * virtual focus) — headless consumers render their own row, marked with `customValueOption`
      * so it is excluded from the duplicate check here.
      */
-    customValueCandidate: _angular_core.Signal<string | null>;
+    customValueCandidate: Signal<string | null>;
     private labelCache;
     /**
      * One entry per selected value, resolved for display: the label comes from the live
@@ -5349,14 +5763,16 @@ declare class SelectDirective implements FormValueControl<unknown>, FormFieldCon
      * (custom values) — from the value itself. `item` is `null` when no live option
      * carries the value. Drives the trigger's chips and label display.
      */
-    selectedEntries: _angular_core.Signal<SelectSelectedEntry[]>;
+    selectedEntries: Signal<SelectSelectedEntry[]>;
     /**
      * The label(s) of the current value for trigger display. `null` when no label is
      * known (show the placeholder).
      */
-    displayValue: _angular_core.Signal<string | null>;
+    displayValue: Signal<string | null>;
     private typeahead;
     constructor();
+    /** @internal Whether a value belongs to the effective selection (always false while mixed). */
+    isValueSelected(value: unknown): boolean;
     show(): void;
     hide(): void;
     toggle(): void;
@@ -5394,6 +5810,9 @@ declare class SelectDirective implements FormValueControl<unknown>, FormFieldCon
      * single mode. Returns whether the value was committed.
      */
     commitCustomValue(raw: string): boolean;
+    private pickSingleOption;
+    /** Writes the first explicit choice over a mixed value without consulting raw checked state. */
+    private commitMixedOption;
     private createDataItem;
     private handleClosedKeydown;
     private commitActiveOrClose;
@@ -5408,7 +5827,7 @@ declare class SelectDirective implements FormValueControl<unknown>, FormFieldCon
     private handlePanelBeforeClosed;
     private handlePanelKeydown;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectDirective, "[etSelect]", ["etSelect"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "filterMode": { "alias": "filterMode"; "required": false; "isSignal": true; }; "allowCustomValues": { "alias": "allowCustomValues"; "required": false; "isSignal": true; }; "customValueSeparators": { "alias": "customValueSeparators"; "required": false; "isSignal": true; }; "normalizeCustomValue": { "alias": "normalizeCustomValue"; "required": false; "isSignal": true; }; "commitCustomValueOnClose": { "alias": "commitCustomValueOnClose"; "required": false; "isSignal": true; }; "maxSelection": { "alias": "maxSelection"; "required": false; "isSignal": true; }; "allowAddNew": { "alias": "allowAddNew"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "hasMoreItems": { "alias": "hasMoreItems"; "required": false; "isSignal": true; }; "mirrorPanelWidth": { "alias": "mirrorPanelWidth"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "open": "openChange"; "queryChange": "queryChange"; "loadMore": "loadMore"; "addNew": "addNew"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectDirective, "[etSelect]", ["etSelect"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "mixedLabel": { "alias": "mixedLabel"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "filterModeInput": { "alias": "filterMode"; "required": false; "isSignal": true; }; "allowCustomValues": { "alias": "allowCustomValues"; "required": false; "isSignal": true; }; "customValueSeparators": { "alias": "customValueSeparators"; "required": false; "isSignal": true; }; "normalizeCustomValue": { "alias": "normalizeCustomValue"; "required": false; "isSignal": true; }; "commitCustomValueOnClose": { "alias": "commitCustomValueOnClose"; "required": false; "isSignal": true; }; "maxSelection": { "alias": "maxSelection"; "required": false; "isSignal": true; }; "allowAddNew": { "alias": "allowAddNew"; "required": false; "isSignal": true; }; "loadingInput": { "alias": "loading"; "required": false; "isSignal": true; }; "errorInput": { "alias": "error"; "required": false; "isSignal": true; }; "hasMoreItemsInput": { "alias": "hasMoreItems"; "required": false; "isSignal": true; }; "mirrorPanelWidth": { "alias": "mirrorPanelWidth"; "required": false; "isSignal": true; }; "pickOnly": { "alias": "pickOnly"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "mixed": "mixedChange"; "touched": "touchedChange"; "open": "openChange"; "queryChange": "queryChange"; "loadMore": "loadMore"; "addNew": "addNew"; "pickOption": "pickOption"; }, never, never, true, never>;
 }
 
 declare class SelectListboxDirective {
@@ -5494,57 +5913,6 @@ declare class SelectOptionDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectOptionDirective, "[etSelectOption]", ["etSelectOption"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "labelInput": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "customValueOption": { "alias": "customValueOption"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-/**
- * Renders one select-owned item (an entry of `virtualizedItems()`, data-driven `options`
- * mode) as a listbox option. Unlike `etSelectOption` it registers nothing — the item
- * already lives in the select's registry; this directive wires the rendered row to it
- * (ARIA attributes, active/selected state, pointer handling) while the row is inside the
- * virtual window.
- */
-declare class SelectVirtualOptionDirective {
-    private select;
-    elementRef: ElementRef<HTMLElement>;
-    item: _angular_core.InputSignal<SelectItem>;
-    selected: _angular_core.Signal<boolean>;
-    active: _angular_core.Signal<boolean>;
-    protected activeSource: _angular_core.Signal<"keyboard" | "pointer" | null>;
-    constructor();
-    protected handleClick(event: MouseEvent): void;
-    protected handleMousedown(event: MouseEvent): void;
-    protected handlePointerEnter(event: PointerEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectVirtualOptionDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectVirtualOptionDirective, "[etSelectVirtualOption]", ["etSelectVirtualOption"], { "item": { "alias": "etSelectVirtualOption"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare const SELECT_ERROR_CODES: {
-    readonly MISSING_TRIGGER: 1000;
-    readonly MISSING_SURFACE: 1001;
-    readonly TRIGGER_OUTSIDE_SELECT: 1002;
-    readonly SURFACE_OUTSIDE_SELECT: 1003;
-    readonly LISTBOX_OUTSIDE_SELECT: 1004;
-    readonly OPTION_OUTSIDE_SELECT: 1005;
-    readonly VALUE_OUTSIDE_SELECT: 1006;
-    readonly SEARCH_OUTSIDE_SELECT: 1007;
-    readonly STATE_TEMPLATE_OUTSIDE_SELECT: 1008;
-    readonly OPTION_GROUP_OUTSIDE_SELECT: 1009;
-    readonly VIRTUAL_OPTION_OUTSIDE_SELECT: 1010;
-    readonly OPTION_TEMPLATE_OUTSIDE_SELECT: 1011;
-    readonly VIEWPORT_OUTSIDE_SELECT: 1012;
-};
-
-declare class SelectOptionGroupComponent {
-    protected group: SelectOptionGroupDirective;
-    protected readonly labelId: string;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectOptionGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectOptionGroupComponent, "et-select-option-group", never, {}, {}, never, ["*"], true, [{ directive: typeof SelectOptionGroupDirective; inputs: { "label": "label"; }; outputs: {}; }]>;
-}
-
-declare class SelectOptionComponent {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectOptionComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectOptionComponent, "et-select-option", never, {}, {}, never, ["*"], true, [{ directive: typeof SelectOptionDirective; inputs: { "value": "value"; "label": "label"; "disabled": "disabled"; "customValueOption": "customValueOption"; }; outputs: {}; }]>;
-}
-
 /** Config for {@link selectOptionsFromQuery}. */
 type SelectOptionsFromQueryConfig<TCreator extends AnyQueryCreator, TOption> = {
     /**
@@ -5645,6 +6013,88 @@ type SelectOptionsFromQuery<TOption> = {
  */
 declare const selectOptionsFromQuery: <TCreator extends AnyQueryCreator, TOption>(config: SelectOptionsFromQueryConfig<TCreator, TOption>) => SelectOptionsFromQuery<TOption>;
 
+/**
+ * Wires an async options bundle — the return value of `selectOptionsFromQuery` or
+ * `selectOptionsFromV2Query` — into a select with a single binding, replacing the manual
+ * per-input wiring. Push the bundle in and it forwards `loading`, `error` and `hasMoreItems`,
+ * forces `filterMode` to `external`, and drives the bundle's `setQuery`/`loadMore` from the
+ * select's `(queryChange)`/`(loadMore)` outputs. Render `options` yourself as before:
+ *
+ * ```html
+ * <et-select [formField]="form.assignee" [etSelectOptions]="users">
+ *   <input etSelectSearch placeholder="Search users" />
+ *   @for (user of users.options(); track user.id) {
+ *     <et-select-option [value]="user.id">{{ user.name }}</et-select-option>
+ *   }
+ * </et-select>
+ * ```
+ *
+ * Both flavors return the same bundle shape, so one directive serves the current query client and
+ * the legacy `V2QueryClient` alike.
+ */
+declare class SelectOptionsDirective implements OnInit {
+    private select;
+    private destroyRef;
+    /** The bundle from `selectOptionsFromQuery` / `selectOptionsFromV2Query`. */
+    bundle: _angular_core.InputSignal<SelectOptionsFromQuery<unknown>>;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectOptionsDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectOptionsDirective, "[etSelectOptions]", ["etSelectOptions"], { "bundle": { "alias": "etSelectOptions"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Renders one select-owned item (an entry of `virtualizedItems()`, data-driven `options`
+ * mode) as a listbox option. Unlike `etSelectOption` it registers nothing — the item
+ * already lives in the select's registry; this directive wires the rendered row to it
+ * (ARIA attributes, active/selected state, pointer handling) while the row is inside the
+ * virtual window.
+ */
+declare class SelectVirtualOptionDirective {
+    private select;
+    elementRef: ElementRef<HTMLElement>;
+    item: _angular_core.InputSignal<SelectItem>;
+    selected: _angular_core.Signal<boolean>;
+    active: _angular_core.Signal<boolean>;
+    protected activeSource: _angular_core.Signal<"keyboard" | "pointer" | null>;
+    constructor();
+    protected handleClick(event: MouseEvent): void;
+    protected handleMousedown(event: MouseEvent): void;
+    protected handlePointerEnter(event: PointerEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectVirtualOptionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectVirtualOptionDirective, "[etSelectVirtualOption]", ["etSelectVirtualOption"], { "item": { "alias": "etSelectVirtualOption"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const SELECT_ERROR_CODES: {
+    readonly MISSING_TRIGGER: 1000;
+    readonly MISSING_SURFACE: 1001;
+    readonly TRIGGER_OUTSIDE_SELECT: 1002;
+    readonly SURFACE_OUTSIDE_SELECT: 1003;
+    readonly LISTBOX_OUTSIDE_SELECT: 1004;
+    readonly OPTION_OUTSIDE_SELECT: 1005;
+    readonly VALUE_OUTSIDE_SELECT: 1006;
+    readonly SEARCH_OUTSIDE_SELECT: 1007;
+    readonly STATE_TEMPLATE_OUTSIDE_SELECT: 1008;
+    readonly OPTION_GROUP_OUTSIDE_SELECT: 1009;
+    readonly VIRTUAL_OPTION_OUTSIDE_SELECT: 1010;
+    readonly OPTION_TEMPLATE_OUTSIDE_SELECT: 1011;
+    readonly VIEWPORT_OUTSIDE_SELECT: 1012;
+    readonly OPTIONS_OUTSIDE_SELECT: 1013;
+};
+
+declare class SelectOptionGroupComponent {
+    protected group: SelectOptionGroupDirective;
+    protected readonly labelId: string;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectOptionGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectOptionGroupComponent, "et-select-option-group", never, {}, {}, never, ["*"], true, [{ directive: typeof SelectOptionGroupDirective; inputs: { "label": "label"; }; outputs: {}; }]>;
+}
+
+declare class SelectOptionComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectOptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectOptionComponent, "et-select-option", never, {}, {}, never, ["*"], true, [{ directive: typeof SelectOptionDirective; inputs: { "value": "value"; "label": "label"; "disabled": "disabled"; "customValueOption": "customValueOption"; }; outputs: {}; }]>;
+}
+
 /** The args accepted by the creator's `prepare()` — includes `mock`/`config` extras. */
 type V2PrepareArgsOf<TCreator extends AnyV2QueryCreator | AnyLegacyQueryCreator> = Parameters<TCreator['prepare']>[0];
 /** Config for {@link selectOptionsFromV2Query}. */
@@ -5755,19 +6205,21 @@ declare class SelectComponent {
     /** Shows a clear (×) control while a value is selected. */
     clearable: _angular_core.InputSignal<boolean>;
     clearLabel: _angular_core.InputSignal<string>;
+    protected mixedLabelId: string;
     protected showClear: _angular_core.Signal<boolean>;
     hasSearch: _angular_core.Signal<boolean>;
     protected showValueLabel: _angular_core.Signal<boolean>;
     protected valueContext: _angular_core.Signal<SelectValueContext>;
     protected showCustomValue: _angular_core.Signal<boolean>;
     protected stackedValue: _angular_core.Signal<boolean>;
+    constructor();
     protected handleClearClick(event: Event): void;
     protected handleArrowClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "et-select", never, { "loadMoreLabel": { "alias": "loadMoreLabel"; "required": false; "isSignal": true; }; "addNewLabel": { "alias": "addNewLabel"; "required": false; "isSignal": true; }; "createLabel": { "alias": "createLabel"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; }, {}, never, ["input[etSelectSearch]", "*"], true, [{ directive: typeof SelectDirective; inputs: { "value": "value"; "touched": "touched"; "open": "open"; "multiple": "multiple"; "placeholder": "placeholder"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "options": "options"; "filterMode": "filterMode"; "allowCustomValues": "allowCustomValues"; "customValueSeparators": "customValueSeparators"; "normalizeCustomValue": "normalizeCustomValue"; "commitCustomValueOnClose": "commitCustomValueOnClose"; "maxSelection": "maxSelection"; "allowAddNew": "allowAddNew"; "loading": "loading"; "error": "error"; "hasMoreItems": "hasMoreItems"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; "openChange": "openChange"; "queryChange": "queryChange"; "loadMore": "loadMore"; "addNew": "addNew"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "et-select", never, { "loadMoreLabel": { "alias": "loadMoreLabel"; "required": false; "isSignal": true; }; "addNewLabel": { "alias": "addNewLabel"; "required": false; "isSignal": true; }; "createLabel": { "alias": "createLabel"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; }, {}, never, ["input[etSelectSearch]", "*"], true, [{ directive: typeof SelectDirective; inputs: { "value": "value"; "mixed": "mixed"; "touched": "touched"; "open": "open"; "multiple": "multiple"; "placeholder": "placeholder"; "mixedLabel": "mixedLabel"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "options": "options"; "filterMode": "filterMode"; "allowCustomValues": "allowCustomValues"; "customValueSeparators": "customValueSeparators"; "normalizeCustomValue": "normalizeCustomValue"; "commitCustomValueOnClose": "commitCustomValueOnClose"; "maxSelection": "maxSelection"; "allowAddNew": "allowAddNew"; "loading": "loading"; "error": "error"; "hasMoreItems": "hasMoreItems"; "pickOnly": "pickOnly"; }; outputs: { "valueChange": "valueChange"; "mixedChange": "mixedChange"; "touchedChange": "touchedChange"; "openChange": "openChange"; "queryChange": "queryChange"; "loadMore": "loadMore"; "addNew": "addNew"; "pickOption": "pickOption"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
 }
 
-declare const SELECT_IMPORTS: readonly [typeof SelectComponent, typeof SelectOptionComponent, typeof SelectOptionGroupComponent, typeof SelectPanelComponent, typeof SelectVirtualOptionComponent, typeof SelectDirective, typeof SelectTriggerDirective, typeof SelectSurfaceDirective, typeof SelectListboxDirective, typeof SelectOptionDirective, typeof SelectOptionGroupDirective, typeof SelectOptionTemplateDirective, typeof SelectValueDirective, typeof SelectSearchDirective, typeof SelectViewportDirective, typeof SelectVirtualOptionDirective, typeof SelectLoadingDirective, typeof SelectErrorDirective, typeof SelectEmptyDirective];
+declare const SELECT_IMPORTS: readonly [typeof SelectComponent, typeof SelectOptionComponent, typeof SelectOptionGroupComponent, typeof SelectPanelComponent, typeof SelectVirtualOptionComponent, typeof SelectDirective, typeof SelectTriggerDirective, typeof SelectSurfaceDirective, typeof SelectListboxDirective, typeof SelectOptionDirective, typeof SelectOptionGroupDirective, typeof SelectOptionTemplateDirective, typeof SelectValueDirective, typeof SelectSearchDirective, typeof SelectOptionsDirective, typeof SelectViewportDirective, typeof SelectVirtualOptionDirective, typeof SelectLoadingDirective, typeof SelectErrorDirective, typeof SelectEmptyDirective];
 
 declare const SELECTION_LIST_TOKEN: InjectionToken<SelectionListDirectiveBase<unknown>>;
 declare const SELECTION_LIST_MULTIPLE: InjectionToken<boolean>;
@@ -5794,6 +6246,12 @@ declare class SelectionListDirective implements SelectionListDirectiveBase, Form
     private destroyRef;
     private multipleOverride;
     value: _angular_core.ModelSignal<unknown>;
+    /**
+     * View state for a group whose source values disagree (bulk edit). The raw `value` stays
+     * untouched but no option reports as checked; the first user commit replaces it and
+     * resolves the flag. There is no text display slot — the masking itself is the presentation.
+     */
+    mixed: _angular_core.ModelSignal<boolean>;
     touched: _angular_core.ModelSignal<boolean>;
     multipleInput: _angular_core.InputSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
@@ -5815,7 +6273,7 @@ declare class SelectionListDirective implements SelectionListDirectiveBase, Form
     focusItem(item: SelectionListItem): void;
     activate(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectionListDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectionListDirective, "[etSelectionList]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "multipleInput": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectionListDirective, "[etSelectionList]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "multipleInput": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "mixed": "mixedChange"; "touched": "touchedChange"; }, never, never, true, never>;
 }
 
 declare class CheckboxGroupComponent {
@@ -5846,7 +6304,7 @@ declare class CheckboxGroupComponent {
     };
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxGroupComponent, "et-checkbox-group", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*", "et-hint"], true, [{ directive: typeof FormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof SelectionListDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxGroupComponent, "et-checkbox-group", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*", "et-hint"], true, [{ directive: typeof FormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof SelectionListDirective; inputs: { "value": "value"; "mixed": "mixed"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "valueChange": "valueChange"; "mixedChange": "mixedChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
 }
 
 declare class SelectionListControlDirective {
@@ -5919,7 +6377,7 @@ declare class RadioGroupComponent {
     };
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroupComponent, "et-radio-group", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*", "et-hint"], true, [{ directive: typeof FormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof SelectionListDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroupComponent, "et-radio-group", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*", "et-hint"], true, [{ directive: typeof FormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof SelectionListDirective; inputs: { "value": "value"; "mixed": "mixed"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "valueChange": "valueChange"; "mixedChange": "mixedChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
 }
 
 declare class RadioComponent {
@@ -5961,7 +6419,7 @@ declare class SegmentedButtonGroupComponent {
     };
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedButtonGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedButtonGroupComponent, "et-segmented-button-group", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["et-label", ".et-segmented-button-group-label", "*", "et-hint"], true, [{ directive: typeof FormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof SelectionListDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedButtonGroupComponent, "et-segmented-button-group", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["et-label", ".et-segmented-button-group-label", "*", "et-hint"], true, [{ directive: typeof FormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof SelectionListDirective; inputs: { "value": "value"; "mixed": "mixed"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "valueChange": "valueChange"; "mixedChange": "mixedChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
 }
 
 declare class SegmentedButtonComponent {
@@ -5987,6 +6445,8 @@ type SliderThumbLabelBase = {
 };
 type SliderThumbBase = {
     focused: Signal<boolean>;
+    /** The thumb's own `aria-label`, if the consumer set one instead of a shared `<et-label>`. */
+    label: Signal<string>;
     focus(): void;
 };
 /**
@@ -5997,6 +6457,10 @@ type SliderHostBase = {
     effectiveMin: Signal<number>;
     effectiveMax: Signal<number>;
     step: Signal<number>;
+    /** Bulk-edit view state — while set, thumbs park at the track start and hide their value from ARIA. */
+    mixed: Signal<boolean>;
+    /** `aria-valuetext` the thumbs announce while `mixed` is set. */
+    mixedLabel: Signal<string>;
     disabled: Signal<boolean>;
     readonly: Signal<boolean>;
     interactive: Signal<boolean>;
@@ -6030,6 +6494,10 @@ declare class RangeSliderDirective implements FormValueControl<RangeSliderValue>
     private formField;
     private destroyRef;
     value: _angular_core.ModelSignal<RangeSliderValue>;
+    /** View state for a field whose source values disagree. The raw form value stays untouched. */
+    mixed: _angular_core.ModelSignal<boolean>;
+    /** `aria-valuetext` both thumbs announce while `mixed` is set. */
+    mixedLabel: _angular_core.InputSignal<string>;
     touched: _angular_core.ModelSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
     readonly: _angular_core.InputSignal<boolean>;
@@ -6054,6 +6522,7 @@ declare class RangeSliderDirective implements FormValueControl<RangeSliderValue>
     thumbs: _angular_core.WritableSignal<readonly SliderThumbBase[]>;
     registeredThumbLabelTemplate: _angular_core.WritableSignal<SliderThumbLabelBase | null>;
     focused: _angular_core.Signal<boolean>;
+    hasCustomAccessibleName: _angular_core.Signal<boolean>;
     private bounds;
     thumbValues: _angular_core.Signal<readonly number[]>;
     thumbPercents: _angular_core.Signal<readonly number[]>;
@@ -6070,7 +6539,7 @@ declare class RangeSliderDirective implements FormValueControl<RangeSliderValue>
     /** @internal */
     unregisterThumb(thumb: SliderThumbBase): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RangeSliderDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RangeSliderDirective, "[etRangeSlider]", ["etRangeSlider"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "minDistance": { "alias": "minDistance"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RangeSliderDirective, "[etRangeSlider]", ["etRangeSlider"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; "mixedLabel": { "alias": "mixedLabel"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "minDistance": { "alias": "minDistance"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "mixed": "mixedChange"; "touched": "touchedChange"; }, never, never, true, never>;
 }
 
 /** Opts the slider into value labels — rendered once per thumb with its current value. */
@@ -6129,6 +6598,10 @@ declare class SliderDirective implements FormValueControl<number>, FormFieldCont
     private formField;
     private destroyRef;
     value: _angular_core.ModelSignal<number>;
+    /** View state for a field whose source values disagree. The raw form value stays untouched. */
+    mixed: _angular_core.ModelSignal<boolean>;
+    /** `aria-valuetext` the thumb announces while `mixed` is set. */
+    mixedLabel: _angular_core.InputSignal<string>;
     touched: _angular_core.ModelSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
     readonly: _angular_core.InputSignal<boolean>;
@@ -6150,6 +6623,7 @@ declare class SliderDirective implements FormValueControl<number>, FormFieldCont
     draggingThumbIndex: _angular_core.WritableSignal<number | null>;
     thumbs: _angular_core.WritableSignal<readonly SliderThumbBase[]>;
     registeredThumbLabelTemplate: _angular_core.WritableSignal<SliderThumbLabelBase | null>;
+    hasCustomAccessibleName: _angular_core.Signal<boolean>;
     focused: _angular_core.Signal<boolean>;
     private bounds;
     thumbValues: _angular_core.Signal<readonly number[]>;
@@ -6167,7 +6641,7 @@ declare class SliderDirective implements FormValueControl<number>, FormFieldCont
     /** @internal */
     unregisterThumb(thumb: SliderThumbBase): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SliderDirective, "[etSlider]", ["etSlider"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SliderDirective, "[etSlider]", ["etSlider"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; "mixedLabel": { "alias": "mixedLabel"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "mixed": "mixedChange"; "touched": "touchedChange"; }, never, never, true, never>;
 }
 
 declare class RangeSliderComponent {
@@ -6203,7 +6677,7 @@ declare class RangeSliderComponent {
     constructor();
     protected thumbLabelContext(index: number): SliderThumbLabelContext;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RangeSliderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RangeSliderComponent, "et-range-slider", never, { "startLabel": { "alias": "startLabel"; "required": false; "isSignal": true; }; "endLabel": { "alias": "endLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*", "et-hint"], true, [{ directive: typeof FormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof RangeSliderDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "minValue": "minValue"; "maxValue": "maxValue"; "step": "step"; "minDistance": "minDistance"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RangeSliderComponent, "et-range-slider", never, { "startLabel": { "alias": "startLabel"; "required": false; "isSignal": true; }; "endLabel": { "alias": "endLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*", "et-hint"], true, [{ directive: typeof FormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof RangeSliderDirective; inputs: { "value": "value"; "mixed": "mixed"; "mixedLabel": "mixedLabel"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "minValue": "minValue"; "maxValue": "maxValue"; "step": "step"; "minDistance": "minDistance"; }; outputs: { "valueChange": "valueChange"; "mixedChange": "mixedChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
 }
 
 declare const SLIDER_ERROR_CODES: {
@@ -6242,7 +6716,7 @@ declare class SliderComponent {
     constructor();
     protected thumbLabelContext(index: number): SliderThumbLabelContext;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "et-slider", never, {}, {}, never, ["*", "et-hint"], true, [{ directive: typeof FormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof SliderDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "min": "min"; "max": "max"; "step": "step"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "et-slider", never, {}, {}, never, ["*", "et-hint"], true, [{ directive: typeof FormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof SliderDirective; inputs: { "value": "value"; "mixed": "mixed"; "mixedLabel": "mixedLabel"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "min": "min"; "max": "max"; "step": "step"; }; outputs: { "valueChange": "valueChange"; "mixedChange": "mixedChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
 }
 
 declare const SLIDER_IMPORTS: readonly [typeof SliderComponent, typeof RangeSliderComponent, typeof SliderDirective, typeof RangeSliderDirective, typeof SliderThumbDirective, typeof SliderThumbLabelDirective, typeof SliderTrackDirective];
@@ -6252,6 +6726,12 @@ declare class SwitchDirective implements FormFieldControl {
     private destroyRef;
     private el;
     checked: _angular_core.ModelSignal<boolean>;
+    /**
+     * Bulk-edit state for a switch whose source records disagree (some on, some off), mirroring
+     * checkbox's platform `indeterminate`. The committed `checked` value stays untouched while
+     * indeterminate; the first user toggle resolves the flag and turns the switch on.
+     */
+    indeterminate: _angular_core.ModelSignal<boolean>;
     touched: _angular_core.ModelSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
     /** View-only: keeps the normal look and focusability but blocks toggling (unlike `disabled`). */
@@ -6268,7 +6748,7 @@ declare class SwitchDirective implements FormFieldControl {
     toggle(): void;
     activate(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SwitchDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SwitchDirective, "[etSwitch]", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "touched": "touchedChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SwitchDirective, "[etSwitch]", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "indeterminate": "indeterminateChange"; "touched": "touchedChange"; }, never, never, true, never>;
 }
 
 declare class SwitchComponent {
@@ -6276,7 +6756,7 @@ declare class SwitchComponent {
         state: _angular_core.Signal<boolean>;
     };
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SwitchComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SwitchComponent, "et-switch", never, {}, {}, never, never, true, [{ directive: typeof SwitchDirective; inputs: { "checked": "checked"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "checkedChange": "checkedChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SwitchComponent, "et-switch", never, {}, {}, never, never, true, [{ directive: typeof SwitchDirective; inputs: { "checked": "checked"; "indeterminate": "indeterminate"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "checkedChange": "checkedChange"; "indeterminateChange": "indeterminateChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare const SWITCH_IMPORTS: readonly [typeof SwitchComponent, typeof SwitchDirective];
@@ -6285,6 +6765,8 @@ declare class TagInputDirective implements FormValueControl<string[]>, FormField
     private formField;
     private destroyRef;
     value: _angular_core.ModelSignal<string[]>;
+    /** View state for a field whose source values disagree. The raw form value stays untouched. */
+    mixed: _angular_core.ModelSignal<boolean>;
     touched: _angular_core.ModelSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
     readonly: _angular_core.InputSignal<boolean>;
@@ -6293,6 +6775,8 @@ declare class TagInputDirective implements FormValueControl<string[]>, FormField
     required: _angular_core.InputSignal<boolean>;
     name: _angular_core.InputSignal<string>;
     placeholder: _angular_core.InputSignal<string>;
+    /** Field placeholder shown while `mixed` is set. */
+    mixedLabel: _angular_core.InputSignal<string>;
     /**
      * What commits the pending text as a tag: multi-character entries are key names
      * (`'Enter'`), single characters commit as soon as they are typed (and split pastes).
@@ -6303,7 +6787,11 @@ declare class TagInputDirective implements FormValueControl<string[]>, FormField
     normalizeTag: _angular_core.InputSignal<(raw: string) => string | null>;
     maxTags: _angular_core.InputSignal<number | undefined>;
     shouldDisplayError: _angular_core.Signal<boolean>;
+    /** The raw value normalized to the tags the control currently shows. Mixed has no effective tags. */
+    effectiveValues: _angular_core.Signal<readonly string[]>;
     hasValue: _angular_core.Signal<boolean>;
+    /** The placeholder the text field currently shows — `mixedLabel` while mixed. */
+    effectivePlaceholder: _angular_core.Signal<string>;
     describedBy: _angular_core.WritableSignal<string | null>;
     controlType: _angular_core.WritableSignal<"tag-input">;
     focused: _angular_core.WritableSignal<boolean>;
@@ -6311,7 +6799,7 @@ declare class TagInputDirective implements FormValueControl<string[]>, FormField
     /** @internal */
     registeredField: _angular_core.WritableSignal<TagInputFieldDirective | null>;
     interactive: _angular_core.Signal<boolean>;
-    /** True once `maxTags` is reached — further adds are ignored. */
+    /** True once `maxTags` is reached — further adds are ignored. Mixed counts as no tags. */
     isFull: _angular_core.Signal<boolean>;
     /** @internal Single-character separators — they split pastes and commit while typing. */
     characterSeparators: _angular_core.Signal<string[]>;
@@ -6319,7 +6807,10 @@ declare class TagInputDirective implements FormValueControl<string[]>, FormField
     keySeparators: _angular_core.Signal<string[]>;
     constructor();
     activate(): void;
-    /** Normalizes and appends a tag. Returns whether it was added. */
+    /**
+     * Normalizes and appends a tag. Returns whether it was added. While mixed, the first
+     * added tag REPLACES the hidden raw value (starting a fresh set) and resolves mixed.
+     */
     add(raw: string): boolean;
     /** Adds several raw values at once (a paste split by separators). */
     addAll(raws: string[]): void;
@@ -6327,7 +6818,7 @@ declare class TagInputDirective implements FormValueControl<string[]>, FormField
     removeAt(index: number): void;
     removeLast(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagInputDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TagInputDirective, "[etTagInput]", ["etTagInput"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "separators": { "alias": "separators"; "required": false; "isSignal": true; }; "allowDuplicates": { "alias": "allowDuplicates"; "required": false; "isSignal": true; }; "normalizeTag": { "alias": "normalizeTag"; "required": false; "isSignal": true; }; "maxTags": { "alias": "maxTags"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TagInputDirective, "[etTagInput]", ["etTagInput"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "mixedLabel": { "alias": "mixedLabel"; "required": false; "isSignal": true; }; "separators": { "alias": "separators"; "required": false; "isSignal": true; }; "allowDuplicates": { "alias": "allowDuplicates"; "required": false; "isSignal": true; }; "normalizeTag": { "alias": "normalizeTag"; "required": false; "isSignal": true; }; "maxTags": { "alias": "maxTags"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "mixed": "mixedChange"; "touched": "touchedChange"; }, never, never, true, never>;
 }
 
 /** The text field of a tag input — commits its text as a tag on separators and blur. */
@@ -6356,7 +6847,7 @@ declare const TAG_INPUT_ERROR_CODES: {
 declare class TagInputComponent {
     protected tagInput: TagInputDirective;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagInputComponent, "et-tag-input", never, {}, {}, never, never, true, [{ directive: typeof TagInputDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "placeholder": "placeholder"; "separators": "separators"; "allowDuplicates": "allowDuplicates"; "normalizeTag": "normalizeTag"; "maxTags": "maxTags"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagInputComponent, "et-tag-input", never, {}, {}, never, never, true, [{ directive: typeof TagInputDirective; inputs: { "value": "value"; "mixed": "mixed"; "touched": "touched"; "disabled": "disabled"; "readonly": "readonly"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "placeholder": "placeholder"; "mixedLabel": "mixedLabel"; "separators": "separators"; "allowDuplicates": "allowDuplicates"; "normalizeTag": "normalizeTag"; "maxTags": "maxTags"; }; outputs: { "valueChange": "valueChange"; "mixedChange": "mixedChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare const TAG_INPUT_IMPORTS: readonly [typeof TagInputComponent, typeof TagInputDirective, typeof TagInputFieldDirective];
@@ -6379,6 +6870,10 @@ declare class TextareaDirective extends TextFieldControlDirective implements For
     resize: _angular_core.InputSignal<TextareaResizeMode>;
     hasValue: _angular_core.Signal<boolean>;
     controlType: _angular_core.WritableSignal<"textarea">;
+    /** The text the native textarea renders — empty while mixed so the raw value never reaches the DOM. */
+    displayValue: _angular_core.Signal<string>;
+    /** The placeholder the native textarea renders — `mixedLabel` overrides the consumer placeholder while mixed. */
+    effectivePlaceholder: _angular_core.Signal<string>;
     effectiveResize: _angular_core.Signal<TextareaResizeMode>;
     /**
      * The native textarea element this directive controls. Set automatically when
@@ -6388,6 +6883,12 @@ declare class TextareaDirective extends TextFieldControlDirective implements For
     nativeControl: _angular_core.WritableSignal<HTMLTextAreaElement | null>;
     private nativeControlDimensions;
     constructor();
+    /**
+     * @internal Routes a user edit from the native textarea into the model. Typing is the commit
+     * over a mixed state: the first edit that produces content replaces the raw value and
+     * resolves `mixed`; an edit that leaves the textarea empty keeps both untouched.
+     */
+    syncFromNativeInput(textareaElement: HTMLTextAreaElement): void;
     private resizeToFit;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TextareaDirective, "[etTextarea]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "autosize": { "alias": "autosize"; "required": false; "isSignal": true; }; "minRows": { "alias": "minRows"; "required": false; "isSignal": true; }; "maxRows": { "alias": "maxRows"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
@@ -6399,7 +6900,7 @@ declare class TextareaComponent {
     constructor();
     syncNativeValue(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "et-textarea", never, {}, {}, never, never, true, [{ directive: typeof TextareaDirective; inputs: { "placeholder": "placeholder"; "autocomplete": "autocomplete"; "rows": "rows"; "autosize": "autosize"; "minRows": "minRows"; "maxRows": "maxRows"; "resize": "resize"; "value": "value"; "disabled": "disabled"; "readonly": "readonly"; "hidden": "hidden"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "et-textarea", never, {}, {}, never, never, true, [{ directive: typeof TextareaDirective; inputs: { "placeholder": "placeholder"; "autocomplete": "autocomplete"; "rows": "rows"; "autosize": "autosize"; "minRows": "minRows"; "maxRows": "maxRows"; "resize": "resize"; "value": "value"; "mixed": "mixed"; "mixedLabel": "mixedLabel"; "disabled": "disabled"; "readonly": "readonly"; "hidden": "hidden"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "aria-label": "aria-label"; "aria-labelledby": "aria-labelledby"; }; outputs: { "valueChange": "valueChange"; "mixedChange": "mixedChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare const TEXTAREA_IMPORTS: readonly [typeof TextareaComponent, typeof TextareaDirective];
@@ -7493,6 +7994,23 @@ declare class NotificationComponent {
 declare const NOTIFICATION_IMPORTS: readonly [typeof NotificationComponent, typeof NotificationDirective, typeof NotificationActionDirective, typeof NotificationDismissDirective];
 
 declare const getClosestOverlay: (element: ElementRef<HTMLElement>, openOverlays: OverlayRef<object, unknown>[]) => OverlayRef<object, unknown> | null;
+type OverlayTreeContainmentOptions = {
+    /** The pointerdown/click target to test. */
+    target: Node;
+    /** The panel whose tree defines "inside" — typically the anchored panel's own pane. */
+    rootPane: HTMLElement;
+    /** All currently open overlays (from the overlay manager). */
+    openOverlays: OverlayRef<object, unknown>[];
+};
+/**
+ * True when `target` is inside `rootPane` or inside any open overlay transitively anchored from
+ * within it. A nested popover (a select body, menu, tooltip, …) opened from inside a panel mounts
+ * as a sibling pane in the overlay root — not a DOM descendant — so a plain `pane.contains(target)`
+ * misses it. An anchored panel uses this so a pointerdown in a child popover it opened does not read
+ * as an outside-close. Nesting is resolved by each overlay's `origin` (its anchor/trigger element)
+ * living inside an ancestor pane, so popovers nested several levels deep are covered.
+ */
+declare const isTargetInsideOverlayTree: ({ target, rootPane, openOverlays }: OverlayTreeContainmentOptions) => boolean;
 type ResolveClosestOverlayOptions = {
     overlayRef: OverlayRef<object, unknown> | null;
     element: ElementRef<HTMLElement>;
@@ -7565,6 +8083,8 @@ declare class OverlayContainerComponent {
         componentInstance: () => object | null;
         close: (result?: unknown) => void;
         closeVia: (source: _ethlete_core.OverlayRuntimeCloseSource, result?: unknown) => void;
+        registerCloseGuard: (guard: _ethlete_components.OverlayCloseGuard<unknown>) => () => void;
+        forceClose: (source?: _ethlete_core.OverlayRuntimeCloseSource, result?: unknown) => void;
         updatePositionStrategy: (strategy: _ethlete_core.OverlayRuntimePositionStrategy) => void;
         attachComponentInstanceOverride: (getter: () => object | null) => void;
         afterOpened: () => rxjs.Observable<void>;
@@ -7785,6 +8305,45 @@ type CreateOverlayOpenerFn = {
  */
 declare const createOverlayOpener: CreateOverlayOpenerFn;
 
+/**
+ * Which close sources the guard should intercept. All default to `true`.
+ * Maps to the runtime's close sources: `outsidePointer` → `outside-pointer`, `escape` → `escape`,
+ * `closeCall` → `api` (programmatic `overlayRef.close()`), `drag` → drag-to-dismiss.
+ */
+type OverlayUnsavedChangesDismissSources = {
+    outsidePointer?: boolean;
+    escape?: boolean;
+    closeCall?: boolean;
+    drag?: boolean;
+};
+type CreateOverlayUnsavedChangesGuardConfig<T> = CreateUnsavedChangesTrackerConfig<T> & {
+    /** The close sources to guard. All enabled by default. */
+    dismissSources?: OverlayUnsavedChangesDismissSources;
+};
+type OverlayUnsavedChangesGuardRef<T> = UnsavedChangesTrackerRef<T> & {
+    /** Stop guarding closes and release the guard. Also runs automatically on injector destroy. */
+    destroy: () => void;
+};
+/**
+ * The overlay flavor of the unsaved-changes family. Injects the current `OVERLAY_REF` and vetoes a
+ * dismissal (outside pointer, escape, drag, or a programmatic `close()`) while the watched form has
+ * unsaved changes: it runs the `confirm` and only then re-issues the close. Call from an overlay
+ * content component's injection context.
+ *
+ * ```ts
+ * guard = createOverlayUnsavedChangesGuard({
+ *   source: this.form,                     // a signal-forms FieldTree
+ *   confirm: () => this.overlays
+ *     .open(ConfirmDiscardComponent)
+ *     .afterClosed(),                       // truthy result = discard
+ * });
+ * ```
+ *
+ * After a save that keeps the overlay open, call `guard.refreshDefaultValue()` to re-baseline so the
+ * saved state no longer counts as unsaved changes.
+ */
+declare const createOverlayUnsavedChangesGuard: <T>(config: CreateOverlayUnsavedChangesGuardConfig<T>) => OverlayUnsavedChangesGuardRef<T>;
+
 /**
  * Blocks body scrolling while a modal overlay is open.
  * Register once via `provideOverlay()` (or call `injectOverlayScrollBlocker()` in an environment initializer).
@@ -7853,6 +8412,8 @@ declare class OverlayRouteHeaderTemplateOutletComponent {
         componentInstance: () => object | null;
         close: (result?: unknown) => void;
         closeVia: (source: _ethlete_core.OverlayRuntimeCloseSource, result?: unknown) => void;
+        registerCloseGuard: (guard: _ethlete_components.OverlayCloseGuard<unknown>) => () => void;
+        forceClose: (source?: _ethlete_core.OverlayRuntimeCloseSource, result?: unknown) => void;
         updatePositionStrategy: (strategy: _ethlete_core.OverlayRuntimePositionStrategy) => void;
         attachComponentInstanceOverride: (getter: () => object | null) => void;
         afterOpened: () => rxjs.Observable<void>;
@@ -10665,5 +11226,5 @@ declare const TOOLTIP_ERROR_CODES: {
 
 declare const TOOLTIP_IMPORTS: readonly [typeof TooltipDirective, typeof TooltipComponent];
 
-export { ALIGN_CENTER_ICON, ALIGN_JUSTIFY_ICON, ALIGN_LEFT_ICON, ALIGN_RIGHT_ICON, ARROW_OUT_UP_RIGHT_ICON, ARROW_RIGHT_ICON, BOLD_ICON, BUTTON_ICON_ALIGNMENTS, BUTTON_IMPORTS, BUTTON_SIZES, BUTTON_SPINNER_CONFIG, BUTTON_TYPES, BUTTON_VARIANTS, BrandLoaderComponent, ButtonComponent, ButtonDirective, ButtonStylesDirective, CALENDAR_ERROR_CODES, CALENDAR_ICON, CALENDAR_IMPORTS, CASCADER_ERROR_CODES, CASCADER_IMPORTS, CASCADER_SELECTABLE_LEVELS, CHECKBOX_IMPORTS, CHECK_ICON, CHEVRON_ICON, CHIP_ERROR_CODES, CHIP_IMPORTS, CHOICE_FIELD_IMPORTS, CLIPBOARD_CHECK_ICON, CLOCK_ICON, CODE_ICON, COLOR_INPUT_IMPORTS, CalendarCellDirective, CalendarComponent, CalendarDirective, CalendarGridDirective, CascaderColumnDirective, CascaderComponent, CascaderDirective, CascaderNodeDirective, CascaderPanelComponent, CascaderSearchDirective, CascaderSearchOptionDirective, CascaderSurfaceDirective, CascaderTriggerDirective, CheckboxComponent, CheckboxDirective, CheckboxGroupComponent, CheckboxOptionComponent, ChipComponent, ChipDirective, ChipRemoveDirective, ChoiceFieldComponent, ColorInputComponent, ColorInputDirective, DAILYMOTION_PLAYER_TOKEN, DATE_FORMAT, DATE_INPUT_ERROR_CODES, DATE_INPUT_IMPORTS, DATE_LOCALE, DATE_PICKER_HOST, DATE_RANGE_INPUT_ERROR_CODES, DATE_RANGE_INPUT_IMPORTS, DATE_TIME_INPUT_ERROR_CODES, DATE_TIME_INPUT_IMPORTS, DEFAULT_BREAKPOINTS, DEFAULT_ICON_VARIANT, DEFAULT_NOTIFICATION_MANAGER_CONFIG, DEFAULT_PIP_WINDOW_CONFIG, DEFAULT_RICH_TEXT_EDITOR_TOOLS, DEFAULT_STREAM_PLAYER_STATE, DROPZONE_ENTRY_STATUSES, DROPZONE_ERROR_CODES, DROPZONE_FILES_ERROR_KIND, DROPZONE_FILE_CONSTRAINTS, DROPZONE_FILE_REJECTION_REASONS, DROPZONE_IMPORTS, DURATION_INPUT_ERROR_CODES, DURATION_INPUT_IMPORTS, DailymotionPlayerComponent, DailymotionPlayerDirective, DailymotionPlayerParamsDirective, DailymotionPlayerSlotComponent, DateInputComponent, DateInputDirective, DateInputFieldDirective, DatePickerPanelComponent, DatePickerSurfaceDirective, DatePickerTriggerDirective, DateRangeInputComponent, DateRangeInputDirective, DateRangeInputFieldDirective, DateTimeInputComponent, DateTimeInputDirective, DateTimeInputFieldDirective, DescriptionComponent, DropzoneComponent, DropzoneDirective, DurationInputComponent, DurationInputDirective, DurationInputFieldDirective, ET_BUILT_IN_ICON_NAMES, EYE_ICON, EYE_SLASH_ICON, FACEBOOK_PLAYER_TOKEN, FILE_ICON, FLOPPY_DISK_ICON, FOCUS_FRAME_ICON, FORM_ERROR_MESSAGE_RESOLVER, FORM_FIELD_APPEARANCES, FORM_FIELD_CONTROL_TYPES, FORM_FIELD_ERROR_CODES, FORM_FIELD_FILLS, FORM_FIELD_IMPORTS, FORM_FIELD_LABEL_MODES, FORM_FIELD_SIZES, FORM_FIELD_TOKEN, FabComponent, FacebookPlayerComponent, FacebookPlayerDirective, FacebookPlayerParamsDirective, FacebookPlayerSlotComponent, FocusRingDirective, FormErrorComponent, FormFieldComponent, FormFieldDirective, GRID_2X2_ICON, GRID_ERROR_CODES, GRID_TOKEN, GridComponent, GridDebugComponent, GridDirective, GridDragDirective, GridImports, GridItemComponent, GridItemDefaultActionsComponent, GridItemDirective, GridItemRef, GridItemToolbarComponent, GridResizeDirective, HEADING_1_ICON, HEADING_2_ICON, HEADING_3_ICON, HintComponent, ICONS_TOKEN, ICON_DIRECTIVE_TOKEN, ICON_ERROR_CODES, ICON_IMPORTS, ICON_OVERRIDES_TOKEN, INITIAL_SUPPORT_PRESENTATION_STATE, INPUT_IMPORTS, INPUT_MASK_HOST, INPUT_TEXT_ALIGNMENTS, INPUT_TYPES, INTERACTIVE_TAGS, ITALIC_ICON, IconButtonComponent, IconDirective, InputComponent, InputDirective, InputMaskDirective, InputPrefixDirective, InputSuffixDirective, KICK_PLAYER_TOKEN, KickPlayerComponent, KickPlayerDirective, KickPlayerParamsDirective, KickPlayerSlotComponent, LINK_ICON, LIST_BULLETED_ICON, LIST_NUMBERED_ICON, LOCK_ICON, LabelDirective, MASKED_INPUT_ERROR_CODES, MASKED_INPUT_IMPORTS, MASK_VALUE_MODES, MENU_ERROR_CODES, MENU_IMPORTS, MENU_ITEM_VARIANTS, MENU_SELECTION_GROUP_MULTIPLE, MENU_SELECTION_GROUP_TOKEN, MENU_SELECTION_ITEM_KIND, MINUS_ICON, MULTI_LANGUAGE_RICH_TEXT_EDITOR_ERROR_CODES, MULTI_LANGUAGE_RICH_TEXT_EDITOR_IMPORTS, MenuCheckboxGroupComponent, MenuCheckboxItemComponent, MenuComponent, MenuContextTriggerDirective, MenuDirective, MenuGroupLabelComponent, MenuItemComponent, MenuItemDirective, MenuItemShortcutComponent, MenuPanelDirective, MenuRadioGroupComponent, MenuRadioItemComponent, MenuSearchDirective, MenuSelectionGroupDirective, MenuSelectionItemDirective, MenuSeparatorComponent, MenuSurfaceDirective, MenuTriggerDirective, MultiLanguageRichTextEditorComponent, MultiLanguageRichTextEditorDirective, MultiLanguageRichTextEditorLanguageToolComponent, NAV_TABS_TOKEN, NOTIFICATION_ERROR_CODES, NOTIFICATION_IMPORTS, NOTIFICATION_STACK_CONTEXT_TOKEN, NOTIFICATION_STATUS, NUMBER_INPUT_IMPORTS, NavTabImports, NavTabLinkComponent, NavTabLinkDirective, NavTabsComponent, NavTabsDirective, NavTabsOutletComponent, NavTabsOutletDirective, NotificationActionDirective, NotificationComponent, NotificationDirective, NotificationDismissDirective, NotificationItemDirective, NotificationStackDirective, NumberInputComponent, NumberInputDirective, OTP_INPUT_IMPORTS, OVERLAY_BACK_OR_CLOSE_TOKEN, OVERLAY_BODY_TOKEN, OVERLAY_CONFIG_CLASS_KEYS, OVERLAY_CONTENT_IMPORTS, OVERLAY_ERROR_CODES, OVERLAY_FOOTER_TOKEN, OVERLAY_HEADER_TEMPLATE_TOKEN, OVERLAY_HEADER_TOKEN, OVERLAY_IMPORTS, OVERLAY_MAIN_TOKEN, OVERLAY_QUERY_PARAM_INPUT_NAME, OVERLAY_REF, OVERLAY_ROUTER_CONFIG_TOKEN, OVERLAY_ROUTER_LINK_TOKEN, OVERLAY_ROUTER_OUTLET_DISABLED_TEMPLATE_TOKEN, OVERLAY_ROUTER_OUTLET_TOKEN, OVERLAY_ROUTER_TOKEN, OVERLAY_SHARED_ROUTE_TEMPLATE_TOKEN, OtpInputComponent, OtpInputDirective, OverlayAnchorDirective, OverlayBackOrCloseDirective, OverlayBodyComponent, OverlayCloseDirective, OverlayContainerComponent, OverlayDirective, OverlayFooterDirective, OverlayHeaderDirective, OverlayHeaderTemplateDirective, OverlayMainDirective, OverlayOriginCloneComponent, OverlayRouteHeaderTemplateOutletComponent, OverlayRouterLinkDirective, OverlayRouterOutletComponent, OverlayRouterOutletDisabledTemplateDirective, OverlaySharedRouteTemplateDirective, OverlaySharedRouteTemplateOutletComponent, OverlaySidebarComponent, OverlaySidebarPageComponent, OverlaySurfaceDirective, OverlayTitleDirective, OverlayTriggerDirective, PARAGRAPH_ICON, PASSWORD_INPUT_IMPORTS, PENCIL_ICON, PHONE_COUNTRIES, PHONE_INPUT_ERROR_CODES, PHONE_INPUT_IMPORTS, PIP_CHROME_REF_TOKEN, PIP_ENTRY_TOKEN, PIP_WINDOW_ASPECT_RATIO_TOKEN, PLUS_ICON, PasswordInputComponent, PasswordInputDirective, PhoneInputComponent, PhoneInputDirective, PhoneInputFieldDirective, PhoneInputFlagDirective, PipBackDirective, PipBringBackDirective, PipCellDirective, PipCloseDirective, PipCollapseOverlayDirective, PipGridToggleDirective, PipPlayerComponent, PipSlotPlaceholderComponent, PipStageDirective, PipTitleBarDirective, PipTitleBarTemplateDirective, PipWindowComponent, PipWindowParamsDirective, ProgressBarComponent, QueryParamOverlayLinkDirective, RATING_IMPORTS, RICH_TEXT_EDITOR_HEADING_OPTIONS, RICH_TEXT_EDITOR_IMPORTS, RICH_TEXT_EDITOR_INLINE_TOOLS, RICH_TEXT_EDITOR_LANGUAGE_TOOL, RICH_TEXT_EDITOR_TOKEN_CODEC, RICH_TEXT_EDITOR_TOOL, RICH_TEXT_EDITOR_TOOLS, RICH_TEXT_EDITOR_TOOL_BUTTONS, RICH_TEXT_EDITOR_TRIGGERS_IMPORTS, ROTATE_RIGHT_ICON, RadioComponent, RadioGroupComponent, RangeSliderComponent, RangeSliderDirective, RatingComponent, RatingDirective, RatingIconDirective, RichTextEditorAlignToolComponent, RichTextEditorComponent, RichTextEditorDirective, RichTextEditorFloatingToolbarComponent, RichTextEditorFloatingToolbarDirective, RichTextEditorLinkEditorComponent, RichTextEditorLinkEditorDirective, RichTextEditorTableToolComponent, RichTextEditorTokenPopupComponent, RichTextEditorTriggersDirective, SCROLLABLE_ERROR_CODES, SCROLLABLE_IMPORTS, SELECTION_LIST_MULTIPLE, SELECTION_LIST_TOKEN, SELECT_ERROR_CODES, SELECT_FILTER_MODES, SELECT_IMPORTS, SIDEBAR_OVERLAY_CONFIG, SIDEBAR_OVERLAY_TOKEN, SLIDER_ERROR_CODES, SLIDER_IMPORTS, SLIDER_TOKEN, SNAP_HYSTERESIS, SOOP_PLAYER_TOKEN, SPLIT_BUTTON_ERROR_CODES, STAR_ICON, STREAM_CONSENT_TOKEN, STREAM_PLAYER_COMPONENT_TOKEN, STREAM_PLAYER_ERROR_CONTEXT_TOKEN, STREAM_PLAYER_ERROR_TOKEN, STREAM_PLAYER_PARAMS_TOKEN, STREAM_PLAYER_SLOT_TOKEN, STREAM_PLAYER_TOKEN, STREAM_SLOT_PLAYER_ID_TOKEN, STREAM_USER_CONSENT_PROVIDER_TOKEN, STRIKETHROUGH_ICON, SUPPORT_CONTENT_STATE, SUPPORT_TRANSITION_DIRECTION, SWITCH_IMPORTS, ScrollableActiveChildDirective, ScrollableButtonsDirective, ScrollableComponent, ScrollableDarkenDirective, ScrollableDirective, ScrollableDragDirective, ScrollableIgnoreChildDirective, ScrollableLoadingTemplateDirective, ScrollableMasksDirective, ScrollableNavigationDirective, ScrollableSnapDirective, SegmentedButtonComponent, SegmentedButtonGroupComponent, SelectComponent, SelectDirective, SelectEmptyDirective, SelectErrorDirective, SelectListboxDirective, SelectLoadingDirective, SelectOptionComponent, SelectOptionDirective, SelectOptionGroupComponent, SelectOptionGroupDirective, SelectOptionTemplateDirective, SelectPanelComponent, SelectSearchDirective, SelectSurfaceDirective, SelectTriggerDirective, SelectValueDirective, SelectViewportDirective, SelectVirtualOptionComponent, SelectVirtualOptionDirective, SelectionListControlDirective, SelectionListDirective, SelectionOptionDirective, SliderComponent, SliderDirective, SliderThumbDirective, SliderThumbLabelDirective, SliderTrackDirective, SoopPlayerComponent, SoopPlayerDirective, SoopPlayerParamsDirective, SoopPlayerSlotComponent, SpinnerComponent, SplitButtonActionDirective, SplitButtonComponent, SplitButtonDirective, SplitButtonTriggerDirective, StreamConsentAcceptDirective, StreamConsentComponent, StreamConsentDirective, StreamImports, StreamPipChromeComponent, StreamPlayerErrorComponent, StreamPlayerErrorDirective, StreamPlayerLoadingComponent, StreamPlayerSlotDirective, SwitchComponent, SwitchDirective, TABLE_ICON, TAB_BAR_FITS, TAB_BAR_ORIENTATIONS, TAB_BAR_TOKEN, TAB_BAR_TRIGGER_TOKEN, TAB_BAR_VARIANTS, TAB_ERROR_CODES, TAB_GROUP_TOKEN, TAB_PANEL_TOKEN, TAB_SIZES, TAG_INPUT_ERROR_CODES, TAG_INPUT_IMPORTS, TEXTAREA_IMPORTS, TEXTAREA_RESIZE_MODES, TEXT_ALIGNS, TIKTOK_PLAYER_TOKEN, TIMES_ICON, TIME_FORMAT, TIME_INPUT_ERROR_CODES, TIME_INPUT_IMPORTS, TIME_PICKER_ERROR_CODES, TIME_PICKER_IMPORTS, TOGGLETIP_ERROR_CODES, TOGGLETIP_IMPORTS, TOOLTIP_ERROR_CODES, TOOLTIP_IMPORTS, TRIANGLE_EXCLAMATION_ICON, TWITCH_PLAYER_TOKEN, TabBarDirective, TabBarTriggerDirective, TabBarUnderlineDirective, TabComponent, TabGroupComponent, TabGroupDirective, TabImports, TabLabelDirective, TabPanelDirective, TabTriggerDirective, TagInputComponent, TagInputDirective, TagInputFieldDirective, TextButtonComponent, TextFieldControlDirective, TextareaComponent, TextareaDirective, TikTokPlayerComponent, TikTokPlayerDirective, TikTokPlayerParamsDirective, TikTokPlayerSlotComponent, TimeInputComponent, TimeInputDirective, TimeInputFieldDirective, TimePickerColumnDirective, TimePickerComponent, TimePickerDirective, TimePickerOptionDirective, ToggletipCloseDirective, ToggletipComponent, ToggletipDirective, ToggletipTriggerDirective, TooltipComponent, TooltipDirective, TwitchPlayerComponent, TwitchPlayerDirective, TwitchPlayerParamsDirective, TwitchPlayerSlotComponent, UNDERLINE_ICON, UNIT_MS, UPLOAD_ICON, VIMEO_PLAYER_TOKEN, VimeoPlayerComponent, VimeoPlayerDirective, VimeoPlayerParamsDirective, VimeoPlayerSlotComponent, WINDOW_CONTROL_BUTTON_KINDS, WINDOW_CONTROL_BUTTON_SIZES, WindowControlButtonComponent, YOUTUBE_PLAYER_SLOT_TOKEN, YOUTUBE_PLAYER_TOKEN, YoutubePlayerComponent, YoutubePlayerDirective, YoutubePlayerParamsDirective, YoutubePlayerSlotComponent, YoutubePlayerSlotDirective, abortFullscreenAnimation, anchoredDialogOverlayStrategy, anchoredOverlayStrategy, autoPlace, bottomSheetOverlayStrategy, buildAnchoredRuntimePositionStrategy, canHaveChildren, cascaderFromQuery, centeredOverlayStrategy, clampPosition, clampResizeRect, cleanupFullscreenAnimation, cleanupFullscreenAnimationStyles, compactLayout, computeGeometry, computeGridHeight, createAnchoredPanelController, createAutoScroller, createCardMask, createCurrencyMask, createDefaultDropzoneArgs, createDropzoneUpload, createExistingDropzoneEntry, createFileDropzoneEntry, createGridAdapter, createIbanMask, createNotificationRef, createOverlayOpener, createOverlayRef, createOverlayStrategyController, createPipChromeAnimations, createPipChromeState, createRichTextEditorTrigger, createRichTextEditorTriggerWithQuery, createStreamConfig, createStreamPlayerSlot, defaultCompareWith, defaultDropzoneRejectionMessage, defineOverlay, defineQueryParamOverlay, deriveDurationFormatSpec, deserializeGridLayout, dialogOverlayStrategy, disposeDropzoneEntry, dropzoneFiles, enableDragToDismiss, findCollision, findNextRelevantHtmlElement, findScrollableAncestor, formatDuration, formatFileSize, fromGridPosition, fullScreenDialogOverlayStrategy, getClosestOverlay, getOriginCoordinatesAndDimensions, hysteresisRound, iconRegistryKey, indexOfNode, injectAnchoredDialogStrategy, injectAnchoredDialogStrategyDefaults, injectBottomSheetStrategy, injectBottomSheetStrategyDefaults, injectDateFormat, injectDateLocale, injectDialogStrategy, injectDialogStrategyDefaults, injectFormSupport, injectFullscreenDialogStrategy, injectFullscreenDialogStrategyDefaults, injectGridConfig, injectLeftSheetStrategy, injectLeftSheetStrategyDefaults, injectNotificationManager, injectNotificationManagerConfig, injectOverlayManager, injectOverlayRouter, injectOverlayScrollBlocker, injectOverlaySurfaceContext, injectPipChromeManager, injectPipManager, injectPipSlotPlaceholderConfig, injectRichTextEditorTools, injectRightSheetStrategy, injectRightSheetStrategyDefaults, injectSidebarOverlay, injectStreamConfig, injectStreamConsentConfig, injectStreamManager, injectStreamPlayerErrorConfig, injectStreamPlayerLoadingConfig, injectStreamScriptLoader, injectStreamUserConsentProvider, injectTimeFormat, injectTopSheetStrategy, injectTopSheetStrategyDefaults, isFileAccepted, isHtmlElement, isInteractiveElement, isPointerEvent, isTouchEvent, itemsCollide, leftSheetOverlayStrategy, mapLayoutToBreakpoint, matchCountryByDialCode, mergeOverlayBreakpointConfigs, mergeOverlayConfigs, nodesEqual, parseDuration, phoneCountryFlag, phoneCountryName, pixelRectsEqual, positionToPixelRect, positionsEqual, projectDragCell, provideAnchoredDialogStrategy, provideAnchoredDialogStrategyDefaults, provideBottomSheetStrategy, provideBottomSheetStrategyDefaults, provideDateFormat, provideDateLocale, provideDialogStrategy, provideDialogStrategyDefaults, provideFormErrorMessageResolver, provideFormSupport, provideFullscreenDialogStrategy, provideFullscreenDialogStrategyDefaults, provideGridConfig, provideIconOverrides, provideIcons, provideLeftSheetStrategy, provideLeftSheetStrategyDefaults, provideNotificationManager, provideNotificationManagerConfig, provideNotificationManagerInstance, provideOverlay, provideOverlayManager, provideOverlayRouter, provideOverlayRouterConfig, provideOverlayRouterService, provideOverlayScrollBlocker, providePipChromeManager, providePipManager, providePipSlotPlaceholderConfig, provideRichTextEditorAlignmentTool, provideRichTextEditorLanguageTool, provideRichTextEditorTableTool, provideRichTextEditorTokenRendering, provideRichTextEditorTools, provideRightSheetStrategy, provideRightSheetStrategyDefaults, provideSidebarOverlay, provideSidebarOverlayConfig, provideSidebarOverlayService, provideStreamConfig, provideStreamConsentConfig, provideStreamManager, provideStreamPlayerErrorConfig, provideStreamPlayerLoadingConfig, provideTimeFormat, provideTopSheetStrategy, provideTopSheetStrategyDefaults, reduceSupportPresentation, registerSingleton, requiredLanguages, resizeSpanBounds, resolveBreakpoint, resolveClosestOverlay, resolveCollisions, rightSheetOverlayStrategy, rowsToPixelHeight, selectOptionsFromQuery, selectOptionsFromV2Query, serializeGridLayout, snapResizeSpan, spanHeight, spanWidth, startFullscreenEnterAnimation, startFullscreenLeaveAnimation, stripTrunkZero, supportPresentationIncludesState, toChildrenObservable, toGridPosition, toPathObservable, toSearchObservable, topSheetOverlayStrategy, transformingBottomSheetToDialogOverlayStrategy, transformingFullScreenDialogToDialogOverlayStrategy, transformingFullScreenDialogToRightSheetOverlayStrategy, wireFormSupport };
-export type { AnchoredDialogOverlayStrategyOptions, AnchoredOverlayStrategyOptions, AnchoredPanelCloseInfo, AnchoredPanelOverlayRef, AnchoredPanelSurfaceLike, AnchoredPositionOptions, AnyDropzoneUploadConfig, AutoPlaceOptions, AutoScrollPointer, AutoScroller, ButtonIconAlignment, ButtonSize, CalendarCell, CalendarMode, CalendarRange, CalendarWeekday, CascaderColumnState, CascaderCompareWith, CascaderDataSource, CascaderFromQueryConfig, CascaderFromQuerySearchConfig, CascaderNode, CascaderNodeSignal, CascaderSearchState, CascaderSelectableLevels, CascaderSurfaceContext, CenteredOverlayStrategyOptions, ClampPositionOptions, CompactLayoutOptions, CreateAnchoredPanelControllerOptions, CreateExistingDropzoneEntryOptions, CreateFileDropzoneEntryOptions, CurrencyMaskOptions, DatePickerHost, DatePickerSurfaceBase, DatePickerSurfaceContext, DatePickerTriggerBase, DateRangeSide, DateRangeValue, DragToDismissContext, DragToDismissRef, DropzoneEntry, DropzoneEntrySource, DropzoneEntryStatus, DropzoneExistingFileInfo, DropzoneFileConstraints, DropzoneFileRejection, DropzoneFileRejectionReason, DropzoneFileValidationChannel, DropzoneUploadConfig, DurationFormatSpec, DurationSegment, DurationUnit, EtBuiltInIconName, EthleteIconNameRegistry, EthleteIconVariantRegistry, FacebookVideoPlayer, FacebookWindow, FindCollisionOptions, FormErrorMessageResolver, FormFieldAppearance, FormFieldControl, FormFieldControlType, FormFieldDirectiveBase, FormFieldFill, FormFieldLabelMode, FormFieldSize, FormSupport, FullscreenAnimationCancellable, FullscreenAnimationDeps, FullscreenAnimationState, GridAdapter, GridBreakpointConfig, GridBreakpointName, GridComponentRegistration, GridConfig, GridGeometry, GridItemActionsComponent, GridItemConfig, GridItemConstraints, GridItemPosition, GridLayoutEntry, GridSerializedState, HintComponentBase, IconDefinition, IconOverride, InputMaskHost, InputTextAlignment, LabelDirectiveBase, MapLayoutOptions, MaskSpec, MaskValueMode, MenuAnchorPoint, MenuCloseReason, MenuItemActivationEvent, MenuItemActivationSource, MenuItemVariant, MenuOpenSource, MenuSelectionGroupDirectiveBase, MenuSelectionGroupItem, MenuSelectionItemKind, MenuSurfaceContext, MultiLanguageRichTextEditorLanguage, MultiLanguageRichTextEditorValue, NotificationAction, NotificationConfig, NotificationEntry, NotificationManager, NotificationManagerConfig, NotificationRef, NotificationStackContext, NotificationStatus, OtpInputCharset, OverlayAutoFocusTarget, OverlayBodyDividerType, OverlayBreakpointConfig, OverlayConfig, OverlayDefinition, OverlayDefinitionConfig, OverlayDragToDismissConfig, OverlayLifecycleConfig, OverlayManager, OverlayMode, OverlayOpenConfig, OverlayOpener, OverlayOpenerConfig, OverlayRef, OverlayRole, OverlayRoute, OverlayRouter, OverlayRouterConfig, OverlayRouterNavigateConfig, OverlayRouterNavigationDirection, OverlayRouterResolvedPath, OverlayRouterTransitionType, OverlayStrategy, OverlayStrategyBreakpoint, OverlayStrategyContext, OverlayStrategyController, OverlayStrategyControllerMountConfig, OverlaySurfaceContext, PhoneCountry, PhoneInputFlagContext, PhoneInputFlagCountry, PipCellData, PipChromeAnimations, PipChromeRef, PipChromeState, PipManager, PipSlotPlaceholderConfig, PixelRect, QueryParamOverlayDefinition, QueryParamOverlayDefinitionConfig, QueryParamOverlayHost, QueryParamOverlayOpener, QueryParamOverlayValue, RangeSliderValue, RatingIconContext, RatingIconState, ReduceSupportPresentationInput, RegisteredIconName, RegisteredIconVariant, RequiredLanguagesOptions, ResizeSpanBounds, ResolveClosestOverlayOptions, ResolveCollisionsOptions, RichTextEditorLinkEditorValue, RichTextEditorQueryTriggerConfig, RichTextEditorTool, RichTextEditorToolButton, RichTextEditorToolDefinition, RichTextEditorToolsConfig, RichTextEditorTrigger, RichTextEditorTriggerItem, RichTextEditorTriggerItemResolver, RichTextEditorTriggerItemSource, RichTextEditorTriggerType, RowFloors, ScrollableActiveChildRef, ScrollableButtonPosition, ScrollableDirection, ScrollableIntersectionChange, ScrollableItemSize, ScrollableLoadingTemplatePosition, ScrollableLoadingTemplateRef, ScrollableMaskVariant, ScrollableNavigation, ScrollableNavigationItem, ScrollableScrollMode, ScrollableScrollOrigin, ScrollableScrollState, SelectErrorContext, SelectFilterMode, SelectItem, SelectOptionData, SelectOptionGroupItem, SelectOptionTemplateContext, SelectOptionsFromQuery, SelectOptionsFromQueryConfig, SelectOptionsFromV2QueryConfig, SelectSelectedEntry, SelectSurfaceContext, SelectValueContext, SelectionListDirectiveBase, SelectionListItem, SerializeOptions, SidebarOverlay, SidebarOverlayConfig, SliderHostBase, SliderThumbBase, SliderThumbLabelBase, SliderThumbLabelContext, StreamConfig, StreamConsentConfig, StreamManager, StreamPipEntry, StreamPipWindowConfig, StreamPlayer, StreamPlayerCapabilities, StreamPlayerEntry, StreamPlayerErrorConfig, StreamPlayerErrorContext, StreamPlayerId, StreamPlayerLoadingConfig, StreamPlayerParams, StreamPlayerSlotHandle, StreamPlayerSlotOptions, StreamPlayerState, StreamScriptLoader, StreamSlotEntry, SupportContentState, SupportPresentationState, SupportTransitionDirection, TabBarFit, TabBarOrientation, TabBarVariant, TabSize, TextAlign, TextareaResizeMode, TimePickerColumn, TimePickerOption, TimePickerUnit, ToggletipContent, TooltipContent, TwitchEmbed, TwitchEmbedConstructor, TwitchEmbedPlayer, TwitchPlayerParams, TwitchWindow, V2PrepareArgsOf, ViewportTransformData, VimeoDurationChangeEvent, VimeoPlaybackEvent, VimeoPlayer, VimeoPlayerOptions, VimeoWindow, WindowControlButtonKind, WindowControlButtonSize, YtPlayer, YtPlayerConfig, YtPlayerErrorEvent, YtPlayerEvent, YtPlayerStateChangeEvent, YtPlayerVars, YtWindow };
+export { ALIGN_CENTER_ICON, ALIGN_JUSTIFY_ICON, ALIGN_LEFT_ICON, ALIGN_RIGHT_ICON, ARROW_OUT_UP_RIGHT_ICON, ARROW_RIGHT_ICON, BOLD_ICON, BUTTON_ICON_ALIGNMENTS, BUTTON_IMPORTS, BUTTON_SIZES, BUTTON_SPINNER_CONFIG, BUTTON_TYPES, BUTTON_VARIANTS, BrandLoaderComponent, ButtonComponent, ButtonDirective, ButtonStylesDirective, CALENDAR_ERROR_CODES, CALENDAR_ICON, CALENDAR_IMPORTS, CASCADER_ERROR_CODES, CASCADER_IMPORTS, CASCADER_SELECTABLE_LEVELS, CHECKBOX_IMPORTS, CHECK_ICON, CHEVRON_ICON, CHIP_ERROR_CODES, CHIP_IMPORTS, CHOICE_FIELD_IMPORTS, CLIPBOARD_CHECK_ICON, CLOCK_ICON, CODE_ICON, COLOR_INPUT_IMPORTS, CalendarCellDirective, CalendarComponent, CalendarDirective, CalendarGridDirective, CascaderColumnDirective, CascaderComponent, CascaderDirective, CascaderNodeDirective, CascaderPanelComponent, CascaderSearchDirective, CascaderSearchOptionDirective, CascaderSurfaceDirective, CascaderTriggerDirective, CheckboxComponent, CheckboxDirective, CheckboxGroupComponent, CheckboxOptionComponent, ChipComponent, ChipDirective, ChipRemoveDirective, ChoiceFieldComponent, ColorInputComponent, ColorInputDirective, DAILYMOTION_PLAYER_TOKEN, DATE_FORMAT, DATE_INPUT_ERROR_CODES, DATE_INPUT_IMPORTS, DATE_LOCALE, DATE_PICKER_HOST, DATE_RANGE_INPUT_ERROR_CODES, DATE_RANGE_INPUT_IMPORTS, DATE_TIME_INPUT_ERROR_CODES, DATE_TIME_INPUT_IMPORTS, DEFAULT_BREAKPOINTS, DEFAULT_ICON_VARIANT, DEFAULT_NOTIFICATION_MANAGER_CONFIG, DEFAULT_PIP_WINDOW_CONFIG, DEFAULT_RICH_TEXT_EDITOR_TOOLS, DEFAULT_STREAM_PLAYER_STATE, DROPZONE_ENTRY_STATUSES, DROPZONE_ERROR_CODES, DROPZONE_FILES_ERROR_KIND, DROPZONE_FILE_CONSTRAINTS, DROPZONE_FILE_REJECTION_REASONS, DROPZONE_IMPORTS, DURATION_INPUT_ERROR_CODES, DURATION_INPUT_IMPORTS, DailymotionPlayerComponent, DailymotionPlayerDirective, DailymotionPlayerParamsDirective, DailymotionPlayerSlotComponent, DateInputComponent, DateInputDirective, DateInputFieldDirective, DatePickerPanelComponent, DatePickerSurfaceDirective, DatePickerTriggerDirective, DateRangeInputComponent, DateRangeInputDirective, DateRangeInputFieldDirective, DateTimeInputComponent, DateTimeInputDirective, DateTimeInputFieldDirective, DescriptionComponent, DropzoneComponent, DropzoneDirective, DurationInputComponent, DurationInputDirective, DurationInputFieldDirective, ET_BUILT_IN_ICON_NAMES, EYE_ICON, EYE_SLASH_ICON, FACEBOOK_PLAYER_TOKEN, FILE_ICON, FLOPPY_DISK_ICON, FOCUS_FRAME_ICON, FORM_ERROR_MESSAGE_RESOLVER, FORM_FIELD_APPEARANCES, FORM_FIELD_CONTROL_TYPES, FORM_FIELD_ERROR_CODES, FORM_FIELD_FILLS, FORM_FIELD_IMPORTS, FORM_FIELD_LABEL_MODES, FORM_FIELD_SIZES, FORM_FIELD_TOKEN, FabComponent, FacebookPlayerComponent, FacebookPlayerDirective, FacebookPlayerParamsDirective, FacebookPlayerSlotComponent, FocusRingDirective, FormErrorComponent, FormFieldComponent, FormFieldDirective, GRID_2X2_ICON, GRID_ERROR_CODES, GRID_TOKEN, GridComponent, GridDebugComponent, GridDirective, GridDragDirective, GridImports, GridItemComponent, GridItemDefaultActionsComponent, GridItemDirective, GridItemRef, GridItemToolbarComponent, GridResizeDirective, HEADING_1_ICON, HEADING_2_ICON, HEADING_3_ICON, HintComponent, ICONS_TOKEN, ICON_DIRECTIVE_TOKEN, ICON_ERROR_CODES, ICON_IMPORTS, ICON_OVERRIDES_TOKEN, INITIAL_SUPPORT_PRESENTATION_STATE, INPUT_IMPORTS, INPUT_MASK_HOST, INPUT_TEXT_ALIGNMENTS, INPUT_TYPES, INTERACTIVE_TAGS, ITALIC_ICON, IconButtonComponent, IconDirective, InputComponent, InputDirective, InputMaskDirective, InputPrefixDirective, InputSuffixDirective, KICK_PLAYER_TOKEN, KickPlayerComponent, KickPlayerDirective, KickPlayerParamsDirective, KickPlayerSlotComponent, LINK_ICON, LIST_BULLETED_ICON, LIST_NUMBERED_ICON, LOCK_ICON, LabelDirective, MASKED_INPUT_ERROR_CODES, MASKED_INPUT_IMPORTS, MASK_VALUE_MODES, MENU_ERROR_CODES, MENU_IMPORTS, MENU_ITEM_VARIANTS, MENU_SELECTION_GROUP_MULTIPLE, MENU_SELECTION_GROUP_TOKEN, MENU_SELECTION_ITEM_KIND, MINUS_ICON, MULTI_LANGUAGE_RICH_TEXT_EDITOR_ERROR_CODES, MULTI_LANGUAGE_RICH_TEXT_EDITOR_IMPORTS, MenuCheckboxGroupComponent, MenuCheckboxItemComponent, MenuComponent, MenuContextTriggerDirective, MenuDirective, MenuGroupLabelComponent, MenuItemComponent, MenuItemDirective, MenuItemShortcutComponent, MenuPanelDirective, MenuRadioGroupComponent, MenuRadioItemComponent, MenuSearchDirective, MenuSelectionGroupDirective, MenuSelectionItemDirective, MenuSeparatorComponent, MenuSurfaceDirective, MenuTriggerDirective, MultiLanguageRichTextEditorComponent, MultiLanguageRichTextEditorDirective, MultiLanguageRichTextEditorLanguageToolComponent, NAV_TABS_TOKEN, NOTIFICATION_ERROR_CODES, NOTIFICATION_IMPORTS, NOTIFICATION_STACK_CONTEXT_TOKEN, NOTIFICATION_STATUS, NUMBER_INPUT_IMPORTS, NavTabImports, NavTabLinkComponent, NavTabLinkDirective, NavTabsComponent, NavTabsDirective, NavTabsOutletComponent, NavTabsOutletDirective, NotificationActionDirective, NotificationComponent, NotificationDirective, NotificationDismissDirective, NotificationItemDirective, NotificationStackDirective, NumberInputComponent, NumberInputDirective, OTP_INPUT_IMPORTS, OVERLAY_BACK_OR_CLOSE_TOKEN, OVERLAY_BODY_TOKEN, OVERLAY_CONFIG_CLASS_KEYS, OVERLAY_CONTENT_IMPORTS, OVERLAY_ERROR_CODES, OVERLAY_FOOTER_TOKEN, OVERLAY_HEADER_TEMPLATE_TOKEN, OVERLAY_HEADER_TOKEN, OVERLAY_IMPORTS, OVERLAY_MAIN_TOKEN, OVERLAY_QUERY_PARAM_INPUT_NAME, OVERLAY_REF, OVERLAY_ROUTER_CONFIG_TOKEN, OVERLAY_ROUTER_LINK_TOKEN, OVERLAY_ROUTER_OUTLET_DISABLED_TEMPLATE_TOKEN, OVERLAY_ROUTER_OUTLET_TOKEN, OVERLAY_ROUTER_TOKEN, OVERLAY_SHARED_ROUTE_TEMPLATE_TOKEN, OtpInputComponent, OtpInputDirective, OverlayAnchorDirective, OverlayBackOrCloseDirective, OverlayBodyComponent, OverlayCloseDirective, OverlayContainerComponent, OverlayDirective, OverlayFooterDirective, OverlayHeaderDirective, OverlayHeaderTemplateDirective, OverlayMainDirective, OverlayOriginCloneComponent, OverlayRouteHeaderTemplateOutletComponent, OverlayRouterLinkDirective, OverlayRouterOutletComponent, OverlayRouterOutletDisabledTemplateDirective, OverlaySharedRouteTemplateDirective, OverlaySharedRouteTemplateOutletComponent, OverlaySidebarComponent, OverlaySidebarPageComponent, OverlaySurfaceDirective, OverlayTitleDirective, OverlayTriggerDirective, PARAGRAPH_ICON, PASSWORD_INPUT_IMPORTS, PENCIL_ICON, PHONE_COUNTRIES, PHONE_INPUT_ERROR_CODES, PHONE_INPUT_IMPORTS, PIP_CHROME_REF_TOKEN, PIP_ENTRY_TOKEN, PIP_WINDOW_ASPECT_RATIO_TOKEN, PLUS_ICON, PasswordInputComponent, PasswordInputDirective, PhoneInputComponent, PhoneInputDirective, PhoneInputFieldDirective, PhoneInputFlagDirective, PipBackDirective, PipBringBackDirective, PipCellDirective, PipCloseDirective, PipCollapseOverlayDirective, PipGridToggleDirective, PipPlayerComponent, PipSlotPlaceholderComponent, PipStageDirective, PipTitleBarDirective, PipTitleBarTemplateDirective, PipWindowComponent, PipWindowParamsDirective, ProgressBarComponent, QueryParamOverlayLinkDirective, RATING_IMPORTS, RICH_TEXT_EDITOR_HEADING_OPTIONS, RICH_TEXT_EDITOR_IMPORTS, RICH_TEXT_EDITOR_INLINE_TOOLS, RICH_TEXT_EDITOR_LANGUAGE_TOOL, RICH_TEXT_EDITOR_TOKEN_CODEC, RICH_TEXT_EDITOR_TOKEN_PALETTE_IMPORTS, RICH_TEXT_EDITOR_TOOL, RICH_TEXT_EDITOR_TOOLS, RICH_TEXT_EDITOR_TOOL_BUTTONS, RICH_TEXT_EDITOR_TRIGGERS_IMPORTS, ROTATE_RIGHT_ICON, RadioComponent, RadioGroupComponent, RangeSliderComponent, RangeSliderDirective, RatingComponent, RatingDirective, RatingIconDirective, RichTextEditorAlignToolComponent, RichTextEditorComponent, RichTextEditorDirective, RichTextEditorFloatingToolbarComponent, RichTextEditorFloatingToolbarDirective, RichTextEditorLinkEditorComponent, RichTextEditorLinkEditorDirective, RichTextEditorTableToolComponent, RichTextEditorTokenPaletteComponent, RichTextEditorTokenPopupComponent, RichTextEditorTriggersDirective, SCROLLABLE_ERROR_CODES, SCROLLABLE_IMPORTS, SELECTION_LIST_MULTIPLE, SELECTION_LIST_TOKEN, SELECT_ERROR_CODES, SELECT_FILTER_MODES, SELECT_IMPORTS, SIDEBAR_OVERLAY_CONFIG, SIDEBAR_OVERLAY_TOKEN, SLIDER_ERROR_CODES, SLIDER_IMPORTS, SLIDER_TOKEN, SNAP_HYSTERESIS, SOOP_PLAYER_TOKEN, SPLIT_BUTTON_ERROR_CODES, STAR_ICON, STREAM_CONSENT_TOKEN, STREAM_PLAYER_COMPONENT_TOKEN, STREAM_PLAYER_ERROR_CONTEXT_TOKEN, STREAM_PLAYER_ERROR_TOKEN, STREAM_PLAYER_PARAMS_TOKEN, STREAM_PLAYER_SLOT_TOKEN, STREAM_PLAYER_TOKEN, STREAM_SLOT_PLAYER_ID_TOKEN, STREAM_USER_CONSENT_PROVIDER_TOKEN, STRIKETHROUGH_ICON, SUPPORT_CONTENT_STATE, SUPPORT_TRANSITION_DIRECTION, SWITCH_IMPORTS, ScrollableActiveChildDirective, ScrollableButtonsDirective, ScrollableComponent, ScrollableDarkenDirective, ScrollableDirective, ScrollableDragDirective, ScrollableIgnoreChildDirective, ScrollableLoadingTemplateDirective, ScrollableMasksDirective, ScrollableNavigationDirective, ScrollableSnapDirective, SegmentedButtonComponent, SegmentedButtonGroupComponent, SelectComponent, SelectDirective, SelectEmptyDirective, SelectErrorDirective, SelectListboxDirective, SelectLoadingDirective, SelectOptionComponent, SelectOptionDirective, SelectOptionGroupComponent, SelectOptionGroupDirective, SelectOptionTemplateDirective, SelectOptionsDirective, SelectPanelComponent, SelectSearchDirective, SelectSurfaceDirective, SelectTriggerDirective, SelectValueDirective, SelectViewportDirective, SelectVirtualOptionComponent, SelectVirtualOptionDirective, SelectionListControlDirective, SelectionListDirective, SelectionOptionDirective, SliderComponent, SliderDirective, SliderThumbDirective, SliderThumbLabelDirective, SliderTrackDirective, SoopPlayerComponent, SoopPlayerDirective, SoopPlayerParamsDirective, SoopPlayerSlotComponent, SpinnerComponent, SplitButtonActionDirective, SplitButtonComponent, SplitButtonDirective, SplitButtonTriggerDirective, StreamConsentAcceptDirective, StreamConsentComponent, StreamConsentDirective, StreamImports, StreamPipChromeComponent, StreamPlayerErrorComponent, StreamPlayerErrorDirective, StreamPlayerLoadingComponent, StreamPlayerSlotDirective, SwitchComponent, SwitchDirective, TABLE_ICON, TAB_BAR_FITS, TAB_BAR_ORIENTATIONS, TAB_BAR_TOKEN, TAB_BAR_TRIGGER_TOKEN, TAB_BAR_VARIANTS, TAB_ERROR_CODES, TAB_GROUP_TOKEN, TAB_PANEL_TOKEN, TAB_SIZES, TAG_INPUT_ERROR_CODES, TAG_INPUT_IMPORTS, TEXTAREA_IMPORTS, TEXTAREA_RESIZE_MODES, TEXT_ALIGNS, TIKTOK_PLAYER_TOKEN, TIMES_ICON, TIME_FORMAT, TIME_INPUT_ERROR_CODES, TIME_INPUT_IMPORTS, TIME_PICKER_ERROR_CODES, TIME_PICKER_IMPORTS, TOGGLETIP_ERROR_CODES, TOGGLETIP_IMPORTS, TOOLTIP_ERROR_CODES, TOOLTIP_IMPORTS, TRIANGLE_EXCLAMATION_ICON, TWITCH_PLAYER_TOKEN, TabBarDirective, TabBarTriggerDirective, TabBarUnderlineDirective, TabComponent, TabGroupComponent, TabGroupDirective, TabImports, TabLabelDirective, TabPanelDirective, TabTriggerDirective, TagInputComponent, TagInputDirective, TagInputFieldDirective, TextButtonComponent, TextFieldControlDirective, TextareaComponent, TextareaDirective, TikTokPlayerComponent, TikTokPlayerDirective, TikTokPlayerParamsDirective, TikTokPlayerSlotComponent, TimeInputComponent, TimeInputDirective, TimeInputFieldDirective, TimePickerColumnDirective, TimePickerComponent, TimePickerDirective, TimePickerOptionDirective, ToggletipCloseDirective, ToggletipComponent, ToggletipDirective, ToggletipTriggerDirective, TooltipComponent, TooltipDirective, TwitchPlayerComponent, TwitchPlayerDirective, TwitchPlayerParamsDirective, TwitchPlayerSlotComponent, UNDERLINE_ICON, UNIT_MS, UPLOAD_ICON, VIMEO_PLAYER_TOKEN, VimeoPlayerComponent, VimeoPlayerDirective, VimeoPlayerParamsDirective, VimeoPlayerSlotComponent, WINDOW_CONTROL_BUTTON_KINDS, WINDOW_CONTROL_BUTTON_SIZES, WindowControlButtonComponent, YOUTUBE_PLAYER_SLOT_TOKEN, YOUTUBE_PLAYER_TOKEN, YoutubePlayerComponent, YoutubePlayerDirective, YoutubePlayerParamsDirective, YoutubePlayerSlotComponent, YoutubePlayerSlotDirective, abortFullscreenAnimation, anchoredDialogOverlayStrategy, anchoredOverlayStrategy, autoPlace, bottomSheetOverlayStrategy, buildAnchoredRuntimePositionStrategy, canHaveChildren, cascaderFromQuery, centeredOverlayStrategy, clampPosition, clampResizeRect, cleanupFullscreenAnimation, cleanupFullscreenAnimationStyles, compactLayout, computeGeometry, computeGridHeight, createAnchoredPanelController, createAutoScroller, createCardMask, createCurrencyMask, createDefaultDropzoneArgs, createDropzoneUpload, createExistingDropzoneEntry, createFileDropzoneEntry, createGridAdapter, createIbanMask, createNotificationRef, createOverlayOpener, createOverlayRef, createOverlayStrategyController, createOverlayUnsavedChangesGuard, createPipChromeAnimations, createPipChromeState, createRichTextEditorTrigger, createRichTextEditorTriggerWithQuery, createStreamConfig, createStreamPlayerSlot, createV2DropzoneUpload, defaultCompareWith, defaultDropzoneRejectionMessage, defineOverlay, defineQueryParamOverlay, deriveDurationFormatSpec, deserializeGridLayout, dialogOverlayStrategy, disposeDropzoneEntry, dropzoneFiles, enableDragToDismiss, findCollision, findNextRelevantHtmlElement, findScrollableAncestor, formatDuration, formatFileSize, fromGridPosition, fullScreenDialogOverlayStrategy, getClosestOverlay, getOriginCoordinatesAndDimensions, hysteresisRound, iconRegistryKey, indexOfNode, injectAnchoredDialogStrategy, injectAnchoredDialogStrategyDefaults, injectBottomSheetStrategy, injectBottomSheetStrategyDefaults, injectDateFormat, injectDateLocale, injectDialogStrategy, injectDialogStrategyDefaults, injectFormSupport, injectFullscreenDialogStrategy, injectFullscreenDialogStrategyDefaults, injectGridConfig, injectLeftSheetStrategy, injectLeftSheetStrategyDefaults, injectNotificationManager, injectNotificationManagerConfig, injectOverlayManager, injectOverlayRouter, injectOverlayScrollBlocker, injectOverlaySurfaceContext, injectPipChromeManager, injectPipManager, injectPipSlotPlaceholderConfig, injectRichTextEditorTools, injectRightSheetStrategy, injectRightSheetStrategyDefaults, injectSidebarOverlay, injectStreamConfig, injectStreamConsentConfig, injectStreamManager, injectStreamPlayerErrorConfig, injectStreamPlayerLoadingConfig, injectStreamScriptLoader, injectStreamUserConsentProvider, injectTimeFormat, injectTopSheetStrategy, injectTopSheetStrategyDefaults, isFileAccepted, isHtmlElement, isInteractiveElement, isPointerEvent, isTargetInsideOverlayTree, isTouchEvent, itemsCollide, leftSheetOverlayStrategy, mapLayoutToBreakpoint, matchCountryByDialCode, mergeOverlayBreakpointConfigs, mergeOverlayConfigs, nodesEqual, parseDuration, phoneCountryFlag, phoneCountryName, pixelRectsEqual, positionToPixelRect, positionsEqual, projectDragCell, provideAnchoredDialogStrategy, provideAnchoredDialogStrategyDefaults, provideBottomSheetStrategy, provideBottomSheetStrategyDefaults, provideDateFormat, provideDateLocale, provideDialogStrategy, provideDialogStrategyDefaults, provideFormErrorMessageResolver, provideFormSupport, provideFullscreenDialogStrategy, provideFullscreenDialogStrategyDefaults, provideGridConfig, provideIconOverrides, provideIcons, provideLeftSheetStrategy, provideLeftSheetStrategyDefaults, provideNotificationManager, provideNotificationManagerConfig, provideNotificationManagerInstance, provideOverlay, provideOverlayManager, provideOverlayRouter, provideOverlayRouterConfig, provideOverlayRouterService, provideOverlayScrollBlocker, providePipChromeManager, providePipManager, providePipSlotPlaceholderConfig, provideRichTextEditorAlignmentTool, provideRichTextEditorLanguageTool, provideRichTextEditorTableTool, provideRichTextEditorTokenRendering, provideRichTextEditorTools, provideRightSheetStrategy, provideRightSheetStrategyDefaults, provideSidebarOverlay, provideSidebarOverlayConfig, provideSidebarOverlayService, provideStreamConfig, provideStreamConsentConfig, provideStreamManager, provideStreamPlayerErrorConfig, provideStreamPlayerLoadingConfig, provideTimeFormat, provideTopSheetStrategy, provideTopSheetStrategyDefaults, reduceSupportPresentation, registerSingleton, requiredLanguages, resizeSpanBounds, resolveBreakpoint, resolveClosestOverlay, resolveCollisions, rightSheetOverlayStrategy, rowsToPixelHeight, selectOptionsFromQuery, selectOptionsFromV2Query, serializeGridLayout, snapResizeSpan, spanHeight, spanWidth, startFullscreenEnterAnimation, startFullscreenLeaveAnimation, stripTrunkZero, supportPresentationIncludesState, toChildrenObservable, toGridPosition, toPathObservable, toSearchObservable, topSheetOverlayStrategy, transformingBottomSheetToDialogOverlayStrategy, transformingFullScreenDialogToDialogOverlayStrategy, transformingFullScreenDialogToRightSheetOverlayStrategy, wireFormSupport };
+export type { AnchoredDialogOverlayStrategyOptions, AnchoredOverlayStrategyOptions, AnchoredPanelCloseInfo, AnchoredPanelOverlayRef, AnchoredPanelSurfaceLike, AnchoredPositionOptions, AnyDropzoneUploadConfig, AutoPlaceOptions, AutoScrollPointer, AutoScroller, ButtonIconAlignment, ButtonSize, CalendarCell, CalendarMode, CalendarRange, CalendarWeekday, CascaderColumnState, CascaderCompareWith, CascaderDataSource, CascaderFromQueryConfig, CascaderFromQuerySearchConfig, CascaderNode, CascaderNodeSignal, CascaderSearchState, CascaderSelectableLevels, CascaderSurfaceContext, CenteredOverlayStrategyOptions, ClampPositionOptions, CompactLayoutOptions, CreateAnchoredPanelControllerOptions, CreateExistingDropzoneEntryOptions, CreateFileDropzoneEntryOptions, CreateOverlayUnsavedChangesGuardConfig, CurrencyMaskOptions, DatePickerHost, DatePickerSurfaceBase, DatePickerSurfaceContext, DatePickerTriggerBase, DateRangeSide, DateRangeValue, DragToDismissContext, DragToDismissRef, DropzoneEntry, DropzoneEntrySource, DropzoneEntryStatus, DropzoneExistingFileInfo, DropzoneFileConstraints, DropzoneFileRejection, DropzoneFileRejectionReason, DropzoneFileValidationChannel, DropzoneUploadConfig, DropzoneUploadError, DropzoneUploadHandle, DropzoneUploadHandleOptions, DropzoneUploadState, DurationFormatSpec, DurationSegment, DurationUnit, EtBuiltInIconName, EthleteIconNameRegistry, EthleteIconVariantRegistry, FacebookVideoPlayer, FacebookWindow, FindCollisionOptions, FormErrorMessageResolver, FormFieldAppearance, FormFieldControl, FormFieldControlType, FormFieldDirectiveBase, FormFieldFill, FormFieldLabelMode, FormFieldSize, FormSupport, FullscreenAnimationCancellable, FullscreenAnimationDeps, FullscreenAnimationState, GridAdapter, GridBreakpointConfig, GridBreakpointName, GridComponentRegistration, GridConfig, GridGeometry, GridItemActionsComponent, GridItemConfig, GridItemConstraints, GridItemPosition, GridLayoutEntry, GridSerializedState, HintComponentBase, IconDefinition, IconOverride, InputMaskHost, InputTextAlignment, LabelDirectiveBase, MapLayoutOptions, MaskSpec, MaskValueMode, MenuAnchorPoint, MenuCloseReason, MenuItemActivationEvent, MenuItemActivationSource, MenuItemVariant, MenuOpenSource, MenuSelectionGroupDirectiveBase, MenuSelectionGroupItem, MenuSelectionItemKind, MenuSurfaceContext, MultiLanguageRichTextEditorLanguage, MultiLanguageRichTextEditorValue, NotificationAction, NotificationConfig, NotificationEntry, NotificationManager, NotificationManagerConfig, NotificationRef, NotificationStackContext, NotificationStatus, OtpInputCharset, OverlayAutoFocusTarget, OverlayBodyDividerType, OverlayBreakpointConfig, OverlayCloseGuard, OverlayConfig, OverlayDefinition, OverlayDefinitionConfig, OverlayDragToDismissConfig, OverlayLifecycleConfig, OverlayManager, OverlayMode, OverlayOpenConfig, OverlayOpener, OverlayOpenerConfig, OverlayRef, OverlayRole, OverlayRoute, OverlayRouter, OverlayRouterConfig, OverlayRouterNavigateConfig, OverlayRouterNavigationDirection, OverlayRouterResolvedPath, OverlayRouterTransitionType, OverlayStrategy, OverlayStrategyBreakpoint, OverlayStrategyContext, OverlayStrategyController, OverlayStrategyControllerMountConfig, OverlaySurfaceContext, OverlayTreeContainmentOptions, OverlayUnsavedChangesDismissSources, OverlayUnsavedChangesGuardRef, PhoneCountry, PhoneInputFlagContext, PhoneInputFlagCountry, PipCellData, PipChromeAnimations, PipChromeRef, PipChromeState, PipManager, PipSlotPlaceholderConfig, PixelRect, QueryParamOverlayDefinition, QueryParamOverlayDefinitionConfig, QueryParamOverlayHost, QueryParamOverlayOpener, QueryParamOverlayValue, RangeSliderValue, RatingIconContext, RatingIconState, ReduceSupportPresentationInput, RegisteredIconName, RegisteredIconVariant, RequiredLanguagesOptions, ResizeSpanBounds, ResolveClosestOverlayOptions, ResolveCollisionsOptions, ResolvedDropzoneUploadConfig, RichTextEditorLinkEditorValue, RichTextEditorQueryTriggerConfig, RichTextEditorTool, RichTextEditorToolButton, RichTextEditorToolDefinition, RichTextEditorToolsConfig, RichTextEditorTrigger, RichTextEditorTriggerItem, RichTextEditorTriggerItemResolver, RichTextEditorTriggerItemSource, RichTextEditorTriggerType, RowFloors, ScrollableActiveChildRef, ScrollableButtonPosition, ScrollableDirection, ScrollableIntersectionChange, ScrollableItemSize, ScrollableLoadingTemplatePosition, ScrollableLoadingTemplateRef, ScrollableMaskVariant, ScrollableNavigation, ScrollableNavigationItem, ScrollableScrollMode, ScrollableScrollOrigin, ScrollableScrollState, SelectAsyncOptions, SelectErrorContext, SelectFilterMode, SelectItem, SelectOptionData, SelectOptionGroupItem, SelectOptionTemplateContext, SelectOptionsFromQuery, SelectOptionsFromQueryConfig, SelectOptionsFromV2QueryConfig, SelectSelectedEntry, SelectSurfaceContext, SelectValueContext, SelectionListDirectiveBase, SelectionListItem, SerializeOptions, SidebarOverlay, SidebarOverlayConfig, SliderHostBase, SliderThumbBase, SliderThumbLabelBase, SliderThumbLabelContext, StreamConfig, StreamConsentConfig, StreamManager, StreamPipEntry, StreamPipWindowConfig, StreamPlayer, StreamPlayerCapabilities, StreamPlayerEntry, StreamPlayerErrorConfig, StreamPlayerErrorContext, StreamPlayerId, StreamPlayerLoadingConfig, StreamPlayerParams, StreamPlayerSlotHandle, StreamPlayerSlotOptions, StreamPlayerState, StreamScriptLoader, StreamSlotEntry, SupportContentState, SupportPresentationState, SupportTransitionDirection, TabBarFit, TabBarOrientation, TabBarVariant, TabSize, TextAlign, TextareaResizeMode, TimePickerColumn, TimePickerOption, TimePickerUnit, ToggletipContent, TooltipContent, TwitchEmbed, TwitchEmbedConstructor, TwitchEmbedPlayer, TwitchPlayerParams, TwitchWindow, V2DropzonePrepareArgsOf, V2DropzoneUploadConfig, V2PrepareArgsOf, ViewportTransformData, VimeoDurationChangeEvent, VimeoPlaybackEvent, VimeoPlayer, VimeoPlayerOptions, VimeoWindow, WindowControlButtonKind, WindowControlButtonSize, YtPlayer, YtPlayerConfig, YtPlayerErrorEvent, YtPlayerEvent, YtPlayerStateChangeEvent, YtPlayerVars, YtWindow };