reactjs-tiptap-editor 0.3.5 → 0.3.7

package/lib/{dom-dataset-pKb7TLlt.js → dom-dataset-2RXYq9wp.js}

@@ -1,44 +1,44 @@
-import { P as ie, a as oe, h as se, i as ue, p as ae, E as de, j as le, k as ce, l as he } from "./index-DEe_Svay.js";
-import fe from "tippy.js";
-import y, { useRef as pe, useState as K, useDebugValue as Q, useEffect as W, forwardRef as me, useLayoutEffect as ve, useContext as X, createContext as Z } from "react";
-import Se, { flushSync as Ee } from "react-dom";
-class ye {
-  constructor({ editor: e, element: t, view: n, tippyOptions: r = {}, updateDelay: o = 250, shouldShow: p }) {
-    this.preventHide = !1, this.shouldShow = ({ view: a, state: f, from: l, to: d }) => {
-      const { doc: s, selection: h } = f, { empty: m } = h, E = !s.textBetween(l, d).length && se(f.selection), S = this.element.contains(document.activeElement);
-      return !(!(a.hasFocus() || S) || m || E || !this.editor.isEditable);
+import { P as ue, a as ae, j as de, i as le, p as ce, E as he, k as fe, l as pe, o as me } from "./index-CXIIg9Sq.js";
+import ve from "tippy.js";
+import g, { useRef as Se, useState as F, useDebugValue as k, useEffect as K, forwardRef as ye, useLayoutEffect as Ee, useContext as ee, createContext as te, createRef as _e, memo as ge, createElement as be, version as q } from "react";
+import Oe, { flushSync as we } from "react-dom";
+class De {
+  constructor({ editor: e, element: t, view: r, tippyOptions: i = {}, updateDelay: o = 250, shouldShow: h }) {
+    this.preventHide = !1, this.shouldShow = ({ view: s, state: f, from: l, to: d }) => {
+      const { doc: u, selection: p } = f, { empty: m } = p, y = !u.textBetween(l, d).length && de(f.selection), S = this.element.contains(document.activeElement);
+      return !(!(s.hasFocus() || S) || m || y || !this.editor.isEditable);
     }, this.mousedownHandler = () => {
       this.preventHide = !0;
     }, this.dragstartHandler = () => {
       this.hide();
     }, this.focusHandler = () => {
       setTimeout(() => this.update(this.editor.view));
-    }, this.blurHandler = ({ event: a }) => {
+    }, this.blurHandler = ({ event: s }) => {
       var f;
       if (this.preventHide) {
         this.preventHide = !1;
         return;
       }
-      a != null && a.relatedTarget && (!((f = this.element.parentNode) === null || f === void 0) && f.contains(a.relatedTarget)) || (a == null ? void 0 : a.relatedTarget) !== this.editor.view.dom && this.hide();
-    }, this.tippyBlurHandler = (a) => {
-      this.blurHandler({ event: a });
-    }, this.handleDebouncedUpdate = (a, f) => {
-      const l = !(f != null && f.selection.eq(a.state.selection)), d = !(f != null && f.doc.eq(a.state.doc));
+      s != null && s.relatedTarget && (!((f = this.element.parentNode) === null || f === void 0) && f.contains(s.relatedTarget)) || (s == null ? void 0 : s.relatedTarget) !== this.editor.view.dom && this.hide();
+    }, this.tippyBlurHandler = (s) => {
+      this.blurHandler({ event: s });
+    }, this.handleDebouncedUpdate = (s, f) => {
+      const l = !(f != null && f.selection.eq(s.state.selection)), d = !(f != null && f.doc.eq(s.state.doc));
       !l && !d || (this.updateDebounceTimer && clearTimeout(this.updateDebounceTimer), this.updateDebounceTimer = window.setTimeout(() => {
-        this.updateHandler(a, l, d, f);
+        this.updateHandler(s, l, d, f);
       }, this.updateDelay));
-    }, this.updateHandler = (a, f, l, d) => {
-      var s, h, m;
-      const { state: E, composing: S } = a, { selection: _ } = E;
+    }, this.updateHandler = (s, f, l, d) => {
+      var u, p, m;
+      const { state: y, composing: S } = s, { selection: E } = y;
       if (S || !f && !l)
         return;
       this.createTooltip();
-      const { ranges: C } = _, v = Math.min(...C.map((u) => u.$from.pos)), c = Math.max(...C.map((u) => u.$to.pos));
-      if (!((s = this.shouldShow) === null || s === void 0 ? void 0 : s.call(this, {
+      const { ranges: D } = E, v = Math.min(...D.map((a) => a.$from.pos)), c = Math.max(...D.map((a) => a.$to.pos));
+      if (!((u = this.shouldShow) === null || u === void 0 ? void 0 : u.call(this, {
         editor: this.editor,
         element: this.element,
-        view: a,
-        state: E,
+        view: s,
+        state: y,
         oldState: d,
         from: v,
         to: c
@@ -46,24 +46,24 @@ class ye {
         this.hide();
         return;
       }
-      (h = this.tippy) === null || h === void 0 || h.setProps({
+      (p = this.tippy) === null || p === void 0 || p.setProps({
         getReferenceClientRect: ((m = this.tippyOptions) === null || m === void 0 ? void 0 : m.getReferenceClientRect) || (() => {
-          if (ue(E.selection)) {
-            let u = a.nodeDOM(v);
-            if (u) {
-              const g = u.dataset.nodeViewWrapper ? u : u.querySelector("[data-node-view-wrapper]");
-              if (g && (u = g.firstChild), u)
-                return u.getBoundingClientRect();
+          if (le(y.selection)) {
+            let a = s.nodeDOM(v);
+            if (a) {
+              const _ = a.dataset.nodeViewWrapper ? a : a.querySelector("[data-node-view-wrapper]");
+              if (_ && (a = _.firstChild), a)
+                return a.getBoundingClientRect();
             }
           }
-          return ae(a, v, c);
+          return ce(s, v, c);
         })
       }), this.show();
-    }, this.editor = e, this.element = t, this.view = n, this.updateDelay = o, p && (this.shouldShow = p), this.element.addEventListener("mousedown", this.mousedownHandler, { capture: !0 }), this.view.dom.addEventListener("dragstart", this.dragstartHandler), this.editor.on("focus", this.focusHandler), this.editor.on("blur", this.blurHandler), this.tippyOptions = r, this.element.remove(), this.element.style.visibility = "visible";
+    }, this.editor = e, this.element = t, this.view = r, this.updateDelay = o, h && (this.shouldShow = h), this.element.addEventListener("mousedown", this.mousedownHandler, { capture: !0 }), this.view.dom.addEventListener("dragstart", this.dragstartHandler), this.editor.on("focus", this.focusHandler), this.editor.on("blur", this.blurHandler), this.tippyOptions = i, this.element.remove(), this.element.style.visibility = "visible";
   }
   createTooltip() {
     const { element: e } = this.editor.options, t = !!e.parentElement;
-    this.tippy || !t || (this.tippy = fe(e, {
+    this.tippy || !t || (this.tippy = ve(e, {
       duration: 0,
       getReferenceClientRect: null,
       content: this.element,
@@ -75,13 +75,13 @@ class ye {
     }), this.tippy.popper.firstChild && this.tippy.popper.firstChild.addEventListener("blur", this.tippyBlurHandler));
   }
   update(e, t) {
-    const { state: n } = e, r = n.selection.from !== n.selection.to;
-    if (this.updateDelay > 0 && r) {
+    const { state: r } = e, i = r.selection.from !== r.selection.to;
+    if (this.updateDelay > 0 && i) {
       this.handleDebouncedUpdate(e, t);
       return;
     }
-    const o = !(t != null && t.selection.eq(e.state.selection)), p = !(t != null && t.doc.eq(e.state.doc));
-    this.updateHandler(e, o, p, t);
+    const o = !(t != null && t.selection.eq(e.state.selection)), h = !(t != null && t.doc.eq(e.state.doc));
+    this.updateHandler(e, o, h, t);
   }
   show() {
     var e;
@@ -96,11 +96,11 @@ class ye {
     !((e = this.tippy) === null || e === void 0) && e.popper.firstChild && this.tippy.popper.firstChild.removeEventListener("blur", this.tippyBlurHandler), (t = this.tippy) === null || t === void 0 || t.destroy(), this.element.removeEventListener("mousedown", this.mousedownHandler, { capture: !0 }), this.view.dom.removeEventListener("dragstart", this.dragstartHandler), this.editor.off("focus", this.focusHandler), this.editor.off("blur", this.blurHandler);
   }
 }
-const k = (i) => new ie({
-  key: typeof i.pluginKey == "string" ? new oe(i.pluginKey) : i.pluginKey,
-  view: (e) => new ye({ view: e, ...i })
+const ne = (n) => new ue({
+  key: typeof n.pluginKey == "string" ? new ae(n.pluginKey) : n.pluginKey,
+  view: (e) => new De({ view: e, ...n })
 });
-de.create({
+he.create({
   name: "bubbleMenu",
   addOptions() {
     return {
@@ -113,7 +113,7 @@ de.create({
   },
   addProseMirrorPlugins() {
     return this.options.element ? [
-      k({
+      ne({
         pluginKey: this.options.pluginKey,
         editor: this.editor,
         element: this.options.element,
@@ -124,10 +124,10 @@ de.create({
     ] : [];
   }
 });
-function _e(i) {
-  return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
+function Ce(n) {
+  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
-var j = { exports: {} }, I = {};
+var P = { exports: {} }, I = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.min.js
@@ -138,39 +138,39 @@ var j = { exports: {} }, I = {};
  * LICENSE file in the root directory of this source tree.
  */
 var z;
-function ge() {
+function Re() {
   if (z) return I;
   z = 1;
-  var i = y;
-  function e(s, h) {
-    return s === h && (s !== 0 || 1 / s === 1 / h) || s !== s && h !== h;
+  var n = g;
+  function e(u, p) {
+    return u === p && (u !== 0 || 1 / u === 1 / p) || u !== u && p !== p;
   }
-  var t = typeof Object.is == "function" ? Object.is : e, n = i.useState, r = i.useEffect, o = i.useLayoutEffect, p = i.useDebugValue;
-  function a(s, h) {
-    var m = h(), E = n({ inst: { value: m, getSnapshot: h } }), S = E[0].inst, _ = E[1];
+  var t = typeof Object.is == "function" ? Object.is : e, r = n.useState, i = n.useEffect, o = n.useLayoutEffect, h = n.useDebugValue;
+  function s(u, p) {
+    var m = p(), y = r({ inst: { value: m, getSnapshot: p } }), S = y[0].inst, E = y[1];
     return o(function() {
-      S.value = m, S.getSnapshot = h, f(S) && _({ inst: S });
-    }, [s, m, h]), r(function() {
-      return f(S) && _({ inst: S }), s(function() {
-        f(S) && _({ inst: S });
+      S.value = m, S.getSnapshot = p, f(S) && E({ inst: S });
+    }, [u, m, p]), i(function() {
+      return f(S) && E({ inst: S }), u(function() {
+        f(S) && E({ inst: S });
       });
-    }, [s]), p(m), m;
+    }, [u]), h(m), m;
   }
-  function f(s) {
-    var h = s.getSnapshot;
-    s = s.value;
+  function f(u) {
+    var p = u.getSnapshot;
+    u = u.value;
     try {
-      var m = h();
-      return !t(s, m);
+      var m = p();
+      return !t(u, m);
     } catch {
       return !0;
     }
   }
-  function l(s, h) {
-    return h();
+  function l(u, p) {
+    return p();
   }
-  var d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? l : a;
-  return I.useSyncExternalStore = i.useSyncExternalStore !== void 0 ? i.useSyncExternalStore : d, I;
+  var d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? l : s;
+  return I.useSyncExternalStore = n.useSyncExternalStore !== void 0 ? n.useSyncExternalStore : d, I;
 }
 var H = {};
 /**
@@ -183,96 +183,96 @@ var H = {};
  * LICENSE file in the root directory of this source tree.
  */
 var G;
-function Oe() {
+function Te() {
   return G || (G = 1, process.env.NODE_ENV !== "production" && function() {
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-    var i = y, e = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var n = g, e = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function t(v) {
       {
-        for (var c = arguments.length, O = new Array(c > 1 ? c - 1 : 0), u = 1; u < c; u++)
-          O[u - 1] = arguments[u];
-        n("error", v, O);
+        for (var c = arguments.length, b = new Array(c > 1 ? c - 1 : 0), a = 1; a < c; a++)
+          b[a - 1] = arguments[a];
+        r("error", v, b);
       }
     }
-    function n(v, c, O) {
+    function r(v, c, b) {
       {
-        var u = e.ReactDebugCurrentFrame, g = u.getStackAddendum();
-        g !== "" && (c += "%s", O = O.concat([g]));
-        var w = O.map(function(b) {
-          return String(b);
+        var a = e.ReactDebugCurrentFrame, _ = a.getStackAddendum();
+        _ !== "" && (c += "%s", b = b.concat([_]));
+        var w = b.map(function(O) {
+          return String(O);
         });
         w.unshift("Warning: " + c), Function.prototype.apply.call(console[v], console, w);
       }
     }
-    function r(v, c) {
+    function i(v, c) {
       return v === c && (v !== 0 || 1 / v === 1 / c) || v !== v && c !== c;
     }
-    var o = typeof Object.is == "function" ? Object.is : r, p = i.useState, a = i.useEffect, f = i.useLayoutEffect, l = i.useDebugValue, d = !1, s = !1;
-    function h(v, c, O) {
-      d || i.startTransition !== void 0 && (d = !0, t("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
-      var u = c();
-      if (!s) {
-        var g = c();
-        o(u, g) || (t("The result of getSnapshot should be cached to avoid an infinite loop"), s = !0);
+    var o = typeof Object.is == "function" ? Object.is : i, h = n.useState, s = n.useEffect, f = n.useLayoutEffect, l = n.useDebugValue, d = !1, u = !1;
+    function p(v, c, b) {
+      d || n.startTransition !== void 0 && (d = !0, t("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
+      var a = c();
+      if (!u) {
+        var _ = c();
+        o(a, _) || (t("The result of getSnapshot should be cached to avoid an infinite loop"), u = !0);
       }
-      var w = p({
+      var w = h({
         inst: {
-          value: u,
+          value: a,
           getSnapshot: c
         }
-      }), b = w[0].inst, R = w[1];
+      }), O = w[0].inst, R = w[1];
       return f(function() {
-        b.value = u, b.getSnapshot = c, m(b) && R({
-          inst: b
+        O.value = a, O.getSnapshot = c, m(O) && R({
+          inst: O
         });
-      }, [v, u, c]), a(function() {
-        m(b) && R({
-          inst: b
+      }, [v, a, c]), s(function() {
+        m(O) && R({
+          inst: O
         });
         var L = function() {
-          m(b) && R({
-            inst: b
+          m(O) && R({
+            inst: O
           });
         };
         return v(L);
-      }, [v]), l(u), u;
+      }, [v]), l(a), a;
     }
     function m(v) {
-      var c = v.getSnapshot, O = v.value;
+      var c = v.getSnapshot, b = v.value;
       try {
-        var u = c();
-        return !o(O, u);
+        var a = c();
+        return !o(b, a);
       } catch {
         return !0;
       }
     }
-    function E(v, c, O) {
+    function y(v, c, b) {
       return c();
     }
-    var S = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", _ = !S, D = _ ? E : h, C = i.useSyncExternalStore !== void 0 ? i.useSyncExternalStore : D;
-    H.useSyncExternalStore = C, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+    var S = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", E = !S, C = E ? y : p, D = n.useSyncExternalStore !== void 0 ? n.useSyncExternalStore : C;
+    H.useSyncExternalStore = D, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
   }()), H;
 }
-process.env.NODE_ENV === "production" ? j.exports = ge() : j.exports = Oe();
-var M = j.exports;
-const be = (...i) => (e) => {
-  i.forEach((t) => {
+process.env.NODE_ENV === "production" ? P.exports = Re() : P.exports = Te();
+var M = P.exports;
+const Me = (...n) => (e) => {
+  n.forEach((t) => {
     typeof t == "function" ? t(e) : t && (t.current = e);
   });
-}, we = ({ contentComponent: i }) => {
-  const e = M.useSyncExternalStore(i.subscribe, i.getSnapshot, i.getServerSnapshot);
-  return y.createElement(y.Fragment, null, Object.values(e));
+}, Le = ({ contentComponent: n }) => {
+  const e = M.useSyncExternalStore(n.subscribe, n.getSnapshot, n.getServerSnapshot);
+  return g.createElement(g.Fragment, null, Object.values(e));
 };
-function Ce() {
-  const i = /* @__PURE__ */ new Set();
+function Ae() {
+  const n = /* @__PURE__ */ new Set();
   let e = {};
   return {
     /**
      * Subscribe to the editor instance's changes.
      */
     subscribe(t) {
-      return i.add(t), () => {
-        i.delete(t);
+      return n.add(t), () => {
+        n.delete(t);
       };
     },
     getSnapshot() {
@@ -284,25 +284,25 @@ function Ce() {
     /**
      * Adds a new NodeView Renderer to the editor.
      */
-    setRenderer(t, n) {
+    setRenderer(t, r) {
       e = {
         ...e,
-        [t]: Se.createPortal(n.reactElement, n.element, t)
-      }, i.forEach((r) => r());
+        [t]: Oe.createPortal(r.reactElement, r.element, t)
+      }, n.forEach((i) => i());
     },
     /**
      * Removes a NodeView Renderer from the editor.
      */
     removeRenderer(t) {
-      const n = { ...e };
-      delete n[t], e = n, i.forEach((r) => r());
+      const r = { ...e };
+      delete r[t], e = r, n.forEach((i) => i());
     }
   };
 }
-class De extends y.Component {
+class Ne extends g.Component {
   constructor(e) {
     var t;
-    super(e), this.editorContentRef = y.createRef(), this.initialized = !1, this.state = {
+    super(e), this.editorContentRef = g.createRef(), this.initialized = !1, this.state = {
       hasContentComponentInitialized: !!(!((t = e.editor) === null || t === void 0) && t.contentComponent)
     };
   }
@@ -320,8 +320,8 @@ class De extends y.Component {
       const t = this.editorContentRef.current;
       t.append(...e.options.element.childNodes), e.setOptions({
         element: t
-      }), e.contentComponent = Ce(), this.state.hasContentComponentInitialized || (this.unsubscribeToContentComponent = e.contentComponent.subscribe(() => {
-        this.setState((n) => n.hasContentComponentInitialized ? n : {
+      }), e.contentComponent = Ae(), this.state.hasContentComponentInitialized || (this.unsubscribeToContentComponent = e.contentComponent.subscribe(() => {
+        this.setState((r) => r.hasContentComponentInitialized ? r : {
           hasContentComponentInitialized: !0
         }), this.unsubscribeToContentComponent && this.unsubscribeToContentComponent();
       })), e.createNodeViews(), this.initialized = !0;
@@ -339,69 +339,69 @@ class De extends y.Component {
     });
   }
   render() {
-    const { editor: e, innerRef: t, ...n } = this.props;
-    return y.createElement(
-      y.Fragment,
+    const { editor: e, innerRef: t, ...r } = this.props;
+    return g.createElement(
+      g.Fragment,
       null,
-      y.createElement("div", { ref: be(t, this.editorContentRef), ...n }),
-      (e == null ? void 0 : e.contentComponent) && y.createElement(we, { contentComponent: e.contentComponent })
+      g.createElement("div", { ref: Me(t, this.editorContentRef), ...r }),
+      (e == null ? void 0 : e.contentComponent) && g.createElement(Le, { contentComponent: e.contentComponent })
     );
   }
 }
-const Re = me((i, e) => {
-  const t = y.useMemo(() => Math.floor(Math.random() * 4294967295).toString(), [i.editor]);
-  return y.createElement(De, {
+const xe = ye((n, e) => {
+  const t = g.useMemo(() => Math.floor(Math.random() * 4294967295).toString(), [n.editor]);
+  return g.createElement(Ne, {
     key: t,
     innerRef: e,
-    ...i
+    ...n
   });
-}), Je = y.memo(Re);
-var Te = function i(e, t) {
+}), tt = g.memo(xe);
+var Ve = function n(e, t) {
   if (e === t) return !0;
   if (e && t && typeof e == "object" && typeof t == "object") {
     if (e.constructor !== t.constructor) return !1;
-    var n, r, o;
+    var r, i, o;
     if (Array.isArray(e)) {
-      if (n = e.length, n != t.length) return !1;
-      for (r = n; r-- !== 0; )
-        if (!i(e[r], t[r])) return !1;
+      if (r = e.length, r != t.length) return !1;
+      for (i = r; i-- !== 0; )
+        if (!n(e[i], t[i])) return !1;
       return !0;
     }
     if (e instanceof Map && t instanceof Map) {
       if (e.size !== t.size) return !1;
-      for (r of e.entries())
-        if (!t.has(r[0])) return !1;
-      for (r of e.entries())
-        if (!i(r[1], t.get(r[0]))) return !1;
+      for (i of e.entries())
+        if (!t.has(i[0])) return !1;
+      for (i of e.entries())
+        if (!n(i[1], t.get(i[0]))) return !1;
       return !0;
     }
     if (e instanceof Set && t instanceof Set) {
       if (e.size !== t.size) return !1;
-      for (r of e.entries())
-        if (!t.has(r[0])) return !1;
+      for (i of e.entries())
+        if (!t.has(i[0])) return !1;
       return !0;
     }
     if (ArrayBuffer.isView(e) && ArrayBuffer.isView(t)) {
-      if (n = e.length, n != t.length) return !1;
-      for (r = n; r-- !== 0; )
-        if (e[r] !== t[r]) return !1;
+      if (r = e.length, r != t.length) return !1;
+      for (i = r; i-- !== 0; )
+        if (e[i] !== t[i]) return !1;
       return !0;
     }
     if (e.constructor === RegExp) return e.source === t.source && e.flags === t.flags;
     if (e.valueOf !== Object.prototype.valueOf) return e.valueOf() === t.valueOf();
     if (e.toString !== Object.prototype.toString) return e.toString() === t.toString();
-    if (o = Object.keys(e), n = o.length, n !== Object.keys(t).length) return !1;
-    for (r = n; r-- !== 0; )
-      if (!Object.prototype.hasOwnProperty.call(t, o[r])) return !1;
-    for (r = n; r-- !== 0; ) {
-      var p = o[r];
-      if (!(p === "_owner" && e.$$typeof) && !i(e[p], t[p]))
+    if (o = Object.keys(e), r = o.length, r !== Object.keys(t).length) return !1;
+    for (i = r; i-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(t, o[i])) return !1;
+    for (i = r; i-- !== 0; ) {
+      var h = o[i];
+      if (!(h === "_owner" && e.$$typeof) && !n(e[h], t[h]))
         return !1;
     }
     return !0;
   }
   return e !== e && t !== t;
-}, Me = /* @__PURE__ */ _e(Te), U = { exports: {} }, B = {};
+}, Ie = /* @__PURE__ */ Ce(Ve), U = { exports: {} }, B = {};
 /**
  * @license React
  * use-sync-external-store-shim/with-selector.production.min.js
@@ -411,48 +411,48 @@ var Te = function i(e, t) {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var $;
-function Le() {
-  if ($) return B;
-  $ = 1;
-  var i = y, e = M;
+var J;
+function He() {
+  if (J) return B;
+  J = 1;
+  var n = g, e = M;
   function t(l, d) {
     return l === d && (l !== 0 || 1 / l === 1 / d) || l !== l && d !== d;
   }
-  var n = typeof Object.is == "function" ? Object.is : t, r = e.useSyncExternalStore, o = i.useRef, p = i.useEffect, a = i.useMemo, f = i.useDebugValue;
-  return B.useSyncExternalStoreWithSelector = function(l, d, s, h, m) {
-    var E = o(null);
-    if (E.current === null) {
+  var r = typeof Object.is == "function" ? Object.is : t, i = e.useSyncExternalStore, o = n.useRef, h = n.useEffect, s = n.useMemo, f = n.useDebugValue;
+  return B.useSyncExternalStoreWithSelector = function(l, d, u, p, m) {
+    var y = o(null);
+    if (y.current === null) {
       var S = { hasValue: !1, value: null };
-      E.current = S;
-    } else S = E.current;
-    E = a(function() {
-      function D(u) {
-        if (!C) {
-          if (C = !0, v = u, u = h(u), m !== void 0 && S.hasValue) {
-            var g = S.value;
-            if (m(g, u)) return c = g;
+      y.current = S;
+    } else S = y.current;
+    y = s(function() {
+      function C(a) {
+        if (!D) {
+          if (D = !0, v = a, a = p(a), m !== void 0 && S.hasValue) {
+            var _ = S.value;
+            if (m(_, a)) return c = _;
           }
-          return c = u;
+          return c = a;
         }
-        if (g = c, n(v, u)) return g;
-        var w = h(u);
-        return m !== void 0 && m(g, w) ? g : (v = u, c = w);
+        if (_ = c, r(v, a)) return _;
+        var w = p(a);
+        return m !== void 0 && m(_, w) ? _ : (v = a, c = w);
       }
-      var C = !1, v, c, O = s === void 0 ? null : s;
+      var D = !1, v, c, b = u === void 0 ? null : u;
       return [function() {
-        return D(d());
-      }, O === null ? void 0 : function() {
-        return D(O());
+        return C(d());
+      }, b === null ? void 0 : function() {
+        return C(b());
       }];
-    }, [d, s, h, m]);
-    var _ = r(l, E[0], E[1]);
-    return p(function() {
-      S.hasValue = !0, S.value = _;
-    }, [_]), f(_), _;
+    }, [d, u, p, m]);
+    var E = i(l, y[0], y[1]);
+    return h(function() {
+      S.hasValue = !0, S.value = E;
+    }, [E]), f(E), E;
   }, B;
 }
-var P = {};
+var j = {};
 /**
  * @license React
  * use-sync-external-store-shim/with-selector.development.js
@@ -462,56 +462,56 @@ var P = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var J;
-function Ae() {
-  return J || (J = 1, process.env.NODE_ENV !== "production" && function() {
+var Y;
+function Be() {
+  return Y || (Y = 1, process.env.NODE_ENV !== "production" && function() {
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-    var i = y, e = M;
-    function t(d, s) {
-      return d === s && (d !== 0 || 1 / d === 1 / s) || d !== d && s !== s;
+    var n = g, e = M;
+    function t(d, u) {
+      return d === u && (d !== 0 || 1 / d === 1 / u) || d !== d && u !== u;
     }
-    var n = typeof Object.is == "function" ? Object.is : t, r = e.useSyncExternalStore, o = i.useRef, p = i.useEffect, a = i.useMemo, f = i.useDebugValue;
-    function l(d, s, h, m, E) {
-      var S = o(null), _;
-      S.current === null ? (_ = {
+    var r = typeof Object.is == "function" ? Object.is : t, i = e.useSyncExternalStore, o = n.useRef, h = n.useEffect, s = n.useMemo, f = n.useDebugValue;
+    function l(d, u, p, m, y) {
+      var S = o(null), E;
+      S.current === null ? (E = {
         hasValue: !1,
         value: null
-      }, S.current = _) : _ = S.current;
-      var D = a(function() {
-        var O = !1, u, g, w = function(T) {
-          if (!O) {
-            O = !0, u = T;
+      }, S.current = E) : E = S.current;
+      var C = s(function() {
+        var b = !1, a, _, w = function(T) {
+          if (!b) {
+            b = !0, a = T;
             var A = m(T);
-            if (E !== void 0 && _.hasValue) {
-              var N = _.value;
-              if (E(N, A))
-                return g = N, N;
+            if (y !== void 0 && E.hasValue) {
+              var N = E.value;
+              if (y(N, A))
+                return _ = N, N;
             }
-            return g = A, A;
+            return _ = A, A;
           }
-          var re = u, x = g;
-          if (n(re, T))
+          var se = a, x = _;
+          if (r(se, T))
             return x;
           var V = m(T);
-          return E !== void 0 && E(x, V) ? x : (u = T, g = V, V);
-        }, b = h === void 0 ? null : h, R = function() {
-          return w(s());
-        }, L = b === null ? void 0 : function() {
-          return w(b());
+          return y !== void 0 && y(x, V) ? x : (a = T, _ = V, V);
+        }, O = p === void 0 ? null : p, R = function() {
+          return w(u());
+        }, L = O === null ? void 0 : function() {
+          return w(O());
         };
         return [R, L];
-      }, [s, h, m, E]), C = D[0], v = D[1], c = r(d, C, v);
-      return p(function() {
-        _.hasValue = !0, _.value = c;
+      }, [u, p, m, y]), D = C[0], v = C[1], c = i(d, D, v);
+      return h(function() {
+        E.hasValue = !0, E.value = c;
       }, [c]), f(c), c;
     }
-    P.useSyncExternalStoreWithSelector = l, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-  }()), P;
+    j.useSyncExternalStoreWithSelector = l, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+  }()), j;
 }
-process.env.NODE_ENV === "production" ? U.exports = Le() : U.exports = Ae();
-var Ne = U.exports;
-const xe = typeof window < "u" ? ve : W;
-class Ve {
+process.env.NODE_ENV === "production" ? U.exports = He() : U.exports = Be();
+var je = U.exports;
+const Pe = typeof window < "u" ? Ee : K;
+class Ue {
   constructor(e) {
     this.transactionNumber = 0, this.lastTransactionNumber = 0, this.subscribers = /* @__PURE__ */ new Set(), this.editor = e, this.lastSnapshot = { editor: e, transactionNumber: 0 }, this.getSnapshot = this.getSnapshot.bind(this), this.getServerSnapshot = this.getServerSnapshot.bind(this), this.watch = this.watch.bind(this), this.subscribe = this.subscribe.bind(this);
   }
@@ -541,21 +541,21 @@ class Ve {
   watch(e) {
     if (this.editor = e, this.editor) {
       const t = () => {
-        this.transactionNumber += 1, this.subscribers.forEach((r) => r());
-      }, n = this.editor;
-      return n.on("transaction", t), () => {
-        n.off("transaction", t);
+        this.transactionNumber += 1, this.subscribers.forEach((i) => i());
+      }, r = this.editor;
+      return r.on("transaction", t), () => {
+        r.off("transaction", t);
       };
     }
   }
 }
-function Ie(i) {
+function $e(n) {
   var e;
-  const [t] = K(() => new Ve(i.editor)), n = Ne.useSyncExternalStoreWithSelector(t.subscribe, t.getSnapshot, t.getServerSnapshot, i.selector, (e = i.equalityFn) !== null && e !== void 0 ? e : Me);
-  return xe(() => t.watch(i.editor), [i.editor, t]), Q(n), n;
+  const [t] = F(() => new Ue(n.editor)), r = je.useSyncExternalStoreWithSelector(t.subscribe, t.getSnapshot, t.getServerSnapshot, n.selector, (e = n.equalityFn) !== null && e !== void 0 ? e : Ie);
+  return Pe(() => t.watch(n.editor), [n.editor, t]), k(r), r;
 }
-const Y = process.env.NODE_ENV !== "production", F = typeof window > "u", He = F || !!(typeof window < "u" && window.next);
-class q {
+const Q = process.env.NODE_ENV !== "production", $ = typeof window > "u", Fe = $ || !!(typeof window < "u" && window.next);
+class W {
   constructor(e) {
     this.editor = null, this.subscriptions = /* @__PURE__ */ new Set(), this.isComponentMounted = !1, this.previousDeps = null, this.instanceId = "", this.options = e, this.subscriptions = /* @__PURE__ */ new Set(), this.setEditor(this.getInitialEditor()), this.scheduleDestroy(), this.getEditor = this.getEditor.bind(this), this.getServerSnapshot = this.getServerSnapshot.bind(this), this.subscribe = this.subscribe.bind(this), this.refreshEditorInstance = this.refreshEditorInstance.bind(this), this.scheduleDestroy = this.scheduleDestroy.bind(this), this.onRender = this.onRender.bind(this), this.createEditor = this.createEditor.bind(this);
   }
@@ -564,8 +564,8 @@ class q {
   }
   getInitialEditor() {
     if (this.options.current.immediatelyRender === void 0)
-      return F || He ? (Y && console.warn("Tiptap Error: SSR has been detected, please set `immediatelyRender` explicitly to `false` to avoid hydration mismatches."), null) : this.createEditor();
-    if (this.options.current.immediatelyRender && F && Y)
+      return $ || Fe ? (Q && console.warn("Tiptap Error: SSR has been detected, please set `immediatelyRender` explicitly to `false` to avoid hydration mismatches."), null) : this.createEditor();
+    if (this.options.current.immediatelyRender && $ && Q)
       throw new Error("Tiptap Error: SSR has been detected, and `immediatelyRender` has been set to `true` this is an unsupported configuration that may result in errors, explicitly set `immediatelyRender` to `false` to avoid hydration mismatches.");
     return this.options.current.immediatelyRender ? this.createEditor() : null;
   }
@@ -576,52 +576,52 @@ class q {
     const e = {
       ...this.options.current,
       // Always call the most recent version of the callback function by default
-      onBeforeCreate: (...n) => {
-        var r, o;
-        return (o = (r = this.options.current).onBeforeCreate) === null || o === void 0 ? void 0 : o.call(r, ...n);
+      onBeforeCreate: (...r) => {
+        var i, o;
+        return (o = (i = this.options.current).onBeforeCreate) === null || o === void 0 ? void 0 : o.call(i, ...r);
       },
-      onBlur: (...n) => {
-        var r, o;
-        return (o = (r = this.options.current).onBlur) === null || o === void 0 ? void 0 : o.call(r, ...n);
+      onBlur: (...r) => {
+        var i, o;
+        return (o = (i = this.options.current).onBlur) === null || o === void 0 ? void 0 : o.call(i, ...r);
       },
-      onCreate: (...n) => {
-        var r, o;
-        return (o = (r = this.options.current).onCreate) === null || o === void 0 ? void 0 : o.call(r, ...n);
+      onCreate: (...r) => {
+        var i, o;
+        return (o = (i = this.options.current).onCreate) === null || o === void 0 ? void 0 : o.call(i, ...r);
       },
-      onDestroy: (...n) => {
-        var r, o;
-        return (o = (r = this.options.current).onDestroy) === null || o === void 0 ? void 0 : o.call(r, ...n);
+      onDestroy: (...r) => {
+        var i, o;
+        return (o = (i = this.options.current).onDestroy) === null || o === void 0 ? void 0 : o.call(i, ...r);
       },
-      onFocus: (...n) => {
-        var r, o;
-        return (o = (r = this.options.current).onFocus) === null || o === void 0 ? void 0 : o.call(r, ...n);
+      onFocus: (...r) => {
+        var i, o;
+        return (o = (i = this.options.current).onFocus) === null || o === void 0 ? void 0 : o.call(i, ...r);
       },
-      onSelectionUpdate: (...n) => {
-        var r, o;
-        return (o = (r = this.options.current).onSelectionUpdate) === null || o === void 0 ? void 0 : o.call(r, ...n);
+      onSelectionUpdate: (...r) => {
+        var i, o;
+        return (o = (i = this.options.current).onSelectionUpdate) === null || o === void 0 ? void 0 : o.call(i, ...r);
       },
-      onTransaction: (...n) => {
-        var r, o;
-        return (o = (r = this.options.current).onTransaction) === null || o === void 0 ? void 0 : o.call(r, ...n);
+      onTransaction: (...r) => {
+        var i, o;
+        return (o = (i = this.options.current).onTransaction) === null || o === void 0 ? void 0 : o.call(i, ...r);
       },
-      onUpdate: (...n) => {
-        var r, o;
-        return (o = (r = this.options.current).onUpdate) === null || o === void 0 ? void 0 : o.call(r, ...n);
+      onUpdate: (...r) => {
+        var i, o;
+        return (o = (i = this.options.current).onUpdate) === null || o === void 0 ? void 0 : o.call(i, ...r);
       },
-      onContentError: (...n) => {
-        var r, o;
-        return (o = (r = this.options.current).onContentError) === null || o === void 0 ? void 0 : o.call(r, ...n);
+      onContentError: (...r) => {
+        var i, o;
+        return (o = (i = this.options.current).onContentError) === null || o === void 0 ? void 0 : o.call(i, ...r);
       },
-      onDrop: (...n) => {
-        var r, o;
-        return (o = (r = this.options.current).onDrop) === null || o === void 0 ? void 0 : o.call(r, ...n);
+      onDrop: (...r) => {
+        var i, o;
+        return (o = (i = this.options.current).onDrop) === null || o === void 0 ? void 0 : o.call(i, ...r);
       },
-      onPaste: (...n) => {
-        var r, o;
-        return (o = (r = this.options.current).onPaste) === null || o === void 0 ? void 0 : o.call(r, ...n);
+      onPaste: (...r) => {
+        var i, o;
+        return (o = (i = this.options.current).onPaste) === null || o === void 0 ? void 0 : o.call(i, ...r);
       }
     };
-    return new le(e);
+    return new fe(e);
   }
   /**
    * Get the current editor instance.
@@ -644,10 +644,10 @@ class q {
     };
   }
   static compareOptions(e, t) {
-    return Object.keys(e).every((n) => ["onCreate", "onBeforeCreate", "onDestroy", "onUpdate", "onTransaction", "onFocus", "onBlur", "onSelectionUpdate", "onContentError", "onDrop", "onPaste"].includes(n) ? !0 : n === "extensions" && e.extensions && t.extensions ? e.extensions.length !== t.extensions.length ? !1 : e.extensions.every((r, o) => {
-      var p;
-      return r === ((p = t.extensions) === null || p === void 0 ? void 0 : p[o]);
-    }) : e[n] === t[n]);
+    return Object.keys(e).every((r) => ["onCreate", "onBeforeCreate", "onDestroy", "onUpdate", "onTransaction", "onFocus", "onBlur", "onSelectionUpdate", "onContentError", "onDrop", "onPaste"].includes(r) ? !0 : r === "extensions" && e.extensions && t.extensions ? e.extensions.length !== t.extensions.length ? !1 : e.extensions.every((i, o) => {
+      var h;
+      return i === ((h = t.extensions) === null || h === void 0 ? void 0 : h[o]);
+    }) : e[r] === t[r]);
   }
   /**
    * On each render, we will create, update, or destroy the editor instance.
@@ -655,7 +655,7 @@ class q {
    * @returns A cleanup function
    */
   onRender(e) {
-    return () => (this.isComponentMounted = !0, clearTimeout(this.scheduledDestructionTimeout), this.editor && !this.editor.isDestroyed && e.length === 0 ? q.compareOptions(this.options.current, this.editor.options) || this.editor.setOptions({
+    return () => (this.isComponentMounted = !0, clearTimeout(this.scheduledDestructionTimeout), this.editor && !this.editor.isDestroyed && e.length === 0 ? W.compareOptions(this.options.current, this.editor.options) || this.editor.setOptions({
       ...this.options.current,
       editable: this.editor.isEditable
     }) : this.refreshEditorInstance(e), () => {
@@ -671,7 +671,7 @@ class q {
         this.previousDeps = e;
         return;
       }
-      if (this.previousDeps.length === e.length && this.previousDeps.every((n, r) => n === e[r]))
+      if (this.previousDeps.length === e.length && this.previousDeps.every((r, i) => r === e[i]))
         return;
     }
     this.editor && !this.editor.isDestroyed && this.editor.destroy(), this.setEditor(this.createEditor()), this.previousDeps = e;
@@ -692,67 +692,87 @@ class q {
     }, 1);
   }
 }
-function Ye(i = {}, e = []) {
-  const t = pe(i);
-  t.current = i;
-  const [n] = K(() => new q(t)), r = M.useSyncExternalStore(n.subscribe, n.getEditor, n.getServerSnapshot);
-  return Q(r), W(n.onRender(e)), Ie({
-    editor: r,
-    selector: ({ transactionNumber: o }) => i.shouldRerenderOnTransaction === !1 ? null : i.immediatelyRender && o === 0 ? 0 : o + 1
-  }), r;
+function nt(n = {}, e = []) {
+  const t = Se(n);
+  t.current = n;
+  const [r] = F(() => new W(t)), i = M.useSyncExternalStore(r.subscribe, r.getEditor, r.getServerSnapshot);
+  return k(i), K(r.onRender(e)), $e({
+    editor: i,
+    selector: ({ transactionNumber: o }) => n.shouldRerenderOnTransaction === !1 ? null : n.immediatelyRender && o === 0 ? 0 : o + 1
+  }), i;
 }
-const ee = Z({
+const re = te({
   editor: null
 });
-ee.Consumer;
-const Be = () => X(ee), Qe = (i) => {
-  const [e, t] = K(null), { editor: n } = Be();
-  return W(() => {
-    var r;
-    if (!e || !((r = i.editor) === null || r === void 0) && r.isDestroyed || n != null && n.isDestroyed)
+re.Consumer;
+const Ke = () => ee(re), rt = (n) => {
+  const [e, t] = F(null), { editor: r } = Ke();
+  return K(() => {
+    var i;
+    if (!e || !((i = n.editor) === null || i === void 0) && i.isDestroyed || r != null && r.isDestroyed)
       return;
-    const { pluginKey: o = "bubbleMenu", editor: p, tippyOptions: a = {}, updateDelay: f, shouldShow: l = null } = i, d = p || n;
+    const { pluginKey: o = "bubbleMenu", editor: h, tippyOptions: s = {}, updateDelay: f, shouldShow: l = null } = n, d = h || r;
     if (!d) {
       console.warn("BubbleMenu component is not rendered inside of an editor component or does not have editor prop.");
       return;
     }
-    const s = k({
+    const u = ne({
       updateDelay: f,
       editor: d,
       element: e,
       pluginKey: o,
       shouldShow: l,
-      tippyOptions: a
+      tippyOptions: s
     });
-    return d.registerPlugin(s), () => {
+    return d.registerPlugin(u), () => {
       d.unregisterPlugin(o);
     };
-  }, [i.editor, n, e]), y.createElement("div", { ref: t, className: i.className, style: { visibility: "hidden" } }, i.children);
-}, te = Z({
+  }, [n.editor, r, e]), g.createElement("div", { ref: t, className: n.className, style: { visibility: "hidden" } }, n.children);
+}, ie = te({
   onDragStart: void 0
-}), Pe = () => X(te), Xe = y.forwardRef((i, e) => {
-  const { onDragStart: t } = Pe(), n = i.as || "div";
+}), We = () => ee(ie), it = g.forwardRef((n, e) => {
+  const { onDragStart: t } = We(), r = n.as || "div";
   return (
     // @ts-ignore
-    y.createElement(n, { ...i, ref: e, "data-node-view-wrapper": "", onDragStart: t, style: {
+    g.createElement(r, { ...n, ref: e, "data-node-view-wrapper": "", onDragStart: t, style: {
       whiteSpace: "normal",
-      ...i.style
+      ...n.style
     } })
   );
 });
-function je(i) {
-  return !!(typeof i == "function" && i.prototype && i.prototype.isReactComponent);
+function X(n) {
+  return !!(typeof n == "function" && n.prototype && n.prototype.isReactComponent);
 }
-function Ue(i) {
-  var e;
-  return typeof i == "object" && ((e = i.$$typeof) === null || e === void 0 ? void 0 : e.toString()) === "Symbol(react.forward_ref)";
+function Z(n) {
+  return !!(typeof n == "object" && n.$$typeof && (n.$$typeof.toString() === "Symbol(react.forward_ref)" || n.$$typeof.description === "react.forward_ref"));
+}
+function qe(n) {
+  return !!(typeof n == "object" && n.$$typeof && (n.$$typeof.toString() === "Symbol(react.memo)" || n.$$typeof.description === "react.memo"));
+}
+function ze(n) {
+  if (X(n) || Z(n))
+    return !0;
+  if (qe(n)) {
+    const e = n.type;
+    if (e)
+      return X(e) || Z(e);
+  }
+  return !1;
+}
+function Ge() {
+  try {
+    if (q)
+      return parseInt(q.split(".")[0], 10) >= 19;
+  } catch {
+  }
+  return !1;
 }
-class Fe {
+class Je {
   /**
    * Immediately creates element and renders the provided React component.
    */
-  constructor(e, { editor: t, props: n = {}, as: r = "div", className: o = "" }) {
-    this.ref = null, this.id = Math.floor(Math.random() * 4294967295).toString(), this.component = e, this.editor = t, this.props = n, this.element = document.createElement(r), this.element.classList.add("react-renderer"), o && this.element.classList.add(...o.split(" ")), this.editor.isInitialized ? Ee(() => {
+  constructor(e, { editor: t, props: r = {}, as: i = "div", className: o = "" }) {
+    this.ref = null, this.id = Math.floor(Math.random() * 4294967295).toString(), this.component = e, this.editor = t, this.props = r, this.element = document.createElement(i), this.element.classList.add("react-renderer"), o && this.element.classList.add(...o.split(" ")), this.editor.isInitialized ? we(() => {
       this.render();
     }) : this.render();
   }
@@ -761,10 +781,10 @@ class Fe {
    */
   render() {
     var e;
-    const t = this.component, n = this.props, r = this.editor;
-    (je(t) || Ue(t)) && (n.ref = (o) => {
-      this.ref = o;
-    }), this.reactElement = y.createElement(t, { ...n }), (e = r == null ? void 0 : r.contentComponent) === null || e === void 0 || e.setRenderer(this.id, this);
+    const t = this.component, r = this.props, i = this.editor, o = Ge(), h = ze(t), s = { ...r };
+    s.ref && !(o || h) && delete s.ref, !s.ref && (o || h) && (s.ref = (f) => {
+      this.ref = f;
+    }), this.reactElement = g.createElement(t, { ...s }), (e = i == null ? void 0 : i.contentComponent) === null || e === void 0 || e.setRenderer(this.id, this);
   }
   /**
    * Re-renders the React component with new props.
@@ -792,7 +812,7 @@ class Fe {
     });
   }
 }
-class Ke extends ce {
+class Ye extends pe {
   /**
    * Setup the React component.
    * Called on initialization.
@@ -809,23 +829,24 @@ class Ke extends ce {
       HTMLAttributes: this.HTMLAttributes,
       getPos: () => this.getPos(),
       updateAttributes: (l = {}) => this.updateAttributes(l),
-      deleteNode: () => this.deleteNode()
+      deleteNode: () => this.deleteNode(),
+      ref: _e()
     };
     if (!this.component.displayName) {
       const l = (d) => d.charAt(0).toUpperCase() + d.substring(1);
       this.component.displayName = l(this.extension.name);
     }
-    const r = { onDragStart: this.onDragStart.bind(this), nodeViewContentRef: (l) => {
+    const i = { onDragStart: this.onDragStart.bind(this), nodeViewContentRef: (l) => {
       l && this.contentDOMElement && l.firstChild !== this.contentDOMElement && l.appendChild(this.contentDOMElement);
-    } }, o = this.component, p = y.memo((l) => y.createElement(te.Provider, { value: r }, y.createElement(o, l)));
-    p.displayName = "ReactNodeView", this.node.isLeaf ? this.contentDOMElement = null : this.options.contentDOMElementTag ? this.contentDOMElement = document.createElement(this.options.contentDOMElementTag) : this.contentDOMElement = document.createElement(this.node.isInline ? "span" : "div"), this.contentDOMElement && (this.contentDOMElement.dataset.nodeViewContentReact = "", this.contentDOMElement.style.whiteSpace = "inherit");
-    let a = this.node.isInline ? "span" : "div";
-    this.options.as && (a = this.options.as);
+    } }, o = this.component, h = ge((l) => g.createElement(ie.Provider, { value: i }, be(o, l)));
+    h.displayName = "ReactNodeView", this.node.isLeaf ? this.contentDOMElement = null : this.options.contentDOMElementTag ? this.contentDOMElement = document.createElement(this.options.contentDOMElementTag) : this.contentDOMElement = document.createElement(this.node.isInline ? "span" : "div"), this.contentDOMElement && (this.contentDOMElement.dataset.nodeViewContentReact = "", this.contentDOMElement.style.whiteSpace = "inherit");
+    let s = this.node.isInline ? "span" : "div";
+    this.options.as && (s = this.options.as);
     const { className: f = "" } = this.options;
-    this.handleSelectionUpdate = this.handleSelectionUpdate.bind(this), this.renderer = new Fe(p, {
+    this.handleSelectionUpdate = this.handleSelectionUpdate.bind(this), this.renderer = new Je(h, {
       editor: this.editor,
       props: e,
-      as: a,
+      as: s,
       className: `node-${this.node.type.name} ${f}`.trim()
     }), this.editor.on("selectionUpdate", this.handleSelectionUpdate), this.updateElementAttributes();
   }
@@ -851,9 +872,9 @@ class Ke extends ce {
    * If it is, call `selectNode`, otherwise call `deselectNode`.
    */
   handleSelectionUpdate() {
-    const { from: e, to: t } = this.editor.state.selection, n = this.getPos();
-    if (typeof n == "number")
-      if (e <= n && t >= n + this.node.nodeSize) {
+    const { from: e, to: t } = this.editor.state.selection, r = this.getPos();
+    if (typeof r == "number")
+      if (e <= r && t >= r + this.node.nodeSize) {
         if (this.renderer.props.selected)
           return;
         this.selectNode();
@@ -867,25 +888,25 @@ class Ke extends ce {
    * On update, update the React component.
    * To prevent unnecessary updates, the `update` option can be used.
    */
-  update(e, t, n) {
-    const r = (o) => {
+  update(e, t, r) {
+    const i = (o) => {
       this.renderer.updateProps(o), typeof this.options.attrs == "function" && this.updateElementAttributes();
     };
     if (e.type !== this.node.type)
       return !1;
     if (typeof this.options.update == "function") {
-      const o = this.node, p = this.decorations, a = this.innerDecorations;
-      return this.node = e, this.decorations = t, this.innerDecorations = n, this.options.update({
+      const o = this.node, h = this.decorations, s = this.innerDecorations;
+      return this.node = e, this.decorations = t, this.innerDecorations = r, this.options.update({
         oldNode: o,
-        oldDecorations: p,
+        oldDecorations: h,
         newNode: e,
         newDecorations: t,
-        oldInnerDecorations: a,
-        innerDecorations: n,
-        updateProps: () => r({ node: e, decorations: t, innerDecorations: n })
+        oldInnerDecorations: s,
+        innerDecorations: r,
+        updateProps: () => i({ node: e, decorations: t, innerDecorations: r })
       });
     }
-    return e === this.node && this.decorations === t && this.innerDecorations === n || (this.node = e, this.decorations = t, this.innerDecorations = n, r({ node: e, decorations: t, innerDecorations: n })), !0;
+    return e === this.node && this.decorations === t && this.innerDecorations === r || (this.node = e, this.decorations = t, this.innerDecorations = r, i({ node: e, decorations: t, innerDecorations: r })), !0;
   }
   /**
    * Select the node.
@@ -919,81 +940,81 @@ class Ke extends ce {
     if (this.options.attrs) {
       let e = {};
       if (typeof this.options.attrs == "function") {
-        const t = this.editor.extensionManager.attributes, n = he(this.node, t);
-        e = this.options.attrs({ node: this.node, HTMLAttributes: n });
+        const t = this.editor.extensionManager.attributes, r = me(this.node, t);
+        e = this.options.attrs({ node: this.node, HTMLAttributes: r });
       } else
         e = this.options.attrs;
       this.renderer.updateAttributes(e);
     }
   }
 }
-function Ze(i, e) {
-  return (t) => t.editor.contentComponent ? new Ke(i, t, e) : {};
+function ot(n, e) {
+  return (t) => t.editor.contentComponent ? new Ye(n, t, e) : {};
 }
-function ne(i) {
-  var e, t, n = "";
-  if (typeof i == "string" || typeof i == "number") n += i;
-  else if (typeof i == "object") if (Array.isArray(i)) {
-    var r = i.length;
-    for (e = 0; e < r; e++) i[e] && (t = ne(i[e])) && (n && (n += " "), n += t);
-  } else for (t in i) i[t] && (n && (n += " "), n += t);
-  return n;
+function oe(n) {
+  var e, t, r = "";
+  if (typeof n == "string" || typeof n == "number") r += n;
+  else if (typeof n == "object") if (Array.isArray(n)) {
+    var i = n.length;
+    for (e = 0; e < i; e++) n[e] && (t = oe(n[e])) && (r && (r += " "), r += t);
+  } else for (t in n) n[t] && (r && (r += " "), r += t);
+  return r;
 }
-function ke() {
-  for (var i, e, t = 0, n = "", r = arguments.length; t < r; t++) (i = arguments[t]) && (e = ne(i)) && (n && (n += " "), n += e);
-  return n;
+function st() {
+  for (var n, e, t = 0, r = "", i = arguments.length; t < i; t++) (n = arguments[t]) && (e = oe(n)) && (r && (r += " "), r += e);
+  return r;
 }
-function We(i) {
+function Qe(n) {
   try {
-    return JSON.stringify(i);
+    return JSON.stringify(n);
   } catch {
     return JSON.stringify({});
   }
 }
-function et(i, e = !1) {
+function ut(n, e = !1) {
   return (t) => {
-    const n = i.startsWith("data-") ? i : `data-${i}`;
-    let r = decodeURIComponent(t.getAttribute(n));
-    if (r == null || typeof r == "string" && r === "null")
+    const r = n.startsWith("data-") ? n : `data-${n}`;
+    let i = decodeURIComponent(t.getAttribute(r));
+    if (i == null || typeof i == "string" && i === "null")
       try {
-        const a = t.outerHTML.match(/([\S\s])+?="([\S\s])+?"/g);
-        a && a.length > 0 && (r = (a.map((l) => l.trim()).reduce((l, d) => {
-          const s = d.indexOf("="), h = [d.slice(0, s), d.slice(s + 1).slice(1, -1)];
-          return l[h[0]] = h[1], l;
-        }, {})[i.toLowerCase()] || "").replaceAll("&quot;", '"'));
-      } catch (p) {
-        console.error("Error getDatasetAttribute ", p.message, t);
+        const s = t.outerHTML.match(/([\S\s])+?="([\S\s])+?"/g);
+        s && s.length > 0 && (i = (s.map((l) => l.trim()).reduce((l, d) => {
+          const u = d.indexOf("="), p = [d.slice(0, u), d.slice(u + 1).slice(1, -1)];
+          return l[p[0]] = p[1], l;
+        }, {})[n.toLowerCase()] || "").replaceAll("&quot;", '"'));
+      } catch (h) {
+        console.error("Error getDatasetAttribute ", h.message, t);
       }
     if (e)
       try {
-        return JSON.parse(r);
+        return JSON.parse(i);
       } catch {
         return {};
       }
-    if (r.includes("%") || r.includes("auto"))
-      return r;
-    const o = Number.parseInt(r);
-    return o !== o ? r : o;
+    if (i.includes("%") || i.includes("auto"))
+      return i;
+    const o = Number.parseInt(i);
+    return o !== o ? i : o;
   };
 }
-function tt(i) {
-  const { attrs: e } = i;
-  return Object.keys(e).reduce((t, n) => {
-    const r = e[n];
-    if (r == null)
+function at(n) {
+  const { attrs: e } = n;
+  return Object.keys(e).reduce((t, r) => {
+    const i = e[r];
+    if (i == null)
       return t;
     let o = "";
-    return typeof r == "object" ? o = We(r) : o = r, t[n] = o, t;
+    return typeof i == "object" ? o = Qe(i) : o = i, t[r] = o, t;
   }, /* @__PURE__ */ Object.create(null));
 }
 export {
-  Qe as B,
-  Je as E,
-  Xe as N,
-  Ze as R,
-  Fe as a,
-  ke as c,
-  et as g,
-  tt as n,
-  Ye as u
+  rt as B,
+  tt as E,
+  it as N,
+  ot as R,
+  Je as a,
+  st as c,
+  ut as g,
+  at as n,
+  nt as u
 };