@inshapardaz/likhari-react 0.1.14 → 0.1.15-dev.118

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'] {
@@ -186,6 +190,25 @@
   line-height: 2.3;
 }
 
+/* Per-block direction (requirements doc §3.2, "mixed-direction documents"):
+   Lexical detects each block's own direction from its first strong-direction
+   character and tags it with one of these theme classes independently of
+   the document's overall locale — an Urdu paragraph inside an English essay,
+   or an English heading inside an Urdu document, gets its own script-correct
+   font rather than inheriting the canvas-wide default. Set directly on the
+   block, so it wins over the inherited rule above regardless of specificity. */
+.likhari-rtl {
+  font-family: 'Noto Nastaliq Urdu', serif;
+  font-size: 20px;
+  line-height: 2.3;
+}
+
+.likhari-ltr {
+  font-family: 'IBM Plex Serif', Georgia, serif;
+  font-size: 15px;
+  line-height: 1.75;
+}
+
 .likhari-placeholder {
   position: absolute;
   top: 20px;
@@ -298,10 +321,59 @@
   }
 }
 
-/* Tables — cell merge/split is deliberately out of scope for now (a flagged
-   open risk, lexical-editor-spec.md §12 item 3, needing its own scope
-   decision); TablePlugin is configured with hasCellMerge={false} to keep
-   every table a plain grid until that's resolved. */
+/* Columns layout (lexical-editor-spec.md §4.9) — a CSS grid row whose
+   column count/widths come from the node's own inline style, not this
+   stylesheet, so each container can differ. */
+.likhari-layout-container {
+  display: grid;
+  gap: 24px;
+  margin: 0 0 1em 0;
+}
+
+.likhari-layout-item {
+  min-width: 0;
+  overflow-wrap: break-word;
+}
+
+.likhari-layout-item > :last-child {
+  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) '] ';
+}
+
 .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,kBAoCzB,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,kBA+CzB,CAAC"}

package/dist/theme/editorTheme.js

@@ -4,6 +4,12 @@
  * (the "headless + default theme" requirement, UI spec §10).
  */
 export const editorTheme = {
+    // Applied by Lexical's reconciler to each top-level block based on that
+    // block's own detected direction — see the comment in editor.css. This is
+    // the per-block half of mixed-direction document support (requirements
+    // doc §3.2); the EditorRoot `dir` prop handles the whole-document default.
+    ltr: 'likhari-ltr',
+    rtl: 'likhari-rtl',
     paragraph: 'likhari-paragraph',
     quote: 'likhari-quote',
     heading: {
@@ -34,6 +40,11 @@ export const editorTheme = {
     hr: 'likhari-hr',
     image: 'likhari-image-block',
     pageBreak: 'likhari-page-break',
+    layoutContainer: 'likhari-layout-container',
+    layoutItem: 'likhari-layout-item',
+    footnoteReference: 'likhari-footnote-ref',
+    footnoteList: 'likhari-footnote-list',
+    footnoteItem: 'likhari-footnote-item',
     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.14",
+  "version": "0.1.15-dev.118",
   "description": "React implementation of the Likhari editor, built on @lexical/react.",
   "license": "MIT",
   "repository": {