@inshapardaz/likhari-react 0.1.18-dev.158 → 0.1.18-dev.162

package/dist/blocks/PoetryNode.d.ts

@@ -1,15 +1,23 @@
 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 PoetryLayout = 'single' | 'two-column' | 'staggered';
 /** Vertical space between couplets — an ordered scale the menu steps through. */
 export declare const POETRY_SPACINGS: readonly ["compact", "normal", "relaxed", "loose"];
 export type PoetrySpacing = (typeof POETRY_SPACINGS)[number];
 export declare const DEFAULT_POETRY_SPACING: PoetrySpacing;
+/** Horizontal space either side of the divider in two-column layout. */
+export declare const POETRY_GUTTERS: readonly ["compact", "normal", "relaxed", "loose"];
+export type PoetryGutter = (typeof POETRY_GUTTERS)[number];
+export declare const DEFAULT_POETRY_GUTTER: PoetryGutter;
+/** Width of each couplet box in staggered layout, as a share of the block. */
+export declare const POETRY_STAGGERS: readonly ["compact", "normal", "relaxed", "loose"];
+export type PoetryStagger = (typeof POETRY_STAGGERS)[number];
+export declare const DEFAULT_POETRY_STAGGER: PoetryStagger;
 export type SerializedPoetryBlockNode = Spread<{
     layout: PoetryLayout;
-    align: PoetryAlign;
     width?: number;
     spacing?: PoetrySpacing;
+    gutter?: PoetryGutter;
+    stagger?: PoetryStagger;
 }, SerializedElementNode>;
 /**
  * A poetry *section*: one or more couplets (two-line verse units) sharing
@@ -18,24 +26,24 @@ export type SerializedPoetryBlockNode = Spread<{
  * couplet its own LayoutContainerNode row (built on the columns primitive,
  * §4.9) — see blocks/poetryActions.ts's $getCouplets for how either shape
  * is read, and $setPoetryLayout/$exitPoetryOnEnter for how children are
- * restructured/grown between couplets and layouts. `layout` and `align`
- * apply to the whole section, not per couplet; both mutate in place via
- * poetryActions so converting a section between layouts doesn't lose
- * selection/undo coherence. One extensible primitive in place of four
- * fixed templates, per requirements doc §4.11.
+ * restructured/grown between couplets and layouts. `layout` applies to the
+ * whole section, not per couplet, and mutates in place via poetryActions so
+ * converting a section between layouts doesn't lose selection/undo
+ * coherence. One extensible primitive in place of four fixed templates,
+ * per requirements doc §4.11.
  */
 export declare class PoetryBlockNode extends ElementNode {
     __layout: PoetryLayout;
-    __align: PoetryAlign;
     /** User-chosen width in px (drag-resized), overriding editor.css's default
      * max-width: 70%. Undefined until the user resizes it. */
     __width?: number;
     __spacing: PoetrySpacing;
-    constructor(layout?: PoetryLayout, align?: PoetryAlign, width?: number, spacing?: PoetrySpacing, key?: NodeKey);
+    __gutter: PoetryGutter;
+    __stagger: PoetryStagger;
+    constructor(layout?: PoetryLayout, width?: number, spacing?: PoetrySpacing, gutter?: PoetryGutter, stagger?: PoetryStagger, key?: NodeKey);
     static getType(): string;
     static clone(node: PoetryBlockNode): PoetryBlockNode;
     getLayout(): PoetryLayout;
-    getAlign(): PoetryAlign;
     getWidth(): number | undefined;
     setWidth(width: number | undefined): this;
     /** Attribute-only — restructuring children for a layout change is
@@ -44,7 +52,10 @@ export declare class PoetryBlockNode extends ElementNode {
     setLayoutAttribute(layout: PoetryLayout): this;
     getSpacing(): PoetrySpacing;
     setSpacing(spacing: PoetrySpacing): this;
-    setAlign(align: PoetryAlign): this;
+    getGutter(): PoetryGutter;
+    setGutter(gutter: PoetryGutter): this;
+    getStagger(): PoetryStagger;
+    setStagger(stagger: PoetryStagger): this;
     static importJSON(serializedNode: SerializedPoetryBlockNode): PoetryBlockNode;
     exportJSON(): SerializedPoetryBlockNode;
     static importDOM(): DOMConversionMap | null;
@@ -54,6 +65,6 @@ export declare class PoetryBlockNode extends ElementNode {
     canBeEmpty(): false;
     isShadowRoot(): boolean;
 }
-export declare function $createPoetryBlockNode(layout?: PoetryLayout, align?: PoetryAlign, width?: number, spacing?: PoetrySpacing): PoetryBlockNode;
+export declare function $createPoetryBlockNode(layout?: PoetryLayout, width?: number, spacing?: PoetrySpacing, gutter?: PoetryGutter, stagger?: PoetryStagger): PoetryBlockNode;
 export declare function $isPoetryBlockNode(node: LexicalNode | null | undefined): node is PoetryBlockNode;
 //# sourceMappingURL=PoetryNode.d.ts.map

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

@@ -1 +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;AACjE,iFAAiF;AACjF,eAAO,MAAM,eAAe,oDAAqD,CAAC;AAClF,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAC7D,eAAO,MAAM,sBAAsB,EAAE,aAAwB,CAAC;AAyB9D,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAC5C;IAAE,MAAM,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,aAAa,CAAA;CAAE,EACrF,qBAAqB,CACtB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,qBAAa,eAAgB,SAAQ,WAAW;IAC9C,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;IACrB;8DAC0D;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,aAAa,CAAC;gBAGvB,MAAM,GAAE,YAAuB,EAC/B,KAAK,GAAE,WAAuB,EAC9B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,GAAE,aAAsC,EAC/C,GAAG,CAAC,EAAE,OAAO;IASf,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,eAAe,GAAG,eAAe;IAIpD,SAAS,IAAI,YAAY;IAIzB,QAAQ,IAAI,WAAW;IAIvB,QAAQ,IAAI,MAAM,GAAG,SAAS;IAI9B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;IAMzC;;gEAE4D;IAC5D,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IAM9C,UAAU,IAAI,aAAa;IAI3B,UAAU,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAMxC,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAMlC,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,yBAAyB,GAAG,eAAe;IAI7E,UAAU,IAAI,yBAAyB;IAavC,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAiB3C,SAAS,IAAI,eAAe;IAY5B,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,WAAW;IAa5C,SAAS,CAAC,QAAQ,EAAE,eAAe,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,OAAO;IAoBrF,UAAU,IAAI,KAAK;IAInB,YAAY,IAAI,OAAO;CAGxB;AAED,wBAAgB,sBAAsB,CACpC,MAAM,GAAE,YAAuB,EAC/B,KAAK,GAAE,WAAuB,EAC9B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,GAAE,aAAsC,GAC9C,eAAe,CAEjB;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,eAAe,CAEhG"}
+{"version":3,"file":"PoetryNode.d.ts","sourceRoot":"","sources":["../../src/blocks/PoetryNode.tsx"],"names":[],"mappings":"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"}

package/dist/blocks/PoetryNode.js

@@ -3,18 +3,22 @@ import { $applyNodeReplacement, ElementNode, } from 'lexical';
 /** Vertical space between couplets — an ordered scale the menu steps through. */
 export const POETRY_SPACINGS = ['compact', 'normal', 'relaxed', 'loose'];
 export const DEFAULT_POETRY_SPACING = 'normal';
-const VALID_LAYOUTS = new Set(['single', 'two-column']);
-const VALID_ALIGNS = new Set(['justify', 'left', 'right', 'start']);
+/** Horizontal space either side of the divider in two-column layout. */
+export const POETRY_GUTTERS = ['compact', 'normal', 'relaxed', 'loose'];
+export const DEFAULT_POETRY_GUTTER = 'normal';
+/** Width of each couplet box in staggered layout, as a share of the block. */
+export const POETRY_STAGGERS = ['compact', 'normal', 'relaxed', 'loose'];
+export const DEFAULT_POETRY_STAGGER = 'normal';
+const VALID_LAYOUTS = new Set(['single', 'two-column', 'staggered']);
 const VALID_SPACINGS = new Set(POETRY_SPACINGS);
-/** `text-align: justify` only stretches a line that actually wraps — a
- * misra short enough to fit on one line would otherwise just sit at its own
- * start edge instead of spreading its words across the full column width.
- * `text-align-last: justify` extends that same word-spacing stretch to the
- * single/last line too, so a one-line misra reads edge-to-edge exactly like
- * a wrapped one would. */
-function applyAlignStyle(element, align) {
-    element.style.textAlign = align;
-    element.style.textAlignLast = align === 'justify' ? 'justify' : '';
+const VALID_GUTTERS = new Set(POETRY_GUTTERS);
+const VALID_STAGGERS = new Set(POETRY_STAGGERS);
+/** Poetry is always justified: `text-align-last: justify` stretches a
+ * one-line misra across the full column width too, not just wrapped lines,
+ * so every line reads edge-to-edge. */
+function applyJustifyStyle(element) {
+    element.style.textAlign = 'justify';
+    element.style.textAlignLast = 'justify';
 }
 /** A user-dragged width overrides editor.css's default max-width: 70% —
  * clearing the inline style (rather than setting it to that same 70%)
@@ -32,32 +36,30 @@ function applyWidthStyle(element, width) {
  * couplet its own LayoutContainerNode row (built on the columns primitive,
  * §4.9) — see blocks/poetryActions.ts's $getCouplets for how either shape
  * is read, and $setPoetryLayout/$exitPoetryOnEnter for how children are
- * restructured/grown between couplets and layouts. `layout` and `align`
- * apply to the whole section, not per couplet; both mutate in place via
- * poetryActions so converting a section between layouts doesn't lose
- * selection/undo coherence. One extensible primitive in place of four
- * fixed templates, per requirements doc §4.11.
+ * restructured/grown between couplets and layouts. `layout` applies to the
+ * whole section, not per couplet, and mutates in place via poetryActions so
+ * converting a section between layouts doesn't lose selection/undo
+ * coherence. One extensible primitive in place of four fixed templates,
+ * per requirements doc §4.11.
  */
 export class PoetryBlockNode extends ElementNode {
-    constructor(layout = 'single', align = 'justify', width, spacing = DEFAULT_POETRY_SPACING, key) {
+    constructor(layout = 'single', width, spacing = DEFAULT_POETRY_SPACING, gutter = DEFAULT_POETRY_GUTTER, stagger = DEFAULT_POETRY_STAGGER, key) {
         super(key);
         this.__layout = layout;
-        this.__align = align;
         this.__width = width;
         this.__spacing = spacing;
+        this.__gutter = gutter;
+        this.__stagger = stagger;
     }
     static getType() {
         return 'poetry-couplet';
     }
     static clone(node) {
-        return new PoetryBlockNode(node.__layout, node.__align, node.__width, node.__spacing, node.__key);
+        return new PoetryBlockNode(node.__layout, node.__width, node.__spacing, node.__gutter, node.__stagger, node.__key);
     }
     getLayout() {
         return this.getLatest().__layout;
     }
-    getAlign() {
-        return this.getLatest().__align;
-    }
     getWidth() {
         return this.getLatest().__width;
     }
@@ -82,13 +84,24 @@ export class PoetryBlockNode extends ElementNode {
         writable.__spacing = spacing;
         return writable;
     }
-    setAlign(align) {
+    getGutter() {
+        return this.getLatest().__gutter;
+    }
+    setGutter(gutter) {
+        const writable = this.getWritable();
+        writable.__gutter = gutter;
+        return writable;
+    }
+    getStagger() {
+        return this.getLatest().__stagger;
+    }
+    setStagger(stagger) {
         const writable = this.getWritable();
-        writable.__align = align;
+        writable.__stagger = stagger;
         return writable;
     }
     static importJSON(serializedNode) {
-        return $createPoetryBlockNode(serializedNode.layout, serializedNode.align, serializedNode.width, serializedNode.spacing);
+        return $createPoetryBlockNode(serializedNode.layout, serializedNode.width, serializedNode.spacing, serializedNode.gutter, serializedNode.stagger);
     }
     exportJSON() {
         const width = this.getWidth();
@@ -97,8 +110,9 @@ export class PoetryBlockNode extends ElementNode {
             type: 'poetry-couplet',
             version: 1,
             layout: this.getLayout(),
-            align: this.getAlign(),
             spacing: this.getSpacing(),
+            gutter: this.getGutter(),
+            stagger: this.getStagger(),
             ...(width !== undefined ? { width } : {}),
         };
     }
@@ -109,53 +123,60 @@ export class PoetryBlockNode extends ElementNode {
                 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';
                 const rawWidth = Number(domNode.getAttribute('data-likhari-poetry-width'));
                 const width = Number.isFinite(rawWidth) && rawWidth > 0 ? rawWidth : undefined;
                 const rawSpacing = domNode.getAttribute('data-likhari-poetry-spacing');
                 const spacing = VALID_SPACINGS.has(rawSpacing) ? rawSpacing : DEFAULT_POETRY_SPACING;
-                return { conversion: () => ({ node: $createPoetryBlockNode(layout, align, width, spacing) }), priority: 2 };
+                const rawGutter = domNode.getAttribute('data-likhari-poetry-gutter');
+                const gutter = VALID_GUTTERS.has(rawGutter) ? rawGutter : DEFAULT_POETRY_GUTTER;
+                const rawStagger = domNode.getAttribute('data-likhari-poetry-stagger');
+                const stagger = VALID_STAGGERS.has(rawStagger) ? rawStagger : DEFAULT_POETRY_STAGGER;
+                return { conversion: () => ({ node: $createPoetryBlockNode(layout, width, spacing, gutter, stagger) }), 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.setAttribute('data-likhari-poetry-spacing', this.getSpacing());
+        element.setAttribute('data-likhari-poetry-gutter', this.getGutter());
+        element.setAttribute('data-likhari-poetry-stagger', this.getStagger());
         const width = this.getWidth();
         if (width !== undefined)
             element.setAttribute('data-likhari-poetry-width', String(width));
-        applyAlignStyle(element, this.getAlign());
+        applyJustifyStyle(element);
         applyWidthStyle(element, width);
         return { element };
     }
     createDOM(config) {
         const element = document.createElement('div');
         const base = config.theme.poetry ?? 'likhari-poetry';
-        addClassNamesToElement(element, base, `${base}--${this.__layout}`, `${base}--spacing-${this.__spacing}`);
-        applyAlignStyle(element, this.__align);
+        addClassNamesToElement(element, base, `${base}--${this.__layout}`, `${base}--spacing-${this.__spacing}`, `${base}--gutter-${this.__gutter}`, `${base}--stagger-${this.__stagger}`);
+        applyJustifyStyle(element);
         applyWidthStyle(element, this.__width);
         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.
+    // Only ever adds/removes modifier classes, 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) {
+        const base = config.theme.poetry ?? 'likhari-poetry';
         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.__spacing !== this.__spacing) {
-            const base = config.theme.poetry ?? 'likhari-poetry';
             dom.classList.remove(`${base}--spacing-${prevNode.__spacing}`);
             dom.classList.add(`${base}--spacing-${this.__spacing}`);
         }
-        if (prevNode.__align !== this.__align) {
-            applyAlignStyle(dom, this.__align);
+        if (prevNode.__gutter !== this.__gutter) {
+            dom.classList.remove(`${base}--gutter-${prevNode.__gutter}`);
+            dom.classList.add(`${base}--gutter-${this.__gutter}`);
+        }
+        if (prevNode.__stagger !== this.__stagger) {
+            dom.classList.remove(`${base}--stagger-${prevNode.__stagger}`);
+            dom.classList.add(`${base}--stagger-${this.__stagger}`);
         }
         if (prevNode.__width !== this.__width) {
             applyWidthStyle(dom, this.__width);
@@ -169,8 +190,8 @@ export class PoetryBlockNode extends ElementNode {
         return true;
     }
 }
-export function $createPoetryBlockNode(layout = 'single', align = 'justify', width, spacing = DEFAULT_POETRY_SPACING) {
-    return $applyNodeReplacement(new PoetryBlockNode(layout, align, width, spacing));
+export function $createPoetryBlockNode(layout = 'single', width, spacing = DEFAULT_POETRY_SPACING, gutter = DEFAULT_POETRY_GUTTER, stagger = DEFAULT_POETRY_STAGGER) {
+    return $applyNodeReplacement(new PoetryBlockNode(layout, width, spacing, gutter, stagger));
 }
 export function $isPoetryBlockNode(node) {
     return node instanceof PoetryBlockNode;

package/dist/blocks/poetryActions.d.ts

@@ -1,5 +1,5 @@
 import { type ParagraphNode } from 'lexical';
-import { type PoetryAlign, type PoetryBlockNode, type PoetryLayout } from './PoetryNode.js';
+import { type PoetryBlockNode, type PoetryLayout } from './PoetryNode.js';
 /** One couplet's two misra paragraphs, in order. */
 export type Couplet = [ParagraphNode, ParagraphNode];
 /**
@@ -49,10 +49,10 @@ export declare function $ensureTrailingParagraph(node: PoetryBlockNode): void;
  * semantics, in its existing layout: "one poetry block can contain one or
  * more couplets, in one or two column layout", so a block's layout is
  * fixed once it has couplets, not chosen per couplet) and focuses its first
- * misra. Otherwise creates a new block (in `layout`/`align`) with one
+ * misra. Otherwise creates a new block (in `layout`) with one
  * couplet, after the selection's top-level element.
  */
-export declare function $insertPoetryCouplet(layout: PoetryLayout, align: PoetryAlign): boolean;
+export declare function $insertPoetryCouplet(layout: PoetryLayout): boolean;
 /** Removes the couplet the selection is inside. If it's the block's only
  * couplet, removes the whole block (an empty poetry section serves no
  * purpose) — the explicit, always-available counterpart to
@@ -60,17 +60,21 @@ export declare function $insertPoetryCouplet(layout: PoetryLayout, align: Poetry
  * menu's own "Delete table" action). */
 export declare function $deletePoetryCouplet(): boolean;
 /**
- * Backspace at the very start of an empty couplet removes just that
- * couplet — merging back into the previous one's end, or (if it's the
- * block's only couplet) removing the whole block, since an empty poetry
- * section serves no purpose. Otherwise there was no way to get rid of an
- * empty couplet created by mistake (its misra paragraphs each have their
- * own default canBeEmpty, so Lexical's usual "delete the empty block"
- * handling never reaches the couplet itself). Returns false for every
- * other caret position, including a non-empty couplet, so normal Backspace
- * handling (e.g. deleting within text) proceeds.
+ * Backspace at the start of a misra never merges it into its neighbour: the
+ * block's lines are paired into couplets, so merging one line away would
+ * shift every couplet after it (and take the previous couplet's last line
+ * with it). Instead, Backspace at the start of an empty couplet removes that
+ * couplet, and at the start of any other line it moves the caret to the end
+ * of the previous line. Other caret positions (deleting within text) fall
+ * through to normal handling.
  */
 export declare function $deletePoetryOnBackspace(): boolean;
+/**
+ * Forward Delete at the end of a misra never merges the next line into it, for
+ * the same reason as $deletePoetryOnBackspace: the caret moves to the start of
+ * the next line instead. Other caret positions fall through to normal handling.
+ */
+export declare function $deletePoetryForward(): boolean;
 /**
  * Enter inside a poetry block never grows a couplet past its fixed two
  * misras. The block's *last* couplet being completely empty is always the
@@ -91,4 +95,23 @@ export declare function $exitPoetryOnEnter(): boolean;
 /** Steps the caret's poetry block one notch looser (+1) or tighter (-1) on
  * the couplet-spacing scale; clamps at either end. */
 export declare function $adjustPoetrySpacing(step: 1 | -1): boolean;
+/** Steps the caret's two-column gutter one notch wider (+1) or narrower (-1);
+ * clamps at either end. */
+export declare function $adjustPoetryGutter(step: 1 | -1): boolean;
+/** Steps the caret's staggered couplet width one notch narrower (-1) or wider
+ * (+1); clamps at either end. */
+export declare function $adjustPoetryStagger(step: 1 | -1): boolean;
+/** Whether the couplet the caret is in is centered, or null outside a
+ * two-column poetry block (centering only applies there). */
+export declare function $getCoupletCenteredFromSelection(): boolean | null;
+/** Centers (or un-centers) the caret's couplet within a two-column block by
+ * rebuilding its row around the same two misra paragraphs. */
+export declare function $setCoupletCentered(centered: boolean): boolean;
+/** Removes the whole poetry block the caret is in, including every couplet. */
+export declare function $deletePoetryBlock(): boolean;
+/** Single-column blocks pair their paragraphs into couplets, so a line left
+ * without a partner (from pasted or imported content) would be invisible to
+ * the couplet logic. Give it an empty partner instead, so every line belongs
+ * to a couplet and can be deleted like any other. */
+export declare function $completeSingleCoupletBlock(node: PoetryBlockNode): void;
 //# sourceMappingURL=poetryActions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"poetryActions.d.ts","sourceRoot":"","sources":["../../src/blocks/poetryActions.ts"],"names":[],"mappings":"AACA,OAAO,EAA4F,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAEvI,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,YAAY,EAClB,MAAM,cAAc,CAAC;AAEtB,oDAAoD;AACpD,MAAM,MAAM,OAAO,GAAG,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;AAErD;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,eAAe,GAAG,OAAO,EAAE,CAgB7D;AAED;;6CAE6C;AAC7C,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,eAAe,GAAG,aAAa,EAAE,CAE1E;AAED,oEAAoE;AACpE,wBAAgB,4BAA4B,IAAI,eAAe,GAAG,IAAI,CAKrE;AA0DD;;;;;;GAMG;AACH,wBAAgB,iCAAiC,CAAC,QAAQ,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,CAevF;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI,CAmBlF;AAED;;;;;;qDAMqD;AACrD,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAEpE;AAED;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,GAAG,OAAO,CAiBtF;AAED;;;;wCAIwC;AACxC,wBAAgB,oBAAoB,IAAI,OAAO,CAwB9C;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,wBAAwB,IAAI,OAAO,CAqClD;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,kBAAkB,IAAI,OAAO,CAgD5C;AAED;sDACsD;AACtD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAO1D"}
+{"version":3,"file":"poetryActions.d.ts","sourceRoot":"","sources":["../../src/blocks/poetryActions.ts"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,aAAa,EACnB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAML,KAAK,eAAe,EACpB,KAAK,YAAY,EAClB,MAAM,cAAc,CAAC;AAEtB,oDAAoD;AACpD,MAAM,MAAM,OAAO,GAAG,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;AAErD;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,eAAe,GAAG,OAAO,EAAE,CAqB7D;AAED;;6CAE6C;AAC7C,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,eAAe,GAAG,aAAa,EAAE,CAE1E;AAED,oEAAoE;AACpE,wBAAgB,4BAA4B,IAAI,eAAe,GAAG,IAAI,CAKrE;AA0DD;;;;;;GAMG;AACH,wBAAgB,iCAAiC,CAAC,QAAQ,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,CAevF;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI,CAmBlF;AAED;;;;;;qDAMqD;AACrD,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAEpE;AAED;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,YAAY,GAAG,OAAO,CAiBlE;AAED;;;;wCAIwC;AACxC,wBAAgB,oBAAoB,IAAI,OAAO,CAwB9C;AAUD;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,IAAI,OAAO,CAsClD;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,IAAI,OAAO,CAkB9C;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,kBAAkB,IAAI,OAAO,CAgD5C;AAED;sDACsD;AACtD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAO1D;AAED;2BAC2B;AAC3B,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAOzD;AAED;iCACiC;AACjC,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAO1D;AAYD;6DAC6D;AAC7D,wBAAgB,gCAAgC,IAAI,OAAO,GAAG,IAAI,CAUjE;AAED;8DAC8D;AAC9D,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,OAAO,GAAG,OAAO,CAuB9D;AAED,+EAA+E;AAC/E,wBAAgB,kBAAkB,IAAI,OAAO,CAK5C;AAED;;;qDAGqD;AACrD,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAGvE"}

package/dist/blocks/poetryActions.js

@@ -1,7 +1,7 @@
 import { $findMatchingParent } from '@lexical/utils';
-import { $createParagraphNode, $getSelection, $isElementNode, $isParagraphNode, $isRangeSelection } from 'lexical';
+import { $createParagraphNode, $getSelection, $isElementNode, $isParagraphNode, $isRangeSelection, } from 'lexical';
 import { $createLayoutContainerNode, $createLayoutItemNode, $isLayoutContainerNode, $isLayoutItemNode } from './LayoutNode.js';
-import { $createPoetryBlockNode, $isPoetryBlockNode, POETRY_SPACINGS, } from './PoetryNode.js';
+import { $createPoetryBlockNode, $isPoetryBlockNode, POETRY_GUTTERS, POETRY_SPACINGS, POETRY_STAGGERS, } from './PoetryNode.js';
 /**
  * A poetry block is a *section* of one or more couplets sharing one layout
  * (single-column stacks each couplet's two misras directly as paragraph
@@ -11,7 +11,7 @@ import { $createPoetryBlockNode, $isPoetryBlockNode, POETRY_SPACINGS, } from './
  * read either shape, so nothing else needs to.
  */
 export function $getCouplets(node) {
-    if (node.getLayout() === 'single') {
+    if (node.getLayout() !== 'two-column') {
         const paragraphs = node.getChildren().filter($isParagraphNode);
         const couplets = [];
         for (let i = 0; i + 1 < paragraphs.length; i += 2)
@@ -22,6 +22,12 @@ export function $getCouplets(node) {
     const couplets = [];
     for (const container of containers) {
         const items = container.getChildren().filter($isLayoutItemNode);
+        if (items.length === 1) {
+            const [a, b] = items[0].getChildren();
+            if ($isParagraphNode(a) && $isParagraphNode(b))
+                couplets.push([a, b]);
+            continue;
+        }
         const a = items[0]?.getFirstChild();
         const b = items[1]?.getFirstChild();
         if ($isParagraphNode(a) && $isParagraphNode(b))
@@ -58,7 +64,7 @@ function $findCoupletPosition(couplets, target) {
 function $appendCoupletTo(node) {
     const misraA = $createParagraphNode();
     const misraB = $createParagraphNode();
-    if (node.getLayout() === 'single') {
+    if (node.getLayout() !== 'two-column') {
         node.append(misraA, misraB);
     }
     else {
@@ -80,7 +86,7 @@ function $appendCoupletTo(node) {
 function $insertCoupletRelativeTo(existingFirstMisra, layout, position) {
     const misraA = $createParagraphNode();
     const misraB = $createParagraphNode();
-    if (layout === 'single') {
+    if (layout !== 'two-column') {
         if (position === 'before') {
             existingFirstMisra.insertBefore(misraA);
             misraA.insertAfter(misraB);
@@ -143,7 +149,7 @@ export function $setPoetryLayout(node, layout) {
     }
     for (const leftover of node.getChildren())
         leftover.remove();
-    if (layout === 'single') {
+    if (layout !== 'two-column') {
         for (const [a, b] of couplets)
             node.append(a, b);
     }
@@ -174,10 +180,10 @@ export function $ensureTrailingParagraph(node) {
  * semantics, in its existing layout: "one poetry block can contain one or
  * more couplets, in one or two column layout", so a block's layout is
  * fixed once it has couplets, not chosen per couplet) and focuses its first
- * misra. Otherwise creates a new block (in `layout`/`align`) with one
+ * misra. Otherwise creates a new block (in `layout`) with one
  * couplet, after the selection's top-level element.
  */
-export function $insertPoetryCouplet(layout, align) {
+export function $insertPoetryCouplet(layout) {
     const selection = $getSelection();
     if (!$isRangeSelection(selection))
         return false;
@@ -186,7 +192,7 @@ export function $insertPoetryCouplet(layout, align) {
         return $insertCoupletRelativeToSelection('after');
     }
     const anchorTopLevel = selection.anchor.getNode().getTopLevelElementOrThrow();
-    const node = $createPoetryBlockNode(layout, align);
+    const node = $createPoetryBlockNode(layout);
     const [misraA] = $appendCoupletTo(node);
     anchorTopLevel.insertAfter(node);
     $ensureTrailingParagraph(node);
@@ -223,16 +229,23 @@ export function $deletePoetryCouplet() {
     }
     return true;
 }
+/** Whether a point sits at the very start (or, with `atEnd`, very end) of a paragraph. */
+function $isPointAt(paragraph, point, atEnd) {
+    if (point.key === paragraph.getKey())
+        return point.offset === (atEnd ? paragraph.getChildrenSize() : 0);
+    const edge = atEnd ? paragraph.getLastDescendant() : paragraph.getFirstDescendant();
+    if (point.getNode() !== edge)
+        return false;
+    return point.offset === (atEnd ? point.getNode().getTextContent().length : 0);
+}
 /**
- * Backspace at the very start of an empty couplet removes just that
- * couplet — merging back into the previous one's end, or (if it's the
- * block's only couplet) removing the whole block, since an empty poetry
- * section serves no purpose. Otherwise there was no way to get rid of an
- * empty couplet created by mistake (its misra paragraphs each have their
- * own default canBeEmpty, so Lexical's usual "delete the empty block"
- * handling never reaches the couplet itself). Returns false for every
- * other caret position, including a non-empty couplet, so normal Backspace
- * handling (e.g. deleting within text) proceeds.
+ * Backspace at the start of a misra never merges it into its neighbour: the
+ * block's lines are paired into couplets, so merging one line away would
+ * shift every couplet after it (and take the previous couplet's last line
+ * with it). Instead, Backspace at the start of an empty couplet removes that
+ * couplet, and at the start of any other line it moves the caret to the end
+ * of the previous line. Other caret positions (deleting within text) fall
+ * through to normal handling.
  */
 export function $deletePoetryOnBackspace() {
     const selection = $getSelection();
@@ -242,35 +255,60 @@ export function $deletePoetryOnBackspace() {
     if (!block)
         return false;
     const couplets = $getCouplets(block);
-    const anchorNode = selection.anchor.getNode();
-    const position = $findCoupletPosition(couplets, anchorNode);
-    if (!position || position.misraIndex !== 0)
-        return false;
-    const [firstMisra] = couplets[position.coupletIndex];
-    const anchor = selection.anchor;
-    const isAtStart = anchor.key === firstMisra.getKey() && anchor.offset === 0;
-    if (!isAtStart)
+    const position = $findCoupletPosition(couplets, selection.anchor.getNode());
+    if (!position)
         return false;
-    const [a, b] = couplets[position.coupletIndex];
-    if (!a.isEmpty() || !b.isEmpty())
+    const { coupletIndex, misraIndex } = position;
+    const [a, b] = couplets[coupletIndex];
+    const misra = couplets[coupletIndex][misraIndex];
+    if (!$isPointAt(misra, selection.anchor, false))
         return false;
-    if (couplets.length <= 1) {
-        const previous = block.getPreviousSibling();
-        block.remove();
-        if ($isElementNode(previous))
-            previous.selectEnd();
+    if (a.isEmpty() && b.isEmpty()) {
+        if (couplets.length <= 1) {
+            const previous = block.getPreviousSibling();
+            block.remove();
+            if ($isElementNode(previous))
+                previous.selectEnd();
+            return true;
+        }
+        const container = $findMatchingParent(a, $isLayoutContainerNode);
+        if (container)
+            container.remove();
+        else {
+            a.remove();
+            b.remove();
+        }
+        const remaining = $getCouplets(block);
+        const previousCouplet = remaining[coupletIndex - 1] ?? remaining[0];
+        previousCouplet?.[1].selectEnd();
         return true;
     }
-    const container = $findMatchingParent(a, $isLayoutContainerNode);
-    if (container)
-        container.remove();
-    else {
-        a.remove();
-        b.remove();
-    }
-    const remaining = $getCouplets(block);
-    const previousCouplet = remaining[position.coupletIndex - 1] ?? remaining[0];
-    previousCouplet?.[1].selectEnd();
+    const previousLine = misraIndex === 1 ? a : couplets[coupletIndex - 1]?.[1];
+    previousLine?.selectEnd();
+    return true;
+}
+/**
+ * Forward Delete at the end of a misra never merges the next line into it, for
+ * the same reason as $deletePoetryOnBackspace: the caret moves to the start of
+ * the next line instead. Other caret positions fall through to normal handling.
+ */
+export function $deletePoetryForward() {
+    const selection = $getSelection();
+    if (!$isRangeSelection(selection) || !selection.isCollapsed())
+        return false;
+    const block = $getPoetryBlockFromSelection();
+    if (!block)
+        return false;
+    const couplets = $getCouplets(block);
+    const position = $findCoupletPosition(couplets, selection.anchor.getNode());
+    if (!position)
+        return false;
+    const { coupletIndex, misraIndex } = position;
+    const misra = couplets[coupletIndex][misraIndex];
+    if (!$isPointAt(misra, selection.anchor, true))
+        return false;
+    const nextLine = misraIndex === 0 ? couplets[coupletIndex][1] : couplets[coupletIndex + 1]?.[0];
+    nextLine?.selectStart();
     return true;
 }
 /**
@@ -347,3 +385,97 @@ export function $adjustPoetrySpacing(step) {
     block.setSpacing(next);
     return true;
 }
+/** Steps the caret's two-column gutter one notch wider (+1) or narrower (-1);
+ * clamps at either end. */
+export function $adjustPoetryGutter(step) {
+    const block = $getPoetryBlockFromSelection();
+    if (!block)
+        return false;
+    const index = POETRY_GUTTERS.indexOf(block.getGutter());
+    const next = POETRY_GUTTERS[Math.min(POETRY_GUTTERS.length - 1, Math.max(0, index + step))];
+    block.setGutter(next);
+    return true;
+}
+/** Steps the caret's staggered couplet width one notch narrower (-1) or wider
+ * (+1); clamps at either end. */
+export function $adjustPoetryStagger(step) {
+    const block = $getPoetryBlockFromSelection();
+    if (!block)
+        return false;
+    const index = POETRY_STAGGERS.indexOf(block.getStagger());
+    const next = POETRY_STAGGERS[Math.min(POETRY_STAGGERS.length - 1, Math.max(0, index + step))];
+    block.setStagger(next);
+    return true;
+}
+/** A centered couplet is a two-column row holding both misras in one item
+ * (a single-item row), rather than one item per misra. */
+function $isCoupletRowCentered(row) {
+    return row.getChildren().filter($isLayoutItemNode).length === 1;
+}
+function $findCoupletRow(couplet) {
+    return $findMatchingParent(couplet[0], $isLayoutContainerNode);
+}
+/** Whether the couplet the caret is in is centered, or null outside a
+ * two-column poetry block (centering only applies there). */
+export function $getCoupletCenteredFromSelection() {
+    const block = $getPoetryBlockFromSelection();
+    if (!block || block.getLayout() !== 'two-column')
+        return null;
+    const selection = $getSelection();
+    if (!$isRangeSelection(selection))
+        return null;
+    const couplets = $getCouplets(block);
+    const position = $findCoupletPosition(couplets, selection.anchor.getNode());
+    if (!position)
+        return null;
+    const row = $findCoupletRow(couplets[position.coupletIndex]);
+    return row ? $isCoupletRowCentered(row) : false;
+}
+/** Centers (or un-centers) the caret's couplet within a two-column block by
+ * rebuilding its row around the same two misra paragraphs. */
+export function $setCoupletCentered(centered) {
+    const block = $getPoetryBlockFromSelection();
+    if (!block || block.getLayout() !== 'two-column')
+        return false;
+    const selection = $getSelection();
+    if (!$isRangeSelection(selection))
+        return false;
+    const couplets = $getCouplets(block);
+    const position = $findCoupletPosition(couplets, selection.anchor.getNode());
+    if (!position)
+        return false;
+    const couplet = couplets[position.coupletIndex];
+    const row = $findCoupletRow(couplet);
+    if (!row || $isCoupletRowCentered(row) === centered)
+        return true;
+    const [a, b] = couplet;
+    const newRow = $createLayoutContainerNode(centered ? '1fr' : 'repeat(2, 1fr)');
+    if (centered) {
+        newRow.append($createLayoutItemNode().append(a, b));
+    }
+    else {
+        newRow.append($createLayoutItemNode().append(a), $createLayoutItemNode().append(b));
+    }
+    row.insertAfter(newRow);
+    row.remove();
+    a.selectStart();
+    return true;
+}
+/** Removes the whole poetry block the caret is in, including every couplet. */
+export function $deletePoetryBlock() {
+    const block = $getPoetryBlockFromSelection();
+    if (!block)
+        return false;
+    block.remove();
+    return true;
+}
+/** Single-column blocks pair their paragraphs into couplets, so a line left
+ * without a partner (from pasted or imported content) would be invisible to
+ * the couplet logic. Give it an empty partner instead, so every line belongs
+ * to a couplet and can be deleted like any other. */
+export function $completeSingleCoupletBlock(node) {
+    if (node.getLayout() === 'two-column')
+        return;
+    if (node.getChildrenSize() % 2 === 1)
+        node.append($createParagraphNode());
+}

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/components/Toolbar.tsx"],"names":[],"mappings":"AAuEA,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;AAsfvD,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,+BA+jCxJ"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/components/Toolbar.tsx"],"names":[],"mappings":"AAqFA,OAAO,EAAgB,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAA6D,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAItG,OAAO,KAAK,EAAE,MAAM,EAAW,MAAM,iBAAiB,CAAC;AA8gBvD,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,+BAmkCxJ"}

package/dist/components/Toolbar.js

@@ -14,8 +14,8 @@ 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 { $isPoetryBlockNode } from '../blocks/PoetryNode.js';
-import { $adjustPoetrySpacing, $deletePoetryCouplet, $getPoetryBlockFromSelection, $insertCoupletRelativeToSelection, $setPoetryLayout, } from '../blocks/poetryActions.js';
+import { $isPoetryBlockNode, POETRY_GUTTERS, POETRY_SPACINGS, POETRY_STAGGERS, } from '../blocks/PoetryNode.js';
+import { $adjustPoetryGutter, $getCoupletCenteredFromSelection, $setCoupletCentered, $adjustPoetryStagger, $adjustPoetrySpacing, $deletePoetryBlock, $deletePoetryCouplet, $getPoetryBlockFromSelection, $insertCoupletRelativeToSelection, $setPoetryLayout, } from '../blocks/poetryActions.js';
 import { INSERT_POETRY_COUPLET_COMMAND } from '../plugins/PoetryPlugin.js';
 import { TableDialog } from './TableDialog.js';
 import { LayoutDialog } from './LayoutDialog.js';
@@ -29,7 +29,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, IconColumns1, IconColumns2, IconNumber1Small, IconRowInsertBottom, IconRowInsertTop, IconRowRemove, IconArrowsMaximize, IconArrowsMinimize, IconTable, IconTableMinus, IconTrash, 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, IconArrowsMaximize, IconArrowsMinimize, IconArrowsShuffle, IconTable, IconTableMinus, IconTrash, 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). */
@@ -50,7 +50,8 @@ const INITIAL_STATE = {
     canUnmergeCell: false,
     inPoetry: false,
     poetryLayout: 'single',
-    poetryAlign: 'justify',
+    poetryScale: { spacing: 'normal', gutter: 'normal', stagger: 'normal' },
+    poetryCentered: false,
     canUndo: false,
     canRedo: false,
 };
@@ -162,16 +163,14 @@ 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"), plus
- * table-row-style structural actions (insert a couplet above/below the one
- * the caret is in, delete it) — a poetry block is "one object with multiple
- * couplets, add/remove like table rows", so these mirror TableMenuItems'
- * own insert-before/insert-after/delete-row actions. */
-function PoetryMenuItems({ strings, alignIcons, layout, align, onAction, }) {
+/** Whether a one-notch step from `value` stays on the scale — a step that
+ * would fall off either end is disabled rather than silently clamped. */
+function canStep(scale, value, step) {
+    const next = scale.indexOf(value) + step;
+    return next >= 0 && next < scale.length;
+}
+function PoetryMenuItems({ strings, layout, scale, centered, onAction, }) {
     const t = strings.poetryMenu;
-    const a = strings.toolbar.alignOptions;
     const item = (icon, label, action, active = false, color) => {
         const Icon = icon;
         return (_jsx(Menu.Item, { color: color, disabled: active, leftSection: _jsx(Icon, { size: ICON_SIZE, stroke: ICON_STROKE }), onMouseDown: (e) => e.preventDefault(), onClick: onAction(action), children: label }));
@@ -181,10 +180,7 @@ function PoetryMenuItems({ strings, alignIcons, layout, align, onAction, }) {
         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'), _jsx(Menu.Divider, {}), item(IconRowInsertTop, t.insertCoupletBefore, () => $insertCoupletRelativeToSelection('before')), item(IconRowInsertBottom, t.insertCoupletAfter, () => $insertCoupletRelativeToSelection('after')), item(IconArrowsMinimize, t.tighterSpacing, () => $adjustPoetrySpacing(-1)), item(IconArrowsMaximize, t.looserSpacing, () => $adjustPoetrySpacing(1)), item(IconTrash, t.deleteCouplet, $deletePoetryCouplet, false, 'red')] }));
+    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'), item(IconArrowsShuffle, t.staggered, setLayout('staggered'), layout === 'staggered'), _jsx(Menu.Divider, {}), _jsx(Menu.Divider, {}), item(IconRowInsertTop, t.insertCoupletBefore, () => $insertCoupletRelativeToSelection('before')), item(IconRowInsertBottom, t.insertCoupletAfter, () => $insertCoupletRelativeToSelection('after')), item(IconArrowsMinimize, t.tighterSpacing, () => $adjustPoetrySpacing(-1), !canStep(POETRY_SPACINGS, scale.spacing, -1)), item(IconArrowsMaximize, t.looserSpacing, () => $adjustPoetrySpacing(1), !canStep(POETRY_SPACINGS, scale.spacing, 1)), layout === 'staggered' && (_jsxs(_Fragment, { children: [item(IconArrowsMinimize, t.narrowerCouplets, () => $adjustPoetryStagger(-1), !canStep(POETRY_STAGGERS, scale.stagger, -1)), item(IconArrowsMaximize, t.widerCouplets, () => $adjustPoetryStagger(1), !canStep(POETRY_STAGGERS, scale.stagger, 1))] })), layout === 'two-column' && (_jsxs(_Fragment, { children: [item(IconAlignCenter, centered ? t.uncenterCouplet : t.centerCouplet, () => $setCoupletCentered(!centered)), item(IconColumns2, t.narrowerGutter, () => $adjustPoetryGutter(-1), !canStep(POETRY_GUTTERS, scale.gutter, -1)), item(IconColumns2, t.widerGutter, () => $adjustPoetryGutter(1), !canStep(POETRY_GUTTERS, scale.gutter, 1))] })), item(IconTrash, t.deleteCouplet, $deletePoetryCouplet, false, 'red'), item(IconTrash, t.deletePoetry, $deletePoetryBlock, false, 'red')] }));
 }
 export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAULT_FONT_OPTIONS, direction = 'ltr', locale = 'en', drafts }) {
     const [editor] = useLexicalComposerContext();
@@ -246,7 +242,10 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
             // node method (getFormatType() included) must not be deferred into it.
             const elementFormat = ($isElementNode(element) ? element.getFormatType() : 'start') || 'start';
             const poetryLayout = poetryBlock?.getLayout();
-            const poetryAlign = poetryBlock?.getAlign();
+            const poetryCentered = $getCoupletCenteredFromSelection();
+            const poetryScale = poetryBlock
+                ? { spacing: poetryBlock.getSpacing(), gutter: poetryBlock.getGutter(), stagger: poetryBlock.getStagger() }
+                : null;
             setState((s) => ({
                 ...s,
                 blockType,
@@ -264,7 +263,8 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
                 canUnmergeCell,
                 inPoetry: poetryBlock !== null,
                 poetryLayout: poetryLayout ?? s.poetryLayout,
-                poetryAlign: poetryAlign ?? s.poetryAlign,
+                poetryScale: poetryScale ?? s.poetryScale,
+                poetryCentered: poetryCentered ?? false,
             }));
         });
     }, [editor]);
@@ -808,9 +808,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.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")),
+        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 }) }))] }, "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")),
+        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, layout: state.poetryLayout, scale: state.poetryScale, centered: state.poetryCentered, 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
@@ -829,7 +829,7 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
                 }, 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 }) })] })), config.poetry.enabled && (_jsxs(Menu, { opened: poetryContext !== null, onChange: (opened) => {
                     if (!opened)
                         setPoetryContext(null);
-                }, position: "bottom-start", withinPortal: true, portalProps: { target: portalTarget }, shadow: "sm", width: 200, children: [_jsx(Menu.Target, { children: _jsx("span", { "aria-hidden": "true", style: { position: 'fixed', left: poetryContext?.x ?? -9999, top: poetryContext?.y ?? -9999, width: 1, height: 1, pointerEvents: 'none' } }) }), _jsx(Menu.Dropdown, { children: _jsx(PoetryMenuItems, { strings: strings, alignIcons: ALIGN_ICONS, layout: state.poetryLayout, align: state.poetryAlign, onAction: runMenuAction }) })] })), _jsxs("div", { "aria-hidden": "true", ref: toolbarMeasureRef, style: {
+                }, position: "bottom-start", withinPortal: true, portalProps: { target: portalTarget }, shadow: "sm", width: 200, children: [_jsx(Menu.Target, { children: _jsx("span", { "aria-hidden": "true", style: { position: 'fixed', left: poetryContext?.x ?? -9999, top: poetryContext?.y ?? -9999, width: 1, height: 1, pointerEvents: 'none' } }) }), _jsx(Menu.Dropdown, { children: _jsx(PoetryMenuItems, { strings: strings, layout: state.poetryLayout, scale: state.poetryScale, centered: state.poetryCentered, onAction: runMenuAction }) })] })), _jsxs("div", { "aria-hidden": "true", ref: toolbarMeasureRef, style: {
                     position: 'absolute',
                     visibility: 'hidden',
                     pointerEvents: 'none',

package/dist/i18n/strings.d.ts

@@ -142,11 +142,19 @@ export interface Strings {
         menuLabel: string;
         singleColumn: string;
         twoColumn: string;
+        staggered: string;
+        narrowerCouplets: string;
+        widerCouplets: string;
         insertCoupletBefore: string;
         insertCoupletAfter: string;
+        centerCouplet: string;
+        uncenterCouplet: string;
         tighterSpacing: string;
         looserSpacing: string;
+        narrowerGutter: string;
+        widerGutter: string;
         deleteCouplet: string;
+        deletePoetry: string;
     };
     link: {
         menuLabel: 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

@@ -125,11 +125,19 @@ const en = {
         menuLabel: 'Poetry',
         singleColumn: 'Single column',
         twoColumn: 'Two column',
+        staggered: 'Alternating sides',
+        narrowerCouplets: 'Narrower couplets',
+        widerCouplets: 'Wider couplets',
         insertCoupletBefore: 'Insert couplet above',
         insertCoupletAfter: 'Insert couplet below',
+        centerCouplet: 'Center this couplet',
+        uncenterCouplet: 'Un-center this couplet',
         tighterSpacing: 'Tighter couplet spacing',
         looserSpacing: 'Looser couplet spacing',
+        narrowerGutter: 'Narrower gutter',
+        widerGutter: 'Wider gutter',
         deleteCouplet: 'Delete couplet',
+        deletePoetry: 'Delete poetry',
     },
     link: {
         menuLabel: 'Link',
@@ -337,11 +345,19 @@ const ur = {
         menuLabel: 'شاعری',
         singleColumn: 'ایک کالم',
         twoColumn: 'دو کالم',
+        staggered: 'کالم متبادل',
+        narrowerCouplets: 'شعر کی چوڑائی کم',
+        widerCouplets: 'شعر کی چوڑائی زیادہ',
         insertCoupletBefore: 'اوپر شعر شامل کریں',
         insertCoupletAfter: 'نیچے شعر شامل کریں',
+        centerCouplet: 'یہ شعر وسط میں رکھیں',
+        uncenterCouplet: 'وسط میں رکھنا ختم کریں',
         tighterSpacing: 'شعروں کے درمیان کم جگہ',
         looserSpacing: 'شعروں کے درمیان زیادہ جگہ',
+        narrowerGutter: 'کالمز کے درمیان کم جگہ',
+        widerGutter: 'کالمز کے درمیان زیادہ جگہ',
         deleteCouplet: 'شعر حذف کریں',
+        deletePoetry: 'پوری شاعری حذف کریں',
     },
     link: {
         menuLabel: 'لنک',
@@ -549,11 +565,19 @@ const paShahmukhi = {
         menuLabel: 'شاعری',
         singleColumn: 'اک کالم',
         twoColumn: 'دو کالم',
+        staggered: 'وارو وار پاسے',
+        narrowerCouplets: 'شعر دی چوڑائی گھٹ',
+        widerCouplets: 'شعر دی چوڑائی ودھ',
         insertCoupletBefore: 'اُتے شعر شامل کرو',
         insertCoupletAfter: 'ھیٹھ شعر شامل کرو',
+        centerCouplet: 'ایہ شعر وچکار رکھو',
+        uncenterCouplet: 'وچکار رکھنا بند کرو',
         tighterSpacing: 'شعراں وچکار گھٹ جگہ',
         looserSpacing: 'شعراں وچکار ودھ جگہ',
+        narrowerGutter: 'کالماں وچکار گھٹ جگہ',
+        widerGutter: 'کالماں وچکار ودھ جگہ',
         deleteCouplet: 'شعر مٹاؤ',
+        deletePoetry: 'ساری شاعری مٹاؤ',
     },
     link: {
         menuLabel: 'لنک',

package/dist/plugins/PoetryPlugin.d.ts

@@ -1,8 +1,7 @@
 import { type LexicalCommand } from 'lexical';
-import { type PoetryAlign, type PoetryLayout } from '../blocks/PoetryNode.js';
+import { 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

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

@@ -1 +1 @@
-{"version":3,"file":"PoetryPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/PoetryPlugin.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,SAAS,CAAC;AAGjB,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;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,SA4C3B"}
+{"version":3,"file":"PoetryPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/PoetryPlugin.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,cAAc,EACpB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAmB,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAU1E,eAAO,MAAM,6BAA6B,EAAE,cAAc,CAAC;IAAE,MAAM,EAAE,YAAY,CAAA;CAAE,CAElF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,SAsD3B"}

package/dist/plugins/PoetryPlugin.js

@@ -1,10 +1,10 @@
 import { useEffect } from 'react';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_HIGH, KEY_BACKSPACE_COMMAND, KEY_ENTER_COMMAND, createCommand, } from 'lexical';
+import { COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_HIGH, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, KEY_ENTER_COMMAND, createCommand, } from 'lexical';
 import { mergeRegister } from '@lexical/utils';
 import { LayoutContainerNode, LayoutItemNode } from '../blocks/LayoutNode.js';
 import { PoetryBlockNode } from '../blocks/PoetryNode.js';
-import { $deletePoetryOnBackspace, $ensureTrailingParagraph, $exitPoetryOnEnter, $insertPoetryCouplet } from '../blocks/poetryActions.js';
+import { $deletePoetryForward, $deletePoetryOnBackspace, $ensureTrailingParagraph, $completeSingleCoupletBlock, $exitPoetryOnEnter, $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
@@ -24,11 +24,12 @@ export function PoetryPlugin() {
         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) => {
+        return mergeRegister(editor.registerCommand(INSERT_POETRY_COUPLET_COMMAND, ({ layout }) => $insertPoetryCouplet(layout), COMMAND_PRIORITY_EDITOR), editor.registerNodeTransform(PoetryBlockNode, (node) => {
             if (node.getChildrenSize() === 0) {
                 node.remove();
                 return;
             }
+            $completeSingleCoupletBlock(node);
             $ensureTrailingParagraph(node);
         }), editor.registerCommand(KEY_ENTER_COMMAND, (event) => {
             if (event?.shiftKey)
@@ -42,6 +43,11 @@ export function PoetryPlugin() {
             if (handled)
                 event?.preventDefault();
             return handled;
+        }, COMMAND_PRIORITY_HIGH), editor.registerCommand(KEY_DELETE_COMMAND, (event) => {
+            const handled = $deletePoetryForward();
+            if (handled)
+                event?.preventDefault();
+            return handled;
         }, COMMAND_PRIORITY_HIGH));
     }, [editor]);
     return null;

package/dist/theme/editor.css

@@ -429,6 +429,40 @@
 .likhari-poetry--spacing-relaxed { --poetry-couplet-gap: 1.8em; }
 .likhari-poetry--spacing-loose { --poetry-couplet-gap: 2.8em; }
 
+.likhari-poetry--gutter-compact { --poetry-gutter: 8px; }
+.likhari-poetry--gutter-normal { --poetry-gutter: 20px; }
+.likhari-poetry--gutter-relaxed { --poetry-gutter: 32px; }
+.likhari-poetry--gutter-loose { --poetry-gutter: 48px; }
+
+.likhari-poetry--stagger-compact { --poetry-stagger-width: 50%; }
+.likhari-poetry--stagger-normal { --poetry-stagger-width: 65%; }
+.likhari-poetry--stagger-relaxed { --poetry-stagger-width: 75%; }
+.likhari-poetry--stagger-loose { --poetry-stagger-width: 85%; }
+
+/* Staggered: couplets are the same flat misra paragraphs as single column,
+   but each couplet's two misras are placed in a 65%-wide box that alternates
+   sides — the first couplet pushed to the start edge, the next to the end
+   edge, and so on. Logical properties keep the alternation mirrored for RTL. */
+.likhari-poetry--staggered .likhari-paragraph {
+  width: var(--poetry-stagger-width, 65%);
+}
+
+.likhari-poetry--staggered .likhari-paragraph:nth-child(4n+1),
+.likhari-poetry--staggered .likhari-paragraph:nth-child(4n+2) {
+  margin-inline-end: auto;
+}
+
+.likhari-poetry--staggered .likhari-paragraph:nth-child(4n+3),
+.likhari-poetry--staggered .likhari-paragraph:nth-child(4n+4) {
+  margin-inline-start: auto;
+}
+
+.likhari-poetry--staggered .likhari-paragraph:nth-child(odd):not(:first-child) {
+  border-top: 1px dashed var(--editor-line-strong);
+  margin-top: var(--poetry-couplet-gap);
+  padding-top: calc(var(--poetry-couplet-gap) * 0.6);
+}
+
 .likhari-poetry--two-column .likhari-layout-container {
   margin: 0;
   /* No grid gap — the column divider sits exactly on the track boundary,
@@ -450,15 +484,27 @@
   text-align: inherit;
 }
 
+/* A centered couplet: a two-column row holding one item (see poetryActions.ts's
+   $setCoupletCentered) — narrowed to the middle of the block, with no column
+   divider or gutter since there's only one column. */
+.likhari-poetry--two-column > .likhari-layout-container:has(> .likhari-layout-item:only-child) {
+  width: 60%;
+  margin-inline: auto;
+}
+
+.likhari-poetry--two-column .likhari-layout-item:only-child {
+  padding-inline-end: 0;
+}
+
 .likhari-poetry--two-column .likhari-layout-item:first-child {
-  padding-inline-end: 20px;
+  padding-inline-end: var(--poetry-gutter, 20px);
 }
 
 /* A visible divider between misra columns, same dashed language as the
    couplet's own border — matches a table's internal cell borders. */
 .likhari-poetry--two-column .likhari-layout-item:not(:first-child) {
   border-inline-start: 1px dashed var(--editor-line-strong);
-  padding-inline-start: 20px;
+  padding-inline-start: var(--poetry-gutter, 20px);
 }
 
 /* PoetryResizer.tsx's drag handle — portaled to a fixed position over the

package/package.json

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