@ethlete/components 1.0.0-next.19 → 1.0.0-next.21

package/types/ethlete-components.d.ts

@@ -1,15 +1,15 @@
 import * as _angular_core 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 { Signal, WritableSignal, InjectionToken, ElementRef, Type, Provider, InputSignal, ViewContainerRef, Injector, Binding, StaticProvider, TemplateRef, OnInit, ComponentRef, ModelSignal, OnDestroy, computed, EnvironmentInjector, ApplicationRef } from '@angular/core';
 import * as _ethlete_core 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 { AnimatableDirective, ColorTheme, 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, 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 { QueryArgs, QueryCreator, RequestArgs, ResponseType, AnyNewQuery, QueryErrorResponse, AnyQueryCreator, QueryArgsOf } from '@ethlete/query';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
+import * as _angular_platform_browser from '@angular/platform-browser';
+import { Placement, OffsetOptions, Padding } from '@floating-ui/dom';
 import * as i1 from '@angular/router';
 
 declare class ButtonStylesDirective {
@@ -237,6 +237,7 @@ type FormFieldControl = {
     name: Signal<string>;
     required?: Signal<boolean>;
     disabled?: Signal<boolean>;
+    readonly?: Signal<boolean>;
     effectiveDisabled?: Signal<boolean>;
     describedBy: WritableSignal<string | null>;
     controlType: Signal<FormFieldControlType>;
@@ -276,6 +277,8 @@ declare class FormFieldDirective implements FormFieldDirectiveBase {
     controlType: _angular_core.Signal<_ethlete_components.FormFieldControlType>;
     focused: _angular_core.Signal<boolean>;
     hasValue: _angular_core.Signal<boolean>;
+    isReadonly: _angular_core.Signal<boolean>;
+    isDisabled: _angular_core.Signal<boolean>;
     usesTextFieldShell: _angular_core.Signal<boolean>;
     shouldFloatLabel: _angular_core.Signal<boolean>;
     describedById: _angular_core.Signal<string | null>;
@@ -668,11 +671,11 @@ declare class DropzoneDirective<TValue = unknown> implements FormValueControl<TV
     /** 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[]>;
+    filesReject: _angular_core.OutputEmitterRef<DropzoneFileRejection[]>;
     /** Emits when the upload of an entry succeeded (after the control value was updated). */
-    uploadSucceeded: _angular_core.OutputEmitterRef<DropzoneEntry<TValue>>;
+    uploadSucceed: _angular_core.OutputEmitterRef<DropzoneEntry<TValue>>;
     /** Emits when the upload of an entry failed. */
-    uploadFailed: _angular_core.OutputEmitterRef<DropzoneEntry<TValue>>;
+    uploadFail: _angular_core.OutputEmitterRef<DropzoneEntry<TValue>>;
     private internalEntries;
     private internalLastRejections;
     private dragDepth;
@@ -722,7 +725,7 @@ declare class DropzoneDirective<TValue = unknown> implements FormValueControl<TV
     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>;
+    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"; "filesReject": "filesReject"; "uploadSucceed": "uploadSucceed"; "uploadFail": "uploadFail"; }, never, never, true, never>;
 }
 
 declare class DropzoneComponent {
@@ -788,7 +791,7 @@ declare class DropzoneComponent {
     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: {}; }]>;
+    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"; "filesReject": "filesReject"; "uploadSucceed": "uploadSucceed"; "uploadFail": "uploadFail"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
 }
 
 declare const DROPZONE_IMPORTS: readonly [typeof DropzoneComponent, typeof DropzoneDirective];
@@ -934,7 +937,128 @@ declare class InputComponent {
 
 declare const INPUT_IMPORTS: readonly [typeof InputComponent, typeof InputDirective];
 
-type InlineTag = 'strong' | 'em' | 'del';
+declare class RichTextEditorFloatingToolbarDirective {
+    private editor;
+    private document;
+    private renderer;
+    private overlayManager;
+    private destroyRef;
+    private overlayId;
+    private overlayRef;
+    private activeRange;
+    private pointerSelectingInContent;
+    constructor();
+    private selectableRange;
+    private finishContentPointerSelection;
+    /** Selection settled (key/pointer): open the toolbar or move it to the new range. */
+    private evaluate;
+    /** Selection changed while open: follow it, or close if it is no longer usable. */
+    private reposition;
+    private openOrReposition;
+    private buildAnchoredPosition;
+    private hide;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RichTextEditorFloatingToolbarDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RichTextEditorFloatingToolbarDirective, "[etRichTextEditorFloatingToolbar]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Namespaces a token in the serialized Markdown (`{{type:id}}`). Apps pick their own
+ * values (`'block'`, `'mention'`, `'link'`, …); the union just nudges the common ones.
+ */
+type RichTextEditorTriggerType = 'block' | 'mention' | 'link' | (string & {});
+/** A single row shown in the trigger popup and the source of an inserted token. */
+type RichTextEditorTriggerItem = {
+    /** Stable identity, embedded in the token as `{{type:id}}`. Must match `[A-Za-z0-9._:-]+`. */
+    id: string;
+    /** Text shown in the popup row and rendered inside the inserted chip. */
+    label: string;
+    /** Optional secondary line rendered under the label in the popup. */
+    description?: string;
+    /** Arbitrary passthrough for consumers that render custom rows/chips. */
+    data?: unknown;
+    /** When `true`, the row is shown but cannot be selected. */
+    disabled?: boolean;
+};
+/**
+ * Where a trigger gets its items from. Either a static list, or a function of the current
+ * query returning items synchronously, as a `Promise`, or as an `Observable` (for
+ * search-as-you-type). Function sources are re-run (debounced) as the query changes.
+ */
+type RichTextEditorTriggerItemSource = readonly RichTextEditorTriggerItem[] | ((query: string) => RichTextEditorTriggerItem[] | Promise<RichTextEditorTriggerItem[]> | Observable<RichTextEditorTriggerItem[]>);
+/**
+ * Resolves a stored token id back to an item so a `{{type:id}}` value can render as a
+ * labelled chip in display/read contexts. Sync, `Promise`, or `Observable`; returning
+ * `null` (or omitting the resolver) falls back to rendering the raw id.
+ */
+type RichTextEditorTriggerItemResolver = (id: string) => RichTextEditorTriggerItem | null | Promise<RichTextEditorTriggerItem | null> | Observable<RichTextEditorTriggerItem | null>;
+/** A single trigger character and the domain-specific items it offers. */
+type RichTextEditorTrigger = {
+    /** The character that opens the popup at a word boundary (e.g. `'#'`, `'@'`). */
+    char: string;
+    /** Namespaces the inserted token. Unique per editor. Must match `[a-z][a-z0-9-]*`. */
+    type: RichTextEditorTriggerType;
+    /** The items offered while this trigger is active. */
+    items: RichTextEditorTriggerItemSource;
+    /** Renders stored `{{type:id}}` tokens as labelled chips. See {@link RichTextEditorTriggerItemResolver}. */
+    resolveItem?: RichTextEditorTriggerItemResolver;
+    /** Keep the popup open when the query contains spaces. @default false */
+    allowSpaces?: boolean;
+    /** Minimum query length before items are requested. @default 0 */
+    minQueryLength?: number;
+    /** Debounce applied to async (function) sources, in ms. @default 150 */
+    debounceTime?: number;
+};
+/**
+ * Declares a trigger for the rich text editor's building-block autocomplete. A thin
+ * identity helper — kept as a function so the config type is inferred and the call site
+ * reads intentionally. Pass the results to `[etRichTextEditorTriggers]`.
+ *
+ * ```ts
+ * createRichTextEditorTrigger({ char: '#', type: 'block', items: MERGE_FIELDS })
+ * ```
+ */
+declare const createRichTextEditorTrigger: (trigger: RichTextEditorTrigger) => RichTextEditorTrigger;
+
+declare class RichTextEditorTriggersDirective {
+    private editor;
+    private document;
+    private renderer;
+    private overlayManager;
+    private destroyRef;
+    triggers: _angular_core.InputSignal<readonly RichTextEditorTrigger[]>;
+    emptyLabel: _angular_core.InputSignal<string>;
+    private readonly listboxId;
+    private activeMatch;
+    private activeIndex;
+    private overlayRef;
+    private itemsState;
+    private errorText;
+    private isComposing;
+    private listenersAttached;
+    /** Position of a trigger char the user dismissed (Escape) — suppresses reopening for that run. */
+    private dismissed;
+    constructor();
+    private attachListeners;
+    private syncDetection;
+    private interceptPopupKeys;
+    private moveActive;
+    private selectActive;
+    private insertItem;
+    private buildChip;
+    private deletePrecedingChip;
+    private dismiss;
+    private isDismissed;
+    private openOrReposition;
+    private close;
+    private buildAnchoredPosition;
+    private setAriaExpanded;
+    private assertUniqueTriggers;
+    private assertValidToken;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RichTextEditorTriggersDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RichTextEditorTriggersDirective, "[etRichTextEditorTriggers]", never, { "triggers": { "alias": "triggers"; "required": false; "isSignal": true; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type InlineTag = 'strong' | 'em' | 'del' | 'u' | 'code';
 type ListTag = 'ul' | 'ol';
 type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 type EditableSelection = {
@@ -945,30 +1069,149 @@ type RichTextMarkStates = {
     bold: boolean;
     italic: boolean;
     strike: boolean;
+    underline: boolean;
+    code: boolean;
     unorderedList: boolean;
     orderedList: boolean;
     link: boolean;
     /** Heading level of the block the selection starts in, or `null` when it is not a heading. */
     heading: number | null;
+    /** Whether the selection starts inside a table cell — where block tools (headings, lists) have
+     *  no GFM representation and are disabled. */
+    tableCell: boolean;
+};
+
+/**
+ * The formatting controls the rich text editor can render in its toolbar. `'divider'` renders a
+ * visual separator and `'heading'` renders the block-style menu; every other token renders a toggle
+ * button. Consumers pick and order them via the `tools` input or {@link provideRichTextEditorTools}.
+ */
+declare const RICH_TEXT_EDITOR_TOOLS: {
+    readonly BOLD: "bold";
+    readonly ITALIC: "italic";
+    readonly UNDERLINE: "underline";
+    readonly STRIKE: "strike";
+    readonly CODE: "code";
+    readonly HEADING: "heading";
+    readonly ALIGN: "align";
+    readonly BULLETED_LIST: "bulletedList";
+    readonly NUMBERED_LIST: "numberedList";
+    readonly LINK: "link";
+    readonly TABLE: "table";
+    readonly DIVIDER: "divider";
+};
+/**
+ * A toolbar tool token. The `align` and `table` tools are opt-in — they only render when their
+ * provider (`provideRichTextEditorAlignmentTool` / `provideRichTextEditorTableTool`) is present, so
+ * their code tree-shakes away otherwise. `(string & {})` keeps the union open for custom tools.
+ */
+type RichTextEditorTool = (typeof RICH_TEXT_EDITOR_TOOLS)[keyof typeof RICH_TEXT_EDITOR_TOOLS] | (string & {});
+/** The default toolbar: the block-style menu first, then inline marks, lists and links. */
+declare const DEFAULT_RICH_TEXT_EDITOR_TOOLS: readonly RichTextEditorTool[];
+/** The inline marks the selection (floating) toolbar can offer — headings/lists are block-level. */
+declare const RICH_TEXT_EDITOR_INLINE_TOOLS: readonly RichTextEditorTool[];
+type RichTextEditorToolsConfig = {
+    tools: readonly RichTextEditorTool[];
+};
+declare const injectRichTextEditorTools: {
+    (): RichTextEditorToolsConfig;
+    (options: _angular_core.InjectOptions & {
+        optional?: false;
+    }): RichTextEditorToolsConfig;
+    (options: _angular_core.InjectOptions): RichTextEditorToolsConfig | null;
+};
+/**
+ * Sets the default set (and order) of toolbar tools for every `et-rich-text-editor` in scope. A
+ * per-instance `[tools]` input still wins over this. Omit both for the full default toolbar.
+ */
+declare const provideRichTextEditorTools: (tools: readonly RichTextEditorTool[]) => _angular_core.Provider[];
+
+/** Icon + label + wiring for a single toggle-button tool. */
+type RichTextEditorToolButton = {
+    icon: string;
+    label: string;
+    isActive: (editor: RichTextEditorDirective) => boolean;
+    run: (editor: RichTextEditorDirective) => void;
+    /** Disables the button in contexts where the tool cannot apply (e.g. lists inside a table cell). */
+    isDisabled?: (editor: RichTextEditorDirective) => boolean;
+    /** Link keeps its brand color, so its icon opts out of the neutral icon recolor. */
+    allowHardcodedColor?: boolean;
+};
+/** The toggle-button tools, keyed by token (`divider`/`heading` are rendered specially). */
+declare const RICH_TEXT_EDITOR_TOOL_BUTTONS: Partial<Record<RichTextEditorTool, RichTextEditorToolButton>>;
+/** Block-style options for the heading menu. `null` is a normal paragraph. */
+declare const RICH_TEXT_EDITOR_HEADING_OPTIONS: readonly {
+    level: number | null;
+    label: string;
+    icon: string;
+}[];
+/**
+ * A tool contributed to the toolbar via DI. Base tools are the static {@link RICH_TEXT_EDITOR_TOOL_BUTTONS};
+ * opt-in tools (table, alignment, or app-defined ones) register a definition through
+ * {@link RICH_TEXT_EDITOR_TOOL} so their code only ships when provided. A tool renders either as a
+ * toggle button (`icon` + `isActive`/`run`) or as a custom `control` component (given an `editor` input).
+ */
+type RichTextEditorToolDefinition = {
+    /** The `tools` token this definition renders for (e.g. `'table'`). */
+    token: string;
+    label: string;
+    icon?: string;
+    allowHardcodedColor?: boolean;
+    isActive?: (editor: RichTextEditorDirective) => boolean;
+    run?: (editor: RichTextEditorDirective) => void;
+    /** Disables the button in contexts where the tool cannot apply (e.g. lists inside a table cell). */
+    isDisabled?: (editor: RichTextEditorDirective) => boolean;
+    /** Custom control rendered instead of a toggle button; it receives the editor as an `editor` input. */
+    control?: Type<unknown>;
+};
+/** Multi-provider token opt-in tools register their {@link RichTextEditorToolDefinition} into. */
+declare const RICH_TEXT_EDITOR_TOOL: InjectionToken<RichTextEditorToolDefinition[]>;
+
+/**
+ * Bridges token chips and their serialized `{{type:id}}` Markdown form. The
+ * {@link RichTextEditorTokenCodec.serialize} direction reconstructs the token purely from the
+ * chip's `type`/`id` data attributes (never the visible label), so `serialize(render(md))`
+ * is byte-stable regardless of the resolved label — the base editor relies on this to avoid
+ * re-rendering (and resetting the caret) on every keystroke.
+ */
+type RichTextEditorTokenCodec = {
+    /** In-place: replaces every `[data-et-token]` chip in `root` with a `{{type:id}}` text node. */
+    serialize: (root: HTMLElement) => void;
+    /** Replaces every `{{type:id}}` in `html` with chip HTML, resolving labels synchronously. */
+    render: (html: string) => string;
+    /** Asynchronously resolves chip labels in `root` and patches them in place. */
+    hydrate: (root: HTMLElement) => void;
 };
 
 declare class RichTextEditorDirective implements FormValueControl<string>, FormFieldControl {
     private formField;
     private destroyRef;
     private document;
+    private toolsConfig;
     /** @internal */
     editorDom: {
         root: _angular_core.WritableSignal<HTMLElement | null>;
         getSelection: () => EditableSelection | null;
         closestWithin: (node: Node | null, selector: string) => HTMLElement | null;
         markStates: () => RichTextMarkStates | null;
+        activeInlineTags: () => InlineTag[];
         toggleInline: (tag: InlineTag) => void;
+        insertInlineText: (text: string, tags: InlineTag[]) => void;
+        codeExit: (key: string) => boolean;
+        indentListItem: () => boolean;
+        outdentListItem: () => boolean;
+        tableExit: (key: string) => boolean;
+        tableEnter: (key: string) => boolean;
         toggleList: (listTag: ListTag) => void;
         toggleHeading: (tag: HeadingTag) => void;
         applyLink: (href: string) => void;
         removeLink: () => void;
         insertToken: (node: Node) => void;
+        insertNormalizedHtml: (html: string) => void;
+        applyBlockAutoformat: (isReserved: (char: string) => boolean) => boolean;
+        applyInlineAutoformat: (typed: string, isReserved: (char: string) => boolean) => boolean;
         handleBackspace: () => boolean;
+        handleEnter: () => boolean;
     };
     value: _angular_core.ModelSignal<string>;
     touched: _angular_core.ModelSignal<boolean>;
@@ -980,6 +1223,21 @@ declare class RichTextEditorDirective implements FormValueControl<string>, FormF
     required: _angular_core.InputSignal<boolean>;
     name: _angular_core.InputSignal<string>;
     placeholder: _angular_core.InputSignal<string>;
+    /** Which formatting tools the toolbar renders, and in what order. Falls back to the value from
+     *  `provideRichTextEditorTools` (or the full default set). */
+    tools: _angular_core.InputSignal<readonly RichTextEditorTool[] | null>;
+    /** Markdown autoformat while typing: `- `, `1. ` and `# `–`### ` at a line start convert into
+     *  lists/headings, and closing `**bold**`, `*italic*`, `` `code` ``, `~~strike~~`, `__`/`_` runs
+     *  convert into their marks. Registered token-trigger characters never autoformat. */
+    autoformat: _angular_core.InputSignal<boolean>;
+    /** Resolved toolbar tools: the `tools` input if set, otherwise the provided/default config. */
+    resolvedTools: _angular_core.Signal<readonly RichTextEditorTool[]>;
+    /**
+     * @internal Codec that (de)serializes `{{type:id}}` token chips. Installed by
+     * `[etRichTextEditorTriggers]` or a render-only provider; `null` when the building-block
+     * feature isn't used, in which case token markdown is treated as plain text.
+     */
+    tokenCodec: _angular_core.WritableSignal<RichTextEditorTokenCodec | null>;
     shouldDisplayError: _angular_core.Signal<boolean>;
     hasValue: _angular_core.Signal<boolean>;
     describedBy: _angular_core.WritableSignal<string | null>;
@@ -990,10 +1248,32 @@ declare class RichTextEditorDirective implements FormValueControl<string>, FormF
     boldActive: _angular_core.WritableSignal<boolean>;
     italicActive: _angular_core.WritableSignal<boolean>;
     strikeActive: _angular_core.WritableSignal<boolean>;
+    underlineActive: _angular_core.WritableSignal<boolean>;
+    codeActive: _angular_core.WritableSignal<boolean>;
     unorderedListActive: _angular_core.WritableSignal<boolean>;
     orderedListActive: _angular_core.WritableSignal<boolean>;
     linkActive: _angular_core.WritableSignal<boolean>;
     headingLevel: _angular_core.WritableSignal<number | null>;
+    /** Whether the selection sits inside a table cell. Block tools (heading menu, lists) disable
+     *  themselves on it — a GFM table cell can only hold single-line inline content, so block
+     *  markup inside one would not survive serialization. */
+    inTableCell: _angular_core.WritableSignal<boolean>;
+    /** The heading (block-style) tool is unavailable where a heading can't apply: inside table
+     *  cells (no GFM form) and inside list items (a heading would not survive list serialization). */
+    headingToolDisabled: _angular_core.Signal<boolean>;
+    /**
+     * @internal Inline marks queued for the next typed text while the selection is collapsed ("stored
+     * marks"). `null` means "follow the caret"; a list means the next input is wrapped in exactly these.
+     */
+    pendingMarks: _angular_core.WritableSignal<InlineTag[] | null>;
+    /**
+     * @internal Characters claimed by the token-trigger system (set by `[etRichTextEditorTriggers]`).
+     * Autoformat rules keyed on these characters never fire, so a `#` trigger keeps opening its
+     * autocomplete instead of becoming a heading.
+     */
+    autoformatReservedChars: _angular_core.WritableSignal<readonly string[]>;
+    /** @internal `true` while a token-trigger popup run is active — suspends all autoformat. */
+    autoformatSuppressed: _angular_core.WritableSignal<boolean>;
     /** @internal */
     lastEmittedMarkdown: string | null;
     constructor();
@@ -1003,58 +1283,318 @@ declare class RichTextEditorDirective implements FormValueControl<string>, FormF
     toggleBold(): void;
     toggleItalic(): void;
     toggleStrikethrough(): void;
+    toggleUnderline(): void;
+    toggleInlineCode(): void;
+    /**
+     * Runs markdown autoformat for a single typed character (called from `beforeinput`): a space may
+     * convert a line-start prefix into a list/heading, a delimiter char may close an inline run into
+     * its mark. Returns `true` when the character was consumed by a conversion.
+     */
+    handleAutoformat(data: string): boolean;
+    consumePendingInsert(text: string): boolean;
+    clearPendingMarks(): void;
     toggleUnorderedList(): void;
     toggleOrderedList(): void;
     toggleHeading(level: number): void;
+    setHeading(level: number | null): void;
     setLink(href: string): void;
     promptForLink(): void;
     handleBackspace(): boolean;
-    /**
-     * @internal Extension seam for the follow-up `@`/`#` autocomplete: inserts an atomic inline
-     * node (a mention/placeholder token) at the caret, then re-syncs.
-     */
+    pasteHtml(html: string): boolean;
     insertAtomicToken(node: Node): void;
     private serializeCleanHtml;
+    private toggleMark;
+    private reflectMarks;
     private runCommand;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RichTextEditorDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RichTextEditorDirective, "[etRichTextEditor]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RichTextEditorDirective, "[etRichTextEditor]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "tools": { "alias": "tools"; "required": false; "isSignal": true; }; "autoformat": { "alias": "autoformat"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
 }
 
 declare class RichTextEditorFloatingToolbarComponent {
-    protected dir: RichTextEditorDirective;
-    private document;
-    private renderer;
-    private destroyRef;
-    private host;
-    protected visible: _angular_core.WritableSignal<boolean>;
-    private activeRange;
-    private floatingReference;
-    private floatingCleanup;
-    private pointerSelectingInContent;
+    private ownColorProvider;
+    private contextColorProvider;
+    private ownSurfaceProvider;
+    private contextSurfaceProvider;
+    /** The editor whose selection this toolbar formats (passed in — the toolbar is detached from the DOM). */
+    editor: _angular_core.InputSignal<RichTextEditorDirective>;
+    protected readonly TOOLS: {
+        readonly BOLD: "bold";
+        readonly ITALIC: "italic";
+        readonly UNDERLINE: "underline";
+        readonly STRIKE: "strike";
+        readonly CODE: "code";
+        readonly HEADING: "heading";
+        readonly ALIGN: "align";
+        readonly BULLETED_LIST: "bulletedList";
+        readonly NUMBERED_LIST: "numberedList";
+        readonly LINK: "link";
+        readonly TABLE: "table";
+        readonly DIVIDER: "divider";
+    };
+    protected readonly TOOL_BUTTONS: Partial<Record<_ethlete_components.RichTextEditorTool, _ethlete_components.RichTextEditorToolButton>>;
+    /** The inline marks from the editor's configured tools — headings/lists stay in the static toolbar. */
+    protected inlineTools: _angular_core.Signal<_ethlete_components.RichTextEditorTool[]>;
     constructor();
-    private selectableRange;
-    private finishContentPointerSelection;
-    private evaluate;
-    private reposition;
-    private start;
-    private updatePosition;
-    private hide;
-    private stop;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RichTextEditorFloatingToolbarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RichTextEditorFloatingToolbarComponent, "et-rich-text-editor-floating-toolbar", never, {}, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RichTextEditorFloatingToolbarComponent, "et-rich-text-editor-floating-toolbar", never, { "editor": { "alias": "editor"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _ethlete_core.ProvideColorDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ProvideSurfaceDirective; inputs: {}; outputs: {}; }]>;
+}
+
+/**
+ * Optional codec the base editor uses to (de)serialize `{{type:id}}` token chips. Installed
+ * either by `[etRichTextEditorTriggers]` (interactive authoring) or by
+ * `provideRichTextEditorTokenRendering` (display/read-only rendering). Absent → the editor
+ * treats token markdown as plain text.
+ */
+declare const RICH_TEXT_EDITOR_TOKEN_CODEC: InjectionToken<RichTextEditorTokenCodec>;
+
+/**
+ * The caret-anchored autocomplete list opened by `[etRichTextEditorTriggers]`. Purely
+ * presentational: it renders items / loading / error / empty states and reports selection and
+ * hover. Focus stays in the editor's `contenteditable` — the active row is driven by
+ * `aria-activedescendant`, and pointer events are `preventDefault`ed so mousedown never steals it.
+ *
+ * Mirrors `et-menu`: neutral surface chrome, an animated block-size resize as the list changes,
+ * and an error line in the app's error color theme.
+ */
+declare class RichTextEditorTokenPopupComponent {
+    private ownColorProvider;
+    private contextColorProvider;
+    private ownSurfaceProvider;
+    private contextSurfaceProvider;
+    items: _angular_core.InputSignal<RichTextEditorTriggerItem[]>;
+    activeIndex: _angular_core.InputSignal<number>;
+    loading: _angular_core.InputSignal<boolean>;
+    error: _angular_core.InputSignal<string | null>;
+    emptyLabel: _angular_core.InputSignal<string>;
+    listboxId: _angular_core.InputSignal<string>;
+    selectItem: _angular_core.OutputEmitterRef<RichTextEditorTriggerItem>;
+    activateItem: _angular_core.OutputEmitterRef<number>;
+    private bodyElement;
+    /** The app's error color theme, or `null` when none is registered (error text stays neutral). */
+    protected errorColorTheme: ColorTheme | null;
+    constructor();
+    private resolveErrorTheme;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RichTextEditorTokenPopupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RichTextEditorTokenPopupComponent, "et-rich-text-editor-token-popup", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": true; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; "isSignal": true; }; "listboxId": { "alias": "listboxId"; "required": true; "isSignal": true; }; }, { "selectItem": "selectItem"; "activateItem": "activateItem"; }, never, never, true, [{ directive: typeof _ethlete_core.ProvideColorDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ProvideSurfaceDirective; inputs: {}; outputs: {}; }]>;
 }
 
+/**
+ * Renders stored `{{type:id}}` tokens as labelled chips in a display/read-only editor without
+ * pulling in the interactive trigger machinery (detection, popup, floating-ui). Provide it on the
+ * component/route that shows editor values, passing the same triggers used to author them (only
+ * `type` and `resolveItem` are consulted here).
+ *
+ * ```ts
+ * providers: [provideRichTextEditorTokenRendering([
+ *   createRichTextEditorTrigger({ char: '#', type: 'block', items: [], resolveItem: id => byId(id) }),
+ * ])]
+ * ```
+ */
+declare const provideRichTextEditorTokenRendering: (triggers: readonly RichTextEditorTrigger[]) => Provider[];
+
+/**
+ * Registers the opt-in `'align'` tool (block text-align: left / center / right / justify). Add to a
+ * component/route's providers and include `'align'` in the editor's `tools`. Alignment persists as a
+ * native `text-align` style on the block (Markdown has no alignment syntax). Tree-shakes when unused.
+ */
+declare const provideRichTextEditorAlignmentTool: () => Provider;
+
+declare const TEXT_ALIGNS: readonly ["left", "center", "right", "justify"];
+type TextAlign = (typeof TEXT_ALIGNS)[number];
+/**
+ * The opt-in alignment tool's toolbar control: a menu of block alignments (left/center/right/justify).
+ * Alignment has no Markdown form, so it is persisted as a native `text-align` style on the block (or
+ * table cell) and round-tripped as raw HTML by the Markdown converter. Registered via
+ * `provideRichTextEditorAlignmentTool`.
+ */
+declare class RichTextEditorAlignToolComponent {
+    private renderer;
+    private document;
+    editor: _angular_core.InputSignal<RichTextEditorDirective>;
+    protected readonly OPTIONS: {
+        value: TextAlign;
+        label: string;
+        icon: string;
+    }[];
+    /** Alignment of the caret's block/cell — kept live so the trigger icon and menu stay in sync. */
+    protected current: _angular_core.WritableSignal<"left" | "right" | "center" | "justify">;
+    protected currentIcon: _angular_core.Signal<string>;
+    /** Also locked inside lists: `text-align` on a list has no Markdown form and would not survive
+     *  serialization, so the tool disables there instead of silently losing the alignment. */
+    protected disabled: _angular_core.Signal<boolean>;
+    constructor();
+    protected select(value: unknown): void;
+    private readAlign;
+    /**
+     * The elements alignment applies to: inside a table, the full columns the selection touches
+     * (GFM table alignment is per column — the serializer reads it from the header cells, so a
+     * single aligned cell would not survive), otherwise the root-level blocks. Lists are skipped —
+     * their alignment has no Markdown form. Read-only — returns `null` when the selection is over
+     * loose top-level text with no block to align (see {@link wrapLooseContent}).
+     */
+    private targetBlocks;
+    /** Every cell of the columns the given cells belong to, so alignment applies column-wide. */
+    private expandToColumns;
+    /** Wraps the loose top-level nodes the selection touches in a paragraph (the editor doesn't wrap
+     *  the first typed line until Enter) so there is a block to align. Mutates — call only on action. */
+    private wrapLooseContent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RichTextEditorAlignToolComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RichTextEditorAlignToolComponent, "et-rich-text-editor-align-tool", never, { "editor": { "alias": "editor"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Registers the opt-in `'table'` tool (insert via a grid-size picker, plus row/column editing). Add
+ * to a component/route's providers and include `'table'` in the editor's `tools`. Because the tool
+ * component and its table DOM operations are only referenced from here, they tree-shake away for
+ * editors that don't provide it.
+ */
+declare const provideRichTextEditorTableTool: () => Provider;
+
+/** Where the caret currently sits inside a table, if anywhere. */
+type TableContext = {
+    table: HTMLTableElement;
+    row: HTMLTableRowElement;
+    cell: HTMLTableCellElement;
+    rowIndex: number;
+    cellIndex: number;
+};
+
+/**
+ * The opt-in table tool's toolbar control: a menu that shows a grid-size picker to insert a table,
+ * or row/column actions when the caret is inside one. Registered via `provideRichTextEditorTableTool`,
+ * so all of this (and the table DOM ops it imports) only ships when a consumer opts in.
+ */
+declare class RichTextEditorTableToolComponent {
+    private renderer;
+    editor: _angular_core.InputSignal<RichTextEditorDirective>;
+    private ops;
+    protected readonly pickerRows: number[];
+    protected readonly pickerCols: number[];
+    protected hoverRows: _angular_core.WritableSignal<number>;
+    protected hoverCols: _angular_core.WritableSignal<number>;
+    protected sizeLabel: _angular_core.Signal<string>;
+    /** Table context at the caret, recomputed when the menu opens (via `refreshContext`). */
+    protected context: _angular_core.WritableSignal<TableContext | null>;
+    protected disabled: _angular_core.Signal<boolean>;
+    protected refreshContext(): void;
+    protected hover(row: number, col: number): void;
+    protected insert(row: number, col: number): void;
+    protected addRow(position: 'above' | 'below'): void;
+    protected addColumn(position: 'left' | 'right'): void;
+    protected removeRow(): void;
+    protected removeColumn(): void;
+    protected removeTable(): void;
+    private mutate;
+    private currentContext;
+    /** An empty paragraph (`<p><br></p>`) the caret can step into when exiting a table. */
+    private emptyParagraph;
+    /** The editor-root-level block the caret sits in, so a new table lands after it (not inside it). */
+    private caretBlock;
+    /** Refocuses the editor and drops the caret into `cell` (or leaves focus alone when it is gone). */
+    private restoreCaret;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RichTextEditorTableToolComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RichTextEditorTableToolComponent, "et-rich-text-editor-table-tool", never, { "editor": { "alias": "editor"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Config for {@link createRichTextEditorTriggerWithQuery}. */
+type RichTextEditorQueryTriggerConfig<TCreator extends AnyQueryCreator> = {
+    /** The character that opens the popup at a word boundary (e.g. `'@'`). */
+    char: string;
+    /** Namespaces the inserted token (`{{type:id}}`). Unique per editor; matches `[a-z][a-z0-9-]*`. */
+    type: string;
+    /**
+     * The query creator to run (e.g. from `createGetQuery`). Like a query stack, the query is created
+     * **once** and re-executes reactively — never per keystroke.
+     */
+    queryCreator: TCreator;
+    /**
+     * Builds the request args from the current query text. Runs reactively (like `withArgs`): reading
+     * `search()` re-executes the query as the user types. Return `null` to skip a request (e.g. for an
+     * empty query) so the popup shows no results without hitting the backend.
+     */
+    args: (search: Signal<string>) => RequestArgs<QueryArgsOf<TCreator>> | null;
+    /** Maps a successful query response to popup items. */
+    toItems: (response: ResponseType<QueryArgsOf<TCreator>>) => RichTextEditorTriggerItem[];
+    /** Resolves a stored token id to a chip label (see the generic factory's `resolveItem`). */
+    resolveItem?: RichTextEditorTriggerItemResolver;
+    /** Turns a query failure into the popup's error text. Defaults to the first error message. */
+    toErrorMessage?: (error: QueryErrorResponse) => string;
+    /** Keep the popup open when the query contains spaces. @default false */
+    allowSpaces?: boolean;
+    /** Minimum query length before items are requested. @default 0 */
+    minQueryLength?: number;
+    /** Debounce applied before the query text is written and results are read, in ms. @default 150 */
+    debounceTime?: number;
+};
+/**
+ * A query-aware wrapper around {@link createRichTextEditorTrigger} that removes the manual wiring.
+ * Mirroring `createQueryStack`, it takes the `queryCreator` plus a reactive `args` builder: the
+ * query is created once and re-executes as the user types (the factory owns the search signal and
+ * the `withArgs` feature). It maps the response to items and surfaces a query failure as the popup's
+ * error state.
+ *
+ * Call it from a field initializer / constructor (injection context), the same place you'd create a
+ * query or a query stack.
+ *
+ * ```ts
+ * createRichTextEditorTriggerWithQuery({
+ *   char: '@',
+ *   type: 'mention',
+ *   queryCreator: searchUsers,
+ *   args: (search) => (search() ? { queryParams: { q: search() } } : null),
+ *   toItems: (res) => res.items.map((u) => ({ id: u.id, label: u.name })),
+ *   resolveItem: (id) => userById(id),
+ * })
+ * ```
+ */
+declare const createRichTextEditorTriggerWithQuery: <TCreator extends AnyQueryCreator>(config: RichTextEditorQueryTriggerConfig<TCreator>) => RichTextEditorTrigger;
+
+/**
+ * Opt-in building-block autocomplete. Spread this into a component's `imports` alongside
+ * `RICH_TEXT_EDITOR_IMPORTS` when the editor needs `#`/`@`/… triggers. Kept separate from
+ * `RICH_TEXT_EDITOR_IMPORTS` so editors that don't use triggers tree-shake the whole feature.
+ */
+declare const RICH_TEXT_EDITOR_TRIGGERS_IMPORTS: readonly [typeof RichTextEditorTriggersDirective];
+
 declare class RichTextEditorComponent {
     protected dir: RichTextEditorDirective;
     private document;
-    private editable;
+    protected editable: _angular_core.Signal<ElementRef<HTMLElement>>;
+    protected readonly TOOLS: {
+        readonly BOLD: "bold";
+        readonly ITALIC: "italic";
+        readonly UNDERLINE: "underline";
+        readonly STRIKE: "strike";
+        readonly CODE: "code";
+        readonly HEADING: "heading";
+        readonly ALIGN: "align";
+        readonly BULLETED_LIST: "bulletedList";
+        readonly NUMBERED_LIST: "numberedList";
+        readonly LINK: "link";
+        readonly TABLE: "table";
+        readonly DIVIDER: "divider";
+    };
+    protected readonly HEADING_OPTIONS: readonly {
+        level: number | null;
+        label: string;
+        icon: string;
+    }[];
+    private registeredTools;
+    /** Every renderable tool by token: the static base buttons plus any opt-in tools provided via DI. */
+    protected toolDefs: _angular_core.Signal<Map<string, RichTextEditorToolDefinition>>;
+    /** The current block style option (used for the heading-menu trigger icon + label). */
+    private currentHeading;
+    protected currentHeadingLabel: _angular_core.Signal<string>;
+    protected currentHeadingIcon: _angular_core.Signal<string>;
     constructor();
     protected syncValueFromDom(): void;
-    protected interceptBackspaceKey(event: KeyboardEvent): void;
+    protected selectHeading(level: unknown): void;
+    protected interceptEditorKeydown(event: KeyboardEvent): void;
+    protected interceptPaste(event: ClipboardEvent): void;
     protected interceptFormattingCommand(event: InputEvent): void;
     private renderExternalValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RichTextEditorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RichTextEditorComponent, "et-rich-text-editor", never, {}, {}, never, never, true, [{ directive: typeof RichTextEditorDirective; inputs: { "value": "value"; "disabled": "disabled"; "readonly": "readonly"; "hidden": "hidden"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "placeholder": "placeholder"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; }; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RichTextEditorComponent, "et-rich-text-editor", never, {}, {}, never, never, true, [{ directive: typeof RichTextEditorDirective; inputs: { "value": "value"; "disabled": "disabled"; "readonly": "readonly"; "hidden": "hidden"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "placeholder": "placeholder"; "tools": "tools"; "autoformat": "autoformat"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; }; }, { directive: typeof RichTextEditorFloatingToolbarDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare const RICH_TEXT_EDITOR_IMPORTS: readonly [typeof RichTextEditorComponent, typeof RichTextEditorDirective];
@@ -1849,14 +2389,14 @@ declare class GridItemComponent {
     gridResize: GridResizeDirective;
     private surfaceThemes;
     ariaLabel: _angular_core.InputSignal<string>;
-    removed: _angular_core.OutputEmitterRef<void>;
+    remove: _angular_core.OutputEmitterRef<void>;
     protected isReadOnly: _angular_core.Signal<boolean>;
     private resolvedSurface;
     constructor();
     protected blockPointerDownWhenReadOnly(event: PointerEvent): void;
     applyKeyboardShortcut(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridItemComponent, "et-grid-item, [et-grid-item]", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["*", "[etGridItemAction]"], true, [{ directive: typeof GridItemDirective; inputs: { "itemId": "itemId"; "minColSpan": "minColSpan"; "maxColSpan": "maxColSpan"; "minRowSpan": "minRowSpan"; "maxRowSpan": "maxRowSpan"; }; outputs: {}; }, { directive: typeof GridDragDirective; inputs: {}; outputs: {}; }, { directive: typeof GridResizeDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ProvideSurfaceDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridItemComponent, "et-grid-item, [et-grid-item]", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "remove": "remove"; }, never, ["*", "[etGridItemAction]"], true, [{ directive: typeof GridItemDirective; inputs: { "itemId": "itemId"; "minColSpan": "minColSpan"; "maxColSpan": "maxColSpan"; "minRowSpan": "minRowSpan"; "maxRowSpan": "maxRowSpan"; }; outputs: {}; }, { directive: typeof GridDragDirective; inputs: {}; outputs: {}; }, { directive: typeof GridResizeDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ProvideSurfaceDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class GridItemToolbarComponent {
@@ -1976,6 +2516,11 @@ declare const provideIcons: (...icons: IconDefinition[]) => {
     useValue: Record<string, IconDefinition>;
 };
 
+declare const ALIGN_LEFT_ICON: IconDefinition;
+declare const ALIGN_CENTER_ICON: IconDefinition;
+declare const ALIGN_RIGHT_ICON: IconDefinition;
+declare const ALIGN_JUSTIFY_ICON: IconDefinition;
+
 declare const ARROW_OUT_UP_RIGHT_ICON: IconDefinition;
 
 declare const ARROW_RIGHT_ICON: IconDefinition;
@@ -1986,6 +2531,8 @@ declare const CHEVRON_ICON: IconDefinition;
 
 declare const CLIPBOARD_CHECK_ICON: IconDefinition;
 
+declare const CODE_ICON: IconDefinition;
+
 declare const FILE_ICON: IconDefinition;
 
 declare const FLOPPY_DISK_ICON: IconDefinition;
@@ -2035,6 +2582,8 @@ declare const LIST_NUMBERED_ICON: IconDefinition;
 
 declare const LOCK_ICON: IconDefinition;
 
+declare const PARAGRAPH_ICON: IconDefinition;
+
 declare const PENCIL_ICON: IconDefinition;
 
 declare const PLUS_ICON: IconDefinition;
@@ -2043,10 +2592,14 @@ declare const ROTATE_RIGHT_ICON: IconDefinition;
 
 declare const STRIKETHROUGH_ICON: IconDefinition;
 
+declare const TABLE_ICON: IconDefinition;
+
 declare const TIMES_ICON: IconDefinition;
 
 declare const TRIANGLE_EXCLAMATION_ICON: IconDefinition;
 
+declare const UNDERLINE_ICON: IconDefinition;
+
 declare const UPLOAD_ICON: IconDefinition;
 
 declare const ICON_IMPORTS: readonly [typeof IconDirective];
@@ -2609,7 +3162,7 @@ declare class MenuItemDirective {
     private destroyRef;
     disabled: _angular_core.InputSignal<boolean>;
     closeOnActivate: _angular_core.InputSignal<boolean | undefined>;
-    activated: _angular_core.OutputEmitterRef<MenuItemActivationEvent>;
+    activate: _angular_core.OutputEmitterRef<MenuItemActivationEvent>;
     /** @internal The menu whose item list this item belongs to. */
     owner: MenuDirective | null;
     /** @internal The submenu this item opens when it doubles as a submenu trigger. */
@@ -2640,7 +3193,7 @@ declare class MenuItemDirective {
     protected handlePointerEnter(event: PointerEvent): void;
     protected handleFocus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuItemDirective, "[etMenuItem]", ["etMenuItem"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closeOnActivate": { "alias": "closeOnActivate"; "required": false; "isSignal": true; }; }, { "activated": "activated"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuItemDirective, "[etMenuItem]", ["etMenuItem"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closeOnActivate": { "alias": "closeOnActivate"; "required": false; "isSignal": true; }; }, { "activate": "activate"; }, never, never, true, never>;
 }
 
 declare const MENU_SELECTION_GROUP_TOKEN: InjectionToken<MenuSelectionGroupDirectiveBase<unknown>>;
@@ -2723,8 +3276,9 @@ declare class MenuCheckboxGroupComponent {
 }
 
 declare class MenuCheckboxItemComponent {
+    icon: _angular_core.InputSignal<string | null>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuCheckboxItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuCheckboxItemComponent, "et-menu-checkbox-item", never, {}, {}, never, ["*"], true, [{ directive: typeof MenuItemDirective; inputs: { "closeOnActivate": "closeOnActivate"; }; outputs: { "activated": "activated"; }; }, { directive: typeof MenuSelectionItemDirective; inputs: { "value": "value"; "checked": "checked"; "indeterminate": "indeterminate"; "touched": "touched"; "disabled": "disabled"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "checkedChange": "checkedChange"; "indeterminateChange": "indeterminateChange"; "touchedChange": "touchedChange"; }; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuCheckboxItemComponent, "et-menu-checkbox-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof MenuItemDirective; inputs: { "closeOnActivate": "closeOnActivate"; }; outputs: { "activate": "activate"; }; }, { directive: typeof MenuSelectionItemDirective; inputs: { "value": "value"; "checked": "checked"; "indeterminate": "indeterminate"; "touched": "touched"; "disabled": "disabled"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "checkedChange": "checkedChange"; "indeterminateChange": "indeterminateChange"; "touchedChange": "touchedChange"; }; }]>;
 }
 
 declare const MENU_ERROR_CODES: {
@@ -2760,7 +3314,7 @@ declare class MenuItemComponent {
     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"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: {}; outputs: {}; }]>;
+    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: { "activate": "activate"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class MenuItemShortcutComponent {
@@ -2774,8 +3328,9 @@ declare class MenuRadioGroupComponent {
 }
 
 declare class MenuRadioItemComponent {
+    icon: _angular_core.InputSignal<string | null>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuRadioItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuRadioItemComponent, "et-menu-radio-item", never, {}, {}, never, ["*"], true, [{ directive: typeof MenuItemDirective; inputs: { "closeOnActivate": "closeOnActivate"; }; outputs: { "activated": "activated"; }; }, { directive: typeof MenuSelectionItemDirective; inputs: { "value": "value"; "checked": "checked"; "touched": "touched"; "disabled": "disabled"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "checkedChange": "checkedChange"; "touchedChange": "touchedChange"; }; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuRadioItemComponent, "et-menu-radio-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof MenuItemDirective; inputs: { "closeOnActivate": "closeOnActivate"; }; outputs: { "activate": "activate"; }; }, { directive: typeof MenuSelectionItemDirective; inputs: { "value": "value"; "checked": "checked"; "touched": "touched"; "disabled": "disabled"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "checkedChange": "checkedChange"; "touchedChange": "touchedChange"; }; }]>;
 }
 
 declare class MenuSeparatorComponent {
@@ -2788,22 +3343,13 @@ declare class MenuComponent {
     private contextColorProvider;
     protected menu: MenuDirective | null;
     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 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.AutoSurfaceDirective; inputs: {}; outputs: {}; }]>;
 }
@@ -6075,5 +6621,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, 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 };
+export { ALIGN_CENTER_ICON, ALIGN_JUSTIFY_ICON, ALIGN_LEFT_ICON, ALIGN_RIGHT_ICON, ARROW_OUT_UP_RIGHT_ICON, ARROW_RIGHT_ICON, BOLD_ICON, BUTTON_ICON_ALIGNMENTS, BUTTON_IMPORTS, BUTTON_SIZES, BUTTON_SPINNER_CONFIG, BUTTON_TYPES, BUTTON_VARIANTS, BrandLoaderComponent, ButtonComponent, ButtonDirective, ButtonStylesDirective, CHECKBOX_IMPORTS, CHEVRON_ICON, CHOICE_FIELD_IMPORTS, CLIPBOARD_CHECK_ICON, CODE_ICON, CheckboxComponent, CheckboxDirective, CheckboxGroupComponent, CheckboxOptionComponent, ChoiceFieldComponent, DAILYMOTION_PLAYER_TOKEN, DEFAULT_BREAKPOINTS, DEFAULT_ICON_VARIANT, DEFAULT_NOTIFICATION_MANAGER_CONFIG, DEFAULT_PIP_WINDOW_CONFIG, DEFAULT_RICH_TEXT_EDITOR_TOOLS, DEFAULT_STREAM_PLAYER_STATE, DROPZONE_ENTRY_STATUSES, DROPZONE_ERROR_CODES, DROPZONE_FILES_ERROR_KIND, DROPZONE_FILE_CONSTRAINTS, DROPZONE_FILE_REJECTION_REASONS, DROPZONE_IMPORTS, 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, PARAGRAPH_ICON, 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_HEADING_OPTIONS, RICH_TEXT_EDITOR_IMPORTS, RICH_TEXT_EDITOR_INLINE_TOOLS, RICH_TEXT_EDITOR_TOKEN_CODEC, RICH_TEXT_EDITOR_TOOL, RICH_TEXT_EDITOR_TOOLS, RICH_TEXT_EDITOR_TOOL_BUTTONS, RICH_TEXT_EDITOR_TRIGGERS_IMPORTS, ROTATE_RIGHT_ICON, RadioComponent, RadioGroupComponent, RichTextEditorAlignToolComponent, RichTextEditorComponent, RichTextEditorDirective, RichTextEditorFloatingToolbarComponent, RichTextEditorFloatingToolbarDirective, RichTextEditorTableToolComponent, RichTextEditorTokenPopupComponent, RichTextEditorTriggersDirective, 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, TABLE_ICON, TAB_BAR_FITS, TAB_BAR_ORIENTATIONS, TAB_BAR_TOKEN, TAB_BAR_TRIGGER_TOKEN, TAB_BAR_VARIANTS, TAB_ERROR_CODES, TAB_GROUP_TOKEN, TAB_PANEL_TOKEN, TAB_SIZES, TEXT_ALIGNS, 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, UNDERLINE_ICON, 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, createRichTextEditorTrigger, createRichTextEditorTriggerWithQuery, 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, injectRichTextEditorTools, 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, provideRichTextEditorAlignmentTool, provideRichTextEditorTableTool, provideRichTextEditorTokenRendering, provideRichTextEditorTools, 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, RichTextEditorQueryTriggerConfig, RichTextEditorTool, RichTextEditorToolButton, RichTextEditorToolDefinition, RichTextEditorToolsConfig, RichTextEditorTrigger, RichTextEditorTriggerItem, RichTextEditorTriggerItemResolver, RichTextEditorTriggerItemSource, RichTextEditorTriggerType, 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, TextAlign, ToggletipContent, TooltipContent, TwitchEmbed, TwitchEmbedConstructor, TwitchEmbedPlayer, TwitchPlayerParams, TwitchWindow, ViewportTransformData, VimeoDurationChangeEvent, VimeoPlaybackEvent, VimeoPlayer, VimeoPlayerOptions, VimeoWindow, WindowControlButtonKind, WindowControlButtonSize, YtPlayer, YtPlayerConfig, YtPlayerErrorEvent, YtPlayerEvent, YtPlayerStateChangeEvent, YtPlayerVars, YtWindow };