@konce-pt/angular 0.3.0 → 0.5.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@konce-pt/angular",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "Open-source Angular 22 component library on Signals & Signal Forms — 70+ components, rich data table, zoneless, fully tokenized. Selektory kpt-*, klasy Kpt*.",
   "license": "MIT",
   "author": "konce.pt",
@@ -43,6 +43,10 @@
       "types": "./types/konce-pt-angular-icons.d.ts",
       "default": "./fesm2022/konce-pt-angular-icons.mjs"
     },
+    "./charts": {
+      "types": "./types/konce-pt-angular-charts.d.ts",
+      "default": "./fesm2022/konce-pt-angular-charts.mjs"
+    },
     "./package.json": {
       "default": "./package.json"
     }

package/dist/src/lib/confirm/llms.txt

@@ -11,6 +11,10 @@ Import: `import { KptConfirmService, KptConfirmContainer } from '@konce-pt/angul
 - `message`: string (wymagane); `header?`: string
 - `acceptLabel?`/`rejectLabel?`: string; `variant?`: 'filled' | 'danger'; `icon?`: string
 
+## i18n
+Domyślne etykiety (nagłówek, Potwierdź, Anuluj) z i18n (namespace `confirm`); pola opcji mają priorytet.
+Domyślnie EN; konfiguracja przez `provideKptI18n` — patrz `i18n/llms.txt`.
+
 ## Przykład
     const ok = await this.confirm.confirm({
       message: 'Usunąć rekord?', variant: 'danger', acceptLabel: 'Usuń', icon: 'alert-triangle',

package/dist/src/lib/data-table/llms.txt

@@ -32,7 +32,7 @@ Filtry `select`/`dateRange` wymagają `import '@angular/cdk/overlay-prebuilt.css
 - `pageSizeOptions`: number[] (domyślnie [5,10,20,50])
 - `selectable`: 'none' | 'single' | 'multiple'
 - `loading`: boolean — wiersz „Ładowanie…"
-- `emptyMessage`: string (domyślnie „Brak danych")
+- `emptyMessage`: string — bez wartości używa i18n (`dataTable.empty`); input ma priorytet
 - `rowKey`: string | null — pole identyfikujące wiersz (dla zaznaczania); bez niego porównanie po referencji
 - `reorderable`: boolean — przestawianie kolumn przeciągnij-i-upuść (natywny HTML5 DnD); kolumny `frozen` są wyłączone z przenoszenia (pozostają wiodące) i nie można upuszczać innych kolumn przed nie
 - `exportable`: boolean — przycisk „Eksport CSV" w toolbarze
@@ -82,6 +82,11 @@ Niezależne od `selectable` (można łączyć z zaznaczaniem). Nieaktywne przy `
 - Zaznaczanie 'multiple': nagłówkowy checkbox zaznacza/odznacza bieżącą stronę.
 - Sticky header, stany pusty/ładowanie, wyrównanie i szerokości per kolumna.
 
+## i18n
+Etykiety toolbaru/stanów/aria (Szukaj, Eksport CSV, Ładowanie, Brak danych, zaznaczanie, filtry kolumn:
+Filtr/Filtr min/Filtr max z `{column}`, Wszystkie, min, max, Zakres dat) pochodzą z i18n (namespace `dataTable`).
+Domyślnie EN; konfiguracja przez `provideKptI18n` — patrz `i18n/llms.txt`.
+
 ## Tokeny
 `--kpt-table-{bg,fg,border,radius,header-bg,header-fg,row-hover,row-selected,cell-padding}`.
 Rozwijany wiersz: `--kpt-table-detail-bg` (fallback: surface-variant → row-hover).

package/dist/src/lib/date-range/llms.txt

@@ -11,7 +11,7 @@ Wymaga `import '@angular/cdk/overlay-prebuilt.css';`
 - `mode`: 'date' | 'datetime' | 'time' (domyślnie 'date')
 - `hourFormat`: 12 | 24 (domyślnie 24) — tarcza z AM/PM lub 24h; czas zawsze 24h w wartości
 - `minuteStep`: number (domyślnie 1) — snap minut na tarczy
-- `placeholder`: string (domyślnie 'Wybierz zakres')
+- `placeholder`: string — bez wartości używa i18n (`dateRange.placeholder`); input ma priorytet
 - `displayFormat`: 'pl' | 'iso' (domyślnie 'pl') — format wyświetlania start/end
 - `disabled`/`invalid`/`touched`: boolean; `touch`: output
 
@@ -25,5 +25,9 @@ Tryby datetime/time: przełącznik „Od / Koniec" + tarcza zegara, zatwierdzeni
 
     period = signal<KptDateRangeValue>({ start: '', end: '' });
 
+## i18n
+Nazwy dni/miesięcy z `Intl` wg locale; etykiety („Od/Koniec", nawigacja, „Gotowe", placeholder) z i18n
+(namespace `dateRange` + `datepicker`/`common`). Domyślnie EN — patrz `i18n/llms.txt`.
+
 ## Tokeny
 Pole `--kpt-form-field-*`; kalendarz `--kpt-color-surface-raised`, zakres `--kpt-color-primary`.

package/dist/src/lib/datepicker/llms.txt

@@ -25,5 +25,11 @@ Import: `import { KptDatepicker } from '@konce-pt/angular';`
 - `disabled`/`invalid`/`touched`: boolean; output `touch`.
 - Panel: nawigacja (‹ ›) miesięcy/lat/dekad wg trybu; tarcza zegara z „Gotowe"; przycisk czyszczenia (×).
 
+## i18n
+Nazwy dni tygodnia i miesięcy są wyliczane z `Intl` wg aktywnego locale i18n (nie ze słownika).
+Etykiety nawigacji/aria i „Gotowe" z i18n (namespace `datepicker` + `common`). Domyślnie EN;
+konfiguracja przez `provideKptI18n` — patrz `i18n/llms.txt`. Uwaga: `displayFormat` ('pl'/'iso')
+steruje wyłącznie formatem daty i jest niezależny od języka etykiet.
+
 ## Tokeny
 `--kpt-form-field-{bg,text,border,border-focus,border-error,radius}`.

package/dist/src/lib/i18n/llms.txt

@@ -0,0 +1,35 @@
+# i18n (provideKptI18n / KptI18n)
+
+Tłumaczenia etykiet komponentów. Języki bazowe: EN (domyślny), PL. Oparte o sygnały (zoneless-friendly), bez zależności zewnętrznych.
+Import: `import { provideKptI18n, KptI18n } from '@konce-pt/angular';`
+
+## Konfiguracja (provider)
+- `provideKptI18n({ locale?, messages? }): EnvironmentProviders` — w `bootstrapApplication`.
+- `locale`: 'en' | 'pl' | dowolny string (domyślnie 'en').
+- `messages`: `Record<locale, DeepPartial<KptMessages>>` — rejestruje nowy język lub nadpisuje istniejący (deep-merge, brakujące klucze → EN).
+
+## Serwis KptI18n (providedIn: 'root')
+- `locale: Signal<KptLocale>` — bieżący język.
+- `setLocale(locale)` — zmiana w runtime (reaktywna dla wszystkich komponentów).
+- `registerMessages(locale, patch)` — dodaje/nadpisuje słownik w runtime.
+- `t(key, params?)` — tłumaczy klucz w notacji kropkowej (`'paginator.range'`) z interpolacją `{name}`.
+
+## Dodanie własnego języka (jeden plik JSON)
+    import de from './i18n/de.json'; // kształt = interfejs KptMessages
+    provideKptI18n({ locale: 'de', messages: { de } });
+    // runtime: inject(KptI18n).registerMessages('de', de); inject(KptI18n).setLocale('de');
+
+## Przełączanie języka w runtime
+    const i18n = inject(KptI18n);
+    i18n.setLocale('pl');
+
+## Kontrakt kluczy (KptMessages)
+Namespace'y: `common` (close/remove/previous/next/clear/done/all), `paginator` (rowsPerPage/range/prevPage/nextPage),
+`select`, `listbox`, `dataView`, `dataTable`, `confirm`, `fileUpload`, `chipsInput`, `dateRange`, `datepicker`,
+`pickList`, `orderList`, `inputNumber`, `password`, `spinner`, `speedDial`, `scrollTop`, `splitButton`, `panel`,
+`breadcrumb`, `richText`. Interpolacje: `paginator.range` ({start},{end},{total}), `dataTable.filter*` ({column}),
+`richText.styleHeading` ({level}). Nazwy dni/miesięcy w kalendarzach są wyliczane z `Intl` wg locale (nie ze słownika).
+
+## Uwaga
+Pojedyncze etykiety można też nadpisać per-komponent przez odpowiedni `input()` (np. `emptyMessage`, `acceptLabel`) —
+input ma priorytet nad słownikiem i18n.

package/dist/src/lib/paginator/llms.txt

@@ -16,3 +16,7 @@ Paginator sterowany sygnałami. Import: `import { KptPaginator } from '@konce-pt
 
 Pokazuje „X–Y z Z", wybór rozmiaru strony oraz przyciski poprzednia/następna.
 Przy zmianie długości/rozmiaru samoczynnie koryguje `pageIndex` (effect).
+
+## i18n
+Etykiety („Wierszy:", separator zakresu, aria stron) pochodzą z i18n (namespace `paginator`).
+Domyślny język EN; przełączenie/nadpisanie przez `provideKptI18n` — patrz `i18n/llms.txt`.

package/dist/src/lib/rich-text/llms.txt

@@ -30,6 +30,11 @@ Import: `import { KptRichText, KptRichTool, KptRichToolbar } from '@konce-pt/ang
     <kpt-rich-text [formField]="f.body" />  <!-- pełny pasek -->
     <kpt-rich-text [(value)]="v" [toolbar]="[['bold','italic'],['ul','ol'],['link']]" />
 
+## i18n
+Wszystkie etykiety (aria narzędzi, style „Normalny/Nagłówek N", prompt linku, menu kontekstowe tabeli,
+popover obramowania, „Własny…") pochodzą z i18n (namespace `richText`, w tym `richText.menu.*`,
+`richText.border.*`). Domyślnie EN — patrz `i18n/llms.txt`.
+
 ## Uwagi
 Formatowanie przez document.execCommand; aktywne narzędzia podświetlane (queryCommandState).
 Wklejanie (natywne i przyciskami) jest sanityzowane (allowlista tagów/stylów; usuwa script/on*/javascript:).

package/dist/src/lib/select/llms.txt

@@ -18,5 +18,9 @@ Wymaga stylów overlay CDK w aplikacji: `import '@angular/cdk/overlay-prebuilt.c
 - `disabled`/`invalid`/`touched`: boolean; output `touch`.
 - Klawiatura: Enter/↓ otwiera, ↑/↓ nawigacja, Enter wybiera, Esc zamyka.
 
+## i18n
+Etykiety „Szukaj…", „Brak wyników" i aria usuwania chipa z i18n (namespace `select`).
+Domyślnie EN; konfiguracja przez `provideKptI18n` — patrz `i18n/llms.txt`.
+
 ## Tokeny
 `--kpt-form-field-{bg,text,border,border-hover,border-focus,border-error,radius}`.

package/dist/types/konce-pt-angular-charts.d.ts

@@ -0,0 +1,356 @@
+import * as _konce_pt_angular_charts from '@konce-pt/angular/charts';
+import * as _angular_core from '@angular/core';
+
+type KptChartType = 'line' | 'bar' | 'pie' | 'doughnut' | 'polarArea' | 'radar';
+/** Tryb interpolacji linii dla wykresu liniowego. */
+type KptLineInterpolation = 'linear' | 'cubic' | 'cubic-monotonic';
+/** Orientacja słupków. */
+type KptBarOrientation = 'vertical' | 'horizontal';
+/** Pojedyncza seria danych. Kolejność wartości odpowiada `labels`. */
+interface KptChartSeries {
+    /** Nazwa serii (legenda, tooltip). */
+    name: string;
+    /** Wartości; długość zwykle równa liczbie etykiet. */
+    data: number[];
+    /** Kolor (CSS). Domyślnie z palety tokenów. */
+    color?: string;
+}
+type KptLegendPosition = 'top' | 'bottom' | 'left' | 'right';
+type KptAlign = 'start' | 'center' | 'end';
+type KptPointStyle = 'circle' | 'rect' | 'rectRot' | 'triangle' | 'line';
+interface KptLegendTitle {
+    display?: boolean;
+    text?: string;
+    position?: KptAlign;
+}
+interface KptLegendOptions {
+    display?: boolean;
+    position?: KptLegendPosition;
+    align?: KptAlign;
+    pointStyle?: KptPointStyle;
+    title?: KptLegendTitle;
+}
+interface KptFont {
+    family?: string;
+    size?: number;
+    weight?: string | number;
+}
+interface KptPadding {
+    top?: number;
+    bottom?: number;
+}
+interface KptTitleOptions {
+    display?: boolean;
+    text?: string;
+    align?: KptAlign;
+    color?: string;
+    font?: KptFont;
+    padding?: KptPadding;
+}
+/** Kontekst przekazywany do formatera tooltipa. */
+interface KptTooltipContext {
+    series: string;
+    label: string;
+    value: number;
+}
+interface KptTooltipOptions {
+    enabled?: boolean;
+    format?: (ctx: KptTooltipContext) => string;
+}
+interface KptAnimationOptions {
+    enabled?: boolean;
+    /** Czas trwania w ms (domyślnie 400). */
+    duration?: number;
+    /** Opóźnienie startu w ms (domyślnie 0). */
+    delay?: number;
+    /** Przesunięcie kolejnych elementów w ms (`delay = index * stagger`). */
+    stagger?: number;
+}
+/** Pełna konfiguracja wykresu. Jeden kształt dla wszystkich typów. */
+interface KptChartConfig {
+    type: KptChartType;
+    /** Etykiety osi kategorii / wycinków. */
+    labels: string[];
+    series: KptChartSeries[];
+    /** Bar: orientacja słupków (domyślnie 'vertical'). */
+    orientation?: KptBarOrientation;
+    /** Line: tryb interpolacji (domyślnie 'linear'). */
+    interpolation?: KptLineInterpolation;
+    /** Line: wypełnienie obszaru pod linią. */
+    area?: boolean;
+    /** Line: punkty danych widoczne (domyślnie true). */
+    points?: boolean;
+    /** Line: pionowa prowadnica + podświetlona etykieta osi X przy hoverze punktu. */
+    crosshair?: boolean;
+    /** Doughnut/PolarArea/Radar: promień wewnętrzny 0..1 (doughnut, domyślnie 0.6). */
+    innerRadius?: number;
+    /** Bar: promień zaokrąglenia rogów w px (domyślnie 4). */
+    borderRadius?: number;
+    animation?: KptAnimationOptions;
+    legend?: KptLegendOptions;
+    title?: KptTitleOptions;
+    subtitle?: KptTitleOptions;
+    tooltip?: KptTooltipOptions;
+}
+/** Punkt w układzie SVG. */
+interface KptPoint {
+    x: number;
+    y: number;
+}
+/** Prostokąt obszaru rysowania (plot area). */
+interface KptRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+
+interface KptChartLegendItem {
+    key: string;
+    name: string;
+    color: string;
+    hidden: boolean;
+}
+
+interface KptChartTooltipRow {
+    name: string;
+    value: string;
+    color: string;
+}
+interface KptChartTooltipState {
+    /** Pozycja pozioma w % szerokości kontenera (0..100). */
+    x: number;
+    /** Pozycja pionowa w % wysokości kontenera (0..100). */
+    y: number;
+    label: string;
+    rows: KptChartTooltipRow[];
+}
+
+interface AxisLabel {
+    x: number;
+    y: number;
+    text: string;
+    anchor: 'start' | 'middle' | 'end';
+}
+interface GridLine {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+}
+interface LinePoint {
+    x: number;
+    y: number;
+    value: number;
+    label: string;
+}
+interface LineSeriesVm {
+    key: string;
+    name: string;
+    color: string;
+    path: string;
+    area: string | null;
+    points: LinePoint[];
+}
+interface LineVm {
+    plot: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    series: LineSeriesVm[];
+    grid: GridLine[];
+    valueLabels: AxisLabel[];
+    catLabels: AxisLabel[];
+    showPoints: boolean;
+}
+interface BarVm {
+    orientation: 'vertical' | 'horizontal';
+    bars: {
+        key: string;
+        path: string;
+        color: string;
+        name: string;
+        label: string;
+        value: number;
+        tipX: number;
+        tipY: number;
+        index: number;
+    }[];
+    grid: GridLine[];
+    valueLabels: AxisLabel[];
+    catLabels: AxisLabel[];
+}
+interface SliceVm {
+    key: string;
+    path: string;
+    color: string;
+    label: string;
+    value: number;
+    tipX: number;
+    tipY: number;
+}
+interface RadarSeriesVm {
+    key: string;
+    name: string;
+    color: string;
+    polygon: string;
+    points: LinePoint[];
+}
+interface RadarVm {
+    rings: string[];
+    axisLines: GridLine[];
+    axisLabels: AxisLabel[];
+    series: RadarSeriesVm[];
+}
+/**
+ * Wykres SVG w pełni konfigurowalny przez obiekt `config`.
+ * Typy: line, bar, pie, doughnut, polarArea, radar. Sygnały + zoneless,
+ * natywne renderowanie SVG (bez manipulacji DOM). Rdzeń obliczeń: `../core`.
+ *
+ * @example
+ * <kpt-chart [config]="{ type: 'line', labels: ['Sty','Lut','Mar'],
+ *   series: [{ name: 'Sprzedaż', data: [12, 19, 7] }] }" />
+ */
+declare class KptChart {
+    readonly config: _angular_core.InputSignal<KptChartConfig>;
+    /** Szerokość viewBoxa (jednostki SVG). Wykres skaluje się do kontenera. */
+    readonly width: _angular_core.InputSignal<number>;
+    /** Wysokość viewBoxa (jednostki SVG). */
+    readonly height: _angular_core.InputSignal<number>;
+    protected readonly hidden: _angular_core.WritableSignal<ReadonlySet<string>>;
+    protected readonly highlighted: _angular_core.WritableSignal<string | null>;
+    protected readonly tooltip: _angular_core.WritableSignal<KptChartTooltipState | null>;
+    /** Indeks kategorii pod kursorem (dla prowadnicy crosshair w wykresie liniowym). */
+    protected readonly activeIndex: _angular_core.WritableSignal<number | null>;
+    protected readonly type: _angular_core.Signal<_konce_pt_angular_charts.KptChartType>;
+    protected readonly anim: _angular_core.Signal<Required<KptAnimationOptions>>;
+    protected readonly legendOpts: _angular_core.Signal<{
+        display: boolean;
+        position: _konce_pt_angular_charts.KptLegendPosition;
+        align: KptAlign;
+        pointStyle: _konce_pt_angular_charts.KptPointStyle;
+        title: _konce_pt_angular_charts.KptLegendTitle | undefined;
+    }>;
+    protected readonly titleOpts: _angular_core.Signal<_konce_pt_angular_charts.KptTitleOptions | undefined>;
+    protected readonly subtitleOpts: _angular_core.Signal<_konce_pt_angular_charts.KptTitleOptions | undefined>;
+    protected readonly titleStyle: _angular_core.Signal<string>;
+    protected readonly subtitleStyle: _angular_core.Signal<string>;
+    protected readonly legendItems: _angular_core.Signal<KptChartLegendItem[]>;
+    protected readonly lineVm: _angular_core.Signal<LineVm | null>;
+    protected readonly barVm: _angular_core.Signal<BarVm | null>;
+    protected readonly pieVm: _angular_core.Signal<SliceVm[] | null>;
+    protected readonly radarVm: _angular_core.Signal<RadarVm | null>;
+    protected readonly crosshair: _angular_core.Signal<{
+        x: number;
+        y1: number;
+        y2: number;
+        text: string;
+        labelX: number;
+        labelY: number;
+        pillX: number;
+        pillY: number;
+        pillW: number;
+        pillH: number;
+    } | null>;
+    protected onLineEnter(idx: number, tipX: number, tipY: number, name: string, label: string, value: number, color: string): void;
+    protected onLineLeave(): void;
+    protected showTip(tipX: number, tipY: number, name: string, label: string, value: number, color: string): void;
+    protected hideTip(): void;
+    protected onToggle(key: string): void;
+    protected onHighlight(key: string | null): void;
+    /** Czy dany element ma być wygaszony (aktywne podświetlenie innego). */
+    protected dim(key: string): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KptChart, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KptChart, "kpt-chart", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface NiceScale {
+    min: number;
+    max: number;
+    step: number;
+    ticks: number[];
+}
+/**
+ * „Ładna" skala obejmująca [dataMin, dataMax] z ~`maxTicks` podziałkami.
+ * Wynikowy zakres jest rozszerzony do równych kroków; zawsze zawiera 0,
+ * gdy dane są jednoznakowe (typowe dla słupków/linii wartościowych).
+ */
+declare function niceScale(dataMin: number, dataMax: number, maxTicks?: number): NiceScale;
+
+/** Ścieżka linii dla wybranego trybu interpolacji. */
+declare function linePath(points: KptPoint[], mode?: KptLineInterpolation): string;
+/** Ścieżka obszaru pod linią (domknięta do `baselineY`). */
+declare function areaPath(points: KptPoint[], baselineY: number, mode?: KptLineInterpolation): string;
+
+interface BarGeom {
+    rect: KptRect;
+    /** Ścieżka słupka z zaokrąglonymi rogami „od strony wzrostu". */
+    path: string;
+    seriesIndex: number;
+    categoryIndex: number;
+    value: number;
+}
+interface BarLayout {
+    bars: BarGeom[];
+    /** Podziałki osi wartości (wartość → współrzędna). */
+    ticks: {
+        value: number;
+        pos: number;
+    }[];
+    /** Współrzędna linii bazowej (0). */
+    baseline: number;
+    scale: ReturnType<typeof niceScale>;
+}
+/**
+ * Wylicza słupki dla obszaru `plot`.
+ * @param seriesData  wartości[serie][kategorie]
+ * @param plot        obszar rysowania {x,y,width,height}
+ * @param orientation pionowa (rośnie w górę) lub pozioma (rośnie w prawo)
+ * @param borderRadius promień zaokrąglenia w px
+ */
+declare function barLayout(seriesData: number[][], categoryCount: number, plot: KptRect, orientation: KptBarOrientation, borderRadius: number): BarLayout;
+
+interface ArcSlice {
+    path: string;
+    /** Kąt środka wycinka (do pozycjonowania etykiet/tooltipa). */
+    midAngle: number;
+    startAngle: number;
+    endAngle: number;
+    value: number;
+}
+/**
+ * Wycinki pie/doughnut: kąt proporcjonalny do wartości (Σ = 2π).
+ * `innerRadius` w px (0 dla pie).
+ */
+declare function pieSlices(values: number[], cx: number, cy: number, outerRadius: number, innerRadius?: number): ArcSlice[];
+/**
+ * Wycinki polar area: równy kąt (2π/N), promień proporcjonalny do wartości.
+ * `maxValue` skaluje promień do `outerRadius`.
+ */
+declare function polarSlices(values: number[], cx: number, cy: number, outerRadius: number, maxValue?: number): ArcSlice[];
+
+interface RadarAxis {
+    /** Punkt na obwodzie (koniec osi). */
+    end: KptPoint;
+    angle: number;
+    labelIndex: number;
+}
+interface RadarGrid {
+    /** Poziomy siatki (pierścienie) jako ścieżki wielokątów. */
+    rings: string[];
+    axes: RadarAxis[];
+}
+/** Siatka radaru: `levels` koncentrycznych wielokątów + osie do etykiet. */
+declare function radarGrid(count: number, cx: number, cy: number, radius: number, levels?: number): RadarGrid;
+/** Punkty wielokąta serii (wartość → promień, skalowane do `maxValue`). */
+declare function radarPoints(values: number[], cx: number, cy: number, radius: number, maxValue: number): KptPoint[];
+
+/** Kolejność kolorów dla kolejnych serii / wycinków. */
+declare const KPT_CHART_PALETTE: readonly string[];
+/** Kolor serii/wycinka: jawny z danych albo z palety (cyklicznie). */
+declare function seriesColor(explicit: string | undefined, index: number, palette?: readonly string[]): string;
+
+export { KPT_CHART_PALETTE, KptChart, areaPath, barLayout, linePath, niceScale, pieSlices, polarSlices, radarGrid, radarPoints, seriesColor };
+export type { KptAlign, KptAnimationOptions, KptBarOrientation, KptChartConfig, KptChartSeries, KptChartType, KptFont, KptLegendOptions, KptLegendPosition, KptLegendTitle, KptLineInterpolation, KptPadding, KptPointStyle, KptTitleOptions, KptTooltipContext, KptTooltipOptions };