@konce-pt/angular 0.6.1 → 0.7.5

package/{dist/types → types}/konce-pt-angular.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, EnvironmentProviders, TemplateRef, OnDestroy } from '@angular/core';
+import { InjectionToken, Signal, EnvironmentProviders, TemplateRef, OnDestroy } from '@angular/core';
 import { FormValueControl, WithOptionalFieldTree, ValidationError, FormCheckboxControl } from '@angular/forms/signals';
 import { ConnectedPosition } from '@angular/cdk/overlay';
 import * as _konce_pt_angular from '@konce-pt/angular';
@@ -136,6 +136,105 @@ interface KptMessages {
         /** Interpolacja: {count}. */
         count: string;
     };
+    roadmap: {
+        empty: string;
+        /** Prefiks numeru tygodnia na osi, np. „W" w „W35". */
+        week: string;
+        today: string;
+        milestone: string;
+        expandGroup: string;
+        collapseGroup: string;
+    };
+    map: {
+        /** Pozycja menu po kliknięciu mapy prawym przyciskiem. */
+        addLocation: string;
+        chooseCategory: string;
+        myLocation: string;
+        locateMe: string;
+        locationDenied: string;
+        locationUnavailable: string;
+        zoomIn: string;
+        zoomOut: string;
+        legend: string;
+        /** Interpolacja: {category}. */
+        showCategory: string;
+        /** Interpolacja: {category}. */
+        hideCategory: string;
+        /** Etykieta grupy znaczników dla czytnika ekranu. Interpolacja: {count}. */
+        cluster: string;
+        /** Nagłówek listy pokazywanej, gdy grupy nie da się rozbić zoomem. */
+        clusterItems: string;
+        /** Interpolacja: {label}. */
+        fieldRequired: string;
+        /** Notka w formularzu, gdy trwa geokodowanie wsteczne. */
+        lookingUpAddress: string;
+        /** Notka, gdy geokoder nie ustalił adresu dla klikniętego punktu. */
+        addressNotFound: string;
+        latitude: string;
+        longitude: string;
+        empty: string;
+        save: string;
+        cancel: string;
+        /** Karta miejsca (`kpt-map-poi-card`). */
+        poi: {
+            /** Interpolacja: {distance}. */
+            distanceAway: string;
+            openNow: string;
+            closedNow: string;
+            /** Interpolacja: {time}. */
+            opensAt: string;
+            /** Interpolacja: {time}. */
+            closesAt: string;
+            alwaysOpen: string;
+            openingHours: string;
+            closedDay: string;
+            call: string;
+            sendEmail: string;
+            openWebsite: string;
+            coordinates: string;
+            copy: string;
+            copied: string;
+            share: string;
+            addFavourite: string;
+            removeFavourite: string;
+            noPhoto: string;
+        };
+        /** Wyszukiwarka adresów (`kpt-map-search`). */
+        search: {
+            /** Podpowiedź w pustym polu. */
+            placeholder: string;
+            /** Nazwa dostępna pola — nie ma przy nim widocznej etykiety. */
+            label: string;
+            /** Etykieta listy podpowiedzi dla czytnika ekranu. */
+            results: string;
+            clear: string;
+            noResults: string;
+            /** Fraza za krótka. Interpolacja: {count}. */
+            minLength: string;
+            searching: string;
+            /** Liczba znalezionych podpowiedzi dla czytnika. Interpolacja: {count}. */
+            found: string;
+        };
+        /** Pola formularza „dodaj lokalizację" poza wspólnymi komunikatami. */
+        field: {
+            invalidEmail: string;
+            invalidUrl: string;
+            /** Interpolacja: {max}. */
+            imageTooLarge: string;
+            pickImage: string;
+            orPasteUrl: string;
+            removeImage: string;
+            imagePreview: string;
+            hoursClosed: string;
+            hoursFrom: string;
+            hoursTo: string;
+            hoursSameAllWeek: string;
+            hoursAddRange: string;
+            hoursRemoveRange: string;
+            /** Interpolacja: {day}. */
+            hoursIncomplete: string;
+        };
+    };
     dataTable: {
         search: string;
         exportCsv: string;
@@ -223,6 +322,12 @@ interface KptMessages {
     panel: {
         toggle: string;
     };
+    appShell: {
+        /** Etykieta przycisku otwierającego i zamykającego panel boczny. */
+        toggleNavigation: string;
+        /** Etykieta dostępności panelu bocznego. */
+        navigation: string;
+    };
     breadcrumb: {
         label: string;
     };
@@ -446,8 +551,55 @@ declare class KptIconRegistry {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KptIconRegistry, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<KptIconRegistry>;
 }
+/**
+ * Składa pełny znacznik `<svg>` z wewnętrznego SVG z rejestru.
+ *
+ * Wydzielone z `kpt-icon`, bo tego samego stringa potrzebują znaczniki mapy —
+ * ich HTML powstaje poza Angularem, w DOM zarządzanym przez silnik mapy.
+ * Pusty `inner` daje pusty string, żeby wołający nie musiał tego sprawdzać.
+ */
+declare function renderKptIconSvg(inner: string | undefined, cssClass?: string): string;
+
+type KptIconName = 'menu' | 'x' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'check' | 'search' | 'grip-vertical' | 'info' | 'alert-triangle' | 'circle-check' | 'circle-x' | 'calendar' | 'copy' | 'link' | 'code' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'list' | 'list-numbers' | 'clear-formatting' | 'star' | 'plus' | 'upload' | 'dots-vertical' | 'photo' | 'trash' | 'eye' | 'eye-off' | 'minus' | 'arrow-up' | 'arrow-down' | 'zoom-in' | 'info-circle' | 'phone' | 'map-pin' | 'world' | 'clock' | 'align-left' | 'align-center' | 'align-right' | 'align-justified' | 'palette' | 'highlight' | 'clipboard' | 'clipboard-text' | 'table' | 'pencil' | 'mail' | 'share' | 'external-link' | 'crosshair';
 
-type KptIconName = 'menu' | 'x' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'check' | 'search' | 'grip-vertical' | 'info' | 'alert-triangle' | 'circle-check' | 'circle-x' | 'calendar' | 'copy' | 'link' | 'code' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'list' | 'list-numbers' | 'clear-formatting' | 'star' | 'plus' | 'upload' | 'dots-vertical' | 'photo' | 'trash' | 'eye' | 'eye-off' | 'minus' | 'arrow-up' | 'arrow-down' | 'zoom-in' | 'info-circle' | 'phone' | 'map-pin' | 'world' | 'clock' | 'align-left' | 'align-center' | 'align-right' | 'align-justified' | 'palette' | 'highlight' | 'clipboard' | 'clipboard-text' | 'table' | 'pencil';
+/** Nazwa breakpointa z tokenów `--kpt-breakpoint-*` (mobile-first). */
+type KptBreakpoint = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+/** Progi breakpointów w pikselach — te same wartości, z których korzystają `@media` biblioteki. */
+declare const KPT_BREAKPOINTS: Record<KptBreakpoint, number>;
+
+/**
+ * Obserwator breakpointów oparty na `matchMedia`, spięty z tokenami `--kpt-breakpoint-*`.
+ * Zwraca sygnały, więc czyta się go tak samo w `computed`, w szablonie i w `effect`.
+ *
+ * Zapytania są memoizowane per string: `up('lg')` wywołane w wielu komponentach dzieli
+ * jeden `MediaQueryList` i jeden nasłuch.
+ *
+ * Poza przeglądarką (SSR, prerender) każdy sygnał to stałe `false`. Dlatego **układ**
+ * komponentów biblioteki nigdy nie zależy od tego serwisu — o tym, jak wygląda strona,
+ * decyduje CSS, żeby nic nie migotało przed hydracją. Serwis odpowiada za zachowania,
+ * których CSS nie wyrazi (np. w którą stronę ma zadziałać przycisk).
+ *
+ * @example
+ * private readonly breakpoints = inject(KptBreakpointObserver);
+ * readonly isDesktop = this.breakpoints.up('lg');
+ */
+declare class KptBreakpointObserver {
+    private readonly isBrowser;
+    private readonly destroyRef;
+    private readonly cache;
+    /** Dowolne media query jako sygnał. */
+    matches(query: string): Signal<boolean>;
+    /** Czy viewport ma szerokość co najmniej danego breakpointa (mobile-first). */
+    up(breakpoint: KptBreakpoint): Signal<boolean>;
+    /**
+     * Czy viewport jest węższy niż dany breakpoint. Próg schodzi o 0.02px, żeby pasma
+     * `up`/`down` nie nakładały się na ułamkowych szerokościach okna (zoom, DPI).
+     */
+    down(breakpoint: KptBreakpoint): Signal<boolean>;
+    private observe;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KptBreakpointObserver, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<KptBreakpointObserver>;
+}
 
 /**
  * Konfiguruje i18n Koncept UI. Ustawia język początkowy i rejestruje/nadpisuje
@@ -595,11 +747,12 @@ declare class KptSkeleton {
  * unoszącej się etykiety (Float Label) z animowanym przejściem: `over` (nad obramowaniem),
  * `in` (u góry wewnątrz pola) i `on` (na obramowaniu, notch). Uniesienie następuje przy focusie
  * (CSS `:focus-within`) lub gdy pole jest wypełnione (wykrywane po zdarzeniach `input`/`change`
- * oraz wartości początkowej) — bez wymogu placeholdera na kontrolce.
+ * oraz wartości początkowej) — bez wymogu placeholdera na kontrolce. Kontrolki bez natywnego
+ * `input`/`textarea` (np. `kpt-select`) zgłaszają wypełnienie tokenem `KPT_FORM_FIELD_CONTROL`.
  *
  * @example
  * <kpt-form-field label="E-mail" [error]="emailError()" hint="Firmowy adres">
- *   <kpt-input [control]="f.email" type="email" />
+ *   <kpt-input [formField]="f.email" type="email" />
  * </kpt-form-field>
  *
  * @example
@@ -625,16 +778,42 @@ declare class KptFormField {
      */
     readonly labelType: _angular_core.InputSignal<"fixed" | "over" | "in" | "on">;
     private readonly host;
+    /**
+     * Kontrolka bez natywnego `input`/`textarea` (np. `kpt-select`) zgłasza wypełnienie sama,
+     * przez token `KPT_FORM_FIELD_CONTROL` — jej wartość nie da się odczytać z DOM.
+     */
+    private readonly control;
+    /** Wypełnienie odczytane z natywnej kontrolki (zdarzenia `input`/`change` + wartość początkowa). */
+    private readonly nativeFilled;
     /** Czy projektowana kontrolka ma wartość — steruje uniesieniem etykiety w wariantach float. */
-    protected readonly filled: _angular_core.WritableSignal<boolean>;
+    protected readonly filled: _angular_core.Signal<boolean>;
     constructor();
     /** Odczytuje wartość projektowanego `input`/`textarea` i aktualizuje stan `filled`. */
     protected updateFilled(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KptFormField, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KptFormField, "kpt-form-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "controlId": { "alias": "controlId"; "required": false; "isSignal": true; }; "labelType": { "alias": "labelType"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KptFormField, "kpt-form-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "controlId": { "alias": "controlId"; "required": false; "isSignal": true; }; "labelType": { "alias": "labelType"; "required": false; "isSignal": true; }; }, {}, ["control"], ["*"], true, never>;
 }
 
-type KptInputType = 'text' | 'email' | 'password' | 'number' | 'search' | 'tel' | 'url';
+/**
+ * Kontrakt kontrolki dla `kpt-form-field`. Wypełnienie pola (`filled`) steruje uniesieniem
+ * etykiety w wariantach Float Label (`over`/`in`/`on`).
+ *
+ * Kontrolki oparte na natywnym `input`/`textarea` nie muszą nic dostarczać — `kpt-form-field`
+ * odczytuje ich `value` bezpośrednio z DOM. Kontrolki bez natywnego pola (np. `kpt-select`,
+ * którego panel żyje w overlayu) muszą dostarczyć ten token, inaczej etykieta zostanie
+ * na wartości zamiast unieść się nad nią.
+ *
+ * @example
+ * providers: [{ provide: KPT_FORM_FIELD_CONTROL, useExisting: forwardRef(() => KptSelect) }]
+ */
+interface KptFormFieldControl {
+    /** Czy kontrolka ma wartość. Sygnał — `kpt-form-field` reaguje na zmiany bez zdarzeń DOM. */
+    readonly filled: Signal<boolean>;
+}
+/** Token DI, przez który kontrolka zgłasza `kpt-form-field` swój stan wypełnienia. */
+declare const KPT_FORM_FIELD_CONTROL: InjectionToken<KptFormFieldControl>;
+
+type KptInputType = 'text' | 'email' | 'password' | 'number' | 'search' | 'tel' | 'url' | 'time';
 /**
  * Pole tekstowe Koncept UI zintegrowane z Angular Signal Forms.
  * Implementuje `FormValueControl<string>` — wiąż je dyrektywą `FormField`:
@@ -653,6 +832,8 @@ declare class KptInput implements FormValueControl<string> {
     readonly invalid: _angular_core.InputSignal<boolean>;
     readonly errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
     readonly touched: _angular_core.InputSignal<boolean>;
+    /** Stan nieprawidłowy pokazujemy dopiero po dotknięciu pola — jak natywne `:user-invalid`. */
+    protected readonly showInvalid: _angular_core.Signal<boolean>;
     /** Emitowane na `blur` — oznacza pole jako dotknięte. */
     readonly touch: _angular_core.OutputEmitterRef<void>;
     readonly type: _angular_core.InputSignal<KptInputType>;
@@ -674,6 +855,8 @@ declare class KptCheckbox implements FormCheckboxControl {
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Stan nieprawidłowy pokazujemy dopiero po dotknięciu pola — jak natywne `:user-invalid`. */
+    protected readonly showInvalid: _angular_core.Signal<boolean>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
     /** Etykieta obok pola. */
     readonly label: _angular_core.InputSignal<string>;
@@ -694,6 +877,8 @@ declare class KptSwitch implements FormCheckboxControl {
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Stan nieprawidłowy pokazujemy dopiero po dotknięciu pola — jak natywne `:user-invalid`. */
+    protected readonly showInvalid: _angular_core.Signal<boolean>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
     readonly label: _angular_core.InputSignal<string>;
     /** Pozycja etykiety `label` względem przełącznika: 'end' (prawo, domyślnie) lub 'start' (lewo). */
@@ -725,6 +910,8 @@ declare class KptSwitchGroup<T = unknown> implements FormValueControl<unknown> {
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Stan nieprawidłowy pokazujemy dopiero po dotknięciu pola — jak natywne `:user-invalid`. */
+    protected readonly showInvalid: _angular_core.Signal<boolean>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
     /** Układ: 'vertical' (domyślnie) lub 'horizontal'. */
     readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
@@ -753,6 +940,8 @@ declare class KptRadioGroup<T = unknown> implements FormValueControl<T> {
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Stan nieprawidłowy pokazujemy dopiero po dotknięciu pola — jak natywne `:user-invalid`. */
+    protected readonly showInvalid: _angular_core.Signal<boolean>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
     readonly name: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KptRadioGroup<any>, never>;
@@ -768,7 +957,7 @@ declare class KptRadioGroup<T = unknown> implements FormValueControl<T> {
  * <kpt-select [formField]="f.city" [options]="cities" filter placeholder="Szukaj miasta…" />
  * <kpt-select [formField]="f.tags" [options]="tags" multiple filter placeholder="Tagi…" />
  */
-declare class KptSelect<T = unknown> implements FormValueControl<unknown> {
+declare class KptSelect<T = unknown> implements FormValueControl<unknown>, KptFormFieldControl {
     readonly options: _angular_core.InputSignal<KptOption<T>[]>;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -776,6 +965,8 @@ declare class KptSelect<T = unknown> implements FormValueControl<unknown> {
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Stan nieprawidłowy pokazujemy dopiero po dotknięciu pola — jak natywne `:user-invalid`. */
+    protected readonly showInvalid: _angular_core.Signal<boolean>;
     /** Wartość: pojedyncza (T) lub tablica (T[]) w trybie multiple. */
     readonly value: _angular_core.ModelSignal<unknown>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
@@ -788,7 +979,11 @@ declare class KptSelect<T = unknown> implements FormValueControl<unknown> {
     protected readonly selectedOptions: _angular_core.Signal<KptOption<T>[]>;
     protected readonly filteredOptions: _angular_core.Signal<KptOption<T>[]>;
     protected readonly singleLabel: _angular_core.Signal<string>;
-    protected readonly hasValue: _angular_core.Signal<boolean>;
+    /**
+     * Czy wybrano jakąkolwiek opcję. Publiczne — `kpt-form-field` czyta to przez
+     * `KPT_FORM_FIELD_CONTROL`, żeby unieść etykietę Float Label nad wybraną wartość.
+     */
+    readonly filled: _angular_core.Signal<boolean>;
     protected isSelected(opt: KptOption<T>): boolean;
     protected toggleOpen(): void;
     protected close(): void;
@@ -835,8 +1030,12 @@ declare class KptDatepicker implements FormValueControl<string> {
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Stan nieprawidłowy pokazujemy dopiero po dotknięciu pola — jak natywne `:user-invalid`. */
+    protected readonly showInvalid: _angular_core.Signal<boolean>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
     readonly placeholder: _angular_core.InputSignal<string>;
+    /** Nazwa dostępna, gdy pola nie opisuje `<label for>` (np. dwa pola w jednym wierszu). */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
     readonly displayFormat: _angular_core.InputSignal<"pl" | "iso">;
     /** Granulacja wyboru. */
     readonly selectionMode: _angular_core.InputSignal<KptDatepickerMode>;
@@ -893,7 +1092,7 @@ declare class KptDatepicker implements FormValueControl<string> {
     protected nextYearPage(): void;
     protected clear(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KptDatepicker, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KptDatepicker, "kpt-datepicker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "monthDisplay": { "alias": "monthDisplay"; "required": false; "isSignal": true; }; "hourFormat": { "alias": "hourFormat"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KptDatepicker, "kpt-datepicker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "monthDisplay": { "alias": "monthDisplay"; "required": false; "isSignal": true; }; "hourFormat": { "alias": "hourFormat"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; }, never, never, true, never>;
 }
 
 interface ClockMark {
@@ -956,6 +1155,8 @@ declare class KptTextarea implements FormValueControl<string> {
     readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Stan nieprawidłowy pokazujemy dopiero po dotknięciu pola — jak natywne `:user-invalid`. */
+    protected readonly showInvalid: _angular_core.Signal<boolean>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
     private readonly ta;
     constructor();
@@ -986,6 +1187,8 @@ declare class KptRichText implements FormValueControl<string> {
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Stan nieprawidłowy pokazujemy dopiero po dotknięciu pola — jak natywne `:user-invalid`. */
+    protected readonly showInvalid: _angular_core.Signal<boolean>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
     protected readonly i18n: KptI18n;
     protected readonly swatches: string[];
@@ -1229,6 +1432,8 @@ declare class KptDateRange implements FormValueControl<KptDateRangeValue> {
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Stan nieprawidłowy pokazujemy dopiero po dotknięciu pola — jak natywne `:user-invalid`. */
+    protected readonly showInvalid: _angular_core.Signal<boolean>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
     /** Placeholder; bez wartości używa i18n (`dateRange.placeholder`). */
     readonly placeholder: _angular_core.InputSignal<string | undefined>;
@@ -1269,9 +1474,12 @@ declare class KptDateRange implements FormValueControl<KptDateRangeValue> {
 
 /**
  * Pole liczbowe ze strzałkami krokowania na Signal Forms. Wartość = number | null.
+ * `showButtons="false"` chowa strzałki — wariant do zakresów „od–do", gdzie krokowanie
+ * nie ma sensu, a pole ma wyglądać jak zwykłe `kpt-input` obok.
  *
  * @example
  * <kpt-input-number [formField]="f.qty" [min]="0" [max]="99" [step]="1" />
+ * <kpt-input-number [formField]="f.priceFrom" [showButtons]="false" suffix=" zł" />
  */
 declare class KptInputNumber implements FormValueControl<number | null> {
     readonly value: _angular_core.ModelSignal<number | null>;
@@ -1280,9 +1488,13 @@ declare class KptInputNumber implements FormValueControl<number | null> {
     readonly step: _angular_core.InputSignal<number>;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly suffix: _angular_core.InputSignal<string>;
+    /** Pokaż przyciski krokowania. `false` daje samo pole — wariant do zakresów „od–do". */
+    readonly showButtons: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Stan nieprawidłowy pokazujemy dopiero po dotknięciu pola — jak natywne `:user-invalid`. */
+    protected readonly showInvalid: _angular_core.Signal<boolean>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
     protected readonly i18n: KptI18n;
     protected readonly display: _angular_core.Signal<string>;
@@ -1292,7 +1504,7 @@ declare class KptInputNumber implements FormValueControl<number | null> {
     protected step_(dir: 1 | -1): void;
     private clamp;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KptInputNumber, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KptInputNumber, "kpt-input-number", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KptInputNumber, "kpt-input-number", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "showButtons": { "alias": "showButtons"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; }, never, never, true, never>;
 }
 
 interface Strength {
@@ -1312,6 +1524,8 @@ declare class KptPassword implements FormValueControl<string> {
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Stan nieprawidłowy pokazujemy dopiero po dotknięciu pola — jak natywne `:user-invalid`. */
+    protected readonly showInvalid: _angular_core.Signal<boolean>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
     protected readonly i18n: KptI18n;
     protected readonly visible: _angular_core.WritableSignal<boolean>;
@@ -1334,6 +1548,8 @@ declare class KptInputOtp implements FormValueControl<string> {
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Stan nieprawidłowy pokazujemy dopiero po dotknięciu pola — jak natywne `:user-invalid`. */
+    protected readonly showInvalid: _angular_core.Signal<boolean>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
     protected readonly slots: _angular_core.Signal<number[]>;
     protected charAt(i: number): string;
@@ -1361,6 +1577,8 @@ declare class KptChipsInput implements FormValueControl<string[]> {
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Stan nieprawidłowy pokazujemy dopiero po dotknięciu pola — jak natywne `:user-invalid`. */
+    protected readonly showInvalid: _angular_core.Signal<boolean>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
     protected readonly i18n: KptI18n;
     protected readonly effectivePlaceholder: _angular_core.Signal<string>;
@@ -1385,6 +1603,8 @@ declare class KptInputMask implements FormValueControl<string> {
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Stan nieprawidłowy pokazujemy dopiero po dotknięciu pola — jak natywne `:user-invalid`. */
+    protected readonly showInvalid: _angular_core.Signal<boolean>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
     protected onInput(event: Event): void;
     private applyMask;
@@ -1408,6 +1628,8 @@ declare class KptListbox<T = unknown> implements FormValueControl<T | T[] | null
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Stan nieprawidłowy pokazujemy dopiero po dotknięciu pola — jak natywne `:user-invalid`. */
+    protected readonly showInvalid: _angular_core.Signal<boolean>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
     protected readonly i18n: KptI18n;
     protected readonly query: _angular_core.WritableSignal<string>;
@@ -1498,6 +1720,7 @@ declare class KptDivider {
 /**
  * Górny pasek (toolbar) — pozioma belka na treść aplikacji (logo, akcje).
  * Elementowi z atrybutem `kptToolbarSpacer` nadaj elastyczny odstęp, aby rozepchnąć zawartość.
+ * Poniżej breakpointa `sm` pasek sam zbiega się do niższej wysokości i węższych marginesów.
  *
  * @example
  * <kpt-toolbar elevated>
@@ -1509,8 +1732,14 @@ declare class KptDivider {
 declare class KptToolbar {
     /** Dodaje cień (wyniesienie) pod paskiem. */
     readonly elevated: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Pozwala zawartości paska zawinąć się do kolejnych wierszy, gdy zabraknie miejsca.
+     * Opcjonalne, bo zawijanie zmienia zachowanie `kptToolbarSpacer` — w jednowierszowym
+     * pasku rozpycha on treść, a w zawijanym potrafi zepchnąć resztę do nowego wiersza.
+     */
+    readonly wrap: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KptToolbar, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KptToolbar, "kpt-toolbar", never, { "elevated": { "alias": "elevated"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KptToolbar, "kpt-toolbar", never, { "elevated": { "alias": "elevated"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**
@@ -1528,26 +1757,114 @@ declare class KptSidenav {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KptSidenav, "kpt-sidenav", never, {}, {}, never, ["*"], true, never>;
 }
 
-type KptSidenavMode = 'side' | 'over';
 /**
- * Szkielet aplikacji (app shell) w stylu Material: toolbar u góry, panel boczny i treść.
- * Sloty projekcji: `[kptShellToolbar]`, `[kptShellSidenav]`, oraz treść domyślna.
+ * Zachowanie panelu bocznego:
+ * - `auto` — zależne od szerokości okna (domyślne),
+ * - `side` — zawsze zadokowany, rozpycha treść,
+ * - `over` — zawsze nakładka nad treścią.
+ */
+type KptSidenavMode = 'side' | 'over' | 'auto';
+/**
+ * Szkielet aplikacji: pasek u góry, panel boczny i treść. Sloty projekcji:
+ * `[kptShellToolbar]`, `[kptShellSidenav]` oraz treść domyślna.
+ *
+ * Domyślny tryb `auto` jest responsywny bez konfiguracji: od `sidenavBreakpoint` w górę
+ * panel jest zadokowany, poniżej zachowuje się jak nakładka ze scrimem i startuje zamknięty.
+ * Opcjonalny `sidenavRailBreakpoint` wstawia między te pasma szynę ikon.
+ *
+ * O układzie decyduje wyłącznie CSS — nic nie migocze przed hydracją i nic nie zależy od
+ * `matchMedia`. JavaScript odpowiada tylko za to, KTÓRY stan przełącza przycisk.
+ *
+ * Panel ma dwa niezależne stany otwarcia (`sidenavOpen` dla układu zadokowanego,
+ * `sidenavCompactOpen` dla nakładki), więc intencja z desktopu przeżywa zwężenie
+ * i ponowne rozszerzenie okna.
  *
  * @example
- * <kpt-app-shell [(sidenavOpen)]="navOpen" sidenavMode="side">
- *   <kpt-toolbar kptShellToolbar>…</kpt-toolbar>
+ * <kpt-app-shell [(sidenavOpen)]="navOpen">
+ *   <kpt-toolbar kptShellToolbar>
+ *     <button kptShellNavToggle type="button"><kpt-icon name="menu" /></button>
+ *   </kpt-toolbar>
  *   <kpt-sidenav kptShellSidenav>…</kpt-sidenav>
  *   <router-outlet />
  * </kpt-app-shell>
  */
 declare class KptAppShell {
-    /** Czy panel boczny jest otwarty (dwukierunkowe). */
+    private static nextId;
+    private readonly breakpoints;
+    private readonly i18n;
+    /** Czy panel jest otwarty w układzie zadokowanym (oraz w wymuszonym trybie `over`). */
     readonly sidenavOpen: _angular_core.ModelSignal<boolean>;
-    /** Tryb panelu: 'side' rozpycha treść, 'over' nakłada się ze scrimem. */
+    /**
+     * Czy nakładka jest wysunięta w trybie `auto` poniżej `sidenavBreakpoint`.
+     *
+     * Celowo osobny od `sidenavOpen`: gdyby oba układy dzieliły jeden model, wejście na wąski
+     * ekran musiałoby nadpisać stan konsumenta, a powrót na szeroki nie miałby czego przywrócić.
+     */
+    readonly sidenavCompactOpen: _angular_core.ModelSignal<boolean>;
+    /** `auto` przełącza układ na breakpoincie; `side`/`over` wymuszają go niezależnie od szerokości. */
     readonly sidenavMode: _angular_core.InputSignal<KptSidenavMode>;
+    /** Od tego breakpointa w górę tryb `auto` dokuje panel; poniżej robi z niego nakładkę. */
+    readonly sidenavBreakpoint: _angular_core.InputSignal<KptBreakpoint>;
+    /**
+     * Włącza szynę ikon w paśmie od `sidenavBreakpoint` do tego breakpointa: zamknięty panel
+     * nie chowa się wtedy całkowicie, tylko zwęża do `--kpt-sidenav-rail-width`. Powyżej tego
+     * progu zamknięcie znów chowa panel w całości. Wartość musi być wyższa niż `sidenavBreakpoint`.
+     * `null` (domyślnie) wyłącza szynę.
+     */
+    readonly sidenavRailBreakpoint: _angular_core.InputSignal<KptBreakpoint | null>;
+    /** Etykieta dostępności panelu; puste = `appShell.navigation` ze słownika. */
+    readonly sidenavLabel: _angular_core.InputSignal<string>;
+    /** Identyfikator panelu dla `aria-controls` przycisku przełączającego. */
+    readonly sidenavId: string;
+    /** Czy panel zachowuje się TERAZ jak nakładka nad treścią. */
+    readonly isOverlay: _angular_core.Signal<boolean>;
+    /** Efektywny stan otwarcia — ten, który obowiązuje w bieżącym układzie. */
+    readonly isSidenavOpen: _angular_core.Signal<boolean>;
+    protected readonly navLabel: _angular_core.Signal<string>;
+    /** Scrim blokuje wskaźnik, ale nie klawiaturę — treść pod nakładką nie może łapać fokusu. */
+    protected readonly contentInert: _angular_core.Signal<boolean>;
+    constructor();
+    /** Przełącza panel — trafia w stan właściwy dla bieżącego układu. */
+    toggleSidenav(): void;
+    /** Otwiera panel w bieżącym układzie. */
+    openSidenav(): void;
+    /** Zamyka panel w bieżącym układzie. */
+    closeSidenav(): void;
     protected onScrimClick(): void;
+    protected onEscape(): void;
+    private usesCompactState;
+    private setSidenavOpen;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KptAppShell, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KptAppShell, "kpt-app-shell", never, { "sidenavOpen": { "alias": "sidenavOpen"; "required": false; "isSignal": true; }; "sidenavMode": { "alias": "sidenavMode"; "required": false; "isSignal": true; }; }, { "sidenavOpen": "sidenavOpenChange"; }, never, ["[kptShellToolbar]", "[kptShellSidenav]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KptAppShell, "kpt-app-shell", never, { "sidenavOpen": { "alias": "sidenavOpen"; "required": false; "isSignal": true; }; "sidenavCompactOpen": { "alias": "sidenavCompactOpen"; "required": false; "isSignal": true; }; "sidenavMode": { "alias": "sidenavMode"; "required": false; "isSignal": true; }; "sidenavBreakpoint": { "alias": "sidenavBreakpoint"; "required": false; "isSignal": true; }; "sidenavRailBreakpoint": { "alias": "sidenavRailBreakpoint"; "required": false; "isSignal": true; }; "sidenavLabel": { "alias": "sidenavLabel"; "required": false; "isSignal": true; }; }, { "sidenavOpen": "sidenavOpenChange"; "sidenavCompactOpen": "sidenavCompactOpenChange"; }, never, ["[kptShellToolbar]", "[kptShellSidenav]", "*"], true, never>;
+}
+
+/**
+ * Przycisk przełączający panel boczny `kpt-app-shell`. Umieść go w slocie
+ * `[kptShellToolbar]` — dyrektywa sama odnajdzie shell w drzewie deklaracji.
+ *
+ * Trafia w stan właściwy dla bieżącego układu (zadokowany albo nakładka), więc jeden
+ * przycisk obsługuje desktop i wąski ekran. Bez tej dyrektywy aplikacja musiałaby sama
+ * wstrzyknąć `KptBreakpointObserver` i rozstrzygnąć, który z dwóch modeli przełączyć.
+ *
+ * Atrybuty ARIA nakłada wyłącznie na natywny `<button>`/`<a>`. Na komponencie opakowującym
+ * (np. `kpt-icon-button`) trafiłyby na zewnętrzny element bez roli, co jest naruszeniem
+ * `aria-allowed-attr` — tam etykietę podaj samemu komponentowi.
+ *
+ * @example
+ * <button kptShellNavToggle type="button"><kpt-icon name="menu" /></button>
+ * <kpt-icon-button kptShellNavToggle ariaLabel="Menu"><kpt-icon name="menu" /></kpt-icon-button>
+ */
+declare class KptShellNavToggle {
+    /** Własna etykieta przycisku; puste = `appShell.toggleNavigation` ze słownika. */
+    readonly label: _angular_core.InputSignal<string>;
+    protected readonly shell: KptAppShell;
+    private readonly i18n;
+    private readonly isNativeControl;
+    protected readonly ariaExpanded: _angular_core.Signal<string | null>;
+    protected readonly ariaControls: _angular_core.Signal<string | null>;
+    protected readonly ariaLabel: _angular_core.Signal<string | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KptShellNavToggle, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KptShellNavToggle, "[kptShellNavToggle]", never, { "label": { "alias": "kptShellNavToggle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -2300,7 +2617,20 @@ declare class KptDialog {
     readonly dismissible: _angular_core.InputSignalWithTransform<boolean, unknown>;
     protected readonly i18n: KptI18n;
     private readonly dialogRef;
+    private readonly overlayContainer;
+    /** Miejsce, z którego zabraliśmy kontener overlayów — żeby go tam oddać. */
+    private overlayHome;
     constructor();
+    /**
+     * Przenosi kontener CDK Overlay do wnętrza `<dialog>` na czas, gdy okno jest otwarte.
+     *
+     * `showModal()` wynosi okno do **warstwy szczytowej** przeglądarki, a ta jest ponad
+     * całym drzewem dokumentu — żaden `z-index` tego nie przebije. Kontener overlayów
+     * wisi na `<body>`, więc panele `kpt-select`, `kpt-datepicker`, `kpt-autocomplete`
+     * czy `kpt-menu` otwierałyby się NIEWIDOCZNE, schowane za tłem okna.
+     */
+    private adoptOverlayContainer;
+    private releaseOverlayContainer;
     protected onCancel(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KptDialog, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KptDialog, "kpt-dialog", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, ["*", "[kptDialogFooter]"], true, never>;
@@ -2355,18 +2685,35 @@ type KptTooltipPosition = 'top' | 'bottom' | 'left' | 'right';
  *
  * @example
  * <kpt-button kptTooltip="Zapisz zmiany" kptTooltipPosition="bottom">Zapisz</kpt-button>
+ *
+ * @example Dymek tylko wtedy, gdy tekst nie mieści się w elemencie:
+ * <span class="ellipsis" [kptTooltip]="name" kptTooltipOnlyWhenTruncated>{{ name }}</span>
  */
 declare class KptTooltip implements OnDestroy {
     readonly text: _angular_core.InputSignal<string>;
     readonly position: _angular_core.InputSignal<KptTooltipPosition>;
+    /**
+     * Pokazuj dymek tylko wtedy, gdy treść nie mieści się w elemencie (jest ucięta
+     * wielokropkiem). Dzięki temu podpowiedź nie powtarza tekstu, który i tak widać.
+     */
+    readonly onlyWhenTruncated: _angular_core.InputSignalWithTransform<boolean, unknown>;
     private readonly host;
     private tip?;
+    /** Dymek żyje w `body`, więc przy przewinięciu hosta trzeba go przeliczyć. */
+    private readonly follow;
     protected show(): void;
     protected hide(): void;
+    /**
+     * Czy treść jest przycięta? Sprawdzamy hosta oraz jego bezpośrednie dzieci, bo
+     * `text-overflow: ellipsis` siedzi zwykle na wewnętrznym elemencie — a taki element
+     * kurczy się do dostępnej szerokości i nie rozpycha rodzica, więc pomiar samego
+     * hosta nie wykryłby niczego.
+     */
+    private isTruncated;
     private reposition;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KptTooltip, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KptTooltip, "[kptTooltip]", never, { "text": { "alias": "kptTooltip"; "required": true; "isSignal": true; }; "position": { "alias": "kptTooltipPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KptTooltip, "[kptTooltip]", never, { "text": { "alias": "kptTooltip"; "required": true; "isSignal": true; }; "position": { "alias": "kptTooltipPosition"; "required": false; "isSignal": true; }; "onlyWhenTruncated": { "alias": "kptTooltipOnlyWhenTruncated"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -2404,6 +2751,8 @@ declare class KptAutocomplete implements FormValueControl<string> {
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Stan nieprawidłowy pokazujemy dopiero po dotknięciu pola — jak natywne `:user-invalid`. */
+    protected readonly showInvalid: _angular_core.Signal<boolean>;
     readonly touch: _angular_core.OutputEmitterRef<void>;
     protected readonly open: _angular_core.WritableSignal<boolean>;
     protected readonly activeIndex: _angular_core.WritableSignal<number>;
@@ -2593,5 +2942,6 @@ declare class KptSpeedDial<T = unknown> {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KptSpeedDial<any>, "kpt-speed-dial", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "select": "select"; }, never, never, true, never>;
 }
 
-export { KPT_I18N_CONFIG, KPT_MESSAGES_EN, KPT_MESSAGES_PL, KptAccordion, KptAccordionPanel, KptAlert, KptAppShell, KptAutocomplete, KptAvatar, KptAvatarGroup, KptBadge, KptBottomSheet, KptBreadcrumb, KptButton, KptButtonGroup, KptCard, KptCarousel, KptCellDef, KptCheckbox, KptChip, KptChipsInput, KptClock, KptColorPicker, KptConfirmContainer, KptConfirmService, KptContextMenu, KptDataTable, KptDataView, KptDateRange, KptDatepicker, KptDialog, KptDivider, KptDrawer, KptEmpty, KptFab, KptFieldset, KptFileUpload, KptFormField, KptGalleria, KptI18n, KptIcon, KptIconButton, KptIconRegistry, KptImage, KptInput, KptInputMask, KptInputNumber, KptInputOtp, KptKnob, KptListbox, KptMegamenu, KptMenu, KptMenubar, KptMeterGroup, KptOrderList, KptPaginator, KptPanel, KptPassword, KptPickList, KptPopover, KptProgress, KptRadioGroup, KptRating, KptRichText, KptRowDetailDef, KptScrollTop, KptSelect, KptSidenav, KptSkeleton, KptSlider, KptSpeedDial, KptSpinner, KptSplitButton, KptSplitter, KptStep, KptStepper, KptSwitch, KptSwitchGroup, KptTab, KptTabs, KptTextarea, KptTimeline, KptToastContainer, KptToastService, KptToolbar, KptTooltip, KptTree, provideKptI18n };
-export type { DeepPartial, KptAlertVariant, KptAvatarItem, KptAvatarShape, KptAvatarSize, KptBadgeVariant, KptBreadcrumbItem, KptButtonSize, KptButtonVariant, KptCardVariant, KptChipVariant, KptColumn, KptConfirmOptions, KptConfirmRequest, KptDateRangeValue, KptDividerOrientation, KptDrawerPosition, KptGalleriaItem, KptI18nConfig, KptIconName, KptInputType, KptLocale, KptMenuItem, KptMessages, KptMeterItem, KptOption, KptProgressVariant, KptRichTool, KptRichToolbar, KptSidenavMode, KptSkeletonVariant, KptSliderValue, KptSpeedDialDirection, KptSplitterOrientation, KptTableLazyState, KptTimelineItem, KptToast, KptToastOptions, KptTooltipPosition, KptTreeNode };
+export { KPT_BREAKPOINTS, KPT_FORM_FIELD_CONTROL, KPT_I18N_CONFIG, KPT_MESSAGES_EN, KPT_MESSAGES_PL, KptAccordion, KptAccordionPanel, KptAlert, KptAppShell, KptAutocomplete, KptAvatar, KptAvatarGroup, KptBadge, KptBottomSheet, KptBreadcrumb, KptBreakpointObserver, KptButton, KptButtonGroup, KptCard, KptCarousel, KptCellDef, KptCheckbox, KptChip, KptChipsInput, KptClock, KptColorPicker, KptConfirmContainer, KptConfirmService, KptContextMenu, KptDataTable, KptDataView, KptDateRange, KptDatepicker, KptDialog, KptDivider, KptDrawer, KptEmpty, KptFab, KptFieldset, KptFileUpload, KptFormField, KptGalleria, KptI18n, KptIcon, KptIconButton, KptIconRegistry, KptImage, KptInput, KptInputMask, KptInputNumber, KptInputOtp, KptKnob, KptListbox, KptMegamenu, KptMenu, KptMenubar, KptMeterGroup, KptOrderList, KptPaginator, KptPanel, KptPassword, KptPickList, KptPopover, KptProgress, KptRadioGroup, KptRating, KptRichText, KptRowDetailDef, KptScrollTop, KptSelect, KptShellNavToggle, KptSidenav, KptSkeleton, KptSlider, KptSpeedDial, KptSpinner, KptSplitButton, KptSplitter, KptStep, KptStepper, KptSwitch, KptSwitchGroup, KptTab, KptTabs, KptTextarea, KptTimeline, KptToastContainer, KptToastService, KptToolbar, KptTooltip, KptTree, provideKptI18n, renderKptIconSvg };
+export type { DeepPartial, KptAlertVariant, KptAvatarItem, KptAvatarShape, KptAvatarSize, KptBadgeVariant, KptBreadcrumbItem, KptBreakpoint, KptButtonSize, KptButtonVariant, KptCardVariant, KptChipVariant, KptColumn, KptConfirmOptions, KptConfirmRequest, KptDateRangeValue, KptDividerOrientation, KptDrawerPosition, KptFormFieldControl, KptGalleriaItem, KptI18nConfig, KptIconName, KptInputType, KptLocale, KptMenuItem, KptMessages, KptMeterItem, KptOption, KptProgressVariant, KptRichTool, KptRichToolbar, KptSidenavMode, KptSkeletonVariant, KptSliderValue, KptSpeedDialDirection, KptSplitterOrientation, KptTableLazyState, KptTimelineItem, KptToast, KptToastOptions, KptTooltipPosition, KptTreeNode };
+//# sourceMappingURL=konce-pt-angular.d.ts.map