@harbour-enterprises/superdoc 0.21.0-RC2 → 0.21.0-next.2

package/README.md

@@ -4,7 +4,7 @@
 
 [![Documentation](https://img.shields.io/badge/docs-available-1355ff.svg)](https://docs.superdoc.dev/)
 [![License: AGPL v3](https://img.shields.io/badge/License-AGPL%20v3-1355ff.svg)](https://www.gnu.org/licenses/agpl-3.0)
-[![npm version](https://img.shields.io/npm/v/@harbour-enterprises/superdoc.svg?color=1355ff)](https://www.npmjs.com/package/@harbour-enterprises/superdoc)
+[![npm version](https://img.shields.io/npm/v/superdoc.svg?color=1355ff)](https://www.npmjs.com/package/superdoc)
 [![Discord](https://img.shields.io/badge/discord-join-1355ff)](https://discord.gg/FBeRDqWy)
 
 SuperDoc is a powerful document editor that brings Microsoft Word-level capabilities to your web applications. With real-time collaboration, extensive formatting options, and seamless integration capabilities, SuperDoc makes document editing on the web better for everyone.
@@ -23,14 +23,14 @@ SuperDoc is a powerful document editor that brings Microsoft Word-level capabili
 ### Installation
 
 ```bash
-npm install @harbour-enterprises/superdoc
+npm install superdoc
 ```
 
 ### Basic Usage
 
 ```javascript
-import '@harbour-enterprises/superdoc/style.css';
-import { SuperDoc } from '@harbour-enterprises/superdoc';
+import 'superdoc/style.css';
+import { SuperDoc } from 'superdoc';
 
 const superdoc = new SuperDoc({
   selector: '#superdoc',

package/dist/chunks/{PdfViewer-DGbJ8_qc.cjs → PdfViewer-1mNuyy3m.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("./vue-DWle4Cai.cjs");
-const superdoc = require("./index-ecl0ZFNw.cjs");
+const superdoc = require("./index-BB3Qn69u.cjs");
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-CbGuPQY8.es.js → PdfViewer-BkXBRXPs.es.js}

@@ -1,5 +1,5 @@
 import { m as defineComponent, B as h, O as Transition, $ as process$1, I as watchEffect, d as computed, r as ref, j as onMounted, W as onUnmounted, c as createElementBlock, o as openBlock, a as createBaseVNode, f as createCommentVNode, v as createVNode, x as unref } from "./vue-CXxsqYcP.es.js";
-import { d as derived, c, a as cB, f as fadeInTransition, b as cM, N as NBaseLoading, w as warnOnce, u as useConfig, e as useTheme, p as pxfy, g as createKey, h as useThemeClass, i as useCompitable, _ as _export_sfc, j as useSuperdocStore, s as storeToRefs, k as useSelection } from "./index-qjntJEk0.es.js";
+import { d as derived, c, a as cB, f as fadeInTransition, b as cM, N as NBaseLoading, w as warnOnce, u as useConfig, e as useTheme, p as pxfy, g as createKey, h as useThemeClass, i as useCompitable, _ as _export_sfc, j as useSuperdocStore, s as storeToRefs, k as useSelection } from "./index-C-44kxYe.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{index-ecl0ZFNw.cjs → index-BB3Qn69u.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-CS5l-cVZ.cjs");
+const superEditor_es = require("./super-editor.es-Dd0joLAR.cjs");
 const vue = require("./vue-DWle4Cai.cjs");
 const jszip = require("./jszip-b7l8QkfH.cjs");
 const blankDocx = require("./blank-docx-CPqX9RF5.cjs");
@@ -4541,13 +4541,41 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     });
     return comments;
   });
+  const normalizeCommentForEditor = (node) => {
+    if (!node || typeof node !== "object") return node;
+    const cloneMarks = (marks) => Array.isArray(marks) ? marks.filter(Boolean).map((mark) => ({
+      ...mark,
+      attrs: mark?.attrs ? { ...mark.attrs } : void 0
+    })) : void 0;
+    const cloneAttrs = (attrs) => attrs && typeof attrs === "object" ? { ...attrs } : void 0;
+    if (!Array.isArray(node.content)) {
+      return {
+        type: node.type,
+        ...node.text !== void 0 ? { text: node.text } : {},
+        ...node.attrs ? { attrs: cloneAttrs(node.attrs) } : {},
+        ...node.marks ? { marks: cloneMarks(node.marks) } : {}
+      };
+    }
+    const normalizedChildren = node.content.map((child) => normalizeCommentForEditor(child)).flat().filter(Boolean);
+    if (node.type === "run") {
+      return normalizedChildren;
+    }
+    return {
+      type: node.type,
+      ...node.attrs ? { attrs: cloneAttrs(node.attrs) } : {},
+      ...node.marks ? { marks: cloneMarks(node.marks) } : {},
+      content: normalizedChildren
+    };
+  };
   const getHTmlFromComment = (commentTextJson) => {
     if (!commentTextJson.content?.length) return;
     try {
+      const normalizedContent = normalizeCommentForEditor(commentTextJson);
+      const schemaContent = Array.isArray(normalizedContent) ? normalizedContent[0] : normalizedContent;
       const editor = new superEditor_es.Editor({
         mode: "text",
         isHeadless: true,
-        content: commentTextJson,
+        content: schemaContent,
         loadFromSchema: true,
         extensions: superEditor_es.getRichTextExtensions()
       });
@@ -6619,7 +6647,7 @@ function resolveTo(selector) {
   if (typeof selector === "string") {
     return document.querySelector(selector);
   }
-  return selector();
+  return selector() || null;
 }
 const LazyTeleport = vue.defineComponent({
   name: "LazyTeleport",
@@ -6707,8 +6735,11 @@ const oppositeAlignCssPositionProps = {
 };
 const keepOffsetDirection = {
   top: true,
+  // top++
   bottom: false,
+  // top--
   left: true,
+  // left++
   right: false
   // left--
 };
@@ -7825,7 +7856,6 @@ function isFocusable(element) {
       return !!element.href && element.rel !== "ignore";
     case "INPUT":
       return element.type !== "hidden" && element.type !== "file";
-    case "BUTTON":
     case "SELECT":
     case "TEXTAREA":
       return true;
@@ -7844,8 +7874,8 @@ const FocusTrap = vue.defineComponent({
       default: true
     },
     onEsc: Function,
-    initialFocusTo: String,
-    finalFocusTo: String,
+    initialFocusTo: [String, Function],
+    finalFocusTo: [String, Function],
     returnFocusOnDeactivated: {
       type: Boolean,
       default: true
@@ -10628,6 +10658,7 @@ function self$6(vars) {
   });
 }
 const scrollbarLight = {
+  name: "Scrollbar",
   common: derived,
   self: self$6
 };
@@ -12143,11 +12174,14 @@ function self$5(vars) {
     boxShadow: boxShadow2
   });
 }
-const popoverLight = {
+const popoverLight = createTheme({
   name: "Popover",
   common: derived,
+  peers: {
+    Scrollbar: scrollbarLight
+  },
   self: self$5
-};
+});
 const oppositePlacement = {
   top: "bottom",
   bottom: "top",
@@ -12367,9 +12401,11 @@ const NPopoverBody = vue.defineComponent({
     const {
       namespaceRef,
       mergedClsPrefixRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedRtlRef
     } = useConfig(props);
     const themeRef = useTheme("Popover", "-popover", style$4, popoverLight, props, mergedClsPrefixRef);
+    const rtlEnabledRef = useRtl("Popover", mergedRtlRef, mergedClsPrefixRef);
     const followerRef = vue.ref(null);
     const NPopover2 = vue.inject("NPopover");
     const bodyRef = vue.ref(null);
@@ -12567,6 +12603,8 @@ const NPopoverBody = vue.defineComponent({
             style: props.contentStyle
           }, slots);
           const maybeScrollableBody = props.scrollable ? vue.h(XScrollbar, {
+            themeOverrides: themeRef.value.peerOverrides.Scrollbar,
+            theme: themeRef.value.peers.Scrollbar,
             contentClass: hasHeaderOrFooter ? void 0 : `${mergedClsPrefix}-popover__content ${(_b = props.contentClass) !== null && _b !== void 0 ? _b : ""}`,
             contentStyle: hasHeaderOrFooter ? void 0 : props.contentStyle
           }, {
@@ -12582,7 +12620,7 @@ const NPopoverBody = vue.defineComponent({
           return [maybeScrollableBody, arrow];
         };
         contentNode = vue.h("div", vue.mergeProps({
-          class: [`${mergedClsPrefix}-popover`, `${mergedClsPrefix}-popover-shared`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, extraClass.map((v) => `${mergedClsPrefix}-${v}`), {
+          class: [`${mergedClsPrefix}-popover`, `${mergedClsPrefix}-popover-shared`, (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) && `${mergedClsPrefix}-popover--rtl`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, extraClass.map((v) => `${mergedClsPrefix}-${v}`), {
             [`${mergedClsPrefix}-popover--scrollable`]: props.scrollable,
             [`${mergedClsPrefix}-popover--show-header-or-footer`]: hasHeaderOrFooter,
             [`${mergedClsPrefix}-popover--raw`]: props.raw,
@@ -12606,7 +12644,7 @@ const NPopoverBody = vue.defineComponent({
           // The popover class and overlap class must exists, they will be used
           // to place the body & transition animation.
           // Shadow class exists for reuse box-shadow.
-          [`${mergedClsPrefix}-popover-shared`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, props.overlap && `${mergedClsPrefix}-popover-shared--overlap`, props.showArrow && `${mergedClsPrefix}-popover-shared--show-arrow`, props.arrowPointToCenter && `${mergedClsPrefix}-popover-shared--center-arrow`],
+          [`${mergedClsPrefix}-popover-shared`, (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) && `${mergedClsPrefix}-popover--rtl`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, props.overlap && `${mergedClsPrefix}-popover-shared--overlap`, props.showArrow && `${mergedClsPrefix}-popover-shared--show-arrow`, props.arrowPointToCenter && `${mergedClsPrefix}-popover-shared--center-arrow`],
           bodyRef,
           styleRef.value,
           handleMouseEnter,
@@ -15057,7 +15095,8 @@ function self$1(vars) {
     closeIconColorPressedLoading: closeIconColorPressed,
     loadingColor: primaryColor,
     lineHeight: lineHeight2,
-    borderRadius
+    borderRadius,
+    border: "0"
   });
 }
 const messageLight = {
@@ -15108,6 +15147,7 @@ const style = c$1([cB("message-wrapper", `
  margin-bottom .3s var(--n-bezier);
  padding: var(--n-padding);
  border-radius: var(--n-border-radius);
+ border: var(--n-border);
  flex-wrap: nowrap;
  overflow: hidden;
  max-width: var(--n-max-width);
@@ -15226,6 +15266,7 @@ const NMessage = vue.defineComponent({
           fontSize: fontSize2,
           lineHeight: lineHeight2,
           borderRadius,
+          border,
           iconColorInfo,
           iconColorSuccess,
           iconColorWarning,
@@ -15269,7 +15310,8 @@ const NMessage = vue.defineComponent({
         "--n-close-icon-color-pressed": closeIconColorPressed,
         "--n-close-icon-color-hover": closeIconColorHover,
         "--n-line-height": lineHeight2,
-        "--n-border-radius": borderRadius
+        "--n-border-radius": borderRadius,
+        "--n-border": border
       };
     });
     const themeClassHandle = inlineThemeDisabled ? useThemeClass("message", vue.computed(() => props.type[0]), cssVarsRef, {}) : void 0;
@@ -17367,7 +17409,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-DGbJ8_qc.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-1mNuyy3m.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -18011,7 +18053,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "0.21.0-RC2";
+    this.version = "0.20.2";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-qjntJEk0.es.js → index-C-44kxYe.es.js}

@@ -1,4 +1,4 @@
-import { q as index$1, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-BF_Xaucb.es.js";
+import { q as index$1, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-CKw7iZcz.es.js";
 import { a0 as effectScope, r as ref, _ as markRaw, $ as process$1, a1 as toRaw, d as computed, a2 as isRef, a3 as isReactive, C as toRef, i as inject, p as getCurrentInstance, l as watch, x as unref, a4 as hasInjectionContext, M as reactive, s as nextTick, a5 as getCurrentScope, a6 as onScopeDispose, a7 as toRefs, g as global$1, J as shallowRef, N as readonly, j as onMounted, k as onBeforeUnmount, h as onBeforeMount, S as onActivated, q as onDeactivated, z as createTextVNode, F as Fragment, Q as Comment, m as defineComponent, D as provide, H as withDirectives, B as h, U as Teleport, R as renderSlot, V as isVNode, I as watchEffect, O as Transition, a8 as TransitionGroup, E as mergeProps, P as vShow, G as cloneVNode, T as Text, c as createElementBlock, o as openBlock, t as toDisplayString, v as createVNode, y as withCtx, a as createBaseVNode, A as normalizeStyle, f as createCommentVNode, u as createBlock, w as withModifiers, n as normalizeClass, a9 as resolveDirective, e as renderList, b as createApp, X as resolveDynamicComponent, aa as defineAsyncComponent } from "./vue-CXxsqYcP.es.js";
 import { B as Buffer$2 } from "./jszip-B8KIZSNe.es.js";
 import { B as BlankDOCX } from "./blank-docx-iwdyG9RH.es.js";
@@ -4524,13 +4524,41 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     });
     return comments;
   });
+  const normalizeCommentForEditor = (node) => {
+    if (!node || typeof node !== "object") return node;
+    const cloneMarks = (marks) => Array.isArray(marks) ? marks.filter(Boolean).map((mark) => ({
+      ...mark,
+      attrs: mark?.attrs ? { ...mark.attrs } : void 0
+    })) : void 0;
+    const cloneAttrs = (attrs) => attrs && typeof attrs === "object" ? { ...attrs } : void 0;
+    if (!Array.isArray(node.content)) {
+      return {
+        type: node.type,
+        ...node.text !== void 0 ? { text: node.text } : {},
+        ...node.attrs ? { attrs: cloneAttrs(node.attrs) } : {},
+        ...node.marks ? { marks: cloneMarks(node.marks) } : {}
+      };
+    }
+    const normalizedChildren = node.content.map((child) => normalizeCommentForEditor(child)).flat().filter(Boolean);
+    if (node.type === "run") {
+      return normalizedChildren;
+    }
+    return {
+      type: node.type,
+      ...node.attrs ? { attrs: cloneAttrs(node.attrs) } : {},
+      ...node.marks ? { marks: cloneMarks(node.marks) } : {},
+      content: normalizedChildren
+    };
+  };
   const getHTmlFromComment = (commentTextJson) => {
     if (!commentTextJson.content?.length) return;
     try {
+      const normalizedContent = normalizeCommentForEditor(commentTextJson);
+      const schemaContent = Array.isArray(normalizedContent) ? normalizedContent[0] : normalizedContent;
       const editor = new Editor({
         mode: "text",
         isHeadless: true,
-        content: commentTextJson,
+        content: schemaContent,
         loadFromSchema: true,
         extensions: getRichTextExtensions()
       });
@@ -6602,7 +6630,7 @@ function resolveTo(selector) {
   if (typeof selector === "string") {
     return document.querySelector(selector);
   }
-  return selector();
+  return selector() || null;
 }
 const LazyTeleport = defineComponent({
   name: "LazyTeleport",
@@ -6690,8 +6718,11 @@ const oppositeAlignCssPositionProps = {
 };
 const keepOffsetDirection = {
   top: true,
+  // top++
   bottom: false,
+  // top--
   left: true,
+  // left++
   right: false
   // left--
 };
@@ -7808,7 +7839,6 @@ function isFocusable(element) {
       return !!element.href && element.rel !== "ignore";
     case "INPUT":
       return element.type !== "hidden" && element.type !== "file";
-    case "BUTTON":
     case "SELECT":
     case "TEXTAREA":
       return true;
@@ -7827,8 +7857,8 @@ const FocusTrap = defineComponent({
       default: true
     },
     onEsc: Function,
-    initialFocusTo: String,
-    finalFocusTo: String,
+    initialFocusTo: [String, Function],
+    finalFocusTo: [String, Function],
     returnFocusOnDeactivated: {
       type: Boolean,
       default: true
@@ -10611,6 +10641,7 @@ function self$6(vars) {
   });
 }
 const scrollbarLight = {
+  name: "Scrollbar",
   common: derived,
   self: self$6
 };
@@ -12126,11 +12157,14 @@ function self$5(vars) {
     boxShadow: boxShadow2
   });
 }
-const popoverLight = {
+const popoverLight = createTheme({
   name: "Popover",
   common: derived,
+  peers: {
+    Scrollbar: scrollbarLight
+  },
   self: self$5
-};
+});
 const oppositePlacement = {
   top: "bottom",
   bottom: "top",
@@ -12350,9 +12384,11 @@ const NPopoverBody = defineComponent({
     const {
       namespaceRef,
       mergedClsPrefixRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedRtlRef
     } = useConfig(props);
     const themeRef = useTheme("Popover", "-popover", style$4, popoverLight, props, mergedClsPrefixRef);
+    const rtlEnabledRef = useRtl("Popover", mergedRtlRef, mergedClsPrefixRef);
     const followerRef = ref(null);
     const NPopover2 = inject("NPopover");
     const bodyRef = ref(null);
@@ -12550,6 +12586,8 @@ const NPopoverBody = defineComponent({
             style: props.contentStyle
           }, slots);
           const maybeScrollableBody = props.scrollable ? h(XScrollbar, {
+            themeOverrides: themeRef.value.peerOverrides.Scrollbar,
+            theme: themeRef.value.peers.Scrollbar,
             contentClass: hasHeaderOrFooter ? void 0 : `${mergedClsPrefix}-popover__content ${(_b = props.contentClass) !== null && _b !== void 0 ? _b : ""}`,
             contentStyle: hasHeaderOrFooter ? void 0 : props.contentStyle
           }, {
@@ -12565,7 +12603,7 @@ const NPopoverBody = defineComponent({
           return [maybeScrollableBody, arrow];
         };
         contentNode = h("div", mergeProps({
-          class: [`${mergedClsPrefix}-popover`, `${mergedClsPrefix}-popover-shared`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, extraClass.map((v) => `${mergedClsPrefix}-${v}`), {
+          class: [`${mergedClsPrefix}-popover`, `${mergedClsPrefix}-popover-shared`, (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) && `${mergedClsPrefix}-popover--rtl`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, extraClass.map((v) => `${mergedClsPrefix}-${v}`), {
             [`${mergedClsPrefix}-popover--scrollable`]: props.scrollable,
             [`${mergedClsPrefix}-popover--show-header-or-footer`]: hasHeaderOrFooter,
             [`${mergedClsPrefix}-popover--raw`]: props.raw,
@@ -12589,7 +12627,7 @@ const NPopoverBody = defineComponent({
           // The popover class and overlap class must exists, they will be used
           // to place the body & transition animation.
           // Shadow class exists for reuse box-shadow.
-          [`${mergedClsPrefix}-popover-shared`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, props.overlap && `${mergedClsPrefix}-popover-shared--overlap`, props.showArrow && `${mergedClsPrefix}-popover-shared--show-arrow`, props.arrowPointToCenter && `${mergedClsPrefix}-popover-shared--center-arrow`],
+          [`${mergedClsPrefix}-popover-shared`, (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) && `${mergedClsPrefix}-popover--rtl`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, props.overlap && `${mergedClsPrefix}-popover-shared--overlap`, props.showArrow && `${mergedClsPrefix}-popover-shared--show-arrow`, props.arrowPointToCenter && `${mergedClsPrefix}-popover-shared--center-arrow`],
           bodyRef,
           styleRef.value,
           handleMouseEnter,
@@ -15040,7 +15078,8 @@ function self$1(vars) {
     closeIconColorPressedLoading: closeIconColorPressed,
     loadingColor: primaryColor,
     lineHeight: lineHeight2,
-    borderRadius
+    borderRadius,
+    border: "0"
   });
 }
 const messageLight = {
@@ -15091,6 +15130,7 @@ const style = c$1([cB("message-wrapper", `
  margin-bottom .3s var(--n-bezier);
  padding: var(--n-padding);
  border-radius: var(--n-border-radius);
+ border: var(--n-border);
  flex-wrap: nowrap;
  overflow: hidden;
  max-width: var(--n-max-width);
@@ -15209,6 +15249,7 @@ const NMessage = defineComponent({
           fontSize: fontSize2,
           lineHeight: lineHeight2,
           borderRadius,
+          border,
           iconColorInfo,
           iconColorSuccess,
           iconColorWarning,
@@ -15252,7 +15293,8 @@ const NMessage = defineComponent({
         "--n-close-icon-color-pressed": closeIconColorPressed,
         "--n-close-icon-color-hover": closeIconColorHover,
         "--n-line-height": lineHeight2,
-        "--n-border-radius": borderRadius
+        "--n-border-radius": borderRadius,
+        "--n-border": border
       };
     });
     const themeClassHandle = inlineThemeDisabled ? useThemeClass("message", computed(() => props.type[0]), cssVarsRef, {}) : void 0;
@@ -17350,7 +17392,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-CbGuPQY8.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-BkXBRXPs.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -17994,7 +18036,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "0.21.0-RC2";
+    this.version = "0.20.2";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;