@konce-pt/react 0.16.0 → 0.16.1

package/dist/i18n/i18n-context.js

@@ -15,8 +15,8 @@ const warnedKeys = new Set();
  * `translate` z ostrzeżeniem w buildzie deweloperskim, gdy klucza nie ma w żadnym słowniku -
  * inaczej literówka daje po cichu sam klucz zamiast tekstu.
  */
-function translateChecked(dict, key, params) {
-    const text = translate(dict, key, params);
+function translateChecked(dict, key, params, locale) {
+    const text = translate(dict, key, params, locale);
     if (text === key && isDevBuild() && !warnedKeys.has(key)) {
         warnedKeys.add(key);
         console.warn(`KptI18n: brak tłumaczenia dla klucza "${key}".`);
@@ -28,7 +28,7 @@ const FALLBACK = {
     setLocale: () => { },
     messages: KPT_MESSAGES_EN,
     messagesFor: () => KPT_MESSAGES_EN,
-    t: (key, params) => translateChecked(KPT_MESSAGES_EN, key, params),
+    t: (key, params) => translateChecked(KPT_MESSAGES_EN, key, params, 'en'),
 };
 const KptI18nContext = createContext(null);
 /**
@@ -55,7 +55,7 @@ export function KptI18nProvider({ locale = 'en', messages, children }) {
             setLocale: setCurrent,
             messages: active,
             messagesFor,
-            t: (key, params) => translateChecked(active, key, params),
+            t: (key, params) => translateChecked(active, key, params, current),
         };
     }, [current, messagesFor]);
     return _jsx(KptI18nContext.Provider, { value: value, children: children });
@@ -81,7 +81,7 @@ export function useKptMessages(overrides) {
             ...context,
             locale: effectiveLocale,
             messages: merged,
-            t: (key, params) => translateChecked(merged, key, params),
+            t: (key, params) => translateChecked(merged, key, params, effectiveLocale),
         };
     }, [context, locale, dictionary]);
 }

package/dist/popover/llms.txt

@@ -15,6 +15,8 @@ Import: `import { KptPopover } from '@konce-pt/react';`
 - `children`: ReactNode - the panel content
 - `open` / `defaultOpen` / `onOpenChange` - controlled or uncontrolled
 - `placement`: 'bottom' (default) | 'top' - the preferred side; it flips when there is no room
+- `maxWidth`: string - the panel's maximum width, any CSS length (`'24rem'`; default `20rem`). The panel is
+  never wider than the window minus the 8 px overlay margin
 - `className`, `ref` and every other `<span>` prop go to the host
 
 ## The panel is a portal

package/dist/popover/popover.d.ts

@@ -11,6 +11,11 @@ export interface KptPopoverProps extends Omit<ComponentPropsWithRef<'span'>, 'co
     placement?: 'bottom' | 'top';
     /** Nazwa panelu (`role="dialog"`) - okno bez nazwy czytnik ogłasza jako samo "okno dialogowe". */
     ariaLabel?: string;
+    /**
+     * Maksymalna szerokość panelu (dowolna długość CSS, np. `'24rem'`); brak = `20rem`.
+     * Panel i tak nie wyjdzie poza okno - ogranicza go szerokość okna minus margines nakładek.
+     */
+    maxWidth?: string;
 }
 /**
  * Popover - dowolna treść w dymku przypiętym do wyzwalacza (bogatszy niż tooltip).
@@ -28,4 +33,4 @@ export interface KptPopoverProps extends Omit<ComponentPropsWithRef<'span'>, 'co
  *   <div>Bogata treść popovera...</div>
  * </KptPopover>
  */
-export declare function KptPopover({ trigger, children, open, defaultOpen, onOpenChange, placement, ariaLabel, className, ...rest }: Readonly<KptPopoverProps>): import("react").JSX.Element;
+export declare function KptPopover({ trigger, children, open, defaultOpen, onOpenChange, placement, ariaLabel, maxWidth, className, ...rest }: Readonly<KptPopoverProps>): import("react").JSX.Element;

package/dist/popover/popover.js

@@ -23,7 +23,7 @@ const FOCUSABLE = 'a[href], button:not(:disabled), input:not(:disabled), select,
  *   <div>Bogata treść popovera...</div>
  * </KptPopover>
  */
-export function KptPopover({ trigger, children, open, defaultOpen = false, onOpenChange, placement = 'bottom', ariaLabel = '', className, ...rest }) {
+export function KptPopover({ trigger, children, open, defaultOpen = false, onOpenChange, placement = 'bottom', ariaLabel = '', maxWidth, className, ...rest }) {
     const triggerRef = useRef(null);
     /** Kotwica panelu - w stanie, bo czyta ją render; ref zostaje dla handlerów. */
     const [anchor, setAnchor] = useState(null);
@@ -65,5 +65,5 @@ export function KptPopover({ trigger, children, open, defaultOpen = false, onOpe
             findControl()?.focus();
         setOpen(false);
     }, [setOpen]);
-    return (_jsxs("span", { className: cn('kpt-popover-host', className), ...rest, children: [_jsx("span", { className: "kpt-popover__trigger", ref: setTrigger, onClick: () => setOpen(!isOpen), children: trigger }), _jsx(KptOverlay, { open: isOpen, anchor: anchor, onClose: close, offset: 6, preferAbove: placement === 'top', children: _jsx("div", { ref: panelRef, id: panelId, className: "kpt-popover__panel", role: "dialog", "aria-label": ariaLabel || undefined, children: children }) })] }));
+    return (_jsxs("span", { className: cn('kpt-popover-host', className), ...rest, children: [_jsx("span", { className: "kpt-popover__trigger", ref: setTrigger, onClick: () => setOpen(!isOpen), children: trigger }), _jsx(KptOverlay, { open: isOpen, anchor: anchor, onClose: close, offset: 6, preferAbove: placement === 'top', children: _jsx("div", { ref: panelRef, id: panelId, className: "kpt-popover__panel", role: "dialog", "aria-label": ariaLabel || undefined, style: maxWidth ? { '--_max-width': maxWidth } : undefined, children: children }) })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@konce-pt/react",
-  "version": "0.16.0",
+  "version": "0.16.1",
   "description": "Open-source React 19 component library on the Koncept UI design system - the same kpt-* CSS layer and --kpt-* tokens as the Angular port. Zero runtime dependencies.",
   "license": "MIT",
   "author": "konce.pt",
@@ -65,19 +65,19 @@
     "leaflet": "^1.9.0"
   },
   "dependencies": {
-    "@konce-pt/chart": "0.16.0",
-    "@konce-pt/icons": "0.16.0",
-    "@konce-pt/chat": "0.16.0",
-    "@konce-pt/datetime": "0.16.0",
-    "@konce-pt/roadmap": "0.16.0",
-    "@konce-pt/speech": "0.16.0",
-    "@konce-pt/table": "0.16.0",
-    "@konce-pt/backdrop": "0.16.0",
-    "@konce-pt/map": "0.16.0",
-    "@konce-pt/motion": "0.16.0",
-    "@konce-pt/tokens": "0.16.0",
-    "@konce-pt/i18n": "0.16.0",
-    "@konce-pt/mention": "0.16.0"
+    "@konce-pt/backdrop": "0.16.1",
+    "@konce-pt/datetime": "0.16.1",
+    "@konce-pt/chart": "0.16.1",
+    "@konce-pt/mention": "0.16.1",
+    "@konce-pt/icons": "0.16.1",
+    "@konce-pt/roadmap": "0.16.1",
+    "@konce-pt/chat": "0.16.1",
+    "@konce-pt/tokens": "0.16.1",
+    "@konce-pt/i18n": "0.16.1",
+    "@konce-pt/speech": "0.16.1",
+    "@konce-pt/motion": "0.16.1",
+    "@konce-pt/table": "0.16.1",
+    "@konce-pt/map": "0.16.1"
   },
   "devDependencies": {
     "@types/react": "^19.2.0",