@inshapardaz/likhari-react 0.1.6-dev.60 → 0.1.6-dev.62

package/dist/EditorRoot.d.ts

@@ -3,6 +3,7 @@ import type { SerializedEditorState } from 'lexical';
 import { type FormatId } from '@inshapardaz/likhari-converters';
 import { type EditorFeatureConfig, type FeatureConfigPresetName } from '@inshapardaz/likhari-core';
 import { type FontOption } from './fonts/index.js';
+import { type Locale } from './i18n/index.js';
 export interface EditorInitialContent {
     format: Extract<FormatId, 'lexical-json' | 'plain-text'>;
     value: string;
@@ -14,7 +15,7 @@ export interface EditorRootProps {
     featurePreset?: FeatureConfigPresetName;
     theme?: MantineThemeOverride;
     colorScheme?: 'light' | 'dark';
-    locale?: 'en' | 'ur' | 'pa-shahmukhi';
+    locale?: Locale;
     placeholder?: string;
     /**
      * CSS height for the editor box (toolbar + canvas together) — accepts any

package/dist/EditorRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorRoot.d.ts","sourceRoot":"","sources":["../src/EditorRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAU1D,OAAO,KAAK,EAAe,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAyB,KAAK,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AACvF,OAAO,EAAwB,KAAK,mBAAmB,EAAE,KAAK,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAKzH,OAAO,EAAyB,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAIjE,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,OAAO,CAAC,QAAQ,EAAE,cAAc,GAAG,YAAY,CAAC,CAAC;IACzD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,cAAc,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAChD;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;CAC5B;AAED,MAAM,WAAW,SAAS;IACxB,UAAU,CAAC,MAAM,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrC,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC;IAClD,iBAAiB,IAAI,OAAO,CAAC;IAC7B,cAAc,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IACnC,KAAK,IAAI,IAAI,CAAC;CACf;AAQD,eAAO,MAAM,UAAU,uGA8IrB,CAAC"}
+{"version":3,"file":"EditorRoot.d.ts","sourceRoot":"","sources":["../src/EditorRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAU1D,OAAO,KAAK,EAAe,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAyB,KAAK,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AACvF,OAAO,EAAwB,KAAK,mBAAmB,EAAE,KAAK,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAKzH,OAAO,EAAyB,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAGjE,OAAO,EAAgC,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AAEnE,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,OAAO,CAAC,QAAQ,EAAE,cAAc,GAAG,YAAY,CAAC,CAAC;IACzD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAChD;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;CAC5B;AAED,MAAM,WAAW,SAAS;IACxB,UAAU,CAAC,MAAM,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrC,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC;IAClD,iBAAiB,IAAI,OAAO,CAAC;IAC7B,cAAc,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IACnC,KAAK,IAAI,IAAI,CAAC;CACf;AAQD,eAAO,MAAM,UAAU,uGAkJrB,CAAC"}

package/dist/EditorRoot.js

@@ -18,14 +18,17 @@ import { Toolbar } from './components/Toolbar.js';
 import { injectUrduWebFontsCss } from './fonts/index.js';
 import { LinkPastePlugin } from './plugins/LinkPastePlugin.js';
 import { ImageOptionsContext } from './image/ImageOptionsContext.js';
+import { UiStringsContext, getStrings } from './i18n/index.js';
 function initialEditorStateJson(initialContent) {
     if (!initialContent)
         return undefined;
     const state = defaultFormatRegistry.parse(initialContent.format, initialContent.value);
     return JSON.stringify(state);
 }
-export const EditorRoot = forwardRef(function EditorRoot({ documentId, initialContent, featureConfig, featurePreset, theme, colorScheme, locale = 'en', placeholder = 'Start writing…', height = '480px', onChange, onSave, showSave = Boolean(onSave), onImageUpload, fetchImage, fontOptions, }, ref) {
+export const EditorRoot = forwardRef(function EditorRoot({ documentId, initialContent, featureConfig, featurePreset, theme, colorScheme, locale = 'en', placeholder, height = '480px', onChange, onSave, showSave = Boolean(onSave), onImageUpload, fetchImage, fontOptions, }, ref) {
     const config = useMemo(() => resolveFeatureConfig(featureConfig, featurePreset), [featureConfig, featurePreset]);
+    const strings = useMemo(() => getStrings(locale), [locale]);
+    const resolvedPlaceholder = placeholder ?? strings.editor.placeholder;
     // The urdu-web-fonts stylesheets are needed for the font dropdown and for
     // RTL content, whose canvas font (editor.css) is one of those families.
     useEffect(() => {
@@ -78,12 +81,12 @@ export const EditorRoot = forwardRef(function EditorRoot({ documentId, initialCo
                 return true;
             if (typeof window === 'undefined')
                 return true;
-            return window.confirm('You have unsaved changes. Discard them?');
+            return window.confirm(strings.editor.confirmDiscard);
         },
         focus() {
             rootElementRef.current?.focus();
         },
-    }), [isDirty]);
+    }), [isDirty, strings]);
     const rootElementRef = useRef(null);
     const handleChange = (state) => {
         editorStateRef.current = state;
@@ -102,5 +105,5 @@ export const EditorRoot = forwardRef(function EditorRoot({ documentId, initialCo
         onSave?.(content, format);
     };
     const dir = locale === 'en' ? 'ltr' : 'rtl';
-    return (_jsx(EditorThemeProvider, { theme: theme, colorScheme: colorScheme, children: _jsx("div", { className: "likhari-root", dir: dir, ref: rootElementRef, "data-document-id": documentId, style: { height: typeof height === 'number' ? `${height}px` : height }, children: _jsx(ImageOptionsContext.Provider, { value: imageOptions, children: _jsxs(LexicalComposer, { initialConfig: initialConfig, children: [_jsx(Toolbar, { config: config, onSave: handleSave, isDirty: isDirty, showSave: showSave, fontOptions: fontOptions, direction: dir }), _jsx("div", { className: "likhari-canvas", children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: "likhari-content-editable", dir: dir, "aria-label": "Editor content" }), placeholder: _jsx("div", { className: "likhari-placeholder", children: placeholder }), ErrorBoundary: LexicalErrorBoundary }) }), config.history && _jsx(HistoryPlugin, {}), (config.lists.bullet || config.lists.numbered || config.lists.check) && _jsx(ListPlugin, {}), config.lists.check && _jsx(CheckListPlugin, {}), config.links && _jsx(LinkPlugin, {}), config.links && _jsx(LinkPastePlugin, {}), _jsx(OnChangePlugin, { onChange: handleChange })] }) }) }) }));
+    return (_jsx(EditorThemeProvider, { theme: theme, colorScheme: colorScheme, children: _jsx("div", { className: "likhari-root", dir: dir, ref: rootElementRef, "data-document-id": documentId, style: { height: typeof height === 'number' ? `${height}px` : height }, children: _jsx(UiStringsContext.Provider, { value: strings, children: _jsx(ImageOptionsContext.Provider, { value: imageOptions, children: _jsxs(LexicalComposer, { initialConfig: initialConfig, children: [_jsx(Toolbar, { config: config, onSave: handleSave, isDirty: isDirty, showSave: showSave, fontOptions: fontOptions, direction: dir, locale: locale }), _jsx("div", { className: "likhari-canvas", children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: "likhari-content-editable", dir: dir, "aria-label": strings.editor.contentLabel }), placeholder: _jsx("div", { className: "likhari-placeholder", children: resolvedPlaceholder }), ErrorBoundary: LexicalErrorBoundary }) }), config.history && _jsx(HistoryPlugin, {}), (config.lists.bullet || config.lists.numbered || config.lists.check) && _jsx(ListPlugin, {}), config.lists.check && _jsx(CheckListPlugin, {}), config.links && _jsx(LinkPlugin, {}), config.links && _jsx(LinkPastePlugin, {}), _jsx(OnChangePlugin, { onChange: handleChange })] }) }) }) }) }));
 });

package/dist/components/LinkDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkDialog.d.ts","sourceRoot":"","sources":["../../src/components/LinkDialog.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxD,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;gDACgD;AAChD,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,eAAe,+BAgE7G"}
+{"version":3,"file":"LinkDialog.d.ts","sourceRoot":"","sources":["../../src/components/LinkDialog.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxD,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;gDACgD;AAChD,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,eAAe,+BAiE7G"}

package/dist/components/LinkDialog.js

@@ -2,9 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { Button, Group, Modal, TextInput } from '@mantine/core';
 import { normalizeLinkUrl } from '../utils/linkUrl.js';
+import { useUiStrings } from '../i18n/useStrings.js';
 /** Insert/edit-link dialog (UI spec §6). Mantine Modal supplies focus
  * trapping, Escape-to-close and the overlay. */
 export function LinkDialog({ opened, initialUrl, showTextField, onSubmit, onRemove, onClose }) {
+    const strings = useUiStrings();
     const [url, setUrl] = useState(initialUrl);
     const [text, setText] = useState('');
     const [error, setError] = useState(null);
@@ -19,13 +21,13 @@ export function LinkDialog({ opened, initialUrl, showTextField, onSubmit, onRemo
         e.preventDefault();
         const normalized = normalizeLinkUrl(url);
         if (!normalized) {
-            setError('Enter a valid http(s), mailto, tel or relative URL');
+            setError(strings.linkDialog.invalidUrl);
             return;
         }
         onSubmit({ url: normalized, text: text.trim() || normalized });
     };
-    return (_jsx(Modal, { opened: opened, onClose: onClose, title: onRemove ? 'Edit link' : 'Insert link', centered: true, size: "sm", children: _jsxs("form", { onSubmit: handleSubmit, children: [_jsx(TextInput, { label: "URL", placeholder: "https://example.com", value: url, onChange: (e) => {
+    return (_jsx(Modal, { opened: opened, onClose: onClose, title: onRemove ? strings.linkDialog.titleEdit : strings.linkDialog.titleInsert, centered: true, size: "sm", children: _jsxs("form", { onSubmit: handleSubmit, children: [_jsx(TextInput, { label: strings.linkDialog.urlLabel, placeholder: strings.linkDialog.urlPlaceholder, value: url, onChange: (e) => {
                         setUrl(e.currentTarget.value);
                         setError(null);
-                    }, error: error, "data-autofocus": true }), showTextField && (_jsx(TextInput, { mt: "sm", label: "Text", placeholder: "Link text (defaults to the URL)", value: text, onChange: (e) => setText(e.currentTarget.value) })), _jsxs(Group, { justify: "space-between", mt: "md", children: [onRemove ? (_jsx(Button, { variant: "subtle", color: "red", onClick: onRemove, children: "Remove link" })) : (_jsx("span", {})), _jsxs(Group, { gap: "xs", children: [_jsx(Button, { variant: "default", onClick: onClose, children: "Cancel" }), _jsx(Button, { type: "submit", children: "Apply" })] })] })] }) }));
+                    }, error: error, "data-autofocus": true }), showTextField && (_jsx(TextInput, { mt: "sm", label: strings.linkDialog.textLabel, placeholder: strings.linkDialog.textPlaceholder, value: text, onChange: (e) => setText(e.currentTarget.value) })), _jsxs(Group, { justify: "space-between", mt: "md", children: [onRemove ? (_jsx(Button, { variant: "subtle", color: "red", onClick: onRemove, children: strings.link.removeLink })) : (_jsx("span", {})), _jsxs(Group, { gap: "xs", children: [_jsx(Button, { variant: "default", onClick: onClose, children: strings.common.cancel }), _jsx(Button, { type: "submit", children: strings.linkDialog.apply })] })] })] }) }));
 }

package/dist/components/Toolbar.d.ts

@@ -1,5 +1,6 @@
 import type { ResolvedEditorFeatureConfig } from '@inshapardaz/likhari-core';
 import { type FontOption } from '../fonts/index.js';
+import type { Locale } from '../i18n/strings.js';
 export interface ToolbarProps {
     config: ResolvedEditorFeatureConfig;
     onSave?: () => void;
@@ -9,6 +10,8 @@ export interface ToolbarProps {
     fontOptions?: FontOption[];
     /** Text direction of the canvas; picks which default font and size are pre-selected. */
     direction?: 'ltr' | 'rtl';
+    /** UI locale — picks the translated strings for labels, tooltips and menu items. */
+    locale?: Locale;
 }
-export declare function Toolbar({ config, onSave, isDirty, showSave, fontOptions, direction }: ToolbarProps): import("react").JSX.Element;
+export declare function Toolbar({ config, onSave, isDirty, showSave, fontOptions, direction, locale }: ToolbarProps): import("react").JSX.Element;
 //# sourceMappingURL=Toolbar.d.ts.map

package/dist/components/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/components/Toolbar.tsx"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAA6D,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAmPtG,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,2BAA2B,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,wFAAwF;IACxF,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CAC3B;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAkC,EAAE,SAAiB,EAAE,EAAE,YAAY,+BAgoBjI"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/components/Toolbar.tsx"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAA6D,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtG,OAAO,KAAK,EAAE,MAAM,EAAW,MAAM,iBAAiB,CAAC;AAoPvD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,2BAA2B,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,wFAAwF;IACxF,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,oFAAoF;IACpF,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAkC,EAAE,SAAiB,EAAE,MAAa,EAAE,EAAE,YAAY,+BAqoBhJ"}

package/dist/components/Toolbar.js

@@ -15,6 +15,7 @@ import { LinkDialog } from './LinkDialog.js';
 import { normalizeLinkUrl } from '../utils/linkUrl.js';
 import { CANVAS_FONT_DEFAULTS, DEFAULT_FONT_OPTIONS, FONT_SIZES_PX } from '../fonts/index.js';
 import { setStyleProperty } from '../utils/style.js';
+import { useStrings } from '../i18n/useStrings.js';
 import { IconAbc, IconAlignCenter, IconAlignJustified, IconAlignLeft, IconAlignRight, IconArrowBackUp, IconArrowForwardUp, IconBold, IconClearFormatting, IconDeviceFloppy, IconDots, IconExternalLink, IconFeather, IconIndentDecrease, IconIndentIncrease, IconItalic, IconLetterCase, IconLetterCaseLower, IconLetterCaseUpper, IconLink, IconLinkOff, IconPencil, IconPhoto, IconPilcrow, IconSparkles, IconStrikethrough, IconSubscript, IconSuperscript, IconTextSize, IconTypography, IconUnderline, IconWand, } from '@tabler/icons-react';
 /** Sentinel for "no inline style": Lexical returns the default it is given when
  * the selection has none, so this tells "unstyled" (show the canvas default)
@@ -49,15 +50,15 @@ function ToolbarButton({ icon: Icon, title, active, dirty, disabled, onClick, })
  * isn't implemented yet (link/image/poetry/font/language-tooling — see
  * docs/lexical-editor-spec.md §13's phasing). Renders so the toolbar's
  * layout is final now and only needs its onClick wired up later. */
-function StubButton({ icon, title }) {
-    return _jsx(ToolbarButton, { icon: icon, title: `${title} (coming soon)`, disabled: true, onClick: undefined });
+function StubButton({ icon, title, comingSoon }) {
+    return _jsx(ToolbarButton, { icon: icon, title: comingSoon(title), disabled: true, onClick: undefined });
 }
 /** Mantine Select (combobox) for the toolbar's dropdown controls. The icon
  * labels the control itself, since a dropdown can't show one per option in
  * its closed state. The dropdown portals to <body>, so it is not clipped by
  * the editor's `overflow: hidden` frame. */
-function ToolbarSelect({ icon: Icon, label, value, data, width, disabled, placeholder, searchable, renderOption, onChange }) {
-    return (_jsx(Select, { size: "xs", w: width, "aria-label": label, title: disabled ? `${label} (coming soon)` : label, data: data, value: value, placeholder: placeholder, disabled: disabled, searchable: searchable, renderOption: renderOption, nothingFoundMessage: searchable ? 'No match' : undefined, allowDeselect: false, leftSection: _jsx(Icon, { size: 15, stroke: ICON_STROKE }), comboboxProps: { withinPortal: true, position: 'bottom-start', middlewares: { flip: true, shift: true } }, classNames: { input: 'likhari-toolbar-select-input', dropdown: 'likhari-toolbar-select-dropdown' }, onChange: (v) => v && onChange?.(v) }));
+function ToolbarSelect({ icon: Icon, label, value, data, width, disabled, placeholder, searchable, renderOption, onChange, comingSoon, noMatchMessage }) {
+    return (_jsx(Select, { size: "xs", w: width, "aria-label": label, title: disabled && comingSoon ? comingSoon(label) : label, data: data, value: value, placeholder: placeholder, disabled: disabled, searchable: searchable, renderOption: renderOption, nothingFoundMessage: searchable ? noMatchMessage : undefined, allowDeselect: false, leftSection: _jsx(Icon, { size: 15, stroke: ICON_STROKE }), comboboxProps: { withinPortal: true, position: 'bottom-start', middlewares: { flip: true, shift: true } }, classNames: { input: 'likhari-toolbar-select-input', dropdown: 'likhari-toolbar-select-dropdown' }, onChange: (v) => v && onChange?.(v) }));
 }
 function OverflowItem({ icon: Icon, label, active, onClick, }) {
     return (_jsx(Menu.Item, { leftSection: _jsx(Icon, { size: ICON_SIZE, stroke: ICON_STROKE }), "data-active": active ? 'true' : 'false', className: "likhari-overflow-item", 
@@ -66,16 +67,17 @@ function OverflowItem({ icon: Icon, label, active, onClick, }) {
 }
 /** The link menu's contents — shared by the toolbar button and the right-click
  * menu: the URL (opens in a new tab), Edit link, Remove link. */
-function LinkMenuItems({ url, onEdit, onRemove }) {
+function LinkMenuItems({ url, onEdit, onRemove, strings }) {
     // Only offer the link as clickable if it's a URL the editor would have accepted.
     const safeUrl = normalizeLinkUrl(url);
-    return (_jsxs(_Fragment, { children: [_jsx(Menu.Label, { children: "Link" }), safeUrl ? (_jsx(Menu.Item, { component: "a", href: safeUrl, target: "_blank", rel: "noopener noreferrer", leftSection: _jsx(IconExternalLink, { size: ICON_SIZE, stroke: ICON_STROKE }), title: url, className: "likhari-link-menu-url", children: url })) : (
+    return (_jsxs(_Fragment, { children: [_jsx(Menu.Label, { children: strings.link.menuLabel }), safeUrl ? (_jsx(Menu.Item, { component: "a", href: safeUrl, target: "_blank", rel: "noopener noreferrer", leftSection: _jsx(IconExternalLink, { size: ICON_SIZE, stroke: ICON_STROKE }), title: url, className: "likhari-link-menu-url", children: url })) : (
             // Not a URL the editor would accept (e.g. loaded from a document): show it, don't make it clickable.
-            _jsx(Menu.Item, { disabled: true, title: url, className: "likhari-link-menu-url", children: url || '(no URL)' })), _jsx(Menu.Item, { leftSection: _jsx(IconPencil, { size: ICON_SIZE, stroke: ICON_STROKE }), onMouseDown: (e) => e.preventDefault(), onClick: onEdit, children: "Edit link" }), _jsx(Menu.Item, { color: "red", leftSection: _jsx(IconLinkOff, { size: ICON_SIZE, stroke: ICON_STROKE }), onMouseDown: (e) => e.preventDefault(), onClick: onRemove, children: "Remove link" })] }));
+            _jsx(Menu.Item, { disabled: true, title: url, className: "likhari-link-menu-url", children: url || strings.link.noUrl })), _jsx(Menu.Item, { leftSection: _jsx(IconPencil, { size: ICON_SIZE, stroke: ICON_STROKE }), onMouseDown: (e) => e.preventDefault(), onClick: onEdit, children: strings.link.editLink }), _jsx(Menu.Item, { color: "red", leftSection: _jsx(IconLinkOff, { size: ICON_SIZE, stroke: ICON_STROKE }), onMouseDown: (e) => e.preventDefault(), onClick: onRemove, children: strings.link.removeLink })] }));
 }
-export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAULT_FONT_OPTIONS, direction = 'ltr' }) {
+export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAULT_FONT_OPTIONS, direction = 'ltr', locale = 'en' }) {
     const [editor] = useLexicalComposerContext();
     const [state, setState] = useState(INITIAL_STATE);
+    const strings = useStrings(locale);
     const updateToolbar = useCallback(() => {
         editor.getEditorState().read(() => {
             const selection = $getSelection();
@@ -397,33 +399,33 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
     const shownFontFamily = state.fontFamily === UNSET_STYLE ? canvasDefaults.family : state.fontFamily;
     const shownFontSize = state.fontSize === UNSET_STYLE ? canvasDefaults.size : state.fontSize;
     const formattingOptions = [
-        { value: 'paragraph', label: 'Paragraph' },
-        ...headingLevels.map((level) => ({ value: `h${level}`, label: `Heading ${level}` })),
-        ...(config.lists.numbered ? [{ value: 'number', label: 'Numbered list' }] : []),
-        ...(config.lists.bullet ? [{ value: 'bullet', label: 'Bullet list' }] : []),
-        ...(config.lists.check ? [{ value: 'check', label: 'Task list' }] : []),
-        ...(config.blocks.quote ? [{ value: 'quote', label: 'Quote' }] : []),
+        { value: 'paragraph', label: strings.toolbar.formattingOptions.paragraph },
+        ...headingLevels.map((level) => ({ value: `h${level}`, label: strings.toolbar.formattingOptions.heading(level) })),
+        ...(config.lists.numbered ? [{ value: 'number', label: strings.toolbar.formattingOptions.numberedList }] : []),
+        ...(config.lists.bullet ? [{ value: 'bullet', label: strings.toolbar.formattingOptions.bulletList }] : []),
+        ...(config.lists.check ? [{ value: 'check', label: strings.toolbar.formattingOptions.taskList }] : []),
+        ...(config.blocks.quote ? [{ value: 'quote', label: strings.toolbar.formattingOptions.quote }] : []),
     ];
     const alignOptions = [
-        ...(config.alignment.start ? [{ value: 'start', label: 'Align start' }] : []),
-        ...(config.alignment.center ? [{ value: 'center', label: 'Align center' }] : []),
-        ...(config.alignment.start ? [{ value: 'end', label: 'Align end' }] : []),
-        ...(config.alignment.justify ? [{ value: 'justify', label: 'Justify' }] : []),
-        ...(config.alignment.left ? [{ value: 'left', label: 'Align left' }] : []),
-        ...(config.alignment.right ? [{ value: 'right', label: 'Align right' }] : []),
+        ...(config.alignment.start ? [{ value: 'start', label: strings.toolbar.alignOptions.start }] : []),
+        ...(config.alignment.center ? [{ value: 'center', label: strings.toolbar.alignOptions.center }] : []),
+        ...(config.alignment.start ? [{ value: 'end', label: strings.toolbar.alignOptions.end }] : []),
+        ...(config.alignment.justify ? [{ value: 'justify', label: strings.toolbar.alignOptions.justify }] : []),
+        ...(config.alignment.left ? [{ value: 'left', label: strings.toolbar.alignOptions.left }] : []),
+        ...(config.alignment.right ? [{ value: 'right', label: strings.toolbar.alignOptions.right }] : []),
     ];
     const formattingValue = state.listType ?? state.blockType;
     const AlignIcon = ALIGN_ICONS[state.elementFormat] ?? IconAlignLeft;
-    return (_jsxs("div", { className: "likhari-toolbar", role: "toolbar", "aria-label": "Formatting", children: [showSave && (_jsx("div", { className: "likhari-toolbar-group", children: _jsx(ToolbarButton, { icon: IconDeviceFloppy, title: "Save", dirty: Boolean(isDirty), onClick: onSave }) })), config.history && (_jsxs("div", { className: "likhari-toolbar-group", children: [_jsx(ToolbarButton, { icon: IconArrowBackUp, title: "Undo", disabled: !state.canUndo, onClick: () => editor.dispatchCommand(UNDO_COMMAND, undefined) }), _jsx(ToolbarButton, { icon: IconArrowForwardUp, title: "Redo", disabled: !state.canRedo, onClick: () => editor.dispatchCommand(REDO_COMMAND, undefined) })] })), showFormattingGroup && (_jsx("div", { className: "likhari-toolbar-group", children: _jsx(ToolbarSelect, { icon: IconPilcrow, label: "Formatting", width: 148, value: formattingValue, data: formattingOptions, onChange: withRefocus((v) => applyFormatting(v)) }) })), showInlineGroup && (_jsxs("div", { className: "likhari-toolbar-group", children: [fmt.bold && (_jsx(ToolbarButton, { icon: IconBold, title: "Bold", active: state.activeFormats.has('bold'), onClick: () => formatText('bold') })), fmt.italic && (_jsx(ToolbarButton, { icon: IconItalic, title: "Italic", active: state.activeFormats.has('italic'), onClick: () => formatText('italic') })), fmt.underline && (_jsx(ToolbarButton, { icon: IconUnderline, title: "Underline", active: state.activeFormats.has('underline'), onClick: () => formatText('underline') }))] })), (config.font.family || config.font.size) && (_jsxs("div", { className: "likhari-toolbar-group", children: [config.font.family && (_jsx(ToolbarSelect, { icon: IconTypography, label: "Font family", width: 150, value: fontOptions.some((f) => f.family === shownFontFamily) ? shownFontFamily : null, placeholder: "Font", data: fontData, searchable: true, renderOption: ({ option }) => _jsx("span", { style: { fontFamily: option.value }, children: option.label }), onChange: withRefocus((v) => applyFont('font-family', v)) })), config.font.size && (_jsx(ToolbarSelect, { icon: IconTextSize, label: "Font size", width: 84, value: FONT_SIZES_PX.some((px) => `${px}px` === shownFontSize) ? shownFontSize : null, placeholder: "Size", data: FONT_SIZES_PX.map((px) => ({ value: `${px}px`, label: String(px) })), onChange: withRefocus((v) => applyFont('font-size', v)) }))] })), showAlignGroup && (_jsx("div", { className: "likhari-toolbar-group", children: _jsx(ToolbarSelect, { icon: AlignIcon, label: "Alignment", width: 138, value: state.elementFormat || 'start', data: alignOptions, onChange: withRefocus((v) => formatElement(v)) }) })), config.links && (_jsx("div", { className: "likhari-toolbar-group", children: state.isLink ? (
+    return (_jsxs("div", { className: "likhari-toolbar", role: "toolbar", "aria-label": strings.toolbar.ariaLabel, children: [showSave && (_jsx("div", { className: "likhari-toolbar-group", children: _jsx(ToolbarButton, { icon: IconDeviceFloppy, title: strings.toolbar.save, dirty: Boolean(isDirty), onClick: onSave }) })), config.history && (_jsxs("div", { className: "likhari-toolbar-group", children: [_jsx(ToolbarButton, { icon: IconArrowBackUp, title: strings.toolbar.undo, disabled: !state.canUndo, onClick: () => editor.dispatchCommand(UNDO_COMMAND, undefined) }), _jsx(ToolbarButton, { icon: IconArrowForwardUp, title: strings.toolbar.redo, disabled: !state.canRedo, onClick: () => editor.dispatchCommand(REDO_COMMAND, undefined) })] })), showFormattingGroup && (_jsx("div", { className: "likhari-toolbar-group", children: _jsx(ToolbarSelect, { icon: IconPilcrow, label: strings.toolbar.formattingLabel, width: 148, value: formattingValue, data: formattingOptions, comingSoon: strings.toolbar.comingSoon, onChange: withRefocus((v) => applyFormatting(v)) }) })), showInlineGroup && (_jsxs("div", { className: "likhari-toolbar-group", children: [fmt.bold && (_jsx(ToolbarButton, { icon: IconBold, title: strings.toolbar.bold, active: state.activeFormats.has('bold'), onClick: () => formatText('bold') })), fmt.italic && (_jsx(ToolbarButton, { icon: IconItalic, title: strings.toolbar.italic, active: state.activeFormats.has('italic'), onClick: () => formatText('italic') })), fmt.underline && (_jsx(ToolbarButton, { icon: IconUnderline, title: strings.toolbar.underline, active: state.activeFormats.has('underline'), onClick: () => formatText('underline') }))] })), (config.font.family || config.font.size) && (_jsxs("div", { className: "likhari-toolbar-group", children: [config.font.family && (_jsx(ToolbarSelect, { icon: IconTypography, label: strings.toolbar.fontFamily, width: 150, value: fontOptions.some((f) => f.family === shownFontFamily) ? shownFontFamily : null, placeholder: strings.toolbar.fontFamilyPlaceholder, data: fontData, searchable: true, noMatchMessage: strings.toolbar.noMatch, renderOption: ({ option }) => _jsx("span", { style: { fontFamily: option.value }, children: option.label }), onChange: withRefocus((v) => applyFont('font-family', v)) })), config.font.size && (_jsx(ToolbarSelect, { icon: IconTextSize, label: strings.toolbar.fontSize, width: 84, value: FONT_SIZES_PX.some((px) => `${px}px` === shownFontSize) ? shownFontSize : null, placeholder: strings.toolbar.fontSizePlaceholder, data: FONT_SIZES_PX.map((px) => ({ value: `${px}px`, label: String(px) })), onChange: withRefocus((v) => applyFont('font-size', v)) }))] })), showAlignGroup && (_jsx("div", { className: "likhari-toolbar-group", children: _jsx(ToolbarSelect, { icon: AlignIcon, label: strings.toolbar.alignment, width: 138, value: state.elementFormat || 'start', data: alignOptions, onChange: withRefocus((v) => formatElement(v)) }) })), config.links && (_jsx("div", { className: "likhari-toolbar-group", children: state.isLink ? (
                 // Caret is in a link: the button opens a menu to see, edit or remove it.
-                _jsxs(Menu, { position: "bottom-start", withinPortal: true, shadow: "sm", width: 240, onOpen: snapshotSelection, children: [_jsx(Menu.Target, { children: _jsx("button", { type: "button", className: "likhari-toolbar-button", "data-active": "true", "aria-pressed": "true", "aria-haspopup": "menu", "aria-label": "Link options", title: "Link options", onMouseDown: (e) => e.preventDefault(), children: _jsx(IconLink, { size: ICON_SIZE, stroke: ICON_STROKE }) }) }), _jsx(Menu.Dropdown, { children: _jsx(LinkMenuItems, { url: state.linkUrl, onEdit: () => {
+                _jsxs(Menu, { position: "bottom-start", withinPortal: true, shadow: "sm", width: 240, onOpen: snapshotSelection, children: [_jsx(Menu.Target, { children: _jsx("button", { type: "button", className: "likhari-toolbar-button", "data-active": "true", "aria-pressed": "true", "aria-haspopup": "menu", "aria-label": strings.toolbar.linkOptions, title: strings.toolbar.linkOptions, onMouseDown: (e) => e.preventDefault(), children: _jsx(IconLink, { size: ICON_SIZE, stroke: ICON_STROKE }) }) }), _jsx(Menu.Dropdown, { children: _jsx(LinkMenuItems, { url: state.linkUrl, onEdit: () => {
                                     restoreSelection();
                                     openLinkDialog();
-                                }, onRemove: removeLink }) })] })) : (_jsx(ToolbarButton, { icon: IconLink, title: "Insert link (Ctrl+K)", onClick: openLinkDialog })) })), config.links && (_jsxs(Menu, { opened: linkContext !== null, onChange: (opened) => {
+                                }, onRemove: removeLink, strings: strings }) })] })) : (_jsx(ToolbarButton, { icon: IconLink, title: strings.toolbar.insertLink, onClick: openLinkDialog })) })), config.links && (_jsxs(Menu, { opened: linkContext !== null, onChange: (opened) => {
                     if (!opened)
                         setLinkContext(null);
                 }, position: "bottom-start", withinPortal: true, shadow: "sm", width: 240, children: [_jsx(Menu.Target, { children: _jsx("span", { "aria-hidden": "true", style: { position: 'fixed', left: linkContext?.x ?? -9999, top: linkContext?.y ?? -9999, width: 1, height: 1, pointerEvents: 'none' } }) }), _jsx(Menu.Dropdown, { children: _jsx(LinkMenuItems, { url: linkContext?.url ?? '', onEdit: () => {
                                 restoreSelection();
                                 openLinkDialog();
-                            }, onRemove: removeLink }) })] })), showStubInsertGroup && (_jsxs("div", { className: "likhari-toolbar-group likhari-toolbar-group--collapse-tablet", children: [(config.images.linked || config.images.embedded) && (_jsx(ToolbarButton, { icon: IconPhoto, title: "Insert image", onClick: openImageDialog })), config.poetry.enabled && _jsx(StubButton, { icon: IconFeather, title: "Poetry blocks" })] })), showLanguageGroup && (_jsxs("div", { className: "likhari-toolbar-group likhari-toolbar-group--collapse-tablet", children: [config.language.autocorrect && _jsx(StubButton, { icon: IconWand, title: "Auto-correct" }), config.language.textCleanup && _jsx(StubButton, { icon: IconSparkles, title: "Text cleanup" }), config.language.spellCheck && _jsx(StubButton, { icon: IconAbc, title: "Spell-checker" })] })), showOverflowMenu && (_jsxs(Menu, { position: "bottom-end", withinPortal: true, shadow: "sm", width: 210, closeOnItemClick: true, onOpen: snapshotSelection, children: [_jsx(Menu.Target, { children: _jsx("button", { type: "button", className: "likhari-toolbar-button", "aria-label": "More formatting", title: "More formatting", onMouseDown: (e) => e.preventDefault(), children: _jsx(IconDots, { size: ICON_SIZE, stroke: ICON_STROKE }) }) }), _jsxs(Menu.Dropdown, { children: [fmt.strikethrough && (_jsx(OverflowItem, { icon: IconStrikethrough, label: "Strikethrough", active: state.activeFormats.has('strikethrough'), onClick: runOverflowAction(() => formatText('strikethrough')) })), fmt.superscript && (_jsx(OverflowItem, { icon: IconSuperscript, label: "Superscript", active: state.activeFormats.has('superscript'), onClick: runOverflowAction(() => formatText('superscript')) })), fmt.subscript && (_jsx(OverflowItem, { icon: IconSubscript, label: "Subscript", active: state.activeFormats.has('subscript'), onClick: runOverflowAction(() => formatText('subscript')) })), fmt.caseTransforms && (_jsxs(_Fragment, { children: [_jsx(OverflowItem, { icon: IconLetterCaseUpper, label: "UPPERCASE", onClick: runOverflowAction(() => applyCaseTransform('upper')) }), _jsx(OverflowItem, { icon: IconLetterCaseLower, label: "lowercase", onClick: runOverflowAction(() => applyCaseTransform('lower')) }), _jsx(OverflowItem, { icon: IconLetterCase, label: "Capitalize", onClick: runOverflowAction(() => applyCaseTransform('capitalize')) })] })), fmt.clearFormatting && _jsx(OverflowItem, { icon: IconClearFormatting, label: "Clear formatting", onClick: runOverflowAction(clearFormatting) }), config.indent && (_jsxs(_Fragment, { children: [_jsx(OverflowItem, { icon: IconIndentDecrease, label: "Outdent", onClick: runOverflowAction(() => editor.dispatchCommand(OUTDENT_CONTENT_COMMAND, undefined)) }), _jsx(OverflowItem, { icon: IconIndentIncrease, label: "Indent", onClick: runOverflowAction(() => editor.dispatchCommand(INDENT_CONTENT_COMMAND, undefined)) })] }))] })] })), (config.images.linked || config.images.embedded) && (_jsx(ImageDialog, { mode: "insert", opened: imageDialogOpen, onSubmit: insertImage, onClose: closeImageDialog })), config.links && (_jsx(LinkDialog, { opened: linkDialogOpen, initialUrl: state.linkUrl, showTextField: linkNeedsText, onSubmit: applyLink, onRemove: state.isLink ? removeLink : undefined, onClose: closeLinkDialog }))] }));
+                            }, onRemove: removeLink, strings: strings }) })] })), showStubInsertGroup && (_jsxs("div", { className: "likhari-toolbar-group likhari-toolbar-group--collapse-tablet", children: [(config.images.linked || config.images.embedded) && (_jsx(ToolbarButton, { icon: IconPhoto, title: strings.toolbar.insertImage, onClick: openImageDialog })), config.poetry.enabled && _jsx(StubButton, { icon: IconFeather, title: strings.toolbar.poetryBlocks, comingSoon: strings.toolbar.comingSoon })] })), showLanguageGroup && (_jsxs("div", { className: "likhari-toolbar-group likhari-toolbar-group--collapse-tablet", children: [config.language.autocorrect && _jsx(StubButton, { icon: IconWand, title: strings.toolbar.autocorrect, comingSoon: strings.toolbar.comingSoon }), config.language.textCleanup && _jsx(StubButton, { icon: IconSparkles, title: strings.toolbar.textCleanup, comingSoon: strings.toolbar.comingSoon }), config.language.spellCheck && _jsx(StubButton, { icon: IconAbc, title: strings.toolbar.spellChecker, comingSoon: strings.toolbar.comingSoon })] })), showOverflowMenu && (_jsxs(Menu, { position: "bottom-end", withinPortal: true, shadow: "sm", width: 210, closeOnItemClick: true, onOpen: snapshotSelection, children: [_jsx(Menu.Target, { children: _jsx("button", { type: "button", className: "likhari-toolbar-button", "aria-label": strings.toolbar.moreFormatting, title: strings.toolbar.moreFormatting, onMouseDown: (e) => e.preventDefault(), children: _jsx(IconDots, { size: ICON_SIZE, stroke: ICON_STROKE }) }) }), _jsxs(Menu.Dropdown, { children: [fmt.strikethrough && (_jsx(OverflowItem, { icon: IconStrikethrough, label: strings.toolbar.strikethrough, active: state.activeFormats.has('strikethrough'), onClick: runOverflowAction(() => formatText('strikethrough')) })), fmt.superscript && (_jsx(OverflowItem, { icon: IconSuperscript, label: strings.toolbar.superscript, active: state.activeFormats.has('superscript'), onClick: runOverflowAction(() => formatText('superscript')) })), fmt.subscript && (_jsx(OverflowItem, { icon: IconSubscript, label: strings.toolbar.subscript, active: state.activeFormats.has('subscript'), onClick: runOverflowAction(() => formatText('subscript')) })), fmt.caseTransforms && (_jsxs(_Fragment, { children: [_jsx(OverflowItem, { icon: IconLetterCaseUpper, label: strings.toolbar.uppercase, onClick: runOverflowAction(() => applyCaseTransform('upper')) }), _jsx(OverflowItem, { icon: IconLetterCaseLower, label: strings.toolbar.lowercase, onClick: runOverflowAction(() => applyCaseTransform('lower')) }), _jsx(OverflowItem, { icon: IconLetterCase, label: strings.toolbar.capitalize, onClick: runOverflowAction(() => applyCaseTransform('capitalize')) })] })), fmt.clearFormatting && _jsx(OverflowItem, { icon: IconClearFormatting, label: strings.toolbar.clearFormatting, onClick: runOverflowAction(clearFormatting) }), config.indent && (_jsxs(_Fragment, { children: [_jsx(OverflowItem, { icon: IconIndentDecrease, label: strings.toolbar.outdent, onClick: runOverflowAction(() => editor.dispatchCommand(OUTDENT_CONTENT_COMMAND, undefined)) }), _jsx(OverflowItem, { icon: IconIndentIncrease, label: strings.toolbar.indent, onClick: runOverflowAction(() => editor.dispatchCommand(INDENT_CONTENT_COMMAND, undefined)) })] }))] })] })), (config.images.linked || config.images.embedded) && (_jsx(ImageDialog, { mode: "insert", opened: imageDialogOpen, onSubmit: insertImage, onClose: closeImageDialog })), config.links && (_jsx(LinkDialog, { opened: linkDialogOpen, initialUrl: state.linkUrl, showTextField: linkNeedsText, onSubmit: applyLink, onRemove: state.isLink ? removeLink : undefined, onClose: closeLinkDialog }))] }));
 }

package/dist/i18n/index.d.ts

@@ -0,0 +1,4 @@
+export type { Locale, Strings } from './strings.js';
+export { STRINGS, getStrings } from './strings.js';
+export { useStrings, useUiStrings, UiStringsContext } from './useStrings.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/i18n/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC"}

package/dist/i18n/index.js

@@ -0,0 +1,2 @@
+export { STRINGS, getStrings } from './strings.js';
+export { useStrings, useUiStrings, UiStringsContext } from './useStrings.js';

package/dist/i18n/strings.d.ts

@@ -0,0 +1,158 @@
+/**
+ * UI localization strings for the editor's own chrome (toolbar, dialogs,
+ * menus, placeholders) — see docs/lexical-editor-spec.md §3.2. This is
+ * separate from content direction/fonts (handled in EditorRoot) and from
+ * Markdown/HTML/plain-text format translation, which is out of scope here.
+ */
+/** Re-exported from EditorRoot's existing prop type so there is a single
+ * source of truth for which locales the editor knows about. */
+export type Locale = 'en' | 'ur' | 'pa-shahmukhi';
+export interface Strings {
+    editor: {
+        /** Default placeholder shown in an empty editor (overridden by an explicit `placeholder` prop). */
+        placeholder: string;
+        /** aria-label on the contenteditable itself. */
+        contentLabel: string;
+        /** window.confirm() prompt shown by EditorRef.confirmDiscard() when there are unsaved changes. */
+        confirmDiscard: string;
+    };
+    common: {
+        cancel: string;
+        save: string;
+        insert: string;
+    };
+    toolbar: {
+        /** aria-label on the toolbar's own role="toolbar" container. */
+        ariaLabel: string;
+        save: string;
+        undo: string;
+        redo: string;
+        formattingLabel: string;
+        bold: string;
+        italic: string;
+        underline: string;
+        fontFamily: string;
+        fontFamilyPlaceholder: string;
+        fontSize: string;
+        fontSizePlaceholder: string;
+        noMatch: string;
+        alignment: string;
+        linkOptions: string;
+        insertLink: string;
+        insertImage: string;
+        poetryBlocks: string;
+        comingSoon: (label: string) => string;
+        autocorrect: string;
+        textCleanup: string;
+        spellChecker: string;
+        moreFormatting: string;
+        strikethrough: string;
+        superscript: string;
+        subscript: string;
+        uppercase: string;
+        lowercase: string;
+        capitalize: string;
+        clearFormatting: string;
+        outdent: string;
+        indent: string;
+        formattingOptions: {
+            paragraph: string;
+            heading: (level: number) => string;
+            numberedList: string;
+            bulletList: string;
+            taskList: string;
+            quote: string;
+        };
+        alignOptions: {
+            start: string;
+            center: string;
+            end: string;
+            justify: string;
+            left: string;
+            right: string;
+        };
+    };
+    link: {
+        menuLabel: string;
+        noUrl: string;
+        editLink: string;
+        removeLink: string;
+    };
+    linkDialog: {
+        titleInsert: string;
+        titleEdit: string;
+        urlLabel: string;
+        urlPlaceholder: string;
+        textLabel: string;
+        textPlaceholder: string;
+        invalidUrl: string;
+        apply: string;
+    };
+    imageDialog: {
+        titleInsert: string;
+        titleEdit: string;
+        currentImage: string;
+        fromUrl: string;
+        upload: string;
+        embeddedInDocument: string;
+        linkedFrom: (src: string) => string;
+        convertButton: string;
+        convertHint: string;
+        imageUrlLabel: string;
+        imageUrlPlaceholder: string;
+        embedCopyLabel: string;
+        embedCopyDescription: string;
+        convertedFromUrl: string;
+        fileLabel: string;
+        filePlaceholder: string;
+        fileDescription: (maxSizeMB: number, storedInDocument: boolean) => string;
+        altTextLabel: string;
+        altTextDescription: string;
+        captionLabel: string;
+        captionDescription: string;
+        errors: {
+            enterUrl: string;
+            chooseFile: string;
+            noImage: string;
+            uploadUnusable: string;
+            couldNotSave: string;
+            couldNotConvert: string;
+            couldNotReadFile: string;
+            largerThan: (maxSizeMB: number) => string;
+        };
+    };
+    imageCropDialog: {
+        title: string;
+        sizeLabel: string;
+        widthLabel: string;
+        heightLabel: string;
+        autoPlaceholder: string;
+        keepProportions: string;
+        originalSize: string;
+        dragHint: (natural: {
+            width: number;
+            height: number;
+        } | null) => string;
+        errors: {
+            uploadUnusable: string;
+            couldNotSave: string;
+            largerThan: (maxSizeMB: number) => string;
+        };
+    };
+    imageMenu: {
+        editImage: string;
+        convertToEmbedded: string;
+        cropResize: string;
+        addCaption: string;
+        editCaption: string;
+        removeCaption: string;
+        deleteImage: string;
+        resizeImage: string;
+    };
+}
+export declare const STRINGS: Record<Locale, Strings>;
+/** Returns the strings dictionary for `locale`, defensively falling back to
+ * `en` for any locale not present in `STRINGS` (e.g. a future locale value
+ * passed by a caller on an older type definition). */
+export declare function getStrings(locale: Locale): Strings;
+//# sourceMappingURL=strings.d.ts.map

package/dist/i18n/strings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"strings.d.ts","sourceRoot":"","sources":["../../src/i18n/strings.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;+DAC+D;AAC/D,MAAM,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,cAAc,CAAC;AAElD,MAAM,WAAW,OAAO;IACtB,MAAM,EAAE;QACN,mGAAmG;QACnG,WAAW,EAAE,MAAM,CAAC;QACpB,gDAAgD;QAChD,YAAY,EAAE,MAAM,CAAC;QACrB,kGAAkG;QAClG,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,OAAO,EAAE;QACP,gEAAgE;QAChE,SAAS,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,eAAe,EAAE,MAAM,CAAC;QACxB,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,qBAAqB,EAAE,MAAM,CAAC;QAC9B,QAAQ,EAAE,MAAM,CAAC;QACjB,mBAAmB,EAAE,MAAM,CAAC;QAC5B,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;QACrB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;QACtC,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;QACrB,cAAc,EAAE,MAAM,CAAC;QACvB,aAAa,EAAE,MAAM,CAAC;QACtB,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,eAAe,EAAE,MAAM,CAAC;QACxB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,iBAAiB,EAAE;YACjB,SAAS,EAAE,MAAM,CAAC;YAClB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;YACnC,YAAY,EAAE,MAAM,CAAC;YACrB,UAAU,EAAE,MAAM,CAAC;YACnB,QAAQ,EAAE,MAAM,CAAC;YACjB,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;QACF,YAAY,EAAE;YACZ,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;YACf,GAAG,EAAE,MAAM,CAAC;YACZ,OAAO,EAAE,MAAM,CAAC;YAChB,IAAI,EAAE,MAAM,CAAC;YACb,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;IACF,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,UAAU,EAAE;QACV,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,EAAE,MAAM,CAAC;QACvB,SAAS,EAAE,MAAM,CAAC;QAClB,eAAe,EAAE,MAAM,CAAC;QACxB,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,WAAW,EAAE;QACX,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,kBAAkB,EAAE,MAAM,CAAC;QAC3B,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;QACpC,aAAa,EAAE,MAAM,CAAC;QACtB,WAAW,EAAE,MAAM,CAAC;QACpB,aAAa,EAAE,MAAM,CAAC;QACtB,mBAAmB,EAAE,MAAM,CAAC;QAC5B,cAAc,EAAE,MAAM,CAAC;QACvB,oBAAoB,EAAE,MAAM,CAAC;QAC7B,gBAAgB,EAAE,MAAM,CAAC;QACzB,SAAS,EAAE,MAAM,CAAC;QAClB,eAAe,EAAE,MAAM,CAAC;QACxB,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,gBAAgB,EAAE,OAAO,KAAK,MAAM,CAAC;QAC1E,YAAY,EAAE,MAAM,CAAC;QACrB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,YAAY,EAAE,MAAM,CAAC;QACrB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,MAAM,EAAE;YACN,QAAQ,EAAE,MAAM,CAAC;YACjB,UAAU,EAAE,MAAM,CAAC;YACnB,OAAO,EAAE,MAAM,CAAC;YAChB,cAAc,EAAE,MAAM,CAAC;YACvB,YAAY,EAAE,MAAM,CAAC;YACrB,eAAe,EAAE,MAAM,CAAC;YACxB,gBAAgB,EAAE,MAAM,CAAC;YACzB,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;SAC3C,CAAC;KACH,CAAC;IACF,eAAe,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;QACpB,eAAe,EAAE,MAAM,CAAC;QACxB,eAAe,EAAE,MAAM,CAAC;QACxB,YAAY,EAAE,MAAM,CAAC;QACrB,QAAQ,EAAE,CAAC,OAAO,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,GAAG,IAAI,KAAK,MAAM,CAAC;QACxE,MAAM,EAAE;YACN,cAAc,EAAE,MAAM,CAAC;YACvB,YAAY,EAAE,MAAM,CAAC;YACrB,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;SAC3C,CAAC;KACH,CAAC;IACF,SAAS,EAAE;QACT,SAAS,EAAE,MAAM,CAAC;QAClB,iBAAiB,EAAE,MAAM,CAAC;QAC1B,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;QACpB,aAAa,EAAE,MAAM,CAAC;QACtB,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;CACH;AAgaD,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAI3C,CAAC;AAEF;;sDAEsD;AACtD,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAElD"}

package/dist/i18n/strings.js

@@ -0,0 +1,425 @@
+/**
+ * UI localization strings for the editor's own chrome (toolbar, dialogs,
+ * menus, placeholders) — see docs/lexical-editor-spec.md §3.2. This is
+ * separate from content direction/fonts (handled in EditorRoot) and from
+ * Markdown/HTML/plain-text format translation, which is out of scope here.
+ */
+const en = {
+    editor: {
+        placeholder: 'Start writing…',
+        contentLabel: 'Editor content',
+        confirmDiscard: 'You have unsaved changes. Discard them?',
+    },
+    common: {
+        cancel: 'Cancel',
+        save: 'Save',
+        insert: 'Insert',
+    },
+    toolbar: {
+        ariaLabel: 'Formatting',
+        save: 'Save',
+        undo: 'Undo',
+        redo: 'Redo',
+        formattingLabel: 'Formatting',
+        bold: 'Bold',
+        italic: 'Italic',
+        underline: 'Underline',
+        fontFamily: 'Font family',
+        fontFamilyPlaceholder: 'Font',
+        fontSize: 'Font size',
+        fontSizePlaceholder: 'Size',
+        noMatch: 'No match',
+        alignment: 'Alignment',
+        linkOptions: 'Link options',
+        insertLink: 'Insert link (Ctrl+K)',
+        insertImage: 'Insert image',
+        poetryBlocks: 'Poetry blocks',
+        comingSoon: (label) => `${label} (coming soon)`,
+        autocorrect: 'Auto-correct',
+        textCleanup: 'Text cleanup',
+        spellChecker: 'Spell-checker',
+        moreFormatting: 'More formatting',
+        strikethrough: 'Strikethrough',
+        superscript: 'Superscript',
+        subscript: 'Subscript',
+        uppercase: 'UPPERCASE',
+        lowercase: 'lowercase',
+        capitalize: 'Capitalize',
+        clearFormatting: 'Clear formatting',
+        outdent: 'Outdent',
+        indent: 'Indent',
+        formattingOptions: {
+            paragraph: 'Paragraph',
+            heading: (level) => `Heading ${level}`,
+            numberedList: 'Numbered list',
+            bulletList: 'Bullet list',
+            taskList: 'Task list',
+            quote: 'Quote',
+        },
+        alignOptions: {
+            start: 'Align start',
+            center: 'Align center',
+            end: 'Align end',
+            justify: 'Justify',
+            left: 'Align left',
+            right: 'Align right',
+        },
+    },
+    link: {
+        menuLabel: 'Link',
+        noUrl: '(no URL)',
+        editLink: 'Edit link',
+        removeLink: 'Remove link',
+    },
+    linkDialog: {
+        titleInsert: 'Insert link',
+        titleEdit: 'Edit link',
+        urlLabel: 'URL',
+        urlPlaceholder: 'https://example.com',
+        textLabel: 'Text',
+        textPlaceholder: 'Link text (defaults to the URL)',
+        invalidUrl: 'Enter a valid http(s), mailto, tel or relative URL',
+        apply: 'Apply',
+    },
+    imageDialog: {
+        titleInsert: 'Insert image',
+        titleEdit: 'Edit image',
+        currentImage: 'Current image',
+        fromUrl: 'From URL',
+        upload: 'Upload',
+        embeddedInDocument: 'Embedded in the document',
+        linkedFrom: (src) => `Linked from ${src}`,
+        convertButton: 'Convert to embedded image',
+        convertHint: 'Downloads a copy into the document, so it can be cropped, rotated and resized.',
+        imageUrlLabel: 'Image URL',
+        imageUrlPlaceholder: 'https://example.com/photo.jpg',
+        embedCopyLabel: 'Embed a copy in the document',
+        embedCopyDescription: 'Downloads the image so it can be edited and no longer depends on the URL.',
+        convertedFromUrl: 'Converted from the URL: a copy will be embedded in the document.',
+        fileLabel: 'Image file',
+        filePlaceholder: 'Choose an image',
+        fileDescription: (maxSizeMB, storedInDocument) => `Up to ${maxSizeMB} MB${storedInDocument ? '; stored inside the document' : ''}`,
+        altTextLabel: 'Alt text',
+        altTextDescription: 'Describes the image for screen readers',
+        captionLabel: 'Caption',
+        captionDescription: 'Shown under the image. Leave empty for none.',
+        errors: {
+            enterUrl: 'Enter an http(s) or relative image URL',
+            chooseFile: 'Choose an image file',
+            noImage: 'No image',
+            uploadUnusable: 'The upload handler returned an unusable image URL',
+            couldNotSave: 'Could not save the image',
+            couldNotConvert: 'Could not convert the image',
+            couldNotReadFile: 'Could not read the file',
+            largerThan: (maxSizeMB) => `Image is larger than ${maxSizeMB} MB`,
+        },
+    },
+    imageCropDialog: {
+        title: 'Crop & resize',
+        sizeLabel: 'Size',
+        widthLabel: 'Width (px)',
+        heightLabel: 'Height (px)',
+        autoPlaceholder: 'Auto',
+        keepProportions: 'Keep proportions',
+        originalSize: 'Original size',
+        dragHint: (natural) => `You can also drag the corner handle on a selected image. ${natural ? `Original: ${natural.width} × ${natural.height} px.` : ''}`,
+        errors: {
+            uploadUnusable: 'The upload handler returned an unusable image URL',
+            couldNotSave: 'Could not save the image',
+            largerThan: (maxSizeMB) => `Image is larger than ${maxSizeMB} MB`,
+        },
+    },
+    imageMenu: {
+        editImage: 'Edit image…',
+        convertToEmbedded: 'Convert to embedded image',
+        cropResize: 'Crop & resize…',
+        addCaption: 'Add caption…',
+        editCaption: 'Edit caption…',
+        removeCaption: 'Remove caption',
+        deleteImage: 'Delete image',
+        resizeImage: 'Resize image',
+    },
+};
+const ur = {
+    editor: {
+        placeholder: 'لکھنا شروع کریں…',
+        contentLabel: 'ایڈیٹر کا مواد',
+        confirmDiscard: 'آپ کی غیر محفوظ شدہ تبدیلیاں ہیں۔ کیا انہیں رد کر دیا جائے؟',
+    },
+    common: {
+        cancel: 'منسوخ کریں',
+        save: 'محفوظ کریں',
+        insert: 'شامل کریں',
+    },
+    toolbar: {
+        ariaLabel: 'فارمیٹنگ',
+        save: 'محفوظ کریں',
+        undo: 'کالعدم کریں',
+        redo: 'دوبارہ کریں',
+        formattingLabel: 'فارمیٹنگ',
+        bold: 'موٹا',
+        italic: 'ترچھا',
+        underline: 'زیرِ خط',
+        fontFamily: 'فونٹ کا خاندان',
+        fontFamilyPlaceholder: 'فونٹ',
+        fontSize: 'فونٹ کا سائز',
+        fontSizePlaceholder: 'سائز',
+        noMatch: 'کوئی مماثلت نہیں',
+        alignment: 'سیدھ',
+        linkOptions: 'لنک کے اختیارات',
+        insertLink: 'لنک شامل کریں (Ctrl+K)',
+        insertImage: 'تصویر شامل کریں',
+        poetryBlocks: 'شاعری کے بلاکس',
+        comingSoon: (label) => `${label} (جلد آ رہا ہے)`,
+        autocorrect: 'خودکار تصحیح',
+        textCleanup: 'متن کی صفائی',
+        spellChecker: 'ہجے چیک کرنے والا',
+        moreFormatting: 'مزید فارمیٹنگ',
+        strikethrough: 'خط زدہ',
+        superscript: 'بالا نویس',
+        subscript: 'زیریں نویس',
+        uppercase: 'بڑے حروف',
+        lowercase: 'چھوٹے حروف',
+        capitalize: 'پہلا حرف بڑا',
+        clearFormatting: 'فارمیٹنگ ختم کریں',
+        outdent: 'حاشیہ کم کریں',
+        indent: 'حاشیہ بڑھائیں',
+        formattingOptions: {
+            paragraph: 'پیراگراف',
+            heading: (level) => `عنوان ${level}`,
+            numberedList: 'نمبردار فہرست',
+            bulletList: 'بلٹ فہرست',
+            taskList: 'ٹاسک فہرست',
+            quote: 'اقتباس',
+        },
+        alignOptions: {
+            start: 'ابتدائی سیدھ',
+            center: 'درمیانی سیدھ',
+            end: 'اختتامی سیدھ',
+            justify: 'دو طرفہ سیدھ',
+            left: 'بائیں سیدھ',
+            right: 'دائیں سیدھ',
+        },
+    },
+    link: {
+        menuLabel: 'لنک',
+        noUrl: '(کوئی یو آر ایل نہیں)',
+        editLink: 'لنک میں ترمیم کریں',
+        removeLink: 'لنک ہٹائیں',
+    },
+    linkDialog: {
+        titleInsert: 'لنک شامل کریں',
+        titleEdit: 'لنک میں ترمیم کریں',
+        urlLabel: 'یو آر ایل',
+        urlPlaceholder: 'https://example.com',
+        textLabel: 'عبارت',
+        textPlaceholder: 'لنک کی عبارت (نہ دینے پر یو آر ایل ہی استعمال ہوگا)',
+        invalidUrl: 'براہِ کرم ایک درست http(s)، mailto، tel یا رشتہ دار یو آر ایل درج کریں',
+        apply: 'لاگو کریں',
+    },
+    imageDialog: {
+        titleInsert: 'تصویر شامل کریں',
+        titleEdit: 'تصویر میں ترمیم کریں',
+        currentImage: 'موجودہ تصویر',
+        fromUrl: 'یو آر ایل سے',
+        upload: 'اپ لوڈ',
+        embeddedInDocument: 'دستاویز میں شامل',
+        linkedFrom: (src) => `${src} سے منسلک`,
+        convertButton: 'شامل شدہ تصویر میں تبدیل کریں',
+        convertHint: 'دستاویز میں ایک نقل ڈاؤن لوڈ کرتا ہے، تاکہ اسے کاٹا، گھمایا اور سائز تبدیل کیا جا سکے۔',
+        imageUrlLabel: 'تصویر کا یو آر ایل',
+        imageUrlPlaceholder: 'https://example.com/photo.jpg',
+        embedCopyLabel: 'دستاویز میں ایک نقل شامل کریں',
+        embedCopyDescription: 'تصویر ڈاؤن لوڈ کرتا ہے تاکہ اس میں ترمیم کی جا سکے اور یہ یو آر ایل پر منحصر نہ رہے۔',
+        convertedFromUrl: 'یو آر ایل سے تبدیل شدہ: ایک نقل دستاویز میں شامل کی جائے گی۔',
+        fileLabel: 'تصویر کی فائل',
+        filePlaceholder: 'ایک تصویر منتخب کریں',
+        fileDescription: (maxSizeMB, storedInDocument) => `${maxSizeMB} ایم بی تک${storedInDocument ? '؛ دستاویز کے اندر محفوظ ہوتی ہے' : ''}`,
+        altTextLabel: 'متبادل متن',
+        altTextDescription: 'سکرین ریڈرز کے لیے تصویر کی تفصیل بیان کرتا ہے',
+        captionLabel: 'کیپشن',
+        captionDescription: 'تصویر کے نیچے دکھایا جاتا ہے۔ نہ چاہیں تو خالی چھوڑ دیں۔',
+        errors: {
+            enterUrl: 'ایک http(s) یا رشتہ دار تصویر یو آر ایل درج کریں',
+            chooseFile: 'ایک تصویر فائل منتخب کریں',
+            noImage: 'کوئی تصویر نہیں',
+            uploadUnusable: 'اپ لوڈ ہینڈلر نے ناقابلِ استعمال یو آر ایل واپس کیا',
+            couldNotSave: 'تصویر محفوظ نہیں ہو سکی',
+            couldNotConvert: 'تصویر تبدیل نہیں ہو سکی',
+            couldNotReadFile: 'فائل پڑھی نہیں جا سکی',
+            largerThan: (maxSizeMB) => `تصویر ${maxSizeMB} ایم بی سے بڑی ہے`,
+        },
+    },
+    imageCropDialog: {
+        title: 'کاٹیں اور سائز تبدیل کریں',
+        sizeLabel: 'سائز',
+        widthLabel: 'چوڑائی (px)',
+        heightLabel: 'اونچائی (px)',
+        autoPlaceholder: 'خودکار',
+        keepProportions: 'تناسب برقرار رکھیں',
+        originalSize: 'اصل سائز',
+        dragHint: (natural) => `منتخب شدہ تصویر پر کارنر ہینڈل کھینچ کر بھی سائز تبدیل کیا جا سکتا ہے۔ ${natural ? `اصل: ${natural.width} × ${natural.height} پکسل۔` : ''}`,
+        errors: {
+            uploadUnusable: 'اپ لوڈ ہینڈلر نے ناقابلِ استعمال یو آر ایل واپس کیا',
+            couldNotSave: 'تصویر محفوظ نہیں ہو سکی',
+            largerThan: (maxSizeMB) => `تصویر ${maxSizeMB} ایم بی سے بڑی ہے`,
+        },
+    },
+    imageMenu: {
+        editImage: 'تصویر میں ترمیم کریں…',
+        convertToEmbedded: 'شامل شدہ تصویر میں تبدیل کریں',
+        cropResize: 'کاٹیں اور سائز تبدیل کریں…',
+        addCaption: 'کیپشن شامل کریں…',
+        editCaption: 'کیپشن میں ترمیم کریں…',
+        removeCaption: 'کیپشن ہٹائیں',
+        deleteImage: 'تصویر حذف کریں',
+        resizeImage: 'تصویر کا سائز تبدیل کریں',
+    },
+};
+const paShahmukhi = {
+    editor: {
+        placeholder: 'لکھنا شروع کرو…',
+        contentLabel: 'ایڈیٹر دی سامگری',
+        confirmDiscard: 'تہاڈیاں کجھ تبدیلیاں سنبھالیاں نئیں گئیاں۔ کی ایہناں نوں رد کر دیئے؟',
+    },
+    common: {
+        cancel: 'رد کرو',
+        save: 'سنبھالو',
+        insert: 'پاؤ',
+    },
+    toolbar: {
+        ariaLabel: 'فارمیٹنگ',
+        save: 'سنبھالو',
+        undo: 'پہلاں جیہا کرو',
+        redo: 'مُڑ کرو',
+        formattingLabel: 'فارمیٹنگ',
+        bold: 'گہرا',
+        italic: 'ترچھا',
+        underline: 'تھلے لکیر',
+        fontFamily: 'فونٹ خاندان',
+        fontFamilyPlaceholder: 'فونٹ',
+        fontSize: 'فونٹ دا سائز',
+        fontSizePlaceholder: 'سائز',
+        noMatch: 'کوئی نئیں ملیا',
+        alignment: 'سیدھ',
+        linkOptions: 'لنک دے اختیار',
+        insertLink: 'لنک پاؤ (Ctrl+K)',
+        insertImage: 'تصویر پاؤ',
+        poetryBlocks: 'شاعری بلاک',
+        comingSoon: (label) => `${label} (چھیتی آ رہا اے)`,
+        autocorrect: 'خودکار درستی',
+        textCleanup: 'متن دی صفائی',
+        spellChecker: 'ہجے چیکر',
+        moreFormatting: 'ہور فارمیٹنگ',
+        strikethrough: 'کٹی لکیر',
+        superscript: 'اُتلا لکھت',
+        subscript: 'تلا لکھت',
+        uppercase: 'وڈے حرف',
+        lowercase: 'نکے حرف',
+        capitalize: 'پہلا حرف وڈا',
+        clearFormatting: 'فارمیٹنگ ہٹاؤ',
+        outdent: 'حاشیہ گھٹاؤ',
+        indent: 'حاشیہ ودھاؤ',
+        formattingOptions: {
+            paragraph: 'پیراگراف',
+            heading: (level) => `سرلیکھ ${level}`,
+            numberedList: 'نمبردار لسٹ',
+            bulletList: 'بلٹ لسٹ',
+            taskList: 'ٹاسک لسٹ',
+            quote: 'حوالہ',
+        },
+        alignOptions: {
+            start: 'شروع دی سیدھ',
+            center: 'وچکار دی سیدھ',
+            end: 'آخری سیدھ',
+            justify: 'دوویں پاسے سیدھ',
+            left: 'بائیں سیدھ',
+            right: 'سجے سیدھ',
+        },
+    },
+    link: {
+        menuLabel: 'لنک',
+        noUrl: '(کوئی یو آر ایل نئیں)',
+        editLink: 'لنک وچ تبدیلی کرو',
+        removeLink: 'لنک ہٹاؤ',
+    },
+    linkDialog: {
+        titleInsert: 'لنک پاؤ',
+        titleEdit: 'لنک وچ تبدیلی کرو',
+        urlLabel: 'یو آر ایل',
+        urlPlaceholder: 'https://example.com',
+        textLabel: 'لکھت',
+        textPlaceholder: 'لنک دی لکھت (نہ دین تے یو آر ایل ای ورتیا جاوے گا)',
+        invalidUrl: 'کِرپا کر کے صحیح http(s)، mailto، tel یا نسبتی یو آر ایل پاؤ',
+        apply: 'لاگو کرو',
+    },
+    imageDialog: {
+        titleInsert: 'تصویر پاؤ',
+        titleEdit: 'تصویر وچ تبدیلی کرو',
+        currentImage: 'موجودہ تصویر',
+        fromUrl: 'یو آر ایل توں',
+        upload: 'اپ لوڈ',
+        embeddedInDocument: 'دستاویز وچ شامل',
+        linkedFrom: (src) => `${src} توں لنک کیتا گیا`,
+        convertButton: 'شامل تصویر وچ بدلو',
+        convertHint: 'دستاویز وچ اک کاپی ڈاؤن لوڈ کردا اے، تاں جو ایہنوں کٹیا، گھمایا تے سائز بدلیا جا سکے۔',
+        imageUrlLabel: 'تصویر دا یو آر ایل',
+        imageUrlPlaceholder: 'https://example.com/photo.jpg',
+        embedCopyLabel: 'دستاویز وچ اک کاپی شامل کرو',
+        embedCopyDescription: 'تصویر ڈاؤن لوڈ کردا اے تاں جو ایہنوں تبدیل کیتا جا سکے تے ایہہ یو آر ایل تے منحصر نہ رہے۔',
+        convertedFromUrl: 'یو آر ایل توں بدلیا گیا: اک کاپی دستاویز وچ شامل کیتی جاوے گی۔',
+        fileLabel: 'تصویر دی فائل',
+        filePlaceholder: 'اک تصویر چُنو',
+        fileDescription: (maxSizeMB, storedInDocument) => `${maxSizeMB} ایم بی تیک${storedInDocument ? '؛ دستاویز دے اندر سنبھالی جاندی اے' : ''}`,
+        altTextLabel: 'بدل متن',
+        altTextDescription: 'سکرین ریڈرز لئی تصویر دی وضاحت کردا اے',
+        captionLabel: 'کیپشن',
+        captionDescription: 'تصویر دے تھلے دکھایا جاندا اے۔ نہ چاہیدا تے خالی چھڈ دیو۔',
+        errors: {
+            enterUrl: 'اک http(s) یا نسبتی تصویر یو آر ایل پاؤ',
+            chooseFile: 'اک تصویر فائل چُنو',
+            noImage: 'کوئی تصویر نئیں',
+            uploadUnusable: 'اپ لوڈ ہینڈلر نے ناکارآمد یو آر ایل موڑیا',
+            couldNotSave: 'تصویر سنبھالی نئیں جا سکی',
+            couldNotConvert: 'تصویر بدلی نئیں جا سکی',
+            couldNotReadFile: 'فائل پڑھی نئیں جا سکی',
+            largerThan: (maxSizeMB) => `تصویر ${maxSizeMB} ایم بی توں وڈی اے`,
+        },
+    },
+    imageCropDialog: {
+        title: 'کٹو تے سائز بدلو',
+        sizeLabel: 'سائز',
+        widthLabel: 'چوڑائی (px)',
+        heightLabel: 'اُچائی (px)',
+        autoPlaceholder: 'خودکار',
+        keepProportions: 'تناسب رکھو',
+        originalSize: 'اصلی سائز',
+        dragHint: (natural) => `چُنی ہوئی تصویر تے کارنر ہینڈل گھسیٹ کے وی سائز بدلیا جا سکدا اے۔ ${natural ? `اصلی: ${natural.width} × ${natural.height} پکسل۔` : ''}`,
+        errors: {
+            uploadUnusable: 'اپ لوڈ ہینڈلر نے ناکارآمد یو آر ایل موڑیا',
+            couldNotSave: 'تصویر سنبھالی نئیں جا سکی',
+            largerThan: (maxSizeMB) => `تصویر ${maxSizeMB} ایم بی توں وڈی اے`,
+        },
+    },
+    imageMenu: {
+        editImage: 'تصویر وچ تبدیلی کرو…',
+        convertToEmbedded: 'شامل تصویر وچ بدلو',
+        cropResize: 'کٹو تے سائز بدلو…',
+        addCaption: 'کیپشن شامل کرو…',
+        editCaption: 'کیپشن وچ تبدیلی کرو…',
+        removeCaption: 'کیپشن ہٹاؤ',
+        deleteImage: 'تصویر مٹاؤ',
+        resizeImage: 'تصویر دا سائز بدلو',
+    },
+};
+export const STRINGS = {
+    en,
+    ur,
+    'pa-shahmukhi': paShahmukhi,
+};
+/** Returns the strings dictionary for `locale`, defensively falling back to
+ * `en` for any locale not present in `STRINGS` (e.g. a future locale value
+ * passed by a caller on an older type definition). */
+export function getStrings(locale) {
+    return STRINGS[locale] ?? STRINGS.en;
+}

package/dist/i18n/useStrings.d.ts

@@ -0,0 +1,10 @@
+import { type Locale, type Strings } from './strings.js';
+/** Returns the translated strings dictionary for `locale`. */
+export declare function useStrings(locale: Locale): Strings;
+/** Provided once at `EditorRoot`'s top level so components that aren't
+ * direct children (dialogs, context menus) can reach the current locale's
+ * strings without threading a `locale` prop through every intermediate
+ * component. */
+export declare const UiStringsContext: import("react").Context<Strings>;
+export declare function useUiStrings(): Strings;
+//# sourceMappingURL=useStrings.d.ts.map

package/dist/i18n/useStrings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStrings.d.ts","sourceRoot":"","sources":["../../src/i18n/useStrings.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,MAAM,EAAE,KAAK,OAAO,EAAE,MAAM,WAAW,CAAC;AAElE,8DAA8D;AAC9D,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAElD;AAED;;;gBAGgB;AAChB,eAAO,MAAM,gBAAgB,kCAA2C,CAAC;AAEzE,wBAAgB,YAAY,IAAI,OAAO,CAEtC"}

package/dist/i18n/useStrings.js

@@ -0,0 +1,14 @@
+import { createContext, useContext, useMemo } from 'react';
+import { getStrings } from './strings.js';
+/** Returns the translated strings dictionary for `locale`. */
+export function useStrings(locale) {
+    return useMemo(() => getStrings(locale), [locale]);
+}
+/** Provided once at `EditorRoot`'s top level so components that aren't
+ * direct children (dialogs, context menus) can reach the current locale's
+ * strings without threading a `locale` prop through every intermediate
+ * component. */
+export const UiStringsContext = createContext(getStrings('en'));
+export function useUiStrings() {
+    return useContext(UiStringsContext);
+}

package/dist/image/ImageComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageComponent.d.ts","sourceRoot":"","sources":["../../src/image/ImageComponent.tsx"],"names":[],"mappings":"AAKA,OAAO,EASL,KAAK,OAAO,EACb,MAAM,SAAS,CAAC;AAKjB,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,aAAa,CAAC;AAU5D,UAAU,mBAAmB;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,EAAE,aAAa,CAAC;IACxB,yFAAyF;IACzF,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,mBAAmB,+BAyP9G"}
+{"version":3,"file":"ImageComponent.d.ts","sourceRoot":"","sources":["../../src/image/ImageComponent.tsx"],"names":[],"mappings":"AAKA,OAAO,EASL,KAAK,OAAO,EACb,MAAM,SAAS,CAAC;AAMjB,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,aAAa,CAAC;AAU5D,UAAU,mBAAmB;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,EAAE,aAAa,CAAC;IACxB,yFAAyF;IACzF,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,mBAAmB,+BA0P9G"}

package/dist/image/ImageComponent.js

@@ -8,6 +8,7 @@ import { $getNodeByKey, $getSelection, $isNodeSelection, CLICK_COMMAND, COMMAND_
 import { ImageCropDialog } from './ImageCropDialog.js';
 import { ImageDialog } from './ImageDialog.js';
 import { useImageOptions } from './ImageOptionsContext.js';
+import { useUiStrings } from '../i18n/useStrings.js';
 import { dataUrlBytes, fetchImageAsDataUrl } from './imageEdit.js';
 // A type-only import of ImageNode (ImageNode itself imports this file), so the
 // node is recognised by its type string rather than `instanceof`.
@@ -26,6 +27,7 @@ const MIN_WIDTH = 32;
 export function ImageComponent({ nodeKey, src, altText, caption, linkType, width, height }) {
     const [editor] = useLexicalComposerContext();
     const options = useImageOptions();
+    const strings = useUiStrings();
     const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey);
     const imageRef = useRef(null);
     const figureRef = useRef(null);
@@ -82,7 +84,7 @@ export function ImageComponent({ nodeKey, src, altText, caption, linkType, width
         try {
             const dataUrl = await fetchImageAsDataUrl(src, options.fetchImage);
             if (dataUrlBytes(dataUrl) > options.maxSizeMB * 1024 * 1024) {
-                throw new Error(`Image is larger than ${options.maxSizeMB} MB`);
+                throw new Error(strings.imageDialog.errors.largerThan(options.maxSizeMB));
             }
             updateNode((node) => node.setSource(dataUrl, 'embedded'));
         }
@@ -154,10 +156,10 @@ export function ImageComponent({ nodeKey, src, altText, caption, linkType, width
             clearSelection();
             setSelected(true);
             setMenu({ x: e.clientX, y: e.clientY });
-        }, children: [_jsxs("span", { className: "likhari-image-wrap", children: [_jsx("img", { ref: imageRef, className: "likhari-image", src: src, alt: altText, width: shownWidth, draggable: false }), isSelected && linkType === 'embedded' && (_jsx("span", { className: "likhari-image-resize-handle", role: "separator", "aria-label": "Resize image", onPointerDown: onResizeDown, onPointerMove: onResizeMove, onPointerUp: onResizeUp, onPointerCancel: onResizeUp }))] }), caption && _jsx("figcaption", { className: "likhari-image-caption", children: caption }), _jsxs(Menu, { opened: menu !== null, onChange: (opened) => {
+        }, children: [_jsxs("span", { className: "likhari-image-wrap", children: [_jsx("img", { ref: imageRef, className: "likhari-image", src: src, alt: altText, width: shownWidth, draggable: false }), isSelected && linkType === 'embedded' && (_jsx("span", { className: "likhari-image-resize-handle", role: "separator", "aria-label": strings.imageMenu.resizeImage, onPointerDown: onResizeDown, onPointerMove: onResizeMove, onPointerUp: onResizeUp, onPointerCancel: onResizeUp }))] }), caption && _jsx("figcaption", { className: "likhari-image-caption", children: caption }), _jsxs(Menu, { opened: menu !== null, onChange: (opened) => {
                     if (!opened)
                         setMenu(null);
-                }, position: "bottom-start", withinPortal: true, shadow: "sm", width: 200, children: [_jsx(Menu.Target, { children: _jsx("span", { "aria-hidden": "true", style: { position: 'fixed', left: menu?.x ?? -9999, top: menu?.y ?? -9999, width: 1, height: 1, pointerEvents: 'none' } }) }), _jsxs(Menu.Dropdown, { children: [_jsx(Menu.Item, { leftSection: _jsx(IconPhotoEdit, { size: 16, stroke: 1.75 }), onClick: () => setDialog({}), children: "Edit image\u2026" }), linkType === 'linked' && options.allowEmbedded && (_jsx(Menu.Item, { leftSection: _jsx(IconPhotoDown, { size: 16, stroke: 1.75 }), onClick: () => void convertToEmbedded(), children: "Convert to embedded image" })), linkType === 'embedded' && (_jsx(Menu.Item, { leftSection: _jsx(IconCrop, { size: 16, stroke: 1.75 }), onClick: () => setCropDialogOpen(true), children: "Crop & resize\u2026" })), options.allowCaption && (_jsx(Menu.Item, { leftSection: _jsx(IconTextCaption, { size: 16, stroke: 1.75 }), onClick: () => setDialog({ intent: 'caption' }), children: caption ? 'Edit caption…' : 'Add caption…' })), options.allowCaption && caption && (_jsx(Menu.Item, { leftSection: _jsx(IconX, { size: 16, stroke: 1.75 }), onClick: () => updateNode((node) => node.setCaption(null)), children: "Remove caption" })), _jsx(Menu.Divider, {}), _jsx(Menu.Item, { color: "red", leftSection: _jsx(IconTrash, { size: 16, stroke: 1.75 }), onClick: removeImage, children: "Delete image" })] })] }), _jsx(ImageDialog, { mode: "edit", opened: dialog !== null, initial: { src, altText, caption, linkType }, intent: dialog?.intent, onSubmit: applyEdit, onClose: () => {
+                }, position: "bottom-start", withinPortal: true, shadow: "sm", width: 200, children: [_jsx(Menu.Target, { children: _jsx("span", { "aria-hidden": "true", style: { position: 'fixed', left: menu?.x ?? -9999, top: menu?.y ?? -9999, width: 1, height: 1, pointerEvents: 'none' } }) }), _jsxs(Menu.Dropdown, { children: [_jsx(Menu.Item, { leftSection: _jsx(IconPhotoEdit, { size: 16, stroke: 1.75 }), onClick: () => setDialog({}), children: strings.imageMenu.editImage }), linkType === 'linked' && options.allowEmbedded && (_jsx(Menu.Item, { leftSection: _jsx(IconPhotoDown, { size: 16, stroke: 1.75 }), onClick: () => void convertToEmbedded(), children: strings.imageMenu.convertToEmbedded })), linkType === 'embedded' && (_jsx(Menu.Item, { leftSection: _jsx(IconCrop, { size: 16, stroke: 1.75 }), onClick: () => setCropDialogOpen(true), children: strings.imageMenu.cropResize })), options.allowCaption && (_jsx(Menu.Item, { leftSection: _jsx(IconTextCaption, { size: 16, stroke: 1.75 }), onClick: () => setDialog({ intent: 'caption' }), children: caption ? strings.imageMenu.editCaption : strings.imageMenu.addCaption })), options.allowCaption && caption && (_jsx(Menu.Item, { leftSection: _jsx(IconX, { size: 16, stroke: 1.75 }), onClick: () => updateNode((node) => node.setCaption(null)), children: strings.imageMenu.removeCaption })), _jsx(Menu.Divider, {}), _jsx(Menu.Item, { color: "red", leftSection: _jsx(IconTrash, { size: 16, stroke: 1.75 }), onClick: removeImage, children: strings.imageMenu.deleteImage })] })] }), _jsx(ImageDialog, { mode: "edit", opened: dialog !== null, initial: { src, altText, caption, linkType }, intent: dialog?.intent, onSubmit: applyEdit, onClose: () => {
                     setDialog(null);
                     editor.focus();
                 } }), linkType === 'embedded' && (_jsx(ImageCropDialog, { opened: cropDialogOpen, initial: { src, width, height }, onSubmit: applyCrop, onClose: () => {

package/dist/image/ImageCropDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageCropDialog.d.ts","sourceRoot":"","sources":["../../src/image/ImageCropDialog.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB;oEACgE;IAChE,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;IACtE,QAAQ,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAChD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAqBD;;qEAEqE;AACrE,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,oBAAoB,+BAyJ3F"}
+{"version":3,"file":"ImageCropDialog.d.ts","sourceRoot":"","sources":["../../src/image/ImageCropDialog.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB;oEACgE;IAChE,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;IACtE,QAAQ,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAChD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAqBD;;qEAEqE;AACrE,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,oBAAoB,+BA6J3F"}

package/dist/image/ImageCropDialog.js

@@ -5,6 +5,7 @@ import { normalizeImageUrl } from './imageUrl.js';
 import { dataUrlBytes, dataUrlToFile, fitDimension, mimeFromSrc } from './imageEdit.js';
 import { ImageCropper } from './ImageCropper.js';
 import { useImageOptions } from './ImageOptionsContext.js';
+import { useUiStrings } from '../i18n/useStrings.js';
 /** Natural pixel size of an image URL (for the aspect ratio and size presets). */
 function useNaturalSize(src) {
     const [size, setSize] = useState(null);
@@ -29,6 +30,7 @@ function useNaturalSize(src) {
  * its context menu. Edits that change pixels are re-embedded as a data URI,
  * or stored through the host's `onImageUpload` when there is one. */
 export function ImageCropDialog({ opened, initial, onSubmit, onClose }) {
+    const strings = useUiStrings();
     const { maxSizeMB, onImageUpload } = useImageOptions();
     const [pixelSrc, setPixelSrc] = useState(null);
     const [width, setWidth] = useState(null);
@@ -75,7 +77,7 @@ export function ImageCropDialog({ opened, initial, onSubmit, onClose }) {
             let src = effectiveSrc;
             if (pixelSrc) {
                 if (dataUrlBytes(pixelSrc) > maxSizeMB * 1024 * 1024) {
-                    setError(`Image is larger than ${maxSizeMB} MB`);
+                    setError(strings.imageCropDialog.errors.largerThan(maxSizeMB));
                     return;
                 }
                 if (onImageUpload) {
@@ -83,7 +85,7 @@ export function ImageCropDialog({ opened, initial, onSubmit, onClose }) {
                     const ext = mimeFromSrc(pixelSrc).split('/')[1];
                     src = await onImageUpload(dataUrlToFile(pixelSrc, `image.${ext}`));
                     if (!normalizeImageUrl(src)) {
-                        setError('The upload handler returned an unusable image URL');
+                        setError(strings.imageCropDialog.errors.uploadUnusable);
                         return;
                     }
                 }
@@ -91,23 +93,26 @@ export function ImageCropDialog({ opened, initial, onSubmit, onClose }) {
             onSubmit({ src, width, height });
         }
         catch (err) {
-            setError(err instanceof Error ? err.message : 'Could not save the image');
+            // ImageCropper's own pixel-edit error message (imageEdit.ts,
+            // applyPixelOp) is shown as-is when present — see the note in
+            // ImageDialog.tsx for why that pure utility's messages stay English.
+            setError(err instanceof Error ? err.message : strings.imageCropDialog.errors.couldNotSave);
         }
         finally {
             setBusy(false);
         }
     };
-    return (_jsx(Modal, { opened: opened, onClose: onClose, title: "Crop & resize", centered: true, size: "lg", children: _jsx("form", { onSubmit: handleSubmit, children: _jsxs(Stack, { gap: "md", children: [_jsx(ImageCropper, { src: effectiveSrc, canReset: pixelSrc !== null, onApply: (edited) => {
+    return (_jsx(Modal, { opened: opened, onClose: onClose, title: strings.imageCropDialog.title, centered: true, size: "lg", children: _jsx("form", { onSubmit: handleSubmit, children: _jsxs(Stack, { gap: "md", children: [_jsx(ImageCropper, { src: effectiveSrc, canReset: pixelSrc !== null, onApply: (edited) => {
                             setPixelSrc(edited);
                             resetSize();
                         }, onReset: () => {
                             setPixelSrc(null);
                             setWidth(initial.width);
                             setHeight(initial.height);
-                        } }), _jsx(Divider, { label: "Size", labelPosition: "left" }), _jsxs(Stack, { gap: "sm", children: [_jsxs(Group, { grow: true, align: "flex-end", children: [_jsx(NumberInput, { label: "Width (px)", min: 1, max: 10000, hideControls: true, placeholder: natural ? String(natural.width) : 'Auto', value: width ?? '', onChange: (v) => onSizeChange('width', v) }), _jsx(NumberInput, { label: "Height (px)", min: 1, max: 10000, hideControls: true, placeholder: natural ? String(natural.height) : 'Auto', value: height ?? '', onChange: (v) => onSizeChange('height', v) })] }), _jsx(Checkbox, { label: "Keep proportions", checked: lockAspect, onChange: (e) => setLockAspect(e.currentTarget.checked) }), _jsxs(Group, { gap: "xs", children: [[25, 50, 75, 100].map((pct) => (_jsxs(Button, { size: "xs", variant: "default", disabled: !natural, onClick: () => {
+                        } }), _jsx(Divider, { label: strings.imageCropDialog.sizeLabel, labelPosition: "left" }), _jsxs(Stack, { gap: "sm", children: [_jsxs(Group, { grow: true, align: "flex-end", children: [_jsx(NumberInput, { label: strings.imageCropDialog.widthLabel, min: 1, max: 10000, hideControls: true, placeholder: natural ? String(natural.width) : strings.imageCropDialog.autoPlaceholder, value: width ?? '', onChange: (v) => onSizeChange('width', v) }), _jsx(NumberInput, { label: strings.imageCropDialog.heightLabel, min: 1, max: 10000, hideControls: true, placeholder: natural ? String(natural.height) : strings.imageCropDialog.autoPlaceholder, value: height ?? '', onChange: (v) => onSizeChange('height', v) })] }), _jsx(Checkbox, { label: strings.imageCropDialog.keepProportions, checked: lockAspect, onChange: (e) => setLockAspect(e.currentTarget.checked) }), _jsxs(Group, { gap: "xs", children: [[25, 50, 75, 100].map((pct) => (_jsxs(Button, { size: "xs", variant: "default", disabled: !natural, onClick: () => {
                                             if (!natural)
                                                 return;
                                             setWidth(Math.round((natural.width * pct) / 100));
                                             setHeight(Math.round((natural.height * pct) / 100));
-                                        }, children: [pct, "%"] }, pct))), _jsx(Button, { size: "xs", variant: "subtle", onClick: resetSize, children: "Original size" })] }), _jsxs(Text, { size: "xs", c: "dimmed", children: ["You can also drag the corner handle on a selected image. ", natural ? `Original: ${natural.width} × ${natural.height} px.` : ''] })] }), error && (_jsx(Alert, { color: "red", variant: "light", p: "xs", children: error })), _jsxs(Group, { justify: "flex-end", gap: "xs", children: [_jsx(Button, { variant: "default", onClick: onClose, children: "Cancel" }), _jsx(Button, { type: "submit", loading: busy, children: "Save" })] })] }) }) }));
+                                        }, children: [pct, "%"] }, pct))), _jsx(Button, { size: "xs", variant: "subtle", onClick: resetSize, children: strings.imageCropDialog.originalSize })] }), _jsx(Text, { size: "xs", c: "dimmed", children: strings.imageCropDialog.dragHint(natural) })] }), error && (_jsx(Alert, { color: "red", variant: "light", p: "xs", children: error })), _jsxs(Group, { justify: "flex-end", gap: "xs", children: [_jsx(Button, { variant: "default", onClick: onClose, children: strings.common.cancel }), _jsx(Button, { type: "submit", loading: busy, children: strings.common.save })] })] }) }) }));
 }

package/dist/image/ImageDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageDialog.d.ts","sourceRoot":"","sources":["../../src/image/ImageDialog.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,EAAE,aAAa,CAAC;IACxB;gFAC4E;IAC5E,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,qFAAqF;IACrF,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,0CAA0C;IAC1C,OAAO,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,QAAQ,EAAE,aAAa,CAAA;KAAE,CAAC;IAC5F;4CACwC;IACxC,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAaD;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,gBAAgB,+BAmPjG"}
+{"version":3,"file":"ImageDialog.d.ts","sourceRoot":"","sources":["../../src/image/ImageDialog.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,EAAE,aAAa,CAAC;IACxB;gFAC4E;IAC5E,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,qFAAqF;IACrF,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,0CAA0C;IAC1C,OAAO,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,QAAQ,EAAE,aAAa,CAAA;KAAE,CAAC;IAC5F;4CACwC;IACxC,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAaD;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,gBAAgB,+BAgQjG"}

package/dist/image/ImageDialog.js

@@ -5,11 +5,12 @@ import { IconPhotoDown } from '@tabler/icons-react';
 import { ACCEPTED_IMAGE_TYPES, normalizeImageUrl, validateImageFile } from './imageUrl.js';
 import { dataUrlBytes, dataUrlToFile, fetchImageAsDataUrl, mimeFromSrc } from './imageEdit.js';
 import { useImageOptions } from './ImageOptionsContext.js';
+import { useUiStrings } from '../i18n/useStrings.js';
 function readAsDataUrl(file) {
     return new Promise((resolve, reject) => {
         const reader = new FileReader();
         reader.onload = () => resolve(String(reader.result));
-        reader.onerror = () => reject(reader.error ?? new Error('Could not read the file'));
+        reader.onerror = () => reject(new Error('READ_FAILED'));
         reader.readAsDataURL(file);
     });
 }
@@ -21,6 +22,7 @@ function readAsDataUrl(file) {
  * image's context menu once it has pixels of its own to edit.
  */
 export function ImageDialog({ mode, opened, initial, intent, onSubmit, onClose }) {
+    const strings = useUiStrings();
     const { allowLinked, allowEmbedded, allowCaption, maxSizeMB, onImageUpload, fetchImage } = useImageOptions();
     const editing = mode === 'edit' && initial !== undefined;
     const defaultSource = editing ? 'keep' : allowLinked ? 'linked' : 'embedded';
@@ -74,8 +76,8 @@ export function ImageDialog({ mode, opened, initial, intent, onSubmit, onClose }
         try {
             setFileSrc(await readAsDataUrl(next));
         }
-        catch (err) {
-            setError(err instanceof Error ? err.message : 'Could not read the file');
+        catch {
+            setError(strings.imageDialog.errors.couldNotReadFile);
         }
     };
     /** Downloads a linked image and switches the dialog to its embedded copy. */
@@ -87,13 +89,17 @@ export function ImageDialog({ mode, opened, initial, intent, onSubmit, onClose }
         try {
             const dataUrl = await fetchImageAsDataUrl(src, fetchImage);
             if (dataUrlBytes(dataUrl) > maxSizeMB * 1024 * 1024)
-                throw new Error(`Image is larger than ${maxSizeMB} MB`);
+                throw new Error(strings.imageDialog.errors.largerThan(maxSizeMB));
             setSource('embedded');
             setFile(null);
             setFileSrc(dataUrl);
         }
         catch (err) {
-            setError(err instanceof Error ? err.message : 'Could not convert the image');
+            // fetchImageAsDataUrl's own errors (network/CORS failures, unsupported
+            // type) are English (packages/react/src/image/imageEdit.ts) — shown
+            // as-is since threading locale into that pure utility isn't worth the
+            // refactor here; only the size-limit message above is ours to localize.
+            setError(err instanceof Error ? err.message : strings.imageDialog.errors.couldNotConvert);
         }
         finally {
             setConverting(false);
@@ -103,7 +109,11 @@ export function ImageDialog({ mode, opened, initial, intent, onSubmit, onClose }
         e.preventDefault();
         setError(null);
         if (!baseSrc) {
-            setError(source === 'linked' ? 'Enter an http(s) or relative image URL' : source === 'embedded' ? 'Choose an image file' : 'No image');
+            setError(source === 'linked'
+                ? strings.imageDialog.errors.enterUrl
+                : source === 'embedded'
+                    ? strings.imageDialog.errors.chooseFile
+                    : strings.imageDialog.errors.noImage);
             return;
         }
         try {
@@ -119,7 +129,7 @@ export function ImageDialog({ mode, opened, initial, intent, onSubmit, onClose }
             }
             if (newPixels) {
                 if (dataUrlBytes(newPixels) > maxSizeMB * 1024 * 1024) {
-                    setError(`Image is larger than ${maxSizeMB} MB`);
+                    setError(strings.imageDialog.errors.largerThan(maxSizeMB));
                     return;
                 }
                 linkType = 'embedded';
@@ -129,7 +139,7 @@ export function ImageDialog({ mode, opened, initial, intent, onSubmit, onClose }
                     const upload = !file ? dataUrlToFile(newPixels, `image.${ext}`) : file;
                     src = await onImageUpload(upload);
                     if (!normalizeImageUrl(src)) {
-                        setError('The upload handler returned an unusable image URL');
+                        setError(strings.imageDialog.errors.uploadUnusable);
                         return;
                     }
                 }
@@ -146,17 +156,19 @@ export function ImageDialog({ mode, opened, initial, intent, onSubmit, onClose }
             });
         }
         catch (err) {
-            setError(err instanceof Error ? err.message : 'Could not save the image');
+            // fetchImageAsDataUrl's own network/CORS error message (imageEdit.ts)
+            // is shown as-is when present — see note in `convert` above.
+            setError(err instanceof Error ? err.message : strings.imageDialog.errors.couldNotSave);
         }
         finally {
             setBusy(false);
         }
     };
-    const convertButton = (_jsx(Button, { size: "xs", variant: "light", leftSection: _jsx(IconPhotoDown, { size: 14 }), loading: converting, disabled: !baseSrc, onClick: () => convert(baseSrc), children: "Convert to embedded image" }));
-    return (_jsx(Modal, { opened: opened, onClose: onClose, title: editing ? 'Edit image' : 'Insert image', centered: true, size: "sm", children: _jsx("form", { onSubmit: handleSubmit, children: _jsxs(Stack, { gap: "sm", children: [(editing || (allowLinked && allowEmbedded)) && (_jsx(SegmentedControl, { fullWidth: true, value: source, onChange: (v) => changeSource(v), data: [
-                            ...(editing ? [{ value: 'keep', label: 'Current image' }] : []),
-                            ...(allowLinked ? [{ value: 'linked', label: 'From URL' }] : []),
-                            ...(allowEmbedded ? [{ value: 'embedded', label: 'Upload' }] : []),
-                        ] })), source === 'keep' && (_jsxs(Stack, { gap: 6, children: [_jsx(Text, { size: "sm", c: "dimmed", lineClamp: 2, style: { wordBreak: 'break-all' }, children: initial?.linkType === 'embedded' ? 'Embedded in the document' : `Linked from ${initial?.src}` }), initial?.linkType === 'linked' && allowEmbedded && (_jsxs(Group, { gap: "xs", children: [convertButton, _jsx(Text, { size: "xs", c: "dimmed", children: "Downloads a copy into the document, so it can be cropped, rotated and resized." })] }))] })), source === 'linked' && (_jsxs(_Fragment, { children: [_jsx(TextInput, { label: "Image URL", placeholder: "https://example.com/photo.jpg", value: url, onChange: (e) => setUrl(e.currentTarget.value), "data-autofocus": intent !== 'caption' ? true : undefined }), allowEmbedded && (_jsx(Checkbox, { label: "Embed a copy in the document", description: "Downloads the image so it can be edited and no longer depends on the URL.", checked: embedCopy, onChange: (e) => setEmbedCopy(e.currentTarget.checked) }))] })), source === 'embedded' &&
-                        (convertedFromUrl ? (_jsx(Text, { size: "sm", c: "dimmed", children: "Converted from the URL: a copy will be embedded in the document." })) : (_jsx(FileInput, { label: "Image file", placeholder: "Choose an image", accept: ACCEPTED_IMAGE_TYPES.join(','), value: file, onChange: changeFile, description: `Up to ${maxSizeMB} MB${onImageUpload ? '' : '; stored inside the document'}` }))), _jsx(TextInput, { label: "Alt text", description: "Describes the image for screen readers", value: altText, onChange: (e) => setAltText(e.currentTarget.value) }), allowCaption && (_jsx(TextInput, { label: "Caption", description: "Shown under the image. Leave empty for none.", value: caption, onChange: (e) => setCaption(e.currentTarget.value), "data-autofocus": intent === 'caption' ? true : undefined })), error && (_jsx(Alert, { color: "red", variant: "light", p: "xs", children: error })), _jsxs(Group, { justify: "flex-end", gap: "xs", children: [_jsx(Button, { variant: "default", onClick: onClose, children: "Cancel" }), _jsx(Button, { type: "submit", loading: busy, children: editing ? 'Save' : 'Insert' })] })] }) }) }));
+    const convertButton = (_jsx(Button, { size: "xs", variant: "light", leftSection: _jsx(IconPhotoDown, { size: 14 }), loading: converting, disabled: !baseSrc, onClick: () => convert(baseSrc), children: strings.imageDialog.convertButton }));
+    return (_jsx(Modal, { opened: opened, onClose: onClose, title: editing ? strings.imageDialog.titleEdit : strings.imageDialog.titleInsert, centered: true, size: "sm", children: _jsx("form", { onSubmit: handleSubmit, children: _jsxs(Stack, { gap: "sm", children: [(editing || (allowLinked && allowEmbedded)) && (_jsx(SegmentedControl, { fullWidth: true, value: source, onChange: (v) => changeSource(v), data: [
+                            ...(editing ? [{ value: 'keep', label: strings.imageDialog.currentImage }] : []),
+                            ...(allowLinked ? [{ value: 'linked', label: strings.imageDialog.fromUrl }] : []),
+                            ...(allowEmbedded ? [{ value: 'embedded', label: strings.imageDialog.upload }] : []),
+                        ] })), source === 'keep' && (_jsxs(Stack, { gap: 6, children: [_jsx(Text, { size: "sm", c: "dimmed", lineClamp: 2, style: { wordBreak: 'break-all' }, children: initial?.linkType === 'embedded' ? strings.imageDialog.embeddedInDocument : strings.imageDialog.linkedFrom(initial?.src ?? '') }), initial?.linkType === 'linked' && allowEmbedded && (_jsxs(Group, { gap: "xs", children: [convertButton, _jsx(Text, { size: "xs", c: "dimmed", children: strings.imageDialog.convertHint })] }))] })), source === 'linked' && (_jsxs(_Fragment, { children: [_jsx(TextInput, { label: strings.imageDialog.imageUrlLabel, placeholder: strings.imageDialog.imageUrlPlaceholder, value: url, onChange: (e) => setUrl(e.currentTarget.value), "data-autofocus": intent !== 'caption' ? true : undefined }), allowEmbedded && (_jsx(Checkbox, { label: strings.imageDialog.embedCopyLabel, description: strings.imageDialog.embedCopyDescription, checked: embedCopy, onChange: (e) => setEmbedCopy(e.currentTarget.checked) }))] })), source === 'embedded' &&
+                        (convertedFromUrl ? (_jsx(Text, { size: "sm", c: "dimmed", children: strings.imageDialog.convertedFromUrl })) : (_jsx(FileInput, { label: strings.imageDialog.fileLabel, placeholder: strings.imageDialog.filePlaceholder, accept: ACCEPTED_IMAGE_TYPES.join(','), value: file, onChange: changeFile, description: strings.imageDialog.fileDescription(maxSizeMB, !onImageUpload) }))), _jsx(TextInput, { label: strings.imageDialog.altTextLabel, description: strings.imageDialog.altTextDescription, value: altText, onChange: (e) => setAltText(e.currentTarget.value) }), allowCaption && (_jsx(TextInput, { label: strings.imageDialog.captionLabel, description: strings.imageDialog.captionDescription, value: caption, onChange: (e) => setCaption(e.currentTarget.value), "data-autofocus": intent === 'caption' ? true : undefined })), error && (_jsx(Alert, { color: "red", variant: "light", p: "xs", children: error })), _jsxs(Group, { justify: "flex-end", gap: "xs", children: [_jsx(Button, { variant: "default", onClick: onClose, children: strings.common.cancel }), _jsx(Button, { type: "submit", loading: busy, children: editing ? strings.common.save : strings.common.insert })] })] }) }) }));
 }

package/dist/index.d.ts

@@ -5,4 +5,6 @@ export { ImageNode, $createImageNode, $isImageNode } from './image/ImageNode.js'
 export type { ImagePayload, ImageLinkType, SerializedImageNode } from './image/ImageNode.js';
 export { DEFAULT_FONT_OPTIONS, URDU_WEB_FONT_OPTIONS, FONT_SIZES_PX } from './fonts/index.js';
 export type { FontOption } from './fonts/index.js';
+export { STRINGS, getStrings, useStrings, useUiStrings, UiStringsContext } from './i18n/index.js';
+export type { Locale, Strings } from './i18n/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC9E,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC1F,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACrF,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC9E,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC1F,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACrF,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACzF,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}

package/dist/index.js

@@ -2,3 +2,4 @@ export { EditorRoot } from './EditorRoot.js';
 export { defaultMantineTheme } from './theme/mantineTheme.js';
 export { ImageNode, $createImageNode, $isImageNode } from './image/ImageNode.js';
 export { DEFAULT_FONT_OPTIONS, URDU_WEB_FONT_OPTIONS, FONT_SIZES_PX } from './fonts/index.js';
+export { STRINGS, getStrings, useStrings, useUiStrings, UiStringsContext } from './i18n/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inshapardaz/likhari-react",
-  "version": "0.1.6-dev.60",
+  "version": "0.1.6-dev.62",
   "description": "React implementation of the Likhari editor, built on @lexical/react.",
   "license": "MIT",
   "repository": {