@ethlete/components 1.0.0-next.17 → 1.0.0-next.18

package/types/ethlete-components.d.ts

@@ -1,10 +1,11 @@
 import * as _angular_core from '@angular/core';
-import { Signal, WritableSignal, InjectionToken, ElementRef, Type, InputSignal, ViewContainerRef, Injector, Binding, StaticProvider, TemplateRef, OnInit, ComponentRef, OnDestroy, computed, Provider, EnvironmentInjector, ApplicationRef } from '@angular/core';
+import { Signal, WritableSignal, InjectionToken, ElementRef, Type, InputSignal, ViewContainerRef, Injector, Binding, StaticProvider, TemplateRef, OnInit, ComponentRef, ModelSignal, OnDestroy, computed, Provider, EnvironmentInjector, ApplicationRef } from '@angular/core';
 import * as _ethlete_core from '@ethlete/core';
-import { AnimatableDirective, ResizeEdge, DragHandleDirective, ResizeMoveEvent, OverlayRuntimePositionStrategy, Breakpoint, OverlayRuntimeRef, AnimatedLifecycleDirective, OverlayRuntimeCloseSource, AnimatedLifecycleState, AngularRenderer, OverlayRuntimeAnimationDelegate, ScrollObserverDirective, ScrollToElementOptions, ConsentHandler, ProvideColorDirective } from '@ethlete/core';
+import { AnimatableDirective, ResizeEdge, DragHandleDirective, ResizeMoveEvent, OverlayRuntimePositionStrategy, Breakpoint, OverlayRuntimeRef, AnimatedLifecycleDirective, OverlayRuntimeCloseSource, AnimatedLifecycleState, OverlayRuntimeShiftOptions, AngularRenderer, OverlayRuntimeAnimationDelegate, ScrollObserverDirective, ScrollToElementOptions, ConsentHandler, ProvideColorDirective } from '@ethlete/core';
 import * as _angular_forms_signals from '@angular/forms/signals';
-import { ValidationError, FormCheckboxControl, FormValueControl } from '@angular/forms/signals';
+import { ValidationError, FormCheckboxControl, PathKind, SchemaPath, SchemaPathRules, FormValueControl } from '@angular/forms/signals';
 import * as _ethlete_components from '@ethlete/components';
+import { QueryArgs, QueryCreator, RequestArgs, ResponseType, AnyNewQuery, QueryErrorResponse } from '@ethlete/query';
 import * as _angular_platform_browser from '@angular/platform-browser';
 import { Placement, OffsetOptions, Padding } from '@floating-ui/dom';
 import * as rxjs from 'rxjs';
@@ -39,6 +40,41 @@ declare class ButtonDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ButtonDirective, "[etButton]", ["etButton"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "pressed": { "alias": "pressed"; "required": false; "isSignal": true; }; "emitAriaPressed": { "alias": "emitAriaPressed"; "required": false; "isSignal": true; }; "mutedUntilPressed": { "alias": "mutedUntilPressed"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _ethlete_core.SurfaceInteractiveDirective; inputs: {}; outputs: {}; }]>;
 }
 
+declare class SplitButtonActionDirective {
+    private splitButton;
+    private destroyRef;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonActionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SplitButtonActionDirective, "[etSplitButtonAction]", ["etSplitButtonAction"], {}, {}, never, never, true, never>;
+}
+
+declare const SPLIT_BUTTON_ERROR_CODES: {
+    readonly MISSING_ACTION: 2300;
+    readonly MISSING_TRIGGER: 2301;
+    readonly ACTION_OUTSIDE_SPLIT_BUTTON: 2302;
+    readonly TRIGGER_OUTSIDE_SPLIT_BUTTON: 2303;
+};
+
+declare class SplitButtonTriggerDirective {
+    private splitButton;
+    private destroyRef;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SplitButtonTriggerDirective, "[etSplitButtonTrigger]", ["etSplitButtonTrigger"], {}, {}, never, never, true, never>;
+}
+
+declare class SplitButtonDirective {
+    registeredAction: _angular_core.WritableSignal<SplitButtonActionDirective | null>;
+    registeredTrigger: _angular_core.WritableSignal<SplitButtonTriggerDirective | null>;
+    constructor();
+    /** @internal */
+    unregisterAction(action: SplitButtonActionDirective): void;
+    /** @internal */
+    unregisterTrigger(trigger: SplitButtonTriggerDirective): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SplitButtonDirective, "[etSplitButton]", ["etSplitButton"], {}, {}, never, never, true, never>;
+}
+
 declare class FocusRingDirective {
     private styleManager;
     disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -125,6 +161,11 @@ declare class IconButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconButtonComponent, "[et-icon-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["[etIcon]"], true, [{ directive: typeof ButtonDirective; inputs: { "disabled": "disabled"; "loading": "loading"; "type": "type"; "pressed": "pressed"; "mutedUntilPressed": "mutedUntilPressed"; }; outputs: {}; }, { directive: typeof ButtonStylesDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }, { directive: typeof FocusRingDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
 }
 
+declare class SplitButtonComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitButtonComponent, "et-split-button", never, {}, {}, never, ["*"], true, [{ directive: typeof SplitButtonDirective; inputs: {}; outputs: {}; }]>;
+}
+
 declare class TextButtonComponent {
     protected buttonDir: ButtonDirective;
     size: _angular_core.InputSignal<ButtonSize>;
@@ -172,10 +213,10 @@ declare class WindowControlButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<WindowControlButtonComponent, "[et-window-control-button]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "kind": { "alias": "kind"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof ButtonDirective; inputs: { "disabled": "disabled"; "loading": "loading"; "type": "type"; "pressed": "pressed"; }; outputs: {}; }, { directive: typeof ButtonStylesDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }, { directive: typeof FocusRingDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
 }
 
-declare const BUTTON_IMPORTS: readonly [typeof ButtonComponent, typeof FabComponent, typeof IconButtonComponent, typeof TextButtonComponent, typeof WindowControlButtonComponent, typeof ButtonDirective];
+declare const BUTTON_IMPORTS: readonly [typeof ButtonComponent, typeof FabComponent, typeof IconButtonComponent, typeof SplitButtonComponent, typeof TextButtonComponent, typeof WindowControlButtonComponent, typeof ButtonDirective, typeof SplitButtonDirective, typeof SplitButtonActionDirective, typeof SplitButtonTriggerDirective];
 
 declare const FORM_FIELD_ERROR_CODES: {
-    readonly MISSING_CONTROL: 1800;
+    readonly MISSING_CONTROL: 2200;
 };
 
 declare const FORM_FIELD_CONTROL_TYPES: {
@@ -186,6 +227,7 @@ declare const FORM_FIELD_CONTROL_TYPES: {
     readonly SWITCH: "switch";
     readonly SEGMENTED_BUTTON: "segmented-button";
     readonly SELECTION_LIST: "selection-list";
+    readonly DROPZONE: "dropzone";
 };
 type FormFieldControlType = (typeof FORM_FIELD_CONTROL_TYPES)[keyof typeof FORM_FIELD_CONTROL_TYPES];
 type FormFieldControl = {
@@ -371,6 +413,30 @@ declare class CheckboxComponent {
 
 declare const CHECKBOX_IMPORTS: readonly [typeof CheckboxComponent, typeof CheckboxDirective];
 
+declare const FORM_FIELD_APPEARANCES: {
+    readonly BOX: "box";
+    readonly UNDERLINE: "underline";
+};
+type FormFieldAppearance = (typeof FORM_FIELD_APPEARANCES)[keyof typeof FORM_FIELD_APPEARANCES];
+declare const FORM_FIELD_FILLS: {
+    readonly TRANSPARENT: "transparent";
+    readonly FILLED: "filled";
+};
+type FormFieldFill = (typeof FORM_FIELD_FILLS)[keyof typeof FORM_FIELD_FILLS];
+declare const FORM_FIELD_LABEL_MODES: {
+    readonly STATIC: "static";
+    readonly INLINE: "inline";
+    readonly FLOATING_INSIDE: "floating-inside";
+    readonly FLOATING_OUTSIDE: "floating-outside";
+};
+type FormFieldLabelMode = (typeof FORM_FIELD_LABEL_MODES)[keyof typeof FORM_FIELD_LABEL_MODES];
+declare const FORM_FIELD_SIZES: {
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+};
+type FormFieldSize = (typeof FORM_FIELD_SIZES)[keyof typeof FORM_FIELD_SIZES];
+
 declare class ChoiceFieldComponent {
     support: {
         errorColorTheme: _ethlete_core.ColorTheme;
@@ -389,6 +455,7 @@ declare class ChoiceFieldComponent {
         visibleErrors: _angular_core.Signal<readonly _angular_forms_signals.ValidationError.WithOptionalFieldTree[]>;
         supportHeight: _angular_core.Signal<number>;
     };
+    size: _angular_core.InputSignal<FormFieldSize>;
     private errorContentRef;
     private hintContentRef;
     private errorAnimatableRef;
@@ -398,7 +465,7 @@ declare class ChoiceFieldComponent {
     };
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChoiceFieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChoiceFieldComponent, "et-choice-field", never, {}, {}, never, ["*", "et-label", "et-hint"], true, [{ directive: typeof FormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChoiceFieldComponent, "et-choice-field", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*", "et-label", "et-hint"], true, [{ directive: typeof FormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
 }
 
 declare class HintComponent implements HintComponentBase {
@@ -416,36 +483,328 @@ declare class DescriptionComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DescriptionComponent, "et-description", never, {}, {}, never, ["*"], true, never>;
 }
 
+/**
+ * Display information for a value that is already part of the form control
+ * (e.g. media uploaded in a previous session inside an edit form).
+ */
+type DropzoneExistingFileInfo = {
+    /** URL rendered as a preview thumbnail. */
+    previewUrl?: string | null;
+    /** Human readable name of the file. Falls back to the stringified value. */
+    name?: string;
+    /** File size in bytes. */
+    size?: number | null;
+};
+type DropzoneUploadConfig<TArgs extends QueryArgs = QueryArgs, TValue = unknown> = {
+    /**
+     * The query creator used to upload a single file (e.g. a POST multipart route).
+     *
+     * For per-file upload progress, create it with `reportProgress: true` and make sure the
+     * app uses the XHR `HttpClient` backend (upload progress events are not supported with
+     * `provideHttpClient(withFetch())`). Without progress information the dropzone falls
+     * back to an indeterminate progress display.
+     */
+    queryCreator: QueryCreator<TArgs>;
+    /**
+     * Builds the request 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) => RequestArgs<TArgs>;
+    /**
+     * Maps the upload response to the value that gets pushed into the form control
+     * (e.g. `(media) => media.uuid`).
+     */
+    selectValue: (response: NonNullable<ResponseType<TArgs>>) => 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;
+};
+type AnyDropzoneUploadConfig<TValue = unknown> = DropzoneUploadConfig<any, TValue>;
+/**
+ * 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.
+ */
+declare const createDropzoneUpload: <TArgs extends QueryArgs, TValue>(config: DropzoneUploadConfig<TArgs, TValue>) => DropzoneUploadConfig<TArgs, TValue>;
+declare const createDefaultDropzoneArgs: (file: File) => RequestArgs<QueryArgs>;
+
+declare const DROPZONE_ENTRY_STATUSES: {
+    readonly UPLOADING: "uploading";
+    readonly SUCCESS: "success";
+    readonly ERROR: "error";
+    readonly EXISTING: "existing";
+};
+type DropzoneEntryStatus = (typeof DROPZONE_ENTRY_STATUSES)[keyof typeof DROPZONE_ENTRY_STATUSES];
+type DropzoneEntrySource<TValue = unknown> = {
+    type: 'file';
+    file: File;
+} | {
+    type: 'existing';
+    value: TValue;
+};
+type DropzoneEntry<TValue = unknown> = {
+    /** Unique id of this entry. Stable for the lifetime of the entry. */
+    id: string;
+    /** What this entry was created from — a picked/dropped file or an existing form control value. */
+    source: DropzoneEntrySource<TValue>;
+    /** Human readable name (file name or resolved from the existing value). */
+    name: Signal<string>;
+    /** File size in bytes. `null` when unknown. */
+    size: Signal<number | null>;
+    /** Preview URL (object URL for image files, resolver-provided URL for existing values). */
+    previewUrl: Signal<string | null>;
+    status: Signal<DropzoneEntryStatus>;
+    /** 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>;
+    /** 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 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;
+};
+declare const createFileDropzoneEntry: <TValue>(options: CreateFileDropzoneEntryOptions<TValue>) => DropzoneEntry<TValue>;
+type CreateExistingDropzoneEntryOptions<TValue> = {
+    value: TValue;
+    upload: Signal<AnyDropzoneUploadConfig<TValue>>;
+};
+declare const createExistingDropzoneEntry: <TValue>(options: CreateExistingDropzoneEntryOptions<TValue>) => DropzoneEntry<TValue>;
+/** Releases all resources held by an entry (object URL, in-flight upload). */
+declare const disposeDropzoneEntry: <TValue>(entry: DropzoneEntry<TValue>) => void;
+/** Checks a file against the native `accept` attribute semantics (`.ext`, `type/subtype`, `type/*`). */
+declare const isFileAccepted: (file: File, accept: string) => boolean;
+/** Formats a byte count as a short human readable string (e.g. `1.5 MB`). */
+declare const formatFileSize: (bytes: number) => string;
+
+declare const DROPZONE_FILE_REJECTION_REASONS: {
+    readonly ACCEPT: "accept";
+    readonly MAX_FILE_SIZE: "maxFileSize";
+    readonly MIN_FILE_SIZE: "minFileSize";
+    readonly MAX_FILES: "maxFiles";
+};
+type DropzoneFileRejectionReason = (typeof DROPZONE_FILE_REJECTION_REASONS)[keyof typeof DROPZONE_FILE_REJECTION_REASONS];
+type DropzoneFileRejection = {
+    file: File;
+    reason: DropzoneFileRejectionReason;
+};
+/** The `kind` of the {@link ValidationError}s produced by {@link dropzoneFiles}. */
+declare const DROPZONE_FILES_ERROR_KIND = "dropzoneFiles";
+type DropzoneFileConstraints = {
+    /**
+     * Accepted file types using the native `accept` attribute semantics
+     * (`.png`, `image/png`, `image/*`). Also applied to the native file picker.
+     */
+    accept?: string;
+    /** Maximum size of a single file in bytes. */
+    maxFileSize?: number;
+    /** Minimum size of a single file in bytes. */
+    minFileSize?: number;
+    /** Overrides the built-in per-rejection error message (e.g. for i18n). */
+    message?: (rejection: DropzoneFileRejection) => string;
+};
+/**
+ * @internal
+ * The channel between the {@link dropzoneFiles} schema rule and the dropzone directive:
+ * the schema publishes the constraints, the directive publishes the rejected files of
+ * the most recent selection.
+ */
+type DropzoneFileValidationChannel = {
+    constraints: Signal<DropzoneFileConstraints | undefined>;
+    rejections: WritableSignal<DropzoneFileRejection[]>;
+};
+/** @internal Read by the dropzone directive via the bound field's metadata. */
+declare const DROPZONE_FILE_CONSTRAINTS: _angular_forms_signals.MetadataKey<DropzoneFileValidationChannel, DropzoneFileConstraints, DropzoneFileConstraints | undefined>;
+declare const defaultDropzoneRejectionMessage: (rejection: DropzoneFileRejection, constraints: DropzoneFileConstraints | undefined) => string;
+/**
+ * Schema rule that validates the files selected in a dropzone bound to this field.
+ *
+ * Files violating the constraints are never uploaded; each violation surfaces as a
+ * regular validation error (`kind: 'dropzoneFiles'`) on the field until the next
+ * selection, removal or clear. Count and emptiness constraints are plain value
+ * validation — use `required()`, `minLength()` and `maxLength()` for those.
+ *
+ * @example
+ * ```ts
+ * form(model, (s) => {
+ *   required(s.media, { message: 'Please upload a file' });
+ *   maxLength(s.media, 5, { message: 'Upload at most 5 files' });
+ *   dropzoneFiles(s.media, { accept: 'image/*', maxFileSize: 5 * 1024 * 1024 });
+ * });
+ * ```
+ */
+declare const dropzoneFiles: <TValue, TPathKind extends PathKind = PathKind.Root>(path: SchemaPath<TValue, SchemaPathRules.Supported, TPathKind>, constraints: DropzoneFileConstraints | (() => DropzoneFileConstraints)) => void;
+
+declare class DropzoneDirective<TValue = unknown> implements FormValueControl<TValue | TValue[] | null>, FormFieldControl {
+    private formField;
+    private signalFormField;
+    private destroyRef;
+    private injector;
+    value: _angular_core.ModelSignal<TValue | TValue[] | null>;
+    touched: _angular_core.ModelSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    invalid: _angular_core.InputSignal<boolean>;
+    errors: _angular_core.InputSignal<readonly ValidationError.WithOptionalFieldTree[]>;
+    required: _angular_core.InputSignal<boolean>;
+    name: _angular_core.InputSignal<string>;
+    /** The upload workflow configuration. Create it via `createDropzoneUpload()`. */
+    upload: _angular_core.InputSignal<AnyDropzoneUploadConfig<TValue>>;
+    /** Whether multiple files can be uploaded. The control value becomes an array. */
+    multiple: _angular_core.InputSignal<boolean>;
+    /** Emits all files of a selection that were rejected, with the reason per file. */
+    filesRejected: _angular_core.OutputEmitterRef<DropzoneFileRejection[]>;
+    /** Emits when the upload of an entry succeeded (after the control value was updated). */
+    uploadSucceeded: _angular_core.OutputEmitterRef<DropzoneEntry<TValue>>;
+    /** Emits when the upload of an entry failed. */
+    uploadFailed: _angular_core.OutputEmitterRef<DropzoneEntry<TValue>>;
+    private internalEntries;
+    private internalLastRejections;
+    private dragDepth;
+    private entryWatchers;
+    private lastSyncedValue;
+    private hasSyncedValue;
+    /** All entries currently managed by the dropzone, including uploading and failed ones. */
+    entries: _angular_core.Signal<DropzoneEntry<TValue>[]>;
+    /** The rejections of the most recent file selection. Reset by the next selection, removal or clear. */
+    lastRejections: _angular_core.Signal<DropzoneFileRejection[]>;
+    /**
+     * The file validation channel of the bound form field, if its schema uses the
+     * `dropzoneFiles()` rule. Provides the constraints and receives the rejections.
+     */
+    private fileValidation;
+    /** The `accept` constraint of the bound field's `dropzoneFiles()` rule. Empty accepts everything. */
+    accept: _angular_core.Signal<string>;
+    /** Whether a files drag is currently hovering the dropzone. */
+    isDragOver: _angular_core.Signal<boolean>;
+    anyUploading: _angular_core.Signal<boolean>;
+    anyFailed: _angular_core.Signal<boolean>;
+    hasValue: _angular_core.Signal<boolean>;
+    shouldDisplayError: _angular_core.Signal<boolean>;
+    describedBy: _angular_core.WritableSignal<string | null>;
+    controlType: _angular_core.WritableSignal<"dropzone">;
+    describedById: _angular_core.Signal<string | null>;
+    labelId: _angular_core.Signal<string | null>;
+    /** @internal */
+    focusTarget: _angular_core.WritableSignal<HTMLElement | null>;
+    constructor();
+    /** Validates the given files and uploads all accepted ones. */
+    selectFiles(files: FileList | readonly File[]): void;
+    /** Removes an entry. Cancels its upload if it is still in flight. */
+    removeEntry(id: string): void;
+    /** Retries the upload of a failed entry with its original request args. */
+    retryEntry(id: string): void;
+    /** Removes all entries and resets the control value. */
+    clear(): void;
+    activate(): void;
+    protected handleDragEnter(event: DragEvent): void;
+    protected handleDragOver(event: DragEvent): void;
+    protected handleDragLeave(): void;
+    protected handleDrop(event: DragEvent): void;
+    private setRejections;
+    private createFileEntry;
+    private disposeEntry;
+    private syncValue;
+    private reconcileValue;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropzoneDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DropzoneDirective<any>, "[etDropzone]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "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; }; "upload": { "alias": "upload"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "filesRejected": "filesRejected"; "uploadSucceeded": "uploadSucceeded"; "uploadFailed": "uploadFailed"; }, never, never, true, never>;
+}
+
+declare class DropzoneComponent {
+    protected dropzoneDir: DropzoneDirective<any>;
+    support: {
+        errorColorTheme: _ethlete_core.ColorTheme;
+        formFieldDir: FormFieldDirective;
+        errorContent: _angular_core.WritableSignal<ElementRef<HTMLElement> | undefined>;
+        hintContent: _angular_core.WritableSignal<ElementRef<HTMLElement> | undefined>;
+        errorAnimatable: _angular_core.WritableSignal<AnimatableDirective | undefined>;
+        hintAnimatable: _angular_core.WritableSignal<AnimatableDirective | undefined>;
+        semanticSupportState: _angular_core.Signal<"none" | "hint" | "error">;
+        displaysError: _angular_core.Signal<boolean>;
+        shouldRenderSupport: _angular_core.Signal<boolean>;
+        shouldRenderError: _angular_core.Signal<boolean>;
+        shouldRenderHint: _angular_core.Signal<boolean>;
+        errorActive: _angular_core.Signal<boolean>;
+        hintActive: _angular_core.Signal<boolean>;
+        visibleErrors: _angular_core.Signal<readonly _angular_forms_signals.ValidationError.WithOptionalFieldTree[]>;
+        supportHeight: _angular_core.Signal<number>;
+    };
+    private injector;
+    private renderer;
+    private prefersReducedMotion;
+    /** Label of the retry button shown for failed uploads. */
+    retryLabel: _angular_core.InputSignal<string>;
+    /** Accessible label prefix of the remove button. The entry name is appended. */
+    removeLabel: _angular_core.InputSignal<string>;
+    /** Accessible label of the replace button shown in single mode. */
+    replaceLabel: _angular_core.InputSignal<string>;
+    /** Fallback error message shown when the upload error has no message. */
+    uploadErrorLabel: _angular_core.InputSignal<string>;
+    /** Overrides the built-in per-entry upload failure message (e.g. for i18n). */
+    uploadErrorMessage: _angular_core.InputSignal<((entry: DropzoneEntry) => string) | null>;
+    private fileInput;
+    private browseButton;
+    private errorContentRef;
+    private hintContentRef;
+    private errorAnimatableRef;
+    private hintAnimatableRef;
+    private entryElements;
+    private removingEntryIds;
+    private filePickerOpen;
+    canAnimate: {
+        state: _angular_core.Signal<boolean>;
+    };
+    protected singleEntry: _angular_core.Signal<DropzoneEntry<any> | null>;
+    protected liveStatusMessage: _angular_core.Signal<string>;
+    /** Upload failures, rendered like validation errors below the field. */
+    protected internalErrorMessages: _angular_core.Signal<string[]>;
+    protected readonly FORMAT_FILE_SIZE: (bytes: number) => string;
+    constructor();
+    protected openFilePicker(): void;
+    /**
+     * Opening the system file picker blurs the trigger — the control must not be
+     * marked as touched (and show validation errors) while the dialog is open.
+     */
+    protected markTriggerTouched(): void;
+    /** Called when focus returns to the trigger or the picker dialog is cancelled. */
+    protected resetFilePickerState(): void;
+    protected uploadPickedFiles(event: Event): void;
+    /** Removes an entry, scaling out its element and FLIP-shifting the remaining ones. */
+    protected removeEntryAnimated(entry: DropzoneEntry, entryElement: HTMLElement): void;
+    private defaultUploadErrorMessage;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropzoneComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropzoneComponent, "et-dropzone", never, { "retryLabel": { "alias": "retryLabel"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "replaceLabel": { "alias": "replaceLabel"; "required": false; "isSignal": true; }; "uploadErrorLabel": { "alias": "uploadErrorLabel"; "required": false; "isSignal": true; }; "uploadErrorMessage": { "alias": "uploadErrorMessage"; "required": false; "isSignal": true; }; }, {}, never, ["et-label", "*", "et-hint"], true, [{ directive: typeof FormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof DropzoneDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "upload": "upload"; "multiple": "multiple"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; "filesRejected": "filesRejected"; "uploadSucceeded": "uploadSucceeded"; "uploadFailed": "uploadFailed"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
+}
+
+declare const DROPZONE_IMPORTS: readonly [typeof DropzoneComponent, typeof DropzoneDirective];
+
+declare const DROPZONE_ERROR_CODES: {
+    readonly INVALID_UPLOAD_CONFIG: 2400;
+    readonly MISSING_EXISTING_RESOLVER: 2401;
+    readonly VALUE_MODE_MISMATCH: 2402;
+};
+
 declare class FormErrorComponent {
     error: _angular_core.InputSignal<ValidationError.WithOptionalFieldTree>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormErrorComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormErrorComponent, "et-form-error", never, { "error": { "alias": "error"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare const FORM_FIELD_APPEARANCES: {
-    readonly BOX: "box";
-    readonly UNDERLINE: "underline";
-};
-type FormFieldAppearance = (typeof FORM_FIELD_APPEARANCES)[keyof typeof FORM_FIELD_APPEARANCES];
-declare const FORM_FIELD_FILLS: {
-    readonly TRANSPARENT: "transparent";
-    readonly FILLED: "filled";
-};
-type FormFieldFill = (typeof FORM_FIELD_FILLS)[keyof typeof FORM_FIELD_FILLS];
-declare const FORM_FIELD_LABEL_MODES: {
-    readonly STATIC: "static";
-    readonly INLINE: "inline";
-    readonly FLOATING_INSIDE: "floating-inside";
-    readonly FLOATING_OUTSIDE: "floating-outside";
-};
-type FormFieldLabelMode = (typeof FORM_FIELD_LABEL_MODES)[keyof typeof FORM_FIELD_LABEL_MODES];
-declare const FORM_FIELD_SIZES: {
-    readonly SM: "sm";
-    readonly MD: "md";
-    readonly LG: "lg";
-};
-type FormFieldSize = (typeof FORM_FIELD_SIZES)[keyof typeof FORM_FIELD_SIZES];
-
 declare const SUPPORT_CONTENT_STATE: {
     readonly NONE: "none";
     readonly HINT: "hint";
@@ -777,6 +1136,7 @@ declare class CheckboxGroupComponent {
         visibleErrors: _angular_core.Signal<readonly _angular_forms_signals.ValidationError.WithOptionalFieldTree[]>;
         supportHeight: _angular_core.Signal<number>;
     };
+    size: _angular_core.InputSignal<FormFieldSize>;
     private errorContentRef;
     private hintContentRef;
     private errorAnimatableRef;
@@ -786,7 +1146,7 @@ declare class CheckboxGroupComponent {
     };
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxGroupComponent, "et-checkbox-group", never, {}, {}, never, ["*", "et-hint"], true, [{ directive: typeof FormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof SelectionListDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "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"; "touched": "touched"; "disabled": "disabled"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
 }
 
 declare class SelectionListControlDirective {
@@ -848,6 +1208,7 @@ declare class RadioGroupComponent {
         visibleErrors: _angular_core.Signal<readonly _angular_forms_signals.ValidationError.WithOptionalFieldTree[]>;
         supportHeight: _angular_core.Signal<number>;
     };
+    size: _angular_core.InputSignal<FormFieldSize>;
     private errorContentRef;
     private hintContentRef;
     private errorAnimatableRef;
@@ -857,7 +1218,7 @@ declare class RadioGroupComponent {
     };
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroupComponent, "et-radio-group", never, {}, {}, never, ["*", "et-hint"], true, [{ directive: typeof FormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof SelectionListDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "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"; "touched": "touched"; "disabled": "disabled"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
 }
 
 declare class RadioComponent {
@@ -887,23 +1248,29 @@ declare class SegmentedButtonGroupComponent {
         visibleErrors: _angular_core.Signal<readonly _angular_forms_signals.ValidationError.WithOptionalFieldTree[]>;
         supportHeight: _angular_core.Signal<number>;
     };
+    size: _angular_core.InputSignal<FormFieldSize>;
     private errorContentRef;
     private hintContentRef;
     private errorAnimatableRef;
     private hintAnimatableRef;
+    /** @internal The active background element of the currently checked button. Used as the flip animation origin. */
+    lastActiveBackgroundElement: _angular_core.WritableSignal<HTMLElement | null>;
     canAnimate: {
         state: _angular_core.Signal<boolean>;
     };
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedButtonGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedButtonGroupComponent, "et-segmented-button-group", never, {}, {}, never, ["*", "et-hint"], true, [{ directive: typeof FormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof SelectionListDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "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"; "touched": "touched"; "disabled": "disabled"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
 }
 
 declare class SegmentedButtonComponent {
     optionDirective: SelectionOptionDirective;
+    private group;
+    private backgroundRef;
     canAnimate: {
         state: _angular_core.Signal<boolean>;
     };
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedButtonComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedButtonComponent, "et-segmented-button", never, {}, {}, never, ["*"], true, [{ directive: typeof SelectionOptionDirective; inputs: { "value": "value"; "checked": "checked"; "disabled": "disabled"; }; outputs: { "checkedChange": "checkedChange"; }; }, { directive: typeof _ethlete_core.ColorInteractiveDirective; inputs: {}; outputs: {}; }]>;
 }
@@ -1082,6 +1449,8 @@ declare class GridDirective {
     moveItem(id: string, newPosition: GridItemPosition): void;
     getSerializedState(): GridSerializedState;
     restoreState(state: GridSerializedState): void;
+    /** Dev-mode-only: rejects consumer-provided item configs whose ids are not unique. */
+    private assertValidItemConfigs;
     private finalizeRemove;
     private placeItem;
     private shrinkNeighbors;
@@ -1360,7 +1729,7 @@ declare class GridItemDirective {
 }
 
 declare class GridDragDirective {
-    protected grid: _ethlete_components.GridDirective;
+    protected grid: _ethlete_components.GridDirective | null;
     private gridItem;
     private elementRef;
     private destroyRef;
@@ -1466,6 +1835,7 @@ declare class GridComponent {
     protected ariaLabel: _angular_core.Signal<string>;
     protected ghostRect: _angular_core.Signal<_ethlete_components.PixelRect | null>;
     protected ghostTransition: _angular_core.Signal<"none" | "translate 200ms cubic-bezier(0.2, 0, 0, 1), width 200ms cubic-bezier(0.2, 0, 0, 1), height 200ms cubic-bezier(0.2, 0, 0, 1)">;
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridComponent, "et-grid, [et-grid]", never, {}, {}, never, ["*"], true, [{ directive: typeof GridDirective; inputs: { "breakpoints": "breakpoints"; "rowHeight": "rowHeight"; "gap": "gap"; "initialItems": "initialItems"; "readOnly": "readOnly"; }; outputs: { "layoutChange": "layoutChange"; }; }]>;
 }
@@ -1554,6 +1924,7 @@ declare const GRID_ERROR_CODES: {
     readonly MISSING_GRID_ITEM: 1901;
     readonly DUPLICATE_ITEM_ID: 1902;
     readonly INVALID_LAYOUT_STATE: 1903;
+    readonly UNKNOWN_ITEM_TYPE: 1904;
 };
 
 declare const GridImports: readonly [typeof GridComponent, typeof GridItemComponent, typeof GridItemToolbarComponent, typeof GridItemDefaultActionsComponent, typeof GridDebugComponent];
@@ -1615,6 +1986,8 @@ declare const CHEVRON_ICON: IconDefinition;
 
 declare const CLIPBOARD_CHECK_ICON: IconDefinition;
 
+declare const FILE_ICON: IconDefinition;
+
 declare const FLOPPY_DISK_ICON: IconDefinition;
 
 declare const FOCUS_FRAME_ICON: IconDefinition;
@@ -1666,12 +2039,16 @@ declare const PENCIL_ICON: IconDefinition;
 
 declare const PLUS_ICON: IconDefinition;
 
+declare const ROTATE_RIGHT_ICON: IconDefinition;
+
 declare const STRIKETHROUGH_ICON: IconDefinition;
 
 declare const TIMES_ICON: IconDefinition;
 
 declare const TRIANGLE_EXCLAMATION_ICON: IconDefinition;
 
+declare const UPLOAD_ICON: IconDefinition;
+
 declare const ICON_IMPORTS: readonly [typeof IconDirective];
 
 declare class BrandLoaderComponent {
@@ -2118,10 +2495,13 @@ declare class MenuDirective {
     private document;
     private overlayManager;
     parent: MenuDirective | null;
-    placement: _angular_core.InputSignal<Placement | "auto">;
+    placement: _angular_core.InputSignal<"auto" | Placement>;
     fallbackPlacements: _angular_core.InputSignal<Placement[] | undefined>;
-    offset: _angular_core.InputSignal<OffsetOptions | "auto" | null>;
+    offset: _angular_core.InputSignal<"auto" | OffsetOptions | null>;
     viewportPadding: _angular_core.InputSignal<Padding | null>;
+    /** Render an arrow pointing at the trigger. Trigger-anchored root menus only — submenus and context menus never render one. */
+    arrow: _angular_core.InputSignal<boolean>;
+    arrowPadding: _angular_core.InputSignal<Padding | null>;
     autoFocus: _angular_core.InputSignal<boolean>;
     hoverOpen: _angular_core.InputSignal<boolean>;
     hoverOpenDelay: _angular_core.InputSignal<number>;
@@ -2212,9 +2592,10 @@ declare class MenuDirective {
     private buildVirtualAnchoredPosition;
     private resolvedPlacement;
     private resolvedFallbackPlacements;
+    private resolvedArrow;
     private resolvedOffset;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuDirective, "[etMenu]", ["etMenu"], { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "fallbackPlacements": { "alias": "fallbackPlacements"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "viewportPadding": { "alias": "viewportPadding"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "hoverOpen": { "alias": "hoverOpen"; "required": false; "isSignal": true; }; "hoverOpenDelay": { "alias": "hoverOpenDelay"; "required": false; "isSignal": true; }; "hoverCloseDelay": { "alias": "hoverCloseDelay"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuDirective, "[etMenu]", ["etMenu"], { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "fallbackPlacements": { "alias": "fallbackPlacements"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "viewportPadding": { "alias": "viewportPadding"; "required": false; "isSignal": true; }; "arrow": { "alias": "arrow"; "required": false; "isSignal": true; }; "arrowPadding": { "alias": "arrowPadding"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "hoverOpen": { "alias": "hoverOpen"; "required": false; "isSignal": true; }; "hoverOpenDelay": { "alias": "hoverOpenDelay"; "required": false; "isSignal": true; }; "hoverCloseDelay": { "alias": "hoverCloseDelay"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, never, true, never>;
 }
 
 type MenuItemActivationSource = 'pointer' | 'keyboard-enter' | 'keyboard-space';
@@ -2374,9 +2755,12 @@ declare const MENU_ITEM_VARIANTS: {
 };
 type MenuItemVariant = (typeof MENU_ITEM_VARIANTS)[keyof typeof MENU_ITEM_VARIANTS];
 declare class MenuItemComponent {
+    private provideColor;
+    private errorColorTheme;
     variant: _angular_core.InputSignal<MenuItemVariant>;
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItemComponent, "button[et-menu-item], a[et-menu-item]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["[etIcon]", "*", "et-menu-item-shortcut"], true, [{ directive: typeof MenuItemDirective; inputs: { "disabled": "disabled"; "closeOnActivate": "closeOnActivate"; }; outputs: { "activated": "activated"; }; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItemComponent, "button[et-menu-item], a[et-menu-item]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["[etIcon]", "*", "et-menu-item-shortcut"], true, [{ directive: typeof MenuItemDirective; inputs: { "disabled": "disabled"; "closeOnActivate": "closeOnActivate"; }; outputs: { "activated": "activated"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class MenuItemShortcutComponent {
@@ -2401,19 +2785,27 @@ declare class MenuSeparatorComponent {
 
 declare class MenuComponent {
     private ownColorProvider;
-    private ownSurfaceProvider;
     private contextColorProvider;
-    private contextSurfaceProvider;
     protected menu: MenuDirective | null;
-    private surfaceThemes;
+    protected errorColorTheme: _ethlete_core.ColorTheme;
+    private prefersReducedMotion;
+    private elementRef;
+    private destroyRef;
+    private renderer;
+    private headerElement;
+    private bodyElement;
+    private headerDimensions;
+    private bodyDimensions;
     protected search: _angular_core.Signal<_ethlete_components.MenuSearchDirective | null>;
     protected searchLoading: _angular_core.Signal<boolean>;
     protected searchError: _angular_core.Signal<string | null>;
     protected searchErrorId: string;
-    private resolvedSurface;
+    private lastBlockSize;
+    private resizeAnimation;
     constructor();
+    private animateToCurrentBlockSize;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuComponent, "et-menu", never, {}, {}, never, ["input[etMenuSearch]", "*"], true, [{ directive: typeof MenuPanelDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ProvideSurfaceDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuComponent, "et-menu", never, {}, {}, never, ["input[etMenuSearch]", "*"], true, [{ directive: typeof MenuPanelDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.AutoSurfaceDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare const MENU_IMPORTS: readonly [typeof MenuDirective, typeof MenuTriggerDirective, typeof MenuContextTriggerDirective, typeof MenuSurfaceDirective, typeof MenuPanelDirective, typeof MenuItemDirective, typeof MenuSearchDirective, typeof MenuSelectionGroupDirective, typeof MenuSelectionItemDirective, typeof MenuComponent, typeof MenuItemComponent, typeof MenuItemShortcutComponent, typeof MenuSeparatorComponent, typeof MenuGroupLabelComponent, typeof MenuRadioGroupComponent, typeof MenuRadioItemComponent, typeof MenuCheckboxGroupComponent, typeof MenuCheckboxItemComponent];
@@ -2692,6 +3084,17 @@ declare class OverlayCloseDirective implements OnInit {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OverlayCloseDirective, "[et-overlay-close], [etOverlayClose]", ["etOverlayClose"], { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "closeResult": { "alias": "etOverlayClose"; "required": false; "isSignal": true; }; "closeResultAlt": { "alias": "et-overlay-close"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Merges overlay configs from least to most specific (e.g. definition → opener → per-open).
+ *
+ * - `bindings` and `providers` are concatenated in layer order — a later binding or provider
+ *   for the same input/token wins, matching Angular semantics.
+ * - `hostClass`, `backdropClass` and `panelClass` are normalized to arrays, concatenated and deduped.
+ * - Every other key is taken from the last layer that sets it to a value other than `undefined`
+ *   (an explicit `null`, e.g. on the aria fields, does override earlier layers).
+ */
+declare const mergeOverlayConfigs: (...configs: (OverlayConfig | undefined)[]) => OverlayConfig;
+
 declare class OverlayContainerComponent {
     private ownColorProvider;
     private ownSurfaceProvider;
@@ -2733,6 +3136,73 @@ declare class OverlayContainerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<OverlayContainerComponent, "et-overlay-container", never, { "component": { "alias": "component"; "required": true; "isSignal": true; }; "componentBindings": { "alias": "componentBindings"; "required": false; "isSignal": true; }; "renderArrow": { "alias": "renderArrow"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _ethlete_core.AnimatedLifecycleDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ProvideSurfaceDirective; inputs: {}; outputs: {}; }]>;
 }
 
+/** The name of the model the overlay component must expose to participate in query-param sync. */
+declare const OVERLAY_QUERY_PARAM_INPUT_NAME = "overlayQueryParam";
+/** The shape a component must have to be usable with {@link defineQueryParamOverlay}. */
+type QueryParamOverlayHost = {
+    overlayQueryParam: ModelSignal<any>;
+};
+/** Extracts the query param value type from the component's `overlayQueryParam` model. */
+type QueryParamOverlayValue<TComponent> = TComponent extends {
+    overlayQueryParam: ModelSignal<infer TValue>;
+} ? Extract<TValue, string> : string;
+type OverlayDefinitionConfig<TComponent extends object> = OverlayConfig & {
+    /** The overlay component. */
+    component: Type<TComponent>;
+};
+type QueryParamOverlayDefinitionConfig<TComponent extends object> = OverlayDefinitionConfig<TComponent> & {
+    /** The query param key that drives the overlay's open/close lifecycle. */
+    queryParamKey: string;
+};
+type OverlayDefinition<TComponent extends object = object, TResult = unknown> = {
+    kind: 'overlay';
+    /** The overlay component. */
+    component: Type<TComponent>;
+    /** The base overlay config. Opener- and per-open configs are merged on top of it additively. */
+    config: OverlayConfig;
+    /**
+     * Returns the typed overlay ref. Must be called in the injection context of a component
+     * opened via this definition.
+     * @throws RuntimeError if called outside of an open overlay.
+     */
+    injectRef: () => OverlayRef<TComponent, TResult>;
+};
+type QueryParamOverlayDefinition<TComponent extends object = object, TResult = unknown> = Omit<OverlayDefinition<TComponent, TResult>, 'kind'> & {
+    kind: 'queryParamOverlay';
+    /** The query param key that drives the overlay's open/close lifecycle. */
+    queryParamKey: string;
+};
+/**
+ * Defines an overlay at module scope: the component plus its base config (strategies, classes,
+ * bindings, providers, …), without any dependency injection. Consumers turn the definition into
+ * something that can open the overlay via `createOverlayOpener`, and the overlay component
+ * itself accesses its typed ref via `definition.injectRef()`.
+ *
+ * @example
+ * export const productOverlay = defineOverlay<ProductOverlayComponent, ProductResult>({
+ *   component: ProductOverlayComponent,
+ *   strategies: dialogOverlayStrategy({ maxWidth: '480px' }),
+ * });
+ */
+declare const defineOverlay: <TComponent extends object, TResult = unknown>(config: OverlayDefinitionConfig<TComponent>) => OverlayDefinition<TComponent, TResult>;
+/**
+ * Defines an overlay whose lifecycle is driven by a URL query param: it opens while the param is
+ * present and closes (clearing the param) when dismissed. The component must expose an
+ * `overlayQueryParam` {@link https://angular.dev/api/core/model | model} — it receives the param
+ * value and is kept in two-way sync with the URL.
+ *
+ * Because opens are triggered by URL state, there is no per-open config; `bindings` and
+ * `providers` set on the definition (or on the opener) are applied on every open.
+ *
+ * @example
+ * export const productOverlay = defineQueryParamOverlay({
+ *   component: ProductOverlayComponent, // exposes `overlayQueryParam = model<string>()`
+ *   queryParamKey: 'product',
+ *   strategies: dialogOverlayStrategy({ maxWidth: '480px' }),
+ * });
+ */
+declare const defineQueryParamOverlay: <TComponent extends QueryParamOverlayHost, TResult = unknown>(config: QueryParamOverlayDefinitionConfig<TComponent>) => QueryParamOverlayDefinition<TComponent, TResult>;
+
 declare const OVERLAY_ERROR_CODES: {
     readonly MISSING_OVERLAY_SURFACE: 1200;
     readonly TRIGGER_OUTSIDE_OVERLAY: 1201;
@@ -2741,6 +3211,7 @@ declare const OVERLAY_ERROR_CODES: {
     readonly MULTIPLE_LAYOUT_CLASSES: 1204;
     readonly NO_CLOSEST_OVERLAY: 1205;
     readonly NESTED_OVERLAY_MAIN: 1206;
+    readonly REF_OUTSIDE_OVERLAY: 1207;
 };
 
 declare const OVERLAY_FOOTER_TOKEN: InjectionToken<OverlayFooterDirective>;
@@ -2753,72 +3224,6 @@ declare class OverlayFooterDirective implements OnInit {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OverlayFooterDirective, "[etOverlayFooter], et-overlay-footer", never, {}, {}, never, never, true, never>;
 }
 
-type CreateOverlayHandlerConfig<TComponent extends object> = OverlayConfig & {
-    /** The overlay component. */
-    component: Type<TComponent>;
-};
-/** Per-open config overrides. Strategies are fixed by the handler's root config. */
-type OverlayConsumerConfig = Omit<OverlayConfig, 'strategies'>;
-type OverlayHandler<TComponent extends object, TResult = unknown> = {
-    /** Open the overlay using a combination of the given configs  */
-    open: (config?: OverlayConsumerConfig) => OverlayRef<TComponent, TResult>;
-    /**
-     * Returns the typed overlay ref.
-     * @throws Error if the overlay ref gets accessed outside of the overlay component
-     */
-    injectOverlayRef: () => OverlayRef<TComponent, TResult>;
-};
-type CreateOverlayHandlerInnerConfig<TResult = unknown> = {
-    /** A callback function to be executed once the overlay has been closed */
-    afterClosed?: (result: TResult | null) => void;
-    /** A callback function to be executed before the overlay is closed */
-    beforeClosed?: (result: TResult | null) => void;
-    /** A callback function to be executed once the overlay has been opened */
-    afterOpened?: () => void;
-};
-declare const createOverlayHandler: <TComponent extends object, TResult = unknown>(rootConfig: CreateOverlayHandlerConfig<TComponent>) => (innerConfig?: CreateOverlayHandlerInnerConfig<TResult>) => OverlayHandler<TComponent, TResult>;
-/** The name of the model the overlay component must expose to participate in query-param sync. */
-declare const OVERLAY_QUERY_PARAM_INPUT_NAME = "overlayQueryParam";
-type OverlayHandlerWithQueryParamLifecycle<TQueryParam extends string = string> = {
-    /** Open the overlay by writing the given value to the query param. */
-    open: (value: TQueryParam) => void;
-    /** Close the overlay by removing the query param. */
-    close: () => void;
-};
-type CreateOverlayHandlerWithQueryParamLifecycleConfig<TComponent extends object> = CreateOverlayHandlerConfig<TComponent> & {
-    /** The query param key that drives this overlay's open/close lifecycle. */
-    queryParamKey: string;
-};
-/**
- * Drives an overlay's lifecycle from a URL query param: the overlay opens while the param is present
- * and closes (clearing the param) when dismissed. The param value is forwarded to the overlay via an
- * `overlayQueryParam` {@link https://angular.dev/api/core/model | model}, which is kept in two-way sync
- * with the URL — reading the model reflects the URL, and writing it updates the URL.
- *
- * Open it declaratively with {@link OverlayHandlerLinkDirective}, or imperatively via the returned
- * handler's `open()` / `close()`.
- *
- * @example
- * // in the overlay component:
- * readonly overlayQueryParam = model<string>();
- *
- * // once, in a long-lived component (e.g. AppComponent):
- * private handler = createProductOverlay(); // returned by this factory
- */
-declare const createOverlayHandlerWithQueryParamLifecycle: <TComponent extends object, TQueryParam extends string = string, TResult = unknown>(config: CreateOverlayHandlerWithQueryParamLifecycleConfig<TComponent>) => {
-    (innerConfig?: CreateOverlayHandlerInnerConfig<TResult>): OverlayHandlerWithQueryParamLifecycle<TQueryParam>;
-    injectOverlayRef(): OverlayRef<TComponent, TResult>;
-};
-
-declare class OverlayHandlerLinkDirective {
-    private routerLink;
-    linkValue: _angular_core.InputSignal<string | number>;
-    linkKey: _angular_core.InputSignal<string>;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OverlayHandlerLinkDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OverlayHandlerLinkDirective, "[etOverlayHandlerLink]", never, { "linkValue": { "alias": "etOverlayHandlerLink"; "required": true; "isSignal": true; }; "linkKey": { "alias": "etOverlayHandlerQueryParamName"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RouterLink; inputs: {}; outputs: {}; }]>;
-}
-
 declare const OVERLAY_HEADER_TOKEN: InjectionToken<OverlayHeaderDirective>;
 declare class OverlayHeaderDirective implements OnInit {
     private overlayRef;
@@ -2867,6 +3272,56 @@ declare const injectOverlayManager: {
     (options: _angular_core.InjectOptions): OverlayManager | null;
 };
 
+/** Per-open config overrides. The component and `strategies` are fixed by the definition. */
+type OverlayOpenConfig = Omit<OverlayConfig, 'strategies'>;
+type OverlayLifecycleConfig<TResult = unknown> = {
+    /** A callback function to be executed once the overlay has been closed */
+    afterClosed?: (result: TResult | null) => void;
+    /** A callback function to be executed before the overlay is closed */
+    beforeClosed?: (result: TResult | null) => void;
+    /** A callback function to be executed once the overlay has been opened */
+    afterOpened?: () => void;
+};
+/**
+ * Lifecycle callbacks plus overlay config overrides applied on every open. The config is merged
+ * additively on top of the definition's config (`bindings`, `providers` and class lists are
+ * concatenated; scalars override).
+ *
+ * Note for query-param overlays: an `origin` set here anchors every URL-driven open, including
+ * deep links where the originating element may not exist — omitting it is usually right (the
+ * overlay then falls back to the currently focused element).
+ */
+type OverlayOpenerConfig<TResult = unknown> = OverlayLifecycleConfig<TResult> & OverlayOpenConfig;
+type OverlayOpener<TComponent extends object = object, TResult = unknown> = {
+    /** Open the overlay. Per-open config is merged additively on top of the definition and opener configs. */
+    open: (config?: OverlayOpenConfig) => OverlayRef<TComponent, TResult>;
+};
+type QueryParamOverlayOpener<TQueryParam extends string = string> = {
+    /** Open the overlay by writing the given value to the query param. */
+    open: (value: TQueryParam) => void;
+    /** Close the overlay by removing the query param. */
+    close: () => void;
+};
+type CreateOverlayOpenerFn = {
+    <TComponent extends object, TResult>(definition: QueryParamOverlayDefinition<TComponent, TResult>, config?: OverlayOpenerConfig<TResult>): QueryParamOverlayOpener<QueryParamOverlayValue<TComponent>>;
+    <TComponent extends object, TResult>(definition: OverlayDefinition<TComponent, TResult>, config?: OverlayOpenerConfig<TResult>): OverlayOpener<TComponent, TResult>;
+};
+/**
+ * Creates an opener for the given overlay definition. Must be called in an injection context.
+ *
+ * - For a `defineOverlay` definition the opener exposes `open(config?)`, returning the typed
+ *   `OverlayRef`.
+ * - For a `defineQueryParamOverlay` definition the opener drives the overlay through the URL:
+ *   `open(value)` writes the query param and `close()` clears it. It also reacts to external
+ *   URL changes (deep links, browser navigation) for as long as the injection context lives.
+ *
+ * @example
+ * readonly product = createOverlayOpener(productOverlay, {
+ *   afterClosed: (result) => console.log(result),
+ * });
+ */
+declare const createOverlayOpener: CreateOverlayOpenerFn;
+
 /**
  * Blocks body scrolling while a modal overlay is open.
  * Register once via `provideOverlay()` (or call `injectOverlayScrollBlocker()` in an environment initializer).
@@ -2895,6 +3350,25 @@ declare const OVERLAY_IMPORTS: readonly [typeof OverlayDirective, typeof Overlay
 declare const OVERLAY_CONTENT_IMPORTS: readonly [typeof OverlayCloseDirective, typeof OverlayTitleDirective, typeof OverlayHeaderDirective, typeof OverlayBodyComponent, typeof OverlayFooterDirective, typeof OverlayMainDirective];
 declare const provideOverlay: () => _angular_core.EnvironmentProviders[];
 
+/**
+ * Opens a query-param overlay declaratively by navigating its query param — the counterpart to
+ * `createOverlayOpener` for links. Takes the overlay definition itself, so the query param key
+ * is never duplicated as a string.
+ *
+ * @example
+ * <a [etQueryParamOverlayLink]="productOverlay" etQueryParamOverlayLinkValue="42">Open product 42</a>
+ */
+declare class QueryParamOverlayLinkDirective {
+    private routerLink;
+    /** The query-param overlay definition this link opens. */
+    definition: _angular_core.InputSignal<Pick<QueryParamOverlayDefinition, "queryParamKey">>;
+    /** The query param value the overlay opens with. */
+    value: _angular_core.InputSignal<string | number>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QueryParamOverlayLinkDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<QueryParamOverlayLinkDirective, "[etQueryParamOverlayLink]", never, { "definition": { "alias": "etQueryParamOverlayLink"; "required": true; "isSignal": true; }; "value": { "alias": "etQueryParamOverlayLinkValue"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RouterLink; inputs: {}; outputs: {}; }]>;
+}
+
 declare const OVERLAY_BACK_OR_CLOSE_TOKEN: InjectionToken<OverlayBackOrCloseDirective>;
 declare class OverlayBackOrCloseDirective {
     private overlayRef;
@@ -3160,7 +3634,7 @@ type AnchoredOverlayStrategyOptions = {
     offset?: OffsetOptions | null;
     arrowPadding?: Padding | null;
     viewportPadding?: Padding | null;
-    shift?: boolean;
+    shift?: boolean | OverlayRuntimeShiftOptions;
     autoResize?: boolean;
     autoHide?: boolean;
     autoCloseIfReferenceHidden?: boolean;
@@ -3680,8 +4154,8 @@ declare class ScrollableDragDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScrollableDragDirective, "[etScrollableDrag]", never, { "enabled": { "alias": "enabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare const ScrollableErrorCode: {
-    readonly MISSING_SCROLL_CONTAINER: 1800;
+declare const SCROLLABLE_ERROR_CODES: {
+    readonly MISSING_SCROLL_CONTAINER: 2100;
 };
 
 declare class ScrollableIgnoreChildDirective {
@@ -3820,6 +4294,7 @@ declare class StreamConsentComponent {
     private config;
     private locale;
     private surfaceThemes;
+    protected readonly HEADING_ID: string;
     cardSurface: _angular_core.Signal<string | null>;
     heading: _angular_core.Signal<string>;
     description: _angular_core.Signal<string>;
@@ -4350,6 +4825,8 @@ declare const PIP_WINDOW_ASPECT_RATIO_TOKEN: InjectionToken<Signal<number>>;
 
 declare class StreamPipChromeComponent implements PipChromeRef {
     pipManager: _ethlete_components.PipManager;
+    private provideSurface;
+    private surfaceThemes;
     stageRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
     pipWindowRef: _angular_core.Signal<PipWindowComponent | undefined>;
     gridBtnRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
@@ -4358,8 +4835,9 @@ declare class StreamPipChromeComponent implements PipChromeRef {
     readonly CLOSE_KIND: "close";
     controlsColor: _angular_core.Signal<string | undefined>;
     readonly WINDOW_CONTROL_BUTTON_SIZE: "sm";
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StreamPipChromeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StreamPipChromeComponent, "et-stream-pip-chrome", never, {}, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StreamPipChromeComponent, "et-stream-pip-chrome", never, {}, {}, never, never, true, [{ directive: typeof _ethlete_core.ProvideSurfaceDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class PipPlayerComponent {
@@ -5221,7 +5699,7 @@ declare const StreamImports: readonly [typeof StreamConsentComponent, typeof Str
 declare class TabBarTriggerDirective {
     private elementRef;
     private scrollable;
-    protected tabBar: _ethlete_components.TabBarDirective;
+    protected tabBar: _ethlete_components.TabBarDirective | null;
     disabled: _angular_core.InputSignal<boolean>;
     readonly ID: string;
     justActivated: _angular_core.WritableSignal<boolean>;
@@ -5304,6 +5782,7 @@ declare const TAB_BAR_TRIGGER_TOKEN: InjectionToken<TabBarTriggerDirective>;
 
 declare class NavTabLinkDirective {
     private routerLinkActive;
+    private navTabs;
     private tabBar;
     private destroyRef;
     trigger: TabBarTriggerDirective;
@@ -5315,17 +5794,24 @@ declare class NavTabLinkDirective {
 }
 
 declare class NavTabsOutletDirective {
-    private tabBar;
+    private nearestTabBar;
+    private registry;
     readonly ID: string;
+    private tabBar;
     activeTriggerId: _angular_core.Signal<string | null>;
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavTabsOutletDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NavTabsOutletDirective, "[etNavTabsOutlet]", never, {}, {}, never, never, true, never>;
 }
 
 declare class NavTabsDirective {
     private routerEvent;
+    private registry;
+    private tabBar;
+    private destroyRef;
     /** @internal */
     navigationVersion: _angular_core.Signal<number>;
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavTabsDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NavTabsDirective, "[etNavTabs]", never, {}, {}, never, never, true, never>;
 }
@@ -5360,10 +5846,10 @@ declare class NavTabsComponent {
 }
 
 declare const TAB_ERROR_CODES: {
-    readonly MISSING_TAB_BAR: 1800;
-    readonly MISSING_TAB_GROUP: 1801;
-    readonly MISSING_TAB_PANEL: 1802;
-    readonly MISSING_NAV_TABS: 1803;
+    readonly MISSING_TAB_BAR: 2000;
+    readonly MISSING_TAB_GROUP: 2001;
+    readonly MISSING_TAB_PANEL: 2002;
+    readonly MISSING_NAV_TABS: 2003;
 };
 
 declare class TabPanelDirective {
@@ -5388,6 +5874,8 @@ declare class TabGroupDirective {
     private sessionMemoryAvailable;
     /** @internal */
     panels: _angular_core.WritableSignal<TabPanelDirective[]>;
+    /** @internal Set by composing components (e.g. et-tab-group) that render panel content themselves instead of registering [etTabPanel] directives. */
+    managesPanelsInternally: _angular_core.WritableSignal<boolean>;
     restoredSessionMemoryKey: _angular_core.WritableSignal<string>;
     constructor();
     /** @internal */
@@ -5419,6 +5907,7 @@ declare class TabLabelDirective {
 }
 
 declare class TabComponent {
+    private tabGroup;
     label: _angular_core.InputSignal<string>;
     icon: _angular_core.InputSignal<string | null>;
     disabled: _angular_core.InputSignal<boolean>;
@@ -5427,6 +5916,7 @@ declare class TabComponent {
     implicitLabelRef: _angular_core.Signal<TemplateRef<unknown>>;
     /** @internal */
     contentRef: _angular_core.Signal<TemplateRef<unknown>>;
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabComponent, "et-tab", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, ["customLabel"], ["*"], true, never>;
 }
@@ -5438,6 +5928,7 @@ declare class TabGroupComponent {
     protected triggerElements: _angular_core.Signal<TabBarTriggerDirective[]>;
     /** @internal */
     tabGroupId: string;
+    constructor();
     protected isPanelHidden(index: number): boolean;
     protected shouldRenderPanel(index: number): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabGroupComponent, never>;
@@ -5584,5 +6075,5 @@ declare const TOOLTIP_ERROR_CODES: {
 
 declare const TOOLTIP_IMPORTS: readonly [typeof TooltipDirective, typeof TooltipComponent];
 
-export { 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, CHECKBOX_IMPORTS, CHEVRON_ICON, CHOICE_FIELD_IMPORTS, CLIPBOARD_CHECK_ICON, CheckboxComponent, CheckboxDirective, CheckboxGroupComponent, CheckboxOptionComponent, ChoiceFieldComponent, DAILYMOTION_PLAYER_TOKEN, DEFAULT_BREAKPOINTS, DEFAULT_ICON_VARIANT, DEFAULT_NOTIFICATION_MANAGER_CONFIG, DEFAULT_PIP_WINDOW_CONFIG, DEFAULT_STREAM_PLAYER_STATE, DailymotionPlayerComponent, DailymotionPlayerDirective, DailymotionPlayerParamsDirective, DailymotionPlayerSlotComponent, DescriptionComponent, FACEBOOK_PLAYER_TOKEN, FLOPPY_DISK_ICON, FOCUS_FRAME_ICON, 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, INPUT_IMPORTS, INPUT_TEXT_ALIGNMENTS, INPUT_TYPES, ITALIC_ICON, IconButtonComponent, IconDirective, InputComponent, InputDirective, InputPrefixDirective, InputSuffixDirective, KICK_PLAYER_TOKEN, KickPlayerComponent, KickPlayerDirective, KickPlayerParamsDirective, KickPlayerSlotComponent, LINK_ICON, LIST_BULLETED_ICON, LIST_NUMBERED_ICON, LOCK_ICON, LabelDirective, MENU_ERROR_CODES, MENU_IMPORTS, MENU_ITEM_VARIANTS, MENU_SELECTION_GROUP_MULTIPLE, MENU_SELECTION_GROUP_TOKEN, MENU_SELECTION_ITEM_KIND, MenuCheckboxGroupComponent, MenuCheckboxItemComponent, MenuComponent, MenuContextTriggerDirective, MenuDirective, MenuGroupLabelComponent, MenuItemComponent, MenuItemDirective, MenuItemShortcutComponent, MenuPanelDirective, MenuRadioGroupComponent, MenuRadioItemComponent, MenuSearchDirective, MenuSelectionGroupDirective, MenuSelectionItemDirective, MenuSeparatorComponent, MenuSurfaceDirective, MenuTriggerDirective, NAV_TABS_TOKEN, NOTIFICATION_ERROR_CODES, NOTIFICATION_IMPORTS, NOTIFICATION_STACK_CONTEXT_TOKEN, NOTIFICATION_STATUS, NavTabImports, NavTabLinkComponent, NavTabLinkDirective, NavTabsComponent, NavTabsDirective, NavTabsOutletComponent, NavTabsOutletDirective, NotificationActionDirective, NotificationComponent, NotificationDirective, NotificationDismissDirective, NotificationItemDirective, NotificationStackDirective, 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, OverlayAnchorDirective, OverlayBackOrCloseDirective, OverlayBodyComponent, OverlayCloseDirective, OverlayContainerComponent, OverlayDirective, OverlayFooterDirective, OverlayHandlerLinkDirective, OverlayHeaderDirective, OverlayHeaderTemplateDirective, OverlayMainDirective, OverlayOriginCloneComponent, OverlayRouteHeaderTemplateOutletComponent, OverlayRouterLinkDirective, OverlayRouterOutletComponent, OverlayRouterOutletDisabledTemplateDirective, OverlaySharedRouteTemplateDirective, OverlaySharedRouteTemplateOutletComponent, OverlaySidebarComponent, OverlaySidebarPageComponent, OverlaySurfaceDirective, OverlayTitleDirective, OverlayTriggerDirective, PENCIL_ICON, PIP_CHROME_REF_TOKEN, PIP_ENTRY_TOKEN, PIP_WINDOW_ASPECT_RATIO_TOKEN, PLUS_ICON, PipBackDirective, PipBringBackDirective, PipCellDirective, PipCloseDirective, PipCollapseOverlayDirective, PipGridToggleDirective, PipPlayerComponent, PipSlotPlaceholderComponent, PipStageDirective, PipTitleBarDirective, PipTitleBarTemplateDirective, PipWindowComponent, PipWindowParamsDirective, ProgressBarComponent, RICH_TEXT_EDITOR_IMPORTS, RadioComponent, RadioGroupComponent, RichTextEditorComponent, RichTextEditorDirective, RichTextEditorFloatingToolbarComponent, SCROLLABLE_IMPORTS, SELECTION_LIST_MULTIPLE, SELECTION_LIST_TOKEN, SIDEBAR_OVERLAY_CONFIG, SIDEBAR_OVERLAY_TOKEN, SNAP_HYSTERESIS, SOOP_PLAYER_TOKEN, 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, SWITCH_IMPORTS, ScrollableActiveChildDirective, ScrollableButtonsDirective, ScrollableComponent, ScrollableDarkenDirective, ScrollableDirective, ScrollableDragDirective, ScrollableErrorCode, ScrollableIgnoreChildDirective, ScrollableLoadingTemplateDirective, ScrollableMasksDirective, ScrollableNavigationDirective, ScrollableSnapDirective, SegmentedButtonComponent, SegmentedButtonGroupComponent, SelectionListControlDirective, SelectionListDirective, SelectionOptionDirective, SoopPlayerComponent, SoopPlayerDirective, SoopPlayerParamsDirective, SoopPlayerSlotComponent, SpinnerComponent, StreamConsentAcceptDirective, StreamConsentComponent, StreamConsentDirective, StreamImports, StreamPipChromeComponent, StreamPlayerErrorComponent, StreamPlayerErrorDirective, StreamPlayerLoadingComponent, StreamPlayerSlotDirective, SwitchComponent, SwitchDirective, 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, TIKTOK_PLAYER_TOKEN, TIMES_ICON, 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, TextButtonComponent, TikTokPlayerComponent, TikTokPlayerDirective, TikTokPlayerParamsDirective, TikTokPlayerSlotComponent, ToggletipCloseDirective, ToggletipComponent, ToggletipDirective, ToggletipTriggerDirective, TooltipComponent, TooltipDirective, TwitchPlayerComponent, TwitchPlayerDirective, TwitchPlayerParamsDirective, TwitchPlayerSlotComponent, 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, centeredOverlayStrategy, clampPosition, clampResizeRect, cleanupFullscreenAnimation, cleanupFullscreenAnimationStyles, compactLayout, computeGeometry, computeGridHeight, createAutoScroller, createGridAdapter, createNotificationRef, createOverlayHandler, createOverlayHandlerWithQueryParamLifecycle, createOverlayRef, createOverlayStrategyController, createPipChromeAnimations, createPipChromeState, createStreamConfig, createStreamPlayerSlot, deserializeGridLayout, dialogOverlayStrategy, enableDragToDismiss, findCollision, findNextRelevantHtmlElement, findScrollableAncestor, fromGridPosition, fullScreenDialogOverlayStrategy, getClosestOverlay, getOriginCoordinatesAndDimensions, hysteresisRound, iconRegistryKey, injectAnchoredDialogStrategy, injectAnchoredDialogStrategyDefaults, injectBottomSheetStrategy, injectBottomSheetStrategyDefaults, injectDialogStrategy, injectDialogStrategyDefaults, injectFormSupport, injectFullscreenDialogStrategy, injectFullscreenDialogStrategyDefaults, injectGridConfig, injectLeftSheetStrategy, injectLeftSheetStrategyDefaults, injectNotificationManager, injectNotificationManagerConfig, injectOverlayManager, injectOverlayRouter, injectOverlayScrollBlocker, injectPipChromeManager, injectPipManager, injectPipSlotPlaceholderConfig, injectRightSheetStrategy, injectRightSheetStrategyDefaults, injectSidebarOverlay, injectStreamConfig, injectStreamConsentConfig, injectStreamManager, injectStreamPlayerErrorConfig, injectStreamPlayerLoadingConfig, injectStreamScriptLoader, injectStreamUserConsentProvider, injectTopSheetStrategy, injectTopSheetStrategyDefaults, isHtmlElement, isPointerEvent, isTouchEvent, itemsCollide, leftSheetOverlayStrategy, mapLayoutToBreakpoint, mergeOverlayBreakpointConfigs, pixelRectsEqual, positionToPixelRect, positionsEqual, projectDragCell, provideAnchoredDialogStrategy, provideAnchoredDialogStrategyDefaults, provideBottomSheetStrategy, provideBottomSheetStrategyDefaults, provideDialogStrategy, provideDialogStrategyDefaults, provideFormSupport, provideFullscreenDialogStrategy, provideFullscreenDialogStrategyDefaults, provideGridConfig, provideIcons, provideLeftSheetStrategy, provideLeftSheetStrategyDefaults, provideNotificationManager, provideNotificationManagerConfig, provideNotificationManagerInstance, provideOverlay, provideOverlayManager, provideOverlayRouter, provideOverlayRouterConfig, provideOverlayRouterService, provideOverlayScrollBlocker, providePipChromeManager, providePipManager, providePipSlotPlaceholderConfig, provideRightSheetStrategy, provideRightSheetStrategyDefaults, provideSidebarOverlay, provideSidebarOverlayConfig, provideSidebarOverlayService, provideStreamConfig, provideStreamConsentConfig, provideStreamManager, provideStreamPlayerErrorConfig, provideStreamPlayerLoadingConfig, provideTopSheetStrategy, provideTopSheetStrategyDefaults, resizeSpanBounds, resolveBreakpoint, resolveClosestOverlay, resolveCollisions, rightSheetOverlayStrategy, rowsToPixelHeight, serializeGridLayout, snapResizeSpan, spanHeight, spanWidth, startFullscreenEnterAnimation, startFullscreenLeaveAnimation, toGridPosition, topSheetOverlayStrategy, transformingBottomSheetToDialogOverlayStrategy, transformingFullScreenDialogToDialogOverlayStrategy, transformingFullScreenDialogToRightSheetOverlayStrategy };
-export type { AnchoredDialogOverlayStrategyOptions, AnchoredOverlayStrategyOptions, AnchoredPositionOptions, AutoPlaceOptions, AutoScrollPointer, AutoScroller, ButtonIconAlignment, ButtonSize, CenteredOverlayStrategyOptions, ClampPositionOptions, CompactLayoutOptions, CreateOverlayHandlerConfig, CreateOverlayHandlerInnerConfig, CreateOverlayHandlerWithQueryParamLifecycleConfig, DragToDismissContext, DragToDismissRef, EthleteIconNameRegistry, EthleteIconVariantRegistry, FacebookVideoPlayer, FacebookWindow, FindCollisionOptions, FormFieldAppearance, FormFieldControl, FormFieldControlType, FormFieldDirectiveBase, FormFieldFill, FormFieldLabelMode, FormFieldSize, FullscreenAnimationCancellable, FullscreenAnimationDeps, FullscreenAnimationState, GridAdapter, GridBreakpointConfig, GridBreakpointName, GridComponentRegistration, GridConfig, GridGeometry, GridItemActionsComponent, GridItemConfig, GridItemConstraints, GridItemPosition, GridLayoutEntry, GridSerializedState, HintComponentBase, IconDefinition, InputTextAlignment, LabelDirectiveBase, MapLayoutOptions, MenuAnchorPoint, MenuCloseReason, MenuItemActivationEvent, MenuItemActivationSource, MenuItemVariant, MenuOpenSource, MenuSelectionGroupDirectiveBase, MenuSelectionGroupItem, MenuSelectionItemKind, MenuSurfaceContext, NotificationAction, NotificationConfig, NotificationEntry, NotificationManager, NotificationManagerConfig, NotificationRef, NotificationStackContext, NotificationStatus, OverlayAutoFocusTarget, OverlayBodyDividerType, OverlayBreakpointConfig, OverlayConfig, OverlayConsumerConfig, OverlayDragToDismissConfig, OverlayHandler, OverlayHandlerWithQueryParamLifecycle, OverlayManager, OverlayMode, OverlayRef, OverlayRole, OverlayRoute, OverlayRouter, OverlayRouterConfig, OverlayRouterNavigateConfig, OverlayRouterNavigationDirection, OverlayRouterResolvedPath, OverlayRouterTransitionType, OverlayStrategy, OverlayStrategyBreakpoint, OverlayStrategyContext, OverlayStrategyController, OverlayStrategyControllerMountConfig, OverlaySurfaceContext, PipCellData, PipChromeAnimations, PipChromeRef, PipChromeState, PipManager, PipSlotPlaceholderConfig, PixelRect, RegisteredIconName, RegisteredIconVariant, ResizeSpanBounds, ResolveClosestOverlayOptions, ResolveCollisionsOptions, RowFloors, ScrollableActiveChildRef, ScrollableButtonPosition, ScrollableDirection, ScrollableIntersectionChange, ScrollableItemSize, ScrollableLoadingTemplatePosition, ScrollableLoadingTemplateRef, ScrollableMaskVariant, ScrollableNavigation, ScrollableNavigationItem, ScrollableScrollMode, ScrollableScrollOrigin, ScrollableScrollState, SelectionListDirectiveBase, SelectionListItem, SerializeOptions, SidebarOverlay, SidebarOverlayConfig, StreamConfig, StreamConsentConfig, StreamManager, StreamPipEntry, StreamPipWindowConfig, StreamPlayer, StreamPlayerCapabilities, StreamPlayerEntry, StreamPlayerErrorConfig, StreamPlayerErrorContext, StreamPlayerId, StreamPlayerLoadingConfig, StreamPlayerParams, StreamPlayerSlotHandle, StreamPlayerSlotOptions, StreamPlayerState, StreamScriptLoader, StreamSlotEntry, TabBarFit, TabBarOrientation, TabBarVariant, TabSize, ToggletipContent, TooltipContent, TwitchEmbed, TwitchEmbedConstructor, TwitchEmbedPlayer, TwitchPlayerParams, TwitchWindow, ViewportTransformData, VimeoDurationChangeEvent, VimeoPlaybackEvent, VimeoPlayer, VimeoPlayerOptions, VimeoWindow, WindowControlButtonKind, WindowControlButtonSize, YtPlayer, YtPlayerConfig, YtPlayerErrorEvent, YtPlayerEvent, YtPlayerStateChangeEvent, YtPlayerVars, YtWindow };
+export { 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, CHECKBOX_IMPORTS, CHEVRON_ICON, CHOICE_FIELD_IMPORTS, CLIPBOARD_CHECK_ICON, CheckboxComponent, CheckboxDirective, CheckboxGroupComponent, CheckboxOptionComponent, ChoiceFieldComponent, DAILYMOTION_PLAYER_TOKEN, DEFAULT_BREAKPOINTS, DEFAULT_ICON_VARIANT, DEFAULT_NOTIFICATION_MANAGER_CONFIG, DEFAULT_PIP_WINDOW_CONFIG, DEFAULT_STREAM_PLAYER_STATE, DROPZONE_ENTRY_STATUSES, DROPZONE_ERROR_CODES, DROPZONE_FILES_ERROR_KIND, DROPZONE_FILE_CONSTRAINTS, DROPZONE_FILE_REJECTION_REASONS, DROPZONE_IMPORTS, DailymotionPlayerComponent, DailymotionPlayerDirective, DailymotionPlayerParamsDirective, DailymotionPlayerSlotComponent, DescriptionComponent, DropzoneComponent, DropzoneDirective, FACEBOOK_PLAYER_TOKEN, FILE_ICON, FLOPPY_DISK_ICON, FOCUS_FRAME_ICON, 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, INPUT_IMPORTS, INPUT_TEXT_ALIGNMENTS, INPUT_TYPES, ITALIC_ICON, IconButtonComponent, IconDirective, InputComponent, InputDirective, InputPrefixDirective, InputSuffixDirective, KICK_PLAYER_TOKEN, KickPlayerComponent, KickPlayerDirective, KickPlayerParamsDirective, KickPlayerSlotComponent, LINK_ICON, LIST_BULLETED_ICON, LIST_NUMBERED_ICON, LOCK_ICON, LabelDirective, MENU_ERROR_CODES, MENU_IMPORTS, MENU_ITEM_VARIANTS, MENU_SELECTION_GROUP_MULTIPLE, MENU_SELECTION_GROUP_TOKEN, MENU_SELECTION_ITEM_KIND, MenuCheckboxGroupComponent, MenuCheckboxItemComponent, MenuComponent, MenuContextTriggerDirective, MenuDirective, MenuGroupLabelComponent, MenuItemComponent, MenuItemDirective, MenuItemShortcutComponent, MenuPanelDirective, MenuRadioGroupComponent, MenuRadioItemComponent, MenuSearchDirective, MenuSelectionGroupDirective, MenuSelectionItemDirective, MenuSeparatorComponent, MenuSurfaceDirective, MenuTriggerDirective, NAV_TABS_TOKEN, NOTIFICATION_ERROR_CODES, NOTIFICATION_IMPORTS, NOTIFICATION_STACK_CONTEXT_TOKEN, NOTIFICATION_STATUS, NavTabImports, NavTabLinkComponent, NavTabLinkDirective, NavTabsComponent, NavTabsDirective, NavTabsOutletComponent, NavTabsOutletDirective, NotificationActionDirective, NotificationComponent, NotificationDirective, NotificationDismissDirective, NotificationItemDirective, NotificationStackDirective, 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, OverlayAnchorDirective, OverlayBackOrCloseDirective, OverlayBodyComponent, OverlayCloseDirective, OverlayContainerComponent, OverlayDirective, OverlayFooterDirective, OverlayHeaderDirective, OverlayHeaderTemplateDirective, OverlayMainDirective, OverlayOriginCloneComponent, OverlayRouteHeaderTemplateOutletComponent, OverlayRouterLinkDirective, OverlayRouterOutletComponent, OverlayRouterOutletDisabledTemplateDirective, OverlaySharedRouteTemplateDirective, OverlaySharedRouteTemplateOutletComponent, OverlaySidebarComponent, OverlaySidebarPageComponent, OverlaySurfaceDirective, OverlayTitleDirective, OverlayTriggerDirective, PENCIL_ICON, PIP_CHROME_REF_TOKEN, PIP_ENTRY_TOKEN, PIP_WINDOW_ASPECT_RATIO_TOKEN, PLUS_ICON, PipBackDirective, PipBringBackDirective, PipCellDirective, PipCloseDirective, PipCollapseOverlayDirective, PipGridToggleDirective, PipPlayerComponent, PipSlotPlaceholderComponent, PipStageDirective, PipTitleBarDirective, PipTitleBarTemplateDirective, PipWindowComponent, PipWindowParamsDirective, ProgressBarComponent, QueryParamOverlayLinkDirective, RICH_TEXT_EDITOR_IMPORTS, ROTATE_RIGHT_ICON, RadioComponent, RadioGroupComponent, RichTextEditorComponent, RichTextEditorDirective, RichTextEditorFloatingToolbarComponent, SCROLLABLE_ERROR_CODES, SCROLLABLE_IMPORTS, SELECTION_LIST_MULTIPLE, SELECTION_LIST_TOKEN, SIDEBAR_OVERLAY_CONFIG, SIDEBAR_OVERLAY_TOKEN, SNAP_HYSTERESIS, SOOP_PLAYER_TOKEN, SPLIT_BUTTON_ERROR_CODES, 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, SWITCH_IMPORTS, ScrollableActiveChildDirective, ScrollableButtonsDirective, ScrollableComponent, ScrollableDarkenDirective, ScrollableDirective, ScrollableDragDirective, ScrollableIgnoreChildDirective, ScrollableLoadingTemplateDirective, ScrollableMasksDirective, ScrollableNavigationDirective, ScrollableSnapDirective, SegmentedButtonComponent, SegmentedButtonGroupComponent, SelectionListControlDirective, SelectionListDirective, SelectionOptionDirective, SoopPlayerComponent, SoopPlayerDirective, SoopPlayerParamsDirective, SoopPlayerSlotComponent, SpinnerComponent, SplitButtonActionDirective, SplitButtonComponent, SplitButtonDirective, SplitButtonTriggerDirective, StreamConsentAcceptDirective, StreamConsentComponent, StreamConsentDirective, StreamImports, StreamPipChromeComponent, StreamPlayerErrorComponent, StreamPlayerErrorDirective, StreamPlayerLoadingComponent, StreamPlayerSlotDirective, SwitchComponent, SwitchDirective, 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, TIKTOK_PLAYER_TOKEN, TIMES_ICON, 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, TextButtonComponent, TikTokPlayerComponent, TikTokPlayerDirective, TikTokPlayerParamsDirective, TikTokPlayerSlotComponent, ToggletipCloseDirective, ToggletipComponent, ToggletipDirective, ToggletipTriggerDirective, TooltipComponent, TooltipDirective, TwitchPlayerComponent, TwitchPlayerDirective, TwitchPlayerParamsDirective, TwitchPlayerSlotComponent, 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, centeredOverlayStrategy, clampPosition, clampResizeRect, cleanupFullscreenAnimation, cleanupFullscreenAnimationStyles, compactLayout, computeGeometry, computeGridHeight, createAutoScroller, createDefaultDropzoneArgs, createDropzoneUpload, createExistingDropzoneEntry, createFileDropzoneEntry, createGridAdapter, createNotificationRef, createOverlayOpener, createOverlayRef, createOverlayStrategyController, createPipChromeAnimations, createPipChromeState, createStreamConfig, createStreamPlayerSlot, defaultDropzoneRejectionMessage, defineOverlay, defineQueryParamOverlay, deserializeGridLayout, dialogOverlayStrategy, disposeDropzoneEntry, dropzoneFiles, enableDragToDismiss, findCollision, findNextRelevantHtmlElement, findScrollableAncestor, formatFileSize, fromGridPosition, fullScreenDialogOverlayStrategy, getClosestOverlay, getOriginCoordinatesAndDimensions, hysteresisRound, iconRegistryKey, injectAnchoredDialogStrategy, injectAnchoredDialogStrategyDefaults, injectBottomSheetStrategy, injectBottomSheetStrategyDefaults, injectDialogStrategy, injectDialogStrategyDefaults, injectFormSupport, injectFullscreenDialogStrategy, injectFullscreenDialogStrategyDefaults, injectGridConfig, injectLeftSheetStrategy, injectLeftSheetStrategyDefaults, injectNotificationManager, injectNotificationManagerConfig, injectOverlayManager, injectOverlayRouter, injectOverlayScrollBlocker, injectPipChromeManager, injectPipManager, injectPipSlotPlaceholderConfig, injectRightSheetStrategy, injectRightSheetStrategyDefaults, injectSidebarOverlay, injectStreamConfig, injectStreamConsentConfig, injectStreamManager, injectStreamPlayerErrorConfig, injectStreamPlayerLoadingConfig, injectStreamScriptLoader, injectStreamUserConsentProvider, injectTopSheetStrategy, injectTopSheetStrategyDefaults, isFileAccepted, isHtmlElement, isPointerEvent, isTouchEvent, itemsCollide, leftSheetOverlayStrategy, mapLayoutToBreakpoint, mergeOverlayBreakpointConfigs, mergeOverlayConfigs, pixelRectsEqual, positionToPixelRect, positionsEqual, projectDragCell, provideAnchoredDialogStrategy, provideAnchoredDialogStrategyDefaults, provideBottomSheetStrategy, provideBottomSheetStrategyDefaults, provideDialogStrategy, provideDialogStrategyDefaults, provideFormSupport, provideFullscreenDialogStrategy, provideFullscreenDialogStrategyDefaults, provideGridConfig, provideIcons, provideLeftSheetStrategy, provideLeftSheetStrategyDefaults, provideNotificationManager, provideNotificationManagerConfig, provideNotificationManagerInstance, provideOverlay, provideOverlayManager, provideOverlayRouter, provideOverlayRouterConfig, provideOverlayRouterService, provideOverlayScrollBlocker, providePipChromeManager, providePipManager, providePipSlotPlaceholderConfig, provideRightSheetStrategy, provideRightSheetStrategyDefaults, provideSidebarOverlay, provideSidebarOverlayConfig, provideSidebarOverlayService, provideStreamConfig, provideStreamConsentConfig, provideStreamManager, provideStreamPlayerErrorConfig, provideStreamPlayerLoadingConfig, provideTopSheetStrategy, provideTopSheetStrategyDefaults, resizeSpanBounds, resolveBreakpoint, resolveClosestOverlay, resolveCollisions, rightSheetOverlayStrategy, rowsToPixelHeight, serializeGridLayout, snapResizeSpan, spanHeight, spanWidth, startFullscreenEnterAnimation, startFullscreenLeaveAnimation, toGridPosition, topSheetOverlayStrategy, transformingBottomSheetToDialogOverlayStrategy, transformingFullScreenDialogToDialogOverlayStrategy, transformingFullScreenDialogToRightSheetOverlayStrategy };
+export type { AnchoredDialogOverlayStrategyOptions, AnchoredOverlayStrategyOptions, AnchoredPositionOptions, AnyDropzoneUploadConfig, AutoPlaceOptions, AutoScrollPointer, AutoScroller, ButtonIconAlignment, ButtonSize, CenteredOverlayStrategyOptions, ClampPositionOptions, CompactLayoutOptions, CreateExistingDropzoneEntryOptions, CreateFileDropzoneEntryOptions, DragToDismissContext, DragToDismissRef, DropzoneEntry, DropzoneEntrySource, DropzoneEntryStatus, DropzoneExistingFileInfo, DropzoneFileConstraints, DropzoneFileRejection, DropzoneFileRejectionReason, DropzoneFileValidationChannel, DropzoneUploadConfig, EthleteIconNameRegistry, EthleteIconVariantRegistry, FacebookVideoPlayer, FacebookWindow, FindCollisionOptions, FormFieldAppearance, FormFieldControl, FormFieldControlType, FormFieldDirectiveBase, FormFieldFill, FormFieldLabelMode, FormFieldSize, FullscreenAnimationCancellable, FullscreenAnimationDeps, FullscreenAnimationState, GridAdapter, GridBreakpointConfig, GridBreakpointName, GridComponentRegistration, GridConfig, GridGeometry, GridItemActionsComponent, GridItemConfig, GridItemConstraints, GridItemPosition, GridLayoutEntry, GridSerializedState, HintComponentBase, IconDefinition, InputTextAlignment, LabelDirectiveBase, MapLayoutOptions, MenuAnchorPoint, MenuCloseReason, MenuItemActivationEvent, MenuItemActivationSource, MenuItemVariant, MenuOpenSource, MenuSelectionGroupDirectiveBase, MenuSelectionGroupItem, MenuSelectionItemKind, MenuSurfaceContext, NotificationAction, NotificationConfig, NotificationEntry, NotificationManager, NotificationManagerConfig, NotificationRef, NotificationStackContext, NotificationStatus, 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, PipCellData, PipChromeAnimations, PipChromeRef, PipChromeState, PipManager, PipSlotPlaceholderConfig, PixelRect, QueryParamOverlayDefinition, QueryParamOverlayDefinitionConfig, QueryParamOverlayHost, QueryParamOverlayOpener, QueryParamOverlayValue, RegisteredIconName, RegisteredIconVariant, ResizeSpanBounds, ResolveClosestOverlayOptions, ResolveCollisionsOptions, RowFloors, ScrollableActiveChildRef, ScrollableButtonPosition, ScrollableDirection, ScrollableIntersectionChange, ScrollableItemSize, ScrollableLoadingTemplatePosition, ScrollableLoadingTemplateRef, ScrollableMaskVariant, ScrollableNavigation, ScrollableNavigationItem, ScrollableScrollMode, ScrollableScrollOrigin, ScrollableScrollState, SelectionListDirectiveBase, SelectionListItem, SerializeOptions, SidebarOverlay, SidebarOverlayConfig, StreamConfig, StreamConsentConfig, StreamManager, StreamPipEntry, StreamPipWindowConfig, StreamPlayer, StreamPlayerCapabilities, StreamPlayerEntry, StreamPlayerErrorConfig, StreamPlayerErrorContext, StreamPlayerId, StreamPlayerLoadingConfig, StreamPlayerParams, StreamPlayerSlotHandle, StreamPlayerSlotOptions, StreamPlayerState, StreamScriptLoader, StreamSlotEntry, TabBarFit, TabBarOrientation, TabBarVariant, TabSize, ToggletipContent, TooltipContent, TwitchEmbed, TwitchEmbedConstructor, TwitchEmbedPlayer, TwitchPlayerParams, TwitchWindow, ViewportTransformData, VimeoDurationChangeEvent, VimeoPlaybackEvent, VimeoPlayer, VimeoPlayerOptions, VimeoWindow, WindowControlButtonKind, WindowControlButtonSize, YtPlayer, YtPlayerConfig, YtPlayerErrorEvent, YtPlayerEvent, YtPlayerStateChangeEvent, YtPlayerVars, YtWindow };