@konce-pt/react 0.12.0 → 0.14.0

package/dist/map/map-create-dialog.d.ts

@@ -5,17 +5,17 @@ import type { KptMapGeocoderPort } from './ports.ts';
 export interface KptMapCreateDialogProps extends Omit<ComponentPropsWithRef<'div'>, 'children' | 'onSubmit'>, KptI18nOverrides {
     category: KptMapCategory;
     at: KptLatLng;
-    /** Geokoder tego formularza — źródło podpowiedzi adresowych dla pól z `autofill`. */
+    /** Geokoder tego formularza - źródło podpowiedzi adresowych dla pól z `autofill`. */
     geocoder?: KptMapGeocoderPort | null;
     onSave: (value: Record<string, unknown>) => void;
     onCancel: () => void;
 }
 /**
- * Treść dialogu „dodaj lokalizację" budowana ze schemy kategorii (`category.fields`).
+ * Treść dialogu "dodaj lokalizację" budowana ze schemy kategorii (`category.fields`).
  *
  * Port Angulara stoi tu na Signal Forms; w Reakcie formularza-frameworka nie ma, więc model to
  * zwykły stan, a reguły walidacji są mapą funkcji obok niego. Kontrakt zostaje ten sam:
- * walidacja deklarowana raz przy schemie, a bramka „nie strasz czerwienią" siedzi w prezentacji
- * — błąd pokazuje się po dotknięciu pola albo po próbie zapisu.
+ * walidacja deklarowana raz przy schemie, a bramka "nie strasz czerwienią" siedzi w prezentacji
+ * - błąd pokazuje się po dotknięciu pola albo po próbie zapisu.
  */
 export declare function KptMapCreateDialog({ category, at, geocoder, onSave, onCancel, locale: localeOverride, dictionary, className, ...rest }: Readonly<KptMapCreateDialogProps>): import("react").JSX.Element;

package/dist/map/map-create-dialog.js

@@ -16,7 +16,7 @@ import { KptMapHoursField } from "./map-hours-field.js";
 import { KptMapImageField } from "./map-image-field.js";
 /** Typy pól, które przyjmą fragment adresu. Data czy liczba nie mają z nim nic wspólnego. */
 const TEXTUAL = new Set(['text', 'textarea']);
-/** Pusta wartość właściwa dla typu pola — formularz startuje bez `undefined`. */
+/** Pusta wartość właściwa dla typu pola - formularz startuje bez `undefined`. */
 function initialValue(def) {
     if (def.initial !== undefined)
         return def.initial;
@@ -41,17 +41,17 @@ function initialModel(fields) {
         out[def.key] = initialValue(def);
     return out;
 }
-/** Wartość pola tekstowego z modelu `unknown` — liczba zostaje liczbą zapisaną tekstem, reszta pustym napisem. */
+/** Wartość pola tekstowego z modelu `unknown` - liczba zostaje liczbą zapisaną tekstem, reszta pustym napisem. */
 function asText(value) {
     return typeof value === 'string' || typeof value === 'number' ? String(value) : '';
 }
 /**
- * Treść dialogu „dodaj lokalizację" budowana ze schemy kategorii (`category.fields`).
+ * Treść dialogu "dodaj lokalizację" budowana ze schemy kategorii (`category.fields`).
  *
  * Port Angulara stoi tu na Signal Forms; w Reakcie formularza-frameworka nie ma, więc model to
  * zwykły stan, a reguły walidacji są mapą funkcji obok niego. Kontrakt zostaje ten sam:
- * walidacja deklarowana raz przy schemie, a bramka „nie strasz czerwienią" siedzi w prezentacji
- * — błąd pokazuje się po dotknięciu pola albo po próbie zapisu.
+ * walidacja deklarowana raz przy schemie, a bramka "nie strasz czerwienią" siedzi w prezentacji
+ * - błąd pokazuje się po dotknięciu pola albo po próbie zapisu.
  */
 export function KptMapCreateDialog({ category, at, geocoder = null, onSave, onCancel, locale: localeOverride, dictionary, className, ...rest }) {
     const { t, locale } = useKptMessages({ locale: localeOverride, dictionary });
@@ -62,7 +62,7 @@ export function KptMapCreateDialog({ category, at, geocoder = null, onSave, onCa
     const [submitted, setSubmitted] = useState(false);
     /** Ostatnio ustalony adres; `address` bywa czytelniejszy niż suma pól. */
     const [address, setAddress] = useState(null);
-    // Inna kategoria to inny formularz — model wraca do wartości początkowych. Liczone w renderze
+    // Inna kategoria to inny formularz - model wraca do wartości początkowych. Liczone w renderze
     // (wzorzec poprzedniej wartości): efekt pokazałby jedną klatkę pól starej kategorii.
     const [modelFields, setModelFields] = useState(fields);
     if (modelFields !== fields) {
@@ -74,15 +74,15 @@ export function KptMapCreateDialog({ category, at, geocoder = null, onSave, onCa
     /** Czy kategoria ma pola do podpowiedzenia i jest czym je podpowiedzieć. */
     const autofillFields = useMemo(() => fields.filter((def) => def.autofill && TEXTUAL.has(def.type)), [fields]);
     const hasAutofill = !!geocoder && autofillFields.length > 0;
-    /** Tożsamość bieżącego zapytania do geokodera — nowa przy każdej zmianie jego wejść. */
+    /** Tożsamość bieżącego zapytania do geokodera - nowa przy każdej zmianie jego wejść. */
     const geocodeRequest = useMemo(() => (geocoder && autofillFields.length > 0 ? { geocoder, at, locale, autofillFields } : null), [geocoder, at, locale, autofillFields]);
     /** Zapytanie, na które przyszła już odpowiedź (albo błąd). */
     const [settledRequest, setSettledRequest] = useState(null);
-    /** Trwa zapytanie do geokodera — pokazujemy notkę zamiast ciszy. */
+    /** Trwa zapytanie do geokodera - pokazujemy notkę zamiast ciszy. */
     const geocoding = geocodeRequest !== null && settledRequest !== geocodeRequest;
     /**
      * Podpowiada adres z geokodowania wstecznego współrzędnych kliknięcia. Wypełnia wyłącznie
-     * pola z `autofill` i wyłącznie te, które są jeszcze puste — podpowiedź nigdy nie kasuje
+     * pola z `autofill` i wyłącznie te, które są jeszcze puste - podpowiedź nigdy nie kasuje
      * tego, co użytkownik zdążył wpisać.
      */
     useEffect(() => {
@@ -118,7 +118,7 @@ export function KptMapCreateDialog({ category, at, geocoder = null, onSave, onCa
     }, [geocodeRequest]);
     /**
      * Komunikat błędu pola albo `null`. Dzień otwarty musi mieć obie godziny i różne od siebie;
-     * dzień oznaczony jako zamknięty przechodzi bez zastrzeżeń — to prawidłowa odpowiedź,
+     * dzień oznaczony jako zamknięty przechodzi bez zastrzeżeń - to prawidłowa odpowiedź,
      * a nie brak danych.
      */
     const errorFor = (def) => {

package/dist/map/map-hours-field.d.ts

@@ -6,14 +6,14 @@ export interface KptMapHoursFieldProps extends Omit<ComponentPropsWithRef<'div'>
     onValueChange: (value: KptMapOpeningHours) => void;
     disabled?: boolean;
     readOnly?: boolean;
-    /** Wywoływane po każdej zmianie — moment, w którym pole staje się dotknięte. */
+    /** Wywoływane po każdej zmianie - moment, w którym pole staje się dotknięte. */
     onTouch?: () => void;
 }
 /**
- * Pole „godziny otwarcia" formularza dodawania lokalizacji (`type: 'hours'` w schemie).
+ * Pole "godziny otwarcia" formularza dodawania lokalizacji (`type: 'hours'` w schemie).
  *
- * Siedem wierszy od poniedziałku, każdy z parą godzin i znacznikiem „zamknięte". Skrót
- * „tak samo przez cały tydzień" kopiuje poniedziałek na pozostałe dni — bez niego wypełnienie
+ * Siedem wierszy od poniedziałku, każdy z parą godzin i znacznikiem "zamknięte". Skrót
+ * "tak samo przez cały tydzień" kopiuje poniedziałek na pozostałe dni - bez niego wypełnienie
  * formularza to czternaście pól.
  *
  * Nazwy dni idą z `Intl`, nie ze słownika: rozkład tygodnia jest uniwersalny, a tłumaczenie

package/dist/map/map-hours-field.js

@@ -11,15 +11,15 @@ import { KptIconButton } from "../icon-button/icon-button.js";
 /** Ile przedziałów na dobę dopuszczamy. Dwa pokrywają przerwę i dobę przez północ. */
 const MAX_RANGES = 2;
 /**
- * Snap minut na tarczy zegara. Godziny otwarcia chodzą co kwadrans, a nie co minutę —
+ * Snap minut na tarczy zegara. Godziny otwarcia chodzą co kwadrans, a nie co minutę -
  * krok 5 daje trafienie w 07:30 czy 22:45 bez celowania w pojedynczą minutę.
  */
 const MINUTE_STEP = 5;
 /**
- * Pole „godziny otwarcia" formularza dodawania lokalizacji (`type: 'hours'` w schemie).
+ * Pole "godziny otwarcia" formularza dodawania lokalizacji (`type: 'hours'` w schemie).
  *
- * Siedem wierszy od poniedziałku, każdy z parą godzin i znacznikiem „zamknięte". Skrót
- * „tak samo przez cały tydzień" kopiuje poniedziałek na pozostałe dni — bez niego wypełnienie
+ * Siedem wierszy od poniedziałku, każdy z parą godzin i znacznikiem "zamknięte". Skrót
+ * "tak samo przez cały tydzień" kopiuje poniedziałek na pozostałe dni - bez niego wypełnienie
  * formularza to czternaście pól.
  *
  * Nazwy dni idą z `Intl`, nie ze słownika: rozkład tygodnia jest uniwersalny, a tłumaczenie
@@ -27,7 +27,7 @@ const MINUTE_STEP = 5;
  */
 export function KptMapHoursField({ value, onValueChange, disabled = false, readOnly = false, onTouch, locale: localeOverride, dictionary, className, ...rest }) {
     const { t, locale } = useKptMessages({ locale: localeOverride, dictionary });
-    /** Skrót „tak samo przez cały tydzień" — stan pola, nie część wartości. */
+    /** Skrót "tak samo przez cały tydzień" - stan pola, nie część wartości. */
     const [sameAllWeek, setSameAllWeek] = useState(false);
     const rows = Array.from({ length: 7 }, (_, index) => {
         const day = (index + 1);
@@ -39,7 +39,7 @@ export function KptMapHoursField({ value, onValueChange, disabled = false, readO
             ranges: (entry?.ranges ?? []).map((range) => ({ from: range.from, to: range.to })),
         };
     });
-    /** Zapis zawsze przez pełny, uporządkowany tydzień — model nie ma dziur. */
+    /** Zapis zawsze przez pełny, uporządkowany tydzień - model nie ma dziur. */
     const write = (change) => {
         const base = emptyWeek().map((day) => value.find((entry) => entry.day === day.day) ?? day);
         onValueChange(change(base));
@@ -80,7 +80,7 @@ export function KptMapHoursField({ value, onValueChange, disabled = false, readO
         ranges[index][edge] = time;
         return { ...day, closed: false, ranges };
     });
-    return (_jsxs("div", { className: cn('kpt-map-hours-field', className), ...rest, children: [_jsx(KptCheckbox, { className: "kpt-map-hours-field__same", checked: sameAllWeek, onCheckedChange: onSameAllWeek, disabled: disabled || readOnly, label: t('map.field.hoursSameAllWeek') }), _jsx("ul", { className: "kpt-map-hours-field__week", children: rows.map((row) => (_jsxs("li", { className: "kpt-map-hours-field__day", "data-locked": locked(row) ? '' : undefined, children: [_jsx("span", { className: "kpt-map-hours-field__name", children: row.name }), _jsx("div", { className: "kpt-map-hours-field__ranges", children: !row.closed ? (_jsxs(_Fragment, { children: [row.ranges.map((range, index) => (_jsxs("div", { className: "kpt-map-hours-field__range", children: [_jsx(KptDatepicker, { selectionMode: "time", minuteStep: MINUTE_STEP, value: range.from, onValueChange: (time) => setTime(row, index, 'from', String(time ?? '')), disabled: locked(row), "aria-label": `${t('map.field.hoursFrom')} — ${row.name}`, onTouch: onTouch }), _jsx("span", { className: "kpt-map-hours-field__dash", "aria-hidden": "true", children: "\u2013" }), _jsx(KptDatepicker, { selectionMode: "time", minuteStep: MINUTE_STEP, value: range.to, onValueChange: (time) => setTime(row, index, 'to', String(time ?? '')), disabled: locked(row), "aria-label": `${t('map.field.hoursTo')} — ${row.name}`, onTouch: onTouch }), row.ranges.length > 1 ? (_jsx(KptIconButton, { variant: "text", size: "sm", disabled: locked(row), "aria-label": t('map.field.hoursRemoveRange'), onClick: () => patch(row.day, (day) => ({
+    return (_jsxs("div", { className: cn('kpt-map-hours-field', className), ...rest, children: [_jsx(KptCheckbox, { className: "kpt-map-hours-field__same", checked: sameAllWeek, onCheckedChange: onSameAllWeek, disabled: disabled || readOnly, label: t('map.field.hoursSameAllWeek') }), _jsx("ul", { className: "kpt-map-hours-field__week", children: rows.map((row) => (_jsxs("li", { className: "kpt-map-hours-field__day", "data-locked": locked(row) ? '' : undefined, children: [_jsx("span", { className: "kpt-map-hours-field__name", children: row.name }), _jsx("div", { className: "kpt-map-hours-field__ranges", children: !row.closed ? (_jsxs(_Fragment, { children: [row.ranges.map((range, index) => (_jsxs("div", { className: "kpt-map-hours-field__range", children: [_jsx(KptDatepicker, { selectionMode: "time", minuteStep: MINUTE_STEP, value: range.from, onValueChange: (time) => setTime(row, index, 'from', String(time ?? '')), disabled: locked(row), "aria-label": `${t('map.field.hoursFrom')} - ${row.name}`, onTouch: onTouch }), _jsx("span", { className: "kpt-map-hours-field__dash", "aria-hidden": "true", children: "-" }), _jsx(KptDatepicker, { selectionMode: "time", minuteStep: MINUTE_STEP, value: range.to, onValueChange: (time) => setTime(row, index, 'to', String(time ?? '')), disabled: locked(row), "aria-label": `${t('map.field.hoursTo')} - ${row.name}`, onTouch: onTouch }), row.ranges.length > 1 ? (_jsx(KptIconButton, { variant: "text", size: "sm", disabled: locked(row), "aria-label": t('map.field.hoursRemoveRange'), onClick: () => patch(row.day, (day) => ({
                                                     ...day,
                                                     ranges: day.ranges.filter((_, i) => i !== index).map((r) => ({ ...r })),
                                                 })), children: _jsx(KptIcon, { name: "minus" }) })) : null] }, index))), row.ranges.length < MAX_RANGES ? (_jsxs("button", { className: "kpt-map-hours-field__add", type: "button", disabled: locked(row), onClick: () => patch(row.day, (day) => ({

package/dist/map/map-image-field.d.ts

@@ -12,13 +12,13 @@ export interface KptMapImageFieldProps extends Omit<ComponentPropsWithRef<'div'>
     onTouch?: () => void;
 }
 /**
- * Pole „zdjęcie" formularza dodawania lokalizacji (`type: 'image'` w schemie kategorii).
+ * Pole "zdjęcie" formularza dodawania lokalizacji (`type: 'image'` w schemie kategorii).
  *
  * Wartością jest zawsze **string**: albo `data:` z wybranego pliku, albo adres wklejony przez
  * użytkownika. Karta miejsca nie rozróżnia jednego od drugiego, więc formularz nie musi
  * decydować za aplikację, gdzie zdjęcia mieszkają.
  *
- * Plik czytamy w przeglądarce i nigdzie nie wysyłamy — biblioteka nie ma i nie chce mieć
+ * Plik czytamy w przeglądarce i nigdzie nie wysyłamy - biblioteka nie ma i nie chce mieć
  * wiedzy o storage'u aplikacji.
  */
 export declare function KptMapImageField({ value, onValueChange, disabled, readOnly, invalid, touched, maxBytes, onTouch, locale, dictionary, className, ...rest }: Readonly<KptMapImageFieldProps>): import("react").JSX.Element;

package/dist/map/map-image-field.js

@@ -6,16 +6,16 @@ import { useKptMessages } from "../i18n/i18n-context.js";
 import { KptFileUpload } from "../file-upload/file-upload.js";
 import { KptIcon } from "../icon/icon.js";
 import { KptInput } from "../input/input.js";
-/** Domyślny limit pliku. Data URL puchnie o ~⅓, a wartość leci w `onLocationCreate`. */
+/** Domyślny limit pliku. Data URL puchnie o ~1/3, a wartość leci w `onLocationCreate`. */
 const DEFAULT_MAX_BYTES = 2 * 1024 * 1024;
 /**
- * Pole „zdjęcie" formularza dodawania lokalizacji (`type: 'image'` w schemie kategorii).
+ * Pole "zdjęcie" formularza dodawania lokalizacji (`type: 'image'` w schemie kategorii).
  *
  * Wartością jest zawsze **string**: albo `data:` z wybranego pliku, albo adres wklejony przez
  * użytkownika. Karta miejsca nie rozróżnia jednego od drugiego, więc formularz nie musi
  * decydować za aplikację, gdzie zdjęcia mieszkają.
  *
- * Plik czytamy w przeglądarce i nigdzie nie wysyłamy — biblioteka nie ma i nie chce mieć
+ * Plik czytamy w przeglądarce i nigdzie nie wysyłamy - biblioteka nie ma i nie chce mieć
  * wiedzy o storage'u aplikacji.
  */
 export function KptMapImageField({ value, onValueChange, disabled = false, readOnly = false, invalid = false, touched = false, maxBytes = DEFAULT_MAX_BYTES, onTouch, locale, dictionary, className, ...rest }) {
@@ -48,7 +48,7 @@ export function KptMapImageField({ value, onValueChange, disabled = false, readO
         reader.readAsDataURL(file);
     };
     return (_jsxs("div", { className: cn('kpt-map-image-field', className), ...rest, children: [_jsx(KptFileUpload, { accept: "image/*", value: files, onValueChange: onFiles, disabled: disabled || readOnly, invalid: invalid, touched: touched }), _jsxs("label", { className: "kpt-map-image-field__url", children: [_jsx("span", { className: "kpt-map-image-field__url-label", children: t('map.field.orPasteUrl') }), _jsx(KptInput, { type: "url", value: urlValue, onValueChange: (url) => {
-                            // Adres i plik wykluczają się — dwa źródła jednej wartości myliłyby użytkownika.
+                            // Adres i plik wykluczają się - dwa źródła jednej wartości myliłyby użytkownika.
                             if (url)
                                 setFiles([]);
                             setSizeError(null);

package/dist/map/map-legend.d.ts

@@ -4,20 +4,20 @@ import { type KptI18nOverrides } from '../i18n/i18n-context.tsx';
 export interface KptMapLegendProps extends Omit<ComponentPropsWithRef<'div'>, 'children'>, KptI18nOverrides {
     categories: readonly KptMapCategory[];
     /**
-     * Identyfikatory ukrytych kategorii — kontrolowane. Nazwa dłuższa niż `hidden` z portu
+     * Identyfikatory ukrytych kategorii - kontrolowane. Nazwa dłuższa niż `hidden` z portu
      * Angulara, bo `hidden` na elemencie DOM jest booleanem i kolidowałoby z propsem `<div>`.
      */
     hiddenCategories?: string[];
     defaultHiddenCategories?: string[];
     onHiddenCategoriesChange?: (hidden: string[]) => void;
-    /** Opcjonalne liczniki `{ categoryId: liczba }` — pokazywane przy etykiecie. */
+    /** Opcjonalne liczniki `{ categoryId: liczba }` - pokazywane przy etykiecie. */
     counts?: Record<string, number> | null;
     orientation?: 'horizontal' | 'vertical';
-    /** Wyłącza chowanie kategorii — legenda staje się czysto informacyjna. */
+    /** Wyłącza chowanie kategorii - legenda staje się czysto informacyjna. */
     interactive?: boolean;
 }
 /**
- * Legenda mapy — lista kategorii ze znacznikiem koloru i ikoną. Pozycje są przyciskami:
+ * Legenda mapy - lista kategorii ze znacznikiem koloru i ikoną. Pozycje są przyciskami:
  * kliknięcie chowa i pokazuje kategorię.
  *
  * `KptMap` renderuje ją sam pod mapą przy `legend`; kto chce ją gdzie indziej, wyłącza tamto

package/dist/map/map-legend.js

@@ -6,7 +6,7 @@ import { useControllableState } from "../internal/use-controllable-state.js";
 import { useKptMessages } from "../i18n/i18n-context.js";
 import { KptIcon } from "../icon/icon.js";
 /**
- * Legenda mapy — lista kategorii ze znacznikiem koloru i ikoną. Pozycje są przyciskami:
+ * Legenda mapy - lista kategorii ze znacznikiem koloru i ikoną. Pozycje są przyciskami:
  * kliknięcie chowa i pokazuje kategorię.
  *
  * `KptMap` renderuje ją sam pod mapą przy `legend`; kto chce ją gdzie indziej, wyłącza tamto
@@ -34,7 +34,7 @@ export function KptMapLegend({ categories, hiddenCategories, defaultHiddenCatego
             const isHidden = hiddenSet.has(category.id);
             const label = t(isHidden ? 'map.showCategory' : 'map.hideCategory', { category: category.label });
             return (_jsxs("button", { type: "button", className: cn('kpt-map-legend__item', isHidden && 'kpt-map-legend__item--off'), style: {
-                    // Glif dostaje kolor kontrastowy — zaszyta biel gubi się na jasnych rolach.
+                    // Glif dostaje kolor kontrastowy - zaszyta biel gubi się na jasnych rolach.
                     '--_kpt-legend-color': colorVarOf(category.color),
                     '--_kpt-legend-fg': contrastVarOf(category.color),
                 }, "aria-pressed": interactive ? !isHidden : undefined, "aria-label": interactive ? label : undefined, disabled: !interactive, onClick: () => toggle(category.id), children: [_jsx("span", { className: "kpt-map-legend__swatch", "aria-hidden": "true", children: category.icon ? _jsx(KptIcon, { name: category.icon }) : null }), _jsx("span", { className: "kpt-map-legend__label", children: category.label }), counts ? _jsx("span", { className: "kpt-map-legend__count", children: counts[category.id] ?? 0 }) : null] }, category.id));

package/dist/map/map-poi-card.d.ts

@@ -24,14 +24,14 @@ export interface KptMapPoiCardProps extends Omit<ComponentPropsWithRef<'div'>, '
     onShare?: (poi: KptMapPoi) => void;
 }
 /**
- * Karta miejsca do popupu mapy — dystans, zdjęcie, akcje, kategoria, rozwijane godziny
+ * Karta miejsca do popupu mapy - dystans, zdjęcie, akcje, kategoria, rozwijane godziny
  * otwarcia i wiersze kontaktowe z kopiowaniem.
  *
  * Komponent jest sterowany danymi: bierze `KptMapPoi`, a nie model domenowy aplikacji.
- * Mapowanie `KptMapLocation.data` → `KptMapPoi` robi aplikacja, dzięki czemu karta nie wie,
+ * Mapowanie `KptMapLocation.data` -> `KptMapPoi` robi aplikacja, dzięki czemu karta nie wie,
  * czy pokazuje ładowarkę, restaurację, czy punkt serwisowy.
  *
- * Sam popup trzeba przełączyć na `popupLayout="card"` — inaczej karta dostanie szerokość
+ * Sam popup trzeba przełączyć na `popupLayout="card"` - inaczej karta dostanie szerokość
  * i padding przeznaczone dla treści tekstowej.
  *
  * @example

package/dist/map/map-poi-card.js

@@ -9,14 +9,14 @@ import { KptButton } from "../button/button.js";
 import { KptIcon } from "../icon/icon.js";
 import { KptIconButton } from "../icon-button/icon-button.js";
 /**
- * Karta miejsca do popupu mapy — dystans, zdjęcie, akcje, kategoria, rozwijane godziny
+ * Karta miejsca do popupu mapy - dystans, zdjęcie, akcje, kategoria, rozwijane godziny
  * otwarcia i wiersze kontaktowe z kopiowaniem.
  *
  * Komponent jest sterowany danymi: bierze `KptMapPoi`, a nie model domenowy aplikacji.
- * Mapowanie `KptMapLocation.data` → `KptMapPoi` robi aplikacja, dzięki czemu karta nie wie,
+ * Mapowanie `KptMapLocation.data` -> `KptMapPoi` robi aplikacja, dzięki czemu karta nie wie,
  * czy pokazuje ładowarkę, restaurację, czy punkt serwisowy.
  *
- * Sam popup trzeba przełączyć na `popupLayout="card"` — inaczej karta dostanie szerokość
+ * Sam popup trzeba przełączyć na `popupLayout="card"` - inaczej karta dostanie szerokość
  * i padding przeznaczone dla treści tekstowej.
  *
  * @example
@@ -38,9 +38,9 @@ export function KptMapPoiCard({ poi, distance = null, category = null, primaryLa
         defaultValue: defaultHoursExpanded,
         onChange: onHoursExpandedChange,
     });
-    /** Rośnie przy każdym rozwinięciu godzin — karta bywa otwarta dłużej niż minutę. */
+    /** Rośnie przy każdym rozwinięciu godzin - karta bywa otwarta dłużej niż minutę. */
     const [now, setNow] = useState(() => Date.now());
-    /** Klucz wiersza, którego wartość właśnie skopiowano — przełącza ikonę na „check". */
+    /** Klucz wiersza, którego wartość właśnie skopiowano - przełącza ikonę na "check". */
     const [justCopied, setJustCopied] = useState(null);
     const copyTimer = useRef(null);
     /** Bez API schowka przycisk kopiowania w ogóle się nie renderuje. */
@@ -51,7 +51,7 @@ export function KptMapPoiCard({ poi, distance = null, category = null, primaryLa
     const open = isOpenAt(poi.hours, new Date(now));
     const hoursGroups = groupWeek(poi.hours, locale);
     const statusLabel = alwaysOpen ? t('map.poi.alwaysOpen') : t(open ? 'map.poi.openNow' : 'map.poi.closedNow');
-    /** Dopisek „otwarcie o 11:00" — nie ma go dla 24/7 ani gdy zmiana jest dalej niż doba. */
+    /** Dopisek "otwarcie o 11:00" - nie ma go dla 24/7 ani gdy zmiana jest dalej niż doba. */
     const statusHint = (() => {
         if (alwaysOpen || !hasHours)
             return null;
@@ -111,7 +111,7 @@ export function KptMapPoiCard({ poi, distance = null, category = null, primaryLa
             await navigator.clipboard.writeText(row.copyValue);
         }
         catch {
-            // Odmowa zgody albo brak bezpiecznego kontekstu — nie ma czego zgłaszać użytkownikowi.
+            // Odmowa zgody albo brak bezpiecznego kontekstu - nie ma czego zgłaszać użytkownikowi.
             return;
         }
         setJustCopied(row.kind);
@@ -146,8 +146,8 @@ export function KptMapPoiCard({ poi, distance = null, category = null, primaryLa
     };
     const distanceLabel = formatDistance(distance, locale);
     return (_jsxs("div", { className: cn('kpt-map-poi', className), ...rest, children: [_jsxs("header", { className: "kpt-map-poi__head", children: [_jsx("p", { className: "kpt-map-poi__title", role: "heading", "aria-level": 3, children: poi.title }), closable ? (_jsx(KptIconButton, { hostProps: { className: 'kpt-map-poi__close' }, variant: "text", size: "sm", "aria-label": t('common.close'), onClick: onClose, children: _jsx(KptIcon, { name: "x" }) })) : null] }), _jsxs("p", { className: "kpt-map-poi__meta", children: [distanceLabel ? _jsx("strong", { className: "kpt-map-poi__distance", children: distanceLabel }) : null, poi.address ? _jsx("span", { className: "kpt-map-poi__address", children: poi.address }) : null] }), _jsxs("div", { className: "kpt-map-poi__scroll", children: [_jsx("div", { className: "kpt-map-poi__media", children: poi.photo ? (_jsx("img", { className: "kpt-map-poi__photo", src: poi.photo, alt: poi.photoAlt ?? poi.title, loading: "lazy", decoding: "async" })) : (_jsx("div", { className: "kpt-map-poi__photo-empty", "aria-label": t('map.poi.noPhoto'), role: "img", children: _jsx(KptIcon, { name: "photo", size: "1.75rem" }) })) }), _jsxs("div", { className: "kpt-map-poi__actions", children: [primaryLabel ? (_jsx(KptButton, { hostProps: { className: 'kpt-map-poi__cta' }, size: "sm", fullWidth: true, onClick: () => onPrimaryAction?.(poi), children: primaryLabel })) : null, showShare ? (_jsx(KptIconButton, { variant: "outline", size: "sm", "aria-label": t('map.poi.share'), onClick: share, children: _jsx(KptIcon, { name: "share" }) })) : null, showFavourite ? (_jsx(KptIconButton, { hostProps: { className: 'kpt-map-poi__fav', 'data-on': isFavourite ? '' : undefined }, variant: "outline", size: "sm", "aria-pressed": isFavourite, "aria-label": t(isFavourite ? 'map.poi.removeFavourite' : 'map.poi.addFavourite'), onClick: () => setFavourite(!isFavourite), children: _jsx(KptIcon, { name: "star" }) })) : null] }), category ? (_jsxs("p", { className: "kpt-map-poi__category", style: { '--_kpt-poi-color': foregroundVarOf(category.color) }, children: [category.icon ? _jsx(KptIcon, { className: "kpt-map-poi__category-icon", name: category.icon }) : null, category.label] })) : null, hasHours ? (_jsxs("div", { className: "kpt-map-poi__hours", children: [_jsxs("button", { className: "kpt-map-poi__hours-toggle", type: "button", "aria-expanded": expanded, "aria-controls": hoursId, onClick: () => {
-                                    // Odświeżamy zegar przy rozwinięciu — karta bywa otwarta dłużej niż minutę.
+                                    // Odświeżamy zegar przy rozwinięciu - karta bywa otwarta dłużej niż minutę.
                                     setNow(Date.now());
                                     setExpanded(!expanded);
-                                }, children: [_jsx(KptIcon, { className: "kpt-map-poi__row-icon", name: "clock" }), _jsx("span", { className: "kpt-map-poi__status", "data-open": open || alwaysOpen, children: statusLabel }), statusHint ? _jsxs("span", { className: "kpt-map-poi__status-hint", children: ["\u00B7 ", statusHint] }) : null, _jsx(KptIcon, { className: "kpt-map-poi__chevron", name: "chevron-down" })] }), expanded ? (_jsx("dl", { className: "kpt-map-poi__week", id: hoursId, children: hoursGroups.map((group) => (_jsxs("div", { style: { display: 'contents' }, children: [_jsx("dt", { className: "kpt-map-poi__week-day", children: group.label }), _jsx("dd", { className: "kpt-map-poi__week-hours", children: group.closed ? (_jsx("span", { className: "kpt-map-poi__week-closed", children: t('map.poi.closedDay') })) : (group.ranges.map((range) => (_jsx("span", { className: "kpt-map-poi__week-range", children: range }, range)))) })] }, group.label))) })) : null] })) : null, rows.length || poi.facts?.length ? (_jsxs("ul", { className: "kpt-map-poi__rows", children: [rows.map((row) => (_jsxs("li", { className: "kpt-map-poi__row", children: [_jsx(KptIcon, { className: "kpt-map-poi__row-icon", name: row.icon }), row.href ? (_jsx("a", { className: "kpt-map-poi__row-value kpt-map-poi__row-link", href: row.href, target: row.external ? '_blank' : undefined, rel: row.external ? 'noopener noreferrer' : undefined, children: row.text })) : (_jsx("span", { className: "kpt-map-poi__row-value", children: row.text })), _jsxs("span", { className: "kpt-map-poi__row-actions", children: [row.href ? (_jsx("a", { className: "kpt-map-poi__row-action", href: row.href, target: row.external ? '_blank' : undefined, rel: row.external ? 'noopener noreferrer' : undefined, "aria-label": row.actionLabel, title: row.actionLabel, children: _jsx(KptIcon, { name: row.actionIcon }) })) : null, canCopy ? (_jsx("button", { className: "kpt-map-poi__row-action", type: "button", "aria-label": t('map.poi.copy'), title: t('map.poi.copy'), onClick: () => void copy(row), children: _jsx(KptIcon, { name: justCopied === row.kind ? 'check' : 'copy' }) })) : null] })] }, row.kind))), (poi.facts ?? []).map((fact) => (_jsxs("li", { className: "kpt-map-poi__row kpt-map-poi__row--fact", children: [fact.icon ? (_jsx(KptIcon, { className: "kpt-map-poi__row-icon", name: fact.icon })) : (_jsx("span", { className: "kpt-map-poi__row-icon", "aria-hidden": "true" })), _jsxs("span", { className: "kpt-map-poi__row-value", children: [_jsx("span", { className: "kpt-map-poi__fact-label", children: fact.label }), " ", fact.value] })] }, fact.label)))] })) : null, _jsx("p", { className: "kpt-map-poi__live", "aria-live": "polite", children: justCopied ? t('map.poi.copied') : '' })] })] }));
+                                }, children: [_jsx(KptIcon, { className: "kpt-map-poi__row-icon", name: "clock" }), _jsx("span", { className: "kpt-map-poi__status", "data-open": open || alwaysOpen, children: statusLabel }), statusHint ? _jsxs("span", { className: "kpt-map-poi__status-hint", children: [", ", statusHint] }) : null, _jsx(KptIcon, { className: "kpt-map-poi__chevron", name: "chevron-down" })] }), expanded ? (_jsx("dl", { className: "kpt-map-poi__week", id: hoursId, children: hoursGroups.map((group) => (_jsxs("div", { style: { display: 'contents' }, children: [_jsx("dt", { className: "kpt-map-poi__week-day", children: group.label }), _jsx("dd", { className: "kpt-map-poi__week-hours", children: group.closed ? (_jsx("span", { className: "kpt-map-poi__week-closed", children: t('map.poi.closedDay') })) : (group.ranges.map((range) => (_jsx("span", { className: "kpt-map-poi__week-range", children: range }, range)))) })] }, group.label))) })) : null] })) : null, rows.length || poi.facts?.length ? (_jsxs("ul", { className: "kpt-map-poi__rows", children: [rows.map((row) => (_jsxs("li", { className: "kpt-map-poi__row", children: [_jsx(KptIcon, { className: "kpt-map-poi__row-icon", name: row.icon }), row.href ? (_jsx("a", { className: "kpt-map-poi__row-value kpt-map-poi__row-link", href: row.href, target: row.external ? '_blank' : undefined, rel: row.external ? 'noopener noreferrer' : undefined, children: row.text })) : (_jsx("span", { className: "kpt-map-poi__row-value", children: row.text })), _jsxs("span", { className: "kpt-map-poi__row-actions", children: [row.href ? (_jsx("a", { className: "kpt-map-poi__row-action", href: row.href, target: row.external ? '_blank' : undefined, rel: row.external ? 'noopener noreferrer' : undefined, "aria-label": row.actionLabel, title: row.actionLabel, children: _jsx(KptIcon, { name: row.actionIcon }) })) : null, canCopy ? (_jsx("button", { className: "kpt-map-poi__row-action", type: "button", "aria-label": t('map.poi.copy'), title: t('map.poi.copy'), onClick: () => void copy(row), children: _jsx(KptIcon, { name: justCopied === row.kind ? 'check' : 'copy' }) })) : null] })] }, row.kind))), (poi.facts ?? []).map((fact) => (_jsxs("li", { className: "kpt-map-poi__row kpt-map-poi__row--fact", children: [fact.icon ? (_jsx(KptIcon, { className: "kpt-map-poi__row-icon", name: fact.icon })) : (_jsx("span", { className: "kpt-map-poi__row-icon", "aria-hidden": "true" })), _jsxs("span", { className: "kpt-map-poi__row-value", children: [_jsx("span", { className: "kpt-map-poi__fact-label", children: fact.label }), " ", fact.value] })] }, fact.label)))] })) : null, _jsx("p", { className: "kpt-map-poi__live", "aria-live": "polite", children: justCopied ? t('map.poi.copied') : '' })] })] }));
 }

package/dist/map/map-search.d.ts

@@ -1,6 +1,7 @@
 import type { KptMapBounds, KptMapSearchResult } from '@konce-pt/map';
 import { type ComponentPropsWithRef } from 'react';
 import { type KptI18nOverrides } from '../i18n/i18n-context.tsx';
+import { type KptSpeechColor } from '../speech/speech-button.tsx';
 import type { KptMapGeocoderPort } from './ports.ts';
 export interface KptMapSearchProps extends Omit<ComponentPropsWithRef<'div'>, 'children' | 'onSelect'>, KptI18nOverrides {
     /** Geokoder tego pola. Bez metody `search()` pole renderuje się wyłączone. */
@@ -13,25 +14,35 @@ export interface KptMapSearchProps extends Omit<ComponentPropsWithRef<'div'>, 'c
     debounce?: number;
     /** Ile podpowiedzi najwyżej. */
     limit?: number;
-    /** Zawężenie twarde do krajów (ISO 3166-1 alpha-2) — wyniki spoza nich nie wrócą. */
+    /** Zawężenie twarde do krajów (ISO 3166-1 alpha-2) - wyniki spoza nich nie wrócą. */
     countryCodes?: readonly string[] | null;
     /** Preferowany prostokąt wyników. Nie odcina reszty świata, tylko przesuwa ją niżej. */
     viewbox?: KptMapBounds | null;
     disabled?: boolean;
-    /** Wybrano miejsce — **zawsze ze współrzędnymi**. */
+    /**
+     * Mikrofon w polu (Web Speech API): kliknięcie czyści frazę, a jedna podyktowana wypowiedź
+     * staje się zapytaniem - z tym samym `debounce` i `minLength` co pisanie. Bez wsparcia
+     * przeglądarki się nie pokazuje.
+     */
+    speech?: boolean;
+    /** Język dyktowania (BCP 47); bez niego z `KptI18nProvider`. */
+    speechLang?: string;
+    /** Kolor "stop" i fali w trakcie nasłuchu; domyślnie kolor motywu. */
+    speechColor?: KptSpeechColor;
+    /** Wybrano miejsce - **zawsze ze współrzędnymi**. */
     onSelect?: (result: KptMapSearchResult) => void;
-    /** Pole wyczyszczone — rodzic sprząta po sobie (np. chowa tymczasową pinezkę). */
+    /** Pole wyczyszczone - rodzic sprząta po sobie (np. chowa tymczasową pinezkę). */
     onClear?: () => void;
 }
 /**
  * Wyszukiwarka adresów: pole z podpowiedziami z geokodera. Wynik wyboru leci w `onSelect`,
- * a co z nim zrobić — decyduje rodzic (`KptMap` przenosi na niego widok).
+ * a co z nim zrobić - decyduje rodzic (`KptMap` przenosi na niego widok).
  *
  * Świadomie **nie** stoi na `KptAutocomplete`: tamten filtruje opcje po stronie klienta (wyniki
  * geokodera, tolerancyjne na literówki, wypadałyby z listy), a jego wartością jest sam `string`
- * — nie ma czym przewieźć współrzędnych.
+ * - nie ma czym przewieźć współrzędnych.
  *
  * @example
  * <KptMapSearch geocoder={geocoder} viewbox={bounds} onSelect={goTo} />
  */
-export declare function KptMapSearch({ geocoder, placeholder, minLength, debounce, limit, countryCodes, viewbox, disabled, onSelect, onClear, locale: localeOverride, dictionary, className, ...rest }: Readonly<KptMapSearchProps>): import("react").JSX.Element;
+export declare function KptMapSearch({ geocoder, placeholder, minLength, debounce, limit, countryCodes, viewbox, disabled, speech, speechLang, speechColor, onSelect, onClear, locale: localeOverride, dictionary, className, ...rest }: Readonly<KptMapSearchProps>): import("react").JSX.Element;

package/dist/map/map-search.js

@@ -4,42 +4,45 @@ import { useEffect, useId, useMemo, useRef, useState } from 'react';
 import { cn } from "../internal/cn.js";
 import { useKptMessages } from "../i18n/i18n-context.js";
 import { KptIcon } from "../icon/icon.js";
+import { KptSpeechButton } from "../speech/speech-button.js";
 /**
  * Wyszukiwarka adresów: pole z podpowiedziami z geokodera. Wynik wyboru leci w `onSelect`,
- * a co z nim zrobić — decyduje rodzic (`KptMap` przenosi na niego widok).
+ * a co z nim zrobić - decyduje rodzic (`KptMap` przenosi na niego widok).
  *
  * Świadomie **nie** stoi na `KptAutocomplete`: tamten filtruje opcje po stronie klienta (wyniki
  * geokodera, tolerancyjne na literówki, wypadałyby z listy), a jego wartością jest sam `string`
- * — nie ma czym przewieźć współrzędnych.
+ * - nie ma czym przewieźć współrzędnych.
  *
  * @example
  * <KptMapSearch geocoder={geocoder} viewbox={bounds} onSelect={goTo} />
  */
-export function KptMapSearch({ geocoder = null, placeholder = '', minLength = 3, debounce = 300, limit = 5, countryCodes = null, viewbox = null, disabled = false, onSelect, onClear, locale: localeOverride, dictionary, className, ...rest }) {
+export function KptMapSearch({ geocoder = null, placeholder = '', minLength = 3, debounce = 300, limit = 5, countryCodes = null, viewbox = null, disabled = false, speech = false, speechLang, speechColor, onSelect, onClear, locale: localeOverride, dictionary, className, ...rest }) {
     const { t, locale } = useKptMessages({ locale: localeOverride, dictionary });
     const uid = useId();
     /** Tekst widoczny w polu. Wybór podpowiedzi wpisuje tu jego etykietę. */
     const [query, setQuery] = useState('');
     /**
      * Fraza do odpytania geokodera. Osobna od `query`, bo wybór podpowiedzi zmienia treść pola
-     * — a to nie może wywołać kolejnego zapytania o coś, co już znaleźliśmy.
+     * - a to nie może wywołać kolejnego zapytania o coś, co już znaleźliśmy.
      */
     const [term, setTerm] = useState('');
     const [results, setResults] = useState([]);
-    /** Trwa dociąganie współrzędnych wybranej podpowiedzi — inny moment niż czekanie na listę. */
+    /** Trwa dociąganie współrzędnych wybranej podpowiedzi - inny moment niż czekanie na listę. */
     const [resolving, setResolving] = useState(false);
-    /** Czy jakieś zapytanie już wróciło — bez tego „brak wyników" mignąłby przed pierwszym. */
+    /** Czy jakieś zapytanie już wróciło - bez tego "brak wyników" mignąłby przed pierwszym. */
     const [searched, setSearched] = useState(false);
     const [open, setOpen] = useState(false);
     const [activeIndex, setActiveIndex] = useState(-1);
-    /** Nie udało się ustalić miejsca wybranej podpowiedzi — komunikat zamiast cichej ciszy. */
+    /** Nie udało się ustalić miejsca wybranej podpowiedzi - komunikat zamiast cichej ciszy. */
     const [unresolved, setUnresolved] = useState(false);
-    /** Przerywacz dociągania w locie — kolejny wybór i czyszczenie pola go używają. */
+    /** Przerywacz dociągania w locie - kolejny wybór i czyszczenie pola go używają. */
     const pending = useRef(null);
+    /** Pole - cel dyktowania (`speech`). */
+    const inputRef = useRef(null);
     const canSearch = !!geocoder?.search;
     /*
      * Zapytanie do geokodera jako wartość: nowa tożsamość = nowe zapytanie. `viewbox` i `countryCodes`
-     * wchodzą jako klucze tekstowe — rodzic podaje je zwykle świeżą tablicą w każdym renderze, a to
+     * wchodzą jako klucze tekstowe - rodzic podaje je zwykle świeżą tablicą w każdym renderze, a to
      * restartowałoby odliczanie przy każdym ruchu mapy i zapytanie nigdy by nie wyszło.
      */
     const needle = term.trim();
@@ -62,7 +65,7 @@ export function KptMapSearch({ geocoder = null, placeholder = '', minLength = 3,
     /** Zapytanie, na które przyszła już odpowiedź (albo błąd). */
     const [settled, setSettled] = useState(null);
     const loading = request !== null && settled !== request;
-    // Fraza za krótka (albo brak geokodera) — lista i stan wracają do zera. W renderze, nie w efekcie,
+    // Fraza za krótka (albo brak geokodera) - lista i stan wracają do zera. W renderze, nie w efekcie,
     // żeby nie mignęła jedna klatka starych wyników.
     const [hadRequest, setHadRequest] = useState(request !== null);
     if (hadRequest !== (request !== null)) {
@@ -77,13 +80,13 @@ export function KptMapSearch({ geocoder = null, placeholder = '', minLength = 3,
     const tooShort = query.trim().length > 0 && query.trim().length < minLength;
     const hasPanel = open && (tooShort || busy || results.length > 0 || searched);
     // Odpytanie geokodera po odczekaniu `debounce` od ostatniego znaku. Sprzątanie kasuje
-    // zarówno niewystrzelony timer, jak i zapytanie w locie — adapter przerywa wtedy `fetch`.
+    // zarówno niewystrzelony timer, jak i zapytanie w locie - adapter przerywa wtedy `fetch`.
     useEffect(() => {
         if (!request)
             return;
         const { geocoder: port, needle: phrase, options } = request;
         const applyResults = (found) => {
-            // Podpowiedź bez współrzędnych ma sens tylko wtedy, gdy port umie ją uzupełnić —
+            // Podpowiedź bez współrzędnych ma sens tylko wtedy, gdy port umie ją uzupełnić -
             // pozycja, która nie ma dokąd polecieć, jest gorsza od jej braku.
             setResults(port.resolve ? found : found.filter((suggestion) => suggestion.at));
             setSettled(request);
@@ -126,11 +129,11 @@ export function KptMapSearch({ geocoder = null, placeholder = '', minLength = 3,
     })();
     /**
      * Wybór podpowiedzi. Dostawca, który podał współrzędne na liście, emituje natychmiast;
-     * podpowiedź bez `at` trzeba najpierw uzupełnić — jedno wywołanie `resolve()` na *wybór*,
+     * podpowiedź bez `at` trzeba najpierw uzupełnić - jedno wywołanie `resolve()` na *wybór*,
      * nigdy w trakcie pisania.
      */
     const pick = (suggestion) => {
-        // Etykieta wraca do pola, ale `term` zostaje — inaczej wybór odpaliłby kolejne zapytanie.
+        // Etykieta wraca do pola, ale `term` zostaje - inaczej wybór odpaliłby kolejne zapytanie.
         setQuery(suggestion.label);
         setActiveIndex(-1);
         setUnresolved(false);
@@ -195,14 +198,14 @@ export function KptMapSearch({ geocoder = null, placeholder = '', minLength = 3,
             case 'Enter': {
                 const result = results[activeIndex];
                 if (result) {
-                    // Pole bywa w formularzu aplikacji — Enter nie ma go wysyłać.
+                    // Pole bywa w formularzu aplikacji - Enter nie ma go wysyłać.
                     event.preventDefault();
                     pick(result);
                 }
                 break;
             }
             case 'Escape':
-                // Pierwszy Esc zamyka listę, drugi czyści pole — jak w polu wyszukiwania przeglądarki.
+                // Pierwszy Esc zamyka listę, drugi czyści pole - jak w polu wyszukiwania przeglądarki.
                 if (open)
                     setOpen(false);
                 else if (query)
@@ -213,12 +216,12 @@ export function KptMapSearch({ geocoder = null, placeholder = '', minLength = 3,
         }
     };
     const optionId = (index) => `${uid}-opt-${index}`;
-    return (_jsxs("div", { className: cn('kpt-map-search', className), ...rest, children: [_jsxs("div", { className: "kpt-map-search__field", children: [_jsx("span", { className: "kpt-map-search__icon", "aria-hidden": "true", children: _jsx(KptIcon, { name: "search" }) }), _jsx("input", { className: "kpt-map-search__input", type: "text", autoComplete: "off", autoCapitalize: "off", spellCheck: false, role: "combobox", "aria-autocomplete": "list", id: uid, value: query, placeholder: placeholder || t('map.search.placeholder'), disabled: disabled || !canSearch, "aria-label": t('map.search.label'), "aria-expanded": hasPanel, "aria-busy": busy || undefined, "aria-controls": hasPanel && results.length && !tooShort && !busy ? `${uid}-list` : undefined, "aria-activedescendant": activeIndex >= 0 ? optionId(activeIndex) : undefined, onChange: (event) => {
+    return (_jsxs("div", { className: cn('kpt-map-search', className), ...rest, children: [_jsxs("div", { className: "kpt-map-search__field", children: [_jsx("span", { className: "kpt-map-search__icon", "aria-hidden": "true", children: _jsx(KptIcon, { name: "search" }) }), _jsx("input", { ref: inputRef, className: "kpt-map-search__input", type: "text", autoComplete: "off", autoCapitalize: "off", spellCheck: false, role: "combobox", "aria-autocomplete": "list", id: uid, value: query, placeholder: placeholder || t('map.search.placeholder'), disabled: disabled || !canSearch, "aria-label": t('map.search.label'), "aria-expanded": hasPanel, "aria-busy": busy || undefined, "aria-controls": hasPanel && results.length && !tooShort && !busy ? `${uid}-list` : undefined, "aria-activedescendant": activeIndex >= 0 ? optionId(activeIndex) : undefined, onChange: (event) => {
                             setQuery(event.target.value);
                             setTerm(event.target.value);
                             setOpen(true);
                             setUnresolved(false);
-                        }, onFocus: () => setOpen(true), onBlur: () => setOpen(false), onKeyDown: onKeyDown }), query ? (_jsx("button", { className: "kpt-map-search__clear", type: "button", "aria-label": t('map.search.clear'), title: t('map.search.clear'), onClick: clear, children: _jsx(KptIcon, { name: "x" }) })) : null] }), hasPanel ? (_jsx("div", { className: "kpt-map-search__panel", id: `${uid}-panel`, children: tooShort ? (_jsx("p", { className: "kpt-map-search__note", children: t('map.search.minLength', { count: minLength }) })) : busy ? (_jsx("p", { className: "kpt-map-search__note", children: t('map.search.searching') })) : results.length ? (_jsx("ul", { className: "kpt-map-search__list", id: `${uid}-list`, role: "listbox", "aria-label": t('map.search.results'), children: results.map((result, index) => (_jsxs("li", { className: cn('kpt-map-search__option', index === activeIndex && 'is-active'), role: "option", id: optionId(index), "aria-selected": index === activeIndex, onMouseDown: (event) => {
+                        }, onFocus: () => setOpen(true), onBlur: () => setOpen(false), onKeyDown: onKeyDown }), query ? (_jsx("button", { className: "kpt-map-search__clear", type: "button", "aria-label": t('map.search.clear'), title: t('map.search.clear'), onClick: clear, children: _jsx(KptIcon, { name: "x" }) })) : null, speech ? (_jsx(KptSpeechButton, { listeningColor: speechColor, target: inputRef, lang: speechLang, mode: "replace", continuous: false, size: "sm", unsupported: "hide", disabled: disabled || !canSearch, hostProps: { className: 'kpt-map-search__speech' } })) : null] }), hasPanel ? (_jsx("div", { className: "kpt-map-search__panel", id: `${uid}-panel`, children: tooShort ? (_jsx("p", { className: "kpt-map-search__note", children: t('map.search.minLength', { count: minLength }) })) : busy ? (_jsx("p", { className: "kpt-map-search__note", children: t('map.search.searching') })) : results.length ? (_jsx("ul", { className: "kpt-map-search__list", id: `${uid}-list`, role: "listbox", "aria-label": t('map.search.results'), children: results.map((result, index) => (_jsxs("li", { className: cn('kpt-map-search__option', index === activeIndex && 'is-active'), role: "option", id: optionId(index), "aria-selected": index === activeIndex, onMouseDown: (event) => {
                             event.preventDefault();
                             pick(result);
                         }, onMouseEnter: () => setActiveIndex(index), children: [_jsx("span", { className: "kpt-map-search__pin", "aria-hidden": "true", children: _jsx(KptIcon, { name: "map-pin" }) }), _jsx("span", { className: "kpt-map-search__label", children: result.label })] }, result.id))) })) : (_jsx("p", { className: "kpt-map-search__note", children: t('map.search.noResults') })) })) : null, _jsx("p", { className: "kpt-map-search__status", "aria-live": "polite", children: status })] }));