From 8ad707d5ec95b165f6c762d6e71fcf081f2ec9fa Mon Sep 17 00:00:00 2001
From: Artem Belik <artyombelyk@gmail.com>
Date: Wed, 5 Aug 2026 14:43:58 +0300
Subject: [PATCH 1/2] feat(form-field): independent addons (#DS-3883)

---
 AGENTS.md                                     |   3 +-
 .../components-dev/form-field/template.html   |   4 +-
 packages/components-dev/select/template.html  |  12 +-
 packages/components-dev/tag/template.html     |   6 +-
 .../components-dev/tree-select/template.html  |   2 +-
 .../autocomplete-trigger.directive.ts         |   4 +-
 .../autocomplete/autocomplete.component.ts    |   4 +-
 .../core/form-field/form-field-ref.ts         |   6 +-
 .../datepicker/datepicker-input.directive.ts  |   4 +-
 .../filter-bar/pipes/pipe-input.spec.ts       |   4 +-
 .../components/filter-bar/pipes/pipe-input.ts |  10 +-
 .../pipes/pipe-multi-tree-select.spec.ts      |   2 +-
 .../filter-bar/pipes/pipe-tree-select.html    |   2 +-
 .../form-field/_form-field-theme.scss         |   1 +
 packages/components/form-field/cleaner.ts     | 106 +++++++++++++++++-
 .../form-field/e2e.playwright-spec.ts         |  34 ++++++
 packages/components/form-field/e2e.ts         |  46 +++++++-
 .../components/form-field/form-field.html     |   7 +-
 .../components/form-field/form-field.spec.ts  |  43 ++++++-
 packages/components/form-field/form-field.ts  |  98 ++++++++--------
 .../components/form-field/password-toggle.ts  |  80 ++++++++-----
 .../form-field/reactive-password-hint.ts      |   7 +-
 packages/components/form-field/stepper.ts     | 101 +++++++++--------
 .../icon/icon-error-state-context.ts          |  29 +++++
 packages/components/icon/icon.component.ts    |  13 ++-
 packages/components/icon/public-api.ts        |   1 +
 .../inline-edit/inline-edit.spec.ts           |   2 +-
 .../components/input/e2e.playwright-spec.ts   |   2 +
 .../components/input/input-number.spec.ts     |  56 ++++++++-
 packages/components/input/input-number.ts     |   6 +-
 .../components/input/input-password.spec.ts   |  35 +++++-
 packages/components/input/input-password.ts   |   4 +-
 packages/components/input/input.spec.ts       |   2 +-
 packages/components/input/input.ts            |   2 +-
 .../select/select.component.spec.ts           |  50 +++++++--
 .../components/select/select.component.ts     |  64 ++++++++---
 packages/components/select/select.html        |   7 +-
 packages/components/tags/e2e.ts               |  12 +-
 .../components/tags/tag-list.component.ts     |  10 +-
 packages/components/timezone/e2e.ts           |   4 +-
 .../timezone/timezone-select.component.html   |   2 +-
 .../timezone/timezone-select.component.ts     |  21 +++-
 packages/components/tree-select/e2e.ts        |   6 +-
 .../tree-select/tree-select.component.spec.ts |   6 +-
 .../tree-select/tree-select.component.ts      |  67 ++++++++---
 .../components/tree-select/tree-select.html   |   7 +-
 .../tree/tree-selection.component.ts          |   4 +-
 .../ag-grid-external-filter-state-example.ts  |   2 +-
 .../form-field-with-cleaner-example.ts        |   2 +-
 .../inline-edit-controls-example.ts           |   2 +-
 .../inline-edit-overview-example.ts           |   2 +-
 .../select-cleaner/select-cleaner-example.ts  |   2 +-
 .../select-multiple-example.ts                |   2 +-
 .../select-preselected-values-example.ts      |   2 +-
 .../select-prioritized-selected-example.ts    |   2 +-
 .../select-with-multiline-matcher-example.ts  |   2 +-
 .../tag-autocomplete-draggable-example.ts     |   2 +-
 .../tag-autocomplete-editable-example.ts      |   2 +-
 .../tag-autocomplete-onpaste-off-example.html |   2 +-
 ...-autocomplete-option-operations-example.ts |   2 +-
 .../tag-autocomplete-overview-example.ts      |   2 +-
 .../tag-autocomplete-removable-example.ts     |   2 +-
 .../tag-input-draggable-example.ts            |   2 +-
 .../tag-input-editable-example.ts             |   2 +-
 .../tag-input-onpaste-off-example.html        |   2 +-
 .../tag-input-overview-example.ts             |   2 +-
 .../tag-input-removable-example.ts            |   2 +-
 ...select-child-selection-overview-example.ts |   2 +-
 .../tree-select-footer-overview-example.ts    |   2 +-
 .../tree-select-lazyload-example.ts           |   2 +-
 .../tree-select-multiple-overview-example.ts  |   2 +-
 .../tree-select-overview-example.ts           |   2 +-
 .../tree-select-search-overview-example.ts    |   2 +-
 ...e-select-with-multiline-matcher-example.ts |   2 +-
 packages/e2e/routes.ts                        |   3 +-
 tools/public_api_guard/components/core.api.md |   4 +-
 .../components/datepicker.api.md              |   7 +-
 .../components/form-field.api.md              |  50 ++++++---
 tools/public_api_guard/components/icon.api.md |  16 ++-
 .../public_api_guard/components/input.api.md  |   4 +-
 .../public_api_guard/components/select.api.md |   4 +-
 .../components/tree-select.api.md             |   7 +-
 82 files changed, 830 insertions(+), 317 deletions(-)
 create mode 100644 packages/components/icon/icon-error-state-context.ts

diff --git a/AGENTS.md b/AGENTS.md
index 20134bfab0..de86b8ae62 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -15,7 +15,7 @@ yarn install
 Setup git hooks:
 
 ```bash
-yarn husky
+npx husky
 ```
 
 ## Package Structure
@@ -152,6 +152,7 @@ You are an expert in TypeScript, Angular, and scalable web application developme
 - Do NOT use `ngClass`, use `class` bindings instead
 - Do NOT use `ngStyle`, use `style` bindings instead
 - When using external templates/styles, use paths relative to the component TS file.
+- When a projected child depends on its host component, inject a narrow `InjectionToken` scoped to the members it uses, not the host's concrete class.
 
 ### Form Validation
 
diff --git a/packages/components-dev/form-field/template.html b/packages/components-dev/form-field/template.html
index c8603a9618..f6a26571ea 100644
--- a/packages/components-dev/form-field/template.html
+++ b/packages/components-dev/form-field/template.html
@@ -41,7 +41,7 @@
 
 <kbq-form-field>
     <kbq-select [multiple]="true" [placeholder]="placeholder" [(value)]="emptyMultipleValue">
-        <kbq-cleaner #kbqSelectCleaner />
+        <kbq-cleaner />
 
         @for (option of options; track option) {
             <kbq-option [value]="option">
@@ -55,7 +55,7 @@
 
 <kbq-form-field>
     <kbq-select [multiple]="true" [(value)]="multipleSelected">
-        <kbq-cleaner #kbqSelectCleaner />
+        <kbq-cleaner />
 
         @for (option of options; track option) {
             <kbq-option [showCheckbox]="false" [value]="option">
diff --git a/packages/components-dev/select/template.html b/packages/components-dev/select/template.html
index a8d379d21c..1c3cba3dee 100644
--- a/packages/components-dev/select/template.html
+++ b/packages/components-dev/select/template.html
@@ -24,7 +24,7 @@
 <!--    </kbq-form-field>-->
 <!--    <kbq-form-field>-->
 <!--        <kbq-select (openedChange)="openedChange($event)">-->
-<!--            <kbq-cleaner #kbqSelectCleaner />-->
+<!--            <kbq-cleaner />-->
 
 <!--            <cdk-virtual-scroll-viewport [itemSize]="32" [maxBufferPx]="400" [minBufferPx]="100">-->
 <!--                <kbq-option *cdkVirtualFor="let option of options; templateCacheSize: 0" [value]="option">-->
@@ -53,7 +53,7 @@
 <!--                <kbq-cleaner />-->
 <!--            </kbq-form-field>-->
 
-<!--            <kbq-cleaner #kbqSelectCleaner />-->
+<!--            <kbq-cleaner />-->
 
 <!--            <div kbq-select-search-empty-result>Ничего не найдено</div>-->
 
@@ -82,7 +82,7 @@
 <!--                <kbq-cleaner />-->
 <!--            </kbq-form-field>-->
 
-<!--            <kbq-cleaner #kbqSelectCleaner />-->
+<!--            <kbq-cleaner />-->
 
 <!--            <div kbq-select-search-empty-result>Ничего не найдено</div>-->
 <!--        </kbq-select>-->
@@ -134,7 +134,7 @@
 <!--                <kbq-cleaner />-->
 <!--            </kbq-form-field>-->
 
-<!--            <kbq-cleaner #kbqSelectCleaner />-->
+<!--            <kbq-cleaner />-->
 
 <!--            <div kbq-select-search-empty-result>Ничего не найдено</div>-->
 
@@ -160,7 +160,7 @@
 <!--                <kbq-cleaner />-->
 <!--            </kbq-form-field>-->
 
-<!--            <kbq-cleaner #kbqSelectCleaner />-->
+<!--            <kbq-cleaner />-->
 
 <!--            <div kbq-select-search-empty-result>Ничего не найдено</div>-->
 
@@ -409,7 +409,7 @@
 <!--<div class="dev-container">-->
 <!--    <kbq-form-field>-->
 <!--        <kbq-select [multiple]="true" [(value)]="selected">-->
-<!--            <kbq-cleaner #kbqSelectCleaner />-->
+<!--            <kbq-cleaner />-->
 
 <!--            <cdk-virtual-scroll-viewport [itemSize]="32" [maxBufferPx]="400" [minBufferPx]="100">-->
 <!--                <kbq-option *cdkVirtualFor="let option of options; templateCacheSize: 0" [value]="option">-->
diff --git a/packages/components-dev/tag/template.html b/packages/components-dev/tag/template.html
index 2f416d93fc..ddf3ea06b4 100644
--- a/packages/components-dev/tag/template.html
+++ b/packages/components-dev/tag/template.html
@@ -78,7 +78,7 @@ <h4 class="kbq-title">Tags with input</h4>
             [kbqTagInputSeparatorKeyCodes]="separatorKeysCodes"
             (kbqTagInputTokenEnd)="inputOnCreate($event)"
         />
-        <kbq-cleaner #kbqTagListCleaner (click)="inputTags.length = 0" />
+        <kbq-cleaner (click)="inputTags.length = 0" />
     </kbq-tag-list>
 </kbq-form-field>
 
@@ -105,7 +105,7 @@ <h4 class="kbq-title">Tags with autocomplete</h4>
             (kbqTagInputTokenEnd)="autocompleteOnCreate($event)"
         />
 
-        <kbq-cleaner #kbqTagListCleaner (click)="autocompleteSelectedTags.length = 0" />
+        <kbq-cleaner (click)="autocompleteSelectedTags.length = 0" />
     </kbq-tag-list>
     <kbq-autocomplete #autocomplete (optionSelected)="autocompleteOnSelect($event)">
         @if (canCreate) {
@@ -145,7 +145,7 @@ <h4 class="kbq-title">Tags with tag adding on blur disabled</h4>
             (kbqTagInputTokenEnd)="enterOnCreate($event)"
         />
 
-        <kbq-cleaner #kbqTagListCleaner (click)="enterTags.length = 0" />
+        <kbq-cleaner (click)="enterTags.length = 0" />
     </kbq-tag-list>
 </kbq-form-field>
 
diff --git a/packages/components-dev/tree-select/template.html b/packages/components-dev/tree-select/template.html
index b37aa12a1e..965440c564 100644
--- a/packages/components-dev/tree-select/template.html
+++ b/packages/components-dev/tree-select/template.html
@@ -23,7 +23,7 @@ <h2 class="kbq-subheading">Custom footer</h2>
 
             <div kbq-select-search-empty-result>Ничего не найдено</div>
 
-            <kbq-cleaner #kbqSelectCleaner />
+            <kbq-cleaner />
 
             <kbq-tree-selection [dataSource]="dataSource" [treeControl]="treeControl">
                 <kbq-tree-option *kbqTreeNodeDef="let node" kbqTreeNodePadding [checkboxThirdState]="true">
diff --git a/packages/components/autocomplete/autocomplete-trigger.directive.ts b/packages/components/autocomplete/autocomplete-trigger.directive.ts
index 24ef478e2d..cdd6b509b1 100644
--- a/packages/components/autocomplete/autocomplete-trigger.directive.ts
+++ b/packages/components/autocomplete/autocomplete-trigger.directive.ts
@@ -50,7 +50,7 @@ import {
     kbqResolvePanelWidth,
     kbqSiblingPopupProvider
 } from '@koobiq/components/core';
-import { KbqFormField } from '@koobiq/components/form-field';
+import { KBQ_FORM_FIELD } from '@koobiq/components/form-field';
 import { Observable, Subject, Subscription, defer, fromEvent, merge, of as observableOf } from 'rxjs';
 import { delay, filter, map, switchMap, take, tap } from 'rxjs/operators';
 import { KbqAutocompleteOrigin } from './autocomplete-origin.directive';
@@ -127,7 +127,7 @@ export class KbqAutocompleteTrigger
     private overlay = inject(Overlay);
     private zone = inject(NgZone);
     private dir = inject(Directionality, { optional: true })!;
-    private formField = inject(KbqFormField, { optional: true, host: true });
+    private readonly formField = inject(KBQ_FORM_FIELD, { optional: true, host: true });
     private viewportRuler = inject(ViewportRuler);
 
     protected readonly document = inject<Document>(DOCUMENT);
diff --git a/packages/components/autocomplete/autocomplete.component.ts b/packages/components/autocomplete/autocomplete.component.ts
index c0c6ec140b..0c4124d070 100644
--- a/packages/components/autocomplete/autocomplete.component.ts
+++ b/packages/components/autocomplete/autocomplete.component.ts
@@ -30,7 +30,7 @@ import {
     KbqPanelMaxWidth,
     KbqPanelWidth
 } from '@koobiq/components/core';
-import { KbqFormField } from '@koobiq/components/form-field';
+import { KBQ_FORM_FIELD } from '@koobiq/components/form-field';
 import { delay, filter } from 'rxjs/operators';
 
 /**
@@ -96,7 +96,7 @@ export function KBQ_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY(): KbqAutocompleteDefau
 export class KbqAutocomplete implements AfterContentInit {
     private changeDetectorRef = inject(ChangeDetectorRef);
     private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);
-    private readonly parentFormField = inject(KbqFormField, { host: true, optional: true });
+    private readonly parentFormField = inject(KBQ_FORM_FIELD, { host: true, optional: true });
     private readonly destroyRef = inject(DestroyRef);
     /** Unique ID to be used by autocomplete trigger's "aria-owns" property. */
     id: string = `kbq-autocomplete-${uniqueAutocompleteIdCounter++}`;
diff --git a/packages/components/core/form-field/form-field-ref.ts b/packages/components/core/form-field/form-field-ref.ts
index 321e3af245..4ee4794d3d 100644
--- a/packages/components/core/form-field/form-field-ref.ts
+++ b/packages/components/core/form-field/form-field-ref.ts
@@ -40,6 +40,8 @@ export interface KbqFormFieldControlRef<T = unknown> {
  * Internal contract for `KbqFormField` used by code that cannot import the form-field
  * class directly because of a circular dependency (e.g. `core/select/common.ts`).
  *
+ * @deprecated Use KbqFormField from `@koobiq/components/form-field`.
+ *
  * @docs-private
  */
 export interface KbqFormFieldRef {
@@ -56,7 +58,9 @@ export interface KbqFormFieldRef {
  * as alternative token to the actual `KbqFormField` class which would cause unnecessary
  * retention of the `KbqFormField` class and its component metadata.
  *
- * @TODO move into form-field.ts, add correct type for `InjectionToken<KbqFormField>` (#DS-2915)
+ * @deprecated Use `KBQ_FORM_FIELD` from `@koobiq/components/form-field`.
+ *
+ * @docs-private
  */
 export const KBQ_FORM_FIELD_REF = new InjectionToken<KbqFormFieldRef>('KbqFormFieldRef');
 
diff --git a/packages/components/datepicker/datepicker-input.directive.ts b/packages/components/datepicker/datepicker-input.directive.ts
index 53bf77e387..4c30c76925 100644
--- a/packages/components/datepicker/datepicker-input.directive.ts
+++ b/packages/components/datepicker/datepicker-input.directive.ts
@@ -55,7 +55,7 @@ import {
     validationTooltipHideDelay,
     validationTooltipShowDelay
 } from '@koobiq/components/core';
-import { KbqFormField, KbqFormFieldControl } from '@koobiq/components/form-field';
+import { KBQ_FORM_FIELD, KbqFormFieldControl } from '@koobiq/components/form-field';
 import type { KbqTooltipTrigger } from '@koobiq/components/tooltip';
 import { Subject, Subscription } from 'rxjs';
 import { KbqCalendar } from './calendar.component';
@@ -251,7 +251,7 @@ export class KbqDatepickerInput<D>
     readonly adapter = inject<DateAdapter<D>>(DateAdapter, { optional: true })!;
     private readonly dateFormats = inject<KbqDateFormats>(KBQ_DATE_FORMATS, { optional: true });
     /** @docs-private */
-    protected readonly formField = inject(KbqFormField, { optional: true, host: true });
+    protected readonly formField = inject(KBQ_FORM_FIELD, { optional: true, host: true });
     /** @docs-private */
     protected readonly localeService = inject(KBQ_LOCALE_SERVICE, { optional: true });
     /** @docs-private */
diff --git a/packages/components/filter-bar/pipes/pipe-input.spec.ts b/packages/components/filter-bar/pipes/pipe-input.spec.ts
index 8884518ae7..3e569cb441 100644
--- a/packages/components/filter-bar/pipes/pipe-input.spec.ts
+++ b/packages/components/filter-bar/pipes/pipe-input.spec.ts
@@ -398,8 +398,8 @@ describe('KbqPipeInputComponent', () => {
     describe('clearing', () => {
         beforeEach(createFixture);
 
-        // `KbqFormField.clearValue()` and the Escape handler only reset the control; the pipe bridges that
-        // back into `data`. Driving `reset()` directly covers both entry points at the seam the pipe owns.
+        // `KbqCleaner` resets the control for pointer and Escape activation; the pipe bridges that back into
+        // `data`. Driving `reset()` directly covers both entry points at the seam the pipe owns.
         it('should propagate a control reset to data and emit onClearPipe', () => {
             fixture.componentInstance.activeFilter = createFilter([createPipe({ value: 'some text' })]);
             fixture.detectChanges();
diff --git a/packages/components/filter-bar/pipes/pipe-input.ts b/packages/components/filter-bar/pipes/pipe-input.ts
index cb8d68132d..2470712396 100644
--- a/packages/components/filter-bar/pipes/pipe-input.ts
+++ b/packages/components/filter-bar/pipes/pipe-input.ts
@@ -45,9 +45,9 @@ export class KbqPipeInputComponent extends KbqBasePipe<string | null> implements
     /**
      * Input control.
      *
-     * Must stay nullable: `reset()` — all `KbqFormField.clearValue()` and its Escape handler ever call —
-     * resolves to `defaultValue`, which is `null` only while `nonNullable` is unset. `{ nonNullable: true }`
-     * would make `reset()` yield `''` and silently break the cleaner bridge below.
+     * Must stay nullable: `KbqCleaner` resets the control, and `reset()` resolves to `defaultValue`, which is
+     * `null` only while `nonNullable` is unset. `{ nonNullable: true }` would make `reset()` yield `''` and silently
+     * break the cleaner bridge below.
      */
     readonly control = new FormControl<string | null>('');
 
@@ -83,8 +83,8 @@ export class KbqPipeInputComponent extends KbqBasePipe<string | null> implements
             this.control.disable({ emitEvent: false });
         }
 
-        // Cleaner and Escape bridge. Both `KbqFormField.clearValue()` and its Escape handler only call
-        // `ngControl.reset()`, which nulls the control but never touches `data.value`. `reset()` yields null
+        // Cleaner and Escape bridge. `KbqCleaner` calls `ngControl.reset()`, which nulls the control but never
+        // touches `data.value`. `reset()` yields null
         // while the view can only ever push a string, so `=== null` isolates those two paths from typing.
         this.control.valueChanges
             .pipe(
diff --git a/packages/components/filter-bar/pipes/pipe-multi-tree-select.spec.ts b/packages/components/filter-bar/pipes/pipe-multi-tree-select.spec.ts
index f5c5a1db88..b02b574266 100644
--- a/packages/components/filter-bar/pipes/pipe-multi-tree-select.spec.ts
+++ b/packages/components/filter-bar/pipes/pipe-multi-tree-select.spec.ts
@@ -950,7 +950,7 @@ describe('KbqPipeMultiTreeSelectComponent', () => {
             const select = getPipeComponent().select();
 
             // `KbqTreeSelect.clearValue()` empties the selection model directly, bypassing the pipe's
-            // `onClear()` and taking the locked values with it — hence no `kbqSelectCleaner` in the
+            // `onClear()` and taking the locked values with it — hence no `KbqCleaner` in the
             // template, which is what leaves `canShowCleaner` permanently false.
             expect(select.cleaner()).toBeUndefined();
             expect(select.canShowCleaner).toBe(false);
diff --git a/packages/components/filter-bar/pipes/pipe-tree-select.html b/packages/components/filter-bar/pipes/pipe-tree-select.html
index 576ece8030..b8a8949444 100644
--- a/packages/components/filter-bar/pipes/pipe-tree-select.html
+++ b/packages/components/filter-bar/pipes/pipe-tree-select.html
@@ -28,7 +28,7 @@
 
     <div kbq-select-search-empty-result>{{ localeData.pipe.emptySearchResult }}</div>
 
-    <kbq-cleaner #kbqSelectCleaner />
+    <kbq-cleaner />
 
     <button
         kbq-button
diff --git a/packages/components/form-field/_form-field-theme.scss b/packages/components/form-field/_form-field-theme.scss
index b3ee2f330a..e3c4638f84 100644
--- a/packages/components/form-field/_form-field-theme.scss
+++ b/packages/components/form-field/_form-field-theme.scss
@@ -68,6 +68,7 @@
         }
 
         &.kbq-form-field-type-input,
+        &.kbq-form-field-type-input-number,
         &.kbq-form-field-type-textarea,
         &.kbq-form-field-type-timepicker,
         &.kbq-form-field-type-datepicker,
diff --git a/packages/components/form-field/cleaner.ts b/packages/components/form-field/cleaner.ts
index 6c6a0fc1bc..4620874fc4 100644
--- a/packages/components/form-field/cleaner.ts
+++ b/packages/components/form-field/cleaner.ts
@@ -1,6 +1,45 @@
-import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';
-import { KbqComponentColors, kbqInjectA11yLocaleConfiguration } from '@koobiq/components/core';
+import {
+    AfterContentInit,
+    ChangeDetectionStrategy,
+    Component,
+    computed,
+    inject,
+    InjectionToken,
+    input,
+    Provider,
+    ViewEncapsulation
+} from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { ESCAPE, KbqComponentColors, kbqInjectA11yLocaleConfiguration } from '@koobiq/components/core';
 import { KbqIconButton } from '@koobiq/components/icon';
+import { fromEvent } from 'rxjs';
+import { KbqFormFieldControl } from './form-field-control';
+
+/** @docs-private */
+export interface KbqCleanerContext {
+    readonly control: KbqFormFieldControl<unknown>;
+    readonly keydownTarget: HTMLElement;
+    readonly clearByEscape: boolean;
+    /** Overrides the default `cleanerControl.ngControl?.reset()` behavior when the cleaner is activated. */
+    clear?(): void;
+}
+
+/** @docs-private */
+export const KBQ_CLEANER_CONTEXT = new InjectionToken<KbqCleanerContext | null>('KbqCleanerContext');
+
+/**
+ * Utility provider for `KBQ_CLEANER_CONTEXT`, built from a factory that resolves the current host's `KbqCleanerContext`.
+ * @docs-private
+ */
+export const kbqCleanerFactoryProvider = (factory: () => KbqCleanerContext): Provider => ({
+    provide: KBQ_CLEANER_CONTEXT,
+    useFactory: factory
+});
+
+/** @docs-private */
+export function getKbqFormFieldYouCanNotUseCleanerInNumberInputError(): Error {
+    return Error(`You can't use kbq-cleaner with input that have type="number"`);
+}
 
 /**
  * Element to be placed in end of the form field.
@@ -19,11 +58,26 @@ import { KbqIconButton } from '@koobiq/components/icon';
         // The cleaner is an icon-only control: without a role and an accessible name it is announced as an
         // unlabeled focusable graphic.
         role: 'button',
-        '[attr.aria-label]': 'accessibleName()'
+        '[attr.aria-label]': 'accessibleName()',
+        '(click)': 'clear($event)',
+        '(keydown.enter)': 'clear($event)',
+        '(keydown.space)': 'clear($event)'
     },
     exportAs: 'kbqCleaner'
 })
-export class KbqCleaner extends KbqIconButton {
+export class KbqCleaner extends KbqIconButton implements AfterContentInit {
+    private readonly context = inject(KBQ_CLEANER_CONTEXT, { optional: true });
+
+    /**
+     * Whether the cleaner can be displayed for the current control state.
+     * @docs-private
+     */
+    get canShow(): boolean {
+        const control = this.context?.control;
+
+        return control ? !control.disabled && !control.empty : true;
+    }
+
     private readonly a11yLocaleConfiguration = kbqInjectA11yLocaleConfiguration();
 
     /** Accessible name of the cleaner. Defaults to the localized "Clear". */
@@ -39,4 +93,48 @@ export class KbqCleaner extends KbqIconButton {
         this.color = KbqComponentColors.ContrastFade;
         this.autoColor = true;
     }
+
+    ngAfterContentInit(): void {
+        super.ngAfterContentInit();
+
+        if (this.context?.control?.controlType === 'input-number') {
+            throw getKbqFormFieldYouCanNotUseCleanerInNumberInputError();
+        }
+
+        const keydownTarget = this.context?.keydownTarget;
+
+        if (keydownTarget) {
+            fromEvent<KeyboardEvent>(keydownTarget, 'keydown')
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe((event) => this.onKeyDown(event));
+        }
+    }
+
+    /**
+     * Clears the owning control in response to pointer or keyboard activation.
+     * @docs-private
+     */
+    clear(event: Event): void {
+        if (!this.context || !this.canShow) return;
+
+        event.stopPropagation();
+        event.preventDefault();
+
+        if (this.context.clear) {
+            this.context.clear();
+        } else {
+            this.context.control.ngControl?.reset();
+        }
+
+        this.context.control.focus();
+    }
+
+    /**
+     * Clears the focused control when Escape handling is enabled.
+     */
+    private onKeyDown(event: KeyboardEvent): void {
+        if (event.keyCode === ESCAPE && this.context?.clearByEscape && this.context.control.focused && this.canShow) {
+            this.clear(event);
+        }
+    }
 }
diff --git a/packages/components/form-field/e2e.playwright-spec.ts b/packages/components/form-field/e2e.playwright-spec.ts
index 694af95ce7..099894ae62 100644
--- a/packages/components/form-field/e2e.playwright-spec.ts
+++ b/packages/components/form-field/e2e.playwright-spec.ts
@@ -1,6 +1,40 @@
 import { expect, Locator, Page, test } from '@playwright/test';
 
 test.describe('KbqFormFieldModule', () => {
+    test.describe('E2eFormFieldAddons', () => {
+        test.beforeEach(async ({ page }) => page.goto('/E2eFormFieldAddons'));
+
+        test('cleaner owns pointer and keyboard clearing', async ({ page }) => {
+            const input = page.getByTestId('cleanerInput');
+
+            await input.focus();
+            await input.press('Escape');
+            await expect(input).toHaveValue('');
+
+            await input.fill('Koobiq');
+            await page.getByTestId('cleaner').focus();
+            await page.getByTestId('cleaner').press('Space');
+            await expect(input).toHaveValue('');
+            await expect(input).toBeFocused();
+        });
+
+        test('password toggle owns Alt+F8', async ({ page }) => {
+            const input = page.getByTestId('passwordInput');
+
+            await expect(input).toHaveAttribute('type', 'password');
+            await input.press('Alt+F8');
+            await expect(input).toHaveAttribute('type', 'text');
+        });
+
+        test('stepper connects when projected dynamically', async ({ page }) => {
+            const input = page.getByTestId('numberInput');
+
+            await page.getByTestId('showStepper').click();
+            await page.getByTestId('stepper').locator('.kbq-stepper-step-up').click();
+            await expect(input).toHaveValue('11');
+        });
+    });
+
     test.describe('E2eFormFieldGroup', () => {
         const getComponent = (page: Page) => page.getByTestId('e2eFormFieldGroup');
 
diff --git a/packages/components/form-field/e2e.ts b/packages/components/form-field/e2e.ts
index 284b125c2f..4c728a3c90 100644
--- a/packages/components/form-field/e2e.ts
+++ b/packages/components/form-field/e2e.ts
@@ -1,4 +1,5 @@
-import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectionStrategy, Component, signal, ViewEncapsulation } from '@angular/core';
+import { FormsModule } from '@angular/forms';
 import { KbqButtonModule } from '@koobiq/components/button';
 import { KbqIconModule } from '@koobiq/components/icon';
 import { KbqInputModule } from '@koobiq/components/input';
@@ -95,3 +96,46 @@ export class E2eFormFieldGroup {}
     }
 })
 export class E2eFormFieldset {}
+
+@Component({
+    selector: 'e2e-form-field-addons',
+    imports: [FormsModule, KbqInputModule, KbqButtonModule],
+    template: `
+        <kbq-form-field>
+            <input data-testid="cleanerInput" kbqInput [(ngModel)]="textValue" />
+            <kbq-cleaner data-testid="cleaner" ariaLabel="Clear text" />
+        </kbq-form-field>
+
+        <kbq-form-field>
+            <input data-testid="passwordInput" kbqInputPassword [(ngModel)]="passwordValue" />
+            <kbq-password-toggle data-testid="passwordToggle" />
+        </kbq-form-field>
+
+        <kbq-form-field>
+            <input data-testid="numberInput" kbqNumberInput [(ngModel)]="numberValue" />
+            @if (showStepper()) {
+                <kbq-stepper data-testid="stepper" />
+            }
+        </kbq-form-field>
+
+        <button data-testid="showStepper" kbq-button (click)="showStepper.set(true)">Show stepper</button>
+    `,
+    styles: `
+        :host {
+            display: flex;
+            flex-direction: column;
+            gap: var(--kbq-size-m);
+            width: 320px;
+        }
+    `,
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    host: {
+        'data-testid': 'e2eFormFieldAddons'
+    }
+})
+export class E2eFormFieldAddons {
+    protected textValue = 'Koobiq';
+    protected passwordValue = 'password';
+    protected numberValue = 10;
+    protected readonly showStepper = signal(false);
+}
diff --git a/packages/components/form-field/form-field.html b/packages/components/form-field/form-field.html
index 30ff4c2351..15b8182725 100644
--- a/packages/components/form-field/form-field.html
+++ b/packages/components/form-field/form-field.html
@@ -19,12 +19,7 @@
         @if (hasSuffix() || hasCleaner() || hasPasswordToggle() || hasStepper()) {
             <div class="kbq-form-field__suffix">
                 @if (canShowCleaner) {
-                    <div
-                        class="kbq-form-field__cleaner"
-                        (click)="clearValue($event)"
-                        (keydown.enter)="clearValue($event)"
-                        (keydown.space)="clearValue($event)"
-                    >
+                    <div class="kbq-form-field__cleaner">
                         <ng-content select="kbq-cleaner" />
                     </div>
                 }
diff --git a/packages/components/form-field/form-field.spec.ts b/packages/components/form-field/form-field.spec.ts
index 99e8883c1d..e02a163c8d 100644
--- a/packages/components/form-field/form-field.spec.ts
+++ b/packages/components/form-field/form-field.spec.ts
@@ -12,6 +12,8 @@ import {
 import { By } from '@angular/platform-browser';
 import {
     ErrorStateMatcher,
+    ESCAPE,
+    KBQ_FORM_FIELD_REF,
     PasswordValidators,
     ShowOnFormSubmitErrorStateMatcher,
     ShowRequiredOnSubmitErrorStateMatcher
@@ -20,7 +22,12 @@ import { KbqInput, KbqInputModule, KbqInputPassword } from '@koobiq/components/i
 import { Subject } from 'rxjs';
 import { KbqCleaner } from './cleaner';
 import { KbqError } from './error';
-import { getKbqFormFieldMissingControlError, KbqFormField, kbqFormFieldDefaultOptionsProvider } from './form-field';
+import {
+    getKbqFormFieldMissingControlError,
+    KBQ_FORM_FIELD,
+    KbqFormField,
+    kbqFormFieldDefaultOptionsProvider
+} from './form-field';
 import { KbqFormFieldModule } from './form-field.module';
 import { KbqHint } from './hint';
 import { KbqLabel } from './label';
@@ -339,6 +346,14 @@ class PasswordFormFieldWithConditionalContent {
 }
 
 describe(KbqFormField.name, () => {
+    it('should provide typed and legacy form-field tokens', () => {
+        const { debugElement } = createComponent(InputFormFieldWithHintAndError);
+        const formField = getFormFieldDebugElement(debugElement);
+
+        expect(formField.injector.get(KBQ_FORM_FIELD)).toBe(formField.componentInstance);
+        expect(formField.injector.get(KBQ_FORM_FIELD_REF)).toBe(formField.componentInstance);
+    });
+
     it('should display KbqHint', () => {
         const { debugElement } = createComponent(InputFormFieldWithHintAndError);
         const hint = getHintDebugElement(debugElement).nativeElement;
@@ -428,6 +443,32 @@ describe(KbqFormField.name, () => {
         expect(componentInstance.control.value).toBeNull();
     });
 
+    it('should clean field by KbqCleaner on Space', () => {
+        const { debugElement, componentInstance } = createComponent(InputFormFieldWithCleaner);
+        const input = getInputNativeElement(debugElement);
+
+        input.value = 'koobiq';
+        input.dispatchEvent(new Event('input'));
+
+        getCleanerDebugElement(debugElement).nativeElement.dispatchEvent(
+            new KeyboardEvent('keydown', { key: ' ', bubbles: true })
+        );
+
+        expect(componentInstance.control.value).toBeNull();
+    });
+
+    it('should clean focused field by KbqCleaner on Escape', () => {
+        const { debugElement, componentInstance } = createComponent(InputFormFieldWithCleaner);
+        const input = getInputNativeElement(debugElement);
+
+        input.value = 'koobiq';
+        input.dispatchEvent(new Event('input'));
+        input.focus();
+        input.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', keyCode: ESCAPE, bubbles: true }));
+
+        expect(componentInstance.control.value).toBeNull();
+    });
+
     it('should apply kbq-error class to KbqCleaner icon when control is invalid', () => {
         const { debugElement } = createComponent(InputFormFieldWithCleanerAndCustomErrorStateMatcher);
 
diff --git a/packages/components/form-field/form-field.ts b/packages/components/form-field/form-field.ts
index b0ae3b10c9..4a80291ef4 100644
--- a/packages/components/form-field/form-field.ts
+++ b/packages/components/form-field/form-field.ts
@@ -28,9 +28,10 @@ import {
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { NgControl } from '@angular/forms';
 import { KBQ_CONNECTED_OVERLAY_ORIGIN, KBQ_FORM_FIELD_REF, KbqColorDirective } from '@koobiq/components/core';
+import { kbqIconErrorStateContextFactoryProvider } from '@koobiq/components/icon';
 import { EMPTY, merge } from 'rxjs';
 import { delay, startWith } from 'rxjs/operators';
-import { KbqCleaner } from './cleaner';
+import { KbqCleaner, kbqCleanerFactoryProvider } from './cleaner';
 import { KbqError } from './error';
 import { KbqFormFieldControl, kbqSetDescribedByIds } from './form-field-control';
 import { KbqHint } from './hint';
@@ -39,7 +40,7 @@ import { hasPasswordStrengthError, KbqPasswordHint } from './password-hint';
 import { KbqPasswordToggle } from './password-toggle';
 import { KbqPrefix } from './prefix';
 import { KbqReactivePasswordHint } from './reactive-password-hint';
-import { KbqNumberInputControl, KbqStepper } from './stepper';
+import { KbqStepper } from './stepper';
 import { KbqSuffix } from './suffix';
 
 /** @docs-private */
@@ -47,10 +48,11 @@ export function getKbqFormFieldMissingControlError(): Error {
     return Error('kbq-form-field must contain a KbqFormFieldControl');
 }
 
-/** @docs-private */
-export function getKbqFormFieldYouCanNotUseCleanerInNumberInputError(): Error {
-    return Error(`You can't use kbq-cleaner with input that have type="number"`);
-}
+/**
+ * Injection token used to access the owning `KbqFormField`.
+ * @docs-private
+ */
+export const KBQ_FORM_FIELD = new InjectionToken<KbqFormField>('KbqFormField');
 
 /** Error key set on the control by the legacy `KbqPasswordHint` when the password is not strong enough. */
 const PASSWORD_STRENGTH_ERROR = 'passwordStrength';
@@ -74,6 +76,7 @@ export type KbqFormFieldDefaultOptions = Partial<{
 
 /**
  * Injection token that can be used to configure the default options for all kbq-form-field's.
+ * @docs-private
  */
 export const KBQ_FORM_FIELD_DEFAULT_OPTIONS = new InjectionToken<KbqFormFieldDefaultOptions>(
     'KBQ_FORM_FIELD_DEFAULT_OPTIONS'
@@ -108,7 +111,36 @@ export const kbqFormFieldDefaultOptionsProvider = (options: KbqFormFieldDefaultO
         // KbqTagInput
         '../tags/tag-input-tokens.scss'
     ],
-    providers: [{ provide: KBQ_FORM_FIELD_REF, useExisting: KbqFormField }],
+    providers: [
+        // Kept for consumers that cannot depend on the form-field entry point.
+        { provide: KBQ_FORM_FIELD_REF, useExisting: KbqFormField },
+        { provide: KBQ_FORM_FIELD, useExisting: KbqFormField },
+        kbqCleanerFactoryProvider(() => {
+            const formField = inject(KBQ_FORM_FIELD);
+
+            return {
+                get control() {
+                    return formField.control();
+                },
+                get keydownTarget() {
+                    return formField.elementRef.nativeElement;
+                },
+                clearByEscape: true
+            };
+        }),
+        kbqIconErrorStateContextFactoryProvider(() => {
+            const formField = inject(KBQ_FORM_FIELD);
+
+            return {
+                get errorState() {
+                    return formField.control().errorState;
+                },
+                get stateChanges() {
+                    return formField.control().stateChanges;
+                }
+            };
+        })
+    ],
     changeDetection: ChangeDetectionStrategy.OnPush,
     // Every component of this package renders unencapsulated, on purpose: the `kbq-form-field__*` and
     // `kbq-hint*` classes are a public contract that themes, the controls projected into the field and
@@ -221,6 +253,7 @@ export class KbqFormField
 
     /**
      * @docs-private
+     * @deprecated Unused. This property is no longer used by the form field and will be removed in a future version.
      */
     canCleanerClearByEsc: boolean = true;
 
@@ -324,15 +357,7 @@ export class KbqFormField
      * @docs-private
      */
     get canShowCleaner(): boolean {
-        const ngControl = this.control()?.ngControl;
-
-        if (!this.hasCleaner() || !ngControl) {
-            return false;
-        }
-
-        const { value } = ngControl;
-
-        return value !== null && value !== undefined && value !== '' && !this.disabled;
+        return !!this.cleaner()?.canShow;
     }
 
     /** Whether the form field is disabled. */
@@ -346,10 +371,6 @@ export class KbqFormField
     ngAfterContentInit(): void {
         this.validateControlChild();
 
-        if (this.numberInput() && this.hasCleaner()) {
-            throw getKbqFormFieldYouCanNotUseCleanerInNumberInputError();
-        }
-
         // Subscribe to changes in the child control state in order to update the form field UI.
         this.control()
             .stateChanges.pipe(startWith(), delay(0), takeUntilDestroyed(this.destroyRef))
@@ -361,10 +382,6 @@ export class KbqFormField
                 }
             });
 
-        if (this.hasStepper()) {
-            this.stepper()!.connectTo(this.numberInput()!);
-        }
-
         this.initializeControl();
     }
 
@@ -392,17 +409,7 @@ export class KbqFormField
      * @docs-private
      */
     clearValue(event: Event): void {
-        event.stopPropagation();
-
-        // Keyboard activation of the cleaner must not also scroll the page (Space) or submit the form (Enter).
-        if (event.type === 'keydown') {
-            event.preventDefault();
-        }
-
-        const control = this.control();
-
-        control?.ngControl?.reset();
-        control?.focus();
+        this.cleaner()?.clear(event);
     }
 
     /**
@@ -420,22 +427,10 @@ export class KbqFormField
 
     /**
      * Handles keydown events.
-     *
+     * @deprecated Unused. This method is no longer called by the form field and will be removed in a future version.
      * @docs-private
      */
-    onKeyDown(event: KeyboardEvent): void {
-        const control = this.control();
-
-        if (control.controlType === 'input-password' && event.altKey && event.key === 'F8') {
-            (control as unknown as { toggleType(): void }).toggleType();
-        }
-
-        if (this.canCleanerClearByEsc && event.key === 'Escape' && control.focused && this.hasCleaner()) {
-            control?.ngControl?.reset();
-
-            event.preventDefault();
-        }
-    }
+    onKeyDown(_event: KeyboardEvent): void {}
 
     /**
      * @docs-private
@@ -505,11 +500,6 @@ export class KbqFormField
         }
     }
 
-    /** Resolves the number input hosted by the control, `null` when the control is not a `kbqNumberInput`. */
-    private numberInput(): KbqNumberInputControl | null {
-        return (this.control() as unknown as { numberInput?: KbqNumberInputControl }).numberInput || null;
-    }
-
     /**
      * Links the hints and the error rendered by the form field to the control via `aria-describedby`,
      * so assistive technology announces them when the control gets focused.
diff --git a/packages/components/form-field/password-toggle.ts b/packages/components/form-field/password-toggle.ts
index ec3de93e03..2eea358037 100644
--- a/packages/components/form-field/password-toggle.ts
+++ b/packages/components/form-field/password-toggle.ts
@@ -1,5 +1,6 @@
 import { FocusMonitor } from '@angular/cdk/a11y';
 
+import { F8 } from '@angular/cdk/keycodes';
 import {
     AfterContentInit,
     afterNextRender,
@@ -17,31 +18,40 @@ import {
     ViewEncapsulation
 } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import {
-    KBQ_FORM_FIELD_REF,
-    kbqInjectA11yLocaleConfiguration,
-    kbqInjectNativeElement,
-    PopUpTriggers
-} from '@koobiq/components/core';
+import { kbqInjectA11yLocaleConfiguration, kbqInjectNativeElement, PopUpTriggers } from '@koobiq/components/core';
 import { KbqIconButton, KbqIconModule } from '@koobiq/components/icon';
 import { KbqToolTipModule, KbqTooltipTrigger } from '@koobiq/components/tooltip';
-import { EMPTY } from 'rxjs';
-import { KbqFormField } from './form-field';
+import { EMPTY, fromEvent } from 'rxjs';
+import { KBQ_FORM_FIELD } from './form-field';
 import { KbqFormFieldControl } from './form-field-control';
 
-// @TODO Temporary solution to resolve circular dependency (#DS-3893)
-type KbqInputPassword = KbqFormFieldControl<unknown> & {
-    elementType: string;
+/**
+ * Narrow structural contract for `kbqInputPassword`, duck-typed here to avoid a circular
+ * dependency between `@koobiq/components/form-field` and `@koobiq/components/input`.
+ */
+type KbqPasswordToggleControl = KbqFormFieldControl<unknown> & {
+    readonly controlType: 'input-password';
+    elementType: 'text' | 'password';
     toggleType: () => void;
 };
 
-// @TODO Temporary solution to resolve circular dependency (#DS-3893)
-const isInputPassword = (control: KbqFormFieldControl<unknown>): control is KbqInputPassword => {
-    return 'elementType' in control;
+/**
+ * Checks whether the given control structurally matches `KbqPasswordToggleControl`.
+ */
+const isPasswordToggleControl = (control: unknown): control is KbqPasswordToggleControl => {
+    return (
+        !!control &&
+        typeof control === 'object' &&
+        'controlType' in control &&
+        control.controlType === 'input-password' &&
+        'elementType' in control &&
+        'toggleType' in control &&
+        typeof control.toggleType === 'function'
+    );
 };
 
 const getKbqPasswordToggleMissingControlError = (): Error => {
-    return Error('kbq-password-toggle should use with kbqInputPassword');
+    return Error('You should use kbq-password-toggle with kbqInputPassword');
 };
 
 /** Component which changes password visibility. */
@@ -82,9 +92,7 @@ export class KbqPasswordToggle extends KbqTooltipTrigger implements AfterViewIni
     protected readonly changeDetectorRef = inject(ChangeDetectorRef);
 
     private readonly a11yLocaleConfiguration = kbqInjectA11yLocaleConfiguration();
-
-    // @TODO fix types (#DS-2915)
-    private readonly formField = inject(KBQ_FORM_FIELD_REF, { optional: true }) as unknown as KbqFormField | undefined;
+    private readonly formField = inject(KBQ_FORM_FIELD, { optional: true });
 
     readonly tabindex = input<number, unknown>(0, { transform: numberAttribute });
 
@@ -116,10 +124,10 @@ export class KbqPasswordToggle extends KbqTooltipTrigger implements AfterViewIni
     protected hasError: boolean = false;
 
     /** Form field password control. */
-    private get control(): KbqInputPassword {
+    private get control(): KbqPasswordToggleControl {
         const control = this.formField?.control();
 
-        if (!control || !isInputPassword(control)) {
+        if (!isPasswordToggleControl(control)) {
             throw getKbqPasswordToggleMissingControlError();
         }
 
@@ -163,6 +171,14 @@ export class KbqPasswordToggle extends KbqTooltipTrigger implements AfterViewIni
 
         this.trigger = `${PopUpTriggers.Hover}`;
 
+        const keydownTarget = this.formField?.elementRef.nativeElement;
+
+        if (keydownTarget) {
+            fromEvent<KeyboardEvent>(keydownTarget, 'keydown')
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe((event) => this.onFormFieldKeyDown(event));
+        }
+
         // `stateChanges` is owned by the control and outlives the toggle, so the subscription has to be torn
         // down explicitly. Subscribing after render also keeps it off the server, matching KbqReactivePasswordHint.
         afterNextRender(() => {
@@ -172,23 +188,14 @@ export class KbqPasswordToggle extends KbqTooltipTrigger implements AfterViewIni
         });
     }
 
-    /**
-     * @docs-private
-     */
     ngAfterContentInit(): void {
         this.updateState();
     }
 
-    /**
-     * @docs-private
-     */
     ngAfterViewInit(): void {
         this.focusMonitor.monitor(this.nativeElement, true);
     }
 
-    /**
-     * @docs-private
-     */
     ngOnDestroy() {
         this.focusMonitor.stopMonitoring(this.nativeElement);
     }
@@ -196,7 +203,9 @@ export class KbqPasswordToggle extends KbqTooltipTrigger implements AfterViewIni
     /**
      * @docs-private
      */
-    toggle(event: Event) {
+    toggle(event: Event): void {
+        if (this.control.disabled) return;
+
         this.hide();
 
         this.control.toggleType();
@@ -206,8 +215,17 @@ export class KbqPasswordToggle extends KbqTooltipTrigger implements AfterViewIni
         event.preventDefault();
     }
 
+    /**
+     * Toggles password visibility for the Alt+F8 shortcut.
+     */
+    private onFormFieldKeyDown(event: KeyboardEvent): void {
+        if (event.altKey && event.keyCode === F8) {
+            this.toggle(event);
+        }
+    }
+
     private updateState = () => {
-        this.hasError = !!this.formField?.control()?.errorState;
+        this.hasError = !!this.control.errorState;
 
         this.changeDetectorRef.markForCheck();
     };
diff --git a/packages/components/form-field/reactive-password-hint.ts b/packages/components/form-field/reactive-password-hint.ts
index 0194131f59..c26664a298 100644
--- a/packages/components/form-field/reactive-password-hint.ts
+++ b/packages/components/form-field/reactive-password-hint.ts
@@ -12,11 +12,11 @@ import {
     ViewEncapsulation
 } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { KBQ_FORM_FIELD_REF, KbqComponentColors } from '@koobiq/components/core';
+import { KbqComponentColors } from '@koobiq/components/core';
 import { KbqIconModule } from '@koobiq/components/icon';
 import { EMPTY } from 'rxjs';
 import { delay } from 'rxjs/operators';
-import { KbqFormField } from './form-field';
+import { KBQ_FORM_FIELD } from './form-field';
 import { KbqHint } from './hint';
 
 /** Password hint to be shown below the password form field control. */
@@ -42,8 +42,7 @@ import { KbqHint } from './hint';
     exportAs: 'kbqReactivePasswordHint'
 })
 export class KbqReactivePasswordHint extends KbqHint {
-    // @TODO fix types (#DS-2915)
-    private readonly formField = inject<KbqFormField>(KBQ_FORM_FIELD_REF, { optional: true });
+    private readonly formField = inject(KBQ_FORM_FIELD, { optional: true });
     private readonly destroyRef = inject(DestroyRef);
     private readonly changeDetectorRef = inject(ChangeDetectorRef);
 
diff --git a/packages/components/form-field/stepper.ts b/packages/components/form-field/stepper.ts
index 76273ab47e..2948c4d4d7 100644
--- a/packages/components/form-field/stepper.ts
+++ b/packages/components/form-field/stepper.ts
@@ -10,33 +10,42 @@ import {
     ViewEncapsulation
 } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { KBQ_FORM_FIELD_REF } from '@koobiq/components/core';
 import { KbqIconModule } from '@koobiq/components/icon';
 import { concatMap, fromEvent, interval, Subject, timer } from 'rxjs';
 import { take, takeUntil } from 'rxjs/operators';
-import { KbqFormFieldControl } from './form-field-control';
+import { KBQ_FORM_FIELD } from './form-field';
+import type { KbqFormFieldControl } from './form-field-control';
 
 /**
- * The subset of `KbqNumberInput` the stepper drives.
- *
- * Declared here instead of imported from `@koobiq/components/input` to break the circular dependency
- * between the packages (#DS-3893).
+ * Narrow structural contract for the control hosted by `kbqNumberInput`, duck-typed here to avoid
+ * a circular dependency between `@koobiq/components/form-field` and `@koobiq/components/input`.
  */
-export interface KbqNumberInputControl extends KbqFormFieldControl<unknown> {
-    /** Increases the value by `step`. */
+type KbqStepperControl = KbqFormFieldControl<unknown> & {
+    readonly controlType: 'input-number';
+    readonly step: number;
     stepUp: (step: number) => void;
     /** Decreases the value by `step`. */
     stepDown: (step: number) => void;
-    /** Amount the value changes by on a single step. */
-    step: number;
-}
+};
 
-const isNumberInput = (control: KbqFormFieldControl<unknown>): control is KbqNumberInputControl => {
-    return 'stepUp' in control && 'stepDown' in control;
+/**
+ * Checks whether the given value structurally matches `KbqStepperControl`.
+ */
+const isStepperControl = (control: unknown): control is KbqStepperControl => {
+    return (
+        !!control &&
+        typeof control === 'object' &&
+        'controlType' in control &&
+        control.controlType === 'input-number' &&
+        'stepUp' in control &&
+        typeof control.stepUp === 'function' &&
+        'stepDown' in control &&
+        typeof control.stepDown === 'function'
+    );
 };
 
 const getKbqStepperToggleMissingControlError = (): Error => {
-    return Error('kbq-stepper should use with kbqNumberInput');
+    return Error('You should use kbq-stepper with kbqNumberInput');
 };
 
 /**
@@ -86,8 +95,8 @@ export const KBQ_STEPPER_INTERVAL_DELAY = 75;
     exportAs: 'kbqStepper'
 })
 export class KbqStepper {
-    private readonly formField = inject(KBQ_FORM_FIELD_REF, { optional: true });
-    private readonly document = inject<Document>(DOCUMENT);
+    private readonly formField = inject(KBQ_FORM_FIELD, { optional: true });
+    private readonly document = inject(DOCUMENT);
     private readonly destroyRef = inject(DestroyRef);
 
     /** Emitted when the stepper is incremented. */
@@ -115,23 +124,24 @@ export class KbqStepper {
         takeUntil(this.mouseUp)
     );
 
-    /** Whether `connectTo` has already wired the number input. */
-    private connected = false;
-
     /**
      * Form field number control. Resolved once per control change instead of on every template read.
      *
      * @docs-private
      */
-    protected readonly control = computed<KbqNumberInputControl>(() => {
+    protected readonly control = computed<KbqStepperControl>(() => {
         const control = this.formField?.control();
-        const input = (control as { numberInput?: KbqFormFieldControl<unknown> })?.numberInput;
+        // `formFieldControl` here is `KbqInput` (it owns the `KbqFormFieldControl` provider on
+        // `<input kbqNumberInput>`), not the number-input itself: `stepUp`/`stepDown`/`step`
+        // live on the sibling `KbqNumberInput` directive, reachable only via `KbqInput.numberInput`.
+        const inputNumberControl =
+            control?.controlType === 'input-number' && 'numberInput' in control ? control.numberInput : null;
 
-        if (!input || !isNumberInput(input)) {
+        if (!isStepperControl(inputNumberControl)) {
             throw getKbqStepperToggleMissingControlError();
         }
 
-        return input;
+        return inputNumberControl;
     });
 
     constructor() {
@@ -139,42 +149,41 @@ export class KbqStepper {
     }
 
     /**
+     * @deprecated No longer required — `KbqStepper` resolves its control automatically via DI.
      * @docs-private
      */
-    connectTo(numberInput: KbqNumberInputControl): void {
-        // The form field calls it on every content init, and the outputs must not be wired twice.
-        if (!numberInput || this.connected) return;
-
-        this.connected = true;
-
-        this.stepUp.subscribe(() => {
-            numberInput.stepUp(numberInput.step);
-        });
-
-        this.stepDown.subscribe(() => {
-            numberInput.stepDown(numberInput.step);
-        });
-    }
+    connectTo(_: any): void {}
 
     /** @docs-private */
-    onStepUp($event: MouseEvent): void {
-        this.handleStep($event, this.stepUp);
+    onStepUp(event: MouseEvent): void {
+        this.handleStep(event, (control) => control.stepUp(control.step), this.stepUp);
     }
 
     /** @docs-private */
-    onStepDown($event: MouseEvent): void {
-        this.handleStep($event, this.stepDown);
+    onStepDown(event: MouseEvent): void {
+        this.handleStep(event, (control) => control.stepDown(control.step), this.stepDown);
     }
 
-    private handleStep($event: MouseEvent, emitter: OutputEmitterRef<void>): void {
-        if (this.control().disabled) return;
+    private handleStep(
+        event: MouseEvent,
+        step: (control: KbqStepperControl) => void,
+        emitter: OutputEmitterRef<void>
+    ): void {
+        const control = this.control();
+
+        if (control.disabled) return;
+
+        const performStep = () => {
+            step(control);
+            emitter.emit();
+        };
 
-        emitter.emit();
+        performStep();
         // handle case when cursor is out of viewport.
         fromEvent(this.document, 'mouseup')
             .pipe(take(1), takeUntilDestroyed(this.destroyRef))
             .subscribe(() => this.mouseUp.next());
-        this.longPress.subscribe(() => emitter.emit());
-        $event.preventDefault();
+        this.longPress.subscribe(performStep);
+        event.preventDefault();
     }
 }
diff --git a/packages/components/icon/icon-error-state-context.ts b/packages/components/icon/icon-error-state-context.ts
new file mode 100644
index 0000000000..889f3f36b0
--- /dev/null
+++ b/packages/components/icon/icon-error-state-context.ts
@@ -0,0 +1,29 @@
+import { InjectionToken, Provider } from '@angular/core';
+import type { Observable } from 'rxjs';
+
+/**
+ * Narrow contract that lets `KbqIcon` react to a host's error state (e.g. `autoColor`) without
+ * depending on the host's concrete class.
+ * @docs-private
+ */
+export interface KbqIconErrorStateContext {
+    /** Whether the host is currently in an error state. */
+    readonly errorState: boolean;
+    /** Emits whenever the host's state changes, prompting `KbqIcon` to re-check `errorState`. */
+    readonly stateChanges: Observable<void>;
+}
+
+/**
+ * Injection token used by `KbqIcon` to look up its `KbqIconErrorStateContext`.
+ * @docs-private
+ */
+export const KBQ_ICON_ERROR_STATE_CONTEXT = new InjectionToken<KbqIconErrorStateContext>('KbqIconErrorStateContext');
+
+/**
+ * Utility provider for `KBQ_ICON_ERROR_STATE_CONTEXT`, built from a factory that resolves the current host's `KbqIconErrorStateContext`.
+ * @docs-private
+ */
+export const kbqIconErrorStateContextFactoryProvider = (factory: () => KbqIconErrorStateContext): Provider => ({
+    provide: KBQ_ICON_ERROR_STATE_CONTEXT,
+    useFactory: factory
+});
diff --git a/packages/components/icon/icon.component.ts b/packages/components/icon/icon.component.ts
index 0d799c5365..72c2401e60 100644
--- a/packages/components/icon/icon.component.ts
+++ b/packages/components/icon/icon.component.ts
@@ -13,9 +13,10 @@ import {
     ViewEncapsulation
 } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { KBQ_FORM_FIELD_REF, KbqColorDirective } from '@koobiq/components/core';
+import { KbqColorDirective } from '@koobiq/components/core';
 import { EMPTY, ReplaySubject } from 'rxjs';
 import { switchMap } from 'rxjs/operators';
+import { KBQ_ICON_ERROR_STATE_CONTEXT } from './icon-error-state-context';
 import { KbqIconRegistry } from './icon-registry';
 
 @Component({
@@ -33,7 +34,11 @@ import { KbqIconRegistry } from './icon-registry';
 export class KbqIcon extends KbqColorDirective implements AfterContentInit, OnChanges {
     readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);
 
-    protected readonly formField = inject(KBQ_FORM_FIELD_REF, { optional: true });
+    /**
+     * Host providing error state for `autoColor`, when the icon sits inside one (e.g. a form field).
+     * @docs-private
+     */
+    protected readonly errorStateContext = inject(KBQ_ICON_ERROR_STATE_CONTEXT, { optional: true });
     protected readonly changeDetectorRef = inject(ChangeDetectorRef);
     protected readonly registry = inject(KbqIconRegistry, { optional: true });
     protected readonly destroyRef = inject(DestroyRef);
@@ -98,7 +103,7 @@ export class KbqIcon extends KbqColorDirective implements AfterContentInit, OnCh
 
     ngAfterContentInit(): void {
         if (this.autoColor) {
-            this.formField?.control()?.stateChanges.subscribe(this.updateState);
+            this.errorStateContext?.stateChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(this.updateState);
             this.updateState();
         }
 
@@ -149,7 +154,7 @@ export class KbqIcon extends KbqColorDirective implements AfterContentInit, OnCh
     }
 
     private updateState = () => {
-        this.hasError = !!this.formField?.control()?.errorState;
+        this.hasError = !!this.errorStateContext?.errorState;
 
         this.changeDetectorRef.markForCheck();
     };
diff --git a/packages/components/icon/public-api.ts b/packages/components/icon/public-api.ts
index 9ed421379b..a4aafc0654 100644
--- a/packages/components/icon/public-api.ts
+++ b/packages/components/icon/public-api.ts
@@ -1,4 +1,5 @@
 export * from './icon-button.component';
+export * from './icon-error-state-context';
 export * from './icon-item.component';
 export * from './icon-registry';
 export * from './icon-registry-providers';
diff --git a/packages/components/inline-edit/inline-edit.spec.ts b/packages/components/inline-edit/inline-edit.spec.ts
index 2b8e1cb743..6a85bc2523 100644
--- a/packages/components/inline-edit/inline-edit.spec.ts
+++ b/packages/components/inline-edit/inline-edit.spec.ts
@@ -1218,7 +1218,7 @@ export class TestWithFullTabOrder {
             </div>
             <kbq-form-field kbqInlineEditEditMode>
                 <kbq-select placeholder="Placeholder" [(ngModel)]="selected">
-                    <kbq-cleaner #kbqSelectCleaner />
+                    <kbq-cleaner />
                     @for (option of options; track option) {
                         <kbq-option [value]="option">{{ option }}</kbq-option>
                     }
diff --git a/packages/components/input/e2e.playwright-spec.ts b/packages/components/input/e2e.playwright-spec.ts
index ba2739c521..4ca27f6935 100644
--- a/packages/components/input/e2e.playwright-spec.ts
+++ b/packages/components/input/e2e.playwright-spec.ts
@@ -47,6 +47,8 @@ test.describe('KbqInputModule', () => {
                 await page.goto('/E2eInputStateAndStyle');
                 const locator = getComponent(page);
                 const screenshotTarget = getInputPasswordTestRow(locator);
+
+                await screenshotTarget.locator('input').focus();
                 const toggle = screenshotTarget.locator('kbq-password-toggle');
 
                 await toggle.click();
diff --git a/packages/components/input/input-number.spec.ts b/packages/components/input/input-number.spec.ts
index 3ed2606a08..804ba919c1 100644
--- a/packages/components/input/input-number.spec.ts
+++ b/packages/components/input/input-number.spec.ts
@@ -104,6 +104,22 @@ class TestNumberInputConditional {
     stepDown = jest.fn().mockImplementation(() => false);
 }
 
+@Component({
+    imports: [FormsModule, KbqInputModule],
+    template: `
+        <kbq-form-field>
+            <input kbqNumberInput [(ngModel)]="value" />
+            @if (showStepper) {
+                <kbq-stepper />
+            }
+        </kbq-form-field>
+    `
+})
+class KbqNumberInputWithDynamicStepper {
+    value: number | null = 10;
+    showStepper = false;
+}
+
 @Component({
     imports: [
         ReactiveFormsModule,
@@ -277,6 +293,22 @@ class KbqNumberInputWithInteger {
 }
 
 describe('KbqNumberInput', () => {
+    it('should use input-number control type', fakeAsync(() => {
+        const fixture = createComponent(KbqNumberInputTestComponent);
+
+        fixture.detectChanges();
+        flush();
+
+        const inputElement = fixture.debugElement.query(By.directive(KbqInput));
+        const input = inputElement.injector.get(KbqInput);
+        const numberInput = inputElement.injector.get(KbqNumberInput);
+        const formField = fixture.debugElement.query(By.css('kbq-form-field')).nativeElement;
+
+        expect(input.controlType).toBe('input-number');
+        expect(numberInput.controlType).toBe('input-number');
+        expect(formField.classList).toContain('kbq-form-field-type-input-number');
+    }));
+
     it('should have stepper on focus', fakeAsync(() => {
         const fixture = createComponent(KbqNumberInputTestComponent);
 
@@ -309,9 +341,9 @@ describe('KbqNumberInput', () => {
         expect(icons.every((icon) => icon.nativeElement.classList.contains('kbq-error'))).toBe(true);
     }));
 
-    it('should throw error with stepper', () => {
-        // KbqFormField.ngAfterContentInit() throws when it detects a kbq-cleaner inside
-        // a number input. Override ComponentFixtureAutoDetect so CD doesn't run inside
+    it('should throw error with cleaner', () => {
+        // KbqCleaner.ngAfterContentInit() throws when it detects a number input.
+        // Override ComponentFixtureAutoDetect so CD doesn't run inside
         // TestBed.createComponent — that way the throw originates from our explicit
         // fixture.detectChanges() call, where expect-to-throw can capture it.
         jest.spyOn(console, 'error').mockImplementation(() => {});
@@ -369,6 +401,24 @@ describe('KbqNumberInput', () => {
         expect(fixture.componentInstance.value).toEqual(initialValue);
     }));
 
+    it('should connect a stepper added after form-field initialization', fakeAsync(() => {
+        const fixture = createComponent(KbqNumberInputWithDynamicStepper);
+
+        fixture.detectChanges();
+        flush();
+        fixture.componentInstance.showStepper = true;
+        fixture.detectChanges();
+
+        const stepper = fixture.debugElement.query(By.css('kbq-stepper'));
+        const iconUp = stepper.queryAll(By.css('.kbq-icon'))[0];
+
+        dispatchFakeEvent(iconUp.nativeElement, 'mousedown');
+        fixture.detectChanges();
+        flush();
+
+        expect(fixture.componentInstance.value).toBe(11);
+    }));
+
     describe('with long press on stepper', () => {
         const initialValue = 0;
 
diff --git a/packages/components/input/input-number.ts b/packages/components/input/input-number.ts
index cd5d09d3a3..0093177078 100644
--- a/packages/components/input/input-number.ts
+++ b/packages/components/input/input-number.ts
@@ -122,7 +122,11 @@ export class KbqNumberInput implements KbqFormFieldControl<any>, ControlValueAcc
 
     errorState: boolean;
 
-    controlType?: string | undefined;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    controlType: string = 'input-number';
 
     /**
      * Allows input and pasting of integers only.
diff --git a/packages/components/input/input-password.spec.ts b/packages/components/input/input-password.spec.ts
index 634cee0255..41a23016fc 100644
--- a/packages/components/input/input-password.spec.ts
+++ b/packages/components/input/input-password.spec.ts
@@ -1,4 +1,5 @@
-import { Component, Provider, Type, viewChild } from '@angular/core';
+import { F8 } from '@angular/cdk/keycodes';
+import { Component, Provider, Type, viewChild } from '@angular/core';
 import { ComponentFixture, ComponentFixtureAutoDetect, TestBed, fakeAsync, flush, tick } from '@angular/core/testing';
 import { FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { By } from '@angular/platform-browser';
@@ -142,7 +143,39 @@ class PasswordInputWithReactiveControl {
     });
 }
 
+@Component({
+    imports: [KbqInputModule, FormsModule],
+    template: `
+        <kbq-form-field>
+            <input kbqInputPassword [(ngModel)]="value" />
+            @if (showToggle) {
+                <kbq-password-toggle />
+            }
+        </kbq-form-field>
+    `
+})
+class PasswordInputWithDynamicToggle {
+    value = 'password';
+    showToggle = false;
+}
+
 describe('KbqPasswordInput', () => {
+    it('should handle Alt+F8 only when KbqPasswordToggle is present', () => {
+        const fixture = createComponent(PasswordInputWithDynamicToggle);
+        const input = fixture.debugElement.query(By.directive(KbqInputPassword)).nativeElement as HTMLInputElement;
+        const togglePassword = () =>
+            input.dispatchEvent(new KeyboardEvent('keydown', { key: 'F8', keyCode: F8, altKey: true, bubbles: true }));
+
+        fixture.detectChanges();
+        togglePassword();
+        expect(input.type).toBe('password');
+
+        fixture.componentInstance.showToggle = true;
+        fixture.detectChanges();
+        togglePassword();
+        expect(input.type).toBe('text');
+    });
+
     it('should have toggle', fakeAsync(() => {
         const fixture = createComponent(KbqPasswordInputDefault);
 
diff --git a/packages/components/input/input-password.ts b/packages/components/input/input-password.ts
index 13295d8e92..f1ccf62da3 100644
--- a/packages/components/input/input-password.ts
+++ b/packages/components/input/input-password.ts
@@ -230,8 +230,10 @@ export class KbqInputPassword
         this.checkRule.next();
     }
 
-    toggleType() {
+    /** Toggles the native input type between password and text. */
+    toggleType(): void {
         this.elementType = this.elementType === 'password' ? 'text' : 'password';
+        this.stateChanges.next(null);
     }
 
     /** Focuses the input. */
diff --git a/packages/components/input/input.spec.ts b/packages/components/input/input.spec.ts
index b299e8533f..48f57f249e 100644
--- a/packages/components/input/input.spec.ts
+++ b/packages/components/input/input.spec.ts
@@ -299,7 +299,7 @@ describe('KbqInput', () => {
 
                 expect(formFieldElement.querySelectorAll('.kbq-form-field__cleaner').length).toBe(1);
 
-                const cleanerElement = fixture.debugElement.query(By.css('.kbq-form-field__cleaner')).nativeElement;
+                const cleanerElement = fixture.debugElement.query(By.css('.kbq-cleaner')).nativeElement;
 
                 cleanerElement.click();
                 fixture.detectChanges();
diff --git a/packages/components/input/input.ts b/packages/components/input/input.ts
index 2e0981cce6..38c6e206f1 100644
--- a/packages/components/input/input.ts
+++ b/packages/components/input/input.ts
@@ -80,7 +80,7 @@ export class KbqInput
      * Implemented as part of KbqFormFieldControl.
      * @docs-private
      */
-    controlType: string = 'input';
+    controlType: string = this.numberInput ? 'input-number' : 'input';
 
     /**
      * Implemented as part of KbqFormFieldControl.
diff --git a/packages/components/select/select.component.spec.ts b/packages/components/select/select.component.spec.ts
index 4b3637d833..1720831489 100644
--- a/packages/components/select/select.component.spec.ts
+++ b/packages/components/select/select.component.spec.ts
@@ -63,7 +63,7 @@ import {
     kbqErrorStateMatcherProvider,
     wrappedErrorMessage
 } from '@koobiq/components/core';
-import { KbqFormField, KbqFormFieldModule } from '@koobiq/components/form-field';
+import { KbqCleaner, KbqFormField, KbqFormFieldModule } from '@koobiq/components/form-field';
 import { KbqIconModule } from '@koobiq/components/icon';
 import { KbqInputModule } from '@koobiq/components/input';
 import { KbqTagsModule } from '@koobiq/components/tags';
@@ -305,7 +305,7 @@ const OPTIONS = [
                     </kbq-tag>
                 </ng-template>
 
-                <kbq-cleaner #kbqSelectCleaner />
+                <kbq-cleaner />
             </kbq-select>
         </kbq-form-field>
         <div [style.height.px]="heightBelow"></div>
@@ -2035,7 +2035,7 @@ class VirtualSelectWithScrolledToBottom {
                 @for (food of foods; track food) {
                     <kbq-option [value]="food.value">{{ food.viewValue }}</kbq-option>
                 }
-                <kbq-cleaner #kbqSelectCleaner />
+                <kbq-cleaner />
             </kbq-select>
         </kbq-form-field>
     `
@@ -2050,6 +2050,22 @@ class MultiSelectWithCleaner {
     readonly select = viewChild.required(KbqSelect);
 }
 
+@Component({
+    selector: 'select-with-cleaner-without-template-ref',
+    imports: [KbqSelectModule, ReactiveFormsModule],
+    template: `
+        <kbq-form-field>
+            <kbq-select [formControl]="control">
+                <kbq-option value="pizza">Pizza</kbq-option>
+                <kbq-cleaner />
+            </kbq-select>
+        </kbq-form-field>
+    `
+})
+class SelectWithCleanerWithoutTemplateRef {
+    readonly control = new UntypedFormControl('pizza');
+}
+
 describe('KbqSelect', () => {
     let overlayContainer: OverlayContainer;
     let overlayContainerElement: HTMLElement;
@@ -3422,7 +3438,7 @@ describe('KbqSelect', () => {
 
                 expect(value.nativeElement.textContent).toContain('Pizza');
 
-                cleaner = fixture.debugElement.query(By.css('.kbq-select__cleaner')).nativeElement;
+                cleaner = fixture.debugElement.query(By.directive(KbqCleaner)).nativeElement;
                 cleaner.click();
                 fixture.detectChanges();
                 flush();
@@ -3437,13 +3453,33 @@ describe('KbqSelect', () => {
 
                 expect(fixture.componentInstance.control.value).toBe('pizza-1');
 
-                cleaner = fixture.debugElement.query(By.css('.kbq-select__cleaner')).nativeElement;
+                cleaner = fixture.debugElement.query(By.directive(KbqCleaner)).nativeElement;
                 cleaner.click();
                 fixture.detectChanges();
                 flush();
 
                 expect(fixture.componentInstance.control.value).toBeUndefined();
             }));
+
+            it('should discover cleaner by component type without a template reference', fakeAsync(() => {
+                const cleanerFixture = TestBed.createComponent(SelectWithCleanerWithoutTemplateRef);
+
+                cleanerFixture.detectChanges();
+                flush();
+                cleanerFixture.componentInstance.control.setValue('pizza');
+                cleanerFixture.detectChanges();
+                flush();
+
+                const cleaner = cleanerFixture.debugElement.query(By.directive(KbqCleaner));
+
+                expect(cleanerFixture.debugElement.query(By.directive(KbqCleaner))).not.toBeNull();
+                expect(cleaner).not.toBeNull();
+                cleaner.nativeElement.click();
+                cleanerFixture.detectChanges();
+                flush();
+
+                expect(cleanerFixture.componentInstance.control.value).toBeUndefined();
+            }));
         });
 
         describe('Clear value — multiple select', () => {
@@ -3459,7 +3495,7 @@ describe('KbqSelect', () => {
             it('should update FormControl value to empty array after clear', fakeAsync(() => {
                 expect(multiFixture.componentInstance.control.value).toEqual(['steak-0', 'pizza-1']);
 
-                const multiCleaner = multiFixture.debugElement.query(By.css('.kbq-select__cleaner')).nativeElement;
+                const multiCleaner = multiFixture.debugElement.query(By.directive(KbqCleaner)).nativeElement;
 
                 multiCleaner.click();
                 multiFixture.detectChanges();
@@ -3483,7 +3519,7 @@ describe('KbqSelect', () => {
                 multiFixture.detectChanges();
                 flush();
 
-                multiFixture.debugElement.query(By.css('.kbq-select__cleaner')).nativeElement.click();
+                multiFixture.debugElement.query(By.directive(KbqCleaner)).nativeElement.click();
                 multiFixture.detectChanges();
                 flush();
 
diff --git a/packages/components/select/select.component.ts b/packages/components/select/select.component.ts
index ec3ff0f389..986c72bbfc 100644
--- a/packages/components/select/select.component.ts
+++ b/packages/components/select/select.component.ts
@@ -101,7 +101,12 @@ import {
     shouldSelectSearchText,
     toggleSelectAll
 } from '@koobiq/components/core';
-import { KbqCleaner, KbqFormField, KbqFormFieldControl } from '@koobiq/components/form-field';
+import {
+    KBQ_FORM_FIELD,
+    KbqCleaner,
+    KbqFormFieldControl,
+    kbqCleanerFactoryProvider
+} from '@koobiq/components/form-field';
 import { KbqIconModule } from '@koobiq/components/icon';
 import { KbqTag } from '@koobiq/components/tags';
 import { SizeXxs as SelectSizeMultipleContentGap } from '@koobiq/design-tokens';
@@ -198,6 +203,20 @@ export const minimumTimeToDisplayLoading = 300;
     styleUrls: ['./select.scss', './select-tokens.scss'],
     providers: [
         { provide: KbqFormFieldControl, useExisting: KbqSelect },
+        kbqCleanerFactoryProvider(() => {
+            const select = inject(KbqSelect);
+
+            return {
+                get control() {
+                    return select;
+                },
+                get keydownTarget() {
+                    return select.elementRef.nativeElement;
+                },
+                clearByEscape: false,
+                clear: () => select.clear()
+            };
+        }),
         { provide: KBQ_OPTION_PARENT_COMPONENT, useExisting: KbqSelect },
         { provide: KBQ_PARENT_POPUP, useExisting: KbqSelect },
         kbqSiblingPopupProvider(KbqSelect)
@@ -247,7 +266,7 @@ export class KbqSelect
     private readonly _dir = inject(Directionality, { optional: true });
     parentForm = inject(NgForm, { optional: true });
     parentFormGroup = inject(FormGroupDirective, { optional: true });
-    private readonly parentFormField = inject(KbqFormField, { host: true, optional: true })!;
+    private readonly parentFormField = inject(KBQ_FORM_FIELD, { host: true, optional: true })!;
     ngControl = inject(NgControl, { self: true, optional: true });
     private readonly scrollStrategyFactory = inject(KBQ_SELECT_SCROLL_STRATEGY);
     protected localeService? = inject<KbqLocaleService>(KBQ_LOCALE_SERVICE, { optional: true });
@@ -372,8 +391,11 @@ export class KbqSelect
     /** Custom template reference for rendering tag content. */
     readonly customTagTemplateRef = contentChild('kbqSelectTagContent', { read: TemplateRef });
 
-    /** Reference to the optional cleaner element for clearing selection. */
-    readonly cleaner = contentChild<KbqCleaner>('kbqSelectCleaner');
+    /**
+     * Reference to the optional cleaner element for clearing selection.
+     * @docs-private
+     */
+    readonly cleaner = contentChild(KbqCleaner, { descendants: false });
 
     /** All of the defined select options. */
     @ContentChildren(KbqOption, { descendants: true }) options: QueryList<KbqOption>;
@@ -840,9 +862,12 @@ export class KbqSelect
         return !!search && this.options?.filter((option) => option.selectable()).length === 0 && !!search.value();
     }
 
-    /** Whether the cleaner (clear button) should be shown. */
+    /**
+     * Whether the cleaner (clear button) should be shown.
+     * @docs-private
+     */
     get canShowCleaner(): boolean {
-        return !this.disabled && !!this.cleaner() && this.selectionModel.hasValue();
+        return !!this.cleaner()?.canShow;
     }
 
     /** Returns the currently selected option(s). Single value or array for multiple selection. */
@@ -1065,20 +1090,31 @@ export class KbqSelect
 
     /**
      * Clears the current selection.
-     * @param $event Mouse event to prevent default behavior.
+     * @docs-private
      */
-    clearValue($event): void {
-        // need to prevent opening
-        $event.stopPropagation();
-        // need to prevent scrolling
-        $event.preventDefault();
-
+    clear(): void {
         this.selectionModel.clear();
         this.keyManager.setActiveItem(-1);
 
         this.propagateChanges();
+    }
 
-        this.focus();
+    /**
+     * Clears the current selection.
+     * @deprecated Activate the projected `KbqCleaner` instead.
+     * @docs-private
+     */
+    clearValue(event: Event): void {
+        const cleaner = this.cleaner();
+
+        if (cleaner) {
+            cleaner.clear(event);
+        } else {
+            event.stopPropagation();
+            event.preventDefault();
+            this.clear();
+            this.focus();
+        }
     }
 
     /** `View -> model callback called when value changes` */
diff --git a/packages/components/select/select.html b/packages/components/select/select.html
index cbee46cd01..df15b2339a 100644
--- a/packages/components/select/select.html
+++ b/packages/components/select/select.html
@@ -71,12 +71,7 @@
             }
 
             @if (canShowCleaner) {
-                <div
-                    class="kbq-select__cleaner"
-                    (click)="clearValue($event)"
-                    (keydown.enter)="clearValue($event)"
-                    (keydown.space)="clearValue($event)"
-                >
+                <div class="kbq-select__cleaner">
                     <ng-content select="kbq-cleaner" />
                 </div>
             }
diff --git a/packages/components/tags/e2e.ts b/packages/components/tags/e2e.ts
index 1db6587378..577457ffd5 100644
--- a/packages/components/tags/e2e.ts
+++ b/packages/components/tags/e2e.ts
@@ -204,7 +204,7 @@ export class E2eTagListStates {}
                     [kbqTagInputFor]="tagList"
                 />
 
-                <kbq-cleaner #kbqTagListCleaner />
+                <kbq-cleaner />
             </kbq-tag-list>
 
             <kbq-label>Label</kbq-label>
@@ -222,7 +222,7 @@ export class E2eTagListStates {}
 
                 <input autocomplete="off" kbqInput placeholder="New tag" [kbqTagInputFor]="tagList2" />
 
-                <kbq-cleaner #kbqTagListCleaner />
+                <kbq-cleaner />
             </kbq-tag-list>
         </kbq-form-field>
 
@@ -239,7 +239,7 @@ export class E2eTagListStates {}
 
                 <input autocomplete="off" kbqInput placeholder="New tag" [kbqTagInputFor]="tagList3" />
 
-                <kbq-cleaner #kbqTagListCleaner />
+                <kbq-cleaner />
             </kbq-tag-list>
         </kbq-form-field>
 
@@ -256,7 +256,7 @@ export class E2eTagListStates {}
 
                 <input autocomplete="off" kbqInput placeholder="New tag" [kbqTagInputFor]="tagList4" />
 
-                <kbq-cleaner #kbqTagListCleaner />
+                <kbq-cleaner />
             </kbq-tag-list>
         </kbq-form-field>
     `,
@@ -297,7 +297,7 @@ export class E2eTagInputStates {}
                     [kbqAutocomplete]="autocomplete"
                 />
 
-                <kbq-cleaner #kbqTagListCleaner />
+                <kbq-cleaner />
             </kbq-tag-list>
 
             <kbq-label>Label</kbq-label>
@@ -327,7 +327,7 @@ export class E2eTagInputStates {}
                     [kbqAutocomplete]="autocomplete2"
                 />
 
-                <kbq-cleaner #kbqTagListCleaner />
+                <kbq-cleaner />
             </kbq-tag-list>
 
             <kbq-autocomplete #autocomplete2="kbqAutocomplete">
diff --git a/packages/components/tags/tag-list.component.ts b/packages/components/tags/tag-list.component.ts
index bf8e21b6ff..c948cded78 100644
--- a/packages/components/tags/tag-list.component.ts
+++ b/packages/components/tags/tag-list.component.ts
@@ -27,7 +27,7 @@ import {
 import { outputToObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm, UntypedFormControl } from '@angular/forms';
 import { CanUpdateErrorState, ErrorStateMatcher, FocusKeyManager, isNull, isSelectAll } from '@koobiq/components/core';
-import { KbqCleaner, KbqFormFieldControl } from '@koobiq/components/form-field';
+import { KBQ_CLEANER_CONTEXT, KbqCleaner, KbqFormFieldControl } from '@koobiq/components/form-field';
 import { merge, Observable, Subject } from 'rxjs';
 import { filter, startWith, takeUntil } from 'rxjs/operators';
 import { KbqTagTextControl } from './tag-text-control';
@@ -69,7 +69,11 @@ export type KbqTagListDroppedEvent = Pick<CdkDragDrop<unknown>, 'event' | 'previ
         }
     `,
     styleUrls: ['tag-list.scss', 'tag-tokens.scss'],
-    providers: [{ provide: KbqFormFieldControl, useExisting: KbqTagList }],
+    providers: [
+        { provide: KbqFormFieldControl, useExisting: KbqTagList },
+        // Tag-list cleaners use consumer-provided click handlers; do not also reset the outer form control.
+        { provide: KBQ_CLEANER_CONTEXT, useValue: null }
+    ],
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
     host: {
@@ -387,7 +391,7 @@ export class KbqTagList
     readonly change = output<KbqTagListChange>();
 
     /** @docs-private */
-    readonly cleaner = contentChild<KbqCleaner>('kbqTagListCleaner');
+    readonly cleaner = contentChild(KbqCleaner, { descendants: false });
 
     /**
      * The tag components contained within this tag list.
diff --git a/packages/components/timezone/e2e.ts b/packages/components/timezone/e2e.ts
index 10d1351c19..da41297100 100644
--- a/packages/components/timezone/e2e.ts
+++ b/packages/components/timezone/e2e.ts
@@ -65,7 +65,7 @@ class BaseTimezoneStates {
                 }
 
                 <!-- KbqSelect.cleaner is queried by this template reference, not by type. -->
-                <kbq-cleaner #kbqSelectCleaner />
+                <kbq-cleaner />
             </kbq-timezone-select>
         </kbq-form-field>
 
@@ -195,7 +195,7 @@ export class E2eTimezonePanelStates extends BaseTimezoneStates {}
                         [placeholder]="'Город или часовой пояс'"
                         [(ngModel)]="control"
                     />
-                    <kbq-cleaner #kbqSelectCleaner />
+                    <kbq-cleaner />
                 </kbq-form-field>
 
                 <div kbq-select-search-empty-result>Ничего не найдено</div>
diff --git a/packages/components/timezone/timezone-select.component.html b/packages/components/timezone/timezone-select.component.html
index 6d81d0575d..90d387d128 100644
--- a/packages/components/timezone/timezone-select.component.html
+++ b/packages/components/timezone/timezone-select.component.html
@@ -25,7 +25,7 @@
         }
 
         @if (canShowCleaner) {
-            <div class="kbq-select__cleaner" (click)="clearValue($event)" (keydown.enter)="clearValue($event)">
+            <div class="kbq-select__cleaner">
                 <ng-content select="kbq-cleaner" />
             </div>
         }
diff --git a/packages/components/timezone/timezone-select.component.ts b/packages/components/timezone/timezone-select.component.ts
index b9fd3ef00e..b4e070704f 100644
--- a/packages/components/timezone/timezone-select.component.ts
+++ b/packages/components/timezone/timezone-select.component.ts
@@ -4,13 +4,14 @@ import {
     AfterContentInit,
     ChangeDetectionStrategy,
     Component,
+    contentChild,
     Directive,
-    ViewEncapsulation,
-    contentChild
+    inject,
+    ViewEncapsulation
 } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { KBQ_OPTION_PARENT_COMPONENT, kbqSiblingPopupProvider, ruRULocaleData } from '@koobiq/components/core';
-import { KbqFormFieldControl } from '@koobiq/components/form-field';
+import { kbqCleanerFactoryProvider, KbqFormFieldControl } from '@koobiq/components/form-field';
 import { KbqIconModule } from '@koobiq/components/icon';
 import { KbqSelect } from '@koobiq/components/select';
 
@@ -38,6 +39,20 @@ const defaultSearchPlaceholder = ruRULocaleData.timezone.searchPlaceholder;
     ],
     providers: [
         { provide: KbqFormFieldControl, useExisting: KbqTimezoneSelect },
+        kbqCleanerFactoryProvider(() => {
+            const timezoneSelect = inject(KbqTimezoneSelect);
+
+            return {
+                get control() {
+                    return timezoneSelect;
+                },
+                get keydownTarget() {
+                    return timezoneSelect.elementRef.nativeElement;
+                },
+                clearByEscape: false,
+                clear: () => timezoneSelect.clear()
+            };
+        }),
         { provide: KBQ_OPTION_PARENT_COMPONENT, useExisting: KbqTimezoneSelect },
         // Declared again rather than inherited from `KbqSelect`: Angular copies `providers` to a subclass only
         // when that subclass has no decorator of its own.
diff --git a/packages/components/tree-select/e2e.ts b/packages/components/tree-select/e2e.ts
index 02c5c176e7..e0419d6557 100644
--- a/packages/components/tree-select/e2e.ts
+++ b/packages/components/tree-select/e2e.ts
@@ -177,7 +177,7 @@ class BaseTreeSelectStates {
 
                 <div kbq-select-search-empty-result>Nothing found</div>
 
-                <kbq-cleaner #kbqSelectCleaner />
+                <kbq-cleaner />
 
                 <kbq-tree-selection [dataSource]="dataSource" [treeControl]="treeControl">
                     <kbq-tree-option *kbqTreeNodeDef="let node" kbqTreeNodePadding>
@@ -241,7 +241,7 @@ export class E2eTreeSelectStates extends BaseTreeSelectStates {}
 
                 <div kbq-select-search-empty-result>Nothing found</div>
 
-                <kbq-cleaner #kbqSelectCleaner />
+                <kbq-cleaner />
 
                 <kbq-tree-selection [dataSource]="dataSource" [treeControl]="treeControl">
                     <kbq-tree-option *kbqTreeNodeDef="let node" kbqTreeNodePadding>
@@ -302,7 +302,7 @@ export class E2eMultiTreeSelectStates extends BaseTreeSelectStates {}
 
                 <div kbq-select-search-empty-result>Nothing found</div>
 
-                <kbq-cleaner #kbqSelectCleaner />
+                <kbq-cleaner />
 
                 <kbq-tree-selection [dataSource]="dataSource" [treeControl]="treeControl">
                     <kbq-tree-option *kbqTreeNodeDef="let node" kbqTreeNodePadding>
diff --git a/packages/components/tree-select/tree-select.component.spec.ts b/packages/components/tree-select/tree-select.component.spec.ts
index 969b1344ff..3a53aeafe5 100644
--- a/packages/components/tree-select/tree-select.component.spec.ts
+++ b/packages/components/tree-select/tree-select.component.spec.ts
@@ -62,7 +62,7 @@ import {
     kbqErrorStateMatcherProvider,
     wrappedErrorMessage
 } from '@koobiq/components/core';
-import { KbqFormFieldModule } from '@koobiq/components/form-field';
+import { KbqCleaner, KbqFormFieldModule } from '@koobiq/components/form-field';
 import { KbqIconModule } from '@koobiq/components/icon';
 import { KbqInputModule } from '@koobiq/components/input';
 import { KbqSelectModule } from '@koobiq/components/select';
@@ -326,7 +326,7 @@ const getChildren = (node: FileNode): Observable<FileNode[]> => {
                     </kbq-tree-option>
                 </kbq-tree-selection>
 
-                <kbq-cleaner #kbqSelectCleaner />
+                <kbq-cleaner />
             </kbq-tree-select>
         </kbq-form-field>
         <div [style.height.px]="heightBelow"></div>
@@ -2865,7 +2865,7 @@ describe('KbqTreeSelect', () => {
 
                 expect(value.nativeElement.textContent).toContain('rootNode_1');
 
-                cleaner = fixture.debugElement.query(By.css('.kbq-select__cleaner')).nativeElement;
+                cleaner = fixture.debugElement.query(By.directive(KbqCleaner)).nativeElement;
                 cleaner.click();
                 fixture.detectChanges();
                 tick();
diff --git a/packages/components/tree-select/tree-select.component.ts b/packages/components/tree-select/tree-select.component.ts
index 7235cea36c..b8ae8e9ea8 100644
--- a/packages/components/tree-select/tree-select.component.ts
+++ b/packages/components/tree-select/tree-select.component.ts
@@ -87,7 +87,12 @@ import {
     kbqSiblingPopupProvider,
     shouldSelectSearchText
 } from '@koobiq/components/core';
-import { KbqCleaner, KbqFormField, KbqFormFieldControl } from '@koobiq/components/form-field';
+import {
+    KBQ_FORM_FIELD,
+    KbqCleaner,
+    KbqFormFieldControl,
+    kbqCleanerFactoryProvider
+} from '@koobiq/components/form-field';
 import { KbqIconModule } from '@koobiq/components/icon';
 import { KbqTag, KbqTagRemove } from '@koobiq/components/tags';
 import { KbqTree, KbqTreeOption, KbqTreeSelection } from '@koobiq/components/tree';
@@ -177,6 +182,20 @@ export class KbqTreeSelectChange {
     styleUrls: ['./tree-select.scss', './tree-select-tokens.scss', '../select/select-tokens.scss'],
     providers: [
         { provide: KbqFormFieldControl, useExisting: KbqTreeSelect },
+        kbqCleanerFactoryProvider(() => {
+            const treeSelect = inject(KbqTreeSelect);
+
+            return {
+                get control() {
+                    return treeSelect;
+                },
+                get keydownTarget() {
+                    return treeSelect.elementRef.nativeElement;
+                },
+                clearByEscape: false,
+                clear: () => treeSelect.clear()
+            };
+        }),
         { provide: KbqTree, useExisting: KbqTreeSelect },
         { provide: KBQ_PARENT_POPUP, useExisting: KbqTreeSelect },
         kbqSiblingPopupProvider(KbqTreeSelect)
@@ -224,7 +243,7 @@ export class KbqTreeSelect
     private readonly dir = inject(Directionality, { optional: true });
     parentForm = inject(NgForm, { optional: true });
     parentFormGroup = inject(FormGroupDirective, { optional: true });
-    private readonly parentFormField = inject(KbqFormField, { host: true, optional: true })!;
+    private readonly parentFormField = inject(KBQ_FORM_FIELD, { host: true, optional: true })!;
     ngControl = inject(NgControl, { optional: true, self: true });
     private localeService = inject<KbqLocaleService>(KBQ_LOCALE_SERVICE, { optional: true });
     protected readonly isBrowser = inject(Platform).isBrowser;
@@ -316,7 +335,11 @@ export class KbqTreeSelect
 
     @ViewChildren(KbqTag) tags: QueryList<KbqTag>;
 
-    readonly cleaner = contentChild<KbqCleaner>('kbqSelectCleaner');
+    /**
+     * Reference to the optional cleaner element for clearing selection.
+     * @docs-private
+     */
+    readonly cleaner = contentChild(KbqCleaner, { descendants: false });
 
     /** User-supplied override of the trigger element. */
     readonly customTrigger = contentChild(KbqSelectTrigger);
@@ -709,8 +732,12 @@ export class KbqTreeSelect
         return this._panelOpen;
     }
 
+    /**
+     * Whether the cleaner (clear button) should be shown.
+     * @docs-private
+     */
     get canShowCleaner(): boolean {
-        return !this.disabled && !!this.cleaner() && this.selectionModel.hasValue();
+        return !!this.cleaner()?.canShow;
     }
 
     /** @docs-private */
@@ -920,22 +947,34 @@ export class KbqTreeSelect
         return hiddenItemsText.replace('{{ number }}', hiddenItems.toString());
     }
 
-    clearValue($event): void {
-        // need to prevent opening
-        $event.stopPropagation();
-        // need to prevent scrolling
-        $event.preventDefault();
-
+    /**
+     * Clears the current selection.
+     * @docs-private
+     */
+    clear(): void {
         this.selectionModel.clear();
         this.tree()!.keyManager.setActiveItem(-1);
-
         this.setSelectionByValue([]);
-
         this.onChange(this.selectedValues);
-
         this.selectionChange.emit(new KbqTreeSelectChange(this, this.selectedValues));
+    }
 
-        this.focus();
+    /**
+     * Clears the current selection.
+     * @deprecated Activate the projected `KbqCleaner` instead.
+     * @docs-private
+     */
+    clearValue(event: Event): void {
+        const cleaner = this.cleaner();
+
+        if (cleaner) {
+            cleaner.clear(event);
+        } else {
+            event.stopPropagation();
+            event.preventDefault();
+            this.clear();
+            this.focus();
+        }
     }
 
     /** `View -> model callback called when value changes` */
diff --git a/packages/components/tree-select/tree-select.html b/packages/components/tree-select/tree-select.html
index 291aecc077..ad725a2491 100644
--- a/packages/components/tree-select/tree-select.html
+++ b/packages/components/tree-select/tree-select.html
@@ -70,12 +70,7 @@
             }
 
             @if (canShowCleaner) {
-                <div
-                    class="kbq-select__cleaner"
-                    (click)="clearValue($event)"
-                    (keydown.enter)="clearValue($event)"
-                    (keydown.space)="clearValue($event)"
-                >
+                <div class="kbq-select__cleaner">
                     <ng-content select="kbq-cleaner" />
                 </div>
             }
diff --git a/packages/components/tree/tree-selection.component.ts b/packages/components/tree/tree-selection.component.ts
index 6fa82e00e6..545cc03d45 100644
--- a/packages/components/tree/tree-selection.component.ts
+++ b/packages/components/tree/tree-selection.component.ts
@@ -39,7 +39,6 @@ import {
     isCopy,
     isSelectAll,
     isVerticalMovement,
-    KBQ_FORM_FIELD_REF,
     LEFT_ARROW,
     MultipleMode,
     PAGE_DOWN,
@@ -50,6 +49,7 @@ import {
     toggleSelectAll,
     UP_ARROW
 } from '@koobiq/components/core';
+import { KBQ_FORM_FIELD } from '@koobiq/components/form-field';
 import { merge, Observable, Subscription } from 'rxjs';
 import { AsyncScheduler } from 'rxjs/internal/scheduler/AsyncScheduler';
 import { delay } from 'rxjs/operators';
@@ -148,7 +148,7 @@ export class KbqTreeSelection
      * by the host `KbqTreeSelect` so hover works even when the tree-select has no form-field
      * wrapper (e.g. the filter-bar pipes render the tree-select bare).
      */
-    inSelect = !!inject(KBQ_FORM_FIELD_REF, { optional: true, host: true });
+    inSelect = !!inject(KBQ_FORM_FIELD, { optional: true, host: true });
 
     renderedOptions = new QueryList<KbqTreeOption>();
 
diff --git a/packages/docs-examples/components/ag-grid/ag-grid-external-filter-state/ag-grid-external-filter-state-example.ts b/packages/docs-examples/components/ag-grid/ag-grid-external-filter-state/ag-grid-external-filter-state-example.ts
index 72ab9534f8..1b6637742e 100644
--- a/packages/docs-examples/components/ag-grid/ag-grid-external-filter-state/ag-grid-external-filter-state-example.ts
+++ b/packages/docs-examples/components/ag-grid/ag-grid-external-filter-state/ag-grid-external-filter-state-example.ts
@@ -21,7 +21,7 @@ ModuleRegistry.registerModules([AllCommunityModule]);
     template: `
         <kbq-form-field [style.width.px]="300">
             <kbq-select placeholder="External filter" [(ngModel)]="filter">
-                <kbq-cleaner #kbqSelectCleaner (click)="externalFilterState.reset()" />
+                <kbq-cleaner (click)="externalFilterState.reset()" />
                 @for (option of options; track option) {
                     <kbq-option [value]="option">{{ option }}</kbq-option>
                 }
diff --git a/packages/docs-examples/components/form-field/form-field-with-cleaner/form-field-with-cleaner-example.ts b/packages/docs-examples/components/form-field/form-field-with-cleaner/form-field-with-cleaner-example.ts
index 27f5b92766..2e62d0b89c 100644
--- a/packages/docs-examples/components/form-field/form-field-with-cleaner/form-field-with-cleaner-example.ts
+++ b/packages/docs-examples/components/form-field/form-field-with-cleaner/form-field-with-cleaner-example.ts
@@ -15,7 +15,7 @@ import { KbqSelectModule } from '@koobiq/components/select';
 
         <kbq-form-field>
             <kbq-select placeholder="Select an option" [formControl]="selectFormControl">
-                <kbq-cleaner #kbqSelectCleaner />
+                <kbq-cleaner />
                 <kbq-option value="1">Option #1</kbq-option>
                 <kbq-option value="2">Option #2</kbq-option>
             </kbq-select>
diff --git a/packages/docs-examples/components/inline-edit/inline-edit-controls/inline-edit-controls-example.ts b/packages/docs-examples/components/inline-edit/inline-edit-controls/inline-edit-controls-example.ts
index 840caecd80..1a60f51887 100644
--- a/packages/docs-examples/components/inline-edit/inline-edit-controls/inline-edit-controls-example.ts
+++ b/packages/docs-examples/components/inline-edit/inline-edit-controls/inline-edit-controls-example.ts
@@ -93,7 +93,7 @@ import { KbqTextareaModule } from '@koobiq/components/textarea';
                                 @for (option of options; track option) {
                                     <kbq-option [value]="option">{{ option }}</kbq-option>
                                 }
-                                <kbq-cleaner #kbqSelectCleaner />
+                                <kbq-cleaner />
                             </kbq-select>
                         </kbq-form-field>
                     </kbq-inline-edit>
diff --git a/packages/docs-examples/components/inline-edit/inline-edit-overview/inline-edit-overview-example.ts b/packages/docs-examples/components/inline-edit/inline-edit-overview/inline-edit-overview-example.ts
index 5c2c107cdc..6587985e8a 100644
--- a/packages/docs-examples/components/inline-edit/inline-edit-overview/inline-edit-overview-example.ts
+++ b/packages/docs-examples/components/inline-edit/inline-edit-overview/inline-edit-overview-example.ts
@@ -35,7 +35,7 @@ import { KbqSelectModule } from '@koobiq/components/select';
                     @for (option of options; track option) {
                         <kbq-option [value]="option">{{ option }}</kbq-option>
                     }
-                    <kbq-cleaner #kbqSelectCleaner />
+                    <kbq-cleaner />
                 </kbq-select>
             </kbq-form-field>
         </kbq-inline-edit>
diff --git a/packages/docs-examples/components/select/select-cleaner/select-cleaner-example.ts b/packages/docs-examples/components/select/select-cleaner/select-cleaner-example.ts
index abc5216cdc..45a0b727dd 100644
--- a/packages/docs-examples/components/select/select-cleaner/select-cleaner-example.ts
+++ b/packages/docs-examples/components/select/select-cleaner/select-cleaner-example.ts
@@ -10,7 +10,7 @@ import { KbqSelectModule } from '@koobiq/components/select';
     template: `
         <kbq-form-field>
             <kbq-select placeholder="Placeholder" [value]="selected">
-                <kbq-cleaner #kbqSelectCleaner />
+                <kbq-cleaner />
                 @for (option of options; track option) {
                     <kbq-option [value]="option">{{ option }}</kbq-option>
                 }
diff --git a/packages/docs-examples/components/select/select-multiple/select-multiple-example.ts b/packages/docs-examples/components/select/select-multiple/select-multiple-example.ts
index fc8f17451a..d8f0d0d333 100644
--- a/packages/docs-examples/components/select/select-multiple/select-multiple-example.ts
+++ b/packages/docs-examples/components/select/select-multiple/select-multiple-example.ts
@@ -14,7 +14,7 @@ import { KbqSelectModule } from '@koobiq/components/select';
                     <kbq-option [value]="option">{{ option }}</kbq-option>
                 }
 
-                <kbq-cleaner #kbqSelectCleaner />
+                <kbq-cleaner />
             </kbq-select>
         </kbq-form-field>
     `,
diff --git a/packages/docs-examples/components/select/select-preselected-values/select-preselected-values-example.ts b/packages/docs-examples/components/select/select-preselected-values/select-preselected-values-example.ts
index 0df7062309..e2df8f4fb1 100644
--- a/packages/docs-examples/components/select/select-preselected-values/select-preselected-values-example.ts
+++ b/packages/docs-examples/components/select/select-preselected-values/select-preselected-values-example.ts
@@ -15,7 +15,7 @@ import { KbqSelectModule } from '@koobiq/components/select';
                     <kbq-option [value]="option">{{ option }}</kbq-option>
                 }
 
-                <kbq-cleaner #kbqSelectCleaner />
+                <kbq-cleaner />
             </kbq-select>
         </kbq-form-field>
     `,
diff --git a/packages/docs-examples/components/select/select-prioritized-selected/select-prioritized-selected-example.ts b/packages/docs-examples/components/select/select-prioritized-selected/select-prioritized-selected-example.ts
index f7923141b3..39a9931d70 100644
--- a/packages/docs-examples/components/select/select-prioritized-selected/select-prioritized-selected-example.ts
+++ b/packages/docs-examples/components/select/select-prioritized-selected/select-prioritized-selected-example.ts
@@ -14,7 +14,7 @@ import { KbqSelectModule } from '@koobiq/components/select';
                     <kbq-option [value]="option">{{ option }}</kbq-option>
                 }
 
-                <kbq-cleaner #kbqSelectCleaner />
+                <kbq-cleaner />
             </kbq-select>
         </kbq-form-field>
     `,
diff --git a/packages/docs-examples/components/select/select-with-multiline-matcher/select-with-multiline-matcher-example.ts b/packages/docs-examples/components/select/select-with-multiline-matcher/select-with-multiline-matcher-example.ts
index 7df07619c7..0ba5231d1b 100644
--- a/packages/docs-examples/components/select/select-with-multiline-matcher/select-with-multiline-matcher-example.ts
+++ b/packages/docs-examples/components/select/select-with-multiline-matcher/select-with-multiline-matcher-example.ts
@@ -16,7 +16,7 @@ import { KbqSelectModule } from '@koobiq/components/select';
                     @for (option of options; track option) {
                         <kbq-option [value]="option">{{ option }}</kbq-option>
                     }
-                    <kbq-cleaner #kbqSelectCleaner />
+                    <kbq-cleaner />
                 </kbq-select>
             </kbq-form-field>
         </div>
diff --git a/packages/docs-examples/components/tags/tag-autocomplete-draggable/tag-autocomplete-draggable-example.ts b/packages/docs-examples/components/tags/tag-autocomplete-draggable/tag-autocomplete-draggable-example.ts
index 5286809310..e39231b4af 100644
--- a/packages/docs-examples/components/tags/tag-autocomplete-draggable/tag-autocomplete-draggable-example.ts
+++ b/packages/docs-examples/components/tags/tag-autocomplete-draggable/tag-autocomplete-draggable-example.ts
@@ -62,7 +62,7 @@ const getAutocompleteOptions = () => [
                     (kbqTagInputTokenEnd)="create($event)"
                 />
 
-                <kbq-cleaner #kbqTagListCleaner (click)="clear()" />
+                <kbq-cleaner (click)="clear()" />
             </kbq-tag-list>
 
             <kbq-autocomplete #autocomplete="kbqAutocomplete" (optionSelected)="selected($event, input)">
diff --git a/packages/docs-examples/components/tags/tag-autocomplete-editable/tag-autocomplete-editable-example.ts b/packages/docs-examples/components/tags/tag-autocomplete-editable/tag-autocomplete-editable-example.ts
index 7cd63f7991..68c3d621f5 100644
--- a/packages/docs-examples/components/tags/tag-autocomplete-editable/tag-autocomplete-editable-example.ts
+++ b/packages/docs-examples/components/tags/tag-autocomplete-editable/tag-autocomplete-editable-example.ts
@@ -68,7 +68,7 @@ const getAutocompleteOptions = () => [
                     (kbqTagInputTokenEnd)="create($event)"
                 />
 
-                <kbq-cleaner #kbqTagListCleaner (click)="clear()" />
+                <kbq-cleaner (click)="clear()" />
             </kbq-tag-list>
 
             <kbq-autocomplete #autocomplete="kbqAutocomplete" (optionSelected)="selected($event, input)">
diff --git a/packages/docs-examples/components/tags/tag-autocomplete-onpaste-off/tag-autocomplete-onpaste-off-example.html b/packages/docs-examples/components/tags/tag-autocomplete-onpaste-off/tag-autocomplete-onpaste-off-example.html
index 9cf53e7993..e94c1747d8 100644
--- a/packages/docs-examples/components/tags/tag-autocomplete-onpaste-off/tag-autocomplete-onpaste-off-example.html
+++ b/packages/docs-examples/components/tags/tag-autocomplete-onpaste-off/tag-autocomplete-onpaste-off-example.html
@@ -23,7 +23,7 @@
             (kbqTagInputTokenEnd)="onCreate($event)"
         />
 
-        <kbq-cleaner #kbqTagListCleaner (click)="selectedTags.length = 0" />
+        <kbq-cleaner (click)="selectedTags.length = 0" />
     </kbq-tag-list>
     <kbq-autocomplete #autocomplete (optionSelected)="onSelect($event)">
         @if (canCreate) {
diff --git a/packages/docs-examples/components/tags/tag-autocomplete-option-operations/tag-autocomplete-option-operations-example.ts b/packages/docs-examples/components/tags/tag-autocomplete-option-operations/tag-autocomplete-option-operations-example.ts
index 8063d9dd4b..344a741ed3 100644
--- a/packages/docs-examples/components/tags/tag-autocomplete-option-operations/tag-autocomplete-option-operations-example.ts
+++ b/packages/docs-examples/components/tags/tag-autocomplete-option-operations/tag-autocomplete-option-operations-example.ts
@@ -62,7 +62,7 @@ const getAutocompleteOptions = () => [
                     (kbqTagInputTokenEnd)="onCreate($event)"
                 />
 
-                <kbq-cleaner #kbqTagListCleaner (click)="clear()" />
+                <kbq-cleaner (click)="clear()" />
             </kbq-tag-list>
             <kbq-autocomplete #autocomplete (optionSelected)="onSelect($event)">
                 @if (canCreate) {
diff --git a/packages/docs-examples/components/tags/tag-autocomplete-overview/tag-autocomplete-overview-example.ts b/packages/docs-examples/components/tags/tag-autocomplete-overview/tag-autocomplete-overview-example.ts
index 8265adaf92..48d948a855 100644
--- a/packages/docs-examples/components/tags/tag-autocomplete-overview/tag-autocomplete-overview-example.ts
+++ b/packages/docs-examples/components/tags/tag-autocomplete-overview/tag-autocomplete-overview-example.ts
@@ -62,7 +62,7 @@ const getAutocompleteOptions = () => [
                     (kbqTagInputTokenEnd)="create($event)"
                 />
 
-                <kbq-cleaner #kbqTagListCleaner (click)="clear()" />
+                <kbq-cleaner (click)="clear()" />
             </kbq-tag-list>
 
             <kbq-autocomplete #autocomplete="kbqAutocomplete" (optionSelected)="selected($event, input)">
diff --git a/packages/docs-examples/components/tags/tag-autocomplete-removable/tag-autocomplete-removable-example.ts b/packages/docs-examples/components/tags/tag-autocomplete-removable/tag-autocomplete-removable-example.ts
index 7fb05ec13e..b9e2517667 100644
--- a/packages/docs-examples/components/tags/tag-autocomplete-removable/tag-autocomplete-removable-example.ts
+++ b/packages/docs-examples/components/tags/tag-autocomplete-removable/tag-autocomplete-removable-example.ts
@@ -55,7 +55,7 @@ const getAutocompleteOptions = () => [
                     (kbqTagInputTokenEnd)="create($event)"
                 />
 
-                <kbq-cleaner #kbqTagListCleaner (click)="clear()" />
+                <kbq-cleaner (click)="clear()" />
             </kbq-tag-list>
 
             <kbq-autocomplete #autocomplete="kbqAutocomplete" (optionSelected)="selected($event, input)">
diff --git a/packages/docs-examples/components/tags/tag-input-draggable/tag-input-draggable-example.ts b/packages/docs-examples/components/tags/tag-input-draggable/tag-input-draggable-example.ts
index ebd3ae8658..44250a73db 100644
--- a/packages/docs-examples/components/tags/tag-input-draggable/tag-input-draggable-example.ts
+++ b/packages/docs-examples/components/tags/tag-input-draggable/tag-input-draggable-example.ts
@@ -38,7 +38,7 @@ const getTags = () => Array.from({ length: 3 }, (_, id) => ({ id, value: `Dragga
                     (kbqTagInputTokenEnd)="create($event)"
                 />
 
-                <kbq-cleaner #kbqTagListCleaner (click)="clear()" />
+                <kbq-cleaner (click)="clear()" />
             </kbq-tag-list>
         </kbq-form-field>
     `,
diff --git a/packages/docs-examples/components/tags/tag-input-editable/tag-input-editable-example.ts b/packages/docs-examples/components/tags/tag-input-editable/tag-input-editable-example.ts
index 12fdaec489..da757726c5 100644
--- a/packages/docs-examples/components/tags/tag-input-editable/tag-input-editable-example.ts
+++ b/packages/docs-examples/components/tags/tag-input-editable/tag-input-editable-example.ts
@@ -45,7 +45,7 @@ const getTags = () => Array.from({ length: 3 }, (_, i) => ({ value: `Editable ta
                     (kbqTagInputTokenEnd)="create($event)"
                 />
 
-                <kbq-cleaner #kbqTagListCleaner (click)="clear()" />
+                <kbq-cleaner (click)="clear()" />
             </kbq-tag-list>
         </kbq-form-field>
     `,
diff --git a/packages/docs-examples/components/tags/tag-input-onpaste-off/tag-input-onpaste-off-example.html b/packages/docs-examples/components/tags/tag-input-onpaste-off/tag-input-onpaste-off-example.html
index 0324752f4a..c81fd3c57b 100644
--- a/packages/docs-examples/components/tags/tag-input-onpaste-off/tag-input-onpaste-off-example.html
+++ b/packages/docs-examples/components/tags/tag-input-onpaste-off/tag-input-onpaste-off-example.html
@@ -17,6 +17,6 @@
             [kbqTagInputSeparatorKeyCodes]="separatorKeysCodes"
             (kbqTagInputTokenEnd)="onCreate($event)"
         />
-        <kbq-cleaner #kbqTagListCleaner (click)="onClear()" />
+        <kbq-cleaner (click)="onClear()" />
     </kbq-tag-list>
 </kbq-form-field>
diff --git a/packages/docs-examples/components/tags/tag-input-overview/tag-input-overview-example.ts b/packages/docs-examples/components/tags/tag-input-overview/tag-input-overview-example.ts
index 22467ab628..f2f029023b 100644
--- a/packages/docs-examples/components/tags/tag-input-overview/tag-input-overview-example.ts
+++ b/packages/docs-examples/components/tags/tag-input-overview/tag-input-overview-example.ts
@@ -39,7 +39,7 @@ const getTags = () => Array.from({ length: 3 }, (_, i) => ({ value: `Tag ${i}` }
                     (kbqTagInputTokenEnd)="create($event)"
                 />
 
-                <kbq-cleaner #kbqTagListCleaner (click)="clear()" />
+                <kbq-cleaner (click)="clear()" />
             </kbq-tag-list>
         </kbq-form-field>
     `,
diff --git a/packages/docs-examples/components/tags/tag-input-removable/tag-input-removable-example.ts b/packages/docs-examples/components/tags/tag-input-removable/tag-input-removable-example.ts
index e5396e4647..5091548276 100644
--- a/packages/docs-examples/components/tags/tag-input-removable/tag-input-removable-example.ts
+++ b/packages/docs-examples/components/tags/tag-input-removable/tag-input-removable-example.ts
@@ -32,7 +32,7 @@ const getTags = () => Array.from({ length: 3 }, (_, i) => ({ value: `Removable t
                     (kbqTagInputTokenEnd)="create($event)"
                 />
 
-                <kbq-cleaner #kbqTagListCleaner (click)="clear()" />
+                <kbq-cleaner (click)="clear()" />
             </kbq-tag-list>
         </kbq-form-field>
     `,
diff --git a/packages/docs-examples/components/tree-select/tree-select-child-selection-overview/tree-select-child-selection-overview-example.ts b/packages/docs-examples/components/tree-select/tree-select-child-selection-overview/tree-select-child-selection-overview-example.ts
index 7fcf660648..36cafc5bb3 100644
--- a/packages/docs-examples/components/tree-select/tree-select-child-selection-overview/tree-select-child-selection-overview-example.ts
+++ b/packages/docs-examples/components/tree-select/tree-select-child-selection-overview/tree-select-child-selection-overview-example.ts
@@ -131,7 +131,7 @@ export const DATA_OBJECT = {
                     </kbq-tree-option>
                 </kbq-tree-selection>
 
-                <kbq-cleaner #kbqSelectCleaner />
+                <kbq-cleaner />
             </kbq-tree-select>
         </kbq-form-field>
     `,
diff --git a/packages/docs-examples/components/tree-select/tree-select-footer-overview/tree-select-footer-overview-example.ts b/packages/docs-examples/components/tree-select/tree-select-footer-overview/tree-select-footer-overview-example.ts
index 591dc14677..97fbfa42c0 100644
--- a/packages/docs-examples/components/tree-select/tree-select-footer-overview/tree-select-footer-overview-example.ts
+++ b/packages/docs-examples/components/tree-select/tree-select-footer-overview/tree-select-footer-overview-example.ts
@@ -121,7 +121,7 @@ export const DATA_OBJECT = {
                     </kbq-tree-option>
                 </kbq-tree-selection>
 
-                <kbq-cleaner #kbqSelectCleaner />
+                <kbq-cleaner />
 
                 <kbq-select-footer>
                     <a
diff --git a/packages/docs-examples/components/tree-select/tree-select-lazyload/tree-select-lazyload-example.ts b/packages/docs-examples/components/tree-select/tree-select-lazyload/tree-select-lazyload-example.ts
index ce3d30b596..d7a695db9e 100644
--- a/packages/docs-examples/components/tree-select/tree-select-lazyload/tree-select-lazyload-example.ts
+++ b/packages/docs-examples/components/tree-select/tree-select-lazyload/tree-select-lazyload-example.ts
@@ -194,7 +194,7 @@ export class LazyLoadDataSource<T, F> extends KbqTreeFlatDataSource<T, F> {
                     </kbq-tree-option>
                 </kbq-tree-selection>
 
-                <kbq-cleaner #kbqSelectCleaner />
+                <kbq-cleaner />
             </kbq-tree-select>
         </kbq-form-field>
     `,
diff --git a/packages/docs-examples/components/tree-select/tree-select-multiple-overview/tree-select-multiple-overview-example.ts b/packages/docs-examples/components/tree-select/tree-select-multiple-overview/tree-select-multiple-overview-example.ts
index 570922c891..78ecf38ccf 100644
--- a/packages/docs-examples/components/tree-select/tree-select-multiple-overview/tree-select-multiple-overview-example.ts
+++ b/packages/docs-examples/components/tree-select/tree-select-multiple-overview/tree-select-multiple-overview-example.ts
@@ -130,7 +130,7 @@ export const DATA_OBJECT = {
                     </kbq-tree-option>
                 </kbq-tree-selection>
 
-                <kbq-cleaner #kbqSelectCleaner />
+                <kbq-cleaner />
             </kbq-tree-select>
         </kbq-form-field>
     `,
diff --git a/packages/docs-examples/components/tree-select/tree-select-overview/tree-select-overview-example.ts b/packages/docs-examples/components/tree-select/tree-select-overview/tree-select-overview-example.ts
index 82c7344c14..0c209c9948 100644
--- a/packages/docs-examples/components/tree-select/tree-select-overview/tree-select-overview-example.ts
+++ b/packages/docs-examples/components/tree-select/tree-select-overview/tree-select-overview-example.ts
@@ -120,7 +120,7 @@ export const DATA_OBJECT = {
                     </kbq-tree-option>
                 </kbq-tree-selection>
 
-                <kbq-cleaner #kbqSelectCleaner />
+                <kbq-cleaner />
             </kbq-tree-select>
         </kbq-form-field>
     `,
diff --git a/packages/docs-examples/components/tree-select/tree-select-search-overview/tree-select-search-overview-example.ts b/packages/docs-examples/components/tree-select/tree-select-search-overview/tree-select-search-overview-example.ts
index 163409f3a3..cd49f6a423 100644
--- a/packages/docs-examples/components/tree-select/tree-select-search-overview/tree-select-search-overview-example.ts
+++ b/packages/docs-examples/components/tree-select/tree-select-search-overview/tree-select-search-overview-example.ts
@@ -146,7 +146,7 @@ export const DATA_OBJECT = {
                     </kbq-tree-option>
                 </kbq-tree-selection>
 
-                <kbq-cleaner #kbqSelectCleaner />
+                <kbq-cleaner />
             </kbq-tree-select>
         </kbq-form-field>
     `,
diff --git a/packages/docs-examples/components/tree-select/tree-select-with-multiline-matcher-overview/tree-select-with-multiline-matcher-example.ts b/packages/docs-examples/components/tree-select/tree-select-with-multiline-matcher-overview/tree-select-with-multiline-matcher-example.ts
index 5b0a613bba..32c9144a13 100644
--- a/packages/docs-examples/components/tree-select/tree-select-with-multiline-matcher-overview/tree-select-with-multiline-matcher-example.ts
+++ b/packages/docs-examples/components/tree-select/tree-select-with-multiline-matcher-overview/tree-select-with-multiline-matcher-example.ts
@@ -120,7 +120,7 @@ export const DATA_OBJECT = {
                     </kbq-tree-option>
                 </kbq-tree-selection>
 
-                <kbq-cleaner #kbqSelectCleaner />
+                <kbq-cleaner />
             </kbq-tree-select>
         </kbq-form-field>
     `,
diff --git a/packages/e2e/routes.ts b/packages/e2e/routes.ts
index 36320faae6..69fea1e671 100644
--- a/packages/e2e/routes.ts
+++ b/packages/e2e/routes.ts
@@ -41,7 +41,7 @@ import {
     E2eFilterBarStates
 } from '../components/filter-bar/e2e';
 import { E2eFlagStyles } from '../components/flag/e2e';
-import { E2eFormFieldGroup, E2eFormFieldset } from '../components/form-field/e2e';
+import { E2eFormFieldAddons, E2eFormFieldGroup, E2eFormFieldset } from '../components/form-field/e2e';
 import { E2eIconStateAndStyle, E2eIconSvg } from '../components/icon/e2e';
 import {
     E2eInlineEditActionButtons,
@@ -145,6 +145,7 @@ const components = [
     E2eSplitterGhost,
     E2eFileUploadStateAndStyle,
     E2eFileUploadDropzone,
+    E2eFormFieldAddons,
     E2eFormFieldGroup,
     E2eFormFieldset,
     E2eActionsPanelWithOverlayContainer,
diff --git a/tools/public_api_guard/components/core.api.md b/tools/public_api_guard/components/core.api.md
index 4bf59f8a4e..bec0b7e218 100644
--- a/tools/public_api_guard/components/core.api.md
+++ b/tools/public_api_guard/components/core.api.md
@@ -2356,7 +2356,7 @@ export const KBQ_DEFAULT_LOCALE_ID = "ru-RU";
 // @public
 export const KBQ_DEFAULT_PRECISION_SEPARATOR = ".";
 
-// @public
+// @public @deprecated
 export const KBQ_FORM_FIELD_REF: InjectionToken<KbqFormFieldRef>;
 
 // @public (undocumented)
@@ -2869,7 +2869,7 @@ export interface KbqFormFieldControlRef<T = unknown> {
     value: T | null;
 }
 
-// @public
+// @public @deprecated
 export interface KbqFormFieldRef {
     // (undocumented)
     canCleanerClearByEsc: boolean;
diff --git a/tools/public_api_guard/components/datepicker.api.md b/tools/public_api_guard/components/datepicker.api.md
index 9ff6d469b5..96709b0e76 100644
--- a/tools/public_api_guard/components/datepicker.api.md
+++ b/tools/public_api_guard/components/datepicker.api.md
@@ -16,7 +16,6 @@ import { ElementRef } from '@angular/core';
 import { ErrorStateMatcher } from '@koobiq/components/core';
 import { EventEmitter } from '@angular/core';
 import * as i1 from '@koobiq/components/button';
-import * as i15 from '@koobiq/components/form-field';
 import * as i2 from '@angular/cdk/overlay';
 import * as i3 from '@angular/cdk/a11y';
 import * as i4 from '@angular/cdk/portal';
@@ -24,11 +23,11 @@ import * as i5 from '@koobiq/components/select';
 import * as i6 from '@koobiq/components/icon';
 import * as i8 from '@angular/common';
 import { InjectionToken } from '@angular/core';
-import { KbqFormField } from '@koobiq/components/form-field';
 import { KbqFormFieldControl } from '@koobiq/components/form-field';
 import { KbqSiblingPopup } from '@koobiq/components/core';
 import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
 import * as _koobiq_components_core from '@koobiq/components/core';
+import * as _koobiq_components_form_field from '@koobiq/components/form-field';
 import { Observable } from 'rxjs';
 import { OnChanges } from '@angular/core';
 import { OnDestroy } from '@angular/core';
@@ -311,7 +310,7 @@ export class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, ControlVal
     focusChanged(isFocused: boolean): void;
     // (undocumented)
     focused: boolean;
-    protected readonly formField: KbqFormField | null;
+    protected readonly formField: _koobiq_components_form_field.KbqFormField | null;
     getOrigin(): ElementRef;
     // (undocumented)
     get id(): string;
@@ -421,7 +420,7 @@ export class KbqDatepickerModule {
     // (undocumented)
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<KbqDatepickerModule>;
     // (undocumented)
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<KbqDatepickerModule, never, [typeof i1.KbqButtonModule, typeof i2.OverlayModule, typeof i3.A11yModule, typeof i4.PortalModule, typeof i5.KbqSelectModule, typeof i6.KbqIconModule, typeof KbqDatepickerToggleIconComponent, typeof i8.TitleCasePipe, typeof KbqCalendar, typeof KbqCalendarBody, typeof KbqDatepicker, typeof KbqDatepickerContent, typeof KbqDatepickerInput, typeof KbqDatepickerToggleIcon, typeof KbqMonthView, typeof KbqCalendarHeader], [typeof KbqCalendar, typeof KbqCalendarBody, typeof KbqDatepicker, typeof KbqDatepickerContent, typeof KbqDatepickerInput, typeof KbqDatepickerToggleIcon, typeof KbqDatepickerToggleIconComponent, typeof KbqMonthView, typeof KbqCalendarHeader, typeof i15.KbqFormFieldModule]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<KbqDatepickerModule, never, [typeof i1.KbqButtonModule, typeof i2.OverlayModule, typeof i3.A11yModule, typeof i4.PortalModule, typeof i5.KbqSelectModule, typeof i6.KbqIconModule, typeof KbqDatepickerToggleIconComponent, typeof i8.TitleCasePipe, typeof KbqCalendar, typeof KbqCalendarBody, typeof KbqDatepicker, typeof KbqDatepickerContent, typeof KbqDatepickerInput, typeof KbqDatepickerToggleIcon, typeof KbqMonthView, typeof KbqCalendarHeader], [typeof KbqCalendar, typeof KbqCalendarBody, typeof KbqDatepicker, typeof KbqDatepickerContent, typeof KbqDatepickerInput, typeof KbqDatepickerToggleIcon, typeof KbqDatepickerToggleIconComponent, typeof KbqMonthView, typeof KbqCalendarHeader, typeof _koobiq_components_form_field.KbqFormFieldModule]>;
 }
 
 // @public
diff --git a/tools/public_api_guard/components/form-field.api.md b/tools/public_api_guard/components/form-field.api.md
index 0062d2abaf..6094eaf5eb 100644
--- a/tools/public_api_guard/components/form-field.api.md
+++ b/tools/public_api_guard/components/form-field.api.md
@@ -36,6 +36,12 @@ export function getKbqFormFieldYouCanNotUseCleanerInNumberInputError(): Error;
 // @public @deprecated
 export const hasPasswordStrengthError: (passwordHints: QueryList<KbqPasswordHint> | readonly KbqPasswordHint[]) => boolean;
 
+// @public
+export const KBQ_CLEANER_CONTEXT: InjectionToken<KbqCleanerContext | null>;
+
+// @public
+export const KBQ_FORM_FIELD: InjectionToken<KbqFormField>;
+
 // @public
 export const KBQ_FORM_FIELD_DEFAULT_OPTIONS: InjectionToken<Partial<{
     noBorders: boolean;
@@ -52,16 +58,34 @@ export const KBQ_STEPPER_INITIAL_TIMEOUT = 300;
 export const KBQ_STEPPER_INTERVAL_DELAY = 75;
 
 // @public
-export class KbqCleaner extends KbqIconButton {
+export class KbqCleaner extends KbqIconButton implements AfterContentInit {
     constructor();
     protected readonly accessibleName: i0.Signal<string>;
     readonly ariaLabel: i0.InputSignal<string | undefined>;
+    get canShow(): boolean;
+    clear(event: Event): void;
+    // (undocumented)
+    ngAfterContentInit(): void;
     // (undocumented)
     static ɵcmp: i0.ɵɵComponentDeclaration<KbqCleaner, "kbq-cleaner", ["kbqCleaner"], { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
     // (undocumented)
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqCleaner, never>;
 }
 
+// @public
+export interface KbqCleanerContext {
+    clear?(): void;
+    // (undocumented)
+    readonly clearByEscape: boolean;
+    // (undocumented)
+    readonly control: KbqFormFieldControl<unknown>;
+    // (undocumented)
+    readonly keydownTarget: HTMLElement;
+}
+
+// @public
+export const kbqCleanerFactoryProvider: (factory: () => KbqCleanerContext) => Provider;
+
 // @public
 export class KbqError extends KbqHint {
     constructor();
@@ -90,6 +114,7 @@ export class KbqFieldsetItem {
 
 // @public
 export class KbqFormField extends KbqColorDirective implements AfterContentInit, AfterViewInit, OnDestroy, AfterContentChecked {
+    // @deprecated
     canCleanerClearByEsc: boolean;
     get canShowCleaner(): boolean;
     readonly cleaner: Signal<KbqCleaner | undefined>;
@@ -130,7 +155,8 @@ export class KbqFormField extends KbqColorDirective implements AfterContentInit,
     readonly noBorders: i0.InputSignalWithTransform<boolean | undefined, unknown>;
     onContainerClick(event: MouseEvent): void;
     onHoverChanged(isHovered: boolean): void;
-    onKeyDown(event: KeyboardEvent): void;
+    // @deprecated
+    onKeyDown(_event: KeyboardEvent): void;
     readonly passwordHints: Signal<readonly KbqPasswordHint[]>;
     readonly passwordToggle: Signal<KbqPasswordToggle | undefined>;
     readonly prefix: Signal<readonly KbqPrefix[]>;
@@ -215,13 +241,6 @@ export class KbqLegend {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqLegend, never>;
 }
 
-// @public
-export interface KbqNumberInputControl extends KbqFormFieldControl<unknown> {
-    step: number;
-    stepDown: (step: number) => void;
-    stepUp: (step: number) => void;
-}
-
 // @public @deprecated
 export class KbqPasswordHint extends KbqHint implements AfterContentInit {
     constructor();
@@ -263,8 +282,11 @@ export class KbqPasswordToggle extends KbqTooltipTrigger implements AfterViewIni
     readonly kbqTooltipHidden: i0.InputSignal<string | TemplateRef<any>>;
     // (undocumented)
     protected readonly nativeElement: HTMLElement;
+    // (undocumented)
     ngAfterContentInit(): void;
+    // (undocumented)
     ngAfterViewInit(): void;
+    // (undocumented)
     ngOnDestroy(): void;
     // (undocumented)
     readonly tabindex: i0.InputSignalWithTransform<number, unknown>;
@@ -302,11 +324,13 @@ export function kbqSetDescribedByIds(element: HTMLElement, ids: string[]): void;
 // @public
 export class KbqStepper {
     constructor();
-    connectTo(numberInput: KbqNumberInputControl): void;
-    protected readonly control: i0.Signal<KbqNumberInputControl>;
+    // @deprecated (undocumented)
+    connectTo(_: any): void;
+    // Warning: (ae-forgotten-export) The symbol "KbqStepperControl" needs to be exported by the entry point index.d.ts
+    protected readonly control: i0.Signal<KbqStepperControl>;
     protected readonly mouseUp: Subject<void>;
-    onStepDown($event: MouseEvent): void;
-    onStepUp($event: MouseEvent): void;
+    onStepDown(event: MouseEvent): void;
+    onStepUp(event: MouseEvent): void;
     readonly stepDown: OutputEmitterRef<void>;
     readonly stepUp: OutputEmitterRef<void>;
     // (undocumented)
diff --git a/tools/public_api_guard/components/icon.api.md b/tools/public_api_guard/components/icon.api.md
index 4c7ae1a780..7d8a862669 100644
--- a/tools/public_api_guard/components/icon.api.md
+++ b/tools/public_api_guard/components/icon.api.md
@@ -13,7 +13,6 @@ import { FocusMonitor } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
 import { InjectionToken } from '@angular/core';
 import { KbqColorDirective } from '@koobiq/components/core';
-import * as _koobiq_components_core from '@koobiq/components/core';
 import { Observable } from 'rxjs';
 import { OnChanges } from '@angular/core';
 import { OnDestroy } from '@angular/core';
@@ -23,6 +22,9 @@ import { SafeHtml } from '@angular/platform-browser';
 import { SafeResourceUrl } from '@angular/platform-browser';
 import { SimpleChanges } from '@angular/core';
 
+// @public
+export const KBQ_ICON_ERROR_STATE_CONTEXT: InjectionToken<KbqIconErrorStateContext>;
+
 // @public
 export const KBQ_ICON_RESOLVER: InjectionToken<KbqIconResolver[]>;
 
@@ -39,8 +41,7 @@ export class KbqIcon extends KbqColorDirective implements AfterContentInit, OnCh
     protected readonly destroyRef: DestroyRef;
     // (undocumented)
     readonly elementRef: ElementRef<HTMLElement>;
-    // (undocumented)
-    protected readonly formField: _koobiq_components_core.KbqFormFieldRef | null;
+    protected readonly errorStateContext: KbqIconErrorStateContext | null;
     // (undocumented)
     getHostElement(): HTMLElement;
     // (undocumented)
@@ -100,6 +101,15 @@ export class KbqIconButton extends KbqIcon implements AfterViewInit, OnDestroy {
 // @public
 export type KbqIconButtonSize = 'compact' | 'normal';
 
+// @public
+export interface KbqIconErrorStateContext {
+    readonly errorState: boolean;
+    readonly stateChanges: Observable<void>;
+}
+
+// @public
+export const kbqIconErrorStateContextFactoryProvider: (factory: () => KbqIconErrorStateContext) => Provider;
+
 // @public (undocumented)
 export class KbqIconItem extends KbqIcon {
     // (undocumented)
diff --git a/tools/public_api_guard/components/input.api.md b/tools/public_api_guard/components/input.api.md
index 3ead8c47b9..a267605958 100644
--- a/tools/public_api_guard/components/input.api.md
+++ b/tools/public_api_guard/components/input.api.md
@@ -192,7 +192,6 @@ export class KbqInputPassword implements KbqFormFieldControl<any>, OnChanges, On
     get required(): boolean;
     set required(value: boolean);
     readonly stateChanges: Subject<any>;
-    // (undocumented)
     toggleType(): void;
     // (undocumented)
     protected uid: string;
@@ -211,8 +210,7 @@ export class KbqNumberInput implements KbqFormFieldControl<any>, ControlValueAcc
     constructor();
     // (undocumented)
     bigStep: number;
-    // (undocumented)
-    controlType?: string | undefined;
+    controlType: string;
     // (undocumented)
     get disabled(): boolean;
     set disabled(value: boolean);
diff --git a/tools/public_api_guard/components/select.api.md b/tools/public_api_guard/components/select.api.md
index 9be1beeb7a..180f2d95e5 100644
--- a/tools/public_api_guard/components/select.api.md
+++ b/tools/public_api_guard/components/select.api.md
@@ -106,7 +106,9 @@ export class KbqSelect extends KbqAbstractSelect implements AfterContentInit, On
     get canShowCleaner(): boolean;
     readonly cdkVirtualForOf: _angular_core.Signal<CdkVirtualForOf<any> | undefined>;
     readonly cleaner: _angular_core.Signal<KbqCleaner | undefined>;
-    clearValue($event: any): void;
+    clear(): void;
+    // @deprecated
+    clearValue(event: Event): void;
     close(): void;
     readonly closedStream: Observable<void>;
     get colorForState(): KbqComponentColors;
diff --git a/tools/public_api_guard/components/tree-select.api.md b/tools/public_api_guard/components/tree-select.api.md
index bef89764b7..9bf9b57e14 100644
--- a/tools/public_api_guard/components/tree-select.api.md
+++ b/tools/public_api_guard/components/tree-select.api.md
@@ -74,14 +74,13 @@ export class KbqTreeSelect extends KbqAbstractSelect implements AfterContentInit
     readonly backdropClass: _angular_core.InputSignal<string>;
     // (undocumented)
     calculateHiddenItems: () => void;
-    // (undocumented)
     get canShowCleaner(): boolean;
     // (undocumented)
     readonly changeDetectorRef: ChangeDetectorRef;
-    // (undocumented)
     readonly cleaner: _angular_core.Signal<KbqCleaner | undefined>;
-    // (undocumented)
-    clearValue($event: any): void;
+    clear(): void;
+    // @deprecated
+    clearValue(event: Event): void;
     close(): void;
     readonly closedStream: Observable<void>;
     get colorForState(): KbqComponentColors;

From a32740677de153a23f13e7a5df5c4d6a4932d1db Mon Sep 17 00:00:00 2001
From: artembelik <24925224+artembelik@users.noreply.github.com>
Date: Wed, 5 Aug 2026 18:59:03 +0000
Subject: [PATCH 2/2] test: updated e2e snapshots

---
 .../input/__screenshots__/04-light.png        | Bin 13701 -> 13749 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)

diff --git a/packages/components/input/__screenshots__/04-light.png b/packages/components/input/__screenshots__/04-light.png
index 1db569eb022b881913e959e2a0176f3b05df1dc9..8346ece5e1a67b79c08d79c2b2c6f917f7529935 100644
GIT binary patch
literal 13749
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

literal 13701
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