cvnert-editor 0.1.1 → 0.1.2

package/dist/cvnert-editor.js

@@ -1,14 +1,14 @@
 import { jsx as i, jsxs as m, Fragment as R } from "react/jsx-runtime";
 import * as Dt from "react";
-import { useState as A, useEffect as L, useRef as Z, useCallback as x, createContext as et, useContext as De, useMemo as E, forwardRef as V, isValidElement as ur, version as Ca, cloneElement as hn, Fragment as ga, memo as M, useLayoutEffect as On } from "react";
+import { useState as A, useEffect as L, useRef as Z, useCallback as x, createContext as et, useContext as De, useMemo as N, forwardRef as V, isValidElement as ur, version as Ca, cloneElement as hn, Fragment as ga, memo as M, useLayoutEffect as On } from "react";
 import { useEditorState as Kr, useCurrentEditor as ma, findParentNodeClosestToPos as ba, isNodeSelection as ht, mergeAttributes as qr, NodeViewWrapper as Ut, NodeViewContent as va, ReactNodeViewRenderer as Pn, Node as wa, posToDOMRect as ya, isTextSelection as Gr, EditorContext as Zn, useEditor as xa, EditorContent as Ia } from "@tiptap/react";
 import { createPortal as Ta } from "react-dom";
 import { StarterKit as La } from "@tiptap/starter-kit";
 import { Mention as Aa } from "@tiptap/extension-mention";
 import { TaskList as Ma, TaskItem as Sa } from "@tiptap/extension-list";
 import { TextStyle as Ha, Color as ka } from "@tiptap/extension-text-style";
-import { Selection as Ra, Placeholder as Na } from "@tiptap/extensions";
-import { Typography as Ea } from "@tiptap/extension-typography";
+import { Selection as Ra, Placeholder as Ea } from "@tiptap/extensions";
+import { Typography as Na } from "@tiptap/extension-typography";
 import { Highlight as Va } from "@tiptap/extension-highlight";
 import { Superscript as Ba } from "@tiptap/extension-superscript";
 import { Subscript as Da } from "@tiptap/extension-subscript";
@@ -151,7 +151,7 @@ const A1 = (e, t, n = !0) => {
 }, J = (e) => {
   const { shortcutKeys: t, delimiter: n = "+", capitalize: o = !0 } = e;
   return t ? t.split(n).map((r) => r.trim()).map((r) => A1(r, L1(), o)) : [];
-}, Ne = (e, t) => t?.schema ? t.schema.spec.marks.get(e) !== void 0 : !1, ne = (e, t) => t?.schema ? t.schema.spec.nodes.get(e) !== void 0 : !1;
+}, Ee = (e, t) => t?.schema ? t.schema.spec.marks.get(e) !== void 0 : !1, ne = (e, t) => t?.schema ? t.schema.spec.nodes.get(e) !== void 0 : !1;
 function M1(e) {
   const { state: t, view: n } = e, { doc: o, selection: r } = t, l = Ot.findFrom(r.$to, 1, !0);
   if (l)
@@ -293,7 +293,7 @@ function Yn(e, t, n, o) {
   }
   return r;
 }
-function N1(e) {
+function E1(e) {
   const { selection: t, doc: n } = e.state;
   if (!t.empty) return;
   const o = t.$from;
@@ -386,7 +386,7 @@ function sl(e, t) {
   ), null);
 }
 const al = "hideFloatingToolbar";
-function E1(e) {
+function N1(e) {
   const { editor: t, isSelectionValid: n, extraHideWhen: o = !1 } = e, [r, l] = A(!1), s = Z(!1);
   return L(() => {
     if (!t) return;
@@ -518,7 +518,7 @@ const U1 = ({
   onUpdateAttributes: f,
   getPos: h
 }) => {
-  const [p, g] = A(), [C, b] = A(s), [v, w] = A(!1), I = Z(!1), y = Z(!0), S = Z(null), k = Z(null), N = Z(null), D = Z(null);
+  const [p, g] = A(), [C, b] = A(s), [v, w] = A(!1), I = Z(!1), y = Z(!0), S = Z(null), k = Z(null), E = Z(null), D = Z(null);
   L(() => {
     if (!n || !a) return;
     const U = () => {
@@ -587,7 +587,7 @@ const U1 = ({
   }, F = () => {
     n?.isEditable && y.current && w(!0);
   }, j = (U) => {
-    y.current && (U.relatedTarget === k.current || U.relatedTarget === N.current || p || n?.isEditable && w(!1));
+    y.current && (U.relatedTarget === k.current || U.relatedTarget === E.current || p || n?.isEditable && w(!1));
   }, ae = () => {
     n?.isEditable && y.current && w(!0);
   };
@@ -642,7 +642,7 @@ const U1 = ({
                 /* @__PURE__ */ i(
                   "div",
                   {
-                    ref: N,
+                    ref: E,
                     className: "tiptap-image-handle tiptap-image-handle-right",
                     onMouseDown: z,
                     onTouchStart: B
@@ -1058,16 +1058,16 @@ function q1(e) {
     topOffset: s = 0,
     maxShowCount: a = 20,
     showTitle: c = !0
-  } = n.options, d = t.attrs ?? {}, { backgroundColor: u } = d, f = d.topOffset ?? s, h = d.maxShowCount ?? a, p = d.showTitle ?? c, g = E(
+  } = n.options, d = t.attrs ?? {}, { backgroundColor: u } = d, f = d.topOffset ?? s, h = d.maxShowCount ?? a, p = d.showTitle ?? c, g = N(
     () => o ?? [],
     [o]
-  ), C = E(
+  ), C = N(
     () => g.slice(0, h),
     [g, h]
-  ), b = E(
+  ), b = N(
     () => l(C),
     [C, l]
-  ), v = E(() => C.map((S, k) => ({
+  ), v = N(() => C.map((S, k) => ({
     item: S,
     depth: b[k] ?? 1
   })), [C, b]), w = x(
@@ -1097,7 +1097,7 @@ function q1(e) {
             className: "tiptap-table-of-contents-item notranslate",
             "data-depth": S.depth,
             style: { "--toc-depth": S.depth },
-            onClick: (N) => w(N, S.item),
+            onClick: (E) => w(E, S.item),
             children: S.item.textContent
           },
           S.item.id ?? `${k}-${S.item.textContent}`
@@ -1210,7 +1210,7 @@ function j1({
   }), p = a1(f, {
     enabled: n == null
   }), g = ll(f), C = c1(f, { role: "tooltip" }), b = il([h, p, g, C]);
-  return E(
+  return N(
     () => ({
       open: c,
       setOpen: d,
@@ -1310,7 +1310,7 @@ const Y1 = ({
     size: s,
     ...a
   }, c) => {
-    const d = E(
+    const d = N(
       () => J({ shortcutKeys: r }),
       [r]
     );
@@ -2761,7 +2761,7 @@ const Al = (e, t) => {
   }, Y.emitUpdate();
   const e = Y.editor;
   e.view.dispatch(e.state.tr.setMeta(Re, null));
-}, Nc = Ue.create({
+}, Ec = Ue.create({
   name: "tableHandleExtension",
   addCommands() {
     return {
@@ -2778,7 +2778,7 @@ const Al = (e, t) => {
     ];
   }
 });
-function Ec(e, t, n) {
+function Nc(e, t, n) {
   if (n?.draggedCellOrientation === "row") {
     const o = n.mousePos + (n.initialOffset ?? 0), r = Ke(o, t.y, t.bottom - e.height);
     return new DOMRect(t.x, r, t.width, e.height);
@@ -2818,7 +2818,7 @@ function Uc(e) {
 function Oc(e, t, n, o) {
   switch (e) {
     case "row":
-      return Ec(t, n, o);
+      return Nc(t, n, o);
     case "col":
       return Vc(t, n, o);
     default:
@@ -2826,7 +2826,7 @@ function Oc(e, t, n, o) {
   }
 }
 function un(e, t, n, o, r) {
-  const l = E(() => Dc(e), [e]), s = E(() => Uc(e), [e]), { refs: a, update: c, context: d, floatingStyles: u } = bt({
+  const l = N(() => Dc(e), [e]), s = N(() => Uc(e), [e]), { refs: a, update: c, context: d, floatingStyles: u } = bt({
     open: t,
     placement: l,
     middleware: [
@@ -2869,7 +2869,7 @@ function un(e, t, n, o, r) {
         r
       )
     });
-  }, [a, e, n, o, r]), E(
+  }, [a, e, n, o, r]), N(
     () => ({
       isMounted: f,
       ref: a.setFloating,
@@ -2902,7 +2902,7 @@ function Pc(e, t, n, o) {
     n,
     o
   );
-  return E(
+  return N(
     () => ({ rowHandle: r, colHandle: l, cellHandle: s }),
     [r, l, s]
   );
@@ -3104,7 +3104,7 @@ function ot({
       s.open === void 0 && d(g), o?.(g);
     },
     [s.open, o]
-  ), h = E(
+  ), h = N(
     () => ({
       isRootMenu: a,
       open: s.open ?? c
@@ -3531,7 +3531,7 @@ function Rl(e) {
       tablePos: r
     });
     return g && s?.(), g;
-  }, [a, n, o, r, s]), h = E(() => Jc[c?.orientation || "row"], [c]);
+  }, [a, n, o, r, s]), h = N(() => Jc[c?.orientation || "row"], [c]);
   return {
     isVisible: d,
     canDuplicateRowColumn: u,
@@ -3611,7 +3611,7 @@ const lo = M(({ className: e, ...t }) => /* @__PURE__ */ i(
   }
 ));
 lo.displayName = "ArrowLeftIcon";
-const Nl = M(({ className: e, ...t }) => /* @__PURE__ */ i(
+const El = M(({ className: e, ...t }) => /* @__PURE__ */ i(
   "svg",
   {
     width: "24",
@@ -3632,8 +3632,8 @@ const Nl = M(({ className: e, ...t }) => /* @__PURE__ */ i(
     )
   }
 ));
-Nl.displayName = "ArrowRightIcon";
-const El = M(({ className: e, ...t }) => /* @__PURE__ */ i(
+El.displayName = "ArrowRightIcon";
+const Nl = M(({ className: e, ...t }) => /* @__PURE__ */ i(
   "svg",
   {
     width: "24",
@@ -3654,7 +3654,7 @@ const El = M(({ className: e, ...t }) => /* @__PURE__ */ i(
     )
   }
 ));
-El.displayName = "ArrowUpIcon";
+Nl.displayName = "ArrowUpIcon";
 const Vl = M(({ className: e, ...t }) => /* @__PURE__ */ i(
   "svg",
   {
@@ -3689,10 +3689,10 @@ const Bl = ["tableHandleExtension"], l2 = {
     right: "Move column right"
   }
 }, i2 = {
-  up: El,
+  up: Nl,
   down: Vl,
   left: lo,
-  right: Nl
+  right: El
 };
 function s2(e, t, n) {
   try {
@@ -3857,7 +3857,7 @@ function at(e) {
       tablePos: r
     });
     return C && a?.(), C;
-  }, [c, n, o, l, r, a]), p = E(() => l2[d?.orientation || "row"][l] || `Move ${d?.orientation} ${l}`, [d, l]), g = E(() => i2[l], [l]);
+  }, [c, n, o, l, r, a]), p = N(() => l2[d?.orientation || "row"][l] || `Move ${d?.orientation} ${l}`, [d, l]), g = N(() => i2[l], [l]);
   return {
     isVisible: u,
     canMoveRowColumn: f,
@@ -4111,7 +4111,7 @@ function _t(e = {}) {
       resetAttrs: s
     });
     return C && a?.(), C;
-  }, [c, n, o, r, s, a]), p = E(() => d ? f2[d.orientation] : "Clear contents", [d]);
+  }, [c, n, o, r, s, a]), p = N(() => d ? f2[d.orientation] : "Clear contents", [d]);
   return {
     isVisible: u,
     canClearRowColumnContent: f,
@@ -4785,7 +4785,7 @@ function jl(e) {
       tablePos: r
     });
     return p && s?.(), p;
-  }, [a, n, o, r, s]), h = E(() => H2[c?.orientation || "row"], [c]);
+  }, [a, n, o, r, s]), h = N(() => H2[c?.orientation || "row"], [c]);
   return {
     isVisible: d,
     canDeleteRowColumn: u,
@@ -4794,7 +4794,7 @@ function jl(e) {
     Icon: Kt
   };
 }
-const N2 = V(
+const E2 = V(
   ({
     editor: e,
     index: t,
@@ -4844,7 +4844,7 @@ const N2 = V(
     ) : null;
   }
 );
-N2.displayName = "TableSortRowColumnButton";
+E2.displayName = "TableSortRowColumnButton";
 const ho = M(({ className: e, ...t }) => /* @__PURE__ */ m(
   "svg",
   {
@@ -4921,7 +4921,7 @@ const Yl = M(({ className: e, ...t }) => /* @__PURE__ */ m(
   }
 ));
 Yl.displayName = "ArrowDownZAIcon";
-const Xl = ["tableHandleExtension"], E2 = {
+const Xl = ["tableHandleExtension"], N2 = {
   row: {
     asc: "Sort row A-Z",
     desc: "Sort row Z-A"
@@ -5074,7 +5074,7 @@ function vn(e = { direction: "asc" }) {
       tablePos: r
     });
     return C && a?.(), C;
-  }, [c, n, o, l, r, a]), p = E(() => E2[d?.orientation || "row"][l] || `Sort ${d?.orientation} ${l}`, [d, l]), g = E(() => V2[l] || ho, [l]);
+  }, [c, n, o, l, r, a]), p = N(() => N2[d?.orientation || "row"][l] || `Sort ${d?.orientation} ${l}`, [d, l]), g = N(() => V2[l] || ho, [l]);
   return {
     isVisible: u,
     canSortRowColumn: f,
@@ -5160,7 +5160,7 @@ const Ct = V(
         s?.(S), !S.defaultPrevented && C();
       },
       [C, s]
-    ), y = E(
+    ), y = N(
       () => ({
         ...c,
         "--color-text-button-color": t
@@ -5289,7 +5289,7 @@ const wn = "mod+shift+t", xt = [
   }
 ];
 function Gt(e) {
-  if (!e || !e.isEditable || !Ne("textStyle", e) || ue(e, ["image"]))
+  if (!e || !e.isEditable || !Ee("textStyle", e) || ue(e, ["image"]))
     return !1;
   try {
     return e.can().setMark("textStyle", { color: "currentColor" });
@@ -5302,7 +5302,7 @@ function P2(e, t) {
 }
 function Z2(e) {
   const { editor: t, hideWhenUnavailable: n } = e;
-  return t ? n ? !t.isEditable || !Ne("textStyle", t) ? !1 : t.isActive("code") ? !0 : Gt(t) : !0 : !1;
+  return t ? n ? !t.isEditable || !Ee("textStyle", t) ? !1 : t.isActive("code") ? !0 : Gt(t) : !0 : !1;
 }
 function Jl(e) {
   const {
@@ -5330,7 +5330,7 @@ function Jl(e) {
       );
     }
     setTimeout(() => {
-      N1(s);
+      E1(s);
       const p = s.chain().focus().toggleMark("textStyle", { color: o }).run();
       return p && l?.({ color: o, label: n }), p;
     }, 0);
@@ -5395,7 +5395,7 @@ const Je = V(
         a?.(k), !k.defaultPrevented && v();
       },
       [v, a]
-    ), S = E(
+    ), S = N(
       () => ({
         ...d,
         "--highlight-color": t
@@ -5533,7 +5533,7 @@ function z2(e, t = !1) {
 function je(e, t = "mark") {
   if (!e || !e.isEditable) return !1;
   if (t === "mark")
-    return !Ne("highlight", e) || ue(e, ["image"]) ? !1 : e.can().setMark("highlight");
+    return !Ee("highlight", e) || ue(e, ["image"]) ? !1 : e.can().setMark("highlight");
   if (!O(e, ["nodeBackground"])) return !1;
   try {
     return e.can().toggleNodeBackgroundColor("test");
@@ -5568,7 +5568,7 @@ function _2(e) {
     return !0;
   if (!t.isEditable) return !1;
   if (o === "mark") {
-    if (!Ne("highlight", t)) return !1;
+    if (!Ee("highlight", t)) return !1;
   } else if (!O(t, ["nodeBackground"])) return !1;
   return t.isActive("code") ? !0 : je(t, o);
 }
@@ -5766,7 +5766,7 @@ const Xe = V(
   ({ className: e, ...t }, n) => /* @__PURE__ */ i("div", { ref: n, className: P("tiptap-card-body", e), ...t })
 );
 Xe.displayName = "CardBody";
-const Ee = V(({ className: e, orientation: t = "vertical", ...n }, o) => /* @__PURE__ */ i(
+const Ne = V(({ className: e, orientation: t = "vertical", ...n }, o) => /* @__PURE__ */ i(
   "div",
   {
     ref: o,
@@ -5775,7 +5775,7 @@ const Ee = V(({ className: e, orientation: t = "vertical", ...n }, o) => /* @__P
     ...n
   }
 ));
-Ee.displayName = "CardItemGroup";
+Ne.displayName = "CardItemGroup";
 const gt = V(
   ({ className: e, ...t }, n) => /* @__PURE__ */ i(
     "div",
@@ -5915,7 +5915,7 @@ function Y2({
   editor: o,
   resolveColorValue: r
 }) {
-  return e.length === 0 ? null : /* @__PURE__ */ m(Ee, { children: [
+  return e.length === 0 ? null : /* @__PURE__ */ m(Ne, { children: [
     /* @__PURE__ */ i(gt, { children: "Recently used" }),
     /* @__PURE__ */ i(Ce, { children: e.map((l, s) => /* @__PURE__ */ i(Ce, { children: /* @__PURE__ */ i(
       j2,
@@ -5937,22 +5937,22 @@ function X2({
   editor: o,
   resolveColorValue: r
 }) {
-  const { recentColors: l, addRecentColor: s, isInitialized: a } = It(t), c = Z(null), d = E(
+  const { recentColors: l, addRecentColor: s, isInitialized: a } = It(t), c = Z(null), d = N(
     () => Cr(xt, e),
     [e]
-  ), u = E(
+  ), u = N(
     () => Cr(Ge, e),
     [e]
-  ), f = E(() => d.flat(), [d]), h = E(
+  ), f = N(() => d.flat(), [d]), h = N(
     () => u.flat(),
     [u]
-  ), p = E(
+  ), p = N(
     () => a ? l.length : 0,
     [a, l.length]
-  ), g = E(
+  ), g = N(
     () => p + f.length,
     [p, f.length]
-  ), C = E(() => {
+  ), C = N(() => {
     const w = [];
     return a && l.length > 0 && w.push(
       ...l.map((I) => ({
@@ -6008,7 +6008,7 @@ function X2({
         resolveColorValue: r
       }
     ),
-    /* @__PURE__ */ m(Ee, { children: [
+    /* @__PURE__ */ m(Ne, { children: [
       /* @__PURE__ */ i(gt, { children: "Text color" }),
       /* @__PURE__ */ i(
         Sr,
@@ -6023,7 +6023,7 @@ function X2({
         }
       )
     ] }),
-    /* @__PURE__ */ m(Ee, { children: [
+    /* @__PURE__ */ m(Ne, { children: [
       /* @__PURE__ */ i(gt, { children: "Highlight color" }),
       /* @__PURE__ */ i(
         Sr,
@@ -6177,7 +6177,7 @@ function ed(e) {
     editor: t,
     hideWhenUnavailable: n = !1,
     onColorChanged: o
-  } = e || {}, { editor: r } = T(t), [l, s] = A(!0), a = Ne("textStyle", r), c = Ne("highlight", r), d = gr(r, "textStyle") || {}, u = gr(r, "highlight") || {}, f = Gt(r) || je(r);
+  } = e || {}, { editor: r } = T(t), [l, s] = A(!0), a = Ee("textStyle", r), c = Ee("highlight", r), d = gr(r, "textStyle") || {}, u = gr(r, "highlight") || {}, f = Gt(r) || je(r);
   L(() => {
     if (!r) return;
     const p = () => {
@@ -6908,7 +6908,7 @@ function $e(e) {
       orientation: l
     });
     return b && a?.(o), b;
-  }, [c, n, o, r, l, a]), g = E(() => n === "text" ? Hr.text[o] : Hr.vertical[o], [n, o]), C = E(() => n === "text" ? kr.text[o] : kr.vertical[o], [n, o]);
+  }, [c, n, o, r, l, a]), g = N(() => n === "text" ? Hr.text[o] : Hr.vertical[o], [n, o]), C = N(() => n === "text" ? kr.text[o] : kr.vertical[o], [n, o]);
   return {
     isVisible: d,
     canAlignCell: u,
@@ -7151,7 +7151,7 @@ function nn() {
   return e;
 }
 function si(e, t) {
-  const { editor: n, orientation: o, index: r, tableNode: l, tablePos: s } = nn(), [a, c] = A(!1), [d, u] = A(!1), f = E(
+  const { editor: n, orientation: o, index: r, tableNode: l, tablePos: s } = nn(), [a, c] = A(!1), [d, u] = A(!1), f = N(
     () => cd[o],
     [o]
   ), h = x(() => {
@@ -7276,7 +7276,7 @@ function ud() {
     orientation: "column",
     side: "right",
     hideWhenUnavailable: !0
-  }), w = E(
+  }), w = N(
     () => ({
       moveUp: u,
       moveDown: f,
@@ -7284,7 +7284,7 @@ function ud() {
       moveRight: p
     }),
     [u, f, h, p]
-  ), I = E(
+  ), I = N(
     () => ({
       addAbove: g,
       addBelow: C,
@@ -7292,7 +7292,7 @@ function ud() {
       addRight: v
     }),
     [g, C, b, v]
-  ), y = E(
+  ), y = N(
     () => ({
       sortAsc: s,
       sortDesc: a
@@ -7334,7 +7334,7 @@ function ud() {
       disabled: !I.addRight.canAddRowColumn,
       onClick: I.addRight.handleAdd
     })), D;
-  }, [n, I]), N = x(() => {
+  }, [n, I]), E = x(() => {
     const D = [];
     return n === "row" ? (w.moveUp.isVisible && D.push({
       icon: w.moveUp.Icon,
@@ -7364,7 +7364,7 @@ function ud() {
     clearContentAction: c,
     headerAction: d,
     addItems: k(),
-    moveItems: N(),
+    moveItems: E(),
     sortItems: S()
   };
 }
@@ -7485,7 +7485,7 @@ const Ze = ({
   onOpenChange: s,
   dragStart: a
 }) => {
-  const { editor: c } = T(e), d = E(
+  const { editor: c } = T(e), d = N(
     () => ({
       editor: c,
       orientation: t,
@@ -7555,7 +7555,7 @@ function ai({
   rowButton: t,
   columnButton: n
 }) {
-  const { editor: o } = T(e), r = to({ editor: o }), [l, s] = A(!0), [a, c] = A(!0), [d, u] = A(null), f = E(() => {
+  const { editor: o } = T(e), r = to({ editor: o }), [l, s] = A(!0), [a, c] = A(!0), [d, u] = A(null), f = N(() => {
     if (r?.draggingState)
       return {
         draggedCellOrientation: r.draggingState.draggedCellOrientation,
@@ -7567,13 +7567,13 @@ function ai({
     r?.referencePosCell || null,
     r?.referencePosTable || null,
     f
-  ), g = x((N) => {
-    s(N);
-  }, []), C = x((N) => {
-    c(N);
+  ), g = x((E) => {
+    s(E);
+  }, []), C = x((E) => {
+    c(E);
   }, []), b = x(
-    (N, D) => {
-      u(D ? N : null);
+    (E, D) => {
+      u(D ? E : null);
     },
     []
   );
@@ -7590,7 +7590,7 @@ function ai({
         tableNode: r.block,
         onToggleOtherHandle: C,
         dragStart: kc,
-        onOpenChange: (N) => b("row", N)
+        onOpenChange: (E) => b("row", E)
       }
     ) }),
     y && /* @__PURE__ */ i("div", { ref: p.ref, style: p.style, children: /* @__PURE__ */ i(
@@ -7603,7 +7603,7 @@ function ai({
         tableNode: r.block,
         onToggleOtherHandle: g,
         dragStart: Hc,
-        onOpenChange: (N) => b("column", N)
+        onOpenChange: (E) => b("column", E)
       }
     ) })
   ] });
@@ -7827,7 +7827,7 @@ const gd = 5, md = (e, t, n, o) => {
       window.addEventListener("mousemove", z), window.addEventListener("mouseup", B);
     },
     [r, a, p, n]
-  ), N = x(() => {
+  ), E = x(() => {
     if (!r) {
       h(null);
       return;
@@ -7850,12 +7850,12 @@ const gd = 5, md = (e, t, n, o) => {
   if (L(() => {
     if (!r) return;
     const $ = () => {
-      S(), N();
+      S(), E();
     };
-    return r.on("selectionUpdate", $), S(), N(), () => {
+    return r.on("selectionUpdate", $), S(), E(), () => {
       r.off("selectionUpdate", $);
     };
-  }, [r, S, N]), L(() => {
+  }, [r, S, E]), L(() => {
     const $ = f?.querySelector(
       ".table-selection-overlay-container"
     );
@@ -8234,7 +8234,7 @@ const ui = M(({ className: e, ...t }) => /* @__PURE__ */ i(
   }
 ));
 ui.displayName = "Grip4Icon";
-function Nd() {
+function Ed() {
   const e = In({ action: "merge" }), t = In({ action: "split" }), n = _t({ resetAttrs: !0 }), o = {
     icon: e.Icon,
     label: e.label,
@@ -8257,7 +8257,7 @@ function Nd() {
     clearAction: l
   };
 }
-function Ed({ editor: e }) {
+function Nd({ editor: e }) {
   const [t, n] = A(!1), o = x(() => {
     n(!1), e?.commands.unfreezeHandles();
   }, [e]), r = x(
@@ -8287,7 +8287,7 @@ const fn = ({ action: e }) => {
     }
   );
 }, Vd = ({ onClose: e }) => {
-  const { mergeAction: t, splitAction: n, clearAction: o } = Nd(), r = t.isAvailable || n.isAvailable;
+  const { mergeAction: t, splitAction: n, clearAction: o } = Ed(), r = t.isAvailable || n.isAvailable;
   return /* @__PURE__ */ m(rt, { autoFocusOnShow: !0, modal: !0, onClose: e, children: [
     /* @__PURE__ */ i(no, { style: jn }),
     /* @__PURE__ */ m(nt, { style: { minWidth: "15rem" }, children: [
@@ -8304,7 +8304,7 @@ const fn = ({ action: e }) => {
     ] })
   ] });
 }, fi = V(({ editor: e, onOpenChange: t, className: n, ...o }, r) => {
-  const { editor: l } = T(e), { isMenuOpen: s, handleMenuToggle: a, closeMenu: c } = Ed({
+  const { editor: l } = T(e), { isMenuOpen: s, handleMenuToggle: a, closeMenu: c } = Nd({
     editor: l
   });
   return L(() => {
@@ -8366,7 +8366,7 @@ const Bd = {
     sizeProperty: "height"
   }
 };
-function Nr(e, t, n) {
+function Er(e, t, n) {
   const o = Bd[e], { refs: r, update: l, context: s, floatingStyles: a } = bt({
     open: t,
     placement: o.placement,
@@ -8389,7 +8389,7 @@ function Nr(e, t, n) {
   );
   return L(() => {
     n && (r.setReference(u(n)), l());
-  }, [n, r, l, u]), E(
+  }, [n, r, l, u]), N(
     () => ({
       isMounted: c,
       ref: r.setFloating,
@@ -8403,16 +8403,16 @@ function Nr(e, t, n) {
   );
 }
 function Dd(e, t, n) {
-  const o = Nr(
+  const o = Er(
     "row",
     t,
     n
-  ), r = Nr(
+  ), r = Er(
     "column",
     e,
     n
   );
-  return E(
+  return N(
     () => ({
       rowButton: o,
       columnButton: r
@@ -8420,7 +8420,7 @@ function Dd(e, t, n) {
     [o, r]
   );
 }
-const Er = ({
+const Nr = ({
   editor: e,
   onMouseDown: t,
   onMouseUp: n,
@@ -8447,16 +8447,16 @@ const Er = ({
     if (!d || !l || !s) return;
     const p = (C) => {
       c.current = !0;
-      const v = (a ? C.clientY : C.clientX) - d.startPos, w = a ? lc : st, I = _e.get(s.block), y = a ? I.height : I.width, S = a ? d.originalHeight : d.originalWidth, N = Math.max(
+      const v = (a ? C.clientY : C.clientX) - d.startPos, w = a ? lc : st, I = _e.get(s.block), y = a ? I.height : I.width, S = a ? d.originalHeight : d.originalWidth, E = Math.max(
         1,
         S + fc(v / w, 0.3)
       ) - y;
-      N !== 0 && (N > 0 ? cn(l, () => {
+      E !== 0 && (E > 0 ? cn(l, () => {
         dn(l, s.block, s.blockPos, o);
-        for (let D = 0; D < N; D++)
+        for (let D = 0; D < E; D++)
           a ? l.commands.addRowAfter() : l.commands.addColumnAfter();
       }) : cn(l, () => {
-        const D = Math.abs(N), ie = a ? dc(l, s.blockPos) : uc(l, s.blockPos), $ = Math.min(D, ie, y - 1);
+        const D = Math.abs(E), ie = a ? dc(l, s.blockPos) : uc(l, s.blockPos), $ = Math.min(D, ie, y - 1);
         dn(l, s.block, s.blockPos, o);
         for (let G = 0; G < $; G++)
           a ? l.commands.deleteRow() : l.commands.deleteColumn();
@@ -8494,7 +8494,7 @@ const Er = ({
   }, [o, n]);
   return r ? /* @__PURE__ */ m(Wt, { root: r.widgetContainer, children: [
     /* @__PURE__ */ i("div", { ref: s.ref, style: s.style, children: /* @__PURE__ */ i(
-      Er,
+      Nr,
       {
         editor: o,
         orientation: "row",
@@ -8504,7 +8504,7 @@ const Er = ({
       }
     ) }),
     /* @__PURE__ */ i("div", { ref: l.ref, style: l.style, children: /* @__PURE__ */ i(
-      Er,
+      Nr,
       {
         editor: o,
         orientation: "column",
@@ -8541,7 +8541,7 @@ function pi(e, t, n, o, r) {
     a.setReference({
       getBoundingClientRect: C
     });
-  }, [t, a]), E(
+  }, [t, a]), N(
     () => ({
       isMounted: u,
       ref: a.setFloating,
@@ -8621,9 +8621,9 @@ const ko = ({
       },
       ...t
     }
-  ), N = Z(s);
+  ), E = Z(s);
   L(() => {
-    N.current = s;
+    E.current = s;
   }, [s]);
   const D = x(() => {
     d(!1);
@@ -8634,7 +8634,7 @@ const ko = ({
     a.state.plugins.find(
       (B) => B.spec.key === l
     ) && a.unregisterPlugin(l);
-    const _ = N.current.char ?? "@", K = a.extensionManager.extensions.find((B) => {
+    const _ = E.current.char ?? "@", K = a.extensionManager.extensions.find((B) => {
       if (B.name !== "mention") return !1;
       const F = B.options?.suggestions;
       return F?.length ? F.some(
@@ -8680,14 +8680,14 @@ const ko = ({
             if (Ie.name !== "mention") return !1;
             const Be = Ie.options?.suggestions;
             return Be?.length ? Be.some(
-              (Qe) => (Qe.char ?? "@") === N.current.char
-            ) : (Ie.options?.suggestion?.char ?? "@") === N.current.char;
+              (Qe) => (Qe.char ?? "@") === E.current.char
+            ) : (Ie.options?.suggestion?.char ?? "@") === E.current.char;
           }
         )) {
           const Ie = U.$from.pos, Be = U.$head?.nodeBefore, Qe = Be ? Od(
             Ie,
             Be,
-            N.current.char
+            E.current.char
           ) : U.$from.start(), pa = ve.tr.deleteRange(
             Qe,
             Ie
@@ -8713,7 +8713,7 @@ const ko = ({
           f(null), p(null), C([]), v(""), w(null), d(!1);
         }
       }),
-      ...N.current
+      ...E.current
     });
     return a.registerPlugin(z), () => {
       a.isDestroyed || a.unregisterPlugin(l);
@@ -8856,7 +8856,7 @@ const gi = (e, t, n = ["imageUpload", "horizontalRule"]) => {
   selectedIndex: t,
   onSelect: n
 }) => {
-  const o = E(() => {
+  const o = N(() => {
     const r = [];
     return e.forEach((l, s) => {
       l.context && r.push(
@@ -8880,7 +8880,7 @@ const gi = (e, t, n = ["imageUpload", "horizontalRule"]) => {
       style: {
         maxHeight: "var(--suggestion-menu-max-height)"
       },
-      children: /* @__PURE__ */ i(Xe, { children: /* @__PURE__ */ i(Ee, { children: o }) })
+      children: /* @__PURE__ */ i(Xe, { children: /* @__PURE__ */ i(Ne, { children: o }) })
     }
   ) : null;
 }, mi = et(void 0), bi = () => {
@@ -8908,7 +8908,7 @@ const gi = (e, t, n = ["imageUpload", "horizontalRule"]) => {
         a(f);
       },
       []
-    ), d = E(
+    ), d = N(
       () => ({
         imageLoadingStatus: s,
         onImageLoadingStatusChange: c,
@@ -9071,7 +9071,7 @@ const Yd = async (e) => {
   selectedIndex: t,
   onSelect: n
 }) => {
-  const o = E(() => {
+  const o = N(() => {
     const r = [];
     return e.forEach((l, s) => {
       r.push(
@@ -9093,10 +9093,10 @@ const Yd = async (e) => {
       style: {
         maxHeight: "var(--suggestion-menu-max-height)"
       },
-      children: /* @__PURE__ */ i(Xe, { children: /* @__PURE__ */ i(Ee, { children: o }) })
+      children: /* @__PURE__ */ i(Xe, { children: /* @__PURE__ */ i(Ne, { children: o }) })
     }
   ) : null;
-}, No = M(({ className: e, ...t }) => /* @__PURE__ */ m(
+}, Eo = M(({ className: e, ...t }) => /* @__PURE__ */ m(
   "svg",
   {
     width: "24",
@@ -9137,8 +9137,8 @@ const Yd = async (e) => {
     ]
   }
 ));
-No.displayName = "CodeBlockIcon";
-const Eo = M(({ className: e, ...t }) => /* @__PURE__ */ m(
+Eo.displayName = "CodeBlockIcon";
+const No = M(({ className: e, ...t }) => /* @__PURE__ */ m(
   "svg",
   {
     width: "24",
@@ -9166,7 +9166,7 @@ const Eo = M(({ className: e, ...t }) => /* @__PURE__ */ m(
     ]
   }
 ));
-Eo.displayName = "HeadingOneIcon";
+No.displayName = "HeadingOneIcon";
 const Vo = M(({ className: e, ...t }) => /* @__PURE__ */ m(
   "svg",
   {
@@ -10036,7 +10036,7 @@ const Dr = {
     title: "Heading 1",
     subtext: "Top-level heading",
     keywords: ["h", "heading1", "h1"],
-    badge: Eo,
+    badge: No,
     group: "Style"
   },
   heading_2: {
@@ -10085,7 +10085,7 @@ const Dr = {
     title: "Code Block",
     subtext: "Code block with syntax highlighting",
     keywords: ["code", "pre"],
-    badge: No,
+    badge: Eo,
     group: "Style"
   },
   // Insert
@@ -10316,7 +10316,7 @@ const Cu = (e) => {
   onSelect: n,
   config: o
 }) => {
-  const r = E(() => {
+  const r = N(() => {
     const l = [];
     if (!(o?.showGroups !== !1))
       return e.forEach((c, d) => {
@@ -10353,7 +10353,7 @@ const Cu = (e) => {
         );
       });
       c ? l.push(
-        /* @__PURE__ */ m(Ee, { children: [
+        /* @__PURE__ */ m(Ne, { children: [
           /* @__PURE__ */ i(gt, { children: c }),
           f
         ] }, `group-${u}-${c}`)
@@ -10603,12 +10603,12 @@ function Ri(e) {
     Icon: Si
   };
 }
-function Ni({
+function Ei({
   shortcutKeys: e = Mn
 }) {
   return /* @__PURE__ */ i(te, { children: J({ shortcutKeys: e }) });
 }
-const Ei = V(
+const Ni = V(
   ({
     editor: e,
     text: t,
@@ -10644,13 +10644,13 @@ const Ei = V(
         children: s ?? /* @__PURE__ */ m(R, { children: [
           /* @__PURE__ */ i(g, { className: "tiptap-button-icon" }),
           t && /* @__PURE__ */ i("span", { className: "tiptap-button-text", children: t }),
-          r && /* @__PURE__ */ i(Ni, { shortcutKeys: p })
+          r && /* @__PURE__ */ i(Ei, { shortcutKeys: p })
         ] })
       }
     ) : null;
   }
 );
-Ei.displayName = "DuplicateButton";
+Ni.displayName = "DuplicateButton";
 const Mn = "mod+d";
 function Vi(e) {
   if (!e || !e.isEditable) return !1;
@@ -11147,7 +11147,7 @@ async function Ru(e, t, n) {
     return console.error("Failed to copy node ID to clipboard:", s), !1;
   }
 }
-function Nu(e) {
+function Eu(e) {
   const { editor: t, hideWhenUnavailable: n } = e;
   if (!Ki(t)) return !1;
   const o = !!wt(t);
@@ -11164,7 +11164,7 @@ function ji(e) {
   L(() => {
     if (!s) return;
     const h = () => {
-      d(Nu({ editor: s, hideWhenUnavailable: n }));
+      d(Eu({ editor: s, hideWhenUnavailable: n }));
     };
     return h(), s.on("selectionUpdate", h), () => {
       s.off("selectionUpdate", h);
@@ -11197,7 +11197,7 @@ function ji(e) {
     Icon: Tt
   };
 }
-function Eu({
+function Nu({
   shortcutKeys: e = Rn
 }) {
   return /* @__PURE__ */ i(te, { children: J({ shortcutKeys: e }) });
@@ -11250,7 +11250,7 @@ const Yi = V(
         children: a ?? /* @__PURE__ */ m(R, { children: [
           /* @__PURE__ */ i(b, { className: "tiptap-button-icon" }),
           t && /* @__PURE__ */ i("span", { className: "tiptap-button-text", children: t }),
-          l && /* @__PURE__ */ i(Eu, { shortcutKeys: C })
+          l && /* @__PURE__ */ i(Nu, { shortcutKeys: C })
         ] })
       }
     ) : null;
@@ -11365,7 +11365,7 @@ function es(e) {
   };
 }
 function Ou({
-  shortcutKeys: e = Nn
+  shortcutKeys: e = En
 }) {
   return /* @__PURE__ */ i(te, { children: J({ shortcutKeys: e }) });
 }
@@ -11424,7 +11424,7 @@ const ts = V(
   }
 );
 ts.displayName = "TextButton";
-const Nn = "mod+alt+0";
+const En = "mod+alt+0";
 function qo(e, t = !0) {
   return !e || !e.schema.nodes.paragraph ? !1 : t ? Me(e, [
     "paragraph",
@@ -11497,7 +11497,7 @@ function ns(e) {
     return f && o?.(), f;
   }, [r, o]);
   return ge(
-    Nn,
+    En,
     (f) => {
       f.preventDefault(), u();
     },
@@ -11512,7 +11512,7 @@ function ns(e) {
     handleToggle: u,
     canToggle: c,
     label: "Text",
-    shortcutKeys: Nn,
+    shortcutKeys: En,
     Icon: Zo
   };
 }
@@ -11669,7 +11669,7 @@ const is = M(({ className: e, ...t }) => /* @__PURE__ */ m(
 ));
 is.displayName = "HeadingSixIcon";
 const Wu = {
-  1: Eo,
+  1: No,
   2: Vo,
   3: Bo,
   4: rs,
@@ -11795,7 +11795,7 @@ const Rt = V(
       label: C,
       shortcutKeys: b,
       Icon: v
-    } = Nt({
+    } = Et({
       editor: u,
       type: t,
       hideWhenUnavailable: o,
@@ -11941,7 +11941,7 @@ function Qu(e) {
   const { editor: t, type: n, hideWhenUnavailable: o } = e;
   return t ? o ? !t.isEditable || !ne(n, t) ? !1 : t.isActive("code") ? !0 : Go(t, n) : !0 : !1;
 }
-function Nt(e) {
+function Et(e) {
   const {
     editor: t,
     type: n,
@@ -12247,11 +12247,11 @@ function ps(e) {
     canToggle: a,
     label: "Code Block",
     shortcutKeys: hs,
-    Icon: No
+    Icon: Eo
   };
 }
 function l7({
-  shortcutKeys: e = En
+  shortcutKeys: e = Nn
 }) {
   return /* @__PURE__ */ i(te, { children: J({ shortcutKeys: e }) });
 }
@@ -12333,7 +12333,7 @@ const Cs = M(({ className: e, ...t }) => /* @__PURE__ */ i(
   }
 ));
 Cs.displayName = "PlusIcon";
-const En = "mod+/";
+const Nn = "mod+/";
 function Qo(e, t, n) {
   if (!e || !e.isEditable || ue(e, ["image"])) return !1;
   if (t || X(n)) {
@@ -12404,7 +12404,7 @@ function a7(e) {
     return p && s?.(r), p;
   }, [a, r, n, o, s]);
   return ge(
-    En,
+    Nn,
     (p) => {
       p.preventDefault(), h();
     },
@@ -12419,7 +12419,7 @@ function a7(e) {
     handleSlashCommand: h,
     canInsert: f,
     label: "Insert block",
-    shortcutKeys: En,
+    shortcutKeys: Nn,
     trigger: r,
     Icon: Cs
   };
@@ -12739,7 +12739,7 @@ const er = M(({ className: e, ...t }) => /* @__PURE__ */ i(
 ));
 er.displayName = "Repeat2Icon";
 const m7 = () => {
-  const e = ns(), t = kt({ level: 1 }), n = kt({ level: 2 }), o = kt({ level: 3 }), r = Nt({ type: "bulletList" }), l = Nt({ type: "orderedList" }), s = Nt({ type: "taskList" }), a = us(), c = ps(), d = (h) => ({
+  const e = ns(), t = kt({ level: 1 }), n = kt({ level: 2 }), o = kt({ level: 3 }), r = Et({ type: "bulletList" }), l = Et({ type: "orderedList" }), s = Et({ type: "taskList" }), a = us(), c = ps(), d = (h) => ({
     icon: h.Icon,
     label: h.label,
     onClick: h.handleToggle,
@@ -12893,7 +12893,7 @@ const m7 = () => {
           label: n,
           onClick: e,
           disabled: !t,
-          shortcutBadge: /* @__PURE__ */ i(Ni, {})
+          shortcutBadge: /* @__PURE__ */ i(Ei, {})
         }
       ),
       /* @__PURE__ */ i(
@@ -12943,10 +12943,10 @@ const m7 = () => {
   L(() => {
     r && (r.commands.setLockDragHandle(a), r.commands.setMeta("lockDragHandle", a));
   }, [r, a]);
-  const g = 16, C = E(() => ({
+  const g = 16, C = N(() => ({
     middleware: [
       tt((y) => {
-        const { rects: S } = y, k = S.reference.height, N = S.floating.height, D = k / 2 - N / 2;
+        const { rects: S } = y, k = S.reference.height, E = S.floating.height, D = k / 2 - E / 2;
         return {
           mainAxis: g,
           // if height is more than 40px, then it's likely a block node
@@ -12956,10 +12956,10 @@ const m7 = () => {
     ]
   }), []), b = x(() => {
     r && r.commands.setMeta("hideDragHandle", !0);
-  }, [r]), v = x(() => {
-    r && r.commands.setIsDragging(!0);
-  }, [r]), w = x(() => {
-    r && (r.commands.setIsDragging(!1), setTimeout(() => {
+  }, [r]), v = x((y) => {
+    y.stopPropagation(), r && r.commands.setIsDragging(!0);
+  }, [r]), w = x((y) => {
+    y.stopPropagation(), r && (r.commands.setIsDragging(!1), setTimeout(() => {
       r.view.dom.blur(), r.view.focus();
     }, 0));
   }, [r]);
@@ -13210,7 +13210,7 @@ const Vn = V(
     children: a,
     ...c
   }, d) => {
-    const { editor: u } = T(e), { isVisible: f, handleAction: h, label: p, canExecute: g, Icon: C, shortcutKeys: b } = N7({
+    const { editor: u } = T(e), { isVisible: f, handleAction: h, label: p, canExecute: g, Icon: C, shortcutKeys: b } = E7({
       editor: u,
       action: t,
       hideWhenUnavailable: o,
@@ -13317,7 +13317,7 @@ function R7(e) {
   const { editor: t, hideWhenUnavailable: n, action: o } = e;
   return t ? n ? t.isEditable ? t.isActive("code") ? !0 : tr(t, o) : !1 : !0 : !1;
 }
-function N7(e) {
+function E7(e) {
   const {
     editor: t,
     action: n,
@@ -13347,7 +13347,7 @@ function N7(e) {
     Icon: H7[n]
   };
 }
-function E7() {
+function N7() {
   return /* @__PURE__ */ m("header", { className: "omnibox-editor-header", children: [
     /* @__PURE__ */ i(yt, {}),
     /* @__PURE__ */ m("div", { className: "omnibox-editor-header__actions", children: [
@@ -13373,7 +13373,7 @@ const V7 = (e) => {
   trailing: !0
 };
 function As(e, t = 250, n = [], o = B7) {
-  const r = E(
+  const r = N(
     () => y1(e, t, o),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     n
@@ -13460,7 +13460,7 @@ function Hs({
   ]),
   useColorValue: n = !1
 }) {
-  const { handleRemoveHighlight: o } = Yt({ editor: e }), r = se(), l = Z(null), s = E(
+  const { handleRemoveHighlight: o } = Yt({ editor: e }), r = se(), l = Z(null), s = N(
     () => [...t, { label: "Remove highlight", value: "none" }],
     [t]
   ), { selectedIndex: a } = Xt({
@@ -13482,7 +13482,7 @@ function Hs({
       ref: l,
       tabIndex: 0,
       style: r ? { boxShadow: "none", border: 0 } : {},
-      children: /* @__PURE__ */ i(Xe, { style: r ? { padding: 0 } : {}, children: /* @__PURE__ */ m(Ee, { orientation: "horizontal", children: [
+      children: /* @__PURE__ */ i(Xe, { style: r ? { padding: 0 } : {}, children: /* @__PURE__ */ m(Ne, { orientation: "horizontal", children: [
         /* @__PURE__ */ i(Ce, { children: t.map((c, d) => /* @__PURE__ */ i(Ce, { children: /* @__PURE__ */ i(
           Je,
           {
@@ -13723,7 +13723,7 @@ const Rs = M(({ className: e, ...t }) => /* @__PURE__ */ i(
   }
 ));
 Rs.displayName = "CornerDownLeftIcon";
-const Ns = M(({ className: e, ...t }) => /* @__PURE__ */ m(
+const Es = M(({ className: e, ...t }) => /* @__PURE__ */ m(
   "svg",
   {
     width: "24",
@@ -13751,7 +13751,7 @@ const Ns = M(({ className: e, ...t }) => /* @__PURE__ */ m(
     ]
   }
 ));
-Ns.displayName = "ExternalLinkIcon";
+Es.displayName = "ExternalLinkIcon";
 const lr = V(
   ({ className: e, children: t, ...n }, o) => /* @__PURE__ */ i(
     H,
@@ -13770,7 +13770,7 @@ const lr = V(
   )
 );
 lr.displayName = "LinkButton";
-const Es = ({
+const Ns = ({
   url: e,
   setUrl: t,
   setLink: n,
@@ -13793,7 +13793,7 @@ const Es = ({
           style: {
             ...s ? { padding: 0 } : {}
           },
-          children: /* @__PURE__ */ m(Ee, { orientation: "horizontal", children: [
+          children: /* @__PURE__ */ m(Ne, { orientation: "horizontal", children: [
             /* @__PURE__ */ i(
               Zc,
               {
@@ -13830,7 +13830,7 @@ const Es = ({
                   title: "Open in new window",
                   disabled: !e && !l,
                   variant: "ghost",
-                  children: /* @__PURE__ */ i(Ns, { className: "tiptap-button-icon" })
+                  children: /* @__PURE__ */ i(Es, { className: "tiptap-button-icon" })
                 }
               ) }),
               /* @__PURE__ */ i(Ce, { children: /* @__PURE__ */ i(
@@ -13854,7 +13854,7 @@ const Es = ({
   const t = Bs({
     editor: e
   });
-  return /* @__PURE__ */ i(Es, { ...t });
+  return /* @__PURE__ */ i(Ns, { ...t });
 }, ir = V(
   ({
     editor: e,
@@ -13886,7 +13886,7 @@ const Es = ({
         f(ie), o?.(ie);
       },
       [o]
-    ), N = x(() => {
+    ), E = x(() => {
       v(), f(!1);
     }, [v]), D = x(
       (ie) => {
@@ -13912,11 +13912,11 @@ const Es = ({
         }
       ) }),
       /* @__PURE__ */ i(en, { collisionPadding: 4, children: /* @__PURE__ */ i(
-        Es,
+        Ns,
         {
           url: C,
           setUrl: b,
-          setLink: N,
+          setLink: E,
           removeLink: w,
           openLink: I,
           isActive: g
@@ -13940,7 +13940,7 @@ function Vs(e) {
 function W7(e) {
   const { editor: t, hideWhenUnavailable: n } = e;
   if (!t || !t.isEditable) return !1;
-  const o = Ne("link", t);
+  const o = Ee("link", t);
   return n ? o ? t.isActive("code") ? !0 : sr(t) : !1 : !0;
 }
 function F7(e) {
@@ -14318,7 +14318,7 @@ const q7 = {
   subscript: "mod+,"
 };
 function ln(e, t) {
-  return !e || !e.isEditable || !Ne(t, e) || ue(e, ["image"]) ? !1 : e.can().toggleMark(t);
+  return !e || !e.isEditable || !Ee(t, e) || ue(e, ["image"]) ? !1 : e.can().toggleMark(t);
 }
 function G7(e, t) {
   return !e || !e.isEditable ? !1 : e.isActive(t);
@@ -14328,7 +14328,7 @@ function j7(e, t) {
 }
 function Y7(e) {
   const { editor: t, type: n, hideWhenUnavailable: o } = e;
-  return t ? o ? !t.isEditable || !Ne(n, t) ? !1 : t.isActive("code") ? !0 : ln(t, n) : !0 : !1;
+  return t ? o ? !t.isEditable || !Ee(n, t) ? !1 : t.isActive("code") ? !0 : ln(t, n) : !0 : !1;
 }
 function X7(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
@@ -15337,16 +15337,16 @@ const Ht = {
   right: 0,
   bottom: 0,
   left: 0
-}, la = typeof window > "u", A4 = !la && typeof ResizeObserver < "u", Et = () => !la;
+}, la = typeof window > "u", A4 = !la && typeof ResizeObserver < "u", Nt = () => !la;
 function M4({
   element: e,
   enabled: t = !0,
   throttleMs: n = 100,
   useResizeObserver: o = !0
 } = {}) {
-  const [r, l] = A(Ht), s = x(() => !t || !Et() ? null : e ? typeof e == "string" ? document.querySelector(e) : "current" in e ? e.current : e : document.body, [e, t]), a = As(
+  const [r, l] = A(Ht), s = x(() => !t || !Nt() ? null : e ? typeof e == "string" ? document.querySelector(e) : "current" in e ? e.current : e : document.body, [e, t]), a = As(
     () => {
-      if (!t || !Et()) return;
+      if (!t || !Nt()) return;
       const c = s();
       if (!c) {
         l(Ht);
@@ -15369,7 +15369,7 @@ function M4({
     { leading: !0, trailing: !0 }
   );
   return L(() => {
-    if (!t || !Et()) {
+    if (!t || !Nt()) {
       l(Ht);
       return;
     }
@@ -15394,7 +15394,7 @@ function M4({
 function S4(e = {}) {
   return M4({
     ...e,
-    element: Et() ? document.body : null
+    element: Nt() ? document.body : null
   });
 }
 function H4({
@@ -15609,7 +15609,7 @@ const Un = {
   left: aa,
   center: ia,
   right: sa
-}, N4 = {
+}, E4 = {
   left: "Image align left",
   center: "Image align center",
   right: "Image align right"
@@ -15617,7 +15617,7 @@ const Un = {
 function cr(e, t, n = "image", o = "data-align") {
   return !e || !e.isEditable || !O(e, [n]) ? !1 : e.can().updateAttributes(n, { [o]: t });
 }
-function E4(e, t, n = "image", o = "data-align") {
+function N4(e, t, n = "image", o = "data-align") {
   return !e || !e.isEditable || !O(e, [n]) ? !1 : (e.getAttributes(n)[o] || "left") === t;
 }
 function V4(e, t, n = "image", o = "data-align") {
@@ -15648,7 +15648,7 @@ function D4(e) {
     attributeName: r = "data-align",
     hideWhenUnavailable: l = !1,
     onAligned: s
-  } = e, { editor: a } = T(t), c = se(), [d, u] = A(!0), f = cr(a, n, o, r), h = E4(
+  } = e, { editor: a } = T(t), c = se(), [d, u] = A(!0), f = cr(a, n, o, r), h = N4(
     a,
     n,
     o,
@@ -15691,7 +15691,7 @@ function D4(e) {
     isActive: h,
     handleImageAlign: p,
     canAlign: f,
-    label: N4[n],
+    label: E4[n],
     shortcutKeys: Un[n],
     Icon: R4[n]
   };
@@ -16081,7 +16081,7 @@ function Y4({ editor: e }) {
     ] }),
     /* @__PURE__ */ i(oe, { orientation: "horizontal" }),
     /* @__PURE__ */ m(Fe, { children: [
-      /* @__PURE__ */ i(pe, { asChild: !0, children: /* @__PURE__ */ i(Ei, { text: "Duplicate node", showShortcut: !t }) }),
+      /* @__PURE__ */ i(pe, { asChild: !0, children: /* @__PURE__ */ i(Ni, { text: "Duplicate node", showShortcut: !t }) }),
       /* @__PURE__ */ i(pe, { asChild: !0, children: /* @__PURE__ */ i(
         Ui,
         {
@@ -16192,7 +16192,7 @@ function t5({
   ] });
 }
 function n5({ editor: e }) {
-  const { editor: t } = T(e), n = se("max", 480), o = Z(null), r = $4(n), l = E(() => W4(), []), s = r.isMainView ? null : l[r.viewId], { height: a } = Ms(), c = H4({
+  const { editor: t } = T(e), n = se("max", 480), o = Z(null), r = $4(n), l = N(() => W4(), []), s = r.isMainView ? null : l[r.viewId], { height: a } = Ms(), c = H4({
     editor: t,
     overlayHeight: o.current?.getBoundingClientRect().height ?? 0
   });
@@ -16257,9 +16257,9 @@ const ha = V(
         y.view.dispatch(B);
       }
       S(z);
-    }, N = E(() => l || (() => w.current ? I.current(w.current) : null), [l]), { isMounted: D, ref: ie, style: $, getFloatingProps: G } = pi(
+    }, E = N(() => l || (() => w.current ? I.current(w.current) : null), [l]), { isMounted: D, ref: ie, style: $, getFloatingProps: G } = pi(
       p,
-      N,
+      E,
       o,
       {
         placement: "top",
@@ -16343,7 +16343,7 @@ const ha = V(
     }, [y, _]), L(() => {
       y && _();
     }, [y, _]);
-    const K = E(
+    const K = N(
       () => u && Object.keys(u).length > 0 ? u : $,
       [u, $]
     ), ce = zn([ie, h, C]);
@@ -16369,7 +16369,7 @@ const zr = (e, t) => {
   ["[data-radix-popper-content-wrapper]", "[data-base-ui-portal]"].join(",")
 ) !== null : !1;
 function o5() {
-  const { editor: e } = T(), t = se("max", 480), { lockDragHandle: n, commentInputVisible: o } = Gn(e), { shouldShow: r } = E1({
+  const { editor: e } = T(), t = se("max", 480), { lockDragHandle: n, commentInputVisible: o } = Gn(e), { shouldShow: r } = N1({
     editor: e,
     isSelectionValid: gi,
     extraHideWhen: !!o
@@ -16484,29 +16484,29 @@ function s5({
   topOffset: n = 0,
   ...o
 }) {
-  const { tocContent: r, navigateToHeading: l, normalizeHeadingDepths: s } = Qn(), a = Z(!1), c = Z(null), [d, u] = A(null), f = E(
+  const { tocContent: r, navigateToHeading: l, normalizeHeadingDepths: s } = Qn(), a = Z(!1), c = Z(null), [d, u] = A(null), f = N(
     () => r ?? [],
     [r]
-  ), h = E(
+  ), h = N(
     () => f.slice(0, t),
     [f, t]
-  ), p = E(
+  ), p = N(
     () => s(h),
     [h, s]
-  ), g = E(() => {
+  ), g = N(() => {
     const k = /* @__PURE__ */ new Map();
-    return h.forEach((N, D) => {
-      k.set(N.id, p[D] ?? 1);
+    return h.forEach((E, D) => {
+      k.set(E.id, p[D] ?? 1);
     }), k;
-  }, [h, p]), C = E(
+  }, [h, p]), C = N(
     () => [...f].reverse().find((k) => k.isActive) ?? null,
     [f]
-  ), b = E(
+  ), b = N(
     () => f.find((k) => k.isActive)?.id ?? null,
     [f]
-  ), v = E(() => d || (C?.id ? C.id : b || f[0]?.id), [d, C, b, f]), w = x(
-    (k, N) => {
-      k.preventDefault(), k.stopPropagation(), u(N.id), c.current = Date.now(), l(N, { topOffset: n });
+  ), v = N(() => d || (C?.id ? C.id : b || f[0]?.id), [d, C, b, f]), w = x(
+    (k, E) => {
+      k.preventDefault(), k.stopPropagation(), u(E.id), c.current = Date.now(), l(E, { topOffset: n });
     },
     [l, n]
   );
@@ -16515,8 +16515,8 @@ function s5({
       return;
     const k = window.location.hash.replace(/^#/, "");
     if (!k) return;
-    const N = f.find((D) => D.id === k);
-    N && (u(N.id), a.current = !0);
+    const E = f.find((D) => D.id === k);
+    E && (u(E.id), a.current = !0);
   }, [f]);
   const I = Z(null), y = Z(d);
   y.current = d, L(() => {
@@ -16524,15 +16524,15 @@ function s5({
     const k = () => {
       const D = Date.now(), ie = c.current;
       ie && D - ie < 500 || y.current !== null && u(null);
-    }, N = I.current ? dl(I.current) : null;
-    return window.addEventListener("scroll", k, { passive: !0 }), N && !(N instanceof Window) && N.addEventListener("scroll", k, { passive: !0 }), () => {
-      window.removeEventListener("scroll", k), N && !(N instanceof Window) && N.removeEventListener("scroll", k);
+    }, E = I.current ? dl(I.current) : null;
+    return window.addEventListener("scroll", k, { passive: !0 }), E && !(E instanceof Window) && E.addEventListener("scroll", k, { passive: !0 }), () => {
+      window.removeEventListener("scroll", k), E && !(E instanceof Window) && E.removeEventListener("scroll", k);
     };
   }, []);
   const S = f.length > 0;
   return /* @__PURE__ */ i("div", { ref: I, className: P("toc-sidebar", e), ...o, children: /* @__PURE__ */ i("div", { className: "toc-sidebar-wrapper", children: /* @__PURE__ */ m("div", { className: "toc-sidebar-inner", children: [
     /* @__PURE__ */ i("div", { className: "toc-sidebar-progress", children: h.map((k) => {
-      const N = g.get(k.id) ?? 1, D = v === k.id;
+      const E = g.get(k.id) ?? 1, D = v === k.id;
       return /* @__PURE__ */ i(
         "div",
         {
@@ -16540,8 +16540,8 @@ function s5({
             "toc-sidebar-progress-line",
             D && "toc-sidebar-progress-line--active"
           ),
-          "data-depth": N,
-          style: { "--toc-depth": N }
+          "data-depth": E,
+          style: { "--toc-depth": E }
         },
         k.id
       );
@@ -16555,7 +16555,7 @@ function s5({
         ),
         "aria-label": "Table of contents",
         children: /* @__PURE__ */ i("div", { className: "toc-sidebar-popover", children: h.map((k) => {
-          const N = g.get(k.id) ?? 1, D = v === k.id;
+          const E = g.get(k.id) ?? 1, D = v === k.id;
           return /* @__PURE__ */ i(
             "a",
             {
@@ -16565,8 +16565,8 @@ function s5({
                 "toc-sidebar-item notranslate",
                 D && "toc-sidebar-item--active"
               ),
-              "data-depth": N,
-              style: { "--toc-depth": N },
+              "data-depth": E,
+              style: { "--toc-depth": E },
               onClick: (ie) => w(ie, k),
               "aria-current": D ? "location" : void 0,
               children: k.textContent
@@ -16848,7 +16848,15 @@ function g5({ text: e = "Connecting..." }) {
 }
 function m5() {
   const { editor: e } = De(Zn), { isDragging: t } = Gn(e);
-  return V1(), e ? /* @__PURE__ */ m(
+  return V1(), L(() => {
+    if (!e) return;
+    const n = (o) => {
+      e.storage.uiState?.isDragging && o.stopPropagation();
+    };
+    return document.addEventListener("dragenter", n), document.addEventListener("dragover", n), document.addEventListener("dragleave", n), document.addEventListener("drop", n), () => {
+      document.removeEventListener("dragenter", n), document.removeEventListener("dragover", n), document.removeEventListener("dragleave", n), document.removeEventListener("drop", n);
+    };
+  }, [e]), e ? /* @__PURE__ */ m(
     Ia,
     {
       editor: e,
@@ -16911,7 +16919,7 @@ function b5(e) {
       }),
       B1,
       Ua.configure({ types: ["heading", "paragraph"] }),
-      Na.configure({
+      Ea.configure({
         placeholder: n,
         emptyNodeClass: "is-empty with-slash"
       }),
@@ -16959,7 +16967,7 @@ function b5(e) {
           p(w);
         }
       }),
-      Nc,
+      Ec,
       a5,
       f5,
       rc.configure({
@@ -16983,7 +16991,7 @@ function b5(e) {
           "tocNode"
         ]
       }),
-      Ea,
+      Na,
       x1,
       G1.configure({
         topOffset: 48
@@ -16999,7 +17007,7 @@ function b5(e) {
         g ? "omnibox-editor-wrapper--embedded" : "omnibox-editor-wrapper--page"
       ),
       children: /* @__PURE__ */ m(Zn.Provider, { value: { editor: v }, children: [
-        C ? /* @__PURE__ */ i(E7, {}) : null,
+        C ? /* @__PURE__ */ i(N7, {}) : null,
         /* @__PURE__ */ m(
           "div",
           {