@sofereditor/react 0.1.0 → 0.2.0

package/dist/index.cjs

@@ -1178,6 +1178,7 @@ function renderInline(delta, keyPrefix) {
     } else if ((0, import_core2.isImageEmbed)(op.insert)) {
       const key = `${keyPrefix}-${offset}`;
       const layout = op.insert.layout ?? "inline";
+      const commentMarkId = op.attributes?.comment?.markId;
       if (layout === "wrap-left" || layout === "wrap-right") {
         wrapAnchors.push(
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ImageEmbedView, { embed: op.insert, offset, wrapAnchor: true }, `${key}-anchor`)
@@ -1195,7 +1196,14 @@ function renderInline(delta, keyPrefix) {
           )
         );
       } else {
-        body.push(/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ImageEmbedView, { embed: op.insert, offset }, key));
+        const imgNode = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ImageEmbedView, { embed: op.insert, offset }, key);
+        if (commentMarkId) {
+          body.push(
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "data-comment-id": commentMarkId, className: "ed-comment", children: imgNode }, `${key}-cmt`)
+          );
+        } else {
+          body.push(imgNode);
+        }
       }
       offset += 1;
     } else if (op.insert != null) {
@@ -1286,6 +1294,8 @@ function ImageEmbedViewImpl({
       height: embed.height,
       contentEditable: false,
       draggable: false,
+      decoding: "sync",
+      loading: "eager",
       "data-embed": "image",
       "data-embed-offset": offset,
       "data-embed-align": align ?? "",
@@ -1684,8 +1694,9 @@ var A4_PAGE = {
   marginLeft: 96,
   marginRight: 96
 };
-function contentHeight(g) {
-  return g.height - g.marginTop - g.marginBottom;
+function contentHeight(g, pageIndex = 0) {
+  const extra = pageIndex === 0 ? g.firstPageExtraTop ?? 0 : 0;
+  return g.height - g.marginTop - g.marginBottom - extra;
 }
 function contentWidth(g) {
   return g.width - g.marginLeft - g.marginRight;
@@ -1702,14 +1713,19 @@ function defaultPageLayout(topLevelCount) {
 function usePageLayout(rootRef, geometry, topLevelCount, deps) {
   const [phase, setPhase] = (0, import_react9.useState)("measure");
   const [layout, setLayout] = (0, import_react9.useState)(() => defaultPageLayout(topLevelCount));
-  const lastDepsRef = (0, import_react9.useRef)([]);
-  const currentDeps = [...deps, topLevelCount, geometry];
-  if (!shallowArrayEqual(lastDepsRef.current, currentDeps)) {
+  const lastDepsRef = (0, import_react9.useRef)(null);
+  (0, import_react9.useLayoutEffect)(() => {
+    const currentDeps = [...deps, topLevelCount, geometry];
+    if (lastDepsRef.current !== null && shallowArrayEqual(lastDepsRef.current, currentDeps)) {
+      return;
+    }
     lastDepsRef.current = currentDeps;
-    if (phase !== "measure") setPhase("measure");
-    const next = defaultPageLayout(topLevelCount);
-    if (!layoutsDeepEqual(layout, next)) setLayout(next);
-  }
+    setLayout((prev) => {
+      const next = defaultPageLayout(topLevelCount);
+      return layoutsDeepEqual(prev, next) ? prev : next;
+    });
+    setPhase("measure");
+  });
   (0, import_react9.useLayoutEffect)(() => {
     if (phase !== "measure") return;
     const root = rootRef.current;
@@ -1719,19 +1735,20 @@ function usePageLayout(rootRef, geometry, topLevelCount, deps) {
     if (!layoutsDeepEqual(layout, next)) setLayout(next);
     setPhase("stable");
   }, [phase, layout, geometry, topLevelCount, rootRef]);
-  return layout;
+  return { layout, phase };
 }
 function isUnfragmented(layout) {
   return layout.pages.length === 1 && layout.pages[0].slots.every(
-    (s) => s.fragment === void 0 && s.tableFragment === void 0
+    (s) => s.fragment === void 0 && s.tableFragment === void 0 && s.listFragment === void 0
   );
 }
 function computeLayout(root, geometry, topLevelCount) {
   const tops = collectTopLevelElements(root);
   if (tops.length === 0) return defaultPageLayout(topLevelCount);
-  const limit = contentHeight(geometry);
+  const limitFor = (pageIndex) => contentHeight(geometry, pageIndex);
   const pages = [{ slots: [] }];
   let currentPage = pages[0];
+  let limit = limitFor(0);
   let used = 0;
   const cap = Math.min(tops.length, topLevelCount);
   for (let i = 0; i < cap; i++) {
@@ -1743,14 +1760,23 @@ function computeLayout(root, geometry, topLevelCount) {
       continue;
     }
     if (isFragmentable(el)) {
-      const result = placeFragmentedBlock(el, i, pages, used, limit);
+      const result = placeFragmentedBlock(el, i, pages, used, limitFor);
       currentPage = pages[pages.length - 1];
+      limit = limitFor(pages.length - 1);
       used = result.lastUsed;
       continue;
     }
     if (isTableTopLevel(el)) {
-      const result = placeFragmentedTable(el, i, pages, used, limit);
+      const result = placeFragmentedTable(el, i, pages, used, limitFor);
       currentPage = pages[pages.length - 1];
+      limit = limitFor(pages.length - 1);
+      used = result.lastUsed;
+      continue;
+    }
+    if (isListTopLevel(el)) {
+      const result = placeFragmentedList(el, i, pages, used, limitFor);
+      currentPage = pages[pages.length - 1];
+      limit = limitFor(pages.length - 1);
       used = result.lastUsed;
       continue;
     }
@@ -1758,10 +1784,12 @@ function computeLayout(root, geometry, topLevelCount) {
       currentPage.slots.push({ topLevelIndex: i });
       pages.push({ slots: [] });
       currentPage = pages[pages.length - 1];
+      limit = limitFor(pages.length - 1);
       used = 0;
     } else {
       pages.push({ slots: [] });
       currentPage = pages[pages.length - 1];
+      limit = limitFor(pages.length - 1);
       currentPage.slots.push({ topLevelIndex: i });
       used = h;
     }
@@ -1769,7 +1797,8 @@ function computeLayout(root, geometry, topLevelCount) {
   if (pages.length > 1 && pages[pages.length - 1].slots.length === 0) pages.pop();
   return { pages };
 }
-function placeFragmentedBlock(el, topLevelIndex, pages, startUsed, limit) {
+function placeFragmentedBlock(el, topLevelIndex, pages, startUsed, limitFor) {
+  let limit = limitFor(pages.length - 1);
   const totalChars = getBlockTextLength(el);
   if (totalChars === 0) {
     const h = elTotalHeight(el);
@@ -1777,6 +1806,7 @@ function placeFragmentedBlock(el, topLevelIndex, pages, startUsed, limit) {
     if (startUsed + h > limit && currentPage2.slots.length > 0) {
       pages.push({ slots: [] });
       currentPage2 = pages[pages.length - 1];
+      limit = limitFor(pages.length - 1);
       startUsed = 0;
     }
     currentPage2.slots.push({ topLevelIndex });
@@ -1789,6 +1819,7 @@ function placeFragmentedBlock(el, topLevelIndex, pages, startUsed, limit) {
     if (startUsed + h > limit && currentPage2.slots.length > 0) {
       pages.push({ slots: [] });
       currentPage2 = pages[pages.length - 1];
+      limit = limitFor(pages.length - 1);
       startUsed = 0;
     }
     currentPage2.slots.push({ topLevelIndex });
@@ -1803,6 +1834,7 @@ function placeFragmentedBlock(el, topLevelIndex, pages, startUsed, limit) {
     if (available <= 0) {
       pages.push({ slots: [] });
       currentPage = pages[pages.length - 1];
+      limit = limitFor(pages.length - 1);
       used = 0;
       continue;
     }
@@ -1819,6 +1851,7 @@ function placeFragmentedBlock(el, topLevelIndex, pages, startUsed, limit) {
       } else {
         pages.push({ slots: [] });
         currentPage = pages[pages.length - 1];
+        limit = limitFor(pages.length - 1);
         used = 0;
         continue;
       }
@@ -1836,6 +1869,7 @@ function placeFragmentedBlock(el, topLevelIndex, pages, startUsed, limit) {
     if (lineIdx < lines.length) {
       pages.push({ slots: [] });
       currentPage = pages[pages.length - 1];
+      limit = limitFor(pages.length - 1);
       used = 0;
     }
   }
@@ -1924,7 +1958,8 @@ function isFragmentable(el) {
 function isTableTopLevel(el) {
   return el.querySelector(':scope > table[data-block-type="table"]') !== null;
 }
-function placeFragmentedTable(el, topLevelIndex, pages, startUsed, limit) {
+function placeFragmentedTable(el, topLevelIndex, pages, startUsed, limitFor) {
+  let limit = limitFor(pages.length - 1);
   const table = el.querySelector(':scope > table[data-block-type="table"]');
   const tbody = table?.querySelector(":scope > tbody");
   const trs = tbody ? Array.from(tbody.children) : [];
@@ -1934,6 +1969,7 @@ function placeFragmentedTable(el, topLevelIndex, pages, startUsed, limit) {
     if (startUsed + h > limit && currentPage2.slots.length > 0) {
       pages.push({ slots: [] });
       currentPage2 = pages[pages.length - 1];
+      limit = limitFor(pages.length - 1);
       startUsed = 0;
     }
     currentPage2.slots.push({ topLevelIndex });
@@ -1965,6 +2001,7 @@ function placeFragmentedTable(el, topLevelIndex, pages, startUsed, limit) {
     if (available <= 0) {
       pages.push({ slots: [] });
       currentPage = pages[pages.length - 1];
+      limit = limitFor(pages.length - 1);
       used = 0;
       continue;
     }
@@ -1983,6 +2020,7 @@ function placeFragmentedTable(el, topLevelIndex, pages, startUsed, limit) {
       } else {
         pages.push({ slots: [] });
         currentPage = pages[pages.length - 1];
+        limit = limitFor(pages.length - 1);
         used = 0;
         continue;
       }
@@ -2000,6 +2038,77 @@ function placeFragmentedTable(el, topLevelIndex, pages, startUsed, limit) {
     if (rowIdx < trs.length) {
       pages.push({ slots: [] });
       currentPage = pages[pages.length - 1];
+      limit = limitFor(pages.length - 1);
+      used = 0;
+    }
+  }
+  return { lastUsed: used };
+}
+function isListTopLevel(el) {
+  if (el.tagName !== "OL" && el.tagName !== "UL") return false;
+  return el.classList.contains("ed-list");
+}
+function placeFragmentedList(el, topLevelIndex, pages, startUsed, limitFor) {
+  let limit = limitFor(pages.length - 1);
+  const items = [];
+  for (const c of Array.from(el.children)) {
+    if (c instanceof HTMLLIElement && c.classList.contains("ed-listitem")) {
+      items.push(c);
+    }
+  }
+  if (items.length === 0) {
+    const h = elTotalHeight(el);
+    let currentPage2 = pages[pages.length - 1];
+    if (startUsed + h > limit && currentPage2.slots.length > 0) {
+      pages.push({ slots: [] });
+      currentPage2 = pages[pages.length - 1];
+      limit = limitFor(pages.length - 1);
+      startUsed = 0;
+    }
+    currentPage2.slots.push({ topLevelIndex });
+    return { lastUsed: startUsed + h };
+  }
+  const heights = items.map((li) => elTotalHeight(li));
+  const sumHeights = heights.reduce((a, b) => a + b, 0);
+  const wrapperOverhead = Math.max(0, elTotalHeight(el) - sumHeights);
+  let i = 0;
+  let currentPage = pages[pages.length - 1];
+  let used = startUsed;
+  let fragIndex = 0;
+  while (i < items.length) {
+    const available = Math.max(0, limit - used);
+    const isFirstFragment = fragIndex === 0;
+    let bestK = -1;
+    let runningH = isFirstFragment ? wrapperOverhead : 0;
+    for (let k = i; k < items.length; k++) {
+      runningH += heights[k];
+      if (runningH <= available) bestK = k;
+      else break;
+    }
+    if (bestK < 0) {
+      if (currentPage.slots.length === 0) {
+        bestK = i;
+      } else {
+        pages.push({ slots: [] });
+        currentPage = pages[pages.length - 1];
+        limit = limitFor(pages.length - 1);
+        used = 0;
+        continue;
+      }
+    }
+    currentPage.slots.push({
+      topLevelIndex,
+      listFragment: { index: fragIndex, itemStart: i, itemEnd: bestK + 1 }
+    });
+    let consumed = isFirstFragment ? wrapperOverhead : 0;
+    for (let k = i; k <= bestK; k++) consumed += heights[k];
+    used += consumed;
+    i = bestK + 1;
+    fragIndex++;
+    if (i < items.length) {
+      pages.push({ slots: [] });
+      currentPage = pages[pages.length - 1];
+      limit = limitFor(pages.length - 1);
       used = 0;
     }
   }
@@ -2075,6 +2184,14 @@ function layoutsDeepEqual(a, b) {
           return false;
         }
       }
+      const lA = sA[j].listFragment;
+      const lB = sB[j].listFragment;
+      if (lA || lB) {
+        if (!lA || !lB) return false;
+        if (lA.index !== lB.index || lA.itemStart !== lB.itemStart || lA.itemEnd !== lB.itemEnd) {
+          return false;
+        }
+      }
     }
   }
   return true;
@@ -2101,7 +2218,7 @@ function usePageSettings(doc) {
   return (0, import_react10.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
 }
 function shallowEqual(a, b) {
-  return a.width === b.width && a.height === b.height && a.marginTop === b.marginTop && a.marginBottom === b.marginBottom && a.marginLeft === b.marginLeft && a.marginRight === b.marginRight && a.preset === b.preset;
+  return a.width === b.width && a.height === b.height && a.marginTop === b.marginTop && a.marginBottom === b.marginBottom && a.marginLeft === b.marginLeft && a.marginRight === b.marginRight && a.preset === b.preset && a.systemHeaderTitle === b.systemHeaderTitle && a.systemHeaderAuthor === b.systemHeaderAuthor;
 }
 
 // src/useEditor.ts
@@ -2791,8 +2908,33 @@ function Editor({
           }
           return;
         }
-        case "insertParagraph":
         case "insertLineBreak": {
+          e.preventDefault();
+          if (ed.getBlockType() === "listItem") {
+            (0, import_core5.insertText)(ctx, "\n", ed.consumePendingMarks());
+            return;
+          }
+          const selEmbed = ed.getSelectedEmbed();
+          if (selEmbed) {
+            const off = selEmbed.offset + 1;
+            ctx.setSelection({
+              anchor: {
+                blockIndex: selEmbed.blockIndex,
+                cellIndex: selEmbed.cellIndex,
+                offset: off
+              },
+              focus: {
+                blockIndex: selEmbed.blockIndex,
+                cellIndex: selEmbed.cellIndex,
+                offset: off
+              }
+            });
+          }
+          if (ed.splitListItem()) return;
+          (0, import_core5.insertParagraph)(ctx);
+          return;
+        }
+        case "insertParagraph": {
           e.preventDefault();
           const selectedEmbed2 = ed.getSelectedEmbed();
           if (selectedEmbed2) {
@@ -2891,6 +3033,20 @@ function Editor({
       else ed.indentList();
       return;
     }
+    if (!mod && (e.key === "Home" || e.key === "End")) {
+      const root = rootRef.current;
+      const sel = window.getSelection();
+      const sm = sel?.modify;
+      if (root && sel && sel.rangeCount > 0 && typeof sm === "function") {
+        e.preventDefault();
+        const alter = e.shiftKey ? "extend" : "move";
+        const direction = e.key === "Home" ? "left" : "right";
+        sm.call(sel, alter, direction, "lineboundary");
+        const modelSel = readDomSelection(root);
+        if (modelSel) ctxRef.current.setSelection(modelSel);
+      }
+      return;
+    }
     if (!mod) return;
     const key = e.key.toLowerCase();
     if (!e.shiftKey && !e.altKey && key === "z") {
@@ -2947,26 +3103,47 @@ function Editor({
     }
   }, []);
   const topLevels = (0, import_react12.useMemo)(() => groupTopLevels(snapshot.blocks), [snapshot]);
+  const topLevelsStructuralKey = (0, import_react12.useMemo)(
+    () => topLevels.map(
+      (t) => t.kind === "list" ? `L:${t.listKind}:${t.items.length}:${t.ordinalStart}` : `B:${t.block.type}:${t.block.attrs.level ?? ""}`
+    ).join("|"),
+    [topLevels]
+  );
   const docSettings = usePageSettings(editor.doc);
   const propIsSet = pageGeometry !== void 0;
   const geom = propIsSet ? pageGeometry ?? A4_PAGE : docSettings;
   const paginated = pageGeometry !== null;
   const selectedEmbed = editor.getSelectedEmbed();
-  const layout = usePageLayout(
+  const { layout, phase: paginationPhase } = usePageLayout(
     rootRef,
     geom,
     topLevels.length,
-    [topLevels, pageGeometry]
+    // Usar a chave estrutural (string) em vez do array `topLevels` direto:
+    // o array reference muda a cada keystroke, mas a chave só muda quando
+    // a SHAPE dos top-levels muda. `usePageLayout` compara deps via
+    // `shallowArrayEqual` — string equality cobre isso.
+    [topLevelsStructuralKey, pageGeometry]
   );
   const effectiveLayout = paginated ? layout : defaultPageLayout(topLevels.length);
-  const pageStyle = paginated ? {
-    "--ed-page-width": `${geom.width}px`,
-    "--ed-page-height": `${geom.height}px`,
-    "--ed-page-margin-top": `${geom.marginTop}px`,
-    "--ed-page-margin-bottom": `${geom.marginBottom}px`,
-    "--ed-page-margin-left": `${geom.marginLeft}px`,
-    "--ed-page-margin-right": `${geom.marginRight}px`
-  } : void 0;
+  const pageStyle = (0, import_react12.useMemo)(
+    () => paginated ? {
+      "--ed-page-width": `${geom.width}px`,
+      "--ed-page-height": `${geom.height}px`,
+      "--ed-page-margin-top": `${geom.marginTop}px`,
+      "--ed-page-margin-bottom": `${geom.marginBottom}px`,
+      "--ed-page-margin-left": `${geom.marginLeft}px`,
+      "--ed-page-margin-right": `${geom.marginRight}px`
+    } : void 0,
+    [
+      paginated,
+      geom.width,
+      geom.height,
+      geom.marginTop,
+      geom.marginBottom,
+      geom.marginLeft,
+      geom.marginRight
+    ]
+  );
   const body = /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "div",
     {
@@ -2979,6 +3156,7 @@ function Editor({
       role: "textbox",
       "aria-multiline": "true",
       className: (className ?? "ed-root") + (paginated ? " ed-root--paged" : " ed-root--flat"),
+      "data-pagination-phase": paginated ? paginationPhase : void 0,
       style: pageStyle,
       onKeyDown,
       onCompositionStart,
@@ -2989,12 +3167,16 @@ function Editor({
             pageNumber: pi + 1,
             pageCount: effectiveLayout.pages.length
           };
+          const pageInlineStyle = pi === 0 && geom.firstPageExtraTop ? {
+            "--ed-page-margin-top": `${geom.marginTop + geom.firstPageExtraTop}px`
+          } : void 0;
           return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
             "div",
             {
               className: "ed-page",
               "data-page-number": ctx.pageNumber,
               "data-page-total": ctx.pageCount,
+              style: pageInlineStyle,
               children: [
                 renderPageHeader && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "ed-page-header", contentEditable: false, children: renderPageHeader(ctx) }),
                 /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "ed-page-content", children: page.slots.map((slot) => renderSlot(slot, topLevels)) }),
@@ -3040,11 +3222,29 @@ function groupTopLevels(snapshot) {
       const groupStart = i;
       const items = [];
       const kind = block.attrs.listKind === "ordered" ? "ordered" : "bullet";
-      while (i < snapshot.length && snapshot[i].type === "listItem" && (snapshot[i].attrs.listKind ?? "bullet") === kind) {
-        items.push({ block: snapshot[i], index: i });
+      const groupStyle = block.attrs.listStyle;
+      while (i < snapshot.length) {
+        const b = snapshot[i];
+        if (b.type !== "listItem") break;
+        if ((b.attrs.listKind ?? "bullet") !== kind) break;
+        if (i > groupStart) {
+          if (typeof b.attrs.listStart === "number") break;
+          const itemStyle = b.attrs.listStyle;
+          if (itemStyle !== void 0 && itemStyle !== groupStyle) break;
+        }
+        items.push({ block: b, index: i });
         i++;
       }
-      out.push({ kind: "list", items, listKind: kind, key: groupStart });
+      const firstAttrs = items[0].block.attrs;
+      const ordinalStart = typeof firstAttrs.listStart === "number" && firstAttrs.listStart > 0 ? firstAttrs.listStart : 1;
+      out.push({
+        kind: "list",
+        items,
+        listKind: kind,
+        ordinalStart,
+        listStyle: groupStyle,
+        key: groupStart
+      });
       continue;
     }
     out.push({ kind: "block", block, blockIndex: i, key: i });
@@ -3082,15 +3282,43 @@ function renderSlot(slot, topLevels) {
       `${top.key}-tf${slot.tableFragment.index}`
     );
   }
+  if (slot.listFragment && top.kind === "list") {
+    return renderListFragment(top, slot.listFragment);
+  }
   return renderTopLevel(top);
 }
 function renderTopLevel(top) {
   if (top.kind === "list") {
     const tree = buildListTree(top.items);
-    return renderListTree(tree, top.listKind, `list-${top.key}`);
+    return renderListTree(tree, top, top.ordinalStart, `list-${top.key}`);
   }
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(NodeView, { block: top.block, index: top.blockIndex }, top.key);
 }
+function renderListFragment(top, frag) {
+  const ranges = topLevelItemRanges(top.items);
+  const startRange = ranges[frag.itemStart];
+  const endRange = ranges[frag.itemEnd - 1];
+  if (!startRange || !endRange) return renderTopLevel(top);
+  const sliced = top.items.slice(startRange[0], endRange[1]);
+  const ordinalStart = top.ordinalStart + frag.itemStart;
+  const key = `list-${top.key}-f${frag.index}`;
+  const slicedTop = { ...top, items: sliced };
+  const tree = buildListTree(sliced);
+  return renderListTree(tree, slicedTop, ordinalStart, key);
+}
+function topLevelItemRanges(items) {
+  const out = [];
+  let currentStart = -1;
+  items.forEach((it, idx) => {
+    const level = clampListLevel2(it.block.attrs.listLevel);
+    if (level === 0) {
+      if (currentStart >= 0) out.push([currentStart, idx]);
+      currentStart = idx;
+    }
+  });
+  if (currentStart >= 0) out.push([currentStart, items.length]);
+  return out;
+}
 function buildListTree(items) {
   const roots = [];
   const stack = [{ children: roots, level: -1 }];
@@ -3103,9 +3331,28 @@ function buildListTree(items) {
   }
   return roots;
 }
-function renderListTree(tree, kind, key) {
+function renderListTree(tree, top, start, key) {
+  const className = `ed-list ed-list-${top.listKind}`;
+  const style = top.listStyle ? { listStyleType: top.listStyle } : void 0;
+  const items = tree.map((node) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(NodeView, { block: node.entry.block, index: node.entry.index, children: node.children.length > 0 ? renderNestedListTree(node.children, top.listKind, `nested-${node.entry.index}`) : null }, node.entry.index));
+  if (top.listKind === "ordered") {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "ol",
+      {
+        className,
+        "data-list-kind": "ordered",
+        start: start > 1 ? start : void 0,
+        style,
+        children: items
+      },
+      key
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { className, "data-list-kind": "bullet", style, children: items }, key);
+}
+function renderNestedListTree(tree, kind, key) {
   const Tag = kind === "ordered" ? "ol" : "ul";
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Tag, { className: `ed-list ed-list-${kind}`, "data-list-kind": kind, children: tree.map((node) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(NodeView, { block: node.entry.block, index: node.entry.index, children: node.children.length > 0 ? renderListTree(node.children, kind, `nested-${node.entry.index}`) : null }, node.entry.index)) }, key);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Tag, { className: `ed-list ed-list-${kind}`, "data-list-kind": kind, children: tree.map((node) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(NodeView, { block: node.entry.block, index: node.entry.index, children: node.children.length > 0 ? renderNestedListTree(node.children, kind, `nested-${node.entry.index}`) : null }, node.entry.index)) }, key);
 }
 function clampListLevel2(l) {
   if (typeof l !== "number" || !Number.isFinite(l)) return 0;