@inshapardaz/likhari-react 0.1.16 → 0.1.18-dev.124

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;AAIjE,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAYhF,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,uGAkXrB,CAAC"}
+{"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;AAMjE,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAYhF,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,uGAoXrB,CAAC"}

package/dist/EditorRoot.js

@@ -22,6 +22,8 @@ import { injectUrduWebFontsCss } from './fonts/index.js';
 import { LinkPastePlugin } from './plugins/LinkPastePlugin.js';
 import { PageBreakPlugin } from './plugins/PageBreakPlugin.js';
 import { LayoutPlugin } from './plugins/LayoutPlugin.js';
+import { FootnotePlugin } from './plugins/FootnotePlugin.js';
+import { PoetryPlugin } from './plugins/PoetryPlugin.js';
 import { DraftRestore } from './components/DraftRestore.js';
 import { LeaveDialog } from './components/LeaveDialog.js';
 import { clearDraft, createDraftId, hasDraftContent, pruneDrafts, writeDraft, } from './persistence/draftStorage.js';
@@ -278,7 +280,7 @@ export const EditorRoot = forwardRef(function EditorRoot({ documentId, initialCo
     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, 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 })), _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.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 })), _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.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/blocks/FootnoteListNode.d.ts

@@ -0,0 +1,46 @@
+import { type DOMConversionMap, type DOMExportOutput, type EditorConfig, type LexicalNode, type NodeKey, type SerializedElementNode, type Spread, ElementNode } from 'lexical';
+export type SerializedFootnoteListNode = SerializedElementNode;
+export type SerializedFootnoteItemNode = Spread<{
+    footnoteId: string;
+}, SerializedElementNode>;
+/** The document's single footnote list, rendered at the end (requirements
+ * doc §4.10). An ordered-list-like container of FootnoteItemNode; its items'
+ * displayed numbers are a CSS counter (editor.css), same mechanism as
+ * FootnoteReferenceNode, so both sequences stay in sync as long as items
+ * are appended in the same order their references were inserted — which
+ * FootnotePlugin's insert command always does. */
+export declare class FootnoteListNode extends ElementNode {
+    static getType(): string;
+    static clone(node: FootnoteListNode): FootnoteListNode;
+    static importJSON(): FootnoteListNode;
+    exportJSON(): SerializedFootnoteListNode;
+    static importDOM(): DOMConversionMap | null;
+    exportDOM(): DOMExportOutput;
+    createDOM(config: EditorConfig): HTMLElement;
+    updateDOM(): boolean;
+    isShadowRoot(): boolean;
+    insertNewAfter(): null;
+}
+export declare function $createFootnoteListNode(): FootnoteListNode;
+export declare function $isFootnoteListNode(node: LexicalNode | null | undefined): node is FootnoteListNode;
+/** One entry in the FootnoteListNode — the editable note text for a given
+ * footnoteId. Always keeps at least an empty paragraph (mirrors
+ * TableCellNode/LayoutItemNode). */
+export declare class FootnoteItemNode extends ElementNode {
+    __footnoteId: string;
+    constructor(footnoteId: string, key?: NodeKey);
+    static getType(): string;
+    static clone(node: FootnoteItemNode): FootnoteItemNode;
+    getFootnoteId(): string;
+    static importJSON(serializedNode: SerializedFootnoteItemNode): FootnoteItemNode;
+    exportJSON(): SerializedFootnoteItemNode;
+    static importDOM(): DOMConversionMap | null;
+    exportDOM(): DOMExportOutput;
+    createDOM(config: EditorConfig): HTMLElement;
+    updateDOM(): boolean;
+    canBeEmpty(): false;
+    canIndent(): false;
+}
+export declare function $createFootnoteItemNode(footnoteId: string): FootnoteItemNode;
+export declare function $isFootnoteItemNode(node: LexicalNode | null | undefined): node is FootnoteItemNode;
+//# sourceMappingURL=FootnoteListNode.d.ts.map

package/dist/blocks/FootnoteListNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FootnoteListNode.d.ts","sourceRoot":"","sources":["../../src/blocks/FootnoteListNode.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,OAAO,EACZ,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EACX,WAAW,EACZ,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,0BAA0B,GAAG,qBAAqB,CAAC;AAC/D,MAAM,MAAM,0BAA0B,GAAG,MAAM,CAAC;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,EAAE,qBAAqB,CAAC,CAAC;AAE/F;;;;;kDAKkD;AAClD,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,gBAAgB,GAAG,gBAAgB;IAItD,MAAM,CAAC,UAAU,IAAI,gBAAgB;IAIrC,UAAU,IAAI,0BAA0B;IAIxC,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAS3C,SAAS,IAAI,eAAe;IAM5B,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,WAAW;IAM5C,SAAS,IAAI,OAAO;IAIpB,YAAY,IAAI,OAAO;IAIvB,cAAc,IAAI,IAAI;CAGvB;AAED,wBAAgB,uBAAuB,IAAI,gBAAgB,CAE1D;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,gBAAgB,CAElG;AAED;;oCAEoC;AACpC,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C,YAAY,EAAE,MAAM,CAAC;gBAET,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO;IAK7C,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,gBAAgB,GAAG,gBAAgB;IAItD,aAAa,IAAI,MAAM;IAIvB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,0BAA0B,GAAG,gBAAgB;IAI/E,UAAU,IAAI,0BAA0B;IAIxC,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAU3C,SAAS,IAAI,eAAe;IAO5B,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,WAAW;IAO5C,SAAS,IAAI,OAAO;IAIpB,UAAU,IAAI,KAAK;IAInB,SAAS,IAAI,KAAK;CAGnB;AAED,wBAAgB,uBAAuB,CAAC,UAAU,EAAE,MAAM,GAAG,gBAAgB,CAE5E;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,gBAAgB,CAElG"}

package/dist/blocks/FootnoteListNode.js

@@ -0,0 +1,117 @@
+import { addClassNamesToElement } from '@lexical/utils';
+import { $applyNodeReplacement, ElementNode, } from 'lexical';
+/** The document's single footnote list, rendered at the end (requirements
+ * doc §4.10). An ordered-list-like container of FootnoteItemNode; its items'
+ * displayed numbers are a CSS counter (editor.css), same mechanism as
+ * FootnoteReferenceNode, so both sequences stay in sync as long as items
+ * are appended in the same order their references were inserted — which
+ * FootnotePlugin's insert command always does. */
+export class FootnoteListNode extends ElementNode {
+    static getType() {
+        return 'footnote-list';
+    }
+    static clone(node) {
+        return new FootnoteListNode(node.__key);
+    }
+    static importJSON() {
+        return $createFootnoteListNode();
+    }
+    exportJSON() {
+        return { ...super.exportJSON(), type: 'footnote-list', version: 1 };
+    }
+    static importDOM() {
+        return {
+            ol: (domNode) => {
+                if (!domNode.hasAttribute('data-likhari-footnote-list'))
+                    return null;
+                return { conversion: () => ({ node: $createFootnoteListNode() }), priority: 2 };
+            },
+        };
+    }
+    exportDOM() {
+        const element = document.createElement('ol');
+        element.setAttribute('data-likhari-footnote-list', '');
+        return { element };
+    }
+    createDOM(config) {
+        const element = document.createElement('ol');
+        addClassNamesToElement(element, config.theme.footnoteList ?? 'likhari-footnote-list');
+        return element;
+    }
+    updateDOM() {
+        return false;
+    }
+    isShadowRoot() {
+        return true;
+    }
+    insertNewAfter() {
+        return null;
+    }
+}
+export function $createFootnoteListNode() {
+    return $applyNodeReplacement(new FootnoteListNode());
+}
+export function $isFootnoteListNode(node) {
+    return node instanceof FootnoteListNode;
+}
+/** One entry in the FootnoteListNode — the editable note text for a given
+ * footnoteId. Always keeps at least an empty paragraph (mirrors
+ * TableCellNode/LayoutItemNode). */
+export class FootnoteItemNode extends ElementNode {
+    constructor(footnoteId, key) {
+        super(key);
+        this.__footnoteId = footnoteId;
+    }
+    static getType() {
+        return 'footnote-item';
+    }
+    static clone(node) {
+        return new FootnoteItemNode(node.__footnoteId, node.__key);
+    }
+    getFootnoteId() {
+        return this.getLatest().__footnoteId;
+    }
+    static importJSON(serializedNode) {
+        return $createFootnoteItemNode(serializedNode.footnoteId);
+    }
+    exportJSON() {
+        return { ...super.exportJSON(), type: 'footnote-item', version: 1, footnoteId: this.getFootnoteId() };
+    }
+    static importDOM() {
+        return {
+            li: (domNode) => {
+                const id = domNode.getAttribute('data-likhari-footnote-item');
+                if (!id)
+                    return null;
+                return { conversion: () => ({ node: $createFootnoteItemNode(id) }), priority: 2 };
+            },
+        };
+    }
+    exportDOM() {
+        const element = document.createElement('li');
+        element.setAttribute('id', `fn-${this.getFootnoteId()}`);
+        element.setAttribute('data-likhari-footnote-item', this.getFootnoteId());
+        return { element };
+    }
+    createDOM(config) {
+        const element = document.createElement('li');
+        addClassNamesToElement(element, config.theme.footnoteItem ?? 'likhari-footnote-item');
+        element.id = `fn-${this.getFootnoteId()}`;
+        return element;
+    }
+    updateDOM() {
+        return false;
+    }
+    canBeEmpty() {
+        return false;
+    }
+    canIndent() {
+        return false;
+    }
+}
+export function $createFootnoteItemNode(footnoteId) {
+    return $applyNodeReplacement(new FootnoteItemNode(footnoteId));
+}
+export function $isFootnoteItemNode(node) {
+    return node instanceof FootnoteItemNode;
+}

package/dist/blocks/FootnoteNode.d.ts

@@ -0,0 +1,38 @@
+import type { ReactElement } from 'react';
+import { DecoratorNode, type DOMConversionMap, type DOMExportOutput, type EditorConfig, type EditorState, type LexicalCommand, type LexicalNode, type NodeKey, type SerializedLexicalNode, type Spread } from 'lexical';
+export declare const INSERT_FOOTNOTE_COMMAND: LexicalCommand<void>;
+export type SerializedFootnoteReferenceNode = Spread<{
+    footnoteId: string;
+}, SerializedLexicalNode>;
+/** Inline marker in the text flow (requirements doc §4.10, architecture doc
+ * §3.3). Holds only an id — its displayed number is never stored, it's
+ * rendered by a CSS counter (editor.css) that counts these markers in DOM
+ * order, so insert/delete/reorder auto-renumbers with no JS bookkeeping.
+ * The note's actual content lives in a matching FootnoteItemNode inside the
+ * document's single FootnoteListNode, not here (same split as Lexical's own
+ * comments/annotations pattern: reference in the flow, content out-of-band). */
+export declare class FootnoteReferenceNode extends DecoratorNode<ReactElement> {
+    __footnoteId: string;
+    constructor(footnoteId: string, key?: NodeKey);
+    static getType(): string;
+    static clone(node: FootnoteReferenceNode): FootnoteReferenceNode;
+    getFootnoteId(): string;
+    static importJSON(serializedNode: SerializedFootnoteReferenceNode): FootnoteReferenceNode;
+    exportJSON(): SerializedFootnoteReferenceNode;
+    static importDOM(): DOMConversionMap | null;
+    exportDOM(): DOMExportOutput;
+    createDOM(config: EditorConfig): HTMLElement;
+    updateDOM(): boolean;
+    getTextContent(): string;
+    isInline(): true;
+    decorate(): ReactElement;
+}
+export declare function $createFootnoteReferenceNode(footnoteId: string): FootnoteReferenceNode;
+export declare function $isFootnoteReferenceNode(node: LexicalNode | null | undefined): node is FootnoteReferenceNode;
+/** Resolves a reference's footnoteId from the editor state just before its
+ * deletion committed — a mutation listener's 'destroyed' entries only carry
+ * the NodeKey, and by the time the listener fires the *current* state no
+ * longer has the node, so the caller must pass the listener's own
+ * `prevEditorState` here to know which FootnoteItemNode to clean up. */
+export declare function $getFootnoteIdByKey(prevEditorState: EditorState, key: NodeKey): string | null;
+//# sourceMappingURL=FootnoteNode.d.ts.map

package/dist/blocks/FootnoteNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FootnoteNode.d.ts","sourceRoot":"","sources":["../../src/blocks/FootnoteNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAIL,aAAa,EAEb,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,OAAO,EACZ,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EACZ,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,uBAAuB,EAAE,cAAc,CAAC,IAAI,CAA4C,CAAC;AAEtG,MAAM,MAAM,+BAA+B,GAAG,MAAM,CAAC;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,EAAE,qBAAqB,CAAC,CAAC;AAEpG;;;;;;gFAMgF;AAChF,qBAAa,qBAAsB,SAAQ,aAAa,CAAC,YAAY,CAAC;IACpE,YAAY,EAAE,MAAM,CAAC;gBAET,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO;IAK7C,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,qBAAqB,GAAG,qBAAqB;IAIhE,aAAa,IAAI,MAAM;IAIvB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,+BAA+B,GAAG,qBAAqB;IAIzF,UAAU,IAAI,+BAA+B;IAI7C,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAU3C,SAAS,IAAI,eAAe;IAU5B,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,WAAW;IAM5C,SAAS,IAAI,OAAO;IAIpB,cAAc,IAAI,MAAM;IAIxB,QAAQ,IAAI,IAAI;IAIhB,QAAQ,IAAI,YAAY;CAKzB;AAED,wBAAgB,4BAA4B,CAAC,UAAU,EAAE,MAAM,GAAG,qBAAqB,CAEtF;AAED,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,qBAAqB,CAE5G;AAED;;;;wEAIwE;AACxE,wBAAgB,mBAAmB,CAAC,eAAe,EAAE,WAAW,EAAE,GAAG,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAO7F"}

package/dist/blocks/FootnoteNode.js

@@ -0,0 +1,90 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { addClassNamesToElement } from '@lexical/utils';
+import { $applyNodeReplacement, $getNodeByKey, createCommand, DecoratorNode, } from 'lexical';
+export const INSERT_FOOTNOTE_COMMAND = createCommand('INSERT_FOOTNOTE_COMMAND');
+/** Inline marker in the text flow (requirements doc §4.10, architecture doc
+ * §3.3). Holds only an id — its displayed number is never stored, it's
+ * rendered by a CSS counter (editor.css) that counts these markers in DOM
+ * order, so insert/delete/reorder auto-renumbers with no JS bookkeeping.
+ * The note's actual content lives in a matching FootnoteItemNode inside the
+ * document's single FootnoteListNode, not here (same split as Lexical's own
+ * comments/annotations pattern: reference in the flow, content out-of-band). */
+export class FootnoteReferenceNode extends DecoratorNode {
+    constructor(footnoteId, key) {
+        super(key);
+        this.__footnoteId = footnoteId;
+    }
+    static getType() {
+        return 'footnote-reference';
+    }
+    static clone(node) {
+        return new FootnoteReferenceNode(node.__footnoteId, node.__key);
+    }
+    getFootnoteId() {
+        return this.getLatest().__footnoteId;
+    }
+    static importJSON(serializedNode) {
+        return $createFootnoteReferenceNode(serializedNode.footnoteId);
+    }
+    exportJSON() {
+        return { type: 'footnote-reference', version: 1, footnoteId: this.getFootnoteId() };
+    }
+    static importDOM() {
+        return {
+            sup: (domNode) => {
+                const id = domNode.getAttribute('data-likhari-footnote-ref');
+                if (!id)
+                    return null;
+                return { conversion: () => ({ node: $createFootnoteReferenceNode(id) }), priority: 2 };
+            },
+        };
+    }
+    exportDOM() {
+        const element = document.createElement('sup');
+        element.setAttribute('data-likhari-footnote-ref', this.getFootnoteId());
+        const anchor = document.createElement('a');
+        anchor.setAttribute('href', `#fn-${this.getFootnoteId()}`);
+        anchor.setAttribute('id', `fnref-${this.getFootnoteId()}`);
+        element.appendChild(anchor);
+        return { element };
+    }
+    createDOM(config) {
+        const element = document.createElement('sup');
+        addClassNamesToElement(element, config.theme.footnoteReference ?? 'likhari-footnote-ref');
+        return element;
+    }
+    updateDOM() {
+        return false;
+    }
+    getTextContent() {
+        return `[^${this.getFootnoteId()}]`;
+    }
+    isInline() {
+        return true;
+    }
+    decorate() {
+        // The bracketed number itself is a CSS ::after counter (editor.css) —
+        // nothing to render here but the counted element.
+        return _jsx(_Fragment, {});
+    }
+}
+export function $createFootnoteReferenceNode(footnoteId) {
+    return $applyNodeReplacement(new FootnoteReferenceNode(footnoteId));
+}
+export function $isFootnoteReferenceNode(node) {
+    return node instanceof FootnoteReferenceNode;
+}
+/** Resolves a reference's footnoteId from the editor state just before its
+ * deletion committed — a mutation listener's 'destroyed' entries only carry
+ * the NodeKey, and by the time the listener fires the *current* state no
+ * longer has the node, so the caller must pass the listener's own
+ * `prevEditorState` here to know which FootnoteItemNode to clean up. */
+export function $getFootnoteIdByKey(prevEditorState, key) {
+    let id = null;
+    prevEditorState.read(() => {
+        const node = $getNodeByKey(key);
+        if ($isFootnoteReferenceNode(node))
+            id = node.getFootnoteId();
+    });
+    return id;
+}

package/dist/blocks/PoetryNode.d.ts

@@ -0,0 +1,42 @@
+import { type DOMConversionMap, type DOMExportOutput, type EditorConfig, type LexicalNode, type NodeKey, type SerializedElementNode, type Spread, ElementNode } from 'lexical';
+export type PoetryLayout = 'single' | 'two-column';
+export type PoetryAlign = 'justify' | 'left' | 'right' | 'start';
+export type SerializedPoetryBlockNode = Spread<{
+    layout: PoetryLayout;
+    align: PoetryAlign;
+}, SerializedElementNode>;
+/**
+ * A couplet (two-line verse unit), the one extensible primitive requirements
+ * doc §4.11 recommends in place of four fixed templates. `layout` picks
+ * single-column (two stacked misras) vs. two-column (built on the columns
+ * primitive, §4.9 — see blocks/poetryActions.ts for how children are
+ * restructured between the two); `align` is a literal per-instance override,
+ * independent of the document's own alignment setting (architecture doc
+ * §3.1). Both mutate in place via poetryActions so converting a couplet
+ * between layouts doesn't lose selection/undo coherence.
+ */
+export declare class PoetryBlockNode extends ElementNode {
+    __layout: PoetryLayout;
+    __align: PoetryAlign;
+    constructor(layout?: PoetryLayout, align?: PoetryAlign, key?: NodeKey);
+    static getType(): string;
+    static clone(node: PoetryBlockNode): PoetryBlockNode;
+    getLayout(): PoetryLayout;
+    getAlign(): PoetryAlign;
+    /** Attribute-only — restructuring children for a layout change is
+     * poetryActions.ts's $setPoetryLayout, not a node method, since it needs
+     * $-context tree mutations beyond this node's own state. */
+    setLayoutAttribute(layout: PoetryLayout): this;
+    setAlign(align: PoetryAlign): this;
+    static importJSON(serializedNode: SerializedPoetryBlockNode): PoetryBlockNode;
+    exportJSON(): SerializedPoetryBlockNode;
+    static importDOM(): DOMConversionMap | null;
+    exportDOM(): DOMExportOutput;
+    createDOM(config: EditorConfig): HTMLElement;
+    updateDOM(prevNode: PoetryBlockNode, dom: HTMLElement, config: EditorConfig): boolean;
+    canBeEmpty(): false;
+    isShadowRoot(): boolean;
+}
+export declare function $createPoetryBlockNode(layout?: PoetryLayout, align?: PoetryAlign): PoetryBlockNode;
+export declare function $isPoetryBlockNode(node: LexicalNode | null | undefined): node is PoetryBlockNode;
+//# sourceMappingURL=PoetryNode.d.ts.map

package/dist/blocks/PoetryNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PoetryNode.d.ts","sourceRoot":"","sources":["../../src/blocks/PoetryNode.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,OAAO,EACZ,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EACX,WAAW,EACZ,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,YAAY,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAKjE,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;IAAE,MAAM,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,WAAW,CAAA;CAAE,EAAE,qBAAqB,CAAC,CAAC;AAEpH;;;;;;;;;GASG;AACH,qBAAa,eAAgB,SAAQ,WAAW;IAC9C,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;gBAET,MAAM,GAAE,YAAuB,EAAE,KAAK,GAAE,WAAuB,EAAE,GAAG,CAAC,EAAE,OAAO;IAM1F,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,eAAe,GAAG,eAAe;IAIpD,SAAS,IAAI,YAAY;IAIzB,QAAQ,IAAI,WAAW;IAIvB;;gEAE4D;IAC5D,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IAM9C,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAMlC,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,yBAAyB,GAAG,eAAe;IAI7E,UAAU,IAAI,yBAAyB;IAIvC,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAa3C,SAAS,IAAI,eAAe;IAQ5B,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,WAAW;IAY5C,SAAS,CAAC,QAAQ,EAAE,eAAe,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,OAAO;IAYrF,UAAU,IAAI,KAAK;IAInB,YAAY,IAAI,OAAO;CAGxB;AAED,wBAAgB,sBAAsB,CAAC,MAAM,GAAE,YAAuB,EAAE,KAAK,GAAE,WAAuB,GAAG,eAAe,CAEvH;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,eAAe,CAEhG"}

package/dist/blocks/PoetryNode.js

@@ -0,0 +1,106 @@
+import { addClassNamesToElement } from '@lexical/utils';
+import { $applyNodeReplacement, ElementNode, } from 'lexical';
+const VALID_LAYOUTS = new Set(['single', 'two-column']);
+const VALID_ALIGNS = new Set(['justify', 'left', 'right', 'start']);
+/**
+ * A couplet (two-line verse unit), the one extensible primitive requirements
+ * doc §4.11 recommends in place of four fixed templates. `layout` picks
+ * single-column (two stacked misras) vs. two-column (built on the columns
+ * primitive, §4.9 — see blocks/poetryActions.ts for how children are
+ * restructured between the two); `align` is a literal per-instance override,
+ * independent of the document's own alignment setting (architecture doc
+ * §3.1). Both mutate in place via poetryActions so converting a couplet
+ * between layouts doesn't lose selection/undo coherence.
+ */
+export class PoetryBlockNode extends ElementNode {
+    constructor(layout = 'single', align = 'justify', key) {
+        super(key);
+        this.__layout = layout;
+        this.__align = align;
+    }
+    static getType() {
+        return 'poetry-couplet';
+    }
+    static clone(node) {
+        return new PoetryBlockNode(node.__layout, node.__align, node.__key);
+    }
+    getLayout() {
+        return this.getLatest().__layout;
+    }
+    getAlign() {
+        return this.getLatest().__align;
+    }
+    /** Attribute-only — restructuring children for a layout change is
+     * poetryActions.ts's $setPoetryLayout, not a node method, since it needs
+     * $-context tree mutations beyond this node's own state. */
+    setLayoutAttribute(layout) {
+        const writable = this.getWritable();
+        writable.__layout = layout;
+        return writable;
+    }
+    setAlign(align) {
+        const writable = this.getWritable();
+        writable.__align = align;
+        return writable;
+    }
+    static importJSON(serializedNode) {
+        return $createPoetryBlockNode(serializedNode.layout, serializedNode.align);
+    }
+    exportJSON() {
+        return { ...super.exportJSON(), type: 'poetry-couplet', version: 1, layout: this.getLayout(), align: this.getAlign() };
+    }
+    static importDOM() {
+        return {
+            div: (domNode) => {
+                const rawLayout = domNode.getAttribute('data-likhari-poetry-layout');
+                if (!rawLayout)
+                    return null;
+                const layout = VALID_LAYOUTS.has(rawLayout) ? rawLayout : 'single';
+                const rawAlign = domNode.getAttribute('data-likhari-poetry-align') ?? 'justify';
+                const align = VALID_ALIGNS.has(rawAlign) ? rawAlign : 'justify';
+                return { conversion: () => ({ node: $createPoetryBlockNode(layout, align) }), priority: 2 };
+            },
+        };
+    }
+    exportDOM() {
+        const element = document.createElement('div');
+        element.setAttribute('data-likhari-poetry-layout', this.getLayout());
+        element.setAttribute('data-likhari-poetry-align', this.getAlign());
+        element.style.textAlign = this.getAlign();
+        return { element };
+    }
+    createDOM(config) {
+        const element = document.createElement('div');
+        const base = config.theme.poetry ?? 'likhari-poetry';
+        addClassNamesToElement(element, base, `${base}--${this.__layout}`);
+        element.style.textAlign = this.__align;
+        return element;
+    }
+    // Only ever adds/removes the layout modifier class, never touches the
+    // element's full className — the reconciler separately classList.adds the
+    // per-block ltr/rtl theme class (editor.css) onto this same element, and
+    // a wholesale className reassignment here would silently wipe it out.
+    updateDOM(prevNode, dom, config) {
+        if (prevNode.__layout !== this.__layout) {
+            const base = config.theme.poetry ?? 'likhari-poetry';
+            dom.classList.remove(`${base}--${prevNode.__layout}`);
+            dom.classList.add(`${base}--${this.__layout}`);
+        }
+        if (prevNode.__align !== this.__align) {
+            dom.style.textAlign = this.__align;
+        }
+        return false;
+    }
+    canBeEmpty() {
+        return false;
+    }
+    isShadowRoot() {
+        return true;
+    }
+}
+export function $createPoetryBlockNode(layout = 'single', align = 'justify') {
+    return $applyNodeReplacement(new PoetryBlockNode(layout, align));
+}
+export function $isPoetryBlockNode(node) {
+    return node instanceof PoetryBlockNode;
+}

package/dist/blocks/footnoteActions.d.ts

@@ -0,0 +1,9 @@
+/** Inserts a reference at the caret and a matching empty item at the end of
+ * the document's footnote list (creating the list if this is the first
+ * footnote), then focuses the new item so the user can type the note. */
+export declare function $insertFootnote(): boolean;
+/** Removes the FootnoteItemNode for `footnoteId`, and the FootnoteListNode
+ * itself if that was its last item — called by FootnotePlugin's mutation
+ * listener when a FootnoteReferenceNode is deleted from the text. */
+export declare function $removeFootnoteItem(footnoteId: string): void;
+//# sourceMappingURL=footnoteActions.d.ts.map

package/dist/blocks/footnoteActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footnoteActions.d.ts","sourceRoot":"","sources":["../../src/blocks/footnoteActions.ts"],"names":[],"mappings":"AAcA;;yEAEyE;AACzE,wBAAgB,eAAe,IAAI,OAAO,CAgBzC;AAED;;qEAEqE;AACrE,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAM5D"}

package/dist/blocks/footnoteActions.js

@@ -0,0 +1,42 @@
+import { $createParagraphNode, $getRoot, $getSelection, $isRangeSelection } from 'lexical';
+import { $createFootnoteReferenceNode } from './FootnoteNode.js';
+import { $createFootnoteItemNode, $createFootnoteListNode, $isFootnoteItemNode, $isFootnoteListNode } from './FootnoteListNode.js';
+let counter = 0;
+/** Short, collision-resistant within a single document: a monotonic counter
+ * is enough here (ids never need to be stable/meaningful across documents),
+ * and avoids a hard dependency on crypto.randomUUID being available. */
+function newFootnoteId() {
+    counter += 1;
+    return `${Date.now().toString(36)}${counter.toString(36)}`;
+}
+/** Inserts a reference at the caret and a matching empty item at the end of
+ * the document's footnote list (creating the list if this is the first
+ * footnote), then focuses the new item so the user can type the note. */
+export function $insertFootnote() {
+    const selection = $getSelection();
+    if (!$isRangeSelection(selection))
+        return false;
+    const footnoteId = newFootnoteId();
+    selection.insertNodes([$createFootnoteReferenceNode(footnoteId)]);
+    const root = $getRoot();
+    const lastChild = root.getLastChild();
+    const list = $isFootnoteListNode(lastChild) ? lastChild : $createFootnoteListNode();
+    if (!$isFootnoteListNode(lastChild))
+        root.append(list);
+    const item = $createFootnoteItemNode(footnoteId).append($createParagraphNode());
+    list.append(item);
+    item.getFirstDescendant()?.selectStart();
+    return true;
+}
+/** Removes the FootnoteItemNode for `footnoteId`, and the FootnoteListNode
+ * itself if that was its last item — called by FootnotePlugin's mutation
+ * listener when a FootnoteReferenceNode is deleted from the text. */
+export function $removeFootnoteItem(footnoteId) {
+    const list = $getRoot().getChildren().find($isFootnoteListNode);
+    if (!list)
+        return;
+    const item = list.getChildren().find((child) => $isFootnoteItemNode(child) && child.getFootnoteId() === footnoteId);
+    item?.remove();
+    if (list.getChildrenSize() === 0)
+        list.remove();
+}

package/dist/blocks/poetryActions.d.ts

@@ -0,0 +1,19 @@
+import { type ParagraphNode } from 'lexical';
+import { type PoetryAlign, type PoetryLayout, type PoetryBlockNode } from './PoetryNode.js';
+/** The couplet's two misra paragraphs, in document order, regardless of
+ * which layout currently holds them. */
+export declare function $getMisraParagraphs(node: PoetryBlockNode): ParagraphNode[];
+/** The PoetryBlockNode the current selection is inside, or null. */
+export declare function $getPoetryBlockFromSelection(): PoetryBlockNode | null;
+/**
+ * Converts a couplet between single-column (two stacked misras) and
+ * two-column (built on the columns primitive, §4.9) in place — pulls the
+ * two misra paragraphs out of whichever shape currently holds them and
+ * rebuilds the other shape around the same paragraph nodes, so content,
+ * selection and undo history all survive the conversion.
+ */
+export declare function $setPoetryLayout(node: PoetryBlockNode, layout: PoetryLayout): void;
+/** Inserts a new two-misra couplet after the selection's top-level block,
+ * in `layout`/`align`, and focuses its first misra. */
+export declare function $insertPoetryCouplet(layout: PoetryLayout, align: PoetryAlign): boolean;
+//# sourceMappingURL=poetryActions.d.ts.map

package/dist/blocks/poetryActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"poetryActions.d.ts","sourceRoot":"","sources":["../../src/blocks/poetryActions.ts"],"names":[],"mappings":"AACA,OAAO,EAA4E,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAEvH,OAAO,EAA8C,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAErI;wCACwC;AACxC,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,eAAe,GAAG,aAAa,EAAE,CAW1E;AAED,oEAAoE;AACpE,wBAAgB,4BAA4B,IAAI,eAAe,GAAG,IAAI,CAKrE;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI,CAclF;AAED;uDACuD;AACvD,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,GAAG,OAAO,CAmBtF"}

package/dist/blocks/poetryActions.js

@@ -0,0 +1,76 @@
+import { $findMatchingParent } from '@lexical/utils';
+import { $createParagraphNode, $getSelection, $isParagraphNode, $isRangeSelection } from 'lexical';
+import { $createLayoutContainerNode, $createLayoutItemNode, $isLayoutContainerNode, $isLayoutItemNode } from './LayoutNode.js';
+import { $createPoetryBlockNode, $isPoetryBlockNode } from './PoetryNode.js';
+/** The couplet's two misra paragraphs, in document order, regardless of
+ * which layout currently holds them. */
+export function $getMisraParagraphs(node) {
+    if (node.getLayout() === 'single') {
+        return node.getChildren().filter($isParagraphNode);
+    }
+    const container = node.getChildren().find($isLayoutContainerNode);
+    if (!container)
+        return [];
+    return container
+        .getChildren()
+        .filter($isLayoutItemNode)
+        .map((item) => item.getFirstChild())
+        .filter($isParagraphNode);
+}
+/** The PoetryBlockNode the current selection is inside, or null. */
+export function $getPoetryBlockFromSelection() {
+    const selection = $getSelection();
+    if (!$isRangeSelection(selection))
+        return null;
+    const match = $findMatchingParent(selection.anchor.getNode(), $isPoetryBlockNode);
+    return match ?? null;
+}
+/**
+ * Converts a couplet between single-column (two stacked misras) and
+ * two-column (built on the columns primitive, §4.9) in place — pulls the
+ * two misra paragraphs out of whichever shape currently holds them and
+ * rebuilds the other shape around the same paragraph nodes, so content,
+ * selection and undo history all survive the conversion.
+ */
+export function $setPoetryLayout(node, layout) {
+    if (node.getLayout() === layout)
+        return;
+    const misras = $getMisraParagraphs(node);
+    for (const misra of misras)
+        misra.remove();
+    for (const leftover of node.getChildren())
+        leftover.remove();
+    if (layout === 'single') {
+        for (const misra of misras)
+            node.append(misra);
+    }
+    else {
+        const container = $createLayoutContainerNode('repeat(2, 1fr)');
+        for (const misra of misras)
+            container.append($createLayoutItemNode().append(misra));
+        node.append(container);
+    }
+    node.setLayoutAttribute(layout);
+}
+/** Inserts a new two-misra couplet after the selection's top-level block,
+ * in `layout`/`align`, and focuses its first misra. */
+export function $insertPoetryCouplet(layout, align) {
+    const selection = $getSelection();
+    if (!$isRangeSelection(selection))
+        return false;
+    const anchorTopLevel = selection.anchor.getNode().getTopLevelElementOrThrow();
+    const node = $createPoetryBlockNode(layout, align);
+    const misraA = $createParagraphNode();
+    const misraB = $createParagraphNode();
+    if (layout === 'single') {
+        node.append(misraA, misraB);
+    }
+    else {
+        const container = $createLayoutContainerNode('repeat(2, 1fr)');
+        container.append($createLayoutItemNode().append(misraA), $createLayoutItemNode().append(misraB));
+        node.append(container);
+    }
+    anchorTopLevel.insertAfter(node);
+    misraA.selectStart();
+    return true;
+}

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/components/Toolbar.tsx"],"names":[],"mappings":"AA6DA,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;AA0avD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,2BAA2B,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,wFAAwF;IACxF,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,oFAAoF;IACpF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kGAAkG;IAClG,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAkC,EAAE,SAAiB,EAAE,MAAa,EAAE,MAAM,EAAE,EAAE,YAAY,+BAw9BxJ"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/components/Toolbar.tsx"],"names":[],"mappings":"AAiEA,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;AAwevD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,2BAA2B,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,wFAAwF;IACxF,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,oFAAoF;IACpF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kGAAkG;IAClG,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAkC,EAAE,SAAiB,EAAE,MAAa,EAAE,MAAM,EAAE,EAAE,YAAY,+BAqgCxJ"}

package/dist/components/Toolbar.js

@@ -13,6 +13,9 @@ import { ImageDialog } from '../image/ImageDialog.js';
 import { $createImageNode } from '../image/ImageNode.js';
 import { INSERT_PAGE_BREAK_COMMAND } from '../blocks/PageBreakNode.js';
 import { INSERT_LAYOUT_COMMAND } from '../blocks/LayoutNode.js';
+import { INSERT_FOOTNOTE_COMMAND } from '../blocks/FootnoteNode.js';
+import { $getPoetryBlockFromSelection, $setPoetryLayout } from '../blocks/poetryActions.js';
+import { INSERT_POETRY_COUPLET_COMMAND } from '../plugins/PoetryPlugin.js';
 import { TableDialog } from './TableDialog.js';
 import { LayoutDialog } from './LayoutDialog.js';
 import { $getTableCellNodeFromLexicalNode, $isTableSelection, INSERT_TABLE_COMMAND } from '@lexical/table';
@@ -25,7 +28,7 @@ import { CANVAS_FONT_DEFAULTS, DEFAULT_FONT_OPTIONS, FONT_SIZES_PX } from '../fo
 import { setStyleProperty } from '../utils/style.js';
 import { useStrings } from '../i18n/useStrings.js';
 import { usePortalTarget } from '../PortalTargetContext.js';
-import { IconAbc, IconAlignCenter, IconAlignJustified, IconAlignLeft, IconAlignRight, IconArrowBackUp, IconArrowForwardUp, IconBold, IconClearFormatting, IconDeviceFloppy, IconDots, IconHistory, IconExternalLink, IconFeather, IconH1, IconH2, IconH3, IconH4, IconH5, IconH6, IconIndentDecrease, IconIndentIncrease, IconItalic, IconLetterCase, IconLetterCaseLower, IconLetterCaseUpper, IconLink, IconLinkOff, IconList, IconListCheck, IconListNumbers, IconPageBreak, IconPencil, IconPhoto, IconPilcrow, IconQuote, IconSeparatorHorizontal, IconSparkles, IconStrikethrough, IconSubscript, IconSuperscript, IconArrowMergeBoth, IconArrowsSplit2, IconColumnInsertLeft, IconColumnInsertRight, IconColumnRemove, IconColumns, IconRowInsertBottom, IconRowInsertTop, IconRowRemove, IconTable, IconTableMinus, IconTableOptions, IconTextSize, IconTypography, IconUnderline, IconWand, } from '@tabler/icons-react';
+import { IconAbc, IconAlignCenter, IconAlignJustified, IconAlignLeft, IconAlignRight, IconArrowBackUp, IconArrowForwardUp, IconBold, IconClearFormatting, IconDeviceFloppy, IconDots, IconHistory, IconExternalLink, IconFeather, IconH1, IconH2, IconH3, IconH4, IconH5, IconH6, IconIndentDecrease, IconIndentIncrease, IconItalic, IconLetterCase, IconLetterCaseLower, IconLetterCaseUpper, IconLink, IconLinkOff, IconList, IconListCheck, IconListNumbers, IconPageBreak, IconPencil, IconPhoto, IconPilcrow, IconQuote, IconSeparatorHorizontal, IconSparkles, IconStrikethrough, IconSubscript, IconSuperscript, IconArrowMergeBoth, IconArrowsSplit2, IconColumnInsertLeft, IconColumnInsertRight, IconColumnRemove, IconColumns, IconColumns1, IconColumns2, IconNumber1Small, IconRowInsertBottom, IconRowInsertTop, IconRowRemove, IconTable, IconTableMinus, IconTableOptions, 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). */
@@ -44,6 +47,9 @@ const INITIAL_STATE = {
     tableColumns: 1,
     canMergeCells: false,
     canUnmergeCell: false,
+    inPoetry: false,
+    poetryLayout: 'single',
+    poetryAlign: 'justify',
     canUndo: false,
     canRedo: false,
 };
@@ -155,6 +161,26 @@ function TableMenuItems({ strings, direction, rows, columns, canMergeCells, canU
     };
     return (_jsxs(_Fragment, { children: [_jsx(Menu.Label, { children: t.menuLabel }), item(IconRowInsertTop, manyRows ? t.insertRowsBefore : t.insertRowBefore, () => $insertTableRows(false)), item(IconRowInsertBottom, manyRows ? t.insertRowsAfter : t.insertRowAfter, () => $insertTableRows(true)), item(rtl ? IconColumnInsertRight : IconColumnInsertLeft, manyColumns ? t.insertColumnsBefore : t.insertColumnBefore, () => $insertTableColumns(false)), item(rtl ? IconColumnInsertLeft : IconColumnInsertRight, manyColumns ? t.insertColumnsAfter : t.insertColumnAfter, () => $insertTableColumns(true)), (canMergeCells || canUnmergeCell) && _jsx(Menu.Divider, {}), canMergeCells && item(IconArrowMergeBoth, t.mergeCells, $mergeTableCells), canUnmergeCell && item(IconArrowsSplit2, t.unmergeCell, $unmergeTableCell), _jsx(Menu.Divider, {}), item(IconRowRemove, manyRows ? t.deleteRows : t.deleteRow, $deleteTableRows), item(IconColumnRemove, manyColumns ? t.deleteColumns : t.deleteColumn, $deleteTableColumns), item(IconTableMinus, t.deleteTable, $deleteTable, 'red')] }));
 }
+/** The poetry couplet menu's contents — layout (single/two-column) and
+ * literal alignment, both per-instance overrides (requirements doc §4.11:
+ * "set per CoupletNode, not inherited from a document-wide setting"). */
+function PoetryMenuItems({ strings, alignIcons, layout, align, onAction, }) {
+    const t = strings.poetryMenu;
+    const a = strings.toolbar.alignOptions;
+    const item = (icon, label, action, active) => {
+        const Icon = icon;
+        return (_jsx(Menu.Item, { disabled: active, leftSection: _jsx(Icon, { size: ICON_SIZE, stroke: ICON_STROKE }), onMouseDown: (e) => e.preventDefault(), onClick: onAction(action), children: label }));
+    };
+    const setLayout = (next) => () => {
+        const node = $getPoetryBlockFromSelection();
+        if (node)
+            $setPoetryLayout(node, next);
+    };
+    const setAlign = (next) => () => {
+        $getPoetryBlockFromSelection()?.setAlign(next);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Menu.Label, { children: t.menuLabel }), item(IconColumns1, t.singleColumn, setLayout('single'), layout === 'single'), item(IconColumns2, t.twoColumn, setLayout('two-column'), layout === 'two-column'), _jsx(Menu.Divider, {}), item(alignIcons.justify ?? IconAlignJustified, a.justify, setAlign('justify'), align === 'justify'), item(alignIcons.start ?? IconAlignLeft, a.start, setAlign('start'), align === 'start'), item(IconAlignLeft, a.left, setAlign('left'), align === 'left'), item(IconAlignRight, a.right, setAlign('right'), align === 'right')] }));
+}
 export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAULT_FONT_OPTIONS, direction = 'ltr', locale = 'en', drafts }) {
     const [editor] = useLexicalComposerContext();
     const [state, setState] = useState(INITIAL_STATE);
@@ -179,7 +205,7 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
             if ($isTableSelection(selection)) {
                 const { rows, columns } = $getTableSelectionSize();
                 const canMergeCells = $canMergeSelectedCells();
-                setState((s) => ({ ...s, inTable: true, tableRows: rows, tableColumns: columns, canMergeCells, canUnmergeCell: false }));
+                setState((s) => ({ ...s, inTable: true, tableRows: rows, tableColumns: columns, canMergeCells, canUnmergeCell: false, inPoetry: false }));
                 return;
             }
             if (!$isRangeSelection(selection))
@@ -188,6 +214,7 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
             const inTable = $getTableCellNodeFromLexicalNode(anchorNode) !== null;
             const tableSize = inTable ? $getTableSelectionSize() : { rows: 1, columns: 1 };
             const canUnmergeCell = inTable && $canUnmergeSelectedCell();
+            const poetryBlock = $getPoetryBlockFromSelection();
             const element = anchorNode.getKey() === 'root' ? anchorNode : (anchorNode.getTopLevelElement() ?? anchorNode);
             const listParent = $findMatchingParent(anchorNode, $isListNode);
             const listType = listParent && $isListNode(listParent) ? listParent.getListType() : null;
@@ -228,6 +255,9 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
                 tableColumns: tableSize.columns,
                 canMergeCells: false,
                 canUnmergeCell,
+                inPoetry: poetryBlock !== null,
+                poetryLayout: poetryBlock?.getLayout() ?? s.poetryLayout,
+                poetryAlign: poetryBlock?.getAlign() ?? s.poetryAlign,
             }));
         });
     }, [editor]);
@@ -456,9 +486,9 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
             root?.addEventListener('contextmenu', onContextMenu);
         });
     }, [editor, config.links]);
-    // Table actions. The menu takes focus, so the selection is snapshotted when it
-    // opens and restored before an action runs.
-    const runTableAction = (action) => () => {
+    // Table/poetry contextual-menu actions. The menu takes focus, so the
+    // selection is snapshotted when it opens and restored before an action runs.
+    const runMenuAction = (action) => () => {
         restoreSelection();
         editor.update(action);
         editor.focus();
@@ -566,6 +596,7 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
         config.blocks.horizontalRule ||
         config.blocks.pageBreak ||
         config.columns ||
+        config.footnotes ||
         config.poetry.enabled;
     const showLanguageGroup = config.language.autocorrect || config.language.textCleanup || config.language.spellCheck;
     // The "script & cleanup" and "indent/outdent" groups (UI spec §3.3) render
@@ -738,8 +769,9 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
                                 restoreSelection();
                                 openLinkDialog();
                             }, onRemove: removeLink, strings: strings }) })] })) : (_jsx(ToolbarButton, { icon: IconLink, title: strings.toolbar.insertLink, onClick: openLinkDialog })) }, "link")),
-        showStubInsertGroup && (_jsxs("div", { className: "likhari-toolbar-group likhari-toolbar-group--collapse-tablet", children: [(config.images.linked || config.images.embedded) && (_jsx(ToolbarButton, { icon: IconPhoto, title: strings.toolbar.insertImage, onClick: openImageDialog })), config.blocks.pageBreak && (_jsx(ToolbarButton, { icon: IconPageBreak, title: strings.toolbar.insertPageBreak, onClick: () => editor.dispatchCommand(INSERT_PAGE_BREAK_COMMAND, undefined) })), config.tables && _jsx(ToolbarButton, { icon: IconTable, title: strings.toolbar.insertTable, onClick: openTableDialog }), config.columns && _jsx(ToolbarButton, { icon: IconColumns, title: strings.toolbar.insertColumns, onClick: openLayoutDialog }), config.blocks.horizontalRule && (_jsx(ToolbarButton, { icon: IconSeparatorHorizontal, title: strings.toolbar.insertHorizontalRule, onClick: () => editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, undefined) })), config.poetry.enabled && _jsx(StubButton, { icon: IconFeather, title: strings.toolbar.poetryBlocks, comingSoon: strings.toolbar.comingSoon })] }, "stubInsert")),
-        config.tables && state.inTable && (_jsx("div", { className: "likhari-toolbar-group", children: _jsxs(Menu, { position: "bottom-start", withinPortal: true, portalProps: { target: portalTarget }, shadow: "sm", width: 240, onOpen: snapshotSelection, children: [_jsx(Menu.Target, { children: _jsx("button", { type: "button", className: "likhari-toolbar-button", "data-active": "true", "aria-pressed": "true", "aria-haspopup": "menu", "aria-label": strings.toolbar.tableOptions, title: strings.toolbar.tableOptions, onMouseDown: (e) => e.preventDefault(), children: _jsx(IconTableOptions, { size: ICON_SIZE, stroke: ICON_STROKE }) }) }), _jsx(Menu.Dropdown, { children: _jsx(TableMenuItems, { strings: strings, direction: direction, rows: state.tableRows, columns: state.tableColumns, canMergeCells: state.canMergeCells, canUnmergeCell: state.canUnmergeCell, onAction: runTableAction }) })] }) }, "tableActions")),
+        showStubInsertGroup && (_jsxs("div", { className: "likhari-toolbar-group likhari-toolbar-group--collapse-tablet", children: [(config.images.linked || config.images.embedded) && (_jsx(ToolbarButton, { icon: IconPhoto, title: strings.toolbar.insertImage, onClick: openImageDialog })), config.blocks.pageBreak && (_jsx(ToolbarButton, { icon: IconPageBreak, title: strings.toolbar.insertPageBreak, onClick: () => editor.dispatchCommand(INSERT_PAGE_BREAK_COMMAND, undefined) })), config.tables && _jsx(ToolbarButton, { icon: IconTable, title: strings.toolbar.insertTable, onClick: openTableDialog }), config.columns && _jsx(ToolbarButton, { icon: IconColumns, title: strings.toolbar.insertColumns, onClick: openLayoutDialog }), config.footnotes && (_jsx(ToolbarButton, { icon: IconNumber1Small, title: strings.toolbar.insertFootnote, onClick: () => editor.dispatchCommand(INSERT_FOOTNOTE_COMMAND, undefined) })), config.blocks.horizontalRule && (_jsx(ToolbarButton, { icon: IconSeparatorHorizontal, title: strings.toolbar.insertHorizontalRule, onClick: () => editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, undefined) })), config.poetry.enabled && locale !== 'en' && (_jsx(ToolbarButton, { icon: IconFeather, title: strings.toolbar.insertPoetryCouplet, onClick: () => editor.dispatchCommand(INSERT_POETRY_COUPLET_COMMAND, { layout: config.poetry.defaultLayout, align: 'justify' }) }))] }, "stubInsert")),
+        config.tables && state.inTable && (_jsx("div", { className: "likhari-toolbar-group", children: _jsxs(Menu, { position: "bottom-start", withinPortal: true, portalProps: { target: portalTarget }, shadow: "sm", width: 240, onOpen: snapshotSelection, children: [_jsx(Menu.Target, { children: _jsx("button", { type: "button", className: "likhari-toolbar-button", "data-active": "true", "aria-pressed": "true", "aria-haspopup": "menu", "aria-label": strings.toolbar.tableOptions, title: strings.toolbar.tableOptions, onMouseDown: (e) => e.preventDefault(), children: _jsx(IconTableOptions, { size: ICON_SIZE, stroke: ICON_STROKE }) }) }), _jsx(Menu.Dropdown, { children: _jsx(TableMenuItems, { strings: strings, direction: direction, rows: state.tableRows, columns: state.tableColumns, canMergeCells: state.canMergeCells, canUnmergeCell: state.canUnmergeCell, onAction: runMenuAction }) })] }) }, "tableActions")),
+        config.poetry.enabled && state.inPoetry && (_jsx("div", { className: "likhari-toolbar-group", children: _jsxs(Menu, { position: "bottom-start", withinPortal: true, portalProps: { target: portalTarget }, shadow: "sm", width: 200, onOpen: snapshotSelection, children: [_jsx(Menu.Target, { children: _jsx("button", { type: "button", className: "likhari-toolbar-button", "data-active": "true", "aria-pressed": "true", "aria-haspopup": "menu", "aria-label": strings.toolbar.poetryOptions, title: strings.toolbar.poetryOptions, onMouseDown: (e) => e.preventDefault(), children: _jsx(IconFeather, { size: ICON_SIZE, stroke: ICON_STROKE }) }) }), _jsx(Menu.Dropdown, { children: _jsx(PoetryMenuItems, { strings: strings, alignIcons: ALIGN_ICONS, layout: state.poetryLayout, align: state.poetryAlign, onAction: runMenuAction }) })] }) }, "poetryActions")),
         showLanguageGroup && (_jsxs("div", { className: "likhari-toolbar-group likhari-toolbar-group--collapse-tablet", children: [config.language.autocorrect && _jsx(StubButton, { icon: IconWand, title: strings.toolbar.autocorrect, comingSoon: strings.toolbar.comingSoon }), config.language.textCleanup && _jsx(StubButton, { icon: IconSparkles, title: strings.toolbar.textCleanup, comingSoon: strings.toolbar.comingSoon }), config.language.spellCheck && _jsx(StubButton, { icon: IconAbc, title: strings.toolbar.spellChecker, comingSoon: strings.toolbar.comingSoon })] }, "language")),
     ];
     return (_jsxs("div", { className: "likhari-toolbar", role: "toolbar", "aria-label": strings.toolbar.ariaLabel, ref: toolbarContainerRef, children: [fixedGroups, movableGroups
@@ -755,7 +787,7 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
                             }, onRemove: removeLink, strings: strings }) })] })), config.tables && (_jsxs(Menu, { opened: tableContext !== null, onChange: (opened) => {
                     if (!opened)
                         setTableContext(null);
-                }, position: "bottom-start", withinPortal: true, portalProps: { target: portalTarget }, shadow: "sm", width: 240, children: [_jsx(Menu.Target, { children: _jsx("span", { "aria-hidden": "true", style: { position: 'fixed', left: tableContext?.x ?? -9999, top: tableContext?.y ?? -9999, width: 1, height: 1, pointerEvents: 'none' } }) }), _jsx(Menu.Dropdown, { children: _jsx(TableMenuItems, { strings: strings, direction: direction, rows: tableContext?.rows ?? 1, columns: tableContext?.columns ?? 1, canMergeCells: state.canMergeCells, canUnmergeCell: state.canUnmergeCell, onAction: runTableAction }) })] })), _jsxs("div", { "aria-hidden": "true", ref: toolbarMeasureRef, style: {
+                }, position: "bottom-start", withinPortal: true, portalProps: { target: portalTarget }, shadow: "sm", width: 240, children: [_jsx(Menu.Target, { children: _jsx("span", { "aria-hidden": "true", style: { position: 'fixed', left: tableContext?.x ?? -9999, top: tableContext?.y ?? -9999, width: 1, height: 1, pointerEvents: 'none' } }) }), _jsx(Menu.Dropdown, { children: _jsx(TableMenuItems, { strings: strings, direction: direction, rows: tableContext?.rows ?? 1, columns: tableContext?.columns ?? 1, canMergeCells: state.canMergeCells, canUnmergeCell: state.canUnmergeCell, onAction: runMenuAction }) })] })), _jsxs("div", { "aria-hidden": "true", ref: toolbarMeasureRef, style: {
                     position: 'absolute',
                     visibility: 'hidden',
                     pointerEvents: 'none',

package/dist/i18n/strings.d.ts

@@ -42,13 +42,16 @@ export interface Strings {
         linkOptions: string;
         /** Toolbar button (shown while the caret is in a table) that opens the table actions menu. */
         tableOptions: string;
+        /** Toolbar button (shown while the caret is in a couplet) that opens the poetry layout/alignment menu. */
+        poetryOptions: string;
         insertLink: string;
         insertImage: string;
         insertPageBreak: string;
         insertTable: string;
         insertColumns: string;
+        insertFootnote: string;
+        insertPoetryCouplet: string;
         insertHorizontalRule: string;
-        poetryBlocks: string;
         comingSoon: (label: string) => string;
         autocorrect: string;
         textCleanup: string;
@@ -135,6 +138,11 @@ export interface Strings {
         mergeCells: string;
         unmergeCell: string;
     };
+    poetryMenu: {
+        menuLabel: string;
+        singleColumn: string;
+        twoColumn: string;
+    };
     link: {
         menuLabel: string;
         noUrl: string;

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

@@ -1 +1 @@
-{"version":3,"file":"strings.d.ts","sourceRoot":"","sources":["../../src/i18n/strings.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"strings.d.ts","sourceRoot":"","sources":["../../src/i18n/strings.ts"],"names":[],"mappings":"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"}

package/dist/i18n/strings.js

@@ -33,13 +33,15 @@ const en = {
         alignment: 'Alignment',
         linkOptions: 'Link options',
         tableOptions: 'Table options',
+        poetryOptions: 'Poetry options',
         insertLink: 'Insert link (Ctrl+K)',
         insertImage: 'Insert image',
         insertPageBreak: 'Insert page break',
         insertTable: 'Insert table',
         insertColumns: 'Insert columns',
+        insertFootnote: 'Insert footnote',
+        insertPoetryCouplet: 'Insert poetry couplet',
         insertHorizontalRule: 'Insert horizontal rule',
-        poetryBlocks: 'Poetry blocks',
         comingSoon: (label) => `${label} (coming soon)`,
         autocorrect: 'Auto-correct',
         textCleanup: 'Text cleanup',
@@ -119,6 +121,11 @@ const en = {
         mergeCells: 'Merge cells',
         unmergeCell: 'Unmerge cell',
     },
+    poetryMenu: {
+        menuLabel: 'Poetry',
+        singleColumn: 'Single column',
+        twoColumn: 'Two column',
+    },
     link: {
         menuLabel: 'Link',
         noUrl: '(no URL)',
@@ -233,13 +240,15 @@ const ur = {
         alignment: 'سیدھ',
         linkOptions: 'لنک کے اختیارات',
         tableOptions: 'جدول کے اختیارات',
+        poetryOptions: 'شاعری کے اختیارات',
         insertLink: 'لنک شامل کریں (Ctrl+K)',
         insertImage: 'تصویر شامل کریں',
         insertPageBreak: 'صفحے کی تقسیم شامل کریں',
         insertTable: 'جدول شامل کریں',
         insertColumns: 'کالم شامل کریں',
+        insertFootnote: 'فٹ نوٹ شامل کریں',
+        insertPoetryCouplet: 'شعر شامل کریں',
         insertHorizontalRule: 'افقی لکیر شامل کریں',
-        poetryBlocks: 'شاعری کے بلاکس',
         comingSoon: (label) => `${label} (جلد آ رہا ہے)`,
         autocorrect: 'خودکار تصحیح',
         textCleanup: 'متن کی صفائی',
@@ -319,6 +328,11 @@ const ur = {
         mergeCells: 'خانے ضم کریں',
         unmergeCell: 'خانہ الگ کریں',
     },
+    poetryMenu: {
+        menuLabel: 'شاعری',
+        singleColumn: 'ایک کالم',
+        twoColumn: 'دو کالم',
+    },
     link: {
         menuLabel: 'لنک',
         noUrl: '(کوئی یو آر ایل نہیں)',
@@ -433,13 +447,15 @@ const paShahmukhi = {
         alignment: 'سیدھ',
         linkOptions: 'لنک دے اختیار',
         tableOptions: 'ٹیبل دے اختیار',
+        poetryOptions: 'شاعری دے اختیار',
         insertLink: 'لنک پاؤ (Ctrl+K)',
         insertImage: 'تصویر پاؤ',
         insertPageBreak: 'صفحے دی ونڈ پاؤ',
         insertTable: 'ٹیبل پاؤ',
         insertColumns: 'کالم پاؤ',
+        insertFootnote: 'فٹ نوٹ پاؤ',
+        insertPoetryCouplet: 'شعر پاؤ',
         insertHorizontalRule: 'لیٹی لکیر پاؤ',
-        poetryBlocks: 'شاعری بلاک',
         comingSoon: (label) => `${label} (چھیتی آ رہا اے)`,
         autocorrect: 'خودکار درستی',
         textCleanup: 'متن دی صفائی',
@@ -519,6 +535,11 @@ const paShahmukhi = {
         mergeCells: 'خانے رلاؤ',
         unmergeCell: 'خانہ الگ کرو',
     },
+    poetryMenu: {
+        menuLabel: 'شاعری',
+        singleColumn: 'اک کالم',
+        twoColumn: 'دو کالم',
+    },
     link: {
         menuLabel: 'لنک',
         noUrl: '(کوئی یو آر ایل نئیں)',

package/dist/nodes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nodes.d.ts","sourceRoot":"","sources":["../src/nodes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAUlD;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,WAAW,CAAC,EAc5C,CAAC"}
+{"version":3,"file":"nodes.d.ts","sourceRoot":"","sources":["../src/nodes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAalD;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,WAAW,CAAC,EAkB5C,CAAC"}

package/dist/nodes.js

@@ -6,6 +6,9 @@ import { TableCellNode, TableNode, TableRowNode } from '@lexical/table';
 import { ImageNode } from './image/ImageNode.js';
 import { PageBreakNode } from './blocks/PageBreakNode.js';
 import { LayoutContainerNode, LayoutItemNode } from './blocks/LayoutNode.js';
+import { FootnoteReferenceNode } from './blocks/FootnoteNode.js';
+import { FootnoteItemNode, FootnoteListNode } from './blocks/FootnoteListNode.js';
+import { PoetryBlockNode } from './blocks/PoetryNode.js';
 /**
  * Node types registered on the editor at construction time. Per
  * editor-architecture-design.md §2, node registration cannot be conditional
@@ -29,4 +32,8 @@ export const EDITOR_NODES = [
     PageBreakNode,
     LayoutContainerNode,
     LayoutItemNode,
+    FootnoteReferenceNode,
+    FootnoteListNode,
+    FootnoteItemNode,
+    PoetryBlockNode,
 ];

package/dist/plugins/FootnotePlugin.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Registers INSERT_FOOTNOTE_COMMAND, a mutation listener that removes a
+ * FootnoteItemNode when its matching FootnoteReferenceNode is deleted from
+ * the text (so the list never accumulates orphaned notes), and two node
+ * transforms that keep the list/item nesting valid against malformed trees
+ * from paste, undo or JSON import — mirrors LayoutPlugin's shape.
+ */
+export declare function FootnotePlugin(): null;
+//# sourceMappingURL=FootnotePlugin.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FootnotePlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/FootnotePlugin.tsx"],"names":[],"mappings":"AAQA;;;;;;GAMG;AACH,wBAAgB,cAAc,SAyC7B"}

package/dist/plugins/FootnotePlugin.js

@@ -0,0 +1,51 @@
+import { useEffect } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { mergeRegister } from '@lexical/utils';
+import { COMMAND_PRIORITY_EDITOR } from 'lexical';
+import { $getFootnoteIdByKey, FootnoteReferenceNode, INSERT_FOOTNOTE_COMMAND } from '../blocks/FootnoteNode.js';
+import { $isFootnoteItemNode, $isFootnoteListNode, FootnoteItemNode, FootnoteListNode } from '../blocks/FootnoteListNode.js';
+import { $insertFootnote, $removeFootnoteItem } from '../blocks/footnoteActions.js';
+/**
+ * Registers INSERT_FOOTNOTE_COMMAND, a mutation listener that removes a
+ * FootnoteItemNode when its matching FootnoteReferenceNode is deleted from
+ * the text (so the list never accumulates orphaned notes), and two node
+ * transforms that keep the list/item nesting valid against malformed trees
+ * from paste, undo or JSON import — mirrors LayoutPlugin's shape.
+ */
+export function FootnotePlugin() {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        if (!editor.hasNodes([FootnoteReferenceNode, FootnoteListNode, FootnoteItemNode])) {
+            throw new Error('FootnotePlugin: footnote node types not registered on the editor');
+        }
+        return mergeRegister(editor.registerCommand(INSERT_FOOTNOTE_COMMAND, () => $insertFootnote(), COMMAND_PRIORITY_EDITOR), editor.registerMutationListener(FootnoteReferenceNode, (mutations, { prevEditorState }) => {
+            const destroyedIds = [];
+            for (const [key, mutation] of mutations) {
+                if (mutation !== 'destroyed')
+                    continue;
+                const id = $getFootnoteIdByKey(prevEditorState, key);
+                if (id)
+                    destroyedIds.push(id);
+            }
+            if (destroyedIds.length === 0)
+                return;
+            editor.update(() => {
+                for (const id of destroyedIds)
+                    $removeFootnoteItem(id);
+            });
+        }, { skipInitialization: true }), editor.registerNodeTransform(FootnoteItemNode, (node) => {
+            const parent = node.getParent();
+            if ($isFootnoteListNode(parent))
+                return;
+            for (const child of node.getChildren())
+                node.insertBefore(child);
+            node.remove();
+        }), editor.registerNodeTransform(FootnoteListNode, (node) => {
+            for (const child of node.getChildren()) {
+                if (!$isFootnoteItemNode(child))
+                    child.remove();
+            }
+        }));
+    }, [editor]);
+    return null;
+}

package/dist/plugins/PoetryPlugin.d.ts

@@ -0,0 +1,14 @@
+import { type LexicalCommand } from 'lexical';
+import { type PoetryAlign, type PoetryLayout } from '../blocks/PoetryNode.js';
+export declare const INSERT_POETRY_COUPLET_COMMAND: LexicalCommand<{
+    layout: PoetryLayout;
+    align: PoetryAlign;
+}>;
+/**
+ * Registers INSERT_POETRY_COUPLET_COMMAND (mirrors LayoutPlugin/FootnotePlugin's
+ * shape) and a node transform that removes a couplet left with no misra
+ * content — e.g. after undo/paste leaves it structurally empty — rather
+ * than letting an unselectable husk linger in the document.
+ */
+export declare function PoetryPlugin(): null;
+//# sourceMappingURL=PoetryPlugin.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PoetryPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/PoetryPlugin.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0C,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAGtF,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAG5F,eAAO,MAAM,6BAA6B,EAAE,cAAc,CAAC;IAAE,MAAM,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,WAAW,CAAA;CAAE,CAEtG,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,YAAY,SAqB3B"}

package/dist/plugins/PoetryPlugin.js

@@ -0,0 +1,27 @@
+import { useEffect } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { COMMAND_PRIORITY_EDITOR, createCommand } from 'lexical';
+import { mergeRegister } from '@lexical/utils';
+import { LayoutContainerNode, LayoutItemNode } from '../blocks/LayoutNode.js';
+import { PoetryBlockNode } from '../blocks/PoetryNode.js';
+import { $insertPoetryCouplet } from '../blocks/poetryActions.js';
+export const INSERT_POETRY_COUPLET_COMMAND = createCommand('INSERT_POETRY_COUPLET_COMMAND');
+/**
+ * Registers INSERT_POETRY_COUPLET_COMMAND (mirrors LayoutPlugin/FootnotePlugin's
+ * shape) and a node transform that removes a couplet left with no misra
+ * content — e.g. after undo/paste leaves it structurally empty — rather
+ * than letting an unselectable husk linger in the document.
+ */
+export function PoetryPlugin() {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        if (!editor.hasNodes([PoetryBlockNode, LayoutContainerNode, LayoutItemNode])) {
+            throw new Error('PoetryPlugin: PoetryBlockNode (and the columns nodes it composes) not registered on the editor');
+        }
+        return mergeRegister(editor.registerCommand(INSERT_POETRY_COUPLET_COMMAND, ({ layout, align }) => $insertPoetryCouplet(layout, align), COMMAND_PRIORITY_EDITOR), editor.registerNodeTransform(PoetryBlockNode, (node) => {
+            if (node.getChildrenSize() === 0)
+                node.remove();
+        }));
+    }, [editor]);
+    return null;
+}

package/dist/theme/editor.css

@@ -178,6 +178,10 @@
   font-family: 'IBM Plex Serif', Georgia, serif;
   font-size: 15px;
   line-height: 1.75;
+  /* Scopes the footnote-reference counter to the whole document (editor.css
+     footnote rules below), so numbering is consistent regardless of which
+     blocks the references happen to sit in. */
+  counter-reset: likhari-footnote-ref;
 }
 
 .likhari-content-editable[dir='rtl'] {
@@ -335,6 +339,69 @@
   margin-bottom: 0;
 }
 
+/* Footnotes (lexical-editor-spec.md §4.10). The bracketed number on both
+   the inline reference and its list entry is a CSS counter, not stored
+   state — Lexical insert/delete/reorder of the underlying nodes renumbers
+   both sequences automatically as long as list items stay in the same
+   order their references were inserted (FootnotePlugin's insert command
+   always appends in that order). */
+.likhari-footnote-ref {
+  counter-increment: likhari-footnote-ref;
+  cursor: default;
+}
+
+.likhari-footnote-ref::after {
+  content: '[' counter(likhari-footnote-ref) ']';
+}
+
+.likhari-footnote-list {
+  counter-reset: likhari-footnote-item;
+  list-style: none;
+  margin: 2em 0 0 0;
+  padding-inline-start: 1.5em;
+  border-top: 1px solid var(--editor-line);
+  padding-top: 0.75em;
+  font-size: 0.9em;
+  color: var(--editor-ink-soft);
+}
+
+.likhari-footnote-item {
+  counter-increment: likhari-footnote-item;
+  margin: 0.3em 0;
+}
+
+.likhari-footnote-item::marker {
+  content: '[' counter(likhari-footnote-item) '] ';
+}
+
+/* Poetry couplets (lexical-editor-spec.md §4.11, editor-ui-design-spec.md §4).
+   Own type scale and spacing, distinct from body text — the .likhari-ltr/
+   .likhari-rtl per-block classes (above) already switch font-family for this
+   element same as any other block; these rules layer poetry's own size/
+   line-height/gap on top, combined with those same classes. */
+.likhari-poetry {
+  margin: 0 0 1.4em 0;
+}
+
+.likhari-poetry.likhari-ltr {
+  font-size: 15px;
+  line-height: 1.6;
+}
+
+.likhari-poetry.likhari-rtl {
+  font-size: 20px;
+  line-height: 2.1;
+}
+
+.likhari-poetry--two-column .likhari-layout-container {
+  margin: 0;
+  gap: 16px;
+}
+
+.likhari-poetry--two-column .likhari-layout-item {
+  text-align: inherit;
+}
+
 .likhari-table {
   border-collapse: collapse;
   margin: 1em 0;

package/dist/theme/editorTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editorTheme.d.ts","sourceRoot":"","sources":["../../src/theme/editorTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,kBA4CzB,CAAC"}
+{"version":3,"file":"editorTheme.d.ts","sourceRoot":"","sources":["../../src/theme/editorTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,kBAgDzB,CAAC"}

package/dist/theme/editorTheme.js

@@ -42,6 +42,10 @@ export const editorTheme = {
     pageBreak: 'likhari-page-break',
     layoutContainer: 'likhari-layout-container',
     layoutItem: 'likhari-layout-item',
+    footnoteReference: 'likhari-footnote-ref',
+    footnoteList: 'likhari-footnote-list',
+    footnoteItem: 'likhari-footnote-item',
+    poetry: 'likhari-poetry',
     table: 'likhari-table',
     tableRow: 'likhari-table-row',
     tableCell: 'likhari-table-cell',

package/package.json

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