@inshapardaz/likhari-react 0.1.4-dev.38 → 0.1.4

package/dist/EditorRoot.d.ts

@@ -2,7 +2,6 @@ import type { MantineThemeOverride } from '@mantine/core';
 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';
 export interface EditorInitialContent {
     format: Extract<FormatId, 'lexical-json' | 'plain-text'>;
     value: string;
@@ -38,14 +37,6 @@ export interface EditorRootProps {
      * the unsaved-changes state) or to hide it while keeping `onSave`.
      */
     showSave?: boolean;
-    /**
-     * Entries for the toolbar's font-family dropdown. Defaults to
-     * `DEFAULT_FONT_OPTIONS` (generic Latin faces plus the Urdu/Arabic-script
-     * collection from inshapardaz/urdu-web-fonts, the same source qari uses).
-     * Spread the defaults to add your own, e.g.
-     * `[...DEFAULT_FONT_OPTIONS, { name: 'Mine', family: '"Mine", serif' }]`.
-     */
-    fontOptions?: FontOption[];
 }
 export interface EditorRef {
     getContent(format: FormatId): string;

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;AAS1D,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,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;;;;;;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,uGA6HrB,CAAC"}
+{"version":3,"file":"EditorRoot.d.ts","sourceRoot":"","sources":["../src/EditorRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAS1D,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;AAMzH,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;CACpB;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,uGAqHrB,CAAC"}

package/dist/EditorRoot.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { forwardRef, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { LexicalComposer } from '@lexical/react/LexicalComposer';
 import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin';
 import { ContentEditable } from '@lexical/react/LexicalContentEditable';
@@ -14,22 +14,14 @@ import { EDITOR_NODES } from './nodes.js';
 import { editorTheme } from './theme/editorTheme.js';
 import { EditorThemeProvider } from './theme/EditorThemeProvider.js';
 import { Toolbar } from './components/Toolbar.js';
-import { injectUrduWebFontsCss } from './fonts/index.js';
-import { LinkPastePlugin } from './plugins/LinkPastePlugin.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), fontOptions, }, ref) {
+export const EditorRoot = forwardRef(function EditorRoot({ documentId, initialContent, featureConfig, featurePreset, theme, colorScheme, locale = 'en', placeholder = 'Start writing…', height = '480px', onChange, onSave, showSave = Boolean(onSave), }, ref) {
     const config = useMemo(() => resolveFeatureConfig(featureConfig, featurePreset), [featureConfig, featurePreset]);
-    // 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(() => {
-        if (config.font.family || locale !== 'en')
-            injectUrduWebFontsCss();
-    }, [config.font.family, locale]);
     const editorStateRef = useRef(null);
     const lastSavedJsonRef = useRef(null);
     const [isDirty, setIsDirty] = useState(false);
@@ -92,5 +84,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: _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.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: _jsxs(LexicalComposer, { initialConfig: initialConfig, children: [_jsx(Toolbar, { config: config, onSave: handleSave, isDirty: isDirty, showSave: showSave }), _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.links && _jsx(LinkPlugin, {}), _jsx(OnChangePlugin, { onChange: handleChange })] }) }) }));
 });

package/dist/components/Toolbar.d.ts

@@ -1,14 +1,9 @@
 import type { ResolvedEditorFeatureConfig } from '@inshapardaz/likhari-core';
-import { type FontOption } from '../fonts/index.js';
 export interface ToolbarProps {
     config: ResolvedEditorFeatureConfig;
     onSave?: () => void;
     isDirty?: boolean;
     showSave?: boolean;
-    /** Font-family dropdown entries; defaults to DEFAULT_FONT_OPTIONS. */
-    fontOptions?: FontOption[];
-    /** Text direction of the canvas; picks which default font and size are pre-selected. */
-    direction?: 'ltr' | 'rtl';
 }
-export declare function Toolbar({ config, onSave, isDirty, showSave, fontOptions, direction }: ToolbarProps): import("react").JSX.Element;
+export declare function Toolbar({ config, onSave, isDirty, showSave }: 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":"AA0CA,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,+BAqmBjI"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/components/Toolbar.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AA4K7E,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;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,YAAY,+BA4W1E"}

package/dist/components/Toolbar.js

@@ -1,32 +1,19 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { Menu, Select } from '@mantine/core';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { $getSelection, $isRangeSelection, $isElementNode, $setSelection, $getRoot, $getNearestNodeFromDOMNode, $createTextNode, KEY_MODIFIER_COMMAND, COMMAND_PRIORITY_NORMAL, FORMAT_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, INDENT_CONTENT_COMMAND, OUTDENT_CONTENT_COMMAND, UNDO_COMMAND, REDO_COMMAND, SELECTION_CHANGE_COMMAND, CAN_UNDO_COMMAND, CAN_REDO_COMMAND, COMMAND_PRIORITY_LOW, } from 'lexical';
-import { $getSelectionStyleValueForProperty, $patchStyleText, $setBlocksType } from '@lexical/selection';
+import { $getSelection, $isRangeSelection, $isElementNode, $setSelection, FORMAT_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, INDENT_CONTENT_COMMAND, OUTDENT_CONTENT_COMMAND, UNDO_COMMAND, REDO_COMMAND, SELECTION_CHANGE_COMMAND, CAN_UNDO_COMMAND, CAN_REDO_COMMAND, COMMAND_PRIORITY_LOW, } from 'lexical';
+import { $setBlocksType } from '@lexical/selection';
 import { $createParagraphNode } from 'lexical';
 import { $createHeadingNode, $createQuoteNode, $isHeadingNode, $isQuoteNode } from '@lexical/rich-text';
 import { $isListNode, INSERT_CHECK_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, REMOVE_LIST_COMMAND, } from '@lexical/list';
 import { $findMatchingParent } from '@lexical/utils';
-import { $createLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link';
-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 { 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)
- * apart from "styled with a value the dropdown doesn't list" (show nothing). */
-const UNSET_STYLE = '__unset__';
+import { IconAbc, IconAlignCenter, IconAlignJustified, IconAlignLeft, IconAlignRight, IconArrowBackUp, IconArrowForwardUp, IconBold, IconClearFormatting, IconDeviceFloppy, IconDots, IconFeather, IconIndentDecrease, IconIndentIncrease, IconItalic, IconLetterCase, IconLetterCaseLower, IconLetterCaseUpper, IconLink, IconPhoto, IconPilcrow, IconSparkles, IconStrikethrough, IconSubscript, IconSuperscript, IconTextSize, IconTypography, IconUnderline, IconWand, } from '@tabler/icons-react';
 const INITIAL_STATE = {
     blockType: 'paragraph',
     activeFormats: new Set(),
     elementFormat: 'start',
     listType: null,
-    fontFamily: UNSET_STYLE,
-    fontSize: UNSET_STYLE,
-    isLink: false,
-    linkUrl: '',
     canUndo: false,
     canRedo: false,
 };
@@ -54,24 +41,15 @@ function StubButton({ icon, title }) {
  * 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, 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, 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", 
         // Keep the editor's selection: a mousedown here would blur the canvas.
         onMouseDown: (e) => e.preventDefault(), onClick: onClick, children: label }));
 }
-/** 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 }) {
-    // 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 })) : (
-            // 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" })] }));
-}
-export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAULT_FONT_OPTIONS, direction = 'ltr' }) {
+export function Toolbar({ config, onSave, isDirty, showSave }) {
     const [editor] = useLexicalComposerContext();
     const [state, setState] = useState(INITIAL_STATE);
     const updateToolbar = useCallback(() => {
@@ -90,11 +68,6 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
             else if ($isQuoteNode(element)) {
                 blockType = 'quote';
             }
-            const fontFamily = $getSelectionStyleValueForProperty(selection, 'font-family', UNSET_STYLE);
-            const fontSize = $getSelectionStyleValueForProperty(selection, 'font-size', UNSET_STYLE);
-            const linkNode = $findMatchingParent(anchorNode, $isLinkNode);
-            const isLink = Boolean(linkNode);
-            const linkUrl = linkNode && $isLinkNode(linkNode) ? linkNode.getURL() : '';
             const activeFormats = new Set();
             ['bold', 'italic', 'underline', 'strikethrough', 'subscript', 'superscript'].forEach((format) => {
                 if (selection.hasFormat(format))
@@ -111,18 +84,9 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
                 activeFormats,
                 elementFormat,
                 listType,
-                fontFamily,
-                fontSize,
-                isLink,
-                linkUrl,
             }));
         });
     }, [editor]);
-    // Selection changes alone miss edits that change the toolbar's state without
-    // moving the caret (e.g. removing the link the caret is in).
-    useEffect(() => {
-        return editor.registerUpdateListener(() => updateToolbar());
-    }, [editor, updateToolbar]);
     useEffect(() => {
         return editor.registerCommand(SELECTION_CHANGE_COMMAND, () => {
             updateToolbar();
@@ -186,8 +150,6 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
             menuSelectionRef.current = selection ? selection.clone() : null;
         });
     };
-    const snapshotSelectionRef = useRef(snapshotSelection);
-    snapshotSelectionRef.current = snapshotSelection;
     const runOverflowAction = (action) => () => {
         const saved = menuSelectionRef.current;
         if (saved)
@@ -195,111 +157,6 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
         action();
         editor.focus();
     };
-    /** Applies a font property per `config.font.scope`: to the selection, to
-     * every text node in the document, or (for 'both') to the selection when
-     * there is a range and to the whole document when there isn't. */
-    const applyFont = (property, value) => {
-        editor.update(() => {
-            const selection = $getSelection();
-            const scope = config.font.scope;
-            const wholeDocument = scope === 'document' || (scope === 'both' && (!$isRangeSelection(selection) || selection.isCollapsed()));
-            if (wholeDocument) {
-                for (const node of $getRoot().getAllTextNodes()) {
-                    node.setStyle(setStyleProperty(node.getStyle(), property, value));
-                }
-            }
-            else if ($isRangeSelection(selection)) {
-                $patchStyleText(selection, { [property]: value });
-            }
-        });
-    };
-    const [linkDialogOpen, setLinkDialogOpen] = useState(false);
-    const [linkNeedsText, setLinkNeedsText] = useState(false);
-    const openLinkDialog = useCallback(() => {
-        // Snapshot first: the dialog's focus trap makes Lexical drop the selection.
-        let collapsed = false;
-        editor.getEditorState().read(() => {
-            const selection = $getSelection();
-            menuSelectionRef.current = selection ? selection.clone() : null;
-            collapsed = $isRangeSelection(selection) && selection.isCollapsed();
-        });
-        setLinkNeedsText(collapsed && !state.isLink);
-        setLinkDialogOpen(true);
-    }, [editor, state.isLink]);
-    const closeLinkDialog = () => {
-        setLinkDialogOpen(false);
-        editor.focus();
-    };
-    const restoreSelection = () => {
-        const saved = menuSelectionRef.current;
-        if (saved)
-            editor.update(() => $setSelection(saved.clone()), { discrete: true });
-    };
-    const applyLink = ({ url, text }) => {
-        restoreSelection();
-        if (linkNeedsText) {
-            // Nothing selected: insert a new link with its own text.
-            editor.update(() => {
-                const selection = $getSelection();
-                if (!$isRangeSelection(selection))
-                    return;
-                const link = $createLinkNode(url);
-                link.append($createTextNode(text));
-                selection.insertNodes([link]);
-            });
-        }
-        else {
-            editor.dispatchCommand(TOGGLE_LINK_COMMAND, url);
-        }
-        closeLinkDialog();
-    };
-    const removeLink = () => {
-        restoreSelection();
-        editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
-        closeLinkDialog();
-    };
-    // Right-clicking a link in the text opens the same menu, at the pointer.
-    const [linkContext, setLinkContext] = useState(null);
-    useEffect(() => {
-        if (!config.links)
-            return;
-        const onContextMenu = (event) => {
-            const anchor = event.target?.closest?.('a');
-            if (!anchor)
-                return;
-            let url = null;
-            // Select the whole link first, so Edit / Remove act on it wherever the caret was.
-            editor.update(() => {
-                const node = $getNearestNodeFromDOMNode(anchor);
-                const link = node ? $findMatchingParent(node, $isLinkNode) : null;
-                if (!link || !$isLinkNode(link))
-                    return;
-                url = link.getURL();
-                link.select(0, link.getChildrenSize());
-            }, { discrete: true });
-            if (url === null)
-                return;
-            event.preventDefault();
-            snapshotSelectionRef.current();
-            setLinkContext({ x: event.clientX, y: event.clientY, url });
-        };
-        return editor.registerRootListener((root, previous) => {
-            previous?.removeEventListener('contextmenu', onContextMenu);
-            root?.addEventListener('contextmenu', onContextMenu);
-        });
-    }, [editor, config.links]);
-    // Ctrl/Cmd+K opens the link dialog.
-    useEffect(() => {
-        if (!config.links)
-            return;
-        return editor.registerCommand(KEY_MODIFIER_COMMAND, (event) => {
-            if (event.key.toLowerCase() !== 'k' || !(event.ctrlKey || event.metaKey))
-                return false;
-            event.preventDefault();
-            openLinkDialog();
-            return true;
-        }, COMMAND_PRIORITY_NORMAL);
-    }, [editor, config.links, openLinkDialog]);
     const withRefocus = (fn) => (value) => {
         fn(value);
         editor.focus();
@@ -348,33 +205,9 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
     const showFormattingGroup = headingLevels.length > 0 || config.lists.bullet || config.lists.numbered || config.lists.check || config.blocks.quote;
     const showInlineGroup = fmt.bold || fmt.italic || fmt.underline;
     const showAlignGroup = config.alignment.start || config.alignment.center || config.alignment.justify || config.alignment.left || config.alignment.right;
-    const showStubInsertGroup = config.images.linked || config.images.embedded || config.poetry.enabled;
+    const showInsertPoetryGroup = config.links || config.images.linked || config.images.embedded || config.poetry.enabled;
     const showLanguageGroup = config.language.autocorrect || config.language.textCleanup || config.language.spellCheck;
     const showOverflowMenu = fmt.strikethrough || fmt.superscript || fmt.subscript || fmt.caseTransforms || fmt.clearFormatting || config.indent;
-    // Grouped for the dropdown when options declare groups (Latin / Urdu).
-    const fontData = (() => {
-        const data = [];
-        const groups = new Map();
-        for (const f of fontOptions) {
-            const item = { value: f.family, label: f.name };
-            if (!f.group) {
-                data.push(item);
-                continue;
-            }
-            let group = groups.get(f.group);
-            if (!group) {
-                group = { group: f.group, items: [] };
-                groups.set(f.group, group);
-                data.push(group);
-            }
-            group.items.push(item);
-        }
-        return data;
-    })();
-    // Unstyled text shows the canvas default (pre-selected).
-    const canvasDefaults = CANVAS_FONT_DEFAULTS[direction];
-    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}` })),
@@ -393,16 +226,5 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
     ];
     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 ? (
-                // 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: () => {
-                                    restoreSelection();
-                                    openLinkDialog();
-                                }, onRemove: removeLink }) })] })) : (_jsx(ToolbarButton, { icon: IconLink, title: "Insert link (Ctrl+K)", 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(StubButton, { icon: IconPhoto, title: "Insert image" }), 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.links && (_jsx(LinkDialog, { opened: linkDialogOpen, initialUrl: state.linkUrl, showTextField: linkNeedsText, onSubmit: applyLink, onRemove: state.isLink ? removeLink : undefined, onClose: closeLinkDialog }))] }));
+    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 likhari-toolbar-group--collapse-tablet", children: [config.font.family && (_jsx(ToolbarSelect, { icon: IconTypography, label: "Font family", width: 110, value: null, placeholder: "Font", data: [], disabled: true })), config.font.size && (_jsx(ToolbarSelect, { icon: IconTextSize, label: "Font size", width: 90, value: null, placeholder: "Size", data: [], disabled: true }))] })), 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)) }) })), showInsertPoetryGroup && (_jsxs("div", { className: "likhari-toolbar-group likhari-toolbar-group--collapse-tablet", children: [config.links && _jsx(StubButton, { icon: IconLink, title: "Insert link" }), (config.images.linked || config.images.embedded) && _jsx(StubButton, { icon: IconPhoto, title: "Insert image" }), 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)) })] }))] })] }))] }));
 }

package/dist/index.d.ts

@@ -1,6 +1,4 @@
 export { EditorRoot } from './EditorRoot.js';
 export type { EditorRootProps, EditorRef, EditorInitialContent } from './EditorRoot.js';
 export { defaultMantineTheme } from './theme/mantineTheme.js';
-export { DEFAULT_FONT_OPTIONS, URDU_WEB_FONT_OPTIONS, FONT_SIZES_PX } from './fonts/index.js';
-export type { FontOption } from './fonts/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,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"}

package/dist/index.js

@@ -1,3 +1,2 @@
 export { EditorRoot } from './EditorRoot.js';
 export { defaultMantineTheme } from './theme/mantineTheme.js';
-export { DEFAULT_FONT_OPTIONS, URDU_WEB_FONT_OPTIONS, FONT_SIZES_PX } from './fonts/index.js';

package/dist/theme/editor.css

@@ -234,14 +234,3 @@
   border-top: 1px solid var(--editor-line);
   margin: 1.5em 0;
 }
-
-/* Link menu: the URL item shows one truncated line. */
-.likhari-link-menu-url {
-  max-width: 100%;
-}
-
-.likhari-link-menu-url .mantine-Menu-itemLabel {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}

package/package.json

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

package/dist/components/LinkDialog.d.ts

@@ -1,18 +0,0 @@
-export interface LinkDialogProps {
-    opened: boolean;
-    /** Existing link's URL when editing; empty when inserting. */
-    initialUrl: string;
-    /** Show a "Text" field — used when nothing is selected, so there is no text to link. */
-    showTextField: boolean;
-    onSubmit: (link: {
-        url: string;
-        text: string;
-    }) => void;
-    /** Present only when editing an existing link. */
-    onRemove?: () => void;
-    onClose: () => void;
-}
-/** Insert/edit-link dialog (UI spec §6). Mantine Modal supplies focus
- * trapping, Escape-to-close and the overlay. */
-export declare function LinkDialog({ opened, initialUrl, showTextField, onSubmit, onRemove, onClose }: LinkDialogProps): import("react").JSX.Element;
-//# sourceMappingURL=LinkDialog.d.ts.map

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

@@ -1 +0,0 @@
-{"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"}

package/dist/components/LinkDialog.js

@@ -1,31 +0,0 @@
-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';
-/** 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 [url, setUrl] = useState(initialUrl);
-    const [text, setText] = useState('');
-    const [error, setError] = useState(null);
-    useEffect(() => {
-        if (opened) {
-            setUrl(initialUrl);
-            setText('');
-            setError(null);
-        }
-    }, [opened, initialUrl]);
-    const handleSubmit = (e) => {
-        e.preventDefault();
-        const normalized = normalizeLinkUrl(url);
-        if (!normalized) {
-            setError('Enter a valid http(s), mailto, tel or relative URL');
-            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) => {
-                        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" })] })] })] }) }));
-}

package/dist/fonts/index.d.ts

@@ -1,22 +0,0 @@
-import { type FontOption } from './urduWebFonts.js';
-export { URDU_WEB_FONT_OPTIONS, injectUrduWebFontsCss, type FontOption } from './urduWebFonts.js';
-/** Three generic Latin faces plus the full urdu-web-fonts collection. */
-export declare const DEFAULT_FONT_OPTIONS: FontOption[];
-/** Sizes offered by the toolbar's font-size dropdown, in px. */
-export declare const FONT_SIZES_PX: number[];
-/**
- * What the canvas renders when text has no explicit font style — kept in sync
- * with `.likhari-content-editable` in theme/editor.css. The toolbar's font
- * dropdowns show these as the pre-selected values.
- */
-export declare const CANVAS_FONT_DEFAULTS: {
-    readonly ltr: {
-        readonly family: string;
-        readonly size: "15px";
-    };
-    readonly rtl: {
-        readonly family: "\"Noto Nastaliq Urdu\", serif";
-        readonly size: "20px";
-    };
-};
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/fonts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAExE,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE/F,yEAAyE;AACzE,eAAO,MAAM,oBAAoB,EAAE,UAAU,EAK5C,CAAC;AAEF,gEAAgE;AAChE,eAAO,MAAM,aAAa,UAAmD,CAAC;AAE9E;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;CAGvB,CAAC"}

package/dist/fonts/index.js

@@ -1,20 +0,0 @@
-import { URDU_WEB_FONT_OPTIONS } from './urduWebFonts.js';
-export { URDU_WEB_FONT_OPTIONS, injectUrduWebFontsCss } from './urduWebFonts.js';
-/** Three generic Latin faces plus the full urdu-web-fonts collection. */
-export const DEFAULT_FONT_OPTIONS = [
-    { name: 'Serif', family: `'IBM Plex Serif', Georgia, serif`, group: 'Latin' },
-    { name: 'Sans', family: `'IBM Plex Sans', system-ui, sans-serif`, group: 'Latin' },
-    { name: 'Mono', family: `ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace`, group: 'Latin' },
-    ...URDU_WEB_FONT_OPTIONS,
-];
-/** Sizes offered by the toolbar's font-size dropdown, in px. */
-export const FONT_SIZES_PX = [12, 13, 14, 15, 16, 18, 20, 24, 28, 32, 36, 48];
-/**
- * What the canvas renders when text has no explicit font style — kept in sync
- * with `.likhari-content-editable` in theme/editor.css. The toolbar's font
- * dropdowns show these as the pre-selected values.
- */
-export const CANVAS_FONT_DEFAULTS = {
-    ltr: { family: DEFAULT_FONT_OPTIONS[0].family, size: '15px' },
-    rtl: { family: `"Noto Nastaliq Urdu", serif`, size: '20px' },
-};

package/dist/fonts/urduWebFonts.d.ts

@@ -1,14 +0,0 @@
-/** One entry in the toolbar's font-family dropdown. */
-export interface FontOption {
-    /** Label shown in the dropdown */
-    name: string;
-    /** CSS font-family value stored on the selected text, e.g. `"Amiri", serif` */
-    family: string;
-    /** Optional dropdown group heading */
-    group?: string;
-}
-export declare const URDU_WEB_FONT_OPTIONS: FontOption[];
-/** Registers every urdu-web-fonts @font-face via a <link> per family. Safe to
- * call repeatedly and from several editors: it injects once per page. */
-export declare function injectUrduWebFontsCss(): void;
-//# sourceMappingURL=urduWebFonts.d.ts.map

package/dist/fonts/urduWebFonts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"urduWebFonts.d.ts","sourceRoot":"","sources":["../../src/fonts/urduWebFonts.ts"],"names":[],"mappings":"AAqDA,uDAAuD;AACvD,MAAM,WAAW,UAAU;IACzB,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,MAAM,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,qBAAqB,EAAE,UAAU,EAI3C,CAAC;AAIJ;yEACyE;AACzE,wBAAgB,qBAAqB,IAAI,IAAI,CAc5C"}

package/dist/fonts/urduWebFonts.js

@@ -1,66 +0,0 @@
-/**
- * Loads the Urdu/Arabic-script font collection from the
- * inshapardaz/urdu-web-fonts GitHub repository through jsDelivr's GitHub
- * CDN — the same source, and the same pinned commit, that the qari EPUB
- * reader uses, so both apps offer an identical font set. Nothing is bundled
- * or added as an npm dependency.
- *
- * Pinned to a commit (not a branch) so the fonts served don't change under
- * consumers unexpectedly; bump URDU_WEB_FONTS_COMMIT to pick up upstream
- * additions. Each family's stylesheet only registers its @font-face rules —
- * the browser downloads a font file when that font is actually used.
- */
-const URDU_WEB_FONTS_COMMIT = '571e360d5c272252efb0b0b21af54d1f63457521';
-const URDU_WEB_FONTS_BASE_URL = `https://cdn.jsdelivr.net/gh/inshapardaz/urdu-web-fonts@${URDU_WEB_FONTS_COMMIT}/src/fonts`;
-const URDU_WEB_FONTS = [
-    { dir: 'adobe-arabic', name: 'Adobe Arabic', family: 'AdobeArabic' },
-    { dir: 'alvi-lahori-nastalique', name: 'Alvi Lahori Nastaleeq', family: 'AlviLahoriNastaleeq' },
-    { dir: 'amiri', name: 'Amiri', family: 'Amiri' },
-    { dir: 'aref-ruqqa', name: 'Aref Ruqaa', family: 'Aref Ruqaa' },
-    { dir: 'dehalvi-khushkhat', name: 'Dehalvi Khush Khat', family: 'DehalviKhushKhat' },
-    { dir: 'dubai', name: 'Dubai', family: 'Dubai' },
-    { dir: 'emad-nastaleeq', name: 'Emad Nastaleeq', family: 'EmadNastaleeq' },
-    { dir: 'fajer-noori-nastalique', name: 'Fajer Noori Nastalique', family: 'FajerNooriNastalique' },
-    { dir: 'gulzar-nastalique', name: 'Gulzar Nastalique', family: 'gulzar-nastalique' },
-    { dir: 'jameel-khushkhati', name: 'Jameel Khushkhati', family: 'jameel-khushkhati' },
-    { dir: 'jameel-noori-kasheeda', name: 'Jameel Noori Nastaleeq Kasheeda', family: 'JameelNooriNastaleeqKasheeda' },
-    { dir: 'jameel-noori-nastalique', name: 'Jameel Noori Nastaleeq', family: 'JameelNooriNastaleeq' },
-    { dir: 'lalezar', name: 'Lalezar', family: 'Lalezar' },
-    { dir: 'lateef', name: 'Lateef', family: 'Lateef' },
-    { dir: 'mada', name: 'Mada', family: 'Mada' },
-    { dir: 'mehr-nastalique', name: 'Mehr Nastaleeq', family: 'MehrNastaleeq' },
-    { dir: 'mehr-nastalique-2', name: 'Mehr Nastaliq Web', family: 'Mehr Nastaliq Web' },
-    { dir: 'nafees-nastaleeq', name: 'Nafees Nastaleeq', family: 'NafeesNastaleeq' },
-    { dir: 'Nafees-web-naskh', name: 'Nafees Web Naskh', family: 'NafeesWebNaskh' },
-    { dir: 'noto-naskh', name: 'Noto Naskh Arabic', family: 'Noto Naskh Arabic' },
-    { dir: 'noto-nastalique', name: 'Noto Nastaliq Urdu', family: 'Noto Nastaliq Urdu' },
-    { dir: 'pak-nastaleeq', name: 'Pak Nastaleeq', family: 'PakNastaleeq' },
-    { dir: 'qahiri', name: 'Qahiri', family: 'Qahiri' },
-    { dir: 'reem-kufi', name: 'Reem Kufi', family: 'Reem Kufi' },
-    { dir: 'sameer-khashab-bold', name: 'Sameer Khashab Bold', family: 'sameer-khashab' },
-    { dir: 'scheherazade', name: 'Scheherazade New', family: 'Scheherazade New' },
-];
-export const URDU_WEB_FONT_OPTIONS = URDU_WEB_FONTS.map((font) => ({
-    name: font.name,
-    family: `"${font.family}", serif`,
-    group: 'Urdu / Arabic script',
-}));
-let injected = false;
-/** Registers every urdu-web-fonts @font-face via a <link> per family. Safe to
- * call repeatedly and from several editors: it injects once per page. */
-export function injectUrduWebFontsCss() {
-    if (injected || typeof document === 'undefined')
-        return;
-    if (document.querySelector('link[data-likhari-urdu-fonts]')) {
-        injected = true;
-        return;
-    }
-    for (const font of URDU_WEB_FONTS) {
-        const link = document.createElement('link');
-        link.rel = 'stylesheet';
-        link.href = `${URDU_WEB_FONTS_BASE_URL}/${font.dir}/stylesheet.css`;
-        link.setAttribute('data-likhari-urdu-fonts', font.dir);
-        document.head.appendChild(link);
-    }
-    injected = true;
-}

package/dist/plugins/LinkPastePlugin.d.ts

@@ -1,12 +0,0 @@
-/**
- * Turns pasted URLs into links instead of inserting them as bare text:
- *
- * - a lone URL pasted over selected text links that text (the URL isn't inserted);
- * - a lone URL pasted at a caret becomes a link whose text is the URL;
- * - a single line of plain text containing URLs gets a link node per URL.
- *
- * Everything else — multi-line text, or anything copied with HTML (Lexical's
- * own paste already turns `<a>` into links) — falls through to the default paste.
- */
-export declare function LinkPastePlugin(): null;
-//# sourceMappingURL=LinkPastePlugin.d.ts.map

package/dist/plugins/LinkPastePlugin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkPastePlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/LinkPastePlugin.tsx"],"names":[],"mappings":"AAaA;;;;;;;;;GASG;AACH,wBAAgB,eAAe,SAyC9B"}

package/dist/plugins/LinkPastePlugin.js

@@ -1,50 +0,0 @@
-import { useEffect } from 'react';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { $createLinkNode, $toggleLink } from '@lexical/link';
-import { $createTextNode, $getSelection, $isRangeSelection, COMMAND_PRIORITY_LOW, PASTE_COMMAND, } from 'lexical';
-import { splitPastedText } from '../utils/linkUrl.js';
-/**
- * Turns pasted URLs into links instead of inserting them as bare text:
- *
- * - a lone URL pasted over selected text links that text (the URL isn't inserted);
- * - a lone URL pasted at a caret becomes a link whose text is the URL;
- * - a single line of plain text containing URLs gets a link node per URL.
- *
- * Everything else — multi-line text, or anything copied with HTML (Lexical's
- * own paste already turns `<a>` into links) — falls through to the default paste.
- */
-export function LinkPastePlugin() {
-    const [editor] = useLexicalComposerContext();
-    useEffect(() => {
-        return editor.registerCommand(PASTE_COMMAND, (event) => {
-            const clipboard = 'clipboardData' in event ? event.clipboardData : null;
-            const text = clipboard?.getData('text/plain');
-            if (!clipboard || !text)
-                return false;
-            const segments = splitPastedText(text.trim());
-            const hasLink = segments.some((s) => s.type === 'link');
-            const isLoneUrl = segments.length === 1 && segments[0].type === 'link';
-            const isPlainSingleLine = !clipboard.getData('text/html') && !/[\r\n]/.test(text.trim());
-            if (!hasLink || !(isLoneUrl || isPlainSingleLine))
-                return false;
-            const selection = $getSelection();
-            if (!$isRangeSelection(selection))
-                return false;
-            event.preventDefault();
-            if (isLoneUrl && !selection.isCollapsed()) {
-                $toggleLink(segments[0].url);
-                return true;
-            }
-            const nodes = segments.map((segment) => {
-                if (segment.type === 'text')
-                    return $createTextNode(segment.text);
-                const link = $createLinkNode(segment.url);
-                link.append($createTextNode(segment.text));
-                return link;
-            });
-            selection.insertNodes(nodes);
-            return true;
-        }, COMMAND_PRIORITY_LOW);
-    }, [editor]);
-    return null;
-}

package/dist/utils/linkUrl.d.ts

@@ -1,25 +0,0 @@
-/**
- * Normalizes a URL typed into the link dialog, or returns null if it should
- * be rejected. Only http(s), mailto, tel, in-page (#), and relative URLs are
- * accepted — any other scheme (javascript:, data:, vbscript:, ...) is
- * refused so a pasted link can't carry script into exported HTML. A bare
- * domain like "example.com/page" gets https:// prefixed.
- */
-export declare function normalizeLinkUrl(input: string): string | null;
-export type PastedSegment = {
-    type: 'text';
-    text: string;
-} | {
-    type: 'link';
-    text: string;
-    url: string;
-};
-/**
- * Splits pasted plain text into text and link segments. Only explicit URLs
- * count (http(s)://, mailto:, or a www. prefix) — a bare "file.txt" or
- * "example.com" is left as text, since pasted prose is full of those. Trailing
- * sentence punctuation stays outside the link, and anything normalizeLinkUrl
- * rejects stays text.
- */
-export declare function splitPastedText(text: string): PastedSegment[];
-//# sourceMappingURL=linkUrl.d.ts.map

package/dist/utils/linkUrl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"linkUrl.d.ts","sourceRoot":"","sources":["../../src/utils/linkUrl.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAc7D;AAED,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAKzG;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa,EAAE,CA0B7D"}

package/dist/utils/linkUrl.js

@@ -1,62 +0,0 @@
-/**
- * Normalizes a URL typed into the link dialog, or returns null if it should
- * be rejected. Only http(s), mailto, tel, in-page (#), and relative URLs are
- * accepted — any other scheme (javascript:, data:, vbscript:, ...) is
- * refused so a pasted link can't carry script into exported HTML. A bare
- * domain like "example.com/page" gets https:// prefixed.
- */
-export function normalizeLinkUrl(input) {
-    const url = input.trim();
-    if (!url)
-        return null;
-    if (/^(https?:\/\/|mailto:|tel:)\S+$/i.test(url))
-        return url;
-    if (/^(#|\/|\.\.?\/)\S*$/.test(url))
-        return url;
-    // Any other explicit scheme is rejected.
-    if (/^[a-z][a-z0-9+.-]*:/i.test(url))
-        return null;
-    // Looks like a bare domain (no spaces, has a dot in its host part).
-    if (/^[^\s/?#]+\.[^\s/?#]+(?:[/?#]\S*)?$/.test(url))
-        return `https://${url}`;
-    return null;
-}
-const PASTED_URL_PATTERN = /(?:https?:\/\/|mailto:|www\.)[^\s<>"']+/gi;
-const TRAILING_PUNCTUATION = /[.,;:!?)\]}]+$/;
-/**
- * Splits pasted plain text into text and link segments. Only explicit URLs
- * count (http(s)://, mailto:, or a www. prefix) — a bare "file.txt" or
- * "example.com" is left as text, since pasted prose is full of those. Trailing
- * sentence punctuation stays outside the link, and anything normalizeLinkUrl
- * rejects stays text.
- */
-export function splitPastedText(text) {
-    const segments = [];
-    let last = 0;
-    const pushText = (value) => {
-        if (!value)
-            return;
-        const previous = segments[segments.length - 1];
-        if (previous?.type === 'text')
-            previous.text += value;
-        else
-            segments.push({ type: 'text', text: value });
-    };
-    for (const match of text.matchAll(PASTED_URL_PATTERN)) {
-        const start = match.index ?? 0;
-        const raw = match[0];
-        const trimmed = raw.replace(TRAILING_PUNCTUATION, '');
-        const url = normalizeLinkUrl(/^www\./i.test(trimmed) ? `https://${trimmed}` : trimmed);
-        pushText(text.slice(last, start));
-        if (url && trimmed.length > 'www.'.length) {
-            segments.push({ type: 'link', text: trimmed, url });
-            pushText(raw.slice(trimmed.length));
-        }
-        else {
-            pushText(raw);
-        }
-        last = start + raw.length;
-    }
-    pushText(text.slice(last));
-    return segments;
-}

package/dist/utils/style.d.ts

@@ -1,4 +0,0 @@
-/** Sets (or replaces) one property in an inline CSS string like Lexical's
- * TextNode style, keeping every other property as-is. */
-export declare function setStyleProperty(css: string, property: string, value: string): string;
-//# sourceMappingURL=style.d.ts.map

package/dist/utils/style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/utils/style.ts"],"names":[],"mappings":"AAAA;yDACyD;AACzD,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAYrF"}

package/dist/utils/style.js

@@ -1,15 +0,0 @@
-/** Sets (or replaces) one property in an inline CSS string like Lexical's
- * TextNode style, keeping every other property as-is. */
-export function setStyleProperty(css, property, value) {
-    const entries = css
-        .split(';')
-        .map((part) => part.trim())
-        .filter(Boolean)
-        .map((part) => {
-        const i = part.indexOf(':');
-        return [part.slice(0, i).trim(), part.slice(i + 1).trim()];
-    })
-        .filter(([name]) => name !== property);
-    entries.push([property, value]);
-    return entries.map(([name, val]) => `${name}: ${val};`).join(' ');
-}