@konce-pt/angular 0.7.12 → 0.8.1

package/fesm2022/konce-pt-angular.mjs

@@ -1,10 +1,16 @@
 import * as i0 from '@angular/core';
 import { input, booleanAttribute, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, model, output, signal, Injectable, inject, ElementRef, effect, InjectionToken, PLATFORM_ID, DestroyRef, makeEnvironmentProviders, contentChild, afterNextRender, untracked, forwardRef, numberAttribute, viewChild, Directive, TemplateRef, Injector, viewChildren, contentChildren, afterRenderEffect, linkedSignal } from '@angular/core';
 import { CdkOverlayOrigin, CdkConnectedOverlay, OverlayContainer } from '@angular/cdk/overlay';
+import { KPT_ICONS, sanitizeSvgFragment, renderKptIconSvg } from '@konce-pt/icons';
+export { renderKptIconSvg } from '@konce-pt/icons';
+import { KPT_MESSAGES_EN, KPT_MESSAGES_PL, deepMerge, translate, weekdayNames, monthNames } from '@konce-pt/i18n';
+export { KPT_MESSAGES_EN, KPT_MESSAGES_PL } from '@konce-pt/i18n';
 import { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';
+import { pad, hourMarks, minuteMarks, handAngle, handIsInner, parseTime, from12h, hourFromAngle, minuteFromAngle, commitLevelFor, decadeStart, centuryStart, canPageBack, canPageForward, formatTime, buildDayGrid, toIso, selectedYearMonth, buildMonthCells, buildYearCells, buildDecadeCells, initialPage, resolveStartView, parseDateTime, formatDate, KPT_CALENDAR_LEVELS, pageBy, clampVisibleMonths, datePart, timePart, buildRangeGrid, pickRangeDay } from '@konce-pt/datetime';
 import { form, required, email, minLength, validateTree, submit, FormField, FormRoot } from '@angular/forms/signals';
+import { toText, aggregate, escapeCsvCell, isEmptyFilterValue, matchesColumnFilter } from '@konce-pt/table';
 
-const _c0$E = ["*"];
+const _c0$F = ["*"];
 function KptButton_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElement(0, "span", 1);
 } }
@@ -39,7 +45,7 @@ class KptButton {
     static { this.ɵfac = function KptButton_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptButton)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptButton, selectors: [["kpt-button"]], hostAttrs: [1, "kpt-button-host"], hostVars: 2, hostBindings: function KptButton_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassProp("kpt-button-host--full", ctx.fullWidth());
-        } }, inputs: { variant: [1, "variant"], size: [1, "size"], type: [1, "type"], disabled: [1, "disabled"], loading: [1, "loading"], fullWidth: [1, "fullWidth"] }, ngContentSelectors: _c0$E, decls: 4, vars: 8, consts: [[1, "kpt-button", 3, "type", "disabled"], ["aria-hidden", "true", 1, "kpt-button__spinner"], [1, "kpt-button__content"]], template: function KptButton_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { variant: [1, "variant"], size: [1, "size"], type: [1, "type"], disabled: [1, "disabled"], loading: [1, "loading"], fullWidth: [1, "fullWidth"] }, ngContentSelectors: _c0$F, decls: 4, vars: 8, consts: [[1, "kpt-button", 3, "type", "disabled"], ["aria-hidden", "true", 1, "kpt-button__spinner"], [1, "kpt-button__content"]], template: function KptButton_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵdomElementStart(0, "button", 0);
             i0.ɵɵconditionalCreate(1, KptButton_Conditional_1_Template, 1, 0, "span", 1);
@@ -63,7 +69,7 @@ class KptButton {
     }], null, { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptButton, { className: "KptButton", filePath: "lib/button/button.component.ts", lineNumber: 32 }); })();
 
-const _c0$D = ["*"];
+const _c0$E = ["*"];
 function KptIconButton_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElement(0, "span", 1);
 } }
@@ -92,18 +98,26 @@ class KptIconButton {
         /** Etykieta dostępności (wymagana — przycisk nie ma tekstu). */
         this.ariaLabel = input.required(/* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        /**
+         * Stan wciśnięcia dla przycisku przełącznika (gwiazdka „w ulubionych", pauza, filtr).
+         * Musi zjechać na wewnętrzny `<button>`: `[attr.aria-pressed]` postawione na
+         * `<kpt-icon-button>` ląduje na hoście, który nie ma roli przycisku — czytnik nie ma
+         * wtedy czego ogłosić. `null` (domyślnie) nie wypisuje atrybutu w ogóle.
+         */
+        this.ariaPressed = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ariaPressed" }] : /* istanbul ignore next */ []));
         this.isDisabled = computed(() => this.disabled() || this.loading(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = function KptIconButton_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptIconButton)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptIconButton, selectors: [["kpt-icon-button"]], hostAttrs: [1, "kpt-icon-button-host"], inputs: { variant: [1, "variant"], size: [1, "size"], shape: [1, "shape"], type: [1, "type"], disabled: [1, "disabled"], loading: [1, "loading"], ariaLabel: [1, "ariaLabel"] }, ngContentSelectors: _c0$D, decls: 3, vars: 8, consts: [[1, "kpt-icon-button", 3, "type", "disabled"], ["aria-hidden", "true", 1, "kpt-icon-button__spinner"]], template: function KptIconButton_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptIconButton, selectors: [["kpt-icon-button"]], hostAttrs: [1, "kpt-icon-button-host"], inputs: { variant: [1, "variant"], size: [1, "size"], shape: [1, "shape"], type: [1, "type"], disabled: [1, "disabled"], loading: [1, "loading"], ariaLabel: [1, "ariaLabel"], ariaPressed: [1, "ariaPressed"] }, ngContentSelectors: _c0$E, decls: 3, vars: 9, consts: [[1, "kpt-icon-button", 3, "type", "disabled"], ["aria-hidden", "true", 1, "kpt-icon-button__spinner"]], template: function KptIconButton_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵdomElementStart(0, "button", 0);
             i0.ɵɵconditionalCreate(1, KptIconButton_Conditional_1_Template, 1, 0, "span", 1)(2, KptIconButton_Conditional_2_Template, 1, 0);
             i0.ɵɵdomElementEnd();
         } if (rf & 2) {
             i0.ɵɵdomProperty("type", ctx.type())("disabled", ctx.isDisabled());
-            i0.ɵɵattribute("data-variant", ctx.variant())("data-size", ctx.size())("data-shape", ctx.shape())("aria-label", ctx.ariaLabel())("aria-busy", ctx.loading() ? "true" : null);
+            i0.ɵɵattribute("data-variant", ctx.variant())("data-size", ctx.size())("data-shape", ctx.shape())("aria-label", ctx.ariaLabel())("aria-pressed", ctx.ariaPressed())("aria-busy", ctx.loading() ? "true" : null);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.loading() ? 1 : 2);
         } }, styles: ["@layer kpt.components{.kpt-icon-button-host{display:inline-flex}.kpt-icon-button{--%NS%_bg: transparent;--%NS%_fg: var(--%NS%kpt-color-on-surface);--%NS%_bg-hover: var(--%NS%kpt-color-muted);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:var(--%NS%kpt-border-width-thin, 1px) solid transparent;border-radius:var(--%NS%kpt-radius-full, 9999px);background:var(--%NS%_bg);color:var(--%NS%_fg);cursor:pointer;font-size:1.25rem}.kpt-icon-button:after{content:\"\";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-color:var(--%NS%_bg-hover);opacity:0;pointer-events:none;transition:opacity var(--%NS%kpt-motion-duration-fast, .12s) var(--%NS%kpt-motion-easing-standard)}.kpt-icon-button:hover:not(:disabled):after{opacity:1}.kpt-icon-button:disabled{cursor:not-allowed;opacity:.5}.kpt-icon-button[data-shape=square]{border-radius:var(--%NS%kpt-radius-md, .5rem)}.kpt-icon-button[data-size=sm]{width:2rem;height:2rem;font-size:1rem}.kpt-icon-button[data-size=lg]{width:3rem;height:3rem;font-size:1.5rem}.kpt-icon-button[data-variant=filled]{--%NS%_bg: var(--%NS%kpt-color-primary);--%NS%_fg: var(--%NS%kpt-color-on-primary);--%NS%_bg-hover: var(--%NS%kpt-color-primary-hover)}.kpt-icon-button[data-variant=tonal]{--%NS%_bg: var(--%NS%kpt-color-muted);--%NS%_fg: var(--%NS%kpt-color-on-muted);--%NS%_bg-hover: var(--%NS%kpt-color-muted-hover)}.kpt-icon-button[data-variant=outline]{border-color:var(--%NS%kpt-color-border-strong)}.kpt-icon-button[data-variant=danger]{--%NS%_bg: var(--%NS%kpt-color-danger);--%NS%_fg: var(--%NS%kpt-color-on-danger);--%NS%_bg-hover: color-mix(in oklch, var(--%NS%kpt-color-danger) 88%, black)}@media(prefers-reduced-motion:reduce){.kpt-icon-button:after{transition:none}}.kpt-icon-button__spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:kpt-spinner-rotate .6s linear infinite}}\n"], encapsulation: 2 }); }
@@ -119,6 +133,7 @@ class KptIconButton {
       [attr.data-shape]="shape()"
       [disabled]="isDisabled()"
       [attr.aria-label]="ariaLabel()"
+      [attr.aria-pressed]="ariaPressed()"
       [attr.aria-busy]="loading() ? 'true' : null"
     >
       @if (loading()) {
@@ -128,8 +143,8 @@ class KptIconButton {
       }
     </button>
   `, host: { class: 'kpt-icon-button-host' }, styles: ["@layer kpt.components{.kpt-icon-button-host{display:inline-flex}.kpt-icon-button{--_bg: transparent;--_fg: var(--kpt-color-on-surface);--_bg-hover: var(--kpt-color-muted);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:var(--kpt-border-width-thin, 1px) solid transparent;border-radius:var(--kpt-radius-full, 9999px);background:var(--_bg);color:var(--_fg);cursor:pointer;font-size:1.25rem}.kpt-icon-button:after{content:\"\";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-color:var(--_bg-hover);opacity:0;pointer-events:none;transition:opacity var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard)}.kpt-icon-button:hover:not(:disabled):after{opacity:1}.kpt-icon-button:disabled{cursor:not-allowed;opacity:.5}.kpt-icon-button[data-shape=square]{border-radius:var(--kpt-radius-md, .5rem)}.kpt-icon-button[data-size=sm]{width:2rem;height:2rem;font-size:1rem}.kpt-icon-button[data-size=lg]{width:3rem;height:3rem;font-size:1.5rem}.kpt-icon-button[data-variant=filled]{--_bg: var(--kpt-color-primary);--_fg: var(--kpt-color-on-primary);--_bg-hover: var(--kpt-color-primary-hover)}.kpt-icon-button[data-variant=tonal]{--_bg: var(--kpt-color-muted);--_fg: var(--kpt-color-on-muted);--_bg-hover: var(--kpt-color-muted-hover)}.kpt-icon-button[data-variant=outline]{border-color:var(--kpt-color-border-strong)}.kpt-icon-button[data-variant=danger]{--_bg: var(--kpt-color-danger);--_fg: var(--kpt-color-on-danger);--_bg-hover: color-mix(in oklch, var(--kpt-color-danger) 88%, black)}@media(prefers-reduced-motion:reduce){.kpt-icon-button:after{transition:none}}.kpt-icon-button__spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:kpt-spinner-rotate .6s linear infinite}}\n"] }]
-    }], null, { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptIconButton, { className: "KptIconButton", filePath: "lib/icon-button/icon-button.component.ts", lineNumber: 36 }); })();
+    }], null, { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: true }] }], ariaPressed: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaPressed", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptIconButton, { className: "KptIconButton", filePath: "lib/icon-button/icon-button.component.ts", lineNumber: 37 }); })();
 
 const _forTrack0$e = ($index, $item) => $item.value;
 function KptButtonGroup_For_2_Template(rf, ctx) { if (rf & 1) {
@@ -203,7 +218,7 @@ class KptButtonGroup {
     }], null, { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptButtonGroup, { className: "KptButtonGroup", filePath: "lib/button-group/button-group.component.ts", lineNumber: 41 }); })();
 
-const _c0$C = ["*"];
+const _c0$D = ["*"];
 /**
  * Floating Action Button (FAB) — okrągły, wyniesiony przycisk akcji. Wariant `extended` = pigułka z tekstem.
  *
@@ -226,7 +241,7 @@ class KptFab {
         ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = function KptFab_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptFab)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptFab, selectors: [["kpt-fab"]], hostAttrs: [1, "kpt-fab-host"], inputs: { variant: [1, "variant"], size: [1, "size"], extended: [1, "extended"], disabled: [1, "disabled"], type: [1, "type"], ariaLabel: [1, "ariaLabel"] }, ngContentSelectors: _c0$C, decls: 2, vars: 7, consts: [[1, "kpt-fab", 3, "type", "disabled"]], template: function KptFab_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptFab, selectors: [["kpt-fab"]], hostAttrs: [1, "kpt-fab-host"], inputs: { variant: [1, "variant"], size: [1, "size"], extended: [1, "extended"], disabled: [1, "disabled"], type: [1, "type"], ariaLabel: [1, "ariaLabel"] }, ngContentSelectors: _c0$D, decls: 2, vars: 7, consts: [[1, "kpt-fab", 3, "type", "disabled"]], template: function KptFab_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵdomElementStart(0, "button", 0);
             i0.ɵɵprojection(1);
@@ -253,106 +268,6 @@ class KptFab {
     }], null, { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], extended: [{ type: i0.Input, args: [{ isSignal: true, alias: "extended", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptFab, { className: "KptFab", filePath: "lib/fab/fab.component.ts", lineNumber: 28 }); })();
 
-const KPT_ICONS = {
-    'menu': '<path d="M4 6l16 0" /> <path d="M4 12l16 0" /> <path d="M4 18l16 0" />',
-    'x': '<path d="M18 6l-12 12" /> <path d="M6 6l12 12" />',
-    'chevron-up': '<path d="M6 15l6 -6l6 6" />',
-    'chevron-down': '<path d="M6 9l6 6l6 -6" />',
-    'chevron-left': '<path d="M15 6l-6 6l6 6" />',
-    'chevron-right': '<path d="M9 6l6 6l-6 6" />',
-    'check': '<path d="M5 12l5 5l10 -10" />',
-    'search': '<path d="M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /> <path d="M21 21l-6 -6" />',
-    'grip-vertical': '<path d="M8 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M8 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M8 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M14 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M14 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M14 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" />',
-    'info': '<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /> <path d="M12 9h.01" /> <path d="M11 12h1v4h1" />',
-    'alert-triangle': '<path d="M12 9v4" /> <path d="M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0" /> <path d="M12 16h.01" />',
-    'circle-check': '<path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /> <path d="M9 12l2 2l4 -4" />',
-    'circle-x': '<path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /> <path d="M10 10l4 4m0 -4l-4 4" />',
-    'calendar': '<path d="M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12" /> <path d="M16 3v4" /> <path d="M8 3v4" /> <path d="M4 11h16" /> <path d="M11 15h1" /> <path d="M12 15v3" />',
-    'copy': '<path d="M7 9.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667l0 -8.666" /> <path d="M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" />',
-    'link': '<path d="M9 15l6 -6" /> <path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464" /> <path d="M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463" />',
-    'code': '<path d="M7 8l-4 4l4 4" /> <path d="M17 8l4 4l-4 4" /> <path d="M14 4l-4 16" />',
-    'bold': '<path d="M7 5h6a3.5 3.5 0 0 1 0 7h-6l0 -7" /> <path d="M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7" />',
-    'italic': '<path d="M11 5l6 0" /> <path d="M7 19l6 0" /> <path d="M14 5l-4 14" />',
-    'underline': '<path d="M7 5v5a5 5 0 0 0 10 0v-5" /> <path d="M5 19h14" />',
-    'strikethrough': '<path d="M5 12l14 0" /> <path d="M16 6.5a4 2 0 0 0 -4 -1.5h-1a3.5 3.5 0 0 0 0 7h2a3.5 3.5 0 0 1 0 7h-1.5a4 2 0 0 1 -4 -1.5" />',
-    'list': '<path d="M9 6l11 0" /> <path d="M9 12l11 0" /> <path d="M9 18l11 0" /> <path d="M5 6l0 .01" /> <path d="M5 12l0 .01" /> <path d="M5 18l0 .01" />',
-    'list-numbers': '<path d="M11 6h9" /> <path d="M11 12h9" /> <path d="M12 18h8" /> <path d="M4 16a2 2 0 1 1 4 0c0 .591 -.5 1 -1 1.5l-3 2.5h4" /> <path d="M6 10v-6l-2 2" />',
-    'indent-increase': '<path d="M20 6l-11 0" /> <path d="M20 12l-7 0" /> <path d="M20 18l-11 0" /> <path d="M4 8l4 4l-4 4" />',
-    'indent-decrease': '<path d="M20 6l-7 0" /> <path d="M20 12l-9 0" /> <path d="M20 18l-7 0" /> <path d="M8 8l-4 4l4 4" />',
-    'clear-formatting': '<path d="M17 15l4 4m0 -4l-4 4" /> <path d="M7 6v-1h11v1" /> <path d="M7 19l4 0" /> <path d="M13 5l-4 14" />',
-    'star': '<path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873l-6.158 -3.245" />',
-    'plus': '<path d="M12 5l0 14" /> <path d="M5 12l14 0" />',
-    'upload': '<path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" /> <path d="M7 9l5 -5l5 5" /> <path d="M12 4l0 12" />',
-    'dots-vertical': '<path d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M11 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M11 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" />',
-    'photo': '<path d="M15 8h.01" /> <path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12" /> <path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5" /> <path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3" />',
-    'trash': '<path d="M4 7l16 0" /> <path d="M10 11l0 6" /> <path d="M14 11l0 6" /> <path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" /> <path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" />',
-    'pencil': '<path d="M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4" /> <path d="M13.5 6.5l4 4" />',
-    'eye': '<path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" /> <path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6" />',
-    'eye-off': '<path d="M10.585 10.587a2 2 0 0 0 2.829 2.828" /> <path d="M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87" /> <path d="M3 3l18 18" />',
-    'minus': '<path d="M5 12l14 0" />',
-    'arrow-up': '<path d="M12 5l0 14" /> <path d="M18 11l-6 -6" /> <path d="M6 11l6 -6" />',
-    'arrow-down': '<path d="M12 5l0 14" /> <path d="M18 13l-6 6" /> <path d="M6 13l6 6" />',
-    'zoom-in': '<path d="M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /> <path d="M7 10l6 0" /> <path d="M10 7l0 6" /> <path d="M21 21l-6 -6" />',
-    'info-circle': '<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /> <path d="M12 9h.01" /> <path d="M11 12h1v4h1" />',
-    'phone': '<path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" />',
-    'map-pin': '<path d="M9 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /> <path d="M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z" />',
-    'world': '<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /> <path d="M3.6 9h16.8" /> <path d="M3.6 15h16.8" /> <path d="M11.5 3a17 17 0 0 0 0 18" /> <path d="M12.5 3a17 17 0 0 1 0 18" />',
-    'clock': '<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /> <path d="M12 7v5l3 3" />',
-    'align-left': '<path d="M4 6l16 0" /> <path d="M4 12l10 0" /> <path d="M4 18l14 0" />',
-    'align-center': '<path d="M4 6l16 0" /> <path d="M8 12l8 0" /> <path d="M6 18l12 0" />',
-    'align-right': '<path d="M4 6l16 0" /> <path d="M10 12l10 0" /> <path d="M6 18l14 0" />',
-    'align-justified': '<path d="M4 6l16 0" /> <path d="M4 12l16 0" /> <path d="M4 18l12 0" />',
-    'palette': '<path d="M12 21a9 9 0 0 1 0 -18a9 8 0 0 1 9 8a4.5 4 0 0 1 -4.5 4h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25" /> <path d="M8.5 10.5a1 1 0 1 0 2 0a1 1 0 0 0 -2 0" /> <path d="M12.5 7.5a1 1 0 1 0 2 0a1 1 0 0 0 -2 0" /> <path d="M16.5 10.5a1 1 0 1 0 2 0a1 1 0 0 0 -2 0" />',
-    'highlight': '<path d="M3 19h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4" /> <path d="M12.5 5.5l4 4" /> <path d="M4.5 13.5l4 4" /> <path d="M21 15v4h-8" />',
-    'clipboard': '<path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /> <path d="M9 3m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" />',
-    'clipboard-text': '<path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /> <path d="M9 3m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /> <path d="M9 12h6" /> <path d="M9 16h6" />',
-    'table': '<path d="M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14z" /> <path d="M3 10h18" /> <path d="M10 3v18" />',
-    'mail': '<path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z" /> <path d="M3 7l9 6l9 -6" />',
-    'share': '<path d="M6 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /> <path d="M18 6m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /> <path d="M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /> <path d="M8.7 10.7l6.6 -3.4" /> <path d="M8.7 13.3l6.6 3.4" />',
-    'external-link': '<path d="M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6" /> <path d="M11 13l9 -9" /> <path d="M15 4h5v5" />',
-    'crosshair': '<path d="M4 12h4" /> <path d="M16 12h4" /> <path d="M12 4v4" /> <path d="M12 16v4" /> <path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" />',
-    'adjustments-horizontal': '<path d="M12 6a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /> <path d="M4 6l8 0" /> <path d="M16 6l4 0" /> <path d="M6 12a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /> <path d="M4 12l2 0" /> <path d="M10 12l10 0" /> <path d="M15 18a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /> <path d="M4 18l11 0" /> <path d="M19 18l1 0" />',
-};
-
-// Allowlist SVG dla treści przechodzącej przez `register()` — sam rejestr trafia bez sanitizera
-// wprost do `innerHTML` (`icon.component.ts`, markery mapy), więc runtime'owe wywołanie `register()`
-// z niezaufaną treścią (CMS/API/upload) byłoby DOM XSS. Wbudowany `KPT_ICONS` (build-time, zaufany)
-// nie przechodzi przez ten filtr. Zestaw tagów/atrybutów pokrywa 100% wbudowanych ikon i pełnego
-// zestawu Tabler (5130) — oba używają wyłącznie `<path d/fill/opacity/stroke>` — więc sanitizacja
-// jest dla nich no-opem.
-const ALLOWED_SVG_TAGS = new Set([
-    'path', 'circle', 'rect', 'g', 'line', 'polygon', 'polyline', 'ellipse',
-]);
-const ALLOWED_SVG_ATTRS = new Set([
-    'd', 'cx', 'cy', 'r', 'rx', 'ry', 'x', 'y', 'x1', 'y1', 'x2', 'y2', 'width', 'height', 'points',
-    'fill', 'stroke', 'stroke-width', 'stroke-linecap', 'stroke-linejoin', 'opacity', 'transform',
-]);
-/**
- * Sanityzuje fragment SVG do allowlisty tagów/atrybutów geometrii — patrz komentarz wyżej.
- *
- * Fragment MUSI być parsowany owinięty w `<svg>` — parser HTML przełącza się w tryb „foreign
- * content" dopiero po napotkaniu tagu `<svg>`, dopiero wtedy składnia samozamykająca (`<path .../>`)
- * jest respektowana. Bez wrappera `<path d="…" />` zostaje w zwykłym trybie HTML, gdzie `path` nie
- * jest elementem pustym — kolejne rodzeństwo trafiłoby jako jego DZIECKO zamiast obok niego.
- */
-function sanitizeSvgFragment(svg) {
-    const tpl = document.createElement('template');
-    tpl.innerHTML = `<svg>${svg}</svg>`;
-    const root = tpl.content.firstElementChild;
-    if (!root)
-        return '';
-    for (const el of Array.from(root.querySelectorAll('*'))) {
-        if (!ALLOWED_SVG_TAGS.has(el.tagName.toLowerCase())) {
-            el.remove();
-            continue;
-        }
-        for (const attr of Array.from(el.attributes)) {
-            if (!ALLOWED_SVG_ATTRS.has(attr.name.toLowerCase()))
-                el.removeAttribute(attr.name);
-        }
-    }
-    return root.innerHTML;
-}
 /**
  * Rejestr ikon dla `kpt-icon`. Zawiera wbudowany zestaw (używany przez komponenty).
  * Aby dodać pełny zestaw Tabler (5130 ikon), użyj `provideKptTablerIcons()`
@@ -394,21 +309,6 @@ class KptIconRegistry {
         type: Injectable,
         args: [{ providedIn: 'root' }]
     }], null, null); })();
-/**
- * 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ć.
- */
-function renderKptIconSvg(inner, cssClass = 'kpt-icon') {
-    if (!inner)
-        return '';
-    return (`<svg class="${cssClass}" viewBox="0 0 24 24" fill="none" stroke="currentColor"` +
-        ' stroke-width="2" stroke-linecap="round" stroke-linejoin="round">' +
-        inner +
-        '</svg>');
-}
 
 /**
  * Ikona Koncept UI (inline SVG, zestaw Tabler Icons — MIT). Rozmiar dziedziczy z `font-size`
@@ -539,7 +439,7 @@ class KptAvatar {
     }], null, { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptAvatar, { className: "KptAvatar", filePath: "lib/avatar/avatar.component.ts", lineNumber: 46 }); })();
 
-const _c0$B = ["*"];
+const _c0$C = ["*"];
 /**
  * Znacznik (badge) — licznik lub kropka statusu. Standalone lub nałożony na treść (`overlay`).
  *
@@ -571,7 +471,7 @@ class KptBadge {
         ...(ngDevMode ? [{ debugName: "display" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = function KptBadge_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptBadge)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptBadge, selectors: [["kpt-badge"]], hostAttrs: [1, "kpt-badge-host"], inputs: { value: [1, "value"], variant: [1, "variant"], size: [1, "size"], dot: [1, "dot"], overlay: [1, "overlay"], max: [1, "max"] }, ngContentSelectors: _c0$B, decls: 3, vars: 7, consts: [[1, "kpt-badge"]], template: function KptBadge_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptBadge, selectors: [["kpt-badge"]], hostAttrs: [1, "kpt-badge-host"], inputs: { value: [1, "value"], variant: [1, "variant"], size: [1, "size"], dot: [1, "dot"], overlay: [1, "overlay"], max: [1, "max"] }, ngContentSelectors: _c0$C, decls: 3, vars: 7, consts: [[1, "kpt-badge"]], template: function KptBadge_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
             i0.ɵɵdomElementStart(1, "span", 0);
@@ -603,648 +503,6 @@ class KptBadge {
 /** Token konfiguracji i18n. Konsumowany przez `KptI18n`. */
 const KPT_I18N_CONFIG = new InjectionToken('KPT_I18N_CONFIG');
 
-/*
- * Kontrakt tłumaczeń Koncept UI + słowniki bazowe (EN, PL).
- *
- * Plik jest celowo wolny od zależności Angulara — to czysty TypeScript/JSON.
- * Dzięki temu ten sam kontrakt (`KptMessages`) i te same słowniki przenoszą się
- * 1:1 do przyszłego portu React (Context + hook zamiast DI).
- *
- * Autor nowego języka wypełnia strukturę `KptMessages` (np. `de.json`) i podaje
- * ją przez `provideKptI18n({ locale: 'de', messages: { de } })`. Brakujące klucze
- * spadają na fallback EN.
- */
-const KPT_MESSAGES_EN = {
-    common: {
-        close: 'Close',
-        remove: 'Remove',
-        previous: 'Previous',
-        next: 'Next',
-        clear: 'Clear',
-        done: 'Done',
-        all: 'All',
-    },
-    paginator: {
-        rowsPerPage: 'Rows:',
-        range: '{start}–{end} of {total}',
-        prevPage: 'Previous page',
-        nextPage: 'Next page',
-    },
-    select: {
-        search: 'Search…',
-        noResults: 'No results',
-        removeChip: 'Remove',
-    },
-    listbox: {
-        search: 'Search…',
-        empty: 'No items',
-    },
-    dataView: {
-        list: 'List',
-        grid: 'Grid',
-        empty: 'No items',
-        count: '{count} items',
-    },
-    roadmap: {
-        empty: 'No items on the roadmap',
-        week: 'W',
-        today: 'Today',
-        milestone: 'Milestone',
-        expandGroup: 'Expand group',
-        collapseGroup: 'Collapse group',
-    },
-    map: {
-        addLocation: 'Add location',
-        chooseCategory: 'Choose a category',
-        myLocation: 'My location',
-        locateMe: 'Centre on my location',
-        locationDenied: 'Location access denied',
-        locationUnavailable: 'Location unavailable',
-        zoomIn: 'Zoom in',
-        zoomOut: 'Zoom out',
-        legend: 'Legend',
-        showCategory: 'Show {category}',
-        hideCategory: 'Hide {category}',
-        cluster: 'Group of {count} locations',
-        clusterItems: 'Locations in this group',
-        fieldRequired: '{label} is required',
-        lookingUpAddress: 'Looking up the address…',
-        addressNotFound: 'No address found for this point',
-        latitude: 'Latitude',
-        longitude: 'Longitude',
-        empty: 'No locations',
-        save: 'Save',
-        cancel: 'Cancel',
-        poi: {
-            distanceAway: '{distance} away',
-            openNow: 'Open',
-            closedNow: 'Closed',
-            opensAt: 'opens at {time}',
-            closesAt: 'closes at {time}',
-            alwaysOpen: 'Open 24/7',
-            openingHours: 'Opening hours',
-            closedDay: 'Closed',
-            call: 'Call',
-            sendEmail: 'Send an e-mail',
-            openWebsite: 'Open the website',
-            coordinates: 'Coordinates',
-            copy: 'Copy',
-            copied: 'Copied',
-            share: 'Share',
-            addFavourite: 'Add to favourites',
-            removeFavourite: 'Remove from favourites',
-            noPhoto: 'No photo',
-        },
-        search: {
-            placeholder: 'Search for an address…',
-            label: 'Search for an address',
-            results: 'Address suggestions',
-            clear: 'Clear the search',
-            noResults: 'No matching places',
-            minLength: 'Type at least {count} characters',
-            searching: 'Searching…',
-            found: '{count} suggestions',
-        },
-        field: {
-            invalidEmail: 'Enter a valid e-mail address',
-            invalidUrl: 'Enter an address starting with http:// or https://',
-            imageTooLarge: 'The picture must be no larger than {max}',
-            pickImage: 'Pick a picture',
-            orPasteUrl: 'or paste a picture address',
-            removeImage: 'Remove the picture',
-            imagePreview: 'Picture preview',
-            hoursClosed: 'Closed',
-            hoursFrom: 'From',
-            hoursTo: 'To',
-            hoursSameAllWeek: 'Same all week',
-            hoursAddRange: 'Add a second range',
-            hoursRemoveRange: 'Remove the range',
-            hoursIncomplete: 'Set both times for {day} or mark the day as closed',
-        },
-    },
-    dataTable: {
-        search: 'Search…',
-        exportCsv: 'Export CSV',
-        loading: 'Loading…',
-        empty: 'No data',
-        selectAll: 'Select all',
-        selectRow: 'Select row',
-        expandRow: 'Expand row',
-        filter: 'Filter: {column}',
-        filterMin: 'Filter min: {column}',
-        filterMax: 'Filter max: {column}',
-        all: 'All',
-        dateRange: 'Date range',
-        min: 'min',
-        max: 'max',
-        editCell: 'Edit: {column}',
-        total: 'Total',
-    },
-    confirm: {
-        header: 'Confirmation',
-        accept: 'Confirm',
-        reject: 'Cancel',
-    },
-    fileUpload: {
-        hint: '<strong>Click</strong> or drag files here',
-        remove: 'Remove',
-    },
-    chipsInput: {
-        placeholder: 'Add and press Enter…',
-    },
-    dateRange: {
-        placeholder: 'Select range',
-        from: 'From',
-        to: 'To',
-        fromTime: 'From (time)',
-        toTime: 'To (time)',
-    },
-    datepicker: {
-        prevMonth: 'Previous month',
-        nextMonth: 'Next month',
-        prevYear: 'Previous year',
-        nextYear: 'Next year',
-        prevYears: 'Previous years',
-        nextYears: 'Next years',
-        prevDecades: 'Previous decades',
-        nextDecades: 'Next decades',
-        chooseMonth: 'Choose month',
-        chooseYear: 'Choose year',
-        chooseDecade: 'Choose decade',
-        calendar: 'Calendar',
-        month: 'Month',
-        time: 'Time',
-    },
-    pickList: {
-        available: 'Available',
-        selected: 'Selected',
-        moveAllRight: 'Move all right',
-        moveRight: 'Move right',
-        moveLeft: 'Move left',
-        moveAllLeft: 'Move all left',
-    },
-    orderList: {
-        up: 'Up',
-        down: 'Down',
-    },
-    inputNumber: {
-        decrement: 'Decrease',
-        increment: 'Increase',
-    },
-    password: {
-        show: 'Show password',
-        hide: 'Hide password',
-        strength: ['Very weak', 'Weak', 'Medium', 'Good', 'Strong'],
-    },
-    spinner: {
-        label: 'Loading',
-    },
-    speedDial: {
-        actions: 'Actions',
-    },
-    scrollTop: {
-        label: 'Scroll to top',
-    },
-    splitButton: {
-        more: 'More actions',
-    },
-    panel: {
-        toggle: 'Collapse / expand',
-    },
-    appShell: {
-        toggleNavigation: 'Toggle navigation',
-        navigation: 'Main navigation',
-    },
-    breadcrumb: {
-        label: 'breadcrumb',
-    },
-    galleria: {
-        image: 'Image {index}',
-    },
-    carousel: {
-        slide: 'Slide {index}',
-    },
-    richText: {
-        copy: 'Copy',
-        paste: 'Paste with formatting',
-        pasteText: 'Paste without formatting',
-        heading: 'Style',
-        bold: 'Bold',
-        italic: 'Italic',
-        underline: 'Underline',
-        strike: 'Strikethrough',
-        ul: 'Bulleted list',
-        ol: 'Numbered list',
-        indent: 'Increase indent',
-        outdent: 'Decrease indent',
-        foreColor: 'Text color',
-        backColor: 'Text background color',
-        alignLeft: 'Align left',
-        alignCenter: 'Center',
-        alignRight: 'Align right',
-        alignJustify: 'Justify',
-        link: 'Insert link',
-        table: 'Table',
-        clear: 'Clear formatting',
-        html: 'HTML preview',
-        styleNormal: 'Normal',
-        styleHeading: 'Heading {level}',
-        linkPrompt: 'URL:',
-        htmlSource: 'HTML source',
-        paletteCustom: 'Custom…',
-        menu: {
-            column: 'Column',
-            row: 'Row',
-            cell: 'Cell',
-            insertLeft: 'Insert left',
-            insertRight: 'Insert right',
-            headerColumn: 'Header column',
-            deleteColumn: 'Delete column',
-            insertAbove: 'Insert above',
-            insertBelow: 'Insert below',
-            headerRow: 'Header row',
-            deleteRow: 'Delete row',
-            cellBackground: 'Background color',
-            alignLeft: 'Left',
-            alignCenter: 'Center',
-            alignRight: 'Right',
-            mergeCells: 'Merge cells',
-            splitCell: 'Split cell',
-            border: 'Border…',
-            deleteTable: 'Delete table',
-        },
-        border: {
-            table: 'Table',
-            cell: 'Cell',
-            none: 'None',
-            thin: 'Thin',
-            medium: 'Medium',
-            thick: 'Thick',
-            customColor: 'Color…',
-        },
-    },
-    auth: {
-        signInTitle: 'Sign in',
-        signInSubtitle: 'Use your e-mail and password.',
-        signUpTitle: 'Create account',
-        signUpSubtitle: 'It takes less than a minute.',
-        forgotTitle: 'Reset password',
-        forgotSubtitle: 'We will send a reset link to your e-mail.',
-        name: 'Full name',
-        email: 'E-mail',
-        emailPlaceholder: 'you@company.com',
-        password: 'Password',
-        passwordHint: 'At least {min} characters.',
-        confirmPassword: 'Repeat password',
-        remember: 'Remember me',
-        terms: 'I accept the terms of service',
-        forgotLink: 'Forgot password?',
-        backToSignIn: 'Back to sign in',
-        signInSubmit: 'Sign in',
-        signUpSubmit: 'Create account',
-        resetSubmit: 'Send reset link',
-        orContinueWith: 'or continue with',
-        continueWith: 'Continue with {provider}',
-        noAccount: 'No account yet?',
-        haveAccount: 'Already have an account?',
-        signInSwitch: 'Sign in',
-        signUpSwitch: 'Sign up',
-        errorRequired: 'This field is required',
-        errorEmail: 'Enter a valid e-mail address',
-        errorMinLength: 'Use at least {min} characters',
-        errorMismatch: 'Passwords do not match',
-        errorInvalid: 'Invalid value',
-        promo: {
-            signInTitle: 'Welcome back',
-            signInText: 'Sign in to pick up where you left off.',
-            signUpTitle: 'New here?',
-            signUpText: 'Create an account and start in a minute.',
-        },
-    },
-};
-const KPT_MESSAGES_PL = {
-    common: {
-        close: 'Zamknij',
-        remove: 'Usuń',
-        previous: 'Poprzedni',
-        next: 'Następny',
-        clear: 'Wyczyść',
-        done: 'Gotowe',
-        all: 'Wszystkie',
-    },
-    paginator: {
-        rowsPerPage: 'Wierszy:',
-        range: '{start}–{end} z {total}',
-        prevPage: 'Poprzednia strona',
-        nextPage: 'Następna strona',
-    },
-    select: {
-        search: 'Szukaj…',
-        noResults: 'Brak wyników',
-        removeChip: 'Usuń',
-    },
-    listbox: {
-        search: 'Szukaj…',
-        empty: 'Brak pozycji',
-    },
-    dataView: {
-        list: 'Lista',
-        grid: 'Siatka',
-        empty: 'Brak elementów',
-        count: '{count} elementów',
-    },
-    roadmap: {
-        empty: 'Brak elementów na roadmapie',
-        week: 'T',
-        today: 'Dziś',
-        milestone: 'Kamień milowy',
-        expandGroup: 'Rozwiń grupę',
-        collapseGroup: 'Zwiń grupę',
-    },
-    map: {
-        addLocation: 'Dodaj lokalizację',
-        chooseCategory: 'Wybierz kategorię',
-        myLocation: 'Moje położenie',
-        locateMe: 'Wyśrodkuj na moim położeniu',
-        locationDenied: 'Brak zgody na dostęp do lokalizacji',
-        locationUnavailable: 'Położenie niedostępne',
-        zoomIn: 'Przybliż',
-        zoomOut: 'Oddal',
-        legend: 'Legenda',
-        showCategory: 'Pokaż: {category}',
-        hideCategory: 'Ukryj: {category}',
-        cluster: 'Grupa {count} lokalizacji',
-        clusterItems: 'Lokalizacje w tej grupie',
-        fieldRequired: 'Pole „{label}" jest wymagane',
-        lookingUpAddress: 'Szukam adresu…',
-        addressNotFound: 'Nie znaleziono adresu dla tego punktu',
-        latitude: 'Szerokość',
-        longitude: 'Długość',
-        empty: 'Brak lokalizacji',
-        save: 'Zapisz',
-        cancel: 'Anuluj',
-        poi: {
-            distanceAway: '{distance} od Ciebie',
-            openNow: 'Otwarte',
-            closedNow: 'Zamknięte',
-            opensAt: 'otwarcie o {time}',
-            closesAt: 'zamknięcie o {time}',
-            alwaysOpen: 'Czynne całą dobę',
-            openingHours: 'Godziny otwarcia',
-            closedDay: 'Zamknięte',
-            call: 'Zadzwoń',
-            sendEmail: 'Napisz wiadomość',
-            openWebsite: 'Otwórz stronę',
-            coordinates: 'Współrzędne',
-            copy: 'Kopiuj',
-            copied: 'Skopiowano',
-            share: 'Udostępnij',
-            addFavourite: 'Dodaj do ulubionych',
-            removeFavourite: 'Usuń z ulubionych',
-            noPhoto: 'Brak zdjęcia',
-        },
-        search: {
-            placeholder: 'Szukaj adresu…',
-            label: 'Szukaj adresu',
-            results: 'Podpowiedzi adresów',
-            clear: 'Wyczyść wyszukiwanie',
-            noResults: 'Brak pasujących miejsc',
-            minLength: 'Wpisz więcej znaków (minimum: {count})',
-            searching: 'Szukam…',
-            found: 'Podpowiedzi: {count}',
-        },
-        field: {
-            invalidEmail: 'Podaj poprawny adres e-mail',
-            invalidUrl: 'Podaj adres zaczynający się od http:// albo https://',
-            imageTooLarge: 'Zdjęcie może mieć najwyżej {max}',
-            pickImage: 'Wybierz zdjęcie',
-            orPasteUrl: 'albo wklej adres zdjęcia',
-            removeImage: 'Usuń zdjęcie',
-            imagePreview: 'Podgląd zdjęcia',
-            hoursClosed: 'Zamknięte',
-            hoursFrom: 'Od',
-            hoursTo: 'Do',
-            hoursSameAllWeek: 'Tak samo przez cały tydzień',
-            hoursAddRange: 'Dodaj drugi przedział',
-            hoursRemoveRange: 'Usuń przedział',
-            hoursIncomplete: 'Podaj obie godziny dla dnia {day} albo oznacz go jako zamknięty',
-        },
-    },
-    dataTable: {
-        search: 'Szukaj…',
-        exportCsv: 'Eksport CSV',
-        loading: 'Ładowanie…',
-        empty: 'Brak danych',
-        selectAll: 'Zaznacz wszystkie',
-        selectRow: 'Zaznacz wiersz',
-        expandRow: 'Rozwiń wiersz',
-        filter: 'Filtr: {column}',
-        filterMin: 'Filtr min: {column}',
-        filterMax: 'Filtr max: {column}',
-        all: 'Wszystkie',
-        dateRange: 'Zakres dat',
-        min: 'min',
-        max: 'max',
-        editCell: 'Edytuj: {column}',
-        total: 'Razem',
-    },
-    confirm: {
-        header: 'Potwierdzenie',
-        accept: 'Potwierdź',
-        reject: 'Anuluj',
-    },
-    fileUpload: {
-        hint: '<strong>Kliknij</strong> lub przeciągnij pliki tutaj',
-        remove: 'Usuń',
-    },
-    chipsInput: {
-        placeholder: 'Dodaj i naciśnij Enter…',
-    },
-    dateRange: {
-        placeholder: 'Wybierz zakres',
-        from: 'Od',
-        to: 'Koniec',
-        fromTime: 'Od (godzina)',
-        toTime: 'Koniec (godzina)',
-    },
-    datepicker: {
-        prevMonth: 'Poprzedni miesiąc',
-        nextMonth: 'Następny miesiąc',
-        prevYear: 'Poprzedni rok',
-        nextYear: 'Następny rok',
-        prevYears: 'Poprzednie lata',
-        nextYears: 'Następne lata',
-        prevDecades: 'Poprzednie dekady',
-        nextDecades: 'Następne dekady',
-        chooseMonth: 'Wybierz miesiąc',
-        chooseYear: 'Wybierz rok',
-        chooseDecade: 'Wybierz dekadę',
-        calendar: 'Kalendarz',
-        month: 'Miesiąc',
-        time: 'Godzina',
-    },
-    pickList: {
-        available: 'Dostępne',
-        selected: 'Wybrane',
-        moveAllRight: 'Przenieś wszystko w prawo',
-        moveRight: 'Przenieś w prawo',
-        moveLeft: 'Przenieś w lewo',
-        moveAllLeft: 'Przenieś wszystko w lewo',
-    },
-    orderList: {
-        up: 'W górę',
-        down: 'W dół',
-    },
-    inputNumber: {
-        decrement: 'Zmniejsz',
-        increment: 'Zwiększ',
-    },
-    password: {
-        show: 'Pokaż hasło',
-        hide: 'Ukryj hasło',
-        strength: ['Bardzo słabe', 'Słabe', 'Średnie', 'Dobre', 'Silne'],
-    },
-    spinner: {
-        label: 'Ładowanie',
-    },
-    speedDial: {
-        actions: 'Akcje',
-    },
-    scrollTop: {
-        label: 'Przewiń do góry',
-    },
-    splitButton: {
-        more: 'Więcej akcji',
-    },
-    panel: {
-        toggle: 'Zwiń / rozwiń',
-    },
-    appShell: {
-        toggleNavigation: 'Przełącz nawigację',
-        navigation: 'Nawigacja główna',
-    },
-    breadcrumb: {
-        label: 'breadcrumb',
-    },
-    galleria: {
-        image: 'Obraz {index}',
-    },
-    carousel: {
-        slide: 'Slajd {index}',
-    },
-    richText: {
-        copy: 'Kopiuj',
-        paste: 'Wklej z formatowaniem',
-        pasteText: 'Wklej bez formatowania',
-        heading: 'Styl',
-        bold: 'Pogrubienie',
-        italic: 'Kursywa',
-        underline: 'Podkreślenie',
-        strike: 'Przekreślenie',
-        ul: 'Lista punktowana',
-        ol: 'Lista numerowana',
-        indent: 'Dodaj wcięcie',
-        outdent: 'Usuń wcięcie',
-        foreColor: 'Kolor tekstu',
-        backColor: 'Kolor tła tekstu',
-        alignLeft: 'Wyrównaj do lewej',
-        alignCenter: 'Wyśrodkuj',
-        alignRight: 'Wyrównaj do prawej',
-        alignJustify: 'Wyjustuj',
-        link: 'Wstaw link',
-        table: 'Tabela',
-        clear: 'Usuń formatowanie',
-        html: 'Podgląd HTML',
-        styleNormal: 'Normalny',
-        styleHeading: 'Nagłówek {level}',
-        linkPrompt: 'Adres URL:',
-        htmlSource: 'Źródło HTML',
-        paletteCustom: 'Własny…',
-        menu: {
-            column: 'Kolumna',
-            row: 'Wiersz',
-            cell: 'Komórka',
-            insertLeft: 'Wstaw z lewej',
-            insertRight: 'Wstaw z prawej',
-            headerColumn: 'Nagłówek kolumny',
-            deleteColumn: 'Usuń kolumnę',
-            insertAbove: 'Wstaw powyżej',
-            insertBelow: 'Wstaw poniżej',
-            headerRow: 'Nagłówek wiersza',
-            deleteRow: 'Usuń wiersz',
-            cellBackground: 'Kolor tła',
-            alignLeft: 'Do lewej',
-            alignCenter: 'Wyśrodkuj',
-            alignRight: 'Do prawej',
-            mergeCells: 'Scal komórki',
-            splitCell: 'Podziel komórkę',
-            border: 'Obramowanie…',
-            deleteTable: 'Usuń tabelę',
-        },
-        border: {
-            table: 'Tabela',
-            cell: 'Komórka',
-            none: 'Bez',
-            thin: 'Cienkie',
-            medium: 'Średnie',
-            thick: 'Grube',
-            customColor: 'Kolor…',
-        },
-    },
-    auth: {
-        signInTitle: 'Zaloguj się',
-        signInSubtitle: 'Użyj adresu e-mail i hasła.',
-        signUpTitle: 'Załóż konto',
-        signUpSubtitle: 'Zajmie mniej niż minutę.',
-        forgotTitle: 'Zresetuj hasło',
-        forgotSubtitle: 'Wyślemy link do zmiany hasła na podany adres.',
-        name: 'Imię i nazwisko',
-        email: 'E-mail',
-        emailPlaceholder: 'jan@firma.pl',
-        password: 'Hasło',
-        passwordHint: 'Co najmniej {min} znaków.',
-        confirmPassword: 'Powtórz hasło',
-        remember: 'Zapamiętaj mnie',
-        terms: 'Akceptuję regulamin',
-        forgotLink: 'Nie pamiętasz hasła?',
-        backToSignIn: 'Wróć do logowania',
-        signInSubmit: 'Zaloguj się',
-        signUpSubmit: 'Załóż konto',
-        resetSubmit: 'Wyślij link',
-        orContinueWith: 'lub kontynuuj przez',
-        continueWith: 'Kontynuuj przez {provider}',
-        noAccount: 'Nie masz jeszcze konta?',
-        haveAccount: 'Masz już konto?',
-        signInSwitch: 'Zaloguj się',
-        signUpSwitch: 'Załóż konto',
-        errorRequired: 'To pole jest wymagane',
-        errorEmail: 'Podaj poprawny adres e-mail',
-        errorMinLength: 'Użyj co najmniej {min} znaków',
-        errorMismatch: 'Hasła nie są takie same',
-        errorInvalid: 'Nieprawidłowa wartość',
-        promo: {
-            signInTitle: 'Witaj ponownie',
-            signInText: 'Zaloguj się, by wrócić do pracy.',
-            signUpTitle: 'Pierwszy raz u nas?',
-            signUpText: 'Załóż konto i zacznij w minutę.',
-        },
-    },
-};
-
-/** Deep-merge `patch` na kopię `base` (łączy tylko obiekty, wartości nadpisuje). */
-function deepMerge(base, patch) {
-    const out = { ...base };
-    for (const [key, value] of Object.entries(patch)) {
-        const current = out[key];
-        if (value && typeof value === 'object' && !Array.isArray(value) && current && typeof current === 'object') {
-            out[key] = deepMerge(current, value);
-        }
-        else if (value !== undefined) {
-            out[key] = value;
-        }
-    }
-    return out;
-}
 /**
  * Serwis tłumaczeń Koncept UI. Trzyma rejestr słowników per język, bieżący locale
  * (sygnał) i funkcję `t()` z interpolacją. Skonfiguruj przez `provideKptI18n(...)`.
@@ -1252,6 +510,9 @@ function deepMerge(base, patch) {
  * Domyślnie EN. Języki bazowe: EN, PL. Dowolny inny język dodaje się jednym
  * słownikiem (`registerMessages` lub `provideKptI18n({ messages: { de } })`);
  * brakujące klucze spadają na EN.
+ *
+ * Rdzeń (`deepMerge`, `translate`) żyje w `@konce-pt/i18n` — ten sam, którego
+ * używa port React, więc oba frameworki tłumaczą identycznie.
  */
 class KptI18n {
     constructor() {
@@ -1293,22 +554,7 @@ class KptI18n {
      * interpolacją `{name}`. Brakujący klucz spada na EN, a w ostateczności zwraca sam klucz.
      */
     t(key, params) {
-        const raw = this.lookup(this.messages(), key) ?? this.lookup(KPT_MESSAGES_EN, key) ?? key;
-        if (!params)
-            return raw;
-        return raw.replace(/\{(\w+)\}/g, (_, name) => String(params[name] ?? `{${name}}`));
-    }
-    lookup(dict, key) {
-        let node = dict;
-        for (const part of key.split('.')) {
-            if (node && typeof node === 'object' && part in node) {
-                node = node[part];
-            }
-            else {
-                return undefined;
-            }
-        }
-        return typeof node === 'string' ? node : undefined;
+        return translate(this.messages(), key, params);
     }
     static { this.ɵfac = function KptI18n_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptI18n)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: KptI18n, factory: KptI18n.ɵfac, providedIn: 'root' }); }
@@ -1318,7 +564,7 @@ class KptI18n {
         args: [{ providedIn: 'root' }]
     }], () => [], null); })();
 
-const _c0$A = ["*"];
+const _c0$B = ["*"];
 function KptSplitButton_ng_template_6_For_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 7);
 } }
@@ -1460,7 +706,7 @@ class KptSplitButton {
         this.open.set(false);
     }
     static { this.ɵfac = function KptSplitButton_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptSplitButton)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptSplitButton, selectors: [["kpt-split-button"]], hostAttrs: [1, "kpt-split-button-host"], inputs: { variant: [1, "variant"], items: [1, "items"], disabled: [1, "disabled"] }, outputs: { primaryClick: "primaryClick", selected: "selected" }, ngContentSelectors: _c0$A, decls: 7, vars: 8, consts: [["origin", "cdkOverlayOrigin"], [1, "kpt-split-button"], ["type", "button", 1, "kpt-split-button__main", 3, "click", "disabled"], ["type", "button", "cdkOverlayOrigin", "", 1, "kpt-split-button__toggle", 3, "click", "disabled"], ["name", "chevron-down"], ["cdkConnectedOverlay", "", "cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop", 3, "backdropClick", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayPositions", "cdkConnectedOverlayHasBackdrop"], ["role", "menu", 1, "kpt-split-button__panel"], ["role", "separator", 1, "kpt-split-button__separator"], ["role", "presentation", 1, "kpt-split-button__header"], ["type", "button", 1, "kpt-split-button__item", 3, "kpt-split-button__item--danger", "disabled"], ["size", "sm", 3, "src", "name", "icon"], [3, "name"], [1, "kpt-split-button__text"], [1, "kpt-split-button__label"], [1, "kpt-split-button__description"], ["type", "button", 1, "kpt-split-button__item", 3, "click", "disabled"], [1, "kpt-split-button__badge", 3, "value", "variant"]], template: function KptSplitButton_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptSplitButton, selectors: [["kpt-split-button"]], hostAttrs: [1, "kpt-split-button-host"], inputs: { variant: [1, "variant"], items: [1, "items"], disabled: [1, "disabled"] }, outputs: { primaryClick: "primaryClick", selected: "selected" }, ngContentSelectors: _c0$B, decls: 7, vars: 8, consts: [["origin", "cdkOverlayOrigin"], [1, "kpt-split-button"], ["type", "button", 1, "kpt-split-button__main", 3, "click", "disabled"], ["type", "button", "cdkOverlayOrigin", "", 1, "kpt-split-button__toggle", 3, "click", "disabled"], ["name", "chevron-down"], ["cdkConnectedOverlay", "", "cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop", 3, "backdropClick", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayPositions", "cdkConnectedOverlayHasBackdrop"], ["role", "menu", 1, "kpt-split-button__panel"], ["role", "separator", 1, "kpt-split-button__separator"], ["role", "presentation", 1, "kpt-split-button__header"], ["type", "button", 1, "kpt-split-button__item", 3, "kpt-split-button__item--danger", "disabled"], ["size", "sm", 3, "src", "name", "icon"], [3, "name"], [1, "kpt-split-button__text"], [1, "kpt-split-button__label"], [1, "kpt-split-button__description"], ["type", "button", 1, "kpt-split-button__item", 3, "click", "disabled"], [1, "kpt-split-button__badge", 3, "value", "variant"]], template: function KptSplitButton_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 1)(1, "button", 2);
             i0.ɵɵlistener("click", function KptSplitButton_Template_button_click_1_listener() { return ctx.primaryClick.emit(); });
@@ -1658,7 +904,15 @@ function provideKptI18n(config = {}) {
     return makeEnvironmentProviders([{ provide: KPT_I18N_CONFIG, useValue: config }]);
 }
 
-const _c0$z = ["*"];
+/*
+ * Re-eksport kontraktu tłumaczeń z `@konce-pt/i18n`.
+ *
+ * Słowniki i typy żyją w osobnym pakiecie pure-TS, żeby port React korzystał
+ * z tego samego źródła prawdy. Ten plik trzyma dotychczasową ścieżkę importu,
+ * dzięki czemu komponenty i `public-api.ts` nie musiały się zmieniać.
+ */
+
+const _c0$A = ["*"];
 function KptChip_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 2);
@@ -1687,7 +941,7 @@ class KptChip {
         this.i18n = inject(KptI18n);
     }
     static { this.ɵfac = function KptChip_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptChip)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptChip, selectors: [["kpt-chip"]], hostAttrs: [1, "kpt-chip-host"], inputs: { variant: [1, "variant"], removable: [1, "removable"], disabled: [1, "disabled"] }, outputs: { removed: "removed" }, ngContentSelectors: _c0$z, decls: 3, vars: 4, consts: [[1, "kpt-chip"], ["type", "button", 1, "kpt-chip__remove", 3, "disabled"], ["type", "button", 1, "kpt-chip__remove", 3, "click", "disabled"], ["name", "x"]], template: function KptChip_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptChip, selectors: [["kpt-chip"]], hostAttrs: [1, "kpt-chip-host"], inputs: { variant: [1, "variant"], removable: [1, "removable"], disabled: [1, "disabled"] }, outputs: { removed: "removed" }, ngContentSelectors: _c0$A, decls: 3, vars: 4, consts: [[1, "kpt-chip"], ["type", "button", 1, "kpt-chip__remove", 3, "disabled"], ["type", "button", 1, "kpt-chip__remove", 3, "click", "disabled"], ["name", "x"]], template: function KptChip_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "span", 0);
             i0.ɵɵprojection(1);
@@ -1908,7 +1162,7 @@ class KptSkeleton {
 /** Token DI, przez który kontrolka zgłasza `kpt-form-field` swój stan wypełnienia. */
 const KPT_FORM_FIELD_CONTROL = new InjectionToken('KPT_FORM_FIELD_CONTROL');
 
-const _c0$y = ["*"];
+const _c0$z = ["*"];
 function KptFormField_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementStart(0, "span", 6);
     i0.ɵɵtext(1, "*");
@@ -2017,7 +1271,7 @@ class KptFormField {
             i0.ɵɵqueryAdvance();
         } }, hostAttrs: [1, "kpt-form-field-host"], hostBindings: function KptFormField_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("input", function KptFormField_input_HostBindingHandler() { return ctx.updateFilled(); })("change", function KptFormField_change_HostBindingHandler() { return ctx.updateFilled(); });
-        } }, inputs: { label: [1, "label"], hint: [1, "hint"], error: [1, "error"], required: [1, "required"], controlId: [1, "controlId"], labelType: [1, "labelType"] }, ngContentSelectors: _c0$y, decls: 7, vars: 10, consts: [[1, "kpt-form-field"], [1, "kpt-form-field__box"], [1, "kpt-form-field__label"], [1, "kpt-form-field__control"], ["role", "alert", 1, "kpt-form-field__message", "kpt-form-field__message--error"], [1, "kpt-form-field__message", "kpt-form-field__message--hint"], ["aria-hidden", "true", 1, "kpt-form-field__required"]], template: function KptFormField_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { label: [1, "label"], hint: [1, "hint"], error: [1, "error"], required: [1, "required"], controlId: [1, "controlId"], labelType: [1, "labelType"] }, ngContentSelectors: _c0$z, decls: 7, vars: 10, consts: [[1, "kpt-form-field"], [1, "kpt-form-field__box"], [1, "kpt-form-field__label"], [1, "kpt-form-field__control"], ["role", "alert", 1, "kpt-form-field__message", "kpt-form-field__message--error"], [1, "kpt-form-field__message", "kpt-form-field__message--hint"], ["aria-hidden", "true", 1, "kpt-form-field__required"]], template: function KptFormField_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1);
             i0.ɵɵconditionalCreate(2, KptFormField_Conditional_2_Template, 3, 3, "label", 2);
@@ -2118,7 +1372,7 @@ class KptInput {
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptInput, { className: "KptInput", filePath: "lib/input/input.component.ts", lineNumber: 49 }); })();
 
-const _c0$x = ["*"];
+const _c0$y = ["*"];
 function KptCheckbox_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementStart(0, "span", 5);
     i0.ɵɵtext(1);
@@ -2149,7 +1403,7 @@ class KptCheckbox {
         ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = function KptCheckbox_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptCheckbox)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptCheckbox, selectors: [["kpt-checkbox"]], hostAttrs: [1, "kpt-checkbox-host"], inputs: { checked: [1, "checked"], disabled: [1, "disabled"], invalid: [1, "invalid"], touched: [1, "touched"], label: [1, "label"] }, outputs: { checked: "checkedChange", touch: "touch" }, ngContentSelectors: _c0$x, decls: 7, vars: 6, consts: [[1, "kpt-checkbox"], ["type", "checkbox", 1, "kpt-checkbox__input", 3, "change", "blur", "checked", "disabled"], ["aria-hidden", "true", 1, "kpt-checkbox__box"], ["viewBox", "0 0 16 16", 1, "kpt-checkbox__check"], ["d", "M13 4.5 6.5 11 3 7.5"], [1, "kpt-checkbox__label"]], template: function KptCheckbox_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptCheckbox, selectors: [["kpt-checkbox"]], hostAttrs: [1, "kpt-checkbox-host"], inputs: { checked: [1, "checked"], disabled: [1, "disabled"], invalid: [1, "invalid"], touched: [1, "touched"], label: [1, "label"] }, outputs: { checked: "checkedChange", touch: "touch" }, ngContentSelectors: _c0$y, decls: 7, vars: 6, consts: [[1, "kpt-checkbox"], ["type", "checkbox", 1, "kpt-checkbox__input", 3, "change", "blur", "checked", "disabled"], ["aria-hidden", "true", 1, "kpt-checkbox__box"], ["viewBox", "0 0 16 16", 1, "kpt-checkbox__check"], ["d", "M13 4.5 6.5 11 3 7.5"], [1, "kpt-checkbox__label"]], template: function KptCheckbox_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵdomElementStart(0, "label", 0)(1, "input", 1);
             i0.ɵɵdomListener("change", function KptCheckbox_Template_input_change_1_listener($event) { return ctx.checked.set($event.target.checked); })("blur", function KptCheckbox_Template_input_blur_1_listener() { return ctx.touch.emit(); });
@@ -2196,7 +1450,7 @@ class KptCheckbox {
     }], null, { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptCheckbox, { className: "KptCheckbox", filePath: "lib/checkbox/checkbox.component.ts", lineNumber: 44 }); })();
 
-const _c0$w = ["*"];
+const _c0$x = ["*"];
 function KptSwitch_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementStart(0, "span", 1);
     i0.ɵɵtext(1);
@@ -2262,7 +1516,7 @@ class KptSwitch {
         ...(ngDevMode ? [{ debugName: "stateLabel" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = function KptSwitch_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptSwitch)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptSwitch, selectors: [["kpt-switch"]], hostAttrs: [1, "kpt-switch-host"], inputs: { checked: [1, "checked"], disabled: [1, "disabled"], invalid: [1, "invalid"], touched: [1, "touched"], label: [1, "label"], labelPosition: [1, "labelPosition"], onLabel: [1, "onLabel"], offLabel: [1, "offLabel"] }, outputs: { checked: "checkedChange", touch: "touch" }, ngContentSelectors: _c0$w, decls: 8, vars: 8, consts: [[1, "kpt-switch"], [1, "kpt-switch__label", "kpt-switch__label--start"], ["type", "checkbox", "role", "switch", 1, "kpt-switch__input", 3, "change", "blur", "checked", "disabled"], ["aria-hidden", "true", 1, "kpt-switch__track"], [1, "kpt-switch__thumb"], [1, "kpt-switch__label"], [1, "kpt-switch__state", 3, "kpt-switch__state--on"], [1, "kpt-switch__state"]], template: function KptSwitch_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptSwitch, selectors: [["kpt-switch"]], hostAttrs: [1, "kpt-switch-host"], inputs: { checked: [1, "checked"], disabled: [1, "disabled"], invalid: [1, "invalid"], touched: [1, "touched"], label: [1, "label"], labelPosition: [1, "labelPosition"], onLabel: [1, "onLabel"], offLabel: [1, "offLabel"] }, outputs: { checked: "checkedChange", touch: "touch" }, ngContentSelectors: _c0$x, decls: 8, vars: 8, consts: [[1, "kpt-switch"], [1, "kpt-switch__label", "kpt-switch__label--start"], ["type", "checkbox", "role", "switch", 1, "kpt-switch__input", 3, "change", "blur", "checked", "disabled"], ["aria-hidden", "true", 1, "kpt-switch__track"], [1, "kpt-switch__thumb"], [1, "kpt-switch__label"], [1, "kpt-switch__state", 3, "kpt-switch__state--on"], [1, "kpt-switch__state"]], template: function KptSwitch_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵdomElementStart(0, "label", 0);
             i0.ɵɵconditionalCreate(1, KptSwitch_Conditional_1_Template, 2, 1, "span", 1);
@@ -2806,23 +2060,12 @@ class KptSelect {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptSelect, { className: "KptSelect", filePath: "lib/select/select.component.ts", lineNumber: 42 }); })();
 
 /*
- * Pomocniki nazw dni/miesięcy wyliczane z `Intl` — sterowane bieżącym locale i18n.
- * Dzięki temu kalendarze (`kpt-datepicker`, `kpt-date-range`) nie trzymają
- * zaszytych tablic nazw i działają dla dowolnego języka.
+ * Re-eksport pomocników `Intl` z `@konce-pt/i18n` — nazwy dni i miesięcy
+ * wyliczane z bieżącego locale. Ścieżka zachowana dla kalendarzy
+ * (`kpt-datepicker`, `kpt-date-range`), które importują ją względnie.
  */
-/** Krótkie nazwy dni tygodnia, zaczynając od poniedziałku (Pn…Nd). */
-function weekdayNames(locale) {
-    const fmt = new Intl.DateTimeFormat(locale, { weekday: 'short' });
-    // 2024-01-01 (UTC) to poniedziałek.
-    return Array.from({ length: 7 }, (_, i) => fmt.format(new Date(Date.UTC(2024, 0, 1 + i))));
-}
-/** Pełne nazwy miesięcy (styczeń…grudzień / January…December). */
-function monthNames(locale) {
-    const fmt = new Intl.DateTimeFormat(locale, { month: 'long' });
-    return Array.from({ length: 12 }, (_, i) => fmt.format(new Date(Date.UTC(2024, i, 1))));
-}
 
-const _forTrack0$a = ($index, $item) => $item.hour24;
+const _forTrack0$a = ($index, $item) => $item.value;
 function KptClock_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵdomElementStart(0, "div", 5)(1, "button", 9);
@@ -2878,14 +2121,6 @@ function KptClock_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵrepeater(ctx_r2.minuteMarks());
 } }
-const R_OUTER = 40;
-const R_INNER = 26;
-const pad$2 = (n) => String(n).padStart(2, '0');
-/** Pozycja znacznika (% tarczy) na pierścieniu o promieniu `radius`: 12 na górze, zegarowo. */
-function markPos(index, radius) {
-    const theta = (index / 12) * 2 * Math.PI;
-    return { x: 50 + radius * Math.sin(theta), y: 50 - radius * Math.cos(theta) };
-}
 /**
  * Tarcza zegara (wybór godziny) — dwa etapy: godziny → minuty, klik lub przeciąganie.
  * Format 12/24h (`hourFormat`); w 24h dodatkowy wewnętrzny pierścień 13–00, w 12h AM/PM.
@@ -2913,82 +2148,43 @@ class KptClock {
             return h === 0 ? 12 : h;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hour12" }] : /* istanbul ignore next */ []));
-        this.hourLabel = computed(() => this.hourFormat() === 12 ? String(this.hour12()) : pad$2(this.hour()), /* @ts-ignore */
+        this.hourLabel = computed(() => this.hourFormat() === 12 ? String(this.hour12()) : pad(this.hour()), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hourLabel" }] : /* istanbul ignore next */ []));
-        this.minuteLabel = computed(() => pad$2(this.minute()), /* @ts-ignore */
+        this.minuteLabel = computed(() => pad(this.minute()), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "minuteLabel" }] : /* istanbul ignore next */ []));
-        /** W 12h jeden pierścień; w 24h zewnętrzny (12, 1–11) i wewnętrzny (00, 13–23). */
-        this.hourMarks = computed(() => this.hourFormat() === 12 ? this.marks12h() : [...this.marks24hOuter(), ...this.marks24hInner()], /* @ts-ignore */
+        /** Znaczniki tarczy — jeden pierścień w 12h, dwa w 24h (patrz `@konce-pt/datetime`). */
+        this.hourMarks = computed(() => hourMarks(this.hour(), this.hourFormat() === 12 ? 12 : 24), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hourMarks" }] : /* istanbul ignore next */ []));
-        this.minuteMarks = computed(() => {
-            const cur = this.minute();
-            return Array.from({ length: 12 }, (_, i) => {
-                const val = i * 5;
-                return { label: pad$2(val), hour24: val, ...markPos(i, R_OUTER), inner: false, selected: cur === val };
-            });
-        }, /* @ts-ignore */
+        this.minuteMarks = computed(() => minuteMarks(this.minute()), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "minuteMarks" }] : /* istanbul ignore next */ []));
-        this.handAngle = computed(() => this.clockPhase() === 'hours' ? (this.hour() % 12) * 30 : this.minute() * 6, /* @ts-ignore */
+        this.handAngle = computed(() => handAngle(this.hour(), this.minute(), this.clockPhase()), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "handAngle" }] : /* istanbul ignore next */ []));
-        this.handInner = computed(() => this.clockPhase() === 'hours' && this.hourFormat() === 24 && (this.hour() === 0 || this.hour() >= 13), /* @ts-ignore */
+        this.handInner = computed(() => handIsInner(this.hour(), this.hourFormat() === 12 ? 12 : 24, this.clockPhase()), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "handInner" }] : /* istanbul ignore next */ []));
         // Synchronizacja wartości zewnętrznej → stan tarczy (zapis idempotentny, bez pętli).
         effect(() => {
-            const t = this.parse(this.value());
+            const t = parseTime(this.value());
             this.hour.set(t?.h ?? 0);
             this.minute.set(t?.m ?? 0);
         });
     }
-    parse(v) {
-        const m = /^(\d{2}):(\d{2})$/.exec(v ?? '');
-        return m ? { h: +m[1], m: +m[2] } : null;
-    }
     emit() {
-        this.value.set(`${pad$2(this.hour())}:${pad$2(this.minute())}`);
-    }
-    from12h(h12, ap) {
-        const base = h12 % 12; // 12 → 0
-        return ap === 'PM' ? base + 12 : base;
-    }
-    marks12h() {
-        const ap = this.ampm();
-        const cur = this.hour();
-        return Array.from({ length: 12 }, (_, i) => {
-            const h12 = i === 0 ? 12 : i;
-            // Wartość docelowa bierze bieżące AM/PM — tarcza pokazuje tylko jedną połowę doby.
-            const hour24 = this.from12h(h12, ap);
-            return { label: String(h12), hour24, ...markPos(i, R_OUTER), inner: false, selected: cur === hour24 };
-        });
-    }
-    marks24hOuter() {
-        const cur = this.hour();
-        return Array.from({ length: 12 }, (_, i) => {
-            const hour24 = i === 0 ? 12 : i;
-            return { label: String(hour24), hour24, ...markPos(i, R_OUTER), inner: false, selected: cur === hour24 };
-        });
-    }
-    marks24hInner() {
-        const cur = this.hour();
-        return Array.from({ length: 12 }, (_, i) => {
-            const hour24 = i === 0 ? 0 : i + 12;
-            // `pad` daje '00' dla północy; 13–23 są już dwucyfrowe.
-            return { label: pad$2(hour24), hour24, ...markPos(i, R_INNER), inner: true, selected: cur === hour24 };
-        });
+        this.value.set(`${pad(this.hour())}:${pad(this.minute())}`);
     }
     setPhase(phase) {
         this.clockPhase.set(phase);
     }
     setAmpm(target) {
-        this.hour.set(this.from12h(this.hour12(), target));
+        this.hour.set(from12h(this.hour12(), target));
         this.emit();
     }
     pickHour(mark) {
-        this.hour.set(mark.hour24);
+        this.hour.set(mark.value);
         this.clockPhase.set('minutes');
         this.emit();
     }
     pickMinute(mark) {
-        this.minute.set(mark.hour24);
+        this.minute.set(mark.value);
         this.emit();
     }
     onDialPointer(event, face) {
@@ -3003,32 +2199,14 @@ class KptClock {
         if (deg < 0)
             deg += 360;
         if (this.clockPhase() === 'hours') {
-            this.setHourFromAngle(deg, Math.hypot(dx, dy) / (rect.width / 2));
+            const radiusRatio = Math.hypot(dx, dy) / (rect.width / 2);
+            this.hour.set(hourFromAngle(deg, radiusRatio, this.hourFormat() === 12 ? 12 : 24, this.hour()));
         }
         else {
-            this.setMinuteFromAngle(deg);
+            this.minute.set(minuteFromAngle(deg, this.minuteStep()));
         }
         this.emit();
     }
-    /** Godzina z kąta; w 24h o pierścieniu (a więc o 12–23 vs 0–11) decyduje promień kliknięcia. */
-    setHourFromAngle(deg, radius) {
-        const idx = Math.round(deg / 30) % 12;
-        if (this.hourFormat() === 12) {
-            this.hour.set(this.from12h(idx === 0 ? 12 : idx, this.ampm()));
-            return;
-        }
-        const inner = radius < (R_OUTER + R_INNER) / 2 / 50;
-        if (inner)
-            this.hour.set(idx === 0 ? 0 : idx + 12);
-        else
-            this.hour.set(idx === 0 ? 12 : idx);
-    }
-    /** Minuta z kąta, dociągnięta do `minuteStep`. */
-    setMinuteFromAngle(deg) {
-        const step = Math.max(1, this.minuteStep());
-        const raw = Math.round(deg / 6) % 60;
-        this.minute.set((Math.round(raw / step) * step) % 60);
-    }
     onDialUp() {
         if (this.clockPhase() === 'hours')
             this.clockPhase.set('minutes');
@@ -3101,7 +2279,7 @@ class KptClock {
           [style.transform]="'rotate(' + handAngle() + 'deg)'"
         ></span>
         @if (clockPhase() === 'hours') {
-          @for (mark of hourMarks(); track mark.hour24) {
+          @for (mark of hourMarks(); track mark.value) {
             <button
               type="button"
               class="kpt-clock__num"
@@ -3113,7 +2291,7 @@ class KptClock {
             >{{ mark.label }}</button>
           }
         } @else {
-          @for (mark of minuteMarks(); track mark.hour24) {
+          @for (mark of minuteMarks(); track mark.value) {
             <button
               type="button"
               class="kpt-clock__num"
@@ -3128,7 +2306,7 @@ class KptClock {
     </div>
   `, host: { class: 'kpt-clock-host' }, styles: ["@layer kpt.components{.kpt-clock-host{display:block}.kpt-clock__time{display:flex;align-items:center;justify-content:center;gap:var(--kpt-space-1, .25rem);margin-bottom:var(--kpt-space-3, .75rem);font-variant-numeric:tabular-nums}.kpt-clock__seg{border:0;background:none;padding:.1rem .4rem;border-radius:var(--kpt-radius-sm, .25rem);font-size:var(--kpt-font-size-2xl, 1.5rem);font-weight:var(--kpt-font-weight-semibold, 600);color:var(--kpt-color-on-surface-muted);cursor:pointer}.kpt-clock__seg.is-active{color:var(--kpt-color-primary);background:var(--kpt-color-muted)}.kpt-clock__colon{font-size:var(--kpt-font-size-2xl, 1.5rem);font-weight:var(--kpt-font-weight-semibold, 600);color:var(--kpt-color-on-surface-muted)}.kpt-clock__ampm{display:flex;flex-direction:column;gap:2px;margin-inline-start:var(--kpt-space-2, .5rem)}.kpt-clock__ampm button{border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);background:none;padding:.1rem .4rem;border-radius:var(--kpt-radius-sm, .25rem);font-size:var(--kpt-font-size-xs, .75rem);font-weight:var(--kpt-font-weight-semibold, 600);color:var(--kpt-color-on-surface-muted);cursor:pointer}.kpt-clock__ampm button.is-active{background:var(--kpt-color-primary);border-color:var(--kpt-color-primary);color:var(--kpt-color-on-primary)}.kpt-clock__face{position:relative;width:13rem;max-width:100%;aspect-ratio:1;margin:0 auto;border-radius:50%;background:var(--kpt-color-surface-variant);touch-action:none;-webkit-user-select:none;user-select:none}.kpt-clock__center{position:absolute;left:50%;top:50%;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:50%;background:var(--kpt-color-primary);z-index:2}.kpt-clock__hand{position:absolute;left:50%;bottom:50%;width:2px;height:40%;margin-left:-1px;transform-origin:bottom center;background:var(--kpt-color-primary);z-index:1}.kpt-clock__hand--inner{height:26%}.kpt-clock__hand:before{content:\"\";position:absolute;top:-3px;left:50%;width:8px;height:8px;transform:translate(-50%);border-radius:50%;background:var(--kpt-color-primary)}.kpt-clock__num{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:50%;background:none;color:var(--kpt-color-on-surface);font:inherit;font-size:var(--kpt-font-size-sm, .875rem);cursor:pointer;z-index:2}.kpt-clock__num:hover{background:var(--kpt-color-muted)}.kpt-clock__num--inner{width:1.6rem;height:1.6rem;font-size:var(--kpt-font-size-xs, .75rem);color:var(--kpt-color-on-surface-muted)}.kpt-clock__num--selected{background:var(--kpt-color-primary)!important;color:var(--kpt-color-on-primary)}}\n"] }]
     }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], hourFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "hourFormat", required: false }] }], minuteStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "minuteStep", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptClock, { className: "KptClock", filePath: "lib/datepicker/clock.component.ts", lineNumber: 100 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptClock, { className: "KptClock", filePath: "lib/datepicker/clock.component.ts", lineNumber: 93 }); })();
 
 const _forTrack0$9 = ($index, $item) => $item.iso;
 const _forTrack1$2 = ($index, $item) => $item.label;
@@ -3410,10 +2588,6 @@ function KptDatepicker_ng_template_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r0.hasFooter() ? 3 : -1);
 } }
-/** Kolejność poziomów panelu, od najdrobniejszego. Indeks = „wysokość" widoku. */
-const LEVELS = ['day', 'month', 'year', 'decade'];
-const pad$1 = (n) => String(n).padStart(2, '0');
-const toIso$1 = (d) => `${d.getFullYear()}-${pad$1(d.getMonth() + 1)}-${pad$1(d.getDate())}`;
 /**
  * Wybór daty/godziny z własnym kalendarzem (CDK Overlay), Signal Forms.
  * Granulacja przez `selectionMode`: data, miesiąc+rok, rok, miesiąc, data+godzina, sama godzina.
@@ -3431,13 +2605,6 @@ const toIso$1 = (d) => `${d.getFullYear()}-${pad$1(d.getMonth() + 1)}-${pad$1(d.
  * <kpt-datepicker selectionMode="time" [(value)]="alarm" />
  */
 class KptDatepicker {
-    effectiveStartView() {
-        const commit = LEVELS.indexOf(this.commitLevel());
-        const top = LEVELS.indexOf(this.topLevel());
-        const wanted = this.startView();
-        const idx = wanted ? LEVELS.indexOf(wanted) : commit;
-        return LEVELS[Math.min(Math.max(idx, commit), top)];
-    }
     constructor() {
         this.value = model('', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
@@ -3460,8 +2627,9 @@ class KptDatepicker {
         ...(ngDevMode ? [{ debugName: "selectionMode" }] : /* istanbul ignore next */ []));
         /**
          * Poziom, od którego otwiera się panel. `null` = poziom zatwierdzania danego trybu
-         * (dni dla 'date'). Nie schodzi poniżej tego poziomu — `startView="day"` w trybie 'year'
-         * nie ma sensu i jest podnoszony do 'year'.
+         * (dni dla 'date'). Przycięcie do zakresu trybu robi `resolveStartView` z `@konce-pt/datetime`:
+         * `startView="day"` w trybie 'year' jest podnoszony do 'year', a tryb 'month' zostaje na swoim
+         * poziomie, bo nie ma po czym nawigować.
          */
         this.startView = input(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "startView" }] : /* istanbul ignore next */ []));
@@ -3509,21 +2677,8 @@ class KptDatepicker {
         this.panelView = signal('day', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "panelView" }] : /* istanbul ignore next */ []));
         /** Poziom, na którym klik w komórkę zatwierdza wartość zamiast schodzić niżej. */
-        this.commitLevel = computed(() => {
-            switch (this.selectionMode()) {
-                case 'monthYear':
-                case 'month':
-                    return 'month';
-                case 'year':
-                    return 'year';
-                default:
-                    return 'day';
-            }
-        }, /* @ts-ignore */
+        this.commitLevel = computed(() => commitLevelFor(this.selectionMode()), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "commitLevel" }] : /* istanbul ignore next */ []));
-        /** Tryb 'month' nie ma roku ani dekady — wartością jest samo 'MM'. */
-        this.topLevel = computed(() => this.selectionMode() === 'month' ? 'month' : 'decade', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "topLevel" }] : /* istanbul ignore next */ []));
         // ── Stan czasu (bufor 'HH:mm', 24h) ──
         this.timeStr = signal('', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "timeStr" }] : /* istanbul ignore next */ []));
@@ -3544,15 +2699,9 @@ class KptDatepicker {
         ...(ngDevMode ? [{ debugName: "viewYear" }] : /* istanbul ignore next */ []));
         this.monthName = computed(() => this.months()[this.view().m], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "monthName" }] : /* istanbul ignore next */ []));
-        /** Początek dekady widocznej w siatce lat (1979 → 1970). */
-        this.decadeStart = computed(() => Math.floor(this.view().y / 10) * 10, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "decadeStart" }] : /* istanbul ignore next */ []));
-        /** Początek strony dekad: 12 dekad, czyli 120 lat (1979 → 1920, strona 1920–2039). */
-        this.centuryStart = computed(() => Math.floor(this.view().y / 120) * 120, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "centuryStart" }] : /* istanbul ignore next */ []));
-        this.yearRangeLabel = computed(() => `${this.decadeStart()} – ${this.decadeStart() + 9}`, /* @ts-ignore */
+        this.yearRangeLabel = computed(() => `${decadeStart(this.view().y)} – ${decadeStart(this.view().y) + 9}`, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "yearRangeLabel" }] : /* istanbul ignore next */ []));
-        this.decadeRangeLabel = computed(() => `${this.centuryStart()} – ${this.centuryStart() + 119}`, /* @ts-ignore */
+        this.decadeRangeLabel = computed(() => `${centuryStart(this.view().y)} – ${centuryStart(this.view().y) + 119}`, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "decadeRangeLabel" }] : /* istanbul ignore next */ []));
         /** Tryb 'month' nie ma po czym nawigować — siatka miesięcy jest kompletna. */
         this.hasNav = computed(() => this.selectionMode() !== 'month', /* @ts-ignore */
@@ -3575,37 +2724,15 @@ class KptDatepicker {
             }
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "navNextLabel" }] : /* istanbul ignore next */ []));
-        /** Strzałka wstecz gasnie, gdy cała poprzednia strona wypada przed `minDate`. */
-        this.canPageBack = computed(() => {
-            const min = this.minDate();
-            if (!min)
-                return true;
-            const { y, m } = this.view();
-            switch (this.panelView()) {
-                case 'month': return `${y - 1}-12` >= min.slice(0, 7);
-                case 'year': return this.decadeStart() - 1 >= +min.slice(0, 4);
-                case 'decade': return this.centuryStart() - 1 >= +min.slice(0, 4);
-                default: return toIso$1(new Date(y, m, 0)) >= min; // ostatni dzień poprzedniego miesiąca
-            }
-        }, /* @ts-ignore */
+        /** Strzałka gaśnie, gdy cała sąsiednia strona wypada poza zakres (logika w `@konce-pt/datetime`). */
+        this.canPageBack = computed(() => canPageBack(this.view(), this.panelView(), this.minDate()), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "canPageBack" }] : /* istanbul ignore next */ []));
-        this.canPageForward = computed(() => {
-            const max = this.maxDate();
-            if (!max)
-                return true;
-            const { y, m } = this.view();
-            switch (this.panelView()) {
-                case 'month': return `${y + 1}-01` <= max.slice(0, 7);
-                case 'year': return this.decadeStart() + 10 <= +max.slice(0, 4);
-                case 'decade': return this.centuryStart() + 120 <= +max.slice(0, 4);
-                default: return toIso$1(new Date(y, m + 1, 1)) <= max;
-            }
-        }, /* @ts-ignore */
+        this.canPageForward = computed(() => canPageForward(this.view(), this.panelView(), this.maxDate()), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "canPageForward" }] : /* istanbul ignore next */ []));
         /** Etykieta czasu na pasku trybu datetime (uwzględnia AM/PM). */
         this.timeBarLabel = computed(() => {
-            const t = this.parseTime(this.timeStr());
-            return this.formatTime(t?.h ?? 0, t?.m ?? 0);
+            const t = parseTime(this.timeStr());
+            return formatTime(t?.h ?? 0, t?.m ?? 0, this.hourFormat() === 12 ? 12 : 24);
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "timeBarLabel" }] : /* istanbul ignore next */ []));
         /**
@@ -3637,113 +2764,44 @@ class KptDatepicker {
         // ── Siatka dni (tryby 'date' / 'datetime') ──
         this.selectedDateIso = computed(() => this.selectionMode() === 'datetime' ? this.pendingDate() : this.value(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "selectedDateIso" }] : /* istanbul ignore next */ []));
-        this.weeks = computed(() => {
-            const { y, m } = this.view();
-            const first = new Date(y, m, 1);
-            const startOffset = (first.getDay() + 6) % 7; // poniedziałek = 0
-            const start = new Date(y, m, 1 - startOffset);
-            const sel = this.selectedDateIso();
-            const min = this.minDate();
-            const max = this.maxDate();
-            const todayIso = toIso$1(this.today);
-            const weeks = [];
-            for (let w = 0; w < 6; w++) {
-                const row = [];
-                for (let d = 0; d < 7; d++) {
-                    const date = new Date(start.getFullYear(), start.getMonth(), start.getDate() + w * 7 + d);
-                    const iso = toIso$1(date);
-                    row.push({
-                        day: date.getDate(),
-                        iso,
-                        inMonth: date.getMonth() === m,
-                        today: iso === todayIso,
-                        selected: iso === sel,
-                        disabled: (min != null && iso < min) || (max != null && iso > max),
-                    });
-                }
-                weeks.push(row);
-            }
-            return weeks;
-        }, /* @ts-ignore */
+        this.weeks = computed(() => buildDayGrid({
+            page: this.view(),
+            selectedIso: this.selectedDateIso(),
+            todayIso: toIso(this.today),
+            minDate: this.minDate(),
+            maxDate: this.maxDate(),
+        }), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "weeks" }] : /* istanbul ignore next */ []));
         /** Rok/miesiąc bieżącej wartości — zaznaczenie w siatkach wyższych poziomów. */
-        this.selectedYM = computed(() => {
-            const v = this.value();
-            switch (this.selectionMode()) {
-                case 'month': {
-                    const m = /^(\d{2})$/.exec(v);
-                    return { y: null, m: m ? +m[1] - 1 : null };
-                }
-                case 'year':
-                    return { y: /^\d{4}$/.test(v) ? +v : null, m: null };
-                case 'monthYear': {
-                    const m = /^(\d{4})-(\d{2})$/.exec(v);
-                    return m ? { y: +m[1], m: +m[2] - 1 } : { y: null, m: null };
-                }
-                case 'time':
-                    return { y: null, m: null };
-                default: {
-                    const d = this.parseDate(this.selectedDateIso());
-                    return d ? { y: d.getFullYear(), m: d.getMonth() } : { y: null, m: null };
-                }
-            }
-        }, /* @ts-ignore */
+        this.selectedYM = computed(() => selectedYearMonth(this.selectedDateIso(), this.selectionMode()), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "selectedYM" }] : /* istanbul ignore next */ []));
-        // ── Siatka miesięcy ──
-        this.monthCells = computed(() => {
-            const { y } = this.view();
-            const sel = this.selectedYM();
-            const isMonthOnly = this.selectionMode() === 'month';
-            const numeric = this.monthDisplay() === 'number';
-            const todayY = this.today.getFullYear();
-            const todayM = this.today.getMonth();
-            return this.months().map((name, i) => ({
-                label: numeric ? pad$1(i + 1) : name,
-                y,
-                m: i,
-                selected: sel.m === i && (isMonthOnly || sel.y === y),
-                current: todayM === i && (isMonthOnly || todayY === y),
-                disabled: isMonthOnly ? false : this.isMonthYearDisabled(y, i),
-            }));
-        }, /* @ts-ignore */
+        // ── Siatki poziomów (miesiące, lata, dekady) ──
+        this.monthCells = computed(() => buildMonthCells({
+            year: this.view().y,
+            monthNames: this.months(),
+            selected: this.selectedYM(),
+            today: this.today,
+            monthOnly: this.selectionMode() === 'month',
+            numeric: this.monthDisplay() === 'number',
+            minDate: this.minDate(),
+            maxDate: this.maxDate(),
+        }), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "monthCells" }] : /* istanbul ignore next */ []));
-        // ── Siatka lat (pełna dekada) ──
-        this.yearCells = computed(() => {
-            const start = this.decadeStart();
-            const sel = this.selectedYM();
-            const todayY = this.today.getFullYear();
-            return Array.from({ length: 10 }, (_, i) => {
-                const year = start + i;
-                return {
-                    label: String(year),
-                    y: year,
-                    m: 0,
-                    selected: sel.y === year,
-                    current: todayY === year,
-                    disabled: this.isYearDisabled(year),
-                };
-            });
-        }, /* @ts-ignore */
+        this.yearCells = computed(() => buildYearCells({
+            year: this.view().y,
+            selected: this.selectedYM(),
+            today: this.today,
+            minDate: this.minDate(),
+            maxDate: this.maxDate(),
+        }), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "yearCells" }] : /* istanbul ignore next */ []));
-        // ── Siatka dekad (12 dekad = 120 lat) ──
-        this.decadeCells = computed(() => {
-            const start = this.centuryStart();
-            const sel = this.selectedYM();
-            const todayY = this.today.getFullYear();
-            return Array.from({ length: 12 }, (_, i) => {
-                const from = start + i * 10;
-                const to = from + 9;
-                return {
-                    label: `${from} – ${to}`,
-                    y: from,
-                    m: 0,
-                    selected: sel.y != null && sel.y >= from && sel.y <= to,
-                    current: todayY >= from && todayY <= to,
-                    // Dekada wypada z zakresu dopiero, gdy poza nim są oba jej krańce.
-                    disabled: this.isYearDisabled(from) && this.isYearDisabled(to),
-                };
-            });
-        }, /* @ts-ignore */
+        this.decadeCells = computed(() => buildDecadeCells({
+            year: this.view().y,
+            selected: this.selectedYM(),
+            today: this.today,
+            minDate: this.minDate(),
+            maxDate: this.maxDate(),
+        }), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "decadeCells" }] : /* istanbul ignore next */ []));
         /** Komórki bieżącego poziomu — siatka miesięcy/lat/dekad ma jeden wspólny markup. */
         this.levelCells = computed(() => {
@@ -3764,21 +2822,13 @@ class KptDatepicker {
             untracked(() => {
                 if (!isOpen)
                     return;
-                this.view.set(this.initialView());
-                this.panelView.set(this.effectiveStartView());
+                this.view.set(initialPage(this.value(), this.selectionMode(), this.today));
+                this.panelView.set(resolveStartView(this.selectionMode(), this.startView()));
                 this.syncTimeFromValue();
                 this.dtView.set(this.selectionMode() === 'time' ? 'clock' : 'calendar');
             });
         });
     }
-    // ── Prezentacja czasu ──
-    formatTime(h, m) {
-        if (this.hourFormat() === 12) {
-            const h12 = h % 12 === 0 ? 12 : h % 12;
-            return `${h12}:${pad$1(m)} ${h < 12 ? 'AM' : 'PM'}`;
-        }
-        return `${pad$1(h)}:${pad$1(m)}`;
-    }
     displayMonthYear(v, iso) {
         const m = /^(\d{4})-(\d{2})$/.exec(v);
         if (!m)
@@ -3792,91 +2842,28 @@ class KptDatepicker {
         return this.monthDisplay() === 'number' ? m[1] : (this.months()[+m[1] - 1] ?? '');
     }
     displayTime(v) {
-        const t = this.parseTime(v);
-        return t ? this.formatTime(t.h, t.m) : '';
+        const t = parseTime(v);
+        return t ? formatTime(t.h, t.m, this.hourFormat() === 12 ? 12 : 24) : '';
     }
     displayDateTime(v, iso) {
-        const dt = this.parseDateTime(v);
+        const dt = parseDateTime(v);
         if (!dt)
             return '';
-        const datePart = iso ? dt.date : `${dt.date.slice(8, 10)}.${dt.date.slice(5, 7)}.${dt.date.slice(0, 4)}`;
         const sep = iso ? 'T' : ' ';
-        return `${datePart}${sep}${this.formatTime(dt.h, dt.m)}`;
+        return `${formatDate(dt.date, iso ? 'iso' : 'pl')}${sep}${formatTime(dt.h, dt.m, this.hourFormat() === 12 ? 12 : 24)}`;
     }
     displayDate(v, iso) {
-        const d = this.parseDate(v);
-        if (!d)
-            return '';
-        return iso ? toIso$1(d) : `${pad$1(d.getDate())}.${pad$1(d.getMonth() + 1)}.${d.getFullYear()}`;
-    }
-    // ── Parsowanie ──
-    parseDate(iso) {
-        const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(iso ?? '');
-        if (!match)
-            return null;
-        return new Date(+match[1], +match[2] - 1, +match[3]);
-    }
-    parseTime(v) {
-        const m = /^(\d{2}):(\d{2})$/.exec(v ?? '');
-        return m ? { h: +m[1], m: +m[2] } : null;
-    }
-    parseDateTime(v) {
-        const m = /^(\d{4}-\d{2}-\d{2})[T ](\d{2}):(\d{2})$/.exec(v ?? '');
-        return m ? { date: m[1], h: +m[2], m: +m[3] } : null;
-    }
-    isYearDisabled(year) {
-        const min = this.minDate();
-        const max = this.maxDate();
-        if (min && year < +min.slice(0, 4))
-            return true;
-        if (max && year > +max.slice(0, 4))
-            return true;
-        return false;
-    }
-    isMonthYearDisabled(y, monthIndex) {
-        const ym = `${y}-${pad$1(monthIndex + 1)}`;
-        const min = this.minDate();
-        const max = this.maxDate();
-        if (min && ym < min.slice(0, 7))
-            return true;
-        if (max && ym > max.slice(0, 7))
-            return true;
-        return false;
-    }
-    initialView() {
-        const v = this.value();
-        switch (this.selectionMode()) {
-            case 'monthYear': {
-                const m = /^(\d{4})-(\d{2})$/.exec(v);
-                return m ? { y: +m[1], m: +m[2] - 1 } : { y: this.today.getFullYear(), m: this.today.getMonth() };
-            }
-            case 'year':
-                return { y: /^\d{4}$/.test(v) ? +v : this.today.getFullYear(), m: 0 };
-            case 'month':
-                return { y: this.today.getFullYear(), m: 0 };
-            case 'datetime': {
-                const dt = this.parseDateTime(v);
-                if (dt) {
-                    const d = this.parseDate(dt.date);
-                    return { y: d.getFullYear(), m: d.getMonth() };
-                }
-                return { y: this.today.getFullYear(), m: this.today.getMonth() };
-            }
-            default: {
-                const d = this.parseDate(v) ?? this.today;
-                return { y: d.getFullYear(), m: d.getMonth() };
-            }
-        }
+        return formatDate(v, iso ? 'iso' : 'pl');
     }
     syncTimeFromValue() {
         const mode = this.selectionMode();
         if (mode === 'time') {
-            const t = this.parseTime(this.value());
-            this.timeStr.set(t ? `${pad$1(t.h)}:${pad$1(t.m)}` : '00:00');
+            const t = parseTime(this.value());
+            this.timeStr.set(t ? `${pad(t.h)}:${pad(t.m)}` : '00:00');
         }
         else if (mode === 'datetime') {
-            const dt = this.parseDateTime(this.value());
-            this.timeStr.set(dt ? `${pad$1(dt.h)}:${pad$1(dt.m)}` : '00:00');
+            const dt = parseDateTime(this.value());
+            this.timeStr.set(dt ? `${pad(dt.h)}:${pad(dt.m)}` : '00:00');
             this.pendingDate.set(dt?.date ?? '');
         }
     }
@@ -3916,10 +2903,10 @@ class KptDatepicker {
             return;
         }
         this.view.update(({ m }) => ({ y: cell.y, m: level === 'month' ? cell.m : m }));
-        this.panelView.set(LEVELS[LEVELS.indexOf(level) - 1]);
+        this.panelView.set(KPT_CALENDAR_LEVELS[KPT_CALENDAR_LEVELS.indexOf(level) - 1]);
     }
     monthValue(cell) {
-        const mm = pad$1(cell.m + 1);
+        const mm = pad(cell.m + 1);
         return this.selectionMode() === 'month' ? mm : `${cell.y}-${mm}`;
     }
     /** Klik w tytuł — wejście poziom wyżej w stosie widoków. */
@@ -3939,33 +2926,15 @@ class KptDatepicker {
             this.value.set(time);
         }
         else {
-            const dt = this.parseDateTime(this.value());
-            const date = this.pendingDate() || dt?.date || toIso$1(this.today);
+            const dt = parseDateTime(this.value());
+            const date = this.pendingDate() || dt?.date || toIso(this.today);
             this.value.set(`${date}T${time}`);
         }
         this.close();
     }
-    /** Strzałki ‹ › — krok zależny od poziomu: miesiąc, rok, dekada, strona dekad. */
+    /** Strzałki ‹ › — krok zależny od poziomu (miesiąc, rok, dekada, strona dekad). */
     page(dir) {
-        const level = this.panelView();
-        this.view.update(({ y, m }) => {
-            switch (level) {
-                case 'month':
-                    return { y: y + dir, m };
-                case 'year':
-                    return { y: y + dir * 10, m };
-                case 'decade':
-                    return { y: y + dir * 120, m };
-                default: {
-                    const next = m + dir;
-                    if (next < 0)
-                        return { y: y - 1, m: 11 };
-                    if (next > 11)
-                        return { y: y + 1, m: 0 };
-                    return { y, m: next };
-                }
-            }
-        });
+        this.view.update((page) => pageBy(page, this.panelView(), dir));
     }
     pagePrev() {
         this.page(-1);
@@ -4007,9 +2976,9 @@ class KptDatepicker {
         type: Component,
         args: [{ selector: 'kpt-datepicker', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CdkOverlayOrigin, CdkConnectedOverlay, KptIcon, KptButton, KptClock], host: { class: 'kpt-datepicker-host' }, template: "<div\n  class=\"kpt-datepicker\"\n  cdkOverlayOrigin\n  #trigger=\"cdkOverlayOrigin\"\n  role=\"button\"\n  tabindex=\"0\"\n  [class.kpt-datepicker--open]=\"open()\"\n  [class.kpt-datepicker--disabled]=\"disabled()\"\n  [class.kpt-datepicker--invalid]=\"showInvalid()\"\n  [attr.aria-disabled]=\"disabled() || null\"\n  [attr.aria-label]=\"ariaLabel()\"\n  (click)=\"toggleOpen()\"\n  (keydown.enter)=\"toggleOpen()\"\n  (blur)=\"touch.emit()\"\n>\n  @if (display()) {\n    <span class=\"kpt-datepicker__value\">{{ display() }}</span>\n  } @else {\n    <span class=\"kpt-datepicker__placeholder\">{{ effectivePlaceholder() }}</span>\n  }\n  <span class=\"kpt-datepicker__spacer\"></span>\n  @if (display()) {\n    <button type=\"button\" class=\"kpt-datepicker__clear\" (click)=\"clear($event)\" [attr.aria-label]=\"i18n.t('common.clear')\"><kpt-icon name=\"x\" /></button>\n  }\n  <kpt-icon\n    class=\"kpt-datepicker__icon\"\n    [name]=\"selectionMode() === 'time' ? 'clock' : 'calendar'\"\n  />\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"open()\"\n  [cdkConnectedOverlayPositions]=\"positions\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"close()\"\n  (detach)=\"close()\"\n>\n  <div class=\"kpt-calendar\" [class.kpt-calendar--clock]=\"showClock()\" (keydown.escape)=\"close()\">\n    @if (showClock()) {\n      @if (selectionMode() === 'datetime') {\n        <div class=\"kpt-calendar__header\">\n          <button type=\"button\" class=\"kpt-calendar__nav\" (click)=\"backToCalendar()\" [attr.aria-label]=\"i18n.t('datepicker.calendar')\"><kpt-icon name=\"chevron-left\" /></button>\n          <span class=\"kpt-calendar__title\">{{ i18n.t('datepicker.time') }}</span>\n        </div>\n      }\n      <kpt-clock [(value)]=\"timeStr\" [hourFormat]=\"hourFormat()\" [minuteStep]=\"minuteStep()\" />\n    } @else {\n      <!-- Nag\u0142\u00F3wek wsp\u00F3lny dla czterech poziom\u00F3w: r\u00F3\u017Cni je tylko tre\u015B\u0107 tytu\u0142u. -->\n      <div class=\"kpt-calendar__header\">\n        @if (hasNav()) {\n          <button type=\"button\" class=\"kpt-calendar__nav\" [disabled]=\"!canPageBack()\" (click)=\"pagePrev()\" [attr.aria-label]=\"navPrevLabel()\"><kpt-icon name=\"chevron-left\" /></button>\n        }\n        <span class=\"kpt-calendar__titles\">\n          @switch (panelView()) {\n            @case ('day') {\n              <button type=\"button\" class=\"kpt-calendar__title-btn\" (click)=\"goTo('month')\" [attr.aria-label]=\"i18n.t('datepicker.chooseMonth')\">{{ monthName() }}</button>\n              <button type=\"button\" class=\"kpt-calendar__title-btn\" (click)=\"goTo('year')\" [attr.aria-label]=\"i18n.t('datepicker.chooseYear')\">{{ viewYear() }}</button>\n            }\n            @case ('month') {\n              @if (selectionMode() === 'month') {\n                <span class=\"kpt-calendar__title\">{{ i18n.t('datepicker.month') }}</span>\n              } @else {\n                <button type=\"button\" class=\"kpt-calendar__title-btn\" (click)=\"goTo('year')\" [attr.aria-label]=\"i18n.t('datepicker.chooseYear')\">{{ viewYear() }}</button>\n              }\n            }\n            @case ('year') {\n              <button type=\"button\" class=\"kpt-calendar__title-btn\" (click)=\"goTo('decade')\" [attr.aria-label]=\"i18n.t('datepicker.chooseDecade')\">{{ yearRangeLabel() }}</button>\n            }\n            @case ('decade') {\n              <span class=\"kpt-calendar__title\">{{ decadeRangeLabel() }}</span>\n            }\n          }\n        </span>\n        @if (hasNav()) {\n          <button type=\"button\" class=\"kpt-calendar__nav\" [disabled]=\"!canPageForward()\" (click)=\"pageNext()\" [attr.aria-label]=\"navNextLabel()\"><kpt-icon name=\"chevron-right\" /></button>\n        }\n      </div>\n\n      @switch (panelView()) {\n        @case ('day') {\n          <div class=\"kpt-calendar__weekdays\">\n            @for (wd of weekdays(); track wd) {\n              <span class=\"kpt-calendar__weekday\">{{ wd }}</span>\n            }\n          </div>\n          <div class=\"kpt-calendar__grid\">\n            @for (week of weeks(); track $index) {\n              @for (cell of week; track cell.iso) {\n                <button\n                  type=\"button\"\n                  class=\"kpt-calendar__day\"\n                  [class.kpt-calendar__day--muted]=\"!cell.inMonth\"\n                  [class.kpt-calendar__day--today]=\"cell.today\"\n                  [class.kpt-calendar__day--selected]=\"cell.selected\"\n                  [disabled]=\"cell.disabled\"\n                  [attr.aria-pressed]=\"cell.selected\"\n                  (click)=\"selectDay(cell)\"\n                >{{ cell.day }}</button>\n              }\n            }\n          </div>\n        }\n        @default {\n          <div class=\"kpt-calendar__grid kpt-calendar__grid--cells\" [class.kpt-calendar__grid--decades]=\"panelView() === 'decade'\">\n            @for (cell of levelCells(); track cell.label) {\n              <button\n                type=\"button\"\n                class=\"kpt-calendar__cell\"\n                [class.kpt-calendar__cell--selected]=\"cell.selected\"\n                [class.kpt-calendar__cell--current]=\"cell.current\"\n                [disabled]=\"cell.disabled\"\n                [attr.aria-pressed]=\"cell.selected\"\n                (click)=\"selectCell(cell)\"\n              >{{ cell.label }}</button>\n            }\n          </div>\n        }\n      }\n\n      @if (selectionMode() === 'datetime') {\n        <button type=\"button\" class=\"kpt-calendar__timebar\" (click)=\"openClock()\">\n          <kpt-icon name=\"clock\" />\n          <span>{{ timeBarLabel() }}</span>\n        </button>\n      }\n    }\n    @if (hasFooter()) {\n      <div class=\"kpt-calendar__footer\">\n        <kpt-button size=\"sm\" (click)=\"commit()\">{{ i18n.t('common.done') }}</kpt-button>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: ["@layer kpt.components{.kpt-datepicker-host{display:block}.kpt-datepicker{display:flex;align-items:center;gap:var(--kpt-space-2, .5rem);height:2.5rem;padding-inline:var(--kpt-space-3, .75rem);box-sizing:border-box;border:var(--kpt-border-width-thin, 1px) solid var(--kpt-form-field-border);border-radius:var(--kpt-form-field-radius, .5rem);background:var(--kpt-form-field-bg);color:var(--kpt-form-field-text);font-size:var(--kpt-font-size-sm, .875rem);cursor:pointer}.kpt-datepicker:hover:not(.kpt-datepicker--disabled){border-color:var(--kpt-form-field-border-hover)}.kpt-datepicker:focus-visible,.kpt-datepicker.kpt-datepicker--open{outline:none;border-color:var(--kpt-form-field-border-focus);box-shadow:0 0 0 2px color-mix(in oklch,var(--kpt-form-field-border-focus) 30%,transparent)}.kpt-datepicker.kpt-datepicker--invalid{border-color:var(--kpt-form-field-border-error)}.kpt-datepicker.kpt-datepicker--disabled{cursor:not-allowed;opacity:.6;background:var(--kpt-color-surface-variant)}.kpt-datepicker__placeholder{color:var(--kpt-form-field-placeholder)}.kpt-datepicker__spacer{flex:1}.kpt-datepicker__icon{color:var(--kpt-color-on-surface-muted)}.kpt-datepicker__clear{display:inline-flex;border:0;background:none;cursor:pointer;color:var(--kpt-color-on-surface-muted);padding:0}.kpt-datepicker__clear:hover{color:var(--kpt-color-on-surface)}.kpt-calendar{width:17rem;padding:var(--kpt-space-3, .75rem);background:var(--kpt-color-surface-raised);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-md, .5rem);box-shadow:var(--kpt-elevation-3);color:var(--kpt-color-on-surface);font-size:var(--kpt-font-size-sm, .875rem)}.kpt-calendar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--kpt-space-2, .5rem)}.kpt-calendar__title{font-weight:var(--kpt-font-weight-semibold, 600);text-transform:capitalize}.kpt-calendar__titles{display:flex;align-items:center;gap:var(--kpt-space-1, .25rem)}.kpt-calendar__title-btn{padding:.25rem var(--kpt-space-2, .5rem);border:0;border-radius:var(--kpt-radius-sm, .25rem);background:var(--kpt-color-muted);color:var(--kpt-color-on-surface);font:inherit;font-weight:var(--kpt-font-weight-semibold, 600);text-transform:capitalize;cursor:pointer}.kpt-calendar__title-btn:hover{background:var(--kpt-color-muted-hover)}.kpt-calendar__title-btn:focus-visible{outline:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border-strong);outline-offset:1px}.kpt-calendar__nav{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:var(--kpt-radius-md, .5rem);background:none;color:var(--kpt-color-on-surface);cursor:pointer}.kpt-calendar__nav:hover:not(:disabled){background:var(--kpt-color-muted)}.kpt-calendar__nav:disabled{opacity:.3;cursor:not-allowed}.kpt-calendar__weekdays,.kpt-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.kpt-calendar__weekday{text-align:center;font-size:var(--kpt-font-size-xs, .75rem);color:var(--kpt-color-on-surface-muted);padding:.25rem 0}.kpt-calendar__day{aspect-ratio:1;border:0;border-radius:var(--kpt-radius-sm, .25rem);background:none;color:var(--kpt-color-on-surface);cursor:pointer;font:inherit}.kpt-calendar__day:hover:not(:disabled){background:var(--kpt-color-muted)}.kpt-calendar__day--muted{color:var(--kpt-color-on-surface-muted);opacity:.5}.kpt-calendar__day--today{box-shadow:inset 0 0 0 1px var(--kpt-color-border-strong)}.kpt-calendar__day--selected{background:var(--kpt-color-primary)!important;color:var(--kpt-color-on-primary)}.kpt-calendar__day:disabled{opacity:.3;cursor:not-allowed}.kpt-calendar__grid--cells{grid-template-columns:repeat(3,1fr);gap:4px}.kpt-calendar__cell{padding:.6rem .25rem;border:0;border-radius:var(--kpt-radius-sm, .25rem);background:none;color:var(--kpt-color-on-surface);cursor:pointer;font:inherit;text-transform:capitalize}.kpt-calendar__cell:hover:not(:disabled){background:var(--kpt-color-muted)}.kpt-calendar__cell--current{box-shadow:inset 0 0 0 1px var(--kpt-color-border-strong)}.kpt-calendar__cell--selected{background:var(--kpt-color-primary)!important;color:var(--kpt-color-on-primary)}.kpt-calendar__cell:disabled{opacity:.3;cursor:not-allowed}.kpt-calendar__grid--decades .kpt-calendar__cell{padding-inline:0;font-size:var(--kpt-font-size-xs, .75rem);white-space:nowrap}.kpt-calendar__timebar{display:flex;align-items:center;justify-content:center;gap:var(--kpt-space-2, .5rem);width:100%;margin-top:var(--kpt-space-2, .5rem);padding:var(--kpt-space-2, .5rem);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-md, .5rem);background:none;color:var(--kpt-color-on-surface);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer}.kpt-calendar__timebar:hover{background:var(--kpt-color-muted)}.kpt-calendar__timebar kpt-icon{color:var(--kpt-color-on-surface-muted)}.kpt-calendar__footer{display:flex;justify-content:flex-end;margin-top:var(--kpt-space-3, .75rem)}.kpt-calendar--clock{width:16rem}}\n"] }]
     }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], displayFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayFormat", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], startView: [{ type: i0.Input, args: [{ isSignal: true, alias: "startView", required: false }] }], monthDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "monthDisplay", required: false }] }], hourFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "hourFormat", required: false }] }], minuteStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "minuteStep", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptDatepicker, { className: "KptDatepicker", filePath: "lib/datepicker/datepicker.component.ts", lineNumber: 81 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptDatepicker, { className: "KptDatepicker", filePath: "lib/datepicker/datepicker.component.ts", lineNumber: 83 }); })();
 
-const _c0$v = ["ta"];
+const _c0$w = ["ta"];
 /**
  * Pole wieloliniowe (textarea) na Signal Forms, z opcjonalnym auto-resize.
  *
@@ -4054,7 +3023,7 @@ class KptTextarea {
     }
     static { this.ɵfac = function KptTextarea_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptTextarea)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptTextarea, selectors: [["kpt-textarea"]], viewQuery: function KptTextarea_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.ta, _c0$v, 5);
+            i0.ɵɵviewQuerySignal(ctx.ta, _c0$w, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, hostAttrs: [1, "kpt-textarea-host"], inputs: { value: [1, "value"], placeholder: [1, "placeholder"], rows: [1, "rows"], autoResize: [1, "autoResize"], disabled: [1, "disabled"], readonly: [1, "readonly"], invalid: [1, "invalid"], touched: [1, "touched"] }, outputs: { value: "valueChange", touch: "touch" }, decls: 2, vars: 6, consts: [["ta", ""], [1, "kpt-textarea__field", 3, "input", "blur", "value", "placeholder", "disabled", "readOnly", "rows"]], template: function KptTextarea_Template(rf, ctx) { if (rf & 1) {
@@ -4206,7 +3175,7 @@ class KptTooltip {
             }]
     }], null, { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "kptTooltip", required: true }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "kptTooltipPosition", required: false }] }], onlyWhenTruncated: [{ type: i0.Input, args: [{ isSignal: true, alias: "kptTooltipOnlyWhenTruncated", required: false }] }] }); })();
 
-const _c0$u = ["editor"];
+const _c0$v = ["editor"];
 const _forTrack0$8 = ($index, $item) => $item.tag;
 function KptRichText_For_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span", 11);
@@ -5814,7 +4783,7 @@ class KptRichText {
     }
     static { this.ɵfac = function KptRichText_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptRichText)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptRichText, selectors: [["kpt-rich-text"]], viewQuery: function KptRichText_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.editor, _c0$u, 5);
+            i0.ɵɵviewQuerySignal(ctx.editor, _c0$v, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, hostAttrs: [1, "kpt-rich-text-host"], inputs: { value: [1, "value"], toolbar: [1, "toolbar"], placeholder: [1, "placeholder"], maxListLevel: [1, "maxListLevel"], disabled: [1, "disabled"], invalid: [1, "invalid"], touched: [1, "touched"] }, outputs: { value: "valueChange", touch: "touch" }, decls: 11, vars: 14, consts: [["paletteTpl", ""], ["styleOrigin", "cdkOverlayOrigin"], ["foreOrigin", "cdkOverlayOrigin"], ["backOrigin", "cdkOverlayOrigin"], ["tableOrigin", "cdkOverlayOrigin"], ["editor", ""], [1, "kpt-rich-text"], ["role", "toolbar", 1, "kpt-rich-text__toolbar"], ["spellcheck", "false", 1, "kpt-rich-text__source", 3, "value", "disabled"], ["role", "textbox", "aria-multiline", "true", 1, "kpt-rich-text__editor"], ["cdkConnectedOverlay", "", "cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop", 3, "backdropClick", "detach", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayHasBackdrop"], ["aria-hidden", "true", 1, "kpt-rich-text__divider"], ["type", "button", 1, "kpt-rich-text__tool", 3, "is-active", "kptTooltip", "disabled"], ["type", "button", "cdkOverlayOrigin", "", 1, "kpt-rich-text__style", 3, "mousedown", "click", "disabled", "kptTooltip"], ["name", "chevron-down", 1, "kpt-rich-text__style-caret"], ["cdkConnectedOverlay", "", "cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop", 3, "backdropClick", "detach", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayPositions", "cdkConnectedOverlayHasBackdrop"], ["role", "listbox", 1, "kpt-rich-text__style-panel"], ["role", "option", 1, "kpt-rich-text__style-opt", 3, "class", "is-selected"], ["role", "option", 1, "kpt-rich-text__style-opt", 3, "click"], ["type", "button", "cdkOverlayOrigin", "", 1, "kpt-rich-text__tool", "kpt-rich-text__tool--color", 3, "mousedown", "click", "kptTooltip", "disabled"], [3, "name"], [3, "ngTemplateOutlet"], ["type", "button", "cdkOverlayOrigin", "", 1, "kpt-rich-text__tool", 3, "mousedown", "click", "kptTooltip", "disabled"], [1, "kpt-rt-grid-pop", 3, "mousedown"], [1, "kpt-rt-grid", 3, "mouseleave"], [1, "kpt-rt-grid__row"], [1, "kpt-rt-grid__label"], [1, "kpt-rt-grid__cell", 3, "is-on"], [1, "kpt-rt-grid__cell", 3, "mouseenter", "click"], ["type", "button", 1, "kpt-rich-text__tool", 3, "mousedown", "click", "kptTooltip", "disabled"], ["spellcheck", "false", 1, "kpt-rich-text__source", 3, "input", "blur", "value", "disabled"], ["role", "textbox", "aria-multiline", "true", 1, "kpt-rich-text__editor", 3, "input", "keydown", "paste", "contextmenu", "mousedown", "mousemove", "blur"], [1, "kpt-rt-menu", 3, "contextmenu"], [1, "kpt-rt-menu__group"], ["type", "button", 1, "kpt-rt-menu__item", 3, "click"], ["name", "plus"], ["name", "table"], ["name", "trash"], [1, "kpt-rt-menu__sep"], ["name", "palette"], ["name", "align-left"], ["name", "align-center"], ["name", "align-right"], ["name", "grip-vertical"], ["type", "button", 1, "kpt-rt-menu__item", "kpt-rt-menu__item--danger", 3, "click"], [1, "kpt-rt-border", 3, "mousedown"], [1, "kpt-rt-border__seg"], ["type", "button", 3, "click"], [1, "kpt-rt-border__widths"], [1, "kpt-rich-text__swatches"], ["type", "button", 1, "kpt-rich-text__swatch", 3, "background"], [1, "kpt-rich-text__picker"], ["type", "color", 3, "input"], ["type", "button", 1, "kpt-rich-text__swatch", 3, "click"], [1, "kpt-rich-text__palette", 3, "mousedown"]], template: function KptRichText_Template(rf, ctx) { if (rf & 1) {
@@ -6044,6 +5013,7 @@ class KptSlider {
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], range: [{ type: i0.Input, args: [{ isSignal: true, alias: "range", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], showValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValue", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptSlider, { className: "KptSlider", filePath: "lib/slider/slider.component.ts", lineNumber: 87 }); })();
 
+const _c0$u = (a0, a1) => ({ value: a0, max: a1 });
 function KptRating_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 2);
@@ -6055,7 +5025,7 @@ function KptRating_For_2_Template(rf, ctx) { if (rf & 1) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("is-filled", star_r2 <= (ctx_r2.hover() || ctx_r2.value()));
     i0.ɵɵproperty("disabled", ctx_r2.readonly() || ctx_r2.disabled());
-    i0.ɵɵattribute("aria-label", star_r2 + " z " + ctx_r2.count());
+    i0.ɵɵattribute("aria-label", ctx_r2.i18n.t("rating.star", i0.ɵɵpureFunction2(4, _c0$u, star_r2, ctx_r2.count())));
 } }
 /**
  * Ocena gwiazdkami (rating) na Signal Forms.
@@ -6075,6 +5045,7 @@ class KptRating {
         this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.touched = input(false, { ...(ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.touch = output();
+        this.i18n = inject(KptI18n);
         this.hover = signal(0, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hover" }] : /* istanbul ignore next */ []));
         this.stars = computed(() => Array.from({ length: this.count() }, (_, i) => i + 1), /* @ts-ignore */
@@ -6089,7 +5060,7 @@ class KptRating {
     static { this.ɵfac = function KptRating_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptRating)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptRating, selectors: [["kpt-rating"]], hostAttrs: [1, "kpt-rating-host"], inputs: { value: [1, "value"], count: [1, "count"], readonly: [1, "readonly"], disabled: [1, "disabled"], touched: [1, "touched"] }, outputs: { value: "valueChange", touch: "touch" }, decls: 3, vars: 2, consts: [["role", "slider", 1, "kpt-rating"], ["type", "button", 1, "kpt-rating__star", 3, "is-filled", "disabled"], ["type", "button", 1, "kpt-rating__star", 3, "click", "mouseenter", "mouseleave", "disabled"], ["name", "star"]], template: function KptRating_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵrepeaterCreate(1, KptRating_For_2_Template, 2, 4, "button", 1, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵrepeaterCreate(1, KptRating_For_2_Template, 2, 7, "button", 1, i0.ɵɵrepeaterTrackByIdentity);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵattribute("aria-valuenow", ctx.value())("aria-valuemax", ctx.count());
@@ -6110,13 +5081,13 @@ class KptRating {
           (click)="pick(star)"
           (mouseenter)="hover.set(star)"
           (mouseleave)="hover.set(0)"
-          [attr.aria-label]="star + ' z ' + count()"
+          [attr.aria-label]="i18n.t('rating.star', { value: star, max: count() })"
         ><kpt-icon name="star" /></button>
       }
     </div>
   `, host: { class: 'kpt-rating-host' }, styles: ["@layer kpt.components{.kpt-rating-host{display:inline-flex}.kpt-rating{display:inline-flex;gap:.15rem;font-size:1.4rem}.kpt-rating__star{display:inline-flex;border:0;background:none;padding:.1rem;cursor:pointer;color:var(--kpt-color-border-strong);transition:color var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard)}.kpt-rating__star.is-filled{color:var(--kpt-color-warning)}.kpt-rating__star.is-filled svg{fill:currentColor}.kpt-rating__star:disabled{cursor:default}}\n"] }]
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptRating, { className: "KptRating", filePath: "lib/rating/rating.component.ts", lineNumber: 46 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptRating, { className: "KptRating", filePath: "lib/rating/rating.component.ts", lineNumber: 48 }); })();
 
 const _forTrack0$7 = ($index, $item) => $item.name;
 function KptFileUpload_Conditional_5_Template(rf, ctx) { if (rf & 1) {
@@ -6610,8 +5581,6 @@ function KptDateRange_ng_template_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.mode() === "time" ? 1 : 2);
 } }
-const pad = (n) => String(n).padStart(2, '0');
-const toIso = (d) => `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
 /**
  * Wybór zakresu dat z kalendarzem (CDK Overlay), Signal Forms.
  * `mode`: 'date' (domyślnie), 'datetime' (data+godzina, tarcza zegara), 'time' (sama godzina).
@@ -6676,10 +5645,7 @@ class KptDateRange {
             { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: 4 },
             { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -4 },
         ];
-        this.panelCount = computed(() => {
-            const n = Math.trunc(this.visibleMonths());
-            return Number.isFinite(n) ? Math.min(3, Math.max(1, n)) : 1;
-        }, /* @ts-ignore */
+        this.panelCount = computed(() => clampVisibleMonths(this.visibleMonths()), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "panelCount" }] : /* istanbul ignore next */ []));
         this.multi = computed(() => this.panelCount() > 1, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "multi" }] : /* istanbul ignore next */ []));
@@ -6693,8 +5659,8 @@ class KptDateRange {
             }
             if (mode === 'datetime') {
                 const one = (v) => {
-                    const d = this.fmtDate(this.datePart(v));
-                    const t = this.fmtTime(this.timePart(v));
+                    const d = this.fmtDate(datePart(v));
+                    const t = this.fmtTime(timePart(v));
                     return t ? `${d} ${t}` : d;
                 };
                 return end ? `${one(start)} – ${one(end)}` : `${one(start)} – …`;
@@ -6709,6 +5675,7 @@ class KptDateRange {
          */
         this.panels = computed(() => {
             const { y, m } = this.view();
+            const datetime = this.mode() === 'datetime';
             return Array.from({ length: this.panelCount() }, (_, i) => {
                 const first = new Date(y, m + i, 1);
                 const py = first.getFullYear();
@@ -6716,84 +5683,40 @@ class KptDateRange {
                 return {
                     key: `${py}-${pad(pm + 1)}`,
                     label: `${this.months()[pm]} ${py}`,
-                    weeks: this.buildWeeks(py, pm),
+                    weeks: buildRangeGrid({
+                        page: { y: py, m: pm },
+                        start: datetime ? this.startDate() : this.value().start,
+                        end: datetime ? this.endDate() : this.value().end,
+                        todayIso: toIso(this.today),
+                        // Przy kilku panelach dni sąsiednich miesięcy stają się pustymi slotami — inaczej ta
+                        // sama data byłaby klikalna dwa razy, a pasmo malowałoby się w obu miejscach.
+                        hideOutside: this.multi(),
+                    }),
                 };
             });
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "panels" }] : /* istanbul ignore next */ []));
     }
-    datePart(v) {
-        return v ? v.slice(0, 10) : '';
-    }
-    timePart(v) {
-        const m = /[T ](\d{2}:\d{2})$/.exec(v);
-        return m ? m[1] : '';
-    }
     fmtDate(iso) {
-        const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(iso);
-        if (!m)
-            return '';
-        return this.displayFormat() === 'iso' ? `${m[1]}-${m[2]}-${m[3]}` : `${m[3]}.${m[2]}.${m[1]}`;
+        return formatDate(iso, this.displayFormat());
     }
     fmtTime(hhmm) {
-        const m = /^(\d{2}):(\d{2})$/.exec(hhmm);
-        if (!m)
-            return '';
-        if (this.hourFormat() === 12) {
-            const h = +m[1];
-            const h12 = h % 12 === 0 ? 12 : h % 12;
-            return `${h12}:${m[2]} ${h < 12 ? 'AM' : 'PM'}`;
-        }
-        return hhmm;
-    }
-    buildWeeks(y, m) {
-        const datetime = this.mode() === 'datetime';
-        const start = datetime ? this.startDate() : this.value().start;
-        const end = datetime ? this.endDate() : this.value().end;
-        const hasBand = !!start && !!end && start < end;
-        const hideOutside = this.multi();
-        const todayIso = toIso(this.today);
-        const first = new Date(y, m, 1);
-        const startOffset = (first.getDay() + 6) % 7;
-        const gridStart = new Date(y, m, 1 - startOffset);
-        const weeks = [];
-        for (let w = 0; w < 6; w++) {
-            const row = [];
-            for (let d = 0; d < 7; d++) {
-                const date = new Date(gridStart.getFullYear(), gridStart.getMonth(), gridStart.getDate() + w * 7 + d);
-                const iso = toIso(date);
-                const inMonth = date.getMonth() === m;
-                row.push({
-                    day: date.getDate(),
-                    iso,
-                    inMonth,
-                    today: iso === todayIso,
-                    isStart: iso === start,
-                    isEnd: iso === end,
-                    inRange: hasBand && iso > start && iso < end,
-                    rangeStart: hasBand && iso === start,
-                    rangeEnd: hasBand && iso === end,
-                    blank: hideOutside && !inMonth,
-                    disabled: false,
-                });
-            }
-            weeks.push(row);
-        }
-        return weeks;
+        const t = parseTime(hhmm);
+        return t ? formatTime(t.h, t.m, this.hourFormat() === 12 ? 12 : 24) : '';
     }
     toggleOpen() {
         if (this.disabled())
             return;
         if (!this.open()) {
             const { start, end } = this.value();
-            const base = this.datePart(start) || toIso(this.today);
+            const base = datePart(start) || toIso(this.today);
             const d = new Date(base);
             this.view.set({ y: d.getFullYear(), m: d.getMonth() });
             if (this.mode() === 'datetime') {
-                this.startDate.set(this.datePart(start));
-                this.endDate.set(this.datePart(end));
-                this.startTime.set(this.timePart(start) || '00:00');
-                this.endTime.set(this.timePart(end) || '00:00');
+                this.startDate.set(datePart(start));
+                this.endDate.set(datePart(end));
+                this.startTime.set(timePart(start) || '00:00');
+                this.endTime.set(timePart(end) || '00:00');
             }
             else if (this.mode() === 'time') {
                 this.startTime.set(/^\d{2}:\d{2}$/.test(start) ? start : '00:00');
@@ -6813,32 +5736,16 @@ class KptDateRange {
         if (cell.blank || cell.disabled)
             return;
         if (this.mode() === 'datetime') {
-            const start = this.startDate();
-            const end = this.endDate();
-            if (!start || (start && end)) {
-                this.startDate.set(cell.iso);
-                this.endDate.set('');
-            }
-            else if (cell.iso < start) {
-                this.endDate.set(start);
-                this.startDate.set(cell.iso);
-            }
-            else {
-                this.endDate.set(cell.iso);
-            }
-            return; // czas do wyboru → zamknięcie przez „Gotowe"
-        }
-        const { start, end } = this.value();
-        if (!start || (start && end)) {
-            this.value.set({ start: cell.iso, end: '' });
+            // Część kalendarzowa czeka na godziny — wartość powstaje dopiero przy „Gotowe".
+            const next = pickRangeDay({ start: this.startDate(), end: this.endDate() }, cell.iso);
+            this.startDate.set(next.start);
+            this.endDate.set(next.end);
+            return;
         }
-        else {
-            if (cell.iso < start)
-                this.value.set({ start: cell.iso, end: start });
-            else
-                this.value.set({ start, end: cell.iso });
+        const next = pickRangeDay(this.value(), cell.iso);
+        this.value.set(next);
+        if (next.end)
             this.close();
-        }
     }
     commit() {
         if (this.mode() === 'time') {
@@ -6898,7 +5805,7 @@ class KptDateRange {
         type: Component,
         args: [{ selector: 'kpt-date-range', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CdkOverlayOrigin, CdkConnectedOverlay, KptIcon, KptButton, KptClock], host: { class: 'kpt-date-range-host' }, template: "<div\n  class=\"kpt-date-range\"\n  cdkOverlayOrigin\n  #trigger=\"cdkOverlayOrigin\"\n  role=\"button\"\n  tabindex=\"0\"\n  [class.kpt-date-range--open]=\"open()\"\n  [class.kpt-date-range--disabled]=\"disabled()\"\n  [class.kpt-date-range--invalid]=\"showInvalid()\"\n  (click)=\"toggleOpen()\"\n  (keydown.enter)=\"toggleOpen()\"\n  (blur)=\"touch.emit()\"\n>\n  @if (display()) {\n    <span class=\"kpt-date-range__value\">{{ display() }}</span>\n  } @else {\n    <span class=\"kpt-date-range__placeholder\">{{ effectivePlaceholder() }}</span>\n  }\n  <span class=\"kpt-date-range__spacer\"></span>\n  @if (display()) {\n    <button type=\"button\" class=\"kpt-date-range__clear\" (click)=\"clear($event)\" [attr.aria-label]=\"i18n.t('common.clear')\"><kpt-icon name=\"x\" /></button>\n  }\n  <kpt-icon class=\"kpt-date-range__icon\" name=\"calendar\" />\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"open()\"\n  [cdkConnectedOverlayPositions]=\"positions\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"close()\"\n  (detach)=\"close()\"\n>\n  <div\n    class=\"kpt-calendar\"\n    [class.kpt-calendar--clock]=\"mode() === 'time'\"\n    [class.kpt-calendar--range]=\"mode() !== 'time'\"\n    [class.kpt-calendar--multi]=\"multi() && mode() !== 'time'\"\n    (keydown.escape)=\"close()\"\n  >\n    @if (mode() === 'time') {\n      <div class=\"kpt-range-tabs\">\n        <button type=\"button\" [class.is-active]=\"timeEnd() === 'start'\" (click)=\"timeEnd.set('start')\">{{ i18n.t('dateRange.from') }}</button>\n        <button type=\"button\" [class.is-active]=\"timeEnd() === 'end'\" (click)=\"timeEnd.set('end')\">{{ i18n.t('dateRange.to') }}</button>\n      </div>\n      @if (timeEnd() === 'start') {\n        <kpt-clock [value]=\"startTime()\" (valueChange)=\"startTime.set($event)\" [hourFormat]=\"hourFormat()\" [minuteStep]=\"minuteStep()\" />\n      } @else {\n        <kpt-clock [value]=\"endTime()\" (valueChange)=\"endTime.set($event)\" [hourFormat]=\"hourFormat()\" [minuteStep]=\"minuteStep()\" />\n      }\n      <div class=\"kpt-calendar__footer\">\n        <kpt-button size=\"sm\" (click)=\"commit()\">{{ i18n.t('common.done') }}</kpt-button>\n      </div>\n    } @else {\n      <div class=\"kpt-calendar__panels\">\n        @for (panel of panels(); track panel.key; let first = $first, last = $last) {\n          <div class=\"kpt-calendar__panel\">\n            <!-- Strza\u0142ki tylko na skrajnych panelach; puste sloty trzymaj\u0105 tytu\u0142 na \u015Brodku. -->\n            <div class=\"kpt-calendar__header\">\n              @if (first) {\n                <button type=\"button\" class=\"kpt-calendar__nav\" (click)=\"prevMonth()\" [attr.aria-label]=\"i18n.t('datepicker.prevMonth')\"><kpt-icon name=\"chevron-left\" /></button>\n              } @else {\n                <span class=\"kpt-calendar__nav-slot\"></span>\n              }\n              <span class=\"kpt-calendar__title\">{{ panel.label }}</span>\n              @if (last) {\n                <button type=\"button\" class=\"kpt-calendar__nav\" (click)=\"nextMonth()\" [attr.aria-label]=\"i18n.t('datepicker.nextMonth')\"><kpt-icon name=\"chevron-right\" /></button>\n              } @else {\n                <span class=\"kpt-calendar__nav-slot\"></span>\n              }\n            </div>\n            <div class=\"kpt-calendar__weekdays\">\n              @for (wd of weekdays(); track wd) {\n                <span class=\"kpt-calendar__weekday\">{{ wd }}</span>\n              }\n            </div>\n            <div class=\"kpt-calendar__grid\">\n              @for (week of panel.weeks; track $index) {\n                @for (cell of week; track cell.iso) {\n                  @if (cell.blank) {\n                    <span class=\"kpt-calendar__day kpt-calendar__day--blank\"></span>\n                  } @else {\n                    <button\n                      type=\"button\"\n                      class=\"kpt-calendar__day\"\n                      [class.kpt-calendar__day--muted]=\"!cell.inMonth\"\n                      [class.kpt-calendar__day--today]=\"cell.today\"\n                      [class.kpt-calendar__day--range]=\"cell.inRange\"\n                      [class.kpt-calendar__day--range-start]=\"cell.rangeStart\"\n                      [class.kpt-calendar__day--range-end]=\"cell.rangeEnd\"\n                      [class.kpt-calendar__day--selected]=\"cell.isStart || cell.isEnd\"\n                      (click)=\"selectDay(cell)\"\n                    >{{ cell.day }}</button>\n                  }\n                }\n              }\n            </div>\n          </div>\n        }\n      </div>\n\n      @if (mode() === 'datetime') {\n        <div class=\"kpt-range-tabs\">\n          <button type=\"button\" [class.is-active]=\"timeEnd() === 'start'\" (click)=\"timeEnd.set('start')\">{{ i18n.t('dateRange.fromTime') }}</button>\n          <button type=\"button\" [class.is-active]=\"timeEnd() === 'end'\" (click)=\"timeEnd.set('end')\">{{ i18n.t('dateRange.toTime') }}</button>\n        </div>\n        @if (timeEnd() === 'start') {\n          <kpt-clock [value]=\"startTime()\" (valueChange)=\"startTime.set($event)\" [hourFormat]=\"hourFormat()\" [minuteStep]=\"minuteStep()\" />\n        } @else {\n          <kpt-clock [value]=\"endTime()\" (valueChange)=\"endTime.set($event)\" [hourFormat]=\"hourFormat()\" [minuteStep]=\"minuteStep()\" />\n        }\n        <div class=\"kpt-calendar__footer\">\n          <kpt-button size=\"sm\" (click)=\"commit()\">{{ i18n.t('common.done') }}</kpt-button>\n        </div>\n      }\n    }\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@layer kpt.components{.kpt-date-range-host{display:block}.kpt-date-range{display:flex;align-items:center;gap:var(--kpt-space-2, .5rem);height:2.5rem;padding-inline:var(--kpt-space-3, .75rem);box-sizing:border-box;border:var(--kpt-border-width-thin, 1px) solid var(--kpt-form-field-border);border-radius:var(--kpt-form-field-radius, .5rem);background:var(--kpt-form-field-bg);color:var(--kpt-form-field-text);font-size:var(--kpt-font-size-sm, .875rem);cursor:pointer}.kpt-date-range:hover:not(.kpt-date-range--disabled){border-color:var(--kpt-form-field-border-hover)}.kpt-date-range:focus-visible,.kpt-date-range.kpt-date-range--open{outline:none;border-color:var(--kpt-form-field-border-focus);box-shadow:0 0 0 2px color-mix(in oklch,var(--kpt-form-field-border-focus) 30%,transparent)}.kpt-date-range.kpt-date-range--invalid{border-color:var(--kpt-form-field-border-error)}.kpt-date-range.kpt-date-range--disabled{cursor:not-allowed;opacity:.6;background:var(--kpt-color-surface-variant)}.kpt-date-range__placeholder{color:var(--kpt-form-field-placeholder)}.kpt-date-range__spacer{flex:1}.kpt-date-range__icon{color:var(--kpt-color-on-surface-muted)}.kpt-date-range__clear{display:inline-flex;border:0;background:none;cursor:pointer;padding:0;color:var(--kpt-color-on-surface-muted)}.kpt-date-range__clear:hover{color:var(--kpt-color-on-surface)}.kpt-calendar{width:17rem;padding:var(--kpt-space-3, .75rem);background:var(--kpt-color-surface-raised);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-md, .5rem);box-shadow:var(--kpt-elevation-3);color:var(--kpt-color-on-surface);font-size:var(--kpt-font-size-sm, .875rem)}.kpt-calendar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--kpt-space-2, .5rem)}.kpt-calendar__title{font-weight:var(--kpt-font-weight-semibold, 600);text-transform:capitalize}.kpt-calendar__nav{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:var(--kpt-radius-md, .5rem);background:none;color:var(--kpt-color-on-surface);cursor:pointer}.kpt-calendar__nav:hover{background:var(--kpt-color-muted)}.kpt-calendar__nav-slot{width:2rem;height:2rem}.kpt-calendar__panels{display:flex;flex-wrap:wrap;gap:var(--kpt-space-4, 1rem)}.kpt-calendar__panel{flex:none;width:15.5rem}.kpt-calendar__weekdays,.kpt-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.kpt-calendar__weekday{text-align:center;font-size:var(--kpt-font-size-xs, .75rem);color:var(--kpt-color-on-surface-muted);padding:.25rem 0}.kpt-calendar__day{position:relative;isolation:isolate;aspect-ratio:1;border:0;border-radius:var(--kpt-radius-sm, .25rem);background:none;color:var(--kpt-color-on-surface);cursor:pointer;font:inherit}.kpt-calendar__day:hover:not(:disabled){background:var(--kpt-color-muted)}.kpt-calendar__day--muted{color:var(--kpt-color-on-surface-muted);opacity:.5}.kpt-calendar__day--blank{cursor:default;pointer-events:none}.kpt-calendar__day--today{box-shadow:inset 0 0 0 1px var(--kpt-color-border-strong)}.kpt-calendar__day--selected{background:var(--kpt-color-primary)!important;color:var(--kpt-color-on-primary)}.kpt-calendar__footer{display:flex;justify-content:flex-end;margin-top:var(--kpt-space-3, .75rem)}.kpt-calendar--clock{width:16rem}.kpt-calendar--multi{width:auto;max-width:calc(100vw - 2rem)}.kpt-calendar--range .kpt-calendar__day--range:before,.kpt-calendar--range .kpt-calendar__day--range-start:before,.kpt-calendar--range .kpt-calendar__day--range-end:before{content:\"\";position:absolute;inset-block:0;inset-inline:-1px;z-index:-2;background:color-mix(in oklch,var(--kpt-color-primary) 14%,transparent)}.kpt-calendar--range .kpt-calendar__day--range-start:before{inset-inline-start:50%}.kpt-calendar--range .kpt-calendar__day--range-end:before{inset-inline-end:50%}.kpt-calendar--range .kpt-calendar__day--selected{background:none!important;color:var(--kpt-color-on-primary)}.kpt-calendar--range .kpt-calendar__day--selected:after{content:\"\";position:absolute;inset:0;z-index:-1;border-radius:var(--kpt-radius-sm, .25rem);background:var(--kpt-color-primary)}.kpt-calendar--range .kpt-calendar__grid>.kpt-calendar__day:nth-child(7n+1):before{border-start-start-radius:var(--kpt-radius-sm, .25rem);border-end-start-radius:var(--kpt-radius-sm, .25rem)}.kpt-calendar--range .kpt-calendar__grid>.kpt-calendar__day:nth-child(7n):before{border-start-end-radius:var(--kpt-radius-sm, .25rem);border-end-end-radius:var(--kpt-radius-sm, .25rem)}.kpt-range-tabs{display:flex;gap:var(--kpt-space-1, .25rem);margin-block:var(--kpt-space-3, .75rem) var(--kpt-space-2, .5rem);padding:2px;background:var(--kpt-color-surface-variant);border-radius:var(--kpt-radius-md, .5rem)}.kpt-range-tabs button{flex:1;border:0;background:none;padding:var(--kpt-space-1, .25rem) var(--kpt-space-2, .5rem);border-radius:var(--kpt-radius-sm, .25rem);color:var(--kpt-color-on-surface-muted);font:inherit;font-size:var(--kpt-font-size-sm, .875rem);cursor:pointer}.kpt-range-tabs button.is-active{background:var(--kpt-color-surface-raised);color:var(--kpt-color-on-surface);font-weight:var(--kpt-font-weight-medium, 500);box-shadow:var(--kpt-elevation-1)}}\n"] }]
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], displayFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayFormat", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], visibleMonths: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibleMonths", required: false }] }], hourFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "hourFormat", required: false }] }], minuteStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "minuteStep", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptDateRange, { className: "KptDateRange", filePath: "lib/date-range/date-range.component.ts", lineNumber: 79 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptDateRange, { className: "KptDateRange", filePath: "lib/date-range/date-range.component.ts", lineNumber: 66 }); })();
 
 function KptInputNumber_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -10349,190 +9256,6 @@ class KptCellEditDef {
             }]
     }], null, { kptCellEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "kptCellEdit", required: true }] }] }); })();
 
-/*
- * Zamiana wartości komórki na tekst dla filtrowania, sortowania i podsumowań — pure TS,
- * wydzielone żeby dało się testować `node --test` bez ciągnięcia Angulara (jak `csv-export.ts`).
- */
-/**
- * Tekst z dowolnej wartości komórki. Prymitywy, `Date` i tablice zachowują się jak `String()`,
- * natomiast zwykły obiekt daje **pusty string**, nie `'[object Object]'`: ten drugi udawałby
- * sensowną zawartość — filtr tekstowy „obj" dopasowywałby każdy wiersz z obiektem w komórce,
- * a sortowanie uznawało je wszystkie za równe.
- */
-function toText(value) {
-    switch (typeof value) {
-        case 'string':
-            return value;
-        case 'number':
-        case 'boolean':
-        case 'bigint':
-            return String(value);
-        case 'object':
-            if (value === null)
-                return '';
-            if (value instanceof Date)
-                return value.toString();
-            if (Array.isArray(value))
-                return value.map(toText).join(',');
-            return '';
-        default:
-            return '';
-    }
-}
-
-/*
- * Agregacje wiersza podsumowania (`<tfoot>`) — pure TS, wydzielone żeby dało się
- * testować `node --test` bez ciągnięcia Angulara (jak `csv-export.ts`).
- */
-/**
- * Sumowanie liczb zmiennoprzecinkowych daje ogony (`0.1 + 0.2` → `0.30000000000000004`),
- * które bez tego przycięcia wyciekłyby wprost do komórki podsumowania.
- */
-function trimFloat(value) {
-    return Math.round(value * 1e10) / 1e10;
-}
-/** Liczba z komórki: `number` bez zmian, string przez `parseFloat`, reszta → `NaN` (pomijana). */
-function toNumber(value) {
-    if (typeof value === 'number')
-        return value;
-    if (typeof value === 'string' && value.trim() !== '')
-        return Number.parseFloat(value);
-    return Number.NaN;
-}
-/**
- * Agreguje jedno pole po wierszach. `count` liczy wiersze; pozostałe funkcje pomijają
- * wartości nieliczbowe. Pusty zbiór liczb: `sum` → 0, `avg`/`min`/`max` → `null`
- * (komórka renderuje się wtedy pusta).
- */
-function aggregate(rows, field, fn) {
-    if (fn === 'count')
-        return rows.length;
-    const nums = [];
-    for (const row of rows) {
-        const num = toNumber(row[field]);
-        if (!Number.isNaN(num))
-            nums.push(num);
-    }
-    switch (fn) {
-        case 'sum':
-            return trimFloat(nums.reduce((acc, n) => acc + n, 0));
-        case 'avg':
-            return nums.length === 0 ? null : trimFloat(nums.reduce((acc, n) => acc + n, 0) / nums.length);
-        case 'min':
-            return nums.length === 0 ? null : Math.min(...nums);
-        case 'max':
-            return nums.length === 0 ? null : Math.max(...nums);
-        default:
-            return null;
-    }
-}
-
-/*
- * Dopasowanie wiersza do filtrów kolumn tabeli — pure TS, wydzielone żeby dało się
- * testować `node --test` bez ciągnięcia Angulara (jak `csv-export.ts` i `summary.ts`).
- * Komponent trzyma tylko stan filtrów; cała semantyka „czy komórka pasuje" jest tutaj.
- */
-/** Data komórki w formacie `YYYY-MM-DD` — do porównań leksykograficznych z granicami zakresu. */
-function toIsoDate(value) {
-    if (value instanceof Date) {
-        const p = (n) => String(n).padStart(2, '0');
-        return `${value.getFullYear()}-${p(value.getMonth() + 1)}-${p(value.getDate())}`;
-    }
-    return toText(value);
-}
-/** Filtr „pusty" (nie wybrano nic) przepuszcza każdy wiersz. */
-function isEmptyFilterValue(value) {
-    return value == null || value === '' || (Array.isArray(value) && value.length === 0);
-}
-const matchesText = (cell, value) => toText(cell).toLowerCase().includes(toText(value).toLowerCase());
-const matchesNumber = (cell, value) => toText(cell).includes(toText(value));
-const matchesSelect = (cell, value) => {
-    const picked = Array.isArray(value) ? value : [value];
-    // Komórka-tablica (np. lista tagów/członków) → dopasuj, gdy zawiera dowolną z wybranych wartości.
-    if (Array.isArray(cell))
-        return cell.some((c) => picked.includes(c));
-    return picked.includes(cell);
-};
-const matchesNumberRange = (cell, value) => {
-    const { min, max } = value ?? {};
-    const lo = min == null || min === '' ? null : Number.parseFloat(min);
-    const hi = max == null || max === '' ? null : Number.parseFloat(max);
-    if (lo === null && hi === null)
-        return true;
-    const num = toNumber(cell);
-    if (Number.isNaN(num))
-        return false;
-    if (lo !== null && num < lo)
-        return false;
-    if (hi !== null && num > hi)
-        return false;
-    return true;
-};
-const matchesSlider = (cell, value) => {
-    const [lo, hi] = value;
-    const num = toNumber(cell);
-    if (Number.isNaN(num))
-        return false;
-    return num >= lo && num <= hi;
-};
-const matchesDateRange = (cell, value) => {
-    const { start, end } = value ?? {};
-    if (!start && !end)
-        return true;
-    const iso = toIsoDate(cell);
-    if (start && iso < start)
-        return false;
-    if (end && iso > end)
-        return false;
-    return true;
-};
-/** Mapa zamiast `switch` — `Record` po unii typów wymusza komplet, więc nie ma martwego `default`. */
-const MATCHERS = {
-    text: matchesText,
-    number: matchesNumber,
-    select: matchesSelect,
-    numberRange: matchesNumberRange,
-    slider: matchesSlider,
-    dateRange: matchesDateRange,
-};
-/** Czy komórka przechodzi filtr kolumny. Wartości pustych filtrów odsiewa `isEmptyFilterValue`. */
-function matchesColumnFilter(filter, cell, value) {
-    return MATCHERS[filter.type](cell, value);
-}
-
-/*
- * Escapowanie komórek CSV dla `exportCsv()` — pure TS, wydzielone żeby dało się
- * testować `node --test` bez ciągnięcia Angulara.
- */
-// Znak startowy, który arkusz kalkulacyjny czyta jako początek formuły (CWE-1236).
-const FORMULA_PREFIX = /^[=+\-@\t\r]/;
-function stringifyCsvValue(value) {
-    switch (typeof value) {
-        case 'undefined':
-            return '';
-        case 'string':
-            return value;
-        case 'number':
-        case 'boolean':
-        case 'bigint':
-            return String(value);
-        default:
-            if (value === null)
-                return '';
-            if (value instanceof Date)
-                return value.toISOString();
-            return JSON.stringify(value);
-    }
-}
-/** Escapuje pojedynczą wartość komórki/nagłówka do bezpiecznego pola CSV (separator `;`). */
-function escapeCsvCell(value) {
-    let text = stringifyCsvValue(value);
-    // Wiodący `'` każe arkuszowi traktować komórkę jako tekst — sam znak nie jest wyświetlany.
-    if (FORMULA_PREFIX.test(text))
-        text = `'${text}`;
-    return /[",\n;]/.test(text) ? `"${text.replaceAll('"', '""')}"` : text;
-}
-
 /**
  * Szablon rozwijanego wiersza (row detail) dla `kpt-data-table`. Renderowany pod
  * wierszem po rozwinięciu. Kontekst: `$implicit` = wiersz. Wymaga `expandable`.
@@ -11685,7 +10408,7 @@ class KptDataTable {
         const v = this.columnFilters()[col.field];
         return v ?? [mn, mx];
     }
-    /** Semantyka dopasowania siedzi w `./column-filter` — tu zostaje tylko spięcie ze stanem. */
+    /** Semantyka dopasowania siedzi w `@konce-pt/table` — tu zostaje tylko spięcie ze stanem. */
     matchesColumnFilters(row) {
         const filters = this.columnFilters();
         const cells = row;
@@ -11873,7 +10596,7 @@ class KptDataTable {
                     '[style.--kpt-thead-offset]': "theadOffset() + 'px'",
                 }, template: "@if (filterable() || exportable()) {\n  <div class=\"kpt-data-table__toolbar\">\n    @if (filterable()) {\n      <input\n        class=\"kpt-data-table__filter\"\n        type=\"search\"\n        [attr.placeholder]=\"i18n.t('dataTable.search')\"\n        [value]=\"filterText()\"\n        (input)=\"onFilter($event)\"\n      />\n    }\n    @if (exportable()) {\n      <kpt-button variant=\"outline\" size=\"sm\" (click)=\"exportCsv()\">{{ i18n.t('dataTable.exportCsv') }}</kpt-button>\n    }\n  </div>\n}\n\n<div class=\"kpt-data-table__scroll\" #scrollEl [style.max-height]=\"scrollHeight()\" (scroll)=\"onScroll($event)\">\n  <table\n    class=\"kpt-data-table__table\"\n    [class.kpt-data-table__table--frozen]=\"hasFrozen()\"\n    [class.kpt-data-table__table--virtual]=\"virtualScroll()\"\n  >\n    <thead #theadEl>\n      @if (hasColumnFilters() && filterRowPosition() === 'top') {\n        <ng-container [ngTemplateOutlet]=\"filterRowTpl\" />\n      }\n      <tr>\n        @if (hasRowDetail()) {\n          <th class=\"kpt-data-table__expander\" [class.kpt-data-table__cell--frozen]=\"hasFrozen()\" [style.left.px]=\"expanderStickyLeft()\"></th>\n        }\n        @if (selectable() === 'multiple') {\n          <th class=\"kpt-data-table__checkbox\" [class.kpt-data-table__cell--frozen]=\"hasFrozen()\" [style.left.px]=\"checkboxStickyLeft()\">\n            <input\n              type=\"checkbox\"\n              [checked]=\"pageAllSelected()\"\n              [indeterminate]=\"pageSomeSelected()\"\n              (change)=\"toggleAllOnPage()\"\n              [attr.aria-label]=\"i18n.t('dataTable.selectAll')\"\n            />\n          </th>\n        } @else if (selectable() === 'single') {\n          <th class=\"kpt-data-table__checkbox\" [class.kpt-data-table__cell--frozen]=\"hasFrozen()\" [style.left.px]=\"checkboxStickyLeft()\"></th>\n        }\n        @for (col of visibleOrderedColumns(); track col.field) {\n          <th\n            [attr.draggable]=\"isColDraggable(col) ? true : null\"\n            [style.width]=\"col.width\"\n            [style.left.px]=\"frozenLeft(col.field)\"\n            [attr.data-align]=\"col.align ?? 'start'\"\n            [class.kpt-data-table__cell--frozen]=\"isFrozen(col.field)\"\n            [class.kpt-data-table__th--sortable]=\"col.sortable\"\n            [class.kpt-data-table__th--draggable]=\"isColDraggable(col)\"\n            [class.kpt-data-table__th--dragover]=\"dragField() !== null && dragField() !== col.field && !col.frozen\"\n            [attr.aria-sort]=\"ariaSort(col)\"\n            (click)=\"toggleSort(col)\"\n            (dragstart)=\"onColDragStart(col.field, $event)\"\n            (dragover)=\"reorderable() ? onColDragOver(col.field, $event) : null\"\n            (drop)=\"reorderable() ? onColDrop(col.field, $event) : null\"\n            (dragend)=\"onColDragEnd()\"\n          >\n            @if (isColDraggable(col)) {\n              <kpt-icon class=\"kpt-data-table__grip\" name=\"grip-vertical\" />\n            }\n            <span>{{ col.header }}</span>\n            @if (col.sortable) {\n              <kpt-icon\n                class=\"kpt-data-table__sort\"\n                [class.kpt-data-table__sort--active]=\"ariaSort(col) !== 'none'\"\n                [name]=\"sortIconName(col)\"\n              />\n            }\n          </th>\n        }\n      </tr>\n      @if (hasColumnFilters() && filterRowPosition() === 'bottom') {\n        <ng-container [ngTemplateOutlet]=\"filterRowTpl\" />\n      }\n    </thead>\n    <tbody>\n      @if (loading()) {\n        <tr><td class=\"kpt-data-table__state\" [attr.colspan]=\"colspan()\">{{ i18n.t('dataTable.loading') }}</td></tr>\n      } @else if (displayCount() === 0) {\n        <tr><td class=\"kpt-data-table__state\" [attr.colspan]=\"colspan()\">{{ emptyText() }}</td></tr>\n      } @else if (virtualScroll()) {\n        @if (topPad() > 0) {\n          <tr class=\"kpt-data-table__spacer\" aria-hidden=\"true\"><td [attr.colspan]=\"colspan()\" [style.height.px]=\"topPad()\"></td></tr>\n        }\n        @for (row of virtualRows(); track trackRow(row)) {\n          <ng-container [ngTemplateOutlet]=\"rowTpl\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n        }\n        @if (bottomPad() > 0) {\n          <tr class=\"kpt-data-table__spacer\" aria-hidden=\"true\"><td [attr.colspan]=\"colspan()\" [style.height.px]=\"bottomPad()\"></td></tr>\n        }\n      } @else {\n        @for (row of paged(); track trackRow(row)) {\n          <ng-container [ngTemplateOutlet]=\"rowTpl\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n        }\n      }\n    </tbody>\n    @if (hasSummary() && !loading() && displayCount() > 0) {\n      <tfoot>\n        <tr class=\"kpt-data-table__summary\">\n          @if (summaryLabelSpan() > 0) {\n            <th\n              class=\"kpt-data-table__summary-label\"\n              [attr.colspan]=\"summaryLabelSpan()\"\n              [class.kpt-data-table__cell--frozen]=\"hasFrozen()\"\n              [style.left.px]=\"hasFrozen() ? 0 : null\"\n            >\n              {{ summaryLabelText() }}\n            </th>\n          }\n          @for (col of visibleOrderedColumns(); track col.field; let i = $index) {\n            @if (i >= summaryStartIndex()) {\n              <td\n                [attr.data-align]=\"col.align ?? 'end'\"\n                [style.width]=\"col.width\"\n                [style.left.px]=\"frozenLeft(col.field)\"\n                [class.kpt-data-table__cell--frozen]=\"isFrozen(col.field)\"\n              >\n                {{ summaryText(col.field) }}\n              </td>\n            }\n          }\n        </tr>\n      </tfoot>\n    }\n  </table>\n</div>\n\n<ng-template #rowTpl let-row>\n  <tr\n    [class.kpt-data-table__row--selected]=\"isSelected(row)\"\n    [class.kpt-data-table__row--expanded]=\"hasRowDetail() && isExpanded(row)\"\n    [style.height.px]=\"virtualScroll() ? rowHeight() : null\"\n    (click)=\"onRowClick(row)\"\n  >\n    @if (hasRowDetail()) {\n      <td class=\"kpt-data-table__expander\" [class.kpt-data-table__cell--frozen]=\"hasFrozen()\" [style.left.px]=\"expanderStickyLeft()\">\n        <button\n          type=\"button\"\n          class=\"kpt-data-table__expander-btn\"\n          [class.kpt-data-table__expander-btn--open]=\"isExpanded(row)\"\n          [attr.aria-expanded]=\"isExpanded(row)\"\n          [attr.aria-label]=\"i18n.t('dataTable.expandRow')\"\n          (click)=\"$event.stopPropagation(); toggleExpand(row)\"\n        >\n          <kpt-icon name=\"chevron-right\" />\n        </button>\n      </td>\n    }\n    @if (selectable() !== 'none') {\n      <td class=\"kpt-data-table__checkbox\" [class.kpt-data-table__cell--frozen]=\"hasFrozen()\" [style.left.px]=\"checkboxStickyLeft()\">\n        <input\n          type=\"checkbox\"\n          [checked]=\"isSelected(row)\"\n          (click)=\"$event.stopPropagation()\"\n          (change)=\"toggleRow(row)\"\n          [attr.aria-label]=\"i18n.t('dataTable.selectRow')\"\n        />\n      </td>\n    }\n    @for (col of visibleOrderedColumns(); track col.field) {\n      <td\n        [attr.data-align]=\"col.align ?? 'start'\"\n        [style.left.px]=\"frozenLeft(col.field)\"\n        [class.kpt-data-table__cell--frozen]=\"isFrozen(col.field)\"\n        [class.kpt-data-table__cell--editable]=\"isEditable(col) && !isEditingCell(row, col.field)\"\n        [attr.tabindex]=\"isEditable(col) && !isEditingCell(row, col.field) ? 0 : null\"\n        [attr.aria-label]=\"isEditable(col) && !isEditingCell(row, col.field) ? i18n.t('dataTable.editCell', { column: col.header }) : null\"\n        (click)=\"isEditable(col) ? startEdit(row, col, $event) : null\"\n        (keydown.enter)=\"isEditable(col) && !isEditingCell(row, col.field) ? startEdit(row, col, $event) : null\"\n      >\n        @if (isEditingCell(row, col.field)) {\n          <div\n            class=\"kpt-data-table__editor\"\n            #editorHost\n            (click)=\"$event.stopPropagation()\"\n            (focusout)=\"onEditorFocusOut($event)\"\n          >\n            @if (cellEditTemplate(col.field); as etpl) {\n              <ng-container\n                [ngTemplateOutlet]=\"etpl\"\n                [ngTemplateOutletContext]=\"{ $implicit: editingValue(), row, commit: commitEditValue, cancel: cancelEdit }\"\n              />\n            } @else {\n              @switch (col.edit?.type) {\n                @case ('text') {\n                  <kpt-input\n                    [value]=\"$any(editingValue()) ?? ''\"\n                    [placeholder]=\"col.edit.placeholder ?? ''\"\n                    (valueChange)=\"editingValue.set($event)\"\n                    (keydown.enter)=\"commitEdit()\"\n                    (keydown.escape)=\"cancelEdit()\"\n                  />\n                }\n                @case ('number') {\n                  <kpt-input-number\n                    [value]=\"$any(editingValue())\"\n                    [min]=\"col.edit.min\"\n                    [max]=\"col.edit.max\"\n                    [step]=\"col.edit.step ?? 1\"\n                    (valueChange)=\"editingValue.set($event)\"\n                    (keydown.enter)=\"commitEdit()\"\n                    (keydown.escape)=\"cancelEdit()\"\n                  />\n                }\n                @case ('date') {\n                  <kpt-datepicker\n                    [value]=\"$any(editingValue()) ?? ''\"\n                    (valueChange)=\"editingValue.set($event)\"\n                    [open]=\"editorPanelOpen()\"\n                    (openChange)=\"onEditorPanelToggle($event)\"\n                  />\n                }\n                @case ('select') {\n                  <kpt-select\n                    [options]=\"col.edit.options ?? []\"\n                    [placeholder]=\"col.edit.placeholder ?? ''\"\n                    [value]=\"editingValue()\"\n                    (valueChange)=\"editingValue.set($event)\"\n                    [open]=\"editorPanelOpen()\"\n                    (openChange)=\"onEditorPanelToggle($event)\"\n                  />\n                }\n                @case ('multiselect') {\n                  <kpt-select\n                    multiple\n                    filter\n                    [options]=\"col.edit.options ?? []\"\n                    [placeholder]=\"col.edit.placeholder ?? ''\"\n                    [value]=\"editingValue()\"\n                    (valueChange)=\"editingValue.set($event)\"\n                    [open]=\"editorPanelOpen()\"\n                    (openChange)=\"onEditorPanelToggle($event)\"\n                  />\n                }\n              }\n            }\n          </div>\n        } @else if (cellTemplate(col.field); as tpl) {\n          <ng-container\n            [ngTemplateOutlet]=\"tpl\"\n            [ngTemplateOutletContext]=\"{ $implicit: row, value: getValue(row, col.field) }\"\n          />\n        } @else {\n          {{ getValue(row, col.field) }}\n        }\n      </td>\n    }\n  </tr>\n  @if (hasRowDetail() && isExpanded(row) && !virtualScroll()) {\n    <tr class=\"kpt-data-table__detail-row\">\n      <td class=\"kpt-data-table__detail\" [attr.colspan]=\"colspan()\">\n        <ng-container [ngTemplateOutlet]=\"rowDetailTpl()\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n      </td>\n    </tr>\n  }\n</ng-template>\n\n<ng-template #filterRowTpl>\n  <tr class=\"kpt-data-table__filter-row\">\n    @if (hasRowDetail()) {\n      <th class=\"kpt-data-table__expander\" [class.kpt-data-table__cell--frozen]=\"hasFrozen()\" [style.left.px]=\"expanderStickyLeft()\"></th>\n    }\n    @if (selectable() !== 'none') {\n      <th class=\"kpt-data-table__checkbox\" [class.kpt-data-table__cell--frozen]=\"hasFrozen()\" [style.left.px]=\"checkboxStickyLeft()\"></th>\n    }\n    @for (col of visibleOrderedColumns(); track col.field) {\n      <th\n        [style.width]=\"col.width\"\n        [style.left.px]=\"frozenLeft(col.field)\"\n        [attr.data-align]=\"col.align ?? 'start'\"\n        [class.kpt-data-table__cell--frozen]=\"isFrozen(col.field)\"\n      >\n        @switch (col.filter?.type) {\n          @case ('text') {\n            <input\n              class=\"kpt-data-table__fcell\"\n              type=\"search\"\n              [attr.placeholder]=\"col.filter.placeholder || ''\"\n              [attr.aria-label]=\"i18n.t('dataTable.filter', { column: col.header })\"\n              [value]=\"$any(columnFilters()[col.field]) || ''\"\n              (input)=\"setColumnFilter(col.field, $any($event.target).value)\"\n              (click)=\"$event.stopPropagation()\"\n            />\n          }\n          @case ('number') {\n            <input\n              class=\"kpt-data-table__fcell\"\n              type=\"text\"\n              inputmode=\"numeric\"\n              [attr.placeholder]=\"col.filter.placeholder || ''\"\n              [attr.aria-label]=\"i18n.t('dataTable.filter', { column: col.header })\"\n              [value]=\"$any(columnFilters()[col.field]) || ''\"\n              (input)=\"onNumberFilter(col.field, $event)\"\n              (click)=\"$event.stopPropagation()\"\n            />\n          }\n          @case ('select') {\n            <kpt-select\n              [options]=\"col.filter.options || []\"\n              [multiple]=\"!!col.filter.multiple\"\n              filter\n              [placeholder]=\"col.filter.placeholder || i18n.t('dataTable.all')\"\n              [value]=\"columnFilters()[col.field] ?? null\"\n              (valueChange)=\"setColumnFilter(col.field, $event)\"\n            />\n          }\n          @case ('numberRange') {\n            <div class=\"kpt-data-table__frange\">\n              <input\n                class=\"kpt-data-table__fcell\"\n                type=\"text\"\n                inputmode=\"numeric\"\n                [attr.placeholder]=\"i18n.t('dataTable.min')\"\n                [attr.aria-label]=\"i18n.t('dataTable.filterMin', { column: col.header })\"\n                [value]=\"rangeVal(col.field).min\"\n                (input)=\"setRangeFilter(col.field, 'min', $event)\"\n                (click)=\"$event.stopPropagation()\"\n              />\n              <input\n                class=\"kpt-data-table__fcell\"\n                type=\"text\"\n                inputmode=\"numeric\"\n                [attr.placeholder]=\"i18n.t('dataTable.max')\"\n                [attr.aria-label]=\"i18n.t('dataTable.filterMax', { column: col.header })\"\n                [value]=\"rangeVal(col.field).max\"\n                (input)=\"setRangeFilter(col.field, 'max', $event)\"\n                (click)=\"$event.stopPropagation()\"\n              />\n            </div>\n          }\n          @case ('slider') {\n            <div class=\"kpt-data-table__fslider\" (click)=\"$event.stopPropagation()\">\n              <kpt-slider\n                range\n                [min]=\"col.filter.min ?? 0\"\n                [max]=\"col.filter.max ?? 100\"\n                [step]=\"col.filter.step ?? 1\"\n                [value]=\"sliderVal(col)\"\n                (valueChange)=\"setColumnFilter(col.field, $event)\"\n                showValue\n              />\n            </div>\n          }\n          @case ('dateRange') {\n            <kpt-date-range\n              [placeholder]=\"col.filter.placeholder || i18n.t('dataTable.dateRange')\"\n              [value]=\"$any(columnFilters()[col.field]) || { start: '', end: '' }\"\n              (valueChange)=\"setColumnFilter(col.field, $event)\"\n            />\n          }\n        }\n      </th>\n    }\n  </tr>\n</ng-template>\n\n@if (pageSize() > 0 && !virtualScroll()) {\n  <div class=\"kpt-data-table__pager\">\n    <ng-content select=\"[kptPaginatorActions]\" />\n    <kpt-paginator\n      [length]=\"filteredCount()\"\n      [pageIndex]=\"pageIndex()\"\n      (pageIndexChange)=\"pageIndex.set($event)\"\n      [pageSize]=\"pageSizeState()\"\n      (pageSizeChange)=\"pageSizeState.set($event)\"\n      [pageSizeOptions]=\"pageSizeOptions()\"\n    />\n  </div>\n}\n", styles: ["@layer kpt.components{.kpt-data-table{display:flex;flex-direction:column;background:var(--kpt-table-bg);color:var(--kpt-table-fg);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-table-border);border-radius:var(--kpt-table-radius, .75rem);overflow:hidden;flex-grow:1}.kpt-data-table__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--kpt-space-3, .75rem);padding:var(--kpt-space-3, .75rem);border-bottom:var(--kpt-border-width-thin, 1px) solid var(--kpt-table-border)}.kpt-data-table__filter{width:100%;max-width:20rem;height:2.25rem;padding-inline:var(--kpt-space-3, .75rem);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-form-field-border);border-radius:var(--kpt-form-field-radius, .5rem);background:var(--kpt-form-field-bg);color:var(--kpt-form-field-text)}.kpt-data-table__filter:focus-visible{outline:none;border-color:var(--kpt-form-field-border-focus);box-shadow:0 0 0 2px color-mix(in oklch,var(--kpt-form-field-border-focus) 30%,transparent)}.kpt-data-table__scroll{overflow:auto}.kpt-data-table__pager{display:flex;align-items:center;gap:var(--kpt-space-2, .5rem)}.kpt-data-table__pager [kptPaginatorActions]{margin-inline-start:.5rem}.kpt-data-table__pager kpt-paginator{flex:1 1 auto;min-width:0}.kpt-data-table__table{width:100%;border-collapse:collapse;font-size:var(--kpt-font-size-sm, .875rem)}.kpt-data-table__table--frozen{width:max-content;min-width:100%}.kpt-data-table__table th,.kpt-data-table__table td{padding:var(--kpt-table-cell-padding, .75rem);text-align:start;border-bottom:var(--kpt-border-width-thin, 1px) solid var(--kpt-table-border)}.kpt-data-table__table th[data-align=center],.kpt-data-table__table td[data-align=center]{text-align:center}.kpt-data-table__table th[data-align=end],.kpt-data-table__table td[data-align=end]{text-align:end}.kpt-data-table__table thead th{position:sticky;top:0;z-index:1;background:var(--kpt-table-header-bg);color:var(--kpt-table-header-fg);font-weight:var(--kpt-font-weight-semibold, 600);white-space:nowrap;-webkit-user-select:none;user-select:none}.kpt-data-table__table thead tr:nth-child(2) th{top:var(--kpt-thead-offset, 0px)}.kpt-data-table__table tfoot th,.kpt-data-table__table tfoot td{position:sticky;bottom:0;z-index:1;background:var(--kpt-table-summary-bg, var(--kpt-table-header-bg));color:var(--kpt-table-header-fg);font-weight:var(--kpt-font-weight-semibold, 600);white-space:nowrap;border-bottom:0;border-top:var(--kpt-border-width-thin, 1px) solid var(--kpt-table-border)}.kpt-data-table__table .kpt-data-table__summary-label{text-align:end}.kpt-data-table__filter-row th{padding:var(--kpt-space-2, .5rem);font-weight:var(--kpt-font-weight-normal, 400);cursor:auto}.kpt-data-table__fcell{width:100%;height:2rem;padding-inline:var(--kpt-space-2, .5rem);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-form-field-border);border-radius:var(--kpt-form-field-radius, .5rem);background:var(--kpt-form-field-bg);color:var(--kpt-form-field-text);font:inherit}.kpt-data-table__fcell:focus-visible{outline:none;border-color:var(--kpt-form-field-border-focus);box-shadow:0 0 0 2px color-mix(in oklch,var(--kpt-form-field-border-focus) 30%,transparent)}.kpt-data-table__filter-row kpt-select,.kpt-data-table__filter-row kpt-date-range{display:block;width:100%;font-weight:var(--kpt-font-weight-normal, 400)}.kpt-data-table__frange{display:flex;gap:var(--kpt-space-2, .5rem)}.kpt-data-table__frange .kpt-data-table__fcell{min-width:0}.kpt-data-table__fslider .kpt-slider-host{width:100%}.kpt-data-table__fslider .kpt-slider__value{min-width:auto;font-size:var(--kpt-font-size-xs, .75rem);color:var(--kpt-color-on-surface-muted)}.kpt-data-table__th--sortable{cursor:pointer}.kpt-data-table__th--sortable:hover{color:var(--kpt-color-on-surface)}.kpt-data-table__cell--editable{cursor:pointer}.kpt-data-table__cell--editable:hover{background:var(--kpt-table-row-hover)}.kpt-data-table__cell--editable:focus-visible{outline:var(--kpt-border-width-medium, 2px) solid var(--kpt-color-focus-ring);outline-offset:-2px}.kpt-data-table__editor{display:block;min-width:8rem}.kpt-data-table__editor .kpt-input-number-host{max-width:6.5rem}.kpt-data-table__editor .kpt-input-number__btn{width:1.75rem}.kpt-data-table__sort{margin-inline-start:.35em;opacity:.35}.kpt-data-table__sort--active{opacity:1}.kpt-data-table__th--draggable{cursor:grab}.kpt-data-table__th--draggable:active{cursor:grabbing}.kpt-data-table__th--dragover{box-shadow:inset 2px 0 0 0 var(--kpt-color-primary)}.kpt-data-table__grip{margin-inline-end:.4em;opacity:.45}.kpt-data-table__checkbox{width:1px;white-space:nowrap;text-align:center}.kpt-data-table__checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;display:inline-block;width:1.15rem;height:1.15rem;margin:0;vertical-align:middle;cursor:pointer;border:var(--kpt-border-width-medium, 2px) solid var(--kpt-form-field-border);border-radius:var(--kpt-radius-sm, .25rem);background:var(--kpt-form-field-bg);transition:background-color var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard),border-color var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard)}.kpt-data-table__checkbox input[type=checkbox]:after{content:\"\";position:absolute;inset:0;opacity:0;background-color:var(--kpt-color-on-primary);transition:opacity var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard);-webkit-mask:no-repeat center/.85rem;mask:no-repeat center/.85rem}.kpt-data-table__checkbox input[type=checkbox]:checked,.kpt-data-table__checkbox input[type=checkbox]:indeterminate{background:var(--kpt-color-primary);border-color:var(--kpt-color-primary)}.kpt-data-table__checkbox input[type=checkbox]:checked:after{opacity:1;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13 4.5 6.5 11 3 7.5' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13 4.5 6.5 11 3 7.5' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}.kpt-data-table__checkbox input[type=checkbox]:indeterminate:after{opacity:1;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8h9' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8h9' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E\")}.kpt-data-table__checkbox input[type=checkbox]:focus-visible{outline:var(--kpt-border-width-medium, 2px) solid var(--kpt-color-focus-ring);outline-offset:2px}.kpt-data-table__expander{width:2.5rem;min-width:2.5rem;text-align:center;white-space:nowrap}.kpt-data-table__expander-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:var(--kpt-radius-sm, .25rem);background:transparent;color:var(--kpt-color-on-surface-muted);cursor:pointer;transition:background-color var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard),color var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard)}.kpt-data-table__expander-btn kpt-icon{display:inline-flex;transition:transform var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard)}.kpt-data-table__expander-btn:hover{background:var(--kpt-table-row-hover);color:var(--kpt-color-on-surface)}.kpt-data-table__expander-btn:focus-visible{outline:var(--kpt-border-width-medium, 2px) solid var(--kpt-color-focus-ring);outline-offset:2px}.kpt-data-table__expander-btn--open{color:var(--kpt-color-primary)}.kpt-data-table__expander-btn--open kpt-icon{transform:rotate(90deg)}.kpt-data-table__detail-row>.kpt-data-table__detail{padding:var(--kpt-space-4, 1rem);background:var(--kpt-table-detail-bg, var(--kpt-color-surface-variant, var(--kpt-table-row-hover)));border-bottom:var(--kpt-border-width-thin, 1px) solid var(--kpt-table-border);box-shadow:inset 3px 0 0 0 var(--kpt-color-primary)}.kpt-data-table tbody tr{transition:background-color var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard)}.kpt-data-table tbody tr:hover{background:var(--kpt-table-row-hover)}.kpt-data-table tbody tr.kpt-data-table__detail-row:hover{background:transparent}.kpt-data-table__row--selected{background:var(--kpt-table-row-selected)!important}.kpt-data-table__row--expanded{background:var(--kpt-table-row-hover)}.kpt-data-table__table--frozen .kpt-data-table__checkbox{width:3rem;min-width:3rem}.kpt-data-table__table--frozen .kpt-data-table__expander{width:2.5rem;min-width:2.5rem}.kpt-data-table__cell--frozen{position:sticky;z-index:1;background:var(--kpt-table-bg);border-inline-end:var(--kpt-border-width-thin, 1px) solid var(--kpt-table-border)}.kpt-data-table thead th.kpt-data-table__cell--frozen{z-index:3;background:var(--kpt-table-header-bg)}.kpt-data-table tfoot th.kpt-data-table__cell--frozen,.kpt-data-table tfoot td.kpt-data-table__cell--frozen{z-index:3;background:var(--kpt-table-summary-bg, var(--kpt-table-header-bg))}.kpt-data-table tbody tr:hover .kpt-data-table__cell--frozen{background:var(--kpt-table-row-hover)}.kpt-data-table__row--selected.kpt-data-table__row--selected .kpt-data-table__cell--frozen,.kpt-data-table tbody tr.kpt-data-table__row--selected .kpt-data-table__cell--frozen{background:var(--kpt-table-row-selected)}.kpt-data-table__state{padding:var(--kpt-space-8, 2rem)!important;text-align:center!important;color:var(--kpt-color-on-surface-muted)}.kpt-data-table__table--virtual td{padding-block:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kpt-data-table__spacer td{padding:0!important;border:0!important}.kpt-data-table tbody tr:last-child td{border-bottom:0}}\n"] }]
     }], () => [], { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], filterable: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterable", required: false }] }], filterRowPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterRowPosition", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], rowKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowKey", required: false }] }], scrollHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollHeight", required: false }] }], virtualScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScroll", required: false }] }], rowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowHeight", required: false }] }], reorderable: [{ type: i0.Input, args: [{ isSignal: true, alias: "reorderable", required: false }] }], exportable: [{ type: i0.Input, args: [{ isSignal: true, alias: "exportable", required: false }] }], exportFilename: [{ type: i0.Input, args: [{ isSignal: true, alias: "exportFilename", required: false }] }], lazy: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazy", required: false }] }], totalRecords: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalRecords", required: false }] }], expandable: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandable", required: false }] }], multiExpand: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiExpand", required: false }] }], summaryLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "summaryLabel", required: false }] }], summaryValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "summaryValues", required: false }] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }, { type: i0.Output, args: ["selectionChange"] }], expandedRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedRows", required: false }] }, { type: i0.Output, args: ["expandedRowsChange"] }], hiddenFields: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenFields", required: false }] }, { type: i0.Output, args: ["hiddenFieldsChange"] }], rowClick: [{ type: i0.Output, args: ["rowClick"] }], lazyLoad: [{ type: i0.Output, args: ["lazyLoad"] }], cellEdit: [{ type: i0.Output, args: ["cellEdit"] }], scrollEl: [{ type: i0.ViewChild, args: ['scrollEl', { isSignal: true }] }], theadEl: [{ type: i0.ViewChild, args: ['theadEl', { isSignal: true }] }], editorHost: [{ type: i0.ViewChild, args: ['editorHost', { isSignal: true }] }], cellDefs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KptCellDef), { isSignal: true }] }], cellEditDefs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KptCellEditDef), { isSignal: true }] }], rowDetailDef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KptRowDetailDef), { isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptDataTable, { className: "KptDataTable", filePath: "lib/data-table/data-table.component.ts", lineNumber: 157 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptDataTable, { className: "KptDataTable", filePath: "lib/data-table/data-table.component.ts", lineNumber: 163 }); })();
 
 const _c0$c = a0 => ({ $implicit: a0, level: 0 });
 const _c1$4 = (a0, a1) => ({ $implicit: a0, level: a1 });
@@ -11886,7 +10609,7 @@ function KptTree_ng_template_2_For_1_Conditional_2_Template(rf, ctx) { if (rf &
 } if (rf & 2) {
     const node_r2 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵattribute("aria-label", ctx_r2.isOpen(node_r2) ? "Zwi\u0144" : "Rozwi\u0144");
+    i0.ɵɵattribute("aria-label", ctx_r2.isOpen(node_r2) ? ctx_r2.i18n.t("tree.collapse") : ctx_r2.i18n.t("tree.expand"));
     i0.ɵɵadvance();
     i0.ɵɵclassProp("is-open", ctx_r2.isOpen(node_r2));
 } }
@@ -11959,6 +10682,7 @@ class KptTree {
         this.selected = model(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
         this.nodeClick = output();
+        this.i18n = inject(KptI18n);
         this.version = signal(0, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "version" }] : /* istanbul ignore next */ []));
     }
@@ -12018,7 +10742,7 @@ class KptTree {
             (click)="onRow(node)"
           >
             @if (has(node)) {
-              <button type="button" class="kpt-tree__toggle" (click)="toggle(node, $event)" [attr.aria-label]="isOpen(node) ? 'Zwiń' : 'Rozwiń'">
+              <button type="button" class="kpt-tree__toggle" (click)="toggle(node, $event)" [attr.aria-label]="isOpen(node) ? i18n.t('tree.collapse') : i18n.t('tree.expand')">
                 <kpt-icon name="chevron-right" class="kpt-tree__chevron" [class.is-open]="isOpen(node)" />
               </button>
             } @else {
@@ -12037,7 +10761,7 @@ class KptTree {
     </ng-template>
   `, host: { class: 'kpt-tree-host' }, styles: ["@layer kpt.components{.kpt-tree-host{display:block}.kpt-tree,.kpt-tree ul{list-style:none;margin:0;padding:0}.kpt-tree__row{display:flex;align-items:center;gap:.35rem;padding-block:.3rem;padding-inline-end:.5rem;border-radius:var(--kpt-radius-sm, .25rem);cursor:pointer;font-size:var(--kpt-font-size-sm, .875rem);color:var(--kpt-color-on-surface)}.kpt-tree__row:hover{background:var(--kpt-color-surface-variant)}.kpt-tree__row.is-selected{background:color-mix(in oklch,var(--kpt-color-primary) 14%,var(--kpt-color-surface));color:var(--kpt-color-primary)}.kpt-tree__row.is-disabled{opacity:.5;cursor:not-allowed}.kpt-tree__toggle{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0;border:0;background:none;cursor:pointer;color:var(--kpt-color-on-surface-muted);padding:0}.kpt-tree__spacer{display:inline-block;width:1.25rem;flex-shrink:0}.kpt-tree__chevron{transition:transform var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard)}.kpt-tree__chevron.is-open{transform:rotate(90deg)}.kpt-tree__icon{color:var(--kpt-color-on-surface-muted)}.kpt-tree__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}\n"] }]
     }], null, { nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }, { type: i0.Output, args: ["selectedChange"] }], nodeClick: [{ type: i0.Output, args: ["nodeClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptTree, { className: "KptTree", filePath: "lib/tree/tree.component.ts", lineNumber: 62 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptTree, { className: "KptTree", filePath: "lib/tree/tree.component.ts", lineNumber: 63 }); })();
 
 function KptTimeline_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "kpt-icon", 3);
@@ -14503,5 +13227,5 @@ class KptSpeedDial {
  * Generated bundle index. Do not edit.
  */
 
-export { KPT_BREAKPOINTS, KPT_FORM_FIELD_CONTROL, KPT_I18N_CONFIG, KPT_MESSAGES_EN, KPT_MESSAGES_PL, KptAccordion, KptAccordionPanel, KptAlert, KptAppShell, KptAuth, KptAuthProviderDef, KptAutocomplete, KptAvatar, KptAvatarGroup, KptBadge, KptBottomSheet, KptBreadcrumb, KptBreakpointObserver, KptButton, KptButtonGroup, KptCard, KptCarousel, KptCellDef, KptCellEditDef, 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 { KPT_BREAKPOINTS, KPT_FORM_FIELD_CONTROL, KPT_I18N_CONFIG, KptAccordion, KptAccordionPanel, KptAlert, KptAppShell, KptAuth, KptAuthProviderDef, KptAutocomplete, KptAvatar, KptAvatarGroup, KptBadge, KptBottomSheet, KptBreadcrumb, KptBreakpointObserver, KptButton, KptButtonGroup, KptCard, KptCarousel, KptCellDef, KptCellEditDef, 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 };
 //# sourceMappingURL=konce-pt-angular.mjs.map