nucleus-core-ts 0.9.913 → 0.9.915

package/dist/.build-ok

@@ -1 +1 @@
-0.9.913
+0.9.915

package/dist/fe/components/ChatPanel/components/ChatPanel.js

@@ -46,11 +46,11 @@ export function ChatPanel(props) {
         }).then((res)=>res.json()).then((data)=>{
             if (data?.data) {
                 store.addMessage(data.data);
-                store.bumpConversationPreview(conversationId, data.data.content ?? 'Attachment', data.data.createdAt);
+                store.bumpConversationPreview(conversationId, data.data.content ?? say.attachmentPreview, data.data.createdAt);
             }
             store.setSending(false);
         }).catch(()=>{
-            store.setError('Failed to upload attachment');
+            store.setError(say.uploadFailed);
             store.setSending(false);
         });
     };
@@ -65,7 +65,7 @@ export function ChatPanel(props) {
                         children: [
                             /*#__PURE__*/ _jsx("span", {
                                 className: theme.sidebar.title,
-                                children: props.title ?? 'Messages'
+                                children: props.title ?? say.panelTitle
                             }),
                             (props.directory || props.onNewConversation) && /*#__PURE__*/ _jsx("button", {
                                 type: "button",
@@ -79,7 +79,7 @@ export function ChatPanel(props) {
                                     stroke: "currentColor",
                                     children: [
                                         /*#__PURE__*/ _jsx("title", {
-                                            children: "New"
+                                            children: say.newConversationIconTitle
                                         }),
                                         /*#__PURE__*/ _jsx("path", {
                                             strokeLinecap: "round",

package/dist/fe/components/ChatPanel/components/ConversationList.js

@@ -23,7 +23,7 @@ export function ConversationList({ conversations, activeId, currentUserId, isLoa
     return /*#__PURE__*/ _jsx("div", {
         className: theme.sidebar.list,
         children: conversations.map((conversation)=>{
-            const title = conversationTitle(conversation, currentUserId, resolveUserName);
+            const title = conversationTitle(conversation, currentUserId, say, resolveUserName);
             const unread = conversation.myParticipant?.unreadCount ?? conversation.unreadCount;
             const otherId = otherParticipantId(conversation, currentUserId);
             const avatarUrl = conversation.avatarUrl ?? (otherId ? resolveUserAvatar?.(otherId) : undefined);
@@ -52,7 +52,7 @@ export function ConversationList({ conversations, activeId, currentUserId, isLoa
                                     }),
                                     /*#__PURE__*/ _jsx("span", {
                                         className: theme.conversation.time,
-                                        children: formatRelativeTime(conversation.lastMessageAt)
+                                        children: formatRelativeTime(conversation.lastMessageAt, say)
                                     })
                                 ]
                             }),
@@ -61,7 +61,7 @@ export function ConversationList({ conversations, activeId, currentUserId, isLoa
                                 children: [
                                     /*#__PURE__*/ _jsx("span", {
                                         className: theme.conversation.preview,
-                                        children: conversation.lastMessagePreview || 'No messages yet'
+                                        children: conversation.lastMessagePreview || say.noMessagesPreview
                                     }),
                                     unread > 0 && /*#__PURE__*/ _jsx("span", {
                                         className: theme.conversation.badge,

package/dist/fe/components/ChatPanel/components/MessageComposer.js

@@ -103,7 +103,7 @@ export function MessageComposer({ theme, value, disabled, uploadEnabled, onChang
                         className: theme.composer.sendButton,
                         disabled: !canSend,
                         onClick: submit,
-                        children: "Send"
+                        children: say.send
                     })
                 ]
             })

package/dist/fe/components/ChatPanel/components/MessageThread.js

@@ -4,20 +4,20 @@ import { useEffect, useRef } from 'react';
 import { cn } from '../../../utils/cn';
 import { conversationTitle, formatClockTime } from '../helpers';
 import { DEFAULT_CHAT_LABELS } from '../labels';
-function Attachments({ message, theme }) {
+function Attachments({ message, theme, say }) {
     if (message.attachments.length === 0) return null;
     return /*#__PURE__*/ _jsx("span", {
         className: theme.attachment.grid,
         children: message.attachments.map((attachment)=>attachment.kind === 'image' ? /*#__PURE__*/ _jsx("img", {
                 src: attachment.url,
-                alt: attachment.originalName ?? 'image',
+                alt: attachment.originalName ?? say.imageAttachment,
                 className: theme.attachment.image
             }, attachment.id) : /*#__PURE__*/ _jsx("a", {
                 href: attachment.url,
                 target: "_blank",
                 rel: "noreferrer",
                 className: theme.attachment.file,
-                children: attachment.originalName ?? 'Download file'
+                children: attachment.originalName ?? say.downloadFile
             }, attachment.id))
     });
 }
@@ -40,16 +40,19 @@ export function MessageThread({ conversation, messages, currentUserId, typing, h
             children: say.selectConversation
         });
     }
-    const title = conversationTitle(conversation, currentUserId, resolveUserName);
+    const title = conversationTitle(conversation, currentUserId, say, resolveUserName);
     const activeParticipants = conversation.participants.filter((p)=>!p.leftAt);
-    const subtitle = conversation.type === 'group' ? `${activeParticipants.length} participants` : undefined;
+    const subtitle = conversation.type === 'group' ? say.participantCount(activeParticipants.length) : undefined;
     const otherReaders = conversation.participants.filter((p)=>p.userId !== currentUserId && !p.leftAt);
     const isReadByOthers = (message)=>{
         const created = Date.parse(message.createdAt);
         return otherReaders.some((p)=>p.lastReadAt != null && Date.parse(p.lastReadAt) >= created);
     };
     const typingUsers = typing.filter((t)=>t.conversationId === conversation.id && Date.now() - t.at < 6000);
-    const typingLabel = typingUsers.length === 1 ? `${resolveUserName?.(typingUsers[0]?.userId ?? '') ?? 'Someone'} is typing` : 'Several people are typing';
+    // The whole sentence comes from one label, ellipsis included. Building it as
+    // `${name} is typing` + '...' would leave "is typing" untranslatable, and in
+    // Turkish the verb goes after the name anyway.
+    const typingLabel = typingUsers.length === 1 ? say.typingOne(resolveUserName?.(typingUsers[0]?.userId ?? '') ?? say.someone) : say.typingMany;
     return /*#__PURE__*/ _jsxs("div", {
         className: theme.thread.base,
         children: [
@@ -76,7 +79,7 @@ export function MessageThread({ conversation, messages, currentUserId, typing, h
                         type: "button",
                         className: theme.thread.loadMore,
                         onClick: onLoadOlder,
-                        children: isLoading ? 'Loading...' : 'Load earlier messages'
+                        children: isLoading ? say.loadingMessages : say.loadEarlier
                     }),
                     messages.length === 0 && !isLoading ? /*#__PURE__*/ _jsx("div", {
                         className: theme.thread.empty,
@@ -90,7 +93,7 @@ export function MessageThread({ conversation, messages, currentUserId, typing, h
                                 children: [
                                     conversation.type === 'group' && !own && message.senderId && /*#__PURE__*/ _jsx("div", {
                                         className: theme.message.sender,
-                                        children: resolveUserName?.(message.senderId) ?? 'User'
+                                        children: resolveUserName?.(message.senderId) ?? say.unknownSender
                                     }),
                                     message.deletedAt ? /*#__PURE__*/ _jsx("span", {
                                         className: theme.message.deleted,
@@ -102,7 +105,8 @@ export function MessageThread({ conversation, messages, currentUserId, typing, h
                                             }),
                                             /*#__PURE__*/ _jsx(Attachments, {
                                                 message: message,
-                                                theme: theme
+                                                theme: theme,
+                                                say: say
                                             })
                                         ]
                                     }),
@@ -110,15 +114,15 @@ export function MessageThread({ conversation, messages, currentUserId, typing, h
                                         className: theme.message.meta,
                                         children: [
                                             /*#__PURE__*/ _jsx("span", {
-                                                children: formatClockTime(message.createdAt)
+                                                children: formatClockTime(message.createdAt, say)
                                             }),
                                             message.editedAt && /*#__PURE__*/ _jsx("span", {
                                                 className: theme.message.edited,
-                                                children: "· edited"
+                                                children: say.edited
                                             }),
                                             own && !message.deletedAt && /*#__PURE__*/ _jsx("span", {
                                                 className: cn(theme.message.receipt, isReadByOthers(message) && theme.message.receiptRead),
-                                                title: isReadByOthers(message) ? 'Görüldü' : 'Gönderildi',
+                                                title: isReadByOthers(message) ? say.receiptRead : say.receiptSent,
                                                 children: isReadByOthers(message) ? '✓✓' : '✓'
                                             })
                                         ]
@@ -129,12 +133,9 @@ export function MessageThread({ conversation, messages, currentUserId, typing, h
                     })
                 ]
             }),
-            typingUsers.length > 0 && /*#__PURE__*/ _jsxs("div", {
+            typingUsers.length > 0 && /*#__PURE__*/ _jsx("div", {
                 className: theme.typing,
-                children: [
-                    typingLabel,
-                    "..."
-                ]
+                children: typingLabel
             })
         ]
     });

package/dist/fe/components/ChatPanel/helpers.d.ts

@@ -1,6 +1,26 @@
+import type { ChatPanelLabels } from './labels';
 import type { ChatConversationDTO } from './types';
 export declare function otherParticipantId(conversation: ChatConversationDTO, currentUserId: string): string | null;
-export declare function conversationTitle(conversation: ChatConversationDTO, currentUserId: string, resolveUserName?: (userId: string) => string | undefined): string;
+export declare function conversationTitle(conversation: ChatConversationDTO, currentUserId: string, labels: ChatPanelLabels, resolveUserName?: (userId: string) => string | undefined): string;
 export declare function initialsOf(name: string): string;
-export declare function formatRelativeTime(iso: string | null): string;
-export declare function formatClockTime(iso: string): string;
+/**
+ * The age of a message, in the panel's own words.
+ *
+ * The units used to be English letters written into the source (`5m`, `3h`,
+ * `2d`), which no installation could change, and the fallback past a week was a
+ * bare `toLocaleDateString()` — no locale, so the string came out in the
+ * SERVER's locale during the server render and the BROWSER's after hydration.
+ * The same row rendered twice, differently, and React tore. Both halves now
+ * come from the labels: the units as functions of the number, the date under
+ * the named `locale`.
+ */
+export declare function formatRelativeTime(iso: string | null, labels: ChatPanelLabels): string;
+/**
+ * The clock beneath a message.
+ *
+ * `hour12` is pinned as well as the locale: left to the environment, a locale
+ * that prints "2:32 PM" on one machine prints "14:32" on the other, which is
+ * the same hydration tear by a different route. A 24-hour clock is the one both
+ * ends can agree on without asking anybody.
+ */
+export declare function formatClockTime(iso: string, labels: ChatPanelLabels): string;

package/dist/fe/components/ChatPanel/helpers.js

@@ -3,33 +3,51 @@ export function otherParticipantId(conversation, currentUserId) {
     const other = conversation.participants.find((p)=>p.userId !== currentUserId);
     return other?.userId ?? null;
 }
-export function conversationTitle(conversation, currentUserId, resolveUserName) {
-    if (conversation.type === 'group') return conversation.title || 'Group chat';
+export function conversationTitle(conversation, currentUserId, labels, resolveUserName) {
+    if (conversation.type === 'group') return conversation.title || labels.groupChat;
     const otherId = otherParticipantId(conversation, currentUserId);
-    if (otherId) return resolveUserName?.(otherId) || 'Direct message';
-    return conversation.title || 'Direct message';
+    if (otherId) return resolveUserName?.(otherId) || labels.directMessage;
+    return conversation.title || labels.directMessage;
 }
 export function initialsOf(name) {
     const parts = name.trim().split(/\s+/).slice(0, 2);
     const initials = parts.map((p)=>p[0]?.toUpperCase() ?? '').join('');
     return initials || '?';
 }
-export function formatRelativeTime(iso) {
+/**
+ * The age of a message, in the panel's own words.
+ *
+ * The units used to be English letters written into the source (`5m`, `3h`,
+ * `2d`), which no installation could change, and the fallback past a week was a
+ * bare `toLocaleDateString()` — no locale, so the string came out in the
+ * SERVER's locale during the server render and the BROWSER's after hydration.
+ * The same row rendered twice, differently, and React tore. Both halves now
+ * come from the labels: the units as functions of the number, the date under
+ * the named `locale`.
+ */ export function formatRelativeTime(iso, labels) {
     if (!iso) return '';
     const date = new Date(iso);
     const diffMs = Date.now() - date.getTime();
     const mins = Math.floor(diffMs / 60000);
     const hours = Math.floor(diffMs / 3600000);
     const days = Math.floor(diffMs / 86400000);
-    if (mins < 1) return 'now';
-    if (mins < 60) return `${mins}m`;
-    if (hours < 24) return `${hours}h`;
-    if (days < 7) return `${days}d`;
-    return date.toLocaleDateString();
+    if (mins < 1) return labels.justNow;
+    if (mins < 60) return labels.minutesAgo(mins);
+    if (hours < 24) return labels.hoursAgo(hours);
+    if (days < 7) return labels.daysAgo(days);
+    return date.toLocaleDateString(labels.locale);
 }
-export function formatClockTime(iso) {
-    return new Date(iso).toLocaleTimeString([], {
+/**
+ * The clock beneath a message.
+ *
+ * `hour12` is pinned as well as the locale: left to the environment, a locale
+ * that prints "2:32 PM" on one machine prints "14:32" on the other, which is
+ * the same hydration tear by a different route. A 24-hour clock is the one both
+ * ends can agree on without asking anybody.
+ */ export function formatClockTime(iso, labels) {
+    return new Date(iso).toLocaleTimeString(labels.locale, {
         hour: '2-digit',
-        minute: '2-digit'
+        minute: '2-digit',
+        hour12: false
     });
 }

package/dist/fe/components/ChatPanel/hooks/useChat.js

@@ -1,23 +1,28 @@
 'use client';
 import { useEffect, useEffectEvent, useRef } from 'react';
 import { usePubSub } from '../../../../src/Client/PubSub';
+import { DEFAULT_CHAT_LABELS } from '../labels';
 import { useChatStore } from '../store';
 const TYPING_THROTTLE_MS = 2500;
-function errMsg(error) {
-    return error instanceof Error ? error.message : 'Something went wrong';
+function errMsg(error, fallback) {
+    return error instanceof Error ? error.message : fallback;
 }
-function previewFor(message) {
+function previewFor(message, say) {
     if (message.content?.trim()) {
         const trimmed = message.content.trim();
         return trimmed.length > 120 ? `${trimmed.slice(0, 117)}...` : trimmed;
     }
     if (message.attachments.length > 0) {
-        return message.attachments.length > 1 ? `${message.attachments.length} attachments` : 'Attachment';
+        return message.attachments.length > 1 ? say.attachmentsPreview(message.attachments.length) : say.attachmentPreview;
     }
     return '';
 }
 export function useChat(props) {
     const { currentUserId, actions, topic = 'chat', wsUrl, wsPath } = props;
+    const say = {
+        ...DEFAULT_CHAT_LABELS,
+        ...props.labels
+    };
     const store = useChatStore();
     const lastSeenEventIdRef = useRef(null);
     const eventsInitializedRef = useRef(false);
@@ -43,7 +48,7 @@ export function useChat(props) {
                 store.setLoadingConversations(false);
             },
             onErrorHandle: (error)=>{
-                store.setError(errMsg(error));
+                store.setError(errMsg(error, say.genericError));
                 store.setLoadingConversations(false);
             }
         });
@@ -89,7 +94,7 @@ export function useChat(props) {
                 markReadNow(conversationId);
             },
             onErrorHandle: (error)=>{
-                store.setError(errMsg(error));
+                store.setError(errMsg(error, say.genericError));
                 store.setLoadingMessages(false);
             }
         });
@@ -151,12 +156,12 @@ export function useChat(props) {
             onAfterHandle: (data)=>{
                 if (data?.data) {
                     store.addMessage(data.data);
-                    store.bumpConversationPreview(active, previewFor(data.data), data.data.createdAt);
+                    store.bumpConversationPreview(active, previewFor(data.data, say), data.data.createdAt);
                 }
                 store.setSending(false);
             },
             onErrorHandle: (error)=>{
-                store.setError(errMsg(error));
+                store.setError(errMsg(error, say.genericError));
                 store.setSending(false);
             }
         });
@@ -188,7 +193,7 @@ export function useChat(props) {
                     openConversation(data.data.id);
                 }
             },
-            onErrorHandle: (error)=>store.setError(errMsg(error))
+            onErrorHandle: (error)=>store.setError(errMsg(error, say.genericError))
         });
     });
     const createGroup = useEffectEvent((title, participantIds)=>{
@@ -204,7 +209,7 @@ export function useChat(props) {
                     openConversation(data.data.id);
                 }
             },
-            onErrorHandle: (error)=>store.setError(errMsg(error))
+            onErrorHandle: (error)=>store.setError(errMsg(error, say.genericError))
         });
     });
     const handleRealtime = useEffectEvent((payload)=>{
@@ -215,7 +220,7 @@ export function useChat(props) {
                     const message = payload.message;
                     const conversationId = payload.conversationId;
                     if (!message || !conversationId) return;
-                    store.bumpConversationPreview(conversationId, previewFor(message), message.createdAt);
+                    store.bumpConversationPreview(conversationId, previewFor(message, say), message.createdAt);
                     store.clearTyping(conversationId, message.senderId ?? '');
                     if (conversationId === active) {
                         store.addMessage(message);

package/dist/fe/components/ChatPanel/labels.d.ts

@@ -9,6 +9,11 @@
  * each other.
  *
  * Defaults stay English, so nothing that does not pass labels changes.
+ *
+ * Anything that interpolates a value is a FUNCTION of that value, never a
+ * translated fragment glued to an untranslated one: "3 participants" is
+ * "3 katılımcı" in Turkish but "typing" moves to the end of its sentence, and
+ * a concatenation would produce a sentence in neither language.
  */
 export type ChatPanelLabels = {
     /** While the conversation list is still arriving. */
@@ -36,5 +41,69 @@ export type ChatPanelLabels = {
     newMessageTitle: string;
     searchPeople: string;
     noPeopleFound: string;
+    /** The sidebar heading, when the consumer passes no `title` prop. */
+    panelTitle: string;
+    /** The accessible name of the plus icon inside the "new conversation" button. */
+    newConversationIconTitle: string;
+    /** The send button. */
+    send: string;
+    /** A conversation row whose last message does not exist yet. */
+    noMessagesPreview: string;
+    /** A group with no title of its own. */
+    groupChat: string;
+    /** A one-to-one conversation whose other person cannot be named. */
+    directMessage: string;
+    /** A sender whose name the host could not resolve. */
+    unknownSender: string;
+    /** The group thread's subtitle. */
+    participantCount: (count: number) => string;
+    /** The load-older button, while the page is in flight. */
+    loadingMessages: string;
+    /** The load-older button, at rest. */
+    loadEarlier: string;
+    /** One named person is typing. Carries its own trailing ellipsis. */
+    typingOne: (name: string) => string;
+    /** More than one person is typing. Carries its own trailing ellipsis. */
+    typingMany: string;
+    /** Stands in for a typist whose name the host could not resolve. */
+    someone: string;
+    /** Marks a message its sender changed after sending. */
+    edited: string;
+    /** The delivery tick's tooltip, once somebody else has read the message. */
+    receiptRead: string;
+    /** The delivery tick's tooltip, before anybody has read it. */
+    receiptSent: string;
+    /** Alt text for an image attachment that arrived without a file name. */
+    imageAttachment: string;
+    /** The link on a non-image attachment that arrived without a file name. */
+    downloadFile: string;
+    /** A conversation row previewing a message that is only a file. */
+    attachmentPreview: string;
+    /** A conversation row previewing a message that is only files. */
+    attachmentsPreview: (count: number) => string;
+    /** Shown when an attachment upload fails. */
+    uploadFailed: string;
+    /** Shown when a request fails without saying why. */
+    genericError: string;
+    /**
+     * The relative stamps on conversation rows. Kept short on purpose — they sit
+     * in a column beside a name that must not be pushed out of the row.
+     */
+    justNow: string;
+    minutesAgo: (minutes: number) => string;
+    hoursAgo: (hours: number) => string;
+    daysAgo: (days: number) => string;
+    /**
+     * The BCP-47 tag the panel formats dates and clock times with.
+     *
+     * It is a label rather than a guess because the guess tore: calling
+     * `toLocaleDateString()` with no argument reads the SERVER's locale while the
+     * page renders on the server and the BROWSER's once React takes over, so one
+     * message produced two different strings and hydration mismatched. Naming the
+     * locale makes both passes agree. Clock times are additionally forced to
+     * `hour12: false` for the same reason — whether a locale prints "14:32" or
+     * "2:32 PM" must not depend on which machine did the printing.
+     */
+    locale: string;
 };
 export declare const DEFAULT_CHAT_LABELS: ChatPanelLabels;

package/dist/fe/components/ChatPanel/labels.js

@@ -9,6 +9,11 @@
  * each other.
  *
  * Defaults stay English, so nothing that does not pass labels changes.
+ *
+ * Anything that interpolates a value is a FUNCTION of that value, never a
+ * translated fragment glued to an untranslated one: "3 participants" is
+ * "3 katılımcı" in Turkish but "typing" moves to the end of its sentence, and
+ * a concatenation would produce a sentence in neither language.
  */ export const DEFAULT_CHAT_LABELS = {
     loadingConversations: 'Loading conversations...',
     noConversations: 'No conversations yet',
@@ -23,5 +28,32 @@
     close: 'Close',
     newMessageTitle: 'New message',
     searchPeople: 'Search people...',
-    noPeopleFound: 'No people found'
+    noPeopleFound: 'No people found',
+    panelTitle: 'Messages',
+    newConversationIconTitle: 'New',
+    send: 'Send',
+    noMessagesPreview: 'No messages yet',
+    groupChat: 'Group chat',
+    directMessage: 'Direct message',
+    unknownSender: 'User',
+    participantCount: (count)=>`${count} participants`,
+    loadingMessages: 'Loading...',
+    loadEarlier: 'Load earlier messages',
+    typingOne: (name)=>`${name} is typing...`,
+    typingMany: 'Several people are typing...',
+    someone: 'Someone',
+    edited: '· edited',
+    receiptRead: 'Read',
+    receiptSent: 'Sent',
+    imageAttachment: 'Image',
+    downloadFile: 'Download file',
+    attachmentPreview: 'Attachment',
+    attachmentsPreview: (count)=>`${count} attachments`,
+    uploadFailed: 'Failed to upload attachment',
+    genericError: 'Something went wrong',
+    justNow: 'now',
+    minutesAgo: (minutes)=>`${minutes}m`,
+    hoursAgo: (hours)=>`${hours}h`,
+    daysAgo: (days)=>`${days}d`,
+    locale: 'en-US'
 };

package/dist/fe/components/NucleusTextInput/components/NucleusTextInput.d.ts

@@ -1,2 +1,2 @@
 import type { NucleusTextInputProps } from '../types';
-export declare function NucleusTextInput<T extends string = string>({ value, onChange, type, label, placeholder, helperText, errorMessage, disabled, readOnly, leftIcon, rightIcon, size, fullWidth, className, inputClassName, labelClassName, wrapperClassName, showTypewriterError, showTypeIcon, showValidationIcon, enableValidation, validateOnBlur, validateOnChange, validationConfig, customValidator, onValidationChange, unit, unitPosition, formatNumber, thousandSeparator, phoneFormat, isNewPassword, maxInputLength, confirmValue, onConfirmChange, showPasswordStrength, preventCopy, preventPaste, preventContextMenu, trimOnBlur, onFocus, onBlur, ...restProps }: NucleusTextInputProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function NucleusTextInput<T extends string = string>({ value, onChange, type, label, placeholder, helperText, errorMessage, disabled, readOnly, leftIcon, rightIcon, size, fullWidth, className, inputClassName, labelClassName, wrapperClassName, showTypewriterError, showTypeIcon, showValidationIcon, enableValidation, validateOnBlur, validateOnChange, validationConfig, customValidator, onValidationChange, unit, unitPosition, formatNumber, thousandSeparator, phoneFormat, isNewPassword, maxInputLength, confirmValue, onConfirmChange, showPasswordStrength, passwordStrengthWords, preventCopy, preventPaste, preventContextMenu, trimOnBlur, onFocus, onBlur, ...restProps }: NucleusTextInputProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/fe/components/NucleusTextInput/components/NucleusTextInput.js

@@ -20,7 +20,7 @@ const TYPE_ICONS = {
     tel: /*#__PURE__*/ _jsx(PhoneIcon, {}),
     url: /*#__PURE__*/ _jsx(LinkIcon, {})
 };
-export function NucleusTextInput({ value = '', onChange, type = 'text', label, placeholder, helperText, errorMessage, disabled = false, readOnly = false, leftIcon, rightIcon, size = 'md', fullWidth = true, className, inputClassName, labelClassName, wrapperClassName, showTypewriterError = true, showTypeIcon = true, showValidationIcon = true, enableValidation = true, validateOnBlur = true, validateOnChange = false, validationConfig, customValidator, onValidationChange, unit, unitPosition = 'suffix', formatNumber = false, thousandSeparator = ' ', phoneFormat = 'tr', isNewPassword = false, maxInputLength, confirmValue, onConfirmChange, showPasswordStrength = false, preventCopy = false, preventPaste = false, preventContextMenu = false, trimOnBlur = false, onFocus, onBlur, ...restProps }) {
+export function NucleusTextInput({ value = '', onChange, type = 'text', label, placeholder, helperText, errorMessage, disabled = false, readOnly = false, leftIcon, rightIcon, size = 'md', fullWidth = true, className, inputClassName, labelClassName, wrapperClassName, showTypewriterError = true, showTypeIcon = true, showValidationIcon = true, enableValidation = true, validateOnBlur = true, validateOnChange = false, validationConfig, customValidator, onValidationChange, unit, unitPosition = 'suffix', formatNumber = false, thousandSeparator = ' ', phoneFormat = 'tr', isNewPassword = false, maxInputLength, confirmValue, onConfirmChange, showPasswordStrength = false, passwordStrengthWords, preventCopy = false, preventPaste = false, preventContextMenu = false, trimOnBlur = false, onFocus, onBlur, ...restProps }) {
     const [isFocused, setIsFocused] = useState(false);
     const [isHovered, setIsHovered] = useState(false);
     const [showPassword, setShowPassword] = useState(false);
@@ -314,7 +314,8 @@ export function NucleusTextInput({ value = '', onChange, type = 'text', label, p
                 }) : null
             }),
             type === 'password' && showPasswordStrength && value && /*#__PURE__*/ _jsx(PasswordStrengthIndicator, {
-                password: value
+                password: value,
+                words: passwordStrengthWords
             })
         ]
     });

package/dist/fe/components/NucleusTextInput/components/PasswordStrengthIndicator.d.ts

@@ -1,6 +1,23 @@
+/**
+ * The four words this meter says, so a portal can say them in its own language.
+ *
+ * They were literals — "Weak", "Fair", "Good", "Strong" — printed under the
+ * password box on the screen every employee meets when they set a password. The
+ * page around it was already translatable; this one component underneath was
+ * not, so a Turkish install showed a Turkish label, a Turkish hint, and an
+ * English verdict between them.
+ */
+export type PasswordStrengthWords = {
+    weak: string;
+    fair: string;
+    good: string;
+    strong: string;
+};
 interface PasswordStrengthIndicatorProps {
     password: string;
     className?: string;
+    /** Omit to keep the English defaults, so no existing caller changes. */
+    words?: Partial<PasswordStrengthWords>;
 }
 type StrengthLevel = 'weak' | 'fair' | 'good' | 'strong';
 interface StrengthResult {
@@ -9,6 +26,6 @@ interface StrengthResult {
     label: string;
     color: string;
 }
-declare function calculateStrength(password: string): StrengthResult;
-export declare function PasswordStrengthIndicator({ password, className }: PasswordStrengthIndicatorProps): import("react/jsx-runtime").JSX.Element | null;
+declare function calculateStrength(password: string, words: PasswordStrengthWords): StrengthResult;
+export declare function PasswordStrengthIndicator({ password, className, words, }: PasswordStrengthIndicatorProps): import("react/jsx-runtime").JSX.Element | null;
 export { calculateStrength, type StrengthLevel, type StrengthResult };

package/dist/fe/components/NucleusTextInput/components/PasswordStrengthIndicator.js

@@ -5,7 +5,13 @@ import gsap from 'gsap';
 import { useRef } from 'react';
 import { cn } from '../utils/cn';
 gsap.registerPlugin(useGSAP);
-function calculateStrength(password) {
+const DEFAULT_STRENGTH_WORDS = {
+    weak: 'Weak',
+    fair: 'Fair',
+    good: 'Good',
+    strong: 'Strong'
+};
+function calculateStrength(password, words) {
     let score = 0;
     if (!password) {
         return {
@@ -30,7 +36,7 @@ function calculateStrength(password) {
         return {
             level: 'weak',
             score,
-            label: 'Weak',
+            label: words.weak,
             color: 'bg-red-500'
         };
     }
@@ -38,7 +44,7 @@ function calculateStrength(password) {
         return {
             level: 'fair',
             score,
-            label: 'Fair',
+            label: words.fair,
             color: 'bg-orange-500'
         };
     }
@@ -46,20 +52,23 @@ function calculateStrength(password) {
         return {
             level: 'good',
             score,
-            label: 'Good',
+            label: words.good,
             color: 'bg-yellow-500'
         };
     }
     return {
         level: 'strong',
         score,
-        label: 'Strong',
+        label: words.strong,
         color: 'bg-green-500'
     };
 }
-export function PasswordStrengthIndicator({ password, className }) {
+export function PasswordStrengthIndicator({ password, className, words }) {
     const barRef = useRef(null);
-    const strength = calculateStrength(password);
+    const strength = calculateStrength(password, {
+        ...DEFAULT_STRENGTH_WORDS,
+        ...words
+    });
     const percentage = password ? Math.min(strength.score / 7 * 100, 100) : 0;
     useGSAP(()=>{
         if (!barRef.current) return;

package/dist/fe/components/NucleusTextInput/types/index.d.ts

@@ -41,6 +41,14 @@ export interface NucleusTextInputProps<T extends string = string> extends Omit<I
     confirmValue?: string;
     onConfirmChange?: (value: string) => void;
     showPasswordStrength?: boolean;
+    /**
+     * The four words the strength meter says.
+     *
+     * Omit for the English defaults. Without this the meter printed "Weak" and
+     * "Strong" under a Turkish label on the one screen every employee meets, and
+     * the page around it had no way to reach them.
+     */
+    passwordStrengthWords?: Partial<import('../components/PasswordStrengthIndicator').PasswordStrengthWords>;
     preventCopy?: boolean;
     preventPaste?: boolean;
     preventContextMenu?: boolean;