@dxos/ui-editor 0.8.4-main.6fa680abb7 → 0.8.4-main.7996785055

package/dist/lib/browser/index.mjs

@@ -13,16 +13,22 @@ import { TextKind } from "@dxos/protocols/proto/dxos/echo/model/text";
 
 // src/defaults.ts
 import { mx } from "@dxos/ui-theme";
-var editorWidth = "!mx-auto w-full max-w-[min(50rem,100%-4rem)]";
-var editorSlots = {
-  scroll: {
-    className: "pt-2"
-  },
+var documentSlots = {
+  content: {
+    /**
+    * CodeMirror content width.
+    * 40rem = 640px. Corresponds to initial plank width (Google docs, Stashpad, etc.)
+    * 50rem = 800px. Maximum content width for solo mode.
+    * NOTE: Max width - 4rem = 2rem left/right margin (or 2rem gutter plus 1rem left/right margin).
+    */
+    className: "mx-auto! w-full pointer-fine:max-w-[min(50rem,100%-4rem)] pointer-coarse:max-w-[min(50rem,100%-2rem)]"
+  }
+};
+var compactSlots = {
   content: {
-    className: editorWidth
+    className: "mx-2! w-full"
   }
 };
-var editorWithToolbarLayout = "grid grid-cols-1 grid-rows-[min-content_1fr] data-[toolbar=disabled]:grid-rows-[1fr] justify-center content-start overflow-hidden";
 var stackItemContentEditorClassNames = (role) => mx("dx-attention-surface p-0.5 dx-focus-ring-inset data-[toolbar=disabled]:pt-2", role === "section" ? "[&_.cm-scroller]:overflow-hidden [&_.cm-scroller]:min-h-24" : "dx-container overflow-hidden");
 
 // src/extensions/annotations.ts
@@ -561,8 +567,7 @@ var scroller = ({ overScroll = 0 } = {}) => {
       }
       requestAnimationFrame(() => {
         this.view.scrollDOM.scrollTo({
-          top: targetScrollTop,
-          behavior
+          top: targetScrollTop
         });
       });
     }
@@ -586,7 +591,7 @@ var scroller = ({ overScroll = 0 } = {}) => {
         } catch (err) {
           log2.catch(err, void 0, {
             F: __dxlog_file2,
-            L: 145,
+            L: 146,
             S: void 0,
             C: (f, a) => f(...a)
           });
@@ -656,6 +661,7 @@ function createCrawler(view, k = 0.3, maxStep = 2, targetDelta = 0.5) {
 }
 
 // src/extensions/auto-scroll.ts
+import { getSize } from "@dxos/ui-theme";
 var autoScroll = (_ = {}) => {
   let buttonContainer;
   let isPinned = true;
@@ -710,7 +716,7 @@ var autoScroll = (_ = {}) => {
     // Scroll button.
     ViewPlugin6.fromClass(class {
       constructor(view) {
-        const icon = Domino.of("dx-icon").attributes({
+        const icon = Domino.of("dx-icon").classNames(getSize(4)).attributes({
           icon: "ph--arrow-down--regular"
         });
         const button = Domino.of("button").classNames("dx-button bg-accent-surface").attributes({
@@ -2482,28 +2488,28 @@ import { EditorView as EditorView13 } from "@codemirror/view";
 import { mx as mx3 } from "@dxos/ui-theme";
 var headings = {
   1: {
-    className: "text-4xl",
-    fontSize: "var(--text-4xl)",
+    className: "text-3xl",
+    fontSize: "var(--text-3xl)",
     lineHeight: "var(--text-4xl--line-height)"
   },
   2: {
-    className: "text-3xl",
-    fontSize: "var(--text-3xl)",
+    className: "text-2xl",
+    fontSize: "var(--text-2xl)",
     lineHeight: "var(--text-3xl--line-height)"
   },
   3: {
-    className: "text-2xl",
-    fontSize: "var(--text-2xl)",
+    className: "text-xl",
+    fontSize: "var(--text-xl)",
     lineHeight: "var(--text-2xl--line-height)"
   },
   4: {
-    className: "text-xl",
-    fontSize: "var(--text-xl)",
+    className: "text-lg",
+    fontSize: "var(--text-lg)",
     lineHeight: "var(--text-xl--line-height)"
   },
   5: {
-    className: "text-lg",
-    fontSize: "var(--text-lg)",
+    className: "text-base",
+    fontSize: "var(--text-base)",
     lineHeight: "var(--text-lg--line-height)"
   },
   6: {
@@ -2512,20 +2518,20 @@ var headings = {
     lineHeight: "var(--text-base--line-height)"
   }
 };
+var fontBody = '"Inter Variable", ui-sans-serif, system-ui, sans-serif';
+var fontMono = '"JetBrains Mono Variable", ui-monospace, "Cascadia Code", "Source Code Pro", monospace';
 var markdownTheme = {
-  code: "font-mono no-underline! text-cm-code",
-  codeMark: "font-mono text-cm-code-mark",
-  mark: "opacity-50",
+  code: "font-mono! text-cm-code",
+  codeMark: "font-mono! text-cm-code-mark",
+  mark: "font-mono!",
   heading: (level) => ({
-    className: mx3(headings[level].className, "font-light text-cm-heading"),
+    className: mx3(headings[level].className, "font-light text-cm-heading-number"),
     color: "var(--color-cm-heading) !important",
     lineHeight: headings[level].lineHeight,
     fontSize: headings[level].fontSize,
     fontWeight: "100 !important"
   })
 };
-var fontBody = "Inter Variable, ui-sans-serif, system-ui, sans-serif";
-var fontMono = "JetBrains Mono Variable, ui-monospace, Cascadia Code, Source Code Pro, monospace";
 var baseTheme = EditorView13.baseTheme({
   /**
   * Outer frame.
@@ -2557,7 +2563,6 @@ var baseTheme = EditorView13.baseTheme({
   */
   ".cm-content": {
     padding: "unset",
-    lineHeight: "24px",
     color: "unset"
   },
   /**
@@ -2581,16 +2586,23 @@ var baseTheme = EditorView13.baseTheme({
   * Height is set to match the corresponding line (which may have wrapped).
   */
   ".cm-gutterElement": {
-    lineHeight: "24px",
+    lineHeight: 1.5,
     fontSize: "12px"
   },
   /**
   * Line.
   */
   ".cm-line": {
-    lineHeight: "24px",
+    lineHeight: 1.5,
     paddingInline: 0
   },
+  /**
+  * Force all inline children to inherit line-height to prevent monospace font metrics
+  * (JetBrains Mono ascent/descent) from inflating the line box beyond 24px.
+  */
+  ".cm-line *": {
+    lineHeight: "inherit"
+  },
   ".cm-activeLine": {
     background: "var(--color-cm-active-line)"
   },
@@ -2768,10 +2780,9 @@ var editorGutter = EditorView13.theme({
   }
 });
 var createFontTheme = ({ monospace } = {}) => EditorView13.theme({
-  // Set metrics on the scroller (this is often what CM uses for layout).
+  // Main content.
   ".cm-scroller": {
-    fontFamily: monospace ? fontMono : fontBody,
-    fontSize: "16px"
+    fontFamily: monospace ? fontMono : fontBody
   },
   // Maintain defaults for UI components.
   ".cm-content, .cm-gutters, .cm-panel": {
@@ -2988,6 +2999,7 @@ var folding = () => {
       placeholderDOM: () => Domino2.of("span").root
     }),
     foldGutter({
+      // NOTE: We can't animate since the element is remounted on state change.
       markerDOM: (open) => {
         return Domino2.of("div").classNames("flex h-full justify-center items-center").children(Domino2.of("svg", Domino2.SVG).classNames(mx4("w-4 h-4 cursor-pointer", open && "rotate-90")).children(Domino2.of("use", Domino2.SVG).attributes({
           href: Domino2.icon("ph--caret-right--regular")
@@ -4274,8 +4286,7 @@ import { completionKeymap } from "@codemirror/autocomplete";
 import { defaultKeymap as defaultKeymap2, indentWithTab as indentWithTab2 } from "@codemirror/commands";
 import { jsonLanguage } from "@codemirror/lang-json";
 import { markdown, markdownLanguage as markdownLanguage2 } from "@codemirror/lang-markdown";
-import { xml } from "@codemirror/lang-xml";
-import { LanguageDescription, syntaxHighlighting as syntaxHighlighting2 } from "@codemirror/language";
+import { foldNodeProp, syntaxHighlighting as syntaxHighlighting2 } from "@codemirror/language";
 import { languages } from "@codemirror/language-data";
 import { keymap as keymap9 } from "@codemirror/view";
 import { isTruthy as isTruthy3 } from "@dxos/util";
@@ -4285,11 +4296,6 @@ import { markdownLanguage } from "@codemirror/lang-markdown";
 import { HighlightStyle as HighlightStyle2 } from "@codemirror/language";
 import { Tag, styleTags, tags } from "@lezer/highlight";
 import { Table } from "@lezer/markdown";
-var styles4 = {
-  code: "font-mono no-underline! text-cm-code",
-  codeMark: "font-mono text-cm-code-mark",
-  mark: "opacity-50"
-};
 var markdownTags = {
   Blockquote: Tag.define(),
   CodeMark: Tag.define(),
@@ -4371,7 +4377,7 @@ var markdownHighlightStyle = (_options = {}) => {
         markdownTags.LinkReference,
         markdownTags.ListMark
       ],
-      class: styles4.mark
+      class: markdownTheme.mark
     },
     // Markdown marks.
     {
@@ -4382,7 +4388,7 @@ var markdownHighlightStyle = (_options = {}) => {
         markdownTags.QuoteMark,
         markdownTags.EmphasisMark
       ],
-      class: styles4.mark
+      class: markdownTheme.mark
     },
     // E.g., code block language (after ```).
     {
@@ -4391,7 +4397,7 @@ var markdownHighlightStyle = (_options = {}) => {
         tags.function(tags.variableName),
         tags.labelName
       ],
-      class: styles4.codeMark
+      class: markdownTheme.codeMark
     },
     // Fonts.
     {
@@ -4457,7 +4463,7 @@ var markdownHighlightStyle = (_options = {}) => {
         markdownTags.CodeText,
         markdownTags.InlineCode
       ],
-      class: styles4.code
+      class: markdownTheme.code
     },
     {
       tag: [
@@ -4495,7 +4501,11 @@ var createMarkdownExtensions = (options = {}) => {
       extensions: [
         // GFM provided by default.
         markdownTagsExtensions,
-        ...options.extensions ?? defaultExtensions()
+        ...options.extensions ?? defaultExtensions(),
+        // Disable folding for fenced code blocks by overriding foldNodeProp.
+        // Note: returning null from foldService does not prevent syntaxFolding fallback,
+        // so we must override the node prop directly on the FencedCode node type.
+        noFencedCodeFolding
       ]
     }),
     // Custom styles.
@@ -4510,18 +4520,13 @@ var createMarkdownExtensions = (options = {}) => {
     ].filter(isTruthy3))
   ];
 };
-var xmlLanguageDesc = LanguageDescription.of({
-  name: "xml",
-  alias: [
-    "html",
-    "xhtml"
-  ],
-  extensions: [
-    "xml",
-    "xhtml"
-  ],
-  load: async () => xml()
-});
+var noFencedCodeFolding = {
+  props: [
+    foldNodeProp.add({
+      FencedCode: () => null
+    })
+  ]
+};
 var defaultExtensions = () => [
   noSetExtHeading,
   noHtml
@@ -4565,7 +4570,6 @@ import { syntaxTree as syntaxTree7 } from "@codemirror/language";
 import { Prec as Prec4, RangeSetBuilder as RangeSetBuilder5, StateEffect as StateEffect6 } from "@codemirror/state";
 import { Decoration as Decoration11, EditorView as EditorView23, ViewPlugin as ViewPlugin14, WidgetType as WidgetType7 } from "@codemirror/view";
 import { invariant as invariant4 } from "@dxos/invariant";
-import { mx as mx6 } from "@dxos/ui-theme";
 
 // src/extensions/markdown/changes.ts
 import { syntaxTree as syntaxTree4 } from "@codemirror/language";
@@ -4840,7 +4844,7 @@ var formattingStyles = EditorView21.theme({
     background: "var(--color-cm-codeblock)",
     borderLeft: "2px solid var(--color-cm-separator)",
     paddingLeft: "1rem",
-    margin: "0"
+    margin: 0
   },
   /**
   * Code and codeblocks.
@@ -4848,6 +4852,23 @@ var formattingStyles = EditorView21.theme({
   "& .cm-code": {
     fontFamily: fontMono
   },
+  // Inline code spans (triggered by backticks) use `text-cm-code` + `font-mono`.
+  // Different monospace font metrics can slightly overflow the fixed CodeMirror line box,
+  // so constrain them to the target 24px height.
+  "& .text-cm-code": {
+    fontFamily: fontMono,
+    height: "24px",
+    display: "inline-flex",
+    alignItems: "center",
+    overflow: "hidden"
+  },
+  "& .text-cm-code-mark": {
+    fontFamily: fontMono,
+    height: "24px",
+    display: "inline-flex",
+    alignItems: "center",
+    overflow: "hidden"
+  },
   "& .cm-codeblock-line": {
     background: "var(--color-cm-codeblock)",
     paddingInline: "1rem !important"
@@ -4878,6 +4899,7 @@ var formattingStyles = EditorView21.theme({
   */
   ".cm-table *": {
     fontFamily: fontMono,
+    lineHeight: 1.5,
     textDecoration: "none !important"
   },
   ".cm-table-head": {
@@ -4903,12 +4925,12 @@ var formattingStyles = EditorView21.theme({
   },
   ".cm-image-with-loader": {
     display: "block",
-    opacity: "0",
+    opacity: 0,
     transitionDuration: "350ms",
     transitionProperty: "opacity"
   },
   ".cm-image-with-loader.cm-loaded-image": {
-    opacity: "1"
+    opacity: 1
   },
   ".cm-image-wrapper": {
     "grid-template-columns": "1fr",
@@ -5123,10 +5145,10 @@ var fencedCodeLine = Decoration11.line({
   class: "cm-code cm-codeblock-line"
 });
 var fencedCodeLineFirst = Decoration11.line({
-  class: mx6("cm-code cm-codeblock-line", "cm-codeblock-start")
+  class: "cm-code cm-codeblock-line cm-codeblock-start"
 });
 var fencedCodeLineLast = Decoration11.line({
-  class: mx6("cm-code cm-codeblock-line", "cm-codeblock-end")
+  class: "cm-code cm-codeblock-line cm-codeblock-end"
 });
 var commentBlockLine = fencedCodeLine;
 var commentBlockLineFirst = fencedCodeLineFirst;
@@ -5160,7 +5182,7 @@ var buildDecorations2 = (view, options, focus2) => {
   const getHeaderLevels = (node, level) => {
     invariant4(level > 0, void 0, {
       F: __dxlog_file12,
-      L: 179,
+      L: 178,
       S: void 0,
       A: [
         "level > 0",
@@ -5199,7 +5221,7 @@ var buildDecorations2 = (view, options, focus2) => {
   const getCurrentListLevel = () => {
     invariant4(listLevels.length, void 0, {
       F: __dxlog_file12,
-      L: 201,
+      L: 200,
       S: void 0,
       A: [
         "listLevels.length",
@@ -5243,7 +5265,7 @@ var buildDecorations2 = (view, options, focus2) => {
               deco: hide
             });
           } else {
-            const num = headers.slice(from - 1).map((level2) => level2?.number ?? 0).join(".") + " ";
+            const num = headers.slice(from - 1).map((level2) => level2?.number ?? 0).join(".") + "). ";
             if (num.length) {
               atomicDecoRanges.push({
                 from: mark.from,
@@ -5426,11 +5448,11 @@ var buildDecorations2 = (view, options, focus2) => {
           }
           decoRanges.push({
             from: marks[0].to,
-            to: marks[1].from,
+            to: !editing && options.renderLinkButton ? node.to : marks[1].from,
             deco: Decoration11.mark({
               tagName: "a",
               attributes: {
-                class: "cm-link",
+                class: options.renderLinkButton ? "cm-link cm-link-with-button" : "cm-link",
                 href: url,
                 rel: "noreferrer",
                 target: "_blank"
@@ -5508,8 +5530,11 @@ var buildDecorations2 = (view, options, focus2) => {
     deco.add(from, to, d);
   }
   const atomicDeco = new RangeSetBuilder5();
-  for (const { from, to, deco: d } of atomicDecoRanges) {
-    atomicDeco.add(from, to, d);
+  for (const { from, to, deco: deco2 } of atomicDecoRanges) {
+    if (from < to && state.doc.lineAt(from).number !== state.doc.lineAt(to).number) {
+      continue;
+    }
+    atomicDeco.add(from, to, deco2);
   }
   return {
     deco: deco.finish(),
@@ -6272,7 +6297,7 @@ var commands = () => keymap11.of([
 // src/extensions/outliner/outliner.ts
 import { Prec as Prec5 } from "@codemirror/state";
 import { Decoration as Decoration12, EditorView as EditorView25, ViewPlugin as ViewPlugin17 } from "@codemirror/view";
-import { mx as mx7 } from "@dxos/ui-theme";
+import { mx as mx6 } from "@dxos/ui-theme";
 
 // src/extensions/outliner/editor.ts
 import { EditorSelection as EditorSelection4, EditorState as EditorState2 } from "@codemirror/state";
@@ -6595,7 +6620,7 @@ var decorations = () => [
           const lineTo = doc.lineAt(item.contentRange.to);
           const isSelected = selection.includes(item.index) || item === current;
           decorations2.push(Decoration12.line({
-            class: mx7("cm-list-item", lineFrom.number === line.number && "cm-list-item-start", lineTo.number === line.number && "cm-list-item-end", isSelected && (hasFocus ? "cm-list-item-focused" : "cm-list-item-selected"))
+            class: mx6("cm-list-item", lineFrom.number === line.number && "cm-list-item-start", lineTo.number === line.number && "cm-list-item-end", isSelected && (hasFocus ? "cm-list-item-focused" : "cm-list-item-selected"))
           }).range(line.from, line.from));
         }
       }
@@ -6640,17 +6665,22 @@ var decorations = () => [
 
 // src/extensions/preview/preview.ts
 import { syntaxTree as syntaxTree10 } from "@codemirror/language";
-import { RangeSetBuilder as RangeSetBuilder6, StateField as StateField11 } from "@codemirror/state";
-import { Decoration as Decoration13, EditorView as EditorView26, WidgetType as WidgetType8 } from "@codemirror/view";
+import { RangeSetBuilder as RangeSetBuilder6, StateEffect as StateEffect8, StateField as StateField11 } from "@codemirror/state";
+import { Decoration as Decoration13, EditorView as EditorView26, ViewPlugin as ViewPlugin18, WidgetType as WidgetType8 } from "@codemirror/view";
+import { DXN, Entity } from "@dxos/echo";
+var labelResolvedEffect = StateEffect8.define();
 var preview = (options = {}) => {
+  const viewRef = {
+    current: void 0
+  };
   return [
     // NOTE: Atomic block decorations must be created from a state field, now a widget, otherwise it results in the following error:
     // "Block decorations may not be specified via plugins".
     StateField11.define({
-      create: (state) => buildDecorations3(state, options),
+      create: (state) => buildDecorations3(state, options, viewRef),
       update: (decorations2, tr) => {
-        if (tr.docChanged) {
-          return buildDecorations3(tr.state, options);
+        if (tr.docChanged || tr.effects.some((effect) => effect.is(labelResolvedEffect))) {
+          return buildDecorations3(tr.state, options, viewRef);
         }
         return decorations2.map(tr.changes);
       },
@@ -6658,10 +6688,34 @@ var preview = (options = {}) => {
         EditorView26.decorations.from(field),
         EditorView26.atomicRanges.of((view) => view.state.field(field))
       ]
+    }),
+    ViewPlugin18.define((view) => {
+      viewRef.current = view;
+      return {
+        destroy() {
+          viewRef.current = void 0;
+        }
+      };
     })
   ];
 };
-var buildDecorations3 = (state, options) => {
+var resolveLabel = (db, dxnStr, viewRef) => {
+  const dxn = DXN.tryParse(dxnStr);
+  if (!dxn) {
+    return;
+  }
+  const ref = db.makeRef(dxn);
+  const target = ref.target;
+  if (target) {
+    return Entity.getLabel(target);
+  }
+  void ref.tryLoad().then(() => {
+    viewRef.current?.dispatch({
+      effects: labelResolvedEffect.of(void 0)
+    });
+  });
+};
+var buildDecorations3 = (state, options, viewRef) => {
   const builder = new RangeSetBuilder6();
   syntaxTree10(state).iterate({
     enter: (node) => {
@@ -6673,8 +6727,13 @@ var buildDecorations3 = (state, options) => {
         case "Link": {
           const link = getLinkRef(state, node.node);
           if (link) {
+            const resolved = options.db ? resolveLabel(options.db, link.dxn, viewRef) : void 0;
+            const displayLink = resolved ? {
+              ...link,
+              label: resolved
+            } : link;
             builder.add(node.from, node.to, Decoration13.replace({
-              widget: new PreviewInlineWidget(options, link),
+              widget: new PreviewInlineWidget(options, displayLink),
               side: 1
             }));
           }
@@ -6965,8 +7024,8 @@ var mixedParser = (registry) => {
 };
 
 // src/extensions/tags/streamer.ts
-import { StateEffect as StateEffect8, StateField as StateField12 } from "@codemirror/state";
-import { Decoration as Decoration14, EditorView as EditorView28, ViewPlugin as ViewPlugin18, WidgetType as WidgetType9 } from "@codemirror/view";
+import { StateEffect as StateEffect9, StateField as StateField12 } from "@codemirror/state";
+import { Decoration as Decoration14, EditorView as EditorView28, ViewPlugin as ViewPlugin19, WidgetType as WidgetType9 } from "@codemirror/view";
 import { Domino as Domino3 } from "@dxos/ui";
 import { isTruthy as isTruthy4 } from "@dxos/util";
 var BLINK_RATE = 2e3;
@@ -6977,7 +7036,7 @@ var streamer = (options = {}) => {
   ].filter(isTruthy4);
 };
 var cursor = () => {
-  const hideCursor = StateEffect8.define();
+  const hideCursor = StateEffect9.define();
   const showCursor = StateField12.define({
     create: () => true,
     update: (value, tr) => {
@@ -6992,7 +7051,7 @@ var cursor = () => {
       return value;
     }
   });
-  const timerPlugin = ViewPlugin18.fromClass(class {
+  const timerPlugin = ViewPlugin19.fromClass(class {
     view;
     timer;
     constructor(view) {
@@ -7049,7 +7108,7 @@ var fadeIn = (options = {}) => {
   const FADE_IN_DURATION = 1e3;
   const DEFAULT_REMOVAL_DELAY = 3e3;
   const removalDelay = options.removalDelay ?? DEFAULT_REMOVAL_DELAY;
-  const removeDecoration = StateEffect8.define();
+  const removeDecoration = StateEffect9.define();
   const fadeField = StateField12.define({
     create: () => Decoration14.none,
     update: (decorations2, tr) => {
@@ -7093,7 +7152,7 @@ var fadeIn = (options = {}) => {
     },
     provide: (f) => EditorView28.decorations.from(f)
   });
-  const timerPlugin = ViewPlugin18.fromClass(class {
+  const timerPlugin = ViewPlugin19.fromClass(class {
     view;
     // Map a simple key "from-to" to timer id.
     _timers = /* @__PURE__ */ new Map();
@@ -7159,8 +7218,8 @@ var fadeIn = (options = {}) => {
 
 // src/extensions/tags/xml-tags.ts
 import { syntaxTree as syntaxTree11 } from "@codemirror/language";
-import { Prec as Prec7, RangeSetBuilder as RangeSetBuilder7, StateEffect as StateEffect9, StateField as StateField13 } from "@codemirror/state";
-import { Decoration as Decoration15, EditorView as EditorView29, ViewPlugin as ViewPlugin19, WidgetType as WidgetType10, keymap as keymap13 } from "@codemirror/view";
+import { Prec as Prec7, RangeSetBuilder as RangeSetBuilder7, StateEffect as StateEffect10, StateField as StateField13 } from "@codemirror/state";
+import { Decoration as Decoration15, EditorView as EditorView29, ViewPlugin as ViewPlugin20, WidgetType as WidgetType10, keymap as keymap13 } from "@codemirror/view";
 import { invariant as invariant7 } from "@dxos/invariant";
 import { log as log11 } from "@dxos/log";
 
@@ -7234,15 +7293,15 @@ var nodeToJson = (state, node) => {
 
 // src/extensions/tags/xml-tags.ts
 var __dxlog_file17 = "/__w/dxos/dxos/packages/ui/ui-editor/src/extensions/tags/xml-tags.ts";
-var navigatePreviousEffect = StateEffect9.define();
-var navigateNextEffect = StateEffect9.define();
+var navigatePreviousEffect = StateEffect10.define();
+var navigateNextEffect = StateEffect10.define();
 var getXmlTextChild = (children) => {
   const child = children?.[0];
   return typeof child === "string" ? child : null;
 };
-var xmlTagContextEffect = StateEffect9.define();
-var xmlTagResetEffect = StateEffect9.define();
-var xmlTagUpdateEffect = StateEffect9.define();
+var xmlTagContextEffect = StateEffect10.define();
+var xmlTagResetEffect = StateEffect10.define();
+var xmlTagUpdateEffect = StateEffect10.define();
 var widgetContextStateField = StateField13.define({
   create: () => void 0,
   update: (value, tr) => {
@@ -7437,7 +7496,7 @@ var createNavigationEffectPlugin = (widgetDecorationsField, bookmarks2) => {
     });
   });
 };
-var createWidgetUpdatePlugin = (widgetDecorationsField, notifier) => ViewPlugin19.fromClass(class {
+var createWidgetUpdatePlugin = (widgetDecorationsField, notifier) => ViewPlugin20.fromClass(class {
   update(update2) {
     const widgetStateMap = update2.state.field(widgetStateMapStateField);
     const { decorations: decorations2 } = update2.state.field(widgetDecorationsField);
@@ -7729,6 +7788,7 @@ export {
   commentClickedEffect,
   comments,
   commentsState,
+  compactSlots,
   convertTreeToJson,
   createBasicExtensions,
   createComment,
@@ -7752,11 +7812,9 @@ export {
   defaultThemeSlots,
   deleteItem,
   documentId,
+  documentSlots,
   dropFile,
   editorInputMode,
-  editorSlots,
-  editorWidth,
-  editorWithToolbarLayout,
   extendedMarkdown,
   filterChars,
   flattenRect,