@inshapardaz/likhari-react 0.1.21-dev.192 → 0.1.21-dev.196

package/dist/EditorRoot.d.ts

@@ -4,6 +4,7 @@ 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 DraftRestoreMode } from './components/DraftRestore.js';
+import { type AutoCorrectStore } from './autocorrect/autoCorrectStores.js';
 import { type Locale } from './i18n/index.js';
 /** What happens when the user is about to leave with unsaved changes. */
 export type NavigationGuardMode = 'confirm' | 'save-draft' | 'off';
@@ -13,6 +14,8 @@ export interface EditorInitialContent {
 }
 export interface EditorRootProps {
     documentId?: string;
+    /** Where auto-corrections are loaded from and saved to, in priority order. Pass a stable array. */
+    autoCorrectStores?: AutoCorrectStore[];
     initialContent?: EditorInitialContent;
     featureConfig?: EditorFeatureConfig;
     featurePreset?: FeatureConfigPresetName;

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;AAY1D,OAAO,KAAK,EAA8B,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEjF,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;AAOjE,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAahF,OAAO,EAAgC,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AAMnE,yEAAyE;AACzE,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,YAAY,GAAG,KAAK,CAAC;AAEnE,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,QAAQ,CAAC;IACjB,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;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,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;IAC3B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC;;;;;;;;;;;;;;;OAeG;IACH,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,uGAAuG;IACvG,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3E,6EAA6E;IAC7E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,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,uGA2XrB,CAAC"}
+{"version":3,"file":"EditorRoot.d.ts","sourceRoot":"","sources":["../src/EditorRoot.tsx"],"names":[],"mappings":"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"}

package/dist/EditorRoot.js

@@ -27,6 +27,11 @@ import { PoetryPlugin } from './plugins/PoetryPlugin.js';
 import { PoetryResizer } from './blocks/PoetryResizer.js';
 import { DraftRestore } from './components/DraftRestore.js';
 import { FindReplaceBar } from './components/FindReplaceBar.js';
+import { AutoCorrectPanel } from './components/AutoCorrectPanel.js';
+import { AutoCorrectPlugin } from './autocorrect/AutoCorrectPlugin.js';
+import { localStorageAutoCorrectStore } from './autocorrect/autoCorrectStores.js';
+import { SpellcheckPanel } from './components/SpellcheckPanel.js';
+import { SpellHighlightPlugin } from './spellcheck/SpellHighlightPlugin.js';
 import { LeaveDialog } from './components/LeaveDialog.js';
 import { clearDraft, createDraftId, hasDraftContent, pruneDrafts, writeDraft, } from './persistence/draftStorage.js';
 import { ImageOptionsContext } from './image/ImageOptionsContext.js';
@@ -35,13 +40,15 @@ import { UiStringsContext, getStrings } from './i18n/index.js';
 const DEFAULT_AUTOSAVE_DELAY_MS = 750;
 const DEFAULT_AUTOSAVE_MAX_BYTES = 2000000;
 const DEFAULT_AUTOSAVE_MAX_DRAFTS = 20;
+/** Used when the host passes no stores: corrections are kept in this browser. */
+const DEFAULT_AUTOCORRECT_STORES = [localStorageAutoCorrectStore()];
 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, accentColor, locale = 'en', placeholder, height = '480px', onChange, onSave, showSave = Boolean(onSave), onImageUpload, fetchImage, fontOptions, autosave = true, restoreDraft = 'prompt', navigationGuard = 'confirm', onDraftRestored, autosaveDelayMs = DEFAULT_AUTOSAVE_DELAY_MS, autosaveMaxBytes = DEFAULT_AUTOSAVE_MAX_BYTES, autosaveMaxDrafts = DEFAULT_AUTOSAVE_MAX_DRAFTS, }, ref) {
+export const EditorRoot = forwardRef(function EditorRoot({ documentId, autoCorrectStores, initialContent, featureConfig, featurePreset, theme, colorScheme, accentColor, locale = 'en', placeholder, height = '480px', onChange, onSave, showSave = Boolean(onSave), onImageUpload, fetchImage, fontOptions, autosave = true, restoreDraft = 'prompt', navigationGuard = 'confirm', onDraftRestored, autosaveDelayMs = DEFAULT_AUTOSAVE_DELAY_MS, autosaveMaxBytes = DEFAULT_AUTOSAVE_MAX_BYTES, autosaveMaxDrafts = DEFAULT_AUTOSAVE_MAX_DRAFTS, }, ref) {
     const config = useMemo(() => resolveFeatureConfig(featureConfig, featurePreset), [featureConfig, featurePreset]);
     const strings = useMemo(() => getStrings(locale), [locale]);
     const resolvedPlaceholder = placeholder ?? strings.editor.placeholder;
@@ -68,7 +75,10 @@ export const EditorRoot = forwardRef(function EditorRoot({ documentId, initialCo
     const editorStateRef = useRef(null);
     const lastSavedJsonRef = useRef(null);
     const [isDirty, setIsDirty] = useState(false);
-    const [findOpen, setFindOpen] = useState(false);
+    const [openPanel, setOpenPanel] = useState(null);
+    const [autoCorrectVersion, setAutoCorrectVersion] = useState(0);
+    const stores = autoCorrectStores ?? DEFAULT_AUTOCORRECT_STORES;
+    const togglePanel = (panel) => setOpenPanel((current) => (current === panel ? null : panel));
     const isDirtyRef = useRef(isDirty);
     isDirtyRef.current = isDirty;
     const autosaveTimerRef = useRef(null);
@@ -281,9 +291,9 @@ export const EditorRoot = forwardRef(function EditorRoot({ documentId, initialCo
     // rather than colliding on a shared one.
     const portalTargetId = useId();
     const portalTargetSelector = `#${CSS.escape(portalTargetId)}`;
-    return (_jsx(EditorThemeProvider, { theme: theme, colorScheme: colorScheme, accentColor: accentColor, scopeElementId: portalTargetId, children: _jsxs("div", { className: "likhari-root", dir: dir, ref: rootElementRef, "data-document-id": documentId, style: { height: typeof height === 'number' ? `${height}px` : height }, children: [_jsx("div", { id: portalTargetId, className: "likhari-portal-target" }), _jsx(PortalTargetContext.Provider, { value: portalTargetSelector, children: _jsxs(UiStringsContext.Provider, { value: strings, children: [_jsx(ImageOptionsContext.Provider, { value: imageOptions, children: _jsxs(LexicalComposer, { initialConfig: initialConfig, children: [_jsx(Toolbar, { config: config, onSave: handleSave, findOpen: findOpen, onToggleFind: () => setFindOpen((v) => !v), isDirty: isDirty, showSave: showSave, fontOptions: fontOptions, direction: dir, locale: locale, drafts: autosave
+    return (_jsx(EditorThemeProvider, { theme: theme, colorScheme: colorScheme, accentColor: accentColor, scopeElementId: portalTargetId, children: _jsxs("div", { className: "likhari-root", dir: dir, ref: rootElementRef, "data-document-id": documentId, style: { height: typeof height === 'number' ? `${height}px` : height }, children: [_jsx("div", { id: portalTargetId, className: "likhari-portal-target" }), _jsx(PortalTargetContext.Provider, { value: portalTargetSelector, children: _jsxs(UiStringsContext.Provider, { value: strings, children: [_jsx(ImageOptionsContext.Provider, { value: imageOptions, children: _jsxs(LexicalComposer, { initialConfig: initialConfig, children: [_jsx(Toolbar, { config: config, onSave: handleSave, findOpen: openPanel === 'find', onToggleFind: () => togglePanel('find'), spellOpen: openPanel === 'spell', onToggleSpell: () => togglePanel('spell'), autoCorrectOpen: openPanel === 'autocorrect', onToggleAutoCorrect: () => togglePanel('autocorrect'), isDirty: isDirty, showSave: showSave, fontOptions: fontOptions, direction: dir, locale: locale, drafts: autosave
                                                 ? { currentId: draftId, maxBytes: autosaveMaxBytes, adoptOnRestore: !documentId, onRestored: handleDraftRestored }
-                                                : undefined }), documentId && (_jsx(DraftRestore, { draftId: documentId, mode: restoreDraft, initialJson: initialContentJsonRef.current, locale: locale, onRestored: handleDraftRestored })), _jsxs("div", { className: "likhari-canvas-frame", children: [config.findReplace && findOpen && _jsx(FindReplaceBar, { strings: strings, dir: dir, onClose: () => setFindOpen(false) }), _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, {}), config.blocks.pageBreak && _jsx(PageBreakPlugin, {}), config.columns && _jsx(LayoutPlugin, {}), config.footnotes && _jsx(FootnotePlugin, {}), config.poetry.enabled && _jsx(PoetryPlugin, {}), config.poetry.enabled && _jsx(PoetryResizer, {}), config.tables && _jsx(TablePlugin, { hasCellMerge: true, hasTabHandler: true }), config.blocks.horizontalRule && _jsx(HorizontalRulePlugin, {}), _jsx(EditorInstancePlugin, { instanceRef: editorInstanceRef }), _jsx(OnChangePlugin, { onChange: handleChange })] }) }), _jsx(LeaveDialog, { opened: leavePrompt !== null, canSave: Boolean(onSave), canSaveDraft: autosave || navigationGuard === 'save-draft', draftFailed: leavePrompt?.draftFailed ?? false, onSave: () => {
+                                                : undefined }), documentId && (_jsx(DraftRestore, { draftId: documentId, mode: restoreDraft, initialJson: initialContentJsonRef.current, locale: locale, onRestored: handleDraftRestored })), _jsxs("div", { className: "likhari-canvas-frame", children: [config.findReplace && openPanel === 'find' && _jsx(FindReplaceBar, { strings: strings, dir: dir, onClose: () => setOpenPanel(null) }), config.language.spellCheck && openPanel === 'spell' && (_jsx(SpellcheckPanel, { strings: strings, dir: dir, onClose: () => setOpenPanel(null) })), config.language.autocorrect && openPanel === 'autocorrect' && (_jsx(AutoCorrectPanel, { strings: strings, dir: dir, stores: stores, onSaved: () => setAutoCorrectVersion((v) => v + 1), onClose: () => setOpenPanel(null) })), _jsx("div", { className: "likhari-canvas", children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: "likhari-content-editable", dir: dir, spellCheck: false, "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, {}), config.blocks.pageBreak && _jsx(PageBreakPlugin, {}), config.language.spellCheck && _jsx(SpellHighlightPlugin, {}), config.language.autocorrect && _jsx(AutoCorrectPlugin, { stores: stores, version: autoCorrectVersion, enabled: true }), config.columns && _jsx(LayoutPlugin, {}), config.footnotes && _jsx(FootnotePlugin, {}), config.poetry.enabled && _jsx(PoetryPlugin, {}), config.poetry.enabled && _jsx(PoetryResizer, {}), config.tables && _jsx(TablePlugin, { hasCellMerge: true, hasTabHandler: true }), config.blocks.horizontalRule && _jsx(HorizontalRulePlugin, {}), _jsx(EditorInstancePlugin, { instanceRef: editorInstanceRef }), _jsx(OnChangePlugin, { onChange: handleChange })] }) }), _jsx(LeaveDialog, { opened: leavePrompt !== null, canSave: Boolean(onSave), canSaveDraft: autosave || navigationGuard === 'save-draft', draftFailed: leavePrompt?.draftFailed ?? false, onSave: () => {
                                     handleSave();
                                     settleLeave(true);
                                 }, onSaveDraft: () => {

package/dist/autocorrect/AutoCorrectPlugin.d.ts

@@ -0,0 +1,14 @@
+import { type AutoCorrectStore } from './autoCorrectStores.js';
+/**
+ * Corrects typed words as the user finishes them, the way the reference editor
+ * does, but from any set of stores. Corrections are loaded once per change
+ * of `stores` or `version` (bump `version` after saving a new correction so
+ * the table reloads). The table used depends on the block's direction: RTL
+ * blocks use the Urdu and Shahmukhi tables, LTR blocks the English one.
+ */
+export declare function AutoCorrectPlugin({ stores, version, enabled }: {
+    stores: AutoCorrectStore[];
+    version: number;
+    enabled: boolean;
+}): null;
+//# sourceMappingURL=AutoCorrectPlugin.d.ts.map

package/dist/autocorrect/AutoCorrectPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCorrectPlugin.d.ts","sourceRoot":"","sources":["../../src/autocorrect/AutoCorrectPlugin.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAOjF;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;IAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,QAuDhI"}

package/dist/autocorrect/AutoCorrectPlugin.js

@@ -0,0 +1,68 @@
+import { useEffect, useRef } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $getSelection, $isRangeSelection } from 'lexical';
+import { $correctWordBeforeCaret } from './autoCorrectActions.js';
+import { loadAutoCorrections } from './autoCorrectStores.js';
+/** Keys that end a word: a space or punctuation, in Latin and Arabic-script forms. */
+const BOUNDARY_KEYS = new Set([' ', '.', ',', ';', ':', '!', '?', '،', '؛', '؟', '۔']);
+const LANGUAGES = ['en', 'ur', 'pa-shahmukhi'];
+/**
+ * Corrects typed words as the user finishes them, the way the reference editor
+ * does, but from any set of stores. Corrections are loaded once per change
+ * of `stores` or `version` (bump `version` after saving a new correction so
+ * the table reloads). The table used depends on the block's direction: RTL
+ * blocks use the Urdu and Shahmukhi tables, LTR blocks the English one.
+ */
+export function AutoCorrectPlugin({ stores, version, enabled }) {
+    const [editor] = useLexicalComposerContext();
+    const tables = useRef(new Map());
+    useEffect(() => {
+        if (!enabled)
+            return;
+        let active = true;
+        Promise.all(LANGUAGES.map(async (language) => [language, await loadAutoCorrections(stores, language)])).then((loaded) => {
+            if (!active)
+                return;
+            tables.current = new Map(loaded);
+        });
+        return () => {
+            active = false;
+        };
+    }, [stores, version, enabled]);
+    useEffect(() => {
+        if (!enabled)
+            return;
+        const tableFor = (rtl) => {
+            const language = rtl ? 'ur' : 'en';
+            return tables.current.get(language);
+        };
+        const onKeyDown = (event) => {
+            if (event.isComposing || !BOUNDARY_KEYS.has(event.key))
+                return;
+            // The character is inserted after this event; correct the word once it is there.
+            setTimeout(() => {
+                editor.update(() => {
+                    const selection = $getSelection();
+                    if (!$isRangeSelection(selection))
+                        return;
+                    const block = selection.anchor.getNode().getTopLevelElement();
+                    const table = tableFor(block?.getDirection() === 'rtl');
+                    if (table)
+                        $correctWordBeforeCaret(table);
+                }, { discrete: true });
+            }, 0);
+        };
+        let root = null;
+        const attach = (next) => {
+            root?.removeEventListener('keydown', onKeyDown);
+            root = next;
+            root?.addEventListener('keydown', onKeyDown);
+        };
+        const unregister = editor.registerRootListener((next) => attach(next));
+        return () => {
+            unregister();
+            attach(null);
+        };
+    }, [editor, enabled]);
+    return null;
+}

package/dist/autocorrect/autoCorrectActions.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Corrects the word that ends just before the caret, when the character just
+ * typed (the word boundary: space or punctuation) is not a word character. The
+ * correction replaces only the word, and the caret stays right after the
+ * boundary. Returns true if a correction was made.
+ */
+export declare function $correctWordBeforeCaret(table: Map<string, string>): boolean;
+//# sourceMappingURL=autoCorrectActions.d.ts.map

package/dist/autocorrect/autoCorrectActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autoCorrectActions.d.ts","sourceRoot":"","sources":["../../src/autocorrect/autoCorrectActions.ts"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,OAAO,CAiC3E"}

package/dist/autocorrect/autoCorrectActions.js

@@ -0,0 +1,42 @@
+import { $getSelection, $isRangeSelection, $isTextNode } from 'lexical';
+import { $replaceMatch } from '../find/findReplaceActions.js';
+/** The part of a word that counts as word characters at its end. */
+const WORD_END = /[\p{L}\p{M}'’]+$/u;
+const WORD_CHAR = /[\p{L}\p{M}'’]/u;
+/**
+ * Corrects the word that ends just before the caret, when the character just
+ * typed (the word boundary: space or punctuation) is not a word character. The
+ * correction replaces only the word, and the caret stays right after the
+ * boundary. Returns true if a correction was made.
+ */
+export function $correctWordBeforeCaret(table) {
+    const selection = $getSelection();
+    if (!$isRangeSelection(selection) || !selection.isCollapsed())
+        return false;
+    const anchor = selection.anchor;
+    const node = anchor.getNode();
+    if (!$isTextNode(node))
+        return false;
+    const before = node.getTextContent().slice(0, anchor.offset);
+    const boundary = before.slice(-1);
+    if (boundary === '' || WORD_CHAR.test(boundary))
+        return false;
+    const body = before.slice(0, -1);
+    const word = WORD_END.exec(body)?.[0];
+    if (!word)
+        return false;
+    const replacement = table.get(word);
+    if (replacement === undefined || replacement === word)
+        return false;
+    const start = body.length - word.length;
+    $replaceMatch({ anchorKey: node.getKey(), anchorOffset: start, focusKey: node.getKey(), focusOffset: body.length }, replacement);
+    // Put the caret back after the boundary the user typed, not at the end of the replacement.
+    const after = $getSelection();
+    if ($isRangeSelection(after)) {
+        const focusNode = after.focus.getNode();
+        const caret = after.focus.offset + boundary.length;
+        after.anchor.set(focusNode.getKey(), caret, 'text');
+        after.focus.set(focusNode.getKey(), caret, 'text');
+    }
+    return true;
+}

package/dist/autocorrect/autoCorrectStores.d.ts

@@ -0,0 +1,52 @@
+import type { SpellLanguage } from '../spellcheck/spellDictionaries.js';
+/** One correction: a typed word and what it should become. */
+export interface AutoCorrectEntry {
+    from: string;
+    to: string;
+}
+/**
+ * Where auto-corrections come from and go. The host supplies any number of
+ * stores; corrections from all of them are merged, and when two stores
+ * correct the same word, the one listed first wins. New corrections are
+ * appended to the first store that accepts writes.
+ */
+export interface AutoCorrectStore {
+    readonly id: string;
+    /** A store without `append` (or with `readOnly`) is never written to. */
+    readonly readOnly?: boolean;
+    load(language: SpellLanguage): Promise<AutoCorrectEntry[]>;
+    append?(language: SpellLanguage, entry: AutoCorrectEntry): Promise<void>;
+}
+/**
+ * Corrections kept in this browser's localStorage. Storage can be disabled or
+ * full, so every access is guarded: a failure means "no corrections", never a
+ * broken editor.
+ */
+export declare function localStorageAutoCorrectStore(options?: {
+    key?: string;
+}): AutoCorrectStore;
+/**
+ * Corrections served by an API. `load` calls `GET {url}?language=xx` and expects
+ * a JSON array of `{ from, to }`; `append` calls `POST {url}` with
+ * `{ language, from, to }`. Credentials and headers belong to the host.
+ */
+export declare function apiAutoCorrectStore(options: {
+    id?: string;
+    url: string;
+    headers?: Record<string, string>;
+    fetch?: typeof fetch;
+}): AutoCorrectStore;
+/**
+ * Corrections from a JSON file the host publishes — a list of `{ language, from, to }`.
+ * Read-only: it has no way to write back to a static file.
+ */
+export declare function fileAutoCorrectStore(options: {
+    id?: string;
+    url: string;
+    fetch?: typeof fetch;
+}): AutoCorrectStore;
+/** Corrections for one language, merged across stores. Failing stores are skipped. */
+export declare function loadAutoCorrections(stores: AutoCorrectStore[], language: SpellLanguage): Promise<Map<string, string>>;
+/** Saves a correction to the first store that accepts writes. Returns false if none does. */
+export declare function appendAutoCorrection(stores: AutoCorrectStore[], language: SpellLanguage, entry: AutoCorrectEntry): Promise<boolean>;
+//# sourceMappingURL=autoCorrectStores.d.ts.map

package/dist/autocorrect/autoCorrectStores.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autoCorrectStores.d.ts","sourceRoot":"","sources":["../../src/autocorrect/autoCorrectStores.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAErE,8DAA8D;AAC9D,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ;AAED;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,yEAAyE;IACzE,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,QAAQ,EAAE,aAAa,GAAG,OAAO,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,CAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1E;AAkBD;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,GAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAO,GAAG,gBAAgB,CA6B7F;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE;IAC3C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,KAAK,CAAC;CACtB,GAAG,gBAAgB,CAmBnB;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,KAAK,CAAA;CAAE,GAAG,gBAAgB,CAkBlH;AAED,sFAAsF;AACtF,wBAAsB,mBAAmB,CAAC,MAAM,EAAE,gBAAgB,EAAE,EAAE,QAAQ,EAAE,aAAa,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAQ3H;AAED,6FAA6F;AAC7F,wBAAsB,oBAAoB,CAAC,MAAM,EAAE,gBAAgB,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAAC,OAAO,CAAC,CAKzI"}

package/dist/autocorrect/autoCorrectStores.js

@@ -0,0 +1,115 @@
+const STORAGE_KEY = 'likhari-autocorrect';
+function isEntry(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        typeof value.from === 'string' &&
+        typeof value.to === 'string' &&
+        value.from !== '');
+}
+/**
+ * Corrections kept in this browser's localStorage. Storage can be disabled or
+ * full, so every access is guarded: a failure means "no corrections", never a
+ * broken editor.
+ */
+export function localStorageAutoCorrectStore(options = {}) {
+    const key = options.key ?? STORAGE_KEY;
+    function readAll() {
+        try {
+            const parsed = JSON.parse(localStorage.getItem(key) ?? '[]');
+            return Array.isArray(parsed) ? parsed.filter((e) => isEntry(e) && 'language' in e) : [];
+        }
+        catch {
+            return [];
+        }
+    }
+    return {
+        id: 'local-storage',
+        async load(language) {
+            return readAll()
+                .filter((e) => e.language === language)
+                .map(({ from, to }) => ({ from, to }));
+        },
+        async append(language, entry) {
+            const all = readAll().filter((e) => !(e.language === language && e.from === entry.from));
+            all.push({ language, from: entry.from, to: entry.to });
+            try {
+                localStorage.setItem(key, JSON.stringify(all));
+            }
+            catch {
+                // Quota exceeded or storage disabled: the correction is kept for this session only.
+            }
+        },
+    };
+}
+/**
+ * Corrections served by an API. `load` calls `GET {url}?language=xx` and expects
+ * a JSON array of `{ from, to }`; `append` calls `POST {url}` with
+ * `{ language, from, to }`. Credentials and headers belong to the host.
+ */
+export function apiAutoCorrectStore(options) {
+    const doFetch = options.fetch ?? fetch;
+    return {
+        id: options.id ?? 'api',
+        async load(language) {
+            const response = await doFetch(`${options.url}?language=${encodeURIComponent(language)}`, { headers: options.headers });
+            if (!response.ok)
+                throw new Error(`Auto-correct API failed: ${response.status}`);
+            const data = await response.json();
+            return Array.isArray(data) ? data.filter(isEntry).map(({ from, to }) => ({ from, to })) : [];
+        },
+        async append(language, entry) {
+            const response = await doFetch(options.url, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json', ...options.headers },
+                body: JSON.stringify({ language, from: entry.from, to: entry.to }),
+            });
+            if (!response.ok)
+                throw new Error(`Auto-correct API rejected the entry: ${response.status}`);
+        },
+    };
+}
+/**
+ * Corrections from a JSON file the host publishes — a list of `{ language, from, to }`.
+ * Read-only: it has no way to write back to a static file.
+ */
+export function fileAutoCorrectStore(options) {
+    const doFetch = options.fetch ?? fetch;
+    let cached = null;
+    const all = () => {
+        cached ?? (cached = doFetch(options.url).then(async (response) => {
+            if (!response.ok)
+                throw new Error(`Auto-correct file failed: ${response.status}`);
+            const data = await response.json();
+            return Array.isArray(data) ? data.filter((e) => isEntry(e) && 'language' in e) : [];
+        }));
+        return cached;
+    };
+    return {
+        id: options.id ?? 'file',
+        readOnly: true,
+        async load(language) {
+            return (await all()).filter((e) => e.language === language).map(({ from, to }) => ({ from, to }));
+        },
+    };
+}
+/** Corrections for one language, merged across stores. Failing stores are skipped. */
+export async function loadAutoCorrections(stores, language) {
+    const table = new Map();
+    const results = await Promise.allSettled(stores.map((store) => store.load(language)));
+    results.forEach((result) => {
+        if (result.status !== 'fulfilled')
+            return;
+        for (const entry of result.value)
+            if (!table.has(entry.from))
+                table.set(entry.from, entry.to);
+    });
+    return table;
+}
+/** Saves a correction to the first store that accepts writes. Returns false if none does. */
+export async function appendAutoCorrection(stores, language, entry) {
+    const writable = stores.find((store) => !store.readOnly && store.append);
+    if (!writable?.append)
+        return false;
+    await writable.append(language, entry);
+    return true;
+}

package/dist/components/AutoCorrectPanel.d.ts

@@ -0,0 +1,15 @@
+import type { Strings } from '../i18n/strings.js';
+import { type AutoCorrectStore } from '../autocorrect/autoCorrectStores.js';
+/**
+ * Adds one correction (a typed word and its replacement) to the first store
+ * that accepts writes. Saving bumps the editor's correction version, so the new
+ * entry applies to the next word the user types.
+ */
+export declare function AutoCorrectPanel({ strings, dir, stores, onSaved, onClose, }: {
+    strings: Strings;
+    dir: 'ltr' | 'rtl';
+    stores: AutoCorrectStore[];
+    onSaved: () => void;
+    onClose: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=AutoCorrectPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCorrectPanel.d.ts","sourceRoot":"","sources":["../../src/components/AutoCorrectPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAwB,KAAK,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAS/F;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,GAAG,EACH,MAAM,EACN,OAAO,EACP,OAAO,GACR,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,KAAK,GAAG,KAAK,CAAC;IACnB,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAqEA"}

package/dist/components/AutoCorrectPanel.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { IconX } from '@tabler/icons-react';
+import { appendAutoCorrection } from '../autocorrect/autoCorrectStores.js';
+const LANGUAGES = [
+    { value: 'en', label: 'English' },
+    { value: 'ur', label: 'اردو' },
+    { value: 'pa-shahmukhi', label: 'پنجابی (شاہ مکھی)' },
+];
+/**
+ * Adds one correction (a typed word and its replacement) to the first store
+ * that accepts writes. Saving bumps the editor's correction version, so the new
+ * entry applies to the next word the user types.
+ */
+export function AutoCorrectPanel({ strings, dir, stores, onSaved, onClose, }) {
+    const t = strings.autoCorrect;
+    const [language, setLanguage] = useState('en');
+    const [from, setFrom] = useState('');
+    const [to, setTo] = useState('');
+    const [status, setStatus] = useState('idle');
+    const save = async () => {
+        const entry = { from: from.trim(), to: to.trim() };
+        if (entry.from === '' || entry.to === '' || entry.from === entry.to)
+            return;
+        try {
+            const written = await appendAutoCorrection(stores, language, entry);
+            if (!written) {
+                setStatus('nowhere');
+                return;
+            }
+            setStatus('saved');
+            setFrom('');
+            setTo('');
+            onSaved();
+        }
+        catch {
+            setStatus('failed');
+        }
+    };
+    return (_jsxs("div", { className: "likhari-autocorrect-panel", role: "region", "aria-label": t.title, dir: dir, children: [_jsxs("div", { className: "likhari-spell-header", children: [_jsx("strong", { children: t.title }), _jsx("button", { type: "button", className: "likhari-spell-icon", onClick: onClose, "aria-label": t.close, title: t.close, children: _jsx(IconX, { size: 14, stroke: 1.75 }) })] }), _jsxs("label", { className: "likhari-autocorrect-field", children: [t.language, _jsx("select", { value: language, onChange: (e) => {
+                            setLanguage(e.target.value);
+                            setStatus('idle');
+                        }, children: LANGUAGES.map((l) => (_jsx("option", { value: l.value, children: l.label }, l.value))) })] }), _jsxs("label", { className: "likhari-autocorrect-field", children: [t.from, _jsx("input", { value: from, onChange: (e) => setFrom(e.target.value), placeholder: t.fromPlaceholder })] }), _jsxs("label", { className: "likhari-autocorrect-field", children: [t.to, _jsx("input", { value: to, onChange: (e) => setTo(e.target.value), placeholder: t.toPlaceholder })] }), _jsxs("div", { className: "likhari-autocorrect-actions", children: [_jsx("button", { type: "button", onClick: save, disabled: from.trim() === '' || to.trim() === '', children: t.save }), _jsxs("span", { className: "likhari-spell-note", "aria-live": "polite", children: [status === 'saved' && t.saved, status === 'nowhere' && t.noWritableStore, status === 'failed' && t.failed] })] })] }));
+}

package/dist/components/SpellcheckPanel.d.ts

@@ -0,0 +1,13 @@
+import type { Strings } from '../i18n/strings.js';
+/**
+ * Steps through the misspelled words one at a time, like the find widget.
+ * Each word is selected in the editor as it comes up, and its suggestions
+ * can replace it. Checking reads the document on demand, so it never flags
+ * words while the user is still typing.
+ */
+export declare function SpellcheckPanel({ strings, dir, onClose }: {
+    strings: Strings;
+    dir: 'ltr' | 'rtl';
+    onClose: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=SpellcheckPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpellcheckPanel.d.ts","sourceRoot":"","sources":["../../src/components/SpellcheckPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAmB/C;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,GAAG,EAAE,KAAK,GAAG,KAAK,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,+BA2IvH"}

package/dist/components/SpellcheckPanel.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { IconChevronDown, IconX } from '@tabler/icons-react';
+import { $replaceMatch, $selectMatch } from '../find/findReplaceActions.js';
+import { $collectMisspellings } from '../spellcheck/spellcheckActions.js';
+import { getSpeller, hasSpellDictionary } from '../spellcheck/spellDictionaries.js';
+const LANGUAGES = [
+    { value: 'en', label: 'English' },
+    { value: 'ur', label: 'اردو' },
+    { value: 'pa-shahmukhi', label: 'پنجابی (شاہ مکھی)' },
+];
+const SUGGESTIONS_PER_WORD = 3;
+/**
+ * Steps through the misspelled words one at a time, like the find widget.
+ * Each word is selected in the editor as it comes up, and its suggestions
+ * can replace it. Checking reads the document on demand, so it never flags
+ * words while the user is still typing.
+ */
+export function SpellcheckPanel({ strings, dir, onClose }) {
+    const [editor] = useLexicalComposerContext();
+    const t = strings.spellcheck;
+    const [language, setLanguage] = useState('en');
+    const [items, setItems] = useState(null);
+    const [index, setIndex] = useState(0);
+    const [checking, setChecking] = useState(false);
+    const available = hasSpellDictionary(language);
+    const current = items?.[index];
+    // Selects an item in the editor and focuses the editor, so the selection is
+    // drawn (Lexical only draws it while the editor has focus).
+    const show = (list, at) => {
+        const item = list[at];
+        if (!item)
+            return;
+        editor.update(() => $selectMatch(item.match), { discrete: true });
+        editor.getElementByKey(item.match.anchorKey)?.scrollIntoView({ block: 'center' });
+        editor.focus();
+    };
+    const check = async () => {
+        const speller = getSpeller(language);
+        if (!speller)
+            return;
+        setChecking(true);
+        const resolved = await speller;
+        const found = editor.getEditorState().read(() => $collectMisspellings({ ltr: resolved, rtl: resolved }));
+        const list = found.map((m) => ({
+            ...m,
+            suggestions: resolved.suggest(m.word).slice(0, SUGGESTIONS_PER_WORD),
+        }));
+        setItems(list);
+        setIndex(0);
+        setChecking(false);
+        show(list, 0);
+    };
+    const step = (delta) => {
+        if (!items || items.length === 0)
+            return;
+        const next = (index + delta + items.length) % items.length;
+        setIndex(next);
+        show(items, next);
+    };
+    // Replacing changes the document, so the list is checked again afterwards.
+    // Only a word still at the same place is replaced, in case the document
+    // changed since the check.
+    const replace = async (item, suggestion) => {
+        const speller = getSpeller(language);
+        if (!speller)
+            return;
+        const resolved = await speller;
+        editor.update(() => {
+            const match = $collectMisspellings({ ltr: resolved, rtl: resolved }).find((m) => m.word === item.word && m.match.anchorKey === item.match.anchorKey && m.match.anchorOffset === item.match.anchorOffset);
+            if (match)
+                $replaceMatch(match.match, suggestion);
+        }, { discrete: true });
+        await check();
+    };
+    const status = items === null ? '' : items.length === 0 ? t.noMisspellings : `${index + 1} / ${items.length}`;
+    return (_jsxs("div", { className: "likhari-spell-panel", role: "region", "aria-label": t.title, dir: dir, children: [_jsxs("div", { className: "likhari-spell-header", children: [_jsx("strong", { children: t.title }), _jsx("button", { type: "button", className: "likhari-spell-icon", onClick: onClose, "aria-label": t.close, title: t.close, children: _jsx(IconX, { size: 14, stroke: 1.75 }) })] }), _jsxs("div", { className: "likhari-spell-controls", children: [_jsx("select", { "aria-label": t.language, value: language, onChange: (e) => {
+                            setLanguage(e.target.value);
+                            setItems(null);
+                        }, children: LANGUAGES.map((l) => (_jsxs("option", { value: l.value, children: [l.label, hasSpellDictionary(l.value) ? '' : ` (${t.noDictionary})`] }, l.value))) }), _jsx("button", { type: "button", onClick: check, disabled: !available || checking, children: t.check })] }), !available && _jsx("p", { className: "likhari-spell-note", children: t.noDictionary }), items !== null && (_jsxs("div", { className: "likhari-spell-nav", children: [_jsx("span", { className: "likhari-spell-status", "aria-live": "polite", children: status }), _jsx("button", { type: "button", className: "likhari-spell-icon", onClick: () => step(-1), disabled: items.length === 0, "aria-label": t.previous, title: t.previous, children: _jsx(IconChevronDown, { size: 14, stroke: 1.75, style: { transform: 'rotate(180deg)' } }) }), _jsx("button", { type: "button", className: "likhari-spell-icon", onClick: () => step(1), disabled: items.length === 0, "aria-label": t.next, title: t.next, children: _jsx(IconChevronDown, { size: 14, stroke: 1.75 }) })] })), current && (_jsxs("div", { className: "likhari-spell-item", children: [_jsx("span", { className: "likhari-spell-word", children: current.word }), current.suggestions.length === 0 ? (_jsx("span", { className: "likhari-spell-note", children: t.noSuggestions })) : (_jsx("div", { className: "likhari-spell-suggestions", children: current.suggestions.map((s) => (_jsx("button", { type: "button", className: "likhari-spell-suggestion", onClick: () => replace(current, s), children: s }, s))) }))] }))] }));
+}

package/dist/components/Toolbar.d.ts

@@ -7,6 +7,12 @@ export interface ToolbarProps {
     /** Whether the find-and-replace widget is open, and how to toggle it (owned by EditorRoot). */
     findOpen?: boolean;
     onToggleFind?: () => void;
+    /** Whether the spellcheck panel is open, and how to toggle it (owned by EditorRoot). */
+    spellOpen?: boolean;
+    onToggleSpell?: () => void;
+    /** Whether the add-auto-correction panel is open, and how to toggle it (owned by EditorRoot). */
+    autoCorrectOpen?: boolean;
+    onToggleAutoCorrect?: () => void;
     onSave?: () => void;
     isDirty?: boolean;
     showSave?: boolean;
@@ -19,5 +25,5 @@ export interface ToolbarProps {
     /** Autosave drafts: when set, the toolbar offers a Drafts button that lists and restores them. */
     drafts?: DraftsToolbarOptions;
 }
-export declare function Toolbar({ config, onSave, isDirty, showSave, findOpen, onToggleFind, fontOptions, direction, locale, drafts }: ToolbarProps): import("react").JSX.Element;
+export declare function Toolbar({ config, onSave, isDirty, showSave, findOpen, onToggleFind, spellOpen, onToggleSpell, autoCorrectOpen, onToggleAutoCorrect, fontOptions, direction, locale, drafts }: 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":"AAsFA,OAAO,EAAgB,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAA6D,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAItG,OAAO,KAAK,EAAE,MAAM,EAAW,MAAM,iBAAiB,CAAC;AA+gBvD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,2BAA2B,CAAC;IACpC,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,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;IAChB,kGAAkG;IAClG,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAgB,EAAE,YAAY,EAAE,WAAkC,EAAE,SAAiB,EAAE,MAAa,EAAE,MAAM,EAAE,EAAE,YAAY,+BAwkCxL"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/components/Toolbar.tsx"],"names":[],"mappings":"AAqFA,OAAO,EAAgB,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAA6D,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAItG,OAAO,KAAK,EAAE,MAAM,EAAW,MAAM,iBAAiB,CAAC;AA+gBvD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,2BAA2B,CAAC;IACpC,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,wFAAwF;IACxF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iGAAiG;IACjG,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,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;IAChB,kGAAkG;IAClG,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAgB,EAAE,YAAY,EAAE,SAAiB,EAAE,aAAa,EAAE,eAAuB,EAAE,mBAAmB,EAAE,WAAkC,EAAE,SAAiB,EAAE,MAAa,EAAE,MAAM,EAAE,EAAE,YAAY,+BA0kCxQ"}